@nyaruka/temba-components 0.131.1 → 0.131.3

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

@@ -0,0 +1,471 @@
+import { expect, fixture, html } from '@open-wc/testing';
+import { zustand } from '../src/store/AppState';
+import { send_msg } from '../src/flow/actions/send_msg';
+import '../temba-modules';
+describe('Localization Editing', () => {
+    let editor;
+    let storeElement;
+    const languageNames = {
+        eng: 'English',
+        fra: 'French',
+        esp: 'Spanish'
+    };
+    const buildCategoryFlowDefinition = (localization = {}) => ({
+        uuid: 'category-flow',
+        name: 'Category Flow',
+        language: 'eng',
+        type: 'messaging',
+        revision: 1,
+        spec_version: '14.3',
+        localization,
+        nodes: [
+            {
+                uuid: 'split-node',
+                actions: [],
+                exits: [
+                    { uuid: 'split-exit-1', destination_uuid: null },
+                    { uuid: 'split-exit-2', destination_uuid: null }
+                ],
+                router: {
+                    type: 'random',
+                    categories: [
+                        {
+                            uuid: 'cat-1',
+                            name: 'First bucket',
+                            exit_uuid: 'split-exit-1'
+                        },
+                        {
+                            uuid: 'cat-2',
+                            name: 'Second bucket',
+                            exit_uuid: 'split-exit-2'
+                        }
+                    ]
+                }
+            }
+        ],
+        _ui: {
+            nodes: {
+                'split-node': {
+                    position: { left: 0, top: 0 },
+                    type: 'split_by_random'
+                }
+            },
+            languages: []
+        }
+    });
+    const openLocalizationWindow = async (flowEditor) => {
+        const tab = flowEditor.querySelector('#localization-tab');
+        tab.dispatchEvent(new CustomEvent('temba-button-clicked', { bubbles: true }));
+        await flowEditor.updateComplete;
+        return flowEditor.querySelector('#localization-window');
+    };
+    before(() => {
+        storeElement = document.createElement('temba-store');
+        storeElement.getLanguageName = (code) => languageNames[code];
+        document.body.appendChild(storeElement);
+    });
+    after(() => {
+        storeElement === null || storeElement === void 0 ? void 0 : storeElement.remove();
+    });
+    afterEach(() => {
+        editor === null || editor === void 0 ? void 0 : editor.remove();
+    });
+    beforeEach(async () => {
+        // Create a flow definition with localization data
+        const flowDefinition = {
+            uuid: 'test-flow',
+            name: 'Test Flow',
+            language: 'eng',
+            type: 'messaging',
+            revision: 1,
+            spec_version: '14.3',
+            localization: {
+                esp: {
+                    'action-1': {
+                        text: ['Hola mundo'],
+                        quick_replies: ['Sí', 'No']
+                    }
+                }
+            },
+            nodes: [
+                {
+                    uuid: 'node-1',
+                    actions: [
+                        {
+                            type: 'send_msg',
+                            uuid: 'action-1',
+                            text: 'Hello world',
+                            quick_replies: ['Yes', 'No']
+                        }
+                    ],
+                    exits: [{ uuid: 'exit-1' }]
+                }
+            ],
+            _ui: {
+                nodes: {
+                    'node-1': {
+                        position: { left: 100, top: 100 }
+                    }
+                },
+                languages: []
+            }
+        };
+        // Initialize store with flow definition
+        zustand.getState().setFlowContents({
+            definition: flowDefinition,
+            info: {
+                results: [],
+                dependencies: [],
+                counts: { nodes: 1, languages: 2 },
+                locals: []
+            }
+        });
+        editor = await fixture(html `<temba-flow-editor></temba-flow-editor>`);
+        await editor.updateComplete;
+    });
+    it('should render localization floating tab when translations exist', () => {
+        const tab = editor.querySelector('#localization-tab');
+        expect(tab).to.exist;
+        const windowEl = editor.querySelector('#localization-window');
+        expect(windowEl).to.exist;
+        expect(windowEl.hidden).to.be.true;
+    });
+    it('should open localization window with translation languages excluding base', async () => {
+        const tab = editor.querySelector('#localization-tab');
+        tab.dispatchEvent(new CustomEvent('temba-button-clicked', { bubbles: true }));
+        await editor.updateComplete;
+        const windowEl = editor.querySelector('#localization-window');
+        expect(windowEl.hidden).to.be.false;
+        const select = windowEl.querySelector('temba-select');
+        expect(select).to.exist;
+        expect(select.values[0].value).to.equal('fra');
+        const options = windowEl.querySelectorAll('temba-option');
+        expect(options.length).to.equal(2);
+        const optionLabels = Array.from(options).map((opt) => opt.getAttribute('name'));
+        expect(optionLabels).to.include('French');
+        expect(optionLabels).to.include('Spanish');
+        expect(optionLabels).to.not.include('English');
+        const state = zustand.getState();
+        expect(state.languageCode).to.equal('fra');
+        const summary = windowEl.querySelector('.localization-progress-summary');
+        expect(summary === null || summary === void 0 ? void 0 : summary.textContent.trim()).to.equal('0 of 1 items translated');
+        const progress = windowEl.querySelector('temba-progress');
+        expect(progress).to.exist;
+        expect(progress.current).to.equal(0);
+        expect(progress.total).to.equal(1);
+        expect(progress.animated).to.be.false;
+    });
+    it('should toggle translation settings and persist include categories preference', async () => {
+        await openLocalizationWindow(editor);
+        const toggle = editor.querySelector('.translation-settings-toggle');
+        expect(toggle).to.exist;
+        toggle.dispatchEvent(new Event('click', { bubbles: true }));
+        await editor.updateComplete;
+        const checkbox = editor.querySelector('#translation-settings-panel temba-checkbox');
+        expect(checkbox).to.exist;
+        expect(Boolean(checkbox.checked)).to.be.false;
+        checkbox.checked = true;
+        checkbox.dispatchEvent(new Event('change', { bubbles: true }));
+        await editor.updateComplete;
+        const filters = zustand.getState().flowDefinition._ui.translation_filters;
+        expect(filters === null || filters === void 0 ? void 0 : filters.categories).to.be.true;
+    });
+    it('should allow toggling translation languages within the window', async () => {
+        const tab = editor.querySelector('#localization-tab');
+        tab.dispatchEvent(new CustomEvent('temba-button-clicked', { bubbles: true }));
+        await editor.updateComplete;
+        const windowEl = editor.querySelector('#localization-window');
+        const select = windowEl.querySelector('temba-select');
+        expect(select).to.exist;
+        select.values = [{ name: 'Spanish', value: 'esp' }];
+        select.dispatchEvent(new CustomEvent('change', { bubbles: true }));
+        await editor.updateComplete;
+        const state = zustand.getState();
+        expect(state.languageCode).to.equal('esp');
+        const summary = windowEl.querySelector('.localization-progress-summary');
+        expect(summary === null || summary === void 0 ? void 0 : summary.textContent.trim()).to.equal('All items are translated.');
+    });
+    it('should include category translations when include categories is enabled', async () => {
+        editor === null || editor === void 0 ? void 0 : editor.remove();
+        const categoryFlowDefinition = buildCategoryFlowDefinition();
+        zustand.getState().setFlowContents({
+            definition: categoryFlowDefinition,
+            info: {
+                results: [],
+                dependencies: [],
+                counts: { nodes: 1, languages: 2 },
+                locals: []
+            }
+        });
+        editor = await fixture(html `<temba-flow-editor></temba-flow-editor>`);
+        await editor.updateComplete;
+        await openLocalizationWindow(editor);
+        let summary = editor
+            .querySelector('.localization-progress-summary')
+            .textContent.trim();
+        expect(summary).to.equal('Add content or enable more options to start translating.');
+        const toggle = editor.querySelector('.translation-settings-toggle');
+        toggle.dispatchEvent(new Event('click', { bubbles: true }));
+        await editor.updateComplete;
+        const checkbox = editor.querySelector('temba-checkbox[name="include-categories"]');
+        checkbox.checked = true;
+        checkbox.dispatchEvent(new Event('change', { bubbles: true }));
+        await editor.updateComplete;
+        summary = editor
+            .querySelector('.localization-progress-summary')
+            .textContent.trim();
+        expect(summary).to.equal('0 of 2 items translated');
+    });
+    it('should remove category localization when translation is cleared', async () => {
+        var _a;
+        editor === null || editor === void 0 ? void 0 : editor.remove();
+        editor = null;
+        const flowDefinition = buildCategoryFlowDefinition({
+            fra: {
+                'cat-1': { name: ['Premier choix'] },
+                'cat-2': { name: ['Deuxième choix'] }
+            }
+        });
+        zustand.getState().setFlowContents({
+            definition: flowDefinition,
+            info: {
+                results: [],
+                dependencies: [],
+                counts: { nodes: 1, languages: 2 },
+                locals: []
+            }
+        });
+        zustand.getState().setLanguageCode('fra');
+        const state = zustand.getState();
+        const node = state.flowDefinition.nodes[0];
+        const nodeUI = state.flowDefinition._ui.nodes[node.uuid];
+        const nodeEditor = await fixture(html `
+      <temba-node-editor
+        .node=${node}
+        .nodeUI=${nodeUI}
+        .isOpen=${true}
+      ></temba-node-editor>
+    `);
+        await nodeEditor.updateComplete;
+        const formData = nodeEditor.formData;
+        formData.categories['cat-1'].localizedName = '';
+        nodeEditor.handleSave();
+        const localization = ((_a = zustand.getState().flowDefinition.localization) === null || _a === void 0 ? void 0 : _a.fra) || {};
+        expect(localization['cat-1']).to.be.undefined;
+        expect(localization['cat-2']).to.deep.equal({ name: ['Deuxième choix'] });
+        nodeEditor.remove();
+    });
+    it('should remove empty localization entries when all category translations are cleared', async () => {
+        editor === null || editor === void 0 ? void 0 : editor.remove();
+        editor = null;
+        const flowDefinition = buildCategoryFlowDefinition({
+            fra: {
+                'cat-1': { name: ['Premier choix'] }
+            }
+        });
+        zustand.getState().setFlowContents({
+            definition: flowDefinition,
+            info: {
+                results: [],
+                dependencies: [],
+                counts: { nodes: 1, languages: 2 },
+                locals: []
+            }
+        });
+        zustand.getState().setLanguageCode('fra');
+        const state = zustand.getState();
+        const node = state.flowDefinition.nodes[0];
+        const nodeUI = state.flowDefinition._ui.nodes[node.uuid];
+        const nodeEditor = await fixture(html `
+      <temba-node-editor
+        .node=${node}
+        .nodeUI=${nodeUI}
+        .isOpen=${true}
+      ></temba-node-editor>
+    `);
+        await nodeEditor.updateComplete;
+        const formData = nodeEditor.formData;
+        formData.categories['cat-1'].localizedName = '';
+        nodeEditor.handleSave();
+        const localization = zustand.getState().flowDefinition.localization;
+        expect(localization).to.be.undefined;
+        nodeEditor.remove();
+    });
+    it('should open auto translate dialog when clicking auto translate', async () => {
+        await openLocalizationWindow(editor);
+        const autoTranslateButton = editor.querySelector('.auto-translate-button');
+        expect(autoTranslateButton.disabled).to.be.false;
+        autoTranslateButton.click();
+        await editor.updateComplete;
+        expect(editor.autoTranslateDialogOpen).to.be.true;
+        const dialog = editor.querySelector('temba-dialog[header="Auto translate"]');
+        const modelSelect = dialog === null || dialog === void 0 ? void 0 : dialog.querySelector('.auto-translate-model-select');
+        expect(modelSelect).to.exist;
+        expect(modelSelect.getAttribute('endpoint')).to.equal('/api/internal/llms.json');
+    });
+    it('should return to base language when window closes', async () => {
+        const tab = editor.querySelector('#localization-tab');
+        tab.dispatchEvent(new CustomEvent('temba-button-clicked', { bubbles: true }));
+        await editor.updateComplete;
+        const windowEl = editor.querySelector('#localization-window');
+        windowEl.close();
+        await editor.updateComplete;
+        const state = zustand.getState();
+        expect(state.languageCode).to.equal('eng');
+        expect(windowEl.hidden).to.be.true;
+    });
+    it('should load base language values when in English', () => {
+        const action = {
+            type: 'send_msg',
+            uuid: 'action-1',
+            text: 'Hello world',
+            quick_replies: ['Yes', 'No']
+        };
+        const formData = send_msg.toFormData(action);
+        expect(formData.text).to.equal('Hello world');
+        expect(formData.quick_replies).to.have.lengthOf(2);
+        expect(formData.quick_replies[0].value).to.equal('Yes');
+        expect(formData.quick_replies[1].value).to.equal('No');
+    });
+    it('should load localized values when in Spanish', () => {
+        const action = {
+            type: 'send_msg',
+            uuid: 'action-1',
+            text: 'Hello world',
+            quick_replies: ['Yes', 'No']
+        };
+        const localization = {
+            text: ['Hola mundo'],
+            quick_replies: ['Sí', 'No']
+        };
+        const formData = send_msg.toLocalizationFormData(action, localization);
+        expect(formData.text).to.equal('Hola mundo');
+        expect(formData.quick_replies).to.have.lengthOf(2);
+        expect(formData.quick_replies[0].value).to.equal('Sí');
+        expect(formData.quick_replies[1].value).to.equal('No');
+    });
+    it('should fall back to base language if no localization exists', () => {
+        const action = {
+            type: 'send_msg',
+            uuid: 'action-1',
+            text: 'Hello world',
+            quick_replies: ['Yes', 'No']
+        };
+        const localization = {}; // Empty localization
+        const formData = send_msg.toLocalizationFormData(action, localization);
+        // Should show base language values (but empty since localization is empty)
+        expect(formData.text).to.equal('');
+        expect(formData.quick_replies).to.be.undefined;
+    });
+    it('should convert form data to localization format', () => {
+        const action = {
+            type: 'send_msg',
+            uuid: 'action-1',
+            text: 'Hello world',
+            quick_replies: ['Yes', 'No']
+        };
+        const formData = {
+            uuid: 'action-1',
+            text: 'Bonjour le monde',
+            quick_replies: [
+                { name: 'Oui', value: 'Oui' },
+                { name: 'Non', value: 'Non' }
+            ]
+        };
+        const localization = send_msg.fromLocalizationFormData(formData, action);
+        expect(localization.text).to.deep.equal(['Bonjour le monde']);
+        expect(localization.quick_replies).to.deep.equal(['Oui', 'Non']);
+    });
+    it('should not include unchanged values in localization', () => {
+        const action = {
+            type: 'send_msg',
+            uuid: 'action-1',
+            text: 'Hello world',
+            quick_replies: ['Yes', 'No']
+        };
+        const formData = {
+            uuid: 'action-1',
+            text: 'Hello world', // Same as base
+            quick_replies: [
+                { name: 'Yes', value: 'Yes' },
+                { name: 'No', value: 'No' }
+            ] // Same as base
+        };
+        const localization = send_msg.fromLocalizationFormData(formData, action);
+        // should not include unchanged values
+        expect(localization.text).to.be.undefined;
+        expect(localization.quick_replies).to.be.undefined;
+    });
+    it('should include language name in dialog header when translating', async () => {
+        // Switch to Spanish
+        zustand.getState().setLanguageCode('esp');
+        const action = {
+            type: 'send_msg',
+            uuid: 'action-1',
+            text: 'Hello world',
+            quick_replies: []
+        };
+        const nodeEditor = await fixture(html `
+      <temba-node-editor .action=${action} .isOpen=${true}> </temba-node-editor>
+    `);
+        await nodeEditor.updateComplete;
+        // Check dialog header
+        const dialog = nodeEditor.shadowRoot.querySelector('temba-dialog');
+        expect(dialog).to.exist;
+        expect(dialog.getAttribute('header')).to.equal('Spanish - Send Message');
+    });
+    it('should handle attachments in localization', () => {
+        const action = {
+            type: 'send_msg',
+            uuid: 'action-1',
+            text: 'Hello',
+            attachments: ['image/jpeg:http://example.com/image.jpg']
+        };
+        const localization = {
+            text: ['Hola'],
+            attachments: ['image/jpeg:http://example.com/imagen.jpg']
+        };
+        const formData = send_msg.toLocalizationFormData(action, localization);
+        expect(formData.text).to.equal('Hola');
+        expect(formData.attachments).to.have.lengthOf(1);
+        expect(formData.attachments[0]).to.equal('image/jpeg:http://example.com/imagen.jpg');
+    });
+    it('should handle runtime attachments in localization', () => {
+        const action = {
+            type: 'send_msg',
+            uuid: 'action-1',
+            text: 'Hello',
+            attachments: ['image:@fields.profile_pic']
+        };
+        const localization = {
+            text: ['Hola'],
+            attachments: ['image:@fields.foto_perfil']
+        };
+        const formData = send_msg.toLocalizationFormData(action, localization);
+        expect(formData.text).to.equal('Hola');
+        expect(formData.runtime_attachments).to.have.lengthOf(1);
+        expect(formData.runtime_attachments[0].expression).to.equal('@fields.foto_perfil');
+    });
+    it('should identify localizable fields', () => {
+        expect(send_msg.localizable).to.exist;
+        expect(send_msg.localizable).to.include('text');
+        expect(send_msg.localizable).to.include('quick_replies');
+        expect(send_msg.localizable).to.include('attachments');
+    });
+    it('should save empty localization when all values match base', () => {
+        const action = {
+            type: 'send_msg',
+            uuid: 'action-1',
+            text: 'Hello world',
+            quick_replies: []
+        };
+        const formData = {
+            uuid: 'action-1',
+            text: 'Hello world' // Same as base, so shouldn't be saved
+        };
+        const localization = send_msg.fromLocalizationFormData(formData, action);
+        // empty localization when nothing changed
+        expect(Object.keys(localization)).to.have.lengthOf(0);
+    });
+});
+//# sourceMappingURL=temba-localization.test.js.map

package/out-tsc/test/temba-localization.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-localization.test.js","sourceRoot":"","sources":["../../test/temba-localization.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture, html } from '@open-wc/testing';\nimport { Editor } from '../src/flow/Editor';\nimport { NodeEditor } from '../src/flow/NodeEditor';\nimport { SendMsg, FlowDefinition } from '../src/store/flow-definition';\nimport { zustand } from '../src/store/AppState';\nimport { send_msg } from '../src/flow/actions/send_msg';\nimport '../temba-modules';\n\ndescribe('Localization Editing', () => {\n  let editor: Editor;\n  let storeElement: HTMLElement;\n\n  const languageNames: Record<string, string> = {\n    eng: 'English',\n    fra: 'French',\n    esp: 'Spanish'\n  };\n\n  const buildCategoryFlowDefinition = (\n    localization: Record<string, any> = {}\n  ): FlowDefinition => ({\n    uuid: 'category-flow',\n    name: 'Category Flow',\n    language: 'eng',\n    type: 'messaging',\n    revision: 1,\n    spec_version: '14.3',\n    localization,\n    nodes: [\n      {\n        uuid: 'split-node',\n        actions: [],\n        exits: [\n          { uuid: 'split-exit-1', destination_uuid: null },\n          { uuid: 'split-exit-2', destination_uuid: null }\n        ],\n        router: {\n          type: 'random',\n          categories: [\n            {\n              uuid: 'cat-1',\n              name: 'First bucket',\n              exit_uuid: 'split-exit-1'\n            },\n            {\n              uuid: 'cat-2',\n              name: 'Second bucket',\n              exit_uuid: 'split-exit-2'\n            }\n          ]\n        }\n      }\n    ],\n    _ui: {\n      nodes: {\n        'split-node': {\n          position: { left: 0, top: 0 },\n          type: 'split_by_random'\n        }\n      },\n      languages: []\n    }\n  });\n\n  const openLocalizationWindow = async (\n    flowEditor: Editor\n  ): Promise<HTMLElement> => {\n    const tab = flowEditor.querySelector('#localization-tab');\n    tab.dispatchEvent(\n      new CustomEvent('temba-button-clicked', { bubbles: true })\n    );\n    await flowEditor.updateComplete;\n    return flowEditor.querySelector('#localization-window') as HTMLElement;\n  };\n\n  before(() => {\n    storeElement = document.createElement('temba-store');\n    (storeElement as any).getLanguageName = (code: string) =>\n      languageNames[code];\n    document.body.appendChild(storeElement);\n  });\n\n  after(() => {\n    storeElement?.remove();\n  });\n\n  afterEach(() => {\n    editor?.remove();\n  });\n\n  beforeEach(async () => {\n    // Create a flow definition with localization data\n    const flowDefinition: FlowDefinition = {\n      uuid: 'test-flow',\n      name: 'Test Flow',\n      language: 'eng',\n      type: 'messaging',\n      revision: 1,\n      spec_version: '14.3',\n      localization: {\n        esp: {\n          'action-1': {\n            text: ['Hola mundo'],\n            quick_replies: ['Sí', 'No']\n          }\n        }\n      },\n      nodes: [\n        {\n          uuid: 'node-1',\n          actions: [\n            {\n              type: 'send_msg',\n              uuid: 'action-1',\n              text: 'Hello world',\n              quick_replies: ['Yes', 'No']\n            } as SendMsg\n          ],\n          exits: [{ uuid: 'exit-1' }]\n        }\n      ],\n      _ui: {\n        nodes: {\n          'node-1': {\n            position: { left: 100, top: 100 }\n          }\n        },\n        languages: []\n      }\n    };\n\n    // Initialize store with flow definition\n    zustand.getState().setFlowContents({\n      definition: flowDefinition,\n      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 1, languages: 2 },\n        locals: []\n      }\n    });\n\n    editor = await fixture(html`<temba-flow-editor></temba-flow-editor>`);\n    await editor.updateComplete;\n  });\n\n  it('should render localization floating tab when translations exist', () => {\n    const tab = editor.querySelector('#localization-tab');\n    expect(tab).to.exist;\n\n    const windowEl = editor.querySelector('#localization-window') as any;\n    expect(windowEl).to.exist;\n    expect(windowEl.hidden).to.be.true;\n  });\n\n  it('should open localization window with translation languages excluding base', async () => {\n    const tab = editor.querySelector('#localization-tab');\n    tab.dispatchEvent(\n      new CustomEvent('temba-button-clicked', { bubbles: true })\n    );\n    await editor.updateComplete;\n\n    const windowEl = editor.querySelector('#localization-window') as any;\n    expect(windowEl.hidden).to.be.false;\n\n    const select = windowEl.querySelector('temba-select') as any;\n    expect(select).to.exist;\n    expect(select.values[0].value).to.equal('fra');\n\n    const options = windowEl.querySelectorAll('temba-option');\n    expect(options.length).to.equal(2);\n    const optionLabels = Array.from(options).map((opt: Element) =>\n      opt.getAttribute('name')\n    );\n    expect(optionLabels).to.include('French');\n    expect(optionLabels).to.include('Spanish');\n    expect(optionLabels).to.not.include('English');\n\n    const state = zustand.getState();\n    expect(state.languageCode).to.equal('fra');\n\n    const summary = windowEl.querySelector('.localization-progress-summary');\n    expect(summary?.textContent.trim()).to.equal('0 of 1 items translated');\n\n    const progress = windowEl.querySelector('temba-progress') as any;\n    expect(progress).to.exist;\n    expect(progress.current).to.equal(0);\n    expect(progress.total).to.equal(1);\n    expect(progress.animated).to.be.false;\n  });\n\n  it('should toggle translation settings and persist include categories preference', async () => {\n    await openLocalizationWindow(editor);\n\n    const toggle = editor.querySelector(\n      '.translation-settings-toggle'\n    ) as HTMLElement;\n    expect(toggle).to.exist;\n\n    toggle.dispatchEvent(new Event('click', { bubbles: true }));\n    await editor.updateComplete;\n\n    const checkbox = editor.querySelector(\n      '#translation-settings-panel temba-checkbox'\n    ) as any;\n    expect(checkbox).to.exist;\n    expect(Boolean(checkbox.checked)).to.be.false;\n\n    checkbox.checked = true;\n    checkbox.dispatchEvent(new Event('change', { bubbles: true }));\n    await editor.updateComplete;\n\n    const filters = zustand.getState().flowDefinition._ui.translation_filters;\n    expect(filters?.categories).to.be.true;\n  });\n\n  it('should allow toggling translation languages within the window', async () => {\n    const tab = editor.querySelector('#localization-tab');\n    tab.dispatchEvent(\n      new CustomEvent('temba-button-clicked', { bubbles: true })\n    );\n    await editor.updateComplete;\n\n    const windowEl = editor.querySelector('#localization-window');\n    const select = windowEl.querySelector('temba-select') as any;\n    expect(select).to.exist;\n\n    select.values = [{ name: 'Spanish', value: 'esp' }];\n    select.dispatchEvent(new CustomEvent('change', { bubbles: true }));\n    await editor.updateComplete;\n\n    const state = zustand.getState();\n    expect(state.languageCode).to.equal('esp');\n    const summary = windowEl.querySelector('.localization-progress-summary');\n    expect(summary?.textContent.trim()).to.equal('All items are translated.');\n  });\n\n  it('should include category translations when include categories is enabled', async () => {\n    editor?.remove();\n\n    const categoryFlowDefinition: FlowDefinition =\n      buildCategoryFlowDefinition();\n\n    zustand.getState().setFlowContents({\n      definition: categoryFlowDefinition,\n      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 1, languages: 2 },\n        locals: []\n      }\n    });\n\n    editor = await fixture(html`<temba-flow-editor></temba-flow-editor>`);\n    await editor.updateComplete;\n\n    await openLocalizationWindow(editor);\n\n    let summary = editor\n      .querySelector('.localization-progress-summary')\n      .textContent.trim();\n    expect(summary).to.equal(\n      'Add content or enable more options to start translating.'\n    );\n\n    const toggle = editor.querySelector(\n      '.translation-settings-toggle'\n    ) as HTMLElement;\n    toggle.dispatchEvent(new Event('click', { bubbles: true }));\n    await editor.updateComplete;\n\n    const checkbox = editor.querySelector(\n      'temba-checkbox[name=\"include-categories\"]'\n    ) as any;\n    checkbox.checked = true;\n    checkbox.dispatchEvent(new Event('change', { bubbles: true }));\n    await editor.updateComplete;\n\n    summary = editor\n      .querySelector('.localization-progress-summary')\n      .textContent.trim();\n    expect(summary).to.equal('0 of 2 items translated');\n  });\n\n  it('should remove category localization when translation is cleared', async () => {\n    editor?.remove();\n    editor = null;\n\n    const flowDefinition = buildCategoryFlowDefinition({\n      fra: {\n        'cat-1': { name: ['Premier choix'] },\n        'cat-2': { name: ['Deuxième choix'] }\n      }\n    });\n\n    zustand.getState().setFlowContents({\n      definition: flowDefinition,\n      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 1, languages: 2 },\n        locals: []\n      }\n    });\n    zustand.getState().setLanguageCode('fra');\n\n    const state = zustand.getState();\n    const node = state.flowDefinition.nodes[0];\n    const nodeUI = state.flowDefinition._ui.nodes[node.uuid];\n\n    const nodeEditor: NodeEditor = await fixture(html`\n      <temba-node-editor\n        .node=${node}\n        .nodeUI=${nodeUI}\n        .isOpen=${true}\n      ></temba-node-editor>\n    `);\n    await nodeEditor.updateComplete;\n\n    const formData = (nodeEditor as any).formData;\n    formData.categories['cat-1'].localizedName = '';\n\n    (nodeEditor as any).handleSave();\n\n    const localization =\n      zustand.getState().flowDefinition.localization?.fra || {};\n    expect(localization['cat-1']).to.be.undefined;\n    expect(localization['cat-2']).to.deep.equal({ name: ['Deuxième choix'] });\n\n    nodeEditor.remove();\n  });\n\n  it('should remove empty localization entries when all category translations are cleared', async () => {\n    editor?.remove();\n    editor = null;\n\n    const flowDefinition = buildCategoryFlowDefinition({\n      fra: {\n        'cat-1': { name: ['Premier choix'] }\n      }\n    });\n\n    zustand.getState().setFlowContents({\n      definition: flowDefinition,\n      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 1, languages: 2 },\n        locals: []\n      }\n    });\n    zustand.getState().setLanguageCode('fra');\n\n    const state = zustand.getState();\n    const node = state.flowDefinition.nodes[0];\n    const nodeUI = state.flowDefinition._ui.nodes[node.uuid];\n\n    const nodeEditor: NodeEditor = await fixture(html`\n      <temba-node-editor\n        .node=${node}\n        .nodeUI=${nodeUI}\n        .isOpen=${true}\n      ></temba-node-editor>\n    `);\n    await nodeEditor.updateComplete;\n\n    const formData = (nodeEditor as any).formData;\n    formData.categories['cat-1'].localizedName = '';\n\n    (nodeEditor as any).handleSave();\n\n    const localization = zustand.getState().flowDefinition.localization;\n    expect(localization).to.be.undefined;\n\n    nodeEditor.remove();\n  });\n\n  it('should open auto translate dialog when clicking auto translate', async () => {\n    await openLocalizationWindow(editor);\n\n    const autoTranslateButton = editor.querySelector(\n      '.auto-translate-button'\n    ) as HTMLButtonElement;\n    expect(autoTranslateButton.disabled).to.be.false;\n\n    autoTranslateButton.click();\n    await editor.updateComplete;\n\n    expect((editor as any).autoTranslateDialogOpen).to.be.true;\n    const dialog = editor.querySelector(\n      'temba-dialog[header=\"Auto translate\"]'\n    );\n    const modelSelect = dialog?.querySelector(\n      '.auto-translate-model-select'\n    ) as HTMLElement;\n    expect(modelSelect).to.exist;\n    expect(modelSelect.getAttribute('endpoint')).to.equal(\n      '/api/internal/llms.json'\n    );\n  });\n\n  it('should return to base language when window closes', async () => {\n    const tab = editor.querySelector('#localization-tab');\n    tab.dispatchEvent(\n      new CustomEvent('temba-button-clicked', { bubbles: true })\n    );\n    await editor.updateComplete;\n\n    const windowEl = editor.querySelector('#localization-window') as any;\n    windowEl.close();\n    await editor.updateComplete;\n\n    const state = zustand.getState();\n    expect(state.languageCode).to.equal('eng');\n    expect(windowEl.hidden).to.be.true;\n  });\n\n  it('should load base language values when in English', () => {\n    const action: SendMsg = {\n      type: 'send_msg',\n      uuid: 'action-1',\n      text: 'Hello world',\n      quick_replies: ['Yes', 'No']\n    };\n\n    const formData = send_msg.toFormData(action);\n\n    expect(formData.text).to.equal('Hello world');\n    expect(formData.quick_replies).to.have.lengthOf(2);\n    expect(formData.quick_replies[0].value).to.equal('Yes');\n    expect(formData.quick_replies[1].value).to.equal('No');\n  });\n\n  it('should load localized values when in Spanish', () => {\n    const action: SendMsg = {\n      type: 'send_msg',\n      uuid: 'action-1',\n      text: 'Hello world',\n      quick_replies: ['Yes', 'No']\n    };\n\n    const localization = {\n      text: ['Hola mundo'],\n      quick_replies: ['Sí', 'No']\n    };\n\n    const formData = send_msg.toLocalizationFormData(action, localization);\n\n    expect(formData.text).to.equal('Hola mundo');\n    expect(formData.quick_replies).to.have.lengthOf(2);\n    expect(formData.quick_replies[0].value).to.equal('Sí');\n    expect(formData.quick_replies[1].value).to.equal('No');\n  });\n\n  it('should fall back to base language if no localization exists', () => {\n    const action: SendMsg = {\n      type: 'send_msg',\n      uuid: 'action-1',\n      text: 'Hello world',\n      quick_replies: ['Yes', 'No']\n    };\n\n    const localization = {}; // Empty localization\n\n    const formData = send_msg.toLocalizationFormData(action, localization);\n\n    // Should show base language values (but empty since localization is empty)\n    expect(formData.text).to.equal('');\n    expect(formData.quick_replies).to.be.undefined;\n  });\n\n  it('should convert form data to localization format', () => {\n    const action: SendMsg = {\n      type: 'send_msg',\n      uuid: 'action-1',\n      text: 'Hello world',\n      quick_replies: ['Yes', 'No']\n    };\n\n    const formData = {\n      uuid: 'action-1',\n      text: 'Bonjour le monde',\n      quick_replies: [\n        { name: 'Oui', value: 'Oui' },\n        { name: 'Non', value: 'Non' }\n      ]\n    };\n\n    const localization = send_msg.fromLocalizationFormData(formData, action);\n\n    expect(localization.text).to.deep.equal(['Bonjour le monde']);\n    expect(localization.quick_replies).to.deep.equal(['Oui', 'Non']);\n  });\n\n  it('should not include unchanged values in localization', () => {\n    const action: SendMsg = {\n      type: 'send_msg',\n      uuid: 'action-1',\n      text: 'Hello world',\n      quick_replies: ['Yes', 'No']\n    };\n\n    const formData = {\n      uuid: 'action-1',\n      text: 'Hello world', // Same as base\n      quick_replies: [\n        { name: 'Yes', value: 'Yes' },\n        { name: 'No', value: 'No' }\n      ] // Same as base\n    };\n\n    const localization = send_msg.fromLocalizationFormData(formData, action);\n\n    // should not include unchanged values\n    expect(localization.text).to.be.undefined;\n    expect(localization.quick_replies).to.be.undefined;\n  });\n\n  it('should include language name in dialog header when translating', async () => {\n    // Switch to Spanish\n    zustand.getState().setLanguageCode('esp');\n\n    const action: SendMsg = {\n      type: 'send_msg',\n      uuid: 'action-1',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    const nodeEditor: NodeEditor = await fixture(html`\n      <temba-node-editor .action=${action} .isOpen=${true}> </temba-node-editor>\n    `);\n\n    await nodeEditor.updateComplete;\n\n    // Check dialog header\n    const dialog = nodeEditor.shadowRoot.querySelector('temba-dialog');\n    expect(dialog).to.exist;\n    expect(dialog.getAttribute('header')).to.equal('Spanish - Send Message');\n  });\n\n  it('should handle attachments in localization', () => {\n    const action: SendMsg = {\n      type: 'send_msg',\n      uuid: 'action-1',\n      text: 'Hello',\n      attachments: ['image/jpeg:http://example.com/image.jpg']\n    };\n\n    const localization = {\n      text: ['Hola'],\n      attachments: ['image/jpeg:http://example.com/imagen.jpg']\n    };\n\n    const formData = send_msg.toLocalizationFormData(action, localization);\n\n    expect(formData.text).to.equal('Hola');\n    expect(formData.attachments).to.have.lengthOf(1);\n    expect(formData.attachments[0]).to.equal(\n      'image/jpeg:http://example.com/imagen.jpg'\n    );\n  });\n\n  it('should handle runtime attachments in localization', () => {\n    const action: SendMsg = {\n      type: 'send_msg',\n      uuid: 'action-1',\n      text: 'Hello',\n      attachments: ['image:@fields.profile_pic']\n    };\n\n    const localization = {\n      text: ['Hola'],\n      attachments: ['image:@fields.foto_perfil']\n    };\n\n    const formData = send_msg.toLocalizationFormData(action, localization);\n\n    expect(formData.text).to.equal('Hola');\n    expect(formData.runtime_attachments).to.have.lengthOf(1);\n    expect(formData.runtime_attachments[0].expression).to.equal(\n      '@fields.foto_perfil'\n    );\n  });\n\n  it('should identify localizable fields', () => {\n    expect(send_msg.localizable).to.exist;\n    expect(send_msg.localizable).to.include('text');\n    expect(send_msg.localizable).to.include('quick_replies');\n    expect(send_msg.localizable).to.include('attachments');\n  });\n\n  it('should save empty localization when all values match base', () => {\n    const action: SendMsg = {\n      type: 'send_msg',\n      uuid: 'action-1',\n      text: 'Hello world',\n      quick_replies: []\n    };\n\n    const formData = {\n      uuid: 'action-1',\n      text: 'Hello world' // Same as base, so shouldn't be saved\n    };\n\n    const localization = send_msg.fromLocalizationFormData(formData, action);\n\n    // empty localization when nothing changed\n    expect(Object.keys(localization)).to.have.lengthOf(0);\n  });\n});\n"]}

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

@@ -8,7 +8,9 @@ const assertDialogScreenshot = async (el, screenshotName) => {
     const clip = getClip(dialog);
     // Adjust width to show full dialog with proper padding
     const dialogRect = dialog.getBoundingClientRect();
-    clip.width = dialogRect.width + 20; // 10px padding on each side
+    // Use scrollWidth to get the actual content width (including overflow)
+    const contentWidth = Math.max(dialogRect.width, dialog.scrollWidth);
+    clip.width = contentWidth + 20; // 10px padding on each side
     await assertScreenshot(screenshotName, clip);
 };
 describe('temba-node-editor', () => {