@rocapine/react-native-onboarding-ui 1.22.0 → 1.23.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/UI/Pages/ComposableScreen/Renderer.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/Renderer.js +8 -1
- package/dist/UI/Pages/ComposableScreen/Renderer.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/CarouselElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/CarouselElement.js +11 -0
- package/dist/UI/Pages/ComposableScreen/elements/CarouselElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/collectDefaults.d.ts +11 -0
- package/dist/UI/Pages/ComposableScreen/elements/collectDefaults.d.ts.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/collectDefaults.js +74 -0
- package/dist/UI/Pages/ComposableScreen/elements/collectDefaults.js.map +1 -0
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js +6 -0
- package/dist/UI/Pages/ComposableScreen/elements/renderElement.js.map +1 -1
- package/dist/UI/Pages/ComposableScreen/types.d.ts +16 -0
- package/dist/UI/Pages/ComposableScreen/types.d.ts.map +1 -1
- package/dist/UI/Pages/ComposableScreen/types.js +16 -0
- package/dist/UI/Pages/ComposableScreen/types.js.map +1 -1
- package/package.json +2 -2
- package/src/UI/Pages/ComposableScreen/Renderer.tsx +12 -1
- package/src/UI/Pages/ComposableScreen/elements/CarouselElement.tsx +9 -0
- package/src/UI/Pages/ComposableScreen/elements/collectDefaults.ts +76 -0
- package/src/UI/Pages/ComposableScreen/elements/renderElement.tsx +8 -0
- package/src/UI/Pages/ComposableScreen/types.ts +36 -0
|
@@ -1 +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;
|
|
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;AAS9F,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,wBAAwB,CAAC;IAC/B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAgEF,eAAO,MAAM,wBAAwB;;;CAAsE,CAAC"}
|
|
@@ -11,6 +11,7 @@ const OnboardingTemplate_1 = require("../../Templates/OnboardingTemplate");
|
|
|
11
11
|
const OnboardingProgressProvider_1 = require("../../Provider/OnboardingProgressProvider");
|
|
12
12
|
const useTheme_1 = require("../../Theme/useTheme");
|
|
13
13
|
const renderElement_1 = require("./elements/renderElement");
|
|
14
|
+
const collectDefaults_1 = require("./elements/collectDefaults");
|
|
14
15
|
const ComposableScreenRendererBase = ({ step, onContinue }) => {
|
|
15
16
|
const { theme } = (0, useTheme_1.useTheme)();
|
|
16
17
|
const validatedData = (0, react_1.useMemo)(() => types_1.ComposableScreenStepTypeSchema.parse(step), [step]);
|
|
@@ -21,10 +22,16 @@ const ComposableScreenRendererBase = ({ step, onContinue }) => {
|
|
|
21
22
|
setComposableVariable(key, entry);
|
|
22
23
|
setHeadlessVariable(key, entry.value);
|
|
23
24
|
}, [setComposableVariable, setHeadlessVariable]);
|
|
25
|
+
// Defaults declared inline on UIElements (Carousel.defaultIndex, RadioGroup.defaultValue, etc.)
|
|
26
|
+
// are overlaid onto ctx.variables so renderWhen / expressions see them on first render —
|
|
27
|
+
// before per-element seeding effects (which persist into composableVariables) run.
|
|
28
|
+
// composableVariables wins over defaults so user-driven updates aren't clobbered.
|
|
29
|
+
const elementDefaults = (0, react_1.useMemo)(() => (0, collectDefaults_1.collectElementDefaults)(elements), [elements]);
|
|
30
|
+
const effectiveVariables = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, elementDefaults), composableVariables)), [elementDefaults, composableVariables]);
|
|
24
31
|
const renderChildren = (children, parentType) => children.map((child) => (0, renderElement_1.renderElement)(child, ctx, parentType));
|
|
25
32
|
const ctx = {
|
|
26
33
|
theme,
|
|
27
|
-
variables:
|
|
34
|
+
variables: effectiveVariables,
|
|
28
35
|
setVariable: setVariableAndSync,
|
|
29
36
|
onContinue,
|
|
30
37
|
customActions,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyD;AACzD,+CAAsD;AACtD,+EAAyG;AACzG,mCAA8F;AAC9F,uDAAwD;AACxD,2EAAwE;AACxE,0FAA+G;AAC/G,mDAAgD;AAEhD,4DAAyD;
|
|
1
|
+
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/Renderer.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyD;AACzD,+CAAsD;AACtD,+EAAyG;AACzG,mCAA8F;AAC9F,uDAAwD;AACxD,2EAAwE;AACxE,0FAA+G;AAC/G,mDAAgD;AAEhD,4DAAyD;AACzD,gEAAoE;AAOpE,MAAM,4BAA4B,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAgB,EAAE,EAAE;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,sCAA8B,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACxF,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,OAAO,CAAC;IAC3C,MAAM,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,GAAG,IAAA,kBAAU,EAAC,sDAAyB,CAAC,CAAC;IAC7F,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,mDAAuB,CAAC,CAAC;IAEhG,MAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,CAAC,GAAW,EAAE,KAA8B,EAAE,EAAE;QAC9C,qBAAqB,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAClC,mBAAmB,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,CAC7C,CAAC;IAEF,gGAAgG;IAChG,yFAAyF;IACzF,mFAAmF;IACnF,kFAAkF;IAClF,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,wCAAsB,EAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpF,MAAM,kBAAkB,GAAG,IAAA,eAAO,EAChC,GAAG,EAAE,CAAC,iCAAM,eAAe,GAAK,mBAAmB,EAAG,EACtD,CAAC,eAAe,EAAE,mBAAmB,CAAC,CACvC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,QAAqB,EAAE,UAA0C,EAAE,EAAE,CAC3F,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,KAAK,EAAE,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjE,MAAM,GAAG,GAAkB;QACzB,KAAK;QACL,SAAS,EAAE,kBAAkB;QAC7B,WAAW,EAAE,kBAAkB;QAC/B,UAAU;QACV,aAAa;QACb,cAAc;KACf,CAAC;IAEF,OAAO,CACL,uBAAC,uCAAkB,IACjB,IAAI,EAAE,aAAa,EACnB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,iBAAiB,kBAEjB,uBAAC,yBAAU,IACT,qBAAqB,EAAE,MAAM,CAAC,aAAa,EAC3C,4BAA4B,EAAE,KAAK,EACnC,oBAAoB,EAAE,KAAK,EAC3B,yBAAyB,EAAC,SAAS,YAElC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAA,6BAAa,EAAC,OAAO,EAAE,GAAG,CAAC,CAAC,GAC5C,GACM,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,QAAQ,EAAE,CAAC;KACZ;CACF,CAAC,CAAC;AAEU,QAAA,wBAAwB,GAAG,IAAA,iCAAiB,EAAC,4BAA4B,EAAE,kBAAkB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/CarouselElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAO,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAGnD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,YAAY,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAcrC,CAAC;AAEH,KAAK,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAIlE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,iBAAiB,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"CarouselElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/CarouselElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAO,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAGnD,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG;IAChD,YAAY,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAcrC,CAAC;AAEH,KAAK,iBAAiB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,CAAC;AAIlE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,iBAAiB,CAAC;IAC3B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,KAAK,GAAG,KAAK,CAAC,YAAY,CAoKpF"}
|
|
@@ -93,6 +93,17 @@ function CarouselElementComponent({ element, ctx }) {
|
|
|
93
93
|
lastSyncedIndexRef.current = target;
|
|
94
94
|
(_a = ref.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ count: target - progress.value, animated: true });
|
|
95
95
|
}, [variableName, variableValue, childrenCount]);
|
|
96
|
+
// Persist the initial index into ctx.variables when no value exists yet, so the
|
|
97
|
+
// default reaches downstream renderWhen / interpolation across renders.
|
|
98
|
+
(0, react_1.useEffect)(() => {
|
|
99
|
+
if (!variableName)
|
|
100
|
+
return;
|
|
101
|
+
if (variableValue !== undefined)
|
|
102
|
+
return;
|
|
103
|
+
if (props.defaultIndex == null)
|
|
104
|
+
return;
|
|
105
|
+
ctx.setVariable(variableName, { value: String(clampIndex(props.defaultIndex)) });
|
|
106
|
+
}, [variableName, variableValue, props.defaultIndex, childrenCount]);
|
|
96
107
|
const onLayout = (e) => {
|
|
97
108
|
const { width, height } = e.nativeEvent.layout;
|
|
98
109
|
if (!size || size.width !== width || size.height !== height) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CarouselElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/CarouselElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,
|
|
1
|
+
{"version":3,"file":"CarouselElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/CarouselElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { UIElement } from "../types";
|
|
2
|
+
import { ComposableVariableEntry } from "../../../Provider/OnboardingProgressProvider";
|
|
3
|
+
/**
|
|
4
|
+
* Walks the element tree and returns the initial variable map declared via
|
|
5
|
+
* element-level defaults (`defaultIndex`, `defaultValue`, `defaultValues`).
|
|
6
|
+
* Used by `Renderer` to overlay defaults onto `ctx.variables` so
|
|
7
|
+
* `renderWhen` / expressions evaluate against them on first render — before
|
|
8
|
+
* per-element seeding effects run.
|
|
9
|
+
*/
|
|
10
|
+
export declare function collectElementDefaults(elements: UIElement[]): Record<string, ComposableVariableEntry>;
|
|
11
|
+
//# sourceMappingURL=collectDefaults.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collectDefaults.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/collectDefaults.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,uBAAuB,EAAE,MAAM,8CAA8C,CAAC;AAEvF;;;;;;GAMG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,SAAS,EAAE,GACpB,MAAM,CAAC,MAAM,EAAE,uBAAuB,CAAC,CA+DzC"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.collectElementDefaults = collectElementDefaults;
|
|
4
|
+
/**
|
|
5
|
+
* Walks the element tree and returns the initial variable map declared via
|
|
6
|
+
* element-level defaults (`defaultIndex`, `defaultValue`, `defaultValues`).
|
|
7
|
+
* Used by `Renderer` to overlay defaults onto `ctx.variables` so
|
|
8
|
+
* `renderWhen` / expressions evaluate against them on first render — before
|
|
9
|
+
* per-element seeding effects run.
|
|
10
|
+
*/
|
|
11
|
+
function collectElementDefaults(elements) {
|
|
12
|
+
const out = {};
|
|
13
|
+
const visit = (el) => {
|
|
14
|
+
switch (el.type) {
|
|
15
|
+
case "Carousel": {
|
|
16
|
+
const name = el.props.variableName;
|
|
17
|
+
if (name && el.props.defaultIndex != null) {
|
|
18
|
+
// Mirror CarouselElementComponent's clampIndex so the overlaid default
|
|
19
|
+
// matches the index the carousel actually mounts at.
|
|
20
|
+
const raw = Number(el.props.defaultIndex);
|
|
21
|
+
const safe = Number.isFinite(raw) ? raw : 0;
|
|
22
|
+
const maxIdx = Math.max(0, el.children.length - 1);
|
|
23
|
+
const clamped = Math.max(0, Math.min(safe, maxIdx));
|
|
24
|
+
out[name] = { value: String(clamped) };
|
|
25
|
+
}
|
|
26
|
+
el.children.forEach(visit);
|
|
27
|
+
break;
|
|
28
|
+
}
|
|
29
|
+
case "RadioGroup": {
|
|
30
|
+
const name = el.props.variableName;
|
|
31
|
+
const dv = el.props.defaultValue;
|
|
32
|
+
if (name && dv !== undefined) {
|
|
33
|
+
const item = el.props.items.find((i) => i.value === dv);
|
|
34
|
+
out[name] = { value: dv, label: item === null || item === void 0 ? void 0 : item.label };
|
|
35
|
+
}
|
|
36
|
+
break;
|
|
37
|
+
}
|
|
38
|
+
case "CheckboxGroup": {
|
|
39
|
+
const name = el.props.variableName;
|
|
40
|
+
const dvs = el.props.defaultValues;
|
|
41
|
+
if (name && dvs !== undefined) {
|
|
42
|
+
const labels = dvs.map((dv) => { var _a, _b; return (_b = (_a = el.props.items.find((i) => i.value === dv)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : dv; });
|
|
43
|
+
out[name] = { value: JSON.stringify(dvs), label: labels.join(", ") };
|
|
44
|
+
}
|
|
45
|
+
break;
|
|
46
|
+
}
|
|
47
|
+
case "Input": {
|
|
48
|
+
const name = el.props.variableName;
|
|
49
|
+
if (name && el.props.defaultValue !== undefined) {
|
|
50
|
+
out[name] = { value: el.props.defaultValue };
|
|
51
|
+
}
|
|
52
|
+
break;
|
|
53
|
+
}
|
|
54
|
+
case "DatePicker": {
|
|
55
|
+
const name = el.props.variableName;
|
|
56
|
+
if (name && el.props.defaultValue !== undefined) {
|
|
57
|
+
const d = new Date(el.props.defaultValue);
|
|
58
|
+
if (!isNaN(d.getTime()))
|
|
59
|
+
out[name] = { value: d.toISOString() };
|
|
60
|
+
}
|
|
61
|
+
break;
|
|
62
|
+
}
|
|
63
|
+
case "YStack":
|
|
64
|
+
case "XStack":
|
|
65
|
+
case "ZStack":
|
|
66
|
+
case "SafeAreaView":
|
|
67
|
+
el.children.forEach(visit);
|
|
68
|
+
break;
|
|
69
|
+
}
|
|
70
|
+
};
|
|
71
|
+
elements.forEach(visit);
|
|
72
|
+
return out;
|
|
73
|
+
}
|
|
74
|
+
//# sourceMappingURL=collectDefaults.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"collectDefaults.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/collectDefaults.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"renderElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAiBzC,eAAO,MAAM,aAAa,GACxB,SAAS,SAAS,EAClB,KAAK,aAAa,EAClB,aAAa,QAAQ,GAAG,QAAQ,GAAG,QAAQ,KAC1C,KAAK,CAAC,SAqER,CAAC"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.renderElement = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_native_onboarding_1 = require("@rocapine/react-native-onboarding");
|
|
5
6
|
const StackElement_1 = require("./StackElement");
|
|
6
7
|
const TextElement_1 = require("./TextElement");
|
|
7
8
|
const ImageElement_1 = require("./ImageElement");
|
|
@@ -18,6 +19,11 @@ const CarouselElement_1 = require("./CarouselElement");
|
|
|
18
19
|
const ZStackElement_1 = require("./ZStackElement");
|
|
19
20
|
const SafeAreaViewElement_1 = require("./SafeAreaViewElement");
|
|
20
21
|
const renderElement = (element, ctx, parentType) => {
|
|
22
|
+
if (element.renderWhen) {
|
|
23
|
+
const flatVars = Object.fromEntries(Object.entries(ctx.variables).map(([k, v]) => [k, v === null || v === void 0 ? void 0 : v.value]));
|
|
24
|
+
if (!(0, react_native_onboarding_1.evaluateCondition)(element.renderWhen, flatVars))
|
|
25
|
+
return null;
|
|
26
|
+
}
|
|
21
27
|
if (element.type === "YStack" || element.type === "XStack") {
|
|
22
28
|
return (0, jsx_runtime_1.jsx)(StackElement_1.StackElementComponent, { element: element, ctx: ctx, parentType: parentType }, element.id);
|
|
23
29
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"renderElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/renderElement.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { z } from "zod";
|
|
2
|
+
import { type LeafCondition, type ConditionGroup } from "@rocapine/react-native-onboarding";
|
|
2
3
|
import { type StackElementProps } from "./elements/StackElement";
|
|
3
4
|
import { type TextElementProps } from "./elements/TextElement";
|
|
4
5
|
import { type ImageElementProps } from "./elements/ImageElement";
|
|
@@ -34,79 +35,94 @@ export type { SafeAreaViewElementProps, SafeAreaEdge, SafeAreaEdgeMode } from ".
|
|
|
34
35
|
export type UIElement = {
|
|
35
36
|
id: string;
|
|
36
37
|
name?: string;
|
|
38
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
37
39
|
type: "YStack" | "XStack";
|
|
38
40
|
props: StackElementProps;
|
|
39
41
|
children: UIElement[];
|
|
40
42
|
} | {
|
|
41
43
|
id: string;
|
|
42
44
|
name?: string;
|
|
45
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
43
46
|
type: "Text";
|
|
44
47
|
props: TextElementProps;
|
|
45
48
|
} | {
|
|
46
49
|
id: string;
|
|
47
50
|
name?: string;
|
|
51
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
48
52
|
type: "Image";
|
|
49
53
|
props: ImageElementProps;
|
|
50
54
|
} | {
|
|
51
55
|
id: string;
|
|
52
56
|
name?: string;
|
|
57
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
53
58
|
type: "Lottie";
|
|
54
59
|
props: LottieElementProps;
|
|
55
60
|
} | {
|
|
56
61
|
id: string;
|
|
57
62
|
name?: string;
|
|
63
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
58
64
|
type: "Rive";
|
|
59
65
|
props: RiveElementProps;
|
|
60
66
|
} | {
|
|
61
67
|
id: string;
|
|
62
68
|
name?: string;
|
|
69
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
63
70
|
type: "Icon";
|
|
64
71
|
props: IconElementProps;
|
|
65
72
|
} | {
|
|
66
73
|
id: string;
|
|
67
74
|
name?: string;
|
|
75
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
68
76
|
type: "Video";
|
|
69
77
|
props: VideoElementProps;
|
|
70
78
|
} | {
|
|
71
79
|
id: string;
|
|
72
80
|
name?: string;
|
|
81
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
73
82
|
type: "Input";
|
|
74
83
|
props: InputElementProps;
|
|
75
84
|
} | {
|
|
76
85
|
id: string;
|
|
77
86
|
name?: string;
|
|
87
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
78
88
|
type: "Button";
|
|
79
89
|
props: ButtonElementProps;
|
|
80
90
|
} | {
|
|
81
91
|
id: string;
|
|
82
92
|
name?: string;
|
|
93
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
83
94
|
type: "RadioGroup";
|
|
84
95
|
props: RadioGroupElementProps;
|
|
85
96
|
} | {
|
|
86
97
|
id: string;
|
|
87
98
|
name?: string;
|
|
99
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
88
100
|
type: "CheckboxGroup";
|
|
89
101
|
props: CheckboxGroupElementProps;
|
|
90
102
|
} | {
|
|
91
103
|
id: string;
|
|
92
104
|
name?: string;
|
|
105
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
93
106
|
type: "DatePicker";
|
|
94
107
|
props: DatePickerElementProps;
|
|
95
108
|
} | {
|
|
96
109
|
id: string;
|
|
97
110
|
name?: string;
|
|
111
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
98
112
|
type: "Carousel";
|
|
99
113
|
props: CarouselElementProps;
|
|
100
114
|
children: UIElement[];
|
|
101
115
|
} | {
|
|
102
116
|
id: string;
|
|
103
117
|
name?: string;
|
|
118
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
104
119
|
type: "ZStack";
|
|
105
120
|
props: ZStackElementProps;
|
|
106
121
|
children: UIElement[];
|
|
107
122
|
} | {
|
|
108
123
|
id: string;
|
|
109
124
|
name?: string;
|
|
125
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
110
126
|
type: "SafeAreaView";
|
|
111
127
|
props: SafeAreaViewElementProps;
|
|
112
128
|
children: UIElement[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ComposableScreenStepTypeSchema = exports.ComposableScreenStepPayloadSchema = exports.UIElementSchema = exports.BaseBoxPropsSchema = void 0;
|
|
4
4
|
const zod_1 = require("zod");
|
|
5
|
+
const react_native_onboarding_1 = require("@rocapine/react-native-onboarding");
|
|
5
6
|
const types_1 = require("../types");
|
|
6
7
|
const StackElement_1 = require("./elements/StackElement");
|
|
7
8
|
const TextElement_1 = require("./elements/TextElement");
|
|
@@ -24,6 +25,7 @@ exports.UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
|
24
25
|
zod_1.z.object({
|
|
25
26
|
id: zod_1.z.string(),
|
|
26
27
|
name: zod_1.z.string().optional(),
|
|
28
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
27
29
|
type: zod_1.z.union([zod_1.z.literal("YStack"), zod_1.z.literal("XStack")]),
|
|
28
30
|
props: StackElement_1.StackElementPropsSchema,
|
|
29
31
|
children: zod_1.z.array(exports.UIElementSchema),
|
|
@@ -31,72 +33,84 @@ exports.UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
|
31
33
|
zod_1.z.object({
|
|
32
34
|
id: zod_1.z.string(),
|
|
33
35
|
name: zod_1.z.string().optional(),
|
|
36
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
34
37
|
type: zod_1.z.literal("Text"),
|
|
35
38
|
props: TextElement_1.TextElementPropsSchema,
|
|
36
39
|
}),
|
|
37
40
|
zod_1.z.object({
|
|
38
41
|
id: zod_1.z.string(),
|
|
39
42
|
name: zod_1.z.string().optional(),
|
|
43
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
40
44
|
type: zod_1.z.literal("Image"),
|
|
41
45
|
props: ImageElement_1.ImageElementPropsSchema,
|
|
42
46
|
}),
|
|
43
47
|
zod_1.z.object({
|
|
44
48
|
id: zod_1.z.string(),
|
|
45
49
|
name: zod_1.z.string().optional(),
|
|
50
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
46
51
|
type: zod_1.z.literal("Lottie"),
|
|
47
52
|
props: LottieElement_1.LottieElementPropsSchema,
|
|
48
53
|
}),
|
|
49
54
|
zod_1.z.object({
|
|
50
55
|
id: zod_1.z.string(),
|
|
51
56
|
name: zod_1.z.string().optional(),
|
|
57
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
52
58
|
type: zod_1.z.literal("Rive"),
|
|
53
59
|
props: RiveElement_1.RiveElementPropsSchema,
|
|
54
60
|
}),
|
|
55
61
|
zod_1.z.object({
|
|
56
62
|
id: zod_1.z.string(),
|
|
57
63
|
name: zod_1.z.string().optional(),
|
|
64
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
58
65
|
type: zod_1.z.literal("Icon"),
|
|
59
66
|
props: IconElement_1.IconElementPropsSchema,
|
|
60
67
|
}),
|
|
61
68
|
zod_1.z.object({
|
|
62
69
|
id: zod_1.z.string(),
|
|
63
70
|
name: zod_1.z.string().optional(),
|
|
71
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
64
72
|
type: zod_1.z.literal("Video"),
|
|
65
73
|
props: VideoElement_1.VideoElementPropsSchema,
|
|
66
74
|
}),
|
|
67
75
|
zod_1.z.object({
|
|
68
76
|
id: zod_1.z.string(),
|
|
69
77
|
name: zod_1.z.string().optional(),
|
|
78
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
70
79
|
type: zod_1.z.literal("Input"),
|
|
71
80
|
props: InputElement_1.InputElementPropsSchema,
|
|
72
81
|
}),
|
|
73
82
|
zod_1.z.object({
|
|
74
83
|
id: zod_1.z.string(),
|
|
75
84
|
name: zod_1.z.string().optional(),
|
|
85
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
76
86
|
type: zod_1.z.literal("Button"),
|
|
77
87
|
props: ButtonElement_1.ButtonElementPropsSchema,
|
|
78
88
|
}),
|
|
79
89
|
zod_1.z.object({
|
|
80
90
|
id: zod_1.z.string(),
|
|
81
91
|
name: zod_1.z.string().optional(),
|
|
92
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
82
93
|
type: zod_1.z.literal("RadioGroup"),
|
|
83
94
|
props: RadioGroupElement_1.RadioGroupElementPropsSchema,
|
|
84
95
|
}),
|
|
85
96
|
zod_1.z.object({
|
|
86
97
|
id: zod_1.z.string(),
|
|
87
98
|
name: zod_1.z.string().optional(),
|
|
99
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
88
100
|
type: zod_1.z.literal("CheckboxGroup"),
|
|
89
101
|
props: CheckboxGroupElement_1.CheckboxGroupElementPropsSchema,
|
|
90
102
|
}),
|
|
91
103
|
zod_1.z.object({
|
|
92
104
|
id: zod_1.z.string(),
|
|
93
105
|
name: zod_1.z.string().optional(),
|
|
106
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
94
107
|
type: zod_1.z.literal("DatePicker"),
|
|
95
108
|
props: DatePickerElement_1.DatePickerElementPropsSchema,
|
|
96
109
|
}),
|
|
97
110
|
zod_1.z.object({
|
|
98
111
|
id: zod_1.z.string(),
|
|
99
112
|
name: zod_1.z.string().optional(),
|
|
113
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
100
114
|
type: zod_1.z.literal("Carousel"),
|
|
101
115
|
props: CarouselElement_1.CarouselElementPropsSchema,
|
|
102
116
|
children: zod_1.z.array(exports.UIElementSchema),
|
|
@@ -104,6 +118,7 @@ exports.UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
|
104
118
|
zod_1.z.object({
|
|
105
119
|
id: zod_1.z.string(),
|
|
106
120
|
name: zod_1.z.string().optional(),
|
|
121
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
107
122
|
type: zod_1.z.literal("ZStack"),
|
|
108
123
|
props: ZStackElement_1.ZStackElementPropsSchema,
|
|
109
124
|
children: zod_1.z.array(exports.UIElementSchema),
|
|
@@ -111,6 +126,7 @@ exports.UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
|
|
|
111
126
|
zod_1.z.object({
|
|
112
127
|
id: zod_1.z.string(),
|
|
113
128
|
name: zod_1.z.string().optional(),
|
|
129
|
+
renderWhen: zod_1.z.union([react_native_onboarding_1.LeafConditionSchema, react_native_onboarding_1.ConditionGroupSchema]).optional(),
|
|
114
130
|
type: zod_1.z.literal("SafeAreaView"),
|
|
115
131
|
props: SafeAreaViewElement_1.SafeAreaViewElementPropsSchema,
|
|
116
132
|
children: zod_1.z.array(exports.UIElementSchema),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,oCAA+C;AAC/C,0DAA0F;AAC1F,wDAAuF;AACvF,0DAA0F;AAC1F,4DAA6F;AAC7F,wDAAuF;AACvF,wDAAuF;AACvF,0DAA0F;AAC1F,0DAA0F;AAC1F,4DAA6F;AAC7F,oEAAyG;AACzG,0EAAkH;AAClH,oEAAyG;AACzG,gEAAmG;AACnG,4DAA6F;AAC7F,wEAA+G;AAG/G,wDAA6D;AAApD,kHAAA,kBAAkB,OAAA;
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/ComposableScreen/types.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocapine/react-native-onboarding-ui",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.23.0",
|
|
4
4
|
"description": "UI components and renderers for Rocapine Onboarding Studio - Built on top of the headless SDK",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"peerDependencies": {
|
|
47
47
|
"@react-native-community/datetimepicker": "*",
|
|
48
48
|
"@react-native-picker/picker": "*",
|
|
49
|
-
"@rocapine/react-native-onboarding": "^1.
|
|
49
|
+
"@rocapine/react-native-onboarding": "^1.23.0",
|
|
50
50
|
"@shopify/react-native-skia": ">=1.0.0",
|
|
51
51
|
"@tanstack/react-query": ">=5.0.0",
|
|
52
52
|
"@types/react": "*",
|
|
@@ -8,6 +8,7 @@ import { OnboardingProgressContext, ComposableVariableEntry } from "../../Provid
|
|
|
8
8
|
import { useTheme } from "../../Theme/useTheme";
|
|
9
9
|
import { RenderContext } from "./elements/shared";
|
|
10
10
|
import { renderElement } from "./elements/renderElement";
|
|
11
|
+
import { collectElementDefaults } from "./elements/collectDefaults";
|
|
11
12
|
|
|
12
13
|
type ContentProps = {
|
|
13
14
|
step: ComposableScreenStepType;
|
|
@@ -29,12 +30,22 @@ const ComposableScreenRendererBase = ({ step, onContinue }: ContentProps) => {
|
|
|
29
30
|
[setComposableVariable, setHeadlessVariable]
|
|
30
31
|
);
|
|
31
32
|
|
|
33
|
+
// Defaults declared inline on UIElements (Carousel.defaultIndex, RadioGroup.defaultValue, etc.)
|
|
34
|
+
// are overlaid onto ctx.variables so renderWhen / expressions see them on first render —
|
|
35
|
+
// before per-element seeding effects (which persist into composableVariables) run.
|
|
36
|
+
// composableVariables wins over defaults so user-driven updates aren't clobbered.
|
|
37
|
+
const elementDefaults = useMemo(() => collectElementDefaults(elements), [elements]);
|
|
38
|
+
const effectiveVariables = useMemo(
|
|
39
|
+
() => ({ ...elementDefaults, ...composableVariables }),
|
|
40
|
+
[elementDefaults, composableVariables]
|
|
41
|
+
);
|
|
42
|
+
|
|
32
43
|
const renderChildren = (children: UIElement[], parentType: "XStack" | "YStack" | "ZStack") =>
|
|
33
44
|
children.map((child) => renderElement(child, ctx, parentType));
|
|
34
45
|
|
|
35
46
|
const ctx: RenderContext = {
|
|
36
47
|
theme,
|
|
37
|
-
variables:
|
|
48
|
+
variables: effectiveVariables,
|
|
38
49
|
setVariable: setVariableAndSync,
|
|
39
50
|
onContinue,
|
|
40
51
|
customActions,
|
|
@@ -82,6 +82,15 @@ export function CarouselElementComponent({ element, ctx }: Props): React.ReactEl
|
|
|
82
82
|
ref.current?.scrollTo({ count: target - progress.value, animated: true });
|
|
83
83
|
}, [variableName, variableValue, childrenCount]);
|
|
84
84
|
|
|
85
|
+
// Persist the initial index into ctx.variables when no value exists yet, so the
|
|
86
|
+
// default reaches downstream renderWhen / interpolation across renders.
|
|
87
|
+
useEffect(() => {
|
|
88
|
+
if (!variableName) return;
|
|
89
|
+
if (variableValue !== undefined) return;
|
|
90
|
+
if (props.defaultIndex == null) return;
|
|
91
|
+
ctx.setVariable(variableName, { value: String(clampIndex(props.defaultIndex)) });
|
|
92
|
+
}, [variableName, variableValue, props.defaultIndex, childrenCount]);
|
|
93
|
+
|
|
85
94
|
const onLayout = (e: LayoutChangeEvent) => {
|
|
86
95
|
const { width, height } = e.nativeEvent.layout;
|
|
87
96
|
if (!size || size.width !== width || size.height !== height) {
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { UIElement } from "../types";
|
|
2
|
+
import { ComposableVariableEntry } from "../../../Provider/OnboardingProgressProvider";
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Walks the element tree and returns the initial variable map declared via
|
|
6
|
+
* element-level defaults (`defaultIndex`, `defaultValue`, `defaultValues`).
|
|
7
|
+
* Used by `Renderer` to overlay defaults onto `ctx.variables` so
|
|
8
|
+
* `renderWhen` / expressions evaluate against them on first render — before
|
|
9
|
+
* per-element seeding effects run.
|
|
10
|
+
*/
|
|
11
|
+
export function collectElementDefaults(
|
|
12
|
+
elements: UIElement[]
|
|
13
|
+
): Record<string, ComposableVariableEntry> {
|
|
14
|
+
const out: Record<string, ComposableVariableEntry> = {};
|
|
15
|
+
const visit = (el: UIElement) => {
|
|
16
|
+
switch (el.type) {
|
|
17
|
+
case "Carousel": {
|
|
18
|
+
const name = el.props.variableName;
|
|
19
|
+
if (name && el.props.defaultIndex != null) {
|
|
20
|
+
// Mirror CarouselElementComponent's clampIndex so the overlaid default
|
|
21
|
+
// matches the index the carousel actually mounts at.
|
|
22
|
+
const raw = Number(el.props.defaultIndex);
|
|
23
|
+
const safe = Number.isFinite(raw) ? raw : 0;
|
|
24
|
+
const maxIdx = Math.max(0, el.children.length - 1);
|
|
25
|
+
const clamped = Math.max(0, Math.min(safe, maxIdx));
|
|
26
|
+
out[name] = { value: String(clamped) };
|
|
27
|
+
}
|
|
28
|
+
el.children.forEach(visit);
|
|
29
|
+
break;
|
|
30
|
+
}
|
|
31
|
+
case "RadioGroup": {
|
|
32
|
+
const name = el.props.variableName;
|
|
33
|
+
const dv = el.props.defaultValue;
|
|
34
|
+
if (name && dv !== undefined) {
|
|
35
|
+
const item = el.props.items.find((i) => i.value === dv);
|
|
36
|
+
out[name] = { value: dv, label: item?.label };
|
|
37
|
+
}
|
|
38
|
+
break;
|
|
39
|
+
}
|
|
40
|
+
case "CheckboxGroup": {
|
|
41
|
+
const name = el.props.variableName;
|
|
42
|
+
const dvs = el.props.defaultValues;
|
|
43
|
+
if (name && dvs !== undefined) {
|
|
44
|
+
const labels = dvs.map(
|
|
45
|
+
(dv) => el.props.items.find((i) => i.value === dv)?.label ?? dv
|
|
46
|
+
);
|
|
47
|
+
out[name] = { value: JSON.stringify(dvs), label: labels.join(", ") };
|
|
48
|
+
}
|
|
49
|
+
break;
|
|
50
|
+
}
|
|
51
|
+
case "Input": {
|
|
52
|
+
const name = el.props.variableName;
|
|
53
|
+
if (name && el.props.defaultValue !== undefined) {
|
|
54
|
+
out[name] = { value: el.props.defaultValue };
|
|
55
|
+
}
|
|
56
|
+
break;
|
|
57
|
+
}
|
|
58
|
+
case "DatePicker": {
|
|
59
|
+
const name = el.props.variableName;
|
|
60
|
+
if (name && el.props.defaultValue !== undefined) {
|
|
61
|
+
const d = new Date(el.props.defaultValue);
|
|
62
|
+
if (!isNaN(d.getTime())) out[name] = { value: d.toISOString() };
|
|
63
|
+
}
|
|
64
|
+
break;
|
|
65
|
+
}
|
|
66
|
+
case "YStack":
|
|
67
|
+
case "XStack":
|
|
68
|
+
case "ZStack":
|
|
69
|
+
case "SafeAreaView":
|
|
70
|
+
el.children.forEach(visit);
|
|
71
|
+
break;
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
elements.forEach(visit);
|
|
75
|
+
return out;
|
|
76
|
+
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { evaluateCondition } from "@rocapine/react-native-onboarding";
|
|
2
3
|
import { UIElement } from "../types";
|
|
3
4
|
import { RenderContext } from "./shared";
|
|
4
5
|
import { StackElementComponent } from "./StackElement";
|
|
@@ -22,6 +23,13 @@ export const renderElement = (
|
|
|
22
23
|
ctx: RenderContext,
|
|
23
24
|
parentType?: "XStack" | "YStack" | "ZStack"
|
|
24
25
|
): React.ReactNode => {
|
|
26
|
+
if (element.renderWhen) {
|
|
27
|
+
const flatVars = Object.fromEntries(
|
|
28
|
+
Object.entries(ctx.variables).map(([k, v]) => [k, v?.value])
|
|
29
|
+
);
|
|
30
|
+
if (!evaluateCondition(element.renderWhen, flatVars)) return null;
|
|
31
|
+
}
|
|
32
|
+
|
|
25
33
|
if (element.type === "YStack" || element.type === "XStack") {
|
|
26
34
|
return <StackElementComponent key={element.id} element={element} ctx={ctx} parentType={parentType} />;
|
|
27
35
|
}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { z } from "zod";
|
|
2
|
+
import {
|
|
3
|
+
type LeafCondition,
|
|
4
|
+
type ConditionGroup,
|
|
5
|
+
LeafConditionSchema,
|
|
6
|
+
ConditionGroupSchema,
|
|
7
|
+
} from "@rocapine/react-native-onboarding";
|
|
2
8
|
import { CustomPayloadSchema } from "../types";
|
|
3
9
|
import { type StackElementProps, StackElementPropsSchema } from "./elements/StackElement";
|
|
4
10
|
import { type TextElementProps, TextElementPropsSchema } from "./elements/TextElement";
|
|
@@ -40,6 +46,7 @@ export type UIElement =
|
|
|
40
46
|
| {
|
|
41
47
|
id: string;
|
|
42
48
|
name?: string;
|
|
49
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
43
50
|
type: "YStack" | "XStack";
|
|
44
51
|
props: StackElementProps;
|
|
45
52
|
children: UIElement[];
|
|
@@ -47,72 +54,84 @@ export type UIElement =
|
|
|
47
54
|
| {
|
|
48
55
|
id: string;
|
|
49
56
|
name?: string;
|
|
57
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
50
58
|
type: "Text";
|
|
51
59
|
props: TextElementProps;
|
|
52
60
|
}
|
|
53
61
|
| {
|
|
54
62
|
id: string;
|
|
55
63
|
name?: string;
|
|
64
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
56
65
|
type: "Image";
|
|
57
66
|
props: ImageElementProps;
|
|
58
67
|
}
|
|
59
68
|
| {
|
|
60
69
|
id: string;
|
|
61
70
|
name?: string;
|
|
71
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
62
72
|
type: "Lottie";
|
|
63
73
|
props: LottieElementProps;
|
|
64
74
|
}
|
|
65
75
|
| {
|
|
66
76
|
id: string;
|
|
67
77
|
name?: string;
|
|
78
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
68
79
|
type: "Rive";
|
|
69
80
|
props: RiveElementProps;
|
|
70
81
|
}
|
|
71
82
|
| {
|
|
72
83
|
id: string;
|
|
73
84
|
name?: string;
|
|
85
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
74
86
|
type: "Icon";
|
|
75
87
|
props: IconElementProps;
|
|
76
88
|
}
|
|
77
89
|
| {
|
|
78
90
|
id: string;
|
|
79
91
|
name?: string;
|
|
92
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
80
93
|
type: "Video";
|
|
81
94
|
props: VideoElementProps;
|
|
82
95
|
}
|
|
83
96
|
| {
|
|
84
97
|
id: string;
|
|
85
98
|
name?: string;
|
|
99
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
86
100
|
type: "Input";
|
|
87
101
|
props: InputElementProps;
|
|
88
102
|
}
|
|
89
103
|
| {
|
|
90
104
|
id: string;
|
|
91
105
|
name?: string;
|
|
106
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
92
107
|
type: "Button";
|
|
93
108
|
props: ButtonElementProps;
|
|
94
109
|
}
|
|
95
110
|
| {
|
|
96
111
|
id: string;
|
|
97
112
|
name?: string;
|
|
113
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
98
114
|
type: "RadioGroup";
|
|
99
115
|
props: RadioGroupElementProps;
|
|
100
116
|
}
|
|
101
117
|
| {
|
|
102
118
|
id: string;
|
|
103
119
|
name?: string;
|
|
120
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
104
121
|
type: "CheckboxGroup";
|
|
105
122
|
props: CheckboxGroupElementProps;
|
|
106
123
|
}
|
|
107
124
|
| {
|
|
108
125
|
id: string;
|
|
109
126
|
name?: string;
|
|
127
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
110
128
|
type: "DatePicker";
|
|
111
129
|
props: DatePickerElementProps;
|
|
112
130
|
}
|
|
113
131
|
| {
|
|
114
132
|
id: string;
|
|
115
133
|
name?: string;
|
|
134
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
116
135
|
type: "Carousel";
|
|
117
136
|
props: CarouselElementProps;
|
|
118
137
|
children: UIElement[];
|
|
@@ -120,6 +139,7 @@ export type UIElement =
|
|
|
120
139
|
| {
|
|
121
140
|
id: string;
|
|
122
141
|
name?: string;
|
|
142
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
123
143
|
type: "ZStack";
|
|
124
144
|
props: ZStackElementProps;
|
|
125
145
|
children: UIElement[];
|
|
@@ -127,6 +147,7 @@ export type UIElement =
|
|
|
127
147
|
| {
|
|
128
148
|
id: string;
|
|
129
149
|
name?: string;
|
|
150
|
+
renderWhen?: LeafCondition | ConditionGroup;
|
|
130
151
|
type: "SafeAreaView";
|
|
131
152
|
props: SafeAreaViewElementProps;
|
|
132
153
|
children: UIElement[];
|
|
@@ -137,6 +158,7 @@ export const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
|
137
158
|
z.object({
|
|
138
159
|
id: z.string(),
|
|
139
160
|
name: z.string().optional(),
|
|
161
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
140
162
|
type: z.union([z.literal("YStack"), z.literal("XStack")]),
|
|
141
163
|
props: StackElementPropsSchema,
|
|
142
164
|
children: z.array(UIElementSchema),
|
|
@@ -144,72 +166,84 @@ export const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
|
144
166
|
z.object({
|
|
145
167
|
id: z.string(),
|
|
146
168
|
name: z.string().optional(),
|
|
169
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
147
170
|
type: z.literal("Text"),
|
|
148
171
|
props: TextElementPropsSchema,
|
|
149
172
|
}),
|
|
150
173
|
z.object({
|
|
151
174
|
id: z.string(),
|
|
152
175
|
name: z.string().optional(),
|
|
176
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
153
177
|
type: z.literal("Image"),
|
|
154
178
|
props: ImageElementPropsSchema,
|
|
155
179
|
}),
|
|
156
180
|
z.object({
|
|
157
181
|
id: z.string(),
|
|
158
182
|
name: z.string().optional(),
|
|
183
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
159
184
|
type: z.literal("Lottie"),
|
|
160
185
|
props: LottieElementPropsSchema,
|
|
161
186
|
}),
|
|
162
187
|
z.object({
|
|
163
188
|
id: z.string(),
|
|
164
189
|
name: z.string().optional(),
|
|
190
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
165
191
|
type: z.literal("Rive"),
|
|
166
192
|
props: RiveElementPropsSchema,
|
|
167
193
|
}),
|
|
168
194
|
z.object({
|
|
169
195
|
id: z.string(),
|
|
170
196
|
name: z.string().optional(),
|
|
197
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
171
198
|
type: z.literal("Icon"),
|
|
172
199
|
props: IconElementPropsSchema,
|
|
173
200
|
}),
|
|
174
201
|
z.object({
|
|
175
202
|
id: z.string(),
|
|
176
203
|
name: z.string().optional(),
|
|
204
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
177
205
|
type: z.literal("Video"),
|
|
178
206
|
props: VideoElementPropsSchema,
|
|
179
207
|
}),
|
|
180
208
|
z.object({
|
|
181
209
|
id: z.string(),
|
|
182
210
|
name: z.string().optional(),
|
|
211
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
183
212
|
type: z.literal("Input"),
|
|
184
213
|
props: InputElementPropsSchema,
|
|
185
214
|
}),
|
|
186
215
|
z.object({
|
|
187
216
|
id: z.string(),
|
|
188
217
|
name: z.string().optional(),
|
|
218
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
189
219
|
type: z.literal("Button"),
|
|
190
220
|
props: ButtonElementPropsSchema,
|
|
191
221
|
}),
|
|
192
222
|
z.object({
|
|
193
223
|
id: z.string(),
|
|
194
224
|
name: z.string().optional(),
|
|
225
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
195
226
|
type: z.literal("RadioGroup"),
|
|
196
227
|
props: RadioGroupElementPropsSchema,
|
|
197
228
|
}),
|
|
198
229
|
z.object({
|
|
199
230
|
id: z.string(),
|
|
200
231
|
name: z.string().optional(),
|
|
232
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
201
233
|
type: z.literal("CheckboxGroup"),
|
|
202
234
|
props: CheckboxGroupElementPropsSchema,
|
|
203
235
|
}),
|
|
204
236
|
z.object({
|
|
205
237
|
id: z.string(),
|
|
206
238
|
name: z.string().optional(),
|
|
239
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
207
240
|
type: z.literal("DatePicker"),
|
|
208
241
|
props: DatePickerElementPropsSchema,
|
|
209
242
|
}),
|
|
210
243
|
z.object({
|
|
211
244
|
id: z.string(),
|
|
212
245
|
name: z.string().optional(),
|
|
246
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
213
247
|
type: z.literal("Carousel"),
|
|
214
248
|
props: CarouselElementPropsSchema,
|
|
215
249
|
children: z.array(UIElementSchema),
|
|
@@ -217,6 +251,7 @@ export const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
|
217
251
|
z.object({
|
|
218
252
|
id: z.string(),
|
|
219
253
|
name: z.string().optional(),
|
|
254
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
220
255
|
type: z.literal("ZStack"),
|
|
221
256
|
props: ZStackElementPropsSchema,
|
|
222
257
|
children: z.array(UIElementSchema),
|
|
@@ -224,6 +259,7 @@ export const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
|
|
|
224
259
|
z.object({
|
|
225
260
|
id: z.string(),
|
|
226
261
|
name: z.string().optional(),
|
|
262
|
+
renderWhen: z.union([LeafConditionSchema, ConditionGroupSchema]).optional(),
|
|
227
263
|
type: z.literal("SafeAreaView"),
|
|
228
264
|
props: SafeAreaViewElementPropsSchema,
|
|
229
265
|
children: z.array(UIElementSchema),
|