@sonata-innovations/fiber-fbre 2.0.0

package/dist/fiber-fbre.js

@@ -0,0 +1,2113 @@
+import { jsx as m, jsxs as k } from "react/jsx-runtime";
+import { createContext as Je, useContext as xe, useMemo as Ee, useState as P, useRef as ce, useEffect as K, useCallback as z } from "react";
+import { useStore as W, createStore as Ye } from "zustand";
+import { normalizeOptions as tn } from "@sonata-innovations/fiber-types";
+import { validateValue as on, isHiddenByCondition as Q, extractFormulaReferences as Ie, evaluateFormula as ne, evaluateConditionConfig as rn, formatCalculationResult as sn } from "@sonata-innovations/fiber-shared";
+const cn = /* @__PURE__ */ new Map(), an = (e) => cn.get(e), ln = /* @__PURE__ */ new Set([
+  "header",
+  "text",
+  "divider",
+  "callout",
+  "table"
+]), me = (e) => ln.has(e), dn = (e, r) => {
+  var o, t, n, s;
+  if (r.includes(":")) {
+    const i = r.split(":"), a = e.components[i[0]];
+    return (n = (t = (o = a == null ? void 0 : a.addedComponents) == null ? void 0 : o[parseInt(i[1])]) == null ? void 0 : t[parseInt(i[2])]) == null ? void 0 : n.value;
+  }
+  return (s = e.components[r]) == null ? void 0 : s.value;
+}, F = (e, r) => {
+  var t;
+  const o = (t = e.properties) == null ? void 0 : t.validation;
+  return !o || !o.rules || o.rules.length === 0 ? [] : on(
+    e.value,
+    o,
+    r ? (n) => dn(r, n) : void 0
+  );
+}, un = (e) => {
+  var o;
+  const r = (o = e.properties) == null ? void 0 : o.validation;
+  return !r || !r.rules ? !1 : r.rules.some((t) => t.type === "required");
+}, Y = (e) => {
+  var o, t;
+  const r = { ...e };
+  return Array.isArray((o = r.properties) == null ? void 0 : o.options) && (r.properties = {
+    ...r.properties,
+    options: tn(r.properties.options)
+  }), e.type === "computed" ? (r.value = null, r.valid = !0) : !me(e.type) && e.type !== "group" && e.type !== "repeater" && (r.value = null, r.valid = !un(e)), (e.type === "checkbox" || e.type === "dropDownMulti") && (r.value = []), e.type === "radio" && "options" in e.properties && e.properties.options.length > 0 && (r.value = e.properties.options[0].value), e.type === "toggleSwitch" && (r.value = !1), e.type === "colorPicker" && ((t = e.properties) != null && t.defaultValue) && (r.value = e.properties.defaultValue), e.type === "slider" && (r.value = "initValue" in e.properties ? e.properties.initValue : "min" in e.properties ? e.properties.min : 0), r;
+}, ae = (e, r, o) => {
+  var t;
+  for (const n of o.rules)
+    if (n.type === "matchesField" && ((t = n.params) != null && t.field)) {
+      const s = n.params.field;
+      e[s] || (e[s] = []), e[s].push({
+        target: r,
+        config: o
+      });
+    }
+}, Z = (e, r) => {
+  const o = e.screens[r];
+  return o ? !o.components.some((n) => {
+    var a;
+    const s = e.components[n.uuid];
+    if (!s) return !1;
+    if (s.type === "group" || s.type === "repeater")
+      return (a = s.addedComponents) == null ? void 0 : a.some(
+        (c) => c.some((d) => {
+          const l = d.conditions && "when" in d.conditions ? d.conditions : void 0;
+          return l && Q(l, e.conditionResults[d.uuid]) ? !1 : !d.valid;
+        })
+      );
+    const i = s.conditions && "when" in s.conditions ? s.conditions : void 0;
+    return Q(i, e.conditionResults[s.uuid]) ? !1 : s && "valid" in s && !s.valid;
+  }) : !0;
+};
+function pn(e) {
+  const r = {};
+  for (const o of e) {
+    const t = Ie(o.formula);
+    for (const n of t)
+      r[n] || (r[n] = []), r[n].includes(o.uuid) || r[n].push(o.uuid);
+  }
+  return r;
+}
+function qe(e) {
+  const r = new Map(e.map((i) => [i.uuid, i])), o = new Set(e.map((i) => i.uuid)), t = /* @__PURE__ */ new Set(), n = [];
+  function s(i, a) {
+    if (t.has(i) || a.has(i)) return;
+    a.add(i);
+    const c = r.get(i);
+    if (!c) return;
+    const d = Ie(c.formula);
+    for (const l of d)
+      o.has(l) && s(l, a);
+    a.delete(i), t.add(i), n.push(c);
+  }
+  for (const i of e)
+    s(i.uuid, /* @__PURE__ */ new Set());
+  return n;
+}
+function He(e, r) {
+  return {
+    resolveValue: (o) => {
+      if (o in r)
+        return r[o];
+      const t = q(e, o);
+      if (!t) return null;
+      const n = t.value;
+      if (n == null || n === "") return null;
+      const s = Number(n);
+      return isNaN(s) ? null : s;
+    },
+    resolveOptionMetadata: (o, t) => {
+      var l;
+      const n = q(e, o);
+      if (!n) return null;
+      const s = n.value;
+      if (!s) return null;
+      const i = (l = n.properties) == null ? void 0 : l.options;
+      if (!Array.isArray(i)) return null;
+      const a = i.find(
+        (u) => u.value === s || u.label === s
+      );
+      if (!(a != null && a.metadata)) return null;
+      const c = a.metadata[t];
+      if (c == null) return null;
+      const d = Number(c);
+      return isNaN(d) ? null : d;
+    },
+    resolveRepeaterValues: (o) => {
+      for (const t of Object.keys(e.components)) {
+        const n = e.components[t];
+        if (n.type !== "repeater" || !n.addedComponents || !n.components) continue;
+        const s = n.components.findIndex((a) => a.uuid === o);
+        if (s === -1) continue;
+        const i = [];
+        for (const a of n.addedComponents) {
+          const c = a[s];
+          if (!c) continue;
+          const d = c.value;
+          if (d == null || d === "") continue;
+          const l = Number(d);
+          isNaN(l) || i.push(l);
+        }
+        return i.length > 0 ? i : null;
+      }
+      return null;
+    }
+  };
+}
+function Se(e) {
+  const r = e.calculations ?? [];
+  if (r.length === 0) return {};
+  const o = qe(r), t = {}, n = He(e, t);
+  for (const s of o)
+    t[s.uuid] = ne(s.formula, n);
+  return t;
+}
+function be(e, r) {
+  const o = e.calculationsByDependency, t = e.calculations ?? [];
+  if (t.length === 0 || !o) return null;
+  const n = /* @__PURE__ */ new Set(), s = [r];
+  for (; s.length > 0; ) {
+    const l = s.shift(), u = o[l];
+    if (u)
+      for (const p of u)
+        n.has(p) || (n.add(p), s.push(p));
+  }
+  if (n.size === 0) return null;
+  const i = qe(t), a = { ...e.calculationResults }, c = He(e, a);
+  let d = !1;
+  for (const l of i)
+    if (n.has(l.uuid)) {
+      const u = ne(l.formula, c);
+      a[l.uuid] !== u && (a[l.uuid] = u, d = !0);
+    }
+  return d ? a : null;
+}
+function fn(e) {
+  const r = {}, o = (t) => {
+    var s;
+    if (t.type !== "computed" || !((s = t.properties) != null && s.formula)) return;
+    const n = Ie(t.properties.formula);
+    for (const i of n)
+      r[i] || (r[i] = []), r[i].includes(t.uuid) || r[i].push(t.uuid);
+  };
+  for (const t of Object.values(e))
+    if (o(t), (t.type === "repeater" || t.type === "group") && t.components)
+      for (const n of t.components)
+        o(n);
+  return r;
+}
+function We(e, r, o, t) {
+  var c, d;
+  const n = e.components[o], s = ((c = n == null ? void 0 : n.components) == null ? void 0 : c.map((l) => l.uuid)) ?? [], i = (d = n == null ? void 0 : n.addedComponents) == null ? void 0 : d[t], a = /* @__PURE__ */ new Map();
+  if (i)
+    for (let l = 0; l < i.length; l++) {
+      const u = s[l];
+      u && a.set(u, i[l]);
+    }
+  return {
+    resolveValue: (l) => {
+      if (l in r)
+        return r[l];
+      const u = a.get(l);
+      if (u) {
+        const g = u.value;
+        if (g == null || g === "") return null;
+        const h = Number(g);
+        return isNaN(h) ? null : h;
+      }
+      const p = q(e, l);
+      if (!p) return null;
+      const f = p.value;
+      if (f == null || f === "") return null;
+      const y = Number(f);
+      return isNaN(y) ? null : y;
+    },
+    resolveOptionMetadata: (l, u) => {
+      var w;
+      const f = a.get(l) ?? q(e, l);
+      if (!f) return null;
+      const y = f.value;
+      if (!y) return null;
+      const g = (w = f.properties) == null ? void 0 : w.options;
+      if (!Array.isArray(g)) return null;
+      const h = g.find(
+        (C) => C.value === y || C.label === y
+      );
+      if (!(h != null && h.metadata)) return null;
+      const v = h.metadata[u];
+      if (v == null) return null;
+      const b = Number(v);
+      return isNaN(b) ? null : b;
+    },
+    resolveRepeaterValues: (l) => {
+      for (const u of Object.keys(e.components)) {
+        const p = e.components[u];
+        if (p.type !== "repeater" || !p.addedComponents || !p.components) continue;
+        const f = p.components.findIndex((g) => g.uuid === l);
+        if (f === -1) continue;
+        const y = [];
+        for (const g of p.addedComponents) {
+          const h = g[f];
+          if (!h) continue;
+          const v = h.value;
+          if (v == null || v === "") continue;
+          const b = Number(v);
+          isNaN(b) || y.push(b);
+        }
+        return y.length > 0 ? y : null;
+      }
+      return null;
+    }
+  };
+}
+function ve(e, r) {
+  return {
+    resolveValue: (o) => {
+      if (o in r)
+        return r[o];
+      const t = q(e, o);
+      if (!t) return null;
+      const n = t.value;
+      if (n == null || n === "") return null;
+      const s = Number(n);
+      return isNaN(s) ? null : s;
+    },
+    resolveOptionMetadata: (o, t) => {
+      var l;
+      const n = q(e, o);
+      if (!n) return null;
+      const s = n.value;
+      if (!s) return null;
+      const i = (l = n.properties) == null ? void 0 : l.options;
+      if (!Array.isArray(i)) return null;
+      const a = i.find(
+        (u) => u.value === s || u.label === s
+      );
+      if (!(a != null && a.metadata)) return null;
+      const c = a.metadata[t];
+      if (c == null) return null;
+      const d = Number(c);
+      return isNaN(d) ? null : d;
+    },
+    resolveRepeaterValues: (o) => {
+      for (const t of Object.keys(e.components)) {
+        const n = e.components[t];
+        if (n.type !== "repeater" || !n.addedComponents || !n.components) continue;
+        const s = n.components.findIndex((a) => a.uuid === o);
+        if (s === -1) continue;
+        const i = [];
+        for (const a of n.addedComponents) {
+          const c = a[s];
+          if (!c) continue;
+          const d = c.value;
+          if (d == null || d === "") continue;
+          const l = Number(d);
+          isNaN(l) || i.push(l);
+        }
+        return i.length > 0 ? i : null;
+      }
+      return null;
+    }
+  };
+}
+function Re(e) {
+  var o, t;
+  const r = e.calculationResults ?? {};
+  for (const n of Object.values(e.components))
+    if (n.type === "computed" && ((o = n.properties) != null && o.formula)) {
+      const s = ve(e, r), i = ne(n.properties.formula, s);
+      n.value = i;
+    }
+  for (const n of Object.values(e.components))
+    if ((n.type === "repeater" || n.type === "group") && n.addedComponents && n.components)
+      for (let s = 0; s < n.addedComponents.length; s++) {
+        const i = n.addedComponents[s];
+        for (let a = 0; a < i.length; a++) {
+          const c = i[a], d = n.components[a];
+          if ((d == null ? void 0 : d.type) === "computed" && ((t = d.properties) != null && t.formula)) {
+            const l = n.type === "repeater" ? We(e, r, n.uuid, s) : ve(e, r), u = ne(d.properties.formula, l);
+            c.value = u;
+          }
+        }
+      }
+}
+function mn(e, r) {
+  var i, a;
+  const o = e.computedByDependency;
+  if (!o) return !1;
+  const t = o[r];
+  if (!t || t.length === 0) return !1;
+  const n = e.calculationResults ?? {};
+  let s = !1;
+  for (const c of t) {
+    const d = e.components[c];
+    if (d && d.type === "computed" && ((i = d.properties) != null && i.formula)) {
+      const l = ve(e, n), u = ne(d.properties.formula, l);
+      d.value !== u && (e.components[c] = { ...d, value: u }, s = !0);
+      continue;
+    }
+    for (const l of Object.values(e.components))
+      if ((l.type === "repeater" || l.type === "group") && l.components && l.addedComponents) {
+        const u = l.components.findIndex((f) => f.uuid === c);
+        if (u === -1) continue;
+        const p = l.components[u];
+        if ((p == null ? void 0 : p.type) !== "computed" || !((a = p.properties) != null && a.formula)) continue;
+        for (let f = 0; f < l.addedComponents.length; f++) {
+          const y = l.addedComponents[f][u];
+          if (!y) continue;
+          const g = l.type === "repeater" ? We(e, n, l.uuid, f) : ve(e, n), h = ne(p.properties.formula, g);
+          y.value !== h && (l.addedComponents[f][u] = { ...y, value: h }, s = !0);
+        }
+      }
+  }
+  return s;
+}
+const Xe = (e, r) => {
+  var o, t;
+  if (r.includes(":")) {
+    const n = r.split(":"), s = e[n[0]];
+    return (t = (o = s == null ? void 0 : s.addedComponents) == null ? void 0 : o[parseInt(n[1])]) == null ? void 0 : t[parseInt(n[2])];
+  }
+  return e[r];
+}, pe = (e, r) => {
+  for (const o of e.screenOrder)
+    if (e.screens[o].components.some((n) => n.uuid === r))
+      return o;
+  return null;
+}, vn = (e, r) => {
+  if (!r.includes(":")) return null;
+  const o = r.split(":");
+  if (o.length !== 3) return null;
+  const t = o[0], n = parseInt(o[2]), s = e.components[t];
+  if (!s || s.type !== "repeater" || !s.components) return null;
+  const i = s.components[n];
+  return (i == null ? void 0 : i.uuid) ?? null;
+}, Ae = (e, r, o, t, n) => {
+  const s = r(), i = s.groupComponentMap[o] ?? o, a = gn(e, r, i), c = {
+    components: s.components,
+    groupComponentMap: s.groupComponentMap
+  }, d = F(t, c);
+  t.valid = d.length === 0;
+  const l = {
+    ...s.validationErrors,
+    [o]: d
+  }, u = s.validationsByDependency[o];
+  if (u)
+    for (const w of u) {
+      const C = q(s, w.target);
+      if (C) {
+        const N = F(C, c);
+        C.valid = N.length === 0, l[w.target] = N;
+      }
+    }
+  const p = pe(s, n), f = {
+    components: { ...s.components },
+    validationErrors: l
+  };
+  if (a && (f.conditionResults = a), p) {
+    const w = { ...s, ...f };
+    f.screenValidity = {
+      ...s.screenValidity,
+      [p]: Z(w, p)
+    };
+  }
+  const y = { ...s, ...f }, g = o.includes(":") ? vn(y, o) : null, h = [], v = (w) => {
+    if (mn(y, w)) {
+      const C = y.computedByDependency[w] ?? [];
+      for (const N of C)
+        h.includes(N) || (h.push(N), v(N));
+    }
+  };
+  v(i), g && g !== i && v(g);
+  let b = be(y, i);
+  if (g && g !== i) {
+    const w = b ? { ...y, calculationResults: b } : y, C = be(w, g);
+    C && (b = C);
+  }
+  for (const w of h) {
+    const C = b ? { ...y, calculationResults: b } : y, N = be(C, w);
+    N && (b = N);
+  }
+  b && (f.calculationResults = b), e(f);
+}, hn = (e, r) => ({
+  updateComponentValue: (o, t) => {
+    var i, a;
+    const n = r();
+    if (o.includes(":")) {
+      const c = o.split(":"), d = c[0], l = parseInt(c[1]), u = parseInt(c[2]), p = n.components[d];
+      if (!((a = (i = p == null ? void 0 : p.addedComponents) == null ? void 0 : i[l]) != null && a[u])) return;
+      const f = p.addedComponents[l][u].value !== t;
+      if (p.addedComponents[l][u] = { ...p.addedComponents[l][u], value: t }, f) {
+        Ae(
+          e,
+          r,
+          o,
+          p.addedComponents[l][u],
+          d
+        );
+        return;
+      }
+      e({ components: { ...n.components } });
+      return;
+    }
+    const s = n.components[o];
+    if (s) {
+      if (s.type === "group" || s.type === "repeater") {
+        e({ components: { ...n.components } });
+        return;
+      }
+      t !== s.value && (s.value = t, Ae(e, r, o, s, o));
+    }
+  },
+  addGroupIteration: (o) => {
+    const t = r(), n = t.components[o];
+    if (!n || n.type !== "group" || !n.components)
+      return;
+    n.addedComponents || (n.addedComponents = []);
+    const s = { ...t.conditionsByDependency }, i = n.components.map((d, l) => {
+      const u = Y(d);
+      if (u.uuid = [o, n.addedComponents.length, l].join(
+        ":"
+      ), t.groupComponentMap[u.uuid] = d.uuid, u.conditions && Object.keys(u.conditions).length > 0) {
+        const f = "when" in u.conditions ? u.conditions : null;
+        f && (u.conditions = f, X(
+          s,
+          u.uuid,
+          f,
+          "component"
+        ));
+      }
+      const p = F(u);
+      return u.valid = p.length === 0, u;
+    });
+    n.addedComponents.push(i);
+    const a = pe(t, o), c = { ...t.screenValidity };
+    return a && (c[a] = Z(
+      {
+        ...t
+      },
+      a
+    )), e({
+      components: { ...t.components },
+      groupComponentMap: { ...t.groupComponentMap },
+      conditionsByDependency: s,
+      screenValidity: c
+    }), n.addedComponents;
+  },
+  addRepeaterIteration: (o) => {
+    const t = r(), n = t.components[o];
+    if (!n || n.type !== "repeater" || !n.components)
+      return;
+    n.addedComponents || (n.addedComponents = []);
+    const s = { ...t.conditionsByDependency }, i = n.components.map((u, p) => {
+      const f = Y(u);
+      if (f.uuid = [
+        o,
+        n.addedComponents.length,
+        p
+      ].join(":"), f.conditions && Object.keys(f.conditions).length > 0) {
+        const g = "when" in f.conditions ? f.conditions : null;
+        g && (f.conditions = g, X(
+          s,
+          f.uuid,
+          g,
+          "component"
+        ));
+      }
+      const y = F(f);
+      return f.valid = y.length === 0, f;
+    });
+    n.addedComponents.push(i);
+    const a = pe(t, o), c = { ...t.screenValidity };
+    a && (c[a] = Z(
+      {
+        ...t
+      },
+      a
+    ));
+    const d = {
+      ...t,
+      components: { ...t.components }
+    };
+    Re(d);
+    const l = Se(d);
+    return e({
+      components: { ...t.components },
+      conditionsByDependency: s,
+      screenValidity: c,
+      calculationResults: l
+    }), n.addedComponents;
+  },
+  removeRepeaterIteration: (o, t) => {
+    var g;
+    const n = r(), s = n.components[o];
+    if (!s || s.type !== "repeater" || !s.addedComponents)
+      return;
+    const i = ((g = s.properties) == null ? void 0 : g.minIterations) ?? 1;
+    if (s.addedComponents.length <= i) return;
+    const a = s.addedComponents[t], c = new Set(a.map((h) => h.uuid));
+    s.addedComponents.splice(t, 1);
+    const d = { ...n.conditionsByDependency }, l = { ...n.validationErrors };
+    for (const h of c)
+      delete l[h], delete d[h];
+    for (const h of Object.keys(d)) {
+      const v = d[h], b = v.filter((w) => !c.has(w.target));
+      b.length === 0 ? delete d[h] : b.length !== v.length && (d[h] = b);
+    }
+    for (let h = t; h < s.addedComponents.length; h++)
+      s.addedComponents[h].forEach((v, b) => {
+        const w = v.uuid, C = [o, h, b].join(":");
+        if (w !== C) {
+          v.uuid = C, w in l && (l[C] = l[w], delete l[w]), w in d && (d[C] = d[w], delete d[w]);
+          for (const N of Object.values(d))
+            for (const T of N)
+              T.target === w && (T.target = C);
+        }
+      });
+    const u = pe(n, o), p = { ...n.screenValidity };
+    u && (p[u] = Z(
+      {
+        ...n
+      },
+      u
+    ));
+    const f = {
+      ...n,
+      components: { ...n.components }
+    };
+    Re(f);
+    const y = Se(f);
+    e({
+      components: { ...n.components },
+      conditionsByDependency: d,
+      validationErrors: l,
+      screenValidity: p,
+      calculationResults: y
+    });
+  }
+}), q = (e, r) => Xe(e.components, r), X = (e, r, o, t) => {
+  const n = /* @__PURE__ */ new Set();
+  for (const i of o.when.rules)
+    n.add(i.source);
+  const s = { target: r, type: t, config: o };
+  for (const i of n)
+    e[i] || (e[i] = []), e[i].push(s);
+}, yn = (e, r) => {
+  var o, t;
+  return r.includes(":") ? (o = q(e, r)) == null ? void 0 : o.value : (t = e.components[r]) == null ? void 0 : t.value;
+}, te = (e, r) => rn(r, (o, t) => (t == null ? void 0 : t.sourceType) === "context" ? e.externalContext[t.source] : yn(e, o)), gn = (e, r, o) => {
+  const t = r(), n = t.conditionsByDependency[o];
+  if (!n || n.length === 0) return null;
+  let s = !1;
+  const i = { ...t.conditionResults };
+  for (const a of n) {
+    const c = te(t, a.config);
+    i[a.target] !== c && (i[a.target] = c, s = !0);
+  }
+  return s ? i : null;
+}, bn = (e) => {
+  const r = {}, o = /* @__PURE__ */ new Set();
+  for (const t of Object.values(e.conditionsByDependency))
+    for (const n of t)
+      o.has(n.target) || (o.add(n.target), r[n.target] = te(e, n.config));
+  return r;
+}, Ce = (e) => {
+  if (!e || me(e.type)) return null;
+  const r = "label" in e.properties ? e.properties.label : "", o = {
+    uuid: e.uuid,
+    type: e.type,
+    value: e.value
+  };
+  return r && (o.label = r), o;
+}, je = (e) => {
+  if (e.conditions && "when" in e.conditions)
+    return e.conditions;
+}, Cn = (e) => {
+  const r = {
+    uuid: e.flowUUID,
+    metadata: e.metadata,
+    screens: []
+  }, o = (t) => {
+    const n = e.screens[t];
+    if (!n) return !1;
+    const s = n.conditions && "when" in n.conditions ? n.conditions : void 0;
+    return Q(s, e.conditionResults[t]);
+  };
+  return r.screens = e.screenOrder.filter((t) => !o(t)).map((t) => {
+    const n = e.screens[t], s = {
+      uuid: t,
+      components: n.components.map((i) => {
+        const a = e.components[i.uuid];
+        if (!a) return null;
+        const c = je(a);
+        if (Q(c, e.conditionResults[i.uuid]))
+          return null;
+        if ((a.type === "group" || a.type === "repeater") && a.addedComponents) {
+          const d = Ce(a);
+          return d ? {
+            ...d,
+            components: a.addedComponents.map(
+              (l) => l.filter((u) => {
+                const p = je(u);
+                return !Q(
+                  p,
+                  e.conditionResults[u.uuid]
+                );
+              }).map((u) => Ce(u)).filter((u) => u !== null)
+            )
+          } : null;
+        }
+        return Ce(a);
+      }).filter((i) => i !== null)
+    };
+    return n.label && (s.label = n.label), s;
+  }), r;
+}, ye = Je(
+  null
+);
+function L(e) {
+  const r = xe(ye);
+  if (!r)
+    throw new Error("useFBREStore must be used within an FBRE provider");
+  return W(r, e);
+}
+const Ke = () => {
+  const e = xe(ye);
+  if (!e)
+    throw new Error("useFBREStoreApi must be used within an FBRE provider");
+  return e;
+}, le = (e) => !e || Object.keys(e).length === 0 ? null : "when" in e ? e : null, wn = [], Sn = () => Ye((e, r) => ({
+  // Identity
+  flowUUID: "",
+  metadata: {},
+  config: {},
+  externalContext: {},
+  // Screens
+  screenOrder: [],
+  screens: {},
+  screenValidity: {},
+  // Components
+  components: {},
+  groupComponentMap: {},
+  templateComponentMap: {},
+  // Conditions
+  conditionsByDependency: {},
+  conditionResults: {},
+  // Validation
+  validationErrors: {},
+  validationsByDependency: {},
+  // Calculations
+  calculations: [],
+  calculationResults: {},
+  calculationsByDependency: {},
+  // Computed components
+  computedByDependency: {},
+  // Actions
+  loadFlow: (o, t, n) => {
+    var T;
+    const s = {}, i = [], a = {}, c = {}, d = {}, l = {}, u = {}, p = {}, f = {};
+    o.screens.forEach((x) => {
+      const M = le(x.conditions), U = M ? { ...x, conditions: M } : { ...x };
+      s[x.uuid] = U, i.push(x.uuid), M && X(
+        l,
+        x.uuid,
+        M,
+        "screen"
+      ), x.components.forEach((S) => {
+        var V;
+        const D = le(S.conditions), B = Y(S);
+        if (D && (B.conditions = D), a[S.uuid] = B, D && X(
+          l,
+          S.uuid,
+          D,
+          "component"
+        ), (V = B.properties) != null && V.validation && ae(
+          u,
+          S.uuid,
+          B.properties.validation
+        ), (S.type === "group" || S.type === "repeater") && S.components) {
+          const $ = a[S.uuid];
+          $.addedComponents || ($.addedComponents = []);
+          const J = S.properties ?? {}, R = S.type === "repeater" ? J.initialData : void 0, E = S.type === "repeater" ? J.minIterations : void 0, _ = R ? R.length : S.type === "repeater" && E && E > 1 ? E : 1;
+          for (let O = 0; O < _; O++) {
+            const ee = S.components.map((H, ge) => {
+              var ie;
+              const A = Y(H);
+              A.uuid = [
+                S.uuid,
+                $.addedComponents.length,
+                ge
+              ].join(":"), R && R[O] && H.uuid in R[O] && (A.value = R[O][H.uuid]), S.type === "group" && (c[A.uuid] = H.uuid), O === 0 && (d[H.uuid] = A.uuid);
+              const re = le(A.conditions);
+              re && (A.conditions = re, X(
+                l,
+                A.uuid,
+                re,
+                "component"
+              )), (ie = A.properties) != null && ie.validation && ae(
+                u,
+                A.uuid,
+                A.properties.validation
+              );
+              const se = F(A);
+              return A.valid = se.length === 0, se.length > 0 && (p[A.uuid] = se), A;
+            });
+            $.addedComponents.push(ee);
+          }
+        }
+      });
+    }), t && t.screens.forEach((x) => {
+      const M = i.indexOf(x.uuid);
+      M < 0 || x.components.forEach((U) => {
+        const S = a[U.uuid];
+        if (S)
+          if ((S.type === "group" || S.type === "repeater") && U.components && S.addedComponents) {
+            if (U.components.length > 1) {
+              const D = S.addedComponents.length, B = U.components.length - D, G = o.screens[M].components.find(
+                (V) => V.uuid === S.uuid
+              );
+              for (let V = 0; V < B; V++)
+                if (G != null && G.components) {
+                  const $ = G.components.map(
+                    (J, R) => {
+                      var ee;
+                      const E = Y(J);
+                      E.uuid = [
+                        S.uuid,
+                        S.addedComponents.length,
+                        R
+                      ].join(":"), S.type === "group" && (c[E.uuid] = J.uuid), d[J.uuid] || (d[J.uuid] = E.uuid);
+                      const _ = le(
+                        E.conditions
+                      );
+                      _ && (E.conditions = _, X(
+                        l,
+                        E.uuid,
+                        _,
+                        "component"
+                      )), (ee = E.properties) != null && ee.validation && ae(
+                        u,
+                        E.uuid,
+                        E.properties.validation
+                      );
+                      const O = F(E);
+                      return E.valid = O.length === 0, O.length > 0 && (p[E.uuid] = O), E;
+                    }
+                  );
+                  S.addedComponents.push($);
+                }
+            }
+            U.components.forEach((D) => {
+              D.forEach((B) => {
+                for (const G of S.addedComponents) {
+                  const V = G.find(($) => $.uuid === B.uuid);
+                  if (V) {
+                    V.value = B.value;
+                    const $ = F(V);
+                    V.valid = $.length === 0, p[V.uuid] = $;
+                    break;
+                  }
+                }
+              });
+            });
+          } else {
+            S.value = U.value;
+            const D = F(S);
+            S.valid = D.length === 0, p[S.uuid] = D;
+          }
+      });
+    });
+    for (const x of Object.keys(a)) {
+      const M = a[x];
+      if (!(M.type === "group" || M.type === "repeater" || !((T = M.properties) != null && T.validation)) && !(x in p)) {
+        const U = F(M);
+        M.valid = U.length === 0, U.length > 0 && (p[x] = U);
+      }
+    }
+    const y = {
+      ...r(),
+      externalContext: n ?? {},
+      screens: s,
+      screenOrder: i,
+      components: a,
+      groupComponentMap: c,
+      templateComponentMap: d,
+      conditionsByDependency: l,
+      conditionResults: {},
+      validationErrors: p,
+      validationsByDependency: u
+    }, g = bn(y);
+    y.conditionResults = g, i.forEach((x) => {
+      f[x] = Z(y, x);
+    });
+    const h = fn(a), v = {
+      ...y,
+      computedByDependency: h,
+      calculationResults: {},
+      screenValidity: f
+    };
+    Re(v);
+    const b = o.calculations ?? [], w = pn(b), C = {
+      ...v,
+      calculations: b
+    }, N = Se(C);
+    e({
+      flowUUID: o.uuid,
+      metadata: o.metadata,
+      config: o.config ?? {},
+      externalContext: n ?? {},
+      screens: s,
+      screenOrder: i,
+      components: a,
+      groupComponentMap: c,
+      templateComponentMap: d,
+      conditionsByDependency: l,
+      conditionResults: g,
+      screenValidity: f,
+      validationErrors: p,
+      validationsByDependency: u,
+      calculations: b,
+      calculationResults: N,
+      calculationsByDependency: w,
+      computedByDependency: h
+    });
+  },
+  updateContext: (o) => {
+    const t = r(), n = t.externalContext, s = [];
+    for (const d of Object.keys(o))
+      n[d] !== o[d] && s.push(d);
+    for (const d of Object.keys(n))
+      !(d in o) && !s.includes(d) && s.push(d);
+    if (s.length === 0) return;
+    const i = { ...t.conditionResults };
+    let a = !1;
+    const c = /* @__PURE__ */ new Set();
+    for (const d of s) {
+      const l = t.conditionsByDependency[d];
+      if (!(!l || l.length === 0))
+        for (const u of l) {
+          if (c.has(u.target)) continue;
+          c.add(u.target);
+          const p = { ...t, externalContext: o }, f = te(p, u.config);
+          i[u.target] !== f && (i[u.target] = f, a = !0);
+        }
+    }
+    if (a) {
+      const d = { ...t, conditionResults: i }, l = {};
+      for (const u of t.screenOrder)
+        l[u] = Z(d, u);
+      e({ externalContext: o, conditionResults: i, screenValidity: l });
+    } else
+      e({ externalContext: o });
+  },
+  ...hn(e, r),
+  getFlowData: () => Cn(r()),
+  getScreenByIndex: (o) => {
+    const t = r();
+    return o < 0 || o >= t.screenOrder.length ? null : t.screens[t.screenOrder[o]];
+  },
+  getScreenValidity: (o) => {
+    const t = r();
+    return o < 0 || o >= t.screenOrder.length ? !0 : t.screenValidity[t.screenOrder[o]] ?? !0;
+  },
+  getValidationErrors: (o) => r().validationErrors[o] ?? wn,
+  evaluateFlowValidation: () => {
+    const o = r(), t = {};
+    let n = !0;
+    return o.screenOrder.forEach((s) => {
+      const i = Z(o, s);
+      t[s] = i, i || (n = !1);
+    }), e({ screenValidity: t }), n;
+  },
+  getMaxScreenCount: () => r().screenOrder.length - 1,
+  getCalculationResult: (o) => r().calculationResults[o] ?? null
+})), Rn = ({ uuid: e }) => {
+  var a;
+  const r = L((c) => c.components[e]), o = L((c) => c.conditionResults[e]);
+  if (!r) return null;
+  const t = r.conditions && "when" in r.conditions ? r.conditions : void 0;
+  if (Q(t, o)) return null;
+  const n = an(r.type);
+  if (!n)
+    return console.warn(`FBRE: No renderer for component type "${r.type}"`), null;
+  const s = (a = r.properties) == null ? void 0 : a.width, i = s && s !== "full" ? `fbre-component fbre-width-${s}` : "fbre-component";
+  return /* @__PURE__ */ m("div", { className: i, "data-uuid": e, children: /* @__PURE__ */ m(n, { uuid: e }) });
+}, Ne = ({ screenIndex: e }) => {
+  const r = L((o) => {
+    const t = o.screenOrder[e];
+    return t ? o.screens[t] : null;
+  });
+  return r ? /* @__PURE__ */ m("div", { className: "fbre-screen", children: r.components.map((o) => /* @__PURE__ */ m(Rn, { uuid: o.uuid }, o.uuid)) }) : null;
+}, Le = ({ size: e = 14 }) => /* @__PURE__ */ m(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ m("polyline", { points: "4,12 9.5,17.5 20,7" })
+  }
+), Nn = ({ size: e = 12 }) => /* @__PURE__ */ m("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ m("path", { d: "M7 10l5 5 5-5z" }) }), xn = ({ size: e = 16 }) => /* @__PURE__ */ m("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ m("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }) }), En = ({ size: e = 16 }) => /* @__PURE__ */ m("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ m("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }) }), $e = ({
+  position: e,
+  screenIndex: r,
+  maxScreenIndex: o,
+  allowInvalidTransition: t,
+  screenValidity: n,
+  summaryEnabled: s,
+  summaryActive: i,
+  atMaxScreen: a,
+  nextButtonLabel: c,
+  backButtonLabel: d,
+  completionLoading: l,
+  nextScreen: u,
+  prevScreen: p,
+  onFlowComplete: f
+}) => {
+  const y = l ?? !1;
+  if (e === "back")
+    return /* @__PURE__ */ k(
+      "button",
+      {
+        type: "button",
+        className: "fbre-btn fbre-btn--secondary",
+        disabled: r === 0 && !i || y,
+        onClick: p,
+        children: [
+          /* @__PURE__ */ m(xn, {}),
+          d || "Back"
+        ]
+      }
+    );
+  const g = s ? a && i : a, h = s ? a ? i ? "Done" : "Review" : "Next" : a ? "Done" : "Next";
+  return o === 0 ? /* @__PURE__ */ k(
+    "button",
+    {
+      type: "button",
+      className: "fbre-btn fbre-btn--primary",
+      disabled: y || !n,
+      onClick: () => {
+        s && !i ? u() : f();
+      },
+      children: [
+        c || (s ? i ? "Complete" : "Review" : "Complete"),
+        y ? /* @__PURE__ */ m("span", { className: "fbre-btn__spinner" }) : /* @__PURE__ */ m(Le, { size: 16 })
+      ]
+    }
+  ) : /* @__PURE__ */ k(
+    "button",
+    {
+      type: "button",
+      className: "fbre-btn fbre-btn--primary",
+      disabled: y || !t && !n || h === "Done" && !n,
+      onClick: () => {
+        g ? f() : u();
+      },
+      children: [
+        c || h,
+        y ? /* @__PURE__ */ m("span", { className: "fbre-btn__spinner" }) : g ? /* @__PURE__ */ m(Le, { size: 16 }) : /* @__PURE__ */ m(En, {})
+      ]
+    }
+  );
+}, In = ({ current: e, total: r }) => {
+  if (r <= 1) return null;
+  const o = (e + 1) / r * 100;
+  return r <= 6 ? /* @__PURE__ */ m("div", { className: "fbre-stepper fbre-stepper--dots", children: Array.from({ length: r }, (t, n) => /* @__PURE__ */ m(
+    "div",
+    {
+      className: `fbre-stepper__dot${n === e ? " active" : n < e ? " completed" : ""}`
+    },
+    n
+  )) }) : /* @__PURE__ */ m("div", { className: "fbre-stepper fbre-stepper--bar", children: /* @__PURE__ */ m(
+    "div",
+    {
+      className: "fbre-stepper__fill",
+      style: { width: `${o}%` }
+    }
+  ) });
+}, Dn = ({ current: e, total: r }) => r <= 1 ? null : /* @__PURE__ */ k("div", { className: "fbre-stepper-text", children: [
+  "Step ",
+  e + 1,
+  " of ",
+  r
+] }), Bn = (e) => {
+  const r = e.controlsLayout === "stacked", o = e.showStepper !== !1 && (e.stepperStyle ?? "default") === "default";
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: r ? "fbre-controls fbre-controls--stacked" : "fbre-controls",
+      children: [
+        e.screenIndex > 0 || e.summaryActive ? /* @__PURE__ */ m($e, { position: "back", ...e }) : /* @__PURE__ */ m("div", {}),
+        o && e.maxScreenIndex > 0 && /* @__PURE__ */ m(In, { current: e.screenIndex, total: e.maxScreenIndex + 1 }),
+        /* @__PURE__ */ m($e, { position: "next", ...e })
+      ]
+    }
+  );
+}, Qe = ({
+  component: e
+}) => {
+  const { uuid: r, label: o, type: t, value: n, components: s } = e, i = () => {
+    if (n != null)
+      switch (t) {
+        case "fileUpload":
+          return n.name;
+        case "inputText":
+        case "inputTextArea":
+        case "inputNumber":
+        case "dropDown":
+        case "radio":
+        case "rating":
+        case "slider":
+          return n.toString();
+        case "computed":
+          return typeof n == "number" ? n.toString() : "—";
+        case "toggleSwitch":
+          return n ? "Yes" : "No";
+        case "checkbox":
+        case "dropDownMulti":
+          return n.length === 0 ? "No options selected" : n.join(", ");
+      }
+    return "No response given";
+  };
+  if (t === "signature" && n) {
+    const d = typeof n == "string" && n.startsWith("data:");
+    return /* @__PURE__ */ k("div", { className: "fbre-summary__item", children: [
+      /* @__PURE__ */ m("div", { className: "fbre-summary__item-label", children: o }),
+      /* @__PURE__ */ m("div", { className: "fbre-summary__item-value", children: d ? /* @__PURE__ */ m(
+        "img",
+        {
+          src: n,
+          alt: "Signature",
+          style: { maxWidth: "100%", maxHeight: 80 }
+        }
+      ) : /* @__PURE__ */ m("span", { style: { fontFamily: '"Brush Script MT", "Segoe Script", "Dancing Script", cursive', fontSize: 24 }, children: n }) })
+    ] });
+  }
+  const a = () => s ? s.map((d, l) => /* @__PURE__ */ m("div", { children: d.map((u) => /* @__PURE__ */ m(Qe, { component: u }, u.uuid)) }, `${r}-${l}`)) : null, c = n == null || typeof n == "string" && n.length === 0 || Array.isArray(n) && n.length === 0;
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: `fbre-summary__item${t === "group" || t === "repeater" ? " fbre-summary__item--group" : ""}`,
+      children: [
+        /* @__PURE__ */ m("div", { className: "fbre-summary__item-label", children: o }),
+        t !== "group" && t !== "repeater" && /* @__PURE__ */ m(
+          "div",
+          {
+            className: `fbre-summary__item-value${c ? " fbre-summary__item-value--empty" : ""}`,
+            children: i()
+          }
+        ),
+        (t === "group" || t === "repeater") && a()
+      ]
+    }
+  );
+}, Vn = /\$\{([^}]+)\}/g, On = (e, r) => e.replace(Vn, (o, t) => {
+  const n = r.resolveCalculation(t);
+  if (n !== null) return n;
+  const s = r.resolveComponentValue(t);
+  return s !== null ? s : "";
+});
+function kn() {
+  const e = L((n) => n.components), r = L((n) => n.templateComponentMap), o = L((n) => n.calculations), t = L((n) => n.calculationResults);
+  return Ee(() => {
+    const n = new Map(o.map((i) => [i.uuid, i])), s = (i) => {
+      var u, p;
+      const a = e[i];
+      if (a) return a;
+      const c = r[i];
+      if (!c) return;
+      const d = c.split(":"), l = e[d[0]];
+      return (p = (u = l == null ? void 0 : l.addedComponents) == null ? void 0 : u[parseInt(d[1])]) == null ? void 0 : p[parseInt(d[2])];
+    };
+    return {
+      resolveComponentValue: (i) => {
+        const a = s(i);
+        if (!a) return null;
+        const c = a.value;
+        return c == null || c === "" ? null : Array.isArray(c) ? c.join(", ") : String(c);
+      },
+      resolveCalculation: (i) => {
+        const a = n.get(i);
+        if (!a) return null;
+        const c = t[i] ?? null;
+        return sn(
+          c,
+          a.format,
+          a.decimalPlaces,
+          a.currencySymbol
+        );
+      }
+    };
+  }, [e, r, o, t]);
+}
+const Mn = ({ screen: e, showToggle: r }) => {
+  const o = kn(), [t, n] = P(!0);
+  return /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ k(
+      "div",
+      {
+        className: "fbre-summary__screen-header",
+        onClick: () => r && n(!t),
+        children: [
+          e.label && /* @__PURE__ */ m("span", { className: "fbre-summary__screen-label", children: On(e.label, o) }),
+          r && /* @__PURE__ */ m(
+            "span",
+            {
+              className: `fbre-summary__screen-toggle${t ? "" : " collapsed"}`,
+              children: /* @__PURE__ */ m(Nn, { size: 20 })
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: `fbre-summary__screen-body${t ? "" : " collapsed"}`,
+        children: e.components.map((s) => /* @__PURE__ */ m(Qe, { component: s }, s.uuid))
+      }
+    )
+  ] });
+}, Pe = () => {
+  const e = Ke(), r = L((n) => n.components), o = Ee(
+    () => e.getState().getFlowData(),
+    [e, r]
+  ), t = o.screens.length;
+  return /* @__PURE__ */ k("div", { className: "fbre-summary", children: [
+    /* @__PURE__ */ m("h2", { className: "fbre-summary__title", children: "Review" }),
+    /* @__PURE__ */ m("div", { className: "fbre-summary__body", children: o.screens.map((n) => /* @__PURE__ */ m(
+      Mn,
+      {
+        screen: n,
+        showToggle: t > 1
+      },
+      n.uuid
+    )) })
+  ] });
+}, Ze = (e, r, o) => r ? !Q(r, o[e]) : !0, Ge = (e, r) => {
+  const o = e.screenOrder.length - 1;
+  let t = r + 1;
+  for (; t <= o; ) {
+    const n = e.screenOrder[t], s = e.screens[n], i = s != null && s.conditions && "when" in s.conditions ? s.conditions : void 0;
+    if (Ze(n, i, e.conditionResults)) return t;
+    t++;
+  }
+  return null;
+}, _n = (e, r) => {
+  let o = r - 1;
+  for (; o >= 0; ) {
+    const t = e.screenOrder[o], n = e.screens[t], s = n != null && n.conditions && "when" in n.conditions ? n.conditions : void 0;
+    if (Ze(t, s, e.conditionResults)) return o;
+    o--;
+  }
+  return 0;
+}, fe = /* @__PURE__ */ new Map(), rt = (e, r) => {
+  fe.has(e) || fe.set(e, /* @__PURE__ */ new Set()), fe.get(e).add(r);
+}, st = (e, r) => {
+  var o;
+  (o = fe.get(e)) == null || o.delete(r);
+}, en = Je(null);
+function it() {
+  return xe(en);
+}
+class he extends Error {
+  constructor(r, o, t, n) {
+    super(r), this.name = "ApiError", this.status = o, this.code = t, this.validationErrors = n;
+  }
+}
+class Tn extends he {
+  constructor(r, o) {
+    super(`Request timed out after ${o}ms: ${r}`, 0, "TIMEOUT"), this.name = "TimeoutError";
+  }
+}
+const Un = /* @__PURE__ */ new Set([502, 503, 504]), de = 2, Fn = [500, 1500];
+function An(e) {
+  return new Promise((r) => setTimeout(r, e));
+}
+async function oe(e, r, o = {}) {
+  const n = `${e.apiEndpoint || ""}${r}`, s = e.timeout ?? 3e4, i = {
+    ...o.body ? { "Content-Type": "application/json" } : {},
+    ...o.headers
+  };
+  e.apiKey && (i.Authorization = `Bearer ${e.apiKey}`);
+  let a;
+  for (let c = 0; c <= de; c++) {
+    c > 0 && await An(Fn[c - 1]);
+    try {
+      const d = new AbortController(), l = setTimeout(() => d.abort(), s);
+      let u;
+      try {
+        u = await fetch(n, {
+          ...o,
+          headers: i,
+          signal: d.signal
+        });
+      } finally {
+        clearTimeout(l);
+      }
+      if (!u.ok) {
+        const p = await u.json().catch(() => ({})), f = new he(
+          p.error || `HTTP ${u.status}`,
+          u.status,
+          p.code,
+          p.validationErrors
+        );
+        if (c < de && Un.has(u.status)) {
+          a = f;
+          continue;
+        }
+        throw f;
+      }
+      return u.json();
+    } catch (d) {
+      if (d instanceof he)
+        throw d;
+      if (d instanceof DOMException && d.name === "AbortError") {
+        const l = new Tn(n, s);
+        if (c < de) {
+          a = l;
+          continue;
+        }
+        throw l;
+      }
+      if (d instanceof TypeError && c < de) {
+        a = d;
+        continue;
+      }
+      throw d;
+    }
+  }
+  throw a;
+}
+async function jn(e, r) {
+  return oe(e, `/api/v1/public/flows/${r}`);
+}
+async function Ln(e, r, o) {
+  const t = { flowId: r };
+  return o && Object.keys(o).length > 0 && (t.context = o), oe(e, "/api/v1/public/sessions", {
+    method: "POST",
+    body: JSON.stringify(t)
+  });
+}
+async function $n(e, r, o) {
+  return oe(
+    e,
+    `/api/v1/public/sessions/${r}/next`,
+    {
+      method: "POST",
+      body: JSON.stringify({ data: o })
+    }
+  );
+}
+async function Pn(e, r, o) {
+  return oe(
+    e,
+    `/api/v1/public/sessions/${r}/prev`,
+    {
+      method: "POST",
+      body: JSON.stringify({ data: o })
+    }
+  );
+}
+async function Gn(e, r, o) {
+  return oe(
+    e,
+    `/api/v1/public/sessions/${r}/complete`,
+    {
+      method: "POST",
+      body: JSON.stringify({ data: o })
+    }
+  );
+}
+async function zn(e, r) {
+  return oe(
+    e,
+    `/api/v1/public/sessions/${r}`
+  );
+}
+const Jn = ({
+  screenIndex: e,
+  onFlowComplete: r,
+  onScreenChange: o
+}) => {
+  var ie, De, Be, Ve, Oe, ke, Me, _e, Te, Ue, Fe;
+  const t = L((I) => I.config), n = L((I) => I.screenOrder.length), s = L((I) => Object.keys(I.components).length > 0), i = Ke(), a = Math.max(
+    0,
+    Math.min(e, n - 1)
+  ), [c, d] = P(a), [l, u] = P(
+    !!(t != null && t.summary && e >= n)
+  ), p = ((ie = t == null ? void 0 : t.navigation) == null ? void 0 : ie.transition) ?? "none", f = p !== "none", [y, g] = P(null), [h, v] = P(!1), [b, w] = P("forward"), [C, N] = P(!1), T = ce(null);
+  K(() => {
+    const I = Math.max(0, Math.min(e, n - 1));
+    d(I);
+  }, [e]);
+  const x = L((I) => I.screenOrder[c]), M = L(
+    (I) => x ? I.screenValidity[x] ?? !0 : !0
+  ), U = L(
+    (I) => {
+      var j;
+      return x ? (j = I.screens[x]) == null ? void 0 : j.nextButtonLabel : void 0;
+    }
+  ), S = L(
+    (I) => {
+      var j;
+      return x ? (j = I.screens[x]) == null ? void 0 : j.backButtonLabel : void 0;
+    }
+  ), D = z(
+    (I) => {
+      o && o(I, i.getState().getFlowData());
+    },
+    [o, i]
+  ), B = z(
+    (I) => {
+      g(c), v(l), w(I), N(!0), T.current && (T.current.scrollTop = 0);
+    },
+    [c, l]
+  ), G = z(() => {
+    N(!1), g(null);
+  }, []), V = z(() => {
+    if (!C)
+      if (l)
+        f && B("back"), u(!1), D(c);
+      else {
+        const I = i.getState(), j = _n(I, c);
+        j !== c && (f && B("back"), d(j), D(j));
+      }
+  }, [
+    C,
+    l,
+    c,
+    f,
+    B,
+    D,
+    i
+  ]), $ = z(() => {
+    if (C) return;
+    const I = i.getState(), j = Ge(I, c);
+    j !== null ? (f && B("forward"), d(j), D(j)) : t != null && t.summary && (f && B("forward"), u(!0), D(c + 1));
+  }, [
+    C,
+    c,
+    t,
+    f,
+    B,
+    D,
+    i
+  ]), [J, R] = P(!1), [E, _] = P(null), O = z(() => {
+    _(null);
+    const I = r(i.getState().getFlowData());
+    I && typeof I.then == "function" && (R(!0), I.then(() => {
+      R(!1);
+    }).catch((j) => {
+      R(!1), _(j instanceof Error ? j.message : String(j));
+    }));
+  }, [r, i]), ee = L((I) => Ge(I, c) === null), H = ((De = t == null ? void 0 : t.theme) == null ? void 0 : De.darkMode) ?? !1, ge = ((Be = t == null ? void 0 : t.controls) == null ? void 0 : Be.showStepper) !== !1 && ((Ve = t == null ? void 0 : t.controls) == null ? void 0 : Ve.stepperStyle) === "text", A = {};
+  (Oe = t == null ? void 0 : t.theme) != null && Oe.color && (A["--fbre-theme-color"] = t.theme.color);
+  const re = () => h ? /* @__PURE__ */ m(Pe, {}) : y !== null ? /* @__PURE__ */ m(Ne, { screenIndex: y }) : null, se = C ? "fbre-screen-wrapper fbre-screen-wrapper--transitioning" : "fbre-screen-wrapper";
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: "fbre-container",
+      "data-style": ((ke = t == null ? void 0 : t.theme) == null ? void 0 : ke.style) ?? "clean",
+      "data-mode": H ? "dark" : "light",
+      "data-transition": f ? p : void 0,
+      style: Object.keys(A).length > 0 ? A : void 0,
+      children: [
+        ge && /* @__PURE__ */ m(Dn, { current: c, total: n }),
+        /* @__PURE__ */ k("div", { className: se, ref: T, children: [
+          C && /* @__PURE__ */ m(
+            "div",
+            {
+              className: "fbre-screen--exiting",
+              "data-direction": b,
+              onAnimationEnd: G,
+              children: re()
+            }
+          ),
+          /* @__PURE__ */ k(
+            "div",
+            {
+              className: C ? "fbre-screen--entering" : void 0,
+              "data-direction": C ? b : void 0,
+              children: [
+                !l && /* @__PURE__ */ m(Ne, { screenIndex: c }),
+                l && /* @__PURE__ */ m(Pe, {})
+              ]
+            }
+          )
+        ] }),
+        E && /* @__PURE__ */ m("div", { className: "fbre-completion-error", children: E }),
+        ((Me = t == null ? void 0 : t.controls) == null ? void 0 : Me.show) !== !1 && s && /* @__PURE__ */ m(
+          Bn,
+          {
+            screenIndex: c,
+            maxScreenIndex: n - 1,
+            allowInvalidTransition: (_e = t == null ? void 0 : t.navigation) == null ? void 0 : _e.allowInvalidTransition,
+            screenValidity: M,
+            summaryEnabled: (t == null ? void 0 : t.summary) ?? !1,
+            summaryActive: l,
+            atMaxScreen: ee,
+            nextButtonLabel: U,
+            backButtonLabel: S,
+            completionLoading: J,
+            showStepper: (Te = t == null ? void 0 : t.controls) == null ? void 0 : Te.showStepper,
+            stepperStyle: (Ue = t == null ? void 0 : t.controls) == null ? void 0 : Ue.stepperStyle,
+            controlsLayout: (Fe = t == null ? void 0 : t.controls) == null ? void 0 : Fe.layout,
+            nextScreen: $,
+            prevScreen: V,
+            onFlowComplete: O
+          }
+        )
+      ]
+    }
+  );
+}, Yn = [], qn = () => Ye((e, r) => ({
+  // Identity (minimal — server drives the flow)
+  flowUUID: "",
+  metadata: {},
+  config: {},
+  externalContext: {},
+  // Screens (single screen at a time)
+  screenOrder: [],
+  screens: {},
+  screenValidity: {},
+  // Components
+  components: {},
+  groupComponentMap: {},
+  templateComponentMap: {},
+  // Conditions (intra-screen only)
+  conditionsByDependency: {},
+  conditionResults: {},
+  // Validation
+  validationErrors: {},
+  validationsByDependency: {},
+  // Calculations (not used in server-driven mode yet)
+  calculations: [],
+  calculationResults: {},
+  calculationsByDependency: {},
+  // Computed components
+  computedByDependency: {},
+  // Server-driven specific
+  sessionId: "",
+  navigation: {
+    canGoBack: !1,
+    canGoForward: !1,
+    screenNumber: 1,
+    totalScreens: 1,
+    progress: 0,
+    isLastScreen: !0
+  },
+  loading: !1,
+  error: "",
+  // Actions
+  clearError: () => {
+    e({ error: "" });
+  },
+  /**
+   * loadFlow is repurposed to load a server screen payload.
+   * Not used directly — use loadScreen() pattern via set() instead.
+   */
+  loadFlow: () => {
+  },
+  updateContext: (o) => {
+    e({ externalContext: o });
+  },
+  updateComponentValue: (o, t) => {
+    var p, f;
+    const n = r();
+    if (o.includes(":")) {
+      const y = o.split(":"), g = y[0], h = parseInt(y[1]), v = parseInt(y[2]), b = n.components[g];
+      if (!((f = (p = b == null ? void 0 : b.addedComponents) == null ? void 0 : p[h]) != null && f[v])) return;
+      b.addedComponents[h][v] = { ...b.addedComponents[h][v], value: t };
+      const w = n.groupComponentMap[o] ?? o, C = n.conditionsByDependency[w];
+      let N = n.conditionResults;
+      if (C && C.length > 0) {
+        N = { ...n.conditionResults };
+        for (const S of C)
+          N[S.target] = te(
+            { ...n },
+            S.config
+          );
+      }
+      const T = {
+        components: n.components,
+        groupComponentMap: n.groupComponentMap
+      }, x = F(
+        b.addedComponents[h][v],
+        T
+      );
+      b.addedComponents[h][v].valid = x.length === 0;
+      const M = {
+        ...n.validationErrors,
+        [o]: x
+      }, U = n.validationsByDependency[o];
+      if (U)
+        for (const S of U) {
+          const D = ze(n, S.target);
+          if (D) {
+            const B = F(D, T);
+            D.valid = B.length === 0, M[S.target] = B;
+          }
+        }
+      e({
+        components: { ...n.components },
+        conditionResults: N,
+        validationErrors: M
+      });
+      return;
+    }
+    const s = n.components[o];
+    if (!s) return;
+    if (s.type === "group" || s.type === "repeater") {
+      e({ components: { ...n.components } });
+      return;
+    }
+    if (t === s.value) return;
+    s.value = t;
+    const i = n.conditionsByDependency[o];
+    let a = n.conditionResults;
+    if (i && i.length > 0) {
+      a = { ...n.conditionResults };
+      for (const y of i)
+        a[y.target] = te(
+          { ...n },
+          y.config
+        );
+    }
+    const c = {
+      components: n.components,
+      groupComponentMap: n.groupComponentMap
+    }, d = F(s, c);
+    s.valid = d.length === 0;
+    const l = { ...n.validationErrors, [o]: d }, u = n.validationsByDependency[o];
+    if (u)
+      for (const y of u) {
+        const g = ze(n, y.target);
+        if (g) {
+          const h = F(g, c);
+          g.valid = h.length === 0, l[y.target] = h;
+        }
+      }
+    e({
+      components: { ...n.components },
+      conditionResults: a,
+      validationErrors: l
+    });
+  },
+  addGroupIteration: (o) => {
+    const t = r(), n = t.components[o];
+    if (!n || n.type !== "group" || !n.components)
+      return;
+    n.addedComponents || (n.addedComponents = []);
+    const s = n.components.map((i, a) => {
+      const c = Y(i);
+      c.uuid = [o, n.addedComponents.length, a].join(
+        ":"
+      ), t.groupComponentMap[c.uuid] = i.uuid;
+      const d = F(c);
+      return c.valid = d.length === 0, c;
+    });
+    return n.addedComponents.push(s), e({
+      components: { ...t.components },
+      groupComponentMap: { ...t.groupComponentMap }
+    }), n.addedComponents;
+  },
+  addRepeaterIteration: (o) => {
+    const t = r(), n = t.components[o];
+    if (!n || n.type !== "repeater" || !n.components)
+      return;
+    n.addedComponents || (n.addedComponents = []);
+    const s = n.components.map((i, a) => {
+      const c = Y(i);
+      c.uuid = [
+        o,
+        n.addedComponents.length,
+        a
+      ].join(":");
+      const d = F(c);
+      return c.valid = d.length === 0, c;
+    });
+    return n.addedComponents.push(s), e({ components: { ...t.components } }), n.addedComponents;
+  },
+  removeRepeaterIteration: (o, t) => {
+    const n = r(), s = n.components[o];
+    if (!(!s || s.type !== "repeater" || !s.addedComponents || s.addedComponents.length <= 1)) {
+      s.addedComponents.splice(t, 1);
+      for (let i = t; i < s.addedComponents.length; i++)
+        s.addedComponents[i].forEach((a, c) => {
+          a.uuid = [o, i, c].join(":");
+        });
+      e({ components: { ...n.components } });
+    }
+  },
+  getFlowData: () => ({ uuid: "", metadata: {}, screens: [] }),
+  getScreenByIndex: (o) => {
+    const t = r();
+    if (o !== 0) return null;
+    const n = t.screenOrder[0];
+    return n ? t.screens[n] : null;
+  },
+  getScreenValidity: (o) => {
+    const t = r();
+    if (o !== 0) return !0;
+    const n = t.screenOrder[0];
+    return n ? t.screenValidity[n] ?? !0 : !0;
+  },
+  getValidationErrors: (o) => r().validationErrors[o] ?? Yn,
+  evaluateFlowValidation: () => {
+    const o = r(), t = o.screenOrder[0];
+    if (!t) return !0;
+    const n = o.screens[t];
+    if (!n) return !0;
+    let s = !0;
+    const i = {
+      components: o.components,
+      groupComponentMap: o.groupComponentMap
+    }, a = { ...o.validationErrors };
+    for (const d of n.components) {
+      const l = o.components[d.uuid];
+      if (!l) continue;
+      if ((l.type === "group" || l.type === "repeater") && l.addedComponents) {
+        for (const f of l.addedComponents)
+          for (const y of f) {
+            const g = y.conditions && "when" in y.conditions ? y.conditions : void 0;
+            if (g) {
+              const v = o.conditionResults[y.uuid] ?? !1;
+              if (g.action === "show" && !v || g.action === "hide" && v)
+                continue;
+            }
+            const h = F(y, i);
+            y.valid = h.length === 0, a[y.uuid] = h, h.length > 0 && (s = !1);
+          }
+        continue;
+      }
+      const u = l.conditions && "when" in l.conditions ? l.conditions : void 0;
+      if (u) {
+        const f = o.conditionResults[l.uuid] ?? !1;
+        if (u.action === "show" && !f || u.action === "hide" && f)
+          continue;
+      }
+      const p = F(l, i);
+      l.valid = p.length === 0, a[l.uuid] = p, p.length > 0 && (s = !1);
+    }
+    const c = { ...o.screenValidity, [t]: s };
+    return e({
+      components: { ...o.components },
+      validationErrors: a,
+      screenValidity: c
+    }), s;
+  },
+  getMaxScreenCount: () => 0,
+  getCalculationResult: (o) => r().calculationResults[o] ?? null
+})), ue = (e, r) => {
+  var y, g;
+  const o = {}, t = {}, n = {}, s = {}, i = {}, a = {}, c = r.screen.uuid;
+  for (const h of r.screen.components) {
+    const v = Y(h);
+    if (o[v.uuid] = v, (v.type === "group" || v.type === "repeater") && h.components) {
+      v.addedComponents || (v.addedComponents = []);
+      const b = h.components.map((w, C) => {
+        var T;
+        const N = Y(w);
+        if (N.uuid = [v.uuid, 0, C].join(":"), v.type === "group" && (t[N.uuid] = w.uuid), n[w.uuid] = N.uuid, (T = N.properties) != null && T.validation) {
+          const x = N.properties.validation;
+          x.rules && x.rules.length > 0 && ae(i, N.uuid, x);
+        }
+        return N;
+      });
+      v.addedComponents.push(b);
+    }
+    if ((y = v.properties) != null && y.validation) {
+      const b = v.properties.validation;
+      b.rules && b.rules.length > 0 && ae(i, v.uuid, b);
+    }
+  }
+  for (const { targetUUID: h, config: v } of r.conditions)
+    X(s, h, v, h === c ? "screen" : "component");
+  if (r.previousData)
+    for (const h of r.previousData) {
+      const v = o[h.uuid];
+      v && (v.value = h.value);
+    }
+  const d = { components: o };
+  for (const h of Object.keys(o)) {
+    const v = o[h];
+    if (v.type === "group" || v.type === "repeater") {
+      if (v.addedComponents)
+        for (const w of v.addedComponents)
+          for (const C of w) {
+            const N = F(C, d);
+            C.valid = N.length === 0, N.length > 0 && (a[C.uuid] = N);
+          }
+      continue;
+    }
+    if (!((g = v.properties) != null && g.validation)) continue;
+    const b = F(v, d);
+    v.valid = b.length === 0, b.length > 0 && (a[h] = b);
+  }
+  const l = {}, u = {
+    components: o
+  }, p = /* @__PURE__ */ new Set();
+  for (const h of Object.values(s))
+    for (const v of h)
+      p.has(v.target) || (p.add(v.target), l[v.target] = te(
+        u,
+        v.config
+      ));
+  let f = !0;
+  for (const h of r.screen.components) {
+    const v = o[h.uuid];
+    if (v)
+      if ((v.type === "group" || v.type === "repeater") && v.addedComponents)
+        for (const b of v.addedComponents) {
+          for (const w of b)
+            if (!w.valid) {
+              f = !1;
+              break;
+            }
+          if (!f) break;
+        }
+      else v.valid === !1 && (f = !1);
+  }
+  e.setState({
+    // Screen (single screen)
+    screenOrder: [c],
+    screens: {
+      [c]: {
+        uuid: c,
+        label: r.screen.label,
+        components: r.screen.components,
+        nextButtonLabel: r.screen.nextButtonLabel,
+        backButtonLabel: r.screen.backButtonLabel
+      }
+    },
+    screenValidity: { [c]: f },
+    // Components
+    components: o,
+    groupComponentMap: t,
+    templateComponentMap: n,
+    // Conditions
+    conditionsByDependency: s,
+    conditionResults: l,
+    // Validation
+    validationErrors: a,
+    validationsByDependency: i,
+    // Calculations (not used in server-driven mode yet)
+    calculations: [],
+    calculationResults: {},
+    calculationsByDependency: {},
+    // Computed components
+    computedByDependency: {},
+    // Server-driven state
+    sessionId: r.sessionId,
+    navigation: r.navigation,
+    loading: !1,
+    error: "",
+    // External context
+    externalContext: r.context ?? {},
+    // Config
+    config: r.config ?? {}
+  });
+}, we = (e) => {
+  var s;
+  const r = e.getState(), o = r.screenOrder[0];
+  if (!o) return [];
+  const t = r.screens[o];
+  if (!t) return [];
+  const n = [];
+  for (const i of t.components) {
+    const a = r.components[i.uuid];
+    if (!a || me(a.type)) continue;
+    const c = {
+      uuid: a.uuid,
+      type: a.type,
+      value: a.value
+    };
+    (s = a.properties) != null && s.label && (c.label = a.properties.label), (a.type === "group" || a.type === "repeater") && a.addedComponents && (c.components = a.addedComponents.map(
+      (d) => d.filter((l) => !me(l.type)).map((l) => ({
+        uuid: l.uuid,
+        type: l.type,
+        value: l.value
+      }))
+    )), n.push(c);
+  }
+  return n;
+}, ze = (e, r) => Xe(e.components, r), Hn = 6e4, Wn = ({
+  sessionEndpoint: e,
+  flowId: r,
+  apiKey: o,
+  theme: t,
+  context: n,
+  onFlowComplete: s,
+  onScreenChange: i
+}) => {
+  const a = ce(null);
+  a.current || (a.current = qn());
+  const c = a.current, d = W(c, (R) => R.loading), l = W(c, (R) => R.error), u = W(c, (R) => R.navigation), p = W(c, (R) => R.config), f = W(c, (R) => R.screenOrder), y = W(c, (R) => R.screens), [g, h] = P(""), v = ce(null), b = ce(Date.now()), w = Ee(
+    () => ({ apiEndpoint: e, apiKey: o }),
+    [e, o]
+  ), C = z((R) => {
+    h(R), v.current && clearTimeout(v.current), v.current = setTimeout(() => h(""), 8e3);
+  }, []), N = z(() => {
+    h(""), v.current && (clearTimeout(v.current), v.current = null);
+  }, []), T = z(async () => {
+    c.setState({ loading: !0, error: "" });
+    try {
+      const R = await Ln(w, r, n);
+      ue(c, R);
+    } catch (R) {
+      c.setState({ loading: !1, error: R.message });
+    }
+  }, [r, e, o, n]);
+  K(() => {
+    T();
+  }, [T]), K(() => {
+    const R = async () => {
+      if (document.visibilityState !== "visible") return;
+      const E = c.getState();
+      if (!(!E.sessionId || Date.now() - b.current < Hn))
+        try {
+          const O = await zn(w, E.sessionId);
+          ue(c, O);
+        } catch (O) {
+          O instanceof he && O.status === 404 && c.setState({
+            loading: !1,
+            error: "Session expired. Please start over.",
+            screenOrder: [],
+            screens: {}
+          });
+        }
+    };
+    return document.addEventListener("visibilitychange", R), () => document.removeEventListener("visibilitychange", R);
+  }, [e, o]);
+  const x = z(async () => {
+    const R = c.getState();
+    if (!(R.loading || !R.evaluateFlowValidation())) {
+      c.setState({ loading: !0 }), c.getState().clearError(), N();
+      try {
+        const _ = we(c), O = await $n(w, R.sessionId, _);
+        ue(c, O), b.current = Date.now(), i == null || i(O.navigation.screenNumber);
+      } catch (_) {
+        c.setState({ loading: !1 }), C(_.message);
+      }
+    }
+  }, [w, c, i, C, N]), M = z(async () => {
+    const R = c.getState();
+    if (!R.loading) {
+      c.setState({ loading: !0 }), c.getState().clearError(), N();
+      try {
+        const E = we(c), _ = await Pn(w, R.sessionId, E);
+        ue(c, _), b.current = Date.now(), i == null || i(_.navigation.screenNumber);
+      } catch (E) {
+        c.setState({ loading: !1 }), C(E.message);
+      }
+    }
+  }, [w, c, i, C, N]), U = z(async () => {
+    const R = c.getState();
+    if (!(R.loading || !R.evaluateFlowValidation())) {
+      c.setState({ loading: !0 }), c.getState().clearError(), N();
+      try {
+        const _ = we(c), O = await Gn(w, R.sessionId, _);
+        b.current = Date.now(), s(O);
+      } catch (_) {
+        c.setState({ loading: !1 }), C(_.message);
+      }
+    }
+  }, [w, c, s, C, N]), S = { ...p == null ? void 0 : p.theme, ...t }, D = S.darkMode ?? !1, B = {};
+  S.color && (B["--fbre-theme-color"] = S.color);
+  const G = f[0], V = G ? y[G] : void 0, $ = V == null ? void 0 : V.nextButtonLabel, J = V == null ? void 0 : V.backButtonLabel;
+  return d && f.length === 0 ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ k("div", { className: "fbre-remote-loading", children: [
+    /* @__PURE__ */ m("div", { className: "fbre-spinner" }),
+    /* @__PURE__ */ m("p", { children: "Loading form..." })
+  ] }) }) : l && f.length === 0 ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ k("div", { className: "fbre-remote-error", children: [
+    /* @__PURE__ */ m("p", { children: "Failed to load form" }),
+    /* @__PURE__ */ m("p", { className: "fbre-remote-error__detail", children: l }),
+    /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        className: "fbre-btn fbre-btn--next",
+        onClick: T,
+        style: { marginTop: 12 },
+        children: "Retry"
+      }
+    )
+  ] }) }) : f.length === 0 ? null : /* @__PURE__ */ m(
+    ye.Provider,
+    {
+      value: c,
+      children: /* @__PURE__ */ k(
+        "div",
+        {
+          className: "fbre-container",
+          "data-style": S.style ?? "clean",
+          "data-mode": D ? "dark" : "light",
+          style: Object.keys(B).length > 0 ? B : void 0,
+          children: [
+            /* @__PURE__ */ m("div", { className: "fbre-screen-wrapper", children: /* @__PURE__ */ m(Ne, { screenIndex: 0 }) }),
+            /* @__PURE__ */ m(
+              Xn,
+              {
+                navigation: u,
+                loading: d,
+                onPrev: M,
+                onNext: x,
+                onComplete: U,
+                nextButtonLabel: $,
+                backButtonLabel: J
+              }
+            ),
+            /* @__PURE__ */ k("div", { className: `fbre-toast${g ? " visible" : ""}`, children: [
+              /* @__PURE__ */ m("span", { children: g }),
+              /* @__PURE__ */ m(
+                "button",
+                {
+                  type: "button",
+                  className: "fbre-toast__close",
+                  onClick: N,
+                  "aria-label": "Dismiss",
+                  children: "×"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}, Xn = ({
+  navigation: e,
+  loading: r,
+  onPrev: o,
+  onNext: t,
+  onComplete: n,
+  nextButtonLabel: s,
+  backButtonLabel: i
+}) => /* @__PURE__ */ k("div", { className: "fbre-controls", children: [
+  /* @__PURE__ */ m("div", { className: "fbre-controls__left", children: e.canGoBack && /* @__PURE__ */ m(
+    "button",
+    {
+      type: "button",
+      className: "fbre-btn fbre-btn--back",
+      onClick: o,
+      disabled: r,
+      children: i || "Back"
+    }
+  ) }),
+  /* @__PURE__ */ m("div", { className: "fbre-controls__center", children: /* @__PURE__ */ k("span", { className: "fbre-controls__progress", children: [
+    e.screenNumber,
+    " / ",
+    e.totalScreens
+  ] }) }),
+  /* @__PURE__ */ m("div", { className: "fbre-controls__right", children: e.isLastScreen ? /* @__PURE__ */ m(
+    "button",
+    {
+      type: "button",
+      className: "fbre-btn fbre-btn--complete",
+      onClick: n,
+      disabled: r,
+      children: r ? "Submitting..." : s || "Complete"
+    }
+  ) : /* @__PURE__ */ m(
+    "button",
+    {
+      type: "button",
+      className: "fbre-btn fbre-btn--next",
+      onClick: t,
+      disabled: r,
+      children: r ? "Loading..." : s || "Next"
+    }
+  ) })
+] });
+function Kn(e, r, o, t) {
+  return !r && !o && !t ? e : {
+    ...e,
+    ...r && { theme: { ...e.theme, ...r } },
+    ...o && { navigation: { ...e.navigation, ...o } },
+    ...t && { controls: { ...e.controls, ...t } }
+  };
+}
+const nn = ({
+  flow: e,
+  data: r,
+  theme: o,
+  navigation: t,
+  controls: n,
+  screenIndex: s,
+  context: i,
+  storeRef: a,
+  onFlowComplete: c,
+  onScreenChange: d,
+  onScreenValidationChange: l,
+  apiCtx: u
+}) => {
+  const p = ce(null);
+  p.current || (p.current = Sn(), p.current.getState().loadFlow(e, r, i)), a && (a.current = p.current), K(() => {
+    p.current && p.current.getState().loadFlow(e, r, i);
+  }, [e.uuid]), K(() => {
+    if (p.current) {
+      const g = p.current.getState(), h = Kn(g.config, o, t, n);
+      h !== g.config && p.current.setState({ config: h });
+    }
+  }, [o, t, n]);
+  const f = i ? JSON.stringify(i) : "";
+  K(() => {
+    p.current && i && p.current.getState().updateContext(i);
+  }, [f]);
+  const y = /* @__PURE__ */ m(ye.Provider, { value: p.current, children: /* @__PURE__ */ m(
+    Jn,
+    {
+      screenIndex: s ?? 0,
+      onFlowComplete: c,
+      onScreenChange: d,
+      onScreenValidationChange: l
+    }
+  ) });
+  return u ? /* @__PURE__ */ m(en.Provider, { value: u, children: y }) : y;
+}, Qn = ({
+  flowId: e,
+  apiEndpoint: r,
+  apiKey: o,
+  data: t,
+  theme: n,
+  navigation: s,
+  controls: i,
+  screenIndex: a,
+  context: c,
+  storeRef: d,
+  onFlowComplete: l,
+  onScreenChange: u,
+  onScreenValidationChange: p
+}) => {
+  const [f, y] = P(null), [g, h] = P(""), [v, b] = P(null);
+  return K(() => {
+    y(null), h("");
+    const w = { apiEndpoint: r, apiKey: o };
+    jn(w, e).then((C) => {
+      y(C.data), b({
+        config: w,
+        flowId: C.id,
+        flowVersionId: C.versionId,
+        tenantId: C.tenantId
+      });
+    }).catch((C) => h(C.message));
+  }, [e, r, o]), g ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ k("div", { className: "fbre-remote-error", children: [
+    /* @__PURE__ */ m("p", { children: "Failed to load form" }),
+    /* @__PURE__ */ m("p", { className: "fbre-remote-error__detail", children: g })
+  ] }) }) : !f || !v ? /* @__PURE__ */ m("div", { className: "fbre-container", children: /* @__PURE__ */ k("div", { className: "fbre-remote-loading", children: [
+    /* @__PURE__ */ m("div", { className: "fbre-spinner" }),
+    /* @__PURE__ */ m("p", { children: "Loading form..." })
+  ] }) }) : /* @__PURE__ */ m(
+    nn,
+    {
+      flow: f,
+      data: t,
+      theme: n,
+      navigation: s,
+      controls: i,
+      screenIndex: a,
+      context: c,
+      storeRef: d,
+      onFlowComplete: l,
+      onScreenChange: u,
+      onScreenValidationChange: p,
+      apiCtx: v
+    }
+  );
+}, ct = (e) => "sessionEndpoint" in e ? /* @__PURE__ */ m(Wn, { ...e }) : "flowId" in e && e.flowId ? /* @__PURE__ */ m(Qn, { ...e }) : /* @__PURE__ */ m(nn, { ...e });
+export {
+  he as ApiError,
+  ct as FBRE,
+  Tn as TimeoutError,
+  rt as addFBREEventListener,
+  st as removeFBREEventListener,
+  it as useFBREApi,
+  L as useFBREStore,
+  Ke as useFBREStoreApi
+};