@servicetitan/dte-unlayer 0.113.0 → 0.115.0

package/src/editor.tsx

@@ -103,6 +103,12 @@ export const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props,
         return () => store.setOnMessage();
     }, [props.onMessage, store]);
 
+    useEffect(() => {
+        store.setOnFormSelect(props.opts.onFormSelect);
+
+        return () => store.setOnFormSelect();
+    }, [props.opts.onFormSelect, store]);
+
     const { minHeight = 800, style = {} } = props;
 
     return (

package/src/index.ts

@@ -5,6 +5,7 @@ export * from './api-custom-tools';
 export * from './unlayer-interface';
 export * from './loadScript';
 export * from './shared/const';
+export * from './shared/forms';
 export * from './shared/schema';
 export * from './shared/tools';
 export { UnlayerDesignChangeInfo } from './store';

package/src/shared/const.ts

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

package/src/shared/date-calc.ts

@@ -1,5 +1,22 @@
 export const MAX_DATE_CALC_DAYS = 365;
 
+/**
+ * Fallback US federal holidays used when the store config does not provide a
+ * holidays list.  Keep in sync with any similar inline arrays elsewhere (e.g.
+ * components/scripts/comps/calculated-field.ts).
+ */
+export const DEFAULT_HOLIDAYS: string[] = [
+    '2026-01-01T00:00:00.000Z',
+    '2026-01-19T00:00:00.000Z',
+    '2026-02-16T00:00:00.000Z',
+    '2026-05-25T00:00:00.000Z',
+    '2026-07-04T00:00:00.000Z',
+    '2026-09-07T00:00:00.000Z',
+    '2026-11-26T00:00:00.000Z',
+    '2026-11-27T00:00:00.000Z',
+    '2026-12-25T00:00:00.000Z',
+];
+
 export const DATE_RANGE_YEARS = 2;
 
 /**

package/src/shared/forms.ts

@@ -0,0 +1,10 @@
+export interface FormInfo {
+    id: number;
+    name: string;
+}
+
+export interface FormFieldInfo {
+    id: string;
+    header: string;
+    itemType: string;
+}

package/src/store.ts

@@ -1,6 +1,7 @@
 import { loadScript } from './loadScript';
 import { defaultImageValidation } from './shared/configs';
 import { UnlayerEditorTwin, UnlayerEventConfig, UnlayerEventRegister } from './shared/const';
+import { FormFieldInfo } from './shared/forms';
 import { unlayerToolsParseTwinKey } from './shared/tools';
 import { unlayerToolsIterate } from './tools';
 import {
@@ -48,6 +49,7 @@ export class UnlayerStore {
     private onReadyCB?: () => void;
     private onImageCB?: (file: File) => Promise<{ url: string }>;
     private onErrorCB?: (title: string, description?: string) => void;
+    private onFormSelectCB?: (formId: number) => void;
 
     constructor(readonly props: CreateUnlayerEditorProps) {
         this.props.eSignFieldTypes = ['Signature', 'Initials', 'Date Signed', 'Full Name'];
@@ -64,6 +66,9 @@ export class UnlayerStore {
                     cb(data);
                 });
             },
+            sendFormFields: (formId, fields) => {
+                this.sendFormFields(formId, fields);
+            },
         };
     }
 
@@ -139,6 +144,14 @@ export class UnlayerStore {
         this.onMessageCB = onMessage;
     };
 
+    setOnFormSelect = (onFormSelect?: UnlayerStore['onFormSelectCB']) => {
+        this.onFormSelectCB = onFormSelect;
+    };
+
+    sendFormFields = (formId: number, fields: FormFieldInfo[]) => {
+        this.sendMessage('--form-fields', { formId, fields });
+    };
+
     private onDesignLoaded = () => {
         if (!this.hasDesign) {
             this.hasDesign = true;
@@ -201,16 +214,19 @@ export class UnlayerStore {
         if (type === '--ready' || type === '--registered') {
             this.onReadyCB?.();
         } else if (type === '--core-loaded') {
-            const data: UnlayerEventConfig = {
+            const configData: UnlayerEventConfig = {
                 dummyData: this.props.dummyData,
                 schema: this.props.schema,
                 generics: this.props.generics,
                 genericConfigMode: this.props.genericConfigMode,
                 isSnapshotMode: this.props.isSnapshotMode,
                 holidays: this.props.holidays,
+                forms: this.props.forms,
             };
 
-            this.sendMessage('--config', JSON.parse(JSON.stringify(data)));
+            this.sendMessage('--config', JSON.parse(JSON.stringify(configData)));
+        } else if (type === '--form-select') {
+            this.onFormSelectCB?.(data?.formId);
         } else if (type === '--data-loaded') {
             const data: UnlayerEventRegister = {
                 customTools: this.props.tools.map(tool => ({ key: tool.key })),

package/src/unlayer-interface.tsx

@@ -3,6 +3,7 @@ import {
     UnlayerEditorTwin,
     UnlayerEditorUnit,
 } from './shared/const';
+import { FormFieldInfo, FormInfo } from './shared/forms';
 import { SchemaObject } from './shared/schema';
 
 export interface UnlayerDesignTool {
@@ -40,6 +41,7 @@ export interface UnlayerRef {
     loadDesign(design: any): void;
     saveDesign(cb: (design: any) => void): void;
     exportHtml(cb: (data: UnlayerExport) => void): void;
+    sendFormFields(formId: number, fields: FormFieldInfo[]): void;
 }
 
 export interface UnlayerEditorMergeTagInfo {
@@ -86,4 +88,6 @@ export interface CreateUnlayerEditorProps {
         maxFileSize?: number;
     };
     holidays?: string[];
+    forms?: FormInfo[];
+    onFormSelect?: (formId: number) => void;
 }