@actuate-media/cms-admin 0.70.0 → 0.71.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @actuate-media/cms-admin
 
+## 0.71.0
+
+### Minor Changes
+
+- 85ddc19: Script Tags design parity: colored location badges (head=accent, body start=success, body end=info), per-category consent badges with dots, circular priority badge, Consent-gated stat pill, search box, location + consent filter pills with live count, row checkboxes with select-all, created-date meta line under script names, hover duplicate/delete row actions with confirm dialog, and the design subtitle. The editor pane header now uses the same colored badges and the consent hint reflects granular consent categories.
+
 ## 0.70.0
 
 ### Minor Changes

package/dist/__tests__/views/script-tags.render.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=script-tags.render.test.d.ts.map

package/dist/__tests__/views/script-tags.render.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"script-tags.render.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/views/script-tags.render.test.tsx"],"names":[],"mappings":""}

package/dist/__tests__/views/script-tags.render.test.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// @vitest-environment happy-dom
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+// Drive the Script Tags list through a mocked cmsApi so the test owns the
+// data and can assert the design-parity surface: stat pills, search,
+// location/consent filter pills, badges, and row actions.
+function makeTag(over = {}) {
+    return {
+        id: 't1',
+        name: 'Google Analytics 4',
+        code: '<script>/* ga */</script>',
+        placement: 'head',
+        scope: 'site',
+        targetPaths: [],
+        priority: 1,
+        enabled: true,
+        loadAsync: true,
+        disableInPreview: true,
+        consentCategory: 'analytics',
+        createdAt: '2026-05-20T10:00:00.000Z',
+        updatedAt: '2026-05-20T10:00:00.000Z',
+        ...over,
+    };
+}
+const TAGS = [
+    makeTag(),
+    makeTag({
+        id: 't2',
+        name: 'Live Chat Widget',
+        placement: 'body_close',
+        priority: 5,
+        consentCategory: 'functional',
+    }),
+    makeTag({
+        id: 't3',
+        name: 'Org Schema',
+        placement: 'head',
+        priority: 3,
+        enabled: false,
+        consentCategory: 'none',
+    }),
+];
+const cmsApi = vi.fn(async (endpoint, init) => {
+    if (!init?.method)
+        return { data: TAGS };
+    if (init.method === 'POST')
+        return { data: makeTag({ id: 'new-copy' }) };
+    return { data: {} };
+});
+vi.mock('../../lib/api.js', () => ({
+    cmsApi: (endpoint, init) => cmsApi(endpoint, init),
+}));
+vi.mock('sonner', () => ({ toast: { success: vi.fn(), error: vi.fn(), loading: vi.fn() } }));
+const { ScriptTags } = await import('../../views/ScriptTags.js');
+beforeEach(() => {
+    cmsApi.mockClear();
+});
+describe('ScriptTags list', () => {
+    it('renders rows, stat pills (incl. consent-gated), and colored badges', async () => {
+        render(_jsx(ScriptTags, {}));
+        expect(await screen.findByText('Google Analytics 4')).toBeTruthy();
+        expect(screen.getByText('Live Chat Widget')).toBeTruthy();
+        // Stat pills: 3 total, 2 active, 1 inactive, 2 consent-gated.
+        expect(screen.getByText('Consent-gated')).toBeTruthy();
+        expect(screen.getByText('Consent-gated').closest('span')?.textContent).toContain('2');
+        // Location badges use the design palette (head=accent, body_close=info).
+        // Note: "Body end" also matches the filter pill, so pick the badge chip.
+        const headBadge = screen.getAllByText('Head').find((el) => el.className.includes('--acc-l'));
+        expect(headBadge).toBeTruthy();
+        const bodyEndBadge = screen
+            .getAllByText('Body end')
+            .find((el) => el.className.includes('--info-l'));
+        expect(bodyEndBadge).toBeTruthy();
+        // Consent badges are per-category colored chips.
+        const analyticsBadge = screen
+            .getAllByText('Analytics')
+            .find((el) => el.className.includes('--acc-l'));
+        expect(analyticsBadge).toBeTruthy();
+        const functionalBadge = screen
+            .getAllByText('Functional')
+            .find((el) => el.className.includes('--suc-l'));
+        expect(functionalBadge).toBeTruthy();
+    });
+    it('filters by location pill and shows the filtered count', async () => {
+        render(_jsx(ScriptTags, {}));
+        await screen.findByText('Google Analytics 4');
+        expect(screen.getByText('3 scripts')).toBeTruthy();
+        fireEvent.click(screen.getByRole('button', { name: 'Body end', pressed: false }));
+        await waitFor(() => {
+            expect(screen.getByText('Live Chat Widget')).toBeTruthy();
+            expect(screen.queryByText('Google Analytics 4')).toBeNull();
+            expect(screen.getByText('1 script')).toBeTruthy();
+        });
+    });
+    it('filters by consent pill', async () => {
+        render(_jsx(ScriptTags, {}));
+        await screen.findByText('Google Analytics 4');
+        fireEvent.click(screen.getByRole('button', { name: 'No consent', pressed: false }));
+        await waitFor(() => {
+            expect(screen.getByText('Org Schema')).toBeTruthy();
+            expect(screen.queryByText('Google Analytics 4')).toBeNull();
+        });
+    });
+    it('searches by name and offers clear-filters from the empty state', async () => {
+        render(_jsx(ScriptTags, {}));
+        await screen.findByText('Google Analytics 4');
+        fireEvent.change(screen.getByPlaceholderText('Search scripts…'), {
+            target: { value: 'zzz-no-match' },
+        });
+        expect(await screen.findByText('No scripts match your filters')).toBeTruthy();
+        fireEvent.click(screen.getByRole('button', { name: 'Clear filters' }));
+        expect(await screen.findByText('Google Analytics 4')).toBeTruthy();
+    });
+    it('select-all checks visible rows and shows selected count with clear', async () => {
+        render(_jsx(ScriptTags, {}));
+        await screen.findByText('Google Analytics 4');
+        fireEvent.click(screen.getByLabelText('Select all scripts'));
+        expect(await screen.findByText(/3 selected/)).toBeTruthy();
+        fireEvent.click(screen.getByRole('button', { name: 'Clear' }));
+        await waitFor(() => expect(screen.queryByText(/selected/)).toBeNull());
+    });
+    it('row duplicate posts a disabled copy and refetches', async () => {
+        render(_jsx(ScriptTags, {}));
+        await screen.findByText('Google Analytics 4');
+        fireEvent.click(screen.getByRole('button', { name: 'Duplicate Google Analytics 4' }));
+        await waitFor(() => {
+            const post = cmsApi.mock.calls.find((c) => c[1]?.method === 'POST');
+            expect(post).toBeTruthy();
+            const body = JSON.parse(String(post[1].body));
+            expect(body.name).toBe('Google Analytics 4 (Copy)');
+            expect(body.enabled).toBe(false);
+        });
+    });
+    it('row delete asks for confirmation, then issues DELETE', async () => {
+        render(_jsx(ScriptTags, {}));
+        await screen.findByText('Org Schema');
+        fireEvent.click(screen.getByRole('button', { name: 'Delete Org Schema' }));
+        expect(await screen.findByText('Delete script?')).toBeTruthy();
+        fireEvent.click(screen.getByRole('button', { name: 'Delete' }));
+        await waitFor(() => {
+            const del = cmsApi.mock.calls.find((c) => c[1]?.method === 'DELETE');
+            expect(del).toBeTruthy();
+            expect(del[0]).toBe('/script-tags/t3');
+        });
+    });
+});
+//# sourceMappingURL=script-tags.render.test.js.map

package/dist/__tests__/views/script-tags.render.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"script-tags.render.test.js","sourceRoot":"","sources":["../../../src/__tests__/views/script-tags.render.test.tsx"],"names":[],"mappings":"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"}