@coorpacademy/components 11.14.0 → 11.14.1-alpha.3.27

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

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+import { propTypes as ContactPropTypes } from '../../../molecule/privacy-policy-contact/types';
+export const propTypes = {
+  subArticles: PropTypes.arrayOf(PropTypes.shape({
+    subTitle: PropTypes.string,
+    text: PropTypes.string,
+    image: PropTypes.string,
+    backButtonText: PropTypes.string
+  })),
+  title: PropTypes.string,
+  backButton: {
+    size: PropTypes.string,
+    'data-name': PropTypes.string,
+    'aria-label': PropTypes.string,
+    icon: PropTypes.string,
+    onClick: PropTypes.func
+  },
+  privacyPolicyContact: ContactPropTypes
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","ContactPropTypes","subArticles","arrayOf","shape","subTitle","string","text","image","backButtonText","title","backButton","size","icon","onClick","func","privacyPolicyContact"],"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,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAEEC,SAAS,IAAIC,gBAFf,QAGO,gDAHP;AAKA,OAAO,MAAMD,SAAS,GAAG;EACvBE,WAAW,EAAEH,SAAS,CAACI,OAAV,CACXJ,SAAS,CAACK,KAAV,CAAgB;IACdC,QAAQ,EAAEN,SAAS,CAACO,MADN;IAEdC,IAAI,EAAER,SAAS,CAACO,MAFF;IAGdE,KAAK,EAAET,SAAS,CAACO,MAHH;IAIdG,cAAc,EAAEV,SAAS,CAACO;EAJZ,CAAhB,CADW,CADU;EASvBI,KAAK,EAAEX,SAAS,CAACO,MATM;EAUvBK,UAAU,EAAE;IACVC,IAAI,EAAEb,SAAS,CAACO,MADN;IAEV,aAAaP,SAAS,CAACO,MAFb;IAGV,cAAcP,SAAS,CAACO,MAHd;IAIVO,IAAI,EAAEd,SAAS,CAACO,MAJN;IAKVQ,OAAO,EAAEf,SAAS,CAACgB;EALT,CAVW;EAiBvBC,oBAAoB,EAAEf;AAjBC,CAAlB"}

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

@@ -0,0 +1,34 @@
+/// <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>;
+        };
+        isMoocCard: import("prop-types").Requireable<boolean>;
+        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/es/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/es/template/common/faq-cards-page/index.js

@@ -0,0 +1,45 @@
+import _map from "lodash/fp/map";
+
+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); }
+
+import React from 'react';
+import Hero from '../../../molecule/hero';
+import PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';
+import QuickAccessCard from '../../../molecule/quick-access-card';
+import { propTypes } from './types';
+import styles from './style.css';
+
+const FAQCardsPage = ({
+  header,
+  privacyPolicyContact,
+  quickAccessList,
+  title,
+  description
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.wrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.hero
+  }, /*#__PURE__*/React.createElement(Hero, _extends({}, header, {
+    mode: 'header'
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, title), /*#__PURE__*/React.createElement("h6", {
+    className: styles.description
+  }, description)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.group
+  }, _map(item => {
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.card,
+      key: `card-quick-access-faq-${item.title}`
+    }, /*#__PURE__*/React.createElement(QuickAccessCard, item));
+  }, quickAccessList)))), /*#__PURE__*/React.createElement("div", {
+    className: styles.privacyPolicyContact
+  }, /*#__PURE__*/React.createElement(PrivacyPolicyContact, privacyPolicyContact)));
+};
+
+FAQCardsPage.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default FAQCardsPage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Hero","PrivacyPolicyContact","QuickAccessCard","propTypes","styles","FAQCardsPage","header","privacyPolicyContact","quickAccessList","title","description","wrapper","hero","container","group","item","card"],"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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,oBAAP,MAAiC,0CAAjC;AACA,OAAOC,eAAP,MAA4B,qCAA5B;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,YAAY,GAAG,CAAC;EACpBC,MADoB;EAEpBC,oBAFoB;EAGpBC,eAHoB;EAIpBC,KAJoB;EAKpBC;AALoB,CAAD,KAMR;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,8CACE;IAAI,SAAS,EAAET,MAAM,CAACK;EAAtB,GAA8BA,KAA9B,CADF,eAEE;IAAI,SAAS,EAAEL,MAAM,CAACM;EAAtB,GAAoCA,WAApC,CAFF,CADF,eAKE,8CACE;IAAK,SAAS,EAAEN,MAAM,CAACU;EAAvB,GACG,KAAIC,IAAI,IAAI;IACX,oBACE;MAAK,SAAS,EAAEX,MAAM,CAACY,IAAvB;MAA6B,GAAG,EAAG,yBAAwBD,IAAI,CAACN,KAAM;IAAtE,gBACE,oBAAC,eAAD,EAAqBM,IAArB,CADF,CADF;EAKD,CANA,EAMEP,eANF,CADH,CADF,CALF,CAJF,eAqBE;IAAK,SAAS,EAAEJ,MAAM,CAACG;EAAvB,gBACE,oBAAC,oBAAD,EAA0BA,oBAA1B,CADF,CArBF,CADF;AA2BD,CAlCD;;AAoCAF,YAAY,CAACF,SAAb,2CAAyBA,SAAzB;AAEA,eAAeE,YAAf"}

package/es/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/es/template/common/faq-cards-page/types.d.ts

@@ -0,0 +1,44 @@
+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>;
+    };
+    isMoocCard: PropTypes.Requireable<boolean>;
+    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';
+};
+export declare type Props = {
+    header: HeroProps;
+    privacyPolicyContact: ContactProps;
+    title: string;
+    description: string;
+    isMoocCard: boolean;
+    quickAccessList: QuickAccessItem[];
+};
+//# sourceMappingURL=types.d.ts.map

package/es/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;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,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,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,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,eAAe,EAAE,CAAC;CACpC,CAAC"}

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

@@ -0,0 +1,13 @@
+import PropTypes from 'prop-types';
+import { propTypes as ContactPropTypes } from '../../../molecule/privacy-policy-contact/types';
+import { propTypes as HeroPropTypes } from '../../../molecule/hero/types';
+import QuickAccessCard from '../../../molecule/quick-access-card';
+export const propTypes = {
+  header: HeroPropTypes,
+  title: PropTypes.string,
+  description: PropTypes.string,
+  privacyPolicyContact: ContactPropTypes,
+  isMoocCard: PropTypes.bool,
+  quickAccessList: PropTypes.arrayOf(PropTypes.shape(QuickAccessCard.propTypes))
+};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","ContactPropTypes","HeroPropTypes","QuickAccessCard","header","title","string","description","privacyPolicyContact","isMoocCard","bool","quickAccessList","arrayOf","shape"],"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  isMoocCard: PropTypes.bool,\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};\n\nexport type Props = {\n  header: HeroProps;\n  privacyPolicyContact: ContactProps;\n  title: string;\n  description: string;\n  isMoocCard: boolean;\n  quickAccessList: QuickAccessItem[];\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAEEC,SAAS,IAAIC,gBAFf,QAGO,gDAHP;AAIA,SAA4BD,SAAS,IAAIE,aAAzC,QAA6D,8BAA7D;AACA,OAAOC,eAAP,MAA4B,qCAA5B;AAEA,OAAO,MAAMH,SAAS,GAAG;EACvBI,MAAM,EAAEF,aADe;EAEvBG,KAAK,EAAEN,SAAS,CAACO,MAFM;EAGvBC,WAAW,EAAER,SAAS,CAACO,MAHA;EAIvBE,oBAAoB,EAAEP,gBAJC;EAKvBQ,UAAU,EAAEV,SAAS,CAACW,IALC;EAMvBC,eAAe,EAAEZ,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,KAAV,CAAgBV,eAAe,CAACH,SAAhC,CAAlB;AANM,CAAlB"}

package/es/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/es/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/es/template/common/faq-page/index.js

@@ -0,0 +1,44 @@
+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); }
+
+import React from 'react';
+import Hero from '../../../molecule/hero';
+import PrivacyPolicyContact from '../../../molecule/privacy-policy-contact';
+import MenuLinks from '../../../molecule/menu-links';
+import ExpandableList from '../../../molecule/expandable-list';
+import { propTypes } from './types';
+import styles from './style.css';
+
+const FAQPage = ({
+  header,
+  privacyPolicyContact,
+  menuLinks,
+  expandableList
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.wrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.hero
+  }, /*#__PURE__*/React.createElement(Hero, _extends({}, header, {
+    mode: 'header'
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.menuContainer
+  }, /*#__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: true
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: styles.expandableList
+  }, /*#__PURE__*/React.createElement(ExpandableList, expandableList))), /*#__PURE__*/React.createElement("div", {
+    className: styles.privacyPolicyContact
+  }, /*#__PURE__*/React.createElement(PrivacyPolicyContact, privacyPolicyContact)));
+};
+
+FAQPage.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default FAQPage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Hero","PrivacyPolicyContact","MenuLinks","ExpandableList","propTypes","styles","FAQPage","header","privacyPolicyContact","menuLinks","expandableList","wrapper","hero","container","menuContainer","menueLinksDesctop","menueLinksMobile"],"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,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,oBAAP,MAAiC,0CAAjC;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;;AAEA,MAAMC,OAAO,GAAG,CAAC;EAACC,MAAD;EAASC,oBAAT;EAA+BC,SAA/B;EAA0CC;AAA1C,CAAD,KAAsE;EACpF,oBACE;IAAK,SAAS,EAAEL,MAAM,CAACM;EAAvB,gBACE;IAAK,SAAS,EAAEN,MAAM,CAACO;EAAvB,gBACE,oBAAC,IAAD,eAAUL,MAAV;IAAkB,IAAI,EAAE;EAAxB,GADF,CADF,eAIE;IAAK,SAAS,EAAEF,MAAM,CAACQ;EAAvB,gBACE;IAAK,SAAS,EAAER,MAAM,CAACS;EAAvB,gBACE;IAAK,SAAS,EAAET,MAAM,CAACU;EAAvB,gBACE,oBAAC,SAAD,eAAeN,SAAf;IAA0B,aAAa;EAAvC,GADF,CADF,eAIE;IAAK,SAAS,EAAEJ,MAAM,CAACW;EAAvB,gBACE,oBAAC,SAAD,eAAeP,SAAf;IAA0B,aAAa;EAAvC,GADF,CAJF,CADF,eASE;IAAK,SAAS,EAAEJ,MAAM,CAACK;EAAvB,gBACE,oBAAC,cAAD,EAAoBA,cAApB,CADF,CATF,CAJF,eAiBE;IAAK,SAAS,EAAEL,MAAM,CAACG;EAAvB,gBACE,oBAAC,oBAAD,EAA0BA,oBAA1B,CADF,CAjBF,CADF;AAuBD,CAxBD;;AA0BAF,OAAO,CAACF,SAAR,2CAAoBA,SAApB;AAEA,eAAeE,OAAf"}

package/es/template/common/faq-page/style.css

@@ -0,0 +1,104 @@
+@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 {
+  background-color: cm_grey_50;
+}
+
+.hero {
+  height: 228px;
+  width: 100%;
+}
+
+.container {
+  display: flex;
+  flex-direction: row;
+  margin: 40px auto;
+  padding: 0px 40px;
+  justify-content: center;
+}
+
+.menuContainer {
+  margin-right: 32px;
+  min-width: 308px;
+  max-width: 388px;
+}
+
+.menueLinksDesctop {
+  display: block;
+}
+
+.menueLinksMobile {
+  display: none;
+}
+
+.privacyPolicyContact{
+  width: 100%;
+  height: 86px;
+}
+
+.expandableList {
+  min-width: 533px;
+  max-width: 748px;
+  width: 100%;
+}
+
+@media tablet {
+  .container {
+    display: flex;
+    flex-direction: column;
+    margin: 40px;
+    padding: 0px;
+  }
+  .menuContainer {
+    margin: 0px 0px 16px 0px;
+    width: 100%;
+    min-width: inherit;
+    max-width: inherit;
+  }
+  .expandableList {
+    min-width: inherit;
+    max-width: inherit;
+    width: 100%;
+  }
+  .menueLinksDesctop {
+    display: none;
+  }
+  .menueLinksMobile {
+    display: block;
+  }
+}
+
+@media mobile {
+  .hero {
+    height: 264px;
+    width: 100%;
+  }
+  .container {
+    display: flex;
+    flex-direction: column;
+    margin: 40px 24px;
+    padding: 0px;
+  }
+  .menuContainer {
+    margin: 0px 0px 16px 0px;
+    width: 100%;
+    min-width: inherit;
+    max-width: inherit;
+  }
+  .expandableList {
+    min-width: inherit;
+    max-width: inherit;
+    width: 100%;
+  }
+  .menueLinksDesctop {
+    display: none;
+  }
+  .menueLinksMobile {
+    display: block;
+  }
+}

package/es/template/common/faq-page/types.d.ts

@@ -0,0 +1,86 @@
+import { Props as ContactProps } from '../../../molecule/privacy-policy-contact/types';
+import { Props as DownloadProps } from '../../../molecule/privacy-policy-download/types';
+import { Props as HeroProps } from '../../../molecule/hero/types';
+import { Props as MenuLinksProps } from '../../../molecule/menu-links/types';
+import { Props as ListProps } from '../../../molecule/expandable-list/types';
+export declare const 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 declare type Props = {
+    header: HeroProps;
+    privacyPolicyContact: ContactProps;
+    menuLinks: MenuLinksProps;
+    privacyPolicyDownload: DownloadProps;
+    expandableList: ListProps;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/template/common/faq-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/template/common/faq-page/types.js

@@ -0,0 +1,13 @@
+import { propTypes as ContactPropTypes } from '../../../molecule/privacy-policy-contact/types';
+import { propTypes as DownloadPropTypes } from '../../../molecule/privacy-policy-download/types';
+import { propTypes as HeroPropTypes } from '../../../molecule/hero/types';
+import { propTypes as MenuLinksPropTypes } from '../../../molecule/menu-links/types';
+import { propTypes as ListPropTypes } from '../../../molecule/expandable-list/types';
+export const propTypes = {
+  header: HeroPropTypes,
+  privacyPolicyContact: ContactPropTypes,
+  menuLinks: MenuLinksPropTypes,
+  privacyPolicyDownload: DownloadPropTypes,
+  expandableList: ListPropTypes
+};
+//# sourceMappingURL=types.js.map

package/es/template/common/faq-page/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["propTypes","ContactPropTypes","DownloadPropTypes","HeroPropTypes","MenuLinksPropTypes","ListPropTypes","header","privacyPolicyContact","menuLinks","privacyPolicyDownload","expandableList"],"sources":["../../../../src/template/common/faq-page/types.ts"],"sourcesContent":["import {\n  Props as ContactProps,\n  propTypes as ContactPropTypes\n} from '../../../molecule/privacy-policy-contact/types';\nimport {\n  Props as DownloadProps,\n  propTypes as DownloadPropTypes\n} from '../../../molecule/privacy-policy-download/types';\nimport {Props as HeroProps, propTypes as HeroPropTypes} from '../../../molecule/hero/types';\nimport {\n  Props as MenuLinksProps,\n  propTypes as MenuLinksPropTypes\n} from '../../../molecule/menu-links/types';\nimport {\n  Props as ListProps,\n  propTypes as ListPropTypes\n} from '../../../molecule/expandable-list/types';\n\nexport const propTypes = {\n  header: HeroPropTypes,\n  privacyPolicyContact: ContactPropTypes,\n  menuLinks: MenuLinksPropTypes,\n  privacyPolicyDownload: DownloadPropTypes,\n  expandableList: ListPropTypes\n};\n\nexport type Props = {\n  header: HeroProps;\n  privacyPolicyContact: ContactProps;\n  menuLinks: MenuLinksProps;\n  privacyPolicyDownload: DownloadProps;\n  expandableList: ListProps;\n};\n"],"mappings":"AAAA,SAEEA,SAAS,IAAIC,gBAFf,QAGO,gDAHP;AAIA,SAEED,SAAS,IAAIE,iBAFf,QAGO,iDAHP;AAIA,SAA4BF,SAAS,IAAIG,aAAzC,QAA6D,8BAA7D;AACA,SAEEH,SAAS,IAAII,kBAFf,QAGO,oCAHP;AAIA,SAEEJ,SAAS,IAAIK,aAFf,QAGO,yCAHP;AAKA,OAAO,MAAML,SAAS,GAAG;EACvBM,MAAM,EAAEH,aADe;EAEvBI,oBAAoB,EAAEN,gBAFC;EAGvBO,SAAS,EAAEJ,kBAHY;EAIvBK,qBAAqB,EAAEP,iBAJA;EAKvBQ,cAAc,EAAEL;AALO,CAAlB"}