@servicetitan/dte-unlayer 0.72.0 → 0.74.0

package/src/shared/const.ts

@@ -6,6 +6,12 @@ export const constGenericsEditor = {
     userConfigProperty: 'config',
 };
 
+export interface UnlayerEditorESignPlaceholderInfo {
+    id: number;
+    placeholder: string;
+    displayName: string;
+}
+
 export interface UnlayerEditorUnit {
     id: string;
     generic: string;
@@ -30,6 +36,7 @@ export interface UnlayerEventConfig {
 
 export interface UnlayerEventRegister {
     units?: UnlayerEditorUnit[];
+    eSignPlaceholders?: UnlayerEditorESignPlaceholderInfo[];
     customTools?: {
         key: string;
         title?: string;
@@ -38,6 +45,6 @@ export interface UnlayerEventRegister {
 }
 
 export interface UnlayerToolMetaData {
-    title: string;
+    key: string;
     description?: string;
 }

package/src/store.ts

@@ -206,6 +206,7 @@ export class UnlayerStore {
             const data: UnlayerEventRegister = {
                 customTools: this.props.tools.map(tool => ({ key: tool.key })),
                 toolTwins: this.props.toolTwins,
+                eSignPlaceholders: this.props.eSignPlaceholders,
                 units: this.props.units?.map(unit => ({
                     ...unit,
                     values: {

package/src/tools.ts

@@ -226,8 +226,8 @@ export const unlayerCustomToolsGetRegisterUrls = (tools: UnlayerEditorCustomTool
 
 export const unlayerCustomToolMetaData = (tools: UnlayerEditorCustomTool[]): string => {
     const toolMetaData = tools.reduce((acc: Record<string, UnlayerToolMetaData>, tool) => {
-        acc[tool.key] = {
-            title: tool.title,
+        acc[tool.title] = {
+            key: tool.key,
             description: tool.description,
         };
         return acc;

package/src/unlayer-interface.tsx

@@ -1,4 +1,8 @@
-import { UnlayerEditorTwin, UnlayerEditorUnit } from './shared/const';
+import {
+    UnlayerEditorESignPlaceholderInfo,
+    UnlayerEditorTwin,
+    UnlayerEditorUnit,
+} from './shared/const';
 import { SchemaObject } from './shared/schema';
 
 export interface UnlayerDesignTool {
@@ -62,6 +66,7 @@ export interface CreateUnlayerEditorProps {
     customCSS?: string | string[] | undefined;
     customJS?: string | string[] | undefined;
     mergeTags?: UnlayerEditorMergeTagInfo[] | undefined;
+    eSignPlaceholders?: UnlayerEditorESignPlaceholderInfo[] | undefined;
     genericConfigMode?: boolean;
     generics?: true | string[];
     units?: UnlayerEditorUnit[];

package/src/unlayer.tsx

@@ -134,6 +134,7 @@ export const createUnlayerEditor = (
     {
         customCSS,
         customJS,
+        eSignPlaceholders,
         hideAllTools,
         hideBodyMenuItem,
         hideContentControls,
@@ -204,6 +205,21 @@ export const createUnlayerEditor = (
         return out;
     }, {} as Record<string, any>);
 
+    const eSignComponentPlaceholders = {
+        properties: {
+            eSignPlaceholder: {
+                editor: {
+                    data: {
+                        options: eSignPlaceholders?.map(placeholder => ({
+                            label: placeholder.displayName,
+                            value: placeholder.placeholder,
+                        })),
+                    },
+                },
+            },
+        },
+    };
+
     const result = (window as any).unlayer.createEditor({
         displayMode: 'web',
         devices: ['desktop'],
@@ -223,10 +239,10 @@ export const createUnlayerEditor = (
             theme: 'classic_light',
         },
         tools: {
-            button: { enabled: false },
-            html: { enabled: false },
-            menu: { enabled: false },
-            form: { enabled: false },
+            'button': { enabled: false },
+            'html': { enabled: false },
+            'menu': { enabled: false },
+            'form': { enabled: false },
             ...(noCoreTools
                 ? {
                       columns: { enabled: false },
@@ -237,6 +253,7 @@ export const createUnlayerEditor = (
                   }
                 : {}),
             ...unitsConfig,
+            'custom#esign': eSignComponentPlaceholders,
         },
         editor: {
             autoSelectOnDrop: true,