@rocapine/react-native-onboarding-ui 1.14.0 → 1.16.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/dist/UI/Pages/Carousel/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Carousel/Renderer.js +13 -12
- package/dist/UI/Pages/Carousel/Renderer.js.map +1 -1
- package/dist/UI/Pages/Commitment/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Commitment/Renderer.js +31 -30
- package/dist/UI/Pages/Commitment/Renderer.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/Renderer.js +2 -1
- package/dist/UI/Pages/ComposableScreen/Renderer.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts +27 -0
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js +37 -7
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/SafeAreaViewElement.d.ts +114 -0
- package/dist/UI/Pages/ComposableScreen/elements/SafeAreaViewElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/SafeAreaViewElement.js +62 -0
- package/dist/UI/Pages/ComposableScreen/elements/SafeAreaViewElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js +4 -0
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts +2 -0
- package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/shared.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/types.d.ts +8 -0
- package/dist/UI/Pages/ComposableScreen/types.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/types.js +8 -0
- package/dist/UI/Pages/ComposableScreen/types.js.map +1 -1
- package/dist/UI/Pages/Loader/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Loader/Renderer.js +8 -7
- package/dist/UI/Pages/Loader/Renderer.js.map +1 -1
- package/dist/UI/Pages/MediaContent/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/MediaContent/Renderer.js +5 -4
- package/dist/UI/Pages/MediaContent/Renderer.js.map +1 -1
- package/dist/UI/Pages/Picker/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Picker/Renderer.js +24 -23
- package/dist/UI/Pages/Picker/Renderer.js.map +1 -1
- package/dist/UI/Pages/Question/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Question/Renderer.js +13 -12
- package/dist/UI/Pages/Question/Renderer.js.map +1 -1
- package/dist/UI/Pages/Ratings/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Ratings/Renderer.js +15 -14
- package/dist/UI/Pages/Ratings/Renderer.js.map +1 -1
- package/dist/UI/Provider/OnboardingProgressProvider.d.ts +2 -4
- package/dist/UI/Provider/OnboardingProgressProvider.d.ts.map +1 -1
- package/dist/UI/Provider/OnboardingProgressProvider.js.map +1 -1
- package/dist/UI/Templates/OnboardingTemplate.d.ts.map +1 -1
- package/dist/UI/Templates/OnboardingTemplate.js +1 -4
- package/dist/UI/Templates/OnboardingTemplate.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/UI/Pages/Carousel/Renderer.tsx +3 -0
- package/src/UI/Pages/Commitment/Renderer.tsx +3 -0
- package/src/UI/Pages/ComposableScreen/Renderer.tsx +2 -1
- package/src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx +57 -6
- package/src/UI/Pages/ComposableScreen/elements/SafeAreaViewElement.tsx +93 -0
- package/src/UI/Pages/ComposableScreen/elements/renderElement.tsx +5 -0
- package/src/UI/Pages/ComposableScreen/elements/shared.ts +2 -0
- package/src/UI/Pages/ComposableScreen/types.ts +16 -0
- package/src/UI/Pages/Loader/Renderer.tsx +7 -0
- package/src/UI/Pages/MediaContent/Renderer.tsx +3 -0
- package/src/UI/Pages/Picker/Renderer.tsx +11 -0
- package/src/UI/Pages/Question/Renderer.tsx +4 -0
- package/src/UI/Pages/Ratings/Renderer.tsx +4 -0
- package/src/UI/Provider/OnboardingProgressProvider.tsx +3 -2
- package/src/UI/Templates/OnboardingTemplate.tsx +1 -5
- package/src/index.ts +5 -0
|
@@ -38,6 +38,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
38
38
|
const react_native_1 = require("react-native");
|
|
39
39
|
const react_native_svg_1 = __importStar(require("react-native-svg"));
|
|
40
40
|
const OnboardingTemplate_1 = require("../../Templates/OnboardingTemplate");
|
|
41
|
+
const react_native_safe_area_context_1 = require("react-native-safe-area-context");
|
|
41
42
|
const types_1 = require("./types");
|
|
42
43
|
const react_1 = require("react");
|
|
43
44
|
const defaultTheme_1 = require("../../Theme/defaultTheme");
|
|
@@ -80,20 +81,20 @@ const RatingsRendererBase = ({ step, onContinue, theme = defaultTheme_1.defaultT
|
|
|
80
81
|
const renderStars = (numberOfStar, size = 20) => {
|
|
81
82
|
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.starsContainer, children: Array.from({ length: 5 }).map((_, index) => ((0, jsx_runtime_1.jsx)(StarIcon, { size: size, filled: index < numberOfStar }, index))) }));
|
|
82
83
|
};
|
|
83
|
-
return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: step, onContinue: handlePress, theme: theme, button: {
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
84
|
+
return ((0, jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaView, { style: { flex: 1 }, edges: ["top", "bottom"], children: (0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: step, onContinue: handlePress, theme: theme, button: {
|
|
85
|
+
text: !hasOpenedRequestReview
|
|
86
|
+
? rateTheAppButtonLabel
|
|
87
|
+
: (((_b = (_a = validatedData.buttonSection) === null || _a === void 0 ? void 0 : _a.label) === null || _b === void 0 ? void 0 : _b.trim()) || validatedData.continueButtonLabel),
|
|
88
|
+
icon: hasOpenedRequestReview ? (((_d = (_c = validatedData.buttonSection) === null || _c === void 0 ? void 0 : _c.icon) === null || _d === void 0 ? void 0 : _d.trim()) || null) : null,
|
|
89
|
+
}, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.container, children: (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, alwaysBounceVertical: false, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.awardSection, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.awardContainer, children: [(0, jsx_runtime_1.jsx)(react_native_1.Image, { source: require("../../../assets/laurel-left.png"), style: styles.laurelImage, resizeMode: "contain" }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.awardTextContainer, children: [renderStars(5, 32), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "heading2"), styles.awardTitle, { color: theme.colors.text.secondary }], children: "Users Choice" })] }), (0, jsx_runtime_1.jsx)(react_native_1.Image, { source: require("../../../assets/laurel-right.png"), style: styles.laurelImage, resizeMode: "contain" })] }) }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.reviewSection, children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.reviewCard, { backgroundColor: theme.colors.neutral.lowestest }], children: [(0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.reviewAuthor, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.avatar, { backgroundColor: theme.colors.neutral.low }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.avatarText, { color: theme.colors.text.opposite }], children: mainReview.authorName.charAt(0).toUpperCase() }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "label"), styles.authorName, { color: theme.colors.text.secondary }], children: mainReview.authorName })] }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "bodyMedium"), styles.reviewContent, { color: theme.colors.text.primary }], children: mainReview.content }), renderStars(mainReview.numberOfStar)] }), otherUsersCount > 0 && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.usersCount, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.avatarGroup, children: socialProofs.slice(1, 4).map((proof, index) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
90
|
+
styles.smallAvatar,
|
|
91
|
+
{
|
|
92
|
+
zIndex: 3 - index,
|
|
93
|
+
marginLeft: index > 0 ? -10 : 0,
|
|
94
|
+
borderColor: theme.colors.neutral.lowestest,
|
|
95
|
+
backgroundColor: theme.colors.neutral.low,
|
|
96
|
+
},
|
|
97
|
+
], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.smallAvatarText, { color: theme.colors.text.opposite }], children: proof.authorName.charAt(0).toUpperCase() }) }, index))) }), (0, jsx_runtime_1.jsxs)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "bodyMedium"), styles.usersCountText, { color: theme.colors.text.secondary }], children: ["+", otherUsersCount.toLocaleString(), " others"] })] }))] }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.textSection, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "heading1"), styles.title, { color: theme.colors.text.primary }], children: title }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "heading3"), styles.subtitle, { color: theme.colors.text.secondary }], children: subtitle })] })] }) }) }) }));
|
|
97
98
|
};
|
|
98
99
|
const styles = react_native_1.StyleSheet.create({
|
|
99
100
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Ratings/Renderer.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Ratings/Renderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
+
import type { ComposableVariableEntry } from "@rocapine/react-native-onboarding";
|
|
1
2
|
import { ColorScheme } from "../Theme/types";
|
|
3
|
+
export type { ComposableVariableEntry };
|
|
2
4
|
export declare const OnboardingProgressProvider: ({ children, initialColorScheme, }: {
|
|
3
5
|
children: React.ReactNode;
|
|
4
6
|
initialColorScheme?: ColorScheme;
|
|
5
7
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
export type ComposableVariableEntry = {
|
|
7
|
-
value: string;
|
|
8
|
-
label?: string;
|
|
9
|
-
};
|
|
10
8
|
export declare const OnboardingProgressContext: import("react").Context<{
|
|
11
9
|
activeStep: {
|
|
12
10
|
number: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingProgressProvider.d.ts","sourceRoot":"","sources":["../../../src/UI/Provider/OnboardingProgressProvider.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"OnboardingProgressProvider.d.ts","sourceRoot":"","sources":["../../../src/UI/Provider/OnboardingProgressProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,YAAY,EAAE,uBAAuB,EAAE,CAAC;AAExC,eAAO,MAAM,0BAA0B,GAAI,mCAGxC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,WAAW,CAAC;CAClC,4CAwBA,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;2BAEb;QACrB,MAAM,EAAE,MAAM,CAAC;QACf,qBAAqB,EAAE,OAAO,CAAC;KAChC;;4BAEuB,MAAM;yBACH,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC;kCACpC,MAAM,UAAU,uBAAuB,GAAG,MAAM;EAC9E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingProgressProvider.js","sourceRoot":"","sources":["../../../src/UI/Provider/OnboardingProgressProvider.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAC7D,mFAAkE;
|
|
1
|
+
{"version":3,"file":"OnboardingProgressProvider.js","sourceRoot":"","sources":["../../../src/UI/Provider/OnboardingProgressProvider.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAC7D,mFAAkE;AAElE,0DAAuD;AAKhD,MAAM,0BAA0B,GAAG,CAAC,EACzC,QAAQ,EACR,kBAAkB,GAAG,OAAO,GAI7B,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC;QAC3C,MAAM,EAAE,CAAC;QACT,qBAAqB,EAAE,KAAK;KAC7B,CAAC,CAAC;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAChD,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAA0C,EAAE,CAAC,CAAC;IAE5G,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EAAC,CAAC,GAAW,EAAE,KAAuC,EAAE,EAAE;QACjG,MAAM,eAAe,GAA4B,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QACtG,sBAAsB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iCAAM,IAAI,KAAE,CAAC,GAAG,CAAC,EAAE,eAAe,IAAG,CAAC,CAAC;IAC1E,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,iDAAgB,cACf,uBAAC,6BAAa,IAAC,kBAAkB,EAAE,kBAAkB,YACnD,uBAAC,iCAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,YAE1G,QAAQ,GAC0B,GACvB,GACC,CACpB,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,0BAA0B,8BA8BrC;AAEW,QAAA,yBAAyB,GAAG,IAAA,qBAAa,EAAC;IACrD,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE;IACvD,aAAa,EAAE,CAAC,KAGf,EAAE,EAAE,GAAG,CAAC;IACT,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC,MAAc,EAAE,EAAE,GAAG,CAAC;IACtC,mBAAmB,EAAE,EAA6C;IAClE,qBAAqB,EAAE,CAAC,IAAY,EAAE,MAAwC,EAAE,EAAE,GAAG,CAAC;CACvF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingTemplate.d.ts","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"OnboardingTemplate.d.ts","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAuCvC,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,CAAC;IACF,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gDAMhC,uBAAuB,4CA4DzB,CAAC"}
|
|
@@ -36,7 +36,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
36
36
|
exports.OnboardingTemplate = void 0;
|
|
37
37
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
38
|
const react_native_1 = require("react-native");
|
|
39
|
-
const react_native_safe_area_context_1 = require("react-native-safe-area-context");
|
|
40
39
|
const helpers_1 = require("../Theme/helpers");
|
|
41
40
|
const defaultTheme_1 = require("../Theme/defaultTheme");
|
|
42
41
|
const LucideIcons = __importStar(require("lucide-react-native"));
|
|
@@ -79,13 +78,11 @@ function resolveIcon(iconName, color) {
|
|
|
79
78
|
return null;
|
|
80
79
|
}
|
|
81
80
|
const OnboardingTemplate = ({ children, onContinue, step, button, theme = defaultTheme_1.defaultTheme, }) => {
|
|
82
|
-
const { top, bottom } = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
|
|
83
81
|
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
|
|
84
82
|
styles.container,
|
|
85
83
|
{
|
|
86
84
|
backgroundColor: theme.colors.neutral.lowest,
|
|
87
|
-
paddingTop: step.displayProgressHeader ?
|
|
88
|
-
paddingBottom: bottom
|
|
85
|
+
paddingTop: step.displayProgressHeader ? 40 : 0,
|
|
89
86
|
},
|
|
90
87
|
], children: [children, button && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.bottomSection, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [
|
|
91
88
|
styles.ctaButton,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingTemplate.js","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwE;AAExE,
|
|
1
|
+
{"version":3,"file":"OnboardingTemplate.js","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type { BaseStepType, Onboarding, OnboardingMetadata, OnboardingStudioClientOptions, } from "@rocapine/react-native-onboarding";
|
|
1
|
+
export type { BaseStepType, Onboarding, OnboardingMetadata, OnboardingStudioClientOptions, CustomActionHandler, CustomActions, ButtonAction, CustomButtonAction, ComposableVariableEntry, } from "@rocapine/react-native-onboarding";
|
|
2
2
|
export { OnboardingPage } from "./UI/OnboardingPage";
|
|
3
3
|
export * from "./UI/Pages";
|
|
4
4
|
export * from "./UI/Templates";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,6BAA6B,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EACV,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,6BAA6B,EAC7B,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,mCAAmC,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGrD,cAAc,YAAY,CAAC;AAG3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,YAAY,CAAC;AAG3B,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,0CAA0C,CAAC;AAGjH,cAAc,YAAY,CAAC"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAaA,2BAA2B;AAC3B,sDAAqD;AAA5C,gHAAA,cAAc,OAAA;AAEvB,+BAA+B;AAC/B,6CAA2B;AAE3B,kCAAkC;AAClC,iDAA+B;AAC/B,kDAAgC;AAEhC,eAAe;AACf,6CAA2B;AAE3B,iBAAiB;AACjB,qDAAmC;AAEnC,WAAW;AACX,uFAAiH;AAAxG,wIAAA,0BAA0B,OAAA;AAAE,uIAAA,yBAAyB,OAAA;AAE9D,oBAAoB;AACpB,6CAA2B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocapine/react-native-onboarding-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.16.0",
|
|
4
4
|
"description": "UI components and renderers for Rocapine Onboarding Studio - Built on top of the headless SDK",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"@react-native-community/datetimepicker": "*",
|
|
48
48
|
"@react-native-picker/picker": "*",
|
|
49
|
-
"@rocapine/react-native-onboarding": "^1.
|
|
49
|
+
"@rocapine/react-native-onboarding": "^1.16.0",
|
|
50
50
|
"@shopify/react-native-skia": ">=1.0.0",
|
|
51
51
|
"@tanstack/react-query": ">=5.0.0",
|
|
52
52
|
"@types/react": "*",
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { OnboardingTemplate } from "../../Templates/OnboardingTemplate";
|
|
2
|
+
import { SafeAreaView } from "react-native-safe-area-context";
|
|
2
3
|
import {
|
|
3
4
|
CarouselStepType,
|
|
4
5
|
CarouselStepTypeSchema,
|
|
@@ -58,6 +59,7 @@ const CarouselRendererBase = ({ step, onContinue, theme = defaultTheme }: Conten
|
|
|
58
59
|
const isLastPage = currentPage === screens.length - 1;
|
|
59
60
|
|
|
60
61
|
return (
|
|
62
|
+
<SafeAreaView style={{ flex: 1 }} edges={["top", "bottom"]}>
|
|
61
63
|
<OnboardingTemplate
|
|
62
64
|
step={step}
|
|
63
65
|
onContinue={handleButtonPress}
|
|
@@ -101,6 +103,7 @@ const CarouselRendererBase = ({ step, onContinue, theme = defaultTheme }: Conten
|
|
|
101
103
|
</View>
|
|
102
104
|
</View>
|
|
103
105
|
</OnboardingTemplate>
|
|
106
|
+
</SafeAreaView>
|
|
104
107
|
);
|
|
105
108
|
};
|
|
106
109
|
|
|
@@ -8,6 +8,7 @@ import {
|
|
|
8
8
|
} from "react-native";
|
|
9
9
|
import { CommitmentStepType, CommitmentStepTypeSchema } from "./types";
|
|
10
10
|
import { OnboardingTemplate } from "../../Templates/OnboardingTemplate";
|
|
11
|
+
import { SafeAreaView } from "react-native-safe-area-context";
|
|
11
12
|
import {
|
|
12
13
|
Gesture,
|
|
13
14
|
GestureDetector,
|
|
@@ -80,6 +81,7 @@ const CommitmentRendererBase = ({ step, onContinue, theme = defaultTheme }: Cont
|
|
|
80
81
|
const isButtonDisabled = payload.variant === "signature" && !hasSignature;
|
|
81
82
|
|
|
82
83
|
return (
|
|
84
|
+
<SafeAreaView style={{ flex: 1 }} edges={["top", "bottom"]}>
|
|
83
85
|
<OnboardingTemplate
|
|
84
86
|
step={validatedData}
|
|
85
87
|
onContinue={onContinue}
|
|
@@ -219,6 +221,7 @@ const CommitmentRendererBase = ({ step, onContinue, theme = defaultTheme }: Cont
|
|
|
219
221
|
</View>
|
|
220
222
|
</ScrollView>
|
|
221
223
|
</OnboardingTemplate>
|
|
224
|
+
</SafeAreaView>
|
|
222
225
|
);
|
|
223
226
|
};
|
|
224
227
|
|
|
@@ -19,7 +19,7 @@ const ComposableScreenRendererBase = ({ step, onContinue }: ContentProps) => {
|
|
|
19
19
|
const validatedData = useMemo(() => ComposableScreenStepTypeSchema.parse(step), [step]);
|
|
20
20
|
const { elements } = validatedData.payload;
|
|
21
21
|
const { composableVariables, setComposableVariable } = useContext(OnboardingProgressContext);
|
|
22
|
-
const { setVariable: setHeadlessVariable } = useContext(HeadlessProgressContext);
|
|
22
|
+
const { setVariable: setHeadlessVariable, customActions } = useContext(HeadlessProgressContext);
|
|
23
23
|
|
|
24
24
|
const setVariableAndSync = useCallback(
|
|
25
25
|
(key: string, entry: ComposableVariableEntry) => {
|
|
@@ -37,6 +37,7 @@ const ComposableScreenRendererBase = ({ step, onContinue }: ContentProps) => {
|
|
|
37
37
|
variables: composableVariables,
|
|
38
38
|
setVariable: setVariableAndSync,
|
|
39
39
|
onContinue,
|
|
40
|
+
customActions,
|
|
40
41
|
renderChildren,
|
|
41
42
|
};
|
|
42
43
|
|
|
@@ -5,9 +5,35 @@ import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
|
|
|
5
5
|
import { UIElement } from "../types";
|
|
6
6
|
import { RenderContext, dim } from "./shared";
|
|
7
7
|
import { GradientBox } from "./GradientBox";
|
|
8
|
+
import { ComposableVariableEntry } from "../../../Provider/OnboardingProgressProvider";
|
|
9
|
+
|
|
10
|
+
export type CustomButtonAction = {
|
|
11
|
+
type: "custom";
|
|
12
|
+
function: string;
|
|
13
|
+
variables?: string[];
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export const CustomButtonActionSchema = z.object({
|
|
17
|
+
type: z.literal("custom"),
|
|
18
|
+
function: z.string().min(1, "function must not be empty"),
|
|
19
|
+
variables: z.array(z.string()).optional(),
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
export type ButtonAction = "continue" | CustomButtonAction;
|
|
23
|
+
|
|
24
|
+
export const ButtonActionSchema = z.union([
|
|
25
|
+
z.literal("continue"),
|
|
26
|
+
CustomButtonActionSchema,
|
|
27
|
+
]);
|
|
8
28
|
|
|
9
29
|
export type ButtonElementProps = BaseBoxProps & {
|
|
10
30
|
label: string;
|
|
31
|
+
/**
|
|
32
|
+
* Ordered list of actions to run on press. Sequential, await async handlers,
|
|
33
|
+
* abort on error, `"continue"` is terminal.
|
|
34
|
+
*/
|
|
35
|
+
actions?: ButtonAction[];
|
|
36
|
+
/** @deprecated Use `actions` instead. */
|
|
11
37
|
action?: "continue";
|
|
12
38
|
variant?: "filled" | "outlined" | "ghost";
|
|
13
39
|
backgroundColor?: string;
|
|
@@ -20,6 +46,7 @@ export type ButtonElementProps = BaseBoxProps & {
|
|
|
20
46
|
|
|
21
47
|
export const ButtonElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
22
48
|
label: z.string().min(1, "label must not be empty"),
|
|
49
|
+
actions: z.array(ButtonActionSchema).optional(),
|
|
23
50
|
action: z.enum(["continue"]).optional(),
|
|
24
51
|
variant: z.enum(["filled", "outlined", "ghost"]).optional(),
|
|
25
52
|
backgroundColor: z.string().optional(),
|
|
@@ -38,13 +65,37 @@ type Props = {
|
|
|
38
65
|
};
|
|
39
66
|
|
|
40
67
|
export const ButtonElementComponent = ({ element, ctx }: Props): React.ReactElement => {
|
|
41
|
-
const { theme, onContinue } = ctx;
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
68
|
+
const { theme, onContinue, customActions, variables } = ctx;
|
|
69
|
+
const handlePress = async () => {
|
|
70
|
+
const { actions, action } = element.props;
|
|
71
|
+
const effective: ButtonAction[] =
|
|
72
|
+
actions ?? (action === "continue" ? ["continue"] : []);
|
|
73
|
+
|
|
74
|
+
for (const act of effective) {
|
|
75
|
+
if (act === "continue") {
|
|
76
|
+
onContinue();
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
const handler = customActions[act.function];
|
|
80
|
+
if (!handler) {
|
|
81
|
+
console.warn(
|
|
82
|
+
`[ComposableScreen] No customAction registered for "${act.function}"`
|
|
83
|
+
);
|
|
84
|
+
continue;
|
|
85
|
+
}
|
|
86
|
+
const requested = act.variables ?? [];
|
|
87
|
+
const vars: Record<string, ComposableVariableEntry | undefined> = {};
|
|
88
|
+
for (const name of requested) vars[name] = variables[name];
|
|
89
|
+
try {
|
|
90
|
+
await handler({ variables: vars });
|
|
91
|
+
} catch (err) {
|
|
92
|
+
console.error(
|
|
93
|
+
`[ComposableScreen] customAction "${act.function}" threw:`,
|
|
94
|
+
err
|
|
95
|
+
);
|
|
96
|
+
return;
|
|
97
|
+
}
|
|
46
98
|
}
|
|
47
|
-
// other action values are no-ops
|
|
48
99
|
};
|
|
49
100
|
const variant = element.props.variant ?? "filled";
|
|
50
101
|
const isFilled = variant === "filled";
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SafeAreaView } from "react-native-safe-area-context";
|
|
3
|
+
import { z } from "zod";
|
|
4
|
+
import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
|
|
5
|
+
import { GradientBox } from "./GradientBox";
|
|
6
|
+
import { UIElement } from "../types";
|
|
7
|
+
import { RenderContext, dim } from "./shared";
|
|
8
|
+
|
|
9
|
+
export type SafeAreaEdge = "top" | "right" | "bottom" | "left";
|
|
10
|
+
export type SafeAreaEdgeMode = "off" | "additive" | "maximum";
|
|
11
|
+
|
|
12
|
+
export type SafeAreaViewElementProps = BaseBoxProps & {
|
|
13
|
+
mode?: "padding" | "margin";
|
|
14
|
+
edges?: SafeAreaEdge[] | Partial<Record<SafeAreaEdge, SafeAreaEdgeMode>>;
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
const EdgeSchema = z.enum(["top", "right", "bottom", "left"]);
|
|
18
|
+
const EdgeModeSchema = z.enum(["off", "additive", "maximum"]);
|
|
19
|
+
|
|
20
|
+
export const SafeAreaViewElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
21
|
+
mode: z.enum(["padding", "margin"]).optional(),
|
|
22
|
+
edges: z
|
|
23
|
+
.union([
|
|
24
|
+
z.array(EdgeSchema),
|
|
25
|
+
z.object({
|
|
26
|
+
top: EdgeModeSchema.optional(),
|
|
27
|
+
right: EdgeModeSchema.optional(),
|
|
28
|
+
bottom: EdgeModeSchema.optional(),
|
|
29
|
+
left: EdgeModeSchema.optional(),
|
|
30
|
+
}),
|
|
31
|
+
])
|
|
32
|
+
.optional(),
|
|
33
|
+
});
|
|
34
|
+
|
|
35
|
+
type SafeAreaViewUIElement = Extract<UIElement, { type: "SafeAreaView" }>;
|
|
36
|
+
|
|
37
|
+
type Props = {
|
|
38
|
+
element: SafeAreaViewUIElement;
|
|
39
|
+
ctx: RenderContext;
|
|
40
|
+
};
|
|
41
|
+
|
|
42
|
+
export const SafeAreaViewElementComponent = ({ element, ctx }: Props): React.ReactElement => {
|
|
43
|
+
const p = element.props;
|
|
44
|
+
const hasGradient = !!p.backgroundGradient;
|
|
45
|
+
const frameStyle = {
|
|
46
|
+
flex: p.flex,
|
|
47
|
+
flexShrink: p.flexShrink,
|
|
48
|
+
flexGrow: p.flexGrow,
|
|
49
|
+
alignSelf: p.alignSelf,
|
|
50
|
+
width: dim(p.width),
|
|
51
|
+
height: dim(p.height),
|
|
52
|
+
minWidth: p.minWidth,
|
|
53
|
+
maxWidth: p.maxWidth,
|
|
54
|
+
minHeight: p.minHeight,
|
|
55
|
+
maxHeight: p.maxHeight,
|
|
56
|
+
margin: p.margin,
|
|
57
|
+
marginHorizontal: p.marginHorizontal,
|
|
58
|
+
marginVertical: p.marginVertical,
|
|
59
|
+
backgroundColor: hasGradient ? undefined : p.backgroundColor,
|
|
60
|
+
borderWidth: p.borderWidth,
|
|
61
|
+
borderRadius: p.borderRadius,
|
|
62
|
+
borderColor: p.borderColor,
|
|
63
|
+
overflow: hasGradient ? "hidden" as const : p.overflow,
|
|
64
|
+
opacity: p.opacity,
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
const safeAreaStyle = {
|
|
68
|
+
flex: hasGradient ? 1 : p.flex,
|
|
69
|
+
padding: p.padding,
|
|
70
|
+
paddingHorizontal: p.paddingHorizontal,
|
|
71
|
+
paddingVertical: p.paddingVertical,
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
if (hasGradient) {
|
|
75
|
+
return (
|
|
76
|
+
<GradientBox gradient={p.backgroundGradient} style={frameStyle}>
|
|
77
|
+
<SafeAreaView mode={p.mode} edges={p.edges as any} style={safeAreaStyle}>
|
|
78
|
+
{ctx.renderChildren(element.children, "YStack")}
|
|
79
|
+
</SafeAreaView>
|
|
80
|
+
</GradientBox>
|
|
81
|
+
);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
return (
|
|
85
|
+
<SafeAreaView
|
|
86
|
+
mode={p.mode}
|
|
87
|
+
edges={p.edges as any}
|
|
88
|
+
style={{ ...frameStyle, ...safeAreaStyle }}
|
|
89
|
+
>
|
|
90
|
+
{ctx.renderChildren(element.children, "YStack")}
|
|
91
|
+
</SafeAreaView>
|
|
92
|
+
);
|
|
93
|
+
};
|
|
@@ -15,6 +15,7 @@ import { ButtonElementComponent } from "./ButtonElement";
|
|
|
15
15
|
import { DatePickerElementComponent } from "./DatePickerElement";
|
|
16
16
|
import { CarouselElementComponent } from "./CarouselElement";
|
|
17
17
|
import { ZStackElementComponent } from "./ZStackElement";
|
|
18
|
+
import { SafeAreaViewElementComponent } from "./SafeAreaViewElement";
|
|
18
19
|
|
|
19
20
|
export const renderElement = (
|
|
20
21
|
element: UIElement,
|
|
@@ -77,5 +78,9 @@ export const renderElement = (
|
|
|
77
78
|
return <ZStackElementComponent key={element.id} element={element} ctx={ctx} />;
|
|
78
79
|
}
|
|
79
80
|
|
|
81
|
+
if (element.type === "SafeAreaView") {
|
|
82
|
+
return <SafeAreaViewElementComponent key={element.id} element={element} ctx={ctx} />;
|
|
83
|
+
}
|
|
84
|
+
|
|
80
85
|
return null;
|
|
81
86
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { CustomActions } from "@rocapine/react-native-onboarding";
|
|
2
3
|
import { UIElement } from "../types";
|
|
3
4
|
import { Theme } from "../../../Theme/types";
|
|
4
5
|
import { ComposableVariableEntry } from "../../../Provider/OnboardingProgressProvider";
|
|
@@ -8,6 +9,7 @@ export type RenderContext = {
|
|
|
8
9
|
variables: Record<string, ComposableVariableEntry>;
|
|
9
10
|
setVariable: (key: string, entry: ComposableVariableEntry) => void;
|
|
10
11
|
onContinue: () => void;
|
|
12
|
+
customActions: CustomActions;
|
|
11
13
|
renderChildren: (elements: UIElement[], parentType: "XStack" | "YStack" | "ZStack") => React.ReactNode;
|
|
12
14
|
};
|
|
13
15
|
|
|
@@ -14,6 +14,7 @@ import { type CheckboxGroupElementProps, CheckboxGroupElementPropsSchema } from
|
|
|
14
14
|
import { type DatePickerElementProps, DatePickerElementPropsSchema } from "./elements/DatePickerElement";
|
|
15
15
|
import { type CarouselElementProps, CarouselElementPropsSchema } from "./elements/CarouselElement";
|
|
16
16
|
import { type ZStackElementProps, ZStackElementPropsSchema } from "./elements/ZStackElement";
|
|
17
|
+
import { type SafeAreaViewElementProps, SafeAreaViewElementPropsSchema } from "./elements/SafeAreaViewElement";
|
|
17
18
|
|
|
18
19
|
export type { BaseBoxProps } from "./elements/BaseBoxProps";
|
|
19
20
|
export { BaseBoxPropsSchema } from "./elements/BaseBoxProps";
|
|
@@ -31,6 +32,7 @@ export type { CheckboxGroupElementProps } from "./elements/CheckboxGroupElement"
|
|
|
31
32
|
export type { DatePickerElementProps } from "./elements/DatePickerElement";
|
|
32
33
|
export type { CarouselElementProps } from "./elements/CarouselElement";
|
|
33
34
|
export type { ZStackElementProps } from "./elements/ZStackElement";
|
|
35
|
+
export type { SafeAreaViewElementProps, SafeAreaEdge, SafeAreaEdgeMode } from "./elements/SafeAreaViewElement";
|
|
34
36
|
|
|
35
37
|
// UIElement union — must live here (not in elements/) to avoid circular deps
|
|
36
38
|
// because the Stack variant's children: UIElement[] references itself.
|
|
@@ -121,6 +123,13 @@ export type UIElement =
|
|
|
121
123
|
type: "ZStack";
|
|
122
124
|
props: ZStackElementProps;
|
|
123
125
|
children: UIElement[];
|
|
126
|
+
}
|
|
127
|
+
| {
|
|
128
|
+
id: string;
|
|
129
|
+
name?: string;
|
|
130
|
+
type: "SafeAreaView";
|
|
131
|
+
props: SafeAreaViewElementProps;
|
|
132
|
+
children: UIElement[];
|
|
124
133
|
};
|
|
125
134
|
|
|
126
135
|
export const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
@@ -212,6 +221,13 @@ export const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
|
212
221
|
props: ZStackElementPropsSchema,
|
|
213
222
|
children: z.array(UIElementSchema),
|
|
214
223
|
}),
|
|
224
|
+
z.object({
|
|
225
|
+
id: z.string(),
|
|
226
|
+
name: z.string().optional(),
|
|
227
|
+
type: z.literal("SafeAreaView"),
|
|
228
|
+
props: SafeAreaViewElementPropsSchema,
|
|
229
|
+
children: z.array(UIElementSchema),
|
|
230
|
+
}),
|
|
215
231
|
])
|
|
216
232
|
);
|
|
217
233
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { OnboardingTemplate } from "../../Templates/OnboardingTemplate";
|
|
2
|
+
import { SafeAreaView } from "react-native-safe-area-context";
|
|
2
3
|
import { LoaderStepType, LoaderStepTypeSchema, LoaderStep } from "./types";
|
|
3
4
|
import {
|
|
4
5
|
View,
|
|
@@ -97,6 +98,7 @@ const BarsVariant = ({
|
|
|
97
98
|
const styles = createStyles(theme);
|
|
98
99
|
|
|
99
100
|
return (
|
|
101
|
+
<SafeAreaView style={{ flex: 1 }} edges={["top", "bottom"]}>
|
|
100
102
|
<OnboardingTemplate
|
|
101
103
|
step={step}
|
|
102
104
|
onContinue={onContinue}
|
|
@@ -113,6 +115,7 @@ const BarsVariant = ({
|
|
|
113
115
|
<ScrollView
|
|
114
116
|
contentContainerStyle={styles.scrollContent}
|
|
115
117
|
showsVerticalScrollIndicator={false}
|
|
118
|
+
alwaysBounceVertical={false}
|
|
116
119
|
>
|
|
117
120
|
<View style={styles.container}>
|
|
118
121
|
{/* Title */}
|
|
@@ -147,6 +150,7 @@ const BarsVariant = ({
|
|
|
147
150
|
/>
|
|
148
151
|
)}
|
|
149
152
|
</OnboardingTemplate>
|
|
153
|
+
</SafeAreaView>
|
|
150
154
|
);
|
|
151
155
|
};
|
|
152
156
|
|
|
@@ -171,10 +175,12 @@ const CircleVariant = ({
|
|
|
171
175
|
const styles = createStyles(theme);
|
|
172
176
|
|
|
173
177
|
return (
|
|
178
|
+
<SafeAreaView style={{ flex: 1 }} edges={["top", "bottom"]}>
|
|
174
179
|
<OnboardingTemplate step={step} onContinue={onContinue} theme={theme}>
|
|
175
180
|
<ScrollView
|
|
176
181
|
contentContainerStyle={styles.scrollContent}
|
|
177
182
|
showsVerticalScrollIndicator={false}
|
|
183
|
+
alwaysBounceVertical={false}
|
|
178
184
|
>
|
|
179
185
|
<View style={styles.container}>
|
|
180
186
|
{/* Circular Progress */}
|
|
@@ -201,6 +207,7 @@ const CircleVariant = ({
|
|
|
201
207
|
</View>
|
|
202
208
|
</ScrollView>
|
|
203
209
|
</OnboardingTemplate>
|
|
210
|
+
</SafeAreaView>
|
|
204
211
|
);
|
|
205
212
|
};
|
|
206
213
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { OnboardingTemplate } from "../../Templates/OnboardingTemplate";
|
|
2
|
+
import { SafeAreaView } from "react-native-safe-area-context";
|
|
2
3
|
import { MediaContentStepType, MediaContentStepTypeSchema } from "./types";
|
|
3
4
|
import { View, Text, StyleSheet, Image, ScrollView } from "react-native";
|
|
4
5
|
import { Theme } from "../../Theme/types";
|
|
@@ -115,6 +116,7 @@ const MediaContentRendererBase = ({ step, onContinue, theme = defaultTheme }: Co
|
|
|
115
116
|
};
|
|
116
117
|
|
|
117
118
|
return (
|
|
119
|
+
<SafeAreaView style={{ flex: 1 }} edges={["top", "bottom"]}>
|
|
118
120
|
<OnboardingTemplate
|
|
119
121
|
step={step}
|
|
120
122
|
onContinue={onContinue}
|
|
@@ -126,6 +128,7 @@ const MediaContentRendererBase = ({ step, onContinue, theme = defaultTheme }: Co
|
|
|
126
128
|
>
|
|
127
129
|
{renderContent()}
|
|
128
130
|
</OnboardingTemplate>
|
|
131
|
+
</SafeAreaView>
|
|
129
132
|
);
|
|
130
133
|
};
|
|
131
134
|
|