@servicetitan/dte-unlayer 0.68.0 → 0.70.0

package/src/editor.tsx

@@ -32,21 +32,20 @@ export interface UnlayerEditorProps {
 export const useUnlayerRef = () => useRef<UnlayerRef | null>(null);
 
 export const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props, ref) => {
-    const [status, setStatus] = useState(0);
+    const [isReady, setIsReady] = useState(false);
     const containerRef = useRef<HTMLDivElement | null>(null);
     const store = useMemo(
         () => new UnlayerStore(props.opts),
         // eslint-disable-next-line react-hooks/exhaustive-deps
         []
     );
-    const isReady = status === 2;
 
     useEffect(() => {
         if (containerRef.current) {
             store
                 .init(containerRef.current)
-                .then(() => setStatus(2))
-                .catch(() => setStatus(1));
+                .then(() => setIsReady(true))
+                .catch(() => setIsReady(false));
         }
 
         return () => store.destroy();
@@ -99,7 +98,7 @@ export const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props,
 
     return (
         <div style={{ minHeight, display: 'flex' }}>
-            {status === 1 && <p className="c-red-500">error loading editor</p>}
+            {!isReady && <p className="c-red-500">error loading editor</p>}
             <div id={props.id ?? 'editor'} style={style} ref={containerRef} />
         </div>
     );

package/src/store.ts

@@ -70,7 +70,7 @@ export class UnlayerStore {
 
         this.isInit = true;
 
-        window.addEventListener('message', this.onPostMessage);
+        setTimeout(() => window.addEventListener('message', this.onPostMessage));
 
         await loadScript(defaultScriptUrl);
 

package/src/tools.ts

@@ -170,7 +170,7 @@ export const unlayerToolsCustomStat = (
         }
 
         if (
-            (isUnit && !units?.some(unit => unit.id === isUnit.id)) ||
+            (isUnit && !units?.some(unit => unit.id === isUnit.id)) ??
             (!isUnit && !tools?.some(t => t.key === tool.slug))
         ) {
             notSupported.add(tool.slug);

package/src/unlayer-interface.tsx

@@ -70,4 +70,5 @@ export interface CreateUnlayerEditorProps {
     blocks?: boolean;
     hideAllTools?: boolean;
     hideContentControls?: boolean;
+    hideBodyMenuItem?: boolean;
 }

package/src/unlayer.tsx

@@ -61,7 +61,7 @@ export interface EventDesignUpdated {
  * to know correct schema version, open unlayer editor and check output design ('schema' property)
  */
 export const versions = {
-    unlayer: '1.9.0',
+    unlayer: '1.9.1',
     schema: 16,
 };
 
@@ -85,6 +85,15 @@ export const hideUnlayerContentsControls = () => {
         }
     `;
 };
+
+export const hideUnlayerBodyMenuItem = () => {
+    return `
+        .nav-item.tab-body {
+            display: none !important;
+        }
+    `;
+};
+
 export const hideUnlayerTools = () => {
     return `
         .blockbuilder-content-tools {
@@ -126,6 +135,7 @@ export const createUnlayerEditor = (
         customCSS,
         customJS,
         hideAllTools,
+        hideBodyMenuItem,
         hideContentControls,
         latest,
         mergeTags,
@@ -153,6 +163,7 @@ export const createUnlayerEditor = (
          */
         hideAllTools ? hideUnlayerTools() : '',
         hideContentControls ? hideUnlayerContentsControls() : '',
+        hideBodyMenuItem ? hideUnlayerBodyMenuItem() : '',
     ].filter(css => !!css?.trim());
 
     /**