@coorpacademy/components 11.5.2 → 11.6.0
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/es/atom/review-presentation/index.native.d.ts.map +1 -1
- package/es/atom/review-presentation/index.native.js +15 -9
- package/es/atom/review-presentation/index.native.js.map +1 -1
- package/es/hoc/transition/test/fixtures/style.css +45 -0
- package/es/molecule/select-multiple/test/snapshots/index.js.md +211 -0
- package/es/molecule/select-multiple/test/snapshots/index.js.snap +0 -0
- package/es/template/app-review/index.d.ts +0 -1
- package/es/template/app-review/index.d.ts.map +1 -1
- package/es/template/app-review/player/background-review.css +235 -0
- package/es/template/app-review/player/background-review.d.ts +3 -0
- package/es/template/app-review/player/background-review.d.ts.map +1 -0
- package/es/{atom/review-background/index.js → template/app-review/player/background-review.js} +3 -9
- package/es/template/app-review/player/background-review.js.map +1 -0
- package/es/template/app-review/player/index.d.ts +1 -2
- package/es/template/app-review/player/index.d.ts.map +1 -1
- package/es/template/app-review/player/index.js +2 -5
- package/es/template/app-review/player/index.js.map +1 -1
- package/es/template/app-review/player/index.native.d.ts.map +1 -1
- package/es/template/app-review/player/index.native.js +18 -3
- package/es/template/app-review/player/index.native.js.map +1 -1
- package/es/template/app-review/player/prop-types.d.ts +2 -2
- package/es/template/app-review/player/prop-types.d.ts.map +1 -1
- package/es/template/app-review/player/prop-types.js +0 -2
- package/es/template/app-review/player/prop-types.js.map +1 -1
- package/es/template/app-review/prop-types.d.ts +0 -1
- package/es/template/app-review/prop-types.d.ts.map +1 -1
- package/es/template/app-review/skills/index.native.d.ts.map +1 -1
- package/es/template/app-review/skills/index.native.js +0 -2
- package/es/template/app-review/skills/index.native.js.map +1 -1
- package/es/util/test/fixtures/steps.json +34 -0
- package/lib/atom/review-presentation/index.native.d.ts.map +1 -1
- package/lib/atom/review-presentation/index.native.js +19 -14
- package/lib/atom/review-presentation/index.native.js.map +1 -1
- package/lib/hoc/transition/test/fixtures/style.css +45 -0
- package/lib/molecule/select-multiple/test/snapshots/index.js.md +211 -0
- package/lib/molecule/select-multiple/test/snapshots/index.js.snap +0 -0
- package/lib/template/app-review/index.d.ts +0 -1
- package/lib/template/app-review/index.d.ts.map +1 -1
- package/lib/template/app-review/player/background-review.css +235 -0
- package/lib/template/app-review/player/background-review.d.ts +3 -0
- package/lib/template/app-review/player/background-review.d.ts.map +1 -0
- package/lib/{atom/review-background/index.js → template/app-review/player/background-review.js} +12 -19
- package/lib/template/app-review/player/background-review.js.map +1 -0
- package/lib/template/app-review/player/index.d.ts +1 -2
- package/lib/template/app-review/player/index.d.ts.map +1 -1
- package/lib/template/app-review/player/index.js +3 -6
- package/lib/template/app-review/player/index.js.map +1 -1
- package/lib/template/app-review/player/index.native.d.ts.map +1 -1
- package/lib/template/app-review/player/index.native.js +17 -2
- package/lib/template/app-review/player/index.native.js.map +1 -1
- package/lib/template/app-review/player/prop-types.d.ts +2 -2
- package/lib/template/app-review/player/prop-types.d.ts.map +1 -1
- package/lib/template/app-review/player/prop-types.js +2 -5
- package/lib/template/app-review/player/prop-types.js.map +1 -1
- package/lib/template/app-review/prop-types.d.ts +0 -1
- package/lib/template/app-review/prop-types.d.ts.map +1 -1
- package/lib/template/app-review/skills/index.native.d.ts.map +1 -1
- package/lib/template/app-review/skills/index.native.js +4 -7
- package/lib/template/app-review/skills/index.native.js.map +1 -1
- package/lib/util/test/fixtures/steps.json +34 -0
- package/package.json +3 -2
- package/es/atom/review-background/index.d.ts +0 -7
- package/es/atom/review-background/index.d.ts.map +0 -1
- package/es/atom/review-background/index.js.map +0 -1
- package/es/atom/review-background/prop-types.d.ts +0 -6
- package/es/atom/review-background/prop-types.d.ts.map +0 -1
- package/es/atom/review-background/prop-types.js +0 -5
- package/es/atom/review-background/prop-types.js.map +0 -1
- package/es/atom/review-background/style.css +0 -234
- package/lib/atom/review-background/index.d.ts +0 -7
- package/lib/atom/review-background/index.d.ts.map +0 -1
- package/lib/atom/review-background/index.js.map +0 -1
- package/lib/atom/review-background/prop-types.d.ts +0 -6
- package/lib/atom/review-background/prop-types.d.ts.map +0 -1
- package/lib/atom/review-background/prop-types.js +0 -14
- package/lib/atom/review-background/prop-types.js.map +0 -1
- package/lib/atom/review-background/style.css +0 -234
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/index.js"],"names":[],"mappings":";AAWA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/index.js"],"names":[],"mappings":";AAWA;;;;;gBAiCC"}
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import isNil from 'lodash/fp/isNil';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
|
-
import ReviewBackground from '../../../atom/review-background';
|
|
5
4
|
import ReviewCongrats from '../../../organism/review-congrats';
|
|
6
5
|
import ReviewHeader from '../../../organism/review-header';
|
|
7
6
|
import StackedSlides from '../../../organism/review-stacked-slides';
|
|
8
7
|
import CMPopin from '../../../molecule/cm-popin';
|
|
8
|
+
import ReviewBackground from './background-review';
|
|
9
9
|
import style from './style.css';
|
|
10
10
|
import propTypes from './prop-types';
|
|
11
11
|
|
|
12
12
|
const PlayerReview = ({
|
|
13
13
|
header,
|
|
14
14
|
stack,
|
|
15
|
-
reviewBackgroundAriaLabel,
|
|
16
15
|
congrats,
|
|
17
16
|
quitPopin
|
|
18
17
|
}) => {
|
|
@@ -23,9 +22,7 @@ const PlayerReview = ({
|
|
|
23
22
|
}, /*#__PURE__*/React.createElement("div", {
|
|
24
23
|
key: "player-background-container",
|
|
25
24
|
className: style.playerBackground
|
|
26
|
-
}, /*#__PURE__*/React.createElement(ReviewBackground, {
|
|
27
|
-
"aria-label": reviewBackgroundAriaLabel
|
|
28
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
25
|
+
}, /*#__PURE__*/React.createElement(ReviewBackground, null)), /*#__PURE__*/React.createElement("div", {
|
|
29
26
|
key: "review-header-wrapper",
|
|
30
27
|
className: classnames(style.reviewHeaderContainer, congrats && style.reviewHeaderContainerCongrats)
|
|
31
28
|
}, /*#__PURE__*/React.createElement(ReviewHeader, header)), /*#__PURE__*/React.createElement(StackedSlides, stack), isNil(congrats) ? null : /*#__PURE__*/React.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","isNil","classnames","
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","isNil","classnames","ReviewCongrats","ReviewHeader","StackedSlides","CMPopin","ReviewBackground","style","propTypes","PlayerReview","header","stack","congrats","quitPopin","playerReviewContainer","playerBackground","reviewHeaderContainer","reviewHeaderContainerCongrats"],"sources":["../../../../src/template/app-review/player/index.js"],"sourcesContent":["import React from 'react';\nimport isNil from 'lodash/fp/isNil';\nimport classnames from 'classnames';\nimport ReviewCongrats from '../../../organism/review-congrats';\nimport ReviewHeader from '../../../organism/review-header';\nimport StackedSlides from '../../../organism/review-stacked-slides';\nimport CMPopin from '../../../molecule/cm-popin';\nimport ReviewBackground from './background-review';\nimport style from './style.css';\nimport propTypes from './prop-types';\n\nconst PlayerReview = ({header, stack, congrats, quitPopin}) => {\n return (\n <div\n key=\"review-player-container\"\n data-name=\"review-player-container\"\n className={style.playerReviewContainer}\n >\n <div key=\"player-background-container\" className={style.playerBackground}>\n <ReviewBackground />\n </div>\n <div\n key=\"review-header-wrapper\"\n className={classnames(\n style.reviewHeaderContainer,\n congrats && style.reviewHeaderContainerCongrats\n )}\n >\n <ReviewHeader {...header} />\n </div>\n <StackedSlides {...stack} />\n {isNil(congrats) ? null : (\n <div className={style.congrats} data-testid=\"congrats-container\">\n <ReviewCongrats {...congrats} />\n </div>\n )}\n\n {isNil(quitPopin) ? null : (\n <div className={style.quitPopin} data-testid=\"quit-popin-container\">\n <CMPopin {...quitPopin} />\n </div>\n )}\n </div>\n );\n};\n\nPlayerReview.propTypes = propTypes;\n\nexport default PlayerReview;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,YAAP,MAAyB,iCAAzB;AACA,OAAOC,aAAP,MAA0B,yCAA1B;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,gBAAP,MAA6B,qBAA7B;AACA,OAAOC,KAAP,MAAkB,aAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;;AAEA,MAAMC,YAAY,GAAG,CAAC;EAACC,MAAD;EAASC,KAAT;EAAgBC,QAAhB;EAA0BC;AAA1B,CAAD,KAA0C;EAC7D,oBACE;IACE,GAAG,EAAC,yBADN;IAEE,aAAU,yBAFZ;IAGE,SAAS,EAAEN,KAAK,CAACO;EAHnB,gBAKE;IAAK,GAAG,EAAC,6BAAT;IAAuC,SAAS,EAAEP,KAAK,CAACQ;EAAxD,gBACE,oBAAC,gBAAD,OADF,CALF,eAQE;IACE,GAAG,EAAC,uBADN;IAEE,SAAS,EAAEd,UAAU,CACnBM,KAAK,CAACS,qBADa,EAEnBJ,QAAQ,IAAIL,KAAK,CAACU,6BAFC;EAFvB,gBAOE,oBAAC,YAAD,EAAkBP,MAAlB,CAPF,CARF,eAiBE,oBAAC,aAAD,EAAmBC,KAAnB,CAjBF,EAkBGX,KAAK,CAACY,QAAD,CAAL,GAAkB,IAAlB,gBACC;IAAK,SAAS,EAAEL,KAAK,CAACK,QAAtB;IAAgC,eAAY;EAA5C,gBACE,oBAAC,cAAD,EAAoBA,QAApB,CADF,CAnBJ,EAwBGZ,KAAK,CAACa,SAAD,CAAL,GAAmB,IAAnB,gBACC;IAAK,SAAS,EAAEN,KAAK,CAACM,SAAtB;IAAiC,eAAY;EAA7C,gBACE,oBAAC,OAAD,EAAaA,SAAb,CADF,CAzBJ,CADF;AAgCD,CAjCD;;AAmCAJ,YAAY,CAACD,SAAb,2CAAyBA,SAAzB;AAEA,eAAeC,YAAf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/index.native.tsx"],"names":[],"mappings":";AASA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AA6B/C,QAAA,MAAM,MAAM,UAAW,iBAAiB,uBA2BvC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useEffect, useState } from 'react';
|
|
2
|
-
import { View, StyleSheet } from 'react-native';
|
|
2
|
+
import { ImageBackground, View, StyleSheet } from 'react-native';
|
|
3
3
|
import StackedSlides from '../../../organism/review-stacked-slides/index.native';
|
|
4
4
|
import ReviewCongrats from '../../../organism/review-congrats/index.native';
|
|
5
5
|
import ReviewHeader from '../../../organism/review-header/index.native';
|
|
@@ -15,6 +15,15 @@ const createStyleSheet = theme => StyleSheet.create({
|
|
|
15
15
|
flexDirection: 'column',
|
|
16
16
|
justifyContent: 'space-between',
|
|
17
17
|
alignItems: 'center'
|
|
18
|
+
},
|
|
19
|
+
backgroundImage: {
|
|
20
|
+
position: 'absolute',
|
|
21
|
+
top: 0,
|
|
22
|
+
bottom: 0,
|
|
23
|
+
left: 0,
|
|
24
|
+
right: 0,
|
|
25
|
+
width: '100%',
|
|
26
|
+
height: '100%'
|
|
18
27
|
}
|
|
19
28
|
});
|
|
20
29
|
|
|
@@ -23,7 +32,8 @@ const Slides = props => {
|
|
|
23
32
|
congrats,
|
|
24
33
|
header,
|
|
25
34
|
stack,
|
|
26
|
-
quitPopin
|
|
35
|
+
quitPopin,
|
|
36
|
+
backgroundImage
|
|
27
37
|
} = props;
|
|
28
38
|
const {
|
|
29
39
|
theme
|
|
@@ -39,9 +49,14 @@ const Slides = props => {
|
|
|
39
49
|
return null;
|
|
40
50
|
}
|
|
41
51
|
|
|
52
|
+
const source = backgroundImage;
|
|
42
53
|
return /*#__PURE__*/React.createElement(View, {
|
|
43
54
|
style: styleSheet.container
|
|
44
|
-
}, /*#__PURE__*/React.createElement(
|
|
55
|
+
}, /*#__PURE__*/React.createElement(ImageBackground, {
|
|
56
|
+
style: styleSheet.backgroundImage,
|
|
57
|
+
source: source,
|
|
58
|
+
resizeMode: "cover"
|
|
59
|
+
}), /*#__PURE__*/React.createElement(ReviewHeader, header), stack ? /*#__PURE__*/React.createElement(StackedSlides, stack) : null, congrats ? /*#__PURE__*/React.createElement(ReviewCongrats, congrats) : null, quitPopin ? /*#__PURE__*/React.createElement(QuitPopinReview, quitPopin) : null);
|
|
45
60
|
};
|
|
46
61
|
|
|
47
62
|
export default Slides;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["React","useEffect","useState","View","StyleSheet","StackedSlides","ReviewCongrats","ReviewHeader","QuitPopinReview","useTemplateContext","createStyleSheet","theme","create","container","flex","width","height","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","Slides","props","congrats","header","stack","quitPopin","styleSheet","setStylesheet","_stylesheet"],"sources":["../../../../src/template/app-review/player/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {View, StyleSheet, ViewStyle} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport ReviewCongrats from '../../../organism/review-congrats/index.native';\nimport ReviewHeader from '../../../organism/review-header/index.native';\nimport QuitPopinReview from '../../../molecule/cm-popin/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewPlayerProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n height: '100%',\n backgroundColor: theme.colors.white,\n flexDirection: 'column',\n justifyContent: 'space-between',\n alignItems: 'center'\n }\n });\n\nconst Slides = (props: ReviewPlayerProps) => {\n const {congrats, header, stack, quitPopin} = props;\n\n const {theme} = useTemplateContext();\n\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <ReviewHeader {...header} />\n {stack ? <StackedSlides {...stack} /> : null}\n {congrats ? <ReviewCongrats {...congrats} /> : null}\n {quitPopin ? <QuitPopinReview {...quitPopin} /> : null}\n </View>\n );\n};\n\nexport default Slides;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["React","useEffect","useState","ImageBackground","View","StyleSheet","StackedSlides","ReviewCongrats","ReviewHeader","QuitPopinReview","useTemplateContext","createStyleSheet","theme","create","container","flex","width","height","backgroundColor","colors","white","flexDirection","justifyContent","alignItems","backgroundImage","position","top","bottom","left","right","Slides","props","congrats","header","stack","quitPopin","styleSheet","setStylesheet","_stylesheet","source"],"sources":["../../../../src/template/app-review/player/index.native.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {ImageBackground, ImageStyle, View, StyleSheet, ViewStyle} from 'react-native';\nimport type {ImageSourcePropType} from 'react-native';\nimport StackedSlides from '../../../organism/review-stacked-slides/index.native';\nimport ReviewCongrats from '../../../organism/review-congrats/index.native';\nimport ReviewHeader from '../../../organism/review-header/index.native';\nimport QuitPopinReview from '../../../molecule/cm-popin/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewPlayerProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n backgroundImage: ImageStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n height: '100%',\n backgroundColor: theme.colors.white,\n flexDirection: 'column',\n justifyContent: 'space-between',\n alignItems: 'center'\n },\n backgroundImage: {\n position: 'absolute',\n top: 0,\n bottom: 0,\n left: 0,\n right: 0,\n width: '100%',\n height: '100%'\n }\n });\n\nconst Slides = (props: ReviewPlayerProps) => {\n const {congrats, header, stack, quitPopin, backgroundImage} = props;\n\n const {theme} = useTemplateContext();\n\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n const source = backgroundImage as ImageSourcePropType;\n\n return (\n <View style={styleSheet.container}>\n <ImageBackground style={styleSheet.backgroundImage} source={source} resizeMode=\"cover\" />\n <ReviewHeader {...header} />\n {stack ? <StackedSlides {...stack} /> : null}\n {congrats ? <ReviewCongrats {...congrats} /> : null}\n {quitPopin ? <QuitPopinReview {...quitPopin} /> : null}\n </View>\n );\n};\n\nexport default Slides;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,SAAf,EAA0BC,QAA1B,QAAyC,OAAzC;AACA,SAAQC,eAAR,EAAqCC,IAArC,EAA2CC,UAA3C,QAAuE,cAAvE;AAEA,OAAOC,aAAP,MAA0B,sDAA1B;AACA,OAAOC,cAAP,MAA2B,gDAA3B;AACA,OAAOC,YAAP,MAAyB,8CAAzB;AACA,OAAOC,eAAP,MAA4B,yCAA5B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAQA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBP,UAAU,CAACQ,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,KAAK,EAAE,MAFE;IAGTC,MAAM,EAAE,MAHC;IAITC,eAAe,EAAEN,KAAK,CAACO,MAAN,CAAaC,KAJrB;IAKTC,aAAa,EAAE,QALN;IAMTC,cAAc,EAAE,eANP;IAOTC,UAAU,EAAE;EAPH,CADK;EAUhBC,eAAe,EAAE;IACfC,QAAQ,EAAE,UADK;IAEfC,GAAG,EAAE,CAFU;IAGfC,MAAM,EAAE,CAHO;IAIfC,IAAI,EAAE,CAJS;IAKfC,KAAK,EAAE,CALQ;IAMfb,KAAK,EAAE,MANQ;IAOfC,MAAM,EAAE;EAPO;AAVD,CAAlB,CADF;;AAsBA,MAAMa,MAAM,GAAIC,KAAD,IAA8B;EAC3C,MAAM;IAACC,QAAD;IAAWC,MAAX;IAAmBC,KAAnB;IAA0BC,SAA1B;IAAqCX;EAArC,IAAwDO,KAA9D;EAEA,MAAM;IAACnB;EAAD,IAAUF,kBAAkB,EAAlC;EAEA,MAAM,CAAC0B,UAAD,EAAaC,aAAb,IAA8BnC,QAAQ,CAAwB,IAAxB,CAA5C;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMqC,WAAW,GAAG3B,gBAAgB,CAACC,KAAD,CAApC;;IACAyB,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAAC1B,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACwB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,MAAMG,MAAM,GAAGf,eAAf;EAEA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEY,UAAU,CAACtB;EAAxB,gBACE,oBAAC,eAAD;IAAiB,KAAK,EAAEsB,UAAU,CAACZ,eAAnC;IAAoD,MAAM,EAAEe,MAA5D;IAAoE,UAAU,EAAC;EAA/E,EADF,eAEE,oBAAC,YAAD,EAAkBN,MAAlB,CAFF,EAGGC,KAAK,gBAAG,oBAAC,aAAD,EAAmBA,KAAnB,CAAH,GAAkC,IAH1C,EAIGF,QAAQ,gBAAG,oBAAC,cAAD,EAAoBA,QAApB,CAAH,GAAsC,IAJjD,EAKGG,SAAS,gBAAG,oBAAC,eAAD,EAAqBA,SAArB,CAAH,GAAwC,IALpD,CADF;AASD,CA3BD;;AA6BA,eAAeL,MAAf"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
+
import type { ImageSourcePropType } from 'react-native';
|
|
2
3
|
import { CMPopinProps } from '../../../molecule/cm-popin/types';
|
|
3
4
|
import { ReviewCongratsProps } from '../../../organism/review-congrats/prop-types';
|
|
4
5
|
import { HeaderProps } from '../../../organism/review-header/types';
|
|
@@ -423,7 +424,6 @@ declare const propTypes: {
|
|
|
423
424
|
}>>>;
|
|
424
425
|
endReview: PropTypes.Requireable<boolean>;
|
|
425
426
|
}>>;
|
|
426
|
-
reviewBackgroundAriaLabel: PropTypes.Requireable<string>;
|
|
427
427
|
congrats: PropTypes.Requireable<PropTypes.InferProps<{
|
|
428
428
|
'aria-label': PropTypes.Requireable<string>;
|
|
429
429
|
'data-name': PropTypes.Requireable<string>;
|
|
@@ -561,7 +561,7 @@ export default propTypes;
|
|
|
561
561
|
export declare type ReviewPlayerProps = {
|
|
562
562
|
header: HeaderProps;
|
|
563
563
|
stack: ReviewStackProps;
|
|
564
|
-
|
|
564
|
+
backgroundImage?: ImageSourcePropType;
|
|
565
565
|
congrats?: ReviewCongratsProps;
|
|
566
566
|
quitPopin?: CMPopinProps;
|
|
567
567
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/player/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,cAAc,CAAC;AACtD,OAAO,EAAC,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC9D,OAAgC,EAC9B,mBAAmB,EACpB,MAAM,8CAA8C,CAAC;AAEtD,OAA8B,EAAC,WAAW,EAAC,MAAM,uCAAuC,CAAC;AAEzF,OAA+B,EAC7B,gBAAgB,EACjB,MAAM,oDAAoD,CAAC;AAE5D,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,gBAAgB,CAAC;IACxB,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}
|
|
@@ -2,14 +2,12 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import ReviewCongratsPropTypes from '../../../organism/review-congrats/prop-types';
|
|
5
|
-
import ReviewBackgroundPropTypes from '../../../atom/review-background/prop-types';
|
|
6
5
|
import ReviewHeaderPropTypes from '../../../organism/review-header/types';
|
|
7
6
|
import CmPopin from '../../../molecule/cm-popin';
|
|
8
7
|
import StackedSlidesPropTypes from '../../../organism/review-stacked-slides/prop-types';
|
|
9
8
|
const propTypes = {
|
|
10
9
|
header: PropTypes.shape(ReviewHeaderPropTypes),
|
|
11
10
|
stack: PropTypes.shape(StackedSlidesPropTypes),
|
|
12
|
-
reviewBackgroundAriaLabel: ReviewBackgroundPropTypes['aria-label'],
|
|
13
11
|
congrats: PropTypes.shape(ReviewCongratsPropTypes),
|
|
14
12
|
quitPopin: PropTypes.shape(_extends({}, CmPopin.propTypes))
|
|
15
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCongratsPropTypes","
|
|
1
|
+
{"version":3,"file":"prop-types.js","names":["PropTypes","ReviewCongratsPropTypes","ReviewHeaderPropTypes","CmPopin","StackedSlidesPropTypes","propTypes","header","shape","stack","congrats","quitPopin"],"sources":["../../../../src/template/app-review/player/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport type {ImageSourcePropType} from 'react-native';\nimport {CMPopinProps} from '../../../molecule/cm-popin/types';\nimport ReviewCongratsPropTypes, {\n ReviewCongratsProps\n} from '../../../organism/review-congrats/prop-types';\n\nimport ReviewHeaderPropTypes, {HeaderProps} from '../../../organism/review-header/types';\nimport CmPopin from '../../../molecule/cm-popin';\nimport StackedSlidesPropTypes, {\n ReviewStackProps\n} from '../../../organism/review-stacked-slides/prop-types';\n\nconst propTypes = {\n header: PropTypes.shape(ReviewHeaderPropTypes),\n stack: PropTypes.shape(StackedSlidesPropTypes),\n congrats: PropTypes.shape(ReviewCongratsPropTypes),\n quitPopin: PropTypes.shape({...CmPopin.propTypes})\n};\n\nexport default propTypes;\n\nexport type ReviewPlayerProps = {\n header: HeaderProps;\n stack: ReviewStackProps;\n backgroundImage?: ImageSourcePropType;\n congrats?: ReviewCongratsProps;\n quitPopin?: CMPopinProps;\n};\n"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAGA,OAAOC,uBAAP,MAEO,8CAFP;AAIA,OAAOC,qBAAP,MAAiD,uCAAjD;AACA,OAAOC,OAAP,MAAoB,4BAApB;AACA,OAAOC,sBAAP,MAEO,oDAFP;AAIA,MAAMC,SAAS,GAAG;EAChBC,MAAM,EAAEN,SAAS,CAACO,KAAV,CAAgBL,qBAAhB,CADQ;EAEhBM,KAAK,EAAER,SAAS,CAACO,KAAV,CAAgBH,sBAAhB,CAFS;EAGhBK,QAAQ,EAAET,SAAS,CAACO,KAAV,CAAgBN,uBAAhB,CAHM;EAIhBS,SAAS,EAAEV,SAAS,CAACO,KAAV,cAAoBJ,OAAO,CAACE,SAA5B;AAJK,CAAlB;AAOA,eAAeA,SAAf"}
|
|
@@ -428,7 +428,6 @@ declare const propTypes: {
|
|
|
428
428
|
}>>>;
|
|
429
429
|
endReview: PropTypes.Requireable<boolean>;
|
|
430
430
|
}>>;
|
|
431
|
-
reviewBackgroundAriaLabel: PropTypes.Requireable<string>;
|
|
432
431
|
congrats: PropTypes.Requireable<PropTypes.InferProps<{
|
|
433
432
|
'aria-label': PropTypes.Requireable<string>;
|
|
434
433
|
'data-name': PropTypes.Requireable<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAEtD,oBAAY,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC3B,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/skills/index.native.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAC,iBAAiB,EAAC,MAAM,cAAc,CAAC;AAyB/C,QAAA,MAAM,YAAY,UAAW,iBAAiB,uBA4C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { Text, View, StyleSheet } from 'react-native';
|
|
3
|
-
import { HEADER_HEIGHT } from '../../../organism/header-v2/index.native';
|
|
4
3
|
import ReviewNoSkills from '../../../organism/review-no-skills/index.native';
|
|
5
4
|
import ReviewListSkills from '../../../organism/review-skills/index.native';
|
|
6
5
|
import { useTemplateContext } from '../template-context';
|
|
@@ -10,7 +9,6 @@ const createStyleSheet = theme => StyleSheet.create({
|
|
|
10
9
|
flex: 1,
|
|
11
10
|
padding: 20,
|
|
12
11
|
width: '100%',
|
|
13
|
-
paddingTop: HEADER_HEIGHT + 20,
|
|
14
12
|
backgroundColor: theme.colors.white
|
|
15
13
|
},
|
|
16
14
|
title: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["React","useState","useEffect","Text","View","StyleSheet","
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["React","useState","useEffect","Text","View","StyleSheet","ReviewNoSkills","ReviewListSkills","useTemplateContext","createStyleSheet","theme","create","container","flex","padding","width","backgroundColor","colors","white","title","fontSize","xlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","spacing","base","marginTop","small","ReviewSkills","props","ariaLabel","isLoading","isLoadingAriaLabel","listSkills","titleNoSkills","textNoSkills","iconSkillAriaLabel","templateContext","styleSheet","setStylesheet","_stylesheet","length"],"sources":["../../../../src/template/app-review/skills/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {Text, View, StyleSheet, ViewStyle, TextStyle} from 'react-native';\nimport ReviewNoSkills from '../../../organism/review-no-skills/index.native';\nimport ReviewListSkills from '../../../organism/review-skills/index.native';\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../template-context';\nimport {ReviewSkillsProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n flex: 1,\n padding: 20,\n width: '100%',\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 });\n\nconst ReviewSkills = (props: ReviewSkillsProps) => {\n const {\n 'aria-label': ariaLabel,\n title,\n isLoading,\n isLoadingAriaLabel,\n listSkills,\n titleNoSkills,\n textNoSkills,\n iconSkillAriaLabel\n } = props;\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme} = templateContext;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container} accessibilityLabel={ariaLabel}>\n <Text style={styleSheet.title}>{title}</Text>\n {isLoading ? (\n <Text accessibilityLabel={isLoadingAriaLabel}>Loading</Text>\n ) : (\n <View>\n {!listSkills || listSkills.length === 0 ? (\n <ReviewNoSkills\n titleNoSkills={titleNoSkills}\n textNoSkills={textNoSkills}\n iconSkillAriaLabel={iconSkillAriaLabel}\n />\n ) : (\n <ReviewListSkills listSkills={listSkills} />\n )}\n </View>\n )}\n </View>\n );\n};\n\nexport default ReviewSkills;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAAQC,IAAR,EAAcC,IAAd,EAAoBC,UAApB,QAA2D,cAA3D;AACA,OAAOC,cAAP,MAA2B,iDAA3B;AACA,OAAOC,gBAAP,MAA6B,8CAA7B;AAEA,SAAQC,kBAAR,QAAiC,qBAAjC;;AAQA,MAAMC,gBAAgB,GAAIC,KAAD,IACvBL,UAAU,CAACM,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,IAAI,EAAE,CADG;IAETC,OAAO,EAAE,EAFA;IAGTC,KAAK,EAAE,MAHE;IAITC,eAAe,EAAEN,KAAK,CAACO,MAAN,CAAaC;EAJrB,CADK;EAOhBC,KAAK,EAAE;IACLC,QAAQ,EAAEV,KAAK,CAACU,QAAN,CAAeC,MADpB;IAELC,UAAU,EAAEZ,KAAK,CAACY,UAAN,CAAiBC,IAFxB;IAGLC,UAAU,EAAE,EAHP;IAILC,KAAK,EAAEf,KAAK,CAACO,MAAN,CAAaS,IAAb,CAAkBC,OAJpB;IAKLC,YAAY,EAAElB,KAAK,CAACmB,OAAN,CAAcC,IALvB;IAMLC,SAAS,EAAErB,KAAK,CAACmB,OAAN,CAAcG;EANpB;AAPS,CAAlB,CADF;;AAkBA,MAAMC,YAAY,GAAIC,KAAD,IAA8B;EACjD,MAAM;IACJ,cAAcC,SADV;IAEJhB,KAFI;IAGJiB,SAHI;IAIJC,kBAJI;IAKJC,UALI;IAMJC,aANI;IAOJC,YAPI;IAQJC;EARI,IASFP,KATJ;EAUA,MAAMQ,eAAe,GAAGlC,kBAAkB,EAA1C;EACA,MAAM,CAACmC,UAAD,EAAaC,aAAb,IAA8B3C,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACS;EAAD,IAAUgC,eAAhB;EAEAxC,SAAS,CAAC,MAAM;IACd,MAAM2C,WAAW,GAAGpC,gBAAgB,CAACC,KAAD,CAApC;;IACAkC,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACnC,KAAD,CAHM,CAAT;;EAKA,IAAI,CAACiC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEA,UAAU,CAAC/B,SAAxB;IAAmC,kBAAkB,EAAEuB;EAAvD,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEQ,UAAU,CAACxB;EAAxB,GAAgCA,KAAhC,CADF,EAEGiB,SAAS,gBACR,oBAAC,IAAD;IAAM,kBAAkB,EAAEC;EAA1B,aADQ,gBAGR,oBAAC,IAAD,QACG,CAACC,UAAD,IAAeA,UAAU,CAACQ,MAAX,KAAsB,CAArC,gBACC,oBAAC,cAAD;IACE,aAAa,EAAEP,aADjB;IAEE,YAAY,EAAEC,YAFhB;IAGE,kBAAkB,EAAEC;EAHtB,EADD,gBAOC,oBAAC,gBAAD;IAAkB,UAAU,EAAEH;EAA9B,EARJ,CALJ,CADF;AAoBD,CA5CD;;AA8CA,eAAeL,YAAf"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
[{
|
|
2
|
+
"label": "1mn",
|
|
3
|
+
"value": 1
|
|
4
|
+
}, {
|
|
5
|
+
"label": "2mn",
|
|
6
|
+
"value": 2
|
|
7
|
+
}, {
|
|
8
|
+
"label": "3mn",
|
|
9
|
+
"value": 3
|
|
10
|
+
}, {
|
|
11
|
+
"label": "5mn",
|
|
12
|
+
"value": 5
|
|
13
|
+
}, {
|
|
14
|
+
"label": "10mn",
|
|
15
|
+
"value": 10
|
|
16
|
+
}, {
|
|
17
|
+
"label": "15mn",
|
|
18
|
+
"value": 15
|
|
19
|
+
}, {
|
|
20
|
+
"label": "30mn",
|
|
21
|
+
"value": 30
|
|
22
|
+
}, {
|
|
23
|
+
"label": "45mn",
|
|
24
|
+
"value": 45
|
|
25
|
+
}, {
|
|
26
|
+
"label": "1h",
|
|
27
|
+
"value": 60
|
|
28
|
+
}, {
|
|
29
|
+
"label": "2h",
|
|
30
|
+
"value": 120
|
|
31
|
+
}, {
|
|
32
|
+
"label": "2h+",
|
|
33
|
+
"value": 121
|
|
34
|
+
}]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAoGvD,QAAA,MAAM,UAAU,UAAW,eAAe,uBA4CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -11,11 +11,9 @@ var _novaIcons = require("@coorpacademy/nova-icons");
|
|
|
11
11
|
|
|
12
12
|
var _templateContext = require("../../template/app-review/template-context");
|
|
13
13
|
|
|
14
|
-
var _index = require("../../
|
|
14
|
+
var _index = _interopRequireDefault(require("../../hoc/touchable/index.native"));
|
|
15
15
|
|
|
16
|
-
var _index2 = _interopRequireDefault(require("
|
|
17
|
-
|
|
18
|
-
var _index3 = _interopRequireDefault(require("../html/index.native"));
|
|
16
|
+
var _index2 = _interopRequireDefault(require("../html/index.native"));
|
|
19
17
|
|
|
20
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
19
|
|
|
@@ -29,7 +27,8 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
|
|
|
29
27
|
justifyContent: 'space-between',
|
|
30
28
|
flex: 1,
|
|
31
29
|
padding: 20,
|
|
32
|
-
paddingTop:
|
|
30
|
+
paddingTop: 20,
|
|
31
|
+
paddingBottom: 100
|
|
33
32
|
},
|
|
34
33
|
title: {
|
|
35
34
|
height: 72,
|
|
@@ -38,13 +37,17 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
|
|
|
38
37
|
fontWeight: theme.fontWeight.bold,
|
|
39
38
|
lineHeight: 36,
|
|
40
39
|
color: theme.colors.text.primary,
|
|
41
|
-
marginBottom:
|
|
40
|
+
marginBottom: 32
|
|
42
41
|
},
|
|
43
42
|
text: {
|
|
44
43
|
fontSize: theme.fontSize.large,
|
|
45
44
|
color: theme.colors.text.primary,
|
|
46
|
-
opacity: 0.7
|
|
47
|
-
|
|
45
|
+
opacity: 0.7
|
|
46
|
+
},
|
|
47
|
+
tips: {
|
|
48
|
+
marginTop: 32,
|
|
49
|
+
height: 300,
|
|
50
|
+
justifyContent: 'center'
|
|
48
51
|
},
|
|
49
52
|
tip: {
|
|
50
53
|
flexDirection: 'row',
|
|
@@ -67,8 +70,8 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
|
|
|
67
70
|
button: {
|
|
68
71
|
height: 52,
|
|
69
72
|
borderRadius: 7,
|
|
70
|
-
marginBottom:
|
|
71
|
-
marginTop:
|
|
73
|
+
marginBottom: 32,
|
|
74
|
+
marginTop: 16,
|
|
72
75
|
backgroundColor: brandTheme?.colors?.primary || theme.colors.cta,
|
|
73
76
|
justifyContent: 'center'
|
|
74
77
|
},
|
|
@@ -136,11 +139,13 @@ const Onboarding = props => {
|
|
|
136
139
|
|
|
137
140
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
138
141
|
style: styleSheet.container
|
|
139
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
142
|
+
}, /*#__PURE__*/_react.default.createElement(_index2.default, {
|
|
140
143
|
style: styleSheet.title
|
|
141
|
-
}, translations.appReview.presentation.title), /*#__PURE__*/_react.default.createElement(
|
|
144
|
+
}, translations.appReview.presentation.title), /*#__PURE__*/_react.default.createElement(_index2.default, {
|
|
142
145
|
style: styleSheet.text
|
|
143
|
-
}, translations.appReview.presentation.text), /*#__PURE__*/_react.default.createElement(
|
|
146
|
+
}, translations.appReview.presentation.text), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
147
|
+
style: styleSheet.tips
|
|
148
|
+
}, /*#__PURE__*/_react.default.createElement(Tip, {
|
|
144
149
|
Icon: _novaIcons.NovaLineSelectionCursorsCursorArrowTarget,
|
|
145
150
|
text: translations.appReview.presentation.labelList.skills.text
|
|
146
151
|
}), /*#__PURE__*/_react.default.createElement(Tip, {
|
|
@@ -152,7 +157,7 @@ const Onboarding = props => {
|
|
|
152
157
|
}), /*#__PURE__*/_react.default.createElement(Tip, {
|
|
153
158
|
Icon: _novaIcons.NovaSolidStatusCheckCircle2,
|
|
154
159
|
text: translations.appReview.presentation.labelList.allright.text
|
|
155
|
-
}), /*#__PURE__*/_react.default.createElement(
|
|
160
|
+
})), /*#__PURE__*/_react.default.createElement(_index.default, {
|
|
156
161
|
testID: "button-quit-revision-onboarding",
|
|
157
162
|
onPress: onPress,
|
|
158
163
|
analyticsID: "button-start",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","create","container","backgroundColor","colors","white","justifyContent","flex","padding","paddingTop","paddingBottom","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","text","primary","marginBottom","large","opacity","tips","marginTop","tip","flexDirection","overflow","alignItems","borderRadius","gray","extra","spacing","micro","tipText","icon","margin","button","cta","buttonText","alignSelf","Tip","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","Icon","useEffect","_stylesheet","Onboarding","translations","onPress","appReview","presentation","TargetIcon","labelList","skills","QuestionMarkIcon","questions","HeartIcon","lifes","CheckCircle2Icon","allright","ok"],"sources":["../../../src/atom/review-presentation/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {View, StyleSheet, Text, ViewStyle, TextStyle} from 'react-native';\nimport {\n NovaLineSelectionCursorsCursorArrowTarget as TargetIcon,\n NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon,\n NovaSolidStatusCheckCircle2 as CheckCircle2Icon,\n NovaCompositionCoorpacademyVoteHeartOutline as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport Html from '../html/index.native';\nimport {Brand} from '../../variables/brand.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n text: TextStyle;\n tips: ViewStyle;\n tip: ViewStyle;\n tipText: TextStyle;\n icon: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n backgroundColor: theme.colors.white,\n justifyContent: 'space-between',\n flex: 1,\n padding: 20,\n paddingTop: 20,\n paddingBottom: 100\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: 32\n },\n text: {\n fontSize: theme.fontSize.large,\n color: theme.colors.text.primary,\n opacity: 0.7\n },\n tips: {\n marginTop: 32,\n height: 300,\n justifyContent: 'center'\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: 16,\n lineHeight: 22,\n color: theme.colors.text.primary\n },\n icon: {\n margin: 10\n },\n button: {\n height: 52,\n borderRadius: 7,\n marginBottom: 32,\n marginTop: 16,\n backgroundColor: brandTheme?.colors?.primary || theme.colors.cta,\n justifyContent: 'center'\n },\n buttonText: {\n alignSelf: 'center',\n fontWeight: theme.fontWeight.bold,\n fontSize: theme.fontSize.large,\n color: '#fff'\n }\n });\n\nconst Tip = (props: TipProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {brandTheme, theme} = templateContext;\n const {Icon, text} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.tip}>\n <Icon height={16} width={16} style={styleSheet.icon} color={theme.colors.text.primary} />\n <Text style={styleSheet.tipText}>{text}</Text>\n </View>\n );\n};\n\nconst Onboarding = (props: OnboardingProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {brandTheme, theme, translations} = templateContext;\n const {onPress} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(brandTheme, theme);\n setStylesheet(_stylesheet);\n }, [brandTheme, theme]);\n\n // ------------------------------------\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <Html style={styleSheet.title}>{translations.appReview.presentation.title}</Html>\n <Html style={styleSheet.text}>{translations.appReview.presentation.text}</Html>\n\n <View style={styleSheet.tips}>\n <Tip Icon={TargetIcon} text={translations.appReview.presentation.labelList.skills.text} />\n <Tip\n Icon={QuestionMarkIcon}\n text={translations.appReview.presentation.labelList.questions.text}\n />\n <Tip Icon={HeartIcon} text={translations.appReview.presentation.labelList.lifes.text} />\n <Tip\n Icon={CheckCircle2Icon}\n text={translations.appReview.presentation.labelList.allright.text}\n />\n </View>\n <Touchable\n testID=\"button-quit-revision-onboarding\"\n onPress={onPress}\n analyticsID=\"button-start\"\n style={styleSheet.button}\n >\n <Text style={styleSheet.buttonText}>{translations.ok}</Text>\n </Touchable>\n </View>\n );\n};\n\nexport default Onboarding;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
.container {
|
|
2
|
+
width: 300px;
|
|
3
|
+
height: 300px;
|
|
4
|
+
position: relative;
|
|
5
|
+
perspective: 800px;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.square {
|
|
9
|
+
position: absolute;
|
|
10
|
+
width: 100%;
|
|
11
|
+
height: 100%;
|
|
12
|
+
transform-style: preserve-3d;
|
|
13
|
+
transition: transform 1s;
|
|
14
|
+
border: 1px solid black;
|
|
15
|
+
top: 100px;
|
|
16
|
+
left: 100px;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.flipped > .square {
|
|
20
|
+
transform: rotateY(180deg);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.front,
|
|
24
|
+
.back {
|
|
25
|
+
margin: 0;
|
|
26
|
+
display: block;
|
|
27
|
+
position: absolute;
|
|
28
|
+
width: 100%;
|
|
29
|
+
height: 100%;
|
|
30
|
+
backface-visibility: hidden;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.front {
|
|
34
|
+
font-size: 20px;
|
|
35
|
+
display: flex;
|
|
36
|
+
align-items: center;
|
|
37
|
+
justify-content: center;
|
|
38
|
+
flex-flow: column;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.back {
|
|
42
|
+
background-image: url(http://img.voi.pmdstatic.net/fit/http.3A.2F.2Fprd2-bone-image.2Es3-website-eu-west-1.2Eamazonaws.2Ecom.2Fprismamedia_people.2F2017.2F06.2F30.2Fa9a1132c-920d-4d0d-af0c-7c686d72dfe5.2Ejpeg/380x285/quality/80/jacques-chirac.jpg);
|
|
43
|
+
background-size: cover;
|
|
44
|
+
transform: rotateY(180deg);
|
|
45
|
+
}
|