@google-psat/design-system 0.12.0 → 0.13.0

package/dist/components/landingPage/index.jsx

@@ -1,19 +1,4 @@
 "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);
@@ -41,62 +26,79 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+/*
+ * Copyright 2024 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.
+ * External dependencies
  */
 const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
 /**
- * Internal dependencies.
+ * Internal dependencies
  */
-const icons_1 = require("../../icons");
-const progressBar_1 = __importDefault(require("../progressBar"));
-const supportLink_1 = __importDefault(require("./supportLink"));
-const quickLinksList_1 = __importDefault(require("./quickLinksList"));
-const infoCard_1 = __importDefault(require("./infoCard"));
-const breadcrumbs_1 = __importDefault(require("../breadcrumbs"));
-const sidebar_1 = require("../sidebar");
-const LandingPage = ({ title, psInfoKey, iframeSrc, iframeBorderClass, children, extraClasses, contentPanel, showQuickLinks = true, showSupportLink = false, }) => {
-    const [loading, setLoading] = (0, react_1.useState)(iframeSrc ? true : false);
-    const [open, setOpen] = (0, react_1.useState)(true);
-    const { extractSelectedItemKeyTitles } = (0, sidebar_1.useSidebar)(({ actions }) => ({
-        extractSelectedItemKeyTitles: actions.extractSelectedItemKeyTitles,
-    }));
-    return (<div className="w-full h-full">
-      {loading && <progressBar_1.default additionalStyles="w-1/3 mx-auto h-full"/>}
-      <div className={(0, classnames_1.default)({ hidden: loading }, 'divide-y divide-hex-gray dark:divide-quartz')}>
-        <div className="flex justify-between">
-          <div className="p-4 flex flex-col gap-1">
-            <button className="flex gap-2 text-2xl font-bold items-baseline text-raisin-black dark:text-bright-gray cursor-pointer" onClick={() => setOpen((prevOpen) => !prevOpen)}>
-              {title && <h1 className="text-left">{title}</h1>}
-              <div>
-                <icons_1.ArrowUp className={(0, classnames_1.default)(open && 'rotate-180 -translate-y-1')}/>
-              </div>
-            </button>
-            <breadcrumbs_1.default items={extractSelectedItemKeyTitles()}/>
-          </div>
-          <div className="p-4 flex items-center">
-            {showSupportLink && <supportLink_1.default />}
-          </div>
-        </div>
-        <div className={(0, classnames_1.default)({ hidden: !open && !children })}>
-          <div id="#__psat-collapsible-content" className={(0, classnames_1.default)({ hidden: !open }, 'flex flex-col gap-6 divide-y divide-american-silver dark:divide-quartz px-4 py-6', {
-            'border-b border-american-silver dark:border-quartz': children,
-        }, extraClasses)}>
-            {iframeSrc && (<iframe src={iframeSrc} height="100%" onLoad={() => {
-                setLoading(false);
-            }} className={(0, classnames_1.default)('w-full md:w-[95%] md:m-auto rounded-xl', iframeBorderClass)}/>)}
-            {psInfoKey && <infoCard_1.default infoKey={psInfoKey}/>}
-            {contentPanel && <>{contentPanel}</>}
-          </div>
-
-          {children && (<div id="#__psat-main-content" className={(0, classnames_1.default)('flex flex-col gap-6 divide-y divide-american-silver dark:divide-quartz px-4 py-6', extraClasses)}>
-              {children}
-            </div>)}
-        </div>
-        {showQuickLinks && <quickLinksList_1.default />}
-      </div>
-    </div>);
+const getStoryPlayerMarkup_1 = require("./getStoryPlayerMarkup");
+const LandingPage_1 = __importDefault(require("./LandingPage"));
+const contentPanel_1 = __importDefault(require("./contentPanel"));
+const LandingPageContainer = (props) => {
+    const [independentStory, setIndependentStory] = (0, react_1.useState)('');
+    const iframeRef = (0, react_1.useRef)(null);
+    const { children, contentPanelTitle, content, counterStyles } = props;
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (!independentStory || !iframeRef.current) {
+            return;
+        }
+        (_a = iframeRef.current.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({
+            storyUrl: independentStory,
+        });
+    }, [independentStory]);
+    (0, react_1.useEffect)(() => {
+        document.addEventListener('webStoriesLightBoxEvent', 
+        //@ts-ignore since this is a custom event.
+        (event) => {
+            var _a;
+            //@ts-ignore since this is a custom data.
+            if (((_a = event === null || event === void 0 ? void 0 : event.detail) === null || _a === void 0 ? void 0 : _a.storyOpened) === false) {
+                setIndependentStory('');
+            }
+        }, false);
+        return () => {
+            document.removeEventListener('webStoriesLightBoxEvent', 
+            //@ts-ignore since this is a custom event.
+            (event) => {
+                var _a;
+                //@ts-ignore since this is a custom data.
+                if (((_a = event === null || event === void 0 ? void 0 : event.detail) === null || _a === void 0 ? void 0 : _a.storyOpened) === false) {
+                    setIndependentStory('');
+                }
+            }, false);
+        };
+    }, []);
+    return (<>
+      <LandingPage_1.default {...props} isLandingPageContainer containerStyles={independentStory ? 'z-0 absolute top-0 ' : ''} contentPanel={<contentPanel_1.default title={contentPanelTitle} content={content.map((data) => {
+                return Object.assign(Object.assign({}, data), { onClick: () => { var _a; return setIndependentStory((_a = data === null || data === void 0 ? void 0 : data.storyUrl) !== null && _a !== void 0 ? _a : ''); } });
+            })} counterStyles={counterStyles}/>}>
+        {children}
+      </LandingPage_1.default>
+      <iframe ref={iframeRef} srcDoc={(0, getStoryPlayerMarkup_1.getStoryPlayerMarkup)()} style={{
+            display: independentStory ? 'block' : 'none',
+            height: independentStory ? '100%' : '0%',
+            width: independentStory ? '100%' : '0%',
+            position: 'fixed',
+        }} className="w-full h-full overflow-hidden absolute top-0 border-none z-10"/>
+    </>);
 };
-exports.default = LandingPage;
+exports.default = LandingPageContainer;
 //# sourceMappingURL=index.jsx.map

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

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

package/dist/components/landingPage/infoCard/fetchPSInfo.js

@@ -40,6 +40,10 @@ var PSInfoKey;
     PSInfoKey["RelatedWebsiteSets"] = "related-website-sets";
     PSInfoKey["Chips"] = "chips";
     PSInfoKey["PrivateAggregation"] = "private-aggregation";
+    PSInfoKey["StorageAccess"] = "storage-access";
+    PSInfoKey["FedCM"] = "fedcm";
+    PSInfoKey["IPProtection"] = "ip-protection";
+    PSInfoKey["PrivateStateTokens"] = "private-state-tokens";
 })(PSInfoKey || (exports.PSInfoKey = PSInfoKey = {}));
 /**
  * Fetch PSInfo from local data folder.

package/dist/components/landingPage/infoCard/fetchPSInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetchPSInfo.js","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/fetchPSInfo.ts"],"names":[],"mappings":";;;;;;;;;;;;AAiDA,kCAIC;AArDD;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,gDAAqD;AAErD,IAAY,SASX;AATD,WAAY,SAAS;IACnB,8BAAmB,CAAA;IACnB,2DAAgD,CAAA;IAChD,qDAA0C,CAAA;IAC1C,+CAAoC,CAAA;IACpC,wDAA6C,CAAA;IAC7C,wDAA6C,CAAA;IAC7C,4BAAiB,CAAA;IACjB,uDAA4C,CAAA;AAC9C,CAAC,EATW,SAAS,yBAAT,SAAS,QASpB;AAeD;;;;GAIG;AACH,SAAsB,WAAW,CAAC,OAAsB;;QACtD,MAAM,IAAI,GAAG,MAAM,IAAA,uBAAc,EAAC,kBAAkB,CAAC,CAAC;QAEtD,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC;CAAA"}
+{"version":3,"file":"fetchPSInfo.js","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/fetchPSInfo.ts"],"names":[],"mappings":";;;;;;;;;;;;AAqDA,kCAIC;AAzDD;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,gDAAqD;AAErD,IAAY,SAaX;AAbD,WAAY,SAAS;IACnB,8BAAmB,CAAA;IACnB,2DAAgD,CAAA;IAChD,qDAA0C,CAAA;IAC1C,+CAAoC,CAAA;IACpC,wDAA6C,CAAA;IAC7C,wDAA6C,CAAA;IAC7C,4BAAiB,CAAA;IACjB,uDAA4C,CAAA;IAC5C,6CAAkC,CAAA;IAClC,4BAAiB,CAAA;IACjB,2CAAgC,CAAA;IAChC,wDAA6C,CAAA;AAC/C,CAAC,EAbW,SAAS,yBAAT,SAAS,QAapB;AAeD;;;;GAIG;AACH,SAAsB,WAAW,CAAC,OAAsB;;QACtD,MAAM,IAAI,GAAG,MAAM,IAAA,uBAAc,EAAC,kBAAkB,CAAC,CAAC;QAEtD,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC;CAAA"}

package/dist/components/landingPage/infoCard/index.jsx

@@ -60,7 +60,7 @@ const react_1 = __importStar(require("react"));
 const learnMoreDropdown_1 = __importDefault(require("./learnMoreDropdown"));
 const fetchPSInfo_1 = require("./fetchPSInfo");
 const i18n_1 = require("@google-psat/i18n");
-const InfoCard = ({ infoKey, className }) => {
+const InfoCard = ({ infoKey }) => {
     const [PSInfo, setPSInfo] = (0, react_1.useState)({});
     (0, react_1.useEffect)(() => {
         (function () {
@@ -71,7 +71,7 @@ const InfoCard = ({ infoKey, className }) => {
         })();
     }, [infoKey]);
     return (<>
-      {Object.keys(PSInfo).length ? (<div className={className}>
+      {Object.keys(PSInfo).length ? (<div className="max-w-2xl">
           <p className="mb-3 text-raisin-black dark:text-bright-gray text-sm" dangerouslySetInnerHTML={{
                 __html: PSInfo.useI18n === false
                     ? PSInfo.description

package/dist/components/landingPage/infoCard/index.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAAmD;AAEnD;;GAEG;AACH,4EAAoD;AACpD,+CAIuB;AACvB,4CAAyC;AAOzC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAiB,EAAE,EAAE;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAgB,CAAC,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,CAAC;;gBACC,MAAM,IAAI,GAAG,MAAM,IAAA,yBAAW,EAAC,OAAO,CAAC,CAAC;gBAExC,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;SAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAC5B,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CACxB;UAAA,CAAC,CAAC,CACA,SAAS,CAAC,sDAAsD,CAChE,uBAAuB,CAAC,CAAC;gBACvB,MAAM,EACJ,MAAM,CAAC,OAAO,KAAK,KAAK;oBACtB,CAAC,CAAC,MAAM,CAAC,WAAW;oBACpB,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC;aAC1C,CAAC,EAEJ;UAAA,CAAC,2BAAiB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EACpC;QAAA,EAAE,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,CACF,CAAC,GAAG,CAAC,SAAS,CAAC,gDAAgD,CAC7D;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,gGAAgG,EACjH;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAAmD;AAEnD;;GAEG;AACH,4EAAoD;AACpD,+CAIuB;AACvB,4CAAyC;AAMzC,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAiB,EAAE,EAAE;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAgB,CAAC,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,CAAC;;gBACC,MAAM,IAAI,GAAG,MAAM,IAAA,yBAAW,EAAC,OAAO,CAAC,CAAC;gBAExC,SAAS,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC;SAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,EACE;MAAA,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAC5B,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CACxB;UAAA,CAAC,CAAC,CACA,SAAS,CAAC,sDAAsD,CAChE,uBAAuB,CAAC,CAAC;gBACvB,MAAM,EACJ,MAAM,CAAC,OAAO,KAAK,KAAK;oBACtB,CAAC,CAAC,MAAM,CAAC,WAAW;oBACpB,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC;aAC1C,CAAC,EAEJ;UAAA,CAAC,2BAAiB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EACpC;QAAA,EAAE,GAAG,CAAC,CACP,CAAC,CAAC,CAAC,CACF,CAAC,GAAG,CAAC,SAAS,CAAC,gDAAgD,CAC7D;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,gGAAgG,EACjH;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/components/landingPage/infoCard/learnMoreDropdown.jsx

@@ -78,6 +78,7 @@ const LearnMoreDropdown = ({ PSInfo: { proposal, publicExplainer, publicDiscussi
                 ? i18n_1.I18n.getMessage(LABELS[index].linkLabel)
                 : LABELS[index].linkLabel;
             return (<renderLink_1.default key={index} link={(value === null || value === void 0 ? void 0 : value.startsWith('https://developers.google.com')) ||
+                    (value === null || value === void 0 ? void 0 : value.startsWith('https://developer.mozilla.org')) ||
                     (value === null || value === void 0 ? void 0 : value.startsWith('https://www.youtube.com')) ||
                     (value === null || value === void 0 ? void 0 : value.startsWith('https://youtu.be/'))
                     ? (0, common_1.addUTMParams)(value)

package/dist/components/landingPage/infoCard/learnMoreDropdown.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"learnMoreDropdown.jsx","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/learnMoreDropdown.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,gDAAmD;AACnD,4CAAyC;AAMzC,8DAAsC;AAEtC;;;;GAIG;AACH,MAAM,MAAM,GAAG;IACb;QACE,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,cAAc;QACzB,OAAO,EAAE,IAAI;KACd;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,yBAAyB;QACpC,OAAO,EAAE,IAAI;KACd;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE,sBAAsB;QACjC,OAAO,EAAE,IAAI;KACd;IACD;QACE,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,mBAAmB;QAC9B,OAAO,EAAE,IAAI;KACd;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE,sBAAsB;QACjC,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAOF,MAAM,iBAAiB,GAAG,CAAC,EACzB,MAAM,EAAE,EACN,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,gBAAgB,GACjB,GACsB,EAAE,EAAE;IAC3B,OAAO,CACL,EACE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yDAAyD,CACtE;QAAA,CAAC,EAAE,CACD,IAAI,CAAC,MAAM,CACX,SAAS,CAAC,+CAA+C,CAEzD;UAAA,CAAC;YACC,QAAQ;YACR,eAAe;YACf,gBAAgB;YAChB,aAAa;YACb,gBAAgB;SACjB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACrB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,IAAI,CAAC;YACd,CAAC;YAED,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;gBACjC,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;gBACtC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;YAExB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;gBACrC,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;gBAC1C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;YAE5B,OAAO,CACL,CAAC,oBAAU,CACT,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,IAAI,CAAC,CACH,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,+BAA+B,CAAC;qBAClD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,yBAAyB,CAAC,CAAA;qBAC5C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,mBAAmB,CAAC,CAAA;oBACpC,CAAC,CAAC,IAAA,qBAAY,EAAC,KAAK,CAAC;oBACrB,CAAC,CAAC,KACN,CAAC,CACD,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,SAAS,CAAC,EACrB,CACH,CAAC;QACJ,CAAC,CAAC,CACJ;QAAA,EAAE,EAAE,CACN;MAAA,EAAE,GAAG,CACP;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"learnMoreDropdown.jsx","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/learnMoreDropdown.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,gDAAmD;AACnD,4CAAyC;AAMzC,8DAAsC;AAEtC;;;;GAIG;AACH,MAAM,MAAM,GAAG;IACb;QACE,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE,cAAc;QACzB,OAAO,EAAE,IAAI;KACd;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE,yBAAyB;QACpC,OAAO,EAAE,IAAI;KACd;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE,sBAAsB;QACjC,OAAO,EAAE,IAAI;KACd;IACD;QACE,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE,mBAAmB;QAC9B,OAAO,EAAE,IAAI;KACd;IACD;QACE,KAAK,EAAE,kBAAkB;QACzB,SAAS,EAAE,sBAAsB;QACjC,OAAO,EAAE,IAAI;KACd;CACF,CAAC;AAOF,MAAM,iBAAiB,GAAG,CAAC,EACzB,MAAM,EAAE,EACN,QAAQ,EACR,eAAe,EACf,gBAAgB,EAChB,aAAa,EACb,gBAAgB,GACjB,GACsB,EAAE,EAAE;IAC3B,OAAO,CACL,EACE;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,yDAAyD,CACtE;QAAA,CAAC,EAAE,CACD,IAAI,CAAC,MAAM,CACX,SAAS,CAAC,+CAA+C,CAEzD;UAAA,CAAC;YACC,QAAQ;YACR,eAAe;YACf,gBAAgB;YAChB,aAAa;YACb,gBAAgB;SACjB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACrB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,IAAI,CAAC;YACd,CAAC;YAED,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;gBACjC,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;gBACtC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;YAExB,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,OAAO;gBACrC,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;gBAC1C,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC;YAE5B,OAAO,CACL,CAAC,oBAAU,CACT,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,IAAI,CAAC,CACH,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,+BAA+B,CAAC;qBAClD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,+BAA+B,CAAC,CAAA;qBAClD,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,yBAAyB,CAAC,CAAA;qBAC5C,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,mBAAmB,CAAC,CAAA;oBACpC,CAAC,CAAC,IAAA,qBAAY,EAAC,KAAK,CAAC;oBACrB,CAAC,CAAC,KACN,CAAC,CACD,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,SAAS,CAAC,CAAC,SAAS,CAAC,EACrB,CACH,CAAC;QACJ,CAAC,CAAC,CACJ;QAAA,EAAE,EAAE,CACN;MAAA,EAAE,GAAG,CACP;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,iBAAiB,CAAC"}

package/dist/components/landingPage/infoCard/renderLink.jsx

@@ -22,6 +22,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * External dependencies.
  */
 const react_1 = __importDefault(require("react"));
+const link_1 = __importDefault(require("../../link"));
 const RenderLink = ({ label, link, linkLabel }) => (<>
     {link ? (<li className="py-4">
         <div className="flex items-center">
@@ -29,9 +30,9 @@ const RenderLink = ({ label, link, linkLabel }) => (<>
             <p className="text-sm font-medium text-raisin-black dark:text-bright-gray truncate capitalize">
               {label}
             </p>
-            <a title={link} href={link} className="text-xs text-bright-navy-blue dark:text-jordy-blue hover:opacity-80" target="_blank" rel="noreferrer">
+            <link_1.default title={link} href={link} className="text-xs text-bright-navy-blue dark:text-jordy-blue hover:opacity-80" rel="noreferrer">
               {linkLabel}
-            </a>
+            </link_1.default>
           </div>
         </div>
       </li>) : (<></>)}

package/dist/components/landingPage/infoCard/renderLink.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"renderLink.jsx","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/renderLink.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAQ1B,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAmB,EAAE,EAAE,CAAC,CAClE,EACE;IAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CACN,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAClB;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mBAAmB,CAChC;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,oCAAoC,CACjD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,iFAAiF,CAC5F;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,CAAC,CACA,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,qEAAqE,CAC/E,MAAM,CAAC,QAAQ,CACf,GAAG,CAAC,YAAY,CAEhB;cAAA,CAAC,SAAS,CACZ;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,EAAE,CAAC,CACN,CAAC,CAAC,CAAC,CACF,EAAE,GAAG,CACN,CACH;EAAA,GAAG,CACJ,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"renderLink.jsx","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/renderLink.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;AAEH;;GAEG;AACH,kDAA0B;AAC1B,sDAA8B;AAQ9B,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAmB,EAAE,EAAE,CAAC,CAClE,EACE;IAAA,CAAC,IAAI,CAAC,CAAC,CAAC,CACN,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAClB;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,mBAAmB,CAChC;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,oCAAoC,CACjD;YAAA,CAAC,CAAC,CAAC,SAAS,CAAC,iFAAiF,CAC5F;cAAA,CAAC,KAAK,CACR;YAAA,EAAE,CAAC,CACH;YAAA,CAAC,cAAI,CACH,KAAK,CAAC,CAAC,IAAI,CAAC,CACZ,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,qEAAqE,CAC/E,GAAG,CAAC,YAAY,CAEhB;cAAA,CAAC,SAAS,CACZ;YAAA,EAAE,cAAI,CACR;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,EAAE,CAAC,CACN,CAAC,CAAC,CAAC,CACF,EAAE,GAAG,CACN,CACH;EAAA,GAAG,CACJ,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/dist/components/landingPage/quickLinksList.jsx

@@ -63,6 +63,7 @@ const i18n_1 = require("@google-psat/i18n");
 const bulletList_1 = __importDefault(require("../bulletList"));
 const constants_1 = require("./constants");
 const icons_1 = require("../../icons");
+const link_1 = __importDefault(require("../link"));
 const QuickLinksList = () => {
     const [news, setNews] = (0, react_1.useState)([]);
     (0, react_1.useEffect)(() => {
@@ -104,10 +105,12 @@ const QuickLinksList = () => {
           <bulletList_1.default rows={news}/>
 
           <div className="ml-6">
-            <a href={(0, common_1.addUTMParams)('https://privacysandbox.com/news/')} target="_blank" rel="noreferrer" className="leading-6 text-sm text-bright-navy-blue dark:text-jordy-blue font-semibold px-3 border border-american-silver dark:border-quartz rounded inline-flex gap-2 items-center">
-              {i18n_1.I18n.getMessage('viewMore')}
-              <icons_1.ChevronRight className="text-bright-navy-blue dark:text-jordy-blue"/>
-            </a>
+            <link_1.default href={(0, common_1.addUTMParams)('https://privacysandbox.com/news/')} className="leading-6 text-sm text-bright-navy-blue dark:text-jordy-blue font-semibold px-3 border border-american-silver dark:border-quartz rounded inline-flex gap-2 items-center">
+              <>
+                {i18n_1.I18n.getMessage('viewMore')}
+                <icons_1.ChevronRight className="text-bright-navy-blue dark:text-jordy-blue"/>
+              </>
+            </link_1.default>
           </div>
         </div>
       </div>

package/dist/components/landingPage/quickLinksList.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"quickLinksList.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/quickLinksList.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH;;GAEG;AACH,+CAAmD;AACnD,qDAA4C;AAC5C,gDAAmD;AACnD,4CAAyC;AAEzC;;GAEG;AACH,+DAAuC;AACvC,2CAA0C;AAC1C,uCAA2C;AAE3C,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAmB,EAAE,CAAC,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,CAAC,GAAS,EAAE;;YACV,IAAI,CAAC;gBACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,iCAAiC,CAAC,CAAC;gBAChE,MAAM,WAAW,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;gBAE1C,MAAM,MAAM,GAAG,IAAI,2BAAS,EAAE,CAAC;gBAC/B,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;gBAE7C,MAAM,KAAK,GAAG,MAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,0CAAE,OAAO,0CAAE,IAAI,CAAC;gBAE7C,IAAI,KAAK,EAAE,CAAC;oBACV,MAAM,SAAS,GAAG,KAAK;yBACpB,GAAG,CAAC,CAAC,IAAoB,EAAE,EAAE,CAAC,CAAC;wBAC9B,KAAK,EAAE,IAAI,CAAC,KAAK;wBACjB,IAAI,EAAE,IAAA,qBAAY,EAAC,IAAI,CAAC,IAAc,CAAC;wBACvC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;qBAC/D,CAAC,CAAC,CAAC,aAAa;yBAChB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;oBAEhD,OAAO,CAAC,SAAS,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,iBAAiB;YACnB,CAAC;QACH,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,uBAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCACxC,IAAI,KACP,KAAK,EAAE,WAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,IAClC,CAAC,CAAC;IAEJ,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,kDAAkD,CAC/D;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,gCAAgC,CAC7C;QAAA,CAAC,oBAAU,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,WAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,EACvE;MAAA,EAAE,GAAG,CACL;MAAA,CAAC,GAAG,CAAC,SAAS,CAAC,gCAAgC,CAC7C;QAAA,CAAC,EAAE,CAAC,SAAS,CAAC,qEAAqE,CACjF;UAAA,CAAC,WAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAChC;QAAA,EAAE,EAAE,CACJ;QAAA,CAAC,EAAE,CAAC,SAAS,CAAC,sDAAsD,EACpE;QAAA,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CACxB;UAAA,CAAC,oBAAU,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAEvB;;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CACnB;YAAA,CAAC,CAAC,CACA,IAAI,CAAC,CAAC,IAAA,qBAAY,EAAC,kCAAkC,CAAC,CAAC,CACvD,MAAM,CAAC,QAAQ,CACf,GAAG,CAAC,YAAY,CAChB,SAAS,CAAC,yKAAyK,CAEnL;cAAA,CAAC,WAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAC5B;cAAA,CAAC,oBAAY,CAAC,SAAS,CAAC,4CAA4C,EACtE;YAAA,EAAE,CAAC,CACL;UAAA,EAAE,GAAG,CACP;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,GAAG,CACP;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
+{"version":3,"file":"quickLinksList.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/quickLinksList.tsx"],"names":[],"mappings":"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"}

package/dist/components/landingPage/supportLink.jsx

@@ -26,16 +26,19 @@ const react_1 = __importDefault(require("react"));
  * Internal dependencies.
  */
 const icons_1 = require("../../icons");
+const link_1 = __importDefault(require("../link"));
 const SupportLink = () => {
-    return (<a className="group dark:text-bright-gray flex items-center hover:text-blue-500 hover:dark:text-blue-400" target="_blank" href="https://github.com/GoogleChromeLabs/ps-analysis-tool/discussions/categories/support-forum" rel="noreferrer">
-      <span className="mt-[1px] mr-1">
-        <icons_1.SupportIcon width="18" className="fill-current text-black dark:text-bright-gray group-hover:text-blue-500"/>
-      </span>
-      <span>Support Forum</span>
-      <span className="ml-[2px] inline-block">
-        <icons_1.ExternalLinkBlack className="fill-current text-black dark:text-bright-gray group-hover:text-blue-500" width="14"/>
-      </span>
-    </a>);
+    return (<link_1.default className="group dark:text-bright-gray flex items-center hover:text-blue-500 hover:dark:text-blue-400" target="_blank" href="https://github.com/GoogleChromeLabs/ps-analysis-tool/discussions/categories/support-forum" rel="noreferrer">
+      <>
+        <span className="mt-[1px] mr-1">
+          <icons_1.SupportIcon width="18" className="fill-current text-black dark:text-bright-gray group-hover:text-blue-500"/>
+        </span>
+        <span>Support Forum</span>
+        <span className="ml-[2px] inline-block">
+          <icons_1.ExternalLinkBlack className="fill-current text-black dark:text-bright-gray group-hover:text-blue-500" width="14"/>
+        </span>
+      </>
+    </link_1.default>);
 };
 exports.default = SupportLink;
 //# sourceMappingURL=supportLink.jsx.map

package/dist/components/landingPage/supportLink.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"supportLink.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/supportLink.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,uCAA6D;AAE7D,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,CAAC,CAAC,CACA,SAAS,CAAC,4FAA4F,CACtG,MAAM,CAAC,QAAQ,CACf,IAAI,CAAC,2FAA2F,CAChG,GAAG,CAAC,YAAY,CAEhB;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,eAAe,CAC7B;QAAA,CAAC,mBAAW,CACV,KAAK,CAAC,IAAI,CACV,SAAS,CAAC,yEAAyE,EAEvF;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CACzB;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,uBAAuB,CACrC;QAAA,CAAC,yBAAiB,CAChB,SAAS,CAAC,yEAAyE,CACnF,KAAK,CAAC,IAAI,EAEd;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,CAAC,CAAC,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
+{"version":3,"file":"supportLink.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/supportLink.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAE1B;;GAEG;AACH,uCAA6D;AAC7D,mDAA2B;AAE3B,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,OAAO,CACL,CAAC,cAAI,CACH,SAAS,CAAC,4FAA4F,CACtG,MAAM,CAAC,QAAQ,CACf,IAAI,CAAC,2FAA2F,CAChG,GAAG,CAAC,YAAY,CAEhB;MAAA,EACE;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,eAAe,CAC7B;UAAA,CAAC,mBAAW,CACV,KAAK,CAAC,IAAI,CACV,SAAS,CAAC,yEAAyE,EAEvF;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CACzB;QAAA,CAAC,IAAI,CAAC,SAAS,CAAC,uBAAuB,CACrC;UAAA,CAAC,yBAAiB,CAChB,SAAS,CAAC,yEAAyE,CACnF,KAAK,CAAC,IAAI,EAEd;QAAA,EAAE,IAAI,CACR;MAAA,GACF;IAAA,EAAE,cAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/components/link/index.jsx

@@ -0,0 +1,67 @@
+"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;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/*
+ * Copyright 2025 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 Link = (_a) => {
+    var { href, children } = _a, rest = __rest(_a, ["href", "children"]);
+    const onClick = (0, react_1.useCallback)((event) => {
+        event.preventDefault();
+        chrome.tabs.update({ url: href });
+    }, [href]);
+    return (<a onClick={onClick} href={href} className="text-bright-navy-blue" {...rest}>
+      {children}
+    </a>);
+};
+exports.default = Link;
+//# sourceMappingURL=index.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/link/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,+CAA2C;AAO3C,MAAM,IAAI,GAAG,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,IAAI,EAAE,QAAQ,OAAsB,EAAjB,IAAI,cAAzB,oBAA2B,CAAF;IACrC,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,KAAsD,EAAE,EAAE;QACzD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,OAAO,CACL,CAAC,CAAC,CACA,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,SAAS,CAAC,uBAAuB,CACjC,IAAI,IAAI,CAAC,CAET;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,CAAC,CAAC,CACL,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/components/{internalNavigationForAnchor → linkProcessor}/index.jsx

@@ -37,6 +37,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.
@@ -46,10 +49,43 @@ const react_1 = __importStar(require("react"));
  * Internal dependencies.
  */
 const sidebar_1 = require("../sidebar");
-const InternalNavigationForAnchor = ({ text, to, queries, }) => {
+const link_1 = __importDefault(require("../link"));
+/**
+ * LinkProcessor Component
+ * @todo This component props are getting too complex. Consider refactoring it.
+ *
+ * This component processes a text string containing anchor placeholders (`<a>`)
+ * and replaces them with interactive links. It enables navigation within a sidebar
+ * while supporting query parameters and external links that can either open in the same tab
+ * or a new tab based on user interaction.
+ *
+ * ## Features:
+ * - Parses text input and converts placeholders (`<a>`) into clickable links.
+ * - Supports navigation to different sections using query parameters.
+ * - Allows external links to open in a new tab when Ctrl or Cmd is held.
+ * - Provides an option to open links in the same tab.
+ * - Uses `useSidebar` to update the selected sidebar item dynamically.
+ * @param props - Component properties.
+ * @param props.text - The text string containing `<a>` placeholders for links.
+ * @param props.to - List of keys corresponding to navigation targets.
+ * @param [props.queries] - Optional list of query parameters for navigation.
+ * @param [props.links] - Optional list of external links for anchors.
+ * @param props.sameTab - Determines whether links should open in the same tab.
+ * @returns A processed JSX structure with interactive links.
+ */
+const LinkProcessor = ({ text, to, queries, links, sameTab = false, }) => {
     const updateSelectedItemKey = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
-    const navigateTo = (0, react_1.useCallback)((key, query) => {
-        return () => updateSelectedItemKey(key, query);
+    const navigateTo = (0, react_1.useCallback)((event, key, query, link) => {
+        event.preventDefault();
+        if (event.ctrlKey || event.metaKey) {
+            if (link) {
+                chrome === null || chrome === void 0 ? void 0 : chrome.tabs.create({
+                    url: link,
+                });
+                return;
+            }
+        }
+        updateSelectedItemKey(key, query);
     }, [updateSelectedItemKey]);
     const processDescription = (0, react_1.useCallback)((textToProcess) => {
         let anchorIdxToNavigate = 0;
@@ -65,9 +101,19 @@ const InternalNavigationForAnchor = ({ text, to, queries, }) => {
                     elements.push(<span>{textToProcess.slice(stringStart, stringEnd)}</span>);
                 }
                 else {
-                    const button = (<button onClick={navigateTo(to[anchorIdxToNavigate], (queries === null || queries === void 0 ? void 0 : queries[anchorIdxToNavigate]) || '')} className="text-bright-navy-blue dark:text-jordy-blue">
-                {textToProcess.slice(stringStart, stringEnd)}
-              </button>);
+                    const idx = anchorIdxToNavigate;
+                    let button;
+                    if (sameTab) {
+                        button = (<link_1.default href={(links === null || links === void 0 ? void 0 : links[idx]) || '#'} className="text-bright-navy-blue dark:text-jordy-blue">
+                  {textToProcess.slice(stringStart, stringEnd)}
+                </link_1.default>);
+                    }
+                    else {
+                        const _to = (to === null || to === void 0 ? void 0 : to[idx]) || '';
+                        button = (<a href={(links === null || links === void 0 ? void 0 : links[idx]) || '#'} onClick={(event) => navigateTo(event, _to, (queries === null || queries === void 0 ? void 0 : queries[idx]) || '', (links === null || links === void 0 ? void 0 : links[idx]) || '')} className="text-bright-navy-blue dark:text-jordy-blue">
+                  {textToProcess.slice(stringStart, stringEnd)}
+                </a>);
+                    }
                     elements.push(button);
                     stringEnd++;
                     anchorIdxToNavigate++;
@@ -82,10 +128,10 @@ const InternalNavigationForAnchor = ({ text, to, queries, }) => {
             elements.push(<span>{textToProcess.slice(stringStart)}</span>);
         }
         return elements;
-    }, [navigateTo, queries, to]);
+    }, [links, navigateTo, queries, to, sameTab]);
     return (<>
       {processDescription(text).map((element, index) => (<react_1.default.Fragment key={index}>{element}</react_1.default.Fragment>))}
     </>);
 };
-exports.default = InternalNavigationForAnchor;
+exports.default = LinkProcessor;
 //# sourceMappingURL=index.jsx.map

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

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

package/dist/components/matrix/index.jsx

@@ -27,11 +27,11 @@ const classnames_1 = __importDefault(require("classnames"));
  * Internal dependencies.
  */
 const matrixComponent_1 = __importDefault(require("./matrixComponent"));
-const Matrix = ({ dataComponents, expand }) => {
+const Matrix = ({ dataComponents, expand, extraClasses }) => {
     if (!dataComponents || !dataComponents.length) {
         return null;
     }
-    return (<div className="grid grid-cols-2 gap-x-5" data-testid="matrix">
+    return (<div className={`grid grid-cols-2 gap-x-5 ${extraClasses}`} data-testid="matrix">
       {dataComponents.map((dataComponent, index) => {
             if (dataComponent && dataComponent.countClassName) {
                 const isLastTwoItems = index === dataComponents.length - 1 ||

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

@@ -1 +1 @@
-{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/matrix/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAEpC;;GAEG;AACH,wEAA+E;AAO/E,MAAM,MAAM,GAAG,CAAC,EAAE,cAAc,EAAE,MAAM,EAAe,EAAE,EAAE;IACzD,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,GAAG,CAAC,SAAS,CAAC,0BAA0B,CAAC,WAAW,CAAC,QAAQ,CAC5D;MAAA,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;YAC3C,IAAI,aAAa,IAAI,aAAa,CAAC,cAAc,EAAE,CAAC;gBAClD,MAAM,cAAc,GAClB,KAAK,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC;oBACnC,KAAK,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;gBACtC,OAAO,CACL,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,4CAA4C,EAC5C;wBACE,UAAU,EAAE,CAAC,cAAc;qBAC5B,CACF,CAAC,CAEF;cAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,aAAa,CAAC,OAAO,8DAAG,aAAa,CAAC,KAAK,CAAC,CAAA,EAAA,CAAC,CAC5D,SAAS,CAAC,CAAC,IAAA,oBAAU,EAAC,yBAAyB,EAAE;wBAC/C,qRAAqR,EACnR,aAAa,CAAC,OAAO;wBACvB,gBAAgB,EAAE,CAAC,aAAa,CAAC,OAAO;qBACzC,CAAC,CAAC,CAEH;gBAAA,CAAC,yBAAe,CACd,UAAU,CAAC,CAAC,MAAM,CAAC,CACnB,IAAI,aAAa,CAAC,CAClB,cAAc,CAAC,CACb,aAAa,CAAC,cAAc,GAAG,wBACjC,CAAC,EAEL;cAAA,EAAE,MAAM,CACV;YAAA,EAAE,GAAG,CAAC,CACP,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/matrix/index.tsx"],"names":[],"mappings":";;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,kDAA0B;AAC1B,4DAAoC;AAEpC;;GAEG;AACH,wEAA+E;AAQ/E,MAAM,MAAM,GAAG,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,YAAY,EAAe,EAAE,EAAE;IACvE,IAAI,CAAC,cAAc,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,CAAC,GAAG,CACF,SAAS,CAAC,CAAC,4BAA4B,YAAY,EAAE,CAAC,CACtD,WAAW,CAAC,QAAQ,CAEpB;MAAA,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;YAC3C,IAAI,aAAa,IAAI,aAAa,CAAC,cAAc,EAAE,CAAC;gBAClD,MAAM,cAAc,GAClB,KAAK,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC;oBACnC,KAAK,KAAK,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;gBACtC,OAAO,CACL,CAAC,GAAG,CACF,GAAG,CAAC,CAAC,KAAK,CAAC,CACX,SAAS,CAAC,CAAC,IAAA,oBAAU,EACnB,4CAA4C,EAC5C;wBACE,UAAU,EAAE,CAAC,cAAc;qBAC5B,CACF,CAAC,CAEF;cAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,aAAa,CAAC,OAAO,8DAAG,aAAa,CAAC,KAAK,CAAC,CAAA,EAAA,CAAC,CAC5D,SAAS,CAAC,CAAC,IAAA,oBAAU,EAAC,yBAAyB,EAAE;wBAC/C,qRAAqR,EACnR,aAAa,CAAC,OAAO;wBACvB,gBAAgB,EAAE,CAAC,aAAa,CAAC,OAAO;qBACzC,CAAC,CAAC,CAEH;gBAAA,CAAC,yBAAe,CACd,UAAU,CAAC,CAAC,MAAM,CAAC,CACnB,IAAI,aAAa,CAAC,CAClB,cAAc,CAAC,CACb,aAAa,CAAC,cAAc,GAAG,wBACjC,CAAC,EAEL;cAAA,EAAE,MAAM,CACV;YAAA,EAAE,GAAG,CAAC,CACP,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}

package/dist/components/matrix/stories/matrix.stories.jsx

@@ -20,7 +20,7 @@ exports.Primary = {
             {
                 count: 7,
                 color: '#5CC971',
-                countClassName: 'text-functional',
+                countClassName: 'text-emerald',
                 description: 'These are essential cookies that are necessary for a website to function properly. They enable basic functionalities such as page navigation, access to secure areas, and remembering user preferences (e.g., language, font size), etc.',
                 title: 'Functional',
                 isExpanded: true,
@@ -29,7 +29,7 @@ exports.Primary = {
             {
                 count: 9,
                 color: '#F3AE4E',
-                countClassName: 'text-marketing',
+                countClassName: 'text-max-yellow-red',
                 description: "They are used to track visitors across websites to gather information about their browsing habits. The data collected is often used by advertisers to deliver targeted advertisements that are relevant to the user's interests.",
                 title: 'Marketing',
                 isExpanded: true,
@@ -38,7 +38,7 @@ exports.Primary = {
             {
                 count: 2,
                 color: '#4C79F4',
-                countClassName: 'text-analytics',
+                countClassName: 'text-blue-berry',
                 description: 'Used to gather information about how users interact with a website. They provide website owners with insights into user behavior, such as the number of visitors, the most popular pages, and the average time spent on the site. This data helps website owners understand and improve the user experience, optimize content, and identify areas for enhancement.',
                 title: 'Analytics',
                 isExpanded: true,
@@ -47,7 +47,7 @@ exports.Primary = {
             {
                 count: 23,
                 color: '#EC7159',
-                countClassName: 'text-uncategorized',
+                countClassName: 'text-blue-berry',
                 description: 'We are unable to categorize certain cookies since we do not possess any relevant information about them. Nonetheless, you may visit sites like cookiedatabase.org and cookiesearch.org to acquire additional details about these cookies.',
                 title: 'Uncategorized',
                 isExpanded: true,

package/dist/components/matrix/stories/matrix.stories.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"matrix.stories.jsx","sourceRoot":"","sources":["../../../../src/components/matrix/stories/matrix.stories.tsx"],"names":[],"mappings":";;;;;;AAoBA;;GAEG;AACH,2CAAwB;AAExB,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,OAAO,GAA0B;IAC5C,IAAI,EAAE;QACJ,cAAc,EAAE;YACd;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,iBAAiB;gBACjC,WAAW,EACT,0OAA0O;gBAC5O,KAAK,EAAE,YAAY;gBACnB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,gBAAgB;gBAChC,WAAW,EACT,kOAAkO;gBACpO,KAAK,EAAE,WAAW;gBAClB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,gBAAgB;gBAChC,WAAW,EACT,oWAAoW;gBACtW,KAAK,EAAE,WAAW;gBAClB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;YACD;gBACE,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,oBAAoB;gBACpC,WAAW,EACT,2OAA2O;gBAC7O,KAAK,EAAE,eAAe;gBACtB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"matrix.stories.jsx","sourceRoot":"","sources":["../../../../src/components/matrix/stories/matrix.stories.tsx"],"names":[],"mappings":";;;;;;AAoBA;;GAEG;AACH,2CAAwB;AAExB,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,WAAM;IACjB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEP,QAAA,OAAO,GAA0B;IAC5C,IAAI,EAAE;QACJ,cAAc,EAAE;YACd;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,cAAc;gBAC9B,WAAW,EACT,0OAA0O;gBAC5O,KAAK,EAAE,YAAY;gBACnB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,qBAAqB;gBACrC,WAAW,EACT,kOAAkO;gBACpO,KAAK,EAAE,WAAW;gBAClB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;YACD;gBACE,KAAK,EAAE,CAAC;gBACR,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,iBAAiB;gBACjC,WAAW,EACT,oWAAoW;gBACtW,KAAK,EAAE,WAAW;gBAClB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;YACD;gBACE,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,iBAAiB;gBACjC,WAAW,EACT,2OAA2O;gBAC7O,KAAK,EAAE,eAAe;gBACtB,UAAU,EAAE,IAAI;gBAChB,gBAAgB,EAAE,EAAE;aACrB;SACF;KACF;CACF,CAAC"}