@rocapine/react-native-onboarding 1.17.1 → 1.18.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/infra/provider/OnboardingProvider.d.ts +1 -0
- package/dist/infra/provider/OnboardingProvider.d.ts.map +1 -1
- package/dist/infra/provider/OnboardingProvider.js +6 -1
- package/dist/infra/provider/OnboardingProvider.js.map +1 -1
- package/package.json +1 -1
- package/src/infra/provider/OnboardingProvider.tsx +8 -2
|
@@ -44,6 +44,7 @@ export declare const OnboardingProgressContext: import("react").Context<{
|
|
|
44
44
|
setOnboarding: (onboarding: Onboarding<OnboardingStepType>) => void;
|
|
45
45
|
variables: Record<string, any>;
|
|
46
46
|
setVariable: (name: string, value: any) => void;
|
|
47
|
+
getVariables: () => Record<string, any>;
|
|
47
48
|
customActions: CustomActions;
|
|
48
49
|
}>;
|
|
49
50
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingProvider.d.ts","sourceRoot":"","sources":["../../../src/infra/provider/OnboardingProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAW7E,MAAM,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE;IACvC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,GAAG,SAAS,CAAC,CAAC;CAChE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAE3B,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAEhE,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAiCD,eAAO,MAAM,kBAAkB,GAAI,mFAOhC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"OnboardingProvider.d.ts","sourceRoot":"","sources":["../../../src/infra/provider/OnboardingProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAW7E,MAAM,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE;IACvC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,uBAAuB,GAAG,SAAS,CAAC,CAAC;CAChE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAE3B,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;AAEhE,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C;;;;;OAKG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;;OAIG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AAiCD,eAAO,MAAM,kBAAkB,GAAI,mFAOhC,uBAAuB,4CA8CzB,CAAC;AAEF,eAAO,MAAM,yBAAyB;gBACxB;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,OAAO,CAAA;KAAE;mBAC/C,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI;gBACrE,MAAM;mBACH,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;YAC9B,sBAAsB;YACtB,MAAM;0BACQ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;gBAC7B,UAAU,CAAC,kBAAkB,CAAC,GAAG,IAAI;mBAClC,CAAC,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,KAAK,IAAI;eACxD,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;iBACjB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI;kBACjC,MAAM,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;mBACxB,aAAa;EAe5B,CAAC"}
|
|
@@ -30,9 +30,12 @@ const OnboardingProvider = ({ children, client, locale = "en", customAudiencePar
|
|
|
30
30
|
const [totalSteps, setTotalSteps] = (0, react_1.useState)(0);
|
|
31
31
|
const [onboarding, setOnboarding] = (0, react_1.useState)(null);
|
|
32
32
|
const [variables, setVariables] = (0, react_1.useState)({});
|
|
33
|
+
const variablesRef = (0, react_1.useRef)(variables);
|
|
33
34
|
const setVariable = (0, react_1.useCallback)((name, value) => {
|
|
34
|
-
|
|
35
|
+
variablesRef.current = Object.assign(Object.assign({}, variablesRef.current), { [name]: value });
|
|
36
|
+
setVariables(variablesRef.current);
|
|
35
37
|
}, []);
|
|
38
|
+
const getVariables = (0, react_1.useCallback)(() => variablesRef.current, []);
|
|
36
39
|
return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(exports.OnboardingProgressContext.Provider, { value: {
|
|
37
40
|
activeStep,
|
|
38
41
|
setActiveStep,
|
|
@@ -45,6 +48,7 @@ const OnboardingProvider = ({ children, client, locale = "en", customAudiencePar
|
|
|
45
48
|
setOnboarding,
|
|
46
49
|
variables,
|
|
47
50
|
setVariable,
|
|
51
|
+
getVariables,
|
|
48
52
|
customActions,
|
|
49
53
|
}, children: (0, jsx_runtime_1.jsx)(OnboardingDataGate, { client: client, locale: locale, customAudienceParams: customAudienceParams, setOnboarding: setOnboarding, fontsFallback: fontsFallback, children: children }) }) }));
|
|
50
54
|
};
|
|
@@ -61,6 +65,7 @@ exports.OnboardingProgressContext = (0, react_1.createContext)({
|
|
|
61
65
|
setOnboarding: () => { },
|
|
62
66
|
variables: {},
|
|
63
67
|
setVariable: () => { },
|
|
68
|
+
getVariables: () => ({}),
|
|
64
69
|
customActions: {},
|
|
65
70
|
});
|
|
66
71
|
//# sourceMappingURL=OnboardingProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingProvider.js","sourceRoot":"","sources":["../../../src/infra/provider/OnboardingProvider.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"OnboardingProvider.js","sourceRoot":"","sources":["../../../src/infra/provider/OnboardingProvider.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocapine/react-native-onboarding",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.18.0",
|
|
4
4
|
"description": "Headless React Native SDK for Rocapine Onboarding Studio - Data fetching, state management, and hooks",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createContext, useCallback, useState } from "react";
|
|
1
|
+
import { createContext, useCallback, useRef, useState } from "react";
|
|
2
2
|
import { QueryClient, QueryClientProvider, useQuery } from "@tanstack/react-query";
|
|
3
3
|
import { OnboardingStudioClient } from "../../OnboardingStudioClient";
|
|
4
4
|
import { getOnboardingQuery } from "../queries/getOnboarding.query";
|
|
@@ -87,9 +87,12 @@ export const OnboardingProvider = ({
|
|
|
87
87
|
const [totalSteps, setTotalSteps] = useState(0);
|
|
88
88
|
const [onboarding, setOnboarding] = useState<Onboarding<OnboardingStepType> | null>(null);
|
|
89
89
|
const [variables, setVariables] = useState<Record<string, any>>({});
|
|
90
|
+
const variablesRef = useRef<Record<string, any>>(variables);
|
|
90
91
|
const setVariable = useCallback((name: string, value: any) => {
|
|
91
|
-
|
|
92
|
+
variablesRef.current = { ...variablesRef.current, [name]: value };
|
|
93
|
+
setVariables(variablesRef.current);
|
|
92
94
|
}, []);
|
|
95
|
+
const getVariables = useCallback(() => variablesRef.current, []);
|
|
93
96
|
|
|
94
97
|
return (
|
|
95
98
|
<QueryClientProvider client={queryClient}>
|
|
@@ -106,6 +109,7 @@ export const OnboardingProvider = ({
|
|
|
106
109
|
setOnboarding,
|
|
107
110
|
variables,
|
|
108
111
|
setVariable,
|
|
112
|
+
getVariables,
|
|
109
113
|
customActions,
|
|
110
114
|
}}
|
|
111
115
|
>
|
|
@@ -135,6 +139,7 @@ export const OnboardingProgressContext = createContext<{
|
|
|
135
139
|
setOnboarding: (onboarding: Onboarding<OnboardingStepType>) => void;
|
|
136
140
|
variables: Record<string, any>;
|
|
137
141
|
setVariable: (name: string, value: any) => void;
|
|
142
|
+
getVariables: () => Record<string, any>;
|
|
138
143
|
customActions: CustomActions;
|
|
139
144
|
}>({
|
|
140
145
|
activeStep: { number: 0, displayProgressHeader: false },
|
|
@@ -148,5 +153,6 @@ export const OnboardingProgressContext = createContext<{
|
|
|
148
153
|
setOnboarding: () => { },
|
|
149
154
|
variables: {},
|
|
150
155
|
setVariable: () => { },
|
|
156
|
+
getVariables: () => ({}),
|
|
151
157
|
customActions: {},
|
|
152
158
|
});
|