Enter some text...
\"\n }\n }\n }],\n ColumnsComponent = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n return __extends(t, e), Object.defineProperty(t.prototype, \"columns\", {\n get: function get() {\n return this.props.columns || [];\n },\n enumerable: !1,\n configurable: !0\n }), Object.defineProperty(t.prototype, \"gutterSize\", {\n get: function get() {\n return \"number\" == typeof this.props.space ? this.props.space || 0 : 20;\n },\n enumerable: !1,\n configurable: !0\n }), t.prototype.getWidth = function (e) {\n return this.columns[e] && this.columns[e].width || 100 / this.columns.length;\n }, t.prototype.getColumnWidth = function (e) {\n var t = this.columns,\n n = this.gutterSize,\n i = this.getWidth(e),\n r = n * (t.length - 1) * (i / 100);\n return \"calc(\".concat(i, \"% - \").concat(r, \"px)\");\n }, t.prototype.render = function () {\n var e,\n t,\n n,\n i,\n r = this,\n o = this.columns,\n a = this.gutterSize,\n s = (null === (i = null === (n = null === (t = this.props.builderState) || void 0 === t ? void 0 : t.context.builderContent) || void 0 === n ? void 0 : n.meta) || void 0 === i ? void 0 : i.breakpoints) || {},\n l = getSizesForBreakpoints(s);\n return jsx(React__default.Fragment, null, jsx(\"div\", {\n className: \"builder-columns\",\n css: _assign({\n display: \"flex\"\n }, \"never\" !== this.props.stackColumnsAt && (e = {}, e[\"@media (max-width: \".concat(\"tablet\" !== this.props.stackColumnsAt ? l.small.max : l.medium.max, \"px)\")] = {\n flexDirection: this.props.reverseColumnsWhenStacked ? \"column-reverse\" : \"column\",\n alignItems: \"stretch\"\n }, e))\n }, o.map(function (e, t) {\n var n,\n i,\n o = e.link ? Link : \"div\";\n return jsx(React__default.Fragment, {\n key: t\n }, jsx(o, _assign({\n className: \"builder-column\"\n }, e.link ? {\n href: e.link\n } : null, {\n css: _assign((n = {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"stretch\",\n lineHeight: \"normal\"\n }, n[\"& > .builder-blocks\"] = {\n flexGrow: 1\n }, n.width = r.getColumnWidth(t), n.marginLeft = 0 === t ? 0 : a, n), \"never\" !== r.props.stackColumnsAt && (i = {}, i[\"@media (max-width: \".concat(\"tablet\" !== r.props.stackColumnsAt ? l.small.max : l.medium.max, \"px)\")] = {\n width: \"100%\",\n marginLeft: 0\n }, i))\n }), jsx(BuilderBlocks, {\n key: t,\n child: !0,\n parentElementId: r.props.builderBlock && r.props.builderBlock.id,\n blocks: e.blocks,\n dataPath: \"component.options.columns.\".concat(t, \".blocks\")\n })));\n })));\n }, t;\n }(React__default.Component),\n Columns = withBuilder(ColumnsComponent, {\n name: \"Columns\",\n static: !0,\n inputs: [{\n name: \"columns\",\n type: \"array\",\n broadcast: !0,\n subFields: [{\n name: \"blocks\",\n type: \"array\",\n hideFromUI: !0,\n defaultValue: defaultBlocks\n }, {\n name: \"width\",\n type: \"number\",\n hideFromUI: !0,\n helperText: \"Width %, e.g. set to 50 to fill half of the space\"\n }, {\n name: \"link\",\n type: \"url\",\n helperText: \"Optionally set a url that clicking this column will link to\"\n }],\n defaultValue: [{\n blocks: defaultBlocks\n }, {\n blocks: defaultBlocks\n }],\n onChange: function onChange(e) {\n function t() {\n n.forEach(function (e) {\n e.delete(\"width\");\n });\n }\n var n = e.get(\"columns\");\n Array.isArray(n) && (!n.find(function (e) {\n return e.get(\"width\");\n }) || (n.find(function (e) {\n return !e.get(\"width\");\n }) || 100 !== n.reduce(function (e, t) {\n return e + t.get(\"width\");\n }, 0)) && t());\n }\n }, {\n name: \"space\",\n type: \"number\",\n defaultValue: 20,\n helperText: \"Size of gap between columns\",\n advanced: !0\n }, {\n name: \"stackColumnsAt\",\n type: \"string\",\n defaultValue: \"tablet\",\n helperText: \"Convert horizontal columns to vertical at what device size\",\n enum: [\"tablet\", \"mobile\", \"never\"],\n advanced: !0\n }, {\n name: \"reverseColumnsWhenStacked\",\n type: \"boolean\",\n defaultValue: !1,\n helperText: \"When stacking columns for mobile devices, reverse the ordering\",\n advanced: !0\n }]\n }),\n EmbedComponent = function (e) {\n function t() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.elementRef = null, t.scriptsInserted = new Set(), t.scriptsRun = new Set(), t;\n }\n return __extends(t, e), t.prototype.componentDidUpdate = function (e) {\n this.props.content !== e.content && this.findAndRunScripts();\n }, t.prototype.componentDidMount = function () {\n this.findAndRunScripts();\n }, t.prototype.findAndRunScripts = function () {\n if (this.elementRef && \"undefined\" != typeof window) for (var e = this.elementRef.getElementsByTagName(\"script\"), t = 0; t < e.length; t++) {\n var n = e[t];\n if (n.src) {\n if (this.scriptsInserted.has(n.src)) continue;\n this.scriptsInserted.add(n.src);\n var i = document.createElement(\"script\");\n i.async = !0, i.src = n.src, document.head.appendChild(i);\n } else {\n if (this.scriptsRun.has(n.innerText)) continue;\n this.scriptsRun.add(n.innerText);\n try {\n new Function(n.innerText)();\n } catch (e) {\n console.warn(\"Builder custom code component error:\", e);\n }\n }\n }\n }, Object.defineProperty(t.prototype, \"content\", {\n get: function get() {\n return Builder.isServer ? (this.props.content || \"\").replace(/Hello there, I am custom HTML code!
\",\n code: !0\n }, _assign({\n name: \"replaceNodes\",\n type: \"boolean\",\n helperText: \"Preserve server rendered dom nodes\",\n advanced: !0\n }, isShopify$1 && {\n defaultValue: !0\n }), _assign({\n name: \"scriptsClientOnly\",\n type: \"boolean\",\n helperText: \"Only print and run scripts on the client. Important when scripts influence DOM that could be replaced when client loads\",\n advanced: !0\n }, !isShopify$1 && {\n defaultValue: !0\n })]\n });\nfunction removeProtocol(e) {\n return e.replace(/http(s)?:/, \"\");\n}\nfunction isElementInViewport(e) {\n var t = e.getBoundingClientRect();\n return t.top >= 0 && t.left >= 0 && t.bottom <= (window.innerHeight || document.documentElement.clientHeight) && t.right <= (window.innerWidth || document.documentElement.clientWidth);\n}\nfunction getShopifyImageUrl(e, t) {\n if (!e || !(null == e ? void 0 : e.match(/cdn\\.shopify\\.com/)) || !t) return e;\n if (\"master\" === t) return removeProtocol(e);\n var n = e.match(/(_\\d+x(\\d+)?)?(\\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\\?v=\\d+)?)/i);\n if (n) {\n var i = e.split(n[0]),\n r = n[3],\n o = t.match(\"x\") ? t : \"\".concat(t, \"x\");\n return removeProtocol(\"\".concat(i[0], \"_\").concat(o).concat(r));\n }\n return null;\n}\nvar DEFAULT_ASPECT_RATIO$1 = .7041;\nfunction updateQueryParam(e, t, n) {\n void 0 === e && (e = \"\");\n var i = new RegExp(\"([?&])\" + t + \"=.*?(&|$)\", \"i\"),\n r = -1 !== e.indexOf(\"?\") ? \"&\" : \"?\";\n return e.match(i) ? e.replace(i, \"$1\" + t + \"=\" + encodeURIComponent(n) + \"$2\") : e + r + t + \"=\" + encodeURIComponent(n);\n}\nfunction getSrcSet(e) {\n if (!e) return e;\n var t = [100, 200, 400, 800, 1200, 1600, 2e3];\n if (e.match(/builder\\.io/)) {\n var n = e,\n i = Number(e.split(\"?width=\")[1]);\n return isNaN(i) || (n = \"\".concat(n, \" \").concat(i, \"w\")), t.filter(function (e) {\n return e !== i;\n }).map(function (t) {\n return \"\".concat(updateQueryParam(e, \"width\", t), \" \").concat(t, \"w\");\n }).concat([n]).join(\", \");\n }\n return e.match(/cdn\\.shopify\\.com/) ? t.map(function (t) {\n return [getShopifyImageUrl(e, \"\".concat(t, \"x\").concat(t)), t];\n }).filter(function (e) {\n return !!e[0];\n }).map(function (e) {\n var t = e[0],\n n = e[1];\n return \"\".concat(t, \" \").concat(n, \"w\");\n }).concat([e]).join(\", \") : e;\n}\nvar getSizes = function getSizes(e, t, n) {\n var i, r, o, a, s, l, u, d;\n void 0 === n && (n = {});\n var c = \"\";\n if (e) {\n var p = e.split(\",\"),\n f = p.length;\n c = p.map(function (e, t) {\n return f === t + 1 ? e.replace(/\\([\\s\\S]*?\\)/g, \"\").trim() : e;\n }).join(\", \");\n } else if (t && t.responsiveStyles) {\n var m = [],\n h = !1,\n g = /^\\d+/,\n v = getSizesForBreakpoints(n);\n if (null === (o = null === (r = null === (i = t.responsiveStyles) || void 0 === i ? void 0 : i.small) || void 0 === r ? void 0 : r.width) || void 0 === o ? void 0 : o.match(g)) {\n h = !0;\n var b = \"(max-width: \".concat(v.small.max, \"px)\"),\n y = \"\".concat(b, \" \").concat(t.responsiveStyles.small.width.replace(\"%\", \"vw\"));\n m.push(y);\n }\n if (null === (l = null === (s = null === (a = t.responsiveStyles) || void 0 === a ? void 0 : a.medium) || void 0 === s ? void 0 : s.width) || void 0 === l ? void 0 : l.match(g)) {\n h = !0;\n b = \"(max-width: \".concat(v.medium.max, \"px)\"), y = \"\".concat(b, \" \").concat(t.responsiveStyles.medium.width.replace(\"%\", \"vw\"));\n m.push(y);\n }\n if (null === (d = null === (u = t.responsiveStyles) || void 0 === u ? void 0 : u.large) || void 0 === d ? void 0 : d.width) {\n var _ = t.responsiveStyles.large.width.replace(\"%\", \"vw\");\n m.push(_);\n } else h && m.push(\"100vw\");\n m.length && (c = m.join(\", \"));\n }\n return c;\n },\n ImageComponent = function (e) {\n function t() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.state = {\n imageLoaded: !t.useLazyLoading,\n load: !t.useLazyLoading\n }, t.pictureRef = null, t.scrollListener = null, t.intersectionObserver = null, t;\n }\n return __extends(t, e), Object.defineProperty(t.prototype, \"useLazyLoading\", {\n get: function get() {\n return !this.props.highPriority && (!Builder.isBrowser || !location.search.includes(\"builder.lazyLoadImages=false\")) && (!(!Builder.isBrowser || !location.href.includes(\"builder.lazyLoadImages=true\")) || this.props.lazy);\n },\n enumerable: !1,\n configurable: !0\n }), t.prototype.componentWillUnmount = function () {\n Builder.isBrowser && (this.scrollListener && (window.removeEventListener(\"scroll\", this.scrollListener), this.scrollListener = null), this.intersectionObserver && this.pictureRef && this.intersectionObserver.unobserve(this.pictureRef));\n }, t.prototype.componentDidMount = function () {\n var e = this;\n if (this.props.lazy && Builder.isBrowser) if (this.pictureRef && isElementInViewport(this.pictureRef)) this.setState({\n load: !0\n });else if (\"function\" == typeof IntersectionObserver && this.pictureRef) {\n (this.intersectionObserver = new IntersectionObserver(function (t, n) {\n t.forEach(function (t) {\n t.intersectionRatio > 0 && (e.setState({\n load: !0\n }), e.pictureRef && n.unobserve(e.pictureRef));\n });\n })).observe(this.pictureRef);\n } else {\n var t = throttle(function (n) {\n if (e.pictureRef) {\n var i = e.pictureRef.getBoundingClientRect(),\n r = window.innerHeight / 2;\n i.top < window.innerHeight + r && (e.setState(_assign(_assign({}, e.state), {\n load: !0\n })), window.removeEventListener(\"scroll\", t), e.scrollListener = null);\n }\n }, 400, {\n leading: !1,\n trailing: !0\n });\n this.scrollListener = t, window.addEventListener(\"scroll\", t, {\n capture: !0,\n passive: !0\n }), t();\n }\n }, Object.defineProperty(t.prototype, \"image\", {\n get: function get() {\n return this.props.image || this.props.src;\n },\n enumerable: !1,\n configurable: !0\n }), t.prototype.getSrcSet = function () {\n var e = this.image;\n if (e && !this.props.noWebp && (e.match(/builder\\.io/) || e.match(/cdn\\.shopify\\.com/))) return getSrcSet(e);\n }, t.prototype.render = function () {\n var e,\n t,\n n = this,\n i = this.props,\n r = i.aspectRatio,\n o = i.lazy,\n a = i.builderBlock,\n s = i.builderState,\n l = this.props.builderBlock && this.props.builderBlock.children,\n u = this.props.srcset,\n d = getSizes(this.props.sizes, a, (null === (t = null === (e = null == s ? void 0 : s.context.builderContent) || void 0 === e ? void 0 : e.meta) || void 0 === t ? void 0 : t.breakpoints) || {}),\n c = this.image;\n u && c && c.includes(\"builder.io/api/v1/image\") ? u.includes(c.split(\"?\")[0]) || (console.debug(\"Removed given srcset\"), u = this.getSrcSet()) : c && !u && (u = this.getSrcSet());\n var p = (null == a ? void 0 : a.id.startsWith(\"builder-pixel-\")) || this.props.highPriority,\n f = this.props.fitContent;\n return jsx(BuilderMetaContext.Consumer, null, function (e) {\n var t,\n i = e.ampMode,\n a = i ? \"amp-img\" : \"img\",\n s = (!o || n.state.load || i) && jsx(a, _assign({}, i ? {\n layout: \"responsive\",\n height: n.props.height || (r ? Math.round(1e3 * r) : void 0),\n width: n.props.width || (r ? Math.round(1e3 / r) : void 0)\n } : null, {\n alt: n.props.altText,\n key: Builder.isEditing && \"string\" == typeof n.image && n.image.split(\"?\")[0] || void 0,\n role: n.props.altText ? void 0 : \"presentation\",\n css: _assign(_assign({\n opacity: i ? 1 : n.useLazyLoading && !n.state.imageLoaded ? 0 : 1,\n transition: \"opacity 0.2s ease-in-out\",\n objectFit: n.props.backgroundSize || \"cover\",\n objectPosition: n.props.backgroundPosition || \"center\"\n }, r && !i && {\n position: \"absolute\",\n height: \"100%\",\n width: \"100%\",\n left: 0,\n top: 0\n }), i && (t = {}, t[\"& img\"] = {\n objectFit: n.props.backgroundSize,\n objectPosition: n.props.backgroundPosition\n }, t)),\n loading: p ? \"eager\" : \"lazy\",\n fetchPriority: p ? \"high\" : \"auto\",\n className: \"builder-image\" + (n.props.className ? \" \" + n.props.className : \"\"),\n src: n.image\n }, !i && {\n onLoad: function onLoad() {\n return n.setState({\n imageLoaded: !0\n });\n }\n }, {\n srcSet: u,\n sizes: !i && d ? d : void 0\n }));\n return jsx(React__default.Fragment, null, i ? s : jsx(\"picture\", {\n ref: function ref(e) {\n return n.pictureRef = e;\n }\n }, u && u.match(/builder\\.io/) && !n.props.noWebp && jsx(\"source\", {\n srcSet: u.replace(/\\?/g, \"?format=webp&\"),\n type: \"image/webp\"\n }), s), !r || i || f && l && l.length ? null : jsx(\"div\", {\n className: \"builder-image-sizer\",\n css: {\n width: \"100%\",\n paddingTop: 100 * r + \"%\",\n pointerEvents: \"none\",\n fontSize: 0\n }\n }, \" \"), l && l.length ? f ? l.map(function (e, t) {\n return jsx(BuilderBlock$1, {\n key: e.id,\n block: e\n });\n }) : jsx(\"div\", {\n css: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"stretch\",\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\"\n }\n }, l.map(function (e, t) {\n return jsx(BuilderBlock$1, {\n key: e.id,\n block: e\n });\n })) : null);\n });\n }, t;\n }(React__default.Component),\n Image = withBuilder(ImageComponent, {\n name: \"Image\",\n static: !0,\n 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\",\n defaultStyles: {\n position: \"relative\",\n minHeight: \"20px\",\n minWidth: \"20px\",\n overflow: \"hidden\"\n },\n canHaveChildren: !0,\n inputs: [{\n name: \"image\",\n type: \"file\",\n bubble: !0,\n allowedFileTypes: [\"jpeg\", \"jpg\", \"png\", \"svg\", \"webp\"],\n required: !0,\n defaultValue: \"https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a\",\n onChange: function onChange(e) {\n e.delete(\"srcset\"), e.delete(\"noWebp\");\n var t,\n n,\n i = e.get(\"image\"),\n r = e.get(\"aspectRatio\");\n if (fetch(i).then(function (e) {\n return e.blob();\n }).then(function (t) {\n t.type.includes(\"svg\") && e.set(\"noWebp\", !0);\n }), i && (!r || .7041 === r)) return (t = i, void 0 === n && (n = 6e4), new Promise(function (e, i) {\n var r = document.createElement(\"img\"),\n o = !1;\n r.onload = function () {\n o = !0, e(r);\n }, r.addEventListener(\"error\", function (e) {\n console.warn(\"Image load failed\", e.error), i(e.error);\n }), r.src = t, setTimeout(function () {\n o || i(new Error(\"Image load timed out\"));\n }, n);\n })).then(function (t) {\n var n,\n r = e.get(\"aspectRatio\");\n e.get(\"image\") !== i || r && .7041 !== r || t.width && t.height && (e.set(\"aspectRatio\", (n = t.height / t.width, Math.round(1e3 * n) / 1e3)), e.set(\"height\", t.height), e.set(\"width\", t.width));\n });\n }\n }, {\n name: \"backgroundSize\",\n type: \"text\",\n defaultValue: \"cover\",\n enum: [{\n label: \"contain\",\n value: \"contain\",\n helperText: \"The image should never get cropped\"\n }, {\n label: \"cover\",\n value: \"cover\",\n helperText: \"The image should fill its box, cropping when needed\"\n }]\n }, {\n name: \"backgroundPosition\",\n type: \"text\",\n defaultValue: \"center\",\n enum: [\"center\", \"top\", \"left\", \"right\", \"bottom\", \"top left\", \"top right\", \"bottom left\", \"bottom right\"]\n }, {\n name: \"altText\",\n type: \"string\",\n helperText: \"Text to display when the user has images off\"\n }, {\n name: \"highPriority\",\n type: \"boolean\",\n advanced: !0,\n helperText: \"Mark this image as high priority compared to other images on the page. This prevents lazy loading of the image and tells the browser to load this image before others on the page.\"\n }, {\n name: \"height\",\n type: \"number\",\n hideFromUI: !0\n }, {\n name: \"width\",\n type: \"number\",\n hideFromUI: !0\n }, {\n name: \"sizes\",\n type: \"string\",\n hideFromUI: !0\n }, {\n name: \"srcset\",\n type: \"string\",\n hideFromUI: !0\n }, {\n name: \"lazy\",\n type: \"boolean\",\n defaultValue: !0,\n hideFromUI: !0\n }, {\n name: \"fitContent\",\n type: \"boolean\",\n helperText: \"When child blocks are provided, fit to them instead of using the image's aspect ratio\",\n defaultValue: !0\n }, {\n name: \"aspectRatio\",\n type: \"number\",\n 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\",\n advanced: !0,\n defaultValue: DEFAULT_ASPECT_RATIO$1\n }]\n }),\n DEFAULT_ASPECT_RATIO = .7004048582995948,\n VideoComponent = function (e) {\n function t() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.video = null, t.containerRef = null, t.scrollListener = null, t.state = {\n load: !t.lazyLoad\n }, t;\n }\n return __extends(t, e), Object.defineProperty(t.prototype, \"lazyLoad\", {\n get: function get() {\n return !1 !== this.props.lazyLoad;\n },\n enumerable: !1,\n configurable: !0\n }), t.prototype.updateVideo = function () {\n var e = this,\n t = this.video;\n if (t) {\n [\"muted\", \"playsInline\", \"autoPlay\"].forEach(function (n) {\n var i = n.toLowerCase();\n e.props[n] ? t.setAttribute(i, i) : t.removeAttribute(i);\n });\n }\n }, t.prototype.componentDidUpdate = function () {\n this.updateVideo();\n }, t.prototype.componentDidMount = function () {\n var e = this;\n if (this.updateVideo(), this.lazyLoad && Builder.isBrowser) {\n var t = throttle(function (n) {\n if (e.containerRef) {\n var i = e.containerRef.getBoundingClientRect(),\n r = window.innerHeight / 2;\n i.top < window.innerHeight + r && (e.setState(function (e) {\n return _assign(_assign({}, e), {\n load: !0\n });\n }), window.removeEventListener(\"scroll\", t), e.scrollListener = null);\n }\n }, 400, {\n leading: !1,\n trailing: !0\n });\n this.scrollListener = t, window.addEventListener(\"scroll\", t, {\n capture: !0,\n passive: !0\n }), t();\n }\n }, t.prototype.componentWillUnmount = function () {\n Builder.isBrowser && this.scrollListener && (window.removeEventListener(\"scroll\", this.scrollListener), this.scrollListener = null);\n }, t.prototype.render = function () {\n var e = this,\n t = this.props,\n n = t.aspectRatio,\n i = t.children;\n return jsx(\"div\", {\n ref: function ref(t) {\n return e.containerRef = t;\n },\n css: {\n position: \"relative\"\n }\n }, jsx(\"video\", {\n key: this.props.video || \"no-src\",\n poster: this.props.posterImage,\n ref: function ref(t) {\n return e.video = t;\n },\n autoPlay: this.props.autoPlay,\n muted: this.props.muted,\n controls: this.props.controls,\n loop: this.props.loop,\n preload: this.props.preload || \"metadata\",\n className: \"builder-video\",\n css: _assign({\n width: \"100%\",\n height: \"100%\",\n objectFit: this.props.fit,\n objectPosition: this.props.position,\n zIndex: 2,\n borderRadius: 1\n }, n ? {\n position: \"absolute\"\n } : null)\n }, (!this.lazyLoad || this.state.load) && jsx(\"source\", {\n type: \"video/mp4\",\n src: this.props.video\n })), !n || this.props.fitContent && i ? null : jsx(\"div\", {\n css: {\n width: \"100%\",\n paddingTop: 100 * n + \"%\",\n pointerEvents: \"none\",\n fontSize: 0\n }\n }), i && this.props.fitContent ? jsx(\"div\", {\n css: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"stretch\"\n }\n }, i) : i ? jsx(\"div\", {\n css: {\n pointerEvents: \"none\",\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"stretch\",\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\"\n }\n }, i) : null);\n }, t;\n }(React__default.Component),\n Video = Builder.registerComponent(withChildren(VideoComponent), {\n name: \"Video\",\n canHaveChildren: !0,\n defaultStyles: {\n minHeight: \"20px\",\n minWidth: \"20px\"\n },\n 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\",\n inputs: [{\n name: \"video\",\n type: \"file\",\n allowedFileTypes: [\"mp4\"],\n bubble: !0,\n defaultValue: \"https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true\",\n required: !0\n }, {\n name: \"posterImage\",\n type: \"file\",\n allowedFileTypes: [\"jpeg\", \"png\"],\n helperText: \"Image to show before the video plays\"\n }, {\n name: \"autoPlay\",\n type: \"boolean\",\n defaultValue: !0\n }, {\n name: \"controls\",\n type: \"boolean\",\n defaultValue: !1\n }, {\n name: \"muted\",\n type: \"boolean\",\n defaultValue: !0\n }, {\n name: \"loop\",\n type: \"boolean\",\n defaultValue: !0\n }, {\n name: \"playsInline\",\n type: \"boolean\",\n defaultValue: !0\n }, {\n name: \"fit\",\n type: \"text\",\n defaultValue: \"cover\",\n enum: [\"contain\", \"cover\", \"fill\", \"auto\"]\n }, {\n name: \"preload\",\n type: \"text\",\n defaultValue: \"metadata\",\n enum: [\"auto\", \"metadata\", \"none\"]\n }, {\n name: \"fitContent\",\n type: \"boolean\",\n helperText: \"When child blocks are provided, fit to them instead of using the aspect ratio\",\n defaultValue: !0,\n advanced: !0\n }, {\n name: \"position\",\n type: \"text\",\n defaultValue: \"center\",\n enum: [\"center\", \"top\", \"left\", \"right\", \"bottom\", \"top left\", \"top right\", \"bottom left\", \"bottom right\"]\n }, {\n name: \"height\",\n type: \"number\",\n advanced: !0\n }, {\n name: \"width\",\n type: \"number\",\n advanced: !0\n }, {\n name: \"aspectRatio\",\n type: \"number\",\n advanced: !0,\n defaultValue: DEFAULT_ASPECT_RATIO\n }, {\n name: \"lazyLoad\",\n type: \"boolean\",\n helperText: 'Load this video \"lazily\" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',\n defaultValue: !0,\n advanced: !0\n }]\n }),\n size = function size(e) {\n return Object.keys(e).length;\n },\n isShopify = Builder.isBrowser && \"Shopify\" in window,\n refs = {};\nif (Builder.isBrowser) try {\n Array.from(document.querySelectorAll(\"[builder-static-symbol]\")).forEach(function (e) {\n var t = e.getAttribute(\"builder-static-symbol\");\n t && (refs[t] = e);\n });\n} catch (e) {\n console.error(\"Builder replace nodes error:\", e);\n}\nvar SymbolComponent = function (e) {\n function t() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.ref = null, t.staticRef = null, t;\n }\n return __extends(t, e), Object.defineProperty(t.prototype, \"placeholder\", {\n get: function get() {\n return jsx(\"div\", {\n css: {\n padding: 10\n }\n }, \"Symbols let you reuse dynamic elements across your content. Please choose a model and entry for this symbol.\");\n },\n enumerable: !1,\n configurable: !0\n }), t.prototype.componentDidMount = function () {\n var e, t, n;\n this.useStatic && this.staticRef && refs[null === (e = this.props.builderBlock) || void 0 === e ? void 0 : e.id] && (null === (t = this.staticRef.parentNode) || void 0 === t || t.replaceChild(refs[null === (n = this.props.builderBlock) || void 0 === n ? void 0 : n.id], this.staticRef));\n }, Object.defineProperty(t.prototype, \"useStatic\", {\n get: function get() {\n var e;\n return Boolean(Builder.isBrowser && refs[null === (e = this.props.builderBlock) || void 0 === e ? void 0 : e.id] && !(Builder.isEditing || Builder.isPreviewing));\n },\n enumerable: !1,\n configurable: !0\n }), t.prototype.render = function () {\n var e,\n t = this;\n if (this.useStatic) return jsx(\"div\", {\n ref: function ref(e) {\n return t.staticRef = e;\n }\n });\n var n = this.props.symbol,\n i = !1;\n n || (i = !0);\n var r = this.props.dataOnly ? NoWrap : this.props.builderBlock && this.props.builderBlock.tagName || \"div\",\n o = n || {},\n a = o.model,\n s = o.entry,\n l = o.data,\n u = o.content,\n d = o.inline,\n c = o.ownerId,\n p = (null == n ? void 0 : n.dynamic) || this.props.dynamic;\n a && (s || p) || (null === (e = null == u ? void 0 : u.data) || void 0 === e ? void 0 : e.blocksJs) || d || (i = !0);\n var f = p ? void 0 : [a, s].join(\":\"),\n m = Builder.isEditing ? null : l && size(l) && hash(l);\n f && m && m.length < 300 && (f += \":\" + m);\n var h = this.props.attributes || {};\n return jsx(BuilderStoreContext.Consumer, {\n key: (a || \"no model\") + \":\" + (s || \"no entry\")\n }, function (e) {\n var o,\n d,\n p,\n m,\n g,\n v,\n b,\n y,\n _,\n x,\n S,\n B = \"\".concat(f, \"_\").concat((null === (o = null == e ? void 0 : e.state) || void 0 === o ? void 0 : o.locale) || \"Default\");\n return jsx(r, _assign({\n \"data-model\": a\n }, h, {\n className: (h.class || h.className || \"\") + \" builder-symbol\" + ((null == n ? void 0 : n.inline) ? \" builder-inline-symbol\" : \"\") + ((null == n ? void 0 : n.dynamic) || t.props.dynamic ? \" builder-dynamic-symbol\" : \"\")\n }), i ? t.placeholder : jsx(BuilderComponent, _assign({}, c && {\n apiKey: c\n }, (null === (d = e.state) || void 0 === d ? void 0 : d.locale) && {\n locale: e.state.locale\n }, {\n isChild: !0,\n ref: function ref(e) {\n return t.ref = e;\n },\n context: _assign(_assign({}, e.context), {\n symbolId: null === (p = t.props.builderBlock) || void 0 === p ? void 0 : p.id\n }),\n model: a,\n entry: s,\n data: _assign(_assign(_assign({}, l), !!t.props.inheritState && omit$2(e.state, \"children\")), null === (_ = null === (y = null === (b = null === (v = null === (g = null === (m = t.props.builderBlock) || void 0 === m ? void 0 : m.component) || void 0 === g ? void 0 : g.options) || void 0 === v ? void 0 : v.symbol) || void 0 === b ? void 0 : b.content) || void 0 === y ? void 0 : y.data) || void 0 === _ ? void 0 : _.state),\n renderLink: e.renderLink,\n inlineContent: null == n ? void 0 : n.inline\n }, u && {\n content: u\n }, {\n key: B,\n options: {\n key: B,\n noEditorUpdates: !0\n },\n codegen: !!(null === (x = null == u ? void 0 : u.data) || void 0 === x ? void 0 : x.blocksJs),\n hydrate: null === (S = e.state) || void 0 === S ? void 0 : S._hydrate,\n builderBlock: t.props.builderBlock,\n dataOnly: t.props.dataOnly\n }), t.props.children));\n });\n }, t;\n }(React__default.Component),\n Symbol$1 = withBuilder(SymbolComponent, {\n name: \"Symbol\",\n noWrap: !0,\n static: !0,\n inputs: [{\n name: \"symbol\",\n type: \"uiSymbol\"\n }, {\n name: \"dataOnly\",\n helperText: \"Make this a data symbol that doesn't display any UI\",\n type: \"boolean\",\n defaultValue: !1,\n advanced: !0,\n hideFromUI: !0\n }, {\n name: \"inheritState\",\n helperText: \"Inherit the parent component state and data\",\n type: \"boolean\",\n defaultValue: isShopify,\n advanced: !0\n }, {\n name: \"renderToLiquid\",\n helperText: \"Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting\",\n type: \"boolean\",\n defaultValue: isShopify,\n advanced: !0,\n hideFromUI: !0\n }, {\n name: \"useChildren\",\n hideFromUI: !0,\n type: \"boolean\"\n }]\n }),\n ButtonComponent = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n return __extends(t, e), t.prototype.render = function () {\n var e = this.props.link ? Link : \"span\";\n return /*#__PURE__*/React__default.createElement(e, _assign({\n role: \"button\",\n href: this.props.link,\n target: this.props.openLinkInNewTab ? \"_blank\" : void 0\n }, this.props.attributes), this.props.text);\n }, t;\n }(React__default.Component),\n Button = withBuilder(ButtonComponent, {\n name: \"Core:Button\",\n image: \"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13\",\n defaultStyles: {\n appearance: \"none\",\n paddingTop: \"15px\",\n paddingBottom: \"15px\",\n paddingLeft: \"25px\",\n paddingRight: \"25px\",\n backgroundColor: \"#000000\",\n color: \"white\",\n borderRadius: \"4px\",\n textAlign: \"center\",\n cursor: \"pointer\"\n },\n inputs: [{\n name: \"text\",\n type: \"text\",\n defaultValue: \"Click me!\",\n bubble: !0\n }, {\n name: \"link\",\n type: \"url\",\n bubble: !0\n }, {\n name: \"openLinkInNewTab\",\n type: \"boolean\",\n defaultValue: !1,\n friendlyName: \"Open link in new tab\"\n }],\n static: !0,\n noWrap: !0\n }),\n SectionComponent = function (e) {\n function t() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.ref = null, t.unmountCallbacks = [], t.state = {\n inView: !1\n }, t;\n }\n return __extends(t, e), Object.defineProperty(t.prototype, \"renderContents\", {\n get: function get() {\n return !0 !== this.props.lazyLoad || this.state.inView;\n },\n enumerable: !1,\n configurable: !0\n }), t.prototype.componentWillUnmount = function () {\n this.unmountCallbacks.forEach(function (e) {\n return e();\n });\n }, t.prototype.componentDidMount = function () {\n var e = this;\n if (this.props.lazyLoad) if (\"undefined\" != typeof IntersectionObserver && this.ref) {\n var t = new IntersectionObserver(function (t, n) {\n t.forEach(function (t) {\n t.intersectionRatio > 0 && (e.setState({\n inView: !0\n }), e.ref && n.unobserve(e.ref));\n });\n }, {\n rootMargin: \"10px\"\n });\n t.observe(this.ref), this.unmountCallbacks.push(function () {\n e.ref && t.unobserve(e.ref);\n });\n } else this.setState({\n inView: !0\n });\n }, t.prototype.render = function () {\n var e = this;\n return jsx(\"section\", {\n ref: function ref(t) {\n return e.ref = t;\n },\n css: _assign({\n width: \"100%\",\n alignSelf: \"stretch\",\n flexGrow: 1,\n boxSizing: \"border-box\",\n maxWidth: this.props.maxWidth,\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"stretch\",\n marginLeft: \"auto\",\n marginRight: \"auto\"\n }, this.renderContents ? null : this.props.lazyStyles)\n }, this.renderContents ? jsx(React__default.Fragment, null, this.props.children, this.props.builderBlock && this.props.builderBlock.children && this.props.builderBlock.children.map(function (e, t) {\n return jsx(BuilderBlock$1, {\n key: e.id,\n block: e\n });\n })) : null);\n }, t;\n }(React__default.Component),\n Section = withBuilder(SectionComponent, {\n name: \"Core:Section\",\n static: !0,\n image: \"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F682efef23ace49afac61748dd305c70a\",\n inputs: [{\n name: \"maxWidth\",\n type: \"number\",\n defaultValue: 1200\n }, {\n name: \"lazyLoad\",\n type: \"boolean\",\n defaultValue: !1,\n advanced: !0,\n description: \"Only render this section when in view\"\n }],\n defaultStyles: {\n paddingLeft: \"20px\",\n paddingRight: \"20px\",\n paddingTop: \"50px\",\n paddingBottom: \"50px\",\n marginTop: \"0px\",\n width: \"100vw\",\n marginLeft: \"calc(50% - 50vw)\"\n },\n canHaveChildren: !0,\n defaultChildren: [{\n \"@type\": \"@builder.io/sdk:Element\",\n responsiveStyles: {\n large: {\n textAlign: \"center\"\n }\n },\n component: {\n name: \"Text\",\n options: {\n text: \"I am a section! My content keeps from getting too wide, so that it's easy to read even on big screens.
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
\"\n }\n }\n }]\n }),\n StateProviderComponent = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n return __extends(t, e), t.prototype.render = function () {\n var e = this;\n return /*#__PURE__*/React__default.createElement(BuilderStoreContext.Consumer, null, function (t) {\n return /*#__PURE__*/React__default.createElement(BuilderStoreContext.Provider, {\n value: _assign(_assign({}, t), {\n state: _assign(_assign({}, t.state), e.props.state),\n context: _assign(_assign({}, t.context), e.props.context)\n })\n }, e.props.builderBlock && e.props.builderBlock.children && e.props.builderBlock.children.map(function (e, t) {\n return /*#__PURE__*/React__default.createElement(BuilderBlock$1, {\n block: e,\n key: e.id,\n index: t,\n child: !0\n });\n }), e.props.children);\n });\n }, t;\n }(React__default.Component),\n StateProvider = withBuilder(StateProviderComponent, {\n name: \"Builder:StateProvider\",\n canHaveChildren: !0,\n static: !0,\n noWrap: !0,\n hideFromInsertMenu: !0\n }),\n prefetched = new Set();\nfunction searchToObject(e) {\n var t = (e.search || \"\").substring(1).split(\"&\"),\n n = {};\n for (var i in t) {\n if (t[i] && \"string\" == typeof t[i]) {\n var r = t[i].split(\"=\");\n n[decodeURIComponent(r[0])] = decodeURIComponent(r[1]);\n }\n }\n return n;\n}\nvar RouterComponent = function (e) {\n function t() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.builder = builder, t.routed = !1, t.preloadQueue = 0, t.onPopState = function (e) {\n t.updateLocationState();\n }, t.onMouseOverOrTouchStart = function (e) {\n if (!(t.preloadQueue > 4) && !1 !== t.props.preloadOnHover) {\n var n = t.findHrefTarget(e);\n if (n) {\n var i = n.getAttribute(\"href\");\n if (i) {\n if (!t.isRelative(i)) {\n var r = t.convertToRelative(i);\n if (!r) return;\n i = r;\n }\n if (!i.startsWith(\"#\") && !prefetched.has(i)) {\n prefetched.add(i);\n var o = t.parseUrl(i);\n t.preloadQueue++;\n var a = builder.getUserAttributes();\n a.urlPath = o.pathname, a.queryString = o.search;\n var s = builder.get(t.model, {\n userAttributes: a,\n key: t.model + \":\" + o.pathname + o.search\n }).subscribe(function () {\n t.preloadQueue--, s.unsubscribe();\n });\n }\n }\n }\n }\n }, t.onClick = function (e) {\n return __awaiter(t, void 0, void 0, function () {\n var t, n, i, r;\n return __generator(this, function (o) {\n if (!1 === this.props.handleRouting) return [2];\n if (0 !== e.button || e.ctrlKey || e.defaultPrevented || e.metaKey) return [2];\n if (!(t = this.findHrefTarget(e))) return [2];\n if (t.target && \"_client\" !== t.target) return [2];\n if (!(n = t.getAttribute(\"href\"))) return [2];\n if (this.props.onRoute && (i = {\n url: n,\n anchorNode: t,\n preventDefault: function preventDefault() {\n this.defaultPrevented = !0;\n },\n defaultPrevented: !1\n }, this.props.onRoute(i), i.defaultPrevented)) return [2];\n if (!this.isRelative(n)) {\n if (!(r = this.convertToRelative(n))) return [2];\n n = r;\n }\n return n.startsWith(\"#\") || (e.preventDefault(), this.route(n)), [2];\n });\n });\n }, t.privateState = null, t;\n }\n return __extends(t, e), t.prototype.route = function (e) {\n var t;\n return this.routed = !0, \"function\" == typeof (null === (t = window.history) || void 0 === t ? void 0 : t.pushState) ? (history.pushState(null, \"\", e), this.updateLocationState(), !0) : (location.href = e, !1);\n }, t.prototype.updateLocationState = function () {\n this.privateState && this.privateState.update(function (e) {\n e.location = _assign(_assign({}, e.location), {\n pathname: location.pathname,\n search: location.search,\n path: location.pathname.split(\"/\").slice(1),\n query: searchToObject(location)\n });\n });\n }, Object.defineProperty(t.prototype, \"model\", {\n get: function get() {\n return this.props.model || \"page\";\n },\n enumerable: !1,\n configurable: !0\n }), t.prototype.componentDidMount = function () {\n \"undefined\" != typeof document && (document.addEventListener(\"click\", this.onClick), window.addEventListener(\"popstate\", this.onPopState), document.addEventListener(\"mouseover\", this.onMouseOverOrTouchStart), document.addEventListener(\"touchstart\", this.onMouseOverOrTouchStart));\n }, t.prototype.componentWillUnmount = function () {\n \"undefined\" != typeof document && (document.removeEventListener(\"click\", this.onClick), document.removeEventListener(\"mouseover\", this.onMouseOverOrTouchStart), window.removeEventListener(\"popstate\", this.onPopState), document.removeEventListener(\"touchstart\", this.onMouseOverOrTouchStart));\n }, t.prototype.render = function () {\n var e = this,\n t = this.model;\n return jsx(BuilderStoreContext.Consumer, null, function (n) {\n e.privateState = n;\n var i = n.state && n.state.location && n.state.location.pathname + n.state.location.search;\n return jsx(\"div\", {\n className: \"builder-router\",\n \"data-model\": t\n }, jsx(\"style\", null, \"\\n @keyframes builderLoadingSpinner {\\n 0% {\\n transform: rotate(0deg);\\n }\\n 100% {\\n transform: rotate(360deg);\\n }\\n }\\n /* TODO: overridable tag */\\n .builder-page-loading {\\n -webkit-animation: builderLoadingSpinner 1s infinite linear;\\n animation: builderLoadingSpinner 1s infinite linear;\\n -webkit-transform: translateZ(0);\\n transform: translateZ(0);\\n border-radius: 50%;\\n width: 36px;\\n height: 36px;\\n margin: 6px auto;\\n position: relative;\\n border: 1px solid transparent;\\n border-left: 1px solid #808284;\\n }\\n \"), jsx(BuilderComponent, {\n key: i,\n data: e.props.data,\n content: e.routed ? void 0 : e.props.content,\n modelName: t,\n options: {\n key: Builder.isEditing ? void 0 : e.model + \":\" + i\n }\n }, e.props.children || jsx(\"div\", {\n css: {\n display: \"flex\"\n }\n }, jsx(\"div\", {\n css: {\n margin: \"40vh auto\"\n },\n className: \"builder-page-loading\"\n }))));\n });\n }, t.prototype.findHrefTarget = function (e) {\n for (var t = e.target; t;) {\n if (t instanceof HTMLAnchorElement && t.getAttribute(\"href\")) return t;\n if (t === e.currentTarget) break;\n t = t.parentElement;\n }\n return null;\n }, t.prototype.isRelative = function (e) {\n return !e.match(/^(\\/\\/|https?:\\/\\/)/i);\n }, t.prototype.parseUrl = function (e) {\n var t = document.createElement(\"a\");\n return t.href = e, t;\n }, t.prototype.convertToRelative = function (e) {\n var t = this.parseUrl(location.href),\n n = this.parseUrl(e);\n if (t.host === n.host) {\n var i = n.pathname + (n.search ? n.search : \"\");\n return i.startsWith(\"#\") ? null : i || \"/\";\n }\n return null;\n }, t;\n }(React__default.Component),\n Router = withBuilder(RouterComponent, {\n name: \"Core:Router\",\n hideFromInsertMenu: !0,\n inputs: [{\n name: \"model\",\n type: \"string\",\n defaultValue: \"page\",\n advanced: !0\n }, {\n name: \"handleRouting\",\n type: \"boolean\",\n defaultValue: !0,\n advanced: !0\n }, {\n name: \"preloadOnHover\",\n type: \"boolean\",\n defaultValue: !0,\n advanced: !0\n }, {\n name: \"onRoute\",\n type: \"function\",\n advanced: !0\n }]\n });\nfunction Mutation(e) {\n var t,\n n,\n i = React__default.useRef(null);\n useWaitForSelector(e.selector, function (t) {\n \"afterEnd\" !== e.type && (t.innerHTML = \"\"), t.appendChild(i.current.firstElementChild);\n });\n var r = null === (t = e.builderBlock) || void 0 === t ? void 0 : t.children;\n return jsx(\"span\", {\n style: {\n display: \"none\"\n },\n ref: i\n }, jsx(BuilderBlocks, {\n style: {\n display: \"inline\"\n },\n child: !0,\n parentElementId: null === (n = e.builderBlock) || void 0 === n ? void 0 : n.id,\n dataPath: \"this.children\",\n blocks: r\n }));\n}\nfunction useWaitForSelector(e, t) {\n React__default.useLayoutEffect(function () {\n try {\n var n = document.querySelector(e);\n if (n) return void t(n);\n } catch (e) {\n console.warn(e);\n }\n var i = new MutationObserver(function () {\n try {\n var n = document.querySelector(e);\n n && (i.disconnect(), t(n));\n } catch (e) {\n console.warn(e);\n }\n });\n return i.observe(document.body, {\n attributes: !0,\n subtree: !0,\n characterData: !0\n }), function () {\n i.disconnect();\n };\n }, [e]);\n}\nBuilder.registerComponent(Mutation, {\n name: \"Builder:Mutation\",\n canHaveChildren: !0,\n noWrap: !0,\n hideFromInsertMenu: !0,\n inputs: [{\n name: \"type\",\n type: \"string\",\n defaultValue: \"replace\",\n enum: [{\n label: \"Replace\",\n value: \"replace\",\n helperText: \"Replace the contents of this site region with content from Builder\"\n }, {\n label: \"Append\",\n value: \"afterEnd\",\n helperText: \"Append Builder content after the chosen site region\"\n }]\n }, {\n name: \"selector\",\n type: \"builder:domSelector\"\n }]\n});\nvar get = function get(e, t, n) {\n var i = String.prototype.split.call(t, /[,[\\].]+?/).filter(Boolean).reduce(function (e, t) {\n return null != e ? e[t] : e;\n }, e);\n return void 0 === i || i === e ? n : i;\n },\n MULTIPART_CONTENT_TYPE = \"multipart/form-data\",\n JSON_CONTENT_TYPE = \"application/json\",\n ENCODED_CONTENT_TYPE = \"application/x-www-form-urlencoded\",\n FormComponent = function (e) {\n function t() {\n var t = null !== e && e.apply(this, arguments) || this;\n return t.ref = null, t.state = {\n state: \"unsubmitted\",\n responseData: null,\n formErrorMessage: \"\"\n }, t;\n }\n return __extends(t, e), Object.defineProperty(t.prototype, \"submissionState\", {\n get: function get() {\n return Builder.isEditing && this.props.previewState || this.state.state;\n },\n enumerable: !1,\n configurable: !0\n }), t.prototype.render = function () {\n var e = this;\n return jsx(BuilderStoreContext.Consumer, null, function (t) {\n return jsx(BuilderStoreContext.Provider, {\n value: _assign(_assign({}, t), {\n state: _assign(_assign({}, t.state), {\n formErrorMessage: e.state.formErrorMessage\n })\n })\n }, jsx(\"form\", _assign({}, e.props.validate ? {} : {\n noValidate: !0\n }, {\n ref: function ref(t) {\n return e.ref = t;\n },\n action: !e.props.sendWithJs && e.props.action ? e.props.action : void 0,\n method: e.props.method,\n name: e.props.name,\n onSubmit: function onSubmit(t) {\n var n,\n i = e.props.sendWithJs || \"email\" === e.props.sendSubmissionsTo;\n if (\"zapier\" === e.props.sendSubmissionsTo) t.preventDefault();else if (i) {\n if (!e.props.action && \"email\" !== e.props.sendSubmissionsTo) return void t.preventDefault();\n t.preventDefault();\n var r = t.currentTarget,\n o = e.props.customHeaders || {},\n a = void 0,\n s = new FormData(r),\n l = Array.from(t.currentTarget.querySelectorAll(\"input,select,textarea\")).filter(function (e) {\n return !!e.name;\n }).map(function (e) {\n var t,\n n = e.name;\n if (e instanceof HTMLInputElement) {\n if (\"radio\" === e.type) {\n if (e.checked) return {\n key: n,\n value: t = e.name\n };\n } else if (\"checkbox\" === e.type) t = e.checked;else if (\"number\" === e.type || \"range\" === e.type) {\n var i = e.valueAsNumber;\n isNaN(i) || (t = i);\n } else t = \"file\" === e.type ? e.files : e.value;\n } else t = e.value;\n return {\n key: n,\n value: t\n };\n }),\n u = e.props.contentType;\n if (\"email\" === e.props.sendSubmissionsTo && (u = MULTIPART_CONTENT_TYPE), Array.from(l).forEach(function (e) {\n var t = e.value;\n (t instanceof File || Array.isArray(t) && t[0] instanceof File || t instanceof FileList) && (u = MULTIPART_CONTENT_TYPE);\n }), u === MULTIPART_CONTENT_TYPE) a = s;else if (u === JSON_CONTENT_TYPE) {\n var d = {};\n Array.from(l).forEach(function (e) {\n var t = e.value,\n n = e.key;\n set(d, n, t);\n }), a = JSON.stringify(d);\n } else {\n if (u !== ENCODED_CONTENT_TYPE) return void console.error(\"Unsupported content type: \", u);\n a = Array.from(l).map(function (e) {\n var t = e.value,\n n = e.key;\n return encodeURIComponent(n) + \"=\" + encodeURIComponent(t);\n }).join(\"&\");\n }\n u && u !== MULTIPART_CONTENT_TYPE && (i && (null === (n = e.props.action) || void 0 === n ? void 0 : n.includes(\"zapier.com\")) || (o[\"content-type\"] = u));\n var c = new CustomEvent(\"presubmit\", {\n detail: {\n body: a\n }\n });\n if (e.ref && (e.ref.dispatchEvent(c), c.defaultPrevented)) return;\n e.setState(_assign(_assign({}, e.state), {\n state: \"sending\"\n }));\n var p = \"\".concat(\"dev\" === builder.env ? \"http://localhost:5000\" : \"https://builder.io\", \"/api/v1/form-submit?apiKey=\").concat(builder.apiKey, \"&to=\").concat(btoa(e.props.sendSubmissionsToEmail || \"\"), \"&name=\").concat(encodeURIComponent(e.props.name || \"\"));\n fetch(\"email\" === e.props.sendSubmissionsTo ? p : e.props.action, {\n body: a,\n headers: o,\n method: e.props.method || \"post\"\n }).then(function (t) {\n return __awaiter(e, void 0, void 0, function () {\n var e, n, i, r, o;\n return __generator(this, function (a) {\n switch (a.label) {\n case 0:\n return (n = t.headers.get(\"content-type\")) && -1 !== n.indexOf(JSON_CONTENT_TYPE) ? [4, t.json()] : [3, 2];\n case 1:\n return e = a.sent(), [3, 4];\n case 2:\n return [4, t.text()];\n case 3:\n e = a.sent(), a.label = 4;\n case 4:\n if (!t.ok && this.props.errorMessagePath && (i = get(e, this.props.errorMessagePath)) && (\"string\" != typeof i && (i = JSON.stringify(i)), this.setState(_assign(_assign({}, this.state), {\n formErrorMessage: i\n }))), this.setState(_assign(_assign({}, this.state), {\n responseData: e,\n state: t.ok ? \"success\" : \"error\"\n })), t.ok) {\n if (r = new CustomEvent(\"submit:success\", {\n detail: {\n res: t,\n body: e\n }\n }), this.ref) {\n if (this.ref.dispatchEvent(r), r.defaultPrevented) return [2];\n !1 !== this.props.resetFormOnSubmit && this.ref.reset();\n }\n this.props.successUrl && (this.ref ? (o = new CustomEvent(\"route\", {\n detail: {\n url: this.props.successUrl\n }\n }), this.ref.dispatchEvent(o), o.defaultPrevented || (location.href = this.props.successUrl)) : location.href = this.props.successUrl);\n }\n return [2];\n }\n });\n });\n }, function (t) {\n var n = new CustomEvent(\"submit:error\", {\n detail: {\n error: t\n }\n });\n e.ref && (e.ref.dispatchEvent(n), n.defaultPrevented) || e.setState(_assign(_assign({}, e.state), {\n responseData: t,\n state: \"error\"\n }));\n });\n }\n }\n }, e.props.attributes), e.props.builderBlock && e.props.builderBlock.children && e.props.builderBlock.children.map(function (e, t) {\n return jsx(BuilderBlock$1, {\n key: e.id,\n block: e\n });\n }), \"error\" === e.submissionState && jsx(BuilderBlocks, {\n dataPath: \"errorMessage\",\n blocks: e.props.errorMessage\n }), \"sending\" === e.submissionState && jsx(BuilderBlocks, {\n dataPath: \"sendingMessage\",\n blocks: e.props.sendingMessage\n }), \"error\" === e.submissionState && e.state.responseData && jsx(\"pre\", {\n className: \"builder-form-error-text\",\n css: {\n padding: 10,\n color: \"red\",\n textAlign: \"center\"\n }\n }, JSON.stringify(e.state.responseData, null, 2)), \"success\" === e.submissionState && jsx(BuilderBlocks, {\n dataPath: \"successMessage\",\n blocks: e.props.successMessage\n })));\n });\n }, t;\n }(React__default.Component),\n Form = withBuilder(FormComponent, {\n name: \"Form:Form\",\n defaults: {\n responsiveStyles: {\n large: {\n marginTop: \"15px\",\n paddingBottom: \"15px\"\n }\n }\n },\n image: \"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5\",\n inputs: [{\n name: \"sendSubmissionsTo\",\n type: \"string\",\n enum: [{\n label: \"Send to email\",\n value: \"email\",\n helperText: \"Send form submissions to the email address of your choosing\"\n }, {\n label: \"Custom\",\n value: \"custom\",\n helperText: \"Handle where the form requests go manually with a little code, e.g. to your own custom backend\"\n }],\n defaultValue: \"email\"\n }, {\n name: \"sendSubmissionsToEmail\",\n type: \"string\",\n required: !0,\n defaultValue: \"your@email.com\",\n showIf: 'options.get(\"sendSubmissionsTo\") === \"email\"'\n }, {\n name: \"sendWithJs\",\n type: \"boolean\",\n helperText: \"Set to false to use basic html form action\",\n defaultValue: !0,\n showIf: 'options.get(\"sendSubmissionsTo\") === \"custom\"'\n }, {\n name: \"name\",\n type: \"string\",\n defaultValue: \"My form\"\n }, {\n name: \"action\",\n type: \"string\",\n helperText: \"URL to send the form data to\",\n showIf: 'options.get(\"sendSubmissionsTo\") === \"custom\"'\n }, {\n name: \"contentType\",\n type: \"string\",\n defaultValue: JSON_CONTENT_TYPE,\n advanced: !0,\n enum: [JSON_CONTENT_TYPE, MULTIPART_CONTENT_TYPE, ENCODED_CONTENT_TYPE],\n showIf: 'options.get(\"sendSubmissionsTo\") === \"custom\" && options.get(\"sendWithJs\") === true'\n }, {\n name: \"method\",\n type: \"string\",\n showIf: 'options.get(\"sendSubmissionsTo\") === \"custom\"',\n defaultValue: \"POST\",\n advanced: !0\n }, {\n name: \"previewState\",\n type: \"string\",\n enum: [\"unsubmitted\", \"sending\", \"success\", \"error\"],\n defaultValue: \"unsubmitted\",\n helperText: 'Choose a state to edit, e.g. choose \"success\" to show what users see on success and edit the message',\n showIf: 'options.get(\"sendSubmissionsTo\") !== \"zapier\" && options.get(\"sendWithJs\") === true'\n }, {\n name: \"successUrl\",\n type: \"url\",\n helperText: \"Optional URL to redirect the user to on form submission success\",\n showIf: 'options.get(\"sendSubmissionsTo\") !== \"zapier\" && options.get(\"sendWithJs\") === true'\n }, {\n name: \"resetFormOnSubmit\",\n type: \"boolean\",\n showIf: function showIf(e) {\n return \"custom\" === e.get(\"sendSubmissionsTo\") && !0 === e.get(\"sendWithJs\");\n },\n advanced: !0\n }, {\n name: \"successMessage\",\n type: \"uiBlocks\",\n hideFromUI: !0,\n defaultValue: [{\n \"@type\": \"@builder.io/sdk:Element\",\n responsiveStyles: {\n large: {\n marginTop: \"10px\"\n }\n },\n component: {\n name: \"Text\",\n options: {\n text: \"Thanks!\"\n }\n }\n }]\n }, {\n name: \"validate\",\n type: \"boolean\",\n defaultValue: !0,\n advanced: !0\n }, {\n name: \"errorMessagePath\",\n type: \"text\",\n advanced: !0,\n 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\" }}'\n }, {\n name: \"errorMessage\",\n type: \"uiBlocks\",\n hideFromUI: !0,\n defaultValue: [{\n \"@type\": \"@builder.io/sdk:Element\",\n responsiveStyles: {\n large: {\n marginTop: \"10px\"\n }\n },\n bindings: {\n \"component.options.text\": \"state.formErrorMessage || block.component.options.text\"\n },\n component: {\n name: \"Text\",\n options: {\n text: \"Form submission error :( Please check your answers and try again\"\n }\n }\n }]\n }, {\n name: \"sendingMessage\",\n type: \"uiBlocks\",\n hideFromUI: !0,\n defaultValue: [{\n \"@type\": \"@builder.io/sdk:Element\",\n responsiveStyles: {\n large: {\n marginTop: \"10px\"\n }\n },\n component: {\n name: \"Text\",\n options: {\n text: \"Sending...\"\n }\n }\n }]\n }, _assign(_assign({\n name: \"customHeaders\",\n type: \"map\"\n }, {\n valueType: {\n type: \"string\"\n }\n }), {\n advanced: !0,\n showIf: 'options.get(\"sendSubmissionsTo\") === \"custom\" && options.get(\"sendWithJs\") === true'\n })],\n noWrap: !0,\n canHaveChildren: !0,\n defaultChildren: [{\n \"@type\": \"@builder.io/sdk:Element\",\n responsiveStyles: {\n large: {\n marginTop: \"10px\"\n }\n },\n component: {\n name: \"Text\",\n options: {\n text: \"Enter your name\"\n }\n }\n }, {\n \"@type\": \"@builder.io/sdk:Element\",\n responsiveStyles: {\n large: {\n marginTop: \"10px\"\n }\n },\n component: {\n name: \"Form:Input\",\n options: {\n name: \"name\",\n placeholder: \"Jane Doe\"\n }\n }\n }, {\n \"@type\": \"@builder.io/sdk:Element\",\n responsiveStyles: {\n large: {\n marginTop: \"10px\"\n }\n },\n component: {\n name: \"Text\",\n options: {\n text: \"Enter your email\"\n }\n }\n }, {\n \"@type\": \"@builder.io/sdk:Element\",\n responsiveStyles: {\n large: {\n marginTop: \"10px\"\n }\n },\n component: {\n name: \"Form:Input\",\n options: {\n name: \"email\",\n placeholder: \"jane@doe.com\"\n }\n }\n }, {\n \"@type\": \"@builder.io/sdk:Element\",\n responsiveStyles: {\n large: {\n marginTop: \"10px\"\n }\n },\n component: {\n name: \"Form:SubmitButton\",\n options: {\n text: \"Submit\"\n }\n }\n }]\n }),\n FormInputComponent = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n return __extends(t, e), t.prototype.render = function () {\n return /*#__PURE__*/React__default.createElement(\"input\", _assign({\n key: Builder.isEditing && this.props.defaultValue ? this.props.defaultValue : \"default-key\",\n placeholder: this.props.placeholder,\n type: this.props.type,\n name: this.props.name\n }, void 0 === this.props.value ? {\n defaultValue: this.props.defaultValue\n } : {\n value: this.props.value\n }, {\n required: this.props.required\n }, this.props.attributes));\n }, t;\n }(React__default.Component),\n FormInput = withBuilder(FormInputComponent, {\n name: \"Form:Input\",\n image: \"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fad6f37889d9e40bbbbc72cdb5875d6ca\",\n inputs: [{\n name: \"type\",\n type: \"text\",\n enum: [\"text\", \"number\", \"email\", \"url\", \"checkbox\", \"radio\", \"range\", \"date\", \"datetime-local\", \"search\", \"tel\", \"time\", \"file\", \"month\", \"week\", \"password\", \"color\", \"hidden\"],\n defaultValue: \"text\"\n }, {\n name: \"name\",\n type: \"string\",\n required: !0,\n helperText: 'Every input in a form needs a unique name describing what it takes, e.g. \"email\"'\n }, {\n name: \"placeholder\",\n type: \"string\",\n defaultValue: \"Hello there\",\n helperText: \"Text to display when there is no value\"\n }, {\n name: \"defaultValue\",\n type: \"string\"\n }, {\n name: \"value\",\n type: \"string\",\n advanced: !0\n }, {\n name: \"required\",\n type: \"boolean\",\n helperText: \"Is this input required to be filled out to submit a form\",\n defaultValue: !1\n }],\n noWrap: !0,\n static: !0,\n defaultStyles: {\n paddingTop: \"10px\",\n paddingBottom: \"10px\",\n paddingLeft: \"10px\",\n paddingRight: \"10px\",\n borderRadius: \"3px\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n borderColor: \"#ccc\"\n }\n }),\n FormSubmitButtonComponent = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n return __extends(t, e), t.prototype.render = function () {\n return /*#__PURE__*/React__default.createElement(\"button\", _assign({\n type: \"submit\"\n }, this.props.attributes), this.props.text);\n }, t;\n }(React__default.Component),\n FormSubmitButton = withBuilder(FormSubmitButtonComponent, {\n name: \"Form:SubmitButton\",\n image: \"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fdf2820ffed1f4349a94c40b3221f5b98\",\n defaultStyles: {\n appearance: \"none\",\n paddingTop: \"15px\",\n paddingBottom: \"15px\",\n paddingLeft: \"25px\",\n paddingRight: \"25px\",\n backgroundColor: \"#3898EC\",\n color: \"white\",\n borderRadius: \"4px\",\n cursor: \"pointer\"\n },\n inputs: [{\n name: \"text\",\n type: \"text\",\n defaultValue: \"Click me\"\n }],\n static: !0,\n noWrap: !0\n }),\n LabelComponent = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n return __extends(t, e), t.prototype.render = function () {\n return /*#__PURE__*/React__default.createElement(\"label\", _assign({\n htmlFor: this.props.for\n }, this.props.attributes), this.props.text && /*#__PURE__*/React__default.createElement(\"span\", {\n className: \"builder-label-text\",\n dangerouslySetInnerHTML: {\n __html: this.props.text\n }\n }), this.props.builderBlock && this.props.builderBlock.children && this.props.builderBlock.children.map(function (e) {\n return /*#__PURE__*/React__default.createElement(BuilderBlock$1, {\n key: e.id,\n block: e\n });\n }));\n }, t;\n }(React__default.Component),\n Label = withBuilder(LabelComponent, {\n name: \"Form:Label\",\n image: \"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F9322342f04b545fb9a8091cd801dfb5b\",\n inputs: [{\n name: \"text\",\n type: \"html\",\n richText: !0,\n defaultValue: \"Label\"\n }, {\n name: \"for\",\n type: \"text\",\n helperText: \"The name of the input this label is for\",\n advanced: !0\n }],\n noWrap: !0,\n static: !0,\n canHaveChildren: !0\n }),\n FormSelectComponent = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n return __extends(t, e), t.prototype.render = function () {\n var e = this.props.options;\n return /*#__PURE__*/React__default.createElement(\"select\", _assign({\n value: this.props.value,\n key: Builder.isEditing && this.props.defaultValue ? this.props.defaultValue : \"default-key\",\n defaultValue: this.props.defaultValue,\n name: this.props.name,\n required: this.props.required\n }, this.props.attributes), e && e.map(function (e) {\n return /*#__PURE__*/React__default.createElement(\"option\", {\n value: e.value\n }, e.name || e.value);\n }));\n }, t;\n }(React__default.Component),\n FormSelect = withBuilder(FormSelectComponent, {\n name: \"Form:Select\",\n image: \"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F83acca093fb24aaf94dee136e9a4b045\",\n defaultStyles: {\n alignSelf: \"flex-start\"\n },\n inputs: [{\n name: \"options\",\n type: \"list\",\n required: !0,\n subFields: [{\n name: \"value\",\n type: \"text\",\n required: !0\n }, {\n name: \"name\",\n type: \"text\"\n }],\n defaultValue: [{\n value: \"option 1\"\n }, {\n value: \"option 2\"\n }]\n }, {\n name: \"name\",\n type: \"string\",\n required: !0,\n helperText: 'Every select in a form needs a unique name describing what it gets, e.g. \"email\"'\n }, {\n name: \"defaultValue\",\n type: \"string\"\n }, {\n name: \"value\",\n type: \"string\",\n advanced: !0\n }, {\n name: \"required\",\n type: \"boolean\",\n defaultValue: !1\n }],\n static: !0,\n noWrap: !0\n }),\n TextAreaComponent = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n return __extends(t, e), t.prototype.render = function () {\n return /*#__PURE__*/React__default.createElement(\"textarea\", _assign({\n placeholder: this.props.placeholder,\n name: this.props.name,\n value: this.props.value,\n defaultValue: this.props.defaultValue,\n required: this.props.required\n }, this.props.attributes));\n }, t;\n }(React__default.Component),\n TextArea = withBuilder(TextAreaComponent, {\n name: \"Form:TextArea\",\n image: \"https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3\",\n inputs: [{\n advanced: !0,\n name: \"value\",\n type: \"string\"\n }, {\n name: \"name\",\n type: \"string\",\n required: !0,\n helperText: 'Every input in a form needs a unique name describing what it gets, e.g. \"email\"'\n }, {\n name: \"defaultValue\",\n type: \"string\"\n }, {\n name: \"placeholder\",\n type: \"string\",\n defaultValue: \"Hello there\"\n }, {\n name: \"required\",\n type: \"boolean\",\n defaultValue: !1\n }],\n defaultStyles: {\n paddingTop: \"10px\",\n paddingBottom: \"10px\",\n paddingLeft: \"10px\",\n paddingRight: \"10px\",\n borderRadius: \"3px\",\n borderWidth: \"1px\",\n borderStyle: \"solid\",\n borderColor: \"#ccc\"\n },\n static: !0,\n noWrap: !0\n }),\n ImgComponent = function (e) {\n function t() {\n return null !== e && e.apply(this, arguments) || this;\n }\n return __extends(t, e), t.prototype.render = function () {\n var e = this.props.attributes || {};\n return /*#__PURE__*/React__default.createElement(\"img\", _assign({}, this.props.attributes, {\n src: this.props.image || e.src\n }));\n }, t;\n }(React__default.Component),\n Img = withBuilder(ImgComponent, {\n name: \"Raw:Img\",\n hideFromInsertMenu: !0,\n 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\",\n inputs: [{\n name: \"image\",\n bubble: !0,\n type: \"file\",\n allowedFileTypes: [\"jpeg\", \"jpg\", \"png\", \"svg\", \"webp\"],\n required: !0\n }],\n noWrap: !0,\n static: !0\n }),\n RawText = function RawText(e) {\n var t = e.attributes || {};\n return /*#__PURE__*/React.createElement(\"span\", {\n className: (null == t ? void 0 : t.class) || (null == t ? void 0 : t.className),\n dangerouslySetInnerHTML: {\n __html: e.text || \"\"\n }\n });\n };\nfunction useIsPreviewing() {\n var e = useState(!1),\n t = e[0],\n n = e[1];\n return useEffect(function () {\n (Builder.isEditing || Builder.isPreviewing) && n(!0);\n }, []), t;\n}\nBuilder.registerComponent(RawText, {\n name: \"Builder:RawText\",\n hideFromInsertMenu: !0,\n inputs: [{\n name: \"text\",\n bubble: !0,\n type: \"longText\",\n required: !0\n }]\n}), Builder.isReact = !0;\nexport { BuilderAsyncRequestsContext, BuilderBlock, BuilderBlock$1 as BuilderBlockComponent, BuilderBlocks, BuilderComponent, BuilderContent, BuilderMetaContext, BuilderComponent as BuilderPage, BuilderStoreContext, Button, Columns, BuilderComponent as Content, CustomCode, Slot as Dropzone, Embed, Form, FormInput, FormSelect, FormSubmitButton, Fragment, Image, Img, Label, Mutation, RawText, Router, Section, StateProvider, Symbol$1 as Symbol, Text, TextArea, Video, getSrcSet, noWrap, onChange, stringToFunction, updateMetadata, useIsPreviewing, withBuilder, withChildren };"],"sourceRoot":""}