@google-psat/report 0.9.0-3 → 0.10.1-1

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/blockedCookiesSection.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, Fragment as _Fragment, 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 { useCallback } from 'react';
+import { getLegendDescription, } from '@google-psat/common';
+import { I18n } from '@google-psat/i18n';
+import { prepareCookieStatsComponents, prepareCookiesCount, LEGEND_DESCRIPTION, useFiltersMapping, CookiesLandingWrapper, MatrixContainer, } from '@google-psat/design-system';
+const BlockedCookiesSection = ({ tabCookies, cookiesWithIssues, tabFrames, }) => {
+    const { selectedItemUpdater, multiSelectItemUpdater } = useFiltersMapping(tabFrames || {});
+    const cookieStats = prepareCookiesCount(tabCookies);
+    const cookiesStatsComponents = prepareCookieStatsComponents(cookieStats);
+    const blockedCookieDataMapping = [
+        {
+            title: I18n.getMessage('blockedCookies'),
+            count: cookieStats.blockedCookies.total,
+            data: cookiesStatsComponents.blocked,
+            onClick: cookieStats.blockedCookies.total > 0
+                ? () => selectedItemUpdater(I18n.getMessage('selectAll'), 'blockedReasons')
+                : null,
+        },
+    ];
+    const selectTabFrame = useCallback((blockedReason) => {
+        const cookie = Object.values(tabCookies || {}).find((_cookie) => {
+            // @ts-ignore - blockedReasons is a string array
+            if (_cookie.blockedReasons?.includes(blockedReason)) {
+                return true;
+            }
+            return false;
+        });
+        return cookie?.pageUrl || '';
+    }, [tabCookies]);
+    const dataComponents = cookiesStatsComponents.blockedCookiesLegend.map((component) => {
+        const legendDescription = LEGEND_DESCRIPTION[component.label] || '';
+        return {
+            ...component,
+            description: getLegendDescription(legendDescription),
+            title: component.label,
+            containerClasses: '',
+            onClick: (title) => selectedItemUpdater(title, 'blockedReasons', selectTabFrame(title)),
+        };
+    });
+    const blockedCookiesStats = prepareCookiesCount(cookiesWithIssues);
+    const blockedCookiesStatsComponents = prepareCookieStatsComponents(blockedCookiesStats);
+    const blockedDataComponents = blockedCookiesStatsComponents.legend.map((component) => {
+        const legendDescription = LEGEND_DESCRIPTION[component.descriptionKey || ''];
+        return {
+            ...component,
+            description: getLegendDescription(legendDescription),
+            title: component.label,
+            containerClasses: '',
+            onClick: (title) => {
+                multiSelectItemUpdater({
+                    blockedReasons: [I18n.getMessage('selectAll')],
+                    'analytics.category': [title],
+                });
+            },
+        };
+    });
+    const description = blockedCookiesStats.blockedCookies.total === 0
+        ? 'No cookies were blocked by the browser.'
+        : '';
+    return (_jsx(CookiesLandingWrapper, { description: description, dataMapping: blockedCookieDataMapping, testId: "blocked-cookies-insights", children: dataComponents.length > 0 && (_jsxs(_Fragment, { children: [_jsx(MatrixContainer, { title: I18n.getMessage('blockedCookies'), matrixData: dataComponents, infoIconTitle: I18n.getMessage('blockedReasonsNote') }), 
+                //@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.
+                !globalThis?.PSAT_EXTENSION && (_jsx("div", { className: "flex flex-col mt-8", children: _jsx("div", { className: "pt-4", children: _jsx(MatrixContainer, { matrixData: blockedDataComponents, allowExpand: false }) }) }))] })) }));
+};
+export default BlockedCookiesSection;

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/cookiesSection.js

@@ -0,0 +1,38 @@
+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 { useMemo } from 'react';
+import { I18n } from '@google-psat/i18n';
+import { prepareCookieStatsComponents, prepareCookiesCount, useFiltersMapping, CookiesLandingWrapper, prepareCookieDataMapping, MessageBox, CookiesMatrix, } from '@google-psat/design-system';
+const CookiesSection = ({ tabCookies, tabFrames }) => {
+    const { selectedItemUpdater } = useFiltersMapping(tabFrames || {});
+    const cookieStats = prepareCookiesCount(tabCookies);
+    const cookiesStatsComponents = prepareCookieStatsComponents(cookieStats);
+    const cookieClassificationDataMapping = prepareCookieDataMapping(cookieStats, cookiesStatsComponents, selectedItemUpdater);
+    const cookieComponentData = useMemo(() => {
+        return cookiesStatsComponents.legend.map((component) => ({
+            ...component,
+            onClick: (title) => selectedItemUpdater(title, 'analytics.category'),
+        }));
+    }, [cookiesStatsComponents.legend, selectedItemUpdater]);
+    return (_jsxs(CookiesLandingWrapper, { dataMapping: cookieClassificationDataMapping, testId: "cookies-insights", landingHeaderExtraClasses: "border-t-0", children: [!cookieStats ||
+                (cookieStats?.firstParty.total === 0 &&
+                    cookieStats?.thirdParty.total === 0 && (_jsx(MessageBox, { headerText: I18n.getMessage('noCookies'), bodyText: I18n.getMessage('tryReloading') }))), _jsx(CookiesMatrix, { tabCookies: tabCookies, componentData: cookieComponentData, tabFrames: tabFrames, showHorizontalMatrix: false })] }));
+};
+export default CookiesSection;

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/exemptedCookiesSection.js

@@ -0,0 +1,63 @@
+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 { useCallback, useMemo } from 'react';
+import { getLegendDescription, } from '@google-psat/common';
+import { I18n } from '@google-psat/i18n';
+import { prepareCookieStatsComponents, prepareCookiesCount, useFiltersMapping, CookiesLandingWrapper, InfoIcon, MatrixContainer, LEGEND_DESCRIPTION, } from '@google-psat/design-system';
+const ExemptedCookiesSection = ({ tabCookies, tabFrames, }) => {
+    const { selectedItemUpdater } = useFiltersMapping(tabFrames || {});
+    const cookieStats = useMemo(() => prepareCookiesCount(tabCookies), [tabCookies]);
+    const cookiesStatsComponents = prepareCookieStatsComponents(cookieStats);
+    const selectTabFrame = useCallback((exemptionReason) => {
+        const cookie = Object.values(tabCookies || {}).find((_cookie) => {
+            // @ts-ignore - exemptionReasons is a string array
+            if (_cookie.exemptionReason === exemptionReason) {
+                return true;
+            }
+            return false;
+        });
+        return cookie?.pageUrl || '';
+    }, [tabCookies]);
+    const dataComponents = cookiesStatsComponents.exemptedCookiesLegend.map((component) => {
+        const legendDescription = LEGEND_DESCRIPTION[component.label] || '';
+        return {
+            ...component,
+            description: getLegendDescription(legendDescription),
+            title: component.label,
+            containerClasses: '',
+            onClick: (title) => {
+                selectedItemUpdater(title, 'exemptionReason', selectTabFrame(title));
+            },
+        };
+    });
+    const exemptedCookiesDataMapping = [
+        {
+            title: I18n.getMessage('exemptedCookies'),
+            count: cookieStats.exemptedCookies.total,
+            data: cookiesStatsComponents.exempted,
+            onClick: cookieStats.exemptedCookies.total > 0
+                ? () => selectedItemUpdater(I18n.getMessage('selectAll'), 'exemptionReason')
+                : null,
+        },
+    ];
+    const description = !cookieStats.exemptedCookies.total ? (_jsxs("div", { className: "flex gap-1 justify-center items-center", children: [I18n.getMessage('noCookiesExempted'), _jsx("span", { title: I18n.getMessage('exemptedCookiesIn3PCD'), children: _jsx(InfoIcon, { className: "fill-granite-gray" }) })] })) : ('');
+    return (_jsx(CookiesLandingWrapper, { description: description, dataMapping: exemptedCookiesDataMapping, children: dataComponents.length > 0 && (_jsx(MatrixContainer, { title: I18n.getMessage('exemptionReasons'), matrixData: dataComponents, infoIconTitle: I18n.getMessage('exemptionReasonsNote') })) }));
+};
+export default ExemptedCookiesSection;

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/framesSection.js

@@ -0,0 +1,38 @@
+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 { getLegendDescription } from '@google-psat/common';
+import { I18n } from '@google-psat/i18n';
+import { CookiesLandingWrapper, MatrixContainer, LEGEND_DESCRIPTION, prepareFrameStatsComponentForExtensionDashboard, } from '@google-psat/design-system';
+const FramesSection = ({ tabCookies }) => {
+    const framesStats = prepareFrameStatsComponentForExtensionDashboard(
+    //@ts-ignore
+    globalThis?.PSAT_DATA.json[0] || {}, tabCookies);
+    const dataComponents = framesStats.legend.map((component) => {
+        const legendDescription = LEGEND_DESCRIPTION[component.descriptionKey] || '';
+        return {
+            ...component,
+            description: getLegendDescription(legendDescription),
+            title: component.label,
+            containerClasses: '',
+        };
+    });
+    return (_jsx(CookiesLandingWrapper, { dataMapping: framesStats.dataMapping, testId: "frames-insights", children: _jsx(MatrixContainer, { title: I18n.getMessage('frames'), matrixData: dataComponents, infoIconTitle: I18n.getMessage('framesNote') }) }));
+};
+export default FramesSection;

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/index.js

@@ -0,0 +1,17 @@
+/*
+ * 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.
+ */
+export { default as CookiesSection } from './cookiesSection';
+export { default as BlockedCookiesSection } from './blockedCookiesSection';

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/knownBreakages.js

@@ -0,0 +1,53 @@
+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 React from 'react';
+import { LIBRARIES } from '@google-psat/library-detection';
+import { I18n } from '@google-psat/i18n';
+import { COLOR_MAP, CookiesLandingWrapper } from '@google-psat/design-system';
+const KnownBreakages = ({ libraryMatches, libraryMatchesUrlCount, }) => {
+    const names = Object.keys(libraryMatches);
+    const detectedLibraryNames = names.filter((name) => libraryMatches[name]?.matches?.length ||
+        libraryMatches[name]?.domQuerymatches?.length);
+    const dataMapping = [
+        {
+            title: I18n.getMessage('knownBreakages'),
+            count: Number(detectedLibraryNames.length),
+            data: detectedLibraryNames.map((name) => ({
+                count: libraryMatches[name]?.matches?.length ||
+                    libraryMatches[name]?.domQuerymatches?.length ||
+                    0,
+                color: COLOR_MAP[name].color,
+            })),
+        },
+    ];
+    const result = detectedLibraryNames.length > 0 ? (_jsx(_Fragment, { children: LIBRARIES.map((library) => {
+            const Component = library.component;
+            const matches = libraryMatches && libraryMatches[library.name]
+                ? libraryMatches[library.name]?.matches
+                : [];
+            const domQueryMatches = libraryMatches && libraryMatches[library.name]
+                ? libraryMatches[library.name]
+                    ?.domQuerymatches
+                : null;
+            return (_jsx(Component, { matches: matches, domQueryMatches: domQueryMatches, urlCount: libraryMatchesUrlCount?.[library.name] }, library.name));
+        }) })) : (_jsx("p", { className: "text-center dark:text-bright-gray", children: I18n.getMessage('noLibraries') }));
+    return (_jsx(CookiesLandingWrapper, { dataMapping: dataMapping, testId: "library-detection", description: "", children: _jsx("div", { className: "divide-y divide-hex-gray", children: result }) }));
+};
+export default KnownBreakages;

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/cookieLanding/landing.js

@@ -0,0 +1,110 @@
+import { jsx as _jsx, Fragment as _Fragment, 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 { useMemo } from 'react';
+import { I18n } from '@google-psat/i18n';
+import { MenuBar, } from '@google-psat/design-system';
+/**
+ * Internal dependencies.
+ */
+import CookiesSection from './cookiesSection';
+import BlockedCookiesSection from './blockedCookiesSection';
+import KnownBreakages from './knownBreakages';
+import ExemptedCookiesSection from './exemptedCookiesSection';
+import FramesSection from './framesSection';
+const Landing = ({ tabFrames, tabCookies, cookiesWithIssues, downloadReport, libraryMatches, libraryMatchesUrlCount, menuBarScrollContainerId = 'dashboard-layout-container', }) => {
+    const sections = useMemo(() => {
+        const baseSections = [
+            {
+                name: I18n.getMessage('cookies'),
+                link: 'cookies',
+                panel: {
+                    Element: CookiesSection,
+                    props: {
+                        tabCookies,
+                        tabFrames,
+                    },
+                },
+            },
+            {
+                name: I18n.getMessage('blockedCookies'),
+                link: 'blocked-cookies',
+                panel: {
+                    Element: BlockedCookiesSection,
+                    props: {
+                        tabCookies,
+                        cookiesWithIssues,
+                        tabFrames,
+                    },
+                },
+            },
+            {
+                name: I18n.getMessage('knownBreakages'),
+                link: 'known-breakages',
+                panel: {
+                    Element: KnownBreakages,
+                    props: {
+                        libraryMatches: libraryMatches ?? {},
+                        libraryMatchesUrlCount,
+                    },
+                },
+            },
+        ];
+        // @ts-ignore -- PSAT_USING_CDP is added only when the report is downloaded from the extension. Only false value to be considered.
+        if (globalThis?.PSAT_USING_CDP !== false) {
+            baseSections.splice(2, 0, {
+                name: I18n.getMessage('exemptionReasons'),
+                link: 'exemption-reasons',
+                panel: {
+                    Element: ExemptedCookiesSection,
+                    props: {
+                        tabFrames,
+                        tabCookies,
+                    },
+                },
+            });
+        }
+        //@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.
+        if (globalThis?.PSAT_EXTENSION) {
+            baseSections.push({
+                name: I18n.getMessage('frames'),
+                link: 'frames',
+                panel: {
+                    Element: FramesSection,
+                    props: {
+                        tabCookies,
+                        tabFrames,
+                    },
+                },
+            });
+        }
+        return baseSections;
+    }, [
+        cookiesWithIssues,
+        libraryMatches,
+        libraryMatchesUrlCount,
+        tabCookies,
+        tabFrames,
+    ]);
+    const menuData = useMemo(() => sections.map(({ name, link }) => ({ name, link })), [sections]);
+    return (_jsxs(_Fragment, { children: [_jsx(MenuBar, { disableReportDownload: false, downloadReport: 
+                // @ts-ignore -- PSAT_DATA is not present in globalThis type.
+                globalThis?.PSAT_DATA?.hideDownloadButton ? undefined : downloadReport, menuData: menuData, scrollContainerId: menuBarScrollContainerId, extraClasses: "top-[85px]" }), sections.map(({ link, panel: { Element, props } }) => (_jsx("div", { id: link, className: "cookie-landing-section", children: Element && _jsx(Element, { ...(props || {}) }) }, link)))] }));
+};
+export default Landing;

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesLandingContainer/index.js

@@ -0,0 +1,58 @@
+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, { memo, useEffect, useMemo, useState } from 'react';
+import { getCookieKey, noop, } from '@google-psat/common';
+import { I18n } from '@google-psat/i18n';
+import { Resizable } from 're-resizable';
+import { ChipsBar, FiltersSidebar, useGlobalFiltering, FilterIcon, } from '@google-psat/design-system';
+/**
+ * Internal dependencies.
+ */
+import Landing from './cookieLanding/landing';
+import Header from '../../../../header';
+const AssembledCookiesLanding = ({ tabCookies, tabFrames, setAppliedFilters, downloadReport, libraryMatches, libraryMatchesUrlCount, menuBarScrollContainerId = 'dashboard-layout-container', query = '', clearQuery = noop, url, }) => {
+    const cookies = useMemo(() => Object.values(tabCookies || {}), [tabCookies]);
+    const filterOutput = useGlobalFiltering(cookies, query, clearQuery);
+    // @ts-ignore Using global variable.
+    const { dateTime } = globalThis?.PSAT_DATA || {};
+    const cookiesByKey = useMemo(() => {
+        return (filterOutput.filteredData.reduce((acc, cookie) => {
+            const cookieKey = getCookieKey(cookie.parsedCookie);
+            if (!cookieKey) {
+                return acc;
+            }
+            acc[cookieKey] = cookie;
+            return acc;
+        }, {}) || {});
+    }, [filterOutput.filteredData]);
+    const cookiesWithIssues = useMemo(() => Object.fromEntries(Object.entries(cookiesByKey).filter(([, cookie]) => cookie.isBlocked)), [cookiesByKey]);
+    useEffect(() => {
+        setAppliedFilters(filterOutput.selectedFilters);
+    }, [filterOutput.selectedFilters, setAppliedFilters]);
+    const [showFilterSidebar, setShowFilterSidebar] = useState(false);
+    return (_jsxs("div", { className: "h-full flex flex-col", children: [_jsx(Header, { url: url, dateTime: dateTime }), _jsxs("div", { className: "flex justify-center items-center flex-1 border-b border-gray-300 dark:border-quartz bg-anti-flash-white dark:bg-raisin-black", children: [_jsx("button", { className: "w-3 h-3 m-1 pl-1", onClick: () => setShowFilterSidebar(!showFilterSidebar), title: I18n.getMessage('openFilterOptions'), children: _jsx(FilterIcon, { className: showFilterSidebar
+                                ? 'text-royal-blue dark:text-medium-persian-blue'
+                                : 'text-mischka' }) }), _jsx(ChipsBar, { selectedFilters: filterOutput.selectedFilters, resetFilters: filterOutput.resetFilters, toggleFilterSelection: filterOutput.toggleFilterSelection })] }), _jsxs("div", { className: "flex grow-0", style: {
+                    height: 'calc(100% - 82px)',
+                }, children: [showFilterSidebar && (_jsx(Resizable, { minWidth: "100px", maxWidth: "50%", enable: {
+                            right: true,
+                        }, className: "border border-r border-gray-300 dark:border-quartz", children: _jsx(FiltersSidebar, { filters: filterOutput.filters, toggleFilterSelection: filterOutput.toggleFilterSelection, toggleSelectAllFilter: filterOutput.toggleSelectAllFilter, isSelectAllFilterSelected: filterOutput.isSelectAllFilterSelected }) })), _jsx("div", { className: "flex-1 overflow-auto h-full", id: menuBarScrollContainerId, children: _jsx(Landing, { tabCookies: cookiesByKey, tabFrames: tabFrames, cookiesWithIssues: cookiesWithIssues, downloadReport: downloadReport, libraryMatches: libraryMatches, libraryMatchesUrlCount: libraryMatchesUrlCount, menuBarScrollContainerId: menuBarScrollContainerId }) })] })] }));
+};
+export default memo(AssembledCookiesLanding);

package/dist/dashboard/components/siteReport/tabs/cookies/cookiesListing/index.js

@@ -0,0 +1,47 @@
+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 { useMemo, 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';
+import { useContentStore } from '../../../stateProviders/contentStore';
+const CookiesListing = ({ selectedFrameUrl, selectedSite, }) => {
+    const [selectedFrameCookie, setSelectedFrameCookie] = useState(null);
+    const { tabCookies, path } = useContentStore(({ state }) => ({
+        tabCookies: state.tabCookies,
+        path: state.path,
+    }));
+    const cookies = useMemo(() => Object.values(tabCookies).filter((cookie) => cookie.frameUrls.includes(selectedFrameUrl)), [tabCookies, selectedFrameUrl]);
+    const memoTabCookies = useMemo(() => Object.values(tabCookies), [tabCookies]);
+    const { tableColumns, filters, searchKeys, tablePersistentSettingsKey, isSidebarOpen, } = useCookieListing(memoTabCookies, selectedFrameUrl, 'cookiesListing', 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: {
+                    bottom: true,
+                }, className: "h-full flex", children: _jsx(CookieTable, { data: cookies, tableColumns: tableColumns, tableFilters: filters, tableSearchKeys: searchKeys, tablePersistentSettingsKey: tablePersistentSettingsKey, selectedFrame: selectedFrameUrl, selectedFrameCookie: selectedFrameCookie, setSelectedFrameCookie: setSelectedFrameCookie, isFiltersSidebarOpen: isSidebarOpen, isCLI: isCLI, hostname: path }) }), _jsx(CookieDetails, { isUsingCDP: true, selectedFrameCookie: selectedFrameCookie })] }));
+};
+export default CookiesListing;

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

@@ -0,0 +1,56 @@
+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.
+ */
+import { useMemo, useCallback, useState } from 'react';
+import { noop } from '@google-psat/common';
+import {} from '@google-psat/design-system';
+/**
+ * Internal dependencies.
+ */
+import CookiesListing from './cookiesListing';
+import { useContentStore } from '../../stateProviders/contentStore';
+import { generateSiteReportandDownload } from '../../../utils/reportDownloader';
+import AssembledCookiesLanding from './cookiesLandingContainer';
+const CookiesTab = ({ selectedFrameUrl, selectedSite, query = '', clearQuery = noop, url = '', }) => {
+    const { tabCookies, completeJson, libraryMatches } = useContentStore(({ state }) => ({
+        tabCookies: state.tabCookies,
+        completeJson: state.completeJson,
+        libraryMatches: state.libraryMatches,
+    }));
+    const [appliedFilters, setAppliedFilters] = useState({});
+    const tabFrames = useMemo(() => {
+        const frames = Object.keys(completeJson?.[0].cookieData ?? {}).reduce((acc, _url) => {
+            if (_url?.includes('http')) {
+                acc[_url] = {};
+            }
+            return acc;
+        }, {});
+        return frames;
+    }, [completeJson]);
+    const downloadReport = useCallback(async () => {
+        if (!completeJson) {
+            return;
+        }
+        if (completeJson.length > 1) {
+            await generateSiteReportandDownload(completeJson, appliedFilters, selectedSite);
+        }
+        else {
+            await generateSiteReportandDownload(completeJson, appliedFilters);
+        }
+    }, [appliedFilters, completeJson, selectedSite]);
+    return (_jsx("div", { className: "w-full h-full flex items-center justify-center", children: selectedFrameUrl ? (_jsx(CookiesListing, { selectedFrameUrl: selectedFrameUrl, selectedSite: selectedSite })) : (_jsx("div", { className: "flex flex-col h-full w-full", children: _jsx(AssembledCookiesLanding, { tabCookies: tabCookies, libraryMatches: libraryMatches, tabFrames: tabFrames, downloadReport: downloadReport, setAppliedFilters: setAppliedFilters, query: query, clearQuery: clearQuery, url: url }) })) }));
+};
+export default CookiesTab;

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

@@ -0,0 +1,54 @@
+/*
+ * 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 { CookieIcon, CookieIconWhite, WarningBare, SIDEBAR_ITEMS_KEYS, } from '@google-psat/design-system';
+const Tabs = {
+    [SIDEBAR_ITEMS_KEYS.COOKIES]: {
+        title: () => I18n.getMessage('cookies'),
+        children: {},
+        icon: {
+            //@ts-ignore
+            Element: CookieIcon,
+        },
+        selectedIcon: {
+            //@ts-ignore
+            Element: CookieIconWhite,
+        },
+        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 Tabs;

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

@@ -0,0 +1,29 @@
+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.
+ */
+/**
+ * Internal dependencies
+ */
+import CookiesWithIssues from '../../../cookiesWithIssues';
+import { useContentStore } from '../../stateProviders/contentStore';
+const SiteCookiesWithIssues = ({ selectedSite, }) => {
+    const { tabCookies, path } = useContentStore(({ state }) => ({
+        tabCookies: Object.values(state.tabCookies).filter((cookie) => cookie.isBlocked || cookie.blockedReasons?.length),
+        path: state.path,
+    }));
+    return (_jsx(CookiesWithIssues, { cookies: tabCookies, selectedSite: selectedSite, hostName: path }));
+};
+export default SiteCookiesWithIssues;