@rocapine/react-native-onboarding-ui 1.1.5 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +193 -0
- package/dist/UI/ErrorBoundary/ErrorBoundary.d.ts +1 -1
- package/dist/UI/OnboardingPage.d.ts.map +1 -1
- package/dist/UI/OnboardingPage.js +2 -0
- package/dist/UI/OnboardingPage.js.map +1 -1
- package/dist/UI/Pages/Carousel/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Carousel/Renderer.js +5 -1
- package/dist/UI/Pages/Carousel/Renderer.js.map +1 -1
- package/dist/UI/Pages/Carousel/types.d.ts +4 -0
- package/dist/UI/Pages/Carousel/types.d.ts.map +1 -1
- package/dist/UI/Pages/Carousel/types.js +1 -0
- package/dist/UI/Pages/Carousel/types.js.map +1 -1
- package/dist/UI/Pages/Commitment/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Commitment/Renderer.js +3 -1
- package/dist/UI/Pages/Commitment/Renderer.js.map +1 -1
- package/dist/UI/Pages/Commitment/types.d.ts +4 -0
- package/dist/UI/Pages/Commitment/types.d.ts.map +1 -1
- package/dist/UI/Pages/Commitment/types.js +1 -0
- package/dist/UI/Pages/Commitment/types.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/Renderer.d.ts +13 -0
- package/dist/UI/Pages/ComposableScreen/Renderer.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/Renderer.js +96 -0
- package/dist/UI/Pages/ComposableScreen/Renderer.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/index.d.ts +3 -0
- package/dist/UI/Pages/ComposableScreen/index.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/index.js +19 -0
- package/dist/UI/Pages/ComposableScreen/index.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/types.d.ts +75 -0
- package/dist/UI/Pages/ComposableScreen/types.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/types.js +80 -0
- package/dist/UI/Pages/ComposableScreen/types.js.map +1 -0
- package/dist/UI/Pages/Loader/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Loader/Renderer.js +7 -1
- package/dist/UI/Pages/Loader/Renderer.js.map +1 -1
- package/dist/UI/Pages/Loader/types.d.ts +4 -0
- package/dist/UI/Pages/Loader/types.d.ts.map +1 -1
- package/dist/UI/Pages/Loader/types.js +1 -0
- package/dist/UI/Pages/Loader/types.js.map +1 -1
- package/dist/UI/Pages/MediaContent/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/MediaContent/Renderer.js +5 -1
- package/dist/UI/Pages/MediaContent/Renderer.js.map +1 -1
- package/dist/UI/Pages/MediaContent/types.d.ts +4 -0
- package/dist/UI/Pages/MediaContent/types.d.ts.map +1 -1
- package/dist/UI/Pages/MediaContent/types.js +1 -0
- package/dist/UI/Pages/MediaContent/types.js.map +1 -1
- package/dist/UI/Pages/Picker/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Picker/Renderer.js +11 -5
- package/dist/UI/Pages/Picker/Renderer.js.map +1 -1
- package/dist/UI/Pages/Picker/types.d.ts +4 -0
- package/dist/UI/Pages/Picker/types.d.ts.map +1 -1
- package/dist/UI/Pages/Picker/types.js +1 -0
- package/dist/UI/Pages/Picker/types.js.map +1 -1
- package/dist/UI/Pages/Question/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Question/Renderer.js +5 -1
- package/dist/UI/Pages/Question/Renderer.js.map +1 -1
- package/dist/UI/Pages/Question/types.d.ts +5 -0
- package/dist/UI/Pages/Question/types.d.ts.map +1 -1
- package/dist/UI/Pages/Question/types.js +2 -0
- package/dist/UI/Pages/Question/types.js.map +1 -1
- package/dist/UI/Pages/Ratings/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/Ratings/Renderer.js +3 -1
- package/dist/UI/Pages/Ratings/Renderer.js.map +1 -1
- package/dist/UI/Pages/Ratings/types.d.ts +4 -0
- package/dist/UI/Pages/Ratings/types.d.ts.map +1 -1
- package/dist/UI/Pages/Ratings/types.js +1 -0
- package/dist/UI/Pages/Ratings/types.js.map +1 -1
- package/dist/UI/Pages/index.d.ts +1 -0
- package/dist/UI/Pages/index.d.ts.map +1 -1
- package/dist/UI/Pages/index.js +1 -0
- package/dist/UI/Pages/index.js.map +1 -1
- package/dist/UI/Pages/types.d.ts +4 -0
- package/dist/UI/Pages/types.d.ts.map +1 -1
- package/dist/UI/Pages/types.js +5 -1
- package/dist/UI/Pages/types.js.map +1 -1
- package/dist/UI/Templates/OnboardingTemplate.d.ts +1 -0
- package/dist/UI/Templates/OnboardingTemplate.d.ts.map +1 -1
- package/dist/UI/Templates/OnboardingTemplate.js +86 -2
- package/dist/UI/Templates/OnboardingTemplate.js.map +1 -1
- package/dist/UI/types.d.ts +2 -2
- package/dist/UI/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/UI/OnboardingPage.tsx +3 -1
- package/src/UI/Pages/Carousel/Renderer.tsx +4 -1
- package/src/UI/Pages/Carousel/types.ts +2 -1
- package/src/UI/Pages/Commitment/Renderer.tsx +2 -1
- package/src/UI/Pages/Commitment/types.ts +2 -1
- package/src/UI/Pages/ComposableScreen/Renderer.tsx +146 -0
- package/src/UI/Pages/ComposableScreen/index.ts +2 -0
- package/src/UI/Pages/ComposableScreen/types.ts +145 -0
- package/src/UI/Pages/Loader/Renderer.tsx +6 -1
- package/src/UI/Pages/Loader/types.ts +2 -1
- package/src/UI/Pages/MediaContent/Renderer.tsx +4 -1
- package/src/UI/Pages/MediaContent/types.ts +2 -0
- package/src/UI/Pages/Picker/Renderer.tsx +6 -5
- package/src/UI/Pages/Picker/types.ts +2 -1
- package/src/UI/Pages/Question/Renderer.tsx +4 -1
- package/src/UI/Pages/Question/types.ts +3 -1
- package/src/UI/Pages/Ratings/Renderer.tsx +2 -1
- package/src/UI/Pages/Ratings/types.ts +2 -1
- package/src/UI/Pages/index.ts +1 -0
- package/src/UI/Pages/types.ts +5 -0
- package/src/UI/Templates/OnboardingTemplate.tsx +73 -10
- package/src/UI/types.ts +2 -0
- package/dist/provider/CustomComponentsContext.d.ts +0 -57
- package/dist/provider/CustomComponentsContext.d.ts.map +0 -1
- package/dist/provider/CustomComponentsContext.js +0 -19
- package/dist/provider/CustomComponentsContext.js.map +0 -1
- package/dist/provider/OnboardingUIProvider.d.ts +0 -44
- package/dist/provider/OnboardingUIProvider.d.ts.map +0 -1
- package/dist/provider/OnboardingUIProvider.js +0 -33
- package/dist/provider/OnboardingUIProvider.js.map +0 -1
- package/dist/provider/OnboardingUIProvider.old.d.ts +0 -60
- package/dist/provider/OnboardingUIProvider.old.d.ts.map +0 -1
- package/dist/provider/OnboardingUIProvider.old.js +0 -53
- package/dist/provider/OnboardingUIProvider.old.js.map +0 -1
package/README.md
ADDED
|
@@ -0,0 +1,193 @@
|
|
|
1
|
+
# @rocapine/react-native-onboarding-ui
|
|
2
|
+
|
|
3
|
+
**UI layer for the Rocapine Onboarding Studio SDK.**
|
|
4
|
+
|
|
5
|
+
Pre-built renderers, components, and a theme system on top of
|
|
6
|
+
`@rocapine/react-native-onboarding`.
|
|
7
|
+
|
|
8
|
+
---
|
|
9
|
+
|
|
10
|
+
## Installation
|
|
11
|
+
|
|
12
|
+
```bash
|
|
13
|
+
npm install @rocapine/react-native-onboarding-ui @rocapine/react-native-onboarding
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
---
|
|
17
|
+
|
|
18
|
+
## Usage
|
|
19
|
+
|
|
20
|
+
Render any CMS-driven step with a single component:
|
|
21
|
+
|
|
22
|
+
```typescript
|
|
23
|
+
import { OnboardingPage } from "@rocapine/react-native-onboarding-ui";
|
|
24
|
+
|
|
25
|
+
export default function OnboardingScreen() {
|
|
26
|
+
const { step } = useOnboardingQuestions({ stepNumber: 1 });
|
|
27
|
+
return <OnboardingPage step={step} onContinue={handleContinue} />;
|
|
28
|
+
}
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
---
|
|
32
|
+
|
|
33
|
+
## 🎨 Page Types
|
|
34
|
+
|
|
35
|
+
| Type | Description |
|
|
36
|
+
| ---------------------------------------- | ------------------------------------------------------ |
|
|
37
|
+
| `Question` | Single / multi-select answer screens |
|
|
38
|
+
| `MediaContent` | Image or video with title and description |
|
|
39
|
+
| `Carousel` | Horizontal paginated slides |
|
|
40
|
+
| `Picker` | Structured data pickers (weight, height, age, gender…) |
|
|
41
|
+
| `Loader` | Animated progress bars with optional carousel |
|
|
42
|
+
| `Ratings` | App store rating prompts with social proof |
|
|
43
|
+
| `Commitment` | Agreement / signature screens |
|
|
44
|
+
| `ComposableScreen` _(under development)_ | Declarative layout system — see below |
|
|
45
|
+
|
|
46
|
+
---
|
|
47
|
+
|
|
48
|
+
## 🧱 ComposableScreen _(under development)_
|
|
49
|
+
|
|
50
|
+
> **This page type is still under active development. The API may change before
|
|
51
|
+
> it is considered stable.**
|
|
52
|
+
|
|
53
|
+
`ComposableScreen` lets you build arbitrary onboarding screens entirely from CMS
|
|
54
|
+
data, without writing a custom renderer. You compose a tree of layout and text
|
|
55
|
+
elements that is rendered directly to native views.
|
|
56
|
+
|
|
57
|
+
### Element types
|
|
58
|
+
|
|
59
|
+
**`YStack`** — vertical flex container (`flexDirection: "column"`)
|
|
60
|
+
|
|
61
|
+
**`XStack`** — horizontal flex container (`flexDirection: "row"`)
|
|
62
|
+
|
|
63
|
+
**`Text`** — text node
|
|
64
|
+
|
|
65
|
+
### Supported props
|
|
66
|
+
|
|
67
|
+
#### Stack elements (`YStack` / `XStack`)
|
|
68
|
+
|
|
69
|
+
| Prop | Type | Notes |
|
|
70
|
+
| ------------------- | ----------------------------------------------------------------------------- | -------------------------------------- |
|
|
71
|
+
| `gap` | `number` | Space between children |
|
|
72
|
+
| `padding` | `number` | |
|
|
73
|
+
| `paddingHorizontal` | `number` | |
|
|
74
|
+
| `paddingVertical` | `number` | |
|
|
75
|
+
| `margin` | `number` | |
|
|
76
|
+
| `marginHorizontal` | `number` | |
|
|
77
|
+
| `marginVertical` | `number` | |
|
|
78
|
+
| `flex` | `number` | |
|
|
79
|
+
| `flexShrink` | `number` | Defaults to `1` inside an `XStack` |
|
|
80
|
+
| `flexWrap` | `"wrap" \| "nowrap"` | |
|
|
81
|
+
| `alignItems` | `"flex-start" \| "center" \| "flex-end" \| "stretch"` | |
|
|
82
|
+
| `justifyContent` | `"flex-start" \| "center" \| "flex-end" \| "space-between" \| "space-around"` | |
|
|
83
|
+
| `width` | `number` | |
|
|
84
|
+
| `height` | `number` | |
|
|
85
|
+
| `minWidth` | `number` | |
|
|
86
|
+
| `maxWidth` | `number` | |
|
|
87
|
+
| `minHeight` | `number` | |
|
|
88
|
+
| `maxHeight` | `number` | |
|
|
89
|
+
| `backgroundColor` | `string` | |
|
|
90
|
+
| `borderWidth` | `number` | |
|
|
91
|
+
| `borderRadius` | `number` | |
|
|
92
|
+
| `borderColor` | `string` | |
|
|
93
|
+
| `overflow` | `"hidden" \| "visible" \| "scroll"` | Use `"hidden"` to clip rounded corners |
|
|
94
|
+
| `opacity` | `number` | |
|
|
95
|
+
|
|
96
|
+
#### Text elements
|
|
97
|
+
|
|
98
|
+
| Prop | Type | Notes |
|
|
99
|
+
| ------------------- | ------------------------------- | --------------------------------------- |
|
|
100
|
+
| `content` | `string` | **Required** |
|
|
101
|
+
| `fontSize` | `number` | |
|
|
102
|
+
| `fontWeight` | `string` | |
|
|
103
|
+
| `color` | `string` | Defaults to `theme.colors.text.primary` |
|
|
104
|
+
| `textAlign` | `"left" \| "center" \| "right"` | |
|
|
105
|
+
| `letterSpacing` | `number` | |
|
|
106
|
+
| `lineHeight` | `number` | |
|
|
107
|
+
| `backgroundColor` | `string` | |
|
|
108
|
+
| `padding` | `number` | |
|
|
109
|
+
| `paddingHorizontal` | `number` | |
|
|
110
|
+
| `paddingVertical` | `number` | |
|
|
111
|
+
| `margin` | `number` | |
|
|
112
|
+
| `marginHorizontal` | `number` | |
|
|
113
|
+
| `marginVertical` | `number` | |
|
|
114
|
+
| `borderWidth` | `number` | |
|
|
115
|
+
| `borderRadius` | `number` | |
|
|
116
|
+
| `borderColor` | `string` | |
|
|
117
|
+
| `opacity` | `number` | |
|
|
118
|
+
|
|
119
|
+
### Example payload
|
|
120
|
+
|
|
121
|
+
```json
|
|
122
|
+
{
|
|
123
|
+
"type": "ComposableScreen",
|
|
124
|
+
"payload": {
|
|
125
|
+
"elements": [
|
|
126
|
+
{
|
|
127
|
+
"id": "card",
|
|
128
|
+
"type": "YStack",
|
|
129
|
+
"props": {
|
|
130
|
+
"padding": 24,
|
|
131
|
+
"gap": 12,
|
|
132
|
+
"borderWidth": 1,
|
|
133
|
+
"borderRadius": 16,
|
|
134
|
+
"borderColor": "#E0E0E0",
|
|
135
|
+
"overflow": "hidden"
|
|
136
|
+
},
|
|
137
|
+
"children": [
|
|
138
|
+
{
|
|
139
|
+
"id": "title",
|
|
140
|
+
"type": "Text",
|
|
141
|
+
"props": {
|
|
142
|
+
"content": "Welcome aboard",
|
|
143
|
+
"fontSize": 24,
|
|
144
|
+
"fontWeight": "700"
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"id": "subtitle",
|
|
149
|
+
"type": "Text",
|
|
150
|
+
"props": {
|
|
151
|
+
"content": "Let's get you set up.",
|
|
152
|
+
"fontSize": 16
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
]
|
|
156
|
+
}
|
|
157
|
+
]
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
```
|
|
161
|
+
|
|
162
|
+
---
|
|
163
|
+
|
|
164
|
+
## 🎭 Theming
|
|
165
|
+
|
|
166
|
+
Pass a `theme` prop (or `lightTheme` / `darkTheme`) to `OnboardingProvider`:
|
|
167
|
+
|
|
168
|
+
```typescript
|
|
169
|
+
<OnboardingProvider
|
|
170
|
+
theme={{
|
|
171
|
+
colors: { primary: "#FF5733" },
|
|
172
|
+
typography: { fontFamily: { title: "CustomFont-Bold" } },
|
|
173
|
+
}}
|
|
174
|
+
/>;
|
|
175
|
+
```
|
|
176
|
+
|
|
177
|
+
See `@rocapine/react-native-onboarding` for the full token reference.
|
|
178
|
+
|
|
179
|
+
---
|
|
180
|
+
|
|
181
|
+
## 📦 Optional Dependencies
|
|
182
|
+
|
|
183
|
+
| Feature | Package |
|
|
184
|
+
| ---------------------- | ----------------------------- |
|
|
185
|
+
| Picker screens | `@react-native-picker/picker` |
|
|
186
|
+
| Ratings screen | `expo-store-review` |
|
|
187
|
+
| Commitment (signature) | `@shopify/react-native-skia` |
|
|
188
|
+
|
|
189
|
+
---
|
|
190
|
+
|
|
191
|
+
## 📄 License
|
|
192
|
+
|
|
193
|
+
MIT © [Rocapine](https://rocapine.com)
|
|
@@ -13,7 +13,7 @@ export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBo
|
|
|
13
13
|
static getDerivedStateFromError(error: Error): ErrorBoundaryState;
|
|
14
14
|
componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
|
|
15
15
|
formatZodError(error: ZodError<any>): string;
|
|
16
|
-
render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> |
|
|
16
|
+
render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
|
|
17
17
|
}
|
|
18
18
|
export {};
|
|
19
19
|
//# sourceMappingURL=ErrorBoundary.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingPage.d.ts","sourceRoot":"","sources":["../../src/UI/OnboardingPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"OnboardingPage.d.ts","sourceRoot":"","sources":["../../src/UI/OnboardingPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAA2J,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAGvO,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,kBAAkB,CAAC;IACzB,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gBAAgB,CAAC,EAAE;QACjB,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QACtE,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;KACrE,CAAC;CACH;AAED,eAAO,MAAM,cAAc,GAAI,iCAAiC,mBAAmB,4CAoClF,CAAC"}
|
|
@@ -22,6 +22,8 @@ const OnboardingPage = ({ step, onContinue, isSandbox }) => {
|
|
|
22
22
|
return (0, jsx_runtime_1.jsx)(Pages_1.LoaderRenderer, { step: step, onContinue: onContinue, theme: theme });
|
|
23
23
|
case 'Question':
|
|
24
24
|
return (0, jsx_runtime_1.jsx)(Pages_1.QuestionRenderer, { step: step, onContinue: onContinue, theme: theme });
|
|
25
|
+
case 'ComposableScreen':
|
|
26
|
+
return (0, jsx_runtime_1.jsx)(Pages_1.ComposableScreenRenderer, { step: step, onContinue: onContinue, theme: theme });
|
|
25
27
|
default:
|
|
26
28
|
if (isSandbox) {
|
|
27
29
|
// @ts-ignore
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingPage.js","sourceRoot":"","sources":["../../src/UI/OnboardingPage.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"OnboardingPage.js","sourceRoot":"","sources":["../../src/UI/OnboardingPage.tsx"],"names":[],"mappings":";;;;AACA,mCAAuO;AACvO,+CAAkD;AAClD,+CAA4C;AAerC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAuB,EAAE,EAAE;IACrF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAE7B,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,uBAAC,uBAAe,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC/E,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC9E,KAAK,YAAY;YACf,OAAO,uBAAC,0BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAClF,KAAK,UAAU;YACb,OAAO,uBAAC,wBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAChF,KAAK,cAAc;YACjB,OAAO,uBAAC,4BAAoB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QACpF,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC9E,KAAK,UAAU;YACb,OAAO,uBAAC,wBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAChF,KAAK,kBAAkB;YACrB,OAAO,uBAAC,gCAAwB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QACxF;YACE,IAAI,SAAS,EAAE,CAAC;gBACd,aAAa;gBACb,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;gBAC3B,OAAO,wBAAC,mBAAI,eACV,wBAAC,mBAAI,0BAAS,QAAQ,wBAAwB,EAC9C,uBAAC,qBAAM,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,GAAI,IAC3C,CAAA;YACT,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,mCAAmC,CAAC,CAAC;gBAChD,OAAO,wBAAC,mBAAI,eACV,uBAAC,mBAAI,sCAA2B,EAChC,uBAAC,qBAAM,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,GAAI,IAC3C,CAAA;YACT,CAAC;IACL,CAAC;AACH,CAAC,CAAC;AApCW,QAAA,cAAc,kBAoCzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/Renderer.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAGjB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,gBAAgB,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;
|
|
1
|
+
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/Renderer.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAGjB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,gBAAgB,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AA2LF,eAAO,MAAM,gBAAgB;;;CAAsD,CAAC"}
|
|
@@ -9,6 +9,7 @@ const react_1 = require("react");
|
|
|
9
9
|
const defaultTheme_1 = require("../../Theme/defaultTheme");
|
|
10
10
|
const helpers_1 = require("../../Theme/helpers");
|
|
11
11
|
const CarouselRendererBase = ({ step, onContinue, theme = defaultTheme_1.defaultTheme }) => {
|
|
12
|
+
var _a, _b, _c, _d;
|
|
12
13
|
const validatedData = types_1.CarouselStepTypeSchema.parse(step);
|
|
13
14
|
const { screens } = validatedData.payload;
|
|
14
15
|
const { width } = (0, react_native_1.useWindowDimensions)();
|
|
@@ -36,7 +37,10 @@ const CarouselRendererBase = ({ step, onContinue, theme = defaultTheme_1.default
|
|
|
36
37
|
};
|
|
37
38
|
const isLastPage = currentPage === screens.length - 1;
|
|
38
39
|
return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: step, onContinue: handleButtonPress, theme: theme, button: {
|
|
39
|
-
text: isLastPage
|
|
40
|
+
text: isLastPage
|
|
41
|
+
? (((_b = (_a = validatedData.buttonSection) === null || _a === void 0 ? void 0 : _a.label) === null || _b === void 0 ? void 0 : _b.trim()) || validatedData.continueButtonLabel)
|
|
42
|
+
: "Next",
|
|
43
|
+
icon: isLastPage ? (((_d = (_c = validatedData.buttonSection) === null || _c === void 0 ? void 0 : _c.icon) === null || _d === void 0 ? void 0 : _d.trim()) || null) : null,
|
|
40
44
|
}, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { ref: scrollViewRef, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, scrollEventThrottle: 16, onMomentumScrollEnd: handleScroll, style: styles.scrollView, children: screens.map((screen, index) => ((0, jsx_runtime_1.jsx)(CarouselScreen, { width: width, screen: screen, theme: theme }, index))) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.indicatorContainer, children: screens.map((_, index) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
41
45
|
styles.indicator,
|
|
42
46
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/Renderer.tsx"],"names":[],"mappings":";;;;AAAA,2EAAwE;AACxE,mCAIiB;AACjB,+CASsB;AACtB,iCAAyC;AAEzC,2DAAwD;AACxD,iDAAmD;AAQnD,MAAM,oBAAoB,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,GAAG,2BAAY,EAAgB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/Renderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,6 +25,10 @@ export declare const CarouselStepTypeSchema: z.ZodObject<{
|
|
|
25
25
|
}, z.core.$strip>;
|
|
26
26
|
customPayload: z.ZodOptional<z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>>;
|
|
27
27
|
continueButtonLabel: z.ZodDefault<z.ZodOptional<z.ZodString>>;
|
|
28
|
+
buttonSection: z.ZodOptional<z.ZodObject<{
|
|
29
|
+
label: z.ZodOptional<z.ZodString>;
|
|
30
|
+
icon: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
31
|
+
}, z.core.$strip>>;
|
|
28
32
|
figmaUrl: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
29
33
|
}, z.core.$strip>;
|
|
30
34
|
export type CarouselStepType = z.infer<typeof CarouselStepTypeSchema>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,oBAAoB;;;;iBAI/B,CAAC;AAEH,eAAO,MAAM,yBAAyB;;;;;;iBAEpC,CAAC;AAEH,eAAO,MAAM,sBAAsB
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,oBAAoB;;;;iBAI/B,CAAC;AAEH,eAAO,MAAM,yBAAyB;;;;;;iBAEpC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;iBAUjC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
|
|
@@ -19,6 +19,7 @@ exports.CarouselStepTypeSchema = zod_1.z.object({
|
|
|
19
19
|
payload: exports.CarouselStepPayloadSchema,
|
|
20
20
|
customPayload: types_1.CustomPayloadSchema,
|
|
21
21
|
continueButtonLabel: zod_1.z.string().optional().default("Continue"),
|
|
22
|
+
buttonSection: types_1.ButtonSectionSchema.optional(),
|
|
22
23
|
figmaUrl: zod_1.z.string().nullish(),
|
|
23
24
|
});
|
|
24
25
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,oCAAoE;AAEvD,QAAA,oBAAoB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC3C,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE;IACpB,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;IACjB,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;CAC/B,CAAC,CAAC;AAEU,QAAA,yBAAyB,GAAG,OAAC,CAAC,MAAM,CAAC;IAChD,OAAO,EAAE,OAAC,CAAC,KAAK,CAAC,4BAAoB,CAAC;CACvC,CAAC,CAAC;AAEU,QAAA,sBAAsB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC7C,EAAE,EAAE,OAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,UAAU,CAAC;IAC3B,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;IAChB,qBAAqB,EAAE,OAAC,CAAC,OAAO,EAAE;IAClC,OAAO,EAAE,iCAAyB;IAClC,aAAa,EAAE,2BAAmB;IAClC,mBAAmB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;IAC9D,aAAa,EAAE,2BAAmB,CAAC,QAAQ,EAAE;IAC7C,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;CAC/B,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/Renderer.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAA4B,MAAM,SAAS,CAAC;AAQvE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,kBAAkB,CAAC;IACzB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;
|
|
1
|
+
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/Renderer.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAA4B,MAAM,SAAS,CAAC;AAQvE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,kBAAkB,CAAC;IACzB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAoRF,eAAO,MAAM,kBAAkB;;;CAG9B,CAAC"}
|
|
@@ -20,6 +20,7 @@ catch (e) {
|
|
|
20
20
|
SkiaModule = null;
|
|
21
21
|
}
|
|
22
22
|
const CommitmentRendererBase = ({ step, onContinue, theme = defaultTheme_1.defaultTheme }) => {
|
|
23
|
+
var _a, _b, _c, _d;
|
|
23
24
|
const validatedData = types_1.CommitmentStepTypeSchema.parse(step);
|
|
24
25
|
const { payload } = validatedData;
|
|
25
26
|
// Check if Skia is needed and available
|
|
@@ -57,7 +58,8 @@ const CommitmentRendererBase = ({ step, onContinue, theme = defaultTheme_1.defau
|
|
|
57
58
|
};
|
|
58
59
|
const isButtonDisabled = payload.variant === "signature" && !hasSignature;
|
|
59
60
|
return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: validatedData, onContinue: onContinue, theme: theme, button: {
|
|
60
|
-
text: validatedData.continueButtonLabel,
|
|
61
|
+
text: ((_b = (_a = validatedData.buttonSection) === null || _a === void 0 ? void 0 : _a.label) === null || _b === void 0 ? void 0 : _b.trim()) || validatedData.continueButtonLabel,
|
|
62
|
+
icon: ((_d = (_c = validatedData.buttonSection) === null || _c === void 0 ? void 0 : _c.icon) === null || _d === void 0 ? void 0 : _d.trim()) || null,
|
|
61
63
|
disabled: isButtonDisabled,
|
|
62
64
|
}, children: (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { style: styles.scrollView, contentContainerStyle: styles.contentContainer, showsVerticalScrollIndicator: false, alwaysBounceVertical: false, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, 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: payload.title }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.contentSection, children: [payload.subtitle && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
|
|
63
65
|
(0, helpers_1.getTextStyle)(theme, "heading3"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/Renderer.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAC7D,+CAMsB;AACtB,mCAAuE;AACvE,2EAAwE;AACxE,+EAIsC;AACtC,qEAAkD;AAElD,2DAAwD;AACxD,iDAAmD;AAEnD,qDAAqD;AACrD,IAAI,UAAe,CAAC;AACpB,IAAI,CAAC;IACH,UAAU,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AACrD,CAAC;AAAC,OAAO,CAAC,EAAE,CAAC;IACX,oEAAoE;IACpE,UAAU,GAAG,IAAI,CAAC;AACpB,CAAC;AAQD,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,GAAG,2BAAY,EAAgB,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/Renderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,6 +35,10 @@ export declare const CommitmentStepTypeSchema: z.ZodObject<{
|
|
|
35
35
|
}, z.core.$strip>;
|
|
36
36
|
customPayload: z.ZodOptional<z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>>;
|
|
37
37
|
continueButtonLabel: z.ZodDefault<z.ZodOptional<z.ZodString>>;
|
|
38
|
+
buttonSection: z.ZodOptional<z.ZodObject<{
|
|
39
|
+
label: z.ZodOptional<z.ZodString>;
|
|
40
|
+
icon: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
41
|
+
}, z.core.$strip>>;
|
|
38
42
|
figmaUrl: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
39
43
|
}, z.core.$strip>;
|
|
40
44
|
export type CommitmentStepType = z.infer<typeof CommitmentStepTypeSchema>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,oBAAoB;;iBAE/B,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;;;;;;;;;;iBAOtC,CAAC;AAEH,eAAO,MAAM,wBAAwB
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,oBAAoB;;iBAE/B,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;;;;;;;;;;iBAOtC,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;iBAUnC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAC"}
|
|
@@ -22,6 +22,7 @@ exports.CommitmentStepTypeSchema = zod_1.z.object({
|
|
|
22
22
|
payload: exports.CommitmentStepPayloadSchema,
|
|
23
23
|
customPayload: types_1.CustomPayloadSchema,
|
|
24
24
|
continueButtonLabel: zod_1.z.string().optional().default("Continue"),
|
|
25
|
+
buttonSection: types_1.ButtonSectionSchema.optional(),
|
|
25
26
|
figmaUrl: zod_1.z.string().nullish(),
|
|
26
27
|
});
|
|
27
28
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,oCAAoE;AAEvD,QAAA,oBAAoB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC3C,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;CACjB,CAAC,CAAC;AAEU,QAAA,2BAA2B,GAAG,OAAC,CAAC,MAAM,CAAC;IAClD,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;IACjB,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;IAC9B,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;IACjC,WAAW,EAAE,OAAC,CAAC,KAAK,CAAC,4BAAoB,CAAC,CAAC,OAAO,EAAE;IACpD,gBAAgB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,CAAC,gCAAgC,CAAC;IACtE,OAAO,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC;CAC9D,CAAC,CAAC;AAEU,QAAA,wBAAwB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC/C,EAAE,EAAE,OAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,YAAY,CAAC;IAC7B,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;IAChB,qBAAqB,EAAE,OAAC,CAAC,OAAO,EAAE;IAClC,OAAO,EAAE,mCAA2B;IACpC,aAAa,EAAE,2BAAmB;IAClC,mBAAmB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;IAC9D,aAAa,EAAE,2BAAmB,CAAC,QAAQ,EAAE;IAC7C,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;CAC/B,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ComposableScreenStepType } from "./types";
|
|
2
|
+
import { Theme } from "../../Theme/types";
|
|
3
|
+
type ContentProps = {
|
|
4
|
+
step: ComposableScreenStepType;
|
|
5
|
+
onContinue: () => void;
|
|
6
|
+
theme?: Theme;
|
|
7
|
+
};
|
|
8
|
+
export declare const ComposableScreenRenderer: {
|
|
9
|
+
(props: ContentProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=Renderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,wBAAwB,EAA6C,MAAM,SAAS,CAAC;AAC9F,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,wBAAwB,CAAC;IAC/B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAkIF,eAAO,MAAM,wBAAwB;;;CAAsE,CAAC"}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ComposableScreenRenderer = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_native_1 = require("react-native");
|
|
6
|
+
const react_native_safe_area_context_1 = require("react-native-safe-area-context");
|
|
7
|
+
const types_1 = require("./types");
|
|
8
|
+
const defaultTheme_1 = require("../../Theme/defaultTheme");
|
|
9
|
+
const helpers_1 = require("../../Theme/helpers");
|
|
10
|
+
const ErrorBoundary_1 = require("../../ErrorBoundary");
|
|
11
|
+
const OnboardingTemplate_1 = require("../../Templates/OnboardingTemplate");
|
|
12
|
+
const renderElement = (element, theme, parentType) => {
|
|
13
|
+
var _a, _b;
|
|
14
|
+
if (element.type === "YStack" || element.type === "XStack") {
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
|
|
16
|
+
flexDirection: element.type === "XStack" ? "row" : "column",
|
|
17
|
+
gap: element.props.gap,
|
|
18
|
+
padding: element.props.padding,
|
|
19
|
+
paddingHorizontal: element.props.paddingHorizontal,
|
|
20
|
+
paddingVertical: element.props.paddingVertical,
|
|
21
|
+
margin: element.props.margin,
|
|
22
|
+
marginHorizontal: element.props.marginHorizontal,
|
|
23
|
+
marginVertical: element.props.marginVertical,
|
|
24
|
+
flex: element.props.flex,
|
|
25
|
+
width: element.props.width,
|
|
26
|
+
height: element.props.height,
|
|
27
|
+
minWidth: element.props.minWidth,
|
|
28
|
+
maxWidth: element.props.maxWidth,
|
|
29
|
+
minHeight: element.props.minHeight,
|
|
30
|
+
maxHeight: element.props.maxHeight,
|
|
31
|
+
flexShrink: (_a = element.props.flexShrink) !== null && _a !== void 0 ? _a : (parentType === "XStack" ? 1 : undefined),
|
|
32
|
+
flexWrap: element.props.flexWrap,
|
|
33
|
+
alignItems: element.props.alignItems,
|
|
34
|
+
justifyContent: element.props.justifyContent,
|
|
35
|
+
backgroundColor: element.props.backgroundColor,
|
|
36
|
+
borderWidth: element.props.borderWidth,
|
|
37
|
+
borderRadius: element.props.borderRadius,
|
|
38
|
+
borderColor: element.props.borderColor,
|
|
39
|
+
overflow: element.props.overflow,
|
|
40
|
+
opacity: element.props.opacity,
|
|
41
|
+
}, children: element.children.map((child) => renderElement(child, theme, element.type)) }, element.id));
|
|
42
|
+
}
|
|
43
|
+
if (element.type === "Text") {
|
|
44
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: {
|
|
45
|
+
fontSize: element.props.fontSize,
|
|
46
|
+
fontWeight: element.props.fontWeight,
|
|
47
|
+
color: (_b = element.props.color) !== null && _b !== void 0 ? _b : theme.colors.text.primary,
|
|
48
|
+
textAlign: element.props.textAlign,
|
|
49
|
+
letterSpacing: element.props.letterSpacing,
|
|
50
|
+
lineHeight: element.props.lineHeight,
|
|
51
|
+
backgroundColor: element.props.backgroundColor,
|
|
52
|
+
padding: element.props.padding,
|
|
53
|
+
paddingHorizontal: element.props.paddingHorizontal,
|
|
54
|
+
paddingVertical: element.props.paddingVertical,
|
|
55
|
+
margin: element.props.margin,
|
|
56
|
+
marginHorizontal: element.props.marginHorizontal,
|
|
57
|
+
marginVertical: element.props.marginVertical,
|
|
58
|
+
borderWidth: element.props.borderWidth,
|
|
59
|
+
borderRadius: element.props.borderRadius,
|
|
60
|
+
borderColor: element.props.borderColor,
|
|
61
|
+
opacity: element.props.opacity,
|
|
62
|
+
flexShrink: parentType === "XStack" ? 1 : undefined,
|
|
63
|
+
}, children: element.props.content }, element.id));
|
|
64
|
+
}
|
|
65
|
+
return null;
|
|
66
|
+
};
|
|
67
|
+
const ComposableScreenRendererBase = ({ step, onContinue, theme = defaultTheme_1.defaultTheme }) => {
|
|
68
|
+
const { top, bottom } = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
|
|
69
|
+
const validatedData = types_1.ComposableScreenStepTypeSchema.parse(step);
|
|
70
|
+
const { elements } = validatedData.payload;
|
|
71
|
+
return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: step, onContinue: onContinue, theme: theme, children: (0, jsx_runtime_1.jsxs)(react_native_1.ScrollView, { contentContainerStyle: styles.scrollContent, showsVerticalScrollIndicator: false, alwaysBounceVertical: false, children: [elements.map((element) => renderElement(element, theme)), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.bottomSection, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [styles.ctaButton, { backgroundColor: theme.colors.primary }], onPress: onContinue, activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
|
|
72
|
+
(0, helpers_1.getTextStyle)(theme, "button"),
|
|
73
|
+
{ color: theme.colors.text.opposite },
|
|
74
|
+
], children: validatedData.continueButtonLabel }) }) })] }) }));
|
|
75
|
+
};
|
|
76
|
+
const styles = react_native_1.StyleSheet.create({
|
|
77
|
+
container: {
|
|
78
|
+
flex: 1,
|
|
79
|
+
},
|
|
80
|
+
scrollContent: {
|
|
81
|
+
flexGrow: 1,
|
|
82
|
+
},
|
|
83
|
+
bottomSection: {
|
|
84
|
+
paddingHorizontal: 32,
|
|
85
|
+
alignItems: "center",
|
|
86
|
+
},
|
|
87
|
+
ctaButton: {
|
|
88
|
+
borderRadius: 90,
|
|
89
|
+
paddingVertical: 18,
|
|
90
|
+
paddingHorizontal: 24,
|
|
91
|
+
minWidth: 234,
|
|
92
|
+
alignItems: "center",
|
|
93
|
+
},
|
|
94
|
+
});
|
|
95
|
+
exports.ComposableScreenRenderer = (0, ErrorBoundary_1.withErrorBoundary)(ComposableScreenRendererBase, "ComposableScreen");
|
|
96
|
+
//# sourceMappingURL=Renderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Renderer"), exports);
|
|
18
|
+
__exportStar(require("./types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,0CAAwB"}
|