@dotcms/react 0.0.1-beta.9 → 1.0.0

package/index.esm.js

@@ -1,286 +1,2292 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { s as styleInject, f as functionUncurryThis, t as toString$4, r as requireObjectCoercible$1, a as toIntegerOrInfinity$1, i as iteratorDefine, b as internalState, c as createIterResultObject$2, d as fails$2, w as wellKnownSymbol$4, e as descriptors, g as classofRaw$1, h as aCallable$2, j as functionBindNative, m as makeBuiltInExports, o as objectDefineProperty, k as objectIsPrototypeOf, l as functionCall, n as anObject$4, p as getMethod$2, q as iterators, u as getBuiltIn$1, v as isCallable$2, x as classof$3, y as inspectSource$1, z as createPropertyDescriptor$2, A as isNullOrUndefined$1, B as tryToString$1, C as toObject$1, D as lengthOfArrayLike$1, E as global$3, F as defineBuiltIn$5, G as arraySlice$2, _ as _export, H as setToStringTag$2, I as iteratorCreateConstructor, J as isObject$1, K as objectCreate, L as hasOwnProperty_1, M as objectAssign } from './es.regexp.to-string.esm.js';
-import { useState, useEffect, createContext, useRef, useContext, createElement, forwardRef } from 'react';
-import { isInsideEditor, initEditor, updateNavigation, destroyEditor, postMessageToEditor, CLIENT_ACTIONS, DotCmsClient, NOTIFY_CLIENT, initInlineEditing } from '@dotcms/client';
-import { createUVESubscription } from '@dotcms/uve';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useState, useEffect, useLayoutEffect, useRef, useMemo } from 'react';
+import { UVE_MODE, UVEEventType, DotCMSUVEAction } from '@dotcms/types';
+import { getUVEState, initUVE, updateNavigation, createUVESubscription, sendMessageToUVE } from '@dotcms/uve';
+import { DEVELOPMENT_MODE, EMPTY_CONTAINER_STYLE_REACT, getDotContentletAttributes, CUSTOM_NO_COMPONENT, getContainersData, getContentletsInContainer, getDotContainerAttributes, getColumnPositionClasses, combineClasses, __DEFAULT_TINYMCE_CONFIG__, __BASE_TINYMCE_CONFIG_WITH_NO_DEFAULT__, __TINYMCE_PATH_ON_DOTCMS__, isValidBlocks } from '@dotcms/uve/internal';
 import { Editor } from '@tinymce/tinymce-react';
+import { __DOTCMS_UVE_EVENT__, BlockEditorDefaultBlocks } from '@dotcms/types/internal';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var check = function (it) {
+  return it && it.Math === Math && it;
+};
+
+// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
+var global$f =
+  // eslint-disable-next-line es/no-global-this -- safe
+  check(typeof globalThis == 'object' && globalThis) ||
+  check(typeof window == 'object' && window) ||
+  // eslint-disable-next-line no-restricted-globals -- safe
+  check(typeof self == 'object' && self) ||
+  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
+  check(typeof commonjsGlobal == 'object' && commonjsGlobal) ||
+  // eslint-disable-next-line no-new-func -- fallback
+  (function () { return this; })() || Function('return this')();
+
+var objectGetOwnPropertyDescriptor = {};
+
+var fails$g = function (exec) {
+  try {
+    return !!exec();
+  } catch (error) {
+    return true;
+  }
+};
+
+var fails$f = fails$g;
+
+// Detect IE8's incomplete defineProperty implementation
+var descriptors = !fails$f(function () {
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] !== 7;
+});
+
+var fails$e = fails$g;
+
+var functionBindNative = !fails$e(function () {
+  // eslint-disable-next-line es/no-function-prototype-bind -- safe
+  var test = (function () { /* empty */ }).bind();
+  // eslint-disable-next-line no-prototype-builtins -- safe
+  return typeof test != 'function' || test.hasOwnProperty('prototype');
+});
+
+var NATIVE_BIND$3 = functionBindNative;
+
+var call$g = Function.prototype.call;
+
+var functionCall = NATIVE_BIND$3 ? call$g.bind(call$g) : function () {
+  return call$g.apply(call$g, arguments);
+};
+
+var objectPropertyIsEnumerable = {};
+
+var $propertyIsEnumerable = {}.propertyIsEnumerable;
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var getOwnPropertyDescriptor$2 = Object.getOwnPropertyDescriptor;
+
+// Nashorn ~ JDK8 bug
+var NASHORN_BUG = getOwnPropertyDescriptor$2 && !$propertyIsEnumerable.call({ 1: 2 }, 1);
+
+// `Object.prototype.propertyIsEnumerable` method implementation
+// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
+objectPropertyIsEnumerable.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
+  var descriptor = getOwnPropertyDescriptor$2(this, V);
+  return !!descriptor && descriptor.enumerable;
+} : $propertyIsEnumerable;
+
+var createPropertyDescriptor$5 = function (bitmap, value) {
+  return {
+    enumerable: !(bitmap & 1),
+    configurable: !(bitmap & 2),
+    writable: !(bitmap & 4),
+    value: value
+  };
+};
+
+var NATIVE_BIND$2 = functionBindNative;
+
+var FunctionPrototype$2 = Function.prototype;
+var call$f = FunctionPrototype$2.call;
+var uncurryThisWithBind = NATIVE_BIND$2 && FunctionPrototype$2.bind.bind(call$f, call$f);
+
+var functionUncurryThis = NATIVE_BIND$2 ? uncurryThisWithBind : function (fn) {
+  return function () {
+    return call$f.apply(fn, arguments);
+  };
+};
+
+var uncurryThis$n = functionUncurryThis;
+
+var toString$7 = uncurryThis$n({}.toString);
+var stringSlice$4 = uncurryThis$n(''.slice);
+
+var classofRaw$2 = function (it) {
+  return stringSlice$4(toString$7(it), 8, -1);
+};
+
+var uncurryThis$m = functionUncurryThis;
+var fails$d = fails$g;
+var classof$7 = classofRaw$2;
+
+var $Object$4 = Object;
+var split$3 = uncurryThis$m(''.split);
+
+// fallback for non-array-like ES3 and non-enumerable old V8 strings
+var indexedObject = fails$d(function () {
+  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
+  // eslint-disable-next-line no-prototype-builtins -- safe
+  return !$Object$4('z').propertyIsEnumerable(0);
+}) ? function (it) {
+  return classof$7(it) === 'String' ? split$3(it, '') : $Object$4(it);
+} : $Object$4;
+
+// we can't use just `it == null` since of `document.all` special case
+// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot-aec
+var isNullOrUndefined$3 = function (it) {
+  return it === null || it === undefined;
+};
+
+var isNullOrUndefined$2 = isNullOrUndefined$3;
+
+var $TypeError$a = TypeError;
+
+// `RequireObjectCoercible` abstract operation
+// https://tc39.es/ecma262/#sec-requireobjectcoercible
+var requireObjectCoercible$4 = function (it) {
+  if (isNullOrUndefined$2(it)) throw new $TypeError$a("Can't call method on " + it);
+  return it;
+};
+
+// toObject with fallback for non-array-like ES3 strings
+var IndexedObject$1 = indexedObject;
+var requireObjectCoercible$3 = requireObjectCoercible$4;
+
+var toIndexedObject$5 = function (it) {
+  return IndexedObject$1(requireObjectCoercible$3(it));
+};
+
+// https://tc39.es/ecma262/#sec-IsHTMLDDA-internal-slot
+var documentAll = typeof document == 'object' && document.all;
+
+// `IsCallable` abstract operation
+// https://tc39.es/ecma262/#sec-iscallable
+// eslint-disable-next-line unicorn/no-typeof-undefined -- required for testing
+var isCallable$j = typeof documentAll == 'undefined' && documentAll !== undefined ? function (argument) {
+  return typeof argument == 'function' || argument === documentAll;
+} : function (argument) {
+  return typeof argument == 'function';
+};
+
+var isCallable$i = isCallable$j;
+
+var isObject$9 = function (it) {
+  return typeof it == 'object' ? it !== null : isCallable$i(it);
+};
+
+var global$e = global$f;
+var isCallable$h = isCallable$j;
+
+var aFunction = function (argument) {
+  return isCallable$h(argument) ? argument : undefined;
+};
+
+var getBuiltIn$5 = function (namespace, method) {
+  return arguments.length < 2 ? aFunction(global$e[namespace]) : global$e[namespace] && global$e[namespace][method];
+};
+
+var uncurryThis$l = functionUncurryThis;
+
+var objectIsPrototypeOf = uncurryThis$l({}.isPrototypeOf);
+
+var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
+
+var global$d = global$f;
+var userAgent = engineUserAgent;
+
+var process = global$d.process;
+var Deno = global$d.Deno;
+var versions = process && process.versions || Deno && Deno.version;
+var v8 = versions && versions.v8;
+var match, version;
+
+if (v8) {
+  match = v8.split('.');
+  // in old Chrome, versions of V8 isn't V8 = Chrome / 10
+  // but their correct versions are not interesting for us
+  version = match[0] > 0 && match[0] < 4 ? 1 : +(match[0] + match[1]);
+}
+
+// BrowserFS NodeJS `process` polyfill incorrectly set `.v8` to `0.0`
+// so check `userAgent` even if `.v8` exists, but 0
+if (!version && userAgent) {
+  match = userAgent.match(/Edge\/(\d+)/);
+  if (!match || match[1] >= 74) {
+    match = userAgent.match(/Chrome\/(\d+)/);
+    if (match) version = +match[1];
+  }
+}
+
+var engineV8Version = version;
+
+/* eslint-disable es/no-symbol -- required for testing */
+var V8_VERSION = engineV8Version;
+var fails$c = fails$g;
+var global$c = global$f;
+
+var $String$6 = global$c.String;
+
+// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
+var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$c(function () {
+  var symbol = Symbol('symbol detection');
+  // Chrome 38 Symbol has incorrect toString conversion
+  // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
+  // nb: Do not call `String` directly to avoid this being optimized out to `symbol+''` which will,
+  // of course, fail.
+  return !$String$6(symbol) || !(Object(symbol) instanceof Symbol) ||
+    // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
+    !Symbol.sham && V8_VERSION && V8_VERSION < 41;
+});
+
+/* eslint-disable es/no-symbol -- required for testing */
+var NATIVE_SYMBOL$2 = symbolConstructorDetection;
+
+var useSymbolAsUid = NATIVE_SYMBOL$2
+  && !Symbol.sham
+  && typeof Symbol.iterator == 'symbol';
+
+var getBuiltIn$4 = getBuiltIn$5;
+var isCallable$g = isCallable$j;
+var isPrototypeOf$2 = objectIsPrototypeOf;
+var USE_SYMBOL_AS_UID$1 = useSymbolAsUid;
+
+var $Object$3 = Object;
+
+var isSymbol$3 = USE_SYMBOL_AS_UID$1 ? function (it) {
+  return typeof it == 'symbol';
+} : function (it) {
+  var $Symbol = getBuiltIn$4('Symbol');
+  return isCallable$g($Symbol) && isPrototypeOf$2($Symbol.prototype, $Object$3(it));
+};
+
+var $String$5 = String;
+
+var tryToString$2 = function (argument) {
+  try {
+    return $String$5(argument);
+  } catch (error) {
+    return 'Object';
+  }
+};
+
+var isCallable$f = isCallable$j;
+var tryToString$1 = tryToString$2;
+
+var $TypeError$9 = TypeError;
+
+// `Assert: IsCallable(argument) is true`
+var aCallable$5 = function (argument) {
+  if (isCallable$f(argument)) return argument;
+  throw new $TypeError$9(tryToString$1(argument) + ' is not a function');
+};
+
+var aCallable$4 = aCallable$5;
+var isNullOrUndefined$1 = isNullOrUndefined$3;
+
+// `GetMethod` abstract operation
+// https://tc39.es/ecma262/#sec-getmethod
+var getMethod$4 = function (V, P) {
+  var func = V[P];
+  return isNullOrUndefined$1(func) ? undefined : aCallable$4(func);
+};
+
+var call$e = functionCall;
+var isCallable$e = isCallable$j;
+var isObject$8 = isObject$9;
+
+var $TypeError$8 = TypeError;
+
+// `OrdinaryToPrimitive` abstract operation
+// https://tc39.es/ecma262/#sec-ordinarytoprimitive
+var ordinaryToPrimitive$1 = function (input, pref) {
+  var fn, val;
+  if (pref === 'string' && isCallable$e(fn = input.toString) && !isObject$8(val = call$e(fn, input))) return val;
+  if (isCallable$e(fn = input.valueOf) && !isObject$8(val = call$e(fn, input))) return val;
+  if (pref !== 'string' && isCallable$e(fn = input.toString) && !isObject$8(val = call$e(fn, input))) return val;
+  throw new $TypeError$8("Can't convert object to primitive value");
+};
+
+var sharedStore = {exports: {}};
 
 var isPure = false;
 
-/**
- * Custom Hook to handle the DotCMS editor interaction with the page.
- *
- * @category Hooks
- * @param {DotcmsPageProps} props {
- *     pageContext,
- *     config,
- * }
- * @returns {DotCMSPageContext} The context for a DotCMS page provided by the editor.
- */
-const useDotcmsEditor = ({
-  pageContext,
-  config
-}) => {
-  const {
-    pathname,
-    onReload,
-    editor
-  } = config;
-  const [state, setState] = useState(Object.assign({}, pageContext, {
-    isInsideEditor: false
-  }));
-  /**
-   * Initializes the DotCMS editor.
-   */
-  useEffect(() => {
-    if (!isInsideEditor()) {
-      return;
+var global$b = global$f;
+
+// eslint-disable-next-line es/no-object-defineproperty -- safe
+var defineProperty$6 = Object.defineProperty;
+
+var defineGlobalProperty$3 = function (key, value) {
+  try {
+    defineProperty$6(global$b, key, { value: value, configurable: true, writable: true });
+  } catch (error) {
+    global$b[key] = value;
+  } return value;
+};
+
+var globalThis$1 = global$f;
+var defineGlobalProperty$2 = defineGlobalProperty$3;
+
+var SHARED = '__core-js_shared__';
+var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
+
+(store$3.versions || (store$3.versions = [])).push({
+  version: '3.36.1',
+  mode: 'global',
+  copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
+  license: 'https://github.com/zloirock/core-js/blob/v3.36.1/LICENSE',
+  source: 'https://github.com/zloirock/core-js'
+});
+
+var sharedStoreExports = sharedStore.exports;
+
+var store$2 = sharedStoreExports;
+
+var shared$3 = function (key, value) {
+  return store$2[key] || (store$2[key] = value || {});
+};
+
+var requireObjectCoercible$2 = requireObjectCoercible$4;
+
+var $Object$2 = Object;
+
+// `ToObject` abstract operation
+// https://tc39.es/ecma262/#sec-toobject
+var toObject$4 = function (argument) {
+  return $Object$2(requireObjectCoercible$2(argument));
+};
+
+var uncurryThis$k = functionUncurryThis;
+var toObject$3 = toObject$4;
+
+var hasOwnProperty = uncurryThis$k({}.hasOwnProperty);
+
+// `HasOwnProperty` abstract operation
+// https://tc39.es/ecma262/#sec-hasownproperty
+// eslint-disable-next-line es/no-object-hasown -- safe
+var hasOwnProperty_1 = Object.hasOwn || function hasOwn(it, key) {
+  return hasOwnProperty(toObject$3(it), key);
+};
+
+var uncurryThis$j = functionUncurryThis;
+
+var id = 0;
+var postfix = Math.random();
+var toString$6 = uncurryThis$j(1.0.toString);
+
+var uid$2 = function (key) {
+  return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString$6(++id + postfix, 36);
+};
+
+var global$a = global$f;
+var shared$2 = shared$3;
+var hasOwn$c = hasOwnProperty_1;
+var uid$1 = uid$2;
+var NATIVE_SYMBOL$1 = symbolConstructorDetection;
+var USE_SYMBOL_AS_UID = useSymbolAsUid;
+
+var Symbol$1 = global$a.Symbol;
+var WellKnownSymbolsStore = shared$2('wks');
+var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
+
+var wellKnownSymbol$e = function (name) {
+  if (!hasOwn$c(WellKnownSymbolsStore, name)) {
+    WellKnownSymbolsStore[name] = NATIVE_SYMBOL$1 && hasOwn$c(Symbol$1, name)
+      ? Symbol$1[name]
+      : createWellKnownSymbol('Symbol.' + name);
+  } return WellKnownSymbolsStore[name];
+};
+
+var call$d = functionCall;
+var isObject$7 = isObject$9;
+var isSymbol$2 = isSymbol$3;
+var getMethod$3 = getMethod$4;
+var ordinaryToPrimitive = ordinaryToPrimitive$1;
+var wellKnownSymbol$d = wellKnownSymbol$e;
+
+var $TypeError$7 = TypeError;
+var TO_PRIMITIVE = wellKnownSymbol$d('toPrimitive');
+
+// `ToPrimitive` abstract operation
+// https://tc39.es/ecma262/#sec-toprimitive
+var toPrimitive$1 = function (input, pref) {
+  if (!isObject$7(input) || isSymbol$2(input)) return input;
+  var exoticToPrim = getMethod$3(input, TO_PRIMITIVE);
+  var result;
+  if (exoticToPrim) {
+    if (pref === undefined) pref = 'default';
+    result = call$d(exoticToPrim, input, pref);
+    if (!isObject$7(result) || isSymbol$2(result)) return result;
+    throw new $TypeError$7("Can't convert object to primitive value");
+  }
+  if (pref === undefined) pref = 'number';
+  return ordinaryToPrimitive(input, pref);
+};
+
+var toPrimitive = toPrimitive$1;
+var isSymbol$1 = isSymbol$3;
+
+// `ToPropertyKey` abstract operation
+// https://tc39.es/ecma262/#sec-topropertykey
+var toPropertyKey$2 = function (argument) {
+  var key = toPrimitive(argument, 'string');
+  return isSymbol$1(key) ? key : key + '';
+};
+
+var global$9 = global$f;
+var isObject$6 = isObject$9;
+
+var document$1 = global$9.document;
+// typeof document.createElement is 'object' in old IE
+var EXISTS$1 = isObject$6(document$1) && isObject$6(document$1.createElement);
+
+var documentCreateElement$2 = function (it) {
+  return EXISTS$1 ? document$1.createElement(it) : {};
+};
+
+var DESCRIPTORS$g = descriptors;
+var fails$b = fails$g;
+var createElement = documentCreateElement$2;
+
+// Thanks to IE8 for its funny defineProperty
+var ie8DomDefine = !DESCRIPTORS$g && !fails$b(function () {
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  return Object.defineProperty(createElement('div'), 'a', {
+    get: function () { return 7; }
+  }).a !== 7;
+});
+
+var DESCRIPTORS$f = descriptors;
+var call$c = functionCall;
+var propertyIsEnumerableModule$1 = objectPropertyIsEnumerable;
+var createPropertyDescriptor$4 = createPropertyDescriptor$5;
+var toIndexedObject$4 = toIndexedObject$5;
+var toPropertyKey$1 = toPropertyKey$2;
+var hasOwn$b = hasOwnProperty_1;
+var IE8_DOM_DEFINE$1 = ie8DomDefine;
+
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var $getOwnPropertyDescriptor$1 = Object.getOwnPropertyDescriptor;
+
+// `Object.getOwnPropertyDescriptor` method
+// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
+objectGetOwnPropertyDescriptor.f = DESCRIPTORS$f ? $getOwnPropertyDescriptor$1 : function getOwnPropertyDescriptor(O, P) {
+  O = toIndexedObject$4(O);
+  P = toPropertyKey$1(P);
+  if (IE8_DOM_DEFINE$1) try {
+    return $getOwnPropertyDescriptor$1(O, P);
+  } catch (error) { /* empty */ }
+  if (hasOwn$b(O, P)) return createPropertyDescriptor$4(!call$c(propertyIsEnumerableModule$1.f, O, P), O[P]);
+};
+
+var objectDefineProperty = {};
+
+var DESCRIPTORS$e = descriptors;
+var fails$a = fails$g;
+
+// V8 ~ Chrome 36-
+// https://bugs.chromium.org/p/v8/issues/detail?id=3334
+var v8PrototypeDefineBug = DESCRIPTORS$e && fails$a(function () {
+  // eslint-disable-next-line es/no-object-defineproperty -- required for testing
+  return Object.defineProperty(function () { /* empty */ }, 'prototype', {
+    value: 42,
+    writable: false
+  }).prototype !== 42;
+});
+
+var isObject$5 = isObject$9;
+
+var $String$4 = String;
+var $TypeError$6 = TypeError;
+
+// `Assert: Type(argument) is Object`
+var anObject$c = function (argument) {
+  if (isObject$5(argument)) return argument;
+  throw new $TypeError$6($String$4(argument) + ' is not an object');
+};
+
+var DESCRIPTORS$d = descriptors;
+var IE8_DOM_DEFINE = ie8DomDefine;
+var V8_PROTOTYPE_DEFINE_BUG$1 = v8PrototypeDefineBug;
+var anObject$b = anObject$c;
+var toPropertyKey = toPropertyKey$2;
+
+var $TypeError$5 = TypeError;
+// eslint-disable-next-line es/no-object-defineproperty -- safe
+var $defineProperty = Object.defineProperty;
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+var ENUMERABLE = 'enumerable';
+var CONFIGURABLE$1 = 'configurable';
+var WRITABLE = 'writable';
+
+// `Object.defineProperty` method
+// https://tc39.es/ecma262/#sec-object.defineproperty
+objectDefineProperty.f = DESCRIPTORS$d ? V8_PROTOTYPE_DEFINE_BUG$1 ? function defineProperty(O, P, Attributes) {
+  anObject$b(O);
+  P = toPropertyKey(P);
+  anObject$b(Attributes);
+  if (typeof O === 'function' && P === 'prototype' && 'value' in Attributes && WRITABLE in Attributes && !Attributes[WRITABLE]) {
+    var current = $getOwnPropertyDescriptor(O, P);
+    if (current && current[WRITABLE]) {
+      O[P] = Attributes.value;
+      Attributes = {
+        configurable: CONFIGURABLE$1 in Attributes ? Attributes[CONFIGURABLE$1] : current[CONFIGURABLE$1],
+        enumerable: ENUMERABLE in Attributes ? Attributes[ENUMERABLE] : current[ENUMERABLE],
+        writable: false
+      };
+    }
+  } return $defineProperty(O, P, Attributes);
+} : $defineProperty : function defineProperty(O, P, Attributes) {
+  anObject$b(O);
+  P = toPropertyKey(P);
+  anObject$b(Attributes);
+  if (IE8_DOM_DEFINE) try {
+    return $defineProperty(O, P, Attributes);
+  } catch (error) { /* empty */ }
+  if ('get' in Attributes || 'set' in Attributes) throw new $TypeError$5('Accessors not supported');
+  if ('value' in Attributes) O[P] = Attributes.value;
+  return O;
+};
+
+var DESCRIPTORS$c = descriptors;
+var definePropertyModule$4 = objectDefineProperty;
+var createPropertyDescriptor$3 = createPropertyDescriptor$5;
+
+var createNonEnumerableProperty$5 = DESCRIPTORS$c ? function (object, key, value) {
+  return definePropertyModule$4.f(object, key, createPropertyDescriptor$3(1, value));
+} : function (object, key, value) {
+  object[key] = value;
+  return object;
+};
+
+var makeBuiltIn$3 = {exports: {}};
+
+var DESCRIPTORS$b = descriptors;
+var hasOwn$a = hasOwnProperty_1;
+
+var FunctionPrototype$1 = Function.prototype;
+// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+var getDescriptor = DESCRIPTORS$b && Object.getOwnPropertyDescriptor;
+
+var EXISTS = hasOwn$a(FunctionPrototype$1, 'name');
+// additional protection from minified / mangled / dropped function names
+var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
+var CONFIGURABLE = EXISTS && (!DESCRIPTORS$b || (DESCRIPTORS$b && getDescriptor(FunctionPrototype$1, 'name').configurable));
+
+var functionName = {
+  PROPER: PROPER,
+  CONFIGURABLE: CONFIGURABLE
+};
+
+var uncurryThis$i = functionUncurryThis;
+var isCallable$d = isCallable$j;
+var store$1 = sharedStoreExports;
+
+var functionToString = uncurryThis$i(Function.toString);
+
+// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
+if (!isCallable$d(store$1.inspectSource)) {
+  store$1.inspectSource = function (it) {
+    return functionToString(it);
+  };
+}
+
+var inspectSource$2 = store$1.inspectSource;
+
+var global$8 = global$f;
+var isCallable$c = isCallable$j;
+
+var WeakMap$1 = global$8.WeakMap;
+
+var weakMapBasicDetection = isCallable$c(WeakMap$1) && /native code/.test(String(WeakMap$1));
+
+var shared$1 = shared$3;
+var uid = uid$2;
+
+var keys = shared$1('keys');
+
+var sharedKey$3 = function (key) {
+  return keys[key] || (keys[key] = uid(key));
+};
+
+var hiddenKeys$4 = {};
+
+var NATIVE_WEAK_MAP = weakMapBasicDetection;
+var global$7 = global$f;
+var isObject$4 = isObject$9;
+var createNonEnumerableProperty$4 = createNonEnumerableProperty$5;
+var hasOwn$9 = hasOwnProperty_1;
+var shared = sharedStoreExports;
+var sharedKey$2 = sharedKey$3;
+var hiddenKeys$3 = hiddenKeys$4;
+
+var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
+var TypeError$3 = global$7.TypeError;
+var WeakMap = global$7.WeakMap;
+var set, get, has;
+
+var enforce = function (it) {
+  return has(it) ? get(it) : set(it, {});
+};
+
+var getterFor = function (TYPE) {
+  return function (it) {
+    var state;
+    if (!isObject$4(it) || (state = get(it)).type !== TYPE) {
+      throw new TypeError$3('Incompatible receiver, ' + TYPE + ' required');
+    } return state;
+  };
+};
+
+if (NATIVE_WEAK_MAP || shared.state) {
+  var store = shared.state || (shared.state = new WeakMap());
+  /* eslint-disable no-self-assign -- prototype methods protection */
+  store.get = store.get;
+  store.has = store.has;
+  store.set = store.set;
+  /* eslint-enable no-self-assign -- prototype methods protection */
+  set = function (it, metadata) {
+    if (store.has(it)) throw new TypeError$3(OBJECT_ALREADY_INITIALIZED);
+    metadata.facade = it;
+    store.set(it, metadata);
+    return metadata;
+  };
+  get = function (it) {
+    return store.get(it) || {};
+  };
+  has = function (it) {
+    return store.has(it);
+  };
+} else {
+  var STATE = sharedKey$2('state');
+  hiddenKeys$3[STATE] = true;
+  set = function (it, metadata) {
+    if (hasOwn$9(it, STATE)) throw new TypeError$3(OBJECT_ALREADY_INITIALIZED);
+    metadata.facade = it;
+    createNonEnumerableProperty$4(it, STATE, metadata);
+    return metadata;
+  };
+  get = function (it) {
+    return hasOwn$9(it, STATE) ? it[STATE] : {};
+  };
+  has = function (it) {
+    return hasOwn$9(it, STATE);
+  };
+}
+
+var internalState = {
+  set: set,
+  get: get,
+  has: has,
+  enforce: enforce,
+  getterFor: getterFor
+};
+
+var uncurryThis$h = functionUncurryThis;
+var fails$9 = fails$g;
+var isCallable$b = isCallable$j;
+var hasOwn$8 = hasOwnProperty_1;
+var DESCRIPTORS$a = descriptors;
+var CONFIGURABLE_FUNCTION_NAME$1 = functionName.CONFIGURABLE;
+var inspectSource$1 = inspectSource$2;
+var InternalStateModule$5 = internalState;
+
+var enforceInternalState = InternalStateModule$5.enforce;
+var getInternalState$2 = InternalStateModule$5.get;
+var $String$3 = String;
+// eslint-disable-next-line es/no-object-defineproperty -- safe
+var defineProperty$5 = Object.defineProperty;
+var stringSlice$3 = uncurryThis$h(''.slice);
+var replace$4 = uncurryThis$h(''.replace);
+var join$3 = uncurryThis$h([].join);
+
+var CONFIGURABLE_LENGTH = DESCRIPTORS$a && !fails$9(function () {
+  return defineProperty$5(function () { /* empty */ }, 'length', { value: 8 }).length !== 8;
+});
+
+var TEMPLATE = String(String).split('String');
+
+var makeBuiltIn$2 = makeBuiltIn$3.exports = function (value, name, options) {
+  if (stringSlice$3($String$3(name), 0, 7) === 'Symbol(') {
+    name = '[' + replace$4($String$3(name), /^Symbol\(([^)]*)\).*$/, '$1') + ']';
+  }
+  if (options && options.getter) name = 'get ' + name;
+  if (options && options.setter) name = 'set ' + name;
+  if (!hasOwn$8(value, 'name') || (CONFIGURABLE_FUNCTION_NAME$1 && value.name !== name)) {
+    if (DESCRIPTORS$a) defineProperty$5(value, 'name', { value: name, configurable: true });
+    else value.name = name;
+  }
+  if (CONFIGURABLE_LENGTH && options && hasOwn$8(options, 'arity') && value.length !== options.arity) {
+    defineProperty$5(value, 'length', { value: options.arity });
+  }
+  try {
+    if (options && hasOwn$8(options, 'constructor') && options.constructor) {
+      if (DESCRIPTORS$a) defineProperty$5(value, 'prototype', { writable: false });
+    // in V8 ~ Chrome 53, prototypes of some methods, like `Array.prototype.values`, are non-writable
+    } else if (value.prototype) value.prototype = undefined;
+  } catch (error) { /* empty */ }
+  var state = enforceInternalState(value);
+  if (!hasOwn$8(state, 'source')) {
+    state.source = join$3(TEMPLATE, typeof name == 'string' ? name : '');
+  } return value;
+};
+
+// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
+// eslint-disable-next-line no-extend-native -- required
+Function.prototype.toString = makeBuiltIn$2(function toString() {
+  return isCallable$b(this) && getInternalState$2(this).source || inspectSource$1(this);
+}, 'toString');
+
+var makeBuiltInExports = makeBuiltIn$3.exports;
+
+var isCallable$a = isCallable$j;
+var definePropertyModule$3 = objectDefineProperty;
+var makeBuiltIn$1 = makeBuiltInExports;
+var defineGlobalProperty$1 = defineGlobalProperty$3;
+
+var defineBuiltIn$9 = function (O, key, value, options) {
+  if (!options) options = {};
+  var simple = options.enumerable;
+  var name = options.name !== undefined ? options.name : key;
+  if (isCallable$a(value)) makeBuiltIn$1(value, name, options);
+  if (options.global) {
+    if (simple) O[key] = value;
+    else defineGlobalProperty$1(key, value);
+  } else {
+    try {
+      if (!options.unsafe) delete O[key];
+      else if (O[key]) simple = true;
+    } catch (error) { /* empty */ }
+    if (simple) O[key] = value;
+    else definePropertyModule$3.f(O, key, {
+      value: value,
+      enumerable: false,
+      configurable: !options.nonConfigurable,
+      writable: !options.nonWritable
+    });
+  } return O;
+};
+
+var objectGetOwnPropertyNames = {};
+
+var ceil = Math.ceil;
+var floor$3 = Math.floor;
+
+// `Math.trunc` method
+// https://tc39.es/ecma262/#sec-math.trunc
+// eslint-disable-next-line es/no-math-trunc -- safe
+var mathTrunc = Math.trunc || function trunc(x) {
+  var n = +x;
+  return (n > 0 ? floor$3 : ceil)(n);
+};
+
+var trunc = mathTrunc;
+
+// `ToIntegerOrInfinity` abstract operation
+// https://tc39.es/ecma262/#sec-tointegerorinfinity
+var toIntegerOrInfinity$3 = function (argument) {
+  var number = +argument;
+  // eslint-disable-next-line no-self-compare -- NaN check
+  return number !== number || number === 0 ? 0 : trunc(number);
+};
+
+var toIntegerOrInfinity$2 = toIntegerOrInfinity$3;
+
+var max = Math.max;
+var min$1 = Math.min;
+
+// Helper for a popular repeating case of the spec:
+// Let integer be ? ToInteger(index).
+// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
+var toAbsoluteIndex$1 = function (index, length) {
+  var integer = toIntegerOrInfinity$2(index);
+  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
+};
+
+var toIntegerOrInfinity$1 = toIntegerOrInfinity$3;
+
+var min = Math.min;
+
+// `ToLength` abstract operation
+// https://tc39.es/ecma262/#sec-tolength
+var toLength$1 = function (argument) {
+  var len = toIntegerOrInfinity$1(argument);
+  return len > 0 ? min(len, 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
+};
+
+var toLength = toLength$1;
+
+// `LengthOfArrayLike` abstract operation
+// https://tc39.es/ecma262/#sec-lengthofarraylike
+var lengthOfArrayLike$2 = function (obj) {
+  return toLength(obj.length);
+};
+
+var toIndexedObject$3 = toIndexedObject$5;
+var toAbsoluteIndex = toAbsoluteIndex$1;
+var lengthOfArrayLike$1 = lengthOfArrayLike$2;
+
+// `Array.prototype.{ indexOf, includes }` methods implementation
+var createMethod$1 = function (IS_INCLUDES) {
+  return function ($this, el, fromIndex) {
+    var O = toIndexedObject$3($this);
+    var length = lengthOfArrayLike$1(O);
+    if (length === 0) return !IS_INCLUDES && -1;
+    var index = toAbsoluteIndex(fromIndex, length);
+    var value;
+    // Array#includes uses SameValueZero equality algorithm
+    // eslint-disable-next-line no-self-compare -- NaN check
+    if (IS_INCLUDES && el !== el) while (length > index) {
+      value = O[index++];
+      // eslint-disable-next-line no-self-compare -- NaN check
+      if (value !== value) return true;
+    // Array#indexOf ignores holes, Array#includes - not
+    } else for (;length > index; index++) {
+      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
+    } return !IS_INCLUDES && -1;
+  };
+};
+
+var arrayIncludes = {
+  // `Array.prototype.indexOf` method
+  // https://tc39.es/ecma262/#sec-array.prototype.indexof
+  indexOf: createMethod$1(false)
+};
+
+var uncurryThis$g = functionUncurryThis;
+var hasOwn$7 = hasOwnProperty_1;
+var toIndexedObject$2 = toIndexedObject$5;
+var indexOf = arrayIncludes.indexOf;
+var hiddenKeys$2 = hiddenKeys$4;
+
+var push$5 = uncurryThis$g([].push);
+
+var objectKeysInternal = function (object, names) {
+  var O = toIndexedObject$2(object);
+  var i = 0;
+  var result = [];
+  var key;
+  for (key in O) !hasOwn$7(hiddenKeys$2, key) && hasOwn$7(O, key) && push$5(result, key);
+  // Don't enum bug & hidden keys
+  while (names.length > i) if (hasOwn$7(O, key = names[i++])) {
+    ~indexOf(result, key) || push$5(result, key);
+  }
+  return result;
+};
+
+// IE8- don't enum bug keys
+var enumBugKeys$3 = [
+  'constructor',
+  'hasOwnProperty',
+  'isPrototypeOf',
+  'propertyIsEnumerable',
+  'toLocaleString',
+  'toString',
+  'valueOf'
+];
+
+var internalObjectKeys$1 = objectKeysInternal;
+var enumBugKeys$2 = enumBugKeys$3;
+
+var hiddenKeys$1 = enumBugKeys$2.concat('length', 'prototype');
+
+// `Object.getOwnPropertyNames` method
+// https://tc39.es/ecma262/#sec-object.getownpropertynames
+// eslint-disable-next-line es/no-object-getownpropertynames -- safe
+objectGetOwnPropertyNames.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
+  return internalObjectKeys$1(O, hiddenKeys$1);
+};
+
+var objectGetOwnPropertySymbols = {};
+
+// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
+objectGetOwnPropertySymbols.f = Object.getOwnPropertySymbols;
+
+var getBuiltIn$3 = getBuiltIn$5;
+var uncurryThis$f = functionUncurryThis;
+var getOwnPropertyNamesModule = objectGetOwnPropertyNames;
+var getOwnPropertySymbolsModule$1 = objectGetOwnPropertySymbols;
+var anObject$a = anObject$c;
+
+var concat$1 = uncurryThis$f([].concat);
+
+// all object keys, includes non-enumerable and symbols
+var ownKeys$1 = getBuiltIn$3('Reflect', 'ownKeys') || function ownKeys(it) {
+  var keys = getOwnPropertyNamesModule.f(anObject$a(it));
+  var getOwnPropertySymbols = getOwnPropertySymbolsModule$1.f;
+  return getOwnPropertySymbols ? concat$1(keys, getOwnPropertySymbols(it)) : keys;
+};
+
+var hasOwn$6 = hasOwnProperty_1;
+var ownKeys = ownKeys$1;
+var getOwnPropertyDescriptorModule = objectGetOwnPropertyDescriptor;
+var definePropertyModule$2 = objectDefineProperty;
+
+var copyConstructorProperties$1 = function (target, source, exceptions) {
+  var keys = ownKeys(source);
+  var defineProperty = definePropertyModule$2.f;
+  var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
+  for (var i = 0; i < keys.length; i++) {
+    var key = keys[i];
+    if (!hasOwn$6(target, key) && !(exceptions && hasOwn$6(exceptions, key))) {
+      defineProperty(target, key, getOwnPropertyDescriptor(source, key));
+    }
+  }
+};
+
+var fails$8 = fails$g;
+var isCallable$9 = isCallable$j;
+
+var replacement = /#|\.prototype\./;
+
+var isForced$1 = function (feature, detection) {
+  var value = data[normalize(feature)];
+  return value === POLYFILL ? true
+    : value === NATIVE ? false
+    : isCallable$9(detection) ? fails$8(detection)
+    : !!detection;
+};
+
+var normalize = isForced$1.normalize = function (string) {
+  return String(string).replace(replacement, '.').toLowerCase();
+};
+
+var data = isForced$1.data = {};
+var NATIVE = isForced$1.NATIVE = 'N';
+var POLYFILL = isForced$1.POLYFILL = 'P';
+
+var isForced_1 = isForced$1;
+
+var global$6 = global$f;
+var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
+var createNonEnumerableProperty$3 = createNonEnumerableProperty$5;
+var defineBuiltIn$8 = defineBuiltIn$9;
+var defineGlobalProperty = defineGlobalProperty$3;
+var copyConstructorProperties = copyConstructorProperties$1;
+var isForced = isForced_1;
+
+/*
+  options.target         - name of the target object
+  options.global         - target is the global object
+  options.stat           - export as static methods of target
+  options.proto          - export as prototype methods of target
+  options.real           - real prototype method for the `pure` version
+  options.forced         - export even if the native feature is available
+  options.bind           - bind methods to the target, required for the `pure` version
+  options.wrap           - wrap constructors to preventing global pollution, required for the `pure` version
+  options.unsafe         - use the simple assignment of property instead of delete + defineProperty
+  options.sham           - add a flag to not completely full polyfills
+  options.enumerable     - export as enumerable property
+  options.dontCallGetSet - prevent calling a getter on target
+  options.name           - the .name of the function if it does not match the key
+*/
+var _export = function (options, source) {
+  var TARGET = options.target;
+  var GLOBAL = options.global;
+  var STATIC = options.stat;
+  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
+  if (GLOBAL) {
+    target = global$6;
+  } else if (STATIC) {
+    target = global$6[TARGET] || defineGlobalProperty(TARGET, {});
+  } else {
+    target = global$6[TARGET] && global$6[TARGET].prototype;
+  }
+  if (target) for (key in source) {
+    sourceProperty = source[key];
+    if (options.dontCallGetSet) {
+      descriptor = getOwnPropertyDescriptor$1(target, key);
+      targetProperty = descriptor && descriptor.value;
+    } else targetProperty = target[key];
+    FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
+    // contained in target
+    if (!FORCED && targetProperty !== undefined) {
+      if (typeof sourceProperty == typeof targetProperty) continue;
+      copyConstructorProperties(sourceProperty, targetProperty);
+    }
+    // add a flag to not completely full polyfills
+    if (options.sham || (targetProperty && targetProperty.sham)) {
+      createNonEnumerableProperty$3(sourceProperty, 'sham', true);
+    }
+    defineBuiltIn$8(target, key, sourceProperty, options);
+  }
+};
+
+var isPrototypeOf$1 = objectIsPrototypeOf;
+
+var $TypeError$4 = TypeError;
+
+var anInstance$3 = function (it, Prototype) {
+  if (isPrototypeOf$1(Prototype, it)) return it;
+  throw new $TypeError$4('Incorrect invocation');
+};
+
+var fails$7 = fails$g;
+
+var correctPrototypeGetter = !fails$7(function () {
+  function F() { /* empty */ }
+  F.prototype.constructor = null;
+  // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
+  return Object.getPrototypeOf(new F()) !== F.prototype;
+});
+
+var hasOwn$5 = hasOwnProperty_1;
+var isCallable$8 = isCallable$j;
+var toObject$2 = toObject$4;
+var sharedKey$1 = sharedKey$3;
+var CORRECT_PROTOTYPE_GETTER = correctPrototypeGetter;
+
+var IE_PROTO$1 = sharedKey$1('IE_PROTO');
+var $Object$1 = Object;
+var ObjectPrototype = $Object$1.prototype;
+
+// `Object.getPrototypeOf` method
+// https://tc39.es/ecma262/#sec-object.getprototypeof
+// eslint-disable-next-line es/no-object-getprototypeof -- safe
+var objectGetPrototypeOf = CORRECT_PROTOTYPE_GETTER ? $Object$1.getPrototypeOf : function (O) {
+  var object = toObject$2(O);
+  if (hasOwn$5(object, IE_PROTO$1)) return object[IE_PROTO$1];
+  var constructor = object.constructor;
+  if (isCallable$8(constructor) && object instanceof constructor) {
+    return constructor.prototype;
+  } return object instanceof $Object$1 ? ObjectPrototype : null;
+};
+
+var makeBuiltIn = makeBuiltInExports;
+var defineProperty$4 = objectDefineProperty;
+
+var defineBuiltInAccessor$4 = function (target, name, descriptor) {
+  if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
+  if (descriptor.set) makeBuiltIn(descriptor.set, name, { setter: true });
+  return defineProperty$4.f(target, name, descriptor);
+};
+
+var DESCRIPTORS$9 = descriptors;
+var definePropertyModule$1 = objectDefineProperty;
+var createPropertyDescriptor$2 = createPropertyDescriptor$5;
+
+var createProperty$2 = function (object, key, value) {
+  if (DESCRIPTORS$9) definePropertyModule$1.f(object, key, createPropertyDescriptor$2(0, value));
+  else object[key] = value;
+};
+
+var objectDefineProperties = {};
+
+var internalObjectKeys = objectKeysInternal;
+var enumBugKeys$1 = enumBugKeys$3;
+
+// `Object.keys` method
+// https://tc39.es/ecma262/#sec-object.keys
+// eslint-disable-next-line es/no-object-keys -- safe
+var objectKeys$2 = Object.keys || function keys(O) {
+  return internalObjectKeys(O, enumBugKeys$1);
+};
+
+var DESCRIPTORS$8 = descriptors;
+var V8_PROTOTYPE_DEFINE_BUG = v8PrototypeDefineBug;
+var definePropertyModule = objectDefineProperty;
+var anObject$9 = anObject$c;
+var toIndexedObject$1 = toIndexedObject$5;
+var objectKeys$1 = objectKeys$2;
+
+// `Object.defineProperties` method
+// https://tc39.es/ecma262/#sec-object.defineproperties
+// eslint-disable-next-line es/no-object-defineproperties -- safe
+objectDefineProperties.f = DESCRIPTORS$8 && !V8_PROTOTYPE_DEFINE_BUG ? Object.defineProperties : function defineProperties(O, Properties) {
+  anObject$9(O);
+  var props = toIndexedObject$1(Properties);
+  var keys = objectKeys$1(Properties);
+  var length = keys.length;
+  var index = 0;
+  var key;
+  while (length > index) definePropertyModule.f(O, key = keys[index++], props[key]);
+  return O;
+};
+
+var getBuiltIn$2 = getBuiltIn$5;
+
+var html$1 = getBuiltIn$2('document', 'documentElement');
+
+/* global ActiveXObject -- old IE, WSH */
+var anObject$8 = anObject$c;
+var definePropertiesModule = objectDefineProperties;
+var enumBugKeys = enumBugKeys$3;
+var hiddenKeys = hiddenKeys$4;
+var html = html$1;
+var documentCreateElement$1 = documentCreateElement$2;
+var sharedKey = sharedKey$3;
+
+var GT = '>';
+var LT = '<';
+var PROTOTYPE = 'prototype';
+var SCRIPT = 'script';
+var IE_PROTO = sharedKey('IE_PROTO');
+
+var EmptyConstructor = function () { /* empty */ };
+
+var scriptTag = function (content) {
+  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
+};
+
+// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
+var NullProtoObjectViaActiveX = function (activeXDocument) {
+  activeXDocument.write(scriptTag(''));
+  activeXDocument.close();
+  var temp = activeXDocument.parentWindow.Object;
+  activeXDocument = null; // avoid memory leak
+  return temp;
+};
+
+// Create object with fake `null` prototype: use iframe Object with cleared prototype
+var NullProtoObjectViaIFrame = function () {
+  // Thrash, waste and sodomy: IE GC bug
+  var iframe = documentCreateElement$1('iframe');
+  var JS = 'java' + SCRIPT + ':';
+  var iframeDocument;
+  iframe.style.display = 'none';
+  html.appendChild(iframe);
+  // https://github.com/zloirock/core-js/issues/475
+  iframe.src = String(JS);
+  iframeDocument = iframe.contentWindow.document;
+  iframeDocument.open();
+  iframeDocument.write(scriptTag('document.F=Object'));
+  iframeDocument.close();
+  return iframeDocument.F;
+};
+
+// Check for document.domain and active x support
+// No need to use active x approach when document.domain is not set
+// see https://github.com/es-shims/es5-shim/issues/150
+// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
+// avoid IE GC bug
+var activeXDocument;
+var NullProtoObject = function () {
+  try {
+    activeXDocument = new ActiveXObject('htmlfile');
+  } catch (error) { /* ignore */ }
+  NullProtoObject = typeof document != 'undefined'
+    ? document.domain && activeXDocument
+      ? NullProtoObjectViaActiveX(activeXDocument) // old IE
+      : NullProtoObjectViaIFrame()
+    : NullProtoObjectViaActiveX(activeXDocument); // WSH
+  var length = enumBugKeys.length;
+  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
+  return NullProtoObject();
+};
+
+hiddenKeys[IE_PROTO] = true;
+
+// `Object.create` method
+// https://tc39.es/ecma262/#sec-object.create
+// eslint-disable-next-line es/no-object-create -- safe
+var objectCreate = Object.create || function create(O, Properties) {
+  var result;
+  if (O !== null) {
+    EmptyConstructor[PROTOTYPE] = anObject$8(O);
+    result = new EmptyConstructor();
+    EmptyConstructor[PROTOTYPE] = null;
+    // add "__proto__" for Object.getPrototypeOf polyfill
+    result[IE_PROTO] = O;
+  } else result = NullProtoObject();
+  return Properties === undefined ? result : definePropertiesModule.f(result, Properties);
+};
+
+var fails$6 = fails$g;
+var isCallable$7 = isCallable$j;
+var isObject$3 = isObject$9;
+var getPrototypeOf$2 = objectGetPrototypeOf;
+var defineBuiltIn$7 = defineBuiltIn$9;
+var wellKnownSymbol$c = wellKnownSymbol$e;
+
+var ITERATOR$7 = wellKnownSymbol$c('iterator');
+var BUGGY_SAFARI_ITERATORS$1 = false;
+
+// `%IteratorPrototype%` object
+// https://tc39.es/ecma262/#sec-%iteratorprototype%-object
+var IteratorPrototype$4, PrototypeOfArrayIteratorPrototype, arrayIterator;
+
+/* eslint-disable es/no-array-prototype-keys -- safe */
+if ([].keys) {
+  arrayIterator = [].keys();
+  // Safari 8 has buggy iterators w/o `next`
+  if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS$1 = true;
+  else {
+    PrototypeOfArrayIteratorPrototype = getPrototypeOf$2(getPrototypeOf$2(arrayIterator));
+    if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype$4 = PrototypeOfArrayIteratorPrototype;
+  }
+}
+
+var NEW_ITERATOR_PROTOTYPE = !isObject$3(IteratorPrototype$4) || fails$6(function () {
+  var test = {};
+  // FF44- legacy iterators case
+  return IteratorPrototype$4[ITERATOR$7].call(test) !== test;
+});
+
+if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype$4 = {};
+
+// `%IteratorPrototype%[@@iterator]()` method
+// https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
+if (!isCallable$7(IteratorPrototype$4[ITERATOR$7])) {
+  defineBuiltIn$7(IteratorPrototype$4, ITERATOR$7, function () {
+    return this;
+  });
+}
+
+var iteratorsCore = {
+  IteratorPrototype: IteratorPrototype$4,
+  BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS$1
+};
+
+var $$7 = _export;
+var global$5 = global$f;
+var anInstance$2 = anInstance$3;
+var anObject$7 = anObject$c;
+var isCallable$6 = isCallable$j;
+var getPrototypeOf$1 = objectGetPrototypeOf;
+var defineBuiltInAccessor$3 = defineBuiltInAccessor$4;
+var createProperty$1 = createProperty$2;
+var fails$5 = fails$g;
+var hasOwn$4 = hasOwnProperty_1;
+var wellKnownSymbol$b = wellKnownSymbol$e;
+var IteratorPrototype$3 = iteratorsCore.IteratorPrototype;
+var DESCRIPTORS$7 = descriptors;
+
+var CONSTRUCTOR = 'constructor';
+var ITERATOR$6 = 'Iterator';
+var TO_STRING_TAG$4 = wellKnownSymbol$b('toStringTag');
+
+var $TypeError$3 = TypeError;
+var NativeIterator = global$5[ITERATOR$6];
+
+// FF56- have non-standard global helper `Iterator`
+var FORCED = !isCallable$6(NativeIterator)
+  || NativeIterator.prototype !== IteratorPrototype$3
+  // FF44- non-standard `Iterator` passes previous tests
+  || !fails$5(function () { NativeIterator({}); });
+
+var IteratorConstructor = function Iterator() {
+  anInstance$2(this, IteratorPrototype$3);
+  if (getPrototypeOf$1(this) === IteratorPrototype$3) throw new $TypeError$3('Abstract class Iterator not directly constructable');
+};
+
+var defineIteratorPrototypeAccessor = function (key, value) {
+  if (DESCRIPTORS$7) {
+    defineBuiltInAccessor$3(IteratorPrototype$3, key, {
+      configurable: true,
+      get: function () {
+        return value;
+      },
+      set: function (replacement) {
+        anObject$7(this);
+        if (this === IteratorPrototype$3) throw new $TypeError$3("You can't redefine this property");
+        if (hasOwn$4(this, key)) this[key] = replacement;
+        else createProperty$1(this, key, replacement);
+      }
+    });
+  } else IteratorPrototype$3[key] = value;
+};
+
+if (!hasOwn$4(IteratorPrototype$3, TO_STRING_TAG$4)) defineIteratorPrototypeAccessor(TO_STRING_TAG$4, ITERATOR$6);
+
+if (FORCED || !hasOwn$4(IteratorPrototype$3, CONSTRUCTOR) || IteratorPrototype$3[CONSTRUCTOR] === Object) {
+  defineIteratorPrototypeAccessor(CONSTRUCTOR, IteratorConstructor);
+}
+
+IteratorConstructor.prototype = IteratorPrototype$3;
+
+// `Iterator` constructor
+// https://github.com/tc39/proposal-iterator-helpers
+$$7({ global: true, constructor: true, forced: FORCED }, {
+  Iterator: IteratorConstructor
+});
+
+// `GetIteratorDirect(obj)` abstract operation
+// https://tc39.es/proposal-iterator-helpers/#sec-getiteratordirect
+var getIteratorDirect$1 = function (obj) {
+  return {
+    iterator: obj,
+    next: obj.next,
+    done: false
+  };
+};
+
+var defineBuiltIn$6 = defineBuiltIn$9;
+
+var defineBuiltIns$2 = function (target, src, options) {
+  for (var key in src) defineBuiltIn$6(target, key, src[key], options);
+  return target;
+};
+
+// `CreateIterResultObject` abstract operation
+// https://tc39.es/ecma262/#sec-createiterresultobject
+var createIterResultObject$4 = function (value, done) {
+  return { value: value, done: done };
+};
+
+var call$b = functionCall;
+var anObject$6 = anObject$c;
+var getMethod$2 = getMethod$4;
+
+var iteratorClose$2 = function (iterator, kind, value) {
+  var innerResult, innerError;
+  anObject$6(iterator);
+  try {
+    innerResult = getMethod$2(iterator, 'return');
+    if (!innerResult) {
+      if (kind === 'throw') throw value;
+      return value;
+    }
+    innerResult = call$b(innerResult, iterator);
+  } catch (error) {
+    innerError = true;
+    innerResult = error;
+  }
+  if (kind === 'throw') throw value;
+  if (innerError) throw innerResult;
+  anObject$6(innerResult);
+  return value;
+};
+
+var call$a = functionCall;
+var create$3 = objectCreate;
+var createNonEnumerableProperty$2 = createNonEnumerableProperty$5;
+var defineBuiltIns$1 = defineBuiltIns$2;
+var wellKnownSymbol$a = wellKnownSymbol$e;
+var InternalStateModule$4 = internalState;
+var getMethod$1 = getMethod$4;
+var IteratorPrototype$2 = iteratorsCore.IteratorPrototype;
+var createIterResultObject$3 = createIterResultObject$4;
+var iteratorClose$1 = iteratorClose$2;
+
+var TO_STRING_TAG$3 = wellKnownSymbol$a('toStringTag');
+var ITERATOR_HELPER = 'IteratorHelper';
+var WRAP_FOR_VALID_ITERATOR = 'WrapForValidIterator';
+var setInternalState$4 = InternalStateModule$4.set;
+
+var createIteratorProxyPrototype = function (IS_ITERATOR) {
+  var getInternalState = InternalStateModule$4.getterFor(IS_ITERATOR ? WRAP_FOR_VALID_ITERATOR : ITERATOR_HELPER);
+
+  return defineBuiltIns$1(create$3(IteratorPrototype$2), {
+    next: function next() {
+      var state = getInternalState(this);
+      // for simplification:
+      //   for `%WrapForValidIteratorPrototype%.next` our `nextHandler` returns `IterResultObject`
+      //   for `%IteratorHelperPrototype%.next` - just a value
+      if (IS_ITERATOR) return state.nextHandler();
+      try {
+        var result = state.done ? undefined : state.nextHandler();
+        return createIterResultObject$3(result, state.done);
+      } catch (error) {
+        state.done = true;
+        throw error;
+      }
+    },
+    'return': function () {
+      var state = getInternalState(this);
+      var iterator = state.iterator;
+      state.done = true;
+      if (IS_ITERATOR) {
+        var returnMethod = getMethod$1(iterator, 'return');
+        return returnMethod ? call$a(returnMethod, iterator) : createIterResultObject$3(undefined, true);
+      }
+      if (state.inner) try {
+        iteratorClose$1(state.inner.iterator, 'normal');
+      } catch (error) {
+        return iteratorClose$1(iterator, 'throw', error);
+      }
+      iteratorClose$1(iterator, 'normal');
+      return createIterResultObject$3(undefined, true);
+    }
+  });
+};
+
+var WrapForValidIteratorPrototype = createIteratorProxyPrototype(true);
+var IteratorHelperPrototype = createIteratorProxyPrototype(false);
+
+createNonEnumerableProperty$2(IteratorHelperPrototype, TO_STRING_TAG$3, 'Iterator Helper');
+
+var iteratorCreateProxy = function (nextHandler, IS_ITERATOR) {
+  var IteratorProxy = function Iterator(record, state) {
+    if (state) {
+      state.iterator = record.iterator;
+      state.next = record.next;
+    } else state = record;
+    state.type = IS_ITERATOR ? WRAP_FOR_VALID_ITERATOR : ITERATOR_HELPER;
+    state.nextHandler = nextHandler;
+    state.counter = 0;
+    state.done = false;
+    setInternalState$4(this, state);
+  };
+
+  IteratorProxy.prototype = IS_ITERATOR ? WrapForValidIteratorPrototype : IteratorHelperPrototype;
+
+  return IteratorProxy;
+};
+
+var anObject$5 = anObject$c;
+var iteratorClose = iteratorClose$2;
+
+// call something on iterator step with safe closing on error
+var callWithSafeIterationClosing$2 = function (iterator, fn, value, ENTRIES) {
+  try {
+    return ENTRIES ? fn(anObject$5(value)[0], value[1]) : fn(value);
+  } catch (error) {
+    iteratorClose(iterator, 'throw', error);
+  }
+};
+
+var call$9 = functionCall;
+var aCallable$3 = aCallable$5;
+var anObject$4 = anObject$c;
+var getIteratorDirect = getIteratorDirect$1;
+var createIteratorProxy = iteratorCreateProxy;
+var callWithSafeIterationClosing$1 = callWithSafeIterationClosing$2;
+
+var IteratorProxy = createIteratorProxy(function () {
+  var iterator = this.iterator;
+  var result = anObject$4(call$9(this.next, iterator));
+  var done = this.done = !!result.done;
+  if (!done) return callWithSafeIterationClosing$1(iterator, this.mapper, [result.value, this.counter++], true);
+});
+
+// `Iterator.prototype.map` method
+// https://github.com/tc39/proposal-iterator-helpers
+var iteratorMap = function map(mapper) {
+  anObject$4(this);
+  aCallable$3(mapper);
+  return new IteratorProxy(getIteratorDirect(this), {
+    mapper: mapper
+  });
+};
+
+var $$6 = _export;
+var map = iteratorMap;
+var IS_PURE$1 = isPure;
+
+// `Iterator.prototype.map` method
+// https://github.com/tc39/proposal-iterator-helpers
+$$6({ target: 'Iterator', proto: true, real: true, forced: IS_PURE$1 }, {
+  map: map
+});
+
+var wellKnownSymbol$9 = wellKnownSymbol$e;
+var create$2 = objectCreate;
+var defineProperty$3 = objectDefineProperty.f;
+
+var UNSCOPABLES = wellKnownSymbol$9('unscopables');
+var ArrayPrototype$1 = Array.prototype;
+
+// Array.prototype[@@unscopables]
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+if (ArrayPrototype$1[UNSCOPABLES] === undefined) {
+  defineProperty$3(ArrayPrototype$1, UNSCOPABLES, {
+    configurable: true,
+    value: create$2(null)
+  });
+}
+
+// add a key to Array.prototype[@@unscopables]
+var addToUnscopables$1 = function (key) {
+  ArrayPrototype$1[UNSCOPABLES][key] = true;
+};
+
+var iterators = {};
+
+var defineProperty$2 = objectDefineProperty.f;
+var hasOwn$3 = hasOwnProperty_1;
+var wellKnownSymbol$8 = wellKnownSymbol$e;
+
+var TO_STRING_TAG$2 = wellKnownSymbol$8('toStringTag');
+
+var setToStringTag$5 = function (target, TAG, STATIC) {
+  if (target && !STATIC) target = target.prototype;
+  if (target && !hasOwn$3(target, TO_STRING_TAG$2)) {
+    defineProperty$2(target, TO_STRING_TAG$2, { configurable: true, value: TAG });
+  }
+};
+
+var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
+var create$1 = objectCreate;
+var createPropertyDescriptor$1 = createPropertyDescriptor$5;
+var setToStringTag$4 = setToStringTag$5;
+var Iterators$4 = iterators;
+
+var returnThis$1 = function () { return this; };
+
+var iteratorCreateConstructor = function (IteratorConstructor, NAME, next, ENUMERABLE_NEXT) {
+  var TO_STRING_TAG = NAME + ' Iterator';
+  IteratorConstructor.prototype = create$1(IteratorPrototype$1, { next: createPropertyDescriptor$1(+!ENUMERABLE_NEXT, next) });
+  setToStringTag$4(IteratorConstructor, TO_STRING_TAG, false);
+  Iterators$4[TO_STRING_TAG] = returnThis$1;
+  return IteratorConstructor;
+};
+
+var uncurryThis$e = functionUncurryThis;
+var aCallable$2 = aCallable$5;
+
+var functionUncurryThisAccessor = function (object, key, method) {
+  try {
+    // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
+    return uncurryThis$e(aCallable$2(Object.getOwnPropertyDescriptor(object, key)[method]));
+  } catch (error) { /* empty */ }
+};
+
+var isObject$2 = isObject$9;
+
+var isPossiblePrototype$1 = function (argument) {
+  return isObject$2(argument) || argument === null;
+};
+
+var isPossiblePrototype = isPossiblePrototype$1;
+
+var $String$2 = String;
+var $TypeError$2 = TypeError;
+
+var aPossiblePrototype$1 = function (argument) {
+  if (isPossiblePrototype(argument)) return argument;
+  throw new $TypeError$2("Can't set " + $String$2(argument) + ' as a prototype');
+};
+
+/* eslint-disable no-proto -- safe */
+var uncurryThisAccessor = functionUncurryThisAccessor;
+var isObject$1 = isObject$9;
+var requireObjectCoercible$1 = requireObjectCoercible$4;
+var aPossiblePrototype = aPossiblePrototype$1;
+
+// `Object.setPrototypeOf` method
+// https://tc39.es/ecma262/#sec-object.setprototypeof
+// Works with __proto__ only. Old v8 can't work with null proto objects.
+// eslint-disable-next-line es/no-object-setprototypeof -- safe
+var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
+  var CORRECT_SETTER = false;
+  var test = {};
+  var setter;
+  try {
+    setter = uncurryThisAccessor(Object.prototype, '__proto__', 'set');
+    setter(test, []);
+    CORRECT_SETTER = test instanceof Array;
+  } catch (error) { /* empty */ }
+  return function setPrototypeOf(O, proto) {
+    requireObjectCoercible$1(O);
+    aPossiblePrototype(proto);
+    if (!isObject$1(O)) return O;
+    if (CORRECT_SETTER) setter(O, proto);
+    else O.__proto__ = proto;
+    return O;
+  };
+}() : undefined);
+
+var $$5 = _export;
+var call$8 = functionCall;
+var FunctionName = functionName;
+var isCallable$5 = isCallable$j;
+var createIteratorConstructor$1 = iteratorCreateConstructor;
+var getPrototypeOf = objectGetPrototypeOf;
+var setPrototypeOf = objectSetPrototypeOf;
+var setToStringTag$3 = setToStringTag$5;
+var createNonEnumerableProperty$1 = createNonEnumerableProperty$5;
+var defineBuiltIn$5 = defineBuiltIn$9;
+var wellKnownSymbol$7 = wellKnownSymbol$e;
+var Iterators$3 = iterators;
+var IteratorsCore = iteratorsCore;
+
+var PROPER_FUNCTION_NAME$1 = FunctionName.PROPER;
+var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
+var IteratorPrototype = IteratorsCore.IteratorPrototype;
+var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
+var ITERATOR$5 = wellKnownSymbol$7('iterator');
+var KEYS = 'keys';
+var VALUES = 'values';
+var ENTRIES = 'entries';
+
+var returnThis = function () { return this; };
+
+var iteratorDefine = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, IS_SET, FORCED) {
+  createIteratorConstructor$1(IteratorConstructor, NAME, next);
+
+  var getIterationMethod = function (KIND) {
+    if (KIND === DEFAULT && defaultIterator) return defaultIterator;
+    if (!BUGGY_SAFARI_ITERATORS && KIND && KIND in IterablePrototype) return IterablePrototype[KIND];
+
+    switch (KIND) {
+      case KEYS: return function keys() { return new IteratorConstructor(this, KIND); };
+      case VALUES: return function values() { return new IteratorConstructor(this, KIND); };
+      case ENTRIES: return function entries() { return new IteratorConstructor(this, KIND); };
     }
-    initEditor({
-      pathname
-    });
-    updateNavigation(pathname || '/');
-    setState(prevState => Object.assign({}, prevState, {
-      isInsideEditor: true
-    }));
-    return () => destroyEditor();
-  }, [pathname]);
-  /**
-   * Reloads the page when changes are made in the editor.
-   */
-  useEffect(() => {
-    const insideEditor = isInsideEditor();
-    if (!insideEditor || !onReload) {
-      return;
+
+    return function () { return new IteratorConstructor(this); };
+  };
+
+  var TO_STRING_TAG = NAME + ' Iterator';
+  var INCORRECT_VALUES_NAME = false;
+  var IterablePrototype = Iterable.prototype;
+  var nativeIterator = IterablePrototype[ITERATOR$5]
+    || IterablePrototype['@@iterator']
+    || DEFAULT && IterablePrototype[DEFAULT];
+  var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
+  var anyNativeIterator = NAME === 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
+  var CurrentIteratorPrototype, methods, KEY;
+
+  // fix native
+  if (anyNativeIterator) {
+    CurrentIteratorPrototype = getPrototypeOf(anyNativeIterator.call(new Iterable()));
+    if (CurrentIteratorPrototype !== Object.prototype && CurrentIteratorPrototype.next) {
+      if (getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
+        if (setPrototypeOf) {
+          setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
+        } else if (!isCallable$5(CurrentIteratorPrototype[ITERATOR$5])) {
+          defineBuiltIn$5(CurrentIteratorPrototype, ITERATOR$5, returnThis);
+        }
+      }
+      // Set @@toStringTag to native iterators
+      setToStringTag$3(CurrentIteratorPrototype, TO_STRING_TAG, true);
     }
-    const {
-      unsubscribe
-    } = createUVESubscription('changes', () => onReload());
-    return () => unsubscribe();
-  }, [onReload]);
-  /**
-   * Sends a message to the editor when the client is ready.
-   */
-  useEffect(() => {
-    if (!isInsideEditor()) {
-      return;
+  }
+
+  // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
+  if (PROPER_FUNCTION_NAME$1 && DEFAULT === VALUES && nativeIterator && nativeIterator.name !== VALUES) {
+    if (CONFIGURABLE_FUNCTION_NAME) {
+      createNonEnumerableProperty$1(IterablePrototype, 'name', VALUES);
+    } else {
+      INCORRECT_VALUES_NAME = true;
+      defaultIterator = function values() { return call$8(nativeIterator, this); };
     }
-    postMessageToEditor({
-      action: CLIENT_ACTIONS.CLIENT_READY,
-      payload: editor
-    });
-  }, [pathname, editor]);
-  /**
-   * Old
-   */
-  useEffect(() => {
-    if (!isInsideEditor()) {
-      return;
+  }
+
+  // export additional methods
+  if (DEFAULT) {
+    methods = {
+      values: getIterationMethod(VALUES),
+      keys: IS_SET ? defaultIterator : getIterationMethod(KEYS),
+      entries: getIterationMethod(ENTRIES)
+    };
+    if (FORCED) for (KEY in methods) {
+      if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
+        defineBuiltIn$5(IterablePrototype, KEY, methods[KEY]);
+      }
+    } else $$5({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
+  }
+
+  // define iterator
+  if (IterablePrototype[ITERATOR$5] !== defaultIterator) {
+    defineBuiltIn$5(IterablePrototype, ITERATOR$5, defaultIterator, { name: DEFAULT });
+  }
+  Iterators$3[NAME] = defaultIterator;
+
+  return methods;
+};
+
+var toIndexedObject = toIndexedObject$5;
+var addToUnscopables = addToUnscopables$1;
+var Iterators$2 = iterators;
+var InternalStateModule$3 = internalState;
+var defineProperty$1 = objectDefineProperty.f;
+var defineIterator$1 = iteratorDefine;
+var createIterResultObject$2 = createIterResultObject$4;
+var DESCRIPTORS$6 = descriptors;
+
+var ARRAY_ITERATOR = 'Array Iterator';
+var setInternalState$3 = InternalStateModule$3.set;
+var getInternalState$1 = InternalStateModule$3.getterFor(ARRAY_ITERATOR);
+
+// `Array.prototype.entries` method
+// https://tc39.es/ecma262/#sec-array.prototype.entries
+// `Array.prototype.keys` method
+// https://tc39.es/ecma262/#sec-array.prototype.keys
+// `Array.prototype.values` method
+// https://tc39.es/ecma262/#sec-array.prototype.values
+// `Array.prototype[@@iterator]` method
+// https://tc39.es/ecma262/#sec-array.prototype-@@iterator
+// `CreateArrayIterator` internal method
+// https://tc39.es/ecma262/#sec-createarrayiterator
+var es_array_iterator = defineIterator$1(Array, 'Array', function (iterated, kind) {
+  setInternalState$3(this, {
+    type: ARRAY_ITERATOR,
+    target: toIndexedObject(iterated), // target
+    index: 0,                          // next index
+    kind: kind                         // kind
+  });
+// `%ArrayIteratorPrototype%.next` method
+// https://tc39.es/ecma262/#sec-%arrayiteratorprototype%.next
+}, function () {
+  var state = getInternalState$1(this);
+  var target = state.target;
+  var index = state.index++;
+  if (!target || index >= target.length) {
+    state.target = undefined;
+    return createIterResultObject$2(undefined, true);
+  }
+  switch (state.kind) {
+    case 'keys': return createIterResultObject$2(index, false);
+    case 'values': return createIterResultObject$2(target[index], false);
+  } return createIterResultObject$2([index, target[index]], false);
+}, 'values');
+
+// argumentsList[@@iterator] is %ArrayProto_values%
+// https://tc39.es/ecma262/#sec-createunmappedargumentsobject
+// https://tc39.es/ecma262/#sec-createmappedargumentsobject
+var values = Iterators$2.Arguments = Iterators$2.Array;
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('keys');
+addToUnscopables('values');
+addToUnscopables('entries');
+
+// V8 ~ Chrome 45- bug
+if (DESCRIPTORS$6 && values.name !== 'values') try {
+  defineProperty$1(values, 'name', { value: 'values' });
+} catch (error) { /* empty */ }
+
+// iterable DOM collections
+// flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
+var domIterables = {
+  CSSRuleList: 0,
+  CSSStyleDeclaration: 0,
+  CSSValueList: 0,
+  ClientRectList: 0,
+  DOMRectList: 0,
+  DOMStringList: 0,
+  DOMTokenList: 1,
+  DataTransferItemList: 0,
+  FileList: 0,
+  HTMLAllCollection: 0,
+  HTMLCollection: 0,
+  HTMLFormElement: 0,
+  HTMLSelectElement: 0,
+  MediaList: 0,
+  MimeTypeArray: 0,
+  NamedNodeMap: 0,
+  NodeList: 1,
+  PaintRequestList: 0,
+  Plugin: 0,
+  PluginArray: 0,
+  SVGLengthList: 0,
+  SVGNumberList: 0,
+  SVGPathSegList: 0,
+  SVGPointList: 0,
+  SVGStringList: 0,
+  SVGTransformList: 0,
+  SourceBufferList: 0,
+  StyleSheetList: 0,
+  TextTrackCueList: 0,
+  TextTrackList: 0,
+  TouchList: 0
+};
+
+// in old WebKit versions, `element.classList` is not an instance of global `DOMTokenList`
+var documentCreateElement = documentCreateElement$2;
+
+var classList = documentCreateElement('span').classList;
+var DOMTokenListPrototype$1 = classList && classList.constructor && classList.constructor.prototype;
+
+var domTokenListPrototype = DOMTokenListPrototype$1 === Object.prototype ? undefined : DOMTokenListPrototype$1;
+
+var global$4 = global$f;
+var DOMIterables = domIterables;
+var DOMTokenListPrototype = domTokenListPrototype;
+var ArrayIteratorMethods = es_array_iterator;
+var createNonEnumerableProperty = createNonEnumerableProperty$5;
+var setToStringTag$2 = setToStringTag$5;
+var wellKnownSymbol$6 = wellKnownSymbol$e;
+
+var ITERATOR$4 = wellKnownSymbol$6('iterator');
+var ArrayValues = ArrayIteratorMethods.values;
+
+var handlePrototype = function (CollectionPrototype, COLLECTION_NAME) {
+  if (CollectionPrototype) {
+    // some Chrome versions have non-configurable methods on DOMTokenList
+    if (CollectionPrototype[ITERATOR$4] !== ArrayValues) try {
+      createNonEnumerableProperty(CollectionPrototype, ITERATOR$4, ArrayValues);
+    } catch (error) {
+      CollectionPrototype[ITERATOR$4] = ArrayValues;
     }
-    const {
-      unsubscribe
-    } = createUVESubscription('changes', data => {
-      const pageAsset = data;
-      setState(state => Object.assign({}, state, {
-        pageAsset
-      }));
-    });
-    return () => unsubscribe();
-  }, []);
-  return state;
+    setToStringTag$2(CollectionPrototype, COLLECTION_NAME, true);
+    if (DOMIterables[COLLECTION_NAME]) for (var METHOD_NAME in ArrayIteratorMethods) {
+      // some Chrome versions have non-configurable methods on DOMTokenList
+      if (CollectionPrototype[METHOD_NAME] !== ArrayIteratorMethods[METHOD_NAME]) try {
+        createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, ArrayIteratorMethods[METHOD_NAME]);
+      } catch (error) {
+        CollectionPrototype[METHOD_NAME] = ArrayIteratorMethods[METHOD_NAME];
+      }
+    }
+  }
 };
 
+for (var COLLECTION_NAME in DOMIterables) {
+  handlePrototype(global$4[COLLECTION_NAME] && global$4[COLLECTION_NAME].prototype, COLLECTION_NAME);
+}
+
+handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
+
 /**
  * The `PageContext` is a React context that provides access to the DotCMS page context.
  *
  * @category Contexts
  */
-const PageContext = /*#__PURE__*/createContext(null);
+const DotCMSPageContext = /*#__PURE__*/createContext({
+  pageAsset: {},
+  mode: 'production',
+  userComponents: {}
+});
 
 /**
- * `PageProvider` is a functional component that provides a context for a DotCMS page.
- * It takes a `PageProviderProps` object as a parameter and returns a JSX element.
+ * @internal
+ * A React hook that determines if the current environment is in development mode.
  *
- * @category Components
- * @param {PageProviderProps} props - The properties for the PageProvider. Includes an `entity` and `children`.
- * @returns {JSX.Element} - A JSX element that provides a context for a DotCMS page.
+ * The hook returns `true` if either:
+ *   - The application is running inside the DotCMS editor (as determined by `getUVEState()`).
+ *
+ * @returns {boolean} - `true` if in development mode or inside the editor; otherwise, `false`.
  */
-function PageProvider(props) {
+const useIsDevMode = () => {
   const {
-    pageContext,
-    children
-  } = props;
-  return jsx(PageContext.Provider, {
-    value: pageContext,
-    children: children
+    mode
+  } = useContext(DotCMSPageContext);
+  const [isDevMode, setIsDevMode] = useState(mode === 'development');
+  useEffect(() => {
+    var _getUVEState;
+    // Inside UVE we rely on the UVE state to determine if we are in development mode
+    if ((_getUVEState = getUVEState()) != null && _getUVEState.mode) {
+      var _getUVEState2;
+      const isUVEInEditor = ((_getUVEState2 = getUVEState()) == null ? void 0 : _getUVEState2.mode) === UVE_MODE.EDIT;
+      setIsDevMode(isUVEInEditor);
+      return;
+    }
+    setIsDevMode(mode === DEVELOPMENT_MODE);
+  }, [mode]);
+  return isDevMode;
+};
+
+/**
+ * Error message component for when the page body is missing
+ *
+ * @return {JSX.Element} Error message component
+ */
+const ErrorMessage = () => {
+  const isDevMode = useIsDevMode();
+  useEffect(() => {
+    console.warn('Missing required layout.body property in page');
+  }, []);
+  return isDevMode && jsxs("div", {
+    "data-testid": "error-message",
+    style: {
+      padding: '1rem',
+      border: '1px solid #e0e0e0',
+      borderRadius: '4px'
+    },
+    children: [jsxs("p", {
+      style: {
+        margin: '0 0 0.5rem',
+        color: '#666'
+      },
+      children: ["The ", jsx("code", {
+        children: "page"
+      }), " is missing the required ", jsx("code", {
+        children: "layout.body"
+      }), " property."]
+    }), jsx("p", {
+      style: {
+        margin: 0,
+        color: '#666'
+      },
+      children: "Make sure the page asset is properly loaded and includes a layout configuration."
+    })]
   });
+};
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
 }
 
-var css_248z$1 = ".Row-module_row__1QEdR {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    gap: 1rem;\n}\n";
-var styles$1 = {"row":"Row-module_row__1QEdR"};
+var css_248z$1 = ".Row-module_row__PS0UP {\n    display: grid;\n    grid-template-columns: repeat(12, 1fr);\n    gap: 1rem;\n}\n";
+var styles$1 = {"row":"Row-module_row__PS0UP"};
 styleInject(css_248z$1);
 
-var css_248z = ".Column-module_col-start-1__pAqyF {\n    grid-column-start: 1;\n}\n\n.Column-module_col-start-2__WwVhl {\n    grid-column-start: 2;\n}\n\n.Column-module_col-start-3__DAtqM {\n    grid-column-start: 3;\n}\n\n.Column-module_col-start-4__KAXJl {\n    grid-column-start: 4;\n}\n\n.Column-module_col-start-5__9yg8H {\n    grid-column-start: 5;\n}\n\n.Column-module_col-start-6__L9Fl1 {\n    grid-column-start: 6;\n}\n\n.Column-module_col-start-7__7GWMg {\n    grid-column-start: 7;\n}\n\n.Column-module_col-start-8__VPNje {\n    grid-column-start: 8;\n}\n\n.Column-module_col-start-9__TQinR {\n    grid-column-start: 9;\n}\n\n.Column-module_col-start-10__WuD2n {\n    grid-column-start: 10;\n}\n\n.Column-module_col-start-11__ZYzHu {\n    grid-column-start: 11;\n}\n\n.Column-module_col-start-12__XupQX {\n    grid-column-start: 12;\n}\n\n.Column-module_col-end-1__thNVg {\n    grid-column-end: 1;\n}\n\n.Column-module_col-end-2__7vCsE {\n    grid-column-end: 2;\n}\n\n.Column-module_col-end-3__TiQJe {\n    grid-column-end: 3;\n}\n\n.Column-module_col-end-4__66z6K {\n    grid-column-end: 4;\n}\n\n.Column-module_col-end-5__MLwPh {\n    grid-column-end: 5;\n}\n\n.Column-module_col-end-6__dz6-q {\n    grid-column-end: 6;\n}\n\n.Column-module_col-end-7__Loe0Q {\n    grid-column-end: 7;\n}\n\n.Column-module_col-end-8__NePGi {\n    grid-column-end: 8;\n}\n\n.Column-module_col-end-9__V0-is {\n    grid-column-end: 9;\n}\n\n.Column-module_col-end-10__b-1ia {\n    grid-column-end: 10;\n}\n\n.Column-module_col-end-11__QroWM {\n    grid-column-end: 11;\n}\n\n.Column-module_col-end-12__j-YYw {\n    grid-column-end: 12;\n}\n\n.Column-module_col-end-13__khBAA {\n    grid-column-end: 13;\n}\n";
-var styles = {"col-start-1":"Column-module_col-start-1__pAqyF","col-start-2":"Column-module_col-start-2__WwVhl","col-start-3":"Column-module_col-start-3__DAtqM","col-start-4":"Column-module_col-start-4__KAXJl","col-start-5":"Column-module_col-start-5__9yg8H","col-start-6":"Column-module_col-start-6__L9Fl1","col-start-7":"Column-module_col-start-7__7GWMg","col-start-8":"Column-module_col-start-8__VPNje","col-start-9":"Column-module_col-start-9__TQinR","col-start-10":"Column-module_col-start-10__WuD2n","col-start-11":"Column-module_col-start-11__ZYzHu","col-start-12":"Column-module_col-start-12__XupQX","col-end-1":"Column-module_col-end-1__thNVg","col-end-2":"Column-module_col-end-2__7vCsE","col-end-3":"Column-module_col-end-3__TiQJe","col-end-4":"Column-module_col-end-4__66z6K","col-end-5":"Column-module_col-end-5__MLwPh","col-end-6":"Column-module_col-end-6__dz6-q","col-end-7":"Column-module_col-end-7__Loe0Q","col-end-8":"Column-module_col-end-8__NePGi","col-end-9":"Column-module_col-end-9__V0-is","col-end-10":"Column-module_col-end-10__b-1ia","col-end-11":"Column-module_col-end-11__QroWM","col-end-12":"Column-module_col-end-12__j-YYw","col-end-13":"Column-module_col-end-13__khBAA"};
+var css_248z = ".Column-module_col-start-1__xylw6 {\n    grid-column-start: 1;\n}\n\n.Column-module_col-start-2__Mod81 {\n    grid-column-start: 2;\n}\n\n.Column-module_col-start-3__HHbXB {\n    grid-column-start: 3;\n}\n\n.Column-module_col-start-4__Uk-Qj {\n    grid-column-start: 4;\n}\n\n.Column-module_col-start-5__jlV8e {\n    grid-column-start: 5;\n}\n\n.Column-module_col-start-6__oi8k0 {\n    grid-column-start: 6;\n}\n\n.Column-module_col-start-7__EmPky {\n    grid-column-start: 7;\n}\n\n.Column-module_col-start-8__hLI1h {\n    grid-column-start: 8;\n}\n\n.Column-module_col-start-9__Kcv9X {\n    grid-column-start: 9;\n}\n\n.Column-module_col-start-10__-MOrt {\n    grid-column-start: 10;\n}\n\n.Column-module_col-start-11__gDEQM {\n    grid-column-start: 11;\n}\n\n.Column-module_col-start-12__omVX6 {\n    grid-column-start: 12;\n}\n\n.Column-module_col-end-1__Ho2y9 {\n    grid-column-end: 1;\n}\n\n.Column-module_col-end-2__KwFu9 {\n    grid-column-end: 2;\n}\n\n.Column-module_col-end-3__vfbJk {\n    grid-column-end: 3;\n}\n\n.Column-module_col-end-4__d4pyL {\n    grid-column-end: 4;\n}\n\n.Column-module_col-end-5__6yPd4 {\n    grid-column-end: 5;\n}\n\n.Column-module_col-end-6__xQpAX {\n    grid-column-end: 6;\n}\n\n.Column-module_col-end-7__CCF7e {\n    grid-column-end: 7;\n}\n\n.Column-module_col-end-8__fVWEi {\n    grid-column-end: 8;\n}\n\n.Column-module_col-end-9__tpIGv {\n    grid-column-end: 9;\n}\n\n.Column-module_col-end-10__SX75K {\n    grid-column-end: 10;\n}\n\n.Column-module_col-end-11__9K1zv {\n    grid-column-end: 11;\n}\n\n.Column-module_col-end-12__oqTiE {\n    grid-column-end: 12;\n}\n\n.Column-module_col-end-13__L-nK9 {\n    grid-column-end: 13;\n}\n";
+var styles = {"col-start-1":"Column-module_col-start-1__xylw6","col-start-2":"Column-module_col-start-2__Mod81","col-start-3":"Column-module_col-start-3__HHbXB","col-start-4":"Column-module_col-start-4__Uk-Qj","col-start-5":"Column-module_col-start-5__jlV8e","col-start-6":"Column-module_col-start-6__oi8k0","col-start-7":"Column-module_col-start-7__EmPky","col-start-8":"Column-module_col-start-8__hLI1h","col-start-9":"Column-module_col-start-9__Kcv9X","col-start-10":"Column-module_col-start-10__-MOrt","col-start-11":"Column-module_col-start-11__gDEQM","col-start-12":"Column-module_col-start-12__omVX6","col-end-1":"Column-module_col-end-1__Ho2y9","col-end-2":"Column-module_col-end-2__KwFu9","col-end-3":"Column-module_col-end-3__vfbJk","col-end-4":"Column-module_col-end-4__d4pyL","col-end-5":"Column-module_col-end-5__6yPd4","col-end-6":"Column-module_col-end-6__xQpAX","col-end-7":"Column-module_col-end-7__CCF7e","col-end-8":"Column-module_col-end-8__fVWEi","col-end-9":"Column-module_col-end-9__tpIGv","col-end-10":"Column-module_col-end-10__SX75K","col-end-11":"Column-module_col-end-11__9K1zv","col-end-12":"Column-module_col-end-12__oqTiE","col-end-13":"Column-module_col-end-13__L-nK9"};
 styleInject(css_248z);
 
-const endClassMap = {
-  1: 'col-end-1',
-  2: 'col-end-2',
-  3: 'col-end-3',
-  4: 'col-end-4',
-  5: 'col-end-5',
-  6: 'col-end-6',
-  7: 'col-end-7',
-  8: 'col-end-8',
-  9: 'col-end-9',
-  10: 'col-end-10',
-  11: 'col-end-11',
-  12: 'col-end-12',
-  13: 'col-end-13'
-};
-const startClassMap = {
-  1: 'col-start-1',
-  2: 'col-start-2',
-  3: 'col-start-3',
-  4: 'col-start-4',
-  5: 'col-start-5',
-  6: 'col-start-6',
-  7: 'col-start-7',
-  8: 'col-start-8',
-  9: 'col-start-9',
-  10: 'col-start-10',
-  11: 'col-start-11',
-  12: 'col-start-12'
+var NATIVE_BIND$1 = functionBindNative;
+
+var FunctionPrototype = Function.prototype;
+var apply$1 = FunctionPrototype.apply;
+var call$7 = FunctionPrototype.call;
+
+// eslint-disable-next-line es/no-reflect -- safe
+var functionApply = typeof Reflect == 'object' && Reflect.apply || (NATIVE_BIND$1 ? call$7.bind(apply$1) : function () {
+  return call$7.apply(apply$1, arguments);
+});
+
+var uncurryThis$d = functionUncurryThis;
+
+var arraySlice$3 = uncurryThis$d([].slice);
+
+var classof$6 = classofRaw$2;
+
+// `IsArray` abstract operation
+// https://tc39.es/ecma262/#sec-isarray
+// eslint-disable-next-line es/no-array-isarray -- safe
+var isArray$1 = Array.isArray || function isArray(argument) {
+  return classof$6(argument) === 'Array';
+};
+
+var wellKnownSymbol$5 = wellKnownSymbol$e;
+
+var TO_STRING_TAG$1 = wellKnownSymbol$5('toStringTag');
+var test = {};
+
+test[TO_STRING_TAG$1] = 'z';
+
+var toStringTagSupport = String(test) === '[object z]';
+
+var TO_STRING_TAG_SUPPORT = toStringTagSupport;
+var isCallable$4 = isCallable$j;
+var classofRaw$1 = classofRaw$2;
+var wellKnownSymbol$4 = wellKnownSymbol$e;
+
+var TO_STRING_TAG = wellKnownSymbol$4('toStringTag');
+var $Object = Object;
+
+// ES3 wrong here
+var CORRECT_ARGUMENTS = classofRaw$1(function () { return arguments; }()) === 'Arguments';
+
+// fallback for IE11 Script Access Denied error
+var tryGet = function (it, key) {
+  try {
+    return it[key];
+  } catch (error) { /* empty */ }
+};
+
+// getting tag from ES6+ `Object.prototype.toString`
+var classof$5 = TO_STRING_TAG_SUPPORT ? classofRaw$1 : function (it) {
+  var O, tag, result;
+  return it === undefined ? 'Undefined' : it === null ? 'Null'
+    // @@toStringTag case
+    : typeof (tag = tryGet(O = $Object(it), TO_STRING_TAG)) == 'string' ? tag
+    // builtinTag case
+    : CORRECT_ARGUMENTS ? classofRaw$1(O)
+    // ES3 arguments fallback
+    : (result = classofRaw$1(O)) === 'Object' && isCallable$4(O.callee) ? 'Arguments' : result;
+};
+
+var classof$4 = classof$5;
+
+var $String$1 = String;
+
+var toString$5 = function (argument) {
+  if (classof$4(argument) === 'Symbol') throw new TypeError('Cannot convert a Symbol value to a string');
+  return $String$1(argument);
+};
+
+var uncurryThis$c = functionUncurryThis;
+var isArray = isArray$1;
+var isCallable$3 = isCallable$j;
+var classof$3 = classofRaw$2;
+var toString$4 = toString$5;
+
+var push$4 = uncurryThis$c([].push);
+
+var getJsonReplacerFunction = function (replacer) {
+  if (isCallable$3(replacer)) return replacer;
+  if (!isArray(replacer)) return;
+  var rawLength = replacer.length;
+  var keys = [];
+  for (var i = 0; i < rawLength; i++) {
+    var element = replacer[i];
+    if (typeof element == 'string') push$4(keys, element);
+    else if (typeof element == 'number' || classof$3(element) === 'Number' || classof$3(element) === 'String') push$4(keys, toString$4(element));
+  }
+  var keysLength = keys.length;
+  var root = true;
+  return function (key, value) {
+    if (root) {
+      root = false;
+      return value;
+    }
+    if (isArray(this)) return value;
+    for (var j = 0; j < keysLength; j++) if (keys[j] === key) return value;
+  };
+};
+
+var $$4 = _export;
+var getBuiltIn$1 = getBuiltIn$5;
+var apply = functionApply;
+var call$6 = functionCall;
+var uncurryThis$b = functionUncurryThis;
+var fails$4 = fails$g;
+var isCallable$2 = isCallable$j;
+var isSymbol = isSymbol$3;
+var arraySlice$2 = arraySlice$3;
+var getReplacerFunction = getJsonReplacerFunction;
+var NATIVE_SYMBOL = symbolConstructorDetection;
+
+var $String = String;
+var $stringify = getBuiltIn$1('JSON', 'stringify');
+var exec$3 = uncurryThis$b(/./.exec);
+var charAt$4 = uncurryThis$b(''.charAt);
+var charCodeAt$2 = uncurryThis$b(''.charCodeAt);
+var replace$3 = uncurryThis$b(''.replace);
+var numberToString$1 = uncurryThis$b(1.0.toString);
+
+var tester = /[\uD800-\uDFFF]/g;
+var low = /^[\uD800-\uDBFF]$/;
+var hi = /^[\uDC00-\uDFFF]$/;
+
+var WRONG_SYMBOLS_CONVERSION = !NATIVE_SYMBOL || fails$4(function () {
+  var symbol = getBuiltIn$1('Symbol')('stringify detection');
+  // MS Edge converts symbol values to JSON as {}
+  return $stringify([symbol]) !== '[null]'
+    // WebKit converts symbol values to JSON as null
+    || $stringify({ a: symbol }) !== '{}'
+    // V8 throws on boxed symbols
+    || $stringify(Object(symbol)) !== '{}';
+});
+
+// https://github.com/tc39/proposal-well-formed-stringify
+var ILL_FORMED_UNICODE = fails$4(function () {
+  return $stringify('\uDF06\uD834') !== '"\\udf06\\ud834"'
+    || $stringify('\uDEAD') !== '"\\udead"';
+});
+
+var stringifyWithSymbolsFix = function (it, replacer) {
+  var args = arraySlice$2(arguments);
+  var $replacer = getReplacerFunction(replacer);
+  if (!isCallable$2($replacer) && (it === undefined || isSymbol(it))) return; // IE8 returns string on undefined
+  args[1] = function (key, value) {
+    // some old implementations (like WebKit) could pass numbers as keys
+    if (isCallable$2($replacer)) value = call$6($replacer, this, $String(key), value);
+    if (!isSymbol(value)) return value;
+  };
+  return apply($stringify, null, args);
+};
+
+var fixIllFormed = function (match, offset, string) {
+  var prev = charAt$4(string, offset - 1);
+  var next = charAt$4(string, offset + 1);
+  if ((exec$3(low, match) && !exec$3(hi, next)) || (exec$3(hi, match) && !exec$3(low, prev))) {
+    return '\\u' + numberToString$1(charCodeAt$2(match, 0), 16);
+  } return match;
 };
+
+if ($stringify) {
+  // `JSON.stringify` method
+  // https://tc39.es/ecma262/#sec-json.stringify
+  $$4({ target: 'JSON', stat: true, arity: 3, forced: WRONG_SYMBOLS_CONVERSION || ILL_FORMED_UNICODE }, {
+    // eslint-disable-next-line no-unused-vars -- required for `.length`
+    stringify: function stringify(it, replacer, space) {
+      var args = arraySlice$2(arguments);
+      var result = apply(WRONG_SYMBOLS_CONVERSION ? stringifyWithSymbolsFix : $stringify, null, args);
+      return ILL_FORMED_UNICODE && typeof result == 'string' ? replace$3(result, tester, fixIllFormed) : result;
+    }
+  });
+}
+
+var DESCRIPTORS$5 = descriptors;
+var uncurryThis$a = functionUncurryThis;
+var call$5 = functionCall;
+var fails$3 = fails$g;
+var objectKeys = objectKeys$2;
+var getOwnPropertySymbolsModule = objectGetOwnPropertySymbols;
+var propertyIsEnumerableModule = objectPropertyIsEnumerable;
+var toObject$1 = toObject$4;
+var IndexedObject = indexedObject;
+
+// eslint-disable-next-line es/no-object-assign -- safe
+var $assign = Object.assign;
+// eslint-disable-next-line es/no-object-defineproperty -- required for testing
+var defineProperty = Object.defineProperty;
+var concat = uncurryThis$a([].concat);
+
+// `Object.assign` method
+// https://tc39.es/ecma262/#sec-object.assign
+var objectAssign = !$assign || fails$3(function () {
+  // should have correct order of operations (Edge bug)
+  if (DESCRIPTORS$5 && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
+    enumerable: true,
+    get: function () {
+      defineProperty(this, 'b', {
+        value: 3,
+        enumerable: false
+      });
+    }
+  }), { b: 2 })).b !== 1) return true;
+  // should work with symbols and should have deterministic property order (V8 bug)
+  var A = {};
+  var B = {};
+  // eslint-disable-next-line es/no-symbol -- safe
+  var symbol = Symbol('assign detection');
+  var alphabet = 'abcdefghijklmnopqrst';
+  A[symbol] = 7;
+  alphabet.split('').forEach(function (chr) { B[chr] = chr; });
+  return $assign({}, A)[symbol] !== 7 || objectKeys($assign({}, B)).join('') !== alphabet;
+}) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
+  var T = toObject$1(target);
+  var argumentsLength = arguments.length;
+  var index = 1;
+  var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
+  var propertyIsEnumerable = propertyIsEnumerableModule.f;
+  while (argumentsLength > index) {
+    var S = IndexedObject(arguments[index++]);
+    var keys = getOwnPropertySymbols ? concat(objectKeys(S), getOwnPropertySymbols(S)) : objectKeys(S);
+    var length = keys.length;
+    var j = 0;
+    var key;
+    while (length > j) {
+      key = keys[j++];
+      if (!DESCRIPTORS$5 || call$5(propertyIsEnumerable, S, key)) T[key] = S[key];
+    }
+  } return T;
+} : $assign;
+
+var $$3 = _export;
+var assign$1 = objectAssign;
+
+// `Object.assign` method
+// https://tc39.es/ecma262/#sec-object.assign
+// eslint-disable-next-line es/no-object-assign -- required for testing
+$$3({ target: 'Object', stat: true, arity: 2, forced: Object.assign !== assign$1 }, {
+  assign: assign$1
+});
+
 /**
- * Get the container data from the containers object using the current container reference obtained from the layout.
+ * @internal
  *
- * @param {ContainerData} containers
- * @param {DotCMSPageContext['pageAsset']['layout']['body']['rows'][0]['columns'][0]['containers'][0]} containerRef
- * @returns {Object} Container with all the data it has.
+ * Component to display when a container is not found in the system.
+ * Only renders in development mode for debugging purposes.
+ *
+ * @component
+ * @param {Object} props - Component properties
+ * @param {string} props.identifier - Container identifier
+ * @returns {JSX.Element | null} Message about missing container or null in production
  */
-const getContainersData = (containers, containerRef) => {
-  var _containers$identifie;
-  const {
-    identifier,
-    uuid
-  } = containerRef;
-  const {
-    containerStructures,
-    container
-  } = containers[identifier];
-  // Get the variant id
-  const {
-    variantId
-  } = (container == null ? void 0 : container.parentPermissionable) || {};
-  // Get accepts types of content types for this container
-  const acceptTypes = containerStructures.map(structure => structure.contentTypeVar).join(',');
-  // Get the contentlets for "this" container
-  const contentlets = (_containers$identifie = containers[identifier].contentlets[`uuid-${uuid}`]) != null ? _containers$identifie : containers[identifier].contentlets[`uuid-dotParser_${uuid}`];
-  if (!contentlets) {
-    console.warn(`We couldn't find the contentlets for the container with the identifier ${identifier} and the uuid ${uuid} becareful by adding content to this container.\nWe recommend to change the container in the layout and add the content again.`);
-  }
-  return Object.assign({}, containers[identifier].container, {
-    acceptTypes,
-    contentlets: contentlets != null ? contentlets : [],
-    variantId
+const ContainerNotFound = ({
+  identifier
+}) => {
+  const isDevMode = useIsDevMode();
+  useEffect(() => {
+    if (!isDevMode) {
+      return;
+    }
+    console.error(`Container with identifier ${identifier} not found`);
+  }, [identifier, isDevMode]);
+  if (!isDevMode) {
+    return null;
+  }
+  return jsxs("div", {
+    "data-testid": "container-not-found",
+    style: EMPTY_CONTAINER_STYLE_REACT,
+    children: ["This container with identifier ", identifier, " was not found."]
   });
 };
 /**
- * Combine classes into a single string.
+ * @internal
  *
- * @param {string[]} classes
- * @returns {string} Combined classes
- */
-const combineClasses = classes => classes.filter(Boolean).join(' ');
-/**
- * Get the start and end classes for the column based on the left offset and width.
+ * Component to display when a container is empty.
  *
- * @param {number} start
- * @param {number} end
- * @returns {Object} Start and end classes
+ * @param {DotContainerAttributes} dotAttributes
+ * @return {*}
  */
-const getPositionStyleClasses = (start, end) => {
-  const startClass = startClassMap[start];
-  const endClass = endClassMap[end];
-  return {
-    startClass,
-    endClass
-  };
+const EmptyContainer = dotAttributes => {
+  const isDevMode = useIsDevMode();
+  if (!isDevMode) {
+    return null;
+  }
+  return jsx("div", Object.assign({}, dotAttributes, {
+    style: EMPTY_CONTAINER_STYLE_REACT,
+    children: jsx("span", {
+      "data-testid": "empty-container-message",
+      "data-dot-object": "empty-content",
+      children: "This container is empty."
+    })
+  }));
 };
+
 /**
- * Validates the structure of a Block Editor block.
+ * @internal
+ * A custom React hook that checks whether a referenced HTMLDivElement has visible content based on its height.
+ *
+ * @param {RefObject<HTMLDivElement>} ref - A React ref object pointing to an HTMLDivElement.
+ * @returns {boolean} - Returns true if the element's height is greater than zero (indicating visible content), otherwise false.
+ *
+ * @example
+ * import { useRef } from 'react';
+ * import { useCheckVisibleContent } from 'src/lib/next/hooks/useCheckVisibleContent';
  *
- * This function checks that:
- * 1. The blocks parameter is a valid object
- * 2. The block has a 'doc' type
- * 3. The block has a valid content array that is not empty
+ * function MyComponent() {
+ *   const contentRef = useRef<HTMLDivElement>(null);
+ *   const isContentVisible = useCheckVisibleContent(contentRef);
  *
- * @param {Block} blocks - The blocks structure to validate
- * @returns {BlockEditorState} Object containing validation state and any error message
- * @property {boolean} BlockEditorState.isValid - Whether the blocks structure is valid
- * @property {string | null} BlockEditorState.error - Error message if invalid, null if valid
+ *   return (
+ *     <div ref={contentRef}>
+ *       {isContentVisible ? 'Content is visible' : 'Content is not visible'}
+ *     </div>
+ *   );
+ * }
  */
-const isValidBlocks = blocks => {
-  if (!blocks) {
-    return {
-      error: `Error: Blocks object is not defined`
-    };
-  }
-  if (typeof blocks !== 'object') {
-    return {
-      error: `Error: Blocks must be an object, but received: ${typeof blocks}`
-    };
-  }
-  if (blocks.type !== 'doc') {
-    return {
-      error: 'Error: Blocks must have a doc type'
-    };
-  }
-  if (!blocks.content || !Array.isArray(blocks.content)) {
-    return {
-      error: 'Error: Blocks must have a valid content array'
-    };
-  }
-  if (blocks.content.length === 0) {
-    return {
-      error: 'Error: Blocks content is empty'
-    };
-  }
-  return {
-    error: null
-  };
-};
-
-const useCheckHaveContent = () => {
-  const contentletDivRef = useRef(null);
+const useCheckVisibleContent = ref => {
   const [haveContent, setHaveContent] = useState(false);
-  useEffect(() => {
-    if (!contentletDivRef.current) {
-      return;
-    }
-    const childElement = contentletDivRef.current.firstElementChild;
-    if (!childElement) {
+  useLayoutEffect(() => {
+    if (!ref.current) {
+      setHaveContent(false);
       return;
     }
-    const height = childElement.getBoundingClientRect().height;
-    if (height > 0) {
-      setHaveContent(true);
-      return;
-    }
-    setHaveContent(false);
-  }, [contentletDivRef]);
-  return {
-    contentletDivRef,
-    haveContent
-  };
+    const {
+      height
+    } = ref.current.getBoundingClientRect();
+    setHaveContent(height > 0);
+  }, [ref]);
+  return haveContent;
 };
 
 /**
+ * @internal
+ *
+ * Renders a fallback component when no matching component is found for a content type
+ *
+ * @component
+ * @param {DotCMSFallbackComponentProps} props - Component properties
+ * @param {NoComponentType} [props.UserNoComponent] - Optional custom component to render
+ * @param {DotCMSContentlet} [props.contentlet] - The contentlet that couldn't be rendered
+ * @returns {JSX.Element} The rendered fallback component
+ *
+ * @example
+ * ```tsx
+ * <FallbackComponent
+ *   UserNoComponent={CustomNoComponent}
+ *   contentlet={contentlet}
+ * />
+ * ```
+ */
+function FallbackComponent({
+  UserNoComponent,
+  contentlet
+}) {
+  const isDevMode = useIsDevMode();
+  if (!isDevMode) {
+    return null;
+  }
+  const NoComponentFound = UserNoComponent || NoComponent;
+  return jsx(NoComponentFound, Object.assign({}, contentlet));
+}
+/**
+ * @internal
+ *
  * Component to render when there is no component for the content type.
  *
- * @param {{ readonly contentType: string }} { contentType }
+ * @param {DotCMSBasicContentlet} contentType - The content type that couldn't be rendered
  * @return {*}
  */
 function NoComponent({
@@ -288,140 +2294,161 @@ function NoComponent({
 }) {
   return jsxs("div", {
     "data-testid": "no-component",
-    children: ["No Component for ", contentType]
+    children: ["No Component for ", jsx("strong", {
+      children: contentType
+    }), "."]
   });
 }
+
 /**
- * Component to render when there is no content in the container.
+ * Contentlet component that renders DotCMS content with development mode support
  *
- * @return {*}
+ * @component
+ * @param {DotCMSContentletRendererProps} props - Component properties
+ * @param {DotCMSContentlet} props.contentlet - The contentlet to be rendered
+ * @param {string} props.container - The container identifier
+ * @returns {JSX.Element} Rendered contentlet with appropriate wrapper and attributes
+ *
+ * @example
+ * ```tsx
+ * <Contentlet
+ *   contentlet={myContentlet}
+ *   container="container-1"
+ * />
+ * ```
  */
-function EmptyContent() {
-  return null;
+function Contentlet({
+  contentlet,
+  container
+}) {
+  const ref = useRef(null);
+  const isDevMode = useIsDevMode();
+  const haveContent = useCheckVisibleContent(ref);
+  const style = useMemo(() => isDevMode ? {
+    minHeight: haveContent ? undefined : '4rem'
+  } : {}, [isDevMode, haveContent]);
+  const dotAttributes = useMemo(() => isDevMode ? getDotContentletAttributes(contentlet, container) : {}, [isDevMode, contentlet, container]);
+  return jsx("div", Object.assign({}, dotAttributes, {
+    "data-dot-object": "contentlet",
+    ref: ref,
+    style: style,
+    children: jsx(CustomComponent, {
+      contentlet: contentlet
+    })
+  }));
 }
 /**
- * Renders a Container with its content using information provided by dotCMS Page API.
+ * Renders a custom component based on the contentlet type or falls back to a default component
  *
- * @see {@link https://www.dotcms.com/docs/latest/page-rest-api-layout-as-a-service-laas}
- * @export
- * @param {ContainerProps} { containerRef }
- * @return {JSX.Element} Rendered container with content
+ * @component
+ * @param {CustomComponentProps} props - Component properties
+ * @param {DotCMSContentlet} props.contentlet - The contentlet data to render
+ * @returns {JSX.Element} The rendered custom component or fallback component
+ *
+ * @internal
  */
-function Container({
-  containerRef
+function CustomComponent({
+  contentlet
 }) {
   const {
-    isInsideEditor
-  } = useContext(PageContext);
-  const {
-    identifier,
-    uuid
-  } = containerRef;
-  const {
-    haveContent,
-    contentletDivRef
-  } = useCheckHaveContent();
-  // Get the containers from the global context
-  const {
-    pageAsset: {
-      containers
-    },
-    components
-  } = useContext(PageContext);
-  const {
-    acceptTypes,
-    contentlets,
-    maxContentlets,
-    variantId,
-    path
-  } = getContainersData(containers, containerRef);
-  const container = {
-    acceptTypes,
-    identifier: path != null ? path : identifier,
-    maxContentlets,
-    variantId,
-    uuid
-  };
-  const containerStyles = contentlets.length ? undefined : {
-    width: '100%',
-    backgroundColor: '#ECF0FD',
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    color: '#030E32',
-    height: '10rem'
-  };
-  const ContainerChildren = contentlets.map(contentlet => {
-    const ContentTypeComponent = components[contentlet.contentType];
-    const DefaultComponent = components['CustomNoComponent'] || NoComponent;
-    const Component = isInsideEditor ? ContentTypeComponent || DefaultComponent : ContentTypeComponent || EmptyContent;
-    return isInsideEditor ? jsx("div", {
-      "data-testid": "dot-contentlet",
-      "data-dot-object": "contentlet",
-      "data-dot-identifier": contentlet.identifier,
-      "data-dot-basetype": contentlet.baseType,
-      "data-dot-title": contentlet.widgetTitle || contentlet.title,
-      "data-dot-inode": contentlet.inode,
-      "data-dot-type": contentlet.contentType,
-      "data-dot-container": JSON.stringify(container),
-      "data-dot-on-number-of-pages": contentlet.onNumberOfPages,
-      ref: contentletDivRef,
-      style: {
-        minHeight: haveContent ? undefined : '4rem'
-      },
-      children: jsx(Component, Object.assign({}, contentlet))
-    }, contentlet.identifier) : (/*#__PURE__*/createElement(Component, Object.assign({}, contentlet, {
-      key: contentlet.identifier
-    })));
-  });
-  return isInsideEditor ? jsx("div", {
-    "data-testid": "dot-container",
-    "data-dot-object": "container",
-    "data-dot-accept-types": acceptTypes,
-    "data-dot-identifier": path != null ? path : identifier,
-    "data-max-contentlets": maxContentlets,
-    "data-dot-uuid": uuid,
-    style: containerStyles,
-    children: ContainerChildren.length ? ContainerChildren : 'This container is empty.'
-  }) :
-  // eslint-disable-next-line react/jsx-no-useless-fragment
-  jsx(Fragment, {
-    children: ContainerChildren
+    userComponents
+  } = useContext(DotCMSPageContext);
+  const UserComponent = userComponents[contentlet == null ? void 0 : contentlet.contentType];
+  if (UserComponent) {
+    return jsx(UserComponent, Object.assign({}, contentlet));
+  }
+  const UserNoComponent = userComponents[CUSTOM_NO_COMPONENT];
+  return jsx(FallbackComponent, {
+    UserNoComponent: UserNoComponent,
+    contentlet: contentlet
   });
 }
 
 /**
- * Renders a Column with its containers using information provided by dotCMS Page API.
+ * @internal
+ *
+ * Container component that renders DotCMS containers and their contentlets.
+ * This component is responsible for:
+ * - Rendering container content based on DotCMS Page API data
+ * - Handling empty container states
+ * - Providing proper data attributes for DotCMS functionality
+ * - Managing container contentlets rendering
+ *
+ * @component
+ * @param {DotCMSContainerRendererProps} props - Component properties
+ * @returns {JSX.Element} Rendered container with its contentlets or empty state message
+ *
+ * @example
+ * ```tsx
+ * <Container container={containerData} />
+ * ```
+ */
+function Container({
+  container
+}) {
+  const {
+    pageAsset
+  } = useContext(DotCMSPageContext);
+  const containerData = useMemo(() => getContainersData(pageAsset, container), [pageAsset, container]);
+  const contentlets = useMemo(() => getContentletsInContainer(pageAsset, container), [pageAsset, container]);
+  if (!containerData) {
+    return jsx(ContainerNotFound, {
+      identifier: container.identifier
+    });
+  }
+  const isEmpty = contentlets.length === 0;
+  const dotAttributes = getDotContainerAttributes(containerData);
+  if (isEmpty) {
+    return jsx(EmptyContainer, Object.assign({}, dotAttributes));
+  }
+  return jsx("div", Object.assign({}, dotAttributes, {
+    children: contentlets.map(contentlet => jsx(Contentlet, {
+      contentlet: contentlet,
+      container: JSON.stringify(containerData)
+    }, contentlet.identifier))
+  }));
+}
+
+/**
+ * @internal
+ *
+ * Renders a Column component that represents a single column in a 12-column grid system.
+ * The column's position and width are determined by the leftOffset and width properties
+ * from the dotCMS Page API. Uses CSS Grid classes for positioning.
+ *
+ * @example
+ * ```tsx
+ * <Column column={{
+ *   leftOffset: 0,
+ *   width: 6,
+ *   styleClass: "custom-class",
+ *   containers: []
+ * }} />
+ * ```
  *
  * @see {@link https://www.dotcms.com/docs/latest/page-rest-api-layout-as-a-service-laas}
  * @export
- * @param {ColumnProps} { column }
- * @return {JSX.Element} Rendered column with containers
+ * @param {ColumnProps} { column } - Column configuration object
+ * @return {JSX.Element} Rendered column with its containers positioned in the grid
  */
 function Column({
   column
 }) {
-  const {
-    isInsideEditor
-  } = useContext(PageContext);
   const {
     startClass,
     endClass
-  } = getPositionStyleClasses(column.leftOffset, column.width + column.leftOffset);
+  } = getColumnPositionClasses(column);
   const combinedClasses = combineClasses([styles[endClass], styles[startClass]]);
-  const columnProps = isInsideEditor ? {
-    'data-dot': 'column',
-    'data-testid': 'column'
-  } : {};
-  return jsx("div", Object.assign({}, columnProps, {
+  return jsx("div", {
+    "data-dot": "column",
     className: combinedClasses,
     children: jsx("div", {
       className: column.styleClass,
       children: column.containers.map(container => jsx(Container, {
-        containerRef: container
+        container: container
       }, `${container.identifier}-${container.uuid}`))
     })
-  }));
+  });
 }
 
 /**
@@ -429,59 +2456,331 @@ function Column({
  *
  * @see {@link https://www.dotcms.com/docs/latest/page-rest-api-layout-as-a-service-laas}
  * @category Components
- * @param {React.ForwardedRef<HTMLDivElement, RowProps>} ref
+ * @param {React.ForwardedRef<HTMLDivElement, DotCMS>} ref
  * @return {JSX.Element} Rendered rows with columns
  */
-const Row = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    isInsideEditor
-  } = useContext(PageContext);
-  const {
-    row
-  } = props;
-  const rowProps = isInsideEditor ? {
-    'data-dot': 'row',
-    'data-testid': 'row',
-    ref
-  } : {};
+const Row = ({
+  row
+}) => {
+  const customRowClass = combineClasses([row.styleClass || '', styles$1.row]);
   return jsx("div", {
-    className: row.styleClass,
+    className: "dot-row-container",
     children: jsx("div", {
-      className: "container",
-      children: jsx("div", Object.assign({}, rowProps, {
-        className: styles$1.row,
-        children: row.columns.map((column, index) => jsx(Column, {
-          column: column
-        }, index))
-      }))
+      className: customRowClass,
+      "data-dot-object": 'row',
+      children: row.columns.map((column, index) => jsx(Column, {
+        column: column
+      }, index))
     })
   });
-});
+};
 
 /**
- * `DotcmsLayout` is a functional component that renders a layout for a DotCMS page.
- * It takes a `DotcmsPageProps` object as a parameter and returns a JSX element.
+ * DotCMSLayoutBody component renders the layout body for a DotCMS page.
+ *
+ * It utilizes the dotCMS page asset's layout body to render the page body.
+ * If the layout body does not exist, it renders an error message in the mode is `development`.
+ *
+ * @public
+ * @component
+ * @param {Object} props - Component properties.
+ * @param {DotCMSPageAsset} props.page - The DotCMS page asset containing the layout information.
+ * @param {Record<string, React.ComponentType<DotCMSContentlet>>} [props.components] - mapping of custom components for content rendering.
+ * @param {DotCMSPageRendererMode} [props.mode='production'] - The renderer mode; defaults to 'production'. Alternate modes might trigger different behaviors.
+ *
+ * @returns {JSX.Element} The rendered DotCMS page body or an error message if the layout body is missing.
  *
- * @category Components
- * @param {DotcmsPageProps} props - The properties for the DotCMS page.
- * @returns {JSX.Element} - A JSX element that represents the layout for a DotCMS page.
- * @deprecated Use {@link https://github.com/dotCMS/core/blob/main/core-web/libs/sdk/react/src/lib/next/components/DotCMSLayoutBody/DotCMSLayoutBody.tsx DotCMSLayoutBody} instead.
  */
-function DotcmsLayout(dotPageProps) {
-  var _pageContext$pageAsse;
-  const pageContext = useDotcmsEditor(dotPageProps);
-  return jsx(PageProvider, {
-    pageContext: pageContext,
-    children: (_pageContext$pageAsse = pageContext.pageAsset) == null || (_pageContext$pageAsse = _pageContext$pageAsse.layout) == null ? void 0 : _pageContext$pageAsse.body.rows.map((row, index) => jsx(Row, {
+const DotCMSLayoutBody = ({
+  page,
+  components: _components = {},
+  mode: _mode = 'production'
+}) => {
+  var _page$layout;
+  const dotCMSPageBody = page == null || (_page$layout = page.layout) == null ? void 0 : _page$layout.body;
+  const contextValue = {
+    pageAsset: page,
+    userComponents: _components,
+    mode: _mode
+  };
+  return jsx(DotCMSPageContext.Provider, {
+    value: contextValue,
+    children: dotCMSPageBody ? dotCMSPageBody.rows.map((row, index) => jsx(Row, {
       row: row
-    }, index))
+    }, index)) : jsx(ErrorMessage, {})
   });
+};
+
+/**
+ * Custom hook to determine if the current UVE (Universal Visual Editor) mode
+ * matches the specified mode. This hook is useful for conditionally rendering
+ * components based on the UVE mode.
+ *
+ * @param {UVE_MODE} when - The UVE mode to check against.
+ * @returns {boolean} True if the current UVE mode matches the specified mode, otherwise false.
+ *
+ * @example
+ * // Basic usage: Check if the UVE is in edit mode
+ * const showInEditMode = useDotCMSShowWhen(UVE_MODE.EDIT);
+ * if (showInEditMode) {
+ *     // Render edit-specific components
+ * }
+ *
+ * @example
+ * // Check if the UVE is in preview mode
+ * const showInPreviewMode = useDotCMSShowWhen(UVE_MODE.PREVIEW);
+ * if (showInPreviewMode) {
+ *     // Render preview-specific components
+ * }
+ *
+ * @example
+ * // Check if the UVE is in live mode
+ * const showInLiveMode = useDotCMSShowWhen(UVE_MODE.LIVE);
+ * if (showInLiveMode) {
+ *     // Render live-specific components
+ * }
+ */
+const useDotCMSShowWhen = when => {
+  const [show, setShow] = useState(false);
+  useEffect(() => {
+    var _getUVEState;
+    setShow(((_getUVEState = getUVEState()) == null ? void 0 : _getUVEState.mode) === when);
+  }, [when]);
+  return show;
+};
+
+/**
+ * DotCMSShow component is used to conditionally render its children
+ * based on the Universal Visual Editor (UVE) mode. It checks if the UVE
+ * is in a specified mode and only renders its children in that case.
+ *
+ * @param {Object} props - The component props.
+ * @param {React.ReactNode} props.children - The children to be rendered when the condition is met.
+ * @param {UVE_MODE} [props.when=UVE_MODE.EDIT] - The UVE mode in which the children should be rendered.
+ * @returns {React.ReactNode | null} The children if the current UVE mode matches the `when` prop, otherwise null.
+ *
+ * @example
+ * // Basic usage: Render content only in edit mode
+ * <DotCMSShow when={UVE_MODE.EDIT}>
+ *     <div>Edit Mode Content</div>
+ * </DotCMSShow>
+ *
+ * // This will render <div>Edit Mode Content</div> only if the UVE is in edit mode.
+ *
+ * @example
+ * // Render content in preview mode
+ * <DotCMSShow when={UVE_MODE.PREVIEW}>
+ *     <MyCustomPreviewComponent />
+ * </DotCMSShow>
+ *
+ * // MyCustomPreviewComponent will only be rendered if the UVE is in preview mode.
+ *
+ * @example
+ * // Render content in live mode
+ * <DotCMSShow when={UVE_MODE.LIVE}>
+ *     <LiveContentComponent />
+ * </DotCMSShow>
+ *
+ * // LiveContentComponent will only be rendered if the UVE is in live mode.
+ */
+const DotCMSShow = ({
+  children,
+  when: _when = UVE_MODE.EDIT
+}) => {
+  const show = useDotCMSShowWhen(_when);
+  if (!show) {
+    return null;
+  }
+  return children;
+};
+
+/**
+ * Custom hook to manage the editable state of a DotCMS page.
+ *
+ * This hook initializes the Universal Visual Editor (UVE) and subscribes to content changes.
+ * It updates the editable page state when content changes are detected in the UVE,
+ * ensuring your React components always display the latest content when editing in DotCMS.
+ *
+ * @example
+ * ```ts
+ * // Import the hook and the client
+ * import { useEditableDotCMSPage } from '@dotcms/react';
+ * import { createDotCMSClient } from '@dotcms/client';
+ *
+ * // Create the client
+ * const client = createDotCMSClient({
+ *   dotcmsURL: 'https://your-dotcms-instance.com',
+ *   authToken: 'your-auth-token'
+ * });
+ *
+ * // Get the page
+ * const page = await client.page.get('/', {
+ *   languageId: '1',
+ * });
+ *
+ * // Use the hook to get an editable version of the page
+ * const editablePage = useEditableDotCMSPage(page);
+ *
+ * // Then use the page data in your component
+ * return (
+ *   <div>
+ *     <h1>{editablePage.page.title}</h1>
+ *     <div dangerouslySetInnerHTML={{ __html: editablePage.page.body }} />
+ *   </div>
+ * );
+ * ```
+ *
+ * @example
+ * ```ts
+ * // Import the hook and the client
+ * import { useEditableDotCMSPage } from '@dotcms/react';
+ * import { createDotCMSClient } from '@dotcms/client';
+ *
+ * // Create the client
+ * const client = createDotCMSClient({
+ *   dotcmsURL: 'https://your-dotcms-instance.com',
+ *   authToken: 'your-auth-token'
+ * });
+ *
+ * // Get the page with GraphQL content
+ * const page = await client.page.get('/', {
+ *   languageId: '1',
+ *   graphql: {
+ *     content: {
+ *       products: `ProductCollection(query: "+title:snow", limit: 10, offset: 0, sortBy: "score") {
+ *         title
+ *         urlMap
+ *         category {
+ *           name
+ *           inode
+ *         }
+ *         retailPrice
+ *         image {
+ *           versionPath
+ *         }
+ *       }`
+ *     }
+ *   }
+ * });
+ *
+ * // Use the hook to get an editable version of the page and its content
+ * const editablePage = useEditableDotCMSPage(page);
+ *
+ * // Access both page data and GraphQL content
+ * const { page: pageData, content } = editablePage;
+ *
+ * // Use the products from GraphQL content
+ * return (
+ *   <div>
+ *     <h1>{pageData.title}</h1>
+ *     <ProductList products={content.products} />
+ *   </div>
+ * );
+ * ```
+ * @param {DotCMSPageResponse} pageResponse - The initial editable page data from client.page.get().
+ *
+ * @returns {DotCMSPageResponse} The updated editable page state that reflects any changes made in the UVE.
+ * The structure includes page data and any GraphQL content that was requested.
+ */
+const useEditableDotCMSPage = pageResponse => {
+  const [updatedPageResponse, setUpdatedPageResponse] = useState(pageResponse);
+  useEffect(() => {
+    var _pageResponse$pageAss;
+    if (!getUVEState()) {
+      return;
+    }
+    if (!pageResponse) {
+      console.warn('[useEditableDotCMSPage]: No DotCMSPageResponse provided');
+      return;
+    }
+    const pageURI = pageResponse == null || (_pageResponse$pageAss = pageResponse.pageAsset) == null || (_pageResponse$pageAss = _pageResponse$pageAss.page) == null ? void 0 : _pageResponse$pageAss.pageURI;
+    const {
+      destroyUVESubscriptions
+    } = initUVE(pageResponse);
+    // Update the navigation to the pageURI, when we have a pageURI
+    // Sometimes the page is null due to permissions, so we don't want to update the navigation
+    // And wait for the UVE to resolve the page
+    if (pageURI) {
+      updateNavigation(pageURI);
+    }
+    return () => {
+      destroyUVESubscriptions();
+    };
+  }, [pageResponse]);
+  useEffect(() => {
+    const {
+      unsubscribe
+    } = createUVESubscription(UVEEventType.CONTENT_CHANGES, payload => {
+      setUpdatedPageResponse(payload);
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, []);
+  return updatedPageResponse;
+};
+
+var anObject$3 = anObject$c;
+
+// `RegExp.prototype.flags` getter implementation
+// https://tc39.es/ecma262/#sec-get-regexp.prototype.flags
+var regexpFlags = function () {
+  var that = anObject$3(this);
+  var result = '';
+  if (that.hasIndices) result += 'd';
+  if (that.global) result += 'g';
+  if (that.ignoreCase) result += 'i';
+  if (that.multiline) result += 'm';
+  if (that.dotAll) result += 's';
+  if (that.unicode) result += 'u';
+  if (that.unicodeSets) result += 'v';
+  if (that.sticky) result += 'y';
+  return result;
+};
+
+var call$4 = functionCall;
+var hasOwn$2 = hasOwnProperty_1;
+var isPrototypeOf = objectIsPrototypeOf;
+var regExpFlags = regexpFlags;
+
+var RegExpPrototype$1 = RegExp.prototype;
+
+var regexpGetFlags = function (R) {
+  var flags = R.flags;
+  return flags === undefined && !('flags' in RegExpPrototype$1) && !hasOwn$2(R, 'flags') && isPrototypeOf(RegExpPrototype$1, R)
+    ? call$4(regExpFlags, R) : flags;
+};
+
+var PROPER_FUNCTION_NAME = functionName.PROPER;
+var defineBuiltIn$4 = defineBuiltIn$9;
+var anObject$2 = anObject$c;
+var $toString$2 = toString$5;
+var fails$2 = fails$g;
+var getRegExpFlags = regexpGetFlags;
+
+var TO_STRING = 'toString';
+var RegExpPrototype = RegExp.prototype;
+var nativeToString = RegExpPrototype[TO_STRING];
+
+var NOT_GENERIC = fails$2(function () { return nativeToString.call({ source: 'a', flags: 'b' }) !== '/a/b'; });
+// FF44- RegExp#toString has a wrong name
+var INCORRECT_NAME = PROPER_FUNCTION_NAME && nativeToString.name !== TO_STRING;
+
+// `RegExp.prototype.toString` method
+// https://tc39.es/ecma262/#sec-regexp.prototype.tostring
+if (NOT_GENERIC || INCORRECT_NAME) {
+  defineBuiltIn$4(RegExpPrototype, TO_STRING, function toString() {
+    var R = anObject$2(this);
+    var pattern = $toString$2(R.source);
+    var flags = $toString$2(getRegExpFlags(R));
+    return '/' + pattern + '/' + flags;
+  }, { unsafe: true });
 }
 
 var uncurryThis$9 = functionUncurryThis;
-var toIntegerOrInfinity = toIntegerOrInfinity$1;
-var toString$3 = toString$4;
-var requireObjectCoercible = requireObjectCoercible$1;
+var toIntegerOrInfinity = toIntegerOrInfinity$3;
+var toString$3 = toString$5;
+var requireObjectCoercible = requireObjectCoercible$4;
 
 var charAt$3 = uncurryThis$9(''.charAt);
 var charCodeAt$1 = uncurryThis$9(''.charCodeAt);
@@ -516,10 +2815,10 @@ var stringMultibyte = {
 };
 
 var charAt$2 = stringMultibyte.charAt;
-var toString$2 = toString$4;
+var toString$2 = toString$5;
 var InternalStateModule$2 = internalState;
 var defineIterator = iteratorDefine;
-var createIterResultObject$1 = createIterResultObject$2;
+var createIterResultObject$1 = createIterResultObject$4;
 
 var STRING_ITERATOR = 'String Iterator';
 var setInternalState$2 = InternalStateModule$2.set;
@@ -546,9 +2845,9 @@ defineIterator(String, 'String', function (iterated) {
   return createIterResultObject$1(point, false);
 });
 
-var fails$1 = fails$2;
-var wellKnownSymbol$3 = wellKnownSymbol$4;
-var DESCRIPTORS$5 = descriptors;
+var fails$1 = fails$g;
+var wellKnownSymbol$3 = wellKnownSymbol$e;
+var DESCRIPTORS$4 = descriptors;
 var IS_PURE = isPure;
 
 var ITERATOR$3 = wellKnownSymbol$3('iterator');
@@ -569,7 +2868,7 @@ var urlConstructorDetection = !fails$1(function () {
   // https://bugs.chromium.org/p/v8/issues/detail?id=14222
   params2['delete']('b', undefined);
   return (IS_PURE && (!url.toJSON || !params2.has('a', 1) || params2.has('a', 2) || !params2.has('a', undefined) || params2.has('b')))
-    || (!params.size && (IS_PURE || !DESCRIPTORS$5))
+    || (!params.size && (IS_PURE || !DESCRIPTORS$4))
     || !params.sort
     || url.href !== 'http://a/c%20d?a=1&c=3'
     || params.get('c') !== '3'
@@ -588,7 +2887,7 @@ var urlConstructorDetection = !fails$1(function () {
     || new URL('http://x', undefined).host !== 'x';
 });
 
-var classofRaw = classofRaw$1;
+var classofRaw = classofRaw$2;
 var uncurryThis$8 = functionUncurryThis;
 
 var functionUncurryThisClause = function (fn) {
@@ -599,7 +2898,7 @@ var functionUncurryThisClause = function (fn) {
 };
 
 var uncurryThis$7 = functionUncurryThisClause;
-var aCallable$1 = aCallable$2;
+var aCallable$1 = aCallable$5;
 var NATIVE_BIND = functionBindNative;
 
 var bind$3 = uncurryThis$7(uncurryThis$7.bind);
@@ -612,61 +2911,7 @@ var functionBindContext = function (fn, that) {
   };
 };
 
-var makeBuiltIn = makeBuiltInExports;
-var defineProperty = objectDefineProperty;
-
-var defineBuiltInAccessor$3 = function (target, name, descriptor) {
-  if (descriptor.get) makeBuiltIn(descriptor.get, name, { getter: true });
-  if (descriptor.set) makeBuiltIn(descriptor.set, name, { setter: true });
-  return defineProperty.f(target, name, descriptor);
-};
-
-var isPrototypeOf = objectIsPrototypeOf;
-
-var $TypeError$2 = TypeError;
-
-var anInstance$2 = function (it, Prototype) {
-  if (isPrototypeOf(Prototype, it)) return it;
-  throw new $TypeError$2('Incorrect invocation');
-};
-
-var call$4 = functionCall;
-var anObject$3 = anObject$4;
-var getMethod$1 = getMethod$2;
-
-var iteratorClose$1 = function (iterator, kind, value) {
-  var innerResult, innerError;
-  anObject$3(iterator);
-  try {
-    innerResult = getMethod$1(iterator, 'return');
-    if (!innerResult) {
-      if (kind === 'throw') throw value;
-      return value;
-    }
-    innerResult = call$4(innerResult, iterator);
-  } catch (error) {
-    innerError = true;
-    innerResult = error;
-  }
-  if (kind === 'throw') throw value;
-  if (innerError) throw innerResult;
-  anObject$3(innerResult);
-  return value;
-};
-
-var anObject$2 = anObject$4;
-var iteratorClose = iteratorClose$1;
-
-// call something on iterator step with safe closing on error
-var callWithSafeIterationClosing$1 = function (iterator, fn, value, ENTRIES) {
-  try {
-    return ENTRIES ? fn(anObject$2(value)[0], value[1]) : fn(value);
-  } catch (error) {
-    iteratorClose(iterator, 'throw', error);
-  }
-};
-
-var wellKnownSymbol$2 = wellKnownSymbol$4;
+var wellKnownSymbol$2 = wellKnownSymbol$e;
 var Iterators$1 = iterators;
 
 var ITERATOR$2 = wellKnownSymbol$2('iterator');
@@ -678,11 +2923,11 @@ var isArrayIteratorMethod$1 = function (it) {
 };
 
 var uncurryThis$6 = functionUncurryThis;
-var fails = fails$2;
-var isCallable$1 = isCallable$2;
-var classof$2 = classof$3;
-var getBuiltIn = getBuiltIn$1;
-var inspectSource = inspectSource$1;
+var fails = fails$g;
+var isCallable$1 = isCallable$j;
+var classof$2 = classof$5;
+var getBuiltIn = getBuiltIn$5;
+var inspectSource = inspectSource$2;
 
 var noop = function () { /* empty */ };
 var construct = getBuiltIn('Reflect', 'construct');
@@ -729,20 +2974,11 @@ var isConstructor$1 = !construct || fails(function () {
     || called;
 }) ? isConstructorLegacy : isConstructorModern;
 
-var DESCRIPTORS$4 = descriptors;
-var definePropertyModule = objectDefineProperty;
-var createPropertyDescriptor$1 = createPropertyDescriptor$2;
-
-var createProperty$1 = function (object, key, value) {
-  if (DESCRIPTORS$4) definePropertyModule.f(object, key, createPropertyDescriptor$1(0, value));
-  else object[key] = value;
-};
-
-var classof$1 = classof$3;
-var getMethod = getMethod$2;
-var isNullOrUndefined = isNullOrUndefined$1;
+var classof$1 = classof$5;
+var getMethod = getMethod$4;
+var isNullOrUndefined = isNullOrUndefined$3;
 var Iterators = iterators;
-var wellKnownSymbol$1 = wellKnownSymbol$4;
+var wellKnownSymbol$1 = wellKnownSymbol$e;
 
 var ITERATOR$1 = wellKnownSymbol$1('iterator');
 
@@ -753,9 +2989,9 @@ var getIteratorMethod$3 = function (it) {
 };
 
 var call$3 = functionCall;
-var aCallable = aCallable$2;
-var anObject$1 = anObject$4;
-var tryToString = tryToString$1;
+var aCallable = aCallable$5;
+var anObject$1 = anObject$c;
+var tryToString = tryToString$2;
 var getIteratorMethod$2 = getIteratorMethod$3;
 
 var $TypeError$1 = TypeError;
@@ -768,12 +3004,12 @@ var getIterator$2 = function (argument, usingIterator) {
 
 var bind$2 = functionBindContext;
 var call$2 = functionCall;
-var toObject = toObject$1;
-var callWithSafeIterationClosing = callWithSafeIterationClosing$1;
+var toObject = toObject$4;
+var callWithSafeIterationClosing = callWithSafeIterationClosing$2;
 var isArrayIteratorMethod = isArrayIteratorMethod$1;
 var isConstructor = isConstructor$1;
-var lengthOfArrayLike = lengthOfArrayLike$1;
-var createProperty = createProperty$1;
+var lengthOfArrayLike = lengthOfArrayLike$2;
+var createProperty = createProperty$2;
 var getIterator$1 = getIterator$2;
 var getIteratorMethod$1 = getIteratorMethod$3;
 
@@ -1000,7 +3236,7 @@ var validateArgumentsLength$4 = function (passed, required) {
   return passed;
 };
 
-var global$2 = global$3;
+var global$3 = global$f;
 var DESCRIPTORS$3 = descriptors;
 
 // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
@@ -1008,19 +3244,12 @@ var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
 
 // Avoid NodeJS experimental warning
 var safeGetBuiltIn$1 = function (name) {
-  if (!DESCRIPTORS$3) return global$2[name];
-  var descriptor = getOwnPropertyDescriptor(global$2, name);
+  if (!DESCRIPTORS$3) return global$3[name];
+  var descriptor = getOwnPropertyDescriptor(global$3, name);
   return descriptor && descriptor.value;
 };
 
-var defineBuiltIn$4 = defineBuiltIn$5;
-
-var defineBuiltIns$1 = function (target, src, options) {
-  for (var key in src) defineBuiltIn$4(target, key, src[key], options);
-  return target;
-};
-
-var arraySlice$1 = arraySlice$2;
+var arraySlice$1 = arraySlice$3;
 
 var floor$1 = Math.floor;
 
@@ -1065,33 +3294,33 @@ var arraySort$1 = sort;
 // TODO: in core-js@4, move /modules/ dependencies to public entries for better optimization by tools like `preset-env`
 
 var $$2 = _export;
-var global$1 = global$3;
+var global$2 = global$f;
 var safeGetBuiltIn = safeGetBuiltIn$1;
 var call$1 = functionCall;
 var uncurryThis$4 = functionUncurryThis;
 var DESCRIPTORS$2 = descriptors;
 var USE_NATIVE_URL$1 = urlConstructorDetection;
-var defineBuiltIn$3 = defineBuiltIn$5;
-var defineBuiltInAccessor$2 = defineBuiltInAccessor$3;
-var defineBuiltIns = defineBuiltIns$1;
-var setToStringTag$1 = setToStringTag$2;
+var defineBuiltIn$3 = defineBuiltIn$9;
+var defineBuiltInAccessor$2 = defineBuiltInAccessor$4;
+var defineBuiltIns = defineBuiltIns$2;
+var setToStringTag$1 = setToStringTag$5;
 var createIteratorConstructor = iteratorCreateConstructor;
 var InternalStateModule$1 = internalState;
-var anInstance$1 = anInstance$2;
-var isCallable = isCallable$2;
+var anInstance$1 = anInstance$3;
+var isCallable = isCallable$j;
 var hasOwn$1 = hasOwnProperty_1;
 var bind$1 = functionBindContext;
-var classof = classof$3;
-var anObject = anObject$4;
-var isObject = isObject$1;
-var $toString$1 = toString$4;
+var classof = classof$5;
+var anObject = anObject$c;
+var isObject = isObject$9;
+var $toString$1 = toString$5;
 var create = objectCreate;
-var createPropertyDescriptor = createPropertyDescriptor$2;
+var createPropertyDescriptor = createPropertyDescriptor$5;
 var getIterator = getIterator$2;
 var getIteratorMethod = getIteratorMethod$3;
-var createIterResultObject = createIterResultObject$2;
+var createIterResultObject = createIterResultObject$4;
 var validateArgumentsLength$3 = validateArgumentsLength$4;
-var wellKnownSymbol = wellKnownSymbol$4;
+var wellKnownSymbol = wellKnownSymbol$e;
 var arraySort = arraySort$1;
 
 var ITERATOR = wellKnownSymbol('iterator');
@@ -1106,10 +3335,10 @@ var NativeRequest = safeGetBuiltIn('Request');
 var Headers = safeGetBuiltIn('Headers');
 var RequestPrototype = NativeRequest && NativeRequest.prototype;
 var HeadersPrototype = Headers && Headers.prototype;
-var RegExp$1 = global$1.RegExp;
-var TypeError$2 = global$1.TypeError;
-var decodeURIComponent = global$1.decodeURIComponent;
-var encodeURIComponent$1 = global$1.encodeURIComponent;
+var RegExp$1 = global$2.RegExp;
+var TypeError$2 = global$2.TypeError;
+var decodeURIComponent = global$2.decodeURIComponent;
+var encodeURIComponent$1 = global$2.encodeURIComponent;
 var charAt$1 = uncurryThis$4(''.charAt);
 var join$1 = uncurryThis$4([].join);
 var push$2 = uncurryThis$4([].push);
@@ -1483,20 +3712,20 @@ var web_urlSearchParams_constructor = {
 var $$1 = _export;
 var DESCRIPTORS$1 = descriptors;
 var USE_NATIVE_URL = urlConstructorDetection;
-var global = global$3;
+var global$1 = global$f;
 var bind = functionBindContext;
 var uncurryThis$3 = functionUncurryThis;
-var defineBuiltIn$2 = defineBuiltIn$5;
-var defineBuiltInAccessor$1 = defineBuiltInAccessor$3;
-var anInstance = anInstance$2;
+var defineBuiltIn$2 = defineBuiltIn$9;
+var defineBuiltInAccessor$1 = defineBuiltInAccessor$4;
+var anInstance = anInstance$3;
 var hasOwn = hasOwnProperty_1;
 var assign = objectAssign;
 var arrayFrom = arrayFrom$1;
-var arraySlice = arraySlice$2;
+var arraySlice = arraySlice$3;
 var codeAt = stringMultibyte.codeAt;
 var toASCII = stringPunycodeToAscii;
-var $toString = toString$4;
-var setToStringTag = setToStringTag$2;
+var $toString = toString$5;
+var setToStringTag = setToStringTag$5;
 var validateArgumentsLength$2 = validateArgumentsLength$4;
 var URLSearchParamsModule = web_urlSearchParams_constructor;
 var InternalStateModule = internalState;
@@ -1506,9 +3735,9 @@ var getInternalURLState = InternalStateModule.getterFor('URL');
 var URLSearchParams$1 = URLSearchParamsModule.URLSearchParams;
 var getInternalSearchParamsState = URLSearchParamsModule.getState;
 
-var NativeURL = global.URL;
-var TypeError$1 = global.TypeError;
-var parseInt = global.parseInt;
+var NativeURL = global$1.URL;
+var TypeError$1 = global$1.TypeError;
+var parseInt = global$1.parseInt;
 var floor = Math.floor;
 var pow = Math.pow;
 var charAt = uncurryThis$3(''.charAt);
@@ -2537,9 +4766,9 @@ $({ target: 'URL', proto: true, enumerable: true }, {
   }
 });
 
-var defineBuiltIn$1 = defineBuiltIn$5;
+var defineBuiltIn$1 = defineBuiltIn$9;
 var uncurryThis$2 = functionUncurryThis;
-var toString$1 = toString$4;
+var toString$1 = toString$5;
 var validateArgumentsLength$1 = validateArgumentsLength$4;
 
 var $URLSearchParams$1 = URLSearchParams;
@@ -2586,9 +4815,9 @@ if (params$1 + '' !== 'a=2') {
   }, { enumerable: true, unsafe: true });
 }
 
-var defineBuiltIn = defineBuiltIn$5;
+var defineBuiltIn = defineBuiltIn$9;
 var uncurryThis$1 = functionUncurryThis;
-var toString = toString$4;
+var toString = toString$5;
 var validateArgumentsLength = validateArgumentsLength$4;
 
 var $URLSearchParams = URLSearchParams;
@@ -2616,7 +4845,7 @@ if (params.has('a', 2) || !params.has('a', undefined)) {
 
 var DESCRIPTORS = descriptors;
 var uncurryThis = functionUncurryThis;
-var defineBuiltInAccessor = defineBuiltInAccessor$3;
+var defineBuiltInAccessor = defineBuiltInAccessor$4;
 
 var URLSearchParamsPrototype = URLSearchParams.prototype;
 var forEach = uncurryThis(URLSearchParamsPrototype.forEach);
@@ -2635,67 +4864,21 @@ if (DESCRIPTORS && !('size' in URLSearchParamsPrototype)) {
   });
 }
 
-const DEFAULT_TINYMCE_CONFIG = {
-  inline: true,
-  menubar: false,
-  powerpaste_html_import: 'clean',
-  powerpaste_word_import: 'clean',
-  suffix: '.min',
-  valid_styles: {
-    '*': 'font-size,font-family,color,text-decoration,text-align'
-  }
-};
+const DEFAULT_TINYMCE_CONFIG = Object.assign({}, __DEFAULT_TINYMCE_CONFIG__, {
+  licenseKey: 'gpl' // Using self-hosted license key
+});
 const TINYMCE_CONFIG = {
-  full: Object.assign({}, DEFAULT_TINYMCE_CONFIG, {
-    plugins: 'link lists autolink charmap',
-    toolbar: ['styleselect undo redo | bold italic underline | forecolor backcolor | alignleft aligncenter alignright alignfull | numlist bullist outdent indent | hr charmap removeformat | link'],
-    style_formats: [{
-      title: 'Paragraph',
-      format: 'p'
-    }, {
-      title: 'Header 1',
-      format: 'h1'
-    }, {
-      title: 'Header 2',
-      format: 'h2'
-    }, {
-      title: 'Header 3',
-      format: 'h3'
-    }, {
-      title: 'Header 4',
-      format: 'h4'
-    }, {
-      title: 'Header 5',
-      format: 'h5'
-    }, {
-      title: 'Header 6',
-      format: 'h6'
-    }, {
-      title: 'Pre',
-      format: 'pre'
-    }, {
-      title: 'Code',
-      format: 'code'
-    }]
-  }),
-  plain: Object.assign({}, DEFAULT_TINYMCE_CONFIG, {
-    plugins: '',
-    toolbar: ''
-  }),
-  minimal: Object.assign({}, DEFAULT_TINYMCE_CONFIG, {
-    plugins: 'link autolink',
-    toolbar: 'bold italic underline | link',
-    valid_elements: 'strong,em,span[style],a[href]'
-  })
-};
-
-const MCE_URL = '/ext/tinymcev7/tinymce.min.js';
+  full: Object.assign({}, DEFAULT_TINYMCE_CONFIG, __BASE_TINYMCE_CONFIG_WITH_NO_DEFAULT__.full),
+  plain: Object.assign({}, DEFAULT_TINYMCE_CONFIG, __BASE_TINYMCE_CONFIG_WITH_NO_DEFAULT__.plain),
+  minimal: Object.assign({}, DEFAULT_TINYMCE_CONFIG, __BASE_TINYMCE_CONFIG_WITH_NO_DEFAULT__.minimal)
+};
+
 /**
  * Allows inline edit content pulled from dotCMS API using TinyMCE editor
  *
  * @export
  * @component
- * @param {Readonly<DotEditableTextProps>} props {
+ * @param {Readonly<DotCMSEditableTextProps>} props {
  *     mode = 'plain',
  *     format = 'text',
  *     contentlet,
@@ -2703,11 +4886,11 @@ const MCE_URL = '/ext/tinymcev7/tinymce.min.js';
  * }
  * @example
  * ```javascript
- * import { DotEditableText } from '@dotcms/react';
+ * import { DotCMSEditableText } from '@dotcms/react';
  *
  * const MyContentletWithTitle = ({ contentlet }) => (
  *     <h2>
- *         <DotEditableText
+ *         <DotCMSEditableText
  *             contentlet={contentlet}
  *             fieldName="title"
  *             mode='full'
@@ -2717,37 +4900,45 @@ const MCE_URL = '/ext/tinymcev7/tinymce.min.js';
  * ```
  * @returns {JSX.Element} A component to edit content inline
  */
-function DotEditableText({
+function DotCMSEditableText({
   mode = 'plain',
   format = 'text',
   contentlet,
-  fieldName = ''
+  fieldName
 }) {
   const editorRef = useRef(null);
   const [scriptSrc, setScriptSrc] = useState('');
-  const [isInsideEditor$1, setIsInsideEditor] = useState(false);
+  const [initEditor, setInitEditor] = useState(false);
   const [content, setContent] = useState((contentlet == null ? void 0 : contentlet[fieldName]) || '');
   useEffect(() => {
-    var _editorRef$current;
-    setIsInsideEditor(isInsideEditor());
+    setContent((contentlet == null ? void 0 : contentlet[fieldName]) || '');
+  }, [fieldName, contentlet]);
+  useEffect(() => {
+    var _state$dotCMSHost, _editorRef$current;
+    const state = getUVEState();
+    setInitEditor((state == null ? void 0 : state.mode) === UVE_MODE.EDIT && !!(state != null && (_state$dotCMSHost = state.dotCMSHost) != null && _state$dotCMSHost.length));
     if (!contentlet || !fieldName) {
-      console.error('DotEditableText: contentlet or fieldName is missing');
-      console.error('Ensure that all needed props are passed to view and edit the content');
+      console.error('[DotCMSEditableText]: contentlet or fieldName is missing', 'Ensure that all needed props are passed to view and edit the content');
+      return;
+    }
+    if (state && state.mode !== UVE_MODE.EDIT) {
+      console.warn('[DotCMSEditableText]: TinyMCE is not available in the current mode');
       return;
     }
-    if (!isInsideEditor()) {
+    if (!(state != null && state.dotCMSHost)) {
+      console.warn('[DotCMSEditableText]: The `dotCMSHost` parameter is not defined. Check that the UVE is sending the correct parameters.');
       return;
     }
-    const createURL = new URL(MCE_URL, DotCmsClient.dotcmsUrl);
+    const createURL = new URL(__TINYMCE_PATH_ON_DOTCMS__, state.dotCMSHost);
     setScriptSrc(createURL.toString());
     const content = (contentlet == null ? void 0 : contentlet[fieldName]) || '';
     (_editorRef$current = editorRef.current) == null || _editorRef$current.setContent(content, {
       format
     });
-    setContent(content);
-  }, [format, fieldName, contentlet]);
+  }, [format, fieldName, contentlet, content]);
   useEffect(() => {
-    if (!isInsideEditor()) {
+    var _getUVEState;
+    if (((_getUVEState = getUVEState()) == null ? void 0 : _getUVEState.mode) !== UVE_MODE.EDIT) {
       return;
     }
     const onMessage = ({
@@ -2757,7 +4948,7 @@ function DotEditableText({
         name,
         payload
       } = data;
-      if (name !== NOTIFY_CLIENT.UVE_COPY_CONTENTLET_INLINE_EDITING_SUCCESS) {
+      if (name !== __DOTCMS_UVE_EVENT__.UVE_COPY_CONTENTLET_INLINE_EDITING_SUCCESS) {
         return;
       }
       const {
@@ -2775,7 +4966,7 @@ function DotEditableText({
     return () => {
       window.removeEventListener('message', onMessage);
     };
-  }, [contentlet.inode]);
+  }, [contentlet == null ? void 0 : contentlet.inode]);
   const onMouseDown = event => {
     var _editorRef$current3;
     const {
@@ -2785,13 +4976,13 @@ function DotEditableText({
       inode,
       languageId: language
     } = contentlet;
-    if (onNumberOfPages <= 1 || (_editorRef$current3 = editorRef.current) != null && _editorRef$current3.hasFocus()) {
+    if (Number(onNumberOfPages) <= 1 || (_editorRef$current3 = editorRef.current) != null && _editorRef$current3.hasFocus()) {
       return;
     }
     event.stopPropagation();
     event.preventDefault();
-    postMessageToEditor({
-      action: CLIENT_ACTIONS.COPY_CONTENTLET_INLINE_EDITING,
+    sendMessageToUVE({
+      action: DotCMSUVEAction.COPY_CONTENTLET_INLINE_EDITING,
       payload: {
         dataset: {
           inode,
@@ -2813,8 +5004,8 @@ function DotEditableText({
     if (!((_editorRef$current5 = editorRef.current) != null && _editorRef$current5.isDirty()) || !didContentChange(editedContent)) {
       return;
     }
-    postMessageToEditor({
-      action: CLIENT_ACTIONS.UPDATE_CONTENTLET_INLINE_EDITING,
+    sendMessageToUVE({
+      action: DotCMSUVEAction.UPDATE_CONTENTLET_INLINE_EDITING,
       payload: {
         content: editedContent,
         dataset: {
@@ -2828,7 +5019,7 @@ function DotEditableText({
   const didContentChange = editedContent => {
     return content !== editedContent;
   };
-  if (!isInsideEditor$1) {
+  if (!initEditor) {
     // We can let the user pass the Child Component and create a root to get the HTML for the editor
     return jsx("span", {
       dangerouslySetInnerHTML: {
@@ -2836,52 +5027,23 @@ function DotEditableText({
       }
     });
   }
-  return jsx(Editor, {
-    tinymceScriptSrc: scriptSrc,
-    inline: true,
-    onInit: (_, editor) => editorRef.current = editor,
-    init: TINYMCE_CONFIG[mode],
-    initialValue: content,
-    onMouseDown: onMouseDown,
-    onFocusOut: onFocusOut
+  return jsx("div", {
+    style: {
+      outline: '2px solid #006ce7',
+      borderRadius: '4px'
+    },
+    children: jsx(Editor, {
+      tinymceScriptSrc: scriptSrc,
+      inline: true,
+      onInit: (_, editor) => editorRef.current = editor,
+      init: TINYMCE_CONFIG[mode],
+      initialValue: content,
+      onMouseDown: onMouseDown,
+      onFocusOut: onFocusOut
+    })
   });
 }
 
-/**
- * `useDotcmsPageContext` is a custom React hook that provides access to the `PageProviderContext`.
- * It takes no parameters and returns the context value or `null` if it's not available.
- *
- * @category Hooks
- * @returns {DotCMSPageContext | null} - The context value or `null` if it's not available.
- */
-function useDotcmsPageContext() {
-  return useContext(PageContext);
-}
-
-/**
- * Represents the different types of Blocks that can be used in the Block Editor
- *
- * @export
- * @enum {number}
- */
-var Blocks;
-(function (Blocks) {
-  Blocks["PARAGRAPH"] = "paragraph";
-  Blocks["HEADING"] = "heading";
-  Blocks["TEXT"] = "text";
-  Blocks["BULLET_LIST"] = "bulletList";
-  Blocks["ORDERED_LIST"] = "orderedList";
-  Blocks["LIST_ITEM"] = "listItem";
-  Blocks["BLOCK_QUOTE"] = "blockquote";
-  Blocks["CODE_BLOCK"] = "codeBlock";
-  Blocks["HARDBREAK"] = "hardBreak";
-  Blocks["HORIZONTAL_RULE"] = "horizontalRule";
-  Blocks["DOT_IMAGE"] = "dotImage";
-  Blocks["DOT_VIDEO"] = "dotVideo";
-  Blocks["TABLE"] = "table";
-  Blocks["DOT_CONTENT"] = "dotContent";
-})(Blocks || (Blocks = {}));
-
 /**
  * Renders a code block component.
  *
@@ -2890,10 +5052,11 @@ var Blocks;
  * @returns The rendered code block component.
  */
 const CodeBlock = ({
-  attrs,
+  node,
   children
 }) => {
-  const language = (attrs == null ? void 0 : attrs.language) || '';
+  var _node$attrs;
+  const language = (node == null || (_node$attrs = node.attrs) == null ? void 0 : _node$attrs.language) || '';
   return jsx("pre", {
     "data-language": language,
     children: jsx("code", {
@@ -2915,63 +5078,100 @@ const BlockQuote = ({
   });
 };
 
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (e.includes(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
+const NoComponentProvided = ({
+  contentType
+}) => {
+  const style = {
+    backgroundColor: '#fffaf0',
+    color: '#333',
+    padding: '1rem',
+    borderRadius: '0.5rem',
+    marginBottom: '1rem',
+    marginTop: '1rem',
+    border: '1px solid #ed8936'
+  };
+  return jsxs("div", {
+    "data-testid": "no-component-provided",
+    style: style,
+    children: [jsx("strong", {
+      style: {
+        color: '#c05621'
+      },
+      children: "Dev Warning"
+    }), ": No component or custom renderer provided for content type", jsx("strong", {
+      style: {
+        color: '#c05621'
+      },
+      children: contentType || 'Unknown'
+    }), ".", jsx("br", {}), "Please refer to the", jsx("a", {
+      href: "https://dev.dotcms.com/docs/block-editor",
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: {
+        color: '#c05621'
+      },
+      children: "Block Editor Custom Renderers Documentation"
+    }), ' ', "for guidance."]
+  });
+};
 
-const _excluded = ["customRenderers"];
-/**
- * Renders the default content for an unknown content type.
- */
-const DefaultContent = () => jsx("div", {
-  children: "Unknown Content Type"
-});
+const DOT_CONTENT_NO_DATA_MESSAGE = '[DotCMSBlockEditorRenderer]: No data provided for Contentlet Block. Try to add a contentlet to the block editor. If the error persists, please contact the DotCMS support team.';
+const DOT_CONTENT_NO_MATCHING_COMPONENT_MESSAGE = contentType => `[DotCMSBlockEditorRenderer]: No matching component found for content type: ${contentType}. Provide a custom renderer for this content type to fix this error.`;
 /**
  * Renders a DotContent component.
  *
  * @param {DotContentProps} props - The props for the DotContent component.
  * @returns {JSX.Element} The rendered DotContent component.
  */
-const DotContent = _ref => {
-  var _customRenderers$data;
-  let {
-      customRenderers
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+const DotContent = ({
+  customRenderers,
+  node
+}) => {
+  const isDevMode = useIsDevMode();
   const {
-    attrs
-  } = props;
-  const data = attrs == null ? void 0 : attrs.data;
-  const Component = (_customRenderers$data = customRenderers == null ? void 0 : customRenderers[data == null ? void 0 : data.contentType]) != null ? _customRenderers$data : DefaultContent;
+    attrs = {}
+  } = node;
+  const {
+    data
+  } = attrs;
   if (!data) {
-    console.error('DotContent: No data provided');
+    console.error(DOT_CONTENT_NO_DATA_MESSAGE);
+    return null;
+  }
+  const {
+    contentType = 'Unknown Content Type'
+  } = data;
+  const Component = customRenderers[contentType];
+  /* In dev mode, show a helpful message for unknown content types */
+  if (isDevMode && !Component) {
+    return jsx(NoComponentProvided, {
+      contentType: contentType
+    });
+  }
+  /* In production, use default component if no matching component found */
+  if (!Component) {
+    console.warn(DOT_CONTENT_NO_MATCHING_COMPONENT_MESSAGE(contentType));
+    return null;
   }
-  return jsx(Component, Object.assign({}, props));
+  return jsx(Component, Object.assign({}, node));
 };
 
 /**
  * Renders an image component for dotCMS.
  *
- * @param props - The props for the DotCMSImage component.
+ * @param node - The node for the DotCMSImage component.
  * @returns The rendered image component.
  */
-const DotCMSImage = props => {
+const DotCMSImage = ({
+  node
+}) => {
   const {
-    data,
     src,
     alt
-  } = props.attrs;
-  const client = DotCmsClient.instance;
-  const srcUrl = data != null && data.identifier ? `${client.dotcmsUrl}${src}` : src;
+  } = node.attrs;
   return jsx("img", {
     alt: alt,
-    src: srcUrl
+    src: src
   });
 };
 
@@ -3027,8 +5227,9 @@ const TableRenderer = ({
 }) => {
   const BlockEditorItemComponent = blockEditorItem;
   const renderTableContent = node => {
+    var _node$content;
     return jsx(BlockEditorItemComponent, {
-      content: node.content
+      content: (_node$content = node.content) != null ? _node$content : []
     });
   };
   return jsxs("table", {
@@ -3113,8 +5314,9 @@ const Underline = ({
  */
 const Paragraph = ({
   children,
-  attrs
+  node
 }) => {
+  const attrs = (node == null ? void 0 : node.attrs) || {};
   return jsx("p", {
     style: attrs,
     children: children
@@ -3144,9 +5346,10 @@ const Link = ({
  */
 const Heading = ({
   children,
-  attrs
+  node
 }) => {
-  const level = (attrs == null ? void 0 : attrs.level) || 1;
+  const attrs = (node == null ? void 0 : node.attrs) || {};
+  const level = attrs.level || 1;
   const Tag = `h${level}`;
   return jsx(Tag, {
     children: children
@@ -3173,13 +5376,17 @@ const Subscript = ({
   children: children
 });
 const nodeMarks = {
-  link: Link,
   bold: Bold,
-  underline: Underline,
+  link: Link,
   italic: Italic,
   strike: Strike,
-  superscript: Superscript,
-  subscript: Subscript
+  subscript: Subscript,
+  underline: Underline,
+  superscript: Superscript
+};
+const defaultMark = {
+  type: '',
+  attrs: {}
 };
 /**
  * Renders a text block with optional marks.
@@ -3187,20 +5394,17 @@ const nodeMarks = {
  * @param props - The props for the TextBlock component.
  * @returns The rendered text block.
  */
-const TextBlock = props => {
+const TextBlock = (props = {}) => {
   const {
     marks = [],
     text
   } = props;
-  const mark = marks[0] || {
-    type: '',
-    attrs: {}
-  };
-  const newProps = Object.assign({}, props, {
+  const mark = marks[0] || defaultMark;
+  const textProps = Object.assign({}, props, {
     marks: marks.slice(1)
   });
   const Component = nodeMarks[mark == null ? void 0 : mark.type];
-  // To avoid the warning: "Warning: Invalid DOM property `class`. Did you mean `className`?"
+  // In React, class is not a valid attribute name, so we need to rename it to className
   if (mark.attrs) {
     mark.attrs.className = mark.attrs.class;
     delete mark.attrs.class;
@@ -3209,8 +5413,9 @@ const TextBlock = props => {
     return text;
   }
   return jsx(Component, {
+    type: mark.type,
     attrs: mark.attrs,
-    children: jsx(TextBlock, Object.assign({}, newProps))
+    children: jsx(TextBlock, Object.assign({}, textProps))
   });
 };
 
@@ -3220,34 +5425,37 @@ const TextBlock = props => {
  * @param props - The properties for the video component.
  * @returns The rendered video component.
  */
-const DotCMSVideo = props => {
+const DotCMSVideo = ({
+  node
+}) => {
   const {
     data,
     src,
     mimeType,
     width,
     height
-  } = props.attrs;
-  const client = DotCmsClient.instance;
-  const srcUrl = data != null && data.identifier ? `${client.dotcmsUrl}${src}` : src;
-  const poster = data != null && data.thumbnail ? `${client.dotcmsUrl}${data == null ? void 0 : data.thumbnail}` : 'poster-image.jpg';
-  return jsxs("video", {
+  } = node.attrs;
+  const poster = data == null ? void 0 : data.thumbnail;
+  const posterAttribute = poster ? {
+    poster
+  } : {};
+  return jsxs("video", Object.assign({
     controls: true,
     preload: "metadata",
-    poster: poster,
     width: width,
-    height: height,
+    height: height
+  }, posterAttribute, {
     children: [jsx("track", {
       default: true,
       kind: "captions",
       srcLang: "en"
     }), jsx("source", {
-      src: srcUrl,
+      src: src,
       type: mimeType
     }), "Your browser does not support the ", jsx("code", {
       children: "video"
     }), " element."]
-  });
+  }));
 };
 
 /**
@@ -3261,167 +5469,166 @@ const BlockEditorBlock = ({
   content,
   customRenderers
 }) => {
+  if (!content) {
+    return null;
+  }
   return content == null ? void 0 : content.map((node, index) => {
+    var _node$content;
     const CustomRendererComponent = customRenderers == null ? void 0 : customRenderers[node.type];
+    const key = `${node.type}-${index}`;
     if (CustomRendererComponent) {
-      return jsx(CustomRendererComponent, Object.assign({}, node, {
+      return jsx(CustomRendererComponent, {
         content: node.content,
         children: jsx(BlockEditorBlock, {
           content: node.content,
           customRenderers: customRenderers
         })
-      }), `${node.type}-${index}`);
+      }, key);
     }
     switch (node.type) {
-      case Blocks.PARAGRAPH:
-        return jsx(Paragraph, Object.assign({}, node, {
+      case BlockEditorDefaultBlocks.PARAGRAPH:
+        return jsx(Paragraph, {
+          node: node,
           children: jsx(BlockEditorBlock, {
             content: node.content,
             customRenderers: customRenderers
           })
-        }), `${node.type}-${index}`);
-      case Blocks.HEADING:
-        return jsx(Heading, Object.assign({}, node, {
+        }, key);
+      case BlockEditorDefaultBlocks.HEADING:
+        return jsx(Heading, {
+          node: node,
           children: jsx(BlockEditorBlock, {
             content: node.content,
             customRenderers: customRenderers
           })
-        }), `${node.type}-${index}`);
-      case Blocks.TEXT:
-        return jsx(TextBlock, Object.assign({}, node), `${node.type}-${index}`);
-      case Blocks.BULLET_LIST:
+        }, key);
+      case BlockEditorDefaultBlocks.TEXT:
+        return jsx(TextBlock, Object.assign({}, node), key);
+      case BlockEditorDefaultBlocks.BULLET_LIST:
         return jsx(BulletList, {
           children: jsx(BlockEditorBlock, {
             content: node.content,
             customRenderers: customRenderers
           })
-        }, `${node.type}-${index}`);
-      case Blocks.ORDERED_LIST:
+        }, key);
+      case BlockEditorDefaultBlocks.ORDERED_LIST:
         return jsx(OrderedList, {
           children: jsx(BlockEditorBlock, {
             content: node.content,
             customRenderers: customRenderers
           })
-        }, `${node.type}-${index}`);
-      case Blocks.LIST_ITEM:
+        }, key);
+      case BlockEditorDefaultBlocks.LIST_ITEM:
         return jsx(ListItem, {
           children: jsx(BlockEditorBlock, {
             content: node.content,
             customRenderers: customRenderers
           })
-        }, `${node.type}-${index}`);
-      case Blocks.BLOCK_QUOTE:
+        }, key);
+      case BlockEditorDefaultBlocks.BLOCK_QUOTE:
         return jsx(BlockQuote, {
           children: jsx(BlockEditorBlock, {
             content: node.content,
             customRenderers: customRenderers
           })
-        }, `${node.type}-${index}`);
-      case Blocks.CODE_BLOCK:
-        return jsx(CodeBlock, Object.assign({}, node, {
+        }, key);
+      case BlockEditorDefaultBlocks.CODE_BLOCK:
+        return jsx(CodeBlock, {
+          node: node,
           children: jsx(BlockEditorBlock, {
             content: node.content,
             customRenderers: customRenderers
           })
-        }), `${node.type}-${index}`);
-      case Blocks.HARDBREAK:
-        return jsx("br", {}, `${node.type}-${index}`);
-      case Blocks.HORIZONTAL_RULE:
-        return jsx("hr", {}, `${node.type}-${index}`);
-      case Blocks.DOT_IMAGE:
-        return jsx(DotCMSImage, Object.assign({}, node), `${node.type}-${index}`);
-      case Blocks.DOT_VIDEO:
-        return jsx(DotCMSVideo, Object.assign({}, node), `${node.type}-${index}`);
-      case Blocks.TABLE:
+        }, key);
+      case BlockEditorDefaultBlocks.HARDBREAK:
+        return jsx("br", {}, key);
+      case BlockEditorDefaultBlocks.HORIZONTAL_RULE:
+        return jsx("hr", {}, key);
+      case BlockEditorDefaultBlocks.DOT_IMAGE:
+        return jsx(DotCMSImage, {
+          node: node
+        }, key);
+      case BlockEditorDefaultBlocks.DOT_VIDEO:
+        return jsx(DotCMSVideo, {
+          node: node
+        }, key);
+      case BlockEditorDefaultBlocks.TABLE:
         return jsx(TableRenderer, {
-          content: node.content,
+          content: (_node$content = node.content) != null ? _node$content : [],
           blockEditorItem: BlockEditorBlock
-        }, `${node.type}-${index}`);
-      case Blocks.DOT_CONTENT:
-        return jsx(DotContent, Object.assign({}, node, {
-          customRenderers: customRenderers
-        }), `${node.type}-${index}`);
+        }, key);
+      case BlockEditorDefaultBlocks.DOT_CONTENT:
+        return jsx(DotContent, {
+          customRenderers: customRenderers,
+          node: node
+        }, key);
       default:
-        return jsxs("div", {
-          children: ["Unknown Block Type ", node.type]
-        }, `${node.type}-${index}`);
+        return jsx(UnknownBlock, {
+          node: node
+        }, key);
     }
   });
 };
+/**
+ * Renders an unknown block type with a warning message in development mode.
+ *
+ * @param node - The block editor node to render.
+ * @returns The rendered block or null if in production mode.
+ */
+const UnknownBlock = ({
+  node
+}) => {
+  const style = {
+    backgroundColor: '#fff5f5',
+    color: '#333',
+    padding: '1rem',
+    borderRadius: '0.5rem',
+    marginBottom: '1rem',
+    marginTop: '1rem',
+    border: '1px solid #fc8181'
+  };
+  if (getUVEState()) {
+    return jsxs("div", {
+      style: style,
+      children: [jsx("strong", {
+        style: {
+          color: '#c53030'
+        },
+        children: "Warning:"
+      }), " The block type", ' ', jsx("strong", {
+        children: node.type
+      }), " is not recognized. Please check your", ' ', jsx("a", {
+        href: "https://dev.dotcms.com/docs/block-editor",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: "configuration"
+      }), ' ', "or contact support for assistance."]
+    });
+  }
+  return null;
+};
 
 /**
  * BlockEditorRenderer component for rendering block editor field.
  *
  * @component
  * @param {Object} props - The component props.
- * @param {Block} props.blocks - The blocks of content to render.
+ * @param {BlockEditorContent} props.blocks - The blocks of content to render.
  * @param {CustomRenderer} [props.customRenderers] - Optional custom renderers for specific block types.
  * @param {string} [props.className] - Optional CSS class name for the container div.
  * @param {React.CSSProperties} [props.style] - Optional inline styles for the container div.
- * @param {boolean} props.editable - Flag to enable inline editing. When true, `contentlet` and `fieldName` are required. Note: Enterprise only feature.
- * @param {DotCMSContentlet} [props.contentlet] - Contentlet object for inline editing. Required when `editable` is true.
- * @param {string} [props.fieldName] - Field name for inline editing. Required when `editable` is true.
  * @returns {JSX.Element} A div containing the rendered blocks of content.
  */
-const BlockEditorRenderer = ({
-  style,
+const DotCMSBlockEditorRenderer = ({
   blocks,
-  editable,
-  fieldName,
+  style,
   className,
-  contentlet,
   customRenderers
 }) => {
-  const ref = useRef(null);
   const [blockEditorState, setBlockEditorState] = useState({
     error: null
   });
-  /**
-   * Sets up inline editing functionality when the component is editable and inside the editor.
-   *
-   * This effect:
-   * 1. Checks if inline editing should be enabled based on props and editor context
-   * 2. Validates required props for inline editing (contentlet and fieldName)
-   * 3. Extracts necessary data from the contentlet
-   * 4. Adds a click handler to initialize inline editing with the block editor
-   * 5. Cleans up event listener on unmount
-   *
-   * @dependency {boolean} editable - Flag to enable/disable inline editing
-   * @dependency {DotCMSContentlet} contentlet - Contentlet data required for editing
-   * @dependency {Block} blocks - The content blocks to edit
-   * @dependency {string} fieldName - Name of the field being edited
-   */
-  useEffect(() => {
-    if (!editable || !ref.current || !isInsideEditor()) {
-      return;
-    }
-    // TypeScript will throw an error if contentlet or fieldName are not provided when editable is true,
-    // but we need to check them again to avoid runtime errors in Pure JavaScript
-    if (!contentlet || !fieldName) {
-      console.error('contentlet and fieldName are required to enable inline editing');
-      return;
-    }
-    const {
-      inode,
-      languageId: language,
-      contentType
-    } = contentlet;
-    // `ContentNode` lives on `@dotcms/react` that's why we can use it in `@dotcms/client`
-    // We need to move interfaces to external lib
-    const content = blocks;
-    const element = ref.current;
-    const handleClickEvent = () => {
-      initInlineEditing('BLOCK_EDITOR', {
-        inode,
-        content,
-        language,
-        fieldName,
-        contentType
-      });
-    };
-    element.addEventListener('click', handleClickEvent);
-    return () => element.removeEventListener('click', handleClickEvent);
-  }, [editable, contentlet, blocks, fieldName]);
+  const isDevMode = useIsDevMode();
   /**
    * Validates the blocks structure and updates the block editor state.
    *
@@ -3441,7 +5648,7 @@ const BlockEditorRenderer = ({
   }, [blocks]);
   if (blockEditorState.error) {
     console.error(blockEditorState.error);
-    if (isInsideEditor()) {
+    if (isDevMode) {
       return jsx("div", {
         "data-testid": "invalid-blocks-message",
         children: blockEditorState.error
@@ -3452,7 +5659,6 @@ const BlockEditorRenderer = ({
   return jsx("div", {
     className: className,
     style: style,
-    ref: ref,
     "data-testid": "dot-block-editor-container",
     children: jsx(BlockEditorBlock, {
       content: blocks == null ? void 0 : blocks.content,
@@ -3461,4 +5667,4 @@ const BlockEditorRenderer = ({
   });
 };
 
-export { BlockEditorRenderer, DotEditableText, DotcmsLayout, PageProvider, Row, useDotcmsPageContext };
+export { DotCMSBlockEditorRenderer, DotCMSEditableText, DotCMSLayoutBody, DotCMSShow, useDotCMSShowWhen, useEditableDotCMSPage };