@servicetitan/dte-unlayer 0.110.0 → 0.112.0

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 { 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}\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    enableHTMLEditing?: boolean;\n    enableHTMLEditingReadonly?: boolean;\n    imageValidation?: {\n        maxWidth?: number;\n        maxHeight?: number;\n        maxFileSize?: number;\n    };\n    holidays?: string[];\n}\n"],"names":[],"mappings":"AA0DA,WA6BC"}
+{"version":3,"sources":["../src/unlayer-interface.tsx"],"sourcesContent":["import {\n    UnlayerEditorESignRecipientInfo,\n    UnlayerEditorTwin,\n    UnlayerEditorUnit,\n} from './shared/const';\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}\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}\n"],"names":[],"mappings":"AA0DA,WA8BC"}

package/dist/unlayer.d.ts

@@ -58,5 +58,5 @@ export declare const hideUnlayerContentsControls: () => string;
 export declare const hideUnlayerBodyMenuItem: () => string;
 export declare const hideMobileTabletPreview: () => string;
 export declare const hideUnlayerTools: () => string;
-export declare const createUnlayerEditor: (container: HTMLDivElement, { customCSS, customJS, eSignFieldTypes, eSignRecipients, enableHTMLEditing, enableHTMLEditingReadonly, hideAllTools, hideBodyMenuItem, hideContentControls, latest, mergeTags, noCoreTools, tools, units, }: CreateUnlayerEditorProps) => Unlayer;
+export declare const createUnlayerEditor: (container: HTMLDivElement, { customCSS, customJS, displayConditions, eSignFieldTypes, eSignRecipients, enableHTMLEditing, enableHTMLEditingReadonly, hideAllTools, hideBodyMenuItem, hideContentControls, latest, mergeTags, noCoreTools, tools, units, }: CreateUnlayerEditorProps) => Unlayer;
 //# sourceMappingURL=unlayer.d.ts.map

package/dist/unlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unlayer.d.ts","sourceRoot":"","sources":["../src/unlayer.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM,EAAE,GAAG,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACpB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;IAC9D,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;IACjE,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI,CAAC;IACnE,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI,CAAC;IACrE,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI,CAAC;IACnE,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI,CAAC;IACrE,UAAU,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;IAClD,UAAU,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,GAAG,IAAI,CAAC;IAC1D,YAAY,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM,CAAA;KAAE,GAAG,GAAG,CAAC;IAC7D,YAAY,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC;CACpC;AAED,oBAAY,sBAAsB;IAC9B,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,cAAc,oBAAoB;IAClC,eAAe,qBAAqB;IACpC,QAAQ,cAAc;IACtB,QAAQ,cAAc;IACtB,UAAU,gBAAgB;IAC1B,WAAW,iBAAiB;IAC5B,WAAW,iBAAiB;IAC5B,aAAa,mBAAmB;IAChC,cAAc,oBAAoB;IAClC,YAAY,kBAAkB;CACjC;AAED,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,sBAAsB,CAAC;IAC7B,IAAI,EAAE;QACF,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,GAAG,CAAC;KACf,CAAC;CACL;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,mBAAmB,MAAM,WAO5D,CAAC;AAEF,eAAO,MAAM,2BAA2B,cAUvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,cAMnC,CAAC;AAyBF,eAAO,MAAM,uBAAuB,cAQnC,CAAC;AACF,eAAO,MAAM,gBAAgB,cAiC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC5B,WAAW,cAAc,EACzB,6MAeG,wBAAwB,KAC5B,OAkLF,CAAC"}
+{"version":3,"file":"unlayer.d.ts","sourceRoot":"","sources":["../src/unlayer.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAE/D,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM,EAAE,GAAG,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACpB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;IAC9D,mBAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;IACjE,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI,CAAC;IACnE,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI,CAAC;IACrE,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI,CAAC;IACnE,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,IAAI,CAAC;IACrE,UAAU,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC;IAC9B,UAAU,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,GAAG,IAAI,CAAC;IAClD,UAAU,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,GAAG,IAAI,CAAC;IAC1D,YAAY,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM,CAAA;KAAE,GAAG,GAAG,CAAC;IAC7D,YAAY,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;IAC9B,aAAa,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC;CACpC;AAED,oBAAY,sBAAsB;IAC9B,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,cAAc,oBAAoB;IAClC,eAAe,qBAAqB;IACpC,QAAQ,cAAc;IACtB,QAAQ,cAAc;IACtB,UAAU,gBAAgB;IAC1B,WAAW,iBAAiB;IAC5B,WAAW,iBAAiB;IAC5B,aAAa,mBAAmB;IAChC,cAAc,oBAAoB;IAClC,YAAY,kBAAkB;CACjC;AAED,MAAM,WAAW,kBAAkB;IAC/B,IAAI,EAAE,sBAAsB,CAAC;IAC7B,IAAI,EAAE;QACF,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,GAAG,CAAC;KACf,CAAC;CACL;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;CAGpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,mBAAmB,MAAM,WAO5D,CAAC;AAEF,eAAO,MAAM,2BAA2B,cAUvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,cAMnC,CAAC;AAyBF,eAAO,MAAM,uBAAuB,cAQnC,CAAC;AACF,eAAO,MAAM,gBAAgB,cAiC5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAC5B,WAAW,cAAc,EACzB,gOAgBG,wBAAwB,KAC5B,OAoLF,CAAC"}

package/dist/unlayer.js

@@ -116,7 +116,7 @@ export const hideUnlayerTools = ()=>{
         }
     `;
 };
-export const createUnlayerEditor = (container, { customCSS, customJS, eSignFieldTypes, eSignRecipients, enableHTMLEditing, enableHTMLEditingReadonly, hideAllTools, hideBodyMenuItem, hideContentControls, latest, mergeTags, noCoreTools, tools, units })=>{
+export const createUnlayerEditor = (container, { customCSS, customJS, displayConditions, eSignFieldTypes, eSignRecipients, enableHTMLEditing, enableHTMLEditingReadonly, hideAllTools, hideBodyMenuItem, hideContentControls, latest, mergeTags, noCoreTools, tools, units })=>{
     const customScripts = [
         editorCoreScript,
         editorCoreTools,
@@ -299,12 +299,14 @@ export const createUnlayerEditor = (container, { customCSS, customJS, eSignField
         }
     });
     document.getElementById = currentFind;
-    result.registerCallback('displayCondition', function(data, done) {
-        emitDisplayCondition({
-            data,
-            done
+    if (displayConditions) {
+        result.registerCallback('displayCondition', function(data, done) {
+            emitDisplayCondition({
+                data,
+                done
+            });
         });
-    });
+    }
     return result;
 };
 

package/dist/unlayer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/unlayer.tsx"],"sourcesContent":["import { emitDisplayCondition } from './display-conditions/displayConditionController';\nimport { editorCoreScript, editorCoreStyles, editorCoreTools } from './editor-core';\nimport { constGenericsEditor } from './shared/const';\nimport { unlayerSupportedFonts } from './shared/fonts';\nimport {\n    unlayerCustomEmptyToolState,\n    unlayerCustomToolMetaData,\n    unlayerCustomToolsGetRegisterUrls,\n} from './tools';\nimport { CreateUnlayerEditorProps } from './unlayer-interface';\n\nexport interface UnlayerExport {\n    html: string;\n    chunks: any;\n    design: any;\n}\n\nexport interface Unlayer {\n    addEventListener(event: string, cb: (arg: any) => void): void;\n    removeEventListener(event: string, cb: (arg: any) => void): void;\n    registerCallback(type: string, cb: (...args: any[]) => void): void;\n    unregisterCallback(type: string, cb: (...args: any[]) => void): void;\n    registerProvider(type: string, cb: (...args: any[]) => void): void;\n    unregisterProvider(type: string, cb: (...args: any[]) => void): void;\n    loadDesign(design: any): void;\n    saveDesign(callback: (design: any) => void): void;\n    exportHtml(callback: (data: UnlayerExport) => void): void;\n    setMergeTags(tags: any): void;\n    createViewer(opts: { render: (values: any) => string }): any;\n    registerTool(tool: any): void;\n    setBodyValues(values: any): void;\n}\n\nexport enum DesignUpdatedEventType {\n    ContentAdded = 'content:added',\n    ContentMoved = 'content:moved',\n    ContentRemoved = 'content:removed',\n    ContentModified = 'content:modified',\n    RowAdded = 'row:added',\n    RowMoved = 'row:moved',\n    RowRemoved = 'row:removed',\n    RowModified = 'row:modified',\n    ColumnAdded = 'column:added',\n    ColumnRemoved = 'column:removed',\n    ColumnModified = 'column:modified',\n    BodyModified = 'body:modified',\n}\n\nexport interface EventDesignUpdated {\n    type: DesignUpdatedEventType;\n    item: {\n        type: string;\n        slug?: string;\n        values: any;\n    };\n}\n\n/**\n * !!! IMPORTANT !!!\n * do not forget to update schema version when updating unlayer version\n * it is important for templates export and should be in sync\n * to know correct schema version, open unlayer editor and check output design ('schema' property)\n */\nexport const versions = {\n    unlayer: '1.339.0',\n    schema: 22,\n};\n\nexport const handlePreselectTool = (preselectToolSlug: string) => {\n    return `\n        const element = document.querySelector('.u_content_custom_${preselectToolSlug}');\n        if (element) {\n            element.click();\n        }\n    `;\n};\n\nexport const hideUnlayerContentsControls = () => {\n    return `\n        .blockbuilder-layer-controls-contents, .blockbuilder-layer-controls-rows {\n            display: none !important;\n        }\n\n        .blockbuilder-options-header .text-right .icon-delete, .blockbuilder-options-header .text-right .icon-duplicate {\n            display: none !important;\n        }\n    `;\n};\n\nexport const hideUnlayerBodyMenuItem = () => {\n    return `\n        .nav-item.tab-body {\n            display: none !important;\n        }\n    `;\n};\n\nconst injectEditorCoreStyles = () => {\n    const cssText = editorCoreStyles?.trim();\n\n    if (!cssText) {\n        return '';\n    }\n\n    return `\n        (function () {\n            var css = ${JSON.stringify(cssText)};\n            var id = 'dte-unlayer-core-styles';\n            if (document.getElementById(id)) {\n                return;\n            }\n            var style = document.createElement('style');\n            style.id = id;\n            style.type = 'text/css';\n            style.appendChild(document.createTextNode(css));\n            document.head.appendChild(style);\n        })();\n    `;\n};\n\nexport const hideMobileTabletPreview = () => `\n    [data-key=\"preview-tablet\"],\n    [data-key=\"resolution\"],\n    [data-key=\"dark-mode\"],\n    [data-key=\"preview-desktop\"],\n    [data-key=\"preview-mobile\"] {\n        display: none !important;\n    }\n`;\nexport const hideUnlayerTools = () => {\n    return `\n        .blockbuilder-content-tools {\n            display: none !important;\n        }\n           \n        .unlayer-custom-empty-tool-state {\n            display: flex;\n            margin-top: 150px;\n            flex-direction: column;\n            justify-content: center;\n        }\n        \n        .unlayer-custom-empty-tool-state-icon {\n            text-align: center;\n            margin-bottom: 12px;\n        }\n        \n        .unlayer-custom-empty-tool-state-icon svg{\n            color: #606162;\n        }\n        \n        .unlayer-custom-empty-tool-state-text {\n            text-align: center;\n            font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;\n            font-size: 16px;\n            font-style: normal;\n            font-weight: 500;\n            line-height: normal;\n            color: #606162;\n            line-height: 13px;\n        }\n    `;\n};\n\nexport const createUnlayerEditor = (\n    container: HTMLDivElement,\n    {\n        customCSS,\n        customJS,\n        eSignFieldTypes,\n        eSignRecipients,\n        enableHTMLEditing,\n        enableHTMLEditingReadonly,\n        hideAllTools,\n        hideBodyMenuItem,\n        hideContentControls,\n        latest,\n        mergeTags,\n        noCoreTools,\n        tools,\n        units,\n    }: CreateUnlayerEditorProps,\n): Unlayer => {\n    const customScripts = [\n        editorCoreScript,\n        editorCoreTools,\n        injectEditorCoreStyles(),\n        'window.dteStore.sendData(\"--core-loaded\")',\n        ...unlayerCustomToolsGetRegisterUrls(tools),\n        unlayerCustomToolMetaData(tools),\n        ...(customJS ? (Array.isArray(customJS) ? customJS : [customJS]) : []),\n        hideAllTools ? unlayerCustomEmptyToolState() : '',\n        'window.dteStore.sendData(\"--data-loaded\")',\n    ].filter(js => !!js?.trim());\n    const customStyles = [\n        editorCoreStyles,\n        ...(customCSS ? (Array.isArray(customCSS) ? customCSS : [customCSS]) : []),\n        /*\n         * @TODO this is workaround for hiding all tools from unlayer sidebar.\n         * Will be better to use unlayer functionality for this but it is not implemented yet\n         */\n        hideMobileTabletPreview(),\n        hideAllTools ? hideUnlayerTools() : '',\n        hideContentControls ? hideUnlayerContentsControls() : '',\n        hideBodyMenuItem ? hideUnlayerBodyMenuItem() : '',\n    ].filter(css => !!css?.trim());\n\n    /**\n     * Unlayer supports only passing id of container, but when we use shadowDOM (MFE),\n     * getElementById can't find element in it\n     * so making this dirty hack to let unlayer find container in DOM\n     */\n    const id = container.id;\n    const currentFind = document.getElementById;\n    document.getElementById = function (elementId: string) {\n        if (id === elementId) {\n            return container;\n        }\n\n        return currentFind.call(document, id);\n    };\n\n    const acv = constGenericsEditor.adminConfigProperty;\n\n    const eSignTypeMapping = (eSignFieldTypes ?? []).map(key => ({\n        label: key,\n        value: key.charAt(0).toLowerCase() + key.replace(/ /g, '').slice(1),\n    }));\n\n    const unitsConfig = (units ?? []).reduce(\n        (out, unit) => {\n            out[`custom#${unit.generic}:unit:${unit.id}`] = {\n                data: {\n                    [acv]: unit.values[acv],\n                },\n                properties: {\n                    [constGenericsEditor.userConfigProperty]: {\n                        editor: {\n                            data: { [acv]: unit.values[acv] },\n                        },\n                    },\n                    [constGenericsEditor.infoDataProperty]: {\n                        editor: {\n                            data: { title: unit.title },\n                        },\n                    },\n                },\n            };\n            return out;\n        },\n        {} as Record<string, any>,\n    );\n\n    const eSignComponentRecipients = {\n        properties: {\n            eSignRecipient: {\n                editor: {\n                    data: {\n                        options: eSignRecipients?.map(item => ({\n                            label: item.displayName,\n                            value: item.name,\n                        })),\n                    },\n                },\n            },\n            eSignFieldType: {\n                editor: {\n                    data: {\n                        options: eSignTypeMapping,\n                    },\n                },\n            },\n        },\n    };\n\n    const result = (window as any).unlayer.createEditor({\n        displayMode: 'web',\n        devices: ['desktop'],\n        features: {\n            preview: true,\n            userUploads: false,\n            stockImages: false,\n            textEditor: {\n                tables: true,\n            },\n        },\n        mergeTags: mergeTags?.reduce(\n            (out, tag) => {\n                out[tag.id] = { name: tag.name, value: tag.propertyPath };\n\n                return out;\n            },\n            {} as Record<string, { name: string; value: string }>,\n        ),\n        projectId: 5713,\n        version: latest ? undefined : versions.unlayer,\n        appearance: {\n            theme: 'classic_light',\n        },\n        tools: {\n            'carousel': { enabled: false },\n            'button': { enabled: false },\n            'html': {\n                enabled: enableHTMLEditing,\n                properties: {\n                    html: {\n                        editor: {\n                            widgetParams: {\n                                codeMirrorOptions: {\n                                    readOnly: enableHTMLEditingReadonly,\n                                },\n                            },\n                        },\n                    },\n                },\n            },\n            'table': {\n                enabled: true,\n            },\n            'menu': { enabled: false },\n            'form': { enabled: false },\n            ...(noCoreTools\n                ? {\n                      columns: { enabled: false },\n                      text: { enabled: false },\n                      heading: { enabled: false },\n                      divider: { enabled: false },\n                      image: { enabled: false },\n                  }\n                : {}),\n            ...unitsConfig,\n            'custom#e-sign': eSignComponentRecipients,\n        },\n        editor: {\n            autoSelectOnDrop: true,\n        },\n        customJS: customScripts,\n        customCSS: customStyles,\n        id,\n        fonts: {\n            showDefaultFonts: false,\n            customFonts: unlayerSupportedFonts,\n        },\n        tabs: {\n            content: {},\n            body: {},\n            blocks: { enabled: false },\n        },\n    });\n\n    document.getElementById = currentFind;\n\n    result.registerCallback(\n        'displayCondition',\n        function (data: any, done: (condition: any) => void) {\n            emitDisplayCondition({ data, done });\n        },\n    );\n\n    return result;\n};\n"],"names":["emitDisplayCondition","editorCoreScript","editorCoreStyles","editorCoreTools","constGenericsEditor","unlayerSupportedFonts","unlayerCustomEmptyToolState","unlayerCustomToolMetaData","unlayerCustomToolsGetRegisterUrls","DesignUpdatedEventType","versions","unlayer","schema","handlePreselectTool","preselectToolSlug","hideUnlayerContentsControls","hideUnlayerBodyMenuItem","injectEditorCoreStyles","cssText","trim","JSON","stringify","hideMobileTabletPreview","hideUnlayerTools","createUnlayerEditor","container","customCSS","customJS","eSignFieldTypes","eSignRecipients","enableHTMLEditing","enableHTMLEditingReadonly","hideAllTools","hideBodyMenuItem","hideContentControls","latest","mergeTags","noCoreTools","tools","units","customScripts","Array","isArray","filter","js","customStyles","css","id","currentFind","document","getElementById","elementId","call","acv","adminConfigProperty","eSignTypeMapping","map","key","label","value","charAt","toLowerCase","replace","slice","unitsConfig","reduce","out","unit","generic","data","values","properties","userConfigProperty","editor","infoDataProperty","title","eSignComponentRecipients","eSignRecipient","options","item","displayName","name","eSignFieldType","result","window","createEditor","displayMode","devices","features","preview","userUploads","stockImages","textEditor","tables","tag","propertyPath","projectId","version","undefined","appearance","theme","enabled","html","widgetParams","codeMirrorOptions","readOnly","columns","text","heading","divider","image","autoSelectOnDrop","fonts","showDefaultFonts","customFonts","tabs","content","body","blocks","registerCallback","done"],"mappings":"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"}
+{"version":3,"sources":["../src/unlayer.tsx"],"sourcesContent":["import { emitDisplayCondition } from './display-conditions/displayConditionController';\nimport { editorCoreScript, editorCoreStyles, editorCoreTools } from './editor-core';\nimport { constGenericsEditor } from './shared/const';\nimport { unlayerSupportedFonts } from './shared/fonts';\nimport {\n    unlayerCustomEmptyToolState,\n    unlayerCustomToolMetaData,\n    unlayerCustomToolsGetRegisterUrls,\n} from './tools';\nimport { CreateUnlayerEditorProps } from './unlayer-interface';\n\nexport interface UnlayerExport {\n    html: string;\n    chunks: any;\n    design: any;\n}\n\nexport interface Unlayer {\n    addEventListener(event: string, cb: (arg: any) => void): void;\n    removeEventListener(event: string, cb: (arg: any) => void): void;\n    registerCallback(type: string, cb: (...args: any[]) => void): void;\n    unregisterCallback(type: string, cb: (...args: any[]) => void): void;\n    registerProvider(type: string, cb: (...args: any[]) => void): void;\n    unregisterProvider(type: string, cb: (...args: any[]) => void): void;\n    loadDesign(design: any): void;\n    saveDesign(callback: (design: any) => void): void;\n    exportHtml(callback: (data: UnlayerExport) => void): void;\n    setMergeTags(tags: any): void;\n    createViewer(opts: { render: (values: any) => string }): any;\n    registerTool(tool: any): void;\n    setBodyValues(values: any): void;\n}\n\nexport enum DesignUpdatedEventType {\n    ContentAdded = 'content:added',\n    ContentMoved = 'content:moved',\n    ContentRemoved = 'content:removed',\n    ContentModified = 'content:modified',\n    RowAdded = 'row:added',\n    RowMoved = 'row:moved',\n    RowRemoved = 'row:removed',\n    RowModified = 'row:modified',\n    ColumnAdded = 'column:added',\n    ColumnRemoved = 'column:removed',\n    ColumnModified = 'column:modified',\n    BodyModified = 'body:modified',\n}\n\nexport interface EventDesignUpdated {\n    type: DesignUpdatedEventType;\n    item: {\n        type: string;\n        slug?: string;\n        values: any;\n    };\n}\n\n/**\n * !!! IMPORTANT !!!\n * do not forget to update schema version when updating unlayer version\n * it is important for templates export and should be in sync\n * to know correct schema version, open unlayer editor and check output design ('schema' property)\n */\nexport const versions = {\n    unlayer: '1.339.0',\n    schema: 22,\n};\n\nexport const handlePreselectTool = (preselectToolSlug: string) => {\n    return `\n        const element = document.querySelector('.u_content_custom_${preselectToolSlug}');\n        if (element) {\n            element.click();\n        }\n    `;\n};\n\nexport const hideUnlayerContentsControls = () => {\n    return `\n        .blockbuilder-layer-controls-contents, .blockbuilder-layer-controls-rows {\n            display: none !important;\n        }\n\n        .blockbuilder-options-header .text-right .icon-delete, .blockbuilder-options-header .text-right .icon-duplicate {\n            display: none !important;\n        }\n    `;\n};\n\nexport const hideUnlayerBodyMenuItem = () => {\n    return `\n        .nav-item.tab-body {\n            display: none !important;\n        }\n    `;\n};\n\nconst injectEditorCoreStyles = () => {\n    const cssText = editorCoreStyles?.trim();\n\n    if (!cssText) {\n        return '';\n    }\n\n    return `\n        (function () {\n            var css = ${JSON.stringify(cssText)};\n            var id = 'dte-unlayer-core-styles';\n            if (document.getElementById(id)) {\n                return;\n            }\n            var style = document.createElement('style');\n            style.id = id;\n            style.type = 'text/css';\n            style.appendChild(document.createTextNode(css));\n            document.head.appendChild(style);\n        })();\n    `;\n};\n\nexport const hideMobileTabletPreview = () => `\n    [data-key=\"preview-tablet\"],\n    [data-key=\"resolution\"],\n    [data-key=\"dark-mode\"],\n    [data-key=\"preview-desktop\"],\n    [data-key=\"preview-mobile\"] {\n        display: none !important;\n    }\n`;\nexport const hideUnlayerTools = () => {\n    return `\n        .blockbuilder-content-tools {\n            display: none !important;\n        }\n           \n        .unlayer-custom-empty-tool-state {\n            display: flex;\n            margin-top: 150px;\n            flex-direction: column;\n            justify-content: center;\n        }\n        \n        .unlayer-custom-empty-tool-state-icon {\n            text-align: center;\n            margin-bottom: 12px;\n        }\n        \n        .unlayer-custom-empty-tool-state-icon svg{\n            color: #606162;\n        }\n        \n        .unlayer-custom-empty-tool-state-text {\n            text-align: center;\n            font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;\n            font-size: 16px;\n            font-style: normal;\n            font-weight: 500;\n            line-height: normal;\n            color: #606162;\n            line-height: 13px;\n        }\n    `;\n};\n\nexport const createUnlayerEditor = (\n    container: HTMLDivElement,\n    {\n        customCSS,\n        customJS,\n        displayConditions,\n        eSignFieldTypes,\n        eSignRecipients,\n        enableHTMLEditing,\n        enableHTMLEditingReadonly,\n        hideAllTools,\n        hideBodyMenuItem,\n        hideContentControls,\n        latest,\n        mergeTags,\n        noCoreTools,\n        tools,\n        units,\n    }: CreateUnlayerEditorProps,\n): Unlayer => {\n    const customScripts = [\n        editorCoreScript,\n        editorCoreTools,\n        injectEditorCoreStyles(),\n        'window.dteStore.sendData(\"--core-loaded\")',\n        ...unlayerCustomToolsGetRegisterUrls(tools),\n        unlayerCustomToolMetaData(tools),\n        ...(customJS ? (Array.isArray(customJS) ? customJS : [customJS]) : []),\n        hideAllTools ? unlayerCustomEmptyToolState() : '',\n        'window.dteStore.sendData(\"--data-loaded\")',\n    ].filter(js => !!js?.trim());\n    const customStyles = [\n        editorCoreStyles,\n        ...(customCSS ? (Array.isArray(customCSS) ? customCSS : [customCSS]) : []),\n        /*\n         * @TODO this is workaround for hiding all tools from unlayer sidebar.\n         * Will be better to use unlayer functionality for this but it is not implemented yet\n         */\n        hideMobileTabletPreview(),\n        hideAllTools ? hideUnlayerTools() : '',\n        hideContentControls ? hideUnlayerContentsControls() : '',\n        hideBodyMenuItem ? hideUnlayerBodyMenuItem() : '',\n    ].filter(css => !!css?.trim());\n\n    /**\n     * Unlayer supports only passing id of container, but when we use shadowDOM (MFE),\n     * getElementById can't find element in it\n     * so making this dirty hack to let unlayer find container in DOM\n     */\n    const id = container.id;\n    const currentFind = document.getElementById;\n    document.getElementById = function (elementId: string) {\n        if (id === elementId) {\n            return container;\n        }\n\n        return currentFind.call(document, id);\n    };\n\n    const acv = constGenericsEditor.adminConfigProperty;\n\n    const eSignTypeMapping = (eSignFieldTypes ?? []).map(key => ({\n        label: key,\n        value: key.charAt(0).toLowerCase() + key.replace(/ /g, '').slice(1),\n    }));\n\n    const unitsConfig = (units ?? []).reduce(\n        (out, unit) => {\n            out[`custom#${unit.generic}:unit:${unit.id}`] = {\n                data: {\n                    [acv]: unit.values[acv],\n                },\n                properties: {\n                    [constGenericsEditor.userConfigProperty]: {\n                        editor: {\n                            data: { [acv]: unit.values[acv] },\n                        },\n                    },\n                    [constGenericsEditor.infoDataProperty]: {\n                        editor: {\n                            data: { title: unit.title },\n                        },\n                    },\n                },\n            };\n            return out;\n        },\n        {} as Record<string, any>,\n    );\n\n    const eSignComponentRecipients = {\n        properties: {\n            eSignRecipient: {\n                editor: {\n                    data: {\n                        options: eSignRecipients?.map(item => ({\n                            label: item.displayName,\n                            value: item.name,\n                        })),\n                    },\n                },\n            },\n            eSignFieldType: {\n                editor: {\n                    data: {\n                        options: eSignTypeMapping,\n                    },\n                },\n            },\n        },\n    };\n\n    const result = (window as any).unlayer.createEditor({\n        displayMode: 'web',\n        devices: ['desktop'],\n        features: {\n            preview: true,\n            userUploads: false,\n            stockImages: false,\n            textEditor: {\n                tables: true,\n            },\n        },\n        mergeTags: mergeTags?.reduce(\n            (out, tag) => {\n                out[tag.id] = { name: tag.name, value: tag.propertyPath };\n\n                return out;\n            },\n            {} as Record<string, { name: string; value: string }>,\n        ),\n        projectId: 5713,\n        version: latest ? undefined : versions.unlayer,\n        appearance: {\n            theme: 'classic_light',\n        },\n        tools: {\n            'carousel': { enabled: false },\n            'button': { enabled: false },\n            'html': {\n                enabled: enableHTMLEditing,\n                properties: {\n                    html: {\n                        editor: {\n                            widgetParams: {\n                                codeMirrorOptions: {\n                                    readOnly: enableHTMLEditingReadonly,\n                                },\n                            },\n                        },\n                    },\n                },\n            },\n            'table': {\n                enabled: true,\n            },\n            'menu': { enabled: false },\n            'form': { enabled: false },\n            ...(noCoreTools\n                ? {\n                      columns: { enabled: false },\n                      text: { enabled: false },\n                      heading: { enabled: false },\n                      divider: { enabled: false },\n                      image: { enabled: false },\n                  }\n                : {}),\n            ...unitsConfig,\n            'custom#e-sign': eSignComponentRecipients,\n        },\n        editor: {\n            autoSelectOnDrop: true,\n        },\n        customJS: customScripts,\n        customCSS: customStyles,\n        id,\n        fonts: {\n            showDefaultFonts: false,\n            customFonts: unlayerSupportedFonts,\n        },\n        tabs: {\n            content: {},\n            body: {},\n            blocks: { enabled: false },\n        },\n    });\n\n    document.getElementById = currentFind;\n\n    if (displayConditions) {\n        result.registerCallback(\n            'displayCondition',\n            function (data: any, done: (condition: any) => void) {\n                emitDisplayCondition({ data, done });\n            },\n        );\n    }\n\n    return result;\n};\n"],"names":["emitDisplayCondition","editorCoreScript","editorCoreStyles","editorCoreTools","constGenericsEditor","unlayerSupportedFonts","unlayerCustomEmptyToolState","unlayerCustomToolMetaData","unlayerCustomToolsGetRegisterUrls","DesignUpdatedEventType","versions","unlayer","schema","handlePreselectTool","preselectToolSlug","hideUnlayerContentsControls","hideUnlayerBodyMenuItem","injectEditorCoreStyles","cssText","trim","JSON","stringify","hideMobileTabletPreview","hideUnlayerTools","createUnlayerEditor","container","customCSS","customJS","displayConditions","eSignFieldTypes","eSignRecipients","enableHTMLEditing","enableHTMLEditingReadonly","hideAllTools","hideBodyMenuItem","hideContentControls","latest","mergeTags","noCoreTools","tools","units","customScripts","Array","isArray","filter","js","customStyles","css","id","currentFind","document","getElementById","elementId","call","acv","adminConfigProperty","eSignTypeMapping","map","key","label","value","charAt","toLowerCase","replace","slice","unitsConfig","reduce","out","unit","generic","data","values","properties","userConfigProperty","editor","infoDataProperty","title","eSignComponentRecipients","eSignRecipient","options","item","displayName","name","eSignFieldType","result","window","createEditor","displayMode","devices","features","preview","userUploads","stockImages","textEditor","tables","tag","propertyPath","projectId","version","undefined","appearance","theme","enabled","html","widgetParams","codeMirrorOptions","readOnly","columns","text","heading","divider","image","autoSelectOnDrop","fonts","showDefaultFonts","customFonts","tabs","content","body","blocks","registerCallback","done"],"mappings":"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"}

package/package.json

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

package/src/display-conditions/ConditionGroup.tsx

@@ -1,28 +1,21 @@
-import { Button, Flex, SegmentedControl, Text } from '@servicetitan/anvil2';
+import { Button, Flex } from '@servicetitan/anvil2';
 import PlusIcon from '@servicetitan/anvil2/assets/icons/material/round/add.svg';
-import TrashIcon from '@servicetitan/anvil2/assets/icons/material/round/delete.svg';
 import { useCallback } from 'react';
 import { ConditionRow } from './ConditionRow';
 import { defaultCondition } from './constants';
-import { ConditionGroup as ConditionGroupType, LogicalOperator, SingleCondition } from './types';
+import { ConditionGroup as ConditionGroupType, SingleCondition } from './types';
 import type { DataPointOption } from './types';
 
 export interface ConditionGroupProps {
-    canDelete: boolean;
     dataPointOptions: DataPointOption[];
     group: ConditionGroupType;
-    onDelete: () => void;
     onUpdate: (g: ConditionGroupType) => void;
-    ruleIndex: number;
 }
 
 export function ConditionGroup({
-    canDelete,
     dataPointOptions,
     group,
-    onDelete,
     onUpdate,
-    ruleIndex,
 }: Readonly<ConditionGroupProps>) {
     const addCondition = useCallback(() => {
         const newCondition: SingleCondition = {
@@ -47,9 +40,8 @@ export function ConditionGroup({
     const removeCondition = useCallback(
         (index: number) => {
             let next = group.conditions.filter((_, i) => i !== index);
-            // If we removed the first condition, clear logicalOperator on the new first
             if (index === 0 && next.length > 0) {
-                const { logicalOperator: unusedOp, ...rest } = next[0];
+                const { logicalOperator: _unusedOp, ...rest } = next[0];
                 next = [rest as SingleCondition, ...next.slice(1)];
             }
             onUpdate({
@@ -60,67 +52,11 @@ export function ConditionGroup({
         [group, onUpdate],
     );
 
-    const handleLogicalOperatorChange = useCallback(
-        (conditionIndex: number, value: string) => {
-            const next = [...group.conditions];
-            next[conditionIndex] = {
-                ...next[conditionIndex],
-                logicalOperator: value as LogicalOperator,
-            };
-            onUpdate({ ...group, conditions: next });
-        },
-        [group, onUpdate],
-    );
-
     return (
         <Flex direction="column" gap="2" style={{ width: '100%' }}>
-            <Flex
-                direction="row"
-                alignItems="center"
-                justifyContent="space-between"
-                style={{ width: '100%' }}
-            >
-                <Text size="medium" variant="body" style={{ fontWeight: 'bold' }}>
-                    Rule {ruleIndex + 1}
-                </Text>
-                {canDelete && (
-                    <Button
-                        appearance="ghost"
-                        aria-label="Delete rule"
-                        icon={{ before: TrashIcon }}
-                        size="large"
-                        onClick={onDelete}
-                    />
-                )}
-            </Flex>
-            <Flex
-                direction="column"
-                gap="3"
-                style={{
-                    backgroundColor: '#fff',
-                    border: '1px solid #e0e0e0',
-                    borderRadius: 8,
-                    padding: 12,
-                    width: '100%',
-                }}
-            >
+            <Flex direction="column" gap="3" style={{ width: '100%' }}>
                 {group.conditions.map((c, i) => (
                     <Flex key={c.id} direction="column" gap="3" style={{ padding: '8px 0' }}>
-                        {i > 0 && (
-                            <Flex justifyContent="center" alignItems="center" gap="2">
-                                <SegmentedControl
-                                    selected={c.logicalOperator ?? 'and'}
-                                    onChange={(v: string) => handleLogicalOperatorChange(i, v)}
-                                >
-                                    <SegmentedControl.Segment value="and">
-                                        And
-                                    </SegmentedControl.Segment>
-                                    <SegmentedControl.Segment value="or">
-                                        Or
-                                    </SegmentedControl.Segment>
-                                </SegmentedControl>
-                            </Flex>
-                        )}
                         <ConditionRow
                             canRemove
                             condition={c}
@@ -134,6 +70,7 @@ export function ConditionGroup({
                     <Button
                         appearance="secondary"
                         icon={{ before: PlusIcon }}
+                        size="small"
                         onClick={addCondition}
                     >
                         Add Condition

package/src/display-conditions/ConditionGroupsSection.tsx

@@ -1,64 +1,61 @@
-import { Button, Flex, SegmentedControl } from '@servicetitan/anvil2';
-import PlusIcon from '@servicetitan/anvil2/assets/icons/material/round/add.svg';
+import { Chip, Flex, SegmentedControl, Text } from '@servicetitan/anvil2';
+import type { ReactNode } from 'react';
 import { ConditionGroup } from './ConditionGroup';
-import { ConditionGroup as ConditionGroupType, LogicalOperator } from './types';
+import { ConditionGroup as ConditionGroupType } from './types';
 import type { DataPointOption } from './types';
 
+export type MatchType = 'all' | 'any';
+
 export interface ConditionGroupsSectionProps {
+    behaviorSection?: ReactNode;
     dataPointOptions: DataPointOption[];
     groups: ConditionGroupType[];
-    onAddGroup: () => void;
-    onRemoveGroup: (index: number) => void;
+    matchType: MatchType;
+    onMatchTypeChange: (matchType: MatchType) => void;
     onUpdateGroup: (index: number, group: ConditionGroupType) => void;
 }
 
 export function ConditionGroupsSection({
+    behaviorSection,
     dataPointOptions,
     groups,
-    onAddGroup,
-    onRemoveGroup,
+    matchType,
+    onMatchTypeChange,
     onUpdateGroup,
 }: Readonly<ConditionGroupsSectionProps>) {
+    const firstGroup = groups[0];
+    if (!firstGroup) {
+        return null;
+    }
+
     return (
         <Flex direction="column" gap="4">
-            {groups.map((group, index) => (
-                <Flex key={group.id} direction="column" gap="3">
-                    {index > 0 && (
-                        <Flex
-                            justifyContent="center"
-                            alignItems="center"
-                            gap="2"
-                            style={{ padding: '12px' }}
-                        >
-                            <SegmentedControl
-                                selected={group.logicalOperator ?? 'and'}
-                                onChange={(value: string) =>
-                                    onUpdateGroup(index, {
-                                        ...group,
-                                        logicalOperator: value as LogicalOperator,
-                                    })
-                                }
-                            >
-                                <SegmentedControl.Segment value="and">And</SegmentedControl.Segment>
-                                <SegmentedControl.Segment value="or">Or</SegmentedControl.Segment>
-                            </SegmentedControl>
-                        </Flex>
-                    )}
-                    <ConditionGroup
-                        canDelete={groups.length > 1}
-                        dataPointOptions={dataPointOptions}
-                        group={group}
-                        onDelete={() => onRemoveGroup(index)}
-                        onUpdate={g => onUpdateGroup(index, g)}
-                        ruleIndex={index}
-                    />
-                </Flex>
-            ))}
-            <Flex justifyContent="center" style={{ paddingTop: 8, width: '100%' }}>
-                <Button appearance="secondary" icon={{ before: PlusIcon }} onClick={onAddGroup}>
-                    Add Rule
-                </Button>
+            <Flex direction="row" alignItems="center" gap="1" style={{ flexWrap: 'wrap' }}>
+                <Text size="small" variant="body" style={{ fontWeight: 'bold' }}>
+                    When
+                </Text>
+                <SegmentedControl
+                    selected={matchType}
+                    size="small"
+                    onChange={(value: string) => onMatchTypeChange(value as MatchType)}
+                >
+                    <SegmentedControl.Segment value="all">All</SegmentedControl.Segment>
+                    <SegmentedControl.Segment value="any">Any</SegmentedControl.Segment>
+                </SegmentedControl>
+                <Text size="small" variant="body" style={{ fontWeight: 'bold' }}>
+                    of the
+                </Text>
+                <Chip label="IF" size="small" />
+                <Text size="small" variant="body" style={{ fontWeight: 'bold' }}>
+                    conditions are met
+                </Text>
             </Flex>
+            {behaviorSection}
+            <ConditionGroup
+                dataPointOptions={dataPointOptions}
+                group={firstGroup}
+                onUpdate={g => onUpdateGroup(0, g)}
+            />
         </Flex>
     );
 }

package/src/display-conditions/ConditionRow.tsx

@@ -94,12 +94,12 @@ export function ConditionRow({
                     display: 'flex',
                     alignItems: 'flex-end',
                     flexShrink: 0,
-                    padding: '6px 12px',
+                    padding: '4px 8px',
                 }}
             >
-                <Chip label="IF" size="medium" />
+                <Chip label="IF" size="small" />
             </div>
-            <div style={{ flex: '2 1 280px', minWidth: 240 }}>
+            <div style={{ flex: '2 1 240px', minWidth: 200 }}>
                 <Combobox
                     {...({ disableClearSelection: true } as object)}
                     groupBy="group"
@@ -109,7 +109,11 @@ export function ConditionRow({
                     selectedItem={selectedDataPoint}
                     onChange={handleDataPointChange}
                 >
-                    <Combobox.SelectTrigger label="Data point" placeholder="Select data point..." />
+                    <Combobox.SelectTrigger
+                        label="Data point"
+                        placeholder="Select data point..."
+                        size="small"
+                    />
                     <Combobox.Content>
                         {({ items }: { items: DataPointOption[] }) => (
                             <Combobox.List>
@@ -123,7 +127,7 @@ export function ConditionRow({
                     </Combobox.Content>
                 </Combobox>
             </div>
-            <div style={{ flex: '1 1 220px', minWidth: 180 }}>
+            <div style={{ flex: '1 1 180px', minWidth: 150 }}>
                 <Combobox
                     {...({ disableClearSelection: true } as object)}
                     itemToKey={(item: OperatorOption | null) => item?.value ?? ''}
@@ -137,7 +141,11 @@ export function ConditionRow({
                         })
                     }
                 >
-                    <Combobox.SelectTrigger label="Condition" placeholder="Select..." />
+                    <Combobox.SelectTrigger
+                        label="Condition"
+                        placeholder="Select..."
+                        size="small"
+                    />
                     <Combobox.Content>
                         {({ items }: { items: OperatorOption[] }) => (
                             <Combobox.List>
@@ -152,9 +160,10 @@ export function ConditionRow({
                 </Combobox>
             </div>
             {!isValueLess && (
-                <div style={{ flex: '1 1 220px', minWidth: 180 }}>
+                <div style={{ flex: '1 1 180px', minWidth: 150 }}>
                     <TextField
                         label="Value"
+                        size="small"
                         value={condition.value}
                         onChange={e => handleValueChange(e.target.value)}
                         placeholder={fieldType === 'number' ? 'e.g. 1.5' : 'Enter value...'}
@@ -170,13 +179,14 @@ export function ConditionRow({
                         display: 'flex',
                         alignItems: 'flex-end',
                         flexShrink: 0,
-                        padding: '6px 12px',
+                        padding: '4px 8px',
                     }}
                 >
                     <Button
                         appearance="secondary"
                         aria-label="Remove condition"
                         icon={{ before: TrashIcon }}
+                        size="small"
                         onClick={onRemove}
                     />
                 </div>