vlite3 1.4.40 → 1.5.0

package/components/Form/index.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as b, computed as d, openBlock as n, createElementBlock as g, createElementVNode as R, createBlock as r, withCtx as x, createTextVNode as k, toDisplayString as I, createCommentVNode as v, unref as l } from "vue";
-import B from "./TableView.vue.js";
+import { defineComponent as g, computed as d, openBlock as n, createElementBlock as R, createElementVNode as x, createBlock as s, withCtx as k, createTextVNode as B, toDisplayString as I, createCommentVNode as y, unref as l } from "vue";
+import T from "./TableView.vue.js";
 import C from "./AccordionView.vue.js";
 import U from "../Label.vue.js";
-import N from "../Button.vue.js";
-import { useCustomFieldRows as V } from "./composables/useCustomFieldRows.js";
-import { createRowHelpers as A } from "./rowHelpers.js";
-import { resolveI18nText as s } from "../../utils/i18n.js";
-const F = { class: "custom-fields-wrapper min-w-0 w-full" }, T = { class: "flex justify-between items-center mb-2" }, O = /* @__PURE__ */ b({
+import z from "../Button.vue.js";
+import { useCustomFieldRows as N } from "./composables/useCustomFieldRows.js";
+import { createRowHelpers as V } from "./rowHelpers.js";
+import { resolveI18nText as r } from "../../utils/i18n.js";
+const A = { class: "custom-fields-wrapper min-w-0 w-full" }, F = { class: "flex justify-between items-center mb-2" }, q = /* @__PURE__ */ g({
   name: "CustomFields",
   __name: "index",
   props: {
@@ -31,18 +31,21 @@ const F = { class: "custom-fields-wrapper min-w-0 w-full" }, T = { class: "flex
     errors: { default: () => ({}) },
     isUpdate: { type: Boolean, default: !1 },
     layout: { default: "table" },
+    rowTitleKey: { default: void 0 },
     accordionTitleKey: { default: void 0 }
   },
   emits: ["update:modelValue", "change"],
   setup(a, { emit: f }) {
-    const e = a, h = f, i = d(() => s(e.labelI18n, e.label)), m = d(
-      () => s("vlite.customFields.emptyTitle", "No items added") ?? "No items added"
-    ), u = d(
-      () => s(
+    const e = a, i = d(
+      () => e.rowTitleKey || e.accordionTitleKey || void 0
+    ), h = f, m = d(() => r(e.labelI18n, e.label)), u = d(
+      () => r("vlite.customFields.emptyTitle", "No items added") ?? "No items added"
+    ), c = d(
+      () => r(
         "vlite.customFields.emptyDescription",
         "Add a new item to get started"
       ) ?? "Add a new item to get started"
-    ), t = V(
+    ), t = N(
       {
         // Getters (not snapshots) — see the long-form note in the composable
         // file. The `watch(() => options.modelValue, ...)` source must
@@ -60,11 +63,11 @@ const F = { class: "custom-fields-wrapper min-w-0 w-full" }, T = { class: "flex
         maxRows: () => e.maxRows
       },
       h
-    ), c = d(() => e.headers && e.headers.length > 0 ? e.headers : e.schema.map((o) => o.labelI18n ? s(
+    ), w = d(() => e.headers && e.headers.length > 0 ? e.headers : e.schema.map((o) => o.labelI18n ? r(
       o.labelI18n,
       typeof o.label == "string" ? o.label : o.name
-    ) ?? o.name : typeof o.label == "string" ? o.label : o.name)), p = d(() => e.schema.slice(0, c.value.length)), w = d(
-      () => A({
+    ) ?? o.name : typeof o.label == "string" ? o.label : o.name)), b = d(() => e.schema.slice(0, w.value.length)), v = d(
+      () => V({
         rows: t.rows.value,
         schema: e.schema,
         name: e.name,
@@ -72,19 +75,19 @@ const F = { class: "custom-fields-wrapper min-w-0 w-full" }, T = { class: "flex
         isUpdate: e.isUpdate,
         errors: e.errors
       })
-    ), y = d(() => s(e.labelI18n, e.label ?? "Item") ?? "Item");
-    return (o, z) => (n(), g("div", F, [
-      R("div", T, [
-        i.value ? (n(), r(U, {
+    ), p = d(() => r(e.labelI18n, e.label ?? "Item") ?? "Item");
+    return (o, D) => (n(), R("div", A, [
+      x("div", F, [
+        m.value ? (n(), s(U, {
           key: 0,
           class: "text-sm font-medium text-foreground"
         }, {
-          default: x(() => [
-            k(I(i.value), 1)
+          default: k(() => [
+            B(I(m.value), 1)
           ]),
           _: 1
-        })) : v("", !0),
-        a.readonly ? v("", !0) : (n(), r(N, {
+        })) : y("", !0),
+        a.readonly ? y("", !0) : (n(), s(z, {
           key: 1,
           type: "button",
           variant: "outline",
@@ -96,12 +99,12 @@ const F = { class: "custom-fields-wrapper min-w-0 w-full" }, T = { class: "flex
           onClick: l(t).addRow
         }, null, 8, ["disabled", "onClick"]))
       ]),
-      a.layout === "table" ? (n(), r(B, {
+      a.layout === "table" ? (n(), s(T, {
         key: 0,
         rows: l(t).rows.value,
         schema: e.schema,
-        "column-headers": c.value,
-        "visible-schema-fields": p.value,
+        "column-headers": w.value,
+        "visible-schema-fields": b.value,
         draggable: a.draggable,
         disabled: a.disabled,
         readonly: a.readonly,
@@ -109,13 +112,17 @@ const F = { class: "custom-fields-wrapper min-w-0 w-full" }, T = { class: "flex
         "show-row-numbers": a.showRowNumbers,
         "can-remove-row": l(t).canRemoveRow.value,
         "can-add-row": l(t).canAddRow.value,
-        helpers: w.value,
-        "empty-title": m.value,
-        "empty-description": u.value,
+        helpers: v.value,
+        variant: a.variant,
+        size: a.size,
+        rounded: a.rounded,
+        "row-title-key": i.value,
+        "empty-title": u.value,
+        "empty-description": c.value,
         "on-field-change": l(t).handleFieldChange,
         "on-remove-row": l(t).removeRow,
         "on-drag-update": l(t).handleDragUpdate
-      }, null, 8, ["rows", "schema", "column-headers", "visible-schema-fields", "draggable", "disabled", "readonly", "is-update", "show-row-numbers", "can-remove-row", "can-add-row", "helpers", "empty-title", "empty-description", "on-field-change", "on-remove-row", "on-drag-update"])) : (n(), r(C, {
+      }, null, 8, ["rows", "schema", "column-headers", "visible-schema-fields", "draggable", "disabled", "readonly", "is-update", "show-row-numbers", "can-remove-row", "can-add-row", "helpers", "variant", "size", "rounded", "row-title-key", "empty-title", "empty-description", "on-field-change", "on-remove-row", "on-drag-update"])) : (n(), s(C, {
         key: 1,
         rows: l(t).rows.value,
         schema: e.schema,
@@ -128,18 +135,18 @@ const F = { class: "custom-fields-wrapper min-w-0 w-full" }, T = { class: "flex
         rounded: a.rounded,
         "can-remove-row": l(t).canRemoveRow.value,
         "can-add-row": l(t).canAddRow.value,
-        helpers: w.value,
-        "accordion-title-key": a.accordionTitleKey,
-        "item-name": y.value,
-        "empty-title": m.value,
-        "empty-description": u.value,
+        helpers: v.value,
+        "row-title-key": i.value,
+        "item-name": p.value,
+        "empty-title": u.value,
+        "empty-description": c.value,
         "on-field-change": l(t).handleFieldChange,
         "on-remove-row": l(t).removeRow,
         "on-drag-update": l(t).handleDragUpdate
-      }, null, 8, ["rows", "schema", "draggable", "disabled", "readonly", "is-update", "variant", "size", "rounded", "can-remove-row", "can-add-row", "helpers", "accordion-title-key", "item-name", "empty-title", "empty-description", "on-field-change", "on-remove-row", "on-drag-update"]))
+      }, null, 8, ["rows", "schema", "draggable", "disabled", "readonly", "is-update", "variant", "size", "rounded", "can-remove-row", "can-add-row", "helpers", "row-title-key", "item-name", "empty-title", "empty-description", "on-field-change", "on-remove-row", "on-drag-update"]))
     ]));
   }
 });
 export {
-  O as default
+  q as default
 };

package/components/Form/rowHelpers.d.ts

@@ -43,3 +43,23 @@ export declare const createRowHelpers: (params: {
  * presentational components from the schema author.
  */
 export declare const renderLabel: (label: string | Component | undefined) => string | Component | undefined;
+/**
+ * Pick a human-readable title for a customFields row.
+ *
+ * Used by accordion headers and the small-screen stacked table card header.
+ *
+ * Resolution order:
+ * 1. Explicit `titleKey` (rowTitleKey / accordionTitleKey) when it has a value
+ * 2. Common row keys: `label`, `title`, `name` (covers Proof of Work, etc.)
+ * 3. First schema text-like field with a string value
+ * 4. First schema field whose value is an object with label/name/title
+ * 5. First schema select field whose selected option has a label
+ *
+ * Returns `undefined` when nothing meaningful is available — callers show
+ * `#N` as a fallback so stacked card headers never look empty.
+ */
+export declare const resolveCustomFieldRowTitle: (params: {
+    row: Record<string, any>;
+    titleKey?: string;
+    schema?: IForm[];
+}) => string | undefined;

package/components/Form/rowHelpers.js

@@ -1,40 +1,88 @@
-import { evaluateConditional as l, resolveFieldType as h, setNestedValue as m } from "./utils/form.utils.js";
-import { markRaw as y } from "vue";
-const x = (s) => {
-  const { rows: u, name: i, values: c, isUpdate: d, errors: o } = s, p = (r, e) => u[r]?.[e], n = (r) => {
-    let e = { ...c || {} };
-    return i && (e = m(e, i, u)), {
-      values: u[r] || {},
+import { evaluateConditional as p, resolveFieldType as E, setNestedValue as j } from "./utils/form.utils.js";
+import { markRaw as R } from "vue";
+const V = (r) => {
+  const { rows: t, name: n, values: l, isUpdate: c, errors: s } = r, f = (o, e) => t[o]?.[e], i = (o) => {
+    let e = { ...l || {} };
+    return n && (e = j(e, n, t)), {
+      values: t[o] || {},
       globalValues: e,
-      isUpdate: d
+      isUpdate: c
     };
-  }, f = (r, e) => h(r, n(e)), w = (r, e) => l(e.disabled, n(r)), g = (r, e) => l(e.readonly, n(r)), R = (r, e) => e.when ? l(e.when, n(r)) : !0, a = (r) => i ? `${i}.${r}.` : null;
+  }, b = (o, e) => E(o, i(e)), w = (o, e) => p(e.disabled, i(o)), g = (o, e) => p(e.readonly, i(o)), h = (o, e) => e.when ? p(e.when, i(o)) : !0, y = (o) => n ? `${n}.${o}.` : null;
   return {
-    errors: o,
-    getFieldValue: p,
-    getRowContext: n,
-    getResolvedType: f,
-    isFieldVisible: R,
+    errors: s,
+    getFieldValue: f,
+    getRowContext: i,
+    getResolvedType: b,
+    isFieldVisible: h,
     isFieldDisabled: w,
     isFieldReadonly: g,
-    getRowErrorsHash: (r) => {
-      const e = a(r);
-      return e ? Object.keys(o).filter((t) => t.startsWith(e)).map((t) => o[t]).join(",") : "";
+    getRowErrorsHash: (o) => {
+      const e = y(o);
+      return e ? Object.keys(s).filter((a) => a.startsWith(e)).map((a) => s[a]).join(",") : "";
     },
-    getFieldError: (r, e) => {
-      const t = a(r);
-      return t && o[`${t}${e}`] || "";
+    getFieldError: (o, e) => {
+      const a = y(o);
+      return a && s[`${a}${e}`] || "";
     },
-    hasRowErrors: (r) => {
-      const e = a(r);
-      return e ? Object.keys(o).some((t) => t.startsWith(e)) : !1;
+    hasRowErrors: (o) => {
+      const e = y(o);
+      return e ? Object.keys(s).some((a) => a.startsWith(e)) : !1;
     }
   };
-}, $ = (s) => {
-  if (s)
-    return typeof s != "string" ? y(s) : s;
+}, _ = (r) => {
+  if (r)
+    return typeof r != "string" ? R(r) : r;
+}, T = /* @__PURE__ */ new Set(["text", "textarea", "email", "url", "tel", "search"]), F = ["label", "title", "name"], u = (r) => {
+  if (typeof r != "string") return;
+  const t = r.trim();
+  return t || void 0;
+}, d = (r) => {
+  const t = u(r);
+  if (t)
+    return /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(t) || /^[a-z0-9_-]{24,}$/i.test(t) ? void 0 : t;
+  if (!r || typeof r != "object" || Array.isArray(r)) return;
+  const n = r;
+  return u(n.label) || u(n.name) || u(n.title) || u(n.text) || d(n.value);
+}, m = (r, t) => {
+  if (t == null || t === "") return;
+  const n = d(t);
+  if (n && typeof t == "object") return n;
+  const l = r.options;
+  if (!Array.isArray(l)) return;
+  const c = t && typeof t == "object" && !Array.isArray(t) ? t.value ?? t.id : t, s = l.find((f) => f?.value === c || f?.value === t);
+  return u(s?.label);
+}, $ = (r) => {
+  const { row: t, titleKey: n, schema: l = [] } = r;
+  if (!(!t || typeof t != "object")) {
+    if (n) {
+      const c = l.find((f) => f.name === n), s = c && m(c, t[n]) || d(t[n]);
+      if (s) return s;
+    }
+    for (const c of F) {
+      const s = d(t[c]);
+      if (s) return s;
+    }
+    for (const c of l) {
+      const s = typeof c.type == "string" ? c.type : void 0, f = t[c.name];
+      if (s && T.has(s)) {
+        const i = d(f);
+        if (i) return i;
+        continue;
+      }
+      if (f && typeof f == "object" && !Array.isArray(f)) {
+        const i = d(f);
+        if (i) return i;
+      }
+      if (s === "select") {
+        const i = m(c, f);
+        if (i) return i;
+      }
+    }
+  }
 };
 export {
-  x as createRowHelpers,
-  $ as renderLabel
+  V as createRowHelpers,
+  _ as renderLabel,
+  $ as resolveCustomFieldRowTitle
 };

package/components/Form/types.d.ts

@@ -78,12 +78,23 @@ export type IFormWhen = (context: IFormContext) => boolean;
 export type IFormGroupsHeadings = string[] | ((context: IFormContext) => string[] | undefined | null);
 /**
  * CustomFields schema props
+ *
+ * When `layout` is `'table'` (default), viewports below Tailwind `md`
+ * automatically render stacked labeled cards instead of the grid table.
+ * Card / accordion titles resolve via `rowTitleKey` (or legacy
+ * `accordionTitleKey`), then smart fallbacks (`label` / `title` / `name`).
  */
 export interface IFormCustomFieldsProps {
     schema: IForm[];
     headers?: string[];
     draggable?: boolean;
     layout?: 'table' | 'accordion';
+    /**
+     * Row object key used as the title in accordion headers and in the
+     * small-screen stacked table card header (e.g. `'label'`, `'title'`).
+     */
+    rowTitleKey?: string;
+    /** @deprecated Use `rowTitleKey`. Kept as an alias for backward compatibility. */
     accordionTitleKey?: string;
     addButtonText?: string;
 }

package/components/GoogleLogin.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as c, ref as f, computed as g, openBlock as m, createEl
 import { useTokenClient as w } from "vue3-google-signin";
 import y from "./Button.vue.js";
 import { $t as i } from "../utils/i18n.js";
-const z = { class: "google-login-wrapper inline-block w-full" }, L = { class: "font-medium" }, G = /* @__PURE__ */ c({
+const z = { class: "google-login-wrapper inline-block w-full" }, B = { class: "font-medium" }, N = /* @__PURE__ */ c({
   __name: "GoogleLogin",
   props: {
     buttonText: {},
@@ -37,7 +37,7 @@ const z = { class: "google-login-wrapper inline-block w-full" }, L = { class: "f
       const e = i("vlite.googleLogin.buttonText");
       return e !== "vlite.googleLogin.buttonText" ? e : "Sign in with Google";
     });
-    return (e, B) => (m(), b("div", z, [
+    return (e, L) => (m(), b("div", z, [
       v(e.$slots, "default", {
         login: a,
         loading: t.value,
@@ -54,7 +54,7 @@ const z = { class: "google-login-wrapper inline-block w-full" }, L = { class: "f
           onClick: a
         }, {
           default: C(() => [
-            h("span", L, k(d.value), 1)
+            h("span", B, k(d.value), 1)
           ]),
           _: 1
         }, 8, ["variant", "size", "rounded", "disabled", "loading", "class"])
@@ -63,5 +63,5 @@ const z = { class: "google-login-wrapper inline-block w-full" }, L = { class: "f
   }
 });
 export {
-  G as default
+  N as default
 };

package/components/IconPicker.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as g, ref as v, computed as w, openBlock as k, createBlock as y, unref as a, withCtx as n, renderSlot as c, createVNode as s, mergeProps as P } from "vue";
-import $ from "./Dropdown/Dropdown.vue.js";
+import { defineComponent as g, ref as v, computed as w, openBlock as k, createBlock as y, unref as n, withCtx as a, renderSlot as c, createVNode as s, mergeProps as P } from "vue";
+import C from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import { $t as d } from "../utils/i18n.js";
 /* empty css           */
 /* empty css                                   */
 /* empty css                           */
-import C from "./Button.vue.js";
-import I from "iconify-icon-picker";
+import I from "./Button.vue.js";
+import S from "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 const A = /* @__PURE__ */ g({
   __name: "IconPicker",
@@ -98,14 +98,14 @@ const A = /* @__PURE__ */ g({
       "tabler:ruler-2",
       "material-symbols:download-rounded"
     ];
-    return (e, r) => (k(), y(a($), {
+    return (e, r) => (k(), y(n(C), {
       className: "max-h-[392px]! min-w-[250px]",
       onOnClose: r[1] || (r[1] = (b) => i("onClose")),
       position: o.position
     }, {
-      trigger: n(() => [
+      trigger: a(() => [
         c(e.$slots, "default", {}, () => [
-          s(C, P({
+          s(I, P({
             icon: o.value,
             rounded: "md",
             variant: "outline",
@@ -115,9 +115,9 @@ const A = /* @__PURE__ */ g({
           }), null, 16)
         ])
       ]),
-      menu: n(() => [
+      menu: a(() => [
         c(e.$slots, "menu-top", { close: l }),
-        s(a(I), {
+        s(n(S), {
           id: "icon-picker",
           placeholder: h.value,
           "items-per-page": 35,

package/components/ImportData/ImportData.vue.js

@@ -1,4 +1,4 @@
-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 { defineComponent as ne, computed as h, ref as y, shallowRef as B, openBlock as n, createBlock as d, withCtx as b, 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";
@@ -42,10 +42,10 @@ const we = { class: "px-2" }, xe = { class: "min-h-[300px]" }, De = {
         if (e !== i.titleI18n) return e;
       }
       return i.title;
-    }), l = y(1), m = y(!1), C = $([]), v = y({}), q = y({
+    }), l = y(1), m = y(!1), C = B([]), v = y({}), q = y({
       existing: "replace",
       new: "create"
-    }), M = y(""), O = $(null), S = $([]), F = $([]), x = y([]), V = {
+    }), M = y(""), O = B(null), S = B([]), F = B([]), x = y([]), V = {
       total: 0,
       processed: 0,
       created: 0,
@@ -161,13 +161,13 @@ const we = { class: "px-2" }, xe = { class: "min-h-[300px]" }, De = {
         ])
       ]),
       default: b(({ close: u }) => [
-        B("div", we, [
+        U("div", we, [
           ue(pe(fe), {
             steps: Y.value,
             "active-step": l.value - 1,
             class: "mb-8"
           }, null, 8, ["steps", "active-step"]),
-          B("div", xe, [
+          U("div", xe, [
             l.value === 1 ? (n(), d(he, {
               key: 0,
               importMethod: M.value,
@@ -200,14 +200,14 @@ const we = { class: "px-2" }, xe = { class: "min-h-[300px]" }, De = {
             }, null, 8, ["progress"])) : T("", !0)
           ]),
           x.value.length > 0 && l.value === 2 ? (n(), N("div", De, [
-            B("ul", ke, [
+            U("ul", ke, [
               (n(!0), N(ce, null, de(x.value, (a) => (n(), N("li", { key: a }, _(a), 1))), 128))
             ])
           ])) : T("", !0)
         ])
       ]),
       footer: b(({ close: u }) => [
-        B("div", _e, [
+        U("div", _e, [
           l.value > 1 && l.value < 4 ? (n(), d(I, {
             key: 0,
             variant: "outline",
@@ -216,7 +216,7 @@ const we = { class: "px-2" }, xe = { class: "min-h-[300px]" }, De = {
             icon: "lucide:arrow-left"
           }, {
             default: b(() => [
-              U(_(Z.value), 1)
+              $(_(Z.value), 1)
             ]),
             _: 1
           }, 8, ["disabled"])) : (n(), N("div", Ie)),
@@ -228,7 +228,7 @@ const we = { class: "px-2" }, xe = { class: "min-h-[300px]" }, De = {
             "icon-right": "lucide:arrow-right"
           }, {
             default: b(() => [
-              U(_(ee.value), 1)
+              $(_(ee.value), 1)
             ]),
             _: 1
           }, 8, ["disabled"])) : l.value === 3 ? (n(), d(I, {
@@ -239,7 +239,7 @@ const we = { class: "px-2" }, xe = { class: "min-h-[300px]" }, De = {
             loading: m.value
           }, {
             default: b(() => [
-              U(_(te.value), 1)
+              $(_(te.value), 1)
             ]),
             _: 1
           }, 8, ["loading"])) : l.value === 4 && o.value.percentage >= 100 ? (n(), d(I, {
@@ -248,7 +248,7 @@ const we = { class: "px-2" }, xe = { class: "min-h-[300px]" }, De = {
             onClick: u
           }, {
             default: b(() => [
-              U(_(ae.value), 1)
+              $(_(ae.value), 1)
             ]),
             _: 1
           }, 8, ["onClick"])) : T("", !0)

package/components/ImportData/ImportStep1.vue.js

@@ -41,10 +41,10 @@ const X = { class: "space-y-2" }, Y = { class: "font-medium text-md" }, Z = { cl
       i("update:csvFile", r), i("update:importMethod", "file");
       const e = new FileReader();
       e.onload = (a) => {
-        a.target?.result && _(a.target.result);
+        a.target?.result && C(a.target.result);
       }, e.readAsText(r);
     }, j = () => {
-      i("update:importMethod", "paste"), c.value && _(c.value);
+      i("update:importMethod", "paste"), c.value && C(c.value);
     }, O = (r) => {
       const e = g(r), a = {};
       return b.fields.forEach((t) => {
@@ -52,7 +52,7 @@ const X = { class: "space-y-2" }, Y = { class: "font-medium text-md" }, Z = { cl
           a[g(u)] = t.field;
         });
       }), a[e] || "";
-    }, _ = async (r) => {
+    }, C = async (r) => {
       try {
         const e = await import("papaparse"), a = Q(
           e,
@@ -76,11 +76,11 @@ const X = { class: "space-y-2" }, Y = { class: "font-medium text-md" }, Z = { cl
               }), f;
             });
             i("update:importData", A), i("update:preview", t.data.slice(0, 3));
-            const C = {};
+            const _ = {};
             u.forEach((p) => {
               const f = O(p);
-              C[p] = f || "";
-            }), i("update:mappings", C), i("next");
+              _[p] = f || "";
+            }), i("update:mappings", _), i("next");
           },
           error: (t) => h(
             s("vlite.importData.parseError", "Failed to parse CSV: ") + t.message,
@@ -93,10 +93,10 @@ const X = { class: "space-y-2" }, Y = { class: "font-medium text-md" }, Z = { cl
     }, $ = (r) => {
       const e = r.target;
       e.files && e.files.length > 0 && w(e.files[0]);
-    }, I = d(() => s("vlite.importData.uploadData", "Upload Data")), z = d(() => s("vlite.importData.dragDrop", "Drag & drop a file here or click to browse")), B = d(() => s("vlite.importData.csvOnlyHint", "Only CSV files are supported")), H = d(() => s("vlite.importData.pasteData", "Or paste CSV/Excel data")), N = d(() => s("vlite.importData.process", "Process Data")), U = d(() => s("vlite.importData.pastePlaceholder", `id, name, email
+    }, B = d(() => s("vlite.importData.uploadData", "Upload Data")), I = d(() => s("vlite.importData.dragDrop", "Drag & drop a file here or click to browse")), z = d(() => s("vlite.importData.csvOnlyHint", "Only CSV files are supported")), H = d(() => s("vlite.importData.pasteData", "Or paste CSV/Excel data")), N = d(() => s("vlite.importData.process", "Process Data")), U = d(() => s("vlite.importData.pastePlaceholder", `id, name, email
 1, John Doe, john@example.com`));
     return (r, e) => (V(), F("div", X, [
-      o("h5", Y, n(I.value), 1),
+      o("h5", Y, n(B.value), 1),
       o("div", Z, [
         o("div", {
           class: M([
@@ -124,8 +124,8 @@ const X = { class: "space-y-2" }, Y = { class: "font-medium text-md" }, Z = { cl
                 class: "w-6 h-6"
               })
             ]),
-            o("p", re, n(z.value), 1),
-            o("p", ae, n(B.value), 1),
+            o("p", re, n(I.value), 1),
+            o("p", ae, n(z.value), 1),
             l.csvFile ? (V(), F("p", oe, n(l.csvFile.name) + " (" + n((l.csvFile.size / 1024).toFixed(2)) + " KB) ", 1)) : K("", !0)
           ])
         ], 34),

package/components/ImportData/ImportStep2.vue.js

@@ -1,10 +1,11 @@
-import { defineComponent as V, ref as $, computed as r, openBlock as n, createElementBlock as a, createElementVNode as e, toDisplayString as c, Fragment as f, renderList as x, isMemoSame as B, normalizeClass as I, createBlock as O, unref as j, createCommentVNode as w, createVNode as z } from "vue";
+import { defineComponent as V, ref as $, computed as a, openBlock as n, createElementBlock as r, createElementVNode as e, toDisplayString as c, Fragment as f, renderList as x, isMemoSame as B, normalizeClass as I, createBlock as O, unref as j, createCommentVNode as w, createVNode as z } from "vue";
 import A from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import { $t as E } from "../../utils/i18n.js";
 /* empty css            */
 /* empty css                                    */
 /* empty css                            */
+/* empty css             */
 import P from "../CheckBox.vue.js";
 const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }, q = { class: "border border-border rounded-xl overflow-hidden" }, L = { class: "overflow-x-auto max-h-[440px] always-scroll scrollbar-thin" }, W = { class: "import-table" }, G = { class: "import-thead" }, J = { class: "import-th" }, K = { class: "import-th" }, Q = { class: "import-th" }, T = { class: "import-tbody" }, X = { class: "import-td-header" }, Y = { class: "import-td-dropdown" }, Z = {
   key: 1,
@@ -15,7 +16,7 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
 }, st = { class: "import-td-action" }, ot = { class: "flex justify-center items-center h-full" }, it = {
   key: 0,
   class: "text-center text-sm text-warning font-medium p-4 bg-warning/10 rounded-lg border border-warning/20"
-}, vt = /* @__PURE__ */ V({
+}, gt = /* @__PURE__ */ V({
   __name: "ImportStep2",
   props: {
     headers: {},
@@ -28,20 +29,20 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
     const m = l, v = b, o = $([]), d = (s, i) => {
       const t = E(s);
       return t !== s ? t : i;
-    }, y = r(() => m.headers.filter((s) => m.mappings[s] !== "")), k = (s) => {
+    }, y = a(() => m.headers.filter((s) => m.mappings[s] !== "")), k = (s) => {
       const i = { ...m.mappings };
       o.value.includes(s) ? o.value = o.value.filter((g) => g !== s) : o.value.push(s), i[s] !== "" && (i[s] = ""), v("update:mappings", i);
     }, D = () => m.availableFields.map((s) => ({
       label: s.required ? `${s.label} *` : s.label,
       value: s.value
     }));
-    r(() => d("vlite.importData.assignFields", "Assign Fields"));
-    const S = r(
+    a(() => d("vlite.importData.assignFields", "Assign Fields"));
+    const S = a(
       () => d("vlite.importData.assignDesc", "Match your CSV columns to the correct system fields.")
-    ), F = r(() => d("vlite.importData.csvHeader", "CSV Header")), C = r(() => d("vlite.importData.fieldMapping", "System Field")), H = r(() => d("vlite.importData.preview", "Data Preview")), M = r(
+    ), F = a(() => d("vlite.importData.csvHeader", "CSV Header")), C = a(() => d("vlite.importData.fieldMapping", "System Field")), H = a(() => d("vlite.importData.preview", "Data Preview")), M = a(
       () => d("vlite.importData.noHeaders", "No headers mapped. Data will not be imported properly.")
     );
-    return (s, i) => (n(), a("div", R, [
+    return (s, i) => (n(), r("div", R, [
       e("div", null, [
         e("p", U, c(S.value), 1)
       ]),
@@ -57,7 +58,7 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
               ])
             ]),
             e("tbody", T, [
-              (n(!0), a(f, null, x(l.headers, (t, g, nt, u) => {
+              (n(!0), r(f, null, x(l.headers, (t, g, nt, u) => {
                 const _ = [
                   t,
                   o.value.includes(t),
@@ -65,7 +66,7 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
                   l.preview.map((p) => p[t])
                 ];
                 if (u && u.key === t && B(u, _)) return u;
-                const h = (n(), a("tr", {
+                const h = (n(), r("tr", {
                   key: t,
                   class: I([
                     "import-tr",
@@ -74,7 +75,7 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
                 }, [
                   e("td", X, c(t), 1),
                   e("td", Y, [
-                    o.value.includes(t) ? (n(), a("span", Z, "Ignored")) : (n(), O(j(A), {
+                    o.value.includes(t) ? (n(), r("span", Z, "Ignored")) : (n(), O(j(A), {
                       key: 0,
                       class: "w-full",
                       options: D(),
@@ -86,8 +87,8 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
                     }, null, 8, ["options", "selected", "onOnSelect"]))
                   ]),
                   e("td", tt, [
-                    o.value.includes(t) ? w("", !0) : (n(), a("div", et, [
-                      (n(!0), a(f, null, x(l.preview, (p, N) => (n(), a("div", {
+                    o.value.includes(t) ? w("", !0) : (n(), r("div", et, [
+                      (n(!0), r(f, null, x(l.preview, (p, N) => (n(), r("div", {
                         key: N,
                         class: "truncate text-xs"
                       }, c(String(p[t] || "").slice(0, 50)), 1))), 128))
@@ -109,10 +110,10 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
           ])
         ])
       ]),
-      y.value.length === 0 ? (n(), a("div", it, c(M.value), 1)) : w("", !0)
+      y.value.length === 0 ? (n(), r("div", it, c(M.value), 1)) : w("", !0)
     ]));
   }
 });
 export {
-  vt as default
+  gt as default
 };