@jfdevelops/react-multi-step-form 1.0.0-alpha.13 → 1.0.0-alpha.15

package/dist/index.mjs

@@ -1,14 +1,14 @@
 import { jsx as Te, jsxs as ie } from "react/jsx-runtime";
 import R from "react";
 function M(o, e, t) {
-  const r = [], s = new Set(o), n = t ? t.format(o.map((u) => `${u}`)) : `[${o.join(", ")}]`;
-  for (let u = 0; u < e.length; u++) {
-    const S = e[u];
+  const r = [], s = new Set(o), n = t ? t.format(o.map((c) => `${c}`)) : `[${o.join(", ")}]`;
+  for (let c = 0; c < e.length; c++) {
+    const S = e[c];
     s.has(S) || r.push(
-      `Extra element at index ${u}: "${S}" is not in ${n}`
+      `Extra element at index ${c}: "${S}" is not in ${n}`
     );
   }
-  return e.some((u) => s.has(u)) || r.push(
+  return e.some((c) => s.has(c)) || r.push(
     `Array must contain at least one valid element from ${n}`
   ), r.length > 0 ? { status: "error", errors: r } : { status: "success" };
 }
@@ -23,7 +23,7 @@ function ae(o) {
 function Ae(o, ...e) {
   return () => String.raw({ raw: o }, ...e);
 }
-function E(o, e, t = Error) {
+function _(o, e, t = Error) {
   if (!o) {
     const r = new Intl.ListFormat("en", {
       style: "long",
@@ -33,9 +33,9 @@ function E(o, e, t = Error) {
   }
 }
 function q(o) {
-  E(o.includes("step"), "Can't extract a valid step number since");
+  _(o.includes("step"), "Can't extract a valid step number since");
   const e = o.replace("step", "");
-  return E(/^\d+$/.test(e), `Invalid step format: "${o}"`), Number.parseInt(e, 10);
+  return _(/^\d+$/.test(e), `Invalid step format: "${o}"`), Number.parseInt(e, 10);
 }
 function ee(o) {
   return function(e) {
@@ -48,12 +48,12 @@ function K(o, e) {
     const s = q(r), { data: n } = ee(o)({
       step: s
     });
-    for (const [a, u] of Object.entries(n))
-      typeof u == "function" && a !== "update" || (n[a] = u);
+    for (const [a, c] of Object.entries(n))
+      typeof c == "function" && a !== "update" || (n[a] = c);
     return t[r] = n, t;
   }, {});
 }
-function L(o, e) {
+function k(o, e) {
   const t = new Intl.ListFormat("en", {
     style: "long",
     type: "disjunction"
@@ -75,7 +75,7 @@ function L(o, e) {
     );
   }
   if (Array.isArray(e))
-    return E(
+    return _(
       e.every((n) => r.includes(n)),
       () => {
         const n = M(
@@ -94,7 +94,7 @@ function L(o, e) {
     );
   if (typeof e == "object") {
     const n = Object.keys(e);
-    return E(
+    return _(
       n.every((a) => r.includes(a)),
       () => {
         const a = M(
@@ -170,10 +170,10 @@ class te {
       includeTimestamp: s = this.includeTimestamp,
       prefix: n,
       logLevelOptions: a
-    } = r ?? {}, u = this.formatPrefix(n), S = this.wrapValue(
+    } = r ?? {}, c = this.formatPrefix(n), S = this.wrapValue(
       a?.wrapWith ?? "[]",
       (a?.level ?? e).toUpperCase()
-    ), g = `${u} ${S} ${t}`;
+    ), g = `${c} ${S} ${t}`;
     return s ? `[${(/* @__PURE__ */ new Date()).toISOString()}] ${g}` : g;
   }
   info(e, t) {
@@ -193,47 +193,53 @@ class te {
 var V;
 ((o) => {
   function e(i, l) {
-    return l.split(".").reduce((d, c) => d?.[c], i);
-  }
-  function t(i, l, d) {
-    const c = l.split(".");
-    let h = i;
-    for (let _ = 0; _ < c.length; _++) {
-      const $ = c[_];
-      _ === c.length - 1 ? h[$] !== void 0 && typeof h[$] == "object" && typeof d == "object" && d !== null ? Object.assign(h[$], d) : h[$] = d : ((typeof h[$] != "object" || h[$] === null) && (h[$] = {}), h = h[$]);
+    return l.split(".").reduce((h, u) => h?.[u], i);
+  }
+  function t(i, l, h) {
+    const u = l.split(".");
+    let d = i;
+    for (let E = 0; E < u.length; E++) {
+      const $ = u[E];
+      E === u.length - 1 ? d[$] !== void 0 && typeof d[$] == "object" && typeof h == "object" && h !== null ? Object.assign(d[$], h) : d[$] = h : ((typeof d[$] != "object" || d[$] === null) && (d[$] = {}), d = d[$]);
     }
-    return h;
+    return d;
   }
   o.setBy = t;
-  function r(i) {
-    return i.filter((l) => !i.some((d) => d !== l && l.startsWith(d + ".")));
-  }
+  function r(...i) {
+    const l = [...i].sort(
+      (u, d) => d.split(".").length - u.split(".").length
+    ), h = [];
+    for (const u of l)
+      h.some((E) => E.startsWith(u + ".")) || h.push(u);
+    return h.reverse();
+  }
+  o.normalizePaths = r;
   function s(i, ...l) {
-    const d = r(l);
-    if (d.length === 1)
-      return e(i, d[0]);
-    const c = {};
-    for (const h of d) {
-      const _ = e(i, h);
-      t(c, h, _);
+    const h = r(...l);
+    if (h.length === 1)
+      return e(i, h[0]);
+    const u = {};
+    for (const d of h) {
+      const E = e(i, d);
+      t(u, d, E);
     }
-    return c;
+    return u;
   }
   o.pickBy = s;
   function n(i) {
     const l = [];
-    function d(c, h = "") {
-      if (c == null || typeof c != "object" || Array.isArray(c))
+    function h(u, d = "") {
+      if (u == null || typeof u != "object" || Array.isArray(u))
         return;
-      const _ = Object.keys(c);
-      for (const $ of _) {
-        const A = h ? `${h}.${$}` : $;
+      const E = Object.keys(u);
+      for (const $ of E) {
+        const A = d ? `${d}.${$}` : $;
         l.push(A);
-        const T = c[$];
-        T != null && typeof T == "object" && !Array.isArray(T) && d(T, A);
+        const T = u[$];
+        T != null && typeof T == "object" && !Array.isArray(T) && h(T, A);
       }
     }
-    return d(i), l;
+    return h(i), l;
   }
   o.createDeep = n;
   function a(i) {
@@ -241,124 +247,124 @@ var V;
     if (Array.isArray(i)) return "Array";
     const l = typeof i;
     if (l !== "object") return l;
-    const d = i?.constructor?.name;
-    return d && d !== "Object" ? d : "object";
+    const h = i?.constructor?.name;
+    return h && h !== "Object" ? h : "object";
   }
-  function u(i) {
+  function c(i) {
     if (!i) return [];
-    const l = [], d = /[^.[\]]+|\[(\d+)\]/g;
-    let c;
-    for (; c = d.exec(i); )
-      l.push(c[1] ?? c[0]);
+    const l = [], h = /[^.[\]]+|\[(\d+)\]/g;
+    let u;
+    for (; u = h.exec(i); )
+      l.push(u[1] ?? u[0]);
     return l;
   }
   function S(i, l) {
     if (!i) return;
     if (typeof i == "function")
       return i;
-    const d = u(l);
-    let c = i, h;
-    for (const _ of d) {
-      if (!c) break;
-      if (typeof c == "function") {
-        h = c;
+    const h = c(l);
+    let u = i, d;
+    for (const E of h) {
+      if (!u) break;
+      if (typeof u == "function") {
+        d = u;
         break;
       }
-      if (c = c[_], typeof c == "function") {
-        h = c;
+      if (u = u[E], typeof u == "function") {
+        d = u;
         break;
       }
     }
-    return h;
+    return d;
   }
-  function g(i, l, d) {
-    const c = S(d, l);
-    return c ? c(i, l) : a(i);
+  function g(i, l, h) {
+    const u = S(h, l);
+    return u ? u(i, l) : a(i);
   }
   function p(i) {
     return typeof i == "object" && i !== null;
   }
-  function f(i, l, d, c, h) {
+  function f(i, l, h, u, d) {
     if (i === l)
-      return c;
+      return u;
     if (i === null || l === null || typeof i != "object" || typeof l != "object") {
-      const $ = d || "(root)";
-      return typeof i != typeof l ? (c.push({
+      const $ = h || "(root)";
+      return typeof i != typeof l ? (u.push({
         path: $,
-        expected: g(i, $, h.transformExpected),
+        expected: g(i, $, d.transformExpected),
         actual: l,
         reason: "type-mismatch"
-      }), c) : (h.includeValueMismatch && c.push({
+      }), u) : (d.includeValueMismatch && u.push({
         path: $,
-        expected: g(i, $, h.transformExpected),
+        expected: g(i, $, d.transformExpected),
         actual: l,
         reason: "value-mismatch"
-      }), c);
+      }), u);
     }
     if (Array.isArray(i) || Array.isArray(l)) {
       if (!Array.isArray(i) || !Array.isArray(l)) {
-        const A = d || "(root)";
-        return c.push({
+        const A = h || "(root)";
+        return u.push({
           path: A,
-          expected: g(i, A, h.transformExpected),
+          expected: g(i, A, d.transformExpected),
           actual: l,
           reason: "type-mismatch"
-        }), c;
+        }), u;
       }
       const $ = i.length;
       for (let A = 0; A < $; A++) {
-        const T = i[A], C = l[A], N = d === "" ? `[${A}]` : `${d}[${A}]`;
-        f(T, C, N, c, h);
+        const T = i[A], C = l[A], N = h === "" ? `[${A}]` : `${h}[${A}]`;
+        f(T, C, N, u, d);
       }
-      return c;
+      return u;
     }
     if (p(i) && p(l)) {
       const $ = Object.keys(i), A = Object.keys(l);
       for (const T of $) {
-        const C = i[T], N = l[T], F = d ? `${d}.${T}` : T;
+        const C = i[T], N = l[T], F = h ? `${h}.${T}` : T;
         if (!(T in l)) {
-          c.push({
+          u.push({
             path: F,
-            expected: g(C, F, h.transformExpected),
+            expected: g(C, F, d.transformExpected),
             actual: void 0,
             reason: "missing-key"
           });
           continue;
         }
-        f(C, N, F, c, h);
+        f(C, N, F, u, d);
       }
       for (const T of A)
         if (!(T in i)) {
-          const C = d ? `${d}.${T}` : T;
-          c.push({
+          const C = h ? `${h}.${T}` : T;
+          u.push({
             path: C,
             expected: void 0,
             actual: l[T],
             reason: "extra-key"
           });
         }
-      return c;
+      return u;
     }
-    const _ = d || "(root)";
-    return typeof i != typeof l ? c.push({
-      path: _,
-      expected: g(i, _, h.transformExpected),
+    const E = h || "(root)";
+    return typeof i != typeof l ? u.push({
+      path: E,
+      expected: g(i, E, d.transformExpected),
       actual: l,
       reason: "type-mismatch"
-    }) : h.includeValueMismatch && c.push({
-      path: _,
-      expected: g(i, _, h.transformExpected),
+    }) : d.includeValueMismatch && u.push({
+      path: E,
+      expected: g(i, E, d.transformExpected),
       actual: l,
       reason: "value-mismatch"
-    }), c;
+    }), u;
   }
-  function v(i, l, d, c) {
-    const h = s(i, ...l), _ = [], $ = l.length === 1 ? l[0] : "";
-    return f(h, d, $, _, {
-      transformExpected: c?.transformExpected
+  function v(i, l, h, u) {
+    const d = s(i, ...l), E = [], $ = l.length === 1 ? l[0] : "";
+    return f(d, h, $, E, {
+      transformExpected: u?.transformExpected
     }), {
-      ok: _.length === 0,
-      mismatches: _
+      ok: E.length === 0,
+      mismatches: E
     };
   }
   o.equalsAtPaths = v;
@@ -389,12 +395,12 @@ var V;
     if (i.ok || i.mismatches.length === 0)
       return "No mismatches.";
     const l = [];
-    for (const d of i.mismatches)
+    for (const h of i.mismatches)
       l.push(
         `
-● ${m(d)} at "${d.path}":`,
-        `    expected: ${y(d.expected)}`,
-        `    actual:   ${y(d.actual)}`,
+● ${m(h)} at "${h.path}":`,
+        `    expected: ${y(h.expected)}`,
+        `    actual:   ${y(h.actual)}`,
         ""
         // blank line between entries
       );
@@ -407,39 +413,39 @@ var V;
     l !== "No mismatches." && console.error(l);
   }
   o.printMismatches = O;
-  function w(i, l, d) {
-    const c = l.split(".");
-    function h(_, $) {
-      const A = c[$], T = Array.isArray(_) ? [..._] : { ..._ };
-      if ($ === c.length - 1) {
-        let P = _ && typeof _ == "object" ? T : {};
+  function w(i, l, h) {
+    const u = l.split(".");
+    function d(E, $) {
+      const A = u[$], T = Array.isArray(E) ? [...E] : { ...E };
+      if ($ === u.length - 1) {
+        let P = E && typeof E == "object" ? T : {};
         return P = {
           ...P,
-          [A]: d
+          [A]: h
         }, P;
       }
-      const C = _ && typeof _ == "object" ? _[A] : void 0, N = h(C ?? {}, $ + 1);
-      let F = _ && typeof _ == "object" ? T : {};
+      const C = E && typeof E == "object" ? E[A] : void 0, N = d(C ?? {}, $ + 1);
+      let F = E && typeof E == "object" ? T : {};
       return F = {
         ...F,
         [A]: N
       }, F;
     }
-    return h(i, 0);
-  }
-  function j(i, l, d) {
-    const c = r(l);
-    if (c.length === 0) return i;
-    let h = i;
-    if (c.length === 1) {
-      const _ = c[0];
-      return h = w(h, _, d), h;
+    return d(i, 0);
+  }
+  function j(i, l, h) {
+    const u = r(...l);
+    if (u.length === 0) return i;
+    let d = i;
+    if (u.length === 1) {
+      const E = u[0];
+      return d = w(d, E, h), d;
     }
-    for (const _ of c) {
-      const $ = e(d, _);
-      h = w(h, _, $);
+    for (const E of u) {
+      const $ = e(h, E);
+      d = w(d, E, $);
     }
-    return h;
+    return d;
   }
   o.updateAt = j;
 })(V || (V = {}));
@@ -470,26 +476,26 @@ class re {
     this.#t(this.enrichValues(e));
   }
   createStepUpdaterFnImpl(e) {
-    const { targetStep: t, updater: r, ctxData: s, fields: n = "all", debug: a } = e, u = new te({
+    const { targetStep: t, updater: r, ctxData: s, fields: n = "all", debug: a } = e, c = new te({
       debug: a,
       prefix: (m) => `${m}:update${t}`
     });
-    u.info(`${t} will be updated`), E(
+    c.info(`${t} will be updated`), _(
       be(this.value, t),
       `[update]: The target step ${t} isn't a valid step. Please select a valid step`
     );
     const { [t]: S, ...g } = this.value;
-    let p = { ...this.value }, f = L(p, [t]);
+    let p = { ...this.value }, f = k(p, [t]);
     if (s) {
-      E(
+      _(
         typeof s == "function",
         '[update]: "ctxData" must be a function'
-      ), u.info('Custom "ctx" will be used');
+      ), c.info('Custom "ctx" will be used');
       const m = s({ ctx: g });
-      E(
+      _(
         typeof m == "object" && Object.keys(m).length > 0,
         '[update]: "ctxData" must return an object with keys'
-      ), u.info(
+      ), c.info(
         `Custom "ctx" consists of the following keys: ${new Intl.ListFormat(
           "en",
           {
@@ -506,15 +512,15 @@ class re {
       ctx: f,
       update: this.createHelperFnInputUpdate([t])
     });
-    if (u.info(`The updated data is ${JSON.stringify(v, null, 2)}`), !n) {
-      E(
+    if (c.info(`The updated data is ${JSON.stringify(v, null, 2)}`), !n) {
+      _(
         typeof v == "object",
         '[update]: "updater" must be an object or a function that returns an object'
       );
       const m = Object.keys(this.value), b = Object.keys(v);
-      E(b.length === m.length, () => {
+      _(b.length === m.length, () => {
         const i = m.filter(
-          (d) => !b.includes(d)
+          (h) => !b.includes(h)
         );
         return `[update]: "updater" is missing keys ${new Intl.ListFormat("en", {
           style: "long",
@@ -528,22 +534,22 @@ class re {
         O,
         v
       );
-      E(
+      _(
         j && w.length === 0,
         `[update]: found value mismatches in ${V.printMismatches({
           mismatches: w,
           ok: j
         })}`
-      ), u.info("The entire step will be updated"), p = {
+      ), c.info("The entire step will be updated"), p = {
         ...p,
         [t]: V.updateAt(p, O, v)
-      }, this.handlePostUpdate(p), u.info(`The new value is: ${JSON.stringify(p, null, 2)}`);
+      }, this.handlePostUpdate(p), c.info(`The new value is: ${JSON.stringify(p, null, 2)}`);
       return;
     }
     const y = V.createDeep(S);
     if (Array.isArray(n)) {
       const m = M(y, n);
-      E(
+      _(
         m.status === "success",
         `[update]: Found errors with the provided fields
 ${m.status === "error" ? U(m.errors) : ""}`
@@ -553,13 +559,13 @@ ${m.status === "error" ? U(m.errors) : ""}`
         n,
         v
       );
-      E(
+      _(
         O && b.length === 0,
         `[update]: found value mismatches in ${V.printMismatches({
           ok: O,
           mismatches: b
         })}`
-      ), u.info(
+      ), c.info(
         `The following fields will be updated: ${new Intl.ListFormat("en", {
           type: "conjunction",
           style: "long"
@@ -567,7 +573,7 @@ ${m.status === "error" ? U(m.errors) : ""}`
       ), p = {
         ...p,
         [t]: V.updateAt(S, n, v)
-      }, this.handlePostUpdate(p), u.info(`The new value is: ${JSON.stringify(p, null, 2)}`);
+      }, this.handlePostUpdate(p), c.info(`The new value is: ${JSON.stringify(p, null, 2)}`);
       return;
     }
     if (typeof n == "object" && Object.keys(n).length > 0) {
@@ -575,7 +581,7 @@ ${m.status === "error" ? U(m.errors) : ""}`
         y,
         m
       );
-      E(
+      _(
         b.status === "success",
         `[update]: Found errors with the provided fields
 ${b.status === "error" ? U(b.errors) : ""}`
@@ -585,7 +591,7 @@ ${b.status === "error" ? U(b.errors) : ""}`
         m,
         v
       );
-      E(
+      _(
         w && O.length === 0,
         `[update]: found value mismatches in ${V.printMismatches({
           ok: w,
@@ -598,15 +604,15 @@ ${b.status === "error" ? U(b.errors) : ""}`
           m,
           v
         )
-      }, u.info(
+      }, c.info(
         `The following fields will be updated: ${new Intl.ListFormat("en", {
           type: "conjunction",
           style: "long"
         }).format(Object.keys(n))}`
-      ), this.handlePostUpdate(p), u.info(`The new value is: ${JSON.stringify(p, null, 2)}`);
+      ), this.handlePostUpdate(p), c.info(`The new value is: ${JSON.stringify(p, null, 2)}`);
       return;
     }
-    throw u.error('Unsupported value for the "fields" option'), new TypeError(
+    throw c.error('Unsupported value for the "fields" option'), new TypeError(
       `[update]: property "fields" must be set to one of the following: "all", an array of deep paths to update, or an object of paths. Was ${typeof r}`,
       { cause: r }
     );
@@ -620,7 +626,7 @@ ${b.status === "error" ? U(b.errors) : ""}`
     return this.createStepUpdaterFnImpl(e);
   }
   createHelperFnInputUpdate(e) {
-    if (k.isAll(e)) {
+    if (x.isAll(e)) {
       const r = ae(this.value).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
       return Object.assign(
         this.update,
@@ -628,62 +634,69 @@ ${b.status === "error" ? U(b.errors) : ""}`
       );
     }
     const t = Object.keys(this.value);
-    if (k.isTuple(e, t)) {
+    if (x.isTuple(e, t)) {
       const r = e.reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
       return Object.assign(
         this.update,
         r
       );
     }
-    if (k.isObject(e, t)) {
+    if (x.isObject(e, t)) {
       const r = ae(e).reduce((n, a) => (n[a] = this.createStepUpdaterFn(a), n), {});
       return Object.assign(
         this.update,
         r
       );
     }
-    throw new TypeError(`[update]: ${k.CATCH_ALL_MESSAGE}`);
+    throw new TypeError(`[update]: ${x.CATCH_ALL_MESSAGE}`);
   }
   createStepHelperFn(e) {
     return (t, r) => {
-      const s = L(
-        this.value,
-        e
-      ), n = this.createHelperFnInputUpdate(
+      const s = this.createHelperFnInputUpdate(
         e
       );
       if (typeof t == "function")
-        return () => t({
-          ctx: s,
-          update: n
-        });
+        return () => {
+          const n = k(
+            this.value,
+            e
+          );
+          return t({
+            ctx: n,
+            update: s
+          });
+        };
       if (typeof t == "object")
-        return (a) => {
+        return (n) => {
+          const a = k(
+            this.value,
+            e
+          );
           if ("validator" in t) {
-            E(
-              typeof a == "object",
+            _(
+              typeof n == "object",
               "An input is expected since you provided a validator"
             ), Se(
               t.validator,
-              a.data
+              n.data
             );
-            let u = s;
+            let c = a;
             if (t.ctxData) {
               const S = e[0], { [S]: g, ...p } = this.value;
-              u = {
-                ...u,
+              c = {
+                ...c,
                 ...t.ctxData({ ctx: p })
               };
             }
             return r({
-              ctx: u,
-              update: n,
-              ...a
+              ctx: c,
+              update: s,
+              ...n
             });
           }
           return r({
-            ctx: s,
-            update: n
+            ctx: a,
+            update: s
           });
         };
       throw new Error(
@@ -694,14 +707,14 @@ ${b.status === "error" ? U(b.errors) : ""}`
   enrichValues(e, t) {
     let r = { ...e };
     for (const [s, n] of Object.entries(r)) {
-      const [a] = [s], u = Number.parseInt(
+      const [a] = [s], c = Number.parseInt(
         a.replace("step", "")
       );
       r[a] = {
         ...n,
         update: this.createStepUpdaterFn(a),
         createHelperFn: this.createStepHelperFn([a]),
-        ...t?.(u)
+        ...t?.(c)
       };
     }
     return r;
@@ -710,12 +723,12 @@ ${b.status === "error" ? U(b.errors) : ""}`
 var Y;
 ((o) => {
   function e(t, r, s = "defaultValue") {
-    const [n, ...a] = t.split("."), u = `${n}.${s}`, S = a.length === 0 ? u : `${u}.${a.join(".")}`;
+    const [n, ...a] = t.split("."), c = `${n}.${s}`, S = a.length === 0 ? c : `${c}.${a.join(".")}`;
     return V.pickBy(r, S);
   }
   o.resolvedDeepPath = e;
 })(Y || (Y = {}));
-var k;
+var x;
 ((o) => {
   o.CATCH_ALL_MESSAGE = 'The chosen steps must either be set to on of the following: "all", an array of steps (["step1", "step2", ...]), or an object containing the steps to chose ({ step1: true, step2: true, ...})';
   function e(s) {
@@ -730,10 +743,10 @@ var k;
     if (!s)
       return !1;
     const a = Object.keys(s);
-    return a.length === 0 || n && !a.every((u) => n.includes(u)) ? !1 : Object.entries(s).every(([u, S]) => S === !0);
+    return a.length === 0 || n && !a.every((c) => n.includes(c)) ? !1 : Object.entries(s).every(([c, S]) => S === !0);
   }
   o.isObject = r;
-})(k || (k = {}));
+})(x || (x = {}));
 const Ce = [
   "sentence",
   "title",
@@ -808,7 +821,7 @@ class Ee {
     }), this.key = t, this.data = r, this.throwWhenUndefined = n, s ? (this.store = s, this.shouldRunActions = !0, typeof window > "u" && (this.shouldRunActions = !1, this.log.warn(W))) : typeof window < "u" ? (this.store = window.localStorage, this.shouldRunActions = !0) : (this.shouldRunActions = !1, this.log.warn(W));
   }
   throwOnEmptyStore() {
-    this.throwWhenUndefined && E(this.store, () => this.shouldRunActions ? W : "No storage available");
+    this.throwWhenUndefined && _(this.store, () => this.shouldRunActions ? W : "No storage available");
   }
   resolveValue(e) {
     if (typeof e == "object")
@@ -879,28 +892,28 @@ function le(o, e, t) {
 function Ne(o) {
   const e = {}, { fields: t, defaultCasing: r, validateFields: s } = o;
   for (const [n, a] of Object.entries(t)) {
-    E(
+    _(
       typeof n == "string",
       `Each key for the "fields" option must be a string. Key ${n} was a ${typeof n}`
-    ), E(
+    ), _(
       typeof a == "object",
       `The value for key ${n} must be an object. Was ${typeof a}`
     );
     const {
-      defaultValue: u,
+      defaultValue: c,
       label: S,
       nameTransformCasing: g,
       type: p = ue
     } = a;
     if (s)
-      e[n] = u;
+      e[n] = c;
     else {
       const f = g ?? r;
       e[n] = {
         ...e[n],
         nameTransformCasing: f,
         type: p,
-        defaultValue: u,
+        defaultValue: c,
         label: le(S, n, f)
         // TODO add more fields here
       };
@@ -911,16 +924,16 @@ function Ne(o) {
       s,
       e
     );
-    E(
+    _(
       typeof n == "object",
       `The result of the validated fields must be an object, was (${typeof n}). This is probably an internal error, so open up an issue about it`
-    ), E(
+    ), _(
       !!n,
       "The result of the validated fields must be defined. This is probably an internal error, so open up an issue about it"
     );
-    for (const [a, u] of Object.entries(n)) {
+    for (const [a, c] of Object.entries(n)) {
       const S = t[a];
-      E(
+      _(
         S,
         `No field found in the fields config for "${a}"`
       );
@@ -933,7 +946,7 @@ function Ne(o) {
         ...e[a],
         nameTransformCasing: v,
         type: p,
-        defaultValue: u,
+        defaultValue: c,
         label: le(g, a, v)
       };
     }
@@ -942,53 +955,53 @@ function Ne(o) {
 }
 function Oe(o) {
   const e = {};
-  E(!!o, "The steps config must be defined", TypeError), E(
+  _(!!o, "The steps config must be defined", TypeError), _(
     typeof o == "object",
     `The steps config must be an object, was (${typeof o})`,
     TypeError
   );
   for (const [t, r] of Object.entries(o)) {
-    E(
+    _(
       typeof t == "string",
       `Each key for the step config must be a string. Key "${t}" was ${typeof t} `,
       TypeError
-    ), E(
+    ), _(
       we.test(t),
       `The key "${t}" isn't formatted properly. Each key in the step config must be the following format: "step{number}"`
     );
     const s = t, {
       fields: n,
       title: a,
-      nameTransformCasing: u = ne,
+      nameTransformCasing: c = ne,
       description: S,
       validateFields: g
     } = r, p = s.toString().replace("step", "");
-    E(
+    _(
       n,
       `Missing fields for step ${p} (${String(s)})`,
       TypeError
-    ), E(
+    ), _(
       typeof n == "object",
       "Fields must be an object",
       TypeError
-    ), E(
+    ), _(
       Object.keys(n).length > 0,
       `The fields config for step ${p} (${String(
         s
       )}) is empty. Please add a field`
-    ), E(
+    ), _(
       typeof n == "object",
       `The "fields" property must be an object. Was ${typeof n}`
     );
     const f = Ne({
-      defaultCasing: u,
+      defaultCasing: c,
       fields: n,
       validateFields: g
     });
     e[s] = {
       ...e[s],
       title: a,
-      nameTransformCasing: u,
+      nameTransformCasing: c,
       // Only add the description if it's defined
       ...typeof S == "string" ? { description: S } : {},
       fields: f
@@ -1033,7 +1046,7 @@ let oe = class extends _e {
       last: this.lastStep.step,
       value: this.stepNumbers,
       as: (n) => {
-        if (E(
+        if (_(
           typeof n == "string",
           `The type of the target transformation type must be a string, was ${typeof n}`
         ), n === "string")
@@ -1130,8 +1143,8 @@ let oe = class extends _e {
             return !1;
           const n = r[s];
           if (n === null || typeof n != "object" || !ce(n, {
-            defaultValue: (u) => u !== "undefined" && u !== null,
-            label: (u) => typeof u == "string" || typeof u == "boolean" && !u,
+            defaultValue: (c) => c !== "undefined" && c !== null,
+            label: (c) => typeof c == "string" || typeof c == "boolean" && !c,
             nameTransformCasing: X,
             type: xe
           }))
@@ -1156,7 +1169,7 @@ let oe = class extends _e {
     const r = this.value[e], s = `Unable to get the value for "${String(
       e
     )}.fields.${String(t)}"`;
-    E("fields" in r, s), E(
+    _("fields" in r, s), _(
       typeof r.fields == "object",
       `${s} because "fields" is not an object. This shouldn't be the case, so please open an issue`
     );
@@ -1221,7 +1234,7 @@ function Ie(o) {
     return r(n);
   };
 }
-var x;
+var L;
 ((o) => {
   o.DEFAULT_FORM_ALIAS = "Form";
   function e(r, s) {
@@ -1242,18 +1255,18 @@ var x;
     return (s) => /* @__PURE__ */ Te("form", { id: r, ...s });
   }
   o.createDefaultForm = t;
-})(x || (x = {}));
+})(L || (L = {}));
 var Z;
 ((o) => {
   o.DEFAULT_FORM_INSTANCE_ALIAS = "form";
 })(Z || (Z = {}));
 function Me(o, e) {
-  E(
+  _(
     e in o,
     `The target step ${e} is not a valid step key`
   );
   const t = o[e];
-  E("fields" in t, `No "fields" were found for ${e}`);
+  _("fields" in t, `No "fields" were found for ${e}`);
   let r = {};
   for (const [s, n] of Object.entries(
     t.fields
@@ -1274,13 +1287,13 @@ class Ue extends oe {
       getValue: () => this.value,
       setValue: (s) => this.handlePostUpdate(s)
     }), this.sync(), this.value = this.#e.enrichValues(this.value, (s) => {
-      const n = `step${s}`, a = [n], u = t?.id ?? n, S = L(this.value, a);
+      const n = `step${s}`, a = [n], c = t?.id ?? n, S = k(this.value, a);
       return {
         createComponent: this.createStepSpecificComponentFactory(
           a,
           {
             isStepSpecific: !0,
-            defaultId: u,
+            defaultId: c,
             form: t
           },
           S
@@ -1291,18 +1304,18 @@ class Ue extends oe {
   createFormComponent(e, t) {
     const { render: r, enabledForSteps: s = "all", id: n = t } = e, a = {
       id: n,
-      steps: L(this.value, s)
+      steps: k(this.value, s)
     };
-    return (u) => r(a, u);
+    return (c) => r(a, c);
   }
   createStepSpecificComponentImpl(e, t, r, s = {}) {
     return (n) => ((a) => {
-      const u = {};
+      const c = {};
       for (const [w, j] of Object.entries(s))
         if (typeof j == "function")
           try {
             const i = j();
-            u[w] = i;
+            c[w] = i;
           } catch (i) {
             const l = i instanceof Error ? i.message : String(i);
             throw new Error(
@@ -1318,61 +1331,61 @@ Original error: ${l}`,
             );
           }
         else
-          u[w] = j;
+          c[w] = j;
       const { defaultId: S, form: g } = t, { ctx: p } = r, [f] = e;
-      E(
+      _(
         this.steps.isValidStepKey(f),
         `[createComponent]: the target step ${f} is invalid. Note, this error shouldn't appear as the target step should always be valid. If you see this error, please open an issue.`
       );
       const v = Number.parseInt(f.replace("step", ""));
-      E(
+      _(
         !Number.isNaN(v),
         `[${f}:"createComponent"]: an error occurred while extracting the number`
       );
       const y = this.value[f];
-      E(
+      _(
         "fields" in y,
         `[${f}:createComponent]: unable to find the "fields" for the current step`
-      ), E(
+      ), _(
         typeof y.fields == "object",
         `[${f}:createComponent]: the "fields" property must be an object, was ${typeof y.fields}`
       );
       const m = this.#e.createStepUpdaterFn(f), b = Ie((w) => {
-        E(typeof w == "string", () => {
-          const c = new Intl.ListFormat("en", {
+        _(typeof w == "string", () => {
+          const u = new Intl.ListFormat("en", {
             style: "long",
             type: "disjunction"
           });
-          return `[${f}:Field]: the "name" prop must be a string and a valid field for ${f}. Available fields include ${c.format(
+          return `[${f}:Field]: the "name" prop must be a string and a valid field for ${f}. Available fields include ${u.format(
             Object.keys(y.fields)
           )}`;
-        }), E(
+        }), _(
           w in y.fields,
           `[${f}:Field]: the field "${w}" doesn't exist for the current step`
-        ), E(
+        ), _(
           "update" in y,
           `[${f}:Field]: No "update" function was found`
         );
-        const j = this.getValue(f, w), { label: i, nameTransformCasing: l, type: d } = y.fields[w];
+        const j = this.getValue(f, w), { label: i, nameTransformCasing: l, type: h } = y.fields[w];
         return {
           defaultValue: j,
           label: i,
           nameTransformCasing: l,
-          type: d,
+          type: h,
           name: w,
-          onInputChange: (c) => {
-            let h;
-            if (typeof c == "function") {
-              const _ = this.getValue(
+          onInputChange: (u) => {
+            let d;
+            if (typeof u == "function") {
+              const E = this.getValue(
                 f,
                 w
               );
-              h = c(_);
+              d = u(E);
             } else
-              h = c;
+              d = u;
             this.update({
               targetStep: f,
-              updater: h,
+              updater: d,
               fields: [`fields.${w}.defaultValue`]
             });
           }
@@ -1382,14 +1395,14 @@ Original error: ${l}`,
         ctx: p,
         onInputChange: m,
         Field: b,
-        ...u
+        ...c
       };
       if (g) {
         const {
-          alias: w = x.DEFAULT_FORM_ALIAS,
+          alias: w = L.DEFAULT_FORM_ALIAS,
           ...j
         } = g, i = j.enabledForSteps ?? "all";
-        return x.isFormAvailable(
+        return L.isFormAvailable(
           e,
           i
         ) && (O = {
@@ -1400,7 +1413,7 @@ Original error: ${l}`,
       return n(
         {
           ...O,
-          [x.DEFAULT_FORM_ALIAS]: x.createDefaultForm(S)
+          [L.DEFAULT_FORM_ALIAS]: L.createDefaultForm(S)
         },
         a
       );
@@ -1409,13 +1422,13 @@ Original error: ${l}`,
   createStepSpecificComponentFactory(e, t, r) {
     const s = this.createStepSpecificComponentImpl.bind(this), n = this.createDefaultValues.bind(this);
     debugger;
-    const a = this.value, u = e[0], S = this.#e.createStepUpdaterFn(u).bind(this.#e);
+    const a = this.value, c = e[0], S = this.#e.createStepUpdaterFn(c).bind(this.#e);
     function g(p, f) {
       function v(m) {
         return m ? { ctx: { ...r, ...m } } : { ctx: r };
       }
       function y() {
-        return E(
+        return _(
           typeof p == "function",
           "The first argument must be a function"
         ), s(
@@ -1428,33 +1441,33 @@ Original error: ${l}`,
         const { useFormInstance: m, ctxData: b, debug: O } = p, w = new te({
           debug: O,
           prefix(l) {
-            return `${l}-${u}-createComponent`;
+            return `${l}-${c}-createComponent`;
           }
         });
         w.info("First argument is an object");
-        const { [u]: j, ...i } = a;
-        if (E(
+        const { [c]: j, ...i } = a;
+        if (_(
           typeof f == "function",
           "The second argument must be a function"
         ), m) {
           const {
             render: l,
-            alias: d = Z.DEFAULT_FORM_INSTANCE_ALIAS
-          } = m, [c] = e, h = n(c), _ = b ? {
+            alias: h = Z.DEFAULT_FORM_INSTANCE_ALIAS
+          } = m, [u] = e, d = n(u), E = b ? {
             ...r,
             ...b({ ctx: i })
-          } : r, $ = { ctx: _, defaultValues: h };
+          } : r, $ = { ctx: E, defaultValues: d };
           return s(
             e,
             t,
-            _,
+            E,
             {
-              [d]: () => l($)
+              [h]: () => l($)
             }
           )(f);
         }
         if (b) {
-          w.info('Option "ctxData" is defined'), E(
+          w.info('Option "ctxData" is defined'), _(
             typeof b == "function",
             'Option "ctxData" must be a function'
           );
@@ -1462,14 +1475,14 @@ Original error: ${l}`,
           w.info(
             `Addition context is: ${JSON.stringify(l, null, 2)}`
           );
-          const d = {
+          const h = {
             ...r,
             ...l
           };
           return w.info(
-            `Resolved context is: ${JSON.stringify(d, null, 2)}`
+            `Resolved context is: ${JSON.stringify(h, null, 2)}`
           ), s(e, t, {
-            ctx: d,
+            ctx: h,
             update: S
           })(f);
         }
@@ -1487,7 +1500,7 @@ Original error: ${l}`,
    * @returns The created component for the step.
    */
   createComponent(e, t) {
-    const { stepData: r } = e, s = L(
+    const { stepData: r } = e, s = k(
       this.value,
       r
     );
@@ -1511,7 +1524,7 @@ class Re extends De {
     });
   }
   createComponent(e, t) {
-    const { stepData: r } = e, s = L(
+    const { stepData: r } = e, s = k(
       this.stepSchema.value,
       r
     );
@@ -1546,7 +1559,7 @@ function Pe() {
     return f === v && (f !== 0 || 1 / f === 1 / v) || f !== f && v !== v;
   }
   var t = typeof Object.is == "function" ? Object.is : e, r = o.useState, s = o.useEffect, n = o.useLayoutEffect, a = o.useDebugValue;
-  function u(f, v) {
+  function c(f, v) {
     var y = v(), m = r({ inst: { value: y, getSnapshot: v } }), b = m[0].inst, O = m[1];
     return n(
       function() {
@@ -1575,10 +1588,10 @@ function Pe() {
   function g(f, v) {
     return v();
   }
-  var p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? g : u;
+  var p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? g : c;
   return B.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, B;
 }
-var J = {};
+var z = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -1614,7 +1627,7 @@ function Ke() {
           w.value = b, w.getSnapshot = m, t(w) && j({ inst: w });
         },
         [y, b, m]
-      ), u(
+      ), c(
         function() {
           return t(w) && j({ inst: w }), y(function() {
             t(w) && j({ inst: w });
@@ -1637,9 +1650,9 @@ function Ke() {
       return m();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var s = R, n = typeof Object.is == "function" ? Object.is : o, a = s.useState, u = s.useEffect, S = s.useLayoutEffect, g = s.useDebugValue, p = !1, f = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
-    J.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), J;
+    var s = R, n = typeof Object.is == "function" ? Object.is : o, a = s.useState, c = s.useEffect, S = s.useLayoutEffect, g = s.useDebugValue, p = !1, f = !1, v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
+    z.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : v, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), z;
 }
 var de;
 function $e() {
@@ -1662,35 +1675,35 @@ function Ge() {
   function t(g, p) {
     return g === p && (g !== 0 || 1 / g === 1 / p) || g !== g && p !== p;
   }
-  var r = typeof Object.is == "function" ? Object.is : t, s = e.useSyncExternalStore, n = o.useRef, a = o.useEffect, u = o.useMemo, S = o.useDebugValue;
+  var r = typeof Object.is == "function" ? Object.is : t, s = e.useSyncExternalStore, n = o.useRef, a = o.useEffect, c = o.useMemo, S = o.useDebugValue;
   return H.useSyncExternalStoreWithSelector = function(g, p, f, v, y) {
     var m = n(null);
     if (m.current === null) {
       var b = { hasValue: !1, value: null };
       m.current = b;
     } else b = m.current;
-    m = u(
+    m = c(
       function() {
-        function w(c) {
+        function w(u) {
           if (!j) {
-            if (j = !0, i = c, c = v(c), y !== void 0 && b.hasValue) {
-              var h = b.value;
-              if (y(h, c))
-                return l = h;
+            if (j = !0, i = u, u = v(u), y !== void 0 && b.hasValue) {
+              var d = b.value;
+              if (y(d, u))
+                return l = d;
             }
-            return l = c;
+            return l = u;
           }
-          if (h = l, r(i, c)) return h;
-          var _ = v(c);
-          return y !== void 0 && y(h, _) ? (i = c, h) : (i = c, l = _);
+          if (d = l, r(i, u)) return d;
+          var E = v(u);
+          return y !== void 0 && y(d, E) ? (i = u, d) : (i = u, l = E);
         }
-        var j = !1, i, l, d = f === void 0 ? null : f;
+        var j = !1, i, l, h = f === void 0 ? null : f;
         return [
           function() {
             return w(p());
           },
-          d === null ? void 0 : function() {
-            return w(d());
+          h === null ? void 0 : function() {
+            return w(h());
           }
         ];
       },
@@ -1705,7 +1718,7 @@ function Ge() {
     ), S(O), O;
   }, H;
 }
-var z = {};
+var J = {};
 /**
  * @license React
  * use-sync-external-store-shim/with-selector.development.js
@@ -1722,36 +1735,36 @@ function We() {
       return g === p && (g !== 0 || 1 / g === 1 / p) || g !== g && p !== p;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var e = R, t = $e(), r = typeof Object.is == "function" ? Object.is : o, s = t.useSyncExternalStore, n = e.useRef, a = e.useEffect, u = e.useMemo, S = e.useDebugValue;
-    z.useSyncExternalStoreWithSelector = function(g, p, f, v, y) {
+    var e = R, t = $e(), r = typeof Object.is == "function" ? Object.is : o, s = t.useSyncExternalStore, n = e.useRef, a = e.useEffect, c = e.useMemo, S = e.useDebugValue;
+    J.useSyncExternalStoreWithSelector = function(g, p, f, v, y) {
       var m = n(null);
       if (m.current === null) {
         var b = { hasValue: !1, value: null };
         m.current = b;
       } else b = m.current;
-      m = u(
+      m = c(
         function() {
-          function w(c) {
+          function w(u) {
             if (!j) {
-              if (j = !0, i = c, c = v(c), y !== void 0 && b.hasValue) {
-                var h = b.value;
-                if (y(h, c))
-                  return l = h;
+              if (j = !0, i = u, u = v(u), y !== void 0 && b.hasValue) {
+                var d = b.value;
+                if (y(d, u))
+                  return l = d;
               }
-              return l = c;
+              return l = u;
             }
-            if (h = l, r(i, c))
-              return h;
-            var _ = v(c);
-            return y !== void 0 && y(h, _) ? (i = c, h) : (i = c, l = _);
+            if (d = l, r(i, u))
+              return d;
+            var E = v(u);
+            return y !== void 0 && y(d, E) ? (i = u, d) : (i = u, l = E);
           }
-          var j = !1, i, l, d = f === void 0 ? null : f;
+          var j = !1, i, l, h = f === void 0 ? null : f;
           return [
             function() {
               return w(p());
             },
-            d === null ? void 0 : function() {
-              return w(d());
+            h === null ? void 0 : function() {
+              return w(h());
             }
           ];
         },
@@ -1765,7 +1778,7 @@ function We() {
         [O]
       ), S(O), O;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), z;
+  })()), J;
 }
 var ye;
 function He() {
@@ -1773,7 +1786,7 @@ function He() {
 }
 var Be = He();
 function Q(o, e) {
-  E(
+  _(
     typeof e == "string",
     `The target step must be a string, was ${typeof e}`
   );
@@ -1781,12 +1794,12 @@ function Q(o, e) {
     type: "disjunction",
     style: "long"
   }).format(t("array.string.untyped"));
-  E(
+  _(
     we.test(e),
     `The target step must match the following format: "step{number}". Available steps are ${n}`
   );
   const a = Number.parseInt(e.replace("step", ""));
-  return E(
+  return _(
     r(a),
     `The step number "${a}" is not a valid step number. Valid step numbers include ${n}`,
     TypeError
@@ -1823,8 +1836,8 @@ function ge(o) {
 }
 function Qe(o) {
   const e = je(o);
-  function t(u) {
-    const { targetStep: S, notFoundMessage: g, isDataGuaranteed: p } = u, f = e({
+  function t(c) {
+    const { targetStep: S, notFoundMessage: g, isDataGuaranteed: p } = c, f = e({
       targetStep: S
     }), v = g ? a({ targetStep: S }, g) : (y) => /* @__PURE__ */ ie("div", { ...y, children: [
       "No data found for step ",
@@ -1843,7 +1856,7 @@ function Qe(o) {
       NoCurrentData: v
     };
   }
-  function r(u) {
+  function r(c) {
     const S = e(
       (O) => O.stepSchema.steps.value.length
     ), {
@@ -1851,7 +1864,7 @@ function Qe(o) {
       maxProgressValue: p = 100,
       totalSteps: f = S,
       progressTextTransformer: v
-    } = u, y = Q(o, g), m = y / f * p, b = v ? n(
+    } = c, y = Q(o, g), m = y / f * p, b = v ? n(
       { targetStep: g, maxProgressValue: p, totalSteps: f },
       v
     ) : (O) => /* @__PURE__ */ ie("div", { ...O, children: [
@@ -1866,16 +1879,16 @@ function Qe(o) {
       ProgressText: b
     };
   }
-  function s(u) {
+  function s(c) {
     const g = e((f) => f.storage).get(), p = !!(g && typeof g == "object" && Object.keys(g).length > 0);
-    return u ? u(p) : p;
+    return c ? c(p) : p;
   }
-  function n(u, S) {
-    const g = o.getSnapshot().stepSchema.steps.value.length, { targetStep: p, maxProgressValue: f = 100, totalSteps: v = g } = u;
+  function n(c, S) {
+    const g = o.getSnapshot().stepSchema.steps.value.length, { targetStep: p, maxProgressValue: f = 100, totalSteps: v = g } = c;
     return ge({ targetStep: p, maxProgressValue: f, totalSteps: v })(S);
   }
-  function a(u, S) {
-    return Q(o, u.targetStep), ge(u)(S);
+  function a(c, S) {
+    return Q(o, c.targetStep), ge(c)(S);
   }
   return {
     // MultiStepFormContext: Context,