@servicetitan/dte-unlayer 0.115.0 → 0.117.0

package/src/editor.tsx

@@ -109,6 +109,18 @@ export const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props,
         return () => store.setOnFormSelect();
     }, [props.opts.onFormSelect, store]);
 
+    useEffect(() => {
+        store.setOnCalcFieldOpen(props.opts.onCalcFieldOpen);
+
+        return () => store.setOnCalcFieldOpen();
+    }, [props.opts.onCalcFieldOpen, store]);
+
+    useEffect(() => {
+        store.setOnCalcFieldSelect(props.opts.onCalcFieldSelect);
+
+        return () => store.setOnCalcFieldSelect();
+    }, [props.opts.onCalcFieldSelect, store]);
+
     const { minHeight = 800, style = {} } = props;
 
     return (

package/src/shared/const.ts

@@ -1,4 +1,3 @@
-import { FormInfo } from './forms';
 import { SchemaObject } from './schema';
 
 export const constGenericsEditor = {
@@ -34,7 +33,6 @@ export interface UnlayerEventConfig {
     isSnapshotMode?: boolean;
     units?: UnlayerEditorUnit[];
     holidays?: string[];
-    forms?: FormInfo[];
 }
 
 export interface UnlayerEventRegister {

package/src/store.ts

@@ -1,7 +1,7 @@
 import { loadScript } from './loadScript';
 import { defaultImageValidation } from './shared/configs';
 import { UnlayerEditorTwin, UnlayerEventConfig, UnlayerEventRegister } from './shared/const';
-import { FormFieldInfo } from './shared/forms';
+import { FormFieldInfo, FormInfo } from './shared/forms';
 import { unlayerToolsParseTwinKey } from './shared/tools';
 import { unlayerToolsIterate } from './tools';
 import {
@@ -50,6 +50,8 @@ export class UnlayerStore {
     private onImageCB?: (file: File) => Promise<{ url: string }>;
     private onErrorCB?: (title: string, description?: string) => void;
     private onFormSelectCB?: (formId: number) => void;
+    private onCalcFieldOpenCB?: (usedFormIds: number[]) => void;
+    private onCalcFieldSelectCB?: (fieldKeys: string[]) => void;
 
     constructor(readonly props: CreateUnlayerEditorProps) {
         this.props.eSignFieldTypes = ['Signature', 'Initials', 'Date Signed', 'Full Name'];
@@ -66,9 +68,15 @@ export class UnlayerStore {
                     cb(data);
                 });
             },
+            sendFormList: forms => {
+                this.sendFormList(forms);
+            },
             sendFormFields: (formId, fields) => {
                 this.sendFormFields(formId, fields);
             },
+            sendCalcFieldLabels: labels => {
+                this.sendCalcFieldLabels(labels);
+            },
         };
     }
 
@@ -148,10 +156,26 @@ export class UnlayerStore {
         this.onFormSelectCB = onFormSelect;
     };
 
+    setOnCalcFieldOpen = (onCalcFieldOpen?: UnlayerStore['onCalcFieldOpenCB']) => {
+        this.onCalcFieldOpenCB = onCalcFieldOpen;
+    };
+
+    setOnCalcFieldSelect = (onCalcFieldSelect?: UnlayerStore['onCalcFieldSelectCB']) => {
+        this.onCalcFieldSelectCB = onCalcFieldSelect;
+    };
+
+    sendFormList = (forms: FormInfo[]) => {
+        this.sendMessage('--form-list', { forms });
+    };
+
     sendFormFields = (formId: number, fields: FormFieldInfo[]) => {
         this.sendMessage('--form-fields', { formId, fields });
     };
 
+    sendCalcFieldLabels = (labels: Record<string, string>) => {
+        this.sendMessage('--calc-field-labels', { labels });
+    };
+
     private onDesignLoaded = () => {
         if (!this.hasDesign) {
             this.hasDesign = true;
@@ -221,12 +245,19 @@ export class UnlayerStore {
                 genericConfigMode: this.props.genericConfigMode,
                 isSnapshotMode: this.props.isSnapshotMode,
                 holidays: this.props.holidays,
-                forms: this.props.forms,
             };
 
             this.sendMessage('--config', JSON.parse(JSON.stringify(configData)));
         } else if (type === '--form-select') {
             this.onFormSelectCB?.(data?.formId);
+        } else if (type === '--calc-field-open') {
+            this.onCalcFieldOpenCB?.(data?.usedFormIds ?? []);
+        } else if (type === '--calc-field-select') {
+            if (this.onCalcFieldSelectCB) {
+                this.onCalcFieldSelectCB(data?.fieldKeys ?? []);
+            } else {
+                this.sendCalcFieldLabels({});
+            }
         } else if (type === '--data-loaded') {
             const data: UnlayerEventRegister = {
                 customTools: this.props.tools.map(tool => ({ key: tool.key })),

package/src/unlayer-interface.tsx

@@ -41,7 +41,9 @@ export interface UnlayerRef {
     loadDesign(design: any): void;
     saveDesign(cb: (design: any) => void): void;
     exportHtml(cb: (data: UnlayerExport) => void): void;
+    sendFormList(forms: FormInfo[]): void;
     sendFormFields(formId: number, fields: FormFieldInfo[]): void;
+    sendCalcFieldLabels(labels: Record<string, string>): void;
 }
 
 export interface UnlayerEditorMergeTagInfo {
@@ -88,6 +90,7 @@ export interface CreateUnlayerEditorProps {
         maxFileSize?: number;
     };
     holidays?: string[];
-    forms?: FormInfo[];
     onFormSelect?: (formId: number) => void;
+    onCalcFieldOpen?: (usedFormIds: number[]) => void;
+    onCalcFieldSelect?: (fieldKeys: string[]) => void;
 }