@builder.io/sdk-react 4.2.2 → 4.2.4

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 (85) hide show
  1. package/lib/browser/blocks-exports.cjs +30 -30
  2. package/lib/browser/blocks-exports.mjs +676 -623
  3. package/lib/browser/index.cjs +1 -1
  4. package/lib/browser/index.mjs +1 -1
  5. package/lib/browser/{server-entry-074665de.js → server-entry-1c122812.js} +248 -246
  6. package/lib/browser/server-entry-4452b993.cjs +2 -0
  7. package/lib/browser/server-entry.cjs +1 -1
  8. package/lib/browser/server-entry.mjs +1 -1
  9. package/lib/edge/{accordion-0768e15a.cjs → accordion-3f30d417.cjs} +1 -1
  10. package/lib/edge/{accordion-d3831f48.js → accordion-48a5b362.js} +1 -1
  11. package/lib/edge/{blocks-2af1d7c9.cjs → blocks-3024bb2c.cjs} +14 -14
  12. package/lib/edge/{blocks-0269007e.js → blocks-729e6331.js} +735 -721
  13. package/lib/edge/blocks-exports.cjs +1 -1
  14. package/lib/edge/blocks-exports.mjs +2 -2
  15. package/lib/edge/{button-a478ff1a.js → button-36cacb47.js} +2 -2
  16. package/lib/edge/{button-050f4fef.cjs → button-8ab624e2.cjs} +1 -1
  17. package/lib/edge/{columns-25375990.cjs → columns-0d6d8b29.cjs} +1 -1
  18. package/lib/edge/{columns-0b3181f1.js → columns-597b4a0e.js} +3 -3
  19. package/lib/edge/{content-variants-0dd65b50.js → content-variants-78e04173.js} +142 -108
  20. package/lib/edge/{content-variants-4cab7215.cjs → content-variants-b2c99976.cjs} +3 -3
  21. package/lib/edge/{custom-code-f7a0f1c1.js → custom-code-0a11f81d.js} +1 -1
  22. package/lib/edge/{custom-code-eb5aedd2.cjs → custom-code-1d8040fe.cjs} +1 -1
  23. package/lib/edge/{embed-e4979560.js → embed-5b2461a4.js} +1 -1
  24. package/lib/edge/{embed-69114c35.cjs → embed-89e540df.cjs} +1 -1
  25. package/lib/edge/{form-7b4bd399.cjs → form-46264810.cjs} +1 -1
  26. package/lib/edge/{form-30fba682.js → form-4f5ea678.js} +3 -3
  27. package/lib/edge/{get-class-prop-name-f470d5ce.cjs → get-class-prop-name-a8c4e896.cjs} +1 -1
  28. package/lib/edge/{get-class-prop-name-770bdff2.js → get-class-prop-name-e31571bf.js} +1 -1
  29. package/lib/edge/image-cce92f6c.cjs +17 -0
  30. package/lib/edge/image-d87761af.js +123 -0
  31. package/lib/edge/img-194b08ce.js +33 -0
  32. package/lib/edge/img-821534bf.cjs +1 -0
  33. package/lib/edge/index.cjs +1 -1
  34. package/lib/edge/index.mjs +1 -1
  35. package/lib/edge/{input-a6caf021.cjs → input-6d65470b.cjs} +1 -1
  36. package/lib/edge/{input-e4a9fe0b.js → input-cfd5294a.js} +1 -1
  37. package/lib/edge/{personalization-container-64f3cd71.js → personalization-container-0d92ab21.js} +4 -4
  38. package/lib/edge/{personalization-container-f7030f08.cjs → personalization-container-74138dc4.cjs} +1 -1
  39. package/lib/edge/{select-c217566c.cjs → select-cec6b7d9.cjs} +1 -1
  40. package/lib/edge/{select-c59c9ac6.js → select-d665e4e4.js} +1 -1
  41. package/lib/edge/server-entry-d79ba493.cjs +2 -0
  42. package/lib/{node/server-entry-83d3751d.js → edge/server-entry-fec7344c.js} +307 -307
  43. package/lib/edge/server-entry.cjs +1 -1
  44. package/lib/edge/server-entry.mjs +1 -1
  45. package/lib/edge/{slot-ccd946e2.cjs → slot-4ad8e165.cjs} +1 -1
  46. package/lib/edge/{slot-26ec2911.js → slot-f2279693.js} +3 -3
  47. package/lib/edge/{symbol-4548e942.cjs → symbol-064c9433.cjs} +1 -1
  48. package/lib/edge/{symbol-10cb2f77.js → symbol-93b85799.js} +2 -2
  49. package/lib/edge/{tabs-f9110171.js → tabs-d87f99ab.js} +3 -3
  50. package/lib/edge/{tabs-82a9170c.cjs → tabs-f81e3a59.cjs} +1 -1
  51. package/lib/node/blocks-exports.cjs +32 -32
  52. package/lib/node/blocks-exports.mjs +821 -768
  53. package/lib/node/index.cjs +1 -1
  54. package/lib/node/index.mjs +3 -3
  55. package/lib/node/init.cjs +1 -1
  56. package/lib/node/init.mjs +3 -3
  57. package/lib/{edge/server-entry-fb5f2b80.js → node/server-entry-b75016aa.js} +346 -342
  58. package/lib/node/server-entry-fec6b9d9.cjs +2 -0
  59. package/lib/node/server-entry.cjs +1 -1
  60. package/lib/node/server-entry.mjs +1 -1
  61. package/lib/node/{setIvm-596668c3.js → setIvm-6290921a.js} +1 -1
  62. package/lib/node/{setIvm-0a5b2ba2.cjs → setIvm-9ebbab5f.cjs} +1 -1
  63. package/lib/node/setIvm.cjs +1 -1
  64. package/lib/node/setIvm.mjs +2 -2
  65. package/lib/node/{should-force-browser-runtime-in-node-5b9e373d.cjs → should-force-browser-runtime-in-node-209c023a.cjs} +1 -1
  66. package/lib/node/{should-force-browser-runtime-in-node-180c3315.js → should-force-browser-runtime-in-node-4ca1840a.js} +1 -1
  67. package/package.json +1 -1
  68. package/types/blocks/img/img.d.ts +2 -0
  69. package/types/components/block/components/live-edit-block-styles.d.ts +8 -0
  70. package/types/components/block/components/style-wrapper.d.ts +9 -0
  71. package/types/components/live-edit.d.ts +9 -0
  72. package/types/constants/sdk-version.d.ts +1 -1
  73. package/types/functions/get-builder-search-params/index.d.ts +8 -2
  74. package/types/functions/is-previewing.d.ts +11 -1
  75. package/types/helpers/find-block.d.ts +18 -0
  76. package/types/helpers/subscribe-to-editor.d.ts +3 -2
  77. package/lib/browser/server-entry-06504dba.cjs +0 -2
  78. package/lib/edge/image-209835f4.js +0 -94
  79. package/lib/edge/image-87a4e006.cjs +0 -17
  80. package/lib/edge/image.helpers-3e926d47.js +0 -33
  81. package/lib/edge/image.helpers-dba8a869.cjs +0 -1
  82. package/lib/edge/img-3bb375bf.js +0 -28
  83. package/lib/edge/img-ddf74e12.cjs +0 -1
  84. package/lib/edge/server-entry-67200cf1.cjs +0 -2
  85. package/lib/node/server-entry-d40e4b66.cjs +0 -2
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-67200cf1.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./server-entry-d79ba493.cjs");exports._processContentResult=e._processContentResult;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.fetchBuilderProps=e.fetchBuilderProps;exports.fetchEntries=e.fetchEntries;exports.fetchOneEntry=e.fetchOneEntry;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.register=e.register;exports.registerAction=e.registerAction;exports.setEditorSettings=e.setEditorSettings;exports.subscribeToEditor=e.subscribeToEditor;exports.track=e.track;
@@ -1,4 +1,4 @@
1
- import { _processContentResult as r, createRegisterComponentMessage as i, fetchBuilderProps as s, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, registerAction as E, setEditorSettings as f, subscribeToEditor as h, track as p } from "./server-entry-fb5f2b80.js";
1
+ import { _processContentResult as r, createRegisterComponentMessage as i, fetchBuilderProps as s, fetchEntries as n, fetchOneEntry as o, getBuilderSearchParams as c, isEditing as g, isPreviewing as a, register as d, registerAction as E, setEditorSettings as f, subscribeToEditor as h, track as p } from "./server-entry-fec7344c.js";
2
2
  export {
3
3
  r as _processContentResult,
4
4
  i as createRegisterComponentMessage,
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./blocks-2af1d7c9.cjs");require("react");require("./blocks-exports.cjs");require("./server-entry-67200cf1.cjs");require("./get-class-prop-name-f470d5ce.cjs");require("./dynamic-renderer-b29b45ca.cjs");function u(e){var t,n,r;return o.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:o.jsx(i.Blocks,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,registeredComponents:e.builderComponents,blocks:(r=e.builderContext.rootState)==null?void 0:r[e.name]})})}exports.default=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./blocks-3024bb2c.cjs");require("react");require("./blocks-exports.cjs");require("./server-entry-d79ba493.cjs");require("./get-class-prop-name-a8c4e896.cjs");require("./dynamic-renderer-b29b45ca.cjs");function u(e){var t,n,r;return o.jsx("div",{style:{pointerEvents:"auto"},...!((t=e.builderContext.context)!=null&&t.symbolId)&&{"builder-slot":e.name},children:o.jsx(i.Blocks,{parent:(n=e.builderContext.context)==null?void 0:n.symbolId,path:`symbol.data.${e.name}`,context:e.builderContext,registeredComponents:e.builderComponents,blocks:(r=e.builderContext.rootState)==null?void 0:r[e.name]})})}exports.default=u;
@@ -1,9 +1,9 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import { Blocks as m } from "./blocks-0269007e.js";
2
+ import { Blocks as m } from "./blocks-729e6331.js";
3
3
  import "react";
4
4
  import "./blocks-exports.mjs";
5
- import "./server-entry-fb5f2b80.js";
6
- import "./get-class-prop-name-770bdff2.js";
5
+ import "./server-entry-fec7344c.js";
6
+ import "./get-class-prop-name-e31571bf.js";
7
7
  import "./dynamic-renderer-8b343325.js";
8
8
  function c(t) {
9
9
  var e, o, n;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),r=require("react"),E=require("./blocks-exports.cjs"),g=require("./get-class-prop-name-f470d5ce.cjs"),b=require("./server-entry-67200cf1.cjs"),h=async({builderContextValue:e,symbol:n})=>{if(n!=null&&n.model&&(e!=null&&e.apiKey))return b.fetchOneEntry({model:n.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(n==null?void 0:n.entry)&&{query:{id:n.entry}}}).catch(c=>{b.logger.error("Could not fetch symbol content: ",c)})};function j(e){var a,l,u,d,s;function n(){return"div"}function c(){return"div"}function f(){return Object.values(e.builderComponents)}function C(){var t,o;return[e.attributes[g.getClassPropName()],"builder-symbol",(t=e.symbol)!=null&&t.inline?"builder-inline-symbol":void 0,(o=e.symbol)!=null&&o.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[i,v]=r.useState(()=>{var t;return(t=e.symbol)==null?void 0:t.content}),[k,x]=r.useState(()=>{var t;return(t=e.symbol)==null?void 0:t.entry});function S(){var t;i&&k===((t=e.symbol)==null?void 0:t.entry)||h({symbol:e.symbol,builderContextValue:e.builderContext}).then(o=>{var m;o&&(v(o),x((m=e.symbol)==null?void 0:m.entry))})}return r.useEffect(()=>{},[]),r.useEffect(()=>{S()},[e.symbol]),y.jsx("div",{...e.attributes,className:C(),children:y.jsx(E.Content,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(a=e.builderBlock)==null?void 0:a.id},customComponents:f(),data:{...(l=e.symbol)==null?void 0:l.data,...e.builderContext.localState,...(u=i==null?void 0:i.data)==null?void 0:u.state},canTrack:e.builderContext.canTrack,model:(s=(d=e.symbol)==null?void 0:d.model)!=null?s:"",content:i,linkComponent:e.builderLinkComponent,blocksWrapper:n(),contentWrapper:c()})})}exports.default=j;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),r=require("react"),E=require("./blocks-exports.cjs"),g=require("./get-class-prop-name-a8c4e896.cjs"),b=require("./server-entry-d79ba493.cjs"),h=async({builderContextValue:e,symbol:n})=>{if(n!=null&&n.model&&(e!=null&&e.apiKey))return b.fetchOneEntry({model:n.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(n==null?void 0:n.entry)&&{query:{id:n.entry}}}).catch(c=>{b.logger.error("Could not fetch symbol content: ",c)})};function j(e){var a,l,u,d,s;function n(){return"div"}function c(){return"div"}function f(){return Object.values(e.builderComponents)}function C(){var t,o;return[e.attributes[g.getClassPropName()],"builder-symbol",(t=e.symbol)!=null&&t.inline?"builder-inline-symbol":void 0,(o=e.symbol)!=null&&o.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[i,v]=r.useState(()=>{var t;return(t=e.symbol)==null?void 0:t.content}),[k,x]=r.useState(()=>{var t;return(t=e.symbol)==null?void 0:t.entry});function S(){var t;i&&k===((t=e.symbol)==null?void 0:t.entry)||h({symbol:e.symbol,builderContextValue:e.builderContext}).then(o=>{var m;o&&(v(o),x((m=e.symbol)==null?void 0:m.entry))})}return r.useEffect(()=>{},[]),r.useEffect(()=>{S()},[e.symbol]),y.jsx("div",{...e.attributes,className:C(),children:y.jsx(E.Content,{nonce:e.builderContext.nonce,isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(a=e.builderBlock)==null?void 0:a.id},customComponents:f(),data:{...(l=e.symbol)==null?void 0:l.data,...e.builderContext.localState,...(u=i==null?void 0:i.data)==null?void 0:u.state},canTrack:e.builderContext.canTrack,model:(s=(d=e.symbol)==null?void 0:d.model)!=null?s:"",content:i,linkComponent:e.builderLinkComponent,blocksWrapper:n(),contentWrapper:c()})})}exports.default=j;
@@ -1,8 +1,8 @@
1
1
  import { jsx as y } from "react/jsx-runtime";
2
2
  import { useState as b, useEffect as f } from "react";
3
3
  import { Content as K } from "./blocks-exports.mjs";
4
- import { getClassPropName as S } from "./get-class-prop-name-770bdff2.js";
5
- import { fetchOneEntry as E, logger as N } from "./server-entry-fb5f2b80.js";
4
+ import { getClassPropName as S } from "./get-class-prop-name-e31571bf.js";
5
+ import { fetchOneEntry as E, logger as N } from "./server-entry-fec7344c.js";
6
6
  const W = async ({
7
7
  builderContextValue: t,
8
8
  symbol: n
@@ -1,9 +1,9 @@
1
1
  import { jsxs as d, jsx as i } from "react/jsx-runtime";
2
2
  import { useState as m } from "react";
3
- import { Blocks as c } from "./blocks-0269007e.js";
3
+ import { Blocks as c } from "./blocks-729e6331.js";
4
4
  import "./blocks-exports.mjs";
5
- import "./server-entry-fb5f2b80.js";
6
- import "./get-class-prop-name-770bdff2.js";
5
+ import "./server-entry-fec7344c.js";
6
+ import "./get-class-prop-name-e31571bf.js";
7
7
  import "./dynamic-renderer-8b343325.js";
8
8
  function x(t) {
9
9
  var b;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("react"),r=require("./blocks-2af1d7c9.cjs");require("./blocks-exports.cjs");require("./server-entry-67200cf1.cjs");require("./get-class-prop-name-f470d5ce.cjs");require("./dynamic-renderer-b29b45ca.cjs");function d(e){var o;const[n,a]=s.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function c(t){return e.tabs&&e.tabs[t].content}function u(t){return t===n?e.activeTabStyle:{}}function b(t){t===n&&e.collapsible?a(-1):a(t)}return l.jsxs("div",{children:[l.jsx("div",{className:"builder-tabs-wrap",style:{display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"},children:(o=e.tabs)==null?void 0:o.map((t,i)=>l.jsx("span",{className:`builder-tab-wrap ${n===i?"builder-tab-active":""}`,style:u(i),onClick:f=>b(i),children:l.jsx(r.Blocks,{parent:e.builderBlock.id,path:`tabs.${i}.label`,blocks:t.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},i))}),c(n)?l.jsx("div",{children:l.jsx(r.Blocks,{parent:e.builderBlock.id,path:`tabs.${n}.content`,blocks:c(n),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}exports.default=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("react"),r=require("./blocks-3024bb2c.cjs");require("./blocks-exports.cjs");require("./server-entry-d79ba493.cjs");require("./get-class-prop-name-a8c4e896.cjs");require("./dynamic-renderer-b29b45ca.cjs");function d(e){var o;const[n,a]=s.useState(()=>e.defaultActiveTab?e.defaultActiveTab-1:0);function c(t){return e.tabs&&e.tabs[t].content}function u(t){return t===n?e.activeTabStyle:{}}function b(t){t===n&&e.collapsible?a(-1):a(t)}return l.jsxs("div",{children:[l.jsx("div",{className:"builder-tabs-wrap",style:{display:"flex",flexDirection:"row",justifyContent:e.tabHeaderLayout||"flex-start",overflow:"auto"},children:(o=e.tabs)==null?void 0:o.map((t,i)=>l.jsx("span",{className:`builder-tab-wrap ${n===i?"builder-tab-active":""}`,style:u(i),onClick:f=>b(i),children:l.jsx(r.Blocks,{parent:e.builderBlock.id,path:`tabs.${i}.label`,blocks:t.label,context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})},i))}),c(n)?l.jsx("div",{children:l.jsx(r.Blocks,{parent:e.builderBlock.id,path:`tabs.${n}.content`,blocks:c(n),context:e.builderContext,registeredComponents:e.builderComponents,linkComponent:e.builderLinkComponent})}):null]})}exports.default=d;