@builder.io/sdk-qwik 0.6.1 → 0.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/lib/browser/index.qwik.cjs +28 -23
  2. package/lib/browser/index.qwik.mjs +29 -24
  3. package/lib/edge/index.qwik.cjs +28 -23
  4. package/lib/edge/index.qwik.mjs +29 -24
  5. package/lib/node/index.qwik.cjs +28 -23
  6. package/lib/node/index.qwik.mjs +29 -24
  7. package/package.json +1 -1
  8. package/types/src/constants/sdk-version.d.ts +1 -1
  9. package/types/src/functions/fetch-builder-props.d.ts +13 -0
  10. package/types/src/types/components.d.ts +0 -1
package/lib/browser/index.qwik.cjs CHANGED
@@ -380,36 +380,42 @@ const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
380
380
  }, "InlinedStyles_component_IOsg46hMexk"));
381
381
  const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
382
382
  qwik._jsxBranch();
383
- const state = qwik.useStore({
384
- processedBlock: getProcessedBlock({
385
- block: props.block,
386
- localState: props.context.localState,
387
- rootState: props.context.rootState,
388
- rootSetState: props.context.rootSetState,
389
- context: props.context.context,
390
- shouldEvaluateBindings: true
391
- })
392
- });
393
383
  const canShowBlock = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
394
- const [state2] = qwik.useLexicalScope();
395
- if (checkIsDefined(state2.processedBlock.hide))
396
- return !state2.processedBlock.hide;
397
- if (checkIsDefined(state2.processedBlock.show))
398
- return state2.processedBlock.show;
384
+ const [props2] = qwik.useLexicalScope();
385
+ const processedBlock = getProcessedBlock({
386
+ block: props2.block,
387
+ localState: props2.context.localState,
388
+ rootState: props2.context.rootState,
389
+ rootSetState: props2.context.rootSetState,
390
+ context: props2.context.context,
391
+ shouldEvaluateBindings: true
392
+ });
393
+ if (checkIsDefined(processedBlock.hide))
394
+ return !processedBlock.hide;
395
+ if (checkIsDefined(processedBlock.show))
396
+ return processedBlock.show;
399
397
  return true;
400
398
  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
401
- state
399
+ props
402
400
  ]));
403
401
  const css = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
404
402
  var _a;
405
- const [props2, state2] = qwik.useLexicalScope();
406
- const styles = state2.processedBlock.responsiveStyles;
403
+ const [props2] = qwik.useLexicalScope();
404
+ const processedBlock = getProcessedBlock({
405
+ block: props2.block,
406
+ localState: props2.context.localState,
407
+ rootState: props2.context.rootState,
408
+ rootSetState: props2.context.rootSetState,
409
+ context: props2.context.context,
410
+ shouldEvaluateBindings: true
411
+ });
412
+ const styles = processedBlock.responsiveStyles;
407
413
  const content = props2.context.content;
408
414
  const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(((_a = content == null ? void 0 : content.meta) == null ? void 0 : _a.breakpoints) || {});
409
415
  const largeStyles = styles == null ? void 0 : styles.large;
410
416
  const mediumStyles = styles == null ? void 0 : styles.medium;
411
417
  const smallStyles = styles == null ? void 0 : styles.small;
412
- const className = state2.processedBlock.id;
418
+ const className = processedBlock.id;
413
419
  if (!className)
414
420
  return "";
415
421
  const largeStylesClass = largeStyles ? createCssClass({
@@ -432,8 +438,7 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
432
438
  smallStylesClass
433
439
  ].join(" ");
434
440
  }, "BlockStyles_component_css_useComputed_b9Ru8qTcNik", [
435
- props,
436
- state
441
+ props
437
442
  ]));
438
443
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
439
444
  children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
@@ -2115,7 +2120,7 @@ const componentInfo$4 = {
2115
2120
  }
2116
2121
  };
2117
2122
  const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
2118
- return /* @__PURE__ */ qwik._jsxQ("span", null, {
2123
+ return /* @__PURE__ */ qwik._jsxQ("div", null, {
2119
2124
  class: "builder-text",
2120
2125
  dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
2121
2126
  var _a;
@@ -3092,7 +3097,7 @@ const getInteractionPropertiesForEvent = (event) => {
3092
3097
  }
3093
3098
  };
3094
3099
  };
3095
- const SDK_VERSION = "0.6.1";
3100
+ const SDK_VERSION = "0.6.3";
3096
3101
  const registry = {};
3097
3102
  function register(type, info) {
3098
3103
  let typeList = registry[type];
package/lib/browser/index.qwik.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useStore, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
2
2
  import { Fragment } from "@builder.io/qwik/jsx-runtime";
3
3
  const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
4
4
  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
@@ -378,36 +378,42 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
378
378
  }, "InlinedStyles_component_IOsg46hMexk"));
379
379
  const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
380
380
  _jsxBranch();
381
- const state = useStore({
382
- processedBlock: getProcessedBlock({
383
- block: props.block,
384
- localState: props.context.localState,
385
- rootState: props.context.rootState,
386
- rootSetState: props.context.rootSetState,
387
- context: props.context.context,
388
- shouldEvaluateBindings: true
389
- })
390
- });
391
381
  const canShowBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
392
- const [state2] = useLexicalScope();
393
- if (checkIsDefined(state2.processedBlock.hide))
394
- return !state2.processedBlock.hide;
395
- if (checkIsDefined(state2.processedBlock.show))
396
- return state2.processedBlock.show;
382
+ const [props2] = useLexicalScope();
383
+ const processedBlock = getProcessedBlock({
384
+ block: props2.block,
385
+ localState: props2.context.localState,
386
+ rootState: props2.context.rootState,
387
+ rootSetState: props2.context.rootSetState,
388
+ context: props2.context.context,
389
+ shouldEvaluateBindings: true
390
+ });
391
+ if (checkIsDefined(processedBlock.hide))
392
+ return !processedBlock.hide;
393
+ if (checkIsDefined(processedBlock.show))
394
+ return processedBlock.show;
397
395
  return true;
398
396
  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
399
- state
397
+ props
400
398
  ]));
401
399
  const css = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
402
400
  var _a;
403
- const [props2, state2] = useLexicalScope();
404
- const styles = state2.processedBlock.responsiveStyles;
401
+ const [props2] = useLexicalScope();
402
+ const processedBlock = getProcessedBlock({
403
+ block: props2.block,
404
+ localState: props2.context.localState,
405
+ rootState: props2.context.rootState,
406
+ rootSetState: props2.context.rootSetState,
407
+ context: props2.context.context,
408
+ shouldEvaluateBindings: true
409
+ });
410
+ const styles = processedBlock.responsiveStyles;
405
411
  const content = props2.context.content;
406
412
  const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(((_a = content == null ? void 0 : content.meta) == null ? void 0 : _a.breakpoints) || {});
407
413
  const largeStyles = styles == null ? void 0 : styles.large;
408
414
  const mediumStyles = styles == null ? void 0 : styles.medium;
409
415
  const smallStyles = styles == null ? void 0 : styles.small;
410
- const className = state2.processedBlock.id;
416
+ const className = processedBlock.id;
411
417
  if (!className)
412
418
  return "";
413
419
  const largeStylesClass = largeStyles ? createCssClass({
@@ -430,8 +436,7 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
430
436
  smallStylesClass
431
437
  ].join(" ");
432
438
  }, "BlockStyles_component_css_useComputed_b9Ru8qTcNik", [
433
- props,
434
- state
439
+ props
435
440
  ]));
436
441
  return /* @__PURE__ */ _jsxC(Fragment, {
437
442
  children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
@@ -2113,7 +2118,7 @@ const componentInfo$4 = {
2113
2118
  }
2114
2119
  };
2115
2120
  const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
2116
- return /* @__PURE__ */ _jsxQ("span", null, {
2121
+ return /* @__PURE__ */ _jsxQ("div", null, {
2117
2122
  class: "builder-text",
2118
2123
  dangerouslySetInnerHTML: _fnSignal((p0) => {
2119
2124
  var _a;
@@ -3090,7 +3095,7 @@ const getInteractionPropertiesForEvent = (event) => {
3090
3095
  }
3091
3096
  };
3092
3097
  };
3093
- const SDK_VERSION = "0.6.1";
3098
+ const SDK_VERSION = "0.6.3";
3094
3099
  const registry = {};
3095
3100
  function register(type, info) {
3096
3101
  let typeList = registry[type];
package/lib/edge/index.qwik.cjs CHANGED
@@ -3584,36 +3584,42 @@ const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
3584
3584
  }, "InlinedStyles_component_IOsg46hMexk"));
3585
3585
  const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
3586
3586
  qwik._jsxBranch();
3587
- const state = qwik.useStore({
3588
- processedBlock: getProcessedBlock({
3589
- block: props.block,
3590
- localState: props.context.localState,
3591
- rootState: props.context.rootState,
3592
- rootSetState: props.context.rootSetState,
3593
- context: props.context.context,
3594
- shouldEvaluateBindings: true
3595
- })
3596
- });
3597
3587
  const canShowBlock = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
3598
- const [state2] = qwik.useLexicalScope();
3599
- if (checkIsDefined(state2.processedBlock.hide))
3600
- return !state2.processedBlock.hide;
3601
- if (checkIsDefined(state2.processedBlock.show))
3602
- return state2.processedBlock.show;
3588
+ const [props2] = qwik.useLexicalScope();
3589
+ const processedBlock = getProcessedBlock({
3590
+ block: props2.block,
3591
+ localState: props2.context.localState,
3592
+ rootState: props2.context.rootState,
3593
+ rootSetState: props2.context.rootSetState,
3594
+ context: props2.context.context,
3595
+ shouldEvaluateBindings: true
3596
+ });
3597
+ if (checkIsDefined(processedBlock.hide))
3598
+ return !processedBlock.hide;
3599
+ if (checkIsDefined(processedBlock.show))
3600
+ return processedBlock.show;
3603
3601
  return true;
3604
3602
  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
3605
- state
3603
+ props
3606
3604
  ]));
3607
3605
  const css = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
3608
3606
  var _a;
3609
- const [props2, state2] = qwik.useLexicalScope();
3610
- const styles = state2.processedBlock.responsiveStyles;
3607
+ const [props2] = qwik.useLexicalScope();
3608
+ const processedBlock = getProcessedBlock({
3609
+ block: props2.block,
3610
+ localState: props2.context.localState,
3611
+ rootState: props2.context.rootState,
3612
+ rootSetState: props2.context.rootSetState,
3613
+ context: props2.context.context,
3614
+ shouldEvaluateBindings: true
3615
+ });
3616
+ const styles = processedBlock.responsiveStyles;
3611
3617
  const content = props2.context.content;
3612
3618
  const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(((_a = content == null ? void 0 : content.meta) == null ? void 0 : _a.breakpoints) || {});
3613
3619
  const largeStyles = styles == null ? void 0 : styles.large;
3614
3620
  const mediumStyles = styles == null ? void 0 : styles.medium;
3615
3621
  const smallStyles = styles == null ? void 0 : styles.small;
3616
- const className = state2.processedBlock.id;
3622
+ const className = processedBlock.id;
3617
3623
  if (!className)
3618
3624
  return "";
3619
3625
  const largeStylesClass = largeStyles ? createCssClass({
@@ -3636,8 +3642,7 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
3636
3642
  smallStylesClass
3637
3643
  ].join(" ");
3638
3644
  }, "BlockStyles_component_css_useComputed_b9Ru8qTcNik", [
3639
- props,
3640
- state
3645
+ props
3641
3646
  ]));
3642
3647
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
3643
3648
  children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
@@ -5319,7 +5324,7 @@ const componentInfo$4 = {
5319
5324
  }
5320
5325
  };
5321
5326
  const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
5322
- return /* @__PURE__ */ qwik._jsxQ("span", null, {
5327
+ return /* @__PURE__ */ qwik._jsxQ("div", null, {
5323
5328
  class: "builder-text",
5324
5329
  dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
5325
5330
  var _a;
@@ -6296,7 +6301,7 @@ const getInteractionPropertiesForEvent = (event) => {
6296
6301
  }
6297
6302
  };
6298
6303
  };
6299
- const SDK_VERSION = "0.6.1";
6304
+ const SDK_VERSION = "0.6.3";
6300
6305
  const registry = {};
6301
6306
  function register(type, info) {
6302
6307
  let typeList = registry[type];
package/lib/edge/index.qwik.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useStore, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
2
2
  import { Fragment } from "@builder.io/qwik/jsx-runtime";
3
3
  const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
4
4
  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
@@ -3582,36 +3582,42 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
3582
3582
  }, "InlinedStyles_component_IOsg46hMexk"));
3583
3583
  const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
3584
3584
  _jsxBranch();
3585
- const state = useStore({
3586
- processedBlock: getProcessedBlock({
3587
- block: props.block,
3588
- localState: props.context.localState,
3589
- rootState: props.context.rootState,
3590
- rootSetState: props.context.rootSetState,
3591
- context: props.context.context,
3592
- shouldEvaluateBindings: true
3593
- })
3594
- });
3595
3585
  const canShowBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
3596
- const [state2] = useLexicalScope();
3597
- if (checkIsDefined(state2.processedBlock.hide))
3598
- return !state2.processedBlock.hide;
3599
- if (checkIsDefined(state2.processedBlock.show))
3600
- return state2.processedBlock.show;
3586
+ const [props2] = useLexicalScope();
3587
+ const processedBlock = getProcessedBlock({
3588
+ block: props2.block,
3589
+ localState: props2.context.localState,
3590
+ rootState: props2.context.rootState,
3591
+ rootSetState: props2.context.rootSetState,
3592
+ context: props2.context.context,
3593
+ shouldEvaluateBindings: true
3594
+ });
3595
+ if (checkIsDefined(processedBlock.hide))
3596
+ return !processedBlock.hide;
3597
+ if (checkIsDefined(processedBlock.show))
3598
+ return processedBlock.show;
3601
3599
  return true;
3602
3600
  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
3603
- state
3601
+ props
3604
3602
  ]));
3605
3603
  const css = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
3606
3604
  var _a;
3607
- const [props2, state2] = useLexicalScope();
3608
- const styles = state2.processedBlock.responsiveStyles;
3605
+ const [props2] = useLexicalScope();
3606
+ const processedBlock = getProcessedBlock({
3607
+ block: props2.block,
3608
+ localState: props2.context.localState,
3609
+ rootState: props2.context.rootState,
3610
+ rootSetState: props2.context.rootSetState,
3611
+ context: props2.context.context,
3612
+ shouldEvaluateBindings: true
3613
+ });
3614
+ const styles = processedBlock.responsiveStyles;
3609
3615
  const content = props2.context.content;
3610
3616
  const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(((_a = content == null ? void 0 : content.meta) == null ? void 0 : _a.breakpoints) || {});
3611
3617
  const largeStyles = styles == null ? void 0 : styles.large;
3612
3618
  const mediumStyles = styles == null ? void 0 : styles.medium;
3613
3619
  const smallStyles = styles == null ? void 0 : styles.small;
3614
- const className = state2.processedBlock.id;
3620
+ const className = processedBlock.id;
3615
3621
  if (!className)
3616
3622
  return "";
3617
3623
  const largeStylesClass = largeStyles ? createCssClass({
@@ -3634,8 +3640,7 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
3634
3640
  smallStylesClass
3635
3641
  ].join(" ");
3636
3642
  }, "BlockStyles_component_css_useComputed_b9Ru8qTcNik", [
3637
- props,
3638
- state
3643
+ props
3639
3644
  ]));
3640
3645
  return /* @__PURE__ */ _jsxC(Fragment, {
3641
3646
  children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
@@ -5317,7 +5322,7 @@ const componentInfo$4 = {
5317
5322
  }
5318
5323
  };
5319
5324
  const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
5320
- return /* @__PURE__ */ _jsxQ("span", null, {
5325
+ return /* @__PURE__ */ _jsxQ("div", null, {
5321
5326
  class: "builder-text",
5322
5327
  dangerouslySetInnerHTML: _fnSignal((p0) => {
5323
5328
  var _a;
@@ -6294,7 +6299,7 @@ const getInteractionPropertiesForEvent = (event) => {
6294
6299
  }
6295
6300
  };
6296
6301
  };
6297
- const SDK_VERSION = "0.6.1";
6302
+ const SDK_VERSION = "0.6.3";
6298
6303
  const registry = {};
6299
6304
  function register(type, info) {
6300
6305
  let typeList = registry[type];
package/lib/node/index.qwik.cjs CHANGED
@@ -380,36 +380,42 @@ const InlinedStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
380
380
  }, "InlinedStyles_component_IOsg46hMexk"));
381
381
  const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
382
382
  qwik._jsxBranch();
383
- const state = qwik.useStore({
384
- processedBlock: getProcessedBlock({
385
- block: props.block,
386
- localState: props.context.localState,
387
- rootState: props.context.rootState,
388
- rootSetState: props.context.rootSetState,
389
- context: props.context.context,
390
- shouldEvaluateBindings: true
391
- })
392
- });
393
383
  const canShowBlock = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
394
- const [state2] = qwik.useLexicalScope();
395
- if (checkIsDefined(state2.processedBlock.hide))
396
- return !state2.processedBlock.hide;
397
- if (checkIsDefined(state2.processedBlock.show))
398
- return state2.processedBlock.show;
384
+ const [props2] = qwik.useLexicalScope();
385
+ const processedBlock = getProcessedBlock({
386
+ block: props2.block,
387
+ localState: props2.context.localState,
388
+ rootState: props2.context.rootState,
389
+ rootSetState: props2.context.rootSetState,
390
+ context: props2.context.context,
391
+ shouldEvaluateBindings: true
392
+ });
393
+ if (checkIsDefined(processedBlock.hide))
394
+ return !processedBlock.hide;
395
+ if (checkIsDefined(processedBlock.show))
396
+ return processedBlock.show;
399
397
  return true;
400
398
  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
401
- state
399
+ props
402
400
  ]));
403
401
  const css = qwik.useComputedQrl(/* @__PURE__ */ qwik.inlinedQrl(() => {
404
402
  var _a;
405
- const [props2, state2] = qwik.useLexicalScope();
406
- const styles = state2.processedBlock.responsiveStyles;
403
+ const [props2] = qwik.useLexicalScope();
404
+ const processedBlock = getProcessedBlock({
405
+ block: props2.block,
406
+ localState: props2.context.localState,
407
+ rootState: props2.context.rootState,
408
+ rootSetState: props2.context.rootSetState,
409
+ context: props2.context.context,
410
+ shouldEvaluateBindings: true
411
+ });
412
+ const styles = processedBlock.responsiveStyles;
407
413
  const content = props2.context.content;
408
414
  const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(((_a = content == null ? void 0 : content.meta) == null ? void 0 : _a.breakpoints) || {});
409
415
  const largeStyles = styles == null ? void 0 : styles.large;
410
416
  const mediumStyles = styles == null ? void 0 : styles.medium;
411
417
  const smallStyles = styles == null ? void 0 : styles.small;
412
- const className = state2.processedBlock.id;
418
+ const className = processedBlock.id;
413
419
  if (!className)
414
420
  return "";
415
421
  const largeStylesClass = largeStyles ? createCssClass({
@@ -432,8 +438,7 @@ const BlockStyles = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
432
438
  smallStylesClass
433
439
  ].join(" ");
434
440
  }, "BlockStyles_component_css_useComputed_b9Ru8qTcNik", [
435
- props,
436
- state
441
+ props
437
442
  ]));
438
443
  return /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
439
444
  children: css.value && canShowBlock.value ? /* @__PURE__ */ qwik._jsxC(InlinedStyles, {
@@ -2115,7 +2120,7 @@ const componentInfo$4 = {
2115
2120
  }
2116
2121
  };
2117
2122
  const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
2118
- return /* @__PURE__ */ qwik._jsxQ("span", null, {
2123
+ return /* @__PURE__ */ qwik._jsxQ("div", null, {
2119
2124
  class: "builder-text",
2120
2125
  dangerouslySetInnerHTML: qwik._fnSignal((p0) => {
2121
2126
  var _a;
@@ -3092,7 +3097,7 @@ const getInteractionPropertiesForEvent = (event) => {
3092
3097
  }
3093
3098
  };
3094
3099
  };
3095
- const SDK_VERSION = "0.6.1";
3100
+ const SDK_VERSION = "0.6.3";
3096
3101
  const registry = {};
3097
3102
  function register(type, info) {
3098
3103
  let typeList = registry[type];
package/lib/node/index.qwik.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useStore, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
1
+ import { componentQrl, inlinedQrl, useStylesScopedQrl, _jsxC, _jsxS, _fnSignal, createContextId, _jsxQ, _jsxBranch, useComputedQrl, useLexicalScope, _IMMUTABLE, Slot, useStore, useContextProvider, _wrapProp, useContext, createElement, Fragment as Fragment$1, useSignal, useTaskQrl, useVisibleTaskQrl } from "@builder.io/qwik";
2
2
  import { Fragment } from "@builder.io/qwik/jsx-runtime";
3
3
  const Button = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
4
4
  useStylesScopedQrl(/* @__PURE__ */ inlinedQrl(STYLES$3, "Button_component_useStylesScoped_a1JZ0Q0Q2Oc"));
@@ -378,36 +378,42 @@ const InlinedStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
378
378
  }, "InlinedStyles_component_IOsg46hMexk"));
379
379
  const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
380
380
  _jsxBranch();
381
- const state = useStore({
382
- processedBlock: getProcessedBlock({
383
- block: props.block,
384
- localState: props.context.localState,
385
- rootState: props.context.rootState,
386
- rootSetState: props.context.rootSetState,
387
- context: props.context.context,
388
- shouldEvaluateBindings: true
389
- })
390
- });
391
381
  const canShowBlock = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
392
- const [state2] = useLexicalScope();
393
- if (checkIsDefined(state2.processedBlock.hide))
394
- return !state2.processedBlock.hide;
395
- if (checkIsDefined(state2.processedBlock.show))
396
- return state2.processedBlock.show;
382
+ const [props2] = useLexicalScope();
383
+ const processedBlock = getProcessedBlock({
384
+ block: props2.block,
385
+ localState: props2.context.localState,
386
+ rootState: props2.context.rootState,
387
+ rootSetState: props2.context.rootSetState,
388
+ context: props2.context.context,
389
+ shouldEvaluateBindings: true
390
+ });
391
+ if (checkIsDefined(processedBlock.hide))
392
+ return !processedBlock.hide;
393
+ if (checkIsDefined(processedBlock.show))
394
+ return processedBlock.show;
397
395
  return true;
398
396
  }, "BlockStyles_component_canShowBlock_useComputed_YHoS9Lak9z4", [
399
- state
397
+ props
400
398
  ]));
401
399
  const css = useComputedQrl(/* @__PURE__ */ inlinedQrl(() => {
402
400
  var _a;
403
- const [props2, state2] = useLexicalScope();
404
- const styles = state2.processedBlock.responsiveStyles;
401
+ const [props2] = useLexicalScope();
402
+ const processedBlock = getProcessedBlock({
403
+ block: props2.block,
404
+ localState: props2.context.localState,
405
+ rootState: props2.context.rootState,
406
+ rootSetState: props2.context.rootSetState,
407
+ context: props2.context.context,
408
+ shouldEvaluateBindings: true
409
+ });
410
+ const styles = processedBlock.responsiveStyles;
405
411
  const content = props2.context.content;
406
412
  const sizesWithUpdatedBreakpoints = getSizesForBreakpoints(((_a = content == null ? void 0 : content.meta) == null ? void 0 : _a.breakpoints) || {});
407
413
  const largeStyles = styles == null ? void 0 : styles.large;
408
414
  const mediumStyles = styles == null ? void 0 : styles.medium;
409
415
  const smallStyles = styles == null ? void 0 : styles.small;
410
- const className = state2.processedBlock.id;
416
+ const className = processedBlock.id;
411
417
  if (!className)
412
418
  return "";
413
419
  const largeStylesClass = largeStyles ? createCssClass({
@@ -430,8 +436,7 @@ const BlockStyles = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
430
436
  smallStylesClass
431
437
  ].join(" ");
432
438
  }, "BlockStyles_component_css_useComputed_b9Ru8qTcNik", [
433
- props,
434
- state
439
+ props
435
440
  ]));
436
441
  return /* @__PURE__ */ _jsxC(Fragment, {
437
442
  children: css.value && canShowBlock.value ? /* @__PURE__ */ _jsxC(InlinedStyles, {
@@ -2113,7 +2118,7 @@ const componentInfo$4 = {
2113
2118
  }
2114
2119
  };
2115
2120
  const Text = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
2116
- return /* @__PURE__ */ _jsxQ("span", null, {
2121
+ return /* @__PURE__ */ _jsxQ("div", null, {
2117
2122
  class: "builder-text",
2118
2123
  dangerouslySetInnerHTML: _fnSignal((p0) => {
2119
2124
  var _a;
@@ -3090,7 +3095,7 @@ const getInteractionPropertiesForEvent = (event) => {
3090
3095
  }
3091
3096
  };
3092
3097
  };
3093
- const SDK_VERSION = "0.6.1";
3098
+ const SDK_VERSION = "0.6.3";
3094
3099
  const registry = {};
3095
3100
  function register(type, info) {
3096
3101
  let typeList = registry[type];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@builder.io/sdk-qwik",
3
- "version": "0.6.1",
3
+ "version": "0.6.3",
4
4
  "description": "Builder.io Qwik SDK",
5
5
  "type": "module",
6
6
  "main": "./lib/edge/index.qwik.cjs",
package/types/src/constants/sdk-version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const SDK_VERSION = "0.6.1";
1
+ export declare const SDK_VERSION = "0.6.3";
package/types/src/functions/fetch-builder-props.d.ts CHANGED
@@ -35,6 +35,19 @@ type GetBuilderPropsOptions = (Omit<GetContentOptions, 'model'> & {
35
35
  /**
36
36
  * Given an `apiKey` and `url` (or `path` + `searchParams`), provides all props that `Content` needs to render Builder Content.
37
37
  *
38
+ * @example
39
+ * ```jsx
40
+ * const builderProps = await fetchBuilderProps({
41
+ * apiKey: 'API_KEY',
42
+ * // provide `url`
43
+ * url: yourPageUrl,
44
+ * // OR provide `path` + `searchParams`
45
+ * path: yourPath,
46
+ * searchParams: yourSearchParams,
47
+ * });
48
+ *
49
+ * return <Content {...builderProps} />;
50
+ * ```
38
51
  */
39
52
  export declare const fetchBuilderProps: (_args: GetBuilderPropsOptions) => Promise<ContentVariantsPrps>;
40
53
  export {};
package/types/src/types/components.d.ts CHANGED
@@ -97,7 +97,6 @@ export interface ComponentInfo {
97
97
  */
98
98
  query?: any;
99
99
  };
100
- /** not yet implemented */
101
100
  friendlyName?: string;
102
101
  /**
103
102
  * Use to restrict access to your component based on a the current user permissions