@hievilmath/browser-formidavim 1.1.3 → 1.1.4

package/index.mjs

@@ -8191,7 +8191,7 @@ const Ys = {
   max-width: 600px;
   margin: 0 auto;
   position: relative;
-`, Bl = ({ $isPreview: e, children: t }) => /* @__PURE__ */ p.jsxDEV(Gn, { store: To, children: /* @__PURE__ */ p.jsxDEV(Vi, { theme: Zi, children: /* @__PURE__ */ p.jsxDEV(rl, { $isPreview: e, children: /* @__PURE__ */ p.jsxDEV(nl, { children: t }, void 0, !1, {
+`, ol = ({ $isPreview: e, children: t }) => /* @__PURE__ */ p.jsxDEV(Gn, { store: To, children: /* @__PURE__ */ p.jsxDEV(Vi, { theme: Zi, children: /* @__PURE__ */ p.jsxDEV(rl, { $isPreview: e, children: /* @__PURE__ */ p.jsxDEV(nl, { children: t }, void 0, !1, {
   fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/RendererWrapper.tsx",
   lineNumber: 46,
   columnNumber: 11
@@ -8207,15 +8207,15 @@ const Ys = {
   fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/RendererWrapper.tsx",
   lineNumber: 43,
   columnNumber: 5
-}, void 0), ol = ({
+}, void 0), al = ({
   currentStep: e,
   totalSteps: t,
   showOnMobile: r = !0,
   showOnDesktop: n = !0
 }) => {
   if (t <= 1) return null;
-  const o = /* @__PURE__ */ p.jsxDEV(sl, { children: /* @__PURE__ */ p.jsxDEV(
-    ll,
+  const o = /* @__PURE__ */ p.jsxDEV(ll, { children: /* @__PURE__ */ p.jsxDEV(
+    cl,
     {
       $currentStep: e,
       $totalSteps: t
@@ -8234,12 +8234,12 @@ const Ys = {
     columnNumber: 5
   }, void 0);
   return /* @__PURE__ */ p.jsxDEV(p.Fragment, { children: [
-    n && /* @__PURE__ */ p.jsxDEV(al, { children: o }, void 0, !1, {
+    n && /* @__PURE__ */ p.jsxDEV(il, { children: o }, void 0, !1, {
       fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/FlowProgressTracker.tsx",
       lineNumber: 31,
       columnNumber: 9
     }, void 0),
-    r && /* @__PURE__ */ p.jsxDEV(il, { children: o }, void 0, !1, {
+    r && /* @__PURE__ */ p.jsxDEV(sl, { children: o }, void 0, !1, {
       fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/FlowProgressTracker.tsx",
       lineNumber: 36,
       columnNumber: 9
@@ -8249,7 +8249,7 @@ const Ys = {
     lineNumber: 29,
     columnNumber: 5
   }, void 0);
-}, al = y.div`
+}, il = y.div`
   display: none;
   
   @media (min-width: 768px) {
@@ -8257,7 +8257,7 @@ const Ys = {
     width: 500px;
     margin: 0 auto 25px;
   }
-`, il = y.div`
+`, sl = y.div`
   display: block;
   position: absolute;
   bottom: 0;
@@ -8267,7 +8267,7 @@ const Ys = {
   @media (min-width: 768px) {
     display: none;
   }
-`, sl = y.div`
+`, ll = y.div`
   width: 100%;
   height: 5px;
   background-color: ${(e) => {
@@ -8276,7 +8276,7 @@ const Ys = {
 }};
   border-radius: 0;
   overflow: hidden;
-`, ll = y.div`
+`, cl = y.div`
   width: ${(e) => `calc((${e.$currentStep} / ${e.$totalSteps}) * 100%)`};
   height: 100%;
   background-color: ${(e) => {
@@ -8284,11 +8284,11 @@ const Ys = {
   return ((r = (t = e.theme) == null ? void 0 : t.colors) == null ? void 0 : r.ivimGreen) || "#85AF61";
 }};
   transition: width 0.3s ease-in-out;
-`, cl = ({ flowForm: e, isPreview: t }) => {
+`, dl = ({ flowForm: e, isPreview: t }) => {
   if (!e || !e.form)
     return null;
   const r = /* @__PURE__ */ p.jsxDEV(
-    Al,
+    jl,
     {
       form: e.form,
       isPreview: t
@@ -8307,7 +8307,7 @@ const Ys = {
     lineNumber: 25,
     columnNumber: 23
   }, void 0);
-}, dl = ({ formComponent: e }) => {
+}, ul = ({ formComponent: e }) => {
   const t = e.props, { required: r, min: n, max: o, property: a, label: i = "Number Input", allowLeadingZero: s = !1 } = t || {}, l = 1, [d, c] = pt(""), m = (h) => {
     let { value: g } = h.target;
     s || (g = g.replace(/^0+/, "")), c(g);
@@ -8372,7 +8372,7 @@ const Ys = {
       var f;
       (f = g.form) != null && f.formComponents && g.form.formComponents.forEach((N) => {
         const R = N.componentId || "";
-        if (Rl[R]) {
+        if (_l[R]) {
           const x = N.props, k = (x == null ? void 0 : x.property) || (x == null ? void 0 : x.propertyId) || (x == null ? void 0 : x.name) || (x == null ? void 0 : x.id);
           k && (h[k] = null);
         }
@@ -8393,7 +8393,7 @@ const Ys = {
     // Utilities
     generateFormDataFromFlow: c
   };
-}, Bt = ({ errors: e }) => /* @__PURE__ */ p.jsxDEV(ul, { children: e.map((t, r) => /* @__PURE__ */ p.jsxDEV(ml, { children: t }, r, !1, {
+}, Bt = ({ errors: e }) => /* @__PURE__ */ p.jsxDEV(ml, { children: e.map((t, r) => /* @__PURE__ */ p.jsxDEV(hl, { children: t }, r, !1, {
   fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/visual/RenderError.tsx",
   lineNumber: 8,
   columnNumber: 17
@@ -8401,13 +8401,13 @@ const Ys = {
   fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/visual/RenderError.tsx",
   lineNumber: 6,
   columnNumber: 9
-}, void 0), ul = y.div`
+}, void 0), ml = y.div`
   padding: 16px;
   background-color: #f5f5f5;
   border-radius: 8px;
   border: 1px solid #e0e0e0;
   margin: 8px 0;
-`, ml = y.div`
+`, hl = y.div`
   font-family: 'Poppins', sans-serif;
   font-size: 14px;
   color: #666;
@@ -8507,7 +8507,7 @@ const Ys = {
     },
     void 0
   );
-}, hl = ({ formComponent: e }) => {
+}, pl = ({ formComponent: e }) => {
   const t = e.props, { required: r, maxLength: n, propertyId: o, label: a = "Text Area Input" } = t || {}, [i, s] = pt(""), l = (d) => {
     const { value: c } = d.target;
     s(c);
@@ -8550,7 +8550,7 @@ const Ys = {
       columnNumber: 5
     }, void 0)
   );
-}, pl = ({ formComponent: e }) => {
+}, fl = ({ formComponent: e }) => {
   const { getFlowValue: t, setFlowAndPatientValue: r } = tr(), n = e.props, { labelText: o, leftText: a, middleText: i, rightText: s, propertyId: l, required: d } = n || {}, c = t(l), m = (f) => {
     r(l, f);
   }, h = (f) => ({
@@ -8569,14 +8569,14 @@ const Ys = {
     Br,
     {
       $type: "symptomSurvey",
-      children: /* @__PURE__ */ p.jsxDEV(fl, { children: [
+      children: /* @__PURE__ */ p.jsxDEV(bl, { children: [
         o && /* @__PURE__ */ p.jsxDEV(mo, { $color: "primary", $margin: "0px 0px 10px 0px", children: o }, void 0, !1, {
           fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/inputs/Scale.tsx",
           lineNumber: 77,
           columnNumber: 23
         }, void 0),
-        /* @__PURE__ */ p.jsxDEV(bl, { children: [
-          /* @__PURE__ */ p.jsxDEV(gl, { children: [
+        /* @__PURE__ */ p.jsxDEV(gl, { children: [
+          /* @__PURE__ */ p.jsxDEV(yl, { children: [
             a && /* @__PURE__ */ p.jsxDEV(br, { children: a }, void 0, !1, {
               fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/inputs/Scale.tsx",
               lineNumber: 80,
@@ -8597,8 +8597,8 @@ const Ys = {
             lineNumber: 79,
             columnNumber: 11
           }, void 0),
-          /* @__PURE__ */ p.jsxDEV(yl, { children: [1, 2, 3, 4, 5].map((f) => /* @__PURE__ */ p.jsxDEV(xl, { style: { display: "flex", flexDirection: "column", alignItems: "center" }, children: /* @__PURE__ */ p.jsxDEV(
-            $l,
+          /* @__PURE__ */ p.jsxDEV(xl, { children: [1, 2, 3, 4, 5].map((f) => /* @__PURE__ */ p.jsxDEV($l, { style: { display: "flex", flexDirection: "column", alignItems: "center" }, children: /* @__PURE__ */ p.jsxDEV(
+            wl,
             {
               $severity: f,
               $color: h(f),
@@ -8660,11 +8660,11 @@ y.h3`
         margin: 0;
     }
 `;
-const fl = y.div`
+const bl = y.div`
     &&{
         margin-top: 15px;
     }
-`, bl = y.div`
+`, gl = y.div`
     &&{
         background-color: ${(e) => e.theme.colors.neutral20};
         border-radius: 8px;
@@ -8673,7 +8673,7 @@ const fl = y.div`
         flex-direction: column;
         gap: 8px;
     }
-`, gl = y.div`
+`, yl = y.div`
     &&{
         display: flex;
         justify-content: space-between;
@@ -8701,20 +8701,20 @@ const fl = y.div`
             text-align: right;
         }
     }
-`, yl = y.div`
+`, xl = y.div`
     &&{
         display: flex;
         justify-content: space-between;
         gap: 8px;
     }
-`, xl = y.div`
+`, $l = y.div`
     display: 'flex';
     flex-direction: 'column';
     align-items: 'center';
     width: 44px;
     max-width: 17%;
     
-`, $l = y.button`
+`, wl = y.button`
     &&{
         width: 100%;
         height: 44px;
@@ -8742,14 +8742,14 @@ const fl = y.div`
             box-shadow: 0 0 0 2px ${(e) => e.theme.colors.primary}40;
         }
     }
-`, wl = ({ formComponent: e }) => {
+`, vl = ({ formComponent: e }) => {
   const t = e.props;
   return t != null && t.text ? /* @__PURE__ */ p.jsxDEV(Ni, { $margin: "0px", $color: t.color, $align: t["text-align"], dangerouslySetInnerHTML: { __html: t.text } }, void 0, !1, {
     fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/visual/Header.tsx",
     lineNumber: 16,
     columnNumber: 5
   }, void 0) : null;
-}, vl = ({ formComponent: e }) => {
+}, Cl = ({ formComponent: e }) => {
   const t = e.props;
   return t != null && t.src ? /* @__PURE__ */ p.jsxDEV(
     qi,
@@ -8769,7 +8769,7 @@ const fl = y.div`
     lineNumber: 13,
     columnNumber: 27
   }, void 0);
-}, Cl = ({ formComponent: e }) => /* @__PURE__ */ p.jsxDEV(Sl, { children: /* @__PURE__ */ p.jsxDEV(Pl, { children: /* @__PURE__ */ p.jsxDEV(El, { children: /* @__PURE__ */ p.jsxDEV("svg", { width: "352", height: "243", viewBox: "0 0 352 243", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+}, Sl = ({ formComponent: e }) => /* @__PURE__ */ p.jsxDEV(Pl, { children: /* @__PURE__ */ p.jsxDEV(El, { children: /* @__PURE__ */ p.jsxDEV(Vl, { children: /* @__PURE__ */ p.jsxDEV("svg", { width: "352", height: "243", viewBox: "0 0 352 243", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ p.jsxDEV("g", { "clip-path": "url(#clip0_356_13948)", children: [
     /* @__PURE__ */ p.jsxDEV("g", { "clip-path": "url(#clip1_356_13948)", children: [
       /* @__PURE__ */ p.jsxDEV("path", { d: "M351 195C151.369 195 32.4675 102 0 22V230H351V195Z", fill: "url(#paint0_linear_356_13948)" }, void 0, !1, {
@@ -8863,7 +8863,7 @@ const fl = y.div`
   fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/visual/WeightLossChart.tsx",
   lineNumber: 8,
   columnNumber: 5
-}, void 0), Sl = y.div`
+}, void 0), Pl = y.div`
   && {
     display: flex;
     flex-direction: column;
@@ -8878,14 +8878,14 @@ const fl = y.div`
       padding: 0 5px;
     }
   }
-`, Pl = y.div`
+`, El = y.div`
   && {
     position: relative;
     width: 100%;
     // height: 188px;
     // margin-bottom: 54px;
   }
-`, El = y.div`
+`, Vl = y.div`
   && {
     position: relative;
     width: 100%;
@@ -8915,46 +8915,46 @@ Ao.textContent = `
   }
 `;
 document.head.appendChild(Ao);
-const Vl = ({ formComponent: e }) => /* @__PURE__ */ p.jsxDEV("hr", { style: { height: "1px", border: "1px solid #D9D8D8", opacity: 1, margin: "20px 0" } }, void 0, !1, {
+const Ol = ({ formComponent: e }) => /* @__PURE__ */ p.jsxDEV("hr", { style: { height: "1px", border: "1px solid #D9D8D8", opacity: 1, margin: "20px 0" } }, void 0, !1, {
   fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/visual/Rule.tsx",
   lineNumber: 7,
   columnNumber: 5
-}, void 0), Ol = ({ formComponent: e }) => {
+}, void 0), Nl = ({ formComponent: e }) => {
   var t;
   return (t = e.props) != null && t.text ? /* @__PURE__ */ p.jsxDEV(ki, { $margin: "0px", dangerouslySetInnerHTML: { __html: e.props.text } }, void 0, !1, {
     fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/visual/TextTip.tsx",
     lineNumber: 9,
     columnNumber: 5
   }, void 0) : null;
-}, Nl = ({ formComponent: e }) => {
+}, kl = ({ formComponent: e }) => {
   const t = e.props;
   return t != null && t.text ? /* @__PURE__ */ p.jsxDEV(Ri, { $margin: "0px", $color: t.color, $align: t["text-align"], dangerouslySetInnerHTML: { __html: t.text } }, void 0, !1, {
     fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/visual/SmallText.tsx",
     lineNumber: 16,
     columnNumber: 5
   }, void 0) : null;
-}, kl = ({ formComponent: e }) => {
+}, Rl = ({ formComponent: e }) => {
   const t = e.props;
   return t != null && t.text ? /* @__PURE__ */ p.jsxDEV(mo, { $margin: "0px", $color: t.color, $align: t["text-align"], dangerouslySetInnerHTML: { __html: t.text } }, void 0, !1, {
     fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/visual/Paragraph.tsx",
     lineNumber: 16,
     columnNumber: 5
   }, void 0) : null;
-}, Rl = {
+}, _l = {
   number: "number",
   "number-input": "number",
   radio: "string",
   "radio-group": "string",
   checkbox: "array"
-}, _l = {
+}, Dl = {
   // Visual components
-  header: wl,
-  image: vl,
-  "weight-loss-chart": Cl,
-  "horizontal-rule": Vl,
-  "text-tip": Ol,
-  "small-text": Nl,
-  paragraph: kl,
+  header: vl,
+  image: Cl,
+  "weight-loss-chart": Sl,
+  "horizontal-rule": Ol,
+  "text-tip": Nl,
+  "small-text": kl,
+  paragraph: Rl,
   //   'description': DescriptionText, // To be implemented
   //   'html': HtmlBlock, // To be implemented
   //   'video': VideoBlock, // To be implemented
@@ -8964,9 +8964,9 @@ const Vl = ({ formComponent: e }) => /* @__PURE__ */ p.jsxDEV("hr", { style: { h
   checkbox: fr,
   radio: fr,
   "radio-group": fr,
-  number: dl,
+  number: ul,
   // 'number-input': NumberInput,
-  scale: pl,
+  scale: fl,
   // 'text-input': TextInputComponent,
   // Input components - to be implemented
   // 'text': TextInputComponent,
@@ -8977,7 +8977,7 @@ const Vl = ({ formComponent: e }) => /* @__PURE__ */ p.jsxDEV("hr", { style: { h
   //   'date': DateInput, // To be implemented
   //   'file': FileInput, // To be implemented
   //   'select': SelectInput, // To be implemented
-  textarea: hl
+  textarea: pl
   // To be implemented
   //   'textRepeater': TextRepeaterInput, // To be implemented
   //   'phone': PhoneInput, // To be implemented
@@ -9010,9 +9010,9 @@ const Vl = ({ formComponent: e }) => /* @__PURE__ */ p.jsxDEV("hr", { style: { h
     return Object.keys(this.registry);
   }
 };
-Wr.registry = { ..._l };
+Wr.registry = { ...Dl };
 let Dr = Wr;
-const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 }) => {
+const Il = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 }) => {
   const o = (a) => {
     const i = a.componentId;
     if (!i)
@@ -9045,7 +9045,7 @@ const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 })
     lineNumber: 29,
     columnNumber: 7
   }, void 0);
-}, Il = (e, t) => {
+}, Tl = (e, t) => {
   const { operand: r, operator: n, value: o } = e, a = t(r), i = String(a || "").toLowerCase().trim(), s = String(o || "").toLowerCase().trim();
   switch (n) {
     case "==":
@@ -9096,12 +9096,12 @@ const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 })
     default:
       return console.warn("Unknown operator:", n), !1;
   }
-}, Tl = (e, t) => !e || !e.conditions || e.conditions.length === 0 ? !0 : e.conditions.some((r) => r.every((n) => Il(n, t))), Ml = (e, t) => (e && console.warn("evaluateCondition is deprecated. Use evaluateConditionWithFlowStore with the flow store instead."), !0), jo = () => {
+}, Al = (e, t) => !e || !e.conditions || e.conditions.length === 0 ? !0 : e.conditions.some((r) => r.every((n) => Tl(n, t))), Ml = (e, t) => (e && console.warn("evaluateCondition is deprecated. Use evaluateConditionWithFlowStore with the flow store instead."), !0), jo = () => {
   const { getPatientValue: e } = tr();
   return {
-    evaluateCondition: Ir(() => (r) => Tl(r, e), [e])
+    evaluateCondition: Ir(() => (r) => Al(r, e), [e])
   };
-}, Al = ({ form: e, isPreview: t }) => {
+}, jl = ({ form: e, isPreview: t }) => {
   const { evaluateCondition: r } = jo(), o = Ir(() => {
     var i;
     return ((i = e.formComponents) == null ? void 0 : i.map((s) => {
@@ -9117,7 +9117,7 @@ const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 })
   return /* @__PURE__ */ p.jsxDEV(p.Fragment, { children: o.map((i, s) => {
     const l = s === 0 ? "first" : a === s + 1 ? "last" : null, d = i.isVisible;
     return /* @__PURE__ */ p.jsxDEV(
-      Dl,
+      Il,
       {
         formComponent: i,
         isPreview: t,
@@ -9138,9 +9138,9 @@ const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 })
     lineNumber: 32,
     columnNumber: 5
   }, void 0);
-}, jl = y.form`
+}, Fl = y.form`
     padding: 20px 0px 20px;
-`, Fo = ({ children: e, $bgColor: t }) => /* @__PURE__ */ p.jsxDEV(et, { $overflow: "hidden", $position: "static", $xSmall: !0, id: "MainFlowContainer", $bgColor: t || "white", $bRad: "0px", $marginBottom: "0px", $marginBottomMd: "0px", children: /* @__PURE__ */ p.jsxDEV(jl, { children: e }, void 0, !1, {
+`, Fo = ({ children: e, $bgColor: t }) => /* @__PURE__ */ p.jsxDEV(et, { $overflow: "hidden", $position: "static", $xSmall: !0, id: "MainFlowContainer", $bgColor: t || "white", $bRad: "0px", $marginBottom: "0px", $marginBottomMd: "0px", children: /* @__PURE__ */ p.jsxDEV(Fl, { children: e }, void 0, !1, {
   fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/FormWrapper.tsx",
   lineNumber: 18,
   columnNumber: 7
@@ -9148,7 +9148,7 @@ const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 })
   fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/FormWrapper.tsx",
   lineNumber: 17,
   columnNumber: 5
-}, void 0), Fl = ({ flow: e, isPreview: t, $bgColor: r }) => {
+}, void 0), Ul = ({ flow: e, isPreview: t, $bgColor: r }) => {
   var g;
   const [n, o] = pt(0), { evaluateCondition: a } = jo(), i = ((g = e.flowForms) == null ? void 0 : g.filter((f) => f.condition ? a(f.condition) : !0)) || [], s = i.length, l = i[n];
   if (!l) return null;
@@ -9159,7 +9159,7 @@ const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 })
   };
   return console.log(l.bgColor), /* @__PURE__ */ p.jsxDEV(Li, { children: [
     /* @__PURE__ */ p.jsxDEV(
-      ol,
+      al,
       {
         currentStep: n + 1,
         totalSteps: s,
@@ -9196,7 +9196,7 @@ const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 })
       columnNumber: 7
     }, void 0),
     /* @__PURE__ */ p.jsxDEV(Fo, { $bgColor: l.bgColor, children: /* @__PURE__ */ p.jsxDEV(
-      cl,
+      dl,
       {
         flowForm: l,
         isPreview: t
@@ -9247,14 +9247,14 @@ const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 })
     lineNumber: 50,
     columnNumber: 5
   }, void 0);
-}, Ul = ({ data: e, config: t, isPreview: r }) => {
+}, Hl = ({ data: e, config: t, isPreview: r }) => {
   const { setFlowValues: n, generateFormDataFromFlow: o, setPatientValues: a } = tr();
   return Tr(() => {
     a(e);
     const i = o(t);
     n(i);
   }, [e, t, a, n, o]), /* @__PURE__ */ p.jsxDEV(
-    Fl,
+    Ul,
     {
       flow: t,
       isPreview: r
@@ -9277,8 +9277,8 @@ const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 })
     ]).then(([c, m]) => {
       console.warn({ config: c, data: m, detail: "NetworkAwareWrapper" }), l({ config: c, data: m });
     });
-  }, []), s.config ? /* @__PURE__ */ p.jsxDEV(Gn, { store: To, children: /* @__PURE__ */ p.jsxDEV(
-    Ul,
+  }, []), s.config ? /* @__PURE__ */ p.jsxDEV(Gn, { store: To, children: /* @__PURE__ */ p.jsxDEV(ol, { children: /* @__PURE__ */ p.jsxDEV(
+    Hl,
     {
       data: s.data,
       isPreview: !1,
@@ -9288,30 +9288,34 @@ const Dl = ({ formComponent: e, isPreview: t, boundary: r, isVisible: n = !0 })
     !1,
     {
       fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/NetworkAwareWrapper.tsx",
-      lineNumber: 35,
-      columnNumber: 9
+      lineNumber: 37,
+      columnNumber: 13
     },
     void 0
   ) }, void 0, !1, {
     fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/NetworkAwareWrapper.tsx",
-    lineNumber: 34,
+    lineNumber: 36,
+    columnNumber: 9
+  }, void 0) }, void 0, !1, {
+    fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/NetworkAwareWrapper.tsx",
+    lineNumber: 35,
     columnNumber: 12
   }, void 0) : /* @__PURE__ */ p.jsxDEV(p.Fragment, { children: r }, void 0, !1, {
     fileName: "/Users/lnorris/github.com/Ivim-Health/ivim/libs/browser/formidavim/src/lib/components/NetworkAwareWrapper.tsx",
-    lineNumber: 31,
+    lineNumber: 32,
     columnNumber: 16
   }, void 0);
 };
 export {
   Dr as ComponentFactory,
-  cl as FlowFormRenderer,
-  ol as FlowProgressTracker,
-  Fl as FlowRenderer,
-  Dl as FormComponentRenderer,
-  Al as FormRenderer,
+  dl as FlowFormRenderer,
+  al as FlowProgressTracker,
+  Ul as FlowRenderer,
+  Il as FormComponentRenderer,
+  jl as FormRenderer,
   Fo as FormWrapper,
   Ql as NetworkAwareWrapper,
-  Ul as Renderer,
-  Bl as RendererWrapper,
+  Hl as Renderer,
+  ol as RendererWrapper,
   Ml as evaluateCondition
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hievilmath/browser-formidavim",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "main": "./index.js",
   "module": "./index.mjs",
   "typings": "./index.d.ts",
@@ -11,6 +11,7 @@
     "axios": "*",
     "react": "*",
     "react-redux": "*",
-    "react-router-dom": "*"
+    "react-router-dom": "*",
+    "styled-components": "*"
   }
 }