npm - @google-psat/design-system - Versions diffs - 0.12.0 → 0.14.0 - Mend

@google-psat/design-system 0.12.0 → 0.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (205) hide show

package/dist/components/landingPage/getStoryPlayerMarkup.js ADDED Viewed

@@ -0,0 +1,89 @@
+"use strict";
+/*
+ * 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStoryPlayerMarkup = void 0;
+const getStoryPlayerMarkup = () => {
+    var _a, _b;
+    return `
+    <!DOCTYPE html>
+    <html lang="en">
+        <head>
+            <meta charset="UTF-8">
+            <meta http-equiv="X-UA-Compatible" content="IE=edge">
+            <script async src="${(_a = chrome === null || chrome === void 0 ? void 0 : chrome.runtime) === null || _a === void 0 ? void 0 : _a.getURL('assets/amp/custom-scripts/single-player-main.js')}" type="module"></script>
+            <script async src="${(_b = chrome === null || chrome === void 0 ? void 0 : chrome.runtime) === null || _b === void 0 ? void 0 : _b.getURL('assets/amp/amp-story-player-v0.js')}"></script>
+            <link href="https://cdn.ampproject.org/amp-story-player-v0.css" rel="stylesheet" type="text/css">
+            <style>
+                .lightbox {
+                    z-index: 2;
+                    top: 0;
+                    left: 0;
+                    right: 0;
+                    bottom: 0;
+                    position: fixed;
+                    overflow: hidden;
+                    visibility: visible;
+                    opacity: 1;
+                    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
+                    transition: transform 0.33s, opacity 0.33s, visibility 0.33s;
+                }
+                .lightbox.closed {
+                    transform: scale3d(0.5, 0.5, 1) !important;
+                    opacity: 0;
+                    visibility: hidden;
+                    z-index: -1;
+                    transition: transform 0.2s, opacity 0.2s, visibility 0.2s;
+                    pointer-events: none;
+                }
+                body.lightbox-open:before {
+                    opacity: 1;
+                    visibility: visible;
+                }
+                amp-story-player.my-player {
+                    width: 100%;
+                    height: 100%;
+                }
+            </style>
+        </head>
+        <body>
+            <div class="lightbox closed">
+                <amp-story-player class="my-player">
+                    <script type="application/json">
+                        {
+                            "behavior": {
+                                "pageScroll": false,
+                                "autoplay": false,
+                                "action": "circular-wrapping"
+                            },
+                            "controls": [{
+                                    "name": "close",
+                                    "position": "start"
+                            }]
+                        }
+                    </script>
+                </amp-story-player>
+            </div>
+        </body>
+    </html>
+    `;
+};
+exports.getStoryPlayerMarkup = getStoryPlayerMarkup;
+//# sourceMappingURL=getStoryPlayerMarkup.js.map

package/dist/components/landingPage/getStoryPlayerMarkup.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"getStoryPlayerMarkup.js","sourceRoot":"","sources":["../../../src/components/landingPage/getStoryPlayerMarkup.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEI,MAAM,oBAAoB,GAAG,GAAG,EAAE;;IACvC,OAAO;;;;;;iCAMwB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,MAAM,CAC1C,iDAAiD,CAClD;iCACoB,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,MAAM,CAC1C,mCAAmC,CACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DR,CAAC;AACN,CAAC,CAAC;AAvEW,QAAA,oBAAoB,wBAuE/B"}

package/dist/components/landingPage/index.jsx CHANGED Viewed

@@ -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 } = 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 : ''); } });
+            })}/>}>
+        {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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/index.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH~~;;GAEG;AACH,+~~CAAmD~~;~~AACnD,4DAAoC;AAEpC~~;;GAEG;AACH,~~uCAAsC~~;~~AACtC~~,~~iEAAyC~~;~~AACzC~~,~~gEAAwC~~;~~AACxC~~,~~sEAA8C;AAE9C,0DAAkC;AAClC,iEAAyC;AACzC,wCAAwC;AAcxC,~~MAAM,~~WAAW~~,GAAG,CAAC,~~EACnB~~,~~KAAK,EACL,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,cAAc,GAAG,IAAI,EACrB,eAAe,GAAG,KAAK,GACN,~~EAAE,EAAE;~~IACrB~~,MAAM,CAAC,~~OAAO~~,EAAE,~~UAAU~~,CAAC,GAAG,IAAA,gBAAQ,~~EAAC~~,~~SAAS~~,CAAC,CAAC~~,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC~~;~~IACjE~~,MAAM,~~CAAC~~,~~IAAI,EAAE,OAAO,CAAC,~~GAAG,IAAA,~~gBAAQ~~,~~EAAC~~,IAAI,CAAC,CAAC;~~IACvC~~,MAAM,EAAE,~~4BAA4B~~,EAAE,~~GAAG~~,~~IAAA,oBAAU,EAAC,CAAC,~~EAAE,OAAO,EAAE,~~EAAE~~,~~EAAE~~,CAAC~~,CAAC~~;~~QACpE~~,~~4BAA4B~~,EAAE,~~OAAO~~,CAAC,~~4BAA4B;KACnE~~,~~CAAC~~,CAAC,CAAC~~;IAEJ~~,OAAO,~~CACL~~,CAAC,~~GAAG~~,CAAC,SAAS,CAAC,~~eAAe~~,~~CAC5B;MAAA,~~CAAC,~~OAAO~~,~~IAAI~~,CAAC,~~qBAAW~~,~~CAAC~~,gBAAgB,CAAC,~~sBAAsB,EAAG,CACnE~~;~~MAAA~~,CAAC,~~GAAG~~,~~CACF~~,~~SAAS~~,CAAC,CAAC,IAAA,~~oBAAU~~,~~EACnB~~,~~EAAE~~,~~MAAM,~~EAAE,~~OAAO~~,~~EAAE~~,~~EACnB~~,~~6CAA6C~~,~~CAC9C~~,~~CAAC,CAEF~~;~~QAAA~~,CAAC,~~GAAG~~,~~CAAC~~,~~SAAS~~,~~CAAC~~,~~sBAAsB~~,~~CACnC;UAAA~~,~~CAAC~~,~~GAAG~~,~~CAAC~~,~~SAAS~~,~~CAAC~~,~~yBAAyB~~,~~CACtC;YAAA~~,~~CAAC,~~MAAM,~~CACL~~,~~SAAS~~,~~CAAC~~,~~qGAAqG~~,~~CAC/G~~,~~OAAO,~~CAAC,CAAC,~~GAAG,~~EAAE,CAAC,~~OAAO~~,CAAC,CAAC,~~QAAQ~~,~~EAAE~~,~~EAAE~~,CAAC,~~CAAC~~,QAAQ,CAAC,~~CAAC~~,~~CAEhD~~;~~cAAA~~,CAAC,KAAK,~~IAAI~~,~~CAAC,~~EAAE,~~CAAC~~,~~SAAS~~,~~CAAC~~,~~WAAW~~,~~CAAC~~,~~CAAC~~,KAAK,~~CAAC~~,~~EAAE~~,~~EAAE~~,~~CAAC~~,~~CAChD;cAAA~~,~~CAAC~~,~~GAAG~~,~~CACF;gBAAA~~,CAAC,~~eAAO~~,~~CACN~~,~~SAAS~~,CAAC,CAAC,~~IAAA~~,~~oBAAU~~,~~EAAC~~,~~IAAI~~,~~IAAI~~,~~2BAA2B~~,CAAC,CAAC~~,EAE/D~~;~~cAAA~~,EAAE,~~GAAG~~,~~CACP~~;~~YAAA~~,~~EAAE~~,~~MAAM~~,~~CACR~~;~~YAAA~~,CAAC,qBAAW,~~CAAC~~,KAAK,CAAC,~~CAAC~~,~~4BAA4B~~,~~EAAE~~,CAAC,~~EACrD;UAAA~~,~~EAAE~~,~~GAAG~~,~~CACL;UAAA~~,CAAC,~~GAAG~~,CAAC,~~SAAS~~,CAAC,~~uBAAuB~~,~~CACpC;YAAA,~~CAAC,~~eAAe~~,~~IAAI~~,CAAC,~~qBAAW~~,CAAC,~~AAAD~~,~~EAAG~~,~~CACrC;UAAA~~,~~EAAE~~,~~GAAG~~,~~CACP;QAAA~~,~~EAAE~~,~~GAAG~~,~~CACL;QAAA~~,CAAC,~~GAAG~~,CAAC,~~SAAS~~,CAAC,CAAC,~~IAAA~~,~~oBAAU,EAAC,~~EAAE,~~MAAM,~~EAAE,~~CAAC~~,IAAI,~~IAAI~~,~~CAAC~~,~~QAAQ~~,EAAE,~~CAAC~~,~~CAAC~~,~~CACzD;UAAA~~,CAAC,~~GAAG~~,~~CACF~~,~~EAAE~~,~~CAAC~~,~~6BAA6B~~,~~CAChC~~,~~SAAS~~,~~CAAC~~,~~CAAC~~,~~IAAA~~,~~oBAAU~~,~~EACnB~~,~~EAAE~~,~~MAAM~~,~~EAAE~~,CAAC,~~IAAI~~,~~EAAE~~,~~EACjB~~,~~kFAAkF,EAClF~~;~~YACE~~,~~oDAAoD~~,~~EAAE~~,~~QAAQ~~;~~SAC/D~~,~~EACD~~,~~YAAY~~,CACb~~,CAAC,CAEF~~;~~YAAA~~,CAAC,~~SAAS,IAAI,CACZ,CAAC,~~MAAM,CACL,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,MAAM,CAAC,~~MAAM~~,~~CACb~~,~~MAAM~~,~~CAAC~~,CAAC,~~GAAG~~,~~EAAE;gBACX,UAAU,CAAC,~~KAAK,CAAC,CAAC;~~YACpB~~,~~CAAC~~,~~CAAC~~,~~CACF~~,~~SAAS~~,CAAC,CAAC,~~IAAA~~,~~oBAAU~~,~~EACnB~~,~~wCAAwC,EACxC,iBAAiB,CAClB,~~CAAC,~~EACF,CACH,CACD~~;~~YAAA~~,~~CAAC~~,~~SAAS~~,~~IAAI~~,CAAC,~~kBAAQ~~,CAAC,~~OAAO~~,CAAC,CAAC,~~SAAS,~~CAAC,~~EAAG,CAC9C~~;~~YAAA~~,~~CAAC~~,~~YAAY,IAAI,~~EAAE,~~CAAC~~,~~YAAY,~~CAAC,~~GAAG,CACtC;UAAA,EAAE,GAAG,CAEL;;UAAA,~~CAAC,~~QAAQ,IAAI,CACX,~~CAAC,~~GAAG~~,~~CACF,EAAE,~~CAAC,~~sBAAsB,CACzB,SAAS,~~CAAC,CAAC,~~IAAA,oBAAU,EACnB,kFAAkF,EAClF,YAAY,CACb,CAAC,CAEF~~;~~cAAA~~,~~CAAC,~~QAAQ,~~CACX;YAAA,~~EAAE,~~GAAG,CAAC,CACP,CACH~~;~~QAAA~~,~~EAAE,GAAG,CACL;QAAA,~~CAAC,~~cAAc~~,~~IAAI~~,CAAC,~~wBAAc,CAAC,AAAD,EAAG,CACvC~~;~~MAAA,EAAE,GAAG,CACP;~~IAAA,~~EAAE,~~GAAG,~~CAAC~~,~~CACP,~~CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,~~WAAW~~,CAAC"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,+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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/dist/components/landingPage/supportLink.jsx CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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;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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 RENAMED Viewed

@@ -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