@commercelayer/app-elements 2.10.1 → 2.11.0

package/dist/CodeEditorComponent-C9x2Ium1.js

@@ -0,0 +1,780 @@
+"use client";
+import { j as se, I as Ee } from "./main-D2LHr3Fk.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) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function fe(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(e, i).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+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]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : fe(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function $e(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) {
+  if (e == null) return {};
+  var r = $e(e, t), n, i;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    for (i = 0; i < o.length; i++)
+      n = o[i], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
+  }
+  return r;
+}
+function Ae(e, t) {
+  return De(e) || xe(e, t) || Te(e, t) || Re();
+}
+function De(e) {
+  if (Array.isArray(e)) return e;
+}
+function xe(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)
+        ;
+    } catch (s) {
+      i = !0, o = s;
+    } finally {
+      try {
+        !n && a.return != null && a.return();
+      } finally {
+        if (i) throw o;
+      }
+    }
+    return r;
+  }
+}
+function Te(e, t) {
+  if (e) {
+    if (typeof e == "string") return pe(e, t);
+    var r = Object.prototype.toString.call(e).slice(8, -1);
+    if (r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set") return Array.from(e);
+    if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return pe(e, t);
+  }
+}
+function pe(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = new Array(t); r < t; r++) n[r] = e[r];
+  return n;
+}
+function Re() {
+  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) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function ge(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(e, i).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+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]);
+    }) : 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() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return function(n) {
+    return t.reduceRight(function(i, o) {
+      return o(i);
+    }, n);
+  };
+}
+function H(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, f = new Array(a), s = 0; s < a; s++)
+        f[s] = arguments[s];
+      return t.apply(r, [].concat(i, f));
+    };
+  };
+}
+function ee(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function qe(e) {
+  return !Object.keys(e).length;
+}
+function K(e) {
+  return typeof e == "function";
+}
+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 !Ve(e, r);
+  }) && x("changeField"), t;
+}
+function Ue(e) {
+  K(e) || x("selectorType");
+}
+function We(e) {
+  K(e) || ee(e) || x("handlerType"), ee(e) && Object.values(e).some(function(t) {
+    return !K(t);
+  }) && x("handlersType");
+}
+function Fe(e) {
+  e || x("initialIsRequired"), ee(e) || x("initialType"), qe(e) && x("initialContent");
+}
+function ke(e, t) {
+  throw new Error(e[t] || e.default);
+}
+var He = {
+  initialIsRequired: "initial state is required",
+  initialType: "initial state should be an object",
+  initialContent: "initial state shouldn't be an empty object",
+  handlerType: "handler should be an object or a function",
+  handlersType: "all handlers should be a functions",
+  selectorType: "selector should be a function",
+  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 = {
+  changes: ze,
+  selector: Ue,
+  handler: We,
+  initial: Fe
+};
+function Be(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  Q.initial(e), Q.handler(t);
+  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) {
+      return y;
+    };
+    return Q.selector(v), v(r.current);
+  }
+  function s(v) {
+    _e(n, i, o, a)(v);
+  }
+  return [f, s];
+}
+function Ke(e, t) {
+  return K(t) ? t(e.current) : t;
+}
+function Ge(e, t) {
+  return e.current = he(he({}, e.current), t), t;
+}
+function Je(e, t, r) {
+  return K(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 = {
+  paths: {
+    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.43.0/min/vs"
+  }
+};
+function Qe(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, f = new Array(a), s = 0; s < a; s++)
+        f[s] = arguments[s];
+      return t.apply(r, [].concat(i, f));
+    };
+  };
+}
+function Xe(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function et(e) {
+  return e || me("configIsRequired"), Xe(e) || me("configType"), e.urls ? (tt(), {
+    paths: {
+      vs: e.urls.monacoBase
+    }
+  }) : e;
+}
+function tt() {
+  console.warn(be.deprecation);
+}
+function rt(e, t) {
+  throw new Error(e[t] || e.default);
+}
+var be = {
+  configIsRequired: "the configuration object is required",
+  configType: "the configuration object should be an object",
+  default: "an unknown error accured in `@monaco-editor/loader` package",
+  deprecation: `Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  `
+}, me = Qe(rt)(be), nt = {
+  config: et
+}, it = function() {
+  for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
+    r[n] = arguments[n];
+  return function(i) {
+    return r.reduceRight(function(o, a) {
+      return a(o);
+    }, i);
+  };
+};
+function we(e, t) {
+  return Object.keys(t).forEach(function(r) {
+    t[r] instanceof Object && e[r] && Object.assign(t[r], we(e[r], t[r]));
+  }), de(de({}, e), t);
+}
+var ot = {
+  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);
+    }), e.catch(i);
+  });
+  return r.cancel = function() {
+    return t = !0;
+  }, r;
+}
+var at = Ye.create({
+  config: Ze,
+  isInitialized: !1,
+  resolve: null,
+  reject: null,
+  monaco: null
+}), ye = Ae(at, 2), G = ye[0], ne = ye[1];
+function ut(e) {
+  var t = nt.config(e), r = t.monaco, n = Le(t, ["monaco"]);
+  ne(function(i) {
+    return {
+      config: we(i.config, n),
+      monaco: r
+    };
+  });
+}
+function ct() {
+  var e = G(function(t) {
+    var r = t.monaco, n = t.isInitialized, i = t.resolve;
+    return {
+      monaco: r,
+      isInitialized: n,
+      resolve: i
+    };
+  });
+  if (!e.isInitialized) {
+    if (ne({
+      isInitialized: !0
+    }), e.monaco)
+      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);
+  }
+  return ie(oe);
+}
+function lt(e) {
+  return document.body.appendChild(e);
+}
+function st(e) {
+  var t = document.createElement("script");
+  return e && (t.src = e), t;
+}
+function ft(e) {
+  var t = G(function(n) {
+    var i = n.config, o = n.reject;
+    return {
+      config: i,
+      reject: o
+    };
+  }), r = st("".concat(t.config.paths.vs, "/loader.js"));
+  return r.onload = function() {
+    return e();
+  }, r.onerror = t.reject, r;
+}
+function dt() {
+  var e = G(function(r) {
+    var n = r.config, i = r.resolve, o = r.reject;
+    return {
+      config: n,
+      resolve: i,
+      reject: o
+    };
+  }), t = window.require;
+  t.config(e.config), t(["vs/editor/editor.main"], function(r) {
+    Oe(r), e.resolve(r);
+  }, function(r) {
+    e.reject(r);
+  });
+}
+function Oe(e) {
+  G().monaco || ne({
+    monaco: e
+  });
+}
+function pt() {
+  return G(function(e) {
+    var t = e.monaco;
+    return t;
+  });
+}
+var oe = new Promise(function(e, t) {
+  return ne({
+    resolve: e,
+    reject: t
+  });
+}), te = {
+  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 q.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 }));
+}
+var Ot = yt, je = ce(Ot);
+function jt(e) {
+  $(e, []);
+}
+var le = jt;
+function Mt(e, t, r = !0) {
+  let n = w(!0);
+  $(n.current || !r ? () => {
+    n.current = !1;
+  } : e, t);
+}
+var P = Mt;
+function B() {
+}
+function _(e, t, r, n) {
+  return St(e, n) || Pt(e, t, r, n);
+}
+function St(e, t) {
+  return e.editor.getModel(Me(e, t));
+}
+function Pt(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: 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);
+  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 || "");
+      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 || "");
+      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(() => {
+    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(() => {
+    var u;
+    (u = c.current) == null || u.editor.setTheme(v);
+  }, [v], j), P(() => {
+    var u;
+    (u = g.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 });
+  }, [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]);
+  $(() => {
+    j && M.current(g.current, c.current);
+  }, [j]), $(() => {
+    !I && !j && Z();
+  }, [I, 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();
+  }
+  return q.createElement(je, { width: J, height: L, isEditorReady: j, loading: y, _ref: U, className: C, wrapperProps: E });
+}
+var It = Et;
+ce(It);
+function Ct() {
+  let [e, t] = V(te.__getMonacoInstance());
+  return le(() => {
+    let r;
+    return e || (r = te.init(), r.then((n) => {
+      t(n);
+    })), () => r == null ? void 0 : r.cancel();
+  }), e;
+}
+var $t = Ct;
+function Lt(e) {
+  let t = w();
+  return $(() => {
+    t.current = 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);
+  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 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;
+    }
+  }, [e, t, r, n, i, o, v, y, O, a, f]);
+  $(() => {
+    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);
+    }));
+  }, [d, b]), $(() => {
+    if (d) {
+      let l = M.current.editor.onDidChangeMarkers((m) => {
+        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);
+        }
+      });
+      return () => {
+        l == null || l.dispose();
+      };
+    }
+    return () => {
+    };
+  }, [d, I]);
+  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();
+  }
+  return q.createElement(je, { width: J, height: C, isEditorReady: d, loading: s, _ref: T, className: E, wrapperProps: A });
+}
+var xt = Dt, Tt = ce(xt), 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(
+    ({ data: t }) => t.reduce((r, n, i, o) => ({
+      ...r,
+      [n.id]: {
+        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)
+          ) != null
+        )
+      }
+    }), {})
+  ).catch((t) => {
+    throw t;
+  })), e);
+})();
+async function _t(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);
+  return [].concat(
+    ((i = r.obj) == null ? void 0 : i.fields.map(([a]) => ({
+      value: `${r.path}.${a}`,
+      type: "field"
+    }))) ?? []
+  ).concat(
+    ((o = r.obj) == null ? void 0 : o.relationships.map(([a]) => ({
+      value: `${r.path}.${a}`,
+      type: "relationship"
+    }))) ?? []
+  );
+}
+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(
+        ([O]) => O === a
+      )) == null ? void 0 : y[1].class_name;
+      if (f == null)
+        return o;
+      const s = r[Se(f)];
+      return s == null ? o : {
+        path: `${o.path == null ? "" : `${o.path}.`}${a}`,
+        obj: s
+      };
+    },
+    { path: t != null ? i ?? "" : "", obj: t }
+  );
+}
+function Se(e) {
+  return e.replace(/([A-Z])/g, "_$1").replace(/^_/, "").toLowerCase();
+}
+const Vt = Ut(500), zt = Ie(
+  ({
+    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,
+    ...L
+  }, J) => {
+    const C = $t(), E = w(), [A, z] = V(null), j = (b, I) => {
+      z(b), b.onDidPaste(() => {
+        var d;
+        (d = b.getAction("editor.action.formatDocument")) == null || d.run();
+      }), b.onDidChangeModelDecorations(() => {
+        const d = b.getModel(), g = I.editor.getModelMarkers({
+          resource: d == null ? void 0 : d.uri
+        }), c = b.getValue();
+        Vt(() => {
+          v == null || v(g.length > 0 ? g : null), O == null || O(c), g.length === 0 && (y == null || y(c));
+        });
+      });
+    };
+    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) {
+          case "none":
+            break;
+          case "order-rules": {
+            g.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"]);
+            break;
+          }
+          case "price-rules": {
+            g.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"]);
+            break;
+          }
+        }
+        C.languages.json.jsonDefaults.setDiagnosticsOptions({
+          enableSchemaRequest: !0,
+          schemaRequest: "ignore",
+          schemaValidation: "error",
+          validate: !0,
+          schemas: g
+        });
+      }
+    }(), () => {
+      var b;
+      (b = E.current) == null || b.call(E);
+    }), [C, A, s]), /* @__PURE__ */ se.jsx(
+      Ee,
+      {
+        label: n,
+        hint: t,
+        feedback: e,
+        name: L.id ?? L.name,
+        inline: r,
+        children: /* @__PURE__ */ se.jsx(
+          Rt,
+          {
+            defaultPath: L.id ?? L.name,
+            className: "[&>.monaco-editor]:rounded [&>.monaco-editor>.overflow-guard]:rounded",
+            theme: "vs-dark",
+            language: a,
+            height: f,
+            defaultValue: i,
+            value: o,
+            onMount: j,
+            options: {
+              quickSuggestions: !0,
+              readOnly: !1,
+              automaticLayout: !0,
+              insertSpaces: !0,
+              tabSize: 2,
+              lineNumbers: "on",
+              padding: { top: 18, bottom: 18 },
+              scrollBeyondLastLine: !1,
+              pasteAs: { enabled: !0 },
+              minimap: {
+                enabled: !1
+              }
+            }
+          }
+        )
+      }
+    );
+  }
+);
+zt.displayName = "CodeEditor";
+function Ut(e = 100) {
+  let t = null;
+  return function(n) {
+    t !== null && clearTimeout(t), t = setTimeout(() => {
+      n(), t = null;
+    }, e);
+  };
+}
+function re(e, t) {
+  return typeof e != "object" || e === null ? e : Array.isArray(e) ? e.map((r) => re(r)) : Object.entries(e).reduce((r, [n, i]) => t !== "properties" && ["examples", "default"].includes(n) ? r : {
+    ...r,
+    [n]: re(i, n)
+  }, {});
+}
+function ve(e, t, r) {
+  return e.languages.registerCompletionItemProvider("json", {
+    triggerCharacters: ['"', ":", "."],
+    provideCompletionItems: async function(n, i) {
+      if (n.uri.toString() !== t.toString())
+        return {
+          suggestions: []
+        };
+      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)
+          return {
+            incomplete: !1,
+            suggestions: (await _t(
+              r,
+              s
+            )).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,
+                startColumn: o.startColumn,
+                endLineNumber: i.lineNumber,
+                endColumn: o.endColumn
+              }
+            }))
+          };
+      }
+      return {
+        suggestions: []
+      };
+    }
+  }).dispose = () => {
+  };
+}
+export {
+  zt as CodeEditor
+};