@coorpacademy/components 10.23.6 → 10.23.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (95) hide show
  1. package/es/atom/choice/index.native.js +14 -11
  2. package/es/atom/choice/index.native.js.map +1 -1
  3. package/es/atom/header-back-button/index.native.js.map +1 -1
  4. package/es/atom/html/index.native.js +8 -31
  5. package/es/atom/html/index.native.js.map +1 -1
  6. package/es/atom/select-modal/index.native.js +13 -3
  7. package/es/atom/select-modal/index.native.js.map +1 -1
  8. package/es/atom/space/index.native.js.map +1 -1
  9. package/es/hoc/modal/index.native.js +2 -1
  10. package/es/hoc/modal/index.native.js.map +1 -1
  11. package/es/hoc/modal/select/index.native.js.map +1 -1
  12. package/es/hoc/modal/select-item/index.native.js +7 -1
  13. package/es/hoc/modal/select-item/index.native.js.map +1 -1
  14. package/es/hoc/touchable/index.native.js +2 -2
  15. package/es/hoc/touchable/index.native.js.map +1 -1
  16. package/es/molecule/answer/prop-types.js.map +1 -1
  17. package/es/molecule/brand-logo/index.native.js +8 -3
  18. package/es/molecule/brand-logo/index.native.js.map +1 -1
  19. package/es/molecule/cm-popin/style.css +14 -3
  20. package/es/molecule/questions/free-text/index.native.js.map +1 -1
  21. package/es/molecule/questions/mobile/draggable/index.native.js.map +1 -1
  22. package/es/molecule/questions/mobile/slider/index.native.js.map +1 -1
  23. package/es/molecule/questions/mobile/switch/index.native.js.map +1 -1
  24. package/es/molecule/questions/mobile/template/index.native.js +10 -6
  25. package/es/molecule/questions/mobile/template/index.native.js.map +1 -1
  26. package/es/organism/header-v2/index.native.js.map +1 -1
  27. package/es/organism/mobile-navigation/index.native.js.map +1 -1
  28. package/es/organism/review-slide/index.native.js +3 -3
  29. package/es/organism/review-slide/index.native.js.map +1 -1
  30. package/es/organism/review-slide/prop-types.js.map +1 -1
  31. package/es/organism/review-slide/style.css +1 -1
  32. package/es/organism/review-stacked-slides/index.native.js +1 -2
  33. package/es/organism/review-stacked-slides/index.native.js.map +1 -1
  34. package/es/organism/review-stacked-slides/prop-types.js.map +1 -1
  35. package/es/organism/review-stacked-slides/style.css +0 -3
  36. package/es/template/app-player/popin-header/index.js +1 -1
  37. package/es/template/app-player/popin-header/index.js.map +1 -1
  38. package/es/template/app-review/player/index.js +8 -3
  39. package/es/template/app-review/player/index.js.map +1 -1
  40. package/es/template/app-review/player/index.native.js +2 -1
  41. package/es/template/app-review/player/index.native.js.map +1 -1
  42. package/es/template/app-review/player/prop-types.js +5 -1
  43. package/es/template/app-review/player/prop-types.js.map +1 -1
  44. package/es/template/app-review/player/style.css +10 -0
  45. package/es/variables/theme.native.js.map +1 -1
  46. package/lib/atom/choice/index.native.js +17 -15
  47. package/lib/atom/choice/index.native.js.map +1 -1
  48. package/lib/atom/header-back-button/index.native.js.map +1 -1
  49. package/lib/atom/html/index.native.js +8 -31
  50. package/lib/atom/html/index.native.js.map +1 -1
  51. package/lib/atom/select-modal/index.native.js +13 -3
  52. package/lib/atom/select-modal/index.native.js.map +1 -1
  53. package/lib/atom/space/index.native.js.map +1 -1
  54. package/lib/hoc/modal/index.native.js +2 -1
  55. package/lib/hoc/modal/index.native.js.map +1 -1
  56. package/lib/hoc/modal/select/index.native.js.map +1 -1
  57. package/lib/hoc/modal/select-item/index.native.js +7 -1
  58. package/lib/hoc/modal/select-item/index.native.js.map +1 -1
  59. package/lib/hoc/touchable/index.native.js +2 -2
  60. package/lib/hoc/touchable/index.native.js.map +1 -1
  61. package/lib/molecule/answer/prop-types.js.map +1 -1
  62. package/lib/molecule/brand-logo/index.native.js +8 -3
  63. package/lib/molecule/brand-logo/index.native.js.map +1 -1
  64. package/lib/molecule/cm-popin/style.css +14 -3
  65. package/lib/molecule/questions/free-text/index.native.js.map +1 -1
  66. package/lib/molecule/questions/mobile/draggable/index.native.js.map +1 -1
  67. package/lib/molecule/questions/mobile/slider/index.native.js.map +1 -1
  68. package/lib/molecule/questions/mobile/switch/index.native.js.map +1 -1
  69. package/lib/molecule/questions/mobile/template/index.native.js +10 -7
  70. package/lib/molecule/questions/mobile/template/index.native.js.map +1 -1
  71. package/lib/organism/header-v2/index.native.js.map +1 -1
  72. package/lib/organism/mobile-navigation/index.native.js.map +1 -1
  73. package/lib/organism/review-slide/index.native.js +3 -3
  74. package/lib/organism/review-slide/index.native.js.map +1 -1
  75. package/lib/organism/review-slide/prop-types.js.map +1 -1
  76. package/lib/organism/review-slide/style.css +1 -1
  77. package/lib/organism/review-stacked-slides/index.native.js +1 -2
  78. package/lib/organism/review-stacked-slides/index.native.js.map +1 -1
  79. package/lib/organism/review-stacked-slides/prop-types.js.map +1 -1
  80. package/lib/organism/review-stacked-slides/style.css +0 -3
  81. package/lib/template/app-player/popin-header/index.js +1 -1
  82. package/lib/template/app-player/popin-header/index.js.map +1 -1
  83. package/lib/template/app-review/player/index.js +9 -3
  84. package/lib/template/app-review/player/index.js.map +1 -1
  85. package/lib/template/app-review/player/index.native.js +2 -1
  86. package/lib/template/app-review/player/index.native.js.map +1 -1
  87. package/lib/template/app-review/player/prop-types.js +6 -1
  88. package/lib/template/app-review/player/prop-types.js.map +1 -1
  89. package/lib/template/app-review/player/style.css +10 -0
  90. package/lib/variables/theme.native.js.map +1 -1
  91. package/package.json +6 -4
  92. package/es/types/styles.js +0 -2
  93. package/es/types/styles.js.map +0 -1
  94. package/lib/types/styles.js +0 -2
  95. package/lib/types/styles.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/review-slide/prop-types.ts"],"names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","hidden","bool","position","number","loading","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,8BAAP,MAA2C,mDAA3C;AACA,OAAOC,eAAP,MAAoD,kCAApD;AAEA,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAV,CAAgB;AAC7CC,EAAAA,MAAM,EAAEL,SAAS,CAACM,IAD2B;AAE7CC,EAAAA,QAAQ,EAAEP,SAAS,CAACQ,MAFyB;AAG7CC,EAAAA,OAAO,EAAET,SAAS,CAACM,IAH0B;AAI7CI,EAAAA,gBAAgB,EAAEV,SAAS,CAACW,MAJiB;AAK7CC,EAAAA,aAAa,EAAEZ,SAAS,CAACW,MALoB;AAKZ;AACjCE,EAAAA,SAAS,EAAEb,SAAS,CAACM,IANwB;AAO7CQ,EAAAA,sBAAsB,EAAEd,SAAS,CAACM,IAPW;AAQ7CS,EAAAA,mBAAmB,EAAEf,SAAS,CAACM,IARc;AAS7CU,EAAAA,kBAAkB,EAAEhB,SAAS,CAACW,MATe;AAU7CM,EAAAA,YAAY,EAAEjB,SAAS,CAACW,MAVqB;AAW7CO,EAAAA,QAAQ,EAAElB,SAAS,CAACI,KAAV,CAAgBF,eAAhB;AAXmC,CAAhB,CAAxB;AAcP,MAAMiB,SAAS,GAAG;AAChBC,EAAAA,UAAU,EAAEpB,SAAS,CAACW,MADN;AAEhBU,EAAAA,KAAK,EAAElB,eAFS;AAGhBmB,EAAAA,cAAc,EAAEtB,SAAS,CAACI,KAAV,CAAgB;AAC9BmB,IAAAA,KAAK,EAAEvB,SAAS,CAACW,MAAV,CAAiBa,UADM;AAE9BC,IAAAA,OAAO,EAAEzB,SAAS,CAAC0B,IAAV,CAAeF,UAFM;AAG9BG,IAAAA,QAAQ,EAAE3B,SAAS,CAACM;AAHU,GAAhB,CAHA;AAQhBsB,EAAAA,oBAAoB,EAAE5B,SAAS,CAACI,KAAV,CAAgB;AACpCyB,IAAAA,GAAG,EAAE5B,8BAA8B,CAAC4B,GADA;AAEpCC,IAAAA,WAAW,EAAE7B,8BAA8B,CAAC6B,WAFR;AAGpCC,IAAAA,IAAI,EAAE/B,SAAS,CAACI,KAAV,CAAgB;AACpBmB,MAAAA,KAAK,EAAEvB,SAAS,CAACW,MADG;AAEpB,oBAAcX,SAAS,CAACW,MAFJ,CAEW;AAC/B;;AAHoB,KAAhB,CAH8B;AAQpCqB,IAAAA,WAAW,EAAE/B,8BAA8B,CAAC+B,WARR;AASpCC,IAAAA,IAAI,EAAEhC,8BAA8B,CAACgC;AATD,GAAhB;AARN,CAAlB;AAqBA,eAAed,SAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewCorrectionPopinPropTypes from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {Props as AnswerProps} from '../../molecule/answer/prop-types';\n\nexport const SlidePropsTypes = PropTypes.shape({\n hidden: PropTypes.bool,\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 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 Props = PropTypes.InferProps<typeof propTypes> & {\n num: number;\n};\n\nexport type SlideProps = {\n hidden: boolean;\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"],"file":"prop-types.js"}
1
+ {"version":3,"sources":["../../../src/organism/review-slide/prop-types.ts"],"names":["PropTypes","ReviewCorrectionPopinPropTypes","AnswerPropTypes","SlidePropsTypes","shape","hidden","bool","position","number","loading","loadingAriaLabel","string","animationType","isCorrect","animateCorrectionPopin","showCorrectionPopin","parentContentTitle","questionText","answerUI","propTypes","slideIndex","slide","validateButton","label","isRequired","onClick","func","disabled","correctionPopinProps","klf","information","next","resultLabel","type"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,8BAAP,MAA2C,mDAA3C;AACA,OAAOC,eAAP,MAAoD,kCAApD;AAEA,OAAO,MAAMC,eAAe,GAAGH,SAAS,CAACI,KAAV,CAAgB;AAC7CC,EAAAA,MAAM,EAAEL,SAAS,CAACM,IAD2B;AAE7CC,EAAAA,QAAQ,EAAEP,SAAS,CAACQ,MAFyB;AAG7CC,EAAAA,OAAO,EAAET,SAAS,CAACM,IAH0B;AAI7CI,EAAAA,gBAAgB,EAAEV,SAAS,CAACW,MAJiB;AAK7CC,EAAAA,aAAa,EAAEZ,SAAS,CAACW,MALoB;AAKZ;AACjCE,EAAAA,SAAS,EAAEb,SAAS,CAACM,IANwB;AAO7CQ,EAAAA,sBAAsB,EAAEd,SAAS,CAACM,IAPW;AAQ7CS,EAAAA,mBAAmB,EAAEf,SAAS,CAACM,IARc;AAS7CU,EAAAA,kBAAkB,EAAEhB,SAAS,CAACW,MATe;AAU7CM,EAAAA,YAAY,EAAEjB,SAAS,CAACW,MAVqB;AAW7CO,EAAAA,QAAQ,EAAElB,SAAS,CAACI,KAAV,CAAgBF,eAAhB;AAXmC,CAAhB,CAAxB;AAcP,MAAMiB,SAAS,GAAG;AAChBC,EAAAA,UAAU,EAAEpB,SAAS,CAACW,MADN;AAEhBU,EAAAA,KAAK,EAAElB,eAFS;AAGhBmB,EAAAA,cAAc,EAAEtB,SAAS,CAACI,KAAV,CAAgB;AAC9BmB,IAAAA,KAAK,EAAEvB,SAAS,CAACW,MAAV,CAAiBa,UADM;AAE9BC,IAAAA,OAAO,EAAEzB,SAAS,CAAC0B,IAAV,CAAeF,UAFM;AAG9BG,IAAAA,QAAQ,EAAE3B,SAAS,CAACM;AAHU,GAAhB,CAHA;AAQhBsB,EAAAA,oBAAoB,EAAE5B,SAAS,CAACI,KAAV,CAAgB;AACpCyB,IAAAA,GAAG,EAAE5B,8BAA8B,CAAC4B,GADA;AAEpCC,IAAAA,WAAW,EAAE7B,8BAA8B,CAAC6B,WAFR;AAGpCC,IAAAA,IAAI,EAAE/B,SAAS,CAACI,KAAV,CAAgB;AACpBmB,MAAAA,KAAK,EAAEvB,SAAS,CAACW,MADG;AAEpB,oBAAcX,SAAS,CAACW,MAFJ,CAEW;AAC/B;;AAHoB,KAAhB,CAH8B;AAQpCqB,IAAAA,WAAW,EAAE/B,8BAA8B,CAAC+B,WARR;AASpCC,IAAAA,IAAI,EAAEhC,8BAA8B,CAACgC;AATD,GAAhB;AARN,CAAlB;AAqBA,eAAed,SAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewCorrectionPopinPropTypes from '../../molecule/review-correction-popin/prop-types';\nimport AnswerPropTypes, {Props as AnswerProps} from '../../molecule/answer/prop-types';\n\nexport const SlidePropsTypes = PropTypes.shape({\n hidden: PropTypes.bool,\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 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 CorrectionPopinProps = {\n klf: {\n label: string;\n tooltip: string;\n };\n information: {\n label: string;\n message: string;\n };\n next: {\n label: string;\n 'aria-label': string;\n };\n resultLabel: string;\n type: 'right' | 'wrong';\n};\n\nexport type SlideProps = {\n hidden: boolean;\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 Props = {\n slideIndex: string;\n num: number;\n slide: SlideProps;\n correctionPopinProps: CorrectionPopinProps;\n validateButton: {\n label: string;\n onClick: (args: unknown[]) => unknown;\n disabled: boolean;\n };\n};\n"],"file":"prop-types.js"}
@@ -50,7 +50,7 @@ _:-ms-fullscreen, :root .validateButtonWrapper {
50
50
  max-width: 95%;
51
51
  display: flex;
52
52
  justify-content: center;
53
- height: 100%;
53
+ height: 100vh;
54
54
  /*
55
55
  To break wrappers layout (to enclose large answers in the scroll bar), works like
56
56
  display: contents for this use case but w ie11 support
@@ -8,8 +8,7 @@ export const TOTAL_SLIDES_STACK = 5;
8
8
 
9
9
  const StackedSlides = props => {
10
10
  const {
11
- slides = {},
12
- endReview,
11
+ slides,
13
12
  validateButton,
14
13
  correctionPopinProps
15
14
  } = props;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"names":["React","View","keys","Slide","TOTAL_SLIDES_STACK","StackedSlides","props","slides","endReview","validateButton","correctionPopinProps","indexes","reverse","stackedSlides","map","slideIndex","slide","num","Number","parseInt"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,IAAR,QAAmB,cAAnB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,8BAAlB;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;;AAEP,MAAMC,aAAa,GAAIC,KAAD,IAAkB;AACtC,QAAM;AAACC,IAAAA,MAAM,GAAG,EAAV;AAAcC,IAAAA,SAAd;AAAyBC,IAAAA,cAAzB;AAAyCC,IAAAA;AAAzC,MAAiEJ,KAAvE;AAEA,QAAMK,OAAO,GAAGT,IAAI,CAACK,MAAD,CAAJ,CAAaK,OAAb,EAAhB;AACA,QAAMC,aAAa,GAAGF,OAAO,CAACG,GAAR,CAAYC,UAAU,IAAI;AAC9C,UAAMC,KAAK,GAAGT,MAAM,CAACQ,UAAD,CAApB,CAD8C,CAE9C;;AAEA,wBACE,oBAAC,KAAD,WACM;AACFE,MAAAA,GAAG,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,UAAhB,CADH;AAEFA,MAAAA,UAFE;AAGFC,MAAAA,KAHE;AAIFP,MAAAA,cAJE;AAKFC,MAAAA;AALE,KADN;AAQE,MAAA,GAAG,EAAEK;AARP,OADF;AAYD,GAhBqB,CAAtB;AAkBA,sBAAO,oBAAC,IAAD,QAAOF,aAAP,CAAP;AACD,CAvBD;;AAyBA,eAAeR,aAAf","sourcesContent":["import React from 'react';\nimport {View} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport Slide from '../review-slide/index.native';\nimport {Props} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst StackedSlides = (props: Props) => {\n const {slides = {}, endReview, validateButton, correctionPopinProps} = props;\n\n const indexes = keys(slides).reverse();\n const stackedSlides = indexes.map(slideIndex => {\n const slide = slides[slideIndex];\n // const {animationType, hidden, position} = slide;\n\n return (\n <Slide\n {...{\n num: Number.parseInt(slideIndex),\n slideIndex,\n slide,\n validateButton,\n correctionPopinProps\n }}\n key={slideIndex}\n />\n );\n });\n\n return <View>{stackedSlides}</View>;\n};\n\nexport default StackedSlides;\n"],"file":"index.native.js"}
1
+ {"version":3,"sources":["../../../src/organism/review-stacked-slides/index.native.tsx"],"names":["React","View","keys","Slide","TOTAL_SLIDES_STACK","StackedSlides","props","slides","validateButton","correctionPopinProps","indexes","reverse","stackedSlides","map","slideIndex","slide","num","Number","parseInt"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,IAAR,QAAmB,cAAnB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,OAAOC,KAAP,MAAkB,8BAAlB;AAGA,OAAO,MAAMC,kBAAkB,GAAG,CAA3B;;AAEP,MAAMC,aAAa,GAAIC,KAAD,IAAkB;AACtC,QAAM;AAACC,IAAAA,MAAD;AAASC,IAAAA,cAAT;AAAyBC,IAAAA;AAAzB,MAAiDH,KAAvD;AAEA,QAAMI,OAAO,GAAGR,IAAI,CAACK,MAAD,CAAJ,CAAaI,OAAb,EAAhB;AACA,QAAMC,aAAa,GAAGF,OAAO,CAACG,GAAR,CAAYC,UAAU,IAAI;AAC9C,UAAMC,KAAK,GAAGR,MAAM,CAACO,UAAD,CAApB,CAD8C,CAE9C;;AAEA,wBACE,oBAAC,KAAD,WACM;AACFE,MAAAA,GAAG,EAAEC,MAAM,CAACC,QAAP,CAAgBJ,UAAhB,CADH;AAEFA,MAAAA,UAFE;AAGFC,MAAAA,KAHE;AAIFP,MAAAA,cAJE;AAKFC,MAAAA;AALE,KADN;AAQE,MAAA,GAAG,EAAEK;AARP,OADF;AAYD,GAhBqB,CAAtB;AAkBA,sBAAO,oBAAC,IAAD,QAAOF,aAAP,CAAP;AACD,CAvBD;;AAyBA,eAAeP,aAAf","sourcesContent":["import React from 'react';\nimport {View} from 'react-native';\nimport keys from 'lodash/fp/keys';\nimport Slide from '../review-slide/index.native';\nimport {Props} from './prop-types';\n\nexport const TOTAL_SLIDES_STACK = 5;\n\nconst StackedSlides = (props: Props) => {\n const {slides, validateButton, correctionPopinProps} = props;\n\n const indexes = keys(slides).reverse();\n const stackedSlides = indexes.map(slideIndex => {\n const slide = slides[slideIndex];\n // const {animationType, hidden, position} = slide;\n\n return (\n <Slide\n {...{\n num: Number.parseInt(slideIndex),\n slideIndex,\n slide,\n validateButton,\n correctionPopinProps\n }}\n key={slideIndex}\n />\n );\n });\n\n return <View>{stackedSlides}</View>;\n};\n\nexport default StackedSlides;\n"],"file":"index.native.js"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/review-stacked-slides/prop-types.ts"],"names":["PropTypes","ReviewSlideProps","SlidePropsTypes","propTypes","validateButton","correctionPopinProps","slides","shape","isRequired","endReview","bool"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,gBAAP,IAA0BC,eAA1B,QAAgD,4BAAhD;AAEA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,cAAc,EAAEH,gBAAgB,CAACG,cADjB;AAEhBC,EAAAA,oBAAoB,EAAEJ,gBAAgB,CAACI,oBAFvB;AAGhBC,EAAAA,MAAM,EAAEN,SAAS,CAACO,KAAV,CAAgB;AACtB,SAAKL,eADiB;AAEtB,SAAKA,eAFiB;AAGtB,SAAKA,eAHiB;AAItB,SAAKA,eAJiB;AAKtB,SAAKA;AALiB,GAAhB,EAMLM,UATa;AAUhBC,EAAAA,SAAS,EAAET,SAAS,CAACU;AAVL,CAAlB;AAaA,eAAeP,SAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewSlideProps, {SlidePropsTypes} from '../review-slide/prop-types';\n\nconst propTypes = {\n validateButton: ReviewSlideProps.validateButton,\n correctionPopinProps: ReviewSlideProps.correctionPopinProps,\n slides: PropTypes.shape({\n '0': SlidePropsTypes,\n '1': SlidePropsTypes,\n '2': SlidePropsTypes,\n '3': SlidePropsTypes,\n '4': SlidePropsTypes\n }).isRequired,\n endReview: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"file":"prop-types.js"}
1
+ {"version":3,"sources":["../../../src/organism/review-stacked-slides/prop-types.ts"],"names":["PropTypes","ReviewSlideProps","SlidePropsTypes","propTypes","validateButton","correctionPopinProps","slides","shape","isRequired","endReview","bool"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,gBAAP,IAGEC,eAHF,QAIO,4BAJP;AAMA,MAAMC,SAAS,GAAG;AAChBC,EAAAA,cAAc,EAAEH,gBAAgB,CAACG,cADjB;AAEhBC,EAAAA,oBAAoB,EAAEJ,gBAAgB,CAACI,oBAFvB;AAGhBC,EAAAA,MAAM,EAAEN,SAAS,CAACO,KAAV,CAAgB;AACtB,SAAKL,eADiB;AAEtB,SAAKA,eAFiB;AAGtB,SAAKA,eAHiB;AAItB,SAAKA,eAJiB;AAKtB,SAAKA;AALiB,GAAhB,EAMLM,UATa;AAUhBC,EAAAA,SAAS,EAAET,SAAS,CAACU;AAVL,CAAlB;AAaA,eAAeP,SAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewSlideProps, {\n CorrectionPopinProps,\n SlideProps,\n SlidePropsTypes\n} from '../review-slide/prop-types';\n\nconst propTypes = {\n validateButton: ReviewSlideProps.validateButton,\n correctionPopinProps: ReviewSlideProps.correctionPopinProps,\n slides: PropTypes.shape({\n '0': SlidePropsTypes,\n '1': SlidePropsTypes,\n '2': SlidePropsTypes,\n '3': SlidePropsTypes,\n '4': SlidePropsTypes\n }).isRequired,\n endReview: PropTypes.bool\n};\n\nexport default propTypes;\n\nexport type Props = {\n validateButton: {\n label: string;\n onClick: (args: unknown[]) => unknown;\n disabled: boolean;\n };\n correctionPopinProps: CorrectionPopinProps;\n slides: {\n [key: string]: SlideProps;\n };\n endReview: boolean;\n};\n"],"file":"prop-types.js"}
@@ -155,9 +155,6 @@
155
155
  }
156
156
 
157
157
  @media mobile {
158
- .stackedSlidesContainer {
159
- max-width: 335px;
160
- }
161
158
  .slideBase {
162
159
  height: calc(100vh - 185px);
163
160
  }
@@ -421,7 +421,7 @@ const PopinHeader = (props, context) => {
421
421
  "data-name": "popinHeader",
422
422
  "data-state": state
423
423
  }, /*#__PURE__*/React.createElement("div", {
424
- className: mode !== 'scorm' && style.headerTitle
424
+ className: classnames(mode !== 'scorm' && style.headerTitle)
425
425
  }, /*#__PURE__*/React.createElement(CorrectionPart, {
426
426
  title: title,
427
427
  subtitle: subtitle,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/template/app-player/popin-header/index.js"],"names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","Close","classnames","Loader","Life","Link","Animation","EASE_OUT_CUBIC","Transition","AnimationScheduler","AnimationAdapter","Provider","style","separator","index","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","iconText","progress","contextTypes","childContextTypes","Stars","stars","Lifes","lives","revival","life","count","IconsPart","props","iconsWrapper","buildClass","success","loading","mode","scormStyle","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n compact,\n flatten,\n get,\n isNil,\n pipe,\n times,\n zip,\n round,\n parseInt as _parseInt,\n multiply,\n isEmpty\n} from 'lodash/fp';\nimport {\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyCharts as ChartsIcon,\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaCompositionCoorpacademyCheck as CheckIcon,\n NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n <span key={index} className={style.answerSeparator}>\n /\n </span>\n);\n\nconst joinBySeparator = elements => {\n const separators = times(separator, elements.length - 1);\n return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n const answers = corrections.map((correction, index) => {\n const key = `answer_${index}`;\n return (\n <span\n key={key}\n data-name=\"answer\"\n data-correct={correction.isCorrect}\n className={classnames(\n correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: correction.answer}}\n />\n );\n }, corrections);\n return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n corrections: PropTypes.arrayOf(\n PropTypes.shape({\n answer: PropTypes.string.isRequired,\n isCorrect: PropTypes.bool.isRequired\n })\n )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(rank)) return null;\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <ChartsIcon className={style.icon} color={positive} />\n </div>\n </Transition>\n <span className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nRank.propTypes = {\n failed: PropTypes.bool,\n rank: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(stars)) return null;\n\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <StarIcon className={style.icon} color={positive} />\n </div>\n </Transition>\n <span data-name=\"iconText\" className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nStars.propTypes = {\n failed: PropTypes.bool,\n stars: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n if (isNil(lives)) return null;\n\n return (\n <Life\n failed={failed}\n count={lives}\n animated={animated}\n revival={revival}\n className={style.life}\n />\n );\n};\n\nLifes.propTypes = {\n lives: Life.propTypes.count,\n failed: Life.propTypes.failed,\n animated: Life.propTypes.animated,\n revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n const {lives, failed, stars, rank, animated, revival} = props;\n return (\n <AnimationScheduler animated>\n <div className={style.iconsWrapper}>\n <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n <AnimationAdapter name=\"stars\">\n <Stars stars={stars} fail={failed} />\n </AnimationAdapter>\n <AnimationAdapter name=\"rank\" after=\"stars\">\n <Rank rank={rank} fail={failed} />\n </AnimationAdapter>\n </div>\n </AnimationScheduler>\n );\n};\n\nIconsPart.propTypes = {\n lives: Lifes.propTypes.lives,\n failed: Lifes.propTypes.failed,\n stars: Stars.propTypes.stars,\n rank: Rank.propTypes.rank,\n animated: AnimationScheduler.propTypes.animated,\n revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, mode = 'default', scormStyle) => {\n if (loading && isNil(value)) return loading;\n if (mode === 'scorm') return scormStyle;\n return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n if (extraLifeGranted) {\n return style.oneMoreLife;\n } else if (gameOver) {\n return style.gameOver;\n } else {\n return null;\n }\n};\nconst renderIconStatusScorm = failed => {\n return (\n <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n </div>\n );\n};\nconst buildDefaultOrScormStyle = (\n defaultStyle,\n mode = 'default',\n styleScorm,\n failed,\n failedStyle = null\n) => {\n if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n if (mode === 'scorm') return styleScorm;\n return defaultStyle;\n};\nconst CorrectionPart = props => {\n const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n const isLoading = isNil(failed);\n const className = buildClass(\n failed,\n stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n style.correctionSectionLoading,\n mode,\n style.resultContenantContainerScorm\n );\n return (\n <div data-name=\"correctionSection\" className={className}>\n {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n <div\n className={buildDefaultOrScormStyle(\n style.titlesWrapper,\n mode,\n style.titlesWrapperScorm,\n failed\n )}\n >\n {isLoading ? <Loader /> : null}\n <h1\n data-name=\"title\"\n className={buildDefaultOrScormStyle(\n classnames(style.title, style.innerHTML),\n mode,\n style.resultTitleScorm,\n failed\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <h2\n className={buildDefaultOrScormStyle(\n style.subtitle,\n mode,\n style.resultSubtitleScorm,\n failed,\n style.statusPlayerResultFailScorm\n )}\n >\n {subtitle}\n </h2>\n {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n </div>\n {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n </div>\n );\n};\n\nCorrectionPart.propTypes = {\n ...IconsPart.propTypes,\n failed: PropTypes.bool,\n corrections: AnswersCorrection.propTypes.corrections,\n title: PropTypes.string,\n subtitle: PropTypes.string,\n stars: PropTypes.string,\n rank: PropTypes.string,\n gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n let dataNext;\n\n switch (type) {\n case 'popinCorrection': {\n if (gameOver) {\n dataNext = 'game-over';\n } else if (failed) {\n if (lives > 0) {\n dataNext = 'continue-failure';\n } else if (extraLifeGranted) {\n dataNext = 'continue-used-extra-life';\n }\n } else {\n dataNext = 'continue-success';\n }\n break;\n }\n\n case 'popinEnd': {\n if (failed) {\n dataNext = 'redo-content';\n } else if (showNextLevel) {\n dataNext = 'next-level';\n } else {\n dataNext = 'home';\n }\n }\n }\n\n const nextStep = nextStepTitle ? (\n <div\n className={classnames(\n gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: nextStepTitle}}\n />\n ) : null;\n\n return mode !== 'scorm' ? (\n <Link\n {...linkProps}\n className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n data-name=\"nextLink\"\n data-popin={type}\n data-next={dataNext}\n >\n <div className={style.wrapperNextSection}>\n <div className={style.nextButton}>\n {title}\n <ArrowRight color=\"inherit\" className={style.nextButtonIcon} />\n </div>\n {nextStep}\n </div>\n </Link>\n ) : null;\n};\n\nNextQuestionPart.propTypes = {\n cta: PropTypes.shape({\n ...Link.propTypes,\n title: PropTypes.string,\n nextStepTitle: PropTypes.string,\n showNextLevel: PropTypes.bool\n }),\n type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n extraLifeGranted: PropTypes.bool,\n gameOver: PropTypes.bool,\n failed: PropTypes.bool,\n lives: PropTypes.number,\n mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n const {\n animated,\n failed,\n title,\n subtitle,\n lives,\n stars,\n rank,\n corrections,\n cta,\n extraLifeGranted,\n gameOver = false,\n type,\n mode = 'default'\n } = props;\n const state = buildClass(failed, 'success', 'failed', null);\n\n const nextLink = cta ? (\n <NextQuestionPart\n cta={cta}\n type={type}\n extraLifeGranted={extraLifeGranted}\n failed={failed}\n gameOver={gameOver}\n lives={lives}\n mode={mode}\n />\n ) : null;\n\n return (\n <div\n className={classnames(\n mode === 'scorm' && style.scorm,\n cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n )}\n data-name=\"popinHeader\"\n data-state={state}\n >\n <div className={mode !== 'scorm' && style.headerTitle}>\n <CorrectionPart\n title={title}\n subtitle={subtitle}\n lives={lives}\n animated={animated}\n stars={stars}\n rank={rank}\n failed={failed}\n gameOver={gameOver}\n revival={extraLifeGranted}\n corrections={corrections}\n mode={mode}\n />\n {nextLink}\n </div>\n </div>\n );\n};\n\nPopinHeader.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n cta: NextQuestionPart.propTypes.cta,\n type: NextQuestionPart.propTypes.type,\n extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n failed: NextQuestionPart.propTypes.failed,\n gameOver: NextQuestionPart.propTypes.gameOver,\n lives: NextQuestionPart.propTypes.lives,\n title: CorrectionPart.propTypes.title,\n subtitle: CorrectionPart.propTypes.subtitle,\n animated: CorrectionPart.propTypes.animated,\n stars: CorrectionPart.propTypes.stars,\n rank: CorrectionPart.propTypes.rank,\n corrections: CorrectionPart.propTypes.corrections,\n mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../../src/template/app-player/popin-header/index.js"],"names":["React","PropTypes","NovaCompositionNavigationArrowRight","ArrowRight","NovaCompositionCoorpacademyCharts","ChartsIcon","NovaCompositionCoorpacademyStar","StarIcon","NovaCompositionCoorpacademyCheck","CheckIcon","NovaSolidStatusClose","Close","classnames","Loader","Life","Link","Animation","EASE_OUT_CUBIC","Transition","AnimationScheduler","AnimationAdapter","Provider","style","separator","index","answerSeparator","joinBySeparator","elements","separators","length","AnswersCorrection","corrections","answers","map","correction","key","isCorrect","correctAnswer","wrongAnswer","innerHTML","__html","answer","fullAnswer","propTypes","arrayOf","shape","string","isRequired","bool","formatPlusSign","value","Rank","failed","rank","animated","onAnimationEnd","skin","positive","centerContent","bumped","iconBubble","icon","iconText","progress","contextTypes","childContextTypes","Stars","stars","Lifes","lives","revival","life","count","IconsPart","props","iconsWrapper","buildClass","success","loading","mode","scormStyle","getLinkStyle","gameOver","extraLifeGranted","oneMoreLife","renderIconStatusScorm","iconCloseContainer","iconSuccessContainer","failIcon","checkIcon","buildDefaultOrScormStyle","defaultStyle","styleScorm","failedStyle","CorrectionPart","title","subtitle","isLoading","className","correctionSectionEndSuccess","correctionSectionSuccess","correctionSectionFailGameOver","correctionSectionFail","correctionSectionLoading","resultContenantContainerScorm","titlesWrapper","titlesWrapperScorm","resultTitleScorm","resultSubtitleScorm","statusPlayerResultFailScorm","NextQuestionPart","context","cta","type","nextStepTitle","showNextLevel","linkProps","dataNext","nextStep","gameOverSubtitle","nextSection","wrapperNextSection","nextButton","nextButtonIcon","oneOf","number","PopinHeader","state","nextLink","scorm","header","headerWithoutCTA","headerTitle"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n compact,\n flatten,\n get,\n isNil,\n pipe,\n times,\n zip,\n round,\n parseInt as _parseInt,\n multiply,\n isEmpty\n} from 'lodash/fp';\nimport {\n NovaCompositionNavigationArrowRight as ArrowRight,\n NovaCompositionCoorpacademyCharts as ChartsIcon,\n NovaCompositionCoorpacademyStar as StarIcon,\n NovaCompositionCoorpacademyCheck as CheckIcon,\n NovaSolidStatusClose as Close\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport Loader from '../../../atom/loader';\nimport Life from '../../../atom/life';\nimport Link from '../../../atom/link';\nimport Animation, {EASE_OUT_CUBIC} from '../../../hoc/animation';\nimport Transition from '../../../hoc/transition';\nimport AnimationScheduler, {AnimationAdapter} from '../../../hoc/animation-scheduler';\nimport Provider from '../../../atom/provider';\nimport style from './style.css';\n\nconst separator = index => (\n <span key={index} className={style.answerSeparator}>\n /\n </span>\n);\n\nconst joinBySeparator = elements => {\n const separators = times(separator, elements.length - 1);\n return pipe(zip, flatten, compact)(elements, separators);\n};\n\nconst AnswersCorrection = ({corrections}) => {\n const answers = corrections.map((correction, index) => {\n const key = `answer_${index}`;\n return (\n <span\n key={key}\n data-name=\"answer\"\n data-correct={correction.isCorrect}\n className={classnames(\n correction.isCorrect ? style.correctAnswer : style.wrongAnswer,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: correction.answer}}\n />\n );\n }, corrections);\n return <p className={style.fullAnswer}>{joinBySeparator(answers)}</p>;\n};\n\nAnswersCorrection.propTypes = {\n corrections: PropTypes.arrayOf(\n PropTypes.shape({\n answer: PropTypes.string.isRequired,\n isCorrect: PropTypes.bool.isRequired\n })\n )\n};\n\nconst formatPlusSign = value => (value >= 0 ? '+' : '') + value;\n\nconst Rank = ({failed, rank, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(rank)) return null;\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <ChartsIcon className={style.icon} color={positive} />\n </div>\n </Transition>\n <span className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(rank)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nRank.propTypes = {\n failed: PropTypes.bool,\n rank: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nRank.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Stars = ({failed, stars, animated, onAnimationEnd}, {skin}) => {\n const positive = get('common.positive', skin);\n if (failed || isNil(stars)) return null;\n\n return (\n <AnimationScheduler animated={animated} onAnimationEnd={onAnimationEnd}>\n <div className={style.centerContent}>\n <Transition name=\"label\" after=\"counter\" className={style.bumped}>\n <div className={style.iconBubble}>\n <StarIcon className={style.icon} color={positive} />\n </div>\n </Transition>\n <span data-name=\"iconText\" className={style.iconText}>\n <Animation name=\"counter\" bezier={EASE_OUT_CUBIC} duration={1000}>\n {progress => pipe(_parseInt(10), multiply(progress), round, formatPlusSign)(stars)}\n </Animation>\n </span>\n </div>\n </AnimationScheduler>\n );\n};\n\nStars.propTypes = {\n failed: PropTypes.bool,\n stars: PropTypes.string,\n animated: Animation.propTypes.animated,\n onAnimationEnd: Animation.propTypes.onAnimationEnd\n};\n\nStars.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nconst Lifes = ({lives, failed, animated, revival}) => {\n if (isNil(lives)) return null;\n\n return (\n <Life\n failed={failed}\n count={lives}\n animated={animated}\n revival={revival}\n className={style.life}\n />\n );\n};\n\nLifes.propTypes = {\n lives: Life.propTypes.count,\n failed: Life.propTypes.failed,\n animated: Life.propTypes.animated,\n revival: Life.propTypes.revival\n};\n\nconst IconsPart = props => {\n const {lives, failed, stars, rank, animated, revival} = props;\n return (\n <AnimationScheduler animated>\n <div className={style.iconsWrapper}>\n <Lifes lives={lives} failed={failed} animated={animated} revival={revival} />\n\n <AnimationAdapter name=\"stars\">\n <Stars stars={stars} fail={failed} />\n </AnimationAdapter>\n <AnimationAdapter name=\"rank\" after=\"stars\">\n <Rank rank={rank} fail={failed} />\n </AnimationAdapter>\n </div>\n </AnimationScheduler>\n );\n};\n\nIconsPart.propTypes = {\n lives: Lifes.propTypes.lives,\n failed: Lifes.propTypes.failed,\n stars: Stars.propTypes.stars,\n rank: Rank.propTypes.rank,\n animated: AnimationScheduler.propTypes.animated,\n revival: PropTypes.bool\n};\n\nconst buildClass = (value, success, failed, loading, mode = 'default', scormStyle) => {\n if (loading && isNil(value)) return loading;\n if (mode === 'scorm') return scormStyle;\n return value ? failed : success;\n};\n\nconst getLinkStyle = ({gameOver, extraLifeGranted}) => {\n if (extraLifeGranted) {\n return style.oneMoreLife;\n } else if (gameOver) {\n return style.gameOver;\n } else {\n return null;\n }\n};\nconst renderIconStatusScorm = failed => {\n return (\n <div className={failed ? style.iconCloseContainer : style.iconSuccessContainer}>\n {failed ? <Close className={style.failIcon} /> : <CheckIcon className={style.checkIcon} />}\n </div>\n );\n};\nconst buildDefaultOrScormStyle = (\n defaultStyle,\n mode = 'default',\n styleScorm,\n failed,\n failedStyle = null\n) => {\n if (mode === 'scorm' && failed && failedStyle) return failedStyle;\n if (mode === 'scorm') return styleScorm;\n return defaultStyle;\n};\nconst CorrectionPart = props => {\n const {failed, corrections, title, subtitle, stars, rank, gameOver, mode = 'default'} = props;\n const isLoading = isNil(failed);\n const className = buildClass(\n failed,\n stars && rank ? style.correctionSectionEndSuccess : style.correctionSectionSuccess,\n gameOver ? style.correctionSectionFailGameOver : style.correctionSectionFail,\n style.correctionSectionLoading,\n mode,\n style.resultContenantContainerScorm\n );\n return (\n <div data-name=\"correctionSection\" className={className}>\n {mode === 'scorm' && !isLoading && renderIconStatusScorm(failed)}\n <div\n className={buildDefaultOrScormStyle(\n style.titlesWrapper,\n mode,\n style.titlesWrapperScorm,\n failed\n )}\n >\n {isLoading ? <Loader /> : null}\n <h1\n data-name=\"title\"\n className={buildDefaultOrScormStyle(\n classnames(style.title, style.innerHTML),\n mode,\n style.resultTitleScorm,\n failed\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: title}}\n />\n <h2\n className={buildDefaultOrScormStyle(\n style.subtitle,\n mode,\n style.resultSubtitleScorm,\n failed,\n style.statusPlayerResultFailScorm\n )}\n >\n {subtitle}\n </h2>\n {failed && !isEmpty(corrections) ? <AnswersCorrection corrections={corrections} /> : null}\n </div>\n {mode !== 'scorm' ? <IconsPart {...props} /> : null}\n </div>\n );\n};\n\nCorrectionPart.propTypes = {\n ...IconsPart.propTypes,\n failed: PropTypes.bool,\n corrections: AnswersCorrection.propTypes.corrections,\n title: PropTypes.string,\n subtitle: PropTypes.string,\n stars: PropTypes.string,\n rank: PropTypes.string,\n gameOver: PropTypes.bool\n};\n\nconst NextQuestionPart = (props, context) => {\n const {cta, type, extraLifeGranted, gameOver, failed = false, lives = 0, mode} = props;\n const {title, nextStepTitle, showNextLevel = false, ...linkProps} = cta || {};\n let dataNext;\n\n switch (type) {\n case 'popinCorrection': {\n if (gameOver) {\n dataNext = 'game-over';\n } else if (failed) {\n if (lives > 0) {\n dataNext = 'continue-failure';\n } else if (extraLifeGranted) {\n dataNext = 'continue-used-extra-life';\n }\n } else {\n dataNext = 'continue-success';\n }\n break;\n }\n\n case 'popinEnd': {\n if (failed) {\n dataNext = 'redo-content';\n } else if (showNextLevel) {\n dataNext = 'next-level';\n } else {\n dataNext = 'home';\n }\n }\n }\n\n const nextStep = nextStepTitle ? (\n <div\n className={classnames(\n gameOver ? style.gameOverSubtitle : style.nextStepTitle,\n style.innerHTML\n )}\n // eslint-disable-next-line react/no-danger\n dangerouslySetInnerHTML={{__html: nextStepTitle}}\n />\n ) : null;\n\n return mode !== 'scorm' ? (\n <Link\n {...linkProps}\n className={classnames(style.nextSection, getLinkStyle({gameOver, extraLifeGranted}))}\n data-name=\"nextLink\"\n data-popin={type}\n data-next={dataNext}\n >\n <div className={style.wrapperNextSection}>\n <div className={style.nextButton}>\n {title}\n <ArrowRight color=\"inherit\" className={style.nextButtonIcon} />\n </div>\n {nextStep}\n </div>\n </Link>\n ) : null;\n};\n\nNextQuestionPart.propTypes = {\n cta: PropTypes.shape({\n ...Link.propTypes,\n title: PropTypes.string,\n nextStepTitle: PropTypes.string,\n showNextLevel: PropTypes.bool\n }),\n type: PropTypes.oneOf(['popinCorrection', 'popinEnd']).isRequired,\n extraLifeGranted: PropTypes.bool,\n gameOver: PropTypes.bool,\n failed: PropTypes.bool,\n lives: PropTypes.number,\n mode: PropTypes.string\n};\n\nconst PopinHeader = (props, context) => {\n const {\n animated,\n failed,\n title,\n subtitle,\n lives,\n stars,\n rank,\n corrections,\n cta,\n extraLifeGranted,\n gameOver = false,\n type,\n mode = 'default'\n } = props;\n const state = buildClass(failed, 'success', 'failed', null);\n\n const nextLink = cta ? (\n <NextQuestionPart\n cta={cta}\n type={type}\n extraLifeGranted={extraLifeGranted}\n failed={failed}\n gameOver={gameOver}\n lives={lives}\n mode={mode}\n />\n ) : null;\n\n return (\n <div\n className={classnames(\n mode === 'scorm' && style.scorm,\n cta ? mode !== 'scorm' && style.header : mode !== 'scorm' && style.headerWithoutCTA\n )}\n data-name=\"popinHeader\"\n data-state={state}\n >\n <div className={classnames(mode !== 'scorm' && style.headerTitle)}>\n <CorrectionPart\n title={title}\n subtitle={subtitle}\n lives={lives}\n animated={animated}\n stars={stars}\n rank={rank}\n failed={failed}\n gameOver={gameOver}\n revival={extraLifeGranted}\n corrections={corrections}\n mode={mode}\n />\n {nextLink}\n </div>\n </div>\n );\n};\n\nPopinHeader.contextTypes = {\n skin: Provider.childContextTypes.skin\n};\n\nPopinHeader.propTypes = {\n cta: NextQuestionPart.propTypes.cta,\n type: NextQuestionPart.propTypes.type,\n extraLifeGranted: NextQuestionPart.propTypes.extraLifeGranted,\n failed: NextQuestionPart.propTypes.failed,\n gameOver: NextQuestionPart.propTypes.gameOver,\n lives: NextQuestionPart.propTypes.lives,\n title: CorrectionPart.propTypes.title,\n subtitle: CorrectionPart.propTypes.subtitle,\n animated: CorrectionPart.propTypes.animated,\n stars: CorrectionPart.propTypes.stars,\n rank: CorrectionPart.propTypes.rank,\n corrections: CorrectionPart.propTypes.corrections,\n mode: PropTypes.oneOf(['scorm', 'default'])\n};\n\nexport default PopinHeader;\n"],"file":"index.js"}
@@ -4,6 +4,7 @@ import ReviewBackground from '../../../atom/review-background';
4
4
  import ReviewCongrats from '../../../organism/review-congrats';
5
5
  import ReviewHeader from '../../../organism/review-header';
6
6
  import StackedSlides from '../../../organism/review-stacked-slides';
7
+ import CMPopin from '../../../molecule/cm-popin';
7
8
  import style from './style.css';
8
9
  import { PlayerReviewPropTypes } from './prop-types';
9
10
 
@@ -11,7 +12,8 @@ const PlayerReview = ({
11
12
  header,
12
13
  stack,
13
14
  reviewBackgroundAriaLabel,
14
- congratsProps
15
+ congrats,
16
+ quitPopin
15
17
  }) => {
16
18
  return /*#__PURE__*/React.createElement("div", {
17
19
  key: "review-player-container",
@@ -25,10 +27,13 @@ const PlayerReview = ({
25
27
  })), /*#__PURE__*/React.createElement("div", {
26
28
  key: "review-header-wrapper",
27
29
  className: style.reviewHeaderContainer
28
- }, /*#__PURE__*/React.createElement(ReviewHeader, header)), /*#__PURE__*/React.createElement(StackedSlides, stack), isNil(congratsProps) ? null : /*#__PURE__*/React.createElement("div", {
30
+ }, /*#__PURE__*/React.createElement(ReviewHeader, header)), /*#__PURE__*/React.createElement(StackedSlides, stack), isNil(congrats) ? null : /*#__PURE__*/React.createElement("div", {
29
31
  className: style.congrats,
30
32
  "data-name": "congrats-container"
31
- }, /*#__PURE__*/React.createElement(ReviewCongrats, congratsProps)));
33
+ }, /*#__PURE__*/React.createElement(ReviewCongrats, congrats)), isNil(quitPopin) ? null : /*#__PURE__*/React.createElement("div", {
34
+ className: style.quitPopin,
35
+ "data-name": "popin-container"
36
+ }, /*#__PURE__*/React.createElement(CMPopin, quitPopin)));
32
37
  };
33
38
 
34
39
  PlayerReview.propTypes = process.env.NODE_ENV !== "production" ? PlayerReviewPropTypes : {};
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/template/app-review/player/index.js"],"names":["React","isNil","ReviewBackground","ReviewCongrats","ReviewHeader","StackedSlides","style","PlayerReviewPropTypes","PlayerReview","header","stack","reviewBackgroundAriaLabel","congratsProps","playerReviewContainer","playerBackground","reviewHeaderContainer","congrats","propTypes"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,gBAAP,MAA6B,iCAA7B;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,YAAP,MAAyB,iCAAzB;AACA,OAAOC,aAAP,MAA0B,yCAA1B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAQC,qBAAR,QAAoC,cAApC;;AAEA,MAAMC,YAAY,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,yBAAhB;AAA2CC,EAAAA;AAA3C,CAAD,KAA+D;AAClF,sBACE;AACE,IAAA,GAAG,EAAC,yBADN;AAEE,iBAAU,yBAFZ;AAGE,IAAA,SAAS,EAAEN,KAAK,CAACO;AAHnB,kBAKE;AAAK,IAAA,GAAG,EAAC,6BAAT;AAAuC,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAAxD,kBACE,oBAAC,gBAAD;AAAkB,kBAAYH;AAA9B,IADF,CALF,eASE;AAAK,IAAA,GAAG,EAAC,uBAAT;AAAiC,IAAA,SAAS,EAAEL,KAAK,CAACS;AAAlD,kBACE,oBAAC,YAAD,EAAkBN,MAAlB,CADF,CATF,eAaE,oBAAC,aAAD,EAAmBC,KAAnB,CAbF,EAeGT,KAAK,CAACW,aAAD,CAAL,GAAuB,IAAvB,gBACC;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACU,QAAtB;AAAgC,iBAAU;AAA1C,kBACE,oBAAC,cAAD,EAAoBJ,aAApB,CADF,CAhBJ,CADF;AAuBD,CAxBD;;AA0BAJ,YAAY,CAACS,SAAb,2CAAyBV,qBAAzB;AAEA,eAAeC,YAAf","sourcesContent":["import React from 'react';\nimport isNil from 'lodash/fp/isNil';\nimport ReviewBackground from '../../../atom/review-background';\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewHeader from '../../../organism/review-header';\nimport StackedSlides from '../../../organism/review-stacked-slides';\nimport style from './style.css';\nimport {PlayerReviewPropTypes} from './prop-types';\n\nconst PlayerReview = ({header, stack, reviewBackgroundAriaLabel, congratsProps}) => {\n return (\n <div\n key=\"review-player-container\"\n data-name=\"review-player-container\"\n className={style.playerReviewContainer}\n >\n <div key=\"player-background-container\" className={style.playerBackground}>\n <ReviewBackground aria-label={reviewBackgroundAriaLabel} />\n </div>\n\n <div key=\"review-header-wrapper\" className={style.reviewHeaderContainer}>\n <ReviewHeader {...header} />\n </div>\n\n <StackedSlides {...stack} />\n\n {isNil(congratsProps) ? null : (\n <div className={style.congrats} data-name=\"congrats-container\">\n <ReviewCongrats {...congratsProps} />\n </div>\n )}\n </div>\n );\n};\n\nPlayerReview.propTypes = PlayerReviewPropTypes;\n\nexport default PlayerReview;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../../src/template/app-review/player/index.js"],"names":["React","isNil","ReviewBackground","ReviewCongrats","ReviewHeader","StackedSlides","CMPopin","style","PlayerReviewPropTypes","PlayerReview","header","stack","reviewBackgroundAriaLabel","congrats","quitPopin","playerReviewContainer","playerBackground","reviewHeaderContainer","propTypes"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,gBAAP,MAA6B,iCAA7B;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,YAAP,MAAyB,iCAAzB;AACA,OAAOC,aAAP,MAA0B,yCAA1B;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,SAAQC,qBAAR,QAAoC,cAApC;;AAEA,MAAMC,YAAY,GAAG,CAAC;AAACC,EAAAA,MAAD;AAASC,EAAAA,KAAT;AAAgBC,EAAAA,yBAAhB;AAA2CC,EAAAA,QAA3C;AAAqDC,EAAAA;AAArD,CAAD,KAAqE;AACxF,sBACE;AACE,IAAA,GAAG,EAAC,yBADN;AAEE,iBAAU,yBAFZ;AAGE,IAAA,SAAS,EAAEP,KAAK,CAACQ;AAHnB,kBAKE;AAAK,IAAA,GAAG,EAAC,6BAAT;AAAuC,IAAA,SAAS,EAAER,KAAK,CAACS;AAAxD,kBACE,oBAAC,gBAAD;AAAkB,kBAAYJ;AAA9B,IADF,CALF,eAQE;AAAK,IAAA,GAAG,EAAC,uBAAT;AAAiC,IAAA,SAAS,EAAEL,KAAK,CAACU;AAAlD,kBACE,oBAAC,YAAD,EAAkBP,MAAlB,CADF,CARF,eAWE,oBAAC,aAAD,EAAmBC,KAAnB,CAXF,EAYGV,KAAK,CAACY,QAAD,CAAL,GAAkB,IAAlB,gBACC;AAAK,IAAA,SAAS,EAAEN,KAAK,CAACM,QAAtB;AAAgC,iBAAU;AAA1C,kBACE,oBAAC,cAAD,EAAoBA,QAApB,CADF,CAbJ,EAkBGZ,KAAK,CAACa,SAAD,CAAL,GAAmB,IAAnB,gBACC;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACO,SAAtB;AAAiC,iBAAU;AAA3C,kBACE,oBAAC,OAAD,EAAaA,SAAb,CADF,CAnBJ,CADF;AA0BD,CA3BD;;AA6BAL,YAAY,CAACS,SAAb,2CAAyBV,qBAAzB;AAEA,eAAeC,YAAf","sourcesContent":["import React from 'react';\nimport isNil from 'lodash/fp/isNil';\nimport ReviewBackground from '../../../atom/review-background';\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewHeader from '../../../organism/review-header';\nimport StackedSlides from '../../../organism/review-stacked-slides';\nimport CMPopin from '../../../molecule/cm-popin';\nimport style from './style.css';\nimport {PlayerReviewPropTypes} from './prop-types';\n\nconst PlayerReview = ({header, stack, reviewBackgroundAriaLabel, congrats, quitPopin}) => {\n return (\n <div\n key=\"review-player-container\"\n data-name=\"review-player-container\"\n className={style.playerReviewContainer}\n >\n <div key=\"player-background-container\" className={style.playerBackground}>\n <ReviewBackground aria-label={reviewBackgroundAriaLabel} />\n </div>\n <div key=\"review-header-wrapper\" className={style.reviewHeaderContainer}>\n <ReviewHeader {...header} />\n </div>\n <StackedSlides {...stack} />\n {isNil(congrats) ? null : (\n <div className={style.congrats} data-name=\"congrats-container\">\n <ReviewCongrats {...congrats} />\n </div>\n )}\n\n {isNil(quitPopin) ? null : (\n <div className={style.quitPopin} data-name=\"popin-container\">\n <CMPopin {...quitPopin} />\n </div>\n )}\n </div>\n );\n};\n\nPlayerReview.propTypes = PlayerReviewPropTypes;\n\nexport default PlayerReview;\n"],"file":"index.js"}
@@ -27,7 +27,8 @@ const Slides = props => {
27
27
  header,
28
28
  stack,
29
29
  reviewBackgroundAriaLabel,
30
- congratsProps
30
+ congrats,
31
+ quitPopin
31
32
  } = props;
32
33
  const {
33
34
  theme,
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":["React","useEffect","useState","View","StyleSheet","Text","StackedSlides","useTemplateContext","createStyleSheet","theme","headerHeight","create","container","flex","paddingTop","backgroundColor","colors","white","alignItems","header","width","height","ReviewHeader","style","Slides","props","stack","reviewBackgroundAriaLabel","congratsProps","display","styleSheet","setStylesheet","_stylesheet"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,QAAqC,cAArC;AACA,OAAOC,aAAP,MAA0B,sDAA1B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAGA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KACvBN,UAAU,CAACO,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,UAAU,EAAEJ,YAFH;AAGTK,IAAAA,eAAe,EAAEN,KAAK,CAACO,MAAN,CAAaC,KAHrB;AAIT;AACAC,IAAAA,UAAU,EAAE;AALH,GADK;AAQhBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,MADD;AAENL,IAAAA,eAAe,EAAE,MAFX;AAGNM,IAAAA,MAAM,EAAE;AAHF;AARQ,CAAlB,CADF;;AAgBA,MAAMC,YAAY,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACnB,oBAAC,IAAD,EAAUA,KAAV,eACE,oBAAC,IAAD,8BADF,CADF;;AAMA,MAAMC,MAAM,GAAIC,KAAD,IAAkB;AAC/B,QAAM;AAACN,IAAAA,MAAD;AAASO,IAAAA,KAAT;AAAgBC,IAAAA,yBAAhB;AAA2CC,IAAAA;AAA3C,MAA4DH,KAAlE;AAEA,QAAM;AACJhB,IAAAA,KADI;AAEJoB,IAAAA,OAAO,EAAE;AAACnB,MAAAA;AAAD;AAFL,MAGFH,kBAAkB,EAHtB;AAKA,QAAM,CAACuB,UAAD,EAAaC,aAAb,IAA8B7B,QAAQ,CAAa,IAAb,CAA5C;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,UAAM+B,WAAW,GAAGxB,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;AACAqB,IAAAA,aAAa,CAACC,WAAD,CAAb;AACD,GAHQ,EAGN,CAACvB,KAAD,EAAQC,YAAR,CAHM,CAAT;;AAKA,MAAI,CAACoB,UAAL,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA,UAAU,CAAClB;AAAxB,kBACE,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAEkB,UAAU,CAACX;AAAhC,IADF,EAEGO,KAAK,gBAAG,oBAAC,aAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,CADF;AAMD,CAzBD;;AA2BA,eAAeF,MAAf","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, Text} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {Props} from './prop-types';\n\nconst createStyleSheet = (theme: Theme, headerHeight: number) =>\n StyleSheet.create({\n container: {\n flex: 1,\n paddingTop: headerHeight,\n backgroundColor: theme.colors.white,\n // justifyContent: 'space-between',\n alignItems: 'center'\n },\n header: {\n width: '100%',\n backgroundColor: '#ded',\n height: 70\n }\n });\n\nconst ReviewHeader = ({style}) => (\n <View {...style}>\n <Text>review header @todo</Text>\n </View>\n);\n\nconst Slides = (props: Props) => {\n const {header, stack, reviewBackgroundAriaLabel, congratsProps} = props;\n\n const {\n theme,\n display: {headerHeight}\n } = useTemplateContext();\n\n const [styleSheet, setStylesheet] = useState<any | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme, headerHeight);\n setStylesheet(_stylesheet);\n }, [theme, headerHeight]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <ReviewHeader style={styleSheet.header} />\n {stack ? <StackedSlides {...stack} /> : null}\n </View>\n );\n};\n\nexport default Slides;\n"],"file":"index.native.js"}
1
+ {"version":3,"sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":["React","useEffect","useState","View","StyleSheet","Text","StackedSlides","useTemplateContext","createStyleSheet","theme","headerHeight","create","container","flex","paddingTop","backgroundColor","colors","white","alignItems","header","width","height","ReviewHeader","style","Slides","props","stack","reviewBackgroundAriaLabel","congrats","quitPopin","display","styleSheet","setStylesheet","_stylesheet"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,QAAgD,cAAhD;AACA,OAAOC,aAAP,MAA0B,sDAA1B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAQA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KACvBN,UAAU,CAACO,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,UAAU,EAAEJ,YAFH;AAGTK,IAAAA,eAAe,EAAEN,KAAK,CAACO,MAAN,CAAaC,KAHrB;AAIT;AACAC,IAAAA,UAAU,EAAE;AALH,GADK;AAQhBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,MADD;AAENL,IAAAA,eAAe,EAAE,MAFX;AAGNM,IAAAA,MAAM,EAAE;AAHF;AARQ,CAAlB,CADF;;AAkBA,MAAMC,YAAY,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACnB,oBAAC,IAAD,EAAUA,KAAV,eACE,oBAAC,IAAD,8BADF,CADF;;AAMA,MAAMC,MAAM,GAAIC,KAAD,IAAkB;AAC/B,QAAM;AAACN,IAAAA,MAAD;AAASO,IAAAA,KAAT;AAAgBC,IAAAA,yBAAhB;AAA2CC,IAAAA,QAA3C;AAAqDC,IAAAA;AAArD,MAAkEJ,KAAxE;AAEA,QAAM;AACJhB,IAAAA,KADI;AAEJqB,IAAAA,OAAO,EAAE;AAACpB,MAAAA;AAAD;AAFL,MAGFH,kBAAkB,EAHtB;AAKA,QAAM,CAACwB,UAAD,EAAaC,aAAb,IAA8B9B,QAAQ,CAAa,IAAb,CAA5C;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMgC,WAAW,GAAGzB,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;AACAsB,IAAAA,aAAa,CAACC,WAAD,CAAb;AACD,GAHQ,EAGN,CAACxB,KAAD,EAAQC,YAAR,CAHM,CAAT;;AAKA,MAAI,CAACqB,UAAL,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA,UAAU,CAACnB;AAAxB,kBACE,oBAAC,YAAD;AAAc,IAAA,KAAK,EAAEmB,UAAU,CAACZ;AAAhC,IADF,EAEGO,KAAK,gBAAG,oBAAC,aAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAF1C,CADF;AAMD,CAzBD;;AA2BA,eAAeF,MAAf","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, Text, ViewStyle} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {Props} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n header: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, headerHeight: number): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n paddingTop: headerHeight,\n backgroundColor: theme.colors.white,\n // justifyContent: 'space-between',\n alignItems: 'center'\n },\n header: {\n width: '100%',\n backgroundColor: '#ded',\n height: 70\n }\n });\n\ntype ReviewHeaderProps = {style: ViewStyle};\n\nconst ReviewHeader = ({style}: ReviewHeaderProps) => (\n <View {...style}>\n <Text>review header @todo</Text>\n </View>\n);\n\nconst Slides = (props: Props) => {\n const {header, stack, reviewBackgroundAriaLabel, congrats, quitPopin} = props;\n\n const {\n theme,\n display: {headerHeight}\n } = useTemplateContext();\n\n const [styleSheet, setStylesheet] = useState<any | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme, headerHeight);\n setStylesheet(_stylesheet);\n }, [theme, headerHeight]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <ReviewHeader style={styleSheet.header} />\n {stack ? <StackedSlides {...stack} /> : null}\n </View>\n );\n};\n\nexport default Slides;\n"],"file":"index.native.js"}
@@ -1,12 +1,16 @@
1
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
+
1
3
  import PropTypes from 'prop-types';
2
4
  import ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';
3
5
  import ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';
4
6
  import ReviewHeaderPropTypes from '../../../organism/review-header/prop-types';
7
+ import CmPopin from '../../../molecule/cm-popin';
5
8
  import StackedSlidesPropTypes from '../../../organism/review-stacked-slides/prop-types';
6
9
  export const PlayerReviewPropTypes = {
7
10
  header: PropTypes.shape(ReviewHeaderPropTypes),
8
11
  stack: PropTypes.shape(StackedSlidesPropTypes),
9
12
  reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],
10
- congratsProps: PropTypes.shape(ReviewCongratsPropTypes)
13
+ congrats: PropTypes.shape(ReviewCongratsPropTypes),
14
+ quitPopin: PropTypes.shape(_extends({}, CmPopin.propTypes))
11
15
  };
12
16
  //# sourceMappingURL=prop-types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":["PropTypes","ReviewCongratsPropTypes","ReviewBackgroundPropTypes","ReviewHeaderPropTypes","StackedSlidesPropTypes","PlayerReviewPropTypes","header","shape","stack","reviewBackgroundAriaLabel","congratsProps"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,uBAAP,MAAoC,8CAApC;AACA,OAAOC,yBAAP,MAAsC,4CAAtC;AACA,OAAOC,qBAAP,MAAkC,4CAAlC;AACA,OAAOC,sBAAP,MAAmC,oDAAnC;AAEA,OAAO,MAAMC,qBAAqB,GAAG;AACnCC,EAAAA,MAAM,EAAEN,SAAS,CAACO,KAAV,CAAgBJ,qBAAhB,CAD2B;AAEnCK,EAAAA,KAAK,EAAER,SAAS,CAACO,KAAV,CAAgBH,sBAAhB,CAF4B;AAGnCK,EAAAA,yBAAyB,EAAEP,yBAAyB,CAAC,YAAD,CAHjB;AAInCQ,EAAAA,aAAa,EAAEV,SAAS,CAACO,KAAV,CAAgBN,uBAAhB;AAJoB,CAA9B","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes from '../../../organism/review-header/prop-types';\nimport StackedSlidesPropTypes from '../../../organism/review-stacked-slides/prop-types';\n\nexport const PlayerReviewPropTypes = {\n header: PropTypes.shape(ReviewHeaderPropTypes),\n stack: PropTypes.shape(StackedSlidesPropTypes),\n reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n congratsProps: PropTypes.shape(ReviewCongratsPropTypes)\n};\n\nexport type Props = PropTypes.InferProps<typeof PlayerReviewPropTypes>;\n"],"file":"prop-types.js"}
1
+ {"version":3,"sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":["PropTypes","ReviewCongratsPropTypes","ReviewBackgroundPropTypes","ReviewHeaderPropTypes","CmPopin","StackedSlidesPropTypes","PlayerReviewPropTypes","header","shape","stack","reviewBackgroundAriaLabel","congrats","quitPopin","propTypes"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,uBAAP,MAAoC,8CAApC;AACA,OAAOC,yBAAP,MAAsC,4CAAtC;AACA,OAAOC,qBAAP,MAAkC,4CAAlC;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,sBAAP,MAEO,oDAFP;AAIA,OAAO,MAAMC,qBAAqB,GAAG;AACnCC,EAAAA,MAAM,EAAEP,SAAS,CAACQ,KAAV,CAAgBL,qBAAhB,CAD2B;AAEnCM,EAAAA,KAAK,EAAET,SAAS,CAACQ,KAAV,CAAgBH,sBAAhB,CAF4B;AAGnCK,EAAAA,yBAAyB,EAAER,yBAAyB,CAAC,YAAD,CAHjB;AAInCS,EAAAA,QAAQ,EAAEX,SAAS,CAACQ,KAAV,CAAgBP,uBAAhB,CAJyB;AAKnCW,EAAAA,SAAS,EAAEZ,SAAS,CAACQ,KAAV,cAAoBJ,OAAO,CAACS,SAA5B;AALwB,CAA9B","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';\nimport ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';\nimport ReviewHeaderPropTypes from '../../../organism/review-header/prop-types';\nimport CmPopin from '../../../molecule/cm-popin';\nimport StackedSlidesPropTypes, {\n Props as StackedSlidesProps\n} from '../../../organism/review-stacked-slides/prop-types';\n\nexport const PlayerReviewPropTypes = {\n header: PropTypes.shape(ReviewHeaderPropTypes),\n stack: PropTypes.shape(StackedSlidesPropTypes),\n reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],\n congrats: PropTypes.shape(ReviewCongratsPropTypes),\n quitPopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nexport type Props = {\n header: PropTypes.InferProps<typeof ReviewHeaderPropTypes>;\n stack: StackedSlidesProps;\n reviewBackgroundAriaLabel: string;\n congrats: PropTypes.InferProps<typeof ReviewCongratsPropTypes>;\n quitPopin: PropTypes.InferProps<typeof CmPopin.propTypes>;\n};\n"],"file":"prop-types.js"}
@@ -40,9 +40,19 @@
40
40
  left: 0;
41
41
  }
42
42
 
43
+ .quitPopin {
44
+ z-index: 50;
45
+ }
46
+
43
47
  /* ie fallback */
44
48
  :-ms-fullscreen,
45
49
  :root .congrats {
46
50
  position: relative;
47
51
  bottom: 20%;
52
+ }
53
+
54
+ :-ms-fullscreen,
55
+ .quitPopin {
56
+ position: absolute;
57
+ z-index: 80;
48
58
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/variables/theme.native.ts"],"names":["HTML_ANCHOR_TEXT_COLOR","defaultTheme","colors","border","gray","extra","lighter","light","lightMedium","medium","dark","extraDark","text","primary","background","cta","negative","positive","white","black","battle","notification","salmon","spacing","micro","tiny","small","base","large","xlarge","radius","common","card","regular","search","button","thumbnail","fontWeight","semiBold","bold","extraBold","fontSize","extraSmall","xxlarge","xxxlarge","letterSpacing","header"],"mappings":"AAEA,OAAO,MAAMA,sBAAsB,GAAG,SAA/B;AAoEP,MAAMC,YAAmB,GAAG;AAC1BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,oBADF;AAENC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,SADH;AAEJC,MAAAA,OAAO,EAAE,SAFL;AAGJC,MAAAA,KAAK,EAAE,SAHH;AAIJC,MAAAA,WAAW,EAAE,SAJT;AAKJC,MAAAA,MAAM,EAAE,SALJ;AAMJC,MAAAA,IAAI,EAAE,SANF;AAOJC,MAAAA,SAAS,EAAE;AAPP,KAFA;AAWNC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE;AADL,KAXA;AAcNC,IAAAA,UAAU,EAAE,EAdN;AAeNC,IAAAA,GAAG,EAAE,SAfC;AAgBNC,IAAAA,QAAQ,EAAE,SAhBJ;AAiBNC,IAAAA,QAAQ,EAAE,SAjBJ;AAkBNC,IAAAA,KAAK,EAAE,SAlBD;AAmBNC,IAAAA,KAAK,EAAE,SAnBD;AAoBNC,IAAAA,MAAM,EAAE,SApBF;AAqBNC,IAAAA,YAAY,EAAE,SArBR;AAsBNC,IAAAA,MAAM,EAAE;AAtBF,GADkB;AAyB1BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAE,CADA;AAEPC,IAAAA,IAAI,EAAE,CAFC;AAGPC,IAAAA,KAAK,EAAE,EAHA;AAIPC,IAAAA,IAAI,EAAE,EAJC;AAKPlB,IAAAA,MAAM,EAAE,EALD;AAMPmB,IAAAA,KAAK,EAAE,EANA;AAOPC,IAAAA,MAAM,EAAE;AAPD,GAzBiB;AAkC1BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,CADF;AAENC,IAAAA,IAAI,EAAE,CAFA;AAGNC,IAAAA,OAAO,EAAE,CAHH;AAINxB,IAAAA,MAAM,EAAE,EAJF;AAKNyB,IAAAA,MAAM,EAAE,EALF;AAMNC,IAAAA,MAAM,EAAE,EANF;AAONC,IAAAA,SAAS,EAAE;AAPL,GAlCkB;AA2C1BC,EAAAA,UAAU,EAAE;AACVJ,IAAAA,OAAO,EAAE,KADC;AAEVK,IAAAA,QAAQ,EAAE,KAFA;AAGVC,IAAAA,IAAI,EAAE,KAHI;AAIVC,IAAAA,SAAS,EAAE;AAJD,GA3Cc;AAiD1BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAE,EADJ;AAERhB,IAAAA,KAAK,EAAE,EAFC;AAGRjB,IAAAA,MAAM,EAAE,EAHA;AAIRwB,IAAAA,OAAO,EAAE,EAJD;AAKRL,IAAAA,KAAK,EAAE,EALC;AAMRC,IAAAA,MAAM,EAAE,EANA;AAORc,IAAAA,OAAO,EAAE,EAPD;AAQRC,IAAAA,QAAQ,EAAE;AARF,GAjDgB;AA2D1BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,MAAM,EAAE;AADK;AA3DW,CAA5B;AAgEA,eAAe7C,YAAf","sourcesContent":["import {FontSize, FontWeight} from '../types/styles';\n\nexport const HTML_ANCHOR_TEXT_COLOR = '#002BDB';\n\nexport type Colors = {\n background?: any;\n border: string;\n gray: {\n extra: string;\n light: string;\n lighter: string;\n lightMedium: string;\n medium: string;\n dark: string;\n extraDark: string;\n };\n text: {\n primary: '#06265B';\n };\n cta: string;\n negative: string;\n positive: string;\n white: string;\n black: string;\n battle: string;\n notification: string;\n salmon: string;\n};\n\nexport type Theme = {\n colors: Colors;\n spacing: {\n micro: number;\n tiny: number;\n small: number;\n base: number;\n medium: number;\n large: number;\n xlarge: number;\n };\n radius: {\n button: number;\n common: number;\n card: number;\n medium: number;\n regular: number;\n search: number;\n thumbnail: number;\n };\n fontWeight: {\n regular: FontWeight;\n semiBold: FontWeight;\n bold: FontWeight;\n extraBold: FontWeight;\n };\n fontSize: {\n extraSmall: FontSize;\n small: FontSize;\n medium: FontSize;\n regular: FontSize;\n large: FontSize;\n xlarge: FontSize;\n xxlarge: FontSize;\n xxxlarge: FontSize;\n };\n letterSpacing: {\n header: number;\n };\n};\n\nconst defaultTheme: Theme = {\n colors: {\n border: 'rgba(0, 0, 0, 0.1)',\n gray: {\n extra: '#FAFAFA',\n lighter: '#F4F4F5',\n light: '#ededed',\n lightMedium: '#CFD8DC',\n medium: '#90A4AE',\n dark: '#546E7A',\n extraDark: '#323232'\n },\n text: {\n primary: '#06265B'\n },\n background: {},\n cta: '#0061FF',\n negative: '#F73F52',\n positive: '#3EC483',\n white: '#FFFFFF',\n black: '#14171A',\n battle: '#FFDE03',\n notification: '#FF7043',\n salmon: '#FDE2E5'\n },\n spacing: {\n micro: 4,\n tiny: 8,\n small: 16,\n base: 24,\n medium: 32,\n large: 48,\n xlarge: 64\n },\n radius: {\n common: 3,\n card: 5,\n regular: 8,\n medium: 12,\n search: 24,\n button: 32,\n thumbnail: 1000\n },\n fontWeight: {\n regular: '400',\n semiBold: '500',\n bold: '700',\n extraBold: '900'\n },\n fontSize: {\n extraSmall: 10,\n small: 12,\n medium: 13,\n regular: 15,\n large: 17,\n xlarge: 22,\n xxlarge: 28,\n xxxlarge: 40\n },\n letterSpacing: {\n header: 5\n }\n};\n\nexport default defaultTheme;\n"],"file":"theme.native.js"}
1
+ {"version":3,"sources":["../../src/variables/theme.native.ts"],"names":["HTML_ANCHOR_TEXT_COLOR","defaultTheme","colors","border","gray","extra","lighter","light","lightMedium","medium","dark","extraDark","text","primary","background","cta","negative","positive","white","black","battle","notification","salmon","spacing","micro","tiny","small","base","large","xlarge","radius","common","card","regular","search","button","thumbnail","fontWeight","semiBold","bold","extraBold","fontSize","extraSmall","xxlarge","xxxlarge","letterSpacing","header"],"mappings":"AAIA,OAAO,MAAMA,sBAAsB,GAAG,SAA/B;AAoEP,MAAMC,YAAmB,GAAG;AAC1BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,oBADF;AAENC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,SADH;AAEJC,MAAAA,OAAO,EAAE,SAFL;AAGJC,MAAAA,KAAK,EAAE,SAHH;AAIJC,MAAAA,WAAW,EAAE,SAJT;AAKJC,MAAAA,MAAM,EAAE,SALJ;AAMJC,MAAAA,IAAI,EAAE,SANF;AAOJC,MAAAA,SAAS,EAAE;AAPP,KAFA;AAWNC,IAAAA,IAAI,EAAE;AACJC,MAAAA,OAAO,EAAE;AADL,KAXA;AAcNC,IAAAA,UAAU,EAAE,EAdN;AAeNC,IAAAA,GAAG,EAAE,SAfC;AAgBNC,IAAAA,QAAQ,EAAE,SAhBJ;AAiBNC,IAAAA,QAAQ,EAAE,SAjBJ;AAkBNC,IAAAA,KAAK,EAAE,SAlBD;AAmBNC,IAAAA,KAAK,EAAE,SAnBD;AAoBNC,IAAAA,MAAM,EAAE,SApBF;AAqBNC,IAAAA,YAAY,EAAE,SArBR;AAsBNC,IAAAA,MAAM,EAAE;AAtBF,GADkB;AAyB1BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAE,CADA;AAEPC,IAAAA,IAAI,EAAE,CAFC;AAGPC,IAAAA,KAAK,EAAE,EAHA;AAIPC,IAAAA,IAAI,EAAE,EAJC;AAKPlB,IAAAA,MAAM,EAAE,EALD;AAMPmB,IAAAA,KAAK,EAAE,EANA;AAOPC,IAAAA,MAAM,EAAE;AAPD,GAzBiB;AAkC1BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,CADF;AAENC,IAAAA,IAAI,EAAE,CAFA;AAGNC,IAAAA,OAAO,EAAE,CAHH;AAINxB,IAAAA,MAAM,EAAE,EAJF;AAKNyB,IAAAA,MAAM,EAAE,EALF;AAMNC,IAAAA,MAAM,EAAE,EANF;AAONC,IAAAA,SAAS,EAAE;AAPL,GAlCkB;AA2C1BC,EAAAA,UAAU,EAAE;AACVJ,IAAAA,OAAO,EAAE,KADC;AAEVK,IAAAA,QAAQ,EAAE,KAFA;AAGVC,IAAAA,IAAI,EAAE,KAHI;AAIVC,IAAAA,SAAS,EAAE;AAJD,GA3Cc;AAiD1BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAE,EADJ;AAERhB,IAAAA,KAAK,EAAE,EAFC;AAGRjB,IAAAA,MAAM,EAAE,EAHA;AAIRwB,IAAAA,OAAO,EAAE,EAJD;AAKRL,IAAAA,KAAK,EAAE,EALC;AAMRC,IAAAA,MAAM,EAAE,EANA;AAORc,IAAAA,OAAO,EAAE,EAPD;AAQRC,IAAAA,QAAQ,EAAE;AARF,GAjDgB;AA2D1BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,MAAM,EAAE;AADK;AA3DW,CAA5B;AAgEA,eAAe7C,YAAf","sourcesContent":["import {TextStyle} from 'react-native';\n\nexport type SpaceType = 'micro' | 'tiny' | 'small' | 'base' | 'medium' | 'large' | 'xlarge';\n\nexport const HTML_ANCHOR_TEXT_COLOR = '#002BDB';\n\nexport type Colors = {\n background?: any;\n border: string;\n gray: {\n extra: string;\n light: string;\n lighter: string;\n lightMedium: string;\n medium: string;\n dark: string;\n extraDark: string;\n };\n text: {\n primary: '#06265B';\n };\n cta: string;\n negative: string;\n positive: string;\n white: string;\n black: string;\n battle: string;\n notification: string;\n salmon: string;\n};\n\nexport type Theme = {\n colors: Colors;\n spacing: {\n micro: number;\n tiny: number;\n small: number;\n base: number;\n medium: number;\n large: number;\n xlarge: number;\n };\n radius: {\n button: number;\n common: number;\n card: number;\n medium: number;\n regular: number;\n search: number;\n thumbnail: number;\n };\n fontWeight: {\n regular: TextStyle['fontWeight'];\n semiBold: TextStyle['fontWeight'];\n bold: TextStyle['fontWeight'];\n extraBold: TextStyle['fontWeight'];\n };\n fontSize: {\n extraSmall: TextStyle['fontSize'];\n small: TextStyle['fontSize'];\n medium: TextStyle['fontSize'];\n regular: TextStyle['fontSize'];\n large: TextStyle['fontSize'];\n xlarge: TextStyle['fontSize'];\n xxlarge: TextStyle['fontSize'];\n xxxlarge: TextStyle['fontSize'];\n };\n letterSpacing: {\n header: number;\n };\n};\n\nconst defaultTheme: Theme = {\n colors: {\n border: 'rgba(0, 0, 0, 0.1)',\n gray: {\n extra: '#FAFAFA',\n lighter: '#F4F4F5',\n light: '#ededed',\n lightMedium: '#CFD8DC',\n medium: '#90A4AE',\n dark: '#546E7A',\n extraDark: '#323232'\n },\n text: {\n primary: '#06265B'\n },\n background: {},\n cta: '#0061FF',\n negative: '#F73F52',\n positive: '#3EC483',\n white: '#FFFFFF',\n black: '#14171A',\n battle: '#FFDE03',\n notification: '#FF7043',\n salmon: '#FDE2E5'\n },\n spacing: {\n micro: 4,\n tiny: 8,\n small: 16,\n base: 24,\n medium: 32,\n large: 48,\n xlarge: 64\n },\n radius: {\n common: 3,\n card: 5,\n regular: 8,\n medium: 12,\n search: 24,\n button: 32,\n thumbnail: 1000\n },\n fontWeight: {\n regular: '400',\n semiBold: '500',\n bold: '700',\n extraBold: '900'\n },\n fontSize: {\n extraSmall: 10,\n small: 12,\n medium: 13,\n regular: 15,\n large: 17,\n xlarge: 22,\n xxlarge: 28,\n xxxlarge: 40\n },\n letterSpacing: {\n header: 5\n }\n};\n\nexport default defaultTheme;\n"],"file":"theme.native.js"}
@@ -7,13 +7,11 @@ var _react = _interopRequireWildcard(require("react"));
7
7
 
8
8
  var _reactNative = require("react-native");
9
9
 
10
- var _index = _interopRequireDefault(require("../html/index.native"));
11
-
12
- var _index2 = _interopRequireDefault(require("../image-background/index.native"));
10
+ var _index = _interopRequireDefault(require("../image-background/index.native"));
13
11
 
14
12
  var _getCleanUri = _interopRequireDefault(require("../../util/get-clean-uri"));
15
13
 
16
- var _index3 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
14
+ var _index2 = _interopRequireDefault(require("../../hoc/touchable/index.native"));
17
15
 
18
16
  var _templateContext = require("../../template/app-review/template-context");
19
17
 
@@ -25,7 +23,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
25
23
 
26
24
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
27
25
 
28
- const createStyleSheet = theme => _reactNative.StyleSheet.create({
26
+ const createStyleSheet = (theme, squeezed) => _reactNative.StyleSheet.create({
29
27
  boxShadow: {
30
28
  shadowColor: '#000',
31
29
  shadowOffset: {
@@ -58,6 +56,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
58
56
  flex: 0
59
57
  },
60
58
  text: {
59
+ fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,
61
60
  fontWeight: theme.fontWeight.bold,
62
61
  color: theme.colors.black,
63
62
  textAlign: 'center'
@@ -98,10 +97,10 @@ const Choice = ({
98
97
  } = templateContext;
99
98
  const [styleSheet, setStylesheet] = (0, _react.useState)(null);
100
99
  (0, _react.useEffect)(() => {
101
- const _stylesheet = createStyleSheet(theme);
100
+ const _stylesheet = createStyleSheet(theme, squeezed);
102
101
 
103
102
  setStylesheet(_stylesheet);
104
- }, [theme]);
103
+ }, [theme, squeezed]);
105
104
 
106
105
  if (!styleSheet) {
107
106
  return null;
@@ -114,11 +113,15 @@ const Choice = ({
114
113
  uri: url ? (0, _getCleanUri.default)(url) : undefined
115
114
  };
116
115
  const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';
117
- const htmlStyle = [styleSheet.text];
118
- const textWrapperStyle = [styleSheet.textContainer, squeezed && styleSheet.squeezedTextContainer];
116
+ const textStyle = [styleSheet.text];
117
+ const textWrapperStyle = [styleSheet.textContainer];
118
+
119
+ if (squeezed) {
120
+ textWrapperStyle.push(styleSheet.squeezedTextContainer);
121
+ }
119
122
 
120
123
  if (isSelected) {
121
- htmlStyle.push(styleSheet.textSelected);
124
+ textStyle.push(styleSheet.textSelected);
122
125
 
123
126
  const selectionStyle = brandTheme && _extends({
124
127
  backgroundColor: brandTheme.colors.primary,
@@ -133,7 +136,7 @@ const Choice = ({
133
136
  textWrapperStyle.push(selectionStyle);
134
137
  }
135
138
 
136
- return /*#__PURE__*/_react.default.createElement(_index3.default, {
139
+ return /*#__PURE__*/_react.default.createElement(_index2.default, {
137
140
  onPress: !isDisabled ? onPress : undefined,
138
141
  style: style,
139
142
  analyticsID: "question-choice",
@@ -145,15 +148,14 @@ const Choice = ({
145
148
  testID: prefixTestID && `${prefixTestID}${selectedSuffix}`
146
149
  }, url ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
147
150
  style: styleSheet.imageContainer
148
- }, /*#__PURE__*/_react.default.createElement(_index2.default, {
151
+ }, /*#__PURE__*/_react.default.createElement(_index.default, {
149
152
  testID: prefixTestID && `${prefixTestID}${mediaSuffix}`,
150
153
  source: source,
151
154
  style: styleSheet.image
152
155
  })) : null, children ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
153
156
  style: textWrapperStyle
154
- }, /*#__PURE__*/_react.default.createElement(_index.default, {
155
- fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,
156
- style: htmlStyle
157
+ }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
158
+ style: textStyle
157
159
  }, children)) : null));
158
160
  };
159
161
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/choice/index.native.tsx"],"names":["createStyleSheet","theme","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontWeight","bold","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","squeezed","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","source","uri","mediaSuffix","htmlStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius","fontSize","medium"],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle} from 'react-native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\n\nimport Html from '../html/index.native';\nimport ImageBackground from '../image-background/index.native';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n isSelected?: boolean;\n onPress: () => void;\n children?: string;\n isDisabled?: boolean;\n testID?: string;\n media?: Media;\n squeezed?: boolean;\n style?: ViewStyle;\n questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n boxShadow: any;\n container: any;\n text: any;\n textSelected: any;\n textContainer: any;\n squeezedTextContainer: any;\n unselectedImageContainer: any;\n imageContainer: any;\n image: any;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n boxShadow: {\n shadowColor: '#000',\n shadowOffset: {width: 0, height: 4},\n shadowOpacity: 0.12,\n shadowRadius: 16,\n elevation: 8,\n backgroundColor: '#0000'\n },\n container: {\n backgroundColor: theme.colors.white,\n borderRadius: theme.radius.regular,\n flexDirection: 'row',\n alignItems: 'stretch'\n },\n textContainer: {\n paddingHorizontal: 24,\n paddingVertical: 12,\n justifyContent: 'center',\n alignItems: 'center',\n flex: 1\n },\n squeezedTextContainer: {\n padding: theme.spacing.small,\n paddingLeft: undefined,\n paddingVertical: undefined,\n paddingRight: undefined,\n flex: 0\n },\n text: {\n fontWeight: theme.fontWeight.bold,\n color: theme.colors.black,\n textAlign: 'center'\n },\n textSelected: {\n color: theme.colors.white\n },\n unselectedImageContainer: {\n borderRightColor: theme.colors.border\n },\n imageContainer: {\n height: '100%',\n width: '25%',\n overflow: 'hidden',\n borderTopLeftRadius: theme.radius.regular,\n borderBottomLeftRadius: theme.radius.regular\n },\n image: {\n flex: 1\n }\n });\n\nconst Choice = ({\n children,\n isSelected = false,\n squeezed = false,\n isDisabled,\n onPress,\n media,\n testID: prefixTestID,\n style,\n questionType\n}: Props) => {\n const templateContext = useTemplateContext();\n const {theme, brandTheme} = templateContext;\n\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n const url =\n media &&\n media.type === 'img' &&\n media.src &&\n media.src.length > 0 &&\n getCleanUri(media.src[0].url);\n\n const source = {uri: url ? getCleanUri(url) : undefined};\n const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n const htmlStyle: ViewStyle[] = [styleSheet.text];\n const textWrapperStyle: ViewStyle[] = [\n styleSheet.textContainer,\n squeezed && styleSheet.squeezedTextContainer\n ];\n\n if (isSelected) {\n htmlStyle.push(styleSheet.textSelected);\n\n const selectionStyle = brandTheme && {\n backgroundColor: brandTheme.colors.primary,\n borderColor: brandTheme.colors.primary,\n ...(url\n ? {\n borderTopRightRadius: theme.radius.regular,\n borderBottomRightRadius: theme.radius.regular\n }\n : {\n borderRadius: theme.radius.regular\n })\n };\n\n textWrapperStyle.push(selectionStyle);\n }\n\n return (\n <Touchable\n onPress={!isDisabled ? onPress : undefined}\n style={style}\n analyticsID=\"question-choice\"\n analyticsParams={{questionType}}\n >\n <View\n style={[styleSheet.boxShadow, styleSheet.container]}\n testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n >\n {url ? (\n <View style={styleSheet.imageContainer}>\n <ImageBackground\n testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n source={source}\n style={styleSheet.image}\n />\n </View>\n ) : null}\n\n {children ? (\n <View style={textWrapperStyle}>\n <Html\n fontSize={squeezed ? theme.fontSize.medium : theme.fontSize.regular}\n style={htmlStyle}\n >\n {children}\n </Html>\n </View>\n ) : null}\n </View>\n </Touchable>\n );\n};\n\nexport default Choice;\n"],"file":"index.native.js"}
1
+ {"version":3,"sources":["../../../src/atom/choice/index.native.tsx"],"names":["createStyleSheet","theme","squeezed","StyleSheet","create","boxShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","container","colors","white","borderRadius","radius","regular","flexDirection","alignItems","textContainer","paddingHorizontal","paddingVertical","justifyContent","flex","squeezedTextContainer","padding","spacing","small","paddingLeft","undefined","paddingRight","text","fontSize","medium","fontWeight","bold","color","black","textAlign","textSelected","unselectedImageContainer","borderRightColor","border","imageContainer","overflow","borderTopLeftRadius","borderBottomLeftRadius","image","Choice","children","isSelected","isDisabled","onPress","media","testID","prefixTestID","style","questionType","templateContext","brandTheme","styleSheet","setStylesheet","_stylesheet","selectedSuffix","mediaType","type","toLowerCase","url","src","length","source","uri","mediaSuffix","textStyle","textWrapperStyle","push","selectionStyle","primary","borderColor","borderTopRightRadius","borderBottomRightRadius"],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle, Text, TextStyle} from 'react-native';\nimport type {Media, QuestionType} from '../../molecule/questions/types';\n\nimport ImageBackground from '../image-background/index.native';\nimport getCleanUri from '../../util/get-clean-uri';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n isSelected?: boolean;\n onPress: () => void;\n children?: string;\n isDisabled?: boolean;\n testID?: string;\n media?: Media;\n squeezed?: boolean;\n style?: ViewStyle;\n questionType: QuestionType;\n};\n\ntype StyleSheetType = {\n boxShadow: ViewStyle;\n container: ViewStyle;\n text: TextStyle;\n textSelected: TextStyle;\n textContainer: ViewStyle;\n squeezedTextContainer: ViewStyle;\n unselectedImageContainer: ViewStyle;\n imageContainer: ViewStyle;\n image: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, squeezed: boolean): StyleSheetType =>\n StyleSheet.create({\n boxShadow: {\n shadowColor: '#000',\n shadowOffset: {width: 0, height: 4},\n shadowOpacity: 0.12,\n shadowRadius: 16,\n elevation: 8,\n backgroundColor: '#0000'\n },\n container: {\n backgroundColor: theme.colors.white,\n borderRadius: theme.radius.regular,\n flexDirection: 'row',\n alignItems: 'stretch'\n },\n textContainer: {\n paddingHorizontal: 24,\n paddingVertical: 12,\n justifyContent: 'center',\n alignItems: 'center',\n flex: 1\n },\n squeezedTextContainer: {\n padding: theme.spacing.small,\n paddingLeft: undefined,\n paddingVertical: undefined,\n paddingRight: undefined,\n flex: 0\n },\n text: {\n fontSize: squeezed ? theme.fontSize.medium : theme.fontSize.regular,\n fontWeight: theme.fontWeight.bold,\n color: theme.colors.black,\n textAlign: 'center'\n },\n textSelected: {\n color: theme.colors.white\n },\n unselectedImageContainer: {\n borderRightColor: theme.colors.border\n },\n imageContainer: {\n height: '100%',\n width: '25%',\n overflow: 'hidden',\n borderTopLeftRadius: theme.radius.regular,\n borderBottomLeftRadius: theme.radius.regular\n },\n image: {\n flex: 1\n }\n });\n\nconst Choice = ({\n children,\n isSelected = false,\n squeezed = false,\n isDisabled,\n onPress,\n media,\n testID: prefixTestID,\n style,\n questionType\n}: Props) => {\n const templateContext = useTemplateContext();\n const {theme, brandTheme} = templateContext;\n\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme, squeezed);\n setStylesheet(_stylesheet);\n }, [theme, squeezed]);\n\n if (!styleSheet) {\n return null;\n }\n\n const selectedSuffix = prefixTestID && isSelected ? '-selected' : '';\n const mediaType = media && media.type && media.type === 'img' && media.type.toLowerCase();\n const url =\n media &&\n media.type === 'img' &&\n media.src &&\n media.src.length > 0 &&\n getCleanUri(media.src[0].url);\n\n const source = {uri: url ? getCleanUri(url) : undefined};\n const mediaSuffix = prefixTestID && mediaType ? `-${mediaType}` : '';\n\n const textStyle: TextStyle[] = [styleSheet.text];\n const textWrapperStyle: ViewStyle[] = [styleSheet.textContainer];\n\n if (squeezed) {\n textWrapperStyle.push(styleSheet.squeezedTextContainer);\n }\n\n if (isSelected) {\n textStyle.push(styleSheet.textSelected);\n\n const selectionStyle = brandTheme && {\n backgroundColor: brandTheme.colors.primary,\n borderColor: brandTheme.colors.primary,\n ...(url\n ? {\n borderTopRightRadius: theme.radius.regular,\n borderBottomRightRadius: theme.radius.regular\n }\n : {\n borderRadius: theme.radius.regular\n })\n };\n\n textWrapperStyle.push(selectionStyle);\n }\n\n return (\n <Touchable\n onPress={!isDisabled ? onPress : undefined}\n style={style}\n analyticsID=\"question-choice\"\n analyticsParams={{questionType}}\n >\n <View\n style={[styleSheet.boxShadow, styleSheet.container]}\n testID={prefixTestID && `${prefixTestID}${selectedSuffix}`}\n >\n {url ? (\n <View style={styleSheet.imageContainer}>\n <ImageBackground\n testID={prefixTestID && `${prefixTestID}${mediaSuffix}`}\n source={source}\n style={styleSheet.image}\n />\n </View>\n ) : null}\n\n {children ? (\n <View style={textWrapperStyle}>\n <Text style={textStyle}>{children}</Text>\n </View>\n ) : null}\n </View>\n </Touchable>\n );\n};\n\nexport default Choice;\n"],"file":"index.native.js"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/atom/header-back-button/index.native.tsx"],"names":["HOME_ICON_HEIGHT","CLOSE_ICON_HEIGHT","BACK_ICON_HEIGHT","createStyleSheet","theme","statusBarHeight","StyleSheet","create","container","paddingLeft","spacing","base","floating","paddingTop","position","top","noSafeArea","HeaderBackButton","props","templateContext","styleSheet","setStylesheet","display","type","color","colors","white","onPress","isFloating","testID","_stylesheet"],"mappings":";;;;;AAAA;;AACA;;AAGA;;AAIA;;AACA;;AACA;;;;;;;;AAGO,MAAMA,gBAAgB,GAAG,EAAzB;;AACA,MAAMC,iBAAiB,GAAG,EAA1B;;AACA,MAAMC,gBAAgB,GAAG,EAAzB;;;AAyBP,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,eAAf,KACvBC,wBAAWC,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcC;AADlB,GADK;AAIhBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAET,KAAK,CAACM,OAAN,CAAcC,IADlB;AAERG,IAAAA,QAAQ,EAAE,UAFF;AAGRC,IAAAA,GAAG,EAAEV;AAHG,GAJM;AAShBW,EAAAA,UAAU,EAAE;AACVD,IAAAA,GAAG,EAAE;AADK;AATI,CAAlB,CADF;;AAeA,MAAME,gBAAgB,GAAIC,KAAD,IAAkB;AACzC,QAAMC,eAAe,GAAG,0CAAxB;AACA,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,qBAAgC,IAAhC,CAApC;AACA,QAAM;AACJjB,IAAAA,KADI;AAEJkB,IAAAA,OAAO,EAAE;AAACjB,MAAAA;AAAD;AAFL,MAGFc,eAHJ;AAKA,QAAM;AACJI,IAAAA,IADI;AAEJC,IAAAA,KAAK,GAAGpB,KAAK,CAACqB,MAAN,CAAaC,KAFjB;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,UAAU,GAAG,IAJT;AAKJZ,IAAAA,UAAU,GAAG,KALT;AAMJa,IAAAA,MAAM,GAAG;AANL,MAOFX,KAPJ;AASA,wBAAU,MAAM;AACd,UAAMY,WAAW,GAAG3B,gBAAgB,CAACC,KAAD,EAAQC,eAAR,CAApC;;AACAgB,IAAAA,aAAa,CAACS,WAAD,CAAb;AACD,GAHD,EAGG,CAAC1B,KAAD,EAAQC,eAAR,CAHH;;AAKA,MAAI,CAACe,UAAL,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLA,UAAU,CAACZ,SADN,EAELoB,UAAU,IAAIR,UAAU,CAACR,QAFpB,EAGLgB,UAAU,IAAIZ,UAAd,IAA4BI,UAAU,CAACJ,UAHlC;AADT,kBAOE,6BAAC,cAAD;AAAW,IAAA,MAAM,EAAEa,MAAnB;AAA2B,IAAA,OAAO,EAAEF,OAApC;AAA6C,IAAA,WAAW,EAAC;AAAzD,KACGJ,IAAI,KAAK,MAAT,gBACC,6BAAC,qCAAD;AAAU,IAAA,MAAM,EAAEvB,gBAAlB;AAAoC,IAAA,KAAK,EAAEA,gBAA3C;AAA6D,IAAA,KAAK,EAAEwB;AAApE,IADD,GAEG,IAHN,EAIGD,IAAI,KAAK,OAAT,gBACC,6BAAC,+BAAD;AAAW,IAAA,MAAM,EAAEtB,iBAAnB;AAAsC,IAAA,KAAK,EAAEA,iBAA7C;AAAgE,IAAA,KAAK,EAAEuB;AAAvE,IADD,GAEG,IANN,EAOGD,IAAI,KAAK,MAAT,gBACC,6BAAC,eAAD;AAAgB,IAAA,MAAM,EAAErB,gBAAxB;AAA0C,IAAA,KAAK,EAAEA,gBAAjD;AAAmE,IAAA,KAAK,EAAEsB;AAA1E,IADD,GAEG,IATN,CAPF,CADF;AAqBD,CA/CD;;eAiDeP,gB","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet} from 'react-native';\nimport type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';\n\nimport {\n NovaSolidPlacesPlacesHome2 as HomeIcon,\n NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport HeaderBackIcon from '../header-back-icon/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport const HOME_ICON_HEIGHT = 20;\nexport const CLOSE_ICON_HEIGHT = 16;\nexport const BACK_ICON_HEIGHT = 20;\n\nexport type Props = {\n type: 'close' | 'back' | 'home';\n color?: string;\n onPress?: (event: PressEvent) => any;\n isFloating?: boolean;\n noSafeArea?: boolean;\n testID?: string;\n};\n\ntype StyleSheetType = {\n container: {\n paddingLeft: number;\n };\n floating: {\n paddingTop: number;\n position: string;\n top: number;\n };\n noSafeArea: {\n top: 0;\n };\n};\n\nconst createStyleSheet = (theme: Theme, statusBarHeight: number) =>\n StyleSheet.create({\n container: {\n paddingLeft: theme.spacing.base\n },\n floating: {\n paddingTop: theme.spacing.base,\n position: 'absolute',\n top: statusBarHeight\n },\n noSafeArea: {\n top: 0\n }\n });\n\nconst HeaderBackButton = (props: Props) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {\n theme,\n display: {statusBarHeight}\n } = templateContext;\n\n const {\n type,\n color = theme.colors.white,\n onPress,\n isFloating = true,\n noSafeArea = false,\n testID = 'default-header-back-button-test-id'\n } = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme, statusBarHeight);\n setStylesheet(_stylesheet);\n }, [theme, statusBarHeight]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View\n style={[\n styleSheet.container,\n isFloating && styleSheet.floating,\n isFloating && noSafeArea && styleSheet.noSafeArea\n ]}\n >\n <Touchable testID={testID} onPress={onPress} analyticsID=\"button-close\">\n {type === 'home' ? (\n <HomeIcon height={HOME_ICON_HEIGHT} width={HOME_ICON_HEIGHT} color={color} />\n ) : null}\n {type === 'close' ? (\n <CloseIcon height={CLOSE_ICON_HEIGHT} width={CLOSE_ICON_HEIGHT} color={color} />\n ) : null}\n {type === 'back' ? (\n <HeaderBackIcon height={BACK_ICON_HEIGHT} width={BACK_ICON_HEIGHT} color={color} />\n ) : null}\n </Touchable>\n </View>\n );\n};\n\nexport default HeaderBackButton;\n"],"file":"index.native.js"}
1
+ {"version":3,"sources":["../../../src/atom/header-back-button/index.native.tsx"],"names":["HOME_ICON_HEIGHT","CLOSE_ICON_HEIGHT","BACK_ICON_HEIGHT","createStyleSheet","theme","statusBarHeight","StyleSheet","create","container","paddingLeft","spacing","base","floating","paddingTop","position","top","noSafeArea","HeaderBackButton","props","templateContext","styleSheet","setStylesheet","display","type","color","colors","white","onPress","isFloating","testID","_stylesheet"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAIA;;AACA;;AACA;;;;;;;;AAGO,MAAMA,gBAAgB,GAAG,EAAzB;;AACA,MAAMC,iBAAiB,GAAG,EAA1B;;AACA,MAAMC,gBAAgB,GAAG,EAAzB;;;AAiBP,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,eAAf,KACvBC,wBAAWC,MAAX,CAAkB;AAChBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,WAAW,EAAEL,KAAK,CAACM,OAAN,CAAcC;AADlB,GADK;AAIhBC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,UAAU,EAAET,KAAK,CAACM,OAAN,CAAcC,IADlB;AAERG,IAAAA,QAAQ,EAAE,UAFF;AAGRC,IAAAA,GAAG,EAAEV;AAHG,GAJM;AAShBW,EAAAA,UAAU,EAAE;AACVD,IAAAA,GAAG,EAAE;AADK;AATI,CAAlB,CADF;;AAeA,MAAME,gBAAgB,GAAIC,KAAD,IAAkB;AACzC,QAAMC,eAAe,GAAG,0CAAxB;AACA,QAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,qBAAgC,IAAhC,CAApC;AACA,QAAM;AACJjB,IAAAA,KADI;AAEJkB,IAAAA,OAAO,EAAE;AAACjB,MAAAA;AAAD;AAFL,MAGFc,eAHJ;AAKA,QAAM;AACJI,IAAAA,IADI;AAEJC,IAAAA,KAAK,GAAGpB,KAAK,CAACqB,MAAN,CAAaC,KAFjB;AAGJC,IAAAA,OAHI;AAIJC,IAAAA,UAAU,GAAG,IAJT;AAKJZ,IAAAA,UAAU,GAAG,KALT;AAMJa,IAAAA,MAAM,GAAG;AANL,MAOFX,KAPJ;AASA,wBAAU,MAAM;AACd,UAAMY,WAAW,GAAG3B,gBAAgB,CAACC,KAAD,EAAQC,eAAR,CAApC;;AACAgB,IAAAA,aAAa,CAACS,WAAD,CAAb;AACD,GAHD,EAGG,CAAC1B,KAAD,EAAQC,eAAR,CAHH;;AAKA,MAAI,CAACe,UAAL,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,sBACE,6BAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CACLA,UAAU,CAACZ,SADN,EAELoB,UAAU,IAAIR,UAAU,CAACR,QAFpB,EAGLgB,UAAU,IAAIZ,UAAd,IAA4BI,UAAU,CAACJ,UAHlC;AADT,kBAOE,6BAAC,cAAD;AAAW,IAAA,MAAM,EAAEa,MAAnB;AAA2B,IAAA,OAAO,EAAEF,OAApC;AAA6C,IAAA,WAAW,EAAC;AAAzD,KACGJ,IAAI,KAAK,MAAT,gBACC,6BAAC,qCAAD;AAAU,IAAA,MAAM,EAAEvB,gBAAlB;AAAoC,IAAA,KAAK,EAAEA,gBAA3C;AAA6D,IAAA,KAAK,EAAEwB;AAApE,IADD,GAEG,IAHN,EAIGD,IAAI,KAAK,OAAT,gBACC,6BAAC,+BAAD;AAAW,IAAA,MAAM,EAAEtB,iBAAnB;AAAsC,IAAA,KAAK,EAAEA,iBAA7C;AAAgE,IAAA,KAAK,EAAEuB;AAAvE,IADD,GAEG,IANN,EAOGD,IAAI,KAAK,MAAT,gBACC,6BAAC,eAAD;AAAgB,IAAA,MAAM,EAAErB,gBAAxB;AAA0C,IAAA,KAAK,EAAEA,gBAAjD;AAAmE,IAAA,KAAK,EAAEsB;AAA1E,IADD,GAEG,IATN,CAPF,CADF;AAqBD,CA/CD;;eAiDeP,gB","sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\n\nimport {\n NovaSolidPlacesPlacesHome2 as HomeIcon,\n NovaSolidStatusClose as CloseIcon\n} from '@coorpacademy/nova-icons';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport HeaderBackIcon from '../header-back-icon/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport const HOME_ICON_HEIGHT = 20;\nexport const CLOSE_ICON_HEIGHT = 16;\nexport const BACK_ICON_HEIGHT = 20;\n\nexport type Props = {\n type: 'close' | 'back' | 'home';\n color?: string;\n onPress?: (event: GestureResponderEvent) => any;\n isFloating?: boolean;\n noSafeArea?: boolean;\n testID?: string;\n};\n\ntype StyleSheetType = {\n container: ViewStyle;\n floating: ViewStyle;\n noSafeArea: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme, statusBarHeight: number): StyleSheetType =>\n StyleSheet.create({\n container: {\n paddingLeft: theme.spacing.base\n },\n floating: {\n paddingTop: theme.spacing.base,\n position: 'absolute',\n top: statusBarHeight\n },\n noSafeArea: {\n top: 0\n }\n });\n\nconst HeaderBackButton = (props: Props) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {\n theme,\n display: {statusBarHeight}\n } = templateContext;\n\n const {\n type,\n color = theme.colors.white,\n onPress,\n isFloating = true,\n noSafeArea = false,\n testID = 'default-header-back-button-test-id'\n } = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme, statusBarHeight);\n setStylesheet(_stylesheet);\n }, [theme, statusBarHeight]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View\n style={[\n styleSheet.container,\n isFloating && styleSheet.floating,\n isFloating && noSafeArea && styleSheet.noSafeArea\n ]}\n >\n <Touchable testID={testID} onPress={onPress} analyticsID=\"button-close\">\n {type === 'home' ? (\n <HomeIcon height={HOME_ICON_HEIGHT} width={HOME_ICON_HEIGHT} color={color} />\n ) : null}\n {type === 'close' ? (\n <CloseIcon height={CLOSE_ICON_HEIGHT} width={CLOSE_ICON_HEIGHT} color={color} />\n ) : null}\n {type === 'back' ? (\n <HeaderBackIcon height={BACK_ICON_HEIGHT} width={BACK_ICON_HEIGHT} color={color} />\n ) : null}\n </Touchable>\n </View>\n );\n};\n\nexport default HeaderBackButton;\n"],"file":"index.native.js"}