@google-psat/design-system 0.9.0-1

package/dist/components/cookieDetails/details.jsx

@@ -0,0 +1,272 @@
+"use strict";
+/*
+ * 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.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * External dependencies.
+ */
+const react_1 = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const common_1 = require("@google-psat/common");
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies.
+ */
+const icons_1 = require("../../icons");
+// eslint-disable-next-line complexity
+const Details = ({ selectedCookie, isUsingCDP }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    const [showUrlDecoded, setShowUrlDecoded] = (0, react_1.useState)(false);
+    let blockedReasons = '';
+    let warningReasons = '';
+    const inboundBlock = ((_a = selectedCookie.blockingStatus) === null || _a === void 0 ? void 0 : _a.inboundBlock) !== common_1.BLOCK_STATUS.NOT_BLOCKED;
+    const outboundBlock = ((_b = selectedCookie.blockingStatus) === null || _b === void 0 ? void 0 : _b.outboundBlock) !== common_1.BLOCK_STATUS.NOT_BLOCKED;
+    const hasValidBlockedReason = selectedCookie.blockedReasons && selectedCookie.blockedReasons.length !== 0;
+    const selectedCookieExemptionReason = (_c = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.exemptionReason) !== null && _c !== void 0 ? _c : 'None';
+    (_d = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockedReasons) === null || _d === void 0 ? void 0 : _d.forEach((reason) => {
+        const cookieExclusionReason = 
+        // @ts-ignore
+        common_1.cookieIssueDetails.CookieExclusionReason[reason];
+        const cookieBlockedReason = 
+        //@ts-ignore
+        typeof common_1.cookieIssueDetails.CookieBlockedReason[reason] === 'string'
+            ? //@ts-ignore
+                common_1.cookieIssueDetails.CookieBlockedReason[reason]
+            : i18n_1.I18n.getFormattedMessages(
+            // @ts-ignore
+            common_1.cookieIssueDetails.CookieBlockedReason[reason]);
+        if (cookieBlockedReason) {
+            blockedReasons = blockedReasons + cookieBlockedReason;
+        }
+        if (cookieExclusionReason) {
+            blockedReasons =
+                blockedReasons +
+                    cookieExclusionReason((selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.headerType) === 'response' ? 'SetCookie' : 'Cookie');
+        }
+        return reason;
+    });
+    (_e = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.warningReasons) === null || _e === void 0 ? void 0 : _e.forEach((reason) => {
+        const cookieWarningReason = common_1.cookieIssueDetails.CookieWarningReason[reason];
+        if (cookieWarningReason) {
+            warningReasons =
+                warningReasons +
+                    cookieWarningReason((selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.headerType) === 'response' ? 'SetCookie' : 'Cookie', '');
+        }
+        return reason;
+    });
+    const canBeDecoded = (0, react_1.useMemo)(() => {
+        let errorOnDecode = true;
+        try {
+            decodeURIComponent(selectedCookie.parsedCookie.value);
+        }
+        catch (error) {
+            errorOnDecode = false;
+        }
+        return errorOnDecode;
+    }, [selectedCookie.parsedCookie.value]);
+    return (<div className="text-xs py-1 px-1.5">
+      {selectedCookieExemptionReason &&
+            selectedCookieExemptionReason.toLowerCase() !== 'none' && (<div className="mb-4">
+            <p className="font-bold text-raising-black dark:text-bright-gray mb-1">
+              {i18n_1.I18n.getMessage('exemptionReason')}
+            </p>
+            <p className="text-outer-space-crayola dark:text-bright-gray">
+              {common_1.cookieExemptionReason[
+            //@ts-ignore
+            selectedCookieExemptionReason]()}
+            </p>
+          </div>)}
+      {selectedCookie.isDomainInAllowList && (<div className="mb-4">
+          <p className="font-bold text-raising-black dark:text-bright-gray mb-1">
+            {i18n_1.I18n.getMessage('allowListed')}
+          </p>
+          <p className="text-outer-space-crayola dark:text-bright-gray">
+            {i18n_1.I18n.getMessage('allowListedNote', [
+                'chrome://settings/content/siteData',
+            ])}
+          </p>
+        </div>)}
+      {hasValidBlockedReason && isUsingCDP && (<div className="mb-4">
+          <p className="font-bold text-raising-black dark:text-bright-gray mb-1">
+            {i18n_1.I18n.getMessage('blockedReason')}
+          </p>
+          <p className="text-outer-space-crayola dark:text-bright-gray" dangerouslySetInnerHTML={{ __html: blockedReasons !== null && blockedReasons !== void 0 ? blockedReasons : '' }}/>
+        </div>)}
+
+      {((_f = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _f === void 0 ? void 0 : _f.inboundBlock) ===
+            common_1.BLOCK_STATUS.BLOCKED_IN_SOME_EVENTS &&
+            !outboundBlock &&
+            hasValidBlockedReason &&
+            isUsingCDP && (<div className="flex gap-1 items-center mb-4">
+            <icons_1.InboundIcon className="stroke-[#FE8455] scale-150"/>
+            <p className="text-outer-space-crayola dark:text-bright-gray">
+              {i18n_1.I18n.getMessage('blockedInAtLeastOne', ['responses'])}
+            </p>
+            <br />
+          </div>)}
+
+      {((_g = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _g === void 0 ? void 0 : _g.inboundBlock) ===
+            common_1.BLOCK_STATUS.BLOCKED_IN_ALL_EVENTS &&
+            !outboundBlock &&
+            hasValidBlockedReason &&
+            isUsingCDP && (<div className="flex gap-1 items-center mb-4">
+            <icons_1.InboundIcon className="stroke-[#D8302F] scale-150"/>
+            <p className="text-outer-space-crayola dark:text-bright-gray">
+              {i18n_1.I18n.getMessage('blockedInAll', ['responses'])}
+            </p>
+            <br />
+          </div>)}
+
+      {((_h = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _h === void 0 ? void 0 : _h.outboundBlock) ===
+            common_1.BLOCK_STATUS.BLOCKED_IN_SOME_EVENTS &&
+            !inboundBlock &&
+            hasValidBlockedReason &&
+            isUsingCDP && (<div className="flex gap-1 items-center mb-4">
+            <icons_1.OutboundIcon className="stroke-[#FE8455] scale-150"/>
+            <p className="text-outer-space-crayola dark:text-bright-gray">
+              {i18n_1.I18n.getMessage('blockedInAtLeastOne', ['requests'])}
+            </p>
+            <br />
+          </div>)}
+
+      {((_j = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _j === void 0 ? void 0 : _j.outboundBlock) ===
+            common_1.BLOCK_STATUS.BLOCKED_IN_ALL_EVENTS &&
+            !inboundBlock &&
+            hasValidBlockedReason &&
+            isUsingCDP && (<div className="flex gap-1 items-center mb-4">
+            <icons_1.OutboundIcon className="stroke-[#D8302F] scale-150"/>
+            <p className="text-outer-space-crayola dark:text-bright-gray">
+              {i18n_1.I18n.getMessage('blockedInAll', ['requests'])}
+            </p>
+            <br />
+          </div>)}
+
+      {((_k = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _k === void 0 ? void 0 : _k.outboundBlock) ===
+            common_1.BLOCK_STATUS.BLOCKED_IN_ALL_EVENTS &&
+            ((_l = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _l === void 0 ? void 0 : _l.inboundBlock) ===
+                common_1.BLOCK_STATUS.BLOCKED_IN_ALL_EVENTS &&
+            hasValidBlockedReason &&
+            isUsingCDP && (<div className="flex gap-1 items-center mb-4">
+            <icons_1.OutboundInboundIcon className="stroke-[#D8302F] scale-150"/>
+            <p className="text-outer-space-crayola dark:text-bright-gray">
+              {i18n_1.I18n.getMessage('blockedInAllRequestResponse')}
+            </p>
+            <br />
+          </div>)}
+
+      {((_m = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _m === void 0 ? void 0 : _m.outboundBlock) ===
+            common_1.BLOCK_STATUS.BLOCKED_IN_SOME_EVENTS &&
+            ((_o = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _o === void 0 ? void 0 : _o.inboundBlock) ===
+                common_1.BLOCK_STATUS.BLOCKED_IN_SOME_EVENTS &&
+            hasValidBlockedReason &&
+            isUsingCDP && (<div className="flex gap-1 items-center mb-4">
+            <icons_1.OutboundInboundIcon className="stroke-[#FE8455] scale-150"/>
+            <p className="text-outer-space-crayola dark:text-bright-gray">
+              {i18n_1.I18n.getMessage('blockedInSomeRequestResponse')}
+            </p>
+            <br />
+          </div>)}
+
+      {((_p = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _p === void 0 ? void 0 : _p.outboundBlock) ===
+            common_1.BLOCK_STATUS.BLOCKED_IN_ALL_EVENTS &&
+            ((_q = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _q === void 0 ? void 0 : _q.inboundBlock) ===
+                common_1.BLOCK_STATUS.BLOCKED_IN_SOME_EVENTS &&
+            hasValidBlockedReason &&
+            isUsingCDP && (<div className="flex gap-1 items-center mb-4">
+            <icons_1.OutboundInboundColoredIcon className="scale-150"/>
+            <p className="text-outer-space-crayola dark:text-bright-gray">
+              {i18n_1.I18n.getMessage('blockedinSomeAndAll', [
+                'requests',
+                'responses',
+            ])}
+            </p>
+            <br />
+          </div>)}
+
+      {((_r = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _r === void 0 ? void 0 : _r.outboundBlock) ===
+            common_1.BLOCK_STATUS.BLOCKED_IN_SOME_EVENTS &&
+            ((_s = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.blockingStatus) === null || _s === void 0 ? void 0 : _s.inboundBlock) ===
+                common_1.BLOCK_STATUS.BLOCKED_IN_ALL_EVENTS &&
+            hasValidBlockedReason &&
+            isUsingCDP && (<div className="flex gap-1 items-center mb-4">
+            <icons_1.OutboundInboundColoredIcon className="rotate-180 scale-150"/>
+            <p className="text-outer-space-crayola dark:text-bright-gray">
+              {i18n_1.I18n.getMessage('blockedinSomeAndAll', [
+                'responses',
+                'requests',
+            ])}
+            </p>
+            <br />
+          </div>)}
+
+      {(selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.warningReasons) &&
+            ((_t = selectedCookie === null || selectedCookie === void 0 ? void 0 : selectedCookie.warningReasons) === null || _t === void 0 ? void 0 : _t.length) > 0 && (<div className="mb-4">
+            <p className="font-bold text-raising-black dark:text-bright-gray">
+              {i18n_1.I18n.getMessage('warnings')}
+            </p>
+            <p className="text-outer-space-crayola dark:text-bright-gray" dangerouslySetInnerHTML={{ __html: warningReasons !== null && warningReasons !== void 0 ? warningReasons : '' }}/>
+          </div>)}
+
+      <p className="font-bold text-raising-black dark:text-bright-gray mb-1 text-semibold flex items-center">
+        <span>{i18n_1.I18n.getMessage('cookieValue')}</span>
+        <label className="text-raising-black dark:text-bright-gray text-xs font-normal flex items-center">
+          <input data-testid="show-url-decoded-checkbox" role="checkbox" type="checkbox" className={(0, classnames_1.default)('ml-3 mr-1 cursor-pointer dark:accent-orange-400 accent-royal-blue', {
+            'dark:min-h-0 dark:min-w-0 dark:h-[13px] dark:w-[13px] dark:appearance-none dark:bg-outer-space dark:border dark:border-manatee dark:rounded-[3px]': !showUrlDecoded,
+        })} checked={showUrlDecoded} onChange={() => setShowUrlDecoded(!showUrlDecoded)}/>
+          <span>{i18n_1.I18n.getMessage('uRLDecoded')}</span>
+        </label>
+      </p>
+      <p className="mb-4 break-words text-outer-space-crayola dark:text-bright-gray">
+        {showUrlDecoded && canBeDecoded
+            ? decodeURIComponent(selectedCookie.parsedCookie.value)
+            : selectedCookie.parsedCookie.value}
+      </p>
+      <p className="font-bold text-raising-black dark:text-bright-gray mb-1">
+        {i18n_1.I18n.getMessage('description')}
+      </p>
+      <p className="mb-4 text-outer-space-crayola dark:text-bright-gray">
+        {i18n_1.I18n.getMessage(((_u = selectedCookie.analytics) === null || _u === void 0 ? void 0 : _u.description) || 'noDescription')}
+      </p>
+    </div>);
+};
+exports.default = Details;
+//# sourceMappingURL=details.jsx.map

package/dist/components/cookieDetails/details.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.jsx","sourceRoot":"","sources":["../../../src/components/cookieDetails/details.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAAiD;AACjD,4DAAoC;AACpC,gDAM6B;AAC7B,4CAAyC;AAEzC;;GAEG;AACH,uCAKqB;AAOrB,sCAAsC;AACtC,MAAM,OAAO,GAAG,CAAC,EAAE,cAAc,EAAE,UAAU,EAAgB,EAAE,EAAE;;IAC/D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,IAAI,cAAc,GAAG,EAAE,CAAC;IACxB,IAAI,cAAc,GAAG,EAAE,CAAC;IACxB,MAAM,YAAY,GAChB,CAAA,MAAA,cAAc,CAAC,cAAc,0CAAE,YAAY,MAAK,qBAAY,CAAC,WAAW,CAAC;IAC3E,MAAM,aAAa,GACjB,CAAA,MAAA,cAAc,CAAC,cAAc,0CAAE,aAAa,MAAK,qBAAY,CAAC,WAAW,CAAC;IAC5E,MAAM,qBAAqB,GACzB,cAAc,CAAC,cAAc,IAAI,cAAc,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,CAAC;IAE9E,MAAM,6BAA6B,GACjC,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,mCAAI,MAAM,CAAC;IAE5C,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACjD,MAAM,qBAAqB;QACzB,aAAa;QACb,2BAAkB,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;QACnD,MAAM,mBAAmB;QACvB,YAAY;QACZ,OAAO,2BAAkB,CAAC,mBAAmB,CAAC,MAAM,CAAC,KAAK,QAAQ;YAChE,CAAC,CAAC,YAAY;gBACZ,2BAAkB,CAAC,mBAAmB,CAAC,MAAM,CAAC;YAChD,CAAC,CAAC,WAAI,CAAC,oBAAoB;YACvB,aAAa;YACb,2BAAkB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAC/C,CAAC;QAER,IAAI,mBAAmB,EAAE,CAAC;YACxB,cAAc,GAAG,cAAc,GAAG,mBAAmB,CAAC;QACxD,CAAC;QACD,IAAI,qBAAqB,EAAE,CAAC;YAC1B,cAAc;gBACZ,cAAc;oBACd,qBAAqB,CACnB,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,MAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CACnE,CAAC;QACN,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QACjD,MAAM,mBAAmB,GAAG,2BAAkB,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAE3E,IAAI,mBAAmB,EAAE,CAAC;YACxB,cAAc;gBACZ,cAAc;oBACd,mBAAmB,CACjB,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,UAAU,MAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,EAClE,EAAE,CACH,CAAC;QACN,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,IAAI,aAAa,GAAG,IAAI,CAAC;QAEzB,IAAI,CAAC;YACH,kBAAkB,CAAC,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;QACxD,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,aAAa,GAAG,KAAK,CAAC;QACxB,CAAC;QAED,OAAO,aAAa,CAAC;IACvB,CAAC,EAAE,CAAC,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;IAExC,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,qBAAqB,CAClC;MAAA,CAAC,6BAA6B;YAC5B,6BAA6B,CAAC,WAAW,EAAE,KAAK,MAAM,IAAI,CACxD,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,yDAAyD,CACpE;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,CACrC;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;cAAA,CAAC,8BAAqB;YACpB,YAAY;YACZ,6BAA8D,CAC/D,EAAE,CACL;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,GAAG,CAAC,CACP,CACH;MAAA,CAAC,cAAc,CAAC,mBAAmB,IAAI,CACrC,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;UAAA,CAAC,CAAC,CAAC,SAAS,CAAC,yDAAyD,CACpE;YAAA,CAAC,WAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CACjC;UAAA,EAAE,CAAC,CACH;UAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;YAAA,CAAC,WAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE;gBAClC,oCAAoC;aACrC,CAAC,CACJ;UAAA,EAAE,CAAC,CACL;QAAA,EAAE,GAAG,CAAC,CACP,CACD;MAAA,CAAC,qBAAqB,IAAI,UAAU,IAAI,CACtC,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;UAAA,CAAC,CAAC,CAAC,SAAS,CAAC,yDAAyD,CACpE;YAAA,CAAC,WAAI,CAAC,UAAU,CAAC,eAAe,CAAC,CACnC;UAAA,EAAE,CAAC,CACH;UAAA,CAAC,CAAC,CACA,SAAS,CAAC,gDAAgD,CAC1D,uBAAuB,CAAC,CAAC,EAAE,MAAM,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,EAAE,CAAC,EAE9D;QAAA,EAAE,GAAG,CAAC,CACP,CAED;;MAAA,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,YAAY;YAC3C,qBAAY,CAAC,sBAAsB;YACnC,CAAC,aAAa;YACd,qBAAqB;YACrB,UAAU,IAAI,CACZ,CAAC,GAAG,CAAC,SAAS,CAAC,8BAA8B,CAC3C;YAAA,CAAC,mBAAW,CAAC,SAAS,CAAC,4BAA4B,EACnD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,WAAW,CAAC,CAAC,CACxD;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,EAAE,CAAC,AAAD,EACL;UAAA,EAAE,GAAG,CAAC,CACP,CAEH;;MAAA,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,YAAY;YAC3C,qBAAY,CAAC,qBAAqB;YAClC,CAAC,aAAa;YACd,qBAAqB;YACrB,UAAU,IAAI,CACZ,CAAC,GAAG,CAAC,SAAS,CAAC,8BAA8B,CAC3C;YAAA,CAAC,mBAAW,CAAC,SAAS,CAAC,4BAA4B,EACnD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,WAAW,CAAC,CAAC,CACjD;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,EAAE,CAAC,AAAD,EACL;UAAA,EAAE,GAAG,CAAC,CACP,CAEH;;MAAA,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,aAAa;YAC5C,qBAAY,CAAC,sBAAsB;YACnC,CAAC,YAAY;YACb,qBAAqB;YACrB,UAAU,IAAI,CACZ,CAAC,GAAG,CAAC,SAAS,CAAC,8BAA8B,CAC3C;YAAA,CAAC,oBAAY,CAAC,SAAS,CAAC,4BAA4B,EACpD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE,CAAC,UAAU,CAAC,CAAC,CACvD;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,EAAE,CAAC,AAAD,EACL;UAAA,EAAE,GAAG,CAAC,CACP,CAEH;;MAAA,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,aAAa;YAC5C,qBAAY,CAAC,qBAAqB;YAClC,CAAC,YAAY;YACb,qBAAqB;YACrB,UAAU,IAAI,CACZ,CAAC,GAAG,CAAC,SAAS,CAAC,8BAA8B,CAC3C;YAAA,CAAC,oBAAY,CAAC,SAAS,CAAC,4BAA4B,EACpD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,UAAU,CAAC,CAAC,CAChD;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,EAAE,CAAC,AAAD,EACL;UAAA,EAAE,GAAG,CAAC,CACP,CAEH;;MAAA,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,aAAa;YAC5C,qBAAY,CAAC,qBAAqB;YAClC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,YAAY;gBAC1C,qBAAY,CAAC,qBAAqB;YACpC,qBAAqB;YACrB,UAAU,IAAI,CACZ,CAAC,GAAG,CAAC,SAAS,CAAC,8BAA8B,CAC3C;YAAA,CAAC,2BAAmB,CAAC,SAAS,CAAC,4BAA4B,EAC3D;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CACjD;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,EAAE,CAAC,AAAD,EACL;UAAA,EAAE,GAAG,CAAC,CACP,CAEH;;MAAA,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,aAAa;YAC5C,qBAAY,CAAC,sBAAsB;YACnC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,YAAY;gBAC1C,qBAAY,CAAC,sBAAsB;YACrC,qBAAqB;YACrB,UAAU,IAAI,CACZ,CAAC,GAAG,CAAC,SAAS,CAAC,8BAA8B,CAC3C;YAAA,CAAC,2BAAmB,CAAC,SAAS,CAAC,4BAA4B,EAC3D;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAClD;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,EAAE,CAAC,AAAD,EACL;UAAA,EAAE,GAAG,CAAC,CACP,CAEH;;MAAA,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,aAAa;YAC5C,qBAAY,CAAC,qBAAqB;YAClC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,YAAY;gBAC1C,qBAAY,CAAC,sBAAsB;YACrC,qBAAqB;YACrB,UAAU,IAAI,CACZ,CAAC,GAAG,CAAC,SAAS,CAAC,8BAA8B,CAC3C;YAAA,CAAC,kCAA0B,CAAC,SAAS,CAAC,WAAW,EACjD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE;gBACtC,UAAU;gBACV,WAAW;aACZ,CAAC,CACJ;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,EAAE,CAAC,AAAD,EACL;UAAA,EAAE,GAAG,CAAC,CACP,CAEH;;MAAA,CAAC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,aAAa;YAC5C,qBAAY,CAAC,sBAAsB;YACnC,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,YAAY;gBAC1C,qBAAY,CAAC,qBAAqB;YACpC,qBAAqB;YACrB,UAAU,IAAI,CACZ,CAAC,GAAG,CAAC,SAAS,CAAC,8BAA8B,CAC3C;YAAA,CAAC,kCAA0B,CAAC,SAAS,CAAC,sBAAsB,EAC5D;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,gDAAgD,CAC3D;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,qBAAqB,EAAE;gBACtC,WAAW;gBACX,UAAU;aACX,CAAC,CACJ;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,EAAE,CAAC,AAAD,EACL;UAAA,EAAE,GAAG,CAAC,CACP,CAEH;;MAAA,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc;YAC7B,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC5C,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,oDAAoD,CAC/D;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAC9B;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,CAAC,CACA,SAAS,CAAC,gDAAgD,CAC1D,uBAAuB,CAAC,CAAC,EAAE,MAAM,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,EAAE,CAAC,EAE9D;UAAA,EAAE,GAAG,CAAC,CACP,CAEH;;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,yFAAyF,CACpG;QAAA,CAAC,IAAI,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,EAAE,IAAI,CAC5C;QAAA,CAAC,KAAK,CAAC,SAAS,CAAC,gFAAgF,CAC/F;UAAA,CAAC,KAAK,CACJ,WAAW,CAAC,2BAA2B,CACvC,IAAI,CAAC,UAAU,CACf,IAAI,CAAC,UAAU,CACf,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,mEAAmE,EACnE;YACE,mJAAmJ,EACjJ,CAAC,cAAc;SAClB,CACF,CAAC,CACF,OAAO,CAAC,CAAC,cAAc,CAAC,CACxB,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAC,EAErD;UAAA,CAAC,IAAI,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAC7C;QAAA,EAAE,KAAK,CACT;MAAA,EAAE,CAAC,CACH;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,iEAAiE,CAC5E;QAAA,CAAC,cAAc,IAAI,YAAY;YAC7B,CAAC,CAAC,kBAAkB,CAAC,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC;YACvD,CAAC,CAAC,cAAc,CAAC,YAAY,CAAC,KAAK,CACvC;MAAA,EAAE,CAAC,CACH;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,yDAAyD,CACpE;QAAA,CAAC,WAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CACjC;MAAA,EAAE,CAAC,CACH;MAAA,CAAC,CAAC,CAAC,SAAS,CAAC,qDAAqD,CAChE;QAAA,CAAC,WAAI,CAAC,UAAU,CACd,CAAA,MAAA,cAAc,CAAC,SAAS,0CAAE,WAAW,KAAI,eAAe,CACzD,CACH;MAAA,EAAE,CAAC,CACL;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/components/cookieDetails/index.jsx

@@ -0,0 +1,41 @@
+"use strict";
+/*
+ * 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.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * External dependencies.
+ */
+const react_1 = __importDefault(require("react"));
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies.
+ */
+const details_1 = __importDefault(require("./details"));
+const CookieDetails = ({ selectedFrameCookie, isUsingCDP, }) => {
+    const selectedCookie = Object.values(selectedFrameCookie !== null && selectedFrameCookie !== void 0 ? selectedFrameCookie : {})[0];
+    return (<div data-testid="cookie-card" className="flex-1 border border-gray-300 dark:border-quartz shadow h-full min-w-[10rem] overflow-y-auto">
+      {selectedCookie ? (<details_1.default isUsingCDP={isUsingCDP} selectedCookie={selectedCookie}/>) : (<div className="h-full p-8 flex items-center">
+          <p className="text-lg w-full font-bold text-granite-gray dark:text-manatee text-center">
+            {i18n_1.I18n.getMessage('selectCookie')}
+          </p>
+        </div>)}
+    </div>);
+};
+exports.default = CookieDetails;
+//# sourceMappingURL=index.jsx.map

package/dist/components/cookieDetails/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/cookieDetails/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAE1B,4CAAyC;AAEzC;;GAEG;AACH,wDAAgC;AAShC,MAAM,aAAa,GAAG,CAAC,EACrB,mBAAmB,EACnB,UAAU,GACS,EAAE,EAAE;IACvB,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,OAAO,CACL,CAAC,GAAG,CACF,WAAW,CAAC,aAAa,CACzB,SAAS,CAAC,8FAA8F,CAExG;MAAA,CAAC,cAAc,CAAC,CAAC,CAAC,CAChB,CAAC,iBAAO,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,CAAC,cAAc,CAAC,EAAG,CACpE,CAAC,CAAC,CAAC,CACF,CAAC,GAAG,CAAC,SAAS,CAAC,8BAA8B,CAC3C;UAAA,CAAC,CAAC,CAAC,SAAS,CAAC,0EAA0E,CACrF;YAAA,CAAC,WAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAClC;UAAA,EAAE,CAAC,CACL;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}

package/dist/components/cookieDetails/stories/cookieDetails.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+/**
+ * Internal dependencies.
+ */
+const __1 = __importDefault(require(".."));
+const meta = {
+    title: 'DesignSystem/CookieDetails',
+    component: __1.default,
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        selectedFrameCookie: {
+            testFrame: {
+                parsedCookie: {
+                    name: 'test',
+                    value: 'testVal',
+                },
+            },
+        },
+        isUsingCDP: false,
+    },
+};
+//# sourceMappingURL=cookieDetails.stories.js.map

package/dist/components/cookieDetails/stories/cookieDetails.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cookieDetails.stories.js","sourceRoot":"","sources":["../../../../src/components/cookieDetails/stories/cookieDetails.stories.ts"],"names":[],"mappings":";;;;;;AAqBA;;GAEG;AACH,2CAA+B;AAE/B,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,WAAa;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;CACW,CAAC;AAEhC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,mBAAmB,EAAE;YACnB,SAAS,EAAE;gBACT,YAAY,EAAE;oBACZ,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,SAAS;iBACjB;aACiB;SACrB;QACD,UAAU,EAAE,KAAK;KAClB;CACF,CAAC"}

package/dist/components/cookieDetails/stories/details.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+/**
+ * Internal dependencies.
+ */
+const details_1 = __importDefault(require("../details"));
+const meta = {
+    title: 'DesignSystem/CookieDetails/Details',
+    component: details_1.default,
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.Primary = {
+    args: {
+        selectedCookie: {
+            parsedCookie: {
+                name: 'test',
+                value: 'v1%3A168740954476563235',
+            },
+            analytics: {
+                description: 'A description of the cookie',
+            },
+        },
+    },
+};
+//# sourceMappingURL=details.stories.js.map

package/dist/components/cookieDetails/stories/details.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.stories.js","sourceRoot":"","sources":["../../../../src/components/cookieDetails/stories/details.stories.ts"],"names":[],"mappings":";;;;;;AAqBA;;GAEG;AACH,yDAAiC;AAEjC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,iBAAO;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;CACK,CAAC;AAE1B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,cAAc,EAAE;YACd,YAAY,EAAE;gBACZ,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,yBAAyB;aACjC;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,6BAA6B;aAC3C;SACiB;KACrB;CACF,CAAC"}

package/dist/components/cookieTable/index.jsx

@@ -0,0 +1,117 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+ * 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.
+ */
+const react_1 = __importStar(require("react"));
+const common_1 = require("@google-psat/common");
+/**
+ * Internal dependencies.
+ */
+const table_1 = require("../table");
+const provider_1 = require("../table/useTable/provider");
+const utils_1 = require("./utils");
+const CookieTable = (0, react_1.forwardRef)(function CookieTable({ queryIsBlockedToHighlight = true, tableColumns, tableFilters, tableSearchKeys, tablePersistentSettingsKey, data: cookies, isFiltersSidebarOpen, selectedFrame, selectedFrameCookie, setSelectedFrameCookie, extraInterfaceToTopBar, onRowContextMenu, hideExport, isCLI = false, hostname, }, ref) {
+    (0, react_1.useEffect)(() => {
+        if (selectedFrame && selectedFrameCookie) {
+            if (selectedFrameCookie[selectedFrame] === undefined ||
+                (selectedFrameCookie[selectedFrame] !== null && cookies.length === 0)) {
+                setSelectedFrameCookie(null);
+            }
+        }
+    }, [selectedFrameCookie, selectedFrame, setSelectedFrameCookie, cookies]);
+    const [, forceUpdate] = (0, react_1.useReducer)((x) => x + 1, 0);
+    const onRowClick = (0, react_1.useCallback)((cookieData) => {
+        setSelectedFrameCookie({
+            [selectedFrame]: cookieData,
+        });
+    }, [selectedFrame, setSelectedFrameCookie]);
+    const onRowContextMenuHandler = (0, react_1.useCallback)((e, row) => {
+        onRowContextMenu === null || onRowContextMenu === void 0 ? void 0 : onRowContextMenu(e, row);
+        onRowClick(row === null || row === void 0 ? void 0 : row.originalData);
+    }, [onRowClick, onRowContextMenu]);
+    const getRowObjectKey = (0, react_1.useCallback)((row) => (0, common_1.getCookieKey)((row === null || row === void 0 ? void 0 : row.originalData).parsedCookie), []);
+    (0, react_1.useImperativeHandle)(ref, () => {
+        return {
+            removeSelectedRow: () => {
+                onRowClick(null);
+            },
+        };
+    }, [onRowClick]);
+    const selectedKey = (0, react_1.useMemo)(() => {
+        const key = Object.values(selectedFrameCookie !== null && selectedFrameCookie !== void 0 ? selectedFrameCookie : {})[0];
+        return key === null ? null : (0, common_1.getCookieKey)(key === null || key === void 0 ? void 0 : key.parsedCookie);
+    }, [selectedFrameCookie]);
+    const _conditionalTableRowClassesHandler = (0, react_1.useCallback)((row, isRowFocused, rowIndex) => {
+        return (0, utils_1.conditionalTableRowClassesHandler)(row, isRowFocused, rowIndex, selectedKey, queryIsBlockedToHighlight);
+    }, [selectedKey, queryIsBlockedToHighlight]);
+    const hasVerticalBar = (0, react_1.useCallback)((row) => {
+        var _a;
+        const isDomainInAllowList = (_a = row.originalData) === null || _a === void 0 ? void 0 : _a.isDomainInAllowList;
+        return Boolean(isDomainInAllowList);
+    }, []);
+    const isRowSelected = (0, react_1.useCallback)((cookie) => {
+        const _cookie = cookie;
+        if (!_cookie) {
+            return true;
+        }
+        const tableCookieKey = (0, common_1.getCookieKey)(_cookie.parsedCookie);
+        return tableCookieKey === selectedKey;
+    }, [selectedKey]);
+    (0, react_1.useEffect)(() => {
+        globalThis === null || globalThis === void 0 ? void 0 : globalThis.addEventListener('resize', () => forceUpdate());
+        return () => {
+            globalThis === null || globalThis === void 0 ? void 0 : globalThis.removeEventListener('resize', () => forceUpdate());
+        };
+    }, []);
+    // TODO: Move TableProvider and logic to one level up in extension and cli-dashboard, for allowing modularity.
+    return (<div className="flex-1 w-full h-full overflow-x-auto text-outer-space-crayola border-x border-american-silver dark:border-quartz">
+      <provider_1.TableProvider data={cookies} tableColumns={tableColumns} tableFilterData={tableFilters} tableSearchKeys={tableSearchKeys} tablePersistentSettingsKey={tablePersistentSettingsKey} onRowClick={onRowClick} onRowContextMenu={onRowContextMenuHandler} getRowObjectKey={getRowObjectKey} conditionalTableRowClassesHandler={_conditionalTableRowClassesHandler} exportTableData={!hideExport
+            ? (rows) => {
+                (0, utils_1.exportCookies)(isCLI, rows, hostname);
+            }
+            : undefined} hasVerticalBar={hasVerticalBar} isRowSelected={isRowSelected}>
+        <table_1.Table selectedKey={selectedKey} extraInterfaceToTopBar={extraInterfaceToTopBar} isFiltersSidebarOpen={isFiltersSidebarOpen}/>
+      </provider_1.TableProvider>
+    </div>);
+});
+exports.default = CookieTable;
+//# sourceMappingURL=index.jsx.map

package/dist/components/cookieTable/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/cookieTable/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/cookieTable/utils/conditionalTableRowClassesHandler.js

@@ -0,0 +1,53 @@
+"use strict";
+/*
+ * 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.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const common_1 = require("@google-psat/common");
+const classnames_1 = __importDefault(require("classnames"));
+// eslint-disable-next-line complexity
+const conditionalTableRowClassesHandler = (row, isRowFocused, rowIndex, selectedKey, queryIsBlockedToHighlight) => {
+    var _a, _b, _c, _d, _e, _f;
+    const rowKey = (0, common_1.getCookieKey)((row === null || row === void 0 ? void 0 : row.originalData).parsedCookie);
+    const isBlocked = queryIsBlockedToHighlight
+        ? (_a = row.originalData) === null || _a === void 0 ? void 0 : _a.isBlocked
+        : ((_c = (_b = row.originalData) === null || _b === void 0 ? void 0 : _b.blockingStatus) === null || _c === void 0 ? void 0 : _c.inboundBlock) !==
+            common_1.BLOCK_STATUS.NOT_BLOCKED ||
+            ((_e = (_d = row.originalData) === null || _d === void 0 ? void 0 : _d.blockingStatus) === null || _e === void 0 ? void 0 : _e.outboundBlock) !==
+                common_1.BLOCK_STATUS.NOT_BLOCKED;
+    const isDomainInAllowList = (_f = row.originalData) === null || _f === void 0 ? void 0 : _f.isDomainInAllowList;
+    const tableRowClassName = (0, classnames_1.default)(isBlocked &&
+        (rowKey !== selectedKey
+            ? rowIndex % 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 &&
+        (rowKey !== selectedKey
+            ? rowIndex % 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'));
+    return tableRowClassName;
+};
+exports.default = conditionalTableRowClassesHandler;
+//# sourceMappingURL=conditionalTableRowClassesHandler.js.map

package/dist/components/cookieTable/utils/conditionalTableRowClassesHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditionalTableRowClassesHandler.js","sourceRoot":"","sources":["../../../../src/components/cookieTable/utils/conditionalTableRowClassesHandler.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH,gDAI6B;AAC7B,4DAAoC;AAIpC,sCAAsC;AACtC,MAAM,iCAAiC,GAAG,CACxC,GAAa,EACb,YAAqB,EACrB,QAAgB,EAChB,WAA0B,EAC1B,yBAAkC,EAClC,EAAE;;IACF,MAAM,MAAM,GAAG,IAAA,qBAAY,EACzB,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,YAAgC,CAAA,CAAC,YAAY,CAC1C,CAAC;IACZ,MAAM,SAAS,GAAG,yBAAyB;QACzC,CAAC,CAAC,MAAC,GAAG,CAAC,YAAgC,0CAAE,SAAS;QAClD,CAAC,CAAC,CAAA,MAAA,MAAC,GAAG,CAAC,YAAgC,0CAAE,cAAc,0CAAE,YAAY;YACjE,qBAAY,CAAC,WAAW;YAC1B,CAAA,MAAA,MAAC,GAAG,CAAC,YAAgC,0CAAE,cAAc,0CAAE,aAAa;gBAClE,qBAAY,CAAC,WAAW,CAAC;IAC/B,MAAM,mBAAmB,GAAG,MAAC,GAAG,CAAC,YAAgC,0CAC7D,mBAAmB,CAAC;IAExB,MAAM,iBAAiB,GAAG,IAAA,oBAAU,EAClC,SAAS;QACP,CAAC,MAAM,KAAK,WAAW;YACrB,CAAC,CAAC,QAAQ,GAAG,CAAC;gBACZ,CAAC,CAAC,yDAAyD;gBAC3D,CAAC,CAAC,uDAAuD;YAC3D,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,yDAAyD;gBAC3D,CAAC,CAAC,+EAA+E,CAAC,EACtF,mBAAmB;QACjB,CAAC,SAAS;QACV,CAAC,MAAM,KAAK,WAAW;YACrB,CAAC,CAAC,QAAQ,GAAG,CAAC;gBACZ,CAAC,CAAC,8CAA8C;gBAChD,CAAC,CAAC,gDAAgD;YACpD,CAAC,CAAC,YAAY;gBACd,CAAC,CAAC,uDAAuD;gBACzD,CAAC,CAAC,+EAA+E,CAAC,CACvF,CAAC;IAEF,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,kBAAe,iCAAiC,CAAC"}

package/dist/components/cookieTable/utils/exportCookies.js

@@ -0,0 +1,32 @@
+"use strict";
+/*
+ * 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const file_saver_1 = require("file-saver");
+const utils_1 = require("../../table/utils");
+const exportCookies = (isCLI = false, rows, hostname) => {
+    const _cookies = rows.map(({ originalData }) => originalData);
+    const generateCookieTableCSV = isCLI
+        ? utils_1.generateCLICookieTableCSV
+        : utils_1.generateExtensionCookieTableCSV;
+    if (_cookies.length > 0 && 'parsedCookie' in _cookies[0]) {
+        const csvTextBlob = generateCookieTableCSV(_cookies);
+        const fileName = hostname.split('.').join('-');
+        (0, file_saver_1.saveAs)(csvTextBlob, `${fileName}-report.csv`);
+    }
+};
+exports.default = exportCookies;
+//# sourceMappingURL=exportCookies.js.map

package/dist/components/cookieTable/utils/exportCookies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exportCookies.js","sourceRoot":"","sources":["../../../../src/components/cookieTable/utils/exportCookies.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;AAMH,2CAAoC;AAMpC,6CAG2B;AAE3B,MAAM,aAAa,GAAG,CAAC,KAAK,GAAG,KAAK,EAAE,IAAgB,EAAE,QAAgB,EAAE,EAAE;IAC1E,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC;IAE9D,MAAM,sBAAsB,GAAG,KAAK;QAClC,CAAC,CAAC,iCAAyB;QAC3B,CAAC,CAAC,uCAA+B,CAAC;IAEpC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QACzD,MAAM,WAAW,GAAG,sBAAsB,CAAC,QAA6B,CAAC,CAAC;QAC1E,MAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC/C,IAAA,mBAAM,EAAC,WAAW,EAAE,GAAG,QAAQ,aAAa,CAAC,CAAC;IAChD,CAAC;AACH,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}