@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.
Files changed (68) hide show
  1. package/dist/UI/Pages/Carousel/Renderer.d.ts.map +1 -1
  2. package/dist/UI/Pages/Carousel/Renderer.js +13 -12
  3. package/dist/UI/Pages/Carousel/Renderer.js.map +1 -1
  4. package/dist/UI/Pages/Commitment/Renderer.d.ts.map +1 -1
  5. package/dist/UI/Pages/Commitment/Renderer.js +31 -30
  6. package/dist/UI/Pages/Commitment/Renderer.js.map +1 -1
  7. package/dist/UI/Pages/ComposableScreen/Renderer.d.ts.map +1 -1
  8. package/dist/UI/Pages/ComposableScreen/Renderer.js +2 -1
  9. package/dist/UI/Pages/ComposableScreen/Renderer.js.map +1 -1
  10. package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts +27 -0
  11. package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts.map +1 -1
  12. package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js +37 -7
  13. package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js.map +1 -1
  14. package/dist/UI/Pages/ComposableScreen/elements/SafeAreaViewElement.d.ts +114 -0
  15. package/dist/UI/Pages/ComposableScreen/elements/SafeAreaViewElement.d.ts.map +1 -0
  16. package/dist/UI/Pages/ComposableScreen/elements/SafeAreaViewElement.js +62 -0
  17. package/dist/UI/Pages/ComposableScreen/elements/SafeAreaViewElement.js.map +1 -0
  18. package/dist/UI/Pages/ComposableScreen/elements/renderElement.d.ts.map +1 -1
  19. package/dist/UI/Pages/ComposableScreen/elements/renderElement.js +4 -0
  20. package/dist/UI/Pages/ComposableScreen/elements/renderElement.js.map +1 -1
  21. package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts +2 -0
  22. package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts.map +1 -1
  23. package/dist/UI/Pages/ComposableScreen/elements/shared.js.map +1 -1
  24. package/dist/UI/Pages/ComposableScreen/types.d.ts +8 -0
  25. package/dist/UI/Pages/ComposableScreen/types.d.ts.map +1 -1
  26. package/dist/UI/Pages/ComposableScreen/types.js +8 -0
  27. package/dist/UI/Pages/ComposableScreen/types.js.map +1 -1
  28. package/dist/UI/Pages/Loader/Renderer.d.ts.map +1 -1
  29. package/dist/UI/Pages/Loader/Renderer.js +8 -7
  30. package/dist/UI/Pages/Loader/Renderer.js.map +1 -1
  31. package/dist/UI/Pages/MediaContent/Renderer.d.ts.map +1 -1
  32. package/dist/UI/Pages/MediaContent/Renderer.js +5 -4
  33. package/dist/UI/Pages/MediaContent/Renderer.js.map +1 -1
  34. package/dist/UI/Pages/Picker/Renderer.d.ts.map +1 -1
  35. package/dist/UI/Pages/Picker/Renderer.js +24 -23
  36. package/dist/UI/Pages/Picker/Renderer.js.map +1 -1
  37. package/dist/UI/Pages/Question/Renderer.d.ts.map +1 -1
  38. package/dist/UI/Pages/Question/Renderer.js +13 -12
  39. package/dist/UI/Pages/Question/Renderer.js.map +1 -1
  40. package/dist/UI/Pages/Ratings/Renderer.d.ts.map +1 -1
  41. package/dist/UI/Pages/Ratings/Renderer.js +15 -14
  42. package/dist/UI/Pages/Ratings/Renderer.js.map +1 -1
  43. package/dist/UI/Provider/OnboardingProgressProvider.d.ts +2 -4
  44. package/dist/UI/Provider/OnboardingProgressProvider.d.ts.map +1 -1
  45. package/dist/UI/Provider/OnboardingProgressProvider.js.map +1 -1
  46. package/dist/UI/Templates/OnboardingTemplate.d.ts.map +1 -1
  47. package/dist/UI/Templates/OnboardingTemplate.js +1 -4
  48. package/dist/UI/Templates/OnboardingTemplate.js.map +1 -1
  49. package/dist/index.d.ts +1 -1
  50. package/dist/index.d.ts.map +1 -1
  51. package/dist/index.js.map +1 -1
  52. package/package.json +2 -2
  53. package/src/UI/Pages/Carousel/Renderer.tsx +3 -0
  54. package/src/UI/Pages/Commitment/Renderer.tsx +3 -0
  55. package/src/UI/Pages/ComposableScreen/Renderer.tsx +2 -1
  56. package/src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx +57 -6
  57. package/src/UI/Pages/ComposableScreen/elements/SafeAreaViewElement.tsx +93 -0
  58. package/src/UI/Pages/ComposableScreen/elements/renderElement.tsx +5 -0
  59. package/src/UI/Pages/ComposableScreen/elements/shared.ts +2 -0
  60. package/src/UI/Pages/ComposableScreen/types.ts +16 -0
  61. package/src/UI/Pages/Loader/Renderer.tsx +7 -0
  62. package/src/UI/Pages/MediaContent/Renderer.tsx +3 -0
  63. package/src/UI/Pages/Picker/Renderer.tsx +11 -0
  64. package/src/UI/Pages/Question/Renderer.tsx +4 -0
  65. package/src/UI/Pages/Ratings/Renderer.tsx +4 -0
  66. package/src/UI/Provider/OnboardingProgressProvider.tsx +3 -2
  67. package/src/UI/Templates/OnboardingTemplate.tsx +1 -5
  68. 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
- text: !hasOpenedRequestReview
85
- ? rateTheAppButtonLabel
86
- : (((_b = (_a = validatedData.buttonSection) === null || _a === void 0 ? void 0 : _a.label) === null || _b === void 0 ? void 0 : _b.trim()) || validatedData.continueButtonLabel),
87
- icon: hasOpenedRequestReview ? (((_d = (_c = validatedData.buttonSection) === null || _c === void 0 ? void 0 : _c.icon) === null || _d === void 0 ? void 0 : _d.trim()) || null) : null,
88
- }, 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, 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: [
89
- styles.smallAvatar,
90
- {
91
- zIndex: 3 - index,
92
- marginLeft: index > 0 ? -10 : 0,
93
- borderColor: theme.colors.neutral.lowestest,
94
- backgroundColor: theme.colors.neutral.low,
95
- },
96
- ], 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 })] })] }) }) }));
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":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,0BAA0B,GAAI,mCAGxC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,WAAW,CAAC;CAClC,4CAwBA,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,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
+ {"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;AAClE,0DAAuD;AAGhD,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;AAIW,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
+ {"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;AAG9C,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,4CA+DzB,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 ? top + 40 : top,
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,mFAAmE;AACnE,8CAAgD;AAEhD,wDAAqD;AACrD,iEAAmD;AAEnD,SAAS,oBAAoB,CAAC,GAAW;IACvC,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACrB,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAC;IAClB,MAAM,IAAI,GAAa,CAAC,CAAC,CAAC,CAAC;IAC3B,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACrB,MAAM,MAAM,GAAG,CAAC;aACb,KAAK,CAAC,SAAS,CAAC;aAChB,MAAM,CAAC,OAAO,CAAC;aACf,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;aAChE,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC;IACD,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/B,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC;IACD,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,WAAW,CAAC,QAAgB,EAAE,KAAa;IAClD,IAAI,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAA;QAAE,OAAO,IAAI,CAAC;IACnC,MAAM,GAAG,GAAG,WAAkC,CAAC;IAC/C,KAAK,MAAM,GAAG,IAAI,oBAAoB,CAAC,QAAQ,CAAC,EAAE,CAAC;QACjD,MAAM,aAAa,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,aAAa,IAAI,IAAI,EAAE,CAAC;YAC1B,OAAO,uBAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAI,CAAC;QACnE,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAcM,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,MAAM,EACN,KAAK,GAAG,2BAAY,GACI,EAAE,EAAE;IAC5B,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,kDAAiB,GAAE,CAAC;IAE5C,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;gBAC5C,UAAU,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG;gBACvD,aAAa,EAAE,MAAM;aACtB;SACF,aAEA,QAAQ,EACR,MAAM,IAAI,CACT,uBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,YAC/B,uBAAC,+BAAgB,IACf,KAAK,EAAE;wBACL,MAAM,CAAC,SAAS;wBAChB,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;wBACzC,MAAM,CAAC,QAAQ,IAAI,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;qBAC7D,EACD,OAAO,EAAE,UAAU,EACnB,aAAa,EAAE,GAAG,EAClB,QAAQ,EAAE,MAAM,CAAC,QAAQ,YAExB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,aACjC,WAAW,CACV,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,QAAQ;gCACb,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;gCAC3B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAC/B,EACD,uBAAC,mBAAI,IACH,KAAK,EAAE;oCACL,IAAA,sBAAY,EAAC,KAAK,EAAE,QAAQ,CAAC;oCAC7B,MAAM,CAAC,aAAa;oCACpB,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE;oCACrC,MAAM,CAAC,QAAQ,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;iCACxD,YAEA,MAAM,CAAC,IAAI,GACP,IACF,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,IAAA,sBAAY,EAAC,KAAK,EAAE,QAAQ,CAAC;4BAC7B,MAAM,CAAC,aAAa;4BACpB,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE;4BACrC,MAAM,CAAC,QAAQ,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;yBACxD,YAEA,MAAM,CAAC,IAAI,GACP,CACR,GACgB,GACd,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AArEW,QAAA,kBAAkB,sBAqE7B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,aAAa,EAAE;QACb,iBAAiB,EAAE,EAAE;QACrB,GAAG,EAAE,EAAE;QACP,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,QAAQ,EAAE,GAAG;QACb,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE,EAAE;IACjB,gBAAgB,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;CACF,CAAC,CAAC"}
1
+ {"version":3,"file":"OnboardingTemplate.js","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwE;AAExE,8CAAgD;AAEhD,wDAAqD;AACrD,iEAAmD;AAEnD,SAAS,oBAAoB,CAAC,GAAW;IACvC,MAAM,CAAC,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IACrB,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAC;IAClB,MAAM,IAAI,GAAa,CAAC,CAAC,CAAC,CAAC;IAC3B,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACrB,MAAM,MAAM,GAAG,CAAC;aACb,KAAK,CAAC,SAAS,CAAC;aAChB,MAAM,CAAC,OAAO,CAAC;aACf,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;aAChE,IAAI,CAAC,EAAE,CAAC,CAAC;QACZ,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC;IACD,IAAI,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/B,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAC1C,CAAC;IACD,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC1C,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,WAAW,CAAC,QAAgB,EAAE,KAAa;IAClD,IAAI,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,EAAE,CAAA;QAAE,OAAO,IAAI,CAAC;IACnC,MAAM,GAAG,GAAG,WAAkC,CAAC;IAC/C,KAAK,MAAM,GAAG,IAAI,oBAAoB,CAAC,QAAQ,CAAC,EAAE,CAAC;QACjD,MAAM,aAAa,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,aAAa,IAAI,IAAI,EAAE,CAAC;YAC1B,OAAO,uBAAC,aAAa,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAI,CAAC;QACnE,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAcM,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,MAAM,EACN,KAAK,GAAG,2BAAY,GACI,EAAE,EAAE;IAC5B,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;gBAC5C,UAAU,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;aAChD;SACF,aAEA,QAAQ,EACR,MAAM,IAAI,CACT,uBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,YAC/B,uBAAC,+BAAgB,IACf,KAAK,EAAE;wBACL,MAAM,CAAC,SAAS;wBAChB,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;wBACzC,MAAM,CAAC,QAAQ,IAAI,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;qBAC7D,EACD,OAAO,EAAE,UAAU,EACnB,aAAa,EAAE,GAAG,EAClB,QAAQ,EAAE,MAAM,CAAC,QAAQ,YAExB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACb,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,aACjC,WAAW,CACV,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,QAAQ;gCACb,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;gCAC3B,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAC/B,EACD,uBAAC,mBAAI,IACH,KAAK,EAAE;oCACL,IAAA,sBAAY,EAAC,KAAK,EAAE,QAAQ,CAAC;oCAC7B,MAAM,CAAC,aAAa;oCACpB,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE;oCACrC,MAAM,CAAC,QAAQ,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;iCACxD,YAEA,MAAM,CAAC,IAAI,GACP,IACF,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,IAAA,sBAAY,EAAC,KAAK,EAAE,QAAQ,CAAC;4BAC7B,MAAM,CAAC,aAAa;4BACpB,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE;4BACrC,MAAM,CAAC,QAAQ,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;yBACxD,YAEA,MAAM,CAAC,IAAI,GACP,CACR,GACgB,GACd,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAlEW,QAAA,kBAAkB,sBAkE7B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,aAAa,EAAE;QACb,iBAAiB,EAAE,EAAE;QACrB,GAAG,EAAE,EAAE;QACP,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,QAAQ,EAAE,GAAG;QACb,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE,EAAE;IACjB,gBAAgB,EAAE;QAChB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;KACP;CACF,CAAC,CAAC"}
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";
@@ -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,GAC9B,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"}
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":";;;;;;;;;;;;;;;;;AAQA,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"}
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.14.0",
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.14.0",
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 action = element.props.action;
43
- const handlePress = () => {
44
- if (action === undefined || action === "continue") {
45
- onContinue();
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