@commercelayer/app-elements 3.3.1 → 3.4.0

package/dist/{CodeEditorComponent-Ddvvj8Wz.js → CodeEditorComponent-D5qd5nn5.js}

@@ -1,6 +1,6 @@
 "use client";
-import { j as se, I as Ee } from "./main-mxu1NrZ9.js";
-import z, { memo as ce, useState as U, useRef as w, useCallback as ue, useEffect as $, forwardRef as Ce } from "react";
+import { j as se, I as Ee } from "./main-BBkPeXZ8.js";
+import V, { memo as ce, useState as U, useRef as y, useCallback as ue, useEffect as $, forwardRef as Ce } from "react";
 function Ie(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
@@ -57,7 +57,7 @@ function De(e, t) {
   if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(e)))) {
     var r = [], n = !0, i = !1, o = void 0;
     try {
-      for (var a = e[Symbol.iterator](), l; !(n = (l = a.next()).done) && (r.push(l.value), !(t && r.length === t)); n = !0)
+      for (var a = e[Symbol.iterator](), s; !(n = (s = a.next()).done) && (r.push(s.value), !(t && r.length === t)); n = !0)
         ;
     } catch (p) {
       i = !0, o = p;
@@ -131,41 +131,41 @@ 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, l = new Array(a), p = 0; p < a; p++)
-        l[p] = arguments[p];
-      return t.apply(r, [].concat(i, l));
+      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));
     };
   };
 }
-function ee(e) {
+function te(e) {
   return {}.toString.call(e).includes("Object");
 }
 function qe(e) {
   return !Object.keys(e).length;
 }
-function K(e) {
+function G(e) {
   return typeof e == "function";
 }
-function Ve(e, t) {
+function ze(e, t) {
   return Object.prototype.hasOwnProperty.call(e, t);
 }
-function ze(e, t) {
-  return ee(t) || D("changeType"), Object.keys(t).some(function(r) {
-    return !Ve(e, r);
+function Ve(e, t) {
+  return te(t) || D("changeType"), Object.keys(t).some(function(r) {
+    return !ze(e, r);
   }) && D("changeField"), t;
 }
 function Ue(e) {
-  K(e) || D("selectorType");
+  G(e) || D("selectorType");
 }
 function We(e) {
-  K(e) || ee(e) || D("handlerType"), ee(e) && Object.values(e).some(function(t) {
-    return !K(t);
+  G(e) || te(e) || D("handlerType"), te(e) && Object.values(e).some(function(t) {
+    return !G(t);
   }) && D("handlersType");
 }
-function Fe(e) {
-  e || D("initialIsRequired"), ee(e) || D("initialType"), qe(e) && D("initialContent");
+function ke(e) {
+  e || D("initialIsRequired"), te(e) || D("initialType"), qe(e) && D("initialContent");
 }
-function ke(e, t) {
+function Fe(e, t) {
   throw new Error(e[t] || e.default);
 }
 var He = {
@@ -178,37 +178,37 @@ 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(ke)(He), Q = {
-  changes: ze,
+}, D = H(Fe)(He), X = {
+  changes: Ve,
   selector: Ue,
   handler: We,
-  initial: Fe
+  initial: ke
 };
 function Be(e) {
   var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  Q.initial(e), Q.handler(t);
+  X.initial(e), X.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 l() {
-    var g = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(y) {
-      return y;
+  }, 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;
     };
-    return Q.selector(g), g(r.current);
+    return X.selector(g), g(r.current);
   }
   function p(g) {
     _e(n, i, o, a)(g);
   }
-  return [l, p];
+  return [s, p];
 }
 function Ke(e, t) {
-  return K(t) ? t(e.current) : t;
+  return G(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) {
+  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;
@@ -225,9 +225,9 @@ function Qe(e) {
     for (var r = this, n = arguments.length, i = new Array(n), o = 0; o < n; o++)
       i[o] = arguments[o];
     return i.length >= e.length ? e.apply(this, i) : function() {
-      for (var a = arguments.length, l = new Array(a), p = 0; p < a; p++)
-        l[p] = arguments[p];
-      return t.apply(r, [].concat(i, l));
+      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));
     };
   };
 }
@@ -297,7 +297,7 @@ var at = Ye.create({
   resolve: null,
   reject: null,
   monaco: null
-}), ye = Ae(at, 2), G = ye[0], ne = ye[1];
+}), 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"]);
   ne(function(i) {
@@ -308,7 +308,7 @@ function ut(e) {
   });
 }
 function ct() {
-  var e = G(function(t) {
+  var e = J(function(t) {
     var r = t.monaco, n = t.isInitialized, i = t.resolve;
     return {
       monaco: r,
@@ -335,7 +335,7 @@ function st(e) {
   return e && (t.src = e), t;
 }
 function ft(e) {
-  var t = G(function(n) {
+  var t = J(function(n) {
     var i = n.config, o = n.reject;
     return {
       config: i,
@@ -347,7 +347,7 @@ function ft(e) {
   }, r.onerror = t.reject, r;
 }
 function dt() {
-  var e = G(function(r) {
+  var e = J(function(r) {
     var n = r.config, i = r.resolve, o = r.reject;
     return {
       config: n,
@@ -362,12 +362,12 @@ function dt() {
   });
 }
 function Oe(e) {
-  G().monaco || ne({
+  J().monaco || ne({
     monaco: e
   });
 }
 function pt() {
-  return G(function(e) {
+  return J(function(e) {
     var t = e.monaco;
     return t;
   });
@@ -377,17 +377,17 @@ var oe = new Promise(function(e, t) {
     resolve: e,
     reject: t
   });
-}), te = {
+}), 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 z.createElement("div", { style: mt.container }, 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 z.createElement("section", { style: { ...ae.wrapper, width: e, height: t }, ...a }, !r && z.createElement(wt, null, n), z.createElement("div", { ref: i, style: { ...ae.fullWidth, ...!r && ae.hide }, className: o }));
+  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) {
@@ -395,7 +395,7 @@ function jt(e) {
 }
 var le = jt;
 function Mt(e, t, r = !0) {
-  let n = w(!0);
+  let n = y(!0);
   $(n.current || !r ? () => {
     n.current = !1;
   } : e, t);
@@ -403,140 +403,140 @@ function Mt(e, t, r = !0) {
 var E = Mt;
 function B() {
 }
-function V(e, t, r, n) {
-  return St(e, n) || Pt(e, t, r, n);
+function z(e, t, r, n) {
+  return Pt(e, n) || St(e, t, r, n);
 }
-function St(e, t) {
+function Pt(e, t) {
   return e.editor.getModel(Me(e, t));
 }
-function Pt(e, t, r, n) {
+function St(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: l = !1, keepCurrentModifiedModel: p = !1, theme: g = "light", loading: y = "Loading...", options: O = {}, height: T = "100%", width: L = "100%", className: J, wrapperProps: I = {}, beforeMount: C = B, onMount: A = B }) {
-  let [j, R] = U(!1), [m, b] = U(!0), d = w(null), s = w(null), M = w(null), S = w(A), f = w(C), N = w(!1);
+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);
   le(() => {
-    let u = te.init();
-    return u.then((h) => (s.current = h) && b(!1)).catch((h) => (h == null ? void 0 : h.type) !== "cancelation" && console.error("Monaco initialization: error:", h)), () => d.current ? W() : u.cancel();
+    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 && s.current) {
-      let u = d.current.getOriginalEditor(), h = V(s.current, e || "", n || r || "text", o || "");
-      h !== u.getModel() && u.setModel(h);
+    if (d.current && l.current) {
+      let u = d.current.getOriginalEditor(), m = z(l.current, e || "", n || r || "text", o || "");
+      m !== u.getModel() && u.setModel(m);
     }
-  }, [o], j), E(() => {
-    if (d.current && s.current) {
-      let u = d.current.getModifiedEditor(), h = V(s.current, t || "", i || r || "text", a || "");
-      h !== u.getModel() && u.setModel(h);
+  }, [o], M), E(() => {
+    if (d.current && l.current) {
+      let u = d.current.getModifiedEditor(), m = z(l.current, t || "", i || r || "text", a || "");
+      m !== u.getModel() && u.setModel(m);
     }
-  }, [a], j), E(() => {
+  }, [a], M), E(() => {
     let u = d.current.getModifiedEditor();
-    u.getOption(s.current.editor.EditorOption.readOnly) ? u.setValue(t || "") : t !== u.getValue() && (u.executeEdits("", [{ range: u.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), u.pushUndoStop());
-  }, [t], j), E(() => {
-    var u, h;
-    (h = (u = d.current) == null ? void 0 : u.getModel()) == null || h.original.setValue(e || "");
-  }, [e], j), E(() => {
-    let { original: u, modified: h } = d.current.getModel();
-    s.current.editor.setModelLanguage(u, n || r || "text"), s.current.editor.setModelLanguage(h, i || r || "text");
-  }, [r, n, i], j), E(() => {
+    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(() => {
+    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(() => {
     var u;
-    (u = s.current) == null || u.editor.setTheme(g);
-  }, [g], j), E(() => {
+    (u = l.current) == null || u.editor.setTheme(g);
+  }, [g], M), E(() => {
     var u;
-    (u = d.current) == null || u.updateOptions(O);
-  }, [O], j);
-  let Y = ue(() => {
+    (u = d.current) == null || u.updateOptions(j);
+  }, [j], M);
+  let Z = ue(() => {
     var x;
-    if (!s.current) return;
-    f.current(s.current);
-    let u = V(s.current, e || "", n || r || "text", o || ""), h = V(s.current, t || "", i || r || "text", a || "");
-    (x = d.current) == null || x.setModel({ original: u, modified: h });
-  }, [r, t, i, e, n, o, a]), Z = ue(() => {
+    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 });
+  }, [r, t, i, e, n, o, a]), Q = ue(() => {
     var u;
-    !N.current && M.current && (d.current = s.current.editor.createDiffEditor(M.current, { automaticLayout: !0, ...O }), Y(), (u = s.current) == null || u.editor.setTheme(g), R(!0), N.current = !0);
-  }, [O, g, Y]);
+    !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]);
   $(() => {
-    j && S.current(d.current, s.current);
-  }, [j]), $(() => {
-    !m && !j && Z();
-  }, [m, j, Z]);
+    M && P.current(d.current, l.current);
+  }, [M]), $(() => {
+    !h && !M && Q();
+  }, [h, M, Q]);
   function W() {
-    var h, x, _, F;
-    let u = (h = d.current) == null ? void 0 : h.getModel();
-    l || ((x = u == null ? void 0 : u.original) == null || x.dispose()), p || ((_ = u == null ? void 0 : u.modified) == null || _.dispose()), (F = d.current) == null || F.dispose();
+    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();
   }
-  return z.createElement(je, { width: L, height: T, isEditorReady: j, loading: y, _ref: M, className: J, wrapperProps: I });
+  return V.createElement(je, { width: L, height: T, isEditorReady: M, loading: O, _ref: w, className: Y, wrapperProps: I });
 }
 var Ct = Et;
 ce(Ct);
 function It() {
-  let [e, t] = U(te.__getMonacoInstance());
+  let [e, t] = U(re.__getMonacoInstance());
   return le(() => {
     let r;
-    return e || (r = te.init(), r.then((n) => {
+    return e || (r = re.init(), r.then((n) => {
       t(n);
     })), () => r == null ? void 0 : r.cancel();
   }), e;
 }
 var $t = It;
 function Lt(e) {
-  let t = w();
+  let t = y();
   return $(() => {
     t.current = e;
   }, [e]), t.current;
 }
-var At = Lt, X = /* @__PURE__ */ new Map();
-function xt({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: i, path: o, theme: a = "light", line: l, loading: p = "Loading...", options: g = {}, overrideServices: y = {}, saveViewState: O = !0, keepCurrentModel: T = !1, width: L = "100%", height: J = "100%", className: I, wrapperProps: C = {}, beforeMount: A = B, onMount: j = B, onChange: R, onValidate: m = B }) {
-  let [b, d] = U(!1), [s, M] = U(!0), S = w(null), f = w(null), N = w(null), Y = w(j), Z = w(A), W = w(), u = w(n), h = At(o), x = w(!1), _ = w(!1);
+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);
   le(() => {
-    let c = te.init();
-    return c.then((v) => (S.current = v) && M(!1)).catch((v) => (v == null ? void 0 : v.type) !== "cancelation" && console.error("Monaco initialization: error:", v)), () => f.current ? Pe() : c.cancel();
+    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, P, k, q;
-    let c = V(S.current, e || n || "", t || i || "", o || r || "");
-    c !== ((v = f.current) == null ? void 0 : v.getModel()) && (O && X.set(h, (P = f.current) == null ? void 0 : P.saveViewState()), (k = f.current) == null || k.setModel(c), O && ((q = f.current) == null || q.restoreViewState(X.get(o))));
+    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(S.current.editor.EditorOption.readOnly) ? f.current.setValue(n) : n !== f.current.getValue() && (_.current = !0, f.current.executeEdits("", [{ range: f.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), f.current.pushUndoStop(), _.current = !1));
+    !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, P;
+    var v, S;
     let c = (v = f.current) == null ? void 0 : v.getModel();
-    c && i && ((P = S.current) == null || P.editor.setModelLanguage(c, i));
+    c && i && ((S = P.current) == null || S.editor.setModelLanguage(c, i));
   }, [i], b), E(() => {
     var c;
-    l !== void 0 && ((c = f.current) == null || c.revealLine(l));
-  }, [l], b), E(() => {
+    s !== void 0 && ((c = f.current) == null || c.revealLine(s));
+  }, [s], b), E(() => {
     var c;
-    (c = S.current) == null || c.editor.setTheme(a);
+    (c = P.current) == null || c.editor.setTheme(a);
   }, [a], b);
-  let F = ue(() => {
+  let k = ue(() => {
     var c;
-    if (!(!N.current || !S.current) && !x.current) {
-      Z.current(S.current);
-      let v = o || r, P = V(S.current, n || e || "", t || i || "", v || "");
-      f.current = (c = S.current) == null ? void 0 : c.editor.create(N.current, { model: P, automaticLayout: !0, ...g }, y), O && f.current.restoreViewState(X.get(v)), S.current.editor.setTheme(a), l !== void 0 && f.current.revealLine(l), d(!0), x.current = !0;
+    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;
     }
-  }, [e, t, r, n, i, o, g, y, O, a, l]);
+  }, [e, t, r, n, i, o, g, O, j, a, s]);
   $(() => {
-    b && Y.current(f.current, S.current);
+    b && Z.current(f.current, P.current);
   }, [b]), $(() => {
-    !s && !b && F();
-  }, [s, b, F]), u.current = n, $(() => {
+    !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((P) => {
-      _.current || R(f.current.getValue(), P);
+    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);
     }));
   }, [b, R]), $(() => {
     if (b) {
-      let c = S.current.editor.onDidChangeMarkers((v) => {
-        var k;
-        let P = (k = f.current.getModel()) == null ? void 0 : k.uri;
-        if (P && v.find((q) => q.path === P.path)) {
-          let q = S.current.editor.getModelMarkers({ resource: P });
-          m == null || m(q);
+      let c = P.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);
         }
       });
       return () => {
@@ -545,12 +545,12 @@ function xt({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, lan
     }
     return () => {
     };
-  }, [b, m]);
-  function Pe() {
+  }, [b, h]);
+  function Se() {
     var c, v;
-    (c = W.current) == null || c.dispose(), T ? O && X.set(o, f.current.saveViewState()) : (v = f.current.getModel()) == null || v.dispose(), f.current.dispose();
+    (c = W.current) == null || c.dispose(), T ? j && ee.set(o, f.current.saveViewState()) : (v = f.current.getModel()) == null || v.dispose(), f.current.dispose();
   }
-  return z.createElement(je, { width: L, height: J, isEditorReady: b, loading: p, _ref: N, className: I, wrapperProps: C });
+  return V.createElement(je, { width: L, height: Y, isEditorReady: b, loading: p, _ref: N, className: I, wrapperProps: C });
 }
 var Dt = xt, Tt = ce(Dt), Rt = Tt;
 const Nt = /* @__PURE__ */ (() => {
@@ -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(
-            (l) => l.id === Se(a.class_name)
+            (s) => s.id === Pe(a.class_name)
           ) != null
         )
       }
@@ -595,13 +595,13 @@ 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 g, y;
-      const l = (y = (g = o.obj) == null ? void 0 : g.relationships.find(
-        ([O]) => O === a
-      )) == null ? void 0 : y[1].class_name;
-      if (l == null)
+      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)
         return o;
-      const p = r[Se(l)];
+      const p = r[Pe(s)];
       return p == null ? o : {
         path: `${o.path == null ? "" : `${o.path}.`}${a}`,
         obj: p
@@ -610,10 +610,10 @@ async function qt(e, t) {
     { path: t != null ? i ?? "" : "", obj: t }
   );
 }
-function Se(e) {
+function Pe(e) {
   return e.replace(/([A-Z])/g, "_$1").replace(/^_/, "").toLowerCase();
 }
-const Vt = Ut(500), zt = Ce(
+const zt = Ut(500), Vt = Ce(
   ({
     feedback: e,
     hint: t,
@@ -622,54 +622,64 @@ const Vt = Ut(500), zt = Ce(
     defaultValue: i,
     readOnly: o,
     value: a,
-    language: l = "plaintext",
+    language: s = "plaintext",
     height: p = "220px",
     jsonSchema: g = "none",
-    onValidate: y,
-    onValid: O,
+    onValidate: O,
+    onValid: j,
     onChange: T,
     ...L
-  }, J) => {
-    const I = $t(), C = w(), [A, j] = U(null), R = (m, b) => {
-      j(m), m.onDidPaste(() => {
+  }, Y) => {
+    const I = $t(), C = y(), [A, M] = U(null), R = (h, b) => {
+      M(h), h.onDidPaste(() => {
         var d;
-        (d = m.getAction("editor.action.formatDocument")) == null || d.run();
-      }), m.onDidChangeModelContent(() => {
-        const d = m.getModel(), s = b.editor.getModelMarkers({
+        (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
-        }), M = m.getValue();
-        Vt(() => {
-          y == null || y(s.length > 0 ? s : null), T == null || T(M), s.length === 0 && (O == null || O(M));
+        }), w = h.getValue();
+        zt(() => {
+          O == null || O(l.length > 0 ? l : null), T == null || T(w), l.length === 0 && (j == null || j(w));
         });
       });
     };
     return $(() => (async function() {
       var b, d;
-      const m = (b = A == null ? void 0 : A.getModel()) == null ? void 0 : b.uri.toString();
-      if (I != null && m != null && g != null) {
+      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 s = I.languages.json.jsonDefaults.diagnosticsOptions.schemas ?? [];
+        const l = I.languages.json.jsonDefaults.diagnosticsOptions.schemas ?? [];
         switch (g) {
           case "none":
             break;
+          case "organization-config": {
+            l.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]
+            });
+            break;
+          }
           case "order-rules": {
-            s.push({
+            l.push({
               schema: await fetch(
                 "https://core.commercelayer.io/api/public/schemas/order_rules"
-              ).then(async (M) => await M.json()).then((M) => re(M)),
+              ).then(async (w) => await w.json()).then((w) => K(w)),
               uri: `file:///json-schema--${g}.json`,
-              fileMatch: [m]
-            }), C.current = ve(I, m, ["order"]);
+              fileMatch: [h]
+            }), C.current = ve(I, h, ["order"]);
             break;
           }
           case "price-rules": {
-            s.push({
+            l.push({
               schema: await fetch(
                 "https://core.commercelayer.io/api/public/schemas/price_rules"
-              ).then(async (M) => await M.json()).then((M) => re(M)),
+              ).then(async (w) => await w.json()).then((w) => K(w)),
               uri: `file:///json-schema--${g}.json`,
-              fileMatch: [m]
-            }), C.current = ve(I, m, ["price"]);
+              fileMatch: [h]
+            }), C.current = ve(I, h, ["price"]);
             break;
           }
         }
@@ -678,12 +688,12 @@ const Vt = Ut(500), zt = Ce(
           schemaRequest: "ignore",
           schemaValidation: "error",
           validate: !0,
-          schemas: s
+          schemas: l
         });
       }
     }(), () => {
-      var m;
-      (m = C.current) == null || m.call(C);
+      var h;
+      (h = C.current) == null || h.call(C);
     }), [I, A, g]), /* @__PURE__ */ se.jsx(
       Ee,
       {
@@ -698,7 +708,7 @@ const Vt = Ut(500), zt = Ce(
             defaultPath: L.id ?? L.name,
             className: "[&>.monaco-editor]:rounded [&>.monaco-editor>.overflow-guard]:rounded",
             theme: "vs-dark",
-            language: l,
+            language: s,
             height: p,
             defaultValue: i,
             value: a,
@@ -724,7 +734,7 @@ const Vt = Ut(500), zt = Ce(
     );
   }
 );
-zt.displayName = "CodeEditor";
+Vt.displayName = "CodeEditor";
 function Ut(e = 100) {
   let t = null;
   return function(n) {
@@ -733,10 +743,10 @@ function Ut(e = 100) {
     }, 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 : {
+function K(e, t) {
+  return typeof e != "object" || e === null ? e : Array.isArray(e) ? e.map((r) => K(r)) : Object.entries(e).reduce((r, [n, i]) => t !== "properties" && ["examples", "default"].includes(n) ? r : {
     ...r,
-    [n]: re(i, n)
+    [n]: K(i, n)
   }, {});
 }
 function ve(e, t, r) {
@@ -756,10 +766,10 @@ function ve(e, t, r) {
             suggestions: (await _t(
               r,
               p
-            )).map((y) => ({
-              kind: y.type === "relationship" ? e.languages.CompletionItemKind.Module : e.languages.CompletionItemKind.Value,
-              label: y.value,
-              insertText: y.value,
+            )).map((O) => ({
+              kind: O.type === "relationship" ? e.languages.CompletionItemKind.Module : e.languages.CompletionItemKind.Value,
+              label: O.value,
+              insertText: O.value,
               // documentation: `Field: ${suggestion}`,
               range: {
                 startLineNumber: i.lineNumber,
@@ -778,5 +788,5 @@ function ve(e, t, r) {
   };
 }
 export {
-  zt as CodeEditor
+  Vt as CodeEditor
 };

package/dist/{InputDateComponent-Djb2hJ5y.js → InputDateComponent-CIZED8wv.js}

@@ -2,7 +2,7 @@
 var un = Object.defineProperty;
 var dn = (a, n, t) => n in a ? un(a, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[n] = t;
 var y = (a, n, t) => dn(a, typeof n != "symbol" ? n + "" : n, t);
-import { o as pn, f as fn, c as hn, a as er, g as mn, i as $e, b as vn, j as Ee, I as gn, d as Dn, e as wn, w as yn, R as bn } from "./main-mxu1NrZ9.js";
+import { o as pn, f as fn, c as hn, a as er, g as mn, i as $e, b as vn, j as Ee, I as gn, d as Dn, e as wn, w as yn, R as bn } from "./main-BBkPeXZ8.js";
 import * as x from "react";
 import h, { useLayoutEffect as Or, useEffect as Vt, createElement as _n, cloneElement as Yr, Component as Z, createRef as Se, useRef as At, useCallback as kn, forwardRef as Mn } from "react";
 import * as Cn from "react-dom";

package/dist/{main-mxu1NrZ9.js → main-BBkPeXZ8.js}

@@ -29497,15 +29497,13 @@ const Ei = ({
   onSelect: n,
   ...a
 }) => {
-  const { control: i, watch: o, getValues: u } = i0(), c = In(t), [d, p] = ce(u(t)), g = o(t), h = ct(null);
-  oe(
+  const { control: i, watch: o, getValues: u, formState: c } = i0(), d = In(t), [p, g] = ce(u(t)), h = o(t), v = ct(null);
+  return oe(
     function() {
-      h.current != null && g == null && d !== g && h.current.clearValue(), p(g);
+      v.current != null && h == null && p !== h && v.current.clearValue(), g(h);
     },
-    [g, h]
-  );
-  const v = a.loadAsyncValues != null;
-  return /* @__PURE__ */ m.jsx(
+    [h, v]
+  ), /* @__PURE__ */ m.jsx(
     Bn,
     {
       name: t,
@@ -29515,22 +29513,22 @@ const Ei = ({
         {
           ...a,
           name: t,
-          ref: h,
+          ref: v,
           onBlur: y,
-          defaultValue: v ? I_({
+          defaultValue: I_({
             initialValues: a.initialValues,
             currentValue: A,
             pathToValue: e
-          }) : void 0,
-          value: v ? void 0 : I_({
+          }),
+          value: c.dirtyFields[t] !== !0 ? I_({
             initialValues: a.initialValues,
             currentValue: A,
             pathToValue: e
-          }),
+          }) : void 0,
           onSelect: (E) => {
             _(PH(E, e)), n == null || n(E);
           },
-          feedback: c
+          feedback: d
         }
       )
     }
@@ -32077,7 +32075,7 @@ function Mce(t) {
   );
 }
 const Cce = Y6(
-  async () => await import("./CodeEditorComponent-Ddvvj8Wz.js").then((t) => ({
+  async () => await import("./CodeEditorComponent-D5qd5nn5.js").then((t) => ({
     default: t.CodeEditor
   }))
 ), UH = N(
@@ -32978,7 +32976,7 @@ function eV({
 }
 eV.displayName = "InputCurrencyRange";
 const Uce = Y6(
-  async () => await import("./InputDateComponent-Djb2hJ5y.js").then((t) => ({
+  async () => await import("./InputDateComponent-CIZED8wv.js").then((t) => ({
     default: t.InputDateComponent
   }))
 ), Mo = N(

package/dist/main.js

@@ -1,5 +1,5 @@
 "use client";
-import { a7 as s, aN as t, a8 as o, a9 as r, aa as n, ab as u, ac as i, ad as c, ae as d, af as l, aO as p, ag as b, b8 as g, ah as S, ai as m, Y as I, aP as k, aQ as T, aR as D, aS as R, aj as y, a0 as h, a1 as C, b0 as H, ak as P, al as A, aT as F, b9 as v, ba as f, bb as B, bd as O, bf as E, bh as L, bl as N, bn as G, bs as M, bu as w, bx as x, bE as V, bG as W, bI as J, bK as U, bM as Y, bQ as j, bR as q, bS as z, am as K, an as Q, bc as X, be as Z, bg as _, bi as $, bk as aa, bm as ea, bo as sa, bp as ta, bq as oa, br as ra, bt as na, bv as ua, by as ia, bF as ca, bH as da, bJ as la, bL as pa, bN as ba, bO as ga, bP as Sa, aU as ma, aV as Ia, aW as ka, aX as Ta, a3 as Da, aY as Ra, ao as ya, aZ as ha, a_ as Ca, ap as Ha, aq as Pa, ar as Aa, as as Fa, a$ as va, bV as fa, bW as Ba, bZ as Oa, b_ as Ea, b$ as La, c0 as Na, c1 as Ga, c2 as Ma, c4 as wa, c5 as xa, b1 as Va, at as Wa, b4 as Ja, au as Ua, av as Ya, aw as ja, ax as qa, az as za, aA as Ka, aB as Qa, aC as Xa, aD as Za, aI as _a, aE as $a, b5 as ae, aJ as ee, aK as se, aF as te, aL as oe, aG as re, b6 as ne, a4 as ue, b7 as ie, aM as ce, aH as de, C as le, $ as pe, b2 as be, b3 as ge, l as Se, m as me, B as Ie, a5 as ke, bz as Te, bj as De, p as Re, q as ye, s as he, D as Ce, E as He, G as Pe, c8 as Ae, c9 as Fe, bA as ve, t as fe, u as Be, v as Oe, ca as Ee, cb as Le, cc as Ne, cd as Ge, ce as Me, H as we, J as xe, c3 as Ve, cf as We, bX as Je, F as Ue, cg as Ye, ch as je, ci as qe, K as ze, L as Ke, cj as Qe, ck as Xe, cl as Ze, O as _e, P as $e, h as as, M as es, N as ss, k as ts, bB as os, bC as rs, bD as ns, x as us, n as is, r as cs, y as ds, bT as ls, z as ps, A as bs, Q as gs, Z as Ss, _ as ms, S as Is, T as ks, U as Ts, bw as Ds, V as Rs, W as ys, X as hs, bY as Cs, c6 as Hs, c7 as Ps, a2 as As, a6 as Fs, bU as vs, ay as fs } from "./main-mxu1NrZ9.js";
+import { a7 as s, aN as t, a8 as o, a9 as r, aa as n, ab as u, ac as i, ad as c, ae as d, af as l, aO as p, ag as b, b8 as g, ah as S, ai as m, Y as I, aP as k, aQ as T, aR as D, aS as R, aj as y, a0 as h, a1 as C, b0 as H, ak as P, al as A, aT as F, b9 as v, ba as f, bb as B, bd as O, bf as E, bh as L, bl as N, bn as G, bs as M, bu as w, bx as x, bE as V, bG as W, bI as J, bK as U, bM as Y, bQ as j, bR as q, bS as z, am as K, an as Q, bc as X, be as Z, bg as _, bi as $, bk as aa, bm as ea, bo as sa, bp as ta, bq as oa, br as ra, bt as na, bv as ua, by as ia, bF as ca, bH as da, bJ as la, bL as pa, bN as ba, bO as ga, bP as Sa, aU as ma, aV as Ia, aW as ka, aX as Ta, a3 as Da, aY as Ra, ao as ya, aZ as ha, a_ as Ca, ap as Ha, aq as Pa, ar as Aa, as as Fa, a$ as va, bV as fa, bW as Ba, bZ as Oa, b_ as Ea, b$ as La, c0 as Na, c1 as Ga, c2 as Ma, c4 as wa, c5 as xa, b1 as Va, at as Wa, b4 as Ja, au as Ua, av as Ya, aw as ja, ax as qa, az as za, aA as Ka, aB as Qa, aC as Xa, aD as Za, aI as _a, aE as $a, b5 as ae, aJ as ee, aK as se, aF as te, aL as oe, aG as re, b6 as ne, a4 as ue, b7 as ie, aM as ce, aH as de, C as le, $ as pe, b2 as be, b3 as ge, l as Se, m as me, B as Ie, a5 as ke, bz as Te, bj as De, p as Re, q as ye, s as he, D as Ce, E as He, G as Pe, c8 as Ae, c9 as Fe, bA as ve, t as fe, u as Be, v as Oe, ca as Ee, cb as Le, cc as Ne, cd as Ge, ce as Me, H as we, J as xe, c3 as Ve, cf as We, bX as Je, F as Ue, cg as Ye, ch as je, ci as qe, K as ze, L as Ke, cj as Qe, ck as Xe, cl as Ze, O as _e, P as $e, h as as, M as es, N as ss, k as ts, bB as os, bC as rs, bD as ns, x as us, n as is, r as cs, y as ds, bT as ls, z as ps, A as bs, Q as gs, Z as Ss, _ as ms, S as Is, T as ks, U as Ts, bw as Ds, V as Rs, W as ys, X as hs, bY as Cs, c6 as Hs, c7 as Ps, a2 as As, a6 as Fs, bU as vs, ay as fs } from "./main-BBkPeXZ8.js";
 export {
   s as A,
   t as ActionButtons,

package/dist/ui/forms/CodeEditor/CodeEditorComponent.d.ts

@@ -20,7 +20,7 @@ export interface CodeEditorProps extends InputWrapperBaseProps, SetOptional<Pick
      * JSON Schema to be used when writing JSON
      * @default none
      */
-    jsonSchema?: 'none' | 'order-rules' | 'price-rules';
+    jsonSchema?: 'none' | 'order-rules' | 'price-rules' | 'organization-config';
     /**
      * Trigger on every update.
      * @param markers List of markers (errors). `null` when there're no errors.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercelayer/app-elements",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "type": "module",
   "license": "MIT",
   "files": [