@builder.io/sdk-react 1.0.23 → 1.0.24

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 (76) hide show
  1. package/lib/browser/blocks-exports.cjs +31 -31
  2. package/lib/browser/blocks-exports.mjs +1036 -820
  3. package/lib/browser/index.cjs +1 -1
  4. package/lib/browser/index.mjs +1 -1
  5. package/lib/browser/{server-entry-4ca9f249.js → server-entry-85d7f359.js} +1 -1
  6. package/lib/browser/{server-entry-f69e2b2a.cjs → server-entry-a540d463.cjs} +1 -1
  7. package/lib/browser/server-entry.cjs +1 -1
  8. package/lib/browser/server-entry.mjs +1 -1
  9. package/lib/edge/blocks-59950370.cjs +32 -0
  10. package/lib/edge/{blocks-93608689.js → blocks-e6873db2.js} +614 -617
  11. package/lib/edge/blocks-exports.cjs +1 -1
  12. package/lib/edge/blocks-exports.mjs +2 -2
  13. package/lib/edge/button-8a6ae666.js +31 -0
  14. package/lib/edge/button-aff4f652.cjs +1 -0
  15. package/lib/edge/columns-0768e506.js +163 -0
  16. package/lib/edge/columns-8dca796d.cjs +28 -0
  17. package/lib/edge/{content-variants-f416bff5.js → content-variants-c8061bc0.js} +404 -262
  18. package/lib/edge/content-variants-e79859ac.cjs +134 -0
  19. package/lib/edge/{form-8526db32.js → form-c3d12c27.js} +3 -3
  20. package/lib/edge/{form-44ceed15.cjs → form-e6847833.cjs} +1 -1
  21. package/lib/edge/{get-class-prop-name-e85bf7a3.js → get-class-prop-name-a023381f.js} +2 -1
  22. package/lib/edge/get-class-prop-name-a966a097.cjs +1 -0
  23. package/lib/edge/image-764070f8.cjs +17 -0
  24. package/lib/edge/{image-0008c792.js → image-9d24a962.js} +24 -24
  25. package/lib/edge/{img-5ef224a8.js → img-03949fec.js} +1 -1
  26. package/lib/edge/{img-a5802e2b.cjs → img-1431a6ab.cjs} +1 -1
  27. package/lib/edge/index.cjs +1 -1
  28. package/lib/edge/index.mjs +1 -1
  29. package/lib/edge/{input-f1aa0191.cjs → input-f420d17a.cjs} +1 -1
  30. package/lib/edge/{input-3f85283b.js → input-f611f26d.js} +1 -1
  31. package/lib/edge/{select-d4c018c0.cjs → select-aadf10db.cjs} +1 -1
  32. package/lib/edge/{select-4fe889b6.js → select-e056d1d3.js} +1 -1
  33. package/lib/edge/{server-entry-c4b7844d.cjs → server-entry-95f97e05.cjs} +1 -1
  34. package/lib/edge/{server-entry-e1e18fd2.js → server-entry-bbf65248.js} +1 -1
  35. package/lib/edge/server-entry.cjs +1 -1
  36. package/lib/edge/server-entry.mjs +1 -1
  37. package/lib/edge/{slot-97599025.js → slot-2f6f1817.js} +3 -3
  38. package/lib/edge/{slot-2a11e808.cjs → slot-3ed45869.cjs} +1 -1
  39. package/lib/edge/{symbol-a90a41a3.js → symbol-853c210f.js} +32 -26
  40. package/lib/edge/symbol-c9d45cc8.cjs +1 -0
  41. package/lib/edge/tabs-28d0f021.js +69 -0
  42. package/lib/edge/tabs-34a12e52.cjs +1 -0
  43. package/lib/node/blocks-exports.cjs +32 -32
  44. package/lib/node/blocks-exports.mjs +1141 -925
  45. package/lib/node/index.cjs +1 -1
  46. package/lib/node/index.mjs +2 -2
  47. package/lib/node/init.cjs +1 -1
  48. package/lib/node/init.mjs +2 -2
  49. package/lib/node/{node-runtime-8062cfb8.js → node-runtime-071b85f9.js} +1 -1
  50. package/lib/node/{node-runtime-11a8cdfe.cjs → node-runtime-41e3da8e.cjs} +1 -1
  51. package/lib/node/{server-entry-461bfaf9.cjs → server-entry-b5031981.cjs} +1 -1
  52. package/lib/node/{server-entry-3e54c767.js → server-entry-fd29e8b4.js} +1 -1
  53. package/lib/node/server-entry.cjs +1 -1
  54. package/lib/node/server-entry.mjs +1 -1
  55. package/package.json +1 -1
  56. package/types/blocks/columns/columns.types.d.ts +1 -1
  57. package/types/blocks/columns/helpers.d.ts +1 -0
  58. package/types/blocks/tabs/component-info.d.ts +2 -0
  59. package/types/blocks/tabs/index.d.ts +1 -0
  60. package/types/blocks/tabs/tabs.d.ts +4 -0
  61. package/types/blocks/tabs/tabs.types.d.ts +13 -0
  62. package/types/blocks/text/text.types.d.ts +2 -1
  63. package/types/components/block/block.helpers.d.ts +2 -0
  64. package/types/components/content/components/styles.helpers.d.ts +1 -0
  65. package/types/components/dynamic-div.d.ts +15 -0
  66. package/types/constants/sdk-version.d.ts +1 -1
  67. package/types/types/targets.d.ts +1 -1
  68. package/lib/edge/blocks-5539f58f.cjs +0 -32
  69. package/lib/edge/button-7e98d8f3.cjs +0 -1
  70. package/lib/edge/button-8816ab35.js +0 -28
  71. package/lib/edge/columns-8db639b5.cjs +0 -28
  72. package/lib/edge/columns-d065e3c4.js +0 -156
  73. package/lib/edge/content-variants-44d061f2.cjs +0 -134
  74. package/lib/edge/get-class-prop-name-7b951501.cjs +0 -1
  75. package/lib/edge/image-ee3dd857.cjs +0 -17
  76. package/lib/edge/symbol-dbb5c95e.cjs +0 -1
@@ -1,156 +0,0 @@
1
- import { jsxs as g, Fragment as v, jsx as r } from "react/jsx-runtime";
2
- import { useState as s } from "react";
3
- import { InlinedStyles as w, mapStyleObjToStrIfNeeded as $, Blocks as B, getSizesForBreakpoints as z } from "./blocks-93608689.js";
4
- import { DynamicRenderer as L } from "./dynamic-renderer-8b343325.js";
5
- import { getClassPropName as W } from "./get-class-prop-name-e85bf7a3.js";
6
- import "./blocks-exports.mjs";
7
- import "./server-entry-e1e18fd2.js";
8
- function R(t) {
9
- var f;
10
- const [c, A] = s(
11
- () => typeof t.space == "number" ? t.space || 0 : 20
12
- ), [o, D] = s(() => t.columns || []), [m, F] = s(
13
- () => t.stackColumnsAt || "tablet"
14
- );
15
- function y(e) {
16
- var i;
17
- return ((i = o[e]) == null ? void 0 : i.width) || 100 / o.length;
18
- }
19
- function S(e) {
20
- const i = c * (o.length - 1) / o.length;
21
- return `calc(${y(e)}% - ${i}px)`;
22
- }
23
- function a({
24
- stackedStyle: e,
25
- desktopStyle: i
26
- }) {
27
- return m === "tablet" ? e : i;
28
- }
29
- function d({
30
- stackedStyle: e,
31
- desktopStyle: i
32
- }) {
33
- return m === "never" ? i : e;
34
- }
35
- const [u, N] = s(
36
- () => t.stackColumnsAt === "never" ? "row" : t.reverseColumnsWhenStacked ? "column-reverse" : "column"
37
- );
38
- function x() {
39
- return {
40
- "--flex-dir": u,
41
- "--flex-dir-tablet": a({
42
- stackedStyle: u,
43
- desktopStyle: "row"
44
- })
45
- };
46
- }
47
- function C(e) {
48
- const i = e === 0 ? 0 : c, n = S(e), l = `${i}px`, k = "100%", h = 0;
49
- return {
50
- ...{
51
- display: "flex",
52
- flexDirection: "column",
53
- alignItems: "stretch"
54
- },
55
- width: n,
56
- ["marginLeft"]: l,
57
- "--column-width-mobile": d({
58
- stackedStyle: k,
59
- desktopStyle: n
60
- }),
61
- "--column-margin-left-mobile": d({
62
- stackedStyle: h,
63
- desktopStyle: l
64
- }),
65
- "--column-width-tablet": a({
66
- stackedStyle: k,
67
- desktopStyle: n
68
- }),
69
- "--column-margin-left-tablet": a({
70
- stackedStyle: h,
71
- desktopStyle: l
72
- })
73
- };
74
- }
75
- function b(e) {
76
- var n, l;
77
- return z(
78
- ((l = (n = t.builderContext.content) == null ? void 0 : n.meta) == null ? void 0 : l.breakpoints) || {}
79
- )[e].max;
80
- }
81
- function p() {
82
- return `
83
- @media (max-width: ${b("medium")}px) {
84
- .${t.builderBlock.id}-breakpoints {
85
- flex-direction: var(--flex-dir-tablet);
86
- align-items: stretch;
87
- }
88
-
89
- .${t.builderBlock.id}-breakpoints > .builder-column {
90
- width: var(--column-width-tablet) !important;
91
- margin-left: var(--column-margin-left-tablet) !important;
92
- }
93
- }
94
-
95
- @media (max-width: ${b("small")}px) {
96
- .${t.builderBlock.id}-breakpoints {
97
- flex-direction: var(--flex-dir);
98
- align-items: stretch;
99
- }
100
-
101
- .${t.builderBlock.id}-breakpoints > .builder-column {
102
- width: var(--column-width-mobile) !important;
103
- margin-left: var(--column-margin-left-mobile) !important;
104
- }
105
- },
106
- `;
107
- }
108
- return /* @__PURE__ */ g(v, { children: [
109
- /* @__PURE__ */ g(
110
- "div",
111
- {
112
- className: `builder-columns ${t.builderBlock.id}-breakpoints div-003f4b1c`,
113
- style: x(),
114
- children: [
115
- /* @__PURE__ */ r(w, { id: "builderio-columns", styles: p() }),
116
- (f = t.columns) == null ? void 0 : f.map((e, i) => /* @__PURE__ */ r(
117
- L,
118
- {
119
- TagName: e.link ? t.builderLinkComponent || "a" : "div",
120
- actionAttributes: {},
121
- attributes: {
122
- ...e.link ? {
123
- href: e.link
124
- } : {},
125
- [W()]: "builder-column",
126
- style: $(C(i))
127
- },
128
- children: /* @__PURE__ */ r(
129
- B,
130
- {
131
- path: `component.options.columns.${i}.blocks`,
132
- parent: t.builderBlock.id,
133
- styleProp: {
134
- flexGrow: "1"
135
- },
136
- context: t.builderContext,
137
- registeredComponents: t.builderComponents,
138
- linkComponent: t.builderLinkComponent,
139
- blocks: e.blocks
140
- }
141
- )
142
- },
143
- i
144
- ))
145
- ]
146
- }
147
- ),
148
- /* @__PURE__ */ r("style", { children: `.div-003f4b1c {
149
- display: flex;
150
- line-height: normal;
151
- }` })
152
- ] });
153
- }
154
- export {
155
- R as default
156
- };
@@ -1,134 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),r=require("react"),s=require("./server-entry-c4b7844d.cjs"),k=require("./blocks-exports.cjs"),w=require("./blocks-5539f58f.cjs");require("./get-class-prop-name-7b951501.cjs");require("./dynamic-renderer-b29b45ca.cjs");const O={name:"Core:Button",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#000000",color:"white",borderRadius:"4px",textAlign:"center",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me!",bubble:!0},{name:"link",type:"url",bubble:!0},{name:"openLinkInNewTab",type:"boolean",defaultValue:!1,friendlyName:"Open link in new tab"}],static:!0,noWrap:!0},J={name:"Columns",isRSC:!0,inputs:[{name:"columns",type:"array",broadcast:!0,subFields:[{name:"blocks",type:"array",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{name:"width",type:"number",hideFromUI:!0,helperText:"Width %, e.g. set to 50 to fill half of the space"},{name:"link",type:"url",helperText:"Optionally set a url that clicking this column will link to"}],defaultValue:[{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]},{blocks:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto",minHeight:"20px",minWidth:"20px",overflow:"hidden"}},component:{name:"Image",options:{image:"https://builder.io/api/v1/image/assets%2Fpwgjf0RoYWbdnJSbpBAjXNRMe9F2%2Ffb27a7c790324294af8be1c35fe30f4d",backgroundPosition:"center",backgroundSize:"cover",aspectRatio:.7004048582995948}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{display:"flex",flexDirection:"column",alignItems:"stretch",flexShrink:"0",position:"relative",marginTop:"30px",textAlign:"center",lineHeight:"normal",height:"auto"}},component:{name:"Text",options:{text:"<p>Enter some text...</p>"}}}]}],onChange:e=>{function t(){n.forEach(a=>{a.delete("width")})}const n=e.get("columns");Array.isArray(n)&&n.find(u=>u.get("width"))&&(n.find(h=>!h.get("width"))||n.reduce((o,p)=>o+p.get("width"),0)!==100)&&t()}},{name:"space",type:"number",defaultValue:20,helperText:"Size of gap between columns",advanced:!0},{name:"stackColumnsAt",type:"string",defaultValue:"tablet",helperText:"Convert horizontal columns to vertical at what device size",enum:["tablet","mobile","never"],advanced:!0},{name:"reverseColumnsWhenStacked",type:"boolean",defaultValue:!1,helperText:"When stacking columns for mobile devices, reverse the ordering",advanced:!0}]},Y={name:"Fragment",static:!0,hidden:!0,canHaveChildren:!0,noWrap:!0},G={name:"Image",static:!0,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",defaultStyles:{position:"relative",minHeight:"20px",minWidth:"20px",overflow:"hidden"},canHaveChildren:!0,inputs:[{name:"image",type:"file",bubble:!0,allowedFileTypes:["jpeg","jpg","png","svg"],required:!0,defaultValue:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a",onChange:e=>{e.delete("srcset"),e.delete("noWebp");function n(i,o=6e4){return new Promise((p,I)=>{const x=document.createElement("img");let V=!1;x.onload=()=>{V=!0,p(x)},x.addEventListener("error",T=>{console.warn("Image load failed",T.error),I(T.error)}),x.src=i,setTimeout(()=>{V||I(new Error("Image load timed out"))},o)})}function a(i){return Math.round(i*1e3)/1e3}const u=e.get("image"),h=e.get("aspectRatio");if(fetch(u).then(i=>i.blob()).then(i=>{i.type.includes("svg")&&e.set("noWebp",!0)}),u&&(!h||h===.7041))return n(u).then(i=>{const o=e.get("aspectRatio");e.get("image")===u&&(!o||o===.7041)&&i.width&&i.height&&(e.set("aspectRatio",a(i.height/i.width)),e.set("height",i.height),e.set("width",i.width))})}},{name:"backgroundSize",type:"text",defaultValue:"cover",enum:[{label:"contain",value:"contain",helperText:"The image should never get cropped"},{label:"cover",value:"cover",helperText:"The image should fill it's box, cropping when needed"}]},{name:"backgroundPosition",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"altText",type:"string",helperText:"Text to display when the user has images off"},{name:"height",type:"number",hideFromUI:!0},{name:"width",type:"number",hideFromUI:!0},{name:"sizes",type:"string",hideFromUI:!0},{name:"srcset",type:"string",hideFromUI:!0},{name:"lazy",type:"boolean",defaultValue:!0,hideFromUI:!0},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the image's aspect ratio",defaultValue:!0},{name:"aspectRatio",type:"number",helperText:"This is the ratio of height/width, e.g. set to 1.5 for a 300px wide and 200px tall photo. Set to 0 to not force the image to maintain it's aspect ratio",advanced:!0,defaultValue:.7041}]},Q={name:"Core:Section",static:!0,image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a",inputs:[{name:"maxWidth",type:"number",defaultValue:1200},{name:"lazyLoad",type:"boolean",defaultValue:!1,advanced:!0,description:"Only render this section when in view"}],defaultStyles:{paddingLeft:"20px",paddingRight:"20px",paddingTop:"50px",paddingBottom:"50px",marginTop:"0px",width:"100vw",marginLeft:"calc(50% - 50vw)"},canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{textAlign:"center"}},component:{name:"Text",options:{text:"<p><b>I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.</b></p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>"}}}]},X={name:"Slot",isRSC:!0,description:"Allow child blocks to be inserted into this content when used as a Symbol",docsLink:"https://www.builder.io/c/docs/symbols-with-blocks",image:"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F3aad6de36eae43b59b52c85190fdef56",inputs:[{name:"name",type:"string",required:!0,defaultValue:"children"}]},Z=r.lazy(()=>Promise.resolve().then(()=>require("./slot-2a11e808.cjs"))),ee={name:"Symbol",noWrap:!0,static:!0,isRSC:!0,inputs:[{name:"symbol",type:"uiSymbol"},{name:"dataOnly",helperText:"Make this a data symbol that doesn't display any UI",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"inheritState",helperText:"Inherit the parent component state and data",type:"boolean",defaultValue:!1,advanced:!0},{name:"renderToLiquid",helperText:"Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",type:"boolean",defaultValue:!1,advanced:!0,hideFromUI:!0},{name:"useChildren",hideFromUI:!0,type:"boolean"}]},te={name:"Text",static:!0,isRSC:!0,image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",inputs:[{name:"text",type:"html",required:!0,autoFocus:!0,bubble:!0,defaultValue:"Enter some text..."}],defaultStyles:{lineHeight:"normal",height:"auto",textAlign:"center"}},ne={name:"Custom Code",static:!0,requiredPermissions:["editCode"],inputs:[{name:"code",type:"html",required:!0,defaultValue:"<p>Hello there, I am custom HTML code!</p>",code:!0},{name:"replaceNodes",type:"boolean",helperText:"Preserve server rendered dom nodes",advanced:!0},{name:"scriptsClientOnly",type:"boolean",defaultValue:!1,helperText:"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads",advanced:!0}]},ae=r.lazy(()=>Promise.resolve().then(()=>require("./custom-code-6d9730ff.cjs"))),ie={name:"Embed",static:!0,inputs:[{name:"url",type:"url",required:!0,defaultValue:"",helperText:"e.g. enter a youtube url, google map, etc",onChange:e=>{const t=e.get("url");if(t)return e.set("content","Loading..."),fetch(`https://iframe.ly/api/iframely?url=${t}&api_key=ae0e60e78201a3f2b0de4b`).then(a=>a.json()).then(a=>{e.get("url")===t&&(a.html?e.set("content",a.html):e.set("content","Invalid url, please try another"))}).catch(a=>{e.set("content","There was an error embedding this URL, please try again or another URL")});e.delete("content")}},{name:"content",type:"html",defaultValue:'<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',hideFromUI:!0}]},oe=r.lazy(()=>Promise.resolve().then(()=>require("./embed-32bdd007.cjs"))),re={name:"Form:Form",defaults:{responsiveStyles:{large:{marginTop:"15px",paddingBottom:"15px"}}},image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",inputs:[{name:"sendSubmissionsTo",type:"string",enum:[{label:"Send to email",value:"email",helperText:"Send form submissions to the email address of your choosing"},{label:"Custom",value:"custom",helperText:"Handle where the form requests go manually with a little code, e.g. to your own custom backend"}],defaultValue:"email"},{name:"sendSubmissionsToEmail",type:"string",required:!0,defaultValue:"your@email.com",showIf:'options.get("sendSubmissionsTo") === "email"'},{name:"sendWithJs",type:"boolean",helperText:"Set to false to use basic html form action",defaultValue:!0,showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"name",type:"string",defaultValue:"My form"},{name:"action",type:"string",helperText:"URL to send the form data to",showIf:'options.get("sendSubmissionsTo") === "custom"'},{name:"contentType",type:"string",defaultValue:"application/json",advanced:!0,enum:["application/json","multipart/form-data","application/x-www-form-urlencoded"],showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'},{name:"method",type:"string",showIf:'options.get("sendSubmissionsTo") === "custom"',defaultValue:"POST",advanced:!0},{name:"previewState",type:"string",enum:["unsubmitted","sending","success","error"],defaultValue:"unsubmitted",helperText:'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"successUrl",type:"url",helperText:"Optional URL to redirect the user to on form submission success",showIf:'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'},{name:"resetFormOnSubmit",type:"boolean",showIf:"options.get('sendSubmissionsTo') === 'custom' && options.get('sendWithJs') === true",advanced:!0},{name:"successMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Thanks!</span>"}}}]},{name:"validate",type:"boolean",defaultValue:!0,advanced:!0},{name:"errorMessagePath",type:"text",advanced:!0,helperText:'Path to where to get the error message from in a JSON response to display to the user, e.g. "error.message" for a response like { "error": { "message": "this username is taken" }}'},{name:"errorMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},bindings:{"component.options.text":"state.formErrorMessage || block.component.options.text"},component:{name:"Text",options:{text:"<span>Form submission error :( Please check your answers and try again</span>"}}}]},{name:"sendingMessage",type:"uiBlocks",hideFromUI:!0,defaultValue:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Sending...</span>"}}}]},{name:"customHeaders",type:"map",valueType:{type:"string"},advanced:!0,showIf:'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'}],noWrap:!0,canHaveChildren:!0,defaultChildren:[{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your name</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"name",placeholder:"Jane Doe"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Text",options:{text:"<span>Enter your email</span>"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:Input",options:{name:"email",placeholder:"jane@doe.com"}}},{"@type":"@builder.io/sdk:Element",responsiveStyles:{large:{marginTop:"10px"}},component:{name:"Form:SubmitButton",options:{text:"Submit"}}}]},se=r.lazy(()=>Promise.resolve().then(()=>require("./form-44ceed15.cjs"))),le={name:"Form:Input",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca",inputs:[{name:"type",type:"text",enum:["text","number","email","url","checkbox","radio","range","date","datetime-local","search","tel","time","file","month","week","password","color","hidden"],defaultValue:"text"},{name:"name",type:"string",required:!0,helperText:'Every input in a form needs a unique name describing what it takes, e.g. "email"'},{name:"placeholder",type:"string",defaultValue:"Hello there",helperText:"Text to display when there is no value"},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",helperText:"Is this input required to be filled out to submit a form",defaultValue:!1}],noWrap:!0,static:!0,defaultStyles:{paddingTop:"10px",paddingBottom:"10px",paddingLeft:"10px",paddingRight:"10px",borderRadius:"3px",borderWidth:"1px",borderStyle:"solid",borderColor:"#ccc"}},de=r.lazy(()=>Promise.resolve().then(()=>require("./input-f1aa0191.cjs"))),ce={name:"Form:Select",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045",defaultStyles:{alignSelf:"flex-start"},inputs:[{name:"options",type:"list",required:!0,subFields:[{name:"value",type:"text",required:!0},{name:"name",type:"text"}],defaultValue:[{value:"option 1"},{value:"option 2"}]},{name:"name",type:"string",required:!0,helperText:'Every select in a form needs a unique name describing what it gets, e.g. "email"'},{name:"defaultValue",type:"string"},{name:"value",type:"string",advanced:!0},{name:"required",type:"boolean",defaultValue:!1}],static:!0,noWrap:!0},ue=r.lazy(()=>Promise.resolve().then(()=>require("./select-d4c018c0.cjs"))),me={name:"Form:SubmitButton",image:"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98",defaultStyles:{appearance:"none",paddingTop:"15px",paddingBottom:"15px",paddingLeft:"25px",paddingRight:"25px",backgroundColor:"#3898EC",color:"white",borderRadius:"4px",cursor:"pointer"},inputs:[{name:"text",type:"text",defaultValue:"Click me"}],static:!0,noWrap:!0},pe=r.lazy(()=>Promise.resolve().then(()=>require("./submit-button-b363e0ed.cjs"))),ge={name:"Raw:Img",hideFromInsertMenu:!0,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",inputs:[{name:"image",bubble:!0,type:"file",allowedFileTypes:["jpeg","jpg","png","svg","gif","webp"],required:!0}],noWrap:!0,static:!0},fe=r.lazy(()=>Promise.resolve().then(()=>require("./img-a5802e2b.cjs"))),he={name:"Video",canHaveChildren:!0,defaultStyles:{minHeight:"20px",minWidth:"20px"},image:"https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",inputs:[{name:"video",type:"file",allowedFileTypes:["mp4"],bubble:!0,defaultValue:"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true",required:!0},{name:"posterImage",type:"file",allowedFileTypes:["jpeg","png"],helperText:"Image to show before the video plays"},{name:"autoPlay",type:"boolean",defaultValue:!0},{name:"controls",type:"boolean",defaultValue:!1},{name:"muted",type:"boolean",defaultValue:!0},{name:"loop",type:"boolean",defaultValue:!0},{name:"playsInline",type:"boolean",defaultValue:!0},{name:"fit",type:"text",defaultValue:"cover",enum:["contain","cover","fill","auto"]},{name:"preload",type:"text",defaultValue:"metadata",enum:["auto","metadata","none"]},{name:"fitContent",type:"boolean",helperText:"When child blocks are provided, fit to them instead of using the aspect ratio",defaultValue:!0,advanced:!0},{name:"position",type:"text",defaultValue:"center",enum:["center","top","left","right","bottom","top left","top right","bottom left","bottom right"]},{name:"height",type:"number",advanced:!0},{name:"width",type:"number",advanced:!0},{name:"aspectRatio",type:"number",advanced:!0,defaultValue:.7004048582995948},{name:"lazyLoad",type:"boolean",helperText:'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',defaultValue:!0,advanced:!0}]},be=()=>[{component:ae,...ne},{component:oe,...ie},{component:se,...re},{component:de,...le},{component:pe,...me},{component:ue,...ce},{component:fe,...ge},{component:k.Video,...he}],$=()=>[{component:k.Button,...O},{component:k.Columns,...J},{component:k.Fragment,...Y},{component:k.Image,...G},{component:k.Section,...Q},{component:Z,...X},{component:k.Symbol,...ee},{component:k.Text,...te},...be()],ye=`function updateCookiesAndStyles(contentId, variants, isHydrationTarget) {
2
- function getAndSetVariantId() {
3
- function setCookie(name, value, days) {
4
- let expires = '';
5
- if (days) {
6
- const date = new Date();
7
- date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
8
- expires = '; expires=' + date.toUTCString();
9
- }
10
- document.cookie = name + '=' + (value || '') + expires + '; path=/' + '; Secure; SameSite=None';
11
- }
12
- function getCookie(name) {
13
- const nameEQ = name + '=';
14
- const ca = document.cookie.split(';');
15
- for (let i = 0; i < ca.length; i++) {
16
- let c = ca[i];
17
- while (c.charAt(0) === ' ') c = c.substring(1, c.length);
18
- if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
19
- }
20
- return null;
21
- }
22
- const cookieName = \`builder.tests.\${contentId}\`;
23
- const variantInCookie = getCookie(cookieName);
24
- const availableIDs = variants.map(vr => vr.id).concat(contentId);
25
- if (variantInCookie && availableIDs.includes(variantInCookie)) {
26
- return variantInCookie;
27
- }
28
- let n = 0;
29
- const random = Math.random();
30
- for (let i = 0; i < variants.length; i++) {
31
- const variant = variants[i];
32
- const testRatio = variant.testRatio;
33
- n += testRatio;
34
- if (random < n) {
35
- setCookie(cookieName, variant.id);
36
- return variant.id;
37
- }
38
- }
39
- setCookie(cookieName, contentId);
40
- return contentId;
41
- }
42
- const winningVariantId = getAndSetVariantId();
43
- const styleEl = document.currentScript?.previousElementSibling;
44
- if (isHydrationTarget) {
45
- styleEl.remove();
46
- const thisScriptEl = document.currentScript;
47
- thisScriptEl?.remove();
48
- } else {
49
- const newStyleStr = variants.concat({
50
- id: contentId
51
- }).filter(variant => variant.id !== winningVariantId).map(value => {
52
- return \`.variant-\${value.id} { display: none; }
53
- \`;
54
- }).join('');
55
- styleEl.innerHTML = newStyleStr;
56
- }
57
- }`,xe=`function updateVariantVisibility(variantContentId, defaultContentId, isHydrationTarget) {
58
- if (!navigator.cookieEnabled) {
59
- return;
60
- }
61
- function getCookie(name) {
62
- const nameEQ = name + '=';
63
- const ca = document.cookie.split(';');
64
- for (let i = 0; i < ca.length; i++) {
65
- let c = ca[i];
66
- while (c.charAt(0) === ' ') c = c.substring(1, c.length);
67
- if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
68
- }
69
- return null;
70
- }
71
- const cookieName = \`builder.tests.\${defaultContentId}\`;
72
- const winningVariant = getCookie(cookieName);
73
- const parentDiv = document.currentScript?.parentElement;
74
- const isDefaultContent = variantContentId === defaultContentId;
75
- const isWinningVariant = winningVariant === variantContentId;
76
- if (isWinningVariant && !isDefaultContent) {
77
- parentDiv?.removeAttribute('hidden');
78
- parentDiv?.removeAttribute('aria-hidden');
79
- } else if (!isWinningVariant && isDefaultContent) {
80
- parentDiv?.setAttribute('hidden', 'true');
81
- parentDiv?.setAttribute('aria-hidden', 'true');
82
- }
83
- if (isHydrationTarget) {
84
- if (!isWinningVariant) {
85
- parentDiv?.remove();
86
- }
87
- const thisScriptEl = document.currentScript;
88
- thisScriptEl?.remove();
89
- }
90
- return;
91
- }`,B="builderIoAbTest",_="builderIoRenderContent",P=e=>Object.values((e==null?void 0:e.variations)||{}).map(t=>({...t,testVariationId:t.id,id:e==null?void 0:e.id})),ve=({canTrack:e,content:t})=>!(!(P(t).length>0)||!e||s.isBrowser()),Se=e=>e==="react"||e==="reactNative",M=Se(s.TARGET),Ie=()=>`
92
- window.${B} = ${ye}
93
- window.${_} = ${xe}
94
- `,ke=(e,t)=>`
95
- window.${B}(
96
- "${t}",${JSON.stringify(e)}, ${M}
97
- )`,Te=({contentId:e,variationId:t})=>`window.${_}(
98
- "${t}", "${e}", ${M}
99
- )`;function W(e){return f.jsx("script",{dangerouslySetInnerHTML:{__html:e.scriptStr},"data-id":e.id})}function L(e){return Math.round(e*1e3)/1e3}const Ce=(e,t,n=!0)=>{if(!(e instanceof HTMLElement))return null;let a=n?e:e.parentElement;do{if(!a)return null;if(t(a))return a}while(a=a.parentElement);return null},we=e=>Ce(e,t=>{const n=t.getAttribute("builder-id")||t.id;return(n==null?void 0:n.indexOf("builder-"))===0}),N=({event:e,target:t})=>{const n=t.getBoundingClientRect(),a=e.clientX-n.left,u=e.clientY-n.top,h=L(a/n.width),i=L(u/n.height);return{x:h,y:i}},Ve=e=>{const t=e.target,n=t&&we(t),a=(n==null?void 0:n.getAttribute("builder-id"))||(n==null?void 0:n.id);return{targetBuilderElement:a||void 0,metadata:{targetOffset:t?N({event:e,target:t}):void 0,builderTargetOffset:n?N({event:e,target:n}):void 0,builderElementIndex:n&&a?[].slice.call(document.getElementsByClassName(a)).indexOf(n):void 0}}};function Ee(e){var C,A,j,q,U,D,H;const t=r.useRef(null);function n(l){var g,c;const m={...e.builderContextSignal.rootState,...l};e.builderContextSignal.rootSetState?(c=(g=e.builderContextSignal).rootSetState)==null||c.call(g,m):e.setBuilderContextSignal(d=>({...d,rootState:m}))}function a(l){var g,c,d,b,E;const m={...e.builderContextSignal.content,...l,data:{...(g=e.builderContextSignal.content)==null?void 0:g.data,...l==null?void 0:l.data},meta:{...(c=e.builderContextSignal.content)==null?void 0:c.meta,...l==null?void 0:l.meta,breakpoints:((d=l==null?void 0:l.meta)==null?void 0:d.breakpoints)||((E=(b=e.builderContextSignal.content)==null?void 0:b.meta)==null?void 0:E.breakpoints)}};e.setBuilderContextSignal(S=>({...S,content:m}))}const[u,h]=r.useState(()=>e.contentWrapper||"div");function i(l){return s.createEditorListener({model:e.model,trustedHosts:e.trustedHosts,callbacks:{configureSdk:m=>{var d;const{breakpoints:g,contentId:c}=m;!c||c!==((d=e.builderContextSignal.content)==null?void 0:d.id)||g&&a({meta:{breakpoints:g}})},animation:m=>{w.triggerAnimation(m)},contentUpdate:m=>{a(m)}}})(l)}function o(){var m,g;const l=(g=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:g.jsCode;l&&w.evaluate({code:l,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!1})}const[p,I]=r.useState(()=>({})),[x,V]=r.useState(()=>({})),[T,R]=r.useState(()=>!1);function F(l){var m,g;if(e.builderContextSignal.content){const c=(m=e.builderContextSignal.content)==null?void 0:m.testVariationId,d=(g=e.builderContextSignal.content)==null?void 0:g.id;s._track({type:"click",canTrack:s.getDefaultCanTrack(e.canTrack),contentId:d,apiKey:e.apiKey,variationId:c!==d?c:void 0,...Ve(l),unique:!T})}T||R(!0)}function v(){var m,g,c;const l=(c=(g=(m=e.builderContextSignal.content)==null?void 0:m.data)==null?void 0:g.httpRequests)!=null?c:{};Object.entries(l).forEach(([d,b])=>{if(!b||x[d]||p[d]&&!s.isEditing())return;x[d]=!0;const E=b.replace(/{{([^}]+)}}/g,(S,z)=>String(w.evaluate({code:z,context:e.context||{},localState:void 0,rootState:e.builderContextSignal.rootState,rootSetState:e.builderContextSignal.rootSetState,enableCache:!0})));s.fetch(E).then(S=>S.json()).then(S=>{n({[d]:S}),p[d]=!0}).catch(S=>{console.error("error fetching dynamic data",b,S)}).finally(()=>{x[d]=!1})})}function y(){s.isEditing()&&window.dispatchEvent(new CustomEvent("builder:component:stateChange",{detail:{state:s.fastClone(e.builderContextSignal.rootState),ref:{name:e.model}}}))}return r.useEffect(()=>{var l,m;if(s.isBrowser()){if(s.isEditing()&&(window.addEventListener("message",i),s.registerInsertMenu(),s.setupBrowserForEditing({...e.locale?{locale:e.locale}:{},...e.enrich?{enrich:e.enrich}:{},...e.trustedHosts?{trustedHosts:e.trustedHosts}:{}}),Object.values(e.builderContextSignal.componentInfos).forEach(c=>{var b;const d=s.createRegisterComponentMessage(c);(b=window.parent)==null||b.postMessage(d,"*")}),window.addEventListener("builder:component:stateChangeListenerActivated",y)),e.builderContextSignal.content&&s.getDefaultCanTrack(e.canTrack)){const c=(l=e.builderContextSignal.content)==null?void 0:l.testVariationId,d=(m=e.builderContextSignal.content)==null?void 0:m.id,b=e.apiKey;s._track({type:"impression",canTrack:!0,contentId:d,apiKey:b,variationId:c!==d?c:void 0})}if(s.isPreviewing()&&!s.isEditing()){const c=new URL(location.href).searchParams,d=c.get("builder.preview"),b=c.get(`builder.preview.${d}`),E=c.get("apiKey")||c.get("builder.space");d===e.model&&E===e.apiKey&&(!e.content||b===e.content.id)&&s.fetchOneEntry({model:e.model,apiKey:e.apiKey,apiVersion:e.builderContextSignal.apiVersion}).then(S=>{S&&a(S)})}}},[]),r.useEffect(()=>{e.apiKey||s.logger.error("No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop."),o(),v(),y()},[]),r.useEffect(()=>{e.content&&a(e.content)},[e.content]),r.useEffect(()=>{o()},[(A=(C=e.builderContextSignal.content)==null?void 0:C.data)==null?void 0:A.jsCode]),r.useEffect(()=>{v()},[(q=(j=e.builderContextSignal.content)==null?void 0:j.data)==null?void 0:q.httpRequests]),r.useEffect(()=>{y()},[e.builderContextSignal.rootState]),r.useEffect(()=>{e.data&&n(e.data)},[e.data]),r.useEffect(()=>{e.locale&&n({locale:e.locale})},[e.locale]),r.useEffect(()=>()=>{s.isBrowser()&&(window.removeEventListener("message",i),window.removeEventListener("builder:component:stateChangeListenerActivated",y))},[]),f.jsx(k.BuilderContext.Provider,{value:e.builderContextSignal,children:e.builderContextSignal.content?f.jsx(u,{ref:t,onClick:l=>F(l),"builder-content-id":(U=e.builderContextSignal.content)==null?void 0:U.id,"builder-model":e.model,...e.showContent?{}:{hidden:!0,"aria-hidden":!0},...e.contentWrapperProps,className:`variant-${((D=e.content)==null?void 0:D.testVariationId)||((H=e.content)==null?void 0:H.id)}`,children:e.children}):null})}const Re=e=>{var h,i;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],a=(i=e.fileUrl)!=null?i:(h=e==null?void 0:e.files)==null?void 0:h.regular;let u="";if(a&&t&&n&&(u+=`
100
- @font-face {
101
- font-family: "${t}";
102
- src: local("${n}"), url('${a}') format('woff2');
103
- font-display: fallback;
104
- font-weight: 400;
105
- }
106
- `.trim()),e.files)for(const o in e.files){if(!(String(Number(o))===o))continue;const I=e.files[o];I&&I!==a&&(u+=`
107
- @font-face {
108
- font-family: "${t}";
109
- src: url('${I}') format('woff2');
110
- font-display: fallback;
111
- font-weight: ${o};
112
- }
113
- `.trim())}return u},Fe=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>Re(n)))==null?void 0:t.join(" "))||""},Pe=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",We=`
114
- .builder-button {
115
- all: unset;
116
- }
117
-
118
- .builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
119
- margin: 0;
120
- }
121
- .builder-text > p, .builder-text > .builder-paragraph {
122
- color: inherit;
123
- line-height: inherit;
124
- letter-spacing: inherit;
125
- font-weight: inherit;
126
- font-size: inherit;
127
- text-align: inherit;
128
- font-family: inherit;
129
- }
130
- `,Ae=e=>e?"":We;function je(e){const[t,n]=r.useState(()=>`
131
- ${Pe({cssCode:e.cssCode,contentId:e.contentId})}
132
- ${Fe({customFonts:e.customFonts})}
133
- ${Ae(e.isNestedRender)}
134
- `.trim());return f.jsx(w.InlinedStyles,{id:"builderio-content",styles:t})}const qe=({content:e,data:t,locale:n})=>{var h,i,o;const a={},u=((h=e==null?void 0:e.data)==null?void 0:h.state)||{};return(o=(i=e==null?void 0:e.data)==null?void 0:i.inputs)==null||o.forEach(p=>{p.name&&p.defaultValue!==void 0&&(a[p.name]=p.defaultValue)}),{...a,...u,...t,...n?{locale:n}:{}}},Ue=({content:e,data:t})=>e?{...e,data:{...e==null?void 0:e.data,...t},meta:e==null?void 0:e.meta}:void 0;function K(e){var p,I,x,V,T,R,F;const[t,n]=r.useState(()=>{var v,y;return Te({variationId:(v=e.content)==null?void 0:v.testVariationId,contentId:(y=e.content)==null?void 0:y.id})});function a(v){o(y=>({...y,rootState:v}))}const[u,h]=r.useState(()=>[...$(),...e.customComponents||[]].reduce((v,{component:y,...C})=>({...v,[C.name]:{component:y,...s.serializeComponentInfo(C)}}),{})),[i,o]=r.useState(()=>({content:Ue({content:e.content,data:e.data}),localState:void 0,rootState:qe({content:e.content,data:e.data,locale:e.locale}),rootSetState:a,context:e.context||{},apiKey:e.apiKey,apiVersion:e.apiVersion,componentInfos:[...$(),...e.customComponents||[]].reduce((v,{component:y,...C})=>({...v,[C.name]:s.serializeComponentInfo(C)}),{}),inheritedStyles:{},BlocksWrapper:e.blocksWrapper||"div",BlocksWrapperProps:e.blocksWrapperProps||{}}));return f.jsx(w.ComponentsContext.Provider,{value:{registeredComponents:u},children:f.jsxs(Ee,{content:e.content,data:e.data,model:e.model,context:e.context,apiKey:e.apiKey,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,showContent:e.showContent,builderContextSignal:i,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,linkComponent:e.linkComponent,trustedHosts:e.trustedHosts,setBuilderContextSignal:o,children:[e.isSsrAbTest?f.jsx(W,{id:"builderio-variant-visibility",scriptStr:t}):null,f.jsx(je,{isNestedRender:e.isNestedRender,contentId:(p=i.content)==null?void 0:p.id,cssCode:(x=(I=i.content)==null?void 0:I.data)==null?void 0:x.cssCode,customFonts:(T=(V=i.content)==null?void 0:V.data)==null?void 0:T.customFonts}),f.jsx(w.Blocks,{blocks:(F=(R=i.content)==null?void 0:R.data)==null?void 0:F.blocks,context:i,registeredComponents:u,linkComponent:e.linkComponent})]})})}function De(e){var i;const[t,n]=r.useState(()=>ve({canTrack:s.getDefaultCanTrack(e.canTrack),content:e.content}));function a(){var o;return ke(P(e.content).map(p=>({id:p.testVariationId,testRatio:p.testRatio})),((o=e.content)==null?void 0:o.id)||"")}function u(){return P(e.content).map(o=>`.variant-${o.testVariationId} { display: none; } `).join("")}function h(){var o;return t?{...e.content,testVariationId:(o=e.content)==null?void 0:o.id}:s.handleABTestingSync({item:e.content,canTrack:s.getDefaultCanTrack(e.canTrack)})}return r.useEffect(()=>{},[]),f.jsxs(f.Fragment,{children:[!e.isNestedRender&&s.TARGET!=="reactNative"?f.jsx(W,{id:"builderio-init-variants-fns",scriptStr:Ie()}):null,t?f.jsxs(f.Fragment,{children:[f.jsx(w.InlinedStyles,{id:"builderio-variants",styles:u()}),f.jsx(W,{id:"builderio-variants-visibility",scriptStr:a()}),(i=P(e.content))==null?void 0:i.map(o=>f.jsx(K,{isNestedRender:e.isNestedRender,content:o,showContent:!1,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts},o.testVariationId))]}):null,f.jsx(K,{isNestedRender:e.isNestedRender,content:h(),showContent:!0,model:e.model,data:e.data,context:e.context,apiKey:e.apiKey,apiVersion:e.apiVersion,customComponents:e.customComponents,linkComponent:e.linkComponent,canTrack:e.canTrack,locale:e.locale,enrich:e.enrich,isSsrAbTest:t,blocksWrapper:e.blocksWrapper,blocksWrapperProps:e.blocksWrapperProps,contentWrapper:e.contentWrapper,contentWrapperProps:e.contentWrapperProps,trustedHosts:e.trustedHosts})]})}exports.default=De;
@@ -1 +0,0 @@
1
- "use strict";const e=require("./server-entry-c4b7844d.cjs"),s=()=>{switch(e.TARGET){case"react":case"reactNative":case"rsc":return"className";case"svelte":case"vue":case"solid":case"qwik":return"class"}};exports.getClassPropName=s;
@@ -1,17 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime");function f(e){return e.replace(/http(s)?:/,"")}function g(e="",i,t){const n=new RegExp("([?&])"+i+"=.*?(&|$)","i"),a=e.indexOf("?")!==-1?"&":"?";return e.match(n)?e.replace(n,"$1"+i+"="+encodeURIComponent(t)+"$2"):e+a+i+"="+encodeURIComponent(t)}function h(e,i){if(!e||!(e!=null&&e.match(/cdn\.shopify\.com/))||!i)return e;if(i==="master")return f(e);const t=e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);if(t){const n=e.split(t[0]),a=t[3],r=i.match("x")?i:`${i}x`;return f(`${n[0]}_${r}${a}`)}return null}function s(e){if(!e)return e;const i=[100,200,400,800,1200,1600,2e3];if(e.match(/builder\.io/)){let t=e;const n=Number(e.split("?width=")[1]);return isNaN(n)||(t=`${t} ${n}w`),i.filter(a=>a!==n).map(a=>`${g(e,"width",a)} ${a}w`).concat([t]).join(", ")}return e.match(/cdn\.shopify\.com/)?i.map(t=>[h(e,`${t}x${t}`),t]).filter(([t])=>!!t).map(([t,n])=>`${t} ${n}w`).concat([e]).join(", "):e}function b(e){var a,r,d,m;function i(){var u;const o=e.image||e.src;if(!o||!(o.match(/builder\.io/)||o.match(/cdn\.shopify\.com/)))return e.srcset;if(e.srcset&&((u=e.image)!=null&&u.includes("builder.io/api/v1/image"))){if(!e.srcset.includes(e.image.split("?")[0]))return console.debug("Removed given srcset"),s(o)}else if(e.image&&!e.srcset)return s(o);return s(o)}function t(){var l;return(l=i==null?void 0:i())!=null&&l.match(/builder\.io/)&&!e.noWebp?i().replace(/\?/g,"?format=webp&"):""}function n(){const l={position:"absolute",height:"100%",width:"100%",left:"0px",top:"0px"};return e.aspectRatio?l:void 0}return c.jsxs(c.Fragment,{children:[c.jsxs(c.Fragment,{children:[c.jsxs("picture",{children:[t()?c.jsx("source",{type:"image/webp",srcSet:t()}):null,c.jsx("img",{loading:"lazy",alt:e.altText,role:e.altText?void 0:"presentation",style:{objectPosition:e.backgroundPosition||"center",objectFit:e.backgroundSize||"cover",...n()},className:"builder-image"+(e.className?" "+e.className:"")+" img-a0c95e8c",src:e.image,srcSet:i(),sizes:e.sizes})]}),e.aspectRatio&&!((r=(a=e.builderBlock)==null?void 0:a.children)!=null&&r.length&&e.fitContent)?c.jsx("div",{className:"builder-image-sizer div-a0c95e8c",style:{paddingTop:e.aspectRatio*100+"%"}}):null,(m=(d=e.builderBlock)==null?void 0:d.children)!=null&&m.length&&e.fitContent?c.jsx(c.Fragment,{children:e.children}):null,!e.fitContent&&e.children?c.jsx("div",{className:"div-a0c95e8c-2",children:e.children}):null]}),c.jsx("style",{children:`.img-a0c95e8c {
2
- opacity: 1;
3
- transition: opacity 0.2s ease-in-out;
4
- }.div-a0c95e8c {
5
- width: 100%;
6
- pointer-events: none;
7
- font-size: 0;
8
- }.div-a0c95e8c-2 {
9
- display: flex;
10
- flex-direction: column;
11
- align-items: stretch;
12
- position: absolute;
13
- top: 0;
14
- left: 0;
15
- width: 100%;
16
- height: 100%;
17
- }`})]})}exports.default=b;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("react"),b=require("./blocks-exports.cjs"),f=require("./get-class-prop-name-7b951501.cjs"),s=require("./server-entry-c4b7844d.cjs"),v=async({builderContextValue:e,symbol:t})=>{if(t!=null&&t.model&&(e!=null&&e.apiKey))return s.fetchOneEntry({model:t.model,apiKey:e.apiKey,apiVersion:e.apiVersion,...(t==null?void 0:t.entry)&&{query:{id:t.entry}}}).catch(i=>{s.logger.error("Could not fetch symbol content: ",i)})};function C(e){var r,c,a,d;function t(){var n,l;return[e.attributes[f.getClassPropName()],"builder-symbol",(n=e.symbol)!=null&&n.inline?"builder-inline-symbol":void 0,(l=e.symbol)!=null&&l.dynamic||e.dynamic?"builder-dynamic-symbol":void 0].filter(Boolean).join(" ")}const[i,m]=o.useState(()=>{var n;return(n=e.symbol)==null?void 0:n.content});function y(){i||v({symbol:e.symbol,builderContextValue:e.builderContext}).then(n=>{n&&m(n)})}return o.useEffect(()=>{},[]),o.useEffect(()=>{y()},[e.symbol]),u.jsx("div",{...e.attributes,className:t(),children:u.jsx(b.Content,{isNestedRender:!0,apiVersion:e.builderContext.apiVersion,apiKey:e.builderContext.apiKey,context:{...e.builderContext.context,symbolId:(r=e.builderBlock)==null?void 0:r.id},customComponents:Object.values(e.builderComponents),data:{...(c=e.symbol)==null?void 0:c.data,...e.builderContext.localState,...(a=i==null?void 0:i.data)==null?void 0:a.state},model:(d=e.symbol)==null?void 0:d.model,content:i,linkComponent:e.builderLinkComponent,blocksWrapper:"div",contentWrapper:"div"})})}exports.default=C;