@google-psat/design-system 0.9.0-1

package/dist/theme/colors.js

@@ -0,0 +1,213 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COLOR_MAP = void 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.
+ */
+exports.COLOR_MAP = {
+    functional: {
+        color: '#5CC971',
+        className: 'text-functional',
+    },
+    marketing: {
+        color: '#F3AE4E',
+        className: 'text-marketing',
+    },
+    analytics: {
+        color: '#4C79F4',
+        className: 'text-analytics',
+    },
+    uncategorized: {
+        color: '#EC7159',
+        className: 'text-uncategorised',
+    },
+    brightGray: {
+        color: '#E8EAED',
+        className: 'text-bright-gray',
+    },
+    mediumGray: {
+        color: '#BDBDBD',
+        className: 'text-medium-gray',
+    },
+    SecureOnly: {
+        color: '#A98307',
+        className: 'text-chestnut-gold',
+    },
+    DomainMismatch: {
+        color: '#7D8471',
+        className: 'text-battle-dress',
+    },
+    NotOnPath: {
+        color: '#79553D',
+        className: 'text-brownstone',
+    },
+    SameSiteStrict: {
+        color: '#AF2B1E',
+        className: 'text-upsed-tomato',
+    },
+    SameSiteLax: {
+        color: '#FFA420',
+        className: 'text-honey-wax',
+    },
+    SameSiteUnspecifiedTreatedAsLax: {
+        color: '#FF7514',
+        className: 'text-sparks-in-green',
+    },
+    SameSiteNoneInsecure: {
+        color: '#924E7D',
+        className: 'text-verve-violet',
+    },
+    UserPreferences: {
+        color: '#E63244',
+        className: 'text-red-radish',
+    },
+    ThirdPartyPhaseout: {
+        color: '#999950',
+        className: 'text-ancient-maze',
+    },
+    ThirdPartyBlockedInFirstPartySet: {
+        color: '#DE4C8A',
+        className: 'text-fandango-pink',
+    },
+    UnknownError: {
+        color: '#DE4C8A',
+        className: 'text-grilled-cheese',
+    },
+    SchemefulSameSiteStrict: {
+        color: '#763C28',
+        className: 'text-burnished-russet',
+    },
+    SchemefulSameSiteLax: {
+        color: '#C6A664',
+        className: 'text-spring-roll',
+    },
+    SchemefulSameSiteUnspecifiedTreatedAsLax: {
+        color: '#E7EBDA',
+        className: 'text-really-rain',
+    },
+    SamePartyFromCrossPartyContext: {
+        color: '#008F39',
+        className: 'text-pixelated-grass',
+    },
+    NameValuePairExceedsMaxSize: {
+        color: '#1C542D',
+        className: 'text-pixelated-dark-green',
+    },
+    ExcludeSameSiteUnspecifiedTreatedAsLax: {
+        color: '#1C542D',
+        className: 'text-jay-bird',
+    },
+    ExcludeSameSiteNoneInsecure: {
+        color: '#EDFF21',
+        className: 'text-john-lemon',
+    },
+    ExcludeSameSiteLax: {
+        color: '#A5A5A5',
+        className: 'text-rainy-grey',
+    },
+    ExcludeSameSiteStrict: {
+        color: '#256D7B',
+        className: 'text-discovery-bay',
+    },
+    ExcludeInvalidSameParty: {
+        color: '#898176',
+        className: 'text-crust',
+    },
+    ExcludeSamePartyCrossPartyContext: {
+        color: '#497E76',
+        className: 'text-azurite-water-green',
+    },
+    ExcludeDomainNonASCII: {
+        color: '#7FB5B5',
+        className: 'text-kingfisher-turquoise',
+    },
+    ExcludeThirdPartyCookieBlockedInFirstPartySet: {
+        color: '#EFA94A',
+        className: 'text-egyptian-gold',
+    },
+    ExcludeThirdPartyPhaseout: {
+        color: '#CF3476',
+        className: 'text-magentarama',
+    },
+    InvalidDomain: {
+        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',
+    },
+    SyntaxError: {
+        color: '#FF6F91',
+        className: 'text-baby-pink-gradient',
+    },
+    SchemeNotSupported: {
+        color: '#B39CD0',
+        className: 'text-spot-palette-mud-pink',
+    },
+    OverwriteSecure: {
+        color: '#E59500',
+        className: 'text-jamboo',
+    },
+    InvalidPrefix: {
+        color: '#EB4B98',
+        className: 'text-rose-bourbon',
+    },
+    SamePartyConflictsWithOtherAttributes: {
+        color: '#E0A890',
+        className: 'text-orange-buff',
+    },
+    DisallowedCharacter: {
+        color: '#0FFF95',
+        className: 'text-spring-green',
+    },
+    NoCookieContent: {
+        color: '#840032',
+        className: 'text-maroon-claret',
+    },
+};
+//# sourceMappingURL=colors.js.map

package/dist/theme/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"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"}

package/dist/utils/index.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.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareCookieDataMapping = exports.prepareFrameStatsComponent = exports.prepareCookieStatsComponents = exports.prepareCookiesCount = exports.noop = void 0;
+var noop_1 = require("./noop");
+Object.defineProperty(exports, "noop", { enumerable: true, get: function () { return noop_1.noop; } });
+var prepareCookiesCount_1 = require("./prepareCookiesCount");
+Object.defineProperty(exports, "prepareCookiesCount", { enumerable: true, get: function () { return __importDefault(prepareCookiesCount_1).default; } });
+var prepareCookieStatsComponents_1 = require("./prepareCookieStatsComponents");
+Object.defineProperty(exports, "prepareCookieStatsComponents", { enumerable: true, get: function () { return __importDefault(prepareCookieStatsComponents_1).default; } });
+var prepareFrameStatsComponent_1 = require("./prepareFrameStatsComponent");
+Object.defineProperty(exports, "prepareFrameStatsComponent", { enumerable: true, get: function () { return __importDefault(prepareFrameStatsComponent_1).default; } });
+var prepareCookieDataMapping_1 = require("./prepareCookieDataMapping");
+Object.defineProperty(exports, "prepareCookieDataMapping", { enumerable: true, get: function () { return __importDefault(prepareCookieDataMapping_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;AAEH,+BAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,6DAAuE;AAA9D,2IAAA,OAAO,OAAuB;AACvC,+EAAyF;AAAhF,6JAAA,OAAO,OAAgC;AAChD,2EAAqF;AAA5E,yJAAA,OAAO,OAA8B;AAC9C,uEAAiF;AAAxE,qJAAA,OAAO,OAA4B"}

package/dist/utils/noop.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.noop = void 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.
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => { };
+exports.noop = noop;
+//# sourceMappingURL=noop.js.map

package/dist/utils/noop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"noop.js","sourceRoot":"","sources":["../../src/utils/noop.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;GAcG;AACH,gEAAgE;AACzD,MAAM,IAAI,GAAG,GAAG,EAAE,GAAE,CAAC,CAAC;AAAhB,QAAA,IAAI,QAAY"}

package/dist/utils/prepareCookieDataMapping.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * 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.
+ */
+function prepareCookieDataMapping(cookieStats, cookiesStatsComponents, selectedItemUpdater) {
+    return [
+        {
+            title: i18n_1.I18n.getMessage('totalCookies'),
+            count: cookieStats.total,
+            data: cookiesStatsComponents.legend,
+            onClick: () => selectedItemUpdater('', 'isFirstParty'), // title is empty as we don't want to select any filter.
+        },
+        {
+            title: i18n_1.I18n.getMessage('firstPartyCookies'),
+            count: cookieStats.firstParty.total,
+            data: cookiesStatsComponents.firstParty,
+            onClick: () => selectedItemUpdater(i18n_1.I18n.getMessage('firstParty'), 'isFirstParty'),
+        },
+        {
+            title: i18n_1.I18n.getMessage('thirdPartyCookies'),
+            count: cookieStats.thirdParty.total,
+            data: cookiesStatsComponents.thirdParty,
+            onClick: () => selectedItemUpdater(i18n_1.I18n.getMessage('thirdParty'), 'isFirstParty'),
+        },
+    ];
+}
+exports.default = prepareCookieDataMapping;
+//# sourceMappingURL=prepareCookieDataMapping.js.map

package/dist/utils/prepareCookieDataMapping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepareCookieDataMapping.js","sourceRoot":"","sources":["../../src/utils/prepareCookieDataMapping.ts"],"names":[],"mappings":";;AAuBA,4CAAyC;AAEzC;;;;;;GAMG;AACH,SAAwB,wBAAwB,CAC9C,WAAyB,EACzB,sBAA6C,EAC7C,mBAAkE;IAElE,OAAO;QACL;YACE,KAAK,EAAE,WAAI,CAAC,UAAU,CAAC,cAAc,CAAC;YACtC,KAAK,EAAE,WAAW,CAAC,KAAK;YACxB,IAAI,EAAE,sBAAsB,CAAC,MAAM;YACnC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,EAAE,EAAE,cAAc,CAAC,EAAE,wDAAwD;SACjH;QACD;YACE,KAAK,EAAE,WAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC;YAC3C,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,KAAK;YACnC,IAAI,EAAE,sBAAsB,CAAC,UAAU;YACvC,OAAO,EAAE,GAAG,EAAE,CACZ,mBAAmB,CAAC,WAAI,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,cAAc,CAAC;SACrE;QACD;YACE,KAAK,EAAE,WAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC;YAC3C,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,KAAK;YACnC,IAAI,EAAE,sBAAsB,CAAC,UAAU;YACvC,OAAO,EAAE,GAAG,EAAE,CACZ,mBAAmB,CAAC,WAAI,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,cAAc,CAAC;SACrE;KACF,CAAC;AACJ,CAAC;AA3BD,2CA2BC"}

package/dist/utils/prepareCookieStatsComponents.js

@@ -0,0 +1,127 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const i18n_1 = require("@google-psat/i18n");
+/**
+ * Internal dependencies.
+ */
+const colors_1 = require("../theme/colors");
+// eslint-disable-next-line complexity
+const prepareCookieStatsComponents = (cookieStats) => {
+    const blockedCookiesStats = [];
+    const blockedCookiesLegend = [];
+    const exemptedCookiesStats = [];
+    const exemptedCookiesLegend = [];
+    Object.keys(cookieStats.blockedCookies).forEach((key) => {
+        var _a, _b, _c, _d, _e, _f;
+        if (key === 'total') {
+            return;
+        }
+        if (isNaN(cookieStats.blockedCookies[key])) {
+            return;
+        }
+        blockedCookiesStats.push({
+            count: cookieStats.blockedCookies[key],
+            color: (_b = (_a = colors_1.COLOR_MAP[key]) === null || _a === void 0 ? void 0 : _a.color) !== null && _b !== void 0 ? _b : '#E59500',
+        });
+        blockedCookiesLegend.push({
+            label: key,
+            count: cookieStats.blockedCookies[key],
+            color: (_d = (_c = colors_1.COLOR_MAP[key]) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : '#E59500',
+            countClassName: (_f = (_e = colors_1.COLOR_MAP[key]) === null || _e === void 0 ? void 0 : _e.className) !== null && _f !== void 0 ? _f : 'text-jamboo',
+        });
+    });
+    Object.keys(cookieStats.exemptedCookies).forEach((key) => {
+        var _a, _b, _c, _d, _e, _f;
+        if (key === 'total' || key.toLowerCase() === 'none') {
+            return;
+        }
+        if (isNaN(cookieStats.exemptedCookies[key])) {
+            return;
+        }
+        exemptedCookiesStats.push({
+            count: cookieStats.exemptedCookies[key],
+            color: (_b = (_a = colors_1.COLOR_MAP[key]) === null || _a === void 0 ? void 0 : _a.color) !== null && _b !== void 0 ? _b : '#E59500',
+        });
+        exemptedCookiesLegend.push({
+            label: key,
+            count: cookieStats.exemptedCookies[key],
+            color: (_d = (_c = colors_1.COLOR_MAP[key]) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : '#E59500',
+            countClassName: (_f = (_e = colors_1.COLOR_MAP[key]) === null || _e === void 0 ? void 0 : _e.className) !== null && _f !== void 0 ? _f : 'text-jamboo',
+        });
+    });
+    return {
+        legend: [
+            {
+                label: i18n_1.I18n.getMessage('functional'),
+                descriptionKey: 'Functional',
+                count: cookieStats.firstParty.functional + cookieStats.thirdParty.functional,
+                color: colors_1.COLOR_MAP.functional.color,
+                countClassName: colors_1.COLOR_MAP.functional.className,
+            },
+            {
+                label: i18n_1.I18n.getMessage('marketing'),
+                descriptionKey: 'Marketing',
+                count: cookieStats.firstParty.marketing + cookieStats.thirdParty.marketing,
+                color: colors_1.COLOR_MAP.marketing.color,
+                countClassName: colors_1.COLOR_MAP.uncategorized.className,
+            },
+            {
+                label: i18n_1.I18n.getMessage('analytics'),
+                descriptionKey: 'Analytics',
+                count: cookieStats.firstParty.analytics + cookieStats.thirdParty.analytics,
+                color: colors_1.COLOR_MAP.analytics.color,
+                countClassName: colors_1.COLOR_MAP.uncategorized.className,
+            },
+            {
+                label: i18n_1.I18n.getMessage('uncategorized'),
+                descriptionKey: 'Uncategorized',
+                count: cookieStats.firstParty.uncategorized +
+                    cookieStats.thirdParty.uncategorized,
+                color: colors_1.COLOR_MAP.uncategorized.color,
+                countClassName: colors_1.COLOR_MAP.uncategorized.className,
+            },
+        ],
+        firstParty: [
+            {
+                count: cookieStats.firstParty.functional,
+                color: colors_1.COLOR_MAP.functional.color,
+            },
+            {
+                count: cookieStats.firstParty.marketing,
+                color: colors_1.COLOR_MAP.marketing.color,
+            },
+            {
+                count: cookieStats.firstParty.analytics,
+                color: colors_1.COLOR_MAP.analytics.color,
+            },
+            {
+                count: cookieStats.firstParty.uncategorized,
+                color: colors_1.COLOR_MAP.uncategorized.color,
+            },
+        ],
+        thirdParty: [
+            {
+                count: cookieStats.thirdParty.functional,
+                color: colors_1.COLOR_MAP.functional.color,
+            },
+            {
+                count: cookieStats.thirdParty.marketing,
+                color: colors_1.COLOR_MAP.marketing.color,
+            },
+            {
+                count: cookieStats.thirdParty.analytics,
+                color: colors_1.COLOR_MAP.analytics.color,
+            },
+            {
+                count: cookieStats.thirdParty.uncategorized,
+                color: colors_1.COLOR_MAP.uncategorized.color,
+            },
+        ],
+        blocked: blockedCookiesStats,
+        blockedCookiesLegend,
+        exempted: exemptedCookiesStats,
+        exemptedCookiesLegend,
+    };
+};
+exports.default = prepareCookieStatsComponents;
+//# sourceMappingURL=prepareCookieStatsComponents.js.map

package/dist/utils/prepareCookieStatsComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepareCookieStatsComponents.js","sourceRoot":"","sources":["../../src/utils/prepareCookieStatsComponents.ts"],"names":[],"mappings":"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"}

package/dist/utils/prepareCookiesCount.js

@@ -0,0 +1,110 @@
+"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 });
+/**
+ * Categorize cookies count into 1st party and 3rd party cookies and then into functional, marketing, analytics and uncategorized.
+ * @param {{ [key: string]: CookieData }} cookies Cookies of a tab.
+ * @returns CookiesCount object with the categorized cookies count.
+ */
+const prepareCookiesCount = (cookies) => {
+    var _a;
+    const cookiesCount = {
+        total: 0,
+        blockedCookies: {
+            total: 0,
+        },
+        exemptedCookies: {
+            total: 0,
+        },
+        firstParty: {
+            total: 0,
+            functional: 0,
+            marketing: 0,
+            analytics: 0,
+            uncategorized: 0,
+        },
+        thirdParty: {
+            total: 0,
+            functional: 0,
+            marketing: 0,
+            analytics: 0,
+            uncategorized: 0,
+        },
+    };
+    if (!cookies) {
+        return cookiesCount;
+    }
+    const cookieList = Object.values(cookies).filter((cookie) => {
+        var _a;
+        return cookie.parsedCookie &&
+            cookie.frameIdList &&
+            ((_a = cookie.frameIdList) === null || _a === void 0 ? void 0 : _a.length) >= 0;
+    });
+    cookiesCount.total = Object.keys(cookies).filter((cookieKey) => cookies[cookieKey].parsedCookie &&
+        //@ts-ignore
+        cookies[cookieKey].frameIdList.length >= 0).length;
+    cookiesCount.blockedCookies.total = cookieList.filter((cookie) => {
+        var _a;
+        return cookie.isBlocked ||
+            (cookie.blockedReasons && ((_a = cookie.blockedReasons) === null || _a === void 0 ? void 0 : _a.length) > 0);
+    }).length;
+    cookieList.forEach((cookie) => {
+        var _a, _b;
+        if (cookie.blockedReasons && ((_a = cookie.blockedReasons) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            (_b = cookie.blockedReasons) === null || _b === void 0 ? void 0 : _b.forEach((reason) => {
+                if (!cookiesCount.blockedCookies[reason]) {
+                    cookiesCount.blockedCookies[reason] = 1;
+                }
+                else {
+                    cookiesCount.blockedCookies[reason]++;
+                }
+            });
+        }
+    });
+    cookiesCount.exemptedCookies.total = cookieList.filter((cookie) => {
+        var _a, _b;
+        return cookie.exemptionReason &&
+            cookie.exemptionReason.toLowerCase() !== 'none' &&
+            ((_b = ((_a = cookie === null || cookie === void 0 ? void 0 : cookie.frameIdList) !== null && _a !== void 0 ? _a : [])) === null || _b === void 0 ? void 0 : _b.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 = (_a = analytics === null || analytics === void 0 ? void 0 : analytics.category) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+        if (isFirstParty) {
+            cookiesCount.firstParty.total++;
+            cookiesCount.firstParty[category ? category : 'uncategorized']++;
+        }
+        else {
+            cookiesCount.thirdParty.total++;
+            cookiesCount.thirdParty[category ? category : 'uncategorized']++;
+        }
+    }
+    return cookiesCount;
+};
+exports.default = prepareCookiesCount;
+//# sourceMappingURL=prepareCookiesCount.js.map

package/dist/utils/prepareCookiesCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepareCookiesCount.js","sourceRoot":"","sources":["../../src/utils/prepareCookiesCount.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;AAOH;;;;GAIG;AACH,MAAM,mBAAmB,GAAG,CAAC,OAA6C,EAAE,EAAE;;IAC5E,MAAM,YAAY,GAAiB;QACjC,KAAK,EAAE,CAAC;QACR,cAAc,EAAE;YACd,KAAK,EAAE,CAAC;SACT;QACD,eAAe,EAAE;YACf,KAAK,EAAE,CAAC;SACT;QACD,UAAU,EAAE;YACV,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,aAAa,EAAE,CAAC;SACjB;QACD,UAAU,EAAE;YACV,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,CAAC;YACb,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,aAAa,EAAE,CAAC;SACjB;KACF,CAAC;IAEF,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAC9C,CAAC,MAAM,EAAE,EAAE;;QACT,OAAA,MAAM,CAAC,YAAY;YACnB,MAAM,CAAC,WAAW;YAClB,CAAA,MAAA,MAAM,CAAC,WAAW,0CAAE,MAAM,KAAI,CAAC,CAAA;KAAA,CAClC,CAAC;IAEF,YAAY,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAC9C,CAAC,SAAS,EAAE,EAAE,CACZ,OAAO,CAAC,SAAS,CAAC,CAAC,YAAY;QAC/B,YAAY;QACZ,OAAO,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,MAAM,IAAI,CAAC,CAC7C,CAAC,MAAM,CAAC;IAET,YAAY,CAAC,cAAc,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CACnD,CAAC,MAAM,EAAE,EAAE;;QACT,OAAA,MAAM,CAAC,SAAS;YAChB,CAAC,MAAM,CAAC,cAAc,IAAI,CAAA,MAAA,MAAM,CAAC,cAAc,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAA;KAAA,CAC/D,CAAC,MAAM,CAAC;IAET,UAAU,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;;QAC5B,IAAI,MAAM,CAAC,cAAc,IAAI,CAAA,MAAA,MAAM,CAAC,cAAc,0CAAE,MAAM,IAAG,CAAC,EAAE,CAAC;YAC/D,MAAA,MAAM,CAAC,cAAc,0CAAE,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;gBACxC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;oBACzC,YAAY,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;gBAC1C,CAAC;qBAAM,CAAC;oBACN,YAAY,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;gBACxC,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,YAAY,CAAC,eAAe,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CACpD,CAAC,MAAM,EAAE,EAAE;;QACT,OAAA,MAAM,CAAC,eAAe;YACtB,MAAM,CAAC,eAAe,CAAC,WAAW,EAAE,KAAK,MAAM;YAC/C,CAAA,MAAA,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,WAAW,mCAAI,EAAE,CAAC,0CAAE,MAAM,KAAI,CAAC,CAAA;KAAA,CAC3C,CAAC,MAAM,CAAC;IAET,UAAU,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAE;QAC5B,IACE,MAAM,CAAC,eAAe;YACtB,MAAM,CAAC,eAAe,CAAC,WAAW,EAAE,KAAK,MAAM,EAC/C,CAAC;YACD,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC;gBAC1D,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAC3D,CAAC;iBAAM,CAAC;gBACN,YAAY,CAAC,eAAe,CAAC,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC;YACzD,CAAC;QACH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,KAAK,MAAM,MAAM,IAAI,UAAU,EAAE,CAAC;QAChC,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;QAC3C,MAAM,QAAQ,GAAG,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,0CAAE,WAAW,EAGpC,CAAC;QAEd,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YAChC,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC;QACnE,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YAChC,YAAY,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,EAAE,CAAC;QACnE,CAAC;IACH,CAAC;IACD,OAAO,YAAY,CAAC;AACtB,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}