@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.
- package/README.md +1 -1
- package/es/atom/header-back-button/index.native.js +75 -0
- package/es/atom/header-back-button/index.native.js.map +1 -0
- package/es/atom/header-back-icon/index.native.js +27 -0
- package/es/atom/header-back-icon/index.native.js.map +1 -0
- package/es/atom/lottie-wrapper/index.js +2 -24
- package/es/atom/lottie-wrapper/index.js.map +1 -1
- package/es/atom/lottie-wrapper/prop-types.js +26 -0
- package/es/atom/lottie-wrapper/prop-types.js.map +1 -0
- package/es/atom/review-background/index.js +2 -4
- package/es/atom/review-background/index.js.map +1 -1
- package/es/atom/review-background/prop-types.js +5 -0
- package/es/atom/review-background/prop-types.js.map +1 -0
- package/es/atom/review-header-step-item/index.js +2 -6
- package/es/atom/review-header-step-item/index.js.map +1 -1
- package/es/atom/review-header-step-item/prop-types.js +7 -0
- package/es/atom/review-header-step-item/prop-types.js.map +1 -0
- package/es/atom/review-presentation/index.js +2 -15
- package/es/atom/review-presentation/index.js.map +1 -1
- package/es/atom/review-presentation/prop-types.js +18 -0
- package/es/atom/review-presentation/prop-types.js.map +1 -0
- package/es/atom/spinner/index.js +1 -0
- package/es/atom/spinner/index.js.map +1 -1
- package/es/atom/tab/index.js +1 -0
- package/es/atom/tab/index.js.map +1 -1
- package/es/hoc/touchable/index.native.js +69 -0
- package/es/hoc/touchable/index.native.js.map +1 -0
- package/es/molecule/answer/index.js +5 -26
- package/es/molecule/answer/index.js.map +1 -1
- package/es/molecule/answer/prop-types.js +32 -0
- package/es/molecule/answer/prop-types.js.map +1 -0
- package/es/molecule/dashboard/battle-request-list/index.js +3 -5
- package/es/molecule/dashboard/battle-request-list/index.js.map +1 -1
- package/es/molecule/dashboard/news-list/index.js +3 -5
- package/es/molecule/dashboard/news-list/index.js.map +1 -1
- package/es/molecule/dashboard/review-banner/index.js +3 -5
- package/es/molecule/dashboard/review-banner/index.js.map +1 -1
- package/es/molecule/dashboard/start-battle/index.js +3 -5
- package/es/molecule/dashboard/start-battle/index.js.map +1 -1
- package/es/molecule/external-content-viewer/index.js +2 -1
- package/es/molecule/external-content-viewer/index.js.map +1 -1
- package/es/molecule/questions/free-text/index.native.js +87 -0
- package/es/molecule/questions/free-text/index.native.js.map +1 -0
- package/es/molecule/questions/qcm/index.native.js +50 -0
- package/es/molecule/questions/qcm/index.native.js.map +1 -0
- package/es/molecule/review-card-congrats/index.js +2 -13
- package/es/molecule/review-card-congrats/index.js.map +1 -1
- package/es/molecule/review-card-congrats/prop-types.js +15 -0
- package/es/molecule/review-card-congrats/prop-types.js.map +1 -0
- package/es/molecule/review-correction-popin/index.js +2 -20
- package/es/molecule/review-correction-popin/index.js.map +1 -1
- package/es/molecule/review-correction-popin/prop-types.js +21 -0
- package/es/molecule/review-correction-popin/prop-types.js.map +1 -0
- package/es/molecule/review-header-steps/index.js +2 -4
- package/es/molecule/review-header-steps/index.js.map +1 -1
- package/es/molecule/review-header-steps/prop-types.js +6 -0
- package/es/molecule/review-header-steps/prop-types.js.map +1 -0
- package/es/molecule/skill-card/index.js +2 -12
- package/es/molecule/skill-card/index.js.map +1 -1
- package/es/molecule/skill-card/prop-types.js +13 -0
- package/es/molecule/skill-card/prop-types.js.map +1 -0
- package/es/molecule/video-player/index.js +2 -17
- package/es/molecule/video-player/index.js.map +1 -1
- package/es/molecule/video-player/jwplayer-prop-types.js +38 -0
- package/es/molecule/video-player/jwplayer-prop-types.js.map +1 -0
- package/es/molecule/video-player/jwplayer.js +2 -37
- package/es/molecule/video-player/jwplayer.js.map +1 -1
- package/es/molecule/video-player/prop-types.js +53 -0
- package/es/molecule/video-player/prop-types.js.map +1 -0
- package/es/organism/review-congrats/index.js +2 -19
- package/es/organism/review-congrats/index.js.map +1 -1
- package/es/organism/review-congrats/prop-types.js +22 -0
- package/es/organism/review-congrats/prop-types.js.map +1 -0
- package/es/organism/review-header/index.js +2 -10
- package/es/organism/review-header/index.js.map +1 -1
- package/es/organism/review-header/prop-types.js +12 -0
- package/es/organism/review-header/prop-types.js.map +1 -0
- package/es/organism/review-skills/index.js +4 -19
- package/es/organism/review-skills/index.js.map +1 -1
- package/es/organism/review-skills/prop-types.js +19 -0
- package/es/organism/review-skills/prop-types.js.map +1 -0
- package/es/template/app-player/loading/index.js +1 -0
- package/es/template/app-player/loading/index.js.map +1 -1
- package/es/template/app-review/demo-ts/index.js +2 -0
- package/es/template/app-review/demo-ts/index.js.map +1 -1
- package/es/template/app-review/demo-ts/index.native.js +9 -0
- package/es/template/app-review/demo-ts/index.native.js.map +1 -0
- package/es/template/app-review/demo-ts/typings.js +7 -0
- package/es/template/app-review/demo-ts/typings.js.map +1 -0
- package/es/template/app-review/index.js +4 -0
- package/es/template/app-review/index.js.map +1 -1
- package/es/template/app-review/index.native.js +24 -28
- package/es/template/app-review/index.native.js.map +1 -1
- package/es/template/app-review/onboarding/index.native.js +2 -2
- package/es/template/app-review/onboarding/index.native.js.map +1 -1
- package/es/template/app-review/skills/index.native.js +2 -2
- package/es/template/app-review/skills/index.native.js.map +1 -1
- package/es/template/app-review/slides/index.js +4 -5
- package/es/template/app-review/slides/index.js.map +1 -1
- package/es/template/app-review/slides/index.native.js +65 -25
- package/es/template/app-review/slides/index.native.js.map +1 -1
- package/es/template/app-review/slides/prop-types.js +15 -15
- package/es/template/app-review/slides/prop-types.js.map +1 -1
- package/es/template/app-review/template-context.js +36 -0
- package/es/template/app-review/template-context.js.map +1 -0
- package/es/variables/analytics.js +22 -0
- package/es/variables/analytics.js.map +1 -0
- package/es/variables/theme.native.js +65 -0
- package/es/variables/theme.native.js.map +1 -0
- package/es/variables/vibration.js +10 -0
- package/es/variables/vibration.js.map +1 -0
- package/lib/atom/header-back-button/index.native.js +96 -0
- package/lib/atom/header-back-button/index.native.js.map +1 -0
- package/lib/atom/header-back-icon/index.native.js +38 -0
- package/lib/atom/header-back-icon/index.native.js.map +1 -0
- package/lib/atom/lottie-wrapper/index.js +6 -30
- package/lib/atom/lottie-wrapper/index.js.map +1 -1
- package/lib/atom/lottie-wrapper/prop-types.js +37 -0
- package/lib/atom/lottie-wrapper/prop-types.js.map +1 -0
- package/lib/atom/review-background/index.js +3 -5
- package/lib/atom/review-background/index.js.map +1 -1
- package/lib/atom/review-background/prop-types.js +14 -0
- package/lib/atom/review-background/prop-types.js.map +1 -0
- package/lib/atom/review-header-step-item/index.js +3 -7
- package/lib/atom/review-header-step-item/index.js.map +1 -1
- package/lib/atom/review-header-step-item/prop-types.js +16 -0
- package/lib/atom/review-header-step-item/prop-types.js.map +1 -0
- package/lib/atom/review-presentation/index.js +3 -15
- package/lib/atom/review-presentation/index.js.map +1 -1
- package/lib/atom/review-presentation/prop-types.js +28 -0
- package/lib/atom/review-presentation/prop-types.js.map +1 -0
- package/lib/atom/spinner/index.js +1 -0
- package/lib/atom/spinner/index.js.map +1 -1
- package/lib/atom/tab/index.js +1 -0
- package/lib/atom/tab/index.js.map +1 -1
- package/lib/hoc/touchable/index.native.js +83 -0
- package/lib/hoc/touchable/index.native.js.map +1 -0
- package/lib/molecule/answer/index.js +14 -35
- package/lib/molecule/answer/index.js.map +1 -1
- package/lib/molecule/answer/prop-types.js +49 -0
- package/lib/molecule/answer/prop-types.js.map +1 -0
- package/lib/molecule/dashboard/battle-request-list/index.js +3 -5
- package/lib/molecule/dashboard/battle-request-list/index.js.map +1 -1
- package/lib/molecule/dashboard/news-list/index.js +3 -5
- package/lib/molecule/dashboard/news-list/index.js.map +1 -1
- package/lib/molecule/dashboard/review-banner/index.js +3 -5
- package/lib/molecule/dashboard/review-banner/index.js.map +1 -1
- package/lib/molecule/dashboard/start-battle/index.js +3 -5
- package/lib/molecule/dashboard/start-battle/index.js.map +1 -1
- package/lib/molecule/external-content-viewer/index.js +2 -1
- package/lib/molecule/external-content-viewer/index.js.map +1 -1
- package/lib/molecule/questions/free-text/index.native.js +100 -0
- package/lib/molecule/questions/free-text/index.native.js.map +1 -0
- package/lib/molecule/questions/qcm/index.native.js +62 -0
- package/lib/molecule/questions/qcm/index.native.js.map +1 -0
- package/lib/molecule/review-card-congrats/index.js +3 -14
- package/lib/molecule/review-card-congrats/index.js.map +1 -1
- package/lib/molecule/review-card-congrats/prop-types.js +25 -0
- package/lib/molecule/review-card-congrats/prop-types.js.map +1 -0
- package/lib/molecule/review-correction-popin/index.js +3 -21
- package/lib/molecule/review-correction-popin/index.js.map +1 -1
- package/lib/molecule/review-correction-popin/prop-types.js +30 -0
- package/lib/molecule/review-correction-popin/prop-types.js.map +1 -0
- package/lib/molecule/review-header-steps/index.js +3 -5
- package/lib/molecule/review-header-steps/index.js.map +1 -1
- package/lib/molecule/review-header-steps/prop-types.js +16 -0
- package/lib/molecule/review-header-steps/prop-types.js.map +1 -0
- package/lib/molecule/skill-card/index.js +3 -13
- package/lib/molecule/skill-card/index.js.map +1 -1
- package/lib/molecule/skill-card/prop-types.js +22 -0
- package/lib/molecule/skill-card/prop-types.js.map +1 -0
- package/lib/molecule/video-player/index.js +3 -19
- package/lib/molecule/video-player/index.js.map +1 -1
- package/lib/molecule/video-player/jwplayer-prop-types.js +48 -0
- package/lib/molecule/video-player/jwplayer-prop-types.js.map +1 -0
- package/lib/molecule/video-player/jwplayer.js +3 -39
- package/lib/molecule/video-player/jwplayer.js.map +1 -1
- package/lib/molecule/video-player/prop-types.js +64 -0
- package/lib/molecule/video-player/prop-types.js.map +1 -0
- package/lib/organism/review-congrats/index.js +3 -20
- package/lib/organism/review-congrats/index.js.map +1 -1
- package/lib/organism/review-congrats/prop-types.js +33 -0
- package/lib/organism/review-congrats/prop-types.js.map +1 -0
- package/lib/organism/review-header/index.js +3 -11
- package/lib/organism/review-header/index.js.map +1 -1
- package/lib/organism/review-header/prop-types.js +22 -0
- package/lib/organism/review-header/prop-types.js.map +1 -0
- package/lib/organism/review-skills/index.js +10 -23
- package/lib/organism/review-skills/index.js.map +1 -1
- package/lib/organism/review-skills/prop-types.js +33 -0
- package/lib/organism/review-skills/prop-types.js.map +1 -0
- package/lib/template/app-player/loading/index.js +1 -0
- package/lib/template/app-player/loading/index.js.map +1 -1
- package/lib/template/app-review/demo-ts/index.js +3 -0
- package/lib/template/app-review/demo-ts/index.js.map +1 -1
- package/lib/template/app-review/demo-ts/index.native.js +18 -0
- package/lib/template/app-review/demo-ts/index.native.js.map +1 -0
- package/lib/template/app-review/demo-ts/typings.js +16 -0
- package/lib/template/app-review/demo-ts/typings.js.map +1 -0
- package/lib/template/app-review/index.js +5 -0
- package/lib/template/app-review/index.js.map +1 -1
- package/lib/template/app-review/index.native.js +25 -26
- package/lib/template/app-review/index.native.js.map +1 -1
- package/lib/template/app-review/onboarding/index.native.js +2 -2
- package/lib/template/app-review/onboarding/index.native.js.map +1 -1
- package/lib/template/app-review/skills/index.native.js +4 -4
- package/lib/template/app-review/skills/index.native.js.map +1 -1
- package/lib/template/app-review/slides/index.js +4 -5
- package/lib/template/app-review/slides/index.js.map +1 -1
- package/lib/template/app-review/slides/index.native.js +76 -38
- package/lib/template/app-review/slides/index.native.js.map +1 -1
- package/lib/template/app-review/slides/prop-types.js +16 -16
- package/lib/template/app-review/slides/prop-types.js.map +1 -1
- package/lib/template/app-review/template-context.js +50 -0
- package/lib/template/app-review/template-context.js.map +1 -0
- package/lib/variables/analytics.js +27 -0
- package/lib/variables/analytics.js.map +1 -0
- package/lib/variables/theme.native.js +70 -0
- package/lib/variables/theme.native.js.map +1 -0
- package/lib/variables/vibration.js +15 -0
- package/lib/variables/vibration.js.map +1 -0
- package/package.json +6 -2
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import AtomLottieWrapperPropTypes from '../../atom/lottie-wrapper/prop-types';
|
|
3
|
+
export default {
|
|
4
|
+
'aria-label': PropTypes.string,
|
|
5
|
+
'data-name': PropTypes.string,
|
|
6
|
+
animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),
|
|
7
|
+
cardType: PropTypes.string,
|
|
8
|
+
iconAriaLabel: PropTypes.string,
|
|
9
|
+
className: PropTypes.string,
|
|
10
|
+
reviewCardTitle: PropTypes.string,
|
|
11
|
+
reviewCardValue: PropTypes.string,
|
|
12
|
+
rankSuffix: PropTypes.string,
|
|
13
|
+
timerAnimation: PropTypes.number
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=prop-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/review-card-congrats/prop-types.js"],"names":["PropTypes","AtomLottieWrapperPropTypes","string","animationLottie","shape","cardType","iconAriaLabel","className","reviewCardTitle","reviewCardValue","rankSuffix","timerAnimation","number"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,OAAOC,0BAAP,MAAuC,sCAAvC;AAEA,eAAe;AACb,gBAAcD,SAAS,CAACE,MADX;AAEb,eAAaF,SAAS,CAACE,MAFV;AAGbC,EAAAA,eAAe,EAAEH,SAAS,CAACI,KAAV,CAAgBH,0BAAhB,CAHJ;AAIbI,EAAAA,QAAQ,EAAEL,SAAS,CAACE,MAJP;AAKbI,EAAAA,aAAa,EAAEN,SAAS,CAACE,MALZ;AAMbK,EAAAA,SAAS,EAAEP,SAAS,CAACE,MANR;AAObM,EAAAA,eAAe,EAAER,SAAS,CAACE,MAPd;AAQbO,EAAAA,eAAe,EAAET,SAAS,CAACE,MARd;AASbQ,EAAAA,UAAU,EAAEV,SAAS,CAACE,MATT;AAUbS,EAAAA,cAAc,EAAEX,SAAS,CAACY;AAVb,CAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport AtomLottieWrapperPropTypes from '../../atom/lottie-wrapper/prop-types';\n\nexport default {\n 'aria-label': PropTypes.string,\n 'data-name': PropTypes.string,\n animationLottie: PropTypes.shape(AtomLottieWrapperPropTypes),\n cardType: PropTypes.string,\n iconAriaLabel: PropTypes.string,\n className: PropTypes.string,\n reviewCardTitle: PropTypes.string,\n reviewCardValue: PropTypes.string,\n rankSuffix: PropTypes.string,\n timerAnimation: PropTypes.number\n};\n"],"file":"prop-types.js"}
|
|
@@ -2,10 +2,10 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
|
-
import PropTypes from 'prop-types';
|
|
6
5
|
import { NovaCompositionCoorpacademyCheck as RightIcon, NovaSolidStatusClose as WrongIcon } from '@coorpacademy/nova-icons';
|
|
7
6
|
import ButtonLink from '../../atom/button-link';
|
|
8
7
|
import style from './style.css';
|
|
8
|
+
import propTypes from './prop-types';
|
|
9
9
|
|
|
10
10
|
const buildKlfButton = klf => {
|
|
11
11
|
const klfButtonProps = _extends(_extends({}, klf), {}, {
|
|
@@ -85,24 +85,6 @@ const ReviewCorrectionPopin = props => {
|
|
|
85
85
|
}))))));
|
|
86
86
|
};
|
|
87
87
|
|
|
88
|
-
ReviewCorrectionPopin.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
89
|
-
type: PropTypes.oneOf(['right', 'wrong']),
|
|
90
|
-
resultLabel: PropTypes.string,
|
|
91
|
-
information: PropTypes.shape({
|
|
92
|
-
label: PropTypes.string,
|
|
93
|
-
message: PropTypes.string
|
|
94
|
-
}),
|
|
95
|
-
next: PropTypes.shape({
|
|
96
|
-
label: PropTypes.string,
|
|
97
|
-
onClick: PropTypes.func,
|
|
98
|
-
'data-name': PropTypes.string,
|
|
99
|
-
'aria-label': PropTypes.string
|
|
100
|
-
}),
|
|
101
|
-
klf: PropTypes.shape({
|
|
102
|
-
label: PropTypes.string,
|
|
103
|
-
onClick: PropTypes.func,
|
|
104
|
-
tooltip: PropTypes.string
|
|
105
|
-
})
|
|
106
|
-
} : {};
|
|
88
|
+
ReviewCorrectionPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
107
89
|
export default ReviewCorrectionPopin;
|
|
108
90
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/review-correction-popin/index.js"],"names":["React","classnames","
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/review-correction-popin/index.js"],"names":["React","classnames","NovaCompositionCoorpacademyCheck","RightIcon","NovaSolidStatusClose","WrongIcon","ButtonLink","style","propTypes","buildKlfButton","klf","klfButtonProps","icon","position","type","klfContainer","klfButtonContainer","klfButton","toolTip","tooltipText","tooltip","ReviewCorrectionPopin","props","information","resultLabel","next","nextQuestionButtonProps","cta","ICONS","right","wrong","Icon","wrapper","popin","correctionSection","iconCircle","iconRight","iconWrong","feedbackSection","labelContainer","label","message","actions","actionsWrong","nextQuestionContainer","nextQuestionButton"],"mappings":"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","sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {\n NovaCompositionCoorpacademyCheck as RightIcon,\n NovaSolidStatusClose as WrongIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst buildKlfButton = klf => {\n const klfButtonProps = {\n ...klf,\n icon: {\n position: 'left',\n type: 'key'\n },\n type: 'primary'\n };\n\n return (\n <div className={style.klfContainer}>\n <div className={style.klfButtonContainer}>\n <ButtonLink {...klfButtonProps} className={style.klfButton} />\n </div>\n <div className={style.toolTip}>\n <div className={style.tooltipText}>{klf.tooltip}</div>\n </div>\n </div>\n );\n};\n\nconst ReviewCorrectionPopin = props => {\n const {information, resultLabel, type, klf, next} = props;\n\n const nextQuestionButtonProps = {\n ...next,\n type: 'primary'\n };\n\n const cta = type === 'wrong' ? buildKlfButton(klf) : null;\n\n const ICONS = {\n right: RightIcon,\n wrong: WrongIcon\n };\n const Icon = ICONS[type];\n\n return (\n <div className={style.wrapper}>\n <div className={classnames(style.popin, type === 'right' ? style.right : style.wrong)}>\n <div className={style.correctionSection}>\n <div className={style.iconCircle}>\n <Icon className={type === 'right' ? style.iconRight : style.iconWrong} />\n </div>\n <div className={style.resultLabel} aria-label=\"result\">\n <span aria-label={resultLabel}>{resultLabel}</span>\n </div>\n </div>\n <div className={style.feedbackSection}>\n <div className={style.information} aria-label=\"answer-information\">\n <div className={style.labelContainer}>\n <span className={style.label} aria-label={information.label}>\n {information.label}\n </span>\n </div>\n <span className={style.message} aria-label={information.message}>\n {information.message}\n </span>\n </div>\n </div>\n <div className={type === 'right' ? style.actions : style.actionsWrong}>\n {cta}\n <div className={style.nextQuestionContainer}>\n <ButtonLink {...nextQuestionButtonProps} className={style.nextQuestionButton} />\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nReviewCorrectionPopin.propTypes = propTypes;\n\nexport default ReviewCorrectionPopin;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
export default {
|
|
3
|
+
type: PropTypes.oneOf(['right', 'wrong']),
|
|
4
|
+
resultLabel: PropTypes.string,
|
|
5
|
+
information: PropTypes.shape({
|
|
6
|
+
label: PropTypes.string,
|
|
7
|
+
message: PropTypes.string
|
|
8
|
+
}),
|
|
9
|
+
next: PropTypes.shape({
|
|
10
|
+
label: PropTypes.string,
|
|
11
|
+
onClick: PropTypes.func,
|
|
12
|
+
'data-name': PropTypes.string,
|
|
13
|
+
'aria-label': PropTypes.string
|
|
14
|
+
}),
|
|
15
|
+
klf: PropTypes.shape({
|
|
16
|
+
label: PropTypes.string,
|
|
17
|
+
onClick: PropTypes.func,
|
|
18
|
+
tooltip: PropTypes.string
|
|
19
|
+
})
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=prop-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/review-correction-popin/prop-types.js"],"names":["PropTypes","type","oneOf","resultLabel","string","information","shape","label","message","next","onClick","func","klf","tooltip"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,eAAe;AACbC,EAAAA,IAAI,EAAED,SAAS,CAACE,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADO;AAEbC,EAAAA,WAAW,EAAEH,SAAS,CAACI,MAFV;AAGbC,EAAAA,WAAW,EAAEL,SAAS,CAACM,KAAV,CAAgB;AAC3BC,IAAAA,KAAK,EAAEP,SAAS,CAACI,MADU;AAE3BI,IAAAA,OAAO,EAAER,SAAS,CAACI;AAFQ,GAAhB,CAHA;AAObK,EAAAA,IAAI,EAAET,SAAS,CAACM,KAAV,CAAgB;AACpBC,IAAAA,KAAK,EAAEP,SAAS,CAACI,MADG;AAEpBM,IAAAA,OAAO,EAAEV,SAAS,CAACW,IAFC;AAGpB,iBAAaX,SAAS,CAACI,MAHH;AAIpB,kBAAcJ,SAAS,CAACI;AAJJ,GAAhB,CAPO;AAabQ,EAAAA,GAAG,EAAEZ,SAAS,CAACM,KAAV,CAAgB;AACnBC,IAAAA,KAAK,EAAEP,SAAS,CAACI,MADE;AAEnBM,IAAAA,OAAO,EAAEV,SAAS,CAACW,IAFA;AAGnBE,IAAAA,OAAO,EAAEb,SAAS,CAACI;AAHA,GAAhB;AAbQ,CAAf","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n type: PropTypes.oneOf(['right', 'wrong']),\n resultLabel: PropTypes.string,\n information: PropTypes.shape({\n label: PropTypes.string,\n message: PropTypes.string\n }),\n next: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n 'data-name': PropTypes.string,\n 'aria-label': PropTypes.string\n }),\n klf: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n tooltip: PropTypes.string\n })\n};\n"],"file":"prop-types.js"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
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
2
|
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
4
|
import map from 'lodash/fp/map';
|
|
6
5
|
import ReviewHeaderStepItem from '../../atom/review-header-step-item';
|
|
7
6
|
import style from './style.css';
|
|
7
|
+
import propTypes from './prop-types';
|
|
8
8
|
|
|
9
9
|
const ReviewHeaderSteps = props => {
|
|
10
10
|
const {
|
|
@@ -21,8 +21,6 @@ const ReviewHeaderSteps = props => {
|
|
|
21
21
|
}, items);
|
|
22
22
|
};
|
|
23
23
|
|
|
24
|
-
ReviewHeaderSteps.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
25
|
-
steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItem.props))
|
|
26
|
-
} : {};
|
|
24
|
+
ReviewHeaderSteps.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
27
25
|
export default ReviewHeaderSteps;
|
|
28
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/review-header-steps/index.js"],"names":["React","
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/review-header-steps/index.js"],"names":["React","map","ReviewHeaderStepItem","style","propTypes","ReviewHeaderSteps","props","steps","items","convert","cap","step","index","wrapper"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,oBAAP,MAAiC,oCAAjC;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,iBAAiB,GAAGC,KAAK,IAAI;AACjC,QAAM;AAACC,IAAAA;AAAD,MAAUD,KAAhB;AAEA,QAAME,KAAK,GAAGP,GAAG,CAACQ,OAAJ,CAAY;AAACC,IAAAA,GAAG,EAAE;AAAN,GAAZ,EACZ,CAACC,IAAD,EAAOC,KAAP,kBAAiB,oBAAC,oBAAD,eAA0BD,IAA1B;AAAgC,IAAA,GAAG,EAAEC;AAArC,KADL,EAEZL,KAFY,CAAd;AAKA,sBACE;AAAK,IAAA,SAAS,EAAEJ,KAAK,CAACU,OAAtB;AAA+B,iBAAU;AAAzC,KACGL,KADH,CADF;AAKD,CAbD;;AAeAH,iBAAiB,CAACD,SAAlB,2CAA8BA,SAA9B;AAEA,eAAeC,iBAAf","sourcesContent":["import React from 'react';\nimport map from 'lodash/fp/map';\nimport ReviewHeaderStepItem from '../../atom/review-header-step-item';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst ReviewHeaderSteps = props => {\n const {steps} = props;\n\n const items = map.convert({cap: false})(\n (step, index) => <ReviewHeaderStepItem {...step} key={index} />,\n steps\n );\n\n return (\n <div className={style.wrapper} data-name=\"header-steps\">\n {items}\n </div>\n );\n};\n\nReviewHeaderSteps.propTypes = propTypes;\n\nexport default ReviewHeaderSteps;\n"],"file":"index.js"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/review-header-steps/prop-types.js"],"names":["PropTypes","ReviewHeaderStepItemPropTypes","steps","arrayOf","shape"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAOC,6BAAP,MAA0C,+CAA1C;AAEA,eAAe;AACbC,EAAAA,KAAK,EAAEF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACI,KAAV,CAAgBH,6BAAhB,CAAlB;AADM,CAAf","sourcesContent":["import PropTypes from 'prop-types';\n\nimport ReviewHeaderStepItemPropTypes from '../../atom/review-header-step-item/prop-types';\n\nexport default {\n steps: PropTypes.arrayOf(PropTypes.shape(ReviewHeaderStepItemPropTypes))\n};\n"],"file":"prop-types.js"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { useCallback, useState, useMemo } from 'react';
|
|
2
2
|
import { convert } from 'css-color-function';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
3
|
import { NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon } from '@coorpacademy/nova-icons';
|
|
5
4
|
import getOr from 'lodash/fp/getOr';
|
|
6
5
|
import ButtonLink from '../../atom/button-link';
|
|
7
6
|
import style from './style.css';
|
|
7
|
+
import propTypes from './prop-types';
|
|
8
8
|
|
|
9
9
|
const getGradientBackground = baseColor => {
|
|
10
10
|
const gradients = [convert(`color(${baseColor} lightness(30%))`), convert(`color(${baseColor} lightness(47%))`), convert(`color(${baseColor} lightness(55%))`)];
|
|
@@ -72,16 +72,6 @@ const SkillCard = (props, context) => {
|
|
|
72
72
|
}, /*#__PURE__*/React.createElement(ButtonLink, buttonProps))));
|
|
73
73
|
};
|
|
74
74
|
|
|
75
|
-
SkillCard.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
76
|
-
'aria-label': PropTypes.string.isRequired,
|
|
77
|
-
skillTitle: PropTypes.string,
|
|
78
|
-
skillAriaLabel: PropTypes.string,
|
|
79
|
-
buttonLabel: PropTypes.string,
|
|
80
|
-
buttonAriaLabel: PropTypes.string,
|
|
81
|
-
reviseLabel: PropTypes.string,
|
|
82
|
-
reviseAriaLabel: PropTypes.string,
|
|
83
|
-
isCustom: PropTypes.bool,
|
|
84
|
-
onClick: PropTypes.func
|
|
85
|
-
} : {};
|
|
75
|
+
SkillCard.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
86
76
|
export default SkillCard;
|
|
87
77
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/skill-card/index.js"],"names":["React","useCallback","useState","useMemo","convert","
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/skill-card/index.js"],"names":["React","useCallback","useState","useMemo","convert","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionIcon","getOr","ButtonLink","style","propTypes","getGradientBackground","baseColor","gradients","SkillCard","props","context","ariaLabel","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","onClick","isCustom","skin","hovered","setHovered","primarySkinColor","handleMouseOver","handleMouseLeave","buttonProps","customStyle","backgroundColor","color","transition","label","titleBackgroundColor","titleBackground","skillCardWrapper","background","questionReviseText","questionReviseIcon","buttonWrapper"],"mappings":"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","sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {convert} from 'css-color-function';\nimport {NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionIcon} from '@coorpacademy/nova-icons';\nimport getOr from 'lodash/fp/getOr';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst getGradientBackground = baseColor => {\n const gradients = [\n convert(`color(${baseColor} lightness(30%))`),\n convert(`color(${baseColor} lightness(47%))`),\n convert(`color(${baseColor} lightness(55%))`)\n ];\n\n return `radial-gradient(62.12% 56.45% at 0% 77.29%, ${gradients[0]} 0%, ${convert(\n `color(${gradients[0]} a(0))`\n )} 100%), radial-gradient(113.85% 103.46% at 93.27% 7.88%, ${gradients[1]} 0%, ${convert(\n `color(${gradients[1]} a(0))`\n )} 100%), radial-gradient(49.66% 49.63% at 78.65% 86.26%, ${gradients[2]} 0%, ${convert(\n `color(${gradients[2]} a(0))`\n )} 100%), ${baseColor}`;\n};\n\nconst SkillCard = (props, context) => {\n const {\n 'aria-label': ariaLabel,\n skillTitle,\n skillAriaLabel,\n buttonLabel,\n buttonAriaLabel,\n reviseLabel,\n reviseAriaLabel,\n onClick,\n isCustom = false\n } = props;\n const {skin} = context;\n const [hovered, setHovered] = useState(false);\n const primarySkinColor = getOr('#00B0FF', 'common.primary', skin);\n\n const handleMouseOver = useCallback(() => setHovered(true), [setHovered]);\n\n const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n const buttonProps = {\n customStyle: {\n backgroundColor: hovered ? primarySkinColor : convert(`color(${primarySkinColor} a(0.07))`),\n color: hovered ? '#FFFFFF' : primarySkinColor,\n transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n },\n onClick,\n 'aria-label': buttonAriaLabel,\n label: buttonLabel,\n 'data-name': 'skill-card-button'\n };\n\n const titleBackgroundColor = useMemo(() => (isCustom ? '#128C72' : primarySkinColor), [\n isCustom,\n primarySkinColor\n ]);\n\n const titleBackground = useMemo(() => getGradientBackground(titleBackgroundColor), [\n titleBackgroundColor\n ]);\n\n return (\n <div className={style.skillCardWrapper} data-name=\"skill-card-wrapper\" aria-label={ariaLabel}>\n <div\n data-name=\"skill-title\"\n className={style.skillTitle}\n aria-label={skillAriaLabel || skillTitle}\n style={{\n background: titleBackground\n }}\n >\n {skillTitle}\n </div>\n <div data-name=\"card-content-wrapper\">\n <div\n className={style.questionReviseText}\n data-name=\"questions-to-revise-label\"\n aria-label={reviseAriaLabel || reviseLabel}\n >\n <QuestionIcon className={style.questionReviseIcon} width={16} height={16} />\n {reviseLabel}\n </div>\n <div\n className={style.buttonWrapper}\n onMouseOver={handleMouseOver}\n onMouseLeave={handleMouseLeave}\n data-name=\"button-wrapper\"\n >\n <ButtonLink {...buttonProps} />\n </div>\n </div>\n </div>\n );\n};\n\nSkillCard.propTypes = propTypes;\n\nexport default SkillCard;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
export default {
|
|
3
|
+
'aria-label': PropTypes.string,
|
|
4
|
+
skillTitle: PropTypes.string,
|
|
5
|
+
skillAriaLabel: PropTypes.string,
|
|
6
|
+
buttonLabel: PropTypes.string,
|
|
7
|
+
buttonAriaLabel: PropTypes.string,
|
|
8
|
+
reviseLabel: PropTypes.string,
|
|
9
|
+
reviseAriaLabel: PropTypes.string,
|
|
10
|
+
isCustom: PropTypes.bool,
|
|
11
|
+
onClick: PropTypes.func
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=prop-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/skill-card/prop-types.js"],"names":["PropTypes","string","skillTitle","skillAriaLabel","buttonLabel","buttonAriaLabel","reviseLabel","reviseAriaLabel","isCustom","bool","onClick","func"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,eAAe;AACb,gBAAcA,SAAS,CAACC,MADX;AAEbC,EAAAA,UAAU,EAAEF,SAAS,CAACC,MAFT;AAGbE,EAAAA,cAAc,EAAEH,SAAS,CAACC,MAHb;AAIbG,EAAAA,WAAW,EAAEJ,SAAS,CAACC,MAJV;AAKbI,EAAAA,eAAe,EAAEL,SAAS,CAACC,MALd;AAMbK,EAAAA,WAAW,EAAEN,SAAS,CAACC,MANV;AAObM,EAAAA,eAAe,EAAEP,SAAS,CAACC,MAPd;AAQbO,EAAAA,QAAQ,EAAER,SAAS,CAACS,IARP;AASbC,EAAAA,OAAO,EAAEV,SAAS,CAACW;AATN,CAAf","sourcesContent":["import PropTypes from 'prop-types';\n\nexport default {\n 'aria-label': PropTypes.string,\n skillTitle: PropTypes.string,\n skillAriaLabel: PropTypes.string,\n buttonLabel: PropTypes.string,\n buttonAriaLabel: PropTypes.string,\n reviseLabel: PropTypes.string,\n reviseAriaLabel: PropTypes.string,\n isCustom: PropTypes.bool,\n onClick: PropTypes.func\n};\n"],"file":"prop-types.js"}
|
|
@@ -5,12 +5,11 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
|
5
5
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
6
|
|
|
7
7
|
import React from 'react';
|
|
8
|
-
import PropTypes from 'prop-types';
|
|
9
|
-
import { SrcPropType } from '../../util/proptypes';
|
|
10
8
|
import VideoIframe from '../video-iframe';
|
|
11
9
|
import JWPlayer from './jwplayer';
|
|
12
10
|
import Vimeo from './vimeo';
|
|
13
11
|
import style from './style.css';
|
|
12
|
+
import propTypes from './prop-types';
|
|
14
13
|
|
|
15
14
|
class VideoPlayer extends React.Component {
|
|
16
15
|
static getDerivedStateFromProps(props, state) {
|
|
@@ -122,20 +121,6 @@ class VideoPlayer extends React.Component {
|
|
|
122
121
|
|
|
123
122
|
}
|
|
124
123
|
|
|
125
|
-
VideoPlayer.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
126
|
-
id: PropTypes.string,
|
|
127
|
-
width: PropTypes.string,
|
|
128
|
-
height: PropTypes.string,
|
|
129
|
-
url: SrcPropType,
|
|
130
|
-
onPlay: PropTypes.func,
|
|
131
|
-
onResume: PropTypes.func,
|
|
132
|
-
onPause: PropTypes.func,
|
|
133
|
-
onEnded: PropTypes.func,
|
|
134
|
-
onError: PropTypes.func,
|
|
135
|
-
autoplay: PropTypes.bool,
|
|
136
|
-
disableAutostart: PropTypes.bool,
|
|
137
|
-
jwpOptions: JWPlayer.propTypes.jwpOptions,
|
|
138
|
-
mimeType: PropTypes.oneOf(['application/kontiki', 'application/uptale', 'application/vimeo', 'application/youtube', 'application/jwplayer', 'application/omniPlayer', 'application/h5p', 'video/mp4']).isRequired
|
|
139
|
-
} : {};
|
|
124
|
+
VideoPlayer.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
140
125
|
export default VideoPlayer;
|
|
141
126
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["React","
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/video-player/index.js"],"names":["React","VideoIframe","JWPlayer","Vimeo","style","propTypes","VideoPlayer","Component","getDerivedStateFromProps","props","state","id","played","constructor","e","onResume","onPlay","setState","mimeType","url","onPause","onEnded","width","height","wrapper","handleOnPlay","split","disableAutostart","jwpOptions","otherProps","render","renderPlayer"],"mappings":"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","sourcesContent":["import React from 'react';\nimport VideoIframe from '../video-iframe';\nimport JWPlayer from './jwplayer';\nimport Vimeo from './vimeo';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nclass VideoPlayer extends React.Component {\n static propTypes = propTypes;\n\n static getDerivedStateFromProps(props, state) {\n if (props.id === state.id) return null;\n\n return {\n id: props.id,\n played: false\n };\n }\n\n constructor(props) {\n super(props);\n this.state = {\n played: false,\n id: props.id\n };\n }\n\n handleOnPlay = e => {\n const {played} = this.state;\n const {onResume, onPlay} = this.props;\n if (played) {\n if (onResume) onResume(e);\n } else if (onPlay) onPlay(e);\n this.setState({\n played: true\n });\n };\n\n renderPlayer = () => {\n const {mimeType, id, url, onPause, onEnded, width = '100%', height = '343px'} = this.props;\n switch (mimeType) {\n case 'application/vimeo':\n return (\n <Vimeo\n {...this.props}\n key={id}\n width={width}\n height={height}\n video={id}\n className={style.wrapper}\n onPlay={this.handleOnPlay}\n />\n );\n case 'application/youtube':\n case 'application/uptale':\n case 'application/h5p':\n case 'application/omniPlayer':\n return (\n <VideoIframe\n key={id}\n type={mimeType.split('application/')[1]}\n id={id}\n url={url}\n width={width}\n height={height}\n frameBorder={0}\n allowFullScreen\n onPlay={this.handleOnPlay}\n onPause={onPause}\n onEnded={onEnded}\n />\n );\n case 'application/kontiki':\n case 'application/jwplayer':\n case 'video/mp4': {\n const {disableAutostart, jwpOptions, ...otherProps} = this.props;\n\n return (\n <JWPlayer\n {...otherProps}\n disableAutostart={disableAutostart}\n jwpOptions={jwpOptions}\n onPlay={this.handleOnPlay}\n key={id}\n />\n );\n }\n }\n };\n\n render() {\n const {id} = this.props;\n return (\n <div data-name=\"video-player\" className={style.wrapper} key={id}>\n {this.renderPlayer()}\n </div>\n );\n }\n}\n\nexport default VideoPlayer;\n"],"file":"index.js"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { SrcPropType } from '../../util/proptypes';
|
|
3
|
+
export default {
|
|
4
|
+
mimeType: PropTypes.string,
|
|
5
|
+
scriptErrorMessage: PropTypes.string,
|
|
6
|
+
disableAutostart: PropTypes.bool,
|
|
7
|
+
// https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference
|
|
8
|
+
jwpOptions: PropTypes.shape({
|
|
9
|
+
file: SrcPropType,
|
|
10
|
+
customProps: PropTypes.shape({
|
|
11
|
+
aspectratio: PropTypes.string,
|
|
12
|
+
tracks: PropTypes.arrayOf(PropTypes.shape({
|
|
13
|
+
file: SrcPropType,
|
|
14
|
+
label: PropTypes.string,
|
|
15
|
+
kind: PropTypes.string,
|
|
16
|
+
default: PropTypes.boolean
|
|
17
|
+
})),
|
|
18
|
+
autostart: PropTypes.oneOf(['true', 'viewable', 'false']),
|
|
19
|
+
width: PropTypes.string,
|
|
20
|
+
skin: PropTypes.shape({
|
|
21
|
+
name: PropTypes.string
|
|
22
|
+
})
|
|
23
|
+
}),
|
|
24
|
+
licenseKey: PropTypes.string.isRequired,
|
|
25
|
+
playerScript: SrcPropType.isRequired,
|
|
26
|
+
playerId: PropTypes.string.isRequired
|
|
27
|
+
}),
|
|
28
|
+
onPlay: PropTypes.func,
|
|
29
|
+
onResume: PropTypes.func,
|
|
30
|
+
onPause: PropTypes.func,
|
|
31
|
+
onEnded: PropTypes.func,
|
|
32
|
+
onError: PropTypes.func,
|
|
33
|
+
onPlayAttemptFailed: PropTypes.func,
|
|
34
|
+
onAutostartNotAllowed: PropTypes.func,
|
|
35
|
+
onSetupError: PropTypes.func,
|
|
36
|
+
onWarning: PropTypes.func
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=jwplayer-prop-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/video-player/jwplayer-prop-types.js"],"names":["PropTypes","SrcPropType","mimeType","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","customProps","aspectratio","tracks","arrayOf","label","kind","default","boolean","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AACA,SAAQC,WAAR,QAA0B,sBAA1B;AAEA,eAAe;AACbC,EAAAA,QAAQ,EAAEF,SAAS,CAACG,MADP;AAEbC,EAAAA,kBAAkB,EAAEJ,SAAS,CAACG,MAFjB;AAGbE,EAAAA,gBAAgB,EAAEL,SAAS,CAACM,IAHf;AAIb;AACAC,EAAAA,UAAU,EAAEP,SAAS,CAACQ,KAAV,CAAgB;AAC1BC,IAAAA,IAAI,EAAER,WADoB;AAE1BS,IAAAA,WAAW,EAAEV,SAAS,CAACQ,KAAV,CAAgB;AAC3BG,MAAAA,WAAW,EAAEX,SAAS,CAACG,MADI;AAE3BS,MAAAA,MAAM,EAAEZ,SAAS,CAACa,OAAV,CACNb,SAAS,CAACQ,KAAV,CAAgB;AACdC,QAAAA,IAAI,EAAER,WADQ;AAEda,QAAAA,KAAK,EAAEd,SAAS,CAACG,MAFH;AAGdY,QAAAA,IAAI,EAAEf,SAAS,CAACG,MAHF;AAIda,QAAAA,OAAO,EAAEhB,SAAS,CAACiB;AAJL,OAAhB,CADM,CAFmB;AAU3BC,MAAAA,SAAS,EAAElB,SAAS,CAACmB,KAAV,CAAgB,CAAC,MAAD,EAAS,UAAT,EAAqB,OAArB,CAAhB,CAVgB;AAW3BC,MAAAA,KAAK,EAAEpB,SAAS,CAACG,MAXU;AAY3BkB,MAAAA,IAAI,EAAErB,SAAS,CAACQ,KAAV,CAAgB;AACpBc,QAAAA,IAAI,EAAEtB,SAAS,CAACG;AADI,OAAhB;AAZqB,KAAhB,CAFa;AAkB1BoB,IAAAA,UAAU,EAAEvB,SAAS,CAACG,MAAV,CAAiBqB,UAlBH;AAmB1BC,IAAAA,YAAY,EAAExB,WAAW,CAACuB,UAnBA;AAoB1BE,IAAAA,QAAQ,EAAE1B,SAAS,CAACG,MAAV,CAAiBqB;AApBD,GAAhB,CALC;AA2BbG,EAAAA,MAAM,EAAE3B,SAAS,CAAC4B,IA3BL;AA4BbC,EAAAA,QAAQ,EAAE7B,SAAS,CAAC4B,IA5BP;AA6BbE,EAAAA,OAAO,EAAE9B,SAAS,CAAC4B,IA7BN;AA8BbG,EAAAA,OAAO,EAAE/B,SAAS,CAAC4B,IA9BN;AA+BbI,EAAAA,OAAO,EAAEhC,SAAS,CAAC4B,IA/BN;AAgCbK,EAAAA,mBAAmB,EAAEjC,SAAS,CAAC4B,IAhClB;AAiCbM,EAAAA,qBAAqB,EAAElC,SAAS,CAAC4B,IAjCpB;AAkCbO,EAAAA,YAAY,EAAEnC,SAAS,CAAC4B,IAlCX;AAmCbQ,EAAAA,SAAS,EAAEpC,SAAS,CAAC4B;AAnCR,CAAf","sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport default {\n mimeType: PropTypes.string,\n scriptErrorMessage: PropTypes.string,\n disableAutostart: PropTypes.bool,\n // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n jwpOptions: PropTypes.shape({\n file: SrcPropType,\n customProps: PropTypes.shape({\n aspectratio: PropTypes.string,\n tracks: PropTypes.arrayOf(\n PropTypes.shape({\n file: SrcPropType,\n label: PropTypes.string,\n kind: PropTypes.string,\n default: PropTypes.boolean\n })\n ),\n autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n width: PropTypes.string,\n skin: PropTypes.shape({\n name: PropTypes.string\n })\n }),\n licenseKey: PropTypes.string.isRequired,\n playerScript: SrcPropType.isRequired,\n playerId: PropTypes.string.isRequired\n }),\n onPlay: PropTypes.func,\n onResume: PropTypes.func,\n onPause: PropTypes.func,\n onEnded: PropTypes.func,\n onError: PropTypes.func,\n onPlayAttemptFailed: PropTypes.func,\n onAutostartNotAllowed: PropTypes.func,\n onSetupError: PropTypes.func,\n onWarning: PropTypes.func\n};\n"],"file":"jwplayer-prop-types.js"}
|
|
@@ -6,10 +6,9 @@ import _get from "lodash/fp/get";
|
|
|
6
6
|
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); }
|
|
7
7
|
|
|
8
8
|
import React from 'react';
|
|
9
|
-
import PropTypes from 'prop-types';
|
|
10
9
|
import ReactJWPlayer from 'react-jw-player';
|
|
11
|
-
import { SrcPropType } from '../../util/proptypes';
|
|
12
10
|
import style from './jwplayer.css';
|
|
11
|
+
import { JWPlayerPropTypes } from './prop-types';
|
|
13
12
|
|
|
14
13
|
class JWPlayer extends React.Component {
|
|
15
14
|
constructor(props, context) {
|
|
@@ -215,40 +214,6 @@ class JWPlayer extends React.Component {
|
|
|
215
214
|
|
|
216
215
|
}
|
|
217
216
|
|
|
218
|
-
JWPlayer.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
219
|
-
mimeType: PropTypes.string,
|
|
220
|
-
scriptErrorMessage: PropTypes.string,
|
|
221
|
-
disableAutostart: PropTypes.bool,
|
|
222
|
-
// https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference
|
|
223
|
-
jwpOptions: PropTypes.shape({
|
|
224
|
-
file: SrcPropType,
|
|
225
|
-
customProps: PropTypes.shape({
|
|
226
|
-
aspectratio: PropTypes.string,
|
|
227
|
-
tracks: PropTypes.arrayOf(PropTypes.shape({
|
|
228
|
-
file: SrcPropType,
|
|
229
|
-
label: PropTypes.string,
|
|
230
|
-
kind: PropTypes.string,
|
|
231
|
-
default: PropTypes.boolean
|
|
232
|
-
})),
|
|
233
|
-
autostart: PropTypes.oneOf(['true', 'viewable', 'false']),
|
|
234
|
-
width: PropTypes.string,
|
|
235
|
-
skin: PropTypes.shape({
|
|
236
|
-
name: PropTypes.string
|
|
237
|
-
})
|
|
238
|
-
}),
|
|
239
|
-
licenseKey: PropTypes.string.isRequired,
|
|
240
|
-
playerScript: SrcPropType.isRequired,
|
|
241
|
-
playerId: PropTypes.string.isRequired
|
|
242
|
-
}),
|
|
243
|
-
onPlay: PropTypes.func,
|
|
244
|
-
onResume: PropTypes.func,
|
|
245
|
-
onPause: PropTypes.func,
|
|
246
|
-
onEnded: PropTypes.func,
|
|
247
|
-
onError: PropTypes.func,
|
|
248
|
-
onPlayAttemptFailed: PropTypes.func,
|
|
249
|
-
onAutostartNotAllowed: PropTypes.func,
|
|
250
|
-
onSetupError: PropTypes.func,
|
|
251
|
-
onWarning: PropTypes.func
|
|
252
|
-
} : {};
|
|
217
|
+
JWPlayer.propTypes = process.env.NODE_ENV !== "production" ? JWPlayerPropTypes : {};
|
|
253
218
|
export default JWPlayer;
|
|
254
219
|
//# sourceMappingURL=jwplayer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/molecule/video-player/jwplayer.js"],"names":["React","PropTypes","ReactJWPlayer","SrcPropType","style","JWPlayer","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","jwPlayerScript","document","getElementById","onerror","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","errorMessage","wrapper","propTypes","string","bool","shape","aspectratio","tracks","arrayOf","label","kind","default","boolean","oneOf","width","skin","name","licenseKey","isRequired","playerScript","func"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport {SrcPropType} from '../../util/proptypes';\nimport style from './jwplayer.css';\n\nclass JWPlayer extends React.Component {\n static propTypes = {\n mimeType: PropTypes.string,\n scriptErrorMessage: PropTypes.string,\n disableAutostart: PropTypes.bool,\n // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n jwpOptions: PropTypes.shape({\n file: SrcPropType,\n customProps: PropTypes.shape({\n aspectratio: PropTypes.string,\n tracks: PropTypes.arrayOf(\n PropTypes.shape({\n file: SrcPropType,\n label: PropTypes.string,\n kind: PropTypes.string,\n default: PropTypes.boolean\n })\n ),\n autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n width: PropTypes.string,\n skin: PropTypes.shape({\n name: PropTypes.string\n })\n }),\n licenseKey: PropTypes.string.isRequired,\n playerScript: SrcPropType.isRequired,\n playerId: PropTypes.string.isRequired\n }),\n onPlay: PropTypes.func,\n onResume: PropTypes.func,\n onPause: PropTypes.func,\n onEnded: PropTypes.func,\n onError: PropTypes.func,\n onPlayAttemptFailed: PropTypes.func,\n onAutostartNotAllowed: PropTypes.func,\n onSetupError: PropTypes.func,\n onWarning: PropTypes.func\n };\n\n constructor(props, context) {\n super(props, context);\n this.state = {\n fileUrl: '',\n scriptFailedLoading: false\n };\n\n this.handlePlay = this.handlePlay.bind(this);\n this.handleResume = this.handleResume.bind(this);\n this.handlePause = this.handlePause.bind(this);\n this.handleEnded = this.handleEnded.bind(this);\n this.handleError = this.handleError.bind(this);\n this.handleSetupError = this.handleSetupError.bind(this);\n this.handleScriptError = this.handleScriptError.bind(this);\n this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n this.handleWarning = this.handleWarning.bind(this);\n }\n\n componentDidMount() {\n const jwPlayerScript = document.getElementById('jw-player-script');\n jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);\n this.setFileUrl();\n }\n\n componentDidUpdate(prevProps) {\n const changes = keys(this.props).filter(key => {\n const {[key]: current} = this.props;\n const {[key]: prev} = prevProps;\n return current !== prev;\n });\n const shouldStart = includes('autoplay', changes);\n if (shouldStart) {\n if (isFunction(window.jwplayer)) {\n window.jwplayer(prevProps.jwpOptions.playerId).play();\n }\n }\n const {jwpOptions} = this.props;\n if (prevProps.jwpOptions.file !== jwpOptions.file) {\n this.setFileUrl();\n }\n }\n\n setFileUrl() {\n const {jwpOptions} = this.props;\n const {file} = jwpOptions;\n\n return this.setState({fileUrl: file});\n }\n\n handlePlay(e) {\n const {onPlay} = this.props;\n if (onPlay) onPlay(e);\n }\n\n handleResume(e) {\n const {onResume} = this.props;\n if (onResume) onResume(e);\n }\n\n handlePause(e) {\n const {onPause} = this.props;\n if (onPause) onPause(e);\n }\n\n handleEnded(e) {\n const {onEnded} = this.props;\n if (onEnded) onEnded(e);\n }\n\n handleScriptError(script) {\n this.setState({scriptFailedLoading: true});\n if (script) {\n script.parentNode.removeChild();\n }\n }\n\n handleSetupError(error) {\n const {onSetupError} = this.props;\n if (onSetupError) onSetupError(error);\n }\n\n handlePlayAttemptFailed(error) {\n const {onPlayAttemptFailed} = this.props;\n if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n }\n\n handleAutostartNotAllowed(error) {\n const {onAutostartNotAllowed} = this.props;\n if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n }\n\n handleWarning(error) {\n const {onWarning} = this.props;\n if (onWarning) onWarning(error);\n }\n\n handleError(error) {\n const {onError, mimeType, jwpOptions} = this.props;\n const {code} = error;\n\n onError && onError(error);\n\n if (mimeType === 'application/kontiki') {\n return;\n }\n\n // This error mostly appears on IE11 on W7\n // Since IE11 dont kinda support M3U8 sometimes,\n // We've decided to switch from M3U8 to mp4 whenever it appears\n if (code === 214000) {\n const {file: videoUrl} = jwpOptions;\n const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n const matched = videoUrl.match(regex);\n\n if (matched) {\n const videoId = matched[1];\n return this.setState({\n fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n });\n }\n }\n }\n\n render() {\n const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n const {scriptFailedLoading, fileUrl} = this.state;\n const _jwpOptions = {\n ...jwpOptions,\n customProps: {\n ...get('customProps', jwpOptions),\n autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n }\n };\n\n return (\n <>\n {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n <ReactJWPlayer\n {..._jwpOptions}\n className={style.wrapper}\n onAutoStart={this.handlePlay}\n onPlay={this.handlePlay}\n onResume={this.handleResume}\n onPause={this.handlePause}\n onOneHundredPercent={this.handleEnded}\n onError={this.handleError}\n onSetupError={this.handleSetupError}\n onPlayAttemptFailed={this.handlePlayAttemptFailed}\n onWarning={this.handleWarning}\n onAutostartNotAllowed={this.handleAutostartNotAllowed}\n file={fileUrl}\n />\n </>\n );\n }\n}\n\nexport default JWPlayer;\n"],"file":"jwplayer.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/video-player/jwplayer.js"],"names":["React","ReactJWPlayer","style","JWPlayerPropTypes","JWPlayer","Component","constructor","props","context","state","fileUrl","scriptFailedLoading","handlePlay","bind","handleResume","handlePause","handleEnded","handleError","handleSetupError","handleScriptError","handlePlayAttemptFailed","handleAutostartNotAllowed","handleWarning","componentDidMount","jwPlayerScript","document","getElementById","onerror","setFileUrl","componentDidUpdate","prevProps","changes","filter","key","current","prev","shouldStart","window","jwplayer","jwpOptions","playerId","play","file","setState","e","onPlay","onResume","onPause","onEnded","script","parentNode","removeChild","error","onSetupError","onPlayAttemptFailed","onAutostartNotAllowed","onWarning","onError","mimeType","code","videoUrl","regex","matched","match","videoId","render","disableAutostart","scriptErrorMessage","_jwpOptions","customProps","autostart","errorMessage","wrapper","propTypes"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactJWPlayer from 'react-jw-player';\nimport {get, includes, isFunction, keys} from 'lodash/fp';\nimport style from './jwplayer.css';\nimport {JWPlayerPropTypes} from './prop-types';\n\nclass JWPlayer extends React.Component {\n static propTypes = JWPlayerPropTypes;\n\n constructor(props, context) {\n super(props, context);\n this.state = {\n fileUrl: '',\n scriptFailedLoading: false\n };\n\n this.handlePlay = this.handlePlay.bind(this);\n this.handleResume = this.handleResume.bind(this);\n this.handlePause = this.handlePause.bind(this);\n this.handleEnded = this.handleEnded.bind(this);\n this.handleError = this.handleError.bind(this);\n this.handleSetupError = this.handleSetupError.bind(this);\n this.handleScriptError = this.handleScriptError.bind(this);\n this.handlePlayAttemptFailed = this.handlePlayAttemptFailed.bind(this);\n this.handleAutostartNotAllowed = this.handleAutostartNotAllowed.bind(this);\n this.handleWarning = this.handleWarning.bind(this);\n }\n\n componentDidMount() {\n const jwPlayerScript = document.getElementById('jw-player-script');\n jwPlayerScript.onerror = () => this.handleScriptError(jwPlayerScript);\n this.setFileUrl();\n }\n\n componentDidUpdate(prevProps) {\n const changes = keys(this.props).filter(key => {\n const {[key]: current} = this.props;\n const {[key]: prev} = prevProps;\n return current !== prev;\n });\n const shouldStart = includes('autoplay', changes);\n if (shouldStart) {\n if (isFunction(window.jwplayer)) {\n window.jwplayer(prevProps.jwpOptions.playerId).play();\n }\n }\n const {jwpOptions} = this.props;\n if (prevProps.jwpOptions.file !== jwpOptions.file) {\n this.setFileUrl();\n }\n }\n\n setFileUrl() {\n const {jwpOptions} = this.props;\n const {file} = jwpOptions;\n\n return this.setState({fileUrl: file});\n }\n\n handlePlay(e) {\n const {onPlay} = this.props;\n if (onPlay) onPlay(e);\n }\n\n handleResume(e) {\n const {onResume} = this.props;\n if (onResume) onResume(e);\n }\n\n handlePause(e) {\n const {onPause} = this.props;\n if (onPause) onPause(e);\n }\n\n handleEnded(e) {\n const {onEnded} = this.props;\n if (onEnded) onEnded(e);\n }\n\n handleScriptError(script) {\n this.setState({scriptFailedLoading: true});\n if (script) {\n script.parentNode.removeChild();\n }\n }\n\n handleSetupError(error) {\n const {onSetupError} = this.props;\n if (onSetupError) onSetupError(error);\n }\n\n handlePlayAttemptFailed(error) {\n const {onPlayAttemptFailed} = this.props;\n if (onPlayAttemptFailed) onPlayAttemptFailed(error);\n }\n\n handleAutostartNotAllowed(error) {\n const {onAutostartNotAllowed} = this.props;\n if (onAutostartNotAllowed) onAutostartNotAllowed(error);\n }\n\n handleWarning(error) {\n const {onWarning} = this.props;\n if (onWarning) onWarning(error);\n }\n\n handleError(error) {\n const {onError, mimeType, jwpOptions} = this.props;\n const {code} = error;\n\n onError && onError(error);\n\n if (mimeType === 'application/kontiki') {\n return;\n }\n\n // This error mostly appears on IE11 on W7\n // Since IE11 dont kinda support M3U8 sometimes,\n // We've decided to switch from M3U8 to mp4 whenever it appears\n if (code === 214000) {\n const {file: videoUrl} = jwpOptions;\n const regex = /^https:\\/\\/content.jwplatform\\.com\\/manifests\\/(\\w+).m3u8/;\n const matched = videoUrl.match(regex);\n\n if (matched) {\n const videoId = matched[1];\n return this.setState({\n fileUrl: `https://content.jwplatform.com/videos/${videoId}-1080.mp4`\n });\n }\n }\n }\n\n render() {\n const {jwpOptions, disableAutostart, scriptErrorMessage} = this.props;\n const {scriptFailedLoading, fileUrl} = this.state;\n const _jwpOptions = {\n ...jwpOptions,\n customProps: {\n ...get('customProps', jwpOptions),\n autostart: !disableAutostart && get('customProps.autostart', jwpOptions)\n }\n };\n\n return (\n <>\n {scriptFailedLoading ? <p className={style.errorMessage}>{scriptErrorMessage} </p> : null}\n <ReactJWPlayer\n {..._jwpOptions}\n className={style.wrapper}\n onAutoStart={this.handlePlay}\n onPlay={this.handlePlay}\n onResume={this.handleResume}\n onPause={this.handlePause}\n onOneHundredPercent={this.handleEnded}\n onError={this.handleError}\n onSetupError={this.handleSetupError}\n onPlayAttemptFailed={this.handlePlayAttemptFailed}\n onWarning={this.handleWarning}\n onAutostartNotAllowed={this.handleAutostartNotAllowed}\n file={fileUrl}\n />\n </>\n );\n }\n}\n\nexport default JWPlayer;\n"],"file":"jwplayer.js"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { SrcPropType } from '../../util/proptypes';
|
|
3
|
+
export const JWPlayerPropTypes = {
|
|
4
|
+
mimeType: PropTypes.string,
|
|
5
|
+
scriptErrorMessage: PropTypes.string,
|
|
6
|
+
disableAutostart: PropTypes.bool,
|
|
7
|
+
// https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference
|
|
8
|
+
jwpOptions: PropTypes.shape({
|
|
9
|
+
file: SrcPropType,
|
|
10
|
+
customProps: PropTypes.shape({
|
|
11
|
+
aspectratio: PropTypes.string,
|
|
12
|
+
tracks: PropTypes.arrayOf(PropTypes.shape({
|
|
13
|
+
file: SrcPropType,
|
|
14
|
+
label: PropTypes.string,
|
|
15
|
+
kind: PropTypes.string,
|
|
16
|
+
default: PropTypes.boolean
|
|
17
|
+
})),
|
|
18
|
+
autostart: PropTypes.oneOf(['true', 'viewable', 'false']),
|
|
19
|
+
width: PropTypes.string,
|
|
20
|
+
skin: PropTypes.shape({
|
|
21
|
+
name: PropTypes.string
|
|
22
|
+
})
|
|
23
|
+
}),
|
|
24
|
+
licenseKey: PropTypes.string.isRequired,
|
|
25
|
+
playerScript: SrcPropType.isRequired,
|
|
26
|
+
playerId: PropTypes.string.isRequired
|
|
27
|
+
}),
|
|
28
|
+
onPlay: PropTypes.func,
|
|
29
|
+
onResume: PropTypes.func,
|
|
30
|
+
onPause: PropTypes.func,
|
|
31
|
+
onEnded: PropTypes.func,
|
|
32
|
+
onError: PropTypes.func,
|
|
33
|
+
onPlayAttemptFailed: PropTypes.func,
|
|
34
|
+
onAutostartNotAllowed: PropTypes.func,
|
|
35
|
+
onSetupError: PropTypes.func,
|
|
36
|
+
onWarning: PropTypes.func
|
|
37
|
+
};
|
|
38
|
+
export default {
|
|
39
|
+
id: PropTypes.string,
|
|
40
|
+
width: PropTypes.string,
|
|
41
|
+
height: PropTypes.string,
|
|
42
|
+
url: SrcPropType,
|
|
43
|
+
onPlay: PropTypes.func,
|
|
44
|
+
onResume: PropTypes.func,
|
|
45
|
+
onPause: PropTypes.func,
|
|
46
|
+
onEnded: PropTypes.func,
|
|
47
|
+
onError: PropTypes.func,
|
|
48
|
+
autoplay: PropTypes.bool,
|
|
49
|
+
disableAutostart: PropTypes.bool,
|
|
50
|
+
jwpOptions: JWPlayerPropTypes.jwpOptions,
|
|
51
|
+
mimeType: PropTypes.oneOf(['application/kontiki', 'application/uptale', 'application/vimeo', 'application/youtube', 'application/jwplayer', 'application/omniPlayer', 'application/h5p', 'video/mp4']).isRequired
|
|
52
|
+
};
|
|
53
|
+
//# sourceMappingURL=prop-types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/molecule/video-player/prop-types.js"],"names":["PropTypes","SrcPropType","JWPlayerPropTypes","mimeType","string","scriptErrorMessage","disableAutostart","bool","jwpOptions","shape","file","customProps","aspectratio","tracks","arrayOf","label","kind","default","boolean","autostart","oneOf","width","skin","name","licenseKey","isRequired","playerScript","playerId","onPlay","func","onResume","onPause","onEnded","onError","onPlayAttemptFailed","onAutostartNotAllowed","onSetupError","onWarning","id","height","url","autoplay"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport {SrcPropType} from '../../util/proptypes';\n\nexport const JWPlayerPropTypes = {\n mimeType: PropTypes.string,\n scriptErrorMessage: PropTypes.string,\n disableAutostart: PropTypes.bool,\n // https://developer.jwplayer.com/jwplayer/docs/jw8-player-configuration-reference\n jwpOptions: PropTypes.shape({\n file: SrcPropType,\n customProps: PropTypes.shape({\n aspectratio: PropTypes.string,\n tracks: PropTypes.arrayOf(\n PropTypes.shape({\n file: SrcPropType,\n label: PropTypes.string,\n kind: PropTypes.string,\n default: PropTypes.boolean\n })\n ),\n autostart: PropTypes.oneOf(['true', 'viewable', 'false']),\n width: PropTypes.string,\n skin: PropTypes.shape({\n name: PropTypes.string\n })\n }),\n licenseKey: PropTypes.string.isRequired,\n playerScript: SrcPropType.isRequired,\n playerId: PropTypes.string.isRequired\n }),\n onPlay: PropTypes.func,\n onResume: PropTypes.func,\n onPause: PropTypes.func,\n onEnded: PropTypes.func,\n onError: PropTypes.func,\n onPlayAttemptFailed: PropTypes.func,\n onAutostartNotAllowed: PropTypes.func,\n onSetupError: PropTypes.func,\n onWarning: PropTypes.func\n};\n\nexport default {\n id: PropTypes.string,\n width: PropTypes.string,\n height: PropTypes.string,\n url: SrcPropType,\n onPlay: PropTypes.func,\n onResume: PropTypes.func,\n onPause: PropTypes.func,\n onEnded: PropTypes.func,\n onError: PropTypes.func,\n autoplay: PropTypes.bool,\n disableAutostart: PropTypes.bool,\n jwpOptions: JWPlayerPropTypes.jwpOptions,\n mimeType: PropTypes.oneOf([\n 'application/kontiki',\n 'application/uptale',\n 'application/vimeo',\n 'application/youtube',\n 'application/jwplayer',\n 'application/omniPlayer',\n 'application/h5p',\n 'video/mp4'\n ]).isRequired\n};\n"],"file":"prop-types.js"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
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
2
|
|
|
3
3
|
import React, { useEffect, useRef } from 'react';
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
4
|
import AtomLottieWrapper from '../../atom/lottie-wrapper';
|
|
6
5
|
import ButtonLink from '../../atom/button-link';
|
|
7
6
|
import MoleculeReviewCardCongrats from '../../molecule/review-card-congrats';
|
|
8
7
|
import style from './style.css';
|
|
8
|
+
import propTypes from './prop-types';
|
|
9
9
|
export const setScroll = container => () => {
|
|
10
10
|
container.current?.scrollTo && container.current.scrollTo({
|
|
11
11
|
left: 1000,
|
|
@@ -62,23 +62,6 @@ const ReviewCongrats = props => {
|
|
|
62
62
|
})))));
|
|
63
63
|
};
|
|
64
64
|
|
|
65
|
-
ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
66
|
-
'aria-label': PropTypes.string,
|
|
67
|
-
'data-name': PropTypes.string,
|
|
68
|
-
animationLottie: PropTypes.shape(AtomLottieWrapper.propTypes),
|
|
69
|
-
title: PropTypes.string,
|
|
70
|
-
cardCongratsStar: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),
|
|
71
|
-
cardCongratsRank: PropTypes.shape(MoleculeReviewCardCongrats.propTypes),
|
|
72
|
-
buttonRevising: PropTypes.shape({
|
|
73
|
-
label: PropTypes.string,
|
|
74
|
-
onClick: PropTypes.func,
|
|
75
|
-
type: PropTypes.string
|
|
76
|
-
}),
|
|
77
|
-
buttonRevisingSkill: PropTypes.shape({
|
|
78
|
-
label: PropTypes.string,
|
|
79
|
-
onClick: PropTypes.func,
|
|
80
|
-
type: PropTypes.string
|
|
81
|
-
})
|
|
82
|
-
} : {};
|
|
65
|
+
ReviewCongrats.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
83
66
|
export default ReviewCongrats;
|
|
84
67
|
//# sourceMappingURL=index.js.map
|