@adriansteffan/reactive 0.0.29 → 0.0.31

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Adrian Steffan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -21,12 +21,20 @@ Then follow the instructions shown there and in the created `README.md`
 
 ### Usage
 
-For now, refer to the `App.tsx` in the template project to find out how to define an experiment, and add custom trials and questions!
+For now, refer to the `Experiment.tsx` in the template project to find out how to define an experiment, and add custom trials and questions!
 
 Premade components available so far:
 
 * Text: A simple display of Text and a Button
 * MicCheck: used to test the voice recording feature and choose a preferred microphone to use
+* CanvasBlock: TODO DOC
+* IF_BLOCK: TODO DOC
+* IF_GOTO: TODO DOC
+* MARKER: TODO DOC
+* UPDATE_STORE: TODO DOC
+* StoreUI: TODO DOC
+* DeviceCheck: TODO DOC
+* ProlificEnd: TODO DOC
 * Quest: SurveyJS questionnaires
     * ... all questiontypes supported by SurveyJS can be used
     * voicerecorder: a custom question type that allows participants to record voice

package/dist/{mod-BY9yD0Pz.js → mod-OYK5S6rI.js}

@@ -42,7 +42,7 @@ function J0(d, h) {
     (f, g) => d.slice(g * p, g * p + p)
   );
 }
-function v5() {
+function C5() {
   typeof Array.prototype.sample != "function" && (Array.prototype.sample = function(d) {
     return $0(this, d);
   }), typeof Array.prototype.shuffle != "function" && (Array.prototype.shuffle = function() {
@@ -376,7 +376,7 @@ function br() {
 function zs() {
   return !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
 }
-function b5() {
+function x5() {
   return window.electronAPI !== void 0;
 }
 const Vl = [];
@@ -447,7 +447,7 @@ function s1(d) {
 function ug(d, h) {
   lg[d] = h;
 }
-function C5(d) {
+function w5(d) {
   s1(d), _c.length = 0, d.forEach((g) => {
     _c.push({
       type: g.type ?? "NoTypeSpecified",
@@ -478,7 +478,7 @@ function C5(d) {
   }
   return f;
 }
-function x5(d) {
+function P5(d) {
   return d <= 0 ? [] : Array.from({ length: d }, (h, p) => {
     const f = d - p;
     return {
@@ -70879,7 +70879,7 @@ var Yc;
   d.UTF8 = "utf8", d.ASCII = "ascii", d.UTF16 = "utf16";
 })(Yc || (Yc = {}));
 const Yi = na("Filesystem", {
-  web: () => import("./web-Crj4uOnK.js").then((d) => new d.FilesystemWeb())
+  web: () => import("./web-GcUUyn5k.js").then((d) => new d.FilesystemWeb())
 });
 ug("Upload", [
   {
@@ -70918,22 +70918,27 @@ function ym(d) {
   return [f, ...g].join(`
 `);
 }
-function Fx(d, h, p, f) {
-  const g = p.flatMap((C) => {
-    var w;
-    const x = (w = d.find((V) => V.name === C)) == null ? void 0 : w.responseData;
-    return Array.isArray(x) ? x.map((V) => ({
-      block: C,
-      ...V
+const Fx = {
+  CanvasBlock: (d) => {
+    const h = d.responseData;
+    return Array.isArray(h) ? h.map((p) => ({
+      block: d.name,
+      ...p
     })) : [];
-  }).map((C) => f ? f(C) : C);
+  }
+}, qx = ({ responseData: d, ...h }) => ({ ...h, ...Object.entries(d || {}).reduce((p, [f, g]) => ({ ...p, [`data_${f}`]: g }), {}) });
+function Bx(d, h, p, f, g) {
+  const C = p.flatMap((x) => d.filter((V) => V.name === x).flatMap((V) => {
+    const b = V.type && f[V.type];
+    return b ? b(V) : qx(V);
+  })).map((x) => g ? g(x) : x);
   return {
     filename: h,
     encoding: "utf8",
-    content: ym(g)
+    content: ym(C)
   };
 }
-const qx = () => {
+const Hx = () => {
   const d = window.electronAPI;
   return {
     directoryExists: async (h) => {
@@ -70947,7 +70952,7 @@ const qx = () => {
       await d.saveFile(h, p, f);
     }
   };
-}, Bx = (d) => {
+}, Qx = (d) => {
   const h = (p) => d ? p ? `${d}/${p}` : d : p;
   return {
     directoryExists: async (p) => {
@@ -71001,17 +71006,17 @@ const qx = () => {
       });
     }
   };
-}, Hx = (d) => {
+}, Ux = (d) => {
   const h = _l();
   switch (h) {
     case "desktop":
-      return { backend: qx(), type: h };
+      return { backend: Hx(), type: h };
     case "mobile":
-      return { backend: Bx(d), type: h };
+      return { backend: Qx(d), type: h };
     case "web":
       return { backend: null, type: h };
   }
-}, Qx = async (d, h) => {
+}, zx = async (d, h) => {
   let p = h;
   if (await d.directoryExists(p)) {
     let f = 1;
@@ -71020,14 +71025,14 @@ const qx = () => {
   }
   return p;
 };
-function Ux({
+function Wx({
   data: d,
   next: h,
   store: p,
   sessionID: f,
   generateFiles: g,
   sessionCSVBuilder: C,
-  trialCSVBuilders: x,
+  trialCSVBuilder: x,
   uploadRaw: w = !0,
   autoUpload: V = !1,
   androidFolderName: b
@@ -71091,12 +71096,13 @@ function Ux({
       });
     }
     if (x)
-      for (const Q of x)
+      for (const Q of x.builders)
         M.push(
-          Fx(
+          Bx(
             d,
             `${L}${Q.filename}.csv`,
             Q.trials ?? [],
+            { ...Fx, ...x.flatteners },
             Q.fun
           )
         );
@@ -71109,12 +71115,12 @@ function Ux({
         h({});
         return;
       }
-      const { backend: G, type: H } = Hx(b);
+      const { backend: G, type: H } = Ux(b);
       if (H === "web")
         A.mutate(Q);
       else if (G)
         try {
-          const B = await Qx(G, L);
+          const B = await zx(G, L);
           await G.createDirectory(B);
           for (const ee of M)
             await G.saveFile(ee.filename, ee.content, B);
@@ -71182,9 +71188,9 @@ var Wh;
   d.None = "NONE", d.Slide = "SLIDE", d.Fade = "FADE";
 })(Wh || (Wh = {}));
 const vm = na("StatusBar"), bm = na("ImmersiveMode", {
-  web: () => import("./web-D4yetCSC.js").then((d) => new d.ImmersiveModeWeb())
+  web: () => import("./web-D0E0X8r4.js").then((d) => new d.ImmersiveModeWeb())
 });
-function zx({
+function $x({
   content: d,
   buttonText: h,
   next: p,
@@ -71235,7 +71241,7 @@ function zx({
     }
   );
 }
-function Wx({
+function Gx({
   next: d,
   delayMs: h = 0
 }) {
@@ -71286,7 +71292,7 @@ function bi() {
   return f;
 }
 const Xs = (d) => typeof d == "number" && !isNaN(d), no = (d) => typeof d == "string", Gr = (d) => typeof d == "function", El = (d) => no(d) || Gr(d) ? d : null, Xc = (d) => _o(d) || no(d) || Gr(d) || Xs(d);
-function $x(d, h, p) {
+function Zx(d, h, p) {
   p === void 0 && (p = 300);
   const { scrollHeight: f, style: g } = d;
   requestAnimationFrame(() => {
@@ -71307,7 +71313,7 @@ function Ql(d) {
       I.classList.add(...L), I.addEventListener("animationend", M), I.addEventListener("animationcancel", M);
     }, []), tr(() => {
       const I = D.current, L = () => {
-        I.removeEventListener("animationend", L), g ? $x(I, S, C) : S();
+        I.removeEventListener("animationend", L), g ? Zx(I, S, C) : S();
       };
       k || (b ? L() : (P.current = 1, I.className += ` ${A}`, I.addEventListener("animationend", L)));
     }, [k]), tt.createElement(tt.Fragment, null, w);
@@ -71318,7 +71324,7 @@ function $h(d, h) {
 }
 const Ir = /* @__PURE__ */ new Map();
 let ea = [];
-const ep = /* @__PURE__ */ new Set(), Gx = (d) => ep.forEach((h) => h(d)), xm = () => Ir.size > 0;
+const ep = /* @__PURE__ */ new Set(), Jx = (d) => ep.forEach((h) => h(d)), xm = () => Ir.size > 0;
 function wm(d, h) {
   var p;
   if (h) return !((p = Ir.get(h)) == null || !p.isToastActive(d));
@@ -71337,7 +71343,7 @@ function Gh(d, h) {
     h != null && h != null && h.containerId ? (h == null ? void 0 : h.containerId) === p.id && p.toggle(d, h == null ? void 0 : h.id) : p.toggle(d, h == null ? void 0 : h.id);
   });
 }
-function Zx(d) {
+function Kx(d) {
   const { subscribe: h, getSnapshot: p, setProps: f } = dt(function(C) {
     const x = C.containerId || 1;
     return { subscribe(w) {
@@ -71387,7 +71393,7 @@ function Zx(d) {
         }, setToggle: (H, B) => {
           M.get(H).toggle = B;
         }, isToastActive: (H) => P.some((B) => B === H), getSnapshot: () => I };
-      }(x, C, Gx);
+      }(x, C, Jx);
       Ir.set(x, V);
       const b = V.observe(w);
       return ea.forEach((S) => Pm(S.content, S.options)), ea = [], () => {
@@ -71412,7 +71418,7 @@ function Zx(d) {
     }), Array.from(x, (w) => C(w[0], w[1]));
   }, isToastActive: wm, count: g == null ? void 0 : g.length };
 }
-function Jx(d) {
+function Yx(d) {
   const [h, p] = Vt(!1), [f, g] = Vt(!1), C = dt(null), x = dt({ start: 0, delta: 0, removalDistance: 0, canCloseOnClick: !0, canDrag: !1, didMove: !1 }).current, { autoClose: w, pauseOnHover: V, closeToast: b, onClick: S, closeOnClick: D } = d;
   var k, W;
   function q() {
@@ -71452,7 +71458,7 @@ function Jx(d) {
     S && S(M), x.canCloseOnClick && b();
   }), { playToast: q, pauseToast: A, isRunning: h, preventExitTransition: f, toastRef: C, eventHandlers: L };
 }
-function Kx(d) {
+function Xx(d) {
   let { delay: h, isRunning: p, closeToast: f, type: g = "default", hide: C, className: x, style: w, controlledProgress: V, progress: b, rtl: S, isIn: D, theme: k } = d;
   const W = C || V && b === 0, q = { ...w, animationDuration: `${h}ms`, animationPlayState: p ? "running" : "paused" };
   V && (q.transform = `scaleX(${b})`);
@@ -71461,16 +71467,16 @@ function Kx(d) {
   } };
   return tt.createElement("div", { className: "Toastify__progress-bar--wrp", "data-hidden": W }, tt.createElement("div", { className: `Toastify__progress-bar--bg Toastify__progress-bar-theme--${k} Toastify__progress-bar--${g}` }), tt.createElement("div", { role: "progressbar", "aria-hidden": W ? "true" : "false", "aria-label": "notification timer", className: P, style: q, ...I }));
 }
-let Yx = 1;
-const Sm = () => "" + Yx++;
-function Xx(d) {
+let e5 = 1;
+const Sm = () => "" + e5++;
+function t5(d) {
   return d && (no(d.toastId) || Xs(d.toastId)) ? d.toastId : Sm();
 }
 function Us(d, h) {
   return Pm(d, h), h.toastId;
 }
 function Nl(d, h) {
-  return { ...h, type: h && h.type || d, toastId: Xx(h) };
+  return { ...h, type: h && h.type || d, toastId: t5(h) };
 }
 function bl(d) {
   return (h, p) => Us(h, Nl(d, p));
@@ -71526,7 +71532,7 @@ Rt.loading = (d, h) => Us(d, Nl("default", { isLoading: !0, autoClose: !1, close
     ep.delete(d);
   };
 }, Rt.play = (d) => Gh(!0, d), Rt.pause = (d) => Gh(!1, d);
-const e5 = typeof window < "u" ? sg : tr, Cl = (d) => {
+const r5 = typeof window < "u" ? sg : tr, Cl = (d) => {
   let { theme: h, type: p, isLoading: f, ...g } = d;
   return tt.createElement("svg", { viewBox: "0 0 24 24", width: "100%", height: "100%", fill: h === "colored" ? "currentColor" : `var(--toastify-icon-color-${p})`, ...g });
 }, kc = { info: function(d) {
@@ -71539,8 +71545,8 @@ const e5 = typeof window < "u" ? sg : tr, Cl = (d) => {
   return tt.createElement(Cl, { ...d }, tt.createElement("path", { d: "M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z" }));
 }, spinner: function() {
   return tt.createElement("div", { className: "Toastify__spinner" });
-} }, t5 = (d) => {
-  const { isRunning: h, preventExitTransition: p, toastRef: f, eventHandlers: g, playToast: C } = Jx(d), { closeButton: x, children: w, autoClose: V, onClick: b, type: S, hideProgressBar: D, closeToast: k, transition: W, position: q, className: A, style: P, bodyClassName: I, bodyStyle: L, progressClassName: M, progressStyle: K, updateId: J, role: Q, progress: G, rtl: H, toastId: B, deleteToast: ee, isIn: ie, isLoading: ae, closeOnClick: $, theme: te } = d, X = bi("Toastify__toast", `Toastify__toast-theme--${te}`, `Toastify__toast--${S}`, { "Toastify__toast--rtl": H }, { "Toastify__toast--close-on-click": $ }), N = Gr(A) ? A({ rtl: H, position: q, type: S, defaultClassName: X }) : bi(X, A), ue = function(Le) {
+} }, n5 = (d) => {
+  const { isRunning: h, preventExitTransition: p, toastRef: f, eventHandlers: g, playToast: C } = Yx(d), { closeButton: x, children: w, autoClose: V, onClick: b, type: S, hideProgressBar: D, closeToast: k, transition: W, position: q, className: A, style: P, bodyClassName: I, bodyStyle: L, progressClassName: M, progressStyle: K, updateId: J, role: Q, progress: G, rtl: H, toastId: B, deleteToast: ee, isIn: ie, isLoading: ae, closeOnClick: $, theme: te } = d, X = bi("Toastify__toast", `Toastify__toast-theme--${te}`, `Toastify__toast--${S}`, { "Toastify__toast--rtl": H }, { "Toastify__toast--close-on-click": $ }), N = Gr(A) ? A({ rtl: H, position: q, type: S, defaultClassName: X }) : bi(X, A), ue = function(Le) {
     let { theme: xe, type: Re, isLoading: We, icon: Fe } = Le, be = null;
     const qe = { theme: xe, type: Re };
     return Fe === !1 || (Gr(Fe) ? be = Fe({ ...qe, isLoading: We }) : _o(Fe) ? be = Mc(Fe, qe) : We ? be = kc.spinner() : ((ot) => ot in kc)(Re) && (be = kc[Re](qe))), be;
@@ -71551,17 +71557,17 @@ const e5 = typeof window < "u" ? sg : tr, Cl = (d) => {
     return tt.createElement("button", { className: `Toastify__close-button Toastify__close-button--${Re}`, type: "button", onClick: (Fe) => {
       Fe.stopPropagation(), xe(Fe);
     }, "aria-label": We }, tt.createElement("svg", { "aria-hidden": "true", viewBox: "0 0 14 16" }, tt.createElement("path", { fillRule: "evenodd", d: "M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z" })));
-  }(De)), tt.createElement(W, { isIn: ie, done: ee, position: q, preventExitTransition: p, nodeRef: f, playToast: C }, tt.createElement("div", { id: B, onClick: b, "data-in": ie, className: N, ...g, style: P, ref: f }, tt.createElement("div", { ...ie && { role: Q }, className: Gr(I) ? I({ type: S }) : bi("Toastify__toast-body", I), style: L }, ue != null && tt.createElement("div", { className: bi("Toastify__toast-icon", { "Toastify--animate-icon Toastify__zoom-enter": !ae }) }, ue), tt.createElement("div", null, w)), ce, tt.createElement(Kx, { ...J && !he ? { key: `pb-${J}` } : {}, rtl: H, theme: te, delay: V, isRunning: h, isIn: ie, closeToast: k, hide: D, type: S, style: K, className: M, controlledProgress: he, progress: G || 0 })));
+  }(De)), tt.createElement(W, { isIn: ie, done: ee, position: q, preventExitTransition: p, nodeRef: f, playToast: C }, tt.createElement("div", { id: B, onClick: b, "data-in": ie, className: N, ...g, style: P, ref: f }, tt.createElement("div", { ...ie && { role: Q }, className: Gr(I) ? I({ type: S }) : bi("Toastify__toast-body", I), style: L }, ue != null && tt.createElement("div", { className: bi("Toastify__toast-icon", { "Toastify--animate-icon Toastify__zoom-enter": !ae }) }, ue), tt.createElement("div", null, w)), ce, tt.createElement(Xx, { ...J && !he ? { key: `pb-${J}` } : {}, rtl: H, theme: te, delay: V, isRunning: h, isIn: ie, closeToast: k, hide: D, type: S, style: K, className: M, controlledProgress: he, progress: G || 0 })));
 }, Ul = function(d, h) {
   return h === void 0 && (h = !1), { enter: `Toastify--animate Toastify__${d}-enter`, exit: `Toastify--animate Toastify__${d}-exit`, appendPosition: h };
-}, r5 = Ql(Ul("bounce", !0));
+}, i5 = Ql(Ul("bounce", !0));
 Ql(Ul("slide", !0));
 Ql(Ul("zoom"));
 Ql(Ul("flip"));
-const n5 = { position: "top-right", transition: r5, autoClose: 5e3, closeButton: !0, pauseOnHover: !0, pauseOnFocusLoss: !0, draggable: "touch", draggablePercent: 80, draggableDirection: "x", role: "alert", theme: "light" };
-function i5(d) {
-  let h = { ...n5, ...d };
-  const p = d.stacked, [f, g] = Vt(!0), C = dt(null), { getToastToRender: x, isToastActive: w, count: V } = Zx(h), { className: b, style: S, rtl: D, containerId: k } = h;
+const o5 = { position: "top-right", transition: i5, autoClose: 5e3, closeButton: !0, pauseOnHover: !0, pauseOnFocusLoss: !0, draggable: "touch", draggablePercent: 80, draggableDirection: "x", role: "alert", theme: "light" };
+function s5(d) {
+  let h = { ...o5, ...d };
+  const p = d.stacked, [f, g] = Vt(!0), C = dt(null), { getToastToRender: x, isToastActive: w, count: V } = Kx(h), { className: b, style: S, rtl: D, containerId: k } = h;
   function W(A) {
     const P = bi("Toastify__toast-container", `Toastify__toast-container--${A}`, { "Toastify__toast-container--rtl": D });
     return Gr(b) ? b({ position: A, rtl: D, defaultClassName: P }) : bi(P, El(b));
@@ -71569,7 +71575,7 @@ function i5(d) {
   function q() {
     p && (g(!0), Rt.play());
   }
-  return e5(() => {
+  return r5(() => {
     if (p) {
       var A;
       const P = C.current.querySelectorAll('[data-in="true"]'), I = 12, L = (A = h.position) == null ? void 0 : A.includes("top");
@@ -71587,11 +71593,11 @@ function i5(d) {
     const I = P.length ? { ...S } : { ...S, pointerEvents: "none" };
     return tt.createElement("div", { className: W(A), style: I, key: `container-${A}` }, P.map((L) => {
       let { content: M, props: K } = L;
-      return tt.createElement(t5, { ...K, stacked: p, collapseAll: q, isIn: w(K.toastId, K.containerId), style: K.style, key: `toast-${K.key}` }, M);
+      return tt.createElement(n5, { ...K, stacked: p, collapseAll: q, isIn: w(K.toastId, K.containerId), style: K.style, key: `toast-${K.key}` }, M);
     }));
   }));
 }
-const o5 = ({
+const a5 = ({
   paramRegistry: d,
   timelineRepresentation: h
 }) => {
@@ -72085,18 +72091,18 @@ const o5 = ({
       }
     ) })
   ] });
-}, s5 = new Z1();
-function w5({ children: d, disableSettings: h }) {
+}, l5 = new Z1();
+function S5({ children: d, disableSettings: h }) {
   return window.location.pathname.endsWith("/settings") && !h ? /* @__PURE__ */ z.jsx(
-    o5,
+    a5,
     {
       paramRegistry: Fc.getRegistry(),
       timelineRepresentation: Fc.getTimelineRepresentation()
     }
-  ) : /* @__PURE__ */ z.jsxs(Y1, { client: s5, children: [
+  ) : /* @__PURE__ */ z.jsxs(Y1, { client: l5, children: [
     d,
     /* @__PURE__ */ z.jsx(
-      i5,
+      s5,
       {
         position: "top-center",
         autoClose: 3e3,
@@ -72196,7 +72202,7 @@ function jm(d) {
   }
   return w(d), { instructions: h, markers: p };
 }
-function a5({ next: d }) {
+function u5({ next: d }) {
   const [h, p] = Vt("checking");
   return tr(() => {
     if (h !== "checking") return;
@@ -72251,13 +72257,13 @@ function a5({ next: d }) {
     )
   ] });
 }
-function l5(d) {
+function c5(d) {
   return typeof d == "function";
 }
-function u5(d) {
+function p5(d) {
   return typeof d == "object" && d !== null && typeof d.draw == "function";
 }
-function c5({
+function f5({
   next: d,
   updateStore: h,
   timeline: p,
@@ -72276,13 +72282,13 @@ function c5({
     (ae) => {
       if (ae.type !== "ExecuteContent") return null;
       const $ = ae.content;
-      if (l5($))
+      if (c5($))
         try {
           return $(A.current, P.current);
         } catch (te) {
           return console.error("Error executing dynamic canvas slide generator:", te), null;
         }
-      else if (u5($))
+      else if (p5($))
         return $;
       return console.warn(
         "ExecuteContent instruction content is not a valid CanvasSlide or Generator:",
@@ -72514,7 +72520,7 @@ function c5({
     }
   );
 }
-function p5({
+function d5({
   check: d,
   content: h = /* @__PURE__ */ z.jsx("div", { children: "Your device doesn't meet the requirements for this experiment." }),
   data: p,
@@ -72581,7 +72587,7 @@ function p5({
     })();
   }, [d, p, g, C]), x ? /* @__PURE__ */ z.jsx("div", { className: "max-w-prose mx-auto mt-20 mb-20 px-4", children: /* @__PURE__ */ z.jsx("article", { className: "prose prose-2xl prose-slate text-xl prose-a:text-blue-600 prose-a:underline prose-h1:text-4xl prose-h1:mb-10 prose-h1:font-bold prose-p:mb-4 prose-strong:font-bold text-black leading-relaxed", children: h }) }) : null;
 }
-function f5({
+function h5({
   next: d,
   updateStore: h,
   store: p,
@@ -72754,26 +72760,26 @@ function f5({
     ) })
   ] });
 }
-const d5 = {
+const g5 = {
   Text: rp,
   ProlificEnding: c1,
-  EnterFullscreen: zx,
-  ExitFullscreen: Wx,
+  EnterFullscreen: $x,
+  ExitFullscreen: Gx,
   Quest: V1,
-  Upload: Ux,
+  Upload: Wx,
   MicrophoneCheck: S1,
   PlainInput: u1,
-  RequestFilePermission: a5,
-  CanvasBlock: c5,
-  CheckDevice: p5,
-  StoreUI: f5
-}, h5 = {
+  RequestFilePermission: u5,
+  CanvasBlock: f5,
+  CheckDevice: d5,
+  StoreUI: h5
+}, m5 = {
   voicerecorder: w1
 };
 function Jh(d) {
   return typeof d == "object" && d !== null && typeof d.type == "string";
 }
-function P5({
+function j5({
   timeline: d,
   config: h = {
     showProgressBar: !1
@@ -72815,7 +72821,7 @@ function P5({
         params: H
       }
     }];
-  })()), [V, b] = Vt(0), S = dt(br()), D = dt({}), k = { ...d5, ...p }, W = { ...h5, ...f }, q = Nc(() => {
+  })()), [V, b] = Vt(0), S = dt(br()), D = dt({}), k = { ...g5, ...p }, W = { ...m5, ...f }, q = Nc(() => {
     const J = g.instructions.length;
     return J > 0 ? C / J : 0;
   }, [C, g.instructions]);
@@ -72965,35 +72971,35 @@ function P5({
   ] });
 }
 export {
-  c5 as C,
+  f5 as C,
   Yc as E,
   S1 as M,
   Fc as P,
   V1 as Q,
-  a5 as R,
+  u5 as R,
   rp as T,
-  Ux as U,
+  Wx as U,
   ag as W,
   G0 as a,
   i1 as b,
   J0 as c,
-  b5 as d,
+  x5 as d,
   _l as e,
   s1 as f,
   Ws as g,
   ug as h,
   zs as i,
-  C5 as j,
-  x5 as k,
+  w5 as j,
+  P5 as k,
   u1 as l,
   c1 as m,
   br as n,
-  zx as o,
+  $x as o,
   Z0 as p,
-  Wx as q,
-  v5 as r,
+  Gx as q,
+  C5 as r,
   $0 as s,
-  w5 as t,
-  P5 as u,
-  p5 as v
+  S5 as t,
+  j5 as u,
+  d5 as v
 };

package/dist/mod.d.ts

@@ -271,11 +271,14 @@ declare interface UpdateStoreItem {
     fun: StoreUpdateFunction;
 }
 
-export declare function Upload({ data, next, store, sessionID, generateFiles, sessionCSVBuilder, trialCSVBuilders, uploadRaw, autoUpload, androidFolderName, }: BaseComponentProps & {
+export declare function Upload({ data, next, store, sessionID, generateFiles, sessionCSVBuilder, trialCSVBuilder, uploadRaw, autoUpload, androidFolderName, }: BaseComponentProps & {
     sessionID?: string | null;
     generateFiles: (sessionID: string, data: TrialData[], store?: Store) => FileUpload[];
     sessionCSVBuilder: CSVBuilder;
-    trialCSVBuilders: CSVBuilder[];
+    trialCSVBuilder: {
+        flatteners: Record<string, ((item: TrialData) => Record<string, any>[])>;
+        builders: CSVBuilder[];
+    };
     uploadRaw: boolean;
     autoUpload: boolean;
     androidFolderName?: string;

package/dist/reactive.es.js

@@ -1,4 +1,4 @@
-import { C as e, v as r, o as n, q as i, t, u as o, M as l, P as m, l as p, m as c, Q as u, R as P, T as x, U as E, k as g, c as f, g as k, e as C, d, i as h, n as v, p as F, r as R, h as q, f as w, s as y, a as B, j as D } from "./mod-BY9yD0Pz.js";
+import { C as e, v as r, o as n, q as i, t, u as o, M as l, P as m, l as p, m as c, Q as u, R as P, T as x, U as E, k as g, c as f, g as k, e as C, d, i as h, n as v, p as F, r as R, h as q, f as w, s as y, a as B, j as D } from "./mod-OYK5S6rI.js";
 export {
   e as CanvasBlock,
   r as CheckDevice,