@rocapine/react-native-onboarding-ui 1.1.5 → 1.2.0

package/dist/provider/CustomComponentsContext.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCustomComponents = exports.CustomComponentsProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const CustomComponentsContext = (0, react_1.createContext)({});
-/**
- * Provider for custom components.
- * Wraps the app to make custom components available to all renderers.
- */
-const CustomComponentsProvider = ({ children, components = {} }) => ((0, jsx_runtime_1.jsx)(CustomComponentsContext.Provider, { value: components, children: children }));
-exports.CustomComponentsProvider = CustomComponentsProvider;
-/**
- * Hook to access custom components from context.
- * Returns empty object if no custom components are provided.
- */
-const useCustomComponents = () => (0, react_1.useContext)(CustomComponentsContext);
-exports.useCustomComponents = useCustomComponents;
-//# sourceMappingURL=CustomComponentsContext.js.map

package/dist/provider/CustomComponentsContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomComponentsContext.js","sourceRoot":"","sources":["../../src/provider/CustomComponentsContext.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyD;AAsDzD,MAAM,uBAAuB,GAAG,IAAA,qBAAa,EAAmB,EAAE,CAAC,CAAC;AAEpE;;;GAGG;AACI,MAAM,wBAAwB,GAGhC,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,CACtC,uBAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAChD,QAAQ,GACwB,CACpC,CAAC;AAPW,QAAA,wBAAwB,4BAOnC;AAEF;;;GAGG;AACI,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,uBAAuB,CAAC,CAAC;AAAhE,QAAA,mBAAmB,uBAA6C"}

package/dist/provider/OnboardingUIProvider.d.ts

@@ -1,44 +0,0 @@
-import { ColorScheme, DeepPartial, Theme } from "../UI/Theme/types";
-import { CustomComponents } from "./CustomComponentsContext";
-interface OnboardingUIProviderProps {
-    children: React.ReactNode;
-    initialColorScheme?: ColorScheme;
-    locale?: string;
-    customAudienceParams?: Record<string, any>;
-    /**
-     * Custom theme to override default theme tokens for both light and dark modes.
-     * Partial overrides are supported - only provide the tokens you want to customize.
-     */
-    theme?: DeepPartial<Theme>;
-    /**
-     * Custom theme tokens for light mode only.
-     * Partial overrides are supported - only provide the tokens you want to customize.
-     */
-    lightTheme?: DeepPartial<Theme>;
-    /**
-     * Custom theme tokens for dark mode only.
-     * Partial overrides are supported - only provide the tokens you want to customize.
-     */
-    darkTheme?: DeepPartial<Theme>;
-    /**
-     * Custom components to replace default implementations.
-     * Allows full UI customization for specific parts of the onboarding flow.
-     * @example
-     * ```tsx
-     * <OnboardingUIProvider
-     *   customComponents={{
-     *     QuestionAnswerButton: MyCustomButton,
-     *     QuestionAnswersList: MyCustomList
-     *   }}
-     * />
-     * ```
-     */
-    customComponents?: CustomComponents;
-}
-/**
- * UI Provider that wraps the headless OnboardingProvider with theme, progress tracking, and custom components.
- * Use this provider when you want the complete UI experience with all features.
- */
-export declare const OnboardingUIProvider: ({ children, client, initialColorScheme, locale, customAudienceParams, theme, lightTheme, darkTheme, customComponents, }: OnboardingUIProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=OnboardingUIProvider.d.ts.map

package/dist/provider/OnboardingUIProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OnboardingUIProvider.d.ts","sourceRoot":"","sources":["../../src/provider/OnboardingUIProvider.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAEL,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AAGnC,UAAU,yBAAyB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,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;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,yHAUlC,yBAAyB,4CAwC3B,CAAC"}

package/dist/provider/OnboardingUIProvider.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnboardingUIProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_onboarding_1 = require("@rocapine/react-native-onboarding");
-const ThemeProvider_1 = require("../UI/Theme/ThemeProvider");
-const CustomComponentsContext_1 = require("./CustomComponentsContext");
-/**
- * UI Provider that wraps the headless OnboardingProvider with theme, progress tracking, and custom components.
- * Use this provider when you want the complete UI experience with all features.
- */
-const OnboardingUIProvider = ({ children, client, initialColorScheme = "light", locale = "en", customAudienceParams = {}, theme, lightTheme, darkTheme, customComponents, }) => {
-    const [activeStep, setActiveStep] = (0, react_1.useState)({
-        number: 0,
-        displayProgressHeader: false,
-    });
-    const [totalSteps, setTotalSteps] = (0, react_1.useState)(0);
-    const [onboarding, setOnboarding] = (0, react_1.useState)(null);
-    return ((0, jsx_runtime_1.jsx)(react_native_onboarding_1.OnboardingProvider, { client: client, locale: locale, customAudienceParams: customAudienceParams, 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)(OnboardingProgressContext.Provider, { value: {
-                        activeStep,
-                        setActiveStep,
-                        totalSteps,
-                        setTotalSteps,
-                        client,
-                        locale,
-                        customAudienceParams,
-                        onboarding,
-                        setOnboarding,
-                    }, children: children }) }) }) }));
-};
-exports.OnboardingUIProvider = OnboardingUIProvider;
-//# sourceMappingURL=OnboardingUIProvider.js.map

package/dist/provider/OnboardingUIProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OnboardingUIProvider.js","sourceRoot":"","sources":["../../src/provider/OnboardingUIProvider.tsx"],"names":[],"mappings":";;;;AAAA,iCAAgD;AAChD,+EAK2C;AAC3C,6DAA0D;AAE1D,uEAGmC;AAuCnC;;;GAGG;AACI,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,MAAM,EACN,kBAAkB,GAAG,OAAO,EAC5B,MAAM,GAAG,IAAI,EACb,oBAAoB,GAAG,EAAE,EACzB,KAAK,EACL,UAAU,EACV,SAAS,EACT,gBAAgB,GACU,EAAE,EAAE;IAC9B,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,OAAO,CACL,uBAAC,4CAAkB,IACjB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,oBAAoB,EAAE,oBAAoB,YAE1C,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,yBAAyB,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,GACG,CACtB,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,oBAAoB,wBAkD/B"}

package/dist/provider/OnboardingUIProvider.old.d.ts

@@ -1,60 +0,0 @@
-import { OnboardingStudioClient, Onboarding } from "@rocapine/react-native-onboarding";
-import { ColorScheme, DeepPartial, Theme } from "../UI/Theme/types";
-import { CustomComponents } from "./CustomComponentsContext";
-import { OnboardingStepType } from "../UI/types";
-interface OnboardingProviderProps {
-    children: React.ReactNode;
-    client: OnboardingStudioClient;
-    initialColorScheme?: ColorScheme;
-    locale?: string;
-    customAudienceParams?: Record<string, any>;
-    /**
-     * Custom theme to override default theme tokens for both light and dark modes.
-     * Partial overrides are supported - only provide the tokens you want to customize.
-     */
-    theme?: DeepPartial<Theme>;
-    /**
-     * Custom theme tokens for light mode only.
-     * Partial overrides are supported - only provide the tokens you want to customize.
-     */
-    lightTheme?: DeepPartial<Theme>;
-    /**
-     * Custom theme tokens for dark mode only.
-     * Partial overrides are supported - only provide the tokens you want to customize.
-     */
-    darkTheme?: DeepPartial<Theme>;
-    /**
-     * Custom components to replace default implementations.
-     * Allows full UI customization for specific parts of the onboarding flow.
-     * @example
-     * ```tsx
-     * <OnboardingProvider
-     *   customComponents={{
-     *     QuestionAnswerButton: MyCustomButton,
-     *     QuestionAnswersList: MyCustomList
-     *   }}
-     * />
-     * ```
-     */
-    customComponents?: CustomComponents;
-}
-export declare const OnboardingProvider: ({ children, client, initialColorScheme, locale, customAudienceParams, theme, lightTheme, darkTheme, customComponents, }: OnboardingProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OnboardingProgressContext: import("react").Context<{
-    activeStep: {
-        number: number;
-        displayProgressHeader: boolean;
-    };
-    setActiveStep: (step: {
-        number: number;
-        displayProgressHeader: boolean;
-    }) => void;
-    totalSteps: number;
-    setTotalSteps: (steps: number) => void;
-    client: OnboardingStudioClient;
-    locale: string;
-    customAudienceParams: Record<string, any>;
-    onboarding: Onboarding<OnboardingStepType> | null;
-    setOnboarding: (onboarding: Onboarding<OnboardingStepType>) => void;
-}>;
-export {};
-//# sourceMappingURL=OnboardingUIProvider.old.d.ts.map

package/dist/provider/OnboardingUIProvider.old.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OnboardingUIProvider.old.d.ts","sourceRoot":"","sources":["../../src/provider/OnboardingUIProvider.old.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,EACtB,UAAU,EACX,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAEL,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAUjD,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"}

package/dist/provider/OnboardingUIProvider.old.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OnboardingProgressContext = exports.OnboardingProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_native_onboarding_1 = require("@rocapine/react-native-onboarding");
-const ThemeProvider_1 = require("../UI/Theme/ThemeProvider");
-const CustomComponentsContext_1 = require("./CustomComponentsContext");
-const queryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            staleTime: Infinity,
-        },
-    },
-});
-const OnboardingProvider = ({ children, client, initialColorScheme = "light", // @todo To move in the Onboarding Layout
-locale = "en", customAudienceParams = {}, theme, // @todo To move in the Onboarding Layout
-lightTheme, // @todo To move in the Onboarding Layout
-darkTheme, // @todo To move in the Onboarding Layout
-customComponents, // @todo To move in the Onboarding Layout
- }) => {
-    const [activeStep, setActiveStep] = (0, react_1.useState)({
-        number: 0,
-        displayProgressHeader: false,
-    });
-    const [totalSteps, setTotalSteps] = (0, react_1.useState)(0);
-    const [onboarding, setOnboarding] = (0, react_1.useState)(null);
-    queryClient.prefetchQuery(getOnboardingQuery(client, locale, customAudienceParams, setOnboarding));
-    return ((0, jsx_runtime_1.jsx)(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: {
-                        activeStep,
-                        setActiveStep,
-                        totalSteps,
-                        setTotalSteps,
-                        client,
-                        locale,
-                        customAudienceParams,
-                        onboarding,
-                        setOnboarding,
-                    }, children: children }) }) }) }));
-};
-exports.OnboardingProvider = OnboardingProvider;
-exports.OnboardingProgressContext = (0, react_1.createContext)({
-    activeStep: { number: 0, displayProgressHeader: false },
-    setActiveStep: () => { },
-    totalSteps: 0,
-    setTotalSteps: () => { },
-    client: new react_native_onboarding_1.OnboardingStudioClient('', {}),
-    locale: "en",
-    customAudienceParams: {},
-    onboarding: null,
-    setOnboarding: () => { },
-});
-//# sourceMappingURL=OnboardingUIProvider.old.js.map

package/dist/provider/OnboardingUIProvider.old.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OnboardingUIProvider.old.js","sourceRoot":"","sources":["../../src/provider/OnboardingUIProvider.old.tsx"],"names":[],"mappings":";;;;AAAA,iCAAgD;AAChD,+EAG2C;AAC3C,6DAA0D;AAE1D,uEAGmC;AAGnC,MAAM,WAAW,GAAG,IAAI,WAAW,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,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,oBAAoB,EAAE,aAAa,CAAC,CAAC,CAAA;IAElG,OAAO,CACL,uBAAC,mBAAmB,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,gDAAsB,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"}