@coorpacademy/components 11.15.2 → 11.15.3

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

@@ -0,0 +1,125 @@
+@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%;
+  flex: 1;
+  display: flex;
+  justify-content: space-between;
+  flex-direction: column;
+}
+
+.page {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 40px 0px 0px 0px;
+  box-sizing: border-box;
+}
+
+.container{
+  width: 660px;
+}
+
+.article {
+ margin-top: 40px;
+
+}
+
+.backContainer {
+ display: flex;
+ flex-direction: row;
+ gap: 12px;
+ align-items: center;
+}
+
+.img {
+  width: 100%;
+}
+
+.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;
+  display: flex;
+  justify-content: center;
+}
+
+.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%;
+    padding: 40px 24px;
+    box-sizing: border-box;
+  }
+
+  .backContainerMobile {
+    display: flex;
+    flex-direction: row;
+    gap: 12px;
+    align-items: center;
+    margin-top: 40px;
+  }
+
+  .container{
+    width: 100%;
+  }
+
+  .privacyPolicyContact{
+    width: 100%;
+    height: max-content;
+    display: flex;
+    justify-content: center;
+  }
+}

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

@@ -0,0 +1,41 @@
+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: PropTypes.Requireable<PropTypes.InferProps<{
+        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: PropTypes.Requireable<PropTypes.InferProps<{
+        title: PropTypes.Requireable<string>;
+        content: PropTypes.Requireable<string>;
+    }>>;
+};
+export declare type SubArticle = {
+    subTitle: string;
+    text: string;
+    image: string;
+};
+export declare type Props = {
+    subArticles: SubArticle[];
+    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,UAAU,GAAG;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AAEzE,oBAAY,KAAK,GAAG;IAClB,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,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: _propTypes.default.shape({
+    size: _propTypes.default.string,
+    'data-name': _propTypes.default.string,
+    'aria-label': _propTypes.default.string,
+    icon: _propTypes.default.string,
+    onClick: _propTypes.default.func
+  }),
+  privacyPolicyContact: _propTypes.default.shape(_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: PropTypes.shape({\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: PropTypes.shape(ContactPropTypes)\n};\n\nexport type SubArticle = {subTitle: string; text: string; image: string};\n\nexport type Props = {\n  subArticles: SubArticle[];\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,EAAET,kBAAA,CAAUE,KAAV,CAAgB;IAC1BQ,IAAI,EAAEV,kBAAA,CAAUI,MADU;IAE1B,aAAaJ,kBAAA,CAAUI,MAFG;IAG1B,cAAcJ,kBAAA,CAAUI,MAHE;IAI1BO,IAAI,EAAEX,kBAAA,CAAUI,MAJU;IAK1BQ,OAAO,EAAEZ,kBAAA,CAAUa;EALO,CAAhB,CAVW;EAiBvBC,oBAAoB,EAAEd,kBAAA,CAAUE,KAAV,CAAgBa,gBAAhB;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: import("prop-types").Requireable<import("prop-types").InferProps<{
+            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: import("prop-types").Requireable<import("prop-types").InferProps<{
+            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,106 @@
+@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;
+  display: flex;
+  justify-content: center;
+}
+
+.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: 268px;
+  width: calc(33% - 24px);
+  margin: 0 24px 24px 0;background-color: white;
+  border-radius: 8px;
+}
+
+.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;
+  }
+
+  .privacyPolicyContact{
+    width: 100%;
+    height: max-content;
+    display: flex;
+    justify-content: center;
+  }
+  
+}

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

@@ -0,0 +1,45 @@
+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: PropTypes.Requireable<PropTypes.InferProps<{
+        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: PropTypes.Requireable<PropTypes.InferProps<{
+        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;
+    href: string;
+    openInNewTab: boolean;
+    isMoocCard: boolean;
+    feature: '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;AAE5F,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,sBAAsB,GAAG,cAAc,CAAC;CACvF,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,29 @@
+"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");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const propTypes = {
+  header: _propTypes.default.shape(_types2.propTypes),
+  title: _propTypes.default.string,
+  description: _propTypes.default.string,
+  privacyPolicyContact: _propTypes.default.shape(_types.propTypes),
+  quickAccessList: _propTypes.default.arrayOf(_propTypes.default.shape({
+    title: _propTypes.default.string,
+    description: _propTypes.default.string,
+    href: _propTypes.default.string,
+    openInNewTab: _propTypes.default.bool,
+    isMoocCard: _propTypes.default.bool,
+    feature: _propTypes.default.oneOf(['binoculaire', 'book', 'network', 'chat-bubble-question', 'mobile-phone'])
+  }))
+};
+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","PropTypes","shape","HeroPropTypes","title","string","description","privacyPolicyContact","ContactPropTypes","quickAccessList","arrayOf","href","openInNewTab","bool","isMoocCard","feature","oneOf"],"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';\n\nexport const propTypes = {\n  header: PropTypes.shape(HeroPropTypes),\n  title: PropTypes.string,\n  description: PropTypes.string,\n  privacyPolicyContact: PropTypes.shape(ContactPropTypes),\n  quickAccessList: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      description: PropTypes.string,\n      href: PropTypes.string,\n      openInNewTab: PropTypes.bool,\n      isMoocCard: PropTypes.bool,\n      feature: PropTypes.oneOf([\n        'binoculaire',\n        'book',\n        'network',\n        'chat-bubble-question',\n        'mobile-phone'\n      ])\n    })\n  )\n};\n\nexport type QuickAccessItem = {\n  title: string;\n  description: string;\n  href: string;\n  openInNewTab: boolean;\n  isMoocCard: boolean;\n  feature: 'binoculaire' | 'book' | 'network' | 'chat-bubble-question' | '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;;;;AAEO,MAAMA,SAAS,GAAG;EACvBC,MAAM,EAAEC,kBAAA,CAAUC,KAAV,CAAgBC,iBAAhB,CADe;EAEvBC,KAAK,EAAEH,kBAAA,CAAUI,MAFM;EAGvBC,WAAW,EAAEL,kBAAA,CAAUI,MAHA;EAIvBE,oBAAoB,EAAEN,kBAAA,CAAUC,KAAV,CAAgBM,gBAAhB,CAJC;EAKvBC,eAAe,EAAER,kBAAA,CAAUS,OAAV,CACfT,kBAAA,CAAUC,KAAV,CAAgB;IACdE,KAAK,EAAEH,kBAAA,CAAUI,MADH;IAEdC,WAAW,EAAEL,kBAAA,CAAUI,MAFT;IAGdM,IAAI,EAAEV,kBAAA,CAAUI,MAHF;IAIdO,YAAY,EAAEX,kBAAA,CAAUY,IAJV;IAKdC,UAAU,EAAEb,kBAAA,CAAUY,IALR;IAMdE,OAAO,EAAEd,kBAAA,CAAUe,KAAV,CAAgB,CACvB,aADuB,EAEvB,MAFuB,EAGvB,SAHuB,EAIvB,sBAJuB,EAKvB,cALuB,CAAhB;EANK,CAAhB,CADe;AALM,CAAlB"}

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

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const FAQPage: {
+    ({ header, privacyPolicyContact, menuLinks, expandableList }: Props): JSX.Element;
+    propTypes: {
+        header: import("prop-types").Requireable<import("prop-types").InferProps<{
+            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: import("prop-types").Requireable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            content: import("prop-types").Requireable<string>;
+        }>>;
+        menuLinks: import("prop-types").Requireable<import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            numberOfDisplayedItems: import("prop-types").Requireable<number>;
+            isDesktopMode: import("prop-types").Requireable<boolean>;
+            withScroll: 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)[]>;
+        }>>;
+        expandableList: import("prop-types").Requireable<import("prop-types").InferProps<{
+            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"}