@coorpacademy/components 10.28.4 → 10.28.5

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.
@@ -34,11 +34,11 @@ const createStyleSheet = (theme, windowHeight) => {
34
34
  fill: theme.colors.podcast.primary
35
35
  },
36
36
  button: {
37
- width: '40%',
38
37
  height: 44,
39
38
  backgroundColor: theme.colors.podcast.primary,
40
39
  borderRadius: 7,
41
- justifyContent: 'center'
40
+ justifyContent: 'center',
41
+ paddingHorizontal: 12
42
42
  },
43
43
  buttonText: {
44
44
  alignSelf: 'center',
@@ -60,7 +60,7 @@ const createStyleSheet = (theme, windowHeight) => {
60
60
  lineHeight: 19,
61
61
  fontWeight: '300',
62
62
  fontSize: 16,
63
- paddingHorizontal: 40
63
+ paddingHorizontal: 35
64
64
  }
65
65
  });
66
66
  };
@@ -1 +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":"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"}
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","paddingHorizontal","buttonText","color","fontWeight","bold","fontFamily","fontSize","lineHeight","title","textAlign","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 height: 44,\n backgroundColor: theme.colors.podcast.primary,\n borderRadius: 7,\n justifyContent: 'center',\n paddingHorizontal: 12\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: 35\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":"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"}
@@ -50,11 +50,11 @@ const createStyleSheet = (theme, windowHeight) => {
50
50
  fill: theme.colors.podcast.primary
51
51
  },
52
52
  button: {
53
- width: '40%',
54
53
  height: 44,
55
54
  backgroundColor: theme.colors.podcast.primary,
56
55
  borderRadius: 7,
57
- justifyContent: 'center'
56
+ justifyContent: 'center',
57
+ paddingHorizontal: 12
58
58
  },
59
59
  buttonText: {
60
60
  alignSelf: 'center',
@@ -76,7 +76,7 @@ const createStyleSheet = (theme, windowHeight) => {
76
76
  lineHeight: 19,
77
77
  fontWeight: '300',
78
78
  fontSize: 16,
79
- paddingHorizontal: 40
79
+ paddingHorizontal: 35
80
80
  }
81
81
  });
82
82
  };
@@ -1 +1 @@
1
- {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","windowHeight","popinHeight","StyleSheet","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","useWindowDimensions","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","translations","isVisible","onValidate","useEffect","_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":"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"}
1
+ {"version":3,"file":"index.native.js","names":["createStyleSheet","theme","windowHeight","popinHeight","StyleSheet","create","container","position","top","height","backgroundColor","justifyContent","alignSelf","alignItems","borderRadius","padding","headphonesWrapper","width","headphones","fill","colors","podcast","primary","button","paddingHorizontal","buttonText","color","fontWeight","bold","fontFamily","fontSize","lineHeight","title","textAlign","message","PodcastPopinIntro","props","useWindowDimensions","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","translations","isVisible","onValidate","useEffect","_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 height: 44,\n backgroundColor: theme.colors.podcast.primary,\n borderRadius: 7,\n justifyContent: 'center',\n paddingHorizontal: 12\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: 35\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":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "10.28.4",
3
+ "version": "10.28.5",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -156,6 +156,5 @@
156
156
  "browserslist": [
157
157
  "last 2 versions",
158
158
  "IE 11"
159
- ],
160
- "gitHead": "34de8b295faa3bfc8e3b00bb9ffcf40e0b1e9796"
159
+ ]
161
160
  }