@coorpacademy/components 10.21.4 → 10.22.3

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 (222) hide show
  1. package/README.md +1 -1
  2. package/es/atom/header-back-button/index.native.js +75 -0
  3. package/es/atom/header-back-button/index.native.js.map +1 -0
  4. package/es/atom/header-back-icon/index.native.js +27 -0
  5. package/es/atom/header-back-icon/index.native.js.map +1 -0
  6. package/es/atom/lottie-wrapper/index.js +2 -24
  7. package/es/atom/lottie-wrapper/index.js.map +1 -1
  8. package/es/atom/lottie-wrapper/prop-types.js +26 -0
  9. package/es/atom/lottie-wrapper/prop-types.js.map +1 -0
  10. package/es/atom/review-background/index.js +2 -4
  11. package/es/atom/review-background/index.js.map +1 -1
  12. package/es/atom/review-background/prop-types.js +5 -0
  13. package/es/atom/review-background/prop-types.js.map +1 -0
  14. package/es/atom/review-header-step-item/index.js +2 -6
  15. package/es/atom/review-header-step-item/index.js.map +1 -1
  16. package/es/atom/review-header-step-item/prop-types.js +7 -0
  17. package/es/atom/review-header-step-item/prop-types.js.map +1 -0
  18. package/es/atom/review-presentation/index.js +2 -15
  19. package/es/atom/review-presentation/index.js.map +1 -1
  20. package/es/atom/review-presentation/prop-types.js +18 -0
  21. package/es/atom/review-presentation/prop-types.js.map +1 -0
  22. package/es/atom/spinner/index.js +1 -0
  23. package/es/atom/spinner/index.js.map +1 -1
  24. package/es/atom/tab/index.js +1 -0
  25. package/es/atom/tab/index.js.map +1 -1
  26. package/es/hoc/touchable/index.native.js +69 -0
  27. package/es/hoc/touchable/index.native.js.map +1 -0
  28. package/es/molecule/answer/index.js +5 -26
  29. package/es/molecule/answer/index.js.map +1 -1
  30. package/es/molecule/answer/prop-types.js +32 -0
  31. package/es/molecule/answer/prop-types.js.map +1 -0
  32. package/es/molecule/dashboard/battle-request-list/index.js +3 -5
  33. package/es/molecule/dashboard/battle-request-list/index.js.map +1 -1
  34. package/es/molecule/dashboard/news-list/index.js +3 -5
  35. package/es/molecule/dashboard/news-list/index.js.map +1 -1
  36. package/es/molecule/dashboard/review-banner/index.js +3 -5
  37. package/es/molecule/dashboard/review-banner/index.js.map +1 -1
  38. package/es/molecule/dashboard/start-battle/index.js +3 -5
  39. package/es/molecule/dashboard/start-battle/index.js.map +1 -1
  40. package/es/molecule/external-content-viewer/index.js +2 -1
  41. package/es/molecule/external-content-viewer/index.js.map +1 -1
  42. package/es/molecule/questions/free-text/index.native.js +87 -0
  43. package/es/molecule/questions/free-text/index.native.js.map +1 -0
  44. package/es/molecule/questions/qcm/index.native.js +50 -0
  45. package/es/molecule/questions/qcm/index.native.js.map +1 -0
  46. package/es/molecule/review-card-congrats/index.js +2 -13
  47. package/es/molecule/review-card-congrats/index.js.map +1 -1
  48. package/es/molecule/review-card-congrats/prop-types.js +15 -0
  49. package/es/molecule/review-card-congrats/prop-types.js.map +1 -0
  50. package/es/molecule/review-correction-popin/index.js +2 -20
  51. package/es/molecule/review-correction-popin/index.js.map +1 -1
  52. package/es/molecule/review-correction-popin/prop-types.js +21 -0
  53. package/es/molecule/review-correction-popin/prop-types.js.map +1 -0
  54. package/es/molecule/review-header-steps/index.js +2 -4
  55. package/es/molecule/review-header-steps/index.js.map +1 -1
  56. package/es/molecule/review-header-steps/prop-types.js +6 -0
  57. package/es/molecule/review-header-steps/prop-types.js.map +1 -0
  58. package/es/molecule/skill-card/index.js +2 -12
  59. package/es/molecule/skill-card/index.js.map +1 -1
  60. package/es/molecule/skill-card/prop-types.js +13 -0
  61. package/es/molecule/skill-card/prop-types.js.map +1 -0
  62. package/es/molecule/video-player/index.js +2 -17
  63. package/es/molecule/video-player/index.js.map +1 -1
  64. package/es/molecule/video-player/jwplayer-prop-types.js +38 -0
  65. package/es/molecule/video-player/jwplayer-prop-types.js.map +1 -0
  66. package/es/molecule/video-player/jwplayer.js +2 -37
  67. package/es/molecule/video-player/jwplayer.js.map +1 -1
  68. package/es/molecule/video-player/prop-types.js +53 -0
  69. package/es/molecule/video-player/prop-types.js.map +1 -0
  70. package/es/organism/review-congrats/index.js +2 -19
  71. package/es/organism/review-congrats/index.js.map +1 -1
  72. package/es/organism/review-congrats/prop-types.js +22 -0
  73. package/es/organism/review-congrats/prop-types.js.map +1 -0
  74. package/es/organism/review-header/index.js +2 -10
  75. package/es/organism/review-header/index.js.map +1 -1
  76. package/es/organism/review-header/prop-types.js +12 -0
  77. package/es/organism/review-header/prop-types.js.map +1 -0
  78. package/es/organism/review-skills/index.js +4 -19
  79. package/es/organism/review-skills/index.js.map +1 -1
  80. package/es/organism/review-skills/prop-types.js +19 -0
  81. package/es/organism/review-skills/prop-types.js.map +1 -0
  82. package/es/template/app-player/loading/index.js +1 -0
  83. package/es/template/app-player/loading/index.js.map +1 -1
  84. package/es/template/app-review/demo-ts/index.js +2 -0
  85. package/es/template/app-review/demo-ts/index.js.map +1 -1
  86. package/es/template/app-review/demo-ts/index.native.js +9 -0
  87. package/es/template/app-review/demo-ts/index.native.js.map +1 -0
  88. package/es/template/app-review/demo-ts/typings.js +7 -0
  89. package/es/template/app-review/demo-ts/typings.js.map +1 -0
  90. package/es/template/app-review/index.js +4 -0
  91. package/es/template/app-review/index.js.map +1 -1
  92. package/es/template/app-review/index.native.js +24 -28
  93. package/es/template/app-review/index.native.js.map +1 -1
  94. package/es/template/app-review/onboarding/index.native.js +2 -2
  95. package/es/template/app-review/onboarding/index.native.js.map +1 -1
  96. package/es/template/app-review/skills/index.native.js +2 -2
  97. package/es/template/app-review/skills/index.native.js.map +1 -1
  98. package/es/template/app-review/slides/index.js +4 -5
  99. package/es/template/app-review/slides/index.js.map +1 -1
  100. package/es/template/app-review/slides/index.native.js +65 -25
  101. package/es/template/app-review/slides/index.native.js.map +1 -1
  102. package/es/template/app-review/slides/prop-types.js +15 -15
  103. package/es/template/app-review/slides/prop-types.js.map +1 -1
  104. package/es/template/app-review/template-context.js +36 -0
  105. package/es/template/app-review/template-context.js.map +1 -0
  106. package/es/variables/analytics.js +22 -0
  107. package/es/variables/analytics.js.map +1 -0
  108. package/es/variables/theme.native.js +65 -0
  109. package/es/variables/theme.native.js.map +1 -0
  110. package/es/variables/vibration.js +10 -0
  111. package/es/variables/vibration.js.map +1 -0
  112. package/lib/atom/header-back-button/index.native.js +96 -0
  113. package/lib/atom/header-back-button/index.native.js.map +1 -0
  114. package/lib/atom/header-back-icon/index.native.js +38 -0
  115. package/lib/atom/header-back-icon/index.native.js.map +1 -0
  116. package/lib/atom/lottie-wrapper/index.js +6 -30
  117. package/lib/atom/lottie-wrapper/index.js.map +1 -1
  118. package/lib/atom/lottie-wrapper/prop-types.js +37 -0
  119. package/lib/atom/lottie-wrapper/prop-types.js.map +1 -0
  120. package/lib/atom/review-background/index.js +3 -5
  121. package/lib/atom/review-background/index.js.map +1 -1
  122. package/lib/atom/review-background/prop-types.js +14 -0
  123. package/lib/atom/review-background/prop-types.js.map +1 -0
  124. package/lib/atom/review-header-step-item/index.js +3 -7
  125. package/lib/atom/review-header-step-item/index.js.map +1 -1
  126. package/lib/atom/review-header-step-item/prop-types.js +16 -0
  127. package/lib/atom/review-header-step-item/prop-types.js.map +1 -0
  128. package/lib/atom/review-presentation/index.js +3 -15
  129. package/lib/atom/review-presentation/index.js.map +1 -1
  130. package/lib/atom/review-presentation/prop-types.js +28 -0
  131. package/lib/atom/review-presentation/prop-types.js.map +1 -0
  132. package/lib/atom/spinner/index.js +1 -0
  133. package/lib/atom/spinner/index.js.map +1 -1
  134. package/lib/atom/tab/index.js +1 -0
  135. package/lib/atom/tab/index.js.map +1 -1
  136. package/lib/hoc/touchable/index.native.js +83 -0
  137. package/lib/hoc/touchable/index.native.js.map +1 -0
  138. package/lib/molecule/answer/index.js +14 -35
  139. package/lib/molecule/answer/index.js.map +1 -1
  140. package/lib/molecule/answer/prop-types.js +49 -0
  141. package/lib/molecule/answer/prop-types.js.map +1 -0
  142. package/lib/molecule/dashboard/battle-request-list/index.js +3 -5
  143. package/lib/molecule/dashboard/battle-request-list/index.js.map +1 -1
  144. package/lib/molecule/dashboard/news-list/index.js +3 -5
  145. package/lib/molecule/dashboard/news-list/index.js.map +1 -1
  146. package/lib/molecule/dashboard/review-banner/index.js +3 -5
  147. package/lib/molecule/dashboard/review-banner/index.js.map +1 -1
  148. package/lib/molecule/dashboard/start-battle/index.js +3 -5
  149. package/lib/molecule/dashboard/start-battle/index.js.map +1 -1
  150. package/lib/molecule/external-content-viewer/index.js +2 -1
  151. package/lib/molecule/external-content-viewer/index.js.map +1 -1
  152. package/lib/molecule/questions/free-text/index.native.js +100 -0
  153. package/lib/molecule/questions/free-text/index.native.js.map +1 -0
  154. package/lib/molecule/questions/qcm/index.native.js +62 -0
  155. package/lib/molecule/questions/qcm/index.native.js.map +1 -0
  156. package/lib/molecule/review-card-congrats/index.js +3 -14
  157. package/lib/molecule/review-card-congrats/index.js.map +1 -1
  158. package/lib/molecule/review-card-congrats/prop-types.js +25 -0
  159. package/lib/molecule/review-card-congrats/prop-types.js.map +1 -0
  160. package/lib/molecule/review-correction-popin/index.js +3 -21
  161. package/lib/molecule/review-correction-popin/index.js.map +1 -1
  162. package/lib/molecule/review-correction-popin/prop-types.js +30 -0
  163. package/lib/molecule/review-correction-popin/prop-types.js.map +1 -0
  164. package/lib/molecule/review-header-steps/index.js +3 -5
  165. package/lib/molecule/review-header-steps/index.js.map +1 -1
  166. package/lib/molecule/review-header-steps/prop-types.js +16 -0
  167. package/lib/molecule/review-header-steps/prop-types.js.map +1 -0
  168. package/lib/molecule/skill-card/index.js +3 -13
  169. package/lib/molecule/skill-card/index.js.map +1 -1
  170. package/lib/molecule/skill-card/prop-types.js +22 -0
  171. package/lib/molecule/skill-card/prop-types.js.map +1 -0
  172. package/lib/molecule/video-player/index.js +3 -19
  173. package/lib/molecule/video-player/index.js.map +1 -1
  174. package/lib/molecule/video-player/jwplayer-prop-types.js +48 -0
  175. package/lib/molecule/video-player/jwplayer-prop-types.js.map +1 -0
  176. package/lib/molecule/video-player/jwplayer.js +3 -39
  177. package/lib/molecule/video-player/jwplayer.js.map +1 -1
  178. package/lib/molecule/video-player/prop-types.js +64 -0
  179. package/lib/molecule/video-player/prop-types.js.map +1 -0
  180. package/lib/organism/review-congrats/index.js +3 -20
  181. package/lib/organism/review-congrats/index.js.map +1 -1
  182. package/lib/organism/review-congrats/prop-types.js +33 -0
  183. package/lib/organism/review-congrats/prop-types.js.map +1 -0
  184. package/lib/organism/review-header/index.js +3 -11
  185. package/lib/organism/review-header/index.js.map +1 -1
  186. package/lib/organism/review-header/prop-types.js +22 -0
  187. package/lib/organism/review-header/prop-types.js.map +1 -0
  188. package/lib/organism/review-skills/index.js +10 -23
  189. package/lib/organism/review-skills/index.js.map +1 -1
  190. package/lib/organism/review-skills/prop-types.js +33 -0
  191. package/lib/organism/review-skills/prop-types.js.map +1 -0
  192. package/lib/template/app-player/loading/index.js +1 -0
  193. package/lib/template/app-player/loading/index.js.map +1 -1
  194. package/lib/template/app-review/demo-ts/index.js +3 -0
  195. package/lib/template/app-review/demo-ts/index.js.map +1 -1
  196. package/lib/template/app-review/demo-ts/index.native.js +18 -0
  197. package/lib/template/app-review/demo-ts/index.native.js.map +1 -0
  198. package/lib/template/app-review/demo-ts/typings.js +16 -0
  199. package/lib/template/app-review/demo-ts/typings.js.map +1 -0
  200. package/lib/template/app-review/index.js +5 -0
  201. package/lib/template/app-review/index.js.map +1 -1
  202. package/lib/template/app-review/index.native.js +25 -26
  203. package/lib/template/app-review/index.native.js.map +1 -1
  204. package/lib/template/app-review/onboarding/index.native.js +2 -2
  205. package/lib/template/app-review/onboarding/index.native.js.map +1 -1
  206. package/lib/template/app-review/skills/index.native.js +4 -4
  207. package/lib/template/app-review/skills/index.native.js.map +1 -1
  208. package/lib/template/app-review/slides/index.js +4 -5
  209. package/lib/template/app-review/slides/index.js.map +1 -1
  210. package/lib/template/app-review/slides/index.native.js +76 -38
  211. package/lib/template/app-review/slides/index.native.js.map +1 -1
  212. package/lib/template/app-review/slides/prop-types.js +16 -16
  213. package/lib/template/app-review/slides/prop-types.js.map +1 -1
  214. package/lib/template/app-review/template-context.js +50 -0
  215. package/lib/template/app-review/template-context.js.map +1 -0
  216. package/lib/variables/analytics.js +27 -0
  217. package/lib/variables/analytics.js.map +1 -0
  218. package/lib/variables/theme.native.js +70 -0
  219. package/lib/variables/theme.native.js.map +1 -0
  220. package/lib/variables/vibration.js +15 -0
  221. package/lib/variables/vibration.js.map +1 -0
  222. package/package.json +6 -2
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/review-congrats/index.js"],"names":["React","useEffect","useRef","PropTypes","AtomLottieWrapper","ButtonLink","MoleculeReviewCardCongrats","style","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","buttonContainer","buttonRevise","propTypes","string","shape","label","onClick","func","type"],"mappings":"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","sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\n\nexport const setScroll = container => () => {\n container.current?.scrollTo &&\n container.current.scrollTo({\n left: 1000,\n behavior: 'smooth'\n });\n};\n\nconst ReviewCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n title,\n cardCongratsStar,\n cardCongratsRank,\n buttonRevising,\n buttonRevisingSkill\n } = props;\n\n const container = useRef(null);\n\n useEffect(() => {\n const timer = setTimeout(setScroll(container), 2000);\n return () => timer && clearTimeout(timer);\n }, []);\n\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n <AtomLottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={'play'}\n autoplay\n data-name=\"lottie-wrapper\"\n className={style.lottie}\n backupImageClassName={style.ie11Backup}\n />\n <div className={style.containerCongrats}>\n <div className={style.title}>{title}</div>\n <div ref={container} className={style.containerCards}>\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n <MoleculeReviewCardCongrats\n {...cardCongratsRank}\n timerAnimation={1800}\n className={style.cardRank}\n />\n </div>\n <div className={style.buttonContainer}>\n <ButtonLink\n {...buttonRevising}\n className={style.buttonRevise}\n data-name=\"revise-skill-link\"\n />\n <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n </div>\n </div>\n </div>\n );\n};\n\nReviewCongrats.propTypes = {\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n animationLottie: PropTypes.shape(AtomLottieWrapper.propTypes),\n title: PropTypes.string,\n cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),\n cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),\n buttonRevising: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n type: PropTypes.string\n }),\n buttonRevisingSkill: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n type: PropTypes.string\n })\n};\n\nexport default ReviewCongrats;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/organism/review-congrats/index.js"],"names":["React","useEffect","useRef","AtomLottieWrapper","ButtonLink","MoleculeReviewCardCongrats","style","propTypes","setScroll","container","current","scrollTo","left","behavior","ReviewCongrats","props","ariaLabel","dataName","animationLottie","title","cardCongratsStar","cardCongratsRank","buttonRevising","buttonRevisingSkill","timer","setTimeout","clearTimeout","mainContainer","lottie","ie11Backup","containerCongrats","containerCards","cardStar","cardRank","buttonContainer","buttonRevise"],"mappings":";;AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,MAA1B,QAAuC,OAAvC;AACA,OAAOC,iBAAP,MAA8B,2BAA9B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,0BAAP,MAAuC,qCAAvC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AAEA,OAAO,MAAMC,SAAS,GAAGC,SAAS,IAAI,MAAM;AAC1CA,EAAAA,SAAS,CAACC,OAAV,EAAmBC,QAAnB,IACEF,SAAS,CAACC,OAAV,CAAkBC,QAAlB,CAA2B;AACzBC,IAAAA,IAAI,EAAE,IADmB;AAEzBC,IAAAA,QAAQ,EAAE;AAFe,GAA3B,CADF;AAKD,CANM;;AAQP,MAAMC,cAAc,GAAGC,KAAK,IAAI;AAC9B,QAAM;AACJ,kBAAcC,SADV;AAEJ,iBAAaC,QAFT;AAGJC,IAAAA,eAHI;AAIJC,IAAAA,KAJI;AAKJC,IAAAA,gBALI;AAMJC,IAAAA,gBANI;AAOJC,IAAAA,cAPI;AAQJC,IAAAA;AARI,MASFR,KATJ;AAWA,QAAMN,SAAS,GAAGP,MAAM,CAAC,IAAD,CAAxB;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMuB,KAAK,GAAGC,UAAU,CAACjB,SAAS,CAACC,SAAD,CAAV,EAAuB,IAAvB,CAAxB;AACA,WAAO,MAAMe,KAAK,IAAIE,YAAY,CAACF,KAAD,CAAlC;AACD,GAHQ,EAGN,EAHM,CAAT;AAKA,sBACE;AAAK,IAAA,SAAS,EAAElB,KAAK,CAACqB,aAAtB;AAAqC,kBAAYX,SAAjD;AAA4D,iBAAWC;AAAvE,kBACE,oBAAC,iBAAD,eACMC,eADN;AAEE,IAAA,IAAI,EAAE,KAFR;AAGE,IAAA,gBAAgB,EAAE,MAHpB;AAIE,IAAA,QAAQ,MAJV;AAKE,iBAAU,gBALZ;AAME,IAAA,SAAS,EAAEZ,KAAK,CAACsB,MANnB;AAOE,IAAA,oBAAoB,EAAEtB,KAAK,CAACuB;AAP9B,KADF,eAUE;AAAK,IAAA,SAAS,EAAEvB,KAAK,CAACwB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAExB,KAAK,CAACa;AAAtB,KAA8BA,KAA9B,CADF,eAEE;AAAK,IAAA,GAAG,EAAEV,SAAV;AAAqB,IAAA,SAAS,EAAEH,KAAK,CAACyB;AAAtC,kBACE,oBAAC,0BAAD,eAAgCX,gBAAhC;AAAkD,IAAA,SAAS,EAAEd,KAAK,CAAC0B;AAAnE,KADF,eAEE,oBAAC,0BAAD,eACMX,gBADN;AAEE,IAAA,cAAc,EAAE,IAFlB;AAGE,IAAA,SAAS,EAAEf,KAAK,CAAC2B;AAHnB,KAFF,CAFF,eAUE;AAAK,IAAA,SAAS,EAAE3B,KAAK,CAAC4B;AAAtB,kBACE,oBAAC,UAAD,eACMZ,cADN;AAEE,IAAA,SAAS,EAAEhB,KAAK,CAAC6B,YAFnB;AAGE,iBAAU;AAHZ,KADF,eAME,oBAAC,UAAD,eAAgBZ,mBAAhB;AAAqC,IAAA,SAAS,EAAEjB,KAAK,CAAC6B;AAAtD,KANF,CAVF,CAVF,CADF;AAgCD,CAnDD;;AAqDArB,cAAc,CAACP,SAAf,2CAA2BA,SAA3B;AAEA,eAAeO,cAAf","sourcesContent":["import React, {useEffect, useRef} from 'react';\nimport AtomLottieWrapper from '../../atom/lottie-wrapper';\nimport ButtonLink from '../../atom/button-link';\nimport MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nexport const setScroll = container => () => {\n container.current?.scrollTo &&\n container.current.scrollTo({\n left: 1000,\n behavior: 'smooth'\n });\n};\n\nconst ReviewCongrats = props => {\n const {\n 'aria-label': ariaLabel,\n 'data-name': dataName,\n animationLottie,\n title,\n cardCongratsStar,\n cardCongratsRank,\n buttonRevising,\n buttonRevisingSkill\n } = props;\n\n const container = useRef(null);\n\n useEffect(() => {\n const timer = setTimeout(setScroll(container), 2000);\n return () => timer && clearTimeout(timer);\n }, []);\n\n return (\n <div className={style.mainContainer} aria-label={ariaLabel} data-name={dataName}>\n <AtomLottieWrapper\n {...animationLottie}\n loop={false}\n animationControl={'play'}\n autoplay\n data-name=\"lottie-wrapper\"\n className={style.lottie}\n backupImageClassName={style.ie11Backup}\n />\n <div className={style.containerCongrats}>\n <div className={style.title}>{title}</div>\n <div ref={container} className={style.containerCards}>\n <MoleculeReviewCardCongrats {...cardCongratsStar} className={style.cardStar} />\n <MoleculeReviewCardCongrats\n {...cardCongratsRank}\n timerAnimation={1800}\n className={style.cardRank}\n />\n </div>\n <div className={style.buttonContainer}>\n <ButtonLink\n {...buttonRevising}\n className={style.buttonRevise}\n data-name=\"revise-skill-link\"\n />\n <ButtonLink {...buttonRevisingSkill} className={style.buttonRevise} />\n </div>\n </div>\n </div>\n );\n};\n\nReviewCongrats.propTypes = propTypes;\n\nexport default ReviewCongrats;\n"],"file":"index.js"}
@@ -0,0 +1,22 @@
1
+ import PropTypes from 'prop-types';
2
+ import AtomLottieWrapperPropTypes from '../../atom/lottie-wrapper/prop-types';
3
+ import MoleculeReviewCardCongratsPropTypes from '../../molecule/review-card-congrats/prop-types';
4
+ export default {
5
+ 'aria-label': PropTypes.string,
6
+ 'data-name': PropTypes.string,
7
+ animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),
8
+ title: PropTypes.string,
9
+ cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),
10
+ cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),
11
+ buttonRevising: PropTypes.shape({
12
+ label: PropTypes.string,
13
+ onClick: PropTypes.func,
14
+ type: PropTypes.string
15
+ }),
16
+ buttonRevisingSkill: PropTypes.shape({
17
+ label: PropTypes.string,
18
+ onClick: PropTypes.func,
19
+ type: PropTypes.string
20
+ })
21
+ };
22
+ //# sourceMappingURL=prop-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/organism/review-congrats/prop-types.js"],"names":["PropTypes","AtomLottieWrapperPropTypes","MoleculeReviewCardCongratsPropTypes","string","animationLottie","shape","title","cardCongratsStar","cardCongratsRank","buttonRevising","label","onClick","func","type","buttonRevisingSkill"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAAuC,sCAAvC;AACA,OAAOC,mCAAP,MAAgD,gDAAhD;AAEA,eAAe;AACb,gBAAcF,SAAS,CAACG,MADX;AAEb,eAAaH,SAAS,CAACG,MAFV;AAGbC,EAAAA,eAAe,EAAEJ,SAAS,CAACK,KAAV,CAAgBJ,0BAAhB,CAHJ;AAIbK,EAAAA,KAAK,EAAEN,SAAS,CAACG,MAJJ;AAKbI,EAAAA,gBAAgB,EAAEP,SAAS,CAACK,KAAV,CAAgBH,mCAAhB,CALL;AAMbM,EAAAA,gBAAgB,EAAER,SAAS,CAACK,KAAV,CAAgBH,mCAAhB,CANL;AAObO,EAAAA,cAAc,EAAET,SAAS,CAACK,KAAV,CAAgB;AAC9BK,IAAAA,KAAK,EAAEV,SAAS,CAACG,MADa;AAE9BQ,IAAAA,OAAO,EAAEX,SAAS,CAACY,IAFW;AAG9BC,IAAAA,IAAI,EAAEb,SAAS,CAACG;AAHc,GAAhB,CAPH;AAYbW,EAAAA,mBAAmB,EAAEd,SAAS,CAACK,KAAV,CAAgB;AACnCK,IAAAA,KAAK,EAAEV,SAAS,CAACG,MADkB;AAEnCQ,IAAAA,OAAO,EAAEX,SAAS,CAACY,IAFgB;AAGnCC,IAAAA,IAAI,EAAEb,SAAS,CAACG;AAHmB,GAAhB;AAZR,CAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes from '../../atom/lottie-wrapper/prop-types';\nimport MoleculeReviewCardCongratsPropTypes from '../../molecule/review-card-congrats/prop-types';\n\nexport default {\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n title: PropTypes.string,\n cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongratsPropTypes),\n buttonRevising: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n type: PropTypes.string\n }),\n buttonRevisingSkill: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n type: PropTypes.string\n })\n};\n"],"file":"prop-types.js"}
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
- import PropTypes from 'prop-types';
3
2
  import classnames from 'classnames';
4
3
  import getOr from 'lodash/fp/getOr';
5
4
  import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
6
5
  import ReviewHeaderSteps from '../../molecule/review-header-steps';
7
6
  import style from './style.css';
7
+ import propTypes from './prop-types';
8
8
 
9
9
  const ReviewHeader = (props, context) => {
10
10
  const {
@@ -59,14 +59,6 @@ const ReviewHeader = (props, context) => {
59
59
  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, buttonProps)));
60
60
  };
61
61
 
62
- ReviewHeader.propTypes = process.env.NODE_ENV !== "production" ? {
63
- steps: ReviewHeaderSteps.propTypes.steps,
64
- mode: PropTypes.string.isRequired,
65
- skillName: PropTypes.string.isRequired,
66
- 'aria-label': PropTypes.string,
67
- closeButtonAriaLabel: PropTypes.string,
68
- onQuitClick: PropTypes.func,
69
- hiddenSteps: PropTypes.bool
70
- } : {};
62
+ ReviewHeader.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
71
63
  export default ReviewHeader;
72
64
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/review-header/index.js"],"names":["React","PropTypes","classnames","getOr","ButtonLinkIconOnly","ReviewHeaderSteps","style","ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","hiddenSteps","skin","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper","propTypes","string","isRequired","func","bool"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,SAHI;AAIJ,kBAAcC,SAJV;AAKJC,IAAAA,oBALI;AAMJC,IAAAA,WANI;AAOJC,IAAAA;AAPI,MAQFR,KARJ;AASA,QAAM;AAACS,IAAAA;AAAD,MAASR,OAAf;AACA,QAAMS,gBAAgB,GAAGf,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8Bc,IAA9B,CAA9B;AAEA,QAAME,WAAW,GAAG;AAClBC,IAAAA,IAAI,EAAE,OADY;AAElB,iBAAa,4BAFK;AAGlB,kBAAcN,oBAHI;AAIlBO,IAAAA,OAAO,EAAEN,WAJS;AAKlBO,IAAAA,IAAI,EAAE,YALY;AAMlBC,IAAAA,SAAS,EAAEjB,KAAK,CAACkB;AANC,GAApB;AASA,QAAMC,YAAY,GAAGvB,UAAU,CAC7BI,KAAK,CAACmB,YADuB,EAE7BT,WAAW,GAAGV,KAAK,CAACoB,qBAAT,GAAiC,IAFf,CAA/B;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEpB,KAAK,CAACqB,aAAtB;AAAqC,iBAAU,eAA/C;AAA+D,kBAAYd;AAA3E,kBACE;AAAK,IAAA,SAAS,EAAEP,KAAK,CAACsB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEtB,KAAK,CAACuB,KAAtB;AAA6B,IAAA,KAAK,EAAElB,IAApC;AAA0C,kBAAYA,IAAtD;AAA4D,iBAAU;AAAtE,KACGA,IADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEL,KAAK,CAACM,SADnB;AAEE,IAAA,KAAK,EAAE;AACLkB,MAAAA,KAAK,EAAEZ;AADF,KAFT;AAKE,IAAA,KAAK,EAAEN,SALT;AAME,kBAAYA,SANd;AAOE,iBAAU;AAPZ,KASGA,SATH,CAJF,CADF,eAkBE;AAAK,IAAA,SAAS,EAAEa;AAAhB,kBACE,oBAAC,iBAAD;AAAmB,IAAA,KAAK,EAAEf,KAA1B;AAAiC,IAAA,GAAG,EAAE;AAAtC,IADF,CAlBF,eAsBE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACyB,iBAAtB;AAAyC,iBAAU;AAAnD,kBACE,oBAAC,kBAAD,EAAwBZ,WAAxB,CADF,CAtBF,CADF;AA4BD,CAvDD;;AAyDAZ,YAAY,CAACyB,SAAb,2CAAyB;AACvBtB,EAAAA,KAAK,EAAEL,iBAAiB,CAAC2B,SAAlB,CAA4BtB,KADZ;AAEvBC,EAAAA,IAAI,EAAEV,SAAS,CAACgC,MAAV,CAAiBC,UAFA;AAGvBtB,EAAAA,SAAS,EAAEX,SAAS,CAACgC,MAAV,CAAiBC,UAHL;AAIvB,gBAAcjC,SAAS,CAACgC,MAJD;AAKvBnB,EAAAA,oBAAoB,EAAEb,SAAS,CAACgC,MALT;AAMvBlB,EAAAA,WAAW,EAAEd,SAAS,CAACkC,IANA;AAOvBnB,EAAAA,WAAW,EAAEf,SAAS,CAACmC;AAPA,CAAzB;AAUA,eAAe7B,YAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\n\nconst ReviewHeader = (props, context) => {\n const {\n steps,\n mode,\n skillName,\n 'aria-label': ariaLabel,\n closeButtonAriaLabel,\n onQuitClick,\n hiddenSteps\n } = props;\n const {skin} = context;\n const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n const buttonProps = {\n icon: 'close',\n 'data-name': 'review-header-close-button',\n 'aria-label': closeButtonAriaLabel,\n onClick: onQuitClick,\n size: 'responsive',\n className: style.review\n };\n\n const stepsWrapper = classnames(\n style.stepsWrapper,\n hiddenSteps ? style.stepsWrapperAnimation : null\n );\n\n return (\n <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n <div className={style.titlesWrapper}>\n <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n {mode}\n </div>\n <div\n className={style.skillName}\n style={{\n color: primarySkinColor\n }}\n title={skillName}\n aria-label={skillName}\n data-name=\"review-header-skill-name\"\n >\n {skillName}\n </div>\n </div>\n\n <div className={stepsWrapper}>\n <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n </div>\n\n <div className={style.iconButtonWrapper} data-name=\"review-header-close-button-wrapper\">\n <ButtonLinkIconOnly {...buttonProps} />\n </div>\n </div>\n );\n};\n\nReviewHeader.propTypes = {\n steps: ReviewHeaderSteps.propTypes.steps,\n mode: PropTypes.string.isRequired,\n skillName: PropTypes.string.isRequired,\n 'aria-label': PropTypes.string,\n closeButtonAriaLabel: PropTypes.string,\n onQuitClick: PropTypes.func,\n hiddenSteps: PropTypes.bool\n};\n\nexport default ReviewHeader;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/organism/review-header/index.js"],"names":["React","classnames","getOr","ButtonLinkIconOnly","ReviewHeaderSteps","style","propTypes","ReviewHeader","props","context","steps","mode","skillName","ariaLabel","closeButtonAriaLabel","onQuitClick","hiddenSteps","skin","primarySkinColor","buttonProps","icon","onClick","size","className","review","stepsWrapper","stepsWrapperAnimation","headerWrapper","titlesWrapper","title","color","iconButtonWrapper"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,iBAAP,MAA8B,oCAA9B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,OAAR,KAAoB;AACvC,QAAM;AACJC,IAAAA,KADI;AAEJC,IAAAA,IAFI;AAGJC,IAAAA,SAHI;AAIJ,kBAAcC,SAJV;AAKJC,IAAAA,oBALI;AAMJC,IAAAA,WANI;AAOJC,IAAAA;AAPI,MAQFR,KARJ;AASA,QAAM;AAACS,IAAAA;AAAD,MAASR,OAAf;AACA,QAAMS,gBAAgB,GAAGhB,KAAK,CAAC,SAAD,EAAY,gBAAZ,EAA8Be,IAA9B,CAA9B;AAEA,QAAME,WAAW,GAAG;AAClBC,IAAAA,IAAI,EAAE,OADY;AAElB,iBAAa,4BAFK;AAGlB,kBAAcN,oBAHI;AAIlBO,IAAAA,OAAO,EAAEN,WAJS;AAKlBO,IAAAA,IAAI,EAAE,YALY;AAMlBC,IAAAA,SAAS,EAAElB,KAAK,CAACmB;AANC,GAApB;AASA,QAAMC,YAAY,GAAGxB,UAAU,CAC7BI,KAAK,CAACoB,YADuB,EAE7BT,WAAW,GAAGX,KAAK,CAACqB,qBAAT,GAAiC,IAFf,CAA/B;AAKA,sBACE;AAAK,IAAA,SAAS,EAAErB,KAAK,CAACsB,aAAtB;AAAqC,iBAAU,eAA/C;AAA+D,kBAAYd;AAA3E,kBACE;AAAK,IAAA,SAAS,EAAER,KAAK,CAACuB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEvB,KAAK,CAACwB,KAAtB;AAA6B,IAAA,KAAK,EAAElB,IAApC;AAA0C,kBAAYA,IAAtD;AAA4D,iBAAU;AAAtE,KACGA,IADH,CADF,eAIE;AACE,IAAA,SAAS,EAAEN,KAAK,CAACO,SADnB;AAEE,IAAA,KAAK,EAAE;AACLkB,MAAAA,KAAK,EAAEZ;AADF,KAFT;AAKE,IAAA,KAAK,EAAEN,SALT;AAME,kBAAYA,SANd;AAOE,iBAAU;AAPZ,KASGA,SATH,CAJF,CADF,eAkBE;AAAK,IAAA,SAAS,EAAEa;AAAhB,kBACE,oBAAC,iBAAD;AAAmB,IAAA,KAAK,EAAEf,KAA1B;AAAiC,IAAA,GAAG,EAAE;AAAtC,IADF,CAlBF,eAsBE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAAC0B,iBAAtB;AAAyC,iBAAU;AAAnD,kBACE,oBAAC,kBAAD,EAAwBZ,WAAxB,CADF,CAtBF,CADF;AA4BD,CAvDD;;AAyDAZ,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ReviewHeaderSteps from '../../molecule/review-header-steps';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeader = (props, context) => {\n const {\n steps,\n mode,\n skillName,\n 'aria-label': ariaLabel,\n closeButtonAriaLabel,\n onQuitClick,\n hiddenSteps\n } = props;\n const {skin} = context;\n const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n const buttonProps = {\n icon: 'close',\n 'data-name': 'review-header-close-button',\n 'aria-label': closeButtonAriaLabel,\n onClick: onQuitClick,\n size: 'responsive',\n className: style.review\n };\n\n const stepsWrapper = classnames(\n style.stepsWrapper,\n hiddenSteps ? style.stepsWrapperAnimation : null\n );\n\n return (\n <div className={style.headerWrapper} data-name=\"review-header\" aria-label={ariaLabel}>\n <div className={style.titlesWrapper}>\n <div className={style.title} title={mode} aria-label={mode} data-name=\"review-header-mode\">\n {mode}\n </div>\n <div\n className={style.skillName}\n style={{\n color: primarySkinColor\n }}\n title={skillName}\n aria-label={skillName}\n data-name=\"review-header-skill-name\"\n >\n {skillName}\n </div>\n </div>\n\n <div className={stepsWrapper}>\n <ReviewHeaderSteps steps={steps} key={'review-header-steps'} />\n </div>\n\n <div className={style.iconButtonWrapper} data-name=\"review-header-close-button-wrapper\">\n <ButtonLinkIconOnly {...buttonProps} />\n </div>\n </div>\n );\n};\n\nReviewHeader.propTypes = propTypes;\n\nexport default ReviewHeader;\n"],"file":"index.js"}
@@ -0,0 +1,12 @@
1
+ import PropTypes from 'prop-types';
2
+ import ReviewHeaderStepsPropTypes from '../../molecule/review-header-steps/prop-types';
3
+ export default {
4
+ steps: ReviewHeaderStepsPropTypes.steps,
5
+ mode: PropTypes.string.isRequired,
6
+ skillName: PropTypes.string.isRequired,
7
+ 'aria-label': PropTypes.string,
8
+ closeButtonAriaLabel: PropTypes.string,
9
+ onQuitClick: PropTypes.func,
10
+ hiddenSteps: PropTypes.bool
11
+ };
12
+ //# sourceMappingURL=prop-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/organism/review-header/prop-types.js"],"names":["PropTypes","ReviewHeaderStepsPropTypes","steps","mode","string","isRequired","skillName","closeButtonAriaLabel","onQuitClick","func","hiddenSteps","bool"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAAuC,+CAAvC;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAED,0BAA0B,CAACC,KADrB;AAEbC,EAAAA,IAAI,EAAEH,SAAS,CAACI,MAAV,CAAiBC,UAFV;AAGbC,EAAAA,SAAS,EAAEN,SAAS,CAACI,MAAV,CAAiBC,UAHf;AAIb,gBAAcL,SAAS,CAACI,MAJX;AAKbG,EAAAA,oBAAoB,EAAEP,SAAS,CAACI,MALnB;AAMbI,EAAAA,WAAW,EAAER,SAAS,CAACS,IANV;AAObC,EAAAA,WAAW,EAAEV,SAAS,CAACW;AAPV,CAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport ReviewHeaderStepsPropTypes from '../../molecule/review-header-steps/prop-types';\n\nexport default {\n steps: ReviewHeaderStepsPropTypes.steps,\n mode: PropTypes.string.isRequired,\n skillName: PropTypes.string.isRequired,\n 'aria-label': PropTypes.string,\n closeButtonAriaLabel: PropTypes.string,\n onQuitClick: PropTypes.func,\n hiddenSteps: PropTypes.bool\n};\n"],"file":"prop-types.js"}
@@ -1,13 +1,11 @@
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
-
3
1
  import React from 'react';
4
- import PropTypes from 'prop-types';
5
2
  import isEmpty from 'lodash/fp/isEmpty';
6
3
  import map from 'lodash/fp/map';
7
4
  import { NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision, NovaCompositionCoorpacademyInformationIcon as InformationIcon } from '@coorpacademy/nova-icons';
8
5
  import Loader from '../../atom/loader';
9
6
  import SkillCard from '../../molecule/skill-card';
10
7
  import style from './style.css';
8
+ import propTypes, { ListSkillsPropTypes, NoSkillsPropTypes } from './prop-types';
11
9
 
12
10
  const ReviewListSkills = ({
13
11
  listSkills
@@ -76,21 +74,8 @@ const ReviewSkills = props => {
76
74
  })));
77
75
  };
78
76
 
79
- ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? {
80
- listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCard.propTypes))
81
- } : {};
82
- ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? {
83
- titleNoSkills: PropTypes.string,
84
- textNoSkills: PropTypes.string,
85
- iconSkillAriaLabel: PropTypes.string
86
- } : {};
87
- ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? _extends(_extends({
88
- 'aria-label': PropTypes.string,
89
- title: PropTypes.string.isRequired,
90
- isLoading: PropTypes.bool,
91
- isLoadingAriaLabel: PropTypes.string
92
- }, ReviewListSkills.propTypes), ReviewNoSkills.propTypes) : {};
93
- export const ListSkillsPropTypes = ReviewListSkills.propTypes;
94
- export const NoSkillsPropTypes = ReviewNoSkills.propTypes;
77
+ ReviewListSkills.propTypes = process.env.NODE_ENV !== "production" ? ListSkillsPropTypes : {};
78
+ ReviewNoSkills.propTypes = process.env.NODE_ENV !== "production" ? NoSkillsPropTypes : {};
79
+ ReviewSkills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
95
80
  export default ReviewSkills;
96
81
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/organism/review-skills/index.js"],"names":["React","PropTypes","isEmpty","map","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","NovaCompositionCoorpacademyInformationIcon","InformationIcon","Loader","SkillCard","style","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader","propTypes","arrayOf","shape","string","isRequired","bool","ListSkillsPropTypes","NoSkillsPropTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {\n NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\n\nconst ReviewListSkills = ({listSkills}) => {\n return (\n <div className={style.listSkillsContainer}>\n {listSkills &&\n map.convert({cap: false})((skillCard, key) => {\n return (\n <div className={style.skillCardContainer} key={`step-${key}`}>\n <SkillCard {...skillCard} />\n </div>\n );\n }, listSkills)}\n </div>\n );\n};\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n return (\n <div className={style.noSkillsContainer}>\n <div className={style.titleNoSkills}>{titleNoSkills}</div>\n <div className={style.textNoSkills}> {textNoSkills}</div>\n <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n </div>\n );\n};\n\nconst ReviewSkills = props => {\n const {\n 'aria-label': ariaLabel,\n title,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel,\n isLoading = false,\n isLoadingAriaLabel\n } = props;\n\n return (\n <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n <div className={style.title}>\n {title}\n <InformationIcon className={style.informationIcon} width={12} height={12} />\n </div>\n {isLoading ? (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n </div>\n ) : (\n <div>\n {!isEmpty(listSkills) ? (\n <ReviewListSkills listSkills={listSkills} />\n ) : (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n )}\n </div>\n )}\n </div>\n );\n};\n\nReviewListSkills.propTypes = {\n listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCard.propTypes))\n};\n\nReviewNoSkills.propTypes = {\n titleNoSkills: PropTypes.string,\n textNoSkills: PropTypes.string,\n iconSkillAriaLabel: PropTypes.string\n};\n\nReviewSkills.propTypes = {\n 'aria-label': PropTypes.string,\n title: PropTypes.string.isRequired,\n isLoading: PropTypes.bool,\n isLoadingAriaLabel: PropTypes.string,\n ...ReviewListSkills.propTypes,\n ...ReviewNoSkills.propTypes\n};\n\nexport const ListSkillsPropTypes = ReviewListSkills.propTypes;\nexport const NoSkillsPropTypes = ReviewNoSkills.propTypes;\n\nexport default ReviewSkills;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/organism/review-skills/index.js"],"names":["React","isEmpty","map","NovaCompositionCoorpacademyEmptyStateHomeRevision","EmptyStateHomeRevision","NovaCompositionCoorpacademyInformationIcon","InformationIcon","Loader","SkillCard","style","propTypes","ListSkillsPropTypes","NoSkillsPropTypes","ReviewListSkills","listSkills","listSkillsContainer","convert","cap","skillCard","key","skillCardContainer","ReviewNoSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","noSkillsContainer","imgNoSkills","ReviewSkills","props","ariaLabel","title","isLoading","isLoadingAriaLabel","containerReviewSkill","informationIcon","loaderContainer","loader"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,mBAApB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,SACEC,iDAAiD,IAAIC,sBADvD,EAEEC,0CAA0C,IAAIC,eAFhD,QAGO,0BAHP;AAIA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,SAAP,MAAsB,2BAAtB;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,IAAmBC,mBAAnB,EAAwCC,iBAAxC,QAAgE,cAAhE;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,KAAkB;AACzC,sBACE;AAAK,IAAA,SAAS,EAAEL,KAAK,CAACM;AAAtB,KACGD,UAAU,IACTZ,GAAG,CAACc,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EAA0B,CAACC,SAAD,EAAYC,GAAZ,KAAoB;AAC5C,wBACE;AAAK,MAAA,SAAS,EAAEV,KAAK,CAACW,kBAAtB;AAA0C,MAAA,GAAG,EAAG,QAAOD,GAAI;AAA3D,oBACE,oBAAC,SAAD,EAAeD,SAAf,CADF,CADF;AAKD,GAND,EAMGJ,UANH,CAFJ,CADF;AAYD,CAbD;;AAeA,MAAMO,cAAc,GAAG,CAAC;AAACC,EAAAA,aAAD;AAAgBC,EAAAA,YAAhB;AAA8BC,EAAAA;AAA9B,CAAD,KAAuD;AAC5E,sBACE;AAAK,IAAA,SAAS,EAAEf,KAAK,CAACgB;AAAtB,kBACE;AAAK,IAAA,SAAS,EAAEhB,KAAK,CAACa;AAAtB,KAAsCA,aAAtC,CADF,eAEE;AAAK,IAAA,SAAS,EAAEb,KAAK,CAACc;AAAtB,UAAsCA,YAAtC,CAFF,eAGE,oBAAC,sBAAD;AAAwB,IAAA,SAAS,EAAEd,KAAK,CAACiB,WAAzC;AAAsD,kBAAYF;AAAlE,IAHF,CADF;AAOD,CARD;;AAUA,MAAMG,YAAY,GAAGC,KAAK,IAAI;AAC5B,QAAM;AACJ,kBAAcC,SADV;AAEJC,IAAAA,KAFI;AAGJhB,IAAAA,UAHI;AAIJQ,IAAAA,aAJI;AAKJC,IAAAA,YALI;AAMJC,IAAAA,kBANI;AAOJO,IAAAA,SAAS,GAAG,KAPR;AAQJC,IAAAA;AARI,MASFJ,KATJ;AAWA,sBACE;AAAK,IAAA,SAAS,EAAEnB,KAAK,CAACwB,oBAAtB;AAA4C,kBAAYJ;AAAxD,kBACE;AAAK,IAAA,SAAS,EAAEpB,KAAK,CAACqB;AAAtB,KACGA,KADH,eAEE,oBAAC,eAAD;AAAiB,IAAA,SAAS,EAAErB,KAAK,CAACyB,eAAlC;AAAmD,IAAA,KAAK,EAAE,EAA1D;AAA8D,IAAA,MAAM,EAAE;AAAtE,IAFF,CADF,EAKGH,SAAS,gBACR;AAAK,IAAA,SAAS,EAAEtB,KAAK,CAAC0B;AAAtB,kBACE,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAE1B,KAAK,CAAC2B,MAAzB;AAAiC,IAAA,KAAK,EAAC,SAAvC;AAAiD,kBAAYJ;AAA7D,IADF,CADQ,gBAKR,iCACG,CAAC/B,OAAO,CAACa,UAAD,CAAR,gBACC,oBAAC,gBAAD;AAAkB,IAAA,UAAU,EAAEA;AAA9B,IADD,gBAGC,oBAAC,cAAD;AACE,IAAA,aAAa,EAAEQ,aADjB;AAEE,IAAA,YAAY,EAAEC,YAFhB;AAGE,IAAA,kBAAkB,EAAEC;AAHtB,IAJJ,CAVJ,CADF;AAyBD,CArCD;;AAuCAX,gBAAgB,CAACH,SAAjB,2CAA6BC,mBAA7B;AACAU,cAAc,CAACX,SAAf,2CAA2BE,iBAA3B;AACAe,YAAY,CAACjB,SAAb,2CAAyBA,SAAzB;AAEA,eAAeiB,YAAf","sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport {\n NovaCompositionCoorpacademyEmptyStateHomeRevision as EmptyStateHomeRevision,\n NovaCompositionCoorpacademyInformationIcon as InformationIcon\n} from '@coorpacademy/nova-icons';\nimport Loader from '../../atom/loader';\nimport SkillCard from '../../molecule/skill-card';\nimport style from './style.css';\nimport propTypes, {ListSkillsPropTypes, NoSkillsPropTypes} from './prop-types';\n\nconst ReviewListSkills = ({listSkills}) => {\n return (\n <div className={style.listSkillsContainer}>\n {listSkills &&\n map.convert({cap: false})((skillCard, key) => {\n return (\n <div className={style.skillCardContainer} key={`step-${key}`}>\n <SkillCard {...skillCard} />\n </div>\n );\n }, listSkills)}\n </div>\n );\n};\n\nconst ReviewNoSkills = ({titleNoSkills, textNoSkills, iconSkillAriaLabel}) => {\n return (\n <div className={style.noSkillsContainer}>\n <div className={style.titleNoSkills}>{titleNoSkills}</div>\n <div className={style.textNoSkills}> {textNoSkills}</div>\n <EmptyStateHomeRevision className={style.imgNoSkills} aria-label={iconSkillAriaLabel} />\n </div>\n );\n};\n\nconst ReviewSkills = props => {\n const {\n 'aria-label': ariaLabel,\n title,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel,\n isLoading = false,\n isLoadingAriaLabel\n } = props;\n\n return (\n <div className={style.containerReviewSkill} aria-label={ariaLabel}>\n <div className={style.title}>\n {title}\n <InformationIcon className={style.informationIcon} width={12} height={12} />\n </div>\n {isLoading ? (\n <div className={style.loaderContainer}>\n <Loader className={style.loader} theme=\"default\" aria-label={isLoadingAriaLabel} />\n </div>\n ) : (\n <div>\n {!isEmpty(listSkills) ? (\n <ReviewListSkills listSkills={listSkills} />\n ) : (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n )}\n </div>\n )}\n </div>\n );\n};\n\nReviewListSkills.propTypes = ListSkillsPropTypes;\nReviewNoSkills.propTypes = NoSkillsPropTypes;\nReviewSkills.propTypes = propTypes;\n\nexport default ReviewSkills;\n"],"file":"index.js"}
@@ -0,0 +1,19 @@
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
+
3
+ import PropTypes from 'prop-types';
4
+ import SkillCardPropTypes from '../../molecule/skill-card/prop-types';
5
+ export const ListSkillsPropTypes = {
6
+ listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropTypes))
7
+ };
8
+ export const NoSkillsPropTypes = {
9
+ titleNoSkills: PropTypes.string,
10
+ textNoSkills: PropTypes.string,
11
+ iconSkillAriaLabel: PropTypes.string
12
+ };
13
+ export default _extends(_extends({
14
+ 'aria-label': PropTypes.string,
15
+ title: PropTypes.string.isRequired,
16
+ isLoading: PropTypes.bool,
17
+ isLoadingAriaLabel: PropTypes.string
18
+ }, ListSkillsPropTypes), NoSkillsPropTypes);
19
+ //# sourceMappingURL=prop-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/organism/review-skills/prop-types.js"],"names":["PropTypes","SkillCardPropTypes","ListSkillsPropTypes","listSkills","arrayOf","shape","NoSkillsPropTypes","titleNoSkills","string","textNoSkills","iconSkillAriaLabel","title","isRequired","isLoading","bool","isLoadingAriaLabel"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,kBAAP,MAA+B,sCAA/B;AAEA,OAAO,MAAMC,mBAAmB,GAAG;AACjCC,EAAAA,UAAU,EAAEH,SAAS,CAACI,OAAV,CAAkBJ,SAAS,CAACK,KAAV,CAAgBJ,kBAAhB,CAAlB;AADqB,CAA5B;AAIP,OAAO,MAAMK,iBAAiB,GAAG;AAC/BC,EAAAA,aAAa,EAAEP,SAAS,CAACQ,MADM;AAE/BC,EAAAA,YAAY,EAAET,SAAS,CAACQ,MAFO;AAG/BE,EAAAA,kBAAkB,EAAEV,SAAS,CAACQ;AAHC,CAA1B;AAMP;AACE,gBAAcR,SAAS,CAACQ,MAD1B;AAEEG,EAAAA,KAAK,EAAEX,SAAS,CAACQ,MAAV,CAAiBI,UAF1B;AAGEC,EAAAA,SAAS,EAAEb,SAAS,CAACc,IAHvB;AAIEC,EAAAA,kBAAkB,EAAEf,SAAS,CAACQ;AAJhC,GAKKN,mBALL,GAMKI,iBANL","sourcesContent":["import PropTypes from 'prop-types';\nimport SkillCardPropTypes from '../../molecule/skill-card/prop-types';\n\nexport const ListSkillsPropTypes = {\n listSkills: PropTypes.arrayOf(PropTypes.shape(SkillCardPropTypes))\n};\n\nexport const NoSkillsPropTypes = {\n titleNoSkills: PropTypes.string,\n textNoSkills: PropTypes.string,\n iconSkillAriaLabel: PropTypes.string\n};\n\nexport default {\n 'aria-label': PropTypes.string,\n title: PropTypes.string.isRequired,\n isLoading: PropTypes.bool,\n isLoadingAriaLabel: PropTypes.string,\n ...ListSkillsPropTypes,\n ...NoSkillsPropTypes\n};\n"],"file":"prop-types.js"}
@@ -8,5 +8,6 @@ const PlayerLoading = () => {
8
8
  }, /*#__PURE__*/React.createElement(Loader, null));
9
9
  };
10
10
 
11
+ PlayerLoading.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
11
12
  export default PlayerLoading;
12
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/template/app-player/loading/index.js"],"names":["React","Loader","style","PlayerLoading","wrapper"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,MAAM;AAC1B,sBACE;AAAK,IAAA,SAAS,EAAED,KAAK,CAACE;AAAtB,kBACE,oBAAC,MAAD,OADF,CADF;AAKD,CAND;;AAQA,eAAeD,aAAf","sourcesContent":["import React from 'react';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst PlayerLoading = () => {\n return (\n <div className={style.wrapper}>\n <Loader />\n </div>\n );\n};\n\nexport default PlayerLoading;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../../src/template/app-player/loading/index.js"],"names":["React","Loader","style","PlayerLoading","wrapper","propTypes"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,aAAa,GAAG,MAAM;AAC1B,sBACE;AAAK,IAAA,SAAS,EAAED,KAAK,CAACE;AAAtB,kBACE,oBAAC,MAAD,OADF,CADF;AAKD,CAND;;AAQAD,aAAa,CAACE,SAAd,2CAA0B,EAA1B;AAEA,eAAeF,aAAf","sourcesContent":["import React from 'react';\nimport Loader from '../../../atom/loader';\nimport style from './style.css';\n\nconst PlayerLoading = () => {\n return (\n <div className={style.wrapper}>\n <Loader />\n </div>\n );\n};\n\nPlayerLoading.propTypes = {};\n\nexport default PlayerLoading;\n"],"file":"index.js"}
@@ -1,8 +1,10 @@
1
1
  import React from 'react';
2
+ import { propTypes } from './typings';
2
3
 
3
4
  const DemoTs = ({
4
5
  plop
5
6
  }) => /*#__PURE__*/React.createElement("p", null, plop);
6
7
 
8
+ DemoTs.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
7
9
  export default DemoTs;
8
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/template/app-review/demo-ts/index.tsx"],"names":["React","DemoTs","plop"],"mappings":"AAAA,OAAOA,KAAP,MAAuC,OAAvC;;AAIA,MAAMC,MAAyB,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBAAmB,+BAAIA,IAAJ,CAArD;;AAEA,eAAeD,MAAf","sourcesContent":["import React, {FunctionComponent} from 'react';\n\nexport type Props = {plop: string};\n\nconst DemoTs: FunctionComponent = ({plop}: Props) => <p>{plop}</p>;\n\nexport default DemoTs;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../../src/template/app-review/demo-ts/index.tsx"],"names":["React","propTypes","DemoTs","plop"],"mappings":"AAAA,OAAOA,KAAP,MAAuC,OAAvC;AACA,SAAeC,SAAf,QAA+B,WAA/B;;AAEA,MAAMC,MAAgC,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBAAmB,+BAAIA,IAAJ,CAA5D;;AAEAD,MAAM,CAACD,SAAP,2CAAmBA,SAAnB;AAEA,eAAeC,MAAf","sourcesContent":["import React, {FunctionComponent} from 'react';\nimport {Props, propTypes} from './typings';\n\nconst DemoTs: FunctionComponent<Props> = ({plop}: Props) => <p>{plop}</p>;\n\nDemoTs.propTypes = propTypes;\n\nexport default DemoTs;\n"],"file":"index.js"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { View, Text } from 'react-native';
3
+
4
+ const DemoTs = ({
5
+ plop
6
+ }) => /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, null, plop));
7
+
8
+ export default DemoTs;
9
+ //# sourceMappingURL=index.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/template/app-review/demo-ts/index.native.tsx"],"names":["React","View","Text","DemoTs","plop"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAAQC,IAAR,EAAcC,IAAd,QAAyB,cAAzB;;AAGA,MAAMC,MAAM,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACb,oBAAC,IAAD,qBACE,oBAAC,IAAD,QAAOA,IAAP,CADF,CADF;;AAMA,eAAeD,MAAf","sourcesContent":["import React from 'react';\nimport {View, Text} from 'react-native';\nimport {Props} from './typings';\n\nconst DemoTs = ({plop}: Props) => (\n <View>\n <Text>{plop}</Text>\n </View>\n);\n\nexport default DemoTs;\n"],"file":"index.native.js"}
@@ -0,0 +1,7 @@
1
+ import PropTypes from 'prop-types';
2
+ export const propTypes = {
3
+ plop: PropTypes.string,
4
+ plip: PropTypes.number,
5
+ onClick: PropTypes.func
6
+ };
7
+ //# sourceMappingURL=typings.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../../src/template/app-review/demo-ts/typings.ts"],"names":["PropTypes","propTypes","plop","string","plip","number","onClick","func"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAEF,SAAS,CAACG,MADO;AAEvBC,EAAAA,IAAI,EAAEJ,SAAS,CAACK,MAFO;AAGvBC,EAAAA,OAAO,EAAEN,SAAS,CAACO;AAHI,CAAlB","sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n plop: PropTypes.string,\n plip: PropTypes.number,\n onClick: PropTypes.func\n};\n\nexport type Props = PropTypes.InferProps<typeof propTypes>;\n"],"file":"typings.js"}
@@ -3,6 +3,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
3
3
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
4
4
 
5
5
  import React from 'react';
6
+ import Loader from '../../atom/loader';
6
7
  import Onboarding from './onboarding';
7
8
  import Skills from './skills';
8
9
  import Slides from './slides';
@@ -26,6 +27,9 @@ const AppReview = (_ref) => {
26
27
 
27
28
  case ViewNames.slides:
28
29
  return /*#__PURE__*/React.createElement(Slides, _extends({}, slides, dispachers));
30
+
31
+ default:
32
+ return /*#__PURE__*/React.createElement(Loader, null);
29
33
  }
30
34
  };
31
35
 
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/template/app-review/index.js"],"names":["React","Onboarding","Skills","Slides","propTypes","ViewNames","AppReview","viewName","onboarding","skills","slides","dispachers"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC,C,CAEA;;AAEA,MAAMC,SAAS,GAAG,UAA2D;AAAA,MAA1D;AAACC,IAAAA,QAAD;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA,MAAvB;AAA+BC,IAAAA;AAA/B,GAA0D;AAAA,MAAhBC,UAAgB;;AAC3E,UAAQJ,QAAR;AACE,SAAKF,SAAS,CAACI,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBE,UAAxB,EAAP;;AACF,SAAKN,SAAS,CAACG,UAAf;AACE,0BAAO,oBAAC,UAAD,eAAgBA,UAAhB,EAAgCG,UAAhC,EAAP;;AACF,SAAKN,SAAS,CAACK,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBC,UAAxB,EAAP;AANJ;AAQD,CATD;;AAWAL,SAAS,CAACF,SAAV,2CAAsBA,SAAtB,M,CAEA;;AAEA,eAAeE,SAAf","sourcesContent":["import React from 'react';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Slides from './slides';\nimport propTypes, {ViewNames} from './prop-types';\n\n// -----------------------------------------------------------------------------\n\nconst AppReview = ({viewName, onboarding, skills, slides, ...dispachers}) => {\n switch (viewName) {\n case ViewNames.skills:\n return <Skills {...skills} {...dispachers} />;\n case ViewNames.onboarding:\n return <Onboarding {...onboarding} {...dispachers} />;\n case ViewNames.slides:\n return <Slides {...slides} {...dispachers} />;\n }\n};\n\nAppReview.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default AppReview;\n"],"file":"index.js"}
1
+ {"version":3,"sources":["../../../src/template/app-review/index.js"],"names":["React","Loader","Onboarding","Skills","Slides","propTypes","ViewNames","AppReview","viewName","onboarding","skills","slides","dispachers"],"mappings":";;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC,C,CAEA;;AAEA,MAAMC,SAAS,GAAG,UAA2D;AAAA,MAA1D;AAACC,IAAAA,QAAD;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA,MAAvB;AAA+BC,IAAAA;AAA/B,GAA0D;AAAA,MAAhBC,UAAgB;;AAC3E,UAAQJ,QAAR;AACE,SAAKF,SAAS,CAACI,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBE,UAAxB,EAAP;;AACF,SAAKN,SAAS,CAACG,UAAf;AACE,0BAAO,oBAAC,UAAD,eAAgBA,UAAhB,EAAgCG,UAAhC,EAAP;;AACF,SAAKN,SAAS,CAACK,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBC,UAAxB,EAAP;;AACF;AACE,0BAAO,oBAAC,MAAD,OAAP;AARJ;AAUD,CAXD;;AAaAL,SAAS,CAACF,SAAV,2CAAsBA,SAAtB,M,CAEA;;AAEA,eAAeE,SAAf","sourcesContent":["import React from 'react';\nimport Loader from '../../atom/loader';\nimport Onboarding from './onboarding';\nimport Skills from './skills';\nimport Slides from './slides';\nimport propTypes, {ViewNames} from './prop-types';\n\n// -----------------------------------------------------------------------------\n\nconst AppReview = ({viewName, onboarding, skills, slides, ...dispachers}) => {\n switch (viewName) {\n case ViewNames.skills:\n return <Skills {...skills} {...dispachers} />;\n case ViewNames.onboarding:\n return <Onboarding {...onboarding} {...dispachers} />;\n case ViewNames.slides:\n return <Slides {...slides} {...dispachers} />;\n default:\n return <Loader />;\n }\n};\n\nAppReview.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default AppReview;\n"],"file":"index.js"}
@@ -1,6 +1,11 @@
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
+
3
+ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
4
+
1
5
  import React, { useEffect } from 'react';
2
- import { Text, StyleSheet, Pressable, View, BackHandler } from 'react-native';
3
- import propTypes, { ViewNames } from './prop-types'; // -----------------------------------------------------------------------------
6
+ import { Text, StyleSheet, View, BackHandler } from 'react-native';
7
+ import propTypes, { ViewNames } from './prop-types';
8
+ import Slides from './slides'; // -----------------------------------------------------------------------------
4
9
 
5
10
  const styles = StyleSheet.create({
6
11
  rootView: {
@@ -10,27 +15,22 @@ const styles = StyleSheet.create({
10
15
  }
11
16
  }); // -----------------------------------------------------------------------------
12
17
 
13
- const NavText = ({
14
- viewName,
15
- navigateTo
16
- }) => {
17
- const handlePress = v => () => navigateTo(v);
18
+ const Switch = (_ref) => {
19
+ let {
20
+ viewName,
21
+ slides
22
+ } = _ref,
23
+ dispachers = _objectWithoutPropertiesLoose(_ref, ["viewName", "onboarding", "skills", "slides"]);
18
24
 
19
25
  switch (viewName) {
20
26
  case ViewNames.home:
21
- return /*#__PURE__*/React.createElement(Pressable, {
22
- onPress: handlePress('onboarding')
23
- }, /*#__PURE__*/React.createElement(Text, null, "view home"));
27
+ return /*#__PURE__*/React.createElement(Text, null, "view home");
24
28
 
25
29
  case ViewNames.onboarding:
26
- return /*#__PURE__*/React.createElement(Pressable, {
27
- onPress: handlePress('quizzer')
28
- }, /*#__PURE__*/React.createElement(Text, null, "view onboarding"));
30
+ return /*#__PURE__*/React.createElement(Text, null, "view onboarding");
29
31
 
30
32
  case ViewNames.slides:
31
- return /*#__PURE__*/React.createElement(Pressable, {
32
- onPress: handlePress('home')
33
- }, /*#__PURE__*/React.createElement(Text, null, "view quizzer"));
33
+ return /*#__PURE__*/React.createElement(Slides, _extends({}, slides, dispachers));
34
34
 
35
35
  default:
36
36
  return /*#__PURE__*/React.createElement(Text, null, "view (none selected)");
@@ -38,11 +38,10 @@ const NavText = ({
38
38
  }; // -----------------------------------------------------------------------------
39
39
 
40
40
 
41
- const RootView = ({
42
- viewName,
43
- navigateBack,
44
- navigateTo
45
- }) => {
41
+ const AppReview = props => {
42
+ const {
43
+ navigateBack
44
+ } = props;
46
45
  useEffect(() => {
47
46
  const backAction = () => {
48
47
  navigateBack();
@@ -55,15 +54,12 @@ const RootView = ({
55
54
  }, [navigateBack]);
56
55
  return /*#__PURE__*/React.createElement(View, {
57
56
  style: styles.rootView
58
- }, /*#__PURE__*/React.createElement(NavText, {
59
- viewName: viewName,
60
- navigateTo: navigateTo
61
- }));
57
+ }, /*#__PURE__*/React.createElement(Switch, props));
62
58
  }; // -----------------------------------------------------------------------------
63
59
 
64
60
 
65
- RootView.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
66
- NavText.propTypes = process.env.NODE_ENV !== "production" ? RootView.propTypes : {}; // -----------------------------------------------------------------------------
61
+ AppReview.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
62
+ Switch.propTypes = process.env.NODE_ENV !== "production" ? AppReview.propTypes : {}; // -----------------------------------------------------------------------------
67
63
 
68
- export default RootView;
64
+ export default AppReview;
69
65
  //# sourceMappingURL=index.native.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/template/app-review/index.native.js"],"names":["React","useEffect","Text","StyleSheet","Pressable","View","BackHandler","propTypes","ViewNames","styles","create","rootView","flex","alignItems","justifyContent","NavText","viewName","navigateTo","handlePress","v","home","onboarding","slides","RootView","navigateBack","backAction","backHandler","addEventListener","remove"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,WAA3C,QAA6D,cAA7D;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC,C,CAEA;;AAEA,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRC,IAAAA,cAAc,EAAE;AAHR;AADqB,CAAlB,CAAf,C,CAQA;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAACC,EAAAA,QAAD;AAAWC,EAAAA;AAAX,CAAD,KAA4B;AAC1C,QAAMC,WAAW,GAAGC,CAAC,IAAI,MAAMF,UAAU,CAACE,CAAD,CAAzC;;AAEA,UAAQH,QAAR;AACE,SAAKR,SAAS,CAACY,IAAf;AACE,0BACE,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAEF,WAAW,CAAC,YAAD;AAA/B,sBACE,oBAAC,IAAD,oBADF,CADF;;AAKF,SAAKV,SAAS,CAACa,UAAf;AACE,0BACE,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAEH,WAAW,CAAC,SAAD;AAA/B,sBACE,oBAAC,IAAD,0BADF,CADF;;AAKF,SAAKV,SAAS,CAACc,MAAf;AACE,0BACE,oBAAC,SAAD;AAAW,QAAA,OAAO,EAAEJ,WAAW,CAAC,MAAD;AAA/B,sBACE,oBAAC,IAAD,uBADF,CADF;;AAKF;AACE,0BAAO,oBAAC,IAAD,+BAAP;AApBJ;AAsBD,CAzBD,C,CA2BA;;;AAEA,MAAMK,QAAQ,GAAG,CAAC;AAACP,EAAAA,QAAD;AAAWQ,EAAAA,YAAX;AAAyBP,EAAAA;AAAzB,CAAD,KAA0C;AACzDhB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMwB,UAAU,GAAG,MAAM;AACvBD,MAAAA,YAAY;AACZ,aAAO,IAAP;AACD,KAHD,CADc,CAMd;;;AACA,UAAME,WAAW,GAAGpB,WAAW,CAACqB,gBAAZ,CAA6B,mBAA7B,EAAkDF,UAAlD,CAApB;AAEA,WAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;AACD,GAVQ,EAUN,CAACJ,YAAD,CAVM,CAAT;AAYA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEf,MAAM,CAACE;AAApB,kBACE,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAEK,QAAnB;AAA6B,IAAA,UAAU,EAAEC;AAAzC,IADF,CADF;AAKD,CAlBD,C,CAoBA;;;AAEAM,QAAQ,CAAChB,SAAT,2CAAqBA,SAArB;AACAQ,OAAO,CAACR,SAAR,2CAAoBgB,QAAQ,CAAChB,SAA7B,M,CAEA;;AAEA,eAAegB,QAAf","sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, Pressable, View, BackHandler} from 'react-native';\nimport propTypes, {ViewNames} from './prop-types';\n\n// -----------------------------------------------------------------------------\n\nconst styles = StyleSheet.create({\n rootView: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center'\n }\n});\n\n// -----------------------------------------------------------------------------\n\nconst NavText = ({viewName, navigateTo}) => {\n const handlePress = v => () => navigateTo(v);\n\n switch (viewName) {\n case ViewNames.home:\n return (\n <Pressable onPress={handlePress('onboarding')}>\n <Text>view home</Text>\n </Pressable>\n );\n case ViewNames.onboarding:\n return (\n <Pressable onPress={handlePress('quizzer')}>\n <Text>view onboarding</Text>\n </Pressable>\n );\n case ViewNames.slides:\n return (\n <Pressable onPress={handlePress('home')}>\n <Text>view quizzer</Text>\n </Pressable>\n );\n default:\n return <Text>view (none selected)</Text>;\n }\n};\n\n// -----------------------------------------------------------------------------\n\nconst RootView = ({viewName, navigateBack, navigateTo}) => {\n useEffect(() => {\n const backAction = () => {\n navigateBack();\n return true;\n };\n\n // https://reactnative.dev/docs/backhandler\n const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n return () => backHandler.remove();\n }, [navigateBack]);\n\n return (\n <View style={styles.rootView}>\n <NavText viewName={viewName} navigateTo={navigateTo} />\n </View>\n );\n};\n\n// -----------------------------------------------------------------------------\n\nRootView.propTypes = propTypes;\nNavText.propTypes = RootView.propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default RootView;\n"],"file":"index.native.js"}
1
+ {"version":3,"sources":["../../../src/template/app-review/index.native.js"],"names":["React","useEffect","Text","StyleSheet","View","BackHandler","propTypes","ViewNames","Slides","styles","create","rootView","flex","alignItems","justifyContent","Switch","viewName","slides","dispachers","home","onboarding","AppReview","props","navigateBack","backAction","backHandler","addEventListener","remove"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAeC,SAAf,QAA+B,OAA/B;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,EAAgCC,WAAhC,QAAkD,cAAlD;AACA,OAAOC,SAAP,IAAmBC,SAAnB,QAAmC,cAAnC;AACA,OAAOC,MAAP,MAAmB,UAAnB,C,CAEA;;AAEA,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAX,CAAkB;AAC/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,IAAI,EAAE,CADE;AAERC,IAAAA,UAAU,EAAE,QAFJ;AAGRC,IAAAA,cAAc,EAAE;AAHR;AADqB,CAAlB,CAAf,C,CAQA;;AAEA,MAAMC,MAAM,GAAG,UAA2D;AAAA,MAA1D;AAACC,IAAAA,QAAD;AAA+BC,IAAAA;AAA/B,GAA0D;AAAA,MAAhBC,UAAgB;;AACxE,UAAQF,QAAR;AACE,SAAKT,SAAS,CAACY,IAAf;AACE,0BAAO,oBAAC,IAAD,oBAAP;;AACF,SAAKZ,SAAS,CAACa,UAAf;AACE,0BAAO,oBAAC,IAAD,0BAAP;;AACF,SAAKb,SAAS,CAACU,MAAf;AACE,0BAAO,oBAAC,MAAD,eAAYA,MAAZ,EAAwBC,UAAxB,EAAP;;AACF;AACE,0BAAO,oBAAC,IAAD,+BAAP;AARJ;AAUD,CAXD,C,CAaA;;;AAEA,MAAMG,SAAS,GAAGC,KAAK,IAAI;AACzB,QAAM;AAACC,IAAAA;AAAD,MAAiBD,KAAvB;AAEArB,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMuB,UAAU,GAAG,MAAM;AACvBD,MAAAA,YAAY;AACZ,aAAO,IAAP;AACD,KAHD,CADc,CAMd;;;AACA,UAAME,WAAW,GAAGpB,WAAW,CAACqB,gBAAZ,CAA6B,mBAA7B,EAAkDF,UAAlD,CAApB;AAEA,WAAO,MAAMC,WAAW,CAACE,MAAZ,EAAb;AACD,GAVQ,EAUN,CAACJ,YAAD,CAVM,CAAT;AAYA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEd,MAAM,CAACE;AAApB,kBACE,oBAAC,MAAD,EAAYW,KAAZ,CADF,CADF;AAKD,CApBD,C,CAsBA;;;AAEAD,SAAS,CAACf,SAAV,2CAAsBA,SAAtB;AACAS,MAAM,CAACT,SAAP,2CAAmBe,SAAS,CAACf,SAA7B,M,CAEA;;AAEA,eAAee,SAAf","sourcesContent":["import React, {useEffect} from 'react';\nimport {Text, StyleSheet, View, BackHandler} from 'react-native';\nimport propTypes, {ViewNames} from './prop-types';\nimport Slides from './slides';\n\n// -----------------------------------------------------------------------------\n\nconst styles = StyleSheet.create({\n rootView: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center'\n }\n});\n\n// -----------------------------------------------------------------------------\n\nconst Switch = ({viewName, onboarding, skills, slides, ...dispachers}) => {\n switch (viewName) {\n case ViewNames.home:\n return <Text>view home</Text>;\n case ViewNames.onboarding:\n return <Text>view onboarding</Text>;\n case ViewNames.slides:\n return <Slides {...slides} {...dispachers} />;\n default:\n return <Text>view (none selected)</Text>;\n }\n};\n\n// -----------------------------------------------------------------------------\n\nconst AppReview = props => {\n const {navigateBack} = props;\n\n useEffect(() => {\n const backAction = () => {\n navigateBack();\n return true;\n };\n\n // https://reactnative.dev/docs/backhandler\n const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n return () => backHandler.remove();\n }, [navigateBack]);\n\n return (\n <View style={styles.rootView}>\n <Switch {...props} />\n </View>\n );\n};\n\n// -----------------------------------------------------------------------------\n\nAppReview.propTypes = propTypes;\nSwitch.propTypes = AppReview.propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default AppReview;\n"],"file":"index.native.js"}
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { View, StyleSheet, Text } from 'react-native';
3
- import OnboardingWeb from '../../../atom/review-presentation'; // import {NovaLineSelectionCursorsCursorArrowTarget as TargetIcon} from '@coorpacademy/nova-icons';
3
+ import propTypes from '../../../atom/review-presentation/prop-types'; // import {NovaLineSelectionCursorsCursorArrowTarget as TargetIcon} from '@coorpacademy/nova-icons';
4
4
  // import theme from '../../../modules/theme';
5
5
  // import translations from '../../../translations';
6
6
  // import Button from '../../../app-shared/components/button';
@@ -79,6 +79,6 @@ const Onboarding = ({
79
79
  style: styles.title
80
80
  }, reviewTitle));
81
81
 
82
- Onboarding.propTypes = process.env.NODE_ENV !== "production" ? OnboardingWeb.propTypes : {};
82
+ Onboarding.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
83
83
  export default Onboarding;
84
84
  //# sourceMappingURL=index.native.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/template/app-review/onboarding/index.native.js"],"names":["React","View","StyleSheet","Text","OnboardingWeb","styles","create","container","justifyContent","flex","padding","title","height","width","lineHeight","text","opacity","tip","flexDirection","overflow","alignItems","borderRadius","tipText","icon","margin","button","Onboarding","reviewTitle","propTypes"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,QAAqC,cAArC;AACA,OAAOC,aAAP,MAA0B,mCAA1B,C,CAEA;AAEA;AACA;AACA;AACA;;AAEA,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,cAAc,EAAE,eADP;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,OAAO,EAAE,EAHA,CAIT;;AAJS,GADoB;AAO/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,EADH;AAELC,IAAAA,KAAK,EAAE,GAFF;AAGL;AACA;AACAC,IAAAA,UAAU,EAAE,EALP,CAML;AACA;;AAPK,GAPwB;AAgB/BC,EAAAA,IAAI,EAAE;AACJ;AACA;AACAC,IAAAA,OAAO,EAAE,GAHL,CAIJ;;AAJI,GAhByB;AAsB/BC,EAAAA,GAAG,EAAE;AACHC,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,QAAQ,EAAE,QAFP;AAGHC,IAAAA,UAAU,EAAE,QAHT;AAIHR,IAAAA,MAAM,EAAE,EAJL;AAKHS,IAAAA,YAAY,EAAE,CALX,CAMH;AACA;AACA;;AARG,GAtB0B;AAgC/BC,EAAAA,OAAO,EAAE,CACP;AACA;AAFO,GAhCsB;AAoC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE;AADJ,GApCyB;AAuC/BC,EAAAA,MAAM,EAAE;AACNb,IAAAA,MAAM,EAAE,EADF;AAENS,IAAAA,YAAY,EAAE,CAFR,CAGN;AACA;;AAJM;AAvCuB,CAAlB,CAAf,C,CA+CA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;;AACA,MAAMK,UAAU,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACjB,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEtB,MAAM,CAACE;AAApB,gBACE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEF,MAAM,CAACM;AAApB,GAA4BgB,WAA5B,CADF,CADF;;AAMAD,UAAU,CAACE,SAAX,2CAAuBxB,aAAa,CAACwB,SAArC;AAEA,eAAeF,UAAf","sourcesContent":["import * as React from 'react';\nimport {View, StyleSheet, Text} from 'react-native';\nimport OnboardingWeb from '../../../atom/review-presentation';\n\n// import {NovaLineSelectionCursorsCursorArrowTarget as TargetIcon} from '@coorpacademy/nova-icons';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import Button from '../../../app-shared/components/button';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n\nconst styles = StyleSheet.create({\n container: {\n justifyContent: 'space-between',\n flex: 1,\n padding: 20\n // paddingTop: HEADER_HEIGHT + 20\n },\n title: {\n height: 72,\n width: 268,\n // fontSize: theme.fontSize.xxlarge,\n // fontWeight: theme.fontWeight.bold,\n lineHeight: 36\n // color: theme.colors.text.primary,\n // marginBottom: theme.spacing.small\n },\n text: {\n // fontSize: theme.fontSize.large,\n // color: theme.colors.text.primary,\n opacity: 0.7\n // marginBottom: theme.spacing.small\n },\n tip: {\n flexDirection: 'row',\n overflow: 'hidden',\n alignItems: 'center',\n height: 54,\n borderRadius: 8\n // backgroundColor: theme.colors.gray.extra,\n // marginTop: theme.spacing.micro,\n // marginBottom: theme.spacing.micro\n },\n tipText: {\n // fontSize: theme.fontSize.large,\n // color: theme.colors.text.primary\n },\n icon: {\n margin: 10\n },\n button: {\n height: 52,\n borderRadius: 7\n // marginBottom: theme.spacing.large,\n // marginTop: theme.spacing.large\n }\n});\n\n// const Tip = ({Icon, text}) => (\n// <View style={styles.tip}>\n// {/* <Icon height={16} width={16} style={styles.icon} color={theme.colors.text.primary} /> */}\n// <Text style={styles.tipText}>{text}</Text>\n// </View>\n// );\n\n/*\nreviewTitle --> translations.revision.onboarding.title\n*/\n// {/* <Text style={styles.title}>{translations.revision.onboarding.title}</Text>\n// <Text style={styles.text}>{translations.revision.onboarding.intro1}</Text>\n// <Text style={styles.text}>{translations.revision.onboarding.intro2}</Text>\n\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip1} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip2} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip3} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip4} /> */}\n\n// {/* <Button style={styles.button} onPress={onButtonPress} testID={`button-quit-revision-onboarding`}>\n// {translations.revision.onboarding.validate}\n// </Button> */}\nconst Onboarding = ({reviewTitle}) => (\n <View style={styles.container}>\n <Text style={styles.title}>{reviewTitle}</Text>\n </View>\n);\n\nOnboarding.propTypes = OnboardingWeb.propTypes;\n\nexport default Onboarding;\n"],"file":"index.native.js"}
1
+ {"version":3,"sources":["../../../../src/template/app-review/onboarding/index.native.js"],"names":["React","View","StyleSheet","Text","propTypes","styles","create","container","justifyContent","flex","padding","title","height","width","lineHeight","text","opacity","tip","flexDirection","overflow","alignItems","borderRadius","tipText","icon","margin","button","Onboarding","reviewTitle"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAR,EAAcC,UAAd,EAA0BC,IAA1B,QAAqC,cAArC;AACA,OAAOC,SAAP,MAAsB,8CAAtB,C,CAEA;AAEA;AACA;AACA;AACA;;AAEA,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,cAAc,EAAE,eADP;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,OAAO,EAAE,EAHA,CAIT;;AAJS,GADoB;AAO/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE,EADH;AAELC,IAAAA,KAAK,EAAE,GAFF;AAGL;AACA;AACAC,IAAAA,UAAU,EAAE,EALP,CAML;AACA;;AAPK,GAPwB;AAgB/BC,EAAAA,IAAI,EAAE;AACJ;AACA;AACAC,IAAAA,OAAO,EAAE,GAHL,CAIJ;;AAJI,GAhByB;AAsB/BC,EAAAA,GAAG,EAAE;AACHC,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,QAAQ,EAAE,QAFP;AAGHC,IAAAA,UAAU,EAAE,QAHT;AAIHR,IAAAA,MAAM,EAAE,EAJL;AAKHS,IAAAA,YAAY,EAAE,CALX,CAMH;AACA;AACA;;AARG,GAtB0B;AAgC/BC,EAAAA,OAAO,EAAE,CACP;AACA;AAFO,GAhCsB;AAoC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE;AADJ,GApCyB;AAuC/BC,EAAAA,MAAM,EAAE;AACNb,IAAAA,MAAM,EAAE,EADF;AAENS,IAAAA,YAAY,EAAE,CAFR,CAGN;AACA;;AAJM;AAvCuB,CAAlB,CAAf,C,CA+CA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;;AACA,MAAMK,UAAU,GAAG,CAAC;AAACC,EAAAA;AAAD,CAAD,kBACjB,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEtB,MAAM,CAACE;AAApB,gBACE,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAEF,MAAM,CAACM;AAApB,GAA4BgB,WAA5B,CADF,CADF;;AAMAD,UAAU,CAACtB,SAAX,2CAAuBA,SAAvB;AAEA,eAAesB,UAAf","sourcesContent":["import * as React from 'react';\nimport {View, StyleSheet, Text} from 'react-native';\nimport propTypes from '../../../atom/review-presentation/prop-types';\n\n// import {NovaLineSelectionCursorsCursorArrowTarget as TargetIcon} from '@coorpacademy/nova-icons';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import Button from '../../../app-shared/components/button';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n\nconst styles = StyleSheet.create({\n container: {\n justifyContent: 'space-between',\n flex: 1,\n padding: 20\n // paddingTop: HEADER_HEIGHT + 20\n },\n title: {\n height: 72,\n width: 268,\n // fontSize: theme.fontSize.xxlarge,\n // fontWeight: theme.fontWeight.bold,\n lineHeight: 36\n // color: theme.colors.text.primary,\n // marginBottom: theme.spacing.small\n },\n text: {\n // fontSize: theme.fontSize.large,\n // color: theme.colors.text.primary,\n opacity: 0.7\n // marginBottom: theme.spacing.small\n },\n tip: {\n flexDirection: 'row',\n overflow: 'hidden',\n alignItems: 'center',\n height: 54,\n borderRadius: 8\n // backgroundColor: theme.colors.gray.extra,\n // marginTop: theme.spacing.micro,\n // marginBottom: theme.spacing.micro\n },\n tipText: {\n // fontSize: theme.fontSize.large,\n // color: theme.colors.text.primary\n },\n icon: {\n margin: 10\n },\n button: {\n height: 52,\n borderRadius: 7\n // marginBottom: theme.spacing.large,\n // marginTop: theme.spacing.large\n }\n});\n\n// const Tip = ({Icon, text}) => (\n// <View style={styles.tip}>\n// {/* <Icon height={16} width={16} style={styles.icon} color={theme.colors.text.primary} /> */}\n// <Text style={styles.tipText}>{text}</Text>\n// </View>\n// );\n\n/*\nreviewTitle --> translations.revision.onboarding.title\n*/\n// {/* <Text style={styles.title}>{translations.revision.onboarding.title}</Text>\n// <Text style={styles.text}>{translations.revision.onboarding.intro1}</Text>\n// <Text style={styles.text}>{translations.revision.onboarding.intro2}</Text>\n\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip1} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip2} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip3} />\n// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip4} /> */}\n\n// {/* <Button style={styles.button} onPress={onButtonPress} testID={`button-quit-revision-onboarding`}>\n// {translations.revision.onboarding.validate}\n// </Button> */}\nconst Onboarding = ({reviewTitle}) => (\n <View style={styles.container}>\n <Text style={styles.title}>{reviewTitle}</Text>\n </View>\n);\n\nOnboarding.propTypes = propTypes;\n\nexport default Onboarding;\n"],"file":"index.native.js"}
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import { View, FlatList, Pressable, StyleSheet, Text } from 'react-native';
4
4
  import { NovaCompositionNavigationArrowRight as ArrowRight } from '@coorpacademy/nova-icons';
5
- import SkillsWeb, { ListSkillsPropTypes, NoSkillsPropTypes } from '../../../organism/review-skills'; // import theme from '../../../modules/theme';
5
+ import propTypes, { ListSkillsPropTypes, NoSkillsPropTypes } from '../../../organism/review-skills/prop-types'; // import theme from '../../../modules/theme';
6
6
  // import translations from '../../../translations';
7
7
  // import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
8
8
  // import noSkillsImage from '../../../assets/images/revision-no-skills.png';
@@ -173,7 +173,7 @@ const Skills = props => {
173
173
  }));
174
174
  };
175
175
 
176
- Skills.propTypes = process.env.NODE_ENV !== "production" ? SkillsWeb.propTypes : {}; // -----------------------------------------------------------------------------
176
+ Skills.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {}; // -----------------------------------------------------------------------------
177
177
 
178
178
  export default Skills;
179
179
  //# sourceMappingURL=index.native.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/template/app-review/skills/index.native.js"],"names":["React","PropTypes","View","FlatList","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","SkillsWeb","ListSkillsPropTypes","NoSkillsPropTypes","styles","create","container","flex","padding","title","lineHeight","subtitle","text","fontSize","opacity","noSkillsImage","alignSelf","width","height","skills","skill","display","flexDirection","overflow","alignItems","borderRadius","skillTexts","skillTitle","fontWeight","skillInfo","extraSpace","onSelectSkill","console","log","ExtraSpace","Skill","info","propTypes","string","Item","item","isExtraSpace","List","shape","bool","listSkills","NoSkills","titleNoSkills","textNoSkills","Skills","props","length"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, FlatList, Pressable, StyleSheet, Text} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport SkillsWeb, {ListSkillsPropTypes, NoSkillsPropTypes} from '../../../organism/review-skills';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n// import noSkillsImage from '../../../assets/images/revision-no-skills.png';\n// import Touchable from '../../../app-shared/components/touchable';\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n padding: 20\n // paddingTop: HEADER_HEIGHT + 20,\n // backgroundColor: theme.colors.white\n },\n title: {\n // fontSize: theme.fontSize.xlarge,\n // fontWeight: theme.fontWeight.bold,\n lineHeight: 28\n // color: theme.colors.text.primary,\n // marginBottom: theme.spacing.base,\n // marginTop: theme.spacing.small\n },\n subtitle: {\n // fontSize: theme.fontSize.xlarge,\n // color: theme.colors.text.primary,\n // marginBottom: theme.spacing.tiny\n },\n text: {\n fontSize: 16,\n lineHeight: 22,\n // color: theme.colors.text.primary,\n opacity: 0.7\n // marginBottom: theme.spacing.base\n },\n noSkillsImage: {\n flex: 1,\n alignSelf: 'center',\n width: 320,\n height: 300\n },\n skills: {},\n skill: {\n display: 'flex',\n flexDirection: 'row',\n overflow: 'hidden',\n alignItems: 'center',\n height: 118,\n borderRadius: 8\n // backgroundColor: theme.colors.gray.lighter,\n // marginTop: theme.spacing.micro,\n // marginBottom: theme.spacing.micro,\n // padding: theme.spacing.base\n },\n skillTexts: {\n flex: 1,\n flexDirection: 'column'\n },\n skillTitle: {\n fontSize: 18,\n fontWeight: '600',\n lineHeight: 22\n // color: theme.colors.text.primary,\n // marginBottom: theme.spacing.tiny\n },\n skillInfo: {\n fontSize: 12,\n lineHeight: 16\n // color: theme.colors.gray.medium\n },\n extraSpace: {\n height: 100\n }\n});\n\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = title => () => {\n // eslint-disable-next-line no-console\n console.log('pressed on', {title});\n};\n\nconst ExtraSpace = () => <View style={styles.extraSpace} />;\n\nconst Skill = ({title, info}) => (\n <Pressable style={styles.skill} onPress={onSelectSkill(title)}>\n <View style={styles.skillTexts}>\n <Text style={styles.skillTitle}>{title}</Text>\n <Text style={styles.skillInfo}>{info}</Text>\n </View>\n <ArrowRight color=\"#ededed\" height={20} width={20} />\n </Pressable>\n);\n\nSkill.propTypes = {\n title: PropTypes.string,\n info: PropTypes.string\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info, isExtraSpace = false}}) =>\n isExtraSpace ? <ExtraSpace /> : <Skill title={title} info={info} />;\n\nconst List = ({skills}) => (\n <FlatList contentContainerStyle={styles.skills} data={skills} renderItem={Item} />\n);\n\nItem.propTypes = {\n item: PropTypes.shape({\n title: PropTypes.string,\n info: PropTypes.string,\n isExtraSpace: PropTypes.bool\n })\n};\n\nList.propTypes = {\n skills: ListSkillsPropTypes.listSkills\n};\n\n// -----------------------------------------------------------------------------\n\n/*\n title: translations.revision.home.noSkills\n text: translations.revision.home.noSkillsDetails\n image: use web svg\n <ImageBackground source={noSkillsImage} style={styles.noSkillsImage} />\n*/\nconst NoSkills = ({titleNoSkills, textNoSkills}) => (\n <>\n <Text style={styles.subtitle}>{titleNoSkills}</Text>\n <Text style={styles.text}>{textNoSkills}</Text>\n </>\n);\n\nNoSkills.propTypes = NoSkillsPropTypes;\n\n// -----------------------------------------------------------------------------\n\n// title --> translations.revision.home.title\nconst Skills = props => {\n const {title, listSkills} = props;\n\n return (\n <View style={styles.container}>\n <Text style={styles.title}>{title}</Text>\n {!listSkills || listSkills.length === 0 ? (\n <NoSkills />\n ) : (\n <List skills={[...listSkills, {isExtraSpace: true}]} />\n )}\n </View>\n );\n};\n\nSkills.propTypes = SkillsWeb.propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"file":"index.native.js"}
1
+ {"version":3,"sources":["../../../../src/template/app-review/skills/index.native.js"],"names":["React","PropTypes","View","FlatList","Pressable","StyleSheet","Text","NovaCompositionNavigationArrowRight","ArrowRight","propTypes","ListSkillsPropTypes","NoSkillsPropTypes","styles","create","container","flex","padding","title","lineHeight","subtitle","text","fontSize","opacity","noSkillsImage","alignSelf","width","height","skills","skill","display","flexDirection","overflow","alignItems","borderRadius","skillTexts","skillTitle","fontWeight","skillInfo","extraSpace","onSelectSkill","console","log","ExtraSpace","Skill","info","string","Item","item","isExtraSpace","List","shape","bool","listSkills","NoSkills","titleNoSkills","textNoSkills","Skills","props","length"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport {View, FlatList, Pressable, StyleSheet, Text} from 'react-native';\nimport {NovaCompositionNavigationArrowRight as ArrowRight} from '@coorpacademy/nova-icons';\nimport propTypes, {\n ListSkillsPropTypes,\n NoSkillsPropTypes\n} from '../../../organism/review-skills/prop-types';\n\n// import theme from '../../../modules/theme';\n// import translations from '../../../translations';\n// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';\n// import noSkillsImage from '../../../assets/images/revision-no-skills.png';\n// import Touchable from '../../../app-shared/components/touchable';\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n padding: 20\n // paddingTop: HEADER_HEIGHT + 20,\n // backgroundColor: theme.colors.white\n },\n title: {\n // fontSize: theme.fontSize.xlarge,\n // fontWeight: theme.fontWeight.bold,\n lineHeight: 28\n // color: theme.colors.text.primary,\n // marginBottom: theme.spacing.base,\n // marginTop: theme.spacing.small\n },\n subtitle: {\n // fontSize: theme.fontSize.xlarge,\n // color: theme.colors.text.primary,\n // marginBottom: theme.spacing.tiny\n },\n text: {\n fontSize: 16,\n lineHeight: 22,\n // color: theme.colors.text.primary,\n opacity: 0.7\n // marginBottom: theme.spacing.base\n },\n noSkillsImage: {\n flex: 1,\n alignSelf: 'center',\n width: 320,\n height: 300\n },\n skills: {},\n skill: {\n display: 'flex',\n flexDirection: 'row',\n overflow: 'hidden',\n alignItems: 'center',\n height: 118,\n borderRadius: 8\n // backgroundColor: theme.colors.gray.lighter,\n // marginTop: theme.spacing.micro,\n // marginBottom: theme.spacing.micro,\n // padding: theme.spacing.base\n },\n skillTexts: {\n flex: 1,\n flexDirection: 'column'\n },\n skillTitle: {\n fontSize: 18,\n fontWeight: '600',\n lineHeight: 22\n // color: theme.colors.text.primary,\n // marginBottom: theme.spacing.tiny\n },\n skillInfo: {\n fontSize: 12,\n lineHeight: 16\n // color: theme.colors.gray.medium\n },\n extraSpace: {\n height: 100\n }\n});\n\n// -----------------------------------------------------------------------------\n\nconst onSelectSkill = title => () => {\n // eslint-disable-next-line no-console\n console.log('pressed on', {title});\n};\n\nconst ExtraSpace = () => <View style={styles.extraSpace} />;\n\nconst Skill = ({title, info}) => (\n <Pressable style={styles.skill} onPress={onSelectSkill(title)}>\n <View style={styles.skillTexts}>\n <Text style={styles.skillTitle}>{title}</Text>\n <Text style={styles.skillInfo}>{info}</Text>\n </View>\n <ArrowRight color=\"#ededed\" height={20} width={20} />\n </Pressable>\n);\n\nSkill.propTypes = {\n title: PropTypes.string,\n info: PropTypes.string\n};\n\n// -----------------------------------------------------------------------------\n\nconst Item = ({item: {title, info, isExtraSpace = false}}) =>\n isExtraSpace ? <ExtraSpace /> : <Skill title={title} info={info} />;\n\nconst List = ({skills}) => (\n <FlatList contentContainerStyle={styles.skills} data={skills} renderItem={Item} />\n);\n\nItem.propTypes = {\n item: PropTypes.shape({\n title: PropTypes.string,\n info: PropTypes.string,\n isExtraSpace: PropTypes.bool\n })\n};\n\nList.propTypes = {\n skills: ListSkillsPropTypes.listSkills\n};\n\n// -----------------------------------------------------------------------------\n\n/*\n title: translations.revision.home.noSkills\n text: translations.revision.home.noSkillsDetails\n image: use web svg\n <ImageBackground source={noSkillsImage} style={styles.noSkillsImage} />\n*/\nconst NoSkills = ({titleNoSkills, textNoSkills}) => (\n <>\n <Text style={styles.subtitle}>{titleNoSkills}</Text>\n <Text style={styles.text}>{textNoSkills}</Text>\n </>\n);\n\nNoSkills.propTypes = NoSkillsPropTypes;\n\n// -----------------------------------------------------------------------------\n\n// title --> translations.revision.home.title\nconst Skills = props => {\n const {title, listSkills} = props;\n\n return (\n <View style={styles.container}>\n <Text style={styles.title}>{title}</Text>\n {!listSkills || listSkills.length === 0 ? (\n <NoSkills />\n ) : (\n <List skills={[...listSkills, {isExtraSpace: true}]} />\n )}\n </View>\n );\n};\n\nSkills.propTypes = propTypes;\n\n// -----------------------------------------------------------------------------\n\nexport default Skills;\n"],"file":"index.native.js"}