react-native-salespanda 0.2.0 → 0.4.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/Salespanda.podspec +4 -0
- package/android/build.gradle +2 -0
- package/lib/module/SalespandaApp.js +70 -0
- package/lib/module/SalespandaApp.js.map +1 -0
- package/lib/module/assets/images/bottomtabs/analytics.png +0 -0
- package/lib/module/assets/images/bottomtabs/analyticsactive.png +0 -0
- package/lib/module/assets/images/bottomtabs/crm.png +0 -0
- package/lib/module/assets/images/bottomtabs/crmactive.png +0 -0
- package/lib/module/assets/images/bottomtabs/diary.png +0 -0
- package/lib/module/assets/images/bottomtabs/diaryactive.png +0 -0
- package/lib/module/assets/images/bottomtabs/home.png +0 -0
- package/lib/module/assets/images/bottomtabs/homeactive.png +0 -0
- package/lib/module/assets/images/bottomtabs/notification.png +0 -0
- package/lib/module/assets/images/bottomtabs/notificationactive.png +0 -0
- package/lib/module/assets/images/index.js +35 -0
- package/lib/module/assets/images/index.js.map +1 -0
- package/lib/module/config/SalespandaConfig.js +68 -0
- package/lib/module/config/SalespandaConfig.js.map +1 -0
- package/lib/module/constants/Colors.js +17 -0
- package/lib/module/constants/Colors.js.map +1 -0
- package/lib/module/constants/GetPlatorm.js +23 -0
- package/lib/module/constants/GetPlatorm.js.map +1 -0
- package/lib/module/index.js +28 -7
- package/lib/module/index.js.map +1 -1
- package/lib/module/navigation/AppNavigator.js +11 -2
- package/lib/module/navigation/AppNavigator.js.map +1 -1
- package/lib/module/navigation/BottomTabNavigator.js +100 -73
- package/lib/module/navigation/BottomTabNavigator.js.map +1 -1
- package/lib/module/navigation/DrawerNavigator.js +214 -127
- package/lib/module/navigation/DrawerNavigator.js.map +1 -1
- package/lib/module/screens/CRMScreen.js +41 -0
- package/lib/module/screens/CRMScreen.js.map +1 -0
- package/lib/module/screens/HomeScreen.js +123 -170
- package/lib/module/screens/HomeScreen.js.map +1 -1
- package/lib/module/screens/NotificationsScreen.js +11 -97
- package/lib/module/screens/NotificationsScreen.js.map +1 -1
- package/lib/module/screens/ProfileScreen.js +13 -119
- package/lib/module/screens/ProfileScreen.js.map +1 -1
- package/lib/module/screens/ReportsScreen.js +11 -187
- package/lib/module/screens/ReportsScreen.js.map +1 -1
- package/lib/typescript/src/SalespandaApp.d.ts +39 -0
- package/lib/typescript/src/SalespandaApp.d.ts.map +1 -0
- package/lib/typescript/src/assets/images/index.d.ts +17 -0
- package/lib/typescript/src/assets/images/index.d.ts.map +1 -0
- package/lib/typescript/src/config/SalespandaConfig.d.ts +52 -0
- package/lib/typescript/src/config/SalespandaConfig.d.ts.map +1 -0
- package/lib/typescript/src/constants/Colors.d.ts +15 -0
- package/lib/typescript/src/constants/Colors.d.ts.map +1 -0
- package/lib/typescript/src/constants/GetPlatorm.d.ts +11 -0
- package/lib/typescript/src/constants/GetPlatorm.d.ts.map +1 -0
- package/lib/typescript/src/index.d.ts +18 -2
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/navigation/AppNavigator.d.ts.map +1 -1
- package/lib/typescript/src/navigation/BottomTabNavigator.d.ts.map +1 -1
- package/lib/typescript/src/navigation/DrawerNavigator.d.ts.map +1 -1
- package/lib/typescript/src/screens/CRMScreen.d.ts +2 -0
- package/lib/typescript/src/screens/CRMScreen.d.ts.map +1 -0
- package/lib/typescript/src/screens/HomeScreen.d.ts.map +1 -1
- package/lib/typescript/src/screens/NotificationsScreen.d.ts.map +1 -1
- package/lib/typescript/src/screens/ProfileScreen.d.ts.map +1 -1
- package/lib/typescript/src/screens/ReportsScreen.d.ts +1 -1
- package/lib/typescript/src/screens/ReportsScreen.d.ts.map +1 -1
- package/package.json +20 -11
- package/react-native.config.js +9 -0
- package/src/SalespandaApp.tsx +112 -0
- package/src/assets/images/bottomtabs/analytics.png +0 -0
- package/src/assets/images/bottomtabs/analyticsactive.png +0 -0
- package/src/assets/images/bottomtabs/crm.png +0 -0
- package/src/assets/images/bottomtabs/crmactive.png +0 -0
- package/src/assets/images/bottomtabs/diary.png +0 -0
- package/src/assets/images/bottomtabs/diaryactive.png +0 -0
- package/src/assets/images/bottomtabs/home.png +0 -0
- package/src/assets/images/bottomtabs/homeactive.png +0 -0
- package/src/assets/images/bottomtabs/notification.png +0 -0
- package/src/assets/images/bottomtabs/notificationactive.png +0 -0
- package/src/assets/images/index.js +11 -0
- package/src/assets/images/index.ts +40 -0
- package/src/config/SalespandaConfig.ts +105 -0
- package/src/constants/Colors.ts +16 -0
- package/src/constants/GetPlatorm.ts +29 -0
- package/src/index.tsx +35 -7
- package/src/navigation/AppNavigator.tsx +9 -2
- package/src/navigation/BottomTabNavigator.tsx +110 -51
- package/src/navigation/DrawerNavigator.tsx +179 -126
- package/src/screens/CRMScreen.tsx +34 -0
- package/src/screens/HomeScreen.tsx +110 -143
- package/src/screens/NotificationsScreen.tsx +9 -110
- package/src/screens/ProfileScreen.tsx +10 -97
- package/src/screens/ReportsScreen.tsx +9 -166
- package/lib/module/screens/PremiumScreen.js +0 -222
- package/lib/module/screens/PremiumScreen.js.map +0 -1
- package/lib/typescript/src/screens/PremiumScreen.d.ts +0 -2
- package/lib/typescript/src/screens/PremiumScreen.d.ts.map +0 -1
- package/src/screens/PremiumScreen.tsx +0 -250
|
@@ -1,99 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
Text,
|
|
5
|
-
StyleSheet,
|
|
6
|
-
SafeAreaView,
|
|
7
|
-
ScrollView,
|
|
8
|
-
TouchableOpacity,
|
|
9
|
-
} from 'react-native';
|
|
1
|
+
import { View, Text, StyleSheet, ScrollView } from 'react-native';
|
|
2
|
+
import { SafeAreaView } from 'react-native-safe-area-context';
|
|
3
|
+
import { Colors } from '../constants/Colors';
|
|
10
4
|
|
|
11
|
-
|
|
12
|
-
title: string;
|
|
13
|
-
value: string;
|
|
14
|
-
icon: string;
|
|
15
|
-
color: string;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
const StatCard: React.FC<StatCardProps> = ({ title, value, icon, color }) => {
|
|
5
|
+
export default function NotificationsScreen() {
|
|
19
6
|
return (
|
|
20
|
-
<
|
|
21
|
-
<Text style={styles.statIcon}>{icon}</Text>
|
|
22
|
-
<Text style={styles.statValue}>{value}</Text>
|
|
23
|
-
<Text style={styles.statTitle}>{title}</Text>
|
|
24
|
-
</View>
|
|
25
|
-
);
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export default function ReportsScreen() {
|
|
29
|
-
return (
|
|
30
|
-
<SafeAreaView style={styles.container}>
|
|
7
|
+
<SafeAreaView style={styles.container} edges={['bottom']}>
|
|
31
8
|
<View style={styles.header}>
|
|
32
9
|
<Text style={styles.headerTitle}>Reports</Text>
|
|
33
10
|
</View>
|
|
34
|
-
<ScrollView style={styles.scrollView}>
|
|
35
|
-
<View style={styles.statsGrid}>
|
|
36
|
-
<StatCard
|
|
37
|
-
title="Total Campaigns"
|
|
38
|
-
value="24"
|
|
39
|
-
icon="📧"
|
|
40
|
-
color="#e3f2fd"
|
|
41
|
-
/>
|
|
42
|
-
<StatCard
|
|
43
|
-
title="Active Contacts"
|
|
44
|
-
value="1,234"
|
|
45
|
-
icon="👥"
|
|
46
|
-
color="#f3e5f5"
|
|
47
|
-
/>
|
|
48
|
-
<StatCard
|
|
49
|
-
title="Total Views"
|
|
50
|
-
value="5,678"
|
|
51
|
-
icon="👁️"
|
|
52
|
-
color="#e8f5e9"
|
|
53
|
-
/>
|
|
54
|
-
<StatCard title="Conversions" value="89" icon="✅" color="#fff3e0" />
|
|
55
|
-
</View>
|
|
56
|
-
|
|
57
|
-
<View style={styles.section}>
|
|
58
|
-
<Text style={styles.sectionTitle}>Recent Activity</Text>
|
|
59
|
-
|
|
60
|
-
<TouchableOpacity style={styles.activityItem}>
|
|
61
|
-
<View style={styles.activityIcon}>
|
|
62
|
-
<Text style={styles.activityIconText}>📊</Text>
|
|
63
|
-
</View>
|
|
64
|
-
<View style={styles.activityContent}>
|
|
65
|
-
<Text style={styles.activityTitle}>Campaign Analytics</Text>
|
|
66
|
-
<Text style={styles.activityDescription}>
|
|
67
|
-
View detailed analytics for your campaigns
|
|
68
|
-
</Text>
|
|
69
|
-
</View>
|
|
70
|
-
</TouchableOpacity>
|
|
71
|
-
|
|
72
|
-
<TouchableOpacity style={styles.activityItem}>
|
|
73
|
-
<View style={styles.activityIcon}>
|
|
74
|
-
<Text style={styles.activityIconText}>📈</Text>
|
|
75
|
-
</View>
|
|
76
|
-
<View style={styles.activityContent}>
|
|
77
|
-
<Text style={styles.activityTitle}>Performance Report</Text>
|
|
78
|
-
<Text style={styles.activityDescription}>
|
|
79
|
-
Monthly performance summary
|
|
80
|
-
</Text>
|
|
81
|
-
</View>
|
|
82
|
-
</TouchableOpacity>
|
|
83
|
-
|
|
84
|
-
<TouchableOpacity style={styles.activityItem}>
|
|
85
|
-
<View style={styles.activityIcon}>
|
|
86
|
-
<Text style={styles.activityIconText}>💰</Text>
|
|
87
|
-
</View>
|
|
88
|
-
<View style={styles.activityContent}>
|
|
89
|
-
<Text style={styles.activityTitle}>Revenue Report</Text>
|
|
90
|
-
<Text style={styles.activityDescription}>
|
|
91
|
-
Track your earnings and revenue
|
|
92
|
-
</Text>
|
|
93
|
-
</View>
|
|
94
|
-
</TouchableOpacity>
|
|
95
|
-
</View>
|
|
96
|
-
</ScrollView>
|
|
11
|
+
<ScrollView style={styles.scrollView}></ScrollView>
|
|
97
12
|
</SafeAreaView>
|
|
98
13
|
);
|
|
99
14
|
}
|
|
@@ -101,91 +16,19 @@ export default function ReportsScreen() {
|
|
|
101
16
|
const styles = StyleSheet.create({
|
|
102
17
|
container: {
|
|
103
18
|
flex: 1,
|
|
104
|
-
backgroundColor:
|
|
19
|
+
backgroundColor: Colors.background,
|
|
105
20
|
},
|
|
106
21
|
header: {
|
|
107
|
-
backgroundColor:
|
|
22
|
+
backgroundColor: Colors.white,
|
|
108
23
|
padding: 16,
|
|
109
|
-
borderBottomWidth: 1,
|
|
110
|
-
borderBottomColor: '#e0e0e0',
|
|
111
24
|
},
|
|
112
25
|
headerTitle: {
|
|
113
26
|
fontSize: 20,
|
|
114
27
|
fontWeight: '600',
|
|
115
|
-
color:
|
|
28
|
+
color: Colors.black,
|
|
116
29
|
textAlign: 'center',
|
|
117
30
|
},
|
|
118
31
|
scrollView: {
|
|
119
32
|
flex: 1,
|
|
120
33
|
},
|
|
121
|
-
statsGrid: {
|
|
122
|
-
flexDirection: 'row',
|
|
123
|
-
flexWrap: 'wrap',
|
|
124
|
-
padding: 8,
|
|
125
|
-
justifyContent: 'space-between',
|
|
126
|
-
},
|
|
127
|
-
statCard: {
|
|
128
|
-
width: '48%',
|
|
129
|
-
padding: 20,
|
|
130
|
-
borderRadius: 12,
|
|
131
|
-
alignItems: 'center',
|
|
132
|
-
marginBottom: 16,
|
|
133
|
-
},
|
|
134
|
-
statIcon: {
|
|
135
|
-
fontSize: 32,
|
|
136
|
-
marginBottom: 8,
|
|
137
|
-
},
|
|
138
|
-
statValue: {
|
|
139
|
-
fontSize: 24,
|
|
140
|
-
fontWeight: '700',
|
|
141
|
-
color: '#333',
|
|
142
|
-
marginBottom: 4,
|
|
143
|
-
},
|
|
144
|
-
statTitle: {
|
|
145
|
-
fontSize: 12,
|
|
146
|
-
color: '#666',
|
|
147
|
-
textAlign: 'center',
|
|
148
|
-
},
|
|
149
|
-
section: {
|
|
150
|
-
padding: 16,
|
|
151
|
-
},
|
|
152
|
-
sectionTitle: {
|
|
153
|
-
fontSize: 18,
|
|
154
|
-
fontWeight: '600',
|
|
155
|
-
color: '#333',
|
|
156
|
-
marginBottom: 16,
|
|
157
|
-
},
|
|
158
|
-
activityItem: {
|
|
159
|
-
backgroundColor: '#fff',
|
|
160
|
-
flexDirection: 'row',
|
|
161
|
-
padding: 16,
|
|
162
|
-
borderRadius: 12,
|
|
163
|
-
marginBottom: 12,
|
|
164
|
-
alignItems: 'center',
|
|
165
|
-
},
|
|
166
|
-
activityIcon: {
|
|
167
|
-
width: 48,
|
|
168
|
-
height: 48,
|
|
169
|
-
borderRadius: 24,
|
|
170
|
-
backgroundColor: '#f5f5f5',
|
|
171
|
-
justifyContent: 'center',
|
|
172
|
-
alignItems: 'center',
|
|
173
|
-
marginRight: 16,
|
|
174
|
-
},
|
|
175
|
-
activityIconText: {
|
|
176
|
-
fontSize: 24,
|
|
177
|
-
},
|
|
178
|
-
activityContent: {
|
|
179
|
-
flex: 1,
|
|
180
|
-
},
|
|
181
|
-
activityTitle: {
|
|
182
|
-
fontSize: 16,
|
|
183
|
-
fontWeight: '600',
|
|
184
|
-
color: '#333',
|
|
185
|
-
marginBottom: 4,
|
|
186
|
-
},
|
|
187
|
-
activityDescription: {
|
|
188
|
-
fontSize: 14,
|
|
189
|
-
color: '#666',
|
|
190
|
-
},
|
|
191
34
|
});
|
|
@@ -1,222 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { View, Text, StyleSheet, SafeAreaView, ScrollView, TouchableOpacity } from 'react-native';
|
|
5
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
-
const PlanCard = ({
|
|
7
|
-
name,
|
|
8
|
-
price,
|
|
9
|
-
features,
|
|
10
|
-
highlighted = false
|
|
11
|
-
}) => {
|
|
12
|
-
return /*#__PURE__*/_jsxs(View, {
|
|
13
|
-
style: [styles.planCard, highlighted && styles.highlightedPlan],
|
|
14
|
-
children: [highlighted && /*#__PURE__*/_jsx(View, {
|
|
15
|
-
style: styles.popularBadge,
|
|
16
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
17
|
-
style: styles.popularText,
|
|
18
|
-
children: "MOST POPULAR"
|
|
19
|
-
})
|
|
20
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
21
|
-
style: styles.planName,
|
|
22
|
-
children: name
|
|
23
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
24
|
-
style: styles.planPrice,
|
|
25
|
-
children: price
|
|
26
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
27
|
-
style: styles.planPeriod,
|
|
28
|
-
children: "per month"
|
|
29
|
-
}), /*#__PURE__*/_jsx(View, {
|
|
30
|
-
style: styles.features,
|
|
31
|
-
children: features.map((feature, index) => /*#__PURE__*/_jsxs(View, {
|
|
32
|
-
style: styles.featureItem,
|
|
33
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
34
|
-
style: styles.featureIcon,
|
|
35
|
-
children: "\u2713"
|
|
36
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
37
|
-
style: styles.featureText,
|
|
38
|
-
children: feature
|
|
39
|
-
})]
|
|
40
|
-
}, index))
|
|
41
|
-
}), /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
42
|
-
style: [styles.subscribeButton, highlighted && styles.highlightedButton],
|
|
43
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
44
|
-
style: [styles.subscribeButtonText, highlighted && styles.highlightedButtonText],
|
|
45
|
-
children: "Subscribe"
|
|
46
|
-
})
|
|
47
|
-
})]
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
export default function PremiumScreen() {
|
|
51
|
-
return /*#__PURE__*/_jsxs(SafeAreaView, {
|
|
52
|
-
style: styles.container,
|
|
53
|
-
children: [/*#__PURE__*/_jsx(View, {
|
|
54
|
-
style: styles.header,
|
|
55
|
-
children: /*#__PURE__*/_jsx(Text, {
|
|
56
|
-
style: styles.headerTitle,
|
|
57
|
-
children: "Premium Plans"
|
|
58
|
-
})
|
|
59
|
-
}), /*#__PURE__*/_jsxs(ScrollView, {
|
|
60
|
-
style: styles.scrollView,
|
|
61
|
-
children: [/*#__PURE__*/_jsxs(View, {
|
|
62
|
-
style: styles.heroSection,
|
|
63
|
-
children: [/*#__PURE__*/_jsx(Text, {
|
|
64
|
-
style: styles.heroIcon,
|
|
65
|
-
children: "\uD83D\uDC8E"
|
|
66
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
67
|
-
style: styles.heroTitle,
|
|
68
|
-
children: "Unlock Premium Features"
|
|
69
|
-
}), /*#__PURE__*/_jsx(Text, {
|
|
70
|
-
style: styles.heroDescription,
|
|
71
|
-
children: "Get access to exclusive features and tools to grow your business"
|
|
72
|
-
})]
|
|
73
|
-
}), /*#__PURE__*/_jsxs(View, {
|
|
74
|
-
style: styles.plansContainer,
|
|
75
|
-
children: [/*#__PURE__*/_jsx(PlanCard, {
|
|
76
|
-
name: "Basic",
|
|
77
|
-
price: "$9.99",
|
|
78
|
-
features: ['Up to 100 contacts', '5 campaigns per month', 'Basic analytics', 'Email support']
|
|
79
|
-
}), /*#__PURE__*/_jsx(PlanCard, {
|
|
80
|
-
name: "Professional",
|
|
81
|
-
price: "$29.99",
|
|
82
|
-
features: ['Up to 1,000 contacts', 'Unlimited campaigns', 'Advanced analytics', 'Priority support', 'Custom branding', 'API access'],
|
|
83
|
-
highlighted: true
|
|
84
|
-
}), /*#__PURE__*/_jsx(PlanCard, {
|
|
85
|
-
name: "Enterprise",
|
|
86
|
-
price: "$99.99",
|
|
87
|
-
features: ['Unlimited contacts', 'Unlimited campaigns', 'Advanced analytics', '24/7 dedicated support', 'Custom branding', 'API access', 'Custom integrations', 'White-label solution']
|
|
88
|
-
})]
|
|
89
|
-
})]
|
|
90
|
-
})]
|
|
91
|
-
});
|
|
92
|
-
}
|
|
93
|
-
const styles = StyleSheet.create({
|
|
94
|
-
container: {
|
|
95
|
-
flex: 1,
|
|
96
|
-
backgroundColor: '#f5f5f5'
|
|
97
|
-
},
|
|
98
|
-
header: {
|
|
99
|
-
backgroundColor: '#fff',
|
|
100
|
-
padding: 16,
|
|
101
|
-
borderBottomWidth: 1,
|
|
102
|
-
borderBottomColor: '#e0e0e0'
|
|
103
|
-
},
|
|
104
|
-
headerTitle: {
|
|
105
|
-
fontSize: 20,
|
|
106
|
-
fontWeight: '600',
|
|
107
|
-
color: '#333',
|
|
108
|
-
textAlign: 'center'
|
|
109
|
-
},
|
|
110
|
-
scrollView: {
|
|
111
|
-
flex: 1
|
|
112
|
-
},
|
|
113
|
-
heroSection: {
|
|
114
|
-
backgroundColor: '#4a148c',
|
|
115
|
-
padding: 32,
|
|
116
|
-
alignItems: 'center'
|
|
117
|
-
},
|
|
118
|
-
heroIcon: {
|
|
119
|
-
fontSize: 48,
|
|
120
|
-
marginBottom: 16
|
|
121
|
-
},
|
|
122
|
-
heroTitle: {
|
|
123
|
-
fontSize: 24,
|
|
124
|
-
fontWeight: '700',
|
|
125
|
-
color: '#fff',
|
|
126
|
-
marginBottom: 8,
|
|
127
|
-
textAlign: 'center'
|
|
128
|
-
},
|
|
129
|
-
heroDescription: {
|
|
130
|
-
fontSize: 14,
|
|
131
|
-
color: '#fff',
|
|
132
|
-
textAlign: 'center',
|
|
133
|
-
opacity: 0.9
|
|
134
|
-
},
|
|
135
|
-
plansContainer: {
|
|
136
|
-
padding: 16
|
|
137
|
-
},
|
|
138
|
-
planCard: {
|
|
139
|
-
backgroundColor: '#fff',
|
|
140
|
-
borderRadius: 16,
|
|
141
|
-
padding: 24,
|
|
142
|
-
marginBottom: 16,
|
|
143
|
-
borderWidth: 2,
|
|
144
|
-
borderColor: '#e0e0e0'
|
|
145
|
-
},
|
|
146
|
-
highlightedPlan: {
|
|
147
|
-
borderColor: '#4a148c',
|
|
148
|
-
transform: [{
|
|
149
|
-
scale: 1.02
|
|
150
|
-
}]
|
|
151
|
-
},
|
|
152
|
-
popularBadge: {
|
|
153
|
-
backgroundColor: '#4a148c',
|
|
154
|
-
paddingHorizontal: 12,
|
|
155
|
-
paddingVertical: 6,
|
|
156
|
-
borderRadius: 12,
|
|
157
|
-
alignSelf: 'center',
|
|
158
|
-
marginBottom: 16
|
|
159
|
-
},
|
|
160
|
-
popularText: {
|
|
161
|
-
color: '#fff',
|
|
162
|
-
fontSize: 10,
|
|
163
|
-
fontWeight: '700'
|
|
164
|
-
},
|
|
165
|
-
planName: {
|
|
166
|
-
fontSize: 24,
|
|
167
|
-
fontWeight: '700',
|
|
168
|
-
color: '#333',
|
|
169
|
-
textAlign: 'center',
|
|
170
|
-
marginBottom: 8
|
|
171
|
-
},
|
|
172
|
-
planPrice: {
|
|
173
|
-
fontSize: 36,
|
|
174
|
-
fontWeight: '700',
|
|
175
|
-
color: '#4a148c',
|
|
176
|
-
textAlign: 'center'
|
|
177
|
-
},
|
|
178
|
-
planPeriod: {
|
|
179
|
-
fontSize: 14,
|
|
180
|
-
color: '#666',
|
|
181
|
-
textAlign: 'center',
|
|
182
|
-
marginBottom: 24
|
|
183
|
-
},
|
|
184
|
-
features: {
|
|
185
|
-
marginBottom: 24
|
|
186
|
-
},
|
|
187
|
-
featureItem: {
|
|
188
|
-
flexDirection: 'row',
|
|
189
|
-
alignItems: 'center',
|
|
190
|
-
marginBottom: 12
|
|
191
|
-
},
|
|
192
|
-
featureIcon: {
|
|
193
|
-
fontSize: 16,
|
|
194
|
-
color: '#4a148c',
|
|
195
|
-
marginRight: 12,
|
|
196
|
-
fontWeight: '700'
|
|
197
|
-
},
|
|
198
|
-
featureText: {
|
|
199
|
-
fontSize: 14,
|
|
200
|
-
color: '#333'
|
|
201
|
-
},
|
|
202
|
-
subscribeButton: {
|
|
203
|
-
backgroundColor: '#fff',
|
|
204
|
-
borderWidth: 2,
|
|
205
|
-
borderColor: '#4a148c',
|
|
206
|
-
borderRadius: 8,
|
|
207
|
-
padding: 16,
|
|
208
|
-
alignItems: 'center'
|
|
209
|
-
},
|
|
210
|
-
highlightedButton: {
|
|
211
|
-
backgroundColor: '#4a148c'
|
|
212
|
-
},
|
|
213
|
-
subscribeButtonText: {
|
|
214
|
-
fontSize: 16,
|
|
215
|
-
fontWeight: '600',
|
|
216
|
-
color: '#4a148c'
|
|
217
|
-
},
|
|
218
|
-
highlightedButtonText: {
|
|
219
|
-
color: '#fff'
|
|
220
|
-
}
|
|
221
|
-
});
|
|
222
|
-
//# sourceMappingURL=PremiumScreen.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","StyleSheet","SafeAreaView","ScrollView","TouchableOpacity","jsx","_jsx","jsxs","_jsxs","PlanCard","name","price","features","highlighted","style","styles","planCard","highlightedPlan","children","popularBadge","popularText","planName","planPrice","planPeriod","map","feature","index","featureItem","featureIcon","featureText","subscribeButton","highlightedButton","subscribeButtonText","highlightedButtonText","PremiumScreen","container","header","headerTitle","scrollView","heroSection","heroIcon","heroTitle","heroDescription","plansContainer","create","flex","backgroundColor","padding","borderBottomWidth","borderBottomColor","fontSize","fontWeight","color","textAlign","alignItems","marginBottom","opacity","borderRadius","borderWidth","borderColor","transform","scale","paddingHorizontal","paddingVertical","alignSelf","flexDirection","marginRight"],"sourceRoot":"../../../src","sources":["screens/PremiumScreen.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PremiumScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/PremiumScreen.tsx"],"names":[],"mappings":"AA8DA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA2DpC"}
|
|
@@ -1,250 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
View,
|
|
4
|
-
Text,
|
|
5
|
-
StyleSheet,
|
|
6
|
-
SafeAreaView,
|
|
7
|
-
ScrollView,
|
|
8
|
-
TouchableOpacity,
|
|
9
|
-
} from 'react-native';
|
|
10
|
-
|
|
11
|
-
interface PlanCardProps {
|
|
12
|
-
name: string;
|
|
13
|
-
price: string;
|
|
14
|
-
features: string[];
|
|
15
|
-
highlighted?: boolean;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
const PlanCard: React.FC<PlanCardProps> = ({
|
|
19
|
-
name,
|
|
20
|
-
price,
|
|
21
|
-
features,
|
|
22
|
-
highlighted = false,
|
|
23
|
-
}) => {
|
|
24
|
-
return (
|
|
25
|
-
<View style={[styles.planCard, highlighted && styles.highlightedPlan]}>
|
|
26
|
-
{highlighted && (
|
|
27
|
-
<View style={styles.popularBadge}>
|
|
28
|
-
<Text style={styles.popularText}>MOST POPULAR</Text>
|
|
29
|
-
</View>
|
|
30
|
-
)}
|
|
31
|
-
<Text style={styles.planName}>{name}</Text>
|
|
32
|
-
<Text style={styles.planPrice}>{price}</Text>
|
|
33
|
-
<Text style={styles.planPeriod}>per month</Text>
|
|
34
|
-
|
|
35
|
-
<View style={styles.features}>
|
|
36
|
-
{features.map((feature, index) => (
|
|
37
|
-
<View key={index} style={styles.featureItem}>
|
|
38
|
-
<Text style={styles.featureIcon}>✓</Text>
|
|
39
|
-
<Text style={styles.featureText}>{feature}</Text>
|
|
40
|
-
</View>
|
|
41
|
-
))}
|
|
42
|
-
</View>
|
|
43
|
-
|
|
44
|
-
<TouchableOpacity
|
|
45
|
-
style={[
|
|
46
|
-
styles.subscribeButton,
|
|
47
|
-
highlighted && styles.highlightedButton,
|
|
48
|
-
]}
|
|
49
|
-
>
|
|
50
|
-
<Text
|
|
51
|
-
style={[
|
|
52
|
-
styles.subscribeButtonText,
|
|
53
|
-
highlighted && styles.highlightedButtonText,
|
|
54
|
-
]}
|
|
55
|
-
>
|
|
56
|
-
Subscribe
|
|
57
|
-
</Text>
|
|
58
|
-
</TouchableOpacity>
|
|
59
|
-
</View>
|
|
60
|
-
);
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
export default function PremiumScreen() {
|
|
64
|
-
return (
|
|
65
|
-
<SafeAreaView style={styles.container}>
|
|
66
|
-
<View style={styles.header}>
|
|
67
|
-
<Text style={styles.headerTitle}>Premium Plans</Text>
|
|
68
|
-
</View>
|
|
69
|
-
<ScrollView style={styles.scrollView}>
|
|
70
|
-
<View style={styles.heroSection}>
|
|
71
|
-
<Text style={styles.heroIcon}>💎</Text>
|
|
72
|
-
<Text style={styles.heroTitle}>Unlock Premium Features</Text>
|
|
73
|
-
<Text style={styles.heroDescription}>
|
|
74
|
-
Get access to exclusive features and tools to grow your business
|
|
75
|
-
</Text>
|
|
76
|
-
</View>
|
|
77
|
-
|
|
78
|
-
<View style={styles.plansContainer}>
|
|
79
|
-
<PlanCard
|
|
80
|
-
name="Basic"
|
|
81
|
-
price="$9.99"
|
|
82
|
-
features={[
|
|
83
|
-
'Up to 100 contacts',
|
|
84
|
-
'5 campaigns per month',
|
|
85
|
-
'Basic analytics',
|
|
86
|
-
'Email support',
|
|
87
|
-
]}
|
|
88
|
-
/>
|
|
89
|
-
|
|
90
|
-
<PlanCard
|
|
91
|
-
name="Professional"
|
|
92
|
-
price="$29.99"
|
|
93
|
-
features={[
|
|
94
|
-
'Up to 1,000 contacts',
|
|
95
|
-
'Unlimited campaigns',
|
|
96
|
-
'Advanced analytics',
|
|
97
|
-
'Priority support',
|
|
98
|
-
'Custom branding',
|
|
99
|
-
'API access',
|
|
100
|
-
]}
|
|
101
|
-
highlighted={true}
|
|
102
|
-
/>
|
|
103
|
-
|
|
104
|
-
<PlanCard
|
|
105
|
-
name="Enterprise"
|
|
106
|
-
price="$99.99"
|
|
107
|
-
features={[
|
|
108
|
-
'Unlimited contacts',
|
|
109
|
-
'Unlimited campaigns',
|
|
110
|
-
'Advanced analytics',
|
|
111
|
-
'24/7 dedicated support',
|
|
112
|
-
'Custom branding',
|
|
113
|
-
'API access',
|
|
114
|
-
'Custom integrations',
|
|
115
|
-
'White-label solution',
|
|
116
|
-
]}
|
|
117
|
-
/>
|
|
118
|
-
</View>
|
|
119
|
-
</ScrollView>
|
|
120
|
-
</SafeAreaView>
|
|
121
|
-
);
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
const styles = StyleSheet.create({
|
|
125
|
-
container: {
|
|
126
|
-
flex: 1,
|
|
127
|
-
backgroundColor: '#f5f5f5',
|
|
128
|
-
},
|
|
129
|
-
header: {
|
|
130
|
-
backgroundColor: '#fff',
|
|
131
|
-
padding: 16,
|
|
132
|
-
borderBottomWidth: 1,
|
|
133
|
-
borderBottomColor: '#e0e0e0',
|
|
134
|
-
},
|
|
135
|
-
headerTitle: {
|
|
136
|
-
fontSize: 20,
|
|
137
|
-
fontWeight: '600',
|
|
138
|
-
color: '#333',
|
|
139
|
-
textAlign: 'center',
|
|
140
|
-
},
|
|
141
|
-
scrollView: {
|
|
142
|
-
flex: 1,
|
|
143
|
-
},
|
|
144
|
-
heroSection: {
|
|
145
|
-
backgroundColor: '#4a148c',
|
|
146
|
-
padding: 32,
|
|
147
|
-
alignItems: 'center',
|
|
148
|
-
},
|
|
149
|
-
heroIcon: {
|
|
150
|
-
fontSize: 48,
|
|
151
|
-
marginBottom: 16,
|
|
152
|
-
},
|
|
153
|
-
heroTitle: {
|
|
154
|
-
fontSize: 24,
|
|
155
|
-
fontWeight: '700',
|
|
156
|
-
color: '#fff',
|
|
157
|
-
marginBottom: 8,
|
|
158
|
-
textAlign: 'center',
|
|
159
|
-
},
|
|
160
|
-
heroDescription: {
|
|
161
|
-
fontSize: 14,
|
|
162
|
-
color: '#fff',
|
|
163
|
-
textAlign: 'center',
|
|
164
|
-
opacity: 0.9,
|
|
165
|
-
},
|
|
166
|
-
plansContainer: {
|
|
167
|
-
padding: 16,
|
|
168
|
-
},
|
|
169
|
-
planCard: {
|
|
170
|
-
backgroundColor: '#fff',
|
|
171
|
-
borderRadius: 16,
|
|
172
|
-
padding: 24,
|
|
173
|
-
marginBottom: 16,
|
|
174
|
-
borderWidth: 2,
|
|
175
|
-
borderColor: '#e0e0e0',
|
|
176
|
-
},
|
|
177
|
-
highlightedPlan: {
|
|
178
|
-
borderColor: '#4a148c',
|
|
179
|
-
transform: [{ scale: 1.02 }],
|
|
180
|
-
},
|
|
181
|
-
popularBadge: {
|
|
182
|
-
backgroundColor: '#4a148c',
|
|
183
|
-
paddingHorizontal: 12,
|
|
184
|
-
paddingVertical: 6,
|
|
185
|
-
borderRadius: 12,
|
|
186
|
-
alignSelf: 'center',
|
|
187
|
-
marginBottom: 16,
|
|
188
|
-
},
|
|
189
|
-
popularText: {
|
|
190
|
-
color: '#fff',
|
|
191
|
-
fontSize: 10,
|
|
192
|
-
fontWeight: '700',
|
|
193
|
-
},
|
|
194
|
-
planName: {
|
|
195
|
-
fontSize: 24,
|
|
196
|
-
fontWeight: '700',
|
|
197
|
-
color: '#333',
|
|
198
|
-
textAlign: 'center',
|
|
199
|
-
marginBottom: 8,
|
|
200
|
-
},
|
|
201
|
-
planPrice: {
|
|
202
|
-
fontSize: 36,
|
|
203
|
-
fontWeight: '700',
|
|
204
|
-
color: '#4a148c',
|
|
205
|
-
textAlign: 'center',
|
|
206
|
-
},
|
|
207
|
-
planPeriod: {
|
|
208
|
-
fontSize: 14,
|
|
209
|
-
color: '#666',
|
|
210
|
-
textAlign: 'center',
|
|
211
|
-
marginBottom: 24,
|
|
212
|
-
},
|
|
213
|
-
features: {
|
|
214
|
-
marginBottom: 24,
|
|
215
|
-
},
|
|
216
|
-
featureItem: {
|
|
217
|
-
flexDirection: 'row',
|
|
218
|
-
alignItems: 'center',
|
|
219
|
-
marginBottom: 12,
|
|
220
|
-
},
|
|
221
|
-
featureIcon: {
|
|
222
|
-
fontSize: 16,
|
|
223
|
-
color: '#4a148c',
|
|
224
|
-
marginRight: 12,
|
|
225
|
-
fontWeight: '700',
|
|
226
|
-
},
|
|
227
|
-
featureText: {
|
|
228
|
-
fontSize: 14,
|
|
229
|
-
color: '#333',
|
|
230
|
-
},
|
|
231
|
-
subscribeButton: {
|
|
232
|
-
backgroundColor: '#fff',
|
|
233
|
-
borderWidth: 2,
|
|
234
|
-
borderColor: '#4a148c',
|
|
235
|
-
borderRadius: 8,
|
|
236
|
-
padding: 16,
|
|
237
|
-
alignItems: 'center',
|
|
238
|
-
},
|
|
239
|
-
highlightedButton: {
|
|
240
|
-
backgroundColor: '#4a148c',
|
|
241
|
-
},
|
|
242
|
-
subscribeButtonText: {
|
|
243
|
-
fontSize: 16,
|
|
244
|
-
fontWeight: '600',
|
|
245
|
-
color: '#4a148c',
|
|
246
|
-
},
|
|
247
|
-
highlightedButtonText: {
|
|
248
|
-
color: '#fff',
|
|
249
|
-
},
|
|
250
|
-
});
|