@builder.io/sdk-solid 3.0.3 → 3.0.5

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.
@@ -1669,7 +1669,7 @@ function Columns(props) {
1669
1669
  }
1670
1670
  return <>
1671
1671
  <div
1672
- class={getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4"}
1672
+ class={getColumnsClass(props.builderBlock?.id) + " div-6331dfc5"}
1673
1673
  style={columnsCssVars()}
1674
1674
  {...{}}
1675
1675
  >
@@ -1688,17 +1688,17 @@ function Columns(props) {
1688
1688
  ><Blocks_default
1689
1689
  path={`columns.${index}.blocks`}
1690
1690
  parent={props.builderBlock.id}
1691
- styleProp={{
1692
- flexGrow: "1"
1693
- }}
1694
1691
  context={props.builderContext}
1695
1692
  registeredComponents={props.builderComponents}
1696
1693
  linkComponent={props.builderLinkComponent}
1697
1694
  blocks={column.blocks}
1695
+ styleProp={{
1696
+ "flex-grow": "1"
1697
+ }}
1698
1698
  /></Dynamic_renderer_default>;
1699
1699
  }}</For4>
1700
1700
  </div>
1701
- <style>{`.div-3e5f33a4 {
1701
+ <style>{`.div-6331dfc5 {
1702
1702
  display: flex;
1703
1703
  line-height: normal;
1704
1704
  }`}</style>
@@ -1713,7 +1713,7 @@ function FragmentComponent(props) {
1713
1713
  var fragment_default = FragmentComponent;
1714
1714
 
1715
1715
  // src/blocks/image/image.tsx
1716
- import { Show as Show8, onMount as onMount4, createMemo as createMemo8 } from "solid-js";
1716
+ import { Show as Show8, createMemo as createMemo8 } from "solid-js";
1717
1717
 
1718
1718
  // src/blocks/image/image.helpers.ts
1719
1719
  function removeProtocol(path) {
@@ -1802,14 +1802,12 @@ function Image(props) {
1802
1802
  const out = props.aspectRatio ? aspectRatioStyles : void 0;
1803
1803
  return out;
1804
1804
  });
1805
- onMount4(() => {
1806
- });
1807
1805
  return <>
1808
1806
  <>
1809
1807
  <picture>
1810
1808
  <Show8 when={webpSrcSet()}><source type="image/webp" srcset={webpSrcSet()} /></Show8>
1811
1809
  <img
1812
- class={"builder-image" + (props.className ? " " + props.className : "") + " img-56e07140"}
1810
+ class={"builder-image" + (props.className ? " " + props.className : "") + " img-dc6700b4"}
1813
1811
  loading={props.highPriority ? "eager" : "lazy"}
1814
1812
  fetchpriority={props.highPriority ? "high" : "auto"}
1815
1813
  alt={props.altText}
@@ -1827,22 +1825,22 @@ function Image(props) {
1827
1825
  <Show8
1828
1826
  when={props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent)}
1829
1827
  ><div
1830
- class="builder-image-sizer div-56e07140"
1828
+ class="builder-image-sizer div-dc6700b4"
1831
1829
  style={{
1832
1830
  "padding-top": props.aspectRatio * 100 + "%"
1833
1831
  }}
1834
1832
  /></Show8>
1835
1833
  <Show8 when={props.builderBlock?.children?.length && props.fitContent}>{props.children}</Show8>
1836
- <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-56e07140-2">{props.children}</div></Show8>
1834
+ <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-dc6700b4-2">{props.children}</div></Show8>
1837
1835
  </>
1838
- <style>{`.img-56e07140 {
1836
+ <style>{`.img-dc6700b4 {
1839
1837
  opacity: 1;
1840
1838
  transition: opacity 0.2s ease-in-out;
1841
- }.div-56e07140 {
1839
+ }.div-dc6700b4 {
1842
1840
  width: 100%;
1843
1841
  pointer-events: none;
1844
1842
  font-size: 0;
1845
- }.div-56e07140-2 {
1843
+ }.div-dc6700b4-2 {
1846
1844
  display: flex;
1847
1845
  flex-direction: column;
1848
1846
  align-items: stretch;
@@ -1878,10 +1876,10 @@ function SectionComponent(props) {
1878
1876
  var section_default = SectionComponent;
1879
1877
 
1880
1878
  // src/blocks/symbol/symbol.tsx
1881
- import { onMount as onMount8, on as on4, createEffect as createEffect4, createMemo as createMemo19, createSignal as createSignal19 } from "solid-js";
1879
+ import { onMount as onMount7, on as on4, createEffect as createEffect4, createMemo as createMemo19, createSignal as createSignal19 } from "solid-js";
1882
1880
 
1883
1881
  // src/components/content-variants/content-variants.tsx
1884
- import { Show as Show15, For as For9, onMount as onMount7, createSignal as createSignal18, createMemo as createMemo18 } from "solid-js";
1882
+ import { Show as Show15, For as For8, onMount as onMount6, createSignal as createSignal18, createMemo as createMemo18 } from "solid-js";
1885
1883
 
1886
1884
  // src/helpers/url.ts
1887
1885
  var getTopLevelDomain = (host) => {
@@ -3156,12 +3154,12 @@ var componentInfo11 = {
3156
3154
  };
3157
3155
 
3158
3156
  // src/blocks/custom-code/custom-code.tsx
3159
- import { onMount as onMount5, createSignal as createSignal11 } from "solid-js";
3157
+ import { onMount as onMount4, createSignal as createSignal11 } from "solid-js";
3160
3158
  function CustomCode(props) {
3161
3159
  const [scriptsInserted, setScriptsInserted] = createSignal11([]);
3162
3160
  const [scriptsRun, setScriptsRun] = createSignal11([]);
3163
3161
  let elementRef;
3164
- onMount5(() => {
3162
+ onMount4(() => {
3165
3163
  if (!elementRef?.getElementsByTagName || typeof window === "undefined") {
3166
3164
  return;
3167
3165
  }
@@ -3509,7 +3507,7 @@ var componentInfo13 = {
3509
3507
  };
3510
3508
 
3511
3509
  // src/blocks/form/form/form.tsx
3512
- import { Show as Show11, For as For7, createSignal as createSignal13 } from "solid-js";
3510
+ import { Show as Show11, createSignal as createSignal13 } from "solid-js";
3513
3511
 
3514
3512
  // src/functions/get-env.ts
3515
3513
  var validEnvList = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"];
@@ -3726,16 +3724,7 @@ function FormComponent(props) {
3726
3724
  {...{}}
3727
3725
  {...props.attributes}
3728
3726
  >
3729
- <Show11 when={props.builderBlock && props.builderBlock.children}><For7 each={props.builderBlock?.children}>{(block, _index) => {
3730
- const idx = _index();
3731
- return <Block_default
3732
- key={`form-block-${idx}`}
3733
- block={block}
3734
- context={props.builderContext}
3735
- registeredComponents={props.builderComponents}
3736
- linkComponent={props.builderLinkComponent}
3737
- />;
3738
- }}</For7></Show11>
3727
+ {props.children}
3739
3728
  <Show11 when={submissionState() === "error"}><Blocks_default
3740
3729
  path="errorMessage"
3741
3730
  blocks={props.errorMessage}
@@ -3746,14 +3735,14 @@ function FormComponent(props) {
3746
3735
  blocks={props.sendingMessage}
3747
3736
  context={props.builderContext}
3748
3737
  /></Show11>
3749
- <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-27d18614">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
3738
+ <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-04a43b72">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
3750
3739
  <Show11 when={submissionState() === "success"}><Blocks_default
3751
3740
  path="successMessage"
3752
3741
  blocks={props.successMessage}
3753
3742
  context={props.builderContext}
3754
3743
  /></Show11>
3755
3744
  </form>
3756
- <style>{`.pre-27d18614 {
3745
+ <style>{`.pre-04a43b72 {
3757
3746
  padding: 10px;
3758
3747
  color: red;
3759
3748
  text-align: center;
@@ -3878,7 +3867,7 @@ var componentInfo15 = {
3878
3867
  };
3879
3868
 
3880
3869
  // src/blocks/form/select/select.tsx
3881
- import { For as For8 } from "solid-js";
3870
+ import { For as For7 } from "solid-js";
3882
3871
  function SelectComponent(props) {
3883
3872
  return <><select
3884
3873
  {...{}}
@@ -3888,10 +3877,10 @@ function SelectComponent(props) {
3888
3877
  defaultValue={props.defaultValue}
3889
3878
  name={props.name}
3890
3879
  required={props.required}
3891
- ><For8 each={props.options}>{(option, _index) => {
3880
+ ><For7 each={props.options}>{(option, _index) => {
3892
3881
  const index = _index();
3893
3882
  return <option key={`${option.name}-${index}`} value={option.value}>{option.name || option.value}</option>;
3894
- }}</For8></select></>;
3883
+ }}</For7></select></>;
3895
3884
  }
3896
3885
  var select_default = SelectComponent;
3897
3886
 
@@ -4146,7 +4135,6 @@ function Video(props) {
4146
4135
  "object-position": props.position,
4147
4136
  // Hack to get object fit to work as expected and
4148
4137
  // not have the video overflow
4149
- "z-index": 2,
4150
4138
  "border-radius": "1px",
4151
4139
  ...props.aspectRatio ? {
4152
4140
  position: "absolute"
@@ -4331,7 +4319,7 @@ var Inlined_script_default = InlinedScript;
4331
4319
  // src/components/content/components/enable-editor.tsx
4332
4320
  import {
4333
4321
  Show as Show13,
4334
- onMount as onMount6,
4322
+ onMount as onMount5,
4335
4323
  on as on3,
4336
4324
  createEffect as createEffect3,
4337
4325
  createMemo as createMemo15,
@@ -4345,7 +4333,7 @@ function getPreviewContent(_searchParams) {
4345
4333
  }
4346
4334
 
4347
4335
  // src/constants/sdk-version.ts
4348
- var SDK_VERSION = "3.0.3";
4336
+ var SDK_VERSION = "3.0.5";
4349
4337
 
4350
4338
  // src/helpers/sdk-headers.ts
4351
4339
  var getSdkHeaders = () => ({
@@ -5332,7 +5320,7 @@ function EnableEditor(props) {
5332
5320
  let elementRef;
5333
5321
  runHttpRequests();
5334
5322
  emitStateUpdate();
5335
- onMount6(() => {
5323
+ onMount5(() => {
5336
5324
  if (isBrowser()) {
5337
5325
  if (isEditing() && !props.isNestedRender) {
5338
5326
  window.addEventListener("message", processMessage);
@@ -5677,7 +5665,7 @@ function ContentVariants(props) {
5677
5665
  canTrack: getDefaultCanTrack(props.canTrack)
5678
5666
  });
5679
5667
  });
5680
- onMount7(() => {
5668
+ onMount6(() => {
5681
5669
  setShouldRenderVariants(false);
5682
5670
  });
5683
5671
  return <><>
@@ -5697,7 +5685,7 @@ function ContentVariants(props) {
5697
5685
  scriptStr={updateCookieAndStylesScriptStr()}
5698
5686
  nonce={props.nonce || ""}
5699
5687
  />
5700
- <For9 each={getVariants(props.content)}>{(variant, _index) => {
5688
+ <For8 each={getVariants(props.content)}>{(variant, _index) => {
5701
5689
  const index = _index();
5702
5690
  return <Content_default
5703
5691
  apiHost={props.apiHost}
@@ -5724,7 +5712,7 @@ function ContentVariants(props) {
5724
5712
  trustedHosts={props.trustedHosts}
5725
5713
  {...{}}
5726
5714
  />;
5727
- }}</For9>
5715
+ }}</For8>
5728
5716
  </Show15>
5729
5717
  <Content_default
5730
5718
  apiHost={props.apiHost}
@@ -5807,7 +5795,7 @@ function Symbol(props) {
5807
5795
  }
5808
5796
  });
5809
5797
  }
5810
- onMount8(() => {
5798
+ onMount7(() => {
5811
5799
  });
5812
5800
  const onUpdateFn_0_props_symbol = createMemo19(() => props.symbol);
5813
5801
  function onUpdateFn_0() {
package/lib/edge/dev.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { delegateEvents, createComponent, spread, mergeProps, insert, effect, setAttribute, className, style, template, Dynamic, memo, use } from 'solid-js/web';
2
- import { createContext, useContext, Show, For, createMemo, onMount, createSignal, createEffect, on } from 'solid-js';
2
+ import { createContext, useContext, Show, For, createMemo, createSignal, onMount, createEffect, on } from 'solid-js';
3
3
 
4
4
  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
5
5
  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
@@ -4939,7 +4939,7 @@ var getColumnsClass = (id2) => {
4939
4939
 
4940
4940
  // src/blocks/columns/columns.tsx
4941
4941
  var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
4942
- var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-3e5f33a4 {
4942
+ var _tmpl$22 = /* @__PURE__ */ template(`<style>.div-6331dfc5 {
4943
4943
  display: flex;
4944
4944
  line-height: normal;
4945
4945
  }`);
@@ -5068,7 +5068,7 @@ function Columns(props) {
5068
5068
  const _el$ = _tmpl$3();
5069
5069
  spread(_el$, mergeProps({
5070
5070
  get ["class"]() {
5071
- return getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4";
5071
+ return getColumnsClass(props.builderBlock?.id) + " div-6331dfc5";
5072
5072
  },
5073
5073
  get style() {
5074
5074
  return columnsCssVars();
@@ -5109,9 +5109,6 @@ function Columns(props) {
5109
5109
  get parent() {
5110
5110
  return props.builderBlock.id;
5111
5111
  },
5112
- styleProp: {
5113
- flexGrow: "1"
5114
- },
5115
5112
  get context() {
5116
5113
  return props.builderContext;
5117
5114
  },
@@ -5123,6 +5120,9 @@ function Columns(props) {
5123
5120
  },
5124
5121
  get blocks() {
5125
5122
  return column.blocks;
5123
+ },
5124
+ styleProp: {
5125
+ "flex-grow": "1"
5126
5126
  }
5127
5127
  });
5128
5128
  }
@@ -5193,16 +5193,16 @@ function getSrcSet(url) {
5193
5193
  // src/blocks/image/image.tsx
5194
5194
  var _tmpl$5 = /* @__PURE__ */ template(`<source type=image/webp>`);
5195
5195
  var _tmpl$23 = /* @__PURE__ */ template(`<picture><img>`);
5196
- var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-56e07140">`);
5197
- var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-56e07140-2>`);
5198
- var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-56e07140 {
5196
+ var _tmpl$32 = /* @__PURE__ */ template(`<div class="builder-image-sizer div-dc6700b4">`);
5197
+ var _tmpl$42 = /* @__PURE__ */ template(`<div class=div-dc6700b4-2>`);
5198
+ var _tmpl$52 = /* @__PURE__ */ template(`<style>.img-dc6700b4 {
5199
5199
  opacity: 1;
5200
5200
  transition: opacity 0.2s ease-in-out;
5201
- }.div-56e07140 {
5201
+ }.div-dc6700b4 {
5202
5202
  width: 100%;
5203
5203
  pointer-events: none;
5204
5204
  font-size: 0;
5205
- }.div-56e07140-2 {
5205
+ }.div-dc6700b4-2 {
5206
5206
  display: flex;
5207
5207
  flex-direction: column;
5208
5208
  align-items: stretch;
@@ -5252,8 +5252,6 @@ function Image(props) {
5252
5252
  const out = props.aspectRatio ? aspectRatioStyles : void 0;
5253
5253
  return out;
5254
5254
  });
5255
- onMount(() => {
5256
- });
5257
5255
  return [[(() => {
5258
5256
  const _el$ = _tmpl$23(), _el$3 = _el$.firstChild;
5259
5257
  insert(_el$, createComponent(Show, {
@@ -5267,7 +5265,7 @@ function Image(props) {
5267
5265
  }
5268
5266
  }), _el$3);
5269
5267
  effect((_p$) => {
5270
- const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-56e07140", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
5268
+ const _v$ = "builder-image" + (props.className ? " " + props.className : "") + " img-dc6700b4", _v$2 = props.highPriority ? "eager" : "lazy", _v$3 = props.highPriority ? "high" : "auto", _v$4 = props.altText, _v$5 = props.altText ? void 0 : "presentation", _v$6 = {
5271
5269
  "object-position": props.backgroundPosition || "center",
5272
5270
  "object-fit": props.backgroundSize || "cover",
5273
5271
  ...aspectRatioCss()
@@ -7083,9 +7081,9 @@ function logFetch(url) {
7083
7081
  }
7084
7082
 
7085
7083
  // src/blocks/form/form/form.tsx
7086
- var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-27d18614">`);
7084
+ var _tmpl$13 = /* @__PURE__ */ template(`<pre class="builder-form-error-text pre-04a43b72">`);
7087
7085
  var _tmpl$26 = /* @__PURE__ */ template(`<form>`);
7088
- var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-27d18614 {
7086
+ var _tmpl$34 = /* @__PURE__ */ template(`<style>.pre-04a43b72 {
7089
7087
  padding: 10px;
7090
7088
  color: red;
7091
7089
  text-align: center;
@@ -7295,34 +7293,7 @@ function FormComponent(props) {
7295
7293
  return props.name;
7296
7294
  }
7297
7295
  }, {}, {}, () => props.attributes), false, true);
7298
- insert(_el$, createComponent(Show, {
7299
- get when() {
7300
- return props.builderBlock && props.builderBlock.children;
7301
- },
7302
- get children() {
7303
- return createComponent(For, {
7304
- get each() {
7305
- return props.builderBlock?.children;
7306
- },
7307
- children: (block, _index) => {
7308
- const idx = _index();
7309
- return createComponent(block_default, {
7310
- key: `form-block-${idx}`,
7311
- block,
7312
- get context() {
7313
- return props.builderContext;
7314
- },
7315
- get registeredComponents() {
7316
- return props.builderComponents;
7317
- },
7318
- get linkComponent() {
7319
- return props.builderLinkComponent;
7320
- }
7321
- });
7322
- }
7323
- });
7324
- }
7325
- }), null);
7296
+ insert(_el$, () => props.children, null);
7326
7297
  insert(_el$, createComponent(Show, {
7327
7298
  get when() {
7328
7299
  return submissionState() === "error";
@@ -7831,7 +7802,6 @@ function Video(props) {
7831
7802
  "object-position": props.position,
7832
7803
  // Hack to get object fit to work as expected and
7833
7804
  // not have the video overflow
7834
- "z-index": 2,
7835
7805
  "border-radius": "1px",
7836
7806
  ...props.aspectRatio ? {
7837
7807
  position: "absolute"
@@ -8059,7 +8029,7 @@ function getPreviewContent(_searchParams) {
8059
8029
  }
8060
8030
 
8061
8031
  // src/constants/sdk-version.ts
8062
- var SDK_VERSION = "3.0.3";
8032
+ var SDK_VERSION = "3.0.5";
8063
8033
 
8064
8034
  // src/helpers/sdk-headers.ts
8065
8035
  var getSdkHeaders = () => ({
package/lib/edge/dev.jsx CHANGED
@@ -4859,7 +4859,7 @@ function Columns(props) {
4859
4859
  }
4860
4860
  return <>
4861
4861
  <div
4862
- class={getColumnsClass(props.builderBlock?.id) + " div-3e5f33a4"}
4862
+ class={getColumnsClass(props.builderBlock?.id) + " div-6331dfc5"}
4863
4863
  style={columnsCssVars()}
4864
4864
  {...{}}
4865
4865
  >
@@ -4878,17 +4878,17 @@ function Columns(props) {
4878
4878
  ><Blocks_default
4879
4879
  path={`columns.${index}.blocks`}
4880
4880
  parent={props.builderBlock.id}
4881
- styleProp={{
4882
- flexGrow: "1"
4883
- }}
4884
4881
  context={props.builderContext}
4885
4882
  registeredComponents={props.builderComponents}
4886
4883
  linkComponent={props.builderLinkComponent}
4887
4884
  blocks={column.blocks}
4885
+ styleProp={{
4886
+ "flex-grow": "1"
4887
+ }}
4888
4888
  /></Dynamic_renderer_default>;
4889
4889
  }}</For4>
4890
4890
  </div>
4891
- <style>{`.div-3e5f33a4 {
4891
+ <style>{`.div-6331dfc5 {
4892
4892
  display: flex;
4893
4893
  line-height: normal;
4894
4894
  }`}</style>
@@ -4903,7 +4903,7 @@ function FragmentComponent(props) {
4903
4903
  var fragment_default = FragmentComponent;
4904
4904
 
4905
4905
  // src/blocks/image/image.tsx
4906
- import { Show as Show8, onMount as onMount4, createMemo as createMemo8 } from "solid-js";
4906
+ import { Show as Show8, createMemo as createMemo8 } from "solid-js";
4907
4907
 
4908
4908
  // src/blocks/image/image.helpers.ts
4909
4909
  function removeProtocol(path) {
@@ -4993,14 +4993,12 @@ function Image(props) {
4993
4993
  const out = props.aspectRatio ? aspectRatioStyles : void 0;
4994
4994
  return out;
4995
4995
  });
4996
- onMount4(() => {
4997
- });
4998
4996
  return <>
4999
4997
  <>
5000
4998
  <picture>
5001
4999
  <Show8 when={webpSrcSet()}><source type="image/webp" srcset={webpSrcSet()} /></Show8>
5002
5000
  <img
5003
- class={"builder-image" + (props.className ? " " + props.className : "") + " img-56e07140"}
5001
+ class={"builder-image" + (props.className ? " " + props.className : "") + " img-dc6700b4"}
5004
5002
  loading={props.highPriority ? "eager" : "lazy"}
5005
5003
  fetchpriority={props.highPriority ? "high" : "auto"}
5006
5004
  alt={props.altText}
@@ -5018,22 +5016,22 @@ function Image(props) {
5018
5016
  <Show8
5019
5017
  when={props.aspectRatio && !(props.builderBlock?.children?.length && props.fitContent)}
5020
5018
  ><div
5021
- class="builder-image-sizer div-56e07140"
5019
+ class="builder-image-sizer div-dc6700b4"
5022
5020
  style={{
5023
5021
  "padding-top": props.aspectRatio * 100 + "%"
5024
5022
  }}
5025
5023
  /></Show8>
5026
5024
  <Show8 when={props.builderBlock?.children?.length && props.fitContent}>{props.children}</Show8>
5027
- <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-56e07140-2">{props.children}</div></Show8>
5025
+ <Show8 when={!props.fitContent && props.builderBlock?.children?.length}><div class="div-dc6700b4-2">{props.children}</div></Show8>
5028
5026
  </>
5029
- <style>{`.img-56e07140 {
5027
+ <style>{`.img-dc6700b4 {
5030
5028
  opacity: 1;
5031
5029
  transition: opacity 0.2s ease-in-out;
5032
- }.div-56e07140 {
5030
+ }.div-dc6700b4 {
5033
5031
  width: 100%;
5034
5032
  pointer-events: none;
5035
5033
  font-size: 0;
5036
- }.div-56e07140-2 {
5034
+ }.div-dc6700b4-2 {
5037
5035
  display: flex;
5038
5036
  flex-direction: column;
5039
5037
  align-items: stretch;
@@ -5069,10 +5067,10 @@ function SectionComponent(props) {
5069
5067
  var section_default = SectionComponent;
5070
5068
 
5071
5069
  // src/blocks/symbol/symbol.tsx
5072
- import { onMount as onMount8, on as on4, createEffect as createEffect4, createMemo as createMemo19, createSignal as createSignal19 } from "solid-js";
5070
+ import { onMount as onMount7, on as on4, createEffect as createEffect4, createMemo as createMemo19, createSignal as createSignal19 } from "solid-js";
5073
5071
 
5074
5072
  // src/components/content-variants/content-variants.tsx
5075
- import { Show as Show15, For as For9, onMount as onMount7, createSignal as createSignal18, createMemo as createMemo18 } from "solid-js";
5073
+ import { Show as Show15, For as For8, onMount as onMount6, createSignal as createSignal18, createMemo as createMemo18 } from "solid-js";
5076
5074
 
5077
5075
  // src/helpers/url.ts
5078
5076
  var getTopLevelDomain = (host) => {
@@ -6348,12 +6346,12 @@ var componentInfo11 = {
6348
6346
  };
6349
6347
 
6350
6348
  // src/blocks/custom-code/custom-code.tsx
6351
- import { onMount as onMount5, createSignal as createSignal11 } from "solid-js";
6349
+ import { onMount as onMount4, createSignal as createSignal11 } from "solid-js";
6352
6350
  function CustomCode(props) {
6353
6351
  const [scriptsInserted, setScriptsInserted] = createSignal11([]);
6354
6352
  const [scriptsRun, setScriptsRun] = createSignal11([]);
6355
6353
  let elementRef;
6356
- onMount5(() => {
6354
+ onMount4(() => {
6357
6355
  if (!elementRef?.getElementsByTagName || typeof window === "undefined") {
6358
6356
  return;
6359
6357
  }
@@ -6703,7 +6701,7 @@ var componentInfo13 = {
6703
6701
  };
6704
6702
 
6705
6703
  // src/blocks/form/form/form.tsx
6706
- import { Show as Show11, For as For7, createSignal as createSignal13 } from "solid-js";
6704
+ import { Show as Show11, createSignal as createSignal13 } from "solid-js";
6707
6705
 
6708
6706
  // src/functions/get-env.ts
6709
6707
  var validEnvList = ["production", "qa", "test", "development", "dev", "cdn-qa", "cloud", "fast", "cdn2", "cdn-prod"];
@@ -6920,16 +6918,7 @@ function FormComponent(props) {
6920
6918
  {...{}}
6921
6919
  {...props.attributes}
6922
6920
  >
6923
- <Show11 when={props.builderBlock && props.builderBlock.children}><For7 each={props.builderBlock?.children}>{(block, _index) => {
6924
- const idx = _index();
6925
- return <Block_default
6926
- key={`form-block-${idx}`}
6927
- block={block}
6928
- context={props.builderContext}
6929
- registeredComponents={props.builderComponents}
6930
- linkComponent={props.builderLinkComponent}
6931
- />;
6932
- }}</For7></Show11>
6921
+ {props.children}
6933
6922
  <Show11 when={submissionState() === "error"}><Blocks_default
6934
6923
  path="errorMessage"
6935
6924
  blocks={props.errorMessage}
@@ -6940,14 +6929,14 @@ function FormComponent(props) {
6940
6929
  blocks={props.sendingMessage}
6941
6930
  context={props.builderContext}
6942
6931
  /></Show11>
6943
- <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-27d18614">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
6932
+ <Show11 when={submissionState() === "error" && responseData()}><pre class="builder-form-error-text pre-04a43b72">{JSON.stringify(responseData(), null, 2)}</pre></Show11>
6944
6933
  <Show11 when={submissionState() === "success"}><Blocks_default
6945
6934
  path="successMessage"
6946
6935
  blocks={props.successMessage}
6947
6936
  context={props.builderContext}
6948
6937
  /></Show11>
6949
6938
  </form>
6950
- <style>{`.pre-27d18614 {
6939
+ <style>{`.pre-04a43b72 {
6951
6940
  padding: 10px;
6952
6941
  color: red;
6953
6942
  text-align: center;
@@ -7072,7 +7061,7 @@ var componentInfo15 = {
7072
7061
  };
7073
7062
 
7074
7063
  // src/blocks/form/select/select.tsx
7075
- import { For as For8 } from "solid-js";
7064
+ import { For as For7 } from "solid-js";
7076
7065
  function SelectComponent(props) {
7077
7066
  return <><select
7078
7067
  {...{}}
@@ -7082,10 +7071,10 @@ function SelectComponent(props) {
7082
7071
  defaultValue={props.defaultValue}
7083
7072
  name={props.name}
7084
7073
  required={props.required}
7085
- ><For8 each={props.options}>{(option, _index) => {
7074
+ ><For7 each={props.options}>{(option, _index) => {
7086
7075
  const index = _index();
7087
7076
  return <option key={`${option.name}-${index}`} value={option.value}>{option.name || option.value}</option>;
7088
- }}</For8></select></>;
7077
+ }}</For7></select></>;
7089
7078
  }
7090
7079
  var select_default = SelectComponent;
7091
7080
 
@@ -7340,7 +7329,6 @@ function Video(props) {
7340
7329
  "object-position": props.position,
7341
7330
  // Hack to get object fit to work as expected and
7342
7331
  // not have the video overflow
7343
- "z-index": 2,
7344
7332
  "border-radius": "1px",
7345
7333
  ...props.aspectRatio ? {
7346
7334
  position: "absolute"
@@ -7525,7 +7513,7 @@ var Inlined_script_default = InlinedScript;
7525
7513
  // src/components/content/components/enable-editor.tsx
7526
7514
  import {
7527
7515
  Show as Show13,
7528
- onMount as onMount6,
7516
+ onMount as onMount5,
7529
7517
  on as on3,
7530
7518
  createEffect as createEffect3,
7531
7519
  createMemo as createMemo15,
@@ -7539,7 +7527,7 @@ function getPreviewContent(_searchParams) {
7539
7527
  }
7540
7528
 
7541
7529
  // src/constants/sdk-version.ts
7542
- var SDK_VERSION = "3.0.3";
7530
+ var SDK_VERSION = "3.0.5";
7543
7531
 
7544
7532
  // src/helpers/sdk-headers.ts
7545
7533
  var getSdkHeaders = () => ({
@@ -8533,7 +8521,7 @@ function EnableEditor(props) {
8533
8521
  let elementRef;
8534
8522
  runHttpRequests();
8535
8523
  emitStateUpdate();
8536
- onMount6(() => {
8524
+ onMount5(() => {
8537
8525
  if (isBrowser()) {
8538
8526
  if (isEditing() && !props.isNestedRender) {
8539
8527
  window.addEventListener("message", processMessage);
@@ -8878,7 +8866,7 @@ function ContentVariants(props) {
8878
8866
  canTrack: getDefaultCanTrack(props.canTrack)
8879
8867
  });
8880
8868
  });
8881
- onMount7(() => {
8869
+ onMount6(() => {
8882
8870
  setShouldRenderVariants(false);
8883
8871
  });
8884
8872
  return <><>
@@ -8898,7 +8886,7 @@ function ContentVariants(props) {
8898
8886
  scriptStr={updateCookieAndStylesScriptStr()}
8899
8887
  nonce={props.nonce || ""}
8900
8888
  />
8901
- <For9 each={getVariants(props.content)}>{(variant, _index) => {
8889
+ <For8 each={getVariants(props.content)}>{(variant, _index) => {
8902
8890
  const index = _index();
8903
8891
  return <Content_default
8904
8892
  apiHost={props.apiHost}
@@ -8925,7 +8913,7 @@ function ContentVariants(props) {
8925
8913
  trustedHosts={props.trustedHosts}
8926
8914
  {...{}}
8927
8915
  />;
8928
- }}</For9>
8916
+ }}</For8>
8929
8917
  </Show15>
8930
8918
  <Content_default
8931
8919
  apiHost={props.apiHost}
@@ -9008,7 +8996,7 @@ function Symbol2(props) {
9008
8996
  }
9009
8997
  });
9010
8998
  }
9011
- onMount8(() => {
8999
+ onMount7(() => {
9012
9000
  });
9013
9001
  const onUpdateFn_0_props_symbol = createMemo19(() => props.symbol);
9014
9002
  function onUpdateFn_0() {