rn-onboarding-analytics 1.7.5 → 1.7.6
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 +9 -10
- package/lib/module/spill-onboarding/analytics.js +2 -1
- package/lib/module/spill-onboarding/analytics.js.map +1 -1
- package/lib/module/spill-onboarding/components/OnboardingImageContainer.js +13 -22
- package/lib/module/spill-onboarding/components/OnboardingImageContainer.js.map +1 -1
- package/lib/module/spill-onboarding/components/OnboardingIntroPanel.js +11 -6
- package/lib/module/spill-onboarding/components/OnboardingIntroPanel.js.map +1 -1
- package/lib/module/spill-onboarding/components/OnboardingPaywallPanel.js +127 -107
- package/lib/module/spill-onboarding/components/OnboardingPaywallPanel.js.map +1 -1
- package/lib/module/spill-onboarding/components/OnboardingStepContainer.js +2 -1
- package/lib/module/spill-onboarding/components/OnboardingStepContainer.js.map +1 -1
- package/lib/module/spill-onboarding/hooks/useLogDev.js +24 -0
- package/lib/module/spill-onboarding/hooks/useLogDev.js.map +1 -0
- package/lib/module/spill-onboarding/index.js +16 -6
- package/lib/module/spill-onboarding/index.js.map +1 -1
- package/lib/module/utils/theme.js +22 -3
- package/lib/module/utils/theme.js.map +1 -1
- package/lib/typescript/src/spill-onboarding/analytics.d.ts.map +1 -1
- package/lib/typescript/src/spill-onboarding/components/OnboardingImageContainer.d.ts +4 -2
- package/lib/typescript/src/spill-onboarding/components/OnboardingImageContainer.d.ts.map +1 -1
- package/lib/typescript/src/spill-onboarding/components/OnboardingIntroPanel.d.ts +1 -1
- package/lib/typescript/src/spill-onboarding/components/OnboardingIntroPanel.d.ts.map +1 -1
- package/lib/typescript/src/spill-onboarding/components/OnboardingPaywallPanel.d.ts +1 -1
- package/lib/typescript/src/spill-onboarding/components/OnboardingPaywallPanel.d.ts.map +1 -1
- package/lib/typescript/src/spill-onboarding/hooks/useLogDev.d.ts +7 -0
- package/lib/typescript/src/spill-onboarding/hooks/useLogDev.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 +38 -14
- package/lib/typescript/src/spill-onboarding/types.d.ts.map +1 -1
- package/lib/typescript/src/utils/theme.d.ts +1 -0
- package/lib/typescript/src/utils/theme.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/spill-onboarding/analytics.ts +2 -4
- package/src/spill-onboarding/components/OnboardingImageContainer.tsx +21 -25
- package/src/spill-onboarding/components/OnboardingIntroPanel.tsx +15 -4
- package/src/spill-onboarding/components/OnboardingPaywallPanel.tsx +170 -114
- package/src/spill-onboarding/components/OnboardingStepContainer.tsx +1 -0
- package/src/spill-onboarding/hooks/useLogDev.ts +26 -0
- package/src/spill-onboarding/index.tsx +21 -4
- package/src/spill-onboarding/types.ts +44 -14
- package/src/utils/theme.ts +21 -3
package/README.md
CHANGED
|
@@ -76,14 +76,13 @@ function MyOnboarding() {
|
|
|
76
76
|
description: 'This is the first step of your journey',
|
|
77
77
|
buttonLabel: 'Next',
|
|
78
78
|
image: require('./assets/step1.png'),
|
|
79
|
-
position: 'top',
|
|
80
79
|
},
|
|
81
80
|
{
|
|
82
81
|
title: 'Step 2',
|
|
83
82
|
description: 'Learn about our amazing features',
|
|
84
83
|
buttonLabel: 'Continue',
|
|
85
84
|
image: require('./assets/step2.png'),
|
|
86
|
-
|
|
85
|
+
|
|
87
86
|
},
|
|
88
87
|
]}
|
|
89
88
|
onComplete={() => {
|
|
@@ -134,7 +133,7 @@ function CustomCloseButton({ onPress }: { onPress: () => void }) {
|
|
|
134
133
|
{
|
|
135
134
|
component: CustomStep,
|
|
136
135
|
image: require('./assets/step1.png'),
|
|
137
|
-
|
|
136
|
+
|
|
138
137
|
},
|
|
139
138
|
// ... more steps
|
|
140
139
|
]}
|
|
@@ -192,7 +191,7 @@ Each step can be either a default text-based step or a fully custom component:
|
|
|
192
191
|
description: "Link your account to get started",
|
|
193
192
|
buttonLabel: "Connect",
|
|
194
193
|
image: require('./assets/step1.png'),
|
|
195
|
-
|
|
194
|
+
|
|
196
195
|
}
|
|
197
196
|
|
|
198
197
|
// Custom step component
|
|
@@ -206,7 +205,7 @@ Each step can be either a default text-based step or a fully custom component:
|
|
|
206
205
|
/>
|
|
207
206
|
),
|
|
208
207
|
image: require('./assets/step2.png'),
|
|
209
|
-
|
|
208
|
+
|
|
210
209
|
}
|
|
211
210
|
```
|
|
212
211
|
|
|
@@ -540,14 +539,14 @@ function MyOnboarding() {
|
|
|
540
539
|
description: 'This is the first step of your journey',
|
|
541
540
|
buttonLabel: 'Next',
|
|
542
541
|
image: require('./assets/step1.png'),
|
|
543
|
-
|
|
542
|
+
|
|
544
543
|
},
|
|
545
544
|
{
|
|
546
545
|
title: 'Step 2',
|
|
547
546
|
description: 'Learn about our amazing features',
|
|
548
547
|
buttonLabel: 'Continue',
|
|
549
548
|
image: require('./assets/step2.png'),
|
|
550
|
-
|
|
549
|
+
|
|
551
550
|
},
|
|
552
551
|
]}
|
|
553
552
|
onComplete={() => {
|
|
@@ -598,7 +597,7 @@ function CustomCloseButton({ onPress }: { onPress: () => void }) {
|
|
|
598
597
|
{
|
|
599
598
|
component: CustomStep,
|
|
600
599
|
image: require('./assets/step1.png'),
|
|
601
|
-
|
|
600
|
+
|
|
602
601
|
},
|
|
603
602
|
// ... more steps
|
|
604
603
|
]}
|
|
@@ -656,7 +655,7 @@ Each step can be either a default text-based step or a fully custom component:
|
|
|
656
655
|
description: "Link your account to get started",
|
|
657
656
|
buttonLabel: "Connect",
|
|
658
657
|
image: require('./assets/step1.png'),
|
|
659
|
-
|
|
658
|
+
|
|
660
659
|
}
|
|
661
660
|
|
|
662
661
|
// Custom step component
|
|
@@ -670,7 +669,7 @@ Each step can be either a default text-based step or a fully custom component:
|
|
|
670
669
|
/>
|
|
671
670
|
),
|
|
672
671
|
image: require('./assets/step2.png'),
|
|
673
|
-
|
|
672
|
+
|
|
674
673
|
}
|
|
675
674
|
```
|
|
676
675
|
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import { Platform } from 'react-native';
|
|
4
4
|
import Constants from 'expo-constants';
|
|
5
5
|
import * as Localization from 'expo-localization';
|
|
6
|
+
import { logDevMessage } from "./hooks/useLogDev.js";
|
|
6
7
|
|
|
7
8
|
// TODO: need to get an better domain
|
|
8
9
|
const API_URL = 'https://api.freesupabase.shop/api/track';
|
|
@@ -30,7 +31,7 @@ export const trackEvent = async (apiKey, eventType, metaData = {}, isDev = false
|
|
|
30
31
|
metaData: extendedMetaData
|
|
31
32
|
};
|
|
32
33
|
if (isDev) {
|
|
33
|
-
|
|
34
|
+
logDevMessage(isDev, 'Analytics Event (Not Sent):', payload);
|
|
34
35
|
return;
|
|
35
36
|
}
|
|
36
37
|
if (!apiKey) {
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
1
|
+
{"version":3,"names":["Platform","Constants","Localization","logDevMessage","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;AACjD,SAASC,aAAa,QAAQ,sBAAmB;;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,GACXT,SAAS,CAACU,UAAU,EAAEC,IAAI,IAC1BX,SAAS,CAACY,QAAQ,EAAED,IAAI,IACxB,kBAAkB;EACpB,MAAME,OAAO,GAAGZ,YAAY,CAACa,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,iBAAiB9B,QAAQ,CAAC+B,EAAE,GAAG;IAC1CC,SAAS,EAAEtB,OAAO;IAClBF,QAAQ,EAAES;EACZ,CAAC;EAED,IAAIR,KAAK,EAAE;IACTN,aAAa,CAACM,KAAK,EAAE,6BAA6B,EAAEmB,OAAO,CAAC;IAC5D;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":[]}
|
|
@@ -10,13 +10,14 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
10
10
|
function OnboardingImageContainer({
|
|
11
11
|
currentStep,
|
|
12
12
|
currentStepImage,
|
|
13
|
-
position,
|
|
14
13
|
animationDuration,
|
|
15
14
|
backgroundSpillProgress,
|
|
16
15
|
introPanel,
|
|
17
16
|
stepPanel,
|
|
18
17
|
screenHeight,
|
|
19
|
-
background
|
|
18
|
+
background,
|
|
19
|
+
propimageStyle,
|
|
20
|
+
hideImage
|
|
20
21
|
}) {
|
|
21
22
|
const {
|
|
22
23
|
theme
|
|
@@ -40,15 +41,7 @@ function OnboardingImageContainer({
|
|
|
40
41
|
height: imageWrapperHeight.value
|
|
41
42
|
}));
|
|
42
43
|
const imageTargetY = useDerivedValue(() => {
|
|
43
|
-
|
|
44
|
-
if (position === 'top') {
|
|
45
|
-
return topSafe;
|
|
46
|
-
}
|
|
47
|
-
const imageH = image.height || 0;
|
|
48
|
-
const modalTop = screenHeight - bottomPanelHeight - 16;
|
|
49
|
-
const yBottom = modalTop - imageH;
|
|
50
|
-
const shouldClampTop = !currentStep;
|
|
51
|
-
return shouldClampTop ? Math.max(yBottom, topSafe) : yBottom;
|
|
44
|
+
return theme.insets.top + extraPadding + 16;
|
|
52
45
|
});
|
|
53
46
|
const hasMounted = useSharedValue(false);
|
|
54
47
|
const imageAnimation = useAnimatedStyle(() => {
|
|
@@ -82,7 +75,7 @@ function OnboardingImageContainer({
|
|
|
82
75
|
children: background()
|
|
83
76
|
}) : /*#__PURE__*/_jsx(Animated.View, {
|
|
84
77
|
style: [styles.colorBg, backgroundAnimation]
|
|
85
|
-
}), currentStepImage && /*#__PURE__*/_jsx(Animated.View, {
|
|
78
|
+
}), currentStepImage && !hideImage && /*#__PURE__*/_jsx(Animated.View, {
|
|
86
79
|
style: [styles.imageWrapper, imageWrapperAnimation],
|
|
87
80
|
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
88
81
|
style: [styles.image, imageAnimation],
|
|
@@ -91,12 +84,12 @@ function OnboardingImageContainer({
|
|
|
91
84
|
source: currentStepImage,
|
|
92
85
|
contentFit: "contain",
|
|
93
86
|
transition: 0,
|
|
94
|
-
style: styles.imageStyle
|
|
87
|
+
style: [styles.imageStyle, currentStep?.propimageStyle || propimageStyle]
|
|
95
88
|
}) : /*#__PURE__*/_jsx(Image, {
|
|
96
89
|
source: currentStepImage,
|
|
97
90
|
resizeMode: "contain",
|
|
98
91
|
fadeDuration: 0,
|
|
99
|
-
style: styles.imageStyle
|
|
92
|
+
style: [styles.imageStyle, currentStep?.propimageStyle || propimageStyle]
|
|
100
93
|
})
|
|
101
94
|
})
|
|
102
95
|
})]
|
|
@@ -109,20 +102,18 @@ const createStyles = theme => StyleSheet.create({
|
|
|
109
102
|
overflow: 'hidden'
|
|
110
103
|
},
|
|
111
104
|
imageWrapper: {
|
|
112
|
-
position: '
|
|
113
|
-
|
|
114
|
-
left: 0,
|
|
115
|
-
right: 0,
|
|
116
|
-
overflow: 'hidden'
|
|
105
|
+
position: 'relative',
|
|
106
|
+
overflow: 'visible'
|
|
117
107
|
},
|
|
118
108
|
image: {
|
|
119
109
|
alignSelf: 'center',
|
|
120
110
|
alignItems: 'center',
|
|
121
|
-
|
|
111
|
+
width: '100%',
|
|
112
|
+
height: '100%'
|
|
122
113
|
},
|
|
123
114
|
imageStyle: {
|
|
124
|
-
width:
|
|
125
|
-
height:
|
|
115
|
+
width: '100%',
|
|
116
|
+
height: '100%'
|
|
126
117
|
}
|
|
127
118
|
});
|
|
128
119
|
//# sourceMappingURL=OnboardingImageContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","Image","Platform","StyleSheet","useWindowDimensions","Animated","interpolate","useDerivedValue","useAnimatedStyle","withTiming","Easing","useSharedValue","useTheme","useMeasureHeight","ExpoImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","OnboardingImageContainer","currentStep","currentStepImage","
|
|
1
|
+
{"version":3,"names":["useMemo","Image","Platform","StyleSheet","useWindowDimensions","Animated","interpolate","useDerivedValue","useAnimatedStyle","withTiming","Easing","useSharedValue","useTheme","useMeasureHeight","ExpoImage","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","OnboardingImageContainer","currentStep","currentStepImage","animationDuration","backgroundSpillProgress","introPanel","stepPanel","screenHeight","background","propimageStyle","hideImage","theme","image","styles","createStyles","extraPadding","OS","width","screenWidth","bottomPanelHeight","height","backgroundSpillDistance","value","imageWrapperHeight","imageWrapperAnimation","imageTargetY","insets","top","hasMounted","imageAnimation","translateY","duration","easing","out","cubic","sideEdges","Math","max","transform","maxWidth","backgroundAnimation","topEdge","sideEdge","position","left","right","bottom","borderRadius","children","View","style","colorBg","imageWrapper","ref","source","contentFit","transition","imageStyle","resizeMode","fadeDuration","create","backgroundColor","bg","primary","overflow","alignSelf","alignItems"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingImageContainer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,7 +11,8 @@ function OnboardingIntroPanel({
|
|
|
11
11
|
title,
|
|
12
12
|
subtitle,
|
|
13
13
|
button,
|
|
14
|
-
image
|
|
14
|
+
image,
|
|
15
|
+
propimageStyle
|
|
15
16
|
}) {
|
|
16
17
|
const {
|
|
17
18
|
theme
|
|
@@ -54,10 +55,11 @@ function OnboardingIntroPanel({
|
|
|
54
55
|
};
|
|
55
56
|
return /*#__PURE__*/_jsxs(View, {
|
|
56
57
|
style: styles.container,
|
|
57
|
-
children: [typeof image === 'function' ? image() : image
|
|
58
|
+
children: [typeof image === 'function' ? image() : image ? /*#__PURE__*/_jsx(Image, {
|
|
58
59
|
source: image,
|
|
59
|
-
style: styles.image
|
|
60
|
-
|
|
60
|
+
style: [styles.image, propimageStyle],
|
|
61
|
+
resizeMode: "contain"
|
|
62
|
+
}) : null, /*#__PURE__*/_jsxs(View, {
|
|
61
63
|
style: styles.textContainer,
|
|
62
64
|
children: [renderTitle(), renderSubtitle()]
|
|
63
65
|
}), renderButton()]
|
|
@@ -69,7 +71,10 @@ const createStyles = theme => StyleSheet.create({
|
|
|
69
71
|
marginTop: 16
|
|
70
72
|
},
|
|
71
73
|
image: {
|
|
72
|
-
alignSelf: 'center'
|
|
74
|
+
alignSelf: 'center',
|
|
75
|
+
width: '100%',
|
|
76
|
+
height: 200,
|
|
77
|
+
zIndex: 1
|
|
73
78
|
},
|
|
74
79
|
textContainer: {
|
|
75
80
|
alignItems: 'center',
|
|
@@ -85,7 +90,7 @@ const createStyles = theme => StyleSheet.create({
|
|
|
85
90
|
color: theme.text.primary
|
|
86
91
|
},
|
|
87
92
|
line2: {
|
|
88
|
-
color: theme.
|
|
93
|
+
color: theme.text.contrast
|
|
89
94
|
},
|
|
90
95
|
titleText: {
|
|
91
96
|
fontFamily: theme.fonts.introTitle
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","Image","StyleSheet","Text","View","useTheme","PrimaryButton","fontSizes","lineHeights","jsx","_jsx","jsxs","_jsxs","OnboardingIntroPanel","onPressStart","title","subtitle","button","image","theme","styles","createStyles","renderTitle","undefined","style","text","line1","titleText","children","renderSubtitle","line2","subtitleText","renderButton","onPress","container","source","textContainer","create","marginTop","alignSelf","alignItems","marginBottom","fontSize","xxl","lineHeight","textAlign","color","primary","
|
|
1
|
+
{"version":3,"names":["useMemo","Image","StyleSheet","Text","View","useTheme","PrimaryButton","fontSizes","lineHeights","jsx","_jsx","jsxs","_jsxs","OnboardingIntroPanel","onPressStart","title","subtitle","button","image","propimageStyle","theme","styles","createStyles","renderTitle","undefined","style","text","line1","titleText","children","renderSubtitle","line2","subtitleText","renderButton","onPress","container","source","resizeMode","textContainer","create","marginTop","alignSelf","width","height","zIndex","alignItems","marginBottom","fontSize","xxl","lineHeight","textAlign","color","primary","contrast","fontFamily","fonts","introTitle","introSubtitle"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingIntroPanel.tsx"],"mappings":"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","ignoreList":[]}
|