@rocapine/react-native-onboarding 1.1.1 → 1.1.3
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/steps/Loader/types.d.ts +4 -4
- package/dist/steps/MediaContent/types.d.ts +4 -4
- package/dist/steps/common.types.d.ts +2 -2
- package/dist/steps/common.types.js +2 -2
- package/dist/steps/common.types.js.map +1 -1
- package/package.json +1 -1
- package/src/steps/MediaContent/types.ts +3 -0
- package/dist/infra/hooks/useOnboarding.old.d.ts +0 -7
- package/dist/infra/hooks/useOnboarding.old.d.ts.map +0 -1
- package/dist/infra/hooks/useOnboarding.old.js +0 -20
- package/dist/infra/hooks/useOnboarding.old.js.map +0 -1
- package/dist/infra/hooks/useOnboardingStep.old.d.ts +0 -12
- package/dist/infra/hooks/useOnboardingStep.old.d.ts.map +0 -1
- package/dist/infra/hooks/useOnboardingStep.old.js +0 -37
- package/dist/infra/hooks/useOnboardingStep.old.js.map +0 -1
- package/dist/infra/provider/OnboardingProvider.old.d.ts +0 -61
- package/dist/infra/provider/OnboardingProvider.old.d.ts.map +0 -1
- package/dist/infra/provider/OnboardingProvider.old.js +0 -55
- package/dist/infra/provider/OnboardingProvider.old.js.map +0 -1
|
@@ -10,10 +10,10 @@ export declare const LoaderStepPayloadSchema: z.ZodObject<{
|
|
|
10
10
|
completed: z.ZodString;
|
|
11
11
|
}, z.core.$strip>>;
|
|
12
12
|
didYouKnowImages: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
|
|
13
|
-
type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
13
|
+
type: z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"video">, z.ZodLiteral<"image">]>, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
14
14
|
localPathId: z.ZodString;
|
|
15
15
|
}, z.core.$strip>, z.ZodObject<{
|
|
16
|
-
type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
16
|
+
type: z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"video">, z.ZodLiteral<"image">]>, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
17
17
|
url: z.ZodString;
|
|
18
18
|
}, z.core.$strip>]>>>>;
|
|
19
19
|
duration: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
|
|
@@ -35,10 +35,10 @@ export declare const LoaderStepTypeSchema: z.ZodObject<{
|
|
|
35
35
|
completed: z.ZodString;
|
|
36
36
|
}, z.core.$strip>>;
|
|
37
37
|
didYouKnowImages: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodUnion<readonly [z.ZodObject<{
|
|
38
|
-
type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
38
|
+
type: z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"video">, z.ZodLiteral<"image">]>, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
39
39
|
localPathId: z.ZodString;
|
|
40
40
|
}, z.core.$strip>, z.ZodObject<{
|
|
41
|
-
type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
41
|
+
type: z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"video">, z.ZodLiteral<"image">]>, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
42
42
|
url: z.ZodString;
|
|
43
43
|
}, z.core.$strip>]>>>>;
|
|
44
44
|
duration: z.ZodDefault<z.ZodOptional<z.ZodNumber>>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { z } from "zod";
|
|
2
2
|
export declare const MediaContentStepPayloadSchema: z.ZodObject<{
|
|
3
3
|
mediaSource: z.ZodUnion<readonly [z.ZodObject<{
|
|
4
|
-
type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
4
|
+
type: z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"video">, z.ZodLiteral<"image">]>, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
5
5
|
localPathId: z.ZodString;
|
|
6
6
|
}, z.core.$strip>, z.ZodObject<{
|
|
7
|
-
type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
7
|
+
type: z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"video">, z.ZodLiteral<"image">]>, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
8
8
|
url: z.ZodString;
|
|
9
9
|
}, z.core.$strip>]>;
|
|
10
10
|
title: z.ZodString;
|
|
@@ -22,10 +22,10 @@ export declare const MediaContentStepTypeSchema: z.ZodObject<{
|
|
|
22
22
|
displayProgressHeader: z.ZodBoolean;
|
|
23
23
|
payload: z.ZodObject<{
|
|
24
24
|
mediaSource: z.ZodUnion<readonly [z.ZodObject<{
|
|
25
|
-
type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
25
|
+
type: z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"video">, z.ZodLiteral<"image">]>, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
26
26
|
localPathId: z.ZodString;
|
|
27
27
|
}, z.core.$strip>, z.ZodObject<{
|
|
28
|
-
type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
28
|
+
type: z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"video">, z.ZodLiteral<"image">]>, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
29
29
|
url: z.ZodString;
|
|
30
30
|
}, z.core.$strip>]>;
|
|
31
31
|
title: z.ZodString;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { z } from "zod";
|
|
2
2
|
export declare const CustomPayloadSchema: z.ZodOptional<z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>>;
|
|
3
3
|
export declare const MediaSourceSchema: z.ZodUnion<readonly [z.ZodObject<{
|
|
4
|
-
type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
4
|
+
type: z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"video">, z.ZodLiteral<"image">]>, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
5
5
|
localPathId: z.ZodString;
|
|
6
6
|
}, z.core.$strip>, z.ZodObject<{
|
|
7
|
-
type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
7
|
+
type: z.ZodUnion<[z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"video">, z.ZodLiteral<"image">]>, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
|
|
8
8
|
url: z.ZodString;
|
|
9
9
|
}, z.core.$strip>]>;
|
|
10
10
|
export declare const SocialProofSchema: z.ZodObject<{
|
|
@@ -5,11 +5,11 @@ const zod_1 = require("zod");
|
|
|
5
5
|
exports.CustomPayloadSchema = zod_1.z.record(zod_1.z.string(), zod_1.z.any()).nullish();
|
|
6
6
|
exports.MediaSourceSchema = zod_1.z.union([
|
|
7
7
|
zod_1.z.object({
|
|
8
|
-
type: zod_1.z.literal("image").or(zod_1.z.literal("lottie")).or(zod_1.z.literal("rive")),
|
|
8
|
+
type: zod_1.z.literal("video").or(zod_1.z.literal("image")).or(zod_1.z.literal("lottie")).or(zod_1.z.literal("rive")),
|
|
9
9
|
localPathId: zod_1.z.string(),
|
|
10
10
|
}),
|
|
11
11
|
zod_1.z.object({
|
|
12
|
-
type: zod_1.z.literal("image").or(zod_1.z.literal("lottie")).or(zod_1.z.literal("rive")),
|
|
12
|
+
type: zod_1.z.literal("video").or(zod_1.z.literal("image")).or(zod_1.z.literal("lottie")).or(zod_1.z.literal("rive")),
|
|
13
13
|
url: zod_1.z.string(),
|
|
14
14
|
}),
|
|
15
15
|
]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.types.js","sourceRoot":"","sources":["../../src/steps/common.types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AAEX,QAAA,mBAAmB,GAAG,OAAC,CAAC,MAAM,CAAC,OAAC,CAAC,MAAM,EAAE,EAAE,OAAC,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;AAE9D,QAAA,iBAAiB,GAAG,OAAC,CAAC,KAAK,CAAC;IACvC,OAAC,CAAC,MAAM,CAAC;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"common.types.js","sourceRoot":"","sources":["../../src/steps/common.types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AAEX,QAAA,mBAAmB,GAAG,OAAC,CAAC,MAAM,CAAC,OAAC,CAAC,MAAM,EAAE,EAAE,OAAC,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;AAE9D,QAAA,iBAAiB,GAAG,OAAC,CAAC,KAAK,CAAC;IACvC,OAAC,CAAC,MAAM,CAAC;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC7F,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE;KACxB,CAAC;IACF,OAAC,CAAC,MAAM,CAAC;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC7F,GAAG,EAAE,OAAC,CAAC,MAAM,EAAE;KAChB,CAAC;CACH,CAAC,CAAC;AAEU,QAAA,iBAAiB,GAAG,OAAC,CAAC,MAAM,CAAC;IACxC,YAAY,EAAE,OAAC,CAAC,MAAM,EAAE;IACxB,OAAO,EAAE,OAAC,CAAC,MAAM,EAAE;IACnB,UAAU,EAAE,OAAC,CAAC,MAAM,EAAE;CACvB,CAAC,CAAC;AAEU,QAAA,aAAa,GAAG,OAAC,CAAC,MAAM,CAAC;IACpC,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;IACjB,OAAO,EAAE,OAAC,CAAC,MAAM,EAAE;CACpB,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rocapine/react-native-onboarding",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.3",
|
|
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",
|
|
@@ -5,11 +5,14 @@ import {
|
|
|
5
5
|
SocialProofSchema,
|
|
6
6
|
} from "../common.types";
|
|
7
7
|
|
|
8
|
+
export const MediaContentVariantSchema = z.enum(["default", "media_top", "media_bottom"]).default("default");
|
|
9
|
+
|
|
8
10
|
export const MediaContentStepPayloadSchema = z.object({
|
|
9
11
|
mediaSource: MediaSourceSchema,
|
|
10
12
|
title: z.string(),
|
|
11
13
|
description: z.string().nullish(),
|
|
12
14
|
socialProof: SocialProofSchema.nullish(),
|
|
15
|
+
variant: MediaContentVariantSchema.optional(),
|
|
13
16
|
});
|
|
14
17
|
|
|
15
18
|
export const MediaContentStepTypeSchema = z.object({
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useOnboarding.old.d.ts","sourceRoot":"","sources":["../../../src/infra/hooks/useOnboarding.old.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;;CAczB,CAAC"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useOnboarding = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
const UI_1 = require("../../UI");
|
|
6
|
-
const OnboardingProvider_1 = require("../provider/OnboardingProvider");
|
|
7
|
-
const useOnboarding = () => {
|
|
8
|
-
const { activeStep, totalSteps, onboarding } = (0, react_1.useContext)(OnboardingProvider_1.OnboardingProgressContext);
|
|
9
|
-
const progressPercentage = totalSteps > 0 ? Math.round((100 * activeStep.number) / totalSteps) : 0;
|
|
10
|
-
const { theme } = (0, UI_1.useTheme)();
|
|
11
|
-
const isProgressBarVisible = activeStep.displayProgressHeader;
|
|
12
|
-
return {
|
|
13
|
-
progressPercentage,
|
|
14
|
-
theme,
|
|
15
|
-
isProgressBarVisible,
|
|
16
|
-
onboarding,
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
exports.useOnboarding = useOnboarding;
|
|
20
|
-
//# sourceMappingURL=useOnboarding.old.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useOnboarding.old.js","sourceRoot":"","sources":["../../../src/infra/hooks/useOnboarding.old.ts"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,iCAAoC;AACpC,uEAA2E;AAEpE,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,kBAAU,EACvD,8CAAyB,CAC1B,CAAC;IACF,MAAM,kBAAkB,GACtB,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,aAAQ,GAAE,CAAC;IAC7B,MAAM,oBAAoB,GAAG,UAAU,CAAC,qBAAqB,CAAC;IAC9D,OAAO;QACL,kBAAkB;QAClB,KAAK;QACL,oBAAoB;QACpB,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,aAAa,iBAcxB"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { OnboardingStepType, BaseStepType } from "../../UI/types";
|
|
2
|
-
import { OnboardingMetadata } from "../../types";
|
|
3
|
-
export declare const useOnboardingStep: <StepType extends BaseStepType = OnboardingStepType>({ stepNumber, }: {
|
|
4
|
-
stepNumber: number;
|
|
5
|
-
}) => {
|
|
6
|
-
step: StepType;
|
|
7
|
-
isLastStep: boolean;
|
|
8
|
-
stepsLength: number;
|
|
9
|
-
onboardingMetadata: OnboardingMetadata;
|
|
10
|
-
steps: StepType[];
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=useOnboardingStep.old.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useOnboardingStep.old.d.ts","sourceRoot":"","sources":["../../../src/infra/hooks/useOnboardingStep.old.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAc,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE7D,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,SAAS,YAAY,GAAG,kBAAkB,EAClD,iBAEC;IACD,UAAU,EAAE,MAAM,CAAC;CACpB,KAAG;IACF,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,KAAK,EAAE,QAAQ,EAAE,CAAC;CA8CnB,CAAC"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useOnboardingStep = void 0;
|
|
4
|
-
const react_1 = require("react");
|
|
5
|
-
const react_query_1 = require("@tanstack/react-query");
|
|
6
|
-
const expo_router_1 = require("expo-router");
|
|
7
|
-
const OnboardingProvider_1 = require("../provider/OnboardingProvider");
|
|
8
|
-
const getOnboarding_query_1 = require("../queries/getOnboarding.query");
|
|
9
|
-
const useOnboardingStep = ({ stepNumber, }) => {
|
|
10
|
-
// Get all config from context
|
|
11
|
-
const { client, locale, customAudienceParams, setActiveStep, setTotalSteps, setOnboarding, } = (0, react_1.useContext)(OnboardingProvider_1.OnboardingProgressContext);
|
|
12
|
-
// Build query with config from context
|
|
13
|
-
const { data } = (0, react_query_1.useSuspenseQuery)((0, getOnboarding_query_1.getOnboardingQuery)(client, locale, customAudienceParams, setOnboarding));
|
|
14
|
-
const steps = data.steps;
|
|
15
|
-
const onboardingMetadata = data.metadata;
|
|
16
|
-
(0, expo_router_1.useFocusEffect)((0, react_1.useCallback)(() => {
|
|
17
|
-
var _a;
|
|
18
|
-
const currentStep = steps[stepNumber - 1];
|
|
19
|
-
setActiveStep({
|
|
20
|
-
number: stepNumber,
|
|
21
|
-
displayProgressHeader: (_a = currentStep === null || currentStep === void 0 ? void 0 : currentStep.displayProgressHeader) !== null && _a !== void 0 ? _a : true,
|
|
22
|
-
});
|
|
23
|
-
setTotalSteps(steps.length);
|
|
24
|
-
}, [stepNumber, steps, setActiveStep, setTotalSteps]));
|
|
25
|
-
const step = steps[stepNumber - 1];
|
|
26
|
-
const isLastStep = stepNumber >= steps.length;
|
|
27
|
-
const stepsLength = steps.length;
|
|
28
|
-
return {
|
|
29
|
-
step,
|
|
30
|
-
isLastStep,
|
|
31
|
-
stepsLength,
|
|
32
|
-
onboardingMetadata,
|
|
33
|
-
steps,
|
|
34
|
-
};
|
|
35
|
-
};
|
|
36
|
-
exports.useOnboardingStep = useOnboardingStep;
|
|
37
|
-
//# sourceMappingURL=useOnboardingStep.old.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useOnboardingStep.old.js","sourceRoot":"","sources":["../../../src/infra/hooks/useOnboardingStep.old.ts"],"names":[],"mappings":";;;AAAA,iCAAgD;AAChD,uDAAyD;AACzD,6CAA6C;AAC7C,uEAA2E;AAE3E,wEAAoE;AAG7D,MAAM,iBAAiB,GAAG,CAE/B,EACA,UAAU,GAGX,EAMC,EAAE;IACF,8BAA8B;IAC9B,MAAM,EACJ,MAAM,EACN,MAAM,EACN,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,aAAa,GACd,GAAG,IAAA,kBAAU,EAAC,8CAAyB,CAAC,CAAC;IAE1C,uCAAuC;IACvC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAgB,EAC/B,IAAA,wCAAkB,EAChB,MAAM,EACN,MAAM,EACN,oBAAoB,EACpB,aAA2D,CAC5D,CACF,CAAC;IACF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;IACzB,MAAM,kBAAkB,GAAG,IAAI,CAAC,QAAQ,CAAC;IAEzC,IAAA,4BAAc,EACZ,IAAA,mBAAW,EAAC,GAAG,EAAE;;QACf,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;QAC1C,aAAa,CAAC;YACZ,MAAM,EAAE,UAAU;YAClB,qBAAqB,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,qBAAqB,mCAAI,IAAI;SAClE,CAAC,CAAC;QACH,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CACtD,CAAC;IAEF,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,UAAU,IAAI,KAAK,CAAC,MAAM,CAAC;IAC9C,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC;IAEjC,OAAO;QACL,IAAI;QACJ,UAAU;QACV,WAAW;QACX,kBAAkB;QAClB,KAAK;KACN,CAAC;AACJ,CAAC,CAAC;AAzDW,QAAA,iBAAiB,qBAyD5B"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { ColorScheme, DeepPartial, Theme } from "../../UI/Theme/types";
|
|
2
|
-
import { OnboardingStudioClient } from "../../OnboardingStudioClient";
|
|
3
|
-
import { CustomComponents } from "./CustomComponentsContext";
|
|
4
|
-
import { Onboarding } from "../../types";
|
|
5
|
-
import { OnboardingStepType } from "../../UI";
|
|
6
|
-
interface OnboardingProviderProps {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
client: OnboardingStudioClient;
|
|
9
|
-
initialColorScheme?: ColorScheme;
|
|
10
|
-
locale?: string;
|
|
11
|
-
customAudienceParams?: Record<string, any>;
|
|
12
|
-
/**
|
|
13
|
-
* Custom theme to override default theme tokens for both light and dark modes.
|
|
14
|
-
* Partial overrides are supported - only provide the tokens you want to customize.
|
|
15
|
-
*/
|
|
16
|
-
theme?: DeepPartial<Theme>;
|
|
17
|
-
/**
|
|
18
|
-
* Custom theme tokens for light mode only.
|
|
19
|
-
* Partial overrides are supported - only provide the tokens you want to customize.
|
|
20
|
-
*/
|
|
21
|
-
lightTheme?: DeepPartial<Theme>;
|
|
22
|
-
/**
|
|
23
|
-
* Custom theme tokens for dark mode only.
|
|
24
|
-
* Partial overrides are supported - only provide the tokens you want to customize.
|
|
25
|
-
*/
|
|
26
|
-
darkTheme?: DeepPartial<Theme>;
|
|
27
|
-
/**
|
|
28
|
-
* Custom components to replace default implementations.
|
|
29
|
-
* Allows full UI customization for specific parts of the onboarding flow.
|
|
30
|
-
* @example
|
|
31
|
-
* ```tsx
|
|
32
|
-
* <OnboardingProvider
|
|
33
|
-
* customComponents={{
|
|
34
|
-
* QuestionAnswerButton: MyCustomButton,
|
|
35
|
-
* QuestionAnswersList: MyCustomList
|
|
36
|
-
* }}
|
|
37
|
-
* />
|
|
38
|
-
* ```
|
|
39
|
-
*/
|
|
40
|
-
customComponents?: CustomComponents;
|
|
41
|
-
}
|
|
42
|
-
export declare const OnboardingProvider: ({ children, client, initialColorScheme, locale, customAudienceParams, theme, lightTheme, darkTheme, customComponents, }: OnboardingProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
43
|
-
export declare const OnboardingProgressContext: import("react").Context<{
|
|
44
|
-
activeStep: {
|
|
45
|
-
number: number;
|
|
46
|
-
displayProgressHeader: boolean;
|
|
47
|
-
};
|
|
48
|
-
setActiveStep: (step: {
|
|
49
|
-
number: number;
|
|
50
|
-
displayProgressHeader: boolean;
|
|
51
|
-
}) => void;
|
|
52
|
-
totalSteps: number;
|
|
53
|
-
setTotalSteps: (steps: number) => void;
|
|
54
|
-
client: OnboardingStudioClient;
|
|
55
|
-
locale: string;
|
|
56
|
-
customAudienceParams: Record<string, any>;
|
|
57
|
-
onboarding: Onboarding<OnboardingStepType> | null;
|
|
58
|
-
setOnboarding: (onboarding: Onboarding<OnboardingStepType>) => void;
|
|
59
|
-
}>;
|
|
60
|
-
export {};
|
|
61
|
-
//# sourceMappingURL=OnboardingProvider.old.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingProvider.old.d.ts","sourceRoot":"","sources":["../../../src/infra/provider/OnboardingProvider.old.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACvE,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAEL,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAsB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAU9C,UAAU,uBAAuB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,sBAAsB,CAAC;IAC/B,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC3C;;;OAGG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC3B;;;OAGG;IACH,UAAU,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC/B;;;;;;;;;;;;OAYG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED,eAAO,MAAM,kBAAkB,GAAI,yHAUhC,uBAAuB,4CAsCzB,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;EAWnE,CAAC"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.OnboardingProgressContext = exports.OnboardingProvider = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const react_query_1 = require("@tanstack/react-query");
|
|
7
|
-
const ThemeProvider_1 = require("../../UI/Theme/ThemeProvider");
|
|
8
|
-
const OnboardingStudioClient_1 = require("../../OnboardingStudioClient");
|
|
9
|
-
const CustomComponentsContext_1 = require("./CustomComponentsContext");
|
|
10
|
-
const getOnboarding_query_1 = require("../queries/getOnboarding.query");
|
|
11
|
-
const queryClient = new react_query_1.QueryClient({
|
|
12
|
-
defaultOptions: {
|
|
13
|
-
queries: {
|
|
14
|
-
staleTime: Infinity,
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
});
|
|
18
|
-
const OnboardingProvider = ({ children, client, initialColorScheme = "light", // @todo To move in the Onboarding Layout
|
|
19
|
-
locale = "en", customAudienceParams = {}, theme, // @todo To move in the Onboarding Layout
|
|
20
|
-
lightTheme, // @todo To move in the Onboarding Layout
|
|
21
|
-
darkTheme, // @todo To move in the Onboarding Layout
|
|
22
|
-
customComponents, // @todo To move in the Onboarding Layout
|
|
23
|
-
}) => {
|
|
24
|
-
const [activeStep, setActiveStep] = (0, react_1.useState)({
|
|
25
|
-
number: 0,
|
|
26
|
-
displayProgressHeader: false,
|
|
27
|
-
});
|
|
28
|
-
const [totalSteps, setTotalSteps] = (0, react_1.useState)(0);
|
|
29
|
-
const [onboarding, setOnboarding] = (0, react_1.useState)(null);
|
|
30
|
-
queryClient.prefetchQuery((0, getOnboarding_query_1.getOnboardingQuery)(client, locale, customAudienceParams, setOnboarding));
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { initialColorScheme: initialColorScheme, customTheme: theme, customLightTheme: lightTheme, customDarkTheme: darkTheme, children: (0, jsx_runtime_1.jsx)(CustomComponentsContext_1.CustomComponentsProvider, { components: customComponents, children: (0, jsx_runtime_1.jsx)(exports.OnboardingProgressContext.Provider, { value: {
|
|
32
|
-
activeStep,
|
|
33
|
-
setActiveStep,
|
|
34
|
-
totalSteps,
|
|
35
|
-
setTotalSteps,
|
|
36
|
-
client,
|
|
37
|
-
locale,
|
|
38
|
-
customAudienceParams,
|
|
39
|
-
onboarding,
|
|
40
|
-
setOnboarding,
|
|
41
|
-
}, children: children }) }) }) }));
|
|
42
|
-
};
|
|
43
|
-
exports.OnboardingProvider = OnboardingProvider;
|
|
44
|
-
exports.OnboardingProgressContext = (0, react_1.createContext)({
|
|
45
|
-
activeStep: { number: 0, displayProgressHeader: false },
|
|
46
|
-
setActiveStep: () => { },
|
|
47
|
-
totalSteps: 0,
|
|
48
|
-
setTotalSteps: () => { },
|
|
49
|
-
client: new OnboardingStudioClient_1.OnboardingStudioClient('', {}),
|
|
50
|
-
locale: "en",
|
|
51
|
-
customAudienceParams: {},
|
|
52
|
-
onboarding: null,
|
|
53
|
-
setOnboarding: () => { },
|
|
54
|
-
});
|
|
55
|
-
//# sourceMappingURL=OnboardingProvider.old.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OnboardingProvider.old.js","sourceRoot":"","sources":["../../../src/infra/provider/OnboardingProvider.old.tsx"],"names":[],"mappings":";;;;AAAA,iCAAgD;AAChD,uDAAyE;AACzE,gEAA6D;AAE7D,yEAAsE;AACtE,uEAGmC;AACnC,wEAAoE;AAIpE,MAAM,WAAW,GAAG,IAAI,yBAAW,CAAC;IAClC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,SAAS,EAAE,QAAQ;SACpB;KACF;CACF,CAAC,CAAA;AAuCK,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,MAAM,EACN,kBAAkB,GAAG,OAAO,EAAE,yCAAyC;AACvE,MAAM,GAAG,IAAI,EACb,oBAAoB,GAAG,EAAE,EACzB,KAAK,EAAE,yCAAyC;AAChD,UAAU,EAAE,yCAAyC;AACrD,SAAS,EAAE,yCAAyC;AACpD,gBAAgB,EAAE,yCAAyC;EACnC,EAAE,EAAE;IAC5B,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,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAwC,IAAI,CAAC,CAAC;IAE1F,WAAW,CAAC,aAAa,CAAC,IAAA,wCAAkB,EAAC,MAAM,EAAE,MAAM,EAAE,oBAAoB,EAAE,aAAa,CAAC,CAAC,CAAA;IAElG,OAAO,CACL,uBAAC,iCAAmB,IAAC,MAAM,EAAE,WAAW,YACtC,uBAAC,6BAAa,IACZ,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,KAAK,EAClB,gBAAgB,EAAE,UAAU,EAC5B,eAAe,EAAE,SAAS,YAE1B,uBAAC,kDAAwB,IAAC,UAAU,EAAE,gBAAgB,YACpD,uBAAC,iCAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;wBACL,UAAU;wBACV,aAAa;wBACb,UAAU;wBACV,aAAa;wBACb,MAAM;wBACN,MAAM;wBACN,oBAAoB;wBACpB,UAAU;wBACV,aAAa;qBACd,YAEA,QAAQ,GAC0B,GACZ,GACb,GACI,CACvB,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,kBAAkB,sBAgD7B;AAEW,QAAA,yBAAyB,GAAG,IAAA,qBAAa,EAUnD;IACD,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE;IACvD,aAAa,EAAE,GAAG,EAAE,GAAG,CAAC;IACxB,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,GAAG,EAAE,GAAG,CAAC;IACxB,MAAM,EAAE,IAAI,+CAAsB,CAAC,EAAE,EAAE,EAAE,CAAC;IAC1C,MAAM,EAAE,IAAI;IACZ,oBAAoB,EAAE,EAAE;IACxB,UAAU,EAAE,IAAI;IAChB,aAAa,EAAE,GAAG,EAAE,GAAG,CAAC;CACzB,CAAC,CAAC"}
|