rn-onboarding-analytics 1.0.0 → 1.1.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/README.md +3 -3
- package/lib/module/spill-onboarding/analytics.js +12 -5
- package/lib/module/spill-onboarding/analytics.js.map +1 -1
- package/lib/module/spill-onboarding/components/OnboardingPaywallPanel.js +299 -0
- package/lib/module/spill-onboarding/components/OnboardingPaywallPanel.js.map +1 -0
- package/lib/module/spill-onboarding/index.js +49 -6
- package/lib/module/spill-onboarding/index.js.map +1 -1
- package/lib/typescript/src/spill-onboarding/analytics.d.ts +1 -1
- package/lib/typescript/src/spill-onboarding/analytics.d.ts.map +1 -1
- package/lib/typescript/src/spill-onboarding/components/OnboardingPaywallPanel.d.ts +4 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingPaywallPanel.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/index.d.ts +1 -1
- package/lib/typescript/src/spill-onboarding/index.d.ts.map +1 -1
- package/lib/typescript/src/spill-onboarding/types.d.ts +61 -3
- package/lib/typescript/src/spill-onboarding/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/spill-onboarding/analytics.ts +18 -5
- package/src/spill-onboarding/components/OnboardingPaywallPanel.tsx +346 -0
- package/src/spill-onboarding/index.tsx +68 -18
- package/src/spill-onboarding/types.ts +68 -3
package/README.md
CHANGED
|
@@ -28,7 +28,7 @@ npm install rn-onboarding-analytics
|
|
|
28
28
|
The library requires these dependencies for animations and safe area context:
|
|
29
29
|
|
|
30
30
|
```sh
|
|
31
|
-
npm install react-native-reanimated react-native-safe-area-context
|
|
31
|
+
npm install react-native-reanimated react-native-safe-area-context expo-constants expo-localization
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
Optionally for image support, install one of:
|
|
@@ -51,12 +51,12 @@ import Onboarding from 'rn-onboarding-analytics';
|
|
|
51
51
|
function MyOnboarding() {
|
|
52
52
|
return (
|
|
53
53
|
<Onboarding
|
|
54
|
+
apiKey="your-key"
|
|
54
55
|
introPanel={{
|
|
55
56
|
title: 'Welcome to My App',
|
|
56
57
|
subtitle: "Let's get you started",
|
|
57
58
|
button: 'Get Started',
|
|
58
59
|
image: require('./assets/logo.png'),
|
|
59
|
-
apikey: 'your-key'
|
|
60
60
|
}}
|
|
61
61
|
steps={[
|
|
62
62
|
{
|
|
@@ -424,12 +424,12 @@ import Onboarding from 'rn-onboarding-analytics';
|
|
|
424
424
|
function MyOnboarding() {
|
|
425
425
|
return (
|
|
426
426
|
<Onboarding
|
|
427
|
+
apiKey="your-key"
|
|
427
428
|
introPanel={{
|
|
428
429
|
title: 'Welcome to My App',
|
|
429
430
|
subtitle: "Let's get you started",
|
|
430
431
|
button: 'Get Started',
|
|
431
432
|
image: require('./assets/logo.png'),
|
|
432
|
-
apikey: 'your-key'
|
|
433
433
|
}}
|
|
434
434
|
steps={[
|
|
435
435
|
{
|
|
@@ -6,8 +6,7 @@ import * as Localization from 'expo-localization';
|
|
|
6
6
|
|
|
7
7
|
// TODO: need to get an better domain
|
|
8
8
|
const API_URL = 'https://api.freesupabase.shop/api/track';
|
|
9
|
-
export const trackEvent = async (apiKey, eventType, metaData = {}) => {
|
|
10
|
-
const token = apiKey;
|
|
9
|
+
export const trackEvent = async (apiKey, eventType, metaData = {}, isDev = false) => {
|
|
11
10
|
const appName = Constants.expoConfig?.name || Constants.manifest?.name || 'react-native-app';
|
|
12
11
|
const locales = Localization.getLocales();
|
|
13
12
|
const primaryLocale = locales[0];
|
|
@@ -17,26 +16,34 @@ export const trackEvent = async (apiKey, eventType, metaData = {}) => {
|
|
|
17
16
|
region: primaryLocale?.regionCode,
|
|
18
17
|
language: primaryLocale?.languageCode
|
|
19
18
|
};
|
|
20
|
-
if (!
|
|
19
|
+
if (!isDev && !apiKey) {
|
|
21
20
|
console.error(JSON.stringify({
|
|
22
21
|
error: 'Go to `https://freesupabase.shop/docs` to get an app token'
|
|
23
22
|
}));
|
|
24
23
|
return;
|
|
25
24
|
}
|
|
26
25
|
const payload = {
|
|
27
|
-
app_id:
|
|
26
|
+
app_id: apiKey,
|
|
28
27
|
eventType,
|
|
29
28
|
userAgent: `React Native (${Platform.OS})`,
|
|
30
29
|
sourceUrl: appName,
|
|
31
30
|
metaData: extendedMetaData
|
|
32
31
|
};
|
|
32
|
+
if (isDev) {
|
|
33
|
+
console.log('🚧 [Dev Mode] Analytics Event (Not Sent):', JSON.stringify(payload, null, 2));
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
if (!apiKey) {
|
|
37
|
+
console.log('⚠️ Analytics: No API Key provided, event not sent.');
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
33
40
|
console.log('📡 Sending Analytics Event:', JSON.stringify(payload, null, 2));
|
|
34
41
|
try {
|
|
35
42
|
const response = await fetch(API_URL, {
|
|
36
43
|
method: 'POST',
|
|
37
44
|
headers: {
|
|
38
45
|
'Content-Type': 'application/json',
|
|
39
|
-
'Authorization': `Bearer ${
|
|
46
|
+
'Authorization': `Bearer ${apiKey}`
|
|
40
47
|
},
|
|
41
48
|
body: JSON.stringify(payload)
|
|
42
49
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","Constants","Localization","API_URL","trackEvent","apiKey","eventType","metaData","
|
|
1
|
+
{"version":3,"names":["Platform","Constants","Localization","API_URL","trackEvent","apiKey","eventType","metaData","isDev","appName","expoConfig","name","manifest","locales","getLocales","primaryLocale","extendedMetaData","locale","languageTag","region","regionCode","language","languageCode","console","error","JSON","stringify","payload","app_id","userAgent","OS","sourceUrl","log","response","fetch","method","headers","body","ok","status","text"],"sourceRoot":"../../../src","sources":["spill-onboarding/analytics.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,OAAOC,SAAS,MAAM,gBAAgB;AACtC,OAAO,KAAKC,YAAY,MAAM,mBAAmB;;AAEjD;AACA,MAAMC,OAAO,GAAG,yCAAyC;AAEzD,OAAO,MAAMC,UAAU,GAAG,MAAAA,CACxBC,MAA0B,EAC1BC,SAAiB,EACjBC,QAAa,GAAG,CAAC,CAAC,EAClBC,KAAc,GAAG,KAAK,KACnB;EACH,MAAMC,OAAO,GACXR,SAAS,CAACS,UAAU,EAAEC,IAAI,IAC1BV,SAAS,CAACW,QAAQ,EAAED,IAAI,IACxB,kBAAkB;EACpB,MAAME,OAAO,GAAGX,YAAY,CAACY,UAAU,CAAC,CAAC;EACzC,MAAMC,aAAa,GAAGF,OAAO,CAAC,CAAC,CAAC;EAEhC,MAAMG,gBAAgB,GAAG;IACvB,GAAGT,QAAQ;IACXU,MAAM,EAAEF,aAAa,EAAEG,WAAW;IAClCC,MAAM,EAAEJ,aAAa,EAAEK,UAAU;IACjCC,QAAQ,EAAEN,aAAa,EAAEO;EAC3B,CAAC;EAED,IAAI,CAACd,KAAK,IAAI,CAACH,MAAM,EAAE;IACrBkB,OAAO,CAACC,KAAK,CACXC,IAAI,CAACC,SAAS,CAAC;MACbF,KAAK,EAAE;IACT,CAAC,CACH,CAAC;IACD;EACF;EAEA,MAAMG,OAAO,GAAG;IACdC,MAAM,EAAEvB,MAAM;IACdC,SAAS;IACTuB,SAAS,EAAE,iBAAiB7B,QAAQ,CAAC8B,EAAE,GAAG;IAC1CC,SAAS,EAAEtB,OAAO;IAClBF,QAAQ,EAAES;EACZ,CAAC;EAED,IAAIR,KAAK,EAAE;IACTe,OAAO,CAACS,GAAG,CACT,2CAA2C,EAC3CP,IAAI,CAACC,SAAS,CAACC,OAAO,EAAE,IAAI,EAAE,CAAC,CACjC,CAAC;IACD;EACF;EAEA,IAAI,CAACtB,MAAM,EAAE;IACXkB,OAAO,CAACS,GAAG,CAAC,oDAAoD,CAAC;IACjE;EACF;EAEAT,OAAO,CAACS,GAAG,CAAC,6BAA6B,EAAEP,IAAI,CAACC,SAAS,CAACC,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;EAE5E,IAAI;IACF,MAAMM,QAAQ,GAAG,MAAMC,KAAK,CAAC/B,OAAO,EAAE;MACpCgC,MAAM,EAAE,MAAM;MACdC,OAAO,EAAE;QACP,cAAc,EAAE,kBAAkB;QAClC,eAAe,EAAE,UAAU/B,MAAM;MACnC,CAAC;MACDgC,IAAI,EAAEZ,IAAI,CAACC,SAAS,CAACC,OAAO;IAC9B,CAAC,CAAC;IAEF,IAAI,CAACM,QAAQ,CAACK,EAAE,EAAE;MAChB,IAAIL,QAAQ,CAACM,MAAM,KAAK,GAAG,EAAE;QAC3BhB,OAAO,CAACC,KAAK,CACXC,IAAI,CAACC,SAAS,CAAC;UACbF,KAAK,EAAE;QACT,CAAC,CACH,CAAC;MACH,CAAC,MAAM;QACLD,OAAO,CAACC,KAAK,CACX,kBAAkB,EAClBS,QAAQ,CAACM,MAAM,EACf,MAAMN,QAAQ,CAACO,IAAI,CAAC,CACtB,CAAC;MACH;IACF;EACF,CAAC,CAAC,OAAOhB,KAAK,EAAE;IACdD,OAAO,CAACC,KAAK,CAAC,iCAAiC,EAAEA,KAAK,CAAC;EACzD;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,299 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useMemo, useState } from 'react';
|
|
4
|
+
import { Image, StyleSheet, Text, View, TouchableOpacity, ScrollView, Dimensions } from 'react-native';
|
|
5
|
+
import { useTheme } from "../../utils/ThemeContext.js";
|
|
6
|
+
import PrimaryButton from "../buttons/PrimaryButton.js";
|
|
7
|
+
import { fontSizes, lineHeights } from "../../utils/fontStyles.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const {
|
|
10
|
+
height: screenHeight
|
|
11
|
+
} = Dimensions.get('window');
|
|
12
|
+
function OnboardingPaywallPanel({
|
|
13
|
+
onPressContinue,
|
|
14
|
+
title,
|
|
15
|
+
subtitle,
|
|
16
|
+
button,
|
|
17
|
+
image,
|
|
18
|
+
plans,
|
|
19
|
+
helperTextContinue,
|
|
20
|
+
onRestorePurchase,
|
|
21
|
+
onTerms,
|
|
22
|
+
onPrivacy
|
|
23
|
+
}) {
|
|
24
|
+
const {
|
|
25
|
+
theme
|
|
26
|
+
} = useTheme();
|
|
27
|
+
const styles = useMemo(() => createStyles(theme), [theme]);
|
|
28
|
+
const [selectedPlanId, setSelectedPlanId] = useState(plans[0]?.id || '');
|
|
29
|
+
const selectedPlan = plans.find(p => p.id === selectedPlanId);
|
|
30
|
+
const renderTitle = () => {
|
|
31
|
+
if (!title) return null;
|
|
32
|
+
if (typeof title === 'string') {
|
|
33
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
34
|
+
style: [styles.text, styles.line1, styles.titleText],
|
|
35
|
+
children: title
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
return title;
|
|
39
|
+
};
|
|
40
|
+
const renderSubtitle = () => {
|
|
41
|
+
if (!subtitle) return null;
|
|
42
|
+
if (typeof subtitle === 'string') {
|
|
43
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
44
|
+
style: [styles.text, styles.line2, styles.subtitleText],
|
|
45
|
+
children: subtitle
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
return subtitle;
|
|
49
|
+
};
|
|
50
|
+
const renderFeatures = () => {
|
|
51
|
+
if (!selectedPlan?.features || selectedPlan.features.length === 0) return null;
|
|
52
|
+
return /*#__PURE__*/_jsx(View, {
|
|
53
|
+
style: styles.featuresContainer,
|
|
54
|
+
children: selectedPlan.features.map((feature, index) => /*#__PURE__*/_jsxs(View, {
|
|
55
|
+
style: styles.featureRow,
|
|
56
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
57
|
+
style: styles.checkIcon,
|
|
58
|
+
children: "\u2713"
|
|
59
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
60
|
+
style: styles.featureText,
|
|
61
|
+
children: feature
|
|
62
|
+
})]
|
|
63
|
+
}, index))
|
|
64
|
+
});
|
|
65
|
+
};
|
|
66
|
+
const renderPlans = () => {
|
|
67
|
+
return /*#__PURE__*/_jsx(View, {
|
|
68
|
+
style: styles.plansContainer,
|
|
69
|
+
children: plans.map(plan => {
|
|
70
|
+
const isSelected = plan.id === selectedPlanId;
|
|
71
|
+
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
72
|
+
style: [styles.planCard, isSelected && styles.planCardSelected],
|
|
73
|
+
onPress: () => setSelectedPlanId(plan.id),
|
|
74
|
+
activeOpacity: 0.8,
|
|
75
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
76
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
77
|
+
style: [styles.planTitle, isSelected && styles.planTitleSelected],
|
|
78
|
+
children: plan.title
|
|
79
|
+
}), plan.interval && /*#__PURE__*/_jsx(Text, {
|
|
80
|
+
style: [styles.planInterval, isSelected && styles.planIntervalSelected],
|
|
81
|
+
children: plan.interval
|
|
82
|
+
})]
|
|
83
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
84
|
+
style: [styles.planPrice, isSelected && styles.planPriceSelected],
|
|
85
|
+
children: plan.price
|
|
86
|
+
})]
|
|
87
|
+
}, plan.id);
|
|
88
|
+
})
|
|
89
|
+
});
|
|
90
|
+
};
|
|
91
|
+
const renderButton = () => {
|
|
92
|
+
const handlePress = () => onPressContinue(selectedPlanId);
|
|
93
|
+
if (typeof button === 'string') {
|
|
94
|
+
return /*#__PURE__*/_jsx(PrimaryButton, {
|
|
95
|
+
text: button,
|
|
96
|
+
onPress: handlePress
|
|
97
|
+
});
|
|
98
|
+
}
|
|
99
|
+
return button({
|
|
100
|
+
onPress: handlePress
|
|
101
|
+
});
|
|
102
|
+
};
|
|
103
|
+
const renderFooterLinks = () => {
|
|
104
|
+
if (!onRestorePurchase && !onTerms && !onPrivacy) return null;
|
|
105
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
106
|
+
style: styles.footerLinksContainer,
|
|
107
|
+
children: [onRestorePurchase && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
108
|
+
onPress: onRestorePurchase.onPress,
|
|
109
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
110
|
+
style: styles.footerLinkText,
|
|
111
|
+
children: onRestorePurchase.text
|
|
112
|
+
})
|
|
113
|
+
}), onRestorePurchase && (onTerms || onPrivacy) && /*#__PURE__*/_jsx(Text, {
|
|
114
|
+
style: styles.footerLinkSeparator,
|
|
115
|
+
children: "\u2022"
|
|
116
|
+
}), onTerms && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
117
|
+
onPress: onTerms.onPress,
|
|
118
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
119
|
+
style: styles.footerLinkText,
|
|
120
|
+
children: onTerms.text
|
|
121
|
+
})
|
|
122
|
+
}), onTerms && onPrivacy && /*#__PURE__*/_jsx(Text, {
|
|
123
|
+
style: styles.footerLinkSeparator,
|
|
124
|
+
children: "\u2022"
|
|
125
|
+
}), onPrivacy && /*#__PURE__*/_jsx(TouchableOpacity, {
|
|
126
|
+
onPress: onPrivacy.onPress,
|
|
127
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
128
|
+
style: styles.footerLinkText,
|
|
129
|
+
children: onPrivacy.text
|
|
130
|
+
})
|
|
131
|
+
})]
|
|
132
|
+
});
|
|
133
|
+
};
|
|
134
|
+
return /*#__PURE__*/_jsxs(ScrollView, {
|
|
135
|
+
style: styles.container,
|
|
136
|
+
contentContainerStyle: styles.contentContainer,
|
|
137
|
+
showsVerticalScrollIndicator: false,
|
|
138
|
+
bounces: false,
|
|
139
|
+
children: [typeof image === 'function' ? image() : image && /*#__PURE__*/_jsx(Image, {
|
|
140
|
+
source: image,
|
|
141
|
+
style: styles.image,
|
|
142
|
+
resizeMode: "cover"
|
|
143
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
144
|
+
style: styles.contentWrapper,
|
|
145
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
146
|
+
style: styles.headerContainer,
|
|
147
|
+
children: [renderTitle(), renderSubtitle()]
|
|
148
|
+
}), renderFeatures(), renderPlans(), helperTextContinue && /*#__PURE__*/_jsx(Text, {
|
|
149
|
+
style: styles.helperText,
|
|
150
|
+
children: helperTextContinue
|
|
151
|
+
}), renderButton(), renderFooterLinks()]
|
|
152
|
+
})]
|
|
153
|
+
});
|
|
154
|
+
}
|
|
155
|
+
export default OnboardingPaywallPanel;
|
|
156
|
+
const createStyles = theme => StyleSheet.create({
|
|
157
|
+
container: {
|
|
158
|
+
flex: 1,
|
|
159
|
+
backgroundColor: theme.bg.secondary
|
|
160
|
+
},
|
|
161
|
+
contentContainer: {
|
|
162
|
+
paddingBottom: 40
|
|
163
|
+
},
|
|
164
|
+
contentWrapper: {
|
|
165
|
+
paddingHorizontal: 16,
|
|
166
|
+
marginTop: -32,
|
|
167
|
+
paddingTop: 32,
|
|
168
|
+
borderTopLeftRadius: 32,
|
|
169
|
+
borderTopRightRadius: 32,
|
|
170
|
+
backgroundColor: theme.bg.secondary
|
|
171
|
+
},
|
|
172
|
+
image: {
|
|
173
|
+
alignSelf: 'center',
|
|
174
|
+
width: '100%',
|
|
175
|
+
height: screenHeight * 0.3
|
|
176
|
+
},
|
|
177
|
+
headerContainer: {
|
|
178
|
+
alignItems: 'center',
|
|
179
|
+
marginBottom: 24,
|
|
180
|
+
marginTop: 8
|
|
181
|
+
},
|
|
182
|
+
text: {
|
|
183
|
+
fontSize: fontSizes.xxl,
|
|
184
|
+
lineHeight: lineHeights.xxl,
|
|
185
|
+
textAlign: 'center'
|
|
186
|
+
},
|
|
187
|
+
line1: {
|
|
188
|
+
color: theme.text.primary
|
|
189
|
+
},
|
|
190
|
+
line2: {
|
|
191
|
+
marginTop: 8,
|
|
192
|
+
color: theme.text.secondary,
|
|
193
|
+
fontSize: fontSizes.md,
|
|
194
|
+
lineHeight: lineHeights.md
|
|
195
|
+
},
|
|
196
|
+
titleText: {
|
|
197
|
+
fontFamily: theme.fonts.introTitle,
|
|
198
|
+
fontWeight: 'bold'
|
|
199
|
+
},
|
|
200
|
+
subtitleText: {
|
|
201
|
+
fontFamily: theme.fonts.introSubtitle
|
|
202
|
+
},
|
|
203
|
+
featuresContainer: {
|
|
204
|
+
marginBottom: 24,
|
|
205
|
+
paddingHorizontal: 8
|
|
206
|
+
},
|
|
207
|
+
featureRow: {
|
|
208
|
+
flexDirection: 'row',
|
|
209
|
+
alignItems: 'center',
|
|
210
|
+
marginBottom: 12
|
|
211
|
+
},
|
|
212
|
+
checkIcon: {
|
|
213
|
+
color: theme.bg.accent,
|
|
214
|
+
fontSize: fontSizes.lg,
|
|
215
|
+
marginRight: 12,
|
|
216
|
+
fontWeight: 'bold'
|
|
217
|
+
},
|
|
218
|
+
featureText: {
|
|
219
|
+
color: theme.text.primary,
|
|
220
|
+
fontSize: fontSizes.md,
|
|
221
|
+
fontWeight: '500'
|
|
222
|
+
},
|
|
223
|
+
plansContainer: {
|
|
224
|
+
gap: 12,
|
|
225
|
+
marginBottom: 24
|
|
226
|
+
},
|
|
227
|
+
planCard: {
|
|
228
|
+
flexDirection: 'row',
|
|
229
|
+
alignItems: 'center',
|
|
230
|
+
justifyContent: 'space-between',
|
|
231
|
+
padding: 16,
|
|
232
|
+
borderRadius: 16,
|
|
233
|
+
backgroundColor: theme.bg.secondary,
|
|
234
|
+
borderWidth: 1,
|
|
235
|
+
borderColor: theme.bg.label,
|
|
236
|
+
// Shadow for elevation
|
|
237
|
+
shadowColor: '#000',
|
|
238
|
+
shadowOffset: {
|
|
239
|
+
width: 0,
|
|
240
|
+
height: 2
|
|
241
|
+
},
|
|
242
|
+
shadowOpacity: 0.05,
|
|
243
|
+
shadowRadius: 4,
|
|
244
|
+
elevation: 2
|
|
245
|
+
},
|
|
246
|
+
planCardSelected: {
|
|
247
|
+
borderColor: theme.bg.accent,
|
|
248
|
+
backgroundColor: theme.bg.secondary,
|
|
249
|
+
borderWidth: 2
|
|
250
|
+
},
|
|
251
|
+
planTitle: {
|
|
252
|
+
fontSize: fontSizes.md,
|
|
253
|
+
fontWeight: '600',
|
|
254
|
+
color: theme.text.primary
|
|
255
|
+
},
|
|
256
|
+
planTitleSelected: {
|
|
257
|
+
color: theme.text.primary,
|
|
258
|
+
fontWeight: '700'
|
|
259
|
+
},
|
|
260
|
+
planInterval: {
|
|
261
|
+
fontSize: fontSizes.sm,
|
|
262
|
+
color: theme.text.secondary,
|
|
263
|
+
marginTop: 2
|
|
264
|
+
},
|
|
265
|
+
planIntervalSelected: {
|
|
266
|
+
color: theme.text.secondary
|
|
267
|
+
},
|
|
268
|
+
planPrice: {
|
|
269
|
+
fontSize: fontSizes.lg,
|
|
270
|
+
fontWeight: '700',
|
|
271
|
+
color: theme.text.primary
|
|
272
|
+
},
|
|
273
|
+
planPriceSelected: {
|
|
274
|
+
color: theme.bg.accent
|
|
275
|
+
},
|
|
276
|
+
helperText: {
|
|
277
|
+
textAlign: 'center',
|
|
278
|
+
color: theme.text.secondary,
|
|
279
|
+
fontSize: fontSizes.sm,
|
|
280
|
+
marginBottom: 12,
|
|
281
|
+
fontWeight: '500'
|
|
282
|
+
},
|
|
283
|
+
footerLinksContainer: {
|
|
284
|
+
flexDirection: 'row',
|
|
285
|
+
justifyContent: 'center',
|
|
286
|
+
alignItems: 'center',
|
|
287
|
+
marginTop: 24,
|
|
288
|
+
gap: 8
|
|
289
|
+
},
|
|
290
|
+
footerLinkText: {
|
|
291
|
+
fontSize: fontSizes.md,
|
|
292
|
+
color: theme.text.secondary
|
|
293
|
+
},
|
|
294
|
+
footerLinkSeparator: {
|
|
295
|
+
fontSize: fontSizes.xs,
|
|
296
|
+
color: theme.text.secondary
|
|
297
|
+
}
|
|
298
|
+
});
|
|
299
|
+
//# sourceMappingURL=OnboardingPaywallPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useMemo","useState","Image","StyleSheet","Text","View","TouchableOpacity","ScrollView","Dimensions","useTheme","PrimaryButton","fontSizes","lineHeights","jsx","_jsx","jsxs","_jsxs","height","screenHeight","get","OnboardingPaywallPanel","onPressContinue","title","subtitle","button","image","plans","helperTextContinue","onRestorePurchase","onTerms","onPrivacy","theme","styles","createStyles","selectedPlanId","setSelectedPlanId","id","selectedPlan","find","p","renderTitle","style","text","line1","titleText","children","renderSubtitle","line2","subtitleText","renderFeatures","features","length","featuresContainer","map","feature","index","featureRow","checkIcon","featureText","renderPlans","plansContainer","plan","isSelected","planCard","planCardSelected","onPress","activeOpacity","planTitle","planTitleSelected","interval","planInterval","planIntervalSelected","planPrice","planPriceSelected","price","renderButton","handlePress","renderFooterLinks","footerLinksContainer","footerLinkText","footerLinkSeparator","container","contentContainerStyle","contentContainer","showsVerticalScrollIndicator","bounces","source","resizeMode","contentWrapper","headerContainer","helperText","create","flex","backgroundColor","bg","secondary","paddingBottom","paddingHorizontal","marginTop","paddingTop","borderTopLeftRadius","borderTopRightRadius","alignSelf","width","alignItems","marginBottom","fontSize","xxl","lineHeight","textAlign","color","primary","md","fontFamily","fonts","introTitle","fontWeight","introSubtitle","flexDirection","accent","lg","marginRight","gap","justifyContent","padding","borderRadius","borderWidth","borderColor","label","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","sm","xs"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingPaywallPanel.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ import { useMemo, useState, useEffect, useCallback } from 'react';
|
|
|
4
4
|
import { View, BackHandler, Platform, StyleSheet } from 'react-native';
|
|
5
5
|
import { useTheme } from "../utils/ThemeContext.js";
|
|
6
6
|
import OnboardingIntroPanel from "./components/OnboardingIntroPanel.js";
|
|
7
|
+
import OnboardingPaywallPanel from "./components/OnboardingPaywallPanel.js";
|
|
7
8
|
import { useSharedValue, withTiming } from 'react-native-reanimated';
|
|
8
9
|
import OnboardingStepPanel from "./components/OnboardingStepPanel.js";
|
|
9
10
|
import OnboardingStepContainer from "./components/OnboardingStepContainer.js";
|
|
@@ -24,7 +25,9 @@ function SpillOnboarding({
|
|
|
24
25
|
wrapInModalOnWeb = true,
|
|
25
26
|
background,
|
|
26
27
|
skipButton,
|
|
27
|
-
apiKey
|
|
28
|
+
apiKey,
|
|
29
|
+
isDev,
|
|
30
|
+
paywallPanel: paywallPanelProps
|
|
28
31
|
}) {
|
|
29
32
|
const {
|
|
30
33
|
theme
|
|
@@ -34,11 +37,15 @@ function SpillOnboarding({
|
|
|
34
37
|
const [step, setStep] = useState(-1);
|
|
35
38
|
const currentStep = step >= 0 ? steps[step] : undefined;
|
|
36
39
|
const firstStep = steps[0];
|
|
40
|
+
const isPaywall = step === steps.length;
|
|
37
41
|
const onStepChange = useCallback(stepNumber => {
|
|
38
42
|
const getStepName = index => {
|
|
39
43
|
if (index === -1) {
|
|
40
44
|
return 'Intro';
|
|
41
45
|
}
|
|
46
|
+
if (index === steps.length) {
|
|
47
|
+
return 'Paywall';
|
|
48
|
+
}
|
|
42
49
|
const s = steps[index];
|
|
43
50
|
if (!s) {
|
|
44
51
|
return 'Unknown';
|
|
@@ -62,8 +69,8 @@ function SpillOnboarding({
|
|
|
62
69
|
to_index: stepNumber,
|
|
63
70
|
from_step: fromStepName,
|
|
64
71
|
to_step: toStepName
|
|
65
|
-
});
|
|
66
|
-
}, [onStepChangeProps, apiKey, step, steps]);
|
|
72
|
+
}, isDev);
|
|
73
|
+
}, [onStepChangeProps, apiKey, step, steps, isDev]);
|
|
67
74
|
useEffect(() => {
|
|
68
75
|
const backHandler = BackHandler.addEventListener('hardwareBackPress', () => {
|
|
69
76
|
if (step > 0) {
|
|
@@ -94,7 +101,11 @@ function SpillOnboarding({
|
|
|
94
101
|
};
|
|
95
102
|
const onNextPress = () => {
|
|
96
103
|
if (step === steps.length - 1) {
|
|
97
|
-
|
|
104
|
+
if (paywallPanelProps) {
|
|
105
|
+
onStepChange(steps.length);
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
trackEvent(apiKey, 'complete', {}, isDev);
|
|
98
109
|
return onComplete();
|
|
99
110
|
}
|
|
100
111
|
onStepChange(step + 1);
|
|
@@ -123,6 +134,27 @@ function SpillOnboarding({
|
|
|
123
134
|
image: introPanelProps.image
|
|
124
135
|
});
|
|
125
136
|
};
|
|
137
|
+
const onPaywallContinue = planId => {
|
|
138
|
+
trackEvent(apiKey, 'paywall_select', {
|
|
139
|
+
plan_id: planId
|
|
140
|
+
}, isDev);
|
|
141
|
+
trackEvent(apiKey, 'complete', {
|
|
142
|
+
plan_id: planId
|
|
143
|
+
}, isDev);
|
|
144
|
+
onComplete(planId);
|
|
145
|
+
};
|
|
146
|
+
const renderPaywallPanel = () => {
|
|
147
|
+
if (!paywallPanelProps) return null;
|
|
148
|
+
if (typeof paywallPanelProps === 'function') {
|
|
149
|
+
return paywallPanelProps({
|
|
150
|
+
onPressContinue: onPaywallContinue
|
|
151
|
+
});
|
|
152
|
+
}
|
|
153
|
+
return /*#__PURE__*/_jsx(OnboardingPaywallPanel, {
|
|
154
|
+
onPressContinue: onPaywallContinue,
|
|
155
|
+
...paywallPanelProps
|
|
156
|
+
});
|
|
157
|
+
};
|
|
126
158
|
const renderStepContent = () => {
|
|
127
159
|
if (!currentStep) {
|
|
128
160
|
return null;
|
|
@@ -146,11 +178,15 @@ function SpillOnboarding({
|
|
|
146
178
|
});
|
|
147
179
|
};
|
|
148
180
|
const currentStepImage = useMemo(() => {
|
|
181
|
+
if (isPaywall) {
|
|
182
|
+
// Paywall image is rendered inside the panel scrollview
|
|
183
|
+
return undefined;
|
|
184
|
+
}
|
|
149
185
|
if (!currentStep) {
|
|
150
186
|
return firstStep?.image;
|
|
151
187
|
}
|
|
152
188
|
return currentStep.image;
|
|
153
|
-
}, [currentStep, firstStep?.image]);
|
|
189
|
+
}, [currentStep, firstStep?.image, isPaywall]);
|
|
154
190
|
const onboardingContent = /*#__PURE__*/_jsxs(View, {
|
|
155
191
|
style: styles.container,
|
|
156
192
|
ref: screen.ref,
|
|
@@ -168,7 +204,10 @@ function SpillOnboarding({
|
|
|
168
204
|
introPanel: introPanel,
|
|
169
205
|
stepPanel: stepPanel,
|
|
170
206
|
background: background
|
|
171
|
-
}), /*#__PURE__*/_jsx(
|
|
207
|
+
}), isPaywall ? /*#__PURE__*/_jsx(View, {
|
|
208
|
+
style: styles.fullScreenPanel,
|
|
209
|
+
children: renderPaywallPanel()
|
|
210
|
+
}) : /*#__PURE__*/_jsx(OnboardingStepContainer, {
|
|
172
211
|
currentStep: currentStep,
|
|
173
212
|
animationDuration: animationDuration,
|
|
174
213
|
showCloseButton: showCloseButton,
|
|
@@ -201,6 +240,10 @@ const createStyles = theme => StyleSheet.create({
|
|
|
201
240
|
bottom: 0,
|
|
202
241
|
left: 0,
|
|
203
242
|
right: 0
|
|
243
|
+
},
|
|
244
|
+
fullScreenPanel: {
|
|
245
|
+
flex: 1,
|
|
246
|
+
zIndex: 10
|
|
204
247
|
}
|
|
205
248
|
});
|
|
206
249
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","useState","useEffect","useCallback","View","BackHandler","Platform","StyleSheet","useTheme","OnboardingIntroPanel","useSharedValue","withTiming","OnboardingStepPanel","OnboardingStepContainer","OnboardingImageContainer","OnboardingModal","useMeasureHeight","trackEvent","jsx","_jsx","jsxs","_jsxs","SpillOnboarding","animationDuration","introPanel","introPanelProps","steps","onComplete","onSkip","onStepChange","onStepChangeProps","showCloseButton","showBackButton","wrapInModalOnWeb","background","skipButton","apiKey","theme","styles","createStyles","backgroundSpillProgress","step","setStep","currentStep","undefined","firstStep","stepNumber","getStepName","index","s","title","fromStepName","toStepName","console","log","from","to","from_index","to_index","from_step","to_step","backHandler","addEventListener","set","duration","setTimeout","remove","stepPanel","screen","onPressStart","onNextPress","
|
|
1
|
+
{"version":3,"names":["useMemo","useState","useEffect","useCallback","View","BackHandler","Platform","StyleSheet","useTheme","OnboardingIntroPanel","OnboardingPaywallPanel","useSharedValue","withTiming","OnboardingStepPanel","OnboardingStepContainer","OnboardingImageContainer","OnboardingModal","useMeasureHeight","trackEvent","jsx","_jsx","jsxs","_jsxs","SpillOnboarding","animationDuration","introPanel","introPanelProps","steps","onComplete","onSkip","onStepChange","onStepChangeProps","showCloseButton","showBackButton","wrapInModalOnWeb","background","skipButton","apiKey","isDev","paywallPanel","paywallPanelProps","theme","styles","createStyles","backgroundSpillProgress","step","setStep","currentStep","undefined","firstStep","isPaywall","length","stepNumber","getStepName","index","s","title","fromStepName","toStepName","console","log","from","to","from_index","to_index","from_step","to_step","backHandler","addEventListener","set","duration","setTimeout","remove","stepPanel","screen","onPressStart","onNextPress","onBackPress","renderIntroPanel","subtitle","button","image","onPaywallContinue","planId","plan_id","renderPaywallPanel","onPressContinue","renderStepContent","component","onNext","onBack","isLast","label","description","buttonLabel","buttonPrimary","currentStepImage","onboardingContent","style","container","ref","children","bottomPanel","position","screenHeight","height","fullScreenPanel","OS","create","flex","backgroundColor","bg","secondary","paddingHorizontal","paddingBottom","insets","bottom","left","right","zIndex"],"sourceRoot":"../../../src","sources":["spill-onboarding/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const trackEvent: (apiKey: string | undefined, eventType: string, metaData?: any) => Promise<void>;
|
|
1
|
+
export declare const trackEvent: (apiKey: string | undefined, eventType: string, metaData?: any, isDev?: boolean) => Promise<void>;
|
|
2
2
|
//# sourceMappingURL=analytics.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/analytics.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,WACb,MAAM,GAAG,SAAS,aACf,MAAM,aACP,GAAG,
|
|
1
|
+
{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/analytics.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU,WACb,MAAM,GAAG,SAAS,aACf,MAAM,aACP,GAAG,UACN,OAAO,kBA4Ef,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { OnboardingPaywallPanelProps } from '../types';
|
|
2
|
+
declare function OnboardingPaywallPanel({ onPressContinue, title, subtitle, button, image, plans, helperTextContinue, onRestorePurchase, onTerms, onPrivacy, }: OnboardingPaywallPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default OnboardingPaywallPanel;
|
|
4
|
+
//# sourceMappingURL=OnboardingPaywallPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingPaywallPanel.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingPaywallPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAI5D,iBAAS,sBAAsB,CAAC,EAC9B,eAAe,EACf,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,EACL,KAAK,EACL,kBAAkB,EAClB,iBAAiB,EACjB,OAAO,EACP,SAAS,GACV,EAAE,2BAA2B,2CA4K7B;AAED,eAAe,sBAAsB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { type OnboardingProps } from './types';
|
|
2
|
-
declare function SpillOnboarding({ animationDuration, introPanel: introPanelProps, steps, onComplete, onSkip, onStepChange: onStepChangeProps, showCloseButton, showBackButton, wrapInModalOnWeb, background, skipButton, apiKey, }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare function SpillOnboarding({ animationDuration, introPanel: introPanelProps, steps, onComplete, onSkip, onStepChange: onStepChangeProps, showCloseButton, showBackButton, wrapInModalOnWeb, background, skipButton, apiKey, isDev, paywallPanel: paywallPanelProps, }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default SpillOnboarding;
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,iBAAS,eAAe,CAAC,EACvB,iBAAuB,EACvB,UAAU,EAAE,eAAe,EAC3B,KAAK,EACL,UAAU,EACV,MAAM,EACN,YAAY,EAAE,iBAAiB,EAC/B,eAAsB,EACtB,cAAqB,EACrB,gBAAuB,EACvB,UAAU,EACV,UAAU,EACV,MAAM,EACN,KAAK,EACL,YAAY,EAAE,iBAAiB,GAChC,EAAE,eAAe,2CAkPjB;AAED,eAAe,eAAe,CAAC"}
|