@commercelayer/app-elements 5.6.0 → 5.7.0

package/dist/CodeEditorComponent--5lVbv6t.js

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