rn-onboarding-analytics 1.1.0 → 1.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/lib/module/index.js +4 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/spill-onboarding/components/OnboardingPaywallPanel.js +57 -28
- package/lib/module/spill-onboarding/components/OnboardingPaywallPanel.js.map +1 -1
- package/lib/module/spill-onboarding/index.js +5 -2
- package/lib/module/spill-onboarding/index.js.map +1 -1
- package/lib/module/utils/ThemeContext.js +27 -18
- package/lib/module/utils/ThemeContext.js.map +1 -1
- package/lib/module/utils/theme.js +26 -1
- package/lib/module/utils/theme.js.map +1 -1
- package/lib/typescript/src/index.d.ts +5 -3
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/spill-onboarding/components/OnboardingPaywallPanel.d.ts.map +1 -1
- package/lib/typescript/src/spill-onboarding/index.d.ts.map +1 -1
- package/lib/typescript/src/spill-onboarding/types.d.ts +3 -1
- package/lib/typescript/src/spill-onboarding/types.d.ts.map +1 -1
- package/lib/typescript/src/utils/ThemeContext.d.ts +3 -2
- package/lib/typescript/src/utils/ThemeContext.d.ts.map +1 -1
- package/lib/typescript/src/utils/theme.d.ts +48 -0
- package/lib/typescript/src/utils/theme.d.ts.map +1 -1
- package/package.json +3 -4
- package/src/index.tsx +8 -2
- package/src/spill-onboarding/components/OnboardingPaywallPanel.tsx +59 -35
- package/src/spill-onboarding/index.tsx +13 -2
- package/src/spill-onboarding/types.ts +4 -1
- package/src/utils/ThemeContext.tsx +31 -23
- package/src/utils/theme.ts +28 -1
package/lib/module/index.js
CHANGED
|
@@ -3,12 +3,14 @@
|
|
|
3
3
|
import ThemeProvider from "./utils/ThemeContext.js";
|
|
4
4
|
import { SafeAreaProvider } from 'react-native-safe-area-context';
|
|
5
5
|
import SpillOnboarding from "./spill-onboarding/index.js";
|
|
6
|
+
import OnboardingPaywallPanel from "./spill-onboarding/components/OnboardingPaywallPanel.js";
|
|
6
7
|
import { Platform } from 'react-native';
|
|
7
8
|
import React from 'react';
|
|
8
9
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
10
|
function Onboarding({
|
|
10
11
|
colors,
|
|
11
12
|
fonts,
|
|
13
|
+
theme,
|
|
12
14
|
...props
|
|
13
15
|
}) {
|
|
14
16
|
const SafeArea = Platform.OS === 'web' ? React.Fragment : SafeAreaProvider;
|
|
@@ -16,6 +18,7 @@ function Onboarding({
|
|
|
16
18
|
children: /*#__PURE__*/_jsx(ThemeProvider, {
|
|
17
19
|
colors: colors,
|
|
18
20
|
fonts: fonts,
|
|
21
|
+
theme: theme,
|
|
19
22
|
children: /*#__PURE__*/_jsx(SpillOnboarding, {
|
|
20
23
|
...props
|
|
21
24
|
})
|
|
@@ -23,4 +26,5 @@ function Onboarding({
|
|
|
23
26
|
});
|
|
24
27
|
}
|
|
25
28
|
export default Onboarding;
|
|
29
|
+
export { OnboardingPaywallPanel };
|
|
26
30
|
//# sourceMappingURL=index.js.map
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ThemeProvider","SafeAreaProvider","SpillOnboarding","Platform","React","jsx","_jsx","Onboarding","colors","fonts","props","SafeArea","OS","Fragment","children"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,yBAAsB;AAChD,SAASC,gBAAgB,QAAQ,gCAAgC;
|
|
1
|
+
{"version":3,"names":["ThemeProvider","SafeAreaProvider","SpillOnboarding","OnboardingPaywallPanel","Platform","React","jsx","_jsx","Onboarding","colors","fonts","theme","props","SafeArea","OS","Fragment","children"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,aAAa,MAAM,yBAAsB;AAChD,SAASC,gBAAgB,QAAQ,gCAAgC;AAWjE,OAAOC,eAAe,MAAM,6BAAoB;AAChD,OAAOC,sBAAsB,MAAM,yDAAsD;AACzF,SAASC,QAAQ,QAAQ,cAAc;AACvC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1B,SAASC,UAAUA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC,KAAK;EAAE,GAAGC;AAAuB,CAAC,EAAE;EACvE,MAAMC,QAAQ,GAAGT,QAAQ,CAACU,EAAE,KAAK,KAAK,GAAGT,KAAK,CAACU,QAAQ,GAAGd,gBAAgB;EAE1E,oBACEM,IAAA,CAACM,QAAQ;IAAAG,QAAA,eACPT,IAAA,CAACP,aAAa;MAACS,MAAM,EAAEA,MAAO;MAACC,KAAK,EAAEA,KAAM;MAACC,KAAK,EAAEA,KAAM;MAAAK,QAAA,eACxDT,IAAA,CAACL,eAAe;QAAA,GAAKU;MAAK,CAAG;IAAC,CACjB;EAAC,CACR,CAAC;AAEf;AAEA,eAAeJ,UAAU;AACzB,SAASL,sBAAsB","ignoreList":[]}
|
|
@@ -131,48 +131,76 @@ function OnboardingPaywallPanel({
|
|
|
131
131
|
})]
|
|
132
132
|
});
|
|
133
133
|
};
|
|
134
|
-
return /*#__PURE__*/_jsxs(
|
|
135
|
-
style: styles.
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
134
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
135
|
+
style: styles.mainContainer,
|
|
136
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
137
|
+
style: styles.headerImageContainer,
|
|
138
|
+
children: typeof image === 'function' ? image() : image && /*#__PURE__*/_jsx(Image, {
|
|
139
|
+
source: image,
|
|
140
|
+
style: styles.image,
|
|
141
|
+
resizeMode: "cover"
|
|
142
|
+
})
|
|
143
143
|
}), /*#__PURE__*/_jsxs(View, {
|
|
144
|
-
style: styles.
|
|
145
|
-
children: [/*#__PURE__*/
|
|
146
|
-
style: styles.
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
children:
|
|
151
|
-
|
|
144
|
+
style: styles.sheetContainer,
|
|
145
|
+
children: [/*#__PURE__*/_jsx(ScrollView, {
|
|
146
|
+
style: styles.container,
|
|
147
|
+
contentContainerStyle: styles.contentContainer,
|
|
148
|
+
showsVerticalScrollIndicator: false,
|
|
149
|
+
bounces: false,
|
|
150
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
151
|
+
style: styles.contentWrapper,
|
|
152
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
153
|
+
style: styles.headerContainer,
|
|
154
|
+
children: [renderTitle(), renderSubtitle()]
|
|
155
|
+
}), renderFeatures(), renderPlans(), renderFooterLinks()]
|
|
156
|
+
})
|
|
157
|
+
}), /*#__PURE__*/_jsxs(View, {
|
|
158
|
+
style: styles.footerContainer,
|
|
159
|
+
children: [helperTextContinue && /*#__PURE__*/_jsx(Text, {
|
|
160
|
+
style: styles.helperText,
|
|
161
|
+
children: helperTextContinue
|
|
162
|
+
}), renderButton()]
|
|
163
|
+
})]
|
|
152
164
|
})]
|
|
153
165
|
});
|
|
154
166
|
}
|
|
155
167
|
export default OnboardingPaywallPanel;
|
|
156
168
|
const createStyles = theme => StyleSheet.create({
|
|
157
|
-
|
|
169
|
+
mainContainer: {
|
|
158
170
|
flex: 1,
|
|
159
171
|
backgroundColor: theme.bg.secondary
|
|
160
172
|
},
|
|
173
|
+
headerImageContainer: {
|
|
174
|
+
height: screenHeight * 0.3,
|
|
175
|
+
width: '100%'
|
|
176
|
+
},
|
|
177
|
+
sheetContainer: {
|
|
178
|
+
flex: 1,
|
|
179
|
+
marginTop: -6,
|
|
180
|
+
backgroundColor: theme.bg.secondary,
|
|
181
|
+
borderTopLeftRadius: 32,
|
|
182
|
+
borderTopRightRadius: 32,
|
|
183
|
+
overflow: 'hidden'
|
|
184
|
+
},
|
|
185
|
+
container: {
|
|
186
|
+
flex: 1
|
|
187
|
+
},
|
|
161
188
|
contentContainer: {
|
|
162
189
|
paddingBottom: 40
|
|
163
190
|
},
|
|
164
|
-
|
|
191
|
+
footerContainer: {
|
|
165
192
|
paddingHorizontal: 16,
|
|
166
|
-
|
|
167
|
-
paddingTop:
|
|
168
|
-
borderTopLeftRadius: 32,
|
|
169
|
-
borderTopRightRadius: 32,
|
|
193
|
+
paddingBottom: 40,
|
|
194
|
+
paddingTop: 16,
|
|
170
195
|
backgroundColor: theme.bg.secondary
|
|
171
196
|
},
|
|
197
|
+
contentWrapper: {
|
|
198
|
+
paddingHorizontal: 16,
|
|
199
|
+
paddingTop: 32
|
|
200
|
+
},
|
|
172
201
|
image: {
|
|
173
|
-
alignSelf: 'center',
|
|
174
202
|
width: '100%',
|
|
175
|
-
height:
|
|
203
|
+
height: '100%'
|
|
176
204
|
},
|
|
177
205
|
headerContainer: {
|
|
178
206
|
alignItems: 'center',
|
|
@@ -229,6 +257,7 @@ const createStyles = theme => StyleSheet.create({
|
|
|
229
257
|
alignItems: 'center',
|
|
230
258
|
justifyContent: 'space-between',
|
|
231
259
|
padding: 16,
|
|
260
|
+
minHeight: 76,
|
|
232
261
|
borderRadius: 16,
|
|
233
262
|
backgroundColor: theme.bg.secondary,
|
|
234
263
|
borderWidth: 1,
|
|
@@ -245,7 +274,7 @@ const createStyles = theme => StyleSheet.create({
|
|
|
245
274
|
},
|
|
246
275
|
planCardSelected: {
|
|
247
276
|
borderColor: theme.bg.accent,
|
|
248
|
-
backgroundColor: theme.bg.
|
|
277
|
+
backgroundColor: theme.bg.label,
|
|
249
278
|
borderWidth: 2
|
|
250
279
|
},
|
|
251
280
|
planTitle: {
|
|
@@ -277,14 +306,14 @@ const createStyles = theme => StyleSheet.create({
|
|
|
277
306
|
textAlign: 'center',
|
|
278
307
|
color: theme.text.secondary,
|
|
279
308
|
fontSize: fontSizes.sm,
|
|
280
|
-
marginBottom:
|
|
309
|
+
marginBottom: 8,
|
|
281
310
|
fontWeight: '500'
|
|
282
311
|
},
|
|
283
312
|
footerLinksContainer: {
|
|
284
313
|
flexDirection: 'row',
|
|
285
314
|
justifyContent: 'center',
|
|
286
315
|
alignItems: 'center',
|
|
287
|
-
marginTop:
|
|
316
|
+
marginTop: 4,
|
|
288
317
|
gap: 8
|
|
289
318
|
},
|
|
290
319
|
footerLinkText: {
|
|
@@ -1 +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":[]}
|
|
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","mainContainer","headerImageContainer","source","resizeMode","sheetContainer","container","contentContainerStyle","contentContainer","showsVerticalScrollIndicator","bounces","contentWrapper","headerContainer","footerContainer","helperText","create","flex","backgroundColor","bg","secondary","width","marginTop","borderTopLeftRadius","borderTopRightRadius","overflow","paddingBottom","paddingHorizontal","paddingTop","alignItems","marginBottom","fontSize","xxl","lineHeight","textAlign","color","primary","md","fontFamily","fonts","introTitle","fontWeight","introSubtitle","flexDirection","accent","lg","marginRight","gap","justifyContent","padding","minHeight","borderRadius","borderWidth","borderColor","label","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","sm","xs"],"sourceRoot":"../../../../src","sources":["spill-onboarding/components/OnboardingPaywallPanel.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACzC,SACEC,KAAK,EACLC,UAAU,EACVC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,UAAU,EACVC,UAAU,QACL,cAAc;AACrB,SAASC,QAAQ,QAAQ,6BAA0B;AAEnD,OAAOC,aAAa,MAAM,6BAA0B;AACpD,SAASC,SAAS,EAAEC,WAAW,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhE,MAAM;EAAEC,MAAM,EAAEC;AAAa,CAAC,GAAGV,UAAU,CAACW,GAAG,CAAC,QAAQ,CAAC;AAEzD,SAASC,sBAAsBA,CAAC;EAC9BC,eAAe;EACfC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC,KAAK;EACLC,KAAK;EACLC,kBAAkB;EAClBC,iBAAiB;EACjBC,OAAO;EACPC;AAC2B,CAAC,EAAE;EAC9B,MAAM;IAAEC;EAAM,CAAC,GAAGtB,QAAQ,CAAC,CAAC;EAC5B,MAAMuB,MAAM,GAAGhC,OAAO,CAAC,MAAMiC,YAAY,CAACF,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAC1D,MAAM,CAACG,cAAc,EAAEC,iBAAiB,CAAC,GAAGlC,QAAQ,CAClDyB,KAAK,CAAC,CAAC,CAAC,EAAEU,EAAE,IAAI,EAClB,CAAC;EAED,MAAMC,YAAY,GAAGX,KAAK,CAACY,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACH,EAAE,KAAKF,cAAc,CAAC;EAE/D,MAAMM,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAAClB,KAAK,EAAE,OAAO,IAAI;IACvB,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;MAC7B,oBACER,IAAA,CAACV,IAAI;QAACqC,KAAK,EAAE,CAACT,MAAM,CAACU,IAAI,EAAEV,MAAM,CAACW,KAAK,EAAEX,MAAM,CAACY,SAAS,CAAE;QAAAC,QAAA,EACxDvB;MAAK,CACF,CAAC;IAEX;IACA,OAAOA,KAAK;EACd,CAAC;EAED,MAAMwB,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACvB,QAAQ,EAAE,OAAO,IAAI;IAC1B,IAAI,OAAOA,QAAQ,KAAK,QAAQ,EAAE;MAChC,oBACET,IAAA,CAACV,IAAI;QAACqC,KAAK,EAAE,CAACT,MAAM,CAACU,IAAI,EAAEV,MAAM,CAACe,KAAK,EAAEf,MAAM,CAACgB,YAAY,CAAE;QAAAH,QAAA,EAC3DtB;MAAQ,CACL,CAAC;IAEX;IACA,OAAOA,QAAQ;EACjB,CAAC;EAED,MAAM0B,cAAc,GAAGA,CAAA,KAAM;IAC3B,IAAI,CAACZ,YAAY,EAAEa,QAAQ,IAAIb,YAAY,CAACa,QAAQ,CAACC,MAAM,KAAK,CAAC,EAC/D,OAAO,IAAI;IAEb,oBACErC,IAAA,CAACT,IAAI;MAACoC,KAAK,EAAET,MAAM,CAACoB,iBAAkB;MAAAP,QAAA,EACnCR,YAAY,CAACa,QAAQ,CAACG,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,kBACxCvC,KAAA,CAACX,IAAI;QAAaoC,KAAK,EAAET,MAAM,CAACwB,UAAW;QAAAX,QAAA,gBACzC/B,IAAA,CAACV,IAAI;UAACqC,KAAK,EAAET,MAAM,CAACyB,SAAU;UAAAZ,QAAA,EAAC;QAAC,CAAM,CAAC,eACvC/B,IAAA,CAACV,IAAI;UAACqC,KAAK,EAAET,MAAM,CAAC0B,WAAY;UAAAb,QAAA,EAAES;QAAO,CAAO,CAAC;MAAA,GAFxCC,KAGL,CACP;IAAC,CACE,CAAC;EAEX,CAAC;EAED,MAAMI,WAAW,GAAGA,CAAA,KAAM;IACxB,oBACE7C,IAAA,CAACT,IAAI;MAACoC,KAAK,EAAET,MAAM,CAAC4B,cAAe;MAAAf,QAAA,EAChCnB,KAAK,CAAC2B,GAAG,CAAEQ,IAAI,IAAK;QACnB,MAAMC,UAAU,GAAGD,IAAI,CAACzB,EAAE,KAAKF,cAAc;QAC7C,oBACElB,KAAA,CAACV,gBAAgB;UAEfmC,KAAK,EAAE,CAACT,MAAM,CAAC+B,QAAQ,EAAED,UAAU,IAAI9B,MAAM,CAACgC,gBAAgB,CAAE;UAChEC,OAAO,EAAEA,CAAA,KAAM9B,iBAAiB,CAAC0B,IAAI,CAACzB,EAAE,CAAE;UAC1C8B,aAAa,EAAE,GAAI;UAAArB,QAAA,gBAEnB7B,KAAA,CAACX,IAAI;YAAAwC,QAAA,gBACH/B,IAAA,CAACV,IAAI;cACHqC,KAAK,EAAE,CACLT,MAAM,CAACmC,SAAS,EAChBL,UAAU,IAAI9B,MAAM,CAACoC,iBAAiB,CACtC;cAAAvB,QAAA,EAEDgB,IAAI,CAACvC;YAAK,CACP,CAAC,EACNuC,IAAI,CAACQ,QAAQ,iBACZvD,IAAA,CAACV,IAAI;cACHqC,KAAK,EAAE,CACLT,MAAM,CAACsC,YAAY,EACnBR,UAAU,IAAI9B,MAAM,CAACuC,oBAAoB,CACzC;cAAA1B,QAAA,EAEDgB,IAAI,CAACQ;YAAQ,CACV,CACP;UAAA,CACG,CAAC,eACPvD,IAAA,CAACV,IAAI;YACHqC,KAAK,EAAE,CACLT,MAAM,CAACwC,SAAS,EAChBV,UAAU,IAAI9B,MAAM,CAACyC,iBAAiB,CACtC;YAAA5B,QAAA,EAEDgB,IAAI,CAACa;UAAK,CACP,CAAC;QAAA,GAhCFb,IAAI,CAACzB,EAiCM,CAAC;MAEvB,CAAC;IAAC,CACE,CAAC;EAEX,CAAC;EAED,MAAMuC,YAAY,GAAGA,CAAA,KAAM;IACzB,MAAMC,WAAW,GAAGA,CAAA,KAAMvD,eAAe,CAACa,cAAc,CAAC;IAEzD,IAAI,OAAOV,MAAM,KAAK,QAAQ,EAAE;MAC9B,oBAAOV,IAAA,CAACJ,aAAa;QAACgC,IAAI,EAAElB,MAAO;QAACyC,OAAO,EAAEW;MAAY,CAAE,CAAC;IAC9D;IACA,OAAOpD,MAAM,CAAC;MAAEyC,OAAO,EAAEW;IAAY,CAAC,CAAC;EACzC,CAAC;EAED,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAI,CAACjD,iBAAiB,IAAI,CAACC,OAAO,IAAI,CAACC,SAAS,EAAE,OAAO,IAAI;IAE7D,oBACEd,KAAA,CAACX,IAAI;MAACoC,KAAK,EAAET,MAAM,CAAC8C,oBAAqB;MAAAjC,QAAA,GACtCjB,iBAAiB,iBAChBd,IAAA,CAACR,gBAAgB;QAAC2D,OAAO,EAAErC,iBAAiB,CAACqC,OAAQ;QAAApB,QAAA,eACnD/B,IAAA,CAACV,IAAI;UAACqC,KAAK,EAAET,MAAM,CAAC+C,cAAe;UAAAlC,QAAA,EAAEjB,iBAAiB,CAACc;QAAI,CAAO;MAAC,CACnD,CACnB,EAEAd,iBAAiB,KAAKC,OAAO,IAAIC,SAAS,CAAC,iBAC1ChB,IAAA,CAACV,IAAI;QAACqC,KAAK,EAAET,MAAM,CAACgD,mBAAoB;QAAAnC,QAAA,EAAC;MAAC,CAAM,CACjD,EAEAhB,OAAO,iBACNf,IAAA,CAACR,gBAAgB;QAAC2D,OAAO,EAAEpC,OAAO,CAACoC,OAAQ;QAAApB,QAAA,eACzC/B,IAAA,CAACV,IAAI;UAACqC,KAAK,EAAET,MAAM,CAAC+C,cAAe;UAAAlC,QAAA,EAAEhB,OAAO,CAACa;QAAI,CAAO;MAAC,CACzC,CACnB,EAEAb,OAAO,IAAIC,SAAS,iBACnBhB,IAAA,CAACV,IAAI;QAACqC,KAAK,EAAET,MAAM,CAACgD,mBAAoB;QAAAnC,QAAA,EAAC;MAAC,CAAM,CACjD,EAEAf,SAAS,iBACRhB,IAAA,CAACR,gBAAgB;QAAC2D,OAAO,EAAEnC,SAAS,CAACmC,OAAQ;QAAApB,QAAA,eAC3C/B,IAAA,CAACV,IAAI;UAACqC,KAAK,EAAET,MAAM,CAAC+C,cAAe;UAAAlC,QAAA,EAAEf,SAAS,CAACY;QAAI,CAAO;MAAC,CAC3C,CACnB;IAAA,CACG,CAAC;EAEX,CAAC;EAED,oBACE1B,KAAA,CAACX,IAAI;IAACoC,KAAK,EAAET,MAAM,CAACiD,aAAc;IAAApC,QAAA,gBAChC/B,IAAA,CAACT,IAAI;MAACoC,KAAK,EAAET,MAAM,CAACkD,oBAAqB;MAAArC,QAAA,EACtC,OAAOpB,KAAK,KAAK,UAAU,GACxBA,KAAK,CAAC,CAAC,GACPA,KAAK,iBACHX,IAAA,CAACZ,KAAK;QAACiF,MAAM,EAAE1D,KAAM;QAACgB,KAAK,EAAET,MAAM,CAACP,KAAM;QAAC2D,UAAU,EAAC;MAAO,CAAE;IAChE,CACD,CAAC,eAEPpE,KAAA,CAACX,IAAI;MAACoC,KAAK,EAAET,MAAM,CAACqD,cAAe;MAAAxC,QAAA,gBACjC/B,IAAA,CAACP,UAAU;QACTkC,KAAK,EAAET,MAAM,CAACsD,SAAU;QACxBC,qBAAqB,EAAEvD,MAAM,CAACwD,gBAAiB;QAC/CC,4BAA4B,EAAE,KAAM;QACpCC,OAAO,EAAE,KAAM;QAAA7C,QAAA,eAEf7B,KAAA,CAACX,IAAI;UAACoC,KAAK,EAAET,MAAM,CAAC2D,cAAe;UAAA9C,QAAA,gBACjC7B,KAAA,CAACX,IAAI;YAACoC,KAAK,EAAET,MAAM,CAAC4D,eAAgB;YAAA/C,QAAA,GACjCL,WAAW,CAAC,CAAC,EACbM,cAAc,CAAC,CAAC;UAAA,CACb,CAAC,EAENG,cAAc,CAAC,CAAC,EAEhBU,WAAW,CAAC,CAAC,EAEbkB,iBAAiB,CAAC,CAAC;QAAA,CAChB;MAAC,CACG,CAAC,eACb7D,KAAA,CAACX,IAAI;QAACoC,KAAK,EAAET,MAAM,CAAC6D,eAAgB;QAAAhD,QAAA,GACjClB,kBAAkB,iBACjBb,IAAA,CAACV,IAAI;UAACqC,KAAK,EAAET,MAAM,CAAC8D,UAAW;UAAAjD,QAAA,EAAElB;QAAkB,CAAO,CAC3D,EAEAgD,YAAY,CAAC,CAAC;MAAA,CACX,CAAC;IAAA,CACH,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,eAAevD,sBAAsB;AAErC,MAAMa,YAAY,GAAIF,KAAY,IAChC5B,UAAU,CAAC4F,MAAM,CAAC;EAChBd,aAAa,EAAE;IACbe,IAAI,EAAE,CAAC;IACPC,eAAe,EAAElE,KAAK,CAACmE,EAAE,CAACC;EAC5B,CAAC;EACDjB,oBAAoB,EAAE;IACpBjE,MAAM,EAAEC,YAAY,GAAG,GAAG;IAC1BkF,KAAK,EAAE;EACT,CAAC;EACDf,cAAc,EAAE;IACdW,IAAI,EAAE,CAAC;IACPK,SAAS,EAAE,CAAC,CAAC;IACbJ,eAAe,EAAElE,KAAK,CAACmE,EAAE,CAACC,SAAS;IACnCG,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,QAAQ,EAAE;EACZ,CAAC;EACDlB,SAAS,EAAE;IACTU,IAAI,EAAE;EACR,CAAC;EACDR,gBAAgB,EAAE;IAChBiB,aAAa,EAAE;EACjB,CAAC;EACDZ,eAAe,EAAE;IACfa,iBAAiB,EAAE,EAAE;IACrBD,aAAa,EAAE,EAAE;IACjBE,UAAU,EAAE,EAAE;IACdV,eAAe,EAAElE,KAAK,CAACmE,EAAE,CAACC;EAC5B,CAAC;EACDR,cAAc,EAAE;IACde,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE;EACd,CAAC;EACDlF,KAAK,EAAE;IACL2E,KAAK,EAAE,MAAM;IACbnF,MAAM,EAAE;EACV,CAAC;EACD2E,eAAe,EAAE;IACfgB,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBR,SAAS,EAAE;EACb,CAAC;EACD3D,IAAI,EAAE;IACJoE,QAAQ,EAAEnG,SAAS,CAACoG,GAAG;IACvBC,UAAU,EAAEpG,WAAW,CAACmG,GAAG;IAC3BE,SAAS,EAAE;EACb,CAAC;EACDtE,KAAK,EAAE;IACLuE,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyE;EACpB,CAAC;EACDpE,KAAK,EAAE;IACLsD,SAAS,EAAE,CAAC;IACZa,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyD,SAAS;IAC3BW,QAAQ,EAAEnG,SAAS,CAACyG,EAAE;IACtBJ,UAAU,EAAEpG,WAAW,CAACwG;EAC1B,CAAC;EACDxE,SAAS,EAAE;IACTyE,UAAU,EAAEtF,KAAK,CAACuF,KAAK,CAACC,UAAU;IAClCC,UAAU,EAAE;EACd,CAAC;EACDxE,YAAY,EAAE;IACZqE,UAAU,EAAEtF,KAAK,CAACuF,KAAK,CAACG;EAC1B,CAAC;EACDrE,iBAAiB,EAAE;IACjByD,YAAY,EAAE,EAAE;IAChBH,iBAAiB,EAAE;EACrB,CAAC;EACDlD,UAAU,EAAE;IACVkE,aAAa,EAAE,KAAK;IACpBd,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE;EAChB,CAAC;EACDpD,SAAS,EAAE;IACTyD,KAAK,EAAEnF,KAAK,CAACmE,EAAE,CAACyB,MAAM;IACtBb,QAAQ,EAAEnG,SAAS,CAACiH,EAAE;IACtBC,WAAW,EAAE,EAAE;IACfL,UAAU,EAAE;EACd,CAAC;EACD9D,WAAW,EAAE;IACXwD,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyE,OAAO;IACzBL,QAAQ,EAAEnG,SAAS,CAACyG,EAAE;IACtBI,UAAU,EAAE;EACd,CAAC;EACD5D,cAAc,EAAE;IACdkE,GAAG,EAAE,EAAE;IACPjB,YAAY,EAAE;EAChB,CAAC;EACD9C,QAAQ,EAAE;IACR2D,aAAa,EAAE,KAAK;IACpBd,UAAU,EAAE,QAAQ;IACpBmB,cAAc,EAAE,eAAe;IAC/BC,OAAO,EAAE,EAAE;IACXC,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,EAAE;IAChBjC,eAAe,EAAElE,KAAK,CAACmE,EAAE,CAACC,SAAS;IACnCgC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAErG,KAAK,CAACmE,EAAE,CAACmC,KAAK;IAC3B;IACAC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEnC,KAAK,EAAE,CAAC;MAAEnF,MAAM,EAAE;IAAE,CAAC;IACrCuH,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACD1E,gBAAgB,EAAE;IAChBoE,WAAW,EAAErG,KAAK,CAACmE,EAAE,CAACyB,MAAM;IAC5B1B,eAAe,EAAElE,KAAK,CAACmE,EAAE,CAACmC,KAAK;IAC/BF,WAAW,EAAE;EACf,CAAC;EACDhE,SAAS,EAAE;IACT2C,QAAQ,EAAEnG,SAAS,CAACyG,EAAE;IACtBI,UAAU,EAAE,KAAK;IACjBN,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyE;EACpB,CAAC;EACD/C,iBAAiB,EAAE;IACjB8C,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyE,OAAO;IACzBK,UAAU,EAAE;EACd,CAAC;EACDlD,YAAY,EAAE;IACZwC,QAAQ,EAAEnG,SAAS,CAACgI,EAAE;IACtBzB,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyD,SAAS;IAC3BE,SAAS,EAAE;EACb,CAAC;EACD9B,oBAAoB,EAAE;IACpB2C,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyD;EACpB,CAAC;EACD3B,SAAS,EAAE;IACTsC,QAAQ,EAAEnG,SAAS,CAACiH,EAAE;IACtBJ,UAAU,EAAE,KAAK;IACjBN,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyE;EACpB,CAAC;EACD1C,iBAAiB,EAAE;IACjByC,KAAK,EAAEnF,KAAK,CAACmE,EAAE,CAACyB;EAClB,CAAC;EACD7B,UAAU,EAAE;IACVmB,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyD,SAAS;IAC3BW,QAAQ,EAAEnG,SAAS,CAACgI,EAAE;IACtB9B,YAAY,EAAE,CAAC;IACfW,UAAU,EAAE;EACd,CAAC;EACD1C,oBAAoB,EAAE;IACpB4C,aAAa,EAAE,KAAK;IACpBK,cAAc,EAAE,QAAQ;IACxBnB,UAAU,EAAE,QAAQ;IACpBP,SAAS,EAAE,CAAC;IACZyB,GAAG,EAAE;EACP,CAAC;EACD/C,cAAc,EAAE;IACd+B,QAAQ,EAAEnG,SAAS,CAACyG,EAAE;IACtBF,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyD;EACpB,CAAC;EACDnB,mBAAmB,EAAE;IACnB8B,QAAQ,EAAEnG,SAAS,CAACiI,EAAE;IACtB1B,KAAK,EAAEnF,KAAK,CAACW,IAAI,CAACyD;EACpB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -131,7 +131,7 @@ function SpillOnboarding({
|
|
|
131
131
|
title: introPanelProps.title,
|
|
132
132
|
subtitle: introPanelProps.subtitle,
|
|
133
133
|
button: introPanelProps.button,
|
|
134
|
-
image: introPanelProps.image
|
|
134
|
+
image: typeof introPanelProps.image === 'function' ? introPanelProps.image : undefined
|
|
135
135
|
});
|
|
136
136
|
};
|
|
137
137
|
const onPaywallContinue = planId => {
|
|
@@ -183,10 +183,13 @@ function SpillOnboarding({
|
|
|
183
183
|
return undefined;
|
|
184
184
|
}
|
|
185
185
|
if (!currentStep) {
|
|
186
|
+
if (typeof introPanelProps !== 'function' && introPanelProps.image && typeof introPanelProps.image !== 'function') {
|
|
187
|
+
return introPanelProps.image;
|
|
188
|
+
}
|
|
186
189
|
return firstStep?.image;
|
|
187
190
|
}
|
|
188
191
|
return currentStep.image;
|
|
189
|
-
}, [currentStep, firstStep?.image, isPaywall]);
|
|
192
|
+
}, [currentStep, firstStep?.image, isPaywall, introPanelProps]);
|
|
190
193
|
const onboardingContent = /*#__PURE__*/_jsxs(View, {
|
|
191
194
|
style: styles.container,
|
|
192
195
|
ref: screen.ref,
|
|
@@ -1 +1 @@
|
|
|
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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
|
|
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,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { createContext, useContext, useMemo } from 'react';
|
|
4
|
-
import { defaultTheme } from "./theme.js";
|
|
4
|
+
import { defaultTheme, DarkTheme, LightTheme } from "./theme.js";
|
|
5
5
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
7
|
const ThemeContext = /*#__PURE__*/createContext({
|
|
@@ -17,11 +17,20 @@ const ThemeContext = /*#__PURE__*/createContext({
|
|
|
17
17
|
});
|
|
18
18
|
export default function ThemeProvider({
|
|
19
19
|
children,
|
|
20
|
+
theme: themePreset = 'light',
|
|
20
21
|
colors: customColors,
|
|
21
22
|
fonts: customFonts
|
|
22
23
|
}) {
|
|
23
24
|
const insets = useSafeAreaInsets();
|
|
24
25
|
const theme = useMemo(() => {
|
|
26
|
+
const baseTheme = themePreset === 'dark' ? DarkTheme : LightTheme;
|
|
27
|
+
console.log('🎨 ThemeProvider:', {
|
|
28
|
+
preset: themePreset,
|
|
29
|
+
isDark: themePreset === 'dark',
|
|
30
|
+
baseBg: baseTheme.bg.primary,
|
|
31
|
+
baseText: baseTheme.text.primary,
|
|
32
|
+
customColors
|
|
33
|
+
});
|
|
25
34
|
const fonts = typeof customFonts === 'string' ? {
|
|
26
35
|
introTitle: customFonts,
|
|
27
36
|
introSubtitle: customFonts,
|
|
@@ -33,30 +42,30 @@ export default function ThemeProvider({
|
|
|
33
42
|
primaryButton: customFonts,
|
|
34
43
|
secondaryButton: customFonts
|
|
35
44
|
} : {
|
|
36
|
-
introTitle: customFonts?.introTitle ??
|
|
37
|
-
introSubtitle: customFonts?.introSubtitle ??
|
|
38
|
-
introButton: customFonts?.introButton ??
|
|
39
|
-
stepLabel: customFonts?.stepLabel ??
|
|
40
|
-
stepTitle: customFonts?.stepTitle ??
|
|
41
|
-
stepDescription: customFonts?.stepDescription ??
|
|
42
|
-
stepButton: customFonts?.stepButton ??
|
|
43
|
-
primaryButton: customFonts?.primaryButton ??
|
|
44
|
-
secondaryButton: customFonts?.secondaryButton ??
|
|
45
|
+
introTitle: customFonts?.introTitle ?? baseTheme.fonts.introTitle,
|
|
46
|
+
introSubtitle: customFonts?.introSubtitle ?? baseTheme.fonts.introSubtitle,
|
|
47
|
+
introButton: customFonts?.introButton ?? baseTheme.fonts.introButton,
|
|
48
|
+
stepLabel: customFonts?.stepLabel ?? baseTheme.fonts.stepLabel,
|
|
49
|
+
stepTitle: customFonts?.stepTitle ?? baseTheme.fonts.stepTitle,
|
|
50
|
+
stepDescription: customFonts?.stepDescription ?? baseTheme.fonts.stepDescription,
|
|
51
|
+
stepButton: customFonts?.stepButton ?? baseTheme.fonts.stepButton,
|
|
52
|
+
primaryButton: customFonts?.primaryButton ?? baseTheme.fonts.primaryButton,
|
|
53
|
+
secondaryButton: customFonts?.secondaryButton ?? baseTheme.fonts.secondaryButton
|
|
45
54
|
};
|
|
46
55
|
const {
|
|
47
56
|
background,
|
|
48
57
|
text: textColors
|
|
49
58
|
} = customColors ?? {};
|
|
50
59
|
const bg = {
|
|
51
|
-
primary: background?.primary ??
|
|
52
|
-
secondary: background?.secondary ??
|
|
53
|
-
label: background?.label ??
|
|
54
|
-
accent: background?.accent ??
|
|
60
|
+
primary: background?.primary ?? baseTheme.bg.primary,
|
|
61
|
+
secondary: background?.secondary ?? baseTheme.bg.secondary,
|
|
62
|
+
label: background?.label ?? baseTheme.bg.label,
|
|
63
|
+
accent: background?.accent ?? baseTheme.bg.accent
|
|
55
64
|
};
|
|
56
65
|
const text = {
|
|
57
|
-
primary: textColors?.primary ??
|
|
58
|
-
secondary: textColors?.secondary ??
|
|
59
|
-
contrast: textColors?.contrast ??
|
|
66
|
+
primary: textColors?.primary ?? baseTheme.text.primary,
|
|
67
|
+
secondary: textColors?.secondary ?? baseTheme.text.secondary,
|
|
68
|
+
contrast: textColors?.contrast ?? baseTheme.text.contrast
|
|
60
69
|
};
|
|
61
70
|
return {
|
|
62
71
|
bg,
|
|
@@ -64,7 +73,7 @@ export default function ThemeProvider({
|
|
|
64
73
|
fonts,
|
|
65
74
|
insets
|
|
66
75
|
};
|
|
67
|
-
}, [insets, customColors, customFonts]);
|
|
76
|
+
}, [insets, themePreset, customColors, customFonts]);
|
|
68
77
|
return /*#__PURE__*/_jsx(ThemeContext.Provider, {
|
|
69
78
|
value: {
|
|
70
79
|
theme
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","createContext","useContext","useMemo","defaultTheme","useSafeAreaInsets","jsx","_jsx","ThemeContext","theme","insets","top","bottom","left","right","ThemeProvider","children","colors","customColors","fonts","customFonts","introTitle","introSubtitle","introButton","stepLabel","stepTitle","stepDescription","stepButton","primaryButton","secondaryButton","background","
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useMemo","defaultTheme","DarkTheme","LightTheme","useSafeAreaInsets","jsx","_jsx","ThemeContext","theme","insets","top","bottom","left","right","ThemeProvider","children","themePreset","colors","customColors","fonts","customFonts","baseTheme","console","log","preset","isDark","baseBg","bg","primary","baseText","text","introTitle","introSubtitle","introButton","stepLabel","stepTitle","stepDescription","stepButton","primaryButton","secondaryButton","background","textColors","secondary","label","accent","contrast","Provider","value","useTheme"],"sourceRoot":"../../../src","sources":["utils/ThemeContext.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
export const
|
|
3
|
+
export const LightTheme = {
|
|
4
4
|
bg: {
|
|
5
5
|
primary: '#007AFF',
|
|
6
6
|
secondary: '#FFFFFF',
|
|
@@ -24,4 +24,29 @@ export const defaultTheme = {
|
|
|
24
24
|
secondaryButton: 'System'
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
|
+
export const DarkTheme = {
|
|
28
|
+
bg: {
|
|
29
|
+
primary: '#0A84FF',
|
|
30
|
+
secondary: '#000000',
|
|
31
|
+
label: '#2C2C2E',
|
|
32
|
+
accent: '#0A84FF'
|
|
33
|
+
},
|
|
34
|
+
text: {
|
|
35
|
+
primary: '#FFFFFF',
|
|
36
|
+
secondary: '#8E8E93',
|
|
37
|
+
contrast: '#000000'
|
|
38
|
+
},
|
|
39
|
+
fonts: {
|
|
40
|
+
introTitle: 'System',
|
|
41
|
+
introSubtitle: 'System',
|
|
42
|
+
introButton: 'System',
|
|
43
|
+
stepLabel: 'System',
|
|
44
|
+
stepTitle: 'System',
|
|
45
|
+
stepDescription: 'System',
|
|
46
|
+
stepButton: 'System',
|
|
47
|
+
primaryButton: 'System',
|
|
48
|
+
secondaryButton: 'System'
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
export const defaultTheme = LightTheme;
|
|
27
52
|
//# sourceMappingURL=theme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["LightTheme","bg","primary","secondary","label","accent","text","contrast","fonts","introTitle","introSubtitle","introButton","stepLabel","stepTitle","stepDescription","stepButton","primaryButton","secondaryButton","DarkTheme","defaultTheme"],"sourceRoot":"../../../src","sources":["utils/theme.ts"],"mappings":";;AAEA,OAAO,MAAMA,UAAU,GAAG;EACxBC,EAAE,EAAE;IACFC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJJ,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBI,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,WAAW,EAAE,QAAQ;IACrBC,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE,QAAQ;IACzBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,eAAe,EAAE;EACnB;AACF,CAAC;AAED,OAAO,MAAMC,SAAS,GAAG;EACvBjB,EAAE,EAAE;IACFC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJJ,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBI,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,WAAW,EAAE,QAAQ;IACrBC,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE,QAAQ;IACzBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,eAAe,EAAE;EACnB;AACF,CAAC;AAED,OAAO,MAAME,YAAY,GAAGnB,UAAU","ignoreList":[]}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import { type OnboardingProps, type OnboardingColors, type OnboardingFonts, type OnboardingIntroPanelProps, type OnboardingStepPanelProps, type OnboardingStep } from './spill-onboarding/types';
|
|
2
|
-
|
|
1
|
+
import { type OnboardingProps, type OnboardingColors, type OnboardingFonts, type OnboardingIntroPanelProps, type OnboardingStepPanelProps, type OnboardingStep, type OnboardingPaywallPanelProps, type PaywallPlan } from './spill-onboarding/types';
|
|
2
|
+
import OnboardingPaywallPanel from './spill-onboarding/components/OnboardingPaywallPanel';
|
|
3
|
+
declare function Onboarding({ colors, fonts, theme, ...props }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
export default Onboarding;
|
|
4
|
-
export
|
|
5
|
+
export { OnboardingPaywallPanel };
|
|
6
|
+
export type { OnboardingProps, OnboardingColors, OnboardingFonts, OnboardingIntroPanelProps, OnboardingStepPanelProps, OnboardingStep, OnboardingPaywallPanelProps, PaywallPlan, };
|
|
5
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC7B,KAAK,cAAc,EACnB,KAAK,2BAA2B,EAChC,KAAK,WAAW,EACjB,MAAM,0BAA0B,CAAC;AAElC,OAAO,sBAAsB,MAAM,sDAAsD,CAAC;AAI1F,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAUtE;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,wBAAwB,EACxB,cAAc,EACd,2BAA2B,EAC3B,WAAW,GACZ,CAAC"}
|
|
@@ -1 +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,
|
|
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,2CAmL7B;AAED,eAAe,sBAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,2CA6PjB;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -179,7 +179,9 @@ export interface OnboardingProps {
|
|
|
179
179
|
onPress: () => void;
|
|
180
180
|
}) => ReactNode;
|
|
181
181
|
/** Theme colors to use for styling. */
|
|
182
|
-
|
|
182
|
+
theme?: 'dark' | 'light';
|
|
183
|
+
/** Theme colors to use for styling. */
|
|
184
|
+
colors?: Partial<OnboardingColors>;
|
|
183
185
|
/** Font family set or a single family name applied where appropriate. */
|
|
184
186
|
fonts?: OnboardingFonts | string;
|
|
185
187
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,10 +3,11 @@ import { type Theme } from './theme';
|
|
|
3
3
|
import { type OnboardingColors, type OnboardingFonts } from '../spill-onboarding/types';
|
|
4
4
|
interface ThemeProviderProps {
|
|
5
5
|
children: React.ReactNode;
|
|
6
|
-
|
|
6
|
+
theme?: 'dark' | 'light';
|
|
7
|
+
colors?: Partial<OnboardingColors>;
|
|
7
8
|
fonts?: OnboardingFonts | string;
|
|
8
9
|
}
|
|
9
|
-
export default function ThemeProvider({ children, colors: customColors, fonts: customFonts, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default function ThemeProvider({ children, theme: themePreset, colors: customColors, fonts: customFonts, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export declare function useTheme(): {
|
|
11
12
|
theme: Theme;
|
|
12
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAgB,KAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/utils/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAgB,KAAK,KAAK,EAAyB,MAAM,SAAS,CAAC;AAE1E,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACrB,MAAM,2BAA2B,CAAC;AASnC,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;CAClC;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,KAAK,EAAE,WAAqB,EAC5B,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,WAAW,GACnB,EAAE,kBAAkB,2CA+DpB;AAED,wBAAgB,QAAQ;WApFoB,KAAK;EAsFhD"}
|
|
@@ -1,4 +1,52 @@
|
|
|
1
1
|
import type { EdgeInsets } from 'react-native-safe-area-context';
|
|
2
|
+
export declare const LightTheme: {
|
|
3
|
+
bg: {
|
|
4
|
+
primary: string;
|
|
5
|
+
secondary: string;
|
|
6
|
+
label: string;
|
|
7
|
+
accent: string;
|
|
8
|
+
};
|
|
9
|
+
text: {
|
|
10
|
+
primary: string;
|
|
11
|
+
secondary: string;
|
|
12
|
+
contrast: string;
|
|
13
|
+
};
|
|
14
|
+
fonts: {
|
|
15
|
+
introTitle: string;
|
|
16
|
+
introSubtitle: string;
|
|
17
|
+
introButton: string;
|
|
18
|
+
stepLabel: string;
|
|
19
|
+
stepTitle: string;
|
|
20
|
+
stepDescription: string;
|
|
21
|
+
stepButton: string;
|
|
22
|
+
primaryButton: string;
|
|
23
|
+
secondaryButton: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
export declare const DarkTheme: {
|
|
27
|
+
bg: {
|
|
28
|
+
primary: string;
|
|
29
|
+
secondary: string;
|
|
30
|
+
label: string;
|
|
31
|
+
accent: string;
|
|
32
|
+
};
|
|
33
|
+
text: {
|
|
34
|
+
primary: string;
|
|
35
|
+
secondary: string;
|
|
36
|
+
contrast: string;
|
|
37
|
+
};
|
|
38
|
+
fonts: {
|
|
39
|
+
introTitle: string;
|
|
40
|
+
introSubtitle: string;
|
|
41
|
+
introButton: string;
|
|
42
|
+
stepLabel: string;
|
|
43
|
+
stepTitle: string;
|
|
44
|
+
stepDescription: string;
|
|
45
|
+
stepButton: string;
|
|
46
|
+
primaryButton: string;
|
|
47
|
+
secondaryButton: string;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
2
50
|
export declare const defaultTheme: {
|
|
3
51
|
bg: {
|
|
4
52
|
primary: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/utils/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;CAuBtB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAuBrB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAAa,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,OAAO,YAAY,CAAC;AAC9C,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rn-onboarding-analytics",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.0",
|
|
4
4
|
"description": "Onboarding/tutorial flow for React Native with analytics.",
|
|
5
5
|
"main": "./lib/module/index.js",
|
|
6
6
|
"types": "./lib/typescript/src/index.d.ts",
|
|
7
7
|
"exports": {
|
|
8
8
|
".": {
|
|
9
|
-
"source": "./src/index.tsx",
|
|
10
9
|
"types": "./lib/typescript/src/index.d.ts",
|
|
11
|
-
"
|
|
12
|
-
|
|
10
|
+
"require": "./lib/module/index.js"
|
|
11
|
+
},
|
|
13
12
|
"./package.json": "./package.json"
|
|
14
13
|
},
|
|
15
14
|
"files": [
|
package/src/index.tsx
CHANGED
|
@@ -7,17 +7,20 @@ import {
|
|
|
7
7
|
type OnboardingIntroPanelProps,
|
|
8
8
|
type OnboardingStepPanelProps,
|
|
9
9
|
type OnboardingStep,
|
|
10
|
+
type OnboardingPaywallPanelProps,
|
|
11
|
+
type PaywallPlan,
|
|
10
12
|
} from './spill-onboarding/types';
|
|
11
13
|
import SpillOnboarding from './spill-onboarding';
|
|
14
|
+
import OnboardingPaywallPanel from './spill-onboarding/components/OnboardingPaywallPanel';
|
|
12
15
|
import { Platform } from 'react-native';
|
|
13
16
|
import React from 'react';
|
|
14
17
|
|
|
15
|
-
function Onboarding({ colors, fonts, ...props }: OnboardingProps) {
|
|
18
|
+
function Onboarding({ colors, fonts, theme, ...props }: OnboardingProps) {
|
|
16
19
|
const SafeArea = Platform.OS === 'web' ? React.Fragment : SafeAreaProvider;
|
|
17
20
|
|
|
18
21
|
return (
|
|
19
22
|
<SafeArea>
|
|
20
|
-
<ThemeProvider colors={colors} fonts={fonts}>
|
|
23
|
+
<ThemeProvider colors={colors} fonts={fonts} theme={theme}>
|
|
21
24
|
<SpillOnboarding {...props} />
|
|
22
25
|
</ThemeProvider>
|
|
23
26
|
</SafeArea>
|
|
@@ -25,6 +28,7 @@ function Onboarding({ colors, fonts, ...props }: OnboardingProps) {
|
|
|
25
28
|
}
|
|
26
29
|
|
|
27
30
|
export default Onboarding;
|
|
31
|
+
export { OnboardingPaywallPanel };
|
|
28
32
|
export type {
|
|
29
33
|
OnboardingProps,
|
|
30
34
|
OnboardingColors,
|
|
@@ -32,4 +36,6 @@ export type {
|
|
|
32
36
|
OnboardingIntroPanelProps,
|
|
33
37
|
OnboardingStepPanelProps,
|
|
34
38
|
OnboardingStep,
|
|
39
|
+
OnboardingPaywallPanelProps,
|
|
40
|
+
PaywallPlan,
|
|
35
41
|
};
|
|
@@ -167,37 +167,44 @@ function OnboardingPaywallPanel({
|
|
|
167
167
|
};
|
|
168
168
|
|
|
169
169
|
return (
|
|
170
|
-
<
|
|
171
|
-
style={styles.
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
: image && (
|
|
179
|
-
<Image source={image} style={styles.image} resizeMode="cover" />
|
|
180
|
-
)}
|
|
181
|
-
|
|
182
|
-
<View style={styles.contentWrapper}>
|
|
183
|
-
<View style={styles.headerContainer}>
|
|
184
|
-
{renderTitle()}
|
|
185
|
-
{renderSubtitle()}
|
|
186
|
-
</View>
|
|
170
|
+
<View style={styles.mainContainer}>
|
|
171
|
+
<View style={styles.headerImageContainer}>
|
|
172
|
+
{typeof image === 'function'
|
|
173
|
+
? image()
|
|
174
|
+
: image && (
|
|
175
|
+
<Image source={image} style={styles.image} resizeMode="cover" />
|
|
176
|
+
)}
|
|
177
|
+
</View>
|
|
187
178
|
|
|
188
|
-
|
|
179
|
+
<View style={styles.sheetContainer}>
|
|
180
|
+
<ScrollView
|
|
181
|
+
style={styles.container}
|
|
182
|
+
contentContainerStyle={styles.contentContainer}
|
|
183
|
+
showsVerticalScrollIndicator={false}
|
|
184
|
+
bounces={false}
|
|
185
|
+
>
|
|
186
|
+
<View style={styles.contentWrapper}>
|
|
187
|
+
<View style={styles.headerContainer}>
|
|
188
|
+
{renderTitle()}
|
|
189
|
+
{renderSubtitle()}
|
|
190
|
+
</View>
|
|
189
191
|
|
|
190
|
-
|
|
192
|
+
{renderFeatures()}
|
|
191
193
|
|
|
192
|
-
|
|
193
|
-
<Text style={styles.helperText}>{helperTextContinue}</Text>
|
|
194
|
-
)}
|
|
194
|
+
{renderPlans()}
|
|
195
195
|
|
|
196
|
-
|
|
196
|
+
{renderFooterLinks()}
|
|
197
|
+
</View>
|
|
198
|
+
</ScrollView>
|
|
199
|
+
<View style={styles.footerContainer}>
|
|
200
|
+
{helperTextContinue && (
|
|
201
|
+
<Text style={styles.helperText}>{helperTextContinue}</Text>
|
|
202
|
+
)}
|
|
197
203
|
|
|
198
|
-
|
|
204
|
+
{renderButton()}
|
|
205
|
+
</View>
|
|
199
206
|
</View>
|
|
200
|
-
</
|
|
207
|
+
</View>
|
|
201
208
|
);
|
|
202
209
|
}
|
|
203
210
|
|
|
@@ -205,25 +212,41 @@ export default OnboardingPaywallPanel;
|
|
|
205
212
|
|
|
206
213
|
const createStyles = (theme: Theme) =>
|
|
207
214
|
StyleSheet.create({
|
|
208
|
-
|
|
215
|
+
mainContainer: {
|
|
216
|
+
flex: 1,
|
|
217
|
+
backgroundColor: theme.bg.secondary,
|
|
218
|
+
},
|
|
219
|
+
headerImageContainer: {
|
|
220
|
+
height: screenHeight * 0.3,
|
|
221
|
+
width: '100%',
|
|
222
|
+
},
|
|
223
|
+
sheetContainer: {
|
|
209
224
|
flex: 1,
|
|
225
|
+
marginTop: -6,
|
|
210
226
|
backgroundColor: theme.bg.secondary,
|
|
227
|
+
borderTopLeftRadius: 32,
|
|
228
|
+
borderTopRightRadius: 32,
|
|
229
|
+
overflow: 'hidden',
|
|
230
|
+
},
|
|
231
|
+
container: {
|
|
232
|
+
flex: 1,
|
|
211
233
|
},
|
|
212
234
|
contentContainer: {
|
|
213
235
|
paddingBottom: 40,
|
|
214
236
|
},
|
|
237
|
+
footerContainer: {
|
|
238
|
+
paddingHorizontal: 16,
|
|
239
|
+
paddingBottom: 40,
|
|
240
|
+
paddingTop: 16,
|
|
241
|
+
backgroundColor: theme.bg.secondary,
|
|
242
|
+
},
|
|
215
243
|
contentWrapper: {
|
|
216
244
|
paddingHorizontal: 16,
|
|
217
|
-
marginTop: -32,
|
|
218
245
|
paddingTop: 32,
|
|
219
|
-
borderTopLeftRadius: 32,
|
|
220
|
-
borderTopRightRadius: 32,
|
|
221
|
-
backgroundColor: theme.bg.secondary,
|
|
222
246
|
},
|
|
223
247
|
image: {
|
|
224
|
-
alignSelf: 'center',
|
|
225
248
|
width: '100%',
|
|
226
|
-
height:
|
|
249
|
+
height: '100%',
|
|
227
250
|
},
|
|
228
251
|
headerContainer: {
|
|
229
252
|
alignItems: 'center',
|
|
@@ -280,6 +303,7 @@ const createStyles = (theme: Theme) =>
|
|
|
280
303
|
alignItems: 'center',
|
|
281
304
|
justifyContent: 'space-between',
|
|
282
305
|
padding: 16,
|
|
306
|
+
minHeight: 76,
|
|
283
307
|
borderRadius: 16,
|
|
284
308
|
backgroundColor: theme.bg.secondary,
|
|
285
309
|
borderWidth: 1,
|
|
@@ -293,7 +317,7 @@ const createStyles = (theme: Theme) =>
|
|
|
293
317
|
},
|
|
294
318
|
planCardSelected: {
|
|
295
319
|
borderColor: theme.bg.accent,
|
|
296
|
-
backgroundColor: theme.bg.
|
|
320
|
+
backgroundColor: theme.bg.label,
|
|
297
321
|
borderWidth: 2,
|
|
298
322
|
},
|
|
299
323
|
planTitle: {
|
|
@@ -325,14 +349,14 @@ const createStyles = (theme: Theme) =>
|
|
|
325
349
|
textAlign: 'center',
|
|
326
350
|
color: theme.text.secondary,
|
|
327
351
|
fontSize: fontSizes.sm,
|
|
328
|
-
marginBottom:
|
|
352
|
+
marginBottom: 8,
|
|
329
353
|
fontWeight: '500',
|
|
330
354
|
},
|
|
331
355
|
footerLinksContainer: {
|
|
332
356
|
flexDirection: 'row',
|
|
333
357
|
justifyContent: 'center',
|
|
334
358
|
alignItems: 'center',
|
|
335
|
-
marginTop:
|
|
359
|
+
marginTop: 4,
|
|
336
360
|
gap: 8,
|
|
337
361
|
},
|
|
338
362
|
footerLinkText: {
|
|
@@ -169,7 +169,11 @@ function SpillOnboarding({
|
|
|
169
169
|
title={introPanelProps.title}
|
|
170
170
|
subtitle={introPanelProps.subtitle}
|
|
171
171
|
button={introPanelProps.button}
|
|
172
|
-
image={
|
|
172
|
+
image={
|
|
173
|
+
typeof introPanelProps.image === 'function'
|
|
174
|
+
? introPanelProps.image
|
|
175
|
+
: undefined
|
|
176
|
+
}
|
|
173
177
|
/>
|
|
174
178
|
);
|
|
175
179
|
};
|
|
@@ -228,11 +232,18 @@ function SpillOnboarding({
|
|
|
228
232
|
}
|
|
229
233
|
|
|
230
234
|
if (!currentStep) {
|
|
235
|
+
if (
|
|
236
|
+
typeof introPanelProps !== 'function' &&
|
|
237
|
+
introPanelProps.image &&
|
|
238
|
+
typeof introPanelProps.image !== 'function'
|
|
239
|
+
) {
|
|
240
|
+
return introPanelProps.image;
|
|
241
|
+
}
|
|
231
242
|
return firstStep?.image;
|
|
232
243
|
}
|
|
233
244
|
|
|
234
245
|
return currentStep.image;
|
|
235
|
-
}, [currentStep, firstStep?.image, isPaywall]);
|
|
246
|
+
}, [currentStep, firstStep?.image, isPaywall, introPanelProps]);
|
|
236
247
|
|
|
237
248
|
const onboardingContent = (
|
|
238
249
|
<View style={styles.container} ref={screen.ref}>
|
|
@@ -230,7 +230,10 @@ export interface OnboardingProps {
|
|
|
230
230
|
skipButton?: ({ onPress }: { onPress: () => void }) => ReactNode;
|
|
231
231
|
|
|
232
232
|
/** Theme colors to use for styling. */
|
|
233
|
-
|
|
233
|
+
theme?: 'dark' | 'light';
|
|
234
|
+
|
|
235
|
+
/** Theme colors to use for styling. */
|
|
236
|
+
colors?: Partial<OnboardingColors>;
|
|
234
237
|
|
|
235
238
|
/** Font family set or a single family name applied where appropriate. */
|
|
236
239
|
fonts?: OnboardingFonts | string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { createContext, useContext, useMemo } from 'react';
|
|
2
|
-
import { defaultTheme, type Theme } from './theme';
|
|
2
|
+
import { defaultTheme, type Theme, DarkTheme, LightTheme } from './theme';
|
|
3
3
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
4
4
|
import {
|
|
5
5
|
type OnboardingColors,
|
|
@@ -15,18 +15,30 @@ const ThemeContext = createContext<{ theme: Theme }>({
|
|
|
15
15
|
|
|
16
16
|
interface ThemeProviderProps {
|
|
17
17
|
children: React.ReactNode;
|
|
18
|
-
|
|
18
|
+
theme?: 'dark' | 'light';
|
|
19
|
+
colors?: Partial<OnboardingColors>;
|
|
19
20
|
fonts?: OnboardingFonts | string;
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
export default function ThemeProvider({
|
|
23
24
|
children,
|
|
25
|
+
theme: themePreset = 'light',
|
|
24
26
|
colors: customColors,
|
|
25
27
|
fonts: customFonts,
|
|
26
28
|
}: ThemeProviderProps) {
|
|
27
29
|
const insets = useSafeAreaInsets();
|
|
28
30
|
|
|
29
31
|
const theme: Theme = useMemo(() => {
|
|
32
|
+
const baseTheme = themePreset === 'dark' ? DarkTheme : LightTheme;
|
|
33
|
+
|
|
34
|
+
console.log('🎨 ThemeProvider:', {
|
|
35
|
+
preset: themePreset,
|
|
36
|
+
isDark: themePreset === 'dark',
|
|
37
|
+
baseBg: baseTheme.bg.primary,
|
|
38
|
+
baseText: baseTheme.text.primary,
|
|
39
|
+
customColors,
|
|
40
|
+
});
|
|
41
|
+
|
|
30
42
|
const fonts =
|
|
31
43
|
typeof customFonts === 'string'
|
|
32
44
|
? {
|
|
@@ -41,41 +53,37 @@ export default function ThemeProvider({
|
|
|
41
53
|
secondaryButton: customFonts,
|
|
42
54
|
}
|
|
43
55
|
: {
|
|
44
|
-
introTitle:
|
|
45
|
-
customFonts?.introTitle ?? defaultTheme.fonts.introTitle,
|
|
56
|
+
introTitle: customFonts?.introTitle ?? baseTheme.fonts.introTitle,
|
|
46
57
|
introSubtitle:
|
|
47
|
-
customFonts?.introSubtitle ??
|
|
58
|
+
customFonts?.introSubtitle ?? baseTheme.fonts.introSubtitle,
|
|
48
59
|
introButton:
|
|
49
|
-
customFonts?.introButton ??
|
|
50
|
-
stepLabel: customFonts?.stepLabel ??
|
|
51
|
-
stepTitle: customFonts?.stepTitle ??
|
|
60
|
+
customFonts?.introButton ?? baseTheme.fonts.introButton,
|
|
61
|
+
stepLabel: customFonts?.stepLabel ?? baseTheme.fonts.stepLabel,
|
|
62
|
+
stepTitle: customFonts?.stepTitle ?? baseTheme.fonts.stepTitle,
|
|
52
63
|
stepDescription:
|
|
53
|
-
customFonts?.stepDescription ??
|
|
54
|
-
|
|
55
|
-
stepButton:
|
|
56
|
-
customFonts?.stepButton ?? defaultTheme.fonts.stepButton,
|
|
64
|
+
customFonts?.stepDescription ?? baseTheme.fonts.stepDescription,
|
|
65
|
+
stepButton: customFonts?.stepButton ?? baseTheme.fonts.stepButton,
|
|
57
66
|
primaryButton:
|
|
58
|
-
customFonts?.primaryButton ??
|
|
67
|
+
customFonts?.primaryButton ?? baseTheme.fonts.primaryButton,
|
|
59
68
|
secondaryButton:
|
|
60
|
-
customFonts?.secondaryButton ??
|
|
61
|
-
defaultTheme.fonts.secondaryButton,
|
|
69
|
+
customFonts?.secondaryButton ?? baseTheme.fonts.secondaryButton,
|
|
62
70
|
};
|
|
63
71
|
|
|
64
72
|
const { background, text: textColors } = customColors ?? {};
|
|
65
73
|
const bg = {
|
|
66
|
-
primary: background?.primary ??
|
|
67
|
-
secondary: background?.secondary ??
|
|
68
|
-
label: background?.label ??
|
|
69
|
-
accent: background?.accent ??
|
|
74
|
+
primary: background?.primary ?? baseTheme.bg.primary,
|
|
75
|
+
secondary: background?.secondary ?? baseTheme.bg.secondary,
|
|
76
|
+
label: background?.label ?? baseTheme.bg.label,
|
|
77
|
+
accent: background?.accent ?? baseTheme.bg.accent,
|
|
70
78
|
};
|
|
71
79
|
const text = {
|
|
72
|
-
primary: textColors?.primary ??
|
|
73
|
-
secondary: textColors?.secondary ??
|
|
74
|
-
contrast: textColors?.contrast ??
|
|
80
|
+
primary: textColors?.primary ?? baseTheme.text.primary,
|
|
81
|
+
secondary: textColors?.secondary ?? baseTheme.text.secondary,
|
|
82
|
+
contrast: textColors?.contrast ?? baseTheme.text.contrast,
|
|
75
83
|
};
|
|
76
84
|
|
|
77
85
|
return { bg, text, fonts, insets };
|
|
78
|
-
}, [insets, customColors, customFonts]);
|
|
86
|
+
}, [insets, themePreset, customColors, customFonts]);
|
|
79
87
|
|
|
80
88
|
return (
|
|
81
89
|
<ThemeContext.Provider value={{ theme }}>{children}</ThemeContext.Provider>
|
package/src/utils/theme.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { EdgeInsets } from 'react-native-safe-area-context';
|
|
2
2
|
|
|
3
|
-
export const
|
|
3
|
+
export const LightTheme = {
|
|
4
4
|
bg: {
|
|
5
5
|
primary: '#007AFF',
|
|
6
6
|
secondary: '#FFFFFF',
|
|
@@ -25,5 +25,32 @@ export const defaultTheme = {
|
|
|
25
25
|
},
|
|
26
26
|
};
|
|
27
27
|
|
|
28
|
+
export const DarkTheme = {
|
|
29
|
+
bg: {
|
|
30
|
+
primary: '#0A84FF',
|
|
31
|
+
secondary: '#000000',
|
|
32
|
+
label: '#2C2C2E',
|
|
33
|
+
accent: '#0A84FF',
|
|
34
|
+
},
|
|
35
|
+
text: {
|
|
36
|
+
primary: '#FFFFFF',
|
|
37
|
+
secondary: '#8E8E93',
|
|
38
|
+
contrast: '#000000',
|
|
39
|
+
},
|
|
40
|
+
fonts: {
|
|
41
|
+
introTitle: 'System',
|
|
42
|
+
introSubtitle: 'System',
|
|
43
|
+
introButton: 'System',
|
|
44
|
+
stepLabel: 'System',
|
|
45
|
+
stepTitle: 'System',
|
|
46
|
+
stepDescription: 'System',
|
|
47
|
+
stepButton: 'System',
|
|
48
|
+
primaryButton: 'System',
|
|
49
|
+
secondaryButton: 'System',
|
|
50
|
+
},
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
export const defaultTheme = LightTheme;
|
|
54
|
+
|
|
28
55
|
export type ThemeColors = typeof defaultTheme;
|
|
29
56
|
export type Theme = ThemeColors & { insets: EdgeInsets };
|