@nyaruka/temba-components 0.140.0 → 0.141.1

package/out-tsc/test/nodes/split_by_webhook.test.js

@@ -0,0 +1,111 @@
+import { expect } from '@open-wc/testing';
+import { split_by_webhook } from '../../src/flow/nodes/split_by_webhook';
+import { NodeTest } from '../NodeHelper';
+/**
+ * Test suite for the split_by_webhook node configuration.
+ */
+describe('split_by_webhook node config', () => {
+    const helper = new NodeTest(split_by_webhook, 'split_by_webhook');
+    describe('basic properties', () => {
+        helper.testBasicProperties();
+        it('has correct type and name', () => {
+            expect(split_by_webhook.type).to.equal('split_by_webhook');
+            expect(split_by_webhook.name).to.equal('Call Webhook');
+        });
+    });
+    describe('round-trip transformation', () => {
+        it('should transform from flow definition to form data', () => {
+            const node = {
+                uuid: 'test-node',
+                actions: [
+                    {
+                        type: 'call_webhook',
+                        uuid: 'action-1',
+                        method: 'POST',
+                        url: 'https://example.com/webhook',
+                        headers: { Authorization: 'Bearer token123' },
+                        body: '{"key": "value"}'
+                    }
+                ],
+                exits: []
+            };
+            const formData = split_by_webhook.toFormData(node);
+            expect(formData.uuid).to.equal('test-node');
+            expect(formData.method).to.equal('POST');
+            expect(formData.url).to.equal('https://example.com/webhook');
+            expect(formData.headers).to.deep.equal({
+                Authorization: 'Bearer token123'
+            });
+            expect(formData.body).to.equal('{"key": "value"}');
+        });
+        it('should transform from form data to flow definition (GET)', () => {
+            const originalNode = {
+                uuid: 'test-node',
+                actions: [],
+                exits: []
+            };
+            const formData = {
+                uuid: 'test-node',
+                method: [{ value: 'GET', name: 'GET' }],
+                url: 'https://example.com/api',
+                headers: [],
+                body: ''
+            };
+            const resultNode = split_by_webhook.fromFormData(formData, originalNode);
+            expect(resultNode.uuid).to.equal('test-node');
+            expect(resultNode.actions).to.have.lengthOf(1);
+            expect(resultNode.actions[0].type).to.equal('call_webhook');
+            const action = resultNode.actions[0];
+            expect(action.method).to.equal('GET');
+            expect(action.url).to.equal('https://example.com/api');
+            // Should have Success/Failure router
+            expect(resultNode.router).to.exist;
+            expect(resultNode.router.type).to.equal('switch');
+            expect(resultNode.exits).to.have.lengthOf(2);
+        });
+        it('should transform from form data to flow definition (POST)', () => {
+            const originalNode = {
+                uuid: 'test-node',
+                actions: [],
+                exits: []
+            };
+            const formData = {
+                uuid: 'test-node',
+                method: [{ value: 'POST', name: 'POST' }],
+                url: 'https://example.com/webhook',
+                headers: [{ name: 'Content-Type', value: 'application/json' }],
+                body: '{"data": "@contact.name"}'
+            };
+            const resultNode = split_by_webhook.fromFormData(formData, originalNode);
+            const action = resultNode.actions[0];
+            expect(action.method).to.equal('POST');
+            expect(action.url).to.equal('https://example.com/webhook');
+            expect(action.headers).to.have.lengthOf(1);
+            expect(action.body).to.equal('{"data": "@contact.name"}');
+        });
+        it('should preserve action UUID on re-save', () => {
+            const originalNode = {
+                uuid: 'test-node',
+                actions: [
+                    {
+                        type: 'call_webhook',
+                        uuid: 'existing-action-uuid',
+                        method: 'GET',
+                        url: 'https://example.com/old'
+                    }
+                ],
+                exits: []
+            };
+            const formData = {
+                uuid: 'test-node',
+                method: [{ value: 'GET', name: 'GET' }],
+                url: 'https://example.com/new',
+                headers: [],
+                body: ''
+            };
+            const resultNode = split_by_webhook.fromFormData(formData, originalNode);
+            expect(resultNode.actions[0].uuid).to.equal('existing-action-uuid');
+        });
+    });
+});
+//# sourceMappingURL=split_by_webhook.test.js.map

package/out-tsc/test/nodes/split_by_webhook.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split_by_webhook.test.js","sourceRoot":"","sources":["../../../test/nodes/split_by_webhook.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { split_by_webhook } from '../../src/flow/nodes/split_by_webhook';\nimport { Node, CallWebhook } from '../../src/store/flow-definition';\nimport { NodeTest } from '../NodeHelper';\n\n/**\n * Test suite for the split_by_webhook node configuration.\n */\ndescribe('split_by_webhook node config', () => {\n  const helper = new NodeTest(split_by_webhook, 'split_by_webhook');\n\n  describe('basic properties', () => {\n    helper.testBasicProperties();\n\n    it('has correct type and name', () => {\n      expect(split_by_webhook.type).to.equal('split_by_webhook');\n      expect(split_by_webhook.name).to.equal('Call Webhook');\n    });\n  });\n\n  describe('round-trip transformation', () => {\n    it('should transform from flow definition to form data', () => {\n      const node: Node = {\n        uuid: 'test-node',\n        actions: [\n          {\n            type: 'call_webhook',\n            uuid: 'action-1',\n            method: 'POST',\n            url: 'https://example.com/webhook',\n            headers: { Authorization: 'Bearer token123' },\n            body: '{\"key\": \"value\"}'\n          } as CallWebhook\n        ],\n        exits: []\n      };\n\n      const formData = split_by_webhook.toFormData!(node);\n\n      expect(formData.uuid).to.equal('test-node');\n      expect(formData.method).to.equal('POST');\n      expect(formData.url).to.equal('https://example.com/webhook');\n      expect(formData.headers).to.deep.equal({\n        Authorization: 'Bearer token123'\n      });\n      expect(formData.body).to.equal('{\"key\": \"value\"}');\n    });\n\n    it('should transform from form data to flow definition (GET)', () => {\n      const originalNode: Node = {\n        uuid: 'test-node',\n        actions: [],\n        exits: []\n      };\n\n      const formData = {\n        uuid: 'test-node',\n        method: [{ value: 'GET', name: 'GET' }],\n        url: 'https://example.com/api',\n        headers: [],\n        body: ''\n      };\n\n      const resultNode = split_by_webhook.fromFormData!(formData, originalNode);\n\n      expect(resultNode.uuid).to.equal('test-node');\n      expect(resultNode.actions).to.have.lengthOf(1);\n      expect(resultNode.actions![0].type).to.equal('call_webhook');\n\n      const action = resultNode.actions![0] as any;\n      expect(action.method).to.equal('GET');\n      expect(action.url).to.equal('https://example.com/api');\n\n      // Should have Success/Failure router\n      expect(resultNode.router).to.exist;\n      expect(resultNode.router!.type).to.equal('switch');\n      expect(resultNode.exits).to.have.lengthOf(2);\n    });\n\n    it('should transform from form data to flow definition (POST)', () => {\n      const originalNode: Node = {\n        uuid: 'test-node',\n        actions: [],\n        exits: []\n      };\n\n      const formData = {\n        uuid: 'test-node',\n        method: [{ value: 'POST', name: 'POST' }],\n        url: 'https://example.com/webhook',\n        headers: [{ name: 'Content-Type', value: 'application/json' }],\n        body: '{\"data\": \"@contact.name\"}'\n      };\n\n      const resultNode = split_by_webhook.fromFormData!(formData, originalNode);\n\n      const action = resultNode.actions![0] as any;\n      expect(action.method).to.equal('POST');\n      expect(action.url).to.equal('https://example.com/webhook');\n      expect(action.headers).to.have.lengthOf(1);\n      expect(action.body).to.equal('{\"data\": \"@contact.name\"}');\n    });\n\n    it('should preserve action UUID on re-save', () => {\n      const originalNode: Node = {\n        uuid: 'test-node',\n        actions: [\n          {\n            type: 'call_webhook',\n            uuid: 'existing-action-uuid',\n            method: 'GET',\n            url: 'https://example.com/old'\n          } as CallWebhook\n        ],\n        exits: []\n      };\n\n      const formData = {\n        uuid: 'test-node',\n        method: [{ value: 'GET', name: 'GET' }],\n        url: 'https://example.com/new',\n        headers: [],\n        body: ''\n      };\n\n      const resultNode = split_by_webhook.fromFormData!(formData, originalNode);\n\n      expect(resultNode.actions![0].uuid).to.equal('existing-action-uuid');\n    });\n  });\n});\n"]}

package/out-tsc/test/temba-contact-chat.test.js

@@ -70,6 +70,18 @@ describe('temba-contact-chat', () => {
         });
         await assertScreenshot('contacts/chat-for-stopped-contact', getClip(chat));
     });
+    it('keeps flow footer from blocking scrollbar drag interactions', async () => {
+        await loadStore();
+        const chat = await getContactChat({
+            contact: 'contact-dave-active'
+        });
+        const flowFooter = chat.shadowRoot.querySelector('.flow-footer');
+        const inFlow = flowFooter.querySelector('.in-flow');
+        expect(flowFooter).to.exist;
+        expect(inFlow).to.exist;
+        expect(getComputedStyle(flowFooter).pointerEvents).to.equal('none');
+        expect(getComputedStyle(inFlow).pointerEvents).to.equal('auto');
+    });
     it('sends text without attachments', async () => {
         // we are a StoreElement, so load a store first
         await loadStore();

package/out-tsc/test/temba-contact-chat.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-chat.test.js","sourceRoot":"","sources":["../../test/temba-contact-chat.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { SinonStub, useFakeTimers } from 'sinon';\nimport { Compose } from '../src/form/Compose';\nimport { ContactChat } from '../src/live/ContactChat';\nimport { Attachment, CustomEventType } from '../src/interfaces';\nimport {\n  assertScreenshot,\n  clearMockPosts,\n  getClip,\n  getComponent,\n  getValidAttachments,\n  getValidText,\n  loadStore,\n  mockAPI,\n  mockGET,\n  mockNow,\n  mockPOST,\n  updateComponent\n} from '../test/utils.test';\n\nimport { expect, oneEvent } from '@open-wc/testing';\n\nlet clock: any;\n\nconst TAG = 'temba-contact-chat';\nconst getContactChat = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  // add some sizes and styles to force our chat history to scroll\n  const chat = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    500,\n    500,\n    'display:flex;flex-direction:column;flex-grow:1;min-height:0;'\n  )) as ContactChat;\n\n  // TODO: this should be waiting for an event instead\n  await waitFor(100);\n  await clock.tick(0);\n  return chat;\n};\n\nconst getResponseSuccessFiles = (attachments: Attachment[]) => {\n  const response_attachments = attachments.map((attachment) => {\n    return { content_type: attachment.content_type, url: attachment.url };\n  });\n  return response_attachments;\n};\n\ndescribe('temba-contact-chat', () => {\n  let mockedNow: SinonStub;\n  // map requests for contact history to our static files\n  // we'll just us the same historylist for everybody for now\n  beforeEach(() => {\n    mockedNow = mockNow('2021-03-31T00:31:00.000-00:00');\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/chat\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(\n      /\\/api\\/v2\\/users\\.json\\?email=admin1%40nyaruka\\.com/,\n      '/test-assets/api/users/admin1.json'\n    );\n\n    mockAPI();\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n    mockedNow.restore();\n  });\n\n  // temporarily disabled as it's too flaky in CI\n  xit('show history and show chatbox if contact is active', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n      showMessageLogsAfter: '2025-01-01T00:00:00.000Z'\n    });\n\n    await assertScreenshot('contacts/chat-for-active-contact', getClip(chat));\n  });\n\n  it('show history and hide chatbox if contact is archived', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-barack-archived',\n      showMessageLogsAfter: '2025-01-01T00:00:00.000Z'\n    });\n\n    await assertScreenshot('contacts/chat-for-archived-contact', getClip(chat));\n  });\n\n  it('show history and hide chatbox if contact is blocked', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-michelle-blocked'\n    });\n\n    await assertScreenshot('contacts/chat-for-blocked-contact', getClip(chat));\n  });\n\n  it('show history and hide chatbox if contact is stopped', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-tim-stopped'\n    });\n\n    await assertScreenshot('contacts/chat-for-stopped-contact', getClip(chat));\n  });\n\n  it('sends text without attachments', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active'\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    const text = getValidText();\n    await updateComponent(compose, text);\n\n    const response_body = {\n      event: {\n        uuid: 'msg-uuid',\n        contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n        msg: {\n          text: text,\n          attachments: []\n        }\n      }\n    };\n    mockPOST(/contact\\/chat\\/contact-dave-active\\//, response_body);\n\n    const listener = oneEvent(compose, CustomEventType.Submitted, false);\n    await typeInto('temba-contact-chat:temba-compose', text, true, true);\n    expect(await listener).to.exist;\n\n    await assertScreenshot('contacts/chat-sends-text-only', getClip(chat));\n  });\n\n  it('sends attachments without text', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active'\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    const attachments = getValidAttachments();\n    await updateComponent(compose, null, attachments);\n    const response_attachments = getResponseSuccessFiles(attachments);\n    const response_body = {\n      event: {\n        uuid: 'msg-uuid',\n        contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n        msg: {\n          text: '',\n          attachments: response_attachments\n        }\n      }\n    };\n    const response_headers = {};\n    const response_status = '200';\n    mockPOST(\n      /contact\\/chat\\/contact-dave-active\\//,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const listener = oneEvent(compose, CustomEventType.Submitted, false);\n    await typeInto('temba-contact-chat:temba-compose', '', false, true);\n    expect(await listener).to.exist;\n\n    await assertScreenshot(\n      'contacts/chat-sends-attachments-only',\n      getClip(chat)\n    );\n  });\n\n  it('sends text with attachments', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active'\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    const text = getValidText();\n    const attachments = getValidAttachments();\n    await updateComponent(compose, text, attachments);\n    const response_attachments = getResponseSuccessFiles(attachments);\n    const response_body = {\n      event: {\n        uuid: 'msg-uuid',\n        contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n        msg: {\n          text,\n          attachments: response_attachments\n        }\n      }\n    };\n    mockPOST(/contact\\/chat\\/contact-dave-active\\//, response_body);\n\n    // press enter\n    const listener = oneEvent(compose, CustomEventType.Submitted, false);\n    await typeInto('temba-contact-chat:temba-compose', '', false, true);\n    expect(await listener).to.exist;\n\n    await assertScreenshot(\n      'contacts/chat-sends-text-and-attachments',\n      getClip(chat)\n    );\n  });\n\n  it('shows failure message with retry', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active'\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getValidText(), getValidAttachments());\n\n    const response_body = {};\n    const response_headers = {};\n    const response_status = '500';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    // press\n    const listener = oneEvent(compose, CustomEventType.Submitted, false);\n    await typeInto('temba-contact-chat:temba-compose', '', false, true);\n    expect(await listener).to.exist;\n\n    await assertScreenshot('contacts/chat-failure', getClip(chat));\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-chat.test.js","sourceRoot":"","sources":["../../test/temba-contact-chat.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { SinonStub, useFakeTimers } from 'sinon';\nimport { Compose } from '../src/form/Compose';\nimport { ContactChat } from '../src/live/ContactChat';\nimport { Attachment, CustomEventType } from '../src/interfaces';\nimport {\n  assertScreenshot,\n  clearMockPosts,\n  getClip,\n  getComponent,\n  getValidAttachments,\n  getValidText,\n  loadStore,\n  mockAPI,\n  mockGET,\n  mockNow,\n  mockPOST,\n  updateComponent\n} from '../test/utils.test';\n\nimport { expect, oneEvent } from '@open-wc/testing';\n\nlet clock: any;\n\nconst TAG = 'temba-contact-chat';\nconst getContactChat = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  // add some sizes and styles to force our chat history to scroll\n  const chat = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    500,\n    500,\n    'display:flex;flex-direction:column;flex-grow:1;min-height:0;'\n  )) as ContactChat;\n\n  // TODO: this should be waiting for an event instead\n  await waitFor(100);\n  await clock.tick(0);\n  return chat;\n};\n\nconst getResponseSuccessFiles = (attachments: Attachment[]) => {\n  const response_attachments = attachments.map((attachment) => {\n    return { content_type: attachment.content_type, url: attachment.url };\n  });\n  return response_attachments;\n};\n\ndescribe('temba-contact-chat', () => {\n  let mockedNow: SinonStub;\n  // map requests for contact history to our static files\n  // we'll just us the same historylist for everybody for now\n  beforeEach(() => {\n    mockedNow = mockNow('2021-03-31T00:31:00.000-00:00');\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/chat\\/contact-.*/,\n      '/test-assets/contacts/history.json'\n    );\n\n    mockGET(\n      /\\/api\\/v2\\/users\\.json\\?email=admin1%40nyaruka\\.com/,\n      '/test-assets/api/users/admin1.json'\n    );\n\n    mockAPI();\n    clock = useFakeTimers();\n  });\n\n  afterEach(function () {\n    clock.restore();\n    mockedNow.restore();\n  });\n\n  // temporarily disabled as it's too flaky in CI\n  xit('show history and show chatbox if contact is active', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active',\n      showMessageLogsAfter: '2025-01-01T00:00:00.000Z'\n    });\n\n    await assertScreenshot('contacts/chat-for-active-contact', getClip(chat));\n  });\n\n  it('show history and hide chatbox if contact is archived', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-barack-archived',\n      showMessageLogsAfter: '2025-01-01T00:00:00.000Z'\n    });\n\n    await assertScreenshot('contacts/chat-for-archived-contact', getClip(chat));\n  });\n\n  it('show history and hide chatbox if contact is blocked', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-michelle-blocked'\n    });\n\n    await assertScreenshot('contacts/chat-for-blocked-contact', getClip(chat));\n  });\n\n  it('show history and hide chatbox if contact is stopped', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-tim-stopped'\n    });\n\n    await assertScreenshot('contacts/chat-for-stopped-contact', getClip(chat));\n  });\n\n  it('keeps flow footer from blocking scrollbar drag interactions', async () => {\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active'\n    });\n\n    const flowFooter = chat.shadowRoot.querySelector(\n      '.flow-footer'\n    ) as HTMLElement;\n    const inFlow = flowFooter.querySelector('.in-flow') as HTMLElement;\n\n    expect(flowFooter).to.exist;\n    expect(inFlow).to.exist;\n    expect(getComputedStyle(flowFooter).pointerEvents).to.equal('none');\n    expect(getComputedStyle(inFlow).pointerEvents).to.equal('auto');\n  });\n\n  it('sends text without attachments', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active'\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    const text = getValidText();\n    await updateComponent(compose, text);\n\n    const response_body = {\n      event: {\n        uuid: 'msg-uuid',\n        contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n        msg: {\n          text: text,\n          attachments: []\n        }\n      }\n    };\n    mockPOST(/contact\\/chat\\/contact-dave-active\\//, response_body);\n\n    const listener = oneEvent(compose, CustomEventType.Submitted, false);\n    await typeInto('temba-contact-chat:temba-compose', text, true, true);\n    expect(await listener).to.exist;\n\n    await assertScreenshot('contacts/chat-sends-text-only', getClip(chat));\n  });\n\n  it('sends attachments without text', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active'\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    const attachments = getValidAttachments();\n    await updateComponent(compose, null, attachments);\n    const response_attachments = getResponseSuccessFiles(attachments);\n    const response_body = {\n      event: {\n        uuid: 'msg-uuid',\n        contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n        msg: {\n          text: '',\n          attachments: response_attachments\n        }\n      }\n    };\n    const response_headers = {};\n    const response_status = '200';\n    mockPOST(\n      /contact\\/chat\\/contact-dave-active\\//,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    const listener = oneEvent(compose, CustomEventType.Submitted, false);\n    await typeInto('temba-contact-chat:temba-compose', '', false, true);\n    expect(await listener).to.exist;\n\n    await assertScreenshot(\n      'contacts/chat-sends-attachments-only',\n      getClip(chat)\n    );\n  });\n\n  it('sends text with attachments', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active'\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    const text = getValidText();\n    const attachments = getValidAttachments();\n    await updateComponent(compose, text, attachments);\n    const response_attachments = getResponseSuccessFiles(attachments);\n    const response_body = {\n      event: {\n        uuid: 'msg-uuid',\n        contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n        msg: {\n          text,\n          attachments: response_attachments\n        }\n      }\n    };\n    mockPOST(/contact\\/chat\\/contact-dave-active\\//, response_body);\n\n    // press enter\n    const listener = oneEvent(compose, CustomEventType.Submitted, false);\n    await typeInto('temba-contact-chat:temba-compose', '', false, true);\n    expect(await listener).to.exist;\n\n    await assertScreenshot(\n      'contacts/chat-sends-text-and-attachments',\n      getClip(chat)\n    );\n  });\n\n  it('shows failure message with retry', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n    const chat: ContactChat = await getContactChat({\n      contact: 'contact-dave-active'\n    });\n    const compose = chat.shadowRoot.querySelector('temba-compose') as Compose;\n    await updateComponent(compose, getValidText(), getValidAttachments());\n\n    const response_body = {};\n    const response_headers = {};\n    const response_status = '500';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\n      response_body,\n      response_headers,\n      response_status\n    );\n\n    // press\n    const listener = oneEvent(compose, CustomEventType.Submitted, false);\n    await typeInto('temba-contact-chat:temba-compose', '', false, true);\n    expect(await listener).to.exist;\n\n    await assertScreenshot('contacts/chat-failure', getClip(chat));\n  });\n});\n"]}

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

@@ -2,6 +2,8 @@ import { html, fixture, expect } from '@open-wc/testing';
 import { Editor } from '../src/flow/Editor';
 import { Plumber } from '../src/flow/Plumber';
 import { stub, restore } from 'sinon';
+import { zustand } from '../src/store/AppState';
+import { TEMBA_COMPONENTS_VERSION } from '../src/version';
 // Register the component
 customElements.define('temba-flow-editor', Editor);
 describe('Editor', () => {
@@ -95,6 +97,41 @@ describe('Editor', () => {
             consoleStub.restore();
         });
     });
+    describe('disconnectedCallback', () => {
+        it('clears flow data from the store when editor is removed', async () => {
+            // Set up some flow-specific state
+            zustand.setState({
+                flowDefinition: { nodes: [], _ui: { nodes: {} } },
+                activity: { nodes: {}, segments: {} },
+                simulatorActivity: { nodes: {}, segments: {} },
+                simulatorActive: true,
+                flowInfo: {
+                    results: [],
+                    dependencies: [],
+                    counts: { nodes: 0, languages: 0 },
+                    locals: []
+                },
+                dirtyDate: new Date()
+            });
+            editor = await fixture(html `
+        <temba-flow-editor>
+          <div id="canvas"></div>
+        </temba-flow-editor>
+      `);
+            // Verify state is populated
+            expect(zustand.getState().flowDefinition).to.not.be.null;
+            expect(zustand.getState().activity).to.not.be.null;
+            // Remove the editor from the DOM
+            editor.remove();
+            // Verify all flow-specific state has been cleared
+            expect(zustand.getState().flowDefinition).to.be.null;
+            expect(zustand.getState().activity).to.be.null;
+            expect(zustand.getState().simulatorActivity).to.be.null;
+            expect(zustand.getState().simulatorActive).to.be.false;
+            expect(zustand.getState().flowInfo).to.be.null;
+            expect(zustand.getState().dirtyDate).to.be.null;
+        });
+    });
     describe('render method', () => {
         it('renders loading when no definition', async () => {
             editor = await fixture(html `
@@ -687,5 +724,174 @@ describe('Editor', () => {
             expect(flowNodes[0].classList.contains('flow-start')).to.be.true;
         });
     });
+    describe('save feedback', () => {
+        let mockPostJSON;
+        let storeElement;
+        before(() => {
+            // Create a mock temba-store element that getStore() will find
+            // Use the real zustand getState so all store interactions work
+            storeElement = document.createElement('temba-store');
+            storeElement.getState = () => zustand.getState();
+            document.body.appendChild(storeElement);
+        });
+        after(() => {
+            storeElement.remove();
+        });
+        beforeEach(() => {
+            mockPostJSON = stub();
+            storeElement.postJSON = mockPostJSON;
+        });
+        afterEach(() => {
+            // Clean up any dialogs left in the DOM
+            document.querySelectorAll('temba-dialog').forEach((d) => d.remove());
+        });
+        it('sets isSaving when dirtyDate changes', async () => {
+            editor = await fixture(html `
+        <temba-flow-editor>
+          <div id="canvas"></div>
+        </temba-flow-editor>
+      `);
+            editor.isSaving = false;
+            // Simulate a dirtyDate change via updated()
+            editor.dirtyDate = new Date();
+            const changes = new Map();
+            changes.set('dirtyDate', null);
+            editor.updated(changes);
+            expect(editor.isSaving).to.be.true;
+        });
+        it('renders save indicator with visible class when saving', async () => {
+            editor = await fixture(html `
+        <temba-flow-editor>
+          <div id="canvas"></div>
+        </temba-flow-editor>
+      `);
+            editor.canvasSize = { width: 800, height: 600 };
+            editor.isSaving = true;
+            await editor.updateComplete;
+            const indicator = editor.querySelector('.save-indicator');
+            expect(indicator).to.exist;
+            expect(indicator.classList.contains('visible')).to.be.true;
+        });
+        it('save indicator is not visible when not saving', async () => {
+            editor = await fixture(html `
+        <temba-flow-editor>
+          <div id="canvas"></div>
+        </temba-flow-editor>
+      `);
+            editor.canvasSize = { width: 800, height: 600 };
+            editor.isSaving = false;
+            await editor.updateComplete;
+            const indicator = editor.querySelector('.save-indicator');
+            expect(indicator).to.exist;
+            expect(indicator.classList.contains('visible')).to.be.false;
+        });
+        it('clears isSaving after successful save', async () => {
+            editor = await fixture(html `
+        <temba-flow-editor>
+          <div id="canvas"></div>
+        </temba-flow-editor>
+      `);
+            editor.flow = 'test-flow';
+            editor.definition = { nodes: [], _ui: { nodes: {} } };
+            mockPostJSON.resolves({
+                status: 200,
+                json: {},
+                body: '{}',
+                headers: new Headers()
+            });
+            await editor.saveChanges();
+            expect(editor.isSaving).to.be.false;
+        });
+        it('adds temba-components version under _ui.editor when saving', async () => {
+            editor = await fixture(html `
+        <temba-flow-editor>
+          <div id="canvas"></div>
+        </temba-flow-editor>
+      `);
+            editor.flow = 'test-flow';
+            editor.definition = { nodes: [], _ui: { nodes: {} } };
+            mockPostJSON.resolves({
+                status: 200,
+                json: {},
+                body: '{}',
+                headers: new Headers()
+            });
+            await editor.saveChanges();
+            const payload = mockPostJSON.firstCall.args[1];
+            expect(payload._ui.editor).to.equal(TEMBA_COMPONENTS_VERSION);
+        });
+        it('shows error dialog on non-200 response', async () => {
+            editor = await fixture(html `
+        <temba-flow-editor>
+          <div id="canvas"></div>
+        </temba-flow-editor>
+      `);
+            editor.flow = 'test-flow';
+            editor.definition = { nodes: [], _ui: { nodes: {} } };
+            mockPostJSON.resolves({
+                status: 400,
+                json: { detail: 'Invalid flow definition' },
+                body: '{"detail":"Invalid flow definition"}',
+                headers: new Headers()
+            });
+            await editor.saveChanges();
+            await editor.updateComplete;
+            expect(editor.isSaving).to.be.false;
+            const dialog = document.querySelector('temba-dialog');
+            expect(dialog).to.exist;
+            expect(dialog.textContent).to.contain('Invalid flow definition');
+        });
+        it('shows error dialog on 500 server error', async () => {
+            editor = await fixture(html `
+        <temba-flow-editor>
+          <div id="canvas"></div>
+        </temba-flow-editor>
+      `);
+            editor.flow = 'test-flow';
+            editor.definition = { nodes: [], _ui: { nodes: {} } };
+            mockPostJSON.rejects(new Response(null, { status: 500 }));
+            await editor.saveChanges();
+            await editor.updateComplete;
+            expect(editor.isSaving).to.be.false;
+            const dialog = document.querySelector('temba-dialog');
+            expect(dialog).to.exist;
+            expect(dialog.textContent).to.contain('Server error');
+        });
+        it('shows error dialog on network failure', async () => {
+            editor = await fixture(html `
+        <temba-flow-editor>
+          <div id="canvas"></div>
+        </temba-flow-editor>
+      `);
+            editor.flow = 'test-flow';
+            editor.definition = { nodes: [], _ui: { nodes: {} } };
+            mockPostJSON.rejects(new Error('Network error'));
+            await editor.saveChanges();
+            await editor.updateComplete;
+            expect(editor.isSaving).to.be.false;
+            const dialog = document.querySelector('temba-dialog');
+            expect(dialog).to.exist;
+            expect(dialog.textContent).to.contain('Unable to reach the server');
+        });
+        it('extracts error message from response json fields', () => {
+            editor = new Editor();
+            expect(editor.extractErrorMessage({
+                status: 400,
+                json: { detail: 'Bad request' }
+            })).to.equal('Bad request');
+            expect(editor.extractErrorMessage({
+                status: 400,
+                json: { error: 'Something went wrong' }
+            })).to.equal('Something went wrong');
+            expect(editor.extractErrorMessage({
+                status: 400,
+                json: { description: 'Detailed error' }
+            })).to.equal('Detailed error');
+            expect(editor.extractErrorMessage({
+                status: 403,
+                json: {}
+            })).to.equal('Save failed with status 403.');
+        });
+    });
 });
 //# sourceMappingURL=temba-flow-editor.test.js.map