@commercelayer/app-elements 6.11.1 → 6.11.2

package/dist/CodeEditorComponent-_nlMhiR9.js

@@ -0,0 +1,742 @@
+"use client";
+import { u as Pe, j as le, I as Se } from "./main-Q1klqbeV.js";
+import $, { memo as ie, useState as N, useRef as h, useCallback as ne, useEffect as S, forwardRef as Ce } from "react";
+import { f as Ee, a as Ie } from "./fetchCoreResourcesSuggestions-CAoQMAh8.js";
+function se(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r];
+  return n;
+}
+function Te(e) {
+  if (Array.isArray(e)) return e;
+}
+function Le(e, t, r) {
+  return (t = Ve(t)) in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function De(e, t) {
+  var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (r != null) {
+    var n, o, i, c, d = [], g = !0, l = !1;
+    try {
+      if (i = (r = r.call(e)).next, t !== 0) for (; !(g = (n = i.call(r)).done) && (d.push(n.value), d.length !== t); g = !0) ;
+    } catch (M) {
+      l = !0, o = M;
+    } finally {
+      try {
+        if (!g && r.return != null && (c = r.return(), Object(c) !== c)) return;
+      } finally {
+        if (l) throw o;
+      }
+    }
+    return d;
+  }
+}
+function xe() {
+  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 de(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function fe(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? de(Object(r), !0).forEach(function(n) {
+      Le(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : de(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function Ae(e, t) {
+  if (e == null) return {};
+  var r, n, o = Re(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++) r = i[n], t.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+  }
+  return o;
+}
+function Re(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.indexOf(n) !== -1) continue;
+    r[n] = e[n];
+  }
+  return r;
+}
+function $e(e, t) {
+  return Te(e) || De(e, t) || qe(e, t) || xe();
+}
+function Ne(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function Ve(e) {
+  var t = Ne(e, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function qe(e, t) {
+  if (e) {
+    if (typeof e == "string") return se(e, t);
+    var r = {}.toString.call(e).slice(8, -1);
+    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? se(e, t) : void 0;
+  }
+}
+function ze(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function pe(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function ge(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? pe(Object(r), !0).forEach(function(n) {
+      ze(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : pe(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function Ue() {
+  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(o, i) {
+      return i(o);
+    }, n);
+  };
+}
+function F(e) {
+  return function t() {
+    for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
+      o[i] = arguments[i];
+    return o.length >= e.length ? e.apply(this, o) : function() {
+      for (var c = arguments.length, d = new Array(c), g = 0; g < c; g++)
+        d[g] = arguments[g];
+      return t.apply(r, [].concat(o, d));
+    };
+  };
+}
+function J(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function Fe(e) {
+  return !Object.keys(e).length;
+}
+function k(e) {
+  return typeof e == "function";
+}
+function We(e, t) {
+  return Object.prototype.hasOwnProperty.call(e, t);
+}
+function ke(e, t) {
+  return J(t) || L("changeType"), Object.keys(t).some(function(r) {
+    return !We(e, r);
+  }) && L("changeField"), t;
+}
+function He(e) {
+  k(e) || L("selectorType");
+}
+function _e(e) {
+  k(e) || J(e) || L("handlerType"), J(e) && Object.values(e).some(function(t) {
+    return !k(t);
+  }) && L("handlersType");
+}
+function Be(e) {
+  e || L("initialIsRequired"), J(e) || L("initialType"), Fe(e) && L("initialContent");
+}
+function Ke(e, t) {
+  throw new Error(e[t] || e.default);
+}
+var Je = {
+  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"
+}, L = F(Ke)(Je), B = {
+  changes: ke,
+  selector: He,
+  handler: _e,
+  initial: Be
+};
+function Ge(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  B.initial(e), B.handler(t);
+  var r = {
+    current: e
+  }, n = F(Xe)(r, t), o = F(Qe)(r), i = F(B.changes)(e), c = F(Ye)(r);
+  function d() {
+    var l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(M) {
+      return M;
+    };
+    return B.selector(l), l(r.current);
+  }
+  function g(l) {
+    Ue(n, o, i, c)(l);
+  }
+  return [d, g];
+}
+function Ye(e, t) {
+  return k(t) ? t(e.current) : t;
+}
+function Qe(e, t) {
+  return e.current = ge(ge({}, e.current), t), t;
+}
+function Xe(e, t, r) {
+  return k(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
+    var o;
+    return (o = t[n]) === null || o === void 0 ? void 0 : o.call(t, e.current[n]);
+  }), r;
+}
+var Ze = {
+  create: Ge
+}, et = {
+  paths: {
+    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"
+  }
+};
+function tt(e) {
+  return function t() {
+    for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
+      o[i] = arguments[i];
+    return o.length >= e.length ? e.apply(this, o) : function() {
+      for (var c = arguments.length, d = new Array(c), g = 0; g < c; g++)
+        d[g] = arguments[g];
+      return t.apply(r, [].concat(o, d));
+    };
+  };
+}
+function rt(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function nt(e) {
+  return e || me("configIsRequired"), rt(e) || me("configType"), e.urls ? (ot(), {
+    paths: {
+      vs: e.urls.monacoBase
+    }
+  }) : e;
+}
+function ot() {
+  console.warn(ve.deprecation);
+}
+function it(e, t) {
+  throw new Error(e[t] || e.default);
+}
+var ve = {
+  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 = tt(it)(ve), at = {
+  config: nt
+}, ut = function() {
+  for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
+    r[n] = arguments[n];
+  return function(o) {
+    return r.reduceRight(function(i, c) {
+      return c(i);
+    }, o);
+  };
+};
+function be(e, t) {
+  return Object.keys(t).forEach(function(r) {
+    t[r] instanceof Object && e[r] && Object.assign(t[r], be(e[r], t[r]));
+  }), fe(fe({}, e), t);
+}
+var ct = {
+  type: "cancelation",
+  msg: "operation is manually canceled"
+};
+function ee(e) {
+  var t = !1, r = new Promise(function(n, o) {
+    e.then(function(i) {
+      return t ? o(ct) : n(i);
+    }), e.catch(o);
+  });
+  return r.cancel = function() {
+    return t = !0;
+  }, r;
+}
+var lt = ["monaco"], st = Ze.create({
+  config: et,
+  isInitialized: !1,
+  resolve: null,
+  reject: null,
+  monaco: null
+}), ye = $e(st, 2), H = ye[0], Y = ye[1];
+function dt(e) {
+  var t = at.config(e), r = t.monaco, n = Ae(t, lt);
+  Y(function(o) {
+    return {
+      config: be(o.config, n),
+      monaco: r
+    };
+  });
+}
+function ft() {
+  var e = H(function(t) {
+    var r = t.monaco, n = t.isInitialized, o = t.resolve;
+    return {
+      monaco: r,
+      isInitialized: n,
+      resolve: o
+    };
+  });
+  if (!e.isInitialized) {
+    if (Y({
+      isInitialized: !0
+    }), e.monaco)
+      return e.resolve(e.monaco), ee(te);
+    if (window.monaco && window.monaco.editor)
+      return we(window.monaco), e.resolve(window.monaco), ee(te);
+    ut(pt, mt)(ht);
+  }
+  return ee(te);
+}
+function pt(e) {
+  return document.body.appendChild(e);
+}
+function gt(e) {
+  var t = document.createElement("script");
+  return e && (t.src = e), t;
+}
+function mt(e) {
+  var t = H(function(n) {
+    var o = n.config, i = n.reject;
+    return {
+      config: o,
+      reject: i
+    };
+  }), r = gt("".concat(t.config.paths.vs, "/loader.js"));
+  return r.onload = function() {
+    return e();
+  }, r.onerror = t.reject, r;
+}
+function ht() {
+  var e = H(function(r) {
+    var n = r.config, o = r.resolve, i = r.reject;
+    return {
+      config: n,
+      resolve: o,
+      reject: i
+    };
+  }), t = window.require;
+  t.config(e.config), t(["vs/editor/editor.main"], function(r) {
+    var n = r.m || r;
+    we(n), e.resolve(n);
+  }, function(r) {
+    e.reject(r);
+  });
+}
+function we(e) {
+  H().monaco || Y({
+    monaco: e
+  });
+}
+function vt() {
+  return H(function(e) {
+    var t = e.monaco;
+    return t;
+  });
+}
+var te = new Promise(function(e, t) {
+  return Y({
+    resolve: e,
+    reject: t
+  });
+}), G = {
+  config: dt,
+  init: ft,
+  __getMonacoInstance: vt
+}, bt = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, re = bt, yt = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, wt = yt;
+function Ot({ children: e }) {
+  return $.createElement("div", { style: wt.container }, e);
+}
+var jt = Ot, Mt = jt;
+function Pt({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: i, wrapperProps: c }) {
+  return $.createElement("section", { style: { ...re.wrapper, width: e, height: t }, ...c }, !r && $.createElement(Mt, null, n), $.createElement("div", { ref: o, style: { ...re.fullWidth, ...!r && re.hide }, className: i }));
+}
+var St = Pt, Oe = ie(St);
+function Ct(e) {
+  S(e, []);
+}
+var ae = Ct;
+function Et(e, t, r = !0) {
+  let n = h(!0);
+  S(n.current || !r ? () => {
+    n.current = !1;
+  } : e, t);
+}
+var j = Et;
+function W() {
+}
+function R(e, t, r, n) {
+  return It(e, n) || Tt(e, t, r, n);
+}
+function It(e, t) {
+  return e.editor.getModel(je(e, t));
+}
+function Tt(e, t, r, n) {
+  return e.editor.createModel(t, r, n ? je(e, n) : void 0);
+}
+function je(e, t) {
+  return e.Uri.parse(t);
+}
+function Lt({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: c, keepCurrentOriginalModel: d = !1, keepCurrentModifiedModel: g = !1, theme: l = "light", loading: M = "Loading...", options: b = {}, height: A = "100%", width: V = "100%", className: q, wrapperProps: z = {}, beforeMount: E = W, onMount: D = W }) {
+  let [f, C] = N(!1), [I, s] = N(!0), v = h(null), m = h(null), x = h(null), u = h(D), a = h(E), O = h(!1);
+  ae(() => {
+    let p = G.init();
+    return p.then((y) => (m.current = y) && s(!1)).catch((y) => y?.type !== "cancelation" && console.error("Monaco initialization: error:", y)), () => v.current ? U() : p.cancel();
+  }), j(() => {
+    if (v.current && m.current) {
+      let p = v.current.getOriginalEditor(), y = R(m.current, e || "", n || r || "text", i || "");
+      y !== p.getModel() && p.setModel(y);
+    }
+  }, [i], f), j(() => {
+    if (v.current && m.current) {
+      let p = v.current.getModifiedEditor(), y = R(m.current, t || "", o || r || "text", c || "");
+      y !== p.getModel() && p.setModel(y);
+    }
+  }, [c], f), j(() => {
+    let p = v.current.getModifiedEditor();
+    p.getOption(m.current.editor.EditorOption.readOnly) ? p.setValue(t || "") : t !== p.getValue() && (p.executeEdits("", [{ range: p.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), p.pushUndoStop());
+  }, [t], f), j(() => {
+    v.current?.getModel()?.original.setValue(e || "");
+  }, [e], f), j(() => {
+    let { original: p, modified: y } = v.current.getModel();
+    m.current.editor.setModelLanguage(p, n || r || "text"), m.current.editor.setModelLanguage(y, o || r || "text");
+  }, [r, n, o], f), j(() => {
+    m.current?.editor.setTheme(l);
+  }, [l], f), j(() => {
+    v.current?.updateOptions(b);
+  }, [b], f);
+  let P = ne(() => {
+    if (!m.current) return;
+    a.current(m.current);
+    let p = R(m.current, e || "", n || r || "text", i || ""), y = R(m.current, t || "", o || r || "text", c || "");
+    v.current?.setModel({ original: p, modified: y });
+  }, [r, t, o, e, n, i, c]), _ = ne(() => {
+    !O.current && x.current && (v.current = m.current.editor.createDiffEditor(x.current, { automaticLayout: !0, ...b }), P(), m.current?.editor.setTheme(l), C(!0), O.current = !0);
+  }, [b, l, P]);
+  S(() => {
+    f && u.current(v.current, m.current);
+  }, [f]), S(() => {
+    !I && !f && _();
+  }, [I, f, _]);
+  function U() {
+    let p = v.current?.getModel();
+    d || p?.original?.dispose(), g || p?.modified?.dispose(), v.current?.dispose();
+  }
+  return $.createElement(Oe, { width: V, height: A, isEditorReady: f, loading: M, _ref: x, className: q, wrapperProps: z });
+}
+var Dt = Lt;
+ie(Dt);
+function xt() {
+  let [e, t] = N(G.__getMonacoInstance());
+  return ae(() => {
+    let r;
+    return e || (r = G.init(), r.then((n) => {
+      t(n);
+    })), () => r?.cancel();
+  }), e;
+}
+var At = xt;
+function Rt(e) {
+  let t = h();
+  return S(() => {
+    t.current = e;
+  }, [e]), t.current;
+}
+var $t = Rt, K = /* @__PURE__ */ new Map();
+function Nt({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: c = "light", line: d, loading: g = "Loading...", options: l = {}, overrideServices: M = {}, saveViewState: b = !0, keepCurrentModel: A = !1, width: V = "100%", height: q = "100%", className: z, wrapperProps: E = {}, beforeMount: D = W, onMount: f = W, onChange: C, onValidate: I = W }) {
+  let [s, v] = N(!1), [m, x] = N(!0), u = h(null), a = h(null), O = h(null), P = h(f), _ = h(D), U = h(), p = h(n), y = $t(i), ue = h(!1), Q = h(!1);
+  ae(() => {
+    let w = G.init();
+    return w.then((T) => (u.current = T) && x(!1)).catch((T) => T?.type !== "cancelation" && console.error("Monaco initialization: error:", T)), () => a.current ? Me() : w.cancel();
+  }), j(() => {
+    let w = R(u.current, e || n || "", t || o || "", i || r || "");
+    w !== a.current?.getModel() && (b && K.set(y, a.current?.saveViewState()), a.current?.setModel(w), b && a.current?.restoreViewState(K.get(i)));
+  }, [i], s), j(() => {
+    a.current?.updateOptions(l);
+  }, [l], s), j(() => {
+    !a.current || n === void 0 || (a.current.getOption(u.current.editor.EditorOption.readOnly) ? a.current.setValue(n) : n !== a.current.getValue() && (Q.current = !0, a.current.executeEdits("", [{ range: a.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), a.current.pushUndoStop(), Q.current = !1));
+  }, [n], s), j(() => {
+    let w = a.current?.getModel();
+    w && o && u.current?.editor.setModelLanguage(w, o);
+  }, [o], s), j(() => {
+    d !== void 0 && a.current?.revealLine(d);
+  }, [d], s), j(() => {
+    u.current?.editor.setTheme(c);
+  }, [c], s);
+  let ce = ne(() => {
+    if (!(!O.current || !u.current) && !ue.current) {
+      _.current(u.current);
+      let w = i || r, T = R(u.current, n || e || "", t || o || "", w || "");
+      a.current = u.current?.editor.create(O.current, { model: T, automaticLayout: !0, ...l }, M), b && a.current.restoreViewState(K.get(w)), u.current.editor.setTheme(c), d !== void 0 && a.current.revealLine(d), v(!0), ue.current = !0;
+    }
+  }, [e, t, r, n, o, i, l, M, b, c, d]);
+  S(() => {
+    s && P.current(a.current, u.current);
+  }, [s]), S(() => {
+    !m && !s && ce();
+  }, [m, s, ce]), p.current = n, S(() => {
+    s && C && (U.current?.dispose(), U.current = a.current?.onDidChangeModelContent((w) => {
+      Q.current || C(a.current.getValue(), w);
+    }));
+  }, [s, C]), S(() => {
+    if (s) {
+      let w = u.current.editor.onDidChangeMarkers((T) => {
+        let X = a.current.getModel()?.uri;
+        if (X && T.find((Z) => Z.path === X.path)) {
+          let Z = u.current.editor.getModelMarkers({ resource: X });
+          I?.(Z);
+        }
+      });
+      return () => {
+        w?.dispose();
+      };
+    }
+    return () => {
+    };
+  }, [s, I]);
+  function Me() {
+    U.current?.dispose(), A ? b && K.set(i, a.current.saveViewState()) : a.current.getModel()?.dispose(), a.current.dispose();
+  }
+  return $.createElement(Oe, { width: V, height: q, isEditorReady: s, loading: g, _ref: O, className: z, wrapperProps: E });
+}
+var Vt = Nt, qt = ie(Vt), zt = qt;
+const Ut = Wt(500), Ft = Ce(
+  ({
+    feedback: e,
+    hint: t,
+    inline: r,
+    label: n,
+    defaultValue: o,
+    readOnly: i,
+    value: c,
+    language: d = "plaintext",
+    height: g = "220px",
+    jsonSchema: l = "none",
+    onValidate: M,
+    onValid: b,
+    onChange: A,
+    onFocus: V,
+    onBlur: q,
+    noRounding: z = !1,
+    ...E
+  }, D) => {
+    const f = At(), C = h(null), I = h(null), [s, v] = N(
+      null
+    ), {
+      settings: { domain: m }
+    } = Pe(), x = (u) => {
+      u != null && D != null && typeof D == "object" && (D.current = u), v(u), u.onDidBlurEditorText(q ?? (() => {
+      })), u.onDidFocusEditorText(V ?? (() => {
+      })), u.layout(), u.onDidPaste(() => {
+        u.getAction("editor.action.formatDocument")?.run();
+      });
+    };
+    return S(
+      function() {
+        s != null && f != null && (I.current?.dispose(), I.current = s.onDidChangeModelContent(
+          () => {
+            const a = s.getModel(), O = f.editor.getModelMarkers({
+              resource: a?.uri
+            }), P = s.getValue();
+            Ut(() => {
+              M?.(O.length > 0 ? O : null), A?.(P), O.length === 0 && b?.(P);
+            });
+          }
+        ));
+      },
+      [s, f, A]
+    ), S(() => ((async () => {
+      const u = s?.getModel()?.uri.toString();
+      if (f != null && u != null && l != null) {
+        C.current?.dispose();
+        const a = f.languages.json.jsonDefaults.diagnosticsOptions.schemas ?? [], O = await Ee(l, m).then(
+          (P) => P != null ? oe(P) : P
+        );
+        switch (l) {
+          case "none":
+            break;
+          case "organization-config": {
+            a.push({
+              schema: O,
+              uri: `file:///json-schema--${l}.json`,
+              fileMatch: [u]
+            });
+            break;
+          }
+          case "order-rules": {
+            a.push({
+              schema: O,
+              uri: `file:///json-schema--${l}.json`,
+              fileMatch: [u]
+            }), C.current = he(f, u, ["order"]);
+            break;
+          }
+          case "price-rules": {
+            a.push({
+              schema: O,
+              uri: `file:///json-schema--${l}.json`,
+              fileMatch: [u]
+            }), C.current = he(f, u, ["price"]);
+            break;
+          }
+        }
+        f.languages.json.jsonDefaults.setDiagnosticsOptions({
+          enableSchemaRequest: !0,
+          schemaRequest: "ignore",
+          schemaValidation: "error",
+          validate: !0,
+          schemas: a
+        });
+      }
+    })(), () => {
+      C.current?.dispose();
+    }), [f, s, l, m]), /* @__PURE__ */ le.jsx(
+      Se,
+      {
+        label: n,
+        hint: t,
+        feedback: e,
+        name: E.id ?? E.name,
+        inline: r,
+        className: "h-full [&>div:first-of-type]:h-full",
+        children: /* @__PURE__ */ le.jsx(
+          zt,
+          {
+            defaultPath: E.id ?? E.name,
+            className: z ? void 0 : "[&>.monaco-editor]:rounded [&>.monaco-editor>.overflow-guard]:rounded",
+            theme: "vs-dark",
+            language: d,
+            height: g,
+            defaultValue: o,
+            value: c,
+            onMount: x,
+            options: {
+              quickSuggestions: !0,
+              readOnly: i,
+              domReadOnly: !0,
+              automaticLayout: !0,
+              insertSpaces: !0,
+              tabSize: 2,
+              lineNumbers: "on",
+              padding: { top: 18, bottom: 18 },
+              scrollBeyondLastLine: !1,
+              pasteAs: { enabled: !0 },
+              minimap: {
+                enabled: !1
+              }
+            }
+          }
+        )
+      }
+    );
+  }
+);
+Ft.displayName = "CodeEditor";
+function Wt(e = 100) {
+  let t = null;
+  return function(n) {
+    t !== null && clearTimeout(t), t = setTimeout(() => {
+      n(), t = null;
+    }, e);
+  };
+}
+function oe(e, t) {
+  return typeof e != "object" || e === null ? e : Array.isArray(e) ? e.map((r) => oe(r)) : Object.entries(e).reduce((r, [n, o]) => t !== "properties" && ["examples", "default"].includes(n) ? r : {
+    ...r,
+    [n]: oe(o, n)
+  }, {});
+}
+function he(e, t, r) {
+  return e.languages.registerCompletionItemProvider("json", {
+    triggerCharacters: ['"', ":", "."],
+    provideCompletionItems: async (o, i) => {
+      if (o.uri.toString() !== t.toString())
+        return {
+          suggestions: []
+        };
+      const c = o.getWordUntilPosition(i), d = o.getLineContent(i.lineNumber).substring(0, i.column - 1);
+      if (/"(field|selector)"\s*:\s*"[^"]*$/.test(d)) {
+        const l = c.word;
+        if (l != null)
+          return {
+            incomplete: !1,
+            suggestions: (await Ie(
+              r,
+              l
+            )).map((b) => ({
+              kind: b.type === "relationship" ? e.languages.CompletionItemKind.Module : e.languages.CompletionItemKind.Value,
+              label: b.value,
+              insertText: b.value,
+              // documentation: `Field: ${suggestion}`,
+              range: {
+                startLineNumber: i.lineNumber,
+                startColumn: c.startColumn,
+                endLineNumber: i.lineNumber,
+                endColumn: c.endColumn
+              }
+            }))
+          };
+      }
+      return {
+        suggestions: []
+      };
+    }
+  });
+}
+export {
+  Ft as CodeEditor
+};