@coorpacademy/components 11.14.0 → 11.14.1-alpha.28

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FAQArticlePage","title","backButton","backButtonText","subArticles","privacyPolicyContact","styles","wrapper","page","container","backContainer","item","article","subTitle","text","__html","img","image","backContainerMobile","propTypes"],"sources":["../../../../src/template/common/faq-article-page/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map} from 'lodash/fp';\nimport ButtonLinkIconOnly from '../../../atom/button-link-icon-only';\nimport PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst FAQArticlePage = ({\n  title,\n  backButton,\n  backButtonText,\n  subArticles,\n  privacyPolicyContact\n}: Props) => {\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.page}>\n        <div className={styles.container}>\n          <div className={styles.backContainer}>\n            <ButtonLinkIconOnly {...backButton} />\n            <span>{backButtonText}</span>\n          </div>\n          <h1 className={styles.title}>{title}</h1>\n          {map(item => {\n            return (\n              <div className={styles.article}>\n                <h3 className={styles.subTitle}>{item.subTitle}</h3>\n                <div\n                  className={styles.text}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: item.text}}\n                />\n                <img className={styles.img} src={item.image} alt=\"\" />\n              </div>\n            );\n          }, subArticles)}\n          <div className={styles.backContainerMobile}>\n            <ButtonLinkIconOnly {...backButton} />\n            <span>{backButtonText}</span>\n          </div>\n        </div>\n        <div className={styles.privacyPolicyContact}>\n          <PrivacyPolicyContact {...privacyPolicyContact} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nFAQArticlePage.propTypes = propTypes;\n\nexport default FAQArticlePage;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,cAAc,GAAG,CAAC;EACtBC,KADsB;EAEtBC,UAFsB;EAGtBC,cAHsB;EAItBC,WAJsB;EAKtBC;AALsB,CAAD,KAMV;EACX,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAOC;EAAvB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAOE;EAAvB,gBACE;IAAK,SAAS,EAAEF,cAAA,CAAOG;EAAvB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAOI;EAAvB,gBACE,6BAAC,2BAAD,EAAwBR,UAAxB,CADF,eAEE,2CAAOC,cAAP,CAFF,CADF,eAKE;IAAI,SAAS,EAAEG,cAAA,CAAOL;EAAtB,GAA8BA,KAA9B,CALF,EAMG,mBAAIU,IAAI,IAAI;IACX,oBACE;MAAK,SAAS,EAAEL,cAAA,CAAOM;IAAvB,gBACE;MAAI,SAAS,EAAEN,cAAA,CAAOO;IAAtB,GAAiCF,IAAI,CAACE,QAAtC,CADF,eAEE;MACE,SAAS,EAAEP,cAAA,CAAOQ,IADpB,CAEE;MAFF;MAGE,uBAAuB,EAAE;QAACC,MAAM,EAAEJ,IAAI,CAACG;MAAd;IAH3B,EAFF,eAOE;MAAK,SAAS,EAAER,cAAA,CAAOU,GAAvB;MAA4B,GAAG,EAAEL,IAAI,CAACM,KAAtC;MAA6C,GAAG,EAAC;IAAjD,EAPF,CADF;EAWD,CAZA,EAYEb,WAZF,CANH,eAmBE;IAAK,SAAS,EAAEE,cAAA,CAAOY;EAAvB,gBACE,6BAAC,2BAAD,EAAwBhB,UAAxB,CADF,eAEE,2CAAOC,cAAP,CAFF,CAnBF,CADF,eAyBE;IAAK,SAAS,EAAEG,cAAA,CAAOD;EAAvB,gBACE,6BAAC,6BAAD,EAA0BA,oBAA1B,CADF,CAzBF,CADF,CADF;AAiCD,CAxCD;;AA0CAL,cAAc,CAACmB,SAAf,2CAA2BA,gBAA3B;eAEenB,c"}

package/lib/template/common/faq-article-page/style.css

@@ -0,0 +1,110 @@
+@value breakpoints: "../../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value desktop from breakpoints;
+@value colors: "../../../variables/colors.css";
+@value cm_grey_50 from colors;
+
+.wrapper {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.page {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  height: 100%;
+  width: 660px;
+  padding: 0px 24px 40px 24px;
+}
+
+.container{
+
+}
+
+.article {
+ margin-top: 40px;
+
+}
+
+.backContainer {
+ display: flex;
+ flex-direction: row;
+ gap: 12px;
+ align-items: center;
+}
+
+.img {
+  width: 100%;
+  /* height: 295px; */
+}
+
+.backContainer span {
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: 0px;
+  text-align: left;
+}
+
+.privacyPolicyContact{
+  width: 100%;
+  height: 86px;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 28px;
+  font-weight: 500;
+  line-height: 36px;
+  letter-spacing: 0px;
+  text-align: left;
+  margin: 16px 0px 24px 0px;
+}
+
+.subTitle {
+  font-family: Gilroy;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+  margin: 0px 0px 16px 0px;
+}
+
+.text {
+  font-family: Gilroy;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+  letter-spacing: 0px;
+  text-align: left;
+  margin-bottom: 16px;
+}
+
+.backContainerMobile {
+  display: none;
+}
+
+@media mobile {
+  .page {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100%;
+    width: 100%px;
+    padding: 40px 24px;
+  }
+
+  .backContainerMobile {
+    display: flex;
+    flex-direction: row;
+    gap: 12px;
+    align-items: center;
+    margin-top: 40px;
+  }
+}

package/lib/template/common/faq-article-page/types.d.ts

@@ -0,0 +1,40 @@
+import PropTypes from 'prop-types';
+import { Props as ContactProps } from '../../../molecule/privacy-policy-contact/types';
+export declare const propTypes: {
+    subArticles: PropTypes.Requireable<(PropTypes.InferProps<{
+        subTitle: PropTypes.Requireable<string>;
+        text: PropTypes.Requireable<string>;
+        image: PropTypes.Requireable<string>;
+        backButtonText: PropTypes.Requireable<string>;
+    }> | null | undefined)[]>;
+    title: PropTypes.Requireable<string>;
+    backButton: {
+        size: PropTypes.Requireable<string>;
+        'data-name': PropTypes.Requireable<string>;
+        'aria-label': PropTypes.Requireable<string>;
+        icon: PropTypes.Requireable<string>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+    privacyPolicyContact: {
+        title: PropTypes.Requireable<string>;
+        content: PropTypes.Requireable<string>;
+    };
+};
+export declare type Props = {
+    subArticles: {
+        subTitle: string;
+        text: string;
+        image: string;
+    }[];
+    backButtonText: string;
+    title: string;
+    privacyPolicyContact: ContactProps;
+    backButton: {
+        size: string;
+        'data-name': string;
+        'aria-label': string;
+        icon: string;
+        onClick: () => void;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/template/common/faq-article-page/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,KAAK,IAAI,YAAY,EAEtB,MAAM,gDAAgD,CAAC;AAExD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;CAkBrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE;QAAC,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,EAAE,CAAC;IAC/D,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB,EAAE,YAAY,CAAC;IACnC,UAAU,EAAE;QACV,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH,CAAC"}

package/lib/template/common/faq-article-page/types.js

@@ -0,0 +1,30 @@
+"use strict";
+
+exports.__esModule = true;
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _types = require("../../../molecule/privacy-policy-contact/types");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  subArticles: _propTypes.default.arrayOf(_propTypes.default.shape({
+    subTitle: _propTypes.default.string,
+    text: _propTypes.default.string,
+    image: _propTypes.default.string,
+    backButtonText: _propTypes.default.string
+  })),
+  title: _propTypes.default.string,
+  backButton: {
+    size: _propTypes.default.string,
+    'data-name': _propTypes.default.string,
+    'aria-label': _propTypes.default.string,
+    icon: _propTypes.default.string,
+    onClick: _propTypes.default.func
+  },
+  privacyPolicyContact: _types.propTypes
+};
+exports.propTypes = propTypes;
+//# sourceMappingURL=types.js.map

package/lib/template/common/faq-article-page/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["propTypes","subArticles","PropTypes","arrayOf","shape","subTitle","string","text","image","backButtonText","title","backButton","size","icon","onClick","func","privacyPolicyContact","ContactPropTypes"],"sources":["../../../../src/template/common/faq-article-page/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Props as ContactProps,\n  propTypes as ContactPropTypes\n} from '../../../molecule/privacy-policy-contact/types';\n\nexport const propTypes = {\n  subArticles: PropTypes.arrayOf(\n    PropTypes.shape({\n      subTitle: PropTypes.string,\n      text: PropTypes.string,\n      image: PropTypes.string,\n      backButtonText: PropTypes.string\n    })\n  ),\n  title: PropTypes.string,\n  backButton: {\n    size: PropTypes.string,\n    'data-name': PropTypes.string,\n    'aria-label': PropTypes.string,\n    icon: PropTypes.string,\n    onClick: PropTypes.func\n  },\n  privacyPolicyContact: ContactPropTypes\n};\n\nexport type Props = {\n  subArticles: {subTitle: string; text: string; image: string}[];\n  backButtonText: string;\n  title: string;\n  privacyPolicyContact: ContactProps;\n  backButton: {\n    size: string;\n    'data-name': string;\n    'aria-label': string;\n    icon: string;\n    onClick: () => void;\n  };\n};\n"],"mappings":";;;;;AAAA;;AACA;;;;AAKO,MAAMA,SAAS,GAAG;EACvBC,WAAW,EAAEC,kBAAA,CAAUC,OAAV,CACXD,kBAAA,CAAUE,KAAV,CAAgB;IACdC,QAAQ,EAAEH,kBAAA,CAAUI,MADN;IAEdC,IAAI,EAAEL,kBAAA,CAAUI,MAFF;IAGdE,KAAK,EAAEN,kBAAA,CAAUI,MAHH;IAIdG,cAAc,EAAEP,kBAAA,CAAUI;EAJZ,CAAhB,CADW,CADU;EASvBI,KAAK,EAAER,kBAAA,CAAUI,MATM;EAUvBK,UAAU,EAAE;IACVC,IAAI,EAAEV,kBAAA,CAAUI,MADN;IAEV,aAAaJ,kBAAA,CAAUI,MAFb;IAGV,cAAcJ,kBAAA,CAAUI,MAHd;IAIVO,IAAI,EAAEX,kBAAA,CAAUI,MAJN;IAKVQ,OAAO,EAAEZ,kBAAA,CAAUa;EALT,CAVW;EAiBvBC,oBAAoB,EAAEC;AAjBC,CAAlB"}

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const FAQCardsPage: {
+    ({ header, privacyPolicyContact, quickAccessList, title, description }: 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>;
+        };
+        title: import("prop-types").Requireable<string>;
+        description: import("prop-types").Requireable<string>;
+        privacyPolicyContact: {
+            title: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<string>;
+        };
+        quickAccessList: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            description: import("prop-types").Requireable<string>;
+            href: import("prop-types").Requireable<string>;
+            openInNewTab: import("prop-types").Requireable<boolean>;
+            isMoocCard: import("prop-types").Requireable<boolean>;
+            feature: import("prop-types").Requireable<string>;
+        }> | null | undefined)[]>;
+    };
+};
+export default FAQCardsPage;
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,58 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _map2 = _interopRequireDefault(require("lodash/fp/map"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _hero = _interopRequireDefault(require("../../../molecule/hero"));
+
+var _privacyPolicyContact = _interopRequireDefault(require("../../../molecule/privacy-policy-contact"));
+
+var _quickAccessCard = _interopRequireDefault(require("../../../molecule/quick-access-card"));
+
+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 FAQCardsPage = ({
+  header,
+  privacyPolicyContact,
+  quickAccessList,
+  title,
+  description
+}) => {
+  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", null, /*#__PURE__*/_react.default.createElement("h3", {
+    className: _style.default.title
+  }, title), /*#__PURE__*/_react.default.createElement("h6", {
+    className: _style.default.description
+  }, description)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.group
+  }, (0, _map2.default)(item => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: _style.default.card,
+      key: `card-quick-access-faq-${item.title}`
+    }, /*#__PURE__*/_react.default.createElement(_quickAccessCard.default, item));
+  }, quickAccessList)))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.privacyPolicyContact
+  }, /*#__PURE__*/_react.default.createElement(_privacyPolicyContact.default, privacyPolicyContact)));
+};
+
+FAQCardsPage.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
+var _default = FAQCardsPage;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["FAQCardsPage","header","privacyPolicyContact","quickAccessList","title","description","styles","wrapper","hero","container","group","item","card","propTypes"],"sources":["../../../../src/template/common/faq-cards-page/index.tsx"],"sourcesContent":["import React from 'react';\nimport {map} from 'lodash/fp';\nimport Hero from '../../../molecule/hero';\nimport PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';\nimport QuickAccessCard from '../../../molecule/quick-access-card';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst FAQCardsPage = ({\n  header,\n  privacyPolicyContact,\n  quickAccessList,\n  title,\n  description\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>\n          <h3 className={styles.title}>{title}</h3>\n          <h6 className={styles.description}>{description}</h6>\n        </div>\n        <div>\n          <div className={styles.group}>\n            {map(item => {\n              return (\n                <div className={styles.card} key={`card-quick-access-faq-${item.title}`}>\n                  <QuickAccessCard {...item} />\n                </div>\n              );\n            }, quickAccessList)}\n          </div>\n        </div>\n      </div>\n      <div className={styles.privacyPolicyContact}>\n        <PrivacyPolicyContact {...privacyPolicyContact} />\n      </div>\n    </div>\n  );\n};\n\nFAQCardsPage.propTypes = propTypes;\n\nexport default FAQCardsPage;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,YAAY,GAAG,CAAC;EACpBC,MADoB;EAEpBC,oBAFoB;EAGpBC,eAHoB;EAIpBC,KAJoB;EAKpBC;AALoB,CAAD,KAMR;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,uDACE;IAAI,SAAS,EAAEH,cAAA,CAAOF;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAEE,cAAA,CAAOD;EAAtB,GAAoCA,WAApC,CAFF,CADF,eAKE,uDACE;IAAK,SAAS,EAAEC,cAAA,CAAOI;EAAvB,GACG,mBAAIC,IAAI,IAAI;IACX,oBACE;MAAK,SAAS,EAAEL,cAAA,CAAOM,IAAvB;MAA6B,GAAG,EAAG,yBAAwBD,IAAI,CAACP,KAAM;IAAtE,gBACE,6BAAC,wBAAD,EAAqBO,IAArB,CADF,CADF;EAKD,CANA,EAMER,eANF,CADH,CADF,CALF,CAJF,eAqBE;IAAK,SAAS,EAAEG,cAAA,CAAOJ;EAAvB,gBACE,6BAAC,6BAAD,EAA0BA,oBAA1B,CADF,CArBF,CADF;AA2BD,CAlCD;;AAoCAF,YAAY,CAACa,SAAb,2CAAyBA,gBAAzB;eAEeb,Y"}

package/lib/template/common/faq-cards-page/style.css

@@ -0,0 +1,95 @@
+@value breakpoints: "../../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value desktop from breakpoints;
+@value colors: "../../../variables/colors.css";
+@value cm_grey_50 from colors;
+@value white from colors;
+
+.wrapper {
+  background-color: cm_grey_50;
+}
+
+.hero {
+  height: 228px;
+  width: 100%;
+}
+
+.container {
+  margin: 40px auto;
+  padding: 0px 40px;
+}
+
+.privacyPolicyContact{
+  width: 100%;
+  height: 86px;
+}
+
+.title {
+  font-family: Gilroy;
+  font-size: 32px;
+  font-weight: 500;
+  line-height: 40px;
+  letter-spacing: 0px;
+  text-align: center;
+  margin: 0px 0px 8px 0px;
+}
+
+.description {
+  font-family: Gilroy;
+  font-size: 18px;
+  font-weight: 500;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: center;
+  margin: 0px 0px 40px 0px;
+}
+
+.card {
+  max-width: 428px;
+  min-width: 277px;
+  width: calc(33% - 24px);
+  margin: 0 24px 24px 0;background-color: white;
+}
+
+.group {
+  width: 100%;
+  display: flex;
+  overflow-y: inherit;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+@media tablet {
+  .container {
+    display: flex;
+    flex-direction: column;
+    margin: 40px;
+    padding: 0px;
+  }
+  .card {
+    max-width: 428px;
+    min-width: 277px;
+    width: calc(50% - 24px);
+    margin: 0 24px 24px 0;
+  }
+  
+}
+
+@media mobile {
+  .hero {
+    height: 264px;
+    width: 100%;
+  }
+  .container {
+    display: flex;
+    flex-direction: column;
+    margin: 40px 24px;
+    padding: 0px;
+  }
+  .card {
+    max-width: 428px;
+    min-width: 277px;
+    width: 100%;
+    margin: 0 24px 24px 0;
+  }
+}

package/lib/template/common/faq-cards-page/types.d.ts

@@ -0,0 +1,42 @@
+import PropTypes from 'prop-types';
+import { Props as ContactProps } from '../../../molecule/privacy-policy-contact/types';
+import { Props as HeroProps } from '../../../molecule/hero/types';
+export declare const propTypes: {
+    header: {
+        image: PropTypes.Requireable<string>;
+        mode: PropTypes.Requireable<string>;
+        description: PropTypes.Requireable<string>;
+        title: PropTypes.Requireable<string>;
+        author: PropTypes.Requireable<string>;
+        progress: PropTypes.Requireable<number>;
+        onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        submitValue: PropTypes.Requireable<string>;
+    };
+    title: PropTypes.Requireable<string>;
+    description: PropTypes.Requireable<string>;
+    privacyPolicyContact: {
+        title: PropTypes.Requireable<string>;
+        content: PropTypes.Requireable<string>;
+    };
+    quickAccessList: PropTypes.Requireable<(PropTypes.InferProps<{
+        title: PropTypes.Requireable<string>;
+        description: PropTypes.Requireable<string>;
+        href: PropTypes.Requireable<string>;
+        openInNewTab: PropTypes.Requireable<boolean>;
+        isMoocCard: PropTypes.Requireable<boolean>;
+        feature: PropTypes.Requireable<string>;
+    }> | null | undefined)[]>;
+};
+export declare type QuickAccessItem = {
+    title: string;
+    description: string;
+    feature: 'analytics' | 'cms' | 'cockpit' | 'massive_battle' | 'manage_email' | 'dashboard' | 'look_and_feel' | 'manage_users' | 'upload_users' | 'binoculaire' | 'book' | 'network' | 'chat-bubble-question' | 'mobile-phone';
+};
+export declare type Props = {
+    header: HeroProps;
+    privacyPolicyContact: ContactProps;
+    title: string;
+    description: string;
+    quickAccessList: QuickAccessItem[];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/template/common/faq-cards-page/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EACL,KAAK,IAAI,YAAY,EAEtB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAC,KAAK,IAAI,SAAS,EAA6B,MAAM,8BAA8B,CAAC;AAG5F,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAMrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EACH,WAAW,GACX,KAAK,GACL,SAAS,GACT,gBAAgB,GAChB,cAAc,GACd,WAAW,GACX,eAAe,GACf,cAAc,GACd,cAAc,GACd,aAAa,GACb,MAAM,GACN,SAAS,GACT,sBAAsB,GACtB,cAAc,CAAC;CACpB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,MAAM,EAAE,SAAS,CAAC;IAClB,oBAAoB,EAAE,YAAY,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,eAAe,EAAE,CAAC;CACpC,CAAC"}

package/lib/template/common/faq-cards-page/types.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _types = require("../../../molecule/privacy-policy-contact/types");
+
+var _types2 = require("../../../molecule/hero/types");
+
+var _quickAccessCard = _interopRequireDefault(require("../../../molecule/quick-access-card"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  header: _types2.propTypes,
+  title: _propTypes.default.string,
+  description: _propTypes.default.string,
+  privacyPolicyContact: _types.propTypes,
+  quickAccessList: _propTypes.default.arrayOf(_propTypes.default.shape(_quickAccessCard.default.propTypes))
+};
+exports.propTypes = propTypes;
+//# sourceMappingURL=types.js.map

package/lib/template/common/faq-cards-page/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["propTypes","header","HeroPropTypes","title","PropTypes","string","description","privacyPolicyContact","ContactPropTypes","quickAccessList","arrayOf","shape","QuickAccessCard"],"sources":["../../../../src/template/common/faq-cards-page/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {\n  Props as ContactProps,\n  propTypes as ContactPropTypes\n} from '../../../molecule/privacy-policy-contact/types';\nimport {Props as HeroProps, propTypes as HeroPropTypes} from '../../../molecule/hero/types';\nimport QuickAccessCard from '../../../molecule/quick-access-card';\n\nexport const propTypes = {\n  header: HeroPropTypes,\n  title: PropTypes.string,\n  description: PropTypes.string,\n  privacyPolicyContact: ContactPropTypes,\n  quickAccessList: PropTypes.arrayOf(PropTypes.shape(QuickAccessCard.propTypes))\n};\n\nexport type QuickAccessItem = {\n  title: string;\n  description: string;\n  feature:\n    | 'analytics'\n    | 'cms'\n    | 'cockpit'\n    | 'massive_battle'\n    | 'manage_email'\n    | 'dashboard'\n    | 'look_and_feel'\n    | 'manage_users'\n    | 'upload_users'\n    | 'binoculaire'\n    | 'book'\n    | 'network'\n    | 'chat-bubble-question'\n    | 'mobile-phone';\n};\n\nexport type Props = {\n  header: HeroProps;\n  privacyPolicyContact: ContactProps;\n  title: string;\n  description: string;\n  quickAccessList: QuickAccessItem[];\n};\n"],"mappings":";;;;;AAAA;;AACA;;AAIA;;AACA;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,MAAM,EAAEC,iBADe;EAEvBC,KAAK,EAAEC,kBAAA,CAAUC,MAFM;EAGvBC,WAAW,EAAEF,kBAAA,CAAUC,MAHA;EAIvBE,oBAAoB,EAAEC,gBAJC;EAKvBC,eAAe,EAAEL,kBAAA,CAAUM,OAAV,CAAkBN,kBAAA,CAAUO,KAAV,CAAgBC,wBAAA,CAAgBZ,SAAhC,CAAlB;AALM,CAAlB"}

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

@@ -0,0 +1,80 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const FAQPage: {
+    ({ header, privacyPolicyContact, menuLinks, 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>;
+                href: import("prop-types").Requireable<string>;
+                download: import("prop-types").Requireable<boolean>;
+                target: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+                children: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+                className: import("prop-types").Requireable<string>;
+                style: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+                'data-name': import("prop-types").Requireable<string>;
+                'aria-label': import("prop-types").Requireable<string>;
+                'data-testid': import("prop-types").Requireable<string>;
+                useButtonTag: import("prop-types").Requireable<boolean>;
+                onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+                onKeyDown: import("prop-types").Requireable<(...args: any[]) => any>;
+                onMouseLeave: import("prop-types").Requireable<(...args: any[]) => any>;
+                onMouseOver: import("prop-types").Requireable<(...args: any[]) => any>;
+                buttonRef: import("prop-types").Requireable<import("prop-types").InferProps<{}>>;
+                'data-for': import("prop-types").Requireable<string>;
+                'data-tooltip-place': import("prop-types").Requireable<string>;
+                'data-tip': import("prop-types").Requireable<boolean>;
+                isLinkDisabled: import("prop-types").Requireable<boolean>;
+                useWrapper: import("prop-types").Requireable<boolean>;
+                buttonContentClassName: 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>;
+                isLink: 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 FAQPage;
+//# 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":";AAKA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,OAAO;kEAA+D,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwBhF,CAAC;AAIF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,58 @@
+"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 _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 FAQPage = ({
+  header,
+  privacyPolicyContact,
+  menuLinks,
+  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("div", {
+    className: _style.default.menueLinksDesctop
+  }, /*#__PURE__*/_react.default.createElement(_menuLinks.default, _extends({}, menuLinks, {
+    isDesktopMode: true
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.menueLinksMobile
+  }, /*#__PURE__*/_react.default.createElement(_menuLinks.default, _extends({}, menuLinks, {
+    isDesktopMode: true
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.expandableList
+  }, /*#__PURE__*/_react.default.createElement(_expandableList.default, expandableList))), /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.privacyPolicyContact
+  }, /*#__PURE__*/_react.default.createElement(_privacyPolicyContact.default, privacyPolicyContact)));
+};
+
+FAQPage.propTypes = process.env.NODE_ENV !== "production" ? _types.propTypes : {};
+var _default = FAQPage;
+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":["FAQPage","header","privacyPolicyContact","menuLinks","expandableList","styles","wrapper","hero","container","menuContainer","menueLinksDesctop","menueLinksMobile","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 MenuLinks from '../../../molecule/menu-links';\nimport ExpandableList from '../../../molecule/expandable-list';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nconst FAQPage = ({header, privacyPolicyContact, menuLinks, expandableList}: 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 />\n          </div>\n        </div>\n        <div className={styles.expandableList}>\n          <ExpandableList {...expandableList} />\n        </div>\n      </div>\n      <div className={styles.privacyPolicyContact}>\n        <PrivacyPolicyContact {...privacyPolicyContact} />\n      </div>\n    </div>\n  );\n};\n\nFAQPage.propTypes = propTypes;\n\nexport default FAQPage;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAG,CAAC;EAACC,MAAD;EAASC,oBAAT;EAA+BC,SAA/B;EAA0CC;AAA1C,CAAD,KAAsE;EACpF,oBACE;IAAK,SAAS,EAAEC,cAAA,CAAOC;EAAvB,gBACE;IAAK,SAAS,EAAED,cAAA,CAAOE;EAAvB,gBACE,6BAAC,aAAD,eAAUN,MAAV;IAAkB,IAAI,EAAE;EAAxB,GADF,CADF,eAIE;IAAK,SAAS,EAAEI,cAAA,CAAOG;EAAvB,gBACE;IAAK,SAAS,EAAEH,cAAA,CAAOI;EAAvB,gBACE;IAAK,SAAS,EAAEJ,cAAA,CAAOK;EAAvB,gBACE,6BAAC,kBAAD,eAAeP,SAAf;IAA0B,aAAa;EAAvC,GADF,CADF,eAIE;IAAK,SAAS,EAAEE,cAAA,CAAOM;EAAvB,gBACE,6BAAC,kBAAD,eAAeR,SAAf;IAA0B,aAAa;EAAvC,GADF,CAJF,CADF,eASE;IAAK,SAAS,EAAEE,cAAA,CAAOD;EAAvB,gBACE,6BAAC,uBAAD,EAAoBA,cAApB,CADF,CATF,CAJF,eAiBE;IAAK,SAAS,EAAEC,cAAA,CAAOH;EAAvB,gBACE,6BAAC,6BAAD,EAA0BA,oBAA1B,CADF,CAjBF,CADF;AAuBD,CAxBD;;AA0BAF,OAAO,CAACY,SAAR,2CAAoBA,gBAApB;eAEeZ,O"}