@ironsource/shared-ui 2.1.6-rc.27 → 2.1.6-rc.29

package/components/dropdown/v4/OptionV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../OptionV4.vue_vue_type_style_index_0_scoped_e0c24b6a_lang.css"; import { defineComponent as $, openBlock as n, createBlock as u, unref as i, withCtx as y, createElementVNode as s, normalizeClass as b, createCommentVNode as o, createElementBlock as l, renderSlot as c, createVNode as d, createTextVNode as k, toDisplayString as h, withModifiers as C } from "vue";
+ import "../../../OptionV4.vue_vue_type_style_index_0_scoped_89b98201_lang.css"; import { defineComponent as $, openBlock as n, createBlock as r, unref as i, withCtx as y, createElementVNode as s, normalizeClass as b, createCommentVNode as o, createElementBlock as l, renderSlot as c, createVNode as d, createTextVNode as k, toDisplayString as h, withModifiers as C } from "vue";
 import "../../typography/Heading.vue.js";
 import B from "../../typography/Text.vue.js";
 import z from "../../checkbox/v4/CheckboxV4.vue.js";
@@ -35,10 +35,10 @@ const P = {
     toolTipPlacement: { default: "right" }
   },
   setup(e) {
-    const p = e, { selected: m, isMulti: r, id: v, onClick: I, api: T } = V(p), K = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : "", x = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
-    return (t, a) => (n(), u(i(O), {
-      text: K(e.option),
-      "test-id": x(e.option),
+    const I = e, { selected: m, isMulti: u, id: K, onClick: v, api: T } = V(I), x = (t) => t && typeof t == "object" && "optionTooltipText" in t ? t.optionTooltipText : "", p = (t) => t && typeof t == "object" && "optionTooltipTestId" in t ? t.optionTooltipTestId : null;
+    return (t, a) => (n(), r(i(O), {
+      text: x(e.option),
+      "test-id": p(e.option),
       placement: e.toolTipPlacement,
       class: "tooltip-option"
     }, {
@@ -49,24 +49,24 @@ const P = {
             "item-container--disabled": e.disabled,
             "item-container--active": e.nameKey ? !1 : e.active,
             "item-container--selected": i(m),
-            "item-container--multi": i(r)
+            "item-container--multi": i(u)
           }])
         }, [
           s("div", {
             class: b(["item", {
-              "item--multi": i(r),
+              "item--multi": i(u),
               "item--with-icon": t.$slots["icon-start"] || t.$slots.image
             }])
           }, [
-            i(r) ? (n(), u(i(z), {
+            i(u) ? (n(), r(i(z), {
               key: 0,
-              id: i(v).toString(),
+              id: i(K).toString(),
               tabindex: "-1",
               class: "checkbox",
               size: "sm",
               "is-checked": i(m),
               "is-indeterminate": e.isIndeterminate && !e.option,
-              onClick: a[0] || (a[0] = (g) => e.disabled ? i(N)() : i(I)(g))
+              onClick: a[0] || (a[0] = (g) => e.disabled ? i(N)() : i(v)(g))
             }, null, 8, ["id", "is-checked", "is-indeterminate"])) : o("", !0),
             t.$slots.image || e.imageKey ? (n(), l("div", P, [
               c(t.$slots, "image", {}, () => [
@@ -97,7 +97,7 @@ const P = {
                 ]),
                 _: 3
               }),
-              e.subtitle ? (n(), u(i(B), {
+              e.subtitle ? (n(), r(i(B), {
                 key: 0,
                 class: "subtitle",
                 size: "xs"
@@ -108,7 +108,7 @@ const P = {
                 _: 1
               })) : o("", !0)
             ]),
-            t.$slots["icon-end"] || e.endIconKey ? (n(), l("div", M, [
+            t.$slots["icon-end"] || e.endIconKey && e.option[e.endIconKey] ? (n(), l("div", M, [
               c(t.$slots, "icon-end", {}, () => [
                 d(i(f), {
                   type: e.endIconType,

package/components/dropdown/v4/index.d.ts

@@ -553,6 +553,8 @@ declare const DropdownTypes: () => (({
             optionIconKey: string;
             optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionEndIconKey: string;
+            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             valueToCopy: string;
             selectedOption: any;
             brandIconType: "android" | "ios";
@@ -623,6 +625,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
+            optionEndIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionEndIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: any;
+            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -638,7 +648,7 @@ declare const DropdownTypes: () => (({
         }>> & {
             onClick?: () => any;
             onCopyToClipboard?: () => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "label" | "disabled" | "size" | "open" | "mandatory" | "loading" | "testId" | "options" | "singleAppSelection" | "placeholder" | "multi" | "optionNameKey" | "optionIconKey" | "optionImageKey" | "optionIconType" | "optionEndIconKey" | "optionEndIconType" | "valueToCopy" | "selectedOption" | "brandIconType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -719,6 +729,14 @@ declare const DropdownTypes: () => (({
                 type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
                 default: any;
             };
+            optionEndIconKey: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+            optionEndIconType: {
+                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+                default: any;
+            };
             valueToCopy: {
                 type: import("vue").PropType<string>;
                 default: any;
@@ -753,6 +771,8 @@ declare const DropdownTypes: () => (({
             optionIconKey: string;
             optionImageKey: string;
             optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+            optionEndIconKey: string;
+            optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
             valueToCopy: string;
             selectedOption: any;
             brandIconType: "android" | "ios";
@@ -843,6 +863,14 @@ declare const DropdownTypes: () => (({
             type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
             default: any;
         };
+        optionEndIconKey: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+        optionEndIconType: {
+            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+            default: any;
+        };
         valueToCopy: {
             type: import("vue").PropType<string>;
             default: any;
@@ -929,6 +957,14 @@ declare const DropdownTypes: () => (({
         type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
         default: any;
     };
+    optionEndIconKey: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+    optionEndIconType: {
+        type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test">;
+        default: any;
+    };
     valueToCopy: {
         type: import("vue").PropType<string>;
         default: any;
@@ -963,6 +999,8 @@ declare const DropdownTypes: () => (({
     optionIconKey: string;
     optionImageKey: string;
     optionIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
+    optionEndIconKey: string;
+    optionEndIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test";
     valueToCopy: string;
     selectedOption: any;
     brandIconType: "android" | "ios";
@@ -970,6 +1008,7 @@ declare const DropdownTypes: () => (({
     $slots: {
         image?(_: {}): any;
         "icon-start"?(_: {}): any;
+        "icon-end"?(_: {}): any;
     };
 })) | ({
     new (...args: any[]): {

package/components/table/v4/DataGrid.vue.js

@@ -1,7 +1,7 @@
 import o from "./DataGrid.vue2.js";
-/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css"; //*');
-const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-6df3b70f"]]);
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DataGrid.vue_vue_type_style_index_0_scoped_b5729ec6_lang.css"; //*');
+const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b5729ec6"]]);
 export {
   a as default
 };

package/components/table/v4/DataGrid.vue2.js

@@ -1,11 +1,11 @@
- import "../../../DataGrid.vue_vue_type_style_index_0_scoped_6df3b70f_lang.css"; import { defineComponent as se, useCssVars as ae, unref as t, useSlots as le, computed as g, openBlock as l, createElementBlock as d, createElementVNode as h, normalizeStyle as x, normalizeClass as f, renderSlot as r, createVNode as y, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ie, createCommentVNode as u, Fragment as w, renderList as B, createBlock as z, mergeProps as de } from "vue";
+ import "../../../DataGrid.vue_vue_type_style_index_0_scoped_b5729ec6_lang.css"; import { defineComponent as se, useCssVars as ae, unref as t, useSlots as le, computed as g, openBlock as l, createElementBlock as d, createElementVNode as h, normalizeStyle as x, normalizeClass as f, renderSlot as c, createVNode as y, withCtx as T, createTextVNode as C, toDisplayString as E, isRef as ie, createCommentVNode as u, Fragment as w, renderList as B, createBlock as z, mergeProps as de } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import oe from "../../skeleton/v4/SkeletonV4.vue.js";
 import ne from "../../emptyState/v4/EmptyStateV4.vue.js";
 import D from "../../checkbox/v4/CheckboxV4.vue.js";
 import { TableTestIdModifiers as S } from "../../../testids/index.js";
-import { tableCommon as ce } from "../common/Table.common.js";
-import re from "./SortIcon.vue.js";
+import { tableCommon as re } from "../common/Table.common.js";
+import ce from "./SortIcon.vue.js";
 import ue from "./HelpIcon.vue.js";
 import he from "./ExpandRowToggle.vue.js";
 import ye from "../../search/v4/SearchV4.vue.js";
@@ -37,8 +37,8 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
     sections: { default: null },
     sort: { default: null },
     selection: { default: null },
-    getRowId: { type: Function, default: (s, c) => c },
-    selectedMatcher: { type: Function, default: (s, c) => s === c },
+    getRowId: { type: Function, default: (s, r) => r },
+    selectedMatcher: { type: Function, default: (s, r) => s === r },
     isSticky: { type: Boolean, default: !0 },
     isStickyHeader: { type: Boolean, default: !1 },
     isLoading: { type: Boolean, default: !1 },
@@ -58,13 +58,13 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
     zIndexBase: { default: 100 }
   },
   emits: ["update:sort", "update:search", "update:selection", "onScroll", "onClearSearch", "saveRow", "loadMore", "selectAll", "selectRow"],
-  setup(s, { emit: c }) {
+  setup(s, { emit: r }) {
     const o = s;
     ae((a) => ({
-      "6eac79e5": s.zIndexBase,
-      "69b66c99": t(J),
-      c4cc855c: t(V),
-      "6efaf45a": t(q)
+      "1d168568": s.zIndexBase,
+      "40a246c0": t(J),
+      "68f7a9b9": t(V),
+      "60bffa01": t(q)
     }));
     const v = le(), {
       list: P,
@@ -85,7 +85,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
       isRowExpanded: A,
       hasCheckboxes: F,
       activeMenuRow: K
-    } = ce(o, c), O = g(() => !!v.footer), k = fe(o, "search", c), X = g(() => o.selection.length || 0), M = g(() => {
+    } = re(o, r), O = g(() => !!v.footer), k = fe(o, "search", r), X = g(() => o.selection.length || 0), M = g(() => {
       const a = o.rows.map((i, e) => o.getRowId(i, e));
       return a.length && a.every((i) => $(i));
     }), $ = (a) => o.selection.findIndex((i) => o.selectedMatcher(a, i)) !== -1, Z = (a) => {
@@ -93,16 +93,16 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
         o.selection.filter(
           (i) => !o.selectedMatcher(a, i)
         )
-      ), c("selectRow", !1)) : (R([...o.selection, a]), c("selectRow", !0));
+      ), r("selectRow", !1)) : (R([...o.selection, a]), r("selectRow", !0));
     }, _ = () => {
       if (M.value)
-        R([]), c("selectAll", !1);
+        R([]), r("selectAll", !1);
       else {
         const a = o.rows.map((i, e) => o.getRowId(i, e)).filter((i) => !$(i));
-        R([...o.selection, ...a]), c("selectAll", !0);
+        R([...o.selection, ...a]), r("selectAll", !0);
       }
     }, R = (a) => {
-      c("update:selection", a);
+      r("update:selection", a);
     }, ee = g(
       () => o.emptyStateVariant ?? (k.value ? "no-results" : "no-data")
     ), te = g(
@@ -132,7 +132,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
             class: "table-title",
             "data-testid": `${s.testId}-${t(S).TITLE}`
           }, [
-            r(a.$slots, "title", {}, () => [
+            c(a.$slots, "title", {}, () => [
               y(t(I), { variant: "h3" }, {
                 default: T(() => [
                   C(E(s.title), 1)
@@ -145,7 +145,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
             class: "table-header-right",
             "data-testid": `${s.testId}-${t(S).HEADER_RIGHT}`
           }, [
-            s.showSearch ? r(a.$slots, "search", { key: 0 }, () => [
+            s.showSearch ? c(a.$slots, "search", { key: 0 }, () => [
               h("div", be, [
                 y(t(ye), {
                   modelValue: t(k),
@@ -153,7 +153,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
                   placeholder: s.searchPlaceholder,
                   "auto-focus": s.searchAutoFocus,
                   "test-id": s.testId,
-                  onOnClear: i[1] || (i[1] = (e) => c("onClearSearch"))
+                  onOnClear: i[1] || (i[1] = (e) => r("onClearSearch"))
                 }, null, 8, ["modelValue", "placeholder", "auto-focus", "test-id"])
               ])
             ], !0) : u("", !0)
@@ -163,7 +163,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
             class: "table-header-actions",
             "data-testid": `${s.testId}-${t(S).ACTIONS}`
           }, [
-            r(a.$slots, "table-header-actions", {}, void 0, !0)
+            c(a.$slots, "table-header-actions", {}, void 0, !0)
           ], 8, $e)) : u("", !0)
         ], 10, me)) : u("", !0),
         h("thead", {
@@ -177,7 +177,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
               key: e.id,
               class: f(["section-container", { sticky: e.isSticky }])
             }, [
-              r(a.$slots, `section-${e.id}`, {}, () => [
+              c(a.$slots, `section-${e.id}`, {}, () => [
                 h("div", {
                   style: x({ width: e.width + "px" }),
                   class: f({ section: !0 })
@@ -194,7 +194,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
           ], 8, Re),
           h("tr", null, [
             t(F) ? (l(), d("th", xe, [
-              r(a.$slots, "select-all-checkbox", {}, () => [
+              c(a.$slots, "select-all-checkbox", {}, () => [
                 y(t(D), {
                   disabled: s.isLoading,
                   "is-checked": t(M),
@@ -218,7 +218,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
               onClick: (m) => e.isSortable ? t(Y)(e) : null
             }, [
               h("div", Ee, [
-                r(a.$slots, `header-${e.id}`, { column: e }, () => [
+                c(a.$slots, `header-${e.id}`, { column: e }, () => [
                   y(t(I), { variant: "tableLabel" }, {
                     default: T(() => [
                       C(E(e.title), 1)
@@ -231,7 +231,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
                   "hover-help-text": e.helpText,
                   "hover-help-text-placement": e.helpTextPlacement
                 }, null, 8, ["hover-help-text", "hover-help-text-placement"])) : u("", !0),
-                e.isSortable && e.id === s.sort?.sortBy ? (l(), z(re, {
+                e.isSortable && e.id === s.sort?.sortBy ? (l(), z(ce, {
                   key: 1,
                   "sort-order": s.sort.sortOrder
                 }, null, 8, ["sort-order"])) : u("", !0)
@@ -285,7 +285,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
                   key: 0,
                   class: f(["table-cell", { last: n === e.data.length - 1 }])
                 }, [
-                  r(a.$slots, `cell-${s.columns[n].id}`, {
+                  c(a.$slots, `cell-${s.columns[n].id}`, {
                     cell: e.data[n],
                     isLoading: t(N).includes(e.index),
                     cellIndex: n,
@@ -299,19 +299,19 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
                       _: 2
                     }, 1024)
                   ], !0)
-                ], 2)) : r(a.$slots, "loader", { key: 1 }, () => [
+                ], 2)) : c(a.$slots, "loader", { key: 1 }, () => [
                   y(t(oe), { round: "" })
                 ], !0)
               ], 6))), 128)),
               t(b) && t(A)(e.index) ? (l(), d("div", Ae, [
-                r(a.$slots, "expanded", {
+                c(a.$slots, "expanded", {
                   row: e,
                   gridColumnTemplate: t(V)
                 }, void 0, !0)
               ])) : u("", !0)
             ], 42, Be))), 128))
           ], 16, we)) : (l(), d("div", Me, [
-            r(a.$slots, "empty-state", {}, () => [
+            c(a.$slots, "empty-state", {}, () => [
               y(t(ne), {
                 class: "empty-state",
                 title: s.emptyStateTitle,
@@ -324,7 +324,7 @@ const Se = ["data-testid"], ke = ["data-testid"], me = ["data-testid"], ge = ["d
         ])
       ], 46, ke),
       t(O) ? (l(), d("div", Pe, [
-        r(a.$slots, "footer", {}, void 0, !0)
+        c(a.$slots, "footer", {}, void 0, !0)
       ])) : u("", !0)
     ], 40, Se));
   }

package/components/table/v4/HelpIcon.vue.js

@@ -1,7 +1,7 @@
-import o from "./HelpIcon.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-7a611779"]]);
+import e from "./HelpIcon.vue2.js";
+/* empty css               */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css"; //*');
+const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-06fce2e3"]]);
 export {
-  t as default
+  s as default
 };

package/components/table/v4/HelpIcon.vue2.js

@@ -1,6 +1,6 @@
- import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_7a611779_lang.css"; import { defineComponent as o, openBlock as n, createBlock as l, unref as t, withCtx as r, createVNode as a } from "vue";
-import c from "../../icon/v3/Icon.vue.js";
-import i from "../../tooltip/v4/TooltipV4.vue.js";
+ import "../../../HelpIcon.vue_vue_type_style_index_0_scoped_06fce2e3_lang.css"; import { defineComponent as o, openBlock as l, createBlock as n, unref as t, withCtx as r, createVNode as a } from "vue";
+import c from "../../icon/v4/IconV4.vue.js";
+import p from "../../tooltip/v4/TooltipV4.vue.js";
 const u = /* @__PURE__ */ o({
   __name: "HelpIcon",
   props: {
@@ -9,7 +9,7 @@ const u = /* @__PURE__ */ o({
     testId: { default: "" }
   },
   setup(e) {
-    return (m, p) => (n(), l(t(i), {
+    return (i, m) => (l(), n(t(p), {
       class: "table-help-icon",
       triggers: ["hover"],
       text: e.hoverHelpText,
@@ -20,7 +20,7 @@ const u = /* @__PURE__ */ o({
         a(t(c), {
           class: "info-icon",
           name: "question",
-          "font-size": "sm"
+          size: "16px"
         })
       ]),
       _: 1

package/composables/useFormValidation.js

@@ -1,5 +1,5 @@
 import * as m from "yup";
-import { ref as u, reactive as f, watch as v } from "vue";
+import { ref as d, reactive as f, watch as v } from "vue";
 const E = (e, r = 0) => {
   try {
     window.document.getElementsByClassName(e)[r].scrollIntoView({ behavior: "smooth" });
@@ -9,28 +9,34 @@ const E = (e, r = 0) => {
 }, h = (e) => {
   const r = Object.keys(e)?.[0];
   r && E(`form-field-${r}`);
-}, y = (e, r) => {
+}, p = (e, r) => {
   const o = m.object().shape(e);
   try {
     return o.validateSync(r.value, { abortEarly: !1 }), { isValid: !0, errors: {} };
   } catch (i) {
-    return { isValid: !1, errors: i.inner.reduce((s, l) => (s[l.path] = l.message, s), {}) };
+    return { isValid: !1, errors: i.inner.reduce((s, n) => (s[n.path] = n.message, s), {}) };
   }
 }, b = ({
   formState: e,
   formValidationSchema: r
 }) => {
-  const o = u(!1), i = u(!0), t = f({}), s = (l) => {
-    const { isValid: n, errors: c } = y(r, e);
-    o.value = !0, i.value = n, Object.keys(t).forEach((a) => {
+  const o = d(!1), i = d(!0), t = f({}), s = (n) => {
+    const { isValid: l, errors: c } = p(r, e);
+    o.value = !0, i.value = l, Object.keys(t).forEach((a) => {
       a && !c[a] && delete t[a];
-    }), Object.entries(c).forEach(([a, d]) => {
-      t[a] = d;
-    }), !n && !l && h(t);
+    }), Object.entries(c).forEach(([a, u]) => {
+      t[a] = u;
+    }), !l && !n && h(t);
   };
-  return v(e.value, () => {
-    o.value && s(!0);
-  }), {
+  return v(
+    e,
+    () => {
+      o.value && s(!0);
+    },
+    {
+      deep: !0
+    }
+  ), {
     validationErrors: t,
     isValid: i,
     validate: s
@@ -40,5 +46,5 @@ export {
   E as scrollToElementByClass,
   h as scrollToFirstInvalidElement,
   b as useFormValidation,
-  y as yupValidation
+  p as yupValidation
 };