@servicetitan/dte-unlayer 0.122.0 → 0.124.0

package/dist/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EAOhB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAgB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,wBAAwB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,OAAO,CAAC,IAAI,IAAI,CAAC;IAEjB,QAAQ,CAAC,CAAC,IAAI,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAE/C,cAAc,CAAC,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAE/C,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAE/C,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpD,SAAS,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,2DAAwC,CAAC;AAEnE,eAAO,MAAM,aAAa,2GAgGxB,CAAC"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../src/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,aAAa,EAOhB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAgB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE3E,MAAM,WAAW,kBAAkB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,EAAE,wBAAwB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,OAAO,CAAC,IAAI,IAAI,CAAC;IAEjB,QAAQ,CAAC,CAAC,IAAI,EAAE,uBAAuB,GAAG,IAAI,CAAC;IAE/C,cAAc,CAAC,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAE/C,OAAO,CAAC,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAE/C,OAAO,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpD,SAAS,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;CAC7C;AAED,eAAO,MAAM,aAAa,2DAAwC,CAAC;AAEnE,eAAO,MAAM,aAAa,2GAsGxB,CAAC"}

package/dist/editor.js

@@ -117,7 +117,9 @@ export const UnlayerEditor = /*#__PURE__*/ forwardRef((props, ref)=>{
                 ref: containerRef
             }),
             props.opts.displayConditions && /*#__PURE__*/ _jsx(DisplayConditionModal, {
-                schema: props.opts.schema
+                schema: props.opts.schema,
+                onConditionalsOpen: props.opts.onConditionalsOpen,
+                onConditionFormSelect: props.opts.onConditionFormSelect
             })
         ]
     });

package/dist/editor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/editor.tsx"],"sourcesContent":["import {\n    CSSProperties,\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { DisplayConditionModal } from './display-conditions/DisplayConditionModal';\nimport { UnlayerEditorTwin } from './shared/const';\nimport { UnlayerStore, UnlayerDesignChangeInfo } from './store';\nimport { UnlayerRef, CreateUnlayerEditorProps } from './unlayer-interface';\n\nexport interface UnlayerEditorProps {\n    id?: string;\n    design?: any;\n    opts: CreateUnlayerEditorProps;\n    minHeight?: number;\n    style?: CSSProperties;\n\n    onReady?(): void;\n\n    onChange?(info: UnlayerDesignChangeInfo): void;\n\n    onSnapshotSave?(tool: UnlayerEditorTwin): void;\n\n    onImage?(file: File): Promise<{ url: string }>;\n\n    onError?(title: string, description?: string): void;\n\n    onMessage?(type: string, data: any): void;\n}\n\nexport const useUnlayerRef = () => useRef<UnlayerRef | null>(null);\n\nexport const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props, ref) => {\n    const [isReady, setIsReady] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const store = useMemo(\n        () => new UnlayerStore(props.opts),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    useEffect(() => {\n        if (containerRef.current) {\n            store\n                .init(containerRef.current)\n                .then(() => setIsReady(true))\n                .catch(() => setIsReady(false));\n        }\n\n        return () => store.destroy();\n    }, [store]);\n    useImperativeHandle(ref, () => store.unlayerRef, [store]);\n\n    useEffect(() => {\n        if (isReady) {\n            store.setDesign(props.design);\n        }\n    }, [isReady, props.design, store]);\n\n    useEffect(() => {\n        store.setOnChange(props.onChange);\n\n        return () => store.setOnChange();\n    }, [props.onChange, store]);\n\n    useEffect(() => {\n        store.setOnSnapshotSave(props.onSnapshotSave);\n\n        return () => store.setOnSnapshotSave();\n    }, [props.onSnapshotSave, store]);\n\n    useEffect(() => {\n        if (props.opts.newSnapshot) {\n            store.addTwin(props.opts.newSnapshot);\n        }\n    }, [props.opts.newSnapshot, store]);\n\n    useEffect(() => {\n        store.setOnReady(props.onReady);\n\n        return () => store.setOnReady();\n    }, [props.onReady, store]);\n\n    useEffect(() => {\n        store.setOnImage(props.onImage);\n\n        return () => store.setOnImage();\n    }, [props.onImage, store]);\n\n    useEffect(() => {\n        store.setOnError(props.onError);\n\n        return () => store.setOnError();\n    }, [props.onError, store]);\n\n    useEffect(() => {\n        store.setOnMessage(props.onMessage);\n\n        return () => store.setOnMessage();\n    }, [props.onMessage, store]);\n\n    useEffect(() => {\n        store.setOnFormSelect(props.opts.onFormSelect);\n\n        return () => store.setOnFormSelect();\n    }, [props.opts.onFormSelect, store]);\n\n    useEffect(() => {\n        store.setOnCalcFieldOpen(props.opts.onCalcFieldOpen);\n\n        return () => store.setOnCalcFieldOpen();\n    }, [props.opts.onCalcFieldOpen, store]);\n\n    useEffect(() => {\n        store.setOnCalcFieldSelect(props.opts.onCalcFieldSelect);\n\n        return () => store.setOnCalcFieldSelect();\n    }, [props.opts.onCalcFieldSelect, store]);\n\n    const { minHeight = 800, style = {} } = props;\n\n    return (\n        <div style={{ minHeight, display: 'flex' }}>\n            {!isReady && <p className=\"c-red-500\">error loading editor</p>}\n            <div id={props.id ?? 'editor'} style={style} ref={containerRef} />\n            {props.opts.displayConditions && <DisplayConditionModal schema={props.opts.schema} />}\n        </div>\n    );\n});\n"],"names":["forwardRef","useEffect","useImperativeHandle","useMemo","useRef","useState","DisplayConditionModal","UnlayerStore","useUnlayerRef","UnlayerEditor","props","ref","isReady","setIsReady","containerRef","store","opts","current","init","then","catch","destroy","unlayerRef","setDesign","design","setOnChange","onChange","setOnSnapshotSave","onSnapshotSave","newSnapshot","addTwin","setOnReady","onReady","setOnImage","onImage","setOnError","onError","setOnMessage","onMessage","setOnFormSelect","onFormSelect","setOnCalcFieldOpen","onCalcFieldOpen","setOnCalcFieldSelect","onCalcFieldSelect","minHeight","style","div","display","p","className","id","displayConditions","schema"],"mappings":"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"}
+{"version":3,"sources":["../src/editor.tsx"],"sourcesContent":["import {\n    CSSProperties,\n    forwardRef,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { DisplayConditionModal } from './display-conditions/DisplayConditionModal';\nimport { UnlayerEditorTwin } from './shared/const';\nimport { UnlayerStore, UnlayerDesignChangeInfo } from './store';\nimport { UnlayerRef, CreateUnlayerEditorProps } from './unlayer-interface';\n\nexport interface UnlayerEditorProps {\n    id?: string;\n    design?: any;\n    opts: CreateUnlayerEditorProps;\n    minHeight?: number;\n    style?: CSSProperties;\n\n    onReady?(): void;\n\n    onChange?(info: UnlayerDesignChangeInfo): void;\n\n    onSnapshotSave?(tool: UnlayerEditorTwin): void;\n\n    onImage?(file: File): Promise<{ url: string }>;\n\n    onError?(title: string, description?: string): void;\n\n    onMessage?(type: string, data: any): void;\n}\n\nexport const useUnlayerRef = () => useRef<UnlayerRef | null>(null);\n\nexport const UnlayerEditor = forwardRef<UnlayerRef, UnlayerEditorProps>((props, ref) => {\n    const [isReady, setIsReady] = useState(false);\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const store = useMemo(\n        () => new UnlayerStore(props.opts),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [],\n    );\n\n    useEffect(() => {\n        if (containerRef.current) {\n            store\n                .init(containerRef.current)\n                .then(() => setIsReady(true))\n                .catch(() => setIsReady(false));\n        }\n\n        return () => store.destroy();\n    }, [store]);\n    useImperativeHandle(ref, () => store.unlayerRef, [store]);\n\n    useEffect(() => {\n        if (isReady) {\n            store.setDesign(props.design);\n        }\n    }, [isReady, props.design, store]);\n\n    useEffect(() => {\n        store.setOnChange(props.onChange);\n\n        return () => store.setOnChange();\n    }, [props.onChange, store]);\n\n    useEffect(() => {\n        store.setOnSnapshotSave(props.onSnapshotSave);\n\n        return () => store.setOnSnapshotSave();\n    }, [props.onSnapshotSave, store]);\n\n    useEffect(() => {\n        if (props.opts.newSnapshot) {\n            store.addTwin(props.opts.newSnapshot);\n        }\n    }, [props.opts.newSnapshot, store]);\n\n    useEffect(() => {\n        store.setOnReady(props.onReady);\n\n        return () => store.setOnReady();\n    }, [props.onReady, store]);\n\n    useEffect(() => {\n        store.setOnImage(props.onImage);\n\n        return () => store.setOnImage();\n    }, [props.onImage, store]);\n\n    useEffect(() => {\n        store.setOnError(props.onError);\n\n        return () => store.setOnError();\n    }, [props.onError, store]);\n\n    useEffect(() => {\n        store.setOnMessage(props.onMessage);\n\n        return () => store.setOnMessage();\n    }, [props.onMessage, store]);\n\n    useEffect(() => {\n        store.setOnFormSelect(props.opts.onFormSelect);\n\n        return () => store.setOnFormSelect();\n    }, [props.opts.onFormSelect, store]);\n\n    useEffect(() => {\n        store.setOnCalcFieldOpen(props.opts.onCalcFieldOpen);\n\n        return () => store.setOnCalcFieldOpen();\n    }, [props.opts.onCalcFieldOpen, store]);\n\n    useEffect(() => {\n        store.setOnCalcFieldSelect(props.opts.onCalcFieldSelect);\n\n        return () => store.setOnCalcFieldSelect();\n    }, [props.opts.onCalcFieldSelect, store]);\n\n    const { minHeight = 800, style = {} } = props;\n\n    return (\n        <div style={{ minHeight, display: 'flex' }}>\n            {!isReady && <p className=\"c-red-500\">error loading editor</p>}\n            <div id={props.id ?? 'editor'} style={style} ref={containerRef} />\n            {props.opts.displayConditions && (\n                <DisplayConditionModal\n                    schema={props.opts.schema}\n                    onConditionalsOpen={props.opts.onConditionalsOpen}\n                    onConditionFormSelect={props.opts.onConditionFormSelect}\n                />\n            )}\n        </div>\n    );\n});\n"],"names":["forwardRef","useEffect","useImperativeHandle","useMemo","useRef","useState","DisplayConditionModal","UnlayerStore","useUnlayerRef","UnlayerEditor","props","ref","isReady","setIsReady","containerRef","store","opts","current","init","then","catch","destroy","unlayerRef","setDesign","design","setOnChange","onChange","setOnSnapshotSave","onSnapshotSave","newSnapshot","addTwin","setOnReady","onReady","setOnImage","onImage","setOnError","onError","setOnMessage","onMessage","setOnFormSelect","onFormSelect","setOnCalcFieldOpen","onCalcFieldOpen","setOnCalcFieldSelect","onCalcFieldSelect","minHeight","style","div","display","p","className","id","displayConditions","schema","onConditionalsOpen","onConditionFormSelect"],"mappings":"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"}

package/dist/shared/forms.d.ts

@@ -7,4 +7,30 @@ export interface FormFieldInfo {
     header: string;
     itemType: string;
 }
+export declare const enum FormItemType {
+    Text = "Text",
+    Number = "Number",
+    Picture = "Picture",
+    Checkboxes = "Checkboxes",
+    RadioButtons = "RadioButtons",
+    Date = "Date",
+    Signature = "Signature",
+    Dropdown = "Dropdown",
+    Stoplight = "Stoplight",
+    SmartField = "SmartField"
+}
+export type FormCalculatedFieldType = 'number' | 'date';
+export type FormConditionalFieldType = 'number' | 'string';
+export declare const buildFormFieldKey: (formId: number, fieldId: string) => string;
+export declare const parseFormFieldKey: (key: string) => {
+    formId: number;
+    fieldId: string;
+} | null;
+export declare const isFormFieldKey: (key: string) => boolean;
+/**
+ * Submission keys may start with numeric properties, so dot notation is unsafe.
+ */
+export declare const toNunjucksFieldReference: (fieldKey: string) => string;
+export declare const getCalculatedFieldTypeFromFormItemType: (itemType: string) => FormCalculatedFieldType | null;
+export declare const getConditionalFieldTypeFromFormItemType: (itemType: string) => FormConditionalFieldType | null;
 //# sourceMappingURL=forms.d.ts.map

package/dist/shared/forms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../src/shared/forms.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../src/shared/forms.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,0BAAkB,YAAY;IAC1B,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,YAAY,iBAAiB;IAC7B,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC5B;AAED,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,MAAM,CAAC;AACxD,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAO3D,eAAO,MAAM,iBAAiB,GAAI,QAAQ,MAAM,EAAE,SAAS,MAAM,KAAG,MACF,CAAC;AAEnE,eAAO,MAAM,iBAAiB,GAAI,KAAK,MAAM,KAAG;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,IAkBrF,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,OAA0C,CAAC;AAExF;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,UAAU,MAAM,KAAG,MAO3D,CAAC;AAEF,eAAO,MAAM,sCAAsC,GAC/C,UAAU,MAAM,KACjB,uBAAuB,GAAG,IAQ5B,CAAC;AAEF,eAAO,MAAM,uCAAuC,GAChD,UAAU,MAAM,KACjB,wBAAwB,GAAG,IAW7B,CAAC"}

package/dist/shared/forms.js

@@ -1,3 +1,77 @@
-export { };
+export var FormItemType = /*#__PURE__*/ function(FormItemType) {
+    FormItemType["Text"] = "Text";
+    FormItemType["Number"] = "Number";
+    FormItemType["Picture"] = "Picture";
+    FormItemType["Checkboxes"] = "Checkboxes";
+    FormItemType["RadioButtons"] = "RadioButtons";
+    FormItemType["Date"] = "Date";
+    FormItemType["Signature"] = "Signature";
+    FormItemType["Dropdown"] = "Dropdown";
+    FormItemType["Stoplight"] = "Stoplight";
+    FormItemType["SmartField"] = "SmartField";
+    return FormItemType;
+}({});
+const FORM_FIELD_KEY_RE = /^__submission_fields\.(\d+)\.([A-Za-z0-9]+)$/;
+const FORM_FIELD_RUNTIME_PATH_RE = /^__submission_fields\["(\d+)"\]\["([A-Za-z0-9]+)"\]$/;
+const LEGACY_FORM_KEY_RE = /^form_(\d+)_([A-Za-z0-9]+)$/;
+const LEGACY_FORM_KEY_PREFIX_RE = /^__form_(\d+)_([a-f0-9]+)$/;
+export const buildFormFieldKey = (formId, fieldId)=>`__submission_fields.${formId}.${fieldId.replaceAll('-', '')}`;
+export const parseFormFieldKey = (key)=>{
+    var _FORM_FIELD_KEY_RE_exec;
+    const match = (_FORM_FIELD_KEY_RE_exec = FORM_FIELD_KEY_RE.exec(key)) !== null && _FORM_FIELD_KEY_RE_exec !== void 0 ? _FORM_FIELD_KEY_RE_exec : FORM_FIELD_RUNTIME_PATH_RE.exec(key);
+    if (match) {
+        return {
+            formId: Number(match[1]),
+            fieldId: match[2]
+        };
+    }
+    // Backward compatibility for already saved values.
+    const oldMatch = LEGACY_FORM_KEY_RE.exec(key);
+    if (oldMatch) {
+        return {
+            formId: Number(oldMatch[1]),
+            fieldId: oldMatch[2]
+        };
+    }
+    const legacyMatch = LEGACY_FORM_KEY_PREFIX_RE.exec(key);
+    if (legacyMatch) {
+        return {
+            formId: Number(legacyMatch[1]),
+            fieldId: legacyMatch[2]
+        };
+    }
+    return null;
+};
+export const isFormFieldKey = (key)=>parseFormFieldKey(key) !== null;
+/**
+ * Submission keys may start with numeric properties, so dot notation is unsafe.
+ */ export const toNunjucksFieldReference = (fieldKey)=>{
+    const parsed = parseFormFieldKey(fieldKey);
+    if (!parsed) {
+        return fieldKey;
+    }
+    return `__submission_fields["${parsed.formId}"]["${parsed.fieldId}"]`;
+};
+export const getCalculatedFieldTypeFromFormItemType = (itemType)=>{
+    if (itemType === 'Number') {
+        return 'number';
+    }
+    if (itemType === 'Date') {
+        return 'date';
+    }
+    return null;
+};
+export const getConditionalFieldTypeFromFormItemType = (itemType)=>{
+    if (!itemType) {
+        return null;
+    }
+    if (itemType === 'Number') {
+        return 'number';
+    }
+    if (itemType === 'Picture' || itemType === 'Signature') {
+        return null;
+    }
+    return 'string';
+};
 
 //# sourceMappingURL=forms.js.map

package/dist/shared/forms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/forms.ts"],"sourcesContent":["export interface FormInfo {\n    id: number;\n    name: string;\n}\n\nexport interface FormFieldInfo {\n    id: string;\n    header: string;\n    itemType: string;\n}\n"],"names":[],"mappings":"AAKA,WAIC"}
+{"version":3,"sources":["../../src/shared/forms.ts"],"sourcesContent":["export interface FormInfo {\n    id: number;\n    name: string;\n}\n\nexport interface FormFieldInfo {\n    id: string;\n    header: string;\n    itemType: string;\n}\n\nexport const enum FormItemType {\n    Text = 'Text',\n    Number = 'Number',\n    Picture = 'Picture',\n    Checkboxes = 'Checkboxes',\n    RadioButtons = 'RadioButtons',\n    Date = 'Date',\n    Signature = 'Signature',\n    Dropdown = 'Dropdown',\n    Stoplight = 'Stoplight',\n    SmartField = 'SmartField',\n}\n\nexport type FormCalculatedFieldType = 'number' | 'date';\nexport type FormConditionalFieldType = 'number' | 'string';\n\nconst FORM_FIELD_KEY_RE = /^__submission_fields\\.(\\d+)\\.([A-Za-z0-9]+)$/;\nconst FORM_FIELD_RUNTIME_PATH_RE = /^__submission_fields\\[\"(\\d+)\"\\]\\[\"([A-Za-z0-9]+)\"\\]$/;\nconst LEGACY_FORM_KEY_RE = /^form_(\\d+)_([A-Za-z0-9]+)$/;\nconst LEGACY_FORM_KEY_PREFIX_RE = /^__form_(\\d+)_([a-f0-9]+)$/;\n\nexport const buildFormFieldKey = (formId: number, fieldId: string): string =>\n    `__submission_fields.${formId}.${fieldId.replaceAll('-', '')}`;\n\nexport const parseFormFieldKey = (key: string): { formId: number; fieldId: string } | null => {\n    const match = FORM_FIELD_KEY_RE.exec(key) ?? FORM_FIELD_RUNTIME_PATH_RE.exec(key);\n    if (match) {\n        return { formId: Number(match[1]), fieldId: match[2] };\n    }\n\n    // Backward compatibility for already saved values.\n    const oldMatch = LEGACY_FORM_KEY_RE.exec(key);\n    if (oldMatch) {\n        return { formId: Number(oldMatch[1]), fieldId: oldMatch[2] };\n    }\n\n    const legacyMatch = LEGACY_FORM_KEY_PREFIX_RE.exec(key);\n    if (legacyMatch) {\n        return { formId: Number(legacyMatch[1]), fieldId: legacyMatch[2] };\n    }\n\n    return null;\n};\n\nexport const isFormFieldKey = (key: string): boolean => parseFormFieldKey(key) !== null;\n\n/**\n * Submission keys may start with numeric properties, so dot notation is unsafe.\n */\nexport const toNunjucksFieldReference = (fieldKey: string): string => {\n    const parsed = parseFormFieldKey(fieldKey);\n    if (!parsed) {\n        return fieldKey;\n    }\n\n    return `__submission_fields[\"${parsed.formId}\"][\"${parsed.fieldId}\"]`;\n};\n\nexport const getCalculatedFieldTypeFromFormItemType = (\n    itemType: string,\n): FormCalculatedFieldType | null => {\n    if (itemType === 'Number') {\n        return 'number';\n    }\n    if (itemType === 'Date') {\n        return 'date';\n    }\n    return null;\n};\n\nexport const getConditionalFieldTypeFromFormItemType = (\n    itemType: string,\n): FormConditionalFieldType | null => {\n    if (!itemType) {\n        return null;\n    }\n    if (itemType === 'Number') {\n        return 'number';\n    }\n    if (itemType === 'Picture' || itemType === 'Signature') {\n        return null;\n    }\n    return 'string';\n};\n"],"names":["FormItemType","FORM_FIELD_KEY_RE","FORM_FIELD_RUNTIME_PATH_RE","LEGACY_FORM_KEY_RE","LEGACY_FORM_KEY_PREFIX_RE","buildFormFieldKey","formId","fieldId","replaceAll","parseFormFieldKey","key","match","exec","Number","oldMatch","legacyMatch","isFormFieldKey","toNunjucksFieldReference","fieldKey","parsed","getCalculatedFieldTypeFromFormItemType","itemType","getConditionalFieldTypeFromFormItemType"],"mappings":"AAWA,OAAO,IAAA,AAAWA,sCAAAA;;;;;;;;;;;WAAAA;MAWjB;AAKD,MAAMC,oBAAoB;AAC1B,MAAMC,6BAA6B;AACnC,MAAMC,qBAAqB;AAC3B,MAAMC,4BAA4B;AAElC,OAAO,MAAMC,oBAAoB,CAACC,QAAgBC,UAC9C,CAAC,oBAAoB,EAAED,OAAO,CAAC,EAAEC,QAAQC,UAAU,CAAC,KAAK,KAAK,CAAC;AAEnE,OAAO,MAAMC,oBAAoB,CAACC;QAChBT;IAAd,MAAMU,QAAQV,CAAAA,0BAAAA,kBAAkBW,IAAI,CAACF,kBAAvBT,qCAAAA,0BAA+BC,2BAA2BU,IAAI,CAACF;IAC7E,IAAIC,OAAO;QACP,OAAO;YAAEL,QAAQO,OAAOF,KAAK,CAAC,EAAE;YAAGJ,SAASI,KAAK,CAAC,EAAE;QAAC;IACzD;IAEA,mDAAmD;IACnD,MAAMG,WAAWX,mBAAmBS,IAAI,CAACF;IACzC,IAAII,UAAU;QACV,OAAO;YAAER,QAAQO,OAAOC,QAAQ,CAAC,EAAE;YAAGP,SAASO,QAAQ,CAAC,EAAE;QAAC;IAC/D;IAEA,MAAMC,cAAcX,0BAA0BQ,IAAI,CAACF;IACnD,IAAIK,aAAa;QACb,OAAO;YAAET,QAAQO,OAAOE,WAAW,CAAC,EAAE;YAAGR,SAASQ,WAAW,CAAC,EAAE;QAAC;IACrE;IAEA,OAAO;AACX,EAAE;AAEF,OAAO,MAAMC,iBAAiB,CAACN,MAAyBD,kBAAkBC,SAAS,KAAK;AAExF;;CAEC,GACD,OAAO,MAAMO,2BAA2B,CAACC;IACrC,MAAMC,SAASV,kBAAkBS;IACjC,IAAI,CAACC,QAAQ;QACT,OAAOD;IACX;IAEA,OAAO,CAAC,qBAAqB,EAAEC,OAAOb,MAAM,CAAC,IAAI,EAAEa,OAAOZ,OAAO,CAAC,EAAE,CAAC;AACzE,EAAE;AAEF,OAAO,MAAMa,yCAAyC,CAClDC;IAEA,IAAIA,aAAa,UAAU;QACvB,OAAO;IACX;IACA,IAAIA,aAAa,QAAQ;QACrB,OAAO;IACX;IACA,OAAO;AACX,EAAE;AAEF,OAAO,MAAMC,0CAA0C,CACnDD;IAEA,IAAI,CAACA,UAAU;QACX,OAAO;IACX;IACA,IAAIA,aAAa,UAAU;QACvB,OAAO;IACX;IACA,IAAIA,aAAa,aAAaA,aAAa,aAAa;QACpD,OAAO;IACX;IACA,OAAO;AACX,EAAE"}

package/dist/unlayer-interface.d.ts

@@ -82,5 +82,7 @@ export interface CreateUnlayerEditorProps {
     onFormSelect?: (formId: number) => void;
     onCalcFieldOpen?: (usedFormIds: number[]) => void;
     onCalcFieldSelect?: (fieldKeys: string[]) => void;
+    onConditionalsOpen?: (usedFormIds: number[], sendFormList: (forms: FormInfo[]) => void, sendFormFields: (formId: number, fields: FormFieldInfo[]) => void) => void;
+    onConditionFormSelect?: (formId: number, sendFormFields: (formId: number, fields: FormFieldInfo[]) => void) => void;
 }
 //# sourceMappingURL=unlayer-interface.d.ts.map

package/dist/unlayer-interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unlayer-interface.d.ts","sourceRoot":"","sources":["../src/unlayer-interface.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"unlayer-interface.d.ts","sourceRoot":"","sources":["../src/unlayer-interface.tsx"],"names":[],"mappings":"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"}

package/dist/unlayer-interface.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/unlayer-interface.tsx"],"sourcesContent":["import {\n    UnlayerEditorESignRecipientInfo,\n    UnlayerEditorTwin,\n    UnlayerEditorUnit,\n} from './shared/const';\nimport { FormFieldInfo, FormInfo } from './shared/forms';\nimport { SchemaObject } from './shared/schema';\n\nexport interface UnlayerDesignTool {\n    type: string;\n    slug?: string;\n    values: any;\n}\nexport interface UnlayerDesignCustomTool extends UnlayerDesignTool {\n    slug: string;\n}\n\nexport interface UnlayerDesignFormat {\n    body: {\n        rows: {\n            cells: number[];\n            columns: {\n                contents: UnlayerDesignTool[];\n                values?: any;\n            }[];\n            values?: any;\n        }[];\n        values?: any;\n    };\n    counters: Record<string, number>;\n    schemaVersion: number;\n}\n\nexport interface UnlayerExport {\n    html: string;\n    chunks: any;\n    design: UnlayerDesignFormat;\n}\n\nexport interface UnlayerRef {\n    loadDesign(design: any): void;\n    saveDesign(cb: (design: any) => void): void;\n    exportHtml(cb: (data: UnlayerExport) => void): void;\n    sendFormList(forms: FormInfo[]): void;\n    sendFormFields(formId: number, fields: FormFieldInfo[]): void;\n    sendCalcFieldLabels(labels: Record<string, string>): void;\n}\n\nexport interface UnlayerEditorMergeTagInfo {\n    id: string;\n    name: string;\n    propertyPath: string;\n}\n\nexport interface UnlayerEditorCustomTool {\n    key: string;\n    title: string;\n    description?: string;\n    url: string;\n    groupUrl?: string;\n}\n\nexport interface CreateUnlayerEditorProps {\n    tools: UnlayerEditorCustomTool[];\n    newSnapshot?: UnlayerEditorTwin;\n    toolTwins?: UnlayerEditorTwin[];\n    isSnapshotMode?: boolean;\n    dummyData?: any;\n    schema?: SchemaObject;\n    customCSS?: string | string[] | undefined;\n    customJS?: string | string[] | undefined;\n    mergeTags?: UnlayerEditorMergeTagInfo[] | undefined;\n    eSignRecipients?: UnlayerEditorESignRecipientInfo[] | undefined;\n    eSignFieldTypes?: string[] | undefined;\n    genericConfigMode?: boolean;\n    generics?: true | string[];\n    units?: UnlayerEditorUnit[];\n    noCoreTools?: boolean;\n    latest?: boolean;\n    blocks?: boolean;\n    hideAllTools?: boolean;\n    hideContentControls?: boolean;\n    hideBodyMenuItem?: boolean;\n    displayConditions?: boolean;\n    enableHTMLEditing?: boolean;\n    enableHTMLEditingReadonly?: boolean;\n    imageValidation?: {\n        maxWidth?: number;\n        maxHeight?: number;\n        maxFileSize?: number;\n    };\n    holidays?: string[];\n    onFormSelect?: (formId: number) => void;\n    onCalcFieldOpen?: (usedFormIds: number[]) => void;\n    onCalcFieldSelect?: (fieldKeys: string[]) => void;\n}\n"],"names":[],"mappings":"AA8DA,WAiCC"}
+{"version":3,"sources":["../src/unlayer-interface.tsx"],"sourcesContent":["import {\n    UnlayerEditorESignRecipientInfo,\n    UnlayerEditorTwin,\n    UnlayerEditorUnit,\n} from './shared/const';\nimport { FormFieldInfo, FormInfo } from './shared/forms';\nimport { SchemaObject } from './shared/schema';\n\nexport interface UnlayerDesignTool {\n    type: string;\n    slug?: string;\n    values: any;\n}\nexport interface UnlayerDesignCustomTool extends UnlayerDesignTool {\n    slug: string;\n}\n\nexport interface UnlayerDesignFormat {\n    body: {\n        rows: {\n            cells: number[];\n            columns: {\n                contents: UnlayerDesignTool[];\n                values?: any;\n            }[];\n            values?: any;\n        }[];\n        values?: any;\n    };\n    counters: Record<string, number>;\n    schemaVersion: number;\n}\n\nexport interface UnlayerExport {\n    html: string;\n    chunks: any;\n    design: UnlayerDesignFormat;\n}\n\nexport interface UnlayerRef {\n    loadDesign(design: any): void;\n    saveDesign(cb: (design: any) => void): void;\n    exportHtml(cb: (data: UnlayerExport) => void): void;\n    sendFormList(forms: FormInfo[]): void;\n    sendFormFields(formId: number, fields: FormFieldInfo[]): void;\n    sendCalcFieldLabels(labels: Record<string, string>): void;\n}\n\nexport interface UnlayerEditorMergeTagInfo {\n    id: string;\n    name: string;\n    propertyPath: string;\n}\n\nexport interface UnlayerEditorCustomTool {\n    key: string;\n    title: string;\n    description?: string;\n    url: string;\n    groupUrl?: string;\n}\n\nexport interface CreateUnlayerEditorProps {\n    tools: UnlayerEditorCustomTool[];\n    newSnapshot?: UnlayerEditorTwin;\n    toolTwins?: UnlayerEditorTwin[];\n    isSnapshotMode?: boolean;\n    dummyData?: any;\n    schema?: SchemaObject;\n    customCSS?: string | string[] | undefined;\n    customJS?: string | string[] | undefined;\n    mergeTags?: UnlayerEditorMergeTagInfo[] | undefined;\n    eSignRecipients?: UnlayerEditorESignRecipientInfo[] | undefined;\n    eSignFieldTypes?: string[] | undefined;\n    genericConfigMode?: boolean;\n    generics?: true | string[];\n    units?: UnlayerEditorUnit[];\n    noCoreTools?: boolean;\n    latest?: boolean;\n    blocks?: boolean;\n    hideAllTools?: boolean;\n    hideContentControls?: boolean;\n    hideBodyMenuItem?: boolean;\n    displayConditions?: boolean;\n    enableHTMLEditing?: boolean;\n    enableHTMLEditingReadonly?: boolean;\n    imageValidation?: {\n        maxWidth?: number;\n        maxHeight?: number;\n        maxFileSize?: number;\n    };\n    holidays?: string[];\n    onFormSelect?: (formId: number) => void;\n    onCalcFieldOpen?: (usedFormIds: number[]) => void;\n    onCalcFieldSelect?: (fieldKeys: string[]) => void;\n    onConditionalsOpen?: (\n        usedFormIds: number[],\n        sendFormList: (forms: FormInfo[]) => void,\n        sendFormFields: (formId: number, fields: FormFieldInfo[]) => void,\n    ) => void;\n    onConditionFormSelect?: (\n        formId: number,\n        sendFormFields: (formId: number, fields: FormFieldInfo[]) => void,\n    ) => void;\n}\n"],"names":[],"mappings":"AA8DA,WA0CC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/dte-unlayer",
-  "version": "0.122.0",
+  "version": "0.124.0",
   "description": "",
   "main": "./dist/index.js",
   "typings": "./dist/index.d.ts",

package/src/display-conditions/ConditionGroup.tsx

@@ -1,20 +1,27 @@
 import { Button, Flex } from '@servicetitan/anvil2';
 import PlusIcon from '@servicetitan/anvil2/assets/icons/material/round/add.svg';
 import { useCallback } from 'react';
+import { FormInfo } from '../shared/forms';
 import { ConditionRow } from './ConditionRow';
 import { defaultCondition } from './constants';
-import { ConditionGroup as ConditionGroupType, SingleCondition } from './types';
+import { ConditionGroup as ConditionGroupType, FormFieldOption, SingleCondition } from './types';
 import type { DataPointOption } from './types';
 
 export interface ConditionGroupProps {
     dataPointOptions: DataPointOption[];
+    formFieldOptions: FormFieldOption[];
+    forms: FormInfo[];
     group: ConditionGroupType;
+    onFormSelect: (formId: number) => void;
     onUpdate: (g: ConditionGroupType) => void;
 }
 
 export function ConditionGroup({
     dataPointOptions,
+    formFieldOptions,
+    forms,
     group,
+    onFormSelect,
     onUpdate,
 }: Readonly<ConditionGroupProps>) {
     const addCondition = useCallback(() => {
@@ -41,8 +48,7 @@ export function ConditionGroup({
         (index: number) => {
             let next = group.conditions.filter((_, i) => i !== index);
             if (index === 0 && next.length > 0) {
-                const { logicalOperator: _unusedOp, ...rest } = next[0];
-                next = [rest as SingleCondition, ...next.slice(1)];
+                next = [{ ...next[0], logicalOperator: undefined }, ...next.slice(1)];
             }
             onUpdate({
                 ...group,
@@ -61,7 +67,10 @@ export function ConditionGroup({
                             canRemove
                             condition={c}
                             dataPointOptions={dataPointOptions}
+                            forms={forms}
+                            formFieldOptions={formFieldOptions}
                             onChange={next => updateCondition(i, next)}
+                            onFormSelect={onFormSelect}
                             onRemove={() => removeCondition(i)}
                         />
                     </Flex>

package/src/display-conditions/ConditionGroupsSection.tsx

@@ -1,7 +1,8 @@
 import { Chip, Flex, SegmentedControl, Text } from '@servicetitan/anvil2';
 import type { ReactNode } from 'react';
+import { FormInfo } from '../shared/forms';
 import { ConditionGroup } from './ConditionGroup';
-import { ConditionGroup as ConditionGroupType } from './types';
+import { ConditionGroup as ConditionGroupType, FormFieldOption } from './types';
 import type { DataPointOption } from './types';
 
 export type MatchType = 'all' | 'any';
@@ -9,8 +10,11 @@ export type MatchType = 'all' | 'any';
 export interface ConditionGroupsSectionProps {
     behaviorSection?: ReactNode;
     dataPointOptions: DataPointOption[];
+    formFieldOptions: FormFieldOption[];
+    forms: FormInfo[];
     groups: ConditionGroupType[];
     matchType: MatchType;
+    onFormSelect: (formId: number) => void;
     onMatchTypeChange: (matchType: MatchType) => void;
     onUpdateGroup: (index: number, group: ConditionGroupType) => void;
 }
@@ -18,8 +22,11 @@ export interface ConditionGroupsSectionProps {
 export function ConditionGroupsSection({
     behaviorSection,
     dataPointOptions,
+    formFieldOptions,
+    forms,
     groups,
     matchType,
+    onFormSelect,
     onMatchTypeChange,
     onUpdateGroup,
 }: Readonly<ConditionGroupsSectionProps>) {
@@ -53,7 +60,10 @@ export function ConditionGroupsSection({
             {behaviorSection}
             <ConditionGroup
                 dataPointOptions={dataPointOptions}
+                formFieldOptions={formFieldOptions}
+                forms={forms}
                 group={firstGroup}
+                onFormSelect={onFormSelect}
                 onUpdate={g => onUpdateGroup(0, g)}
             />
         </Flex>