@nyaruka/temba-components 0.122.0 → 0.124.0

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

@@ -0,0 +1,176 @@
+import { assert } from '@open-wc/testing';
+import { zustand } from '../src/store/AppState';
+describe('AppState Language Reset', () => {
+    beforeEach(() => {
+        // Reset the store state before each test
+        const state = zustand.getState();
+        zustand.setState({
+            ...state,
+            languageCode: '',
+            isTranslating: false,
+            flowDefinition: null,
+            flowInfo: null
+        });
+    });
+    it('should reset language when loading a new flow', () => {
+        const state = zustand.getState();
+        // First, load an initial flow to establish state
+        const initialFlowContents = {
+            definition: {
+                language: 'en',
+                localization: {},
+                name: 'Initial Flow',
+                nodes: [],
+                uuid: 'initial-uuid',
+                type: 'messaging',
+                revision: 1,
+                spec_version: '14.3',
+                _ui: {
+                    nodes: {},
+                    languages: []
+                }
+            },
+            info: {
+                results: [],
+                dependencies: [],
+                counts: { nodes: 0, languages: 1 },
+                locals: []
+            }
+        };
+        state.setFlowContents(initialFlowContents);
+        // Simulate having a previous flow with localization
+        state.setLanguageCode('es'); // User selected Spanish for localization
+        assert.equal(zustand.getState().languageCode, 'es');
+        assert.equal(zustand.getState().isTranslating, true); // Now translating from English to Spanish
+        // Simulate loading a new flow with English as default
+        const mockFlowContents = {
+            definition: {
+                language: 'en',
+                localization: {},
+                name: 'Test Flow',
+                nodes: [],
+                uuid: 'test-uuid',
+                type: 'messaging',
+                revision: 1,
+                spec_version: '14.3',
+                _ui: {
+                    nodes: {},
+                    languages: []
+                }
+            },
+            info: {
+                results: [],
+                dependencies: [],
+                counts: { nodes: 0, languages: 1 },
+                locals: []
+            }
+        };
+        state.setFlowContents(mockFlowContents);
+        // The language should reset to the flow's default language
+        assert.equal(zustand.getState().languageCode, 'en', 'Language should reset to flow default');
+        assert.equal(zustand.getState().isTranslating, false, 'Should not be in translation mode');
+    });
+    it('should set isTranslating correctly when languages differ', () => {
+        const state = zustand.getState();
+        // Load a flow with Spanish as default
+        const mockFlowContents = {
+            definition: {
+                language: 'es',
+                localization: {},
+                name: 'Test Flow',
+                nodes: [],
+                uuid: 'test-uuid',
+                type: 'messaging',
+                revision: 1,
+                spec_version: '14.3',
+                _ui: {
+                    nodes: {},
+                    languages: []
+                }
+            },
+            info: {
+                results: [],
+                dependencies: [],
+                counts: { nodes: 0, languages: 1 },
+                locals: []
+            }
+        };
+        state.setFlowContents(mockFlowContents);
+        // Should be in Spanish and not translating
+        assert.equal(zustand.getState().languageCode, 'es');
+        assert.equal(zustand.getState().isTranslating, false);
+        // Now switch to English for localization
+        state.setLanguageCode('en');
+        assert.equal(zustand.getState().languageCode, 'en');
+        assert.equal(zustand.getState().isTranslating, true, 'Should be translating when language differs from flow default');
+    });
+    it('should preserve flow default language when no previous language is set', () => {
+        const state = zustand.getState();
+        // Load a flow with French as default, no previous language set
+        const mockFlowContents = {
+            definition: {
+                language: 'fr',
+                localization: {},
+                name: 'Test Flow',
+                nodes: [],
+                uuid: 'test-uuid',
+                type: 'messaging',
+                revision: 1,
+                spec_version: '14.3',
+                _ui: {
+                    nodes: {},
+                    languages: []
+                }
+            },
+            info: {
+                results: [],
+                dependencies: [],
+                counts: { nodes: 0, languages: 1 },
+                locals: []
+            }
+        };
+        state.setFlowContents(mockFlowContents);
+        // Should use the flow's default language
+        assert.equal(zustand.getState().languageCode, 'fr', 'Should use flow default language');
+        assert.equal(zustand.getState().isTranslating, false, 'Should not be translating');
+    });
+    it('should handle language switching after flow is loaded', () => {
+        const state = zustand.getState();
+        // Load a flow with English as default
+        const mockFlowContents = {
+            definition: {
+                language: 'en',
+                localization: {},
+                name: 'Test Flow',
+                nodes: [],
+                uuid: 'test-uuid',
+                type: 'messaging',
+                revision: 1,
+                spec_version: '14.3',
+                _ui: {
+                    nodes: {},
+                    languages: []
+                }
+            },
+            info: {
+                results: [],
+                dependencies: [],
+                counts: { nodes: 0, languages: 1 },
+                locals: []
+            }
+        };
+        state.setFlowContents(mockFlowContents);
+        // Should start in English, not translating
+        assert.equal(zustand.getState().languageCode, 'en');
+        assert.equal(zustand.getState().isTranslating, false);
+        // Switch to Spanish for localization
+        state.setLanguageCode('es');
+        assert.equal(zustand.getState().languageCode, 'es');
+        assert.equal(zustand.getState().isTranslating, true);
+        // Switch back to English
+        state.setLanguageCode('en');
+        assert.equal(zustand.getState().languageCode, 'en');
+        assert.equal(zustand.getState().isTranslating, false);
+    });
+});
+//# sourceMappingURL=temba-appstate-language.test.js.map

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

@@ -0,0 +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"]}

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

@@ -1,4 +1,5 @@
 import { expect } from '@open-wc/testing';
+import { formatDurationFromSeconds } from '../src/chart/TembaChart';
 import { getComponent } from './utils.test';
 const sampleData = {
     labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
@@ -42,5 +43,129 @@ describe('temba-chart', () => {
         // now others should be everything but general and support
         expect(chart.datasets[2].data).to.deep.equal([58, 28, 10, 1, 0, 19, 20]);
     });
+    it('supports duration formatting', async () => {
+        const chart = await getChart();
+        // Test that formatDuration property exists and defaults to false
+        expect(chart.formatDuration).to.equal(false);
+        // Test that we can set formatDuration to true
+        chart.formatDuration = true;
+        expect(chart.formatDuration).to.equal(true);
+    });
+    it('formats duration values correctly', async () => {
+        const chart = await getChart();
+        // Access the formatDurationFromSeconds function through the chart's module
+        // We need to test the duration formatting logic
+        const durationData = {
+            labels: ['Day 1', 'Day 2', 'Day 3'],
+            datasets: [
+                {
+                    label: 'Process Time',
+                    data: [68787, 958000, 3661] // seconds that should be formatted as durations
+                }
+            ]
+        };
+        chart.formatDuration = true;
+        chart.data = durationData;
+        await chart.updateComplete;
+        // Wait for the chart to be created after data is set
+        await new Promise((resolve) => setTimeout(resolve, 100));
+        // Test that the chart was created and has the duration formatting enabled
+        expect(chart.formatDuration).to.equal(true);
+        expect(chart.chart).to.exist;
+        // Test that the chart configuration includes the duration formatting
+        const chartConfig = chart.chart.options;
+        expect(chartConfig.scales.y.ticks).to.exist;
+        expect(chartConfig.scales.y.ticks.callback).to.be.a('function');
+        // Test the tick callback function formatting
+        const tickCallback = chartConfig.scales.y.ticks.callback;
+        expect(tickCallback.call({}, 68787, 0, [])).to.equal('19h 6m');
+        expect(tickCallback.call({}, 958000, 1, [])).to.equal('11d 2h');
+        expect(tickCallback.call({}, 3661, 2, [])).to.equal('1h 1m');
+        expect(tickCallback.call({}, 120, 3, [])).to.equal('2m');
+        expect(tickCallback.call({}, 0, 4, [])).to.equal('0s');
+        // Test tooltip formatting
+        expect(chartConfig.plugins.tooltip.callbacks.label).to.be.a('function');
+        const tooltipCallback = chartConfig.plugins.tooltip.callbacks.label;
+        const mockContext = {
+            dataset: { label: 'Process Time' },
+            parsed: { y: 68787 }
+        };
+        expect(tooltipCallback.call({}, mockContext)).to.equal('Process Time: 19h 6m');
+    });
+    it('formats various duration edge cases correctly', async () => {
+        const chart = await getChart();
+        chart.formatDuration = true;
+        chart.data = sampleData;
+        await chart.updateComplete;
+        // Wait for the chart to be created after data is set
+        await new Promise((resolve) => setTimeout(resolve, 100));
+        expect(chart.chart).to.exist;
+        const tickCallback = chart.chart.options.scales.y.ticks.callback;
+        // Test edge cases for duration formatting
+        expect(tickCallback.call({}, 0, 0, [])).to.equal('0s');
+        expect(tickCallback.call({}, 1, 1, [])).to.equal('1s');
+        expect(tickCallback.call({}, 59, 2, [])).to.equal('59s');
+        expect(tickCallback.call({}, 60, 3, [])).to.equal('1m');
+        expect(tickCallback.call({}, 61, 4, [])).to.equal('1m 1s');
+        expect(tickCallback.call({}, 3600, 5, [])).to.equal('1h');
+        expect(tickCallback.call({}, 3661, 6, [])).to.equal('1h 1m');
+        expect(tickCallback.call({}, 86400, 7, [])).to.equal('1d');
+        expect(tickCallback.call({}, 90061, 8, [])).to.equal('1d 1h'); // 1 day, 1 hour, 1 minute, 1 second - should show only first two units
+        expect(tickCallback.call({}, 604800, 9, [])).to.equal('7d'); // 1 week in seconds
+        expect(tickCallback.call({}, 1209600, 10, [])).to.equal('14d'); // 2 weeks in seconds
+    });
+    it('respects formatDuration property state', async () => {
+        const chart = await getChart();
+        // Test default state
+        expect(chart.formatDuration).to.equal(false);
+        chart.data = sampleData;
+        await chart.updateComplete;
+        // Test that formatDuration property can be toggled
+        chart.formatDuration = true;
+        expect(chart.formatDuration).to.equal(true);
+        chart.formatDuration = false;
+        expect(chart.formatDuration).to.equal(false);
+    });
+});
+describe('formatDurationFromSeconds', () => {
+    it('formats zero correctly', () => {
+        expect(formatDurationFromSeconds(0)).to.equal('0s');
+    });
+    it('formats seconds only', () => {
+        expect(formatDurationFromSeconds(1)).to.equal('1s');
+        expect(formatDurationFromSeconds(30)).to.equal('30s');
+        expect(formatDurationFromSeconds(59)).to.equal('59s');
+    });
+    it('formats minutes and seconds', () => {
+        expect(formatDurationFromSeconds(60)).to.equal('1m');
+        expect(formatDurationFromSeconds(61)).to.equal('1m 1s');
+        expect(formatDurationFromSeconds(90)).to.equal('1m 30s');
+        expect(formatDurationFromSeconds(120)).to.equal('2m');
+        expect(formatDurationFromSeconds(3599)).to.equal('59m 59s');
+    });
+    it('formats hours and minutes', () => {
+        expect(formatDurationFromSeconds(3600)).to.equal('1h');
+        expect(formatDurationFromSeconds(3661)).to.equal('1h 1m');
+        expect(formatDurationFromSeconds(7200)).to.equal('2h');
+        expect(formatDurationFromSeconds(68787)).to.equal('19h 6m');
+    });
+    it('formats days and hours', () => {
+        expect(formatDurationFromSeconds(86400)).to.equal('1d');
+        expect(formatDurationFromSeconds(90000)).to.equal('1d 1h');
+        expect(formatDurationFromSeconds(958000)).to.equal('11d 2h');
+    });
+    it('shows only two most significant units', () => {
+        // 1 day, 1 hour, 1 minute, 1 second - should show only "1d 1h"
+        expect(formatDurationFromSeconds(90061)).to.equal('1d 1h');
+        // 2 hours, 30 minutes, 45 seconds - should show only "2h 30m"
+        expect(formatDurationFromSeconds(9045)).to.equal('2h 30m');
+        // 5 minutes, 30 seconds - should show "5m 30s"
+        expect(formatDurationFromSeconds(330)).to.equal('5m 30s');
+    });
+    it('handles large durations', () => {
+        expect(formatDurationFromSeconds(604800)).to.equal('7d'); // 1 week
+        expect(formatDurationFromSeconds(1209600)).to.equal('14d'); // 2 weeks
+        expect(formatDurationFromSeconds(2678400)).to.equal('31d'); // ~1 month
+    });
 });
 //# sourceMappingURL=temba-chart.test.js.map

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":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,UAAU,GAAmB;IACjC,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;IACxE,QAAQ,EAAE;QACR;YACE,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;SACnC;QACD;YACE,KAAK,EAAE,SAAS;YAChB,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;SACnC;QACD;YACE,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC;SACjC;KACF;CACF,CAAC;AAEF,MAAM,GAAG,GAAG,aAAa,CAAC;AAC1B,MAAM,QAAQ,GAAG,KAAK,EAAE,QAAa,EAAE,EAAE,EAAE;IACzC,MAAM,MAAM,GAAG,CAAC,MAAM,YAAY,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,CAAC,CAAe,CAAC;IACvE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,mBAAmB,EAAE,KAAK,IAAI,EAAE;QACjC,MAAM,KAAK,GAAe,MAAM,QAAQ,EAAE,CAAC;QAE3C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;QACxB,MAAM,KAAK,CAAC,cAAc,CAAC;QAE3B,qEAAqE;QACrE,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC;YAC3C,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;SAClC,CAAC,CAAC;QAEH,cAAc;QACd,KAAK,CAAC,MAAM,GAAG,CAAC,SAAS,CAAC,CAAC;QAC3B,MAAM,KAAK,CAAC,cAAc,CAAC;QAE3B,wCAAwC;QACxC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;QAE5E,oBAAoB;QACpB,KAAK,CAAC,MAAM,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACtC,MAAM,KAAK,CAAC,cAAc,CAAC;QAE3B,0DAA0D;QAC1D,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { expect } from '@open-wc/testing';\nimport { RapidChartData, TembaChart } 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"]}
+{"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.formatDuration).to.equal(false);\n\n    // Test that we can set formatDuration to true\n    chart.formatDuration = true;\n    expect(chart.formatDuration).to.equal(true);\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.formatDuration = true;\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.formatDuration).to.equal(true);\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    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.formatDuration = 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    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('respects formatDuration property state', async () => {\n    const chart: TembaChart = await getChart();\n\n    // Test default state\n    expect(chart.formatDuration).to.equal(false);\n\n    chart.data = sampleData;\n    await chart.updateComplete;\n\n    // Test that formatDuration property can be toggled\n    chart.formatDuration = true;\n    expect(chart.formatDuration).to.equal(true);\n\n    chart.formatDuration = false;\n    expect(chart.formatDuration).to.equal(false);\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"]}