@google-psat/design-system 0.14.1 → 1.2.1

package/dist/components/landingPage/cardsPanel.jsx

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2024 Google LLC
  *
@@ -21,50 +16,44 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
+import React from 'react';
+import classNames from 'classnames';
+import { addUTMParams } from '@google-psat/common';
 /**
  * Internal dependencies.
  */
-const sidebar_1 = require("../sidebar");
-const CardsPanel = ({ pinnedItems, featuredItems, hasTitle = true, onFeaturedButtonClick, }) => {
-    const navigateTo = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
-    return (<div data-testid="cards-panel" className="h-full w-full overflow-auto text-raisin-black dark:text-bright-gray px-2 pb-14">
-      <div className="min-w-[45.75rem]">
-        {pinnedItems && pinnedItems.length > 0 && (<section className="border-b border-hex-gray mb-5 pb-5">
-            {hasTitle && <h3 className="text-base">Quick Access</h3>}
-            <div className="flex gap-x-5 gap-y-4 flex-wrap mt-2">
-              {pinnedItems.map((item) => {
-                const Icon = item.icon;
-                return (<div key={item.name} className="w-[366px] border-2 border-gray-300 dark:border-quartz px-3 py-4 flex gap-2 justify-start rounded hover:cursor-pointer hover:bg-light-gray dark:hover:bg-charleston-green hover:shadow hover:scale-[1.03] transition-all duration-150 ease-in-out" onClick={() => navigateTo(item.sidebarKey)}>
-                    <Icon width={22} height={22} className="fill-gray dark:fill-bright-gray"/>
-                    <span className="text-base">{item.name}</span>
-                  </div>);
-            })}
-            </div>
-          </section>)}
-        {featuredItems.length > 0 && (<section>
-            {hasTitle && <h3 className="text-base">Features</h3>}
-            <div className="flex gap-5 flex-wrap mt-2">
-              {featuredItems.map((item) => {
+import { useSidebar } from '../sidebar';
+const CardsPanel = ({ featuredItems, onFeaturedButtonClick, centered = false, }) => {
+    const navigateTo = useSidebar(({ actions }) => actions.updateSelectedItemKey);
+    const internalContainer = classNames('flex gap-5 flex-wrap mt-2 min-w-[784px] overflow-x-hidden p-4', {
+        'justify-center': centered,
+    });
+    const clickHandler = (sidebarKey, url = '') => {
+        navigateTo(sidebarKey);
+        if (url) {
+            chrome.tabs.update({ url: addUTMParams(url) });
+        }
+    };
+    return (<div data-testid="cards-panel" className="text-raisin-black dark:text-bright-gray pb-14 px-4">
+      {featuredItems.length > 0 && (<div className={internalContainer}>
+          {featuredItems.map((item) => {
                 const Icon = item.icon;
-                return (<div key={item.name} className="w-[366px] rounded border-2 border-gray-300 dark:border-quartz px-3 py-4 hover:cursor-pointer hover:bg-light-gray dark:hover:bg-charleston-green hover:shadow hover:scale-[1.03] transition-all duration-150 ease-in-out" onClick={() => navigateTo(item.sidebarKey)}>
-                    <div className="mb-3 flex items-center flex-col gap-2">
-                      <Icon height={45}/>
-                      <h4 className="font-medium text-xl">{item.name}</h4>
-                    </div>
-                    <p className="text-sm text-center">{item.description}</p>
-                    <div className="flex flex-wrap gap-x-3 gap-y-2 mt-4 justify-center">
-                      {item.buttons &&
-                        item.buttons.map((button) => (<button className="bg-cultured-grey text-raisin-black py-1 px-4 rounded border border-dark-grey text-xs hover:bg-light-gray hover:border-american-silver" key={button.name} onClick={(event) => onFeaturedButtonClick(event, button.sidebarKey)}>
-                            {button.name}
-                          </button>))}
-                    </div>
-                  </div>);
+                return (<div role="button" key={item.name} className="w-[366px] min-h-[260px] rounded border-2 border-gray-300 dark:border-quartz px-3 py-4 hover:cursor-pointer hover:bg-light-gray dark:hover:bg-charleston-green hover:shadow hover:scale-[1.03] transition-all duration-150 ease-in-out" onClick={() => clickHandler(item.sidebarKey, item?.url)}>
+                <div className="mb-3 flex items-center flex-col gap-2">
+                  <Icon height={45}/>
+                  <h4 className="font-medium text-xl">{item.name}</h4>
+                </div>
+                <p className="text-sm text-center">{item.description}</p>
+                <div className="flex flex-wrap gap-x-3 gap-y-2 mt-4 justify-center">
+                  {item.buttons &&
+                        item.buttons.map((button) => (<button className="bg-cultured-grey text-raisin-black py-1 px-4 rounded border border-dark-grey text-xs hover:bg-light-gray hover:border-american-silver" key={button.name} onClick={(event) => onFeaturedButtonClick(event, button.sidebarKey, button?.url)}>
+                        {button.name}
+                      </button>))}
+                </div>
+              </div>);
             })}
-            </div>
-          </section>)}
-      </div>
+        </div>)}
     </div>);
 };
-exports.default = CardsPanel;
+export default CardsPanel;
 //# sourceMappingURL=cardsPanel.jsx.map

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

@@ -1 +1 @@
-{"version":3,"file":"cardsPanel.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/cardsPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"cardsPanel.jsx","sourceRoot":"","sources":["../../../src/components/landingPage/cardsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;GAEG;AACH,OAAO,EAAsB,UAAU,EAAE,MAAM,YAAY,CAAC;AA4B5D,MAAM,UAAU,GAAG,CAAC,EAClB,aAAa,EACb,qBAAqB,EACrB,QAAQ,GAAG,KAAK,GACA,EAAE,EAAE;IACpB,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC9E,MAAM,iBAAiB,GAAG,UAAU,CAClC,+DAA+D,EAC/D;QACE,gBAAgB,EAAE,QAAQ;KAC3B,CACF,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,UAAkB,EAAE,GAAG,GAAG,EAAE,EAAE,EAAE;QACpD,UAAU,CAAC,UAAU,CAAC,CAAC;QAEvB,IAAI,GAAG,EAAE,CAAC;YACR,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CACF,WAAW,CAAC,aAAa,CACzB,SAAS,CAAC,oDAAoD,CAE9D;MAAA,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,iBAAiB,CAAC,CAChC;UAAA,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;gBAEvB,OAAO,CACL,CAAC,GAAG,CACF,IAAI,CAAC,QAAQ,CACb,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CACf,SAAS,CAAC,uOAAuO,CACjP,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAExD;gBAAA,CAAC,GAAG,CAAC,SAAS,CAAC,uCAAuC,CACpD;kBAAA,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EACjB;kBAAA,CAAC,EAAE,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,CACrD;gBAAA,EAAE,GAAG,CACL;gBAAA,CAAC,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CACxD;gBAAA,CAAC,GAAG,CAAC,SAAS,CAAC,oDAAoD,CACjE;kBAAA,CAAC,IAAI,CAAC,OAAO;wBACX,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC3B,CAAC,MAAM,CACL,SAAS,CAAC,uIAAuI,CACjJ,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACjB,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE,CACjB,qBAAqB,CACnB,KAAK,EACL,MAAM,CAAC,UAAU,EACjB,MAAM,EAAE,GAAG,CAEf,CAAC,CAED;wBAAA,CAAC,MAAM,CAAC,IAAI,CACd;sBAAA,EAAE,MAAM,CAAC,CACV,CAAC,CACN;gBAAA,EAAE,GAAG,CACP;cAAA,EAAE,GAAG,CAAC,CACP,CAAC;YACJ,CAAC,CAAC,CACJ;QAAA,EAAE,GAAG,CAAC,CACP,CACH;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/landingPage/constants.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,9 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QUICK_LINKS = void 0;
-exports.QUICK_LINKS = [
+export const QUICK_LINKS = [
     {
         title: 'learnMore',
         link: 'https://github.com/GoogleChromeLabs/ps-analysis-tool/wiki',

package/dist/components/landingPage/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/landingPage/constants.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;;;AAEU,QAAA,WAAW,GAAG;IACzB;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,2DAA2D;KAClE;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,kEAAkE;KACzE;IACD;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,4HAA4H;KACnI;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,mCAAmC;KAC1C;CACF,CAAC"}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/components/landingPage/constants.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,2DAA2D;KAClE;IACD;QACE,KAAK,EAAE,iBAAiB;QACxB,IAAI,EAAE,kEAAkE;KACzE;IACD;QACE,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,4HAA4H;KACnI;IACD;QACE,KAAK,EAAE,gBAAgB;QACvB,IAAI,EAAE,mCAAmC;KAC1C;CACF,CAAC"}

package/dist/components/landingPage/contentPanel.jsx

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,24 +13,28 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importDefault(require("react"));
-const common_1 = require("@google-psat/common");
+import React from 'react';
+import { addUTMParams } from '@google-psat/common';
 /**
  * Internal dependencies.
  */
-const icons_1 = require("../../icons");
-const link_1 = __importDefault(require("../link"));
-const sidebar_1 = require("../sidebar");
+import { DescriptionIcon, WebStoriesIcon, PSNumberCircleIcon, SearchIcon, } from '../../icons';
+import Link from '../link';
+import { useSidebar } from '../sidebar';
 const SEARCH_URL = 'https://privacysandbox.google.com/s/results?q=';
 const ContentPanel = ({ title, content }) => {
-    const updateSelectedItemKey = (0, sidebar_1.useSidebar)(({ actions }) => actions.updateSelectedItemKey);
+    const updateSelectedItemKey = useSidebar(({ actions }) => actions.updateSelectedItemKey);
+    const clickHandler = (sidebarItemKey, url = '') => {
+        if (sidebarItemKey) {
+            updateSelectedItemKey(sidebarItemKey);
+        }
+        if (url) {
+            chrome.tabs.update({ url: addUTMParams(url) });
+        }
+    };
     return (<div className="px-2">
       <h3 className="text-base text-raisin-black dark:text-bright-gray mb-7">
         {title}
@@ -39,38 +42,34 @@ const ContentPanel = ({ title, content }) => {
       <div className="flex gap-5 flex-wrap">
         {content.map((item, index) => {
             const searchURL = SEARCH_URL + item.title();
-            return (<div className="w-72 min-h-80 bg-[#FDFDFD] dark:bg-charleston-green hover:bg-[#FAFAFA] hover:dark:bg-[#1E1E1E] rounded-xl border-2 border-gray-300 dark:border-quartz p-5 relative" key={index}>
-              <div className="w-14 h-14 flex justify-center items-center rounded-full mb-5 cursor-pointer relative" onClick={() => item.sidebarItemKey
-                    ? updateSelectedItemKey(item.sidebarItemKey)
-                    : null}>
-                <icons_1.PSNumberCircleIcon className="absolute inset-0 w-full h-full object-cover"/>
+            return (<div className="w-72 min-h-80 hover:bg-light-gray dark:hover:bg-charleston-green rounded-xl border-2 border-gray-300 dark:border-quartz p-5 relative hover:shadow-sm hover:scale-[1.03] transition-all duration-150 ease-in-out cursor-pointer" onClick={() => clickHandler(item.sidebarItemKey, item.url)} key={index}>
+              <div className="w-14 h-14 flex justify-center items-center rounded-full mb-5 relative">
+                <PSNumberCircleIcon className="absolute inset-0 w-full h-full object-cover"/>
                 <div className={`w-9 h-9 flex justify-center items-center`}>
                   <span className="text-xxl text-bright-navy-blue dark:black font-bold">
                     {index + 1}
                   </span>
                 </div>
               </div>
-              <h3 className={`text-lg font-medium inline-block mb-5 cursor-pointer text-raisin-black dark:text-bright-gray`} onClick={() => item.sidebarItemKey
-                    ? updateSelectedItemKey(item.sidebarItemKey)
-                    : null}>
+              <h3 className={`text-lg font-medium inline-block mb-5 text-raisin-black dark:text-bright-gray`}>
                 {item.title()}
               </h3>
               <p className="text-base text-raisin-black dark:text-bright-gray mb-2">
                 {item.description()}
               </p>
               <div className="absolute top-10 right-5 flex gap-2">
-                {item.onClick && (item === null || item === void 0 ? void 0 : item.storyUrl) && (<div className="w-4 h-4 cursor-pointer" title="View Story" onClick={item.onClick}>
-                    <icons_1.WebStoriesIcon className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500" height="20" width="20"/>
+                {item.onStoryIconClick && item?.storyUrl && (<div className="w-4 h-4 cursor-pointer" title="View Story" onClick={item.onStoryIconClick}>
+                    <WebStoriesIcon className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500" height="20" width="20"/>
                   </div>)}
                 <div className="w-4 h-4" title="View Documentation">
-                  <link_1.default href={(0, common_1.addUTMParams)(item.url)} rel="noreferer">
-                    <icons_1.DescriptionIcon height="20" width="20" className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500"/>
-                  </link_1.default>
+                  <Link href={addUTMParams(item.url)} stopPropogation={true} rel="noreferer">
+                    <DescriptionIcon height="20" width="20" className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500"/>
+                  </Link>
                 </div>
                 <div className="w-4 h-4 cursor-pointer" title="Search">
-                  <link_1.default href={(0, common_1.addUTMParams)(searchURL)} rel="noreferer">
-                    <icons_1.SearchIcon className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500" height="20" width="20"/>
-                  </link_1.default>
+                  <Link href={addUTMParams(searchURL)} stopPropogation={true} rel="noreferer">
+                    <SearchIcon className="dark:fill-bright-gray fill-granite-gray group-hover:text-blue-500" height="20" width="20"/>
+                  </Link>
                 </div>
               </div>
             </div>);
@@ -78,5 +77,5 @@ const ContentPanel = ({ title, content }) => {
       </div>
     </div>);
 };
-exports.default = ContentPanel;
+export default ContentPanel;
 //# sourceMappingURL=contentPanel.jsx.map

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

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

package/dist/components/landingPage/getStoryPlayerMarkup.js

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2024 Google LLC
  *
@@ -14,18 +13,15 @@
  * 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;
+export const getStoryPlayerMarkup = () => {
     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>
+            <script async src="${chrome?.runtime?.getURL('assets/amp/custom-scripts/single-player-main.js')}" type="module"></script>
+            <script async src="${chrome?.runtime?.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 {
@@ -85,5 +81,4 @@ const getStoryPlayerMarkup = () => {
     </html>
     `;
 };
-exports.getStoryPlayerMarkup = getStoryPlayerMarkup;
 //# sourceMappingURL=getStoryPlayerMarkup.js.map

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

@@ -1 +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"}
+{"version":3,"file":"getStoryPlayerMarkup.js","sourceRoot":"","sources":["../../../src/components/landingPage/getStoryPlayerMarkup.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO;;;;;;iCAMwB,MAAM,EAAE,OAAO,EAAE,MAAM,CAC1C,iDAAiD,CAClD;iCACoB,MAAM,EAAE,OAAO,EAAE,MAAM,CAC1C,mCAAmC,CACpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0DR,CAAC;AACN,CAAC,CAAC"}

package/dist/components/landingPage/index.jsx

@@ -1,31 +1,3 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * Copyright 2024 Google LLC
  *
@@ -44,33 +16,31 @@ Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies
  */
-const react_1 = __importStar(require("react"));
+import React, { useEffect, useState, useRef, useCallback } from 'react';
 /**
  * Internal dependencies
  */
-const getStoryPlayerMarkup_1 = require("./getStoryPlayerMarkup");
-const LandingPage_1 = __importDefault(require("./LandingPage"));
-const contentPanel_1 = __importDefault(require("./contentPanel"));
+import { getStoryPlayerMarkup } from './getStoryPlayerMarkup';
+import LandingPage from './LandingPage';
+import ContentPanel from './contentPanel';
 const LandingPageContainer = (props) => {
-    const [independentStory, setIndependentStory] = (0, react_1.useState)('');
-    const iframeRef = (0, react_1.useRef)(null);
+    const [independentStory, setIndependentStory] = useState('');
+    const iframeRef = useRef(null);
     const { children, contentPanelTitle, content } = props;
-    (0, react_1.useEffect)(() => {
-        var _a;
+    useEffect(() => {
         if (!independentStory || !iframeRef.current) {
             return;
         }
-        (_a = iframeRef.current.contentWindow) === null || _a === void 0 ? void 0 : _a.postMessage({
+        iframeRef.current.contentWindow?.postMessage({
             storyUrl: independentStory,
         });
     }, [independentStory]);
-    (0, react_1.useEffect)(() => {
+    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) {
+            if (event?.detail?.storyOpened === false) {
                 setIndependentStory('');
             }
         }, false);
@@ -78,21 +48,27 @@ const LandingPageContainer = (props) => {
             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) {
+                if (event?.detail?.storyOpened === false) {
                     setIndependentStory('');
                 }
             }, false);
         };
     }, []);
+    const storyClickHandler = useCallback((event, storyUrl = '') => {
+        event.stopPropagation();
+        setIndependentStory(storyUrl);
+    }, []);
     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 : ''); } });
+      <LandingPage {...props} isLandingPageContainer containerStyles={independentStory ? 'z-0 absolute top-0 ' : ''} contentPanel={<ContentPanel title={contentPanelTitle} content={content.map((data) => {
+                return {
+                    ...data,
+                    onStoryIconClick: (event) => storyClickHandler(event, data?.storyUrl),
+                };
             })}/>}>
         {children}
-      </LandingPage_1.default>
-      <iframe ref={iframeRef} srcDoc={(0, getStoryPlayerMarkup_1.getStoryPlayerMarkup)()} style={{
+      </LandingPage>
+      <iframe ref={iframeRef} srcDoc={getStoryPlayerMarkup()} style={{
             display: independentStory ? 'block' : 'none',
             height: independentStory ? '100%' : '0%',
             width: independentStory ? '100%' : '0%',
@@ -100,5 +76,5 @@ const LandingPageContainer = (props) => {
         }} className="w-full h-full overflow-hidden absolute top-0 border-none z-10"/>
     </>);
 };
-exports.default = LandingPageContainer;
+export 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,+CAA2D;AAE3D;;GAEG;AACH,iEAA8D;AAC9D,gEAA8D;AAC9D,kEAA0C;AAe1C,MAAM,oBAAoB,GAAG,CAAC,KAAgC,EAAE,EAAE;IAChE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IACrE,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,QAAQ,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEvD,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,CAAC,gBAAgB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YAC5C,OAAO;QACT,CAAC;QAED,MAAA,SAAS,CAAC,OAAO,CAAC,aAAa,0CAAE,WAAW,CAAC;YAC3C,QAAQ,EAAE,gBAAgB;SAC3B,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,gBAAgB,CACvB,yBAAyB;QACzB,0CAA0C;QAC1C,CAAC,KAAK,EAAE,EAAE;;YACR,yCAAyC;YACzC,IAAI,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,WAAW,MAAK,KAAK,EAAE,CAAC;gBACzC,mBAAmB,CAAC,EAAE,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC,EACD,KAAK,CACN,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAC1B,yBAAyB;YACzB,0CAA0C;YAC1C,CAAC,KAAK,EAAE,EAAE;;gBACR,yCAAyC;gBACzC,IAAI,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,WAAW,MAAK,KAAK,EAAE,CAAC;oBACzC,mBAAmB,CAAC,EAAE,CAAC,CAAC;gBAC1B,CAAC;YACH,CAAC,EACD,KAAK,CACN,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,EACE;MAAA,CAAC,qBAAW,CACV,IAAI,KAAK,CAAC,CACV,sBAAsB,CACtB,eAAe,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAC/D,YAAY,CAAC,CACX,CAAC,sBAAY,CACX,KAAK,CAAC,CAAC,iBAAiB,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC5B,uCACK,IAAI,KACP,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,mBAAmB,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,mCAAI,EAAE,CAAC,CAAA,EAAA,IACxD;YACJ,CAAC,CAAC,CAAC,EAEP,CAAC,CAED;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,qBAAW,CACb;MAAA,CAAC,MAAM,CACL,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,MAAM,CAAC,CAAC,IAAA,2CAAoB,GAAE,CAAC,CAC/B,KAAK,CAAC,CAAC;YACL,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;YAC5C,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;YACxC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI;YACvC,QAAQ,EAAE,OAAO;SAClB,CAAC,CACF,SAAS,CAAC,+DAA+D,EAE7E;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
+{"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

@@ -1,16 +1,3 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PSInfoKey = void 0;
-exports.fetchPSInfo = fetchPSInfo;
 /*
  * Copyright 2023 Google LLC
  *
@@ -29,8 +16,8 @@ exports.fetchPSInfo = fetchPSInfo;
 /**
  * External dependencies.
  */
-const common_1 = require("@google-psat/common");
-var PSInfoKey;
+import { fetchLocalData } from '@google-psat/common';
+export var PSInfoKey;
 (function (PSInfoKey) {
     PSInfoKey["Topics"] = "topics";
     PSInfoKey["AttributionReporting"] = "attribution-reporting";
@@ -43,17 +30,16 @@ var PSInfoKey;
     PSInfoKey["StorageAccess"] = "storage-access";
     PSInfoKey["FedCM"] = "fedcm";
     PSInfoKey["IPProtection"] = "ip-protection";
+    PSInfoKey["ScriptBlocking"] = "script-blocking";
     PSInfoKey["PrivateStateTokens"] = "private-state-tokens";
-})(PSInfoKey || (exports.PSInfoKey = PSInfoKey = {}));
+})(PSInfoKey || (PSInfoKey = {}));
 /**
  * Fetch PSInfo from local data folder.
  * @param infoKey {PSInfoKeyType} PSInfo key to fetch
  * @returns {Promise<PSInfo>} PSInfo data object
  */
-function fetchPSInfo(infoKey) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const data = yield (0, common_1.fetchLocalData)('data/PSInfo.json');
-        return data[infoKey];
-    });
+export async function fetchPSInfo(infoKey) {
+    const data = await fetchLocalData('data/PSInfo.json');
+    return data[infoKey];
 }
 //# sourceMappingURL=fetchPSInfo.js.map

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":";;;;;;;;;;;;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"}
+{"version":3,"file":"fetchPSInfo.js","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/fetchPSInfo.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH;;GAEG;AACH,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,CAAN,IAAY,SAcX;AAdD,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,+CAAoC,CAAA;IACpC,wDAA6C,CAAA;AAC/C,CAAC,EAdW,SAAS,KAAT,SAAS,QAcpB;AAgBD;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,OAAsB;IACtD,MAAM,IAAI,GAAG,MAAM,cAAc,CAAC,kBAAkB,CAAC,CAAC;IAEtD,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC;AACvB,CAAC"}

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

@@ -1,4 +1,3 @@
-"use strict";
 /*
  * Copyright 2023 Google LLC
  *
@@ -14,74 +13,45 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * External dependencies.
  */
-const react_1 = __importStar(require("react"));
+import React, { useEffect, useState } from 'react';
+import { I18n } from '@google-psat/i18n';
 /**
  * Internal dependencies.
  */
-const learnMoreDropdown_1 = __importDefault(require("./learnMoreDropdown"));
-const fetchPSInfo_1 = require("./fetchPSInfo");
-const i18n_1 = require("@google-psat/i18n");
-const InfoCard = ({ infoKey }) => {
-    const [PSInfo, setPSInfo] = (0, react_1.useState)({});
-    (0, react_1.useEffect)(() => {
-        (function () {
-            return __awaiter(this, void 0, void 0, function* () {
-                const info = yield (0, fetchPSInfo_1.fetchPSInfo)(infoKey);
-                setPSInfo(info);
-            });
+import LearnMoreDropdown from './learnMoreDropdown';
+import { fetchPSInfo, } from './fetchPSInfo';
+import RenderLink from './renderLink';
+import LinkProcessor from '../../linkProcessor';
+const InfoCard = ({ infoKey, explainers }) => {
+    const [PSInfo, setPSInfo] = useState({});
+    useEffect(() => {
+        (async function () {
+            const info = await fetchPSInfo(infoKey);
+            setPSInfo(info);
         })();
     }, [infoKey]);
     return (<>
-      {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
-                    : i18n_1.I18n.getMessage(PSInfo.description),
-            }}/>
-          <learnMoreDropdown_1.default PSInfo={PSInfo}/>
-        </div>) : (<div className="w-full h-full flex items-center justify-center">
+      {Object.keys(PSInfo).length ? (<>
+          <div className="max-w-2xl">
+            {PSInfo.useI18n === false ? (<p className="mb-3 text-raisin-black dark:text-bright-gray text-sm">
+                <LinkProcessor text={PSInfo.description} links={PSInfo.links} sameTab/>
+              </p>) : (<p className="mb-3 text-raisin-black dark:text-bright-gray text-sm" dangerouslySetInnerHTML={{
+                    __html: I18n.getMessage(PSInfo.description),
+                }}/>)}
+            {Object.keys(explainers || {}).map((key) => (<div className="flow-root border-t border-gray-200 dark:border-gray-500" key={key}>
+                <ul role="list" className="divide-y divide-gray-200 dark:divide-gray-500">
+                  <RenderLink key={key} label={explainers?.[key][0] || ''} linkLabel={explainers?.[key][1] || ''} link={explainers?.[key][2] || ''}/>
+                </ul>
+              </div>))}
+            <LearnMoreDropdown PSInfo={PSInfo}/>
+          </div>
+        </>) : (<div className="w-full h-full flex items-center justify-center">
           <div className="w-10 h-10 rounded-full animate-spin border-t-transparent border-solid border-blue-700 border-4"/>
         </div>)}
     </>);
 };
-exports.default = InfoCard;
+export default InfoCard;
 //# sourceMappingURL=index.jsx.map

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;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"}
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../../src/components/landingPage/infoCard/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH;;GAEG;AACH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzC;;GAEG;AACH,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,EACL,WAAW,GAGZ,MAAM,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,aAAa,MAAM,qBAAqB,CAAC;AAOhD,MAAM,QAAQ,GAAG,CAAC,EAAE,OAAO,EAAE,UAAU,EAAiB,EAAE,EAAE;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAgB,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,KAAK;YACJ,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC,OAAO,CAAC,CAAC;YAExC,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,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,EACE;UAAA,CAAC,GAAG,CAAC,SAAS,CAAC,WAAW,CACxB;YAAA,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC,CAC1B,CAAC,CAAC,CAAC,SAAS,CAAC,sDAAsD,CACjE;gBAAA,CAAC,aAAa,CACZ,IAAI,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CACzB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,OAAO,EAEX;cAAA,EAAE,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACF,CAAC,CAAC,CACA,SAAS,CAAC,sDAAsD,CAChE,uBAAuB,CAAC,CAAC;oBACvB,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC;iBAC5C,CAAC,EACF,CACH,CACD;YAAA,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC1C,CAAC,GAAG,CACF,SAAS,CAAC,yDAAyD,CACnE,GAAG,CAAC,CAAC,GAAG,CAAC,CAET;gBAAA,CAAC,EAAE,CACD,IAAI,CAAC,MAAM,CACX,SAAS,CAAC,+CAA+C,CAEzD;kBAAA,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAClC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CACtC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAErC;gBAAA,EAAE,EAAE,CACN;cAAA,EAAE,GAAG,CAAC,CACP,CAAC,CACF;YAAA,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,EACpC;UAAA,EAAE,GAAG,CACP;QAAA,GAAG,CACJ,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,eAAe,QAAQ,CAAC"}