@coorpacademy/components 10.23.5 → 10.23.7

package/lib/template/app-player/player/slides/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":["MediaView","media","style","contextMedia","propTypes","Picture","src","ClueContent","props","context","text","starsDiff","onClickSeeClue","clueWrapper","PropTypes","string","number","func","Bar","total","color","current","_current","stepWidth","stepBar","backgroundColor","width","isRequired","ColorPropType","Step","step","stepCount","stepWrapper","shape","NewMedia","translate","onClick","guideWrapper","newMedia","contextTypes","Provider","childContextTypes","ReviewLesson","reviewLesson","AnswerContent","answerType","help","Answer","MediaContent","resources","starsToWin","count","Math","abs","resourcesWrapper","stars","ResourceBrowser","ContextImage","images","map","url","_id","arrayOf","ContextVideo","videos","videoId","childProps","VideoPlayer","CONTEXT_MEDIA","img","pdf","PDF","audio","Audio","video","ContextMedia","ContentType","type","contextWrapper","contextPdfWrapper","contextAudioWrapper","oneOfType","oneOf","ContextContent","slideContext","descriptionParagraphs","paragraphs","paragraph","index","contextDescription","innerHTML","__html","title","description","CONTENT_TYPE","answer","clue","Help","helpView","ValidateButton","cta","ctaWrapper","Cta","ContentLayout","typeClue","selectedTab","model","question","noPaddingRessources","contentWrapperNoPadding","contentWrapper","contextTitle","skin","LoadingLayout","loading","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","wrapper","contentProgression","TYPE","Footer","Header","backgroundUrl","SrcPropType"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,SAAS,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAa;AAC7B,sBACE;AAAK,IAAA,SAAS,EAAEC,eAAMC;AAAtB,kBACE,6BAAC,gBAAD;AAAS,IAAA,GAAG,EAAEF;AAAd,IADF,CADF;AAKD,CAND;;AAQAD,SAAS,CAACI,SAAV,2CAAsB;AACpBH,EAAAA,KAAK,EAAEI,iBAAQD,SAAR,CAAkBE;AADL,CAAtB;AAIA;;;;AAIA,MAAMC,WAAW,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACtC,QAAM;AAACC,IAAAA,IAAD;AAAOC,IAAAA,SAAP;AAAkBC,IAAAA;AAAlB,MAAoCJ,KAA1C;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEN,eAAMW;AAAtB,kBACE,6BAAC,aAAD;AAAM,IAAA,IAAI,EAAEH,IAAZ;AAAkB,IAAA,SAAS,EAAEC,SAA7B;AAAwC,IAAA,OAAO,EAAEC;AAAjD,IADF,CADF;AAKD,CARD;;AAUAL,WAAW,CAACH,SAAZ,2CAAwB;AACtBM,EAAAA,IAAI,EAAEI,mBAAUC,MADM;AAEtBJ,EAAAA,SAAS,EAAEG,mBAAUE,MAFC;AAGtBJ,EAAAA,cAAc,EAAEE,mBAAUG;AAHJ,CAAxB;;AAMA,MAAMC,GAAG,GAAG,CAAC;AAACC,EAAAA,KAAD;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAA6B;AACvC,QAAMC,QAAQ,GAAG,mBAAI,CAACD,OAAD,EAAU,CAAV,CAAJ,CAAjB;;AAEA,MAAI,CAACF,KAAL,EAAY;AACV,WAAO,IAAP;AACD;;AAED,QAAMI,SAAS,GAAID,QAAQ,GAAGH,KAAZ,GAAqB,GAAvC;AAEA,sBACE;AACE,IAAA,SAAS,EAAEjB,eAAMsB,OADnB;AAEE,IAAA,KAAK,EAAE;AACLC,MAAAA,eAAe,EAAEL,KADZ;AAELM,MAAAA,KAAK,EAAG,GAAEH,SAAU;AAFf;AAFT,IADF;AASD,CAlBD;;AAoBAL,GAAG,CAACd,SAAJ,2CAAgB;AACdiB,EAAAA,OAAO,EAAEP,mBAAUE,MAAV,CAAiBW,UADZ;AAEdR,EAAAA,KAAK,EAAEL,mBAAUE,MAFH;AAGdI,EAAAA,KAAK,EAAEQ;AAHO,CAAhB;;AAMA,MAAMC,IAAI,GAAG,CAAC;AAACC,EAAAA,IAAD;AAAOV,EAAAA;AAAP,CAAD,KAAmB;AAC9B,sBACE;AAAK,iBAAU;AAAf,kBACE;AAAK,iBAAU,SAAf;AAAyB,IAAA,SAAS,EAAElB,eAAM6B;AAA1C,kBACE;AAAM,IAAA,KAAK,EAAE;AAACX,MAAAA;AAAD;AAAb,KAAuBU,IAAI,CAACT,OAA5B,CADF,OAC+CS,IAAI,CAACX,KADpD,CADF,eAIE;AAAK,IAAA,SAAS,EAAEjB,eAAM8B;AAAtB,kBACE,6BAAC,gBAAD,eAAaF,IAAb;AAAmB,IAAA,KAAK,EAAEV,KAA1B;AAAiC,IAAA,OAAO,EAAEU,IAAI,CAACT,OAAL,GAAe;AAAzD,mBACE,6BAAC,GAAD,eAASS,IAAT;AAAe,IAAA,KAAK,EAAEV;AAAtB,KADF,CADF,CAJF,CADF;AAYD,CAbD;;AAeAS,IAAI,CAACzB,SAAL,2CAAiB;AACf0B,EAAAA,IAAI,EAAEhB,mBAAUmB,KAAV,CAAgB;AACpBZ,IAAAA,OAAO,EAAEH,GAAG,CAACd,SAAJ,CAAciB,OADH;AAEpBF,IAAAA,KAAK,EAAED,GAAG,CAACd,SAAJ,CAAce;AAFD,GAAhB,CADS;AAKfC,EAAAA,KAAK,EAAEQ;AALQ,CAAjB;;AAQA,MAAMM,QAAQ,GAAG,CAAC1B,KAAD,EAAQC,OAAR,KAAoB;AACnC,QAAM;AAAC0B,IAAAA;AAAD,MAAc1B,OAApB;AACA,QAAM;AAAC2B,IAAAA,OAAD;AAAUN,IAAAA;AAAV,MAAkBtB,KAAxB;AACA,QAAMa,OAAO,GAAG,mBAAI,SAAJ,EAAeS,IAAf,CAAhB;AACA,sBACE;AACE,IAAA,SAAS,EAAG,GAAE5B,eAAMmC,YAAa,IAAGnC,eAAMoC,QAAS,EADrD;AAEE,IAAA,OAAO,EAAEF,OAFX;AAGE,iBAAU;AAHZ,kBAKE,2CAAOD,SAAS,CAACL,IAAI,KAAK,IAAT,IAAiBT,OAAO,KAAK,CAA7B,GAAiC,YAAjC,GAAgD,WAAjD,CAAhB,CALF,CADF;AASD,CAbD;;AAeAa,QAAQ,CAAC9B,SAAT,2CAAqB;AACnBgC,EAAAA,OAAO,EAAEtB,mBAAUG,IADA;AAEnBa,EAAAA,IAAI,EAAED,IAAI,CAACzB,SAAL,CAAe0B;AAFF,CAArB;AAKAI,QAAQ,CAACK,YAAT,GAAwB;AACtBJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN;AADhB,CAAxB;;AAIA,MAAMO,YAAY,GAAG,CAAClC,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAAC0B,IAAAA;AAAD,MAAc1B,OAApB;AACA,QAAM;AAAC2B,IAAAA;AAAD,MAAY5B,KAAlB;AAEA,sBACE;AACE,IAAA,SAAS,EAAG,GAAEN,eAAMmC,YAAa,IAAGnC,eAAMyC,YAAa,EADzD;AAEE,IAAA,OAAO,EAAEP,OAFX;AAGE,iBAAU;AAHZ,kBAKE,2CAAOD,SAAS,CAAC,eAAD,CAAhB,CALF,CADF;AASD,CAbD;;AAeAO,YAAY,CAACtC,SAAb,2CAAyB;AACvBgC,EAAAA,OAAO,EAAEtB,mBAAUG;AADI,CAAzB;AAIAyB,YAAY,CAACH,YAAb,GAA4B;AAC1BJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN;AADZ,CAA5B;;AAIA,MAAMS,aAAa,GAAG,CAAC;AAACC,EAAAA,UAAD;AAAaC,EAAAA;AAAb,CAAD,kBAAwB,6BAAC,eAAD,eAAYD,UAAZ;AAAwB,EAAA,IAAI,EAAEC;AAA9B,GAA9C;;AAEAF,aAAa,CAACxC,SAAd,2CAA0B;AACxByC,EAAAA,UAAU,EAAE/B,mBAAUmB,KAAV,CAAgBc,gBAAO3C,SAAvB,CADY;AAExB0C,EAAAA,IAAI,EAAEhC,mBAAUC;AAFQ,CAA1B;;AAKA,MAAMiC,YAAY,GAAG,CAACxC,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACwC,IAAAA,SAAD;AAAYtC,IAAAA;AAAZ,MAAyBH,KAA/B;AACA,QAAM;AAAC2B,IAAAA;AAAD,MAAc1B,OAApB;AACA,QAAMyC,UAAU,GAAGf,SAAS,CAAC,oBAAD,EAAuB;AACjDgB,IAAAA,KAAK,EAAEC,IAAI,CAACC,GAAL,CAAS1C,SAAT;AAD0C,GAAvB,CAA5B;AAIA,sBACE;AAAK,IAAA,SAAS,EAAET,eAAMoD;AAAtB,kBACE,6BAAC,wBAAD;AAAiB,IAAA,SAAS,EAAEL;AAA5B,IADF,eAEE;AAAK,IAAA,SAAS,EAAE/C,eAAMqD;AAAtB,KAA8BL,UAA9B,CAFF,CADF;AAMD,CAbD;;AAeAF,YAAY,CAAC5C,SAAb,2CAAyB;AACvB6C,EAAAA,SAAS,EAAEO,yBAAgBpD,SAAhB,CAA0B6C,SADd;AAEvBtC,EAAAA,SAAS,EAAEG,mBAAUE;AAFE,CAAzB;AAKAgC,YAAY,CAACT,YAAb,GAA4B;AAC1BJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN;AADZ,CAA5B;;AAIA,MAAMsB,YAAY,GAAG,CAAC;AAACnD,EAAAA;AAAD,CAAD,KAAW;AAC9B,QAAMoD,MAAM,GAAGpD,GAAG,CAACqD,GAAJ,CAAQ,CAAC;AAACC,IAAAA,GAAD;AAAMC,IAAAA;AAAN,GAAD,kBAAgB,6BAAC,SAAD;AAAW,IAAA,GAAG,EAAEA,GAAhB;AAAqB,IAAA,KAAK,EAAED;AAA5B,IAAxB,CAAf;AACA,sBAAO,0CAAMF,MAAN,CAAP;AACD,CAHD;;AAKAD,YAAY,CAACrD,SAAb,2CAAyB;AACvBE,EAAAA,GAAG,EAAEQ,mBAAUgD,OAAV,CACHhD,mBAAUmB,KAAV,CAAgB;AACd4B,IAAAA,GAAG,EAAE/C,mBAAUC,MADD;AAEd6C,IAAAA,GAAG,EAAE9C,mBAAUC;AAFD,GAAhB,CADG;AADkB,CAAzB;;AASA,MAAMgD,YAAY,GAAGvD,KAAK,IAAI;AAC5B,QAAM;AAACF,IAAAA;AAAD,MAAQE,KAAd;AACA,QAAMwD,MAAM,GAAG1D,GAAG,CAACqD,GAAJ,CAAQ;AAAA,QAAC;AAACM,MAAAA;AAAD,KAAD;AAAA,QAAcC,UAAd;;AAAA,wBACrB,6BAAC,oBAAD,eAAiB,oBAAK,IAAL,EAAWA,UAAX,CAAjB;AAAyC,MAAA,EAAE,EAAED,OAA7C;AAAsD,MAAA,GAAG,EAAEA,OAA3D;AAAoE,MAAA,QAAQ,EAAE;AAA9E,OADqB;AAAA,GAAR,CAAf;AAGA,sBAAO,0CAAMD,MAAN,CAAP;AACD,CAND;;AAQAD,YAAY,CAAC3D,SAAb,2CAAyB;AACvBE,EAAAA,GAAG,EAAEQ,mBAAUgD,OAAV,CAAkBhD,mBAAUmB,KAAV,CAAgBkC,qBAAY/D,SAA5B,CAAlB;AADkB,CAAzB;AAIA,MAAMgE,aAAa,GAAG;AACpBC,EAAAA,GAAG,EAAEZ,YADe;AAEpBa,EAAAA,GAAG,EAAEC,YAFe;AAGpBC,EAAAA,KAAK,EAAEC,cAHa;AAIpBC,EAAAA,KAAK,EAAEX;AAJa,CAAtB;;AAOA,MAAMY,YAAY,GAAG,CAAC;AAAC1E,EAAAA;AAAD,CAAD,KAAa;AAChC,QAAM2E,WAAW,GAAGR,aAAa,CAACnE,KAAK,CAAC4E,IAAP,CAAjC;AACA,sBACE;AACE,iBAAU,cADZ;AAEE,IAAA,SAAS,EAAE,yBACT3E,eAAM4E,cADG,EAET7E,KAAK,CAAC4E,IAAN,KAAe,KAAf,GAAuB3E,eAAM6E,iBAA7B,GAAiD,IAFxC,EAGT9E,KAAK,CAAC4E,IAAN,KAAe,OAAf,GAAyB3E,eAAM8E,mBAA/B,GAAqD,IAH5C;AAFb,kBAQE,6BAAC,WAAD,EAAiB/E,KAAjB,CARF,CADF;AAYD,CAdD;;AAgBA0E,YAAY,CAACvE,SAAb,2CAAyB;AACvBH,EAAAA,KAAK,EAAEa,mBAAUmE,SAAV,CAAoB,CACzBnE,mBAAUmB,KAAV,uBACKwB,YAAY,CAACrD,SADlB;AAEEyE,IAAAA,IAAI,EAAE/D,mBAAUoE,KAAV,CAAgB,CAAC,KAAD,CAAhB;AAFR,KADyB,EAKzBpE,mBAAUmB,KAAV,uBACKsC,aAAInE,SADT;AAEEyE,IAAAA,IAAI,EAAE/D,mBAAUoE,KAAV,CAAgB,CAAC,KAAD,CAAhB;AAFR,KALyB,EASzBpE,mBAAUmB,KAAV,uBACKwC,eAAMrE,SADX;AAEEyE,IAAAA,IAAI,EAAE/D,mBAAUoE,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KATyB,EAazBpE,mBAAUmB,KAAV,uBACK8B,YAAY,CAAC3D,SADlB;AAEEyE,IAAAA,IAAI,EAAE/D,mBAAUoE,KAAV,CAAgB,CAAC,OAAD,CAAhB;AAFR,KAbyB,CAApB;AADgB,CAAzB;;AAqBA,MAAMC,cAAc,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAoB;AACzC,QAAMC,qBAAqB,GAAG,oBAAK,qBAAM,EAAN,EAAU,aAAV,CAAL,EAA+B,qBAAM,IAAN,CAA/B,qBAAqDD,YAArD,CAA9B;AACA,QAAME,UAAU,GAAGD,qBAAqB,CAAC1B,GAAtB,CAA0B,CAAC4B,SAAD,EAAYC,KAAZ,kBAC3C;AACE,IAAA,GAAG,EAAEA,KADP;AAEE,iBAAU,oBAFZ;AAGE,IAAA,SAAS,EAAE,yBAAWtF,eAAMuF,kBAAjB,EAAqCvF,eAAMwF,SAA3C,CAHb,CAIE;AAJF;AAKE,IAAA,uBAAuB,EAAE;AAACC,MAAAA,MAAM,EAAEJ;AAAT;AAL3B,IADiB,CAAnB;AASA,sBACE;AAAK,IAAA,SAAS,EAAErF,eAAMO;AAAtB,KACG,mBAAI,YAAJ,EAAkB2E,YAAlB,iBAAkC,6BAAC,YAAD;AAAc,IAAA,KAAK,EAAEA,YAAY,CAACnF;AAAlC,IAAlC,GAAgF,IADnF,EAEGqF,UAFH,CADF;AAMD,CAjBD;;AAmBAH,cAAc,CAAC/E,SAAf,2CAA2B;AACzBgF,EAAAA,YAAY,EAAEtE,mBAAUmB,KAAV,CAAgB;AAC5B2D,IAAAA,KAAK,EAAE9E,mBAAUC,MADW;AAE5B8E,IAAAA,WAAW,EAAE/E,mBAAUC,MAFK;AAG5Bd,IAAAA,KAAK,EAAEa,mBAAUmB,KAAV,CAAgB0C,YAAY,CAACvE,SAA7B;AAHqB,GAAhB;AADW,CAA3B;AAQA,MAAM0F,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAEnD,aADW;AAEnBoD,EAAAA,IAAI,EAAEzF,WAFa;AAGnBE,EAAAA,OAAO,EAAE0E,cAHU;AAInBlF,EAAAA,KAAK,EAAE+C;AAJY,CAArB;;AAOA,MAAMiD,IAAI,GAAG,CAAC;AAACnD,EAAAA;AAAD,CAAD,kBACX;AACE,EAAA,SAAS,EAAE,yBAAW5C,eAAMgG,QAAjB,EAA2BhG,eAAMwF,SAAjC,CADb,CAEE;AAFF;AAGE,EAAA,uBAAuB,EAAE;AAACC,IAAAA,MAAM,EAAE7C;AAAT;AAH3B,EADF;;AAQAmD,IAAI,CAAC7F,SAAL,2CAAiB;AACf0C,EAAAA,IAAI,EAAEhC,mBAAUC;AADD,CAAjB;;AAIA,MAAMoF,cAAc,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAW;AAChC,MAAI,CAACA,GAAL,EAAU;AACR,WAAO,IAAP;AACD;;AAED,sBACE;AAAK,IAAA,SAAS,EAAElG,eAAMmG;AAAtB,kBACE,6BAAC,YAAD,eAASD,GAAT;AAAc,IAAA,SAAS,EAAElG,eAAMkG;AAA/B,KADF,CADF;AAKD,CAVD;;AAYAD,cAAc,CAAC/F,SAAf,2CAA2B;AACzBgG,EAAAA,GAAG,EAAEtF,mBAAUmB,KAAV,CAAgBqE,aAAIlG,SAApB;AADoB,CAA3B;;AAIA,MAAMmG,aAAa,GAAG,CAAC/F,KAAD,EAAQC,OAAR,KAAoB;AACxC,QAAM;AACJ+F,IAAAA,QAAQ,EAAEC,WADN;AAEJ5D,IAAAA,UAAU,EAAE;AAAC6D,MAAAA,KAAK,EAAE;AAAC7B,QAAAA;AAAD,UAAS;AAAjB,QAAuB,EAF/B;AAGJ8B,IAAAA,QAHI;AAIJ7D,IAAAA,IAJI;AAKJsC,IAAAA;AALI,MAMF5E,KANJ;AAOA,QAAMoE,WAAW,GAAGkB,YAAY,CAACW,WAAD,CAAhC;AACA,QAAMG,mBAAmB,GACvBhC,WAAW,KAAK5B,YAAhB,GAAgC,GAAE9C,eAAM2G,uBAAwB,EAAhE,GAAqE,GAAE3G,eAAM4G,cAAe,EAD9F;AAGA,sBACE;AAAK,IAAA,SAAS,EAAEF,mBAAhB;AAAqC,IAAA,KAAK,EAAE;AAACnF,MAAAA,eAAe,EAAE;AAAlB;AAA5C,kBACE;AACE,iBAAU,UADZ;AAEE,IAAA,SAAS,EAAE,yBACTgF,WAAW,KAAK,SAAhB,GAA4BvG,eAAM6G,YAAlC,GAAiD7G,eAAMyG,QAD9C,EAETzG,eAAMwF,SAFG,CAFb,CAME;AANF;AAOE,IAAA,uBAAuB,EAAE;AACvBC,MAAAA,MAAM,EAAEc,WAAW,KAAK,SAAhB,GAA4BrB,YAAY,CAACQ,KAAzC,GAAiDe;AADlC;AAP3B,IADF,EAYG7D,IAAI,IAAI2D,WAAW,KAAK,QAAxB,IAAoC5B,IAAI,KAAK,SAA7C,gBAAyD,6BAAC,IAAD;AAAM,IAAA,IAAI,EAAE/B;AAAZ,IAAzD,GAAgF,IAZnF,eAaE,6BAAC,WAAD,EAAiBtC,KAAjB,CAbF,eAcE,6BAAC,cAAD,EAAoBA,KAApB,CAdF,CADF;AAkBD,CA9BD;;AAgCA+F,aAAa,CAAChE,YAAd,GAA6B;AAC3BJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN,SADX;AAE3B6E,EAAAA,IAAI,EAAExE,kBAASC,iBAAT,CAA2BuE;AAFN,CAA7B;AAKAT,aAAa,CAACnG,SAAd;AACEoG,EAAAA,QAAQ,EAAE1F,mBAAUoE,KAAV,CAAgB,oBAAKY,YAAL,CAAhB,CADZ;AAEEa,EAAAA,QAAQ,EAAE7F,mBAAUC;AAFtB,GAGKoF,cAAc,CAAC/F,SAHpB;AAMA;;;;AAIA,MAAM6G,aAAa,GAAG,mBACpB;AAAK,EAAA,SAAS,EAAE/G,eAAMgH;AAAtB,gBACE,6BAAC,eAAD,OADF,CADF;;AAMA,MAAMC,YAAY,GAAG;AAAA,MAAC;AAACR,IAAAA;AAAD,GAAD;AAAA,MAAqBnG,KAArB;;AAAA,SACnBmG,QAAQ,gBAAG,6BAAC,aAAD,eAAmBnG,KAAnB;AAA0B,IAAA,QAAQ,EAAEmG;AAApC,KAAH,gBAAsD,6BAAC,aAAD,OAD3C;AAAA,CAArB;;AAGAQ,YAAY,CAAC/G,SAAb,iEACKmG,aAAa,CAACnG,SADnB;AAEEuG,EAAAA,QAAQ,EAAEJ,aAAa,CAACnG,SAAd,CAAwBuG;AAFpC;AAKA;;;;AAIA,MAAMS,YAAY,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACnB;AAAK,EAAA,SAAS,EAAEnH,eAAM4G;AAAtB,gBACE;AAAK,EAAA,SAAS,EAAE5G,eAAMoH;AAAtB,GAA8BD,QAA9B,CADF,CADF;;AAMAD,YAAY,CAAChH,SAAb,2CAAyB;AACvBiH,EAAAA,QAAQ,EAAEvG,mBAAUC;AADG,CAAzB;;AAIA,MAAMwG,OAAO,GAAG;AAAA,MAAC;AAACD,IAAAA;AAAD,GAAD;AAAA,MAAY9G,KAAZ;;AAAA,SACd8G,KAAK,gBAAG,6BAAC,YAAD,EAAkB9G,KAAlB,CAAH,gBAAiC,6BAAC,YAAD,EAAkBA,KAAlB,CADxB;AAAA,CAAhB;;AAGA+G,OAAO,CAACnH,SAAR,2CAAoB;AAClBkH,EAAAA,KAAK,EAAExG,mBAAU0G;AADC,CAApB;AAIA;;;;AAIA,MAAMC,YAAY,GAAG,CAACjH,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AAACiH,IAAAA,MAAD;AAAS5F,IAAAA,IAAT;AAAe6F,IAAAA,OAAf;AAAwBC,IAAAA,YAAY,GAAG,KAAvC;AAA8CC,IAAAA,gBAAgB,GAAG;AAAjE,MAA0ErH,KAAhF;AACA,QAAM;AAACwG,IAAAA;AAAD,MAASvG,OAAf;AACA,QAAMqH,SAAS,GAAG,mBAAI,gBAAJ,EAAsBd,IAAtB,CAAlB;AACA,QAAMe,WAAW,GAAG,oBAAK;AAAClD,IAAAA,IAAI,EAAE;AAAP,GAAL,EAAsB8C,OAAtB,KAAkC,EAAtD;AACA,QAAM;AAACvF,IAAAA,OAAO;AAAR,MAAuB2F,WAA7B;AACA,sBACE;AAAK,IAAA,SAAS,EAAE7H,eAAM8H,OAAtB;AAA+B,iBAAU;AAAzC,KACGN,MAAM,gBAAG,6BAAC,eAAD,EAAYA,MAAZ,CAAH,GAA4B,IADrC,eAEE;AAAK,IAAA,SAAS,EAAExH,eAAM+H;AAAtB,KACGnG,IAAI,gBAAG,6BAAC,IAAD;AAAM,IAAA,IAAI,EAAEA,IAAZ;AAAkB,IAAA,KAAK,EAAEgG;AAAzB,IAAH,GAA4C,IADnD,EAEGF,YAAY,IAAI,CAACC,gBAAjB,gBAAoC,6BAAC,QAAD;AAAU,IAAA,OAAO,EAAEzF,OAAnB;AAA4B,IAAA,IAAI,EAAEN;AAAlC,IAApC,GAAiF,IAFpF,EAGG+F,gBAAgB,IAAI,CAACD,YAArB,gBAAoC,6BAAC,YAAD;AAAc,IAAA,OAAO,EAAExF;AAAvB,IAApC,GAAyE,IAH5E,eAIE,6BAAC,OAAD,EAAa5B,KAAb,CAJF,CAFF,eAQE,6BAAC,eAAD;AAAQ,IAAA,OAAO,EAAEmH;AAAjB,IARF,CADF;AAYD,CAlBD;;AAoBAF,YAAY,CAACS,IAAb,GAAoBpC,YAApB;AAEA2B,YAAY,CAAClF,YAAb,GAA4B;AAC1BJ,EAAAA,SAAS,EAAEK,kBAASC,iBAAT,CAA2BN,SADZ;AAE1B6E,EAAAA,IAAI,EAAExE,kBAASC,iBAAT,CAA2BuE;AAFP,CAA5B;AAKAS,YAAY,CAACrH,SAAb,2CAAyB;AACvBgG,EAAAA,GAAG,EAAED,cAAc,CAAC/F,SAAf,CAAyBgG,GADP;AAEvBtE,EAAAA,IAAI,EAAED,IAAI,CAACzB,SAAL,CAAe0B,IAFE;AAGvB6F,EAAAA,OAAO,EAAEQ,gBAAO/H,SAAP,CAAiBuH,OAHH;AAIvBD,EAAAA,MAAM,EAAE5G,mBAAUmB,KAAV,CAAgBmG,gBAAOhI,SAAvB,CAJe;AAKvBwH,EAAAA,YAAY,EAAE9G,mBAAU0G,IALD;AAMvBK,EAAAA,gBAAgB,EAAE/G,mBAAU0G,IANL;AAOvBa,EAAAA,aAAa,EAAEC;AAPQ,CAAzB;eAUeb,Y","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, find, get, getOr, keys, omit, identity, max, pipe, split} from 'lodash/fp';\nimport {ColorPropType, SrcPropType} from '../../../../util/proptypes';\nimport Cta from '../../../../atom/cta';\nimport Picture from '../../../../atom/picture';\nimport Provider from '../../../../atom/provider';\nimport Clue from '../../../../atom/clue';\nimport Answer from '../../../../molecule/answer';\nimport Loader from '../../../../atom/loader';\nimport Swapper from '../../../../hoc/swapper';\nimport VideoPlayer from '../../../../molecule/video-player';\nimport PDF from '../../../../molecule/pdf';\nimport Audio from '../../../../molecule/audio';\nimport ResourceBrowser from '../../../../organism/resource-browser';\nimport Footer from './footer';\nimport Header from './header';\nimport style from './style.css';\n\nconst MediaView = ({media}) => {\n  return (\n    <div className={style.contextMedia}>\n      <Picture src={media} />\n    </div>\n  );\n};\n\nMediaView.propTypes = {\n  media: Picture.propTypes.src\n};\n\n/*\n * Content types\n */\n\nconst ClueContent = (props, context) => {\n  const {text, starsDiff, onClickSeeClue} = props;\n\n  return (\n    <div className={style.clueWrapper}>\n      <Clue text={text} starsDiff={starsDiff} onClick={onClickSeeClue} />\n    </div>\n  );\n};\n\nClueContent.propTypes = {\n  text: PropTypes.string,\n  starsDiff: PropTypes.number,\n  onClickSeeClue: PropTypes.func\n};\n\nconst Bar = ({total, color, current}) => {\n  const _current = max([current, 0]);\n\n  if (!total) {\n    return null;\n  }\n\n  const stepWidth = (_current / total) * 100;\n\n  return (\n    <div\n      className={style.stepBar}\n      style={{\n        backgroundColor: color,\n        width: `${stepWidth}%`\n      }}\n    />\n  );\n};\n\nBar.propTypes = {\n  current: PropTypes.number.isRequired,\n  total: PropTypes.number,\n  color: ColorPropType\n};\n\nconst Step = ({step, color}) => {\n  return (\n    <div data-name=\"step\">\n      <div data-name=\"counter\" className={style.stepCount}>\n        <span style={{color}}>{step.current}</span>/{step.total}\n      </div>\n      <div className={style.stepWrapper}>\n        <Swapper {...step} color={color} current={step.current - 1}>\n          <Bar {...step} color={color} />\n        </Swapper>\n      </div>\n    </div>\n  );\n};\n\nStep.propTypes = {\n  step: PropTypes.shape({\n    current: Bar.propTypes.current,\n    total: Bar.propTypes.total\n  }),\n  color: ColorPropType\n};\n\nconst NewMedia = (props, context) => {\n  const {translate} = context;\n  const {onClick, step} = props;\n  const current = get('current', step);\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.newMedia}`}\n      onClick={onClick}\n      data-name=\"newMedia\"\n    >\n      <span>{translate(step === null || current === 1 ? 'See lesson' : 'New media')}</span>\n    </div>\n  );\n};\n\nNewMedia.propTypes = {\n  onClick: PropTypes.func,\n  step: Step.propTypes.step\n};\n\nNewMedia.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewLesson = (props, context) => {\n  const {translate} = context;\n  const {onClick} = props;\n\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.reviewLesson}`}\n      onClick={onClick}\n      data-name=\"reviewLesson\"\n    >\n      <span>{translate('Review lesson')}</span>\n    </div>\n  );\n};\n\nReviewLesson.propTypes = {\n  onClick: PropTypes.func\n};\n\nReviewLesson.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst AnswerContent = ({answerType, help}) => <Answer {...answerType} help={help} />;\n\nAnswerContent.propTypes = {\n  answerType: PropTypes.shape(Answer.propTypes),\n  help: PropTypes.string\n};\n\nconst MediaContent = (props, context) => {\n  const {resources, starsDiff} = props;\n  const {translate} = context;\n  const starsToWin = translate('media_stars_to_win', {\n    count: Math.abs(starsDiff)\n  });\n\n  return (\n    <div className={style.resourcesWrapper}>\n      <ResourceBrowser resources={resources} />\n      <div className={style.stars}>{starsToWin}</div>\n    </div>\n  );\n};\n\nMediaContent.propTypes = {\n  resources: ResourceBrowser.propTypes.resources,\n  starsDiff: PropTypes.number\n};\n\nMediaContent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ContextImage = ({src}) => {\n  const images = src.map(({url, _id}) => <MediaView key={_id} media={url} />);\n  return <div>{images}</div>;\n};\n\nContextImage.propTypes = {\n  src: PropTypes.arrayOf(\n    PropTypes.shape({\n      _id: PropTypes.string,\n      url: PropTypes.string\n    })\n  )\n};\n\nconst ContextVideo = props => {\n  const {src} = props;\n  const videos = src.map(({videoId, ...childProps}) => (\n    <VideoPlayer {...omit('id', childProps)} id={videoId} key={videoId} autoplay={false} />\n  ));\n  return <div>{videos}</div>;\n};\n\nContextVideo.propTypes = {\n  src: PropTypes.arrayOf(PropTypes.shape(VideoPlayer.propTypes))\n};\n\nconst CONTEXT_MEDIA = {\n  img: ContextImage,\n  pdf: PDF,\n  audio: Audio,\n  video: ContextVideo\n};\n\nconst ContextMedia = ({media}) => {\n  const ContentType = CONTEXT_MEDIA[media.type];\n  return (\n    <div\n      data-name=\"contextMedia\"\n      className={classnames(\n        style.contextWrapper,\n        media.type === 'pdf' ? style.contextPdfWrapper : null,\n        media.type === 'audio' ? style.contextAudioWrapper : null\n      )}\n    >\n      <ContentType {...media} />\n    </div>\n  );\n};\n\nContextMedia.propTypes = {\n  media: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...ContextImage.propTypes,\n      type: PropTypes.oneOf(['img'])\n    }),\n    PropTypes.shape({\n      ...PDF.propTypes,\n      type: PropTypes.oneOf(['pdf'])\n    }),\n    PropTypes.shape({\n      ...Audio.propTypes,\n      type: PropTypes.oneOf(['audio'])\n    }),\n    PropTypes.shape({\n      ...ContextVideo.propTypes,\n      type: PropTypes.oneOf(['video'])\n    })\n  ])\n};\n\nconst ContextContent = ({slideContext}) => {\n  const descriptionParagraphs = pipe(getOr('', 'description'), split('\\n'), compact)(slideContext);\n  const paragraphs = descriptionParagraphs.map((paragraph, index) => (\n    <p\n      key={index}\n      data-name=\"contextDescription\"\n      className={classnames(style.contextDescription, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: paragraph}}\n    />\n  ));\n  return (\n    <div className={style.context}>\n      {get('media.type', slideContext) ? <ContextMedia media={slideContext.media} /> : null}\n      {paragraphs}\n    </div>\n  );\n};\n\nContextContent.propTypes = {\n  slideContext: PropTypes.shape({\n    title: PropTypes.string,\n    description: PropTypes.string,\n    media: PropTypes.shape(ContextMedia.propTypes)\n  })\n};\n\nconst CONTENT_TYPE = {\n  answer: AnswerContent,\n  clue: ClueContent,\n  context: ContextContent,\n  media: MediaContent\n};\n\nconst Help = ({help}) => (\n  <div\n    className={classnames(style.helpView, style.innerHTML)}\n    // eslint-disable-next-line react/no-danger\n    dangerouslySetInnerHTML={{__html: help}}\n  />\n);\n\nHelp.propTypes = {\n  help: PropTypes.string\n};\n\nconst ValidateButton = ({cta}) => {\n  if (!cta) {\n    return null;\n  }\n\n  return (\n    <div className={style.ctaWrapper}>\n      <Cta {...cta} className={style.cta} />\n    </div>\n  );\n};\n\nValidateButton.propTypes = {\n  cta: PropTypes.shape(Cta.propTypes)\n};\n\nconst ContentLayout = (props, context) => {\n  const {\n    typeClue: selectedTab,\n    answerType: {model: {type} = {}} = {},\n    question,\n    help,\n    slideContext\n  } = props;\n  const ContentType = CONTENT_TYPE[selectedTab];\n  const noPaddingRessources =\n    ContentType === MediaContent ? `${style.contentWrapperNoPadding}` : `${style.contentWrapper}`;\n\n  return (\n    <div className={noPaddingRessources} style={{backgroundColor: 'white'}}>\n      <div\n        data-name=\"question\"\n        className={classnames(\n          selectedTab === 'context' ? style.contextTitle : style.question,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{\n          __html: selectedTab === 'context' ? slideContext.title : question\n        }}\n      />\n      {help && selectedTab === 'answer' && type !== 'qcmDrag' ? <Help help={help} /> : null}\n      <ContentType {...props} />\n      <ValidateButton {...props} />\n    </div>\n  );\n};\n\nContentLayout.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nContentLayout.propTypes = {\n  typeClue: PropTypes.oneOf(keys(CONTENT_TYPE)),\n  question: PropTypes.string,\n  ...ValidateButton.propTypes\n};\n\n/*\n * Loading\n */\n\nconst LoadingLayout = () => (\n  <div className={style.loading}>\n    <Loader />\n  </div>\n);\n\nconst LoadedLayout = ({question, step, ...props}) =>\n  question ? <ContentLayout {...props} question={question} /> : <LoadingLayout />;\n\nLoadedLayout.propTypes = {\n  ...ContentLayout.propTypes,\n  question: ContentLayout.propTypes.question\n};\n\n/*\n * Errors\n */\n\nconst ErrorMessage = ({errorMsg}) => (\n  <div className={style.contentWrapper}>\n    <div className={style.error}>{errorMsg}</div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  errorMsg: PropTypes.string\n};\n\nconst Content = ({error, ...props}) =>\n  error ? <ErrorMessage {...props} /> : <LoadedLayout {...props} />;\n\nContent.propTypes = {\n  error: PropTypes.bool\n};\n\n/*\n * SlidesPlayer\n */\n\nconst SlidesPlayer = (props, context) => {\n  const {header, step, buttons, showNewMedia = false, showReviewLesson = false} = props;\n  const {skin} = context;\n  const stepColor = get('common.primary', skin);\n  const mediaButton = find({type: 'media'}, buttons) || {};\n  const {onClick = identity} = mediaButton;\n  return (\n    <div className={style.wrapper} data-name=\"slidesPlayer\">\n      {header ? <Header {...header} /> : null}\n      <div className={style.contentProgression}>\n        {step ? <Step step={step} color={stepColor} /> : null}\n        {showNewMedia && !showReviewLesson ? <NewMedia onClick={onClick} step={step} /> : null}\n        {showReviewLesson && !showNewMedia ? <ReviewLesson onClick={onClick} /> : null}\n        <Content {...props} />\n      </div>\n      <Footer buttons={buttons} />\n    </div>\n  );\n};\n\nSlidesPlayer.TYPE = CONTENT_TYPE;\n\nSlidesPlayer.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSlidesPlayer.propTypes = {\n  cta: ValidateButton.propTypes.cta,\n  step: Step.propTypes.step,\n  buttons: Footer.propTypes.buttons,\n  header: PropTypes.shape(Header.propTypes),\n  showNewMedia: PropTypes.bool,\n  showReviewLesson: PropTypes.bool,\n  backgroundUrl: SrcPropType\n};\n\nexport default SlidesPlayer;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../src/template/app-player/player/slides/index.js"],"names":["MediaView","media","style","contextMedia","propTypes","Picture","src","ClueContent","props","context","text","starsDiff","onClickSeeClue","clueWrapper","PropTypes","string","number","func","Bar","total","color","current","_current","stepWidth","stepBar","backgroundColor","width","isRequired","ColorPropType","Step","step","stepCount","stepWrapper","shape","NewMedia","translate","onClick","guideWrapper","newMedia","contextTypes","Provider","childContextTypes","ReviewLesson","reviewLesson","AnswerContent","answerType","help","Answer","MediaContent","resources","starsToWin","count","Math","abs","resourcesWrapper","stars","ResourceBrowser","ContextImage","images","map","url","_id","arrayOf","ContextVideo","videos","videoId","childProps","VideoPlayer","CONTEXT_MEDIA","img","pdf","PDF","audio","Audio","video","ContextMedia","ContentType","type","contextWrapper","contextPdfWrapper","contextAudioWrapper","oneOfType","oneOf","ContextContent","slideContext","descriptionParagraphs","paragraphs","paragraph","index","contextDescription","innerHTML","__html","title","description","CONTENT_TYPE","answer","clue","Help","helpView","ValidateButton","cta","ctaWrapper","Cta","ContentLayout","typeClue","selectedTab","model","question","noPaddingRessources","contentWrapperNoPadding","contentWrapper","contextTitle","skin","LoadingLayout","popinError","loading","CMPopin","LoadedLayout","ErrorMessage","errorMsg","error","Content","bool","SlidesPlayer","header","buttons","showNewMedia","showReviewLesson","stepColor","mediaButton","wrapper","contentProgression","TYPE","Footer","Header","backgroundUrl","SrcPropType"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {compact, find, get, getOr, keys, omit, identity, max, pipe, split} from 'lodash/fp';\nimport {ColorPropType, SrcPropType} from '../../../../util/proptypes';\nimport Cta from '../../../../atom/cta';\nimport Picture from '../../../../atom/picture';\nimport Provider from '../../../../atom/provider';\nimport Clue from '../../../../atom/clue';\nimport Answer from '../../../../molecule/answer';\nimport Loader from '../../../../atom/loader';\nimport Swapper from '../../../../hoc/swapper';\nimport VideoPlayer from '../../../../molecule/video-player';\nimport PDF from '../../../../molecule/pdf';\nimport Audio from '../../../../molecule/audio';\nimport ResourceBrowser from '../../../../organism/resource-browser';\nimport CMPopin from '../../../../molecule/cm-popin';\nimport Footer from './footer';\nimport Header from './header';\nimport style from './style.css';\n\nconst MediaView = ({media}) => {\n  return (\n    <div className={style.contextMedia}>\n      <Picture src={media} />\n    </div>\n  );\n};\n\nMediaView.propTypes = {\n  media: Picture.propTypes.src\n};\n\n/*\n * Content types\n */\n\nconst ClueContent = (props, context) => {\n  const {text, starsDiff, onClickSeeClue} = props;\n\n  return (\n    <div className={style.clueWrapper}>\n      <Clue text={text} starsDiff={starsDiff} onClick={onClickSeeClue} />\n    </div>\n  );\n};\n\nClueContent.propTypes = {\n  text: PropTypes.string,\n  starsDiff: PropTypes.number,\n  onClickSeeClue: PropTypes.func\n};\n\nconst Bar = ({total, color, current}) => {\n  const _current = max([current, 0]);\n\n  if (!total) {\n    return null;\n  }\n\n  const stepWidth = (_current / total) * 100;\n\n  return (\n    <div\n      className={style.stepBar}\n      style={{\n        backgroundColor: color,\n        width: `${stepWidth}%`\n      }}\n    />\n  );\n};\n\nBar.propTypes = {\n  current: PropTypes.number.isRequired,\n  total: PropTypes.number,\n  color: ColorPropType\n};\n\nconst Step = ({step, color}) => {\n  return (\n    <div data-name=\"step\">\n      <div data-name=\"counter\" className={style.stepCount}>\n        <span style={{color}}>{step.current}</span>/{step.total}\n      </div>\n      <div className={style.stepWrapper}>\n        <Swapper {...step} color={color} current={step.current - 1}>\n          <Bar {...step} color={color} />\n        </Swapper>\n      </div>\n    </div>\n  );\n};\n\nStep.propTypes = {\n  step: PropTypes.shape({\n    current: Bar.propTypes.current,\n    total: Bar.propTypes.total\n  }),\n  color: ColorPropType\n};\n\nconst NewMedia = (props, context) => {\n  const {translate} = context;\n  const {onClick, step} = props;\n  const current = get('current', step);\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.newMedia}`}\n      onClick={onClick}\n      data-name=\"newMedia\"\n    >\n      <span>{translate(step === null || current === 1 ? 'See lesson' : 'New media')}</span>\n    </div>\n  );\n};\n\nNewMedia.propTypes = {\n  onClick: PropTypes.func,\n  step: Step.propTypes.step\n};\n\nNewMedia.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ReviewLesson = (props, context) => {\n  const {translate} = context;\n  const {onClick} = props;\n\n  return (\n    <div\n      className={`${style.guideWrapper} ${style.reviewLesson}`}\n      onClick={onClick}\n      data-name=\"reviewLesson\"\n    >\n      <span>{translate('Review lesson')}</span>\n    </div>\n  );\n};\n\nReviewLesson.propTypes = {\n  onClick: PropTypes.func\n};\n\nReviewLesson.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst AnswerContent = ({answerType, help}) => <Answer {...answerType} help={help} />;\n\nAnswerContent.propTypes = {\n  answerType: PropTypes.shape(Answer.propTypes),\n  help: PropTypes.string\n};\n\nconst MediaContent = (props, context) => {\n  const {resources, starsDiff} = props;\n  const {translate} = context;\n  const starsToWin = translate('media_stars_to_win', {\n    count: Math.abs(starsDiff)\n  });\n\n  return (\n    <div className={style.resourcesWrapper}>\n      <ResourceBrowser resources={resources} />\n      <div className={style.stars}>{starsToWin}</div>\n    </div>\n  );\n};\n\nMediaContent.propTypes = {\n  resources: ResourceBrowser.propTypes.resources,\n  starsDiff: PropTypes.number\n};\n\nMediaContent.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nconst ContextImage = ({src}) => {\n  const images = src.map(({url, _id}) => <MediaView key={_id} media={url} />);\n  return <div>{images}</div>;\n};\n\nContextImage.propTypes = {\n  src: PropTypes.arrayOf(\n    PropTypes.shape({\n      _id: PropTypes.string,\n      url: PropTypes.string\n    })\n  )\n};\n\nconst ContextVideo = props => {\n  const {src} = props;\n  const videos = src.map(({videoId, ...childProps}) => (\n    <VideoPlayer {...omit('id', childProps)} id={videoId} key={videoId} autoplay={false} />\n  ));\n  return <div>{videos}</div>;\n};\n\nContextVideo.propTypes = {\n  src: PropTypes.arrayOf(PropTypes.shape(VideoPlayer.propTypes))\n};\n\nconst CONTEXT_MEDIA = {\n  img: ContextImage,\n  pdf: PDF,\n  audio: Audio,\n  video: ContextVideo\n};\n\nconst ContextMedia = ({media}) => {\n  const ContentType = CONTEXT_MEDIA[media.type];\n  return (\n    <div\n      data-name=\"contextMedia\"\n      className={classnames(\n        style.contextWrapper,\n        media.type === 'pdf' ? style.contextPdfWrapper : null,\n        media.type === 'audio' ? style.contextAudioWrapper : null\n      )}\n    >\n      <ContentType {...media} />\n    </div>\n  );\n};\n\nContextMedia.propTypes = {\n  media: PropTypes.oneOfType([\n    PropTypes.shape({\n      ...ContextImage.propTypes,\n      type: PropTypes.oneOf(['img'])\n    }),\n    PropTypes.shape({\n      ...PDF.propTypes,\n      type: PropTypes.oneOf(['pdf'])\n    }),\n    PropTypes.shape({\n      ...Audio.propTypes,\n      type: PropTypes.oneOf(['audio'])\n    }),\n    PropTypes.shape({\n      ...ContextVideo.propTypes,\n      type: PropTypes.oneOf(['video'])\n    })\n  ])\n};\n\nconst ContextContent = ({slideContext}) => {\n  const descriptionParagraphs = pipe(getOr('', 'description'), split('\\n'), compact)(slideContext);\n  const paragraphs = descriptionParagraphs.map((paragraph, index) => (\n    <p\n      key={index}\n      data-name=\"contextDescription\"\n      className={classnames(style.contextDescription, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: paragraph}}\n    />\n  ));\n  return (\n    <div className={style.context}>\n      {get('media.type', slideContext) ? <ContextMedia media={slideContext.media} /> : null}\n      {paragraphs}\n    </div>\n  );\n};\n\nContextContent.propTypes = {\n  slideContext: PropTypes.shape({\n    title: PropTypes.string,\n    description: PropTypes.string,\n    media: PropTypes.shape(ContextMedia.propTypes)\n  })\n};\n\nconst CONTENT_TYPE = {\n  answer: AnswerContent,\n  clue: ClueContent,\n  context: ContextContent,\n  media: MediaContent\n};\n\nconst Help = ({help}) => (\n  <div\n    className={classnames(style.helpView, style.innerHTML)}\n    // eslint-disable-next-line react/no-danger\n    dangerouslySetInnerHTML={{__html: help}}\n  />\n);\n\nHelp.propTypes = {\n  help: PropTypes.string\n};\n\nconst ValidateButton = ({cta}) => {\n  if (!cta) {\n    return null;\n  }\n\n  return (\n    <div className={style.ctaWrapper}>\n      <Cta {...cta} className={style.cta} />\n    </div>\n  );\n};\n\nValidateButton.propTypes = {\n  cta: PropTypes.shape(Cta.propTypes)\n};\n\nconst ContentLayout = (props, context) => {\n  const {\n    typeClue: selectedTab,\n    answerType: {model: {type} = {}} = {},\n    question,\n    help,\n    slideContext\n  } = props;\n  const ContentType = CONTENT_TYPE[selectedTab];\n  const noPaddingRessources =\n    ContentType === MediaContent ? `${style.contentWrapperNoPadding}` : `${style.contentWrapper}`;\n\n  return (\n    <div className={noPaddingRessources} style={{backgroundColor: 'white'}}>\n      <div\n        data-name=\"question\"\n        className={classnames(\n          selectedTab === 'context' ? style.contextTitle : style.question,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{\n          __html: selectedTab === 'context' ? slideContext.title : question\n        }}\n      />\n      {help && selectedTab === 'answer' && type !== 'qcmDrag' ? <Help help={help} /> : null}\n      <ContentType {...props} />\n      <ValidateButton {...props} />\n    </div>\n  );\n};\n\nContentLayout.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nContentLayout.propTypes = {\n  typeClue: PropTypes.oneOf(keys(CONTENT_TYPE)),\n  question: PropTypes.string,\n  ...ValidateButton.propTypes\n};\n\n/*\n * Loading\n */\n\nconst LoadingLayout = ({popinError}) => (\n  <div className={style.loading}>{popinError ? <CMPopin {...popinError} /> : <Loader />}</div>\n);\n\nLoadingLayout.propTypes = {\n  popinError: CMPopin.propTypes\n};\n\nconst LoadedLayout = ({question, step, ...props}) =>\n  question ? <ContentLayout {...props} question={question} /> : <LoadingLayout {...props} />;\n\nLoadedLayout.propTypes = {\n  ...ContentLayout.propTypes,\n  question: ContentLayout.propTypes.question\n};\n\n/*\n * Errors\n */\n\nconst ErrorMessage = ({errorMsg}) => (\n  <div className={style.contentWrapper}>\n    <div className={style.error}>{errorMsg}</div>\n  </div>\n);\n\nErrorMessage.propTypes = {\n  errorMsg: PropTypes.string\n};\n\nconst Content = ({error, ...props}) =>\n  error ? <ErrorMessage {...props} /> : <LoadedLayout {...props} />;\n\nContent.propTypes = {\n  error: PropTypes.bool\n};\n\n/*\n * SlidesPlayer\n */\n\nconst SlidesPlayer = (props, context) => {\n  const {header, step, buttons, showNewMedia = false, showReviewLesson = false} = props;\n  const {skin} = context;\n  const stepColor = get('common.primary', skin);\n  const mediaButton = find({type: 'media'}, buttons) || {};\n  const {onClick = identity} = mediaButton;\n  return (\n    <div className={style.wrapper} data-name=\"slidesPlayer\">\n      {header ? <Header {...header} /> : null}\n      <div className={style.contentProgression}>\n        {step ? <Step step={step} color={stepColor} /> : null}\n        {showNewMedia && !showReviewLesson ? <NewMedia onClick={onClick} step={step} /> : null}\n        {showReviewLesson && !showNewMedia ? <ReviewLesson onClick={onClick} /> : null}\n        <Content {...props} />\n      </div>\n      <Footer buttons={buttons} />\n    </div>\n  );\n};\n\nSlidesPlayer.TYPE = CONTENT_TYPE;\n\nSlidesPlayer.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nSlidesPlayer.propTypes = {\n  cta: ValidateButton.propTypes.cta,\n  step: Step.propTypes.step,\n  buttons: Footer.propTypes.buttons,\n  header: PropTypes.shape(Header.propTypes),\n  showNewMedia: PropTypes.bool,\n  showReviewLesson: PropTypes.bool,\n  backgroundUrl: SrcPropType,\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default SlidesPlayer;\n"],"file":"index.js"}

package/lib/template/app-player/popin-correction/index.js

@@ -35,6 +35,8 @@ var _resourceBrowser = _interopRequireDefault(require("../../../organism/resourc
 
 var _container = _interopRequireDefault(require("../../../organism/accordion/container"));
 
+var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _popinHeader = _interopRequireDefault(require("../popin-header"));
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -200,7 +202,8 @@ class PopinCorrection extends _react.Component {
       tips,
       onClick,
       quit = {},
-      assistanceLink = {}
+      assistanceLink = {},
+      popinError
     } = this.props;
     const {
       open
@@ -236,7 +239,7 @@ class PopinCorrection extends _react.Component {
       ref: this.initWrapper,
       className: className,
       "data-name": "popinCorrection"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, popinError ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinError) : null, /*#__PURE__*/_react.default.createElement("div", {
       className: _style.default.scrollWrapper
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: isLoading ? _style.default.loadingWrapper : _style.default.wrapper
@@ -284,7 +287,8 @@ PopinCorrection.propTypes = process.env.NODE_ENV !== "production" ? {
       title: _propTypes.default.string
     }))
   }),
-  onOpen: _propTypes.default.func
+  onOpen: _propTypes.default.func,
+  popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
 var _default = PopinCorrection;
 exports.default = _default;

package/lib/template/app-player/popin-correction/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":["extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","style","browserWrapper","value","browser","propTypes","PropTypes","shape","ResourceBrowser","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","Provider","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","Component","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader","Header","Accordion","Link"],"mappings":"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","sourcesContent":["import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport {defer, isNil, isEmpty, get, getOr, keys, omit} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaLineInterfaceFeedbackInterfaceAlertCircle as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Link from '../../../atom/link';\nimport Provider from '../../../atom/provider';\nimport ResourceBrowser from '../../../organism/resource-browser';\nimport Accordion from '../../../organism/accordion/container';\nimport Header from '../popin-header';\nimport style from './style.css';\n\nconst extractTabs = items =>\n  keys(items).map(type => {\n    const item = items[type];\n    return {iconType: type, title: item.title, isOpen: item.open};\n  });\n\nconst Resources = ({resources, overlay}) => (\n  <div className={style.browserWrapper}>\n    <ResourceBrowser resources={resources.value} overlay={overlay} className={style.browser} />\n  </div>\n);\n\nResources.propTypes = {\n  resources: PropTypes.shape({\n    value: ResourceBrowser.propTypes.resources\n  }),\n  overlay: ResourceBrowser.propTypes.overlay\n};\n\nconst SimpleText = ({text}) => (\n  <div data-name=\"simpleText\" className={style.simpleTextWrapper}>\n    <p\n      className={classnames(style.simpleText, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  </div>\n);\n\nSimpleText.propTypes = {\n  text: PropTypes.string\n};\n\nconst AssistanceLink = (props, context) => {\n  if (isEmpty(props)) return null;\n  const {title, onClick} = props;\n  if (isEmpty(title)) return null;\n  const {skin} = context;\n  const white = get('common.white', skin);\n\n  return (\n    <div className={style.wrapperAssistance} onClick={onClick}>\n      <AlertIcon className={style.alertIcon} color={white} />\n      <span className={style.titleLink}> {title} </span>\n    </div>\n  );\n};\n\nAssistanceLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAssistanceLink.propTypes = {\n  title: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst Question = ({header, answer, answerPrefix}) => (\n  <div className={style.question}>\n    <p\n      className={classnames(style.questionHeader, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: header}}\n    />\n    <div className={style.answerWrapper}>\n      <CheckIcon className={style.checkIcon} color=\"inherit\" />\n      {answerPrefix ? <span className={style.answerPrefix}>{answerPrefix}</span> : null}\n      <span\n        className={classnames(style.answer, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: answer}}\n      />\n    </div>\n  </div>\n);\n\nQuestion.propTypes = {\n  header: PropTypes.string,\n  answerPrefix: PropTypes.string,\n  answer: PropTypes.string\n};\n\nclass PopinCorrection extends Component {\n  static propTypes = {\n    resources: Resources.propTypes.resources,\n    overlay: ResourceBrowser.propTypes.overlay,\n    assistanceLink: PropTypes.shape(AssistanceLink.propTypes),\n    header: PropTypes.shape(omit(['animated'], Header.propTypes)),\n    extraLifeGranted: Header.propTypes.extraLifeGranted,\n    gameOver: Header.propTypes.gameOver,\n    question: PropTypes.shape(Question.propTypes),\n    klf: PropTypes.shape(SimpleText.propTypes),\n    tips: PropTypes.shape(SimpleText.propTypes),\n    onClick: Accordion.propTypes.onClick,\n    quit: PropTypes.shape({\n      cta: PropTypes.shape({\n        ...Link.propTypes,\n        title: PropTypes.string\n      })\n    }),\n    onOpen: PropTypes.func\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {open: false};\n    this.initWrapper = this.initWrapper.bind(this);\n  }\n\n  componentDidMount() {\n    this.deferOpen();\n  }\n\n  deferOpen() {\n    clearTimeout(this.deferedOpen);\n\n    this.deferedOpen = defer(() => {\n      const {onOpen} = this.props;\n      this.setState({open: true});\n      onOpen && onOpen();\n    });\n  }\n\n  initWrapper(wrapper) {\n    this.wrapper = wrapper;\n  }\n\n  render() {\n    const {\n      header = {},\n      extraLifeGranted,\n      gameOver,\n      question,\n      overlay,\n      resources,\n      klf,\n      tips,\n      onClick,\n      quit = {},\n      assistanceLink = {}\n    } = this.props;\n\n    const {open} = this.state;\n\n    const {skin} = this.context;\n    const primary = getOr('#f0f', 'common.primary', skin);\n\n    const tabs = extractTabs({resources, klf, tips});\n    const isLoading = isNil(header.failed);\n    const className = open ? style.finalBackground : style.initialBackground;\n    const {title, ...linkProps} = quit.cta || {};\n\n    const quitCta =\n      title || extraLifeGranted ? (\n        <Link\n          {...linkProps}\n          style={{\n            color: primary\n          }}\n          className={extraLifeGranted ? style.hideQuitCta : style.quitCta}\n          data-name=\"nextLink\"\n          data-popin=\"popinCorrection\"\n          data-next=\"quit-with-extra-life\"\n        >\n          {title}\n        </Link>\n      ) : null;\n\n    return (\n      <div ref={this.initWrapper} className={className} data-name=\"popinCorrection\">\n        <div className={style.scrollWrapper}>\n          <div className={isLoading ? style.loadingWrapper : style.wrapper}>\n            <div className={isLoading ? style.loadingContent : style.content}>\n              <Header\n                {...header}\n                gameOver={gameOver}\n                extraLifeGranted={extraLifeGranted}\n                animated\n              />\n              <Question {...question} />\n              <Accordion tabProps={tabs} onClick={onClick} oneTabOnly>\n                {isEmpty(getOr([], 'value', resources)) ? null : (\n                  <Resources resources={resources} overlay={overlay} />\n                )}\n                {klf.value ? <SimpleText text={klf.value} /> : null}\n                {tips.value ? <SimpleText text={tips.value} /> : null}\n              </Accordion>\n            </div>\n            {quitCta}\n            <AssistanceLink {...assistanceLink} />\n          </div>\n          {isLoading ? <Loader className={style.activeLoader} /> : null}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PopinCorrection;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-correction/index.js"],"names":["extractTabs","items","map","type","item","iconType","title","isOpen","open","Resources","resources","overlay","style","browserWrapper","value","browser","propTypes","PropTypes","shape","ResourceBrowser","SimpleText","text","simpleTextWrapper","simpleText","innerHTML","__html","string","AssistanceLink","props","context","onClick","skin","white","wrapperAssistance","alertIcon","titleLink","contextTypes","Provider","childContextTypes","func","Question","header","answer","answerPrefix","question","questionHeader","answerWrapper","checkIcon","PopinCorrection","Component","constructor","state","initWrapper","bind","componentDidMount","deferOpen","clearTimeout","deferedOpen","onOpen","setState","wrapper","render","extraLifeGranted","gameOver","klf","tips","quit","assistanceLink","popinError","primary","tabs","isLoading","failed","className","finalBackground","initialBackground","cta","linkProps","quitCta","color","hideQuitCta","scrollWrapper","loadingWrapper","loadingContent","content","activeLoader","Header","Accordion","Link","CMPopin"],"mappings":"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","sourcesContent":["import React, {Component} from 'react';\nimport PropTypes from 'prop-types';\nimport {defer, isNil, isEmpty, get, getOr, keys, omit} from 'lodash/fp';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaLineInterfaceFeedbackInterfaceAlertCircle as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Link from '../../../atom/link';\nimport Provider from '../../../atom/provider';\nimport ResourceBrowser from '../../../organism/resource-browser';\nimport Accordion from '../../../organism/accordion/container';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Header from '../popin-header';\nimport style from './style.css';\n\nconst extractTabs = items =>\n  keys(items).map(type => {\n    const item = items[type];\n    return {iconType: type, title: item.title, isOpen: item.open};\n  });\n\nconst Resources = ({resources, overlay}) => (\n  <div className={style.browserWrapper}>\n    <ResourceBrowser resources={resources.value} overlay={overlay} className={style.browser} />\n  </div>\n);\n\nResources.propTypes = {\n  resources: PropTypes.shape({\n    value: ResourceBrowser.propTypes.resources\n  }),\n  overlay: ResourceBrowser.propTypes.overlay\n};\n\nconst SimpleText = ({text}) => (\n  <div data-name=\"simpleText\" className={style.simpleTextWrapper}>\n    <p\n      className={classnames(style.simpleText, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: text}}\n    />\n  </div>\n);\n\nSimpleText.propTypes = {\n  text: PropTypes.string\n};\n\nconst AssistanceLink = (props, context) => {\n  if (isEmpty(props)) return null;\n  const {title, onClick} = props;\n  if (isEmpty(title)) return null;\n  const {skin} = context;\n  const white = get('common.white', skin);\n\n  return (\n    <div className={style.wrapperAssistance} onClick={onClick}>\n      <AlertIcon className={style.alertIcon} color={white} />\n      <span className={style.titleLink}> {title} </span>\n    </div>\n  );\n};\n\nAssistanceLink.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nAssistanceLink.propTypes = {\n  title: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nconst Question = ({header, answer, answerPrefix}) => (\n  <div className={style.question}>\n    <p\n      className={classnames(style.questionHeader, style.innerHTML)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: header}}\n    />\n    <div className={style.answerWrapper}>\n      <CheckIcon className={style.checkIcon} color=\"inherit\" />\n      {answerPrefix ? <span className={style.answerPrefix}>{answerPrefix}</span> : null}\n      <span\n        className={classnames(style.answer, style.innerHTML)}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: answer}}\n      />\n    </div>\n  </div>\n);\n\nQuestion.propTypes = {\n  header: PropTypes.string,\n  answerPrefix: PropTypes.string,\n  answer: PropTypes.string\n};\n\nclass PopinCorrection extends Component {\n  static propTypes = {\n    resources: Resources.propTypes.resources,\n    overlay: ResourceBrowser.propTypes.overlay,\n    assistanceLink: PropTypes.shape(AssistanceLink.propTypes),\n    header: PropTypes.shape(omit(['animated'], Header.propTypes)),\n    extraLifeGranted: Header.propTypes.extraLifeGranted,\n    gameOver: Header.propTypes.gameOver,\n    question: PropTypes.shape(Question.propTypes),\n    klf: PropTypes.shape(SimpleText.propTypes),\n    tips: PropTypes.shape(SimpleText.propTypes),\n    onClick: Accordion.propTypes.onClick,\n    quit: PropTypes.shape({\n      cta: PropTypes.shape({\n        ...Link.propTypes,\n        title: PropTypes.string\n      })\n    }),\n    onOpen: PropTypes.func,\n    popinError: PropTypes.shape(CMPopin.propTypes)\n  };\n\n  static contextTypes = {\n    skin: Provider.childContextTypes.skin\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {open: false};\n    this.initWrapper = this.initWrapper.bind(this);\n  }\n\n  componentDidMount() {\n    this.deferOpen();\n  }\n\n  deferOpen() {\n    clearTimeout(this.deferedOpen);\n\n    this.deferedOpen = defer(() => {\n      const {onOpen} = this.props;\n      this.setState({open: true});\n      onOpen && onOpen();\n    });\n  }\n\n  initWrapper(wrapper) {\n    this.wrapper = wrapper;\n  }\n\n  render() {\n    const {\n      header = {},\n      extraLifeGranted,\n      gameOver,\n      question,\n      overlay,\n      resources,\n      klf,\n      tips,\n      onClick,\n      quit = {},\n      assistanceLink = {},\n      popinError\n    } = this.props;\n\n    const {open} = this.state;\n\n    const {skin} = this.context;\n    const primary = getOr('#f0f', 'common.primary', skin);\n\n    const tabs = extractTabs({resources, klf, tips});\n    const isLoading = isNil(header.failed);\n    const className = open ? style.finalBackground : style.initialBackground;\n    const {title, ...linkProps} = quit.cta || {};\n\n    const quitCta =\n      title || extraLifeGranted ? (\n        <Link\n          {...linkProps}\n          style={{\n            color: primary\n          }}\n          className={extraLifeGranted ? style.hideQuitCta : style.quitCta}\n          data-name=\"nextLink\"\n          data-popin=\"popinCorrection\"\n          data-next=\"quit-with-extra-life\"\n        >\n          {title}\n        </Link>\n      ) : null;\n\n    return (\n      <div ref={this.initWrapper} className={className} data-name=\"popinCorrection\">\n        {popinError ? <CMPopin {...popinError} /> : null}\n        <div className={style.scrollWrapper}>\n          <div className={isLoading ? style.loadingWrapper : style.wrapper}>\n            <div className={isLoading ? style.loadingContent : style.content}>\n              <Header\n                {...header}\n                gameOver={gameOver}\n                extraLifeGranted={extraLifeGranted}\n                animated\n              />\n              <Question {...question} />\n              <Accordion tabProps={tabs} onClick={onClick} oneTabOnly>\n                {isEmpty(getOr([], 'value', resources)) ? null : (\n                  <Resources resources={resources} overlay={overlay} />\n                )}\n                {klf.value ? <SimpleText text={klf.value} /> : null}\n                {tips.value ? <SimpleText text={tips.value} /> : null}\n              </Accordion>\n            </div>\n            {quitCta}\n            <AssistanceLink {...assistanceLink} />\n          </div>\n          {isLoading ? <Loader className={style.activeLoader} /> : null}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default PopinCorrection;\n"],"file":"index.js"}

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

@@ -9,6 +9,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _header = _interopRequireDefault(require("../player/slides/header"));
 
+var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _summary = _interopRequireDefault(require("./summary"));
 
 var _style = _interopRequireDefault(require("./style.css"));
@@ -34,12 +36,13 @@ const PopinEnd = props => {
   const {
     header,
     summary,
-    mode = 'default'
+    mode = 'default',
+    popinError
   } = props;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-name": "popinEnd",
     className: _style.default.wrapper
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, popinError ? /*#__PURE__*/_react.default.createElement(_cmPopin.default, popinError) : null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.slidesHeader
   }, /*#__PURE__*/_react.default.createElement(_header.default, header)), /*#__PURE__*/_react.default.createElement(Content, _extends({}, summary, {
     mode: mode
@@ -49,7 +52,8 @@ const PopinEnd = props => {
 PopinEnd.propTypes = process.env.NODE_ENV !== "production" ? {
   header: _propTypes.default.shape(_header.default.propTypes),
   summary: _propTypes.default.shape(_summary.default.propTypes),
-  mode: _propTypes.default.oneOf(['scorm', 'default'])
+  mode: _propTypes.default.oneOf(['scorm', 'default']),
+  popinError: _propTypes.default.shape(_cmPopin.default.propTypes)
 } : {};
 var _default = PopinEnd;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-end/index.js"],"names":["Content","props","mode","style","popinWrapper","propTypes","PropTypes","oneOf","PopinEnd","header","summary","wrapper","slidesHeader","shape","Header","Summary"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,IAAI,GAAG;AAAR,MAAqBD,KAA3B;AACA,sBACE;AAAK,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBC,eAAMC,YAAzB,GAAwC;AAAxD,kBACE,6BAAC,gBAAD,EAAaH,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACK,SAAR,2CAAoB;AAClBH,EAAAA,IAAI,EAAEI,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGP,KAAK,IAAI;AACxB,QAAM;AAACQ,IAAAA,MAAD;AAASC,IAAAA,OAAT;AAAkBR,IAAAA,IAAI,GAAG;AAAzB,MAAsCD,KAA5C;AACA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEE,eAAMQ;AAA3C,kBACE;AAAK,IAAA,SAAS,EAAER,eAAMS;AAAtB,kBACE,6BAAC,eAAD,EAAYH,MAAZ,CADF,CADF,eAIE,6BAAC,OAAD,eAAaC,OAAb;AAAsB,IAAA,IAAI,EAAER;AAA5B,KAJF,CADF;AAQD,CAVD;;AAYAM,QAAQ,CAACH,SAAT,2CAAqB;AACnBI,EAAAA,MAAM,EAAEH,mBAAUO,KAAV,CAAgBC,gBAAOT,SAAvB,CADW;AAEnBK,EAAAA,OAAO,EAAEJ,mBAAUO,KAAV,CAAgBE,iBAAQV,SAAxB,CAFU;AAGnBH,EAAAA,IAAI,EAAEI,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AAHa,CAArB;eAMeC,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../player/slides/header';\nimport Summary from './summary';\nimport style from './style.css';\n\nconst Content = props => {\n  const {mode = 'default'} = props;\n  return (\n    <div className={mode !== 'scorm' ? style.popinWrapper : null}>\n      <Summary {...props} />\n    </div>\n  );\n};\nContent.propTypes = {\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nconst PopinEnd = props => {\n  const {header, summary, mode = 'default'} = props;\n  return (\n    <div data-name=\"popinEnd\" className={style.wrapper}>\n      <div className={style.slidesHeader}>\n        <Header {...header} />\n      </div>\n      <Content {...summary} mode={mode} />\n    </div>\n  );\n};\n\nPopinEnd.propTypes = {\n  header: PropTypes.shape(Header.propTypes),\n  summary: PropTypes.shape(Summary.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinEnd;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-end/index.js"],"names":["Content","props","mode","style","popinWrapper","propTypes","PropTypes","oneOf","PopinEnd","header","summary","popinError","wrapper","slidesHeader","shape","Header","Summary","CMPopin"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,MAAMA,OAAO,GAAGC,KAAK,IAAI;AACvB,QAAM;AAACC,IAAAA,IAAI,GAAG;AAAR,MAAqBD,KAA3B;AACA,sBACE;AAAK,IAAA,SAAS,EAAEC,IAAI,KAAK,OAAT,GAAmBC,eAAMC,YAAzB,GAAwC;AAAxD,kBACE,6BAAC,gBAAD,EAAaH,KAAb,CADF,CADF;AAKD,CAPD;;AAQAD,OAAO,CAACK,SAAR,2CAAoB;AAClBH,EAAAA,IAAI,EAAEI,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB;AADY,CAApB;;AAIA,MAAMC,QAAQ,GAAGP,KAAK,IAAI;AACxB,QAAM;AAACQ,IAAAA,MAAD;AAASC,IAAAA,OAAT;AAAkBR,IAAAA,IAAI,GAAG,SAAzB;AAAoCS,IAAAA;AAApC,MAAkDV,KAAxD;AACA,sBACE;AAAK,iBAAU,UAAf;AAA0B,IAAA,SAAS,EAAEE,eAAMS;AAA3C,KACGD,UAAU,gBAAG,6BAAC,gBAAD,EAAaA,UAAb,CAAH,GAAiC,IAD9C,eAEE;AAAK,IAAA,SAAS,EAAER,eAAMU;AAAtB,kBACE,6BAAC,eAAD,EAAYJ,MAAZ,CADF,CAFF,eAKE,6BAAC,OAAD,eAAaC,OAAb;AAAsB,IAAA,IAAI,EAAER;AAA5B,KALF,CADF;AASD,CAXD;;AAaAM,QAAQ,CAACH,SAAT,2CAAqB;AACnBI,EAAAA,MAAM,EAAEH,mBAAUQ,KAAV,CAAgBC,gBAAOV,SAAvB,CADW;AAEnBK,EAAAA,OAAO,EAAEJ,mBAAUQ,KAAV,CAAgBE,iBAAQX,SAAxB,CAFU;AAGnBH,EAAAA,IAAI,EAAEI,mBAAUC,KAAV,CAAgB,CAAC,OAAD,EAAU,SAAV,CAAhB,CAHa;AAInBI,EAAAA,UAAU,EAAEL,mBAAUQ,KAAV,CAAgBG,iBAAQZ,SAAxB;AAJO,CAArB;eAOeG,Q","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Header from '../player/slides/header';\nimport CMPopin from '../../../molecule/cm-popin';\nimport Summary from './summary';\nimport style from './style.css';\n\nconst Content = props => {\n  const {mode = 'default'} = props;\n  return (\n    <div className={mode !== 'scorm' ? style.popinWrapper : null}>\n      <Summary {...props} />\n    </div>\n  );\n};\nContent.propTypes = {\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nconst PopinEnd = props => {\n  const {header, summary, mode = 'default', popinError} = props;\n  return (\n    <div data-name=\"popinEnd\" className={style.wrapper}>\n      {popinError ? <CMPopin {...popinError} /> : null}\n      <div className={style.slidesHeader}>\n        <Header {...header} />\n      </div>\n      <Content {...summary} mode={mode} />\n    </div>\n  );\n};\n\nPopinEnd.propTypes = {\n  header: PropTypes.shape(Header.propTypes),\n  summary: PropTypes.shape(Summary.propTypes),\n  mode: PropTypes.oneOf(['scorm', 'default']),\n  popinError: PropTypes.shape(CMPopin.propTypes)\n};\n\nexport default PopinEnd;\n"],"file":"index.js"}

package/lib/template/app-player/popin-header/index.js

@@ -448,7 +448,7 @@ const PopinHeader = (props, context) => {
     "data-name": "popinHeader",
     "data-state": state
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: mode !== 'scorm' && _style.default.headerTitle
+    className: (0, _classnames.default)(mode !== 'scorm' && _style.default.headerTitle)
   }, /*#__PURE__*/_react.default.createElement(CorrectionPart, {
     title: title,
     subtitle: subtitle,

package/lib/template/app-player/popin-header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-player/popin-header/index.js"],"names":["separator","index","style","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","PropTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","iconText","EASE_OUT_CUBIC","progress","Animation","contextTypes","Provider","childContextTypes","Stars","stars","Lifes","lives","revival","life","Life","count","IconsPart","props","iconsWrapper","AnimationScheduler","buildClass","success","loading","mode","scormStyle","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","Link","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  compact,\n  flatten,\n  get,\n  isNil,\n  pipe,\n  times,\n  zip,\n  round,\n  parseInt as _parseInt,\n  multiply,\n  isEmpty\n} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n  <span key={index} className={style.answerSeparator}>\n    /\n  </span>\n);\n\nconst joinBySeparator = elements => {\n  const separators = times(separator, elements.length - 1);\n  return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n  const answers = corrections.map((correction, index) => {\n    const key = `answer_${index}`;\n    return (\n      <span\n        key={key}\n        data-name=\"answer\"\n        data-correct={correction.isCorrect}\n        className={classnames(\n          correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: correction.answer}}\n      />\n    );\n  }, corrections);\n  return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n  corrections: PropTypes.arrayOf(\n    PropTypes.shape({\n      answer: PropTypes.string.isRequired,\n      isCorrect: PropTypes.bool.isRequired\n    })\n  )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(rank)) return null;\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <ChartsIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nRank.propTypes = {\n  failed: PropTypes.bool,\n  rank: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(stars)) return null;\n\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <StarIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span data-name=\"iconText\" className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nStars.propTypes = {\n  failed: PropTypes.bool,\n  stars: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n  if (isNil(lives)) return null;\n\n  return (\n    <Life\n      failed={failed}\n      count={lives}\n      animated={animated}\n      revival={revival}\n      className={style.life}\n    />\n  );\n};\n\nLifes.propTypes = {\n  lives: Life.propTypes.count,\n  failed: Life.propTypes.failed,\n  animated: Life.propTypes.animated,\n  revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n  const {lives, failed, stars, rank, animated, revival} = props;\n  return (\n    <AnimationScheduler animated>\n      <div className={style.iconsWrapper}>\n        <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n        <AnimationAdapter name=\"stars\">\n          <Stars stars={stars} fail={failed} />\n        </AnimationAdapter>\n        <AnimationAdapter name=\"rank\" after=\"stars\">\n          <Rank rank={rank} fail={failed} />\n        </AnimationAdapter>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nIconsPart.propTypes = {\n  lives: Lifes.propTypes.lives,\n  failed: Lifes.propTypes.failed,\n  stars: Stars.propTypes.stars,\n  rank: Rank.propTypes.rank,\n  animated: AnimationScheduler.propTypes.animated,\n  revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, mode = 'default', scormStyle) => {\n  if (loading && isNil(value)) return loading;\n  if (mode === 'scorm') return scormStyle;\n  return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n  if (extraLifeGranted) {\n    return style.oneMoreLife;\n  } else if (gameOver) {\n    return style.gameOver;\n  } else {\n    return null;\n  }\n};\nconst renderIconStatusScorm = failed => {\n  return (\n    <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n      {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n    </div>\n  );\n};\nconst buildDefaultOrScormStyle = (\n  defaultStyle,\n  mode = 'default',\n  styleScorm,\n  failed,\n  failedStyle = null\n) => {\n  if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n  if (mode === 'scorm') return styleScorm;\n  return defaultStyle;\n};\nconst CorrectionPart = props => {\n  const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n  const isLoading = isNil(failed);\n  const className = buildClass(\n    failed,\n    stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n    gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n    style.correctionSectionLoading,\n    mode,\n    style.resultContenantContainerScorm\n  );\n  return (\n    <div data-name=\"correctionSection\" className={className}>\n      {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n      <div\n        className={buildDefaultOrScormStyle(\n          style.titlesWrapper,\n          mode,\n          style.titlesWrapperScorm,\n          failed\n        )}\n      >\n        {isLoading ? <Loader /> : null}\n        <h1\n          data-name=\"title\"\n          className={buildDefaultOrScormStyle(\n            classnames(style.title, style.innerHTML),\n            mode,\n            style.resultTitleScorm,\n            failed\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <h2\n          className={buildDefaultOrScormStyle(\n            style.subtitle,\n            mode,\n            style.resultSubtitleScorm,\n            failed,\n            style.statusPlayerResultFailScorm\n          )}\n        >\n          {subtitle}\n        </h2>\n        {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n      </div>\n      {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n    </div>\n  );\n};\n\nCorrectionPart.propTypes = {\n  ...IconsPart.propTypes,\n  failed: PropTypes.bool,\n  corrections: AnswersCorrection.propTypes.corrections,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  stars: PropTypes.string,\n  rank: PropTypes.string,\n  gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n  const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n  const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n  let dataNext;\n\n  switch (type) {\n    case 'popinCorrection': {\n      if (gameOver) {\n        dataNext = 'game-over';\n      } else if (failed) {\n        if (lives > 0) {\n          dataNext = 'continue-failure';\n        } else if (extraLifeGranted) {\n          dataNext = 'continue-used-extra-life';\n        }\n      } else {\n        dataNext = 'continue-success';\n      }\n      break;\n    }\n\n    case 'popinEnd': {\n      if (failed) {\n        dataNext = 'redo-content';\n      } else if (showNextLevel) {\n        dataNext = 'next-level';\n      } else {\n        dataNext = 'home';\n      }\n    }\n  }\n\n  const nextStep = nextStepTitle ? (\n    <div\n      className={classnames(\n        gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n        style.innerHTML\n      )}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: nextStepTitle}}\n    />\n  ) : null;\n\n  return mode !== 'scorm' ? (\n    <Link\n      {...linkProps}\n      className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n      data-name=\"nextLink\"\n      data-popin={type}\n      data-next={dataNext}\n    >\n      <div className={style.wrapperNextSection}>\n        <div className={style.nextButton}>\n          {title}\n          <ArrowRight color=\"inherit\" className={style.nextButtonIcon} />\n        </div>\n        {nextStep}\n      </div>\n    </Link>\n  ) : null;\n};\n\nNextQuestionPart.propTypes = {\n  cta: PropTypes.shape({\n    ...Link.propTypes,\n    title: PropTypes.string,\n    nextStepTitle: PropTypes.string,\n    showNextLevel: PropTypes.bool\n  }),\n  type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n  extraLifeGranted: PropTypes.bool,\n  gameOver: PropTypes.bool,\n  failed: PropTypes.bool,\n  lives: PropTypes.number,\n  mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n  const {\n    animated,\n    failed,\n    title,\n    subtitle,\n    lives,\n    stars,\n    rank,\n    corrections,\n    cta,\n    extraLifeGranted,\n    gameOver = false,\n    type,\n    mode = 'default'\n  } = props;\n  const state = buildClass(failed, 'success', 'failed', null);\n\n  const nextLink = cta ? (\n    <NextQuestionPart\n      cta={cta}\n      type={type}\n      extraLifeGranted={extraLifeGranted}\n      failed={failed}\n      gameOver={gameOver}\n      lives={lives}\n      mode={mode}\n    />\n  ) : null;\n\n  return (\n    <div\n      className={classnames(\n        mode === 'scorm' && style.scorm,\n        cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n      )}\n      data-name=\"popinHeader\"\n      data-state={state}\n    >\n      <div className={mode !== 'scorm' && style.headerTitle}>\n        <CorrectionPart\n          title={title}\n          subtitle={subtitle}\n          lives={lives}\n          animated={animated}\n          stars={stars}\n          rank={rank}\n          failed={failed}\n          gameOver={gameOver}\n          revival={extraLifeGranted}\n          corrections={corrections}\n          mode={mode}\n        />\n        {nextLink}\n      </div>\n    </div>\n  );\n};\n\nPopinHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n  cta: NextQuestionPart.propTypes.cta,\n  type: NextQuestionPart.propTypes.type,\n  extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n  failed: NextQuestionPart.propTypes.failed,\n  gameOver: NextQuestionPart.propTypes.gameOver,\n  lives: NextQuestionPart.propTypes.lives,\n  title: CorrectionPart.propTypes.title,\n  subtitle: CorrectionPart.propTypes.subtitle,\n  animated: CorrectionPart.propTypes.animated,\n  stars: CorrectionPart.propTypes.stars,\n  rank: CorrectionPart.propTypes.rank,\n  corrections: CorrectionPart.propTypes.corrections,\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-player/popin-header/index.js"],"names":["separator","index","style","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","PropTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","iconText","EASE_OUT_CUBIC","progress","Animation","contextTypes","Provider","childContextTypes","Stars","stars","Lifes","lives","revival","life","Life","count","IconsPart","props","iconsWrapper","AnimationScheduler","buildClass","success","loading","mode","scormStyle","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","Link","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  compact,\n  flatten,\n  get,\n  isNil,\n  pipe,\n  times,\n  zip,\n  round,\n  parseInt as _parseInt,\n  multiply,\n  isEmpty\n} from 'lodash/fp';\nimport {\n  NovaCompositionNavigationArrowRight as ArrowRight,\n  NovaCompositionCoorpacademyCharts as ChartsIcon,\n  NovaCompositionCoorpacademyStar as StarIcon,\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n  <span key={index} className={style.answerSeparator}>\n    /\n  </span>\n);\n\nconst joinBySeparator = elements => {\n  const separators = times(separator, elements.length - 1);\n  return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n  const answers = corrections.map((correction, index) => {\n    const key = `answer_${index}`;\n    return (\n      <span\n        key={key}\n        data-name=\"answer\"\n        data-correct={correction.isCorrect}\n        className={classnames(\n          correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n          style.innerHTML\n        )}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: correction.answer}}\n      />\n    );\n  }, corrections);\n  return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n  corrections: PropTypes.arrayOf(\n    PropTypes.shape({\n      answer: PropTypes.string.isRequired,\n      isCorrect: PropTypes.bool.isRequired\n    })\n  )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(rank)) return null;\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <ChartsIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nRank.propTypes = {\n  failed: PropTypes.bool,\n  rank: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n  const positive = get('common.positive', skin);\n  if (failed || isNil(stars)) return null;\n\n  return (\n    <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n      <div className={style.centerContent}>\n        <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n          <div className={style.iconBubble}>\n            <StarIcon className={style.icon} color={positive} />\n          </div>\n        </Transition>\n        <span data-name=\"iconText\" className={style.iconText}>\n          <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n            {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n          </Animation>\n        </span>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nStars.propTypes = {\n  failed: PropTypes.bool,\n  stars: PropTypes.string,\n  animated: Animation.propTypes.animated,\n  onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n  if (isNil(lives)) return null;\n\n  return (\n    <Life\n      failed={failed}\n      count={lives}\n      animated={animated}\n      revival={revival}\n      className={style.life}\n    />\n  );\n};\n\nLifes.propTypes = {\n  lives: Life.propTypes.count,\n  failed: Life.propTypes.failed,\n  animated: Life.propTypes.animated,\n  revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n  const {lives, failed, stars, rank, animated, revival} = props;\n  return (\n    <AnimationScheduler animated>\n      <div className={style.iconsWrapper}>\n        <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n        <AnimationAdapter name=\"stars\">\n          <Stars stars={stars} fail={failed} />\n        </AnimationAdapter>\n        <AnimationAdapter name=\"rank\" after=\"stars\">\n          <Rank rank={rank} fail={failed} />\n        </AnimationAdapter>\n      </div>\n    </AnimationScheduler>\n  );\n};\n\nIconsPart.propTypes = {\n  lives: Lifes.propTypes.lives,\n  failed: Lifes.propTypes.failed,\n  stars: Stars.propTypes.stars,\n  rank: Rank.propTypes.rank,\n  animated: AnimationScheduler.propTypes.animated,\n  revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, mode = 'default', scormStyle) => {\n  if (loading && isNil(value)) return loading;\n  if (mode === 'scorm') return scormStyle;\n  return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n  if (extraLifeGranted) {\n    return style.oneMoreLife;\n  } else if (gameOver) {\n    return style.gameOver;\n  } else {\n    return null;\n  }\n};\nconst renderIconStatusScorm = failed => {\n  return (\n    <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n      {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n    </div>\n  );\n};\nconst buildDefaultOrScormStyle = (\n  defaultStyle,\n  mode = 'default',\n  styleScorm,\n  failed,\n  failedStyle = null\n) => {\n  if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n  if (mode === 'scorm') return styleScorm;\n  return defaultStyle;\n};\nconst CorrectionPart = props => {\n  const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n  const isLoading = isNil(failed);\n  const className = buildClass(\n    failed,\n    stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n    gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n    style.correctionSectionLoading,\n    mode,\n    style.resultContenantContainerScorm\n  );\n  return (\n    <div data-name=\"correctionSection\" className={className}>\n      {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n      <div\n        className={buildDefaultOrScormStyle(\n          style.titlesWrapper,\n          mode,\n          style.titlesWrapperScorm,\n          failed\n        )}\n      >\n        {isLoading ? <Loader /> : null}\n        <h1\n          data-name=\"title\"\n          className={buildDefaultOrScormStyle(\n            classnames(style.title, style.innerHTML),\n            mode,\n            style.resultTitleScorm,\n            failed\n          )}\n          // eslint-disable-next-line react/no-danger\n          dangerouslySetInnerHTML={{__html: title}}\n        />\n        <h2\n          className={buildDefaultOrScormStyle(\n            style.subtitle,\n            mode,\n            style.resultSubtitleScorm,\n            failed,\n            style.statusPlayerResultFailScorm\n          )}\n        >\n          {subtitle}\n        </h2>\n        {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n      </div>\n      {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n    </div>\n  );\n};\n\nCorrectionPart.propTypes = {\n  ...IconsPart.propTypes,\n  failed: PropTypes.bool,\n  corrections: AnswersCorrection.propTypes.corrections,\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  stars: PropTypes.string,\n  rank: PropTypes.string,\n  gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n  const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n  const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n  let dataNext;\n\n  switch (type) {\n    case 'popinCorrection': {\n      if (gameOver) {\n        dataNext = 'game-over';\n      } else if (failed) {\n        if (lives > 0) {\n          dataNext = 'continue-failure';\n        } else if (extraLifeGranted) {\n          dataNext = 'continue-used-extra-life';\n        }\n      } else {\n        dataNext = 'continue-success';\n      }\n      break;\n    }\n\n    case 'popinEnd': {\n      if (failed) {\n        dataNext = 'redo-content';\n      } else if (showNextLevel) {\n        dataNext = 'next-level';\n      } else {\n        dataNext = 'home';\n      }\n    }\n  }\n\n  const nextStep = nextStepTitle ? (\n    <div\n      className={classnames(\n        gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n        style.innerHTML\n      )}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{__html: nextStepTitle}}\n    />\n  ) : null;\n\n  return mode !== 'scorm' ? (\n    <Link\n      {...linkProps}\n      className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n      data-name=\"nextLink\"\n      data-popin={type}\n      data-next={dataNext}\n    >\n      <div className={style.wrapperNextSection}>\n        <div className={style.nextButton}>\n          {title}\n          <ArrowRight color=\"inherit\" className={style.nextButtonIcon} />\n        </div>\n        {nextStep}\n      </div>\n    </Link>\n  ) : null;\n};\n\nNextQuestionPart.propTypes = {\n  cta: PropTypes.shape({\n    ...Link.propTypes,\n    title: PropTypes.string,\n    nextStepTitle: PropTypes.string,\n    showNextLevel: PropTypes.bool\n  }),\n  type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n  extraLifeGranted: PropTypes.bool,\n  gameOver: PropTypes.bool,\n  failed: PropTypes.bool,\n  lives: PropTypes.number,\n  mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n  const {\n    animated,\n    failed,\n    title,\n    subtitle,\n    lives,\n    stars,\n    rank,\n    corrections,\n    cta,\n    extraLifeGranted,\n    gameOver = false,\n    type,\n    mode = 'default'\n  } = props;\n  const state = buildClass(failed, 'success', 'failed', null);\n\n  const nextLink = cta ? (\n    <NextQuestionPart\n      cta={cta}\n      type={type}\n      extraLifeGranted={extraLifeGranted}\n      failed={failed}\n      gameOver={gameOver}\n      lives={lives}\n      mode={mode}\n    />\n  ) : null;\n\n  return (\n    <div\n      className={classnames(\n        mode === 'scorm' && style.scorm,\n        cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n      )}\n      data-name=\"popinHeader\"\n      data-state={state}\n    >\n      <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n        <CorrectionPart\n          title={title}\n          subtitle={subtitle}\n          lives={lives}\n          animated={animated}\n          stars={stars}\n          rank={rank}\n          failed={failed}\n          gameOver={gameOver}\n          revival={extraLifeGranted}\n          corrections={corrections}\n          mode={mode}\n        />\n        {nextLink}\n      </div>\n    </div>\n  );\n};\n\nPopinHeader.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n  cta: NextQuestionPart.propTypes.cta,\n  type: NextQuestionPart.propTypes.type,\n  extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n  failed: NextQuestionPart.propTypes.failed,\n  gameOver: NextQuestionPart.propTypes.gameOver,\n  lives: NextQuestionPart.propTypes.lives,\n  title: CorrectionPart.propTypes.title,\n  subtitle: CorrectionPart.propTypes.subtitle,\n  animated: CorrectionPart.propTypes.animated,\n  stars: CorrectionPart.propTypes.stars,\n  rank: CorrectionPart.propTypes.rank,\n  corrections: CorrectionPart.propTypes.corrections,\n  mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"file":"index.js"}

package/lib/template/app-review/player/index.js

@@ -15,6 +15,8 @@ var _reviewHeader = _interopRequireDefault(require("../../../organism/review-hea
 
 var _reviewStackedSlides = _interopRequireDefault(require("../../../organism/review-stacked-slides"));
 
+var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _style = _interopRequireDefault(require("./style.css"));
 
 var _propTypes = require("./prop-types");
@@ -25,7 +27,8 @@ const PlayerReview = ({
   header,
   stack,
   reviewBackgroundAriaLabel,
-  congratsProps
+  congrats,
+  quitPopin
 }) => {
   return /*#__PURE__*/_react.default.createElement("div", {
     key: "review-player-container",
@@ -39,10 +42,13 @@ const PlayerReview = ({
   })), /*#__PURE__*/_react.default.createElement("div", {
     key: "review-header-wrapper",
     className: _style.default.reviewHeaderContainer
-  }, /*#__PURE__*/_react.default.createElement(_reviewHeader.default, header)), /*#__PURE__*/_react.default.createElement(_reviewStackedSlides.default, stack), (0, _isNil.default)(congratsProps) ? null : /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_reviewHeader.default, header)), /*#__PURE__*/_react.default.createElement(_reviewStackedSlides.default, stack), (0, _isNil.default)(congrats) ? null : /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.congrats,
     "data-name": "congrats-container"
-  }, /*#__PURE__*/_react.default.createElement(_reviewCongrats.default, congratsProps)));
+  }, /*#__PURE__*/_react.default.createElement(_reviewCongrats.default, congrats)), (0, _isNil.default)(quitPopin) ? null : /*#__PURE__*/_react.default.createElement("div", {
+    className: _style.default.quitPopin,
+    "data-name": "popin-container"
+  }, /*#__PURE__*/_react.default.createElement(_cmPopin.default, quitPopin)));
 };
 
 PlayerReview.propTypes = process.env.NODE_ENV !== "production" ? _propTypes.PlayerReviewPropTypes : {};

package/lib/template/app-review/player/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/player/index.js"],"names":["PlayerReview","header","stack","reviewBackgroundAriaLabel","congratsProps","style","playerReviewContainer","playerBackground","reviewHeaderContainer","congrats","propTypes","PlayerReviewPropTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,yBAAhB;AAA2CC,EAAAA;AAA3C,CAAD,KAA+D;AAClF,sBACE;AACE,IAAA,GAAG,EAAC,yBADN;AAEE,iBAAU,yBAFZ;AAGE,IAAA,SAAS,EAAEC,eAAMC;AAHnB,kBAKE;AAAK,IAAA,GAAG,EAAC,6BAAT;AAAuC,IAAA,SAAS,EAAED,eAAME;AAAxD,kBACE,6BAAC,yBAAD;AAAkB,kBAAYJ;AAA9B,IADF,CALF,eASE;AAAK,IAAA,GAAG,EAAC,uBAAT;AAAiC,IAAA,SAAS,EAAEE,eAAMG;AAAlD,kBACE,6BAAC,qBAAD,EAAkBP,MAAlB,CADF,CATF,eAaE,6BAAC,4BAAD,EAAmBC,KAAnB,CAbF,EAeG,oBAAME,aAAN,IAAuB,IAAvB,gBACC;AAAK,IAAA,SAAS,EAAEC,eAAMI,QAAtB;AAAgC,iBAAU;AAA1C,kBACE,6BAAC,uBAAD,EAAoBL,aAApB,CADF,CAhBJ,CADF;AAuBD,CAxBD;;AA0BAJ,YAAY,CAACU,SAAb,2CAAyBC,gCAAzB;eAEeX,Y","sourcesContent":["import React from 'react';\nimport isNil from 'lodash/fp/isNil';\nimport ReviewBackground from '../../../atom/review-background';\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewHeader from '../../../organism/review-header';\nimport StackedSlides from '../../../organism/review-stacked-slides';\nimport style from './style.css';\nimport {PlayerReviewPropTypes} from './prop-types';\n\nconst PlayerReview = ({header, stack, reviewBackgroundAriaLabel, congratsProps}) => {\n  return (\n    <div\n      key=\"review-player-container\"\n      data-name=\"review-player-container\"\n      className={style.playerReviewContainer}\n    >\n      <div key=\"player-background-container\" className={style.playerBackground}>\n        <ReviewBackground aria-label={reviewBackgroundAriaLabel} />\n      </div>\n\n      <div key=\"review-header-wrapper\" className={style.reviewHeaderContainer}>\n        <ReviewHeader {...header} />\n      </div>\n\n      <StackedSlides {...stack} />\n\n      {isNil(congratsProps) ? null : (\n        <div className={style.congrats} data-name=\"congrats-container\">\n          <ReviewCongrats {...congratsProps} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nPlayerReview.propTypes = PlayerReviewPropTypes;\n\nexport default PlayerReview;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/template/app-review/player/index.js"],"names":["PlayerReview","header","stack","reviewBackgroundAriaLabel","congrats","quitPopin","style","playerReviewContainer","playerBackground","reviewHeaderContainer","propTypes","PlayerReviewPropTypes"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,YAAY,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,yBAAhB;AAA2CC,EAAAA,QAA3C;AAAqDC,EAAAA;AAArD,CAAD,KAAqE;AACxF,sBACE;AACE,IAAA,GAAG,EAAC,yBADN;AAEE,iBAAU,yBAFZ;AAGE,IAAA,SAAS,EAAEC,eAAMC;AAHnB,kBAKE;AAAK,IAAA,GAAG,EAAC,6BAAT;AAAuC,IAAA,SAAS,EAAED,eAAME;AAAxD,kBACE,6BAAC,yBAAD;AAAkB,kBAAYL;AAA9B,IADF,CALF,eAQE;AAAK,IAAA,GAAG,EAAC,uBAAT;AAAiC,IAAA,SAAS,EAAEG,eAAMG;AAAlD,kBACE,6BAAC,qBAAD,EAAkBR,MAAlB,CADF,CARF,eAWE,6BAAC,4BAAD,EAAmBC,KAAnB,CAXF,EAYG,oBAAME,QAAN,IAAkB,IAAlB,gBACC;AAAK,IAAA,SAAS,EAAEE,eAAMF,QAAtB;AAAgC,iBAAU;AAA1C,kBACE,6BAAC,uBAAD,EAAoBA,QAApB,CADF,CAbJ,EAkBG,oBAAMC,SAAN,IAAmB,IAAnB,gBACC;AAAK,IAAA,SAAS,EAAEC,eAAMD,SAAtB;AAAiC,iBAAU;AAA3C,kBACE,6BAAC,gBAAD,EAAaA,SAAb,CADF,CAnBJ,CADF;AA0BD,CA3BD;;AA6BAL,YAAY,CAACU,SAAb,2CAAyBC,gCAAzB;eAEeX,Y","sourcesContent":["import React from 'react';\nimport isNil from 'lodash/fp/isNil';\nimport ReviewBackground from '../../../atom/review-background';\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewHeader from '../../../organism/review-header';\nimport StackedSlides from '../../../organism/review-stacked-slides';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\nimport {PlayerReviewPropTypes} from './prop-types';\n\nconst PlayerReview = ({header, stack, reviewBackgroundAriaLabel, congrats, quitPopin}) => {\n  return (\n    <div\n      key=\"review-player-container\"\n      data-name=\"review-player-container\"\n      className={style.playerReviewContainer}\n    >\n      <div key=\"player-background-container\" className={style.playerBackground}>\n        <ReviewBackground aria-label={reviewBackgroundAriaLabel} />\n      </div>\n      <div key=\"review-header-wrapper\" className={style.reviewHeaderContainer}>\n        <ReviewHeader {...header} />\n      </div>\n      <StackedSlides {...stack} />\n      {isNil(congrats) ? null : (\n        <div className={style.congrats} data-name=\"congrats-container\">\n          <ReviewCongrats {...congrats} />\n        </div>\n      )}\n\n      {isNil(quitPopin) ? null : (\n        <div className={style.quitPopin} data-name=\"popin-container\">\n          <CMPopin {...quitPopin} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nPlayerReview.propTypes = PlayerReviewPropTypes;\n\nexport default PlayerReview;\n"],"file":"index.js"}

package/lib/template/app-review/player/index.native.js

@@ -41,7 +41,8 @@ const Slides = props => {
     header,
     stack,
     reviewBackgroundAriaLabel,
-    congratsProps
+    congrats,
+    quitPopin
   } = props;
   const {
     theme,

package/lib/template/app-review/player/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":["createStyleSheet","theme","headerHeight","StyleSheet","create","container","flex","paddingTop","backgroundColor","colors","white","alignItems","header","width","height","ReviewHeader","style","Slides","props","stack","reviewBackgroundAriaLabel","congratsProps","display","styleSheet","setStylesheet","_stylesheet"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;AAGA,MAAMA,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KACvBC,wBAAWC,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,UAAU,EAAEL,YAFH;AAGTM,IAAAA,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC,KAHrB;AAIT;AACAC,IAAAA,UAAU,EAAE;AALH,GADK;AAQhBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,MADD;AAENL,IAAAA,eAAe,EAAE,MAFX;AAGNM,IAAAA,MAAM,EAAE;AAHF;AARQ,CAAlB,CADF;;AAgBA,MAAMC,YAAY,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACnB,6BAAC,iBAAD,EAAUA,KAAV,eACE,6BAAC,iBAAD,8BADF,CADF;;AAMA,MAAMC,MAAM,GAAIC,KAAD,IAAkB;AAC/B,QAAM;AAACN,IAAAA,MAAD;AAASO,IAAAA,KAAT;AAAgBC,IAAAA,yBAAhB;AAA2CC,IAAAA;AAA3C,MAA4DH,KAAlE;AAEA,QAAM;AACJjB,IAAAA,KADI;AAEJqB,IAAAA,OAAO,EAAE;AAACpB,MAAAA;AAAD;AAFL,MAGF,0CAHJ;AAKA,QAAM,CAACqB,UAAD,EAAaC,aAAb,IAA8B,qBAAqB,IAArB,CAApC;AAEA,wBAAU,MAAM;AACd,UAAMC,WAAW,GAAGzB,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;AACAsB,IAAAA,aAAa,CAACC,WAAD,CAAb;AACD,GAHD,EAGG,CAACxB,KAAD,EAAQC,YAAR,CAHH;;AAKA,MAAI,CAACqB,UAAL,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEA,UAAU,CAAClB;AAAxB,kBACE,6BAAC,YAAD;AAAc,IAAA,KAAK,EAAEkB,UAAU,CAACX;AAAhC,IADF,EAEGO,KAAK,gBAAG,6BAAC,cAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,CADF;AAMD,CAzBD;;eA2BeF,M","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, Text} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {Props} from './prop-types';\n\nconst createStyleSheet = (theme: Theme, headerHeight: number) =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingTop: headerHeight,\n      backgroundColor: theme.colors.white,\n      // justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    header: {\n      width: '100%',\n      backgroundColor: '#ded',\n      height: 70\n    }\n  });\n\nconst ReviewHeader = ({style}) => (\n  <View {...style}>\n    <Text>review header @todo</Text>\n  </View>\n);\n\nconst Slides = (props: Props) => {\n  const {header, stack, reviewBackgroundAriaLabel, congratsProps} = props;\n\n  const {\n    theme,\n    display: {headerHeight}\n  } = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<any | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, headerHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, headerHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <ReviewHeader style={styleSheet.header} />\n      {stack ? <StackedSlides {...stack} /> : null}\n    </View>\n  );\n};\n\nexport default Slides;\n"],"file":"index.native.js"}
+{"version":3,"sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":["createStyleSheet","theme","headerHeight","StyleSheet","create","container","flex","paddingTop","backgroundColor","colors","white","alignItems","header","width","height","ReviewHeader","style","Slides","props","stack","reviewBackgroundAriaLabel","congrats","quitPopin","display","styleSheet","setStylesheet","_stylesheet"],"mappings":";;;;;AAAA;;AACA;;AACA;;AAEA;;;;;;;;AAQA,MAAMA,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KACvBC,wBAAWC,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,UAAU,EAAEL,YAFH;AAGTM,IAAAA,eAAe,EAAEP,KAAK,CAACQ,MAAN,CAAaC,KAHrB;AAIT;AACAC,IAAAA,UAAU,EAAE;AALH,GADK;AAQhBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,MADD;AAENL,IAAAA,eAAe,EAAE,MAFX;AAGNM,IAAAA,MAAM,EAAE;AAHF;AARQ,CAAlB,CADF;;AAkBA,MAAMC,YAAY,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACnB,6BAAC,iBAAD,EAAUA,KAAV,eACE,6BAAC,iBAAD,8BADF,CADF;;AAMA,MAAMC,MAAM,GAAIC,KAAD,IAAkB;AAC/B,QAAM;AAACN,IAAAA,MAAD;AAASO,IAAAA,KAAT;AAAgBC,IAAAA,yBAAhB;AAA2CC,IAAAA,QAA3C;AAAqDC,IAAAA;AAArD,MAAkEJ,KAAxE;AAEA,QAAM;AACJjB,IAAAA,KADI;AAEJsB,IAAAA,OAAO,EAAE;AAACrB,MAAAA;AAAD;AAFL,MAGF,0CAHJ;AAKA,QAAM,CAACsB,UAAD,EAAaC,aAAb,IAA8B,qBAAqB,IAArB,CAApC;AAEA,wBAAU,MAAM;AACd,UAAMC,WAAW,GAAG1B,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;AACAuB,IAAAA,aAAa,CAACC,WAAD,CAAb;AACD,GAHD,EAGG,CAACzB,KAAD,EAAQC,YAAR,CAHH;;AAKA,MAAI,CAACsB,UAAL,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEA,UAAU,CAACnB;AAAxB,kBACE,6BAAC,YAAD;AAAc,IAAA,KAAK,EAAEmB,UAAU,CAACZ;AAAhC,IADF,EAEGO,KAAK,gBAAG,6BAAC,cAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,CADF;AAMD,CAzBD;;eA2BeF,M","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, Text, ViewStyle} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {Props} from './prop-types';\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, headerHeight: number): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      flex: 1,\n      paddingTop: headerHeight,\n      backgroundColor: theme.colors.white,\n      // justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    header: {\n      width: '100%',\n      backgroundColor: '#ded',\n      height: 70\n    }\n  });\n\ntype ReviewHeaderProps = {style: ViewStyle};\n\nconst ReviewHeader = ({style}: ReviewHeaderProps) => (\n  <View {...style}>\n    <Text>review header @todo</Text>\n  </View>\n);\n\nconst Slides = (props: Props) => {\n  const {header, stack, reviewBackgroundAriaLabel, congrats, quitPopin} = props;\n\n  const {\n    theme,\n    display: {headerHeight}\n  } = useTemplateContext();\n\n  const [styleSheet, setStylesheet] = useState<any | null>(null);\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme, headerHeight);\n    setStylesheet(_stylesheet);\n  }, [theme, headerHeight]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View style={styleSheet.container}>\n      <ReviewHeader style={styleSheet.header} />\n      {stack ? <StackedSlides {...stack} /> : null}\n    </View>\n  );\n};\n\nexport default Slides;\n"],"file":"index.native.js"}

package/lib/template/app-review/player/prop-types.js

@@ -11,15 +11,20 @@ var _propTypes3 = _interopRequireDefault(require("../../../atom/review-backgroun
 
 var _propTypes4 = _interopRequireDefault(require("../../../organism/review-header/prop-types"));
 
+var _cmPopin = _interopRequireDefault(require("../../../molecule/cm-popin"));
+
 var _propTypes5 = _interopRequireDefault(require("../../../organism/review-stacked-slides/prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _extends() { _extends = Object.assign || 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 PlayerReviewPropTypes = {
   header: _propTypes.default.shape(_propTypes4.default),
   stack: _propTypes.default.shape(_propTypes5.default),
   reviewBackgroundAriaLabel: _propTypes3.default['aria-label'],
-  congratsProps: _propTypes.default.shape(_propTypes2.default)
+  congrats: _propTypes.default.shape(_propTypes2.default),
+  quitPopin: _propTypes.default.shape(_extends({}, _cmPopin.default.propTypes))
 };
 exports.PlayerReviewPropTypes = PlayerReviewPropTypes;
 //# sourceMappingURL=prop-types.js.map

package/lib/template/app-review/player/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":["PlayerReviewPropTypes","header","PropTypes","shape","ReviewHeaderPropTypes","stack","StackedSlidesPropTypes","reviewBackgroundAriaLabel","ReviewBackgroundPropTypes","congratsProps","ReviewCongratsPropTypes"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,MAAM,EAAEC,mBAAUC,KAAV,CAAgBC,mBAAhB,CAD2B;AAEnCC,EAAAA,KAAK,EAAEH,mBAAUC,KAAV,CAAgBG,mBAAhB,CAF4B;AAGnCC,EAAAA,yBAAyB,EAAEC,oBAA0B,YAA1B,CAHQ;AAInCC,EAAAA,aAAa,EAAEP,mBAAUC,KAAV,CAAgBO,mBAAhB;AAJoB,CAA9B","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes from '../../../organism/review-header/prop-types';\nimport StackedSlidesPropTypes from '../../../organism/review-stacked-slides/prop-types';\n\nexport const PlayerReviewPropTypes = {\n  header: PropTypes.shape(ReviewHeaderPropTypes),\n  stack: PropTypes.shape(StackedSlidesPropTypes),\n  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n  congratsProps: PropTypes.shape(ReviewCongratsPropTypes)\n};\n\nexport type Props = PropTypes.InferProps<typeof PlayerReviewPropTypes>;\n"],"file":"prop-types.js"}
+{"version":3,"sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":["PlayerReviewPropTypes","header","PropTypes","shape","ReviewHeaderPropTypes","stack","StackedSlidesPropTypes","reviewBackgroundAriaLabel","ReviewBackgroundPropTypes","congrats","ReviewCongratsPropTypes","quitPopin","CmPopin","propTypes"],"mappings":";;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAIO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,MAAM,EAAEC,mBAAUC,KAAV,CAAgBC,mBAAhB,CAD2B;AAEnCC,EAAAA,KAAK,EAAEH,mBAAUC,KAAV,CAAgBG,mBAAhB,CAF4B;AAGnCC,EAAAA,yBAAyB,EAAEC,oBAA0B,YAA1B,CAHQ;AAInCC,EAAAA,QAAQ,EAAEP,mBAAUC,KAAV,CAAgBO,mBAAhB,CAJyB;AAKnCC,EAAAA,SAAS,EAAET,mBAAUC,KAAV,cAAoBS,iBAAQC,SAA5B;AALwB,CAA9B","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes from '../../../organism/review-header/prop-types';\nimport CmPopin from '../../../molecule/cm-popin';\nimport StackedSlidesPropTypes, {\n  Props as StackedSlidesProps\n} from '../../../organism/review-stacked-slides/prop-types';\n\nexport const PlayerReviewPropTypes = {\n  header: PropTypes.shape(ReviewHeaderPropTypes),\n  stack: PropTypes.shape(StackedSlidesPropTypes),\n  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n  congrats: PropTypes.shape(ReviewCongratsPropTypes),\n  quitPopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nexport type Props = {\n  header: PropTypes.InferProps<typeof ReviewHeaderPropTypes>;\n  stack: StackedSlidesProps;\n  reviewBackgroundAriaLabel: string;\n  congrats: PropTypes.InferProps<typeof ReviewCongratsPropTypes>;\n  quitPopin: PropTypes.InferProps<typeof CmPopin.propTypes>;\n};\n"],"file":"prop-types.js"}

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

@@ -40,9 +40,19 @@
   left: 0;
 }
 
+.quitPopin {
+  z-index: 50;
+}
+
 /* ie fallback */
 :-ms-fullscreen,
 :root .congrats {
   position: relative;
   bottom: 20%;
+}
+
+:-ms-fullscreen,
+.quitPopin {
+  position: absolute;
+  z-index: 80;
 }