@coorpacademy/components 10.27.1 → 10.27.3-alpha.1
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 +5 -0
- package/es/atom/review-presentation/index.native.d.ts.map +1 -0
- package/es/atom/review-presentation/index.native.js +141 -0
- package/es/atom/review-presentation/index.native.js.map +1 -0
- package/es/atom/review-presentation/prop-types.d.ts +38 -2
- package/es/atom/review-presentation/prop-types.d.ts.map +1 -1
- package/es/atom/review-presentation/prop-types.js +7 -0
- package/es/atom/review-presentation/prop-types.js.map +1 -1
- package/es/organism/podcast-popin-intro/index.native.d.ts +10 -0
- package/es/organism/podcast-popin-intro/index.native.d.ts.map +1 -0
- package/es/organism/podcast-popin-intro/index.native.js +114 -0
- package/es/organism/podcast-popin-intro/index.native.js.map +1 -0
- package/es/template/app-review/onboarding/index.native.d.ts +1 -7
- package/es/template/app-review/onboarding/index.native.d.ts.map +1 -1
- package/es/template/app-review/onboarding/index.native.js +1 -82
- package/es/template/app-review/onboarding/index.native.js.map +1 -1
- package/es/template/app-review/template-context.d.ts +1 -1
- package/es/template/app-review/template-context.d.ts.map +1 -1
- package/es/template/app-review/template-context.js +2 -1
- package/es/template/app-review/template-context.js.map +1 -1
- package/es/variables/default-mobile-translations.d.ts +215 -0
- package/es/variables/default-mobile-translations.d.ts.map +1 -0
- package/es/variables/default-mobile-translations.js +279 -0
- package/es/variables/default-mobile-translations.js.map +1 -0
- package/es/variables/theme.native.d.ts +6 -1
- package/es/variables/theme.native.d.ts.map +1 -1
- package/es/variables/theme.native.js +7 -2
- package/es/variables/theme.native.js.map +1 -1
- package/lib/atom/review-presentation/index.native.d.ts +5 -0
- package/lib/atom/review-presentation/index.native.d.ts.map +1 -0
- package/lib/atom/review-presentation/index.native.js +158 -0
- package/lib/atom/review-presentation/index.native.js.map +1 -0
- package/lib/atom/review-presentation/prop-types.d.ts +38 -2
- package/lib/atom/review-presentation/prop-types.d.ts.map +1 -1
- package/lib/atom/review-presentation/prop-types.js +10 -1
- package/lib/atom/review-presentation/prop-types.js.map +1 -1
- package/lib/organism/podcast-popin-intro/index.native.d.ts +10 -0
- package/lib/organism/podcast-popin-intro/index.native.d.ts.map +1 -0
- package/lib/organism/podcast-popin-intro/index.native.js +131 -0
- package/lib/organism/podcast-popin-intro/index.native.js.map +1 -0
- package/lib/template/app-review/onboarding/index.native.d.ts +1 -7
- package/lib/template/app-review/onboarding/index.native.d.ts.map +1 -1
- package/lib/template/app-review/onboarding/index.native.js +2 -90
- package/lib/template/app-review/onboarding/index.native.js.map +1 -1
- package/lib/template/app-review/template-context.d.ts +1 -1
- package/lib/template/app-review/template-context.d.ts.map +1 -1
- package/lib/template/app-review/template-context.js +3 -1
- package/lib/template/app-review/template-context.js.map +1 -1
- package/lib/variables/default-mobile-translations.d.ts +215 -0
- package/lib/variables/default-mobile-translations.d.ts.map +1 -0
- package/lib/variables/default-mobile-translations.js +284 -0
- package/lib/variables/default-mobile-translations.js.map +1 -0
- package/lib/variables/theme.native.d.ts +6 -1
- package/lib/variables/theme.native.d.ts.map +1 -1
- package/lib/variables/theme.native.js +7 -2
- package/lib/variables/theme.native.js.map +1 -1
- package/package.json +2 -2
- package/es/types/translations.d.ts +0 -12
- package/es/types/translations.d.ts.map +0 -1
- package/es/types/translations.js +0 -2
- package/es/types/translations.js.map +0 -1
- package/lib/types/translations.d.ts +0 -12
- package/lib/types/translations.d.ts.map +0 -1
- package/lib/types/translations.js +0 -2
- package/lib/types/translations.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/index.native.tsx"],"names":[],"mappings":";AAaA,OAAO,EAAC,eAAe,EAAW,MAAM,cAAc,CAAC;AAyFvD,QAAA,MAAM,UAAU,UAAW,eAAe,uBA0CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
|
+
import { View, StyleSheet, Text } from 'react-native';
|
|
3
|
+
import { NovaLineSelectionCursorsCursorArrowTarget as TargetIcon, NovaSolidInterfaceFeedbackInterfaceQuestionMark as QuestionMarkIcon, NovaSolidStatusCheckCircle2 as CheckCircle2Icon, NovaCompositionCoorpacademyHeart as HeartIcon } from '@coorpacademy/nova-icons';
|
|
4
|
+
import { useTemplateContext } from '../../template/app-review/template-context';
|
|
5
|
+
import { HEADER_HEIGHT } from '../../organism/header-v2/index.native';
|
|
6
|
+
import Touchable from '../../hoc/touchable/index.native';
|
|
7
|
+
|
|
8
|
+
const createStyleSheet = theme => StyleSheet.create({
|
|
9
|
+
container: {
|
|
10
|
+
justifyContent: 'space-between',
|
|
11
|
+
flex: 1,
|
|
12
|
+
padding: 20,
|
|
13
|
+
paddingTop: HEADER_HEIGHT + 20
|
|
14
|
+
},
|
|
15
|
+
title: {
|
|
16
|
+
height: 72,
|
|
17
|
+
width: 268,
|
|
18
|
+
fontSize: theme.fontSize.xxlarge,
|
|
19
|
+
fontWeight: theme.fontWeight.bold,
|
|
20
|
+
lineHeight: 36,
|
|
21
|
+
color: theme.colors.text.primary,
|
|
22
|
+
marginBottom: theme.spacing.small
|
|
23
|
+
},
|
|
24
|
+
text: {
|
|
25
|
+
fontSize: theme.fontSize.large,
|
|
26
|
+
color: theme.colors.text.primary,
|
|
27
|
+
opacity: 0.7,
|
|
28
|
+
marginBottom: theme.spacing.small
|
|
29
|
+
},
|
|
30
|
+
tip: {
|
|
31
|
+
flexDirection: 'row',
|
|
32
|
+
overflow: 'hidden',
|
|
33
|
+
alignItems: 'center',
|
|
34
|
+
height: 54,
|
|
35
|
+
borderRadius: 8,
|
|
36
|
+
backgroundColor: theme.colors.gray.extra,
|
|
37
|
+
marginTop: theme.spacing.micro,
|
|
38
|
+
marginBottom: theme.spacing.micro
|
|
39
|
+
},
|
|
40
|
+
tipText: {
|
|
41
|
+
fontSize: theme.fontSize.large,
|
|
42
|
+
color: theme.colors.text.primary
|
|
43
|
+
},
|
|
44
|
+
icon: {
|
|
45
|
+
margin: 10
|
|
46
|
+
},
|
|
47
|
+
button: {
|
|
48
|
+
height: 52,
|
|
49
|
+
borderRadius: 7,
|
|
50
|
+
marginBottom: theme.spacing.large,
|
|
51
|
+
marginTop: theme.spacing.large
|
|
52
|
+
},
|
|
53
|
+
buttonText: {
|
|
54
|
+
fontWeight: theme.fontWeight.bold,
|
|
55
|
+
fontSize: theme.fontSize.large,
|
|
56
|
+
color: theme.colors.text.secondary
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
|
|
60
|
+
const Tip = props => {
|
|
61
|
+
const templateContext = useTemplateContext();
|
|
62
|
+
const [styleSheet, setStylesheet] = useState(null);
|
|
63
|
+
const {
|
|
64
|
+
theme
|
|
65
|
+
} = templateContext;
|
|
66
|
+
const {
|
|
67
|
+
Icon,
|
|
68
|
+
text
|
|
69
|
+
} = props;
|
|
70
|
+
useEffect(() => {
|
|
71
|
+
const _stylesheet = createStyleSheet(theme);
|
|
72
|
+
|
|
73
|
+
setStylesheet(_stylesheet);
|
|
74
|
+
}, [theme]);
|
|
75
|
+
|
|
76
|
+
if (!styleSheet) {
|
|
77
|
+
return null;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
81
|
+
style: styleSheet.tip
|
|
82
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
83
|
+
height: 16,
|
|
84
|
+
width: 16,
|
|
85
|
+
style: styleSheet.icon,
|
|
86
|
+
color: theme.colors.text.primary
|
|
87
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
88
|
+
style: styleSheet.tipText
|
|
89
|
+
}, text));
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
const Onboarding = props => {
|
|
93
|
+
const templateContext = useTemplateContext();
|
|
94
|
+
const [styleSheet, setStylesheet] = useState(null);
|
|
95
|
+
const {
|
|
96
|
+
theme,
|
|
97
|
+
translations
|
|
98
|
+
} = templateContext;
|
|
99
|
+
const {
|
|
100
|
+
onPress
|
|
101
|
+
} = props;
|
|
102
|
+
useEffect(() => {
|
|
103
|
+
const _stylesheet = createStyleSheet(theme);
|
|
104
|
+
|
|
105
|
+
setStylesheet(_stylesheet);
|
|
106
|
+
}, [theme]); // ------------------------------------
|
|
107
|
+
|
|
108
|
+
if (!styleSheet) {
|
|
109
|
+
return null;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
113
|
+
style: styleSheet.container
|
|
114
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
115
|
+
style: styleSheet.title
|
|
116
|
+
}, translations.appReview?.presentation.title), /*#__PURE__*/React.createElement(Text, {
|
|
117
|
+
style: styleSheet.text
|
|
118
|
+
}, translations.appReview?.presentation.text), /*#__PURE__*/React.createElement(Tip, {
|
|
119
|
+
Icon: TargetIcon,
|
|
120
|
+
text: translations.appReview?.presentation?.labelList?.skills?.text
|
|
121
|
+
}), /*#__PURE__*/React.createElement(Tip, {
|
|
122
|
+
Icon: QuestionMarkIcon,
|
|
123
|
+
text: translations.appReview?.presentation?.labelList?.questions?.text
|
|
124
|
+
}), /*#__PURE__*/React.createElement(Tip, {
|
|
125
|
+
Icon: HeartIcon,
|
|
126
|
+
text: translations.appReview?.presentation?.labelList?.lifes?.text
|
|
127
|
+
}), /*#__PURE__*/React.createElement(Tip, {
|
|
128
|
+
Icon: CheckCircle2Icon,
|
|
129
|
+
text: translations.appReview?.presentation?.labelList?.allright?.text
|
|
130
|
+
}), /*#__PURE__*/React.createElement(Touchable, {
|
|
131
|
+
testID: `button-quit-revision-onboarding`,
|
|
132
|
+
onPress: onPress,
|
|
133
|
+
analyticsID: "button-start",
|
|
134
|
+
style: styleSheet.button
|
|
135
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
136
|
+
style: styleSheet.buttonText
|
|
137
|
+
}, translations.appReview?.presentation.button)));
|
|
138
|
+
};
|
|
139
|
+
|
|
140
|
+
export default Onboarding;
|
|
141
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["React","useState","useEffect","View","StyleSheet","Text","NovaLineSelectionCursorsCursorArrowTarget","TargetIcon","NovaSolidInterfaceFeedbackInterfaceQuestionMark","QuestionMarkIcon","NovaSolidStatusCheckCircle2","CheckCircle2Icon","NovaCompositionCoorpacademyHeart","HeartIcon","useTemplateContext","HEADER_HEIGHT","Touchable","createStyleSheet","theme","create","container","justifyContent","flex","padding","paddingTop","title","height","width","fontSize","xxlarge","fontWeight","bold","lineHeight","color","colors","text","primary","marginBottom","spacing","small","large","opacity","tip","flexDirection","overflow","alignItems","borderRadius","backgroundColor","gray","extra","marginTop","micro","tipText","icon","margin","button","buttonText","secondary","Tip","props","templateContext","styleSheet","setStylesheet","Icon","_stylesheet","Onboarding","translations","onPress","appReview","presentation","labelList","skills","questions","lifes","allright"],"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 NovaCompositionCoorpacademyHeart as HeartIcon\n} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\nimport {HEADER_HEIGHT} from '../../organism/header-v2/index.native';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {OnboardingProps, TipProps} from './prop-types';\n\ntype StyleSheetType = {\n container: ViewStyle;\n title: TextStyle;\n text: TextStyle;\n tip: ViewStyle;\n tipText: TextStyle;\n icon: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n StyleSheet.create({\n container: {\n justifyContent: 'space-between',\n flex: 1,\n padding: 20,\n paddingTop: HEADER_HEIGHT + 20\n },\n title: {\n height: 72,\n width: 268,\n fontSize: theme.fontSize.xxlarge,\n fontWeight: theme.fontWeight.bold,\n lineHeight: 36,\n color: theme.colors.text.primary,\n marginBottom: theme.spacing.small\n },\n text: {\n fontSize: theme.fontSize.large,\n color: theme.colors.text.primary,\n opacity: 0.7,\n marginBottom: theme.spacing.small\n },\n tip: {\n flexDirection: 'row',\n overflow: 'hidden',\n alignItems: 'center',\n height: 54,\n borderRadius: 8,\n backgroundColor: theme.colors.gray.extra,\n marginTop: theme.spacing.micro,\n marginBottom: theme.spacing.micro\n },\n tipText: {\n fontSize: theme.fontSize.large,\n color: theme.colors.text.primary\n },\n icon: {\n margin: 10\n },\n button: {\n height: 52,\n borderRadius: 7,\n marginBottom: theme.spacing.large,\n marginTop: theme.spacing.large\n },\n buttonText: {\n fontWeight: theme.fontWeight.bold,\n fontSize: theme.fontSize.large,\n color: theme.colors.text.secondary\n }\n });\n\nconst Tip = (props: TipProps) => {\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme} = templateContext;\n const {Icon, text} = props;\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.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 {theme, translations} = templateContext;\n const {onPress} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme);\n setStylesheet(_stylesheet);\n }, [theme]);\n\n // ------------------------------------\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <View style={styleSheet.container}>\n <Text style={styleSheet.title}>{translations.appReview?.presentation.title}</Text>\n <Text style={styleSheet.text}>{translations.appReview?.presentation.text}</Text>\n\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 <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.appReview?.presentation.button}</Text>\n </Touchable>\n </View>\n );\n};\n\nexport default Onboarding;\n"],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { GestureResponderEvent } from 'react-native';
|
|
2
3
|
declare const propTypes: {
|
|
3
4
|
'aria-label': PropTypes.Requireable<string>;
|
|
4
5
|
reviewTitle: PropTypes.Requireable<string>;
|
|
@@ -22,5 +23,40 @@ declare const propTypes: {
|
|
|
22
23
|
}>>;
|
|
23
24
|
}>>;
|
|
24
25
|
};
|
|
25
|
-
|
|
26
|
+
export default propTypes;
|
|
27
|
+
export declare const OnboardingPropsTypes: {
|
|
28
|
+
onPress: PropTypes.Requireable<(...args: any[]) => any>;
|
|
29
|
+
};
|
|
30
|
+
export declare const TipPropsTypes: {
|
|
31
|
+
text: PropTypes.Requireable<string>;
|
|
32
|
+
Icon: PropTypes.Requireable<any>;
|
|
33
|
+
};
|
|
34
|
+
export declare type OnboardingProps = {
|
|
35
|
+
'aria-label'?: string | undefined;
|
|
36
|
+
reviewTitle?: string | undefined;
|
|
37
|
+
reviewText?: string | undefined;
|
|
38
|
+
labelsList?: {
|
|
39
|
+
skills?: {
|
|
40
|
+
text?: string | undefined;
|
|
41
|
+
tooltipText?: string | undefined;
|
|
42
|
+
} | undefined;
|
|
43
|
+
questions?: {
|
|
44
|
+
text?: string | undefined;
|
|
45
|
+
tooltipText?: string | undefined;
|
|
46
|
+
};
|
|
47
|
+
lifes?: {
|
|
48
|
+
text?: string | undefined;
|
|
49
|
+
tooltipText?: string | undefined;
|
|
50
|
+
} | undefined;
|
|
51
|
+
allright?: {
|
|
52
|
+
text?: string | undefined;
|
|
53
|
+
tooltipText?: string | undefined;
|
|
54
|
+
} | undefined;
|
|
55
|
+
};
|
|
56
|
+
onPress: (event: GestureResponderEvent) => any;
|
|
57
|
+
};
|
|
58
|
+
export declare type TipProps = {
|
|
59
|
+
text: string | undefined;
|
|
60
|
+
Icon: any;
|
|
61
|
+
};
|
|
26
62
|
//# sourceMappingURL=prop-types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/prop-types.
|
|
1
|
+
{"version":3,"file":"prop-types.d.ts","sourceRoot":"","sources":["../../../src/atom/review-presentation/prop-types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,qBAAqB,EAAC,MAAM,cAAc,CAAC;AAOnD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAUd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,eAAO,MAAM,oBAAoB;;CAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE;QACX,MAAM,CAAC,EACH;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;QACd,SAAS,CAAC,EAAE;YACV,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,CAAC;QACF,KAAK,CAAC,EACF;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;QACd,QAAQ,CAAC,EACL;YACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;YAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;SAClC,GACD,SAAS,CAAC;KACf,CAAC;IACF,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,GAAG,CAAC;CAChD,CAAC;AAEF,oBAAY,QAAQ,GAAG;IACrB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,IAAI,EAAE,GAAG,CAAC;CACX,CAAC"}
|
|
@@ -15,4 +15,11 @@ const propTypes = {
|
|
|
15
15
|
})
|
|
16
16
|
};
|
|
17
17
|
export default propTypes;
|
|
18
|
+
export const OnboardingPropsTypes = {
|
|
19
|
+
onPress: PropTypes.func
|
|
20
|
+
};
|
|
21
|
+
export const TipPropsTypes = {
|
|
22
|
+
text: PropTypes.string,
|
|
23
|
+
Icon: PropTypes.any
|
|
24
|
+
};
|
|
18
25
|
//# sourceMappingURL=prop-types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"prop-types.js","names":["PropTypes","levelItem","shape","text","string","tooltipText","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright"],"sources":["../../../src/atom/review-presentation/prop-types.
|
|
1
|
+
{"version":3,"file":"prop-types.js","names":["PropTypes","levelItem","shape","text","string","tooltipText","propTypes","reviewTitle","reviewText","labelsList","skills","questions","lifes","allright","OnboardingPropsTypes","onPress","func","TipPropsTypes","Icon","any"],"sources":["../../../src/atom/review-presentation/prop-types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {GestureResponderEvent} from 'react-native';\n\nconst levelItem = PropTypes.shape({\n text: PropTypes.string,\n tooltipText: PropTypes.string\n});\n\nconst propTypes = {\n 'aria-label': PropTypes.string,\n reviewTitle: PropTypes.string,\n reviewText: PropTypes.string,\n labelsList: PropTypes.shape({\n skills: levelItem,\n questions: levelItem,\n lifes: levelItem,\n allright: levelItem\n })\n};\n\nexport default propTypes;\n\nexport const OnboardingPropsTypes = {\n onPress: PropTypes.func\n};\n\nexport const TipPropsTypes = {\n text: PropTypes.string,\n Icon: PropTypes.any\n};\n\nexport type OnboardingProps = {\n 'aria-label'?: string | undefined;\n reviewTitle?: string | undefined;\n reviewText?: string | undefined;\n labelsList?: {\n skills?:\n | {\n text?: string | undefined;\n tooltipText?: string | undefined;\n }\n | undefined;\n questions?: {\n text?: string | undefined;\n tooltipText?: string | undefined;\n };\n lifes?:\n | {\n text?: string | undefined;\n tooltipText?: string | undefined;\n }\n | undefined;\n allright?:\n | {\n text?: string | undefined;\n tooltipText?: string | undefined;\n }\n | undefined;\n };\n onPress: (event: GestureResponderEvent) => any;\n};\n\nexport type TipProps = {\n text: string | undefined;\n Icon: any;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAGA,MAAMC,SAAS,GAAGD,SAAS,CAACE,KAAV,CAAgB;EAChCC,IAAI,EAAEH,SAAS,CAACI,MADgB;EAEhCC,WAAW,EAAEL,SAAS,CAACI;AAFS,CAAhB,CAAlB;AAKA,MAAME,SAAS,GAAG;EAChB,cAAcN,SAAS,CAACI,MADR;EAEhBG,WAAW,EAAEP,SAAS,CAACI,MAFP;EAGhBI,UAAU,EAAER,SAAS,CAACI,MAHN;EAIhBK,UAAU,EAAET,SAAS,CAACE,KAAV,CAAgB;IAC1BQ,MAAM,EAAET,SADkB;IAE1BU,SAAS,EAAEV,SAFe;IAG1BW,KAAK,EAAEX,SAHmB;IAI1BY,QAAQ,EAAEZ;EAJgB,CAAhB;AAJI,CAAlB;AAYA,eAAeK,SAAf;AAEA,OAAO,MAAMQ,oBAAoB,GAAG;EAClCC,OAAO,EAAEf,SAAS,CAACgB;AADe,CAA7B;AAIP,OAAO,MAAMC,aAAa,GAAG;EAC3Bd,IAAI,EAAEH,SAAS,CAACI,MADW;EAE3Bc,IAAI,EAAElB,SAAS,CAACmB;AAFW,CAAtB"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { GestureResponderEvent } from 'react-native';
|
|
3
|
+
export declare type Props = {
|
|
4
|
+
isVisible: boolean;
|
|
5
|
+
onValidate: (event: GestureResponderEvent) => void;
|
|
6
|
+
};
|
|
7
|
+
declare const PodcastPopinIntro: (props: Props) => JSX.Element | null;
|
|
8
|
+
export declare type PodcastPopinIntroProps = Props;
|
|
9
|
+
export default PodcastPopinIntro;
|
|
10
|
+
//# sourceMappingURL=index.native.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/organism/podcast-popin-intro/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAOL,qBAAqB,EACtB,MAAM,cAAc,CAAC;AAQtB,oBAAY,KAAK,GAAG;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACpD,CAAC;AAwEF,QAAA,MAAM,iBAAiB,UAAW,KAAK,uBAgCtC,CAAC;AAEF,oBAAY,sBAAsB,GAAG,KAAK,CAAC;AAC3C,eAAe,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,114 @@
|
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
|
+
import { useWindowDimensions, StyleSheet, Text, View } from 'react-native';
|
|
3
|
+
import Modal from 'react-native-modal';
|
|
4
|
+
import { NovaSolidAudioHeadphone as Headphone } from '@coorpacademy/nova-icons';
|
|
5
|
+
import { useTemplateContext } from '../../template/app-review/template-context';
|
|
6
|
+
import Touchable from '../../hoc/touchable/index.native';
|
|
7
|
+
|
|
8
|
+
const createStyleSheet = (theme, windowHeight) => {
|
|
9
|
+
const popinHeight = 368;
|
|
10
|
+
return StyleSheet.create({
|
|
11
|
+
container: {
|
|
12
|
+
position: 'absolute',
|
|
13
|
+
top: (windowHeight - popinHeight) / 2,
|
|
14
|
+
height: popinHeight,
|
|
15
|
+
backgroundColor: '#fff',
|
|
16
|
+
justifyContent: 'space-between',
|
|
17
|
+
alignSelf: 'center',
|
|
18
|
+
alignItems: 'center',
|
|
19
|
+
borderRadius: 8,
|
|
20
|
+
// width: '90%',
|
|
21
|
+
padding: 24
|
|
22
|
+
},
|
|
23
|
+
headphonesWrapper: {
|
|
24
|
+
width: 115,
|
|
25
|
+
height: 115,
|
|
26
|
+
backgroundColor: '#FFEFEB',
|
|
27
|
+
justifyContent: 'center',
|
|
28
|
+
borderRadius: 60
|
|
29
|
+
},
|
|
30
|
+
headphones: {
|
|
31
|
+
alignSelf: 'center',
|
|
32
|
+
width: 60,
|
|
33
|
+
height: 60,
|
|
34
|
+
fill: theme.colors.podcast.primary
|
|
35
|
+
},
|
|
36
|
+
button: {
|
|
37
|
+
width: '40%',
|
|
38
|
+
height: 44,
|
|
39
|
+
backgroundColor: theme.colors.podcast.primary,
|
|
40
|
+
borderRadius: 7,
|
|
41
|
+
justifyContent: 'center'
|
|
42
|
+
},
|
|
43
|
+
buttonText: {
|
|
44
|
+
alignSelf: 'center',
|
|
45
|
+
color: '#FFFFFF',
|
|
46
|
+
fontWeight: theme.fontWeight.bold,
|
|
47
|
+
fontFamily: 'System',
|
|
48
|
+
fontSize: 14,
|
|
49
|
+
lineHeight: 20
|
|
50
|
+
},
|
|
51
|
+
title: {
|
|
52
|
+
textAlign: 'center',
|
|
53
|
+
lineHeight: 24,
|
|
54
|
+
fontWeight: '700',
|
|
55
|
+
fontSize: 20,
|
|
56
|
+
paddingHorizontal: 40
|
|
57
|
+
},
|
|
58
|
+
message: {
|
|
59
|
+
textAlign: 'center',
|
|
60
|
+
lineHeight: 19,
|
|
61
|
+
fontWeight: '300',
|
|
62
|
+
fontSize: 16,
|
|
63
|
+
paddingHorizontal: 40
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
const PodcastPopinIntro = props => {
|
|
69
|
+
const {
|
|
70
|
+
height: windowHeight
|
|
71
|
+
} = useWindowDimensions();
|
|
72
|
+
const templateContext = useTemplateContext();
|
|
73
|
+
const [styleSheet, setStylesheet] = useState(null);
|
|
74
|
+
const {
|
|
75
|
+
theme,
|
|
76
|
+
translations
|
|
77
|
+
} = templateContext;
|
|
78
|
+
const {
|
|
79
|
+
isVisible,
|
|
80
|
+
onValidate
|
|
81
|
+
} = props;
|
|
82
|
+
useEffect(() => {
|
|
83
|
+
const _stylesheet = createStyleSheet(theme, windowHeight);
|
|
84
|
+
|
|
85
|
+
setStylesheet(_stylesheet);
|
|
86
|
+
}, [theme, windowHeight]);
|
|
87
|
+
|
|
88
|
+
if (!styleSheet) {
|
|
89
|
+
return null;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
return /*#__PURE__*/React.createElement(Modal, {
|
|
93
|
+
isVisible: isVisible,
|
|
94
|
+
style: styleSheet.container,
|
|
95
|
+
testID: "podcast-popin-intro"
|
|
96
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
97
|
+
style: styleSheet.headphonesWrapper
|
|
98
|
+
}, /*#__PURE__*/React.createElement(Headphone, {
|
|
99
|
+
style: styleSheet.headphones
|
|
100
|
+
})), /*#__PURE__*/React.createElement(Text, {
|
|
101
|
+
style: styleSheet.title
|
|
102
|
+
}, translations.appPodcast.infoNewFeature.title), /*#__PURE__*/React.createElement(Text, {
|
|
103
|
+
style: styleSheet.message
|
|
104
|
+
}, translations.appPodcast.infoNewFeature.message), /*#__PURE__*/React.createElement(Touchable, {
|
|
105
|
+
style: styleSheet.button,
|
|
106
|
+
onPress: onValidate,
|
|
107
|
+
testID: "podcast-popin-intro-validate-button"
|
|
108
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
109
|
+
style: styleSheet.buttonText
|
|
110
|
+
}, translations.appPodcast.infoNewFeature.cta)));
|
|
111
|
+
};
|
|
112
|
+
|
|
113
|
+
export default PodcastPopinIntro;
|
|
114
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useWindowDimensions","StyleSheet","Text","View","Modal","NovaSolidAudioHeadphone","Headphone","useTemplateContext","Touchable","createStyleSheet","theme","windowHeight","popinHeight","create","container","position","top","height","backgroundColor","justifyContent","alignSelf","alignItems","borderRadius","padding","headphonesWrapper","width","headphones","fill","colors","podcast","primary","button","buttonText","color","fontWeight","bold","fontFamily","fontSize","lineHeight","title","textAlign","paddingHorizontal","message","PodcastPopinIntro","props","templateContext","styleSheet","setStylesheet","translations","isVisible","onValidate","_stylesheet","appPodcast","infoNewFeature","cta"],"sources":["../../../src/organism/podcast-popin-intro/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {\n useWindowDimensions,\n StyleSheet,\n ViewStyle,\n Text,\n TextStyle,\n View,\n GestureResponderEvent\n} from 'react-native';\nimport Modal from 'react-native-modal';\nimport {NovaSolidAudioHeadphone as Headphone} from '@coorpacademy/nova-icons';\n\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport Touchable from '../../hoc/touchable/index.native';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n isVisible: boolean;\n onValidate: (event: GestureResponderEvent) => void;\n};\n\ntype StyleSheetType = {\n container: ViewStyle;\n headphones: ViewStyle;\n headphonesWrapper: ViewStyle;\n button: ViewStyle;\n buttonText: TextStyle;\n title: TextStyle;\n message: TextStyle;\n};\n\nconst createStyleSheet = (theme: Theme, windowHeight: number) => {\n const popinHeight = 368;\n return StyleSheet.create({\n container: {\n position: 'absolute',\n top: (windowHeight - popinHeight) / 2,\n height: popinHeight,\n backgroundColor: '#fff',\n justifyContent: 'space-between',\n alignSelf: 'center',\n alignItems: 'center',\n borderRadius: 8,\n // width: '90%',\n padding: 24\n },\n headphonesWrapper: {\n width: 115,\n height: 115,\n backgroundColor: '#FFEFEB',\n justifyContent: 'center',\n borderRadius: 60\n },\n headphones: {\n alignSelf: 'center',\n width: 60,\n height: 60,\n fill: theme.colors.podcast.primary\n },\n button: {\n width: '40%',\n height: 44,\n backgroundColor: theme.colors.podcast.primary,\n borderRadius: 7,\n justifyContent: 'center'\n },\n buttonText: {\n alignSelf: 'center',\n color: '#FFFFFF',\n fontWeight: theme.fontWeight.bold,\n fontFamily: 'System',\n fontSize: 14,\n lineHeight: 20\n },\n title: {\n textAlign: 'center',\n lineHeight: 24,\n fontWeight: '700',\n fontSize: 20,\n paddingHorizontal: 40\n },\n message: {\n textAlign: 'center',\n lineHeight: 19,\n fontWeight: '300',\n fontSize: 16,\n paddingHorizontal: 40\n }\n });\n};\n\nconst PodcastPopinIntro = (props: Props) => {\n const {height: windowHeight} = useWindowDimensions();\n const templateContext = useTemplateContext();\n const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n const {theme, translations} = templateContext;\n const {isVisible, onValidate} = props;\n\n useEffect(() => {\n const _stylesheet = createStyleSheet(theme, windowHeight);\n setStylesheet(_stylesheet);\n }, [theme, windowHeight]);\n\n if (!styleSheet) {\n return null;\n }\n\n return (\n <Modal isVisible={isVisible} style={styleSheet.container} testID=\"podcast-popin-intro\">\n <View style={styleSheet.headphonesWrapper}>\n <Headphone style={styleSheet.headphones} />\n </View>\n <Text style={styleSheet.title}>{translations.appPodcast.infoNewFeature.title}</Text>\n <Text style={styleSheet.message}>{translations.appPodcast.infoNewFeature.message}</Text>\n <Touchable\n style={styleSheet.button}\n onPress={onValidate}\n testID=\"podcast-popin-intro-validate-button\"\n >\n <Text style={styleSheet.buttonText}>{translations.appPodcast.infoNewFeature.cta}</Text>\n </Touchable>\n </Modal>\n );\n};\n\nexport type PodcastPopinIntroProps = Props;\nexport default PodcastPopinIntro;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SACEC,mBADF,EAEEC,UAFF,EAIEC,IAJF,EAMEC,IANF,QAQO,cARP;AASA,OAAOC,KAAP,MAAkB,oBAAlB;AACA,SAAQC,uBAAuB,IAAIC,SAAnC,QAAmD,0BAAnD;AAEA,SAAQC,kBAAR,QAAiC,4CAAjC;AACA,OAAOC,SAAP,MAAsB,kCAAtB;;AAkBA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAeC,YAAf,KAAwC;EAC/D,MAAMC,WAAW,GAAG,GAApB;EACA,OAAOX,UAAU,CAACY,MAAX,CAAkB;IACvBC,SAAS,EAAE;MACTC,QAAQ,EAAE,UADD;MAETC,GAAG,EAAE,CAACL,YAAY,GAAGC,WAAhB,IAA+B,CAF3B;MAGTK,MAAM,EAAEL,WAHC;MAITM,eAAe,EAAE,MAJR;MAKTC,cAAc,EAAE,eALP;MAMTC,SAAS,EAAE,QANF;MAOTC,UAAU,EAAE,QAPH;MAQTC,YAAY,EAAE,CARL;MAST;MACAC,OAAO,EAAE;IAVA,CADY;IAavBC,iBAAiB,EAAE;MACjBC,KAAK,EAAE,GADU;MAEjBR,MAAM,EAAE,GAFS;MAGjBC,eAAe,EAAE,SAHA;MAIjBC,cAAc,EAAE,QAJC;MAKjBG,YAAY,EAAE;IALG,CAbI;IAoBvBI,UAAU,EAAE;MACVN,SAAS,EAAE,QADD;MAEVK,KAAK,EAAE,EAFG;MAGVR,MAAM,EAAE,EAHE;MAIVU,IAAI,EAAEjB,KAAK,CAACkB,MAAN,CAAaC,OAAb,CAAqBC;IAJjB,CApBW;IA0BvBC,MAAM,EAAE;MACNN,KAAK,EAAE,KADD;MAENR,MAAM,EAAE,EAFF;MAGNC,eAAe,EAAER,KAAK,CAACkB,MAAN,CAAaC,OAAb,CAAqBC,OAHhC;MAINR,YAAY,EAAE,CAJR;MAKNH,cAAc,EAAE;IALV,CA1Be;IAiCvBa,UAAU,EAAE;MACVZ,SAAS,EAAE,QADD;MAEVa,KAAK,EAAE,SAFG;MAGVC,UAAU,EAAExB,KAAK,CAACwB,UAAN,CAAiBC,IAHnB;MAIVC,UAAU,EAAE,QAJF;MAKVC,QAAQ,EAAE,EALA;MAMVC,UAAU,EAAE;IANF,CAjCW;IAyCvBC,KAAK,EAAE;MACLC,SAAS,EAAE,QADN;MAELF,UAAU,EAAE,EAFP;MAGLJ,UAAU,EAAE,KAHP;MAILG,QAAQ,EAAE,EAJL;MAKLI,iBAAiB,EAAE;IALd,CAzCgB;IAgDvBC,OAAO,EAAE;MACPF,SAAS,EAAE,QADJ;MAEPF,UAAU,EAAE,EAFL;MAGPJ,UAAU,EAAE,KAHL;MAIPG,QAAQ,EAAE,EAJH;MAKPI,iBAAiB,EAAE;IALZ;EAhDc,CAAlB,CAAP;AAwDD,CA1DD;;AA4DA,MAAME,iBAAiB,GAAIC,KAAD,IAAkB;EAC1C,MAAM;IAAC3B,MAAM,EAAEN;EAAT,IAAyBX,mBAAmB,EAAlD;EACA,MAAM6C,eAAe,GAAGtC,kBAAkB,EAA1C;EACA,MAAM,CAACuC,UAAD,EAAaC,aAAb,IAA8BjD,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACY,KAAD;IAAQsC;EAAR,IAAwBH,eAA9B;EACA,MAAM;IAACI,SAAD;IAAYC;EAAZ,IAA0BN,KAAhC;EAEA7C,SAAS,CAAC,MAAM;IACd,MAAMoD,WAAW,GAAG1C,gBAAgB,CAACC,KAAD,EAAQC,YAAR,CAApC;;IACAoC,aAAa,CAACI,WAAD,CAAb;EACD,CAHQ,EAGN,CAACzC,KAAD,EAAQC,YAAR,CAHM,CAAT;;EAKA,IAAI,CAACmC,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,oBAAC,KAAD;IAAO,SAAS,EAAEG,SAAlB;IAA6B,KAAK,EAAEH,UAAU,CAAChC,SAA/C;IAA0D,MAAM,EAAC;EAAjE,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEgC,UAAU,CAACtB;EAAxB,gBACE,oBAAC,SAAD;IAAW,KAAK,EAAEsB,UAAU,CAACpB;EAA7B,EADF,CADF,eAIE,oBAAC,IAAD;IAAM,KAAK,EAAEoB,UAAU,CAACP;EAAxB,GAAgCS,YAAY,CAACI,UAAb,CAAwBC,cAAxB,CAAuCd,KAAvE,CAJF,eAKE,oBAAC,IAAD;IAAM,KAAK,EAAEO,UAAU,CAACJ;EAAxB,GAAkCM,YAAY,CAACI,UAAb,CAAwBC,cAAxB,CAAuCX,OAAzE,CALF,eAME,oBAAC,SAAD;IACE,KAAK,EAAEI,UAAU,CAACf,MADpB;IAEE,OAAO,EAAEmB,UAFX;IAGE,MAAM,EAAC;EAHT,gBAKE,oBAAC,IAAD;IAAM,KAAK,EAAEJ,UAAU,CAACd;EAAxB,GAAqCgB,YAAY,CAACI,UAAb,CAAwBC,cAAxB,CAAuCC,GAA5E,CALF,CANF,CADF;AAgBD,CAhCD;;AAmCA,eAAeX,iBAAf"}
|
|
@@ -1,9 +1,3 @@
|
|
|
1
1
|
export default Onboarding;
|
|
2
|
-
|
|
3
|
-
reviewTitle: any;
|
|
4
|
-
}): JSX.Element;
|
|
5
|
-
declare namespace Onboarding {
|
|
6
|
-
export { propTypes };
|
|
7
|
-
}
|
|
8
|
-
import propTypes from "../../../atom/review-presentation/prop-types";
|
|
2
|
+
import Onboarding from "../../../atom/review-presentation/index.native";
|
|
9
3
|
//# sourceMappingURL=index.native.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/onboarding/index.native.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/template/app-review/onboarding/index.native.js"],"names":[],"mappings":""}
|
|
@@ -1,84 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { View, StyleSheet, Text } from 'react-native';
|
|
3
|
-
import propTypes from '../../../atom/review-presentation/prop-types'; // import {NovaLineSelectionCursorsCursorArrowTarget as TargetIcon} from '@coorpacademy/nova-icons';
|
|
4
|
-
// import theme from '../../../modules/theme';
|
|
5
|
-
// import translations from '../../../translations';
|
|
6
|
-
// import Button from '../../../app-shared/components/button';
|
|
7
|
-
// import {HEADER_HEIGHT} from '../../../app-shared/components/header-v2';
|
|
8
|
-
|
|
9
|
-
const styles = StyleSheet.create({
|
|
10
|
-
container: {
|
|
11
|
-
justifyContent: 'space-between',
|
|
12
|
-
flex: 1,
|
|
13
|
-
padding: 20 // paddingTop: HEADER_HEIGHT + 20
|
|
14
|
-
|
|
15
|
-
},
|
|
16
|
-
title: {
|
|
17
|
-
height: 72,
|
|
18
|
-
width: 268,
|
|
19
|
-
// fontSize: theme.fontSize.xxlarge,
|
|
20
|
-
// fontWeight: theme.fontWeight.bold,
|
|
21
|
-
lineHeight: 36 // color: theme.colors.text.primary,
|
|
22
|
-
// marginBottom: theme.spacing.small
|
|
23
|
-
|
|
24
|
-
},
|
|
25
|
-
text: {
|
|
26
|
-
// fontSize: theme.fontSize.large,
|
|
27
|
-
// color: theme.colors.text.primary,
|
|
28
|
-
opacity: 0.7 // marginBottom: theme.spacing.small
|
|
29
|
-
|
|
30
|
-
},
|
|
31
|
-
tip: {
|
|
32
|
-
flexDirection: 'row',
|
|
33
|
-
overflow: 'hidden',
|
|
34
|
-
alignItems: 'center',
|
|
35
|
-
height: 54,
|
|
36
|
-
borderRadius: 8 // backgroundColor: theme.colors.gray.extra,
|
|
37
|
-
// marginTop: theme.spacing.micro,
|
|
38
|
-
// marginBottom: theme.spacing.micro
|
|
39
|
-
|
|
40
|
-
},
|
|
41
|
-
tipText: {// fontSize: theme.fontSize.large,
|
|
42
|
-
// color: theme.colors.text.primary
|
|
43
|
-
},
|
|
44
|
-
icon: {
|
|
45
|
-
margin: 10
|
|
46
|
-
},
|
|
47
|
-
button: {
|
|
48
|
-
height: 52,
|
|
49
|
-
borderRadius: 7 // marginBottom: theme.spacing.large,
|
|
50
|
-
// marginTop: theme.spacing.large
|
|
51
|
-
|
|
52
|
-
}
|
|
53
|
-
}); // const Tip = ({Icon, text}) => (
|
|
54
|
-
// <View style={styles.tip}>
|
|
55
|
-
// {/* <Icon height={16} width={16} style={styles.icon} color={theme.colors.text.primary} /> */}
|
|
56
|
-
// <Text style={styles.tipText}>{text}</Text>
|
|
57
|
-
// </View>
|
|
58
|
-
// );
|
|
59
|
-
|
|
60
|
-
/*
|
|
61
|
-
reviewTitle --> translations.revision.onboarding.title
|
|
62
|
-
*/
|
|
63
|
-
// {/* <Text style={styles.title}>{translations.revision.onboarding.title}</Text>
|
|
64
|
-
// <Text style={styles.text}>{translations.revision.onboarding.intro1}</Text>
|
|
65
|
-
// <Text style={styles.text}>{translations.revision.onboarding.intro2}</Text>
|
|
66
|
-
// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip1} />
|
|
67
|
-
// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip2} />
|
|
68
|
-
// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip3} />
|
|
69
|
-
// <Tip Icon={TargetIcon} text={translations.revision.onboarding.tip4} /> */}
|
|
70
|
-
// {/* <Button style={styles.button} onPress={onButtonPress} testID={`button-quit-revision-onboarding`}>
|
|
71
|
-
// {translations.revision.onboarding.validate}
|
|
72
|
-
// </Button> */}
|
|
73
|
-
|
|
74
|
-
const Onboarding = ({
|
|
75
|
-
reviewTitle
|
|
76
|
-
}) => /*#__PURE__*/React.createElement(View, {
|
|
77
|
-
style: styles.container
|
|
78
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
79
|
-
style: styles.title
|
|
80
|
-
}, reviewTitle));
|
|
81
|
-
|
|
82
|
-
Onboarding.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
|
|
1
|
+
import Onboarding from '../../../atom/review-presentation/index.native';
|
|
83
2
|
export default Onboarding;
|
|
84
3
|
//# sourceMappingURL=index.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":["
|
|
1
|
+
{"version":3,"file":"index.native.js","names":["Onboarding"],"sources":["../../../../src/template/app-review/onboarding/index.native.js"],"sourcesContent":["import Onboarding from '../../../atom/review-presentation/index.native';\n\nexport default Onboarding;\n"],"mappings":"AAAA,OAAOA,UAAP,MAAuB,gDAAvB;AAEA,eAAeA,UAAf"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { Translations } from '../../types/translations';
|
|
3
2
|
import { Analytics } from '../../variables/analytics';
|
|
4
3
|
import { Brand } from '../../variables/brand.native';
|
|
5
4
|
import { Theme } from '../../variables/theme.native';
|
|
5
|
+
import { Translations } from '../../variables/default-mobile-translations';
|
|
6
6
|
import { Vibration } from '../../variables/vibration';
|
|
7
7
|
export declare type HandleBlur = () => void;
|
|
8
8
|
export declare type HandleFocus = (id: string) => () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template-context.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/template-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAClE,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"template-context.d.ts","sourceRoot":"","sources":["../../../src/template/app-review/template-context.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAa,MAAM,OAAO,CAAC;AAClE,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAC,KAAK,EAAoB,MAAM,8BAA8B,CAAC;AACtE,OAAqB,EAAC,KAAK,EAAC,MAAM,8BAA8B,CAAC;AACjE,OAAkC,EAAC,YAAY,EAAC,MAAM,6CAA6C,CAAC;AACpG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAEpD,oBAAY,UAAU,GAAG,MAAM,IAAI,CAAC;AACpC,oBAAY,WAAW,GAAG,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,IAAI,CAAC;AACrD,oBAAY,eAAe,GAAG,MAAM,GAAG,IAAI,CAAC;AAE5C,oBAAY,qBAAqB,GAAG;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,KAAK,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,EAAE;QACP,YAAY,EAAE,MAAM,CAAC;QACrB,eAAe,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,KAAK,EAAE;QACL,eAAe,CAAC,EAAE,eAAe,CAAC;QAClC,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,WAAW,CAAC,EAAE,WAAW,CAAC;KAC3B,CAAC;CACH,CAAC;AAEF,aAAK,KAAK,GAAG;IAAC,MAAM,EAAE,qBAAqB,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,CAAC;AAalE,QAAA,MAAM,kBAAkB,QAAO,qBAU9B,CAAC;AAEF,QAAA,MAAM,eAAe,yBAAwB,KAAK,gBAEjD,CAAC;AAEF,OAAO,EAAC,eAAe,EAAE,kBAAkB,EAAC,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React, { createContext, useContext } from 'react';
|
|
2
2
|
import { defaultBrandTheme } from '../../variables/brand.native';
|
|
3
3
|
import defaultTheme from '../../variables/theme.native';
|
|
4
|
+
import defaultMobileTranslations from '../../variables/default-mobile-translations';
|
|
4
5
|
const Context = /*#__PURE__*/createContext({
|
|
5
6
|
theme: defaultTheme,
|
|
6
7
|
brandTheme: defaultBrandTheme,
|
|
7
|
-
translations:
|
|
8
|
+
translations: defaultMobileTranslations,
|
|
8
9
|
display: {
|
|
9
10
|
headerHeight: 67,
|
|
10
11
|
statusBarHeight: 42
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template-context.js","names":["React","createContext","useContext","defaultBrandTheme","defaultTheme","Context","theme","brandTheme","translations","display","headerHeight","statusBarHeight","store","useTemplateContext","context","Error","TemplateContext","values","children"],"sources":["../../../src/template/app-review/template-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"template-context.js","names":["React","createContext","useContext","defaultBrandTheme","defaultTheme","defaultMobileTranslations","Context","theme","brandTheme","translations","display","headerHeight","statusBarHeight","store","useTemplateContext","context","Error","TemplateContext","values","children"],"sources":["../../../src/template/app-review/template-context.tsx"],"sourcesContent":["import React, {createContext, ReactNode, useContext} from 'react';\nimport {Analytics} from '../../variables/analytics';\nimport {Brand, defaultBrandTheme} from '../../variables/brand.native';\nimport defaultTheme, {Theme} from '../../variables/theme.native';\nimport defaultMobileTranslations, {Translations} from '../../variables/default-mobile-translations';\nimport {Vibration} from '../../variables/vibration';\n\nexport type HandleBlur = () => void;\nexport type HandleFocus = (id: string) => () => void;\nexport type FocusedSelectId = string | null;\n\nexport type TemplateContextValues = {\n analytics?: Analytics;\n brandTheme: Brand;\n theme: Theme;\n translations: Translations;\n vibration?: Vibration;\n display: {\n headerHeight: number;\n statusBarHeight: number;\n };\n store: {\n focusedSelectId?: FocusedSelectId;\n handleBlur?: HandleBlur;\n handleFocus?: HandleFocus;\n };\n};\n\ntype Props = {values: TemplateContextValues; children: ReactNode};\n\nconst Context = createContext({\n theme: defaultTheme,\n brandTheme: defaultBrandTheme,\n translations: defaultMobileTranslations,\n display: {\n headerHeight: 67,\n statusBarHeight: 42\n },\n store: {}\n});\n\nconst useTemplateContext = (): TemplateContextValues => {\n const context = useContext(Context);\n\n if (!context) {\n throw new Error(\n `❌ [TemplateContext] useTemplateContext must be used within a provider <TemplateContext>`\n );\n }\n\n return context;\n};\n\nconst TemplateContext = ({values, children}: Props) => {\n return <Context.Provider value={values}>{children}</Context.Provider>;\n};\n\nexport {TemplateContext, useTemplateContext};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,aAAf,EAAyCC,UAAzC,QAA0D,OAA1D;AAEA,SAAeC,iBAAf,QAAuC,8BAAvC;AACA,OAAOC,YAAP,MAAkC,8BAAlC;AACA,OAAOC,yBAAP,MAAsD,6CAAtD;AA0BA,MAAMC,OAAO,gBAAGL,aAAa,CAAC;EAC5BM,KAAK,EAAEH,YADqB;EAE5BI,UAAU,EAAEL,iBAFgB;EAG5BM,YAAY,EAAEJ,yBAHc;EAI5BK,OAAO,EAAE;IACPC,YAAY,EAAE,EADP;IAEPC,eAAe,EAAE;EAFV,CAJmB;EAQ5BC,KAAK,EAAE;AARqB,CAAD,CAA7B;;AAWA,MAAMC,kBAAkB,GAAG,MAA6B;EACtD,MAAMC,OAAO,GAAGb,UAAU,CAACI,OAAD,CAA1B;;EAEA,IAAI,CAACS,OAAL,EAAc;IACZ,MAAM,IAAIC,KAAJ,CACH,yFADG,CAAN;EAGD;;EAED,OAAOD,OAAP;AACD,CAVD;;AAYA,MAAME,eAAe,GAAG,CAAC;EAACC,MAAD;EAASC;AAAT,CAAD,KAA+B;EACrD,oBAAO,oBAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAED;EAAzB,GAAkCC,QAAlC,CAAP;AACD,CAFD;;AAIA,SAAQF,eAAR,EAAyBH,kBAAzB"}
|