@@ -109,10 +118,8 @@ const ListItem = ({
filterValues={filter.filterValues}
filterKey={filterKey}
sort={!filter.hasStaticFilterValues || Boolean(filter.sortValues)}
- toggleFilterSelection={toggleFilterSelection}
isExpanded={isExpanded}
isSelectAllFilterEnabled={Boolean(filter.enableSelectAllOption)}
- toggleSelectAllFilter={toggleSelectAllFilter}
isSelectAllFilterSelected={isSelectAllFilterSelected}
/>
{Number(Object.keys(filter.filterValues || {}).length) > 4 && (
diff --git a/packages/design-system/src/components/table/components/filtersSidebar/option.tsx b/packages/design-system/src/components/table/components/filtersSidebar/option.tsx
index 5d7b17c6c..22100ba8a 100644
--- a/packages/design-system/src/components/table/components/filtersSidebar/option.tsx
+++ b/packages/design-system/src/components/table/components/filtersSidebar/option.tsx
@@ -17,19 +17,14 @@
/**
* External dependencies.
*/
-import React from 'react';
+import React, { useCallback } from 'react';
import classNames from 'classnames';
-/**
- * Internal dependencies.
- */
-import { TableOutput } from '../../useTable';
-
interface OptionProps {
filterKey: string;
filterValue: string;
selected: boolean;
- toggleFilterSelection: TableOutput['toggleFilterSelection'];
+ toggleFilterSelection: (filterKey: string, filterValue: string) => void;
isExpanded: boolean;
}
@@ -39,34 +34,40 @@ const Option = ({
selected,
toggleFilterSelection,
isExpanded,
-}: OptionProps) => (
-
-
-
- {String(filterValue)}
-
-
-
-);
+}: OptionProps) => {
+ const handleClick = useCallback(() => {
+ setTimeout(() => toggleFilterSelection(filterKey, filterValue));
+ }, [filterKey, filterValue, toggleFilterSelection]);
+
+ return (
+
+
+
+ {String(filterValue)}
+
+
+
+ );
+};
export default Option;
diff --git a/packages/design-system/src/components/table/components/filtersSidebar/subList.tsx b/packages/design-system/src/components/table/components/filtersSidebar/subList.tsx
index 4d337006f..065957f83 100644
--- a/packages/design-system/src/components/table/components/filtersSidebar/subList.tsx
+++ b/packages/design-system/src/components/table/components/filtersSidebar/subList.tsx
@@ -21,7 +21,7 @@ import React, { useMemo } from 'react';
/**
* Internal dependencies.
*/
-import { TableFilter, TableOutput } from '../../useTable';
+import { useTable, type TableFilter } from '../../useTable';
import Option from './option';
interface SubListProps {
@@ -29,9 +29,7 @@ interface SubListProps {
filterKey: string;
sort: boolean;
isExpanded: boolean;
- toggleFilterSelection: TableOutput['toggleFilterSelection'];
isSelectAllFilterEnabled: boolean;
- toggleSelectAllFilter: TableOutput['toggleSelectAllFilter'];
isSelectAllFilterSelected: boolean;
}
@@ -39,12 +37,17 @@ const SubList = ({
filterValues,
filterKey,
sort,
- toggleFilterSelection,
isExpanded,
isSelectAllFilterEnabled,
isSelectAllFilterSelected,
- toggleSelectAllFilter,
}: SubListProps) => {
+ const { toggleFilterSelection, toggleSelectAllFilter } = useTable(
+ ({ actions }) => ({
+ toggleFilterSelection: actions.toggleFilterSelection,
+ toggleSelectAllFilter: actions.toggleSelectAllFilter,
+ })
+ );
+
const sortedFilterValueKeys = useMemo(() => {
if (!sort) {
return Object.keys(filterValues || {});
diff --git a/packages/design-system/src/components/table/components/filtersSidebar/tests/filtersSidebar.tsx b/packages/design-system/src/components/table/components/filtersSidebar/tests/filtersSidebar.tsx
index 220b7f22e..5713167a0 100644
--- a/packages/design-system/src/components/table/components/filtersSidebar/tests/filtersSidebar.tsx
+++ b/packages/design-system/src/components/table/components/filtersSidebar/tests/filtersSidebar.tsx
@@ -19,9 +19,13 @@ import { render, screen, waitFor } from '@testing-library/react';
import FiltersSidebar from '..';
import '@testing-library/jest-dom';
import { act } from 'react-dom/test-utils';
-import { TableFilter } from '../../../useTable';
+import { TableFilter } from '../../../useTable/types';
+import * as table from '../../../useTable/useTable';
describe('FiltersSidebar', () => {
+ const mockUseTable = jest.fn();
+ jest.spyOn(table, 'useTable').mockImplementation(mockUseTable);
+
const initialProps = {
filters: {},
toggleFilterSelection: () => undefined,
@@ -66,7 +70,14 @@ describe('FiltersSidebar', () => {
};
it('should render null', () => {
- render(
);
+ mockUseTable.mockReturnValue({
+ filters: initialProps.filters,
+ isSelectAllFilterSelected: initialProps.isSelectAllFilterSelected,
+ toggleFilterSelection: initialProps.toggleFilterSelection,
+ toggleSelectAllFilter: initialProps.toggleSelectAllFilter,
+ });
+
+ render(
);
const filtersSidebar = screen.queryByTestId('filters-sidebar');
@@ -74,7 +85,14 @@ describe('FiltersSidebar', () => {
});
it('should render a list of filters', () => {
- render(
);
+ mockUseTable.mockReturnValue({
+ filters: props.filters,
+ isSelectAllFilterSelected: props.isSelectAllFilterSelected,
+ toggleFilterSelection: props.toggleFilterSelection,
+ toggleSelectAllFilter: props.toggleSelectAllFilter,
+ });
+
+ render(
);
const filtersSidebar = screen.getByTestId('filters-sidebar');
const filter1 = screen.getByText('Filter 1');
@@ -85,8 +103,15 @@ describe('FiltersSidebar', () => {
expect(filter2).toBeInTheDocument();
});
- it('should show options when clicked on filter', async () => {
- render(
);
+ it('should show options if already selected', async () => {
+ mockUseTable.mockReturnValue({
+ filters: props.filters,
+ isSelectAllFilterSelected: props.isSelectAllFilterSelected,
+ toggleFilterSelection: props.toggleFilterSelection,
+ toggleSelectAllFilter: props.toggleSelectAllFilter,
+ });
+
+ render(
);
const filter1 = screen.getByText('Filter 1');
const filter2 = screen.getByText('Filter 2');
@@ -94,19 +119,29 @@ describe('FiltersSidebar', () => {
expect(filter1).toBeInTheDocument();
expect(filter2).toBeInTheDocument();
- act(() => {
- filter1.click();
- });
-
const value1 = await screen.findByText('value1');
const value2 = await screen.findByText('value2');
expect(value1).toBeInTheDocument();
expect(value2).toBeInTheDocument();
+
+ act(() => {
+ filter1.click();
+ });
+
+ expect(value1).not.toBeInTheDocument();
+ expect(value2).not.toBeInTheDocument();
});
it('should render Filter 3 as disabled', () => {
- render(
);
+ mockUseTable.mockReturnValue({
+ filters: props.filters,
+ isSelectAllFilterSelected: props.isSelectAllFilterSelected,
+ toggleFilterSelection: props.toggleFilterSelection,
+ toggleSelectAllFilter: props.toggleSelectAllFilter,
+ });
+
+ render(
);
const filtersSidebar = screen.getByTestId('filters-sidebar');
const filter3 = screen.getByText('Filter 3');
@@ -117,13 +152,15 @@ describe('FiltersSidebar', () => {
});
it('should show filters in alphabetical order', async () => {
- render(
);
-
- const filter1 = screen.getByText('Filter 1');
- act(() => {
- filter1.click();
+ mockUseTable.mockReturnValue({
+ filters: props.filters,
+ isSelectAllFilterSelected: props.isSelectAllFilterSelected,
+ toggleFilterSelection: props.toggleFilterSelection,
+ toggleSelectAllFilter: props.toggleSelectAllFilter,
});
+ render(
);
+
await waitFor(() => {
const list = screen.getAllByTestId('sub-list-item');
@@ -132,7 +169,14 @@ describe('FiltersSidebar', () => {
});
it('should expand all filters', async () => {
- const { rerender } = render(
);
+ mockUseTable.mockReturnValue({
+ filters: props.filters,
+ isSelectAllFilterSelected: props.isSelectAllFilterSelected,
+ toggleFilterSelection: props.toggleFilterSelection,
+ toggleSelectAllFilter: props.toggleSelectAllFilter,
+ });
+
+ const { rerender } = render(
);
const expandAll = await screen.findByText('Expand All');
act(() => {
@@ -167,25 +211,27 @@ describe('FiltersSidebar', () => {
expect(listExpandArrows[1]).not.toHaveClass('-rotate-90');
});
- rerender(
-
- );
+ title: 'Filter 3',
+ },
+ },
+ isSelectAllFilterSelected: props.isSelectAllFilterSelected,
+ toggleFilterSelection: props.toggleFilterSelection,
+ toggleSelectAllFilter: props.toggleSelectAllFilter,
+ });
+
+ rerender(
);
act(() => {
listExpandArrows[2].click();
@@ -198,7 +244,14 @@ describe('FiltersSidebar', () => {
expect(listExpandArrows[2]).not.toHaveClass('-rotate-90');
});
- rerender(
);
+ mockUseTable.mockReturnValue({
+ filters: props.filters,
+ isSelectAllFilterSelected: props.isSelectAllFilterSelected,
+ toggleFilterSelection: props.toggleFilterSelection,
+ toggleSelectAllFilter: props.toggleSelectAllFilter,
+ });
+
+ rerender(
);
await waitFor(() => {
expect(expandAll.innerHTML).not.toEqual('Expand All');
@@ -228,20 +281,16 @@ describe('FiltersSidebar', () => {
it('should handle select All filter option', async () => {
const toggleSelectAllFilter = jest.fn();
const toggleFilterSelection = jest.fn();
- const { rerender } = render(
-
true}
- />
- );
- const filter1 = screen.getByText('Filter 1');
- act(() => {
- filter1.click();
+ mockUseTable.mockReturnValue({
+ filters: props.filters,
+ isSelectAllFilterSelected: () => true,
+ toggleFilterSelection,
+ toggleSelectAllFilter,
});
+ const { rerender } = render( false}
- />
- );
+ mockUseTable.mockReturnValue({
+ filters: props.filters,
+ isSelectAllFilterSelected: () => false,
+ toggleFilterSelection,
+ toggleSelectAllFilter,
+ });
+
+ rerender(,
- row: TableRow
- ) => void;
- showTopBar?: boolean;
+ isFiltersSidebarOpen?: boolean;
hideFiltering?: boolean;
- hideExport?: boolean;
- extraInterfaceToTopBar?: React.ReactNode;
+ extraInterfaceToTopBar?: () => React.JSX.Element;
}
const Table = ({
- useIsBlockedToHighlight,
- table,
selectedKey,
- getRowObjectKey,
- onRowClick,
- onRowContextMenu = () => undefined,
- showTopBar = false,
+ isFiltersSidebarOpen = false,
hideFiltering = false,
- hideExport = false,
extraInterfaceToTopBar,
}: TableProps) => {
+ const { tableContainerRef } = useTable(({ state }) => ({
+ tableContainerRef: state.tableContainerRef,
+ }));
+
const [showColumnsMenu, setShowColumnsMenu] = useState(false);
- const [showFilterSidebar, setShowFilterSidebar] = useState(false);
+ const [showFilterSidebar, setShowFilterSidebar] =
+ useState(isFiltersSidebarOpen);
const [columnPosition, setColumnPosition] = useState({
x: 0,
y: 0,
@@ -81,6 +68,7 @@ const Table = ({
}
};
document.addEventListener('click', handleClickOutside, true);
+
return () => {
document.removeEventListener('click', handleClickOutside, true);
};
@@ -103,34 +91,15 @@ const Table = ({
[showColumnsMenu]
);
- const exportCookies = useCallback(() => {
- const cookies = table.rows.map(({ originalData }) => originalData);
- if (cookies.length > 0 && 'parsedCookie' in cookies[0]) {
- const csvTextBlob = generateCookieTableCSV(cookies as CookieTableData[]);
- saveAs(csvTextBlob, 'Cookies Report.csv');
- }
- }, [table.rows]);
-
return (
- {showTopBar && (
-
- )}
-
+
{showFilterSidebar && (
-
)}
diff --git a/packages/design-system/src/components/table/components/tableBody/bodyCell.tsx b/packages/design-system/src/components/table/components/tableBody/bodyCell.tsx
index 88532e1df..186525623 100644
--- a/packages/design-system/src/components/table/components/tableBody/bodyCell.tsx
+++ b/packages/design-system/src/components/table/components/tableBody/bodyCell.tsx
@@ -22,17 +22,19 @@ import React from 'react';
/**
* Internal dependencies.
*/
-import type { InfoType, TableRow } from '../../useTable';
+import type { TableRow } from '../../useTable';
interface BodyCellProps {
- cell: React.JSX.Element | InfoType;
+ cell?: () => React.JSX.Element;
width: number;
isHighlighted?: boolean;
isRowFocused: boolean;
row: TableRow;
hasIcon?: boolean;
- showWarningIcon?: boolean | null;
- icon?: () => React.JSX.Element;
+ showIcon?: boolean | null;
+ icon?: {
+ Element: (props: any) => React.JSX.Element;
+ };
onRowClick: (e: React.MouseEvent
) => void;
}
@@ -40,11 +42,14 @@ const BodyCell = ({
cell,
width,
isRowFocused,
+ row,
hasIcon = false,
- showWarningIcon = false,
+ showIcon = false,
icon,
isHighlighted = false,
}: BodyCellProps) => {
+ const IconElement = icon?.Element;
+
return (
{hasIcon && (
- {Boolean(showWarningIcon) && icon?.()}
+ {Boolean(showIcon) && IconElement && (
+
)}
- {cell}
+ {cell?.() ?? ''}
) => void;
onKeyDown: (e: React.KeyboardEvent, index: number) => void;
- onRowContextMenu?: (
+ onRowContextMenu: (
e: React.MouseEvent,
row: TableRow
) => void;
}
-// eslint-disable-next-line complexity
const BodyRow = ({
- useIsBlockedToHighlight,
row,
columns,
index,
selectedKey,
- getRowObjectKey,
isRowFocused,
+ getExtraClasses,
+ hasVerticalBar,
+ getRowObjectKey,
onRowClick,
onKeyDown,
- onRowContextMenu = () => undefined,
+ onRowContextMenu,
}: BodyRowProps) => {
- const cookieKey = getRowObjectKey(row);
- const isBlocked = useIsBlockedToHighlight
- ? (row.originalData as CookieTableData)?.isBlocked
- : Boolean((row.originalData as CookieTableData)?.blockedReasons?.length);
- const isHighlighted = (row.originalData as CookieTableData)?.highlighted;
- const isDomainInAllowList = (row.originalData as CookieTableData)
- ?.isDomainInAllowList;
-
- const tableRowClassName = classNames(
- 'outline-0 flex divide-x divide-american-silver dark:divide-quartz relative',
- isBlocked &&
- (cookieKey !== selectedKey
- ? index % 2
- ? 'dark:bg-flagged-row-even-dark bg-flagged-row-even-light'
- : 'dark:bg-flagged-row-odd-dark bg-flagged-row-odd-light'
- : isRowFocused
- ? 'bg-selection-yellow-dark dark:bg-selection-yellow-light'
- : 'bg-royal-blue text-white dark:bg-medium-persian-blue dark:text-chinese-silver'),
- isDomainInAllowList &&
- !isBlocked &&
- (cookieKey !== selectedKey
- ? index % 2
- ? 'dark:bg-jungle-green-dark bg-leaf-green-dark'
- : 'dark:bg-jungle-green-light bg-leaf-green-light'
- : isRowFocused
- ? 'bg-selection-green-dark dark:bg-selection-green-light'
- : 'bg-royal-blue text-white dark:bg-medium-persian-blue dark:text-chinese-silver'),
- cookieKey !== selectedKey &&
- !isBlocked &&
- !isDomainInAllowList &&
+ const rowKey = getRowObjectKey(row);
+ const isHighlighted = row.originalData?.highlighted;
+ const classes = classnames(
+ rowKey !== selectedKey &&
(index % 2
? isHighlighted
? 'bg-dirty-pink'
@@ -93,9 +67,7 @@ const BodyRow = ({
: isHighlighted
? 'bg-dirty-pink text-dirty-red dark:text-dirty-red text-dirty-red'
: 'bg-white dark:bg-raisin-black'),
- cookieKey === selectedKey &&
- !isBlocked &&
- !isDomainInAllowList &&
+ rowKey === selectedKey &&
(isRowFocused
? isHighlighted
? 'bg-dirty-red'
@@ -104,18 +76,27 @@ const BodyRow = ({
? 'bg-dirty-pink text-dirty-red'
: 'bg-royal-blue text-white dark:bg-medium-persian-blue dark:text-chinese-silver')
);
+ const extraClasses = getExtraClasses();
return (
0,
+ }
+ )}
onClick={onRowClick}
onKeyDown={(e) => onKeyDown(e, index)}
onContextMenu={(e) => onRowContextMenu(e, row)}
data-testid="body-row"
>
- {/* Vertical bar for allow-listed domain row at the left side */}
- {isDomainInAllowList && (
+ {/* Vertical bar for for some indication, styles can also be made dynamic.*/}
+ {hasVerticalBar && (
)}
{columns.map(
@@ -132,18 +113,16 @@ const BodyRow = ({
bodyCellPrefixIcon(row) : undefined
- }
+ icon={bodyCellPrefixIcon ?? undefined}
/>
)
)}
diff --git a/packages/design-system/src/components/table/components/tableBody/index.tsx b/packages/design-system/src/components/table/components/tableBody/index.tsx
index a13ca9b49..3f7e635c7 100644
--- a/packages/design-system/src/components/table/components/tableBody/index.tsx
+++ b/packages/design-system/src/components/table/components/tableBody/index.tsx
@@ -24,35 +24,38 @@ import classNames from 'classnames';
* Internal dependencies.
*/
import BodyRow from './bodyRow';
-import type { TableData, TableOutput, TableRow } from '../../useTable';
+import { useTable } from '../../useTable';
interface TableBodyProps {
- useIsBlockedToHighlight: boolean;
- table: TableOutput;
- getRowObjectKey: (row: TableRow) => string;
isRowFocused: boolean;
setIsRowFocused: (state: boolean) => void;
selectedKey: string | undefined | null;
- onRowClick: (
- key: TableData | null,
- e?: React.MouseEvent
- ) => void;
- onRowContextMenu?: (
- e: React.MouseEvent,
- row: TableRow
- ) => void;
}
const TableBody = ({
- useIsBlockedToHighlight,
- table,
- getRowObjectKey,
isRowFocused,
setIsRowFocused,
selectedKey,
- onRowClick,
- onRowContextMenu = () => undefined,
}: TableBodyProps) => {
+ const {
+ rows,
+ columns,
+ onRowClick,
+ onRowContextMenu,
+ getRowObjectKey,
+ conditionalTableRowClassesHandler,
+ hasVerticalBar,
+ } = useTable(({ state, actions }) => ({
+ rows: state.rows,
+ columns: state.columns,
+ onRowClick: actions.onRowClick,
+ onRowContextMenu: actions.onRowContextMenu,
+ getRowObjectKey: actions.getRowObjectKey,
+ conditionalTableRowClassesHandler:
+ actions.conditionalTableRowClassesHandler,
+ hasVerticalBar: actions.hasVerticalBar,
+ }));
+
const tableBodyRef = useRef(null);
const handleKeyDown = useCallback(
@@ -84,13 +87,13 @@ const TableBody = ({
return;
}
- const newRow = table.rows.find((_, idx) => idx.toString() === newRowId);
+ const newRow = rows.find((_, idx) => idx.toString() === newRowId);
if (newRow) {
onRowClick(newRow?.originalData);
}
},
- [onRowClick, table.rows]
+ [onRowClick, rows]
);
const handleEmptyRowKeyDown = useCallback(
@@ -98,13 +101,13 @@ const TableBody = ({
event.preventDefault();
event.stopPropagation();
- const rowsLength = table.rows.length;
+ const rowsLength = rows.length;
if (event.key === 'ArrowDown' || !rowsLength) {
return;
}
- const newRow = table.rows[rowsLength - 1];
+ const newRow = rows[rowsLength - 1];
// @ts-ignore - the `children` property will be available on the `current` property.
const rowElement = tableBodyRef.current?.children.namedItem(
rowsLength - 1
@@ -118,7 +121,7 @@ const TableBody = ({
rowElement.focus();
onRowClick(newRow?.originalData);
},
- [onRowClick, table.rows]
+ [onRowClick, rows]
);
const tableRowClassName = classNames(
@@ -128,7 +131,7 @@ const TableBody = ({
? 'bg-gainsboro dark:bg-outer-space'
: 'bg-royal-blue text-white dark:bg-medium-persian-blue dark:text-chinese-silver'),
selectedKey !== null &&
- (table.rows.length % 2
+ (rows.length % 2
? 'bg-anti-flash-white dark:bg-charleston-green'
: 'bg-white dark:bg-raisin-black')
);
@@ -138,18 +141,24 @@ const TableBody = ({
ref={tableBodyRef}
className="h-full flex flex-col overflow-x-hidden overflow-y-auto"
>
- {table.rows.map((row, index) => (
+ {rows.map((row, index) => (
) => {
- onRowClick(row?.originalData, e);
+ getExtraClasses={() => {
+ return (
+ conditionalTableRowClassesHandler?.(row, isRowFocused, index) ??
+ ''
+ );
+ }}
+ hasVerticalBar={hasVerticalBar?.(row) ?? false}
+ getRowObjectKey={getRowObjectKey}
+ onRowClick={() => {
+ onRowClick(row?.originalData);
setIsRowFocused(true);
}}
onKeyDown={handleKeyDown}
@@ -166,7 +175,7 @@ const TableBody = ({
}}
onKeyDown={handleEmptyRowKeyDown}
>
- {table.columns.map(({ width }, index) => (
+ {columns.map(({ width }, index) => (
- {table.columns.map(({ width }, index) => (
+ {columns.map(({ width }, index) => (
{
it('should render Body Cell component', () => {
render(
'.example.com'}
width={50}
isRowFocused={bodyCellProp.isRowFocused}
// @ts-ignore
diff --git a/packages/design-system/src/components/table/components/tableBody/tests/bodyRow.tsx b/packages/design-system/src/components/table/components/tableBody/tests/bodyRow.tsx
index 5c0572407..8c9145b81 100644
--- a/packages/design-system/src/components/table/components/tableBody/tests/bodyRow.tsx
+++ b/packages/design-system/src/components/table/components/tableBody/tests/bodyRow.tsx
@@ -42,7 +42,7 @@ describe('BodyRow', () => {
onRowClick: jest.fn(() => {
BodyRowProp.isRowFocused = true;
}),
- onKeyDown: jest.fn(),
+ onKeyDown: () => '',
domainsInAllowList: emptySet,
setDomainsInAllowList: jest.fn((domains: Set) => {
BodyRowProp.domainsInAllowList = domains;
@@ -66,6 +66,7 @@ describe('BodyRow', () => {
columns={BodyRowProp.columns}
selectedKey={BodyRowProp.selectedKey}
getRowObjectKey={BodyRowProp.getRowObjectKey}
+ getExtraClasses={() => ''}
isRowFocused={BodyRowProp.isRowFocused}
onRowClick={BodyRowProp.onRowClick}
onKeyDown={BodyRowProp.onKeyDown}
@@ -100,6 +101,7 @@ describe('BodyRow', () => {
columns={BodyRowProp.columns}
selectedKey={BodyRowProp.selectedKey}
getRowObjectKey={BodyRowProp.getRowObjectKey}
+ getExtraClasses={() => ''}
isRowFocused={BodyRowProp.isRowFocused}
onRowClick={BodyRowProp.onRowClick}
onKeyDown={BodyRowProp.onKeyDown}
diff --git a/packages/design-system/src/components/table/components/tableBody/tests/index.tsx b/packages/design-system/src/components/table/components/tableBody/tests/index.tsx
index 494e54cb0..405fed864 100644
--- a/packages/design-system/src/components/table/components/tableBody/tests/index.tsx
+++ b/packages/design-system/src/components/table/components/tableBody/tests/index.tsx
@@ -26,6 +26,7 @@ import '@testing-library/jest-dom';
*/
import TableBody from '..';
import table from '../../../../../test-data/cookieTableMockData';
+import * as useTable from '../../../useTable/useTable';
const bodyRowProp = {
row: table.rows[0],
@@ -47,6 +48,9 @@ const getRowObjectKey = jest.fn((row) => {
});
describe('TableBody', () => {
+ const mockUseTable = jest.fn();
+ jest.spyOn(useTable, 'useTable').mockImplementation(mockUseTable);
+
beforeAll(() => {
globalThis.chrome = SinonChrome as unknown as typeof chrome;
});
@@ -56,18 +60,21 @@ describe('TableBody', () => {
});
it('should render Table Body component', () => {
+ mockUseTable.mockReturnValue({
+ rows: table.rows,
+ columns: table.columns,
+ onRowClick,
+ onRowContextMenu: jest.fn(),
+ getRowObjectKey,
+ conditionalTableRowClassesHandler: jest.fn(),
+ hasVerticalBar: () => false,
+ });
+
render(
{
- onRowClick(bodyRowProp.row?.originalData);
- setIsRowFocused(true);
- }}
/>
);
@@ -95,18 +102,21 @@ describe('TableBody', () => {
});
it('should update focused row', () => {
+ mockUseTable.mockReturnValue({
+ rows: table.rows,
+ columns: table.columns,
+ onRowClick,
+ onRowContextMenu: jest.fn(),
+ getRowObjectKey,
+ conditionalTableRowClassesHandler: jest.fn(),
+ hasVerticalBar: () => false,
+ });
+
render(
{
- onRowClick(bodyRowProp.row?.originalData);
- setIsRowFocused(true);
- }}
/>
);
diff --git a/packages/design-system/src/components/table/components/tableHeader/headerCell.tsx b/packages/design-system/src/components/table/components/tableHeader/headerCell.tsx
index c02082c57..5399f0f5d 100644
--- a/packages/design-system/src/components/table/components/tableHeader/headerCell.tsx
+++ b/packages/design-system/src/components/table/components/tableHeader/headerCell.tsx
@@ -22,25 +22,29 @@ import React, { useCallback, useRef } from 'react';
* Internal dependencies.
*/
import HeaderResizer from './headerResizer';
-import type { TableColumn, TableOutput } from '../../useTable';
+import { useTable, type TableColumn } from '../../useTable';
import { ArrowDown } from '../../../../icons';
interface HeaderCellProps {
- table: TableOutput;
index: number;
cell: TableColumn;
setIsRowFocused: (state: boolean) => void;
}
-const HeaderCell = ({
- table,
- index,
- cell,
- setIsRowFocused,
-}: HeaderCellProps) => {
+const HeaderCell = ({ index, cell, setIsRowFocused }: HeaderCellProps) => {
+ const { sortKey, sortOrder, isResizing, setSortKey, onMouseDown } = useTable(
+ ({ state, actions }) => ({
+ sortKey: state.sortKey,
+ sortOrder: state.sortOrder,
+ isResizing: state.isResizing,
+ setSortKey: actions.setSortKey,
+ onMouseDown: actions.onMouseDown,
+ })
+ );
+
const handleOnClick = useCallback(() => {
- table.setSortKey(cell.accessorKey);
- }, [cell.accessorKey, table]);
+ setSortKey(cell.accessorKey);
+ }, [cell.accessorKey, setSortKey]);
const columnRef = useRef(null);
@@ -48,9 +52,9 @@ const HeaderCell = ({
@@ -61,16 +65,16 @@ const HeaderCell = ({
>
{cell.header}
- {table.sortKey === cell.accessorKey &&
+ {sortKey === cell.accessorKey &&
{
asc:
{
- table.onMouseDown(columnRef, index);
+ onMouseDown(columnRef, index);
}}
/>
diff --git a/packages/design-system/src/components/table/components/tableHeader/headerRow.tsx b/packages/design-system/src/components/table/components/tableHeader/headerRow.tsx
index 457a36b82..17b65c4d0 100644
--- a/packages/design-system/src/components/table/components/tableHeader/headerRow.tsx
+++ b/packages/design-system/src/components/table/components/tableHeader/headerRow.tsx
@@ -22,21 +22,23 @@ import React from 'react';
* Internal dependencies.
*/
import HeaderCell from './headerCell';
-import type { TableOutput } from '../../useTable';
+import { useTable } from '../../useTable';
interface HeaderRowProps {
- table: TableOutput;
setIsRowFocused: (state: boolean) => void;
}
-const HeaderRow = ({ table, setIsRowFocused }: HeaderRowProps) => {
+const HeaderRow = ({ setIsRowFocused }: HeaderRowProps) => {
+ const { columns } = useTable(({ state }) => ({
+ columns: state.columns,
+ }));
+
return (
- {table.columns?.map((cell, idx) => (
+ {columns?.map((cell, idx) => (
diff --git a/packages/design-system/src/components/table/components/tableHeader/index.tsx b/packages/design-system/src/components/table/components/tableHeader/index.tsx
index 7ceb19918..623b430c8 100644
--- a/packages/design-system/src/components/table/components/tableHeader/index.tsx
+++ b/packages/design-system/src/components/table/components/tableHeader/index.tsx
@@ -22,10 +22,8 @@ import React, { useCallback } from 'react';
* Internal dependencies.
*/
import HeaderRow from './headerRow';
-import type { TableOutput } from '../../useTable';
interface TableHeaderProps {
- table: TableOutput;
setColumnPosition: (position: { x: number; y: number }) => void;
onRightClick: (
event: React.MouseEvent
@@ -34,7 +32,6 @@ interface TableHeaderProps {
}
const TableHeader = ({
- table,
setColumnPosition,
onRightClick,
setIsRowFocused,
@@ -52,7 +49,7 @@ const TableHeader = ({
return (
-
);
};
diff --git a/packages/design-system/src/components/table/components/tableTopBar/index.tsx b/packages/design-system/src/components/table/components/tableTopBar/index.tsx
index 2a713014a..d83aa5fda 100644
--- a/packages/design-system/src/components/table/components/tableTopBar/index.tsx
+++ b/packages/design-system/src/components/table/components/tableTopBar/index.tsx
@@ -18,42 +18,38 @@
*/
import React, { useCallback } from 'react';
import classNames from 'classnames';
-import {
- FilterIcon,
- SearchInput,
- TableOutput,
-} from '@ps-analysis-tool/design-system';
+import { FilterIcon, SearchInput } from '@ps-analysis-tool/design-system';
/**
* Internal dependencies.
*/
import ExportButton from '../../../exportButton';
+import { useTable } from '../../useTable';
interface TableTopBarProps {
- searchValue: TableOutput['searchValue'];
- setSearchValue: TableOutput['setSearchValue'];
showFilterSidebar: boolean;
setShowFilterSidebar: React.Dispatch>;
- cookiesCount: number;
hideFiltering?: boolean;
disableFiltering?: boolean;
- disableExport?: boolean;
- extraInterface?: React.ReactNode;
- exportCookies?: () => void;
+ extraInterface?: () => React.JSX.Element;
}
const TableTopBar = ({
- searchValue,
- setSearchValue,
showFilterSidebar,
setShowFilterSidebar,
- cookiesCount,
hideFiltering = false,
disableFiltering = false,
- disableExport = false,
- extraInterface = null,
- exportCookies,
+ extraInterface,
}: TableTopBarProps) => {
+ const { rows, searchValue, setSearchValue, exportTableData } = useTable(
+ ({ state, actions }) => ({
+ rows: state.rows,
+ searchValue: state.searchValue,
+ setSearchValue: actions.setSearchValue,
+ exportTableData: actions.exportTableData,
+ })
+ );
+
const handleInput = useCallback(
(event: React.ChangeEvent) => {
setSearchValue(event.target.value);
@@ -91,18 +87,18 @@ const TableTopBar = ({
- {extraInterface}
- {exportCookies && (
+ {extraInterface?.()}
+ {exportTableData && (
exportTableData(rows)}
/>
)}
- Count: {cookiesCount ?? 0}
+ Count: {rows.length ?? 0}
);
diff --git a/packages/design-system/src/components/table/index.ts b/packages/design-system/src/components/table/index.ts
index 02fb2f9a7..1bf0a60aa 100644
--- a/packages/design-system/src/components/table/index.ts
+++ b/packages/design-system/src/components/table/index.ts
@@ -15,6 +15,6 @@
*/
export { default as Table } from './components';
-export { default as useTable } from './useTable';
export * from './persistentSettingsStore';
export * from './useTable';
+export * from './utils';
diff --git a/packages/design-system/src/components/table/persistentSettingsStore/index.tsx b/packages/design-system/src/components/table/persistentSettingsStore/index.tsx
index f5dce1724..86b10ecef 100644
--- a/packages/design-system/src/components/table/persistentSettingsStore/index.tsx
+++ b/packages/design-system/src/components/table/persistentSettingsStore/index.tsx
@@ -24,8 +24,8 @@ import React, {
useMemo,
useRef,
} from 'react';
-import { useContextSelector, createContext } from 'use-context-selector';
import PQueue from 'p-queue';
+import { useContextSelector, createContext } from '@ps-analysis-tool/common';
/**
* Internal dependencies
diff --git a/packages/design-system/src/components/table/persistentSettingsStore/utils/extractStorage.ts b/packages/design-system/src/components/table/persistentSettingsStore/utils/extractStorage.ts
index 6817d0d41..09ea92c6c 100644
--- a/packages/design-system/src/components/table/persistentSettingsStore/utils/extractStorage.ts
+++ b/packages/design-system/src/components/table/persistentSettingsStore/utils/extractStorage.ts
@@ -45,14 +45,12 @@ const extractChromeStorage = async (
): Promise
=> {
const tabId = chrome.devtools.inspectedWindow.tabId.toString();
- const data = await chrome.storage.local.get();
- const tableData = data?.[tabId];
+ const data = await chrome.storage.session.get();
+ const tableData = data?.[tabId + persistenceKey];
if (tableData) {
- const persistenceData = tableData?.[persistenceKey];
- if (persistenceData) {
- return persistenceData;
- }
+ return tableData;
}
+
return {} as TablePersistentSettingsStoreContext['state'];
};
diff --git a/packages/design-system/src/components/table/persistentSettingsStore/utils/updateStorage.ts b/packages/design-system/src/components/table/persistentSettingsStore/utils/updateStorage.ts
index ae2c116e4..3d1e35436 100644
--- a/packages/design-system/src/components/table/persistentSettingsStore/utils/updateStorage.ts
+++ b/packages/design-system/src/components/table/persistentSettingsStore/utils/updateStorage.ts
@@ -93,10 +93,10 @@ const updateChromeStorage = async (
}
const tabId = chrome.devtools.inspectedWindow.tabId.toString();
- const data = await chrome.storage.local.get();
+ const data = await chrome.storage.session.get();
let tableData: TablePersistentSettingsStoreContext['state'] =
- data?.[tabId]?.[TABLE_PERSISTENT_SETTINGS_STORE_KEY];
+ data?.[tabId + TABLE_PERSISTENT_SETTINGS_STORE_KEY];
let requiredData = tableData?.[persistenceKey];
if (requiredData) {
@@ -108,9 +108,9 @@ const updateChromeStorage = async (
requiredData = storageData;
}
- if (!tableData && data[tabId]) {
- data[tabId][TABLE_PERSISTENT_SETTINGS_STORE_KEY] = {};
- tableData = data[tabId][TABLE_PERSISTENT_SETTINGS_STORE_KEY];
+ if (!tableData) {
+ data[tabId + TABLE_PERSISTENT_SETTINGS_STORE_KEY] = {};
+ tableData = data[tabId + TABLE_PERSISTENT_SETTINGS_STORE_KEY];
}
if (tableData && !tableData[persistenceKey]) {
@@ -120,7 +120,7 @@ const updateChromeStorage = async (
tableData[persistenceKey] = requiredData;
}
- await chrome.storage.local.set(data);
+ await chrome.storage.session.set(data);
return tableData;
};
diff --git a/packages/design-system/src/components/table/useTable/context.ts b/packages/design-system/src/components/table/useTable/context.ts
new file mode 100644
index 000000000..b0d493340
--- /dev/null
+++ b/packages/design-system/src/components/table/useTable/context.ts
@@ -0,0 +1,107 @@
+/*
+ * 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 { createContext, noop } from '@ps-analysis-tool/common';
+
+/**
+ * Internal dependencies.
+ */
+import {
+ TableColumn,
+ TableFilter,
+ TableRow,
+ TableProviderProps,
+} from './types';
+import { ColumnResizingOutput } from './useColumnResizing';
+import { ColumnSortingOutput } from './useColumnSorting';
+import { ColumnVisibilityOutput } from './useColumnVisibility';
+import { TableFilteringOutput } from './useFiltering';
+import { TableSearchOutput } from './useSearch';
+
+export interface TableStoreContext {
+ state: {
+ columns: TableColumn[];
+ hideableColumns: TableColumn[];
+ rows: TableRow[];
+ sortKey: ColumnSortingOutput['sortKey'];
+ sortOrder: ColumnSortingOutput['sortOrder'];
+ areAllColumnsVisible: ColumnVisibilityOutput['areAllColumnsVisible'];
+ tableContainerRef: ColumnResizingOutput['tableContainerRef'];
+ isResizing: ColumnResizingOutput['isResizing'];
+ filters: TableFilter;
+ selectedFilters: TableFilter;
+ isFiltering: TableFilteringOutput['isFiltering'];
+ searchValue: TableSearchOutput['searchValue'];
+ };
+ actions: {
+ setSortKey: ColumnSortingOutput['setSortKey'];
+ setSortOrder: ColumnSortingOutput['setSortOrder'];
+ hideColumn: ColumnVisibilityOutput['hideColumn'];
+ toggleVisibility: ColumnVisibilityOutput['toggleVisibility'];
+ showColumn: ColumnVisibilityOutput['showColumn'];
+ isColumnHidden: ColumnVisibilityOutput['isColumnHidden'];
+ onMouseDown: ColumnResizingOutput['onMouseDown'];
+ toggleFilterSelection: TableFilteringOutput['toggleFilterSelection'];
+ toggleSelectAllFilter: TableFilteringOutput['toggleSelectAllFilter'];
+ resetFilters: TableFilteringOutput['resetFilters'];
+ isSelectAllFilterSelected: TableFilteringOutput['isSelectAllFilterSelected'];
+ setSearchValue: TableSearchOutput['setSearchValue'];
+ onRowClick: TableProviderProps['onRowClick'];
+ onRowContextMenu: TableProviderProps['onRowContextMenu'];
+ getRowObjectKey: TableProviderProps['getRowObjectKey'];
+ conditionalTableRowClassesHandler?: TableProviderProps['conditionalTableRowClassesHandler'];
+ exportTableData?: TableProviderProps['exportTableData'];
+ hasVerticalBar?: TableProviderProps['hasVerticalBar'];
+ };
+}
+
+const initialState: TableStoreContext = {
+ state: {
+ columns: [],
+ hideableColumns: [],
+ rows: [],
+ sortKey: '',
+ sortOrder: 'asc',
+ areAllColumnsVisible: true,
+ tableContainerRef: null,
+ isResizing: false,
+ filters: {},
+ selectedFilters: {},
+ isFiltering: false,
+ searchValue: '',
+ },
+ actions: {
+ setSortKey: noop,
+ setSortOrder: noop,
+ hideColumn: noop,
+ toggleVisibility: noop,
+ showColumn: noop,
+ isColumnHidden: () => false,
+ onMouseDown: noop,
+ toggleFilterSelection: noop,
+ toggleSelectAllFilter: noop,
+ resetFilters: noop,
+ isSelectAllFilterSelected: () => false,
+ setSearchValue: noop,
+ onRowClick: noop,
+ onRowContextMenu: noop,
+ getRowObjectKey: () => '',
+ },
+};
+
+export const TableContext = createContext(initialState);
diff --git a/packages/design-system/src/components/table/useTable/index.ts b/packages/design-system/src/components/table/useTable/index.ts
new file mode 100644
index 000000000..230ace481
--- /dev/null
+++ b/packages/design-system/src/components/table/useTable/index.ts
@@ -0,0 +1,19 @@
+/*
+ * 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 * from './provider';
+export * from './types';
+export * from './useTable';
diff --git a/packages/design-system/src/components/table/useTable/index.tsx b/packages/design-system/src/components/table/useTable/index.tsx
deleted file mode 100644
index a632a5f65..000000000
--- a/packages/design-system/src/components/table/useTable/index.tsx
+++ /dev/null
@@ -1,238 +0,0 @@
-/*
- * 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 {
- getValueByKey,
- CookieTableData,
- TechnologyData,
-} from '@ps-analysis-tool/common';
-/**
- * Internal dependencies.
- */
-import useColumnSorting, { type ColumnSortingOutput } from './useColumnSorting';
-import useColumnVisibility, {
- type ColumnVisibilityOutput,
-} from './useColumnVisibility';
-import useColumnResizing, {
- type ColumnResizingOutput,
-} from './useColumnResizing';
-import useFiltering, { TableFilteringOutput } from './useFiltering';
-import useSearch, { TableSearchOutput } from './useSearch';
-
-export type TableData = CookieTableData | TechnologyData;
-
-export type InfoType = number | string | boolean | Array | [];
-
-export type TableColumn = {
- header: string;
- accessorKey: string;
- cell?: (info: InfoType, details?: TableData) => React.JSX.Element | InfoType;
- enableHiding?: boolean;
- isHiddenByDefault?: boolean;
- enableBodyCellPrefixIcon?: boolean;
- bodyCellPrefixIcon?: (row: TableRow) => React.JSX.Element;
- showBodyCellPrefixIcon?: (row: TableRow) => boolean;
- widthWeightagePercentage?: number;
- width?: number; // For internal use only
-};
-
-export type TableRow = {
- [accessorKey: string]: {
- value: React.JSX.Element | InfoType;
- };
- //@ts-ignore
- originalData: TableData;
-};
-
-export type TableFilter = {
- [accessorKey: string]: {
- title: string;
- description?: string;
- hasStaticFilterValues?: boolean;
- hasPrecalculatedFilterValues?: boolean;
- enableSelectAllOption?: boolean;
- filterValues?: {
- [filterValue: string]: {
- selected: boolean;
- description?: string;
- };
- };
- sortValues?: boolean; // for dynamic filters, values are sorted by default even if not specified.
- useGenericPersistenceKey?: boolean;
- calculateFilterValues?: (value: InfoType) => string;
- comparator?: (value: InfoType, filterValue: string) => boolean;
- };
-};
-
-export type PersistentStorageData = {
- columnsVisibility?: { [key: string]: boolean };
- columnsSizing?: { [key: string]: number };
- sortBy?: string;
- sortOrder?: 'asc' | 'desc';
- selectedFilters?: {
- [key: string]: TableFilter[keyof TableFilter]['filterValues'];
- };
- searchValue?: string;
-};
-
-export type TableOutput = {
- columns: TableColumn[];
- hideableColumns: TableColumn[];
- rows: TableRow[];
- sortKey: ColumnSortingOutput['sortKey'];
- sortOrder: ColumnSortingOutput['sortOrder'];
- setSortKey: ColumnSortingOutput['setSortKey'];
- setSortOrder: ColumnSortingOutput['setSortOrder'];
- hideColumn: ColumnVisibilityOutput['hideColumn'];
- toggleVisibility: ColumnVisibilityOutput['toggleVisibility'];
- areAllColumnsVisible: ColumnVisibilityOutput['areAllColumnsVisible'];
- showColumn: ColumnVisibilityOutput['showColumn'];
- isColumnHidden: ColumnVisibilityOutput['isColumnHidden'];
- tableContainerRef: ColumnResizingOutput['tableContainerRef'];
- onMouseDown: ColumnResizingOutput['onMouseDown'];
- isResizing: ColumnResizingOutput['isResizing'];
- filters: TableFilter;
- selectedFilters: TableFilter;
- isFiltering: TableFilteringOutput['isFiltering'];
- toggleFilterSelection: TableFilteringOutput['toggleFilterSelection'];
- toggleSelectAllFilter: TableFilteringOutput['toggleSelectAllFilter'];
- resetFilters: TableFilteringOutput['resetFilters'];
- isSelectAllFilterSelected: TableFilteringOutput['isSelectAllFilterSelected'];
- searchValue: TableSearchOutput['searchValue'];
- setSearchValue: TableSearchOutput['setSearchValue'];
-};
-
-interface useTableProps {
- data: TableData[];
- tableColumns: TableColumn[];
- tableFilterData?: TableFilter;
- tableSearchKeys?: string[];
- tablePersistentSettingsKey?: string;
-}
-
-const useTable = ({
- data,
- tableColumns,
- tableFilterData,
- tableSearchKeys,
- tablePersistentSettingsKey,
-}: useTableProps): TableOutput => {
- const commonKey = useMemo(() => {
- if (!tablePersistentSettingsKey) {
- return undefined;
- }
-
- const keys = tablePersistentSettingsKey.split('#');
-
- return keys[0];
- }, [tablePersistentSettingsKey]);
-
- const {
- visibleColumns,
- hideColumn,
- toggleVisibility,
- areAllColumnsVisible,
- showColumn,
- isColumnHidden,
- } = useColumnVisibility(tableColumns, commonKey);
-
- const allTableColumnsKeys = useMemo(() => {
- return tableColumns.map(({ accessorKey }) => accessorKey);
- }, [tableColumns]);
-
- const { columns, tableContainerRef, onMouseDown, isResizing } =
- useColumnResizing(visibleColumns, allTableColumnsKeys, commonKey);
-
- const { sortedData, sortKey, sortOrder, setSortKey, setSortOrder } =
- useColumnSorting(data, commonKey);
-
- const {
- filters,
- selectedFilters,
- filteredData,
- isFiltering,
- toggleFilterSelection,
- toggleSelectAllFilter,
- resetFilters,
- isSelectAllFilterSelected,
- } = useFiltering(
- sortedData,
- tableFilterData,
- tablePersistentSettingsKey,
- commonKey
- );
-
- const { searchValue, setSearchValue, searchFilteredData } = useSearch(
- filteredData,
- tableSearchKeys,
- commonKey
- );
-
- const rows = useMemo(() => {
- return searchFilteredData.map((_data) => {
- const row = {
- originalData: _data,
- } as TableRow;
-
- columns.forEach((column) => {
- const value = getValueByKey(column.accessorKey, _data);
- row[column.accessorKey] = {
- value: column.cell?.(value, _data) ?? value,
- };
- });
-
- return row;
- });
- }, [searchFilteredData, columns]);
-
- const hideableColumns = useMemo(
- () => tableColumns.filter((column) => column.enableHiding !== false),
- [tableColumns]
- );
-
- return {
- columns,
- hideableColumns,
- rows,
- sortKey,
- sortOrder,
- setSortKey,
- setSortOrder,
- hideColumn,
- toggleVisibility,
- areAllColumnsVisible,
- showColumn,
- isColumnHidden,
- tableContainerRef,
- onMouseDown,
- isResizing,
- filters,
- selectedFilters,
- isFiltering,
- toggleFilterSelection,
- toggleSelectAllFilter,
- resetFilters,
- isSelectAllFilterSelected,
- searchValue,
- setSearchValue,
- };
-};
-
-export default useTable;
diff --git a/packages/design-system/src/components/table/useTable/provider.tsx b/packages/design-system/src/components/table/useTable/provider.tsx
new file mode 100644
index 000000000..0ecdcd5b8
--- /dev/null
+++ b/packages/design-system/src/components/table/useTable/provider.tsx
@@ -0,0 +1,176 @@
+/*
+ * 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, { PropsWithChildren, useEffect, useMemo, useState } from 'react';
+import { getValueByKey } from '@ps-analysis-tool/common';
+/**
+ * Internal dependencies.
+ */
+import useColumnSorting from './useColumnSorting';
+import useColumnVisibility from './useColumnVisibility';
+import useColumnResizing from './useColumnResizing';
+import useFiltering from './useFiltering';
+import useSearch from './useSearch';
+import { TableContext } from './context';
+import { TableRow, TableProviderProps } from './types';
+
+export const TableProvider = ({
+ data,
+ tableColumns,
+ tableFilterData,
+ tableSearchKeys,
+ tablePersistentSettingsKey,
+ onRowClick,
+ onRowContextMenu,
+ getRowObjectKey,
+ conditionalTableRowClassesHandler,
+ exportTableData,
+ hasVerticalBar,
+ isRowSelected,
+ children,
+}: PropsWithChildren) => {
+ const commonKey = useMemo(() => {
+ if (!tablePersistentSettingsKey) {
+ return undefined;
+ }
+
+ const keys = tablePersistentSettingsKey.split('#');
+
+ return keys[0];
+ }, [tablePersistentSettingsKey]);
+
+ const {
+ visibleColumns,
+ hideColumn,
+ toggleVisibility,
+ areAllColumnsVisible,
+ showColumn,
+ isColumnHidden,
+ } = useColumnVisibility(tableColumns, commonKey);
+
+ const allTableColumnsKeys = useMemo(() => {
+ return tableColumns.map(({ accessorKey }) => accessorKey);
+ }, [tableColumns]);
+
+ const { columns, tableContainerRef, onMouseDown, isResizing } =
+ useColumnResizing(visibleColumns, allTableColumnsKeys, commonKey);
+
+ const { sortedData, sortKey, sortOrder, setSortKey, setSortOrder } =
+ useColumnSorting(data, commonKey);
+
+ const {
+ filters,
+ selectedFilters,
+ filteredData,
+ isFiltering,
+ toggleFilterSelection,
+ toggleSelectAllFilter,
+ resetFilters,
+ isSelectAllFilterSelected,
+ } = useFiltering(
+ sortedData,
+ tableFilterData,
+ tablePersistentSettingsKey,
+ commonKey
+ );
+
+ const { searchValue, setSearchValue, searchFilteredData } = useSearch(
+ filteredData,
+ tableSearchKeys,
+ commonKey
+ );
+
+ const [rows, setRows] = useState([]);
+
+ useEffect(() => {
+ const newRows = searchFilteredData.map((_data) => {
+ const row = {
+ originalData: _data,
+ } as TableRow;
+
+ columns.forEach((column) => {
+ const value = getValueByKey(column.accessorKey, _data);
+ row[column.accessorKey] = {
+ value: () => column.cell(value, _data) as React.JSX.Element,
+ };
+ });
+
+ return row;
+ });
+
+ setRows(newRows);
+ }, [searchFilteredData, columns]);
+
+ const hideableColumns = useMemo(
+ () => tableColumns.filter((column) => column.enableHiding !== false),
+ [tableColumns]
+ );
+
+ useEffect(() => {
+ const filteredRows = rows.filter(
+ (row) => isRowSelected?.(row.originalData) ?? true
+ );
+
+ if (filteredRows.length === 0) {
+ onRowClick(null);
+ }
+ }, [isRowSelected, onRowClick, rows]);
+ return (
+
+ {children}
+
+ );
+};
diff --git a/packages/design-system/src/components/table/useTable/types.ts b/packages/design-system/src/components/table/useTable/types.ts
new file mode 100644
index 000000000..aef022f07
--- /dev/null
+++ b/packages/design-system/src/components/table/useTable/types.ts
@@ -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 { CookieTableData, TechnologyData } from '@ps-analysis-tool/common';
+
+export type TableData = (CookieTableData | TechnologyData) & {
+ highlighted?: boolean;
+};
+
+export type InfoType = number | string | boolean | Array | [];
+
+export type TableColumn = {
+ header: string;
+ accessorKey: string;
+ cell: (info: InfoType, details?: TableData) => React.JSX.Element | InfoType;
+ enableHiding?: boolean;
+ isHiddenByDefault?: boolean;
+ enableBodyCellPrefixIcon?: boolean;
+ bodyCellPrefixIcon?: {
+ Element: (props: any) => React.JSX.Element;
+ };
+ showBodyCellPrefixIcon?: (row: TableRow) => boolean;
+ widthWeightagePercentage?: number;
+ width?: number; // For internal use only
+};
+
+export type TableRow = {
+ [accessorKey: string]: {
+ value: () => React.JSX.Element;
+ };
+ //@ts-ignore
+ originalData: TableData;
+};
+
+export type TableFilter = {
+ [accessorKey: string]: {
+ title: string;
+ description?: string;
+ hasStaticFilterValues?: boolean;
+ hasPrecalculatedFilterValues?: boolean;
+ enableSelectAllOption?: boolean;
+ isSelectAllOptionSelected?: boolean;
+ filterValues?: {
+ [filterValue: string]: {
+ selected: boolean;
+ description?: string;
+ };
+ };
+ sortValues?: boolean; // for dynamic filters, values are sorted by default even if not specified.
+ useGenericPersistenceKey?: boolean;
+ calculateFilterValues?: (value: InfoType) => string;
+ comparator?: (value: InfoType, filterValue: string) => boolean;
+ };
+};
+
+export type PersistentStorageData = {
+ columnsVisibility?: { [key: string]: boolean };
+ columnsSizing?: { [key: string]: number };
+ sortBy?: string;
+ sortOrder?: 'asc' | 'desc';
+ selectedFilters?: {
+ [key: string]: TableFilter[keyof TableFilter]['filterValues'];
+ };
+ searchValue?: string;
+};
+
+export interface TableProviderProps {
+ data: TableData[];
+ tableColumns: TableColumn[];
+ tableFilterData?: TableFilter;
+ tableSearchKeys?: string[];
+ tablePersistentSettingsKey?: string;
+ onRowClick: (row: TableData | null) => void;
+ onRowContextMenu: (
+ e: React.MouseEvent,
+ row: TableRow
+ ) => void;
+ getRowObjectKey: (row: TableRow) => string;
+ conditionalTableRowClassesHandler?: (
+ row: TableRow,
+ isRowFocused: boolean,
+ rowIndex: number
+ ) => string;
+ exportTableData?: (rows: TableRow[]) => void;
+ hasVerticalBar?: (row: TableRow) => boolean;
+ isRowSelected?: (cookie: TableData | null) => boolean;
+}
diff --git a/packages/design-system/src/components/table/useTable/useColumnResizing/handleResizeOnColumnsVisibilityChange.ts b/packages/design-system/src/components/table/useTable/useColumnResizing/handleResizeOnColumnsVisibilityChange.ts
index 4541e479f..9e5cef328 100644
--- a/packages/design-system/src/components/table/useTable/useColumnResizing/handleResizeOnColumnsVisibilityChange.ts
+++ b/packages/design-system/src/components/table/useTable/useColumnResizing/handleResizeOnColumnsVisibilityChange.ts
@@ -17,7 +17,7 @@
/**
* Internal dependencies
*/
-import { TableColumn } from '..';
+import { TableColumn } from '../types';
import { resizeColumns } from './resizeColumns';
const getInitialColumnSize = (
diff --git a/packages/design-system/src/components/table/useTable/useColumnResizing/index.tsx b/packages/design-system/src/components/table/useTable/useColumnResizing/index.tsx
index 8bba2015f..7cb70b58c 100644
--- a/packages/design-system/src/components/table/useTable/useColumnResizing/index.tsx
+++ b/packages/design-system/src/components/table/useTable/useColumnResizing/index.tsx
@@ -22,14 +22,14 @@ import { useCallback, useEffect, useRef, useState } from 'react';
/**
* Internal dependencies.
*/
-import type { PersistentStorageData, TableColumn } from '..';
+import type { PersistentStorageData, TableColumn } from '../types';
import { useTablePersistentSettingsStore } from '../../persistentSettingsStore';
import { resizeColumns } from './resizeColumns';
import { handleResizeOnColumnsVisibilityChange } from './handleResizeOnColumnsVisibilityChange';
export type ColumnResizingOutput = {
columns: TableColumn[];
- tableContainerRef: React.RefObject;
+ tableContainerRef: React.RefObject | null;
onMouseDown: (
selectedColumnRef: React.RefObject,
index: number
@@ -43,7 +43,7 @@ const useColumnResizing = (
tablePersistentSettingsKey?: string
): ColumnResizingOutput => {
const tableContainerRef = useRef(null);
- const [columns, setColumns] = useState([]);
+ const [columns, setColumns] = useState(tableColumns);
const [isResizing, setIsResizing] = useState(false);
const columnsSizingRef = useRef<{ [key: string]: number }>({});
diff --git a/packages/design-system/src/components/table/useTable/useColumnResizing/resizeColumns.ts b/packages/design-system/src/components/table/useTable/useColumnResizing/resizeColumns.ts
index 9d7d0737d..34f8bf834 100644
--- a/packages/design-system/src/components/table/useTable/useColumnResizing/resizeColumns.ts
+++ b/packages/design-system/src/components/table/useTable/useColumnResizing/resizeColumns.ts
@@ -17,7 +17,7 @@
/**
* Internal dependencies
*/
-import { TableColumn } from '..';
+import { TableColumn } from '../types';
export const resizeColumns = (
columnsToResize: TableColumn[],
diff --git a/packages/design-system/src/components/table/useTable/useColumnSorting/index.tsx b/packages/design-system/src/components/table/useTable/useColumnSorting/index.tsx
index d6a44448e..8dea36fc1 100644
--- a/packages/design-system/src/components/table/useTable/useColumnSorting/index.tsx
+++ b/packages/design-system/src/components/table/useTable/useColumnSorting/index.tsx
@@ -23,7 +23,7 @@ import { getValueByKey } from '@ps-analysis-tool/common';
/**
* Internal dependencies.
*/
-import type { TableData } from '..';
+import type { TableData } from '../types';
import { useTablePersistentSettingsStore } from '../../persistentSettingsStore';
export type DefaultOptions = {
diff --git a/packages/design-system/src/components/table/useTable/useColumnVisibility/index.tsx b/packages/design-system/src/components/table/useTable/useColumnVisibility/index.tsx
index 5f65feff5..78b077088 100644
--- a/packages/design-system/src/components/table/useTable/useColumnVisibility/index.tsx
+++ b/packages/design-system/src/components/table/useTable/useColumnVisibility/index.tsx
@@ -22,7 +22,7 @@ import { useCallback, useEffect, useMemo, useState } from 'react';
/**
* Internal dependencies.
*/
-import type { TableColumn } from '..';
+import type { TableColumn } from '../types';
import { useTablePersistentSettingsStore } from '../../persistentSettingsStore';
export type ColumnVisibilityOutput = {
@@ -100,12 +100,17 @@ const useColumnVisibility = (
[hiddenKeys]
);
- const visibleColumns = useMemo(() => {
+ const [visibleColumns, setVisibleColumns] = useState([]);
+
+ useEffect(() => {
if (isDataLoading) {
- return [];
+ setVisibleColumns([]);
+ return;
}
- return columns.filter(({ accessorKey }) => !hiddenKeys?.has(accessorKey));
+ setVisibleColumns(
+ columns.filter(({ accessorKey }) => !hiddenKeys?.has(accessorKey))
+ );
}, [columns, hiddenKeys, isDataLoading]);
const { getPreferences, setPreferences } = useTablePersistentSettingsStore(
diff --git a/packages/design-system/src/components/table/useTable/useFiltering/index.tsx b/packages/design-system/src/components/table/useTable/useFiltering/index.tsx
index ae919dcdb..afbc83d29 100644
--- a/packages/design-system/src/components/table/useTable/useFiltering/index.tsx
+++ b/packages/design-system/src/components/table/useTable/useFiltering/index.tsx
@@ -23,7 +23,7 @@ import { getValueByKey } from '@ps-analysis-tool/common';
/**
* Internal dependencies.
*/
-import type { TableData, TableFilter } from '..';
+import type { TableData, TableFilter } from '../types';
import useFiltersPersistence from './useFiltersPersistence';
export type TableFilteringOutput = {
@@ -65,6 +65,7 @@ const useFiltering = (
setIsDataLoading(true);
}, [specificTablePersistentSettingsKey]);
+ // extract filters from data
useEffect(() => {
setFilters((prevFilters) =>
Object.fromEntries(
@@ -116,6 +117,7 @@ const useFiltering = (
);
}, [data, selectAllFilterSelection]);
+ // extract filters from precalculated filter values
useEffect(() => {
const filtersByKey = Object.fromEntries(
Object.entries(tableFilterData || {})
@@ -148,14 +150,19 @@ const useFiltering = (
if (!filter.filterValues?.[_filterValue]) {
filterValues[_filterValue] = {
...filterValueData,
- selected: isSelectAllFilterSelected || false,
+ selected:
+ isSelectAllFilterSelected ||
+ filterValueData.selected ||
+ false,
};
} else {
filterValues[_filterValue] = {
...filterValueData,
selected:
isSelectAllFilterSelected ||
- filter.filterValues[_filterValue].selected,
+ filter.filterValues[_filterValue].selected ||
+ filterValueData.selected ||
+ false,
};
}
}
@@ -168,18 +175,22 @@ const useFiltering = (
});
}, [selectAllFilterSelection, tableFilterData]);
+ // extract filterKeys with selectAllFilter enabled
useEffect(() => {
const filtersWithSelectAllFilterEnabled = Object.entries(
tableFilterData || {}
)
.filter(([, filter]) => filter.enableSelectAllOption)
- .reduce>((acc, [filterKey]) => {
- acc[filterKey] = {
- selected: false,
- };
+ .reduce>(
+ (acc, [filterKey, filterValueData]) => {
+ acc[filterKey] = {
+ selected: filterValueData.isSelectAllOptionSelected || false,
+ };
- return acc;
- }, {});
+ return acc;
+ },
+ {}
+ );
setSelectAllFilterSelection((prev) => {
const newSelectAllFilterSelection = { ...prev };
@@ -187,7 +198,12 @@ const useFiltering = (
Object.entries(filtersWithSelectAllFilterEnabled).forEach(
([filterKey, filterValueData]) => {
if (!newSelectAllFilterSelection[filterKey]) {
- newSelectAllFilterSelection[filterKey] = filterValueData;
+ newSelectAllFilterSelection[filterKey] = {
+ selected:
+ newSelectAllFilterSelection[filterKey]?.selected ||
+ filterValueData.selected ||
+ false,
+ };
}
}
);
diff --git a/packages/design-system/src/components/table/useTable/useFiltering/useFiltersPersistence.tsx b/packages/design-system/src/components/table/useTable/useFiltering/useFiltersPersistence.tsx
index cde349c9d..b099268ba 100644
--- a/packages/design-system/src/components/table/useTable/useFiltering/useFiltersPersistence.tsx
+++ b/packages/design-system/src/components/table/useTable/useFiltering/useFiltersPersistence.tsx
@@ -18,8 +18,12 @@
* Internal dependencies.
*/
import { useCallback, useEffect, useMemo, useRef } from 'react';
+
+/**
+ * Internal dependencies.
+ */
import { useTablePersistentSettingsStore } from '../../persistentSettingsStore';
-import { PersistentStorageData, TableFilter } from '..';
+import { PersistentStorageData, TableFilter } from '../types';
const useFiltersPersistence = (
filters: TableFilter | undefined,
diff --git a/packages/design-system/src/components/table/useTable/useSearch/index.tsx b/packages/design-system/src/components/table/useTable/useSearch/index.tsx
index 08b10926c..df4b856cb 100644
--- a/packages/design-system/src/components/table/useTable/useSearch/index.tsx
+++ b/packages/design-system/src/components/table/useTable/useSearch/index.tsx
@@ -23,7 +23,7 @@ import { getValueByKey } from '@ps-analysis-tool/common';
/**
* Internal dependencies.
*/
-import { PersistentStorageData, TableData } from '..';
+import { PersistentStorageData, TableData } from '../types';
import { useTablePersistentSettingsStore } from '../../persistentSettingsStore';
export type TableSearchOutput = {
diff --git a/packages/design-system/src/components/table/useTable/useTable.tsx b/packages/design-system/src/components/table/useTable/useTable.tsx
new file mode 100644
index 000000000..a9c9a906f
--- /dev/null
+++ b/packages/design-system/src/components/table/useTable/useTable.tsx
@@ -0,0 +1,39 @@
+/*
+ * 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 { useContextSelector } from '@ps-analysis-tool/common';
+
+/**
+ * Internal dependencies.
+ */
+import { TableContext, TableStoreContext } from './context';
+
+export function useTable(): TableStoreContext;
+export function useTable(selector: (state: TableStoreContext) => T): T;
+
+/**
+ * Table store hook.
+ * @param selector Selector function to partially select state.
+ * @returns selected part of the state
+ */
+export function useTable(
+ selector: (state: TableStoreContext) => T | TableStoreContext = (state) =>
+ state
+) {
+ return useContextSelector(TableContext, selector);
+}
diff --git a/packages/design-system/src/components/table/utils/generateCookieTableCSV.ts b/packages/design-system/src/components/table/utils/generateCookieTableCSV.ts
index 2731aed07..b44315226 100644
--- a/packages/design-system/src/components/table/utils/generateCookieTableCSV.ts
+++ b/packages/design-system/src/components/table/utils/generateCookieTableCSV.ts
@@ -13,11 +13,14 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-
/**
- * Internal dependencies.
+ * External dependencies.
*/
-import { CookieTableData, sanitizeCsvRecord } from '@ps-analysis-tool/common';
+import {
+ BLOCK_STATUS,
+ CookieTableData,
+ sanitizeCsvRecord,
+} from '@ps-analysis-tool/common';
const COOKIES_TABLE_DATA_HEADER = [
'Name',
@@ -32,16 +35,30 @@ const COOKIES_TABLE_DATA_HEADER = [
'Value',
'Path',
'Expires',
- 'Cookie Affected',
+ 'Issues',
'GDPRPortal',
'Priority',
'Size',
+ 'Blocking Status',
];
const generateCookieTableCSV = (cookies: CookieTableData[]): Blob => {
let cookieRecords = '';
for (const cookie of cookies) {
+ const isInboundBlocked =
+ cookie.blockingStatus?.inboundBlock !== BLOCK_STATUS.NOT_BLOCKED;
+ const isOutboundBlocked =
+ cookie.blockingStatus?.outboundBlock !== BLOCK_STATUS.NOT_BLOCKED;
+ const hasValidBlockedReason =
+ cookie?.blockedReasons && cookie.blockedReasons.length !== 0;
+
+ let status = '';
+
+ if ((isInboundBlocked || isOutboundBlocked) && !hasValidBlockedReason) {
+ status = 'Undetermined';
+ }
+
//This should be in the same order as cookieDataHeader
const recordsArray = [
cookie.parsedCookie.name,
@@ -60,6 +77,7 @@ const generateCookieTableCSV = (cookies: CookieTableData[]): Blob => {
cookie.analytics?.gdprUrl || 'NA',
cookie.parsedCookie.priority || ' ',
cookie.parsedCookie.size?.toString(),
+ status,
].map(sanitizeCsvRecord);
cookieRecords += recordsArray.join(',') + '\r\n';
diff --git a/packages/design-system/src/components/table/utils/index.ts b/packages/design-system/src/components/table/utils/index.ts
index ca26ee7c5..2dfe9fc89 100644
--- a/packages/design-system/src/components/table/utils/index.ts
+++ b/packages/design-system/src/components/table/utils/index.ts
@@ -15,3 +15,4 @@
*/
export { default as generateCookieTableCSV } from './generateCookieTableCSV';
+export * from './precalculatedFiltersUtils';
diff --git a/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/calculateBlockedReasonsFilterValues.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/calculateBlockedReasonsFilterValues.ts
new file mode 100644
index 000000000..b4b622fd6
--- /dev/null
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/calculateBlockedReasonsFilterValues.ts
@@ -0,0 +1,75 @@
+/*
+ * 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 { getValueByKey, type CookieTableData } from '@ps-analysis-tool/common';
+
+/**
+ * Internal dependencies
+ */
+import { TableFilter } from '../../useTable';
+
+/**
+ * Calculate the filter values for the blocked reasons filter.
+ * Use options to preselect the filter values.
+ * @param tabCookies Cookies to calculate the filter values from.
+ * @param options Options to preselect the filter values.
+ * @param clearQuery Function to clear the query(when options are provided) to avoid conflicts.
+ * @returns Filter values for the blocked reasons filter.
+ */
+const calculateBlockedReasonsFilterValues = (
+ tabCookies: CookieTableData[],
+ options: string[],
+ clearQuery?: () => void
+) => {
+ const filters = tabCookies.reduce<
+ TableFilter[keyof TableFilter]['filterValues']
+ >((acc, cookie) => {
+ const blockedReason = getValueByKey('blockedReasons', cookie);
+
+ if (!cookie.frameIdList) {
+ return acc;
+ }
+
+ blockedReason?.forEach((reason: string) => {
+ if (!acc) {
+ acc = {};
+ }
+
+ if (!acc[reason]) {
+ acc[reason] = {
+ selected: false,
+ };
+
+ if (options) {
+ acc[reason].selected = options.includes(reason);
+ }
+ }
+ });
+
+ return acc;
+ }, {});
+
+ if (options) {
+ clearQuery?.();
+ }
+
+ return filters;
+};
+
+export default calculateBlockedReasonsFilterValues;
diff --git a/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/calculateDynamicFilterValues.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/calculateDynamicFilterValues.ts
new file mode 100644
index 000000000..7eee03c29
--- /dev/null
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/calculateDynamicFilterValues.ts
@@ -0,0 +1,70 @@
+/*
+ * 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 { getValueByKey, type CookieTableData } from '@ps-analysis-tool/common';
+
+/**
+ * Internal dependencies
+ */
+import { TableFilter } from '../../useTable';
+
+/**
+ * Calculate the filter values for the provider key.
+ * Use options to preselect the filter values, if options are provided clear the query to avoid conflicts.
+ * @param key Key to calculate the filter values for.
+ * @param tabCookies Cookies to calculate the filter values from.
+ * @param options Options to preselect the filter values.
+ * @param clearQuery Function to clear the query(when options are provided) to avoid conflicts.
+ * @returns Filters for the provider key.
+ */
+const calculateDynamicFilterValues = (
+ key: string,
+ tabCookies: CookieTableData[],
+ options: string[],
+ clearQuery?: () => void
+): TableFilter[keyof TableFilter]['filterValues'] => {
+ const filters = tabCookies.reduce<
+ TableFilter[keyof TableFilter]['filterValues']
+ >((acc, cookie) => {
+ const value = getValueByKey(key, cookie);
+
+ if (!acc) {
+ acc = {};
+ }
+
+ if (value && !acc[value]) {
+ acc[value] = {
+ selected: false,
+ };
+
+ if (options) {
+ acc[value].selected = options.includes(value);
+ }
+ }
+
+ return acc;
+ }, {});
+
+ if (options) {
+ clearQuery?.();
+ }
+
+ return filters;
+};
+
+export default calculateDynamicFilterValues;
diff --git a/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/calculateExemptionReasons.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/calculateExemptionReasons.ts
new file mode 100644
index 000000000..254639cdd
--- /dev/null
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/calculateExemptionReasons.ts
@@ -0,0 +1,73 @@
+/*
+ * 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 { CookieTableData } from '@ps-analysis-tool/common';
+/*
+ * Internal dependencies
+ */
+import { TableFilter } from '../../useTable';
+
+/**
+ * This function will return set of non duplicated cookie execmption reason.
+ * @param cookies The cookie table data.
+ * @param clearQuery Function to clear the query(when options are provided) to avoid conflicts.
+ * @param options Options to preselect the filter values.
+ * @returns {string[]} Unique set of exemption reasons.
+ */
+function frameOnlyExemptionReasonValues(
+ cookies: CookieTableData[],
+ clearQuery?: () => void,
+ options?: string[]
+) {
+ const collectedExemptionReasons = Array.from(
+ new Set(
+ cookies.map(({ exemptionReason }) => {
+ if (!exemptionReason || exemptionReason.toLowerCase() === 'none') {
+ return null;
+ }
+ return exemptionReason;
+ })
+ )
+ );
+
+ const reasons = collectedExemptionReasons.reduce((acc, reason) => {
+ if (!acc) {
+ acc = {};
+ }
+
+ if (reason) {
+ acc[reason] = {
+ selected: false,
+ };
+
+ if (options) {
+ acc[reason].selected = options.includes(reason);
+ }
+ }
+
+ return acc;
+ }, {} as TableFilter[keyof TableFilter]['filterValues']);
+
+ if (options) {
+ clearQuery?.();
+ }
+
+ return reasons;
+}
+
+export default frameOnlyExemptionReasonValues;
diff --git a/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/evaluateSelectAllOption.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/evaluateSelectAllOption.ts
new file mode 100644
index 000000000..d52ddc71e
--- /dev/null
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/evaluateSelectAllOption.ts
@@ -0,0 +1,40 @@
+/*
+ * 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.
+ */
+
+/**
+ * Evaluate if the 'All' option is present in parsedQuery.
+ * @param filterKey Filter key to evaluate.
+ * @param parsedQuery Query to evaluate from.
+ * @param clearActivePanelQuery Function to clear the query to avoid conflicts.
+ * @returns True if 'All' option is present in parsedQuery, false otherwise.
+ */
+const evaluateSelectAllOption = (
+ filterKey: string,
+ parsedQuery: Record,
+ clearActivePanelQuery?: () => void
+) => {
+ const options: string[] = parsedQuery?.filter?.[filterKey];
+
+ if (options?.[0] === 'All') {
+ clearActivePanelQuery?.();
+
+ return true;
+ }
+
+ return false;
+};
+
+export default evaluateSelectAllOption;
diff --git a/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/evaluateStaticFilterValues.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/evaluateStaticFilterValues.ts
new file mode 100644
index 000000000..ee25f1d2d
--- /dev/null
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/evaluateStaticFilterValues.ts
@@ -0,0 +1,63 @@
+/*
+ * 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 { TableFilter } from '../../useTable';
+
+/**
+ * Preselect the static filter values based on the options provided.
+ * @param staticValues Filter values to evaluate.
+ * @param filterKey Filter key to evaluate.
+ * @param parsedQuery Query to evaluate from.
+ * @param clearActivePanelQuery Function to clear the query to avoid conflicts.
+ * @returns Filter values for the static filter.
+ */
+const evaluateStaticFilterValues = (
+ staticValues: TableFilter[keyof TableFilter]['filterValues'],
+ filterKey: string,
+ parsedQuery: Record,
+ clearActivePanelQuery?: () => void
+) => {
+ const options: string[] = parsedQuery?.filter?.[filterKey];
+
+ if (!options) {
+ return staticValues;
+ }
+
+ const filters = Object.entries(staticValues || {}).reduce(
+ (acc, [key, value]) => {
+ if (!acc) {
+ acc = {};
+ }
+
+ if (options) {
+ value.selected = options.includes(key);
+ }
+
+ acc[key] = value;
+
+ return acc;
+ },
+ {} as TableFilter[keyof TableFilter]['filterValues']
+ );
+
+ if (options) {
+ clearActivePanelQuery?.();
+ }
+
+ return filters;
+};
+
+export default evaluateStaticFilterValues;
diff --git a/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/index.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/index.ts
new file mode 100644
index 000000000..dbd3d2ee3
--- /dev/null
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/index.ts
@@ -0,0 +1,21 @@
+/*
+ * 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 calculateDynamicFilterValues } from './calculateDynamicFilterValues';
+export { default as evaluateStaticFilterValues } from './evaluateStaticFilterValues';
+export { default as evaluateSelectAllOption } from './evaluateSelectAllOption';
+export { default as calculateBlockedReasonsFilterValues } from './calculateBlockedReasonsFilterValues';
+export { default as calculateExemptionReason } from './calculateExemptionReasons';
diff --git a/packages/cli-dashboard/src/hooks/useCookieListing.tsx/utils/tests/calculateBlockedReasonsFilterValues.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/calculateBlockedReasonsFilterValues.ts
similarity index 66%
rename from packages/cli-dashboard/src/hooks/useCookieListing.tsx/utils/tests/calculateBlockedReasonsFilterValues.ts
rename to packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/calculateBlockedReasonsFilterValues.ts
index 477edc1d6..ffca3be68 100644
--- a/packages/cli-dashboard/src/hooks/useCookieListing.tsx/utils/tests/calculateBlockedReasonsFilterValues.ts
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/calculateBlockedReasonsFilterValues.ts
@@ -44,9 +44,38 @@ describe('calculateBlockedReasonsFilterValues', () => {
selected: false,
},
};
+ const mockClearQuery = jest.fn();
- const result = calculateBlockedReasonsFilterValues(tabCookies);
+ const result = calculateBlockedReasonsFilterValues(
+ tabCookies,
+ undefined,
+ mockClearQuery
+ );
expect(result).toEqual(expected);
+ expect(mockClearQuery).not.toHaveBeenCalled();
+
+ const options = ['foo', 'bar'];
+
+ const expectedWithSelected = {
+ foo: {
+ selected: true,
+ },
+ bar: {
+ selected: true,
+ },
+ baz: {
+ selected: false,
+ },
+ };
+
+ const resultWithSelected = calculateBlockedReasonsFilterValues(
+ tabCookies,
+ options,
+ mockClearQuery
+ );
+
+ expect(resultWithSelected).toEqual(expectedWithSelected);
+ expect(mockClearQuery).toHaveBeenCalledTimes(1);
});
});
diff --git a/packages/cli-dashboard/src/hooks/useCookieListing.tsx/utils/tests/calculateDynamicFilterValues.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/calculateDynamicFilterValues.ts
similarity index 62%
rename from packages/cli-dashboard/src/hooks/useCookieListing.tsx/utils/tests/calculateDynamicFilterValues.ts
rename to packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/calculateDynamicFilterValues.ts
index c67f74b2d..749a428e6 100644
--- a/packages/cli-dashboard/src/hooks/useCookieListing.tsx/utils/tests/calculateDynamicFilterValues.ts
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/calculateDynamicFilterValues.ts
@@ -43,10 +43,44 @@ describe('calculateDynamicFilterValues', () => {
},
};
+ const mockClearQuery = jest.fn();
+
// Act
- const result = calculateDynamicFilterValues('keyToExtract', tabCookies);
+ const result = calculateDynamicFilterValues(
+ 'keyToExtract',
+ tabCookies,
+ undefined,
+ mockClearQuery
+ );
// Assert
expect(result).toEqual(expected);
+ expect(mockClearQuery).not.toHaveBeenCalled();
+
+ const options = ['value1', 'value2'];
+
+ const expectedWithSelected = {
+ value1: {
+ selected: true,
+ },
+ value2: {
+ selected: true,
+ },
+ value3: {
+ selected: false,
+ },
+ };
+
+ // Act
+ const resultWithSelected = calculateDynamicFilterValues(
+ 'keyToExtract',
+ tabCookies,
+ options,
+ mockClearQuery
+ );
+
+ // Assert
+ expect(resultWithSelected).toEqual(expectedWithSelected);
+ expect(mockClearQuery).toHaveBeenCalledTimes(1);
});
});
diff --git a/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/calculateExemptionReasons.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/calculateExemptionReasons.ts
new file mode 100644
index 000000000..0042363a0
--- /dev/null
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/calculateExemptionReasons.ts
@@ -0,0 +1,74 @@
+/*
+ * 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 calculateExemptionReason from '../calculateExemptionReasons';
+
+describe('calculateExemptionReason', () => {
+ it('should no exemption reasons', () => {
+ const tabCookies = [
+ {
+ exemptionReason: 'None',
+ },
+ {
+ exemptionReason: 'None',
+ },
+ {
+ exemptionReason: 'None',
+ },
+ ];
+
+ const expected = {};
+
+ const clearActivePanelQuery = jest.fn();
+
+ const result = calculateExemptionReason(tabCookies, clearActivePanelQuery);
+
+ // Assert
+ expect(result).toStrictEqual(expected);
+ expect(clearActivePanelQuery).not.toHaveBeenCalled();
+ });
+
+ it('should return unique set of exemption reason.', () => {
+ const tabCookies = [
+ {
+ exemptionReason: 'UserSettings',
+ },
+ {
+ exemptionReason: 'TPCDHeuristics',
+ },
+ {
+ exemptionReason: 'None',
+ },
+ ];
+
+ const expected = {
+ UserSettings: {
+ selected: false,
+ },
+ TPCDHeuristics: {
+ selected: false,
+ },
+ };
+
+ const clearActivePanelQuery = jest.fn();
+
+ const result = calculateExemptionReason(tabCookies, clearActivePanelQuery);
+
+ // Assert
+ expect(result).toStrictEqual(expected);
+ expect(clearActivePanelQuery).not.toHaveBeenCalled();
+ });
+});
diff --git a/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/evaluateSelectAllOption.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/evaluateSelectAllOption.ts
new file mode 100644
index 000000000..056a07fda
--- /dev/null
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/evaluateSelectAllOption.ts
@@ -0,0 +1,51 @@
+/*
+ * 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 evaluateSelectAllOption from '../evaluateSelectAllOption';
+
+describe('evaluateSelectAllOption', () => {
+ it('should return true if the first option is "All"', () => {
+ // Arrange
+ const filterKey = 'blockedReasons';
+ const parsedQuery = {
+ filter: {
+ blockedReasons: ['All'],
+ },
+ };
+ const clearActivePanelQuery = jest.fn();
+
+ const result = evaluateSelectAllOption(
+ filterKey,
+ undefined,
+ clearActivePanelQuery
+ );
+
+ // Assert
+ expect(result).toBe(false);
+ expect(clearActivePanelQuery).not.toHaveBeenCalled();
+
+ // Act
+ const result2 = evaluateSelectAllOption(
+ filterKey,
+ parsedQuery,
+ clearActivePanelQuery
+ );
+
+ // Assert
+ expect(result2).toBe(true);
+ expect(clearActivePanelQuery).toHaveBeenCalled();
+ });
+});
diff --git a/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/evaluateStaticFilterValues.ts b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/evaluateStaticFilterValues.ts
new file mode 100644
index 000000000..ae85f22c0
--- /dev/null
+++ b/packages/design-system/src/components/table/utils/precalculatedFiltersUtils/tests/evaluateStaticFilterValues.ts
@@ -0,0 +1,67 @@
+/*
+ * 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 evaluateStaticFilterValues from '../evaluateStaticFilterValues';
+
+describe('evaluateSelectAllOption', () => {
+ it('should return filter values based on the parsed query', () => {
+ // Arrange
+ const filterKey = 'isFioo';
+ const parsedQuery = {
+ filter: {
+ isFioo: ['Option1', 'Option2'],
+ },
+ };
+ const clearActivePanelQuery = jest.fn();
+ const staticValues = {
+ Option1: { selected: false },
+ Option2: { selected: false },
+ Option3: { selected: false },
+ };
+
+ // Arrange
+ const result1 = evaluateStaticFilterValues(
+ staticValues,
+ filterKey,
+ undefined,
+ clearActivePanelQuery
+ );
+
+ // Assert
+ expect(result1).toEqual({
+ Option1: { selected: false },
+ Option2: { selected: false },
+ Option3: { selected: false },
+ });
+ expect(clearActivePanelQuery).not.toHaveBeenCalled();
+
+ // Act
+ const result2 = evaluateStaticFilterValues(
+ staticValues,
+ filterKey,
+ parsedQuery,
+ clearActivePanelQuery
+ );
+
+ // Assert
+ expect(result2).toEqual({
+ Option1: { selected: true },
+ Option2: { selected: true },
+ Option3: { selected: false },
+ });
+ expect(clearActivePanelQuery).toHaveBeenCalled();
+ });
+});
diff --git a/packages/design-system/src/components/toastMessage/index.tsx b/packages/design-system/src/components/toastMessage/index.tsx
index 012ec0a35..4ec5a89e0 100644
--- a/packages/design-system/src/components/toastMessage/index.tsx
+++ b/packages/design-system/src/components/toastMessage/index.tsx
@@ -16,7 +16,7 @@
/**
* External dependencies.
*/
-import React, { forwardRef } from 'react';
+import React from 'react';
/**
* Internal dependencies.
@@ -31,30 +31,24 @@ interface ToastMessageProps {
variant?: 'primary' | 'secondary' | 'danger' | 'small' | 'large';
buttonText?: string;
}
-const ToastMessage = forwardRef(
- function ToastMessage(
- {
- text,
- onClick,
- additionalStyles = '',
- textAdditionalStyles = '',
- variant = 'large',
- buttonText = 'Reload',
- }: ToastMessageProps,
- ref
- ) {
- return (
-
-
+const ToastMessage = ({
+ text,
+ onClick,
+ additionalStyles = '',
+ textAdditionalStyles = '',
+ variant = 'large',
+ buttonText = 'Reload',
+}: ToastMessageProps) => {
+ return (
+
+ );
+};
export default ToastMessage;
diff --git a/packages/design-system/src/components/toggleSwitch/index.tsx b/packages/design-system/src/components/toggleSwitch/index.tsx
index 96e36a1fb..159046b2d 100644
--- a/packages/design-system/src/components/toggleSwitch/index.tsx
+++ b/packages/design-system/src/components/toggleSwitch/index.tsx
@@ -38,6 +38,7 @@ const ToggleSwitch = ({
<>
+✓ ,
+ value: () => ✓ ,
},
'parsedCookie.samesite': {
- value:
✓
),
},
'analytics.category': {
- value: 'Marketing',
+ value: () => 'Marketing',
},
'analytics.platform': {
- value: 'Twitter',
+ value: () => 'Twitter',
},
isFirstParty: {
- value: 'Third Party',
+ value: () => 'Third Party',
},
originalData: originalData[0],
},
{
// @ts-ignore
'parsedCookie.name': {
- value: 'personalization_id',
+ value: () => 'personalization_id',
},
'parsedCookie.value': {
- value: 'v1_HJmmucUuUZDLmLGgaw/32w==',
+ value: () => 'v1_HJmmucUuUZDLmLGgaw/32w==',
},
'parsedCookie.domain': {
- value: '.twitter.com',
+ value: () => '.twitter.com',
},
'parsedCookie.path': {
- value: '/',
+ value: () => '/',
},
'parsedCookie.expires': {
- value: '2024-11-21T08:18:44.337Z',
+ value: () => '2024-11-21T08:18:44.337Z',
},
'parsedCookie.httponly': {
- value: ✓ ,
+ value: () => ✓ ,
},
'parsedCookie.samesite': {
- value:
✓
),
},
'analytics.category': {
- value: 'Marketing',
+ value: () => 'Marketing',
},
'analytics.platform': {
- value: 'Twitter',
+ value: () => 'Twitter',
},
isFirstParty: {
- value: 'Third Party',
+ value: () => 'Third Party',
},
originalData: originalData[1],
},
diff --git a/packages/design-system/src/theme/colors.ts b/packages/design-system/src/theme/colors.ts
index 74ace5bb7..f38f13822 100644
--- a/packages/design-system/src/theme/colors.ts
+++ b/packages/design-system/src/theme/colors.ts
@@ -144,4 +144,47 @@ export const COLOR_MAP: {
color: '#D5CABD',
className: 'text-hotrod-brown',
},
+ None: {
+ color: '#465362',
+ className: 'text-color-charcoal',
+ },
+ UserSetting: {
+ color: '#F9DC5C',
+ className: 'text-napels-yellow',
+ },
+
+ TPCDMetadata: {
+ color: '#ED254E',
+ className: 'text-red-corolla',
+ },
+
+ TPCDDeprecationTrial: {
+ color: '#08A4BD',
+ className: 'text-moonstone',
+ },
+
+ TPCDHeuristics: {
+ color: '#446DF6',
+ className: 'text-noon-blue',
+ },
+
+ EnterprisePolicy: {
+ color: '#4C212A',
+ className: 'text-chocolate-cosmos',
+ },
+
+ StorageAccess: {
+ color: '#D96C06',
+ className: 'text-cocoa-brown',
+ },
+
+ TopLevelStorageAccess: {
+ color: '#3A1772',
+ className: 'text-persian-indigo',
+ },
+
+ CorsOptIn: {
+ color: '#D741A7',
+ className: 'text-hollywood-cerise',
+ },
};
diff --git a/packages/design-system/src/utils/index.ts b/packages/design-system/src/utils/index.ts
index f25ad60c6..098e4a669 100644
--- a/packages/design-system/src/utils/index.ts
+++ b/packages/design-system/src/utils/index.ts
@@ -18,3 +18,4 @@ export { noop } from './noop';
export { default as prepareCookiesCount } from './prepareCookiesCount';
export { default as prepareCookieStatsComponents } from './prepareCookieStatsComponents';
export { default as prepareFrameStatsComponent } from './prepareFrameStatsComponent';
+export { default as prepareCookieDataMapping } from './prepareCookieDataMapping';
diff --git a/packages/design-system/src/utils/prepareCookieDataMapping.ts b/packages/design-system/src/utils/prepareCookieDataMapping.ts
new file mode 100644
index 000000000..82a66290a
--- /dev/null
+++ b/packages/design-system/src/utils/prepareCookieDataMapping.ts
@@ -0,0 +1,61 @@
+/*
+ * 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 type {
+ CookieStatsComponents,
+ CookiesCount,
+} from '@ps-analysis-tool/common';
+
+/**
+ * Internal dependencies
+ */
+import { DataMapping } from '../components/cookiesLanding/landingHeader';
+
+/**
+ * Calcualte insights about frames to be shown on cookies landing page.
+ * @param {CookiesCount} cookieStats The calculated cookie count for each type.
+ * @param {CookieStatsComponents} cookiesStatsComponents cookies statistics of curent tab with the legend data.
+ * @param selectedItemUpdater The function to update the selected item.
+ * @returns {DataMapping[]} Mapped data array for displaying the landing header.
+ */
+export default function prepareCookieDataMapping(
+ cookieStats: CookiesCount,
+ cookiesStatsComponents: CookieStatsComponents,
+ selectedItemUpdater: (title: string, accessorKey?: string) => void
+): DataMapping[] {
+ return [
+ {
+ title: 'Total cookies',
+ count: cookieStats.total,
+ data: cookiesStatsComponents.legend,
+ onClick: () => selectedItemUpdater('', 'isFirstParty'), // title is empty as we don't want to select any filter.
+ },
+ {
+ title: '1st party cookies',
+ count: cookieStats.firstParty.total,
+ data: cookiesStatsComponents.firstParty,
+ onClick: () => selectedItemUpdater('First Party', 'isFirstParty'),
+ },
+ {
+ title: '3rd party cookies',
+ count: cookieStats.thirdParty.total,
+ data: cookiesStatsComponents.thirdParty,
+ onClick: () => selectedItemUpdater('Third Party', 'isFirstParty'),
+ },
+ ];
+}
diff --git a/packages/design-system/src/utils/prepareCookieStatsComponents.ts b/packages/design-system/src/utils/prepareCookieStatsComponents.ts
index b9d735e7b..61ce8ecd9 100644
--- a/packages/design-system/src/utils/prepareCookieStatsComponents.ts
+++ b/packages/design-system/src/utils/prepareCookieStatsComponents.ts
@@ -33,11 +33,19 @@ const prepareCookieStatsComponents = (
const blockedCookiesLegend: CookieStatsComponents['blockedCookiesLegend'] =
[];
+ const exemptedCookiesStats: CookieStatsComponents['exempted'] = [];
+ const exemptedCookiesLegend: CookieStatsComponents['exemptedCookiesLegend'] =
+ [];
+
Object.keys(cookieStats.blockedCookies).forEach((key: string) => {
if (key === 'total') {
return;
}
+ if (isNaN(cookieStats.blockedCookies[key])) {
+ return;
+ }
+
blockedCookiesStats.push({
count: cookieStats.blockedCookies[key],
color: COLOR_MAP[key].color,
@@ -51,6 +59,27 @@ const prepareCookieStatsComponents = (
});
});
+ Object.keys(cookieStats.exemptedCookies).forEach((key: string) => {
+ if (key === 'total' || key.toLowerCase() === 'none') {
+ return;
+ }
+ if (isNaN(cookieStats.exemptedCookies[key])) {
+ return;
+ }
+
+ exemptedCookiesStats.push({
+ count: cookieStats.exemptedCookies[key],
+ color: COLOR_MAP[key].color,
+ });
+
+ exemptedCookiesLegend.push({
+ label: key,
+ count: cookieStats.exemptedCookies[key],
+ color: COLOR_MAP[key].color,
+ countClassName: COLOR_MAP[key].className,
+ });
+ });
+
return {
legend: [
{
@@ -121,6 +150,8 @@ const prepareCookieStatsComponents = (
],
blocked: blockedCookiesStats,
blockedCookiesLegend,
+ exempted: exemptedCookiesStats,
+ exemptedCookiesLegend,
};
};
diff --git a/packages/design-system/src/utils/prepareCookiesCount.ts b/packages/design-system/src/utils/prepareCookiesCount.ts
index 49d821fd2..41c1b57f3 100644
--- a/packages/design-system/src/utils/prepareCookiesCount.ts
+++ b/packages/design-system/src/utils/prepareCookiesCount.ts
@@ -30,6 +30,9 @@ const prepareCookiesCount = (cookies: { [key: string]: CookieData } | null) => {
blockedCookies: {
total: 0,
},
+ exemptedCookies: {
+ total: 0,
+ },
firstParty: {
total: 0,
functional: 0,
@@ -78,6 +81,26 @@ const prepareCookiesCount = (cookies: { [key: string]: CookieData } | null) => {
}
});
+ cookiesCount.exemptedCookies.total = cookieList.filter(
+ (cookie) =>
+ cookie.exemptionReason &&
+ cookie.exemptionReason.toLowerCase() !== 'none' &&
+ (cookie?.frameIdList ?? [])?.length >= 0
+ ).length;
+
+ cookieList.forEach((cookie) => {
+ if (
+ cookie.exemptionReason &&
+ cookie.exemptionReason.toLowerCase() !== 'none'
+ ) {
+ if (!cookiesCount.exemptedCookies[cookie.exemptionReason]) {
+ cookiesCount.exemptedCookies[cookie.exemptionReason] = 1;
+ } else {
+ cookiesCount.exemptedCookies[cookie.exemptionReason]++;
+ }
+ }
+ });
+
for (const cookie of cookieList) {
const { analytics, isFirstParty } = cookie;
const category = analytics?.category?.toLowerCase() as
diff --git a/packages/design-system/src/utils/tests/prepareCookiesCount.ts b/packages/design-system/src/utils/tests/prepareCookiesCount.ts
index b1ef6bd1b..7e04c0725 100644
--- a/packages/design-system/src/utils/tests/prepareCookiesCount.ts
+++ b/packages/design-system/src/utils/tests/prepareCookiesCount.ts
@@ -140,6 +140,9 @@ const EMPTY_STATS = {
blockedCookies: {
total: 0,
},
+ exemptedCookies: {
+ total: 0,
+ },
firstParty: {
total: 0,
functional: 0,
@@ -182,6 +185,9 @@ describe('prepareCookiesCount : ', () => {
blockedCookies: {
total: 0,
},
+ exemptedCookies: {
+ total: 0,
+ },
firstParty: {
total: 4,
functional: 1,
diff --git a/packages/eslint-import-resolver/package.json b/packages/eslint-import-resolver/package.json
index 399c8bd81..e1e881905 100644
--- a/packages/eslint-import-resolver/package.json
+++ b/packages/eslint-import-resolver/package.json
@@ -1,6 +1,6 @@
{
"name": "@ps-analysis-tool/eslint-import-resolver",
- "version": "0.6.0",
+ "version": "0.7.0",
"description": "",
"main": "src/index.cjs",
"scripts": {
diff --git a/packages/extension/icons/icon-12.png b/packages/extension/icons/icon-12.png
index 5dd1eac60..3f0169345 100644
Binary files a/packages/extension/icons/icon-12.png and b/packages/extension/icons/icon-12.png differ
diff --git a/packages/extension/icons/icon-128.png b/packages/extension/icons/icon-128.png
index b6e84290a..b4db39fd9 100644
Binary files a/packages/extension/icons/icon-128.png and b/packages/extension/icons/icon-128.png differ
diff --git a/packages/extension/icons/icon-16.png b/packages/extension/icons/icon-16.png
index f6b6b7604..c1cb4a47d 100644
Binary files a/packages/extension/icons/icon-16.png and b/packages/extension/icons/icon-16.png differ
diff --git a/packages/extension/icons/icon-32.png b/packages/extension/icons/icon-32.png
index b3039d557..481665f6c 100644
Binary files a/packages/extension/icons/icon-32.png and b/packages/extension/icons/icon-32.png differ
diff --git a/packages/extension/icons/icon-48.png b/packages/extension/icons/icon-48.png
index 9e2cbdbfe..74153ea99 100644
Binary files a/packages/extension/icons/icon-48.png and b/packages/extension/icons/icon-48.png differ
diff --git a/packages/extension/icons/icon.png b/packages/extension/icons/icon.png
deleted file mode 100644
index b6e84290a..000000000
Binary files a/packages/extension/icons/icon.png and /dev/null differ
diff --git a/packages/extension/icons/icon.svg b/packages/extension/icons/icon.svg
index c5820bd24..52a3c540d 100644
--- a/packages/extension/icons/icon.svg
+++ b/packages/extension/icons/icon.svg
@@ -1,82 +1,20 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
diff --git a/packages/extension/package.json b/packages/extension/package.json
index 31142be3a..cf9d2448d 100644
--- a/packages/extension/package.json
+++ b/packages/extension/package.json
@@ -1,6 +1,6 @@
{
"name": "@ps-analysis-tool/extension",
- "version": "0.6.0",
+ "version": "0.7.0",
"description": "Chrome extension for cookie analysis",
"repository": {
"type": "git",
@@ -40,6 +40,7 @@
},
"devDependencies": {
"@types/react-copy-to-clipboard": "^5.0.4",
- "devtools-protocol": "^0.0.1236148"
+ "devtools-protocol": "^0.0.1282316",
+ "html-inline-script-webpack-plugin": "^3.2.1"
}
}
diff --git a/packages/extension/src/constants.ts b/packages/extension/src/constants.ts
index b146b4317..6790231fc 100644
--- a/packages/extension/src/constants.ts
+++ b/packages/extension/src/constants.ts
@@ -31,3 +31,19 @@ export const SETTING_PAGE_CONTROLS = [
"The PSAT tool is designed for efficient single-tab analysis. While multi-tab debugging is available for more comprehensive analysis, it is intended for examining 2-3 tabs simultaneously. Using more tabs may impact the tool's responsiveness.",
},
];
+
+export const DEVTOOLS_CLOSE = 'DEVTOOLS_STATE_CLOSE';
+export const DEVTOOLS_OPEN = 'DEVTOOLS_STATE_OPEN';
+export const POPUP_CLOSE = 'POPUP_STATE_CLOSE';
+export const POPUP_OPEN = 'POPUP_STATE_OPEN';
+export const DEVTOOLS_SET_JAVASCSCRIPT_COOKIE =
+ 'DevTools::SET_JAVASCRIPT_COOKIE';
+export const CHANGE_CDP_SETTING = 'CHANGE_CDP_SETTING';
+export const SET_TAB_TO_READ = 'SET_TAB_TO_READ';
+export const INITIAL_SYNC = 'INITIAL_SYNC';
+export const NEW_COOKIE_DATA = 'NEW_COOKIE_DATA';
+export const SERVICE_WORKER_RELOAD_MESSAGE = 'ServiceWorker::TABS_RELOADED';
+export const SERVICE_WORKER_TABS_RELOAD_COMMAND =
+ 'ServiceWorker::REOLAD_ALL_TABS';
+export const GET_JS_COOKIES = 'DEVTOOL::WEBPAGE::GET_JS_COOKIES';
+export const TABID_STORAGE = 'SERVICEWORKER::WEBPAGE::TABID_STORAGE';
diff --git a/packages/extension/src/contentScript/index.ts b/packages/extension/src/contentScript/index.ts
index 6832075cb..55f5e6e2b 100644
--- a/packages/extension/src/contentScript/index.ts
+++ b/packages/extension/src/contentScript/index.ts
@@ -38,7 +38,12 @@ import {
} from './popovers';
import type { ResponseType } from './types';
import { TOOLTIP_CLASS } from './constants';
-import { WEBPAGE_PORT_NAME } from '../constants';
+import {
+ DEVTOOLS_SET_JAVASCSCRIPT_COOKIE,
+ GET_JS_COOKIES,
+ TABID_STORAGE,
+ WEBPAGE_PORT_NAME,
+} from '../constants';
import {
isElementVisibleInViewport,
getFrameCount,
@@ -139,16 +144,18 @@ class WebpageContentScript {
await this.getAndProcessJSCookies(message.tabId);
}
- if (message?.payload?.type === 'SERVICEWORKER::WEBPAGE::TABID_STORAGE') {
+ if (message?.payload?.type === TABID_STORAGE) {
this.tabId = message.payload.tabId;
}
- if (message?.payload?.type === 'DEVTOOL::WEBPAGE::GET_JS_COOKIES') {
+ if (message?.payload?.type === GET_JS_COOKIES) {
await this.getAndProcessJSCookies(message.payload.tabId);
}
});
- this.cookieDB = await fetchDictionary();
+ if (!this.cookieDB) {
+ this.cookieDB = await fetchDictionary();
+ }
chrome.runtime.onConnect.addListener((port) => {
if (port.name.startsWith(WEBPAGE_PORT_NAME)) {
@@ -164,13 +171,17 @@ class WebpageContentScript {
* @param tabId The tabID whose cookies have to be fetched.
*/
async getAndProcessJSCookies(tabId: string) {
- //@ts-ignore
- const jsCookies = await cookieStore.getAll();
- await processAndStoreDocumentCookies({
- tabUrl: window.location.href,
- tabId,
- documentCookies: jsCookies,
- });
+ try {
+ //@ts-ignore
+ const jsCookies = await cookieStore.getAll();
+ await processAndStoreDocumentCookies({
+ tabUrl: window.location.href,
+ tabId,
+ documentCookies: jsCookies,
+ });
+ } catch (error) {
+ //Fail silently. No logging because sometimes cookieStore.getAll fails to run in some context.
+ }
}
/**
@@ -261,7 +272,7 @@ class WebpageContentScript {
}
chrome.runtime.sendMessage({
- type: 'DevTools::ServiceWorker::SET_JAVASCRIPT_COOKIE',
+ type: DEVTOOLS_SET_JAVASCSCRIPT_COOKIE,
payload: {
tabId: this.tabId,
cookieData: jsCookies,
diff --git a/packages/extension/src/contentScript/popovers/overlay/tests/addOverlay.ts b/packages/extension/src/contentScript/popovers/overlay/tests/addOverlay.ts
new file mode 100644
index 000000000..ceb90d83d
--- /dev/null
+++ b/packages/extension/src/contentScript/popovers/overlay/tests/addOverlay.ts
@@ -0,0 +1,63 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import addOverlay from '../addOverlay';
+
+describe('addOverlay', () => {
+ beforeAll(() => {
+ // Mock showPopover since it is not supported.
+ globalThis.HTMLElement.prototype.showPopover = jest.fn();
+ });
+
+ it('should return overlay that was added to the document body', () => {
+ const iframe = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ iframe.getBoundingClientRect = jest.fn(
+ () =>
+ ({
+ height: 10,
+ width: 200,
+ } as DOMRect)
+ );
+
+ document.body.appendChild(iframe);
+
+ const overlay = addOverlay(iframe);
+
+ expect(overlay).toBeInTheDocument();
+ expect(overlay instanceof HTMLDivElement).toBe(true);
+ });
+
+ it('should return null as body not found', () => {
+ const iframe = document.createElement('iframe');
+ const overlay = addOverlay(iframe);
+
+ expect(overlay).toBe(null);
+ });
+
+ afterAll(() => {
+ globalThis.HTMLElement.prototype.showPopover =
+ undefined as unknown as typeof HTMLElement.prototype.showPopover;
+ });
+});
diff --git a/packages/extension/src/contentScript/popovers/overlay/tests/createFrameOverlay.ts b/packages/extension/src/contentScript/popovers/overlay/tests/createFrameOverlay.ts
new file mode 100644
index 000000000..9239b7703
--- /dev/null
+++ b/packages/extension/src/contentScript/popovers/overlay/tests/createFrameOverlay.ts
@@ -0,0 +1,113 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import { OVERLAY_CLASS } from '../../../constants';
+import createFrameOverlay from '../createFrameOverlay';
+
+const mockGetBoundingClientRect = (height: number, width: number) => {
+ return {
+ height,
+ width,
+ } as DOMRect;
+};
+
+describe('createFrameOverlay', () => {
+ beforeAll(() => {
+ // Mock showPopover since it is not supported.
+ globalThis.HTMLElement.prototype.showPopover = jest.fn();
+ });
+
+ it('should return an overlay', () => {
+ const frame = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ frame.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(100, 100)
+ );
+
+ // Create overlay.
+ const overlay = createFrameOverlay(frame);
+
+ expect(overlay?.popover).toBe('manual');
+ expect(overlay).toHaveClass(OVERLAY_CLASS);
+ expect(overlay instanceof HTMLDivElement).toBe(true);
+ });
+
+ it('should return an overlay with dimension same as frame', () => {
+ const frame = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ frame.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(50, 50)
+ );
+
+ // Create overlay.
+ const overlay = createFrameOverlay(frame);
+
+ expect(overlay?.style.width).toBe('50px');
+ expect(overlay?.style.height).toBe('50px');
+ });
+
+ it('should return an overlay with "ps-fixed" class', () => {
+ const frame = document.createElement('body');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ frame.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(100, 100)
+ );
+
+ // Create overlay.
+ const overlay = createFrameOverlay(frame);
+
+ expect(overlay).toHaveClass('ps-fixed');
+ });
+
+ it('should return null if frame is hidden', () => {
+ const frameOne = document.createElement('iframe');
+ const frameTwo = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ frameOne.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(0, 100)
+ );
+
+ // Create overlay.
+ const overlayOne = createFrameOverlay(frameOne);
+
+ // Mock getBoundingClientRect since it always returns 0.
+ frameTwo.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(0, 100)
+ );
+
+ // Create overlay.
+ const overlayTwo = createFrameOverlay(frameTwo);
+
+ expect(overlayOne).toBe(null);
+ expect(overlayTwo).toBe(null);
+ });
+
+ afterAll(() => {
+ globalThis.HTMLElement.prototype.showPopover =
+ undefined as unknown as typeof HTMLElement.prototype.showPopover;
+ });
+});
diff --git a/packages/extension/src/contentScript/popovers/overlay/tests/setOverlayPosition.ts b/packages/extension/src/contentScript/popovers/overlay/tests/setOverlayPosition.ts
new file mode 100644
index 000000000..64f266b3b
--- /dev/null
+++ b/packages/extension/src/contentScript/popovers/overlay/tests/setOverlayPosition.ts
@@ -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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import setOverlayPosition from '../setOverlayPosition';
+import addOverlay from '../addOverlay';
+
+const mockGetBoundingClientRect = (
+ x: number,
+ y: number,
+ height: number,
+ width: number
+) => {
+ return {
+ x,
+ y,
+ height,
+ width,
+ } as DOMRect;
+};
+
+describe('setOverlayPosition', () => {
+ beforeAll(() => {
+ // Mock showPopover since it is not supported.
+ globalThis.HTMLElement.prototype.showPopover = jest.fn();
+ });
+
+ it('should set overlay postion: Test 1', () => {
+ const iframe = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ iframe.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(0, 0, 50, 50)
+ );
+
+ const overlay = addOverlay(iframe);
+
+ // Set overlay position.
+ setOverlayPosition(overlay, iframe);
+
+ expect(overlay?.style.top).toBe('0px');
+ expect(overlay?.style.left).toBe('0px');
+ });
+
+ it('should set overlay postion: Test 2', () => {
+ const iframe = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ iframe.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(10, 20, 30, 20)
+ );
+
+ const overlay = addOverlay(iframe);
+
+ // Set overlay position.
+ setOverlayPosition(overlay, iframe);
+
+ expect(overlay?.style.top).toBe('20px');
+ expect(overlay?.style.left).toBe('10px');
+ });
+
+ it('should not set overlay postion if no overlay', () => {
+ const iframe = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ iframe.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(10, 20, 0, 0)
+ );
+
+ const overlay = addOverlay(iframe);
+
+ // Set overlay position.
+ setOverlayPosition(overlay, iframe);
+
+ expect(overlay?.style.top).toBe(undefined);
+ expect(overlay?.style.left).toBe(undefined);
+ });
+
+ afterAll(() => {
+ globalThis.HTMLElement.prototype.showPopover =
+ undefined as unknown as typeof HTMLElement.prototype.showPopover;
+ });
+});
diff --git a/packages/extension/src/contentScript/popovers/tests/findSelectedFrameElements.ts b/packages/extension/src/contentScript/popovers/tests/findSelectedFrameElements.ts
new file mode 100644
index 000000000..027e7923f
--- /dev/null
+++ b/packages/extension/src/contentScript/popovers/tests/findSelectedFrameElements.ts
@@ -0,0 +1,68 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import findSelectedFrameElements from '../findSelectedFrameElements';
+
+describe('findSelectedFrameElements', () => {
+ it('should return empty array as origin is empty', () => {
+ const frame = findSelectedFrameElements('htts://example.com');
+
+ expect(frame).toHaveLength(0);
+ });
+
+ it('should return body frame as selectedOrigin is same as the origin', () => {
+ const origin = document.location.origin;
+ const frame = findSelectedFrameElements(origin);
+
+ expect(frame).toHaveLength(1);
+ expect(frame).toContain(document.body);
+ });
+
+ it('should return array of frames of same origin', () => {
+ const origin = 'https://example.com';
+
+ const iframeOne = document.createElement('iframe');
+ const iframeTwo = document.createElement('iframe');
+ const iframeThree = document.createElement('iframe');
+ const iframeFour = document.createElement('iframe');
+
+ iframeOne.setAttribute('src', 'https://example.com');
+ iframeTwo.setAttribute('src', 'https://server.com');
+ iframeThree.setAttribute('src', 'https://domain.com');
+ iframeFour.setAttribute('src', 'https://example.com');
+
+ const iframes = [iframeOne, iframeTwo, iframeThree, iframeFour];
+
+ iframes.forEach((iframe) => {
+ document.body.appendChild(iframe);
+ });
+
+ const frames = findSelectedFrameElements(origin);
+
+ expect(frames).toHaveLength(2);
+
+ frames.forEach((frame) => {
+ expect(frame.getAttribute('src')).toBe(origin);
+ });
+ });
+});
diff --git a/packages/extension/src/contentScript/popovers/tests/removeAllPopovers.ts b/packages/extension/src/contentScript/popovers/tests/removeAllPopovers.ts
new file mode 100644
index 000000000..a033d6751
--- /dev/null
+++ b/packages/extension/src/contentScript/popovers/tests/removeAllPopovers.ts
@@ -0,0 +1,70 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import { OVERLAY_CLASS, TOOLTIP_CLASS } from '../../constants';
+import removeAllPopovers from '../removeAllPopovers';
+
+describe('removeAllPopovers', () => {
+ it('should remove all the popovers', () => {
+ const parentDiv = document.createElement('div');
+ const divEleArr = [];
+
+ for (let i = 0; i < 6; i++) {
+ const divEle = document.createElement('div');
+ divEleArr.push(divEle);
+ }
+
+ divEleArr.slice(0, 4).forEach((div) => {
+ div.classList.add(OVERLAY_CLASS);
+ parentDiv.appendChild(div);
+ });
+
+ divEleArr.slice(4, 6).forEach((div) => {
+ div.classList.add(TOOLTIP_CLASS);
+ parentDiv.appendChild(div);
+ });
+
+ document.body.appendChild(parentDiv);
+
+ // Get initial popovers count.
+ const overlaysBeforeRemoval = document.querySelectorAll(
+ `.${OVERLAY_CLASS}`
+ );
+ const tooltipsBeforeRemoval = document.querySelectorAll(
+ `.${TOOLTIP_CLASS}`
+ );
+
+ // Call the function to remove all popovers.
+ removeAllPopovers();
+
+ // Get popovers count after removing them.
+ const overlaysAfterRemoval = document.querySelectorAll(`.${OVERLAY_CLASS}`);
+ const tooltipsAfterRemoval = document.querySelectorAll(`.${TOOLTIP_CLASS}`);
+
+ expect(overlaysBeforeRemoval).toHaveLength(4);
+ expect(tooltipsBeforeRemoval).toHaveLength(2);
+
+ expect(overlaysAfterRemoval).toHaveLength(0);
+ expect(tooltipsAfterRemoval).toHaveLength(0);
+ });
+});
diff --git a/packages/extension/src/contentScript/popovers/tests/toggleFrameHighlighting.ts b/packages/extension/src/contentScript/popovers/tests/toggleFrameHighlighting.ts
new file mode 100644
index 000000000..370f4c35c
--- /dev/null
+++ b/packages/extension/src/contentScript/popovers/tests/toggleFrameHighlighting.ts
@@ -0,0 +1,60 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import toggleFrameHighlighting from '../toggleFrameHighlighting';
+
+describe('toggleFrameHighlighting', () => {
+ it('should add "ps-highlighted-frame" class for all iframes', () => {
+ const divWithIframes = document.createElement('div');
+
+ // Create div with iframes.
+ for (let i = 0; i < 10; i++) {
+ divWithIframes.appendChild(document.createElement('iframe'));
+ }
+
+ document.body.appendChild(divWithIframes);
+
+ toggleFrameHighlighting(true);
+
+ expect(
+ document.querySelectorAll('iframe.ps-highlighted-frame')
+ ).toHaveLength(10);
+ });
+
+ it('should remove "ps-highlighted-frame" class for all iframes', () => {
+ const divWithIframes = document.createElement('div');
+
+ // Create div with iframes.
+ for (let i = 0; i < 10; i++) {
+ divWithIframes.appendChild(document.createElement('iframe'));
+ }
+
+ document.body.appendChild(divWithIframes);
+
+ toggleFrameHighlighting(false);
+
+ expect(
+ document.querySelectorAll('iframe.ps-highlighted-frame')
+ ).toHaveLength(0);
+ });
+});
diff --git a/packages/extension/src/contentScript/popovers/tooltip/tests/createShowMoreButton.ts b/packages/extension/src/contentScript/popovers/tooltip/tests/createShowMoreButton.ts
new file mode 100644
index 000000000..0294bfb24
--- /dev/null
+++ b/packages/extension/src/contentScript/popovers/tooltip/tests/createShowMoreButton.ts
@@ -0,0 +1,75 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import createShowMoreButton from '../createShowMoreButton';
+
+describe('createShowMoreButton', () => {
+ it('should contain "Show More" button components', () => {
+ // Get HTML element from the function being tested.
+ const tooltipShowButtonContainer = createShowMoreButton();
+ const tooltipShowButton = tooltipShowButtonContainer.children[0];
+
+ // Create additional content for the tooltip.
+ const tooltipContent = document.createElement('div');
+ tooltipContent.innerHTML = `
+
+ `;
+
+ // Create tooltip and append to the body element.
+ const tooltip = document.createElement('div');
+ tooltip.appendChild(tooltipContent);
+ tooltip.appendChild(tooltipShowButtonContainer);
+ document.body.appendChild(tooltip);
+
+ expect(tooltipShowButton instanceof HTMLButtonElement).toBe(true);
+ expect(tooltipShowButtonContainer instanceof HTMLDivElement).toBe(true);
+ expect((tooltipShowButton as HTMLElement).innerText).toBe('Show more');
+
+ expect(tooltipShowButton).toHaveClass('ps-tooltip-compact');
+ expect(tooltipShowButton).toHaveClass('ps-tooltip-info-toggle-btn');
+ });
+
+ it('button click should perform an action', () => {
+ // Get HTML element from the function being tested.
+ const tooltipShowButtonContainer = createShowMoreButton();
+ const tooltipShowButton = tooltipShowButtonContainer.children[0];
+
+ // Create additional content for the tooltip.
+ const tooltipContent = document.createElement('div');
+ tooltipContent.innerHTML = `
+
+ `;
+
+ // Create tooltip and append to the body element.
+ const tooltip = document.createElement('div');
+ tooltip.appendChild(tooltipContent);
+ tooltip.appendChild(tooltipShowButtonContainer);
+ document.body.appendChild(tooltip);
+
+ (tooltipShowButton as HTMLButtonElement).click();
+
+ expect((tooltipShowButton as HTMLElement).innerText).toBe('Show less');
+ expect(tooltip.querySelectorAll('.hidden')).toHaveLength(0);
+ expect(tooltipShowButton).not.toHaveClass('ps-tooltip-compact');
+ });
+});
diff --git a/packages/extension/src/contentScript/popovers/tooltip/tests/createToolTip.ts b/packages/extension/src/contentScript/popovers/tooltip/tests/createToolTip.ts
new file mode 100644
index 000000000..82776b1ad
--- /dev/null
+++ b/packages/extension/src/contentScript/popovers/tooltip/tests/createToolTip.ts
@@ -0,0 +1,108 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import createTooltip from '../createTooltip';
+
+describe('createTooltip', () => {
+ it('should be an instance of HTMLDivElement', () => {
+ const response = {
+ isInspecting: true,
+ };
+ const iframe = document.createElement('iframe');
+ const tooltip = createTooltip(iframe, response, 0, 0);
+ document.body.appendChild(tooltip);
+
+ expect(tooltip instanceof HTMLDivElement).toBe(true);
+ });
+
+ it('child element should contain required elements, classes and attributes', () => {
+ const response = {
+ isInspecting: true,
+ };
+ const iframe = document.createElement('iframe');
+ const tooltip = createTooltip(iframe, response, 0, 0);
+ document.body.appendChild(tooltip);
+
+ expect(tooltip.popover).toBe('manual');
+ expect(tooltip.classList.contains('ps-tooltip')).toBe(true);
+ expect(tooltip.querySelectorAll('.ps-content')).toHaveLength(1);
+ expect(tooltip.querySelectorAll('p')).toHaveLength(9);
+ expect(tooltip.querySelectorAll('strong')).toHaveLength(9);
+ });
+
+ it('should contain the specified text', () => {
+ const response = {
+ isInspecting: true,
+ };
+ const iframe = document.createElement('iframe');
+ const tooltip = createTooltip(iframe, response, 0, 0);
+ document.body.appendChild(tooltip);
+
+ const infos = tooltip.querySelectorAll('p');
+
+ // First tooltip info.
+ expect(infos[0].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Type: Hidden iframe'
+ );
+
+ // Second tooltip info.
+ expect(infos[1].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Origin: empty'
+ );
+
+ // Third tooltip info.
+ expect(infos[2].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Visible iframes: 0'
+ );
+
+ // Fourth tooltip info.
+ expect(infos[3].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Hidden iframes: 0'
+ );
+
+ // Fifth tooltip info.
+ expect(infos[4].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'First-party cookies: 0'
+ );
+
+ // Sixth tooltip info.
+ expect(infos[5].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Third-party cookies: 0'
+ );
+
+ // Sixth tooltip info.
+ expect(infos[6].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Blocked cookies: 0'
+ );
+
+ // Seventh tooltip info.
+ expect(infos[7].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Belongs to RWS: N/A'
+ );
+
+ // Eighth tooltip info.
+ expect(infos[8].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Allowed Features (PS related): Unknown'
+ );
+ });
+});
diff --git a/packages/extension/src/contentScript/popovers/tooltip/tests/createToolTipHTML.ts b/packages/extension/src/contentScript/popovers/tooltip/tests/createToolTipHTML.ts
new file mode 100644
index 000000000..bde5e807b
--- /dev/null
+++ b/packages/extension/src/contentScript/popovers/tooltip/tests/createToolTipHTML.ts
@@ -0,0 +1,99 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import createTooltipHTML from '../createTooltipHTML';
+import {
+ getInfo,
+ getInfoAttributes,
+} from '../../../utils/test-data/getToolTipInfoData';
+
+describe('createTooltipHTML', () => {
+ it('should contain "p" and "strong" tag elements', () => {
+ const infoHTMLElement = createTooltipHTML(getInfo(), getInfoAttributes());
+ document.body.appendChild(infoHTMLElement);
+
+ expect(infoHTMLElement instanceof HTMLElement).toBe(true);
+ expect(infoHTMLElement.querySelectorAll('p')).toHaveLength(8);
+ expect(infoHTMLElement.querySelectorAll('strong')).toHaveLength(8);
+ });
+
+ it('should contain the specified text', () => {
+ const infoHTMLElement = createTooltipHTML(getInfo(), getInfoAttributes());
+ document.body.appendChild(infoHTMLElement);
+
+ const infos = infoHTMLElement.querySelectorAll('p');
+
+ // First tooltip info.
+ expect(infos[0].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Type: iframe'
+ );
+
+ // Second tooltip info.
+ expect(infos[1].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Origin: about:blank'
+ );
+
+ // Third tooltip info.
+ expect(infos[2].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Visible iframes: 2'
+ );
+
+ // Fourth tooltip info.
+ expect(infos[3].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Hidden iframes: 3'
+ );
+
+ // Fifth tooltip info.
+ expect(infos[4].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'First-party cookies: 4'
+ );
+
+ // Sixth tooltip info.
+ expect(infos[5].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Third-party cookies: 5'
+ );
+
+ // Sixth tooltip info.
+ expect(infos[6].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Belongs to RWS: Yes'
+ );
+
+ // Seventh tooltip info.
+ expect(infos[7].textContent?.trim().replace(/\s+/g, ' ')).toBe(
+ 'Allowed Features (PS related): attribution-reporting, browsing-topics, interest-cohort, join-ad-interest-group, private-aggregation, run-ad-auction, shared-storage, shared-storage-select-url'
+ );
+
+ // Seventh tooltip info attributes.
+ const elementWithAttr = infoHTMLElement.querySelector(
+ '.ps-allowed-features'
+ );
+ expect(elementWithAttr?.getAttribute('data-compact-allowed-features')).toBe(
+ 'attribution-reporting, browsing-topics, interest-cohort, join-ad-interest-group, private-aggregation, ...'
+ );
+ expect(
+ elementWithAttr?.getAttribute('data-expanded-allowed-features')
+ ).toBe(
+ 'attribution-reporting, browsing-topics, interest-cohort, join-ad-interest-group, private-aggregation, run-ad-auction, shared-storage, shared-storage-select-url'
+ );
+ });
+});
diff --git a/packages/extension/src/contentScript/utils/test-data/compareFrameSource.ts b/packages/extension/src/contentScript/utils/test-data/compareFrameSource.ts
new file mode 100644
index 000000000..0d70129a9
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/test-data/compareFrameSource.ts
@@ -0,0 +1,113 @@
+/*
+ * 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 const expectedCases = [
+ {
+ origin: 'https://www.example.com', // from PS panel sidebar.
+ src: 'https://www.example.com/some/path',
+ toBe: true,
+ },
+ {
+ origin: 'http://www.example.com',
+ src: 'https://www.example.com/some/path',
+ toBe: true,
+ },
+ {
+ origin: 'www.example.com',
+ src: 'https://www.example.com/some/path',
+ toBe: true,
+ },
+ {
+ origin: 'example.com',
+ src: 'https://www.example.com/some/path',
+ toBe: true,
+ },
+ {
+ origin: 'https://bbc.com/',
+ src: 'https://www.bbc.com',
+ toBe: true,
+ },
+];
+
+export const unexpectedCases = [
+ {
+ origin: 'https://www.different.com',
+ src: 'https://www.example.com/some/path',
+ toBe: false,
+ },
+ {
+ origin: 'http://www.different.com',
+ src: 'https://www.example.com/some/path',
+ toBe: false,
+ },
+ {
+ origin: 'www.different.com',
+ src: 'https://www.example.com/some/path',
+ toBe: false,
+ },
+];
+
+export const edgeCases = [
+ {
+ origin: '',
+ src: '',
+ toBe: true,
+ },
+ {
+ origin: 'https://www.example.com',
+ src: '',
+ toBe: false,
+ },
+];
+
+export const realCases = [
+ {
+ origin: 'https://a4621041136.cdn.optimizely.com',
+ src: 'https://a4621041136.cdn.optimizely.com/client_storage/a4621041136.html',
+ toBe: true,
+ },
+ {
+ origin:
+ 'https://05700d83f33eb7346a37437dfe41f3f9.safeframe.googlesyndication.com',
+ src: 'https://05700d83f33eb7346a37437dfe41f3f9.safeframe.googlesyndication.com/safeframe/1-0-40/html/container.html',
+ toBe: true,
+ },
+ {
+ origin: 'https://elb.the-ozone-project.com',
+ src: 'https://elb.the-ozone-project.com/static/load-cookie.html?gdpr=0&gdpr_consent=&usp_consent=1YNN&pubcid=88e843a3-17fc-4662-a021-55d84c00c835&publisherId=OZONEBBC4784&siteId=8890582654&cb=1696009943052&bidder=ozone',
+ toBe: true,
+ },
+ {
+ origin: 'https://imasdk.googleapis.com',
+ src: 'https://imasdk.googleapis.com/js/core/bridge3.593.1_debug_en.html#goog_2122308160',
+ toBe: true,
+ },
+ {
+ origin: 'https://ads.pubmatic.com',
+ src: 'https://ads.pubmatic.com/AdServer/js/user_sync.html?kdntuid=1&p=160262&us_privacy=1---',
+ toBe: true,
+ },
+ {
+ origin: 'https://emp.bbc.com',
+ src: '//emp.bbc.com/emp/SMPj/2.50.7/iframe.html',
+ toBe: true,
+ },
+ {
+ origin: 'https://pagead2.googlesyndication.com',
+ src: 'https://pagead2.googlesyndication.com/pagead/s/cookie_push_onload.html#aHR0cHM6Ly9hLnRyaWJhbGZ1c2lvbi5jb20vaS5tYXRjaD9wPWI2JnU9Q0FFU0VGV2o1NXBDdnpPaXhUMTU3N09aYTBvJmdvb2dsZV9jdmVyPTEmZ29vZ2xlX3B1c2g9QVhjb09tU2plTnFoV0RWS3FQemdVTlAtXzdEandPTUp1dW5PNEdJeGlJczNvZ3BOb2g0YnhkZ3lBVWUwdWc0dGp0a01yVDZ0UHhVX05hZFRvbENzY3VPV1VEc2oycFY0Z1FYNndrQXpCanJZdzJ6ZklsNFNzTDFWWlE3eHcyVjNtalUzUmhSb3RPN0xQSmI5NlJERmJrRkhzRFUmcmVkaXJlY3Q9aHR0cHMlM0EvL2NtLmcuZG91YmxlY2xpY2submV0L3BpeGVsJTNGZ29vZ2xlX25pZCUzRGV4cCUyNmdvb2dsZV9wdXNoJTNEQVhjb09tU2plTnFoV0RWS3FQemdVTlAtXzdEandPTUp1dW5PNEdJeGlJczNvZ3BOb2g0YnhkZ3lBVWUwdWc0dGp0a01yVDZ0UHhVX05hZFRvbENzY3VPV1VEc2oycFY0Z1FYNndrQXpCanJZdzJ6ZklsNFNzTDFWWlE3eHcyVjNtalUzUmhSb3RPN0xQSmI5NlJERmJrRkhzRFUlMjZnb29nbGVfdWxhJTNEMjc4Njk1NCUyNmdvb2dsZV9obSUzRCUyNFRGX1VTRVJfSURfRU5DJTI0,aHR0cHM6Ly9jMS5hZGZvcm0ubmV0L3NlcnZpbmcvY29va2llL21hdGNoLz9wYXJ0eT0xJmdvb2dsZV9naWQ9Q0FFU0VDS1lIN2tpc3cwb0NqVEZHcnRqTEpnJmdvb2dsZV9jdmVyPTEmZ29vZ2xlX3B1c2g9QVhjb09tUTBBd1BzSzZXVmxYRExoVWJ4TmtWX0J2cEwyRnVKQkFmYjl6UHAyMzlXd3A2NE5FTHJiaDc3TlBDU0pfNm5tZkgtSDlSQVhQLUdkdHc4Y3R5QzFPSF9SNkJ2MUVoQ3pfNFp6TWJ5SkdFa3ZtR3FaVGNtSndjRWw0U1lMaV9ENFNkSlIxbk5YREtheDlyd3pMTkp3dw==,aHR0cHM6Ly9jcy5jaG9jb2xhdGVwbGF0Zm9ybS5jb20vcHViP3BpZD1lYmRhJmdvb2dsZV9naWQ9Q0FFU0VOc1lheFhJOVFzbEJwOUwzMkw4QVpnJmdvb2dsZV9jdmVyPTEmZ29vZ2xlX3B1c2g9QVhjb09tUVR5VEhZSGVQeHhCX1V2X0VmTlRpUlFMb1RQOGFmcUZaRHBuRUc4UDVEZ0hoU2VhdzZEakQ5eUF6SlJnVm5tTmphelgwR1NjbDVJQ2tiZm1mOFRfRmhySzUtdDVWQ0dYUnJBdFA2NWVuT092RHdQUjVoQVBaWkxrczlpR1lhTEFtRk0zS0tubl9YMUZFTmZpY0h3ZHM=,aHR0cHM6Ly9vbmV0YWctc3lzLmNvbS9tYXRjaC8_aW50X2lkPTEwNiZyZWRpcj0xJmdvb2dsZV9naWQ9Q0FFU0VDZkViSFY5R3Z3amlLU0pRM3BVeENZJmdvb2dsZV9jdmVyPTEmZ29vZ2xlX3B1c2g9QVhjb09tU1BEVXRPdGxSWWgtTFM0VVRRWGVGVl9YYlA0X0FpQng2R05LNWxLcWxwUUw5enRPbFZKNWhtQktZM1Z3OWVtN2dsb21MZzVHZmdDRDZLREFYVi1ad0J1LWRZX1ladXlmbzljRXhoZWU4U2VrUWJhSUlsWUZPWEtwMlpzX1RDUl9VY0MyTnAtVHRCdnBRQUxIMzJjSExX,aHR0cHM6Ly9jbS5nLmRvdWJsZWNsaWNrLm5ldC9waXhlbC9hdHRyP2Q9QUhORjEzS3F3Q0xDOE1tc19KSEpBOEFqX29uVjFPdDE1Q0xQSF9jbnluemU4YVozYTd6cms4N01HUQ==',
+ toBe: true,
+ },
+];
diff --git a/packages/extension/src/contentScript/utils/test-data/getToolTipInfoData.ts b/packages/extension/src/contentScript/utils/test-data/getToolTipInfoData.ts
new file mode 100644
index 000000000..ef113b365
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/test-data/getToolTipInfoData.ts
@@ -0,0 +1,95 @@
+/*
+ * 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.
+ */
+
+// Function to get new info object.
+export const getInfo = () => {
+ return {
+ Type: 'iframe',
+ Origin: 'about:blank',
+ 'Visible iframes': '2',
+ 'Hidden iframes': '3',
+ 'First-party cookies': '4',
+ 'Third-party cookies': '5',
+ 'Belongs to RWS': 'Yes',
+ 'Allowed Features (PS related)':
+ 'attribution-reporting, browsing-topics, interest-cohort, join-ad-interest-group, private-aggregation, run-ad-auction, shared-storage, shared-storage-select-url',
+ };
+};
+
+// Function to get new info attribute object.
+export const getInfoAttributes = () => {
+ return {
+ allowedFeaturesInCompactView:
+ 'attribution-reporting, browsing-topics, interest-cohort, join-ad-interest-group, private-aggregation, ...',
+ allowedFeatureInExpandedView:
+ 'attribution-reporting, browsing-topics, interest-cohort, join-ad-interest-group, private-aggregation, run-ad-auction, shared-storage, shared-storage-select-url',
+ };
+};
+
+// Values to pass to getTooltipInfoData.
+export const getTooltipInfoDataProp = {
+ frameType: 'iframe',
+ origin: 'https://example.com',
+ numberOfVisibleFrames: 0,
+ numberOfHiddenFrames: 0,
+ numberOfFirstPartyCookies: 0,
+ numberOfThirdPartyCookies: 0,
+ belongsToRWS: 'No',
+ allowedFeatures: 'N/A',
+ displayShowMoreButton: false,
+};
+
+// Expected result.
+export const expectedResult = {
+ info: {
+ Type: 'iframe',
+ Origin:
+ 'https://example.com ',
+ 'Visible iframes': '0',
+ 'Hidden iframes': '0',
+ 'First-party cookies': '0',
+ 'Third-party cookies': '0',
+ 'Belongs to RWS': 'No',
+ 'Allowed Features (PS related)': 'N/A',
+ 'Blocked cookies': '0',
+ 'Blocked reasons': '',
+ },
+ attr: {
+ allowedFeaturesInCompactView: 'N/A',
+ allowedFeatureInExpandedView: 'N/A',
+ },
+};
+
+// Reset expectedResult to its initial state.
+export const resetExpectedResult = () => {
+ expectedResult.info = {
+ Type: 'iframe',
+ Origin:
+ 'https://example.com ',
+ 'Visible iframes': '0',
+ 'Hidden iframes': '0',
+ 'First-party cookies': '0',
+ 'Third-party cookies': '0',
+ 'Belongs to RWS': 'No',
+ 'Allowed Features (PS related)': 'N/A',
+ 'Blocked cookies': '0',
+ 'Blocked reasons': '',
+ };
+ expectedResult.attr = {
+ allowedFeaturesInCompactView: 'N/A',
+ allowedFeatureInExpandedView: 'N/A',
+ };
+};
diff --git a/packages/extension/src/contentScript/utils/test-data/isOnRWSData.ts b/packages/extension/src/contentScript/utils/test-data/isOnRWSData.ts
new file mode 100644
index 000000000..edf3e9c76
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/test-data/isOnRWSData.ts
@@ -0,0 +1,89 @@
+/*
+ * 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.
+ */
+
+const rws = {
+ sets: [
+ {
+ contact: 'dmarti@raptive.com',
+ primary: 'https://cafemedia.com',
+ associatedSites: [
+ 'https://cardsayings.net',
+ 'https://nourishingpursuits.com',
+ ],
+ rationaleBySite: {
+ 'https://cardsayings.net': 'Co-branded content site',
+ 'https://nourishingpursuits.com': 'Co-branded content site',
+ },
+ },
+ {
+ primary: 'https://bild.de',
+ contact: 'robert.blanck@axelspringer.com',
+ associatedSites: [
+ 'https://welt.de',
+ 'https://autobild.de',
+ 'https://computerbild.de',
+ 'https://wieistmeineip.de',
+ ],
+ serviceSites: ['https://www.asadcdn.com'],
+ rationaleBySite: {
+ 'https://welt.de': 'News Website welt.de',
+ 'https://autobild.de': 'Special Interest Website Autobild',
+ 'https://computerbild.de': 'Special Interest Website Computerbild',
+ 'https://wieistmeineip.de':
+ 'Internet speed Measurement Website of Computerbild',
+ 'https://www.asadcdn.com': 'CDN for Ad Files - Frequency Capping',
+ },
+ },
+ {
+ primary: 'https://hapara.com',
+ contact: 'support@hapara.com',
+ associatedSites: [
+ 'https://teacherdashboard.com',
+ 'https://mystudentdashboard.com',
+ ],
+ rationaleBySite: {
+ 'https://teacherdashboard.com': 'Portal for Hapara teachers',
+ 'https://mystudentdashboard.com': 'Portal for Hapara students',
+ },
+ },
+ {
+ contact: 'support@songstats.com',
+ primary: 'https://songstats.com',
+ associatedSites: ['https://songshare.com'],
+ rationaleBySite: {
+ 'https://songshare.com': 'Specialized Platform for Music Smart Links',
+ },
+ },
+ {
+ contact: 'prashant.tiwari@htdigital.in',
+ primary: 'https://hindustantimes.com',
+ associatedSites: ['https://livemint.com'],
+ rationaleBySite: {
+ 'https://livemint.com': 'Specialized Platform for economics',
+ },
+ },
+ {
+ contact: 'alexey@landyrev.com',
+ primary: 'https://landyrev.com',
+ associatedSites: ['https://landyrev.ru'],
+ rationaleBySite: {
+ 'https://landyrev.ru': "Same publisher's website in a different region",
+ },
+ },
+ ],
+};
+
+export default rws;
diff --git a/packages/extension/src/contentScript/utils/tests/getAllowedFeature.ts b/packages/extension/src/contentScript/utils/tests/getAllowedFeature.ts
new file mode 100644
index 000000000..32124a179
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/tests/getAllowedFeature.ts
@@ -0,0 +1,109 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import getAllowedFeatures from '../getAllowedFeatures';
+
+let frameAllowedFeatures: string[];
+let supportsFeaturePolicy: boolean;
+
+describe('getAllowedFeatures', () => {
+ // Since feature policy is not supported.
+ beforeAll(() => {
+ // @ts-ignore
+ globalThis.document.createElement = jest.fn(() => {
+ if (supportsFeaturePolicy) {
+ return {
+ featurePolicy: {
+ allowedFeatures: () => {
+ return frameAllowedFeatures;
+ },
+ },
+ };
+ }
+
+ return {};
+ });
+ });
+
+ it('should return array of PS related allowed features', () => {
+ supportsFeaturePolicy = true;
+ frameAllowedFeatures = [
+ 'accelerometer',
+ 'autoplay',
+ 'clipboard-write',
+ 'encrypted-media',
+ 'gyroscope',
+ 'picture-in-picture',
+ 'web-share',
+ 'attribution-reporting',
+ 'browsing-topics',
+ 'interest-cohort',
+ 'join-ad-interest-group',
+ 'private-aggregation',
+ 'run-ad-auction',
+ 'shared-storage',
+ 'shared-storage-select-url',
+ ];
+
+ const expectedFeatures = [
+ 'attribution-reporting',
+ 'browsing-topics',
+ 'interest-cohort',
+ 'join-ad-interest-group',
+ 'private-aggregation',
+ 'run-ad-auction',
+ 'shared-storage',
+ 'shared-storage-select-url',
+ ];
+
+ const iframe = document.createElement('iframe');
+ const allowedFeatures = getAllowedFeatures(iframe);
+
+ expect(allowedFeatures).toEqual(expectedFeatures);
+ });
+
+ it('should return "N/A" as no features are allowed', () => {
+ supportsFeaturePolicy = true;
+ frameAllowedFeatures = [];
+
+ const iframe = document.createElement('iframe');
+ const allowedFeatures = getAllowedFeatures(iframe);
+
+ expect(allowedFeatures).toBe('N/A');
+ });
+
+ it('should return "Unknown" if feature policy is not supported', () => {
+ supportsFeaturePolicy = false;
+ frameAllowedFeatures = [];
+
+ const iframe = document.createElement('iframe');
+ const allowedFeatures = getAllowedFeatures(iframe);
+
+ expect(allowedFeatures).toBe('Unknown');
+ });
+
+ afterAll(() => {
+ globalThis.document.createElement =
+ undefined as unknown as typeof document.createElement;
+ });
+});
diff --git a/packages/extension/src/contentScript/utils/tests/getFrameCount.ts b/packages/extension/src/contentScript/utils/tests/getFrameCount.ts
new file mode 100644
index 000000000..9aad7650c
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/tests/getFrameCount.ts
@@ -0,0 +1,69 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import getFrameCount from '../getFrameCount';
+
+const mockGetBoundingClientRect = (height: number, width: number) => {
+ return {
+ height,
+ width,
+ } as DOMRect;
+};
+
+describe('getFrameCount', () => {
+ it('should match the total number iframes', () => {
+ // No need to mock getBoundingClientRect, as we only need total frame count.
+
+ const hiddenIframe = document.createElement('iframe');
+ const visibleIframe = document.createElement('iframe');
+
+ const iframes = [hiddenIframe, visibleIframe];
+ const numberOfFrames = getFrameCount(iframes).numberOfFrames;
+
+ expect(numberOfFrames).toBe(2);
+ });
+
+ it('should match the total number hidden iframes', () => {
+ // No need to mock getBoundingClientRect as it returns 0 only.
+
+ const hiddenIframe = document.createElement('iframe');
+ const iframes = [hiddenIframe, hiddenIframe];
+ const numberOfHiddenFrames = getFrameCount(iframes).numberOfFrames;
+
+ expect(numberOfHiddenFrames).toBe(2);
+ });
+
+ it('should match the total number visible iframes', () => {
+ const visibleIframe = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ visibleIframe.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(20, 30)
+ );
+
+ const iframes = [visibleIframe, visibleIframe, visibleIframe];
+ const numberOfVisibleFrames = getFrameCount(iframes).numberOfVisibleFrames;
+
+ expect(numberOfVisibleFrames).toBe(3);
+ });
+});
diff --git a/packages/extension/src/contentScript/utils/tests/getFrameOrigin.ts b/packages/extension/src/contentScript/utils/tests/getFrameOrigin.ts
new file mode 100644
index 000000000..573caf7a2
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/tests/getFrameOrigin.ts
@@ -0,0 +1,49 @@
+/*
+ * 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 getFrameOrigin from '../getFrameOrigin';
+
+describe('getFrameOrigin', () => {
+ it('should return frame origin', () => {
+ const attributes = [
+ { src: 'https://www.example.com', width: '0', height: '0' },
+ { src: 'https://www.example.com/', width: '0', height: '100' },
+ { src: 'https://www.example.com/blog', width: '100', height: '0' },
+ { src: 'https://www.example.com/post/123', width: '100', height: '100' },
+ { src: 'https://www.example.com?post=123', width: '50', height: '150' },
+ ];
+
+ attributes.forEach((attribute) => {
+ // Call the function with the iframe attributes and expect the returned string to match the origin
+ expect(getFrameOrigin(attribute)).toBe('https://www.example.com');
+ });
+ });
+
+ it('should return an empty string if origin is not found', () => {
+ const attributes = [
+ { src: '', width: '0', height: '100' },
+ { src: '/post/123', width: '100', height: '0' },
+ { src: 'example.com', width: '100', height: '100' },
+ ];
+
+ attributes.forEach((attribute) => {
+ // Call the function with the iframe attributes and expect the returned string to match the origin
+ expect(getFrameOrigin(attribute)).toBe('');
+ });
+ });
+});
diff --git a/packages/extension/src/contentScript/utils/tests/getFrameType.ts b/packages/extension/src/contentScript/utils/tests/getFrameType.ts
new file mode 100644
index 000000000..cb909338f
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/tests/getFrameType.ts
@@ -0,0 +1,51 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import getFrameType from '../getFrameType';
+
+describe('getFrameType', () => {
+ it('should return frame type (Hidden iframe)', () => {
+ const iframe = document.createElement('iframe');
+
+ expect(getFrameType(true, null, 'BODY')).toBe('Hidden iframe');
+ expect(getFrameType(true, null, 'DIV')).toBe('Hidden iframe');
+ expect(getFrameType(true, iframe, 'BODY')).toBe('Hidden iframe');
+ expect(getFrameType(true, iframe, 'DIV')).toBe('Hidden iframe');
+ });
+
+ it('should return frame type (Nested iframe)', () => {
+ const iframe = document.createElement('iframe');
+
+ expect(getFrameType(false, iframe, 'BODY')).toBe('Nested iframe');
+ expect(getFrameType(false, iframe, 'DIV')).toBe('Nested iframe');
+ });
+
+ it('should return frame type (Main frame)', () => {
+ expect(getFrameType(false, null, 'BODY')).toBe('Main frame');
+ });
+
+ it('should return frame type (iframe)', () => {
+ expect(getFrameType(false, null, 'DIV')).toBe('iframe');
+ expect(getFrameType(false, null, 'SPAN')).toBe('iframe');
+ });
+});
diff --git a/packages/extension/src/contentScript/utils/tests/getToolTipInfoData.ts b/packages/extension/src/contentScript/utils/tests/getToolTipInfoData.ts
new file mode 100644
index 000000000..0733ae56d
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/tests/getToolTipInfoData.ts
@@ -0,0 +1,283 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import getTooltipInfoData from '../getTooltipInfoData';
+import {
+ getTooltipInfoDataProp,
+ expectedResult,
+ resetExpectedResult,
+} from '../test-data/getToolTipInfoData';
+
+describe('getTooltipInfoData', () => {
+ it('should return an object containing data for tooltip', () => {
+ resetExpectedResult();
+ const result = getTooltipInfoData(
+ getTooltipInfoDataProp.frameType,
+ getTooltipInfoDataProp.origin,
+ getTooltipInfoDataProp.numberOfVisibleFrames,
+ getTooltipInfoDataProp.numberOfHiddenFrames,
+ getTooltipInfoDataProp.numberOfFirstPartyCookies,
+ getTooltipInfoDataProp.numberOfThirdPartyCookies,
+ getTooltipInfoDataProp.belongsToRWS,
+ getTooltipInfoDataProp.allowedFeatures,
+ getTooltipInfoDataProp.displayShowMoreButton,
+ 0,
+ ''
+ );
+
+ expect(result).toEqual(expectedResult);
+ });
+
+ it('should return an object with frame type data', () => {
+ resetExpectedResult();
+ const frameTypes = [
+ 'Hidden iframe',
+ 'Nested iframe',
+ 'Main frame',
+ 'iframe',
+ ];
+
+ frameTypes.forEach((frameType) => {
+ const result = getTooltipInfoData(
+ frameType,
+ getTooltipInfoDataProp.origin,
+ getTooltipInfoDataProp.numberOfVisibleFrames,
+ getTooltipInfoDataProp.numberOfHiddenFrames,
+ getTooltipInfoDataProp.numberOfFirstPartyCookies,
+ getTooltipInfoDataProp.numberOfThirdPartyCookies,
+ getTooltipInfoDataProp.belongsToRWS,
+ getTooltipInfoDataProp.allowedFeatures,
+ getTooltipInfoDataProp.displayShowMoreButton,
+ 0,
+ ''
+ );
+
+ expectedResult.info['Type'] = frameType;
+
+ expect(result).toEqual(expectedResult);
+ });
+ });
+
+ it('should return an object with frame origin data', () => {
+ resetExpectedResult();
+ const frameOrigins = [
+ 'https://example.com',
+ 'https://google.com',
+ 'about:blank',
+ '',
+ ];
+
+ frameOrigins.forEach((frameOrigin) => {
+ resetExpectedResult();
+ const result = getTooltipInfoData(
+ getTooltipInfoDataProp.frameType,
+ frameOrigin,
+ getTooltipInfoDataProp.numberOfVisibleFrames,
+ getTooltipInfoDataProp.numberOfHiddenFrames,
+ getTooltipInfoDataProp.numberOfFirstPartyCookies,
+ getTooltipInfoDataProp.numberOfThirdPartyCookies,
+ getTooltipInfoDataProp.belongsToRWS,
+ getTooltipInfoDataProp.allowedFeatures,
+ getTooltipInfoDataProp.displayShowMoreButton,
+ 0,
+ ''
+ );
+
+ if ('' === frameOrigin) {
+ expectedResult.info['Origin'] = 'empty';
+ } else if ('about:blank' === frameOrigin) {
+ expectedResult.info['Origin'] = 'about:blank';
+ } else {
+ expectedResult.info[
+ 'Origin'
+ ] = `${frameOrigin} `;
+ }
+
+ expect(result).toEqual(expectedResult);
+ });
+ });
+
+ it('should return an object with visible frame count', () => {
+ resetExpectedResult();
+ const visibleFrameCounts = [0, 1, 2, 3];
+
+ visibleFrameCounts.forEach((visibleFrameCount) => {
+ const result = getTooltipInfoData(
+ getTooltipInfoDataProp.frameType,
+ getTooltipInfoDataProp.origin,
+ visibleFrameCount,
+ getTooltipInfoDataProp.numberOfHiddenFrames,
+ getTooltipInfoDataProp.numberOfFirstPartyCookies,
+ getTooltipInfoDataProp.numberOfThirdPartyCookies,
+ getTooltipInfoDataProp.belongsToRWS,
+ getTooltipInfoDataProp.allowedFeatures,
+ getTooltipInfoDataProp.displayShowMoreButton,
+ 0,
+ ''
+ );
+
+ expectedResult.info['Visible iframes'] = String(visibleFrameCount);
+
+ expect(result).toEqual(expectedResult);
+ });
+ });
+
+ it('should return an object with hidden frame count', () => {
+ resetExpectedResult();
+ const hiddenFrameCounts = [0, 1, 2, 3];
+
+ hiddenFrameCounts.forEach((hiddenFrameCount) => {
+ const result = getTooltipInfoData(
+ getTooltipInfoDataProp.frameType,
+ getTooltipInfoDataProp.origin,
+ getTooltipInfoDataProp.numberOfVisibleFrames,
+ hiddenFrameCount,
+ getTooltipInfoDataProp.numberOfFirstPartyCookies,
+ getTooltipInfoDataProp.numberOfThirdPartyCookies,
+ getTooltipInfoDataProp.belongsToRWS,
+ getTooltipInfoDataProp.allowedFeatures,
+ getTooltipInfoDataProp.displayShowMoreButton,
+ 0,
+ ''
+ );
+
+ expectedResult.info['Hidden iframes'] = String(hiddenFrameCount);
+
+ expect(result).toEqual(expectedResult);
+ });
+ });
+
+ it('should return an object with first party cookie count', () => {
+ resetExpectedResult();
+ const numberOfFirstPartyCookies = [0, 1, 2, 3];
+
+ numberOfFirstPartyCookies.forEach((cookieCount) => {
+ const result = getTooltipInfoData(
+ getTooltipInfoDataProp.frameType,
+ getTooltipInfoDataProp.origin,
+ getTooltipInfoDataProp.numberOfVisibleFrames,
+ getTooltipInfoDataProp.numberOfHiddenFrames,
+ cookieCount,
+ getTooltipInfoDataProp.numberOfThirdPartyCookies,
+ getTooltipInfoDataProp.belongsToRWS,
+ getTooltipInfoDataProp.allowedFeatures,
+ getTooltipInfoDataProp.displayShowMoreButton,
+ 0,
+ ''
+ );
+
+ expectedResult.info['First-party cookies'] = String(cookieCount);
+
+ expect(result).toEqual(expectedResult);
+ });
+ });
+
+ it('should return an object with third party cookie count', () => {
+ resetExpectedResult();
+ const numberOfThirdPartyCookies = [0, 1, 2, 3];
+
+ numberOfThirdPartyCookies.forEach((cookieCount) => {
+ const result = getTooltipInfoData(
+ getTooltipInfoDataProp.frameType,
+ getTooltipInfoDataProp.origin,
+ getTooltipInfoDataProp.numberOfVisibleFrames,
+ getTooltipInfoDataProp.numberOfHiddenFrames,
+ getTooltipInfoDataProp.numberOfFirstPartyCookies,
+ cookieCount,
+ getTooltipInfoDataProp.belongsToRWS,
+ getTooltipInfoDataProp.allowedFeatures,
+ getTooltipInfoDataProp.displayShowMoreButton,
+ 0,
+ ''
+ );
+
+ expectedResult.info['Third-party cookies'] = String(cookieCount);
+
+ expect(result).toEqual(expectedResult);
+ });
+ });
+
+ it('should return an object with RWS data', () => {
+ resetExpectedResult();
+ const belongsToRWS = ['Yes', 'No'];
+
+ belongsToRWS.forEach((rws) => {
+ const result = getTooltipInfoData(
+ getTooltipInfoDataProp.frameType,
+ getTooltipInfoDataProp.origin,
+ getTooltipInfoDataProp.numberOfVisibleFrames,
+ getTooltipInfoDataProp.numberOfHiddenFrames,
+ getTooltipInfoDataProp.numberOfFirstPartyCookies,
+ getTooltipInfoDataProp.numberOfThirdPartyCookies,
+ rws,
+ getTooltipInfoDataProp.allowedFeatures,
+ getTooltipInfoDataProp.displayShowMoreButton,
+ 0,
+ ''
+ );
+
+ expectedResult.info['Belongs to RWS'] = rws;
+
+ expect(result).toEqual(expectedResult);
+ });
+ });
+
+ it('should return an object with PS related allowed features data', () => {
+ resetExpectedResult();
+ const allowedFeatures = [
+ 'attribution-reporting',
+ 'browsing-topics',
+ 'interest-cohort',
+ 'join-ad-interest-group',
+ 'private-aggregation',
+ 'run-ad-auction',
+ 'shared-storage',
+ 'shared-storage-select-url',
+ ];
+
+ const result = getTooltipInfoData(
+ getTooltipInfoDataProp.frameType,
+ getTooltipInfoDataProp.origin,
+ getTooltipInfoDataProp.numberOfVisibleFrames,
+ getTooltipInfoDataProp.numberOfHiddenFrames,
+ getTooltipInfoDataProp.numberOfFirstPartyCookies,
+ getTooltipInfoDataProp.numberOfThirdPartyCookies,
+ getTooltipInfoDataProp.belongsToRWS,
+ allowedFeatures,
+ getTooltipInfoDataProp.displayShowMoreButton,
+ 0,
+ ''
+ );
+
+ expectedResult.info['Allowed Features (PS related)'] =
+ 'attribution-reporting, browsing-topics, interest-cohort, join-ad-interest-group, private-aggregation, run-ad-auction, shared-storage, shared-storage-select-url';
+
+ expectedResult.attr['allowedFeaturesInCompactView'] =
+ 'attribution-reporting, browsing-topics, interest-cohort, join-ad-interest-group, private-aggregation, ...';
+
+ expectedResult.attr['allowedFeatureInExpandedView'] =
+ 'attribution-reporting, browsing-topics, interest-cohort, join-ad-interest-group, private-aggregation, run-ad-auction, shared-storage, shared-storage-select-url';
+
+ expect(result).toEqual(expectedResult);
+ });
+});
diff --git a/packages/extension/src/contentScript/utils/tests/isElementInViewPort.ts b/packages/extension/src/contentScript/utils/tests/isElementInViewPort.ts
new file mode 100644
index 000000000..b11b2afd6
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/tests/isElementInViewPort.ts
@@ -0,0 +1,105 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import isElementVisibleInViewport from '../isElementInViewport';
+
+const { innerHeight, innerWidth } = window;
+const mockGetBoundingClientRect = (
+ top: number,
+ left: number,
+ right: number,
+ bottom: number
+) => {
+ return {
+ top,
+ left,
+ right,
+ bottom,
+ } as DOMRect;
+};
+
+describe('isElementVisibleInViewport', () => {
+ it('should return true since div is partially visible in viewport and partiallyVisible is set to true', () => {
+ const div = document.createElement('div');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ div.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(
+ innerHeight - 20,
+ innerWidth - 20,
+ innerWidth - 20 + 50,
+ innerHeight - 20 + 50
+ )
+ );
+
+ expect(isElementVisibleInViewport(div, true)).toBe(true);
+ });
+
+ it('should return true since div is fully visible in viewport', () => {
+ const div = document.createElement('div');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ div.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(
+ innerHeight - 100,
+ innerWidth - 100,
+ innerWidth - 100 + 50,
+ innerHeight - 100 + 50
+ )
+ );
+
+ expect(isElementVisibleInViewport(div, true)).toBe(true);
+ });
+
+ it('should return false since div is not fully visible in viewport and partiallyVisible is set to false', () => {
+ const div = document.createElement('div');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ div.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(
+ innerHeight - 20,
+ innerWidth - 20,
+ innerWidth - 20 + 50,
+ innerHeight - 20 + 50
+ )
+ );
+
+ expect(isElementVisibleInViewport(div, false)).toBe(false);
+ });
+
+ it('should return true since div is fully not visible in viewport', () => {
+ const div = document.createElement('div');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ div.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(
+ innerHeight + 50,
+ innerWidth + 50,
+ innerWidth + 50 + 50,
+ innerHeight + 50 + 50
+ )
+ );
+
+ expect(isElementVisibleInViewport(div, true)).toBe(false);
+ });
+});
diff --git a/packages/extension/src/contentScript/utils/tests/isFrameHidden.ts b/packages/extension/src/contentScript/utils/tests/isFrameHidden.ts
new file mode 100644
index 000000000..42abab7cd
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/tests/isFrameHidden.ts
@@ -0,0 +1,77 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import isFrameHidden from '../isFrameHidden';
+
+const mockGetBoundingClientRect = (height: number, width: number) => {
+ return {
+ height,
+ width,
+ } as DOMRect;
+};
+
+describe('isFrameHidden', () => {
+ it('should return true since iframe has no height', () => {
+ const iframe = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ iframe.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(0, 100)
+ );
+
+ expect(isFrameHidden(iframe)).toEqual(true);
+ });
+
+ it('should return true since iframe has no width', () => {
+ const iframe = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ iframe.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(100, 0)
+ );
+
+ expect(isFrameHidden(iframe)).toEqual(true);
+ });
+
+ it('should return true since iframe has no height and width', () => {
+ const iframe = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ iframe.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(0, 0)
+ );
+
+ expect(isFrameHidden(iframe)).toEqual(true);
+ });
+
+ it('should return false since visibleIframeOne is visible', () => {
+ const iframe = document.createElement('iframe');
+
+ // Mock getBoundingClientRect since it always returns 0.
+ iframe.getBoundingClientRect = jest.fn(() =>
+ mockGetBoundingClientRect(20, 30)
+ );
+
+ expect(isFrameHidden(iframe)).toEqual(false);
+ });
+});
diff --git a/packages/extension/src/contentScript/utils/tests/isFrameInsideFrame.ts b/packages/extension/src/contentScript/utils/tests/isFrameInsideFrame.ts
new file mode 100644
index 000000000..9436e7c40
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/tests/isFrameInsideFrame.ts
@@ -0,0 +1,110 @@
+/*
+ * 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 '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import isFrameInsideFrame from '../isFrameInsideFrame';
+
+describe('isFrameInsideFrame', () => {
+ it('should return true when frames are inside', () => {
+ // Parent frame.
+ const parentIframe = document.createElement('iframe');
+ document.body.appendChild(parentIframe);
+
+ // Create new contentDocument for parent iframe.
+ const contentDocument = document.implementation.createHTMLDocument();
+
+ Object.defineProperty(parentIframe, 'contentDocument', {
+ value: contentDocument,
+ });
+
+ // Child frame.
+ const childIframe = document.createElement('iframe');
+ childIframe.setAttribute('src', 'https://example.com');
+ contentDocument.body.appendChild(childIframe);
+
+ const result = isFrameInsideFrame(parentIframe, 'https://example.com');
+ expect(result).toBe(true);
+ });
+
+ it('should return false since there are no frames inside it', () => {
+ // Parent frame.
+ const parentIframe = document.createElement('iframe');
+ document.body.appendChild(parentIframe);
+
+ // Create new contentDocument for parent iframe.
+ const contentDocument = document.implementation.createHTMLDocument();
+
+ Object.defineProperty(parentIframe, 'contentDocument', {
+ value: contentDocument,
+ });
+
+ const result = isFrameInsideFrame(parentIframe, 'https://example.com');
+ expect(result).toBe(false);
+ });
+
+ it('should return false since there is no frame src match origin', () => {
+ // Parent frame.
+ const parentIframe = document.createElement('iframe');
+ document.body.appendChild(parentIframe);
+
+ // Create new contentDocument for parent iframe.
+ const contentDocument = document.implementation.createHTMLDocument();
+
+ Object.defineProperty(parentIframe, 'contentDocument', {
+ value: contentDocument,
+ });
+
+ // Child frame.
+ const childIframe = document.createElement('iframe');
+ childIframe.setAttribute('src', 'https://domain.com');
+ contentDocument.body.appendChild(childIframe);
+
+ const result = isFrameInsideFrame(parentIframe, 'https://example.com');
+ expect(result).toBe(false);
+ });
+
+ it('should return true since at least one frame src match origin', () => {
+ // Parent frame.
+ const parentIframe = document.createElement('iframe');
+ document.body.appendChild(parentIframe);
+
+ // Create new contentDocument for parent iframe.
+ const contentDocument = document.implementation.createHTMLDocument();
+
+ Object.defineProperty(parentIframe, 'contentDocument', {
+ value: contentDocument,
+ });
+
+ // Child frames.
+ const childIframeOne = document.createElement('iframe');
+ const childIframeTwo = document.createElement('iframe');
+
+ childIframeOne.setAttribute('src', 'https://domain.com');
+ childIframeTwo.setAttribute('src', 'https://example.com');
+
+ contentDocument.body.appendChild(childIframeOne);
+ contentDocument.body.appendChild(childIframeTwo);
+
+ const result = isFrameInsideFrame(parentIframe, 'https://example.com');
+ expect(result).toBe(true);
+ });
+});
diff --git a/packages/extension/src/contentScript/utils/tests/isOnRWS.ts b/packages/extension/src/contentScript/utils/tests/isOnRWS.ts
new file mode 100644
index 000000000..acbbffbb7
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/tests/isOnRWS.ts
@@ -0,0 +1,72 @@
+/*
+ * 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 SinonChrome from 'sinon-chrome';
+
+/**
+ * Internal dependencies.
+ */
+import isOnRWS from '../isOnRWS';
+import rws from '../test-data/isOnRWSData';
+
+describe('isOnRWS', () => {
+ beforeAll(() => {
+ globalThis.chrome = SinonChrome as unknown as typeof chrome;
+ globalThis.fetch = (): Promise =>
+ Promise.resolve({
+ json: () => Promise.resolve(rws),
+ } as Response);
+ });
+
+ it('should return true since the website belongs to RWS', async () => {
+ const urls = [
+ 'https://cafemedia.com',
+ 'https://bild.de',
+ 'https://hapara.com',
+ 'https://songstats.com',
+ 'https://hindustantimes.com',
+ ];
+
+ for (const url of urls) {
+ // eslint-disable-next-line no-await-in-loop
+ const result = await isOnRWS(url);
+
+ expect(result).toBe(true);
+ }
+ });
+
+ it('should return false since the website does not belong to RWS', async () => {
+ const urls = [
+ 'https://abc.example.com',
+ 'https://abc.helloworld.com',
+ 'https://helloworld.xyz',
+ ];
+
+ for (const url of urls) {
+ // eslint-disable-next-line no-await-in-loop
+ const result = await isOnRWS(url);
+
+ expect(result).toBe(false);
+ }
+ });
+
+ afterAll(() => {
+ globalThis.chrome = undefined as unknown as typeof chrome;
+ globalThis.fetch = undefined as unknown as typeof fetch;
+ });
+});
diff --git a/packages/extension/src/contentScript/utils/tests/remvoveTrailingSlash.ts b/packages/extension/src/contentScript/utils/tests/remvoveTrailingSlash.ts
new file mode 100644
index 000000000..fe6cfcc37
--- /dev/null
+++ b/packages/extension/src/contentScript/utils/tests/remvoveTrailingSlash.ts
@@ -0,0 +1,30 @@
+/*
+ * 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 removeTrailingSlash from '../removeTrailingSlash';
+
+describe('removeTrailingSlash', () => {
+ it('should return url with no trailing slash', () => {
+ const urls = ['https://example.com/', 'https://example.com'];
+ const urlWithNoTrailingSlash = 'https://example.com';
+
+ urls.forEach((url) => {
+ expect(removeTrailingSlash(url)).toBe(urlWithNoTrailingSlash);
+ });
+ });
+});
diff --git a/packages/extension/src/manifest.json b/packages/extension/src/manifest.json
index cc0477c57..ed59187d3 100644
--- a/packages/extension/src/manifest.json
+++ b/packages/extension/src/manifest.json
@@ -1,7 +1,7 @@
{
"name": "Privacy Sandbox Analysis Tool",
"description": "Tooling for understanding cookie usage and guidance on new privacy-preserving Chrome APIs.",
- "version": "0.6.0",
+ "version": "0.7.0",
"manifest_version": 3,
"icons": {
"16": "icons/icon-16.png",
@@ -38,7 +38,7 @@
},
"web_accessible_resources": [
{
- "resources": ["assets/data/*.json", "data/*json"],
+ "resources": ["assets/data/*.json", "data/*json", "report/index.html"],
"matches": ["*://*/*"]
}
]
diff --git a/packages/extension/src/serviceWorker/createCookieObject.ts b/packages/extension/src/serviceWorker/createCookieObject.ts
index 030b9ed6d..f0990cbf4 100644
--- a/packages/extension/src/serviceWorker/createCookieObject.ts
+++ b/packages/extension/src/serviceWorker/createCookieObject.ts
@@ -23,7 +23,10 @@ import {
getDomainFromUrl,
} from '@ps-analysis-tool/common';
import type { Protocol } from 'devtools-protocol';
-import isValidURL from './isValidURL';
+/**
+ * Internal dependencies
+ */
+import isValidURL from '../utils/isValidURL';
/**
* Create cookie object from ChromeStorage API cookie object, previously saved parsed cookie object if any, and recently captured request/response cookie header.
diff --git a/packages/extension/src/serviceWorker/index.ts b/packages/extension/src/serviceWorker/index.ts
index dd4dbf474..c8892240e 100644
--- a/packages/extension/src/serviceWorker/index.ts
+++ b/packages/extension/src/serviceWorker/index.ts
@@ -17,24 +17,35 @@
/**
* External dependencies.
*/
+import { Protocol } from 'devtools-protocol';
import {
type CookieDatabase,
type CookieData,
parseResponseReceivedExtraInfo,
parseRequestWillBeSentExtraInfo,
} from '@ps-analysis-tool/common';
-import { Protocol } from 'devtools-protocol';
/**
* Internal dependencies.
*/
-import parseResponseCookieHeader from './parseResponseCookieHeader';
-import parseRequestCookieHeader from './parseRequestCookieHeader';
import { fetchDictionary } from '../utils/fetchCookieDictionary';
-import { ALLOWED_NUMBER_OF_TABS } from '../constants';
+import {
+ ALLOWED_NUMBER_OF_TABS,
+ DEVTOOLS_CLOSE,
+ DEVTOOLS_OPEN,
+ DEVTOOLS_SET_JAVASCSCRIPT_COOKIE,
+ INITIAL_SYNC,
+ POPUP_CLOSE,
+ POPUP_OPEN,
+ SERVICE_WORKER_RELOAD_MESSAGE,
+ SERVICE_WORKER_TABS_RELOAD_COMMAND,
+ SET_TAB_TO_READ,
+ TABID_STORAGE,
+} from '../constants';
import SynchnorousCookieStore from '../store/synchnorousCookieStore';
-import canProcessCookies from '../utils/canProcessCookies';
import { getTab } from '../utils/getTab';
+import parseHeaders from '../utils/parseHeaders';
+import resetCookieBadgeText from '../store/utils/resetCookieBadgeText';
import getQueryParams from '../utils/getQueryParams';
import reloadCurrentTab from '../utils/reloadCurrentTab';
@@ -63,9 +74,8 @@ const ALLOWED_EVENTS = [
* @see https://developer.chrome.com/docs/extensions/reference/api/webRequest
*/
chrome.webRequest.onResponseStarted.addListener(
- (details: chrome.webRequest.WebResponseCacheDetails) => {
+ ({ tabId, url, responseHeaders, frameId, requestId }) => {
(async () => {
- const { tabId, url, responseHeaders, frameId } = details;
const tab = await getTab(tabId);
let tabUrl = syncCookieStore?.getTabUrl(tabId);
@@ -73,53 +83,22 @@ chrome.webRequest.onResponseStarted.addListener(
tabUrl = tab.pendingUrl;
}
- if (
- !canProcessCookies(tabMode, tabUrl, tabToRead, tabId, responseHeaders)
- ) {
- return;
- }
-
if (!cookieDB) {
cookieDB = await fetchDictionary();
}
- let cdpCookies: { [key: string]: Protocol.Network.Cookie[] };
-
- // Since we are using CDP we might as well use it to get the proper cookies in the request this will further reduce the load of domain calculation
- try {
- cdpCookies = await chrome.debugger.sendCommand(
- { tabId: tabId },
- 'Network.getCookies',
- { urls: [url] }
- );
- } catch (error) {
- // Fail silently
- }
-
- const cookies = responseHeaders?.reduce(
- (accumulator, header) => {
- if (
- header.name.toLowerCase() === 'set-cookie' &&
- header.value &&
- tabUrl &&
- cookieDB
- ) {
- const cookie = parseResponseCookieHeader(
- url,
- header.value,
- cookieDB,
- tabUrl,
- frameId,
- cdpCookies?.cookies ?? [],
- details.requestId
- );
-
- return [...accumulator, cookie];
- }
-
- return accumulator;
- },
- []
+ const cookies = await parseHeaders(
+ globalIsUsingCDP,
+ 'response',
+ tabToRead,
+ tabMode,
+ tabId,
+ url,
+ cookieDB,
+ tabUrl,
+ frameId,
+ requestId,
+ responseHeaders
);
if (!cookies || (cookies && cookies?.length === 0)) {
@@ -148,59 +127,29 @@ chrome.webRequest.onBeforeSendHeaders.addListener(
tabUrl = tab.pendingUrl;
}
- if (
- !canProcessCookies(tabMode, tabUrl, tabToRead, tabId, requestHeaders)
- ) {
- return;
- }
-
if (!cookieDB) {
cookieDB = await fetchDictionary();
}
- let cdpCookies: { [key: string]: Protocol.Network.Cookie[] };
-
- try {
- cdpCookies = await chrome.debugger.sendCommand(
- { tabId: tabId },
- 'Network.getCookies',
- { urls: [url] }
- );
- } catch (error) {
- // Fail silently
- }
-
- const cookies = requestHeaders?.reduce(
- (accumulator, header) => {
- if (
- header.name.toLowerCase() === 'cookie' &&
- header.value &&
- url &&
- tabUrl &&
- cookieDB
- ) {
- const cookieList = parseRequestCookieHeader(
- url,
- header.value,
- cookieDB,
- tabUrl,
- frameId,
- cdpCookies?.cookies ?? [],
- requestId
- );
-
- return [...accumulator, ...cookieList];
- }
-
- return accumulator;
- },
- []
+ const cookies = await parseHeaders(
+ globalIsUsingCDP,
+ 'request',
+ tabToRead,
+ tabMode,
+ tabId,
+ url,
+ cookieDB,
+ tabUrl,
+ frameId,
+ requestId,
+ requestHeaders
);
if (!cookies || (cookies && cookies?.length === 0)) {
return;
}
+ // Adds the cookies from the request headers to the cookies object.
syncCookieStore?.update(tabId, cookies);
})();
},
@@ -309,12 +258,11 @@ chrome.tabs.onUpdated.addListener(async (tabId, changeInfo, tab) => {
if (changeInfo.status === 'loading' && tab.url) {
syncCookieStore?.removeCookieData(tabId);
}
-
try {
await chrome.tabs.sendMessage(tabId, {
tabId,
payload: {
- type: 'SERVICEWORKER::WEBPAGE::TABID_STORAGE',
+ type: TABID_STORAGE,
tabId,
},
});
@@ -407,25 +355,19 @@ chrome.runtime.onInstalled.addListener(async (details) => {
*/
// eslint-disable-next-line complexity
chrome.debugger.onEvent.addListener((source, method, params) => {
- if (!ALLOWED_EVENTS.includes(method)) {
- return;
- }
-
- let tabId = '';
-
- if (!source?.tabId) {
+ if (!ALLOWED_EVENTS.includes(method) || !source?.tabId || !params) {
return;
}
const url = syncCookieStore?.getTabUrl(source?.tabId);
- tabId = source?.tabId?.toString();
+ const tabId = source.tabId.toString();
- if (tabMode && tabMode !== 'unlimited' && tabToRead !== tabId) {
+ if (tabMode !== 'unlimited' && tabToRead !== tabId) {
return;
}
- if (method === 'Network.responseReceived' && params) {
+ if (method === 'Network.responseReceived') {
const request = params as Protocol.Network.ResponseReceivedEvent;
// To get domain from the request URL if not given in the cookie line.
@@ -441,19 +383,22 @@ chrome.debugger.onEvent.addListener((source, method, params) => {
}
}
- if (method === 'Network.requestWillBeSentExtraInfo' && params) {
+ if (method === 'Network.requestWillBeSentExtraInfo') {
const requestParams =
params as Protocol.Network.RequestWillBeSentExtraInfoEvent;
- if (requestParams.associatedCookies.length === 0) {
+ const { associatedCookies, requestId } = requestParams;
+
+ if (associatedCookies.length === 0) {
return;
}
const cookies: CookieData[] = parseRequestWillBeSentExtraInfo(
- requestParams,
+ associatedCookies,
cookieDB ?? {},
requestIdToCDPURLMapping[tabId],
- url ?? ''
+ url ?? '',
+ requestId
);
if (cookies.length === 0) {
@@ -463,32 +408,44 @@ chrome.debugger.onEvent.addListener((source, method, params) => {
syncCookieStore?.update(Number(tabId), cookies);
}
- if (method === 'Network.responseReceivedExtraInfo' && params) {
+ if (method === 'Network.responseReceivedExtraInfo') {
const responseParams =
params as Protocol.Network.ResponseReceivedExtraInfoEvent;
+ const {
+ headers,
+ blockedCookies,
+ requestId,
+ cookiePartitionKey = '',
+ exemptedCookies = [],
+ } = responseParams;
+
// Sometimes CDP gives "set-cookie" and sometimes it gives "Set-Cookie".
- if (
- !responseParams.headers['set-cookie'] &&
- !responseParams.headers['Set-Cookie']
- ) {
+ if (!headers['set-cookie'] && !headers['Set-Cookie']) {
return;
}
const cookies: CookieData[] = parseResponseReceivedExtraInfo(
- responseParams,
+ headers,
+ blockedCookies,
+ exemptedCookies,
+ cookiePartitionKey,
requestIdToCDPURLMapping[tabId],
url ?? '',
- cookieDB ?? {}
+ cookieDB ?? {},
+ requestId
);
+ if (cookies.length === 0) {
+ return;
+ }
+
syncCookieStore?.update(Number(tabId), cookies);
}
if (method === 'Audits.issueAdded' && params) {
const auditParams = params as Protocol.Audits.IssueAddedEvent;
const { code, details } = auditParams.issue;
-
if (code !== 'CookieIssue' && !details.cookieIssueDetails) {
return;
}
@@ -508,8 +465,9 @@ chrome.debugger.onEvent.addListener((source, method, params) => {
? cookie.domain.slice(1)
: cookie?.domain;
- // Adding alternate domains here because our extension calculates domain differently that the application tab.
- // This is done to capture both NID.google.com/ and NIDgoogle.com/ so that if we find either of the cookie we add issues to the cookie object
+ if (!cookie?.name || !domainToUse) {
+ return;
+ }
try {
syncCookieStore?.addCookieExclusionWarningReason(
cookie?.name + domainToUse + cookie?.path,
@@ -533,6 +491,7 @@ const listenToNewTab = async (tabId?: number) => {
if (tabMode && tabMode !== 'unlimited') {
const storedTabData = Object.keys(syncCookieStore?.tabsData ?? {});
+
await Promise.all(
storedTabData.map(async (tabIdToDelete) => {
syncCookieStore?.removeTabData(Number(tabIdToDelete));
@@ -569,146 +528,169 @@ const listenToNewTab = async (tabId?: number) => {
*/
// eslint-disable-next-line complexity
chrome.runtime.onMessage.addListener(async (request) => {
- if (
- request?.type === 'DevTools::ServiceWorker::SET_TAB_TO_READ' ||
- request?.type === 'Popup::ServiceWorker::SET_TAB_TO_READ'
- ) {
- const newTab = await listenToNewTab(request?.payload?.tabId);
+ if (!request.type) {
+ return;
+ }
+ const incomingMessageType = request.type;
+
+ if (SET_TAB_TO_READ === incomingMessageType) {
+ tabToRead = request?.payload?.tabId?.toString();
+ const newTab = await listenToNewTab(request?.payload?.tabId);
// Can't use sendResponse as delay is too long. So using sendMessage instead.
chrome.runtime.sendMessage({
- type: 'ServiceWorker::SET_TAB_TO_READ',
+ type: SET_TAB_TO_READ,
payload: {
- tabId: newTab,
+ tabId: Number(newTab),
},
});
- await chrome.tabs.reload(Number(newTab), { bypassCache: true });
+ if (globalIsUsingCDP) {
+ try {
+ if (globalIsUsingCDP) {
+ await chrome.debugger.attach({ tabId: Number(newTab) }, '1.3');
+ await chrome.debugger.sendCommand(
+ { tabId: Number(newTab) },
+ 'Network.enable'
+ );
+ await chrome.debugger.sendCommand(
+ { tabId: Number(newTab) },
+ 'Audits.enable'
+ );
+ } else {
+ await chrome.debugger.detach({ tabId: Number(newTab) });
+ }
+ } catch (error) {
+ //Fail silently
+ }
+ }
+
+ await reloadCurrentTab(Number(newTab));
}
- if (
- request?.type === 'DevTools::ServiceWorker::DEVTOOLS_STATE_OPEN' &&
- request?.payload?.tabId
- ) {
- const dataToSend: { [key: string]: string } = {};
+ if (SERVICE_WORKER_TABS_RELOAD_COMMAND === incomingMessageType) {
+ const sessionStorage = await chrome.storage.session.get();
+ if (Object.keys(sessionStorage).includes('allowedNumberOfTabs')) {
+ tabMode = sessionStorage.allowedNumberOfTabs;
+ }
+
+ if (Object.keys(sessionStorage).includes('isUsingCDP')) {
+ globalIsUsingCDP = sessionStorage.isUsingCDP;
+ }
+
+ await chrome.storage.session.remove(['allowedNumberOfTabs', 'isUsingCDP']);
+
+ await chrome.storage.session.set({
+ pendingReload: false,
+ });
+
+ await chrome.storage.sync.set({
+ allowedNumberOfTabs: tabMode,
+ isUsingCDP: globalIsUsingCDP,
+ });
+
+ const tabs = await chrome.tabs.query({});
+
+ await Promise.all(
+ tabs.map(async ({ id }) => {
+ if (!id) {
+ return;
+ }
+ try {
+ if (globalIsUsingCDP) {
+ await chrome.debugger.attach({ tabId: id }, '1.3');
+ await chrome.debugger.sendCommand({ tabId: id }, 'Network.enable');
+ await chrome.debugger.sendCommand({ tabId: id }, 'Audits.enable');
+ } else {
+ await chrome.debugger.detach({ tabId: id });
+ }
+ } catch (error) {
+ //Fail silently
+ }
+ resetCookieBadgeText(id);
+ await reloadCurrentTab(id);
+ })
+ );
+
+ await chrome.runtime.sendMessage({
+ type: SERVICE_WORKER_RELOAD_MESSAGE,
+ });
+ }
+
+ if (!request?.payload?.tabId) {
+ return;
+ }
+
+ const incomingMessageTabId = request.payload.tabId;
+
+ if (DEVTOOLS_OPEN === incomingMessageType) {
+ const dataToSend: { [key: string]: string | boolean } = {};
dataToSend['tabMode'] = tabMode;
if (tabMode === 'single') {
dataToSend['tabToRead'] = tabToRead;
}
- chrome.runtime.sendMessage({
- type: 'ServiceWorker::DevTools::INITIAL_SYNC',
- payload: dataToSend,
- });
if (
- !syncCookieStore?.tabs[request.payload.tabId] &&
+ !syncCookieStore?.tabs[incomingMessageTabId] &&
tabMode === 'unlimited'
) {
- const currentTab = await getTab(request.payload.tabId);
-
- syncCookieStore?.addTabData(request?.payload?.tabId);
- syncCookieStore?.updateUrl(
- request?.payload?.tabId,
- currentTab?.url || ''
- );
+ const currentTab = await getTab(incomingMessageTabId);
+ dataToSend['psatOpenedAfterPageLoad'] = request.payload.doNotReReload
+ ? false
+ : true;
+ syncCookieStore?.addTabData(incomingMessageTabId);
+ syncCookieStore?.updateUrl(incomingMessageTabId, currentTab?.url || '');
}
- syncCookieStore?.updateDevToolsState(request?.payload?.tabId, true);
+ chrome.runtime.sendMessage({
+ type: INITIAL_SYNC,
+ payload: dataToSend,
+ });
+
+ syncCookieStore?.updateDevToolsState(incomingMessageTabId, true);
- if (syncCookieStore?.tabsData[request.payload.tabId]) {
+ if (syncCookieStore?.tabsData[incomingMessageTabId]) {
syncCookieStore?.sendUpdatedDataToPopupAndDevTools(
- request.payload.tabId,
+ incomingMessageTabId,
true
);
}
}
- if (
- request?.type === 'Popup::ServiceWorker::POPUP_STATE_OPEN' &&
- request?.payload?.tabId
- ) {
+ if (POPUP_OPEN === incomingMessageType) {
const dataToSend: { [key: string]: string } = {};
dataToSend['tabMode'] = tabMode;
if (tabMode === 'single') {
dataToSend['tabToRead'] = tabToRead;
}
+
chrome.runtime.sendMessage({
- type: 'ServiceWorker::Popup::INITIAL_SYNC',
+ type: INITIAL_SYNC,
payload: dataToSend,
});
- syncCookieStore?.updatePopUpState(request?.payload?.tabId, true);
+ syncCookieStore?.updatePopUpState(incomingMessageTabId, true);
- if (syncCookieStore?.tabsData[request?.payload?.tabId]) {
+ if (syncCookieStore?.tabsData[incomingMessageTabId]) {
syncCookieStore?.sendUpdatedDataToPopupAndDevTools(
- request?.payload?.tabId,
+ incomingMessageTabId,
true
);
}
}
- if (
- request?.type === 'DevTools::ServiceWorker::DEVTOOLS_STATE_CLOSE' &&
- request?.payload?.tabId
- ) {
- syncCookieStore?.updateDevToolsState(request?.payload?.tabId, false);
+ if (DEVTOOLS_CLOSE === incomingMessageType) {
+ syncCookieStore?.updateDevToolsState(incomingMessageTabId, false);
}
- if (
- request?.type === 'Popup::ServiceWorker::POPUP_STATE_CLOSE' &&
- request?.payload?.tabId
- ) {
- syncCookieStore?.updatePopUpState(request?.payload?.tabId, false);
+ if (POPUP_CLOSE === incomingMessageType) {
+ syncCookieStore?.updatePopUpState(incomingMessageTabId, false);
}
- if (
- request?.type === 'DevTools::ServiceWorker::SET_JAVASCRIPT_COOKIE' &&
- request?.payload?.tabId
- ) {
- syncCookieStore?.update(
- request?.payload?.tabId,
- request?.payload?.cookieData
- );
- }
-
- if (
- request?.type === 'DevTools::ServiceWorker::RELOAD_ALL_TABS' ||
- request?.type === 'Popup::ServiceWorker::RELOAD_ALL_TABS'
- ) {
- const sessionStorage = await chrome.storage.session.get();
- if (Object.keys(sessionStorage).includes('allowedNumberOfTabs')) {
- tabMode = sessionStorage.allowedNumberOfTabs;
- }
-
- if (Object.keys(sessionStorage).includes('isUsingCDP')) {
- globalIsUsingCDP = sessionStorage.isUsingCDP;
- }
-
- await chrome.storage.session.remove(['allowedNumberOfTabs', 'isUsingCDP']);
- await chrome.storage.session.set({
- pendingReload: false,
- });
-
- await chrome.storage.sync.set({
- allowedNumberOfTabs: tabMode,
- isUsingCDP: globalIsUsingCDP,
- });
-
- await chrome.runtime.sendMessage({
- type: 'ServiceWorker::DevTools::TABS_RELOADED',
- });
-
- const tabs = await chrome.tabs.query({});
- await Promise.all(
- tabs.map(async (tab) => {
- if (!tab.id) {
- return;
- }
- await reloadCurrentTab(tab.id);
- })
- );
+ if (DEVTOOLS_SET_JAVASCSCRIPT_COOKIE === incomingMessageType) {
+ syncCookieStore?.update(incomingMessageTabId, request?.payload?.cookieData);
}
});
@@ -746,53 +728,41 @@ chrome.storage.sync.onChanged.addListener(
if (changes?.allowedNumberOfTabs?.newValue === 'single') {
tabToRead = '';
-
- chrome.runtime.sendMessage({
- type: 'ServiceWorker::DevTools::INITIAL_SYNC',
- payload: {
- tabMode,
- tabToRead: tabToRead,
- },
- });
-
- chrome.runtime.sendMessage({
- type: 'ServiceWorker::Popup::INITIAL_SYNC',
- payload: {
- tabMode,
- tabToRead: tabToRead,
- },
- });
+ try {
+ await chrome.runtime.sendMessage({
+ type: INITIAL_SYNC,
+ payload: {
+ tabMode,
+ tabToRead: tabToRead,
+ },
+ });
+ } catch (error) {
+ //Fail silently
+ }
tabs.map((tab) => {
if (!tab?.id) {
return tab;
}
- chrome.action.setBadgeText({
- tabId: tab?.id,
- text: '',
- });
+ resetCookieBadgeText(tab.id);
syncCookieStore?.removeTabData(tab.id);
return tab;
});
} else {
- chrome.runtime.sendMessage({
- type: 'ServiceWorker::Popup::INITIAL_SYNC',
- payload: {
- tabMode,
- tabToRead: tabToRead,
- },
- });
-
- chrome.runtime.sendMessage({
- type: 'ServiceWorker::DevTools::INITIAL_SYNC',
- payload: {
- tabMode,
- tabToRead: tabToRead,
- },
- });
+ try {
+ await chrome.runtime.sendMessage({
+ type: INITIAL_SYNC,
+ payload: {
+ tabMode,
+ tabToRead: tabToRead,
+ },
+ });
+ } catch (error) {
+ //Fail silently
+ }
tabs.forEach((tab) => {
if (!tab?.id) {
@@ -818,32 +788,18 @@ chrome.storage.sync.onChanged.addListener(
globalIsUsingCDP = changes?.isUsingCDP?.newValue;
- chrome.runtime.sendMessage({
- type: 'ServiceWorker::Popup::CHANGE_CDP_SETTING',
- payload: {
- isUsingCDP: changes?.isUsingCDP?.newValue,
- },
- });
-
- chrome.runtime.sendMessage({
- type: 'ServiceWorker::DevTools::CHANGE_CDP_SETTING',
- payload: {
- isUsingCDP: changes?.isUsingCDP?.newValue,
- },
- });
-
const tabs = await chrome.tabs.query({});
if (!changes?.isUsingCDP?.newValue) {
await Promise.all(
- tabs.map(async (tab) => {
- if (!tab.id) {
+ tabs.map(async ({ id }) => {
+ if (!id) {
return;
}
try {
- await chrome.debugger.detach({ tabId: tab.id });
- syncCookieStore?.sendUpdatedDataToPopupAndDevTools(tab.id);
+ await chrome.debugger.detach({ tabId: id });
+ syncCookieStore?.sendUpdatedDataToPopupAndDevTools(id);
} catch (error) {
// eslint-disable-next-line no-console
console.warn(error);
@@ -851,12 +807,12 @@ chrome.storage.sync.onChanged.addListener(
})
);
} else {
- tabs.forEach((tab) => {
- if (!tab.id) {
+ tabs.forEach(({ id }) => {
+ if (!id) {
return;
}
- syncCookieStore?.sendUpdatedDataToPopupAndDevTools(tab.id);
+ syncCookieStore?.sendUpdatedDataToPopupAndDevTools(id);
});
}
}
diff --git a/packages/extension/src/serviceWorker/parseResponseCookieHeader.ts b/packages/extension/src/serviceWorker/parseResponseCookieHeader.ts
index b7bb87ee6..6924b4f82 100644
--- a/packages/extension/src/serviceWorker/parseResponseCookieHeader.ts
+++ b/packages/extension/src/serviceWorker/parseResponseCookieHeader.ts
@@ -43,6 +43,7 @@ import { createCookieObject } from './createCookieObject';
* @param {number} frameId Id of a frame in which this cookie is used.
* @param {Protocol.Network.Cookie[]} cdpCookiesList List cookies from the request.
* @param {string} requestId Request id.
+ * @param {boolean} globalIsUsingCDP Boolean to determie whether or not CDP is being used.
* @returns {CookieData} Parsed cookie object.
*/
const parseResponseCookieHeader = (
@@ -52,7 +53,8 @@ const parseResponseCookieHeader = (
tabUrl: string,
frameId: number,
cdpCookiesList: Protocol.Network.Cookie[],
- requestId: string
+ requestId: string,
+ globalIsUsingCDP: boolean
): CookieData => {
let parsedCookie: CookieData['parsedCookie'] = cookie.parse(value);
@@ -98,7 +100,11 @@ const parseResponseCookieHeader = (
type: RESPONSE_EVENT.CHROME_WEBREQUEST_ON_RESPONSE_STARTED,
requestId,
url: url,
- blocked: isExpired ? false : !isFoundInCDPCookieList,
+ blocked: globalIsUsingCDP
+ ? isExpired
+ ? false
+ : !isFoundInCDPCookieList
+ : false,
timeStamp: Date.now(),
},
],
diff --git a/packages/extension/src/store/synchnorousCookieStore.ts b/packages/extension/src/store/synchnorousCookieStore.ts
index 444568d2d..920e95774 100644
--- a/packages/extension/src/store/synchnorousCookieStore.ts
+++ b/packages/extension/src/store/synchnorousCookieStore.ts
@@ -28,6 +28,7 @@ import type { Protocol } from 'devtools-protocol';
*/
import updateCookieBadgeText from './utils/updateCookieBadgeText';
import { deriveBlockingStatus } from './utils/deriveBlockingStatus';
+import { NEW_COOKIE_DATA } from '../constants';
class SynchnorousCookieStore {
/**
@@ -137,6 +138,9 @@ class SynchnorousCookieStore {
? this.tabsData[tabId][cookieKey].headerType
: cookie.headerType,
frameIdList,
+ exemptionReason:
+ cookie?.exemptionReason ||
+ this.tabsData[tabId][cookieKey]?.exemptionReason,
};
} else {
this.tabs[tabId].newUpdates++;
@@ -235,8 +239,6 @@ class SynchnorousCookieStore {
if (!this.tabsData[tabId]) {
return;
}
-
- // Check if primaryDomain cookie exists
if (this.tabsData[tabId] && this.tabsData[tabId][cookieName]) {
this.tabsData[tabId][cookieName].blockedReasons = [
...new Set([
@@ -244,7 +246,6 @@ class SynchnorousCookieStore {
...exclusionReasons,
]),
];
-
this.tabsData[tabId][cookieName].warningReasons = [
...new Set([
...(this.tabsData[tabId][cookieName].warningReasons ?? []),
@@ -255,7 +256,6 @@ class SynchnorousCookieStore {
this.tabsData[tabId][cookieName].isBlocked =
exclusionReasons.length > 0 ? true : false;
this.tabs[tabId].newUpdates++;
- // Check if secondaryDomain cookie exists
} else {
this.tabs[tabId].newUpdates++;
// If none of them exists. This case is possible when the cookies hasnt processed and we already have an issue.
@@ -349,27 +349,14 @@ class SynchnorousCookieStore {
try {
if (
- this.tabs[tabId].devToolsOpenState &&
- (overrideForInitialSync || this.tabs[tabId].newUpdates > 0)
+ this.tabs[tabId].devToolsOpenState ||
+ (this.tabs[tabId].popupOpenState &&
+ (overrideForInitialSync || this.tabs[tabId].newUpdates > 0))
) {
sentMessageAnyWhere = true;
await chrome.runtime.sendMessage({
- type: 'ServiceWorker::DevTools::NEW_COOKIE_DATA',
- payload: {
- tabId,
- cookieData: this.tabsData[tabId],
- },
- });
- }
-
- if (
- this.tabs[tabId].popupOpenState &&
- (overrideForInitialSync || this.tabs[tabId].newUpdates > 0)
- ) {
- sentMessageAnyWhere = true;
- await chrome.runtime.sendMessage({
- type: 'ServiceWorker::Popup::NEW_COOKIE_DATA',
+ type: NEW_COOKIE_DATA,
payload: {
tabId,
cookieData: this.tabsData[tabId],
diff --git a/packages/extension/src/store/utils/deriveBlockingStatus.ts b/packages/extension/src/store/utils/deriveBlockingStatus.ts
index 4e2c7b98c..edc45b5b7 100644
--- a/packages/extension/src/store/utils/deriveBlockingStatus.ts
+++ b/packages/extension/src/store/utils/deriveBlockingStatus.ts
@@ -34,10 +34,12 @@ import {
*/
function deriveInboundBlocking(respEvents: responsEvent[]): BLOCK_STATUS {
// if there are not response events the cookie must be stored in a previous visit
+ // Or there is a javascript not used in the request header.
if (respEvents.length === 0) {
return BLOCK_STATUS.NOT_BLOCKED;
}
+ // Number of responses in which the cookie was blocked.
const numBlocked: number = respEvents.reduce((acc, event) => {
if (event.blocked) {
return acc + 1;
diff --git a/packages/extension/src/utils/isSingleTabProcessingMode.ts b/packages/extension/src/store/utils/resetCookieBadgeText.ts
similarity index 62%
rename from packages/extension/src/utils/isSingleTabProcessingMode.ts
rename to packages/extension/src/store/utils/resetCookieBadgeText.ts
index 729ff2a6f..595ffa2b7 100644
--- a/packages/extension/src/utils/isSingleTabProcessingMode.ts
+++ b/packages/extension/src/store/utils/resetCookieBadgeText.ts
@@ -14,13 +14,15 @@
* limitations under the License.
*/
/**
- * This determines the processing mode of the extension True if singleTabProcessingMode false if multiple tab being processed.
- * @returns boolean.
+ * Resets the extension badge text.
+ * @param {number} tabId Tab id where the badge text has to be reset.
*/
-export default async function isSingleTabProcessingMode() {
- const syncStorage = await chrome.storage.sync.get();
- return (
- syncStorage.allowedNumberOfTabs &&
- syncStorage.allowedNumberOfTabs !== 'unlimited'
- );
+export default function resetCookieBadgeText(tabId: number) {
+ if (!tabId) {
+ return;
+ }
+ chrome.action.setBadgeText({
+ tabId: tabId,
+ text: '',
+ });
}
diff --git a/packages/extension/src/store/utils/updateCookieBadgeText.ts b/packages/extension/src/store/utils/updateCookieBadgeText.ts
index 3aa3aebeb..0ce8c13c0 100644
--- a/packages/extension/src/store/utils/updateCookieBadgeText.ts
+++ b/packages/extension/src/store/utils/updateCookieBadgeText.ts
@@ -32,11 +32,13 @@ export default function updateCookieBadgeText(
if (!tabId) {
return;
}
+
const numCookies = Object.keys(storage).filter(
(cookieKey) =>
storage[cookieKey]?.parsedCookie &&
storage[cookieKey].frameIdList?.length >= 0
).length;
+
if (numCookies >= 0) {
chrome.action.setBadgeText(
{
diff --git a/packages/extension/src/utils/canProcessCookies.ts b/packages/extension/src/utils/canProcessCookies.ts
index ab4d16c9e..af2504712 100644
--- a/packages/extension/src/utils/canProcessCookies.ts
+++ b/packages/extension/src/utils/canProcessCookies.ts
@@ -19,7 +19,7 @@
* @param {string | null | undefined} tabUrl Current tab url.
* @param {string} tabToRead The current tab being read y extension in case of single processing mode.
* @param {number} currentTabId The tabId of the current request is associated to.
- * @param {chrome.webRequest.WebResponseHeadersDetails['responseHeaders']} responseHeaders The tabId of the current request is associated to.
+ * @param {chrome.webRequest.HttpHeader[] | undefined} headers The tabId of the current request is associated to.
* @returns {boolean}.
*/
export default function canProcessCookies(
@@ -27,9 +27,9 @@ export default function canProcessCookies(
tabUrl: string | null | undefined,
tabToRead: string,
currentTabId: number,
- responseHeaders: chrome.webRequest.WebResponseHeadersDetails['responseHeaders']
+ headers: chrome.webRequest.HttpHeader[] | undefined
) {
- if (!tabUrl || !responseHeaders || tabUrl === 'chrome://newtab/') {
+ if (!tabUrl || !headers || tabUrl === 'chrome://newtab/') {
return false;
}
diff --git a/packages/extension/src/utils/downloadReport.ts b/packages/extension/src/utils/downloadReport.ts
new file mode 100644
index 000000000..f1fbb441a
--- /dev/null
+++ b/packages/extension/src/utils/downloadReport.ts
@@ -0,0 +1,66 @@
+/*
+ * 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 type {
+ LibraryData,
+ TabCookies,
+ TabFrames,
+} from '@ps-analysis-tool/common';
+import { saveAs } from 'file-saver';
+/**
+ * Internal dependencies.
+ */
+import generateReportObject from './generateReportObject';
+
+/**
+ * Utility function to download report.
+ * @param url Top level URL.
+ * @param tabCookies Tab cookies.
+ * @param tabFrames Tab frames.
+ * @param libraryMatches
+ */
+export default async function downloadReport(
+ url: string,
+ tabCookies: TabCookies,
+ tabFrames: TabFrames,
+ libraryMatches: LibraryData
+) {
+ const htmlText = await (await fetch('../report/index.html')).text();
+ const parser = new DOMParser();
+ const reportDom = parser.parseFromString(htmlText, 'text/html');
+
+ // Injections
+ const script = reportDom.createElement('script');
+
+ const reportData = generateReportObject(
+ tabCookies,
+ tabFrames,
+ libraryMatches
+ );
+
+ const code = `window.PSAT_DATA = ${JSON.stringify(reportData)}`;
+
+ script.text = code;
+ reportDom.head.appendChild(script);
+
+ const injectedHtmlText = `${reportDom.head.innerHTML}${reportDom.body.innerHTML}`;
+ const html = new Blob([injectedHtmlText]);
+ const hostname = new URL(url).hostname;
+
+ saveAs(html, `${hostname.replace('.', '-')}-report.html`);
+}
diff --git a/packages/extension/src/utils/generateReportObject.ts b/packages/extension/src/utils/generateReportObject.ts
new file mode 100644
index 000000000..461947bcf
--- /dev/null
+++ b/packages/extension/src/utils/generateReportObject.ts
@@ -0,0 +1,96 @@
+/*
+ * 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 type {
+ LibraryData,
+ TabCookies,
+ TabFrames,
+} from '@ps-analysis-tool/common';
+
+import {
+ prepareCookieStatsComponents,
+ prepareCookiesCount,
+ prepareFrameStatsComponent,
+ type DataMapping,
+} from '@ps-analysis-tool/design-system';
+
+/**
+ * Utility function to generate report object.
+ * @param url Top level URL.
+ * @param tabCookies Tab cookies.
+ * @param tabFrames Tab frames.
+ * @param libraryMatches
+ */
+export default function generateReportObject(
+ tabCookies: TabCookies,
+ tabFrames: TabFrames,
+ libraryMatches: LibraryData
+) {
+ const cookieStats = prepareCookiesCount(tabCookies);
+ const cookiesStatsComponents = prepareCookieStatsComponents(cookieStats);
+ const frameStateCreator = prepareFrameStatsComponent(tabFrames, tabCookies);
+
+ const cookieClassificationDataMapping: DataMapping[] = [
+ {
+ title: 'Total cookies',
+ count: cookieStats.total,
+ data: cookiesStatsComponents.legend,
+ },
+ {
+ title: '1st party cookies',
+ count: cookieStats.firstParty.total,
+ data: cookiesStatsComponents.firstParty,
+ },
+ {
+ title: '3rd party cookies',
+ count: cookieStats.thirdParty.total,
+ data: cookiesStatsComponents.thirdParty,
+ },
+ ];
+
+ const blockedCookieDataMapping: DataMapping[] = [
+ {
+ title: 'Blocked cookies',
+ count: cookieStats.blockedCookies.total,
+ data: cookiesStatsComponents.blocked,
+ },
+ ];
+
+ const exemptedCookiesDataMapping: DataMapping[] = [
+ {
+ title: 'Exempted cookies',
+ count: cookieStats.exemptedCookies.total,
+ data: cookiesStatsComponents.exempted,
+ },
+ ];
+
+ return {
+ cookieClassificationDataMapping,
+ tabCookies,
+ cookiesStatsComponents,
+ tabFrames,
+ showInfoIcon: true,
+ showHorizontalMatrix: false,
+ blockedCookieDataMapping,
+ showBlockedInfoIcon: true,
+ frameStateCreator,
+ libraryMatches,
+ exemptedCookiesDataMapping,
+ };
+}
diff --git a/packages/extension/src/utils/getFramesForCurrentTab.ts b/packages/extension/src/utils/getFramesForCurrentTab.ts
new file mode 100644
index 000000000..ba9d02427
--- /dev/null
+++ b/packages/extension/src/utils/getFramesForCurrentTab.ts
@@ -0,0 +1,66 @@
+/*
+ * 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 type { TabFrames } from '@ps-analysis-tool/common';
+/**
+ * Internal dependencies
+ */
+import { isOnRWS } from '../contentScript/utils';
+
+/**
+ * This function returns tab frames state for frame ids and frame URLs along with rws information from using chrome.webNavigation.getAllFrames.
+ * @returns {TabFrames|null} Tabframes and related details if available else null.
+ */
+export default async function getFramesForCurrentTab() {
+ const tabId = chrome.devtools.inspectedWindow.tabId;
+ if (!tabId) {
+ return null;
+ }
+
+ const regexForFrameUrl =
+ /^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:/\n?]+)/;
+
+ const currentTabFrames = await chrome.webNavigation.getAllFrames({
+ tabId,
+ });
+ const modifiedTabFrames: TabFrames = {};
+
+ currentTabFrames?.forEach(({ url, frameId, frameType }) => {
+ if (url && url.includes('http')) {
+ const parsedUrl = regexForFrameUrl.exec(url);
+ if (parsedUrl && parsedUrl[0]) {
+ if (modifiedTabFrames[parsedUrl[0]]) {
+ modifiedTabFrames[parsedUrl[0]].frameIds.push(frameId);
+ } else {
+ modifiedTabFrames[parsedUrl[0]] = {
+ frameIds: [frameId],
+ frameType,
+ };
+ }
+ }
+ }
+ });
+ await Promise.all(
+ Object.keys(modifiedTabFrames).map(async (tabFrame) => {
+ modifiedTabFrames[tabFrame].isOnRWS = await isOnRWS(tabFrame);
+ return tabFrame;
+ })
+ );
+
+ return modifiedTabFrames;
+}
diff --git a/packages/extension/src/serviceWorker/isValidURL.ts b/packages/extension/src/utils/isValidURL.ts
similarity index 100%
rename from packages/extension/src/serviceWorker/isValidURL.ts
rename to packages/extension/src/utils/isValidURL.ts
diff --git a/packages/extension/src/utils/parseHeaders.ts b/packages/extension/src/utils/parseHeaders.ts
new file mode 100644
index 000000000..cc80bb82a
--- /dev/null
+++ b/packages/extension/src/utils/parseHeaders.ts
@@ -0,0 +1,127 @@
+/*
+ * 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 { Protocol } from 'devtools-protocol';
+import { type CookieData, type CookieDatabase } from '@ps-analysis-tool/common';
+import parseResponseCookieHeader from '../serviceWorker/parseResponseCookieHeader';
+import canProcessCookies from './canProcessCookies';
+import parseRequestCookieHeader from '../serviceWorker/parseRequestCookieHeader';
+
+type CDPCookiesType = { [cookies: string]: Protocol.Network.Cookie[] };
+/**
+ * Common utility function that can parse both request and response headers.
+ * @see https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie
+ * @param {boolean} globalIsUsingCDP Boolean to determie whether or not CDP is being used.
+ * @param {string} type The type of headers that are to be processed.
+ * @param {string} tabToRead The current tab being read in single tab mode.
+ * @param {string} tabMode The processing mode of the extension.
+ * @param {string} tabId The tabId of the current request.
+ * @param {string} url Cookie URL (URL of the server which is setting/updating cookies).
+ * @param {CookieDatabase} cookieDB Dictionary from open cookie database
+ * @param {string | null | undefined} tabUrl top url of the tab from which the request originated.
+ * @param {number} frameId Id of the frame the cookie is used in.
+ * @param {string} requestId Request id.
+ * @param {chrome.webRequest.HttpHeader} headers The headers that need to be parsed to get cookies.
+ * @returns {CookieData[] | null} returns set of cookies from the header.
+ */
+export default async function parseHeaders(
+ globalIsUsingCDP: boolean,
+ type: 'request' | 'response',
+ tabToRead: string,
+ tabMode: 'single' | 'unlimited',
+ tabId: number,
+ url: string,
+ cookieDB: CookieDatabase,
+ tabUrl: string | null | undefined,
+ frameId: number,
+ requestId: string,
+ headers?: chrome.webRequest.HttpHeader[]
+) {
+ if (!canProcessCookies(tabMode, tabUrl, tabToRead, tabId, headers)) {
+ return null;
+ }
+
+ let cdpCookies: CDPCookiesType;
+
+ if (globalIsUsingCDP) {
+ try {
+ // Since we are using CDP we might as well use it to get the proper cookies in the request this will further reduce the load of domain calculation
+ cdpCookies = (await chrome.debugger.sendCommand(
+ { tabId: tabId },
+ 'Network.getCookies',
+ { urls: [url] }
+ )) as CDPCookiesType;
+ } catch (error) {
+ //Fail silently
+ }
+ }
+
+ switch (type) {
+ case 'response':
+ return headers?.reduce((accumulator, header) => {
+ if (
+ header.name.toLowerCase() === 'set-cookie' &&
+ header.value &&
+ tabUrl &&
+ cookieDB
+ ) {
+ const cookie = parseResponseCookieHeader(
+ url,
+ header.value,
+ cookieDB,
+ tabUrl,
+ frameId,
+ cdpCookies?.cookies ?? [],
+ requestId,
+ globalIsUsingCDP
+ );
+
+ return [...accumulator, cookie];
+ }
+
+ return accumulator;
+ }, []);
+
+ case 'request':
+ return headers?.reduce((accumulator, header) => {
+ if (
+ header.name.toLowerCase() === 'cookie' &&
+ header.value &&
+ url &&
+ tabUrl &&
+ cookieDB
+ ) {
+ const cookieList = parseRequestCookieHeader(
+ url,
+ header.value,
+ cookieDB,
+ tabUrl,
+ frameId,
+ cdpCookies?.cookies ?? [],
+ requestId
+ );
+
+ return [...accumulator, ...cookieList];
+ }
+
+ return accumulator;
+ }, []);
+ default:
+ return [];
+ }
+}
diff --git a/packages/extension/src/utils/processAndStoreDocumentCookies.ts b/packages/extension/src/utils/processAndStoreDocumentCookies.ts
index 65903ae82..9938e2d8d 100644
--- a/packages/extension/src/utils/processAndStoreDocumentCookies.ts
+++ b/packages/extension/src/utils/processAndStoreDocumentCookies.ts
@@ -28,6 +28,7 @@ import { type Cookie as ParsedCookie } from 'simple-cookie';
*/
import { createCookieObject } from '../serviceWorker/createCookieObject';
import { fetchDictionary } from './fetchCookieDictionary';
+import { GET_JS_COOKIES } from '../constants';
interface ProcessAndStoreDucmentCookies {
tabUrl: string;
@@ -53,6 +54,8 @@ const processAndStoreDocumentCookies = async ({
parsedCookie.domain = singleCookie.domain?.startsWith('.')
? singleCookie.domain
: '.' + singleCookie.domain;
+ } else {
+ parsedCookie.domain = window.location.hostname;
}
parsedCookie = createCookieObject(
@@ -86,7 +89,7 @@ const processAndStoreDocumentCookies = async ({
);
await chrome.runtime.sendMessage({
- type: 'DevTools::ServiceWorker::SET_JAVASCRIPT_COOKIE',
+ type: GET_JS_COOKIES,
payload: {
tabId,
cookieData: parsedCookieData,
diff --git a/packages/extension/src/utils/reloadCurrentTab.ts b/packages/extension/src/utils/reloadCurrentTab.ts
index 2dba619cb..b6854a996 100644
--- a/packages/extension/src/utils/reloadCurrentTab.ts
+++ b/packages/extension/src/utils/reloadCurrentTab.ts
@@ -25,7 +25,7 @@ const reloadCurrentTab = async (tabId: number | undefined = undefined) => {
const _currentTabId = Number(currentTabId);
if (_currentTabId) {
- chrome.tabs.reload(_currentTabId);
+ chrome.tabs.reload(_currentTabId, { bypassCache: true });
}
};
diff --git a/packages/extension/src/utils/test-data/cookieMockData.ts b/packages/extension/src/utils/test-data/cookieMockData.ts
index 818c38278..80652a7e3 100644
--- a/packages/extension/src/utils/test-data/cookieMockData.ts
+++ b/packages/extension/src/utils/test-data/cookieMockData.ts
@@ -21,7 +21,7 @@ import { emptyAnalytics } from '@ps-analysis-tool/common';
/**
* Internal dependencies.
*/
-import type { CookieStoreContext } from '../../view/devtools/stateProviders/syncCookieStore';
+import { type CookieStoreContext } from '../../view/devtools/stateProviders/cookie';
const emptyCookie = {
name: '',
diff --git a/packages/extension/src/utils/test-data/tabFrames.ts b/packages/extension/src/utils/test-data/tabFrames.ts
new file mode 100644
index 000000000..a41d81947
--- /dev/null
+++ b/packages/extension/src/utils/test-data/tabFrames.ts
@@ -0,0 +1,48 @@
+/*
+ * 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.
+ */
+const tabFrames = [
+ {
+ processId: 1,
+ frameId: 0,
+ url: 'https://edition.cnn.com',
+ documentId: '40245632AWDER',
+ documentLifecycle: 'active',
+ errorOccurred: false,
+ frameType: 'outermost_frame',
+ parentFrameId: 0,
+ },
+ {
+ processId: 1,
+ frameId: 2,
+ url: 'https://crxd.net',
+ documentId: '40245632WADER',
+ documentLifecycle: 'active',
+ errorOccurred: false,
+ frameType: 'sub_frame',
+ parentFrameId: 0,
+ },
+ {
+ processId: 1,
+ frameId: 3,
+ url: 'https://edition.cnn.com',
+ documentId: '40245632AWDER',
+ documentLifecycle: 'active',
+ errorOccurred: false,
+ frameType: 'outermost_frame',
+ parentFrameId: 0,
+ },
+];
+export default tabFrames;
diff --git a/packages/extension/src/utils/tests/data.mock.ts b/packages/extension/src/utils/tests/data.mock.ts
new file mode 100644
index 000000000..db2b00351
--- /dev/null
+++ b/packages/extension/src/utils/tests/data.mock.ts
@@ -0,0 +1,7455 @@
+/*
+ * 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 const tabCookies = {
+ '_gcl_aurtcamp.com/': {
+ parsedCookie: {
+ name: '_gcl_au',
+ value: '1.1.1643004070.1712122812',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2024-07-02T05:40:12.000Z',
+ partitionKey: '',
+ size: 32,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ partitioned: false,
+ sameSite: 'lax',
+ },
+ analytics: {
+ platform: 'Google',
+ category: 'Marketing',
+ name: '_gcl_au',
+ domain: '',
+ description:
+ 'Used by Google AdSense for experimenting with advertisement efficiency across websites using their services.',
+ retention: '3 months',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'javascript',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838658,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838663,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838667,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838670,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838679,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838685,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838694,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838713,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838838,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839204,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839623,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893798,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893820,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896282,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'ajs_user_idrtcamp.com/': {
+ parsedCookie: {
+ name: 'ajs_user_id',
+ value: 'null',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-04-08T08:16:45.000Z',
+ partitionKey: '',
+ size: 15,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Trustpilot',
+ category: 'Analytics',
+ name: 'ajs_user_id',
+ domain: '.trustpilot.com',
+ description:
+ ' This cookie helps track visitor usage, events, target marketing, and can also measure application performance and stability.',
+ retention: '1 year',
+ dataController: 'Trustpilot',
+ gdprUrl: '',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838659,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838664,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838667,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838671,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838679,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838685,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838694,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838715,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838839,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839205,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839625,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893798,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893820,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896282,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'ajs_group_idrtcamp.com/': {
+ parsedCookie: {
+ name: 'ajs_group_id',
+ value: 'null',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-04-08T08:16:45.000Z',
+ partitionKey: '',
+ size: 16,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Trustpilot',
+ category: 'Analytics',
+ name: 'ajs_group_id',
+ domain: '.trustpilot.com',
+ description: 'Track visitor usage and events within the website',
+ retention: '1 year',
+ dataController: 'Trustpilot',
+ gdprUrl: '',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838659,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838664,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838667,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838671,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838679,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838686,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838695,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838810,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838840,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839205,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839625,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893798,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893820,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896282,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'ajs_anonymous_idrtcamp.com/': {
+ parsedCookie: {
+ name: 'ajs_anonymous_id',
+ value: '%220eae481f-71ad-4118-9309-1f60ae8f9f6d%22',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-04-08T08:16:45.000Z',
+ partitionKey: '',
+ size: 58,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Trustpilot',
+ category: 'Analytics',
+ name: 'ajs_anonymous_id',
+ domain: '.trustpilot.com',
+ description:
+ 'Used for Analytics and help count how many people visit a certain site by tracking if you have visited before',
+ retention: '1 year',
+ dataController: 'Trustpilot',
+ gdprUrl: '',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838659,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838664,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838668,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838671,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838680,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838686,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838695,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838840,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839205,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839625,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893798,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893821,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896282,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ '_gartcamp.com/': {
+ parsedCookie: {
+ name: '_ga',
+ value: 'GA1.1.1593307359.1712122812',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-05-14T08:03:59.200Z',
+ partitionKey: '',
+ size: 30,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Google Analytics',
+ category: 'Analytics',
+ name: '_ga',
+ domain: 'google-analytics.com (3rd party) or',
+ description: 'ID used to identify users',
+ retention: '2 years',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838659,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838664,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838668,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838671,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838680,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838687,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838696,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838840,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839205,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839625,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893799,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893821,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896283,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'FPIDrtcamp.com/': {
+ parsedCookie: {
+ name: 'FPID',
+ value:
+ 'FPID2.2.BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: '',
+ expires: '2025-05-14T08:03:59.874Z',
+ partitionKey: '',
+ size: 71,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Google Analytics',
+ category: 'Analytics',
+ name: 'FPID',
+ domain: '',
+ description:
+ "Registers statistical data on users' behaviour on the website. Used for internal analytics by the website operator.",
+ retention: 'session',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838660,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838664,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838668,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838671,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838680,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838687,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838696,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838840,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839206,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839626,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893799,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893821,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896283,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839875,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839882,
+ },
+ ],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'FPAUrtcamp.com/': {
+ parsedCookie: {
+ name: 'FPAU',
+ value: '1.1.1643004070.1712122812',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: true,
+ httponly: false,
+ samesite: '',
+ expires: '2024-07-02T05:40:11.874Z',
+ partitionKey: '',
+ size: 29,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Google Analytics',
+ category: 'Marketing',
+ name: 'FPAU',
+ domain: '',
+ description:
+ 'Assigns a specific ID to the visitor. This allows the website to determine the number of specific user-visits for analysis and statistics.',
+ retention: 'session',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838660,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838665,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838668,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838672,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838681,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838688,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838696,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838840,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839206,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839626,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893799,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893821,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896283,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839876,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839882,
+ },
+ ],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'track_uidrtcamp.com/': {
+ parsedCookie: {
+ name: 'track_uid',
+ value: 'df985b92-a92b-7c79-35c7-3030565fd182',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-04-09T08:04:01.000Z',
+ partitionKey: '',
+ size: 45,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838661,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838665,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838669,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838673,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838682,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838688,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838697,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838841,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839206,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839626,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893800,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893822,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896284,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'stg_returning_visitorrtcamp.com/': {
+ parsedCookie: {
+ name: 'stg_returning_visitor',
+ value: 'Wed%2C%2003%20Apr%202024%2008:00:23%20GMT',
+ domain: 'rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: 'strict',
+ expires: '2025-04-03T08:00:23.000Z',
+ partitionKey: '',
+ size: 62,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ sameSite: 'Strict',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Piwik',
+ category: 'Analytics',
+ name: 'stg_returning_visitor',
+ domain: '',
+ description:
+ 'Determines if the visitor has already been to your website — they are returning visitors.',
+ retention: '365 days',
+ dataController: 'Piwik',
+ gdprUrl: 'https://piwik.pro/privacy-policy/',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838661,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838666,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838669,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838673,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838682,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838689,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838698,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838826,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838841,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649839621,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893800,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893822,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896284,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_SOME_EVENTS',
+ },
+ isBlocked: true,
+ blockedReasons: ['DomainMismatch'],
+ warningReasons: [],
+ },
+ '_parsely_visitorrtcamp.com/': {
+ parsedCookie: {
+ name: '_parsely_visitor',
+ value:
+ '{%22id%22:%22pid=55cc8d59-04cf-4bcd-aaca-5e6bb9ca7cc4%22%2C%22session_count%22:10%2C%22last_session_ts%22:1712649839162}',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-05-09T18:05:00.000Z',
+ partitionKey: false,
+ size: 136,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ partitioned: false,
+ sameSite: 'lax',
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ headerType: 'javascript',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838661,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838666,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838669,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838674,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838683,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838690,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838699,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838826,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838844,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839207,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839629,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893802,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893823,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896285,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ '_pk_id.10c7acc6-abb4-44cd-82dc-44190bf2463d.de59rtcamp.com/': {
+ parsedCookie: {
+ name: '_pk_id.10c7acc6-abb4-44cd-82dc-44190bf2463d.de59',
+ value: 'e232543d43714eb7.1712122813.9.1712649896.1712649840.',
+ domain: 'rtcamp.com',
+ path: '/',
+ secure: true,
+ httponly: false,
+ samesite: 'lax',
+ expires: '2025-05-07T08:04:56.000Z',
+ partitionKey: '',
+ size: 100,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ sameSite: 'lax',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ partitioned: false,
+ },
+ analytics: {
+ platform: 'Matomo',
+ category: 'Analytics',
+ name: '_pk_id*',
+ domain: '',
+ description:
+ 'Used to store a few details about the user such as the unique visitor ID',
+ retention: '13 months',
+ dataController: 'Matomo',
+ gdprUrl: 'https://matomo.org/privacy-policy/',
+ wildcard: '1',
+ },
+ headerType: 'javascript',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838662,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838666,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838670,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838675,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838684,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838691,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838699,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838837,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838844,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649839621,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893805,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896290,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_SOME_EVENTS',
+ },
+ isBlocked: true,
+ blockedReasons: ['DomainMismatch'],
+ warningReasons: [],
+ },
+ 'stg_last_interactionrtcamp.com/': {
+ parsedCookie: {
+ name: 'stg_last_interaction',
+ value: 'Tue%2C%2009%20Apr%202024%2008:04:56%20GMT',
+ domain: 'rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: 'strict',
+ expires: '2025-04-09T08:04:56.000Z',
+ partitionKey: false,
+ size: 61,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ sameSite: 'strict',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ partitioned: false,
+ },
+ analytics: {
+ platform: 'Piwik',
+ category: 'Analytics',
+ name: 'stg_last_interaction',
+ domain: '',
+ description:
+ "Determines whether the last visitor's session is still in progress or a new session has started.",
+ retention: '365 days',
+ dataController: 'Piwik',
+ gdprUrl: 'https://piwik.pro/privacy-policy/',
+ wildcard: '0',
+ },
+ headerType: 'javascript',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838662,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838666,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838670,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838675,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838684,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838691,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838700,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838837,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838845,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649839622,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893805,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896288,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_SOME_EVENTS',
+ },
+ isBlocked: true,
+ blockedReasons: ['DomainMismatch'],
+ warningReasons: [],
+ },
+ '_ga_7HKDVLRRV4rtcamp.com/': {
+ parsedCookie: {
+ name: '_ga_7HKDVLRRV4',
+ value: 'GS1.1.1712649839.11.0.1712649839.0.0.1798602937',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-05-14T08:03:59.200Z',
+ partitionKey: '',
+ size: 61,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Google Analytics',
+ category: 'Analytics',
+ name: '_ga_*',
+ domain: 'google-analytics.com (3rd party) or ',
+ description: 'ID used to identify users',
+ retention: '2 years',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '1',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838662,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838667,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838670,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838676,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838685,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838692,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838700,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838838,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838845,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839207,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839630,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893802,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893823,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896286,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ '_parsely_sessionrtcamp.com/': {
+ parsedCookie: {
+ name: '_parsely_session',
+ value:
+ '{%22sid%22:10%2C%22surl%22:%22https://rtcamp.com/%22%2C%22sref%22:%22%22%2C%22sts%22:1712649839162%2C%22slts%22:1712581949558}',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2024-04-09T08:35:00.000Z',
+ partitionKey: false,
+ size: 142,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ partitioned: false,
+ sameSite: 'lax',
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ headerType: 'javascript',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839207,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839628,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893801,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893822,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896284,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'warmly_b4dafe8509a5fd61b4850acb8a60c06bopps-api.getwarmly.com/api/sessions/trpc':
+ {
+ isBlocked: true,
+ parsedCookie: {
+ domain: 'opps-api.getwarmly.com',
+ expires: '2025-04-05T09:33:25.133Z',
+ httpOnly: true,
+ name: 'warmly_b4dafe8509a5fd61b4850acb8a60c06b',
+ path: '/api/sessions/trpc',
+ priority: 'Medium',
+ sameParty: false,
+ sameSite: 'None',
+ secure: true,
+ session: false,
+ size: 172,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ value:
+ '%7B%22sessionId%22%3A%22c75eb9a9-9ae9-43b8-b3da-5ceabbf59d44%22%2C%22sessionUserId%22%3A%2210dd5156-c0b4-4b75-966d-bc1b66ab6263%22%7D',
+ samesite: 'none',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.124',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649839387,
+ },
+ ],
+ responseEvents: [],
+ },
+ blockedReasons: ['NotOnPath', 'DomainMismatch'],
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ url: '',
+ headerType: 'request',
+ isFirstParty: false,
+ frameIdList: [],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_ALL_EVENTS',
+ },
+ },
+ 'FPLCrtcamp.com/': {
+ isBlocked: false,
+ blockedReasons: [],
+ parsedCookie: {
+ expires: '2024-04-10T04:03:59.874Z',
+ httponly: false,
+ secure: true,
+ path: '/',
+ domain: '.rtcamp.com',
+ samesite: '',
+ name: 'FPLC',
+ value:
+ '9cN4NZPh9L1TDUG1xtrXt9H%2BYwJihteKBHMDuZ9aDug1UQT8Y8XWjMkbh%2FCK9FcSi8XznsE9FnjtgaHtZpGd%2Ft7w5h%2Bfn%2Fc4%2BzAjYjPf%2FI9bYJT25qhdqJzArUMN9A%3D%3D',
+ partitionKey: '',
+ size: 150,
+ priority: 'Medium',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893804,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896287,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839876,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839882,
+ },
+ ],
+ },
+ analytics: {
+ platform: 'Google Analytics',
+ category: 'Analytics',
+ name: 'FPLC',
+ domain: '',
+ description:
+ 'This FPLC cookie is the cross-domain linker cookie hashed from the FPID cookie. It’s not HttpOnly, which means it can be read with JavaScript. It has a relatively short lifetime, just 20 hours.',
+ retention: 'session',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ url: '',
+ isFirstParty: true,
+ headerType: 'request',
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ warningReasons: [],
+ },
+ 'FPGSIDrtcamp.com/': {
+ isBlocked: false,
+ blockedReasons: [],
+ parsedCookie: {
+ expires: '2024-04-09T08:33:59.874Z',
+ httponly: false,
+ secure: true,
+ path: '/',
+ domain: '.rtcamp.com',
+ samesite: 'strict',
+ name: 'FPGSID',
+ value: '1.1712649839.1712649839.G-7HKDVLRRV4.j1V_g8v-o4K7I5OKVAh_sQ',
+ partitionKey: '',
+ size: 65,
+ priority: 'Medium',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893805,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896288,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839877,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839883,
+ },
+ ],
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ url: '',
+ isFirstParty: true,
+ headerType: 'request',
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ warningReasons: [],
+ },
+ 'NIDgoogle.com/': {
+ parsedCookie: {
+ name: 'NID',
+ value:
+ '513=fEZHdYbXcRMAOF3ZPEA3vRl9Dm7-B9JLfpLpTrtY3gDHBfo77B_V95BsxRPFvj7YXREgcHTvevfSVQwA7uWRBks6qoX0kKjqJ4I2zPwGXO436kL3thFCJu9nDXhnmGj6_Arpl_OQ8r50YccBg8N7qSxa2Dt_bhE7DnuyrRK91bv69GFnGAnpGEzA7pvdyPxB_WX9SQpPQ4U',
+ domain: '.google.com',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: 'none',
+ expires: '2024-10-07T21:20:50.696Z',
+ partitionKey: '',
+ size: 210,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ sameSite: 'None',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Google',
+ category: 'Marketing',
+ name: 'NID',
+ domain: 'google.com',
+ description:
+ 'This cookies is used to collect website statistics and track conversion rates and Google ad personalisation',
+ retention: '1 year',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://analytics.google.com/g/s/collect?dma=0>m=45j91e4441h2v882644066z871645728z99177835882za200&_gsid=7HKDVLRRV4j1V_g8v-o4K7I5OKVAh_sQ',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13109',
+ url: 'https://analytics.google.com/g/s/collect?dma=0>m=45j91e4441h2v882644066z871645728z99177835882za200&_gsid=7HKDVLRRV4j1V_g8v-o4K7I5OKVAh_sQ',
+ blocked: false,
+ timeStamp: 1712649839884,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.132',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649840347,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13137',
+ url: 'https://www.google.com/pagead/1p-user-list/11351157933/?random=1712649842806&cv=11&fst=1712649600000&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1&fmt=3&is_vtc=1&cid=CAQSKQB7FLtqntrNHDTQ_a-Sh9toqS56hqCzynlmLgQqmXr8fV3VRVs4WeVb&random=4222396660&rmt_tld=0&ipr=y',
+ blocked: false,
+ timeStamp: 1712649843058,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.151',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649843116,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.181',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649893828,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13151',
+ url: 'https://accounts.google.com/gsi/client?ver=1670238691',
+ blocked: false,
+ timeStamp: 1712649893829,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13152',
+ url: 'https://accounts.google.com/gsi/style',
+ blocked: false,
+ timeStamp: 1712649893990,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.182',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649893992,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.183',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649893994,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13153',
+ url: 'https://accounts.google.com/gsi/status?client_id=549796576131-8aoqmiheqf84a8bh3dl10ec2kp2v6e7p.apps.googleusercontent.com&as=STPqYB%2FVV%2F9qmKJZpeo94A',
+ blocked: false,
+ timeStamp: 1712649894001,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.192',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894017,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13158',
+ url: 'https://www.google.com/recaptcha/api.js?render=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&ver=1.4.0',
+ blocked: false,
+ timeStamp: 1712649894018,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13163',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&size=invisible&cb=1jzcq6kj791e',
+ blocked: false,
+ timeStamp: 1712649894142,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.208',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894146,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13169',
+ url: 'https://www.google.com/recaptcha/api.js?hl=en&ver=6.4.3#038;render=explicit',
+ blocked: false,
+ timeStamp: 1712649894150,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13170',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&theme=light&size=invisible&badge=bottomright&cb=64wrh1hrhyl0',
+ blocked: false,
+ timeStamp: 1712649894175,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '171EF73AC49739330627AF0ECE168B24',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894342,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '71BEDF59BFFA5B219605F36AF92F46A2',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894347,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13180',
+ url: 'https://www.google.com/js/bg/MAj5J5iEgh_vMgeickC5b2xvhmiD7VG83v9sx_9XVJI.js',
+ blocked: false,
+ timeStamp: 1712649894368,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13184',
+ url: 'https://www.google.com/recaptcha/api2/webworker.js?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-',
+ blocked: false,
+ timeStamp: 1712649894388,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13185',
+ url: 'https://www.google.com/recaptcha/api2/webworker.js?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-',
+ blocked: false,
+ timeStamp: 1712649894409,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: 'BC0D70D08304A7434BAB6334EFAC0866',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894553,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13188',
+ url: 'https://www.google.com/recaptcha/api2/bframe?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649894556,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13189',
+ url: 'https://www.google.com/recaptcha/api2/reload?k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649894642,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13190',
+ url: 'https://www.google.com/js/bg/MAj5J5iEgh_vMgeickC5b2xvhmiD7VG83v9sx_9XVJI.js',
+ blocked: false,
+ timeStamp: 1712649894762,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13298',
+ url: 'https://accounts.google.com/gsi/style',
+ blocked: false,
+ timeStamp: 1712649896292,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13307',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&theme=light&size=invisible&badge=bottomright&cb=64wrh1hrhyl0',
+ blocked: false,
+ timeStamp: 1712649896294,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13311',
+ url: 'https://www.google.com/recaptcha/api2/bframe?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649896305,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13312',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&size=invisible&cb=1jzcq6kj791e',
+ blocked: false,
+ timeStamp: 1712649896313,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: false,
+ frameIdList: [108, 112, 109, 0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ 'JSESSIONIDads.kwanzoo.com/': {
+ blockedReasons: [
+ 'SameSiteUnspecifiedTreatedAsLax',
+ 'ExcludeSameSiteUnspecifiedTreatedAsLax',
+ ],
+ warningReasons: ['WarnSameSiteUnspecifiedCrossSiteContext'],
+ isBlocked: true,
+ parsedCookie: {
+ name: 'JSESSIONID',
+ value: '809D976D9AF74A799AA63ECAEFEADD53',
+ domain: 'ads.kwanzoo.com',
+ path: '/',
+ secure: true,
+ httponly: false,
+ samesite: '',
+ expires: 0,
+ partitionKey: '',
+ size: 42,
+ priority: 'Medium',
+ },
+ analytics: {
+ platform: 'J2EE',
+ category: 'Functional',
+ name: 'JSESSIONID*',
+ domain: '',
+ description:
+ 'JSESSIONID is a cookie generated by Servlet containers and used for session management in J2EE web applications for HTTP protocol. If a Web server is using a cookie for session management, it creates and sends JSESSIONID cookie to the client and then the client sends it back to the server in subsequent HTTP requests. JSESSIONID is a platform session cookie and is used by sites with JavaServer Pages (JSP). The cookie is used to maintain an anonymous user session by the server.',
+ retention: 'session',
+ dataController: 'J2EE',
+ gdprUrl: '',
+ wildcard: '1',
+ },
+ url: 'https://ads.kwanzoo.com/embed-code/12716',
+ networkEvents: {
+ requestEvents: [],
+ responseEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13101',
+ url: 'https://ads.kwanzoo.com/embed-code/12716',
+ blocked: true,
+ timeStamp: 1712649839949,
+ },
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: 'F4EF4E6A51A1059466A162665500CB39',
+ url: 'https://ads.kwanzoo.com/widget/inactive/12716',
+ blocked: true,
+ timeStamp: 1712649841164,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13111',
+ url: 'https://ads.kwanzoo.com/widget/inactive/12716',
+ blocked: true,
+ timeStamp: 1712649841167,
+ },
+ ],
+ },
+ headerType: 'response',
+ isFirstParty: false,
+ frameIdList: [106, 0],
+ blockingStatus: {
+ inboundBlock: 'BLOCKED_IN_ALL_EVENTS',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ },
+ 'ar_debugdoubleclick.net/': {
+ parsedCookie: {
+ name: 'ar_debug',
+ value: '1',
+ domain: '.doubleclick.net',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: 'none',
+ expires: '2024-05-05T06:17:14.801Z',
+ partitionKey: '',
+ size: 9,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ sameSite: 'None',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'DoubleClick/Google Marketing',
+ category: 'Marketing',
+ name: 'ar_debug',
+ domain: 'doubleclick.net',
+ description: 'Store and track conversions',
+ retention: 'Persistent',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13112',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ blocked: false,
+ timeStamp: 1712649839982,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.134',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649840188,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13135',
+ url: 'https://googleads.g.doubleclick.net/pagead/viewthroughconversion/11351157933/?random=1712649842806&cv=11&fst=1712649842806&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1&rfmt=3&fmt=4',
+ blocked: false,
+ timeStamp: 1712649842825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13136',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649842828,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.150',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649842975,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '704DD5D4D792F030A8AB9ABC9C058A42',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649843026,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13310',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649896295,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: false,
+ frameIdList: [107, 0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ 'IDEdoubleclick.net/': {
+ parsedCookie: {
+ name: 'IDE',
+ value:
+ 'AHWqTUntbo9r3WXMBqKntf9Kmmoiu8TGRlI6Dk9N7YsxBDVIN3PiG8gseG6NChrjT6k',
+ domain: '.doubleclick.net',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: 'none',
+ expires: '2025-05-14T07:54:32.220Z',
+ partitionKey: '',
+ size: 70,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ sameSite: 'None',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'DoubleClick/Google Marketing',
+ category: 'Marketing',
+ name: 'IDE',
+ domain: 'doubleclick.net (3rd party)',
+ description:
+ 'This cookie is used for targeting, analyzing and optimisation of ad campaigns in DoubleClick/Google Marketing Suite',
+ retention: '2 years',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13112',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ blocked: false,
+ timeStamp: 1712649839982,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.134',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649840188,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13135',
+ url: 'https://googleads.g.doubleclick.net/pagead/viewthroughconversion/11351157933/?random=1712649842806&cv=11&fst=1712649842806&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1&rfmt=3&fmt=4',
+ blocked: false,
+ timeStamp: 1712649842825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13136',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649842828,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.150',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649842976,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '704DD5D4D792F030A8AB9ABC9C058A42',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649843026,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13310',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649896295,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: false,
+ frameIdList: [107, 0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ 'DSIDdoubleclick.net/': {
+ parsedCookie: {
+ name: 'DSID',
+ value: 'NO_DATA',
+ domain: '.doubleclick.net',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: 'none',
+ expires: '2024-04-09T08:54:33.500Z',
+ partitionKey: '',
+ size: 11,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ sameSite: 'None',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'DoubleClick/Google Marketing',
+ category: 'Marketing',
+ name: 'DSID',
+ domain: 'doubleclick.net (3rd party)',
+ description:
+ 'This cookie is used for targeting, analyzing and optimisation of ad campaigns in DoubleClick/Google Marketing Suite',
+ retention: '2 weeks',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13112',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ blocked: false,
+ timeStamp: 1712649839983,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.134',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649840189,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13135',
+ url: 'https://googleads.g.doubleclick.net/pagead/viewthroughconversion/11351157933/?random=1712649842806&cv=11&fst=1712649842806&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1&rfmt=3&fmt=4',
+ blocked: false,
+ timeStamp: 1712649842825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13136',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649842828,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.150',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649842976,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '704DD5D4D792F030A8AB9ABC9C058A42',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649843027,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13310',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649896295,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: false,
+ frameIdList: [107, 0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ 'tuida.usbrowserspeed.com/': {
+ parsedCookie: {
+ name: 'tuid',
+ value: '1eadd2b3-4c04-4400-906c-71d58120510a',
+ domain: 'a.usbrowserspeed.com',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: 'none',
+ expires: '2025-04-09T08:04:01.027Z',
+ partitionKey: '',
+ size: 40,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ sameSite: 'None',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ headerType: 'response',
+ url: 'https://a.usbrowserspeed.com/metrics.js?pid=b92811d1223bc439179cdad26908fb731d6efd5a5e78bcec5d89bb4590870e06',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13113',
+ url: 'https://a.usbrowserspeed.com/metrics.js?pid=b92811d1223bc439179cdad26908fb731d6efd5a5e78bcec5d89bb4590870e06',
+ blocked: false,
+ timeStamp: 1712649840120,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.135',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649840753,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: '82785.135',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649841025,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13113',
+ url: 'https://a.usbrowserspeed.com/metrics.js?pid=b92811d1223bc439179cdad26908fb731d6efd5a5e78bcec5d89bb4590870e06',
+ blocked: false,
+ timeStamp: 1712649841028,
+ },
+ ],
+ },
+ isFirstParty: false,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ '_GRECAPTCHAwww.google.com/recaptcha': {
+ isBlocked: true,
+ parsedCookie: {
+ domain: 'www.google.com',
+ expires: '2024-10-06T08:04:54.725Z',
+ httpOnly: true,
+ name: '_GRECAPTCHA',
+ path: '/recaptcha',
+ priority: 'High',
+ sameParty: false,
+ sameSite: 'None',
+ secure: true,
+ session: false,
+ size: 100,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ value:
+ '09ABIEJouEaHgdO1cFbr1X9F69FvSW1TA4hefeRjfQpwlSVwkRSmYwrxz006dFw2R8FK3ECNOvT9iXt6HBfJwreQQ',
+ samesite: 'none',
+ partitionKey: '',
+ httponly: true,
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.132',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649840346,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.151',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649843115,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.181',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893827,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.182',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893990,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.183',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893993,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.192',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894016,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13158',
+ url: 'https://www.google.com/recaptcha/api.js?render=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&ver=1.4.0',
+ blocked: false,
+ timeStamp: 1712649894017,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13163',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&size=invisible&cb=1jzcq6kj791e',
+ blocked: false,
+ timeStamp: 1712649894142,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.208',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894146,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13169',
+ url: 'https://www.google.com/recaptcha/api.js?hl=en&ver=6.4.3#038;render=explicit',
+ blocked: false,
+ timeStamp: 1712649894150,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13170',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&theme=light&size=invisible&badge=bottomright&cb=64wrh1hrhyl0',
+ blocked: false,
+ timeStamp: 1712649894174,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '171EF73AC49739330627AF0ECE168B24',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894342,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '71BEDF59BFFA5B219605F36AF92F46A2',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894345,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13184',
+ url: 'https://www.google.com/recaptcha/api2/webworker.js?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-',
+ blocked: false,
+ timeStamp: 1712649894388,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13185',
+ url: 'https://www.google.com/recaptcha/api2/webworker.js?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-',
+ blocked: false,
+ timeStamp: 1712649894409,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: 'BC0D70D08304A7434BAB6334EFAC0866',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894552,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13188',
+ url: 'https://www.google.com/recaptcha/api2/bframe?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649894555,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13189',
+ url: 'https://www.google.com/recaptcha/api2/reload?k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649894641,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13307',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&theme=light&size=invisible&badge=bottomright&cb=64wrh1hrhyl0',
+ blocked: false,
+ timeStamp: 1712649896294,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13311',
+ url: 'https://www.google.com/recaptcha/api2/bframe?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649896305,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13312',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&size=invisible&cb=1jzcq6kj791e',
+ blocked: false,
+ timeStamp: 1712649896313,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13189',
+ url: 'https://www.google.com/recaptcha/api2/reload?k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649894727,
+ },
+ ],
+ },
+ blockedReasons: ['NotOnPath', 'DomainMismatch'],
+ analytics: {
+ platform: 'Google reCAPTCHA',
+ category: 'Functional',
+ name: '_GRECAPTCHA',
+ domain: 'google.com',
+ description:
+ 'Google reCAPTCHA sets a necessary cookie (_GRECAPTCHA) when executed for the purpose of providing its risk analysis.',
+ retention: '179 days',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ url: '',
+ headerType: 'request',
+ isFirstParty: false,
+ frameIdList: [108, 112, 109, 0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_SOME_EVENTS',
+ },
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ 'SNIDgoogle.com/verify': {
+ isBlocked: true,
+ parsedCookie: {
+ domain: '.google.com',
+ expires: '2024-10-05T06:36:29.696Z',
+ httpOnly: true,
+ name: 'SNID',
+ path: '/verify',
+ priority: 'Medium',
+ sameParty: false,
+ sameSite: 'Lax',
+ secure: true,
+ session: false,
+ size: 103,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ value:
+ 'AOYECSr1AIksFOU_JTnc2ZZ-4TzCOICD8R03NsbLY3NmJpowc-xGVCb-BN4PM0erTr7W32PjsGaYrtD9kva2AlNWHsra2M4iwX8',
+ samesite: 'lax',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.132',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649840346,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.151',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649843115,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.181',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893827,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.182',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893991,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.183',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893993,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.192',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894016,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.208',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894144,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '171EF73AC49739330627AF0ECE168B24',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894341,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '71BEDF59BFFA5B219605F36AF92F46A2',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894344,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: 'BC0D70D08304A7434BAB6334EFAC0866',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894551,
+ },
+ ],
+ responseEvents: [],
+ },
+ blockedReasons: ['NotOnPath', 'SameSiteLax'],
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ url: '',
+ headerType: 'request',
+ isFirstParty: false,
+ frameIdList: [],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_ALL_EVENTS',
+ },
+ warningReasons: [],
+ },
+ 'AECgoogle.com/': {
+ isBlocked: true,
+ parsedCookie: {
+ domain: '.google.com',
+ expires: '2024-09-29T13:56:56.309Z',
+ httpOnly: true,
+ name: 'AEC',
+ path: '/',
+ priority: 'Medium',
+ sameParty: false,
+ sameSite: 'Lax',
+ secure: true,
+ session: false,
+ size: 61,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ value: 'AQTF6HyG1VGHI6o8fu3nQ-FoJdbMr-JjFktcDDgVZYiHk1wSKkdoi-oXoQ',
+ samesite: 'lax',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.132',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649840347,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.151',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649843116,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.181',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893828,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.182',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893991,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.183',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893994,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.192',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894016,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.208',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894145,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '171EF73AC49739330627AF0ECE168B24',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894341,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '71BEDF59BFFA5B219605F36AF92F46A2',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894345,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: 'BC0D70D08304A7434BAB6334EFAC0866',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894552,
+ },
+ ],
+ responseEvents: [],
+ },
+ blockedReasons: ['SameSiteLax'],
+ analytics: {
+ platform: 'Google Ads',
+ category: 'Functional',
+ name: 'AEC',
+ domain: 'google.com',
+ description:
+ 'AEC cookies ensure that requests within a browsing session are made by the user, and not by other sites. These cookies prevent malicious sites from acting on behalf of a user without that user’s knowledge.',
+ retention: '6 months',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ url: '',
+ headerType: 'request',
+ isFirstParty: false,
+ frameIdList: [],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_ALL_EVENTS',
+ },
+ warningReasons: [],
+ },
+ 'cookietestrtcamp.com/': {
+ parsedCookie: {
+ domain: 'rtcamp.com',
+ expires: 'Session',
+ name: 'cookietest',
+ partitioned: false,
+ path: '/',
+ sameSite: 'lax',
+ secure: false,
+ value: '1',
+ partitionKey: false,
+ size: 11,
+ priority: 'Medium',
+ },
+ networkEvents: {
+ requestEvents: [],
+ responseEvents: [],
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ url: 'https://rtcamp.com/',
+ headerType: 'javascript',
+ frameIdList: [0],
+ blockedReasons: [],
+ warningReasons: [],
+ isBlocked: false,
+ isFirstParty: true,
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ },
+ 'stg_traffic_source_priorityrtcamp.com/': {
+ parsedCookie: {
+ domain: 'rtcamp.com',
+ expires: '2024-04-09T08:34:56.000Z',
+ name: 'stg_traffic_source_priority',
+ partitioned: false,
+ path: '/',
+ sameSite: 'strict',
+ secure: false,
+ value: '1',
+ partitionKey: false,
+ size: 28,
+ httponly: false,
+ samesite: 'strict',
+ priority: 'Medium',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893803,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893823,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896286,
+ },
+ ],
+ responseEvents: [],
+ },
+ analytics: {
+ platform: 'Piwik',
+ category: 'Analytics',
+ name: 'stg_traffic_source_priority',
+ domain: '',
+ description:
+ 'Stores the type of traffic source that explains how the visitor reached your website.',
+ retention: '30 minutes',
+ dataController: 'Piwik',
+ gdprUrl: 'https://piwik.pro/privacy-policy/',
+ wildcard: '0',
+ },
+ url: 'https://rtcamp.com/',
+ headerType: 'javascript',
+ frameIdList: [0],
+ blockedReasons: [],
+ warningReasons: [],
+ isBlocked: false,
+ isFirstParty: true,
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ },
+ '_pk_ses.10c7acc6-abb4-44cd-82dc-44190bf2463d.de59rtcamp.com/': {
+ parsedCookie: {
+ domain: 'rtcamp.com',
+ expires: '2024-04-09T08:34:56.000Z',
+ name: '_pk_ses.10c7acc6-abb4-44cd-82dc-44190bf2463d.de59',
+ partitioned: false,
+ path: '/',
+ sameSite: 'lax',
+ secure: true,
+ value: '*',
+ partitionKey: '',
+ size: 50,
+ priority: 'Medium',
+ httponly: false,
+ samesite: 'lax',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893804,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896287,
+ },
+ ],
+ responseEvents: [],
+ },
+ analytics: {
+ platform: 'Matomo',
+ category: 'Analytics',
+ name: '_pk_ses*',
+ domain: '',
+ description:
+ 'Short lived cookies used to temporarily store data for the visit',
+ retention: '30 minutes',
+ dataController: 'Matomo',
+ gdprUrl: 'https://matomo.org/privacy-policy/',
+ wildcard: '1',
+ },
+ url: 'https://rtcamp.com/',
+ headerType: 'javascript',
+ frameIdList: [0],
+ blockedReasons: [],
+ warningReasons: [],
+ isBlocked: false,
+ isFirstParty: true,
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ },
+};
+
+export const tabFrames = {
+ 'https://rtcamp.com': {
+ frameIds: [0],
+ frameType: 'outermost_frame',
+ isOnRWS: false,
+ },
+ 'https://ads.kwanzoo.com': {
+ frameIds: [106],
+ frameType: 'sub_frame',
+ isOnRWS: false,
+ },
+ 'https://td.doubleclick.net': {
+ frameIds: [107],
+ frameType: 'sub_frame',
+ isOnRWS: false,
+ },
+ 'https://www.google.com': {
+ frameIds: [108, 109, 112],
+ frameType: 'sub_frame',
+ isOnRWS: false,
+ },
+};
+
+export const libraryMatches = {
+ gsiV2: {
+ signatureMatches: 0,
+ matches: [],
+ moduleMatch: 0,
+ },
+ gis: {
+ signatureMatches: 0,
+ matches: [],
+ },
+ 'fb-comments': {
+ domQuerymatches: [],
+ },
+ 'fb-likes': {
+ domQuerymatches: [],
+ },
+ 'disqus-comments': {
+ domQuerymatches: [],
+ },
+ 'jetpack-comments': {
+ domQuerymatches: [],
+ },
+ 'jetpack-likes': {
+ domQuerymatches: [],
+ },
+ reCaptcha: {
+ domQuerymatches: [
+ 'script[src]: https://www.google.com/recaptcha/api.js?render=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&ver=1.4.0',
+ 'script[src]: https://www.google.com/recaptcha/api.js?hl=en&ver=6.4.3#038;render=explicit',
+ ],
+ },
+};
+
+export const data = {
+ cookieClassificationDataMapping: [
+ {
+ title: 'Total cookies',
+ count: 29,
+ data: [
+ {
+ label: 'Functional',
+ count: 3,
+ color: '#5CC971',
+ countClassName: 'text-functional',
+ },
+ {
+ label: 'Marketing',
+ count: 6,
+ color: '#F3AE4E',
+ countClassName: 'text-uncategorised',
+ },
+ {
+ label: 'Analytics',
+ count: 12,
+ color: '#4C79F4',
+ countClassName: 'text-uncategorised',
+ },
+ {
+ label: 'Uncategorized',
+ count: 8,
+ color: '#EC7159',
+ countClassName: 'text-uncategorised',
+ },
+ ],
+ },
+ {
+ title: '1st party cookies',
+ count: 19,
+ data: [
+ {
+ count: 0,
+ color: '#5CC971',
+ },
+ {
+ count: 2,
+ color: '#F3AE4E',
+ },
+ {
+ count: 12,
+ color: '#4C79F4',
+ },
+ {
+ count: 5,
+ color: '#EC7159',
+ },
+ ],
+ },
+ {
+ title: '3rd party cookies',
+ count: 10,
+ data: [
+ {
+ count: 3,
+ color: '#5CC971',
+ },
+ {
+ count: 4,
+ color: '#F3AE4E',
+ },
+ {
+ count: 0,
+ color: '#4C79F4',
+ },
+ {
+ count: 3,
+ color: '#EC7159',
+ },
+ ],
+ },
+ ],
+ tabCookies: {
+ '_gcl_aurtcamp.com/': {
+ parsedCookie: {
+ name: '_gcl_au',
+ value: '1.1.1643004070.1712122812',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2024-07-02T05:40:12.000Z',
+ partitionKey: '',
+ size: 32,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ partitioned: false,
+ sameSite: 'lax',
+ },
+ analytics: {
+ platform: 'Google',
+ category: 'Marketing',
+ name: '_gcl_au',
+ domain: '',
+ description:
+ 'Used by Google AdSense for experimenting with advertisement efficiency across websites using their services.',
+ retention: '3 months',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'javascript',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838658,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838663,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838667,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838670,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838679,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838685,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838694,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838713,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838838,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839204,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839623,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893798,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893820,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896282,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'ajs_user_idrtcamp.com/': {
+ parsedCookie: {
+ name: 'ajs_user_id',
+ value: 'null',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-04-08T08:16:45.000Z',
+ partitionKey: '',
+ size: 15,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Trustpilot',
+ category: 'Analytics',
+ name: 'ajs_user_id',
+ domain: '.trustpilot.com',
+ description:
+ ' This cookie helps track visitor usage, events, target marketing, and can also measure application performance and stability.',
+ retention: '1 year',
+ dataController: 'Trustpilot',
+ gdprUrl: '',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838659,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838664,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838667,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838671,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838679,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838685,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838694,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838715,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838839,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839205,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839625,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893798,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893820,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896282,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'ajs_group_idrtcamp.com/': {
+ parsedCookie: {
+ name: 'ajs_group_id',
+ value: 'null',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-04-08T08:16:45.000Z',
+ partitionKey: '',
+ size: 16,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Trustpilot',
+ category: 'Analytics',
+ name: 'ajs_group_id',
+ domain: '.trustpilot.com',
+ description: 'Track visitor usage and events within the website',
+ retention: '1 year',
+ dataController: 'Trustpilot',
+ gdprUrl: '',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838659,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838664,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838667,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838671,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838679,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838686,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838695,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838810,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838840,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839205,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839625,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893798,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893820,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896282,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'ajs_anonymous_idrtcamp.com/': {
+ parsedCookie: {
+ name: 'ajs_anonymous_id',
+ value: '%220eae481f-71ad-4118-9309-1f60ae8f9f6d%22',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-04-08T08:16:45.000Z',
+ partitionKey: '',
+ size: 58,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Trustpilot',
+ category: 'Analytics',
+ name: 'ajs_anonymous_id',
+ domain: '.trustpilot.com',
+ description:
+ 'Used for Analytics and help count how many people visit a certain site by tracking if you have visited before',
+ retention: '1 year',
+ dataController: 'Trustpilot',
+ gdprUrl: '',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838659,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838664,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838668,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838671,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838680,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838686,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838695,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838840,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839205,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839625,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893798,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893821,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896282,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ '_gartcamp.com/': {
+ parsedCookie: {
+ name: '_ga',
+ value: 'GA1.1.1593307359.1712122812',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-05-14T08:03:59.200Z',
+ partitionKey: '',
+ size: 30,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Google Analytics',
+ category: 'Analytics',
+ name: '_ga',
+ domain: 'google-analytics.com (3rd party) or',
+ description: 'ID used to identify users',
+ retention: '2 years',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838659,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838664,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838668,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838671,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838680,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838687,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838696,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838840,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839205,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839625,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893799,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893821,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896283,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'FPIDrtcamp.com/': {
+ parsedCookie: {
+ name: 'FPID',
+ value:
+ 'FPID2.2.BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: '',
+ expires: '2025-05-14T08:03:59.874Z',
+ partitionKey: '',
+ size: 71,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Google Analytics',
+ category: 'Analytics',
+ name: 'FPID',
+ domain: '',
+ description:
+ "Registers statistical data on users' behaviour on the website. Used for internal analytics by the website operator.",
+ retention: 'session',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838660,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838664,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838668,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838671,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838680,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838687,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838696,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838840,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839206,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839626,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893799,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893821,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896283,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839875,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839882,
+ },
+ ],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'FPAUrtcamp.com/': {
+ parsedCookie: {
+ name: 'FPAU',
+ value: '1.1.1643004070.1712122812',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: true,
+ httponly: false,
+ samesite: '',
+ expires: '2024-07-02T05:40:11.874Z',
+ partitionKey: '',
+ size: 29,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Google Analytics',
+ category: 'Marketing',
+ name: 'FPAU',
+ domain: '',
+ description:
+ 'Assigns a specific ID to the visitor. This allows the website to determine the number of specific user-visits for analysis and statistics.',
+ retention: 'session',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838660,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838665,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838668,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838672,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838681,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838688,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838696,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838840,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839206,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839626,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893799,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893821,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896283,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839876,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839882,
+ },
+ ],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'track_uidrtcamp.com/': {
+ parsedCookie: {
+ name: 'track_uid',
+ value: 'df985b92-a92b-7c79-35c7-3030565fd182',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-04-09T08:04:01.000Z',
+ partitionKey: '',
+ size: 45,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838661,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838665,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838669,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838673,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838682,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838688,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838697,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838841,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839206,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839626,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893800,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893822,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896284,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'stg_returning_visitorrtcamp.com/': {
+ parsedCookie: {
+ name: 'stg_returning_visitor',
+ value: 'Wed%2C%2003%20Apr%202024%2008:00:23%20GMT',
+ domain: 'rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: 'strict',
+ expires: '2025-04-03T08:00:23.000Z',
+ partitionKey: '',
+ size: 62,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ sameSite: 'Strict',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Piwik',
+ category: 'Analytics',
+ name: 'stg_returning_visitor',
+ domain: '',
+ description:
+ 'Determines if the visitor has already been to your website — they are returning visitors.',
+ retention: '365 days',
+ dataController: 'Piwik',
+ gdprUrl: 'https://piwik.pro/privacy-policy/',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838661,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838666,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838669,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838673,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838682,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838689,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838698,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838826,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838841,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649839621,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893800,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893822,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896284,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_SOME_EVENTS',
+ },
+ isBlocked: true,
+ blockedReasons: ['DomainMismatch'],
+ warningReasons: [],
+ },
+ '_parsely_visitorrtcamp.com/': {
+ parsedCookie: {
+ name: '_parsely_visitor',
+ value:
+ '{%22id%22:%22pid=55cc8d59-04cf-4bcd-aaca-5e6bb9ca7cc4%22%2C%22session_count%22:10%2C%22last_session_ts%22:1712649839162}',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-05-09T18:05:00.000Z',
+ partitionKey: false,
+ size: 136,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ partitioned: false,
+ sameSite: 'lax',
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ headerType: 'javascript',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838661,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838666,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838669,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838674,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838683,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838690,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838699,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838826,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838844,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839207,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839629,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893802,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893823,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896285,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ '_pk_id.10c7acc6-abb4-44cd-82dc-44190bf2463d.de59rtcamp.com/': {
+ parsedCookie: {
+ name: '_pk_id.10c7acc6-abb4-44cd-82dc-44190bf2463d.de59',
+ value: 'e232543d43714eb7.1712122813.9.1712649896.1712649840.',
+ domain: 'rtcamp.com',
+ path: '/',
+ secure: true,
+ httponly: false,
+ samesite: 'lax',
+ expires: '2025-05-07T08:04:56.000Z',
+ partitionKey: '',
+ size: 100,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ sameSite: 'lax',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ partitioned: false,
+ },
+ analytics: {
+ platform: 'Matomo',
+ category: 'Analytics',
+ name: '_pk_id*',
+ domain: '',
+ description:
+ 'Used to store a few details about the user such as the unique visitor ID',
+ retention: '13 months',
+ dataController: 'Matomo',
+ gdprUrl: 'https://matomo.org/privacy-policy/',
+ wildcard: '1',
+ },
+ headerType: 'javascript',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838662,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838666,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838670,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838675,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838684,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838691,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838699,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838837,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838844,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649839621,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893805,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896290,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_SOME_EVENTS',
+ },
+ isBlocked: true,
+ blockedReasons: ['DomainMismatch'],
+ warningReasons: [],
+ },
+ 'stg_last_interactionrtcamp.com/': {
+ parsedCookie: {
+ name: 'stg_last_interaction',
+ value: 'Tue%2C%2009%20Apr%202024%2008:04:56%20GMT',
+ domain: 'rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: 'strict',
+ expires: '2025-04-09T08:04:56.000Z',
+ partitionKey: false,
+ size: 61,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ sameSite: 'strict',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ partitioned: false,
+ },
+ analytics: {
+ platform: 'Piwik',
+ category: 'Analytics',
+ name: 'stg_last_interaction',
+ domain: '',
+ description:
+ "Determines whether the last visitor's session is still in progress or a new session has started.",
+ retention: '365 days',
+ dataController: 'Piwik',
+ gdprUrl: 'https://piwik.pro/privacy-policy/',
+ wildcard: '0',
+ },
+ headerType: 'javascript',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838662,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838666,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838670,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838675,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838684,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838691,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838700,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838837,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838845,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649839622,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893805,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896288,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_SOME_EVENTS',
+ },
+ isBlocked: true,
+ blockedReasons: ['DomainMismatch'],
+ warningReasons: [],
+ },
+ '_ga_7HKDVLRRV4rtcamp.com/': {
+ parsedCookie: {
+ name: '_ga_7HKDVLRRV4',
+ value: 'GS1.1.1712649839.11.0.1712649839.0.0.1798602937',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2025-05-14T08:03:59.200Z',
+ partitionKey: '',
+ size: 61,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Google Analytics',
+ category: 'Analytics',
+ name: '_ga_*',
+ domain: 'google-analytics.com (3rd party) or ',
+ description: 'ID used to identify users',
+ retention: '2 years',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '1',
+ },
+ headerType: 'request',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13079',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2020/11/site-logo-black.svg',
+ blocked: false,
+ timeStamp: 1712649838662,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13080',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Google.svg',
+ blocked: false,
+ timeStamp: 1712649838667,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13081',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/10/meta-logo2.svg',
+ blocked: false,
+ timeStamp: 1712649838670,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13082',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/09/Automattic.svg',
+ blocked: false,
+ timeStamp: 1712649838676,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13089',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/NewsUK.svg',
+ blocked: false,
+ timeStamp: 1712649838685,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13090',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/PMC.svg',
+ blocked: false,
+ timeStamp: 1712649838692,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13092',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2022/05/Aljazeera.svg',
+ blocked: false,
+ timeStamp: 1712649838700,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13093',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2023/09/Award.svg',
+ blocked: false,
+ timeStamp: 1712649838838,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13094',
+ url: 'https://rtcamp.com/wp-content/uploads/sites/2/2021/03/google-logo-testimonials.svg',
+ blocked: false,
+ timeStamp: 1712649838845,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839207,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839630,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893802,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893823,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896286,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ '_parsely_sessionrtcamp.com/': {
+ parsedCookie: {
+ name: '_parsely_session',
+ value:
+ '{%22sid%22:10%2C%22surl%22:%22https://rtcamp.com/%22%2C%22sref%22:%22%22%2C%22sts%22:1712649839162%2C%22slts%22:1712581949558}',
+ domain: '.rtcamp.com',
+ path: '/',
+ secure: false,
+ httponly: false,
+ samesite: '',
+ expires: '2024-04-09T08:35:00.000Z',
+ partitionKey: false,
+ size: 142,
+ priority: 'Medium',
+ httpOnly: false,
+ sameParty: false,
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ partitioned: false,
+ sameSite: 'lax',
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ headerType: 'javascript',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839207,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839628,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893801,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893822,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896284,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: true,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: [],
+ },
+ 'warmly_b4dafe8509a5fd61b4850acb8a60c06bopps-api.getwarmly.com/api/sessions/trpc':
+ {
+ isBlocked: true,
+ parsedCookie: {
+ domain: 'opps-api.getwarmly.com',
+ expires: '2025-04-05T09:33:25.133Z',
+ httpOnly: true,
+ name: 'warmly_b4dafe8509a5fd61b4850acb8a60c06b',
+ path: '/api/sessions/trpc',
+ priority: 'Medium',
+ sameParty: false,
+ sameSite: 'None',
+ secure: true,
+ session: false,
+ size: 172,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ value:
+ '%7B%22sessionId%22%3A%22c75eb9a9-9ae9-43b8-b3da-5ceabbf59d44%22%2C%22sessionUserId%22%3A%2210dd5156-c0b4-4b75-966d-bc1b66ab6263%22%7D',
+ samesite: 'none',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.124',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649839387,
+ },
+ ],
+ responseEvents: [],
+ },
+ blockedReasons: ['NotOnPath', 'DomainMismatch'],
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ url: '',
+ headerType: 'request',
+ isFirstParty: false,
+ frameIdList: [],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_ALL_EVENTS',
+ },
+ },
+ 'FPLCrtcamp.com/': {
+ isBlocked: false,
+ blockedReasons: [],
+ parsedCookie: {
+ expires: '2024-04-10T04:03:59.874Z',
+ httponly: false,
+ secure: true,
+ path: '/',
+ domain: '.rtcamp.com',
+ samesite: '',
+ name: 'FPLC',
+ value:
+ '9cN4NZPh9L1TDUG1xtrXt9H%2BYwJihteKBHMDuZ9aDug1UQT8Y8XWjMkbh%2FCK9FcSi8XznsE9FnjtgaHtZpGd%2Ft7w5h%2Bfn%2Fc4%2BzAjYjPf%2FI9bYJT25qhdqJzArUMN9A%3D%3D',
+ partitionKey: '',
+ size: 150,
+ priority: 'Medium',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893804,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896287,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839876,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839882,
+ },
+ ],
+ },
+ analytics: {
+ platform: 'Google Analytics',
+ category: 'Analytics',
+ name: 'FPLC',
+ domain: '',
+ description:
+ 'This FPLC cookie is the cross-domain linker cookie hashed from the FPID cookie. It’s not HttpOnly, which means it can be read with JavaScript. It has a relatively short lifetime, just 20 hours.',
+ retention: 'session',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ url: '',
+ isFirstParty: true,
+ headerType: 'request',
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ warningReasons: [],
+ },
+ 'FPGSIDrtcamp.com/': {
+ isBlocked: false,
+ blockedReasons: [],
+ parsedCookie: {
+ expires: '2024-04-09T08:33:59.874Z',
+ httponly: false,
+ secure: true,
+ path: '/',
+ domain: '.rtcamp.com',
+ samesite: 'strict',
+ name: 'FPGSID',
+ value: '1.1712649839.1712649839.G-7HKDVLRRV4.j1V_g8v-o4K7I5OKVAh_sQ',
+ partitionKey: '',
+ size: 65,
+ priority: 'Medium',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893805,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896288,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: '82785.126',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649839877,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13104',
+ url: 'https://ggsutfx.rtcamp.com/g/collect?v=2&tid=G-7HKDVLRRV4>m=45je4430v882644066z871645728za200&_p=1712649838568&gcd=13l3l3l3l1&npa=0&dma=0&cid=1593307359.1712122812&ecid=1798602937&ul=en-us&sr=1440x900&_fplc=0&ur=IN-KA&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&are=1&pae=1&pscdl=noapi&sst.uc=IN&sst.gse=1&sst.etld=google.co.in&sst.gcd=13l3l3l3l1&sst.tft=1712649838568&sst.ude=0&_s=1&sid=1712649839&sct=11&seg=0&dl=https%3A%2F%2Frtcamp.com%2F&dt=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&en=page_view&_ss=1&ep.content_group=Other&tfd=1037&richsstsse',
+ blocked: false,
+ timeStamp: 1712649839883,
+ },
+ ],
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ url: '',
+ isFirstParty: true,
+ headerType: 'request',
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ warningReasons: [],
+ },
+ 'NIDgoogle.com/': {
+ parsedCookie: {
+ name: 'NID',
+ value:
+ '513=fEZHdYbXcRMAOF3ZPEA3vRl9Dm7-B9JLfpLpTrtY3gDHBfo77B_V95BsxRPFvj7YXREgcHTvevfSVQwA7uWRBks6qoX0kKjqJ4I2zPwGXO436kL3thFCJu9nDXhnmGj6_Arpl_OQ8r50YccBg8N7qSxa2Dt_bhE7DnuyrRK91bv69GFnGAnpGEzA7pvdyPxB_WX9SQpPQ4U',
+ domain: '.google.com',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: 'none',
+ expires: '2024-10-07T21:20:50.696Z',
+ partitionKey: '',
+ size: 210,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ sameSite: 'None',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'Google',
+ category: 'Marketing',
+ name: 'NID',
+ domain: 'google.com',
+ description:
+ 'This cookies is used to collect website statistics and track conversion rates and Google ad personalisation',
+ retention: '1 year',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://analytics.google.com/g/s/collect?dma=0>m=45j91e4441h2v882644066z871645728z99177835882za200&_gsid=7HKDVLRRV4j1V_g8v-o4K7I5OKVAh_sQ',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13109',
+ url: 'https://analytics.google.com/g/s/collect?dma=0>m=45j91e4441h2v882644066z871645728z99177835882za200&_gsid=7HKDVLRRV4j1V_g8v-o4K7I5OKVAh_sQ',
+ blocked: false,
+ timeStamp: 1712649839884,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.132',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649840347,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13137',
+ url: 'https://www.google.com/pagead/1p-user-list/11351157933/?random=1712649842806&cv=11&fst=1712649600000&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1&fmt=3&is_vtc=1&cid=CAQSKQB7FLtqntrNHDTQ_a-Sh9toqS56hqCzynlmLgQqmXr8fV3VRVs4WeVb&random=4222396660&rmt_tld=0&ipr=y',
+ blocked: false,
+ timeStamp: 1712649843058,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.151',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649843116,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.181',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649893828,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13151',
+ url: 'https://accounts.google.com/gsi/client?ver=1670238691',
+ blocked: false,
+ timeStamp: 1712649893829,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13152',
+ url: 'https://accounts.google.com/gsi/style',
+ blocked: false,
+ timeStamp: 1712649893990,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.182',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649893992,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.183',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649893994,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13153',
+ url: 'https://accounts.google.com/gsi/status?client_id=549796576131-8aoqmiheqf84a8bh3dl10ec2kp2v6e7p.apps.googleusercontent.com&as=STPqYB%2FVV%2F9qmKJZpeo94A',
+ blocked: false,
+ timeStamp: 1712649894001,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.192',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894017,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13158',
+ url: 'https://www.google.com/recaptcha/api.js?render=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&ver=1.4.0',
+ blocked: false,
+ timeStamp: 1712649894018,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13163',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&size=invisible&cb=1jzcq6kj791e',
+ blocked: false,
+ timeStamp: 1712649894142,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.208',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894146,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13169',
+ url: 'https://www.google.com/recaptcha/api.js?hl=en&ver=6.4.3#038;render=explicit',
+ blocked: false,
+ timeStamp: 1712649894150,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13170',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&theme=light&size=invisible&badge=bottomright&cb=64wrh1hrhyl0',
+ blocked: false,
+ timeStamp: 1712649894175,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '171EF73AC49739330627AF0ECE168B24',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894342,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '71BEDF59BFFA5B219605F36AF92F46A2',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894347,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13180',
+ url: 'https://www.google.com/js/bg/MAj5J5iEgh_vMgeickC5b2xvhmiD7VG83v9sx_9XVJI.js',
+ blocked: false,
+ timeStamp: 1712649894368,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13184',
+ url: 'https://www.google.com/recaptcha/api2/webworker.js?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-',
+ blocked: false,
+ timeStamp: 1712649894388,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13185',
+ url: 'https://www.google.com/recaptcha/api2/webworker.js?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-',
+ blocked: false,
+ timeStamp: 1712649894409,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: 'BC0D70D08304A7434BAB6334EFAC0866',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894553,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13188',
+ url: 'https://www.google.com/recaptcha/api2/bframe?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649894556,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13189',
+ url: 'https://www.google.com/recaptcha/api2/reload?k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649894642,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13190',
+ url: 'https://www.google.com/js/bg/MAj5J5iEgh_vMgeickC5b2xvhmiD7VG83v9sx_9XVJI.js',
+ blocked: false,
+ timeStamp: 1712649894762,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13298',
+ url: 'https://accounts.google.com/gsi/style',
+ blocked: false,
+ timeStamp: 1712649896292,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13307',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&theme=light&size=invisible&badge=bottomright&cb=64wrh1hrhyl0',
+ blocked: false,
+ timeStamp: 1712649896294,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13311',
+ url: 'https://www.google.com/recaptcha/api2/bframe?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649896305,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13312',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&size=invisible&cb=1jzcq6kj791e',
+ blocked: false,
+ timeStamp: 1712649896313,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: false,
+ frameIdList: [108, 112, 109, 0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ 'JSESSIONIDads.kwanzoo.com/': {
+ blockedReasons: [
+ 'SameSiteUnspecifiedTreatedAsLax',
+ 'ExcludeSameSiteUnspecifiedTreatedAsLax',
+ ],
+ warningReasons: ['WarnSameSiteUnspecifiedCrossSiteContext'],
+ isBlocked: true,
+ parsedCookie: {
+ name: 'JSESSIONID',
+ value: '809D976D9AF74A799AA63ECAEFEADD53',
+ domain: 'ads.kwanzoo.com',
+ path: '/',
+ secure: true,
+ httponly: false,
+ samesite: '',
+ expires: 0,
+ partitionKey: '',
+ size: 42,
+ priority: 'Medium',
+ },
+ analytics: {
+ platform: 'J2EE',
+ category: 'Functional',
+ name: 'JSESSIONID*',
+ domain: '',
+ description:
+ 'JSESSIONID is a cookie generated by Servlet containers and used for session management in J2EE web applications for HTTP protocol. If a Web server is using a cookie for session management, it creates and sends JSESSIONID cookie to the client and then the client sends it back to the server in subsequent HTTP requests. JSESSIONID is a platform session cookie and is used by sites with JavaServer Pages (JSP). The cookie is used to maintain an anonymous user session by the server.',
+ retention: 'session',
+ dataController: 'J2EE',
+ gdprUrl: '',
+ wildcard: '1',
+ },
+ url: 'https://ads.kwanzoo.com/embed-code/12716',
+ networkEvents: {
+ requestEvents: [],
+ responseEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13101',
+ url: 'https://ads.kwanzoo.com/embed-code/12716',
+ blocked: true,
+ timeStamp: 1712649839949,
+ },
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: 'F4EF4E6A51A1059466A162665500CB39',
+ url: 'https://ads.kwanzoo.com/widget/inactive/12716',
+ blocked: true,
+ timeStamp: 1712649841164,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13111',
+ url: 'https://ads.kwanzoo.com/widget/inactive/12716',
+ blocked: true,
+ timeStamp: 1712649841167,
+ },
+ ],
+ },
+ headerType: 'response',
+ isFirstParty: false,
+ frameIdList: [106, 0],
+ blockingStatus: {
+ inboundBlock: 'BLOCKED_IN_ALL_EVENTS',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ },
+ 'ar_debugdoubleclick.net/': {
+ parsedCookie: {
+ name: 'ar_debug',
+ value: '1',
+ domain: '.doubleclick.net',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: 'none',
+ expires: '2024-05-05T06:17:14.801Z',
+ partitionKey: '',
+ size: 9,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ sameSite: 'None',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'DoubleClick/Google Marketing',
+ category: 'Marketing',
+ name: 'ar_debug',
+ domain: 'doubleclick.net',
+ description: 'Store and track conversions',
+ retention: 'Persistent',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13112',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ blocked: false,
+ timeStamp: 1712649839982,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.134',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649840188,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13135',
+ url: 'https://googleads.g.doubleclick.net/pagead/viewthroughconversion/11351157933/?random=1712649842806&cv=11&fst=1712649842806&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1&rfmt=3&fmt=4',
+ blocked: false,
+ timeStamp: 1712649842825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13136',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649842828,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.150',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649842975,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '704DD5D4D792F030A8AB9ABC9C058A42',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649843026,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13310',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649896295,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: false,
+ frameIdList: [107, 0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ 'IDEdoubleclick.net/': {
+ parsedCookie: {
+ name: 'IDE',
+ value:
+ 'AHWqTUntbo9r3WXMBqKntf9Kmmoiu8TGRlI6Dk9N7YsxBDVIN3PiG8gseG6NChrjT6k',
+ domain: '.doubleclick.net',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: 'none',
+ expires: '2025-05-14T07:54:32.220Z',
+ partitionKey: '',
+ size: 70,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ sameSite: 'None',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'DoubleClick/Google Marketing',
+ category: 'Marketing',
+ name: 'IDE',
+ domain: 'doubleclick.net (3rd party)',
+ description:
+ 'This cookie is used for targeting, analyzing and optimisation of ad campaigns in DoubleClick/Google Marketing Suite',
+ retention: '2 years',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13112',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ blocked: false,
+ timeStamp: 1712649839982,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.134',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649840188,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13135',
+ url: 'https://googleads.g.doubleclick.net/pagead/viewthroughconversion/11351157933/?random=1712649842806&cv=11&fst=1712649842806&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1&rfmt=3&fmt=4',
+ blocked: false,
+ timeStamp: 1712649842825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13136',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649842828,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.150',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649842976,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '704DD5D4D792F030A8AB9ABC9C058A42',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649843026,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13310',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649896295,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: false,
+ frameIdList: [107, 0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ 'DSIDdoubleclick.net/': {
+ parsedCookie: {
+ name: 'DSID',
+ value: 'NO_DATA',
+ domain: '.doubleclick.net',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: 'none',
+ expires: '2024-04-09T08:54:33.500Z',
+ partitionKey: '',
+ size: 11,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ sameSite: 'None',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: 'DoubleClick/Google Marketing',
+ category: 'Marketing',
+ name: 'DSID',
+ domain: 'doubleclick.net (3rd party)',
+ description:
+ 'This cookie is used for targeting, analyzing and optimisation of ad campaigns in DoubleClick/Google Marketing Suite',
+ retention: '2 weeks',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ headerType: 'request',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13112',
+ url: 'https://stats.g.doubleclick.net/g/collect?v=2&dma=0&tid=G-7HKDVLRRV4&cid=BbK4osGDATp%2FUJYvpHnCoBghznOOng6Zu9R3wuq9nb0%3D.1712122812>m=45j91e4441h2v882644066z871645728z99177835882za200&aip=1',
+ blocked: false,
+ timeStamp: 1712649839983,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.134',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649840189,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13135',
+ url: 'https://googleads.g.doubleclick.net/pagead/viewthroughconversion/11351157933/?random=1712649842806&cv=11&fst=1712649842806&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1&rfmt=3&fmt=4',
+ blocked: false,
+ timeStamp: 1712649842825,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13136',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649842828,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.150',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649842976,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '704DD5D4D792F030A8AB9ABC9C058A42',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649843027,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13310',
+ url: 'https://td.doubleclick.net/td/rul/11351157933?random=1712649842806&cv=11&fst=1712649842806&fmt=3&bg=ffffff&guid=ON&async=1>m=45be4430z871645728za201&gcd=13l3l3l3l1&dma=0&u_w=1440&u_h=900&url=https%3A%2F%2Frtcamp.com%2F&hn=www.googleadservices.com&frm=0&tiba=Robust%20Enterprise%20WordPress%20Solutions%20%7C%20rtCamp&value=-995&npa=0&pscdl=noapi&auid=1643004070.1712122812&uaa=arm&uab=64&uafvl=Google%2520Chrome%3B123.0.6312.107%7CNot%253AA-Brand%3B8.0.0.0%7CChromium%3B123.0.6312.107&uamb=0&uam=&uap=macOS&uapv=14.3.0&uaw=0&fledge=1&data=event%3Dtest%3Bgoogle_business_vertical%3Dcustom%3Bid%3Dtest1',
+ blocked: false,
+ timeStamp: 1712649896295,
+ },
+ ],
+ responseEvents: [],
+ },
+ isFirstParty: false,
+ frameIdList: [107, 0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ 'tuida.usbrowserspeed.com/': {
+ parsedCookie: {
+ name: 'tuid',
+ value: '1eadd2b3-4c04-4400-906c-71d58120510a',
+ domain: 'a.usbrowserspeed.com',
+ path: '/',
+ secure: true,
+ httponly: true,
+ samesite: 'none',
+ expires: '2025-04-09T08:04:01.027Z',
+ partitionKey: '',
+ size: 40,
+ priority: 'Medium',
+ httpOnly: true,
+ sameParty: false,
+ sameSite: 'None',
+ session: false,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ headerType: 'response',
+ url: 'https://a.usbrowserspeed.com/metrics.js?pid=b92811d1223bc439179cdad26908fb731d6efd5a5e78bcec5d89bb4590870e06',
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13113',
+ url: 'https://a.usbrowserspeed.com/metrics.js?pid=b92811d1223bc439179cdad26908fb731d6efd5a5e78bcec5d89bb4590870e06',
+ blocked: false,
+ timeStamp: 1712649840120,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.135',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649840753,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CDP_RESPONSE_RECEIVED_EXTRA_INFO',
+ requestId: '82785.135',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649841025,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13113',
+ url: 'https://a.usbrowserspeed.com/metrics.js?pid=b92811d1223bc439179cdad26908fb731d6efd5a5e78bcec5d89bb4590870e06',
+ blocked: false,
+ timeStamp: 1712649841028,
+ },
+ ],
+ },
+ isFirstParty: false,
+ frameIdList: [0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ isBlocked: false,
+ blockedReasons: [],
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ '_GRECAPTCHAwww.google.com/recaptcha': {
+ isBlocked: true,
+ parsedCookie: {
+ domain: 'www.google.com',
+ expires: '2024-10-06T08:04:54.725Z',
+ httpOnly: true,
+ name: '_GRECAPTCHA',
+ path: '/recaptcha',
+ priority: 'High',
+ sameParty: false,
+ sameSite: 'None',
+ secure: true,
+ session: false,
+ size: 100,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ value:
+ '09ABIEJouEaHgdO1cFbr1X9F69FvSW1TA4hefeRjfQpwlSVwkRSmYwrxz006dFw2R8FK3ECNOvT9iXt6HBfJwreQQ',
+ samesite: 'none',
+ partitionKey: '',
+ httponly: true,
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.132',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649840346,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.151',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649843115,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.181',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893827,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.182',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893990,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.183',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893993,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.192',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894016,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13158',
+ url: 'https://www.google.com/recaptcha/api.js?render=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&ver=1.4.0',
+ blocked: false,
+ timeStamp: 1712649894017,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13163',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&size=invisible&cb=1jzcq6kj791e',
+ blocked: false,
+ timeStamp: 1712649894142,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.208',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894146,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13169',
+ url: 'https://www.google.com/recaptcha/api.js?hl=en&ver=6.4.3#038;render=explicit',
+ blocked: false,
+ timeStamp: 1712649894150,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13170',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&theme=light&size=invisible&badge=bottomright&cb=64wrh1hrhyl0',
+ blocked: false,
+ timeStamp: 1712649894174,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '171EF73AC49739330627AF0ECE168B24',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894342,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '71BEDF59BFFA5B219605F36AF92F46A2',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894345,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13184',
+ url: 'https://www.google.com/recaptcha/api2/webworker.js?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-',
+ blocked: false,
+ timeStamp: 1712649894388,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13185',
+ url: 'https://www.google.com/recaptcha/api2/webworker.js?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-',
+ blocked: false,
+ timeStamp: 1712649894409,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: 'BC0D70D08304A7434BAB6334EFAC0866',
+ url: '',
+ blocked: false,
+ timeStamp: 1712649894552,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13188',
+ url: 'https://www.google.com/recaptcha/api2/bframe?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649894555,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13189',
+ url: 'https://www.google.com/recaptcha/api2/reload?k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649894641,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13307',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&theme=light&size=invisible&badge=bottomright&cb=64wrh1hrhyl0',
+ blocked: false,
+ timeStamp: 1712649896294,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13311',
+ url: 'https://www.google.com/recaptcha/api2/bframe?hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649896305,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13312',
+ url: 'https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&co=aHR0cHM6Ly9ydGNhbXAuY29tOjQ0Mw..&hl=en&v=rz4DvU-cY2JYCwHSTck0_qm-&size=invisible&cb=1jzcq6kj791e',
+ blocked: false,
+ timeStamp: 1712649896313,
+ },
+ ],
+ responseEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ requestId: '13189',
+ url: 'https://www.google.com/recaptcha/api2/reload?k=6Le6JpwaAAAAAFkASVap1OUThl-lQSJC0r9kLl2I',
+ blocked: false,
+ timeStamp: 1712649894727,
+ },
+ ],
+ },
+ blockedReasons: ['NotOnPath', 'DomainMismatch'],
+ analytics: {
+ platform: 'Google reCAPTCHA',
+ category: 'Functional',
+ name: '_GRECAPTCHA',
+ domain: 'google.com',
+ description:
+ 'Google reCAPTCHA sets a necessary cookie (_GRECAPTCHA) when executed for the purpose of providing its risk analysis.',
+ retention: '179 days',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ url: '',
+ headerType: 'request',
+ isFirstParty: false,
+ frameIdList: [108, 112, 109, 0],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_SOME_EVENTS',
+ },
+ warningReasons: ['WarnThirdPartyPhaseout'],
+ },
+ 'SNIDgoogle.com/verify': {
+ isBlocked: true,
+ parsedCookie: {
+ domain: '.google.com',
+ expires: '2024-10-05T06:36:29.696Z',
+ httpOnly: true,
+ name: 'SNID',
+ path: '/verify',
+ priority: 'Medium',
+ sameParty: false,
+ sameSite: 'Lax',
+ secure: true,
+ session: false,
+ size: 103,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ value:
+ 'AOYECSr1AIksFOU_JTnc2ZZ-4TzCOICD8R03NsbLY3NmJpowc-xGVCb-BN4PM0erTr7W32PjsGaYrtD9kva2AlNWHsra2M4iwX8',
+ samesite: 'lax',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.132',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649840346,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.151',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649843115,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.181',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893827,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.182',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893991,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.183',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893993,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.192',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894016,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.208',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894144,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '171EF73AC49739330627AF0ECE168B24',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894341,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '71BEDF59BFFA5B219605F36AF92F46A2',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894344,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: 'BC0D70D08304A7434BAB6334EFAC0866',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894551,
+ },
+ ],
+ responseEvents: [],
+ },
+ blockedReasons: ['NotOnPath', 'SameSiteLax'],
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ url: '',
+ headerType: 'request',
+ isFirstParty: false,
+ frameIdList: [],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_ALL_EVENTS',
+ },
+ warningReasons: [],
+ },
+ 'AECgoogle.com/': {
+ isBlocked: true,
+ parsedCookie: {
+ domain: '.google.com',
+ expires: '2024-09-29T13:56:56.309Z',
+ httpOnly: true,
+ name: 'AEC',
+ path: '/',
+ priority: 'Medium',
+ sameParty: false,
+ sameSite: 'Lax',
+ secure: true,
+ session: false,
+ size: 61,
+ sourcePort: 443,
+ sourceScheme: 'Secure',
+ value: 'AQTF6HyG1VGHI6o8fu3nQ-FoJdbMr-JjFktcDDgVZYiHk1wSKkdoi-oXoQ',
+ samesite: 'lax',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.132',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649840347,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.151',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649843116,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.181',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893828,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.182',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893991,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.183',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649893994,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.192',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894016,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '82785.208',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894145,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '171EF73AC49739330627AF0ECE168B24',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894341,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: '71BEDF59BFFA5B219605F36AF92F46A2',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894345,
+ },
+ {
+ type: 'CDP_REQUEST_WILL_BE_SENT_EXTRA_INFO',
+ requestId: 'BC0D70D08304A7434BAB6334EFAC0866',
+ url: '',
+ blocked: true,
+ timeStamp: 1712649894552,
+ },
+ ],
+ responseEvents: [],
+ },
+ blockedReasons: ['SameSiteLax'],
+ analytics: {
+ platform: 'Google Ads',
+ category: 'Functional',
+ name: 'AEC',
+ domain: 'google.com',
+ description:
+ 'AEC cookies ensure that requests within a browsing session are made by the user, and not by other sites. These cookies prevent malicious sites from acting on behalf of a user without that user’s knowledge.',
+ retention: '6 months',
+ dataController: 'Google',
+ gdprUrl: 'https://privacy.google.com/take-control.html',
+ wildcard: '0',
+ },
+ url: '',
+ headerType: 'request',
+ isFirstParty: false,
+ frameIdList: [],
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'BLOCKED_IN_ALL_EVENTS',
+ },
+ warningReasons: [],
+ },
+ 'cookietestrtcamp.com/': {
+ parsedCookie: {
+ domain: 'rtcamp.com',
+ expires: 'Session',
+ name: 'cookietest',
+ partitioned: false,
+ path: '/',
+ sameSite: 'lax',
+ secure: false,
+ value: '1',
+ partitionKey: false,
+ size: 11,
+ priority: 'Medium',
+ },
+ networkEvents: {
+ requestEvents: [],
+ responseEvents: [],
+ },
+ analytics: {
+ platform: '',
+ category: 'Uncategorized',
+ name: '',
+ domain: '',
+ description: '',
+ retention: '',
+ dataController: '',
+ gdprUrl: '',
+ wildcard: '',
+ },
+ url: 'https://rtcamp.com/',
+ headerType: 'javascript',
+ frameIdList: [0],
+ blockedReasons: [],
+ warningReasons: [],
+ isBlocked: false,
+ isFirstParty: true,
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ },
+ 'stg_traffic_source_priorityrtcamp.com/': {
+ parsedCookie: {
+ domain: 'rtcamp.com',
+ expires: '2024-04-09T08:34:56.000Z',
+ name: 'stg_traffic_source_priority',
+ partitioned: false,
+ path: '/',
+ sameSite: 'strict',
+ secure: false,
+ value: '1',
+ partitionKey: false,
+ size: 28,
+ httponly: false,
+ samesite: 'strict',
+ priority: 'Medium',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893803,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893823,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896286,
+ },
+ ],
+ responseEvents: [],
+ },
+ analytics: {
+ platform: 'Piwik',
+ category: 'Analytics',
+ name: 'stg_traffic_source_priority',
+ domain: '',
+ description:
+ 'Stores the type of traffic source that explains how the visitor reached your website.',
+ retention: '30 minutes',
+ dataController: 'Piwik',
+ gdprUrl: 'https://piwik.pro/privacy-policy/',
+ wildcard: '0',
+ },
+ url: 'https://rtcamp.com/',
+ headerType: 'javascript',
+ frameIdList: [0],
+ blockedReasons: [],
+ warningReasons: [],
+ isBlocked: false,
+ isFirstParty: true,
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ },
+ '_pk_ses.10c7acc6-abb4-44cd-82dc-44190bf2463d.de59rtcamp.com/': {
+ parsedCookie: {
+ domain: 'rtcamp.com',
+ expires: '2024-04-09T08:34:56.000Z',
+ name: '_pk_ses.10c7acc6-abb4-44cd-82dc-44190bf2463d.de59',
+ partitioned: false,
+ path: '/',
+ sameSite: 'lax',
+ secure: true,
+ value: '*',
+ partitionKey: '',
+ size: 50,
+ priority: 'Medium',
+ httponly: false,
+ samesite: 'lax',
+ },
+ networkEvents: {
+ requestEvents: [
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13144',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/css/jetpack.css?ver=13.2.2',
+ blocked: false,
+ timeStamp: 1712649893804,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13149',
+ url: 'https://rtcamp.com/wp-content/mu-plugins/jetpack-13.2/jetpack_vendor/automattic/jetpack-image-cdn/dist/image-cdn.js?minify=false&ver=132249e245926ae3e188',
+ blocked: false,
+ timeStamp: 1712649893824,
+ },
+ {
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ requestId: '13291',
+ url: 'https://rtcamp.com/',
+ blocked: false,
+ timeStamp: 1712649896287,
+ },
+ ],
+ responseEvents: [],
+ },
+ analytics: {
+ platform: 'Matomo',
+ category: 'Analytics',
+ name: '_pk_ses*',
+ domain: '',
+ description:
+ 'Short lived cookies used to temporarily store data for the visit',
+ retention: '30 minutes',
+ dataController: 'Matomo',
+ gdprUrl: 'https://matomo.org/privacy-policy/',
+ wildcard: '1',
+ },
+ url: 'https://rtcamp.com/',
+ headerType: 'javascript',
+ frameIdList: [0],
+ blockedReasons: [],
+ warningReasons: [],
+ isBlocked: false,
+ isFirstParty: true,
+ blockingStatus: {
+ inboundBlock: 'NOT_BLOCKED',
+ outboundBlock: 'NOT_BLOCKED',
+ },
+ },
+ },
+ cookiesStatsComponents: {
+ legend: [
+ {
+ label: 'Functional',
+ count: 3,
+ color: '#5CC971',
+ countClassName: 'text-functional',
+ },
+ {
+ label: 'Marketing',
+ count: 6,
+ color: '#F3AE4E',
+ countClassName: 'text-uncategorised',
+ },
+ {
+ label: 'Analytics',
+ count: 12,
+ color: '#4C79F4',
+ countClassName: 'text-uncategorised',
+ },
+ {
+ label: 'Uncategorized',
+ count: 8,
+ color: '#EC7159',
+ countClassName: 'text-uncategorised',
+ },
+ ],
+ firstParty: [
+ {
+ count: 0,
+ color: '#5CC971',
+ },
+ {
+ count: 2,
+ color: '#F3AE4E',
+ },
+ {
+ count: 12,
+ color: '#4C79F4',
+ },
+ {
+ count: 5,
+ color: '#EC7159',
+ },
+ ],
+ thirdParty: [
+ {
+ count: 3,
+ color: '#5CC971',
+ },
+ {
+ count: 4,
+ color: '#F3AE4E',
+ },
+ {
+ count: 0,
+ color: '#4C79F4',
+ },
+ {
+ count: 3,
+ color: '#EC7159',
+ },
+ ],
+ blocked: [
+ {
+ count: 5,
+ color: '#7D8471',
+ },
+ {
+ count: 3,
+ color: '#79553D',
+ },
+ {
+ count: 1,
+ color: '#FF7514',
+ },
+ {
+ count: 1,
+ color: '#1C542D',
+ },
+ {
+ count: 2,
+ color: '#FFA420',
+ },
+ ],
+ blockedCookiesLegend: [
+ {
+ label: 'DomainMismatch',
+ count: 5,
+ color: '#7D8471',
+ countClassName: 'text-battle-dress',
+ },
+ {
+ label: 'NotOnPath',
+ count: 3,
+ color: '#79553D',
+ countClassName: 'text-brownstone',
+ },
+ {
+ label: 'SameSiteUnspecifiedTreatedAsLax',
+ count: 1,
+ color: '#FF7514',
+ countClassName: 'text-sparks-in-green',
+ },
+ {
+ label: 'ExcludeSameSiteUnspecifiedTreatedAsLax',
+ count: 1,
+ color: '#1C542D',
+ countClassName: 'text-jay-bird',
+ },
+ {
+ label: 'SameSiteLax',
+ count: 2,
+ color: '#FFA420',
+ countClassName: 'text-honey-wax',
+ },
+ ],
+ exempted: [],
+ exemptedCookiesLegend: [],
+ },
+ tabFrames: {
+ 'https://rtcamp.com': {
+ frameIds: [0],
+ frameType: 'outermost_frame',
+ isOnRWS: false,
+ },
+ 'https://ads.kwanzoo.com': {
+ frameIds: [106],
+ frameType: 'sub_frame',
+ isOnRWS: false,
+ },
+ 'https://td.doubleclick.net': {
+ frameIds: [107],
+ frameType: 'sub_frame',
+ isOnRWS: false,
+ },
+ 'https://www.google.com': {
+ frameIds: [108, 109, 112],
+ frameType: 'sub_frame',
+ isOnRWS: false,
+ },
+ },
+ showInfoIcon: true,
+ showHorizontalMatrix: false,
+ blockedCookieDataMapping: [
+ {
+ title: 'Blocked cookies',
+ count: 8,
+ data: [
+ {
+ count: 5,
+ color: '#7D8471',
+ },
+ {
+ count: 3,
+ color: '#79553D',
+ },
+ {
+ count: 1,
+ color: '#FF7514',
+ },
+ {
+ count: 1,
+ color: '#1C542D',
+ },
+ {
+ count: 2,
+ color: '#FFA420',
+ },
+ ],
+ },
+ ],
+ showBlockedInfoIcon: true,
+ frameStateCreator: {
+ dataMapping: [
+ {
+ title: 'Frames',
+ count: 4,
+ data: [
+ {
+ count: 4,
+ color: '#25ACAD',
+ },
+ {
+ count: 3,
+ color: '#F54021',
+ },
+ {
+ count: 3,
+ color: '#AF7AA3',
+ },
+ {
+ count: 4,
+ color: '#C5A06A',
+ },
+ {
+ count: 0,
+ color: '#A98307',
+ },
+ ],
+ },
+ ],
+ legend: [
+ {
+ label: 'Total frames',
+ count: 4,
+ color: '#25ACAD',
+ countClassName: 'text-greenland-green',
+ },
+ {
+ label: 'Frames with cookies',
+ count: 4,
+ color: '#C5A06A',
+ countClassName: 'text-good-life',
+ },
+ {
+ label: 'Frames with blocked cookies',
+ count: 3,
+ color: '#AF7AA3',
+ countClassName: 'text-victorian-violet',
+ },
+ {
+ label: 'Frames with unblocked cookies',
+ count: 3,
+ color: '#F54021',
+ countClassName: 'text-strawberry-spinach-red',
+ },
+ {
+ label: 'Fenced frames',
+ count: 0,
+ color: '#A98307',
+ countClassName: 'text-chestnut-gold',
+ },
+ ],
+ },
+ libraryMatches: {
+ gsiV2: {
+ signatureMatches: 0,
+ matches: [],
+ moduleMatch: 0,
+ },
+ gis: {
+ signatureMatches: 0,
+ matches: [],
+ },
+ 'fb-comments': {
+ domQuerymatches: [],
+ },
+ 'fb-likes': {
+ domQuerymatches: [],
+ },
+ 'disqus-comments': {
+ domQuerymatches: [],
+ },
+ 'jetpack-comments': {
+ domQuerymatches: [],
+ },
+ 'jetpack-likes': {
+ domQuerymatches: [],
+ },
+ reCaptcha: {
+ domQuerymatches: [
+ 'script[src]: https://www.google.com/recaptcha/api.js?render=6LevJpwaAAAAAF2HVImidaxUBSH3OkRiyxvxAQE8&ver=1.4.0',
+ 'script[src]: https://www.google.com/recaptcha/api.js?hl=en&ver=6.4.3#038;render=explicit',
+ ],
+ },
+ },
+ exemptedCookiesDataMapping: [
+ {
+ count: 0,
+ data: [],
+ title: 'Exempted cookies',
+ },
+ ],
+};
diff --git a/packages/extension/src/utils/tests/generateReportObject.ts b/packages/extension/src/utils/tests/generateReportObject.ts
new file mode 100644
index 000000000..69042533e
--- /dev/null
+++ b/packages/extension/src/utils/tests/generateReportObject.ts
@@ -0,0 +1,27 @@
+/*
+ * 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 generateReportObject from '../generateReportObject';
+import { data, libraryMatches, tabCookies, tabFrames } from './data.mock';
+
+describe('generateReport', () => {
+ it('should generate report object', () => {
+ expect(
+ //@ts-ignore
+ generateReportObject(tabCookies, tabFrames, libraryMatches)
+ ).toEqual(data);
+ });
+});
diff --git a/packages/extension/src/utils/tests/getFramesForCurrentTab.ts b/packages/extension/src/utils/tests/getFramesForCurrentTab.ts
new file mode 100644
index 000000000..ea6e1e415
--- /dev/null
+++ b/packages/extension/src/utils/tests/getFramesForCurrentTab.ts
@@ -0,0 +1,74 @@
+/*
+ * 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 tabFrames from '../test-data/tabFrames';
+import getFramesForCurrentTab from '../getFramesForCurrentTab';
+// @ts-ignore
+// eslint-disable-next-line import/no-unresolved
+import RelatedWebsitesSets from 'ps-analysis-tool/data/related_website_sets.json';
+
+describe('getFramesForCurrentTab : ', () => {
+ beforeAll(() => {
+ //@ts-ignore
+ globalThis.chrome = {
+ devtools: {
+ //@ts-ignore
+ inspectedWindow: {
+ tabId: 40245632,
+ },
+ },
+ //@ts-ignore
+ runtime: {
+ getURL: () => 'data/related_website_sets.json',
+ },
+ //@ts-ignore
+ webNavigation: {
+ //@ts-ignore
+ getAllFrames: () => {
+ return Promise.resolve(tabFrames);
+ },
+ },
+ };
+
+ globalThis.fetch = function () {
+ return Promise.resolve({
+ json: () =>
+ Promise.resolve({
+ ...RelatedWebsitesSets,
+ }),
+ text: () => Promise.resolve({}),
+ });
+ } as unknown as typeof fetch;
+ });
+
+ it('Should not return tab when tabId is negative', async () => {
+ expect(await getFramesForCurrentTab()).toStrictEqual({
+ 'https://edition.cnn.com': {
+ frameIds: [0, 3],
+ isOnRWS: false,
+ frameType: 'outermost_frame',
+ },
+ 'https://crxd.net': {
+ frameIds: [2],
+ isOnRWS: false,
+ frameType: 'sub_frame',
+ },
+ });
+ });
+});
diff --git a/packages/extension/src/utils/tests/parseHeaders.ts b/packages/extension/src/utils/tests/parseHeaders.ts
new file mode 100644
index 000000000..e1fdc5aad
--- /dev/null
+++ b/packages/extension/src/utils/tests/parseHeaders.ts
@@ -0,0 +1,359 @@
+/*
+ * 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 SinonChrome from 'sinon-chrome';
+/**
+ * Internal dependencies.
+ */
+import parseHeaders from '../parseHeaders';
+//@ts-ignore
+// eslint-disable-next-line import/no-unresolved
+import PSInfo from 'ps-analysis-tool/data/PSInfo.json';
+
+describe('parseHeaders: ', () => {
+ beforeAll(() => {
+ jest.useFakeTimers().setSystemTime(new Date('2020-01-01'));
+ globalThis.chrome = {
+ ...(SinonChrome as unknown as typeof chrome),
+ //@ts-ignore
+ tabs: {
+ reload: jest.fn(),
+ //@ts-ignore
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ query: (_, __) => {
+ return [{ id: 40245632, url: 'https://edition.cnn.com' }];
+ },
+ },
+ };
+
+ globalThis.fetch = function () {
+ return Promise.resolve({
+ json: () =>
+ Promise.resolve({
+ ...PSInfo,
+ }),
+ text: () => Promise.resolve({}),
+ });
+ } as unknown as typeof fetch;
+ });
+
+ it('should not process request headers', async () => {
+ const cookies = await parseHeaders(
+ false,
+ 'request',
+ '123456',
+ 'single',
+ 12345,
+ 'https://cnn.com',
+ {},
+ 'https://cnn.com',
+ 0,
+ '123456',
+ [
+ {
+ name: 'name',
+ value: 'mkdes.pl',
+ },
+ {
+ name: 'Accept',
+ value:
+ 'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7',
+ },
+ {
+ name: 'cookie',
+ value:
+ 'cc_cookie={"categories":["ccat_functionality_storage","ccat_security_storage","ccat_analytics_storage","ccat_ad_storage","ccat_ad_user_data","ccat_ad_personalization","ccat_personalization_storage"],"level":["ccat_functionality_storage","ccat_security_storage","ccat_analytics_storage","ccat_ad_storage","ccat_ad_user_data","ccat_ad_personalization","ccat_personalization_storage"],"revision":0,"data":null,"rfc_cookie":false,"consent_date":"2024-02-21T10:25:39.063Z","consent_uuid":"7c4da0cf-3eb4-468a-91b0-a93a6a24cc59","last_consent_update":"2024-02-21T10:25:39.063Z"}; _ga=GA1.1.253380838.1708511136; _ga_FJBF08S8GG=GS1.1.1708580521.2.1.1708580783.60.0.1679255760',
+ },
+ ]
+ );
+
+ const cookies2 = await parseHeaders(
+ false,
+ 'request',
+ '123456',
+ 'single',
+ 12345,
+ 'https://cnn.com',
+ {},
+ 'https://cnn.com',
+ 0,
+ '123456'
+ );
+
+ const cookies3 = await parseHeaders(
+ false,
+ 'request',
+ '123456',
+ 'single',
+ 123456,
+ 'https://cnn.com',
+ {},
+ 'https://cnn.com',
+ 0,
+ '123456'
+ );
+
+ expect(cookies).toStrictEqual(null);
+ expect(cookies2).toStrictEqual(null);
+ expect(cookies3).toStrictEqual(null);
+ });
+
+ it('should process request headers', async () => {
+ const timeStamp = 1577836800000;
+
+ const cookies = await parseHeaders(
+ false,
+ 'request',
+ '123456',
+ 'single',
+ 123456,
+ 'https://cnn.com',
+ {},
+ 'https://cnn.com',
+ 0,
+ '123456',
+ [
+ {
+ name: 'name',
+ value: 'mkdes.pl',
+ },
+ {
+ name: 'Accept',
+ value:
+ 'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7',
+ },
+ {
+ name: 'cookie',
+ value:
+ 'cc_cookie={"categories":["ccat_functionality_storage","ccat_security_storage","ccat_analytics_storage","ccat_ad_storage","ccat_ad_user_data","ccat_ad_personalization","ccat_personalization_storage"],"level":["ccat_functionality_storage","ccat_security_storage","ccat_analytics_storage","ccat_ad_storage","ccat_ad_user_data","ccat_ad_personalization","ccat_personalization_storage"],"revision":0,"data":null,"rfc_cookie":false,"consent_date":"2024-02-21T10:25:39.063Z","consent_uuid":"7c4da0cf-3eb4-468a-91b0-a93a6a24cc59","last_consent_update":"2024-02-21T10:25:39.063Z"}; _ga=GA1.1.253380838.1708511136; _ga_FJBF08S8GG=GS1.1.1708580521.2.1.1708580783.60.0.1679255760',
+ },
+ ]
+ );
+
+ expect(cookies).toStrictEqual([
+ {
+ analytics: {
+ category: 'Uncategorized',
+ dataController: '',
+ description: '',
+ domain: '',
+ gdprUrl: '',
+ name: '',
+ platform: '',
+ retention: '',
+ wildcard: '',
+ },
+ frameIdList: [0],
+ headerType: 'request',
+ isFirstParty: true,
+ networkEvents: {
+ requestEvents: [
+ {
+ blocked: false,
+ requestId: '123456',
+ timeStamp,
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ url: 'https://cnn.com',
+ },
+ ],
+ responseEvents: [],
+ },
+ parsedCookie: {
+ domain: '.cnn.com',
+ expires: 0,
+ httponly: false,
+ name: 'cc_cookie',
+ partitionKey: '',
+ path: '/',
+ priority: 'Medium',
+ samesite: '',
+ secure: false,
+ size: 570,
+ value:
+ '{"categories":["ccat_functionality_storage","ccat_security_storage","ccat_analytics_storage","ccat_ad_storage","ccat_ad_user_data","ccat_ad_personalization","ccat_personalization_storage"],"level":["ccat_functionality_storage","ccat_security_storage","ccat_analytics_storage","ccat_ad_storage","ccat_ad_user_data","ccat_ad_personalization","ccat_personalization_storage"],"revision":0,"data":null,"rfc_cookie":false,"consent_date":"2024-02-21T10:25:39.063Z","consent_uuid":"7c4da0cf-3eb4-468a-91b0-a93a6a24cc59","last_consent_update":"2024-02-21T10:25:39.063Z"}',
+ },
+ url: 'https://cnn.com',
+ },
+ {
+ analytics: {
+ category: 'Uncategorized',
+ dataController: '',
+ description: '',
+ domain: '',
+ gdprUrl: '',
+ name: '',
+ platform: '',
+ retention: '',
+ wildcard: '',
+ },
+ frameIdList: [0],
+ headerType: 'request',
+ isFirstParty: true,
+ networkEvents: {
+ requestEvents: [
+ {
+ blocked: false,
+ requestId: '123456',
+ timeStamp,
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ url: 'https://cnn.com',
+ },
+ ],
+ responseEvents: [],
+ },
+ parsedCookie: {
+ domain: '.cnn.com',
+ expires: 0,
+ httponly: false,
+ name: '_ga',
+ partitionKey: '',
+ path: '/',
+ priority: 'Medium',
+ samesite: '',
+ secure: false,
+ size: 29,
+ value: 'GA1.1.253380838.1708511136',
+ },
+ url: 'https://cnn.com',
+ },
+ {
+ analytics: {
+ category: 'Uncategorized',
+ dataController: '',
+ description: '',
+ domain: '',
+ gdprUrl: '',
+ name: '',
+ platform: '',
+ retention: '',
+ wildcard: '',
+ },
+ frameIdList: [0],
+ headerType: 'request',
+ isFirstParty: true,
+ networkEvents: {
+ requestEvents: [
+ {
+ blocked: false,
+ requestId: '123456',
+ timeStamp,
+ type: 'CHROME_WEBREQUEST_ON_BEFORE_SEND_HEADERS',
+ url: 'https://cnn.com',
+ },
+ ],
+ responseEvents: [],
+ },
+ parsedCookie: {
+ domain: '.cnn.com',
+ expires: 0,
+ httponly: false,
+ name: '_ga_FJBF08S8GG',
+ partitionKey: '',
+ path: '/',
+ priority: 'Medium',
+ samesite: '',
+ secure: false,
+ size: 61,
+ value: 'GS1.1.1708580521.2.1.1708580783.60.0.1679255760',
+ },
+ url: 'https://cnn.com',
+ },
+ ]);
+ });
+
+ it('should process response headers', async () => {
+ const cookies = await parseHeaders(
+ false,
+ 'response',
+ '123456',
+ 'single',
+ 123456,
+ 'https://cnn.com',
+ {},
+ 'https://cnn.com',
+ 0,
+ '123456',
+ [
+ {
+ name: 'name',
+ value: 'mkdes.pl',
+ },
+ {
+ name: 'Date',
+ value: 'Thu, 22 Feb 2024 07:59:33 GMT',
+ },
+ {
+ name: 'set-cookie',
+ value:
+ 'has_recent_activity=1; path=/; expires=Thu, 22 Feb 2024 08:59:32 GMT; secure; HttpOnly; SameSite=Lax',
+ },
+ {
+ name: 'Content-Type',
+ value: 'text/html; charset=utf-8',
+ },
+ ]
+ );
+
+ const timeStamp = 1577836800000;
+
+ expect(cookies).toStrictEqual([
+ {
+ analytics: {
+ category: 'Uncategorized',
+ dataController: '',
+ description: '',
+ domain: '',
+ gdprUrl: '',
+ name: '',
+ platform: '',
+ retention: '',
+ wildcard: '',
+ },
+ frameIdList: [0],
+ headerType: 'response',
+ isFirstParty: true,
+ networkEvents: {
+ requestEvents: [],
+ responseEvents: [
+ {
+ blocked: false,
+ requestId: '123456',
+ timeStamp,
+ type: 'CHROME_WEBREQUEST_ON_RESPONSE_STARTED',
+ url: 'https://cnn.com',
+ },
+ ],
+ },
+ parsedCookie: {
+ domain: 'cnn.com',
+ expires: '2024-02-22T08:59:32.000Z',
+ httponly: true,
+ name: 'has_recent_activity',
+ partitionKey: '',
+ path: '/',
+ priority: 'Medium',
+ samesite: 'lax',
+ secure: true,
+ size: 20,
+ value: '1',
+ },
+ url: 'https://cnn.com',
+ },
+ ]);
+ });
+});
diff --git a/packages/extension/src/utils/tests/reloadCurrentTab.ts b/packages/extension/src/utils/tests/reloadCurrentTab.ts
new file mode 100644
index 000000000..c767cc5fd
--- /dev/null
+++ b/packages/extension/src/utils/tests/reloadCurrentTab.ts
@@ -0,0 +1,65 @@
+/*
+ * 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 SinonChrome from 'sinon-chrome';
+/**
+ * Internal dependencies.
+ */
+import reloadCurrentTab from '../reloadCurrentTab';
+//@ts-ignore
+// eslint-disable-next-line import/no-unresolved
+import PSInfo from 'ps-analysis-tool/data/PSInfo.json';
+
+describe('reloadCurrentTab : ', () => {
+ beforeAll(() => {
+ globalThis.chrome = {
+ ...(SinonChrome as unknown as typeof chrome),
+ //@ts-ignore
+ tabs: {
+ reload: jest.fn(),
+ //@ts-ignore
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ query: (_, __) => {
+ return [{ id: 40245632, url: 'https://edition.cnn.com' }];
+ },
+ },
+ };
+
+ globalThis.fetch = function () {
+ return Promise.resolve({
+ json: () =>
+ Promise.resolve({
+ ...PSInfo,
+ }),
+ text: () => Promise.resolve({}),
+ });
+ } as unknown as typeof fetch;
+ });
+
+ it('should be called if tabId is passed', async () => {
+ await reloadCurrentTab(123);
+ expect(globalThis.chrome.tabs.reload).toHaveBeenCalled();
+ });
+
+ it('should be called if tabId is not passed passed', async () => {
+ await reloadCurrentTab();
+ expect(globalThis.chrome.tabs.reload).toHaveBeenLastCalledWith(40245632, {
+ bypassCache: true,
+ });
+ });
+});
diff --git a/packages/extension/src/view/devtools/app.tsx b/packages/extension/src/view/devtools/app.tsx
index 7eb26be8c..744da5d51 100644
--- a/packages/extension/src/view/devtools/app.tsx
+++ b/packages/extension/src/view/devtools/app.tsx
@@ -16,310 +16,67 @@
/**
* External dependencies.
*/
-import React, { useRef, useEffect, useCallback, useState } from 'react';
-import { Resizable } from 're-resizable';
+import React, { useRef, useEffect, useState } from 'react';
import {
- CookieIcon,
- CookieIconWhite,
ExtensionReloadNotification,
- Sidebar,
- useSidebar,
- type SidebarItems,
- InspectButton,
- ToastMessage,
+ SIDEBAR_ITEMS_KEYS,
+ SidebarProvider,
} from '@ps-analysis-tool/design-system';
-import { type CookieTableData } from '@ps-analysis-tool/common';
/**
* Internal dependencies.
*/
import TABS from './tabs';
-import { useCookieStore } from './stateProviders/syncCookieStore';
import './app.css';
-import { Cookies } from './components';
-import useFrameOverlay from './hooks/useFrameOverlay';
-import { getCurrentTabId } from '../../utils/getCurrentTabId';
-import { useSettingsStore } from './stateProviders/syncSettingsStore';
+import { Layout } from './components';
+import useContextInvalidated from './hooks/useContextInvalidated';
const App: React.FC = () => {
- const [sidebarWidth, setSidebarWidth] = useState(200);
const [sidebarData, setSidebarData] = useState(TABS);
const contextInvalidatedRef = useRef(null);
- const {
- contextInvalidated,
- setContextInvalidated,
- tabFrames,
- selectedFrame,
- setSelectedFrame,
- isInspecting,
- setIsInspecting,
- canStartInspecting,
- tabUrl,
- frameHasCookies,
- } = useCookieStore(({ state, actions }) => ({
- contextInvalidated: state.contextInvalidated,
- setContextInvalidated: actions.setContextInvalidated,
- tabCookies: state.tabCookies,
- tabFrames: state.tabFrames,
- selectedFrame: state.selectedFrame,
- setSelectedFrame: actions.setSelectedFrame,
- isInspecting: state.isInspecting,
- setIsInspecting: actions.setIsInspecting,
- canStartInspecting: state.canStartInspecting,
- tabUrl: state.tabUrl,
- frameHasCookies: state.frameHasCookies,
- }));
+ const tabIdRef = useRef(chrome.devtools.inspectedWindow.tabId);
- const mainRef = useRef(null);
- const toastMessageRef = useRef(null);
+ const contextInvalidated = useContextInvalidated(contextInvalidatedRef);
- const { allowedNumberOfTabs, settingsChanged, handleSettingsChange } =
- useSettingsStore(({ state, actions }) => ({
- allowedNumberOfTabs: state.allowedNumberOfTabs,
- settingsChanged: state.settingsChanged,
- handleSettingsChange: actions.handleSettingsChange,
- }));
-
- const listenToMouseChange = useCallback(() => {
- if (contextInvalidatedRef.current) {
- if (!chrome.runtime?.id) {
- setContextInvalidated(true);
- localStorage.setItem('contextInvalidated', 'true');
- }
- }
- }, [setContextInvalidated]);
-
- useEffect(() => {
- window.addEventListener('mouseover', listenToMouseChange);
-
- return () => {
- window.removeEventListener('mouseover', listenToMouseChange);
- };
- }, [listenToMouseChange]);
-
- const [defaultSelectedItemKey, setDefaultSelectedItemKey] =
- useState('privacySandbox');
-
- useEffect(() => {
- (async () => {
- const tabId = chrome.devtools.inspectedWindow.tabId.toString();
-
- const data = await chrome.storage.local.get();
-
- if (data?.[tabId]?.['selectedSidebarItem']) {
- setDefaultSelectedItemKey(data[tabId]['selectedSidebarItem']);
- }
- })();
- }, []);
-
- const {
- activePanel,
- selectedItemKey,
- currentItemKey,
- sidebarItems,
- isSidebarFocused,
- setIsSidebarFocused,
- updateSelectedItemKey,
- onKeyNavigation,
- toggleDropdown,
- isKeyAncestor,
- isKeySelected,
- } = useSidebar({
- data: sidebarData,
- defaultSelectedItemKey,
- });
-
- useEffect(() => {
- setSidebarData((prev) => {
- const data = { ...prev };
- const psData = data['privacySandbox'];
-
- psData.children['cookies'].panel = (
- ((acc, url) => {
- const popupTitle = `Cookies used by frames from ${url}`;
-
- acc[url] = {
- title: url,
- popupTitle,
- panel: ([]);
-
- const handleUpdate = useCallback(
- (key: string | null) => {
- updateSelectedItemKey(key || 'cookies');
- },
- [updateSelectedItemKey]
- );
-
- useEffect(() => {
- (async () => {
- const localStorageFlag = localStorage.getItem('contextInvalidated');
-
- if (
- localStorageFlag &&
- localStorageFlag === 'true' &&
- allowedNumberOfTabs === 'unlimited'
- ) {
- const tabId = await getCurrentTabId();
-
- if (tabId) {
- chrome.tabs.reload(Number(tabId));
- localStorage.removeItem('contextInvalidated');
- }
+ if (data?.['selectedSidebarItem#' + tabId]) {
+ setDefaultSelectedItemKey(data['selectedSidebarItem#' + tabId]);
}
})();
- }, [allowedNumberOfTabs]);
-
- useFrameOverlay(filteredCookies, handleUpdate);
+ }, []);
return (
-
- {contextInvalidated && (
-
-
- )}
- {!contextInvalidated && (
-
-
{
- setSidebarWidth((prevState) => prevState + d.width);
- }}
- minWidth={'150px'}
- maxWidth={'90%'}
- enable={{
- right: true,
- }}
- className="h-full"
- >
-
-
{
- if (mainRef.current && toastMessageRef.current) {
- toastMessageRef.current.style.bottom =
- '-' + mainRef.current.scrollTop + 'px';
- }
- }}
- className="h-full flex-1 relative overflow-hidden flex flex-col"
- >
-
-
- {settingsChanged && (
-
-
-
- )}
-
+ {!contextInvalidated ? (
+
+ ) : (
+
+
+ )}
+
{
+ document
+ .getElementById('cookies-landing-scroll-container')
+ ?.scrollTo(0, 0);
+ updateSelectedItemKey(SIDEBAR_ITEMS_KEYS.SETTINGS);
+ }}
+ >
+ Settings page
+
+ .
+ Wiki
+
+ .
+
+ ) : (
+ ''
+ );
+
+ return (
+
+ {dataComponents.length > 0 && (
+
+ );
+};
+export default BlockedCookiesSection;
diff --git a/packages/extension/src/view/devtools/components/cookies/cookieLanding/cookiesSection.tsx b/packages/extension/src/view/devtools/components/cookies/cookieLanding/cookiesSection.tsx
new file mode 100644
index 000000000..c8699df32
--- /dev/null
+++ b/packages/extension/src/view/devtools/components/cookies/cookieLanding/cookiesSection.tsx
@@ -0,0 +1,99 @@
+/*
+ * 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, { useMemo } from 'react';
+import {
+ CookiesLandingWrapper,
+ CookiesMatrix,
+ MessageBox,
+ prepareCookieDataMapping,
+ prepareCookieStatsComponents,
+ prepareCookiesCount,
+ useFiltersMapping,
+} from '@ps-analysis-tool/design-system';
+/**
+ * Internal dependencies
+ */
+import { useCookie } from '../../../stateProviders';
+
+const CookiesSection = () => {
+ const { tabCookies, tabFrames } = useCookie(({ state }) => ({
+ tabCookies: state.tabCookies,
+ tabFrames: state.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: string) =>
+ selectedItemUpdater(title, 'analytics.category'),
+ }));
+ }, [cookiesStatsComponents.legend, selectedItemUpdater]);
+
+ const processedTabFrames = useMemo(
+ () => Object.fromEntries(Object.entries(tabFrames || {})),
+ [tabFrames]
+ );
+
+ return (
+
+ Please setup the{' '}
+
+ evaluation environment
+ {' '}
+ before analyzing cookies.
+
+ }
+ testId="cookies-insights"
+ >
+ {!cookieStats ||
+ (cookieStats?.firstParty.total === 0 &&
+ cookieStats?.thirdParty.total === 0 && (
+
+ );
+};
+export default CookiesSection;
diff --git a/packages/extension/src/view/devtools/components/cookies/cookieLanding/exemptedCookiesSection.tsx b/packages/extension/src/view/devtools/components/cookies/cookieLanding/exemptedCookiesSection.tsx
new file mode 100644
index 000000000..fe5c450da
--- /dev/null
+++ b/packages/extension/src/view/devtools/components/cookies/cookieLanding/exemptedCookiesSection.tsx
@@ -0,0 +1,107 @@
+/*
+ * 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 {
+ prepareCookieStatsComponents,
+ prepareCookiesCount,
+ type DataMapping,
+ useFiltersMapping,
+ MatrixContainer,
+ CookiesLandingWrapper,
+ type MatrixComponentProps,
+ LEGEND_DESCRIPTION,
+} from '@ps-analysis-tool/design-system';
+/**
+ * Internal dependencies
+ */
+import { useSettings, useCookie } from '../../../stateProviders';
+
+const ExemptedCookiesSection = () => {
+ const { tabCookies, tabFrames } = useCookie(({ state }) => ({
+ tabCookies: state.tabCookies,
+ tabFrames: state.tabFrames,
+ }));
+
+ const { isUsingCDP } = useSettings(({ state }) => ({
+ isUsingCDP: state.isUsingCDP,
+ }));
+
+ const { selectedItemUpdater } = useFiltersMapping(tabFrames || {});
+
+ const cookieStats = prepareCookiesCount(tabCookies);
+ const cookiesStatsComponents = prepareCookieStatsComponents(cookieStats);
+
+ const dataComponents: MatrixComponentProps[] =
+ cookiesStatsComponents.exemptedCookiesLegend.map((component) => {
+ const legendDescription = LEGEND_DESCRIPTION[component.label] || '';
+ return {
+ ...component,
+ description: legendDescription,
+ title: component.label,
+ containerClasses: '',
+ onClick: (title: string) => {
+ selectedItemUpdater(title, 'exemptionReason');
+ },
+ };
+ });
+ const exemptedCookiesDataMapping: DataMapping[] = [
+ {
+ title: 'Exempted cookies',
+ count: cookieStats.exemptedCookies.total,
+ data: cookiesStatsComponents.exempted,
+ onClick: () => selectedItemUpdater('All', 'exemptionReason'),
+ },
+ ];
+
+ const description = !isUsingCDP ? (
+ <>
+ To gather data and insights regarding blocked cookies and exempted
+ cookies, please enable PSAT to use the Chrome DevTools protocol. You can
+ do this in the Settings page or in the extension popup. For more
+ information check the PSAT
+
+ Wiki
+
+
+ ) : (
+ ''
+ );
+
+ return (
+
+ {dataComponents.length > 0 && (
+
+ );
+};
+export default ExemptedCookiesSection;
diff --git a/packages/extension/src/view/devtools/components/cookies/cookieLanding/framesSection.tsx b/packages/extension/src/view/devtools/components/cookies/cookieLanding/framesSection.tsx
new file mode 100644
index 000000000..820af36d3
--- /dev/null
+++ b/packages/extension/src/view/devtools/components/cookies/cookieLanding/framesSection.tsx
@@ -0,0 +1,64 @@
+/*
+ * 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 {
+ CookiesLandingWrapper,
+ MatrixContainer,
+ prepareFrameStatsComponent,
+ type MatrixComponentProps,
+ LEGEND_DESCRIPTION,
+} from '@ps-analysis-tool/design-system';
+/**
+ * Internal dependencies
+ */
+import { useCookie } from '../../../stateProviders';
+
+const FramesSection = () => {
+ const { tabCookies, tabFrames } = useCookie(({ state }) => ({
+ tabCookies: state.tabCookies,
+ tabFrames: state.tabFrames,
+ }));
+
+ const framesStats = prepareFrameStatsComponent(tabFrames, tabCookies);
+ const dataComponents: MatrixComponentProps[] = framesStats.legend.map(
+ (component) => {
+ const legendDescription = LEGEND_DESCRIPTION[component.label] || '';
+ return {
+ ...component,
+ description: legendDescription,
+ title: component.label,
+ containerClasses: '',
+ };
+ }
+ );
+
+ return (
+
+
+ );
+};
+export default FramesSection;
diff --git a/packages/extension/src/view/devtools/components/cookies/cookieLanding/index.tsx b/packages/extension/src/view/devtools/components/cookies/cookieLanding/index.tsx
new file mode 100644
index 000000000..b573a2112
--- /dev/null
+++ b/packages/extension/src/view/devtools/components/cookies/cookieLanding/index.tsx
@@ -0,0 +1,123 @@
+/*
+ * 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, { useMemo } from 'react';
+import {
+ LibraryDetection,
+ useLibraryDetectionContext,
+} from '@ps-analysis-tool/library-detection';
+import {
+ MenuBar,
+ type CookiesLandingSection,
+ type MenuData,
+ prepareCookiesCount,
+} from '@ps-analysis-tool/design-system';
+/**
+ * Internal dependencies
+ */
+import CookiesSection from './cookiesSection';
+import FramesSection from './framesSection';
+import BlockedCookiesSection from './blockedCookiesSection';
+import { useCookie } from '../../../stateProviders';
+import downloadReport from '../../../../../utils/downloadReport';
+import ExemptedCookiesSection from './exemptedCookiesSection';
+
+const AssembledCookiesLanding = () => {
+ const { url, tabCookies, tabFrames } = useCookie(({ state }) => ({
+ tabCookies: state.tabCookies,
+ tabFrames: state.tabFrames,
+ url: state.tabUrl,
+ }));
+
+ const { libraryMatches, showLoader } = useLibraryDetectionContext(
+ ({ state }) => ({
+ libraryMatches: state.libraryMatches,
+ showLoader: state.showLoader,
+ })
+ );
+
+ const cookieStats = prepareCookiesCount(tabCookies);
+ const sections: Array = useMemo(() => {
+ const defaultSections = [
+ {
+ name: 'Cookies',
+ link: 'cookies',
+ panel: {
+ Element: CookiesSection,
+ },
+ },
+ {
+ name: 'Blocked Cookies',
+ link: 'blocked-cookies',
+ panel: {
+ Element: BlockedCookiesSection,
+ },
+ },
+ {
+ name: 'Library Detection',
+ link: 'library-detection',
+ panel: {
+ Element: LibraryDetection,
+ },
+ },
+ {
+ name: 'Frames',
+ link: 'frames',
+ panel: {
+ Element: FramesSection,
+ },
+ },
+ ];
+ if (cookieStats.exemptedCookies.total > 0) {
+ defaultSections.splice(2, 0, {
+ name: 'Exemption Reason',
+ link: 'exemption-reasons',
+ panel: {
+ Element: ExemptedCookiesSection,
+ },
+ });
+ }
+ return defaultSections;
+ }, [cookieStats.exemptedCookies.total]);
+
+ const menuData: MenuData = useMemo(
+ () => sections.map(({ name, link }) => ({ name, link })),
+ [sections]
+ );
+
+ return (
+ <>
+ {
+ if (tabCookies && tabFrames && libraryMatches && url) {
+ downloadReport(url, tabCookies, tabFrames, libraryMatches);
+ }
+ }}
+ menuData={menuData}
+ scrollContainerId="cookies-landing-scroll-container"
+ />
+ {sections.map(({ link, panel: { Element, props } }) => (
+
+ {Element &&
+ ))}
+
+ );
+};
+export default AssembledCookiesLanding;
diff --git a/packages/extension/src/view/devtools/components/cookies/cookiesListing/index.tsx b/packages/extension/src/view/devtools/components/cookies/cookiesListing/index.tsx
index a8c00301a..e45c64cb7 100644
--- a/packages/extension/src/view/devtools/components/cookies/cookiesListing/index.tsx
+++ b/packages/extension/src/view/devtools/components/cookies/cookiesListing/index.tsx
@@ -27,24 +27,23 @@ import { CookieDetails, CookieTable } from '@ps-analysis-tool/design-system';
/**
* Internal dependencies.
*/
-import { useCookieStore } from '../../../stateProviders/syncCookieStore';
+import { useCookie, useSettings } from '../../../stateProviders';
import useCookieListing from './useCookieListing';
import RowContextMenu from './rowContextMenu';
-import { useSettingsStore } from '../../../stateProviders/syncSettingsStore';
-import { useAllowedList } from '../../../stateProviders/useAllowedList';
+import { useAllowedList } from '../../../stateProviders/allowedList';
interface CookiesListingProps {
setFilteredCookies: React.Dispatch;
}
const CookiesListing = ({ setFilteredCookies }: CookiesListingProps) => {
- const { selectedFrame, tabFrames, tabUrl } = useCookieStore(({ state }) => ({
+ const { selectedFrame, tabFrames, tabUrl } = useCookie(({ state }) => ({
selectedFrame: state.selectedFrame,
tabFrames: state.tabFrames,
tabUrl: state.tabUrl,
}));
- const isUsingCDP = useSettingsStore(({ state }) => state.isUsingCDP);
+ const isUsingCDP = useSettings(({ state }) => state.isUsingCDP);
const { domainsInAllowList, setDomainsInAllowListCallback, isIncognito } =
useAllowedList(({ state, actions }) => ({
@@ -60,6 +59,7 @@ const CookiesListing = ({ setFilteredCookies }: CookiesListingProps) => {
searchKeys,
tablePersistentSettingsKey,
extraInterfaceToTopBar,
+ isSidebarOpen,
} = useCookieListing(domainsInAllowList);
const frameFilteredCookies = useMemo(
@@ -100,13 +100,13 @@ const CookiesListing = ({ setFilteredCookies }: CookiesListingProps) => {
className="h-full flex"
>
;
@@ -139,7 +139,7 @@ const RowContextMenu = forwardRef<
setDomainsInAllowListCallback
);
setContextMenuOpen(false);
- await reloadCurrentTab();
+ await reloadCurrentTab(chrome.devtools.inspectedWindow.tabId);
},
[
dotPrefixedDomain,
@@ -165,7 +165,7 @@ const RowContextMenu = forwardRef<
setDomainsInAllowListCallback
);
setContextMenuOpen(false);
- await reloadCurrentTab();
+ await reloadCurrentTab(chrome.devtools.inspectedWindow.tabId);
},
[
domainsInAllowList,
diff --git a/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/index.tsx b/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/index.tsx
index 38f818ff2..0f6c293bc 100644
--- a/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/index.tsx
+++ b/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/index.tsx
@@ -17,9 +17,8 @@
/**
* External dependencies
*/
-import React, { useMemo, useState } from 'react';
+import React, { useCallback, useMemo, useState } from 'react';
import {
- getValueByKey,
type CookieTableData,
type TabCookies,
BLOCK_STATUS,
@@ -30,21 +29,26 @@ import {
type TableColumn,
type TableFilter,
type TableRow,
+ useSidebar,
+ calculateDynamicFilterValues,
+ evaluateStaticFilterValues,
+ evaluateSelectAllOption,
+ calculateBlockedReasonsFilterValues,
type TableData,
InfoIcon,
+ calculateExemptionReason,
} from '@ps-analysis-tool/design-system';
/**
* Internal dependencies
*/
-import { useCookieStore } from '../../../../stateProviders/syncCookieStore';
+import { useCookie, useSettings } from '../../../../stateProviders';
import useHighlighting from './useHighlighting';
-import { useSettingsStore } from '../../../../stateProviders/syncSettingsStore';
-import namePrefixIconSelector from './namePrefixIconSelector';
+import NamePrefixIconSelector from './namePrefixIconSelector';
import OrphanedUnMappedInfoDisplay from './orphanedUnMappedInfoDisplay';
const useCookieListing = (domainsInAllowList: Set) => {
- const { selectedFrame, cookies, getCookiesSetByJavascript } = useCookieStore(
+ const { selectedFrame, cookies, getCookiesSetByJavascript } = useCookie(
({ state, actions }) => ({
selectedFrame: state.selectedFrame,
cookies: state.tabCookies || {},
@@ -52,7 +56,19 @@ const useCookieListing = (domainsInAllowList: Set) => {
})
);
- const isUsingCDP = useSettingsStore(({ state }) => state.isUsingCDP);
+ const { activePanelQuery, clearActivePanelQuery } = useSidebar(
+ ({ state }) => ({
+ activePanelQuery: state.activePanel.query,
+ clearActivePanelQuery: state.activePanel.clearQuery,
+ })
+ );
+
+ const parsedQuery = useMemo(
+ () => JSON.parse(activePanelQuery || '{}'),
+ [activePanelQuery]
+ );
+
+ const isUsingCDP = useSettings(({ state }) => state.isUsingCDP);
const [tableData, setTableData] = useState(cookies);
@@ -67,7 +83,9 @@ const useCookieListing = (domainsInAllowList: Set) => {
enableHiding: false,
widthWeightagePercentage: 13,
enableBodyCellPrefixIcon: isUsingCDP,
- bodyCellPrefixIcon: namePrefixIconSelector,
+ bodyCellPrefixIcon: {
+ Element: NamePrefixIconSelector,
+ },
showBodyCellPrefixIcon: (row: TableRow) => {
const isBlocked = Boolean(
(row.originalData as CookieTableData)?.blockingStatus
@@ -163,12 +181,14 @@ const useCookieListing = (domainsInAllowList: Set) => {
{
header: 'Priority',
accessorKey: 'parsedCookie.priority',
+ isHiddenByDefault: true,
cell: (info: InfoType) => info,
widthWeightagePercentage: 4,
},
{
header: 'Size',
accessorKey: 'parsedCookie.size',
+ isHiddenByDefault: true,
cell: (info: InfoType) => info,
widthWeightagePercentage: 3,
},
@@ -216,8 +236,6 @@ const useCookieListing = (domainsInAllowList: Set) => {
Undetermined
);
- } else if (hasValidBlockedReason) {
- return Blocked ;
} else {
return <>;
}
@@ -227,81 +245,38 @@ const useCookieListing = (domainsInAllowList: Set) => {
[isUsingCDP]
);
- const preCalculatedFilters = useMemo<{
- category: TableFilter[keyof TableFilter]['filterValues'];
- platform: TableFilter[keyof TableFilter]['filterValues'];
- blockedReason: TableFilter[keyof TableFilter]['filterValues'];
- }>(() => {
- const calculate = (
- key: string
- ): TableFilter[keyof TableFilter]['filterValues'] =>
- Object.values(cookies).reduce((acc, cookie) => {
- const value = getValueByKey(key, cookie);
-
- if (!acc) {
- acc = {};
- }
-
- if (value) {
- acc[value] = {
- selected: false,
- };
- }
-
- return acc;
- }, {} as TableFilter[keyof TableFilter]['filterValues']);
-
- const blockedReasonFilterValues = Object.values(cookies).reduce(
- (acc, cookie) => {
- const blockedReason = getValueByKey('blockedReasons', cookie);
-
- if (!cookie.frameIdList || cookie?.frameIdList?.length === 0) {
- return acc;
- }
-
- blockedReason?.forEach((reason: string) => {
- if (!acc) {
- acc = {};
- }
-
- acc[reason] = {
- selected: false,
- };
- });
-
- return acc;
- },
- {} as TableFilter[keyof TableFilter]['filterValues']
- );
-
- return {
- category: calculate('analytics.category'),
- platform: calculate('analytics.platform'),
- blockedReason: blockedReasonFilterValues,
- };
- }, [cookies]);
-
const filters = useMemo(
() => ({
'analytics.category': {
title: 'Category',
hasStaticFilterValues: true,
hasPrecalculatedFilterValues: true,
- filterValues: preCalculatedFilters.category,
+ filterValues: calculateDynamicFilterValues(
+ 'analytics.category',
+ Object.values(cookies),
+ parsedQuery?.filter?.['analytics.category'],
+ clearActivePanelQuery
+ ),
sortValues: true,
useGenericPersistenceKey: true,
},
isFirstParty: {
title: 'Scope',
hasStaticFilterValues: true,
- filterValues: {
- 'First Party': {
- selected: false,
- },
- 'Third Party': {
- selected: false,
+ hasPrecalculatedFilterValues: true,
+ filterValues: evaluateStaticFilterValues(
+ {
+ 'First Party': {
+ selected: false,
+ },
+ 'Third Party': {
+ selected: false,
+ },
},
- },
+ 'isFirstParty',
+ parsedQuery,
+ clearActivePanelQuery
+ ),
useGenericPersistenceKey: true,
comparator: (value: InfoType, filterValue: string) => {
const val = Boolean(value);
@@ -421,7 +396,12 @@ const useCookieListing = (domainsInAllowList: Set) => {
title: 'Platform',
hasStaticFilterValues: true,
hasPrecalculatedFilterValues: true,
- filterValues: preCalculatedFilters.platform,
+ filterValues: calculateDynamicFilterValues(
+ 'analytics.platform',
+ Object.values(cookies),
+ parsedQuery?.filter?.['analytics.platform'],
+ clearActivePanelQuery
+ ),
sortValues: true,
useGenericPersistenceKey: true,
},
@@ -430,7 +410,15 @@ const useCookieListing = (domainsInAllowList: Set) => {
hasStaticFilterValues: true,
hasPrecalculatedFilterValues: true,
enableSelectAllOption: true,
- filterValues: preCalculatedFilters.blockedReason,
+ isSelectAllOptionSelected: evaluateSelectAllOption(
+ 'blockedReasons',
+ parsedQuery
+ ),
+ filterValues: calculateBlockedReasonsFilterValues(
+ Object.values(cookies),
+ parsedQuery?.filter?.blockedReasons,
+ clearActivePanelQuery
+ ),
sortValues: true,
useGenericPersistenceKey: true,
comparator: (value: InfoType, filterValue: string) => {
@@ -494,12 +482,28 @@ const useCookieListing = (domainsInAllowList: Set) => {
},
useGenericPersistenceKey: true,
},
+ exemptionReason: {
+ title: 'Exemption Reason',
+ hasStaticFilterValues: true,
+ hasPrecalculatedFilterValues: true,
+ enableSelectAllOption: true,
+ isSelectAllOptionSelected: evaluateSelectAllOption(
+ 'exemptionReason',
+ parsedQuery
+ ),
+ filterValues: calculateExemptionReason(
+ Object.values(cookies),
+ clearActivePanelQuery,
+ parsedQuery?.filter?.exemptionReason
+ ),
+ comparator: (value: InfoType, filterValue: string) => {
+ const val = value as string;
+ return val === filterValue;
+ },
+ useGenericPersistenceKey: true,
+ },
}),
- [
- preCalculatedFilters.blockedReason,
- preCalculatedFilters.category,
- preCalculatedFilters.platform,
- ]
+ [clearActivePanelQuery, cookies, parsedQuery]
);
const searchKeys = useMemo(
@@ -515,7 +519,7 @@ const useCookieListing = (domainsInAllowList: Set) => {
return `cookieListing#${selectedFrame}`;
}, [selectedFrame]);
- const extraInterfaceToTopBar = useMemo(() => {
+ const extraInterfaceToTopBar = useCallback(() => {
return (
) => {
searchKeys,
tablePersistentSettingsKey,
extraInterfaceToTopBar,
+ isSidebarOpen: parsedQuery?.filter ? true : false,
};
};
diff --git a/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/namePrefixIconSelector.tsx b/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/namePrefixIconSelector.tsx
index ed61dd6e0..9bb02a872 100644
--- a/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/namePrefixIconSelector.tsx
+++ b/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/namePrefixIconSelector.tsx
@@ -20,7 +20,6 @@
import React from 'react';
import { BLOCK_STATUS, type CookieTableData } from '@ps-analysis-tool/common';
import {
- type TableRow,
GreenTick,
InboundIcon,
OutboundIcon,
@@ -28,7 +27,13 @@ import {
OutboundInboundColoredIcon,
} from '@ps-analysis-tool/design-system';
-const namePrefixIconSelector = ({ originalData }: TableRow) => {
+interface NamePrefixIconSelectorProps {
+ originalData: CookieTableData;
+}
+
+const NamePrefixIconSelector = ({
+ originalData,
+}: NamePrefixIconSelectorProps) => {
const data = originalData as CookieTableData;
const isDomainInAllowList = data?.isDomainInAllowList;
@@ -88,4 +93,4 @@ const namePrefixIconSelector = ({ originalData }: TableRow) => {
return <>;
};
-export default namePrefixIconSelector;
+export default NamePrefixIconSelector;
diff --git a/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/orphanedUnMappedInfoDisplay.tsx b/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/orphanedUnMappedInfoDisplay.tsx
index 7f00dce16..59852aca6 100644
--- a/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/orphanedUnMappedInfoDisplay.tsx
+++ b/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/orphanedUnMappedInfoDisplay.tsx
@@ -18,9 +18,13 @@
* External dependencies.
*/
import React from 'react';
-import { useCookieStore } from '../../../../stateProviders/syncCookieStore';
import { InfoIcon } from '@ps-analysis-tool/design-system';
+/**
+ * Internal dependencies
+ */
+import { useCookie } from '../../../../stateProviders';
+
interface OrphanedUnMappedInfoDisplayProps {
frameIdList: number[];
}
@@ -28,7 +32,7 @@ interface OrphanedUnMappedInfoDisplayProps {
const OrphanedUnMappedInfoDisplay = ({
frameIdList,
}: OrphanedUnMappedInfoDisplayProps) => {
- const tabFrames = useCookieStore(({ state }) => state.tabFrames);
+ const tabFrames = useCookie(({ state }) => state.tabFrames);
if (!tabFrames) {
return {''} ;
diff --git a/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/tests/useCookieListing.tsx b/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/tests/useCookieListing.tsx
index 4e96d0221..2dcfd1689 100644
--- a/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/tests/useCookieListing.tsx
+++ b/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/tests/useCookieListing.tsx
@@ -25,14 +25,15 @@ import { renderHook } from '@testing-library/react';
*/
import useCookieListing from '..';
import * as mock from '../../../../../../../utils/test-data/cookieMockData';
-import * as ChromeStorage from '../../../../../stateProviders/syncCookieStore';
+import { useCookie } from '../../../../../stateProviders/cookie';
-describe('useCookieListing', () => {
- const mockUseCookieStore = jest.fn();
- jest
- .spyOn(ChromeStorage, 'useCookieStore')
- .mockImplementation(mockUseCookieStore);
+jest.mock('../../../../../stateProviders/cookie', () => ({
+ useCookie: jest.fn(),
+}));
+
+const mockUseCookieStore = useCookie as jest.Mock;
+describe('useCookieListing', () => {
const mockUseEffect = jest.fn();
jest.spyOn(React, 'useEffect').mockImplementation(mockUseEffect);
@@ -56,7 +57,9 @@ describe('useCookieListing', () => {
selectedFrame: '',
});
- const { result, rerender } = renderHook(() => useCookieListing());
+ const { result, rerender } = renderHook(() =>
+ useCookieListing(new Set())
+ );
expect(result.current.tableColumns[0].header).toBe('Name');
expect(result.current.tableColumns[1].header).toBe('Scope');
diff --git a/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/useHighlighting.tsx b/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/useHighlighting.tsx
index 64b35cc90..d12a7eb38 100644
--- a/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/useHighlighting.tsx
+++ b/packages/extension/src/view/devtools/components/cookies/cookiesListing/useCookieListing/useHighlighting.tsx
@@ -22,7 +22,7 @@ import { getCookieKey, type TabCookies } from '@ps-analysis-tool/common';
/**
* Internal dependencies.
*/
-import { isCookieDomainInAllowList } from '../../../../stateProviders/useAllowedList/utils';
+import { isCookieDomainInAllowList } from '../../../../stateProviders/allowedList/utils';
const useHighlighting = (
cookies: TabCookies,
@@ -52,6 +52,7 @@ const useHighlighting = (
if (Object.values(cookies).length > 0) {
return handleHighlighting(cookies);
}
+
return prevState;
});
}, [cookies, handleHighlighting, setTableData, domainsInAllowList?.size]);
diff --git a/packages/extension/src/view/devtools/components/cookies/index.tsx b/packages/extension/src/view/devtools/components/cookies/index.tsx
index c7448a020..f6ec6b029 100644
--- a/packages/extension/src/view/devtools/components/cookies/index.tsx
+++ b/packages/extension/src/view/devtools/components/cookies/index.tsx
@@ -16,21 +16,20 @@
/**
* External dependencies.
*/
-import React, { useMemo } from 'react';
+import React from 'react';
import {
Button,
CookiesLanding,
ProgressBar,
} from '@ps-analysis-tool/design-system';
-import { LibraryDetection } from '@ps-analysis-tool/library-detection';
import { type CookieTableData } from '@ps-analysis-tool/common';
/**
* Internal dependencies.
*/
-import { useSettingsStore } from '../../stateProviders/syncSettingsStore';
-import { useCookieStore } from '../../stateProviders/syncCookieStore';
+import { useCookie, useSettings } from '../../stateProviders';
import CookiesListing from './cookiesListing';
+import AssembledCookiesLanding from './cookieLanding';
interface CookiesProps {
setFilteredCookies: React.Dispatch;
@@ -41,32 +40,20 @@ const Cookies = ({ setFilteredCookies }: CookiesProps) => {
isCurrentTabBeingListenedTo,
loading,
selectedFrame,
- tabCookies,
- tabFrames,
- changeListeningToThisTab,
tabToRead,
- } = useCookieStore(({ state, actions }) => ({
- tabToRead: state.tabToRead,
- contextInvalidated: state.contextInvalidated,
+ changeListeningToThisTab,
+ } = useCookie(({ state, actions }) => ({
isCurrentTabBeingListenedTo: state.isCurrentTabBeingListenedTo,
loading: state.loading,
- returningToSingleTab: state.returningToSingleTab,
selectedFrame: state.selectedFrame,
- tabCookies: state.tabCookies,
- tabFrames: state.tabFrames,
+ tabToRead: state.tabToRead,
changeListeningToThisTab: actions.changeListeningToThisTab,
}));
- const { allowedNumberOfTabs, isUsingCDP } = useSettingsStore(({ state }) => ({
+ const { allowedNumberOfTabs } = useSettings(({ state }) => ({
allowedNumberOfTabs: state.allowedNumberOfTabs,
- isUsingCDP: state.isUsingCDP,
}));
- const processedTabFrames = useMemo(
- () => Object.fromEntries(Object.entries(tabFrames || {})),
- [tabFrames]
- );
-
if (
loading ||
(loading &&
@@ -89,25 +76,6 @@ const Cookies = ({ setFilteredCookies }: CookiesProps) => {
allowedNumberOfTabs === 'single') ||
(allowedNumberOfTabs && allowedNumberOfTabs === 'unlimited')
) {
- const description = !isUsingCDP ? (
- <>
- To gather data and insights regarding blocked cookies, please enable
- PSAT to use the Chrome DevTools protocol. You can do this in the
- Settings page or in the extension popup. For more information check the
- PSAT
-
- Wiki
-
-
- ) : (
- ''
- );
-
return (
{
{selectedFrame ? (
) : (
-
+
+
)}
{
it('should show a cookie card with no description about cookie', async () => {
render(
{
render(
{
await within(card).findByText('known3p_Cookie-with value')
).toBeInTheDocument();
});
+ afterAll(() => {
+ jest.clearAllMocks();
+ });
});
diff --git a/packages/extension/src/view/devtools/components/cookies/tests/cookiesLanding.tsx b/packages/extension/src/view/devtools/components/cookies/tests/cookiesLanding.tsx
new file mode 100644
index 000000000..6015e6428
--- /dev/null
+++ b/packages/extension/src/view/devtools/components/cookies/tests/cookiesLanding.tsx
@@ -0,0 +1,162 @@
+/*
+ * 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 { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import SinonChrome from 'sinon-chrome';
+import { CookiesLanding } from '@ps-analysis-tool/design-system';
+/**
+ * Internal dependencies.
+ */
+import AssembledCookiesLanding from '../cookieLanding';
+import { useCookie, useSettings } from '../../../stateProviders';
+import data from '../../../../../utils/test-data/cookieMockData';
+
+jest.mock('../../../stateProviders', () => ({
+ useCookie: jest.fn(),
+ useSettings: jest.fn(),
+}));
+const mockUseCookieStore = useCookie as jest.Mock;
+const mockUseSettingsStore = useSettings as jest.Mock;
+
+describe('CookiesLanding', () => {
+ beforeAll(() => {
+ globalThis.chrome = SinonChrome as unknown as typeof chrome;
+ globalThis.chrome = {
+ ...SinonChrome,
+ storage: {
+ //@ts-ignore
+ local: {
+ //@ts-ignore
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ get: (_, __) =>
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ new Promise<{ [key: string]: any }>((resolve) => {
+ resolve({
+ 40245632: {
+ cookies: data.tabCookies,
+ selectedSidebarItem: 'privacySandbox#cookies',
+ tablePersistentSettingsStore: {
+ cookieListing: {
+ sortBy: 'parsedCookie.name',
+ sortOrder: 'asc',
+ },
+ },
+ },
+ tabToRead: '40245632',
+ });
+ }),
+ set: () => Promise.resolve(),
+ //@ts-ignore
+ onChanged: {
+ addListener: () => undefined,
+ removeListener: () => undefined,
+ },
+ },
+ sync: {
+ //@ts-ignore
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ get: (_, __) =>
+ // eslint-disable-next-line @typescript-eslint/no-explicit-any
+ new Promise<{ [key: string]: any }>((resolve) => {
+ resolve({
+ allowedNumberOfTabs: 'single',
+ });
+ }),
+ set: () => Promise.resolve(),
+ //@ts-ignore
+ onChanged: {
+ addListener: () => undefined,
+ removeListener: () => undefined,
+ },
+ },
+ session: {
+ //@ts-ignore
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ get: (_, __) => Promise.resolve(),
+ set: () => Promise.resolve(),
+ //@ts-ignore
+ onChanged: {
+ addListener: () => undefined,
+ removeListener: () => undefined,
+ },
+ },
+ },
+ devtools: {
+ //@ts-ignore
+ inspectedWindow: {
+ tabId: 40245632,
+ //@ts-ignore
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
+ eval: (_, callback: any) => {
+ callback('https://edition.cnn.com');
+ },
+ //@ts-ignore
+ onResourceAdded: {
+ addListener: () => undefined,
+ removeListener: () => undefined,
+ },
+ },
+ },
+ tabs: {
+ //@ts-ignore
+ onUpdated: {
+ addListener: () => undefined,
+ removeListener: () => undefined,
+ },
+ //@ts-ignore
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ query: (_, __) => {
+ return [{ id: 40245632, url: 'https://edition.cnn.com' }];
+ },
+ connect: () => ({
+ //@ts-ignore
+ onMessage: {
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ addListener: () => undefined,
+ },
+ //@ts-ignore
+ onDisconnect: {
+ addListener: () => undefined,
+ },
+ }),
+ },
+ };
+ });
+
+ it('renders CookiesLanding with data', () => {
+ mockUseCookieStore.mockReturnValue({
+ tabCookies: data.tabCookies,
+ tabFrames: data.tabFrames,
+ frameHasCookies: {
+ 'https://edition.cnn.com/': true,
+ },
+ });
+ mockUseSettingsStore.mockReturnValue({ isUsingCDP: false });
+ const { getByTestId, getAllByTestId } = render(
+
+
+ );
+
+ expect(getByTestId('cookies-landing')).toBeInTheDocument();
+ expect(getAllByTestId('cookies-landing-header')[0]).toBeInTheDocument();
+ expect(getByTestId('cookies-matrix-Categories')).toBeInTheDocument();
+ });
+});
diff --git a/packages/extension/src/view/devtools/components/facilitatedTesting/faciliatedTestingContent/infoCards.tsx b/packages/extension/src/view/devtools/components/facilitatedTesting/faciliatedTestingContent/infoCards.tsx
index 6225413b9..c0fa48ead 100644
--- a/packages/extension/src/view/devtools/components/facilitatedTesting/faciliatedTestingContent/infoCards.tsx
+++ b/packages/extension/src/view/devtools/components/facilitatedTesting/faciliatedTestingContent/infoCards.tsx
@@ -20,9 +20,11 @@
import React from 'react';
import { addUTMParams } from '@ps-analysis-tool/common';
+const EXPERIMENT_GROUP = 'Membership in Experiment Group';
+
const INFO_CARDS_DATA = [
{
- heading: 'Membership in Experiment Group',
+ heading: EXPERIMENT_GROUP,
content: `To prepare for third-party cookie deprecation, we will be providing Chrome-facilitated testing modes that allow sites to preview how site behavior and functionality work without third-party cookies. Check
+
+ For browsers in the 1% group, users will get a new
+ chrome://settings/trackingProtection page instead of
+ chrome://settings/cookies
+
+
>;
+}
+
+const Layout = ({ setSidebarData }: LayoutProps) => {
+ const [sidebarWidth, setSidebarWidth] = useState(200);
+ const mainRef = useRef(null);
+
+ const { settingsChanged, handleSettingsChange } = useSettings(
+ ({ state, actions }) => ({
+ settingsChanged: state.settingsChanged,
+ handleSettingsChange: actions.handleSettingsChange,
+ })
+ );
+
+ const {
+ tabFrames,
+ frameHasCookies,
+ canStartInspecting,
+ tabUrl,
+ isInspecting,
+ setIsInspecting,
+ selectedFrame,
+ setSelectedFrame,
+ } = useCookie(({ state, actions }) => ({
+ tabFrames: state.tabFrames,
+ frameHasCookies: state.frameHasCookies,
+ canStartInspecting: state.canStartInspecting,
+ tabUrl: state.tabUrl,
+ isInspecting: state.isInspecting,
+ setIsInspecting: actions.setIsInspecting,
+ selectedFrame: state.selectedFrame,
+ setSelectedFrame: actions.setSelectedFrame,
+ }));
+
+ const {
+ activePanel,
+ selectedItemKey,
+ currentItemKey,
+ isSidebarFocused,
+ updateSelectedItemKey,
+ isKeySelected,
+ } = useSidebar(({ state, actions }) => ({
+ activePanel: state.activePanel,
+ selectedItemKey: state.selectedItemKey,
+ currentItemKey: state.currentItemKey,
+ isSidebarFocused: state.isSidebarFocused,
+ updateSelectedItemKey: actions.updateSelectedItemKey,
+ isKeySelected: actions.isKeySelected,
+ }));
+
+ const { Element: PanelElement, props } = activePanel.panel;
+
+ useEffect(() => {
+ setSidebarData((prev) => {
+ const data = { ...prev };
+ const psData = data[SIDEBAR_ITEMS_KEYS.PRIVACY_SANDBOX];
+
+ psData.children[SIDEBAR_ITEMS_KEYS.COOKIES].panel = {
+ Element: Cookies,
+ props: { setFilteredCookies },
+ };
+ psData.children[SIDEBAR_ITEMS_KEYS.COOKIES].children = Object.keys(
+ tabFrames || {}
+ ).reduce((acc, url) => {
+ const popupTitle = `Cookies used by frames from ${url}`;
+
+ acc[url] = {
+ title: url,
+ popupTitle,
+ panel: {
+ Element: Cookies,
+ props: { setFilteredCookies },
+ },
+ icon: {
+ Element: CookieIcon,
+ },
+ selectedIcon: {
+ Element: CookieIconWhite,
+ },
+ children: {},
+ isBlurred: !frameHasCookies?.[url],
+ };
+
+ return acc;
+ }, {});
+
+ const showInspectButton =
+ canStartInspecting && Boolean(Object.keys(tabFrames || {}).length);
+
+ if (showInspectButton) {
+ psData.children[SIDEBAR_ITEMS_KEYS.COOKIES].extraInterfaceToTitle = {
+ Element: InspectButton,
+ props: {
+ isInspecting,
+ setIsInspecting,
+ isTabFocused:
+ isSidebarFocused && isKeySelected(SIDEBAR_ITEMS_KEYS.COOKIES),
+ },
+ };
+ } else {
+ psData.children[SIDEBAR_ITEMS_KEYS.COOKIES].extraInterfaceToTitle = {};
+ }
+
+ return data;
+ });
+ }, [
+ canStartInspecting,
+ frameHasCookies,
+ isInspecting,
+ isKeySelected,
+ isSidebarFocused,
+ setIsInspecting,
+ setSidebarData,
+ tabFrames,
+ ]);
+
+ useEffect(() => {
+ if (Object.keys(tabFrames || {}).includes(currentItemKey || '')) {
+ setSelectedFrame(currentItemKey);
+ } else {
+ setSelectedFrame(null);
+ }
+ }, [currentItemKey, setSelectedFrame, tabFrames]);
+
+ useEffect(() => {
+ (async () => {
+ const tabId = await getCurrentTabId();
+
+ if (!tabId) {
+ return;
+ }
+
+ let data = await chrome.storage.session.get();
+
+ if (!data) {
+ data = {};
+ }
+
+ data['selectedSidebarItem#' + tabId] = selectedItemKey;
+
+ await chrome.storage.session.set(data);
+ })();
+ }, [selectedItemKey]);
+
+ const lastUrl = useRef(tabUrl);
+
+ useEffect(() => {
+ if (lastUrl.current === tabUrl || lastUrl.current === null) {
+ lastUrl.current = tabUrl;
+ return;
+ }
+
+ lastUrl.current = tabUrl;
+
+ updateSelectedItemKey(selectedFrame || SIDEBAR_ITEMS_KEYS.COOKIES);
+ }, [selectedFrame, setSelectedFrame, tabUrl, updateSelectedItemKey]);
+
+ const [filteredCookies, setFilteredCookies] = useState([]);
+
+ const handleUpdate = useCallback(
+ (key: string | null) => {
+ updateSelectedItemKey(key || SIDEBAR_ITEMS_KEYS.COOKIES);
+ },
+ [updateSelectedItemKey]
+ );
+
+ useFrameOverlay(filteredCookies, handleUpdate);
+
+ return (
+
+
{
+ setSidebarWidth((prevState) => prevState + d.width);
+ }}
+ minWidth={'150px'}
+ maxWidth={'90%'}
+ enable={{
+ right: true,
+ }}
+ className="h-full"
+ >
+
+
+
+
+ {settingsChanged && (
+
+
+
{copying ? (
diff --git a/packages/extension/src/view/devtools/components/settings/components/settingsContainer.tsx b/packages/extension/src/view/devtools/components/settings/components/settingsContainer.tsx
index e5dd6bf1d..d64377130 100644
--- a/packages/extension/src/view/devtools/components/settings/components/settingsContainer.tsx
+++ b/packages/extension/src/view/devtools/components/settings/components/settingsContainer.tsx
@@ -22,7 +22,7 @@ import React, { useMemo } from 'react';
* Internal dependencies
*/
import SettingOption from './settingOption';
-import { useSettingsStore } from '../../../stateProviders/syncSettingsStore';
+import { useSettings } from '../../../stateProviders';
// @ts-ignore
// eslint-disable-next-line import/no-relative-packages
import Gear from '../../../../../../../../assets/icons/gear.svg';
@@ -37,7 +37,7 @@ interface settingsToReturnObject {
}
const SettingsContainer = () => {
const { allowedNumberOfTabs, isUsingCDP, setIsUsingCDP, setProcessingMode } =
- useSettingsStore(({ state, actions }) => ({
+ useSettings(({ state, actions }) => ({
allowedNumberOfTabs: state.allowedNumberOfTabsForSettingsPageDisplay,
isUsingCDP: state.isUsingCDPForSettingsPageDisplay,
setProcessingMode: actions.setProcessingMode,
diff --git a/packages/extension/src/view/devtools/components/settings/components/tests/informationContainer.tsx b/packages/extension/src/view/devtools/components/settings/components/tests/informationContainer.tsx
index 46b22bae8..cca93e006 100644
--- a/packages/extension/src/view/devtools/components/settings/components/tests/informationContainer.tsx
+++ b/packages/extension/src/view/devtools/components/settings/components/tests/informationContainer.tsx
@@ -13,20 +13,26 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
+/**
+ * External dependencies.
+ */
import React from 'react';
import { render, screen } from '@testing-library/react';
import '@testing-library/jest-dom';
-import { useSettingsStore } from '../../../../stateProviders/syncSettingsStore';
-import InformationContainer from '../informationContainer';
import { act } from 'react-dom/test-utils';
+/**
+ * Internal dependencies
+ */
+import { useSettings } from '../../../../stateProviders/settings';
+import InformationContainer from '../informationContainer';
-jest.mock('../../../../stateProviders/syncSettingsStore', () => ({
- useSettingsStore: jest.fn(),
+jest.mock('../../../../stateProviders/settings', () => ({
+ useSettings: jest.fn(),
}));
-const mockUseSettingsStore = useSettingsStore as jest.Mock;
+const mockUseSettingsStore = useSettings as jest.Mock;
-describe('informationContainer', () => {
+describe('InformationContainer', () => {
it('should render the component', () => {
mockUseSettingsStore.mockReturnValue({
currentTabs: 0,
@@ -42,25 +48,47 @@ describe('informationContainer', () => {
expect(screen.getByTestId('debugging-information')).toBeInTheDocument();
});
+ it('Should show cookie table if frame is selected', () => {
+ mockUseSettingsStore.mockReturnValue({
+ currentTabs: 2,
+ currentExtensions: [
+ {
+ extensionName: 'Privacy Sandbox Analysis Tool',
+ extensionId: '1',
+ },
+ ],
+ browserInformation: '120.0.0.20',
+ OSInformation: 'MacOS (arm64)',
+ });
+
+ act(() => {
+ render( setOpen((prevOpen) => !prevOpen)}
>
@@ -53,7 +54,10 @@ const Settings = () => {
+
diff --git a/packages/extension/src/view/devtools/components/settings/tests/index.tsx b/packages/extension/src/view/devtools/components/settings/tests/index.tsx
new file mode 100644
index 000000000..dd83d73f9
--- /dev/null
+++ b/packages/extension/src/view/devtools/components/settings/tests/index.tsx
@@ -0,0 +1,84 @@
+/*
+ * 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 { render, screen } from '@testing-library/react';
+import { act } from 'react-dom/test-utils';
+import '@testing-library/jest-dom';
+import SinonChrome from 'sinon-chrome';
+import { noop } from '@ps-analysis-tool/common';
+/**
+ * Internal dependencies
+ */
+import { useSettings } from '../../../stateProviders';
+import Settings from '..';
+//@ts-ignore
+// eslint-disable-next-line import/no-unresolved
+import PSInfo from 'ps-analysis-tool/data/PSInfo.json';
+
+jest.mock('../../../stateProviders', () => ({
+ useSettings: jest.fn(),
+}));
+
+const mockUseSettingsStore = useSettings as jest.Mock;
+
+describe('Settings Page', () => {
+ beforeAll(() => {
+ globalThis.chrome = SinonChrome as unknown as typeof chrome;
+ globalThis.fetch = function () {
+ return Promise.resolve({
+ json: () =>
+ Promise.resolve({
+ ...PSInfo,
+ }),
+ text: () => Promise.resolve({}),
+ });
+ } as unknown as typeof fetch;
+ });
+
+ it('Should render settings page', () => {
+ mockUseSettingsStore.mockReturnValue({
+ allowedNumberOfTabs: 'single',
+ isUsingCDP: false,
+ setIsUsingCDP: noop,
+ setProcessingMode: noop,
+ currentTabs: 2,
+ currentExtensions: [
+ {
+ extensionName: 'Privacy Sandbox Analysis Tool',
+ extensionId: '1',
+ },
+ ],
+ browserInformation: '120.0.0.20',
+ OSInformation: 'MacOS (arm64)',
+ });
+
+ act(() => {
+ render(
);
+ });
+
+ expect(screen.getByTestId('settings-main-content')).not.toHaveClass(
+ 'hidden'
+ );
+ act(() => {
+ screen.getByTestId('settings-collapse-button').click();
+ });
+
+ expect(screen.getByTestId('settings-main-content')).toHaveClass('hidden');
+ });
+});
diff --git a/packages/design-system/src/components/cookiesLanding/tests/cookiesLanding.tsx b/packages/extension/src/view/devtools/components/siteBoundaries/relatedWebsiteSets/insights/tests/siteList.tsx
similarity index 50%
rename from packages/design-system/src/components/cookiesLanding/tests/cookiesLanding.tsx
rename to packages/extension/src/view/devtools/components/siteBoundaries/relatedWebsiteSets/insights/tests/siteList.tsx
index 14617e4b2..cc16f9188 100644
--- a/packages/design-system/src/components/cookiesLanding/tests/cookiesLanding.tsx
+++ b/packages/extension/src/view/devtools/components/siteBoundaries/relatedWebsiteSets/insights/tests/siteList.tsx
@@ -13,32 +13,34 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
+
/**
* External dependencies.
*/
import React from 'react';
-import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
/**
* Internal dependencies.
*/
-import mockResponse from '../../../test-data/cookieMockData';
-import CookiesLanding from '..';
+import SitesList from '../sitesList';
+
+describe('RelatedWebsiteSets Insights SitesList', () => {
+ test('should render nothing', () => {
+ const { container } = render(
+
+ );
+
+ expect(container).toBeEmptyDOMElement();
+ });
-describe('CookiesLanding', () => {
- it('renders CookiesLanding with data', () => {
- const { getByTestId, getAllByTestId } = render(
-
+ test('should render sites', () => {
+ render(
+
);
- expect(getByTestId('cookies-landing')).toBeInTheDocument();
- expect(getAllByTestId('cookies-landing-header')[0]).toBeInTheDocument();
- expect(getByTestId('cookies-matrix-Categories')).toBeInTheDocument();
+ expect(screen.getByText('Associated sites')).toBeInTheDocument();
+ expect(screen.getByText('https://livemint.com')).toBeInTheDocument();
});
});
diff --git a/packages/extension/src/view/devtools/components/siteBoundaries/tests/index.tsx b/packages/extension/src/view/devtools/components/siteBoundaries/tests/index.tsx
new file mode 100644
index 000000000..0c36a1e5a
--- /dev/null
+++ b/packages/extension/src/view/devtools/components/siteBoundaries/tests/index.tsx
@@ -0,0 +1,64 @@
+/*
+ * 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 { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import SinonChrome from 'sinon-chrome';
+/**
+ * Internal dependencies
+ */
+import Chips from '../chips';
+import RelatedWebsiteSets from '../relatedWebsiteSets';
+//@ts-ignore
+// eslint-disable-next-line import/no-unresolved
+import PSInfo from 'ps-analysis-tool/data/PSInfo.json';
+import { act } from 'react-dom/test-utils';
+
+describe('Private advertising Landing Pages', () => {
+ beforeAll(() => {
+ globalThis.chrome = SinonChrome as unknown as typeof chrome;
+ globalThis.fetch = function () {
+ return Promise.resolve({
+ json: () =>
+ Promise.resolve({
+ ...PSInfo,
+ }),
+ text: () => Promise.resolve({}),
+ });
+ } as unknown as typeof fetch;
+ });
+
+ it('should render RelatedWebsiteSets', async () => {
+ act(() => {
+ render(
);
+ });
+
+ expect(
+ await screen.findByTestId('related-website-sets-content')
+ ).toBeInTheDocument();
+ });
+
+ it('should render Chips', async () => {
+ act(() => {
+ render(
);
+ });
+
+ expect(await screen.findByTestId('chips-content')).toBeInTheDocument();
+ });
+});
diff --git a/packages/extension/src/view/devtools/hooks/useContextInvalidated.ts b/packages/extension/src/view/devtools/hooks/useContextInvalidated.ts
new file mode 100644
index 000000000..e1b75f216
--- /dev/null
+++ b/packages/extension/src/view/devtools/hooks/useContextInvalidated.ts
@@ -0,0 +1,99 @@
+/*
+ * 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, useEffect, type MutableRefObject } from 'react';
+
+/**
+ * Internal dependencies.
+ */
+import { useCookie, useSettings } from '../stateProviders';
+import { getCurrentTabId } from '../../../utils/getCurrentTabId';
+
+const useContextInvalidated = (
+ contextInvalidatedRef: MutableRefObject
+): boolean => {
+ const { contextInvalidated, setContextInvalidated } = useCookie(
+ ({ state, actions }) => ({
+ contextInvalidated: state.contextInvalidated,
+ setContextInvalidated: actions.setContextInvalidated,
+ })
+ );
+
+ const { allowedNumberOfTabs, isUsingCDP } = useSettings(({ state }) => ({
+ allowedNumberOfTabs: state.allowedNumberOfTabs,
+ isUsingCDP: state.isUsingCDP,
+ }));
+
+ const listenToMouseChange = useCallback(() => {
+ if (contextInvalidatedRef.current) {
+ if (!chrome.runtime?.id) {
+ setContextInvalidated(true);
+ localStorage.setItem('contextInvalidated', 'true');
+ }
+ }
+ }, [setContextInvalidated, contextInvalidatedRef]);
+
+ useEffect(() => {
+ window.addEventListener('mouseover', listenToMouseChange);
+
+ return () => {
+ window.removeEventListener('mouseover', listenToMouseChange);
+ };
+ }, [listenToMouseChange]);
+
+ useEffect(() => {
+ (async () => {
+ const localStorageFlag = localStorage.getItem('contextInvalidated');
+
+ if (
+ localStorageFlag &&
+ localStorageFlag === 'true' &&
+ allowedNumberOfTabs === 'unlimited'
+ ) {
+ const tabId = await getCurrentTabId();
+
+ if (tabId) {
+ chrome.tabs.reload(Number(tabId));
+ if (isUsingCDP) {
+ try {
+ await chrome.debugger.attach(
+ { tabId: chrome.devtools.inspectedWindow.tabId },
+ '1.3'
+ );
+ await chrome.debugger.sendCommand(
+ { tabId: chrome.devtools.inspectedWindow.tabId },
+ 'Network.enable'
+ );
+ await chrome.debugger.sendCommand(
+ { tabId: chrome.devtools.inspectedWindow.tabId },
+ 'Audits.enable'
+ );
+ } catch (error) {
+ //Fail silently
+ }
+ }
+ }
+ localStorage.removeItem('contextInvalidated');
+ }
+ })();
+ }, [allowedNumberOfTabs, isUsingCDP]);
+
+ return contextInvalidated;
+};
+
+export default useContextInvalidated;
diff --git a/packages/extension/src/view/devtools/hooks/useFrameOverlay.ts b/packages/extension/src/view/devtools/hooks/useFrameOverlay.ts
index 667c5549f..e8d724487 100644
--- a/packages/extension/src/view/devtools/hooks/useFrameOverlay.ts
+++ b/packages/extension/src/view/devtools/hooks/useFrameOverlay.ts
@@ -23,8 +23,7 @@ import type { CookieTableData } from '@ps-analysis-tool/common';
* Internal dependencies.
*/
import { WEBPAGE_PORT_NAME } from '../../../constants';
-import { useCookieStore } from '../stateProviders/syncCookieStore';
-import { useSettingsStore } from '../stateProviders/syncSettingsStore';
+import { useCookie, useSettings } from '../stateProviders';
import { getCurrentTabId } from '../../../utils/getCurrentTabId';
interface Response {
@@ -46,7 +45,7 @@ const useFrameOverlay = (
tabFrames,
setCanStartInspecting,
canStartInspecting,
- } = useCookieStore(({ state, actions }) => ({
+ } = useCookie(({ state, actions }) => ({
setContextInvalidated: actions.setContextInvalidated,
isInspecting: state.isInspecting,
setIsInspecting: actions.setIsInspecting,
@@ -57,7 +56,7 @@ const useFrameOverlay = (
canStartInspecting: state.canStartInspecting,
}));
- const { allowedNumberOfTabs } = useSettingsStore(({ state }) => ({
+ const { allowedNumberOfTabs } = useSettings(({ state }) => ({
allowedNumberOfTabs: state.allowedNumberOfTabs,
}));
diff --git a/packages/extension/src/view/devtools/index.tsx b/packages/extension/src/view/devtools/index.tsx
index 6998698c5..a880df08d 100644
--- a/packages/extension/src/view/devtools/index.tsx
+++ b/packages/extension/src/view/devtools/index.tsx
@@ -29,9 +29,11 @@ import { LibraryDetectionProvider } from '@ps-analysis-tool/library-detection';
* Internal dependencies.
*/
import App from './app';
-import { Provider as ExternalStoreProvider } from './stateProviders/syncCookieStore';
-import { Provider as SettingsStoreProvider } from './stateProviders/syncSettingsStore';
-import { Provider as AllowedListProvider } from './stateProviders/useAllowedList';
+import {
+ CookieProvider,
+ SettingsProvider,
+ AllowedListProvider,
+} from './stateProviders';
const isDarkMode = chrome.devtools.panels.themeName === 'dark';
document.body.classList.add(isDarkMode ? 'dark' : 'light');
@@ -41,8 +43,8 @@ const root = document.getElementById('root');
if (root) {
createRoot(root).render(
-
-
+
+
@@ -50,8 +52,8 @@ if (root) {
-
-
+
+
);
}
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/index.tsx b/packages/extension/src/view/devtools/stateProviders/allowedList/allowedListProvider.tsx
similarity index 70%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/index.tsx
rename to packages/extension/src/view/devtools/stateProviders/allowedList/allowedListProvider.tsx
index 322d39760..5b6ca1241 100644
--- a/packages/extension/src/view/devtools/stateProviders/useAllowedList/index.tsx
+++ b/packages/extension/src/view/devtools/stateProviders/allowedList/allowedListProvider.tsx
@@ -23,42 +23,18 @@ import React, {
useState,
type PropsWithChildren,
} from 'react';
-import { noop } from '@ps-analysis-tool/common';
-import { createContext } from 'use-context-selector';
/**
* Internal dependencies.
*/
import { getCurrentTab } from '../../../../utils/getCurrentTabId';
-import { useCookieStore } from '../syncCookieStore';
+import { useCookie } from '../cookie';
import setDomainsInAllowList from './utils/setDomainsInAllowList';
import getDotPrefixedDomain from './utils/getDotPrefixedDomain';
-import useContextSelector from '../../../../utils/useContextSelector';
-
-export interface AllowedListContext {
- state: {
- domainsInAllowList: Set;
- isIncognito: boolean;
- };
- actions: {
- setDomainsInAllowListCallback: (list: Set) => void;
- };
-}
-
-const initialState: AllowedListContext = {
- state: {
- domainsInAllowList: new Set(),
- isIncognito: false,
- },
- actions: {
- setDomainsInAllowListCallback: noop,
- },
-};
-
-export const Context = createContext(initialState);
+import Context from './context';
-export const Provider = ({ children }: PropsWithChildren) => {
- const { tabUrl, cookies } = useCookieStore(({ state }) => ({
+const Provider = ({ children }: PropsWithChildren) => {
+ const { tabUrl, cookies } = useCookie(({ state }) => ({
tabUrl: state.tabUrl,
cookies: state.tabCookies,
}));
@@ -143,19 +119,4 @@ export const Provider = ({ children }: PropsWithChildren) => {
);
};
-export function useAllowedList(): AllowedListContext;
-export function useAllowedList(
- selector: (state: AllowedListContext) => T
-): T;
-
-/**
- * Allowed list hook.
- * @param selector Selector function to partially select state.
- * @returns selected part of the state
- */
-export function useAllowedList(
- selector: (state: AllowedListContext) => T | AllowedListContext = (state) =>
- state
-) {
- return useContextSelector(Context, selector);
-}
+export default Provider;
diff --git a/packages/extension/src/view/devtools/stateProviders/allowedList/context.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/context.ts
new file mode 100644
index 000000000..08a305a3a
--- /dev/null
+++ b/packages/extension/src/view/devtools/stateProviders/allowedList/context.ts
@@ -0,0 +1,42 @@
+/*
+ * 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 { noop, createContext } from '@ps-analysis-tool/common';
+
+export interface AllowedListStoreContext {
+ state: {
+ domainsInAllowList: Set;
+ isIncognito: boolean;
+ };
+ actions: {
+ setDomainsInAllowListCallback: (list: Set) => void;
+ };
+}
+
+const initialState: AllowedListStoreContext = {
+ state: {
+ domainsInAllowList: new Set(),
+ isIncognito: false,
+ },
+ actions: {
+ setDomainsInAllowListCallback: noop,
+ },
+};
+
+export default createContext(initialState);
diff --git a/packages/extension/src/view/devtools/stateProviders/allowedList/index.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/index.ts
new file mode 100644
index 000000000..030f42d3b
--- /dev/null
+++ b/packages/extension/src/view/devtools/stateProviders/allowedList/index.ts
@@ -0,0 +1,21 @@
+/*
+ * 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 AllowedListProvider } from './allowedListProvider';
+export {
+ default as AllowedListContext,
+ type AllowedListStoreContext,
+} from './context';
+export { default as useAllowedList } from './useAllowedList';
diff --git a/packages/extension/src/view/devtools/stateProviders/allowedList/useAllowedList.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/useAllowedList.ts
new file mode 100644
index 000000000..6e801a492
--- /dev/null
+++ b/packages/extension/src/view/devtools/stateProviders/allowedList/useAllowedList.ts
@@ -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 { useContextSelector } from '@ps-analysis-tool/common';
+/**
+ * Internal dependencies.
+ */
+import Context, { type AllowedListStoreContext } from './context';
+
+export function useAllowedList(): AllowedListStoreContext;
+export function useAllowedList(
+ selector: (state: AllowedListStoreContext) => T
+): T;
+
+/**
+ * Allowed list hook.
+ * @param selector Selector function to partially select state.
+ * @returns selected part of the state
+ */
+export function useAllowedList(
+ selector: (state: AllowedListStoreContext) => T | AllowedListStoreContext = (
+ state
+ ) => state
+) {
+ return useContextSelector(Context, selector);
+}
+
+export default useAllowedList;
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/getDotPrefixedDomain.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/utils/getDotPrefixedDomain.ts
similarity index 100%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/getDotPrefixedDomain.ts
rename to packages/extension/src/view/devtools/stateProviders/allowedList/utils/getDotPrefixedDomain.ts
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/index.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/utils/index.ts
similarity index 100%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/index.ts
rename to packages/extension/src/view/devtools/stateProviders/allowedList/utils/index.ts
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/isCookieDomainInAllowList.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/utils/isCookieDomainInAllowList.ts
similarity index 100%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/isCookieDomainInAllowList.ts
rename to packages/extension/src/view/devtools/stateProviders/allowedList/utils/isCookieDomainInAllowList.ts
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/onAllowListClick.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/utils/onAllowListClick.ts
similarity index 100%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/onAllowListClick.ts
rename to packages/extension/src/view/devtools/stateProviders/allowedList/utils/onAllowListClick.ts
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/removeFromAllowList.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/utils/removeFromAllowList.ts
similarity index 100%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/removeFromAllowList.ts
rename to packages/extension/src/view/devtools/stateProviders/allowedList/utils/removeFromAllowList.ts
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/setDomainsInAllowList.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/utils/setDomainsInAllowList.ts
similarity index 100%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/setDomainsInAllowList.ts
rename to packages/extension/src/view/devtools/stateProviders/allowedList/utils/setDomainsInAllowList.ts
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/setParentDomain.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/utils/setParentDomain.ts
similarity index 100%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/setParentDomain.ts
rename to packages/extension/src/view/devtools/stateProviders/allowedList/utils/setParentDomain.ts
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/tests/onAllowListClick.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/utils/tests/onAllowListClick.ts
similarity index 100%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/tests/onAllowListClick.ts
rename to packages/extension/src/view/devtools/stateProviders/allowedList/utils/tests/onAllowListClick.ts
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/tests/setDomainsInAllowList.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/utils/tests/setDomainsInAllowList.ts
similarity index 100%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/tests/setDomainsInAllowList.ts
rename to packages/extension/src/view/devtools/stateProviders/allowedList/utils/tests/setDomainsInAllowList.ts
diff --git a/packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/tests/setParentDomain.ts b/packages/extension/src/view/devtools/stateProviders/allowedList/utils/tests/setParentDomain.ts
similarity index 100%
rename from packages/extension/src/view/devtools/stateProviders/useAllowedList/utils/tests/setParentDomain.ts
rename to packages/extension/src/view/devtools/stateProviders/allowedList/utils/tests/setParentDomain.ts
diff --git a/packages/extension/src/view/devtools/stateProviders/cookie/context.ts b/packages/extension/src/view/devtools/stateProviders/cookie/context.ts
new file mode 100644
index 000000000..c2fedb938
--- /dev/null
+++ b/packages/extension/src/view/devtools/stateProviders/cookie/context.ts
@@ -0,0 +1,76 @@
+/*
+ * 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 {
+ noop,
+ createContext,
+ type TabCookies,
+ type TabFrames,
+} from '@ps-analysis-tool/common';
+
+export interface CookieStoreContext {
+ state: {
+ tabCookies: TabCookies | null;
+ tabUrl: string | null;
+ loading: boolean;
+ tabFrames: TabFrames | null;
+ selectedFrame: string | null;
+ returningToSingleTab: boolean;
+ isCurrentTabBeingListenedTo: boolean;
+ isInspecting: boolean;
+ contextInvalidated: boolean;
+ canStartInspecting: boolean;
+ tabToRead: string | null;
+ frameHasCookies: Record;
+ };
+ actions: {
+ setSelectedFrame: (key: string | null) => void;
+ setIsInspecting: React.Dispatch>;
+ changeListeningToThisTab: () => void;
+ getCookiesSetByJavascript: () => void;
+ setContextInvalidated: React.Dispatch>;
+ setCanStartInspecting: React.Dispatch>;
+ };
+}
+
+const initialState: CookieStoreContext = {
+ state: {
+ tabCookies: null,
+ tabUrl: null,
+ tabFrames: null,
+ selectedFrame: null,
+ loading: true,
+ isCurrentTabBeingListenedTo: false,
+ returningToSingleTab: false,
+ isInspecting: false,
+ contextInvalidated: false,
+ canStartInspecting: false,
+ tabToRead: null,
+ frameHasCookies: {},
+ },
+ actions: {
+ setSelectedFrame: noop,
+ changeListeningToThisTab: noop,
+ setIsInspecting: noop,
+ getCookiesSetByJavascript: noop,
+ setContextInvalidated: noop,
+ setCanStartInspecting: noop,
+ },
+};
+
+export default createContext(initialState);
diff --git a/packages/extension/src/view/devtools/stateProviders/syncCookieStore/index.tsx b/packages/extension/src/view/devtools/stateProviders/cookie/cookieProvider.tsx
similarity index 60%
rename from packages/extension/src/view/devtools/stateProviders/syncCookieStore/index.tsx
rename to packages/extension/src/view/devtools/stateProviders/cookie/cookieProvider.tsx
index ffb142534..e790654b2 100644
--- a/packages/extension/src/view/devtools/stateProviders/syncCookieStore/index.tsx
+++ b/packages/extension/src/view/devtools/stateProviders/cookie/cookieProvider.tsx
@@ -16,7 +16,6 @@
/**
* External dependencies.
*/
-import { createContext } from 'use-context-selector';
import React, {
type PropsWithChildren,
useEffect,
@@ -25,72 +24,27 @@ import React, {
useRef,
useMemo,
} from 'react';
-import { noop } from '@ps-analysis-tool/design-system';
-import { type TabCookies, type TabFrames } from '@ps-analysis-tool/common';
+import { type TabCookies } from '@ps-analysis-tool/common';
/**
* Internal dependencies.
*/
-import useContextSelector from '../../../../utils/useContextSelector';
-import { ALLOWED_NUMBER_OF_TABS } from '../../../../constants';
-import isOnRWS from '../../../../contentScript/utils/isOnRWS';
-import { useSettingsStore } from '../syncSettingsStore';
-
-export interface CookieStoreContext {
- state: {
- tabCookies: TabCookies | null;
- tabUrl: string | null;
- loading: boolean;
- tabFrames: TabFrames | null;
- selectedFrame: string | null;
- returningToSingleTab: boolean;
- isCurrentTabBeingListenedTo: boolean;
- isInspecting: boolean;
- contextInvalidated: boolean;
- canStartInspecting: boolean;
- tabToRead: string | null;
- frameHasCookies: Record;
- };
- actions: {
- setSelectedFrame: (key: string | null) => void;
- setIsInspecting: React.Dispatch>;
- changeListeningToThisTab: () => void;
- getCookiesSetByJavascript: () => void;
- setContextInvalidated: React.Dispatch>;
- setCanStartInspecting: React.Dispatch>;
- };
-}
-
-const initialState: CookieStoreContext = {
- state: {
- tabCookies: null,
- tabUrl: null,
- tabFrames: null,
- selectedFrame: null,
- loading: true,
- isCurrentTabBeingListenedTo: false,
- returningToSingleTab: false,
- isInspecting: false,
- contextInvalidated: false,
- canStartInspecting: false,
- tabToRead: null,
- frameHasCookies: {},
- },
- actions: {
- setSelectedFrame: noop,
- changeListeningToThisTab: noop,
- setIsInspecting: noop,
- getCookiesSetByJavascript: noop,
- setContextInvalidated: noop,
- setCanStartInspecting: noop,
- },
-};
-
-export const Context = createContext(initialState);
-
-export const Provider = ({ children }: PropsWithChildren) => {
- // TODO: Refactor: create smaller providers and reduce state from here.
- const [tabId, setTabId] = useState(null);
+import {
+ ALLOWED_NUMBER_OF_TABS,
+ DEVTOOLS_CLOSE,
+ DEVTOOLS_OPEN,
+ GET_JS_COOKIES,
+ INITIAL_SYNC,
+ NEW_COOKIE_DATA,
+ SERVICE_WORKER_RELOAD_MESSAGE,
+ SET_TAB_TO_READ,
+} from '../../../../constants';
+import { useSettings } from '../settings';
+import { getTab } from '../../../../utils/getTab';
+import getFramesForCurrentTab from '../../../../utils/getFramesForCurrentTab';
+import Context, { type CookieStoreContext } from './context';
+
+const Provider = ({ children }: PropsWithChildren) => {
const [loading, setLoading] = useState(true);
const loadingTimeout = useRef | null>(null);
const [tabToRead, setTabToRead] = useState(null);
@@ -118,7 +72,7 @@ export const Provider = ({ children }: PropsWithChildren) => {
// This was converted to useRef because setting state was creating a race condition in rerendering the provider.
const isCurrentTabBeingListenedToRef = useRef(false);
- const { allowedNumberOfTabs, setSettingsChanged } = useSettingsStore(
+ const { allowedNumberOfTabs, setSettingsChanged } = useSettings(
({ state, actions }) => ({
allowedNumberOfTabs: state.allowedNumberOfTabs,
setSettingsChanged: actions.setSettingsChanged,
@@ -127,48 +81,11 @@ export const Provider = ({ children }: PropsWithChildren) => {
/**
* Set tab frames state for frame ids and frame URLs from using chrome.webNavigation.getAllFrames
- *
- * TODO: Refactor: move it to a utility function.
*/
- const getAllFramesForCurrentTab = useCallback(
- async (_tabId: number | null) => {
- if (!_tabId) {
- return;
- }
-
- const regexForFrameUrl =
- /^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:/\n?]+)/;
-
- const currentTabFrames = await chrome.webNavigation.getAllFrames({
- tabId: _tabId,
- });
- const modifiedTabFrames: TabFrames = {};
-
- currentTabFrames?.forEach(({ url, frameId, frameType }) => {
- if (url && url.includes('http')) {
- const parsedUrl = regexForFrameUrl.exec(url);
- if (parsedUrl && parsedUrl[0]) {
- if (modifiedTabFrames[parsedUrl[0]]) {
- modifiedTabFrames[parsedUrl[0]].frameIds.push(frameId);
- } else {
- modifiedTabFrames[parsedUrl[0]] = {
- frameIds: [frameId],
- frameType,
- };
- }
- }
- }
- });
- await Promise.all(
- Object.keys(modifiedTabFrames).map(async (tabFrame) => {
- modifiedTabFrames[tabFrame].isOnRWS = await isOnRWS(tabFrame);
- return tabFrame;
- })
- );
- setTabFrames(modifiedTabFrames);
- },
- []
- );
+ const getAllFramesForCurrentTab = useCallback(async () => {
+ const _tabFrames = await getFramesForCurrentTab();
+ setTabFrames(_tabFrames);
+ }, []);
/**
* Stores object with frame URLs as keys and boolean values indicating if the frame contains cookies.
@@ -230,31 +147,35 @@ export const Provider = ({ children }: PropsWithChildren) => {
* parses data currently in store, set current tab URL.
*/
const intitialSync = useCallback(async () => {
- const _tabId = chrome.devtools.inspectedWindow.tabId;
-
- setTabId(_tabId);
+ const tabId = chrome.devtools.inspectedWindow.tabId;
if (isCurrentTabBeingListenedToRef.current) {
- await getAllFramesForCurrentTab(_tabId);
+ await getAllFramesForCurrentTab();
}
+ const tab = await getTab(tabId);
+
if (chrome.devtools.inspectedWindow.tabId && canStartInspecting) {
await chrome.tabs.sendMessage(chrome.devtools.inspectedWindow.tabId, {
payload: {
- type: 'DEVTOOL::WEBPAGE::GET_JS_COOKIES',
+ type: GET_JS_COOKIES,
tabId: chrome.devtools.inspectedWindow.tabId,
},
});
}
- chrome.devtools.inspectedWindow.eval(
- 'window.location.href',
- (result, isException) => {
- if (!isException && typeof result === 'string') {
- setTabUrl(result);
+ if (tab?.url) {
+ setTabUrl(tab?.url);
+ } else {
+ chrome.devtools.inspectedWindow.eval(
+ 'window.location.href',
+ (result, isException) => {
+ if (!isException && typeof result === 'string') {
+ setTabUrl(result);
+ }
}
- }
- );
+ );
+ }
setLoading(false);
}, [getAllFramesForCurrentTab, canStartInspecting]);
@@ -263,7 +184,7 @@ export const Provider = ({ children }: PropsWithChildren) => {
if (chrome.devtools.inspectedWindow.tabId) {
await chrome.tabs.sendMessage(chrome.devtools.inspectedWindow.tabId, {
payload: {
- type: 'DEVTOOL::WEBPAGE::GET_JS_COOKIES',
+ type: GET_JS_COOKIES,
tabId: chrome.devtools.inspectedWindow.tabId,
},
});
@@ -271,17 +192,18 @@ export const Provider = ({ children }: PropsWithChildren) => {
}, []);
const changeListeningToThisTab = useCallback(() => {
+ const tabId = chrome.devtools.inspectedWindow.tabId;
if (!tabId) {
return;
}
chrome.runtime.sendMessage({
- type: 'DevTools::ServiceWorker::SET_TAB_TO_READ',
+ type: SET_TAB_TO_READ,
payload: {
tabId,
},
});
setTabToRead(tabId.toString());
- }, [tabId]);
+ }, []);
useEffect(() => {
if (
@@ -294,55 +216,66 @@ export const Provider = ({ children }: PropsWithChildren) => {
}
}, [allowedNumberOfTabs, tabFrames]);
- useEffect(() => {
- const listener = async (message: {
+ const messagePassingListener = useCallback(
+ async (message: {
type: string;
payload: {
tabId?: number;
cookieData?: TabCookies;
tabToRead?: string;
tabMode?: string;
+ psatOpenedAfterPageLoad?: boolean;
};
}) => {
- if (message.type === 'ServiceWorker::SET_TAB_TO_READ') {
- chrome.devtools.inspectedWindow.eval(
- 'window.location.href',
- (result, isException) => {
- if (!isException && typeof result === 'string') {
- setTabUrl(result);
- }
- }
- );
+ if (!message.type) {
+ return;
+ }
+ const tabId = chrome.devtools.inspectedWindow.tabId;
+ const incomingMessageType = message.type;
+
+ if (SET_TAB_TO_READ === incomingMessageType) {
+ const tab = await getTab(tabId?.toString() || '');
+ setTabUrl(tab?.url ?? '');
isCurrentTabBeingListenedToRef.current =
- tabId?.toString() === message?.payload?.tabId;
+ tabId === message?.payload?.tabId;
setTabToRead(message?.payload?.tabId?.toString() || null);
setTabFrames(null);
setLoading(false);
setCanStartInspecting(false);
}
- if (message.type === 'ServiceWorker::DevTools::INITIAL_SYNC') {
- if (message?.payload?.tabMode === 'unlimited') {
+ if (INITIAL_SYNC === incomingMessageType && message?.payload?.tabMode) {
+ if (message.payload.tabMode === 'unlimited') {
isCurrentTabBeingListenedToRef.current = true;
+ if (
+ Object.keys(message.payload).includes('psatOpenedAfterPageLoad') &&
+ message.payload.psatOpenedAfterPageLoad
+ ) {
+ setContextInvalidated(true);
+ localStorage.setItem('psatOpenedAfterPageLoad', 'true');
+ }
setTabToRead(null);
} else {
- if (tabId?.toString() !== message?.payload?.tabToRead) {
+ if (tabId.toString() !== message?.payload?.tabToRead) {
setTabFrames(null);
}
+
isCurrentTabBeingListenedToRef.current =
- tabId?.toString() === message?.payload?.tabToRead;
+ tabId.toString() === message?.payload?.tabToRead;
setTabToRead(message?.payload?.tabToRead || null);
}
}
- if (message.type === 'ServiceWorker::DevTools::NEW_COOKIE_DATA') {
- const data = message?.payload?.cookieData ?? {};
- if (
- message?.payload?.tabId &&
- tabId?.toString() === message?.payload?.tabId.toString()
- ) {
+ if (
+ NEW_COOKIE_DATA === incomingMessageType &&
+ message?.payload?.tabId &&
+ message?.payload?.cookieData
+ ) {
+ const data = message.payload.cookieData;
+
+ if (tabId.toString() === message.payload.tabId.toString()) {
if (isCurrentTabBeingListenedToRef.current) {
- await getAllFramesForCurrentTab(tabId);
+ await getAllFramesForCurrentTab();
setTabToRead(tabId.toString());
setTabCookies(Object.keys(data).length > 0 ? data : null);
} else {
@@ -351,20 +284,24 @@ export const Provider = ({ children }: PropsWithChildren) => {
}
}
- if (message.type === 'ServiceWorker::DevTools::TABS_RELOADED') {
+ if (message.type === SERVICE_WORKER_RELOAD_MESSAGE) {
setSettingsChanged(false);
}
- };
+ },
+ [getAllFramesForCurrentTab, setSettingsChanged]
+ );
- chrome.runtime.onMessage.addListener(listener);
+ useEffect(() => {
+ chrome.runtime.onMessage.addListener(messagePassingListener);
return () => {
- chrome.runtime.onMessage.removeListener(listener);
+ chrome.runtime.onMessage.removeListener(messagePassingListener);
};
- }, [getAllFramesForCurrentTab, tabId, setSettingsChanged]);
+ }, [messagePassingListener]);
const tabUpdateListener = useCallback(
async (_tabId: number, changeInfo: chrome.tabs.TabChangeInfo) => {
+ const tabId = chrome.devtools.inspectedWindow.tabId;
if (tabId === _tabId && changeInfo.url) {
setIsInspecting(false);
try {
@@ -384,11 +321,11 @@ export const Provider = ({ children }: PropsWithChildren) => {
setSelectedFrame(null);
} finally {
setTabFrames(null);
- await getAllFramesForCurrentTab(_tabId);
+ await getAllFramesForCurrentTab();
}
}
},
- [tabId, tabUrl, getAllFramesForCurrentTab, selectedFrame]
+ [tabUrl, getAllFramesForCurrentTab, selectedFrame]
);
const tabRemovedListener = useCallback(async () => {
@@ -435,22 +372,26 @@ export const Provider = ({ children }: PropsWithChildren) => {
}, []);
useEffect(() => {
+ const doNotReReload =
+ localStorage.getItem('contextInvalidated') &&
+ !localStorage.getItem('psatOpenedAfterPageLoad');
chrome.runtime.sendMessage({
- type: 'DevTools::ServiceWorker::DEVTOOLS_STATE_OPEN',
+ type: DEVTOOLS_OPEN,
payload: {
- tabId: tabId,
+ tabId: chrome.devtools.inspectedWindow.tabId,
+ doNotReReload,
},
});
return () => {
chrome.runtime.sendMessage({
- type: 'DevTools::ServiceWorker::DEVTOOLS_STATE_CLOSE',
+ type: DEVTOOLS_CLOSE,
payload: {
- tabId: tabId,
+ tabId: chrome.devtools.inspectedWindow.tabId,
},
});
};
- }, [tabId]);
+ }, []);
return (
{
);
};
-export function useCookieStore(): CookieStoreContext;
-export function useCookieStore(
- selector: (state: CookieStoreContext) => T
-): T;
-
-/**
- * Cookie store hook.
- * @param selector Selector function to partially select state.
- * @returns selected part of the state
- */
-export function useCookieStore(
- selector: (state: CookieStoreContext) => T | CookieStoreContext = (state) =>
- state
-) {
- return useContextSelector(Context, selector);
-}
+export default Provider;
diff --git a/packages/extension/src/view/devtools/stateProviders/cookie/index.ts b/packages/extension/src/view/devtools/stateProviders/cookie/index.ts
new file mode 100644
index 000000000..f0b1417a0
--- /dev/null
+++ b/packages/extension/src/view/devtools/stateProviders/cookie/index.ts
@@ -0,0 +1,18 @@
+/*
+ * 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 CookieProvider } from './cookieProvider';
+export { default as CookieContext, type CookieStoreContext } from './context';
+export { default as useCookie } from './useCookie';
diff --git a/packages/extension/src/view/devtools/stateProviders/cookie/useCookie.ts b/packages/extension/src/view/devtools/stateProviders/cookie/useCookie.ts
new file mode 100644
index 000000000..c1c215f3a
--- /dev/null
+++ b/packages/extension/src/view/devtools/stateProviders/cookie/useCookie.ts
@@ -0,0 +1,41 @@
+/*
+ * 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 { useContextSelector } from '@ps-analysis-tool/common';
+
+/**
+ * Internal dependencies.
+ */
+import Context, { type CookieStoreContext } from './context';
+
+export function useCookie(): CookieStoreContext;
+export function useCookie(selector: (state: CookieStoreContext) => T): T;
+
+/**
+ * Cookie store hook.
+ * @param selector Selector function to partially select state.
+ * @returns selected part of the state
+ */
+export function useCookie(
+ selector: (state: CookieStoreContext) => T | CookieStoreContext = (state) =>
+ state
+) {
+ return useContextSelector(Context, selector);
+}
+
+export default useCookie;
diff --git a/packages/extension/src/view/devtools/stateProviders/index.ts b/packages/extension/src/view/devtools/stateProviders/index.ts
new file mode 100644
index 000000000..a2d1bc49c
--- /dev/null
+++ b/packages/extension/src/view/devtools/stateProviders/index.ts
@@ -0,0 +1,18 @@
+/*
+ * 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 * from './cookie';
+export * from './settings';
+export * from './allowedList';
diff --git a/packages/extension/src/view/devtools/stateProviders/settings/context.ts b/packages/extension/src/view/devtools/stateProviders/settings/context.ts
new file mode 100644
index 000000000..ab8b0cd26
--- /dev/null
+++ b/packages/extension/src/view/devtools/stateProviders/settings/context.ts
@@ -0,0 +1,68 @@
+/*
+ * 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 { noop, createContext } from '@ps-analysis-tool/common';
+
+export interface SettingsStoreContext {
+ state: {
+ allowedNumberOfTabs: string | null;
+ currentTabs: number;
+ currentExtensions:
+ | {
+ extensionName: string;
+ extensionId: string;
+ }[]
+ | null;
+ browserInformation: string | null;
+ OSInformation: string | null;
+ PSATVersion: string | null;
+ isUsingCDP: boolean;
+ settingsChanged: boolean;
+ allowedNumberOfTabsForSettingsPageDisplay: string | null;
+ isUsingCDPForSettingsPageDisplay: boolean;
+ };
+ actions: {
+ setProcessingMode: (newState: boolean) => void;
+ setIsUsingCDP: (newValue: boolean) => void;
+ handleSettingsChange: () => void;
+ setSettingsChanged: React.Dispatch>;
+ };
+}
+
+const initialState: SettingsStoreContext = {
+ state: {
+ allowedNumberOfTabs: null,
+ currentTabs: 0,
+ currentExtensions: null,
+ browserInformation: null,
+ OSInformation: null,
+ PSATVersion: null,
+ isUsingCDP: false,
+ settingsChanged: false,
+ allowedNumberOfTabsForSettingsPageDisplay: null,
+ isUsingCDPForSettingsPageDisplay: false,
+ },
+ actions: {
+ setIsUsingCDP: noop,
+ setProcessingMode: noop,
+ handleSettingsChange: noop,
+ setSettingsChanged: noop,
+ },
+};
+
+export default createContext(initialState);
diff --git a/packages/extension/src/view/devtools/stateProviders/settings/index.ts b/packages/extension/src/view/devtools/stateProviders/settings/index.ts
new file mode 100644
index 000000000..e8761d2c7
--- /dev/null
+++ b/packages/extension/src/view/devtools/stateProviders/settings/index.ts
@@ -0,0 +1,18 @@
+/*
+ * 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 SettingsProvider } from './settingsProvider';
+export { default as SettingsContext } from './context';
+export { default as useSettings } from './useSettings';
diff --git a/packages/extension/src/view/devtools/stateProviders/syncSettingsStore/index.tsx b/packages/extension/src/view/devtools/stateProviders/settings/settingsProvider.tsx
similarity index 71%
rename from packages/extension/src/view/devtools/stateProviders/syncSettingsStore/index.tsx
rename to packages/extension/src/view/devtools/stateProviders/settings/settingsProvider.tsx
index eee967a08..9c852a3a1 100644
--- a/packages/extension/src/view/devtools/stateProviders/syncSettingsStore/index.tsx
+++ b/packages/extension/src/view/devtools/stateProviders/settings/settingsProvider.tsx
@@ -16,14 +16,17 @@
/**
* External dependencies.
*/
-import { useContextSelector, createContext } from 'use-context-selector';
import React, {
type PropsWithChildren,
useEffect,
useState,
useCallback,
} from 'react';
-import { noop } from '@ps-analysis-tool/design-system';
+/**
+ * Internal dependencies.
+ */
+import Context, { type SettingsStoreContext } from './context';
+import { SERVICE_WORKER_TABS_RELOAD_COMMAND } from '../../../../constants';
enum PLATFORM_OS_MAP {
mac = 'MacOS',
@@ -35,56 +38,7 @@ enum PLATFORM_OS_MAP {
fuchsia = 'Fuchsia',
}
-export interface SettingStoreContext {
- state: {
- allowedNumberOfTabs: string | null;
- currentTabs: number;
- currentExtensions:
- | {
- extensionName: string;
- extensionId: string;
- }[]
- | null;
- browserInformation: string | null;
- PSATVersion: string | null;
- OSInformation: string | null;
- isUsingCDP: boolean;
- settingsChanged: boolean;
- allowedNumberOfTabsForSettingsPageDisplay: string | null;
- isUsingCDPForSettingsPageDisplay: boolean;
- };
- actions: {
- setProcessingMode: (newState: boolean) => void;
- setIsUsingCDP: (newValue: boolean) => void;
- handleSettingsChange: () => void;
- setSettingsChanged: React.Dispatch>;
- };
-}
-
-const initialState: SettingStoreContext = {
- state: {
- allowedNumberOfTabs: null,
- currentTabs: 0,
- currentExtensions: null,
- browserInformation: null,
- PSATVersion: null,
- OSInformation: null,
- isUsingCDP: false,
- settingsChanged: false,
- allowedNumberOfTabsForSettingsPageDisplay: null,
- isUsingCDPForSettingsPageDisplay: false,
- },
- actions: {
- setIsUsingCDP: noop,
- setProcessingMode: noop,
- handleSettingsChange: noop,
- setSettingsChanged: noop,
- },
-};
-
-export const Context = createContext(initialState);
-
-export const Provider = ({ children }: PropsWithChildren) => {
+const Provider = ({ children }: PropsWithChildren) => {
const [allowedNumberOfTabs, setAllowedNumberOfTabs] = useState(
null
);
@@ -102,15 +56,16 @@ export const Provider = ({ children }: PropsWithChildren) => {
] = useState(false);
const [currentTabs, setCurrentTabs] =
- useState(0);
+ useState(0);
const [browserInformation, setBrowserInformation] = useState(
null
);
- const [PSATVersion, setPSATVersion] = useState(null);
+ const [PSATVersion, setPSATVersion] =
+ useState(null);
const [currentExtensions, setCurrentExtensions] =
- useState(null);
+ useState(null);
const [OSInformation, setOSInformation] =
- useState(null);
+ useState(null);
const intitialSync = useCallback(async () => {
const sessionStorage = await chrome.storage.session.get();
@@ -186,20 +141,20 @@ export const Provider = ({ children }: PropsWithChildren) => {
}
}, [OSInformation]);
- const setProcessingMode = useCallback((newState: boolean) => {
+ const setProcessingMode = useCallback(async (newState: boolean) => {
const valueToBeSet: boolean | string = newState ? 'unlimited' : 'single';
setAllowedNumberOfTabsForSettingsPageDisplay(valueToBeSet);
setSettingsChanged(true);
- chrome.storage.session.set({
+ await chrome.storage.session.set({
allowedNumberOfTabs: valueToBeSet,
pendingReload: true,
});
}, []);
- const _setUsingCDP = useCallback((newValue: boolean) => {
+ const _setUsingCDP = useCallback(async (newValue: boolean) => {
setIsUsingCDPForSettingsPageDisplay(newValue);
setSettingsChanged(true);
- chrome.storage.session.set({
+ await chrome.storage.session.set({
isUsingCDP: newValue,
pendingReload: true,
});
@@ -207,10 +162,7 @@ export const Provider = ({ children }: PropsWithChildren) => {
const storeChangeListener = useCallback(
(changes: { [key: string]: chrome.storage.StorageChange }) => {
- if (
- Object.keys(changes).includes('allowedNumberOfTabs') &&
- Object.keys(changes.allowedNumberOfTabs).includes('newValue')
- ) {
+ if (changes?.['allowedNumberOfTabs']?.['newValue']) {
setAllowedNumberOfTabs(changes?.allowedNumberOfTabs?.newValue);
setAllowedNumberOfTabsForSettingsPageDisplay(
changes?.allowedNumberOfTabs?.newValue
@@ -230,10 +182,7 @@ export const Provider = ({ children }: PropsWithChildren) => {
const sessionStoreChangeListener = useCallback(
(changes: { [key: string]: chrome.storage.StorageChange }) => {
- if (
- Object.keys(changes).includes('allowedNumberOfTabs') &&
- Object.keys(changes.allowedNumberOfTabs).includes('newValue')
- ) {
+ if (changes?.['allowedNumberOfTabs']?.['newValue']) {
setAllowedNumberOfTabsForSettingsPageDisplay(
changes.allowedNumberOfTabs.newValue
);
@@ -259,7 +208,7 @@ export const Provider = ({ children }: PropsWithChildren) => {
const handleSettingsChange = useCallback(async () => {
if (settingsChanged) {
await chrome.runtime.sendMessage({
- type: 'DevTools::ServiceWorker::RELOAD_ALL_TABS',
+ type: SERVICE_WORKER_TABS_RELOAD_COMMAND,
});
setSettingsChanged(false);
@@ -307,19 +256,4 @@ export const Provider = ({ children }: PropsWithChildren) => {
);
};
-export function useSettingsStore(): SettingStoreContext;
-export function useSettingsStore(
- selector: (state: SettingStoreContext) => T
-): T;
-
-/**
- * Cookie store hook.
- * @param selector Selector function to partially select state.
- * @returns selected part of the state
- */
-export function useSettingsStore(
- selector: (state: SettingStoreContext) => T | SettingStoreContext = (state) =>
- state
-) {
- return useContextSelector(Context, selector);
-}
+export default Provider;
diff --git a/packages/extension/src/view/devtools/stateProviders/settings/useSettings.ts b/packages/extension/src/view/devtools/stateProviders/settings/useSettings.ts
new file mode 100644
index 000000000..20807b751
--- /dev/null
+++ b/packages/extension/src/view/devtools/stateProviders/settings/useSettings.ts
@@ -0,0 +1,41 @@
+/*
+ * 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 { useContextSelector } from '@ps-analysis-tool/common';
+/**
+ * Internal dependencies.
+ */
+import Context, { type SettingsStoreContext } from './context';
+
+export function useSettings(): SettingsStoreContext;
+export function useSettings(selector: (state: SettingsStoreContext) => T): T;
+
+/**
+ * Cookie store hook.
+ * @param selector Selector function to partially select state.
+ * @returns selected part of the state
+ */
+export function useSettings(
+ selector: (state: SettingsStoreContext) => T | SettingsStoreContext = (
+ state
+ ) => state
+) {
+ return useContextSelector(Context, selector);
+}
+
+export default useSettings;
diff --git a/packages/extension/src/view/devtools/tabs.ts b/packages/extension/src/view/devtools/tabs.ts
new file mode 100644
index 000000000..1d9c73b37
--- /dev/null
+++ b/packages/extension/src/view/devtools/tabs.ts
@@ -0,0 +1,254 @@
+/*
+ * 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 {
+ CookieIcon,
+ CookieIconWhite,
+ SiteBoundariesIcon,
+ SiteBoundariesIconWhite,
+ ChipsIcon,
+ ChipsIconWhite,
+ RelatedWebsiteSetsIcon,
+ RelatedWebsiteSetsIconWhite,
+ PrivateAdvertisingIcon,
+ PrivateAdvertisingIconWhite,
+ AntiCovertTrackingIcon,
+ AntiCovertTrackingIconWhite,
+ AttributionIcon,
+ AttributionIconWhite,
+ BounceTrackingIcon,
+ BounceTrackingIconWhite,
+ FingerPrintingIcon,
+ FingerPrintingIconWhite,
+ TopicsIcon,
+ TopicsIconWhite,
+ PrivacySandboxIcon,
+ PrivacySandboxIconWhite,
+ type SidebarItems,
+ InfoIcon,
+ SIDEBAR_ITEMS_KEYS,
+} from '@ps-analysis-tool/design-system';
+
+/**
+ * Internal dependencies.
+ */
+// @ts-ignore
+// eslint-disable-next-line import/no-relative-packages
+import SettingsTab from '../../../../../assets/icons/settings-tab.svg';
+// @ts-ignore
+// eslint-disable-next-line import/no-relative-packages
+import SettingsTabWhite from '../../../../../assets/icons/settings-tab-white.svg';
+import {
+ SiteBoundaries,
+ Chips,
+ RelatedWebsiteSets,
+ PrivateAdvertising,
+ AntiCovertTracking,
+ Topics,
+ Attribution,
+ BounceTracking,
+ Fingerprinting,
+ PrivacySandbox,
+ Settings,
+ FacilitatedTesting,
+} from './components';
+
+const TABS: SidebarItems = {
+ [SIDEBAR_ITEMS_KEYS.PRIVACY_SANDBOX]: {
+ title: 'Privacy Sandbox',
+ panel: {
+ Element: PrivacySandbox,
+ },
+ icon: {
+ Element: PrivacySandboxIcon,
+ },
+ selectedIcon: {
+ Element: PrivacySandboxIconWhite,
+ },
+ dropdownOpen: true,
+ children: {
+ [SIDEBAR_ITEMS_KEYS.COOKIES]: {
+ title: 'Cookies',
+ icon: {
+ Element: CookieIcon,
+ },
+ selectedIcon: {
+ Element: CookieIconWhite,
+ },
+ children: {},
+ dropdownOpen: true,
+ },
+ [SIDEBAR_ITEMS_KEYS.SITE_BOUNDARIES]: {
+ title: 'Site Boundaries',
+ panel: {
+ Element: SiteBoundaries,
+ },
+ icon: {
+ Element: SiteBoundariesIcon,
+ },
+ selectedIcon: {
+ Element: SiteBoundariesIconWhite,
+ },
+ children: {
+ [SIDEBAR_ITEMS_KEYS.CHIPS]: {
+ title: 'CHIPS',
+ panel: {
+ Element: Chips,
+ },
+ icon: {
+ Element: ChipsIcon,
+ },
+ selectedIcon: {
+ Element: ChipsIconWhite,
+ },
+ children: {},
+ },
+ [SIDEBAR_ITEMS_KEYS.RELATED_WEBSITE_SETS]: {
+ title: 'Related Website Sets',
+ panel: {
+ Element: RelatedWebsiteSets,
+ },
+ icon: {
+ Element: RelatedWebsiteSetsIcon,
+ },
+ selectedIcon: {
+ Element: RelatedWebsiteSetsIconWhite,
+ },
+ children: {},
+ },
+ },
+ },
+ [SIDEBAR_ITEMS_KEYS.PRIVATE_ADVERTISING]: {
+ title: 'Private Advertising',
+ panel: {
+ Element: PrivateAdvertising,
+ },
+ icon: {
+ Element: PrivateAdvertisingIcon,
+ },
+ selectedIcon: {
+ Element: PrivateAdvertisingIconWhite,
+ },
+ children: {
+ [SIDEBAR_ITEMS_KEYS.TOPICS]: {
+ title: 'Topics',
+ panel: {
+ Element: Topics,
+ },
+ icon: {
+ Element: TopicsIcon,
+ },
+ selectedIcon: {
+ Element: TopicsIconWhite,
+ },
+ children: {},
+ },
+ [SIDEBAR_ITEMS_KEYS.ATTRIBUTION]: {
+ title: 'Attribution',
+ panel: {
+ Element: Attribution,
+ },
+ icon: {
+ Element: AttributionIcon,
+ },
+ selectedIcon: {
+ Element: AttributionIconWhite,
+ },
+ children: {},
+ },
+ },
+ },
+ [SIDEBAR_ITEMS_KEYS.ANTI_COVERT_TRACKING]: {
+ title: 'Tracking Protection',
+ panel: {
+ Element: AntiCovertTracking,
+ },
+ icon: {
+ Element: AntiCovertTrackingIcon,
+ },
+ selectedIcon: {
+ Element: AntiCovertTrackingIconWhite,
+ },
+ children: {
+ [SIDEBAR_ITEMS_KEYS.BOUNCE_TRACKING]: {
+ title: 'Bounce Tracking',
+ panel: {
+ Element: BounceTracking,
+ },
+ icon: {
+ Element: BounceTrackingIcon,
+ },
+ selectedIcon: {
+ Element: BounceTrackingIconWhite,
+ },
+ children: {},
+ },
+ [SIDEBAR_ITEMS_KEYS.FINGERPRINTING]: {
+ title: 'Fingerprinting',
+ panel: {
+ Element: Fingerprinting,
+ },
+ icon: {
+ Element: FingerPrintingIcon,
+ },
+ selectedIcon: {
+ Element: FingerPrintingIconWhite,
+ },
+ children: {},
+ },
+ },
+ },
+ },
+ },
+ [SIDEBAR_ITEMS_KEYS.FACILITATED_TESTING]: {
+ title: 'Facilitated Testing',
+ panel: {
+ Element: FacilitatedTesting,
+ },
+ icon: {
+ Element: InfoIcon,
+ props: {
+ className: 'fill-gray',
+ },
+ },
+ selectedIcon: {
+ Element: InfoIcon,
+ props: {
+ className: 'fill-white',
+ },
+ },
+ dropdownOpen: false,
+ children: {},
+ },
+ [SIDEBAR_ITEMS_KEYS.SETTINGS]: {
+ title: 'Settings',
+ panel: {
+ Element: Settings,
+ },
+ icon: {
+ Element: SettingsTab,
+ },
+ selectedIcon: {
+ Element: SettingsTabWhite,
+ },
+ dropdownOpen: false,
+ children: {},
+ },
+};
+
+export default TABS;
diff --git a/packages/extension/src/view/devtools/tabs.tsx b/packages/extension/src/view/devtools/tabs.tsx
deleted file mode 100644
index 94c0c11e0..000000000
--- a/packages/extension/src/view/devtools/tabs.tsx
+++ /dev/null
@@ -1,172 +0,0 @@
-/*
- * 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 {
- CookieIcon,
- CookieIconWhite,
- SiteBoundariesIcon,
- SiteBoundariesIconWhite,
- ChipsIcon,
- ChipsIconWhite,
- RelatedWebsiteSetsIcon,
- RelatedWebsiteSetsIconWhite,
- PrivateAdvertisingIcon,
- PrivateAdvertisingIconWhite,
- AntiCovertTrackingIcon,
- AntiCovertTrackingIconWhite,
- AttributionIcon,
- AttributionIconWhite,
- BounceTrackingIcon,
- BounceTrackingIconWhite,
- FingerPrintingIcon,
- FingerPrintingIconWhite,
- TopicsIcon,
- TopicsIconWhite,
- PrivacySandboxIcon,
- PrivacySandboxIconWhite,
- type SidebarItems,
- InfoIcon,
-} from '@ps-analysis-tool/design-system';
-
-/**
- * Internal dependencies.
- */
-// @ts-ignore
-// eslint-disable-next-line import/no-relative-packages
-import SettingsTab from '../../../../../assets/icons/settings-tab.svg';
-// @ts-ignore
-// eslint-disable-next-line import/no-relative-packages
-import SettingsTabWhite from '../../../../../assets/icons/settings-tab-white.svg';
-import {
- SiteBoundaries,
- Chips,
- RelatedWebsiteSets,
- PrivateAdvertising,
- AntiCovertTracking,
- Topics,
- Attribution,
- BounceTracking,
- Fingerprinting,
- PrivacySandbox,
- Settings,
- FacilitatedTesting,
-} from './components';
-
-const TABS: SidebarItems = {
- privacySandbox: {
- title: 'Privacy Sandbox',
- panel: Not much to analyze here
@@ -111,7 +115,7 @@ const App: React.FC = () => {
No cookies found on this page
@@ -165,7 +169,7 @@ const App: React.FC = () => {
diff --git a/packages/extension/src/view/popup/index.tsx b/packages/extension/src/view/popup/index.tsx
index a7b026868..c0ffb61eb 100644
--- a/packages/extension/src/view/popup/index.tsx
+++ b/packages/extension/src/view/popup/index.tsx
@@ -24,16 +24,18 @@ import { createRoot } from 'react-dom/client';
* Internal dependencies.
*/
import App from './app';
-import { Provider as ExternalStoreProvider } from './stateProviders/syncCookieStore';
+import { CookieProvider, SettingsProvider } from './stateProviders';
const root = document.getElementById('root');
if (root) {
createRoot(root).render(
-
-
-
+
+
+
+
+
);
}
diff --git a/packages/extension/src/view/popup/stateProviders/cookie/context.ts b/packages/extension/src/view/popup/stateProviders/cookie/context.ts
new file mode 100644
index 000000000..d58850a99
--- /dev/null
+++ b/packages/extension/src/view/popup/stateProviders/cookie/context.ts
@@ -0,0 +1,72 @@
+/*
+ * 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 {
+ noop,
+ createContext,
+ type CookiesCount,
+} from '@ps-analysis-tool/common';
+
+export interface CookieStoreContext {
+ state: {
+ tabCookieStats: CookiesCount | null;
+ isCurrentTabBeingListenedTo: boolean;
+ loading: boolean;
+ returningToSingleTab: boolean;
+ tabId: number | null;
+ onChromeUrl: boolean;
+ };
+ actions: {
+ changeListeningToThisTab: () => void;
+ };
+}
+
+const initialState: CookieStoreContext = {
+ state: {
+ tabCookieStats: {
+ total: 0,
+ blockedCookies: {
+ total: 0,
+ },
+ firstParty: {
+ total: 0,
+ functional: 0,
+ marketing: 0,
+ analytics: 0,
+ uncategorized: 0,
+ },
+ thirdParty: {
+ total: 0,
+ functional: 0,
+ marketing: 0,
+ analytics: 0,
+ uncategorized: 0,
+ },
+ },
+ isCurrentTabBeingListenedTo: false,
+ loading: true,
+ returningToSingleTab: false,
+ onChromeUrl: false,
+ tabId: null,
+ },
+ actions: {
+ changeListeningToThisTab: noop,
+ },
+};
+
+export default createContext
(initialState);
diff --git a/packages/extension/src/view/popup/stateProviders/cookie/cookieProvider.tsx b/packages/extension/src/view/popup/stateProviders/cookie/cookieProvider.tsx
new file mode 100644
index 000000000..ca3a3d7e2
--- /dev/null
+++ b/packages/extension/src/view/popup/stateProviders/cookie/cookieProvider.tsx
@@ -0,0 +1,226 @@
+/*
+ * 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, {
+ type PropsWithChildren,
+ useEffect,
+ useState,
+ useCallback,
+ useRef,
+} from 'react';
+import { useDebouncedCallback } from 'use-debounce';
+import { prepareCookiesCount } from '@ps-analysis-tool/design-system';
+import { type CookieData } from '@ps-analysis-tool/common';
+
+/**
+ * Internal dependencies.
+ */
+import { getCurrentTab } from '../../../../utils/getCurrentTabId';
+import {
+ ALLOWED_NUMBER_OF_TABS,
+ INITIAL_SYNC,
+ NEW_COOKIE_DATA,
+ POPUP_CLOSE,
+ POPUP_OPEN,
+ SERVICE_WORKER_RELOAD_MESSAGE,
+ SET_TAB_TO_READ,
+} from '../../../../constants';
+import { useSettings } from '../settings';
+import Context, { type CookieStoreContext } from './context';
+
+const Provider = ({ children }: PropsWithChildren) => {
+ const [tabId, setTabId] = useState(null);
+
+ const [tabToRead, setTabToRead] = useState(null);
+ const [tabCookieStats, setTabCookieStats] =
+ useState(null);
+
+ const [returningToSingleTab, setReturningToSingleTab] =
+ useState(false);
+
+ const [loading, setLoading] = useState(true);
+
+ const [isCurrentTabBeingListenedTo, setIsCurrentTabBeingListenedTo] =
+ useState(false);
+
+ const [onChromeUrl, setOnChromeUrl] = useState(false);
+
+ const loadingTimeout = useRef | null>(null);
+
+ const { setSettingsChanged } = useSettings(({ actions }) => ({
+ setSettingsChanged: actions.setSettingsChanged,
+ }));
+
+ useEffect(() => {
+ loadingTimeout.current = setTimeout(() => {
+ setLoading(false);
+ }, 6500);
+
+ return () => {
+ if (loadingTimeout.current) {
+ clearTimeout(loadingTimeout.current);
+ }
+ };
+ }, []);
+
+ const setDebouncedStats = useDebouncedCallback((value) => {
+ setTabCookieStats(value);
+ setLoading(false);
+ }, 100);
+
+ const intitialSync = useCallback(async () => {
+ const tab = await getCurrentTab();
+
+ const availableTabs = await chrome.tabs.query({});
+
+ if (
+ availableTabs.length === ALLOWED_NUMBER_OF_TABS &&
+ availableTabs.filter(
+ (processingTab) => processingTab.id?.toString() === tabToRead
+ )
+ ) {
+ setReturningToSingleTab(true);
+ }
+
+ if (!tab || !tab[0].id || !tab[0].url) {
+ return;
+ }
+
+ if (tab[0].url.startsWith('chrome:')) {
+ setOnChromeUrl(true);
+ } else {
+ setOnChromeUrl(false);
+ }
+
+ setTabId(tab[0].id);
+ }, [tabToRead]);
+
+ useEffect(() => {
+ chrome.runtime.sendMessage({
+ type: POPUP_OPEN,
+ payload: {
+ tabId: tabId,
+ },
+ });
+
+ return () => {
+ chrome.runtime.sendMessage({
+ type: POPUP_CLOSE,
+ payload: {
+ tabId: tabId,
+ },
+ });
+ };
+ }, [tabId]);
+
+ const changeListeningToThisTab = useCallback(() => {
+ chrome.runtime.sendMessage({
+ type: SET_TAB_TO_READ,
+ payload: {
+ tabId,
+ },
+ });
+ }, [tabId]);
+
+ useEffect(() => {
+ const listener = (message: {
+ type: string;
+ payload: {
+ tabId?: number;
+ cookieData?: { [key: string]: CookieData };
+ tabToRead?: string;
+ tabProcessingMode?: string;
+ isUsingCDPNewValue?: boolean;
+ tabMode?: string;
+ };
+ }) => {
+ if (!message.type) {
+ return;
+ }
+
+ const incomingMessageType = message.type;
+
+ if (SET_TAB_TO_READ === incomingMessageType) {
+ setTabToRead(message?.payload?.tabId?.toString() || null);
+ setIsCurrentTabBeingListenedTo(true);
+ setLoading(false);
+ }
+
+ if (NEW_COOKIE_DATA === incomingMessageType) {
+ if (
+ message?.payload?.tabId &&
+ tabId?.toString() === message?.payload?.tabId.toString()
+ ) {
+ setTabCookieStats(
+ prepareCookiesCount(message?.payload?.cookieData ?? null)
+ );
+ setLoading(false);
+ }
+ }
+
+ if (INITIAL_SYNC === incomingMessageType) {
+ if (message?.payload?.tabMode === 'unlimited') {
+ setIsCurrentTabBeingListenedTo(true);
+ setTabToRead(null);
+ } else {
+ setIsCurrentTabBeingListenedTo(
+ tabId?.toString() === message?.payload?.tabToRead
+ );
+ setTabToRead(message?.payload?.tabToRead || null);
+ }
+ setLoading(false);
+ }
+
+ if (SERVICE_WORKER_RELOAD_MESSAGE === incomingMessageType) {
+ setSettingsChanged(false);
+ }
+ };
+
+ chrome.runtime.onMessage.addListener(listener);
+
+ return () => {
+ chrome.runtime.onMessage.removeListener(listener);
+ };
+ }, [setDebouncedStats, tabId, setSettingsChanged]);
+
+ useEffect(() => {
+ intitialSync();
+ }, [intitialSync]);
+
+ return (
+
+ {children}
+
+ );
+};
+
+export default Provider;
diff --git a/packages/extension/src/view/popup/stateProviders/cookie/index.ts b/packages/extension/src/view/popup/stateProviders/cookie/index.ts
new file mode 100644
index 000000000..ec0295af0
--- /dev/null
+++ b/packages/extension/src/view/popup/stateProviders/cookie/index.ts
@@ -0,0 +1,18 @@
+/*
+ * 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 CookieProvider } from './cookieProvider';
+export { default as CookieContext } from './context';
+export { default as useCookie } from './useCookie';
diff --git a/packages/extension/src/view/popup/stateProviders/cookie/useCookie.ts b/packages/extension/src/view/popup/stateProviders/cookie/useCookie.ts
new file mode 100644
index 000000000..e6e3b8c1e
--- /dev/null
+++ b/packages/extension/src/view/popup/stateProviders/cookie/useCookie.ts
@@ -0,0 +1,41 @@
+/*
+ * 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 { useContextSelector } from '@ps-analysis-tool/common';
+
+/**
+ * Internal dependencies.
+ */
+import Context, { type CookieStoreContext } from './context';
+
+export function useCookie(): CookieStoreContext;
+export function useCookie(selector: (state: CookieStoreContext) => T): T;
+
+/**
+ * Cookie store hook.
+ * @param selector Selector function to partially select state.
+ * @returns selected part of the state
+ */
+export function useCookie(
+ selector: (state: CookieStoreContext) => T | CookieStoreContext = (state) =>
+ state
+) {
+ return useContextSelector(Context, selector);
+}
+
+export default useCookie;
diff --git a/packages/extension/src/view/popup/stateProviders/index.ts b/packages/extension/src/view/popup/stateProviders/index.ts
new file mode 100644
index 000000000..9dc63ead5
--- /dev/null
+++ b/packages/extension/src/view/popup/stateProviders/index.ts
@@ -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 * from './cookie';
+export * from './settings';
diff --git a/packages/extension/src/view/popup/stateProviders/settings/context.ts b/packages/extension/src/view/popup/stateProviders/settings/context.ts
new file mode 100644
index 000000000..188daafea
--- /dev/null
+++ b/packages/extension/src/view/popup/stateProviders/settings/context.ts
@@ -0,0 +1,51 @@
+/*
+ * 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 { noop, createContext } from '@ps-analysis-tool/common';
+
+export interface SettingsStoreContext {
+ state: {
+ allowedNumberOfTabs: string | null;
+ isUsingCDP: boolean;
+ settingsChanged: boolean;
+ allowedNumberOfTabsForSettingsDisplay: string | null;
+ isUsingCDPForSettingsDisplay: boolean;
+ };
+ actions: {
+ handleSettingsChange: () => void;
+ setUsingCDP: (newValue: boolean) => void;
+ setSettingsChanged: (newValue: boolean) => void;
+ };
+}
+
+const initialState: SettingsStoreContext = {
+ state: {
+ allowedNumberOfTabs: null,
+ isUsingCDP: false,
+ settingsChanged: false,
+ allowedNumberOfTabsForSettingsDisplay: null,
+ isUsingCDPForSettingsDisplay: false,
+ },
+ actions: {
+ handleSettingsChange: noop,
+ setUsingCDP: noop,
+ setSettingsChanged: noop,
+ },
+};
+
+export default createContext(initialState);
diff --git a/packages/extension/src/view/popup/stateProviders/settings/index.ts b/packages/extension/src/view/popup/stateProviders/settings/index.ts
new file mode 100644
index 000000000..e8761d2c7
--- /dev/null
+++ b/packages/extension/src/view/popup/stateProviders/settings/index.ts
@@ -0,0 +1,18 @@
+/*
+ * 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 SettingsProvider } from './settingsProvider';
+export { default as SettingsContext } from './context';
+export { default as useSettings } from './useSettings';
diff --git a/packages/extension/src/view/popup/stateProviders/settings/settingsProvider.tsx b/packages/extension/src/view/popup/stateProviders/settings/settingsProvider.tsx
new file mode 100644
index 000000000..b87c3a503
--- /dev/null
+++ b/packages/extension/src/view/popup/stateProviders/settings/settingsProvider.tsx
@@ -0,0 +1,176 @@
+/*
+ * 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, {
+ type PropsWithChildren,
+ useEffect,
+ useState,
+ useCallback,
+} from 'react';
+
+/**
+ * Internal dependencies
+ */
+import Context from './context';
+import { SERVICE_WORKER_TABS_RELOAD_COMMAND } from '../../../../constants';
+
+const Provider = ({ children }: PropsWithChildren) => {
+ const [allowedNumberOfTabs, setAllowedNumberOfTabs] = useState(
+ null
+ );
+ const [
+ allowedNumberOfTabsForSettingsDisplay,
+ setAllowedNumberOfTabsForSettingsDisplay,
+ ] = useState(null);
+
+ const [settingsChanged, setSettingsChanged] = useState(false);
+
+ const [isUsingCDP, _setIsUsingCDP] = useState(false);
+ const [isUsingCDPForSettingsDisplay, setIsUsingCDPForSettingsDisplay] =
+ useState(false);
+
+ const intitialSync = useCallback(async () => {
+ const sessionStorage = await chrome.storage.session.get();
+ const currentSettings = await chrome.storage.sync.get();
+
+ if (Object.keys(sessionStorage).includes('pendingReload')) {
+ setSettingsChanged(sessionStorage?.pendingReload);
+
+ if (Object.keys(sessionStorage).includes('allowedNumberOfTabs')) {
+ setAllowedNumberOfTabsForSettingsDisplay(
+ sessionStorage.allowedNumberOfTabs
+ );
+ } else {
+ setAllowedNumberOfTabsForSettingsDisplay(
+ currentSettings.allowedNumberOfTabs
+ );
+ }
+
+ if (Object.keys(sessionStorage).includes('isUsingCDP')) {
+ setIsUsingCDPForSettingsDisplay(sessionStorage.isUsingCDP);
+ } else {
+ setIsUsingCDPForSettingsDisplay(currentSettings.isUsingCDP);
+ }
+ } else {
+ setAllowedNumberOfTabsForSettingsDisplay(
+ currentSettings.allowedNumberOfTabs
+ );
+ setIsUsingCDPForSettingsDisplay(currentSettings.isUsingCDP);
+ }
+
+ if (Object.keys(currentSettings).includes('allowedNumberOfTabs')) {
+ setAllowedNumberOfTabs(currentSettings.allowedNumberOfTabs);
+ }
+
+ if (Object.keys(currentSettings).includes('isUsingCDP')) {
+ _setIsUsingCDP(currentSettings.isUsingCDP);
+ }
+ }, []);
+
+ const setUsingCDP = useCallback(async (newValue: boolean) => {
+ setIsUsingCDPForSettingsDisplay(newValue);
+ await chrome.storage.session.set({
+ isUsingCDP: newValue,
+ pendingReload: true,
+ });
+ }, []);
+
+ const sessionStoreChangeListener = useCallback(
+ (changes: { [key: string]: chrome.storage.StorageChange }) => {
+ if (changes?.['allowedNumberOfTabs']?.['newValue']) {
+ setAllowedNumberOfTabsForSettingsDisplay(
+ changes?.allowedNumberOfTabs?.newValue
+ );
+ setSettingsChanged(true);
+ }
+
+ if (
+ Object.keys(changes).includes('isUsingCDP') &&
+ Object.keys(changes.isUsingCDP).includes('newValue')
+ ) {
+ setIsUsingCDPForSettingsDisplay(changes?.isUsingCDP?.newValue);
+ setSettingsChanged(true);
+ }
+ },
+ []
+ );
+
+ const handleSettingsChange = useCallback(async () => {
+ if (settingsChanged) {
+ await chrome.runtime.sendMessage({
+ type: SERVICE_WORKER_TABS_RELOAD_COMMAND,
+ });
+ setSettingsChanged(false);
+ }
+ }, [settingsChanged]);
+
+ const changeSyncStorageListener = useCallback(
+ (changes: { [key: string]: chrome.storage.StorageChange }) => {
+ if (changes?.['allowedNumberOfTabs']?.['newValue']) {
+ setAllowedNumberOfTabs(changes?.allowedNumberOfTabs?.newValue);
+ }
+
+ if (
+ Object.keys(changes).includes('isUsingCDP') &&
+ Object.keys(changes.isUsingCDP).includes('newValue')
+ ) {
+ _setIsUsingCDP(changes?.isUsingCDP?.newValue);
+ }
+ },
+ []
+ );
+
+ useEffect(() => {
+ intitialSync();
+ }, [intitialSync]);
+
+ useEffect(() => {
+ chrome.storage.sync.onChanged.addListener(changeSyncStorageListener);
+ chrome.storage.session.onChanged.addListener(sessionStoreChangeListener);
+
+ return () => {
+ chrome.storage.sync.onChanged.removeListener(changeSyncStorageListener);
+ chrome.storage.session.onChanged.removeListener(
+ sessionStoreChangeListener
+ );
+ };
+ }, [changeSyncStorageListener, sessionStoreChangeListener]);
+
+ return (
+
+ {children}
+
+ );
+};
+
+export default Provider;
diff --git a/packages/extension/src/view/popup/stateProviders/settings/useSettings.ts b/packages/extension/src/view/popup/stateProviders/settings/useSettings.ts
new file mode 100644
index 000000000..a6f621a68
--- /dev/null
+++ b/packages/extension/src/view/popup/stateProviders/settings/useSettings.ts
@@ -0,0 +1,42 @@
+/*
+ * 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 { useContextSelector } from '@ps-analysis-tool/common';
+
+/**
+ * Internal dependencies.
+ */
+import Context, { type SettingsStoreContext } from './context';
+
+export function useSettings(): SettingsStoreContext;
+export function useSettings(selector: (state: SettingsStoreContext) => T): T;
+
+/**
+ * Cookie store hook.
+ * @param selector Selector function to partially select state.
+ * @returns selected part of the state
+ */
+export function useSettings(
+ selector: (state: SettingsStoreContext) => T | SettingsStoreContext = (
+ state
+ ) => state
+) {
+ return useContextSelector(Context, selector);
+}
+
+export default useSettings;
diff --git a/packages/extension/src/view/popup/stateProviders/syncCookieStore/index.tsx b/packages/extension/src/view/popup/stateProviders/syncCookieStore/index.tsx
deleted file mode 100644
index c457756e2..000000000
--- a/packages/extension/src/view/popup/stateProviders/syncCookieStore/index.tsx
+++ /dev/null
@@ -1,420 +0,0 @@
-/*
- * 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 { useContextSelector, createContext } from 'use-context-selector';
-import React, {
- type PropsWithChildren,
- useEffect,
- useState,
- useCallback,
- useRef,
-} from 'react';
-import { useDebouncedCallback } from 'use-debounce';
-import { noop, prepareCookiesCount } from '@ps-analysis-tool/design-system';
-import { type CookieData, type CookiesCount } from '@ps-analysis-tool/common';
-
-/**
- * Internal dependencies.
- */
-import { getCurrentTab } from '../../../../utils/getCurrentTabId';
-import { ALLOWED_NUMBER_OF_TABS } from '../../../../constants';
-
-export interface CookieStoreContext {
- state: {
- tabCookieStats: CookiesCount | null;
- isCurrentTabBeingListenedTo: boolean;
- loading: boolean;
- returningToSingleTab: boolean;
- tabId: number | null;
- onChromeUrl: boolean;
- allowedNumberOfTabs: string | null;
- isUsingCDP: boolean;
- settingsChanged: boolean;
- allowedNumberOfTabsForSettingsDisplay: string | null;
- isUsingCDPForSettingsDisplay: boolean;
- };
- actions: {
- handleSettingsChange: () => void;
- changeListeningToThisTab: () => void;
- setIsUsingCDP: (newValue: boolean) => void;
- };
-}
-
-const initialState: CookieStoreContext = {
- state: {
- tabCookieStats: {
- total: 0,
- blockedCookies: {
- total: 0,
- },
- firstParty: {
- total: 0,
- functional: 0,
- marketing: 0,
- analytics: 0,
- uncategorized: 0,
- },
- thirdParty: {
- total: 0,
- functional: 0,
- marketing: 0,
- analytics: 0,
- uncategorized: 0,
- },
- },
- isCurrentTabBeingListenedTo: false,
- loading: true,
- returningToSingleTab: false,
- onChromeUrl: false,
- tabId: null,
- allowedNumberOfTabs: null,
- isUsingCDP: false,
- settingsChanged: false,
- allowedNumberOfTabsForSettingsDisplay: null,
- isUsingCDPForSettingsDisplay: false,
- },
- actions: {
- handleSettingsChange: noop,
- changeListeningToThisTab: noop,
- setIsUsingCDP: noop,
- },
-};
-
-export const Context = createContext(initialState);
-
-export const Provider = ({ children }: PropsWithChildren) => {
- const [tabId, setTabId] = useState(null);
-
- const [allowedNumberOfTabs, setAllowedNumberOfTabs] = useState(
- null
- );
- const [
- allowedNumberOfTabsForSettingsDisplay,
- setAllowedNumberOfTabsForSettingsDisplay,
- ] = useState(null);
-
- const [settingsChanged, setSettingsChanged] = useState(false);
-
- const [tabToRead, setTabToRead] = useState('');
- const [isUsingCDP, setIsUsingCDP] = useState(false);
- const [isUsingCDPForSettingsDisplay, setIsUsingCDPForSettingsDisplay] =
- useState(false);
-
- const [tabCookieStats, setTabCookieStats] =
- useState(null);
-
- const [returningToSingleTab, setReturningToSingleTab] =
- useState(false);
-
- const [loading, setLoading] = useState(true);
-
- const [isCurrentTabBeingListenedTo, setIsCurrentTabBeingListenedTo] =
- useState(false);
-
- const [onChromeUrl, setOnChromeUrl] = useState(false);
- const loadingTimeout = useRef | null>(null);
-
- useEffect(() => {
- loadingTimeout.current = setTimeout(() => {
- setLoading(false);
- }, 6500);
-
- return () => {
- if (loadingTimeout.current) {
- clearTimeout(loadingTimeout.current);
- }
- };
- }, []);
-
- const setDebouncedStats = useDebouncedCallback((value) => {
- setTabCookieStats(value);
- setLoading(false);
- }, 100);
-
- const _setUsingCDP = useCallback((newValue: boolean) => {
- setIsUsingCDPForSettingsDisplay(newValue);
- chrome.storage.session.set({
- isUsingCDP: newValue,
- pendingReload: true,
- });
- }, []);
-
- const intitialSync = useCallback(async () => {
- const sessionStorage = await chrome.storage.session.get();
- const currentSettings = await chrome.storage.sync.get();
-
- if (Object.keys(sessionStorage).includes('pendingReload')) {
- setSettingsChanged(sessionStorage?.pendingReload);
-
- if (Object.keys(sessionStorage).includes('allowedNumberOfTabs')) {
- setAllowedNumberOfTabsForSettingsDisplay(
- sessionStorage.allowedNumberOfTabs
- );
- } else {
- setAllowedNumberOfTabsForSettingsDisplay(
- currentSettings.allowedNumberOfTabs
- );
- }
-
- if (Object.keys(sessionStorage).includes('isUsingCDP')) {
- setIsUsingCDPForSettingsDisplay(sessionStorage.isUsingCDP);
- } else {
- setIsUsingCDPForSettingsDisplay(currentSettings.isUsingCDP);
- }
- } else {
- setAllowedNumberOfTabsForSettingsDisplay(
- currentSettings.allowedNumberOfTabs
- );
- setIsUsingCDPForSettingsDisplay(currentSettings.isUsingCDP);
- }
-
- if (Object.keys(currentSettings).includes('allowedNumberOfTabs')) {
- setAllowedNumberOfTabs(currentSettings.allowedNumberOfTabs);
- }
-
- if (Object.keys(currentSettings).includes('isUsingCDP')) {
- setIsUsingCDP(currentSettings.isUsingCDP);
- }
-
- const tab = await getCurrentTab();
-
- const availableTabs = await chrome.tabs.query({});
-
- if (
- availableTabs.length === ALLOWED_NUMBER_OF_TABS &&
- availableTabs.filter(
- (processingTab) => processingTab.id?.toString() === tabToRead
- )
- ) {
- setReturningToSingleTab(true);
- }
-
- if (!tab || !tab[0].id || !tab[0].url) {
- return;
- }
-
- if (tab[0].url.startsWith('chrome:')) {
- setOnChromeUrl(true);
- } else {
- setOnChromeUrl(false);
- }
-
- setTabId(tab[0].id);
- }, [tabToRead]);
-
- useEffect(() => {
- chrome.runtime.sendMessage({
- type: 'Popup::ServiceWorker::POPUP_STATE_OPEN',
- payload: {
- tabId: tabId,
- },
- });
-
- return () => {
- chrome.runtime.sendMessage({
- type: 'Popup::ServiceWorker::POPUP_STATE_CLOSE',
- payload: {
- tabId: tabId,
- },
- });
- };
- }, [tabId]);
-
- const changeListeningToThisTab = useCallback(() => {
- chrome.runtime.sendMessage({
- type: 'Popup::ServiceWorker::SET_TAB_TO_READ',
- payload: {
- tabId,
- },
- });
- }, [tabId]);
-
- const sessionStoreChangeListener = useCallback(
- (changes: { [key: string]: chrome.storage.StorageChange }) => {
- if (changes?.['allowedNumberOfTabs']?.['newValue']) {
- setAllowedNumberOfTabsForSettingsDisplay(
- changes?.allowedNumberOfTabs?.newValue
- );
- setSettingsChanged(true);
- }
-
- if (
- Object.keys(changes).includes('isUsingCDP') &&
- Object.keys(changes.isUsingCDP).includes('newValue')
- ) {
- setIsUsingCDPForSettingsDisplay(changes?.isUsingCDP?.newValue);
- setSettingsChanged(true);
- }
- },
- []
- );
-
- const handleSettingsChange = useCallback(async () => {
- if (settingsChanged) {
- await chrome.runtime.sendMessage({
- type: 'Popup::ServiceWorker::RELOAD_ALL_TABS',
- });
- setSettingsChanged(false);
- }
- }, [settingsChanged]);
-
- useEffect(() => {
- const listener = (message: {
- type: string;
- payload: {
- tabId?: string;
- cookieData?: { [key: string]: CookieData };
- tabToRead?: string;
- tabProcessingMode?: string;
- isUsingCDPNewValue?: boolean;
- tabMode?: string;
- };
- }) => {
- if (message.type === 'ServiceWorker::SET_TAB_TO_READ') {
- setTabToRead(message?.payload?.tabId || '');
- setIsCurrentTabBeingListenedTo(true);
- setLoading(false);
- }
-
- if (
- message.type === 'ServiceWorker::Popup::CHANGE_CDP_SETTING' &&
- typeof message?.payload?.isUsingCDPNewValue !== 'undefined'
- ) {
- setIsUsingCDP(message?.payload?.isUsingCDPNewValue);
- }
-
- if (message.type === 'ServiceWorker::Popup::NEW_COOKIE_DATA') {
- if (
- message?.payload?.tabId &&
- tabId?.toString() === message?.payload?.tabId.toString()
- ) {
- setTabCookieStats(
- prepareCookiesCount(message?.payload?.cookieData ?? null)
- );
- setLoading(false);
- }
- }
-
- if (message.type === 'ServiceWorker::Popup::INITIAL_SYNC') {
- if (message?.payload?.tabMode === 'unlimited') {
- setIsCurrentTabBeingListenedTo(true);
- setTabToRead('');
- } else {
- setIsCurrentTabBeingListenedTo(
- tabId?.toString() === message?.payload?.tabToRead
- );
- setTabToRead(message?.payload?.tabToRead || '');
- }
- setLoading(false);
- }
-
- if (message.type === 'ServiceWorker::TABS_RELOADED') {
- setSettingsChanged(false);
- }
- };
-
- chrome.runtime.onMessage.addListener(listener);
-
- return () => {
- chrome.runtime.onMessage.removeListener(listener);
- };
- }, [setDebouncedStats, tabId, allowedNumberOfTabs]);
-
- const changeSyncStorageListener = useCallback(
- (changes: { [key: string]: chrome.storage.StorageChange }) => {
- if (
- Object.keys(changes).includes('allowedNumberOfTabs') &&
- Object.keys(changes.allowedNumberOfTabs).includes('newValue')
- ) {
- setAllowedNumberOfTabs(changes?.allowedNumberOfTabs?.newValue);
- setAllowedNumberOfTabsForSettingsDisplay(
- changes?.allowedNumberOfTabs?.newValue
- );
- }
-
- if (
- Object.keys(changes).includes('isUsingCDP') &&
- Object.keys(changes.isUsingCDP).includes('newValue')
- ) {
- setIsUsingCDP(changes?.isUsingCDP?.newValue);
- setIsUsingCDPForSettingsDisplay(changes?.isUsingCDP?.newValue);
- }
- },
- []
- );
-
- useEffect(() => {
- intitialSync();
- }, [intitialSync]);
-
- useEffect(() => {
- chrome.storage.sync.onChanged.addListener(changeSyncStorageListener);
- chrome.storage.session.onChanged.addListener(sessionStoreChangeListener);
-
- return () => {
- chrome.storage.sync.onChanged.removeListener(changeSyncStorageListener);
- chrome.storage.session.onChanged.removeListener(
- sessionStoreChangeListener
- );
- };
- }, [changeSyncStorageListener, sessionStoreChangeListener]);
-
- return (
-
- {children}
-
- );
-};
-
-export function useCookieStore(): CookieStoreContext;
-export function useCookieStore(
- selector: (state: CookieStoreContext) => T
-): T;
-
-/**
- * Cookie store hook.
- * @param selector Selector function to partially select state.
- * @returns selected part of the state
- */
-export function useCookieStore(
- selector: (state: CookieStoreContext) => T | CookieStoreContext = (state) =>
- state
-) {
- return useContextSelector(Context, selector);
-}
diff --git a/packages/extension/src/view/popup/stories/app.stories.tsx b/packages/extension/src/view/popup/stories/app.stories.tsx
index e9e13f605..366b279ca 100644
--- a/packages/extension/src/view/popup/stories/app.stories.tsx
+++ b/packages/extension/src/view/popup/stories/app.stories.tsx
@@ -23,7 +23,7 @@ import type { Meta, StoryObj } from '@storybook/react';
* Internal dependencies.
*/
import App from '../app';
-import { Provider as ExternalStoreProvider } from '../stateProviders/syncCookieStore';
+import { Provider as ExternalStoreProvider } from '../stateProviders/cookie';
const meta: Meta = {
title: 'Extension/Popup/Page',
diff --git a/packages/extension/src/view/popup/tests/app.tsx b/packages/extension/src/view/popup/tests/app.tsx
index 85fa26b7e..82c96e2c1 100644
--- a/packages/extension/src/view/popup/tests/app.tsx
+++ b/packages/extension/src/view/popup/tests/app.tsx
@@ -26,16 +26,16 @@ import SinonChrome from 'sinon-chrome';
* Internal dependencies.
*/
import App from '../app';
-import { useCookieStore } from '../stateProviders/syncCookieStore';
+import { useCookie } from '../stateProviders';
// @ts-ignore
// eslint-disable-next-line import/no-unresolved
import PSInfo from 'ps-analysis-tool/data/PSInfo.json';
-jest.mock('../stateProviders/syncCookieStore', () => ({
- useCookieStore: jest.fn(),
+jest.mock('../stateProviders/cookie', () => ({
+ useCookie: jest.fn(),
}));
-const mockUseCookieStore = useCookieStore as jest.Mock;
+const mockUseCookieStore = useCookie as jest.Mock;
describe('App', () => {
beforeAll(() => {
@@ -65,6 +65,17 @@ describe('App', () => {
).toBeInTheDocument();
});
+ it('Should show loader', () => {
+ mockUseCookieStore.mockReturnValueOnce({
+ loading: true,
+ });
+ act(() => {
+ render(
+
+
+ {data && data?.cookiesStatsComponents?.exempted?.length > 0 && (
+
+ )}
+
+
+
+
+ {data.cookiesStatsComponents.blockedCookiesLegend.length > 0 && (
+
+ );
+};
+
+export default CookiesSection;
diff --git a/packages/extension/src/view/report/components/cookiesSection.tsx b/packages/extension/src/view/report/components/cookiesSection.tsx
new file mode 100644
index 000000000..80f927c1b
--- /dev/null
+++ b/packages/extension/src/view/report/components/cookiesSection.tsx
@@ -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 React from 'react';
+import {
+ CookiesLandingWrapper,
+ CookiesMatrix,
+} from '@ps-analysis-tool/design-system';
+/**
+ * Internal dependencies
+ */
+import { useData } from '../stateProviders/data';
+
+const CookiesSection = () => {
+ const data = useData(({ state }) => state.data);
+
+ if (!data) {
+ return null;
+ }
+
+ return (
+
+
+ );
+};
+
+export default CookiesSection;
diff --git a/packages/extension/src/view/report/components/exemptedCookiesSection.tsx b/packages/extension/src/view/report/components/exemptedCookiesSection.tsx
new file mode 100644
index 000000000..e40c77d55
--- /dev/null
+++ b/packages/extension/src/view/report/components/exemptedCookiesSection.tsx
@@ -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 React from 'react';
+import {
+ CookiesLandingWrapper,
+ CookiesMatrix,
+} from '@ps-analysis-tool/design-system';
+/**
+ * Internal dependencies
+ */
+import { useData } from '../stateProviders/data';
+
+const ExemptedCookiesSection = () => {
+ const data = useData(({ state }) => state.data);
+
+ if (!data) {
+ return <>;
+ }
+
+ return (
+
+ {data.cookiesStatsComponents.exemptedCookiesLegend.length > 0 && (
+
+ );
+};
+export default ExemptedCookiesSection;
diff --git a/packages/extension/src/view/report/components/framesSection.tsx b/packages/extension/src/view/report/components/framesSection.tsx
new file mode 100644
index 000000000..8982b11b5
--- /dev/null
+++ b/packages/extension/src/view/report/components/framesSection.tsx
@@ -0,0 +1,62 @@
+/*
+ * 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 {
+ CookiesLandingWrapper,
+ LEGEND_DESCRIPTION,
+ MatrixContainer,
+} from '@ps-analysis-tool/design-system';
+/**
+ * Internal dependencies
+ */
+import { useData } from '../stateProviders/data';
+
+const CookiesSection = () => {
+ const data = useData(({ state }) => state.data);
+
+ if (!data) {
+ return null;
+ }
+
+ const _data = data.frameStateCreator.legend.map((component) => {
+ const legendDescription = LEGEND_DESCRIPTION[component.label] || '';
+ return {
+ ...component,
+ description: legendDescription,
+ title: component.label,
+ containerClasses: '',
+ };
+ });
+
+ return (
+
+
+ );
+};
+
+export default CookiesSection;
diff --git a/packages/extension/src/view/report/components/index.ts b/packages/extension/src/view/report/components/index.ts
new file mode 100644
index 000000000..518994651
--- /dev/null
+++ b/packages/extension/src/view/report/components/index.ts
@@ -0,0 +1,20 @@
+/*
+ * 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';
+export { default as ExemptedCookiesSection } from './exemptedCookiesSection';
+export { default as FramesSection } from './framesSection';
diff --git a/packages/extension/src/view/report/index.html b/packages/extension/src/view/report/index.html
new file mode 100644
index 000000000..4da392046
--- /dev/null
+++ b/packages/extension/src/view/report/index.html
@@ -0,0 +1,11 @@
+
+
+
+ Report
+
+
+
+
+
diff --git a/packages/extension/src/view/report/index.tsx b/packages/extension/src/view/report/index.tsx
new file mode 100644
index 000000000..9503dd2dd
--- /dev/null
+++ b/packages/extension/src/view/report/index.tsx
@@ -0,0 +1,76 @@
+/*
+ * 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 { createRoot } from 'react-dom/client';
+import { LibraryDetectionProvider } from '@ps-analysis-tool/library-detection';
+import { noop } from '@ps-analysis-tool/common';
+
+/**
+ * Internal dependencies
+ */
+import App from './app';
+import { DataProvider } from './stateProviders/data';
+
+//@ts-ignore this global mock is needed for the provider LibraryDetectionProvider and the component LibraryDetection to work
+chrome = {
+ tabs: {
+ onUpdated: {
+ addListener: noop,
+ removeListener: noop,
+ },
+ },
+ devtools: {
+ inspectedWindow: {
+ onResourceAdded: {
+ addListener: noop,
+ removeListener: noop,
+ },
+ getResources: noop,
+ },
+ },
+ webNavigation: {
+ onErrorOccurred: {
+ addListener: noop,
+ removeListener: noop,
+ },
+ onBeforeNavigate: {
+ addListener: noop,
+ removeListener: noop,
+ },
+ onCompleted: {
+ addListener: noop,
+ removeListener: noop,
+ },
+ },
+};
+
+document.addEventListener('DOMContentLoaded', () => {
+ const root = document.getElementById('root');
+
+ if (root) {
+ createRoot(root).render(
+
+
+
+
+ );
+ }
+});
diff --git a/packages/extension/src/view/report/stateProviders/data/context.ts b/packages/extension/src/view/report/stateProviders/data/context.ts
new file mode 100644
index 000000000..ae7369aee
--- /dev/null
+++ b/packages/extension/src/view/report/stateProviders/data/context.ts
@@ -0,0 +1,78 @@
+/*
+ * 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 {
+ createContext,
+ type CookieStatsComponents,
+ type FrameStateCreator,
+ type TabCookies,
+ type TabFrames,
+ type DataMapping,
+ type LibraryData,
+} from '@ps-analysis-tool/common';
+
+export interface DataStoreContext {
+ state: {
+ isDataLoaded: boolean;
+ data: {
+ cookieClassificationDataMapping: DataMapping[];
+ cookiesStatsComponents: CookieStatsComponents;
+ tabCookies: TabCookies;
+ tabFrames: TabFrames;
+ showInfoIcon: boolean;
+ showHorizontalMatrix: boolean;
+ blockedCookieDataMapping: DataMapping[];
+ showBlockedInfoIcon: boolean;
+ frameStateCreator: FrameStateCreator;
+ libraryMatches: LibraryData;
+ exemptedCookiesDataMapping: DataMapping[];
+ } | null;
+ };
+}
+
+const initialState: DataStoreContext = {
+ state: {
+ data: {
+ cookieClassificationDataMapping: [],
+ cookiesStatsComponents: {
+ legend: [],
+ blockedCookiesLegend: [],
+ firstParty: [],
+ thirdParty: [],
+ blocked: [],
+ exemptedCookiesLegend: [],
+ exempted: [],
+ },
+ tabCookies: {},
+ tabFrames: {},
+ showInfoIcon: false,
+ showHorizontalMatrix: false,
+ blockedCookieDataMapping: [],
+ showBlockedInfoIcon: false,
+ frameStateCreator: {
+ dataMapping: [],
+ legend: [],
+ },
+ libraryMatches: {},
+ exemptedCookiesDataMapping: [],
+ },
+ isDataLoaded: false,
+ },
+};
+
+export default createContext(initialState);
diff --git a/packages/extension/src/view/report/stateProviders/data/dataProvider.tsx b/packages/extension/src/view/report/stateProviders/data/dataProvider.tsx
new file mode 100644
index 000000000..ce193a1c1
--- /dev/null
+++ b/packages/extension/src/view/report/stateProviders/data/dataProvider.tsx
@@ -0,0 +1,62 @@
+/*
+ * 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, useState, type PropsWithChildren } from 'react';
+import { useLibraryDetectionContext } from '@ps-analysis-tool/library-detection';
+/**
+ * Internal dependencies.
+ */
+import Context, { type DataStoreContext } from './context';
+
+const Provider = ({ children }: PropsWithChildren) => {
+ const [data, setData] = useState(null);
+ const [isDataLoaded, setIsDataLoaded] =
+ useState(false);
+
+ const { setLibraryMatches, setShowLoader } = useLibraryDetectionContext(
+ ({ actions }) => ({
+ setLibraryMatches: actions.setLibraryMatches,
+ setShowLoader: actions.setShowLoader,
+ })
+ );
+
+ useEffect(() => {
+ //@ts-ignore custom data attached to window breaks types
+ const _data = window.PSAT_DATA;
+
+ setData(_data);
+ setLibraryMatches(_data.libraryMatches);
+ setShowLoader(false);
+ setIsDataLoaded(true);
+ }, []);
+
+ return (
+
+ {children}
+
+ );
+};
+
+export default Provider;
diff --git a/packages/extension/src/view/report/stateProviders/data/index.ts b/packages/extension/src/view/report/stateProviders/data/index.ts
new file mode 100644
index 000000000..ba76d45b9
--- /dev/null
+++ b/packages/extension/src/view/report/stateProviders/data/index.ts
@@ -0,0 +1,18 @@
+/*
+ * 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 DataProvider } from './dataProvider';
+export { default as SettingsContext } from './context';
+export { default as useData } from './useData';
diff --git a/packages/extension/src/view/report/stateProviders/data/useData.ts b/packages/extension/src/view/report/stateProviders/data/useData.ts
new file mode 100644
index 000000000..5967d72b0
--- /dev/null
+++ b/packages/extension/src/view/report/stateProviders/data/useData.ts
@@ -0,0 +1,39 @@
+/*
+ * 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 { useContextSelector } from '@ps-analysis-tool/common';
+/**
+ * Internal dependencies.
+ */
+import Context, { type DataStoreContext } from './context';
+
+export function useData(): DataStoreContext;
+export function useData(selector: (state: DataStoreContext) => T): T;
+
+/**
+ * Data store hook.
+ * @param selector Selector function to partially select state.
+ * @returns selected part of the state
+ */
+export function useData(
+ selector: (state: DataStoreContext) => T | DataStoreContext = (state) => state
+) {
+ return useContextSelector(Context, selector);
+}
+
+export default useData;
diff --git a/packages/extension/src/view/report/tests/app.tsx b/packages/extension/src/view/report/tests/app.tsx
new file mode 100644
index 000000000..6c231de25
--- /dev/null
+++ b/packages/extension/src/view/report/tests/app.tsx
@@ -0,0 +1,79 @@
+/*
+ * 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 { render, screen } from '@testing-library/react';
+import { noop } from '@ps-analysis-tool/common';
+import '@testing-library/jest-dom';
+
+/**
+ * Internal dependencies.
+ */
+import App from '../app';
+import data from './data.mock';
+import { useData } from '../stateProviders/data';
+
+jest.mock('../stateProviders/data', () => ({
+ useData: jest.fn(),
+}));
+const mockUseDataStore = useData as jest.Mock;
+
+describe('Report View', () => {
+ globalThis.chrome = {
+ tabs: {
+ //@ts-ignore
+ onUpdated: {
+ addListener: noop,
+ removeListener: noop,
+ },
+ },
+ devtools: {
+ inspectedWindow: {
+ //@ts-ignore
+ onResourceAdded: {
+ addListener: noop,
+ removeListener: noop,
+ },
+ getResources: noop,
+ },
+ },
+ webNavigation: {
+ //@ts-ignore
+ onErrorOccurred: {
+ addListener: noop,
+ removeListener: noop,
+ },
+ //@ts-ignore
+ onBeforeNavigate: {
+ addListener: noop,
+ removeListener: noop,
+ },
+ //@ts-ignore
+ onCompleted: {
+ addListener: noop,
+ removeListener: noop,
+ },
+ },
+ };
+
+ it('Should add chrome API mocks ', async () => {
+ mockUseDataStore.mockReturnValue(data);
+ render(} A promise that resolves when messages are loaded.
+ */
+ async loadDashboardMessagesData(locale: string) {
+ const localeArray = this.createLocaleArray(locale);
+
+ let idx = 0;
+
+ const fetchWithRetry = async () => {
+ if (idx >= localeArray.length) {
+ return;
+ }
+
+ try {
+ const response = await fetch(
+ `/_locales/${localeArray[idx]}/messages.json`
+ );
+
+ if (!response.ok) {
+ throw new Error(
+ `Failed to fetch messages for locale ${localeArray[idx]}`
+ );
+ }
+
+ const data = await response.json();
+
+ this.initMessages(data);
+ } catch (error) {
+ idx++;
+ await fetchWithRetry();
+ }
+ };
+
+ await fetchWithRetry();
+ }
+
+ /**
+ * Loads messages data for the CLI.
+ * @param {string} locale - The locale string.
+ */
+ loadCLIMessagesData(locale: string) {
+ const localeArray = this.createLocaleArray(locale);
+
+ for (const _locale of localeArray) {
+ if (
+ existsSync(`packages/i18n/_locales/messages/${_locale}/messages.json`)
+ ) {
+ const messages = JSON.parse(
+ readFileSync(
+ `packages/i18n/_locales/messages/${_locale}/messages.json`,
+ {
+ encoding: 'utf-8',
+ }
+ )
+ );
+
+ this.initMessages(messages);
+ break;
+ }
+ }
+ }
+
+ /**
+ * Retrieves a translated message for a given key.
+ * @param {string} key - The key of the message to retrieve.
+ * @param {string[]} [substitutions] - An array of substitution values for placeholders in the message.
+ * @param {boolean} [escapeLt] - Whether to escape '<' characters.
+ * @returns {string} The translated message.
+ */
+ getMessage(key: string, substitutions?: string[], escapeLt?: boolean) {
+ if (typeof chrome !== 'undefined' && chrome?.i18n?.getMessage) {
+ // @ts-ignore - Outdated definition.
+ return chrome.i18n.getMessage(key, substitutions, {
+ escapeLt: Boolean(escapeLt),
+ });
+ }
+
+ return this._parseMessage(key, substitutions, escapeLt);
+ }
+
+ /**
+ * Parses a message with substitutions and placeholders.
+ * @param {string} key - The key of the message to parse.
+ * @param {string[]} [substitutions] - An array of substitution values for placeholders in the message.
+ * @param {boolean} [escapeLt] - Whether to escape '<' characters.
+ * @returns {string} The parsed message.
+ */
+ private _parseMessage(
+ key: string,
+ substitutions?: string[],
+ escapeLt?: boolean
+ ) {
+ const messageObj = this.messages?.[key];
+
+ if (!messageObj) {
+ return '';
+ }
+
+ const message = messageObj.message
+ .split('$')
+ .map((part, idx) => (idx % 2 ? `{${part}}` : part))
+ .join('');
+
+ const placeholders = Object.entries(messageObj.placeholders || {}).reduce<{
+ [key: string]: string;
+ }>((acc, [placeholderKey, val]) => {
+ const idx = Number(val.content.substring(1)) - 1;
+
+ acc[placeholderKey] = substitutions?.[idx] || '';
+
+ return acc;
+ }, {});
+
+ return new IntlMessageFormat(message, 'en', undefined, {
+ ignoreTag: escapeLt,
+ }).format(placeholders) as string;
+ }
+}
+
+export default new I18n();
diff --git a/packages/i18n/src/index.ts b/packages/i18n/src/index.ts
new file mode 100644
index 000000000..6bacad137
--- /dev/null
+++ b/packages/i18n/src/index.ts
@@ -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 I18n } from './i18n';
diff --git a/packages/i18n/src/tests/i18n.ts b/packages/i18n/src/tests/i18n.ts
new file mode 100644
index 000000000..733265c0f
--- /dev/null
+++ b/packages/i18n/src/tests/i18n.ts
@@ -0,0 +1,107 @@
+/*
+ * 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 fs from 'fs';
+
+/**
+ * Internal dependencies.
+ */
+import I18n from '../i18n';
+
+describe('I18n', () => {
+ // mock fetch function
+ const fetchMock = jest.fn();
+
+ beforeAll(() => {
+ global.fetch = fetchMock;
+ });
+
+ afterAll(() => {
+ // @ts-ignore
+ global.fetch = undefined;
+ });
+
+ it('should load messages data for the dashboard', async () => {
+ const locale = 'en';
+ const messages = {
+ 'test.message': {
+ message: 'Test message for $name$',
+ description: 'Test message description',
+ placeholders: {
+ name: {
+ content: '$1',
+ example: 'John Doe',
+ },
+ },
+ },
+ };
+
+ fetchMock.mockResolvedValueOnce({
+ json: () => Promise.resolve(messages),
+ ok: true,
+ });
+
+ await I18n.loadDashboardMessagesData(locale);
+
+ expect(fetchMock).toHaveBeenCalledTimes(1);
+ expect(fetchMock).toHaveBeenCalledWith('/_locales/en/messages.json');
+
+ expect(I18n.getMessage('test.message', ['Sam'])).toEqual(
+ 'Test message for Sam'
+ );
+ });
+
+ it('should load CLI messages data', async () => {
+ const existsSyncMock = jest.spyOn(fs, 'existsSync');
+ const readFileSyncMock = jest.spyOn(fs, 'readFileSync');
+ const locale = 'hi';
+ const messages = {
+ 'test.message': {
+ message: 'Test message for $name$',
+ description: 'Test message description',
+ placeholders: {
+ name: {
+ content: '$1',
+ example: 'John Doe',
+ },
+ },
+ },
+ };
+
+ readFileSyncMock.mockReturnValueOnce(JSON.stringify(messages));
+ await I18n.loadCLIMessagesData(locale);
+
+ expect(existsSyncMock).toHaveBeenCalledWith(
+ 'packages/i18n/_locales/messages/hi/messages.json'
+ );
+ expect(existsSyncMock).toHaveBeenCalledTimes(4);
+
+ expect(readFileSyncMock).toHaveBeenCalledWith(
+ 'packages/i18n/_locales/messages/en/messages.json',
+ {
+ encoding: 'utf-8',
+ }
+ );
+ expect(readFileSyncMock).toHaveBeenCalledTimes(1);
+
+ expect(I18n.getMessage('test.message', ['Sam'])).toEqual(
+ 'Test message for Sam'
+ );
+ });
+});
diff --git a/packages/i18n/tsconfig.json b/packages/i18n/tsconfig.json
new file mode 100644
index 000000000..d2aea4c9e
--- /dev/null
+++ b/packages/i18n/tsconfig.json
@@ -0,0 +1,17 @@
+{
+ "compilerOptions": {
+ "jsx": "preserve",
+ "rootDir": "src",
+ "target": "es6",
+ "lib": ["es2021"],
+ "module": "commonjs",
+ "outDir": "dist",
+ "declarationDir": "dist-types",
+ "composite": true,
+ "strict": true,
+ "sourceMap": true,
+ "esModuleInterop": true,
+ "moduleResolution": "node"
+ },
+ "exclude": ["**/tests/**/*.ts", "dist/**", "dist-types/**"]
+}
diff --git a/packages/library-detection/package.json b/packages/library-detection/package.json
index aee8d7262..397500b0b 100644
--- a/packages/library-detection/package.json
+++ b/packages/library-detection/package.json
@@ -1,6 +1,6 @@
{
"name": "@ps-analysis-tool/library-detection",
- "version": "0.6.0",
+ "version": "0.7.0",
"description": "A package for detecting libraries for potential breakage",
"main": "./src/index.ts",
"source": "./src/index.ts",
diff --git a/packages/library-detection/src/components/libraryDetection/index.tsx b/packages/library-detection/src/components/libraryDetection/index.tsx
index 0ebc0e443..72855ae3b 100644
--- a/packages/library-detection/src/components/libraryDetection/index.tsx
+++ b/packages/library-detection/src/components/libraryDetection/index.tsx
@@ -18,7 +18,7 @@
*/
import React, { memo } from 'react';
import {
- CookiesLandingContainer,
+ CookiesLandingWrapper,
COLOR_MAP,
ProgressBar,
} from '@ps-analysis-tool/design-system';
@@ -94,7 +94,7 @@ const LibraryDetection = memo(function LibraryDetection() {
);
return (
-
+
);
});
diff --git a/packages/library-detection/src/core/stateProvider/index.tsx b/packages/library-detection/src/core/stateProvider/index.tsx
index 0141ac15f..cef91e36f 100644
--- a/packages/library-detection/src/core/stateProvider/index.tsx
+++ b/packages/library-detection/src/core/stateProvider/index.tsx
@@ -22,8 +22,11 @@ import React, {
useCallback,
useEffect,
} from 'react';
-import { createContext, useContextSelector } from 'use-context-selector';
-import { noop } from '@ps-analysis-tool/common';
+import {
+ noop,
+ useContextSelector,
+ createContext,
+} from '@ps-analysis-tool/common';
/**
* Internal dependencies.
@@ -123,8 +126,11 @@ export const LibraryDetectionProvider = ({ children }: PropsWithChildren) => {
);
const onNavigatedListener = useCallback(
- ({ frameId }: chrome.webNavigation.WebNavigationFramedCallbackDetails) => {
- if (frameId === 0) {
+ ({
+ frameId,
+ tabId: _tabId,
+ }: chrome.webNavigation.WebNavigationFramedCallbackDetails) => {
+ if (frameId === 0 && Number(tabId) === Number(_tabId)) {
setLibraryMatches(initialLibraryMatches);
setIsCurrentTabLoading(true);
setShowLoader(true);
@@ -132,7 +138,7 @@ export const LibraryDetectionProvider = ({ children }: PropsWithChildren) => {
setIsInitialDataUpdated(false);
}
},
- []
+ [tabId]
);
const onCompleted = useCallback(
diff --git a/packages/library-detection/src/types.ts b/packages/library-detection/src/types.ts
index c4ee8981b..3e47ed30e 100644
--- a/packages/library-detection/src/types.ts
+++ b/packages/library-detection/src/types.ts
@@ -46,7 +46,7 @@ export type ScriptTagUnderCheck = {
export type AccordionItem = {
count: number;
- isAffected: boolean;
+ hasIssues: boolean;
title: string;
superTitle: string;
superTitleDescription: string;
diff --git a/scripts/delete-build-artifacts.cjs b/scripts/delete-build-artifacts.cjs
index a8d529eb5..cbabd084b 100644
--- a/scripts/delete-build-artifacts.cjs
+++ b/scripts/delete-build-artifacts.cjs
@@ -17,7 +17,7 @@
const path = require('path');
const rimraf = require('rimraf');
-const dirs = ['common'];
+const dirs = ['common', 'i18n'];
dirs.forEach((dir) => {
const distDir = path.resolve(__dirname, `../packages/${dir}/dist`);
diff --git a/scripts/update-cookie-db.cjs b/scripts/update-cookie-db.cjs
index c261f144d..6223c55a9 100644
--- a/scripts/update-cookie-db.cjs
+++ b/scripts/update-cookie-db.cjs
@@ -81,6 +81,39 @@ const errorHandler = (err) => {
process.exit(1);
};
+/**
+ * Add keys to the locale file and replace the text with keys in the formattedData.
+ * @param formattedData formatted data
+ */
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const addKeysToLocale = async (formattedData) => {
+ const messagesPath = path.resolve(
+ 'packages/i18n/_locales/messages/en/messages.json'
+ );
+ const messages = await fs.readJson(messagesPath);
+
+ const regex = /[:/ *-.%“”()[\]]/g;
+
+ Object.entries(formattedData).forEach(([key, [value]]) => {
+ const descriptionKey = `OCD_${key.replace(regex, '_')}_description`;
+ messages[descriptionKey] = {
+ message: value.description,
+ description: 'Description of the cookie from the Open Cookie DB',
+ };
+ value.description = descriptionKey;
+
+ const retentionKey = `OCD_retention_${value.retention.replace(regex, '_')}`;
+ messages[retentionKey] = {
+ message: value.retention,
+ description: 'Retention period of the cookie from the Open Cookie DB',
+ };
+
+ value.retention = retentionKey;
+ });
+
+ await fs.writeJson(messagesPath, messages, { spaces: 2 });
+};
+
/**
* Download the csv file from the Open Cookie DB, format the data and write it to open-cookie-database.json.
*/
diff --git a/scripts/update-rws-json.cjs b/scripts/update-rws-json.cjs
index 046f7a554..6242a4b43 100644
--- a/scripts/update-rws-json.cjs
+++ b/scripts/update-rws-json.cjs
@@ -25,6 +25,30 @@ const errorHandler = (err) => {
process.exit(1);
};
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const addKeysToLocale = async (data) => {
+ const messagesPath = path.resolve(
+ 'packages/i18n/_locales/messages/en/messages.json'
+ );
+ const messages = await fs.readJson(messagesPath);
+
+ data.sets.forEach((set) => {
+ const rationalesObj = set.rationaleBySite;
+ Object.entries(rationalesObj).forEach(([site, rationale]) => {
+ const key = `RWS_rationale_${site.replace(/[:/ *-.%“”()[\]]/g, '_')}`;
+
+ messages[key] = {
+ message: rationale,
+ description: 'Rationale for a site in the related website set',
+ };
+
+ rationalesObj[site] = key;
+ });
+ });
+
+ await fs.writeJson(messagesPath, messages, { spaces: 2 });
+};
+
const main = async () => {
console.log('Updating related_website_sets.json file...'); // eslint-disable-line no-console
@@ -36,6 +60,7 @@ const main = async () => {
}
const data = await response.json();
+
await fs.writeFile(
path.resolve(targetDIR, 'related_website_sets.json'),
JSON.stringify(data, null, 2)
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index e32f0fd54..7836155cc 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -28,10 +28,13 @@ delete colors['blueGray'];
module.exports = {
darkMode: 'class',
content: [
- path.resolve(__dirname, './packages/extension/src/**/*.{tsx,js}'),
- path.resolve(__dirname, './packages/design-system/src/**/*.{tsx,js}'),
- path.resolve(__dirname, './packages/cli-dashboard/src/**/*.{tsx,js}'),
- path.resolve(__dirname, './packages/library-detection/src/**/*.{tsx,js}'),
+ path.resolve(__dirname, './packages/extension/src/**/*.{tsx,ts,js}'),
+ path.resolve(__dirname, './packages/design-system/src/**/*.{tsx,ts,js}'),
+ path.resolve(__dirname, './packages/cli-dashboard/src/**/*.{tsx,ts,js}'),
+ path.resolve(
+ __dirname,
+ './packages/library-detection/src/**/*.{tsx,ts,js}'
+ ),
],
theme: {
extend: {
@@ -140,6 +143,15 @@ module.exports = {
'jet-black': '#202142',
'warning-red': '#C33300',
'warning-orange': '#FE8d59',
+ charcoal: '#465362',
+ 'napels-yellow': '#F9DC5C',
+ 'red-corolla': '#ED254E',
+ moonstone: '#08A4BD',
+ 'noon-blue': '#446DF6',
+ 'chocolate-cosmos': '#4C212A',
+ 'cocoa-brown': '#D96C06',
+ 'persian-indigo': '#3A1772',
+ 'hollywood-cerise': '#D741A7',
},
backgroundColor: {
...colors,
@@ -189,6 +201,9 @@ module.exports = {
'leaf-green-dark': '#87DFB2',
'eerie-black': '#1F1F1F0F',
'light-yellow': '#FEFCE0',
+ 'bright-gray': '#E8EAED',
+ 'blue-berry': '#4582F4',
+ 'ultramarine-blue': '#3173EE',
'selection-green-light': '#117347',
'selection-green-dark': '#74d47e',
'selection-yellow-light': '#8b8f18',
diff --git a/tests/jest.config.cjs b/tests/jest.config.cjs
index 0d68abf5c..e51a9ba66 100644
--- a/tests/jest.config.cjs
+++ b/tests/jest.config.cjs
@@ -47,8 +47,12 @@ module.exports = {
'/data',
'/stories/',
'/packages/extension/src/view/devtools/index.tsx',
+ '/cli-dashboard/src/index.tsx',
'/packages/extension/src/view/popup/index.tsx',
'/packages/extension/src/view/devtools/devtools.ts',
+ '/packages/extension/src/utils/test-data',
+ '/packages/design-system/src/test-data',
+ '/packages/extension/src/contentScript/index.ts',
],
coverageReporters: ['lcov'],
collectCoverageFrom: [
diff --git a/webpack.shared.cjs b/webpack.shared.cjs
index 07608e35a..c2646ee19 100644
--- a/webpack.shared.cjs
+++ b/webpack.shared.cjs
@@ -26,6 +26,9 @@ module.exports = {
exclude: /node_modules/,
resolve: {
fullySpecified: false,
+ fallback: {
+ fs: false,
+ },
},
use: [
{