@servicetitan/dte-unlayer 0.116.0 → 0.117.0

package/src/editor.tsx

@@ -115,6 +115,12 @@ export const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props,
         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/store.ts

@@ -51,6 +51,7 @@ export class UnlayerStore {
     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'];
@@ -73,6 +74,9 @@ export class UnlayerStore {
             sendFormFields: (formId, fields) => {
                 this.sendFormFields(formId, fields);
             },
+            sendCalcFieldLabels: labels => {
+                this.sendCalcFieldLabels(labels);
+            },
         };
     }
 
@@ -156,6 +160,10 @@ export class UnlayerStore {
         this.onCalcFieldOpenCB = onCalcFieldOpen;
     };
 
+    setOnCalcFieldSelect = (onCalcFieldSelect?: UnlayerStore['onCalcFieldSelectCB']) => {
+        this.onCalcFieldSelectCB = onCalcFieldSelect;
+    };
+
     sendFormList = (forms: FormInfo[]) => {
         this.sendMessage('--form-list', { forms });
     };
@@ -164,6 +172,10 @@ export class UnlayerStore {
         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;
@@ -240,6 +252,12 @@ export class UnlayerStore {
             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

@@ -43,6 +43,7 @@ export interface UnlayerRef {
     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 {
@@ -91,4 +92,5 @@ export interface CreateUnlayerEditorProps {
     holidays?: string[];
     onFormSelect?: (formId: number) => void;
     onCalcFieldOpen?: (usedFormIds: number[]) => void;
+    onCalcFieldSelect?: (fieldKeys: string[]) => void;
 }