@mieweb/forms-renderer 0.1.4 → 0.1.7

package/dist/react.js

@@ -0,0 +1,748 @@
+import I from "react";
+import { useUIApi as Ce, useFormStore as ke, getFieldComponent as br, isVisible as yr, useVisibleFields as gr, useFieldsArray as hr } from "@mieweb/forms-engine";
+var q = { exports: {} }, Y = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var xe;
+function mr() {
+  if (xe) return Y;
+  xe = 1;
+  var a = I, c = Symbol.for("react.element"), f = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, p = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function T(S, b, O) {
+    var m, E = {}, x = null, k = null;
+    O !== void 0 && (x = "" + O), b.key !== void 0 && (x = "" + b.key), b.ref !== void 0 && (k = b.ref);
+    for (m in b) s.call(b, m) && !y.hasOwnProperty(m) && (E[m] = b[m]);
+    if (S && S.defaultProps) for (m in b = S.defaultProps, b) E[m] === void 0 && (E[m] = b[m]);
+    return { $$typeof: c, type: S, key: x, ref: k, props: E, _owner: p.current };
+  }
+  return Y.Fragment = f, Y.jsx = T, Y.jsxs = T, Y;
+}
+var V = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its 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 Rr() {
+  return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && (function() {
+    var a = I, c = Symbol.for("react.element"), f = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), T = Symbol.for("react.provider"), S = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), ee = Symbol.iterator, Ae = "@@iterator";
+    function Fe(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = ee && e[ee] || e[Ae];
+      return typeof r == "function" ? r : null;
+    }
+    var A = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function g(e) {
+      {
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
+          t[n - 1] = arguments[n];
+        De("error", e, t);
+      }
+    }
+    function De(e, r, t) {
+      {
+        var n = A.ReactDebugCurrentFrame, u = n.getStackAddendum();
+        u !== "" && (r += "%s", t = t.concat([u]));
+        var l = t.map(function(o) {
+          return String(o);
+        });
+        l.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, l);
+      }
+    }
+    var Ie = !1, $e = !1, We = !1, Ye = !1, Ve = !1, re;
+    re = Symbol.for("react.module.reference");
+    function Ne(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === s || e === y || Ve || e === p || e === O || e === m || Ye || e === k || Ie || $e || We || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === E || e.$$typeof === T || e.$$typeof === S || e.$$typeof === b || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === re || e.getModuleId !== void 0));
+    }
+    function Le(e, r, t) {
+      var n = e.displayName;
+      if (n)
+        return n;
+      var u = r.displayName || r.name || "";
+      return u !== "" ? t + "(" + u + ")" : t;
+    }
+    function te(e) {
+      return e.displayName || "Context";
+    }
+    function P(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case s:
+          return "Fragment";
+        case f:
+          return "Portal";
+        case y:
+          return "Profiler";
+        case p:
+          return "StrictMode";
+        case O:
+          return "Suspense";
+        case m:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case S:
+            var r = e;
+            return te(r) + ".Consumer";
+          case T:
+            var t = e;
+            return te(t._context) + ".Provider";
+          case b:
+            return Le(e, e.render, "ForwardRef");
+          case E:
+            var n = e.displayName || null;
+            return n !== null ? n : P(e.type) || "Memo";
+          case x: {
+            var u = e, l = u._payload, o = u._init;
+            try {
+              return P(o(l));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var j = Object.assign, $ = 0, ne, ae, ie, oe, ue, se, le;
+    function ce() {
+    }
+    ce.__reactDisabledLog = !0;
+    function Ue() {
+      {
+        if ($ === 0) {
+          ne = console.log, ae = console.info, ie = console.warn, oe = console.error, ue = console.group, se = console.groupCollapsed, le = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: ce,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        $++;
+      }
+    }
+    function Me() {
+      {
+        if ($--, $ === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: j({}, e, {
+              value: ne
+            }),
+            info: j({}, e, {
+              value: ae
+            }),
+            warn: j({}, e, {
+              value: ie
+            }),
+            error: j({}, e, {
+              value: oe
+            }),
+            group: j({}, e, {
+              value: ue
+            }),
+            groupCollapsed: j({}, e, {
+              value: se
+            }),
+            groupEnd: j({}, e, {
+              value: le
+            })
+          });
+        }
+        $ < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var B = A.ReactCurrentDispatcher, J;
+    function N(e, r, t) {
+      {
+        if (J === void 0)
+          try {
+            throw Error();
+          } catch (u) {
+            var n = u.stack.trim().match(/\n( *(at )?)/);
+            J = n && n[1] || "";
+          }
+        return `
+` + J + e;
+      }
+    }
+    var K = !1, L;
+    {
+      var qe = typeof WeakMap == "function" ? WeakMap : Map;
+      L = new qe();
+    }
+    function fe(e, r) {
+      if (!e || K)
+        return "";
+      {
+        var t = L.get(e);
+        if (t !== void 0)
+          return t;
+      }
+      var n;
+      K = !0;
+      var u = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var l;
+      l = B.current, B.current = null, Ue();
+      try {
+        if (r) {
+          var o = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(o.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(o, []);
+            } catch (R) {
+              n = R;
+            }
+            Reflect.construct(e, [], o);
+          } else {
+            try {
+              o.call();
+            } catch (R) {
+              n = R;
+            }
+            e.call(o.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (R) {
+            n = R;
+          }
+          e();
+        }
+      } catch (R) {
+        if (R && n && typeof R.stack == "string") {
+          for (var i = R.stack.split(`
+`), h = n.stack.split(`
+`), d = i.length - 1, v = h.length - 1; d >= 1 && v >= 0 && i[d] !== h[v]; )
+            v--;
+          for (; d >= 1 && v >= 0; d--, v--)
+            if (i[d] !== h[v]) {
+              if (d !== 1 || v !== 1)
+                do
+                  if (d--, v--, v < 0 || i[d] !== h[v]) {
+                    var _ = `
+` + i[d].replace(" at new ", " at ");
+                    return e.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, _), _;
+                  }
+                while (d >= 1 && v >= 0);
+              break;
+            }
+        }
+      } finally {
+        K = !1, B.current = l, Me(), Error.prepareStackTrace = u;
+      }
+      var D = e ? e.displayName || e.name : "", C = D ? N(D) : "";
+      return typeof e == "function" && L.set(e, C), C;
+    }
+    function Be(e, r, t) {
+      return fe(e, !1);
+    }
+    function Je(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function U(e, r, t) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return fe(e, Je(e));
+      if (typeof e == "string")
+        return N(e);
+      switch (e) {
+        case O:
+          return N("Suspense");
+        case m:
+          return N("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case b:
+            return Be(e.render);
+          case E:
+            return U(e.type, r, t);
+          case x: {
+            var n = e, u = n._payload, l = n._init;
+            try {
+              return U(l(u), r, t);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var W = Object.prototype.hasOwnProperty, de = {}, ve = A.ReactDebugCurrentFrame;
+    function M(e) {
+      if (e) {
+        var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
+        ve.setExtraStackFrame(t);
+      } else
+        ve.setExtraStackFrame(null);
+    }
+    function Ke(e, r, t, n, u) {
+      {
+        var l = Function.call.bind(W);
+        for (var o in e)
+          if (l(e, o)) {
+            var i = void 0;
+            try {
+              if (typeof e[o] != "function") {
+                var h = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw h.name = "Invariant Violation", h;
+              }
+              i = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (d) {
+              i = d;
+            }
+            i && !(i instanceof Error) && (M(u), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof i), M(null)), i instanceof Error && !(i.message in de) && (de[i.message] = !0, M(u), g("Failed %s type: %s", t, i.message), M(null));
+          }
+      }
+    }
+    var ze = Array.isArray;
+    function z(e) {
+      return ze(e);
+    }
+    function Ge(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t;
+      }
+    }
+    function Qe(e) {
+      try {
+        return pe(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function pe(e) {
+      return "" + e;
+    }
+    function be(e) {
+      if (Qe(e))
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(e)), pe(e);
+    }
+    var ye = A.ReactCurrentOwner, Xe = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, ge, he;
+    function He(e) {
+      if (W.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function Ze(e) {
+      if (W.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function er(e, r) {
+      typeof e.ref == "string" && ye.current;
+    }
+    function rr(e, r) {
+      {
+        var t = function() {
+          ge || (ge = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    function tr(e, r) {
+      {
+        var t = function() {
+          he || (he = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+        };
+        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: t,
+          configurable: !0
+        });
+      }
+    }
+    var nr = function(e, r, t, n, u, l, o) {
+      var i = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: c,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: t,
+        props: o,
+        // Record the component responsible for creating this element.
+        _owner: l
+      };
+      return i._store = {}, Object.defineProperty(i._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(i, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: n
+      }), Object.defineProperty(i, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: u
+      }), Object.freeze && (Object.freeze(i.props), Object.freeze(i)), i;
+    };
+    function ar(e, r, t, n, u) {
+      {
+        var l, o = {}, i = null, h = null;
+        t !== void 0 && (be(t), i = "" + t), Ze(r) && (be(r.key), i = "" + r.key), He(r) && (h = r.ref, er(r, u));
+        for (l in r)
+          W.call(r, l) && !Xe.hasOwnProperty(l) && (o[l] = r[l]);
+        if (e && e.defaultProps) {
+          var d = e.defaultProps;
+          for (l in d)
+            o[l] === void 0 && (o[l] = d[l]);
+        }
+        if (i || h) {
+          var v = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          i && rr(o, v), h && tr(o, v);
+        }
+        return nr(e, i, h, u, n, ye.current, o);
+      }
+    }
+    var G = A.ReactCurrentOwner, me = A.ReactDebugCurrentFrame;
+    function F(e) {
+      if (e) {
+        var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
+        me.setExtraStackFrame(t);
+      } else
+        me.setExtraStackFrame(null);
+    }
+    var Q;
+    Q = !1;
+    function X(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === c;
+    }
+    function Re() {
+      {
+        if (G.current) {
+          var e = P(G.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function ir(e) {
+      return "";
+    }
+    var Ee = {};
+    function or(e) {
+      {
+        var r = Re();
+        if (!r) {
+          var t = typeof e == "string" ? e : e.displayName || e.name;
+          t && (r = `
+
+Check the top-level render call using <` + t + ">.");
+        }
+        return r;
+      }
+    }
+    function _e(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var t = or(r);
+        if (Ee[t])
+          return;
+        Ee[t] = !0;
+        var n = "";
+        e && e._owner && e._owner !== G.current && (n = " It was passed a child from " + P(e._owner.type) + "."), F(e), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), F(null);
+      }
+    }
+    function Te(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (z(e))
+          for (var t = 0; t < e.length; t++) {
+            var n = e[t];
+            X(n) && _e(n, r);
+          }
+        else if (X(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var u = Fe(e);
+          if (typeof u == "function" && u !== e.entries)
+            for (var l = u.call(e), o; !(o = l.next()).done; )
+              X(o.value) && _e(o.value, r);
+        }
+      }
+    }
+    function ur(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var t;
+        if (typeof r == "function")
+          t = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === b || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === E))
+          t = r.propTypes;
+        else
+          return;
+        if (t) {
+          var n = P(r);
+          Ke(t, e.props, "prop", n, e);
+        } else if (r.PropTypes !== void 0 && !Q) {
+          Q = !0;
+          var u = P(r);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function sr(e) {
+      {
+        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
+          var n = r[t];
+          if (n !== "children" && n !== "key") {
+            F(e), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), F(null);
+            break;
+          }
+        }
+        e.ref !== null && (F(e), g("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
+      }
+    }
+    var we = {};
+    function Se(e, r, t, n, u, l) {
+      {
+        var o = Ne(e);
+        if (!o) {
+          var i = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (i += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var h = ir();
+          h ? i += h : i += Re();
+          var d;
+          e === null ? d = "null" : z(e) ? d = "array" : e !== void 0 && e.$$typeof === c ? (d = "<" + (P(e.type) || "Unknown") + " />", i = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, i);
+        }
+        var v = ar(e, r, t, u, l);
+        if (v == null)
+          return v;
+        if (o) {
+          var _ = r.children;
+          if (_ !== void 0)
+            if (n)
+              if (z(_)) {
+                for (var D = 0; D < _.length; D++)
+                  Te(_[D], e);
+                Object.freeze && Object.freeze(_);
+              } else
+                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Te(_, e);
+        }
+        if (W.call(r, "key")) {
+          var C = P(e), R = Object.keys(r).filter(function(pr) {
+            return pr !== "key";
+          }), H = R.length > 0 ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!we[C + H]) {
+            var vr = R.length > 0 ? "{" + R.join(": ..., ") + ": ...}" : "{}";
+            g(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, H, C, vr, C), we[C + H] = !0;
+          }
+        }
+        return e === s ? sr(v) : ur(v), v;
+      }
+    }
+    function lr(e, r, t) {
+      return Se(e, r, t, !0);
+    }
+    function cr(e, r, t) {
+      return Se(e, r, t, !1);
+    }
+    var fr = cr, dr = lr;
+    V.Fragment = s, V.jsx = fr, V.jsxs = dr;
+  })()), V;
+}
+var Pe;
+function Er() {
+  return Pe || (Pe = 1, process.env.NODE_ENV === "production" ? q.exports = mr() : q.exports = Rr()), q.exports;
+}
+var w = Er();
+function _r(a) {
+  const c = I.useRef(!1), f = Ce();
+  I.useEffect(() => {
+    c.current || !Array.isArray(a) || (ke.getState().ingest(a), f.preview.set(!0), c.current = !0);
+  }, [a, f.preview]);
+}
+function je(a) {
+  switch (a.fieldType) {
+    case "input":
+      return a.answer ? [{ valueString: String(a.answer) }] : [];
+    case "radio":
+      return a.selected ? [{ valueString: Z(a, a.selected) }] : [];
+    case "check":
+      return (a.selected || []).map((c) => ({ valueString: Z(a, c) }));
+    case "selection":
+      return a.selected ? [{ valueString: Z(a, a.selected) }] : [];
+    default:
+      return [];
+  }
+}
+function Z(a, c) {
+  const f = (a.options || []).find((s) => s.id === c || s.value === c);
+  return f ? f.value : "";
+}
+function Tr(a, c, f) {
+  const s = [];
+  return (a || []).forEach((p) => {
+    if (p.fieldType === "section" && Array.isArray(p.fields)) {
+      p.fields.forEach((y) => {
+        y && s.push({
+          linkId: y.id,
+          text: y.question || y.title || "",
+          answer: je(y)
+        });
+      });
+      return;
+    }
+    p.fieldType !== "section" && s.push({
+      linkId: p.id,
+      text: p.question || p.title || "",
+      answer: je(p)
+    });
+  }), {
+    resourceType: "QuestionnaireResponse",
+    questionnaire: c,
+    status: "in-progress",
+    subject: f ? { reference: `Patient/${f}` } : void 0,
+    item: s
+  };
+}
+function wr(a, c, f, s) {
+  return I.useCallback((y) => {
+    y.preventDefault();
+    const T = Tr(a, c, f);
+    s == null || s(T);
+  }, [a, c, f, s]);
+}
+function Sr({ field: a, allFlat: c, isPreview: f }) {
+  const s = br(a.fieldType);
+  if (!s) return null;
+  if (a.fieldType === "section" && f && Array.isArray(a.fields)) {
+    const p = a.fields.filter((T) => yr(T, c)), y = { ...a, fields: p };
+    return /* @__PURE__ */ w.jsx(s, { field: y });
+  }
+  return /* @__PURE__ */ w.jsx(s, { field: a });
+}
+function xr() {
+  const a = Ce(), { fields: c, allFlat: f } = gr(a.state.isPreview);
+  return /* @__PURE__ */ w.jsx("div", { children: c.map((s) => /* @__PURE__ */ w.jsx(
+    Sr,
+    {
+      field: s,
+      allFlat: f,
+      isPreview: a.state.isPreview
+    },
+    s.id
+  )) });
+}
+function Or({ className: a = "" }) {
+  return /* @__PURE__ */ w.jsx("div", { className: `pt-2 ${a}`, children: /* @__PURE__ */ w.jsx(
+    "button",
+    {
+      type: "submit",
+      className: "px-4 py-2 rounded bg-[#0076a8] text-white shadow hover:bg-[#00628a] transition-colors",
+      children: "Submit"
+    }
+  ) });
+}
+function Cr({
+  fields: a,
+  onChange: c,
+  onSubmit: f,
+  questionnaireId: s = "questionnaire-1",
+  subjectId: p,
+  className: y = "",
+  fullHeight: T = !1
+}) {
+  _r(a), I.useEffect(() => c ? ke.subscribe((E) => {
+    const x = E.order.map((k) => E.byId[k]);
+    c(x);
+  }) : void 0, [c]);
+  const S = hr(), b = wr(S, s, p, f), O = [
+    "qb-render-root",
+    "bg-gray-100",
+    "font-titillium",
+    T ? "min-h-screen" : "",
+    y
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ w.jsx("div", { className: O, children: /* @__PURE__ */ w.jsxs("form", { onSubmit: b, className: "max-w-4xl mx-auto px-2 pb-8 pt-4", children: [
+    /* @__PURE__ */ w.jsx(xr, {}),
+    /* @__PURE__ */ w.jsx(Or, {})
+  ] }) });
+}
+export {
+  Cr as QuestionnaireRenderer
+};
+//# sourceMappingURL=react.js.map