ordering-ui-react-native 0.23.96 → 0.23.97
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/package.json +1 -1
- package/themes/original/index.tsx +214 -218
- package/themes/original/src/components/Help/functions.tsx +76 -0
- package/themes/original/src/components/Help/index.tsx +74 -29
- package/themes/original/src/components/Help/styles.tsx +4 -1
- package/themes/original/src/components/HelpOptions/index.tsx +44 -0
- package/themes/original/src/components/NotFoundSource/index.tsx +40 -39
- package/themes/original/src/components/NotFoundSource/styles.tsx +18 -9
- package/themes/original/src/types/index.tsx +699 -699
- package/themes/original/src/components/HelpAccountAndPayment/index.tsx +0 -62
- package/themes/original/src/components/HelpAccountAndPayment/styles.tsx +0 -12
- package/themes/original/src/components/HelpGuide/index.tsx +0 -68
- package/themes/original/src/components/HelpGuide/styles.tsx +0 -12
- package/themes/original/src/components/HelpOrder/index.tsx +0 -71
- package/themes/original/src/components/HelpOrder/styles.tsx +0 -13
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import { Platform } from 'react-native'
|
|
3
|
-
import { useLanguage } from 'ordering-components/native'
|
|
4
|
-
import { HelpAccountAndPaymentParams } from '../../types'
|
|
5
|
-
import { OText, OButton, OIcon } from '../shared'
|
|
6
|
-
import { useTheme } from 'styled-components/native'
|
|
7
|
-
import { StyleSheet, TouchableOpacity } from 'react-native'
|
|
8
|
-
import AntDesignIcon from 'react-native-vector-icons/AntDesign'
|
|
9
|
-
|
|
10
|
-
import {
|
|
11
|
-
Content,
|
|
12
|
-
Container
|
|
13
|
-
} from './styles'
|
|
14
|
-
import NavBar from '../NavBar'
|
|
15
|
-
|
|
16
|
-
export const HelpAccountAndPayment = (props: HelpAccountAndPaymentParams) => {
|
|
17
|
-
const {
|
|
18
|
-
navigation
|
|
19
|
-
} = props
|
|
20
|
-
const [, t] = useLanguage()
|
|
21
|
-
const theme = useTheme()
|
|
22
|
-
|
|
23
|
-
const styles = StyleSheet.create({
|
|
24
|
-
imageStyle: {
|
|
25
|
-
width: '100%',
|
|
26
|
-
height: 300,
|
|
27
|
-
marginVertical: 20
|
|
28
|
-
},
|
|
29
|
-
})
|
|
30
|
-
|
|
31
|
-
const goToBack = () => navigation?.canGoBack() && navigation.goBack()
|
|
32
|
-
|
|
33
|
-
return (
|
|
34
|
-
<Container>
|
|
35
|
-
<NavBar
|
|
36
|
-
title={t('ACCOUNT_PAYMENT_OPTIONS', 'Account and Payment Options')}
|
|
37
|
-
onActionLeft={goToBack}
|
|
38
|
-
btnStyle={{ paddingLeft: 0 }}
|
|
39
|
-
showCall={false}
|
|
40
|
-
/>
|
|
41
|
-
<Content>
|
|
42
|
-
<OText mBottom={20}>
|
|
43
|
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel in congue nisl, nisi. Mauris, condimentum auctor sed cras cursus arcu pellentesque.
|
|
44
|
-
</OText>
|
|
45
|
-
<OText mBottom={20}>
|
|
46
|
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel in congue nisl, nisi. Mauris, condimentum auctor sed cras cursus arcu pellentesque.
|
|
47
|
-
</OText>
|
|
48
|
-
<OText mBottom={20}>
|
|
49
|
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel in congue nisl, nisi. Mauris, condimentum auctor sed cras cursus arcu pellentesque.
|
|
50
|
-
</OText>
|
|
51
|
-
<OText>
|
|
52
|
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel in congue nisl, nisi. Mauris, condimentum auctor sed cras cursus arcu pellentesque.
|
|
53
|
-
</OText>
|
|
54
|
-
<OIcon
|
|
55
|
-
src={theme.images.general.help}
|
|
56
|
-
style={styles.imageStyle}
|
|
57
|
-
cover
|
|
58
|
-
/>
|
|
59
|
-
</Content>
|
|
60
|
-
</Container>
|
|
61
|
-
)
|
|
62
|
-
}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import { useLanguage } from 'ordering-components/native'
|
|
3
|
-
import { HelpGuideParams } from '../../types'
|
|
4
|
-
import { OText, OIcon } from '../shared'
|
|
5
|
-
import { useTheme } from 'styled-components/native'
|
|
6
|
-
import { Platform, StyleSheet } from 'react-native'
|
|
7
|
-
import NavBar from '../NavBar'
|
|
8
|
-
import {
|
|
9
|
-
Content,
|
|
10
|
-
Container
|
|
11
|
-
} from './styles'
|
|
12
|
-
|
|
13
|
-
export const HelpGuide = (props: HelpGuideParams) => {
|
|
14
|
-
const {
|
|
15
|
-
navigation
|
|
16
|
-
} = props
|
|
17
|
-
const [, t] = useLanguage()
|
|
18
|
-
const theme = useTheme()
|
|
19
|
-
|
|
20
|
-
const styles = StyleSheet.create({
|
|
21
|
-
btnBackArrow: {
|
|
22
|
-
borderWidth: 0,
|
|
23
|
-
backgroundColor: theme.colors.white,
|
|
24
|
-
borderColor: theme.colors.white,
|
|
25
|
-
shadowColor: theme.colors.white,
|
|
26
|
-
display: 'flex',
|
|
27
|
-
justifyContent: 'flex-start',
|
|
28
|
-
paddingLeft: 0,
|
|
29
|
-
},
|
|
30
|
-
imageStyle: {
|
|
31
|
-
width: '100%',
|
|
32
|
-
height: 120,
|
|
33
|
-
marginVertical: 20
|
|
34
|
-
},
|
|
35
|
-
})
|
|
36
|
-
|
|
37
|
-
const goToBack = () => navigation?.canGoBack() && navigation.goBack()
|
|
38
|
-
|
|
39
|
-
return (
|
|
40
|
-
<Container pdng={Platform.OS === 'ios' ? '10px' : '0px'}>
|
|
41
|
-
<NavBar
|
|
42
|
-
title={t('GUIDE_TO_ORDERING', 'Guide to Ordering')}
|
|
43
|
-
onActionLeft={goToBack}
|
|
44
|
-
btnStyle={{ paddingLeft: 0 }}
|
|
45
|
-
showCall={false}
|
|
46
|
-
/>
|
|
47
|
-
<Content>
|
|
48
|
-
<OText mBottom={15}>
|
|
49
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Blandit mauris varius faucibus varius condimentum morbi pretium mus. Aliquam bibendum erat venenatis feugiat sed.
|
|
50
|
-
</OText>
|
|
51
|
-
<OText mBottom={15}>
|
|
52
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Blandit mauris varius faucibus varius condimentum morbi pretium mus. Aliquam bibendum erat venenatis feugiat sed.
|
|
53
|
-
</OText>
|
|
54
|
-
<OText mBottom={15}>
|
|
55
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Blandit mauris varius faucibus varius condimentum morbi pretium mus. Aliquam bibendum erat venenatis feugiat sed.
|
|
56
|
-
</OText>
|
|
57
|
-
<OText>
|
|
58
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Blandit mauris varius faucibus varius condimentum morbi pretium mus. Aliquam bibendum erat venenatis feugiat sed.
|
|
59
|
-
</OText>
|
|
60
|
-
<OIcon
|
|
61
|
-
src={theme.images.general.help}
|
|
62
|
-
style={styles.imageStyle}
|
|
63
|
-
cover
|
|
64
|
-
/>
|
|
65
|
-
</Content>
|
|
66
|
-
</Container>
|
|
67
|
-
)
|
|
68
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components/native'
|
|
2
|
-
|
|
3
|
-
export const Content = styled.View`
|
|
4
|
-
padding-vertical: 20px;
|
|
5
|
-
margin-bottom: 20px;
|
|
6
|
-
`
|
|
7
|
-
export const Container = styled.ScrollView`
|
|
8
|
-
position: relative;
|
|
9
|
-
flex: 1;
|
|
10
|
-
margin: 10px 0;
|
|
11
|
-
padding-top: ${(props: any) => props.pdng}
|
|
12
|
-
`
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import { useLanguage } from 'ordering-components/native'
|
|
3
|
-
import { HelpOrderParams } from '../../types'
|
|
4
|
-
import { OText, OIcon } from '../shared'
|
|
5
|
-
import { useTheme } from 'styled-components/native'
|
|
6
|
-
import { StyleSheet } from 'react-native'
|
|
7
|
-
import { WebView } from 'react-native-webview'
|
|
8
|
-
import NavBar from '../NavBar'
|
|
9
|
-
|
|
10
|
-
import {
|
|
11
|
-
Content,
|
|
12
|
-
Container
|
|
13
|
-
} from './styles'
|
|
14
|
-
|
|
15
|
-
export const HelpOrder = (props: HelpOrderParams) => {
|
|
16
|
-
const {
|
|
17
|
-
navigation
|
|
18
|
-
} = props
|
|
19
|
-
const [, t] = useLanguage()
|
|
20
|
-
const theme = useTheme()
|
|
21
|
-
|
|
22
|
-
const styles = StyleSheet.create({
|
|
23
|
-
imageStyle: {
|
|
24
|
-
width: '100%',
|
|
25
|
-
height: 120
|
|
26
|
-
},
|
|
27
|
-
videoStyle: {
|
|
28
|
-
height: 200,
|
|
29
|
-
marginVertical: 20
|
|
30
|
-
}
|
|
31
|
-
})
|
|
32
|
-
|
|
33
|
-
const goToBack = () => navigation?.canGoBack() && navigation.goBack()
|
|
34
|
-
|
|
35
|
-
return (
|
|
36
|
-
<Container>
|
|
37
|
-
<NavBar
|
|
38
|
-
title={t('HELP_WITH_ORDER', 'Help with an order')}
|
|
39
|
-
onActionLeft={goToBack}
|
|
40
|
-
btnStyle={{ paddingLeft: 0 }}
|
|
41
|
-
showCall={false}
|
|
42
|
-
/>
|
|
43
|
-
<Content>
|
|
44
|
-
<OText mBottom={20}>
|
|
45
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel in congue nisl, nisi. Mauris, condimentum auctor sed cras cursus arcu pellentesque. Sed tempus et, cursus ultricies nisl nisl, in eros.
|
|
46
|
-
Velit sollicitudin vestibulum massa porttitor sit sed vestibulum turpis.
|
|
47
|
-
Id id adipiscing sit bibendum aliquet at suspendisse. Posuere felis nec non pulvinar in.
|
|
48
|
-
</OText>
|
|
49
|
-
<OIcon
|
|
50
|
-
src={theme.images.general.help}
|
|
51
|
-
style={styles.imageStyle}
|
|
52
|
-
cover
|
|
53
|
-
/>
|
|
54
|
-
<OText style={{ marginVertical: 20 }}>
|
|
55
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vel in congue nisl, nisi. Mauris, condimentum auctor sed cras cursus arcu pellentesque. Sed tempus et, cursus ultricies nisl nisl, in eros.
|
|
56
|
-
Velit sollicitudin vestibulum massa porttitor sit sed vestibulum turpis.
|
|
57
|
-
Id id adipiscing sit bibendum aliquet at suspendisse. Posuere felis nec non pulvinar in.
|
|
58
|
-
</OText>
|
|
59
|
-
<WebView
|
|
60
|
-
allowsFullscreenVideo
|
|
61
|
-
allowsInlineMediaPlayback
|
|
62
|
-
mediaPlaybackRequiresUserAction
|
|
63
|
-
cacheEnabled={false}
|
|
64
|
-
cacheMode='LOAD_NO_CACHE'
|
|
65
|
-
source={{ uri: 'https://www.youtube-nocookie.com/embed/Bi8WLLRzZ1g' }}
|
|
66
|
-
style={styles.videoStyle}
|
|
67
|
-
/>
|
|
68
|
-
</Content>
|
|
69
|
-
</Container>
|
|
70
|
-
)
|
|
71
|
-
}
|