@nyaruka/temba-components 0.129.1 → 0.129.3

package/out-tsc/test/temba-appstate-language.test.js

@@ -173,4 +173,94 @@ describe('AppState Language Reset', () => {
         assert.equal(zustand.getState().isTranslating, false);
     });
 });
+describe('AppState Sticky Note Creation', () => {
+    beforeEach(() => {
+        // Reset the store state before each test
+        const state = zustand.getState();
+        zustand.setState({
+            ...state,
+            languageCode: '',
+            isTranslating: false,
+            flowDefinition: {
+                language: 'en',
+                localization: {},
+                name: 'Test Flow',
+                nodes: [],
+                uuid: 'test-uuid',
+                type: 'messaging',
+                revision: 1,
+                spec_version: '14.3',
+                _ui: {
+                    nodes: {},
+                    stickies: {},
+                    languages: []
+                }
+            },
+            flowInfo: {
+                results: [],
+                dependencies: [],
+                counts: { nodes: 0, languages: 1 },
+                locals: []
+            },
+            dirtyDate: null
+        });
+    });
+    it('should create a new sticky note with correct defaults', () => {
+        const state = zustand.getState();
+        const position = { left: 100, top: 200 };
+        const stickyUuid = state.createStickyNote(position);
+        // Verify UUID was returned
+        assert.isString(stickyUuid);
+        assert.isTrue(stickyUuid.length > 0);
+        // Verify sticky was added to the flow definition
+        const currentState = zustand.getState();
+        const stickies = currentState.flowDefinition._ui.stickies;
+        assert.property(stickies, stickyUuid);
+        const createdSticky = stickies[stickyUuid];
+        assert.deepEqual(createdSticky.position, position);
+        assert.equal(createdSticky.title, '');
+        assert.equal(createdSticky.body, '');
+        assert.equal(createdSticky.color, 'yellow');
+        // Verify dirty date was set
+        assert.isNotNull(currentState.dirtyDate);
+        assert.instanceOf(currentState.dirtyDate, Date);
+    });
+    it('should create multiple unique sticky notes', () => {
+        const state = zustand.getState();
+        const position1 = { left: 100, top: 200 };
+        const position2 = { left: 300, top: 400 };
+        const uuid1 = state.createStickyNote(position1);
+        const uuid2 = state.createStickyNote(position2);
+        // UUIDs should be different
+        assert.notEqual(uuid1, uuid2);
+        // Both stickies should exist
+        const currentState = zustand.getState();
+        const stickies = currentState.flowDefinition._ui.stickies;
+        assert.property(stickies, uuid1);
+        assert.property(stickies, uuid2);
+        // Positions should be correct
+        assert.deepEqual(stickies[uuid1].position, position1);
+        assert.deepEqual(stickies[uuid2].position, position2);
+    });
+    it('should initialize stickies object if it does not exist', () => {
+        // Set up state without stickies
+        const state = zustand.getState();
+        zustand.setState({
+            ...state,
+            flowDefinition: {
+                ...state.flowDefinition,
+                _ui: {
+                    ...state.flowDefinition._ui,
+                    stickies: undefined
+                }
+            }
+        });
+        const position = { left: 50, top: 75 };
+        const stickyUuid = state.createStickyNote(position);
+        // Verify stickies object was created
+        const currentState = zustand.getState();
+        assert.isObject(currentState.flowDefinition._ui.stickies);
+        assert.property(currentState.flowDefinition._ui.stickies, stickyUuid);
+    });
+});
 //# sourceMappingURL=temba-appstate-language.test.js.map

package/out-tsc/test/temba-appstate-language.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-appstate-language.test.js","sourceRoot":"","sources":["../../test/temba-appstate-language.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert } from '@open-wc/testing';\nimport { zustand } from '../src/store/AppState';\n\ndescribe('AppState Language Reset', () => {\n  beforeEach(() => {\n    // Reset the store state before each test\n    const state = zustand.getState();\n    zustand.setState({\n      ...state,\n      languageCode: '',\n      isTranslating: false,\n      flowDefinition: null,\n      flowInfo: null\n    });\n  });\n\n  it('should reset language when loading a new flow', () => {\n    const state = zustand.getState();\n\n    // First, load an initial flow to establish state\n    const initialFlowContents = {\n      definition: {\n        language: 'en',\n        localization: {},\n        name: 'Initial Flow',\n        nodes: [],\n        uuid: 'initial-uuid',\n        type: 'messaging' as const,\n        revision: 1,\n        spec_version: '14.3',\n        _ui: {\n          nodes: {},\n          languages: []\n        }\n      },\n      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      }\n    };\n\n    state.setFlowContents(initialFlowContents);\n\n    // Simulate having a previous flow with localization\n    state.setLanguageCode('es'); // User selected Spanish for localization\n    assert.equal(zustand.getState().languageCode, 'es');\n    assert.equal(zustand.getState().isTranslating, true); // Now translating from English to Spanish\n\n    // Simulate loading a new flow with English as default\n    const mockFlowContents = {\n      definition: {\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      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      }\n    };\n\n    state.setFlowContents(mockFlowContents);\n\n    // The language should reset to the flow's default language\n    assert.equal(\n      zustand.getState().languageCode,\n      'en',\n      'Language should reset to flow default'\n    );\n    assert.equal(\n      zustand.getState().isTranslating,\n      false,\n      'Should not be in translation mode'\n    );\n  });\n\n  it('should set isTranslating correctly when languages differ', () => {\n    const state = zustand.getState();\n\n    // Load a flow with Spanish as default\n    const mockFlowContents = {\n      definition: {\n        language: 'es',\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      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      }\n    };\n\n    state.setFlowContents(mockFlowContents);\n\n    // Should be in Spanish and not translating\n    assert.equal(zustand.getState().languageCode, 'es');\n    assert.equal(zustand.getState().isTranslating, false);\n\n    // Now switch to English for localization\n    state.setLanguageCode('en');\n    assert.equal(zustand.getState().languageCode, 'en');\n    assert.equal(\n      zustand.getState().isTranslating,\n      true,\n      'Should be translating when language differs from flow default'\n    );\n  });\n\n  it('should preserve flow default language when no previous language is set', () => {\n    const state = zustand.getState();\n\n    // Load a flow with French as default, no previous language set\n    const mockFlowContents = {\n      definition: {\n        language: 'fr',\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      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      }\n    };\n\n    state.setFlowContents(mockFlowContents);\n\n    // Should use the flow's default language\n    assert.equal(\n      zustand.getState().languageCode,\n      'fr',\n      'Should use flow default language'\n    );\n    assert.equal(\n      zustand.getState().isTranslating,\n      false,\n      'Should not be translating'\n    );\n  });\n\n  it('should handle language switching after flow is loaded', () => {\n    const state = zustand.getState();\n\n    // Load a flow with English as default\n    const mockFlowContents = {\n      definition: {\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      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      }\n    };\n\n    state.setFlowContents(mockFlowContents);\n\n    // Should start in English, not translating\n    assert.equal(zustand.getState().languageCode, 'en');\n    assert.equal(zustand.getState().isTranslating, false);\n\n    // Switch to Spanish for localization\n    state.setLanguageCode('es');\n    assert.equal(zustand.getState().languageCode, 'es');\n    assert.equal(zustand.getState().isTranslating, true);\n\n    // Switch back to English\n    state.setLanguageCode('en');\n    assert.equal(zustand.getState().languageCode, 'en');\n    assert.equal(zustand.getState().isTranslating, false);\n  });\n});\n"]}
+{"version":3,"file":"temba-appstate-language.test.js","sourceRoot":"","sources":["../../test/temba-appstate-language.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert } from '@open-wc/testing';\nimport { zustand } from '../src/store/AppState';\n\ndescribe('AppState Language Reset', () => {\n  beforeEach(() => {\n    // Reset the store state before each test\n    const state = zustand.getState();\n    zustand.setState({\n      ...state,\n      languageCode: '',\n      isTranslating: false,\n      flowDefinition: null,\n      flowInfo: null\n    });\n  });\n\n  it('should reset language when loading a new flow', () => {\n    const state = zustand.getState();\n\n    // First, load an initial flow to establish state\n    const initialFlowContents = {\n      definition: {\n        language: 'en',\n        localization: {},\n        name: 'Initial Flow',\n        nodes: [],\n        uuid: 'initial-uuid',\n        type: 'messaging' as const,\n        revision: 1,\n        spec_version: '14.3',\n        _ui: {\n          nodes: {},\n          languages: []\n        }\n      },\n      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      }\n    };\n\n    state.setFlowContents(initialFlowContents);\n\n    // Simulate having a previous flow with localization\n    state.setLanguageCode('es'); // User selected Spanish for localization\n    assert.equal(zustand.getState().languageCode, 'es');\n    assert.equal(zustand.getState().isTranslating, true); // Now translating from English to Spanish\n\n    // Simulate loading a new flow with English as default\n    const mockFlowContents = {\n      definition: {\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      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      }\n    };\n\n    state.setFlowContents(mockFlowContents);\n\n    // The language should reset to the flow's default language\n    assert.equal(\n      zustand.getState().languageCode,\n      'en',\n      'Language should reset to flow default'\n    );\n    assert.equal(\n      zustand.getState().isTranslating,\n      false,\n      'Should not be in translation mode'\n    );\n  });\n\n  it('should set isTranslating correctly when languages differ', () => {\n    const state = zustand.getState();\n\n    // Load a flow with Spanish as default\n    const mockFlowContents = {\n      definition: {\n        language: 'es',\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      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      }\n    };\n\n    state.setFlowContents(mockFlowContents);\n\n    // Should be in Spanish and not translating\n    assert.equal(zustand.getState().languageCode, 'es');\n    assert.equal(zustand.getState().isTranslating, false);\n\n    // Now switch to English for localization\n    state.setLanguageCode('en');\n    assert.equal(zustand.getState().languageCode, 'en');\n    assert.equal(\n      zustand.getState().isTranslating,\n      true,\n      'Should be translating when language differs from flow default'\n    );\n  });\n\n  it('should preserve flow default language when no previous language is set', () => {\n    const state = zustand.getState();\n\n    // Load a flow with French as default, no previous language set\n    const mockFlowContents = {\n      definition: {\n        language: 'fr',\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      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      }\n    };\n\n    state.setFlowContents(mockFlowContents);\n\n    // Should use the flow's default language\n    assert.equal(\n      zustand.getState().languageCode,\n      'fr',\n      'Should use flow default language'\n    );\n    assert.equal(\n      zustand.getState().isTranslating,\n      false,\n      'Should not be translating'\n    );\n  });\n\n  it('should handle language switching after flow is loaded', () => {\n    const state = zustand.getState();\n\n    // Load a flow with English as default\n    const mockFlowContents = {\n      definition: {\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      info: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      }\n    };\n\n    state.setFlowContents(mockFlowContents);\n\n    // Should start in English, not translating\n    assert.equal(zustand.getState().languageCode, 'en');\n    assert.equal(zustand.getState().isTranslating, false);\n\n    // Switch to Spanish for localization\n    state.setLanguageCode('es');\n    assert.equal(zustand.getState().languageCode, 'es');\n    assert.equal(zustand.getState().isTranslating, true);\n\n    // Switch back to English\n    state.setLanguageCode('en');\n    assert.equal(zustand.getState().languageCode, 'en');\n    assert.equal(zustand.getState().isTranslating, false);\n  });\n});\n\ndescribe('AppState Sticky Note Creation', () => {\n  beforeEach(() => {\n    // Reset the store state before each test\n    const state = zustand.getState();\n    zustand.setState({\n      ...state,\n      languageCode: '',\n      isTranslating: false,\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          stickies: {},\n          languages: []\n        }\n      },\n      flowInfo: {\n        results: [],\n        dependencies: [],\n        counts: { nodes: 0, languages: 1 },\n        locals: []\n      },\n      dirtyDate: null\n    });\n  });\n\n  it('should create a new sticky note with correct defaults', () => {\n    const state = zustand.getState();\n\n    const position = { left: 100, top: 200 };\n    const stickyUuid = state.createStickyNote(position);\n\n    // Verify UUID was returned\n    assert.isString(stickyUuid);\n    assert.isTrue(stickyUuid.length > 0);\n\n    // Verify sticky was added to the flow definition\n    const currentState = zustand.getState();\n    const stickies = currentState.flowDefinition._ui.stickies;\n\n    assert.property(stickies, stickyUuid);\n\n    const createdSticky = stickies[stickyUuid];\n    assert.deepEqual(createdSticky.position, position);\n    assert.equal(createdSticky.title, '');\n    assert.equal(createdSticky.body, '');\n    assert.equal(createdSticky.color, 'yellow');\n\n    // Verify dirty date was set\n    assert.isNotNull(currentState.dirtyDate);\n    assert.instanceOf(currentState.dirtyDate, Date);\n  });\n\n  it('should create multiple unique sticky notes', () => {\n    const state = zustand.getState();\n\n    const position1 = { left: 100, top: 200 };\n    const position2 = { left: 300, top: 400 };\n\n    const uuid1 = state.createStickyNote(position1);\n    const uuid2 = state.createStickyNote(position2);\n\n    // UUIDs should be different\n    assert.notEqual(uuid1, uuid2);\n\n    // Both stickies should exist\n    const currentState = zustand.getState();\n    const stickies = currentState.flowDefinition._ui.stickies;\n\n    assert.property(stickies, uuid1);\n    assert.property(stickies, uuid2);\n\n    // Positions should be correct\n    assert.deepEqual(stickies[uuid1].position, position1);\n    assert.deepEqual(stickies[uuid2].position, position2);\n  });\n\n  it('should initialize stickies object if it does not exist', () => {\n    // Set up state without stickies\n    const state = zustand.getState();\n    zustand.setState({\n      ...state,\n      flowDefinition: {\n        ...state.flowDefinition,\n        _ui: {\n          ...state.flowDefinition._ui,\n          stickies: undefined\n        }\n      }\n    });\n\n    const position = { left: 50, top: 75 };\n    const stickyUuid = state.createStickyNote(position);\n\n    // Verify stickies object was created\n    const currentState = zustand.getState();\n    assert.isObject(currentState.flowDefinition._ui.stickies);\n    assert.property(currentState.flowDefinition._ui.stickies, stickyUuid);\n  });\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"temba-charcount.test.js","sourceRoot":"","sources":["../../test/temba-charcount.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACjD,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;AAEnD,MAAM,YAAY,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;IAC1C,MAAM,OAAO,GAAc,MAAM,OAAO,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;IAC/D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,OAAO,GAAG,MAAM,YAAY,CAChC,4DAA4D,CAC7D,CAAC;QACF,MAAM,gBAAgB,CAAC,cAAc,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,OAAO,GAAc,MAAM,YAAY,CAC3C,6DAA6D,CAC9D,CAAC;QACF,yCAAyC;QACzC,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,OAAO,GAAc,MAAM,YAAY,CAC3C,8IAA8I,CAC/I,CAAC;QACF,MAAM,gBAAgB,CAAC,iBAAiB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,OAAO,GAAc,MAAM,YAAY,CAC3C,mJAAmJ,CACpJ,CAAC;QACF,MAAM,gBAAgB,CAAC,2BAA2B,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,OAAO,GAAc,MAAM,YAAY,CAC3C,mJAAmJ,CACpJ,CAAC;QAEF,MAAM,IAAI,GAAG,MAAa,CAAC;QAE3B,8CAA8C;QAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;QAC9B,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;QAElB,oDAAoD;QACpD,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;QACrD,MAAM,gBAAgB,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;QAEhD,oCAAoC;QACpC,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from '@open-wc/testing';\nimport { CharCount } from '../src/charcount/CharCount';\nimport { assertScreenshot, getClip } from './utils.test';\n\nconst parentNode = document.createElement('div');\nparentNode.setAttribute('style', ' width: 250px;');\n\nconst getCharCount = async (html: string) => {\n  const counter: CharCount = await fixture(html, { parentNode });\n  return counter;\n};\n\ndescribe('temba-charcount', () => {\n  it('counts plain text', async () => {\n    const counter = await getCharCount(\n      \"<temba-charcount text='count this text'></temba-charcount>\"\n    );\n    await assertScreenshot('counter/text', getClip(counter));\n  });\n\n  it('counts variables', async () => {\n    const counter: CharCount = await getCharCount(\n      \"<temba-charcount text='hi @contact.name'></temba-charcount>\"\n    );\n    // assert(counter).instanceOf(CharCount);\n    await assertScreenshot('counter/variable', getClip(counter));\n  });\n\n  it('counts unicode', async () => {\n    const counter: CharCount = await getCharCount(\n      \"<temba-charcount text='Messages with 🎱 count extra segments after 70 characters. This message should show two segments.'></temba-charcount>\"\n    );\n    await assertScreenshot('counter/unicode', getClip(counter));\n  });\n\n  it('counts unicode with variables', async () => {\n    const counter: CharCount = await getCharCount(\n      \"<temba-charcount text='@contact.name with 🎱 count extra segments after 70 characters. This message should show two segments.'></temba-charcount>\"\n    );\n    await assertScreenshot('counter/unicode-variables', getClip(counter));\n  });\n\n  it('shows hover summary', async () => {\n    const counter: CharCount = await getCharCount(\n      \"<temba-charcount text='@contact.name with 🎱 count extra segments after 70 characters. This message should show two segments.'></temba-charcount>\"\n    );\n\n    const page = window as any;\n\n    // make room for our summary in the screenshot\n    const clip = getClip(counter);\n    clip.height = 250;\n\n    // move our mouse over the count to show the summary\n    await page.moveMouse(clip.right - 15, clip.top + 15);\n    await assertScreenshot('counter/summary', clip);\n\n    // put our cursor back in the corner\n    await page.moveMouse(0, 0);\n  });\n});\n"]}
+{"version":3,"file":"temba-charcount.test.js","sourceRoot":"","sources":["../../test/temba-charcount.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACjD,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;AAEnD,MAAM,YAAY,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;IAC1C,MAAM,OAAO,GAAc,MAAM,OAAO,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC;IAC/D,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,OAAO,GAAG,MAAM,YAAY,CAChC,4DAA4D,CAC7D,CAAC;QACF,MAAM,gBAAgB,CAAC,cAAc,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,KAAK,IAAI,EAAE;QAChC,MAAM,OAAO,GAAc,MAAM,YAAY,CAC3C,6DAA6D,CAC9D,CAAC;QACF,yCAAyC;QACzC,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,OAAO,GAAc,MAAM,YAAY,CAC3C,8IAA8I,CAC/I,CAAC;QACF,MAAM,gBAAgB,CAAC,iBAAiB,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,OAAO,GAAc,MAAM,YAAY,CAC3C,mJAAmJ,CACpJ,CAAC;QACF,MAAM,gBAAgB,CAAC,2BAA2B,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACnC,MAAM,OAAO,GAAc,MAAM,YAAY,CAC3C,mJAAmJ,CACpJ,CAAC;QAEF,MAAM,IAAI,GAAG,MAAa,CAAC;QAE3B,8CAA8C;QAC9C,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;QAC9B,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC;QAElB,oDAAoD;QACpD,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,EAAE,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;QACrD,MAAM,gBAAgB,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;QAEhD,oCAAoC;QACpC,MAAM,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from '@open-wc/testing';\nimport { CharCount } from '../src/display/CharCount';\nimport { assertScreenshot, getClip } from './utils.test';\n\nconst parentNode = document.createElement('div');\nparentNode.setAttribute('style', ' width: 250px;');\n\nconst getCharCount = async (html: string) => {\n  const counter: CharCount = await fixture(html, { parentNode });\n  return counter;\n};\n\ndescribe('temba-charcount', () => {\n  it('counts plain text', async () => {\n    const counter = await getCharCount(\n      \"<temba-charcount text='count this text'></temba-charcount>\"\n    );\n    await assertScreenshot('counter/text', getClip(counter));\n  });\n\n  it('counts variables', async () => {\n    const counter: CharCount = await getCharCount(\n      \"<temba-charcount text='hi @contact.name'></temba-charcount>\"\n    );\n    // assert(counter).instanceOf(CharCount);\n    await assertScreenshot('counter/variable', getClip(counter));\n  });\n\n  it('counts unicode', async () => {\n    const counter: CharCount = await getCharCount(\n      \"<temba-charcount text='Messages with 🎱 count extra segments after 70 characters. This message should show two segments.'></temba-charcount>\"\n    );\n    await assertScreenshot('counter/unicode', getClip(counter));\n  });\n\n  it('counts unicode with variables', async () => {\n    const counter: CharCount = await getCharCount(\n      \"<temba-charcount text='@contact.name with 🎱 count extra segments after 70 characters. This message should show two segments.'></temba-charcount>\"\n    );\n    await assertScreenshot('counter/unicode-variables', getClip(counter));\n  });\n\n  it('shows hover summary', async () => {\n    const counter: CharCount = await getCharCount(\n      \"<temba-charcount text='@contact.name with 🎱 count extra segments after 70 characters. This message should show two segments.'></temba-charcount>\"\n    );\n\n    const page = window as any;\n\n    // make room for our summary in the screenshot\n    const clip = getClip(counter);\n    clip.height = 250;\n\n    // move our mouse over the count to show the summary\n    await page.moveMouse(clip.right - 15, clip.top + 15);\n    await assertScreenshot('counter/summary', clip);\n\n    // put our cursor back in the corner\n    await page.moveMouse(0, 0);\n  });\n});\n"]}

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

@@ -1,5 +1,5 @@
 import { expect } from '@open-wc/testing';
-import { formatDurationFromSeconds } from '../src/chart/TembaChart';
+import { formatDurationFromSeconds } from '../src/live/TembaChart';
 import { getComponent } from './utils.test';
 const sampleData = {
     labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],

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

@@ -1 +1 @@
-{"version":3,"file":"temba-chart.test.js","sourceRoot":"","sources":["../../test/temba-chart.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport {\n  RapidChartData,\n  TembaChart,\n  formatDurationFromSeconds\n} from '../src/chart/TembaChart';\nimport { getComponent } from './utils.test';\n\nconst sampleData: RapidChartData = {\n  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n  datasets: [\n    {\n      label: 'General',\n      data: [65, 59, 80, 81, 56, 55, 40]\n    },\n    {\n      label: 'Support',\n      data: [28, 48, 40, 19, 86, 27, 90]\n    },\n    {\n      label: 'VIPs',\n      data: [58, 28, 10, 1, 0, 19, 20]\n    }\n  ]\n};\n\nconst TAG = 'temba-chart';\nconst getChart = async (attrs: any = {}) => {\n  const picker = (await getComponent(TAG, attrs, '', 400)) as TembaChart;\n  return picker;\n};\n\ndescribe('temba-chart', () => {\n  it('calculates others', async () => {\n    const chart: TembaChart = await getChart();\n\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // if we haven't set any splits, everything should be summed as \"All\"\n    expect(chart.datasets[0].data).to.deep.equal([\n      151, 135, 130, 101, 142, 101, 150\n    ]);\n\n    // add a split\n    chart.splits = ['General'];\n    await chart.updateComplete;\n\n    // now we should get an \"Others\" dataset\n    expect(chart.datasets[1].data).to.deep.equal([86, 76, 50, 20, 86, 46, 110]);\n\n    // add another split\n    chart.splits = ['General', 'Support'];\n    await chart.updateComplete;\n\n    // now others should be everything but general and support\n    expect(chart.datasets[2].data).to.deep.equal([58, 28, 10, 1, 0, 19, 20]);\n  });\n\n  it('supports duration formatting', async () => {\n    const chart: TembaChart = await getChart();\n\n    // Test that formatDuration property exists and defaults to false\n    expect(chart.yType).to.equal('count');\n\n    // Test that we can set formatDuration to true\n    chart.yType = 'duration';\n    expect(chart.yType).to.equal('duration');\n  });\n\n  it('formats duration values correctly', async () => {\n    const chart: TembaChart = await getChart();\n\n    // Access the formatDurationFromSeconds function through the chart's module\n    // We need to test the duration formatting logic\n    const durationData: RapidChartData = {\n      labels: ['Day 1', 'Day 2', 'Day 3'],\n      datasets: [\n        {\n          label: 'Process Time',\n          data: [68787, 958000, 3661] // seconds that should be formatted as durations\n        }\n      ]\n    };\n\n    chart.yType = 'duration';\n    chart.data = durationData;\n    await chart.updateComplete;\n\n    // Wait for the chart to be created after data is set\n    await new Promise((resolve) => setTimeout(resolve, 100));\n\n    // Test that the chart was created and has the duration formatting enabled\n    expect(chart.yType).to.equal('duration');\n    expect(chart.chart).to.exist;\n\n    // Test that the chart configuration includes the duration formatting\n    const chartConfig = chart.chart.options;\n    expect(chartConfig.scales.y.ticks).to.exist;\n    expect(chartConfig.scales.y.ticks.callback).to.be.a('function');\n\n    // Test the tick callback function formatting\n    const tickCallback = chartConfig.scales.y.ticks.callback;\n    expect(tickCallback.call({}, 68787, 0, [])).to.equal('19h 6m');\n    expect(tickCallback.call({}, 958000, 1, [])).to.equal('11d 2h');\n    expect(tickCallback.call({}, 3661, 2, [])).to.equal('1h 1m');\n    expect(tickCallback.call({}, 120, 3, [])).to.equal('2m');\n    expect(tickCallback.call({}, 0, 4, [])).to.equal('0s');\n\n    // Test tooltip formatting\n    expect(chartConfig.plugins.tooltip.callbacks.label).to.be.a('function');\n    const tooltipCallback = chartConfig.plugins.tooltip.callbacks.label;\n\n    const mockContext = {\n      dataset: { label: 'Process Time' },\n      parsed: { y: 68787 }\n    };\n\n    expect(tooltipCallback.call({}, mockContext)).to.equal(\n      'Process Time: 19h 6m'\n    );\n  });\n\n  it('formats various duration edge cases correctly', async () => {\n    const chart: TembaChart = await getChart();\n    chart.yType = 'duration';\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // Wait for the chart to be created after data is set\n    await new Promise((resolve) => setTimeout(resolve, 50));\n\n    expect(chart.chart).to.exist;\n    const tickCallback = chart.chart.options.scales.y.ticks.callback;\n\n    // Test edge cases for duration formatting\n    expect(tickCallback.call({}, 0, 0, [])).to.equal('0s');\n    expect(tickCallback.call({}, 1, 1, [])).to.equal('1s');\n    expect(tickCallback.call({}, 59, 2, [])).to.equal('59s');\n    expect(tickCallback.call({}, 60, 3, [])).to.equal('1m');\n    expect(tickCallback.call({}, 61, 4, [])).to.equal('1m 1s');\n    expect(tickCallback.call({}, 3600, 5, [])).to.equal('1h');\n    expect(tickCallback.call({}, 3661, 6, [])).to.equal('1h 1m');\n    expect(tickCallback.call({}, 86400, 7, [])).to.equal('1d');\n    expect(tickCallback.call({}, 90061, 8, [])).to.equal('1d 1h'); // 1 day, 1 hour, 1 minute, 1 second - should show only first two units\n    expect(tickCallback.call({}, 604800, 9, [])).to.equal('7d'); // 1 week in seconds\n    expect(tickCallback.call({}, 1209600, 10, [])).to.equal('14d'); // 2 weeks in seconds\n  });\n\n  it('applies xFormat when xType is time', async () => {\n    const chart: TembaChart = await getChart({\n      xType: 'time',\n      xFormat: 'DD'\n    });\n\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // Wait for the chart to be created after data is set\n    await new Promise((resolve) => setTimeout(resolve, 50));\n\n    expect(chart.chart).to.exist;\n    expect(chart.chart.options.scales.x.type).to.equal('time');\n    expect(\n      (chart.chart.options.scales.x as any).time.displayFormats.day\n    ).to.equal('DD');\n  });\n\n  it('does not include time config when xType is category', async () => {\n    const chart: TembaChart = await getChart({\n      xType: 'category',\n      xFormat: 'DD'\n    });\n\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // Wait for the chart to be created after data is set\n    await new Promise((resolve) => setTimeout(resolve, 50));\n\n    expect(chart.chart).to.exist;\n    expect(chart.chart.options.scales.x.type).to.equal('category');\n    expect((chart.chart.options.scales.x as any).time).to.be.undefined;\n  });\n\n  it('configures scales correctly for horizontal charts', async () => {\n    const chart: TembaChart = await getChart();\n\n    // Test vertical chart (default)\n    chart.data = sampleData;\n    await chart.updateComplete;\n    await new Promise((resolve) => setTimeout(resolve, 100));\n\n    // In vertical charts: x-axis should be for categories, y-axis for values\n    expect((chart.chart.options.scales as any).x.type).to.equal('category');\n    expect((chart.chart.options.scales as any).y.min).to.equal(0);\n    expect((chart.chart.options.scales as any).y.stacked).to.equal(true);\n\n    // Test horizontal chart\n    chart.horizontal = true;\n    await chart.updateComplete;\n    await new Promise((resolve) => setTimeout(resolve, 100));\n\n    // In horizontal charts: x-axis should be for values, y-axis for categories\n    expect((chart.chart.options.scales as any).x.min).to.equal(0);\n    expect((chart.chart.options.scales as any).x.stacked).to.equal(true);\n    expect((chart.chart.options.scales as any).y.type).to.equal('category');\n  });\n});\n\ndescribe('formatDurationFromSeconds', () => {\n  it('formats zero correctly', () => {\n    expect(formatDurationFromSeconds(0)).to.equal('0s');\n  });\n\n  it('formats seconds only', () => {\n    expect(formatDurationFromSeconds(1)).to.equal('1s');\n    expect(formatDurationFromSeconds(30)).to.equal('30s');\n    expect(formatDurationFromSeconds(59)).to.equal('59s');\n  });\n\n  it('formats minutes and seconds', () => {\n    expect(formatDurationFromSeconds(60)).to.equal('1m');\n    expect(formatDurationFromSeconds(61)).to.equal('1m 1s');\n    expect(formatDurationFromSeconds(90)).to.equal('1m 30s');\n    expect(formatDurationFromSeconds(120)).to.equal('2m');\n    expect(formatDurationFromSeconds(3599)).to.equal('59m 59s');\n  });\n\n  it('formats hours and minutes', () => {\n    expect(formatDurationFromSeconds(3600)).to.equal('1h');\n    expect(formatDurationFromSeconds(3661)).to.equal('1h 1m');\n    expect(formatDurationFromSeconds(7200)).to.equal('2h');\n    expect(formatDurationFromSeconds(68787)).to.equal('19h 6m');\n  });\n\n  it('formats days and hours', () => {\n    expect(formatDurationFromSeconds(86400)).to.equal('1d');\n    expect(formatDurationFromSeconds(90000)).to.equal('1d 1h');\n    expect(formatDurationFromSeconds(958000)).to.equal('11d 2h');\n  });\n\n  it('shows only two most significant units', () => {\n    // 1 day, 1 hour, 1 minute, 1 second - should show only \"1d 1h\"\n    expect(formatDurationFromSeconds(90061)).to.equal('1d 1h');\n\n    // 2 hours, 30 minutes, 45 seconds - should show only \"2h 30m\"\n    expect(formatDurationFromSeconds(9045)).to.equal('2h 30m');\n\n    // 5 minutes, 30 seconds - should show \"5m 30s\"\n    expect(formatDurationFromSeconds(330)).to.equal('5m 30s');\n  });\n\n  it('handles large durations', () => {\n    expect(formatDurationFromSeconds(604800)).to.equal('7d'); // 1 week\n    expect(formatDurationFromSeconds(1209600)).to.equal('14d'); // 2 weeks\n    expect(formatDurationFromSeconds(2678400)).to.equal('31d'); // ~1 month\n  });\n\n  it('supports horizontal bar charts', async () => {\n    const chart: TembaChart = await getChart();\n\n    // Test that horizontal property defaults to false\n    expect(chart.horizontal).to.equal(false);\n\n    // Set horizontal to true\n    chart.horizontal = true;\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // Wait for the chart to be created after data is set\n    await new Promise((resolve) => setTimeout(resolve, 100));\n\n    // Test that the chart was created with horizontal configuration\n    expect(chart.horizontal).to.equal(true);\n    expect(chart.chart).to.exist;\n\n    // Test that the chart configuration includes indexAxis: 'y' for horizontal bars\n    const chartConfig = chart.chart.options;\n    expect(chartConfig.indexAxis).to.equal('y');\n  });\n});\n"]}
+{"version":3,"file":"temba-chart.test.js","sourceRoot":"","sources":["../../test/temba-chart.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect } from '@open-wc/testing';\nimport {\n  RapidChartData,\n  TembaChart,\n  formatDurationFromSeconds\n} from '../src/live/TembaChart';\nimport { getComponent } from './utils.test';\n\nconst sampleData: RapidChartData = {\n  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],\n  datasets: [\n    {\n      label: 'General',\n      data: [65, 59, 80, 81, 56, 55, 40]\n    },\n    {\n      label: 'Support',\n      data: [28, 48, 40, 19, 86, 27, 90]\n    },\n    {\n      label: 'VIPs',\n      data: [58, 28, 10, 1, 0, 19, 20]\n    }\n  ]\n};\n\nconst TAG = 'temba-chart';\nconst getChart = async (attrs: any = {}) => {\n  const picker = (await getComponent(TAG, attrs, '', 400)) as TembaChart;\n  return picker;\n};\n\ndescribe('temba-chart', () => {\n  it('calculates others', async () => {\n    const chart: TembaChart = await getChart();\n\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // if we haven't set any splits, everything should be summed as \"All\"\n    expect(chart.datasets[0].data).to.deep.equal([\n      151, 135, 130, 101, 142, 101, 150\n    ]);\n\n    // add a split\n    chart.splits = ['General'];\n    await chart.updateComplete;\n\n    // now we should get an \"Others\" dataset\n    expect(chart.datasets[1].data).to.deep.equal([86, 76, 50, 20, 86, 46, 110]);\n\n    // add another split\n    chart.splits = ['General', 'Support'];\n    await chart.updateComplete;\n\n    // now others should be everything but general and support\n    expect(chart.datasets[2].data).to.deep.equal([58, 28, 10, 1, 0, 19, 20]);\n  });\n\n  it('supports duration formatting', async () => {\n    const chart: TembaChart = await getChart();\n\n    // Test that formatDuration property exists and defaults to false\n    expect(chart.yType).to.equal('count');\n\n    // Test that we can set formatDuration to true\n    chart.yType = 'duration';\n    expect(chart.yType).to.equal('duration');\n  });\n\n  it('formats duration values correctly', async () => {\n    const chart: TembaChart = await getChart();\n\n    // Access the formatDurationFromSeconds function through the chart's module\n    // We need to test the duration formatting logic\n    const durationData: RapidChartData = {\n      labels: ['Day 1', 'Day 2', 'Day 3'],\n      datasets: [\n        {\n          label: 'Process Time',\n          data: [68787, 958000, 3661] // seconds that should be formatted as durations\n        }\n      ]\n    };\n\n    chart.yType = 'duration';\n    chart.data = durationData;\n    await chart.updateComplete;\n\n    // Wait for the chart to be created after data is set\n    await new Promise((resolve) => setTimeout(resolve, 100));\n\n    // Test that the chart was created and has the duration formatting enabled\n    expect(chart.yType).to.equal('duration');\n    expect(chart.chart).to.exist;\n\n    // Test that the chart configuration includes the duration formatting\n    const chartConfig = chart.chart.options;\n    expect(chartConfig.scales.y.ticks).to.exist;\n    expect(chartConfig.scales.y.ticks.callback).to.be.a('function');\n\n    // Test the tick callback function formatting\n    const tickCallback = chartConfig.scales.y.ticks.callback;\n    expect(tickCallback.call({}, 68787, 0, [])).to.equal('19h 6m');\n    expect(tickCallback.call({}, 958000, 1, [])).to.equal('11d 2h');\n    expect(tickCallback.call({}, 3661, 2, [])).to.equal('1h 1m');\n    expect(tickCallback.call({}, 120, 3, [])).to.equal('2m');\n    expect(tickCallback.call({}, 0, 4, [])).to.equal('0s');\n\n    // Test tooltip formatting\n    expect(chartConfig.plugins.tooltip.callbacks.label).to.be.a('function');\n    const tooltipCallback = chartConfig.plugins.tooltip.callbacks.label;\n\n    const mockContext = {\n      dataset: { label: 'Process Time' },\n      parsed: { y: 68787 }\n    };\n\n    expect(tooltipCallback.call({}, mockContext)).to.equal(\n      'Process Time: 19h 6m'\n    );\n  });\n\n  it('formats various duration edge cases correctly', async () => {\n    const chart: TembaChart = await getChart();\n    chart.yType = 'duration';\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // Wait for the chart to be created after data is set\n    await new Promise((resolve) => setTimeout(resolve, 50));\n\n    expect(chart.chart).to.exist;\n    const tickCallback = chart.chart.options.scales.y.ticks.callback;\n\n    // Test edge cases for duration formatting\n    expect(tickCallback.call({}, 0, 0, [])).to.equal('0s');\n    expect(tickCallback.call({}, 1, 1, [])).to.equal('1s');\n    expect(tickCallback.call({}, 59, 2, [])).to.equal('59s');\n    expect(tickCallback.call({}, 60, 3, [])).to.equal('1m');\n    expect(tickCallback.call({}, 61, 4, [])).to.equal('1m 1s');\n    expect(tickCallback.call({}, 3600, 5, [])).to.equal('1h');\n    expect(tickCallback.call({}, 3661, 6, [])).to.equal('1h 1m');\n    expect(tickCallback.call({}, 86400, 7, [])).to.equal('1d');\n    expect(tickCallback.call({}, 90061, 8, [])).to.equal('1d 1h'); // 1 day, 1 hour, 1 minute, 1 second - should show only first two units\n    expect(tickCallback.call({}, 604800, 9, [])).to.equal('7d'); // 1 week in seconds\n    expect(tickCallback.call({}, 1209600, 10, [])).to.equal('14d'); // 2 weeks in seconds\n  });\n\n  it('applies xFormat when xType is time', async () => {\n    const chart: TembaChart = await getChart({\n      xType: 'time',\n      xFormat: 'DD'\n    });\n\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // Wait for the chart to be created after data is set\n    await new Promise((resolve) => setTimeout(resolve, 50));\n\n    expect(chart.chart).to.exist;\n    expect(chart.chart.options.scales.x.type).to.equal('time');\n    expect(\n      (chart.chart.options.scales.x as any).time.displayFormats.day\n    ).to.equal('DD');\n  });\n\n  it('does not include time config when xType is category', async () => {\n    const chart: TembaChart = await getChart({\n      xType: 'category',\n      xFormat: 'DD'\n    });\n\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // Wait for the chart to be created after data is set\n    await new Promise((resolve) => setTimeout(resolve, 50));\n\n    expect(chart.chart).to.exist;\n    expect(chart.chart.options.scales.x.type).to.equal('category');\n    expect((chart.chart.options.scales.x as any).time).to.be.undefined;\n  });\n\n  it('configures scales correctly for horizontal charts', async () => {\n    const chart: TembaChart = await getChart();\n\n    // Test vertical chart (default)\n    chart.data = sampleData;\n    await chart.updateComplete;\n    await new Promise((resolve) => setTimeout(resolve, 100));\n\n    // In vertical charts: x-axis should be for categories, y-axis for values\n    expect((chart.chart.options.scales as any).x.type).to.equal('category');\n    expect((chart.chart.options.scales as any).y.min).to.equal(0);\n    expect((chart.chart.options.scales as any).y.stacked).to.equal(true);\n\n    // Test horizontal chart\n    chart.horizontal = true;\n    await chart.updateComplete;\n    await new Promise((resolve) => setTimeout(resolve, 100));\n\n    // In horizontal charts: x-axis should be for values, y-axis for categories\n    expect((chart.chart.options.scales as any).x.min).to.equal(0);\n    expect((chart.chart.options.scales as any).x.stacked).to.equal(true);\n    expect((chart.chart.options.scales as any).y.type).to.equal('category');\n  });\n});\n\ndescribe('formatDurationFromSeconds', () => {\n  it('formats zero correctly', () => {\n    expect(formatDurationFromSeconds(0)).to.equal('0s');\n  });\n\n  it('formats seconds only', () => {\n    expect(formatDurationFromSeconds(1)).to.equal('1s');\n    expect(formatDurationFromSeconds(30)).to.equal('30s');\n    expect(formatDurationFromSeconds(59)).to.equal('59s');\n  });\n\n  it('formats minutes and seconds', () => {\n    expect(formatDurationFromSeconds(60)).to.equal('1m');\n    expect(formatDurationFromSeconds(61)).to.equal('1m 1s');\n    expect(formatDurationFromSeconds(90)).to.equal('1m 30s');\n    expect(formatDurationFromSeconds(120)).to.equal('2m');\n    expect(formatDurationFromSeconds(3599)).to.equal('59m 59s');\n  });\n\n  it('formats hours and minutes', () => {\n    expect(formatDurationFromSeconds(3600)).to.equal('1h');\n    expect(formatDurationFromSeconds(3661)).to.equal('1h 1m');\n    expect(formatDurationFromSeconds(7200)).to.equal('2h');\n    expect(formatDurationFromSeconds(68787)).to.equal('19h 6m');\n  });\n\n  it('formats days and hours', () => {\n    expect(formatDurationFromSeconds(86400)).to.equal('1d');\n    expect(formatDurationFromSeconds(90000)).to.equal('1d 1h');\n    expect(formatDurationFromSeconds(958000)).to.equal('11d 2h');\n  });\n\n  it('shows only two most significant units', () => {\n    // 1 day, 1 hour, 1 minute, 1 second - should show only \"1d 1h\"\n    expect(formatDurationFromSeconds(90061)).to.equal('1d 1h');\n\n    // 2 hours, 30 minutes, 45 seconds - should show only \"2h 30m\"\n    expect(formatDurationFromSeconds(9045)).to.equal('2h 30m');\n\n    // 5 minutes, 30 seconds - should show \"5m 30s\"\n    expect(formatDurationFromSeconds(330)).to.equal('5m 30s');\n  });\n\n  it('handles large durations', () => {\n    expect(formatDurationFromSeconds(604800)).to.equal('7d'); // 1 week\n    expect(formatDurationFromSeconds(1209600)).to.equal('14d'); // 2 weeks\n    expect(formatDurationFromSeconds(2678400)).to.equal('31d'); // ~1 month\n  });\n\n  it('supports horizontal bar charts', async () => {\n    const chart: TembaChart = await getChart();\n\n    // Test that horizontal property defaults to false\n    expect(chart.horizontal).to.equal(false);\n\n    // Set horizontal to true\n    chart.horizontal = true;\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // Wait for the chart to be created after data is set\n    await new Promise((resolve) => setTimeout(resolve, 100));\n\n    // Test that the chart was created with horizontal configuration\n    expect(chart.horizontal).to.equal(true);\n    expect(chart.chart).to.exist;\n\n    // Test that the chart configuration includes indexAxis: 'y' for horizontal bars\n    const chartConfig = chart.chart.options;\n    expect(chartConfig.indexAxis).to.equal('y');\n  });\n});\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"temba-checkbox.test.js","sourceRoot":"","sources":["../../test/temba-checkbox.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { Checkbox } from '../src/checkbox/Checkbox';\nimport { assertScreenshot, getClip } from './utils.test';\n\ndescribe('temba-checkbox', () => {\n  it('renders default checkbox', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n    `);\n\n    expect(el.label).to.equal('My Checkbox');\n    await assertScreenshot('checkbox/default', getClip(el));\n  });\n\n  it('can select by clicking on the label', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox\n        label=\"My Checkbox\"\n        animatechange=\"false\"\n      ></temba-checkbox>\n    `);\n\n    (el.shadowRoot.querySelector('.checkbox-label') as HTMLDivElement).click();\n    expect(el.checked).to.equal(true);\n    await assertScreenshot('checkbox/checked', getClip(el));\n  });\n\n  it('fires change event on click', async () => {\n    // eslint-disable-next-line no-async-promise-executor\n    return new Promise<void>(async (resolve) => {\n      const checkbox: Checkbox = await fixture(html`\n        <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n      `);\n\n      checkbox.addEventListener('change', () => {\n        resolve();\n      });\n\n      click('temba-checkbox');\n    });\n  });\n\n  it('checks via click method', async () => {\n    const checkbox: Checkbox = await fixture(html`\n      <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n    `);\n    checkbox.click();\n    expect(checkbox.checked).to.equal(true);\n  });\n\n  it('has background hover effect when label is set', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\" label=\"My Label\"></temba-checkbox>\n    `);\n    expect(el.label).to.equal('My Label');\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.not.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-label-background-hover',\n      getClip(el)\n    );\n  });\n\n  //note: sometimes upstream logic sets an empty checkbox label to the name value,\n  //but this is the expected behavior if the label value is still empty,\n  //upon rendering the component\n  it('has no background hover effect when label is empty', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\"></temba-checkbox>\n    `);\n    expect(el.label).to.equal(null);\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-no-label-no-background-hover',\n      getClip(el)\n    );\n  });\n\n  it('has no background hover effect when label is whitespace', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\" label=\" \"></temba-checkbox>\n    `);\n    expect(el.label).to.equal('');\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-whitespace-label-no-background-hover',\n      getClip(el)\n    );\n  });\n\n  it('submits as boolean without value', async () => {\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // if we didn't click it, it shouldn't be in the form data\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('1');\n  });\n\n  it('supports custom values', async () => {\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\" value=\"3\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // if we didn't click it, it shouldn't be in the form data\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('3');\n  });\n\n  it('supports programmtically updated values', async () => {\n    // start with empty value\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // update our value directly\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    checkbox.value = '5';\n\n    // we set a custom value, but we still aren't checked\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('5');\n  });\n});\n"]}
+{"version":3,"file":"temba-checkbox.test.js","sourceRoot":"","sources":["../../test/temba-checkbox.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, fixture, expect } from '@open-wc/testing';\nimport { Checkbox } from '../src/form/Checkbox';\nimport { assertScreenshot, getClip } from './utils.test';\n\ndescribe('temba-checkbox', () => {\n  it('renders default checkbox', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n    `);\n\n    expect(el.label).to.equal('My Checkbox');\n    await assertScreenshot('checkbox/default', getClip(el));\n  });\n\n  it('can select by clicking on the label', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox\n        label=\"My Checkbox\"\n        animatechange=\"false\"\n      ></temba-checkbox>\n    `);\n\n    (el.shadowRoot.querySelector('.checkbox-label') as HTMLDivElement).click();\n    expect(el.checked).to.equal(true);\n    await assertScreenshot('checkbox/checked', getClip(el));\n  });\n\n  it('fires change event on click', async () => {\n    // eslint-disable-next-line no-async-promise-executor\n    return new Promise<void>(async (resolve) => {\n      const checkbox: Checkbox = await fixture(html`\n        <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n      `);\n\n      checkbox.addEventListener('change', () => {\n        resolve();\n      });\n\n      click('temba-checkbox');\n    });\n  });\n\n  it('checks via click method', async () => {\n    const checkbox: Checkbox = await fixture(html`\n      <temba-checkbox label=\"My Checkbox\"></temba-checkbox>\n    `);\n    checkbox.click();\n    expect(checkbox.checked).to.equal(true);\n  });\n\n  it('has background hover effect when label is set', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\" label=\"My Label\"></temba-checkbox>\n    `);\n    expect(el.label).to.equal('My Label');\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.not.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-label-background-hover',\n      getClip(el)\n    );\n  });\n\n  //note: sometimes upstream logic sets an empty checkbox label to the name value,\n  //but this is the expected behavior if the label value is still empty,\n  //upon rendering the component\n  it('has no background hover effect when label is empty', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\"></temba-checkbox>\n    `);\n    expect(el.label).to.equal(null);\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-no-label-no-background-hover',\n      getClip(el)\n    );\n  });\n\n  it('has no background hover effect when label is whitespace', async () => {\n    const el: Checkbox = await fixture(html`\n      <temba-checkbox name=\"My Checkbox\" label=\" \"></temba-checkbox>\n    `);\n    expect(el.label).to.equal('');\n    //the \".wrapper.label\" style results in the background hover effect\n    const wrapperDivEl = el.shadowRoot.querySelector(\n      'div.wrapper.label'\n    ) as HTMLDivElement;\n    expect(wrapperDivEl).to.equal(null);\n    await assertScreenshot(\n      'checkbox/checkbox-whitespace-label-no-background-hover',\n      getClip(el)\n    );\n  });\n\n  it('submits as boolean without value', async () => {\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // if we didn't click it, it shouldn't be in the form data\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('1');\n  });\n\n  it('supports custom values', async () => {\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\" value=\"3\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // if we didn't click it, it shouldn't be in the form data\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('3');\n  });\n\n  it('supports programmtically updated values', async () => {\n    // start with empty value\n    const form = (await fixture(html`\n      <form>\n        <temba-checkbox name=\"my-cb\"></temba-checkbox>\n      </form>\n    `)) as HTMLFormElement;\n\n    // update our value directly\n    const checkbox = form.querySelector('temba-checkbox') as Checkbox;\n    checkbox.value = '5';\n\n    // we set a custom value, but we still aren't checked\n    let data = new FormData(form);\n    expect(data.get('my-cb')).to.equal(null);\n\n    // click our checkbox\n    await click('temba-checkbox');\n    expect(checkbox.checked).to.equal(true);\n\n    // clicking a non-value checkbox should set it to 1\n    data = new FormData(form);\n    expect(data.get('my-cb')).to.equal('5');\n  });\n});\n"]}

package/out-tsc/test/temba-color-picker.test.js

@@ -1,5 +1,5 @@
 import { assert } from '@open-wc/testing';
-import { ColorPicker } from '../src/colorpicker/ColorPicker';
+import { ColorPicker } from '../src/form/ColorPicker';
 import { assertScreenshot, getClip, getComponent } from './utils.test';
 const TAG = 'temba-color-picker';
 const getPicker = async (attrs = {}) => {

package/out-tsc/test/temba-color-picker.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"temba-color-picker.test.js","sourceRoot":"","sources":["../../test/temba-color-picker.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,GAAG,GAAG,oBAAoB,CAAC;AACjC,MAAM,SAAS,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC1C,MAAM,MAAM,GAAG,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAgB,CAAC;IACxE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,MAAM,GAAgB,MAAM,SAAS,CAAC;YAC1C,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,eAAe;SACvB,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QACvC,MAAM,gBAAgB,CAAC,qBAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,MAAM,GAAgB,MAAM,SAAS,CAAC;YAC1C,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC;QACH,MAAM,gBAAgB,CAAC,yBAAyB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,MAAM,GAAgB,MAAM,SAAS,CAAC;YAC1C,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC;QACF,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAiB,CAAC,KAAK,EAAE,CAAC;QAErE,MAAM,gBAAgB,CAAC,qBAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,MAAM,GAAgB,MAAM,SAAS,CAAC;YAC1C,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC;QACF,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAiB,CAAC,KAAK,EAAE,CAAC;QAErE,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;QAE7B,oDAAoD;QACpD,MAAM,IAAI,GAAG,MAAa,CAAC;QAC3B,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;QAEtD,MAAM,gBAAgB,CAAC,sBAAsB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert } from '@open-wc/testing';\nimport { ColorPicker } from '../src/colorpicker/ColorPicker';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-color-picker';\nconst getPicker = async (attrs: any = {}) => {\n  const picker = (await getComponent(TAG, attrs, '', 400)) as ColorPicker;\n  return picker;\n};\n\ndescribe('temba-color-picker', () => {\n  it('renders default', async () => {\n    const picker: ColorPicker = await getPicker({\n      name: 'primary',\n      label: 'Primary Color'\n    });\n    assert.instanceOf(picker, ColorPicker);\n    await assertScreenshot('colorpicker/default', getClip(picker));\n  });\n\n  it('initializes value', async () => {\n    const picker: ColorPicker = await getPicker({\n      name: 'primary',\n      label: 'Primary Color',\n      value: '#2387ca'\n    });\n    await assertScreenshot('colorpicker/initialized', getClip(picker));\n  });\n\n  it('shows spectrum picker', async () => {\n    const picker: ColorPicker = await getPicker({\n      name: 'primary',\n      label: 'Primary Color',\n      value: '#2387ca'\n    });\n    (picker.shadowRoot.querySelector('.preview') as HTMLElement).click();\n\n    await assertScreenshot('colorpicker/focused', getClip(picker));\n  });\n\n  it('selects color', async () => {\n    const picker: ColorPicker = await getPicker({\n      name: 'primary',\n      label: 'Primary Color',\n      value: '#2387ca'\n    });\n    (picker.shadowRoot.querySelector('.preview') as HTMLElement).click();\n\n    const clip = getClip(picker);\n\n    // move our mouse over the count to show the summary\n    const page = window as any;\n    await page.mouseClick(clip.left + 200, clip.top + 35);\n\n    await assertScreenshot('colorpicker/selected', getClip(picker));\n  });\n});\n"]}
+{"version":3,"file":"temba-color-picker.test.js","sourceRoot":"","sources":["../../test/temba-color-picker.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEvE,MAAM,GAAG,GAAG,oBAAoB,CAAC;AACjC,MAAM,SAAS,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC1C,MAAM,MAAM,GAAG,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAgB,CAAC;IACxE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,MAAM,MAAM,GAAgB,MAAM,SAAS,CAAC;YAC1C,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,eAAe;SACvB,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QACvC,MAAM,gBAAgB,CAAC,qBAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,MAAM,GAAgB,MAAM,SAAS,CAAC;YAC1C,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC;QACH,MAAM,gBAAgB,CAAC,yBAAyB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,MAAM,GAAgB,MAAM,SAAS,CAAC;YAC1C,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC;QACF,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAiB,CAAC,KAAK,EAAE,CAAC;QAErE,MAAM,gBAAgB,CAAC,qBAAqB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,MAAM,GAAgB,MAAM,SAAS,CAAC;YAC1C,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,eAAe;YACtB,KAAK,EAAE,SAAS;SACjB,CAAC,CAAC;QACF,MAAM,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAAiB,CAAC,KAAK,EAAE,CAAC;QAErE,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;QAE7B,oDAAoD;QACpD,MAAM,IAAI,GAAG,MAAa,CAAC;QAC3B,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;QAEtD,MAAM,gBAAgB,CAAC,sBAAsB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert } from '@open-wc/testing';\nimport { ColorPicker } from '../src/form/ColorPicker';\nimport { assertScreenshot, getClip, getComponent } from './utils.test';\n\nconst TAG = 'temba-color-picker';\nconst getPicker = async (attrs: any = {}) => {\n  const picker = (await getComponent(TAG, attrs, '', 400)) as ColorPicker;\n  return picker;\n};\n\ndescribe('temba-color-picker', () => {\n  it('renders default', async () => {\n    const picker: ColorPicker = await getPicker({\n      name: 'primary',\n      label: 'Primary Color'\n    });\n    assert.instanceOf(picker, ColorPicker);\n    await assertScreenshot('colorpicker/default', getClip(picker));\n  });\n\n  it('initializes value', async () => {\n    const picker: ColorPicker = await getPicker({\n      name: 'primary',\n      label: 'Primary Color',\n      value: '#2387ca'\n    });\n    await assertScreenshot('colorpicker/initialized', getClip(picker));\n  });\n\n  it('shows spectrum picker', async () => {\n    const picker: ColorPicker = await getPicker({\n      name: 'primary',\n      label: 'Primary Color',\n      value: '#2387ca'\n    });\n    (picker.shadowRoot.querySelector('.preview') as HTMLElement).click();\n\n    await assertScreenshot('colorpicker/focused', getClip(picker));\n  });\n\n  it('selects color', async () => {\n    const picker: ColorPicker = await getPicker({\n      name: 'primary',\n      label: 'Primary Color',\n      value: '#2387ca'\n    });\n    (picker.shadowRoot.querySelector('.preview') as HTMLElement).click();\n\n    const clip = getClip(picker);\n\n    // move our mouse over the count to show the summary\n    const page = window as any;\n    await page.mouseClick(clip.left + 200, clip.top + 35);\n\n    await assertScreenshot('colorpicker/selected', getClip(picker));\n  });\n});\n"]}

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

@@ -1,5 +1,5 @@
 import { fixture, assert } from '@open-wc/testing';
-import { Completion } from '../src/completion/Completion';
+import { Completion } from '../src/form/Completion';
 import './utils.test';
 export const getHTML = () => {
     return `<temba-completion></temba-completion>`;

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

@@ -1 +1 @@
-{"version":3,"file":"temba-completion.test.js","sourceRoot":"","sources":["../../test/temba-completion.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,uCAAuC,CAAC;AACjD,CAAC,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,UAAU,GAAe,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QACxD,MAAM,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture, assert } from '@open-wc/testing';\nimport { Completion } from '../src/completion/Completion';\nimport './utils.test';\n\nexport const getHTML = () => {\n  return `<temba-completion></temba-completion>`;\n};\n\ndescribe('temba-completion', () => {\n  it('can be created', async () => {\n    const completion: Completion = await fixture(getHTML());\n    assert.instanceOf(completion, Completion);\n  });\n});\n"]}
+{"version":3,"file":"temba-completion.test.js","sourceRoot":"","sources":["../../test/temba-completion.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,OAAO,uCAAuC,CAAC;AACjD,CAAC,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,UAAU,GAAe,MAAM,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QACxD,MAAM,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture, assert } from '@open-wc/testing';\nimport { Completion } from '../src/form/Completion';\nimport './utils.test';\n\nexport const getHTML = () => {\n  return `<temba-completion></temba-completion>`;\n};\n\ndescribe('temba-completion', () => {\n  it('can be created', async () => {\n    const completion: Completion = await fixture(getHTML());\n    assert.instanceOf(completion, Completion);\n  });\n});\n"]}

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

@@ -1,5 +1,5 @@
 import { assert, expect } from '@open-wc/testing';
-import { Compose } from '../src/compose/Compose';
+import { Compose } from '../src/form/Compose';
 import { assertScreenshot, getClip, getComponent, getValidAttachments, getValidText, updateComponent } from './utils.test';
 import { DEFAULT_MEDIA_ENDPOINT } from '../src/utils';
 const TAG = 'temba-compose';

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

@@ -1 +1 @@
-{"version":3,"file":"temba-compose.test.js","sourceRoot":"","sources":["../../test/temba-compose.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { Compose } from '../src/compose/Compose';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  getValidAttachments,\n  getValidText,\n  updateComponent\n} from './utils.test';\nimport { DEFAULT_MEDIA_ENDPOINT } from '../src/utils';\nimport { Attachment } from '../src/interfaces';\n\nconst TAG = 'temba-compose';\nconst getCompose = async (attrs: any = {}, width = 500, height = 500) => {\n  const compose = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    width,\n    height,\n    'display:flex;flex-direction:column;flex-grow:1;'\n  )) as Compose;\n  return compose;\n};\n\nconst getInitialValue = (\n  text?: string,\n  attachments?: Attachment[],\n  quick_replies?: []\n): any => {\n  const composeValue = {\n    und: {\n      text: text ? text : '',\n      attachments: attachments ? attachments : [],\n      quick_replies: quick_replies ? quick_replies : [],\n      optin: null,\n      template: null,\n      variables: []\n    }\n  };\n  return composeValue;\n};\nconst getComposeValue = (value: any): string => {\n  return JSON.stringify(value);\n};\n\n// for a test width of 500, return a string that is 60+ chars with spaces\n// to test that line breaks / word wrapping works as expected\nconst getValidText_Long_WithSpaces = () => {\n  return 'bbbbbbbbbb bbbbbbbbbb bbbbbbbbbb bbbbbbbbbb bbbbbbbbbb bbbbbbbbbb bbbbbbbbbb ';\n};\n\nconst getValidText_Long_WithNoSpaces = () => {\n  return 'bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb';\n};\n\nconst getValidText_Long_WithUrl = () => {\n  return 'http://www.yourmomyourmomyourmomyourmomyourmomyourmomyourmomyourmomyourmomyourmomyourmom.com';\n};\n\ndescribe('temba-compose chatbox', () => {\n  it('can be created', async () => {\n    const compose: Compose = await getCompose();\n    assert.instanceOf(compose, Compose);\n    expect(compose.endpoint).equals(DEFAULT_MEDIA_ENDPOINT);\n  });\n\n  it('cannot be created with a different endpoint', async () => {\n    const compose: Compose = await getCompose({\n      endpoint: '/schmsgmedia/schmupload/'\n    });\n    assert.instanceOf(compose, Compose);\n    expect(compose.endpoint).equals(DEFAULT_MEDIA_ENDPOINT);\n  });\n\n  it('no counter', async () => {\n    const compose: Compose = await getCompose({\n      chatbox: true\n    });\n    await assertScreenshot('compose/no-counter', getClip(compose));\n  });\n\n  it('initializes with text', async () => {\n    const compose: Compose = await getCompose({\n      counter: true\n    });\n    await updateComponent(compose, getValidText());\n    await assertScreenshot('compose/intial-text', getClip(compose));\n  });\n\n  it('serializes', async () => {\n    const initialValue = getInitialValue(getValidText());\n    const composeValue = getComposeValue(initialValue);\n\n    const compose: Compose = await getCompose({\n      counter: true,\n      value: composeValue\n    });\n\n    // deserialize\n    expect(compose.currentText).to.equal(getValidText());\n    expect(compose.currentAttachments).to.deep.equal([]);\n\n    // serialize\n    expect(compose.value).to.equal(composeValue);\n  });\n\n  // TODO: these are better suited for textinput tests\n  it('wraps text and spaces', async () => {\n    const compose: Compose = await getCompose({\n      counter: true\n    });\n    await updateComponent(compose, getValidText_Long_WithSpaces());\n    await assertScreenshot('compose/wraps-text-and-spaces', getClip(compose));\n  });\n\n  it('wraps text and no spaces', async () => {\n    const compose: Compose = await getCompose({\n      counter: true\n    });\n    await updateComponent(compose, getValidText_Long_WithNoSpaces());\n    await assertScreenshot('compose/wraps-text-no-spaces', getClip(compose));\n  });\n\n  it('wraps with text and url', async () => {\n    const compose: Compose = await getCompose({\n      counter: true\n    });\n    await updateComponent(compose, getValidText_Long_WithUrl());\n    await assertScreenshot('compose/wraps-text-and-url', getClip(compose));\n  });\n});\n\ndescribe('temba-compose attachments', () => {\n  it('supports attachments tab', async () => {\n    const compose: Compose = await getCompose({\n      attachments: true\n    });\n    await assertScreenshot('compose/attachments-tab', getClip(compose));\n  });\n\n  it('shows valid attachments', async () => {\n    const compose: Compose = await getCompose({\n      attachments: true\n    });\n    await updateComponent(compose, null, getValidAttachments());\n    await assertScreenshot('compose/attachments-with-files', getClip(compose));\n\n    // click on tab\n    const tabs = compose.getTabs();\n    tabs.focusTab('Attachments');\n\n    // todo: this test is weirdly inconsistent\n    /* await assertScreenshot(\n      'compose/attachments-with-files-focused',\n      getClip(compose)\n    );*/\n  });\n\n  it('serializes attachments', async () => {\n    const initialValue = getInitialValue(null, getValidAttachments());\n    const composeValue = getComposeValue(initialValue);\n    const compose: Compose = await getCompose({\n      attachments: true,\n      value: composeValue\n    });\n    // deserialize\n    expect(compose.currentText).to.equal('');\n    expect(compose.currentAttachments).to.deep.equal(getValidAttachments());\n    // serialize\n    expect(compose.value).to.equal(composeValue);\n  });\n});\n"]}
+{"version":3,"file":"temba-compose.test.js","sourceRoot":"","sources":["../../test/temba-compose.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { assert, expect } from '@open-wc/testing';\nimport { Compose } from '../src/form/Compose';\nimport {\n  assertScreenshot,\n  getClip,\n  getComponent,\n  getValidAttachments,\n  getValidText,\n  updateComponent\n} from './utils.test';\nimport { DEFAULT_MEDIA_ENDPOINT } from '../src/utils';\nimport { Attachment } from '../src/interfaces';\n\nconst TAG = 'temba-compose';\nconst getCompose = async (attrs: any = {}, width = 500, height = 500) => {\n  const compose = (await getComponent(\n    TAG,\n    attrs,\n    '',\n    width,\n    height,\n    'display:flex;flex-direction:column;flex-grow:1;'\n  )) as Compose;\n  return compose;\n};\n\nconst getInitialValue = (\n  text?: string,\n  attachments?: Attachment[],\n  quick_replies?: []\n): any => {\n  const composeValue = {\n    und: {\n      text: text ? text : '',\n      attachments: attachments ? attachments : [],\n      quick_replies: quick_replies ? quick_replies : [],\n      optin: null,\n      template: null,\n      variables: []\n    }\n  };\n  return composeValue;\n};\nconst getComposeValue = (value: any): string => {\n  return JSON.stringify(value);\n};\n\n// for a test width of 500, return a string that is 60+ chars with spaces\n// to test that line breaks / word wrapping works as expected\nconst getValidText_Long_WithSpaces = () => {\n  return 'bbbbbbbbbb bbbbbbbbbb bbbbbbbbbb bbbbbbbbbb bbbbbbbbbb bbbbbbbbbb bbbbbbbbbb ';\n};\n\nconst getValidText_Long_WithNoSpaces = () => {\n  return 'bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb';\n};\n\nconst getValidText_Long_WithUrl = () => {\n  return 'http://www.yourmomyourmomyourmomyourmomyourmomyourmomyourmomyourmomyourmomyourmomyourmom.com';\n};\n\ndescribe('temba-compose chatbox', () => {\n  it('can be created', async () => {\n    const compose: Compose = await getCompose();\n    assert.instanceOf(compose, Compose);\n    expect(compose.endpoint).equals(DEFAULT_MEDIA_ENDPOINT);\n  });\n\n  it('cannot be created with a different endpoint', async () => {\n    const compose: Compose = await getCompose({\n      endpoint: '/schmsgmedia/schmupload/'\n    });\n    assert.instanceOf(compose, Compose);\n    expect(compose.endpoint).equals(DEFAULT_MEDIA_ENDPOINT);\n  });\n\n  it('no counter', async () => {\n    const compose: Compose = await getCompose({\n      chatbox: true\n    });\n    await assertScreenshot('compose/no-counter', getClip(compose));\n  });\n\n  it('initializes with text', async () => {\n    const compose: Compose = await getCompose({\n      counter: true\n    });\n    await updateComponent(compose, getValidText());\n    await assertScreenshot('compose/intial-text', getClip(compose));\n  });\n\n  it('serializes', async () => {\n    const initialValue = getInitialValue(getValidText());\n    const composeValue = getComposeValue(initialValue);\n\n    const compose: Compose = await getCompose({\n      counter: true,\n      value: composeValue\n    });\n\n    // deserialize\n    expect(compose.currentText).to.equal(getValidText());\n    expect(compose.currentAttachments).to.deep.equal([]);\n\n    // serialize\n    expect(compose.value).to.equal(composeValue);\n  });\n\n  // TODO: these are better suited for textinput tests\n  it('wraps text and spaces', async () => {\n    const compose: Compose = await getCompose({\n      counter: true\n    });\n    await updateComponent(compose, getValidText_Long_WithSpaces());\n    await assertScreenshot('compose/wraps-text-and-spaces', getClip(compose));\n  });\n\n  it('wraps text and no spaces', async () => {\n    const compose: Compose = await getCompose({\n      counter: true\n    });\n    await updateComponent(compose, getValidText_Long_WithNoSpaces());\n    await assertScreenshot('compose/wraps-text-no-spaces', getClip(compose));\n  });\n\n  it('wraps with text and url', async () => {\n    const compose: Compose = await getCompose({\n      counter: true\n    });\n    await updateComponent(compose, getValidText_Long_WithUrl());\n    await assertScreenshot('compose/wraps-text-and-url', getClip(compose));\n  });\n});\n\ndescribe('temba-compose attachments', () => {\n  it('supports attachments tab', async () => {\n    const compose: Compose = await getCompose({\n      attachments: true\n    });\n    await assertScreenshot('compose/attachments-tab', getClip(compose));\n  });\n\n  it('shows valid attachments', async () => {\n    const compose: Compose = await getCompose({\n      attachments: true\n    });\n    await updateComponent(compose, null, getValidAttachments());\n    await assertScreenshot('compose/attachments-with-files', getClip(compose));\n\n    // click on tab\n    const tabs = compose.getTabs();\n    tabs.focusTab('Attachments');\n\n    // todo: this test is weirdly inconsistent\n    /* await assertScreenshot(\n      'compose/attachments-with-files-focused',\n      getClip(compose)\n    );*/\n  });\n\n  it('serializes attachments', async () => {\n    const initialValue = getInitialValue(null, getValidAttachments());\n    const composeValue = getComposeValue(initialValue);\n    const compose: Compose = await getCompose({\n      attachments: true,\n      value: composeValue\n    });\n    // deserialize\n    expect(compose.currentText).to.equal('');\n    expect(compose.currentAttachments).to.deep.equal(getValidAttachments());\n    // serialize\n    expect(compose.value).to.equal(composeValue);\n  });\n});\n"]}

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

@@ -1,5 +1,5 @@
 import { assert } from '@open-wc/testing';
-import { ContactBadges } from '../src/contacts/ContactBadges';
+import { ContactBadges } from '../src/live/ContactBadges';
 import { assertScreenshot, delay, getClip, getComponent, loadStore } from './utils.test';
 const TAG = 'temba-contact-badges';
 const getBadges = async (attrs = {}) => {

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

@@ -1 +1 @@
-{"version":3,"file":"temba-contact-badges.test.js","sourceRoot":"","sources":["../../test/temba-contact-badges.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EACL,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,YAAY,EACZ,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,MAAM,GAAG,GAAG,sBAAsB,CAAC;AACnC,MAAM,SAAS,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC1C,KAAK,CAAC,UAAU,CAAC,GAAG,wBAAwB,CAAC;IAC7C,MAAM,MAAM,GAAG,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAkB,CAAC;IAE1E,+BAA+B;IAC/B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IAEjB,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,+CAA+C;QAC/C,MAAM,SAAS,EAAE,CAAC;QAElB,MAAM,MAAM,GAAkB,MAAM,SAAS,CAAC;YAC5C,OAAO,EAAE,qBAAqB;SAC/B,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACzC,MAAM,gBAAgB,CAAC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert } from '@open-wc/testing';\nimport { ContactBadges } from '../src/contacts/ContactBadges';\nimport {\n  assertScreenshot,\n  delay,\n  getClip,\n  getComponent,\n  loadStore\n} from './utils.test';\n\nconst TAG = 'temba-contact-badges';\nconst getBadges = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  const badges = (await getComponent(TAG, attrs, '', 400)) as ContactBadges;\n\n  // wait for our contact to load\n  await delay(100);\n\n  return badges;\n};\n\ndescribe('temba-contact-badges', () => {\n  it('renders default', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n\n    const badges: ContactBadges = await getBadges({\n      contact: 'contact-dave-active'\n    });\n    assert.instanceOf(badges, ContactBadges);\n    await assertScreenshot('contacts/badges', getClip(badges));\n  });\n});\n"]}
+{"version":3,"file":"temba-contact-badges.test.js","sourceRoot":"","sources":["../../test/temba-contact-badges.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EACL,gBAAgB,EAChB,KAAK,EACL,OAAO,EACP,YAAY,EACZ,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,MAAM,GAAG,GAAG,sBAAsB,CAAC;AACnC,MAAM,SAAS,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IAC1C,KAAK,CAAC,UAAU,CAAC,GAAG,wBAAwB,CAAC;IAC7C,MAAM,MAAM,GAAG,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAkB,CAAC;IAE1E,+BAA+B;IAC/B,MAAM,KAAK,CAAC,GAAG,CAAC,CAAC;IAEjB,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC/B,+CAA+C;QAC/C,MAAM,SAAS,EAAE,CAAC;QAElB,MAAM,MAAM,GAAkB,MAAM,SAAS,CAAC;YAC5C,OAAO,EAAE,qBAAqB;SAC/B,CAAC,CAAC;QACH,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;QACzC,MAAM,gBAAgB,CAAC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { assert } from '@open-wc/testing';\nimport { ContactBadges } from '../src/live/ContactBadges';\nimport {\n  assertScreenshot,\n  delay,\n  getClip,\n  getComponent,\n  loadStore\n} from './utils.test';\n\nconst TAG = 'temba-contact-badges';\nconst getBadges = async (attrs: any = {}) => {\n  attrs['endpoint'] = '/test-assets/contacts/';\n  const badges = (await getComponent(TAG, attrs, '', 400)) as ContactBadges;\n\n  // wait for our contact to load\n  await delay(100);\n\n  return badges;\n};\n\ndescribe('temba-contact-badges', () => {\n  it('renders default', async () => {\n    // we are a StoreElement, so load a store first\n    await loadStore();\n\n    const badges: ContactBadges = await getBadges({\n      contact: 'contact-dave-active'\n    });\n    assert.instanceOf(badges, ContactBadges);\n    await assertScreenshot('contacts/badges', getClip(badges));\n  });\n});\n"]}

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

@@ -3,7 +3,6 @@ import { CustomEventType } from '../src/interfaces';
 import { assertScreenshot, clearMockPosts, getClip, getComponent, getValidAttachments, getValidText, loadStore, mockAPI, mockGET, mockNow, mockPOST, updateComponent } from '../test/utils.test';
 import { expect, oneEvent } from '@open-wc/testing';
 let clock;
-mockNow('2021-03-31T00:31:00.000-00:00');
 const TAG = 'temba-contact-chat';
 const getContactChat = async (attrs = {}) => {
     attrs['endpoint'] = '/test-assets/contacts/';
@@ -21,9 +20,11 @@ const getResponseSuccessFiles = (attachments) => {
     return response_attachments;
 };
 describe('temba-contact-chat', () => {
+    let mockedNow;
     // map requests for contact history to our static files
     // we'll just us the same historylist for everybody for now
     beforeEach(() => {
+        mockedNow = mockNow('2021-03-31T00:31:00.000-00:00');
         clearMockPosts();
         mockGET(/\/contact\/history\/contact-.*/, '/test-assets/contacts/history.json');
         mockGET(/\/api\/v2\/users\.json\?email=admin1%40nyaruka\.com/, '/test-assets/api/users/admin1.json');
@@ -32,6 +33,7 @@ describe('temba-contact-chat', () => {
     });
     afterEach(function () {
         clock.restore();
+        mockedNow.restore();
     });
     it('show history and show chatbox if contact is active', async () => {
         // we are a StoreElement, so load a store first

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 { useFakeTimers } from 'sinon';\nimport { Compose } from '../src/compose/Compose';\nimport { ContactChat } from '../src/contacts/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;\nmockNow('2021-03-31T00:31:00.000-00:00');\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  // map requests for contact history to our static files\n  // we'll just us the same historylist for everybody for now\n  beforeEach(() => {\n    clearMockPosts();\n    mockGET(\n      /\\/contact\\/history\\/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  });\n\n  it('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    });\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    });\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      contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n      text: text,\n      attachments: []\n    };\n    mockPOST(/api\\/v2\\/messages\\.json/, 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      contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n      text: '',\n      attachments: response_attachments\n    };\n    const response_headers = {};\n    const response_status = '200';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\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      contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n      text: text,\n      attachments: response_attachments\n    };\n    mockPOST(/api\\/v2\\/messages\\.json/, 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\\/history\\/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  it('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    });\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    });\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      contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n      text: text,\n      attachments: []\n    };\n    mockPOST(/api\\/v2\\/messages\\.json/, 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      contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n      text: '',\n      attachments: response_attachments\n    };\n    const response_headers = {};\n    const response_status = '200';\n    mockPOST(\n      /api\\/v2\\/messages\\.json/,\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      contact: { uuid: 'contact-dave-active', name: 'Dave Matthews' },\n      text: text,\n      attachments: response_attachments\n    };\n    mockPOST(/api\\/v2\\/messages\\.json/, 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"]}