@coorpacademy/components 11.32.52 → 11.33.0

package/es/organism/review-no-skills/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","Text","View","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","useTemplateContext","createStyleSheet","theme","create","subtitle","fontSize","xlarge","color","colors","text","primary","marginBottom","spacing","tiny","lineHeight","opacity","base","noSkillsImage","flex","alignSelf","width","height","ReviewNoSkills","props","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../src/organism/review-no-skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {StyleSheet, Text, View, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport {Theme} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {NoSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  subtitle: TextStyle;\n  text: TextStyle;\n  noSkillsImage: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    subtitle: {\n      fontSize: theme.fontSize.xlarge,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    text: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.base\n    },\n    noSkillsImage: {\n      flex: 1,\n      alignSelf: 'center',\n      width: 320,\n      height: 300\n    }\n  });\n\nconst ReviewNoSkills = (props: NoSkillsProps) => {\n  const {titleNoSkills, textNoSkills, iconSkillAriaLabel} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View>\n      <Text style={styleSheet.subtitle}>{titleNoSkills}</Text>\n      <Text style={styleSheet.text}>{textNoSkills}</Text>\n      <EmptyStateHomeRevision\n        style={styleSheet.noSkillsImage}\n        iconSkillAriaLabel={iconSkillAriaLabel}\n      />\n    </View>\n  );\n};\n\nexport default ReviewNoSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,UAAR,EAAoBC,IAApB,EAA0BC,IAA1B,QAA2D,cAA3D;AACA,SAAQC,iDAAiD,IAAIC,sBAA7D,QAA0F,0BAA1F;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;;AASA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBP,UAAU,CAACQ,MAAX,CAAkB;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAEH,KAAK,CAACG,QAAN,CAAeC,MADjB;IAERC,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaC,IAAb,CAAkBC,OAFjB;IAGRC,YAAY,EAAET,KAAK,CAACU,OAAN,CAAcC;EAHpB,CADM;EAMhBJ,IAAI,EAAE;IACJJ,QAAQ,EAAE,EADN;IAEJS,UAAU,EAAE,EAFR;IAGJP,KAAK,EAAEL,KAAK,CAACM,MAAN,CAAaC,IAAb,CAAkBC,OAHrB;IAIJK,OAAO,EAAE,GAJL;IAKJJ,YAAY,EAAET,KAAK,CAACU,OAAN,CAAcI;EALxB,CANU;EAahBC,aAAa,EAAE;IACbC,IAAI,EAAE,CADO;IAEbC,SAAS,EAAE,QAFE;IAGbC,KAAK,EAAE,GAHM;IAIbC,MAAM,EAAE;EAJK;AAbC,CAAlB,CADF;;AAsBA,MAAMC,cAAc,GAAIC,KAAD,IAA0B;EAC/C,MAAM;IAACC,aAAD;IAAgBC,YAAhB;IAA8BC;EAA9B,IAAoDH,KAA1D;EACA,MAAMI,eAAe,GAAG3B,kBAAkB,EAA1C;EACA,MAAM,CAAC4B,UAAD,EAAaC,aAAb,IAA8BpC,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACS;EAAD,IAAUyB,eAAhB;EAEAjC,SAAS,CAAC,MAAM;IACd,MAAMoC,WAAW,GAAG7B,gBAAgB,CAACC,KAAD,CAApC;;IACA2B,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAAC5B,KAAD,CAHM,CAAT;;EAKA,IAAI,CAAC0B,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD,qBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAACxB;EAAxB,GAAmCoB,aAAnC,CADF,eAEE,oBAAC,IAAD;IAAM,KAAK,EAAEI,UAAU,CAACnB;EAAxB,GAA+BgB,YAA/B,CAFF,eAGE,oBAAC,sBAAD;IACE,KAAK,EAAEG,UAAU,CAACX,aADpB;IAEE,kBAAkB,EAAES;EAFtB,EAHF,CADF;AAUD,CAzBD;;AA2BA,eAAeJ,cAAf"}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","Text","View","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","useTemplateContext","createStyleSheet","theme","create","subtitle","fontSize","xlarge","color","colors","text","primary","marginBottom","spacing","tiny","lineHeight","opacity","base","noSkillsImage","flex","alignSelf","width","height","ReviewNoSkills","props","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet","createElement","style"],"sources":["../../../src/organism/review-no-skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {StyleSheet, Text, View, ViewStyle, TextStyle} from 'react-native';\nimport {NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision} from '@coorpacademy/nova-icons';\nimport {Theme} from '../../variables/theme.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {NoSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n  subtitle: TextStyle;\n  text: TextStyle;\n  noSkillsImage: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    subtitle: {\n      fontSize: theme.fontSize.xlarge,\n      color: theme.colors.text.primary,\n      marginBottom: theme.spacing.tiny\n    },\n    text: {\n      fontSize: 16,\n      lineHeight: 22,\n      color: theme.colors.text.primary,\n      opacity: 0.7,\n      marginBottom: theme.spacing.base\n    },\n    noSkillsImage: {\n      flex: 1,\n      alignSelf: 'center',\n      width: 320,\n      height: 300\n    }\n  });\n\nconst ReviewNoSkills = (props: NoSkillsProps) => {\n  const {titleNoSkills, textNoSkills, iconSkillAriaLabel} = props;\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <View>\n      <Text style={styleSheet.subtitle}>{titleNoSkills}</Text>\n      <Text style={styleSheet.text}>{textNoSkills}</Text>\n      <EmptyStateHomeRevision\n        style={styleSheet.noSkillsImage}\n        iconSkillAriaLabel={iconSkillAriaLabel}\n      />\n    </View>\n  );\n};\n\nexport default ReviewNoSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAChD,SAAQC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAA6B,cAAc;AACzE,SAAQC,iDAAiD,IAAIC,sBAAsB,QAAO,0BAA0B;AAEpH,SAAQC,kBAAkB,QAAO,4CAA4C;AAS7E,MAAMC,gBAAgB,GAAIC,KAAY,IACpCP,UAAU,CAACQ,MAAM,CAAC;EAChBC,QAAQ,EAAE;IACRC,QAAQ,EAAEH,KAAK,CAACG,QAAQ,CAACC,MAAM;IAC/BC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAACC,OAAO;IAChCC,YAAY,EAAET,KAAK,CAACU,OAAO,CAACC;EAC9B,CAAC;EACDJ,IAAI,EAAE;IACJJ,QAAQ,EAAE,EAAE;IACZS,UAAU,EAAE,EAAE;IACdP,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAACC,OAAO;IAChCK,OAAO,EAAE,GAAG;IACZJ,YAAY,EAAET,KAAK,CAACU,OAAO,CAACI;EAC9B,CAAC;EACDC,aAAa,EAAE;IACbC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAE,GAAG;IACVC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEJ,MAAMC,cAAc,GAAIC,KAAoB,IAAK;EAC/C,MAAM;IAACC,aAAa;IAAEC,YAAY;IAAEC;EAAkB,CAAC,GAAGH,KAAK;EAC/D,MAAMI,eAAe,GAAG3B,kBAAkB,CAAC,CAAC;EAC5C,MAAM,CAAC4B,UAAU,EAAEC,aAAa,CAAC,GAAGpC,QAAQ,CAAwB,IAAI,CAAC;EACzE,MAAM;IAACS;EAAK,CAAC,GAAGyB,eAAe;EAE/BjC,SAAS,CAAC,MAAM;IACd,MAAMoC,WAAW,GAAG7B,gBAAgB,CAACC,KAAK,CAAC;IAC3C2B,aAAa,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAAC5B,KAAK,CAAC,CAAC;EAEX,IAAI,CAAC0B,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACEpC,KAAA,CAAAuC,aAAA,CAAClC,IAAI,qBACHL,KAAA,CAAAuC,aAAA,CAACnC,IAAI;IAACoC,KAAK,EAAEJ,UAAU,CAACxB;EAAS,GAAEoB,aAAoB,CAAC,eACxDhC,KAAA,CAAAuC,aAAA,CAACnC,IAAI;IAACoC,KAAK,EAAEJ,UAAU,CAACnB;EAAK,GAAEgB,YAAmB,CAAC,eACnDjC,KAAA,CAAAuC,aAAA,CAAChC,sBAAsB;IACrBiC,KAAK,EAAEJ,UAAU,CAACX,aAAc;IAChCS,kBAAkB,EAAEA;EAAmB,CACxC,CACG,CAAC;AAEX,CAAC;AAED,eAAeJ,cAAc","ignoreList":[]}

package/es/organism/review-no-skills/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","titleNoSkills","string","isRequired","textNoSkills","iconSkillAriaLabel","imagePosition","oneOf"],"sources":["../../../src/organism/review-no-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  titleNoSkills: PropTypes.string.isRequired,\n  textNoSkills: PropTypes.string.isRequired,\n  iconSkillAriaLabel: PropTypes.string.isRequired,\n  imagePosition: PropTypes.oneOf(['top', 'bottom'])\n};\n\nexport default propTypes;\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n  iconSkillAriaLabel: string;\n  imagePosition?: 'top' | 'bottom';\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,MAAMC,SAAS,GAAG;EAChBC,aAAa,EAAEF,SAAS,CAACG,MAAV,CAAiBC,UADhB;EAEhBC,YAAY,EAAEL,SAAS,CAACG,MAAV,CAAiBC,UAFf;EAGhBE,kBAAkB,EAAEN,SAAS,CAACG,MAAV,CAAiBC,UAHrB;EAIhBG,aAAa,EAAEP,SAAS,CAACQ,KAAV,CAAgB,CAAC,KAAD,EAAQ,QAAR,CAAhB;AAJC,CAAlB;AAOA,eAAeP,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","propTypes","titleNoSkills","string","isRequired","textNoSkills","iconSkillAriaLabel","imagePosition","oneOf"],"sources":["../../../src/organism/review-no-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst propTypes = {\n  titleNoSkills: PropTypes.string.isRequired,\n  textNoSkills: PropTypes.string.isRequired,\n  iconSkillAriaLabel: PropTypes.string.isRequired,\n  imagePosition: PropTypes.oneOf(['top', 'bottom'])\n};\n\nexport default propTypes;\n\nexport type NoSkillsProps = {\n  titleNoSkills: string;\n  textNoSkills: string;\n  iconSkillAriaLabel: string;\n  imagePosition?: 'top' | 'bottom';\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAG;EAChBC,aAAa,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;EAC1CC,YAAY,EAAEL,SAAS,CAACG,MAAM,CAACC,UAAU;EACzCE,kBAAkB,EAAEN,SAAS,CAACG,MAAM,CAACC,UAAU;EAC/CG,aAAa,EAAEP,SAAS,CAACQ,KAAK,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC;AAClD,CAAC;AAED,eAAeP,SAAS","ignoreList":[]}

package/es/organism/review-skills/index.js

@@ -3,7 +3,6 @@ import map from 'lodash/fp/map';
 import SkillCard from '../../molecule/skill-card';
 import style from './style.css';
 import propTypes from './prop-types';
-
 const ReviewListSkills = ({
   listSkills
 }) => {
@@ -18,7 +17,6 @@ const ReviewListSkills = ({
     }, /*#__PURE__*/React.createElement(SkillCard, skillCard));
   }, listSkills));
 };
-
 ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default ReviewListSkills;
 //# sourceMappingURL=index.js.map

package/es/organism/review-skills/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","map","SkillCard","style","propTypes","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer"],"sources":["../../../src/organism/review-skills/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = propTypes;\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAACC;AAAD,CAAD,KAAkB;EACzC,oBACE;IAAK,SAAS,EAAEH,KAAK,CAACI;EAAtB,GACGD,UAAU,IACTL,GAAG,CAACO,OAAJ,CAAY;IAACC,GAAG,EAAE;EAAN,CAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;IAC5C,oBACE;MAAK,SAAS,EAAER,KAAK,CAACS,kBAAtB;MAA0C,GAAG,EAAG,QAAOD,GAAI;IAA3D,gBACE,oBAAC,SAAD,EAAeD,SAAf,CADF,CADF;EAKD,CAND,EAMGJ,UANH,CAFJ,CADF;AAYD,CAbD;;AAeAD,gBAAgB,CAACD,SAAjB,2CAA6BA,SAA7B;AAEA,eAAeC,gBAAf"}
+{"version":3,"file":"index.js","names":["React","map","SkillCard","style","propTypes","ReviewListSkills","listSkills","createElement","className","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer","process","env","NODE_ENV"],"sources":["../../../src/organism/review-skills/index.js"],"sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewListSkills = ({listSkills}) => {\n  return (\n    <div className={style.listSkillsContainer}>\n      {listSkills &&\n        map.convert({cap: false})((skillCard, key) => {\n          return (\n            <div className={style.skillCardContainer} key={`step-${key}`}>\n              <SkillCard {...skillCard} />\n            </div>\n          );\n        }, listSkills)}\n    </div>\n  );\n};\n\nReviewListSkills.propTypes = propTypes;\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,gBAAgB,GAAGA,CAAC;EAACC;AAAU,CAAC,KAAK;EACzC,oBACEN,KAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEL,KAAK,CAACM;EAAoB,GACvCH,UAAU,IACTL,GAAG,CAACS,OAAO,CAAC;IAACC,GAAG,EAAE;EAAK,CAAC,CAAC,CAAC,CAACC,SAAS,EAAEC,GAAG,KAAK;IAC5C,oBACEb,KAAA,CAAAO,aAAA;MAAKC,SAAS,EAAEL,KAAK,CAACW,kBAAmB;MAACD,GAAG,EAAE,QAAQA,GAAG;IAAG,gBAC3Db,KAAA,CAAAO,aAAA,CAACL,SAAS,EAAKU,SAAY,CACxB,CAAC;EAEV,CAAC,EAAEN,UAAU,CACZ,CAAC;AAEV,CAAC;AAEDD,gBAAgB,CAACD,SAAS,GAAAW,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGb,SAAS;AAEtC,eAAeC,gBAAgB","ignoreList":[]}

package/es/organism/review-skills/index.native.js

@@ -6,7 +6,6 @@ const style = StyleSheet.create({
     paddingBottom: 200
   }
 });
-
 const Item = ({
   item: {
     'aria-label': ariaLabel,
@@ -30,7 +29,6 @@ const Item = ({
   buttonAriaLabel: buttonAriaLabel,
   isCustom: isCustom
 });
-
 const ReviewListSkills = props => {
   const {
     listSkills
@@ -41,6 +39,5 @@ const ReviewListSkills = props => {
     renderItem: Item
   });
 };
-
 export default ReviewListSkills;
 //# sourceMappingURL=index.native.js.map

package/es/organism/review-skills/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","FlatList","StyleSheet","SkillCard","style","create","skills","paddingBottom","Item","item","ariaLabel","skillTitle","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonLabel","buttonAriaLabel","isCustom","ReviewListSkills","props","listSkills"],"sources":["../../../src/organism/review-skills/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {FlatList, StyleSheet} from 'react-native';\nimport SkillCard from '../../molecule/skill-card/index.native';\nimport {SkillCardProps} from '../../molecule/skill-card/prop-types';\nimport {ReviewSkills} from './prop-types';\n\ntype ItemProps = {\n  item: SkillCardProps;\n};\n\nconst style = StyleSheet.create({\n  skills: {paddingBottom: 200}\n});\n\nconst Item = ({\n  item: {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    buttonLabel,\n    buttonAriaLabel,\n    isCustom\n  }\n}: ItemProps) => (\n  <SkillCard\n    aria-label={ariaLabel}\n    skillTitle={skillTitle}\n    skillAriaLabel={skillAriaLabel}\n    reviseLabel={reviseLabel}\n    reviseAriaLabel={reviseAriaLabel}\n    onClick={onClick}\n    buttonLabel={buttonLabel}\n    buttonAriaLabel={buttonAriaLabel}\n    isCustom={isCustom}\n  />\n);\n\nconst ReviewListSkills = (props: ReviewSkills) => {\n  const {listSkills} = props;\n\n  return <FlatList contentContainerStyle={style.skills} data={listSkills} renderItem={Item} />;\n};\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,QAAR,EAAkBC,UAAlB,QAAmC,cAAnC;AACA,OAAOC,SAAP,MAAsB,wCAAtB;AAQA,MAAMC,KAAK,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC9BC,MAAM,EAAE;IAACC,aAAa,EAAE;EAAhB;AADsB,CAAlB,CAAd;;AAIA,MAAMC,IAAI,GAAG,CAAC;EACZC,IAAI,EAAE;IACJ,cAAcC,SADV;IAEJC,UAFI;IAGJC,cAHI;IAIJC,WAJI;IAKJC,eALI;IAMJC,OANI;IAOJC,WAPI;IAQJC,eARI;IASJC;EATI;AADM,CAAD,kBAaX,oBAAC,SAAD;EACE,cAAYR,SADd;EAEE,UAAU,EAAEC,UAFd;EAGE,cAAc,EAAEC,cAHlB;EAIE,WAAW,EAAEC,WAJf;EAKE,eAAe,EAAEC,eALnB;EAME,OAAO,EAAEC,OANX;EAOE,WAAW,EAAEC,WAPf;EAQE,eAAe,EAAEC,eARnB;EASE,QAAQ,EAAEC;AATZ,EAbF;;AA0BA,MAAMC,gBAAgB,GAAIC,KAAD,IAAyB;EAChD,MAAM;IAACC;EAAD,IAAeD,KAArB;EAEA,oBAAO,oBAAC,QAAD;IAAU,qBAAqB,EAAEhB,KAAK,CAACE,MAAvC;IAA+C,IAAI,EAAEe,UAArD;IAAiE,UAAU,EAAEb;EAA7E,EAAP;AACD,CAJD;;AAMA,eAAeW,gBAAf"}
+{"version":3,"file":"index.native.js","names":["React","FlatList","StyleSheet","SkillCard","style","create","skills","paddingBottom","Item","item","ariaLabel","skillTitle","skillAriaLabel","reviseLabel","reviseAriaLabel","onClick","buttonLabel","buttonAriaLabel","isCustom","createElement","ReviewListSkills","props","listSkills","contentContainerStyle","data","renderItem"],"sources":["../../../src/organism/review-skills/index.native.tsx"],"sourcesContent":["import React from 'react';\nimport {FlatList, StyleSheet} from 'react-native';\nimport SkillCard from '../../molecule/skill-card/index.native';\nimport {SkillCardProps} from '../../molecule/skill-card/prop-types';\nimport {ReviewSkills} from './prop-types';\n\ntype ItemProps = {\n  item: SkillCardProps;\n};\n\nconst style = StyleSheet.create({\n  skills: {paddingBottom: 200}\n});\n\nconst Item = ({\n  item: {\n    'aria-label': ariaLabel,\n    skillTitle,\n    skillAriaLabel,\n    reviseLabel,\n    reviseAriaLabel,\n    onClick,\n    buttonLabel,\n    buttonAriaLabel,\n    isCustom\n  }\n}: ItemProps) => (\n  <SkillCard\n    aria-label={ariaLabel}\n    skillTitle={skillTitle}\n    skillAriaLabel={skillAriaLabel}\n    reviseLabel={reviseLabel}\n    reviseAriaLabel={reviseAriaLabel}\n    onClick={onClick}\n    buttonLabel={buttonLabel}\n    buttonAriaLabel={buttonAriaLabel}\n    isCustom={isCustom}\n  />\n);\n\nconst ReviewListSkills = (props: ReviewSkills) => {\n  const {listSkills} = props;\n\n  return <FlatList contentContainerStyle={style.skills} data={listSkills} renderItem={Item} />;\n};\n\nexport default ReviewListSkills;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAQC,QAAQ,EAAEC,UAAU,QAAO,cAAc;AACjD,OAAOC,SAAS,MAAM,wCAAwC;AAQ9D,MAAMC,KAAK,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC9BC,MAAM,EAAE;IAACC,aAAa,EAAE;EAAG;AAC7B,CAAC,CAAC;AAEF,MAAMC,IAAI,GAAGA,CAAC;EACZC,IAAI,EAAE;IACJ,YAAY,EAAEC,SAAS;IACvBC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,eAAe;IACfC,OAAO;IACPC,WAAW;IACXC,eAAe;IACfC;EACF;AACS,CAAC,kBACVlB,KAAA,CAAAmB,aAAA,CAAChB,SAAS;EACR,cAAYO,SAAU;EACtBC,UAAU,EAAEA,UAAW;EACvBC,cAAc,EAAEA,cAAe;EAC/BC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,OAAO,EAAEA,OAAQ;EACjBC,WAAW,EAAEA,WAAY;EACzBC,eAAe,EAAEA,eAAgB;EACjCC,QAAQ,EAAEA;AAAS,CACpB,CACF;AAED,MAAME,gBAAgB,GAAIC,KAAmB,IAAK;EAChD,MAAM;IAACC;EAAU,CAAC,GAAGD,KAAK;EAE1B,oBAAOrB,KAAA,CAAAmB,aAAA,CAAClB,QAAQ;IAACsB,qBAAqB,EAAEnB,KAAK,CAACE,MAAO;IAACkB,IAAI,EAAEF,UAAW;IAACG,UAAU,EAAEjB;EAAK,CAAE,CAAC;AAC9F,CAAC;AAED,eAAeY,gBAAgB","ignoreList":[]}

package/es/organism/review-skills/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","SkillCardPropsType","propTypes","listSkills","arrayOf","shape"],"sources":["../../../src/organism/review-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SkillCardPropsType, {SkillCardProps} from '../../molecule/skill-card/prop-types';\n\nconst propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropsType))\n};\n\nexport default propTypes;\n\nexport type ReviewSkills = {\n  listSkills: SkillCardProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAAiD,sCAAjD;AAEA,MAAMC,SAAS,GAAG;EAChBC,UAAU,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBJ,kBAAhB,CAAlB;AADI,CAAlB;AAIA,eAAeC,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","SkillCardPropsType","propTypes","listSkills","arrayOf","shape"],"sources":["../../../src/organism/review-skills/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport SkillCardPropsType, {SkillCardProps} from '../../molecule/skill-card/prop-types';\n\nconst propTypes = {\n  listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropsType))\n};\n\nexport default propTypes;\n\nexport type ReviewSkills = {\n  listSkills: SkillCardProps[];\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,kBAAkB,MAAwB,sCAAsC;AAEvF,MAAMC,SAAS,GAAG;EAChBC,UAAU,EAAEH,SAAS,CAACI,OAAO,CAACJ,SAAS,CAACK,KAAK,CAACJ,kBAAkB,CAAC;AACnE,CAAC;AAED,eAAeC,SAAS","ignoreList":[]}

package/es/organism/review-slide/index.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -12,7 +11,6 @@ import ReviewCorrectionPopin from '../../molecule/review-correction-popin';
 import Provider, { GetSkinFromContext, GetTranslateFromContext } from '../../atom/provider';
 import propTypes from './prop-types';
 import style from './style.css';
-
 const CorrectionPopin = ({
   correctionPopinProps,
   slideIndex,
@@ -43,14 +41,12 @@ const CorrectionPopin = ({
     className: classnames(style.correctionPopinWrapper, animateCorrectionPopin ? style.popinAnimation : null)
   }, /*#__PURE__*/React.createElement(ReviewCorrectionPopin, _correctionPopinProps));
 };
-
 CorrectionPopin.propTypes = process.env.NODE_ENV !== "production" ? {
   slideIndex: PropTypes.string,
   showCorrectionPopin: PropTypes.bool,
   animateCorrectionPopin: PropTypes.bool,
   correctionPopinProps: propTypes.correctionPopinProps
 } : {};
-
 const ValidateButton = ({
   slideIndex,
   validateButton,
@@ -74,15 +70,14 @@ const ValidateButton = ({
       backgroundColor: primarySkinColor
     }
   };
-  /* istanbul ignore next */
 
+  /* istanbul ignore next */
   useEffect(() => {
     const keyDownHandler = event => {
       if (event.key === 'Enter' || event.key === ' ' && disabled) {
         event.preventDefault();
       }
     };
-
     document.addEventListener('keydown', keyDownHandler);
     return () => {
       document.removeEventListener('keydown', keyDownHandler);
@@ -93,14 +88,12 @@ const ValidateButton = ({
     className: style.validateButtonWrapper
   }, /*#__PURE__*/React.createElement(ButtonLink, validateButtonProps));
 };
-
 ValidateButton.propTypes = process.env.NODE_ENV !== "production" ? {
   slideIndex: PropTypes.string,
   validateButton: propTypes.validateButton,
   primarySkinColor: PropTypes.string,
   ariaLabel: PropTypes.string
 } : {};
-
 const QuestionContainer = props => {
   const {
     answerUI,
@@ -119,14 +112,16 @@ const QuestionContainer = props => {
   }, questionOrigin), /*#__PURE__*/React.createElement("div", {
     key: "title",
     "data-testid": "slide-question",
-    className: style.question // eslint-disable-next-line react/no-danger
+    className: style.question
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: questionText
     }
   }), /*#__PURE__*/React.createElement("div", {
     key: "help",
-    className: style.help // eslint-disable-next-line react/no-danger
+    className: style.help
+    // eslint-disable-next-line react/no-danger
     ,
     dangerouslySetInnerHTML: {
       __html: get('help', answerUI)
@@ -139,14 +134,12 @@ const QuestionContainer = props => {
     key: "answer"
   }))));
 };
-
 QuestionContainer.propTypes = process.env.NODE_ENV !== "production" ? {
   answerUI: PropTypes.shape(propTypes.slide.answerUI),
   questionText: PropTypes.string,
   questionOrigin: PropTypes.string,
   disableContent: PropTypes.bool
 } : {};
-
 const ReviewSlide = (props, legacyContext) => {
   const {
     slide,
@@ -195,7 +188,6 @@ const ReviewSlide = (props, legacyContext) => {
     key: "correction-popin"
   })));
 };
-
 ReviewSlide.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 ReviewSlide.contextTypes = {
   skin: Provider.childContextTypes.skin,

package/es/organism/review-slide/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useEffect","PropTypes","classnames","get","getOr","Answer","ButtonLink","Loader","ReviewCorrectionPopin","Provider","GetSkinFromContext","GetTranslateFromContext","propTypes","style","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","klf","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","correctionPopinWrapper","popinAnimation","string","bool","ValidateButton","validateButton","primarySkinColor","ariaLabel","disabled","validateButtonProps","className","customStyle","backgroundColor","keyDownHandler","event","key","preventDefault","document","addEventListener","removeEventListener","validateButtonWrapper","QuestionContainer","props","answerUI","questionText","questionOrigin","disableContent","slideContentContainer","disabledSlideContent","question","__html","help","answerContainer","shape","slide","ReviewSlide","legacyContext","skin","translate","validateariaLabel","loading","loadingAriaLabel","parentContentTitle","disabledContent","loader","contextTypes","childContextTypes"],"sources":["../../../src/organism/review-slide/index.js"],"sourcesContent":["import React, {useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Answer from '../../molecule/answer';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}) => {\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr({}, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  return (\n    <div\n      className={classnames(\n        style.correctionPopinWrapper,\n        animateCorrectionPopin ? style.popinAnimation : null\n      )}\n    >\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </div>\n  );\n};\n\nCorrectionPopin.propTypes = {\n  slideIndex: PropTypes.string,\n  showCorrectionPopin: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  correctionPopinProps: propTypes.correctionPopinProps\n};\n\nconst ValidateButton = ({slideIndex, validateButton, primarySkinColor, ariaLabel}) => {\n  const {label, onClick, disabled} = validateButton;\n  const validateButtonProps = {\n    type: 'primary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `slide-validate-button-${slideIndex}`,\n    onClick,\n    disabled,\n    className: style.validateButton,\n    customStyle: {\n      backgroundColor: primarySkinColor\n    }\n  };\n\n  /* istanbul ignore next */\n  useEffect(() => {\n    const keyDownHandler = event => {\n      if (event.key === 'Enter' || (event.key === ' ' && disabled)) {\n        event.preventDefault();\n      }\n    };\n    document.addEventListener('keydown', keyDownHandler);\n    return () => {\n      document.removeEventListener('keydown', keyDownHandler);\n    };\n  }, [disabled]);\n\n  return (\n    <div key=\"button-wrapper\" className={style.validateButtonWrapper}>\n      <ButtonLink {...validateButtonProps} />\n    </div>\n  );\n};\n\nValidateButton.propTypes = {\n  slideIndex: PropTypes.string,\n  validateButton: propTypes.validateButton,\n  primarySkinColor: PropTypes.string,\n  ariaLabel: PropTypes.string\n};\n\nconst QuestionContainer = props => {\n  const {answerUI, questionText, questionOrigin, disableContent} = props;\n  if (!answerUI || !questionText) return null;\n\n  return (\n    <div\n      key=\"content-container\"\n      data-testid=\"content-container\"\n      className={classnames(\n        style.slideContentContainer,\n        disableContent ? style.disabledSlideContent : null\n      )}\n    >\n      <div key=\"from-course\" className={style.questionOrigin}>\n        {questionOrigin}\n      </div>\n      <div\n        key=\"title\"\n        data-testid=\"slide-question\"\n        className={style.question}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: questionText}}\n      />\n      <div\n        key=\"help\"\n        className={style.help}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: get('help', answerUI)}}\n      />\n      <div key=\"answer-container\" className={style.answerContainer}>\n        <Answer {...answerUI} question={questionText} key=\"answer\" />\n      </div>\n    </div>\n  );\n};\n\nQuestionContainer.propTypes = {\n  answerUI: PropTypes.shape(propTypes.slide.answerUI),\n  questionText: PropTypes.string,\n  questionOrigin: PropTypes.string,\n  disableContent: PropTypes.bool\n};\n\nconst ReviewSlide = (props, legacyContext) => {\n  const {slide, validateButton, correctionPopinProps, slideIndex = '0'} = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n\n  const validateariaLabel = translate('validate_aria_label');\n  const primarySkinColor = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const {\n    loading,\n    loadingAriaLabel,\n    parentContentTitle,\n    questionText,\n    disabledContent,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  return (\n    <div data-testid=\"review-slide\" className={style.slide}>\n      {loading ? (\n        <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n      ) : (\n        <>\n          <QuestionContainer\n            questionOrigin={parentContentTitle}\n            questionText={questionText}\n            answerUI={answerUI}\n            disableContent={disabledContent}\n            key=\"question-container\"\n          />\n          <ValidateButton\n            slideIndex={slideIndex}\n            validateButton={validateButton}\n            primarySkinColor={primarySkinColor}\n            key=\"validate-button\"\n            ariaLabel={validateariaLabel}\n          />\n          <CorrectionPopin\n            correctionPopinProps={correctionPopinProps}\n            slideIndex={slideIndex}\n            showCorrectionPopin={showCorrectionPopin}\n            animateCorrectionPopin={animateCorrectionPopin}\n            key=\"correction-popin\"\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nReviewSlide.propTypes = propTypes;\n\nReviewSlide.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewSlide;\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,OAAf,EAAwBC,SAAxB,QAAwC,OAAxC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,MAAP,MAAmB,uBAAnB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,qBAAP,MAAkC,wCAAlC;AACA,OAAOC,QAAP,IAAkBC,kBAAlB,EAAsCC,uBAAtC,QAAoE,qBAApE;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,eAAe,GAAG,CAAC;EACvBC,oBADuB;EAEvBC,UAFuB;EAGvBC,mBAHuB;EAIvBC;AAJuB,CAAD,KAKlB;EACJ,IAAI,CAACD,mBAAL,EAA0B,OAAO,IAAP;EAE1B,MAAME,GAAG,GAAGf,KAAK,CAAC,EAAD,EAAK,KAAL,EAAYW,oBAAZ,CAAjB;EACA,MAAMK,WAAW,GAAGhB,KAAK,CAAC;IAACiB,KAAK,EAAE,EAAR;IAAYC,OAAO,EAAE;EAArB,CAAD,EAA2B,aAA3B,EAA0CP,oBAA1C,CAAzB;EACA,MAAMQ,IAAI,GAAGpB,GAAG,CAAC,MAAD,EAASY,oBAAT,CAAhB;EACA,MAAMS,OAAO,GAAGrB,GAAG,CAAC,CAAC,MAAD,EAAS,SAAT,CAAD,EAAsBY,oBAAtB,CAAnB;EAEA,MAAMU,qBAAqB,GAAG;IAC5BF,IAAI,EAAE;MACJC,OADI;MAEJH,KAAK,EAAEE,IAAI,IAAIA,IAAI,CAACF,KAFhB;MAGJ,aAAc,wBAAuBL,UAAW,EAH5C;MAIJ,cAAcO,IAAI,IAAIA,IAAI,CAAC,YAAD;IAJtB,CADsB;IAO5BJ,GAP4B;IAQ5BC,WAR4B;IAS5BM,IAAI,EAAEX,oBAAoB,CAACW,IATC;IAU5BC,WAAW,EAAEZ,oBAAoB,CAACY;EAVN,CAA9B;EAaA,oBACE;IACE,SAAS,EAAEzB,UAAU,CACnBW,KAAK,CAACe,sBADa,EAEnBV,sBAAsB,GAAGL,KAAK,CAACgB,cAAT,GAA0B,IAF7B;EADvB,gBAME,oBAAC,qBAAD,EAA2BJ,qBAA3B,CANF,CADF;AAUD,CApCD;;AAsCAX,eAAe,CAACF,SAAhB,2CAA4B;EAC1BI,UAAU,EAAEf,SAAS,CAAC6B,MADI;EAE1Bb,mBAAmB,EAAEhB,SAAS,CAAC8B,IAFL;EAG1Bb,sBAAsB,EAAEjB,SAAS,CAAC8B,IAHR;EAI1BhB,oBAAoB,EAAEH,SAAS,CAACG;AAJN,CAA5B;;AAOA,MAAMiB,cAAc,GAAG,CAAC;EAAChB,UAAD;EAAaiB,cAAb;EAA6BC,gBAA7B;EAA+CC;AAA/C,CAAD,KAA+D;EACpF,MAAM;IAACd,KAAD;IAAQG,OAAR;IAAiBY;EAAjB,IAA6BH,cAAnC;EACA,MAAMI,mBAAmB,GAAG;IAC1BX,IAAI,EAAE,SADoB;IAE1BL,KAF0B;IAG1B,cAAcc,SAHY;IAI1B,aAAc,yBAAwBnB,UAAW,EAJvB;IAK1BQ,OAL0B;IAM1BY,QAN0B;IAO1BE,SAAS,EAAEzB,KAAK,CAACoB,cAPS;IAQ1BM,WAAW,EAAE;MACXC,eAAe,EAAEN;IADN;EARa,CAA5B;EAaA;;EACAlC,SAAS,CAAC,MAAM;IACd,MAAMyC,cAAc,GAAGC,KAAK,IAAI;MAC9B,IAAIA,KAAK,CAACC,GAAN,KAAc,OAAd,IAA0BD,KAAK,CAACC,GAAN,KAAc,GAAd,IAAqBP,QAAnD,EAA8D;QAC5DM,KAAK,CAACE,cAAN;MACD;IACF,CAJD;;IAKAC,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCL,cAArC;IACA,OAAO,MAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCN,cAAxC;IACD,CAFD;EAGD,CAVQ,EAUN,CAACL,QAAD,CAVM,CAAT;EAYA,oBACE;IAAK,GAAG,EAAC,gBAAT;IAA0B,SAAS,EAAEvB,KAAK,CAACmC;EAA3C,gBACE,oBAAC,UAAD,EAAgBX,mBAAhB,CADF,CADF;AAKD,CAjCD;;AAmCAL,cAAc,CAACpB,SAAf,2CAA2B;EACzBI,UAAU,EAAEf,SAAS,CAAC6B,MADG;EAEzBG,cAAc,EAAErB,SAAS,CAACqB,cAFD;EAGzBC,gBAAgB,EAAEjC,SAAS,CAAC6B,MAHH;EAIzBK,SAAS,EAAElC,SAAS,CAAC6B;AAJI,CAA3B;;AAOA,MAAMmB,iBAAiB,GAAGC,KAAK,IAAI;EACjC,MAAM;IAACC,QAAD;IAAWC,YAAX;IAAyBC,cAAzB;IAAyCC;EAAzC,IAA2DJ,KAAjE;EACA,IAAI,CAACC,QAAD,IAAa,CAACC,YAAlB,EAAgC,OAAO,IAAP;EAEhC,oBACE;IACE,GAAG,EAAC,mBADN;IAEE,eAAY,mBAFd;IAGE,SAAS,EAAElD,UAAU,CACnBW,KAAK,CAAC0C,qBADa,EAEnBD,cAAc,GAAGzC,KAAK,CAAC2C,oBAAT,GAAgC,IAF3B;EAHvB,gBAQE;IAAK,GAAG,EAAC,aAAT;IAAuB,SAAS,EAAE3C,KAAK,CAACwC;EAAxC,GACGA,cADH,CARF,eAWE;IACE,GAAG,EAAC,OADN;IAEE,eAAY,gBAFd;IAGE,SAAS,EAAExC,KAAK,CAAC4C,QAHnB,CAIE;IAJF;IAKE,uBAAuB,EAAE;MAACC,MAAM,EAAEN;IAAT;EAL3B,EAXF,eAkBE;IACE,GAAG,EAAC,MADN;IAEE,SAAS,EAAEvC,KAAK,CAAC8C,IAFnB,CAGE;IAHF;IAIE,uBAAuB,EAAE;MAACD,MAAM,EAAEvD,GAAG,CAAC,MAAD,EAASgD,QAAT;IAAZ;EAJ3B,EAlBF,eAwBE;IAAK,GAAG,EAAC,kBAAT;IAA4B,SAAS,EAAEtC,KAAK,CAAC+C;EAA7C,gBACE,oBAAC,MAAD,eAAYT,QAAZ;IAAsB,QAAQ,EAAEC,YAAhC;IAA8C,GAAG,EAAC;EAAlD,GADF,CAxBF,CADF;AA8BD,CAlCD;;AAoCAH,iBAAiB,CAACrC,SAAlB,2CAA8B;EAC5BuC,QAAQ,EAAElD,SAAS,CAAC4D,KAAV,CAAgBjD,SAAS,CAACkD,KAAV,CAAgBX,QAAhC,CADkB;EAE5BC,YAAY,EAAEnD,SAAS,CAAC6B,MAFI;EAG5BuB,cAAc,EAAEpD,SAAS,CAAC6B,MAHE;EAI5BwB,cAAc,EAAErD,SAAS,CAAC8B;AAJE,CAA9B;;AAOA,MAAMgC,WAAW,GAAG,CAACb,KAAD,EAAQc,aAAR,KAA0B;EAC5C,MAAM;IAACF,KAAD;IAAQ7B,cAAR;IAAwBlB,oBAAxB;IAA8CC,UAAU,GAAG;EAA3D,IAAkEkC,KAAxE;EAEA,MAAMe,IAAI,GAAGvD,kBAAkB,CAACsD,aAAD,CAA/B;EACA,MAAME,SAAS,GAAGvD,uBAAuB,CAACqD,aAAD,CAAzC;EAEA,MAAMG,iBAAiB,GAAGD,SAAS,CAAC,qBAAD,CAAnC;EACA,MAAMhC,gBAAgB,GAAGnC,OAAO,CAAC,MAAMK,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8B6D,IAA9B,CAAZ,EAAiD,CAACA,IAAD,CAAjD,CAAhC;EACA,MAAM;IACJG,OADI;IAEJC,gBAFI;IAGJC,kBAHI;IAIJlB,YAJI;IAKJmB,eALI;IAMJpB,QANI;IAOJlC,mBAPI;IAQJC;EARI,IASF4C,KATJ;EAWA,oBACE;IAAK,eAAY,cAAjB;IAAgC,SAAS,EAAEjD,KAAK,CAACiD;EAAjD,GACGM,OAAO,gBACN,oBAAC,MAAD;IAAQ,SAAS,EAAEvD,KAAK,CAAC2D,MAAzB;IAAiC,KAAK,EAAC,SAAvC;IAAiD,cAAYH;EAA7D,EADM,gBAGN,uDACE,oBAAC,iBAAD;IACE,cAAc,EAAEC,kBADlB;IAEE,YAAY,EAAElB,YAFhB;IAGE,QAAQ,EAAED,QAHZ;IAIE,cAAc,EAAEoB,eAJlB;IAKE,GAAG,EAAC;EALN,EADF,eAQE,oBAAC,cAAD;IACE,UAAU,EAAEvD,UADd;IAEE,cAAc,EAAEiB,cAFlB;IAGE,gBAAgB,EAAEC,gBAHpB;IAIE,GAAG,EAAC,iBAJN;IAKE,SAAS,EAAEiC;EALb,EARF,eAeE,oBAAC,eAAD;IACE,oBAAoB,EAAEpD,oBADxB;IAEE,UAAU,EAAEC,UAFd;IAGE,mBAAmB,EAAEC,mBAHvB;IAIE,sBAAsB,EAAEC,sBAJ1B;IAKE,GAAG,EAAC;EALN,EAfF,CAJJ,CADF;AA+BD,CAlDD;;AAoDA6C,WAAW,CAACnD,SAAZ,2CAAwBA,SAAxB;AAEAmD,WAAW,CAACU,YAAZ,GAA2B;EACzBR,IAAI,EAAExD,QAAQ,CAACiE,iBAAT,CAA2BT,IADR;EAEzBC,SAAS,EAAEzD,QAAQ,CAACiE,iBAAT,CAA2BR;AAFb,CAA3B;AAKA,eAAeH,WAAf"}
+{"version":3,"file":"index.js","names":["React","useMemo","useEffect","PropTypes","classnames","get","getOr","Answer","ButtonLink","Loader","ReviewCorrectionPopin","Provider","GetSkinFromContext","GetTranslateFromContext","propTypes","style","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","klf","information","label","message","next","onClick","_correctionPopinProps","type","resultLabel","createElement","className","correctionPopinWrapper","popinAnimation","process","env","NODE_ENV","string","bool","ValidateButton","validateButton","primarySkinColor","ariaLabel","disabled","validateButtonProps","customStyle","backgroundColor","keyDownHandler","event","key","preventDefault","document","addEventListener","removeEventListener","validateButtonWrapper","QuestionContainer","props","answerUI","questionText","questionOrigin","disableContent","slideContentContainer","disabledSlideContent","question","dangerouslySetInnerHTML","__html","help","answerContainer","_extends","shape","slide","ReviewSlide","legacyContext","skin","translate","validateariaLabel","loading","loadingAriaLabel","parentContentTitle","disabledContent","loader","theme","Fragment","contextTypes","childContextTypes"],"sources":["../../../src/organism/review-slide/index.js"],"sourcesContent":["import React, {useMemo, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport Answer from '../../molecule/answer';\nimport ButtonLink from '../../atom/button-link';\nimport Loader from '../../atom/loader';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin';\nimport Provider, {GetSkinFromContext, GetTranslateFromContext} from '../../atom/provider';\nimport propTypes from './prop-types';\nimport style from './style.css';\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}) => {\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr({}, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  return (\n    <div\n      className={classnames(\n        style.correctionPopinWrapper,\n        animateCorrectionPopin ? style.popinAnimation : null\n      )}\n    >\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </div>\n  );\n};\n\nCorrectionPopin.propTypes = {\n  slideIndex: PropTypes.string,\n  showCorrectionPopin: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  correctionPopinProps: propTypes.correctionPopinProps\n};\n\nconst ValidateButton = ({slideIndex, validateButton, primarySkinColor, ariaLabel}) => {\n  const {label, onClick, disabled} = validateButton;\n  const validateButtonProps = {\n    type: 'primary',\n    label,\n    'aria-label': ariaLabel,\n    'data-name': `slide-validate-button-${slideIndex}`,\n    onClick,\n    disabled,\n    className: style.validateButton,\n    customStyle: {\n      backgroundColor: primarySkinColor\n    }\n  };\n\n  /* istanbul ignore next */\n  useEffect(() => {\n    const keyDownHandler = event => {\n      if (event.key === 'Enter' || (event.key === ' ' && disabled)) {\n        event.preventDefault();\n      }\n    };\n    document.addEventListener('keydown', keyDownHandler);\n    return () => {\n      document.removeEventListener('keydown', keyDownHandler);\n    };\n  }, [disabled]);\n\n  return (\n    <div key=\"button-wrapper\" className={style.validateButtonWrapper}>\n      <ButtonLink {...validateButtonProps} />\n    </div>\n  );\n};\n\nValidateButton.propTypes = {\n  slideIndex: PropTypes.string,\n  validateButton: propTypes.validateButton,\n  primarySkinColor: PropTypes.string,\n  ariaLabel: PropTypes.string\n};\n\nconst QuestionContainer = props => {\n  const {answerUI, questionText, questionOrigin, disableContent} = props;\n  if (!answerUI || !questionText) return null;\n\n  return (\n    <div\n      key=\"content-container\"\n      data-testid=\"content-container\"\n      className={classnames(\n        style.slideContentContainer,\n        disableContent ? style.disabledSlideContent : null\n      )}\n    >\n      <div key=\"from-course\" className={style.questionOrigin}>\n        {questionOrigin}\n      </div>\n      <div\n        key=\"title\"\n        data-testid=\"slide-question\"\n        className={style.question}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: questionText}}\n      />\n      <div\n        key=\"help\"\n        className={style.help}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: get('help', answerUI)}}\n      />\n      <div key=\"answer-container\" className={style.answerContainer}>\n        <Answer {...answerUI} question={questionText} key=\"answer\" />\n      </div>\n    </div>\n  );\n};\n\nQuestionContainer.propTypes = {\n  answerUI: PropTypes.shape(propTypes.slide.answerUI),\n  questionText: PropTypes.string,\n  questionOrigin: PropTypes.string,\n  disableContent: PropTypes.bool\n};\n\nconst ReviewSlide = (props, legacyContext) => {\n  const {slide, validateButton, correctionPopinProps, slideIndex = '0'} = props;\n\n  const skin = GetSkinFromContext(legacyContext);\n  const translate = GetTranslateFromContext(legacyContext);\n\n  const validateariaLabel = translate('validate_aria_label');\n  const primarySkinColor = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);\n  const {\n    loading,\n    loadingAriaLabel,\n    parentContentTitle,\n    questionText,\n    disabledContent,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  return (\n    <div data-testid=\"review-slide\" className={style.slide}>\n      {loading ? (\n        <Loader className={style.loader} theme=\"default\" aria-label={loadingAriaLabel} />\n      ) : (\n        <>\n          <QuestionContainer\n            questionOrigin={parentContentTitle}\n            questionText={questionText}\n            answerUI={answerUI}\n            disableContent={disabledContent}\n            key=\"question-container\"\n          />\n          <ValidateButton\n            slideIndex={slideIndex}\n            validateButton={validateButton}\n            primarySkinColor={primarySkinColor}\n            key=\"validate-button\"\n            ariaLabel={validateariaLabel}\n          />\n          <CorrectionPopin\n            correctionPopinProps={correctionPopinProps}\n            slideIndex={slideIndex}\n            showCorrectionPopin={showCorrectionPopin}\n            animateCorrectionPopin={animateCorrectionPopin}\n            key=\"correction-popin\"\n          />\n        </>\n      )}\n    </div>\n  );\n};\n\nReviewSlide.propTypes = propTypes;\n\nReviewSlide.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nexport default ReviewSlide;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/review-slide/index.native.js

@@ -30,7 +30,6 @@ const styles = StyleSheet.create({
     width: '105%'
   }
 });
-
 const MediaView = ({
   media,
   autoplay
@@ -38,7 +37,6 @@ const MediaView = ({
   if (!media) {
     return null;
   }
-
   switch (media.type) {
     case TYPE_VIDEO:
       return /*#__PURE__*/React.createElement(View, {
@@ -47,7 +45,6 @@ const MediaView = ({
         media: media,
         autoplay: autoplay
       }));
-
     case TYPE_IMAGE:
       {
         const uri = `https://${media.url?.split('//')[1]}`;
@@ -58,13 +55,11 @@ const MediaView = ({
           }
         });
       }
-
     case TYPE_AUDIO:
     default:
       return null;
   }
 };
-
 const CorrectionPopin = ({
   correctionPopinProps,
   slideIndex,
@@ -76,9 +71,10 @@ const CorrectionPopin = ({
     toValue: 0,
     duration: 500,
     easing: Easing.bezier(0.34, 1.36, 0.64, 1)
-  }); // the translation is required only once on mount
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+  });
 
+  // the translation is required only once on mount
+  // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(() => translateUp.start(), []);
   if (!showCorrectionPopin) return null;
   const klf = getOr(undefined, 'klf', correctionPopinProps);
@@ -105,7 +101,6 @@ const CorrectionPopin = ({
     style: style
   }, /*#__PURE__*/React.createElement(ReviewCorrectionPopin, _correctionPopinProps));
 };
-
 const createQuestionStyle = theme => StyleSheet.create({
   questionHeading: {
     justifyContent: 'space-between',
@@ -152,7 +147,6 @@ const createQuestionStyle = theme => StyleSheet.create({
     padding: 10
   }
 });
-
 const Question = props => {
   const {
     answerUI,
@@ -201,7 +195,6 @@ const Question = props => {
     }
   }, /*#__PURE__*/React.createElement(Answer, answerUI))));
 };
-
 const createSlideStyle = (num, screenWidth, isKeyboardVisible) => {
   const slideWidth = screenWidth - 40 - num * 8;
   return StyleSheet.create({
@@ -236,7 +229,6 @@ const createSlideStyle = (num, screenWidth, isKeyboardVisible) => {
     }
   });
 };
-
 const Slide = props => {
   const {
     animatedStyle,
@@ -250,11 +242,14 @@ const Slide = props => {
   const isKeyboardVisible = useMobileKeyboardVisibility();
   const handleValidatePress = useCallback(() => {
     Keyboard.dismiss();
-    setValidated(true); // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible
+    setValidated(true);
 
+    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible
     setTimeout(() => {
       validateButton.onClick();
-    }, 20); // only to create on mount
+    }, 20);
+
+    // only to create on mount
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const {
@@ -270,13 +265,11 @@ const Slide = props => {
     showCorrectionPopin,
     animateCorrectionPopin
   } = slide;
-
   if (loading) {
     return /*#__PURE__*/React.createElement(View, {
       style: slideStyle.slide
     });
   }
-
   return /*#__PURE__*/React.createElement(Animated.View, {
     style: [slideStyle.slide, animatedStyle]
   }, /*#__PURE__*/React.createElement(Question, {
@@ -301,6 +294,5 @@ const Slide = props => {
     key: "correction-popin"
   }) : null);
 };
-
 export default Slide;
 //# sourceMappingURL=index.native.js.map

package/es/organism/review-slide/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useMemo","useState","Animated","Easing","Image","Keyboard","ScrollView","StyleSheet","useWindowDimensions","View","get","getOr","useTranslateY","Answer","ReviewCorrectionPopin","useTemplateContext","Button","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","Video","Html","useMobileKeyboardVisibility","styles","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","uri","url","split","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","fromValue","toValue","duration","easing","bezier","start","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","resultLabel","style","animatedStyle","createQuestionStyle","theme","questionHeading","questionOriginContainer","marginBottom","spacing","tiny","marginTop","small","questionOrigin","fontSize","lineHeight","color","colors","text","primary","textAlign","questionTextContainer","marginVertical","questionText","fontWeight","questionHelpContainer","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","setStyle","questionStyle","hasVideoOrImage","includes","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","handleValidatePress","dismiss","setTimeout","slideStyle","isFirstSlide","loading","parentContentTitle","disabled"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  Keyboard,\n  ScrollView,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from '../../molecule/answer/prop-types';\nimport Video from '../../molecule/video-player-mobile/index.native';\nimport {Media} from '../../molecule/questions/types';\nimport Html from '../../atom/html/index.native';\nimport useMobileKeyboardVisibility from '../../util/use-mobile-keyboard-visibility';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: 200,\n    borderRadius: 10,\n    overflow: 'hidden'\n  },\n  image: {\n    flex: 1,\n    width: '100%'\n  },\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst MediaView = ({media, autoplay}: {media?: Media; autoplay: boolean}) => {\n  if (!media) {\n    return null;\n  }\n\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return (\n        <View style={styles.mediaContainer}>\n          <Video media={media} autoplay={autoplay} />\n        </View>\n      );\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return null;\n  }\n};\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateUp = useTranslateY({\n    fromValue: 500,\n    toValue: 0,\n    duration: 500,\n    easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n  });\n\n  // the translation is required only once on mount\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => translateUp.start(), []);\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOriginContainer: ViewStyle;\n  questionOrigin: TextStyle;\n  questionTextContainer: ViewStyle;\n  questionText: TextStyle;\n  questionHelpContainer: ViewStyle;\n  questionHelp: TextStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOriginContainer: {\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionTextContainer: {\n      marginVertical: 4,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary\n    },\n    questionHelpContainer: {\n      marginVertical: 4\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesScrollView: {\n      marginTop: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  autoplayMedia: boolean;\n  answerUI: SlideProps['answerUI'];\n  isKeyboardVisible: boolean;\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {\n    answerUI,\n    questionText,\n    questionOrigin = '',\n    isKeyboardVisible,\n    autoplayMedia = false\n  } = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  const hasVideoOrImage =\n    answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <View style={style.questionOriginContainer}>\n          <Html style={style.questionOrigin} isTextCentered>\n            {questionOrigin}\n          </Html>\n        </View>\n        <View style={style.questionTextContainer}>\n          <Html style={style.questionText} isTextCentered>\n            {questionText}\n          </Html>\n        </View>\n        <View style={style.questionHelpContainer}>\n          <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n        </View>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        {!isKeyboardVisible && hasVideoOrImage ? (\n          <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n        ) : null}\n        <View\n          style={{\n            marginTop: hasVideoOrImage ? 30 : 0\n          }}\n        >\n          <Answer {...answerUI} />\n        </View>\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n  hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n  num: number,\n  screenWidth: number,\n  isKeyboardVisible: boolean\n): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    hiddenBackgroundToLockActions: {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      backgroundColor: '#00000000'\n    },\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: (isKeyboardVisible ? 5 : 34) + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {animatedStyle, slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n  const [isValidated, setValidated] = useState<boolean>(false);\n\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleValidatePress = useCallback(() => {\n    Keyboard.dismiss();\n    setValidated(true);\n\n    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n    setTimeout(() => {\n      validateButton.onClick();\n    }, 20);\n\n    // only to create on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const {width} = useWindowDimensions();\n  const slideStyle = useMemo(\n    () => createSlideStyle(num, width, isKeyboardVisible),\n    [num, width, isKeyboardVisible]\n  );\n  const isFirstSlide = num === 1;\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <View style={slideStyle.slide} />;\n  }\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        autoplayMedia={isFirstSlide}\n        isKeyboardVisible={isKeyboardVisible}\n        key=\"question-container\"\n      />\n      {isKeyboardVisible ? null : (\n        <Button\n          disabled={isValidated || validateButton.disabled}\n          submitValue={validateButton.label}\n          onPress={handleValidatePress}\n          testID={`slide-validate-button-${slideIndex}`}\n        />\n      )}\n      {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,EAA4BC,SAA5B,EAAuCC,OAAvC,EAAgDC,QAAhD,QAA+D,OAA/D;AAEA,SACEC,QADF,EAEEC,MAFF,EAGEC,KAHF,EAIEC,QAJF,EAKEC,UALF,EAMEC,UANF,EAQEC,mBARF,EASEC,IATF,QAWO,cAXP;AAYA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,SAAQC,aAAR,QAA4B,sCAA5B;AACA,OAAOC,MAAP,MAAmB,oCAAnB;AACA,OAAOC,qBAAP,MAAkC,qDAAlC;AACA,SAAQC,kBAAR,QAAiC,4CAAjC;AAEA,OAAOC,MAAP,MAAmB,gCAAnB;AACA,SAAQC,UAAR,EAAoBC,UAApB,EAAgCC,UAAhC,QAAiD,kCAAjD;AACA,OAAOC,KAAP,MAAkB,iDAAlB;AAEA,OAAOC,IAAP,MAAiB,8BAAjB;AACA,OAAOC,2BAAP,MAAwC,2CAAxC;AAGA,MAAMC,MAAM,GAAGhB,UAAU,CAACiB,MAAX,CAAkB;EAC/BC,cAAc,EAAE;IACdC,UAAU,EAAE,QADE;IAEdC,cAAc,EAAE,QAFF;IAGdC,KAAK,EAAE,MAHO;IAIdC,MAAM,EAAE,GAJM;IAKdC,YAAY,EAAE,EALA;IAMdC,QAAQ,EAAE;EANI,CADe;EAS/BC,KAAK,EAAE;IACLC,IAAI,EAAE,CADD;IAELL,KAAK,EAAE;EAFF,CATwB;EAa/BM,sBAAsB,EAAE;IACtBC,QAAQ,EAAE,UADY;IAEtBC,MAAM,EAAE,EAFc;IAGtBR,KAAK,EAAE;EAHe;AAbO,CAAlB,CAAf;;AAoBA,MAAMS,SAAS,GAAG,CAAC;EAACC,KAAD;EAAQC;AAAR,CAAD,KAA2D;EAC3E,IAAI,CAACD,KAAL,EAAY;IACV,OAAO,IAAP;EACD;;EAED,QAAQA,KAAK,CAACE,IAAd;IACE,KAAKrB,UAAL;MACE,oBACE,oBAAC,IAAD;QAAM,KAAK,EAAEI,MAAM,CAACE;MAApB,gBACE,oBAAC,KAAD;QAAO,KAAK,EAAEa,KAAd;QAAqB,QAAQ,EAAEC;MAA/B,EADF,CADF;;IAKF,KAAKrB,UAAL;MAAiB;QACf,MAAMuB,GAAG,GAAI,WAAUH,KAAK,CAACI,GAAN,EAAWC,KAAX,CAAiB,IAAjB,EAAuB,CAAvB,CAA0B,EAAjD;QACA,oBAAO,oBAAC,KAAD;UAAO,KAAK,EAAE,CAACpB,MAAM,CAACE,cAAR,EAAwBF,MAAM,CAACS,KAA/B,CAAd;UAAqD,MAAM,EAAE;YAACS;UAAD;QAA7D,EAAP;MACD;;IACD,KAAKxB,UAAL;IACA;MACE,OAAO,IAAP;EAbJ;AAeD,CApBD;;AAsBA,MAAM2B,eAAe,GAAG,CAAC;EACvBC,oBADuB;EAEvBC,UAFuB;EAGvBC,mBAHuB;EAIvBC;AAJuB,CAAD,KAKN;EAChB,MAAMC,WAAW,GAAGrC,aAAa,CAAC;IAChCsC,SAAS,EAAE,GADqB;IAEhCC,OAAO,EAAE,CAFuB;IAGhCC,QAAQ,EAAE,GAHsB;IAIhCC,MAAM,EAAElD,MAAM,CAACmD,MAAP,CAAc,IAAd,EAAoB,IAApB,EAA0B,IAA1B,EAAgC,CAAhC;EAJwB,CAAD,CAAjC,CADgB,CAQhB;EACA;;EACAvD,SAAS,CAAC,MAAMkD,WAAW,CAACM,KAAZ,EAAP,EAA4B,EAA5B,CAAT;EAEA,IAAI,CAACR,mBAAL,EAA0B,OAAO,IAAP;EAE1B,MAAMS,GAAG,GAAG7C,KAAK,CAAC8C,SAAD,EAAY,KAAZ,EAAmBZ,oBAAnB,CAAjB;EACA,MAAMa,WAAW,GAAG/C,KAAK,CAAC;IAACgD,KAAK,EAAE,EAAR;IAAYC,OAAO,EAAE;EAArB,CAAD,EAA2B,aAA3B,EAA0Cf,oBAA1C,CAAzB;EACA,MAAMgB,IAAI,GAAGnD,GAAG,CAAC,MAAD,EAASmC,oBAAT,CAAhB;EACA,MAAMiB,OAAO,GAAGpD,GAAG,CAAC,CAAC,MAAD,EAAS,SAAT,CAAD,EAAsBmC,oBAAtB,CAAnB;EAEA,MAAMkB,qBAAqB,GAAG;IAC5BF,IAAI,EAAE;MACJC,OADI;MAEJH,KAAK,EAAEE,IAAI,IAAIA,IAAI,CAACF,KAFhB;MAGJ,aAAc,wBAAuBb,UAAW,EAH5C;MAIJ,cAAce,IAAI,IAAIA,IAAI,CAAC,YAAD;IAJtB,CADsB;IAO5BL,GAP4B;IAQ5BE,WAR4B;IAS5BlB,IAAI,EAAEK,oBAAoB,CAACL,IATC;IAU5BwB,WAAW,EAAEnB,oBAAoB,CAACmB;EAVN,CAA9B;EAaA,MAAMC,KAAK,GAAGjB,sBAAsB,GAChC,CAACzB,MAAM,CAACW,sBAAR,EAAgCe,WAAW,CAACiB,aAA5C,CADgC,GAEhC3C,MAAM,CAACW,sBAFX;EAIA,oBACE,oBAAC,QAAD,CAAU,IAAV;IAAe,KAAK,EAAE+B;EAAtB,gBACE,oBAAC,qBAAD,EAA2BF,qBAA3B,CADF,CADF;AAKD,CA9CD;;AA4DA,MAAMI,mBAAmB,GAAIC,KAAD,IAC1B7D,UAAU,CAACiB,MAAX,CAAkB;EAChB6C,eAAe,EAAE;IACf1C,cAAc,EAAE,eADD;IAEfD,UAAU,EAAE;EAFG,CADD;EAKhB4C,uBAAuB,EAAE;IACvBC,YAAY,EAAEH,KAAK,CAACI,OAAN,CAAcC,IADL;IAEvBC,SAAS,EAAEN,KAAK,CAACI,OAAN,CAAcG;EAFF,CALT;EAShBC,cAAc,EAAE;IACdC,QAAQ,EAAE,EADI;IAEdC,UAAU,EAAE,EAFE;IAGdC,KAAK,EAAEX,KAAK,CAACY,MAAN,CAAaC,IAAb,CAAkBC,OAHX;IAIdC,SAAS,EAAE;EAJG,CATA;EAehBC,qBAAqB,EAAE;IACrBC,cAAc,EAAE,CADK;IAErBF,SAAS,EAAE;EAFU,CAfP;EAmBhBG,YAAY,EAAE;IACZT,QAAQ,EAAE,EADE;IAEZC,UAAU,EAAE,EAFA;IAGZS,UAAU,EAAE,KAHA;IAIZR,KAAK,EAAEX,KAAK,CAACY,MAAN,CAAaC,IAAb,CAAkBC;EAJb,CAnBE;EAyBhBM,qBAAqB,EAAE;IACrBH,cAAc,EAAE;EADK,CAzBP;EA4BhBI,YAAY,EAAE;IACZZ,QAAQ,EAAE,EADE;IAEZC,UAAU,EAAE,EAFA;IAGZC,KAAK,EAAEX,KAAK,CAACY,MAAN,CAAaU,IAAb,CAAkBC,MAHb;IAIZpB,YAAY,EAAE,CAJF;IAKZG,SAAS,EAAEN,KAAK,CAACI,OAAN,CAAcG,KALb;IAMZQ,SAAS,EAAE;EANC,CA5BE;EAoChBS,iBAAiB,EAAE;IACjBlB,SAAS,EAAE,EADM;IAEjB9C,KAAK,EAAE;EAFU,CApCH;EAwChBiE,oBAAoB,EAAE;IACpBC,QAAQ,EAAE,CADU;IAEpBnE,cAAc,EAAE,cAFI;IAGpBoE,OAAO,EAAE;EAHW;AAxCN,CAAlB,CADF;;AAwDA,MAAMC,QAAQ,GAAIC,KAAD,IAA0B;EACzC,MAAM;IACJC,QADI;IAEJZ,YAFI;IAGJV,cAAc,GAAG,EAHb;IAIJuB,iBAJI;IAKJC,aAAa,GAAG;EALZ,IAMFH,KANJ;EAOA,MAAM;IAAC7B;EAAD,IAAUrD,kBAAkB,EAAlC;EACA,MAAM,CAACkD,KAAD,EAAQoC,QAAR,IAAoBpG,QAAQ,EAAlC;EAEAF,SAAS,CAAC,MAAM;IACd,MAAMuG,aAAa,GAAGnC,mBAAmB,CAACC,KAAD,CAAzC;IACAiC,QAAQ,CAACC,aAAD,CAAR;EACD,CAHQ,EAGN,CAAClC,KAAD,CAHM,CAAT;EAKA,IAAI,CAAC8B,QAAD,IAAa,CAACZ,YAAd,IAA8B,CAACrB,KAAnC,EAA0C,OAAO,IAAP;EAE1C,MAAMsC,eAAe,GACnBL,QAAQ,CAAC5D,KAAT,EAAgBE,IAAhB,IAAwB,CAACrB,UAAD,EAAaD,UAAb,EAAyBsF,QAAzB,CAAkCN,QAAQ,CAAC5D,KAAT,CAAeE,IAAjD,CAD1B;EAGA,oBACE,uDACE,oBAAC,IAAD;IAAM,KAAK,EAAEyB,KAAK,CAACI;EAAnB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEJ,KAAK,CAACK;EAAnB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEL,KAAK,CAACW,cAAnB;IAAmC,cAAc;EAAjD,GACGA,cADH,CADF,CADF,eAME,oBAAC,IAAD;IAAM,KAAK,EAAEX,KAAK,CAACmB;EAAnB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEnB,KAAK,CAACqB,YAAnB;IAAiC,cAAc;EAA/C,GACGA,YADH,CADF,CANF,eAWE,oBAAC,IAAD;IAAM,KAAK,EAAErB,KAAK,CAACuB;EAAnB,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEvB,KAAK,CAACwB;EAAnB,GAAkC/E,GAAG,CAAC,MAAD,EAASwF,QAAT,CAArC,CADF,CAXF,CADF,eAgBE,oBAAC,UAAD;IACE,KAAK,EAAEjC,KAAK,CAAC2B,iBADf;IAEE,qBAAqB,EAAE3B,KAAK,CAAC4B,oBAF/B;IAGE,8BAA8B,EAAE,KAHlC;IAIE,4BAA4B,EAAE;EAJhC,GAMG,CAACM,iBAAD,IAAsBI,eAAtB,gBACC,oBAAC,SAAD;IAAW,KAAK,EAAEL,QAAQ,CAAC5D,KAA3B;IAAkC,QAAQ,EAAE8D;EAA5C,EADD,GAEG,IARN,eASE,oBAAC,IAAD;IACE,KAAK,EAAE;MACL1B,SAAS,EAAE6B,eAAe,GAAG,EAAH,GAAQ;IAD7B;EADT,gBAKE,oBAAC,MAAD,EAAYL,QAAZ,CALF,CATF,CAhBF,CADF;AAoCD,CAzDD;;AAgEA,MAAMO,gBAAgB,GAAG,CACvBC,GADuB,EAEvBC,WAFuB,EAGvBR,iBAHuB,KAIR;EACf,MAAMS,UAAU,GAAGD,WAAW,GAAG,EAAd,GAAmBD,GAAG,GAAG,CAA5C;EAEA,OAAOnG,UAAU,CAACiB,MAAX,CAAkB;IACvBqF,6BAA6B,EAAE;MAC7B1E,QAAQ,EAAE,UADmB;MAE7B2E,IAAI,EAAE,CAFuB;MAG7BC,KAAK,EAAE,CAHsB;MAI7BC,GAAG,EAAE,CAJwB;MAK7B5E,MAAM,EAAE,CALqB;MAM7B6E,eAAe,EAAE;IANY,CADR;IASvBC,KAAK,EAAE;MACL/E,QAAQ,EAAE,UADL;MAEL2E,IAAI,EAAE,KAAKJ,GAAG,GAAG,CAFZ;MAGLtE,MAAM,EAAE,CAAC+D,iBAAiB,GAAG,CAAH,GAAO,EAAzB,IAA+BO,GAAG,GAAG,CAHxC;MAILO,eAAe,EAAE,MAJZ;MAIoB;MACzBpF,MAAM,EAAE,KALH;MAMLD,KAAK,EAAEgF,UANF;MAOLjF,cAAc,EAAE,eAPX;MAQLD,UAAU,EAAE,QARP;MASLqE,OAAO,EAAE,EATJ;MAULoB,WAAW,EAAE,MAVR;MAWLC,YAAY,EAAE;QAACxF,KAAK,EAAE,CAAR;QAAWC,MAAM,EAAE,CAAC;MAApB,CAXT;MAYLwF,aAAa,EAAE,IAZV;MAaLC,YAAY,EAAE,EAbT;MAcLC,SAAS,EAAE,KAAKb,GAAG,GAAG,CAdjB;MAeL5E,YAAY,EAAE;IAfT;EATgB,CAAlB,CAAP;AA2BD,CAlCD;;AAoCA,MAAM0F,KAAK,GAAIvB,KAAD,IAA6B;EACzC,MAAM;IAAC/B,aAAD;IAAgBgD,KAAhB;IAAuBrE,oBAAvB;IAA6C4E,cAA7C;IAA6Df,GAA7D;IAAkE5D,UAAU,GAAG;EAA/E,IAAsFmD,KAA5F;EACA,MAAM,CAACyB,WAAD,EAAcC,YAAd,IAA8B1H,QAAQ,CAAU,KAAV,CAA5C;EAEA,MAAMkG,iBAAiB,GAAG7E,2BAA2B,EAArD;EAEA,MAAMsG,mBAAmB,GAAG9H,WAAW,CAAC,MAAM;IAC5CO,QAAQ,CAACwH,OAAT;IACAF,YAAY,CAAC,IAAD,CAAZ,CAF4C,CAI5C;;IACAG,UAAU,CAAC,MAAM;MACfL,cAAc,CAAC3D,OAAf;IACD,CAFS,EAEP,EAFO,CAAV,CAL4C,CAS5C;IACA;EACD,CAXsC,EAWpC,EAXoC,CAAvC;EAaA,MAAM;IAAClC;EAAD,IAAUpB,mBAAmB,EAAnC;EACA,MAAMuH,UAAU,GAAG/H,OAAO,CACxB,MAAMyG,gBAAgB,CAACC,GAAD,EAAM9E,KAAN,EAAauE,iBAAb,CADE,EAExB,CAACO,GAAD,EAAM9E,KAAN,EAAauE,iBAAb,CAFwB,CAA1B;EAIA,MAAM6B,YAAY,GAAGtB,GAAG,KAAK,CAA7B;EAEA,MAAM;IACJuB,OADI;IAEJC,kBAFI;IAGJ5C,YAHI;IAIJY,QAJI;IAKJnD,mBALI;IAMJC;EANI,IAOFkE,KAPJ;;EASA,IAAIe,OAAJ,EAAa;IACX,oBAAO,oBAAC,IAAD;MAAM,KAAK,EAAEF,UAAU,CAACb;IAAxB,EAAP;EACD;;EAED,oBACE,oBAAC,QAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACa,UAAU,CAACb,KAAZ,EAAmBhD,aAAnB;EAAtB,gBACE,oBAAC,QAAD;IACE,cAAc,EAAEgE,kBADlB;IAEE,YAAY,EAAE5C,YAFhB;IAGE,QAAQ,EAAEY,QAHZ;IAIE,aAAa,EAAE8B,YAJjB;IAKE,iBAAiB,EAAE7B,iBALrB;IAME,GAAG,EAAC;EANN,EADF,EASGA,iBAAiB,GAAG,IAAH,gBAChB,oBAAC,MAAD;IACE,QAAQ,EAAEuB,WAAW,IAAID,cAAc,CAACU,QAD1C;IAEE,WAAW,EAAEV,cAAc,CAAC9D,KAF9B;IAGE,OAAO,EAAEiE,mBAHX;IAIE,MAAM,EAAG,yBAAwB9E,UAAW;EAJ9C,EAVJ,EAiBG4E,WAAW,gBAAG,oBAAC,IAAD;IAAM,KAAK,EAAEK,UAAU,CAAClB;EAAxB,EAAH,GAA+D,IAjB7E,EAkBGhE,oBAAoB,gBACnB,oBAAC,eAAD;IACE,oBAAoB,EAAEA,oBADxB;IAEE,UAAU,EAAEC,UAFd;IAGE,mBAAmB,EAAEC,mBAHvB;IAIE,sBAAsB,EAAEC,sBAJ1B;IAKE,GAAG,EAAC;EALN,EADmB,GAQjB,IA1BN,CADF;AA8BD,CArED;;AAuEA,eAAewE,KAAf"}
+{"version":3,"file":"index.native.js","names":["React","useCallback","useEffect","useMemo","useState","Animated","Easing","Image","Keyboard","ScrollView","StyleSheet","useWindowDimensions","View","get","getOr","useTranslateY","Answer","ReviewCorrectionPopin","useTemplateContext","Button","TYPE_AUDIO","TYPE_IMAGE","TYPE_VIDEO","Video","Html","useMobileKeyboardVisibility","styles","create","mediaContainer","alignItems","justifyContent","width","height","borderRadius","overflow","image","flex","correctionPopinWrapper","position","bottom","MediaView","media","autoplay","type","createElement","style","uri","url","split","source","CorrectionPopin","correctionPopinProps","slideIndex","showCorrectionPopin","animateCorrectionPopin","translateUp","fromValue","toValue","duration","easing","bezier","start","klf","undefined","information","label","message","next","onClick","_correctionPopinProps","resultLabel","animatedStyle","createQuestionStyle","theme","questionHeading","questionOriginContainer","marginBottom","spacing","tiny","marginTop","small","questionOrigin","fontSize","lineHeight","color","colors","text","primary","textAlign","questionTextContainer","marginVertical","questionText","fontWeight","questionHelpContainer","questionHelp","gray","medium","choicesScrollView","choicesScrollContent","flexGrow","padding","Question","props","answerUI","isKeyboardVisible","autoplayMedia","setStyle","questionStyle","hasVideoOrImage","includes","Fragment","isTextCentered","contentContainerStyle","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","createSlideStyle","num","screenWidth","slideWidth","hiddenBackgroundToLockActions","left","right","top","backgroundColor","slide","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","Slide","validateButton","isValidated","setValidated","handleValidatePress","dismiss","setTimeout","slideStyle","isFirstSlide","loading","parentContentTitle","key","disabled","submitValue","onPress","testID"],"sources":["../../../src/organism/review-slide/index.native.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useMemo, useState} from 'react';\n\nimport {\n  Animated,\n  Easing,\n  Image,\n  Keyboard,\n  ScrollView,\n  StyleSheet,\n  TextStyle,\n  useWindowDimensions,\n  View,\n  ViewStyle\n} from 'react-native';\nimport get from 'lodash/fp/get';\nimport getOr from 'lodash/fp/getOr';\nimport {useTranslateY} from '@coorpacademy/react-native-animation';\nimport Answer from '../../molecule/answer/index.native';\nimport ReviewCorrectionPopin from '../../molecule/review-correction-popin/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Button from '../../atom/button/index.native';\nimport {TYPE_AUDIO, TYPE_IMAGE, TYPE_VIDEO} from '../../molecule/answer/prop-types';\nimport Video from '../../molecule/video-player-mobile/index.native';\nimport {Media} from '../../molecule/questions/types';\nimport Html from '../../atom/html/index.native';\nimport useMobileKeyboardVisibility from '../../util/use-mobile-keyboard-visibility';\nimport {PopinProps, ReviewSlideProps, SlideProps} from './prop-types';\n\nconst styles = StyleSheet.create({\n  mediaContainer: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: '100%',\n    height: 200,\n    borderRadius: 10,\n    overflow: 'hidden'\n  },\n  image: {\n    flex: 1,\n    width: '100%'\n  },\n  correctionPopinWrapper: {\n    position: 'absolute',\n    bottom: 16,\n    width: '105%'\n  }\n});\n\nconst MediaView = ({media, autoplay}: {media?: Media; autoplay: boolean}) => {\n  if (!media) {\n    return null;\n  }\n\n  switch (media.type) {\n    case TYPE_VIDEO:\n      return (\n        <View style={styles.mediaContainer}>\n          <Video media={media} autoplay={autoplay} />\n        </View>\n      );\n    case TYPE_IMAGE: {\n      const uri = `https://${media.url?.split('//')[1]}`;\n      return <Image style={[styles.mediaContainer, styles.image]} source={{uri}} />;\n    }\n    case TYPE_AUDIO:\n    default:\n      return null;\n  }\n};\n\nconst CorrectionPopin = ({\n  correctionPopinProps,\n  slideIndex,\n  showCorrectionPopin,\n  animateCorrectionPopin\n}: PopinProps) => {\n  const translateUp = useTranslateY({\n    fromValue: 500,\n    toValue: 0,\n    duration: 500,\n    easing: Easing.bezier(0.34, 1.36, 0.64, 1)\n  });\n\n  // the translation is required only once on mount\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useEffect(() => translateUp.start(), []);\n\n  if (!showCorrectionPopin) return null;\n\n  const klf = getOr(undefined, 'klf', correctionPopinProps);\n  const information = getOr({label: '', message: ''}, 'information', correctionPopinProps);\n  const next = get('next', correctionPopinProps);\n  const onClick = get(['next', 'onClick'], correctionPopinProps);\n\n  const _correctionPopinProps = {\n    next: {\n      onClick,\n      label: next && next.label,\n      'data-name': `next-question-button-${slideIndex}`,\n      'aria-label': next && next['aria-label']\n    },\n    klf,\n    information,\n    type: correctionPopinProps.type,\n    resultLabel: correctionPopinProps.resultLabel\n  };\n\n  const style = animateCorrectionPopin\n    ? [styles.correctionPopinWrapper, translateUp.animatedStyle]\n    : styles.correctionPopinWrapper;\n\n  return (\n    <Animated.View style={style}>\n      <ReviewCorrectionPopin {..._correctionPopinProps} />\n    </Animated.View>\n  );\n};\n\ntype StyleSheetType = {\n  questionHeading: ViewStyle;\n  questionOriginContainer: ViewStyle;\n  questionOrigin: TextStyle;\n  questionTextContainer: ViewStyle;\n  questionText: TextStyle;\n  questionHelpContainer: ViewStyle;\n  questionHelp: TextStyle;\n  choicesScrollView: ViewStyle;\n  choicesScrollContent: ViewStyle;\n};\n\nconst createQuestionStyle = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    questionHeading: {\n      justifyContent: 'space-between',\n      alignItems: 'center'\n    },\n    questionOriginContainer: {\n      marginBottom: theme.spacing.tiny,\n      marginTop: theme.spacing.small\n    },\n    questionOrigin: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.text.primary,\n      textAlign: 'center'\n    },\n    questionTextContainer: {\n      marginVertical: 4,\n      textAlign: 'center'\n    },\n    questionText: {\n      fontSize: 16,\n      lineHeight: 22,\n      fontWeight: '700',\n      color: theme.colors.text.primary\n    },\n    questionHelpContainer: {\n      marginVertical: 4\n    },\n    questionHelp: {\n      fontSize: 12,\n      lineHeight: 16,\n      color: theme.colors.gray.medium,\n      marginBottom: 0,\n      marginTop: theme.spacing.small,\n      textAlign: 'center'\n    },\n    choicesScrollView: {\n      marginTop: 20,\n      width: '100%'\n    },\n    choicesScrollContent: {\n      flexGrow: 1,\n      justifyContent: 'space-around',\n      padding: 10\n    }\n  });\n\ntype QuestionProps = {\n  autoplayMedia: boolean;\n  answerUI: SlideProps['answerUI'];\n  isKeyboardVisible: boolean;\n  questionText: SlideProps['questionText'];\n  questionOrigin: SlideProps['parentContentTitle'];\n};\n\nconst Question = (props: QuestionProps) => {\n  const {\n    answerUI,\n    questionText,\n    questionOrigin = '',\n    isKeyboardVisible,\n    autoplayMedia = false\n  } = props;\n  const {theme} = useTemplateContext();\n  const [style, setStyle] = useState<StyleSheetType>();\n\n  useEffect(() => {\n    const questionStyle = createQuestionStyle(theme);\n    setStyle(questionStyle);\n  }, [theme]);\n\n  if (!answerUI || !questionText || !style) return null;\n\n  const hasVideoOrImage =\n    answerUI.media?.type && [TYPE_VIDEO, TYPE_IMAGE].includes(answerUI.media.type);\n\n  return (\n    <>\n      <View style={style.questionHeading}>\n        <View style={style.questionOriginContainer}>\n          <Html style={style.questionOrigin} isTextCentered>\n            {questionOrigin}\n          </Html>\n        </View>\n        <View style={style.questionTextContainer}>\n          <Html style={style.questionText} isTextCentered>\n            {questionText}\n          </Html>\n        </View>\n        <View style={style.questionHelpContainer}>\n          <Html style={style.questionHelp}>{get('help', answerUI)}</Html>\n        </View>\n      </View>\n      <ScrollView\n        style={style.choicesScrollView}\n        contentContainerStyle={style.choicesScrollContent}\n        showsHorizontalScrollIndicator={false}\n        showsVerticalScrollIndicator={false}\n      >\n        {!isKeyboardVisible && hasVideoOrImage ? (\n          <MediaView media={answerUI.media} autoplay={autoplayMedia} />\n        ) : null}\n        <View\n          style={{\n            marginTop: hasVideoOrImage ? 30 : 0\n          }}\n        >\n          <Answer {...answerUI} />\n        </View>\n      </ScrollView>\n    </>\n  );\n};\n\ntype SlideStyle = {\n  slide: ViewStyle;\n  hiddenBackgroundToLockActions: ViewStyle;\n};\n\nconst createSlideStyle = (\n  num: number,\n  screenWidth: number,\n  isKeyboardVisible: boolean\n): SlideStyle => {\n  const slideWidth = screenWidth - 40 - num * 8;\n\n  return StyleSheet.create({\n    hiddenBackgroundToLockActions: {\n      position: 'absolute',\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      backgroundColor: '#00000000'\n    },\n    slide: {\n      position: 'absolute',\n      left: 20 + num * 4,\n      bottom: (isKeyboardVisible ? 5 : 34) + num * 5,\n      backgroundColor: '#fff', // theme.colors.white\n      height: '90%',\n      width: slideWidth,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      padding: 25,\n      shadowColor: '#000',\n      shadowOffset: {width: 0, height: -1},\n      shadowOpacity: 0.05,\n      shadowRadius: 16,\n      elevation: 10 - num * 1,\n      borderRadius: 16\n    }\n  });\n};\n\nconst Slide = (props: ReviewSlideProps) => {\n  const {animatedStyle, slide, correctionPopinProps, validateButton, num, slideIndex = '0'} = props;\n  const [isValidated, setValidated] = useState<boolean>(false);\n\n  const isKeyboardVisible = useMobileKeyboardVisibility();\n\n  const handleValidatePress = useCallback(() => {\n    Keyboard.dismiss();\n    setValidated(true);\n\n    // calling the onclick later, after react has rerendered, to display the locking BG as soon as possible\n    setTimeout(() => {\n      validateButton.onClick();\n    }, 20);\n\n    // only to create on mount\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const {width} = useWindowDimensions();\n  const slideStyle = useMemo(\n    () => createSlideStyle(num, width, isKeyboardVisible),\n    [num, width, isKeyboardVisible]\n  );\n  const isFirstSlide = num === 1;\n\n  const {\n    loading,\n    parentContentTitle,\n    questionText,\n    answerUI,\n    showCorrectionPopin,\n    animateCorrectionPopin\n  } = slide;\n\n  if (loading) {\n    return <View style={slideStyle.slide} />;\n  }\n\n  return (\n    <Animated.View style={[slideStyle.slide, animatedStyle]}>\n      <Question\n        questionOrigin={parentContentTitle}\n        questionText={questionText}\n        answerUI={answerUI}\n        autoplayMedia={isFirstSlide}\n        isKeyboardVisible={isKeyboardVisible}\n        key=\"question-container\"\n      />\n      {isKeyboardVisible ? null : (\n        <Button\n          disabled={isValidated || validateButton.disabled}\n          submitValue={validateButton.label}\n          onPress={handleValidatePress}\n          testID={`slide-validate-button-${slideIndex}`}\n        />\n      )}\n      {isValidated ? <View style={slideStyle.hiddenBackgroundToLockActions} /> : null}\n      {correctionPopinProps ? (\n        <CorrectionPopin\n          correctionPopinProps={correctionPopinProps}\n          slideIndex={slideIndex}\n          showCorrectionPopin={showCorrectionPopin}\n          animateCorrectionPopin={animateCorrectionPopin}\n          key=\"correction-popin\"\n        />\n      ) : null}\n    </Animated.View>\n  );\n};\n\nexport default Slide;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAO,OAAO;AAEtE,SACEC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACRC,UAAU,EACVC,UAAU,EAEVC,mBAAmB,EACnBC,IAAI,QAEC,cAAc;AACrB,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,KAAK,MAAM,iBAAiB;AACnC,SAAQC,aAAa,QAAO,sCAAsC;AAClE,OAAOC,MAAM,MAAM,oCAAoC;AACvD,OAAOC,qBAAqB,MAAM,qDAAqD;AACvF,SAAQC,kBAAkB,QAAO,4CAA4C;AAE7E,OAAOC,MAAM,MAAM,gCAAgC;AACnD,SAAQC,UAAU,EAAEC,UAAU,EAAEC,UAAU,QAAO,kCAAkC;AACnF,OAAOC,KAAK,MAAM,iDAAiD;AAEnE,OAAOC,IAAI,MAAM,8BAA8B;AAC/C,OAAOC,2BAA2B,MAAM,2CAA2C;AAGnF,MAAMC,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;EAC/BC,cAAc,EAAE;IACdC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,GAAG;IACXC,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,IAAI,EAAE,CAAC;IACPL,KAAK,EAAE;EACT,CAAC;EACDM,sBAAsB,EAAE;IACtBC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVR,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,MAAMS,SAAS,GAAGA,CAAC;EAACC,KAAK;EAAEC;AAA4C,CAAC,KAAK;EAC3E,IAAI,CAACD,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,QAAQA,KAAK,CAACE,IAAI;IAChB,KAAKrB,UAAU;MACb,oBACEtB,KAAA,CAAA4C,aAAA,CAAChC,IAAI;QAACiC,KAAK,EAAEnB,MAAM,CAACE;MAAe,gBACjC5B,KAAA,CAAA4C,aAAA,CAACrB,KAAK;QAACkB,KAAK,EAAEA,KAAM;QAACC,QAAQ,EAAEA;MAAS,CAAE,CACtC,CAAC;IAEX,KAAKrB,UAAU;MAAE;QACf,MAAMyB,GAAG,GAAG,WAAWL,KAAK,CAACM,GAAG,EAAEC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;QAClD,oBAAOhD,KAAA,CAAA4C,aAAA,CAACrC,KAAK;UAACsC,KAAK,EAAE,CAACnB,MAAM,CAACE,cAAc,EAAEF,MAAM,CAACS,KAAK,CAAE;UAACc,MAAM,EAAE;YAACH;UAAG;QAAE,CAAE,CAAC;MAC/E;IACA,KAAK1B,UAAU;IACf;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAED,MAAM8B,eAAe,GAAGA,CAAC;EACvBC,oBAAoB;EACpBC,UAAU;EACVC,mBAAmB;EACnBC;AACU,CAAC,KAAK;EAChB,MAAMC,WAAW,GAAGxC,aAAa,CAAC;IAChCyC,SAAS,EAAE,GAAG;IACdC,OAAO,EAAE,CAAC;IACVC,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAErD,MAAM,CAACsD,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;EAC3C,CAAC,CAAC;;EAEF;EACA;EACA1D,SAAS,CAAC,MAAMqD,WAAW,CAACM,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAExC,IAAI,CAACR,mBAAmB,EAAE,OAAO,IAAI;EAErC,MAAMS,GAAG,GAAGhD,KAAK,CAACiD,SAAS,EAAE,KAAK,EAAEZ,oBAAoB,CAAC;EACzD,MAAMa,WAAW,GAAGlD,KAAK,CAAC;IAACmD,KAAK,EAAE,EAAE;IAAEC,OAAO,EAAE;EAAE,CAAC,EAAE,aAAa,EAAEf,oBAAoB,CAAC;EACxF,MAAMgB,IAAI,GAAGtD,GAAG,CAAC,MAAM,EAAEsC,oBAAoB,CAAC;EAC9C,MAAMiB,OAAO,GAAGvD,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,EAAEsC,oBAAoB,CAAC;EAE9D,MAAMkB,qBAAqB,GAAG;IAC5BF,IAAI,EAAE;MACJC,OAAO;MACPH,KAAK,EAAEE,IAAI,IAAIA,IAAI,CAACF,KAAK;MACzB,WAAW,EAAE,wBAAwBb,UAAU,EAAE;MACjD,YAAY,EAAEe,IAAI,IAAIA,IAAI,CAAC,YAAY;IACzC,CAAC;IACDL,GAAG;IACHE,WAAW;IACXrB,IAAI,EAAEQ,oBAAoB,CAACR,IAAI;IAC/B2B,WAAW,EAAEnB,oBAAoB,CAACmB;EACpC,CAAC;EAED,MAAMzB,KAAK,GAAGS,sBAAsB,GAChC,CAAC5B,MAAM,CAACW,sBAAsB,EAAEkB,WAAW,CAACgB,aAAa,CAAC,GAC1D7C,MAAM,CAACW,sBAAsB;EAEjC,oBACErC,KAAA,CAAA4C,aAAA,CAACvC,QAAQ,CAACO,IAAI;IAACiC,KAAK,EAAEA;EAAM,gBAC1B7C,KAAA,CAAA4C,aAAA,CAAC3B,qBAAqB,EAAKoD,qBAAwB,CACtC,CAAC;AAEpB,CAAC;AAcD,MAAMG,mBAAmB,GAAIC,KAAY,IACvC/D,UAAU,CAACiB,MAAM,CAAC;EAChB+C,eAAe,EAAE;IACf5C,cAAc,EAAE,eAAe;IAC/BD,UAAU,EAAE;EACd,CAAC;EACD8C,uBAAuB,EAAE;IACvBC,YAAY,EAAEH,KAAK,CAACI,OAAO,CAACC,IAAI;IAChCC,SAAS,EAAEN,KAAK,CAACI,OAAO,CAACG;EAC3B,CAAC;EACDC,cAAc,EAAE;IACdC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACC,IAAI,CAACC,OAAO;IAChCC,SAAS,EAAE;EACb,CAAC;EACDC,qBAAqB,EAAE;IACrBC,cAAc,EAAE,CAAC;IACjBF,SAAS,EAAE;EACb,CAAC;EACDG,YAAY,EAAE;IACZT,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdS,UAAU,EAAE,KAAK;IACjBR,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACC,IAAI,CAACC;EAC3B,CAAC;EACDM,qBAAqB,EAAE;IACrBH,cAAc,EAAE;EAClB,CAAC;EACDI,YAAY,EAAE;IACZZ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACU,IAAI,CAACC,MAAM;IAC/BpB,YAAY,EAAE,CAAC;IACfG,SAAS,EAAEN,KAAK,CAACI,OAAO,CAACG,KAAK;IAC9BQ,SAAS,EAAE;EACb,CAAC;EACDS,iBAAiB,EAAE;IACjBlB,SAAS,EAAE,EAAE;IACbhD,KAAK,EAAE;EACT,CAAC;EACDmE,oBAAoB,EAAE;IACpBC,QAAQ,EAAE,CAAC;IACXrE,cAAc,EAAE,cAAc;IAC9BsE,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAUJ,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;EACzC,MAAM;IACJC,QAAQ;IACRZ,YAAY;IACZV,cAAc,GAAG,EAAE;IACnBuB,iBAAiB;IACjBC,aAAa,GAAG;EAClB,CAAC,GAAGH,KAAK;EACT,MAAM;IAAC7B;EAAK,CAAC,GAAGvD,kBAAkB,CAAC,CAAC;EACpC,MAAM,CAAC2B,KAAK,EAAE6D,QAAQ,CAAC,GAAGtG,QAAQ,CAAiB,CAAC;EAEpDF,SAAS,CAAC,MAAM;IACd,MAAMyG,aAAa,GAAGnC,mBAAmB,CAACC,KAAK,CAAC;IAChDiC,QAAQ,CAACC,aAAa,CAAC;EACzB,CAAC,EAAE,CAAClC,KAAK,CAAC,CAAC;EAEX,IAAI,CAAC8B,QAAQ,IAAI,CAACZ,YAAY,IAAI,CAAC9C,KAAK,EAAE,OAAO,IAAI;EAErD,MAAM+D,eAAe,GACnBL,QAAQ,CAAC9D,KAAK,EAAEE,IAAI,IAAI,CAACrB,UAAU,EAAED,UAAU,CAAC,CAACwF,QAAQ,CAACN,QAAQ,CAAC9D,KAAK,CAACE,IAAI,CAAC;EAEhF,oBACE3C,KAAA,CAAA4C,aAAA,CAAA5C,KAAA,CAAA8G,QAAA,qBACE9G,KAAA,CAAA4C,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEA,KAAK,CAAC6B;EAAgB,gBACjC1E,KAAA,CAAA4C,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEA,KAAK,CAAC8B;EAAwB,gBACzC3E,KAAA,CAAA4C,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEA,KAAK,CAACoC,cAAe;IAAC8B,cAAc;EAAA,GAC9C9B,cACG,CACF,CAAC,eACPjF,KAAA,CAAA4C,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEA,KAAK,CAAC4C;EAAsB,gBACvCzF,KAAA,CAAA4C,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEA,KAAK,CAAC8C,YAAa;IAACoB,cAAc;EAAA,GAC5CpB,YACG,CACF,CAAC,eACP3F,KAAA,CAAA4C,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEA,KAAK,CAACgD;EAAsB,gBACvC7F,KAAA,CAAA4C,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEA,KAAK,CAACiD;EAAa,GAAEjF,GAAG,CAAC,MAAM,EAAE0F,QAAQ,CAAQ,CAC1D,CACF,CAAC,eACPvG,KAAA,CAAA4C,aAAA,CAACnC,UAAU;IACToC,KAAK,EAAEA,KAAK,CAACoD,iBAAkB;IAC/Be,qBAAqB,EAAEnE,KAAK,CAACqD,oBAAqB;IAClDe,8BAA8B,EAAE,KAAM;IACtCC,4BAA4B,EAAE;EAAM,GAEnC,CAACV,iBAAiB,IAAII,eAAe,gBACpC5G,KAAA,CAAA4C,aAAA,CAACJ,SAAS;IAACC,KAAK,EAAE8D,QAAQ,CAAC9D,KAAM;IAACC,QAAQ,EAAE+D;EAAc,CAAE,CAAC,GAC3D,IAAI,eACRzG,KAAA,CAAA4C,aAAA,CAAChC,IAAI;IACHiC,KAAK,EAAE;MACLkC,SAAS,EAAE6B,eAAe,GAAG,EAAE,GAAG;IACpC;EAAE,gBAEF5G,KAAA,CAAA4C,aAAA,CAAC5B,MAAM,EAAKuF,QAAW,CACnB,CACI,CACZ,CAAC;AAEP,CAAC;AAOD,MAAMY,gBAAgB,GAAGA,CACvBC,GAAW,EACXC,WAAmB,EACnBb,iBAA0B,KACX;EACf,MAAMc,UAAU,GAAGD,WAAW,GAAG,EAAE,GAAGD,GAAG,GAAG,CAAC;EAE7C,OAAO1G,UAAU,CAACiB,MAAM,CAAC;IACvB4F,6BAA6B,EAAE;MAC7BjF,QAAQ,EAAE,UAAU;MACpBkF,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,GAAG,EAAE,CAAC;MACNnF,MAAM,EAAE,CAAC;MACToF,eAAe,EAAE;IACnB,CAAC;IACDC,KAAK,EAAE;MACLtF,QAAQ,EAAE,UAAU;MACpBkF,IAAI,EAAE,EAAE,GAAGJ,GAAG,GAAG,CAAC;MAClB7E,MAAM,EAAE,CAACiE,iBAAiB,GAAG,CAAC,GAAG,EAAE,IAAIY,GAAG,GAAG,CAAC;MAC9CO,eAAe,EAAE,MAAM;MAAE;MACzB3F,MAAM,EAAE,KAAK;MACbD,KAAK,EAAEuF,UAAU;MACjBxF,cAAc,EAAE,eAAe;MAC/BD,UAAU,EAAE,QAAQ;MACpBuE,OAAO,EAAE,EAAE;MACXyB,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAC/F,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE,CAAC;MAAC,CAAC;MACpC+F,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,EAAE;MAChBC,SAAS,EAAE,EAAE,GAAGb,GAAG,GAAG,CAAC;MACvBnF,YAAY,EAAE;IAChB;EACF,CAAC,CAAC;AACJ,CAAC;AAED,MAAMiG,KAAK,GAAI5B,KAAuB,IAAK;EACzC,MAAM;IAAC/B,aAAa;IAAEqD,KAAK;IAAEzE,oBAAoB;IAAEgF,cAAc;IAAEf,GAAG;IAAEhE,UAAU,GAAG;EAAG,CAAC,GAAGkD,KAAK;EACjG,MAAM,CAAC8B,WAAW,EAAEC,YAAY,CAAC,GAAGjI,QAAQ,CAAU,KAAK,CAAC;EAE5D,MAAMoG,iBAAiB,GAAG/E,2BAA2B,CAAC,CAAC;EAEvD,MAAM6G,mBAAmB,GAAGrI,WAAW,CAAC,MAAM;IAC5CO,QAAQ,CAAC+H,OAAO,CAAC,CAAC;IAClBF,YAAY,CAAC,IAAI,CAAC;;IAElB;IACAG,UAAU,CAAC,MAAM;MACfL,cAAc,CAAC/D,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC;;IAEN;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAACrC;EAAK,CAAC,GAAGpB,mBAAmB,CAAC,CAAC;EACrC,MAAM8H,UAAU,GAAGtI,OAAO,CACxB,MAAMgH,gBAAgB,CAACC,GAAG,EAAErF,KAAK,EAAEyE,iBAAiB,CAAC,EACrD,CAACY,GAAG,EAAErF,KAAK,EAAEyE,iBAAiB,CAChC,CAAC;EACD,MAAMkC,YAAY,GAAGtB,GAAG,KAAK,CAAC;EAE9B,MAAM;IACJuB,OAAO;IACPC,kBAAkB;IAClBjD,YAAY;IACZY,QAAQ;IACRlD,mBAAmB;IACnBC;EACF,CAAC,GAAGsE,KAAK;EAET,IAAIe,OAAO,EAAE;IACX,oBAAO3I,KAAA,CAAA4C,aAAA,CAAChC,IAAI;MAACiC,KAAK,EAAE4F,UAAU,CAACb;IAAM,CAAE,CAAC;EAC1C;EAEA,oBACE5H,KAAA,CAAA4C,aAAA,CAACvC,QAAQ,CAACO,IAAI;IAACiC,KAAK,EAAE,CAAC4F,UAAU,CAACb,KAAK,EAAErD,aAAa;EAAE,gBACtDvE,KAAA,CAAA4C,aAAA,CAACyD,QAAQ;IACPpB,cAAc,EAAE2D,kBAAmB;IACnCjD,YAAY,EAAEA,YAAa;IAC3BY,QAAQ,EAAEA,QAAS;IACnBE,aAAa,EAAEiC,YAAa;IAC5BlC,iBAAiB,EAAEA,iBAAkB;IACrCqC,GAAG,EAAC;EAAoB,CACzB,CAAC,EACDrC,iBAAiB,GAAG,IAAI,gBACvBxG,KAAA,CAAA4C,aAAA,CAACzB,MAAM;IACL2H,QAAQ,EAAEV,WAAW,IAAID,cAAc,CAACW,QAAS;IACjDC,WAAW,EAAEZ,cAAc,CAAClE,KAAM;IAClC+E,OAAO,EAAEV,mBAAoB;IAC7BW,MAAM,EAAE,yBAAyB7F,UAAU;EAAG,CAC/C,CACF,EACAgF,WAAW,gBAAGpI,KAAA,CAAA4C,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAE4F,UAAU,CAAClB;EAA8B,CAAE,CAAC,GAAG,IAAI,EAC9EpE,oBAAoB,gBACnBnD,KAAA,CAAA4C,aAAA,CAACM,eAAe;IACdC,oBAAoB,EAAEA,oBAAqB;IAC3CC,UAAU,EAAEA,UAAW;IACvBC,mBAAmB,EAAEA,mBAAoB;IACzCC,sBAAsB,EAAEA,sBAAuB;IAC/CuF,GAAG,EAAC;EAAkB,CACvB,CAAC,GACA,IACS,CAAC;AAEpB,CAAC;AAED,eAAeX,KAAK","ignoreList":[]}

package/es/organism/review-slide/prop-types.js

@@ -30,7 +30,6 @@ const propTypes = {
       label: PropTypes.string,
       'aria-label': PropTypes.string // Pourquoi le onClick du next n'est pas ici !
       // updateSlidesOnNext: PropTypes.func.isRequired ???
-
     }),
     resultLabel: ReviewCorrectionPopinPropTypes.resultLabel,
     type: ReviewCorrectionPopinPropTypes.type

package/es/organism/review-slide/prop-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","disableContent","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"sources":["../../../src/organism/review-slide/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport type {Animation} from '@coorpacademy/react-native-animation';\nimport ReviewCorrectionPopinPropTypes, {\n  ReviewCorrectionPopinProps\n} from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {AnswerProps} from '../../molecule/answer/prop-types';\nimport {TemplateContextValues} from '../../template/app-review/template-context';\n\nexport const SlidePropsTypes = PropTypes.shape({\n  position: PropTypes.number,\n  loading: PropTypes.bool,\n  loadingAriaLabel: PropTypes.string,\n  animationType: PropTypes.string, // 'unstack' | 'restack'\n  isCorrect: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  showCorrectionPopin: PropTypes.bool,\n  disableContent: PropTypes.bool,\n  parentContentTitle: PropTypes.string,\n  questionText: PropTypes.string,\n  answerUI: PropTypes.shape(AnswerPropTypes)\n});\n\nconst propTypes = {\n  slideIndex: PropTypes.string,\n  slide: SlidePropsTypes,\n  validateButton: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func.isRequired,\n    disabled: PropTypes.bool\n  }),\n  correctionPopinProps: PropTypes.shape({\n    klf: ReviewCorrectionPopinPropTypes.klf,\n    information: ReviewCorrectionPopinPropTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string // Pourquoi le onClick du next n'est pas ici !\n      // updateSlidesOnNext: PropTypes.func.isRequired ???\n    }),\n    resultLabel: ReviewCorrectionPopinPropTypes.resultLabel,\n    type: ReviewCorrectionPopinPropTypes.type\n  })\n};\n\nexport default propTypes;\n\nexport type PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: string;\n  showCorrectionPopin?: boolean;\n  animateCorrectionPopin?: boolean;\n};\n\nexport type ValidateButtonProps = {\n  slideIndex: string;\n  validateButton: ReviewSlideProps['validateButton'];\n  primarySkinColor?: string;\n};\n\nexport type SlideProps = {\n  position: number;\n  loading: boolean;\n  loadingAriaLabel?: string;\n  animationType?: 'unstack' | 'restack';\n  isCorrect?: boolean;\n  animateCorrectionPopin?: boolean;\n  showCorrectionPopin?: boolean;\n  parentContentTitle?: string;\n  questionText?: string;\n  answerUI?: AnswerProps;\n};\n\nexport type ReviewSlideProps = {\n  slideIndex: string;\n  num: number;\n  slide: SlideProps;\n  correctionPopinProps?: ReviewCorrectionPopinProps;\n  validateButton: {\n    label: string;\n    onClick: () => void;\n    disabled: boolean;\n  };\n  animatedStyle?: Animation['animatedStyle'][];\n};\n\nexport type Fixture = {props: ReviewSlideProps; mobileContext?: TemplateContextValues};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,8BAAP,MAEO,mDAFP;AAGA,OAAOC,eAAP,MAA2C,kCAA3C;AAGA,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAV,CAAgB;EAC7CC,QAAQ,EAAEL,SAAS,CAACM,MADyB;EAE7CC,OAAO,EAAEP,SAAS,CAACQ,IAF0B;EAG7CC,gBAAgB,EAAET,SAAS,CAACU,MAHiB;EAI7CC,aAAa,EAAEX,SAAS,CAACU,MAJoB;EAIZ;EACjCE,SAAS,EAAEZ,SAAS,CAACQ,IALwB;EAM7CK,sBAAsB,EAAEb,SAAS,CAACQ,IANW;EAO7CM,mBAAmB,EAAEd,SAAS,CAACQ,IAPc;EAQ7CO,cAAc,EAAEf,SAAS,CAACQ,IARmB;EAS7CQ,kBAAkB,EAAEhB,SAAS,CAACU,MATe;EAU7CO,YAAY,EAAEjB,SAAS,CAACU,MAVqB;EAW7CQ,QAAQ,EAAElB,SAAS,CAACI,KAAV,CAAgBF,eAAhB;AAXmC,CAAhB,CAAxB;AAcP,MAAMiB,SAAS,GAAG;EAChBC,UAAU,EAAEpB,SAAS,CAACU,MADN;EAEhBW,KAAK,EAAElB,eAFS;EAGhBmB,cAAc,EAAEtB,SAAS,CAACI,KAAV,CAAgB;IAC9BmB,KAAK,EAAEvB,SAAS,CAACU,MAAV,CAAiBc,UADM;IAE9BC,OAAO,EAAEzB,SAAS,CAAC0B,IAAV,CAAeF,UAFM;IAG9BG,QAAQ,EAAE3B,SAAS,CAACQ;EAHU,CAAhB,CAHA;EAQhBoB,oBAAoB,EAAE5B,SAAS,CAACI,KAAV,CAAgB;IACpCyB,GAAG,EAAE5B,8BAA8B,CAAC4B,GADA;IAEpCC,WAAW,EAAE7B,8BAA8B,CAAC6B,WAFR;IAGpCC,IAAI,EAAE/B,SAAS,CAACI,KAAV,CAAgB;MACpBmB,KAAK,EAAEvB,SAAS,CAACU,MADG;MAEpB,cAAcV,SAAS,CAACU,MAFJ,CAEW;MAC/B;;IAHoB,CAAhB,CAH8B;IAQpCsB,WAAW,EAAE/B,8BAA8B,CAAC+B,WARR;IASpCC,IAAI,EAAEhC,8BAA8B,CAACgC;EATD,CAAhB;AARN,CAAlB;AAqBA,eAAed,SAAf"}
+{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","position","number","loading","bool","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","disableContent","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"sources":["../../../src/organism/review-slide/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport type {Animation} from '@coorpacademy/react-native-animation';\nimport ReviewCorrectionPopinPropTypes, {\n  ReviewCorrectionPopinProps\n} from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {AnswerProps} from '../../molecule/answer/prop-types';\nimport {TemplateContextValues} from '../../template/app-review/template-context';\n\nexport const SlidePropsTypes = PropTypes.shape({\n  position: PropTypes.number,\n  loading: PropTypes.bool,\n  loadingAriaLabel: PropTypes.string,\n  animationType: PropTypes.string, // 'unstack' | 'restack'\n  isCorrect: PropTypes.bool,\n  animateCorrectionPopin: PropTypes.bool,\n  showCorrectionPopin: PropTypes.bool,\n  disableContent: PropTypes.bool,\n  parentContentTitle: PropTypes.string,\n  questionText: PropTypes.string,\n  answerUI: PropTypes.shape(AnswerPropTypes)\n});\n\nconst propTypes = {\n  slideIndex: PropTypes.string,\n  slide: SlidePropsTypes,\n  validateButton: PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    onClick: PropTypes.func.isRequired,\n    disabled: PropTypes.bool\n  }),\n  correctionPopinProps: PropTypes.shape({\n    klf: ReviewCorrectionPopinPropTypes.klf,\n    information: ReviewCorrectionPopinPropTypes.information,\n    next: PropTypes.shape({\n      label: PropTypes.string,\n      'aria-label': PropTypes.string // Pourquoi le onClick du next n'est pas ici !\n      // updateSlidesOnNext: PropTypes.func.isRequired ???\n    }),\n    resultLabel: ReviewCorrectionPopinPropTypes.resultLabel,\n    type: ReviewCorrectionPopinPropTypes.type\n  })\n};\n\nexport default propTypes;\n\nexport type PopinProps = {\n  correctionPopinProps: ReviewCorrectionPopinProps;\n  slideIndex: string;\n  showCorrectionPopin?: boolean;\n  animateCorrectionPopin?: boolean;\n};\n\nexport type ValidateButtonProps = {\n  slideIndex: string;\n  validateButton: ReviewSlideProps['validateButton'];\n  primarySkinColor?: string;\n};\n\nexport type SlideProps = {\n  position: number;\n  loading: boolean;\n  loadingAriaLabel?: string;\n  animationType?: 'unstack' | 'restack';\n  isCorrect?: boolean;\n  animateCorrectionPopin?: boolean;\n  showCorrectionPopin?: boolean;\n  parentContentTitle?: string;\n  questionText?: string;\n  answerUI?: AnswerProps;\n};\n\nexport type ReviewSlideProps = {\n  slideIndex: string;\n  num: number;\n  slide: SlideProps;\n  correctionPopinProps?: ReviewCorrectionPopinProps;\n  validateButton: {\n    label: string;\n    onClick: () => void;\n    disabled: boolean;\n  };\n  animatedStyle?: Animation['animatedStyle'][];\n};\n\nexport type Fixture = {props: ReviewSlideProps; mobileContext?: TemplateContextValues};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAOC,8BAA8B,MAE9B,mDAAmD;AAC1D,OAAOC,eAAe,MAAqB,kCAAkC;AAG7E,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAK,CAAC;EAC7CC,QAAQ,EAAEL,SAAS,CAACM,MAAM;EAC1BC,OAAO,EAAEP,SAAS,CAACQ,IAAI;EACvBC,gBAAgB,EAAET,SAAS,CAACU,MAAM;EAClCC,aAAa,EAAEX,SAAS,CAACU,MAAM;EAAE;EACjCE,SAAS,EAAEZ,SAAS,CAACQ,IAAI;EACzBK,sBAAsB,EAAEb,SAAS,CAACQ,IAAI;EACtCM,mBAAmB,EAAEd,SAAS,CAACQ,IAAI;EACnCO,cAAc,EAAEf,SAAS,CAACQ,IAAI;EAC9BQ,kBAAkB,EAAEhB,SAAS,CAACU,MAAM;EACpCO,YAAY,EAAEjB,SAAS,CAACU,MAAM;EAC9BQ,QAAQ,EAAElB,SAAS,CAACI,KAAK,CAACF,eAAe;AAC3C,CAAC,CAAC;AAEF,MAAMiB,SAAS,GAAG;EAChBC,UAAU,EAAEpB,SAAS,CAACU,MAAM;EAC5BW,KAAK,EAAElB,eAAe;EACtBmB,cAAc,EAAEtB,SAAS,CAACI,KAAK,CAAC;IAC9BmB,KAAK,EAAEvB,SAAS,CAACU,MAAM,CAACc,UAAU;IAClCC,OAAO,EAAEzB,SAAS,CAAC0B,IAAI,CAACF,UAAU;IAClCG,QAAQ,EAAE3B,SAAS,CAACQ;EACtB,CAAC,CAAC;EACFoB,oBAAoB,EAAE5B,SAAS,CAACI,KAAK,CAAC;IACpCyB,GAAG,EAAE5B,8BAA8B,CAAC4B,GAAG;IACvCC,WAAW,EAAE7B,8BAA8B,CAAC6B,WAAW;IACvDC,IAAI,EAAE/B,SAAS,CAACI,KAAK,CAAC;MACpBmB,KAAK,EAAEvB,SAAS,CAACU,MAAM;MACvB,YAAY,EAAEV,SAAS,CAACU,MAAM,CAAC;MAC/B;IACF,CAAC,CAAC;IACFsB,WAAW,EAAE/B,8BAA8B,CAAC+B,WAAW;IACvDC,IAAI,EAAEhC,8BAA8B,CAACgC;EACvC,CAAC;AACH,CAAC;AAED,eAAed,SAAS","ignoreList":[]}

package/es/organism/review-stacked-slides/index.js

@@ -19,31 +19,26 @@ const unstackByPosition = {
   3: style.slideOutAndIn3,
   4: style.slideOutAndIn4
 };
-
 const getSlideAnimation = (action, position) => {
   switch (action) {
     case 'unstack':
       return style.slideOutHideAndIn;
-
     case 'restack':
       return unstackByPosition[position];
-
     default:
       return null;
   }
 };
-
 const StackedSlides = ({
   slides,
   endReview,
   validateButton,
   correctionPopinProps
 }) => {
-  const stackedSlides = []; // eslint-disable-next-line fp/no-loops
-
+  const stackedSlides = [];
+  // eslint-disable-next-line fp/no-loops
   for (let slideIndex = 0; slideIndex < TOTAL_SLIDES_STACK; slideIndex++) {
     const slide = slides[_toString(slideIndex)];
-
     const {
       animationType,
       position
@@ -61,7 +56,6 @@ const StackedSlides = ({
     }));
     stackedSlides.push(slideView);
   }
-
   return /*#__PURE__*/React.createElement("div", {
     key: "stacked-slides-container-y-overflow",
     className: style.stackedSlidesYAxisOverflowContainer
@@ -71,7 +65,6 @@ const StackedSlides = ({
     className: style.stackedSlidesContainer
   }, stackedSlides));
 };
-
 StackedSlides.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
 export default StackedSlides;
 //# sourceMappingURL=index.js.map