@commercelayer/app-elements 2.12.1 → 3.0.1

package/dist/{CodeEditorComponent-B3Yc7bb7.js → CodeEditorComponent-Cru9Y-Qc.js}

@@ -1,7 +1,7 @@
 "use client";
-import { j as se, I as Ee } from "./main-s5Y-GzBf.js";
-import q, { memo as ce, useState as V, useRef as w, useCallback as ue, useEffect as $, forwardRef as Ie } from "react";
-function Ce(e, t, r) {
+import { j as se, I as Ee } from "./main-r1-D6uI_.js";
+import z, { memo as ce, useState as U, useRef as w, useCallback as ue, useEffect as $, forwardRef as Ce } from "react";
+function Ie(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -23,7 +23,7 @@ function de(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? fe(Object(r), !0).forEach(function(n) {
-      Ce(e, n, r[n]);
+      Ie(e, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : fe(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
@@ -48,19 +48,19 @@ function Le(e, t) {
   return r;
 }
 function Ae(e, t) {
-  return De(e) || xe(e, t) || Te(e, t) || Re();
+  return xe(e) || De(e, t) || Te(e, t) || Re();
 }
-function De(e) {
+function xe(e) {
   if (Array.isArray(e)) return e;
 }
-function xe(e, t) {
+function De(e, t) {
   if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
     var r = [], n = !0, i = !1, o = void 0;
     try {
-      for (var a = e[Symbol.iterator](), f; !(n = (f = a.next()).done) && (r.push(f.value), !(t && r.length === t)); n = !0)
+      for (var a = e[Symbol.iterator](), l; !(n = (l = a.next()).done) && (r.push(l.value), !(t && r.length === t)); n = !0)
         ;
-    } catch (s) {
-      i = !0, o = s;
+    } catch (p) {
+      i = !0, o = p;
     } finally {
       try {
         !n && a.return != null && a.return();
@@ -131,9 +131,9 @@ function H(e) {
     for (var r = this, n = arguments.length, i = new Array(n), o = 0; o < n; o++)
       i[o] = arguments[o];
     return i.length >= e.length ? e.apply(this, i) : function() {
-      for (var a = arguments.length, f = new Array(a), s = 0; s < a; s++)
-        f[s] = arguments[s];
-      return t.apply(r, [].concat(i, f));
+      for (var a = arguments.length, l = new Array(a), p = 0; p < a; p++)
+        l[p] = arguments[p];
+      return t.apply(r, [].concat(i, l));
     };
   };
 }
@@ -150,20 +150,20 @@ function Ve(e, t) {
   return Object.prototype.hasOwnProperty.call(e, t);
 }
 function ze(e, t) {
-  return ee(t) || x("changeType"), Object.keys(t).some(function(r) {
+  return ee(t) || D("changeType"), Object.keys(t).some(function(r) {
     return !Ve(e, r);
-  }) && x("changeField"), t;
+  }) && D("changeField"), t;
 }
 function Ue(e) {
-  K(e) || x("selectorType");
+  K(e) || D("selectorType");
 }
 function We(e) {
-  K(e) || ee(e) || x("handlerType"), ee(e) && Object.values(e).some(function(t) {
+  K(e) || ee(e) || D("handlerType"), ee(e) && Object.values(e).some(function(t) {
     return !K(t);
-  }) && x("handlersType");
+  }) && D("handlersType");
 }
 function Fe(e) {
-  e || x("initialIsRequired"), ee(e) || x("initialType"), qe(e) && x("initialContent");
+  e || D("initialIsRequired"), ee(e) || D("initialType"), qe(e) && D("initialContent");
 }
 function ke(e, t) {
   throw new Error(e[t] || e.default);
@@ -178,7 +178,7 @@ var He = {
   changeType: "provided value of changes should be an object",
   changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
   default: "an unknown error accured in `state-local` package"
-}, x = H(ke)(He), Q = {
+}, D = H(ke)(He), Q = {
   changes: ze,
   selector: Ue,
   handler: We,
@@ -190,16 +190,16 @@ function Be(e) {
   var r = {
     current: e
   }, n = H(Je)(r, t), i = H(Ge)(r), o = H(Q.changes)(e), a = H(Ke)(r);
-  function f() {
-    var v = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(y) {
+  function l() {
+    var g = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(y) {
       return y;
     };
-    return Q.selector(v), v(r.current);
+    return Q.selector(g), g(r.current);
   }
-  function s(v) {
-    _e(n, i, o, a)(v);
+  function p(g) {
+    _e(n, i, o, a)(g);
   }
-  return [f, s];
+  return [l, p];
 }
 function Ke(e, t) {
   return K(t) ? t(e.current) : t;
@@ -225,9 +225,9 @@ function Qe(e) {
     for (var r = this, n = arguments.length, i = new Array(n), o = 0; o < n; o++)
       i[o] = arguments[o];
     return i.length >= e.length ? e.apply(this, i) : function() {
-      for (var a = arguments.length, f = new Array(a), s = 0; s < a; s++)
-        f[s] = arguments[s];
-      return t.apply(r, [].concat(i, f));
+      for (var a = arguments.length, l = new Array(a), p = 0; p < a; p++)
+        l[p] = arguments[p];
+      return t.apply(r, [].concat(i, l));
     };
   };
 }
@@ -383,11 +383,11 @@ var oe = new Promise(function(e, t) {
   __getMonacoInstance: pt
 }, gt = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, ae = gt, ht = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, mt = ht;
 function vt({ children: e }) {
-  return q.createElement("div", { style: mt.container }, e);
+  return z.createElement("div", { style: mt.container }, e);
 }
 var bt = vt, wt = bt;
 function yt({ width: e, height: t, isEditorReady: r, loading: n, _ref: i, className: o, wrapperProps: a }) {
-  return q.createElement("section", { style: { ...ae.wrapper, width: e, height: t }, ...a }, !r && q.createElement(wt, null, n), q.createElement("div", { ref: i, style: { ...ae.fullWidth, ...!r && ae.hide }, className: o }));
+  return z.createElement("section", { style: { ...ae.wrapper, width: e, height: t }, ...a }, !r && z.createElement(wt, null, n), z.createElement("div", { ref: i, style: { ...ae.fullWidth, ...!r && ae.hide }, className: o }));
 }
 var Ot = yt, je = ce(Ot);
 function jt(e) {
@@ -400,10 +400,10 @@ function Mt(e, t, r = !0) {
     n.current = !1;
   } : e, t);
 }
-var P = Mt;
+var E = Mt;
 function B() {
 }
-function _(e, t, r, n) {
+function V(e, t, r, n) {
   return St(e, n) || Pt(e, t, r, n);
 }
 function St(e, t) {
@@ -415,63 +415,63 @@ function Pt(e, t, r, n) {
 function Me(e, t) {
   return e.Uri.parse(t);
 }
-function Et({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: i, originalModelPath: o, modifiedModelPath: a, keepCurrentOriginalModel: f = !1, keepCurrentModifiedModel: s = !1, theme: v = "light", loading: y = "Loading...", options: O = {}, height: L = "100%", width: J = "100%", className: C, wrapperProps: E = {}, beforeMount: A = B, onMount: z = B }) {
-  let [j, b] = V(!1), [I, d] = V(!0), g = w(null), c = w(null), U = w(null), M = w(z), p = w(A), T = w(!1);
+function Et({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: i, originalModelPath: o, modifiedModelPath: a, keepCurrentOriginalModel: l = !1, keepCurrentModifiedModel: p = !1, theme: g = "light", loading: y = "Loading...", options: O = {}, height: T = "100%", width: L = "100%", className: J, wrapperProps: I = {}, beforeMount: C = B, onMount: A = B }) {
+  let [j, R] = U(!1), [m, b] = U(!0), d = w(null), s = w(null), M = w(null), S = w(A), f = w(C), N = w(!1);
   le(() => {
     let u = te.init();
-    return u.then((h) => (c.current = h) && d(!1)).catch((h) => (h == null ? void 0 : h.type) !== "cancelation" && console.error("Monaco initialization: error:", h)), () => g.current ? W() : u.cancel();
-  }), P(() => {
-    if (g.current && c.current) {
-      let u = g.current.getOriginalEditor(), h = _(c.current, e || "", n || r || "text", o || "");
+    return u.then((h) => (s.current = h) && b(!1)).catch((h) => (h == null ? void 0 : h.type) !== "cancelation" && console.error("Monaco initialization: error:", h)), () => d.current ? W() : u.cancel();
+  }), E(() => {
+    if (d.current && s.current) {
+      let u = d.current.getOriginalEditor(), h = V(s.current, e || "", n || r || "text", o || "");
       h !== u.getModel() && u.setModel(h);
     }
-  }, [o], j), P(() => {
-    if (g.current && c.current) {
-      let u = g.current.getModifiedEditor(), h = _(c.current, t || "", i || r || "text", a || "");
+  }, [o], j), E(() => {
+    if (d.current && s.current) {
+      let u = d.current.getModifiedEditor(), h = V(s.current, t || "", i || r || "text", a || "");
       h !== u.getModel() && u.setModel(h);
     }
-  }, [a], j), P(() => {
-    let u = g.current.getModifiedEditor();
-    u.getOption(c.current.editor.EditorOption.readOnly) ? u.setValue(t || "") : t !== u.getValue() && (u.executeEdits("", [{ range: u.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), u.pushUndoStop());
-  }, [t], j), P(() => {
+  }, [a], j), E(() => {
+    let u = d.current.getModifiedEditor();
+    u.getOption(s.current.editor.EditorOption.readOnly) ? u.setValue(t || "") : t !== u.getValue() && (u.executeEdits("", [{ range: u.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), u.pushUndoStop());
+  }, [t], j), E(() => {
     var u, h;
-    (h = (u = g.current) == null ? void 0 : u.getModel()) == null || h.original.setValue(e || "");
-  }, [e], j), P(() => {
-    let { original: u, modified: h } = g.current.getModel();
-    c.current.editor.setModelLanguage(u, n || r || "text"), c.current.editor.setModelLanguage(h, i || r || "text");
-  }, [r, n, i], j), P(() => {
+    (h = (u = d.current) == null ? void 0 : u.getModel()) == null || h.original.setValue(e || "");
+  }, [e], j), E(() => {
+    let { original: u, modified: h } = d.current.getModel();
+    s.current.editor.setModelLanguage(u, n || r || "text"), s.current.editor.setModelLanguage(h, i || r || "text");
+  }, [r, n, i], j), E(() => {
     var u;
-    (u = c.current) == null || u.editor.setTheme(v);
-  }, [v], j), P(() => {
+    (u = s.current) == null || u.editor.setTheme(g);
+  }, [g], j), E(() => {
     var u;
-    (u = g.current) == null || u.updateOptions(O);
+    (u = d.current) == null || u.updateOptions(O);
   }, [O], j);
   let Y = ue(() => {
-    var D;
-    if (!c.current) return;
-    p.current(c.current);
-    let u = _(c.current, e || "", n || r || "text", o || ""), h = _(c.current, t || "", i || r || "text", a || "");
-    (D = g.current) == null || D.setModel({ original: u, modified: h });
+    var x;
+    if (!s.current) return;
+    f.current(s.current);
+    let u = V(s.current, e || "", n || r || "text", o || ""), h = V(s.current, t || "", i || r || "text", a || "");
+    (x = d.current) == null || x.setModel({ original: u, modified: h });
   }, [r, t, i, e, n, o, a]), Z = ue(() => {
     var u;
-    !T.current && U.current && (g.current = c.current.editor.createDiffEditor(U.current, { automaticLayout: !0, ...O }), Y(), (u = c.current) == null || u.editor.setTheme(v), b(!0), T.current = !0);
-  }, [O, v, Y]);
+    !N.current && M.current && (d.current = s.current.editor.createDiffEditor(M.current, { automaticLayout: !0, ...O }), Y(), (u = s.current) == null || u.editor.setTheme(g), R(!0), N.current = !0);
+  }, [O, g, Y]);
   $(() => {
-    j && M.current(g.current, c.current);
+    j && S.current(d.current, s.current);
   }, [j]), $(() => {
-    !I && !j && Z();
-  }, [I, j, Z]);
+    !m && !j && Z();
+  }, [m, j, Z]);
   function W() {
-    var h, D, R, F;
-    let u = (h = g.current) == null ? void 0 : h.getModel();
-    f || ((D = u == null ? void 0 : u.original) == null || D.dispose()), s || ((R = u == null ? void 0 : u.modified) == null || R.dispose()), (F = g.current) == null || F.dispose();
+    var h, x, _, F;
+    let u = (h = d.current) == null ? void 0 : h.getModel();
+    l || ((x = u == null ? void 0 : u.original) == null || x.dispose()), p || ((_ = u == null ? void 0 : u.modified) == null || _.dispose()), (F = d.current) == null || F.dispose();
   }
-  return q.createElement(je, { width: J, height: L, isEditorReady: j, loading: y, _ref: U, className: C, wrapperProps: E });
+  return z.createElement(je, { width: L, height: T, isEditorReady: j, loading: y, _ref: M, className: J, wrapperProps: I });
 }
-var It = Et;
-ce(It);
-function Ct() {
-  let [e, t] = V(te.__getMonacoInstance());
+var Ct = Et;
+ce(Ct);
+function It() {
+  let [e, t] = U(te.__getMonacoInstance());
   return le(() => {
     let r;
     return e || (r = te.init(), r.then((n) => {
@@ -479,7 +479,7 @@ function Ct() {
     })), () => r == null ? void 0 : r.cancel();
   }), e;
 }
-var $t = Ct;
+var $t = It;
 function Lt(e) {
   let t = w();
   return $(() => {
@@ -487,72 +487,72 @@ function Lt(e) {
   }, [e]), t.current;
 }
 var At = Lt, X = /* @__PURE__ */ new Map();
-function Dt({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: i, path: o, theme: a = "light", line: f, loading: s = "Loading...", options: v = {}, overrideServices: y = {}, saveViewState: O = !0, keepCurrentModel: L = !1, width: J = "100%", height: C = "100%", className: E, wrapperProps: A = {}, beforeMount: z = B, onMount: j = B, onChange: b, onValidate: I = B }) {
-  let [d, g] = V(!1), [c, U] = V(!0), M = w(null), p = w(null), T = w(null), Y = w(j), Z = w(z), W = w(), u = w(n), h = At(o), D = w(!1), R = w(!1);
+function xt({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: i, path: o, theme: a = "light", line: l, loading: p = "Loading...", options: g = {}, overrideServices: y = {}, saveViewState: O = !0, keepCurrentModel: T = !1, width: L = "100%", height: J = "100%", className: I, wrapperProps: C = {}, beforeMount: A = B, onMount: j = B, onChange: R, onValidate: m = B }) {
+  let [b, d] = U(!1), [s, M] = U(!0), S = w(null), f = w(null), N = w(null), Y = w(j), Z = w(A), W = w(), u = w(n), h = At(o), x = w(!1), _ = w(!1);
   le(() => {
-    let l = te.init();
-    return l.then((m) => (M.current = m) && U(!1)).catch((m) => (m == null ? void 0 : m.type) !== "cancelation" && console.error("Monaco initialization: error:", m)), () => p.current ? Pe() : l.cancel();
-  }), P(() => {
-    var m, S, k, N;
-    let l = _(M.current, e || n || "", t || i || "", o || r || "");
-    l !== ((m = p.current) == null ? void 0 : m.getModel()) && (O && X.set(h, (S = p.current) == null ? void 0 : S.saveViewState()), (k = p.current) == null || k.setModel(l), O && ((N = p.current) == null || N.restoreViewState(X.get(o))));
-  }, [o], d), P(() => {
-    var l;
-    (l = p.current) == null || l.updateOptions(v);
-  }, [v], d), P(() => {
-    !p.current || n === void 0 || (p.current.getOption(M.current.editor.EditorOption.readOnly) ? p.current.setValue(n) : n !== p.current.getValue() && (R.current = !0, p.current.executeEdits("", [{ range: p.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), p.current.pushUndoStop(), R.current = !1));
-  }, [n], d), P(() => {
-    var m, S;
-    let l = (m = p.current) == null ? void 0 : m.getModel();
-    l && i && ((S = M.current) == null || S.editor.setModelLanguage(l, i));
-  }, [i], d), P(() => {
-    var l;
-    f !== void 0 && ((l = p.current) == null || l.revealLine(f));
-  }, [f], d), P(() => {
-    var l;
-    (l = M.current) == null || l.editor.setTheme(a);
-  }, [a], d);
+    let c = te.init();
+    return c.then((v) => (S.current = v) && M(!1)).catch((v) => (v == null ? void 0 : v.type) !== "cancelation" && console.error("Monaco initialization: error:", v)), () => f.current ? Pe() : c.cancel();
+  }), E(() => {
+    var v, P, k, q;
+    let c = V(S.current, e || n || "", t || i || "", o || r || "");
+    c !== ((v = f.current) == null ? void 0 : v.getModel()) && (O && X.set(h, (P = f.current) == null ? void 0 : P.saveViewState()), (k = f.current) == null || k.setModel(c), O && ((q = f.current) == null || q.restoreViewState(X.get(o))));
+  }, [o], b), E(() => {
+    var c;
+    (c = f.current) == null || c.updateOptions(g);
+  }, [g], b), E(() => {
+    !f.current || n === void 0 || (f.current.getOption(S.current.editor.EditorOption.readOnly) ? f.current.setValue(n) : n !== f.current.getValue() && (_.current = !0, f.current.executeEdits("", [{ range: f.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), f.current.pushUndoStop(), _.current = !1));
+  }, [n], b), E(() => {
+    var v, P;
+    let c = (v = f.current) == null ? void 0 : v.getModel();
+    c && i && ((P = S.current) == null || P.editor.setModelLanguage(c, i));
+  }, [i], b), E(() => {
+    var c;
+    l !== void 0 && ((c = f.current) == null || c.revealLine(l));
+  }, [l], b), E(() => {
+    var c;
+    (c = S.current) == null || c.editor.setTheme(a);
+  }, [a], b);
   let F = ue(() => {
-    var l;
-    if (!(!T.current || !M.current) && !D.current) {
-      Z.current(M.current);
-      let m = o || r, S = _(M.current, n || e || "", t || i || "", m || "");
-      p.current = (l = M.current) == null ? void 0 : l.editor.create(T.current, { model: S, automaticLayout: !0, ...v }, y), O && p.current.restoreViewState(X.get(m)), M.current.editor.setTheme(a), f !== void 0 && p.current.revealLine(f), g(!0), D.current = !0;
+    var c;
+    if (!(!N.current || !S.current) && !x.current) {
+      Z.current(S.current);
+      let v = o || r, P = V(S.current, n || e || "", t || i || "", v || "");
+      f.current = (c = S.current) == null ? void 0 : c.editor.create(N.current, { model: P, automaticLayout: !0, ...g }, y), O && f.current.restoreViewState(X.get(v)), S.current.editor.setTheme(a), l !== void 0 && f.current.revealLine(l), d(!0), x.current = !0;
     }
-  }, [e, t, r, n, i, o, v, y, O, a, f]);
+  }, [e, t, r, n, i, o, g, y, O, a, l]);
   $(() => {
-    d && Y.current(p.current, M.current);
-  }, [d]), $(() => {
-    !c && !d && F();
-  }, [c, d, F]), u.current = n, $(() => {
-    var l, m;
-    d && b && ((l = W.current) == null || l.dispose(), W.current = (m = p.current) == null ? void 0 : m.onDidChangeModelContent((S) => {
-      R.current || b(p.current.getValue(), S);
+    b && Y.current(f.current, S.current);
+  }, [b]), $(() => {
+    !s && !b && F();
+  }, [s, b, F]), u.current = n, $(() => {
+    var c, v;
+    b && R && ((c = W.current) == null || c.dispose(), W.current = (v = f.current) == null ? void 0 : v.onDidChangeModelContent((P) => {
+      _.current || R(f.current.getValue(), P);
     }));
-  }, [d, b]), $(() => {
-    if (d) {
-      let l = M.current.editor.onDidChangeMarkers((m) => {
+  }, [b, R]), $(() => {
+    if (b) {
+      let c = S.current.editor.onDidChangeMarkers((v) => {
         var k;
-        let S = (k = p.current.getModel()) == null ? void 0 : k.uri;
-        if (S && m.find((N) => N.path === S.path)) {
-          let N = M.current.editor.getModelMarkers({ resource: S });
-          I == null || I(N);
+        let P = (k = f.current.getModel()) == null ? void 0 : k.uri;
+        if (P && v.find((q) => q.path === P.path)) {
+          let q = S.current.editor.getModelMarkers({ resource: P });
+          m == null || m(q);
         }
       });
       return () => {
-        l == null || l.dispose();
+        c == null || c.dispose();
       };
     }
     return () => {
     };
-  }, [d, I]);
+  }, [b, m]);
   function Pe() {
-    var l, m;
-    (l = W.current) == null || l.dispose(), L ? O && X.set(o, p.current.saveViewState()) : (m = p.current.getModel()) == null || m.dispose(), p.current.dispose();
+    var c, v;
+    (c = W.current) == null || c.dispose(), T ? O && X.set(o, f.current.saveViewState()) : (v = f.current.getModel()) == null || v.dispose(), f.current.dispose();
   }
-  return q.createElement(je, { width: J, height: C, isEditorReady: d, loading: s, _ref: T, className: E, wrapperProps: A });
+  return z.createElement(je, { width: L, height: J, isEditorReady: b, loading: p, _ref: N, className: I, wrapperProps: C });
 }
-var xt = Dt, Tt = ce(xt), Rt = Tt;
+var Dt = xt, Tt = ce(Dt), Rt = Tt;
 const Nt = /* @__PURE__ */ (() => {
   let e;
   return async () => (e != null || (e = await fetch("https://core.commercelayer.io/api/public/resources").then(async (t) => await t.json()).then(
@@ -562,7 +562,7 @@ const Nt = /* @__PURE__ */ (() => {
         fields: Object.entries(n.attributes.fields).filter(([a]) => !a.startsWith("_")),
         relationships: Object.entries(n.attributes.relationships).filter(([a]) => !a.startsWith("_")).filter(
           ([, a]) => t.find(
-            (f) => f.id === Se(a.class_name)
+            (l) => l.id === Se(a.class_name)
           ) != null
         )
       }
@@ -595,16 +595,16 @@ async function qt(e, t) {
   const r = await Nt(), n = e.replace(/\.$/, "").split("."), i = n.shift();
   return t ?? (t = r[i ?? ""]), n.reduce(
     (o, a) => {
-      var v, y;
-      const f = (y = (v = o.obj) == null ? void 0 : v.relationships.find(
+      var g, y;
+      const l = (y = (g = o.obj) == null ? void 0 : g.relationships.find(
         ([O]) => O === a
       )) == null ? void 0 : y[1].class_name;
-      if (f == null)
+      if (l == null)
         return o;
-      const s = r[Se(f)];
-      return s == null ? o : {
+      const p = r[Se(l)];
+      return p == null ? o : {
         path: `${o.path == null ? "" : `${o.path}.`}${a}`,
-        obj: s
+        obj: p
       };
     },
     { path: t != null ? i ?? "" : "", obj: t }
@@ -613,77 +613,78 @@ async function qt(e, t) {
 function Se(e) {
   return e.replace(/([A-Z])/g, "_$1").replace(/^_/, "").toLowerCase();
 }
-const Vt = Ut(500), zt = Ie(
+const Vt = Ut(500), zt = Ce(
   ({
     feedback: e,
     hint: t,
     inline: r,
     label: n,
     defaultValue: i,
-    value: o,
-    language: a = "plaintext",
-    height: f = "220px",
-    jsonSchema: s = "none",
-    onValidate: v,
-    onValid: y,
-    onChange: O,
+    readOnly: o,
+    value: a,
+    language: l = "plaintext",
+    height: p = "220px",
+    jsonSchema: g = "none",
+    onValidate: y,
+    onValid: O,
+    onChange: T,
     ...L
   }, J) => {
-    const C = $t(), E = w(), [A, z] = V(null), j = (b, I) => {
-      z(b), b.onDidPaste(() => {
+    const I = $t(), C = w(), [A, j] = U(null), R = (m, b) => {
+      j(m), m.onDidPaste(() => {
         var d;
-        (d = b.getAction("editor.action.formatDocument")) == null || d.run();
-      }), b.onDidChangeModelDecorations(() => {
-        const d = b.getModel(), g = I.editor.getModelMarkers({
+        (d = m.getAction("editor.action.formatDocument")) == null || d.run();
+      }), m.onDidChangeModelContent(() => {
+        const d = m.getModel(), s = b.editor.getModelMarkers({
           resource: d == null ? void 0 : d.uri
-        }), c = b.getValue();
+        }), M = m.getValue();
         Vt(() => {
-          v == null || v(g.length > 0 ? g : null), O == null || O(c), g.length === 0 && (y == null || y(c));
+          y == null || y(s.length > 0 ? s : null), T == null || T(M), s.length === 0 && (O == null || O(M));
         });
       });
     };
     return $(() => (async function() {
-      var I, d;
-      const b = (I = A == null ? void 0 : A.getModel()) == null ? void 0 : I.uri.toString();
-      if (C != null && b != null && s != null) {
-        (d = E.current) == null || d.call(E);
-        const g = C.languages.json.jsonDefaults.diagnosticsOptions.schemas ?? [];
-        switch (s) {
+      var b, d;
+      const m = (b = A == null ? void 0 : A.getModel()) == null ? void 0 : b.uri.toString();
+      if (I != null && m != null && g != null) {
+        (d = C.current) == null || d.call(C);
+        const s = I.languages.json.jsonDefaults.diagnosticsOptions.schemas ?? [];
+        switch (g) {
           case "none":
             break;
           case "order-rules": {
-            g.push({
+            s.push({
               schema: await fetch(
                 "https://core.commercelayer.io/api/public/schemas/order_rules"
-              ).then(async (c) => await c.json()).then((c) => re(c)),
-              uri: `file:///json-schema--${s}.json`,
-              fileMatch: [b]
-            }), E.current = ve(C, b, ["order"]);
+              ).then(async (M) => await M.json()).then((M) => re(M)),
+              uri: `file:///json-schema--${g}.json`,
+              fileMatch: [m]
+            }), C.current = ve(I, m, ["order"]);
             break;
           }
           case "price-rules": {
-            g.push({
+            s.push({
               schema: await fetch(
                 "https://core.commercelayer.io/api/public/schemas/price_rules"
-              ).then(async (c) => await c.json()).then((c) => re(c)),
-              uri: `file:///json-schema--${s}.json`,
-              fileMatch: [b]
-            }), E.current = ve(C, b, ["price"]);
+              ).then(async (M) => await M.json()).then((M) => re(M)),
+              uri: `file:///json-schema--${g}.json`,
+              fileMatch: [m]
+            }), C.current = ve(I, m, ["price"]);
             break;
           }
         }
-        C.languages.json.jsonDefaults.setDiagnosticsOptions({
+        I.languages.json.jsonDefaults.setDiagnosticsOptions({
           enableSchemaRequest: !0,
           schemaRequest: "ignore",
           schemaValidation: "error",
           validate: !0,
-          schemas: g
+          schemas: s
         });
       }
     }(), () => {
-      var b;
-      (b = E.current) == null || b.call(E);
-    }), [C, A, s]), /* @__PURE__ */ se.jsx(
+      var m;
+      (m = C.current) == null || m.call(C);
+    }), [I, A, g]), /* @__PURE__ */ se.jsx(
       Ee,
       {
         label: n,
@@ -697,14 +698,15 @@ const Vt = Ut(500), zt = Ie(
             defaultPath: L.id ?? L.name,
             className: "[&>.monaco-editor]:rounded [&>.monaco-editor>.overflow-guard]:rounded",
             theme: "vs-dark",
-            language: a,
-            height: f,
+            language: l,
+            height: p,
             defaultValue: i,
-            value: o,
-            onMount: j,
+            value: a,
+            onMount: R,
             options: {
               quickSuggestions: !0,
-              readOnly: !1,
+              readOnly: o,
+              domReadOnly: !0,
               automaticLayout: !0,
               insertSpaces: !0,
               tabSize: 2,
@@ -747,13 +749,13 @@ function ve(e, t, r) {
         };
       const o = n.getWordUntilPosition(i), a = n.getLineContent(i.lineNumber).substring(0, i.column - 1);
       if (/"(field|selector)"\s*:\s*"[^"]*$/.test(a)) {
-        const s = o.word;
-        if (s != null)
+        const p = o.word;
+        if (p != null)
           return {
             incomplete: !1,
             suggestions: (await _t(
               r,
-              s
+              p
             )).map((y) => ({
               kind: y.type === "relationship" ? e.languages.CompletionItemKind.Module : e.languages.CompletionItemKind.Value,
               label: y.value,