@coorpacademy/components 10.4.3-alpha.0 → 10.4.6-alpha.1

package/lib/organism/course-selection/test/fixtures/switch-activated.js

@@ -20,7 +20,7 @@ var _default = {
     courses: [_selectableTrue.default.props, _selectableTrue.default.props],
     switchButton: {
       type: 'switch',
-      title: 'Show selected courses only',
+      title: 'Show selected only',
       value: true,
       onChange: value => console.log(value),
       titlePosition: 'right',

package/lib/organism/course-selection/test/fixtures/switch-activated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/switch-activated.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,wBAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CAACC,wBAAaV,KAAd,EAAqBU,wBAAaV,KAAlC,CATJ;AAULW,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZV,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,IAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZS,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAVT;AADM,C","sourcesContent":["import SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'from mass maket to one',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [SelectedCard.props, SelectedCard.props],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected courses only',\n      value: true,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"switch-activated.js"}
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/switch-activated.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,wBAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CAACC,wBAAaV,KAAd,EAAqBU,wBAAaV,KAAlC,CATJ;AAULW,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZV,MAAAA,KAAK,EAAE,oBAFK;AAGZE,MAAAA,KAAK,EAAE,IAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZS,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAVT;AADM,C","sourcesContent":["import SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: 'from mass maket to one',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [SelectedCard.props, SelectedCard.props],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected only',\n      value: true,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"switch-activated.js"}

package/lib/organism/course-selection/test/fixtures/unsorted-selected.js

@@ -40,7 +40,7 @@ var _default = {
     })],
     switchButton: {
       type: 'switch',
-      title: 'Show selected courses only',
+      title: 'Show selected only',
       value: false,
       onChange: value => console.log(value),
       titlePosition: 'right',

package/lib/organism/course-selection/test/fixtures/unsorted-selected.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/unsorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","UnSelectedCard","Article","isSelected","Scorm","ExternalContent","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,EAEPW,yBAAeX,KAFR,wBAGHY,iBAAQZ,KAHL;AAGYa,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAaV,KAJN,wBAKHc,eAAMd,KALH;AAKUa,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAeX,KANZ;AAMmBa,MAAAA,UAAU,EAAE;AAN/B,8BAOHE,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE;AAPhC,8BAQHC,eAAMd,KARH;AAQUa,MAAAA,UAAU,EAAE;AARtB,OATJ;AAmBLG,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZf,MAAAA,KAAK,EAAE,4BAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZc,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAnBT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false},\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      {...UnSelectedCard.props, isSelected: false},\n      {...ExternalContent.props, isSelected: false},\n      {...Scorm.props, isSelected: false}\n    ],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected courses only',\n      value: false,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"unsorted-selected.js"}
+{"version":3,"sources":["../../../../../src/organism/course-selection/test/fixtures/unsorted-selected.js"],"names":["props","search","title","placeholder","value","description","onChange","console","log","courses","SelectedCard","UnSelectedCard","Article","isSelected","Scorm","ExternalContent","switchButton","type","titlePosition","theme"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;eAEe;AACbA,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,KAAK,EAAE,WADD;AAENC,MAAAA,WAAW,EAAE,WAFP;AAGNC,MAAAA,KAAK,EAAE,EAHD;AAINC,MAAAA,WAAW,EAAE,4BAJP;AAKNC,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ;AALb,KADH;AAQL,oCAAgC,iBAR3B;AASLK,IAAAA,OAAO,EAAE,CACPC,wBAAaV,KADN,EAEPW,yBAAeX,KAFR,wBAGHY,iBAAQZ,KAHL;AAGYa,MAAAA,UAAU,EAAE;AAHxB,QAIPH,wBAAaV,KAJN,wBAKHc,eAAMd,KALH;AAKUa,MAAAA,UAAU,EAAE;AALtB,8BAMHF,yBAAeX,KANZ;AAMmBa,MAAAA,UAAU,EAAE;AAN/B,8BAOHE,yBAAgBf,KAPb;AAOoBa,MAAAA,UAAU,EAAE;AAPhC,8BAQHC,eAAMd,KARH;AAQUa,MAAAA,UAAU,EAAE;AARtB,OATJ;AAmBLG,IAAAA,YAAY,EAAE;AACZC,MAAAA,IAAI,EAAE,QADM;AAEZf,MAAAA,KAAK,EAAE,oBAFK;AAGZE,MAAAA,KAAK,EAAE,KAHK;AAIZE,MAAAA,QAAQ,EAAEF,KAAK,IAAIG,OAAO,CAACC,GAAR,CAAYJ,KAAZ,CAJP;AAKZc,MAAAA,aAAa,EAAE,OALH;AAMZC,MAAAA,KAAK,EAAE;AANK;AAnBT;AADM,C","sourcesContent":["import UnSelectedCard from '../../../../molecule/card/test/fixtures/selectable-false';\nimport SelectedCard from '../../../../molecule/card/test/fixtures/selectable-true';\nimport Article from '../../../../molecule/card/test/fixtures/article';\nimport Scorm from '../../../../molecule/card/test/fixtures/scorm';\nimport ExternalContent from '../../../../molecule/card/test/fixtures/external-content';\n\nexport default {\n  props: {\n    search: {\n      title: 'Search...',\n      placeholder: 'Search...',\n      value: '',\n      description: 'Type to filter the courses',\n      onChange: value => console.log(value)\n    },\n    'courses-selection-aria-label': 'Courses results',\n    courses: [\n      SelectedCard.props,\n      UnSelectedCard.props,\n      {...Article.props, isSelected: false},\n      SelectedCard.props,\n      {...Scorm.props, isSelected: true},\n      {...UnSelectedCard.props, isSelected: false},\n      {...ExternalContent.props, isSelected: false},\n      {...Scorm.props, isSelected: false}\n    ],\n    switchButton: {\n      type: 'switch',\n      title: 'Show selected only',\n      value: false,\n      onChange: value => console.log(value),\n      titlePosition: 'right',\n      theme: 'coorpmanager'\n    }\n  }\n};\n"],"file":"unsorted-selected.js"}

package/lib/organism/discussion/style.css

@@ -20,7 +20,7 @@
 }
 
 .thread h1 {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 20px;
   font-weight: bold;
   text-align: left;

package/lib/organism/get-the-app/style.css

@@ -14,7 +14,7 @@
   flex-direction: column;
   justify-items: center;
   align-items: center;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   background-color: white;
   margin-bottom: 10px;
   border-radius: 8px;

package/lib/organism/hero/style.css

@@ -23,7 +23,7 @@
 }
 
 .label {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 700;
   font-size: 17px;
   color: white;

package/lib/organism/mooc-footer/style.css

@@ -47,7 +47,7 @@
   line-height: normal;
   letter-spacing: 1px;
   color: white;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 14px;
   text-transform: uppercase;
 }
@@ -68,7 +68,7 @@
   display: flex;
   flex-wrap: nowrap;
   flex-direction: row;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   background-color: black;
 }
 
@@ -137,7 +137,7 @@
   padding-top: 24px;
   display: flex;
   flex-wrap: nowrap;
-  list-style: non;
+  list-style: none;
 }
 
 .socialLink {

package/lib/organism/mooc-header/style.css

@@ -89,7 +89,7 @@
   padding: 0 20px;
   cursor: pointer;
   color: dark;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   font-weight: 600;
   display: flex;
@@ -130,7 +130,7 @@
   padding: 0 10px;
   font-size: 13px;
   color: dark;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   line-height: 40px;
   font-weight: 600;
   align-items: center;
@@ -169,7 +169,7 @@
   padding: 0 15px;
   cursor: pointer;
   color: dark;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   font-weight: 600;
   display: flex;
@@ -285,7 +285,7 @@
   position: absolute;
   top: -5px;
   right: -5px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-weight: 700;
   font-size: 10px;
   line-height: 16px;
@@ -357,7 +357,7 @@
 }
 
 .stat .label {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 10px;
   font-weight: 700;
   color: dark;
@@ -446,7 +446,7 @@
 }
 
 .setting .label {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   font-weight: 600;
   color: dark;
@@ -457,7 +457,7 @@
 }
 
 .setting .link {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   font-weight: 600;
   color: dark;
@@ -465,7 +465,7 @@
 }
 
 .closeSettings {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   font-weight: 600;
   color: medium;

package/lib/organism/popin/style.css

@@ -7,6 +7,7 @@
 @value white from colors;
 
 .default {
+  font-family: Gilroy;
   position: fixed;
   z-index: 20;
   top: 0;

package/lib/organism/sidebar/style.css

@@ -16,7 +16,7 @@
 .sidebar {
   color: dark;
   width: 100%;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
 }
 
 .sidebarPart {
@@ -89,7 +89,7 @@
 }
 
 .input {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   text-transform: none;
   padding: 0 15px;
   border: solid 1px light;

package/lib/organism/user-preferences/style.css

@@ -19,7 +19,7 @@
 }
 
 .fontBase {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 12px;
 }
 

package/lib/organism/wizard-contents/style.css

@@ -97,7 +97,7 @@
 
   .footer {
     display: flex;
-    align-items: end;
+    align-items: flex-end;
     bottom: 10px;
     position: sticky;
     z-index: 1;

package/lib/template/activity/engine-stars.css

@@ -89,7 +89,7 @@
 }
 .score {
   display: flex;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 22px;
   font-weight: bold;
   text-align: left;
@@ -114,7 +114,7 @@
 .scoreTitle {
   display: block;
   height: auto;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   text-align: left;
   color: dark;
@@ -171,7 +171,7 @@
   padding: 10px;
   margin: 0;
   border-radius: 3px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 12px;
   width: 270px;
   background-color: white;

package/lib/template/activity/progression-item.css

@@ -72,9 +72,10 @@
 }
 
 .label {
+  display: flex;
   width: 80%;
   height: 23px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 17px;
   font-weight: 600;
   text-align: left;
@@ -87,7 +88,7 @@
 .stars {
   width: 20%;
   height: 23px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 17px;
   font-weight: bold;
   text-align: right;
@@ -113,7 +114,7 @@
   flex-direction: row;
   width: auto;
   height: 17px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 12px;
   font-weight: bold;
   text-align: left;
@@ -147,7 +148,7 @@
 
 .level {
   height: 17px;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 12px;
   font-weight: 100;
   text-align: right;

package/lib/template/activity/stars-summary.css

@@ -57,7 +57,7 @@
     padding: 0 0 0 10px;
     margin: 0;
     height: auto;
-    font-family: 'Open Sans';
+    font-family: 'Gilroy';
     font-size: 24px;
     font-weight: bold;
     color: white;
@@ -66,7 +66,7 @@
 }
 
 .totalStars span {
-    font-family: 'Open Sans';
+    font-family: 'Gilroy';
     font-size: 13px;
     text-align: left;
     color: white;

package/lib/template/activity/style.css

@@ -17,7 +17,7 @@
 }
 
 .mainTitle {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 17px;
   font-weight: 300;
   color: black;
@@ -65,7 +65,7 @@
 }
 
 .recommendationSection {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   font-weight: 300;
   text-align: left;
@@ -76,7 +76,7 @@
 }
 
 .recommendationSection .course {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   font-weight: bold;
   text-align: left;

package/lib/template/app-player/player/slides/footer/style.css

@@ -97,7 +97,7 @@
 
 .title {
   margin-top: 4px;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-weight: 700;
   font-size: 13px;
   color: black;

package/lib/template/app-player/player/slides/header/learner.css

@@ -43,7 +43,7 @@
 }
 
 .contentTitle {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   color: inherit;
   font-weight: 700;
@@ -55,7 +55,7 @@
 }
 
 .contentDetails {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 10px;
   font-weight: 700;
 }
@@ -71,7 +71,7 @@
 }
 
 .subcontentTitle {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   font-weight: 500;
   color: dark;
@@ -81,7 +81,7 @@
 }
 
 .subcontentDetails {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   font-weight: 700;
   color: dark;

package/lib/template/app-player/player/slides/header/microlearning.css

@@ -26,7 +26,7 @@
 }
 
 .contentTitle {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
   color: inherit;
   font-weight: 500;

package/lib/template/app-player/player/slides/style.css

@@ -12,6 +12,7 @@
 @value white from colors; 
 
 .wrapper {
+  font-family: Gilroy;
   position: relative;
   box-shadow: 0 0 4px 5px rgba(0, 0, 0, 0.04);
   display: flex;
@@ -92,7 +93,7 @@
   z-index: 1;
   background-color: light;
   color: dark;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-weight: 700;
   font-size: 15px;
   line-height: 17px;
@@ -150,7 +151,7 @@
 }
 
 .question {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 20px;
   font-weight: 600;
   color: black;
@@ -163,7 +164,7 @@
 }
 
 .contextTitle {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 20px;
   font-weight: 600;
   color: black;
@@ -175,7 +176,7 @@
 }
 
 .helpView {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 15px;
   font-weight: 500;
   color: medium;
@@ -190,7 +191,7 @@
   padding-left: 25px;
   padding-right: 25px;
   font-size: 16px;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   min-width: 160px;
   text-align: center;
 }
@@ -204,7 +205,7 @@
   flex-grow: 0.1;
   padding-top: 15px;
   align-items: flex-end;
-  font-family: "Open Sans";
+  font-family: "Gilroy";
 }
 
 .resourcesWrapper {
@@ -222,7 +223,7 @@
 }
 
 .stars {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-weight: 700;
   font-size: 15px;
   color: grey;
@@ -239,7 +240,7 @@
 }
 
 .contextDescription {
-  font-family: "Open Sans";
+  font-family: "Gilroy";
   font-size: 14px;
   color: grey;
   width: 100%;

package/lib/template/app-player/popin-correction/style.css

@@ -29,7 +29,7 @@
 
 .titleLink {
   color: white;
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 13px;
 }
 
@@ -94,7 +94,7 @@
 }
 
 .text {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 15px;
   margin: 0;
 }
@@ -239,7 +239,7 @@
 
 .quitCta {
   composes: hoverFill from '../../../atom/button/hover-fill.css';
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   font-weight: 700;
   background-color: white;

package/lib/template/app-player/popin-end/summary.css

@@ -29,7 +29,7 @@
 
 .footer {
   composes: hoverFill from '../../../atom/button/hover-fill.css';
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   font-size: 16px;
   font-weight: 700;
   background-color: white;
@@ -59,7 +59,7 @@
 }
 
 .text {
-  font-family: 'Open Sans';
+  font-family: 'Gilroy';
   color: dark;
 }
 
@@ -243,7 +243,7 @@
 }
 
 .commentSectionTexts p {
-  font-family: Open Sans;
+  font-family: Gilroy;
   color: dark;
   font-size: 19px;
   font-weight: 700;
@@ -267,7 +267,7 @@
 }
 
 .commentSectionLink {
-  font-family: Open Sans;
+  font-family: Gilroy;
   font-size: 12px;
   color: dark;
   text-decoration: underline;

package/lib/template/app-player/popin-end/summary.js

@@ -3,6 +3,8 @@
 exports.__esModule = true;
 exports.default = void 0;
 
+var _isEmpty2 = _interopRequireDefault(require("lodash/fp/isEmpty"));
+
 var _keys2 = _interopRequireDefault(require("lodash/fp/keys"));
 
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
@@ -247,11 +249,11 @@ const Cards = props => {
   const {
     cards
   } = props;
-  return (0, _get2.default)('cards', props) === null ? /*#__PURE__*/_react.default.createElement(CardsLoader, null) : (cards ? /*#__PURE__*/_react.default.createElement("div", {
+  return (0, _get2.default)('cards', props) === null ? /*#__PURE__*/_react.default.createElement(CardsLoader, null) : ((0, _isEmpty2.default)(cards) ? null : /*#__PURE__*/_react.default.createElement("div", {
     className: _summary.default.cardsWrapper
   }, /*#__PURE__*/_react.default.createElement(_cardsList.default, _extends({}, props, {
     dataName: 'popin-end-recommendation'
-  }))) : null) || null;
+  })))) || null;
 };
 
 Cards.propTypes = process.env.NODE_ENV !== "production" ? _cardsList.default.propTypes : {};

package/lib/template/app-player/popin-end/summary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-end/summary.js"],"names":["Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","style","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","PropTypes","string","shape","Button","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","CardsList","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","Link","children","contextTypes","Provider","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Discussion","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","primary","commentView","discussionWrapper","footerView","feedbackView","summaryWrapper","PopinHeader","href","url","func","isRequired","Feedback"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport {innerHTML} from '../../../atom/label/style.css';\nimport PopinHeader from '../popin-header';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (cards ? (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    ) : null) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView = footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} /> : null;\n\n  return (\n    <div className={style.summaryWrapper}>\n      <Header {...header} />\n      {feedbackView}\n      <Action {...action} color={primary} />\n      <Cards {...recommendation} />\n      {commentView}\n      {footerView}\n    </div>\n  );\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: PropTypes.url,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes)\n};\n\nexport default Summary;\n"],"file":"summary.js"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-end/summary.js"],"names":["Header","props","SimpleAction","color","prefix","title","button","buttonTitle","linkProps","style","simpleWrapper","simpleTexts","simplePrefix","simpleTitle","innerHTML","__html","backgroundColor","simpleButton","propTypes","PropTypes","string","shape","Button","NextCourse","card","nextCourseWrapper","nextCourseTexts","nextCoursePrefix","nextCourseTitle","nextCourseCard","CardsList","Subscribe","description","subscribeWrapper","subscribeTexts","subscribeDescription","subscribeTitle","subscribeButtonWrapper","subscribeButton","submitValue","actions","simple","subscribe","nextCourse","Action","type","actionProps","Type","oneOf","CardsLoader","loaderWrapper","CommentConfirmation","context","onClick","commentSectionTitle","confirmationLinkText","skin","dark","commentSection","commentSectionIconWrapper","commentSectionIcon","commentSectionTexts","commentSectionLink","node","Link","children","contextTypes","Provider","childContextTypes","CommentSection","isSent","edition","confirmation","bool","Discussion","Cards","cards","cardsWrapper","Footer","footer","Summary","header","recommendation","comment","action","feedback","primary","commentView","discussionWrapper","footerView","feedbackView","summaryWrapper","PopinHeader","href","url","func","isRequired","Feedback"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {get, getOr, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {NovaSolidStatusCheckCircle2 as CheckIcon} from '@coorpacademy/nova-icons';\nimport Provider from '../../../atom/provider';\nimport Button from '../../../atom/button';\nimport Link from '../../../atom/link';\nimport Discussion from '../../../organism/discussion';\nimport Loader from '../../../atom/loader';\nimport Card from '../../../molecule/card';\nimport Feedback from '../../../molecule/feedback';\nimport CardsList from '../../../molecule/dashboard/cards-list';\nimport {innerHTML} from '../../../atom/label/style.css';\nimport PopinHeader from '../popin-header';\nimport style from './summary.css';\n\nconst Header = props => <PopinHeader {...props} />;\n\nconst SimpleAction = ({color, prefix, title, button}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div data-name=\"simpleAction\" className={style.simpleWrapper}>\n      <div className={style.simpleTexts}>\n        <span data-name=\"simplePrefix\" className={style.simplePrefix}>\n          {prefix}\n        </span>\n        <span\n          data-name=\"simpleTitle\"\n          className={classnames(style.simpleTitle, innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n      </div>\n      <Button\n        {...linkProps}\n        type=\"link\"\n        style={{\n          backgroundColor: color\n        }}\n        className={style.simpleButton}\n        submitValue={buttonTitle}\n      />\n    </div>\n  );\n};\nSimpleAction.propTypes = {\n  color: PropTypes.string,\n  prefix: PropTypes.string,\n  title: PropTypes.string,\n  button: PropTypes.shape(Button.propTypes)\n};\n\nconst NextCourse = ({title, prefix, card}) => (\n  <div data-name=\"nextCourse\" className={style.nextCourseWrapper}>\n    <div className={style.nextCourseTexts}>\n      <div className={style.nextCoursePrefix}>{prefix}</div>\n      <div\n        className={classnames(style.nextCourseTitle, innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: title}}\n      />\n    </div>\n    <div className={style.nextCourseCard}>\n      <Card {...card} dataName={'popin-end-next-course'} />\n    </div>\n  </div>\n);\nNextCourse.propTypes = {\n  title: PropTypes.string,\n  prefix: PropTypes.string,\n  card: PropTypes.shape(CardsList.propTypes)\n};\n\nconst Subscribe = ({title, description, button, card}) => {\n  const {title: buttonTitle, ...linkProps} = button;\n  return (\n    <div className={style.subscribeWrapper}>\n      <div className={style.subscribeTexts}>\n        <div className={style.subscribeDescription}>{description}</div>\n        <div\n          className={classnames(style.subscribeTitle, innerHTML)}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <div className={style.subscribeButtonWrapper}>\n          <Button\n            {...linkProps}\n            type=\"link\"\n            className={style.subscribeButton}\n            submitValue={buttonTitle}\n          />\n        </div>\n      </div>\n      <div>\n        <Card {...card} dataName={'popin-end-subscribe'} />\n      </div>\n    </div>\n  );\n};\n\nSubscribe.propTypes = {\n  ...Button.propTypes.propTypes,\n  title: Button.propTypes.submitValue\n};\n\nconst actions = {\n  simple: SimpleAction,\n  subscribe: Subscribe,\n  nextCourse: NextCourse\n};\n\nconst Action = props => {\n  const {type, ...actionProps} = props;\n  const Type = get(type, actions);\n\n  return Type ? <Type {...actionProps} /> : null;\n};\n\nAction.propTypes = {\n  type: PropTypes.oneOf(keys(actions))\n};\n\nconst CardsLoader = () => (\n  <div className={style.loaderWrapper}>\n    <Loader />\n  </div>\n);\n\nconst CommentConfirmation = (props, context) => {\n  const {onClick, commentSectionTitle, confirmationLinkText} = props;\n  const {skin} = context;\n  const dark = get('common.dark', skin);\n\n  return (\n    <div className={style.commentSection}>\n      <div className={style.commentSectionIconWrapper}>\n        <CheckIcon className={style.commentSectionIcon} color={dark} />\n      </div>\n      <div className={style.commentSectionTexts}>\n        <p>{commentSectionTitle}</p>\n        <Link onClick={onClick} className={style.commentSectionLink}>\n          {confirmationLinkText}\n        </Link>\n      </div>\n    </div>\n  );\n};\n\nCommentConfirmation.propTypes = {\n  commentSectionTitle: PropTypes.node,\n  confirmationLinkText: Link.propTypes.children,\n  onClick: Link.propTypes.onClick\n};\n\nCommentConfirmation.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst CommentSection = props => {\n  const {isSent, edition, confirmation} = props;\n  if (isSent) {\n    const {onClick, commentSectionTitle, confirmationLinkText} = confirmation;\n    return (\n      <CommentConfirmation\n        onClick={onClick}\n        commentSectionTitle={commentSectionTitle}\n        confirmationLinkText={confirmationLinkText}\n      />\n    );\n  }\n\n  return <Discussion {...edition} />;\n};\n\nCommentSection.propTypes = {\n  isSent: PropTypes.bool,\n  edition: PropTypes.shape(Discussion.propTypes),\n  confirmation: PropTypes.shape(CommentConfirmation.propTypes)\n};\n\nconst Cards = props => {\n  const {cards} = props;\n\n  return get('cards', props) === null ? (\n    <CardsLoader />\n  ) : (\n    (isEmpty(cards) ? null : (\n      <div className={style.cardsWrapper}>\n        <CardsList {...props} dataName={'popin-end-recommendation'} />\n      </div>\n    )) || null\n  );\n};\n\nCards.propTypes = CardsList.propTypes;\n\nconst Footer = ({title, color, ...linkProps}) => (\n  <Link\n    {...linkProps}\n    style={{\n      color\n    }}\n    className={style.footer}\n    data-name=\"nextLink\"\n    data-popin=\"popinEnd\"\n    data-next=\"home\"\n  >\n    {title}\n  </Link>\n);\n\nFooter.propTypes = {\n  ...Link.propTypes,\n  title: Link.propTypes.children,\n  color: PropTypes.string\n};\n\nconst Summary = (props, context) => {\n  const {header, recommendation, comment, footer, action, feedback} = props;\n  const {skin} = context;\n  const primary = getOr('#f0f', 'common.primary', skin);\n  const commentView =\n    comment && header ? (\n      <div className={style.discussionWrapper}>\n        <CommentSection {...comment} />\n      </div>\n    ) : null;\n  const footerView = footer && header ? <Footer {...footer} color={primary} /> : null;\n  const feedbackView = feedback ? <Feedback {...feedback} /> : null;\n\n  return (\n    <div className={style.summaryWrapper}>\n      <Header {...header} />\n      {feedbackView}\n      <Action {...action} color={primary} />\n      <Cards {...recommendation} />\n      {commentView}\n      {footerView}\n    </div>\n  );\n};\n\nSummary.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nSummary.propTypes = {\n  header: PropTypes.shape(PopinHeader.propTypes),\n  footer: PropTypes.shape({\n    title: PropTypes.string,\n    href: PropTypes.url,\n    onClick: PropTypes.func\n  }),\n  comment: PropTypes.shape(CommentSection.propTypes),\n  action: PropTypes.shape({\n    type: PropTypes.oneOf(keys(actions)).isRequired\n  }),\n  recommendation: PropTypes.shape(CardsList.propTypes),\n  feedback: PropTypes.shape(Feedback.propTypes)\n};\n\nexport default Summary;\n"],"file":"summary.js"}

package/lib/template/app-player/popin-end/test/fixtures/without-recommendation.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _defaultsDeep2 = _interopRequireDefault(require("lodash/fp/defaultsDeep"));
+
+var _correct = _interopRequireDefault(require("./correct"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = (0, _defaultsDeep2.default)(_correct.default, {
+  props: {
+    summary: {
+      recommendation: {
+        title: 'You should try:',
+        cards: []
+      }
+    }
+  }
+});
+
+exports.default = _default;
+//# sourceMappingURL=without-recommendation.js.map