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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/assets/{index-BMMOSIvt.js → index-C8zkiyjC.js} +79 -67
  2. package/dist/index.html +1 -1
  3. package/package.json +3 -3
package/dist/assets/{index-BMMOSIvt.js → index-C8zkiyjC.js} RENAMED
@@ -48040,7 +48040,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48040
48040
  });
48041
48041
  });
48042
48042
  var define_process_env_default = {};
48043
- var SDK_VERSION = "8.0.34", _a;
48043
+ var SDK_VERSION = "8.0.36", _a;
48044
48044
  "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 } }, "*"));
48045
48045
  var extendStatics = function(e, t2) {
48046
48046
  return (extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e2, t22) {
@@ -48321,8 +48321,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48321
48321
  Array.isArray(l) ? l.splice(p, 1) : delete l[d];
48322
48322
  }
48323
48323
  } else {
48324
- var m = a[u + 1], f = Object(l[d]) === l[d] ? l[d] : String(Number(m)) === m ? [] : {};
48325
- l = l[d] = Array.isArray(f) ? __spreadArray([], f, true) : __assign({}, f);
48324
+ var f = a[u + 1], m = Object(l[d]) === l[d] ? l[d] : String(Number(f)) === f ? [] : {};
48325
+ l = l[d] = Array.isArray(m) ? __spreadArray([], m, true) : __assign({}, m);
48326
48326
  }
48327
48327
  }
48328
48328
  return s;
@@ -48449,12 +48449,12 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48449
48449
  u && (o = u);
48450
48450
  }
48451
48451
  var c = sizeNames.slice().reverse(), d = {};
48452
- if (e) for (var p = 0, m = c; p < m.length; p++) {
48453
- var f = m[p];
48454
- if ("large" === f) this.props.emailMode || (d["&.builder-block"] = Object.assign({}, e[f], o));
48452
+ if (e) for (var p = 0, f = c; p < f.length; p++) {
48453
+ var m = f[p];
48454
+ if ("large" === m) this.props.emailMode || (d["&.builder-block"] = Object.assign({}, e[m], o));
48455
48455
  else {
48456
48456
  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) || {});
48457
- d["@media only screen and (max-width: ".concat(h[f].max, "px)")] = { "&.builder-block": e[f] };
48457
+ d["@media only screen and (max-width: ".concat(h[m].max, "px)")] = { "&.builder-block": e[m] };
48458
48458
  }
48459
48459
  }
48460
48460
  var v = a.animations && a.animations.find(function(e2) {
@@ -48490,15 +48490,15 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48490
48490
  u.child, u.fieldName;
48491
48491
  var c, d = this.block, p = (d.tagName || "div").toLowerCase();
48492
48492
  if ("template" === p) {
48493
- var m = d.children ? d.children.map(function(e2) {
48493
+ var f = d.children ? d.children.map(function(e2) {
48494
48494
  return blockToHtmlString(e2);
48495
48495
  }).join(" ") : "";
48496
- return console.debug("template html", m), jsx("template", __assign({}, d.properties, { dangerouslySetInnerHTML: { __html: m } }));
48496
+ return console.debug("template html", f), jsx("template", __assign({}, d.properties, { dangerouslySetInnerHTML: { __html: f } }));
48497
48497
  }
48498
- var f = d.component && (d.component.name || d.component.component), h = null;
48498
+ var m = d.component && (d.component.name || d.component.component), h = null;
48499
48499
  d.component && !d.component.class && (d.component && d.component.tag ? c = d.component.tag : (h = Builder$1.components.find(function(e2) {
48500
- return e2.name === f;
48501
- }) || 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?")));
48500
+ return e2.name === m;
48501
+ }) || 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?")));
48502
48502
  var v = __assign(__assign({}, d.properties), { style: {}, responsiveStyles: fastClone(d.responsiveStyles || {}) });
48503
48503
  if (v = __assign(__assign({}, v.properties), v), d.component && (v.component = deepCloneWithConditions(d.component)), d.bindings) {
48504
48504
  for (var g2 in d.bindings) if (null === (i = g2.trim) || void 0 === i ? void 0 : i.call(g2)) {
@@ -48533,7 +48533,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48533
48533
  g2 && (C.length > 2 && (b = C.slice(1).join(":")), v.style[kebabCaseToCamelCase(g2)] = b);
48534
48534
  }
48535
48535
  }
48536
- 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 });
48536
+ 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 });
48537
48537
  Builder$1.isEditing && this.hydrated && (E["builder-inline-styles"] = v.attr && v.attr.style ? Object.keys(v.style).reduce(function(e2, t22) {
48538
48538
  return (e2 ? "".concat(e2, ";") : "") + "".concat(cssCase(t22), ":").concat(v.style[t22], ";");
48539
48539
  }, "") : ""), (E.properties && E.properties.href || E.href) && "div" === p && (p = "a"), "a" === p && (p = Link);
@@ -48817,7 +48817,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48817
48817
  }, a = function(e2, t22, a2) {
48818
48818
  if ("undefined" == typeof Proxy) return e2;
48819
48819
  void 0 === a2 && (a2 = {});
48820
- 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) {
48820
+ 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, i2, a3) {
48821
48821
  if (!p) if (c) {
48822
48822
  if (c && l && void 0 !== i2 && void 0 !== a3 && "length" !== n2) {
48823
48823
  var u2 = l;
@@ -48830,7 +48830,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48830
48830
  d = true;
48831
48831
  } else t22(r2(e3, n2), a3, i2);
48832
48832
  }, b = function(e3, t3) {
48833
- var n2 = f ? f.get(e3) : void 0;
48833
+ var n2 = m ? m.get(e3) : void 0;
48834
48834
  n2 && n2.delete(t3);
48835
48835
  }, y = function(e3, t3) {
48836
48836
  if (p) return e3;
@@ -48842,7 +48842,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48842
48842
  }, S = { get: function(e3, t3, o2) {
48843
48843
  if (t3 === u || t3 === n) return e3;
48844
48844
  if (t3 === i && "" === h.get(e3)) return function(e4) {
48845
- return p = true, f = null, h = null, v = null, e4;
48845
+ return p = true, m = null, h = null, v = null, e4;
48846
48846
  }(e3);
48847
48847
  var s2 = Reflect.get(e3, t3, o2);
48848
48848
  if (/* @__PURE__ */ function(e4) {
@@ -48851,9 +48851,9 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48851
48851
  return e4 instanceof RegExp || e4 instanceof Number;
48852
48852
  }(s2) || "constructor" === t3 || true === a2.isShallow) return s2;
48853
48853
  var l2 = function(e4, t4) {
48854
- var n2 = f ? f.get(e4) : void 0;
48854
+ var n2 = m ? m.get(e4) : void 0;
48855
48855
  if (n2) return n2;
48856
- n2 = /* @__PURE__ */ new Map(), f.set(e4, n2);
48856
+ n2 = /* @__PURE__ */ new Map(), m.set(e4, n2);
48857
48857
  var i2 = n2.get(t4);
48858
48858
  return i2 || (i2 = Reflect.getOwnPropertyDescriptor(e4, t4), n2.set(t4, i2)), i2;
48859
48859
  }(e3, t3);
@@ -48865,7 +48865,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48865
48865
  }, set: function(e3, t3, n2, i2) {
48866
48866
  n2 && void 0 !== n2[u] && (n2 = n2[u]);
48867
48867
  var r22 = _2(t3), o2 = r22 ? null : Reflect.get(e3, t3, i2), a3 = Reflect.set(e3[u] || e3, t3, n2);
48868
- return r22 || m(o2, n2) || g2(h.get(e3), t3, o2, n2), a3;
48868
+ return r22 || f(o2, n2) || g2(h.get(e3), t3, o2, n2), a3;
48869
48869
  }, defineProperty: function(e3, t3, n2) {
48870
48870
  var i2 = Reflect.defineProperty(e3, t3, n2);
48871
48871
  return _2(t3) || (b(e3, t3), g2(h.get(e3), t3, void 0, n2.value)), i2;
@@ -48878,7 +48878,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
48878
48878
  if (i2 && (t3 = t3[u]), !c) {
48879
48879
  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));
48880
48880
  var r22 = Reflect.apply(e3, t3, n2);
48881
- return c = false, (d || i2 && !m(l, t3.valueOf())) && (g2(s, "", l, t3[u] || t3), l = null, d = false), r22;
48881
+ return c = false, (d || i2 && !f(l, t3.valueOf())) && (g2(s, "", l, t3[u] || t3), l = null, d = false), r22;
48882
48882
  }
48883
48883
  return Reflect.apply(e3, t3, n2);
48884
48884
  } }, x = y(e2, "");
@@ -49077,7 +49077,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49077
49077
  r2.subscriptions.add(a3);
49078
49078
  } else r2.handleRequest(t4, r2.evalExpression(n3));
49079
49079
  };
49080
- for (var m in e2.httpRequests) p(m);
49080
+ for (var f in e2.httpRequests) p(f);
49081
49081
  }
49082
49082
  };
49083
49083
  var o = r2.inlinedContent;
@@ -49152,13 +49152,13 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49152
49152
  o.insertAdjacentElement("beforebegin", p), p.appendChild(o), d = p;
49153
49153
  }
49154
49154
  if ((Builder$1.isEditing || Builder$1.isBrowser && location.search.includes("builder.preview=")) && (s = false), s && o) try {
49155
- var m = ReactDOM$1.render(React$1.createElement(t2, __assign({}, n)), d, d.builderRootRef);
49156
- return d.builderRootRef = m, m;
49155
+ var f = ReactDOM$1.render(React$1.createElement(t2, __assign({}, n)), d, d.builderRootRef);
49156
+ return d.builderRootRef = f, f;
49157
49157
  } catch (e3) {
49158
49158
  console.log(e3, n, o);
49159
49159
  }
49160
- var f = ReactDOM$1.render(React$1.createElement(t2, __assign({}, n)), d, d.builderRootRef);
49161
- return d.builderRootRef = f, f;
49160
+ var m = ReactDOM$1.render(React$1.createElement(t2, __assign({}, n)), d, d.builderRootRef);
49161
+ return d.builderRootRef = m, m;
49162
49162
  }
49163
49163
  console.debug("Tried to hydrate multiple times");
49164
49164
  }
@@ -49389,29 +49389,29 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49389
49389
  if (this.loadPromise) return [2, this.loadPromise];
49390
49390
  this.unpkgUrl = t22, this.loadPromise = __awaiter(n, void 0, void 0, function() {
49391
49391
  var t3, n2, i2, r2, o, a, s, l, u, c, d, p;
49392
- return __generator(this, function(m) {
49393
- switch (m.label) {
49392
+ return __generator(this, function(f) {
49393
+ switch (f.label) {
49394
49394
  case 0:
49395
- m.trys.push([0, 14, 15, 20]), t3 = true, n2 = __asyncValues(e2), m.label = 1;
49395
+ f.trys.push([0, 14, 15, 20]), t3 = true, n2 = __asyncValues(e2), f.label = 1;
49396
49396
  case 1:
49397
49397
  return [4, n2.next()];
49398
49398
  case 2:
49399
- if (i2 = m.sent(), u = i2.done) return [3, 13];
49400
- p = i2.value, t3 = false, m.label = 3;
49399
+ if (i2 = f.sent(), u = i2.done) return [3, 13];
49400
+ p = i2.value, t3 = false, f.label = 3;
49401
49401
  case 3:
49402
- 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];
49403
- this.remoteAssets[r2] = "loading", m.label = 4;
49402
+ if (f.trys.push([3, , 11, 12]), r2 = (r2 = p).replace("https://unpkg.com", this.unpkgUrl), this.remoteAssets[r2]) return console.log("已经在加载: ".concat(r2)), [3, 12];
49403
+ this.remoteAssets[r2] = "loading", f.label = 4;
49404
49404
  case 4:
49405
- return m.trys.push([4, 8, 9, 10]), [4, fetch(r2, { mode: "cors" })];
49405
+ return f.trys.push([4, 8, 9, 10]), [4, fetch(r2, { mode: "cors" })];
49406
49406
  case 5:
49407
- if (!(o = m.sent()).ok) throw new Error("无法获取资产: ".concat(o.statusText));
49407
+ if (!(o = f.sent()).ok) throw new Error("无法获取资产: ".concat(o.statusText));
49408
49408
  return [4, o.json()];
49409
49409
  case 6:
49410
- return a = m.sent(), [4, this.registerAssets(a)];
49410
+ return a = f.sent(), [4, this.registerAssets(a)];
49411
49411
  case 7:
49412
- return m.sent(), console.log("资产已加载: ".concat(r2)), [3, 10];
49412
+ return f.sent(), console.log("资产已加载: ".concat(r2)), [3, 10];
49413
49413
  case 8:
49414
- return s = m.sent(), console.error("从 ".concat(r2, " 加载资产时出错:"), s), [3, 10];
49414
+ return s = f.sent(), console.error("从 ".concat(r2, " 加载资产时出错:"), s), [3, 10];
49415
49415
  case 9:
49416
49416
  return this.remoteAssets[r2] = "loaded", [7];
49417
49417
  case 10:
@@ -49423,11 +49423,11 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49423
49423
  case 13:
49424
49424
  return [3, 20];
49425
49425
  case 14:
49426
- return l = m.sent(), c = { error: l }, [3, 20];
49426
+ return l = f.sent(), c = { error: l }, [3, 20];
49427
49427
  case 15:
49428
- return m.trys.push([15, , 18, 19]), t3 || u || !(d = n2.return) ? [3, 17] : [4, d.call(n2)];
49428
+ return f.trys.push([15, , 18, 19]), t3 || u || !(d = n2.return) ? [3, 17] : [4, d.call(n2)];
49429
49429
  case 16:
49430
- m.sent(), m.label = 17;
49430
+ f.sent(), f.label = 17;
49431
49431
  case 17:
49432
49432
  return [3, 19];
49433
49433
  case 18:
@@ -49570,9 +49570,9 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49570
49570
  case 0:
49571
49571
  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)];
49572
49572
  case 1:
49573
- return n2 = i.sent(), console.log("AmisRenderer loadSchema result", n2), this.setState({ schema: n2 }), [3, 3];
49573
+ return n2 = i.sent(), this.setState({ schema: n2 }), [3, 3];
49574
49574
  case 2:
49575
- console.log("AmisRenderer loadSchema schema", e2), this.setState({ schema: e2 }), i.label = 3;
49575
+ this.setState({ schema: e2 }), i.label = 3;
49576
49576
  case 3:
49577
49577
  return [2];
49578
49578
  }
@@ -49596,7 +49596,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49596
49596
  return __generator(this, function(t22) {
49597
49597
  switch (t22.label) {
49598
49598
  case 0:
49599
- return JSON.stringify(e2.$schema) === JSON.stringify(this.props.$schema) ? [3, 2] : (console.log("AmisRenderer componentDidUpdate schema"), [4, this.loadSchema()]);
49599
+ return JSON.stringify(e2.$schema) === JSON.stringify(this.props.$schema) ? [3, 2] : [4, this.loadSchema()];
49600
49600
  case 1:
49601
49601
  return t22.sent(), [3, 3];
49602
49602
  case 2:
@@ -49607,7 +49607,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49607
49607
  });
49608
49608
  });
49609
49609
  }, t2.prototype.render = function() {
49610
- 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" });
49610
+ return this.state.schema ? React$1.createElement(React$1.Fragment, null, this.props.render("body", this.state.schema)) : React$1.createElement("div", { className: "loading" });
49611
49611
  }, t2;
49612
49612
  }(React$1.Component), AmisComponent = function(e) {
49613
49613
  function t2(t22) {
@@ -49634,8 +49634,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49634
49634
  case 1:
49635
49635
  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) {
49636
49636
  return 1 != e3.allowCredentials && (e3.withCredentials = false, delete e3.allowCredentials), e3;
49637
- } }, 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() {
49638
- console.log("this.amisScoped", r2.amisScoped), Object.assign(r2._scoped, r2.amisScoped);
49637
+ } }, Builder$1.settings.env), t22.env), this.props.env), this.amisScoped = this.amis.embed(this.ref.current, this.props.schema, { data: n }, i, function() {
49638
+ Object.assign(r2._scoped, r2.amisScoped);
49639
49639
  }), [2];
49640
49640
  }
49641
49641
  });
@@ -49643,8 +49643,8 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49643
49643
  }, t2.prototype.componentDidUpdate = function(e2) {
49644
49644
  return __awaiter(this, void 0, void 0, function() {
49645
49645
  return __generator(this, function(t22) {
49646
- 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() {
49647
- })), [2];
49646
+ 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() {
49647
+ }), [2];
49648
49648
  });
49649
49649
  });
49650
49650
  }, t2.prototype.render = function() {
@@ -49893,27 +49893,27 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49893
49893
  void 0 === n && (n = {});
49894
49894
  var d = "";
49895
49895
  if (e) {
49896
- var p = e.split(","), m = p.length;
49896
+ var p = e.split(","), f = p.length;
49897
49897
  d = p.map(function(e2, t22) {
49898
- return m === t22 + 1 ? e2.replace(/\([\s\S]*?\)/g, "").trim() : e2;
49898
+ return f === t22 + 1 ? e2.replace(/\([\s\S]*?\)/g, "").trim() : e2;
49899
49899
  }).join(", ");
49900
49900
  } else if (t2 && t2.responsiveStyles) {
49901
- var f = [], h = false, v = /^\d+/, g2 = getSizesForBreakpoints(n);
49901
+ var m = [], h = false, v = /^\d+/, g2 = getSizesForBreakpoints(n);
49902
49902
  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)) {
49903
49903
  h = true;
49904
49904
  var b = "(max-width: ".concat(g2.small.max, "px)"), y = "".concat(b, " ").concat(t2.responsiveStyles.small.width.replace("%", "vw"));
49905
- f.push(y);
49905
+ m.push(y);
49906
49906
  }
49907
49907
  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)) {
49908
49908
  h = true;
49909
49909
  b = "(max-width: ".concat(g2.medium.max, "px)"), y = "".concat(b, " ").concat(t2.responsiveStyles.medium.width.replace("%", "vw"));
49910
- f.push(y);
49910
+ m.push(y);
49911
49911
  }
49912
49912
  if (null === (c = null === (u = t2.responsiveStyles) || void 0 === u ? void 0 : u.large) || void 0 === c ? void 0 : c.width) {
49913
49913
  var _2 = t2.responsiveStyles.large.width.replace("%", "vw");
49914
- f.push(_2);
49915
- } else h && f.push("100vw");
49916
- f.length && (d = f.join(", "));
49914
+ m.push(_2);
49915
+ } else h && m.push("100vw");
49916
+ m.length && (d = m.join(", "));
49917
49917
  }
49918
49918
  return d;
49919
49919
  }, ImageComponent = function(e) {
@@ -49951,14 +49951,14 @@ Try polyfilling it using "@formatjs/intl-displaynames"
49951
49951
  }, t2.prototype.render = function() {
49952
49952
  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;
49953
49953
  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());
49954
- var p = (null == a ? void 0 : a.id.startsWith("builder-pixel-")) || this.props.highPriority, m = this.props.fitContent;
49954
+ var p = (null == a ? void 0 : a.id.startsWith("builder-pixel-")) || this.props.highPriority, f = this.props.fitContent;
49955
49955
  return jsx(BuilderMetaContext.Consumer, null, function(e3) {
49956
49956
  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() {
49957
49957
  return n.setState({ imageLoaded: true });
49958
49958
  } }, { srcSet: u, sizes: !i2 && c ? c : void 0 }));
49959
49959
  return jsx(React$1.Fragment, null, i2 ? s2 : jsx("picture", { ref: function(e4) {
49960
49960
  return n.pictureRef = e4;
49961
- } }, 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) {
49961
+ } }, u && u.match(/builder\.io/) && !n.props.noWebp && jsx("source", { srcSet: u.replace(/\?/g, "?format=webp&"), type: "image/webp" }), s2), !r2 || i2 || f && l && l.length ? null : jsx("div", { className: "builder-image-sizer", css: { width: "100%", paddingTop: 100 * r2 + "%", pointerEvents: "none", fontSize: 0 } }, " "), l && l.length ? f ? l.map(function(e4, t4) {
49962
49962
  return jsx(BuilderBlock$1, { key: e4.id, block: e4 });
49963
49963
  }) : jsx("div", { css: { display: "flex", flexDirection: "column", alignItems: "stretch", position: "absolute", top: 0, left: 0, width: "100%", height: "100%" } }, l.map(function(e4, t4) {
49964
49964
  return jsx(BuilderBlock$1, { key: e4.id, block: e4 });
@@ -50063,16 +50063,16 @@ Try polyfilling it using "@formatjs/intl-displaynames"
50063
50063
  } });
50064
50064
  var i = this.props.symbol, r2 = false;
50065
50065
  i || (r2 = true);
50066
- 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;
50067
- 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);
50068
- var f = m ? null === (t22 = this.props.builderBlock) || void 0 === t22 ? void 0 : t22.id : [s, l].join(":"), h = u && size(u) && hash(u);
50069
- f && h && h.length < 300 && (f += ":" + h);
50066
+ 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, f = (null == i ? void 0 : i.dynamic) || this.props.dynamic;
50067
+ s && (l || f) || (null === (e2 = null == c ? void 0 : c.data) || void 0 === e2 ? void 0 : e2.blocksJs) || d || (r2 = true), this.isEditingThisSymbol && (r2 = false);
50068
+ var m = f ? null === (t22 = this.props.builderBlock) || void 0 === t22 ? void 0 : t22.id : [s, l].join(":"), h = u && size(u) && hash(u);
50069
+ m && h && h.length < 300 && (m += ":" + h);
50070
50070
  var v = this.props.attributes || {};
50071
50071
  return jsx(BuilderStoreContext.Consumer, { key: (s || "no model") + ":" + (l || "no entry" + this.isEditingThisSymbol) }, function(e3) {
50072
- 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");
50072
+ var t3, a2, d2, f2, h2, g2, b, y, _2, S, x, w = "".concat(m, "_").concat((null === (t3 = null == e3 ? void 0 : e3.state) || void 0 === t3 ? void 0 : t3.locale) || "Default");
50073
50073
  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) {
50074
50074
  return n.ref = e4;
50075
- }, 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));
50075
+ }, 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 == 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));
50076
50076
  });
50077
50077
  }, t2;
50078
50078
  }(React$1.Component);
@@ -50476,7 +50476,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
50476
50476
  }();
50477
50477
  }
50478
50478
  function PersonalizationContainer(e) {
50479
- 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);
50479
+ var t2, n, i, r2, o, a, s, l, u, c, d, p, f, m, 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);
50480
50480
  if (reactExports.useEffect(function() {
50481
50481
  var e2;
50482
50482
  C(true);
@@ -50511,7 +50511,7 @@ Try polyfilling it using "@formatjs/intl-displaynames"
50511
50511
  var n2;
50512
50512
  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);
50513
50513
  });
50514
- 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, " ") } }));
50514
+ 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 === (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, " ") } }));
50515
50515
  }
50516
50516
  function getPersonalizationScript(e, t2, n) {
50517
50517
  return `
@@ -58712,10 +58712,19 @@ Try polyfilling it using "@formatjs/intl-displaynames"
58712
58712
  let IntlProvider$1 = class IntlProvider extends React$1.PureComponent {
58713
58713
  constructor(props) {
58714
58714
  super(props);
58715
- __publicField(this, "fetchSettings", async () => {
58715
+ __publicField(this, "fetchSettings", async (retryCount = 0, maxRetries = 20) => {
58716
58716
  try {
58717
58717
  const response = await axios.get("/api/public/settings");
58718
58718
  const settingsData = response.data;
58719
+ if (settingsData.serverStatus === "starting") {
58720
+ if (retryCount < maxRetries) {
58721
+ console.log(`Server is starting, retrying in 3 seconds... (${retryCount + 1}/${maxRetries})`);
58722
+ await new Promise((resolve) => setTimeout(resolve, 3e3));
58723
+ return this.fetchSettings(retryCount + 1, maxRetries);
58724
+ } else {
58725
+ throw new Error("Server is taking too long to start");
58726
+ }
58727
+ }
58719
58728
  const _window2 = window;
58720
58729
  const Builder2 = window.Builder;
58721
58730
  Builder2.settings.appId = "-";
@@ -58729,6 +58738,9 @@ Try polyfilling it using "@formatjs/intl-displaynames"
58729
58738
  };
58730
58739
  Builder2.settings.unpkgUrl = settingsData.unpkgUrl;
58731
58740
  Builder2.settings.assetUrls = settingsData.assetUrls;
58741
+ Builder2.settings.steedosVersion = settingsData.steedosVersion;
58742
+ Builder2.settings.rootUrl = settingsData.rootUrl;
58743
+ Builder2.settings.steedosAmisVersion = settingsData.steedosAmisVersion;
58732
58744
  Builder2.settings.env = {
58733
58745
  requestAdaptor: (config2) => {
58734
58746
  if (config2.url.startsWith("/")) {
package/dist/index.html CHANGED
@@ -60,7 +60,7 @@
60
60
  window.loadCss = loadCss;
61
61
 
62
62
  </script>
63
- <script type="module" crossorigin src="/assets/index-BMMOSIvt.js"></script>
63
+ <script type="module" crossorigin src="/assets/index-C8zkiyjC.js"></script>
64
64
  </head>
65
65
  <body class="skin-blue-light fixed steedos sidebar-mini three-columns" >
66
66
  <div id="root" class="steedos skin-blue-light creator h-full flex flex-col relative overflow-hidden"></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@steedos/webapp",
3
- "version": "3.0.0-beta.25",
3
+ "version": "3.0.0-beta.26",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -24,7 +24,7 @@
24
24
  "@accounts/client": "^0.19.0",
25
25
  "@accounts/client-password": "^0.19.0",
26
26
  "@accounts/rest-client": "^0.19.0",
27
- "@builder6/react": "8.0.34",
27
+ "@builder6/react": "8.0.36",
28
28
  "@material-ui/core": "^4.4.1",
29
29
  "@material-ui/icons": "^4.4.1",
30
30
  "@material-ui/styles": "^4.4.1",
@@ -68,5 +68,5 @@
68
68
  "access": "public"
69
69
  },
70
70
  "repository": "https://github.com/steedos/app-builder/tree/master/apps/accounts",
71
- "gitHead": "bcc2f288c4444202c4ec728beed73d00fe429841"
71
+ "gitHead": "b0b298b226854ea95190e4723fd508d9e096901e"
72
72
  }