@nyaruka/temba-components 0.135.9 → 0.136.1

package/out-tsc/test/temba-appstate-node-sorting.test.js

@@ -0,0 +1,430 @@
+import { expect } from '@open-wc/testing';
+import { zustand } from '../src/store/AppState';
+describe('AppState Node Sorting', () => {
+    beforeEach(() => {
+        // reset the store state before each test
+        const state = zustand.getState();
+        zustand.setState({
+            ...state,
+            flowDefinition: {
+                language: 'en',
+                localization: {},
+                name: 'Test Flow',
+                nodes: [],
+                uuid: 'test-uuid',
+                type: 'messaging',
+                revision: 1,
+                spec_version: '14.3',
+                _ui: {
+                    nodes: {},
+                    languages: []
+                }
+            }
+        });
+    });
+    describe('addNode', () => {
+        it('should sort nodes by position when adding nodes', () => {
+            const state = zustand.getState();
+            // add nodes in non-sorted order
+            const node1 = {
+                uuid: 'node-1',
+                actions: [],
+                exits: [{ uuid: 'exit-1', destination_uuid: null }]
+            };
+            const nodeUI1 = {
+                position: { left: 100, top: 300 }, // middle
+                type: 'send_msg'
+            };
+            const node2 = {
+                uuid: 'node-2',
+                actions: [],
+                exits: [{ uuid: 'exit-2', destination_uuid: null }]
+            };
+            const nodeUI2 = {
+                position: { left: 100, top: 100 }, // top
+                type: 'send_msg'
+            };
+            const node3 = {
+                uuid: 'node-3',
+                actions: [],
+                exits: [{ uuid: 'exit-3', destination_uuid: null }]
+            };
+            const nodeUI3 = {
+                position: { left: 100, top: 500 }, // bottom
+                type: 'send_msg'
+            };
+            // add in order: middle, top, bottom
+            state.addNode(node1, nodeUI1);
+            state.addNode(node2, nodeUI2);
+            state.addNode(node3, nodeUI3);
+            const nodes = zustand.getState().flowDefinition.nodes;
+            // nodes should be sorted by y position (top to bottom)
+            expect(nodes[0].uuid).to.equal('node-2'); // top: 100
+            expect(nodes[1].uuid).to.equal('node-1'); // top: 300
+            expect(nodes[2].uuid).to.equal('node-3'); // top: 500
+        });
+        it('should sort by x when y positions are the same', () => {
+            const state = zustand.getState();
+            // add nodes with same y but different x
+            const node1 = {
+                uuid: 'node-1',
+                actions: [],
+                exits: [{ uuid: 'exit-1', destination_uuid: null }]
+            };
+            const nodeUI1 = {
+                position: { left: 300, top: 100 },
+                type: 'send_msg'
+            };
+            const node2 = {
+                uuid: 'node-2',
+                actions: [],
+                exits: [{ uuid: 'exit-2', destination_uuid: null }]
+            };
+            const nodeUI2 = {
+                position: { left: 100, top: 100 },
+                type: 'send_msg'
+            };
+            const node3 = {
+                uuid: 'node-3',
+                actions: [],
+                exits: [{ uuid: 'exit-3', destination_uuid: null }]
+            };
+            const nodeUI3 = {
+                position: { left: 500, top: 100 },
+                type: 'send_msg'
+            };
+            // add in order: middle, left, right
+            state.addNode(node1, nodeUI1);
+            state.addNode(node2, nodeUI2);
+            state.addNode(node3, nodeUI3);
+            const nodes = zustand.getState().flowDefinition.nodes;
+            // nodes should be sorted by x position (left to right) since y is same
+            expect(nodes[0].uuid).to.equal('node-2'); // left: 100
+            expect(nodes[1].uuid).to.equal('node-1'); // left: 300
+            expect(nodes[2].uuid).to.equal('node-3'); // left: 500
+        });
+        it('should handle complex sorting with mixed positions', () => {
+            const state = zustand.getState();
+            // create a grid of nodes
+            // row 1: (100, 100), (200, 100)
+            // row 2: (100, 200), (200, 200)
+            const nodes = [
+                {
+                    node: {
+                        uuid: 'node-1',
+                        actions: [],
+                        exits: [{ uuid: 'exit-1', destination_uuid: null }]
+                    },
+                    ui: { position: { left: 200, top: 200 }, type: 'send_msg' }
+                },
+                {
+                    node: {
+                        uuid: 'node-2',
+                        actions: [],
+                        exits: [{ uuid: 'exit-2', destination_uuid: null }]
+                    },
+                    ui: { position: { left: 100, top: 100 }, type: 'send_msg' }
+                },
+                {
+                    node: {
+                        uuid: 'node-3',
+                        actions: [],
+                        exits: [{ uuid: 'exit-3', destination_uuid: null }]
+                    },
+                    ui: { position: { left: 200, top: 100 }, type: 'send_msg' }
+                },
+                {
+                    node: {
+                        uuid: 'node-4',
+                        actions: [],
+                        exits: [{ uuid: 'exit-4', destination_uuid: null }]
+                    },
+                    ui: { position: { left: 100, top: 200 }, type: 'send_msg' }
+                }
+            ];
+            // add in random order
+            nodes.forEach((n) => state.addNode(n.node, n.ui));
+            const sortedNodes = zustand.getState().flowDefinition.nodes;
+            // expected order: (100,100), (200,100), (100,200), (200,200)
+            expect(sortedNodes[0].uuid).to.equal('node-2'); // (100, 100)
+            expect(sortedNodes[1].uuid).to.equal('node-3'); // (200, 100)
+            expect(sortedNodes[2].uuid).to.equal('node-4'); // (100, 200)
+            expect(sortedNodes[3].uuid).to.equal('node-1'); // (200, 200)
+        });
+    });
+    describe('createNode', () => {
+        it('should sort nodes after creating a new node', () => {
+            const state = zustand.getState();
+            // create nodes in non-sorted order
+            const uuid1 = state.createNode('send_msg', { left: 300, top: 100 });
+            const uuid2 = state.createNode('send_msg', { left: 100, top: 100 });
+            const uuid3 = state.createNode('send_msg', { left: 200, top: 100 });
+            const nodes = zustand.getState().flowDefinition.nodes;
+            // nodes should be sorted by x position
+            expect(nodes[0].uuid).to.equal(uuid2); // left: 100
+            expect(nodes[1].uuid).to.equal(uuid3); // left: 200
+            expect(nodes[2].uuid).to.equal(uuid1); // left: 300
+        });
+    });
+    describe('removeNodes', () => {
+        it('should maintain sorting after removing nodes', () => {
+            const state = zustand.getState();
+            // create nodes
+            const node1 = {
+                uuid: 'node-1',
+                actions: [],
+                exits: [{ uuid: 'exit-1', destination_uuid: null }]
+            };
+            const nodeUI1 = {
+                position: { left: 100, top: 100 },
+                type: 'send_msg'
+            };
+            const node2 = {
+                uuid: 'node-2',
+                actions: [],
+                exits: [{ uuid: 'exit-2', destination_uuid: null }]
+            };
+            const nodeUI2 = {
+                position: { left: 200, top: 100 },
+                type: 'send_msg'
+            };
+            const node3 = {
+                uuid: 'node-3',
+                actions: [],
+                exits: [{ uuid: 'exit-3', destination_uuid: null }]
+            };
+            const nodeUI3 = {
+                position: { left: 300, top: 100 },
+                type: 'send_msg'
+            };
+            state.addNode(node1, nodeUI1);
+            state.addNode(node2, nodeUI2);
+            state.addNode(node3, nodeUI3);
+            // remove middle node
+            state.removeNodes(['node-2']);
+            const nodes = zustand.getState().flowDefinition.nodes;
+            // remaining nodes should still be sorted
+            expect(nodes.length).to.equal(2);
+            expect(nodes[0].uuid).to.equal('node-1'); // left: 100
+            expect(nodes[1].uuid).to.equal('node-3'); // left: 300
+        });
+        it('should sort nodes after connection rerouting during removal', () => {
+            const state = zustand.getState();
+            // create a chain of nodes
+            const node1 = {
+                uuid: 'node-1',
+                actions: [],
+                exits: [{ uuid: 'exit-1', destination_uuid: 'node-2' }]
+            };
+            const nodeUI1 = {
+                position: { left: 100, top: 300 },
+                type: 'send_msg'
+            };
+            const node2 = {
+                uuid: 'node-2',
+                actions: [],
+                exits: [{ uuid: 'exit-2', destination_uuid: 'node-3' }]
+            };
+            const nodeUI2 = {
+                position: { left: 200, top: 200 },
+                type: 'send_msg'
+            };
+            const node3 = {
+                uuid: 'node-3',
+                actions: [],
+                exits: [{ uuid: 'exit-3', destination_uuid: null }]
+            };
+            const nodeUI3 = {
+                position: { left: 300, top: 100 },
+                type: 'send_msg'
+            };
+            state.addNode(node1, nodeUI1);
+            state.addNode(node2, nodeUI2);
+            state.addNode(node3, nodeUI3);
+            // verify initial sorting
+            let nodes = zustand.getState().flowDefinition.nodes;
+            expect(nodes[0].uuid).to.equal('node-3'); // top: 100
+            expect(nodes[1].uuid).to.equal('node-2'); // top: 200
+            expect(nodes[2].uuid).to.equal('node-1'); // top: 300
+            // remove middle node - should reroute connection
+            state.removeNodes(['node-2']);
+            nodes = zustand.getState().flowDefinition.nodes;
+            // nodes should still be sorted
+            expect(nodes.length).to.equal(2);
+            expect(nodes[0].uuid).to.equal('node-3'); // top: 100
+            expect(nodes[1].uuid).to.equal('node-1'); // top: 300
+            // verify rerouting happened
+            expect(nodes[1].exits[0].destination_uuid).to.equal('node-3');
+        });
+    });
+    describe('updateCanvasPositions', () => {
+        it('should re-sort nodes when positions change', () => {
+            const state = zustand.getState();
+            // create nodes in sorted order
+            const node1 = {
+                uuid: 'node-1',
+                actions: [],
+                exits: [{ uuid: 'exit-1', destination_uuid: null }]
+            };
+            const nodeUI1 = {
+                position: { left: 100, top: 100 },
+                type: 'send_msg'
+            };
+            const node2 = {
+                uuid: 'node-2',
+                actions: [],
+                exits: [{ uuid: 'exit-2', destination_uuid: null }]
+            };
+            const nodeUI2 = {
+                position: { left: 100, top: 200 },
+                type: 'send_msg'
+            };
+            const node3 = {
+                uuid: 'node-3',
+                actions: [],
+                exits: [{ uuid: 'exit-3', destination_uuid: null }]
+            };
+            const nodeUI3 = {
+                position: { left: 100, top: 300 },
+                type: 'send_msg'
+            };
+            state.addNode(node1, nodeUI1);
+            state.addNode(node2, nodeUI2);
+            state.addNode(node3, nodeUI3);
+            let nodes = zustand.getState().flowDefinition.nodes;
+            expect(nodes[0].uuid).to.equal('node-1'); // top: 100
+            expect(nodes[1].uuid).to.equal('node-2'); // top: 200
+            expect(nodes[2].uuid).to.equal('node-3'); // top: 300
+            // move node-1 to the bottom
+            state.updateCanvasPositions({
+                'node-1': { left: 100, top: 400 }
+            });
+            nodes = zustand.getState().flowDefinition.nodes;
+            // nodes should be re-sorted
+            expect(nodes[0].uuid).to.equal('node-2'); // top: 200
+            expect(nodes[1].uuid).to.equal('node-3'); // top: 300
+            expect(nodes[2].uuid).to.equal('node-1'); // top: 400
+        });
+        it('should handle multiple position updates at once', () => {
+            const state = zustand.getState();
+            // create nodes
+            const node1 = {
+                uuid: 'node-1',
+                actions: [],
+                exits: [{ uuid: 'exit-1', destination_uuid: null }]
+            };
+            const nodeUI1 = {
+                position: { left: 100, top: 100 },
+                type: 'send_msg'
+            };
+            const node2 = {
+                uuid: 'node-2',
+                actions: [],
+                exits: [{ uuid: 'exit-2', destination_uuid: null }]
+            };
+            const nodeUI2 = {
+                position: { left: 100, top: 200 },
+                type: 'send_msg'
+            };
+            const node3 = {
+                uuid: 'node-3',
+                actions: [],
+                exits: [{ uuid: 'exit-3', destination_uuid: null }]
+            };
+            const nodeUI3 = {
+                position: { left: 100, top: 300 },
+                type: 'send_msg'
+            };
+            state.addNode(node1, nodeUI1);
+            state.addNode(node2, nodeUI2);
+            state.addNode(node3, nodeUI3);
+            // swap positions of node-1 and node-3
+            state.updateCanvasPositions({
+                'node-1': { left: 100, top: 300 },
+                'node-3': { left: 100, top: 100 }
+            });
+            const nodes = zustand.getState().flowDefinition.nodes;
+            // nodes should be re-sorted
+            expect(nodes[0].uuid).to.equal('node-3'); // top: 100
+            expect(nodes[1].uuid).to.equal('node-2'); // top: 200
+            expect(nodes[2].uuid).to.equal('node-1'); // top: 300
+        });
+        it('should not affect sticky notes when updating positions', () => {
+            const state = zustand.getState();
+            // create a node
+            const node = {
+                uuid: 'node-1',
+                actions: [],
+                exits: [{ uuid: 'exit-1', destination_uuid: null }]
+            };
+            const nodeUI = {
+                position: { left: 100, top: 100 },
+                type: 'send_msg'
+            };
+            state.addNode(node, nodeUI);
+            // create a sticky note
+            const stickyUuid = state.createStickyNote({ left: 200, top: 200 });
+            // update positions for both
+            state.updateCanvasPositions({
+                'node-1': { left: 100, top: 300 },
+                [stickyUuid]: { left: 200, top: 100 }
+            });
+            const flowDef = zustand.getState().flowDefinition;
+            // verify node position was updated
+            expect(flowDef._ui.nodes['node-1'].position.top).to.equal(300);
+            // verify sticky position was updated
+            expect(flowDef._ui.stickies[stickyUuid].position.top).to.equal(100);
+        });
+    });
+    describe('edge cases', () => {
+        it('should handle nodes with missing position data', () => {
+            const state = zustand.getState();
+            // manually create a flow definition with a node that has no UI data
+            zustand.setState({
+                ...zustand.getState(),
+                flowDefinition: {
+                    language: 'en',
+                    localization: {},
+                    name: 'Test Flow',
+                    nodes: [
+                        {
+                            uuid: 'node-1',
+                            actions: [],
+                            exits: [{ uuid: 'exit-1', destination_uuid: null }]
+                        }
+                    ],
+                    uuid: 'test-uuid',
+                    type: 'messaging',
+                    revision: 1,
+                    spec_version: '14.3',
+                    _ui: {
+                        nodes: {}, // no UI data for node-1
+                        languages: []
+                    }
+                }
+            });
+            // add a node with position data
+            const node2 = {
+                uuid: 'node-2',
+                actions: [],
+                exits: [{ uuid: 'exit-2', destination_uuid: null }]
+            };
+            const nodeUI2 = {
+                position: { left: 100, top: 100 },
+                type: 'send_msg'
+            };
+            // should not throw error
+            expect(() => state.addNode(node2, nodeUI2)).to.not.throw();
+            const nodes = zustand.getState().flowDefinition.nodes;
+            expect(nodes.length).to.equal(2);
+        });
+        it('should handle empty nodes array', () => {
+            const state = zustand.getState();
+            // verify initial state is empty
+            expect(zustand.getState().flowDefinition.nodes.length).to.equal(0);
+            // try to remove nodes from empty flow - should not throw
+            expect(() => state.removeNodes(['non-existent'])).to.not.throw();
+        });
+    });
+});
+//# sourceMappingURL=temba-appstate-node-sorting.test.js.map

package/out-tsc/test/temba-appstate-node-sorting.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"temba-appstate-node-sorting.test.js","sourceRoot":"","sources":["../../test/temba-appstate-node-sorting.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { zustand } from '../src/store/AppState';\nimport { Node, NodeUI } from '../src/store/flow-definition';\n\ndescribe('AppState Node Sorting', () => {\n  beforeEach(() => {\n    // reset the store state before each test\n    const state = zustand.getState();\n    zustand.setState({\n      ...state,\n      flowDefinition: {\n        language: 'en',\n        localization: {},\n        name: 'Test Flow',\n        nodes: [],\n        uuid: 'test-uuid',\n        type: 'messaging' as const,\n        revision: 1,\n        spec_version: '14.3',\n        _ui: {\n          nodes: {},\n          languages: []\n        }\n      }\n    });\n  });\n\n  describe('addNode', () => {\n    it('should sort nodes by position when adding nodes', () => {\n      const state = zustand.getState();\n\n      // add nodes in non-sorted order\n      const node1: Node = {\n        uuid: 'node-1',\n        actions: [],\n        exits: [{ uuid: 'exit-1', destination_uuid: null }]\n      };\n      const nodeUI1: NodeUI = {\n        position: { left: 100, top: 300 }, // middle\n        type: 'send_msg'\n      };\n\n      const node2: Node = {\n        uuid: 'node-2',\n        actions: [],\n        exits: [{ uuid: 'exit-2', destination_uuid: null }]\n      };\n      const nodeUI2: NodeUI = {\n        position: { left: 100, top: 100 }, // top\n        type: 'send_msg'\n      };\n\n      const node3: Node = {\n        uuid: 'node-3',\n        actions: [],\n        exits: [{ uuid: 'exit-3', destination_uuid: null }]\n      };\n      const nodeUI3: NodeUI = {\n        position: { left: 100, top: 500 }, // bottom\n        type: 'send_msg'\n      };\n\n      // add in order: middle, top, bottom\n      state.addNode(node1, nodeUI1);\n      state.addNode(node2, nodeUI2);\n      state.addNode(node3, nodeUI3);\n\n      const nodes = zustand.getState().flowDefinition.nodes;\n\n      // nodes should be sorted by y position (top to bottom)\n      expect(nodes[0].uuid).to.equal('node-2'); // top: 100\n      expect(nodes[1].uuid).to.equal('node-1'); // top: 300\n      expect(nodes[2].uuid).to.equal('node-3'); // top: 500\n    });\n\n    it('should sort by x when y positions are the same', () => {\n      const state = zustand.getState();\n\n      // add nodes with same y but different x\n      const node1: Node = {\n        uuid: 'node-1',\n        actions: [],\n        exits: [{ uuid: 'exit-1', destination_uuid: null }]\n      };\n      const nodeUI1: NodeUI = {\n        position: { left: 300, top: 100 },\n        type: 'send_msg'\n      };\n\n      const node2: Node = {\n        uuid: 'node-2',\n        actions: [],\n        exits: [{ uuid: 'exit-2', destination_uuid: null }]\n      };\n      const nodeUI2: NodeUI = {\n        position: { left: 100, top: 100 },\n        type: 'send_msg'\n      };\n\n      const node3: Node = {\n        uuid: 'node-3',\n        actions: [],\n        exits: [{ uuid: 'exit-3', destination_uuid: null }]\n      };\n      const nodeUI3: NodeUI = {\n        position: { left: 500, top: 100 },\n        type: 'send_msg'\n      };\n\n      // add in order: middle, left, right\n      state.addNode(node1, nodeUI1);\n      state.addNode(node2, nodeUI2);\n      state.addNode(node3, nodeUI3);\n\n      const nodes = zustand.getState().flowDefinition.nodes;\n\n      // nodes should be sorted by x position (left to right) since y is same\n      expect(nodes[0].uuid).to.equal('node-2'); // left: 100\n      expect(nodes[1].uuid).to.equal('node-1'); // left: 300\n      expect(nodes[2].uuid).to.equal('node-3'); // left: 500\n    });\n\n    it('should handle complex sorting with mixed positions', () => {\n      const state = zustand.getState();\n\n      // create a grid of nodes\n      // row 1: (100, 100), (200, 100)\n      // row 2: (100, 200), (200, 200)\n\n      const nodes = [\n        {\n          node: {\n            uuid: 'node-1',\n            actions: [],\n            exits: [{ uuid: 'exit-1', destination_uuid: null }]\n          },\n          ui: { position: { left: 200, top: 200 }, type: 'send_msg' as const }\n        },\n        {\n          node: {\n            uuid: 'node-2',\n            actions: [],\n            exits: [{ uuid: 'exit-2', destination_uuid: null }]\n          },\n          ui: { position: { left: 100, top: 100 }, type: 'send_msg' as const }\n        },\n        {\n          node: {\n            uuid: 'node-3',\n            actions: [],\n            exits: [{ uuid: 'exit-3', destination_uuid: null }]\n          },\n          ui: { position: { left: 200, top: 100 }, type: 'send_msg' as const }\n        },\n        {\n          node: {\n            uuid: 'node-4',\n            actions: [],\n            exits: [{ uuid: 'exit-4', destination_uuid: null }]\n          },\n          ui: { position: { left: 100, top: 200 }, type: 'send_msg' as const }\n        }\n      ];\n\n      // add in random order\n      nodes.forEach((n) => state.addNode(n.node, n.ui));\n\n      const sortedNodes = zustand.getState().flowDefinition.nodes;\n\n      // expected order: (100,100), (200,100), (100,200), (200,200)\n      expect(sortedNodes[0].uuid).to.equal('node-2'); // (100, 100)\n      expect(sortedNodes[1].uuid).to.equal('node-3'); // (200, 100)\n      expect(sortedNodes[2].uuid).to.equal('node-4'); // (100, 200)\n      expect(sortedNodes[3].uuid).to.equal('node-1'); // (200, 200)\n    });\n  });\n\n  describe('createNode', () => {\n    it('should sort nodes after creating a new node', () => {\n      const state = zustand.getState();\n\n      // create nodes in non-sorted order\n      const uuid1 = state.createNode('send_msg', { left: 300, top: 100 });\n      const uuid2 = state.createNode('send_msg', { left: 100, top: 100 });\n      const uuid3 = state.createNode('send_msg', { left: 200, top: 100 });\n\n      const nodes = zustand.getState().flowDefinition.nodes;\n\n      // nodes should be sorted by x position\n      expect(nodes[0].uuid).to.equal(uuid2); // left: 100\n      expect(nodes[1].uuid).to.equal(uuid3); // left: 200\n      expect(nodes[2].uuid).to.equal(uuid1); // left: 300\n    });\n  });\n\n  describe('removeNodes', () => {\n    it('should maintain sorting after removing nodes', () => {\n      const state = zustand.getState();\n\n      // create nodes\n      const node1: Node = {\n        uuid: 'node-1',\n        actions: [],\n        exits: [{ uuid: 'exit-1', destination_uuid: null }]\n      };\n      const nodeUI1: NodeUI = {\n        position: { left: 100, top: 100 },\n        type: 'send_msg'\n      };\n\n      const node2: Node = {\n        uuid: 'node-2',\n        actions: [],\n        exits: [{ uuid: 'exit-2', destination_uuid: null }]\n      };\n      const nodeUI2: NodeUI = {\n        position: { left: 200, top: 100 },\n        type: 'send_msg'\n      };\n\n      const node3: Node = {\n        uuid: 'node-3',\n        actions: [],\n        exits: [{ uuid: 'exit-3', destination_uuid: null }]\n      };\n      const nodeUI3: NodeUI = {\n        position: { left: 300, top: 100 },\n        type: 'send_msg'\n      };\n\n      state.addNode(node1, nodeUI1);\n      state.addNode(node2, nodeUI2);\n      state.addNode(node3, nodeUI3);\n\n      // remove middle node\n      state.removeNodes(['node-2']);\n\n      const nodes = zustand.getState().flowDefinition.nodes;\n\n      // remaining nodes should still be sorted\n      expect(nodes.length).to.equal(2);\n      expect(nodes[0].uuid).to.equal('node-1'); // left: 100\n      expect(nodes[1].uuid).to.equal('node-3'); // left: 300\n    });\n\n    it('should sort nodes after connection rerouting during removal', () => {\n      const state = zustand.getState();\n\n      // create a chain of nodes\n      const node1: Node = {\n        uuid: 'node-1',\n        actions: [],\n        exits: [{ uuid: 'exit-1', destination_uuid: 'node-2' }]\n      };\n      const nodeUI1: NodeUI = {\n        position: { left: 100, top: 300 },\n        type: 'send_msg'\n      };\n\n      const node2: Node = {\n        uuid: 'node-2',\n        actions: [],\n        exits: [{ uuid: 'exit-2', destination_uuid: 'node-3' }]\n      };\n      const nodeUI2: NodeUI = {\n        position: { left: 200, top: 200 },\n        type: 'send_msg'\n      };\n\n      const node3: Node = {\n        uuid: 'node-3',\n        actions: [],\n        exits: [{ uuid: 'exit-3', destination_uuid: null }]\n      };\n      const nodeUI3: NodeUI = {\n        position: { left: 300, top: 100 },\n        type: 'send_msg'\n      };\n\n      state.addNode(node1, nodeUI1);\n      state.addNode(node2, nodeUI2);\n      state.addNode(node3, nodeUI3);\n\n      // verify initial sorting\n      let nodes = zustand.getState().flowDefinition.nodes;\n      expect(nodes[0].uuid).to.equal('node-3'); // top: 100\n      expect(nodes[1].uuid).to.equal('node-2'); // top: 200\n      expect(nodes[2].uuid).to.equal('node-1'); // top: 300\n\n      // remove middle node - should reroute connection\n      state.removeNodes(['node-2']);\n\n      nodes = zustand.getState().flowDefinition.nodes;\n\n      // nodes should still be sorted\n      expect(nodes.length).to.equal(2);\n      expect(nodes[0].uuid).to.equal('node-3'); // top: 100\n      expect(nodes[1].uuid).to.equal('node-1'); // top: 300\n\n      // verify rerouting happened\n      expect(nodes[1].exits[0].destination_uuid).to.equal('node-3');\n    });\n  });\n\n  describe('updateCanvasPositions', () => {\n    it('should re-sort nodes when positions change', () => {\n      const state = zustand.getState();\n\n      // create nodes in sorted order\n      const node1: Node = {\n        uuid: 'node-1',\n        actions: [],\n        exits: [{ uuid: 'exit-1', destination_uuid: null }]\n      };\n      const nodeUI1: NodeUI = {\n        position: { left: 100, top: 100 },\n        type: 'send_msg'\n      };\n\n      const node2: Node = {\n        uuid: 'node-2',\n        actions: [],\n        exits: [{ uuid: 'exit-2', destination_uuid: null }]\n      };\n      const nodeUI2: NodeUI = {\n        position: { left: 100, top: 200 },\n        type: 'send_msg'\n      };\n\n      const node3: Node = {\n        uuid: 'node-3',\n        actions: [],\n        exits: [{ uuid: 'exit-3', destination_uuid: null }]\n      };\n      const nodeUI3: NodeUI = {\n        position: { left: 100, top: 300 },\n        type: 'send_msg'\n      };\n\n      state.addNode(node1, nodeUI1);\n      state.addNode(node2, nodeUI2);\n      state.addNode(node3, nodeUI3);\n\n      let nodes = zustand.getState().flowDefinition.nodes;\n      expect(nodes[0].uuid).to.equal('node-1'); // top: 100\n      expect(nodes[1].uuid).to.equal('node-2'); // top: 200\n      expect(nodes[2].uuid).to.equal('node-3'); // top: 300\n\n      // move node-1 to the bottom\n      state.updateCanvasPositions({\n        'node-1': { left: 100, top: 400 }\n      });\n\n      nodes = zustand.getState().flowDefinition.nodes;\n\n      // nodes should be re-sorted\n      expect(nodes[0].uuid).to.equal('node-2'); // top: 200\n      expect(nodes[1].uuid).to.equal('node-3'); // top: 300\n      expect(nodes[2].uuid).to.equal('node-1'); // top: 400\n    });\n\n    it('should handle multiple position updates at once', () => {\n      const state = zustand.getState();\n\n      // create nodes\n      const node1: Node = {\n        uuid: 'node-1',\n        actions: [],\n        exits: [{ uuid: 'exit-1', destination_uuid: null }]\n      };\n      const nodeUI1: NodeUI = {\n        position: { left: 100, top: 100 },\n        type: 'send_msg'\n      };\n\n      const node2: Node = {\n        uuid: 'node-2',\n        actions: [],\n        exits: [{ uuid: 'exit-2', destination_uuid: null }]\n      };\n      const nodeUI2: NodeUI = {\n        position: { left: 100, top: 200 },\n        type: 'send_msg'\n      };\n\n      const node3: Node = {\n        uuid: 'node-3',\n        actions: [],\n        exits: [{ uuid: 'exit-3', destination_uuid: null }]\n      };\n      const nodeUI3: NodeUI = {\n        position: { left: 100, top: 300 },\n        type: 'send_msg'\n      };\n\n      state.addNode(node1, nodeUI1);\n      state.addNode(node2, nodeUI2);\n      state.addNode(node3, nodeUI3);\n\n      // swap positions of node-1 and node-3\n      state.updateCanvasPositions({\n        'node-1': { left: 100, top: 300 },\n        'node-3': { left: 100, top: 100 }\n      });\n\n      const nodes = zustand.getState().flowDefinition.nodes;\n\n      // nodes should be re-sorted\n      expect(nodes[0].uuid).to.equal('node-3'); // top: 100\n      expect(nodes[1].uuid).to.equal('node-2'); // top: 200\n      expect(nodes[2].uuid).to.equal('node-1'); // top: 300\n    });\n\n    it('should not affect sticky notes when updating positions', () => {\n      const state = zustand.getState();\n\n      // create a node\n      const node: Node = {\n        uuid: 'node-1',\n        actions: [],\n        exits: [{ uuid: 'exit-1', destination_uuid: null }]\n      };\n      const nodeUI: NodeUI = {\n        position: { left: 100, top: 100 },\n        type: 'send_msg'\n      };\n\n      state.addNode(node, nodeUI);\n\n      // create a sticky note\n      const stickyUuid = state.createStickyNote({ left: 200, top: 200 });\n\n      // update positions for both\n      state.updateCanvasPositions({\n        'node-1': { left: 100, top: 300 },\n        [stickyUuid]: { left: 200, top: 100 }\n      });\n\n      const flowDef = zustand.getState().flowDefinition;\n\n      // verify node position was updated\n      expect(flowDef._ui.nodes['node-1'].position.top).to.equal(300);\n\n      // verify sticky position was updated\n      expect(flowDef._ui.stickies[stickyUuid].position.top).to.equal(100);\n    });\n  });\n\n  describe('edge cases', () => {\n    it('should handle nodes with missing position data', () => {\n      const state = zustand.getState();\n\n      // manually create a flow definition with a node that has no UI data\n      zustand.setState({\n        ...zustand.getState(),\n        flowDefinition: {\n          language: 'en',\n          localization: {},\n          name: 'Test Flow',\n          nodes: [\n            {\n              uuid: 'node-1',\n              actions: [],\n              exits: [{ uuid: 'exit-1', destination_uuid: null }]\n            }\n          ],\n          uuid: 'test-uuid',\n          type: 'messaging' as const,\n          revision: 1,\n          spec_version: '14.3',\n          _ui: {\n            nodes: {}, // no UI data for node-1\n            languages: []\n          }\n        }\n      });\n\n      // add a node with position data\n      const node2: Node = {\n        uuid: 'node-2',\n        actions: [],\n        exits: [{ uuid: 'exit-2', destination_uuid: null }]\n      };\n      const nodeUI2: NodeUI = {\n        position: { left: 100, top: 100 },\n        type: 'send_msg'\n      };\n\n      // should not throw error\n      expect(() => state.addNode(node2, nodeUI2)).to.not.throw();\n\n      const nodes = zustand.getState().flowDefinition.nodes;\n      expect(nodes.length).to.equal(2);\n    });\n\n    it('should handle empty nodes array', () => {\n      const state = zustand.getState();\n\n      // verify initial state is empty\n      expect(zustand.getState().flowDefinition.nodes.length).to.equal(0);\n\n      // try to remove nodes from empty flow - should not throw\n      expect(() => state.removeNodes(['non-existent'])).to.not.throw();\n    });\n  });\n});\n"]}

package/out-tsc/test/temba-floating-tab.test.js

@@ -78,14 +78,5 @@ describe('temba-floating-tab', () => {
         await assertScreenshot('floating-tab/gray', getClip(tab2));
         await assertScreenshot('floating-tab/purple', getClip(tab3));
     });
-    it('supports custom positioning', async () => {
-        const tab = (await getComponent('temba-floating-tab', {
-            icon: 'phone',
-            label: 'Phone Simulator',
-            color: '#10b981',
-            top: 250
-        }));
-        expect(tab.top).to.equal(250);
-    });
 });
 //# sourceMappingURL=temba-floating-tab.test.js.map

package/out-tsc/test/temba-floating-tab.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-floating-tab.test.js","sourceRoot":"","sources":["../../test/temba-floating-tab.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, assert } from '@open-wc/testing';\nimport { FloatingTab } from '../src/display/FloatingTab';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\ndescribe('temba-floating-tab', () => {\n  it('can be created', async () => {\n    const tab = (await getComponent('temba-floating-tab', {\n      icon: 'phone',\n      label: 'Phone Simulator',\n      color: '#10b981',\n      top: 100\n    })) as FloatingTab;\n\n    assert.instanceOf(tab, FloatingTab);\n    expect(tab.icon).to.equal('phone');\n    expect(tab.label).to.equal('Phone Simulator');\n    expect(tab.color).to.equal('#10b981');\n    expect(tab.top).to.equal(100);\n    expect(tab.hidden).to.equal(false);\n\n    await assertScreenshot('floating-tab/default', getClip(tab));\n  });\n\n  it('can be hidden', async () => {\n    const tab = (await getComponent('temba-floating-tab', {\n      icon: 'phone',\n      label: 'Phone Simulator',\n      color: '#10b981',\n      hidden: true\n    })) as FloatingTab;\n\n    expect(tab.hidden).to.equal(true);\n    expect(tab.classList.contains('hidden')).to.equal(true);\n\n    await assertScreenshot('floating-tab/hidden', getClip(tab));\n  });\n\n  it('shows label on hover', async () => {\n    const tab = (await getComponent('temba-floating-tab', {\n      icon: 'phone',\n      label: 'Phone Simulator',\n      color: '#6366f1'\n    })) as FloatingTab;\n\n    const tabElement = tab.shadowRoot.querySelector('.tab') as HTMLElement;\n    expect(tabElement).to.exist;\n\n    // simulate hover state\n    const labelElement = tab.shadowRoot.querySelector('.label') as HTMLElement;\n    expect(labelElement).to.exist;\n\n    await assertScreenshot('floating-tab/hover', getClip(tab));\n  });\n\n  it('fires click event', async () => {\n    const tab = (await getComponent('temba-floating-tab', {\n      icon: 'clock',\n      label: 'History',\n      color: '#8b5cf6'\n    })) as FloatingTab;\n\n    let clicked = false;\n    tab.addEventListener('temba-button-clicked', () => {\n      clicked = true;\n    });\n\n    const tabElement = tab.shadowRoot.querySelector('.tab') as HTMLElement;\n    tabElement.click();\n\n    expect(clicked).to.equal(true);\n  });\n\n  it('supports different colors', async () => {\n    const tab1 = (await getComponent('temba-floating-tab', {\n      icon: 'phone',\n      label: 'Phone',\n      color: '#10b981',\n      top: 100\n    })) as FloatingTab;\n\n    const tab2 = (await getComponent('temba-floating-tab', {\n      icon: 'globe',\n      label: 'Translation',\n      color: '#6b7280',\n      top: 200\n    })) as FloatingTab;\n\n    const tab3 = (await getComponent('temba-floating-tab', {\n      icon: 'clock',\n      label: 'History',\n      color: '#8b5cf6',\n      top: 300\n    })) as FloatingTab;\n\n    await assertScreenshot('floating-tab/green', getClip(tab1));\n    await assertScreenshot('floating-tab/gray', getClip(tab2));\n    await assertScreenshot('floating-tab/purple', getClip(tab3));\n  });\n\n  it('supports custom positioning', async () => {\n    const tab = (await getComponent('temba-floating-tab', {\n      icon: 'phone',\n      label: 'Phone Simulator',\n      color: '#10b981',\n      top: 250\n    })) as FloatingTab;\n\n    expect(tab.top).to.equal(250);\n  });\n});\n"]}
+{"version":3,"file":"temba-floating-tab.test.js","sourceRoot":"","sources":["../../test/temba-floating-tab.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, assert } from '@open-wc/testing';\nimport { FloatingTab } from '../src/display/FloatingTab';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\ndescribe('temba-floating-tab', () => {\n  it('can be created', async () => {\n    const tab = (await getComponent('temba-floating-tab', {\n      icon: 'phone',\n      label: 'Phone Simulator',\n      color: '#10b981',\n      top: 100\n    })) as FloatingTab;\n\n    assert.instanceOf(tab, FloatingTab);\n    expect(tab.icon).to.equal('phone');\n    expect(tab.label).to.equal('Phone Simulator');\n    expect(tab.color).to.equal('#10b981');\n    expect(tab.top).to.equal(100);\n    expect(tab.hidden).to.equal(false);\n\n    await assertScreenshot('floating-tab/default', getClip(tab));\n  });\n\n  it('can be hidden', async () => {\n    const tab = (await getComponent('temba-floating-tab', {\n      icon: 'phone',\n      label: 'Phone Simulator',\n      color: '#10b981',\n      hidden: true\n    })) as FloatingTab;\n\n    expect(tab.hidden).to.equal(true);\n    expect(tab.classList.contains('hidden')).to.equal(true);\n\n    await assertScreenshot('floating-tab/hidden', getClip(tab));\n  });\n\n  it('shows label on hover', async () => {\n    const tab = (await getComponent('temba-floating-tab', {\n      icon: 'phone',\n      label: 'Phone Simulator',\n      color: '#6366f1'\n    })) as FloatingTab;\n\n    const tabElement = tab.shadowRoot.querySelector('.tab') as HTMLElement;\n    expect(tabElement).to.exist;\n\n    // simulate hover state\n    const labelElement = tab.shadowRoot.querySelector('.label') as HTMLElement;\n    expect(labelElement).to.exist;\n\n    await assertScreenshot('floating-tab/hover', getClip(tab));\n  });\n\n  it('fires click event', async () => {\n    const tab = (await getComponent('temba-floating-tab', {\n      icon: 'clock',\n      label: 'History',\n      color: '#8b5cf6'\n    })) as FloatingTab;\n\n    let clicked = false;\n    tab.addEventListener('temba-button-clicked', () => {\n      clicked = true;\n    });\n\n    const tabElement = tab.shadowRoot.querySelector('.tab') as HTMLElement;\n    tabElement.click();\n\n    expect(clicked).to.equal(true);\n  });\n\n  it('supports different colors', async () => {\n    const tab1 = (await getComponent('temba-floating-tab', {\n      icon: 'phone',\n      label: 'Phone',\n      color: '#10b981',\n      top: 100\n    })) as FloatingTab;\n\n    const tab2 = (await getComponent('temba-floating-tab', {\n      icon: 'globe',\n      label: 'Translation',\n      color: '#6b7280',\n      top: 200\n    })) as FloatingTab;\n\n    const tab3 = (await getComponent('temba-floating-tab', {\n      icon: 'clock',\n      label: 'History',\n      color: '#8b5cf6',\n      top: 300\n    })) as FloatingTab;\n\n    await assertScreenshot('floating-tab/green', getClip(tab1));\n    await assertScreenshot('floating-tab/gray', getClip(tab2));\n    await assertScreenshot('floating-tab/purple', getClip(tab3));\n  });\n});\n"]}