@servicetitan/dte-unlayer 0.76.0 → 0.78.0

package/src/shared/const.ts

@@ -6,9 +6,9 @@ export const constGenericsEditor = {
     userConfigProperty: 'config',
 };
 
-export interface UnlayerEditorESignPlaceholderInfo {
+export interface UnlayerEditorESignRecipientInfo {
     id: number;
-    placeholder: string;
+    name: string;
     displayName: string;
 }
 
@@ -36,7 +36,8 @@ export interface UnlayerEventConfig {
 
 export interface UnlayerEventRegister {
     units?: UnlayerEditorUnit[];
-    eSignPlaceholders?: UnlayerEditorESignPlaceholderInfo[];
+    eSignRecipients?: UnlayerEditorESignRecipientInfo[];
+    eSignFieldTypes?: string[];
     customTools?: {
         key: string;
         title?: string;

package/src/store.ts

@@ -48,6 +48,8 @@ export class UnlayerStore {
     private onImageCB?: (file: File) => Promise<{ url: string }>;
 
     constructor(readonly props: CreateUnlayerEditorProps) {
+        this.props.eSignFieldTypes = ['Signature', 'Initials', 'Date Signed', 'Full Name'];
+
         this.unlayerRef = {
             loadDesign: design => {
                 this.editor?.loadDesign(design);
@@ -206,7 +208,8 @@ export class UnlayerStore {
             const data: UnlayerEventRegister = {
                 customTools: this.props.tools.map(tool => ({ key: tool.key })),
                 toolTwins: this.props.toolTwins,
-                eSignPlaceholders: this.props.eSignPlaceholders,
+                eSignRecipients: this.props.eSignRecipients,
+                eSignFieldTypes: this.props.eSignFieldTypes,
                 units: this.props.units?.map(unit => ({
                     ...unit,
                     values: {

package/src/unlayer-interface.tsx

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

package/src/unlayer.tsx

@@ -134,7 +134,8 @@ export const createUnlayerEditor = (
     {
         customCSS,
         customJS,
-        eSignPlaceholders,
+        eSignFieldTypes,
+        eSignRecipients,
         hideAllTools,
         hideBodyMenuItem,
         hideContentControls,
@@ -184,6 +185,11 @@ export const createUnlayerEditor = (
 
     const acv = constGenericsEditor.adminConfigProperty;
 
+    const eSignTypeMapping = (eSignFieldTypes ?? []).map(key => ({
+        label: key,
+        value: key.charAt(0).toLowerCase() + key.replace(/ /g, '').slice(1),
+    }));
+
     const unitsConfig = (units ?? []).reduce((out, unit) => {
         out[`custom#${unit.generic}:unit:${unit.id}`] = {
             data: {
@@ -205,18 +211,25 @@ export const createUnlayerEditor = (
         return out;
     }, {} as Record<string, any>);
 
-    const eSignComponentPlaceholders = {
+    const eSignComponentRecipients = {
         properties: {
-            eSignPlaceholder: {
+            eSignRecipient: {
                 editor: {
                     data: {
-                        options: eSignPlaceholders?.map(placeholder => ({
-                            label: placeholder.displayName,
-                            value: placeholder.placeholder,
+                        options: eSignRecipients?.map(item => ({
+                            label: item.displayName,
+                            value: item.name,
                         })),
                     },
                 },
             },
+            eSignFieldType: {
+                editor: {
+                    data: {
+                        options: eSignTypeMapping,
+                    },
+                },
+            },
         },
     };
 
@@ -253,7 +266,7 @@ export const createUnlayerEditor = (
                   }
                 : {}),
             ...unitsConfig,
-            'custom#esign': eSignComponentPlaceholders,
+            'custom#e-sign': eSignComponentRecipients,
         },
         editor: {
             autoSelectOnDrop: true,