@rocapine/react-native-onboarding-ui 1.7.0 → 1.8.1
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/OnboardingPage.js +1 -1
- package/dist/UI/OnboardingPage.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/Renderer.d.ts +0 -2
- package/dist/UI/Pages/ComposableScreen/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/Renderer.js +13 -274
- package/dist/UI/Pages/ComposableScreen/Renderer.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.d.ts +39 -0
- package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.js +20 -0
- package/dist/UI/Pages/ComposableScreen/elements/BaseBoxProps.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts +67 -0
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js +65 -0
- package/dist/UI/Pages/ComposableScreen/elements/ButtonElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.d.ts +49 -0
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.js +37 -0
- package/dist/UI/Pages/ComposableScreen/elements/IconElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.d.ts +50 -0
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.js +34 -0
- package/dist/UI/Pages/ComposableScreen/elements/ImageElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/InputElement.d.ts +110 -0
- package/dist/UI/Pages/ComposableScreen/elements/InputElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/InputElement.js +66 -0
- package/dist/UI/Pages/ComposableScreen/elements/InputElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/LottieElement.d.ts +47 -0
- package/dist/UI/Pages/ComposableScreen/elements/LottieElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/LottieElement.js +60 -0
- package/dist/UI/Pages/ComposableScreen/elements/LottieElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/RadioGroupElement.d.ts +86 -0
- package/dist/UI/Pages/ComposableScreen/elements/RadioGroupElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/RadioGroupElement.js +120 -0
- package/dist/UI/Pages/ComposableScreen/elements/RadioGroupElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/RiveElement.d.ts +70 -0
- package/dist/UI/Pages/ComposableScreen/elements/RiveElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/RiveElement.js +68 -0
- package/dist/UI/Pages/ComposableScreen/elements/RiveElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.d.ts +94 -0
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.js +66 -0
- package/dist/UI/Pages/ComposableScreen/elements/StackElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.d.ts +66 -0
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.js +59 -0
- package/dist/UI/Pages/ComposableScreen/elements/TextElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/VideoElement.d.ts +49 -0
- package/dist/UI/Pages/ComposableScreen/elements/VideoElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/VideoElement.js +84 -0
- package/dist/UI/Pages/ComposableScreen/elements/VideoElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.d.ts +5 -0
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js +49 -0
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts +13 -0
- package/dist/UI/Pages/ComposableScreen/elements/shared.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/shared.js +6 -0
- package/dist/UI/Pages/ComposableScreen/elements/shared.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/types.d.ts +40 -114
- package/dist/UI/Pages/ComposableScreen/types.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/types.js +33 -122
- package/dist/UI/Pages/ComposableScreen/types.js.map +1 -1
- package/dist/UI/Provider/OnboardingProgressProvider.d.ts +6 -2
- package/dist/UI/Provider/OnboardingProgressProvider.d.ts.map +1 -1
- package/dist/UI/Provider/OnboardingProgressProvider.js +4 -3
- package/dist/UI/Provider/OnboardingProgressProvider.js.map +1 -1
- package/package.json +2 -2
- package/src/UI/OnboardingPage.tsx +1 -1
- package/src/UI/Pages/ComposableScreen/Renderer.tsx +22 -431
- package/src/UI/Pages/ComposableScreen/elements/BaseBoxProps.ts +33 -0
- package/src/UI/Pages/ComposableScreen/elements/ButtonElement.tsx +96 -0
- package/src/UI/Pages/ComposableScreen/elements/IconElement.tsx +67 -0
- package/src/UI/Pages/ComposableScreen/elements/ImageElement.tsx +52 -0
- package/src/UI/Pages/ComposableScreen/elements/InputElement.tsx +109 -0
- package/src/UI/Pages/ComposableScreen/elements/LottieElement.tsx +97 -0
- package/src/UI/Pages/ComposableScreen/elements/RadioGroupElement.tsx +182 -0
- package/src/UI/Pages/ComposableScreen/elements/RiveElement.tsx +105 -0
- package/src/UI/Pages/ComposableScreen/elements/StackElement.tsx +106 -0
- package/src/UI/Pages/ComposableScreen/elements/TextElement.tsx +95 -0
- package/src/UI/Pages/ComposableScreen/elements/VideoElement.tsx +113 -0
- package/src/UI/Pages/ComposableScreen/elements/renderElement.tsx +61 -0
- package/src/UI/Pages/ComposableScreen/elements/shared.ts +15 -0
- package/src/UI/Pages/ComposableScreen/types.ts +56 -235
- package/src/UI/Provider/OnboardingProgressProvider.tsx +8 -5
|
@@ -1,170 +1,81 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ComposableScreenStepTypeSchema = exports.ComposableScreenStepPayloadSchema = exports.UIElementSchema = void 0;
|
|
3
|
+
exports.ComposableScreenStepTypeSchema = exports.ComposableScreenStepPayloadSchema = exports.UIElementSchema = exports.BaseBoxPropsSchema = void 0;
|
|
4
4
|
const zod_1 = require("zod");
|
|
5
5
|
const types_1 = require("../types");
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
borderColor: zod_1.z.string().optional(),
|
|
19
|
-
});
|
|
20
|
-
const StackElementPropsSchema = zod_1.z.object({
|
|
21
|
-
gap: zod_1.z.number().optional(),
|
|
22
|
-
padding: zod_1.z.number().optional(),
|
|
23
|
-
paddingHorizontal: zod_1.z.number().optional(),
|
|
24
|
-
paddingVertical: zod_1.z.number().optional(),
|
|
25
|
-
margin: zod_1.z.number().optional(),
|
|
26
|
-
marginHorizontal: zod_1.z.number().optional(),
|
|
27
|
-
marginVertical: zod_1.z.number().optional(),
|
|
28
|
-
flex: zod_1.z.number().optional(),
|
|
29
|
-
width: zod_1.z.number().optional(),
|
|
30
|
-
height: zod_1.z.number().optional(),
|
|
31
|
-
minWidth: zod_1.z.number().optional(),
|
|
32
|
-
maxWidth: zod_1.z.number().optional(),
|
|
33
|
-
minHeight: zod_1.z.number().optional(),
|
|
34
|
-
maxHeight: zod_1.z.number().optional(),
|
|
35
|
-
alignItems: zod_1.z.enum(["flex-start", "center", "flex-end", "stretch"]).optional(),
|
|
36
|
-
justifyContent: zod_1.z.enum(["flex-start", "center", "flex-end", "space-between", "space-around"]).optional(),
|
|
37
|
-
backgroundColor: zod_1.z.string().optional(),
|
|
38
|
-
flexWrap: zod_1.z.enum(["wrap", "nowrap"]).optional(),
|
|
39
|
-
flexShrink: zod_1.z.number().optional(),
|
|
40
|
-
borderWidth: zod_1.z.number().optional(),
|
|
41
|
-
borderRadius: zod_1.z.number().optional(),
|
|
42
|
-
borderColor: zod_1.z.string().optional(),
|
|
43
|
-
overflow: zod_1.z.enum(["hidden", "visible", "scroll"]).optional(),
|
|
44
|
-
opacity: zod_1.z.number().min(0).max(1).optional(),
|
|
45
|
-
});
|
|
46
|
-
const TextElementPropsSchema = zod_1.z.object({
|
|
47
|
-
content: zod_1.z.string(),
|
|
48
|
-
mode: zod_1.z.enum(["plain", "expression"]).optional(),
|
|
49
|
-
fontSize: zod_1.z.number().optional(),
|
|
50
|
-
fontWeight: zod_1.z.string().optional(),
|
|
51
|
-
fontFamily: zod_1.z.string().optional(),
|
|
52
|
-
color: zod_1.z.string().optional(),
|
|
53
|
-
textAlign: zod_1.z.enum(["left", "center", "right"]).optional(),
|
|
54
|
-
letterSpacing: zod_1.z.number().optional(),
|
|
55
|
-
lineHeight: zod_1.z.number().optional(),
|
|
56
|
-
backgroundColor: zod_1.z.string().optional(),
|
|
57
|
-
padding: zod_1.z.number().optional(),
|
|
58
|
-
paddingHorizontal: zod_1.z.number().optional(),
|
|
59
|
-
paddingVertical: zod_1.z.number().optional(),
|
|
60
|
-
margin: zod_1.z.number().optional(),
|
|
61
|
-
marginHorizontal: zod_1.z.number().optional(),
|
|
62
|
-
marginVertical: zod_1.z.number().optional(),
|
|
63
|
-
borderWidth: zod_1.z.number().optional(),
|
|
64
|
-
borderRadius: zod_1.z.number().optional(),
|
|
65
|
-
borderColor: zod_1.z.string().optional(),
|
|
66
|
-
opacity: zod_1.z.number().min(0).max(1).optional(),
|
|
67
|
-
});
|
|
68
|
-
const ImageElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
69
|
-
url: zod_1.z.string(),
|
|
70
|
-
aspectRatio: zod_1.z.number().optional(),
|
|
71
|
-
resizeMode: zod_1.z.enum(["cover", "contain", "stretch", "center"]).optional(),
|
|
72
|
-
});
|
|
73
|
-
const LottieElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
74
|
-
source: zod_1.z.string(),
|
|
75
|
-
autoPlay: zod_1.z.boolean().optional(),
|
|
76
|
-
loop: zod_1.z.boolean().optional(),
|
|
77
|
-
speed: zod_1.z.number().optional(),
|
|
78
|
-
});
|
|
79
|
-
const RiveElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
80
|
-
url: zod_1.z.string(),
|
|
81
|
-
autoplay: zod_1.z.boolean().optional(),
|
|
82
|
-
fit: zod_1.z.enum(["Contain", "Cover", "Fill", "FitWidth", "FitHeight", "None", "ScaleDown", "Layout"]).optional(),
|
|
83
|
-
alignment: zod_1.z.enum(["TopLeft", "TopCenter", "TopRight", "CenterLeft", "Center", "CenterRight", "BottomLeft", "BottomCenter", "BottomRight"]).optional(),
|
|
84
|
-
artboardName: zod_1.z.string().optional(),
|
|
85
|
-
stateMachineName: zod_1.z.string().optional(),
|
|
86
|
-
});
|
|
87
|
-
const IconElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
88
|
-
name: zod_1.z.string(),
|
|
89
|
-
size: zod_1.z.number().optional(),
|
|
90
|
-
color: zod_1.z.string().optional(),
|
|
91
|
-
strokeWidth: zod_1.z.number().optional(),
|
|
92
|
-
});
|
|
93
|
-
const VideoElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
94
|
-
url: zod_1.z.string(),
|
|
95
|
-
autoPlay: zod_1.z.boolean().optional(),
|
|
96
|
-
loop: zod_1.z.boolean().optional(),
|
|
97
|
-
muted: zod_1.z.boolean().optional(),
|
|
98
|
-
controls: zod_1.z.boolean().optional(),
|
|
99
|
-
});
|
|
100
|
-
const InputElementPropsSchema = BaseBoxPropsSchema.extend({
|
|
101
|
-
variableName: zod_1.z.string().optional(),
|
|
102
|
-
placeholder: zod_1.z.string().optional(),
|
|
103
|
-
defaultValue: zod_1.z.string().optional(),
|
|
104
|
-
keyboardType: zod_1.z.enum(["default", "email-address", "numeric", "phone-pad", "decimal-pad", "url", "number-pad", "ascii-capable", "numbers-and-punctuation", "name-phone-pad", "twitter", "web-search", "visible-password"]).optional(),
|
|
105
|
-
returnKeyType: zod_1.z.enum(["done", "next", "go", "search", "send", "default", "emergency-call", "google", "join", "route", "yahoo", "none", "previous"]).optional(),
|
|
106
|
-
autoCapitalize: zod_1.z.enum(["none", "sentences", "words", "characters"]).optional(),
|
|
107
|
-
secureTextEntry: zod_1.z.boolean().optional(),
|
|
108
|
-
maxLength: zod_1.z.number().int().nonnegative().optional(),
|
|
109
|
-
multiline: zod_1.z.boolean().optional(),
|
|
110
|
-
numberOfLines: zod_1.z.number().int().nonnegative().optional(),
|
|
111
|
-
editable: zod_1.z.boolean().optional(),
|
|
112
|
-
color: zod_1.z.string().optional(),
|
|
113
|
-
backgroundColor: zod_1.z.string().optional(),
|
|
114
|
-
fontSize: zod_1.z.number().optional(),
|
|
115
|
-
fontWeight: zod_1.z.string().optional(),
|
|
116
|
-
textAlign: zod_1.z.enum(["left", "center", "right"]).optional(),
|
|
117
|
-
placeholderColor: zod_1.z.string().optional(),
|
|
118
|
-
});
|
|
6
|
+
const StackElement_1 = require("./elements/StackElement");
|
|
7
|
+
const TextElement_1 = require("./elements/TextElement");
|
|
8
|
+
const ImageElement_1 = require("./elements/ImageElement");
|
|
9
|
+
const LottieElement_1 = require("./elements/LottieElement");
|
|
10
|
+
const RiveElement_1 = require("./elements/RiveElement");
|
|
11
|
+
const IconElement_1 = require("./elements/IconElement");
|
|
12
|
+
const VideoElement_1 = require("./elements/VideoElement");
|
|
13
|
+
const InputElement_1 = require("./elements/InputElement");
|
|
14
|
+
const ButtonElement_1 = require("./elements/ButtonElement");
|
|
15
|
+
const RadioGroupElement_1 = require("./elements/RadioGroupElement");
|
|
16
|
+
var BaseBoxProps_1 = require("./elements/BaseBoxProps");
|
|
17
|
+
Object.defineProperty(exports, "BaseBoxPropsSchema", { enumerable: true, get: function () { return BaseBoxProps_1.BaseBoxPropsSchema; } });
|
|
119
18
|
exports.UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
120
19
|
zod_1.z.object({
|
|
121
20
|
id: zod_1.z.string(),
|
|
122
21
|
name: zod_1.z.string().optional(),
|
|
123
22
|
type: zod_1.z.union([zod_1.z.literal("YStack"), zod_1.z.literal("XStack")]),
|
|
124
|
-
props: StackElementPropsSchema,
|
|
23
|
+
props: StackElement_1.StackElementPropsSchema,
|
|
125
24
|
children: zod_1.z.array(exports.UIElementSchema),
|
|
126
25
|
}),
|
|
127
26
|
zod_1.z.object({
|
|
128
27
|
id: zod_1.z.string(),
|
|
129
28
|
name: zod_1.z.string().optional(),
|
|
130
29
|
type: zod_1.z.literal("Text"),
|
|
131
|
-
props: TextElementPropsSchema,
|
|
30
|
+
props: TextElement_1.TextElementPropsSchema,
|
|
132
31
|
}),
|
|
133
32
|
zod_1.z.object({
|
|
134
33
|
id: zod_1.z.string(),
|
|
135
34
|
name: zod_1.z.string().optional(),
|
|
136
35
|
type: zod_1.z.literal("Image"),
|
|
137
|
-
props: ImageElementPropsSchema,
|
|
36
|
+
props: ImageElement_1.ImageElementPropsSchema,
|
|
138
37
|
}),
|
|
139
38
|
zod_1.z.object({
|
|
140
39
|
id: zod_1.z.string(),
|
|
141
40
|
name: zod_1.z.string().optional(),
|
|
142
41
|
type: zod_1.z.literal("Lottie"),
|
|
143
|
-
props: LottieElementPropsSchema,
|
|
42
|
+
props: LottieElement_1.LottieElementPropsSchema,
|
|
144
43
|
}),
|
|
145
44
|
zod_1.z.object({
|
|
146
45
|
id: zod_1.z.string(),
|
|
147
46
|
name: zod_1.z.string().optional(),
|
|
148
47
|
type: zod_1.z.literal("Rive"),
|
|
149
|
-
props: RiveElementPropsSchema,
|
|
48
|
+
props: RiveElement_1.RiveElementPropsSchema,
|
|
150
49
|
}),
|
|
151
50
|
zod_1.z.object({
|
|
152
51
|
id: zod_1.z.string(),
|
|
153
52
|
name: zod_1.z.string().optional(),
|
|
154
53
|
type: zod_1.z.literal("Icon"),
|
|
155
|
-
props: IconElementPropsSchema,
|
|
54
|
+
props: IconElement_1.IconElementPropsSchema,
|
|
156
55
|
}),
|
|
157
56
|
zod_1.z.object({
|
|
158
57
|
id: zod_1.z.string(),
|
|
159
58
|
name: zod_1.z.string().optional(),
|
|
160
59
|
type: zod_1.z.literal("Video"),
|
|
161
|
-
props: VideoElementPropsSchema,
|
|
60
|
+
props: VideoElement_1.VideoElementPropsSchema,
|
|
162
61
|
}),
|
|
163
62
|
zod_1.z.object({
|
|
164
63
|
id: zod_1.z.string(),
|
|
165
64
|
name: zod_1.z.string().optional(),
|
|
166
65
|
type: zod_1.z.literal("Input"),
|
|
167
|
-
props: InputElementPropsSchema,
|
|
66
|
+
props: InputElement_1.InputElementPropsSchema,
|
|
67
|
+
}),
|
|
68
|
+
zod_1.z.object({
|
|
69
|
+
id: zod_1.z.string(),
|
|
70
|
+
name: zod_1.z.string().optional(),
|
|
71
|
+
type: zod_1.z.literal("Button"),
|
|
72
|
+
props: ButtonElement_1.ButtonElementPropsSchema,
|
|
73
|
+
}),
|
|
74
|
+
zod_1.z.object({
|
|
75
|
+
id: zod_1.z.string(),
|
|
76
|
+
name: zod_1.z.string().optional(),
|
|
77
|
+
type: zod_1.z.literal("RadioGroup"),
|
|
78
|
+
props: RadioGroupElement_1.RadioGroupElementPropsSchema,
|
|
168
79
|
}),
|
|
169
80
|
]));
|
|
170
81
|
exports.ComposableScreenStepPayloadSchema = zod_1.z.object({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,oCAA+C;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,10 @@ export declare const OnboardingProgressProvider: ({ children, initialColorScheme
|
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
initialColorScheme?: ColorScheme;
|
|
5
5
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export type ComposableVariableEntry = {
|
|
7
|
+
value: string;
|
|
8
|
+
label?: string;
|
|
9
|
+
};
|
|
6
10
|
export declare const OnboardingProgressContext: import("react").Context<{
|
|
7
11
|
activeStep: {
|
|
8
12
|
number: number;
|
|
@@ -14,7 +18,7 @@ export declare const OnboardingProgressContext: import("react").Context<{
|
|
|
14
18
|
}) => void;
|
|
15
19
|
totalSteps: number;
|
|
16
20
|
setTotalSteps: (_steps: number) => void;
|
|
17
|
-
composableVariables: Record<string,
|
|
18
|
-
setComposableVariable: (_key: string,
|
|
21
|
+
composableVariables: Record<string, ComposableVariableEntry>;
|
|
22
|
+
setComposableVariable: (_key: string, _entry: ComposableVariableEntry | string) => void;
|
|
19
23
|
}>;
|
|
20
24
|
//# sourceMappingURL=OnboardingProgressProvider.d.ts.map
|
|
@@ -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,
|
|
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"}
|
|
@@ -12,8 +12,9 @@ const OnboardingProgressProvider = ({ children, initialColorScheme = "light", })
|
|
|
12
12
|
});
|
|
13
13
|
const [totalSteps, setTotalSteps] = (0, react_1.useState)(0);
|
|
14
14
|
const [composableVariables, setComposableVariables] = (0, react_1.useState)({});
|
|
15
|
-
const setComposableVariable = (0, react_1.useCallback)((key,
|
|
16
|
-
|
|
15
|
+
const setComposableVariable = (0, react_1.useCallback)((key, entry) => {
|
|
16
|
+
const normalizedEntry = typeof entry === "string" ? { value: entry } : entry;
|
|
17
|
+
setComposableVariables((prev) => (Object.assign(Object.assign({}, prev), { [key]: normalizedEntry })));
|
|
17
18
|
}, []);
|
|
18
19
|
return ((0, jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaProvider, { children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { initialColorScheme: initialColorScheme, children: (0, jsx_runtime_1.jsx)(exports.OnboardingProgressContext.Provider, { value: { activeStep, setActiveStep, totalSteps, setTotalSteps, composableVariables, setComposableVariable }, children: children }) }) }));
|
|
19
20
|
};
|
|
@@ -24,6 +25,6 @@ exports.OnboardingProgressContext = (0, react_1.createContext)({
|
|
|
24
25
|
totalSteps: 0,
|
|
25
26
|
setTotalSteps: (_steps) => { },
|
|
26
27
|
composableVariables: {},
|
|
27
|
-
setComposableVariable: (_key,
|
|
28
|
+
setComposableVariable: (_key, _entry) => { },
|
|
28
29
|
});
|
|
29
30
|
//# sourceMappingURL=OnboardingProgressProvider.js.map
|
|
@@ -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,
|
|
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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocapine/react-native-onboarding-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.1",
|
|
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",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
"peerDependencies": {
|
|
45
45
|
"@react-native-picker/picker": "*",
|
|
46
|
-
"@rocapine/react-native-onboarding": "^1.
|
|
46
|
+
"@rocapine/react-native-onboarding": "^1.8.0",
|
|
47
47
|
"@shopify/react-native-skia": ">=1.0.0",
|
|
48
48
|
"@tanstack/react-query": ">=5.0.0",
|
|
49
49
|
"@types/react": "*",
|
|
@@ -35,7 +35,7 @@ export const OnboardingPage = ({ step, onContinue, isSandbox }: OnboardingPagePr
|
|
|
35
35
|
case 'Question':
|
|
36
36
|
return <QuestionRenderer step={step} onContinue={onContinue} theme={theme} />;
|
|
37
37
|
case 'ComposableScreen':
|
|
38
|
-
return <ComposableScreenRenderer step={step} onContinue={onContinue}
|
|
38
|
+
return <ComposableScreenRenderer step={step} onContinue={onContinue} />;
|
|
39
39
|
default:
|
|
40
40
|
if (isSandbox) {
|
|
41
41
|
// @ts-ignore
|