@builder.io/sdk-qwik 0.14.10 → 0.14.12

package/lib/browser/index.qwik.cjs

@@ -704,7 +704,7 @@ const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: qwik._fnSignal((p0) => p0.id, [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -773,10 +773,12 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
   ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -1623,10 +1625,12 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
     ], "p0.value")
   }, [
     /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -3989,7 +3993,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -4005,9 +4009,9 @@ const InlinedScript = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: qwik._fnSignal((p0) => p0.id || "", [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -4395,7 +4399,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4666,40 +4670,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, expression) {
-  return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-    code: group,
-    context: props.context || {},
-    localState: void 0,
-    rootState: props.builderContextSignal.rootState,
-    rootSetState: props.builderContextSignal.rootSetState,
-    enableCache: true
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.httpReqsPending[key] = true;
+    const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+      code: group,
+      context: props.context || {},
+      localState: void 0,
+      rootState: props.builderContextSignal.rootState,
+      rootSetState: props.builderContextSignal.rootSetState,
+      enableCache: true
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -4719,7 +4718,8 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });
@@ -5028,10 +5028,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [qwik._IMMUTABLE]: {
+      id: qwik._IMMUTABLE,
       styles: qwik._fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -5162,10 +5164,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -5331,40 +5335,36 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
         children: [
           /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [qwik._IMMUTABLE]: {
-              id: qwik._fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: qwik._IMMUTABLE,
               styles: qwik._fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [qwik._IMMUTABLE]: {
+              id: qwik._IMMUTABLE,
               scriptStr: qwik._fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/lib/browser/index.qwik.mjs

@@ -702,7 +702,7 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: _fnSignal((p0) => p0.id, [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -771,10 +771,12 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -1621,10 +1623,12 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     ], "p0.value")
   }, [
     /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -3987,7 +3991,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -4003,9 +4007,9 @@ const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: _fnSignal((p0) => p0.id || "", [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -4393,7 +4397,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4664,40 +4668,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, expression) {
-  return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-    code: group,
-    context: props.context || {},
-    localState: void 0,
-    rootState: props.builderContextSignal.rootState,
-    rootSetState: props.builderContextSignal.rootSetState,
-    enableCache: true
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.httpReqsPending[key] = true;
+    const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+      code: group,
+      context: props.context || {},
+      localState: void 0,
+      rootState: props.builderContextSignal.rootState,
+      rootSetState: props.builderContextSignal.rootSetState,
+      enableCache: true
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -4717,7 +4716,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });
@@ -5026,10 +5026,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ _jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [_IMMUTABLE]: {
+      id: _IMMUTABLE,
       styles: _fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -5160,10 +5162,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -5329,40 +5333,36 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment, {
         children: [
           /* @__PURE__ */ _jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [_IMMUTABLE]: {
-              id: _fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: _IMMUTABLE,
               styles: _fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ _jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [_IMMUTABLE]: {
+              id: _IMMUTABLE,
               scriptStr: _fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/lib/edge/index.qwik.cjs

@@ -3935,7 +3935,7 @@ const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: qwik._fnSignal((p0) => p0.id, [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -4004,10 +4004,12 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
   ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -4854,10 +4856,12 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
     ], "p0.value")
   }, [
     /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -7220,7 +7224,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -7236,9 +7240,9 @@ const InlinedScript = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: qwik._fnSignal((p0) => p0.id || "", [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -7626,7 +7630,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -7897,40 +7901,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, expression) {
-  return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-    code: group,
-    context: props.context || {},
-    localState: void 0,
-    rootState: props.builderContextSignal.rootState,
-    rootSetState: props.builderContextSignal.rootSetState,
-    enableCache: true
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.httpReqsPending[key] = true;
+    const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+      code: group,
+      context: props.context || {},
+      localState: void 0,
+      rootState: props.builderContextSignal.rootState,
+      rootSetState: props.builderContextSignal.rootSetState,
+      enableCache: true
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -7950,7 +7949,8 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });
@@ -8259,10 +8259,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [qwik._IMMUTABLE]: {
+      id: qwik._IMMUTABLE,
       styles: qwik._fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -8393,10 +8395,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -8562,40 +8566,36 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
         children: [
           /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [qwik._IMMUTABLE]: {
-              id: qwik._fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: qwik._IMMUTABLE,
               styles: qwik._fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [qwik._IMMUTABLE]: {
+              id: qwik._IMMUTABLE,
               scriptStr: qwik._fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/lib/edge/index.qwik.mjs

@@ -3933,7 +3933,7 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: _fnSignal((p0) => p0.id, [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -4002,10 +4002,12 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -4852,10 +4854,12 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     ], "p0.value")
   }, [
     /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -7218,7 +7222,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -7234,9 +7238,9 @@ const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: _fnSignal((p0) => p0.id || "", [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -7624,7 +7628,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -7895,40 +7899,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, expression) {
-  return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-    code: group,
-    context: props.context || {},
-    localState: void 0,
-    rootState: props.builderContextSignal.rootState,
-    rootSetState: props.builderContextSignal.rootSetState,
-    enableCache: true
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.httpReqsPending[key] = true;
+    const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+      code: group,
+      context: props.context || {},
+      localState: void 0,
+      rootState: props.builderContextSignal.rootState,
+      rootSetState: props.builderContextSignal.rootSetState,
+      enableCache: true
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -7948,7 +7947,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });
@@ -8257,10 +8257,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ _jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [_IMMUTABLE]: {
+      id: _IMMUTABLE,
       styles: _fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -8391,10 +8393,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -8560,40 +8564,36 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment, {
         children: [
           /* @__PURE__ */ _jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [_IMMUTABLE]: {
-              id: _fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: _IMMUTABLE,
               styles: _fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ _jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [_IMMUTABLE]: {
+              id: _IMMUTABLE,
               scriptStr: _fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/lib/node/index.qwik.cjs

@@ -806,7 +806,7 @@ const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: qwik._fnSignal((p0) => p0.id, [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -875,10 +875,12 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
   ]));
   return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -1725,10 +1727,12 @@ const Columns = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQr
     ], "p0.value")
   }, [
     /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [qwik._IMMUTABLE]: {
+        id: qwik._IMMUTABLE,
         styles: qwik._fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -4091,7 +4095,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -4107,9 +4111,9 @@ const InlinedScript = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     dangerouslySetInnerHTML: qwik._fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: qwik._fnSignal((p0) => p0.id || "", [
+    "data-id": qwik._fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -4497,7 +4501,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4768,40 +4772,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, expression) {
-  return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-    code: group,
-    context: props.context || {},
-    localState: void 0,
-    rootState: props.builderContextSignal.rootState,
-    rootSetState: props.builderContextSignal.rootSetState,
-    enableCache: true
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.httpReqsPending[key] = true;
+    const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+      code: group,
+      context: props.context || {},
+      localState: void 0,
+      rootState: props.builderContextSignal.rootState,
+      rootSetState: props.builderContextSignal.rootSetState,
+      enableCache: true
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -4821,7 +4820,8 @@ const EnableEditor = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
   const state = qwik.useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });
@@ -5130,10 +5130,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [qwik._IMMUTABLE]: {
+      id: qwik._IMMUTABLE,
       styles: qwik._fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -5264,10 +5266,12 @@ const ContentComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -5433,40 +5437,36 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [qwik._IMMUTABLE]: {
+          id: qwik._IMMUTABLE,
           scriptStr: qwik._IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
         children: [
           /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [qwik._IMMUTABLE]: {
-              id: qwik._fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: qwik._IMMUTABLE,
               styles: qwik._fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ qwik._jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [qwik._IMMUTABLE]: {
+              id: qwik._IMMUTABLE,
               scriptStr: qwik._fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/lib/node/index.qwik.mjs

@@ -804,7 +804,7 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.styles, [
       props
     ], "p0.styles"),
-    id: _fnSignal((p0) => p0.id, [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
     ], "p0.id")
   }, null, 3, "NG_0");
@@ -873,10 +873,12 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-block",
       get styles() {
         return css.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           css
         ], "p0.value")
@@ -1723,10 +1725,12 @@ const Columns = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props)
     ], "p0.value")
   }, [
     /* @__PURE__ */ _jsxC(InlinedStyles, {
+      id: "builderio-columns",
       get styles() {
         return columnsStyles.value;
       },
       [_IMMUTABLE]: {
+        id: _IMMUTABLE,
         styles: _fnSignal((p0) => p0.value, [
           columnsStyles
         ], "p0.value")
@@ -4089,7 +4093,7 @@ const checkShouldRenderVariants = ({ canTrack, content }) => {
 };
 const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
-const getScriptString = () => `
+const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}
   `;
@@ -4105,9 +4109,9 @@ const InlinedScript = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     dangerouslySetInnerHTML: _fnSignal((p0) => p0.scriptStr, [
       props
     ], "p0.scriptStr"),
-    id: _fnSignal((p0) => p0.id || "", [
+    "data-id": _fnSignal((p0) => p0.id, [
       props
-    ], 'p0.id||""')
+    ], "p0.id")
   }, null, 3, "WO_0");
 }, "InlinedScript_component_hwThBdhA8rw"));
 function getGlobalThis() {
@@ -4495,7 +4499,7 @@ function isFromTrustedHost(trustedHosts, e) {
   const url = new URL(e.origin), hostname = url.hostname;
   return (trustedHosts || DEFAULT_TRUSTED_HOSTS).findIndex((trustedHost) => trustedHost.startsWith("*.") ? hostname.endsWith(trustedHost.slice(1)) : trustedHost === hostname) > -1;
 }
-const SDK_VERSION = "0.14.10";
+const SDK_VERSION = "0.14.12";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -4766,40 +4770,35 @@ const onClick = function onClick22(props, state, elementRef, event) {
   if (!state.clicked)
     state.clicked = true;
 };
-const evalExpression = function evalExpression2(props, state, elementRef, expression) {
-  return expression.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
-    code: group,
-    context: props.context || {},
-    localState: void 0,
-    rootState: props.builderContextSignal.rootState,
-    rootSetState: props.builderContextSignal.rootSetState,
-    enableCache: true
-  })));
-};
-const handleRequest = function handleRequest2(props, state, elementRef, { url, key }) {
-  fetch$1(url).then((response) => response.json()).then((json) => {
-    var _a, _b;
-    const newState = {
-      ...props.builderContextSignal.rootState,
-      [key]: json
-    };
-    (_b = (_a = props.builderContextSignal).rootSetState) == null ? void 0 : _b.call(_a, newState);
-    state.httpReqsData[key] = true;
-  }).catch((err) => {
-    console.error("error fetching dynamic data", url, err);
-  });
-};
 const runHttpRequests = function runHttpRequests2(props, state, elementRef) {
   var _a, _b;
   const requests = ((_b = (_a = props.builderContextSignal.content) == null ? void 0 : _a.data) == null ? void 0 : _b.httpRequests) ?? {};
   Object.entries(requests).forEach(([key, url]) => {
-    if (url && (!state.httpReqsData[key] || isEditing())) {
-      const evaluatedUrl = evalExpression(props, state, elementRef, url);
-      handleRequest(props, state, elementRef, {
-        url: evaluatedUrl,
-        key
+    if (!url)
+      return;
+    if (state.httpReqsPending[key])
+      return;
+    if (state.httpReqsData[key] && !isEditing())
+      return;
+    state.httpReqsPending[key] = true;
+    const evaluatedUrl = url.replace(/{{([^}]+)}}/g, (_match, group) => String(evaluate({
+      code: group,
+      context: props.context || {},
+      localState: void 0,
+      rootState: props.builderContextSignal.rootState,
+      rootSetState: props.builderContextSignal.rootSetState,
+      enableCache: true
+    })));
+    fetch$1(evaluatedUrl).then((response) => response.json()).then((json) => {
+      mergeNewRootState(props, state, elementRef, {
+        [key]: json
       });
-    }
+      state.httpReqsData[key] = true;
+    }).catch((err) => {
+      console.error("error fetching dynamic data", url, err);
+    }).finally(() => {
+      state.httpReqsPending[key] = false;
+    });
   });
 };
 const emitStateUpdate = function emitStateUpdate2(props, state, elementRef) {
@@ -4819,7 +4818,8 @@ const EnableEditor = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
   const state = useStore({
     ContentWrapper: props.contentWrapper || "div",
     clicked: false,
-    httpReqsData: {}
+    httpReqsData: {},
+    httpReqsPending: {}
   }, {
     deep: true
   });
@@ -5128,10 +5128,12 @@ ${getDefaultStyles(props.isNestedRender)}
 `.trim()
   });
   return /* @__PURE__ */ _jsxC(InlinedStyles, {
+    id: "builderio-content",
     get styles() {
       return state.injectedStyles;
     },
     [_IMMUTABLE]: {
+      id: _IMMUTABLE,
       styles: _fnSignal((p0) => p0.injectedStyles, [
         state
       ], "p0.injectedStyles")
@@ -5262,10 +5264,12 @@ const ContentComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
     },
     children: [
       props.isSsrAbTest ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-variant-visibility",
         get scriptStr() {
           return state.scriptStr;
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _fnSignal((p0) => p0.scriptStr, [
             state
           ], "p0.scriptStr")
@@ -5431,40 +5435,36 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   return /* @__PURE__ */ _jsxC(Fragment$1, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
+        id: "builderio-init-variants-fns",
         get scriptStr() {
-          return getScriptString();
+          return getInitVariantsFnsScriptString();
         },
         [_IMMUTABLE]: {
+          id: _IMMUTABLE,
           scriptStr: _IMMUTABLE
         }
       }, 3, "XM_0") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment, {
         children: [
           /* @__PURE__ */ _jsxC(InlinedStyles, {
-            get id() {
-              var _a;
-              return `variants-styles-${(_a = props.content) == null ? void 0 : _a.id}`;
-            },
+            id: "builderio-variants",
             get styles() {
               return hideVariantsStyleString.value;
             },
             [_IMMUTABLE]: {
-              id: _fnSignal((p0) => {
-                var _a;
-                return `variants-styles-${(_a = p0.content) == null ? void 0 : _a.id}`;
-              }, [
-                props
-              ], "`variants-styles-${p0.content?.id}`"),
+              id: _IMMUTABLE,
               styles: _fnSignal((p0) => p0.value, [
                 hideVariantsStyleString
               ], "p0.value")
             }
           }, 3, "XM_1"),
           /* @__PURE__ */ _jsxC(InlinedScript, {
+            id: "builderio-variants-visibility",
             get scriptStr() {
               return updateCookieAndStylesScriptStr.value;
             },
             [_IMMUTABLE]: {
+              id: _IMMUTABLE,
               scriptStr: _fnSignal((p0) => p0.value, [
                 updateCookieAndStylesScriptStr
               ], "p0.value")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.14.10",
+  "version": "0.14.12",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

package/types/src/components/content/components/enable-editor.d.ts

@@ -12,11 +12,6 @@ export declare const mergeNewContent: (props: any, state: any, elementRef: any,
 export declare const processMessage: (props: any, state: any, elementRef: any, event: MessageEvent) => void;
 export declare const evaluateJsCode: (props: any, state: any, elementRef: any) => void;
 export declare const onClick: (props: any, state: any, elementRef: any, event: any) => void;
-export declare const evalExpression: (props: any, state: any, elementRef: any, expression: string) => string;
-export declare const handleRequest: (props: any, state: any, elementRef: any, { url, key, }: {
-    key: string;
-    url: string;
-}) => void;
 export declare const runHttpRequests: (props: any, state: any, elementRef: any) => void;
 export declare const emitStateUpdate: (props: any, state: any, elementRef: any) => void;
 export declare const EnableEditor: import("@builder.io/qwik").Component<BuilderEditorProps>;

package/types/src/components/content-variants/helpers.d.ts

@@ -32,7 +32,7 @@ type VariantData = {
     id: string;
     testRatio?: number;
 };
-export declare const getScriptString: () => string;
+export declare const getInitVariantsFnsScriptString: () => string;
 export declare const getUpdateCookieAndStylesScript: (variants: VariantData[], contentId: string) => string;
 export declare const getUpdateVariantVisibilityScript: ({ contentId, variationId }: {
     variationId: string;

package/types/src/components/inlined-script.d.ts

@@ -1,6 +1,6 @@
 interface Props {
     scriptStr: string;
-    id?: string;
+    id: string;
 }
 export declare const InlinedScript: import("@builder.io/qwik").Component<Props>;
 export default InlinedScript;

package/types/src/components/inlined-styles.d.ts

@@ -1,6 +1,6 @@
 interface Props {
     styles: string;
-    id?: string;
+    id: string;
 }
 export declare const InlinedStyles: import("@builder.io/qwik").Component<Props>;
 export default InlinedStyles;

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.14.10";
+export declare const SDK_VERSION = "0.14.12";