@commercelayer/app-elements 3.5.1 → 3.5.3

package/dist/{CodeEditorComponent-Br_-ue2W.js → CodeEditorComponent-_b9BNyFD.js}

@@ -1,6 +1,6 @@
 "use client";
-import { j as se, I as Ee } from "./main-DRHqNsgQ.js";
-import V, { memo as ce, useState as U, useRef as y, useCallback as ue, useEffect as $, forwardRef as Ce } from "react";
+import { u as Ee, j as se, I as $e } from "./main-BoeSNofJ.js";
+import V, { memo as ce, useState as U, useRef as w, useCallback as ue, useEffect as I, forwardRef as Ce } from "react";
 function Ie(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
@@ -30,16 +30,16 @@ function de(e) {
   }
   return e;
 }
-function $e(e, t) {
+function Le(e, t) {
   if (e == null) return {};
   var r = {}, n = Object.keys(e), i, o;
   for (o = 0; o < n.length; o++)
     i = n[o], !(t.indexOf(i) >= 0) && (r[i] = e[i]);
   return r;
 }
-function Le(e, t) {
+function Ae(e, t) {
   if (e == null) return {};
-  var r = $e(e, t), n, i;
+  var r = Le(e, t), n, i;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
     for (i = 0; i < o.length; i++)
@@ -47,20 +47,20 @@ function Le(e, t) {
   }
   return r;
 }
-function Ae(e, t) {
-  return xe(e) || De(e, t) || Te(e, t) || Re();
+function xe(e, t) {
+  return De(e) || Te(e, t) || Re(e, t) || Ne();
 }
-function xe(e) {
+function De(e) {
   if (Array.isArray(e)) return e;
 }
-function De(e, t) {
+function Te(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](), s; !(n = (s = a.next()).done) && (r.push(s.value), !(t && r.length === t)); n = !0)
+      for (var a = e[Symbol.iterator](), d; !(n = (d = a.next()).done) && (r.push(d.value), !(t && r.length === t)); n = !0)
         ;
-    } catch (p) {
-      i = !0, o = p;
+    } catch (g) {
+      i = !0, o = g;
     } finally {
       try {
         !n && a.return != null && a.return();
@@ -71,7 +71,7 @@ function De(e, t) {
     return r;
   }
 }
-function Te(e, t) {
+function Re(e, t) {
   if (e) {
     if (typeof e == "string") return pe(e, t);
     var r = Object.prototype.toString.call(e).slice(8, -1);
@@ -84,11 +84,11 @@ function pe(e, t) {
   for (var r = 0, n = new Array(t); r < t; r++) n[r] = e[r];
   return n;
 }
-function Re() {
+function Ne() {
   throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function Ne(e, t, r) {
+function _e(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -110,14 +110,14 @@ function he(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? ge(Object(r), !0).forEach(function(n) {
-      Ne(e, n, r[n]);
+      _e(e, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ge(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function _e() {
+function qe() {
   for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
     t[r] = arguments[r];
   return function(n) {
@@ -131,44 +131,44 @@ 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, s = new Array(a), p = 0; p < a; p++)
-        s[p] = arguments[p];
-      return t.apply(r, [].concat(i, s));
+      for (var a = arguments.length, d = new Array(a), g = 0; g < a; g++)
+        d[g] = arguments[g];
+      return t.apply(r, [].concat(i, d));
     };
   };
 }
 function te(e) {
   return {}.toString.call(e).includes("Object");
 }
-function qe(e) {
+function ze(e) {
   return !Object.keys(e).length;
 }
 function G(e) {
   return typeof e == "function";
 }
-function ze(e, t) {
-  return Object.prototype.hasOwnProperty.call(e, t);
-}
 function Ve(e, t) {
-  return te(t) || D("changeType"), Object.keys(t).some(function(r) {
-    return !ze(e, r);
-  }) && D("changeField"), t;
+  return Object.prototype.hasOwnProperty.call(e, t);
 }
-function Ue(e) {
-  G(e) || D("selectorType");
+function Ue(e, t) {
+  return te(t) || T("changeType"), Object.keys(t).some(function(r) {
+    return !Ve(e, r);
+  }) && T("changeField"), t;
 }
 function We(e) {
-  G(e) || te(e) || D("handlerType"), te(e) && Object.values(e).some(function(t) {
-    return !G(t);
-  }) && D("handlersType");
+  G(e) || T("selectorType");
 }
 function ke(e) {
-  e || D("initialIsRequired"), te(e) || D("initialType"), qe(e) && D("initialContent");
+  G(e) || te(e) || T("handlerType"), te(e) && Object.values(e).some(function(t) {
+    return !G(t);
+  }) && T("handlersType");
+}
+function Fe(e) {
+  e || T("initialIsRequired"), te(e) || T("initialType"), ze(e) && T("initialContent");
 }
-function Fe(e, t) {
+function He(e, t) {
   throw new Error(e[t] || e.default);
 }
-var He = {
+var Be = {
   initialIsRequired: "initial state is required",
   initialType: "initial state should be an object",
   initialContent: "initial state shouldn't be an empty object",
@@ -178,73 +178,73 @@ 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"
-}, D = H(Fe)(He), X = {
-  changes: Ve,
-  selector: Ue,
-  handler: We,
-  initial: ke
+}, T = H(He)(Be), X = {
+  changes: Ue,
+  selector: We,
+  handler: ke,
+  initial: Fe
 };
-function Be(e) {
+function Ke(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
   X.initial(e), X.handler(t);
   var r = {
     current: e
-  }, n = H(Je)(r, t), i = H(Ge)(r), o = H(X.changes)(e), a = H(Ke)(r);
-  function s() {
-    var g = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(O) {
-      return O;
+  }, n = H(Ye)(r, t), i = H(Je)(r), o = H(X.changes)(e), a = H(Ge)(r);
+  function d() {
+    var h = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(y) {
+      return y;
     };
-    return X.selector(g), g(r.current);
+    return X.selector(h), h(r.current);
   }
-  function p(g) {
-    _e(n, i, o, a)(g);
+  function g(h) {
+    qe(n, i, o, a)(h);
   }
-  return [s, p];
+  return [d, g];
 }
-function Ke(e, t) {
+function Ge(e, t) {
   return G(t) ? t(e.current) : t;
 }
-function Ge(e, t) {
+function Je(e, t) {
   return e.current = he(he({}, e.current), t), t;
 }
-function Je(e, t, r) {
+function Ye(e, t, r) {
   return G(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
     var i;
     return (i = t[n]) === null || i === void 0 ? void 0 : i.call(t, e.current[n]);
   }), r;
 }
-var Ye = {
-  create: Be
-}, Ze = {
+var Ze = {
+  create: Ke
+}, Qe = {
   paths: {
     vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.43.0/min/vs"
   }
 };
-function Qe(e) {
+function Xe(e) {
   return function t() {
     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, s = new Array(a), p = 0; p < a; p++)
-        s[p] = arguments[p];
-      return t.apply(r, [].concat(i, s));
+      for (var a = arguments.length, d = new Array(a), g = 0; g < a; g++)
+        d[g] = arguments[g];
+      return t.apply(r, [].concat(i, d));
     };
   };
 }
-function Xe(e) {
+function et(e) {
   return {}.toString.call(e).includes("Object");
 }
-function et(e) {
-  return e || me("configIsRequired"), Xe(e) || me("configType"), e.urls ? (tt(), {
+function tt(e) {
+  return e || me("configIsRequired"), et(e) || me("configType"), e.urls ? (rt(), {
     paths: {
       vs: e.urls.monacoBase
     }
   }) : e;
 }
-function tt() {
+function rt() {
   console.warn(be.deprecation);
 }
-function rt(e, t) {
+function nt(e, t) {
   throw new Error(e[t] || e.default);
 }
 var be = {
@@ -261,9 +261,9 @@ var be = {
 
     For more please check the link https://github.com/suren-atoyan/monaco-loader#config
   `
-}, me = Qe(rt)(be), nt = {
-  config: et
-}, it = function() {
+}, me = Xe(nt)(be), it = {
+  config: tt
+}, ot = function() {
   for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
     r[n] = arguments[n];
   return function(i) {
@@ -277,29 +277,29 @@ function we(e, t) {
     t[r] instanceof Object && e[r] && Object.assign(t[r], we(e[r], t[r]));
   }), de(de({}, e), t);
 }
-var ot = {
+var at = {
   type: "cancelation",
   msg: "operation is manually canceled"
 };
 function ie(e) {
   var t = !1, r = new Promise(function(n, i) {
     e.then(function(o) {
-      return t ? i(ot) : n(o);
+      return t ? i(at) : n(o);
     }), e.catch(i);
   });
   return r.cancel = function() {
     return t = !0;
   }, r;
 }
-var at = Ye.create({
-  config: Ze,
+var ut = Ze.create({
+  config: Qe,
   isInitialized: !1,
   resolve: null,
   reject: null,
   monaco: null
-}), ye = Ae(at, 2), J = ye[0], ne = ye[1];
-function ut(e) {
-  var t = nt.config(e), r = t.monaco, n = Le(t, ["monaco"]);
+}), ye = xe(ut, 2), J = ye[0], ne = ye[1];
+function ct(e) {
+  var t = it.config(e), r = t.monaco, n = Ae(t, ["monaco"]);
   ne(function(i) {
     return {
       config: we(i.config, n),
@@ -307,7 +307,7 @@ function ut(e) {
     };
   });
 }
-function ct() {
+function lt() {
   var e = J(function(t) {
     var r = t.monaco, n = t.isInitialized, i = t.resolve;
     return {
@@ -323,30 +323,30 @@ function ct() {
       return e.resolve(e.monaco), ie(oe);
     if (window.monaco && window.monaco.editor)
       return Oe(window.monaco), e.resolve(window.monaco), ie(oe);
-    it(lt, ft)(dt);
+    ot(st, dt)(pt);
   }
   return ie(oe);
 }
-function lt(e) {
+function st(e) {
   return document.body.appendChild(e);
 }
-function st(e) {
+function ft(e) {
   var t = document.createElement("script");
   return e && (t.src = e), t;
 }
-function ft(e) {
+function dt(e) {
   var t = J(function(n) {
     var i = n.config, o = n.reject;
     return {
       config: i,
       reject: o
     };
-  }), r = st("".concat(t.config.paths.vs, "/loader.js"));
+  }), r = ft("".concat(t.config.paths.vs, "/loader.js"));
   return r.onload = function() {
     return e();
   }, r.onerror = t.reject, r;
 }
-function dt() {
+function pt() {
   var e = J(function(r) {
     var n = r.config, i = r.resolve, o = r.reject;
     return {
@@ -366,7 +366,7 @@ function Oe(e) {
     monaco: e
   });
 }
-function pt() {
+function gt() {
   return J(function(e) {
     var t = e.monaco;
     return t;
@@ -378,97 +378,97 @@ var oe = new Promise(function(e, t) {
     reject: t
   });
 }), re = {
-  config: ut,
-  init: ct,
-  __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 V.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 V.createElement("section", { style: { ...ae.wrapper, width: e, height: t }, ...a }, !r && V.createElement(wt, null, n), V.createElement("div", { ref: i, style: { ...ae.fullWidth, ...!r && ae.hide }, className: o }));
-}
-var Ot = yt, je = ce(Ot);
-function jt(e) {
-  $(e, []);
-}
-var le = jt;
-function Mt(e, t, r = !0) {
-  let n = y(!0);
-  $(n.current || !r ? () => {
+  config: ct,
+  init: lt,
+  __getMonacoInstance: gt
+}, ht = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, ae = ht, mt = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, vt = mt;
+function bt({ children: e }) {
+  return V.createElement("div", { style: vt.container }, e);
+}
+var wt = bt, yt = wt;
+function Ot({ width: e, height: t, isEditorReady: r, loading: n, _ref: i, className: o, wrapperProps: a }) {
+  return V.createElement("section", { style: { ...ae.wrapper, width: e, height: t }, ...a }, !r && V.createElement(yt, null, n), V.createElement("div", { ref: i, style: { ...ae.fullWidth, ...!r && ae.hide }, className: o }));
+}
+var jt = Ot, je = ce(jt);
+function Mt(e) {
+  I(e, []);
+}
+var le = Mt;
+function Pt(e, t, r = !0) {
+  let n = w(!0);
+  I(n.current || !r ? () => {
     n.current = !1;
   } : e, t);
 }
-var E = Mt;
+var S = Pt;
 function B() {
 }
 function z(e, t, r, n) {
-  return Pt(e, n) || St(e, t, r, n);
+  return St(e, n) || Et(e, t, r, n);
 }
-function Pt(e, t) {
+function St(e, t) {
   return e.editor.getModel(Me(e, t));
 }
-function St(e, t, r, n) {
+function Et(e, t, r, n) {
   return e.editor.createModel(t, r, n ? Me(e, n) : void 0);
 }
 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: s = !1, keepCurrentModifiedModel: p = !1, theme: g = "light", loading: O = "Loading...", options: j = {}, height: T = "100%", width: L = "100%", className: Y, wrapperProps: I = {}, beforeMount: C = B, onMount: A = B }) {
-  let [M, R] = U(!1), [h, b] = U(!0), d = y(null), l = y(null), w = y(null), P = y(A), f = y(C), N = y(!1);
+function $t({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: i, originalModelPath: o, modifiedModelPath: a, keepCurrentOriginalModel: d = !1, keepCurrentModifiedModel: g = !1, theme: h = "light", loading: y = "Loading...", options: O = {}, height: R = "100%", width: A = "100%", className: Y, wrapperProps: $ = {}, beforeMount: E = B, onMount: x = B }) {
+  let [j, C] = U(!1), [L, c] = U(!0), b = w(null), f = w(null), M = w(null), l = w(x), p = w(E), N = w(!1);
   le(() => {
     let u = re.init();
-    return u.then((m) => (l.current = m) && b(!1)).catch((m) => (m == null ? void 0 : m.type) !== "cancelation" && console.error("Monaco initialization: error:", m)), () => d.current ? W() : u.cancel();
-  }), E(() => {
-    if (d.current && l.current) {
-      let u = d.current.getOriginalEditor(), m = z(l.current, e || "", n || r || "text", o || "");
+    return u.then((m) => (f.current = m) && c(!1)).catch((m) => (m == null ? void 0 : m.type) !== "cancelation" && console.error("Monaco initialization: error:", m)), () => b.current ? W() : u.cancel();
+  }), S(() => {
+    if (b.current && f.current) {
+      let u = b.current.getOriginalEditor(), m = z(f.current, e || "", n || r || "text", o || "");
       m !== u.getModel() && u.setModel(m);
     }
-  }, [o], M), E(() => {
-    if (d.current && l.current) {
-      let u = d.current.getModifiedEditor(), m = z(l.current, t || "", i || r || "text", a || "");
+  }, [o], j), S(() => {
+    if (b.current && f.current) {
+      let u = b.current.getModifiedEditor(), m = z(f.current, t || "", i || r || "text", a || "");
       m !== u.getModel() && u.setModel(m);
     }
-  }, [a], M), E(() => {
-    let u = d.current.getModifiedEditor();
-    u.getOption(l.current.editor.EditorOption.readOnly) ? u.setValue(t || "") : t !== u.getValue() && (u.executeEdits("", [{ range: u.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), u.pushUndoStop());
-  }, [t], M), E(() => {
+  }, [a], j), S(() => {
+    let u = b.current.getModifiedEditor();
+    u.getOption(f.current.editor.EditorOption.readOnly) ? u.setValue(t || "") : t !== u.getValue() && (u.executeEdits("", [{ range: u.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), u.pushUndoStop());
+  }, [t], j), S(() => {
     var u, m;
-    (m = (u = d.current) == null ? void 0 : u.getModel()) == null || m.original.setValue(e || "");
-  }, [e], M), E(() => {
-    let { original: u, modified: m } = d.current.getModel();
-    l.current.editor.setModelLanguage(u, n || r || "text"), l.current.editor.setModelLanguage(m, i || r || "text");
-  }, [r, n, i], M), E(() => {
+    (m = (u = b.current) == null ? void 0 : u.getModel()) == null || m.original.setValue(e || "");
+  }, [e], j), S(() => {
+    let { original: u, modified: m } = b.current.getModel();
+    f.current.editor.setModelLanguage(u, n || r || "text"), f.current.editor.setModelLanguage(m, i || r || "text");
+  }, [r, n, i], j), S(() => {
     var u;
-    (u = l.current) == null || u.editor.setTheme(g);
-  }, [g], M), E(() => {
+    (u = f.current) == null || u.editor.setTheme(h);
+  }, [h], j), S(() => {
     var u;
-    (u = d.current) == null || u.updateOptions(j);
-  }, [j], M);
+    (u = b.current) == null || u.updateOptions(O);
+  }, [O], j);
   let Z = ue(() => {
-    var x;
-    if (!l.current) return;
-    f.current(l.current);
-    let u = z(l.current, e || "", n || r || "text", o || ""), m = z(l.current, t || "", i || r || "text", a || "");
-    (x = d.current) == null || x.setModel({ original: u, modified: m });
+    var D;
+    if (!f.current) return;
+    p.current(f.current);
+    let u = z(f.current, e || "", n || r || "text", o || ""), m = z(f.current, t || "", i || r || "text", a || "");
+    (D = b.current) == null || D.setModel({ original: u, modified: m });
   }, [r, t, i, e, n, o, a]), Q = ue(() => {
     var u;
-    !N.current && w.current && (d.current = l.current.editor.createDiffEditor(w.current, { automaticLayout: !0, ...j }), Z(), (u = l.current) == null || u.editor.setTheme(g), R(!0), N.current = !0);
-  }, [j, g, Z]);
-  $(() => {
-    M && P.current(d.current, l.current);
-  }, [M]), $(() => {
-    !h && !M && Q();
-  }, [h, M, Q]);
+    !N.current && M.current && (b.current = f.current.editor.createDiffEditor(M.current, { automaticLayout: !0, ...O }), Z(), (u = f.current) == null || u.editor.setTheme(h), C(!0), N.current = !0);
+  }, [O, h, Z]);
+  I(() => {
+    j && l.current(b.current, f.current);
+  }, [j]), I(() => {
+    !L && !j && Q();
+  }, [L, j, Q]);
   function W() {
-    var m, x, _, k;
-    let u = (m = d.current) == null ? void 0 : m.getModel();
-    s || ((x = u == null ? void 0 : u.original) == null || x.dispose()), p || ((_ = u == null ? void 0 : u.modified) == null || _.dispose()), (k = d.current) == null || k.dispose();
+    var m, D, _, k;
+    let u = (m = b.current) == null ? void 0 : m.getModel();
+    d || ((D = u == null ? void 0 : u.original) == null || D.dispose()), g || ((_ = u == null ? void 0 : u.modified) == null || _.dispose()), (k = b.current) == null || k.dispose();
   }
-  return V.createElement(je, { width: L, height: T, isEditorReady: M, loading: O, _ref: w, className: Y, wrapperProps: I });
+  return V.createElement(je, { width: A, height: R, isEditorReady: j, loading: y, _ref: M, className: Y, wrapperProps: $ });
 }
-var Ct = Et;
+var Ct = $t;
 ce(Ct);
 function It() {
   let [e, t] = U(re.__getMonacoInstance());
@@ -479,81 +479,81 @@ function It() {
     })), () => r == null ? void 0 : r.cancel();
   }), e;
 }
-var $t = It;
-function Lt(e) {
-  let t = y();
-  return $(() => {
+var Lt = It;
+function At(e) {
+  let t = w();
+  return I(() => {
     t.current = e;
   }, [e]), t.current;
 }
-var At = Lt, ee = /* @__PURE__ */ new Map();
-function xt({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: i, path: o, theme: a = "light", line: s, loading: p = "Loading...", options: g = {}, overrideServices: O = {}, saveViewState: j = !0, keepCurrentModel: T = !1, width: L = "100%", height: Y = "100%", className: I, wrapperProps: C = {}, beforeMount: A = B, onMount: M = B, onChange: R, onValidate: h = B }) {
-  let [b, d] = U(!1), [l, w] = U(!0), P = y(null), f = y(null), N = y(null), Z = y(M), Q = y(A), W = y(), u = y(n), m = At(o), x = y(!1), _ = y(!1);
+var xt = At, ee = /* @__PURE__ */ new Map();
+function Dt({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: i, path: o, theme: a = "light", line: d, loading: g = "Loading...", options: h = {}, overrideServices: y = {}, saveViewState: O = !0, keepCurrentModel: R = !1, width: A = "100%", height: Y = "100%", className: $, wrapperProps: E = {}, beforeMount: x = B, onMount: j = B, onChange: C, onValidate: L = B }) {
+  let [c, b] = U(!1), [f, M] = U(!0), l = w(null), p = w(null), N = w(null), Z = w(j), Q = w(x), W = w(), u = w(n), m = xt(o), D = w(!1), _ = w(!1);
   le(() => {
-    let c = re.init();
-    return c.then((v) => (P.current = v) && w(!1)).catch((v) => (v == null ? void 0 : v.type) !== "cancelation" && console.error("Monaco initialization: error:", v)), () => f.current ? Se() : c.cancel();
-  }), E(() => {
-    var v, S, F, q;
-    let c = z(P.current, e || n || "", t || i || "", o || r || "");
-    c !== ((v = f.current) == null ? void 0 : v.getModel()) && (j && ee.set(m, (S = f.current) == null ? void 0 : S.saveViewState()), (F = f.current) == null || F.setModel(c), j && ((q = f.current) == null || q.restoreViewState(ee.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(P.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, S;
-    let c = (v = f.current) == null ? void 0 : v.getModel();
-    c && i && ((S = P.current) == null || S.editor.setModelLanguage(c, i));
-  }, [i], b), E(() => {
-    var c;
-    s !== void 0 && ((c = f.current) == null || c.revealLine(s));
-  }, [s], b), E(() => {
-    var c;
-    (c = P.current) == null || c.editor.setTheme(a);
-  }, [a], b);
+    let s = re.init();
+    return s.then((v) => (l.current = v) && M(!1)).catch((v) => (v == null ? void 0 : v.type) !== "cancelation" && console.error("Monaco initialization: error:", v)), () => p.current ? Se() : s.cancel();
+  }), S(() => {
+    var v, P, F, q;
+    let s = z(l.current, e || n || "", t || i || "", o || r || "");
+    s !== ((v = p.current) == null ? void 0 : v.getModel()) && (O && ee.set(m, (P = p.current) == null ? void 0 : P.saveViewState()), (F = p.current) == null || F.setModel(s), O && ((q = p.current) == null || q.restoreViewState(ee.get(o))));
+  }, [o], c), S(() => {
+    var s;
+    (s = p.current) == null || s.updateOptions(h);
+  }, [h], c), S(() => {
+    !p.current || n === void 0 || (p.current.getOption(l.current.editor.EditorOption.readOnly) ? p.current.setValue(n) : n !== p.current.getValue() && (_.current = !0, p.current.executeEdits("", [{ range: p.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), p.current.pushUndoStop(), _.current = !1));
+  }, [n], c), S(() => {
+    var v, P;
+    let s = (v = p.current) == null ? void 0 : v.getModel();
+    s && i && ((P = l.current) == null || P.editor.setModelLanguage(s, i));
+  }, [i], c), S(() => {
+    var s;
+    d !== void 0 && ((s = p.current) == null || s.revealLine(d));
+  }, [d], c), S(() => {
+    var s;
+    (s = l.current) == null || s.editor.setTheme(a);
+  }, [a], c);
   let k = ue(() => {
-    var c;
-    if (!(!N.current || !P.current) && !x.current) {
-      Q.current(P.current);
-      let v = o || r, S = z(P.current, n || e || "", t || i || "", v || "");
-      f.current = (c = P.current) == null ? void 0 : c.editor.create(N.current, { model: S, automaticLayout: !0, ...g }, O), j && f.current.restoreViewState(ee.get(v)), P.current.editor.setTheme(a), s !== void 0 && f.current.revealLine(s), d(!0), x.current = !0;
+    var s;
+    if (!(!N.current || !l.current) && !D.current) {
+      Q.current(l.current);
+      let v = o || r, P = z(l.current, n || e || "", t || i || "", v || "");
+      p.current = (s = l.current) == null ? void 0 : s.editor.create(N.current, { model: P, automaticLayout: !0, ...h }, y), O && p.current.restoreViewState(ee.get(v)), l.current.editor.setTheme(a), d !== void 0 && p.current.revealLine(d), b(!0), D.current = !0;
     }
-  }, [e, t, r, n, i, o, g, O, j, a, s]);
-  $(() => {
-    b && Z.current(f.current, P.current);
-  }, [b]), $(() => {
-    !l && !b && k();
-  }, [l, b, k]), u.current = n, $(() => {
-    var c, v;
-    b && R && ((c = W.current) == null || c.dispose(), W.current = (v = f.current) == null ? void 0 : v.onDidChangeModelContent((S) => {
-      _.current || R(f.current.getValue(), S);
+  }, [e, t, r, n, i, o, h, y, O, a, d]);
+  I(() => {
+    c && Z.current(p.current, l.current);
+  }, [c]), I(() => {
+    !f && !c && k();
+  }, [f, c, k]), u.current = n, I(() => {
+    var s, v;
+    c && C && ((s = W.current) == null || s.dispose(), W.current = (v = p.current) == null ? void 0 : v.onDidChangeModelContent((P) => {
+      _.current || C(p.current.getValue(), P);
     }));
-  }, [b, R]), $(() => {
-    if (b) {
-      let c = P.current.editor.onDidChangeMarkers((v) => {
+  }, [c, C]), I(() => {
+    if (c) {
+      let s = l.current.editor.onDidChangeMarkers((v) => {
         var F;
-        let S = (F = f.current.getModel()) == null ? void 0 : F.uri;
-        if (S && v.find((q) => q.path === S.path)) {
-          let q = P.current.editor.getModelMarkers({ resource: S });
-          h == null || h(q);
+        let P = (F = p.current.getModel()) == null ? void 0 : F.uri;
+        if (P && v.find((q) => q.path === P.path)) {
+          let q = l.current.editor.getModelMarkers({ resource: P });
+          L == null || L(q);
         }
       });
       return () => {
-        c == null || c.dispose();
+        s == null || s.dispose();
       };
     }
     return () => {
     };
-  }, [b, h]);
+  }, [c, L]);
   function Se() {
-    var c, v;
-    (c = W.current) == null || c.dispose(), T ? j && ee.set(o, f.current.saveViewState()) : (v = f.current.getModel()) == null || v.dispose(), f.current.dispose();
+    var s, v;
+    (s = W.current) == null || s.dispose(), R ? O && ee.set(o, p.current.saveViewState()) : (v = p.current.getModel()) == null || v.dispose(), p.current.dispose();
   }
-  return V.createElement(je, { width: L, height: Y, isEditorReady: b, loading: p, _ref: N, className: I, wrapperProps: C });
+  return V.createElement(je, { width: A, height: Y, isEditorReady: c, loading: g, _ref: N, className: $, wrapperProps: E });
 }
-var Dt = xt, Tt = ce(Dt), Rt = Tt;
-const Nt = /* @__PURE__ */ (() => {
+var Tt = Dt, Rt = ce(Tt), Nt = Rt;
+const _t = /* @__PURE__ */ (() => {
   let e;
   return async () => (e != null || (e = await fetch("https://core.commercelayer.io/api/public/resources").then(async (t) => await t.json()).then(
     ({ data: t }) => t.reduce((r, n, i, o) => ({
@@ -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(
-            (s) => s.id === Pe(a.class_name)
+            (d) => d.id === Pe(a.class_name)
           ) != null
         )
       }
@@ -571,14 +571,14 @@ const Nt = /* @__PURE__ */ (() => {
     throw t;
   })), e);
 })();
-async function _t(e, t) {
+async function qt(e, t) {
   var i, o;
   if (!new RegExp(`^(${e.join("|")})(.|$)`).test(t))
     return e.map((a) => ({
       value: a,
       type: "relationship"
     }));
-  const r = await qt(t);
+  const r = await zt(t);
   return [].concat(
     ((i = r.obj) == null ? void 0 : i.fields.map(([a]) => ({
       value: `${r.path}.${a}`,
@@ -591,20 +591,20 @@ async function _t(e, t) {
     }))) ?? []
   );
 }
-async function qt(e, t) {
-  const r = await Nt(), n = e.replace(/\.$/, "").split("."), i = n.shift();
+async function zt(e, t) {
+  const r = await _t(), n = e.replace(/\.$/, "").split("."), i = n.shift();
   return t ?? (t = r[i ?? ""]), n.reduce(
     (o, a) => {
-      var g, O;
-      const s = (O = (g = o.obj) == null ? void 0 : g.relationships.find(
-        ([j]) => j === a
-      )) == null ? void 0 : O[1].class_name;
-      if (s == null)
+      var h, y;
+      const d = (y = (h = o.obj) == null ? void 0 : h.relationships.find(
+        ([O]) => O === a
+      )) == null ? void 0 : y[1].class_name;
+      if (d == null)
         return o;
-      const p = r[Pe(s)];
-      return p == null ? o : {
+      const g = r[Pe(d)];
+      return g == null ? o : {
         path: `${o.path == null ? "" : `${o.path}.`}${a}`,
-        obj: p
+        obj: g
       };
     },
     { path: t != null ? i ?? "" : "", obj: t }
@@ -613,7 +613,7 @@ async function qt(e, t) {
 function Pe(e) {
   return e.replace(/([A-Z])/g, "_$1").replace(/^_/, "").toLowerCase();
 }
-const zt = Ut(500), Vt = Ce(
+const Vt = Wt(500), Ut = Ce(
   ({
     feedback: e,
     hint: t,
@@ -622,97 +622,99 @@ const zt = Ut(500), Vt = Ce(
     defaultValue: i,
     readOnly: o,
     value: a,
-    language: s = "plaintext",
-    height: p = "220px",
-    jsonSchema: g = "none",
-    onValidate: O,
-    onValid: j,
-    onChange: T,
-    ...L
+    language: d = "plaintext",
+    height: g = "220px",
+    jsonSchema: h = "none",
+    onValidate: y,
+    onValid: O,
+    onChange: R,
+    ...A
   }, Y) => {
-    const I = $t(), C = y(), [A, M] = U(null), R = (h, b) => {
-      M(h), h.onDidPaste(() => {
-        var d;
-        (d = h.getAction("editor.action.formatDocument")) == null || d.run();
-      }), h.onDidChangeModelContent(() => {
-        const d = h.getModel(), l = b.editor.getModelMarkers({
-          resource: d == null ? void 0 : d.uri
-        }), w = h.getValue();
-        zt(() => {
-          O == null || O(l.length > 0 ? l : null), T == null || T(w), l.length === 0 && (j == null || j(w));
+    const $ = Lt(), E = w(), [x, j] = U(null), {
+      settings: { domain: C }
+    } = Ee(), L = (c, b) => {
+      j(c), c.onDidPaste(() => {
+        var f;
+        (f = c.getAction("editor.action.formatDocument")) == null || f.run();
+      }), c.onDidChangeModelContent(() => {
+        const f = c.getModel(), M = b.editor.getModelMarkers({
+          resource: f == null ? void 0 : f.uri
+        }), l = c.getValue();
+        Vt(() => {
+          y == null || y(M.length > 0 ? M : null), R == null || R(l), M.length === 0 && (O == null || O(l));
         });
       });
     };
-    return $(() => (async function() {
-      var b, d;
-      const h = (b = A == null ? void 0 : A.getModel()) == null ? void 0 : b.uri.toString();
-      if (I != null && h != null && g != null) {
-        (d = C.current) == null || d.call(C);
-        const l = I.languages.json.jsonDefaults.diagnosticsOptions.schemas ?? [];
-        switch (g) {
+    return I(() => (async function() {
+      var b, f;
+      const c = (b = x == null ? void 0 : x.getModel()) == null ? void 0 : b.uri.toString();
+      if ($ != null && c != null && h != null) {
+        (f = E.current) == null || f.call(E);
+        const M = $.languages.json.jsonDefaults.diagnosticsOptions.schemas ?? [];
+        switch (h) {
           case "none":
             break;
           case "organization-config": {
-            l.push({
+            M.push({
               schema: await fetch(
-                "https://provisioning.commercelayer.io/api/public/schemas/organization_config"
-              ).then(async (w) => await w.json()).then((w) => K(w)),
-              uri: `file:///json-schema--${g}.json`,
-              fileMatch: [h]
+                `https://provisioning.${C}/api/public/schemas/organization_config`
+              ).then(async (l) => await l.json()).then((l) => K(l)),
+              uri: `file:///json-schema--${h}.json`,
+              fileMatch: [c]
             });
             break;
           }
           case "order-rules": {
-            l.push({
+            M.push({
               schema: await fetch(
-                "https://core.commercelayer.io/api/public/schemas/order_rules"
-              ).then(async (w) => await w.json()).then((w) => K(w)),
-              uri: `file:///json-schema--${g}.json`,
-              fileMatch: [h]
-            }), C.current = ve(I, h, ["order"]);
+                `https://core.${C}/api/public/schemas/order_rules`
+              ).then(async (l) => await l.json()).then((l) => K(l)),
+              uri: `file:///json-schema--${h}.json`,
+              fileMatch: [c]
+            }), E.current = ve($, c, ["order"]);
             break;
           }
           case "price-rules": {
-            l.push({
+            M.push({
               schema: await fetch(
-                "https://core.commercelayer.io/api/public/schemas/price_rules"
-              ).then(async (w) => await w.json()).then((w) => K(w)),
-              uri: `file:///json-schema--${g}.json`,
-              fileMatch: [h]
-            }), C.current = ve(I, h, ["price"]);
+                `https://core.${C}/api/public/schemas/price_rules`
+              ).then(async (l) => await l.json()).then((l) => K(l)),
+              uri: `file:///json-schema--${h}.json`,
+              fileMatch: [c]
+            }), E.current = ve($, c, ["price"]);
             break;
           }
         }
-        I.languages.json.jsonDefaults.setDiagnosticsOptions({
+        $.languages.json.jsonDefaults.setDiagnosticsOptions({
           enableSchemaRequest: !0,
           schemaRequest: "ignore",
           schemaValidation: "error",
           validate: !0,
-          schemas: l
+          schemas: M
         });
       }
     }(), () => {
-      var h;
-      (h = C.current) == null || h.call(C);
-    }), [I, A, g]), /* @__PURE__ */ se.jsx(
-      Ee,
+      var c;
+      (c = E.current) == null || c.call(E);
+    }), [$, x, h, C]), /* @__PURE__ */ se.jsx(
+      $e,
       {
         label: n,
         hint: t,
         feedback: e,
-        name: L.id ?? L.name,
+        name: A.id ?? A.name,
         inline: r,
         children: /* @__PURE__ */ se.jsx(
-          Rt,
+          Nt,
           {
-            defaultPath: L.id ?? L.name,
+            defaultPath: A.id ?? A.name,
             className: "[&>.monaco-editor]:rounded [&>.monaco-editor>.overflow-guard]:rounded",
             theme: "vs-dark",
-            language: s,
-            height: p,
+            language: d,
+            height: g,
             defaultValue: i,
             value: a,
-            onMount: R,
+            onMount: L,
             options: {
               quickSuggestions: !0,
               readOnly: o,
@@ -734,8 +736,8 @@ const zt = Ut(500), Vt = Ce(
     );
   }
 );
-Vt.displayName = "CodeEditor";
-function Ut(e = 100) {
+Ut.displayName = "CodeEditor";
+function Wt(e = 100) {
   let t = null;
   return function(n) {
     t !== null && clearTimeout(t), t = setTimeout(() => {
@@ -759,17 +761,17 @@ 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 p = o.word;
-        if (p != null)
+        const g = o.word;
+        if (g != null)
           return {
             incomplete: !1,
-            suggestions: (await _t(
+            suggestions: (await qt(
               r,
-              p
-            )).map((O) => ({
-              kind: O.type === "relationship" ? e.languages.CompletionItemKind.Module : e.languages.CompletionItemKind.Value,
-              label: O.value,
-              insertText: O.value,
+              g
+            )).map((y) => ({
+              kind: y.type === "relationship" ? e.languages.CompletionItemKind.Module : e.languages.CompletionItemKind.Value,
+              label: y.value,
+              insertText: y.value,
               // documentation: `Field: ${suggestion}`,
               range: {
                 startLineNumber: i.lineNumber,
@@ -788,5 +790,5 @@ function ve(e, t, r) {
   };
 }
 export {
-  Vt as CodeEditor
+  Ut as CodeEditor
 };