@coorpacademy/components 11.12.3-alpha.13 → 11.12.3-alpha.16

package/es/template/common/privacy-policy-page/index.d.ts

@@ -19,11 +19,17 @@ declare const PrivacyPolicy: {
         };
         menuLinks: {
             title: import("prop-types").Requireable<string>;
+            numberOfDisplayedItems: import("prop-types").Requireable<number>;
+            isDesktopMode: import("prop-types").Requireable<boolean>;
+            showMoreItem: import("prop-types").Requireable<import("prop-types").InferProps<{
+                showMoreText: import("prop-types").Requireable<string>;
+                showLessText: import("prop-types").Requireable<string>;
+                isSelected: import("prop-types").Requireable<boolean>;
+            }>>;
             items: import("prop-types").Requireable<(import("prop-types").InferProps<{
                 text: import("prop-types").Requireable<string>;
                 isSelected: import("prop-types").Requireable<boolean>;
                 handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
-                isShowMoreItem: import("prop-types").Requireable<boolean>;
             }> | null | undefined)[]>;
         };
         privacyPolicyDownload: {

package/es/template/common/privacy-policy-page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/privacy-policy-page/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,aAAa;yFAMhB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBP,CAAC;AAIF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/privacy-policy-page/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,aAAa;yFAMhB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BP,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/es/template/common/privacy-policy-page/index.js

@@ -26,7 +26,15 @@ const PrivacyPolicy = ({
     className: styles.container
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.menuContainer
-  }, /*#__PURE__*/React.createElement(MenuLinks, menuLinks), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.menueLinksDesctop
+  }, /*#__PURE__*/React.createElement(MenuLinks, _extends({}, menuLinks, {
+    isDesktopMode: true
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.menueLinksMobile
+  }, /*#__PURE__*/React.createElement(MenuLinks, _extends({}, menuLinks, {
+    isDesktopMode: false
+  }))), /*#__PURE__*/React.createElement("div", {
     className: styles.privacyPolicyDownloadDesktop
   }, /*#__PURE__*/React.createElement(PrivacyPolicyDownload, privacyPolicyDownload))), /*#__PURE__*/React.createElement("div", {
     className: styles.expandableList

package/es/template/common/privacy-policy-page/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","Hero","PrivacyPolicyContact","PrivacyPolicyDownload","MenuLinks","ExpandableList","propTypes","styles","PrivacyPolicy","header","privacyPolicyContact","menuLinks","privacyPolicyDownload","expandableList","wrapper","hero","container","menuContainer","privacyPolicyDownloadDesktop"],"sources":["../../../../src/template/common/privacy-policy-page/index.tsx"],"sourcesContent":["import React from 'react';\nimport Hero from '../../../molecule/hero';\nimport PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';\nimport PrivacyPolicyDownload from '../../../molecule/privacy-policy-download';\nimport MenuLinks from '../../../molecule/menu-links';\nimport ExpandableList from '../../../molecule/expandable-list';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst PrivacyPolicy = ({\n  header,\n  privacyPolicyContact,\n  menuLinks,\n  privacyPolicyDownload,\n  expandableList\n}: Props) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.hero}>\n        <Hero {...header} mode={'header'} />\n      </div>\n      <div className={styles.container}>\n        <div className={styles.menuContainer}>\n          <MenuLinks {...menuLinks} />\n          <div className={styles.privacyPolicyDownloadDesktop}>\n            <PrivacyPolicyDownload {...privacyPolicyDownload} />\n          </div>\n        </div>\n        <div className={styles.expandableList}>\n          <ExpandableList {...expandableList} />\n        </div>\n        <div className={styles.privacyPolicyDownload}>\n          <PrivacyPolicyDownload {...privacyPolicyDownload} />\n        </div>\n      </div>\n      <div className={styles.privacyPolicyContact}>\n        <PrivacyPolicyContact {...privacyPolicyContact} />\n      </div>\n    </div>\n  );\n};\n\nPrivacyPolicy.propTypes = propTypes;\n\nexport default PrivacyPolicy;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,oBAAP,MAAiC,0CAAjC;AACA,OAAOC,qBAAP,MAAkC,2CAAlC;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,aAAa,GAAG,CAAC;EACrBC,MADqB;EAErBC,oBAFqB;EAGrBC,SAHqB;EAIrBC,qBAJqB;EAKrBC;AALqB,CAAD,KAMT;EACX,oBACE;IAAK,SAAS,EAAEN,MAAM,CAACO;EAAvB,gBACE;IAAK,SAAS,EAAEP,MAAM,CAACQ;EAAvB,gBACE,oBAAC,IAAD,eAAUN,MAAV;IAAkB,IAAI,EAAE;EAAxB,GADF,CADF,eAIE;IAAK,SAAS,EAAEF,MAAM,CAACS;EAAvB,gBACE;IAAK,SAAS,EAAET,MAAM,CAACU;EAAvB,gBACE,oBAAC,SAAD,EAAeN,SAAf,CADF,eAEE;IAAK,SAAS,EAAEJ,MAAM,CAACW;EAAvB,gBACE,oBAAC,qBAAD,EAA2BN,qBAA3B,CADF,CAFF,CADF,eAOE;IAAK,SAAS,EAAEL,MAAM,CAACM;EAAvB,gBACE,oBAAC,cAAD,EAAoBA,cAApB,CADF,CAPF,eAUE;IAAK,SAAS,EAAEN,MAAM,CAACK;EAAvB,gBACE,oBAAC,qBAAD,EAA2BA,qBAA3B,CADF,CAVF,CAJF,eAkBE;IAAK,SAAS,EAAEL,MAAM,CAACG;EAAvB,gBACE,oBAAC,oBAAD,EAA0BA,oBAA1B,CADF,CAlBF,CADF;AAwBD,CA/BD;;AAiCAF,aAAa,CAACF,SAAd,2CAA0BA,SAA1B;AAEA,eAAeE,aAAf"}
+{"version":3,"file":"index.js","names":["React","Hero","PrivacyPolicyContact","PrivacyPolicyDownload","MenuLinks","ExpandableList","propTypes","styles","PrivacyPolicy","header","privacyPolicyContact","menuLinks","privacyPolicyDownload","expandableList","wrapper","hero","container","menuContainer","menueLinksDesctop","menueLinksMobile","privacyPolicyDownloadDesktop"],"sources":["../../../../src/template/common/privacy-policy-page/index.tsx"],"sourcesContent":["import React from 'react';\nimport Hero from '../../../molecule/hero';\nimport PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';\nimport PrivacyPolicyDownload from '../../../molecule/privacy-policy-download';\nimport MenuLinks from '../../../molecule/menu-links';\nimport ExpandableList from '../../../molecule/expandable-list';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst PrivacyPolicy = ({\n  header,\n  privacyPolicyContact,\n  menuLinks,\n  privacyPolicyDownload,\n  expandableList\n}: Props) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.hero}>\n        <Hero {...header} mode={'header'} />\n      </div>\n      <div className={styles.container}>\n        <div className={styles.menuContainer}>\n          <div className={styles.menueLinksDesctop}>\n            <MenuLinks {...menuLinks} isDesktopMode />\n          </div>\n          <div className={styles.menueLinksMobile}>\n            <MenuLinks {...menuLinks} isDesktopMode={false} />\n          </div>\n          <div className={styles.privacyPolicyDownloadDesktop}>\n            <PrivacyPolicyDownload {...privacyPolicyDownload} />\n          </div>\n        </div>\n        <div className={styles.expandableList}>\n          <ExpandableList {...expandableList} />\n        </div>\n        <div className={styles.privacyPolicyDownload}>\n          <PrivacyPolicyDownload {...privacyPolicyDownload} />\n        </div>\n      </div>\n      <div className={styles.privacyPolicyContact}>\n        <PrivacyPolicyContact {...privacyPolicyContact} />\n      </div>\n    </div>\n  );\n};\n\nPrivacyPolicy.propTypes = propTypes;\n\nexport default PrivacyPolicy;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,oBAAP,MAAiC,0CAAjC;AACA,OAAOC,qBAAP,MAAkC,2CAAlC;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,aAAa,GAAG,CAAC;EACrBC,MADqB;EAErBC,oBAFqB;EAGrBC,SAHqB;EAIrBC,qBAJqB;EAKrBC;AALqB,CAAD,KAMT;EACX,oBACE;IAAK,SAAS,EAAEN,MAAM,CAACO;EAAvB,gBACE;IAAK,SAAS,EAAEP,MAAM,CAACQ;EAAvB,gBACE,oBAAC,IAAD,eAAUN,MAAV;IAAkB,IAAI,EAAE;EAAxB,GADF,CADF,eAIE;IAAK,SAAS,EAAEF,MAAM,CAACS;EAAvB,gBACE;IAAK,SAAS,EAAET,MAAM,CAACU;EAAvB,gBACE;IAAK,SAAS,EAAEV,MAAM,CAACW;EAAvB,gBACE,oBAAC,SAAD,eAAeP,SAAf;IAA0B,aAAa;EAAvC,GADF,CADF,eAIE;IAAK,SAAS,EAAEJ,MAAM,CAACY;EAAvB,gBACE,oBAAC,SAAD,eAAeR,SAAf;IAA0B,aAAa,EAAE;EAAzC,GADF,CAJF,eAOE;IAAK,SAAS,EAAEJ,MAAM,CAACa;EAAvB,gBACE,oBAAC,qBAAD,EAA2BR,qBAA3B,CADF,CAPF,CADF,eAYE;IAAK,SAAS,EAAEL,MAAM,CAACM;EAAvB,gBACE,oBAAC,cAAD,EAAoBA,cAApB,CADF,CAZF,eAeE;IAAK,SAAS,EAAEN,MAAM,CAACK;EAAvB,gBACE,oBAAC,qBAAD,EAA2BA,qBAA3B,CADF,CAfF,CAJF,eAuBE;IAAK,SAAS,EAAEL,MAAM,CAACG;EAAvB,gBACE,oBAAC,oBAAD,EAA0BA,oBAA1B,CADF,CAvBF,CADF;AA6BD,CApCD;;AAsCAF,aAAa,CAACF,SAAd,2CAA0BA,SAA1B;AAEA,eAAeE,aAAf"}

package/es/template/common/privacy-policy-page/style.css

@@ -1,6 +1,6 @@
 @value breakpoints: "../../../variables/breakpoints.css";
 @value mobile from breakpoints;
-@value mooc_tablet from breakpoints;
+@value tablet from breakpoints;
 @value desktop from breakpoints;
 @value colors: "../../../variables/colors.css";
 @value cm_grey_50 from colors;
@@ -24,10 +24,18 @@
 
 .menuContainer {
   margin-right: 32px;
-  min-width: 388px;
+  min-width: 308px;
   max-width: 388px;
 }
 
+.menueLinksDesctop {
+  display: block;
+}
+
+.menueLinksMobile {
+  display: none;
+}
+
 .privacyPolicyContact{
   width: 100%;
   height: 86px;
@@ -42,11 +50,11 @@
 }
 
 .expandableList {
-  min-width: 686px;
+  min-width: 533px;
   max-width: 748px;
   width: 100%;
 }
-@media mooc_tablet {
+@media tablet {
   .privacyPolicyDownloadDesktop {
     display: none;
   }
@@ -70,6 +78,12 @@
     max-width: inherit;
     width: 100%;
   }
+  .menueLinksDesctop {
+    display: none;
+  }
+  .menueLinksMobile {
+    display: block;
+  }
 }
 
 @media mobile {
@@ -100,4 +114,10 @@
     max-width: inherit;
     width: 100%;
   }
+  .menueLinksDesctop {
+    display: none;
+  }
+  .menueLinksMobile {
+    display: block;
+  }
 }

package/es/template/common/privacy-policy-page/types.d.ts

@@ -20,11 +20,17 @@ export declare const propTypes: {
     };
     menuLinks: {
         title: import("prop-types").Requireable<string>;
+        numberOfDisplayedItems: import("prop-types").Requireable<number>;
+        isDesktopMode: import("prop-types").Requireable<boolean>;
+        showMoreItem: import("prop-types").Requireable<import("prop-types").InferProps<{
+            showMoreText: import("prop-types").Requireable<string>;
+            showLessText: import("prop-types").Requireable<string>;
+            isSelected: import("prop-types").Requireable<boolean>;
+        }>>;
         items: import("prop-types").Requireable<(import("prop-types").InferProps<{
             text: import("prop-types").Requireable<string>;
             isSelected: import("prop-types").Requireable<boolean>;
             handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
-            isShowMoreItem: import("prop-types").Requireable<boolean>;
         }> | null | undefined)[]>;
     };
     privacyPolicyDownload: {

package/es/template/common/privacy-policy-page/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/template/common/privacy-policy-page/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,YAAY,EAEtB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EACL,KAAK,IAAI,aAAa,EAEvB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAC,KAAK,IAAI,SAAS,EAA6B,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EACL,KAAK,IAAI,cAAc,EAExB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,KAAK,IAAI,SAAS,EAEnB,MAAM,yCAAyC,CAAC;AAEjD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,oBAAoB,EAAE,YAAY,CAAC;IACnC,SAAS,EAAE,cAAc,CAAC;IAC1B,qBAAqB,EAAE,aAAa,CAAC;IACrC,cAAc,EAAE,SAAS,CAAC;CAC3B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/template/common/privacy-policy-page/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,YAAY,EAEtB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EACL,KAAK,IAAI,aAAa,EAEvB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAC,KAAK,IAAI,SAAS,EAA6B,MAAM,8BAA8B,CAAC;AAC5F,OAAO,EACL,KAAK,IAAI,cAAc,EAExB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EACL,KAAK,IAAI,SAAS,EAEnB,MAAM,yCAAyC,CAAC;AAEjD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,oBAAoB,EAAE,YAAY,CAAC;IACnC,SAAS,EAAE,cAAc,CAAC;IAC1B,qBAAqB,EAAE,aAAa,CAAC;IACrC,cAAc,EAAE,SAAS,CAAC;CAC3B,CAAC"}

package/es/variables/breakpoints.css

@@ -2,5 +2,4 @@
 @value tablet:       (max-width: 960px);
 @value desktop:      (max-width: 1280px);
 @value wide:         (max-width: 1680px);
-@value cm_tablet:    (max-width: 1123px);
-@value mooc_tablet:    (max-width: 1217px);
+@value cm_tablet:    (max-width: 1123px);

package/lib/molecule/expandable-item/style.css

@@ -20,6 +20,7 @@
   height: 72px;
   justify-content: center;
 }
+
 .header {
   display: flex;
   flex-direction: row;
@@ -29,7 +30,6 @@
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
-  height: 72px;
   padding: 24px;
   gap: 16px;
 }
@@ -46,8 +46,7 @@
 }
 
 .expendedHeader {
-  padding: 24px 40px 0px 40px;
-  border-radius: 10px;
+  padding: 24px 24px 0px 24px;
 }
 
 .title {

package/lib/molecule/menu-links/index.d.ts

@@ -1,14 +1,20 @@
 /// <reference types="react" />
 import { Props } from './types';
 declare const MenuLinks: {
-    ({ items, title }: Props): JSX.Element;
+    ({ items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode }: Props): JSX.Element;
     propTypes: {
         title: import("prop-types").Requireable<string>;
+        numberOfDisplayedItems: import("prop-types").Requireable<number>;
+        isDesktopMode: import("prop-types").Requireable<boolean>;
+        showMoreItem: import("prop-types").Requireable<import("prop-types").InferProps<{
+            showMoreText: import("prop-types").Requireable<string>;
+            showLessText: import("prop-types").Requireable<string>;
+            isSelected: import("prop-types").Requireable<boolean>;
+        }>>;
         items: import("prop-types").Requireable<(import("prop-types").InferProps<{
             text: import("prop-types").Requireable<string>;
             isSelected: import("prop-types").Requireable<boolean>;
             handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
-            isShowMoreItem: import("prop-types").Requireable<boolean>;
         }> | null | undefined)[]>;
     };
 };

package/lib/molecule/menu-links/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;uBAAoB,KAAK;;;;;;;;;;CAwBvC,CAAC;AAIF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,SAAS;4EAAyE,KAAK;;;;;;;;;;;;;;;;CAwC5F,CAAC;AAIF,eAAe,SAAS,CAAC"}

package/lib/molecule/menu-links/index.js

@@ -3,7 +3,9 @@
 exports.__esModule = true;
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _slice2 = _interopRequireDefault(require("lodash/fp/slice"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -13,12 +15,24 @@ var _types = require("./types");
 
 var _style = _interopRequireDefault(require("./style.css"));
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const MenuLinks = ({
   items,
-  title
+  title,
+  showMoreItem,
+  numberOfDisplayedItems,
+  isDesktopMode
 }) => {
+  const [isOpen, setIsOpen] = (0, _react.useState)(false);
+  const itemsToDesplaye = isDesktopMode || isOpen ? items : (0, _slice2.default)(0, numberOfDisplayedItems, items);
+
+  const handleOnclickShowMore = () => setIsOpen(!isOpen);
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.container
   }, /*#__PURE__*/_react.default.createElement("h2", {
@@ -26,22 +40,32 @@ const MenuLinks = ({
   }, title), /*#__PURE__*/_react.default.createElement("ul", {
     className: _style.default.list,
     "data-name": "menu-links"
-  }, items.map((item, index) => {
+  }, itemsToDesplaye.map((item, index) => {
     const {
       handleOnclick
     } = item;
+    console.log({
+      isOpen,
+      numberOfDisplayedItems
+    });
     return /*#__PURE__*/_react.default.createElement("li", {
       onClick: handleOnclick,
       key: `menu-link-item-${index}`,
-      className: (0, _classnames.default)(item.isShowMoreItem ? _style.default.showMoreItem : null, _style.default.item)
+      className: _style.default.item
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: item.isSelected ? _style.default.border : null
+      className: (0, _classnames.default)(_style.default.border, item.isSelected ? _style.default.selectedBorder : null)
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: item.isSelected ? _style.default.selectedItem : undefined
-    }, item.text, item.isShowMoreItem ? /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
-      className: _style.default.showMoreIcon
-    }) : null));
-  })));
+    }, item.text));
+  }), !isDesktopMode ? /*#__PURE__*/_react.default.createElement("li", {
+    onClick: handleOnclickShowMore,
+    key: `menu-link-item-show-more`,
+    className: (0, _classnames.default)(_style.default.showMoreItem, _style.default.item)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.border
+  }), /*#__PURE__*/_react.default.createElement("span", null, isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText, /*#__PURE__*/_react.default.createElement(_novaIcons.NovaCompositionNavigationArrowDown, {
+    className: isOpen ? _style.default.showLessIcon : _style.default.showMoreIcon
+  }))) : null));
 };
 
 MenuLinks.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};

package/lib/molecule/menu-links/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["MenuLinks","items","title","styles","container","list","map","item","index","handleOnclick","classnames","isShowMoreItem","showMoreItem","isSelected","border","selectedItem","undefined","text","showMoreIcon","propTypes"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst MenuLinks = ({items, title}: Props) => {\n  return (\n    <div className={styles.container}>\n      <h2 className={styles.title}>{title}</h2>\n      <ul className={styles.list} data-name=\"menu-links\">\n        {items.map((item, index) => {\n          const {handleOnclick} = item;\n          return (\n            <li\n              onClick={handleOnclick}\n              key={`menu-link-item-${index}`}\n              className={classnames(item.isShowMoreItem ? styles.showMoreItem : null, styles.item)}\n            >\n              <div className={item.isSelected ? styles.border : null} />\n              <span className={item.isSelected ? styles.selectedItem : undefined}>\n                {item.text}\n                {item.isShowMoreItem ? <ArrowIcon className={styles.showMoreIcon} /> : null}\n              </span>\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n\nMenuLinks.propTypes = propTypes;\n\nexport default MenuLinks;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAA2B;EAC3C,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAOC;EAAvB,gBACE;IAAI,SAAS,EAAED,cAAA,CAAOD;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAEC,cAAA,CAAOE,IAAtB;IAA4B,aAAU;EAAtC,GACGJ,KAAK,CAACK,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IAC1B,MAAM;MAACC;IAAD,IAAkBF,IAAxB;IACA,oBACE;MACE,OAAO,EAAEE,aADX;MAEE,GAAG,EAAG,kBAAiBD,KAAM,EAF/B;MAGE,SAAS,EAAE,IAAAE,mBAAA,EAAWH,IAAI,CAACI,cAAL,GAAsBR,cAAA,CAAOS,YAA7B,GAA4C,IAAvD,EAA6DT,cAAA,CAAOI,IAApE;IAHb,gBAKE;MAAK,SAAS,EAAEA,IAAI,CAACM,UAAL,GAAkBV,cAAA,CAAOW,MAAzB,GAAkC;IAAlD,EALF,eAME;MAAM,SAAS,EAAEP,IAAI,CAACM,UAAL,GAAkBV,cAAA,CAAOY,YAAzB,GAAwCC;IAAzD,GACGT,IAAI,CAACU,IADR,EAEGV,IAAI,CAACI,cAAL,gBAAsB,6BAAC,6CAAD;MAAW,SAAS,EAAER,cAAA,CAAOe;IAA7B,EAAtB,GAAsE,IAFzE,CANF,CADF;EAaD,CAfA,CADH,CAFF,CADF;AAuBD,CAxBD;;AA0BAlB,SAAS,CAACmB,SAAV,2CAAsBA,gBAAtB;eAEenB,S"}
+{"version":3,"file":"index.js","names":["MenuLinks","items","title","showMoreItem","numberOfDisplayedItems","isDesktopMode","isOpen","setIsOpen","useState","itemsToDesplaye","handleOnclickShowMore","styles","container","list","map","item","index","handleOnclick","console","log","classnames","border","isSelected","selectedBorder","selectedItem","undefined","text","showLessText","showMoreText","showLessIcon","showMoreIcon","propTypes"],"sources":["../../../src/molecule/menu-links/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {slice} from 'lodash/fp';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst MenuLinks = ({items, title, showMoreItem, numberOfDisplayedItems, isDesktopMode}: Props) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const itemsToDesplaye = isDesktopMode || isOpen ? items : slice(0, numberOfDisplayedItems, items);\n  const handleOnclickShowMore = () => setIsOpen(!isOpen);\n\n  return (\n    <div className={styles.container}>\n      <h2 className={styles.title}>{title}</h2>\n      <ul className={styles.list} data-name=\"menu-links\">\n        {itemsToDesplaye.map((item, index) => {\n          const {handleOnclick} = item;\n          console.log({isOpen, numberOfDisplayedItems});\n          return (\n            <li onClick={handleOnclick} key={`menu-link-item-${index}`} className={styles.item}>\n              <div\n                className={classnames(\n                  styles.border,\n                  item.isSelected ? styles.selectedBorder : null\n                )}\n              />\n              <span className={item.isSelected ? styles.selectedItem : undefined}>{item.text}</span>\n            </li>\n          );\n        })}\n        {!isDesktopMode ? (\n          <li\n            onClick={handleOnclickShowMore}\n            key={`menu-link-item-show-more`}\n            className={classnames(styles.showMoreItem, styles.item)}\n          >\n            <div className={styles.border} />\n            <span>\n              {isOpen ? showMoreItem.showLessText : showMoreItem.showMoreText}\n              <ArrowIcon className={isOpen ? styles.showLessIcon : styles.showMoreIcon} />\n            </span>\n          </li>\n        ) : null}\n      </ul>\n    </div>\n  );\n};\n\nMenuLinks.propTypes = propTypes;\n\nexport default MenuLinks;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC,KAAR;EAAeC,YAAf;EAA6BC,sBAA7B;EAAqDC;AAArD,CAAD,KAAgF;EAChG,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsB,IAAAC,eAAA,EAAkB,KAAlB,CAA5B;EACA,MAAMC,eAAe,GAAGJ,aAAa,IAAIC,MAAjB,GAA0BL,KAA1B,GAAkC,qBAAM,CAAN,EAASG,sBAAT,EAAiCH,KAAjC,CAA1D;;EACA,MAAMS,qBAAqB,GAAG,MAAMH,SAAS,CAAC,CAACD,MAAF,CAA7C;;EAEA,oBACE;IAAK,SAAS,EAAEK,cAAA,CAAOC;EAAvB,gBACE;IAAI,SAAS,EAAED,cAAA,CAAOT;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAES,cAAA,CAAOE,IAAtB;IAA4B,aAAU;EAAtC,GACGJ,eAAe,CAACK,GAAhB,CAAoB,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACpC,MAAM;MAACC;IAAD,IAAkBF,IAAxB;IACAG,OAAO,CAACC,GAAR,CAAY;MAACb,MAAD;MAASF;IAAT,CAAZ;IACA,oBACE;MAAI,OAAO,EAAEa,aAAb;MAA4B,GAAG,EAAG,kBAAiBD,KAAM,EAAzD;MAA4D,SAAS,EAAEL,cAAA,CAAOI;IAA9E,gBACE;MACE,SAAS,EAAE,IAAAK,mBAAA,EACTT,cAAA,CAAOU,MADE,EAETN,IAAI,CAACO,UAAL,GAAkBX,cAAA,CAAOY,cAAzB,GAA0C,IAFjC;IADb,EADF,eAOE;MAAM,SAAS,EAAER,IAAI,CAACO,UAAL,GAAkBX,cAAA,CAAOa,YAAzB,GAAwCC;IAAzD,GAAqEV,IAAI,CAACW,IAA1E,CAPF,CADF;EAWD,CAdA,CADH,EAgBG,CAACrB,aAAD,gBACC;IACE,OAAO,EAAEK,qBADX;IAEE,GAAG,EAAG,0BAFR;IAGE,SAAS,EAAE,IAAAU,mBAAA,EAAWT,cAAA,CAAOR,YAAlB,EAAgCQ,cAAA,CAAOI,IAAvC;EAHb,gBAKE;IAAK,SAAS,EAAEJ,cAAA,CAAOU;EAAvB,EALF,eAME,2CACGf,MAAM,GAAGH,YAAY,CAACwB,YAAhB,GAA+BxB,YAAY,CAACyB,YADrD,eAEE,6BAAC,6CAAD;IAAW,SAAS,EAAEtB,MAAM,GAAGK,cAAA,CAAOkB,YAAV,GAAyBlB,cAAA,CAAOmB;EAA5D,EAFF,CANF,CADD,GAYG,IA5BN,CAFF,CADF;AAmCD,CAxCD;;AA0CA9B,SAAS,CAAC+B,SAAV,2CAAsBA,gBAAtB;eAEe/B,S"}

package/lib/molecule/menu-links/style.css

@@ -1,11 +1,13 @@
 @value colors: "../../variables/colors.css";
 @value breakpoints: "../../variables/breakpoints.css";
 @value mobile from breakpoints;
-@value mooc_tablet from breakpoints;
+@value tablet from breakpoints;
 @value cm_primary_blue from colors;
 @value cm_grey_500 from colors;
 @value cm_grey_700 from colors;
 @value cm_grey_800 from colors;
+@value white from colors;
+
 
 .container {
   display: flex;
@@ -21,7 +23,7 @@
 }
 
 .title {
-  padding: 0px 0px 0px 40px;
+  padding: 0px 0px 0px 24px;
   margin: 0;
   font-family: 'Gilroy';
   font-style: normal;
@@ -44,31 +46,23 @@
 .item {
   display: flex;
   flex-direction: row;
-  gap: 36px;
+  gap: 20px;
   margin-bottom: 16px;
 }
 
-.itemText {
-  font-family: Gilroy;
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 20px;
-  letter-spacing: 0px;
-  font-style: normal;
-  text-align: left;
-  margin: 0;
-  color: cm_grey_800;
-}
-
 .border {
   width: 4px;
   font-weight: inherit;
-  background-color: cm_primary_blue;
+  background-color: white;
   flex-shrink: 0;
   min-width: 4px;
   flex-basis: 4px;
 }
 
+.selectedBorder {
+  background-color: cm_primary_blue;
+}
+
 .showMoreItem {
   display: none;
 }
@@ -88,7 +82,14 @@
   margin-left: 8px;
 }
 
-@media mooc_tablet {
+.showLessIcon {
+  width: 12px;
+  height: 8px;
+  margin-left: 8px;
+  transform: rotateZ(180deg);
+}
+
+@media tablet {
   .showMoreItem {
     font-family: 'Gilroy';
     font-style: normal;
@@ -100,7 +101,6 @@
     display: block;
     display: flex;
     flex-direction: row;
-    gap: 36px;
     margin-bottom: 16px;
   }
 }
@@ -117,7 +117,6 @@
     display: block;
     display: flex;
     flex-direction: row;
-    gap: 36px;
     margin-bottom: 16px;
   }
 }

package/lib/molecule/menu-links/types.d.ts

@@ -1,21 +1,33 @@
 import PropTypes from 'prop-types';
 export declare const propTypes: {
     title: PropTypes.Requireable<string>;
+    numberOfDisplayedItems: PropTypes.Requireable<number>;
+    isDesktopMode: PropTypes.Requireable<boolean>;
+    showMoreItem: PropTypes.Requireable<PropTypes.InferProps<{
+        showMoreText: PropTypes.Requireable<string>;
+        showLessText: PropTypes.Requireable<string>;
+        isSelected: PropTypes.Requireable<boolean>;
+    }>>;
     items: PropTypes.Requireable<(PropTypes.InferProps<{
         text: PropTypes.Requireable<string>;
         isSelected: PropTypes.Requireable<boolean>;
         handleOnclick: PropTypes.Requireable<(...args: any[]) => any>;
-        isShowMoreItem: PropTypes.Requireable<boolean>;
     }> | null | undefined)[]>;
 };
 export declare type Item = {
     text: string;
     isSelected?: boolean;
     handleOnclick: () => void;
-    isShowMoreItem?: boolean;
+};
+export declare type ShowMoreItem = {
+    showMoreText: string;
+    showLessText: string;
 };
 export declare type Props = {
     title: string;
+    isDesktopMode: boolean;
+    showMoreItem: ShowMoreItem;
+    numberOfDisplayedItems: number;
     items: Item[];
 };
 //# sourceMappingURL=types.d.ts.map

package/lib/molecule/menu-links/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;;;;;CAUrB,CAAC;AAEF,oBAAY,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;CACf,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/menu-links/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAgBrB,CAAC;AAEF,oBAAY,IAAI,GAAG;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;IAC3B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;CACf,CAAC"}

package/lib/molecule/menu-links/types.js

@@ -9,11 +9,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const propTypes = {
   title: _propTypes.default.string,
+  numberOfDisplayedItems: _propTypes.default.number,
+  isDesktopMode: _propTypes.default.bool,
+  showMoreItem: _propTypes.default.shape({
+    showMoreText: _propTypes.default.string,
+    showLessText: _propTypes.default.string,
+    isSelected: _propTypes.default.bool
+  }),
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
     text: _propTypes.default.string,
     isSelected: _propTypes.default.bool,
-    handleOnclick: _propTypes.default.func,
-    isShowMoreItem: _propTypes.default.bool
+    handleOnclick: _propTypes.default.func
   }))
 };
 exports.propTypes = propTypes;

package/lib/molecule/menu-links/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["propTypes","title","PropTypes","string","items","arrayOf","shape","text","isSelected","bool","handleOnclick","func","isShowMoreItem"],"sources":["../../../src/molecule/menu-links/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      isSelected: PropTypes.bool,\n      handleOnclick: PropTypes.func,\n      isShowMoreItem: PropTypes.bool\n    })\n  )\n};\n\nexport type Item = {\n  text: string;\n  isSelected?: boolean;\n  handleOnclick: () => void;\n  isShowMoreItem?: boolean;\n};\nexport type Props = {\n  title: string;\n  items: Item[];\n};\n"],"mappings":";;;;;AAAA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,MADM;EAEvBC,KAAK,EAAEF,kBAAA,CAAUG,OAAV,CACLH,kBAAA,CAAUI,KAAV,CAAgB;IACdC,IAAI,EAAEL,kBAAA,CAAUC,MADF;IAEdK,UAAU,EAAEN,kBAAA,CAAUO,IAFR;IAGdC,aAAa,EAAER,kBAAA,CAAUS,IAHX;IAIdC,cAAc,EAAEV,kBAAA,CAAUO;EAJZ,CAAhB,CADK;AAFgB,CAAlB"}
+{"version":3,"file":"types.js","names":["propTypes","title","PropTypes","string","numberOfDisplayedItems","number","isDesktopMode","bool","showMoreItem","shape","showMoreText","showLessText","isSelected","items","arrayOf","text","handleOnclick","func"],"sources":["../../../src/molecule/menu-links/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  numberOfDisplayedItems: PropTypes.number,\n  isDesktopMode: PropTypes.bool,\n  showMoreItem: PropTypes.shape({\n    showMoreText: PropTypes.string,\n    showLessText: PropTypes.string,\n    isSelected: PropTypes.bool\n  }),\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      isSelected: PropTypes.bool,\n      handleOnclick: PropTypes.func\n    })\n  )\n};\n\nexport type Item = {\n  text: string;\n  isSelected?: boolean;\n  handleOnclick: () => void;\n};\n\nexport type ShowMoreItem = {\n  showMoreText: string;\n  showLessText: string;\n};\n\nexport type Props = {\n  title: string;\n  isDesktopMode: boolean;\n  showMoreItem: ShowMoreItem;\n  numberOfDisplayedItems: number;\n  items: Item[];\n};\n"],"mappings":";;;;;AAAA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,KAAK,EAAEC,kBAAA,CAAUC,MADM;EAEvBC,sBAAsB,EAAEF,kBAAA,CAAUG,MAFX;EAGvBC,aAAa,EAAEJ,kBAAA,CAAUK,IAHF;EAIvBC,YAAY,EAAEN,kBAAA,CAAUO,KAAV,CAAgB;IAC5BC,YAAY,EAAER,kBAAA,CAAUC,MADI;IAE5BQ,YAAY,EAAET,kBAAA,CAAUC,MAFI;IAG5BS,UAAU,EAAEV,kBAAA,CAAUK;EAHM,CAAhB,CAJS;EASvBM,KAAK,EAAEX,kBAAA,CAAUY,OAAV,CACLZ,kBAAA,CAAUO,KAAV,CAAgB;IACdM,IAAI,EAAEb,kBAAA,CAAUC,MADF;IAEdS,UAAU,EAAEV,kBAAA,CAAUK,IAFR;IAGdS,aAAa,EAAEd,kBAAA,CAAUe;EAHX,CAAhB,CADK;AATgB,CAAlB"}

package/lib/template/common/faq-page/index.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const PrivacyPolicy: {
+    ({ header, privacyPolicyContact, menuLinks, privacyPolicyDownload, expandableList }: Props): JSX.Element;
+    propTypes: {
+        header: {
+            image: import("prop-types").Requireable<string>;
+            mode: import("prop-types").Requireable<string>;
+            description: import("prop-types").Requireable<string>;
+            title: import("prop-types").Requireable<string>;
+            author: import("prop-types").Requireable<string>;
+            progress: import("prop-types").Requireable<number>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            submitValue: import("prop-types").Requireable<string>;
+        };
+        privacyPolicyContact: {
+            title: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<string>;
+        };
+        menuLinks: {
+            title: import("prop-types").Requireable<string>;
+            numberOfDisplayedItems: import("prop-types").Requireable<number>;
+            isDesktopMode: import("prop-types").Requireable<boolean>;
+            showMoreItem: import("prop-types").Requireable<import("prop-types").InferProps<{
+                showMoreText: import("prop-types").Requireable<string>;
+                showLessText: import("prop-types").Requireable<string>;
+                isSelected: import("prop-types").Requireable<boolean>;
+            }>>;
+            items: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                text: import("prop-types").Requireable<string>;
+                isSelected: import("prop-types").Requireable<boolean>;
+                handleOnclick: import("prop-types").Requireable<(...args: any[]) => any>;
+            }> | null | undefined)[]>;
+        };
+        privacyPolicyDownload: {
+            title: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<string>;
+            downloadButton: import("prop-types").Requireable<import("prop-types").InferProps<{
+                color: any;
+                submitValue: import("prop-types").Requireable<string>;
+                disabled: import("prop-types").Requireable<boolean>;
+                isLinkDisabled: import("prop-types").Requireable<boolean>;
+                href: import("prop-types").Requireable<string>;
+                download: import("prop-types").Requireable<boolean>;
+                target: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+                className: import("prop-types").Requireable<string>;
+                buttonContentClassName: import("prop-types").Requireable<string>;
+                style: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+                'data-name': import("prop-types").Requireable<string>;
+            }>>;
+        };
+        expandableList: {
+            items: import("prop-types").Requireable<(import("prop-types").InferProps<{
+                title: import("prop-types").Requireable<string>;
+                icon: import("prop-types").Requireable<string>;
+                isExpended: import("prop-types").Requireable<boolean>;
+                content: import("prop-types").Requireable<string>;
+                image: import("prop-types").Requireable<string>;
+                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+            }> | null | undefined)[]>;
+        };
+    };
+};
+export default PrivacyPolicy;
+//# sourceMappingURL=index.d.ts.map

package/lib/template/common/faq-page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/common/faq-page/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,aAAa;yFAMhB,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBP,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/lib/template/common/faq-page/index.js

@@ -0,0 +1,57 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _hero = _interopRequireDefault(require("../../../molecule/hero"));
+
+var _privacyPolicyContact = _interopRequireDefault(require("../../../molecule/privacy-policy-contact"));
+
+var _privacyPolicyDownload = _interopRequireDefault(require("../../../molecule/privacy-policy-download"));
+
+var _menuLinks = _interopRequireDefault(require("../../../molecule/menu-links"));
+
+var _expandableList = _interopRequireDefault(require("../../../molecule/expandable-list"));
+
+var _types = require("./types");
+
+var _style = _interopRequireDefault(require("./style.css"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const PrivacyPolicy = ({
+  header,
+  privacyPolicyContact,
+  menuLinks,
+  privacyPolicyDownload,
+  expandableList
+}) => {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.wrapper
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.hero
+  }, /*#__PURE__*/_react.default.createElement(_hero.default, _extends({}, header, {
+    mode: 'header'
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.container
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.menuContainer
+  }, /*#__PURE__*/_react.default.createElement(_menuLinks.default, menuLinks), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.privacyPolicyDownloadDesktop
+  }, /*#__PURE__*/_react.default.createElement(_privacyPolicyDownload.default, privacyPolicyDownload))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.expandableList
+  }, /*#__PURE__*/_react.default.createElement(_expandableList.default, expandableList)), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.privacyPolicyDownload
+  }, /*#__PURE__*/_react.default.createElement(_privacyPolicyDownload.default, privacyPolicyDownload))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.privacyPolicyContact
+  }, /*#__PURE__*/_react.default.createElement(_privacyPolicyContact.default, privacyPolicyContact)));
+};
+
+PrivacyPolicy.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
+var _default = PrivacyPolicy;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/lib/template/common/faq-page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["PrivacyPolicy","header","privacyPolicyContact","menuLinks","privacyPolicyDownload","expandableList","styles","wrapper","hero","container","menuContainer","privacyPolicyDownloadDesktop","propTypes"],"sources":["../../../../src/template/common/faq-page/index.tsx"],"sourcesContent":["import React from 'react';\nimport Hero from '../../../molecule/hero';\nimport PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';\nimport PrivacyPolicyDownload from '../../../molecule/privacy-policy-download';\nimport MenuLinks from '../../../molecule/menu-links';\nimport ExpandableList from '../../../molecule/expandable-list';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst PrivacyPolicy = ({\n  header,\n  privacyPolicyContact,\n  menuLinks,\n  privacyPolicyDownload,\n  expandableList\n}: Props) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.hero}>\n        <Hero {...header} mode={'header'} />\n      </div>\n      <div className={styles.container}>\n        <div className={styles.menuContainer}>\n          <MenuLinks {...menuLinks} />\n          <div className={styles.privacyPolicyDownloadDesktop}>\n            <PrivacyPolicyDownload {...privacyPolicyDownload} />\n          </div>\n        </div>\n        <div className={styles.expandableList}>\n          <ExpandableList {...expandableList} />\n        </div>\n        <div className={styles.privacyPolicyDownload}>\n          <PrivacyPolicyDownload {...privacyPolicyDownload} />\n        </div>\n      </div>\n      <div className={styles.privacyPolicyContact}>\n        <PrivacyPolicyContact {...privacyPolicyContact} />\n      </div>\n    </div>\n  );\n};\n\nPrivacyPolicy.propTypes = propTypes;\n\nexport default PrivacyPolicy;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,aAAa,GAAG,CAAC;EACrBC,MADqB;EAErBC,oBAFqB;EAGrBC,SAHqB;EAIrBC,qBAJqB;EAKrBC;AALqB,CAAD,KAMT;EACX,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAOC;EAAvB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAOE;EAAvB,gBACE,6BAAC,aAAD,eAAUP,MAAV;IAAkB,IAAI,EAAE;EAAxB,GADF,CADF,eAIE;IAAK,SAAS,EAAEK,cAAA,CAAOG;EAAvB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAOI;EAAvB,gBACE,6BAAC,kBAAD,EAAeP,SAAf,CADF,eAEE;IAAK,SAAS,EAAEG,cAAA,CAAOK;EAAvB,gBACE,6BAAC,8BAAD,EAA2BP,qBAA3B,CADF,CAFF,CADF,eAOE;IAAK,SAAS,EAAEE,cAAA,CAAOD;EAAvB,gBACE,6BAAC,uBAAD,EAAoBA,cAApB,CADF,CAPF,eAUE;IAAK,SAAS,EAAEC,cAAA,CAAOF;EAAvB,gBACE,6BAAC,8BAAD,EAA2BA,qBAA3B,CADF,CAVF,CAJF,eAkBE;IAAK,SAAS,EAAEE,cAAA,CAAOJ;EAAvB,gBACE,6BAAC,6BAAD,EAA0BA,oBAA1B,CADF,CAlBF,CADF;AAwBD,CA/BD;;AAiCAF,aAAa,CAACY,SAAd,2CAA0BA,gBAA1B;eAEeZ,a"}