@servicetitan/dte-unlayer 0.151.0 → 0.153.0

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EAOhB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAgB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,wBAAwB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,OAAO,CAAC,IAAI,IAAI,CAAC;IAEjB,QAAQ,CAAC,CAAC,IAAI,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAE/C,cAAc,CAAC,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAE/C,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAE/C,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpD,SAAS,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,2DAAwC,CAAC;AAEnE,eAAO,MAAM,aAAa,2GAuGxB,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EAOhB,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAgB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,wBAAwB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,OAAO,CAAC,IAAI,IAAI,CAAC;IAEjB,QAAQ,CAAC,CAAC,IAAI,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAE/C,cAAc,CAAC,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAE/C,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAE/C,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpD,SAAS,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,2DAAwC,CAAC;AAEnE,eAAO,MAAM,aAAa,2GAiHxB,CAAC"}

package/dist/editor.js

@@ -1,19 +1,38 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { DisplayConditionModal } from './display-conditions/DisplayConditionModal';
+import { getErrorMessage } from './log';
 import { UnlayerStore } from './store';
 export const useUnlayerRef = ()=>useRef(null);
 export const UnlayerEditor = /*#__PURE__*/ forwardRef((props, ref)=>{
     var _props_id;
     const [isReady, setIsReady] = useState(false);
+    const [loadError, setLoadError] = useState();
     const containerRef = useRef(null);
     const store = useMemo(()=>new UnlayerStore(props.opts), // eslint-disable-next-line react-hooks/exhaustive-deps
     []);
+    useEffect(()=>{
+        store.setOnError(props.onError);
+        return ()=>store.setOnError();
+    }, [
+        props.onError,
+        store
+    ]);
     useEffect(()=>{
         if (containerRef.current) {
-            store.init(containerRef.current).then(()=>setIsReady(true)).catch(()=>setIsReady(false));
+            store.init(containerRef.current).then(()=>{
+                setLoadError(undefined);
+                setIsReady(true);
+            }).catch((error)=>{
+                var _props_onError;
+                const description = getErrorMessage(error);
+                setIsReady(false);
+                setLoadError(description);
+                (_props_onError = props.onError) === null || _props_onError === void 0 ? void 0 : _props_onError.call(props, 'Editor failed to load', description);
+            });
         }
         return ()=>store.destroy();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         store
     ]);
@@ -65,13 +84,6 @@ export const UnlayerEditor = /*#__PURE__*/ forwardRef((props, ref)=>{
         props.onImage,
         store
     ]);
-    useEffect(()=>{
-        store.setOnError(props.onError);
-        return ()=>store.setOnError();
-    }, [
-        props.onError,
-        store
-    ]);
     useEffect(()=>{
         store.setOnMessage(props.onMessage);
         return ()=>store.setOnMessage();
@@ -107,9 +119,12 @@ export const UnlayerEditor = /*#__PURE__*/ forwardRef((props, ref)=>{
             display: 'flex'
         },
         children: [
-            !isReady && /*#__PURE__*/ _jsx("p", {
+            loadError && /*#__PURE__*/ _jsxs("p", {
                 className: "c-red-500",
-                children: "error loading editor"
+                children: [
+                    "error loading editor: ",
+                    loadError
+                ]
             }),
             /*#__PURE__*/ _jsx("div", {
                 id: (_props_id = props.id) !== null && _props_id !== void 0 ? _props_id : 'editor',

package/dist/editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/editor.tsx"],"sourcesContent":["import {\n    CSSProperties,\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { DisplayConditionModal } from './display-conditions/DisplayConditionModal';\nimport { UnlayerEditorTwin } from './shared/const';\nimport { UnlayerStore, UnlayerDesignChangeInfo } from './store';\nimport { UnlayerRef, CreateUnlayerEditorProps } from './unlayer-interface';\n\nexport interface UnlayerEditorProps {\n    id?: string;\n    design?: any;\n    opts: CreateUnlayerEditorProps;\n    minHeight?: number;\n    style?: CSSProperties;\n\n    onReady?(): void;\n\n    onChange?(info: UnlayerDesignChangeInfo): void;\n\n    onSnapshotSave?(tool: UnlayerEditorTwin): void;\n\n    onImage?(file: File): Promise<{ url: string }>;\n\n    onError?(title: string, description?: string): void;\n\n    onMessage?(type: string, data: any): void;\n}\n\nexport const useUnlayerRef = () => useRef<UnlayerRef | null>(null);\n\nexport const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props, ref) => {\n    const [isReady, setIsReady] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const store = useMemo(\n        () => new UnlayerStore(props.opts),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    useEffect(() => {\n        if (containerRef.current) {\n            store\n                .init(containerRef.current)\n                .then(() => setIsReady(true))\n                .catch(() => setIsReady(false));\n        }\n\n        return () => store.destroy();\n    }, [store]);\n    useImperativeHandle(ref, () => store.unlayerRef, [store]);\n\n    useEffect(() => {\n        if (isReady) {\n            store.setDesign(props.design);\n        }\n    }, [isReady, props.design, store]);\n\n    useEffect(() => {\n        store.setOnChange(props.onChange);\n\n        return () => store.setOnChange();\n    }, [props.onChange, store]);\n\n    useEffect(() => {\n        store.setOnSnapshotSave(props.onSnapshotSave);\n\n        return () => store.setOnSnapshotSave();\n    }, [props.onSnapshotSave, store]);\n\n    useEffect(() => {\n        if (props.opts.newSnapshot) {\n            store.addTwin(props.opts.newSnapshot);\n        }\n    }, [props.opts.newSnapshot, store]);\n\n    useEffect(() => {\n        store.setOnReady(props.onReady);\n\n        return () => store.setOnReady();\n    }, [props.onReady, store]);\n\n    useEffect(() => {\n        store.setOnImage(props.onImage);\n\n        return () => store.setOnImage();\n    }, [props.onImage, store]);\n\n    useEffect(() => {\n        store.setOnError(props.onError);\n\n        return () => store.setOnError();\n    }, [props.onError, store]);\n\n    useEffect(() => {\n        store.setOnMessage(props.onMessage);\n\n        return () => store.setOnMessage();\n    }, [props.onMessage, store]);\n\n    useEffect(() => {\n        store.setOnFormSelect(props.opts.onFormSelect);\n\n        return () => store.setOnFormSelect();\n    }, [props.opts.onFormSelect, store]);\n\n    useEffect(() => {\n        store.setOnCalcFieldOpen(props.opts.onCalcFieldOpen);\n\n        return () => store.setOnCalcFieldOpen();\n    }, [props.opts.onCalcFieldOpen, store]);\n\n    useEffect(() => {\n        store.setOnCalcFieldSelect(props.opts.onCalcFieldSelect);\n\n        return () => store.setOnCalcFieldSelect();\n    }, [props.opts.onCalcFieldSelect, store]);\n\n    const { minHeight = 800, style = {} } = props;\n\n    return (\n        <div style={{ minHeight, display: 'flex' }}>\n            {!isReady && <p className=\"c-red-500\">error loading editor</p>}\n            <div id={props.id ?? 'editor'} style={style} ref={containerRef} />\n            {props.opts.displayConditions && (\n                <DisplayConditionModal\n                    portalContainer={props.opts.displayConditionModalPortalContainer}\n                    schema={props.opts.schema}\n                    onConditionalsOpen={props.opts.onConditionalsOpen}\n                    onConditionFormSelect={props.opts.onConditionFormSelect}\n                />\n            )}\n        </div>\n    );\n});\n"],"names":["forwardRef","useEffect","useImperativeHandle","useMemo","useRef","useState","DisplayConditionModal","UnlayerStore","useUnlayerRef","UnlayerEditor","props","ref","isReady","setIsReady","containerRef","store","opts","current","init","then","catch","destroy","unlayerRef","setDesign","design","setOnChange","onChange","setOnSnapshotSave","onSnapshotSave","newSnapshot","addTwin","setOnReady","onReady","setOnImage","onImage","setOnError","onError","setOnMessage","onMessage","setOnFormSelect","onFormSelect","setOnCalcFieldOpen","onCalcFieldOpen","setOnCalcFieldSelect","onCalcFieldSelect","minHeight","style","div","display","p","className","id","displayConditions","portalContainer","displayConditionModalPortalContainer","schema","onConditionalsOpen","onConditionFormSelect"],"mappings":"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"}
+{"version":3,"sources":["../src/editor.tsx"],"sourcesContent":["import {\n    CSSProperties,\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { DisplayConditionModal } from './display-conditions/DisplayConditionModal';\nimport { getErrorMessage } from './log';\nimport { UnlayerEditorTwin } from './shared/const';\nimport { UnlayerStore, UnlayerDesignChangeInfo } from './store';\nimport { UnlayerRef, CreateUnlayerEditorProps } from './unlayer-interface';\n\nexport interface UnlayerEditorProps {\n    id?: string;\n    design?: any;\n    opts: CreateUnlayerEditorProps;\n    minHeight?: number;\n    style?: CSSProperties;\n\n    onReady?(): void;\n\n    onChange?(info: UnlayerDesignChangeInfo): void;\n\n    onSnapshotSave?(tool: UnlayerEditorTwin): void;\n\n    onImage?(file: File): Promise<{ url: string }>;\n\n    onError?(title: string, description?: string): void;\n\n    onMessage?(type: string, data: any): void;\n}\n\nexport const useUnlayerRef = () => useRef<UnlayerRef | null>(null);\n\nexport const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props, ref) => {\n    const [isReady, setIsReady] = useState(false);\n    const [loadError, setLoadError] = useState<string>();\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const store = useMemo(\n        () => new UnlayerStore(props.opts),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    useEffect(() => {\n        store.setOnError(props.onError);\n\n        return () => store.setOnError();\n    }, [props.onError, store]);\n\n    useEffect(() => {\n        if (containerRef.current) {\n            store\n                .init(containerRef.current)\n                .then(() => {\n                    setLoadError(undefined);\n                    setIsReady(true);\n                })\n                .catch((error: unknown) => {\n                    const description = getErrorMessage(error);\n                    setIsReady(false);\n                    setLoadError(description);\n                    props.onError?.('Editor failed to load', description);\n                });\n        }\n\n        return () => store.destroy();\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [store]);\n    useImperativeHandle(ref, () => store.unlayerRef, [store]);\n\n    useEffect(() => {\n        if (isReady) {\n            store.setDesign(props.design);\n        }\n    }, [isReady, props.design, store]);\n\n    useEffect(() => {\n        store.setOnChange(props.onChange);\n\n        return () => store.setOnChange();\n    }, [props.onChange, store]);\n\n    useEffect(() => {\n        store.setOnSnapshotSave(props.onSnapshotSave);\n\n        return () => store.setOnSnapshotSave();\n    }, [props.onSnapshotSave, store]);\n\n    useEffect(() => {\n        if (props.opts.newSnapshot) {\n            store.addTwin(props.opts.newSnapshot);\n        }\n    }, [props.opts.newSnapshot, store]);\n\n    useEffect(() => {\n        store.setOnReady(props.onReady);\n\n        return () => store.setOnReady();\n    }, [props.onReady, store]);\n\n    useEffect(() => {\n        store.setOnImage(props.onImage);\n\n        return () => store.setOnImage();\n    }, [props.onImage, store]);\n\n    useEffect(() => {\n        store.setOnMessage(props.onMessage);\n\n        return () => store.setOnMessage();\n    }, [props.onMessage, store]);\n\n    useEffect(() => {\n        store.setOnFormSelect(props.opts.onFormSelect);\n\n        return () => store.setOnFormSelect();\n    }, [props.opts.onFormSelect, store]);\n\n    useEffect(() => {\n        store.setOnCalcFieldOpen(props.opts.onCalcFieldOpen);\n\n        return () => store.setOnCalcFieldOpen();\n    }, [props.opts.onCalcFieldOpen, store]);\n\n    useEffect(() => {\n        store.setOnCalcFieldSelect(props.opts.onCalcFieldSelect);\n\n        return () => store.setOnCalcFieldSelect();\n    }, [props.opts.onCalcFieldSelect, store]);\n\n    const { minHeight = 800, style = {} } = props;\n\n    return (\n        <div style={{ minHeight, display: 'flex' }}>\n            {loadError && <p className=\"c-red-500\">error loading editor: {loadError}</p>}\n            <div id={props.id ?? 'editor'} style={style} ref={containerRef} />\n            {props.opts.displayConditions && (\n                <DisplayConditionModal\n                    portalContainer={props.opts.displayConditionModalPortalContainer}\n                    schema={props.opts.schema}\n                    onConditionalsOpen={props.opts.onConditionalsOpen}\n                    onConditionFormSelect={props.opts.onConditionFormSelect}\n                />\n            )}\n        </div>\n    );\n});\n"],"names":["forwardRef","useEffect","useImperativeHandle","useMemo","useRef","useState","DisplayConditionModal","getErrorMessage","UnlayerStore","useUnlayerRef","UnlayerEditor","props","ref","isReady","setIsReady","loadError","setLoadError","containerRef","store","opts","setOnError","onError","current","init","then","undefined","catch","error","description","destroy","unlayerRef","setDesign","design","setOnChange","onChange","setOnSnapshotSave","onSnapshotSave","newSnapshot","addTwin","setOnReady","onReady","setOnImage","onImage","setOnMessage","onMessage","setOnFormSelect","onFormSelect","setOnCalcFieldOpen","onCalcFieldOpen","setOnCalcFieldSelect","onCalcFieldSelect","minHeight","style","div","display","p","className","id","displayConditions","portalContainer","displayConditionModalPortalContainer","schema","onConditionalsOpen","onConditionFormSelect"],"mappings":"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"}

package/dist/index.d.ts

@@ -3,6 +3,8 @@ export * from './tools';
 export * from './api-core';
 export * from './api-custom-tools';
 export * from './unlayer-interface';
+export { isUnlayerMergeTagGroup, scheduleUnlayerMergeTags, toUnlayerMergeTags } from './merge-tags';
+export type { ToUnlayerMergeTagsOptions, UnlayerMergeTagGroup, UnlayerMergeTagLeaf, UnlayerMergeTagsConfig, UnlayerMergeTagsEditor, } from './merge-tags';
 export * from './loadScript';
 export * from './shared/const';
 export * from './shared/forms';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,cAAc,8CAA8C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACpG,YAAY,EACR,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,GACzB,MAAM,cAAc,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,cAAc,8CAA8C,CAAC"}

package/dist/index.js

@@ -3,6 +3,7 @@ export * from './tools';
 export * from './api-core';
 export * from './api-custom-tools';
 export * from './unlayer-interface';
+export { isUnlayerMergeTagGroup, scheduleUnlayerMergeTags, toUnlayerMergeTags } from './merge-tags';
 export * from './loadScript';
 export * from './shared/const';
 export * from './shared/forms';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './editor';\nexport * from './tools';\nexport * from './api-core';\nexport * from './api-custom-tools';\nexport * from './unlayer-interface';\nexport * from './loadScript';\nexport * from './shared/const';\nexport * from './shared/forms';\nexport * from './shared/schema';\nexport * from './shared/tools';\nexport type { UnlayerDesignChangeInfo } from './store';\nexport { versions } from './unlayer';\nexport * from './shared/date-calc';\nexport { emptyArrayIfNull } from './shared/nunjucks-helpers';\nexport * from './display-conditions/lookupOptionsController';\n"],"names":["versions","emptyArrayIfNull"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,qBAAqB;AACnC,cAAc,sBAAsB;AACpC,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB;AAE/B,SAASA,QAAQ,QAAQ,YAAY;AACrC,cAAc,qBAAqB;AACnC,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,cAAc,+CAA+C"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export * from './editor';\nexport * from './tools';\nexport * from './api-core';\nexport * from './api-custom-tools';\nexport * from './unlayer-interface';\nexport { isUnlayerMergeTagGroup, scheduleUnlayerMergeTags, toUnlayerMergeTags } from './merge-tags';\nexport type {\n    ToUnlayerMergeTagsOptions,\n    UnlayerMergeTagGroup,\n    UnlayerMergeTagLeaf,\n    UnlayerMergeTagsConfig,\n    UnlayerMergeTagsEditor,\n} from './merge-tags';\nexport * from './loadScript';\nexport * from './shared/const';\nexport * from './shared/forms';\nexport * from './shared/schema';\nexport * from './shared/tools';\nexport type { UnlayerDesignChangeInfo } from './store';\nexport { versions } from './unlayer';\nexport * from './shared/date-calc';\nexport { emptyArrayIfNull } from './shared/nunjucks-helpers';\nexport * from './display-conditions/lookupOptionsController';\n"],"names":["isUnlayerMergeTagGroup","scheduleUnlayerMergeTags","toUnlayerMergeTags","versions","emptyArrayIfNull"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,aAAa;AAC3B,cAAc,qBAAqB;AACnC,cAAc,sBAAsB;AACpC,SAASA,sBAAsB,EAAEC,wBAAwB,EAAEC,kBAAkB,QAAQ,eAAe;AAQpG,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,kBAAkB;AAChC,cAAc,iBAAiB;AAE/B,SAASC,QAAQ,QAAQ,YAAY;AACrC,cAAc,qBAAqB;AACnC,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,cAAc,+CAA+C"}

package/dist/loadScript.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loadScript.d.ts","sourceRoot":"","sources":["../src/loadScript.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,UAAU,GAAI,WAAW,MAAM,KAAG,OAAO,CAAC,IAAI,CAa1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,SAI9C,CAAC"}
+{"version":3,"file":"loadScript.d.ts","sourceRoot":"","sources":["../src/loadScript.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,UAAU,GAAI,WAAW,MAAM,KAAG,OAAO,CAAC,IAAI,CAmB1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,SAI9C,CAAC"}

package/dist/loadScript.js

@@ -1,3 +1,4 @@
+import { logUnlayerError } from './log';
 const isScriptInjected = (scriptUrl)=>{
     const scripts = document.querySelectorAll('script');
     let injected = false;
@@ -9,15 +10,21 @@ const isScriptInjected = (scriptUrl)=>{
     return injected;
 };
 export const loadScript = (scriptUrl)=>{
-    return new Promise((resolve)=>{
+    return new Promise((resolve, reject)=>{
         if (isScriptInjected(scriptUrl)) {
             resolve();
+            return;
         }
         const embedScript = document.createElement('script');
         embedScript.setAttribute('src', scriptUrl);
         embedScript.onload = ()=>{
             resolve();
         };
+        embedScript.onerror = ()=>{
+            const error = new Error(`Failed to load Unlayer script: ${scriptUrl}`);
+            logUnlayerError('Unlayer embed script failed to load', error);
+            reject(error);
+        };
         document.head.appendChild(embedScript);
     });
 };

package/dist/loadScript.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/loadScript.ts"],"sourcesContent":["const isScriptInjected = (scriptUrl: string) => {\n    const scripts = document.querySelectorAll('script');\n    let injected = false;\n\n    scripts.forEach(script => {\n        if (script.src.includes(scriptUrl)) {\n            injected = true;\n        }\n    });\n\n    return injected;\n};\n\nexport const loadScript = (scriptUrl: string): Promise<void> => {\n    return new Promise<void>(resolve => {\n        if (isScriptInjected(scriptUrl)) {\n            resolve();\n        }\n\n        const embedScript = document.createElement('script');\n        embedScript.setAttribute('src', scriptUrl);\n        embedScript.onload = () => {\n            resolve();\n        };\n        document.head.appendChild(embedScript);\n    });\n};\n\nexport const loadScriptSource = (source: string) => {\n    const embedScript = document.createElement('script');\n    embedScript.textContent = source;\n    document.head.appendChild(embedScript);\n};\n"],"names":["isScriptInjected","scriptUrl","scripts","document","querySelectorAll","injected","forEach","script","src","includes","loadScript","Promise","resolve","embedScript","createElement","setAttribute","onload","head","appendChild","loadScriptSource","source","textContent"],"mappings":"AAAA,MAAMA,mBAAmB,CAACC;IACtB,MAAMC,UAAUC,SAASC,gBAAgB,CAAC;IAC1C,IAAIC,WAAW;IAEfH,QAAQI,OAAO,CAACC,CAAAA;QACZ,IAAIA,OAAOC,GAAG,CAACC,QAAQ,CAACR,YAAY;YAChCI,WAAW;QACf;IACJ;IAEA,OAAOA;AACX;AAEA,OAAO,MAAMK,aAAa,CAACT;IACvB,OAAO,IAAIU,QAAcC,CAAAA;QACrB,IAAIZ,iBAAiBC,YAAY;YAC7BW;QACJ;QAEA,MAAMC,cAAcV,SAASW,aAAa,CAAC;QAC3CD,YAAYE,YAAY,CAAC,OAAOd;QAChCY,YAAYG,MAAM,GAAG;YACjBJ;QACJ;QACAT,SAASc,IAAI,CAACC,WAAW,CAACL;IAC9B;AACJ,EAAE;AAEF,OAAO,MAAMM,mBAAmB,CAACC;IAC7B,MAAMP,cAAcV,SAASW,aAAa,CAAC;IAC3CD,YAAYQ,WAAW,GAAGD;IAC1BjB,SAASc,IAAI,CAACC,WAAW,CAACL;AAC9B,EAAE"}
+{"version":3,"sources":["../src/loadScript.ts"],"sourcesContent":["import { logUnlayerError } from './log';\n\nconst isScriptInjected = (scriptUrl: string) => {\n    const scripts = document.querySelectorAll('script');\n    let injected = false;\n\n    scripts.forEach(script => {\n        if (script.src.includes(scriptUrl)) {\n            injected = true;\n        }\n    });\n\n    return injected;\n};\n\nexport const loadScript = (scriptUrl: string): Promise<void> => {\n    return new Promise<void>((resolve, reject) => {\n        if (isScriptInjected(scriptUrl)) {\n            resolve();\n            return;\n        }\n\n        const embedScript = document.createElement('script');\n        embedScript.setAttribute('src', scriptUrl);\n        embedScript.onload = () => {\n            resolve();\n        };\n        embedScript.onerror = () => {\n            const error = new Error(`Failed to load Unlayer script: ${scriptUrl}`);\n            logUnlayerError('Unlayer embed script failed to load', error);\n            reject(error);\n        };\n        document.head.appendChild(embedScript);\n    });\n};\n\nexport const loadScriptSource = (source: string) => {\n    const embedScript = document.createElement('script');\n    embedScript.textContent = source;\n    document.head.appendChild(embedScript);\n};\n"],"names":["logUnlayerError","isScriptInjected","scriptUrl","scripts","document","querySelectorAll","injected","forEach","script","src","includes","loadScript","Promise","resolve","reject","embedScript","createElement","setAttribute","onload","onerror","error","Error","head","appendChild","loadScriptSource","source","textContent"],"mappings":"AAAA,SAASA,eAAe,QAAQ,QAAQ;AAExC,MAAMC,mBAAmB,CAACC;IACtB,MAAMC,UAAUC,SAASC,gBAAgB,CAAC;IAC1C,IAAIC,WAAW;IAEfH,QAAQI,OAAO,CAACC,CAAAA;QACZ,IAAIA,OAAOC,GAAG,CAACC,QAAQ,CAACR,YAAY;YAChCI,WAAW;QACf;IACJ;IAEA,OAAOA;AACX;AAEA,OAAO,MAAMK,aAAa,CAACT;IACvB,OAAO,IAAIU,QAAc,CAACC,SAASC;QAC/B,IAAIb,iBAAiBC,YAAY;YAC7BW;YACA;QACJ;QAEA,MAAME,cAAcX,SAASY,aAAa,CAAC;QAC3CD,YAAYE,YAAY,CAAC,OAAOf;QAChCa,YAAYG,MAAM,GAAG;YACjBL;QACJ;QACAE,YAAYI,OAAO,GAAG;YAClB,MAAMC,QAAQ,IAAIC,MAAM,CAAC,+BAA+B,EAAEnB,WAAW;YACrEF,gBAAgB,uCAAuCoB;YACvDN,OAAOM;QACX;QACAhB,SAASkB,IAAI,CAACC,WAAW,CAACR;IAC9B;AACJ,EAAE;AAEF,OAAO,MAAMS,mBAAmB,CAACC;IAC7B,MAAMV,cAAcX,SAASY,aAAa,CAAC;IAC3CD,YAAYW,WAAW,GAAGD;IAC1BrB,SAASkB,IAAI,CAACC,WAAW,CAACR;AAC9B,EAAE"}

package/dist/log.d.ts

@@ -0,0 +1,3 @@
+export declare const getErrorMessage: (error: unknown) => string;
+export declare const logUnlayerError: (message: string, error?: unknown) => void;
+//# sourceMappingURL=log.d.ts.map

package/dist/log.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"log.d.ts","sourceRoot":"","sources":["../src/log.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,OAAO,OAAO,WAU7C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,SAAS,MAAM,EAAE,QAAQ,OAAO,SAS/D,CAAC"}

package/dist/log.js

@@ -0,0 +1,21 @@
+const LOG_PREFIX = '[dte-unlayer]';
+export const getErrorMessage = (error)=>{
+    if (error instanceof Error && error.message) {
+        return error.message;
+    }
+    if (typeof error === 'string' && error) {
+        return error;
+    }
+    return 'Unknown Unlayer error';
+};
+export const logUnlayerError = (message, error)=>{
+    if (error === undefined) {
+        // eslint-disable-next-line no-console
+        console.error(LOG_PREFIX, message);
+        return;
+    }
+    // eslint-disable-next-line no-console
+    console.error(LOG_PREFIX, message, error);
+};
+
+//# sourceMappingURL=log.js.map

package/dist/log.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/log.ts"],"sourcesContent":["const LOG_PREFIX = '[dte-unlayer]';\n\nexport const getErrorMessage = (error: unknown) => {\n    if (error instanceof Error && error.message) {\n        return error.message;\n    }\n\n    if (typeof error === 'string' && error) {\n        return error;\n    }\n\n    return 'Unknown Unlayer error';\n};\n\nexport const logUnlayerError = (message: string, error?: unknown) => {\n    if (error === undefined) {\n        // eslint-disable-next-line no-console\n        console.error(LOG_PREFIX, message);\n        return;\n    }\n\n    // eslint-disable-next-line no-console\n    console.error(LOG_PREFIX, message, error);\n};\n"],"names":["LOG_PREFIX","getErrorMessage","error","Error","message","logUnlayerError","undefined","console"],"mappings":"AAAA,MAAMA,aAAa;AAEnB,OAAO,MAAMC,kBAAkB,CAACC;IAC5B,IAAIA,iBAAiBC,SAASD,MAAME,OAAO,EAAE;QACzC,OAAOF,MAAME,OAAO;IACxB;IAEA,IAAI,OAAOF,UAAU,YAAYA,OAAO;QACpC,OAAOA;IACX;IAEA,OAAO;AACX,EAAE;AAEF,OAAO,MAAMG,kBAAkB,CAACD,SAAiBF;IAC7C,IAAIA,UAAUI,WAAW;QACrB,sCAAsC;QACtCC,QAAQL,KAAK,CAACF,YAAYI;QAC1B;IACJ;IAEA,sCAAsC;IACtCG,QAAQL,KAAK,CAACF,YAAYI,SAASF;AACvC,EAAE"}

package/dist/merge-tags.d.ts

@@ -0,0 +1,30 @@
+import { UnlayerEditorMergeTagInfo } from './unlayer-interface';
+export interface UnlayerMergeTagLeaf {
+    name: string;
+    value: string;
+}
+export interface UnlayerMergeTagGroup {
+    name: string;
+    mergeTags: Record<string, UnlayerMergeTagLeaf>;
+}
+export type UnlayerMergeTagsConfig = Record<string, UnlayerMergeTagLeaf | UnlayerMergeTagGroup>;
+export interface ToUnlayerMergeTagsOptions {
+    /**
+     * When false, ignore `group` and emit the flat 0.151 shape. Unlayer custom
+     * tools fail to register if nested groups are present during createEditor.
+     */
+    groups?: boolean;
+}
+export interface UnlayerMergeTagsEditor {
+    addEventListener(event: string, cb: (arg: any) => void): void;
+    setMergeTags(tags: UnlayerMergeTagsConfig): void;
+}
+export declare function isUnlayerMergeTagGroup(entry: UnlayerMergeTagLeaf | UnlayerMergeTagGroup): entry is UnlayerMergeTagGroup;
+export declare const toUnlayerMergeTags: (tags: UnlayerEditorMergeTagInfo[] | undefined, options?: ToUnlayerMergeTagsOptions) => UnlayerMergeTagsConfig | undefined;
+/**
+ * Nested Unlayer groups passed to createEditor prevent DTE custom tools from
+ * loading in the host app. Apply the 0.151 flat shape at init, then upgrade to
+ * grouped submenus once the editor (and customJS tools) are ready.
+ */
+export declare const scheduleUnlayerMergeTags: (editor: UnlayerMergeTagsEditor, tags: UnlayerEditorMergeTagInfo[] | undefined) => void;
+//# sourceMappingURL=merge-tags.d.ts.map

package/dist/merge-tags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-tags.d.ts","sourceRoot":"","sources":["../src/merge-tags.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,MAAM,WAAW,mBAAmB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,oBAAoB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;CAClD;AAED,MAAM,MAAM,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,GAAG,oBAAoB,CAAC,CAAC;AAEhG,MAAM,WAAW,yBAAyB;IACtC;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACnC,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;IAC9D,YAAY,CAAC,IAAI,EAAE,sBAAsB,GAAG,IAAI,CAAC;CACpD;AAED,wBAAgB,sBAAsB,CAClC,KAAK,EAAE,mBAAmB,GAAG,oBAAoB,GAClD,KAAK,IAAI,oBAAoB,CAE/B;AAYD,eAAO,MAAM,kBAAkB,GAC3B,MAAM,yBAAyB,EAAE,GAAG,SAAS,EAC7C,UAAU,yBAAyB,uCAsCtC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACjC,QAAQ,sBAAsB,EAC9B,MAAM,yBAAyB,EAAE,GAAG,SAAS,SAwBhD,CAAC"}

package/dist/merge-tags.js

@@ -0,0 +1,66 @@
+import { logUnlayerError } from './log';
+export function isUnlayerMergeTagGroup(entry) {
+    return 'mergeTags' in entry;
+}
+const toMergeTagKey = (value)=>{
+    const key = value.toLowerCase().split(/[^a-z0-9]+/).filter(Boolean).join('_');
+    return key || value;
+};
+export const toUnlayerMergeTags = (tags, options)=>{
+    if (!(tags === null || tags === void 0 ? void 0 : tags.length)) {
+        return undefined;
+    }
+    const groupsEnabled = (options === null || options === void 0 ? void 0 : options.groups) !== false;
+    return tags.reduce((out, tag)=>{
+        var _tag_group;
+        const mergeTag = {
+            name: tag.name,
+            value: tag.propertyPath
+        };
+        const tagKey = toMergeTagKey(tag.id);
+        const groupName = groupsEnabled ? (_tag_group = tag.group) === null || _tag_group === void 0 ? void 0 : _tag_group.trim() : undefined;
+        if (!groupName) {
+            out[tagKey] = mergeTag;
+            return out;
+        }
+        const groupKey = toMergeTagKey(groupName);
+        const existing = out[groupKey];
+        if (existing && isUnlayerMergeTagGroup(existing)) {
+            existing.mergeTags[tagKey] = mergeTag;
+            return out;
+        }
+        out[groupKey] = {
+            name: groupName,
+            mergeTags: {
+                [tagKey]: mergeTag
+            }
+        };
+        return out;
+    }, {});
+};
+/**
+ * Nested Unlayer groups passed to createEditor prevent DTE custom tools from
+ * loading in the host app. Apply the 0.151 flat shape at init, then upgrade to
+ * grouped submenus once the editor (and customJS tools) are ready.
+ */ export const scheduleUnlayerMergeTags = (editor, tags)=>{
+    const grouped = toUnlayerMergeTags(tags);
+    if (!grouped) {
+        return;
+    }
+    let isApplied = false;
+    const apply = ()=>{
+        if (isApplied) {
+            return;
+        }
+        try {
+            editor.setMergeTags(grouped);
+            isApplied = true;
+        } catch (error) {
+            logUnlayerError('Failed to apply grouped merge tags', error);
+        }
+    };
+    editor.addEventListener('editor:ready', apply);
+    editor.addEventListener('design:loaded', apply);
+};
+
+//# sourceMappingURL=merge-tags.js.map

package/dist/merge-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/merge-tags.ts"],"sourcesContent":["import { logUnlayerError } from './log';\nimport { UnlayerEditorMergeTagInfo } from './unlayer-interface';\n\nexport interface UnlayerMergeTagLeaf {\n    name: string;\n    value: string;\n}\n\nexport interface UnlayerMergeTagGroup {\n    name: string;\n    mergeTags: Record<string, UnlayerMergeTagLeaf>;\n}\n\nexport type UnlayerMergeTagsConfig = Record<string, UnlayerMergeTagLeaf | UnlayerMergeTagGroup>;\n\nexport interface ToUnlayerMergeTagsOptions {\n    /**\n     * When false, ignore `group` and emit the flat 0.151 shape. Unlayer custom\n     * tools fail to register if nested groups are present during createEditor.\n     */\n    groups?: boolean;\n}\n\nexport interface UnlayerMergeTagsEditor {\n    addEventListener(event: string, cb: (arg: any) => void): void;\n    setMergeTags(tags: UnlayerMergeTagsConfig): void;\n}\n\nexport function isUnlayerMergeTagGroup(\n    entry: UnlayerMergeTagLeaf | UnlayerMergeTagGroup,\n): entry is UnlayerMergeTagGroup {\n    return 'mergeTags' in entry;\n}\n\nconst toMergeTagKey = (value: string) => {\n    const key = value\n        .toLowerCase()\n        .split(/[^a-z0-9]+/)\n        .filter(Boolean)\n        .join('_');\n\n    return key || value;\n};\n\nexport const toUnlayerMergeTags = (\n    tags: UnlayerEditorMergeTagInfo[] | undefined,\n    options?: ToUnlayerMergeTagsOptions,\n) => {\n    if (!tags?.length) {\n        return undefined;\n    }\n\n    const groupsEnabled = options?.groups !== false;\n\n    return tags.reduce<UnlayerMergeTagsConfig>((out, tag) => {\n        const mergeTag: UnlayerMergeTagLeaf = {\n            name: tag.name,\n            value: tag.propertyPath,\n        };\n        const tagKey = toMergeTagKey(tag.id);\n        const groupName = groupsEnabled ? tag.group?.trim() : undefined;\n\n        if (!groupName) {\n            out[tagKey] = mergeTag;\n            return out;\n        }\n\n        const groupKey = toMergeTagKey(groupName);\n        const existing = out[groupKey];\n\n        if (existing && isUnlayerMergeTagGroup(existing)) {\n            existing.mergeTags[tagKey] = mergeTag;\n            return out;\n        }\n\n        out[groupKey] = {\n            name: groupName,\n            mergeTags: {\n                [tagKey]: mergeTag,\n            },\n        };\n\n        return out;\n    }, {});\n};\n\n/**\n * Nested Unlayer groups passed to createEditor prevent DTE custom tools from\n * loading in the host app. Apply the 0.151 flat shape at init, then upgrade to\n * grouped submenus once the editor (and customJS tools) are ready.\n */\nexport const scheduleUnlayerMergeTags = (\n    editor: UnlayerMergeTagsEditor,\n    tags: UnlayerEditorMergeTagInfo[] | undefined,\n) => {\n    const grouped = toUnlayerMergeTags(tags);\n\n    if (!grouped) {\n        return;\n    }\n\n    let isApplied = false;\n    const apply = () => {\n        if (isApplied) {\n            return;\n        }\n\n        try {\n            editor.setMergeTags(grouped);\n            isApplied = true;\n        } catch (error: unknown) {\n            logUnlayerError('Failed to apply grouped merge tags', error);\n        }\n    };\n\n    editor.addEventListener('editor:ready', apply);\n    editor.addEventListener('design:loaded', apply);\n};\n"],"names":["logUnlayerError","isUnlayerMergeTagGroup","entry","toMergeTagKey","value","key","toLowerCase","split","filter","Boolean","join","toUnlayerMergeTags","tags","options","length","undefined","groupsEnabled","groups","reduce","out","tag","mergeTag","name","propertyPath","tagKey","id","groupName","group","trim","groupKey","existing","mergeTags","scheduleUnlayerMergeTags","editor","grouped","isApplied","apply","setMergeTags","error","addEventListener"],"mappings":"AAAA,SAASA,eAAe,QAAQ,QAAQ;AA4BxC,OAAO,SAASC,uBACZC,KAAiD;IAEjD,OAAO,eAAeA;AAC1B;AAEA,MAAMC,gBAAgB,CAACC;IACnB,MAAMC,MAAMD,MACPE,WAAW,GACXC,KAAK,CAAC,cACNC,MAAM,CAACC,SACPC,IAAI,CAAC;IAEV,OAAOL,OAAOD;AAClB;AAEA,OAAO,MAAMO,qBAAqB,CAC9BC,MACAC;IAEA,IAAI,EAACD,iBAAAA,2BAAAA,KAAME,MAAM,GAAE;QACf,OAAOC;IACX;IAEA,MAAMC,gBAAgBH,CAAAA,oBAAAA,8BAAAA,QAASI,MAAM,MAAK;IAE1C,OAAOL,KAAKM,MAAM,CAAyB,CAACC,KAAKC;YAMXA;QALlC,MAAMC,WAAgC;YAClCC,MAAMF,IAAIE,IAAI;YACdlB,OAAOgB,IAAIG,YAAY;QAC3B;QACA,MAAMC,SAASrB,cAAciB,IAAIK,EAAE;QACnC,MAAMC,YAAYV,iBAAgBI,aAAAA,IAAIO,KAAK,cAATP,iCAAAA,WAAWQ,IAAI,KAAKb;QAEtD,IAAI,CAACW,WAAW;YACZP,GAAG,CAACK,OAAO,GAAGH;YACd,OAAOF;QACX;QAEA,MAAMU,WAAW1B,cAAcuB;QAC/B,MAAMI,WAAWX,GAAG,CAACU,SAAS;QAE9B,IAAIC,YAAY7B,uBAAuB6B,WAAW;YAC9CA,SAASC,SAAS,CAACP,OAAO,GAAGH;YAC7B,OAAOF;QACX;QAEAA,GAAG,CAACU,SAAS,GAAG;YACZP,MAAMI;YACNK,WAAW;gBACP,CAACP,OAAO,EAAEH;YACd;QACJ;QAEA,OAAOF;IACX,GAAG,CAAC;AACR,EAAE;AAEF;;;;CAIC,GACD,OAAO,MAAMa,2BAA2B,CACpCC,QACArB;IAEA,MAAMsB,UAAUvB,mBAAmBC;IAEnC,IAAI,CAACsB,SAAS;QACV;IACJ;IAEA,IAAIC,YAAY;IAChB,MAAMC,QAAQ;QACV,IAAID,WAAW;YACX;QACJ;QAEA,IAAI;YACAF,OAAOI,YAAY,CAACH;YACpBC,YAAY;QAChB,EAAE,OAAOG,OAAgB;YACrBtC,gBAAgB,sCAAsCsC;QAC1D;IACJ;IAEAL,OAAOM,gBAAgB,CAAC,gBAAgBH;IACxCH,OAAOM,gBAAgB,CAAC,iBAAiBH;AAC7C,EAAE"}

package/dist/store.d.ts

@@ -13,6 +13,9 @@ export declare class UnlayerStore {
     private isInit;
     private iframe?;
     private hasDesign;
+    private hasCoreLoaded;
+    private hasToolsRegistered;
+    private toolsReadyWatchdogId?;
     private formFieldsByFormId;
     private formFieldSamples;
     private onMessageCB?;
@@ -50,6 +53,8 @@ export declare class UnlayerStore {
     private buildCalculatedFieldDemoData;
     private sendMessage;
     private uploadImage;
+    private startToolsReadyWatchdog;
+    private clearToolsReadyWatchdog;
     private validateImage;
 }
 //# sourceMappingURL=store.d.ts.map

package/dist/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAA4C,MAAM,gBAAgB,CAAC;AAElG,OAAO,EACH,aAAa,EACb,QAAQ,EAGX,MAAM,gBAAgB,CAAC;AAUxB,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAyIhG,MAAM,WAAW,uBAAuB;IACpC,kBAAkB,EAAE,OAAO,CAAC;CAC/B;AAmBD,qBAAa,YAAY;IAsBT,QAAQ,CAAC,KAAK,EAAE,wBAAwB;IArBpD,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA0B;IAC1D,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAc;IAElD,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAAC,CAAoB;IACnC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,kBAAkB,CAAuC;IACjE,OAAO,CAAC,gBAAgB,CAA+B;IAEvD,OAAO,CAAC,WAAW,CAAC,CAAoC;IACxD,OAAO,CAAC,UAAU,CAAC,CAA0C;IAC7D,OAAO,CAAC,gBAAgB,CAAC,CAAwC;IACjE,OAAO,CAAC,SAAS,CAAC,CAAa;IAC/B,OAAO,CAAC,SAAS,CAAC,CAA2C;IAC7D,OAAO,CAAC,SAAS,CAAC,CAAgD;IAClE,OAAO,CAAC,cAAc,CAAC,CAA2B;IAClD,OAAO,CAAC,iBAAiB,CAAC,CAAkC;IAC5D,OAAO,CAAC,mBAAmB,CAAC,CAAgC;gBAEvC,KAAK,EAAE,wBAAwB;IAqCpD,IAAI,GAAU,WAAW,cAAc,mBAiBrC;IAEF,OAAO,aAUL;IAEF,OAAO,GAAI,MAAM,iBAAiB,UAGhC;IAEF,SAAS,GAAI,SAAS,mBAAmB,UAUvC;IAEF,WAAW,GAAI,WAAW,YAAY,CAAC,YAAY,CAAC,UAElD;IAEF,iBAAiB,GAAI,iBAAiB,YAAY,CAAC,kBAAkB,CAAC,UAEpE;IAEF,UAAU,GAAI,UAAU,YAAY,CAAC,WAAW,CAAC,UAE/C;IAEF,UAAU,GAAI,UAAU,YAAY,CAAC,WAAW,CAAC,UAE/C;IAEF,UAAU,GAAI,UAAU,YAAY,CAAC,WAAW,CAAC,UAE/C;IAEF,YAAY,GAAI,YAAY,YAAY,CAAC,aAAa,CAAC,UAErD;IAEF,eAAe,GAAI,eAAe,YAAY,CAAC,gBAAgB,CAAC,UAE9D;IAEF,kBAAkB,GAAI,kBAAkB,YAAY,CAAC,mBAAmB,CAAC,UAEvE;IAEF,oBAAoB,GAAI,oBAAoB,YAAY,CAAC,qBAAqB,CAAC,UAE7E;IAEF,YAAY,GAAI,OAAO,QAAQ,EAAE,UAE/B;IAEF,cAAc,GAAI,QAAQ,MAAM,EAAE,QAAQ,aAAa,EAAE,UAIvD;IAEF,mBAAmB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAEnD;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,eAAe,CAmCrB;IAEF,OAAO,CAAC,aAAa,CAuEnB;IAEF,OAAO,CAAC,sBAAsB,CAgB5B;IAEF,OAAO,CAAC,0BAA0B,CAyBhC;IAEF,OAAO,CAAC,gBAAgB,CAqCtB;IAEF,OAAO,CAAC,4BAA4B,CAiBlC;IAEF,OAAO,CAAC,WAAW,CAUjB;IAEF,OAAO,CAAC,WAAW,CAqCjB;IAEF,OAAO,CAAC,aAAa,CA+CnB;CACL"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/store.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAA4C,MAAM,gBAAgB,CAAC;AAElG,OAAO,EACH,aAAa,EACb,QAAQ,EAGX,MAAM,gBAAgB,CAAC;AAUxB,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AA0IhG,MAAM,WAAW,uBAAuB;IACpC,kBAAkB,EAAE,OAAO,CAAC;CAC/B;AAmBD,qBAAa,YAAY;IAyBT,QAAQ,CAAC,KAAK,EAAE,wBAAwB;IAxBpD,QAAQ,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA0B;IAC1D,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAAc;IAElD,OAAO,CAAC,MAAM,CAAsB;IACpC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAAC,CAAoB;IACnC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,kBAAkB,CAAS;IACnC,OAAO,CAAC,oBAAoB,CAAC,CAAS;IACtC,OAAO,CAAC,kBAAkB,CAAuC;IACjE,OAAO,CAAC,gBAAgB,CAA+B;IAEvD,OAAO,CAAC,WAAW,CAAC,CAAoC;IACxD,OAAO,CAAC,UAAU,CAAC,CAA0C;IAC7D,OAAO,CAAC,gBAAgB,CAAC,CAAwC;IACjE,OAAO,CAAC,SAAS,CAAC,CAAa;IAC/B,OAAO,CAAC,SAAS,CAAC,CAA2C;IAC7D,OAAO,CAAC,SAAS,CAAC,CAAgD;IAClE,OAAO,CAAC,cAAc,CAAC,CAA2B;IAClD,OAAO,CAAC,iBAAiB,CAAC,CAAkC;IAC5D,OAAO,CAAC,mBAAmB,CAAC,CAAgC;gBAEvC,KAAK,EAAE,wBAAwB;IAqCpD,IAAI,GAAU,WAAW,cAAc,mBAkCrC;IAEF,OAAO,aAWL;IAEF,OAAO,GAAI,MAAM,iBAAiB,UAGhC;IAEF,SAAS,GAAI,SAAS,mBAAmB,UAUvC;IAEF,WAAW,GAAI,WAAW,YAAY,CAAC,YAAY,CAAC,UAElD;IAEF,iBAAiB,GAAI,iBAAiB,YAAY,CAAC,kBAAkB,CAAC,UAEpE;IAEF,UAAU,GAAI,UAAU,YAAY,CAAC,WAAW,CAAC,UAE/C;IAEF,UAAU,GAAI,UAAU,YAAY,CAAC,WAAW,CAAC,UAE/C;IAEF,UAAU,GAAI,UAAU,YAAY,CAAC,WAAW,CAAC,UAE/C;IAEF,YAAY,GAAI,YAAY,YAAY,CAAC,aAAa,CAAC,UAErD;IAEF,eAAe,GAAI,eAAe,YAAY,CAAC,gBAAgB,CAAC,UAE9D;IAEF,kBAAkB,GAAI,kBAAkB,YAAY,CAAC,mBAAmB,CAAC,UAEvE;IAEF,oBAAoB,GAAI,oBAAoB,YAAY,CAAC,qBAAqB,CAAC,UAE7E;IAEF,YAAY,GAAI,OAAO,QAAQ,EAAE,UAE/B;IAEF,cAAc,GAAI,QAAQ,MAAM,EAAE,QAAQ,aAAa,EAAE,UAIvD;IAEF,mBAAmB,GAAI,QAAQ,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,UAEnD;IAEF,OAAO,CAAC,cAAc,CAQpB;IAEF,OAAO,CAAC,eAAe,CAmCrB;IAEF,OAAO,CAAC,aAAa,CA0EnB;IAEF,OAAO,CAAC,sBAAsB,CAgB5B;IAEF,OAAO,CAAC,0BAA0B,CAyBhC;IAEF,OAAO,CAAC,gBAAgB,CAqCtB;IAEF,OAAO,CAAC,4BAA4B,CAiBlC;IAEF,OAAO,CAAC,WAAW,CAUjB;IAEF,OAAO,CAAC,WAAW,CAuCjB;IAEF,OAAO,CAAC,uBAAuB,CAmB7B;IAEF,OAAO,CAAC,uBAAuB,CAO7B;IAEF,OAAO,CAAC,aAAa,CA+CnB;CACL"}

package/dist/store.js

@@ -12,6 +12,7 @@ function _define_property(obj, key, value) {
     return obj;
 }
 import { loadScript } from './loadScript';
+import { logUnlayerError } from './log';
 import { defaultImageValidation } from './shared/configs';
 import { unlayerSupportedFonts } from './shared/fonts';
 import { getFormFieldSampleValue, parseFormFieldKey } from './shared/forms';
@@ -20,6 +21,7 @@ import { unlayerToolsParseTwinKey } from './shared/tools';
 import { unlayerToolsIterate } from './tools';
 import { createUnlayerEditor, DesignUpdatedEventType } from './unlayer';
 const defaultScriptUrl = 'https://editor.unlayer.com/embed.js?2';
+const UNLAYER_TOOLS_READY_TIMEOUT_MS = 30000;
 const normalizeFontToken = (font)=>font.replace(/["']/g, '').split(',')[0].trim().toLowerCase();
 const getDesignFontTokens = (value, out)=>{
     if (!value || typeof value !== 'object') {
@@ -152,6 +154,9 @@ export class UnlayerStore {
         _define_property(this, "isInit", void 0);
         _define_property(this, "iframe", void 0);
         _define_property(this, "hasDesign", void 0);
+        _define_property(this, "hasCoreLoaded", void 0);
+        _define_property(this, "hasToolsRegistered", void 0);
+        _define_property(this, "toolsReadyWatchdogId", void 0);
         _define_property(this, "formFieldsByFormId", void 0);
         _define_property(this, "formFieldSamples", void 0);
         _define_property(this, "onMessageCB", void 0);
@@ -188,27 +193,46 @@ export class UnlayerStore {
         _define_property(this, "buildCalculatedFieldDemoData", void 0);
         _define_property(this, "sendMessage", void 0);
         _define_property(this, "uploadImage", void 0);
+        _define_property(this, "startToolsReadyWatchdog", void 0);
+        _define_property(this, "clearToolsReadyWatchdog", void 0);
         _define_property(this, "validateImage", void 0);
         this.props = props;
         this.isInit = false;
         this.hasDesign = false;
+        this.hasCoreLoaded = false;
+        this.hasToolsRegistered = false;
         this.formFieldsByFormId = {};
         this.formFieldSamples = {};
         this.init = async (container)=>{
-            var _container_querySelector;
             if (this.isInit) {
                 return;
             }
             this.isInit = true;
-            setTimeout(()=>window.addEventListener('message', this.onPostMessage));
-            await loadScript(defaultScriptUrl);
-            this.editor = createUnlayerEditor(container, this.props);
-            this.editor.addEventListener('design:loaded', this.onDesignLoaded);
-            this.editor.addEventListener('design:updated', this.onDesignUpdated);
-            this.editor.registerCallback('image', this.uploadImage);
-            this.iframe = (_container_querySelector = container.querySelector(`iframe`)) !== null && _container_querySelector !== void 0 ? _container_querySelector : undefined;
+            try {
+                var _container_querySelector;
+                setTimeout(()=>window.addEventListener('message', this.onPostMessage));
+                await loadScript(defaultScriptUrl);
+                if (!window.unlayer) {
+                    throw new Error('Unlayer embed script loaded but window.unlayer is missing');
+                }
+                this.editor = createUnlayerEditor(container, this.props);
+                this.editor.addEventListener('design:loaded', this.onDesignLoaded);
+                this.editor.addEventListener('design:updated', this.onDesignUpdated);
+                this.editor.registerCallback('image', this.uploadImage);
+                this.iframe = (_container_querySelector = container.querySelector(`iframe`)) !== null && _container_querySelector !== void 0 ? _container_querySelector : undefined;
+                if (!this.iframe) {
+                    logUnlayerError('Unlayer iframe was not created after createEditor');
+                }
+                this.startToolsReadyWatchdog();
+            } catch (error) {
+                this.isInit = false;
+                this.clearToolsReadyWatchdog();
+                logUnlayerError('Failed to initialize Unlayer editor', error);
+                throw error;
+            }
         };
         this.destroy = ()=>{
+            this.clearToolsReadyWatchdog();
             window.removeEventListener('message', this.onPostMessage);
             if (this.editor) {
                 this.editor.removeEventListener('design:loaded', this.onDesignLoaded);
@@ -333,8 +357,11 @@ export class UnlayerStore {
             }
             if (type === '--ready' || type === '--registered') {
                 var _this_onReadyCB, _this1;
+                this.hasToolsRegistered = true;
+                this.clearToolsReadyWatchdog();
                 (_this_onReadyCB = (_this1 = this).onReadyCB) === null || _this_onReadyCB === void 0 ? void 0 : _this_onReadyCB.call(_this1);
             } else if (type === '--core-loaded') {
+                this.hasCoreLoaded = true;
                 const configData = {
                     dummyData: this.props.dummyData,
                     schema: this.props.schema,
@@ -496,6 +523,7 @@ export class UnlayerStore {
             });
             if (!res.isValid) {
                 var _this_onErrorCB, _this;
+                logUnlayerError(`Image validation failed: ${res.title}`, res.description);
                 (_this_onErrorCB = (_this = this).onErrorCB) === null || _this_onErrorCB === void 0 ? void 0 : _this_onErrorCB.call(_this, res.title, res.description);
                 return;
             }
@@ -508,14 +536,36 @@ export class UnlayerStore {
                     progress: 100,
                     url
                 });
-            } catch (unused) {
+            } catch (error) {
                 var _this_onErrorCB1, _this1;
+                logUnlayerError('Image upload failed', error);
                 (_this_onErrorCB1 = (_this1 = this).onErrorCB) === null || _this_onErrorCB1 === void 0 ? void 0 : _this_onErrorCB1.call(_this1, 'Image upload failed', 'Something went wrong while uploading the image. Please try again or select another image.');
                 done({
                     progress: 100
                 });
             }
         };
+        this.startToolsReadyWatchdog = ()=>{
+            this.clearToolsReadyWatchdog();
+            this.toolsReadyWatchdogId = window.setTimeout(()=>{
+                var _this_onErrorCB, _this;
+                if (this.hasToolsRegistered) {
+                    return;
+                }
+                logUnlayerError('Unlayer custom tools did not finish loading. customJS may not have run, or tool registration stalled.', {
+                    hasCoreLoaded: this.hasCoreLoaded,
+                    hasToolsRegistered: this.hasToolsRegistered
+                });
+                (_this_onErrorCB = (_this = this).onErrorCB) === null || _this_onErrorCB === void 0 ? void 0 : _this_onErrorCB.call(_this, 'Editor failed to load custom tools', 'Unlayer custom tools did not finish loading. Check the browser console for [dte-unlayer] details.');
+            }, UNLAYER_TOOLS_READY_TIMEOUT_MS);
+        };
+        this.clearToolsReadyWatchdog = ()=>{
+            if (this.toolsReadyWatchdogId === undefined) {
+                return;
+            }
+            window.clearTimeout(this.toolsReadyWatchdogId);
+            this.toolsReadyWatchdogId = undefined;
+        };
         this.validateImage = async (file, imageValidation)=>{
             const { maxFileSize, maxHeight, maxWidth } = imageValidation;
             if (file.size > maxFileSize) {