@google-psat/report 0.9.0-3 → 0.10.0

package/dist/dashboard/components/cookiesWithIssues/index.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+import { useState } from 'react';
+import { Resizable } from 're-resizable';
+import {} from '@google-psat/common';
+import { CookieTable, CookieDetails } from '@google-psat/design-system';
+/**
+ * Internal dependencies.
+ */
+import useCookieListing from '../../hooks/useCookieListing';
+const CookiesWithIssues = ({ cookies, selectedSite, hostName, }) => {
+    const [selectedFrameCookie, setSelectedFrameCookie] = useState(null);
+    const { tableColumns, filters, searchKeys, tablePersistentSettingsKey } = useCookieListing(cookies, 'frame', 'cookiesWithIssuesListing', selectedSite);
+    //@ts-ignore -- PSAT_EXTENSTION is added only when the report is downloaded from the extension. Since optional chaining is done it will return false if it doesnt exist.
+    const isCLI = globalThis?.PSAT_EXTENSION ? false : true;
+    return (_jsxs("div", { className: "w-full h-full flex flex-col", children: [_jsx(Resizable, { defaultSize: {
+                    width: '100%',
+                    height: '80%',
+                }, minHeight: "6%", maxHeight: "95%", enable: {
+                    top: false,
+                    right: false,
+                    bottom: true,
+                    left: false,
+                }, className: "h-full flex", children: _jsx(CookieTable, { data: cookies, tableColumns: tableColumns, tableFilters: filters, tableSearchKeys: searchKeys, tablePersistentSettingsKey: tablePersistentSettingsKey, selectedFrame: selectedSite, selectedFrameCookie: selectedFrameCookie, hideExport: true, setSelectedFrameCookie: setSelectedFrameCookie, isCLI: isCLI, hostname: hostName }) }), _jsx(CookieDetails, { selectedFrameCookie: selectedFrameCookie, isUsingCDP: true })] }));
+};
+export default CookiesWithIssues;

package/dist/dashboard/components/header/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+import { PrivacySandboxColoredIcon } from '@google-psat/design-system';
+const Header = ({ url, dateTime }) => {
+    // @ts-ignore - Global object.
+    const isExtension = globalThis?.PSAT_EXTENSION;
+    return (_jsxs("div", { className: "flex justify-between gap-3 px-4 py-2", children: [_jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(PrivacySandboxColoredIcon, { className: "w-[40px] h-[40px]" }), _jsxs("div", { children: [url && _jsx("p", { className: "text-xs mb-[1px]", children: url }), _jsx("p", { className: "text-xs mb-[1px]", children: dateTime })] })] }), _jsx("div", { className: "flex items-center text-cente", children: isExtension ? 'PSAT Extension Analysis' : 'PSAT CLI Analysis' })] }));
+};
+export default Header;

package/dist/dashboard/components/siteMapReport/cookies.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+import { useCallback, useMemo, useState } from 'react';
+import { noop, } from '@google-psat/common';
+import { useSidebar } from '@google-psat/design-system';
+/**
+ * Internal dependencies.
+ */
+import AssembledCookiesLanding from '../siteReport/tabs/cookies/cookiesLandingContainer';
+import SiteReport from '../siteReport';
+import { generateSiteMapReportandDownload } from '../utils/reportDownloader';
+import extractCookies from '../utils/extractCookies';
+const CookiesTab = ({ selectedSite, tabCookies, tabFrames, completeJson, path, libraryMatches, query = '', clearQuery = noop, }) => {
+    const isKeySelected = useSidebar(({ actions }) => actions.isKeySelected);
+    const [appliedFilters, setAppliedFilters] = useState({});
+    const [siteMapLibraryMatches, libraryMatchesUrlCount] = useMemo(() => {
+        const _libraryMatchesUrlCount = {};
+        const _siteMapLibraryMatches = completeJson?.reduce((acc, data) => {
+            const _libraryMatches = data.libraryMatches;
+            Object.keys(_libraryMatches).forEach((key) => {
+                acc[key] =
+                    // @ts-ignore
+                    acc[key]?.matches?.length || acc[key]?.domQuerymatches?.length
+                        ? acc[key]
+                        : _libraryMatches[key];
+                if (Object.keys(_libraryMatches[key]?.matches ?? {}).length ||
+                    Object.keys(_libraryMatches[key]?.domQuerymatches ?? {}).length) {
+                    _libraryMatchesUrlCount[key] =
+                        (_libraryMatchesUrlCount[key] || 0) + 1;
+                }
+            });
+            return acc;
+        }, {}) || {};
+        return [_siteMapLibraryMatches, _libraryMatchesUrlCount];
+    }, [completeJson]);
+    const downloadReport = useCallback(async () => {
+        if (!Array.isArray(completeJson)) {
+            return;
+        }
+        await generateSiteMapReportandDownload(completeJson, appliedFilters, path);
+    }, [appliedFilters, completeJson, path]);
+    const [siteFilteredCookies, siteFilteredTechnologies, siteFilteredCompleteJson,] = useMemo(() => {
+        const reportData = completeJson?.find((data) => isKeySelected(data.pageUrl));
+        if (!reportData) {
+            return [{}, [], null];
+        }
+        const _cookies = extractCookies(reportData.cookieData, '', true);
+        const _technologies = reportData.technologyData;
+        return [_cookies, _technologies, [reportData]];
+    }, [completeJson, isKeySelected]);
+    const sitemapPath = 
+    // @ts-ignore - Global object
+    globalThis?.PSAT_DATA?.siteMapUrl || globalThis?.PSAT_DATA?.selectedSite;
+    return (_jsx(_Fragment, { children: !selectedSite ? (_jsx(AssembledCookiesLanding, { tabCookies: tabCookies, tabFrames: tabFrames, libraryMatches: siteMapLibraryMatches, libraryMatchesUrlCount: libraryMatchesUrlCount, downloadReport: downloadReport, menuBarScrollContainerId: "dashboard-sitemap-layout-container", setAppliedFilters: setAppliedFilters, query: query, clearQuery: clearQuery, url: sitemapPath })) : (_jsx(SiteReport, { cookies: siteFilteredCookies, technologies: siteFilteredTechnologies, completeJson: siteFilteredCompleteJson, selectedSite: selectedSite || '', path: path, libraryMatches: libraryMatches && selectedSite ? libraryMatches[selectedSite] : {}, query: query, clearQuery: clearQuery })) }));
+};
+export default CookiesTab;

package/dist/dashboard/components/siteMapReport/index.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+import { useState } from 'react';
+import { SidebarProvider } from '@google-psat/design-system';
+/**
+ * Internal dependencies.
+ */
+import sidebarData from './sidebarData';
+import Layout from './layout';
+const SiteMapReport = ({ landingPageCookies, completeJson, path, libraryMatches, }) => {
+    const [data, setData] = useState(sidebarData);
+    return (_jsx(SidebarProvider, { data: data, children: _jsx(Layout, { landingPageCookies: landingPageCookies, completeJson: completeJson, sidebarData: data, setSidebarData: setData, path: path, libraryMatches: libraryMatches }) }));
+};
+export default SiteMapReport;

package/dist/dashboard/components/siteMapReport/layout.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+import React, { useEffect, useMemo, useState } from 'react';
+import { Resizable } from 're-resizable';
+import { noop, } from '@google-psat/common';
+import { useSidebar, Sidebar, SIDEBAR_ITEMS_KEYS, File, FileWhite, } from '@google-psat/design-system';
+/**
+ * Internal dependencies.
+ */
+import SiteMapCookiesWithIssues from './sitemapCookiesWithIssues';
+import reshapeCookies from '../utils/reshapeCookies';
+import CookiesTab from './cookies';
+const Layout = ({ landingPageCookies, completeJson, sidebarData, setSidebarData, path, libraryMatches, }) => {
+    const [sites, setSites] = useState([]);
+    useEffect(() => {
+        const _sites = new Set();
+        completeJson?.forEach(({ pageUrl }) => {
+            _sites.add(pageUrl);
+        });
+        setSites(Array.from(_sites));
+    }, [completeJson]);
+    const reshapedCookies = useMemo(() => reshapeCookies(landingPageCookies), [landingPageCookies]);
+    const cookiesWithIssues = useMemo(() => Object.fromEntries(Object.entries(reshapedCookies).filter(([, cookie]) => cookie.isBlocked || cookie.blockedReasons?.length)), [reshapedCookies]);
+    const { activePanel, selectedItemKey, updateSelectedItemKey, isKeySelected } = useSidebar(({ state, actions }) => ({
+        activePanel: state.activePanel,
+        selectedItemKey: state.selectedItemKey,
+        updateSelectedItemKey: actions.updateSelectedItemKey,
+        isKeySelected: actions.isKeySelected,
+    }));
+    const { Element: PanelElement, props } = activePanel.panel;
+    const { query } = activePanel;
+    const clearQuery = useMemo(() => {
+        return query ? activePanel.clearQuery : noop;
+    }, [query, activePanel.clearQuery]);
+    const doesSiteHaveCookies = useMemo(() => {
+        const store = {};
+        completeJson?.forEach((data) => {
+            store[data.pageUrl] = Object.entries(data.cookieData).reduce((acc, [, frameData]) => {
+                return acc || Object.keys(frameData.frameCookies || {}).length > 0;
+            }, false);
+        });
+        return store;
+    }, [completeJson]);
+    const tabFrames = useMemo(() => sites.reduce((acc, site) => {
+        acc[site] = {};
+        return acc;
+    }, {}), [sites]);
+    useEffect(() => {
+        setSidebarData((prev) => {
+            const _data = { ...prev };
+            _data[SIDEBAR_ITEMS_KEYS.COOKIES].panel = {
+                Element: CookiesTab,
+                props: {
+                    tabCookies: reshapedCookies,
+                    tabFrames,
+                    completeJson,
+                    path,
+                    libraryMatches,
+                    query,
+                    clearQuery,
+                },
+            };
+            _data[SIDEBAR_ITEMS_KEYS.COOKIES].children = sites.reduce((acc, site) => {
+                acc[site] = {
+                    title: site,
+                    panel: {
+                        Element: CookiesTab,
+                        props: {
+                            selectedSite: site,
+                            tabCookies: reshapedCookies,
+                            tabFrames,
+                            completeJson,
+                            path,
+                            libraryMatches,
+                            query,
+                            clearQuery,
+                        },
+                    },
+                    children: {},
+                    icon: {
+                        //@ts-ignore
+                        Element: File,
+                    },
+                    selectedIcon: {
+                        //@ts-ignore
+                        Element: FileWhite,
+                    },
+                    isBlurred: doesSiteHaveCookies[site] === false,
+                };
+                return acc;
+            }, {});
+            _data[SIDEBAR_ITEMS_KEYS.COOKIES_WITH_ISSUES].panel = {
+                Element: SiteMapCookiesWithIssues,
+                props: {
+                    cookies: Object.values(cookiesWithIssues),
+                    path,
+                },
+            };
+            return _data;
+        });
+    }, [
+        clearQuery,
+        completeJson,
+        cookiesWithIssues,
+        doesSiteHaveCookies,
+        libraryMatches,
+        path,
+        query,
+        reshapedCookies,
+        setSidebarData,
+        sites,
+        tabFrames,
+    ]);
+    useEffect(() => {
+        if (selectedItemKey === null && Object.keys(sidebarData).length > 0) {
+            updateSelectedItemKey(SIDEBAR_ITEMS_KEYS.COOKIES);
+        }
+    }, [isKeySelected, selectedItemKey, sidebarData, updateSelectedItemKey]);
+    return (_jsxs("div", { className: "w-full h-screen flex", children: [_jsx(Resizable, { defaultSize: { width: '200px', height: '100%' }, minWidth: '150px', maxWidth: '50%', enable: {
+                    right: true,
+                }, children: _jsx(Sidebar, {}) }), _jsx("div", { className: "flex-1 max-h-screen overflow-auto", children: PanelElement && _jsx(PanelElement, { ...props }) })] }));
+};
+export default Layout;

package/dist/dashboard/components/siteMapReport/sidebarData.js

@@ -0,0 +1,46 @@
+/*
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies
+ */
+import { I18n } from '@google-psat/i18n';
+import { SIDEBAR_ITEMS_KEYS, WarningBare, } from '@google-psat/design-system';
+const sidebarData = {
+    [SIDEBAR_ITEMS_KEYS.COOKIES]: {
+        title: () => 'Aggregated Report',
+        children: {},
+        dropdownOpen: true,
+    },
+    [SIDEBAR_ITEMS_KEYS.COOKIES_WITH_ISSUES]: {
+        title: () => I18n.getMessage('cookieIssues'),
+        children: {},
+        icon: {
+            //@ts-ignore
+            Element: WarningBare,
+            props: {
+                className: 'fill-granite-gray',
+            },
+        },
+        selectedIcon: {
+            //@ts-ignore
+            Element: WarningBare,
+            props: {
+                className: 'fill-white',
+            },
+        },
+    },
+};
+export default sidebarData;

package/dist/dashboard/components/siteMapReport/sitemapCookiesWithIssues.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Internal dependencies.
+ */
+import CookiesWithIssues from '../cookiesWithIssues';
+const SiteMapCookiesWithIssues = ({ cookies, path, }) => {
+    return (_jsx(CookiesWithIssues, { cookies: cookies, selectedSite: null, hostName: path }));
+};
+export default SiteMapCookiesWithIssues;

package/dist/dashboard/components/siteReport/components/layout.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+import React, { useEffect, useMemo, useRef } from 'react';
+import { Resizable } from 're-resizable';
+import { I18n } from '@google-psat/i18n';
+import { noop } from '@google-psat/common';
+import { Sidebar, useSidebar, SIDEBAR_ITEMS_KEYS, CookieIcon, CookieIconWhite, SiteBoundariesIcon, SiteBoundariesIconWhite, } from '@google-psat/design-system';
+/**
+ * Internal dependencies.
+ */
+import { useContentStore } from '../stateProviders/contentStore';
+import CookiesTab from '../tabs/cookies';
+import SiteCookiesWithIssues from '../tabs/siteCookiesWithIssues';
+import Technologies from '../tabs/technologies';
+const Layout = ({ selectedSite, setSidebarData, query = '', clearQuery = noop, }) => {
+    const { technologies, completeJson } = useContentStore(({ state }) => ({
+        technologies: state.technologies,
+        completeJson: state.completeJson,
+    }));
+    const frameUrls = useMemo(() => {
+        const frames = Object.keys(completeJson?.[0].cookieData ?? {});
+        return frames.filter((url) => url?.includes('http'));
+    }, [completeJson]);
+    const { activePanel, selectedItemKey, updateSelectedItemKey } = useSidebar(({ state, actions }) => ({
+        activePanel: state.activePanel,
+        selectedItemKey: state.selectedItemKey,
+        updateSelectedItemKey: actions.updateSelectedItemKey,
+    }));
+    const { Element: PanelElement, props } = activePanel.panel;
+    const _clearQuery = useMemo(() => (query ? clearQuery : noop), [query, clearQuery]);
+    useEffect(() => {
+        setSidebarData((prev) => {
+            const _data = { ...prev };
+            const keys = selectedItemKey?.split('#') ?? [];
+            _data[SIDEBAR_ITEMS_KEYS.COOKIES].panel = {
+                Element: CookiesTab,
+                props: {
+                    selectedFrameUrl: null,
+                    selectedSite,
+                    isSiteMapLandingContainer: false,
+                    query,
+                    clearQuery: _clearQuery,
+                    url: completeJson && completeJson?.length > 1
+                        ? selectedSite
+                        : completeJson?.[0]?.pageUrl,
+                },
+            };
+            _data[SIDEBAR_ITEMS_KEYS.COOKIES].children = frameUrls.reduce((acc, url) => {
+                acc[url] = {
+                    title: url,
+                    panel: {
+                        Element: CookiesTab,
+                        props: {
+                            selectedFrameUrl: keys[keys.length - 1],
+                            selectedSite,
+                        },
+                    },
+                    children: {},
+                    icon: {
+                        //@ts-ignore
+                        Element: CookieIcon,
+                    },
+                    selectedIcon: {
+                        //@ts-ignore
+                        Element: CookieIconWhite,
+                    },
+                    isBlurred: Object.keys(completeJson?.[0].cookieData?.[url]?.frameCookies || {}).length === 0,
+                };
+                return acc;
+            }, {});
+            _data[SIDEBAR_ITEMS_KEYS.COOKIES_WITH_ISSUES].panel = {
+                Element: SiteCookiesWithIssues,
+                props: {
+                    selectedSite,
+                },
+            };
+            if (technologies && technologies.length > 0) {
+                _data[SIDEBAR_ITEMS_KEYS.TECHNOLOGIES] = {
+                    title: I18n.getMessage('technologies'),
+                    children: {},
+                    icon: {
+                        //@ts-ignore
+                        Element: SiteBoundariesIcon,
+                    },
+                    selectedIcon: {
+                        //@ts-ignore
+                        Element: SiteBoundariesIconWhite,
+                    },
+                    panel: {
+                        Element: Technologies,
+                        props: {
+                            selectedSite,
+                        },
+                    },
+                };
+            }
+            else {
+                delete _data[SIDEBAR_ITEMS_KEYS.TECHNOLOGIES];
+            }
+            return _data;
+        });
+    }, [
+        _clearQuery,
+        completeJson,
+        frameUrls,
+        query,
+        selectedItemKey,
+        selectedSite,
+        setSidebarData,
+        technologies,
+    ]);
+    useEffect(() => {
+        if (selectedItemKey === null) {
+            updateSelectedItemKey(SIDEBAR_ITEMS_KEYS.COOKIES);
+        }
+    }, [clearQuery, selectedItemKey, updateSelectedItemKey]);
+    const lastSelectedSite = useRef(null);
+    useEffect(() => {
+        if (selectedSite !== lastSelectedSite.current) {
+            updateSelectedItemKey(SIDEBAR_ITEMS_KEYS.COOKIES);
+            lastSelectedSite.current = selectedSite;
+        }
+    }, [selectedSite, updateSelectedItemKey]);
+    return (_jsxs("div", { className: "w-full h-full flex", children: [_jsx(Resizable, { defaultSize: { width: '200px', height: '100%' }, minWidth: '150px', maxWidth: '60%', enable: {
+                    right: true,
+                }, children: _jsx(Sidebar, {}) }), _jsx("div", { className: "flex-1 max-h-screen overflow-auto", children: PanelElement && _jsx(PanelElement, { ...props }) })] }));
+};
+export default Layout;

package/dist/dashboard/components/siteReport/index.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies
+ */
+import { useState } from 'react';
+import { noop, } from '@google-psat/common';
+import { SidebarProvider } from '@google-psat/design-system';
+/**
+ * Internal dependencies.
+ */
+import { Provider as ContentStoreProvider } from './stateProviders/contentStore';
+import Layout from './components/layout';
+import Tabs from './tabs';
+const SiteReport = ({ cookies, technologies, completeJson, selectedSite, path, libraryMatches, query = '', clearQuery = noop, }) => {
+    const [data, setData] = useState(Tabs);
+    return (_jsx(ContentStoreProvider, { cookies: cookies, technologies: technologies, completeJson: completeJson, libraryMatches: libraryMatches, path: path, children: _jsx(SidebarProvider, { data: data, children: _jsx(Layout, { selectedSite: selectedSite, setSidebarData: setData, query: query, clearQuery: clearQuery }) }) }));
+};
+export default SiteReport;

package/dist/dashboard/components/siteReport/stateProviders/contentStore/index.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright 2023 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * External dependencies.
+ */
+import { useMemo } from 'react';
+import { useContextSelector, createContext, } from '@google-psat/common';
+/**
+ * Internal dependencies.
+ */
+import reshapeCookies from '../../../utils/reshapeCookies';
+const initialState = {
+    state: {
+        tabCookies: {},
+        technologies: [],
+        completeJson: null,
+        path: '',
+        libraryMatches: null,
+    },
+};
+export const Context = createContext(initialState);
+export const Provider = ({ cookies, technologies, completeJson, children, path, libraryMatches, }) => {
+    const tabCookies = useMemo(() => reshapeCookies(cookies), [cookies]);
+    return (_jsx(Context.Provider, { value: {
+            state: {
+                tabCookies,
+                technologies,
+                completeJson,
+                path,
+                libraryMatches,
+            },
+        }, children: children }));
+};
+/**
+ * Cookie store hook.
+ * @param selector Selector function to partially select state.
+ * @returns selected part of the state
+ */
+export function useContentStore(selector = (state) => state) {
+    return useContextSelector(Context, selector);
+}