@steedos/webapp 3.0.0-beta.25 → 3.0.0-beta.27

package/dist/assets/{index-BMMOSIvt.js → index-mlcAvT1g.js}

@@ -48040,7 +48040,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     });
   });
   var define_process_env_default = {};
-  var SDK_VERSION = "8.0.34", _a;
+  var SDK_VERSION = "8.0.37", _a;
   "undefined" != typeof window && (null === (_a = window.parent) || void 0 === _a || _a.postMessage({ type: "builder.isReactSdk", data: { value: true, supportsPatchUpdates: "v4", supportsCustomBreakpoints: true, supportsGlobalSymbols: true, blockLevelPersonalization: true, version: SDK_VERSION } }, "*"));
   var extendStatics = function(e, t2) {
     return (extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e2, t22) {
@@ -48058,57 +48058,57 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   }
   var __assign = function() {
     return (__assign = Object.assign || function(e) {
-      for (var t2, n = 1, i = arguments.length; n < i; n++) for (var r2 in t2 = arguments[n]) Object.prototype.hasOwnProperty.call(t2, r2) && (e[r2] = t2[r2]);
+      for (var t2, n = 1, r2 = arguments.length; n < r2; n++) for (var i in t2 = arguments[n]) Object.prototype.hasOwnProperty.call(t2, i) && (e[i] = t2[i]);
       return e;
     }).apply(this, arguments);
   };
   function __rest(e, t2) {
     var n = {};
-    for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && t2.indexOf(i) < 0 && (n[i] = e[i]);
+    for (var r2 in e) Object.prototype.hasOwnProperty.call(e, r2) && t2.indexOf(r2) < 0 && (n[r2] = e[r2]);
     if (null != e && "function" == typeof Object.getOwnPropertySymbols) {
-      var r2 = 0;
-      for (i = Object.getOwnPropertySymbols(e); r2 < i.length; r2++) t2.indexOf(i[r2]) < 0 && Object.prototype.propertyIsEnumerable.call(e, i[r2]) && (n[i[r2]] = e[i[r2]]);
+      var i = 0;
+      for (r2 = Object.getOwnPropertySymbols(e); i < r2.length; i++) t2.indexOf(r2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r2[i]) && (n[r2[i]] = e[r2[i]]);
     }
     return n;
   }
-  function __decorate(e, t2, n, i) {
-    var r2, o = arguments.length, a = o < 3 ? t2 : null === i ? i = Object.getOwnPropertyDescriptor(t2, n) : i;
-    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) a = Reflect.decorate(e, t2, n, i);
-    else for (var s = e.length - 1; s >= 0; s--) (r2 = e[s]) && (a = (o < 3 ? r2(a) : o > 3 ? r2(t2, n, a) : r2(t2, n)) || a);
+  function __decorate(e, t2, n, r2) {
+    var i, o = arguments.length, a = o < 3 ? t2 : null === r2 ? r2 = Object.getOwnPropertyDescriptor(t2, n) : r2;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) a = Reflect.decorate(e, t2, n, r2);
+    else for (var s = e.length - 1; s >= 0; s--) (i = e[s]) && (a = (o < 3 ? i(a) : o > 3 ? i(t2, n, a) : i(t2, n)) || a);
     return o > 3 && a && Object.defineProperty(t2, n, a), a;
   }
   function __metadata(e, t2) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(e, t2);
   }
-  function __awaiter(e, t2, n, i) {
-    return new (n || (n = Promise))(function(r2, o) {
+  function __awaiter(e, t2, n, r2) {
+    return new (n || (n = Promise))(function(i, o) {
       function a(e2) {
         try {
-          l(i.next(e2));
+          l(r2.next(e2));
         } catch (e3) {
           o(e3);
         }
       }
       function s(e2) {
         try {
-          l(i.throw(e2));
+          l(r2.throw(e2));
         } catch (e3) {
           o(e3);
         }
       }
       function l(e2) {
         var t22;
-        e2.done ? r2(e2.value) : (t22 = e2.value, t22 instanceof n ? t22 : new n(function(e3) {
+        e2.done ? i(e2.value) : (t22 = e2.value, t22 instanceof n ? t22 : new n(function(e3) {
           e3(t22);
         })).then(a, s);
       }
-      l((i = i.apply(e, [])).next());
+      l((r2 = r2.apply(e, [])).next());
     });
   }
   function __generator(e, t2) {
-    var n, i, r2, o = { label: 0, sent: function() {
-      if (1 & r2[0]) throw r2[1];
-      return r2[1];
+    var n, r2, i, o = { label: 0, sent: function() {
+      if (1 & i[0]) throw i[1];
+      return i[1];
     }, trys: [], ops: [] }, a = Object.create(("function" == typeof Iterator ? Iterator : Object).prototype);
     return a.next = s(0), a.throw = s(1), a.return = s(2), "function" == typeof Symbol && (a[Symbol.iterator] = function() {
       return this;
@@ -48118,45 +48118,45 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         return function(s3) {
           if (n) throw new TypeError("Generator is already executing.");
           for (; a && (a = 0, s3[0] && (o = 0)), o; ) try {
-            if (n = 1, i && (r2 = 2 & s3[0] ? i.return : s3[0] ? i.throw || ((r2 = i.return) && r2.call(i), 0) : i.next) && !(r2 = r2.call(i, s3[1])).done) return r2;
-            switch (i = 0, r2 && (s3 = [2 & s3[0], r2.value]), s3[0]) {
+            if (n = 1, r2 && (i = 2 & s3[0] ? r2.return : s3[0] ? r2.throw || ((i = r2.return) && i.call(r2), 0) : r2.next) && !(i = i.call(r2, s3[1])).done) return i;
+            switch (r2 = 0, i && (s3 = [2 & s3[0], i.value]), s3[0]) {
               case 0:
               case 1:
-                r2 = s3;
+                i = s3;
                 break;
               case 4:
                 return o.label++, { value: s3[1], done: false };
               case 5:
-                o.label++, i = s3[1], s3 = [0];
+                o.label++, r2 = s3[1], s3 = [0];
                 continue;
               case 7:
                 s3 = o.ops.pop(), o.trys.pop();
                 continue;
               default:
-                if (!(r2 = o.trys, (r2 = r2.length > 0 && r2[r2.length - 1]) || 6 !== s3[0] && 2 !== s3[0])) {
+                if (!(i = o.trys, (i = i.length > 0 && i[i.length - 1]) || 6 !== s3[0] && 2 !== s3[0])) {
                   o = 0;
                   continue;
                 }
-                if (3 === s3[0] && (!r2 || s3[1] > r2[0] && s3[1] < r2[3])) {
+                if (3 === s3[0] && (!i || s3[1] > i[0] && s3[1] < i[3])) {
                   o.label = s3[1];
                   break;
                 }
-                if (6 === s3[0] && o.label < r2[1]) {
-                  o.label = r2[1], r2 = s3;
+                if (6 === s3[0] && o.label < i[1]) {
+                  o.label = i[1], i = s3;
                   break;
                 }
-                if (r2 && o.label < r2[2]) {
-                  o.label = r2[2], o.ops.push(s3);
+                if (i && o.label < i[2]) {
+                  o.label = i[2], o.ops.push(s3);
                   break;
                 }
-                r2[2] && o.ops.pop(), o.trys.pop();
+                i[2] && o.ops.pop(), o.trys.pop();
                 continue;
             }
             s3 = t2.call(e, o);
           } catch (e2) {
-            s3 = [6, e2], i = 0;
+            s3 = [6, e2], r2 = 0;
           } finally {
-            n = r2 = 0;
+            n = i = 0;
           }
           if (5 & s3[0]) throw s3[1];
           return { value: s3[0] ? s3[1] : void 0, done: true };
@@ -48165,31 +48165,31 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }
   }
   function __values(e) {
-    var t2 = "function" == typeof Symbol && Symbol.iterator, n = t2 && e[t2], i = 0;
+    var t2 = "function" == typeof Symbol && Symbol.iterator, n = t2 && e[t2], r2 = 0;
     if (n) return n.call(e);
     if (e && "number" == typeof e.length) return { next: function() {
-      return e && i >= e.length && (e = void 0), { value: e && e[i++], done: !e };
+      return e && r2 >= e.length && (e = void 0), { value: e && e[r2++], done: !e };
     } };
     throw new TypeError(t2 ? "Object is not iterable." : "Symbol.iterator is not defined.");
   }
   function __spreadArray(e, t2, n) {
-    if (n || 2 === arguments.length) for (var i, r2 = 0, o = t2.length; r2 < o; r2++) !i && r2 in t2 || (i || (i = Array.prototype.slice.call(t2, 0, r2)), i[r2] = t2[r2]);
-    return e.concat(i || Array.prototype.slice.call(t2));
+    if (n || 2 === arguments.length) for (var r2, i = 0, o = t2.length; i < o; i++) !r2 && i in t2 || (r2 || (r2 = Array.prototype.slice.call(t2, 0, i)), r2[i] = t2[i]);
+    return e.concat(r2 || Array.prototype.slice.call(t2));
   }
   function __asyncValues(e) {
     if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
     var t2, n = e[Symbol.asyncIterator];
-    return n ? n.call(e) : (e = "function" == typeof __values ? __values(e) : e[Symbol.iterator](), t2 = {}, i("next"), i("throw"), i("return"), t2[Symbol.asyncIterator] = function() {
+    return n ? n.call(e) : (e = "function" == typeof __values ? __values(e) : e[Symbol.iterator](), t2 = {}, r2("next"), r2("throw"), r2("return"), t2[Symbol.asyncIterator] = function() {
       return this;
     }, t2);
-    function i(n2) {
+    function r2(n2) {
       t2[n2] = e[n2] && function(t22) {
-        return new Promise(function(i2, r2) {
-          (function(e2, t3, n3, i3) {
-            Promise.resolve(i3).then(function(t4) {
+        return new Promise(function(r22, i) {
+          (function(e2, t3, n3, r3) {
+            Promise.resolve(r3).then(function(t4) {
               e2({ value: t4, done: n3 });
             }, t3);
-          })(i2, r2, (t22 = e[n2](t22)).done, t22.value);
+          })(r22, i, (t22 = e[n2](t22)).done, t22.value);
         });
       };
     }
@@ -48199,34 +48199,34 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     return JSON.parse(JSON.stringify(e));
   }, omit$2 = function(e) {
     for (var t2 = [], n = 1; n < arguments.length; n++) t2[n - 1] = arguments[n];
-    for (var i = Object.assign({}, e), r2 = 0, o = t2; r2 < o.length; r2++) {
-      var a = o[r2];
-      delete i[a];
+    for (var r2 = Object.assign({}, e), i = 0, o = t2; i < o.length; i++) {
+      var a = o[i];
+      delete r2[a];
     }
-    return i;
+    return r2;
   }, sizeNames = ["xsmall", "small", "medium", "large"], sizes = { xsmall: { min: 0, default: 0, max: 0 }, small: { min: 320, default: 321, max: 640 }, medium: { min: 641, default: 642, max: 991 }, large: { min: 990, default: 991, max: 1200 }, getWidthForSize: function(e) {
     return this[e].default;
   }, getSizeForWidth: function(e) {
     for (var t2 = 0, n = sizeNames; t2 < n.length; t2++) {
-      var i = n[t2];
-      if (e <= this[i].max) return i;
+      var r2 = n[t2];
+      if (e <= this[r2].max) return r2;
     }
     return "large";
   } }, getSizesForBreakpoints = function(e) {
-    var t2 = e.small, n = e.medium, i = __assign(__assign({}, sizes), fastClone(sizes));
-    if (!t2 || !n) return i;
-    var r2 = Math.floor(t2 / 2);
-    i.small = { max: t2, min: r2, default: r2 + 1 };
-    var o = i.small.max + 1;
-    i.medium = { max: n, min: o, default: o + 1 };
-    var a = i.medium.max + 1;
-    return i.large = { max: 2e3, min: a, default: a + 1 }, i;
+    var t2 = e.small, n = e.medium, r2 = __assign(__assign({}, sizes), fastClone(sizes));
+    if (!t2 || !n) return r2;
+    var i = Math.floor(t2 / 2);
+    r2.small = { max: t2, min: i, default: i + 1 };
+    var o = r2.small.max + 1;
+    r2.medium = { max: n, min: o, default: o + 1 };
+    var a = r2.medium.max + 1;
+    return r2.large = { max: 2e3, min: a, default: a + 1 }, r2;
   }, set = function(e, t2, n) {
     if (Object(e) !== e) return e;
-    var i = Array.isArray(t2) ? t2 : t2.toString().match(/[^.[\]]+/g);
-    return i.slice(0, -1).reduce(function(e2, t22, n2) {
-      return Object(e2[t22]) === e2[t22] ? e2[t22] : e2[t22] = Math.abs(Number(i[n2 + 1])) >> 0 == +i[n2 + 1] ? [] : {};
-    }, e)[i[i.length - 1]] = n, e;
+    var r2 = Array.isArray(t2) ? t2 : t2.toString().match(/[^.[\]]+/g);
+    return r2.slice(0, -1).reduce(function(e2, t22, n2) {
+      return Object(e2[t22]) === e2[t22] ? e2[t22] : e2[t22] = Math.abs(Number(r2[n2 + 1])) >> 0 == +r2[n2 + 1] ? [] : {};
+    }, e)[r2[r2.length - 1]] = n, e;
   }, noop$1 = function() {
     return null;
   }, safeDynamicRequire;
@@ -48246,16 +48246,16 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   var shouldForceBrowserRuntimeInNode = function() {
     var e;
     if (!isNodeRuntime()) return false;
-    var t2 = "arm64" === process.arch, n = process.version.startsWith("v20"), i = null === (e = define_process_env_default.NODE_OPTIONS) || void 0 === e ? void 0 : e.includes("--no-node-snapshot");
-    return !(!t2 || !n || i) && (console.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/react/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), true);
+    var t2 = "arm64" === process.arch, n = process.version.startsWith("v20"), r2 = null === (e = define_process_env_default.NODE_OPTIONS) || void 0 === e ? void 0 : e.includes("--no-node-snapshot");
+    return !(!t2 || !n || r2) && (console.log("Skipping usage of `isolated-vm` to avoid crashes in Node v20 on an arm64 machine.\n    If you would like to use the `isolated-vm` package on this machine, please provide the `NODE_OPTIONS=--no-node-snapshot` config to your Node process.\n    See https://github.com/BuilderIO/builder/blob/main/packages/react/README.md#node-v20--m1-macs-apple-silicon-support for more information.\n    "), true);
   }, fnCache = {}, api = function(e) {
     return builder;
   };
-  function stringToFunction(e, t2, n, i) {
+  function stringToFunction(e, t2, n, r2) {
     if (void 0 === t2 && (t2 = true), !e || !e.trim()) return function() {
     };
-    var r2 = e + ":" + t2;
-    if (fnCache[r2]) return fnCache[r2];
+    var i = e + ":" + t2;
+    if (fnCache[i]) return fnCache[i];
     var o = t2 && !(e.includes(";") || e.includes(" return ") || e.trim().startsWith("return ")) || e.trim().startsWith("builder.run"), a = function() {
     };
     try {
@@ -48263,13 +48263,13 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     } catch (t22) {
       n && n.push(t22);
       var s = t22 && t22.message;
-      s && "string" == typeof s && i && -1 === i.indexOf(s) && i.push(s), Builder$1.isBrowser && console.warn("Function compile error in ".concat(e), t22);
+      s && "string" == typeof s && r2 && -1 === r2.indexOf(s) && r2.push(s), Builder$1.isBrowser && console.warn("Function compile error in ".concat(e), t22);
     }
     var l = function() {
-      for (var t22 = [], i2 = 0; i2 < arguments.length; i2++) t22[i2] = arguments[i2];
+      for (var t22 = [], r22 = 0; r22 < arguments.length; r22++) t22[r22] = arguments[r22];
       try {
         if (Builder$1.isBrowser || shouldForceBrowserRuntimeInNode()) return a.apply(void 0, t22);
-        var r22 = getIsolateContext(), s2 = safeDynamicRequire("isolated-vm"), l2 = r22.evalClosureSync(makeFn(e, o), t22.map(function(e2, t3) {
+        var i2 = getIsolateContext(), s2 = safeDynamicRequire("isolated-vm"), l2 = i2.evalClosureSync(makeFn(e, o), t22.map(function(e2, t3) {
           return "object" == typeof e2 ? new s2.Reference(t3 === indexOfBuilderInstance ? __assign(__assign({}, e2), { getUserAttributes: function() {
             return e2.getUserAttributes("");
           } }) : e2) : null;
@@ -48284,13 +48284,13 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         return Builder$1.isBrowser ? console.warn("Builder custom code error:", t3.message || t3, "in", e, t3.stack || t3) : isDebug() && console.debug("Builder custom code error:", t3.message || t3, "in", e, t3.stack || t3), n && n.push(t3), null;
       }
     };
-    return Builder$1.isBrowser && (fnCache[r2] = l), l;
+    return Builder$1.isBrowser && (fnCache[i] = l), l;
   }
   var indexOfBuilderInstance = 3, makeFn = function(e, t2, n) {
-    var i = n || ["state", "event", "block", "builder", "Device", "update", "Builder", "context"];
-    return "\n".concat("\n  var refToProxy = (obj) => {\n    if (typeof obj !== 'object' || obj === null) {\n      return obj;\n    }\n    return new Proxy({}, {\n        get(target, key) {\n            if (key === 'copySync') {\n              return () => obj.copySync();\n            }\n            const val = obj.getSync(key);\n            if (typeof val?.copySync === 'function') {\n                return JSON.parse(stringify(val));\n            }\n            return val;\n        },\n        set(target, key, value) {\n            obj.setSync(key, value);\n        },\n        deleteProperty(target, key) {\n            obj.deleteSync(key);\n        }\n      })\n  }\n", "\n").concat("\n    var stringify = (val) => {\n      if (typeof val === 'object' && val !== null) {\n        return JSON.stringify(val.copySync ? val.copySync() : val);\n      }\n      return val;\n    }\n  ", "\n").concat(i.map(function(e2, t22) {
+    var r2 = n || ["state", "event", "block", "builder", "Device", "update", "Builder", "context"];
+    return "\n".concat("\n  var refToProxy = (obj) => {\n    if (typeof obj !== 'object' || obj === null) {\n      return obj;\n    }\n    return new Proxy({}, {\n        get(target, key) {\n            if (key === 'copySync') {\n              return () => obj.copySync();\n            }\n            const val = obj.getSync(key);\n            if (typeof val?.copySync === 'function') {\n                return JSON.parse(stringify(val));\n            }\n            return val;\n        },\n        set(target, key, value) {\n            obj.setSync(key, value);\n        },\n        deleteProperty(target, key) {\n            obj.deleteSync(key);\n        }\n      })\n  }\n", "\n").concat("\n    var stringify = (val) => {\n      if (typeof val === 'object' && val !== null) {\n        return JSON.stringify(val.copySync ? val.copySync() : val);\n      }\n      return val;\n    }\n  ", "\n").concat(r2.map(function(e2, t22) {
       return "var ".concat(e2, " = refToProxy($").concat(t22, ");");
-    }).join("\n")).concat("\n".concat(i.includes("context") ? "var ctx = context;" : "", "\nvar endResult = function() {\n  ").concat(t2 ? "return (".concat(e, ");") : e, ";\n};\n\nreturn stringify(endResult());\n"));
+    }).join("\n")).concat("\n".concat(r2.includes("context") ? "var ctx = context;" : "", "\nvar endResult = function() {\n  ").concat(t2 ? "return (".concat(e, ");") : e, ";\n};\n\nreturn stringify(endResult());\n"));
   }, getIsolateContext = function() {
     var e = Builder$1.serverContext;
     e || (e = new (safeDynamicRequire("isolated-vm")).Isolate({ memoryLimit: 128 }).createContextSync(), Builder$1.setServerContext(e));
@@ -48307,22 +48307,22 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     return null;
   } }), applyPatchWithMinimalMutationChain = function(e, t2, n) {
     if (void 0 === n && (n = false), Object(e) !== e) return e;
-    var i = t2.path, r2 = t2.op, o = t2.value, a = i.split(/\//);
+    var r2 = t2.path, i = t2.op, o = t2.value, a = r2.split(/\//);
     "" === a[0] && a.shift();
     for (var s = n ? e : __assign({}, e), l = s, u = 0; u < a.length; u++) {
       var c = u === a.length - 1, d = a[u];
       if (c) {
-        if ("replace" === r2) l[d] = o;
-        else if ("add" === r2) {
+        if ("replace" === i) l[d] = o;
+        else if ("add" === i) {
           var p = Number(d);
           Array.isArray(l) ? "-" === d ? l.push(o) : l.splice(p, 0, o) : l[d] = o;
-        } else if ("remove" === r2) {
+        } else if ("remove" === i) {
           p = Number(d);
           Array.isArray(l) ? l.splice(p, 1) : delete l[d];
         }
       } else {
-        var m = a[u + 1], f = Object(l[d]) === l[d] ? l[d] : String(Number(m)) === m ? [] : {};
-        l = l[d] = Array.isArray(f) ? __spreadArray([], f, true) : __assign({}, f);
+        var f = a[u + 1], m = Object(l[d]) === l[d] ? l[d] : String(Number(f)) === f ? [] : {};
+        l = l[d] = Array.isArray(m) ? __spreadArray([], m, true) : __assign({}, m);
       }
     }
     return s;
@@ -48340,18 +48340,18 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       return t2.renderLink ? t2.renderLink(e) : React$1.createElement("a", __assign({}, e));
     });
   };
-  function traverse(e, t2, n, i, r2) {
-    void 0 === n && (n = null), void 0 === i && (i = null), void 0 === r2 && (r2 = /* @__PURE__ */ new WeakSet()), null != e && "object" == typeof e ? r2.has(e) || (r2.add(e), Array.isArray(e) ? e.forEach(function(n2, i2) {
+  function traverse(e, t2, n, r2, i) {
+    void 0 === n && (n = null), void 0 === r2 && (r2 = null), void 0 === i && (i = /* @__PURE__ */ new WeakSet()), null != e && "object" == typeof e ? i.has(e) || (i.add(e), Array.isArray(e) ? e.forEach(function(n2, r22) {
       t2(n2, function(t22) {
-        e[i2] = t22;
-      }), traverse(n2, t2, e, i2, r2);
+        e[r22] = t22;
+      }), traverse(n2, t2, e, r22, i);
     }) : Object.entries(e).forEach(function(n2) {
-      var i2 = n2[0], o = n2[1];
+      var r22 = n2[0], o = n2[1];
       t2(o, function(t22) {
-        e[i2] = t22;
-      }), traverse(o, t2, e, i2, r2);
+        e[r22] = t22;
+      }), traverse(o, t2, e, r22, i);
     })) : t2(e, function(e2) {
-      null !== n && null !== i && (n[i] = e2);
+      null !== n && null !== r2 && (n[r2] = e2);
     });
   }
   var isLocalizedField = function(e) {
@@ -48364,8 +48364,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }), t2;
   }, extractLocalizedValues = function(e, t2) {
     return e && Object.getOwnPropertyNames(e).length ? (traverse(e, function(e2, n) {
-      var i;
-      isLocalizedField(e2) && n(null !== (i = e2[t2]) && void 0 !== i ? i : void 0);
+      var r2;
+      isLocalizedField(e2) && n(null !== (r2 = e2[t2]) && void 0 !== r2 ? r2 : void 0);
     }), e) : {};
   }, camelCaseToKebabCase = function(e) {
     return e ? e.replace(/([A-Z])/g, function(e2) {
@@ -48390,8 +48390,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     return e[e.length - 1];
   };
   function omit$1(e, t2) {
-    for (var n = Object.assign({}, e), i = 0, r2 = t2; i < r2.length; i++) {
-      delete n[r2[i]];
+    for (var n = Object.assign({}, e), r2 = 0, i = t2; r2 < i.length; r2++) {
+      delete n[i[r2]];
     }
     return n;
   }
@@ -48443,24 +48443,24 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, Object.defineProperty(BuilderBlock.prototype, "block", { get: function() {
       return this.props.block;
     }, enumerable: false, configurable: true }), BuilderBlock.prototype.emotionCss = function(e) {
-      var t2, n, i, r2, o, a = this.block, s = a.animations && a.animations[0];
+      var t2, n, r2, i, o, a = this.block, s = a.animations && a.animations[0];
       if (s && "hover" !== s.trigger) {
         var l = s && s.steps && s.steps[0], u = l && l.styles;
         u && (o = u);
       }
       var c = sizeNames.slice().reverse(), d = {};
-      if (e) for (var p = 0, m = c; p < m.length; p++) {
-        var f = m[p];
-        if ("large" === f) this.props.emailMode || (d["&.builder-block"] = Object.assign({}, e[f], o));
+      if (e) for (var p = 0, f = c; p < f.length; p++) {
+        var m = f[p];
+        if ("large" === m) this.props.emailMode || (d["&.builder-block"] = Object.assign({}, e[m], o));
         else {
           var h = getSizesForBreakpoints((null === (n = null === (t2 = this.privateState.context.builderContent) || void 0 === t2 ? void 0 : t2.meta) || void 0 === n ? void 0 : n.breakpoints) || {});
-          d["@media only screen and (max-width: ".concat(h[f].max, "px)")] = { "&.builder-block": e[f] };
+          d["@media only screen and (max-width: ".concat(h[m].max, "px)")] = { "&.builder-block": e[m] };
         }
       }
       var v = a.animations && a.animations.find(function(e2) {
         return "hover" === e2.trigger;
       });
-      return v && (d[":hover"] = (null === (r2 = null === (i = v.steps) || void 0 === i ? void 0 : i[1]) || void 0 === r2 ? void 0 : r2.styles) || {}, d.transition = "all ".concat(v.duration, "s ").concat(camelCaseToKebabCase(v.easing)), v.delay && (d.transitionDelay = v.delay + "s")), d;
+      return v && (d[":hover"] = (null === (i = null === (r2 = v.steps) || void 0 === r2 ? void 0 : r2[1]) || void 0 === i ? void 0 : i.styles) || {}, d.transition = "all ".concat(v.duration, "s ").concat(camelCaseToKebabCase(v.easing)), v.delay && (d.transitionDelay = v.delay + "s")), d;
     }, BuilderBlock.prototype.eval = function(e) {
       return this.stringToFunction(e)(this.privateState.state, void 0, this.block, builder, Device, this.privateState.update, Builder$1, this.privateState.context);
     }, BuilderBlock.prototype.componentWillUnmount = function() {
@@ -48468,40 +48468,40 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, BuilderBlock.prototype.componentDidMount = function() {
       var e, t2 = this;
       this.hydrated = true;
-      var n = this.block, i = n && n.animations;
-      if (Builder$1.isEditing && addEventListener("message", this.onWindowMessage), i) {
-        var r2 = { animations: fastClone(i) };
+      var n = this.block, r2 = n && n.animations;
+      if (Builder$1.isEditing && addEventListener("message", this.onWindowMessage), r2) {
+        var i = { animations: fastClone(r2) };
         if (n.bindings) {
           for (var o in n.bindings) if ((null === (e = o.trim) || void 0 === e ? void 0 : e.call(o)) && o.startsWith("animations.")) {
             var a = this.stringToFunction(n.bindings[o]);
-            void 0 !== a && set(r2, o, a(this.privateState.state, null, n, builder, null, null, Builder$1, this.privateState.context));
+            void 0 !== a && set(i, o, a(this.privateState.state, null, n, builder, null, null, Builder$1, this.privateState.context));
           }
         }
-        Builder$1.animator.bindAnimations(r2.animations.filter(function(e2) {
+        Builder$1.animator.bindAnimations(i.animations.filter(function(e2) {
           return "hover" !== e2.trigger;
         }).map(function(e2) {
           return __assign(__assign({}, e2), { elementId: t2.block.id });
         }));
       }
     }, BuilderBlock.prototype.getElement = function(e, t2) {
-      var n, i, r2, o, a, s, l = this;
+      var n, r2, i, o, a, s, l = this;
       void 0 === e && (e = 0), void 0 === t2 && (t2 = this.privateState.state);
       var u = this.props;
       u.child, u.fieldName;
       var c, d = this.block, p = (d.tagName || "div").toLowerCase();
       if ("template" === p) {
-        var m = d.children ? d.children.map(function(e2) {
+        var f = d.children ? d.children.map(function(e2) {
           return blockToHtmlString(e2);
         }).join(" ") : "";
-        return console.debug("template html", m), jsx("template", __assign({}, d.properties, { dangerouslySetInnerHTML: { __html: m } }));
+        return console.debug("template html", f), jsx("template", __assign({}, d.properties, { dangerouslySetInnerHTML: { __html: f } }));
       }
-      var f = d.component && (d.component.name || d.component.component), h = null;
+      var m = d.component && (d.component.name || d.component.component), h = null;
       d.component && !d.component.class && (d.component && d.component.tag ? c = d.component.tag : (h = Builder$1.components.find(function(e2) {
-        return e2.name === f;
-      }) || null) && h.class ? c = h.class : h && h.tag ? c = h.tag : (null == f ? void 0 : f.startsWith("Builder:")) ? console.warn("Missing @builder.io/widgets installation, please install and import @builder.io/widgets to use ".concat(f.split(":")[1], " in your content, more info here: https://github.com/BuilderIO/builder/tree/main/packages/widgets")) : f && console.warn("Missing registration for ".concat(f, ", have you included the registration in your bundle?")));
+        return e2.name === m;
+      }) || null) && h.class ? c = h.class : h && h.tag ? c = h.tag : (null == m ? void 0 : m.startsWith("Builder:")) ? console.warn("Missing @builder.io/widgets installation, please install and import @builder.io/widgets to use ".concat(m.split(":")[1], " in your content, more info here: https://github.com/BuilderIO/builder/tree/main/packages/widgets")) : m && console.warn("Missing registration for ".concat(m, ", have you included the registration in your bundle?")));
       var v = __assign(__assign({}, d.properties), { style: {}, responsiveStyles: fastClone(d.responsiveStyles || {}) });
       if (v = __assign(__assign({}, v.properties), v), d.component && (v.component = deepCloneWithConditions(d.component)), d.bindings) {
-        for (var g2 in d.bindings) if (null === (i = g2.trim) || void 0 === i ? void 0 : i.call(g2)) {
+        for (var g2 in d.bindings) if (null === (r2 = g2.trim) || void 0 === r2 ? void 0 : r2.call(g2)) {
           var b = this.stringToFunction(d.bindings[g2]);
           set(v, g2, b(t2, null, d, api(), Device, null, Builder$1, this.privateState.context));
         }
@@ -48510,30 +48510,30 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       if (delete v.hide, ("show" in v || d.bindings && d.bindings.show) && !v.show) return null;
       if (delete v.show, d.actions) {
         var y = function(e2) {
-          if (!(null === (r2 = e2.trim) || void 0 === r2 ? void 0 : r2.call(e2))) return "continue";
+          if (!(null === (i = e2.trim) || void 0 === i ? void 0 : i.call(e2))) return "continue";
           var n2 = d.actions[e2];
           v["on" + capitalize(e2)] = function(e3) {
-            var i2 = t2;
-            return "undefined" != typeof Proxy && (i2 = new Proxy(t2, { set: function(e4, t22, n3) {
+            var r22 = t2;
+            return "undefined" != typeof Proxy && (r22 = new Proxy(t2, { set: function(e4, t22, n3) {
               return e4[t22] = n3, l.privateState.rootState[t22] = n3, true;
-            } })), l.stringToFunction(n2, false)(i2, e3, l.block, builder, Device, l.privateState.update, Builder$1, l.privateState.context);
+            } })), l.stringToFunction(n2, false)(r22, e3, l.block, builder, Device, l.privateState.update, Builder$1, l.privateState.context);
           };
         };
         for (var g2 in d.actions) y(g2);
       }
       var _2 = (v.component || v.options) && __assign(__assign({}, v.options), v.component.options || v.component.data);
       containsLocalizedValues(_2) && (this.privateState.state.locale || console.warn("[Builder.io] In order to use localized fields in Builder, you must pass a locale prop to the BuilderComponent or to options object while fetching the content to resolve localized fields. Learn more: https://www.builder.io/c/docs/localization-inline#targeting-and-inline-localization"), _2 = extractLocalizedValues(_2, null !== (o = this.privateState.state.locale) && void 0 !== o ? o : "Default"));
-      var S = voidElements.has(p), x = h && (h.fragment || h.noWrap), w = (null === (a = v.attr) || void 0 === a ? void 0 : a.style) || ("string" == typeof v.style ? v.style : "") || "";
-      if ("string" == typeof w) {
+      var S = voidElements.has(p), w = h && (h.fragment || h.noWrap), x = (null === (a = v.attr) || void 0 === a ? void 0 : a.style) || ("string" == typeof v.style ? v.style : "") || "";
+      if ("string" == typeof x) {
         "object" != typeof v.style && (v.style = {});
-        for (var k = 0, B = w.split(";"); k < B.length; k++) {
+        for (var k = 0, B = x.split(";"); k < B.length; k++) {
           var C = B[k].split(":");
           if (!C.length) return;
           g2 = C[0], b = C[1];
           g2 && (C.length > 2 && (b = C.slice(1).join(":")), v.style[kebabCaseToCamelCase(g2)] = b);
         }
       }
-      var E = __assign(__assign(__assign({}, omit$1(v, ["class", "component", "attr", "responsiveStyles"])), ((n = {})["string" != typeof p || p.includes("-") ? "class" : "className"] = "builder-block ".concat(this.id).concat(d.class ? " ".concat(d.class) : "").concat(!d.component || ["Image", "Video", "Banner"].indexOf(f) > -1 ? "" : " builder-has-component") + (v.class ? " " + v.class : "") + (this.hydrated && Builder$1.isEditing && (null === (s = this.privateState.state._spacer) || void 0 === s ? void 0 : s.parent) === d.id ? " builder-spacer-parent" : ""), n.key = this.id + e, n["builder-id"] = this.id, n)), 0 !== e && { "builder-index": e });
+      var E = __assign(__assign(__assign({}, omit$1(v, ["class", "component", "attr", "responsiveStyles"])), ((n = {})["string" != typeof p || p.includes("-") ? "class" : "className"] = "builder-block ".concat(this.id).concat(d.class ? " ".concat(d.class) : "").concat(!d.component || ["Image", "Video", "Banner"].indexOf(m) > -1 ? "" : " builder-has-component") + (v.class ? " " + v.class : "") + (this.hydrated && Builder$1.isEditing && (null === (s = this.privateState.state._spacer) || void 0 === s ? void 0 : s.parent) === d.id ? " builder-spacer-parent" : ""), n.key = this.id + e, n["builder-id"] = this.id, n)), 0 !== e && { "builder-index": e });
       Builder$1.isEditing && this.hydrated && (E["builder-inline-styles"] = v.attr && v.attr.style ? Object.keys(v.style).reduce(function(e2, t22) {
         return (e2 ? "".concat(e2, ";") : "") + "".concat(cssCase(t22), ":").concat(v.style[t22], ";");
       }, "") : ""), (E.properties && E.properties.href || E.href) && "div" === p && (p = "a"), "a" === p && (p = Link);
@@ -48545,7 +48545,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
           E.class && (E.class += n2), E.className && (E.className += n2);
         }
         return jsx(BuilderAsyncRequestsContext.Consumer, null, function(e3) {
-          return l._asyncRequests = e3 && e3.requests, l._errors = e3 && e3.errors, l._logs = e3 && e3.logs, S ? jsx(p, __assign({}, E)) : c && (x || l.props.emailMode) ? jsx(c, __assign({}, _2, { attributes: E, builderBlock: d, builderState: l.privateState })) : jsx(p, __assign({}, E), c && jsx(c, __assign({ builderState: l.privateState, builderBlock: d }, _2)), d.text || v.text ? v.text : !c && R && Array.isArray(R) && R.length ? R.map(function(e4, t3) {
+          return l._asyncRequests = e3 && e3.requests, l._errors = e3 && e3.errors, l._logs = e3 && e3.logs, S ? jsx(p, __assign({}, E)) : c && (w || l.props.emailMode) ? jsx(c, __assign({}, _2, { attributes: E, builderBlock: d, builderState: l.privateState })) : jsx(p, __assign({}, E), c && jsx(c, __assign({ builderState: l.privateState, builderBlock: d }, _2)), d.text || v.text ? v.text : !c && R && Array.isArray(R) && R.length ? R.map(function(e4, t3) {
             return jsx(BuilderBlock, { key: (l.id || "") + t3, block: e4, index: t3, size: l.props.size, fieldName: l.props.fieldName, child: l.props.child, emailMode: l.props.emailMode });
           }) : null);
         });
@@ -48556,10 +48556,10 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, enumerable: false, configurable: true }), BuilderBlock.prototype.contents = function(e) {
       var t2 = this, n = this.block;
       if (this.privateState = e, n.repeat && n.repeat.collection) {
-        var i = n.repeat.collection, r2 = last((i || "").trim().split("(")[0].trim().split(".")), o = n.repeat.itemName || (r2 ? r2 + "Item" : "item"), a = this.stringToFunction(i)(e.state, null, n, api(), Device, null, Builder$1, this.privateState.context);
-        return Array.isArray(a) ? a.map(function(n2, i2) {
-          var r22, a2 = __assign(__assign({}, e.state), ((r22 = { $index: i2, $item: n2 })[o] = n2, r22["$".concat(o, "Index")] = i2, r22));
-          return jsx(BuilderStoreContext.Provider, { key: i2, value: __assign(__assign({}, e), { state: a2 }) }, t2.getElement(i2, a2));
+        var r2 = n.repeat.collection, i = last((r2 || "").trim().split("(")[0].trim().split(".")), o = n.repeat.itemName || (i ? i + "Item" : "item"), a = this.stringToFunction(r2)(e.state, null, n, api(), Device, null, Builder$1, this.privateState.context);
+        return Array.isArray(a) ? a.map(function(n2, r22) {
+          var i2, a2 = __assign(__assign({}, e.state), ((i2 = { $index: r22, $item: n2 })[o] = n2, i2["$".concat(o, "Index")] = r22, i2));
+          return jsx(BuilderStoreContext.Provider, { key: r22, value: __assign(__assign({}, e), { state: a2 }) }, t2.getElement(r22, a2));
         }) : null;
       }
       return this.getElement();
@@ -48601,10 +48601,10 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       } }), t22 && Array.isArray(t22) && t22.map(function(t3, n2) {
         return t3 && "@builder.io/sdk:Element" === t3["@type"] ? jsx(BuilderBlock$1, { key: t3.id, block: t3, index: n2, fieldName: e2.props.fieldName, child: e2.props.child, emailMode: e2.props.emailMode }) : t3;
       }) || t22);
-    }, t2.renderInto = function(e2, n, i) {
+    }, t2.renderInto = function(e2, n, r2) {
       if (void 0 === n && (n = {}), e2) {
-        var r2 = null;
-        return "string" == typeof e2 ? r2 = document.querySelector(e2) : e2 instanceof Element && (r2 = e2), ReactDOM$1.render(jsx(BuilderStoreContext.Provider, { value: i }, jsx(t2, __assign({}, n))), r2);
+        var i = null;
+        return "string" == typeof e2 ? i = document.querySelector(e2) : e2 instanceof Element && (i = e2), ReactDOM$1.render(jsx(BuilderStoreContext.Provider, { value: r2 }, jsx(t2, __assign({}, n))), i);
       }
     }, t2;
   }(React$1.Component), NoWrap = function(e) {
@@ -48612,7 +48612,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   };
   function getData(e) {
     if (void 0 !== (null == e ? void 0 : e.data)) {
-      var t2 = e.data, n = t2.blocks, i = t2.blocksString, r2 = Array.isArray(n) || "string" == typeof i, o = __assign(__assign({}, e.data), r2 && { blocks: n || JSON.parse(i) });
+      var t2 = e.data, n = t2.blocks, r2 = t2.blocksString, i = Array.isArray(n) || "string" == typeof r2, o = __assign(__assign({}, e.data), i && { blocks: n || JSON.parse(r2) });
       return delete o.blocksString, o;
     }
   }
@@ -48685,26 +48685,26 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     var t2 = e.initialContent, n = e.children;
     if (Builder$1.isBrowser && !builder.canTrack) return n([t2]);
     if (!Boolean(Object.keys((null == t2 ? void 0 : t2.variations) || {}).length)) return n([t2]);
-    var i = Object.keys(t2.variations).map(function(e2) {
+    var r2 = Object.keys(t2.variations).map(function(e2) {
       return __assign(__assign({ id: e2 }, t2.variations[e2]), { data: getData(t2.variations[e2]) });
-    }), r2 = __spreadArray(__spreadArray([], i, true), [t2], false);
+    }), i = __spreadArray(__spreadArray([], r2, true), [t2], false);
     if (Builder$1.isServer) {
       var o = JSON.stringify(Object.keys(t2.variations || {}).map(function(e2) {
         return { id: e2, testRatio: t2.variations[e2].testRatio };
       }));
-      return reactExports.createElement(reactExports.Fragment, null, n(r2, function() {
+      return reactExports.createElement(reactExports.Fragment, null, n(i, function() {
         return reactExports.createElement("script", { id: "variants-script-".concat(t2.id), dangerouslySetInnerHTML: { __html: variantsScript(o, t2.id) } });
       }));
     }
     var a = "builder.tests.".concat(t2.id), s = builder.getCookie(a);
-    if (!s && Builder$1.isBrowser) for (var l = 0, u = Math.random(), c = 0; c < i.length; c++) {
-      var d = i[c];
+    if (!s && Builder$1.isBrowser) for (var l = 0, u = Math.random(), c = 0; c < r2.length; c++) {
+      var d = r2[c];
       if (u < (l += d.testRatio)) {
         builder.setCookie(a, d.id), s = d.id;
         break;
       }
     }
-    return s || (s = t2.id, builder.setCookie(a, s)), n([r2.find(function(e2) {
+    return s || (s = t2.id, builder.setCookie(a, s)), n([i.find(function(e2) {
       return e2.id === s;
     })]);
   }, BuilderContent = function(_super) {
@@ -48761,19 +48761,19 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       "_inline" !== this.name && this.subscriptions.add(this.builder.queueGetContent(this.name, this.options).subscribe(function(t2) {
         var n = t2 && t2[0];
         e.setState({ data: n, loading: false });
-        var i = (e.builder.editingModel || e.builder.previewingModel) === e.name;
-        if (!e.props.inline && e.props.content && e.firstLoad && i && (e.firstLoad = false, e.subscriptions.unsubscribe(), e.subscribeToContent()), n && e.firstLoad && (e.firstLoad = false, builder.autoTrack && !Builder$1.isEditing)) {
-          var r2 = false;
+        var r2 = (e.builder.editingModel || e.builder.previewingModel) === e.name;
+        if (!e.props.inline && e.props.content && e.firstLoad && r2 && (e.firstLoad = false, e.subscriptions.unsubscribe(), e.subscribeToContent()), n && e.firstLoad && (e.firstLoad = false, builder.autoTrack && !Builder$1.isEditing)) {
+          var i = false;
           if ("function" == typeof IntersectionObserver && e.ref) try {
-            (e.intersectionObserver = new IntersectionObserver(function(t22, i2) {
+            (e.intersectionObserver = new IntersectionObserver(function(t22, r22) {
               t22.forEach(function(t3) {
-                t3.intersectionRatio > 0 && !e.trackedImpression && (e.builder.trackImpression(n.id, e.renderedVariantId, void 0, { content: e.data }), e.data, e.trackedImpression = true, e.ref && i2.unobserve(e.ref));
+                t3.intersectionRatio > 0 && !e.trackedImpression && (e.builder.trackImpression(n.id, e.renderedVariantId, void 0, { content: e.data }), e.data, e.trackedImpression = true, e.ref && r22.unobserve(e.ref));
               });
-            })).observe(e.ref), r2 = true;
+            })).observe(e.ref), i = true;
           } catch (e2) {
             console.warn("Could not bind intersection observer");
           }
-          r2 || (e.trackedImpression = true, e.builder.trackImpression(n.id, e.renderedVariantId, void 0, { content: n }));
+          i || (e.trackedImpression = true, e.builder.trackImpression(n.id, e.renderedVariantId, void 0, { content: n }));
         }
         e.props.contentLoaded && e.props.contentLoaded(n && n.data, n);
       }, function(t2) {
@@ -48784,11 +48784,11 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, BuilderContent.prototype.render = function() {
       var e = this;
       if (this.props.dataOnly) return null;
-      var t2 = this.state.loading, n = this.data, i = this.props.dataOnly ? NoWrap : "div";
-      return React$1.createElement(VariantsProvider, { initialContent: n }, function(r2, o) {
-        return React$1.createElement(React$1.Fragment, null, r2.map(function(a, s) {
-          var l = s === r2.length - 1 ? React$1.Fragment : "template";
-          return React$1.createElement(React$1.Fragment, { key: String((null == a ? void 0 : a.id) + s) }, "template" !== l && (null == o ? void 0 : o()), React$1.createElement(l, __assign({ key: String((null == a ? void 0 : a.id) + s) }, "template" === l && { "data-template-variant-id": null == a ? void 0 : a.id }), React$1.createElement(i, __assign({}, 0 === s && !e.props.dataOnly && { ref: function(t22) {
+      var t2 = this.state.loading, n = this.data, r2 = this.props.dataOnly ? NoWrap : "div";
+      return React$1.createElement(VariantsProvider, { initialContent: n }, function(i, o) {
+        return React$1.createElement(React$1.Fragment, null, i.map(function(a, s) {
+          var l = s === i.length - 1 ? React$1.Fragment : "template";
+          return React$1.createElement(React$1.Fragment, { key: String((null == a ? void 0 : a.id) + s) }, "template" !== l && (null == o ? void 0 : o()), React$1.createElement(l, __assign({ key: String((null == a ? void 0 : a.id) + s) }, "template" === l && { "data-template-variant-id": null == a ? void 0 : a.id }), React$1.createElement(r2, __assign({}, 0 === s && !e.props.dataOnly && { ref: function(t22) {
             return e.ref = t22;
           } }, { className: "builder-content", onClick: e.onClick, "builder-content-id": null == a ? void 0 : a.id, "builder-model": e.name }), e.props.children(null == a ? void 0 : a.data, !e.props.inline && t2, n))));
         }));
@@ -48797,8 +48797,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   }(React$1.Component), getContentWithInfo = function(e) {
     var t2;
     if (e) {
-      var n = builder.getCookie("builder.tests.".concat(e.id)), i = n === e.id ? e : null === (t2 = e.variations) || void 0 === t2 ? void 0 : t2[n], r2 = (null == i ? void 0 : i.name) || ((null == i ? void 0 : i.id) === e.id ? "Default variation" : "");
-      return __assign(__assign({}, e), { variationId: n, testVariationId: n, testVariationName: r2 });
+      var n = builder.getCookie("builder.tests.".concat(e.id)), r2 = n === e.id ? e : null === (t2 = e.variations) || void 0 === t2 ? void 0 : t2[n], i = (null == r2 ? void 0 : r2.name) || ((null == r2 ? void 0 : r2.id) === e.id ? "Default variation" : "");
+      return __assign(__assign({}, e), { variationId: n, testVariationId: n, testVariationName: i });
     }
     return null;
   };
@@ -48810,27 +48810,27 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   }
   var onChange_1 = createCommonjsModule(function(e, t2) {
     Object.defineProperty(t2, "__esModule", { value: true });
-    var n = Symbol("target"), i = Symbol("unsubscribe"), r2 = function(e2, t22) {
+    var n = Symbol("target"), r2 = Symbol("unsubscribe"), i = function(e2, t22) {
       return t22 && t22.toString && (e2 && (e2 += "."), e2 += t22.toString()), e2;
     }, o = function(e2) {
       return Array.isArray(e2) ? e2.slice() : Object.assign({}, e2);
     }, a = function(e2, t22, a2) {
       if ("undefined" == typeof Proxy) return e2;
       void 0 === a2 && (a2 = {});
-      var s, l, u = Symbol("ProxyTarget"), c = false, d = false, p = false, m = a2.equals || Object.is, f = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), g2 = function(e3, n2, i2, a3) {
+      var s, l, u = Symbol("ProxyTarget"), c = false, d = false, p = false, f = a2.equals || Object.is, m = /* @__PURE__ */ new WeakMap(), h = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), g2 = function(e3, n2, r22, a3) {
         if (!p) if (c) {
-          if (c && l && void 0 !== i2 && void 0 !== a3 && "length" !== n2) {
+          if (c && l && void 0 !== r22 && void 0 !== a3 && "length" !== n2) {
             var u2 = l;
             e3 !== s && function(e4, t3) {
               for (var n3; e4; ) -1 === (n3 = e4.indexOf(".")) && (n3 = e4.length), t3(e4.slice(0, n3)), e4 = e4.slice(n3 + 1);
             }(e3 = e3.replace(s, "").slice(1), function(e4) {
               u2[e4] = o(u2[e4]), u2 = u2[e4];
-            }), u2[n2] = i2;
+            }), u2[n2] = r22;
           }
           d = true;
-        } else t22(r2(e3, n2), a3, i2);
+        } else t22(i(e3, n2), a3, r22);
       }, b = function(e3, t3) {
-        var n2 = f ? f.get(e3) : void 0;
+        var n2 = m ? m.get(e3) : void 0;
         n2 && n2.delete(t3);
       }, y = function(e3, t3) {
         if (p) return e3;
@@ -48841,8 +48841,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         return p || true === a2.ignoreSymbols && "symbol" == typeof e3;
       }, S = { get: function(e3, t3, o2) {
         if (t3 === u || t3 === n) return e3;
-        if (t3 === i && "" === h.get(e3)) return function(e4) {
-          return p = true, f = null, h = null, v = null, e4;
+        if (t3 === r2 && "" === h.get(e3)) return function(e4) {
+          return p = true, m = null, h = null, v = null, e4;
         }(e3);
         var s2 = Reflect.get(e3, t3, o2);
         if (/* @__PURE__ */ function(e4) {
@@ -48851,43 +48851,43 @@ Try polyfilling it using "@formatjs/intl-displaynames"
           return e4 instanceof RegExp || e4 instanceof Number;
         }(s2) || "constructor" === t3 || true === a2.isShallow) return s2;
         var l2 = function(e4, t4) {
-          var n2 = f ? f.get(e4) : void 0;
+          var n2 = m ? m.get(e4) : void 0;
           if (n2) return n2;
-          n2 = /* @__PURE__ */ new Map(), f.set(e4, n2);
-          var i2 = n2.get(t4);
-          return i2 || (i2 = Reflect.getOwnPropertyDescriptor(e4, t4), n2.set(t4, i2)), i2;
+          n2 = /* @__PURE__ */ new Map(), m.set(e4, n2);
+          var r22 = n2.get(t4);
+          return r22 || (r22 = Reflect.getOwnPropertyDescriptor(e4, t4), n2.set(t4, r22)), r22;
         }(e3, t3);
         if (l2 && !l2.configurable) {
           if (l2.set && !l2.get) return;
           if (false === l2.writable) return s2;
         }
-        return y(s2, r2(h.get(e3), t3));
-      }, set: function(e3, t3, n2, i2) {
+        return y(s2, i(h.get(e3), t3));
+      }, set: function(e3, t3, n2, r22) {
         n2 && void 0 !== n2[u] && (n2 = n2[u]);
-        var r22 = _2(t3), o2 = r22 ? null : Reflect.get(e3, t3, i2), a3 = Reflect.set(e3[u] || e3, t3, n2);
-        return r22 || m(o2, n2) || g2(h.get(e3), t3, o2, n2), a3;
+        var i2 = _2(t3), o2 = i2 ? null : Reflect.get(e3, t3, r22), a3 = Reflect.set(e3[u] || e3, t3, n2);
+        return i2 || f(o2, n2) || g2(h.get(e3), t3, o2, n2), a3;
       }, defineProperty: function(e3, t3, n2) {
-        var i2 = Reflect.defineProperty(e3, t3, n2);
-        return _2(t3) || (b(e3, t3), g2(h.get(e3), t3, void 0, n2.value)), i2;
+        var r22 = Reflect.defineProperty(e3, t3, n2);
+        return _2(t3) || (b(e3, t3), g2(h.get(e3), t3, void 0, n2.value)), r22;
       }, deleteProperty: function(e3, t3) {
         if (!Reflect.has(e3, t3)) return true;
-        var n2 = _2(t3), i2 = n2 ? null : Reflect.get(e3, t3), r22 = Reflect.deleteProperty(e3, t3);
-        return n2 || (b(e3, t3), g2(h.get(e3), t3, i2)), r22;
+        var n2 = _2(t3), r22 = n2 ? null : Reflect.get(e3, t3), i2 = Reflect.deleteProperty(e3, t3);
+        return n2 || (b(e3, t3), g2(h.get(e3), t3, r22)), i2;
       }, apply: function(e3, t3, n2) {
-        var i2 = t3 instanceof Date;
-        if (i2 && (t3 = t3[u]), !c) {
-          c = true, i2 && (l = t3.valueOf()), (Array.isArray(t3) || "[object Object]" === toString.call(t3)) && (l = o(t3[u])), s = (s = h.get(e3)).slice(0, Math.max(s.lastIndexOf("."), 0));
-          var r22 = Reflect.apply(e3, t3, n2);
-          return c = false, (d || i2 && !m(l, t3.valueOf())) && (g2(s, "", l, t3[u] || t3), l = null, d = false), r22;
+        var r22 = t3 instanceof Date;
+        if (r22 && (t3 = t3[u]), !c) {
+          c = true, r22 && (l = t3.valueOf()), (Array.isArray(t3) || "[object Object]" === toString.call(t3)) && (l = o(t3[u])), s = (s = h.get(e3)).slice(0, Math.max(s.lastIndexOf("."), 0));
+          var i2 = Reflect.apply(e3, t3, n2);
+          return c = false, (d || r22 && !f(l, t3.valueOf())) && (g2(s, "", l, t3[u] || t3), l = null, d = false), i2;
         }
         return Reflect.apply(e3, t3, n2);
-      } }, x = y(e2, "");
-      return t22 = t22.bind(x), x;
+      } }, w = y(e2, "");
+      return t22 = t22.bind(w), w;
     };
     a.target = function(e2) {
       return e2[n] || e2;
     }, a.unsubscribe = function(e2) {
-      return e2[i] || e2;
+      return e2[r2] || e2;
     }, e.exports = a, t2.default = a;
   }), onChange = unwrapExports(onChange_1), nextTick = Builder$1.nextTick;
   function debounceNextTick(e, t2, n) {
@@ -48900,39 +48900,39 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     return function() {
       var e2 = t2;
       if (t2 = [].slice.call(arguments), n = this, null !== e2) return;
-      nextTick(i);
+      nextTick(r2);
     };
-    function i() {
+    function r2() {
       e.apply(n, t2), t2 = null, n = null;
     }
   }
   function throttle(e, t2, n) {
-    var i, r2, o;
+    var r2, i, o;
     void 0 === n && (n = {});
     var a = null, s = 0, l = function() {
-      s = false === n.leading ? 0 : Date.now(), a = null, o = e.apply(i, r2), a || (i = r2 = null);
+      s = false === n.leading ? 0 : Date.now(), a = null, o = e.apply(r2, i), a || (r2 = i = null);
     };
     return function() {
       var u = Date.now();
       s || false !== n.leading || (s = u);
       var c = t2 - (u - s);
-      return i = this, r2 = arguments, c <= 0 || c > t2 ? (a && (clearTimeout(a), a = null), s = u, o = e.apply(i, r2), a || (i = r2 = null)) : a || false === n.trailing || (a = setTimeout(l, c)), o;
+      return r2 = this, i = arguments, c <= 0 || c > t2 ? (a && (clearTimeout(a), a = null), s = u, o = e.apply(r2, i), a || (r2 = i = null)) : a || false === n.trailing || (a = setTimeout(l, c)), o;
     };
   }
   var BuilderMetaContext = React$1.createContext({ emailMode: false, ampMode: false, isServer: false }), tryEval = function(e, t2, n) {
     void 0 === t2 && (t2 = {});
-    var i = e;
-    if ("string" == typeof i && i.trim()) {
-      var r2 = !(i.includes(";") || i.includes(" return ")), o = function() {
+    var r2 = e;
+    if ("string" == typeof r2 && r2.trim()) {
+      var i = !(r2.includes(";") || r2.includes(" return ")), o = function() {
       };
       try {
-        Builder$1.isBrowser && (o = new Function("state", "var rootState = state;\n        if (typeof Proxy !== 'undefined') {\n          rootState = new Proxy(rootState, {\n            set: function () {\n              return false;\n            },\n            get: function (target, key) {\n              if (key === 'state') {\n                return state;\n              }\n              return target[key]\n            }\n          });\n        }\n        with (rootState) {\n          ".concat(r2 ? "return (".concat(e, ");") : e, ";\n        }")));
+        Builder$1.isBrowser && (o = new Function("state", "var rootState = state;\n        if (typeof Proxy !== 'undefined') {\n          rootState = new Proxy(rootState, {\n            set: function () {\n              return false;\n            },\n            get: function (target, key) {\n              if (key === 'state') {\n                return state;\n              }\n              return target[key]\n            }\n          });\n        }\n        with (rootState) {\n          ".concat(i ? "return (".concat(e, ");") : e, ";\n        }")));
       } catch (e2) {
         Builder$1.isBrowser && console.warn("Could not compile javascript", e2);
       }
       try {
         if (Builder$1.isBrowser || shouldForceBrowserRuntimeInNode()) return o(t2 || {});
-        var a = safeDynamicRequire("isolated-vm"), s = getIsolateContext(), l = makeFn(e, r2, ["state"]), u = s.evalClosureSync(l, [new a.Reference(t2 || {})]);
+        var a = safeDynamicRequire("isolated-vm"), s = getIsolateContext(), l = makeFn(e, i, ["state"]), u = s.evalClosureSync(l, [new a.Reference(t2 || {})]);
         try {
           return JSON.parse(u);
         } catch (e2) {
@@ -48946,40 +48946,37 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   function toError(e) {
     return e instanceof Error ? e : new Error(String(e));
   }
-  function getBuilderPixel(e) {
-    return { id: "builder-pixel-" + Math.random().toString(36).split(".")[1], "@type": "@builder.io/sdk:Element", tagName: "img", properties: { role: "presentation", "aria-hidden": "true", src: "https://cdn.builder6.com/api/v1/pixel?apiKey=".concat(e) }, responsiveStyles: { large: { height: "0", width: "0", display: "inline-block", opacity: "0", overflow: "hidden", pointerEvents: "none" } } };
-  }
   function pick(e) {
     for (var t2 = [], n = 1; n < arguments.length; n++) t2[n - 1] = arguments[n];
-    var i = {};
+    var r2 = {};
     return t2.forEach(function(t22) {
-      i[t22] = e[t22];
-    }), i;
+      r2[t22] = e[t22];
+    }), r2;
   }
   function omit(e) {
     for (var t2 = [], n = 1; n < arguments.length; n++) t2[n - 1] = arguments[n];
-    var i = __assign({}, e);
+    var r2 = __assign({}, e);
     return t2.forEach(function(e2) {
-      delete i[e2];
-    }), i;
+      delete r2[e2];
+    }), r2;
   }
   var instancesMap = /* @__PURE__ */ new Map(), wrapComponent = function(e) {
     return function(t2) {
-      var n, i = t2.builderTag || "div", r2 = ["children"].concat((null === (n = e.inputs) || void 0 === n ? void 0 : n.map(function(e2) {
+      var n, r2 = t2.builderTag || "div", i = ["children"].concat((null === (n = e.inputs) || void 0 === n ? void 0 : n.map(function(e2) {
         return e2.name;
-      })) || []), o = omit.apply(void 0, __spreadArray(__spreadArray([t2], r2, false), ["attributes"], false)), a = t2;
-      return e.noWrap ? React$1.createElement(e.class, __assign({ attributes: o }, a)) : React$1.createElement(i, __assign({}, o), React$1.createElement(e.class, __assign({}, a)));
+      })) || []), o = omit.apply(void 0, __spreadArray(__spreadArray([t2], i, false), ["attributes"], false)), a = t2;
+      return e.noWrap ? React$1.createElement(e.class, __assign({ attributes: o }, a)) : React$1.createElement(r2, __assign({}, o), React$1.createElement(e.class, __assign({}, a)));
     };
   }, size$1 = function(e) {
     return Object.keys(e).length;
   };
   function debounce(e, t2, n) {
-    var i;
+    var r2;
     return void 0 === n && (n = false), function() {
-      var r2 = this, o = arguments;
-      clearTimeout(i), i = setTimeout(function() {
-        i = null, n || e.apply(r2, o);
-      }, t2), n && !i && e.apply(r2, o);
+      var i = this, o = arguments;
+      clearTimeout(r2), r2 = setTimeout(function() {
+        r2 = null, n || e.apply(i, o);
+      }, t2), n && !r2 && e.apply(i, o);
     };
   }
   var fontsLoaded = /* @__PURE__ */ new Set(), fetch$1;
@@ -48987,115 +48984,115 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   var sizeMap = { desktop: "large", tablet: "medium", mobile: "small" }, fetchCache = {};
   function searchToObject$1(e) {
     var t2 = (e.search || "").substring(1).split("&"), n = {};
-    for (var i in t2) if (t2[i] && "string" == typeof t2[i]) {
-      var r2 = t2[i].split("=");
-      n[decodeURIComponent(r2[0])] = decodeURIComponent(r2[1]);
+    for (var r2 in t2) if (t2[r2] && "string" == typeof t2[r2]) {
+      var i = t2[r2].split("=");
+      n[decodeURIComponent(i[0])] = decodeURIComponent(i[1]);
     }
     return n;
   }
   var BuilderComponent = function(e) {
     function t2(t22) {
-      var n, i, r2 = this;
-      (r2 = e.call(this, t22) || this).subscriptions = new Subscription(), r2.onStateChange = new BehaviorSubject(null), r2.asServer = Builder$1.isServer, r2.contentRef = null, r2.styleRef = null, r2.rootState = Builder$1.isServer ? {} : onChange({}, function() {
-        return r2.updateState();
-      }), r2.lastJsCode = "", r2.lastHttpRequests = {}, r2.httpSubscriptionPerKey = {}, r2.firstLoad = true, r2.ref = null, r2.messageListener = function(e2) {
+      var n, r2, i = this;
+      (i = e.call(this, t22) || this).subscriptions = new Subscription(), i.onStateChange = new BehaviorSubject(null), i.asServer = Builder$1.isServer, i.contentRef = null, i.styleRef = null, i.rootState = Builder$1.isServer ? {} : onChange({}, function() {
+        return i.updateState();
+      }), i.lastJsCode = "", i.lastHttpRequests = {}, i.httpSubscriptionPerKey = {}, i.firstLoad = true, i.ref = null, i.messageListener = function(e2) {
         var t3;
         if (Builder$1.isTrustedHostForEvent(e2)) {
           var n2 = e2.data;
           switch (n2.type) {
             case "builder.configureSdk":
-              var i2 = n2.data;
-              if (!i2.contentId || i2.contentId !== (null === (t3 = r2.useContent) || void 0 === t3 ? void 0 : t3.id)) return;
-              r2.sizes = getSizesForBreakpoints(i2.breakpoints || {}), r2.setState({ state: Object.assign(r2.rootState, { deviceSize: r2.deviceSizeState, device: r2.device }), updates: (r2.state && r2.state.updates || 0) + 1, breakpoints: i2.breakpoints });
+              var r22 = n2.data;
+              if (!r22.contentId || r22.contentId !== (null === (t3 = i.useContent) || void 0 === t3 ? void 0 : t3.id)) return;
+              i.sizes = getSizesForBreakpoints(r22.breakpoints || {}), i.setState({ state: Object.assign(i.rootState, { deviceSize: i.deviceSizeState, device: i.device }), updates: (i.state && i.state.updates || 0) + 1, breakpoints: r22.breakpoints });
               break;
             case "builder.updateSpacer":
               var o2 = n2.data;
-              r2.rootState._spacer, r2.updateState(function(e3) {
+              i.rootState._spacer, i.updateState(function(e3) {
                 e3._spacer = o2;
               });
               break;
             case "builder.resetState":
               var a2 = n2.data, s2 = a2.state;
-              if (a2.model === r2.name) {
-                for (var l2 in r2.rootState) "function" != typeof r2.rootState[l2] && delete r2.rootState[l2];
-                Object.assign(r2.rootState, s2), r2.setState(__assign(__assign({}, r2.state), { state: r2.rootState, updates: (r2.state && r2.state.updates || 0) + 1 }));
+              if (a2.model === i.name) {
+                for (var l2 in i.rootState) "function" != typeof i.rootState[l2] && delete i.rootState[l2];
+                Object.assign(i.rootState, s2), i.setState(__assign(__assign({}, i.state), { state: i.rootState, updates: (i.state && i.state.updates || 0) + 1 }));
               }
               break;
             case "builder.resetSymbolState":
               var u2 = n2.data.state, c = (s2 = u2.state, u2.model, u2.id);
-              if (r2.props.builderBlock && r2.props.builderBlock === c) {
-                for (var l2 in r2.rootState) delete r2.rootState[l2];
-                Object.assign(r2.rootState, s2), r2.setState(__assign(__assign({}, r2.state), { state: r2.rootState, updates: (r2.state && r2.state.updates || 0) + 1 }));
-              }
-          }
-        }
-      }, r2.resizeFn = function() {
-        var e2 = r2.deviceSizeState;
-        e2 !== r2.state.state.deviceSize && r2.setState(__assign(__assign({}, r2.state), { updates: (r2.state && r2.state.updates || 0) + 1, state: Object.assign(r2.rootState, __assign(__assign({}, r2.state.state), { deviceSize: e2 })) }));
-      }, r2.resizeListener = Builder$1.isEditing ? throttle(r2.resizeFn, 200) : debounce(r2.resizeFn, 400), r2.mounted = false, r2.updateState = function(e2) {
-        var t3 = r2.rootState;
-        e2 && e2(t3), r2.mounted ? r2.setState({ update: r2.updateState, state: t3, updates: (r2.state && r2.state.updates || 0) + 1 }) : r2.state = __assign(__assign({}, r2.state), { update: r2.updateState, state: t3, updates: (r2.state && r2.state.updates || 0) + 1 }), r2.notifyStateChange();
-      }, r2.onContentLoaded = function(e2, t3) {
-        if ("page" === r2.name && Builder$1.isBrowser && e2) {
-          var n2 = e2.title, i2 = e2.pageTitle, o2 = e2.description, a2 = e2.pageDescription;
-          if ((n2 || i2) && (document.title = n2 || i2), o2 || a2) {
+              if (i.props.builderBlock && i.props.builderBlock === c) {
+                for (var l2 in i.rootState) delete i.rootState[l2];
+                Object.assign(i.rootState, s2), i.setState(__assign(__assign({}, i.state), { state: i.rootState, updates: (i.state && i.state.updates || 0) + 1 }));
+              }
+          }
+        }
+      }, i.resizeFn = function() {
+        var e2 = i.deviceSizeState;
+        e2 !== i.state.state.deviceSize && i.setState(__assign(__assign({}, i.state), { updates: (i.state && i.state.updates || 0) + 1, state: Object.assign(i.rootState, __assign(__assign({}, i.state.state), { deviceSize: e2 })) }));
+      }, i.resizeListener = Builder$1.isEditing ? throttle(i.resizeFn, 200) : debounce(i.resizeFn, 400), i.mounted = false, i.updateState = function(e2) {
+        var t3 = i.rootState;
+        e2 && e2(t3), i.mounted ? i.setState({ update: i.updateState, state: t3, updates: (i.state && i.state.updates || 0) + 1 }) : i.state = __assign(__assign({}, i.state), { update: i.updateState, state: t3, updates: (i.state && i.state.updates || 0) + 1 }), i.notifyStateChange();
+      }, i.onContentLoaded = function(e2, t3) {
+        if ("page" === i.name && Builder$1.isBrowser && e2) {
+          var n2 = e2.title, r22 = e2.pageTitle, o2 = e2.description, a2 = e2.pageDescription;
+          if ((n2 || r22) && (document.title = n2 || r22), o2 || a2) {
             var s2 = document.querySelector('meta[name="description"]');
             s2 || ((s2 = document.createElement("meta")).setAttribute("name", "description"), document.head.appendChild(s2)), s2.setAttribute("content", o2 || a2);
           }
         }
-        if (Builder$1.isEditing && r2.notifyStateChange(), r2.props.contentLoaded && r2.props.contentLoaded(e2, t3), e2 && e2.inputs && Array.isArray(e2.inputs) && e2.inputs.length && (e2.state || (e2.state = {}), e2.inputs.forEach(function(t4) {
+        if (Builder$1.isEditing && i.notifyStateChange(), i.props.contentLoaded && i.props.contentLoaded(e2, t3), e2 && e2.inputs && Array.isArray(e2.inputs) && e2.inputs.length && (e2.state || (e2.state = {}), e2.inputs.forEach(function(t4) {
           t4 && t4.name && void 0 !== t4.defaultValue && void 0 === e2.state[t4.name] && (e2.state[t4.name] = t4.defaultValue);
         })), e2 && e2.state) {
-          var l2 = __assign(__assign({}, r2.state), { updates: (r2.state && r2.state.updates || 0) + 1, state: Object.assign(r2.rootState, __assign(__assign(__assign(__assign(__assign({}, r2.state.state), { location: r2.locationState, device: r2.device }), e2.state), r2.externalState), { deviceSize: r2.deviceSizeState })) });
-          r2.mounted ? r2.setState(l2) : r2.state = l2;
+          var l2 = __assign(__assign({}, i.state), { updates: (i.state && i.state.updates || 0) + 1, state: Object.assign(i.rootState, __assign(__assign(__assign(__assign(__assign({}, i.state.state), { location: i.locationState, device: i.device }), e2.state), i.externalState), { deviceSize: i.deviceSizeState })) });
+          i.mounted ? i.setState(l2) : i.state = l2;
         }
-        if (e2 && e2.jsCode && !r2.options.codegen) {
+        if (e2 && e2.jsCode && !i.options.codegen) {
           var u2 = false;
-          if (Builder$1.isEditing && (r2.lastJsCode === e2.jsCode ? u2 = true : r2.lastJsCode = e2.jsCode), !u2) {
-            var c = r2.state.state;
+          if (Builder$1.isEditing && (i.lastJsCode === e2.jsCode ? u2 = true : i.lastJsCode = e2.jsCode), !u2) {
+            var c = i.state.state;
             try {
-              new Function("data", "ref", "state", "update", "element", "Builder", "builder", "context", e2.jsCode)(e2, r2, c, r2.state.update, r2.ref, Builder$1, builder, r2.state.context);
+              new Function("data", "ref", "state", "update", "element", "Builder", "builder", "context", e2.jsCode)(e2, i, c, i.state.update, i.ref, Builder$1, builder, i.state.context);
             } catch (t4) {
               var d = toError(t4);
               Builder$1.isBrowser ? console.warn("Builder custom code error:", d.message, "in", e2.jsCode, d.stack) : isDebug() && console.debug("Builder custom code error:", d.message, "in", e2.jsCode, d.stack);
             }
           }
         }
-        if (e2 && e2.httpRequests && !r2.props.noAsync && !(u2 = false)) {
+        if (e2 && e2.httpRequests && !i.props.noAsync && !(u2 = false)) {
           var p = function(t4) {
             var n3 = e2.httpRequests[t4];
-            if (n3 && (!r2.data[t4] || Builder$1.isEditing)) if (Builder$1.isBrowser) {
-              var i3 = r2.evalExpression(n3);
-              if (Builder$1.isEditing && r2.lastHttpRequests[t4] === i3) return "continue";
-              r2.lastHttpRequests[t4] = i3, r2.handleRequest(t4, i3);
-              var o3 = r2.httpSubscriptionPerKey[t4];
+            if (n3 && (!i.data[t4] || Builder$1.isEditing)) if (Builder$1.isBrowser) {
+              var r3 = i.evalExpression(n3);
+              if (Builder$1.isEditing && i.lastHttpRequests[t4] === r3) return "continue";
+              i.lastHttpRequests[t4] = r3, i.handleRequest(t4, r3);
+              var o3 = i.httpSubscriptionPerKey[t4];
               o3 && o3.unsubscribe();
-              var a3 = r2.httpSubscriptionPerKey[t4] = r2.onStateChange.subscribe(function() {
-                var e3 = r2.evalExpression(n3);
-                e3 !== i3 && (r2.handleRequest(t4, e3), r2.lastHttpRequests[t4] = e3);
+              var a3 = i.httpSubscriptionPerKey[t4] = i.onStateChange.subscribe(function() {
+                var e3 = i.evalExpression(n3);
+                e3 !== r3 && (i.handleRequest(t4, e3), i.lastHttpRequests[t4] = e3);
               });
-              r2.subscriptions.add(a3);
-            } else r2.handleRequest(t4, r2.evalExpression(n3));
+              i.subscriptions.add(a3);
+            } else i.handleRequest(t4, i.evalExpression(n3));
           };
-          for (var m in e2.httpRequests) p(m);
+          for (var f in e2.httpRequests) p(f);
         }
       };
-      var o = r2.inlinedContent;
-      o && o.content && (o = o.content), r2.sizes = getSizesForBreakpoints((null === (n = null == o ? void 0 : o.meta) || void 0 === n ? void 0 : n.breakpoints) || {});
-      var a = null === (i = r2.inlinedContent) || void 0 === i ? void 0 : i.data;
+      var o = i.inlinedContent;
+      o && o.content && (o = o.content), i.sizes = getSizesForBreakpoints((null === (n = null == o ? void 0 : o.meta) || void 0 === n ? void 0 : n.breakpoints) || {});
+      var a = null === (r2 = i.inlinedContent) || void 0 === r2 ? void 0 : r2.data;
       a && Array.isArray(a.inputs) && a.inputs.length > 0 && (a.state || (a.state = {}), a.inputs.forEach(function(e2) {
         e2 && e2.name && void 0 !== e2.defaultValue && void 0 === a.state[e2.name] && (a.state[e2.name] = e2.defaultValue);
-      })), r2.state = { context: __assign(__assign({}, t22.context), { apiKey: r2.props.apiKey || builder.apiKey }), state: Object.assign(r2.rootState, __assign(__assign(__assign(__assign({}, r2.inlinedContent && r2.inlinedContent.data && r2.inlinedContent.data.state), { isBrowser: Builder$1.isBrowser, isServer: !Builder$1.isBrowser, _hydrate: t22.hydrate, location: r2.locationState, deviceSize: r2.deviceSizeState, device: r2.device }), r2.getHtmlData()), t22.data)), updates: 0, key: 0, update: r2.updateState };
-      var s = r2.props.apiKey;
-      if (s && s !== r2.builder.apiKey && !instancesMap.has(s)) {
+      })), i.state = { context: __assign(__assign({}, t22.context), { apiKey: i.props.apiKey || builder.apiKey }), state: Object.assign(i.rootState, __assign(__assign(__assign(__assign({}, i.inlinedContent && i.inlinedContent.data && i.inlinedContent.data.state), { isBrowser: Builder$1.isBrowser, isServer: !Builder$1.isBrowser, _hydrate: t22.hydrate, location: i.locationState, deviceSize: i.deviceSizeState, device: i.device }), i.getHtmlData()), t22.data)), updates: 0, key: 0, update: i.updateState };
+      var s = i.props.apiKey;
+      if (s && s !== i.builder.apiKey && !instancesMap.has(s)) {
         var l = new Builder$1(s, void 0, void 0, true);
         instancesMap.set(s, l);
       }
-      if (r2.inlinedContent) {
-        var u = r2.inlinedContent.content || r2.inlinedContent;
-        r2.onContentLoaded(null == u ? void 0 : u.data, getContentWithInfo(u));
+      if (i.inlinedContent) {
+        var u = i.inlinedContent.content || i.inlinedContent;
+        i.onContentLoaded(null == u ? void 0 : u.data, getContentWithInfo(u));
       }
-      return r2.registerCustomComponents(), r2;
+      return i.registerCustomComponents(), i;
     }
     return __extends(t2, e), Object.defineProperty(t2.prototype, "options", { get: function() {
       return __assign(__assign({}, t2.defaults), this.props);
@@ -49121,24 +49118,24 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       return __assign(__assign({}, pick(this.location, "pathname", "hostname", "search", "host")), { path: this.location.pathname && this.location.pathname.split("/").slice(1) || "", query: searchToObject$1(this.location) });
     }, enumerable: false, configurable: true }), Object.defineProperty(t2.prototype, "deviceSizeState", { get: function() {
       return Builder$1.isBrowser ? this.sizes.getSizeForWidth(window.innerWidth) : sizeMap[this.device] || "large";
-    }, enumerable: false, configurable: true }), t2.renderInto = function(e2, n, i, r2) {
-      if (void 0 === n && (n = {}), void 0 === i && (i = true), void 0 === r2 && (r2 = false), console.debug("BuilderPage.renderInto", e2, n, i, this), e2) {
+    }, enumerable: false, configurable: true }), t2.renderInto = function(e2, n, r2, i) {
+      if (void 0 === n && (n = {}), void 0 === r2 && (r2 = true), void 0 === i && (i = false), console.debug("BuilderPage.renderInto", e2, n, r2, this), e2) {
         var o = null;
         if ("string" == typeof e2 ? o = document.querySelector(e2) : e2 instanceof Element && (o = e2), o) {
           var a = o.classList.contains("builder-hydrated");
-          if (!a || r2) {
+          if (!a || i) {
             o.classList.add("builder-hydrated");
-            var s = i && o.innerHTML.includes("builder-block");
+            var s = r2 && o.innerHTML.includes("builder-block");
             if (!o.classList.contains("builder-component")) {
               var l = o.querySelector(".builder-api-styles") || (o.previousElementSibling && o.previousElementSibling.matches(".builder-api-styles") ? o.previousElementSibling : null), u = "";
               if (l) l.innerHTML.replace(/\/\*start:([^\*]+?)\*\/([\s\S]*?)\/\*end:([^\*]+?)\*\//g, function(e3, t22, n2) {
-                var i2 = null;
+                var r22 = null;
                 try {
-                  i2 = document.querySelector('[data-emotion-css="'.concat(t22, '"]'));
+                  r22 = document.querySelector('[data-emotion-css="'.concat(t22, '"]'));
                 } catch (e4) {
                   console.warn(e4);
                 }
-                return i2 ? i2.innerHTML = n2 : Builder$1.isEditing || (u += e3), e3;
+                return r22 ? r22.innerHTML = n2 : Builder$1.isEditing || (u += e3), e3;
               }), Builder$1.nextTick(function() {
                 l.innerHTML = u;
               });
@@ -49152,13 +49149,13 @@ Try polyfilling it using "@formatjs/intl-displaynames"
               o.insertAdjacentElement("beforebegin", p), p.appendChild(o), d = p;
             }
             if ((Builder$1.isEditing || Builder$1.isBrowser && location.search.includes("builder.preview=")) && (s = false), s && o) try {
-              var m = ReactDOM$1.render(React$1.createElement(t2, __assign({}, n)), d, d.builderRootRef);
-              return d.builderRootRef = m, m;
+              var f = ReactDOM$1.render(React$1.createElement(t2, __assign({}, n)), d, d.builderRootRef);
+              return d.builderRootRef = f, f;
             } catch (e3) {
               console.log(e3, n, o);
             }
-            var f = ReactDOM$1.render(React$1.createElement(t2, __assign({}, n)), d, d.builderRootRef);
-            return d.builderRootRef = f, f;
+            var m = ReactDOM$1.render(React$1.createElement(t2, __assign({}, n)), d, d.builderRootRef);
+            return d.builderRootRef = m, m;
           }
           console.debug("Tried to hydrate multiple times");
         }
@@ -49167,8 +49164,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       if (this.props.customComponents) for (var e2 = 0, t22 = this.props.customComponents; e2 < t22.length; e2++) {
         var n = t22[e2];
         if (n) {
-          var i = n.component, r2 = __rest(n, ["component"]);
-          Builder$1.registerComponent(i, r2);
+          var r2 = n.component, i = __rest(n, ["component"]);
+          Builder$1.registerComponent(r2, i);
         }
       }
     }, t2.prototype.componentDidMount = function() {
@@ -49192,11 +49189,11 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, Object.defineProperty(t2.prototype, "location", { get: function() {
       return this.props.location || (Builder$1.isBrowser ? location : {});
     }, enumerable: false, configurable: true }), t2.prototype.getCssFromFont = function(e2, t22) {
-      var n = e2.family + (e2.kind && !e2.kind.includes("#") ? ", " + e2.kind : ""), i = n.split(",")[0], r2 = e2.fileUrl ? e2.fileUrl : e2.files && e2.files.regular, o = "";
-      if (r2 && n && i && (o += '\n@font-face {\n  font-family: "'.concat(n, '";\n  src: local("').concat(i, `"), url('`).concat(r2, "') format('woff2');\n  font-display: fallback;\n  font-weight: 400;\n}\n        ").trim()), e2.files) for (var a in e2.files) {
+      var n = e2.family + (e2.kind && !e2.kind.includes("#") ? ", " + e2.kind : ""), r2 = n.split(",")[0], i = e2.fileUrl ? e2.fileUrl : e2.files && e2.files.regular, o = "";
+      if (i && n && r2 && (o += '\n@font-face {\n  font-family: "'.concat(n, '";\n  src: local("').concat(r2, `"), url('`).concat(i, "') format('woff2');\n  font-display: fallback;\n  font-weight: 400;\n}\n        ").trim()), e2.files) for (var a in e2.files) {
         if (String(Number(a)) === a) {
           var s = e2.files[a];
-          s && s !== r2 && (o += '\n@font-face {\n  font-family: "'.concat(n, `";
+          s && s !== i && (o += '\n@font-face {\n  font-family: "'.concat(n, `";
   src: url('`).concat(s, "') format('woff2');\n  font-display: fallback;\n  font-weight: ").concat(a, ";\n}\n          ").trim());
         }
       }
@@ -49210,17 +49207,17 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       }).join(" ") || "";
     }, t2.prototype.ensureFontsLoaded = function(e2) {
       if (this.builder.allowCustomFonts && (null == e2 ? void 0 : e2.customFonts) && Array.isArray(e2.customFonts)) for (var t22 = 0, n = e2.customFonts; t22 < n.length; t22++) {
-        var i = n[t22], r2 = i.fileUrl ? i.fileUrl : i.files && i.files.regular;
-        if (!fontsLoaded.has(r2)) {
-          var o = this.getCssFromFont(i, e2);
-          if (fontsLoaded.add(r2), !o) continue;
+        var r2 = n[t22], i = r2.fileUrl ? r2.fileUrl : r2.files && r2.files.regular;
+        if (!fontsLoaded.has(i)) {
+          var o = this.getCssFromFont(r2, e2);
+          if (fontsLoaded.add(i), !o) continue;
           var a = document.createElement("style");
-          a.className = "builder-custom-font", a.setAttribute("data-builder-custom-font", r2), a.innerHTML = o, document.head.appendChild(a);
+          a.className = "builder-custom-font", a.setAttribute("data-builder-custom-font", i), a.innerHTML = o, document.head.appendChild(a);
         }
       }
     }, t2.prototype.getCss = function(e2) {
-      var t22, n = null === (t22 = this.useContent) || void 0 === t22 ? void 0 : t22.id, i = (null == e2 ? void 0 : e2.cssCode) || "";
-      return n && (i = i.replace(/&/g, ".builder-component-".concat(n))), i + this.getFontCss(e2);
+      var t22, n = null === (t22 = this.useContent) || void 0 === t22 ? void 0 : t22.id, r2 = (null == e2 ? void 0 : e2.cssCode) || "";
+      return n && (r2 = r2.replace(/&/g, ".builder-component-".concat(n))), r2 + this.getFontCss(e2);
     }, Object.defineProperty(t2.prototype, "data", { get: function() {
       var e2, t22 = __assign(__assign(__assign({}, this.inlinedContent && (null === (e2 = this.inlinedContent.data) || void 0 === e2 ? void 0 : e2.state)), this.externalState), this.state.state);
       return Object.assign(this.rootState, t22), t22;
@@ -49244,8 +49241,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, enumerable: false, configurable: true }), Object.defineProperty(t2.prototype, "useContent", { get: function() {
       return this.content || this.state.context.builderContent;
     }, enumerable: false, configurable: true }), t2.prototype.render = function() {
-      var e2, t22 = this, n = this.content, i = Builder$1.isBrowser && this.externalState && size$1(this.externalState) && hash(this.externalState), r2 = this.name;
-      r2 && !Builder$1.isEditing && i && i.length < 300 && (r2 += ":" + i);
+      var e2, t22 = this, n = this.content, r2 = Builder$1.isBrowser && this.externalState && size$1(this.externalState) && hash(this.externalState), i = this.name;
+      i && !Builder$1.isEditing && r2 && r2.length < 300 && (i += ":" + r2);
       var o = this.props.dataOnly ? React$1.Fragment : "div", a = (null === (e2 = this.useContent) || void 0 === e2 ? void 0 : e2.id) || this.props.entry;
       return React$1.createElement(o, { onClick: function(e3) {
         !Builder$1.isEditing || t22.props.isChild || t22.props.stopClickPropagationWhenEditing || e3.stopPropagation();
@@ -49253,15 +49250,15 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         return t22.ref = e3;
       } }, React$1.createElement(BuilderMetaContext.Consumer, null, function(e3) {
         return React$1.createElement(BuilderMetaContext.Provider, { value: "boolean" == typeof t22.props.ampMode ? __assign(__assign({}, e3), { ampMode: t22.props.ampMode }) : e3 }, React$1.createElement(BuilderAsyncRequestsContext.Consumer, null, function(e4) {
-          var i2;
-          return t22._asyncRequests = e4 && e4.requests, t22._errors = e4 && e4.errors, t22._logs = e4 && e4.logs, React$1.createElement(BuilderContent, { isStatic: t22.props.isStatic || Builder$1.isStatic, key: (null === (i2 = t22.inlinedContent) || void 0 === i2 ? void 0 : i2.id) || ("content" in t22.props && !t22.isPreviewing ? "null-content-prop" : "no-content-prop"), builder: t22.builder, ref: function(e5) {
+          var r22;
+          return t22._asyncRequests = e4 && e4.requests, t22._errors = e4 && e4.errors, t22._logs = e4 && e4.logs, React$1.createElement(BuilderContent, { isStatic: t22.props.isStatic || Builder$1.isStatic, key: (null === (r22 = t22.inlinedContent) || void 0 === r22 ? void 0 : r22.id) || ("content" in t22.props && !t22.isPreviewing ? "null-content-prop" : "no-content-prop"), builder: t22.builder, ref: function(e5) {
             return t22.contentRef = e5;
           }, contentLoaded: function(e5, n2) {
             return t22.onContentLoaded(e5, n2);
-          }, options: __assign(__assign(__assign(__assign(__assign(__assign({ key: r2, entry: t22.props.entry }, n && { initialContent: [n] }), !n && "content" in t22.props && !t22.isPreviewing && { initialContent: [] }), t22.props.url && { url: t22.props.url }), t22.props.options), t22.props.locale ? { locale: t22.props.locale } : {}), t22.options.codegen && { format: "react" }), inline: t22.props.inlineContent || !t22.isPreviewing && "content" in t22.props, contentError: t22.props.contentError, modelName: t22.name || "page" }, function(e5, n2, i3) {
-            var r22;
+          }, options: __assign(__assign(__assign(__assign(__assign(__assign({ key: i, entry: t22.props.entry }, n && { initialContent: [n] }), !n && "content" in t22.props && !t22.isPreviewing && { initialContent: [] }), t22.props.url && { url: t22.props.url }), t22.props.options), t22.props.locale ? { locale: t22.props.locale } : {}), t22.options.codegen && { format: "react" }), inline: t22.props.inlineContent || !t22.isPreviewing && "content" in t22.props, contentError: t22.props.contentError, modelName: t22.name || "page" }, function(e5, n2, r3) {
+            var i2;
             if (t22.props.dataOnly) return null;
-            i3 && i3.id && (t22.state.breakpoints && (i3.meta = i3.meta || {}, i3.meta.breakpoints = t22.state.breakpoints), t22.state.context.builderContent = i3), Builder$1.isBrowser && Builder$1.nextTick(function() {
+            r3 && r3.id && (t22.state.breakpoints && (r3.meta = r3.meta || {}, r3.meta.breakpoints = t22.state.breakpoints), t22.state.context.builderContent = r3), Builder$1.isBrowser && Builder$1.nextTick(function() {
               t22.checkStyles(e5);
             });
             var o2 = t22.options.codegen;
@@ -49288,30 +49285,27 @@ Try polyfilling it using "@formatjs/intl-displaynames"
                 })[0];
               }], c, false));
             }
-            var d = (null == e5 ? void 0 : e5.blocks) || [], p = d.find(function(e6) {
-              var t3;
-              return null === (t3 = e6.id) || void 0 === t3 ? void 0 : t3.startsWith("builder-pixel");
-            });
-            return e5 && !p && d.length > 0 && d.push(getBuilderPixel(builder.apiKey)), e5 ? React$1.createElement("div", __assign({ "data-builder-component": t22.name, "data-builder-content-id": i3.id }, t22.isPreviewing ? { "data-builder-variation-id": i3.testVariationId || i3.variationId || i3.id } : {}), !o2 && t22.getCss(e5) && React$1.createElement("style", { ref: function(e6) {
+            var d = (null == e5 ? void 0 : e5.blocks) || [];
+            return e5 ? React$1.createElement("div", __assign({ "data-builder-component": t22.name, "data-builder-content-id": r3.id }, t22.isPreviewing ? { "data-builder-variation-id": r3.testVariationId || r3.variationId || r3.id } : {}), !o2 && t22.getCss(e5) && React$1.createElement("style", { ref: function(e6) {
               return t22.styleRef = e6;
-            }, className: "builder-custom-styles", dangerouslySetInnerHTML: { __html: t22.getCss(e5) } }), React$1.createElement(BuilderStoreContext.Provider, { value: __assign(__assign({}, t22.state), { rootState: t22.rootState, state: t22.data, content: i3, renderLink: t22.props.renderLink }) }, o2 && t22.Component ? React$1.createElement(t22.Component, { data: t22.data, context: t22.state.context }) : React$1.createElement(BuilderBlocks, { key: String(!!(null === (r22 = null == e5 ? void 0 : e5.blocks) || void 0 === r22 ? void 0 : r22.length)), emailMode: t22.props.emailMode, fieldName: "blocks", blocks: d }))) : n2 ? React$1.createElement("div", { "data-builder-component": t22.name, className: "builder-loading" }, t22.props.children) : React$1.createElement("div", { "data-builder-component": t22.name, className: "builder-no-content" });
+            }, className: "builder-custom-styles", dangerouslySetInnerHTML: { __html: t22.getCss(e5) } }), React$1.createElement(BuilderStoreContext.Provider, { value: __assign(__assign({}, t22.state), { rootState: t22.rootState, state: t22.data, content: r3, renderLink: t22.props.renderLink }) }, o2 && t22.Component ? React$1.createElement(t22.Component, { data: t22.data, context: t22.state.context }) : React$1.createElement(BuilderBlocks, { key: String(!!(null === (i2 = null == e5 ? void 0 : e5.blocks) || void 0 === i2 ? void 0 : i2.length)), emailMode: t22.props.emailMode, fieldName: "blocks", blocks: d }))) : n2 ? React$1.createElement("div", { "data-builder-component": t22.name, className: "builder-loading" }, t22.props.children) : React$1.createElement("div", { "data-builder-component": t22.name, className: "builder-no-content" });
           });
         }));
       }));
     }, t2.prototype.evalExpression = function(e2) {
       var t22 = this, n = this.data;
-      return String(e2).replace(/{{([^}]+)}}/g, function(e3, i) {
-        return tryEval(i, n, t22._errors);
+      return String(e2).replace(/{{([^}]+)}}/g, function(e3, r2) {
+        return tryEval(r2, n, t22._errors);
       });
     }, t2.prototype.handleRequest = function(e2, t22) {
       return __awaiter(this, void 0, void 0, function() {
-        var n, i, r2, o, a = this;
+        var n, r2, i, o, a = this;
         return __generator(this, function(s) {
           return Builder$1.isIframe && fetchCache[t22] ? (this.updateState(function(n2) {
             n2[e2] = fetchCache[t22];
           }), [2, fetchCache[t22]]) : (n = function() {
             return __awaiter(a, void 0, void 0, function() {
-              var n2, i2, r22, o2;
+              var n2, r22, i2, o2;
               return __generator(this, function(a2) {
                 switch (a2.label) {
                   case 0:
@@ -49321,25 +49315,25 @@ Try polyfilling it using "@formatjs/intl-displaynames"
                   case 2:
                     return [4, a2.sent().json()];
                   case 3:
-                    return i2 = a2.sent(), [3, 6];
+                    return r22 = a2.sent(), [3, 6];
                   case 4:
-                    return r22 = a2.sent(), o2 = toError(r22), this._errors && this._errors.push(o2), this._logs && this._logs.push("Fetch to ".concat(t22, " errored in ").concat(Date.now() - n2, "ms")), [2];
+                    return i2 = a2.sent(), o2 = toError(i2), this._errors && this._errors.push(o2), this._logs && this._logs.push("Fetch to ".concat(t22, " errored in ").concat(Date.now() - n2, "ms")), [2];
                   case 5:
                     return Builder$1.isBrowser || (console.timeEnd("Fetch " + t22), this._logs && this._logs.push("Fetched ".concat(t22, " in ").concat(Date.now() - n2, "ms"))), [7];
                   case 6:
-                    return i2 && (Builder$1.isIframe && (fetchCache[t22] = i2), this.updateState(function(t3) {
-                      t3[e2] = i2;
-                    })), [2, i2];
+                    return r22 && (Builder$1.isIframe && (fetchCache[t22] = r22), this.updateState(function(t3) {
+                      t3[e2] = r22;
+                    })), [2, r22];
                 }
               });
             });
-          }, (i = this._asyncRequests && this._asyncRequests.find(function(e3) {
+          }, (r2 = this._asyncRequests && this._asyncRequests.find(function(e3) {
             return isRequestInfo(e3) && e3.url === t22;
-          })) ? ((r2 = i.promise).then(function(t3) {
+          })) ? ((i = r2.promise).then(function(t3) {
             t3 && a.updateState(function(n2) {
               n2[e2] = t3;
             });
-          }), [2, r2]) : (o = n(), Builder$1.nextTick(function() {
+          }), [2, i]) : (o = n(), Builder$1.nextTick(function() {
             a._asyncRequests && a._asyncRequests.push(o);
           }), [2, o]));
         });
@@ -49347,8 +49341,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, t2.prototype.unsubscribe = function() {
       this.subscriptions && (this.subscriptions.unsubscribe(), this.subscriptions = new Subscription());
     }, t2.prototype.handleBuilderRequest = function(e2, t22) {
-      var n = this, i = tryEval(t22, this.data, this._errors);
-      this.subscriptions && this.unsubscribe(), i && this.subscriptions.add(this.builder.queueGetContent(i.model, i).subscribe(function(t3) {
+      var n = this, r2 = tryEval(t22, this.data, this._errors);
+      this.subscriptions && this.unsubscribe(), r2 && this.subscriptions.add(this.builder.queueGetContent(r2.model, r2).subscribe(function(t3) {
         t3 && n.updateState(function(n2) {
           n2[e2] = t3;
         });
@@ -49365,9 +49359,9 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     return Boolean("object" == typeof e && e && "@builder.io/sdk:Element" === (null == e ? void 0 : e["@type"]));
   }, withChildren = function(e) {
     var t2 = React$1.forwardRef(function(t22, n) {
-      var i, r2, o = __assign({}, t22), a = t22.children || t22.builderBlock && t22.builderBlock.children && t22.builderBlock.children.map(function(e2) {
+      var r2, i, o = __assign({}, t22), a = t22.children || t22.builderBlock && t22.builderBlock.children && t22.builderBlock.children.map(function(e2) {
         return React$1.createElement(BuilderBlock$1, { key: e2.id, block: e2 });
-      }), s = null === (r2 = null === (i = t22.builderBlock) || void 0 === i ? void 0 : i.component) || void 0 === r2 ? void 0 : r2.options;
+      }), s = null === (i = null === (r2 = t22.builderBlock) || void 0 === r2 ? void 0 : r2.component) || void 0 === i ? void 0 : i.options;
       return s && Object.keys(s).forEach(function(e2) {
         var t3 = s[e2];
         Array.isArray(t3) && t3.every(isBuilderElement) ? o[e2] = t3.map(function(e3) {
@@ -49383,37 +49377,37 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     return e.registerRemoteAssets = function(e2, t22) {
       return __awaiter(this, void 0, void 0, function() {
         var n = this;
-        return __generator(this, function(i) {
-          switch (i.label) {
+        return __generator(this, function(r2) {
+          switch (r2.label) {
             case 0:
               if (this.loadPromise) return [2, this.loadPromise];
               this.unpkgUrl = t22, this.loadPromise = __awaiter(n, void 0, void 0, function() {
-                var t3, n2, i2, r2, o, a, s, l, u, c, d, p;
-                return __generator(this, function(m) {
-                  switch (m.label) {
+                var t3, n2, r22, i, o, a, s, l, u, c, d, p;
+                return __generator(this, function(f) {
+                  switch (f.label) {
                     case 0:
-                      m.trys.push([0, 14, 15, 20]), t3 = true, n2 = __asyncValues(e2), m.label = 1;
+                      f.trys.push([0, 14, 15, 20]), t3 = true, n2 = __asyncValues(e2), f.label = 1;
                     case 1:
                       return [4, n2.next()];
                     case 2:
-                      if (i2 = m.sent(), u = i2.done) return [3, 13];
-                      p = i2.value, t3 = false, m.label = 3;
+                      if (r22 = f.sent(), u = r22.done) return [3, 13];
+                      p = r22.value, t3 = false, f.label = 3;
                     case 3:
-                      if (m.trys.push([3, , 11, 12]), r2 = (r2 = p).replace("https://unpkg.com", this.unpkgUrl), this.remoteAssets[r2]) return console.log("已经在加载: ".concat(r2)), [3, 12];
-                      this.remoteAssets[r2] = "loading", m.label = 4;
+                      if (f.trys.push([3, , 11, 12]), i = (i = p).replace("https://unpkg.com", this.unpkgUrl), this.remoteAssets[i]) return console.log("已经在加载: ".concat(i)), [3, 12];
+                      this.remoteAssets[i] = "loading", f.label = 4;
                     case 4:
-                      return m.trys.push([4, 8, 9, 10]), [4, fetch(r2, { mode: "cors" })];
+                      return f.trys.push([4, 8, 9, 10]), [4, fetch(i, { mode: "cors" })];
                     case 5:
-                      if (!(o = m.sent()).ok) throw new Error("无法获取资产: ".concat(o.statusText));
+                      if (!(o = f.sent()).ok) throw new Error("无法获取资产: ".concat(o.statusText));
                       return [4, o.json()];
                     case 6:
-                      return a = m.sent(), [4, this.registerAssets(a)];
+                      return a = f.sent(), [4, this.registerAssets(a)];
                     case 7:
-                      return m.sent(), console.log("资产已加载: ".concat(r2)), [3, 10];
+                      return f.sent(), console.log("资产已加载: ".concat(i)), [3, 10];
                     case 8:
-                      return s = m.sent(), console.error("从 ".concat(r2, " 加载资产时出错:"), s), [3, 10];
+                      return s = f.sent(), console.error("从 ".concat(i, " 加载资产时出错:"), s), [3, 10];
                     case 9:
-                      return this.remoteAssets[r2] = "loaded", [7];
+                      return this.remoteAssets[i] = "loaded", [7];
                     case 10:
                       return [3, 12];
                     case 11:
@@ -49423,11 +49417,11 @@ Try polyfilling it using "@formatjs/intl-displaynames"
                     case 13:
                       return [3, 20];
                     case 14:
-                      return l = m.sent(), c = { error: l }, [3, 20];
+                      return l = f.sent(), c = { error: l }, [3, 20];
                     case 15:
-                      return m.trys.push([15, , 18, 19]), t3 || u || !(d = n2.return) ? [3, 17] : [4, d.call(n2)];
+                      return f.trys.push([15, , 18, 19]), t3 || u || !(d = n2.return) ? [3, 17] : [4, d.call(n2)];
                     case 16:
-                      m.sent(), m.label = 17;
+                      f.sent(), f.label = 17;
                     case 17:
                       return [3, 19];
                     case 18:
@@ -49439,11 +49433,11 @@ Try polyfilling it using "@formatjs/intl-displaynames"
                       return [2];
                   }
                 });
-              }), i.label = 1;
+              }), r2.label = 1;
             case 1:
-              return i.trys.push([1, , 3, 4]), [4, this.loadPromise];
+              return r2.trys.push([1, , 3, 4]), [4, this.loadPromise];
             case 2:
-              return i.sent(), [3, 4];
+              return r2.sent(), [3, 4];
             case 3:
               return this.loadPromise = null, [7];
             case 4:
@@ -49453,14 +49447,14 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       });
     }, e.registerAssets = function(e2) {
       return __awaiter(this, void 0, void 0, function() {
-        var t22, n, i, r2, o, a, s, l, u, c, d;
+        var t22, n, r2, i, o, a, s, l, u, c, d;
         return __generator(this, function(p) {
           switch (p.label) {
             case 0:
-              t22 = e2.packages, n = e2.components, i = 0, r2 = t22 || [], p.label = 1;
+              t22 = e2.packages, n = e2.components, r2 = 0, i = t22 || [], p.label = 1;
             case 1:
-              if (!(i < r2.length)) return [3, 8];
-              if (!(o = r2[i]).urls || !o.library) return [3, 7];
+              if (!(r2 < i.length)) return [3, 8];
+              if (!(o = i[r2]).urls || !o.library) return [3, 7];
               a = 0, s = o.urls, p.label = 2;
             case 2:
               return a < s.length ? (l = s[a]).endsWith(".js") ? [4, this.injectScript(l)] : [3, 4] : [3, 6];
@@ -49473,7 +49467,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
             case 6:
               this.packages[o.package] = o, p.label = 7;
             case 7:
-              return i++, [3, 1];
+              return r2++, [3, 1];
             case 8:
               u = 0, c = n || [], p.label = 9;
             case 9:
@@ -49489,13 +49483,13 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       });
     }, e.injectScript = function(e2) {
       var t22 = this;
-      return new Promise(function(n, i) {
-        var r2 = document.createElement("script");
-        r2.src = e2.replace("https://unpkg.com", t22.unpkgUrl), r2.async = true, r2.onload = function() {
+      return new Promise(function(n, r2) {
+        var i = document.createElement("script");
+        i.src = e2.replace("https://unpkg.com", t22.unpkgUrl), i.async = true, i.onload = function() {
           return n();
-        }, r2.onerror = function() {
-          return i(new Error("Failed to load script: ".concat(e2)));
-        }, document.head.appendChild(r2);
+        }, i.onerror = function() {
+          return r2(new Error("Failed to load script: ".concat(e2)));
+        }, document.head.appendChild(i);
       });
     }, e.injectCSS = function(e2) {
       var t22 = document.createElement("link");
@@ -49503,11 +49497,11 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, t2 = e, e.remoteAssets = {}, e.packages = {}, e.loadPromise = null, e.registerMeta = function(e2) {
       e2.components && e2.components.forEach(function(e3, n) {
         return __awaiter(void 0, void 0, void 0, function() {
-          var n2, i, r2, o, a, s;
+          var n2, r2, i, o, a, s;
           return __generator(t2, function(t22) {
-            return (null === (o = e3.npm) || void 0 === o ? void 0 : o.package) && (null === (a = e3.npm) || void 0 === a ? void 0 : a.exportName) && (n2 = null === (s = this.packages[e3.npm.package]) || void 0 === s ? void 0 : s.library) && ((i = window[n2]) && i[e3.npm.exportName] ? (r2 = i[e3.npm.exportName], Builder$1.components.find(function(t3) {
+            return (null === (o = e3.npm) || void 0 === o ? void 0 : o.package) && (null === (a = e3.npm) || void 0 === a ? void 0 : a.exportName) && (n2 = null === (s = this.packages[e3.npm.package]) || void 0 === s ? void 0 : s.library) && ((r2 = window[n2]) && r2[e3.npm.exportName] ? (i = r2[e3.npm.exportName], Builder$1.components.find(function(t3) {
               return t3.name === e3.componentName;
-            }) || Builder$1.registerComponent(r2, { name: e3.componentName, meta: e3 })) : console.error("Component ".concat(e3.npm.exportName, " not found in package ").concat(e3.npm.package))), [2];
+            }) || Builder$1.registerComponent(i, { name: e3.componentName, meta: e3 })) : console.error("Component ".concat(e3.npm.exportName, " not found in package ").concat(e3.npm.package))), [2];
           });
         });
       });
@@ -49543,11 +49537,11 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       });
     }, t2.prototype.loadAssets = function() {
       return __awaiter(this, void 0, void 0, function() {
-        var e2, t22, n, i, r2;
+        var e2, t22, n, r2, i;
         return __generator(this, function(o) {
           switch (o.label) {
             case 0:
-              return e2 = this.props, t22 = e2.urls, n = void 0 === t22 ? Builder$1.settings.assetUrls || [] : t22, i = e2.unpkgUrl, r2 = void 0 === i ? Builder$1.settings.unpkgUrl || "https://unpkg.com" : i, [4, AssetsLoaderClass.registerRemoteAssets(n, r2)];
+              return e2 = this.props, t22 = e2.urls, n = void 0 === t22 ? Builder$1.settings.assetUrls || [] : t22, r2 = e2.unpkgUrl, i = void 0 === r2 ? Builder$1.settings.unpkgUrl || "https://unpkg.com" : r2, [4, AssetsLoaderClass.registerRemoteAssets(n, i)];
             case 1:
               return o.sent(), this.setState({ assetsLoaded: true }), [2];
           }
@@ -49565,14 +49559,14 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       return n.loadSchema = function() {
         return __awaiter(n, void 0, void 0, function() {
           var e2, t3, n2;
-          return __generator(this, function(i) {
-            switch (i.label) {
+          return __generator(this, function(r2) {
+            switch (r2.label) {
               case 0:
                 return e2 = this.props.schema, (t3 = this.props).defaultData && (t3.data = Object.assign({}, t3.data, this.props.defaultData)), "function" != typeof e2 ? [3, 2] : [4, e2(t3)];
               case 1:
-                return n2 = i.sent(), console.log("AmisRenderer loadSchema result", n2), this.setState({ schema: n2 }), [3, 3];
+                return n2 = r2.sent(), this.setState({ schema: n2 }), [3, 3];
               case 2:
-                console.log("AmisRenderer loadSchema schema", e2), this.setState({ schema: e2 }), i.label = 3;
+                this.setState({ schema: e2 }), r2.label = 3;
               case 3:
                 return [2];
             }
@@ -49596,7 +49590,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         return __generator(this, function(t22) {
           switch (t22.label) {
             case 0:
-              return JSON.stringify(e2.$schema) === JSON.stringify(this.props.$schema) ? [3, 2] : (console.log("AmisRenderer componentDidUpdate schema"), [4, this.loadSchema()]);
+              return JSON.stringify(e2.$schema) === JSON.stringify(this.props.$schema) ? [3, 2] : [4, this.loadSchema()];
             case 1:
               return t22.sent(), [3, 3];
             case 2:
@@ -49607,7 +49601,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         });
       });
     }, t2.prototype.render = function() {
-      return this.state.schema ? (console.log("AmisRenderer render", this.state.schema), React$1.createElement(React$1.Fragment, null, this.props.render("body", this.state.schema))) : React$1.createElement("div", { className: "loading" });
+      return this.state.schema ? React$1.createElement(React$1.Fragment, null, this.props.render("body", this.state.schema)) : React$1.createElement("div", { className: "loading" });
     }, t2;
   }(React$1.Component), AmisComponent = function(e) {
     function t2(t22) {
@@ -49619,23 +49613,23 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, t2.prototype.registerComponents = function() {
       var e2 = this;
       Builder$1.components.forEach(function(t22) {
-        var n = t22.class, i = t22.meta;
-        n && i && i.amis && i.amis.render && !i.amis.isRegisterd && ("amisSchema" === i.componentType && (n = function(e3) {
+        var n = t22.class, r2 = t22.meta;
+        n && r2 && r2.amis && r2.amis.render && !r2.amis.isRegisterd && ("amisSchema" === r2.componentType && (n = function(e3) {
           return React$1.createElement(AmisRenderer, __assign({}, e3, { schema: t22.class }));
-        }), e2.amisLib.Renderer(__assign({ autoVar: true }, i.amis.render))(n), i.amis.isRegisterd = true);
+        }), e2.amisLib.Renderer(__assign({ autoVar: true }, r2.amis.render))(n), r2.amis.isRegisterd = true);
       });
     }, t2.prototype.componentDidMount = function() {
       return __awaiter(this, void 0, void 0, function() {
-        var e2, t22, n, i, r2 = this;
+        var e2, t22, n, r2, i = this;
         return __generator(this, function(o) {
           switch (o.label) {
             case 0:
               return Builder$1.isServer ? [2] : (this.amis = Builder$1.isBrowser && window.amisRequire && window.amisRequire("amis/embed"), this.amisLib = window.amisRequire && window.amisRequire("amis"), this.amis ? [4, this.registerComponents()] : (console.error("Amis is not loaded"), [2]));
             case 1:
-              return o.sent(), e2 = this.props.builderState, t22 = e2.context, n = __assign(__assign(__assign({}, e2.state), this.props.data), { _scoped: this._scoped }), i = __assign(__assign(__assign({ theme: "antd", requestAdaptor: function(e3) {
+              return o.sent(), e2 = this.props.builderState, t22 = e2.context, n = __assign(__assign(__assign({}, e2.state), this.props.data), { _scoped: this._scoped }), r2 = __assign(__assign(__assign({ theme: "antd", requestAdaptor: function(e3) {
                 return 1 != e3.allowCredentials && (e3.withCredentials = false, delete e3.allowCredentials), e3;
-              } }, Builder$1.settings.env), t22.env), this.props.env), console.log("render amis", this.props, n, i), this.amisScoped = this.amis.embed(this.ref.current, this.props.schema, { data: n }, i, function() {
-                console.log("this.amisScoped", r2.amisScoped), Object.assign(r2._scoped, r2.amisScoped);
+              } }, Builder$1.settings.env), t22.env), this.props.env), this.amisScoped = this.amis.embed(this.ref.current, this.props.schema, { data: n }, r2, function() {
+                Object.assign(i._scoped, i.amisScoped);
               }), [2];
           }
         });
@@ -49643,8 +49637,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, t2.prototype.componentDidUpdate = function(e2) {
       return __awaiter(this, void 0, void 0, function() {
         return __generator(this, function(t22) {
-          return JSON.stringify(e2.schema) !== JSON.stringify(this.props.schema) ? (console.log("Amis componentDidUpdate schema", this.props.schema), this.amisScoped.updateSchema(this.props.schema)) : JSON.stringify(e2.data) !== JSON.stringify(this.props.data) && (console.log("Amis componentDidUpdate data", this.props.data), this.amisScoped.updateProps({ data: this.props.data }, function() {
-          })), [2];
+          return JSON.stringify(e2.schema) !== JSON.stringify(this.props.schema) ? this.amisScoped.updateSchema(this.props.schema) : JSON.stringify(e2.data) !== JSON.stringify(this.props.data) && this.amisScoped.updateProps({ data: this.props.data }, function() {
+          }), [2];
         });
       });
     }, t2.prototype.render = function() {
@@ -49668,8 +49662,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, enumerable: false, configurable: true }), t2.prototype.render = function() {
       var e2 = this, t22 = { outline: "none", "& p:first-of-type, & .builder-paragraph:first-of-type": { margin: 0 }, "& > p, & .builder-paragraph": { color: "inherit", lineHeight: "inherit", letterSpacing: "inherit", fontWeight: "inherit", fontSize: "inherit", textAlign: "inherit", fontFamily: "inherit" } };
       return jsx(BuilderStoreContext.Consumer, null, function(n) {
-        var i;
-        return (null === (i = n.content.meta) || void 0 === i ? void 0 : i.rtlMode) && (t22.direction = "rtl"), jsx(React$1.Fragment, null, jsx("span", __assign({ ref: function(t3) {
+        var r2;
+        return (null === (r2 = n.content.meta) || void 0 === r2 ? void 0 : r2.rtlMode) && (t22.direction = "rtl"), jsx(React$1.Fragment, null, jsx("span", __assign({ ref: function(t3) {
           e2.textRef = t3;
         }, css: t22, className: "builder-text" }, { dangerouslySetInnerHTML: { __html: e2.evalExpression(e2.props.text || e2.props.content || "", n.state) } })));
       });
@@ -49677,8 +49671,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   }(React$1.Component);
   withBuilder(TextComponent, { name: "Text", static: true, image: iconUrl, inputs: [{ name: "text", type: "html", required: true, autoFocus: true, bubble: true, defaultValue: "Enter some text..." }], defaultStyles: { lineHeight: "normal", height: "auto", textAlign: "center" } });
   function Slot(e) {
-    var t2 = e.name, n = reactExports.useContext(BuilderStoreContext), i = !n.context.symbolId;
-    return jsx("div", __assign({ css: { pointerEvents: "auto" } }, i && { "builder-slot": t2 }), jsx(BuilderBlocks, { child: true, parentElementId: n.context.symbolId, dataPath: "symbol.data.".concat(t2), blocks: n.state[t2] || [] }));
+    var t2 = e.name, n = reactExports.useContext(BuilderStoreContext), r2 = !n.context.symbolId;
+    return jsx("div", __assign({ css: { pointerEvents: "auto" } }, r2 && { "builder-slot": t2 }), jsx(BuilderBlocks, { child: true, parentElementId: n.context.symbolId, dataPath: "symbol.data.".concat(t2), blocks: n.state[t2] || [] }));
   }
   Builder$1.registerComponent(Slot, { name: "Slot", 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: true, defaultValue: "children" }] });
   var FragmentComponent = function(e) {
@@ -49703,13 +49697,13 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, enumerable: false, configurable: true }), t2.prototype.getWidth = function(e2) {
       return this.columns[e2] && this.columns[e2].width || 100 / this.columns.length;
     }, t2.prototype.getColumnWidth = function(e2) {
-      var t22 = this.columns, n = this.gutterSize, i = this.getWidth(e2), r2 = n * (t22.length - 1) * (i / 100);
-      return "calc(".concat(i, "% - ").concat(r2, "px)");
+      var t22 = this.columns, n = this.gutterSize, r2 = this.getWidth(e2), i = n * (t22.length - 1) * (r2 / 100);
+      return "calc(".concat(r2, "% - ").concat(i, "px)");
     }, t2.prototype.render = function() {
-      var e2, t22, n, i, r2 = this, o = this.columns, a = this.gutterSize, s = (null === (i = null === (n = null === (t22 = this.props.builderState) || void 0 === t22 ? void 0 : t22.context.builderContent) || void 0 === n ? void 0 : n.meta) || void 0 === i ? void 0 : i.breakpoints) || {}, l = getSizesForBreakpoints(s);
+      var e2, t22, n, r2, i = this, o = this.columns, a = this.gutterSize, s = (null === (r2 = null === (n = null === (t22 = this.props.builderState) || void 0 === t22 ? void 0 : t22.context.builderContent) || void 0 === n ? void 0 : n.meta) || void 0 === r2 ? void 0 : r2.breakpoints) || {}, l = getSizesForBreakpoints(s);
       return jsx(React$1.Fragment, null, jsx("div", { className: "builder-columns", css: __assign({ display: "flex" }, "never" !== this.props.stackColumnsAt && (e2 = {}, e2["@media (max-width: ".concat("tablet" !== this.props.stackColumnsAt ? l.small.max : l.medium.max, "px)")] = { flexDirection: this.props.reverseColumnsWhenStacked ? "column-reverse" : "column", alignItems: "stretch" }, e2)) }, o.map(function(e3, t3) {
-        var n2, i2, o2 = e3.link ? Link : "div";
-        return jsx(React$1.Fragment, { key: t3 }, jsx(o2, __assign({ className: "builder-column" }, e3.link ? { href: e3.link } : null, { css: __assign((n2 = { display: "flex", flexDirection: "column", alignItems: "stretch", lineHeight: "normal" }, n2["& > .builder-blocks"] = { flexGrow: 1 }, n2.width = r2.getColumnWidth(t3), n2.marginLeft = 0 === t3 ? 0 : a, n2), "never" !== r2.props.stackColumnsAt && (i2 = {}, i2["@media (max-width: ".concat("tablet" !== r2.props.stackColumnsAt ? l.small.max : l.medium.max, "px)")] = { width: "100%", marginLeft: 0 }, i2)) }), jsx(BuilderBlocks, { key: t3, child: true, parentElementId: r2.props.builderBlock && r2.props.builderBlock.id, blocks: e3.blocks, dataPath: "component.options.columns.".concat(t3, ".blocks") })));
+        var n2, r22, o2 = e3.link ? Link : "div";
+        return jsx(React$1.Fragment, { key: t3 }, jsx(o2, __assign({ className: "builder-column" }, e3.link ? { href: e3.link } : null, { css: __assign((n2 = { display: "flex", flexDirection: "column", alignItems: "stretch", lineHeight: "normal" }, n2["& > .builder-blocks"] = { flexGrow: 1 }, n2.width = i.getColumnWidth(t3), n2.marginLeft = 0 === t3 ? 0 : a, n2), "never" !== i.props.stackColumnsAt && (r22 = {}, r22["@media (max-width: ".concat("tablet" !== i.props.stackColumnsAt ? l.small.max : l.medium.max, "px)")] = { width: "100%", marginLeft: 0 }, r22)) }), jsx(BuilderBlocks, { key: t3, child: true, parentElementId: i.props.builderBlock && i.props.builderBlock.id, blocks: e3.blocks, dataPath: "component.options.columns.".concat(t3, ".blocks") })));
       })));
     }, t2;
   }(React$1.Component);
@@ -49745,8 +49739,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         if (n.src) {
           if (this.scriptsInserted.has(n.src)) continue;
           this.scriptsInserted.add(n.src);
-          var i = document.createElement("script");
-          i.async = true, i.src = n.src, document.head.appendChild(i);
+          var r2 = document.createElement("script");
+          r2.async = true, r2.src = n.src, document.head.appendChild(r2);
         } else {
           if (this.scriptsRun.has(n.innerText)) continue;
           this.scriptsRun.add(n.innerText);
@@ -49785,23 +49779,23 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   }
   var CustomCodeComponent = function(e) {
     function t2(t22) {
-      var n, i = this;
-      if ((i = e.call(this, t22) || this).elementRef = null, i.originalRef = null, i.scriptsInserted = /* @__PURE__ */ new Set(), i.scriptsRun = /* @__PURE__ */ new Set(), i.firstLoad = true, i.replaceNodes = false, i.state = { hydrated: false }, Builder$1.isBrowser) {
-        var r2 = null === (n = i.props.builderBlock) || void 0 === n ? void 0 : n.id;
-        if (i.replaceNodes = Boolean(Builder$1.isBrowser && (t22.replaceNodes || isShopify$1) && r2 && (null == globalReplaceNodes ? void 0 : globalReplaceNodes[r2])), i.firstLoad && i.props.builderBlock) {
-          if (r2 && (null == globalReplaceNodes ? void 0 : globalReplaceNodes[r2])) {
-            var o = globalReplaceNodes[r2].shift() || null;
-            i.originalRef = o, 0 === globalReplaceNodes[r2].length && delete globalReplaceNodes[r2];
-          } else if (i.replaceNodes) {
-            var a = document.querySelectorAll(".".concat(i.props.builderBlock.id, " .builder-custom-code"));
+      var n, r2 = this;
+      if ((r2 = e.call(this, t22) || this).elementRef = null, r2.originalRef = null, r2.scriptsInserted = /* @__PURE__ */ new Set(), r2.scriptsRun = /* @__PURE__ */ new Set(), r2.firstLoad = true, r2.replaceNodes = false, r2.state = { hydrated: false }, Builder$1.isBrowser) {
+        var i = null === (n = r2.props.builderBlock) || void 0 === n ? void 0 : n.id;
+        if (r2.replaceNodes = Boolean(Builder$1.isBrowser && (t22.replaceNodes || isShopify$1) && i && (null == globalReplaceNodes ? void 0 : globalReplaceNodes[i])), r2.firstLoad && r2.props.builderBlock) {
+          if (i && (null == globalReplaceNodes ? void 0 : globalReplaceNodes[i])) {
+            var o = globalReplaceNodes[i].shift() || null;
+            r2.originalRef = o, 0 === globalReplaceNodes[i].length && delete globalReplaceNodes[i];
+          } else if (r2.replaceNodes) {
+            var a = document.querySelectorAll(".".concat(r2.props.builderBlock.id, " .builder-custom-code"));
             if (1 === a.length) {
               var s = a[0];
-              i.originalRef = s, i.originalRef.remove();
+              r2.originalRef = s, r2.originalRef.remove();
             }
           }
         }
       }
-      return i;
+      return r2;
     }
     return __extends(t2, e), t2.prototype.shouldComponentUpdate = function(e2) {
       return e2.code !== this.props.code;
@@ -49823,8 +49817,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         if (n.src) {
           if (this.scriptsInserted.has(n.src)) continue;
           this.scriptsInserted.add(n.src);
-          var i = document.createElement("script");
-          i.async = true, i.src = n.src, document.head.appendChild(i);
+          var r2 = document.createElement("script");
+          r2.async = true, r2.src = n.src, document.head.appendChild(r2);
         } else if (!n.type || ["text/javascript", "application/javascript", "application/ecmascript"].includes(n.type)) {
           if (this.scriptsRun.has(n.innerText)) continue;
           try {
@@ -49857,24 +49851,24 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     if ("master" === t2) return removeProtocol(e);
     var n = e.match(/(_\d+x(\d+)?)?(\.(jpg|jpeg|gif|png|bmp|bitmap|tiff|tif)(\?v=\d+)?)/i);
     if (n) {
-      var i = e.split(n[0]), r2 = n[3], o = t2.match("x") ? t2 : "".concat(t2, "x");
-      return removeProtocol("".concat(i[0], "_").concat(o).concat(r2));
+      var r2 = e.split(n[0]), i = n[3], o = t2.match("x") ? t2 : "".concat(t2, "x");
+      return removeProtocol("".concat(r2[0], "_").concat(o).concat(i));
     }
     return null;
   }
   var DEFAULT_ASPECT_RATIO$1 = 0.7041;
   function updateQueryParam(e, t2, n) {
     void 0 === e && (e = "");
-    var i = new RegExp("([?&])" + t2 + "=.*?(&|$)", "i"), r2 = -1 !== e.indexOf("?") ? "&" : "?";
-    return e.match(i) ? e.replace(i, "$1" + t2 + "=" + encodeURIComponent(n) + "$2") : e + r2 + t2 + "=" + encodeURIComponent(n);
+    var r2 = new RegExp("([?&])" + t2 + "=.*?(&|$)", "i"), i = -1 !== e.indexOf("?") ? "&" : "?";
+    return e.match(r2) ? e.replace(r2, "$1" + t2 + "=" + encodeURIComponent(n) + "$2") : e + i + t2 + "=" + encodeURIComponent(n);
   }
   function getSrcSet(e) {
     if (!e) return e;
     var t2 = [100, 200, 400, 800, 1200, 1600, 2e3];
     if (e.match(/builder\.io/)) {
-      var n = e, i = Number(e.split("?width=")[1]);
-      return isNaN(i) || (n = "".concat(n, " ").concat(i, "w")), t2.filter(function(e2) {
-        return e2 !== i;
+      var n = e, r2 = Number(e.split("?width=")[1]);
+      return isNaN(r2) || (n = "".concat(n, " ").concat(r2, "w")), t2.filter(function(e2) {
+        return e2 !== r2;
       }).map(function(t22) {
         return "".concat(updateQueryParam(e, "width", t22), " ").concat(t22, "w");
       }).concat([n]).join(", ");
@@ -49889,31 +49883,31 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }).concat([e]).join(", ") : e;
   }
   var getSizes = function(e, t2, n) {
-    var i, r2, o, a, s, l, u, c;
+    var r2, i, o, a, s, l, u, c;
     void 0 === n && (n = {});
     var d = "";
     if (e) {
-      var p = e.split(","), m = p.length;
+      var p = e.split(","), f = p.length;
       d = p.map(function(e2, t22) {
-        return m === t22 + 1 ? e2.replace(/\([\s\S]*?\)/g, "").trim() : e2;
+        return f === t22 + 1 ? e2.replace(/\([\s\S]*?\)/g, "").trim() : e2;
       }).join(", ");
     } else if (t2 && t2.responsiveStyles) {
-      var f = [], h = false, v = /^\d+/, g2 = getSizesForBreakpoints(n);
-      if (null === (o = null === (r2 = null === (i = t2.responsiveStyles) || void 0 === i ? void 0 : i.small) || void 0 === r2 ? void 0 : r2.width) || void 0 === o ? void 0 : o.match(v)) {
+      var m = [], h = false, v = /^\d+/, g2 = getSizesForBreakpoints(n);
+      if (null === (o = null === (i = null === (r2 = t2.responsiveStyles) || void 0 === r2 ? void 0 : r2.small) || void 0 === i ? void 0 : i.width) || void 0 === o ? void 0 : o.match(v)) {
         h = true;
         var b = "(max-width: ".concat(g2.small.max, "px)"), y = "".concat(b, " ").concat(t2.responsiveStyles.small.width.replace("%", "vw"));
-        f.push(y);
+        m.push(y);
       }
       if (null === (l = null === (s = null === (a = t2.responsiveStyles) || void 0 === a ? void 0 : a.medium) || void 0 === s ? void 0 : s.width) || void 0 === l ? void 0 : l.match(v)) {
         h = true;
         b = "(max-width: ".concat(g2.medium.max, "px)"), y = "".concat(b, " ").concat(t2.responsiveStyles.medium.width.replace("%", "vw"));
-        f.push(y);
+        m.push(y);
       }
       if (null === (c = null === (u = t2.responsiveStyles) || void 0 === u ? void 0 : u.large) || void 0 === c ? void 0 : c.width) {
         var _2 = t2.responsiveStyles.large.width.replace("%", "vw");
-        f.push(_2);
-      } else h && f.push("100vw");
-      f.length && (d = f.join(", "));
+        m.push(_2);
+      } else h && m.push("100vw");
+      m.length && (d = m.join(", "));
     }
     return d;
   }, ImageComponent = function(e) {
@@ -49937,8 +49931,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       } else {
         var t22 = throttle(function(n) {
           if (e2.pictureRef) {
-            var i = e2.pictureRef.getBoundingClientRect(), r2 = window.innerHeight / 2;
-            i.top < window.innerHeight + r2 && (e2.setState(__assign(__assign({}, e2.state), { load: true })), window.removeEventListener("scroll", t22), e2.scrollListener = null);
+            var r2 = e2.pictureRef.getBoundingClientRect(), i = window.innerHeight / 2;
+            r2.top < window.innerHeight + i && (e2.setState(__assign(__assign({}, e2.state), { load: true })), window.removeEventListener("scroll", t22), e2.scrollListener = null);
           }
         }, 400, { leading: false, trailing: true });
         this.scrollListener = t22, window.addEventListener("scroll", t22, { capture: true, passive: true }), t22();
@@ -49949,16 +49943,16 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       var e2 = this.image;
       if (e2 && "string" == typeof e2 && !this.props.noWebp && (e2.match(/builder\.io/) || e2.match(/cdn\.shopify\.com/))) return getSrcSet(e2);
     }, t2.prototype.render = function() {
-      var e2, t22, n = this, i = this.props, r2 = i.aspectRatio, o = i.lazy, a = i.builderBlock, s = i.builderState, l = this.props.builderBlock && this.props.builderBlock.children, u = this.props.srcset, c = getSizes(this.props.sizes, a, (null === (t22 = null === (e2 = null == s ? void 0 : s.context.builderContent) || void 0 === e2 ? void 0 : e2.meta) || void 0 === t22 ? void 0 : t22.breakpoints) || {}), d = this.image;
+      var e2, t22, n = this, r2 = this.props, i = r2.aspectRatio, o = r2.lazy, a = r2.builderBlock, s = r2.builderState, l = this.props.builderBlock && this.props.builderBlock.children, u = this.props.srcset, c = getSizes(this.props.sizes, a, (null === (t22 = null === (e2 = null == s ? void 0 : s.context.builderContent) || void 0 === e2 ? void 0 : e2.meta) || void 0 === t22 ? void 0 : t22.breakpoints) || {}), d = this.image;
       u && d && d.includes("builder.io/api/v1/image") ? u.includes(d.split("?")[0]) || (console.debug("Removed given srcset"), u = this.getSrcSet()) : d && !u && (u = this.getSrcSet());
-      var p = (null == a ? void 0 : a.id.startsWith("builder-pixel-")) || this.props.highPriority, m = this.props.fitContent;
+      var p = (null == a ? void 0 : a.id.startsWith("builder-pixel-")) || this.props.highPriority, f = this.props.fitContent;
       return jsx(BuilderMetaContext.Consumer, null, function(e3) {
-        var t3, i2 = e3.ampMode, a2 = i2 ? "amp-img" : "img", s2 = (!o || n.state.load || i2) && jsx(a2, __assign({}, i2 ? { layout: "responsive", height: n.props.height || (r2 ? Math.round(1e3 * r2) : void 0), width: n.props.width || (r2 ? Math.round(1e3 / r2) : void 0) } : null, { alt: n.props.altText, key: Builder$1.isEditing && "string" == typeof n.image && n.image.split("?")[0] || void 0, role: n.props.altText ? void 0 : "presentation", css: __assign(__assign({ opacity: i2 ? 1 : n.useLazyLoading && !n.state.imageLoaded ? 0 : 1, transition: "opacity 0.2s ease-in-out", objectFit: n.props.backgroundSize || "cover", objectPosition: n.props.backgroundPosition || "center" }, r2 && !i2 && { position: "absolute", height: "100%", width: "100%", left: 0, top: 0 }), i2 && (t3 = {}, t3["& img"] = { objectFit: n.props.backgroundSize, objectPosition: n.props.backgroundPosition }, t3)), loading: p ? "eager" : "lazy", fetchPriority: p ? "high" : "auto", className: "builder-image" + (n.props.className ? " " + n.props.className : ""), src: n.image }, !i2 && { onLoad: function() {
+        var t3, r22 = e3.ampMode, a2 = r22 ? "amp-img" : "img", s2 = (!o || n.state.load || r22) && jsx(a2, __assign({}, r22 ? { layout: "responsive", height: n.props.height || (i ? Math.round(1e3 * i) : void 0), width: n.props.width || (i ? Math.round(1e3 / i) : void 0) } : null, { alt: n.props.altText, key: Builder$1.isEditing && "string" == typeof n.image && n.image.split("?")[0] || void 0, role: n.props.altText ? void 0 : "presentation", css: __assign(__assign({ opacity: r22 ? 1 : n.useLazyLoading && !n.state.imageLoaded ? 0 : 1, transition: "opacity 0.2s ease-in-out", objectFit: n.props.backgroundSize || "cover", objectPosition: n.props.backgroundPosition || "center" }, i && !r22 && { position: "absolute", height: "100%", width: "100%", left: 0, top: 0 }), r22 && (t3 = {}, t3["& img"] = { objectFit: n.props.backgroundSize, objectPosition: n.props.backgroundPosition }, t3)), loading: p ? "eager" : "lazy", fetchPriority: p ? "high" : "auto", className: "builder-image" + (n.props.className ? " " + n.props.className : ""), src: n.image }, !r22 && { onLoad: function() {
           return n.setState({ imageLoaded: true });
-        } }, { srcSet: u, sizes: !i2 && c ? c : void 0 }));
-        return jsx(React$1.Fragment, null, i2 ? s2 : jsx("picture", { ref: function(e4) {
+        } }, { srcSet: u, sizes: !r22 && c ? c : void 0 }));
+        return jsx(React$1.Fragment, null, r22 ? s2 : jsx("picture", { ref: function(e4) {
           return n.pictureRef = e4;
-        } }, u && u.match(/builder\.io/) && !n.props.noWebp && jsx("source", { srcSet: u.replace(/\?/g, "?format=webp&"), type: "image/webp" }), s2), !r2 || i2 || m && l && l.length ? null : jsx("div", { className: "builder-image-sizer", css: { width: "100%", paddingTop: 100 * r2 + "%", pointerEvents: "none", fontSize: 0 } }, " "), l && l.length ? m ? l.map(function(e4, t4) {
+        } }, u && u.match(/builder\.io/) && !n.props.noWebp && jsx("source", { srcSet: u.replace(/\?/g, "?format=webp&"), type: "image/webp" }), s2), !i || r22 || f && l && l.length ? null : jsx("div", { className: "builder-image-sizer", css: { width: "100%", paddingTop: 100 * i + "%", pointerEvents: "none", fontSize: 0 } }, " "), l && l.length ? f ? l.map(function(e4, t4) {
           return jsx(BuilderBlock$1, { key: e4.id, block: e4 });
         }) : jsx("div", { css: { display: "flex", flexDirection: "column", alignItems: "stretch", position: "absolute", top: 0, left: 0, width: "100%", height: "100%" } }, l.map(function(e4, t4) {
           return jsx(BuilderBlock$1, { key: e4.id, block: e4 });
@@ -49968,23 +49962,23 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   }(React$1.Component);
   withBuilder(ImageComponent, { name: "Image", static: true, image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-insert_photo-24px.svg?alt=media&token=4e5d0ef4-f5e8-4e57-b3a9-38d63a9b9dc4", defaultStyles: { position: "relative", minHeight: "20px", minWidth: "20px", overflow: "hidden" }, canHaveChildren: true, inputs: [{ name: "image", type: "file", bubble: true, allowedFileTypes: IMAGE_FILE_TYPES, required: true, defaultValue: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F72c80f114dc149019051b6852a9e3b7a", onChange: function(e) {
     e.delete("srcset"), e.delete("noWebp");
-    var t2, n, i = e.get("image"), r2 = e.get("aspectRatio");
-    if (fetch(i).then(function(e2) {
+    var t2, n, r2 = e.get("image"), i = e.get("aspectRatio");
+    if (fetch(r2).then(function(e2) {
       return e2.blob();
     }).then(function(t22) {
       t22.type.includes("svg") && e.set("noWebp", true);
-    }), i && (!r2 || 0.7041 === r2)) return (t2 = i, void 0 === n && (n = 6e4), new Promise(function(e2, i2) {
-      var r22 = document.createElement("img"), o = false;
-      r22.onload = function() {
-        o = true, e2(r22);
-      }, r22.addEventListener("error", function(e3) {
-        console.warn("Image load failed", e3.error), i2(e3.error);
-      }), r22.src = t2, setTimeout(function() {
-        o || i2(new Error("Image load timed out"));
+    }), r2 && (!i || 0.7041 === i)) return (t2 = r2, void 0 === n && (n = 6e4), new Promise(function(e2, r22) {
+      var i2 = document.createElement("img"), o = false;
+      i2.onload = function() {
+        o = true, e2(i2);
+      }, i2.addEventListener("error", function(e3) {
+        console.warn("Image load failed", e3.error), r22(e3.error);
+      }), i2.src = t2, setTimeout(function() {
+        o || r22(new Error("Image load timed out"));
       }, n);
     })).then(function(t22) {
-      var n2, r22 = e.get("aspectRatio");
-      e.get("image") !== i || r22 && 0.7041 !== r22 || t22.width && t22.height && (e.set("aspectRatio", (n2 = t22.height / t22.width, Math.round(1e3 * n2) / 1e3)), e.set("height", t22.height), e.set("width", t22.width));
+      var n2, i2 = e.get("aspectRatio");
+      e.get("image") !== r2 || i2 && 0.7041 !== i2 || t22.width && t22.height && (e.set("aspectRatio", (n2 = t22.height / t22.width, Math.round(1e3 * n2) / 1e3)), e.set("height", t22.height), e.set("width", t22.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 its 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: "highPriority", type: "boolean", advanced: true, 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." }, { name: "height", type: "number", hideFromUI: true }, { name: "width", type: "number", hideFromUI: true }, { name: "sizes", type: "string", hideFromUI: true }, { name: "srcset", type: "string", hideFromUI: true }, { name: "lazy", type: "boolean", defaultValue: true, hideFromUI: true }, { name: "fitContent", type: "boolean", helperText: "When child blocks are provided, fit to them instead of using the image's aspect ratio", defaultValue: true }, { 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: true, defaultValue: DEFAULT_ASPECT_RATIO$1 }] });
   var DEFAULT_ASPECT_RATIO = 0.7004048582995948, VideoComponent = function(e) {
@@ -49998,8 +49992,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       var e2 = this, t22 = this.video;
       if (t22) {
         ["muted", "playsInline", "autoPlay"].forEach(function(n) {
-          var i = n.toLowerCase();
-          e2.props[n] ? t22.setAttribute(i, i) : t22.removeAttribute(i);
+          var r2 = n.toLowerCase();
+          e2.props[n] ? t22.setAttribute(r2, r2) : t22.removeAttribute(r2);
         });
       }
     }, t2.prototype.componentDidUpdate = function() {
@@ -50009,8 +50003,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       if (this.updateVideo(), this.lazyLoad && Builder$1.isBrowser) {
         var t22 = throttle(function(n) {
           if (e2.containerRef) {
-            var i = e2.containerRef.getBoundingClientRect(), r2 = window.innerHeight / 2;
-            i.top < window.innerHeight + r2 && (e2.setState(function(e3) {
+            var r2 = e2.containerRef.getBoundingClientRect(), i = window.innerHeight / 2;
+            r2.top < window.innerHeight + i && (e2.setState(function(e3) {
               return __assign(__assign({}, e3), { load: true });
             }), window.removeEventListener("scroll", t22), e2.scrollListener = null);
           }
@@ -50020,12 +50014,12 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, t2.prototype.componentWillUnmount = function() {
       Builder$1.isBrowser && this.scrollListener && (window.removeEventListener("scroll", this.scrollListener), this.scrollListener = null);
     }, t2.prototype.render = function() {
-      var e2 = this, t22 = this.props, n = t22.aspectRatio, i = t22.children;
+      var e2 = this, t22 = this.props, n = t22.aspectRatio, r2 = t22.children;
       return jsx("div", { ref: function(t3) {
         return e2.containerRef = t3;
       }, css: { position: "relative" } }, jsx("video", { key: this.props.video || "no-src", poster: this.props.posterImage, ref: function(t3) {
         return e2.video = t3;
-      }, autoPlay: this.props.autoPlay, muted: this.props.muted, controls: this.props.controls, loop: this.props.loop, preload: this.props.preload || "metadata", className: "builder-video", css: __assign({ width: "100%", height: "100%", objectFit: this.props.fit, objectPosition: this.props.position, zIndex: 2, borderRadius: 1 }, n ? { position: "absolute" } : null) }, (!this.lazyLoad || this.state.load) && jsx("source", { type: "video/mp4", src: this.props.video })), !n || this.props.fitContent && i ? null : jsx("div", { css: { width: "100%", paddingTop: 100 * n + "%", pointerEvents: "none", fontSize: 0 } }), i && this.props.fitContent ? jsx("div", { css: { display: "flex", flexDirection: "column", alignItems: "stretch" } }, i) : i ? jsx("div", { css: { pointerEvents: "none", display: "flex", flexDirection: "column", alignItems: "stretch", position: "absolute", top: 0, left: 0, width: "100%", height: "100%" } }, i) : null);
+      }, autoPlay: this.props.autoPlay, muted: this.props.muted, controls: this.props.controls, loop: this.props.loop, preload: this.props.preload || "metadata", className: "builder-video", css: __assign({ width: "100%", height: "100%", objectFit: this.props.fit, objectPosition: this.props.position, zIndex: 2, borderRadius: 1 }, n ? { position: "absolute" } : null) }, (!this.lazyLoad || this.state.load) && jsx("source", { type: "video/mp4", src: this.props.video })), !n || this.props.fitContent && r2 ? null : jsx("div", { css: { width: "100%", paddingTop: 100 * n + "%", pointerEvents: "none", fontSize: 0 } }), r2 && this.props.fitContent ? jsx("div", { css: { display: "flex", flexDirection: "column", alignItems: "stretch" } }, r2) : r2 ? jsx("div", { css: { pointerEvents: "none", display: "flex", flexDirection: "column", alignItems: "stretch", position: "absolute", top: 0, left: 0, width: "100%", height: "100%" } }, r2) : null);
     }, t2;
   }(React$1.Component);
   Builder$1.registerComponent(withChildren(VideoComponent), { name: "Video", canHaveChildren: true, 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: VIDEO_FILE_TYPES, bubble: true, defaultValue: "https://cdn.builder.io/o/assets%2FYJIGb4i01jvw0SRdL5Bt%2Fd27731a526464deba0016216f5f9e570%2Fcompressed?apiKey=YJIGb4i01jvw0SRdL5Bt&token=d27731a526464deba0016216f5f9e570&alt=media&optimized=true", required: true }, { name: "posterImage", type: "file", allowedFileTypes: IMAGE_FILE_TYPES, helperText: "Image to show before the video plays" }, { name: "autoPlay", type: "boolean", defaultValue: true }, { name: "controls", type: "boolean", defaultValue: false }, { name: "muted", type: "boolean", defaultValue: true }, { name: "loop", type: "boolean", defaultValue: true }, { name: "playsInline", type: "boolean", defaultValue: true }, { 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: true, advanced: true }, { 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: true }, { name: "width", type: "number", advanced: true }, { name: "aspectRatio", type: "number", advanced: true, defaultValue: DEFAULT_ASPECT_RATIO }, { 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: true, advanced: true }] });
@@ -50048,10 +50042,10 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     return __extends(t2, e), Object.defineProperty(t2.prototype, "placeholder", { get: function() {
       return jsx("div", { css: { padding: 10 } }, "Symbols let you reuse dynamic elements across your content. Please choose a model and entry for this symbol.");
     }, enumerable: false, configurable: true }), t2.prototype.componentDidMount = function() {
-      var e2, t22, n, i = this;
+      var e2, t22, n, r2 = this;
       this.useStatic && this.staticRef && refs[null === (e2 = this.props.builderBlock) || void 0 === e2 ? void 0 : e2.id] && (null === (t22 = this.staticRef.parentNode) || void 0 === t22 || t22.replaceChild(refs[null === (n = this.props.builderBlock) || void 0 === n ? void 0 : n.id], this.staticRef)), Builder$1.nextTick(function() {
-        var e3 = i.props.symbol || {}, t3 = e3.model, n2 = e3.entry;
-        i.isEditingThisSymbol = Boolean(Builder$1.isEditing && t3 === builder.editingModel && n2 && location.search.includes("overrides.".concat(n2)));
+        var e3 = r2.props.symbol || {}, t3 = e3.model, n2 = e3.entry;
+        r2.isEditingThisSymbol = Boolean(Builder$1.isEditing && t3 === builder.editingModel && n2 && location.search.includes("overrides.".concat(n2)));
       });
     }, Object.defineProperty(t2.prototype, "useStatic", { get: function() {
       var e2;
@@ -50061,18 +50055,18 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       if (this.useStatic) return jsx("div", { ref: function(e3) {
         return n.staticRef = e3;
       } });
-      var i = this.props.symbol, r2 = false;
-      i || (r2 = true);
-      var o = this.props.dataOnly ? NoWrap : this.props.builderBlock && this.props.builderBlock.tagName || "div", a = i || {}, s = a.model, l = a.entry, u = a.data, c = a.content, d = a.inline, p = a.ownerId, m = (null == i ? void 0 : i.dynamic) || this.props.dynamic;
-      s && (l || m) || (null === (e2 = null == c ? void 0 : c.data) || void 0 === e2 ? void 0 : e2.blocksJs) || d || (r2 = true), this.isEditingThisSymbol && (r2 = false);
-      var f = m ? null === (t22 = this.props.builderBlock) || void 0 === t22 ? void 0 : t22.id : [s, l].join(":"), h = u && size(u) && hash(u);
-      f && h && h.length < 300 && (f += ":" + h);
+      var r2 = this.props.symbol, i = false;
+      r2 || (i = true);
+      var o = this.props.dataOnly ? NoWrap : this.props.builderBlock && this.props.builderBlock.tagName || "div", a = r2 || {}, s = a.model, l = a.entry, u = a.data, c = a.content, d = a.inline, p = a.ownerId, f = (null == r2 ? void 0 : r2.dynamic) || this.props.dynamic;
+      s && (l || f) || (null === (e2 = null == c ? void 0 : c.data) || void 0 === e2 ? void 0 : e2.blocksJs) || d || (i = true), this.isEditingThisSymbol && (i = false);
+      var m = f ? null === (t22 = this.props.builderBlock) || void 0 === t22 ? void 0 : t22.id : [s, l].join(":"), h = u && size(u) && hash(u);
+      m && h && h.length < 300 && (m += ":" + h);
       var v = this.props.attributes || {};
       return jsx(BuilderStoreContext.Consumer, { key: (s || "no model") + ":" + (l || "no entry" + this.isEditingThisSymbol) }, function(e3) {
-        var t3, a2, d2, m2, h2, g2, b, y, _2, S, x, w = "".concat(f, "_").concat((null === (t3 = null == e3 ? void 0 : e3.state) || void 0 === t3 ? void 0 : t3.locale) || "Default");
-        return jsx(o, __assign({ "data-model": s }, v, { className: (v.class || v.className || "") + " builder-symbol" + ((null == i ? void 0 : i.inline) ? " builder-inline-symbol" : "") + ((null == i ? void 0 : i.dynamic) || n.props.dynamic ? " builder-dynamic-symbol" : "") }), r2 ? n.placeholder : jsx(BuilderComponent, __assign({}, p && { apiKey: p }, (null === (a2 = e3.state) || void 0 === a2 ? void 0 : a2.locale) && { locale: e3.state.locale }, { isChild: true, ref: function(e4) {
+        var t3, a2, d2, f2, h2, g2, b, y, _2, S, w, x = "".concat(m, "_").concat((null === (t3 = null == e3 ? void 0 : e3.state) || void 0 === t3 ? void 0 : t3.locale) || "Default");
+        return jsx(o, __assign({ "data-model": s }, v, { className: (v.class || v.className || "") + " builder-symbol" + ((null == r2 ? void 0 : r2.inline) ? " builder-inline-symbol" : "") + ((null == r2 ? void 0 : r2.dynamic) || n.props.dynamic ? " builder-dynamic-symbol" : "") }), i ? n.placeholder : jsx(BuilderComponent, __assign({}, p && { apiKey: p }, (null === (a2 = e3.state) || void 0 === a2 ? void 0 : a2.locale) && { locale: e3.state.locale }, { isChild: true, ref: function(e4) {
           return n.ref = e4;
-        }, context: __assign(__assign({}, e3.context), { symbolId: null === (d2 = n.props.builderBlock) || void 0 === d2 ? void 0 : d2.id }), model: s, entry: l, data: __assign(__assign(__assign({}, u), !!n.props.inheritState && omit$2(e3.state, "children")), null === (_2 = null === (y = null === (b = null === (g2 = null === (h2 = null === (m2 = n.props.builderBlock) || void 0 === m2 ? void 0 : m2.component) || void 0 === h2 ? void 0 : h2.options) || void 0 === g2 ? void 0 : g2.symbol) || void 0 === b ? void 0 : b.content) || void 0 === y ? void 0 : y.data) || void 0 === _2 ? void 0 : _2.state), renderLink: e3.renderLink, inlineContent: null == i ? void 0 : i.inline }, c && { content: c }, { key: w, options: __assign(__assign({}, !n.isEditingThisSymbol && { key: w, noEditorUpdates: true }), "content" === Builder$1.singletonInstance.apiEndpoint && l && { query: { id: l } }), codegen: !!(null === (S = null == c ? void 0 : c.data) || void 0 === S ? void 0 : S.blocksJs), hydrate: null === (x = e3.state) || void 0 === x ? void 0 : x._hydrate, builderBlock: n.props.builderBlock, dataOnly: n.props.dataOnly }), n.props.children));
+        }, context: __assign(__assign({}, e3.context), { symbolId: null === (d2 = n.props.builderBlock) || void 0 === d2 ? void 0 : d2.id }), model: s, entry: l, data: __assign(__assign(__assign({}, u), !!n.props.inheritState && omit$2(e3.state, "children")), null === (_2 = null === (y = null === (b = null === (g2 = null === (h2 = null === (f2 = n.props.builderBlock) || void 0 === f2 ? void 0 : f2.component) || void 0 === h2 ? void 0 : h2.options) || void 0 === g2 ? void 0 : g2.symbol) || void 0 === b ? void 0 : b.content) || void 0 === y ? void 0 : y.data) || void 0 === _2 ? void 0 : _2.state), renderLink: e3.renderLink, inlineContent: null == r2 ? void 0 : r2.inline }, c && { content: c }, { key: x, options: __assign(__assign({}, !n.isEditingThisSymbol && { key: x, noEditorUpdates: true }), "content" === Builder$1.singletonInstance.apiEndpoint && l && { query: { id: l } }), codegen: !!(null === (S = null == c ? void 0 : c.data) || void 0 === S ? void 0 : S.blocksJs), hydrate: null === (w = e3.state) || void 0 === w ? void 0 : w._hydrate, builderBlock: n.props.builderBlock, dataOnly: n.props.dataOnly }), n.props.children));
       });
     }, t2;
   }(React$1.Component);
@@ -50137,9 +50131,9 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   var prefetched = /* @__PURE__ */ new Set();
   function searchToObject(e) {
     var t2 = (e.search || "").substring(1).split("&"), n = {};
-    for (var i in t2) if (t2[i] && "string" == typeof t2[i]) {
-      var r2 = t2[i].split("=");
-      n[decodeURIComponent(r2[0])] = decodeURIComponent(r2[1]);
+    for (var r2 in t2) if (t2[r2] && "string" == typeof t2[r2]) {
+      var i = t2[r2].split("=");
+      n[decodeURIComponent(i[0])] = decodeURIComponent(i[1]);
     }
     return n;
   }
@@ -50152,16 +50146,16 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         if (!(t22.preloadQueue > 4) && false !== t22.props.preloadOnHover) {
           var n = t22.findHrefTarget(e2);
           if (n) {
-            var i = n.getAttribute("href");
-            if (i) {
-              if (!t22.isRelative(i)) {
-                var r2 = t22.convertToRelative(i);
-                if (!r2) return;
-                i = r2;
-              }
-              if (!i.startsWith("#") && !prefetched.has(i)) {
-                prefetched.add(i);
-                var o = t22.parseUrl(i);
+            var r2 = n.getAttribute("href");
+            if (r2) {
+              if (!t22.isRelative(r2)) {
+                var i = t22.convertToRelative(r2);
+                if (!i) return;
+                r2 = i;
+              }
+              if (!r2.startsWith("#") && !prefetched.has(r2)) {
+                prefetched.add(r2);
+                var o = t22.parseUrl(r2);
                 t22.preloadQueue++;
                 var a = builder.getUserAttributes();
                 a.urlPath = o.pathname, a.queryString = o.search;
@@ -50174,19 +50168,19 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         }
       }, t22.onClick = function(e2) {
         return __awaiter(t22, void 0, void 0, function() {
-          var t3, n, i, r2;
+          var t3, n, r2, i;
           return __generator(this, function(o) {
             if (false === this.props.handleRouting) return [2];
             if (0 !== e2.button || e2.ctrlKey || e2.defaultPrevented || e2.metaKey) return [2];
             if (!(t3 = this.findHrefTarget(e2))) return [2];
             if (t3.target && "_client" !== t3.target) return [2];
             if (!(n = t3.getAttribute("href"))) return [2];
-            if (this.props.onRoute && (i = { url: n, anchorNode: t3, preventDefault: function() {
+            if (this.props.onRoute && (r2 = { url: n, anchorNode: t3, preventDefault: function() {
               this.defaultPrevented = true;
-            }, defaultPrevented: false }, this.props.onRoute(i), i.defaultPrevented)) return [2];
+            }, defaultPrevented: false }, this.props.onRoute(r2), r2.defaultPrevented)) return [2];
             if (!this.isRelative(n)) {
-              if (!(r2 = this.convertToRelative(n))) return [2];
-              n = r2;
+              if (!(i = this.convertToRelative(n))) return [2];
+              n = i;
             }
             return n.startsWith("#") || (e2.preventDefault(), this.route(n)), [2];
           });
@@ -50210,8 +50204,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       var e2 = this, t22 = this.model;
       return jsx(BuilderStoreContext.Consumer, null, function(n) {
         e2.privateState = n;
-        var i = n.state && n.state.location && n.state.location.pathname + n.state.location.search;
-        return jsx("div", { className: "builder-router", "data-model": t22 }, 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, { key: i, data: e2.props.data, content: e2.routed ? void 0 : e2.props.content, modelName: t22, options: { key: Builder$1.isEditing ? void 0 : e2.model + ":" + i } }, e2.props.children || jsx("div", { css: { display: "flex" } }, jsx("div", { css: { margin: "40vh auto" }, className: "builder-page-loading" }))));
+        var r2 = n.state && n.state.location && n.state.location.pathname + n.state.location.search;
+        return jsx("div", { className: "builder-router", "data-model": t22 }, 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, { key: r2, data: e2.props.data, content: e2.routed ? void 0 : e2.props.content, modelName: t22, options: { key: Builder$1.isEditing ? void 0 : e2.model + ":" + r2 } }, e2.props.children || jsx("div", { css: { display: "flex" } }, jsx("div", { css: { margin: "40vh auto" }, className: "builder-page-loading" }))));
       });
     }, t2.prototype.findHrefTarget = function(e2) {
       for (var t22 = e2.target; t22; ) {
@@ -50228,20 +50222,20 @@ Try polyfilling it using "@formatjs/intl-displaynames"
     }, t2.prototype.convertToRelative = function(e2) {
       var t22 = this.parseUrl(location.href), n = this.parseUrl(e2);
       if (t22.host === n.host) {
-        var i = n.pathname + (n.search ? n.search : "");
-        return i.startsWith("#") ? null : i || "/";
+        var r2 = n.pathname + (n.search ? n.search : "");
+        return r2.startsWith("#") ? null : r2 || "/";
       }
       return null;
     }, t2;
   }(React$1.Component);
   withBuilder(RouterComponent, { name: "Core:Router", hideFromInsertMenu: true, inputs: [{ name: "model", type: "string", defaultValue: "page", advanced: true }, { name: "handleRouting", type: "boolean", defaultValue: true, advanced: true }, { name: "preloadOnHover", type: "boolean", defaultValue: true, advanced: true }, { name: "onRoute", type: "function", advanced: true }] });
   function Mutation(e) {
-    var t2, n, i = React$1.useRef(null);
+    var t2, n, r2 = React$1.useRef(null);
     useWaitForSelector(e.selector, function(t22) {
-      "afterEnd" !== e.type && (t22.innerHTML = ""), t22.appendChild(i.current.firstElementChild);
+      "afterEnd" !== e.type && (t22.innerHTML = ""), t22.appendChild(r2.current.firstElementChild);
     });
-    var r2 = null === (t2 = e.builderBlock) || void 0 === t2 ? void 0 : t2.children;
-    return jsx("span", { style: { display: "none" }, ref: i }, jsx(BuilderBlocks, { style: { display: "inline" }, child: true, parentElementId: null === (n = e.builderBlock) || void 0 === n ? void 0 : n.id, dataPath: "this.children", blocks: r2 }));
+    var i = null === (t2 = e.builderBlock) || void 0 === t2 ? void 0 : t2.children;
+    return jsx("span", { style: { display: "none" }, ref: r2 }, jsx(BuilderBlocks, { style: { display: "inline" }, child: true, parentElementId: null === (n = e.builderBlock) || void 0 === n ? void 0 : n.id, dataPath: "this.children", blocks: i }));
   }
   function useWaitForSelector(e, t2) {
     React$1.useLayoutEffect(function() {
@@ -50251,25 +50245,25 @@ Try polyfilling it using "@formatjs/intl-displaynames"
       } catch (e2) {
         console.warn(e2);
       }
-      var i = new MutationObserver(function() {
+      var r2 = new MutationObserver(function() {
         try {
           var n2 = document.querySelector(e);
-          n2 && (i.disconnect(), t2(n2));
+          n2 && (r2.disconnect(), t2(n2));
         } catch (e2) {
           console.warn(e2);
         }
       });
-      return i.observe(document.body, { attributes: true, subtree: true, characterData: true }), function() {
-        i.disconnect();
+      return r2.observe(document.body, { attributes: true, subtree: true, characterData: true }), function() {
+        r2.disconnect();
       };
     }, [e]);
   }
   Builder$1.registerComponent(Mutation, { name: "Builder:Mutation", canHaveChildren: true, noWrap: true, hideFromInsertMenu: true, inputs: [{ name: "type", type: "string", defaultValue: "replace", enum: [{ label: "Replace", value: "replace", helperText: "Replace the contents of this site region with content from Builder" }, { label: "Append", value: "afterEnd", helperText: "Append Builder content after the chosen site region" }] }, { name: "selector", type: "builder:domSelector" }] });
   var get$1 = function(e, t2, n) {
-    var i = String.prototype.split.call(t2, /[,[\].]+?/).filter(Boolean).reduce(function(e2, t22) {
+    var r2 = String.prototype.split.call(t2, /[,[\].]+?/).filter(Boolean).reduce(function(e2, t22) {
       return null != e2 ? e2[t22] : e2;
     }, e);
-    return void 0 === i || i === e ? n : i;
+    return void 0 === r2 || r2 === e ? n : r2;
   }, MULTIPART_CONTENT_TYPE = "multipart/form-data", JSON_CONTENT_TYPE = "application/json", ENCODED_CONTENT_TYPE = "application/x-www-form-urlencoded", FormComponent = function(e) {
     function t2() {
       var t22 = null !== e && e.apply(this, arguments) || this;
@@ -50283,12 +50277,12 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         return jsx(BuilderStoreContext.Provider, { value: __assign(__assign({}, t22), { state: __assign(__assign({}, t22.state), { formErrorMessage: e2.state.formErrorMessage }) }) }, jsx("form", __assign({}, e2.props.validate ? {} : { noValidate: true }, { ref: function(t3) {
           return e2.ref = t3;
         }, action: !e2.props.sendWithJs && e2.props.action ? e2.props.action : void 0, method: e2.props.method, name: e2.props.name, onSubmit: function(t3) {
-          var n, i = e2.props.sendWithJs || "email" === e2.props.sendSubmissionsTo;
+          var n, r2 = e2.props.sendWithJs || "email" === e2.props.sendSubmissionsTo;
           if ("zapier" === e2.props.sendSubmissionsTo) t3.preventDefault();
-          else if (i) {
+          else if (r2) {
             if (!e2.props.action && "email" !== e2.props.sendSubmissionsTo) return void t3.preventDefault();
             t3.preventDefault();
-            var r2 = t3.currentTarget, o = e2.props.customHeaders || {}, a = void 0, s = new FormData(r2), l = Array.from(t3.currentTarget.querySelectorAll("input,select,textarea")).filter(function(e3) {
+            var i = t3.currentTarget, o = e2.props.customHeaders || {}, a = void 0, s = new FormData(i), l = Array.from(t3.currentTarget.querySelectorAll("input,select,textarea")).filter(function(e3) {
               return !!e3.name;
             }).map(function(e3) {
               var t4, n2 = e3.name;
@@ -50296,8 +50290,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
                 if (e3.checked) return { key: n2, value: t4 = e3.name };
               } else if ("checkbox" === e3.type) t4 = e3.checked;
               else if ("number" === e3.type || "range" === e3.type) {
-                var i2 = e3.valueAsNumber;
-                isNaN(i2) || (t4 = i2);
+                var r22 = e3.valueAsNumber;
+                isNaN(r22) || (t4 = r22);
               } else t4 = "file" === e3.type ? e3.files : e3.value;
               else t4 = e3.value;
               return { key: n2, value: t4 };
@@ -50319,14 +50313,14 @@ Try polyfilling it using "@formatjs/intl-displaynames"
                 return encodeURIComponent(n2) + "=" + encodeURIComponent(t4);
               }).join("&");
             }
-            u && u !== MULTIPART_CONTENT_TYPE && (i && (null === (n = e2.props.action) || void 0 === n ? void 0 : n.includes("zapier.com")) || (o["content-type"] = u));
+            u && u !== MULTIPART_CONTENT_TYPE && (r2 && (null === (n = e2.props.action) || void 0 === n ? void 0 : n.includes("zapier.com")) || (o["content-type"] = u));
             var d = new CustomEvent("presubmit", { detail: { body: a } });
             if (e2.ref && (e2.ref.dispatchEvent(d), d.defaultPrevented)) return;
             e2.setState(__assign(__assign({}, e2.state), { state: "sending" }));
             var p = "".concat("dev" === builder.env ? "http://localhost:5000" : "https://builder.io", "/api/v1/form-submit?apiKey=").concat(builder.apiKey, "&to=").concat(btoa(e2.props.sendSubmissionsToEmail || ""), "&name=").concat(encodeURIComponent(e2.props.name || ""));
             fetch("email" === e2.props.sendSubmissionsTo ? p : e2.props.action, { body: a, headers: o, method: e2.props.method || "post" }).then(function(t4) {
               return __awaiter(e2, void 0, void 0, function() {
-                var e3, n2, i2, r22, o2;
+                var e3, n2, r22, i2, o2;
                 return __generator(this, function(a2) {
                   switch (a2.label) {
                     case 0:
@@ -50338,9 +50332,9 @@ Try polyfilling it using "@formatjs/intl-displaynames"
                     case 3:
                       e3 = a2.sent(), a2.label = 4;
                     case 4:
-                      if (!t4.ok && this.props.errorMessagePath && (i2 = get$1(e3, this.props.errorMessagePath)) && ("string" != typeof i2 && (i2 = JSON.stringify(i2)), this.setState(__assign(__assign({}, this.state), { formErrorMessage: i2 }))), this.setState(__assign(__assign({}, this.state), { responseData: e3, state: t4.ok ? "success" : "error" })), t4.ok) {
-                        if (r22 = new CustomEvent("submit:success", { detail: { res: t4, body: e3 } }), this.ref) {
-                          if (this.ref.dispatchEvent(r22), r22.defaultPrevented) return [2];
+                      if (!t4.ok && this.props.errorMessagePath && (r22 = get$1(e3, this.props.errorMessagePath)) && ("string" != typeof r22 && (r22 = JSON.stringify(r22)), this.setState(__assign(__assign({}, this.state), { formErrorMessage: r22 }))), this.setState(__assign(__assign({}, this.state), { responseData: e3, state: t4.ok ? "success" : "error" })), t4.ok) {
+                        if (i2 = new CustomEvent("submit:success", { detail: { res: t4, body: e3 } }), this.ref) {
+                          if (this.ref.dispatchEvent(i2), i2.defaultPrevented) return [2];
                           false !== this.props.resetFormOnSubmit && this.ref.reset();
                         }
                         this.props.successUrl && (this.ref ? (o2 = new CustomEvent("route", { detail: { url: this.props.successUrl } }), this.ref.dispatchEvent(o2), o2.defaultPrevented || (location.href = this.props.successUrl)) : location.href = this.props.successUrl);
@@ -50429,9 +50423,9 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   };
   Builder$1.registerComponent(RawText, { name: "Builder:RawText", hideFromInsertMenu: true, inputs: [{ name: "text", bubble: true, type: "longText", required: true }] });
   var filterWithCustomTargetingScript = 'function filterWithCustomTargeting(e,t,n,r){var i={query:t,startDate:n,endDate:r},o=e.date&&new Date(e.date)||new Date;return!(i.startDate&&new Date(i.startDate)>o)&&(!(i.endDate&&new Date(i.endDate)<o)&&(!i.query||!i.query.length||i.query.every((function(t){return objectMatchesQuery(e,t)}))))}function isString(e){return"string"==typeof e}function isNumber(e){return"number"==typeof e}function objectMatchesQuery(e,t){return function(){var n=t.property,r=t.operator,i=t.value;if(t&&"urlPath"===t.property&&t.value&&"string"==typeof t.value&&"/"!==t.value&&t.value.endsWith("/")&&(i=t.value.slice(0,-1)),!n||!r)return!0;if(Array.isArray(i))return"isNot"===r?i.every((function(t){return objectMatchesQuery(e,{property:n,operator:r,value:t})})):!!i.find((function(t){return objectMatchesQuery(e,{property:n,operator:r,value:t})}));var o=e[n];if(Array.isArray(o))return o.includes(i);switch(r){case"is":return o===i;case"isNot":return o!==i;case"contains":return(isString(o)||Array.isArray(o))&&o.includes(String(i));case"startsWith":return isString(o)&&o.startsWith(String(i));case"endsWith":return isString(o)&&o.endsWith(String(i));case"greaterThan":return isNumber(o)&&isNumber(i)&&o>i;case"lessThan":return isNumber(o)&&isNumber(i)&&o<i;case"greaterThanOrEqualTo":return isNumber(o)&&isNumber(i)&&o>=i;case"lessThanOrEqualTo":return isNumber(o)&&isNumber(i)&&o<=i}return!1}()}';
-  function filterWithCustomTargeting(e, t2, n, i) {
-    var r2 = { query: t2, startDate: n, endDate: i }, o = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
-    return !(r2.startDate && new Date(r2.startDate) > o) && (!(r2.endDate && new Date(r2.endDate) < o) && (!r2.query || !r2.query.length || r2.query.every(function(t22) {
+  function filterWithCustomTargeting(e, t2, n, r2) {
+    var i = { query: t2, startDate: n, endDate: r2 }, o = e.date && new Date(e.date) || /* @__PURE__ */ new Date();
+    return !(i.startDate && new Date(i.startDate) > o) && (!(i.endDate && new Date(i.endDate) < o) && (!i.query || !i.query.length || i.query.every(function(t22) {
       return objectMatchesQuery(e, t22);
     })));
   }
@@ -50443,40 +50437,40 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   }
   function objectMatchesQuery(e, t2) {
     return function() {
-      var n = t2.property, i = t2.operator, r2 = t2.value;
-      if (t2 && "urlPath" === t2.property && t2.value && "string" == typeof t2.value && "/" !== t2.value && t2.value.endsWith("/") && (r2 = t2.value.slice(0, -1)), !n || !i) return true;
-      if (Array.isArray(r2)) return "isNot" === i ? r2.every(function(t22) {
-        return objectMatchesQuery(e, { property: n, operator: i, value: t22 });
-      }) : !!r2.find(function(t22) {
-        return objectMatchesQuery(e, { property: n, operator: i, value: t22 });
+      var n = t2.property, r2 = t2.operator, i = t2.value;
+      if (t2 && "urlPath" === t2.property && t2.value && "string" == typeof t2.value && "/" !== t2.value && t2.value.endsWith("/") && (i = t2.value.slice(0, -1)), !n || !r2) return true;
+      if (Array.isArray(i)) return "isNot" === r2 ? i.every(function(t22) {
+        return objectMatchesQuery(e, { property: n, operator: r2, value: t22 });
+      }) : !!i.find(function(t22) {
+        return objectMatchesQuery(e, { property: n, operator: r2, value: t22 });
       });
       var o = e[n];
-      if (Array.isArray(o)) return o.includes(r2);
-      switch (i) {
+      if (Array.isArray(o)) return o.includes(i);
+      switch (r2) {
         case "is":
-          return o === r2;
+          return o === i;
         case "isNot":
-          return o !== r2;
+          return o !== i;
         case "contains":
-          return (isString$1(o) || Array.isArray(o)) && o.includes(String(r2));
+          return (isString$1(o) || Array.isArray(o)) && o.includes(String(i));
         case "startsWith":
-          return isString$1(o) && o.startsWith(String(r2));
+          return isString$1(o) && o.startsWith(String(i));
         case "endsWith":
-          return isString$1(o) && o.endsWith(String(r2));
+          return isString$1(o) && o.endsWith(String(i));
         case "greaterThan":
-          return isNumber(o) && isNumber(r2) && o > r2;
+          return isNumber(o) && isNumber(i) && o > i;
         case "lessThan":
-          return isNumber(o) && isNumber(r2) && o < r2;
+          return isNumber(o) && isNumber(i) && o < i;
         case "greaterThanOrEqualTo":
-          return isNumber(o) && isNumber(r2) && o >= r2;
+          return isNumber(o) && isNumber(i) && o >= i;
         case "lessThanOrEqualTo":
-          return isNumber(o) && isNumber(r2) && o <= r2;
+          return isNumber(o) && isNumber(i) && o <= i;
       }
       return false;
     }();
   }
   function PersonalizationContainer(e) {
-    var t2, n, i, r2, o, a, s, l, u, c, d, p, m, f, h, v, g2, b, y, _2, S, x = Boolean(Builder$1.isBrowser && (null === (t2 = window.__hydrated) || void 0 === t2 ? void 0 : t2[null === (n = e.builderBlock) || void 0 === n ? void 0 : n.id])), w = reactExports.useRef(null), k = reactExports.useState(x), B = k[0], C = k[1], E = reactExports.useState(0), R = E[0], T = E[1], I = reactExports.useContext(BuilderStoreContext);
+    var t2, n, r2, i, o, a, s, l, u, c, d, p, f, m, h, v, g2, b, y, _2, S, w = Boolean(Builder$1.isBrowser && (null === (t2 = window.__hydrated) || void 0 === t2 ? void 0 : t2[null === (n = e.builderBlock) || void 0 === n ? void 0 : n.id])), x = reactExports.useRef(null), k = reactExports.useState(w), B = k[0], C = k[1], E = reactExports.useState(0), R = E[0], T = E[1], I = reactExports.useContext(BuilderStoreContext);
     if (reactExports.useEffect(function() {
       var e2;
       C(true);
@@ -50486,16 +50480,16 @@ Try polyfilling it using "@formatjs/intl-displaynames"
         return t22.unsubscribe();
       }];
       if (!Builder$1.isEditing && !Builder$1.isPreviewing) {
-        var i2 = j[0];
-        null === (e2 = w.current) || void 0 === e2 || e2.dispatchEvent(new CustomEvent("builder.variantLoaded", { detail: { variant: i2 || "default", content: I.content }, bubbles: true }));
-        var r22 = new IntersectionObserver(function(e3) {
+        var r22 = j[0];
+        null === (e2 = x.current) || void 0 === e2 || e2.dispatchEvent(new CustomEvent("builder.variantLoaded", { detail: { variant: r22 || "default", content: I.content }, bubbles: true }));
+        var i2 = new IntersectionObserver(function(e3) {
           e3.forEach(function(e4) {
             var t3;
-            e4.isIntersecting && (null === (t3 = w.current) || void 0 === t3 || t3.dispatchEvent(new CustomEvent("builder.variantDisplayed", { detail: { variant: i2 || "default", content: I.content }, bubbles: true })));
+            e4.isIntersecting && (null === (t3 = x.current) || void 0 === t3 || t3.dispatchEvent(new CustomEvent("builder.variantDisplayed", { detail: { variant: r22 || "default", content: I.content }, bubbles: true })));
           });
         });
-        r22.observe(w.current), n2.push(function() {
-          return r22.disconnect();
+        i2.observe(x.current), n2.push(function() {
+          return i2.disconnect();
         });
       }
       return function() {
@@ -50503,15 +50497,15 @@ Try polyfilling it using "@formatjs/intl-displaynames"
           return e3();
         });
       };
-    }, []), Builder$1.isServer) return React$1.createElement(React$1.Fragment, null, React$1.createElement("div", __assign({}, e.attributes, { style: __assign({ opacity: 1, transition: "opacity 0.2s ease-in-out" }, null === (i = e.attributes) || void 0 === i ? void 0 : i.style), className: "builder-personalization-container ".concat(e.attributes.className) }), null === (r2 = e.variants) || void 0 === r2 ? void 0 : r2.map(function(t22, n2) {
-      var i2, r22;
-      return React$1.createElement("template", { key: n2, "data-variant-id": (null === (i2 = e.builderBlock) || void 0 === i2 ? void 0 : i2.id) + n2 }, React$1.createElement(BuilderBlocks, { blocks: t22.blocks, parentElementId: null === (r22 = e.builderBlock) || void 0 === r22 ? void 0 : r22.id, dataPath: "component.options.variants.".concat(n2, ".blocks"), child: true }));
+    }, []), Builder$1.isServer) return React$1.createElement(React$1.Fragment, null, React$1.createElement("div", __assign({}, e.attributes, { style: __assign({ opacity: 1, transition: "opacity 0.2s ease-in-out" }, null === (r2 = e.attributes) || void 0 === r2 ? void 0 : r2.style), className: "builder-personalization-container ".concat(e.attributes.className) }), null === (i = e.variants) || void 0 === i ? void 0 : i.map(function(t22, n2) {
+      var r22, i2;
+      return React$1.createElement("template", { key: n2, "data-variant-id": (null === (r22 = e.builderBlock) || void 0 === r22 ? void 0 : r22.id) + n2 }, React$1.createElement(BuilderBlocks, { blocks: t22.blocks, parentElementId: null === (i2 = e.builderBlock) || void 0 === i2 ? void 0 : i2.id, dataPath: "component.options.variants.".concat(n2, ".blocks"), child: true }));
     }), React$1.createElement("script", { id: "variants-script-".concat(null === (o = e.builderBlock) || void 0 === o ? void 0 : o.id), dangerouslySetInnerHTML: { __html: getPersonalizationScript(e.variants, (null === (a = e.builderBlock) || void 0 === a ? void 0 : a.id) || "none", null === (s = e.builderState.state) || void 0 === s ? void 0 : s.locale) } }), React$1.createElement(BuilderBlocks, { blocks: null === (l = e.builderBlock) || void 0 === l ? void 0 : l.children, parentElementId: null === (u = e.builderBlock) || void 0 === u ? void 0 : u.id, dataPath: "this.children", child: true })), React$1.createElement("script", { dangerouslySetInnerHTML: { __html: "\n         window.__hydrated = window.__hydrated || {};\n         window.__hydrated['".concat(null === (c = e.builderBlock) || void 0 === c ? void 0 : c.id, "'] = true;\n        ").replace(/\s+/g, " ") } }));
     var j = (e.variants || []).filter(function(t22) {
       var n2;
       return filterWithCustomTargeting(__assign(__assign({}, (null === (n2 = e.builderState.state) || void 0 === n2 ? void 0 : n2.locale) ? { locale: e.builderState.state.locale } : {}), builder.getUserAttributes()), t22.query, t22.startDate, t22.endDate);
     });
-    return React$1.createElement(React$1.Fragment, null, React$1.createElement("div", __assign({ ref: w }, e.attributes, { style: __assign({ opacity: B ? 1 : 0, transition: "opacity 0.2s ease-in-out" }, null === (d = e.attributes) || void 0 === d ? void 0 : d.style), className: "builder-personalization-container ".concat(e.attributes.className, " ").concat(B ? "" : "builder-personalization-container-loading") }), Builder$1.isEditing && "number" == typeof e.previewingIndex && e.previewingIndex < ((null === (p = e.variants) || void 0 === p ? void 0 : p.length) || 0) ? React$1.createElement(BuilderBlocks, { blocks: null === (f = null === (m = e.variants) || void 0 === m ? void 0 : m[e.previewingIndex]) || void 0 === f ? void 0 : f.blocks, parentElementId: null === (h = e.builderBlock) || void 0 === h ? void 0 : h.id, dataPath: "component.options.variants.".concat(e.previewingIndex, ".blocks"), child: true }) : Builder$1.isEditing && "number" != typeof e.previewingIndex || !B || !j.length ? React$1.createElement(BuilderBlocks, { blocks: null === (v = e.builderBlock) || void 0 === v ? void 0 : v.children, parentElementId: null === (g2 = e.builderBlock) || void 0 === g2 ? void 0 : g2.id, dataPath: "this.children", child: true }) : React$1.createElement(BuilderBlocks, { blocks: null === (b = j[0]) || void 0 === b ? void 0 : b.blocks, parentElementId: null === (y = e.builderBlock) || void 0 === y ? void 0 : y.id, dataPath: "component.options.variants.".concat(null === (_2 = e.variants) || void 0 === _2 ? void 0 : _2.indexOf(j[0]), ".blocks"), child: true })), React$1.createElement("script", { dangerouslySetInnerHTML: { __html: "\n         window.__hydrated = window.__hydrated || {};\n         window.__hydrated['".concat(null === (S = e.builderBlock) || void 0 === S ? void 0 : S.id, "'] = true;\n        ").replace(/\s+/g, " ") } }));
+    return React$1.createElement(React$1.Fragment, null, React$1.createElement("div", __assign({ ref: x }, e.attributes, { style: __assign({ opacity: B ? 1 : 0, transition: "opacity 0.2s ease-in-out" }, null === (d = e.attributes) || void 0 === d ? void 0 : d.style), className: "builder-personalization-container ".concat(e.attributes.className, " ").concat(B ? "" : "builder-personalization-container-loading") }), Builder$1.isEditing && "number" == typeof e.previewingIndex && e.previewingIndex < ((null === (p = e.variants) || void 0 === p ? void 0 : p.length) || 0) ? React$1.createElement(BuilderBlocks, { blocks: null === (m = null === (f = e.variants) || void 0 === f ? void 0 : f[e.previewingIndex]) || void 0 === m ? void 0 : m.blocks, parentElementId: null === (h = e.builderBlock) || void 0 === h ? void 0 : h.id, dataPath: "component.options.variants.".concat(e.previewingIndex, ".blocks"), child: true }) : Builder$1.isEditing && "number" != typeof e.previewingIndex || !B || !j.length ? React$1.createElement(BuilderBlocks, { blocks: null === (v = e.builderBlock) || void 0 === v ? void 0 : v.children, parentElementId: null === (g2 = e.builderBlock) || void 0 === g2 ? void 0 : g2.id, dataPath: "this.children", child: true }) : React$1.createElement(BuilderBlocks, { blocks: null === (b = j[0]) || void 0 === b ? void 0 : b.blocks, parentElementId: null === (y = e.builderBlock) || void 0 === y ? void 0 : y.id, dataPath: "component.options.variants.".concat(null === (_2 = e.variants) || void 0 === _2 ? void 0 : _2.indexOf(j[0]), ".blocks"), child: true })), React$1.createElement("script", { dangerouslySetInnerHTML: { __html: "\n         window.__hydrated = window.__hydrated || {};\n         window.__hydrated['".concat(null === (S = e.builderBlock) || void 0 === S ? void 0 : S.id, "'] = true;\n        ").replace(/\s+/g, " ") } }));
   }
   function getPersonalizationScript(e, t2, n) {
     return `
@@ -58712,10 +58706,19 @@ Try polyfilling it using "@formatjs/intl-displaynames"
   let IntlProvider$1 = class IntlProvider extends React$1.PureComponent {
     constructor(props) {
       super(props);
-      __publicField(this, "fetchSettings", async () => {
+      __publicField(this, "fetchSettings", async (retryCount = 0, maxRetries = 20) => {
         try {
           const response = await axios.get("/api/public/settings");
           const settingsData = response.data;
+          if (settingsData.serverStatus === "starting") {
+            if (retryCount < maxRetries) {
+              console.log(`Server is starting, retrying in 3 seconds... (${retryCount + 1}/${maxRetries})`);
+              await new Promise((resolve) => setTimeout(resolve, 3e3));
+              return this.fetchSettings(retryCount + 1, maxRetries);
+            } else {
+              throw new Error("Server is taking too long to start");
+            }
+          }
           const _window2 = window;
           const Builder2 = window.Builder;
           Builder2.settings.appId = "-";
@@ -58729,6 +58732,9 @@ Try polyfilling it using "@formatjs/intl-displaynames"
           };
           Builder2.settings.unpkgUrl = settingsData.unpkgUrl;
           Builder2.settings.assetUrls = settingsData.assetUrls;
+          Builder2.settings.steedosVersion = settingsData.steedosVersion;
+          Builder2.settings.rootUrl = settingsData.rootUrl;
+          Builder2.settings.steedosAmisVersion = settingsData.steedosAmisVersion;
           Builder2.settings.env = {
             requestAdaptor: (config2) => {
               if (config2.url.startsWith("/")) {