@nyaruka/temba-components 0.129.7 → 0.129.8

package/out-tsc/test/temba-message-editor.test.js

@@ -0,0 +1,194 @@
+import { fixture, assert, expect } from '@open-wc/testing';
+import { MessageEditor } from '../src/form/MessageEditor';
+import { assertScreenshot, getClip, getComponent } from './utils.test';
+export const getHTML = (options = {}) => {
+    const attrs = Object.keys(options)
+        .map((key) => `${key}="${options[key]}"`)
+        .join(' ');
+    return `<temba-message-editor ${attrs}></temba-message-editor>`;
+};
+describe('temba-message-editor', () => {
+    it('can be created', async () => {
+        const editor = await fixture(getHTML());
+        assert.instanceOf(editor, MessageEditor);
+    });
+    it('has default properties', async () => {
+        const editor = (await getComponent('temba-message-editor'));
+        expect(editor.name).to.equal('');
+        expect(editor.value).to.equal('');
+        expect(editor.placeholder).to.equal('');
+        expect(editor.textarea).to.be.true;
+        expect(editor.autogrow).to.be.true;
+        expect(editor.minHeight).to.equal(60);
+        expect(editor.attachments).to.deep.equal([]);
+        expect(editor.maxAttachments).to.equal(3);
+        await assertScreenshot('message-editor/default', getClip(editor));
+    });
+    it('can set properties', async () => {
+        const editor = (await getComponent('temba-message-editor', {
+            name: 'message',
+            value: 'Hello world',
+            placeholder: 'Type your message...',
+            'max-attachments': '5'
+        }));
+        expect(editor.name).to.equal('message');
+        expect(editor.value).to.equal('Hello world');
+        expect(editor.placeholder).to.equal('Type your message...');
+        expect(editor.maxAttachments).to.equal(5);
+        await assertScreenshot('message-editor/with-properties', getClip(editor));
+    });
+    it('renders completion component', async () => {
+        const editor = (await getComponent('temba-message-editor', {
+            value: 'Test message',
+            placeholder: 'Enter message'
+        }));
+        const completion = editor.shadowRoot.querySelector('temba-completion');
+        expect(completion).to.not.be.null;
+        expect(completion.hasAttribute('widgetOnly')).to.be.true;
+        await assertScreenshot('message-editor/with-completion', getClip(editor));
+    });
+    it('filters runtime attachments', async () => {
+        const attachments = [
+            'image/jpeg:http://example.com/image.jpg',
+            'image:@fields.profile_pic',
+            'video:@fields.intro_video',
+            'application/pdf:http://example.com/doc.pdf'
+        ];
+        const editor = (await getComponent('temba-message-editor', {
+            attachments: JSON.stringify(attachments)
+        }));
+        // Wait for component to update
+        await editor.updateComplete;
+        const mediaPicker = editor.shadowRoot.querySelector('temba-media-picker');
+        expect(mediaPicker).to.not.be.null;
+        // Should only have the static attachments (those with '/' in content type)
+        expect(mediaPicker.attachments.length).to.equal(2);
+        expect(mediaPicker.attachments[0].content_type).to.equal('image/jpeg');
+        expect(mediaPicker.attachments[1].content_type).to.equal('application/pdf');
+        await assertScreenshot('message-editor/filtered-attachments', getClip(editor));
+    });
+    it('handles completion change events', async () => {
+        const editor = (await getComponent('temba-message-editor'));
+        let changeEvent = null;
+        editor.addEventListener('change', (e) => {
+            changeEvent = e;
+        });
+        const completion = editor.shadowRoot.querySelector('temba-completion');
+        completion.value = 'New message';
+        completion.dispatchEvent(new Event('change'));
+        expect(editor.value).to.equal('New message');
+        expect(changeEvent).to.not.be.null;
+    });
+    it('handles media picker change events', async () => {
+        const editor = (await getComponent('temba-message-editor'));
+        let changeEvent = null;
+        editor.addEventListener('change', (e) => {
+            changeEvent = e;
+        });
+        const mediaPicker = editor.shadowRoot.querySelector('temba-media-picker');
+        mediaPicker.attachments = [
+            {
+                content_type: 'image/jpeg',
+                url: 'http://example.com/test.jpg',
+                filename: 'test.jpg',
+                size: 1024
+            }
+        ];
+        mediaPicker.dispatchEvent(new Event('change'));
+        expect(editor.attachments).to.include('image/jpeg:http://example.com/test.jpg');
+        expect(changeEvent).to.not.be.null;
+    });
+    it('preserves runtime attachments when media changes', async () => {
+        const initialAttachments = [
+            'image:@fields.profile_pic',
+            'image/jpeg:http://example.com/existing.jpg'
+        ];
+        const editor = (await getComponent('temba-message-editor', {
+            attachments: JSON.stringify(initialAttachments)
+        }));
+        await editor.updateComplete;
+        // Simulate media picker change
+        const mediaPicker = editor.shadowRoot.querySelector('temba-media-picker');
+        mediaPicker.attachments = [
+            {
+                content_type: 'image/png',
+                url: 'http://example.com/new.png',
+                filename: 'new.png',
+                size: 2048
+            }
+        ];
+        mediaPicker.dispatchEvent(new Event('change'));
+        // Should preserve runtime attachments and add new static ones
+        expect(editor.attachments).to.include('image:@fields.profile_pic');
+        expect(editor.attachments).to.include('image/png:http://example.com/new.png');
+        expect(editor.attachments.length).to.equal(2);
+    });
+    it('supports drag and drop highlighting', async () => {
+        const editor = (await getComponent('temba-message-editor'));
+        const container = editor.shadowRoot.querySelector('.message-editor-container');
+        // Simulate drag enter
+        const dragEvent = new DragEvent('dragenter', {
+            bubbles: true,
+            dataTransfer: new DataTransfer()
+        });
+        container.dispatchEvent(dragEvent);
+        // Wait for the update
+        await editor.updateComplete;
+        expect(editor.pendingDrop).to.be.true;
+        expect(container.classList.contains('highlight')).to.be.true;
+        await assertScreenshot('message-editor/drag-highlight', getClip(editor));
+        // Simulate drag leave
+        const dragLeaveEvent = new DragEvent('dragleave', {
+            bubbles: true,
+            dataTransfer: new DataTransfer()
+        });
+        container.dispatchEvent(dragLeaveEvent);
+        expect(editor.pendingDrop).to.be.false;
+    });
+    it('focuses completion on focus', async () => {
+        const editor = (await getComponent('temba-message-editor'));
+        const completion = editor.shadowRoot.querySelector('temba-completion');
+        let focusCalled = false;
+        completion.focus = () => {
+            focusCalled = true;
+        };
+        editor.focus();
+        expect(focusCalled).to.be.true;
+    });
+    it('clicks completion on click', async () => {
+        const editor = (await getComponent('temba-message-editor'));
+        const completion = editor.shadowRoot.querySelector('temba-completion');
+        let clickCalled = false;
+        completion.click = () => {
+            clickCalled = true;
+        };
+        editor.click();
+        expect(clickCalled).to.be.true;
+    });
+    it('initializes with correct height for long text content', async () => {
+        const longText = 'This is a very long text that should span multiple lines and cause the autogrow functionality to kick in and expand the textarea to accommodate all the content. This text should be long enough to trigger the autogrow behavior during initialization.';
+        const editor = (await getComponent('temba-message-editor', {
+            value: longText,
+            'min-height': '60'
+        }));
+        // Wait for component to fully render
+        await editor.updateComplete;
+        // Get the text input element to verify its height
+        const completion = editor.shadowRoot.querySelector('temba-completion');
+        expect(completion).to.not.be.null;
+        // The completion should have the long text value
+        expect(completion.value).to.equal(longText);
+        // Get the actual TextInput component inside the completion
+        const textInput = completion.getTextInput();
+        expect(textInput).to.not.be.null;
+        // The textarea should be in autogrow mode
+        expect(textInput.autogrow).to.be.true;
+        expect(textInput.textarea).to.be.true;
+        // Check that the autogrow div has been updated with content
+        const autogrowDiv = textInput.shadowRoot.querySelector('.grow-wrap > div');
+        expect(autogrowDiv).to.not.be.null;
+        expect(autogrowDiv.innerText).to.include(longText);
+        await assertScreenshot('message-editor/autogrow-initial-content', getClip(editor));
+    });
+});
+//# sourceMappingURL=temba-message-editor.test.js.map

package/out-tsc/test/temba-message-editor.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-message-editor.test.js","sourceRoot":"","sources":["../../test/temba-message-editor.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, assert, expect } from '@open-wc/testing';\nimport { MessageEditor } from '../src/form/MessageEditor';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nexport const getHTML = (options: any = {}) => {\n  const attrs = Object.keys(options)\n    .map((key) => `${key}=\"${options[key]}\"`)\n    .join(' ');\n  return `<temba-message-editor ${attrs}></temba-message-editor>`;\n};\n\ndescribe('temba-message-editor', () => {\n  it('can be created', async () => {\n    const editor: MessageEditor = await fixture(getHTML());\n    assert.instanceOf(editor, MessageEditor);\n  });\n\n  it('has default properties', async () => {\n    const editor = (await getComponent(\n      'temba-message-editor'\n    )) as MessageEditor;\n\n    expect(editor.name).to.equal('');\n    expect(editor.value).to.equal('');\n    expect(editor.placeholder).to.equal('');\n    expect(editor.textarea).to.be.true;\n    expect(editor.autogrow).to.be.true;\n    expect(editor.minHeight).to.equal(60);\n    expect(editor.attachments).to.deep.equal([]);\n    expect(editor.maxAttachments).to.equal(3);\n\n    await assertScreenshot(\n      'message-editor/default',\n      getClip(editor as HTMLElement)\n    );\n  });\n\n  it('can set properties', async () => {\n    const editor = (await getComponent('temba-message-editor', {\n      name: 'message',\n      value: 'Hello world',\n      placeholder: 'Type your message...',\n      'max-attachments': '5'\n    })) as MessageEditor;\n\n    expect(editor.name).to.equal('message');\n    expect(editor.value).to.equal('Hello world');\n    expect(editor.placeholder).to.equal('Type your message...');\n    expect(editor.maxAttachments).to.equal(5);\n\n    await assertScreenshot(\n      'message-editor/with-properties',\n      getClip(editor as HTMLElement)\n    );\n  });\n\n  it('renders completion component', async () => {\n    const editor = (await getComponent('temba-message-editor', {\n      value: 'Test message',\n      placeholder: 'Enter message'\n    })) as MessageEditor;\n\n    const completion = editor.shadowRoot.querySelector(\n      'temba-completion'\n    ) as any;\n    expect(completion).to.not.be.null;\n    expect(completion.hasAttribute('widgetOnly')).to.be.true;\n\n    await assertScreenshot(\n      'message-editor/with-completion',\n      getClip(editor as HTMLElement)\n    );\n  });\n\n  it('filters runtime attachments', async () => {\n    const attachments = [\n      'image/jpeg:http://example.com/image.jpg',\n      'image:@fields.profile_pic',\n      'video:@fields.intro_video',\n      'application/pdf:http://example.com/doc.pdf'\n    ];\n\n    const editor = (await getComponent('temba-message-editor', {\n      attachments: JSON.stringify(attachments)\n    })) as MessageEditor;\n\n    // Wait for component to update\n    await editor.updateComplete;\n\n    const mediaPicker = editor.shadowRoot.querySelector(\n      'temba-media-picker'\n    ) as any;\n    expect(mediaPicker).to.not.be.null;\n\n    // Should only have the static attachments (those with '/' in content type)\n    expect(mediaPicker.attachments.length).to.equal(2);\n    expect(mediaPicker.attachments[0].content_type).to.equal('image/jpeg');\n    expect(mediaPicker.attachments[1].content_type).to.equal('application/pdf');\n\n    await assertScreenshot(\n      'message-editor/filtered-attachments',\n      getClip(editor as HTMLElement)\n    );\n  });\n\n  it('handles completion change events', async () => {\n    const editor = (await getComponent(\n      'temba-message-editor'\n    )) as MessageEditor;\n    let changeEvent: CustomEvent = null;\n\n    editor.addEventListener('change', (e: CustomEvent) => {\n      changeEvent = e;\n    });\n\n    const completion = editor.shadowRoot.querySelector(\n      'temba-completion'\n    ) as any;\n    completion.value = 'New message';\n    completion.dispatchEvent(new Event('change'));\n\n    expect(editor.value).to.equal('New message');\n    expect(changeEvent).to.not.be.null;\n  });\n\n  it('handles media picker change events', async () => {\n    const editor = (await getComponent(\n      'temba-message-editor'\n    )) as MessageEditor;\n    let changeEvent: CustomEvent = null;\n\n    editor.addEventListener('change', (e: CustomEvent) => {\n      changeEvent = e;\n    });\n\n    const mediaPicker = editor.shadowRoot.querySelector(\n      'temba-media-picker'\n    ) as any;\n    mediaPicker.attachments = [\n      {\n        content_type: 'image/jpeg',\n        url: 'http://example.com/test.jpg',\n        filename: 'test.jpg',\n        size: 1024\n      }\n    ];\n    mediaPicker.dispatchEvent(new Event('change'));\n\n    expect(editor.attachments).to.include(\n      'image/jpeg:http://example.com/test.jpg'\n    );\n    expect(changeEvent).to.not.be.null;\n  });\n\n  it('preserves runtime attachments when media changes', async () => {\n    const initialAttachments = [\n      'image:@fields.profile_pic',\n      'image/jpeg:http://example.com/existing.jpg'\n    ];\n\n    const editor = (await getComponent('temba-message-editor', {\n      attachments: JSON.stringify(initialAttachments)\n    })) as MessageEditor;\n\n    await editor.updateComplete;\n\n    // Simulate media picker change\n    const mediaPicker = editor.shadowRoot.querySelector(\n      'temba-media-picker'\n    ) as any;\n    mediaPicker.attachments = [\n      {\n        content_type: 'image/png',\n        url: 'http://example.com/new.png',\n        filename: 'new.png',\n        size: 2048\n      }\n    ];\n    mediaPicker.dispatchEvent(new Event('change'));\n\n    // Should preserve runtime attachments and add new static ones\n    expect(editor.attachments).to.include('image:@fields.profile_pic');\n    expect(editor.attachments).to.include(\n      'image/png:http://example.com/new.png'\n    );\n    expect(editor.attachments.length).to.equal(2);\n  });\n\n  it('supports drag and drop highlighting', async () => {\n    const editor = (await getComponent(\n      'temba-message-editor'\n    )) as MessageEditor;\n    const container = editor.shadowRoot.querySelector(\n      '.message-editor-container'\n    );\n\n    // Simulate drag enter\n    const dragEvent = new DragEvent('dragenter', {\n      bubbles: true,\n      dataTransfer: new DataTransfer()\n    });\n    container.dispatchEvent(dragEvent);\n\n    // Wait for the update\n    await editor.updateComplete;\n\n    expect(editor.pendingDrop).to.be.true;\n    expect(container.classList.contains('highlight')).to.be.true;\n\n    await assertScreenshot(\n      'message-editor/drag-highlight',\n      getClip(editor as HTMLElement)\n    );\n\n    // Simulate drag leave\n    const dragLeaveEvent = new DragEvent('dragleave', {\n      bubbles: true,\n      dataTransfer: new DataTransfer()\n    });\n    container.dispatchEvent(dragLeaveEvent);\n\n    expect(editor.pendingDrop).to.be.false;\n  });\n\n  it('focuses completion on focus', async () => {\n    const editor = (await getComponent(\n      'temba-message-editor'\n    )) as MessageEditor;\n    const completion = editor.shadowRoot.querySelector(\n      'temba-completion'\n    ) as any;\n\n    let focusCalled = false;\n    completion.focus = () => {\n      focusCalled = true;\n    };\n\n    editor.focus();\n    expect(focusCalled).to.be.true;\n  });\n\n  it('clicks completion on click', async () => {\n    const editor = (await getComponent(\n      'temba-message-editor'\n    )) as MessageEditor;\n    const completion = editor.shadowRoot.querySelector(\n      'temba-completion'\n    ) as any;\n\n    let clickCalled = false;\n    completion.click = () => {\n      clickCalled = true;\n    };\n\n    editor.click();\n    expect(clickCalled).to.be.true;\n  });\n\n  it('initializes with correct height for long text content', async () => {\n    const longText =\n      'This is a very long text that should span multiple lines and cause the autogrow functionality to kick in and expand the textarea to accommodate all the content. This text should be long enough to trigger the autogrow behavior during initialization.';\n\n    const editor = (await getComponent('temba-message-editor', {\n      value: longText,\n      'min-height': '60'\n    })) as MessageEditor;\n\n    // Wait for component to fully render\n    await editor.updateComplete;\n\n    // Get the text input element to verify its height\n    const completion = editor.shadowRoot.querySelector(\n      'temba-completion'\n    ) as any;\n    expect(completion).to.not.be.null;\n\n    // The completion should have the long text value\n    expect(completion.value).to.equal(longText);\n\n    // Get the actual TextInput component inside the completion\n    const textInput = completion.getTextInput();\n    expect(textInput).to.not.be.null;\n\n    // The textarea should be in autogrow mode\n    expect(textInput.autogrow).to.be.true;\n    expect(textInput.textarea).to.be.true;\n\n    // Check that the autogrow div has been updated with content\n    const autogrowDiv = textInput.shadowRoot.querySelector(\n      '.grow-wrap > div'\n    ) as HTMLDivElement;\n    expect(autogrowDiv).to.not.be.null;\n    expect(autogrowDiv.innerText).to.include(longText);\n\n    await assertScreenshot(\n      'message-editor/autogrow-initial-content',\n      getClip(editor as HTMLElement)\n    );\n  });\n});\n"]}

package/out-tsc/test/temba-node-editor.test.js

@@ -29,6 +29,28 @@ describe('temba-node-editor', () => {
         expect(el.shadowRoot).to.not.be.null;
         expect(el.action).to.equal(action);
     });
+    it('renders send_msg action with message editor', async () => {
+        const action = {
+            uuid: 'test-action-uuid',
+            type: 'send_msg',
+            text: 'Hello @contact.name, check this out!',
+            attachments: [
+                'image/jpeg:http://example.com/photo.jpg',
+                'image:@fields.profile_pic'
+            ],
+            quick_replies: ['Yes', 'No']
+        };
+        const el = (await fixture(html `
+      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>
+    `));
+        await el.updateComplete;
+        expect(el.shadowRoot).to.not.be.null;
+        expect(el.action).to.equal(action);
+        // Check that the message editor component is rendered
+        const messageEditor = el.shadowRoot.querySelector('temba-message-editor');
+        expect(messageEditor).to.not.be.null;
+        expect(messageEditor.value).to.equal(action.text);
+    });
     it('renders set_run_result action', async () => {
         const action = {
             uuid: 'test-action-uuid',
@@ -279,5 +301,54 @@ describe('temba-node-editor', () => {
             await assertDialogScreenshot(el, `editor/${actionType.type}`);
         }
     });
+    it('displays bubble count for group value counts', async () => {
+        const action = {
+            uuid: 'test-action-uuid',
+            type: 'send_msg',
+            text: 'Hello world',
+            quick_replies: ['Yes', 'No', 'Maybe'],
+            attachments: ['image:@contact.photo', 'document:@contact.resume']
+        };
+        const el = (await fixture(html `
+      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>
+    `));
+        await el.updateComplete;
+        // Wait for form data to be fully initialized and re-render to complete
+        await new Promise((resolve) => setTimeout(resolve, 200));
+        await el.updateComplete;
+        // Check that bubble counts are displayed
+        const shadowRoot = el.shadowRoot;
+        const bubbles = shadowRoot.querySelectorAll('.group-count-bubble');
+        // Should have bubbles for groups with values
+        expect(bubbles.length).to.be.greaterThan(0);
+        // Check specific bubble values (trim to handle whitespace in rendered text)
+        const bubbleTexts = Array.from(bubbles).map((bubble) => { var _a; return (_a = bubble.textContent) === null || _a === void 0 ? void 0 : _a.trim(); });
+        // Runtime attachments group should show bubble when collapsed and has values
+        expect(bubbleTexts).to.include('2'); // 2 runtime attachments
+        // Note: Quick replies group auto-expands when it has content, so no bubble is shown
+    });
+    it('shows arrow when group has no values', async () => {
+        const action = {
+            uuid: 'test-action-uuid',
+            type: 'send_msg',
+            text: 'Hello world'
+            // No quick_replies or attachments provided
+        };
+        const el = (await fixture(html `
+      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>
+    `));
+        await el.updateComplete;
+        // Wait for form data initialization
+        await new Promise((resolve) => setTimeout(resolve, 200));
+        await el.updateComplete;
+        // Check that arrows are displayed instead of bubbles
+        const shadowRoot = el.shadowRoot;
+        const bubbles = shadowRoot.querySelectorAll('.group-count-bubble');
+        const arrows = shadowRoot.querySelectorAll('.group-toggle-icon');
+        // Should have no bubbles when counts are 0
+        expect(bubbles.length).to.equal(0);
+        // Should have arrows for collapsible groups
+        expect(arrows.length).to.be.greaterThan(0);
+    });
 });
 //# sourceMappingURL=temba-node-editor.test.js.map

package/out-tsc/test/temba-node-editor.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-node-editor.test.js","sourceRoot":"","sources":["../../test/temba-node-editor.test.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAWzD,MAAM,sBAAsB,GAAG,KAAK,EAClC,EAAqB,EACrB,cAAsB,EACtB,EAAE;IACF,MAAM,MAAM,GAAG,EAAE,CAAC,UAAU;SACzB,aAAa,CAAC,cAAc,CAAC;SAC7B,UAAU,CAAC,aAAa,CAAC,mBAAmB,CAAgB,CAAC;IAChE,MAAM,gBAAgB,CAAC,cAAc,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEF,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;mCACC,IAAI;KAClC,CAAC,CAAsB,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACpB,MAAM,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,aAAa;YACnB,aAAa,EAAE,EAAE;SAClB,CAAC;QAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;mCACC,MAAM,YAAY,IAAI;KACpD,CAAC,CAAsB,CAAC;QAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,gBAAgB;YACtB,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,cAAc;SACtB,CAAC;QAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;mCACC,MAAM,YAAY,IAAI;KACpD,CAAC,CAAsB,CAAC;QAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,mBAAmB;YACzB,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE;YAClC,KAAK,EAAE,IAAI;SACZ,CAAC;QAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;mCACC,MAAM,YAAY,IAAI;KACpD,CAAC,CAAsB,CAAC;QAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,oBAAoB;YAC1B,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;SAClD,CAAC;QAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;mCACC,MAAM,YAAY,IAAI;KACpD,CAAC,CAAsB,CAAC;QAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE;SAC3C,CAAC;QAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;mCACC,MAAM,YAAY,IAAI;KACpD,CAAC,CAAsB,CAAC;QAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG;YACX,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;YAC5C,MAAM,EAAE;gBACN,IAAI,EAAE,QAAQ;gBACd,WAAW,EAAE,QAAQ;gBACrB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;aACzE;SACF,CAAC;QAEF,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,qBAAqB;YAC3B,QAAQ,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;SAClC,CAAC;QAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;;gBAElB,IAAI;kBACF,MAAM;kBACN,IAAI;;KAEjB,CAAC,CAAsB,CAAC;QAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/B,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAEnC,MAAM,sBAAsB,CAAC,EAAE,EAAE,eAAe,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG;YACX,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;YAC5C,IAAI,EAAE;gBACJ,IAAI,EAAE,KAAK;aACZ;SACF,CAAC;QAEF,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,mBAAmB;YACzB,QAAQ,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;SAClC,CAAC;QAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;;gBAElB,IAAI;kBACF,MAAM;kBACN,IAAI;;KAEjB,CAAC,CAAsB,CAAC;QAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QACrC,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/B,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAEnC,MAAM,sBAAsB,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,aAAa;YACnB,aAAa,EAAE,EAAE;SAClB,CAAC;QAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;mCACC,MAAM,YAAY,IAAI;KACpD,CAAC,CAAsB,CAAC;QAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,IAAI,cAAc,GAAG,KAAK,CAAC;QAC3B,IAAI,gBAAgB,GAAG,KAAK,CAAC;QAE7B,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,EAAE,GAAG,EAAE;YAC7C,cAAc,GAAG,IAAI,CAAC;QACxB,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,gBAAgB,CAAC,2BAA2B,EAAE,GAAG,EAAE;YACpD,gBAAgB,GAAG,IAAI,CAAC;QAC1B,CAAC,CAAC,CAAC;QAEH,gDAAgD;QAChD,MAAM,MAAM,GAAG,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAC5D,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QAE9B,sDAAsD;QACtD,MAAM,SAAS,GAAG,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACxD,MAAM,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;YACpC,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QACH,MAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QACjC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEtC,wBAAwB;QACxB,cAAc,GAAG,KAAK,CAAC;QAEvB,qBAAqB;QACrB,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,sBAAsB,EAAE;YAC1D,MAAM,EAAE,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;YACtC,OAAO,EAAE,IAAI;SACd,CAAC,CAAC;QACH,MAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QACnC,MAAM,CAAC,gBAAgB,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;mCACC,IAAI;KAClC,CAAC,CAAsB,CAAC;QAEzB,8BAA8B;QAC9B,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,aAAa;YACnB,aAAa,EAAE,EAAE;SAClB,CAAC;QAEF,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC;QACnB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAEnC,4BAA4B;QAC5B,MAAM,IAAI,GAAG;YACX,IAAI,EAAE,gBAAgB;YACtB,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,EAAE;SACV,CAAC;QAEF,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;QACf,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE/B,8BAA8B;QAC9B,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,iBAAiB;YACvB,QAAQ,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;SAClC,CAAC;QAEF,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC;QACnB,MAAM,EAAE,CAAC,cAAc,CAAC;QACxB,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,aAAa;YACnB,aAAa,EAAE,EAAE;SAClB,CAAC;QAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;mCACC,MAAM,YAAY,IAAI;KACpD,CAAC,CAAsB,CAAC;QAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,kFAAkF;QAClF,wFAAwF;QACxF,MAAM,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;QACjC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;QAElC,2BAA2B;QAC3B,MAAM,MAAM,GAAG,UAAW,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,MAAM,GAAG;YACb,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE,UAAU;YAChB,IAAI,EAAE,aAAa;YACnB,aAAa,EAAE,EAAE;SAClB,CAAC;QAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;mCACC,MAAM,YAAY,IAAI;KACpD,CAAC,CAAsB,CAAC;QAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;QAExB,gDAAgD;QAChD,MAAM,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;QACjC,MAAM,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,WAAW,GAAG;YAClB;gBACE,IAAI,EAAE,UAAU;gBAChB,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,EAAE;aAC7C;YACD;gBACE,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE;aACzC;YACD;gBACE,IAAI,EAAE,kBAAkB;gBACxB,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;aAC3B;YACD;gBACE,IAAI,EAAE,sBAAsB;gBAC5B,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE;aAC1B;SACF,CAAC;QAEF,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;YACrC,MAAM,MAAM,GAAG;gBACb,IAAI,EAAE,QAAQ,UAAU,CAAC,IAAI,EAAE;gBAC/B,IAAI,EAAE,UAAU,CAAC,IAAI;gBACrB,GAAG,UAAU,CAAC,IAAI;aACnB,CAAC;YAEF,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,IAAI,CAAA;;oBAEhB,MAAM;oBACN,IAAI;;OAEjB,CAAC,CAAsB,CAAC;YAEzB,MAAM,EAAE,CAAC,cAAc,CAAC;YACxB,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC;YACrC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjD,MAAM,sBAAsB,CAAC,EAAE,EAAE,UAAU,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC;QAChE,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import '../temba-modules';\nimport { html, fixture, expect } from '@open-wc/testing';\nimport { assertScreenshot, getClip } from './utils.test';\n\n// Define interface for NodeEditor component\ninterface NodeEditorElement extends HTMLElement {\n  action?: any;\n  node?: any;\n  nodeUI?: any;\n  isOpen?: boolean;\n  updateComplete: Promise<boolean>;\n}\n\nconst assertDialogScreenshot = async (\n  el: NodeEditorElement,\n  screenshotName: string\n) => {\n  const dialog = el.shadowRoot\n    .querySelector('temba-dialog')\n    .shadowRoot.querySelector('.dialog-container') as HTMLElement;\n  await assertScreenshot(screenshotName, getClip(dialog));\n};\n\ndescribe('temba-node-editor', () => {\n  it('can be created', async () => {\n    const el = (await fixture(html`\n      <temba-node-editor .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    expect(el).to.exist;\n    expect(el.tagName).to.equal('TEMBA-NODE-EDITOR');\n  });\n\n  it('renders send_msg action', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n  });\n\n  it('renders set_run_result action', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'set_run_result',\n      name: 'result_name',\n      value: 'result_value'\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n  });\n\n  it('renders set_contact_field action', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'set_contact_field',\n      field: { key: 'age', name: 'Age' },\n      value: '25'\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n  });\n\n  it('renders add_contact_groups action', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'add_contact_groups',\n      groups: [{ uuid: 'group-1', name: 'Test Group' }]\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n  });\n\n  it('renders enter_flow action', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'enter_flow',\n      flow: { uuid: 'flow-1', name: 'Sub Flow' }\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n  });\n\n  it('renders node with router configuration', async () => {\n    const node = {\n      uuid: 'test-node-uuid',\n      actions: [],\n      exits: [{ uuid: 'exit-1', name: 'Default' }],\n      router: {\n        type: 'switch',\n        result_name: 'result',\n        categories: [{ uuid: 'cat-1', name: 'Category 1', exit_uuid: 'exit-1' }]\n      }\n    };\n\n    const nodeUI = {\n      type: 'split_by_expression',\n      position: { left: 100, top: 100 }\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor\n        .node=${node}\n        .nodeUI=${nodeUI}\n        .isOpen=${true}\n      ></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.node).to.equal(node);\n    expect(el.nodeUI).to.equal(nodeUI);\n\n    await assertDialogScreenshot(el, 'editor/router');\n  });\n\n  it('renders node with wait configuration', async () => {\n    const node = {\n      uuid: 'test-node-uuid',\n      actions: [],\n      exits: [{ uuid: 'exit-1', name: 'Default' }],\n      wait: {\n        type: 'msg'\n      }\n    };\n\n    const nodeUI = {\n      type: 'wait_for_response',\n      position: { left: 100, top: 100 }\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor\n        .node=${node}\n        .nodeUI=${nodeUI}\n        .isOpen=${true}\n      ></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.node).to.equal(node);\n    expect(el.nodeUI).to.equal(nodeUI);\n\n    await assertDialogScreenshot(el, 'editor/wait');\n  });\n\n  it('handles different button actions', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n\n    let saveEventFired = false;\n    let cancelEventFired = false;\n\n    el.addEventListener('temba-action-saved', () => {\n      saveEventFired = true;\n    });\n\n    el.addEventListener('temba-node-edit-cancelled', () => {\n      cancelEventFired = true;\n    });\n\n    // Get the dialog element inside the node editor\n    const dialog = el.shadowRoot!.querySelector('temba-dialog');\n    expect(dialog).to.not.be.null;\n\n    // Test Save button by dispatching event on the dialog\n    const saveEvent = new CustomEvent('temba-button-clicked', {\n      detail: { button: { name: 'Save' } },\n      bubbles: true\n    });\n    dialog!.dispatchEvent(saveEvent);\n    expect(saveEventFired).to.equal(true);\n\n    // Reset for cancel test\n    saveEventFired = false;\n\n    // Test Cancel button\n    const cancelEvent = new CustomEvent('temba-button-clicked', {\n      detail: { button: { name: 'Cancel' } },\n      bubbles: true\n    });\n    dialog!.dispatchEvent(cancelEvent);\n    expect(cancelEventFired).to.equal(true);\n  });\n\n  it('handles property updates', async () => {\n    const el = (await fixture(html`\n      <temba-node-editor .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    // Test action property update\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    el.action = action;\n    await el.updateComplete;\n    expect(el.action).to.equal(action);\n\n    // Test node property update\n    const node = {\n      uuid: 'test-node-uuid',\n      actions: [],\n      exits: []\n    };\n\n    el.node = node;\n    await el.updateComplete;\n    expect(el.node).to.equal(node);\n\n    // Test nodeUI property update\n    const nodeUI = {\n      type: 'execute_actions',\n      position: { left: 100, top: 100 }\n    };\n\n    el.nodeUI = nodeUI;\n    await el.updateComplete;\n    expect(el.nodeUI).to.equal(nodeUI);\n  });\n\n  it('handles form submission events', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n\n    // Since the form submission handling is complex and involves internal components,\n    // we'll just verify the component renders without errors and has the expected structure\n    const shadowRoot = el.shadowRoot;\n    expect(shadowRoot).to.not.be.null;\n\n    // Verify dialog is present\n    const dialog = shadowRoot!.querySelector('temba-dialog');\n    expect(dialog).to.not.be.null;\n  });\n\n  it('handles form validation', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n\n    // Test that the component renders form elements\n    const shadowRoot = el.shadowRoot;\n    expect(shadowRoot).to.not.be.null;\n  });\n\n  it('renders different action types correctly', async () => {\n    const actionTypes = [\n      {\n        type: 'send_msg',\n        data: { text: 'Message', quick_replies: [] }\n      },\n      {\n        type: 'set_run_result',\n        data: { name: 'result', value: 'value' }\n      },\n      {\n        type: 'set_contact_name',\n        data: { name: 'John Doe' }\n      },\n      {\n        type: 'set_contact_language',\n        data: { language: 'eng' }\n      }\n    ];\n\n    for (const actionType of actionTypes) {\n      const action = {\n        uuid: `test-${actionType.type}`,\n        type: actionType.type,\n        ...actionType.data\n      };\n\n      const el = (await fixture(html`\n        <temba-node-editor\n          .action=${action}\n          .isOpen=${true}\n        ></temba-node-editor>\n      `)) as NodeEditorElement;\n\n      await el.updateComplete;\n      expect(el.shadowRoot).to.not.be.null;\n      expect(el.action.type).to.equal(actionType.type);\n\n      await assertDialogScreenshot(el, `editor/${actionType.type}`);\n    }\n  });\n});\n"]}
+{"version":3,"file":"temba-node-editor.test.js","sourceRoot":"","sources":["../../test/temba-node-editor.test.ts"],"names":[],"mappings":"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","sourcesContent":["import '../temba-modules';\nimport { html, fixture, expect } from '@open-wc/testing';\nimport { assertScreenshot, getClip } from './utils.test';\n\n// Define interface for NodeEditor component\ninterface NodeEditorElement extends HTMLElement {\n  action?: any;\n  node?: any;\n  nodeUI?: any;\n  isOpen?: boolean;\n  updateComplete: Promise<boolean>;\n}\n\nconst assertDialogScreenshot = async (\n  el: NodeEditorElement,\n  screenshotName: string\n) => {\n  const dialog = el.shadowRoot\n    .querySelector('temba-dialog')\n    .shadowRoot.querySelector('.dialog-container') as HTMLElement;\n  await assertScreenshot(screenshotName, getClip(dialog));\n};\n\ndescribe('temba-node-editor', () => {\n  it('can be created', async () => {\n    const el = (await fixture(html`\n      <temba-node-editor .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    expect(el).to.exist;\n    expect(el.tagName).to.equal('TEMBA-NODE-EDITOR');\n  });\n\n  it('renders send_msg action', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n  });\n\n  it('renders send_msg action with message editor', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello @contact.name, check this out!',\n      attachments: [\n        'image/jpeg:http://example.com/photo.jpg',\n        'image:@fields.profile_pic'\n      ],\n      quick_replies: ['Yes', 'No']\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n\n    // Check that the message editor component is rendered\n    const messageEditor = el.shadowRoot.querySelector(\n      'temba-message-editor'\n    ) as any;\n    expect(messageEditor).to.not.be.null;\n    expect(messageEditor.value).to.equal(action.text);\n  });\n\n  it('renders set_run_result action', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'set_run_result',\n      name: 'result_name',\n      value: 'result_value'\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n  });\n\n  it('renders set_contact_field action', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'set_contact_field',\n      field: { key: 'age', name: 'Age' },\n      value: '25'\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n  });\n\n  it('renders add_contact_groups action', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'add_contact_groups',\n      groups: [{ uuid: 'group-1', name: 'Test Group' }]\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n  });\n\n  it('renders enter_flow action', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'enter_flow',\n      flow: { uuid: 'flow-1', name: 'Sub Flow' }\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.action).to.equal(action);\n  });\n\n  it('renders node with router configuration', async () => {\n    const node = {\n      uuid: 'test-node-uuid',\n      actions: [],\n      exits: [{ uuid: 'exit-1', name: 'Default' }],\n      router: {\n        type: 'switch',\n        result_name: 'result',\n        categories: [{ uuid: 'cat-1', name: 'Category 1', exit_uuid: 'exit-1' }]\n      }\n    };\n\n    const nodeUI = {\n      type: 'split_by_expression',\n      position: { left: 100, top: 100 }\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor\n        .node=${node}\n        .nodeUI=${nodeUI}\n        .isOpen=${true}\n      ></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.node).to.equal(node);\n    expect(el.nodeUI).to.equal(nodeUI);\n\n    await assertDialogScreenshot(el, 'editor/router');\n  });\n\n  it('renders node with wait configuration', async () => {\n    const node = {\n      uuid: 'test-node-uuid',\n      actions: [],\n      exits: [{ uuid: 'exit-1', name: 'Default' }],\n      wait: {\n        type: 'msg'\n      }\n    };\n\n    const nodeUI = {\n      type: 'wait_for_response',\n      position: { left: 100, top: 100 }\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor\n        .node=${node}\n        .nodeUI=${nodeUI}\n        .isOpen=${true}\n      ></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n    expect(el.shadowRoot).to.not.be.null;\n    expect(el.node).to.equal(node);\n    expect(el.nodeUI).to.equal(nodeUI);\n\n    await assertDialogScreenshot(el, 'editor/wait');\n  });\n\n  it('handles different button actions', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n\n    let saveEventFired = false;\n    let cancelEventFired = false;\n\n    el.addEventListener('temba-action-saved', () => {\n      saveEventFired = true;\n    });\n\n    el.addEventListener('temba-node-edit-cancelled', () => {\n      cancelEventFired = true;\n    });\n\n    // Get the dialog element inside the node editor\n    const dialog = el.shadowRoot!.querySelector('temba-dialog');\n    expect(dialog).to.not.be.null;\n\n    // Test Save button by dispatching event on the dialog\n    const saveEvent = new CustomEvent('temba-button-clicked', {\n      detail: { button: { name: 'Save' } },\n      bubbles: true\n    });\n    dialog!.dispatchEvent(saveEvent);\n    expect(saveEventFired).to.equal(true);\n\n    // Reset for cancel test\n    saveEventFired = false;\n\n    // Test Cancel button\n    const cancelEvent = new CustomEvent('temba-button-clicked', {\n      detail: { button: { name: 'Cancel' } },\n      bubbles: true\n    });\n    dialog!.dispatchEvent(cancelEvent);\n    expect(cancelEventFired).to.equal(true);\n  });\n\n  it('handles property updates', async () => {\n    const el = (await fixture(html`\n      <temba-node-editor .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    // Test action property update\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    el.action = action;\n    await el.updateComplete;\n    expect(el.action).to.equal(action);\n\n    // Test node property update\n    const node = {\n      uuid: 'test-node-uuid',\n      actions: [],\n      exits: []\n    };\n\n    el.node = node;\n    await el.updateComplete;\n    expect(el.node).to.equal(node);\n\n    // Test nodeUI property update\n    const nodeUI = {\n      type: 'execute_actions',\n      position: { left: 100, top: 100 }\n    };\n\n    el.nodeUI = nodeUI;\n    await el.updateComplete;\n    expect(el.nodeUI).to.equal(nodeUI);\n  });\n\n  it('handles form submission events', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n\n    // Since the form submission handling is complex and involves internal components,\n    // we'll just verify the component renders without errors and has the expected structure\n    const shadowRoot = el.shadowRoot;\n    expect(shadowRoot).to.not.be.null;\n\n    // Verify dialog is present\n    const dialog = shadowRoot!.querySelector('temba-dialog');\n    expect(dialog).to.not.be.null;\n  });\n\n  it('handles form validation', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n\n    // Test that the component renders form elements\n    const shadowRoot = el.shadowRoot;\n    expect(shadowRoot).to.not.be.null;\n  });\n\n  it('renders different action types correctly', async () => {\n    const actionTypes = [\n      {\n        type: 'send_msg',\n        data: { text: 'Message', quick_replies: [] }\n      },\n      {\n        type: 'set_run_result',\n        data: { name: 'result', value: 'value' }\n      },\n      {\n        type: 'set_contact_name',\n        data: { name: 'John Doe' }\n      },\n      {\n        type: 'set_contact_language',\n        data: { language: 'eng' }\n      }\n    ];\n\n    for (const actionType of actionTypes) {\n      const action = {\n        uuid: `test-${actionType.type}`,\n        type: actionType.type,\n        ...actionType.data\n      };\n\n      const el = (await fixture(html`\n        <temba-node-editor\n          .action=${action}\n          .isOpen=${true}\n        ></temba-node-editor>\n      `)) as NodeEditorElement;\n\n      await el.updateComplete;\n      expect(el.shadowRoot).to.not.be.null;\n      expect(el.action.type).to.equal(actionType.type);\n\n      await assertDialogScreenshot(el, `editor/${actionType.type}`);\n    }\n  });\n\n  it('displays bubble count for group value counts', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world',\n      quick_replies: ['Yes', 'No', 'Maybe'],\n      attachments: ['image:@contact.photo', 'document:@contact.resume']\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n\n    // Wait for form data to be fully initialized and re-render to complete\n    await new Promise((resolve) => setTimeout(resolve, 200));\n    await el.updateComplete;\n\n    // Check that bubble counts are displayed\n    const shadowRoot = el.shadowRoot;\n    const bubbles = shadowRoot.querySelectorAll('.group-count-bubble');\n\n    // Should have bubbles for groups with values\n    expect(bubbles.length).to.be.greaterThan(0);\n\n    // Check specific bubble values (trim to handle whitespace in rendered text)\n    const bubbleTexts = Array.from(bubbles).map((bubble) =>\n      bubble.textContent?.trim()\n    );\n\n    // Runtime attachments group should show bubble when collapsed and has values\n    expect(bubbleTexts).to.include('2'); // 2 runtime attachments\n    // Note: Quick replies group auto-expands when it has content, so no bubble is shown\n  });\n\n  it('shows arrow when group has no values', async () => {\n    const action = {\n      uuid: 'test-action-uuid',\n      type: 'send_msg',\n      text: 'Hello world'\n      // No quick_replies or attachments provided\n    };\n\n    const el = (await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}></temba-node-editor>\n    `)) as NodeEditorElement;\n\n    await el.updateComplete;\n\n    // Wait for form data initialization\n    await new Promise((resolve) => setTimeout(resolve, 200));\n    await el.updateComplete;\n\n    // Check that arrows are displayed instead of bubbles\n    const shadowRoot = el.shadowRoot;\n    const bubbles = shadowRoot.querySelectorAll('.group-count-bubble');\n    const arrows = shadowRoot.querySelectorAll('.group-toggle-icon');\n\n    // Should have no bubbles when counts are 0\n    expect(bubbles.length).to.equal(0);\n\n    // Should have arrows for collapsible groups\n    expect(arrows.length).to.be.greaterThan(0);\n  });\n});\n"]}

package/out-tsc/test/temba-select.test.js

@@ -627,7 +627,7 @@ describe('temba-select', () => {
             await select.updateComplete;
             await openSelect(clock, select);
             // Cached results should be available immediately, but give some time for rendering
-            await waitForSelectPagination(select, clock, 15, 30);
+            await waitForSelectPagination(select, clock, 15, 10);
             assert.equal(select.visibleOptions.length, 15);
             // close and reopen once more (previous bug failed on third opening)
             // select.blur();