@jfdevelops/react-multi-step-form 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist/index.mjs

@@ -1,1464 +1,6 @@
-import { jsx as me, jsxs as q } from "react/jsx-runtime";
-import I from "react";
-function V(o, e, t) {
-  const r = [], s = new Set(o), n = t ? t.format(o.map((a) => `${a}`)) : `[${o.join(", ")}]`;
-  for (let a = 0; a < e.length; a++) {
-    const c = e[a];
-    s.has(c) || r.push(
-      `Extra element at index ${a}: "${c}" is not in ${n}`
-    );
-  }
-  return e.some((a) => s.has(a)) || r.push(
-    `Array must contain at least one valid element from ${n}`
-  ), r.length > 0 ? { status: "error", errors: r } : { status: "success" };
-}
-function F(o) {
-  return o.map((e, t) => `❌ ${t + 1}. ${e}`).join(`
-`);
-}
-function ye(o, ...e) {
-  return () => String.raw({ raw: o }, ...e);
-}
-function h(o, e, t = Error) {
-  if (!o) {
-    const r = typeof e == "function" ? e() : ye`${e}`();
-    throw new t(r);
-  }
-}
-function G(o, e) {
-  const t = o["~standard"].validate(e);
-  if (t instanceof Promise)
-    throw new TypeError("Schema validation must be synchronous", {
-      cause: o
-    });
-  if (t.issues)
-    throw new Error(JSON.stringify(t.issues, null, 2));
-  return t.value;
-}
-function C(o) {
-  h(o.includes("step"), "Can't extract a valid step number since");
-  const e = o.replace("step", "");
-  return h(/^\d+$/.test(e), `Invalid step format: "${o}"`), Number.parseInt(e, 10);
-}
-function j(o) {
-  return function(e) {
-    const { step: t } = e, r = `step${t}`, s = o[r];
-    return { step: t, data: s };
-  };
-}
-function J(o, e) {
-  return e.reduce((t, r) => {
-    const s = C(r), { data: n } = j(o)({
-      step: s
-    });
-    for (const [a, c] of Object.entries(n))
-      typeof c == "function" && a !== "update" || (n[a] = c);
-    return t[r] = n, t;
-  }, {});
-}
-function R(o, e) {
-  const t = new Intl.ListFormat("en", {
-    style: "long",
-    type: "disjunction"
-  }), r = Object.keys(o), s = () => `"stepData" must be set to an array of available steps (${t.format(
-    r
-  )})`;
-  if (e === "all") {
-    let n = {};
-    for (const a of r)
-      n = {
-        ...n,
-        [a]: j(o)({
-          step: C(a)
-        })
-      };
-    return Object.fromEntries(
-      r.map((a) => [
-        a,
-        j(o)({
-          step: C(a)
-        })
-      ])
-    );
-  }
-  if (Array.isArray(e))
-    return h(
-      e.every((n) => r.includes(n)),
-      () => {
-        const n = V(
-          e,
-          r.map((a) => C(a)),
-          t
-        );
-        return n.status === "error" ? `${s()}. See errors:
- ${F(
-          n.errors
-        )}` : s();
-      }
-    ), J(
-      o,
-      e
-    );
-  if (typeof e == "object") {
-    const n = Object.keys(e);
-    return h(
-      n.every((a) => r.includes(a)),
-      () => {
-        const a = V(
-          n,
-          r,
-          t
-        );
-        return a.status === "error" ? `${s()}. See errors:
- ${F(
-          a.errors
-        )}` : s();
-      }
-    ), J(
-      o,
-      n
-    );
-  }
-  throw new Error(`${s()} OR to "all"`);
-}
-function Y(o, e) {
-  return typeof o == "function" ? o(e) : o;
-}
-class be {
-  values;
-  stepNumbers;
-  constructor(e, t) {
-    this.stepNumbers = t, this.values = e;
-  }
-  createCtxHelper(e) {
-    return e.reduce((t, r) => {
-      const s = C(r), { data: n } = j(this.values)({
-        step: s
-      });
-      for (const [a, c] of Object.entries(n))
-        typeof c == "function" && a !== "update" || (n[a] = c);
-      return t[r] = n, t;
-    }, {});
-  }
-  createCtx(e) {
-    const t = new Intl.ListFormat("en", {
-      style: "long",
-      type: "disjunction"
-    }), r = this.stepNumbers.map(
-      (n) => `step${n}`
-    ), s = () => `"stepData" must be set to an array of available steps (${t.format(
-      r
-    )})`;
-    if (e === "all")
-      return this.stepNumbers.reduce((n, a) => {
-        const c = `step${a}`;
-        return n[c] = j(this.values)({
-          step: a
-        }).data, n;
-      }, {});
-    if (Array.isArray(e))
-      return h(
-        e.every(
-          (n) => r.includes(n)
-        ),
-        () => {
-          const n = V(
-            e,
-            this.stepNumbers,
-            t
-          );
-          return n.status === "error" ? `${s()}. See errors:
- ${F(
-            n.errors
-          )}` : s();
-        }
-      ), this.createCtxHelper(e);
-    if (typeof e == "object") {
-      const n = Object.keys(e);
-      return h(
-        n.every((a) => r.includes(a)),
-        () => {
-          const a = V(
-            n,
-            r,
-            t
-          );
-          return a.status === "error" ? `${s()}. See errors:
- ${F(
-            a.errors
-          )}` : s();
-        }
-      ), this.createCtxHelper(n);
-    }
-    throw new Error(`${s()} OR to "all"`);
-  }
-  createStepHelperFnImpl(e) {
-    return (t, r) => {
-      const s = this.createCtx(e);
-      if (typeof t == "function")
-        return () => t({ ctx: s });
-      if (typeof t == "object")
-        return (n) => "validator" in t ? (h(
-          typeof n == "object",
-          "An input is expected since you provided a validator"
-        ), G(
-          t.validator,
-          n.data
-        ), r({ ctx: s, ...n })) : r({ ctx: s });
-      throw new Error(
-        `The first argument must be a function or an object, (was ${typeof t})`
-      );
-    };
-  }
-}
-class Se {
-  prefix;
-  includeTimestamp;
-  throwOnError;
-  constructor(e) {
-    const { includeTimestamp: t, prefix: r, throwOnError: s } = e ?? {};
-    this.prefix = r ?? "MultiStepFormSchema", this.includeTimestamp = t ?? !1, this.throwOnError = s ?? !1;
-  }
-  wrapValue(e, t) {
-    if (e === "[]")
-      return `[${t}]`;
-    if (e === "{}")
-      return `{${t}}`;
-    if (e === "none")
-      return t;
-    throw new Error(
-      `The first argument ${e} is not valid. Valid options include: "[]", "{}", and "none"`
-    );
-  }
-  formatPrefix(e) {
-    if (!e)
-      return this.prefix;
-    const { action: t, value: r, wrapWith: s } = e;
-    if (t === "replace")
-      return this.wrapValue(s ?? "[]", r);
-    const { delimiter: n } = e;
-    return t === "append" ? `${this.wrapValue(
-      s?.originalPrefix ?? "[]",
-      this.prefix
-    )}${n}${this.wrapValue(
-      s?.addedPrefix ?? "[]",
-      r
-    )}`.trim() : t === "prepend" ? `${this.wrapValue(
-      s?.addedPrefix ?? "[]",
-      r
-    )}${n}${this.wrapValue(
-      s?.originalPrefix ?? "[]",
-      this.prefix
-    )}`.trim() : this.prefix;
-  }
-  formatMessage(e, t, r) {
-    const {
-      includeTimestamp: s = this.includeTimestamp,
-      prefix: n,
-      logLevelOptions: a
-    } = r ?? {}, c = this.formatPrefix(n), y = this.wrapValue(
-      a?.wrapWith ?? "[]",
-      (a?.level ?? e).toUpperCase()
-    ), p = `${c} ${y} ${t}`;
-    return s ? `[${(/* @__PURE__ */ new Date()).toISOString()}] ${p}` : p;
-  }
-  info(e, t) {
-    console.info(this.formatMessage("info", e, t));
-  }
-  warn(e, t) {
-    console.warn(this.formatMessage("warn", e, t));
-  }
-  error(e, t) {
-    const r = this.formatMessage("error", e, t);
-    if (console.error(r), t?.throw ?? this.throwOnError)
-      throw new Error(r);
-  }
-}
-const Z = '"window" in undefined. No storage is available', K = "MultiStepForm";
-class ue {
-  key;
-  store;
-  data;
-  log;
-  isWindowUndefined;
-  constructor(e) {
-    const { key: t, data: r, store: s } = e;
-    this.log = new Se({
-      prefix: K
-    }), this.key = t, this.data = r, s ? (this.store = s, this.isWindowUndefined = !1) : typeof window < "u" ? (this.store = window.localStorage, this.isWindowUndefined = !1) : (this.isWindowUndefined = !0, this.log.warn(Z));
-  }
-  throwOnEmptyStore() {
-    h(this.store, () => this.isWindowUndefined ? Z : "No storage available");
-  }
-  resolveValue(e) {
-    if (typeof e == "object")
-      return e;
-    if (typeof e == "function")
-      return e(this.data);
-    this.log.error(
-      `The updater value must be a function or object. Was a ${typeof e}`,
-      { throw: !0 }
-    );
-  }
-  hasKey() {
-    return this.store.getItem(this.key) !== null;
-  }
-  get() {
-    this.throwOnEmptyStore();
-    const e = this.store.getItem(this.key);
-    if (e)
-      return JSON.parse(e);
-  }
-  remove() {
-    this.throwOnEmptyStore(), this.store.removeItem(this.key);
-  }
-  add(e) {
-    this.throwOnEmptyStore();
-    const t = JSON.stringify(this.resolveValue(e));
-    this.store.setItem(this.key, t);
-  }
-}
-const ve = [
-  "sentence",
-  "title",
-  "camel",
-  "lower",
-  "upper",
-  "pascal",
-  "snake",
-  "screaming-snake",
-  "flat",
-  "kebab"
-], P = "title";
-function ge(o, e) {
-  const t = o.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[-_]+/g, " ").trim().split(/\s+/).map((r) => r.toLowerCase());
-  switch (e) {
-    case "sentence":
-      return t[0].charAt(0).toUpperCase() + t[0].slice(1) + (t.length > 1 ? " " + t.slice(1).join(" ") : "");
-    case "title":
-      return t.map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join(" ");
-    case "camel":
-      return t[0] + t.slice(1).map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join("");
-    case "pascal":
-      return t.map((r) => r.charAt(0).toUpperCase() + r.slice(1)).join("");
-    case "lower":
-      return t.join(" ");
-    case "upper":
-      return t.join(" ").toUpperCase();
-    case "snake":
-      return t.join("_");
-    case "screaming-snake":
-      return t.join("_").toUpperCase();
-    case "kebab":
-      return t.join("-");
-    case "flat":
-      return t.join("");
-    default:
-      return o;
-  }
-}
-function U(o) {
-  return typeof o != "string" ? !1 : ve.includes(o);
-}
-function ce(o, e = P) {
-  return U(o) ? o : e;
-}
-const we = [
-  "string",
-  "string.phone",
-  "string.email",
-  "string.time",
-  "number",
-  "number.counter",
-  "date",
-  "dateTime",
-  "boolean.switch"
-], Q = "string";
-function _e(o) {
-  return typeof o == "string" && we.includes(o);
-}
-class le {
-  listeners = /* @__PURE__ */ new Set();
-  constructor() {
-    this.subscribe = this.subscribe.bind(this);
-  }
-  subscribe(e) {
-    return this.listeners.add(e), this.onSubscribe(), () => {
-      this.listeners.delete(e), this.onUnsubscribe();
-    };
-  }
-  hasListeners() {
-    return this.listeners.size > 0;
-  }
-  onSubscribe() {
-  }
-  onUnsubscribe() {
-  }
-}
-const Ee = [
-  "string",
-  "number",
-  "array.string",
-  "array.string.untyped"
-], fe = /^step\d+$/i;
-function X(o, e) {
-  if (typeof o != "object" || o === null) return !1;
-  for (const t of Object.keys(e)) {
-    if (!(t in o)) return !1;
-    const r = e[t], s = o[t];
-    if (!r(s)) return !1;
-  }
-  return !0;
-}
-function ee(o, e, t) {
-  return o ?? ge(e, t);
-}
-function Te(o) {
-  const e = {}, { fields: t, defaultCasing: r, validateFields: s } = o;
-  for (const [n, a] of Object.entries(t)) {
-    h(
-      typeof n == "string",
-      `Each key for the "fields" option must be a string. Key ${n} was a ${typeof n}`
-    ), h(
-      typeof a == "object",
-      `The value for key ${n} must be an object. Was ${typeof a}`
-    );
-    const {
-      defaultValue: c,
-      label: y,
-      nameTransformCasing: p,
-      type: l = Q
-    } = a;
-    if (s)
-      e[n] = c;
-    else {
-      const u = p ?? r;
-      e[n] = {
-        ...e[n],
-        nameTransformCasing: u,
-        type: l,
-        defaultValue: c,
-        label: ee(y, n, u)
-        // TODO add more fields here
-      };
-    }
-  }
-  if (s) {
-    const n = G(
-      s,
-      e
-    );
-    h(
-      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`
-    ), h(
-      !!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, c] of Object.entries(n)) {
-      const y = t[a];
-      h(
-        y,
-        `No field found in the fields config for "${a}"`
-      );
-      const {
-        label: p,
-        type: l = Q,
-        nameTransformCasing: u
-      } = y, f = u ?? r;
-      e[a] = {
-        ...e[a],
-        nameTransformCasing: f,
-        type: l,
-        defaultValue: c,
-        label: ee(p, a, f)
-      };
-    }
-  }
-  return e;
-}
-function pe(o) {
-  const e = {};
-  h(!!o, "The steps config must be defined", TypeError), h(
-    typeof o == "object",
-    `The steps config must be an object, was (${typeof o})`,
-    TypeError
-  );
-  for (const [t, r] of Object.entries(o)) {
-    h(
-      typeof t == "string",
-      `Each key for the step config must be a string. Key "${t}" was ${typeof t} `,
-      TypeError
-    ), h(
-      fe.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: c = P,
-      description: y,
-      validateFields: p
-    } = r, l = s.toString().replace("step", "");
-    h(
-      n,
-      `Missing fields for step ${l} (${String(s)})`,
-      TypeError
-    ), h(
-      typeof n == "object",
-      "Fields must be an object",
-      TypeError
-    ), h(
-      Object.keys(n).length > 0,
-      `The fields config for step ${l} (${String(
-        s
-      )}) is empty. Please add a field`
-    ), h(
-      typeof n == "object",
-      `The "fields" property must be an object. Was ${typeof n}`
-    );
-    const u = Te({
-      defaultCasing: c,
-      fields: n,
-      validateFields: p
-    });
-    e[s] = {
-      ...e[s],
-      title: a,
-      nameTransformCasing: c,
-      // Only add the description if it's defined
-      ...typeof y == "string" ? { description: y } : {},
-      fields: u
-    };
-  }
-  return e;
-}
-class B extends le {
-  /**
-   * The original config before any validation or transformations have been applied.
-   */
-  original;
-  /**
-   * The resolved step values.
-   */
-  value;
-  steps;
-  defaultNameTransformationCasing;
-  //@ts-ignore
-  firstStep;
-  lastStep;
-  stepNumbers;
-  storage;
-  constructor(e) {
-    super();
-    const { steps: t, nameTransformCasing: r, storage: s } = e;
-    this.defaultNameTransformationCasing = ce(
-      r
-    ), this.original = t, this.value = this.enrichValues(pe(this.original)), this.stepNumbers = Object.keys(this.value).map(
-      (n) => Number.parseInt(n.replace("step", ""))
-    ), this.storage = new ue({
-      data: this.value,
-      key: s?.key ?? K,
-      store: s?.store
-    }), this.firstStep = this.first(), this.lastStep = this.last(), this.steps = {
-      first: this.firstStep.step,
-      last: this.lastStep.step,
-      value: this.stepNumbers,
-      as: (n) => {
-        if (h(
-          typeof n == "string",
-          `The type of the target transformation type must be a string, was ${typeof n}`
-        ), n === "string")
-          return this.stepNumbers.map((a) => `'${a}'`).join(" | ");
-        if (n === "number")
-          return this.stepNumbers.join(" | ");
-        if (n.includes("array.string"))
-          return this.stepNumbers.map((a) => `${a}`);
-        throw new Error(
-          `Transformation type "${n}" is not supported. Available transformations include: ${Ee.map(
-            (a) => `"${a}"`
-          ).join(", ")}`
-        );
-      },
-      isValidStepNumber: (n) => this.stepNumbers.includes(n),
-      isValidStepKey: (n) => Object.keys(this.value).includes(n)
-    };
-  }
-  getSnapshot() {
-    return this;
-  }
-  notify() {
-    for (const e of this.listeners)
-      e({
-        defaultNameTransformationCasing: this.defaultNameTransformationCasing,
-        original: this.original,
-        steps: this.steps,
-        value: this.value
-      });
-  }
-  enrichValues(e, t) {
-    for (const [r, s] of Object.entries(e)) {
-      const n = Number.parseInt(r.replace("step", ""));
-      e = {
-        ...e,
-        [r]: {
-          ...s,
-          update: this.createStepUpdaterFn(n),
-          createHelperFn: this.createStepHelperFn(n),
-          ...t?.(n)
-        }
-      };
-    }
-    return e;
-  }
-  /**
-   * Gets the data for a specific step.
-   * @param options The options for getting the step data.
-   * @returns The step data for the target step.
-   */
-  get(e) {
-    return j(this.value)(e);
-  }
-  /**
-   * Gets the data for the first step.
-   * @returns The data for the first step.
-   */
-  first() {
-    const e = Math.min(...this.stepNumbers);
-    return this.get({ step: e });
-  }
-  /**
-   * Gets the data for the last step.
-   * @returns The data for the last step.
-   */
-  last() {
-    const e = Math.max(...this.stepNumbers);
-    return this.get({ step: e });
-  }
-  handlePostUpdate() {
-    this.storage.add(this.value), this.notify();
-  }
-  createStepUpdaterFnImpl(e, t, r) {
-    const s = this.stepNumbers;
-    h(
-      typeof e == "number",
-      `Type of step must be a number, was ${typeof e}`,
-      TypeError
-    ), h(
-      s.includes(e),
-      `The target step ${e} is not valid. Valid steps include "${s.join(
-        ", "
-      )}"`
-    );
-    const n = `step${e}`;
-    if (typeof t == "string") {
-      h(this.value[n], `No data found for step ${e}`), h(
-        typeof this.value[n] == "object",
-        `The values for step ${e} is not an object, was ${typeof this.value[n]}`
-      ), h(
-        t in this.value[n],
-        `The field ${t} is not a valid field. Valid fields include ${Object.keys(
-          this.value[n]
-        ).join(", ")}`
-      ), this.value = {
-        ...this.value,
-        [n]: {
-          ...this.value[n],
-          [t]: Y(
-            r,
-            this.value[n][t]
-          )
-        }
-      }, this.handlePostUpdate();
-      return;
-    }
-    if (typeof t == "object" || typeof t == "function") {
-      const a = Y(
-        t,
-        this.value[n]
-      );
-      h(
-        typeof a == "object",
-        `The updated data must be an object, was ${typeof a}`
-      ), this.value = {
-        ...this.value,
-        [n]: {
-          ...this.value[n],
-          ...a
-        }
-      }, this.handlePostUpdate();
-      return;
-    }
-    throw new TypeError(
-      `The second parameter must be one of the following: a specific field to update (string), an object with the updated data, or a function that returns the updated data. It was ${typeof t}`,
-      { cause: t }
-    );
-  }
-  createStepUpdaterFn(e) {
-    return (t, r) => {
-      this.createStepUpdaterFnImpl(
-        e,
-        t,
-        r
-      );
-    };
-  }
-  update(e, t, r) {
-    this.createStepUpdaterFnImpl(e, t, r);
-  }
-  createStepHelperFnImpl(e) {
-    return (t, r) => {
-      const s = R(
-        this.value,
-        e
-      );
-      if (typeof t == "function")
-        return () => t({ ctx: s });
-      if (typeof t == "object")
-        return (n) => "validator" in t ? (h(
-          typeof n == "object",
-          "An input is expected since you provided a validator"
-        ), G(
-          t.validator,
-          n.data
-        ), r({ ctx: s, ...n })) : r({ ctx: s });
-      throw new Error(
-        `The first argument must be a function or an object, (was ${typeof t})`
-      );
-    };
-  }
-  createStepHelperFn(e) {
-    return this.createStepHelperFnImpl([`step${e}`]);
-  }
-  // Implementation
-  createHelperFn(e, t) {
-    const { stepData: r, ...s } = e;
-    return this.createStepHelperFnImpl(r)(s, t);
-  }
-  /**
-   * Validates that a given object is the proper shape for step data.
-   * @param value
-   */
-  static hasData(e, t) {
-    return e === null || typeof e != "object" ? !1 : X(e, {
-      title: (r) => typeof r == "string",
-      fields: (r) => {
-        if (r === null || typeof r != "object")
-          return !1;
-        for (const s of Object.keys(r)) {
-          if (typeof s != "string" || !(s in r))
-            return !1;
-          const n = r[s];
-          if (n === null || typeof n != "object" || !X(n, {
-            defaultValue: (a) => a !== "undefined" && a !== null,
-            label: (a) => typeof a == "string" || typeof a == "boolean" && !a,
-            nameTransformCasing: U,
-            type: _e
-          }))
-            return !1;
-        }
-        return !0;
-      },
-      createHelperFn: (r) => typeof r == "function",
-      update: (r) => typeof r == "function",
-      nameTransformCasing: U,
-      ...t?.optionalKeysToCheck
-    });
-  }
-}
-class $e extends le {
-  stepHelper;
-  defaultNameTransformationCasing;
-  stepSchema;
-  storage;
-  mountCount = 0;
-  constructor(e) {
-    super();
-    const { steps: t, nameTransformCasing: r, storage: s } = e;
-    this.defaultNameTransformationCasing = ce(
-      r
-    ), this.stepSchema = new B({
-      steps: t,
-      nameTransformCasing: this.defaultNameTransformationCasing
-    }), this.stepHelper = new be(
-      this.stepSchema.value,
-      this.stepSchema.steps.value
-    ), this.storage = new ue({
-      key: s?.key ?? K,
-      data: this.stepSchema.value,
-      store: s?.store
-    }), this.stepSchema.subscribe(() => {
-      this.notify();
-    });
-  }
-  getSnapshot() {
-    return this;
-  }
-  mount() {
-    return this.mountCount++, this.mountCount === 1 && this.onMount(), () => {
-      this.unmount();
-    };
-  }
-  unmount() {
-    this.mountCount = Math.max(0, this.mountCount - 1), this.mountCount === 0 && this.onUnmount();
-  }
-  isMounted() {
-    return this.mountCount > 0;
-  }
-  onMount() {
-  }
-  onUnmount() {
-  }
-  notify() {
-    for (const e of this.listeners)
-      e({
-        nameTransformCasing: this.defaultNameTransformationCasing,
-        storage: {
-          key: this.storage.key,
-          store: this.storage.store
-        },
-        steps: this.stepSchema.original
-      });
-  }
-}
-function Oe(o) {
-  function e(t) {
-    const { children: r, name: s } = t;
-    return r(o(s));
-  }
-  return e;
-}
-var O;
-((o) => {
-  o.DEFAULT_FORM_ALIAS = "Form";
-  function e(r, s) {
-    if (Array.isArray(r)) {
-      if (s === "all")
-        return !0;
-      if (typeof s == "object" && !Array.isArray(s))
-        return Object.keys(s).some(
-          (n) => r.includes(n)
-        );
-      if (Array.isArray(s))
-        return s.some((n) => r.includes(n));
-    }
-    return !1;
-  }
-  o.isFormAvailable = e;
-  function t(r) {
-    return (s) => /* @__PURE__ */ me("form", { id: r, ...s });
-  }
-  o.createDefaultForm = t;
-})(O || (O = {}));
-var H;
-((o) => {
-  o.DEFAULT_FORM_INSTANCE_ALIAS = "form";
-})(H || (H = {}));
-function je(o, e) {
-  h(
-    e in o,
-    `The target step ${e} is not a valid step key`
-  );
-  const t = o[e];
-  h("fields" in t, `No "fields" were found for ${e}`);
-  let r = {};
-  for (const [s, n] of Object.entries(
-    t.fields
-  ))
-    r = {
-      ...r,
-      [s]: n.defaultValue
-    };
-  return r;
-}
-class Ce extends B {
-  // @ts-ignore type doesn't match `MultiStepFormSchemaBase.value`
-  value;
-  constructor(e) {
-    const { form: t, ...r } = e;
-    super(r), this.value = this.enrichValues(pe(this.original)), this.value = this.enrichValues(this.value, (s) => {
-      const n = `step${s}`, a = t?.id ?? n;
-      return {
-        createComponent: this.createComponentForStep(
-          [`step${s}`],
-          {
-            isStepSpecific: !0,
-            defaultId: a,
-            form: t
-          }
-        )
-      };
-    });
-  }
-  createFormComponent(e, t) {
-    const { render: r, enabledForSteps: s = "all", id: n = t } = e, a = {
-      id: n,
-      steps: R(this.value, s)
-    };
-    return (c) => r(a, c);
-  }
-  createStepSpecificComponentImpl(e, t, r, s = {}) {
-    return (n) => ((a) => {
-      const c = {};
-      for (const [l, u] of Object.entries(s))
-        if (typeof u == "function")
-          try {
-            const f = u();
-            c[l] = f, typeof console < "u" && console.debug && console.debug(
-              `[multi-step-form] Hook "${l}" called successfully`,
-              { result: f !== void 0 ? "defined" : "undefined" }
-            );
-          } catch (f) {
-            const i = f instanceof Error ? f.message : String(f);
-            throw new Error(
-              `[multi-step-form] Error calling hook "${l}" in useFormInstance.render: ${i}
+import { MultiStepFormStepSchema, StepSpecificComponent, createDefaultValues } from "./step-schema.mjs";
+import { MultiStepFormSchema, createMultiStepFormSchema } from "./schema.mjs";
+import { useMultiStepFormData } from "./hooks/use-multi-step-form-data.mjs";
+import { createMultiStepFormContext } from "./create-context.mjs";
 
-This usually means:
-1. The hook is being called outside of a React component
-2. The hook has invalid dependencies or configuration
-3. There's an error in your hook implementation
-
-Original error: ${i}`,
-              { cause: f }
-            );
-          }
-        else
-          c[l] = u;
-      const { defaultId: y, form: p } = t;
-      if (p) {
-        const {
-          alias: l = O.DEFAULT_FORM_ALIAS,
-          ...u
-        } = p, f = u.enabledForSteps ?? "all", [i] = e;
-        h(
-          this.steps.isValidStepKey(i),
-          `[createComponent]: the target step ${i} 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 m = Number.parseInt(i.replace("step", ""));
-        h(
-          !Number.isNaN(m),
-          `[${i}:"createComponent"]: an error occurred while extracting the number`
-        );
-        const d = this.value[i];
-        h(
-          "fields" in d,
-          `[${i}:createComponent]: unable to find the "fields" for the current step`
-        ), h(
-          typeof d.fields == "object",
-          `[${i}:createComponent]: the "fields" property must be an object, was ${typeof d.fields}`
-        );
-        const b = Oe((g) => {
-          h(typeof g == "string", () => {
-            const L = new Intl.ListFormat("en", {
-              style: "long",
-              type: "disjunction"
-            });
-            return `[${i}:Field]: the "name" prop must be a string and a valid field for ${i}. Available fields include ${L.format(
-              Object.keys(d.fields)
-            )}`;
-          }), h(
-            g in d.fields,
-            `[${i}:Field]: the field "${g}" doesn't exist for the current step`
-          );
-          const { fields: _, update: E } = d, { defaultValue: T, label: S, nameTransformCasing: w, type: $ } = _[g];
-          return {
-            defaultValue: T,
-            label: S,
-            nameTransformCasing: w,
-            type: $,
-            name: g,
-            onInputChange: (L) => (
-              // TODO remove type assertions
-              E(
-                "fields",
-                (z) => ({
-                  ...z,
-                  [g]: {
-                    ...z[g],
-                    defaultValue: L
-                  }
-                })
-              )
-            )
-          };
-        });
-        let v = {
-          ctx: r,
-          onInputChange: this.createStepUpdaterFn(m),
-          Field: b,
-          ...c
-        };
-        return O.isFormAvailable(
-          e,
-          f
-        ) && (v = {
-          ...v,
-          [l]: this.createFormComponent(u, y)
-        }), n(v, a);
-      }
-      return n(
-        {
-          ctx: r,
-          [O.DEFAULT_FORM_ALIAS]: O.createDefaultForm(y)
-        },
-        a
-      );
-    });
-  }
-  createStepSpecificComponentFactory(e, t, r) {
-    const s = this.createStepSpecificComponentImpl.bind(this), n = this.createDefaultValues.bind(this);
-    function a(c, y) {
-      function p() {
-        return h(
-          typeof c == "function",
-          "The first argument must be a function"
-        ), s(
-          e,
-          t,
-          r
-        )(c);
-      }
-      if (typeof c == "object") {
-        const { useFormInstance: l } = c;
-        if (l) {
-          const {
-            render: u,
-            alias: f = H.DEFAULT_FORM_INSTANCE_ALIAS
-          } = l;
-          h(
-            typeof y == "function",
-            "The second argument must be a function"
-          );
-          const [i] = e, m = n(i), d = { ctx: r, defaultValues: m };
-          return s(e, t, r, {
-            [f]: () => u(d)
-          })(y);
-        }
-        return p();
-      }
-      return p();
-    }
-    return a;
-  }
-  createComponentImpl(e, t) {
-    const r = R(
-      this.value,
-      e
-    );
-    return t.isStepSpecific ? this.createStepSpecificComponentFactory(e, t, r) : (s) => ((n) => s(
-      { ctx: r },
-      n
-    ));
-  }
-  createComponentForStep(e, t) {
-    return this.createComponentImpl(e, t);
-  }
-  /**
-   * A helper function to create a component for a specific step.
-   * @param options The options for creating the step specific component.
-   * @param fn A callback that is used for accessing the target step's data and defining
-   * any props that the component should have. This function must return a valid `JSX` element.
-   * @returns The created component for the step.
-   */
-  createComponent(e, t) {
-    return this.createComponentImpl(e.stepData, {
-      isStepSpecific: !1
-    })(t);
-  }
-  createDefaultValues(e) {
-    return je(this.value, e);
-  }
-}
-class Ae extends $e {
-  stepSchema;
-  constructor(e) {
-    const { nameTransformCasing: t = P, storage: r, ...s } = e;
-    super({
-      nameTransformCasing: t,
-      storage: r,
-      ...s
-    }), this.stepSchema = new Ce({
-      nameTransformCasing: t,
-      ...s
-    });
-  }
-  createComponent(e, t) {
-    const { stepData: r } = e, s = this.stepHelper.createCtx(
-      r
-    );
-    return ((n) => t({ ctx: s }, n));
-  }
-}
-function Me(o) {
-  return new Ae(o);
-}
-var A = { exports: {} }, x = {}, N = { exports: {} }, D = {};
-/**
- * @license React
- * use-sync-external-store-shim.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var te;
-function Ne() {
-  if (te) return D;
-  te = 1;
-  var o = I;
-  function e(u, f) {
-    return u === f && (u !== 0 || 1 / u === 1 / f) || u !== u && f !== f;
-  }
-  var t = typeof Object.is == "function" ? Object.is : e, r = o.useState, s = o.useEffect, n = o.useLayoutEffect, a = o.useDebugValue;
-  function c(u, f) {
-    var i = f(), m = r({ inst: { value: i, getSnapshot: f } }), d = m[0].inst, b = m[1];
-    return n(
-      function() {
-        d.value = i, d.getSnapshot = f, y(d) && b({ inst: d });
-      },
-      [u, i, f]
-    ), s(
-      function() {
-        return y(d) && b({ inst: d }), u(function() {
-          y(d) && b({ inst: d });
-        });
-      },
-      [u]
-    ), a(i), i;
-  }
-  function y(u) {
-    var f = u.getSnapshot;
-    u = u.value;
-    try {
-      var i = f();
-      return !t(u, i);
-    } catch {
-      return !0;
-    }
-  }
-  function p(u, f) {
-    return f();
-  }
-  var l = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? p : c;
-  return D.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : l, D;
-}
-var k = {};
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var re;
-function Ve() {
-  return re || (re = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(i, m) {
-      return i === m && (i !== 0 || 1 / i === 1 / m) || i !== i && m !== m;
-    }
-    function e(i, m) {
-      l || s.startTransition === void 0 || (l = !0, console.error(
-        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
-      ));
-      var d = m();
-      if (!u) {
-        var b = m();
-        n(d, b) || (console.error(
-          "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), u = !0);
-      }
-      b = a({
-        inst: { value: d, getSnapshot: m }
-      });
-      var v = b[0].inst, g = b[1];
-      return y(
-        function() {
-          v.value = d, v.getSnapshot = m, t(v) && g({ inst: v });
-        },
-        [i, d, m]
-      ), c(
-        function() {
-          return t(v) && g({ inst: v }), i(function() {
-            t(v) && g({ inst: v });
-          });
-        },
-        [i]
-      ), p(d), d;
-    }
-    function t(i) {
-      var m = i.getSnapshot;
-      i = i.value;
-      try {
-        var d = m();
-        return !n(i, d);
-      } catch {
-        return !0;
-      }
-    }
-    function r(i, m) {
-      return m();
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var s = I, n = typeof Object.is == "function" ? Object.is : o, a = s.useState, c = s.useEffect, y = s.useLayoutEffect, p = s.useDebugValue, l = !1, u = !1, f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
-    k.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : f, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), k;
-}
-var ne;
-function de() {
-  return ne || (ne = 1, process.env.NODE_ENV === "production" ? N.exports = Ne() : N.exports = Ve()), N.exports;
-}
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var se;
-function Fe() {
-  if (se) return x;
-  se = 1;
-  var o = I, e = de();
-  function t(p, l) {
-    return p === l && (p !== 0 || 1 / p === 1 / l) || p !== p && l !== l;
-  }
-  var r = typeof Object.is == "function" ? Object.is : t, s = e.useSyncExternalStore, n = o.useRef, a = o.useEffect, c = o.useMemo, y = o.useDebugValue;
-  return x.useSyncExternalStoreWithSelector = function(p, l, u, f, i) {
-    var m = n(null);
-    if (m.current === null) {
-      var d = { hasValue: !1, value: null };
-      m.current = d;
-    } else d = m.current;
-    m = c(
-      function() {
-        function v(S) {
-          if (!g) {
-            if (g = !0, _ = S, S = f(S), i !== void 0 && d.hasValue) {
-              var w = d.value;
-              if (i(w, S))
-                return E = w;
-            }
-            return E = S;
-          }
-          if (w = E, r(_, S)) return w;
-          var $ = f(S);
-          return i !== void 0 && i(w, $) ? (_ = S, w) : (_ = S, E = $);
-        }
-        var g = !1, _, E, T = u === void 0 ? null : u;
-        return [
-          function() {
-            return v(l());
-          },
-          T === null ? void 0 : function() {
-            return v(T());
-          }
-        ];
-      },
-      [l, u, f, i]
-    );
-    var b = s(p, m[0], m[1]);
-    return a(
-      function() {
-        d.hasValue = !0, d.value = b;
-      },
-      [b]
-    ), y(b), b;
-  }, x;
-}
-var M = {};
-/**
- * @license React
- * use-sync-external-store-shim/with-selector.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var oe;
-function Ie() {
-  return oe || (oe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(p, l) {
-      return p === l && (p !== 0 || 1 / p === 1 / l) || p !== p && l !== l;
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var e = I, t = de(), r = typeof Object.is == "function" ? Object.is : o, s = t.useSyncExternalStore, n = e.useRef, a = e.useEffect, c = e.useMemo, y = e.useDebugValue;
-    M.useSyncExternalStoreWithSelector = function(p, l, u, f, i) {
-      var m = n(null);
-      if (m.current === null) {
-        var d = { hasValue: !1, value: null };
-        m.current = d;
-      } else d = m.current;
-      m = c(
-        function() {
-          function v(S) {
-            if (!g) {
-              if (g = !0, _ = S, S = f(S), i !== void 0 && d.hasValue) {
-                var w = d.value;
-                if (i(w, S))
-                  return E = w;
-              }
-              return E = S;
-            }
-            if (w = E, r(_, S))
-              return w;
-            var $ = f(S);
-            return i !== void 0 && i(w, $) ? (_ = S, w) : (_ = S, E = $);
-          }
-          var g = !1, _, E, T = u === void 0 ? null : u;
-          return [
-            function() {
-              return v(l());
-            },
-            T === null ? void 0 : function() {
-              return v(T());
-            }
-          ];
-        },
-        [l, u, f, i]
-      );
-      var b = s(p, m[0], m[1]);
-      return a(
-        function() {
-          d.hasValue = !0, d.value = b;
-        },
-        [b]
-      ), y(b), b;
-    }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), M;
-}
-var ae;
-function Le() {
-  return ae || (ae = 1, process.env.NODE_ENV === "production" ? A.exports = Fe() : A.exports = Ie()), A.exports;
-}
-var xe = Le();
-function W(o, e) {
-  h(
-    typeof e == "string",
-    `The target step must be a string, was ${typeof e}`
-  );
-  const { as: t, isValidStepNumber: r } = o.stepSchema.steps, n = new Intl.ListFormat("en", {
-    type: "disjunction",
-    style: "long"
-  }).format(t("array.string.untyped"));
-  h(
-    fe.test(e),
-    `The target step must match the following format: "step{number}". Available steps are ${n}`
-  );
-  const a = Number.parseInt(e.replace("step", ""));
-  return h(
-    r(a),
-    `The step number "${a}" is not a valid step number. Valid step numbers include ${n}`,
-    TypeError
-  ), a;
-}
-function he(o) {
-  function e(t) {
-    return xe.useSyncExternalStoreWithSelector(
-      o.subscribe,
-      () => o.getSnapshot(),
-      () => o.getSnapshot(),
-      (r) => {
-        if (typeof t == "object") {
-          const s = W(
-            r,
-            t.targetStep
-          );
-          return r.stepSchema.get({ step: s }).data;
-        }
-        return typeof t == "function" ? t(r) : r;
-      }
-    );
-  }
-  return e;
-}
-function Re(o, e) {
-  const t = he(o);
-  return typeof e == "object" || typeof e == "function" ? t(e) : t();
-}
-function ie(o) {
-  return function(e) {
-    return ((t) => e(o, t));
-  };
-}
-function Ue(o) {
-  const e = he(o);
-  function t(c) {
-    const { targetStep: y, notFoundMessage: p, isDataGuaranteed: l } = c, u = e({
-      targetStep: y
-    }), f = p ? a({ targetStep: y }, p) : (i) => /* @__PURE__ */ q("div", { ...i, children: [
-      "No data found for step ",
-      String(y)
-    ] });
-    return l ? {
-      data: u,
-      NoCurrentData: f
-    } : B.hasData(u) ? {
-      data: u,
-      hasData: !0,
-      NoCurrentData: f
-    } : {
-      data: void 0,
-      hasData: !1,
-      NoCurrentData: f
-    };
-  }
-  function r(c) {
-    const y = e(
-      (b) => b.stepSchema.steps.value.length
-    ), {
-      targetStep: p,
-      maxProgressValue: l = 100,
-      totalSteps: u = y,
-      progressTextTransformer: f
-    } = c, i = W(o, p), m = i / u * l, d = f ? n(
-      { targetStep: p, maxProgressValue: l, totalSteps: u },
-      f
-    ) : (b) => /* @__PURE__ */ q("div", { ...b, children: [
-      "Step ",
-      i,
-      "/",
-      u
-    ] });
-    return {
-      value: m,
-      maxProgressValue: l,
-      ProgressText: d
-    };
-  }
-  function s(c) {
-    const p = e((u) => u.storage).get(), l = !!(p && typeof p == "object" && Object.keys(p).length > 0);
-    return c ? c(l) : l;
-  }
-  function n(c, y) {
-    const p = o.getSnapshot().stepSchema.steps.value.length, { targetStep: l, maxProgressValue: u = 100, totalSteps: f = p } = c;
-    return ie({ targetStep: l, maxProgressValue: u, totalSteps: f })(y);
-  }
-  function a(c, y) {
-    return W(o, c.targetStep), ie(c)(y);
-  }
-  return {
-    // MultiStepFormContext: Context,
-    useMultiStepFormData: e,
-    useCurrentStepData: t,
-    useProgress: r,
-    useCanRestartForm: s,
-    withProgressText: n,
-    withNoStepDataFound: a
-  };
-}
-export {
-  Ae as MultiStepFormSchema,
-  Ce as MultiStepFormStepSchema,
-  H as StepSpecificComponent,
-  je as createDefaultValues,
-  Ue as createMultiStepFormContext,
-  Me as createMultiStepFormSchema,
-  Re as useMultiStepFormData
-};
-//# sourceMappingURL=index.mjs.map
+export { MultiStepFormSchema, MultiStepFormStepSchema, StepSpecificComponent, createDefaultValues, createMultiStepFormContext, createMultiStepFormSchema, useMultiStepFormData };