@builder.io/sdk-qwik 0.14.29 → 0.15.0

package/lib/browser/index.qwik.cjs

@@ -626,53 +626,56 @@ const getRepeatItemData = ({ block, context }) => {
   }));
   return repeatArray;
 };
+const applyDefaults = (shouldReceiveBuilderProps) => {
+  return {
+    // once we bump to a major version, toggle this to `false`.
+    builderBlock: true,
+    // once we bump to a major version, toggle this to `false`.
+    builderContext: true,
+    builderComponents: false,
+    builderLinkComponent: false,
+    ...shouldReceiveBuilderProps
+  };
+};
 const provideLinkComponent = (block, linkComponent) => {
-  return block && (block.isRSC && TARGET === "rsc" || [
-    "Core:Button",
-    "Symbol",
-    "Columns",
-    "Form:Form",
-    "Builder: Tabs",
-    "Builder:Accordion"
-  ].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderLinkComponent;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderLinkComponent: linkComponent
-  } : {};
+  };
 };
 const provideRegisteredComponents = (block, registeredComponents) => {
-  return block && (block.isRSC && TARGET === "rsc" || [
-    "Symbol",
-    "Columns",
-    "Form:Form",
-    "Builder: Tabs",
-    "Builder:Accordion"
-  ].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderComponents;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderComponents: registeredComponents
-  } : {};
+  };
 };
 const provideBuilderBlock = (block, builderBlock) => {
-  return block && (block.isRSC && TARGET === "rsc" || TARGET === "reactNative" || [
-    "Builder:Accordion",
-    "Columns",
-    "Form:Form",
-    "Builder: Tabs",
-    "Symbol",
-    "Image",
-    "Video"
-  ].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderBlock;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderBlock
-  } : {};
+  };
 };
 const provideBuilderContext = (block, context) => {
-  return block && (block.isRSC && TARGET === "rsc" || [
-    "Builder:Accordion",
-    "Columns",
-    "Form:Form",
-    "Builder: Tabs",
-    "Symbol",
-    "Slot"
-  ].includes(block.name)) ? {
+  if (!block)
+    return {};
+  const shouldReceiveProp = applyDefaults(block.shouldReceiveBuilderProps).builderContext;
+  if (!shouldReceiveProp)
+    return {};
+  return {
     builderContext: context
-  } : {};
+  };
 };
 const SIZES = {
   small: {
@@ -2172,7 +2175,7 @@ const defaultDetail = {
     }
   ]
 };
-const componentInfo$h = {
+const componentInfo$i = {
   name: "Builder:Accordion",
   canHaveChildren: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FagZ9n5CUKRfbL9t6CaJOyVSK4Es2%2Ffab6c1fd3fe542408cbdec078bca7f35",
@@ -2254,7 +2257,13 @@ const componentInfo$h = {
           options.set("items", []);
       }
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 const convertOrderNumberToString = (order) => {
   return order.toString();
@@ -2464,7 +2473,7 @@ const Accordion = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
     }, 1, "hf_3");
   }), 1, "hf_4");
 }, "Accordion_component_jkuUCHm0nt0"));
-const componentInfo$g = {
+const componentInfo$h = {
   name: "Core:Button",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
   defaultStyles: {
@@ -2500,9 +2509,15 @@ const componentInfo$g = {
     }
   ],
   static: true,
-  noWrap: true
+  noWrap: true,
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: true
+  }
 };
-const componentInfo$f = {
+const componentInfo$g = {
   // TODO: ways to statically preprocess JSON for references, functions, etc
   name: "Columns",
   isRSC: true,
@@ -2742,16 +2757,28 @@ const componentInfo$f = {
       helperText: "When stacking columns for mobile devices, reverse the ordering",
       advanced: true
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
-const componentInfo$e = {
+const componentInfo$f = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Fragment",
   static: true,
   hidden: true,
   canHaveChildren: true,
   noWrap: true
 };
-const componentInfo$d = {
+const componentInfo$e = {
   name: "Image",
   static: true,
   image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4",
@@ -2904,9 +2931,21 @@ const componentInfo$d = {
       advanced: true,
       defaultValue: 0.7041
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
-const componentInfo$c = {
+const componentInfo$d = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Core:Section",
   static: true,
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",
@@ -2951,7 +2990,7 @@ const componentInfo$c = {
     }
   ]
 };
-const componentInfo$b = {
+const componentInfo$c = {
   name: "Slot",
   isRSC: true,
   description: "Allow child blocks to be inserted into this content when used as a Symbol",
@@ -2965,7 +3004,13 @@ const componentInfo$b = {
       required: true,
       defaultValue: "children"
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: true,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
 const Slot = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   var _a, _b;
@@ -3006,7 +3051,7 @@ const Slot = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
     }
   }, 0, "B1_1");
 }, "Slot_component_WWgWgfV0bb0"));
-const componentInfo$a = {
+const componentInfo$b = {
   name: "Symbol",
   noWrap: true,
   static: true,
@@ -3044,7 +3089,13 @@ const componentInfo$a = {
       hideFromUI: true,
       type: "boolean"
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 const defaultTab = {
   "@type": "@builder.io/sdk:Element",
@@ -3086,7 +3137,7 @@ const defaultElement = {
     }
   }
 };
-const componentInfo$9 = {
+const componentInfo$a = {
   name: "Builder: Tabs",
   inputs: [
     {
@@ -3212,7 +3263,13 @@ const componentInfo$9 = {
         }
       ]
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 const activeTabContent = function activeTabContent2(props, state, active) {
   return props.tabs && props.tabs[active].content;
@@ -3324,7 +3381,13 @@ const Tabs = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
     }, 3, "6k_1"), 1, "6k_2") : null
   ], 1, "6k_3");
 }, "Tabs_component_MhWcxXy0lMY"));
-const componentInfo$8 = {
+const componentInfo$9 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Text",
   static: true,
   isRSC: true,
@@ -3359,7 +3422,13 @@ const Text = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((
     }
   }, null, 3, "yO_0");
 }, "Text_component_15p0cKUxgIE"));
-const componentInfo$7 = {
+const componentInfo$8 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Custom Code",
   static: true,
   requiredPermissions: [
@@ -3438,7 +3507,13 @@ const CustomCode = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
     ], "p0.code")
   }, null, 3, "bY_0");
 }, "CustomCode_component_uYOSy7w7Zqw"));
-const componentInfo$6 = {
+const componentInfo$7 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Embed",
   static: true,
   inputs: [
@@ -3531,7 +3606,7 @@ const Embed = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
     ], "p0.content")
   }, null, 3, "9r_0");
 }, "Embed_component_Uji08ORjXbE"));
-const componentInfo$5 = {
+const componentInfo$6 = {
   name: "Form:Form",
   // editableTags: ['builder-form-error']
   defaults: {
@@ -3801,7 +3876,13 @@ const componentInfo$5 = {
         }
       }
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true,
+    builderLinkComponent: true
+  }
 };
 const validEnvList = [
   "production",
@@ -4112,7 +4193,13 @@ const STYLES = `
   text-align: center;
 }
 `;
-const componentInfo$4 = {
+const componentInfo$5 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Form:Input",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",
   inputs: [
@@ -4195,7 +4282,13 @@ const FormInputComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwi
     required: props.required
   });
 }, "FormInputComponent_component_AUUjdN0ueMs"));
-const componentInfo$3 = {
+const componentInfo$4 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Form:Select",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",
   defaultStyles: {
@@ -4256,14 +4349,21 @@ const SelectComponent = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
     value: props.value,
     key: isEditing() && props.defaultValue ? props.defaultValue : "default-key",
     defaultValue: props.defaultValue,
-    name: props.name
+    name: props.name,
+    required: props.required
   }, (props.options || []).map((option, index) => {
     return /* @__PURE__ */ qwik._jsxQ("option", {
       value: qwik._wrapSignal(option, "value")
     }, null, option.name || option.value, 1, `${option.name}-${index}`);
   }));
 }, "SelectComponent_component_SPKbsFLikZU"));
-const componentInfo$2 = {
+const componentInfo$3 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   name: "Form:SubmitButton",
   image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",
   defaultStyles: {
@@ -4297,7 +4397,83 @@ const SubmitButton = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
     type: "submit"
   }, 0, "6z_0");
 }, "SubmitButton_component_NXvMBMCDhwc"));
+const componentInfo$2 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
+  name: "Form:TextArea",
+  image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
+  inputs: [
+    {
+      advanced: true,
+      name: "value",
+      type: "string"
+    },
+    {
+      name: "name",
+      type: "string",
+      required: true,
+      helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
+    },
+    {
+      name: "defaultValue",
+      type: "string"
+    },
+    {
+      name: "placeholder",
+      type: "string",
+      defaultValue: "Hello there"
+    },
+    {
+      name: "required",
+      type: "boolean",
+      defaultValue: false
+    }
+  ],
+  defaultStyles: {
+    paddingTop: "10px",
+    paddingBottom: "10px",
+    paddingLeft: "10px",
+    paddingRight: "10px",
+    borderRadius: "3px",
+    borderWidth: "1px",
+    borderStyle: "solid",
+    borderColor: "#ccc"
+  },
+  static: true,
+  noWrap: true
+};
+const Textarea = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
+  return /* @__PURE__ */ qwik._jsxS("textarea", {
+    ...props.attributes
+  }, {
+    defaultValue: qwik._fnSignal((p0) => p0.defaultValue, [
+      props
+    ], "p0.defaultValue"),
+    name: qwik._fnSignal((p0) => p0.name, [
+      props
+    ], "p0.name"),
+    placeholder: qwik._fnSignal((p0) => p0.placeholder, [
+      props
+    ], "p0.placeholder"),
+    required: qwik._fnSignal((p0) => p0.required, [
+      props
+    ], "p0.required"),
+    value: qwik._fnSignal((p0) => p0.value, [
+      props
+    ], "p0.value")
+  }, 0, "kE_0");
+}, "Textarea_component_o1TcxV139Oc"));
 const componentInfo$1 = {
+  shouldReceiveBuilderProps: {
+    builderBlock: false,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  },
   // friendlyName?
   name: "Raw:Img",
   hideFromInsertMenu: true,
@@ -4459,7 +4635,13 @@ const componentInfo = {
       defaultValue: true,
       advanced: true
     }
-  ]
+  ],
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: false,
+    builderComponents: false,
+    builderLinkComponent: false
+  }
 };
 const Video = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -4568,28 +4750,32 @@ const Video = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl(
 const getExtraComponents = () => [
   {
     component: CustomCode,
-    ...componentInfo$7
+    ...componentInfo$8
   },
   {
     component: Embed,
-    ...componentInfo$6
+    ...componentInfo$7
   },
   ...[
     {
       component: FormComponent,
-      ...componentInfo$5
+      ...componentInfo$6
     },
     {
       component: FormInputComponent,
-      ...componentInfo$4
+      ...componentInfo$5
     },
     {
       component: SubmitButton,
-      ...componentInfo$2
+      ...componentInfo$3
     },
     {
       component: SelectComponent,
-      ...componentInfo$3
+      ...componentInfo$4
+    },
+    {
+      component: Textarea,
+      ...componentInfo$2
     }
   ],
   {
@@ -4604,44 +4790,44 @@ const getExtraComponents = () => [
 const getDefaultRegisteredComponents = () => [
   {
     component: Button,
-    ...componentInfo$g
+    ...componentInfo$h
   },
   {
     component: Columns,
-    ...componentInfo$f
+    ...componentInfo$g
   },
   {
     component: FragmentComponent,
-    ...componentInfo$e
+    ...componentInfo$f
   },
   {
     component: Image,
-    ...componentInfo$d
+    ...componentInfo$e
   },
   {
     component: SectionComponent,
-    ...componentInfo$c
+    ...componentInfo$d
   },
   {
     component: Slot,
-    ...componentInfo$b
+    ...componentInfo$c
   },
   {
     component: Symbol$1,
-    ...componentInfo$a
+    ...componentInfo$b
   },
   {
     component: Text,
-    ...componentInfo$8
+    ...componentInfo$9
   },
   ...[
     {
       component: Tabs,
-      ...componentInfo$9
+      ...componentInfo$a
     },
     {
       component: Accordion,
-      ...componentInfo$h
+      ...componentInfo$i
     }
   ],
   ...getExtraComponents()
@@ -5102,7 +5288,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.29";
+const SDK_VERSION = "0.15.0";
 const registry = {};
 function register(type, info) {
   let typeList = registry[type];
@@ -6041,6 +6227,8 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
     props,
     state
   ]));
+  qwik.useTaskQrl(/* @__PURE__ */ qwik.inlinedQrl(({ track: track2 }) => {
+  }, "ContentVariants_component_useTask_lSvynevU008"));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
       !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(InlinedScript, {