@servicetitan/dte-unlayer 0.158.0 → 0.160.0

package/dist/store.js

@@ -1,47 +1,36 @@
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
 import { emitESignOffsetRequest } from './e-sign-offset/eSignOffsetController';
 import { ImageUploadError } from './image-upload-error';
 import { loadScript } from './loadScript';
 import { logUnlayerError } from './log';
 import { toUnlayerMergeTags } from './merge-tags';
 import { defaultImageValidation } from './shared/configs';
+import { E_SIGN_FIELD_TYPE_LABELS, } from './shared/const';
 import { normalizeESignOffsetSettings } from './shared/e-sign-offset';
 import { unlayerSupportedFonts } from './shared/fonts';
-import { getFormFieldSampleValue, parseFormFieldKey } from './shared/forms';
+import { getFormFieldSampleValue, parseFormFieldKey, } from './shared/forms';
 import { schemaBuildMap, schemaIsDate } from './shared/schema';
 import { unlayerToolsParseTwinKey } from './shared/tools';
-import { unlayerToolsDedupeInstanceIds, unlayerToolsIterate, unlayerToolsNormalizeESignOffsets } from './tools';
-import { createUnlayerEditor, DesignUpdatedEventType } from './unlayer';
+import { unlayerToolsDedupeInstanceIds, unlayerToolsIterate, unlayerToolsNormalizeESignOffsets, } 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)=>{
+const normalizeFontToken = (font) => font.replace(/["']/g, '').split(',')[0].trim().toLowerCase();
+const getDesignFontTokens = (value, out) => {
     if (!value || typeof value !== 'object') {
         return;
     }
     if (Array.isArray(value)) {
-        for (const item of value){
+        for (const item of value) {
             getDesignFontTokens(item, out);
         }
         return;
     }
-    for (const [key, fieldValue] of Object.entries(value)){
+    for (const [key, fieldValue] of Object.entries(value)) {
         if (key === 'fontFamily') {
             if (typeof fieldValue === 'string') {
                 out.add(normalizeFontToken(fieldValue));
-            } else if (fieldValue && typeof fieldValue === 'object') {
+            }
+            else if (fieldValue && typeof fieldValue === 'object') {
                 const fontFamilyValue = fieldValue;
                 if (typeof fontFamilyValue.label === 'string') {
                     out.add(normalizeFontToken(fontFamilyValue.label));
@@ -56,25 +45,22 @@ const getDesignFontTokens = (value, out)=>{
         }
     }
 };
-const ensureChunksFonts = (data)=>{
-    var _data, _chunks;
+const ensureChunksFonts = (data) => {
+    var _a;
     if (!data || typeof data !== 'object') {
         return data;
     }
-    (_chunks = (_data = data).chunks) !== null && _chunks !== void 0 ? _chunks : _data.chunks = {};
+    (_a = data.chunks) !== null && _a !== void 0 ? _a : (data.chunks = {});
     const existingFonts = Array.isArray(data.chunks.fonts) ? data.chunks.fonts : [];
-    const existingLabels = new Set(existingFonts.map((f)=>f.label));
+    const existingLabels = new Set(existingFonts.map((f) => f.label));
     const usedFontTokens = new Set();
     getDesignFontTokens(data.design, usedFontTokens);
     const html = typeof data.html === 'string' ? data.html.toLowerCase() : '';
-    for (const font of unlayerSupportedFonts){
+    for (const font of unlayerSupportedFonts) {
         const labelToken = normalizeFontToken(font.label);
         const valueToken = normalizeFontToken(font.value);
         const isUsedInDesign = usedFontTokens.has(labelToken) || usedFontTokens.has(valueToken);
-        const isUsedInHtml = [
-            labelToken,
-            valueToken
-        ].some((token)=>html.includes(token));
+        const isUsedInHtml = [labelToken, valueToken].some(token => html.includes(token));
         if ((isUsedInDesign || isUsedInHtml) && !existingLabels.has(font.label)) {
             existingFonts.push(font);
             existingLabels.add(font.label);
@@ -84,41 +70,42 @@ const ensureChunksFonts = (data)=>{
     return data;
 };
 const FORM_FIELD_DATA_POINT_PREFIX = 'FORM_FIELD_';
-const getByPath = (data, path)=>{
+const getByPath = (data, path) => {
     if (!data || typeof data !== 'object') {
         return undefined;
     }
-    return path.split('.').reduce((current, part)=>{
+    return path.split('.').reduce((current, part) => {
         if (!current || typeof current !== 'object') {
             return undefined;
         }
         return current[part];
     }, data);
 };
-const isPlainObject = (value)=>!!value && typeof value === 'object' && !Array.isArray(value);
-const deepMerge = (...sources)=>{
+const isPlainObject = (value) => !!value && typeof value === 'object' && !Array.isArray(value);
+const deepMerge = (...sources) => {
     const out = {};
-    for (const source of sources){
+    for (const source of sources) {
         if (!isPlainObject(source)) {
             continue;
         }
-        for (const [key, value] of Object.entries(source)){
+        for (const [key, value] of Object.entries(source)) {
             if (isPlainObject(value) && isPlainObject(out[key])) {
                 out[key] = deepMerge(out[key], value);
-            } else {
+            }
+            else {
                 out[key] = value;
             }
         }
     }
     return out;
 };
-const setByPath = (target, path, value)=>{
+const setByPath = (target, path, value) => {
     const parts = path.split('.');
     if (!parts.length) {
         return;
     }
     let node = target;
-    for(let i = 0; i < parts.length - 1; i += 1){
+    for (let i = 0; i < parts.length - 1; i += 1) {
         const key = parts[i];
         if (!isPlainObject(node[key])) {
             node[key] = {};
@@ -127,10 +114,10 @@ const setByPath = (target, path, value)=>{
     }
     node[parts[parts.length - 1]] = value;
 };
-const tokenizeFormulaFields = (expression)=>{
-    var _expression_match;
+const tokenizeFormulaFields = (expression) => {
+    var _a;
     const regex = /[A-Za-z_][A-Za-z0-9_.]*/g;
-    return (_expression_match = expression.match(regex)) !== null && _expression_match !== void 0 ? _expression_match : [];
+    return (_a = expression.match(regex)) !== null && _a !== void 0 ? _a : [];
 };
 // We are using exclusive lists here, because we can't be sure that we know all unlayer event types
 const eventsNotChangingToolsList = [
@@ -139,586 +126,902 @@ const eventsNotChangingToolsList = [
     DesignUpdatedEventType.ColumnModified,
     DesignUpdatedEventType.RowMoved,
     DesignUpdatedEventType.RowModified,
-    DesignUpdatedEventType.BodyModified
+    DesignUpdatedEventType.BodyModified,
 ];
 const eventsNotAddingTools = [
     ...eventsNotChangingToolsList,
     DesignUpdatedEventType.ContentRemoved,
     DesignUpdatedEventType.ColumnRemoved,
-    DesignUpdatedEventType.RowRemoved
+    DesignUpdatedEventType.RowRemoved,
 ];
 export class UnlayerStore {
-    constructor(props){
-        var _ref, _ref1;
-        _define_property(this, "props", void 0);
-        _define_property(this, "unlayerRef", void 0);
-        _define_property(this, "schemaDummyData", void 0);
-        _define_property(this, "dateSchemaFieldKeys", void 0);
-        _define_property(this, "editor", void 0);
-        _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, "isEditorReady", void 0);
-        _define_property(this, "isMergeTagsApplied", void 0);
-        _define_property(this, "mergeTagsConfig", void 0);
-        _define_property(this, "onMessageCB", void 0);
-        _define_property(this, "onChangeCB", void 0);
-        _define_property(this, "onSnapshotSaveCB", void 0);
-        _define_property(this, "onReadyCB", void 0);
-        _define_property(this, "onImageCB", void 0);
-        _define_property(this, "onErrorCB", void 0);
-        _define_property(this, "onFormSelectCB", void 0);
-        _define_property(this, "onCalcFieldOpenCB", void 0);
-        _define_property(this, "onCalcFieldSelectCB", void 0);
-        _define_property(this, "init", void 0);
-        _define_property(this, "destroy", void 0);
-        _define_property(this, "addTwin", void 0);
-        _define_property(this, "setDesign", void 0);
-        _define_property(this, "setOnChange", void 0);
-        _define_property(this, "setOnSnapshotSave", void 0);
-        _define_property(this, "setOnReady", void 0);
-        _define_property(this, "setOnImage", void 0);
-        _define_property(this, "setOnError", void 0);
-        _define_property(this, "setOnMessage", void 0);
-        _define_property(this, "setOnFormSelect", void 0);
-        _define_property(this, "setOnCalcFieldOpen", void 0);
-        _define_property(this, "setOnCalcFieldSelect", void 0);
-        _define_property(this, "sendFormList", void 0);
-        _define_property(this, "sendFormFields", void 0);
-        _define_property(this, "sendCalcFieldLabels", void 0);
-        /**
-     * Replaces the editor's merge tag menu. Nested groups passed to `createEditor` stop DTE
-     * custom tools from registering, so init only carries the flat shape and the grouped
-     * config is applied here once the editor is ready. A call before that (including the
-     * initial props) is parked; a later call replaces it. A failed apply is retried on the
-     * next `design:loaded`.
-     */ _define_property(this, "setMergeTags", void 0);
-        _define_property(this, "applyMergeTags", void 0);
-        _define_property(this, "onEditorReady", void 0);
-        _define_property(this, "onDesignLoaded", void 0);
-        _define_property(this, "onDesignUpdated", void 0);
-        _define_property(this, "onPostMessage", void 0);
-        _define_property(this, "openESignOffsetRules", void 0);
-        _define_property(this, "updateFormFieldSamples", void 0);
-        _define_property(this, "collectCalculatedFieldKeys", void 0);
-        _define_property(this, "resolveDemoValue", void 0);
-        _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.isEditorReady = false;
-        this.isMergeTagsApplied = false;
-        this.init = async (container)=>{
-            if (this.isInit) {
-                return;
-            }
-            this.isInit = true;
-            try {
-                var // The host may already have pushed a newer set through `setMergeTags`; keep it.
-                _this_mergeTagsConfig, _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_mergeTagsConfig = this.mergeTagsConfig) !== null && _this_mergeTagsConfig !== void 0 ? _this_mergeTagsConfig : this.mergeTagsConfig = toUnlayerMergeTags(this.props.mergeTags);
-                this.editor.addEventListener('editor:ready', this.onEditorReady);
-                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;
+    constructor(props) {
+        var _a, _b;
+        Object.defineProperty(this, "props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: props
+        });
+        Object.defineProperty(this, "unlayerRef", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "schemaDummyData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "dateSchemaFieldKeys", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "editor", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "isInit", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "iframe", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "hasDesign", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "hasCoreLoaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "hasToolsRegistered", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "toolsReadyWatchdogId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "formFieldsByFormId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "formFieldSamples", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "isEditorReady", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "isMergeTagsApplied", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "mergeTagsConfig", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** Latest `--business-calendar-state` payload, and the last one sent to the iframe. */
+        Object.defineProperty(this, "businessCalendarStateJson", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "sentBusinessCalendarStateJson", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onMessageCB", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onChangeCB", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onSnapshotSaveCB", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onReadyCB", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onImageCB", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onErrorCB", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onFormSelectCB", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onCalcFieldOpenCB", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onCalcFieldSelectCB", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "onBusinessCalendarRequestCB", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "init", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async (container) => {
+                var _a, _b;
+                if (this.isInit) {
+                    return;
+                }
+                this.isInit = true;
+                try {
+                    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);
+                    // The host may already have pushed a newer set through `setMergeTags`; keep it.
+                    (_a = this.mergeTagsConfig) !== null && _a !== void 0 ? _a : (this.mergeTagsConfig = toUnlayerMergeTags(this.props.mergeTags));
+                    this.editor.addEventListener('editor:ready', this.onEditorReady);
+                    this.editor.addEventListener('design:loaded', this.onDesignLoaded);
+                    this.editor.addEventListener('design:updated', this.onDesignUpdated);
+                    this.editor.registerCallback('image', this.uploadImage);
+                    this.iframe = (_b = container.querySelector(`iframe`)) !== null && _b !== void 0 ? _b : 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;
+                }
+            }
+        });
+        Object.defineProperty(this, "destroy", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
                 this.clearToolsReadyWatchdog();
-                logUnlayerError('Failed to initialize Unlayer editor', error);
-                throw error;
+                window.removeEventListener('message', this.onPostMessage);
+                if (this.editor) {
+                    this.editor.removeEventListener('editor:ready', this.onEditorReady);
+                    this.editor.removeEventListener('design:loaded', this.onDesignLoaded);
+                    this.editor.removeEventListener('design:updated', this.onDesignUpdated);
+                    this.editor.unregisterCallback('image', this.uploadImage);
+                    this.editor = undefined;
+                }
             }
-        };
-        this.destroy = ()=>{
-            this.clearToolsReadyWatchdog();
-            window.removeEventListener('message', this.onPostMessage);
-            if (this.editor) {
-                this.editor.removeEventListener('editor:ready', this.onEditorReady);
-                this.editor.removeEventListener('design:loaded', this.onDesignLoaded);
-                this.editor.removeEventListener('design:updated', this.onDesignUpdated);
-                this.editor.unregisterCallback('image', this.uploadImage);
-                this.editor = undefined;
+        });
+        Object.defineProperty(this, "addTwin", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (twin) => {
+                var _a;
+                (_a = this.props.toolTwins) === null || _a === void 0 ? void 0 : _a.push(twin);
+                this.sendMessage('--add-twin', JSON.parse(JSON.stringify(twin)));
             }
-        };
-        this.addTwin = (twin)=>{
-            var _this_props_toolTwins;
-            (_this_props_toolTwins = this.props.toolTwins) === null || _this_props_toolTwins === void 0 ? void 0 : _this_props_toolTwins.push(twin);
-            this.sendMessage('--add-twin', JSON.parse(JSON.stringify(twin)));
-        };
-        this.setDesign = (design)=>{
-            if (!this.editor) {
-                return;
+        });
+        Object.defineProperty(this, "setDesign", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (design) => {
+                if (!this.editor) {
+                    return;
+                }
+                this.hasDesign = !!design;
+                if (design) {
+                    this.editor.loadDesign(design);
+                }
             }
-            this.hasDesign = !!design;
-            if (design) {
-                this.editor.loadDesign(design);
+        });
+        Object.defineProperty(this, "setOnChange", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (onChange) => {
+                this.onChangeCB = onChange;
             }
-        };
-        this.setOnChange = (onChange)=>{
-            this.onChangeCB = onChange;
-        };
-        this.setOnSnapshotSave = (onSnapshotSave)=>{
-            this.onSnapshotSaveCB = onSnapshotSave;
-        };
-        this.setOnReady = (onReady)=>{
-            this.onReadyCB = onReady;
-        };
-        this.setOnImage = (onImage)=>{
-            this.onImageCB = onImage;
-        };
-        this.setOnError = (onError)=>{
-            this.onErrorCB = onError;
-        };
-        this.setOnMessage = (onMessage)=>{
-            this.onMessageCB = onMessage;
-        };
-        this.setOnFormSelect = (onFormSelect)=>{
-            this.onFormSelectCB = onFormSelect;
-        };
-        this.setOnCalcFieldOpen = (onCalcFieldOpen)=>{
-            this.onCalcFieldOpenCB = onCalcFieldOpen;
-        };
-        this.setOnCalcFieldSelect = (onCalcFieldSelect)=>{
-            this.onCalcFieldSelectCB = onCalcFieldSelect;
-        };
-        this.sendFormList = (forms)=>{
-            this.sendMessage('--form-list', {
-                forms
-            });
-        };
-        this.sendFormFields = (formId, fields)=>{
-            this.formFieldsByFormId[formId] = fields;
-            this.updateFormFieldSamples(formId, fields);
-            this.sendMessage('--form-fields', {
-                formId,
-                fields
-            });
-        };
-        this.sendCalcFieldLabels = (labels)=>{
-            this.sendMessage('--calc-field-labels', {
-                labels
-            });
-        };
-        this.setMergeTags = (tags)=>{
-            this.mergeTagsConfig = toUnlayerMergeTags(tags);
-            this.isMergeTagsApplied = false;
-            this.applyMergeTags();
-        };
-        this.applyMergeTags = ()=>{
-            if (!this.editor || !this.isEditorReady || this.isMergeTagsApplied || !this.mergeTagsConfig) {
-                return;
+        });
+        Object.defineProperty(this, "setOnSnapshotSave", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (onSnapshotSave) => {
+                this.onSnapshotSaveCB = onSnapshotSave;
             }
-            try {
-                this.editor.setMergeTags(this.mergeTagsConfig);
-                this.isMergeTagsApplied = true;
-            } catch (error) {
-                logUnlayerError('Failed to apply merge tags', error);
+        });
+        Object.defineProperty(this, "setOnReady", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (onReady) => {
+                this.onReadyCB = onReady;
             }
-        };
-        this.onEditorReady = ()=>{
-            this.isEditorReady = true;
-            this.applyMergeTags();
-        };
-        this.onDesignLoaded = ()=>{
-            // A loaded design means the editor is up even if `editor:ready` never reached us.
-            this.onEditorReady();
-            if (!this.hasDesign) {
-                var _this_editor;
-                this.hasDesign = true;
-                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.setBodyValues({
-                    backgroundColor: 'rgba(0,0,0,0)',
-                    contentWidth: '100%'
-                });
+        });
+        Object.defineProperty(this, "setOnImage", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (onImage) => {
+                this.onImageCB = onImage;
             }
-        };
-        this.onDesignUpdated = (event)=>{
-            const isToolAdded = !eventsNotAddingTools.includes(event.type);
-            const isToolsListChanged = !eventsNotChangingToolsList.includes(event.type);
-            if (isToolAdded) {
-                var _this_editor;
-                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.exportHtml((data)=>{
-                    var _event_item_values__meta, _event_item_values, _event_item, _this_onChangeCB, _this;
-                    let hasChanges = false;
-                    unlayerToolsIterate(data.design, (tool)=>{
-                        var _tool_slug;
-                        const realTool = tool.slug ? unlayerToolsParseTwinKey((_tool_slug = tool.slug) !== null && _tool_slug !== void 0 ? _tool_slug : '') : undefined;
-                        if (realTool) {
-                            hasChanges = true;
-                            if (tool.slug) {
-                                delete data.design.counters[`u_content_custom_${tool.slug}`];
-                                delete tool.values._meta.htmlID;
+        });
+        Object.defineProperty(this, "setOnError", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (onError) => {
+                this.onErrorCB = onError;
+            }
+        });
+        Object.defineProperty(this, "setOnMessage", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (onMessage) => {
+                this.onMessageCB = onMessage;
+            }
+        });
+        Object.defineProperty(this, "setOnFormSelect", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (onFormSelect) => {
+                this.onFormSelectCB = onFormSelect;
+            }
+        });
+        Object.defineProperty(this, "setOnCalcFieldOpen", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (onCalcFieldOpen) => {
+                this.onCalcFieldOpenCB = onCalcFieldOpen;
+            }
+        });
+        Object.defineProperty(this, "setOnCalcFieldSelect", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (onCalcFieldSelect) => {
+                this.onCalcFieldSelectCB = onCalcFieldSelect;
+            }
+        });
+        Object.defineProperty(this, "setOnBusinessCalendarRequest", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (onBusinessCalendarRequest) => {
+                this.onBusinessCalendarRequestCB = onBusinessCalendarRequest;
+            }
+        });
+        /** Tells the iframe how a schedule `delete` request ended. */
+        Object.defineProperty(this, "sendBusinessCalendarResult", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (result) => {
+                this.sendMessage('--business-calendar-result', JSON.parse(JSON.stringify(result)));
+            }
+        });
+        /**
+         * Keeps the schedule state for the iframe and sends it once the tools core has loaded (it
+         * goes out again right after `--config`). An unchanged state isn't sent again.
+         */
+        Object.defineProperty(this, "setBusinessCalendarState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (state) => {
+                this.businessCalendarStateJson = JSON.stringify(state);
+                if (this.hasCoreLoaded &&
+                    this.businessCalendarStateJson !== this.sentBusinessCalendarStateJson) {
+                    this.sendBusinessCalendarState();
+                }
+            }
+        });
+        Object.defineProperty(this, "sendFormList", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (forms) => {
+                this.sendMessage('--form-list', { forms });
+            }
+        });
+        Object.defineProperty(this, "sendFormFields", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (formId, fields) => {
+                this.formFieldsByFormId[formId] = fields;
+                this.updateFormFieldSamples(formId, fields);
+                this.sendMessage('--form-fields', { formId, fields });
+            }
+        });
+        Object.defineProperty(this, "sendCalcFieldLabels", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (labels) => {
+                this.sendMessage('--calc-field-labels', { labels });
+            }
+        });
+        /**
+         * Replaces the editor's merge tag menu. Nested groups passed to `createEditor` stop DTE
+         * custom tools from registering, so init only carries the flat shape and the grouped
+         * config is applied here once the editor is ready. A call before that (including the
+         * initial props) is parked; a later call replaces it. A failed apply is retried on the
+         * next `design:loaded`.
+         */
+        Object.defineProperty(this, "setMergeTags", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (tags) => {
+                this.mergeTagsConfig = toUnlayerMergeTags(tags);
+                this.isMergeTagsApplied = false;
+                this.applyMergeTags();
+            }
+        });
+        Object.defineProperty(this, "applyMergeTags", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.editor ||
+                    !this.isEditorReady ||
+                    this.isMergeTagsApplied ||
+                    !this.mergeTagsConfig) {
+                    return;
+                }
+                try {
+                    this.editor.setMergeTags(this.mergeTagsConfig);
+                    this.isMergeTagsApplied = true;
+                }
+                catch (error) {
+                    logUnlayerError('Failed to apply merge tags', error);
+                }
+            }
+        });
+        Object.defineProperty(this, "onEditorReady", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.isEditorReady = true;
+                this.applyMergeTags();
+            }
+        });
+        Object.defineProperty(this, "onDesignLoaded", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                var _a;
+                // A loaded design means the editor is up even if `editor:ready` never reached us.
+                this.onEditorReady();
+                if (!this.hasDesign) {
+                    this.hasDesign = true;
+                    (_a = this.editor) === null || _a === void 0 ? void 0 : _a.setBodyValues({
+                        backgroundColor: 'rgba(0,0,0,0)',
+                        contentWidth: '100%',
+                    });
+                }
+            }
+        });
+        Object.defineProperty(this, "onDesignUpdated", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (event) => {
+                var _a, _b;
+                const isToolAdded = !eventsNotAddingTools.includes(event.type);
+                const isToolsListChanged = !eventsNotChangingToolsList.includes(event.type);
+                if (isToolAdded) {
+                    (_a = this.editor) === null || _a === void 0 ? void 0 : _a.exportHtml(data => {
+                        var _a, _b, _c, _d;
+                        let hasChanges = false;
+                        unlayerToolsIterate(data.design, tool => {
+                            var _a;
+                            const realTool = tool.slug
+                                ? unlayerToolsParseTwinKey((_a = tool.slug) !== null && _a !== void 0 ? _a : '')
+                                : undefined;
+                            if (realTool) {
+                                hasChanges = true;
+                                if (tool.slug) {
+                                    delete data.design.counters[`u_content_custom_${tool.slug}`];
+                                    delete tool.values._meta.htmlID;
+                                }
+                                tool.type = realTool.type;
+                                tool.slug = realTool.slug;
                             }
-                            tool.type = realTool.type;
-                            tool.slug = realTool.slug;
+                        });
+                        // Duplicated contents/rows carry the original's instance GUIDs; give copies new ones.
+                        if (unlayerToolsDedupeInstanceIds(data.design, (_c = (_b = (_a = event.item) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b._meta) === null || _c === void 0 ? void 0 : _c.htmlID)) {
+                            hasChanges = true;
+                        }
+                        if (hasChanges) {
+                            this.setDesign(data.design);
                         }
+                        (_d = this.onChangeCB) === null || _d === void 0 ? void 0 : _d.call(this, { isToolsListChanged });
                     });
-                    // Duplicated contents/rows carry the original's instance GUIDs; give copies new ones.
-                    if (unlayerToolsDedupeInstanceIds(data.design, (_event_item = event.item) === null || _event_item === void 0 ? void 0 : (_event_item_values = _event_item.values) === null || _event_item_values === void 0 ? void 0 : (_event_item_values__meta = _event_item_values._meta) === null || _event_item_values__meta === void 0 ? void 0 : _event_item_values__meta.htmlID)) {
-                        hasChanges = true;
+                }
+                else {
+                    (_b = this.onChangeCB) === null || _b === void 0 ? void 0 : _b.call(this, { isToolsListChanged });
+                }
+            }
+        });
+        Object.defineProperty(this, "onPostMessage", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (e) => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+                if (!((_a = e.data) === null || _a === void 0 ? void 0 : _a['-dte-message-from'])) {
+                    return;
+                }
+                const type = (_c = (_b = e.data) === null || _b === void 0 ? void 0 : _b['-dte-message-from']) === null || _c === void 0 ? void 0 : _c.type;
+                const data = (_e = (_d = e.data) === null || _d === void 0 ? void 0 : _d['-dte-message-from']) === null || _e === void 0 ? void 0 : _e.data;
+                if (!type) {
+                    return;
+                }
+                if (type === '--ready' || type === '--registered') {
+                    this.hasToolsRegistered = true;
+                    this.clearToolsReadyWatchdog();
+                    (_f = this.onReadyCB) === null || _f === void 0 ? void 0 : _f.call(this);
+                }
+                else if (type === '--core-loaded') {
+                    this.hasCoreLoaded = true;
+                    const configData = {
+                        dummyData: this.props.dummyData,
+                        schema: this.props.schema,
+                        generics: this.props.generics,
+                        genericConfigMode: this.props.genericConfigMode,
+                        isSnapshotMode: this.props.isSnapshotMode,
+                        holidays: this.props.holidays,
+                        fieldCalendars: this.props.fieldCalendars,
+                        conditionalRulesEnabled: !!this.props.displayConditions || !!this.props.onConditionalsOpen,
+                    };
+                    this.sendMessage('--config', JSON.parse(JSON.stringify(configData)));
+                    // Always: a reloaded tools core starts without it.
+                    this.sendBusinessCalendarState();
+                }
+                else if (type === '--form-select') {
+                    (_g = this.onFormSelectCB) === null || _g === void 0 ? void 0 : _g.call(this, data === null || data === void 0 ? void 0 : data.formId);
+                }
+                else if (type === '--calc-field-open') {
+                    (_h = this.onCalcFieldOpenCB) === null || _h === void 0 ? void 0 : _h.call(this, (_j = data === null || data === void 0 ? void 0 : data.usedFormIds) !== null && _j !== void 0 ? _j : []);
+                }
+                else if (type === '--esign-offset-open') {
+                    this.openESignOffsetRules(data);
+                }
+                else if (type === '--business-calendar-request') {
+                    // It can delete a tenant schedule and replace bindings: only from this editor's iframe.
+                    if (e.source === ((_k = this.iframe) === null || _k === void 0 ? void 0 : _k.contentWindow)) {
+                        this.routeBusinessCalendarRequest(data);
                     }
-                    if (hasChanges) {
-                        this.setDesign(data.design);
+                }
+                else if (type === '--calc-field-select') {
+                    if (this.onCalcFieldSelectCB) {
+                        this.onCalcFieldSelectCB((_l = data === null || data === void 0 ? void 0 : data.fieldKeys) !== null && _l !== void 0 ? _l : []);
                     }
-                    (_this_onChangeCB = (_this = this).onChangeCB) === null || _this_onChangeCB === void 0 ? void 0 : _this_onChangeCB.call(_this, {
-                        isToolsListChanged
-                    });
-                });
-            } else {
-                var _this_onChangeCB, _this;
-                (_this_onChangeCB = (_this = this).onChangeCB) === null || _this_onChangeCB === void 0 ? void 0 : _this_onChangeCB.call(_this, {
-                    isToolsListChanged
-                });
-            }
-        };
-        this.onPostMessage = (e)=>{
-            var _e_data, _e_data_dtemessagefrom, _e_data1, _e_data_dtemessagefrom1, _e_data2, _this_onMessageCB, _this;
-            if (!((_e_data = e.data) === null || _e_data === void 0 ? void 0 : _e_data['-dte-message-from'])) {
-                return;
-            }
-            const type = (_e_data1 = e.data) === null || _e_data1 === void 0 ? void 0 : (_e_data_dtemessagefrom = _e_data1['-dte-message-from']) === null || _e_data_dtemessagefrom === void 0 ? void 0 : _e_data_dtemessagefrom.type;
-            const data = (_e_data2 = e.data) === null || _e_data2 === void 0 ? void 0 : (_e_data_dtemessagefrom1 = _e_data2['-dte-message-from']) === null || _e_data_dtemessagefrom1 === void 0 ? void 0 : _e_data_dtemessagefrom1.data;
-            if (!type) {
-                return;
-            }
-            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,
-                    generics: this.props.generics,
-                    genericConfigMode: this.props.genericConfigMode,
-                    isSnapshotMode: this.props.isSnapshotMode,
-                    holidays: this.props.holidays,
-                    fieldCalendars: this.props.fieldCalendars,
-                    conditionalRulesEnabled: !!this.props.displayConditions || !!this.props.onConditionalsOpen
-                };
-                this.sendMessage('--config', JSON.parse(JSON.stringify(configData)));
-            } else if (type === '--form-select') {
-                var _this_onFormSelectCB, _this2;
-                (_this_onFormSelectCB = (_this2 = this).onFormSelectCB) === null || _this_onFormSelectCB === void 0 ? void 0 : _this_onFormSelectCB.call(_this2, data === null || data === void 0 ? void 0 : data.formId);
-            } else if (type === '--calc-field-open') {
-                var _ref;
-                var _this_onCalcFieldOpenCB, _this3;
-                (_this_onCalcFieldOpenCB = (_this3 = this).onCalcFieldOpenCB) === null || _this_onCalcFieldOpenCB === void 0 ? void 0 : _this_onCalcFieldOpenCB.call(_this3, (_ref = data === null || data === void 0 ? void 0 : data.usedFormIds) !== null && _ref !== void 0 ? _ref : []);
-            } else if (type === '--esign-offset-open') {
-                this.openESignOffsetRules(data);
-            } else if (type === '--calc-field-select') {
-                if (this.onCalcFieldSelectCB) {
-                    var _ref1;
-                    this.onCalcFieldSelectCB((_ref1 = data === null || data === void 0 ? void 0 : data.fieldKeys) !== null && _ref1 !== void 0 ? _ref1 : []);
-                } else {
-                    this.sendCalcFieldLabels({});
-                }
-            } else if (type === '--data-loaded') {
-                var _this_props_units;
-                const data = {
-                    customTools: this.props.tools.map((tool)=>({
-                            key: tool.key
-                        })),
-                    toolTwins: this.props.toolTwins,
-                    eSignRecipients: this.props.eSignRecipients,
-                    eSignFieldTypes: this.props.eSignFieldTypes,
-                    units: (_this_props_units = this.props.units) === null || _this_props_units === void 0 ? void 0 : _this_props_units.map((unit)=>({
+                    else {
+                        this.sendCalcFieldLabels({});
+                    }
+                }
+                else if (type === '--data-loaded') {
+                    const data = {
+                        customTools: this.props.tools.map(tool => ({ key: tool.key })),
+                        toolTwins: this.props.toolTwins,
+                        eSignRecipients: this.props.eSignRecipients,
+                        eSignFieldTypes: this.props.eSignFieldTypes,
+                        eSignFieldTypeLabels: E_SIGN_FIELD_TYPE_LABELS,
+                        units: (_m = this.props.units) === null || _m === void 0 ? void 0 : _m.map(unit => ({
                             ...unit,
                             values: {
                                 ...unit.values,
-                                adminConfig: undefined
-                            }
-                        }))
-                };
-                this.sendMessage('--register', JSON.parse(JSON.stringify(data)));
-            } else if (type === '--save-snapshot') {
-                var _this_editor;
-                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.exportHtml((template)=>{
-                    unlayerToolsIterate(template.design, (tool)=>{
-                        var _tool_values_twin, _tool_values;
-                        if (((_tool_values = tool.values) === null || _tool_values === void 0 ? void 0 : (_tool_values_twin = _tool_values.twin) === null || _tool_values_twin === void 0 ? void 0 : _tool_values_twin.id) === data.id) {
-                            var _this_onSnapshotSaveCB, _this;
-                            if (!tool.slug) {
-                                return;
+                                adminConfig: undefined,
+                            },
+                        })),
+                    };
+                    this.sendMessage('--register', JSON.parse(JSON.stringify(data)));
+                }
+                else if (type === '--save-snapshot') {
+                    (_o = this.editor) === null || _o === void 0 ? void 0 : _o.exportHtml(template => {
+                        unlayerToolsIterate(template.design, tool => {
+                            var _a, _b, _c;
+                            if (((_b = (_a = tool.values) === null || _a === void 0 ? void 0 : _a.twin) === null || _b === void 0 ? void 0 : _b.id) === data.id) {
+                                if (!tool.slug) {
+                                    return;
+                                }
+                                (_c = this.onSnapshotSaveCB) === null || _c === void 0 ? void 0 : _c.call(this, {
+                                    title: '',
+                                    tool: tool.slug,
+                                    values: tool.values,
+                                });
+                                return false;
                             }
-                            (_this_onSnapshotSaveCB = (_this = this).onSnapshotSaveCB) === null || _this_onSnapshotSaveCB === void 0 ? void 0 : _this_onSnapshotSaveCB.call(_this, {
-                                title: '',
-                                tool: tool.slug,
-                                values: tool.values
-                            });
-                            return false;
-                        }
+                        });
                     });
-                });
+                }
+                (_p = this.onMessageCB) === null || _p === void 0 ? void 0 : _p.call(this, type, data);
             }
-            (_this_onMessageCB = (_this = this).onMessageCB) === null || _this_onMessageCB === void 0 ? void 0 : _this_onMessageCB.call(_this, type, data);
-        };
-        this.openESignOffsetRules = (data)=>{
-            const requestId = data === null || data === void 0 ? void 0 : data.requestId;
-            if (!requestId) {
-                return;
-            }
-            emitESignOffsetRequest({
-                value: normalizeESignOffsetSettings(data.value),
-                done: (value)=>{
-                    const result = {
-                        requestId,
-                        value
-                    };
-                    this.sendMessage('--esign-offset-result', JSON.parse(JSON.stringify(result)));
+        });
+        Object.defineProperty(this, "openESignOffsetRules", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (data) => {
+                const requestId = data === null || data === void 0 ? void 0 : data.requestId;
+                if (!requestId) {
+                    return;
                 }
-            });
-        };
-        this.updateFormFieldSamples = (formId, fields)=>{
-            fields.forEach((field, index)=>{
-                var _field_id;
-                const normalizedFieldId = String((_field_id = field.id) !== null && _field_id !== void 0 ? _field_id : '').replaceAll('-', '');
-                if (!normalizedFieldId) {
+                emitESignOffsetRequest({
+                    value: normalizeESignOffsetSettings(data.value),
+                    done: value => {
+                        const result = { requestId, value };
+                        this.sendMessage('--esign-offset-result', JSON.parse(JSON.stringify(result)));
+                    },
+                });
+            }
+        });
+        Object.defineProperty(this, "routeBusinessCalendarRequest", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (data) => {
+                var _a;
+                if (!(data === null || data === void 0 ? void 0 : data.action) || !data.fieldKey) {
                     return;
                 }
-                const sampleValue = getFormFieldSampleValue(field, index);
-                setByPath(this.formFieldSamples, `__submission_fields.${formId}.${normalizedFieldId}`, sampleValue);
-                this.formFieldSamples[`${FORM_FIELD_DATA_POINT_PREFIX}${normalizedFieldId}`] = sampleValue;
-            });
-        };
-        this.collectCalculatedFieldKeys = (design)=>{
-            const keys = new Set();
-            if (!design) {
-                return keys;
+                (_a = this.onBusinessCalendarRequestCB) === null || _a === void 0 ? void 0 : _a.call(this, data);
             }
-            unlayerToolsIterate(design, (tool)=>{
-                var _tool_values;
-                const calc = (_tool_values = tool.values) === null || _tool_values === void 0 ? void 0 : _tool_values.calculation;
-                if (!calc || typeof calc !== 'object') {
+        });
+        Object.defineProperty(this, "sendBusinessCalendarState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.businessCalendarStateJson) {
                     return;
                 }
-                if (typeof calc.expression === 'string') {
-                    for (const key of tokenizeFormulaFields(calc.expression)){
-                        keys.add(key);
+                this.sentBusinessCalendarStateJson = this.businessCalendarStateJson;
+                this.sendMessage('--business-calendar-state', JSON.parse(this.businessCalendarStateJson));
+            }
+        });
+        Object.defineProperty(this, "updateFormFieldSamples", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (formId, fields) => {
+                fields.forEach((field, index) => {
+                    var _a;
+                    const normalizedFieldId = String((_a = field.id) !== null && _a !== void 0 ? _a : '').replaceAll('-', '');
+                    if (!normalizedFieldId) {
+                        return;
                     }
+                    const sampleValue = getFormFieldSampleValue(field, index);
+                    setByPath(this.formFieldSamples, `__submission_fields.${formId}.${normalizedFieldId}`, sampleValue);
+                    this.formFieldSamples[`${FORM_FIELD_DATA_POINT_PREFIX}${normalizedFieldId}`] =
+                        sampleValue;
+                });
+            }
+        });
+        Object.defineProperty(this, "collectCalculatedFieldKeys", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (design) => {
+                const keys = new Set();
+                if (!design) {
+                    return keys;
                 }
-                if (calc.fieldLabels && typeof calc.fieldLabels === 'object') {
-                    Object.keys(calc.fieldLabels).forEach((key)=>keys.add(key));
-                }
-            });
-            return keys;
-        };
-        this.resolveDemoValue = (key, fallbackIndex, sourceData)=>{
-            const parsedFormField = parseFormFieldKey(key);
-            if (parsedFormField) {
-                var _this_formFieldsByFormId_parsedFormField_formId;
-                const normalizedFieldId = parsedFormField.fieldId;
-                const formFields = (_this_formFieldsByFormId_parsedFormField_formId = this.formFieldsByFormId[parsedFormField.formId]) !== null && _this_formFieldsByFormId_parsedFormField_formId !== void 0 ? _this_formFieldsByFormId_parsedFormField_formId : [];
-                const fieldIndex = formFields.findIndex((field)=>{
-                    var _field_id;
-                    return String((_field_id = field.id) !== null && _field_id !== void 0 ? _field_id : '').replaceAll('-', '') === normalizedFieldId;
+                unlayerToolsIterate(design, tool => {
+                    var _a;
+                    const calc = (_a = tool.values) === null || _a === void 0 ? void 0 : _a.calculation;
+                    if (!calc || typeof calc !== 'object') {
+                        return;
+                    }
+                    if (typeof calc.expression === 'string') {
+                        for (const key of tokenizeFormulaFields(calc.expression)) {
+                            keys.add(key);
+                        }
+                    }
+                    if (calc.fieldLabels && typeof calc.fieldLabels === 'object') {
+                        Object.keys(calc.fieldLabels).forEach(key => keys.add(key));
+                    }
                 });
-                const field = fieldIndex >= 0 ? formFields[fieldIndex] : undefined;
-                const sample = field ? getFormFieldSampleValue(field, fieldIndex) : getByPath(this.formFieldSamples, `__submission_fields.${parsedFormField.formId}.${normalizedFieldId}`);
-                if (sample !== undefined) {
-                    return sample;
+                return keys;
+            }
+        });
+        Object.defineProperty(this, "resolveDemoValue", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (key, fallbackIndex, sourceData) => {
+                var _a;
+                const parsedFormField = parseFormFieldKey(key);
+                if (parsedFormField) {
+                    const normalizedFieldId = parsedFormField.fieldId;
+                    const formFields = (_a = this.formFieldsByFormId[parsedFormField.formId]) !== null && _a !== void 0 ? _a : [];
+                    const fieldIndex = formFields.findIndex(field => { var _a; return String((_a = field.id) !== null && _a !== void 0 ? _a : '').replaceAll('-', '') === normalizedFieldId; });
+                    const field = fieldIndex >= 0 ? formFields[fieldIndex] : undefined;
+                    const sample = field
+                        ? getFormFieldSampleValue(field, fieldIndex)
+                        : getByPath(this.formFieldSamples, `__submission_fields.${parsedFormField.formId}.${normalizedFieldId}`);
+                    if (sample !== undefined) {
+                        return sample;
+                    }
+                    return this.dateSchemaFieldKeys.has(key) ? '2026-01-15' : 44 + fallbackIndex;
+                }
+                const existing = getByPath(sourceData, key);
+                if (existing !== undefined) {
+                    return existing;
+                }
+                if (this.dateSchemaFieldKeys.has(key)) {
+                    return '2026-01-15';
                 }
-                return this.dateSchemaFieldKeys.has(key) ? '2026-01-15' : 44 + fallbackIndex;
+                return 44 + fallbackIndex;
             }
-            const existing = getByPath(sourceData, key);
-            if (existing !== undefined) {
-                return existing;
+        });
+        Object.defineProperty(this, "buildCalculatedFieldDemoData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (design) => {
+                const demoData = {};
+                const usedKeys = Array.from(this.collectCalculatedFieldKeys(design));
+                const sourceData = deepMerge(this.schemaDummyData, this.props.dummyData, this.formFieldSamples);
+                usedKeys.forEach((key, index) => {
+                    const value = this.resolveDemoValue(key, index, sourceData);
+                    setByPath(demoData, key, value);
+                });
+                return demoData;
             }
-            if (this.dateSchemaFieldKeys.has(key)) {
-                return '2026-01-15';
+        });
+        Object.defineProperty(this, "sendMessage", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (type, data) => {
+                var _a, _b;
+                (_b = (_a = this.iframe) === null || _a === void 0 ? void 0 : _a.contentWindow) === null || _b === void 0 ? void 0 : _b.postMessage({
+                    '-dte-message-to': {
+                        type,
+                        data,
+                    },
+                }, '*');
             }
-            return 44 + fallbackIndex;
-        };
-        this.buildCalculatedFieldDemoData = (design)=>{
-            const demoData = {};
-            const usedKeys = Array.from(this.collectCalculatedFieldKeys(design));
-            const sourceData = deepMerge(this.schemaDummyData, this.props.dummyData, this.formFieldSamples);
-            usedKeys.forEach((key, index)=>{
-                const value = this.resolveDemoValue(key, index, sourceData);
-                setByPath(demoData, key, value);
-            });
-            return demoData;
-        };
-        this.sendMessage = (type, data)=>{
-            var _this_iframe_contentWindow, _this_iframe;
-            (_this_iframe = this.iframe) === null || _this_iframe === void 0 ? void 0 : (_this_iframe_contentWindow = _this_iframe.contentWindow) === null || _this_iframe_contentWindow === void 0 ? void 0 : _this_iframe_contentWindow.postMessage({
-                '-dte-message-to': {
-                    type,
-                    data
-                }
-            }, '*');
-        };
-        this.uploadImage = async (data, done)=>{
-            var _this_props_imageValidation;
-            var _data_attachments;
-            if (!this.onImageCB) {
-                done({
-                    progress: 100
-                });
-                throw new Error('image upload is not implemented');
-            }
-            if (!((_data_attachments = data.attachments) === null || _data_attachments === void 0 ? void 0 : _data_attachments.length)) {
-                return;
-            }
-            const file = data.attachments[0];
-            const res = await this.validateImage(file, {
-                ...defaultImageValidation,
-                ...(_this_props_imageValidation = this.props.imageValidation) !== null && _this_props_imageValidation !== void 0 ? _this_props_imageValidation : {}
-            });
-            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;
-            }
-            /*
-         * Unlayer only leaves its "uploading" state when `done` receives a url, so `done` must not be
-         * called before the upload succeeds or after it fails, otherwise the image widget gets stuck.
-         */ try {
-                const { url } = await this.onImageCB(file);
-                done({
-                    progress: 100,
-                    url
+        });
+        Object.defineProperty(this, "uploadImage", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async (data, done) => {
+                var _a, _b, _c, _d;
+                if (!this.onImageCB) {
+                    done({ progress: 100 });
+                    throw new Error('image upload is not implemented');
+                }
+                if (!((_a = data.attachments) === null || _a === void 0 ? void 0 : _a.length)) {
+                    return;
+                }
+                const file = data.attachments[0];
+                const res = await this.validateImage(file, {
+                    ...defaultImageValidation,
+                    ...((_b = this.props.imageValidation) !== null && _b !== void 0 ? _b : {}),
                 });
-            } 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', error instanceof ImageUploadError ? error.message : 'Something went wrong while uploading the image. Please try again or select another image.');
+                if (!res.isValid) {
+                    logUnlayerError(`Image validation failed: ${res.title}`, res.description);
+                    (_c = this.onErrorCB) === null || _c === void 0 ? void 0 : _c.call(this, res.title, res.description);
+                    return;
+                }
+                /*
+                 * Unlayer only leaves its "uploading" state when `done` receives a url, so `done` must not be
+                 * called before the upload succeeds or after it fails, otherwise the image widget gets stuck.
+                 */
+                try {
+                    const { url } = await this.onImageCB(file);
+                    done({ progress: 100, url });
+                }
+                catch (error) {
+                    logUnlayerError('Image upload failed', error);
+                    (_d = this.onErrorCB) === null || _d === void 0 ? void 0 : _d.call(this, 'Image upload failed', error instanceof ImageUploadError
+                        ? error.message
+                        : 'Something went wrong while uploading the image. Please try again or select another image.');
+                }
             }
-        };
-        this.startToolsReadyWatchdog = ()=>{
-            this.clearToolsReadyWatchdog();
-            this.toolsReadyWatchdogId = window.setTimeout(()=>{
-                var _this_onErrorCB, _this;
-                if (this.hasToolsRegistered) {
+        });
+        Object.defineProperty(this, "startToolsReadyWatchdog", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.clearToolsReadyWatchdog();
+                this.toolsReadyWatchdogId = window.setTimeout(() => {
+                    var _a;
+                    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,
+                    });
+                    (_a = this.onErrorCB) === null || _a === void 0 ? void 0 : _a.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);
+            }
+        });
+        Object.defineProperty(this, "clearToolsReadyWatchdog", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (this.toolsReadyWatchdogId === undefined) {
                     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;
             }
-            window.clearTimeout(this.toolsReadyWatchdogId);
-            this.toolsReadyWatchdogId = undefined;
-        };
-        this.validateImage = async (file, imageValidation)=>{
-            const { maxFileSize, maxHeight, maxWidth } = imageValidation;
-            if (file.size > maxFileSize) {
-                const maxSizeMB = (maxFileSize / 1024 / 1024).toFixed(2);
-                const fileSizeMB = (file.size / 1024 / 1024).toFixed(2);
-                return {
-                    isValid: false,
-                    title: 'Image size limit reached',
-                    description: `This image is ${fileSizeMB}MB, which is above the ${maxSizeMB}MB limit. Please upload a smaller file to continue.`
-                };
-            }
-            return new Promise((resolve)=>{
-                const img = new Image();
-                const objectUrl = URL.createObjectURL(file);
-                img.onload = ()=>{
-                    URL.revokeObjectURL(objectUrl);
-                    const { height, width } = img;
-                    if (width > maxWidth || height > maxHeight) {
+        });
+        Object.defineProperty(this, "validateImage", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: async (file, imageValidation) => {
+                const { maxFileSize, maxHeight, maxWidth } = imageValidation;
+                if (file.size > maxFileSize) {
+                    const maxSizeMB = (maxFileSize / 1024 / 1024).toFixed(2);
+                    const fileSizeMB = (file.size / 1024 / 1024).toFixed(2);
+                    return {
+                        isValid: false,
+                        title: 'Image size limit reached',
+                        description: `This image is ${fileSizeMB}MB, which is above the ${maxSizeMB}MB limit. Please upload a smaller file to continue.`,
+                    };
+                }
+                return new Promise(resolve => {
+                    const img = new Image();
+                    const objectUrl = URL.createObjectURL(file);
+                    img.onload = () => {
+                        URL.revokeObjectURL(objectUrl);
+                        const { height, width } = img;
+                        if (width > maxWidth || height > maxHeight) {
+                            resolve({
+                                isValid: false,
+                                title: 'Dimension limit reached',
+                                description: `These image dimensions (${width}x${height}px) exceed the ${maxWidth}x${maxHeight}px limit. Please resize the image and try again.`,
+                            });
+                        }
+                        else {
+                            resolve({ isValid: true, title: '', description: '' });
+                        }
+                    };
+                    img.onerror = () => {
+                        URL.revokeObjectURL(objectUrl);
                         resolve({
                             isValid: false,
-                            title: 'Dimension limit reached',
-                            description: `These image dimensions (${width}x${height}px) exceed the ${maxWidth}x${maxHeight}px limit. Please resize the image and try again.`
-                        });
-                    } else {
-                        resolve({
-                            isValid: true,
-                            title: '',
-                            description: ''
+                            title: 'The image is broken',
+                            description: 'Looks like this image isn’t valid. Please choose another image and try again.',
                         });
-                    }
-                };
-                img.onerror = ()=>{
-                    URL.revokeObjectURL(objectUrl);
-                    resolve({
-                        isValid: false,
-                        title: 'The image is broken',
-                        description: 'Looks like this image isn’t valid. Please choose another image and try again.'
-                    });
-                };
-                img.src = objectUrl;
-            });
-        };
+                    };
+                    img.src = objectUrl;
+                });
+            }
+        });
         const schemaData = this.props.schema ? schemaBuildMap(this.props.schema) : undefined;
-        this.schemaDummyData = (_ref = schemaData === null || schemaData === void 0 ? void 0 : schemaData.dummyData) !== null && _ref !== void 0 ? _ref : {};
-        this.dateSchemaFieldKeys = new Set(Object.values((_ref1 = schemaData === null || schemaData === void 0 ? void 0 : schemaData.map) !== null && _ref1 !== void 0 ? _ref1 : {}).filter((field)=>field.isValue && schemaIsDate(field.node)).map((field)=>field.fullKey));
+        this.schemaDummyData = ((_a = schemaData === null || schemaData === void 0 ? void 0 : schemaData.dummyData) !== null && _a !== void 0 ? _a : {});
+        this.dateSchemaFieldKeys = new Set(Object.values((_b = schemaData === null || schemaData === void 0 ? void 0 : schemaData.map) !== null && _b !== void 0 ? _b : {})
+            .filter(field => field.isValue && schemaIsDate(field.node))
+            .map(field => field.fullKey));
+        // Each entry's type value is derived from it; the name shown can differ (E_SIGN_FIELD_TYPE_LABELS).
         this.props.eSignFieldTypes = [
             'Signature',
             'Initials',
             'Date Signed',
             'Date Signed Offset',
-            'Full Name'
+            'Full Name',
         ];
         this.unlayerRef = {
-            loadDesign: (design)=>{
-                var _this_editor;
-                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.loadDesign(design);
+            loadDesign: design => {
+                var _a;
+                (_a = this.editor) === null || _a === void 0 ? void 0 : _a.loadDesign(design);
             },
-            saveDesign: (cb)=>{
-                var _this_editor;
-                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.saveDesign((design)=>{
+            saveDesign: cb => {
+                var _a;
+                (_a = this.editor) === null || _a === void 0 ? void 0 : _a.saveDesign(design => {
                     unlayerToolsNormalizeESignOffsets(design);
                     cb(design);
                 });
             },
-            exportHtml: (cb)=>{
-                var _this_editor;
-                (_this_editor = this.editor) === null || _this_editor === void 0 ? void 0 : _this_editor.exportHtml((data)=>{
+            exportHtml: cb => {
+                var _a;
+                (_a = this.editor) === null || _a === void 0 ? void 0 : _a.exportHtml(data => {
                     const result = ensureChunksFonts(data);
                     unlayerToolsNormalizeESignOffsets(result === null || result === void 0 ? void 0 : result.design);
                     result.demoData = this.buildCalculatedFieldDemoData(result.design);
                     cb(result);
                 });
             },
-            sendFormList: (forms)=>{
+            sendFormList: forms => {
                 this.sendFormList(forms);
             },
-            sendFormFields: (formId, fields)=>{
+            sendFormFields: (formId, fields) => {
                 this.sendFormFields(formId, fields);
             },
-            sendCalcFieldLabels: (labels)=>{
+            sendCalcFieldLabels: labels => {
                 this.sendCalcFieldLabels(labels);
             },
-            setMergeTags: (tags)=>{
+            setMergeTags: tags => {
                 this.setMergeTags(tags);
-            }
+            },
         };
     }
 }
-
 //# sourceMappingURL=store.js.map