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

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

@@ -0,0 +1,91 @@
+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, useState } from 'react';
+import { Resizable } from 're-resizable';
+import { noop } from '@google-psat/common';
+import { I18n } from '@google-psat/i18n';
+import { Table, TableProvider, } from '@google-psat/design-system';
+/**
+ * Internal dependencies
+ */
+import { useContentStore } from '../../stateProviders/contentStore';
+const Technologies = ({ selectedSite }) => {
+    const data = useContentStore(({ state }) => state.technologies || []);
+    const [selectedRow, setSelectedRow] = useState();
+    const tableColumns = useMemo(() => [
+        {
+            header: I18n.getMessage('name'),
+            accessorKey: 'name',
+            cell: (info) => info,
+            enableHiding: false,
+        },
+        {
+            header: I18n.getMessage('description'),
+            accessorKey: 'description',
+            cell: (info) => info,
+        },
+        {
+            header: I18n.getMessage('confidence'),
+            accessorKey: 'confidence',
+            cell: (info) => (_jsx("span", { className: "w-full flex justify-center", children: info + '%' })),
+        },
+        {
+            header: I18n.getMessage('website'),
+            accessorKey: 'website',
+            cell: (info) => info,
+        },
+        {
+            header: I18n.getMessage('category'),
+            accessorKey: 'categories',
+            cell: (info) => info.map((i) => i.name).join(' | '),
+            sortingComparator: (a, b) => {
+                const aCategories = a
+                    ?.map((i) => i.name)
+                    .join(' | ') || '';
+                const bCategories = b
+                    ?.map((i) => i.name)
+                    .join(' | ') || '';
+                return aCategories.localeCompare(bCategories);
+            },
+        },
+    ], []);
+    const filters = useMemo(() => ({}), []);
+    const searchKeys = useMemo(() => ['name', 'website'], []);
+    const tablePersistentSettingsKey = useMemo(() => {
+        if (selectedSite) {
+            return `technologyListing#${selectedSite}`;
+        }
+        return 'technologyListing';
+    }, [selectedSite]);
+    return (_jsxs("div", { className: "w-full h-full text-outer-space-crayola border-x border-american-silver dark:border-quartz 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(TableProvider, { data: data, tableColumns: tableColumns, tableFilterData: filters, tableSearchKeys: searchKeys, tablePersistentSettingsKey: tablePersistentSettingsKey, onRowClick: (row) => {
+                        setSelectedRow(row);
+                    }, onRowContextMenu: noop, getRowObjectKey: (row) => {
+                        return row.originalData.slug;
+                    }, children: _jsx(Table, { hideFiltering: true, selectedKey: selectedRow?.slug }) }) }), _jsx("div", { className: "flex-1 border border-gray-300 dark:border-quartz shadow h-full min-w-[10rem]", children: selectedRow ? (_jsxs("div", { className: "text-xs py-1 px-1.5", children: [selectedRow.name && (_jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1 text-semibold flex items-center", children: _jsx("span", { children: I18n.getMessage('technologyDetails') }) }), _jsx("p", { className: "mb-4 break-words text-outer-space-crayola dark:text-bright-gray", children: selectedRow.name })] })), _jsxs(_Fragment, { children: [_jsx("p", { className: "font-bold text-granite-gray dark:text-manatee mb-1", children: I18n.getMessage('description') }), _jsx("p", { className: "text-outer-space-crayola dark:text-bright-gray", children: selectedRow?.description || I18n.getMessage('noDescription') })] })] })) : (_jsx("div", { className: "h-full p-8 flex items-center", children: _jsx("p", { className: "text-lg w-full font-bold text-granite-gray dark:text-manatee text-center", children: I18n.getMessage('selectRowToPreview') }) })) })] }));
+};
+export default Technologies;

package/dist/dashboard/components/utils/NamePrefixIconSelector.js

@@ -0,0 +1,67 @@
+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 { BLOCK_STATUS } from '@google-psat/common';
+import { InboundIcon, OutboundIcon, OutboundInboundColoredIcon, OutboundInboundIcon, QuestionMark, GreenTick, } from '@google-psat/design-system';
+const NamePrefixIconSelector = ({ originalData }) => {
+    const data = originalData;
+    const isDomainInAllowList = data?.isDomainInAllowList;
+    if (isDomainInAllowList) {
+        return _jsx(GreenTick, {});
+    }
+    const isInboundBlocked = data?.blockingStatus?.inboundBlock !== undefined &&
+        data.blockingStatus.inboundBlock !== BLOCK_STATUS.NOT_BLOCKED;
+    const isInboundBlockedInAll = data?.blockingStatus?.inboundBlock === BLOCK_STATUS.BLOCKED_IN_ALL_EVENTS;
+    const isOutboundBlocked = data?.blockingStatus?.outboundBlock !== undefined &&
+        data.blockingStatus.outboundBlock !== BLOCK_STATUS.NOT_BLOCKED;
+    const isOutboundBlockedInAll = data?.blockingStatus?.outboundBlock === BLOCK_STATUS.BLOCKED_IN_ALL_EVENTS;
+    const hasValidBlockedReason = data?.blockedReasons && data.blockedReasons.length !== 0;
+    if (!hasValidBlockedReason) {
+        if (isInboundBlocked || isOutboundBlocked) {
+            return _jsx(QuestionMark, {});
+        }
+        return _jsx(_Fragment, {});
+    }
+    if (isInboundBlocked && isOutboundBlocked) {
+        if (isInboundBlockedInAll && isOutboundBlockedInAll) {
+            return _jsx(OutboundInboundIcon, { className: "stroke-[#D8302F] scale-150" });
+        }
+        if (!isInboundBlockedInAll && !isOutboundBlockedInAll) {
+            return _jsx(OutboundInboundIcon, { className: "stroke-[#FE8455] scale-150" });
+        }
+        if (isInboundBlockedInAll) {
+            return _jsx(OutboundInboundColoredIcon, { className: "rotate-180 scale-150" });
+        }
+        return _jsx(OutboundInboundColoredIcon, { className: "scale-150" });
+    }
+    if (isInboundBlocked) {
+        if (isInboundBlockedInAll) {
+            return _jsx(InboundIcon, { className: "stroke-[#D8302F] scale-150" });
+        }
+        return _jsx(InboundIcon, { className: "stroke-[#FE8455] scale-150" });
+    }
+    if (isOutboundBlocked) {
+        if (isOutboundBlockedInAll) {
+            return _jsx(OutboundIcon, { className: "stroke-[#D8302F] scale-150" });
+        }
+        return _jsx(OutboundIcon, { className: "stroke-[#FE8455] scale-150" });
+    }
+    return _jsx(_Fragment, {});
+};
+export default NamePrefixIconSelector;

package/dist/dashboard/components/utils/extractCookies.js

@@ -0,0 +1,36 @@
+/*
+ * 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 { calculateEffectiveExpiryDate, } from '@google-psat/common';
+/**
+ * Internal dependencies
+ */
+const extractCookies = (cookieData, pageUrl, shouldAddUrlToKey = false) => {
+    return Object.entries(cookieData).reduce((acc, [frame, _data]) => {
+        acc[frame] = Object.fromEntries(Object.entries(_data.frameCookies).map(([key, cookie]) => [
+            key + (shouldAddUrlToKey ? '' : pageUrl),
+            {
+                ...cookie,
+                pageUrl,
+                parsedCookie: {
+                    ...cookie.parsedCookie,
+                    expires: calculateEffectiveExpiryDate(cookie.parsedCookie.expires),
+                },
+            },
+        ]));
+        return acc;
+    }, {});
+};
+export default extractCookies;

package/dist/dashboard/components/utils/extractReportData.js

@@ -0,0 +1,56 @@
+/*
+ * 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 extractCookies from './extractCookies';
+const extractReportData = (data) => {
+    const landingPageCookies = {};
+    const technologies = [];
+    const consolidatedLibraryMatches = {};
+    data.forEach(({ cookieData, pageUrl, libraryMatches, technologyData }) => {
+        formatCookieData(extractCookies(cookieData, pageUrl, true), landingPageCookies);
+        technologies.push(...technologyData.map((technology) => ({
+            ...technology,
+            pageUrl,
+        })));
+        consolidatedLibraryMatches[pageUrl] = libraryMatches;
+    });
+    return {
+        landingPageCookies,
+        consolidatedLibraryMatches,
+    };
+};
+const formatCookieData = (cookieData, store) => {
+    Object.entries(cookieData).forEach(([frame, _cData]) => {
+        if (!store[frame]) {
+            store[frame] = {};
+        }
+        Object.entries(_cData).forEach(([key, cookie]) => {
+            store[frame][key] = {
+                ...cookie,
+                isBlocked: store[frame][key]?.isBlocked || cookie.isBlocked,
+                blockedReasons: [
+                    ...new Set([
+                        ...(store[frame][key]?.blockedReasons || []),
+                        ...(cookie.blockedReasons || []),
+                    ]),
+                ],
+            };
+        });
+    });
+};
+export default extractReportData;

package/dist/dashboard/components/utils/reportDownloader/generateSiteMapReportandDownload.js

@@ -0,0 +1,44 @@
+/*
+ * 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 JSZip from 'jszip';
+import { saveAs } from 'file-saver';
+import { getCurrentDateAndTime } from '@google-psat/common';
+import {} from '@google-psat/design-system';
+/**
+ * Internal dependencies
+ */
+import { createZip, getFolderName, generateSitemapHTMLFile } from './utils';
+const generateSiteMapReportandDownload = async (JSONReport, appliedFilters, path) => {
+    if (!JSONReport.length) {
+        return;
+    }
+    const zip = new JSZip();
+    JSONReport.forEach((data) => {
+        const zipFolder = zip.folder(`psat_cli_report_${getFolderName(data.pageUrl)}_${getCurrentDateAndTime('YYYY-MM-DD_HH-MM-SS')}`);
+        if (!zipFolder) {
+            return;
+        }
+        createZip(data, appliedFilters, zipFolder);
+    });
+    const report = generateSitemapHTMLFile(JSONReport, appliedFilters);
+    zip.file('report.html', report);
+    const content = await zip.generateAsync({ type: 'blob' });
+    saveAs(content, `psat_cli_report_${getFolderName(path)}_${getCurrentDateAndTime('YYYY-MM-DD_HH-MM-SS')}.zip`);
+};
+export default generateSiteMapReportandDownload;

package/dist/dashboard/components/utils/reportDownloader/generateSiteReportandDownload.js

@@ -0,0 +1,52 @@
+/*
+ * 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 JSZip from 'jszip';
+import { saveAs } from 'file-saver';
+import { getCurrentDateAndTime } from '@google-psat/common';
+import {} from '@google-psat/design-system';
+/**
+ * Internal dependencies
+ */
+import { createZip, getFolderName } from './utils';
+const generateSiteReportandDownload = async (JSONReport, appliedFilters, selectedPageUrl) => {
+    if (!JSONReport.length) {
+        return;
+    }
+    const zip = new JSZip();
+    let siteAnalysisData;
+    if (selectedPageUrl) {
+        siteAnalysisData = JSONReport.find(({ pageUrl }) => pageUrl === selectedPageUrl);
+    }
+    else {
+        siteAnalysisData = JSONReport[0];
+    }
+    const hostName = new URL(siteAnalysisData.pageUrl).hostname;
+    // @ts-ignore -- because this data will already be injected from the extension.
+    const fileName = globalThis?.PSAT_EXTENSION
+        ? `${hostName.replace('.', '-')}-report-${getCurrentDateAndTime('YYYY-MM-DD_HH-MM-SS')}`
+        : `psat_cli_report_${getFolderName(JSONReport[0].pageUrl)}_${getCurrentDateAndTime('YYYY-MM-DD_HH-MM-SS')}`;
+    const zipFolder = zip.folder(fileName);
+    if (!zipFolder) {
+        return;
+    }
+    createZip(siteAnalysisData, appliedFilters, zipFolder);
+    const content = await zip.generateAsync({ type: 'blob' });
+    saveAs(content, fileName + '.zip');
+};
+export default generateSiteReportandDownload;

package/dist/dashboard/components/utils/reportDownloader/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 generateSiteMapReportandDownload } from './generateSiteMapReportandDownload';
+export { default as generateSiteReportandDownload } from './generateSiteReportandDownload';

package/dist/dashboard/components/utils/reportDownloader/utils.js

@@ -0,0 +1,148 @@
+/*
+ * 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 { generateCookiesWithIssuesCSV, generateAllCookiesCSV, generateSummaryDataCSV, generateTechnologyCSV, } from '@google-psat/common';
+import {} from '@google-psat/design-system';
+const generateCSVFiles = (data) => {
+    const allCookiesCSV = generateAllCookiesCSV(data);
+    let technologyDataCSV = null;
+    if (data.technologyData.length > 0) {
+        technologyDataCSV = generateTechnologyCSV(data);
+    }
+    const cookiesWithIssuesDataCSV = generateCookiesWithIssuesCSV(data);
+    const summaryDataCSV = generateSummaryDataCSV(data);
+    return {
+        allCookiesCSV,
+        technologyDataCSV,
+        cookiesWithIssuesDataCSV,
+        summaryDataCSV,
+    };
+};
+const generateHTMLFile = (analysisData, appliedFilters) => {
+    const parser = new DOMParser();
+    const reportDom = parser.parseFromString(`
+    <html>
+    ${document.documentElement.innerHTML}
+    </html>
+    `, 'text/html');
+    const translations = 
+    // @ts-ignore
+    globalThis?.PSAT_DATA?.translations;
+    const previousJSONDATA = reportDom.getElementById('JSONDATASCRIPT');
+    const styleNodes = reportDom.querySelectorAll('style');
+    if (styleNodes.length > 1) {
+        styleNodes.forEach((styleNode, index) => {
+            if (index !== 0) {
+                reportDom.head.removeChild(styleNode);
+            }
+        });
+    }
+    if (previousJSONDATA) {
+        reportDom.head.removeChild(previousJSONDATA);
+    }
+    // Injections
+    const script = reportDom.createElement('script');
+    const reportData = {
+        json: [analysisData],
+        type: 'url',
+        // @ts-ignore -- because this data will already be injected from cli or the extension.
+        selectedSite: globalThis?.PSAT_DATA?.selectedSite ?? '',
+        translations,
+        appliedFilters,
+        // @ts-ignore -- because this data will already be injected from cli or the extension.
+        dateTime: globalThis?.PSAT_DATA.dateTime,
+        hideDownloadButton: true,
+    };
+    let code = `window.PSAT_DATA = ${JSON.stringify(reportData)};`;
+    // @ts-ignore -- because this data will already be injected from cli or the extension.
+    if (globalThis?.PSAT_EXTENSION) {
+        code += `window.PSAT_EXTENSION = true;`;
+    }
+    // @ts-ignore -- because this data will already be injected from the extension.
+    code += `window.PSAT_USING_CDP = ${globalThis?.PSAT_USING_CDP ?? undefined};`;
+    script.text = code;
+    script.id = 'JSONDATASCRIPT';
+    reportDom.head.appendChild(script);
+    const injectedHtmlText = `<head>${reportDom.head.innerHTML}<head><body>${reportDom.body.innerHTML}</body>`;
+    const html = new Blob([injectedHtmlText]);
+    return html;
+};
+export const generateSitemapHTMLFile = (analysisData, appliedFilters) => {
+    const parser = new DOMParser();
+    const reportDom = parser.parseFromString(`
+    <html>
+    ${document.documentElement.innerHTML}
+    </html>
+    `, 'text/html');
+    const previousJSONDATA = reportDom.getElementById('JSONDATASCRIPT');
+    const styleNodes = reportDom.querySelectorAll('style');
+    if (styleNodes.length > 1) {
+        styleNodes.forEach((styleNode, index) => {
+            if (index !== 0) {
+                reportDom.head.removeChild(styleNode);
+            }
+        });
+    }
+    if (previousJSONDATA) {
+        reportDom.head.removeChild(previousJSONDATA);
+    }
+    // Injections
+    const script = reportDom.createElement('script');
+    const translations = 
+    // @ts-ignore
+    globalThis?.PSAT_DATA?.translations;
+    const reportData = {
+        json: analysisData,
+        type: 'sitemap',
+        // @ts-ignore -- because this data will already be injected from cli or the extension.
+        selectedSite: globalThis?.PSAT_DATA?.selectedSite ?? '',
+        translations,
+        // @ts-ignore -- because this data will already be injected from cli or the extension.
+        dateTime: globalThis?.PSAT_DATA.dateTime,
+        appliedFilters,
+        hideDownloadButton: true,
+    };
+    const code = `window.PSAT_DATA = ${JSON.stringify(reportData)}`;
+    script.text = code;
+    script.id = 'JSONDATASCRIPT';
+    reportDom.head.appendChild(script);
+    const injectedHtmlText = `<head>${reportDom.head.innerHTML}<head><body>${reportDom.body.innerHTML}</body>`;
+    const html = new Blob([injectedHtmlText]);
+    return html;
+};
+export const createZip = (analysisData, appliedFilters, zipObject) => {
+    const { allCookiesCSV, technologyDataCSV, cookiesWithIssuesDataCSV, summaryDataCSV, } = generateCSVFiles(analysisData);
+    const file = generateHTMLFile(analysisData, appliedFilters);
+    zipObject.file('cookies.csv', allCookiesCSV);
+    if (technologyDataCSV) {
+        zipObject.file('technologies.csv', technologyDataCSV);
+    }
+    zipObject.file('cookie-issues.csv', cookiesWithIssuesDataCSV);
+    zipObject.file('report.csv', summaryDataCSV);
+    zipObject.file('report.json', JSON.stringify(analysisData, null, 4));
+    zipObject.file('report.html', file);
+};
+export const getFolderName = (pageUrl) => {
+    let folderName = pageUrl
+        .trim()
+        .replace(/^https?:\/\//, '')
+        .replace(/\/+/g, '-')
+        .replace(/\./g, '-');
+    if (folderName.endsWith('-')) {
+        const lastDashIndex = folderName.lastIndexOf('-');
+        folderName = folderName.substring(0, lastDashIndex);
+    }
+    return folderName;
+};

package/dist/dashboard/components/utils/reshapeCookies.js

@@ -0,0 +1,102 @@
+/*
+ * 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 { deriveBlockingStatus, } from '@google-psat/common';
+import { I18n } from '@google-psat/i18n';
+const reshapeCookies = (cookies) => {
+    return Object.entries(cookies)
+        .filter(([frame]) => frame.includes('http'))
+        .map(([frame, _cookies]) => createCookieObj(frame, _cookies))
+        .reduce((acc, cookieObj) => {
+        Object.keys(cookieObj).forEach((key) => {
+            if (acc[key]) {
+                const frameUrls = [
+                    ...(acc[key]?.frameUrls ?? []),
+                    ...(cookieObj[key]?.frameUrls ?? []),
+                ];
+                const blockedReasons = [
+                    ...new Set([
+                        ...(acc[key]?.blockedReasons ?? []),
+                        ...(cookieObj[key]?.blockedReasons ?? []),
+                    ]),
+                ];
+                const frameIdList = Array.from(new Set([
+                    ...(acc[key]?.frameIdList ?? []),
+                    ...(cookieObj[key]?.frameIdList ?? []),
+                ]));
+                const networkEvents = {
+                    requestEvents: [
+                        ...(cookieObj[key]?.networkEvents?.requestEvents || []),
+                        ...(acc[key].networkEvents?.requestEvents || []),
+                    ],
+                    responseEvents: [
+                        ...(cookieObj[key]?.networkEvents?.responseEvents || []),
+                        ...(acc[key].networkEvents?.responseEvents || []),
+                    ],
+                };
+                let blockingStatus = deriveBlockingStatus(networkEvents);
+                //@ts-ignore -- Since this has to be run for data coming from extension only.
+                if (globalThis?.PSAT_EXTENSION) {
+                    blockingStatus = cookieObj[key].blockingStatus;
+                }
+                acc[key] = {
+                    ...cookieObj[key],
+                    ...acc[key],
+                    blockedReasons,
+                    frameIdList,
+                    exemptionReason: acc[key]?.exemptionReason || cookieObj[key]?.exemptionReason,
+                    frameUrls,
+                    networkEvents,
+                    blockingStatus,
+                };
+            }
+            else {
+                acc[key] = cookieObj[key];
+            }
+        });
+        return acc;
+    }, {});
+};
+const createCookieObj = (frame, cookies) => Object.fromEntries(Object.values(cookies).map((cookie) => [
+    cookie.parsedCookie.name +
+        ':' +
+        cookie.parsedCookie.domain +
+        ':' +
+        cookie.parsedCookie.path,
+    {
+        parsedCookie: cookie.parsedCookie,
+        analytics: {
+            ...cookie.analytics,
+            category: cookie.analytics?.category === 'Unknown Category'
+                ? I18n.getMessage('sdUncategorized')
+                : cookie.analytics?.category,
+        },
+        url: cookie.url,
+        headerType: 'response',
+        blockedReasons: cookie.blockedReasons,
+        isFirstParty: cookie.isFirstParty,
+        frameIdList: [frame], // Hot fix: For Displaying cookies in CLI Dashboard.
+        isBlocked: cookie.isBlocked,
+        networkEvents: cookie.networkEvents,
+        blockingStatus: cookie.blockingStatus,
+        frameUrls: [frame],
+        exemptionReason: cookie.exemptionReason,
+        pageUrl: cookie.pageUrl,
+    },
+]));
+export default reshapeCookies;