@blazejkustra/react-native-onboarding 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +20 -0
- package/README.md +360 -0
- package/lib/module/index.js +23 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/spill-onboarding/adapters/expo-image.js +13 -0
- package/lib/module/spill-onboarding/adapters/expo-image.js.map +1 -0
- package/lib/module/spill-onboarding/adapters/react-native-svg.js +16 -0
- package/lib/module/spill-onboarding/adapters/react-native-svg.js.map +1 -0
- package/lib/module/spill-onboarding/buttons/PrimaryButton.js +50 -0
- package/lib/module/spill-onboarding/buttons/PrimaryButton.js.map +1 -0
- package/lib/module/spill-onboarding/buttons/SecondaryButton.js +51 -0
- package/lib/module/spill-onboarding/buttons/SecondaryButton.js.map +1 -0
- package/lib/module/spill-onboarding/buttons/SkipButton.js +35 -0
- package/lib/module/spill-onboarding/buttons/SkipButton.js.map +1 -0
- package/lib/module/spill-onboarding/components/OnboardingImageContainer.js +117 -0
- package/lib/module/spill-onboarding/components/OnboardingImageContainer.js.map +1 -0
- package/lib/module/spill-onboarding/components/OnboardingIntroPanel.js +97 -0
- package/lib/module/spill-onboarding/components/OnboardingIntroPanel.js.map +1 -0
- package/lib/module/spill-onboarding/components/OnboardingModal.js +69 -0
- package/lib/module/spill-onboarding/components/OnboardingModal.js.map +1 -0
- package/lib/module/spill-onboarding/components/OnboardingStepContainer.js +60 -0
- package/lib/module/spill-onboarding/components/OnboardingStepContainer.js.map +1 -0
- package/lib/module/spill-onboarding/components/OnboardingStepPanel.js +122 -0
- package/lib/module/spill-onboarding/components/OnboardingStepPanel.js.map +1 -0
- package/lib/module/spill-onboarding/hooks/useMeasureHeight.js +18 -0
- package/lib/module/spill-onboarding/hooks/useMeasureHeight.js.map +1 -0
- package/lib/module/spill-onboarding/icons/ArrowLeftIcon.js +57 -0
- package/lib/module/spill-onboarding/icons/ArrowLeftIcon.js.map +1 -0
- package/lib/module/spill-onboarding/icons/CloseIcon.js +49 -0
- package/lib/module/spill-onboarding/icons/CloseIcon.js.map +1 -0
- package/lib/module/spill-onboarding/index.js +181 -0
- package/lib/module/spill-onboarding/index.js.map +1 -0
- package/lib/module/spill-onboarding/types.js +4 -0
- package/lib/module/spill-onboarding/types.js.map +1 -0
- package/lib/module/utils/ThemeContext.js +78 -0
- package/lib/module/utils/ThemeContext.js.map +1 -0
- package/lib/module/utils/fontStyles.js +21 -0
- package/lib/module/utils/fontStyles.js.map +1 -0
- package/lib/module/utils/theme.js +27 -0
- package/lib/module/utils/theme.js.map +1 -0
- package/lib/typescript/package.json +1 -0
- package/lib/typescript/src/index.d.ts +5 -0
- package/lib/typescript/src/index.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/adapters/expo-image.d.ts +4 -0
- package/lib/typescript/src/spill-onboarding/adapters/expo-image.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/adapters/react-native-svg.d.ts +5 -0
- package/lib/typescript/src/spill-onboarding/adapters/react-native-svg.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/buttons/PrimaryButton.d.ts +13 -0
- package/lib/typescript/src/spill-onboarding/buttons/PrimaryButton.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/buttons/SecondaryButton.d.ts +13 -0
- package/lib/typescript/src/spill-onboarding/buttons/SecondaryButton.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/buttons/SkipButton.d.ts +6 -0
- package/lib/typescript/src/spill-onboarding/buttons/SkipButton.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingImageContainer.d.ts +18 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingImageContainer.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingIntroPanel.d.ts +4 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingIntroPanel.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingModal.d.ts +8 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingModal.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingStepContainer.d.ts +16 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingStepContainer.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingStepPanel.d.ts +4 -0
- package/lib/typescript/src/spill-onboarding/components/OnboardingStepPanel.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/hooks/useMeasureHeight.d.ts +9 -0
- package/lib/typescript/src/spill-onboarding/hooks/useMeasureHeight.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/icons/ArrowLeftIcon.d.ts +7 -0
- package/lib/typescript/src/spill-onboarding/icons/ArrowLeftIcon.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/icons/CloseIcon.d.ts +7 -0
- package/lib/typescript/src/spill-onboarding/icons/CloseIcon.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/index.d.ts +4 -0
- package/lib/typescript/src/spill-onboarding/index.d.ts.map +1 -0
- package/lib/typescript/src/spill-onboarding/types.d.ts +187 -0
- package/lib/typescript/src/spill-onboarding/types.d.ts.map +1 -0
- package/lib/typescript/src/utils/ThemeContext.d.ts +14 -0
- package/lib/typescript/src/utils/ThemeContext.d.ts.map +1 -0
- package/lib/typescript/src/utils/fontStyles.d.ts +19 -0
- package/lib/typescript/src/utils/fontStyles.d.ts.map +1 -0
- package/lib/typescript/src/utils/theme.d.ts +30 -0
- package/lib/typescript/src/utils/theme.d.ts.map +1 -0
- package/package.json +171 -0
- package/src/index.tsx +29 -0
- package/src/spill-onboarding/adapters/expo-image.ts +12 -0
- package/src/spill-onboarding/adapters/react-native-svg.ts +17 -0
- package/src/spill-onboarding/buttons/PrimaryButton.tsx +70 -0
- package/src/spill-onboarding/buttons/SecondaryButton.tsx +71 -0
- package/src/spill-onboarding/buttons/SkipButton.tsx +34 -0
- package/src/spill-onboarding/components/OnboardingImageContainer.tsx +166 -0
- package/src/spill-onboarding/components/OnboardingIntroPanel.tsx +105 -0
- package/src/spill-onboarding/components/OnboardingModal.tsx +75 -0
- package/src/spill-onboarding/components/OnboardingStepContainer.tsx +85 -0
- package/src/spill-onboarding/components/OnboardingStepPanel.tsx +118 -0
- package/src/spill-onboarding/hooks/useMeasureHeight.ts +21 -0
- package/src/spill-onboarding/icons/ArrowLeftIcon.tsx +69 -0
- package/src/spill-onboarding/icons/CloseIcon.tsx +55 -0
- package/src/spill-onboarding/index.tsx +220 -0
- package/src/spill-onboarding/types.ts +237 -0
- package/src/utils/ThemeContext.tsx +87 -0
- package/src/utils/fontStyles.ts +19 -0
- package/src/utils/theme.ts +29 -0
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useMemo, useState, useEffect, useCallback } from 'react';
|
|
4
|
+
import { View, BackHandler, Platform, StyleSheet } from 'react-native';
|
|
5
|
+
import { useTheme } from "../utils/ThemeContext.js";
|
|
6
|
+
import OnboardingIntroPanel from "./components/OnboardingIntroPanel.js";
|
|
7
|
+
import { useSharedValue, withTiming } from 'react-native-reanimated';
|
|
8
|
+
import OnboardingStepPanel from "./components/OnboardingStepPanel.js";
|
|
9
|
+
import OnboardingStepContainer from "./components/OnboardingStepContainer.js";
|
|
10
|
+
import OnboardingImageContainer from "./components/OnboardingImageContainer.js";
|
|
11
|
+
import OnboardingModal from "./components/OnboardingModal.js";
|
|
12
|
+
import { useWindowDimensions } from 'react-native';
|
|
13
|
+
import useMeasureHeight from "./hooks/useMeasureHeight.js";
|
|
14
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
+
function SpillOnboarding({
|
|
16
|
+
animationDuration = 500,
|
|
17
|
+
introPanel: introPanelProps,
|
|
18
|
+
steps,
|
|
19
|
+
onComplete,
|
|
20
|
+
onSkip,
|
|
21
|
+
onStepChange: onStepChangeProps,
|
|
22
|
+
showCloseButton = true,
|
|
23
|
+
showBackButton = true,
|
|
24
|
+
wrapInModalOnWeb = true,
|
|
25
|
+
background,
|
|
26
|
+
skipButton
|
|
27
|
+
}) {
|
|
28
|
+
const {
|
|
29
|
+
theme
|
|
30
|
+
} = useTheme();
|
|
31
|
+
const {
|
|
32
|
+
width: screenWidth
|
|
33
|
+
} = useWindowDimensions();
|
|
34
|
+
const styles = useMemo(() => createStyles(theme), [theme]);
|
|
35
|
+
const backgroundSpillProgress = useSharedValue(0);
|
|
36
|
+
const [step, setStep] = useState(-1);
|
|
37
|
+
const currentStep = step >= 0 ? steps[step] : undefined;
|
|
38
|
+
const firstStep = steps[0];
|
|
39
|
+
const onStepChange = useCallback(stepNumber => {
|
|
40
|
+
setStep(stepNumber);
|
|
41
|
+
onStepChangeProps?.(stepNumber);
|
|
42
|
+
}, [onStepChangeProps]);
|
|
43
|
+
useEffect(() => {
|
|
44
|
+
const backHandler = BackHandler.addEventListener('hardwareBackPress', () => {
|
|
45
|
+
if (step > 0) {
|
|
46
|
+
onStepChange(step - 1);
|
|
47
|
+
return true;
|
|
48
|
+
} else if (step === 0) {
|
|
49
|
+
backgroundSpillProgress.set(withTiming(0, {
|
|
50
|
+
duration: animationDuration
|
|
51
|
+
}));
|
|
52
|
+
setTimeout(() => setStep(-1), animationDuration / 2);
|
|
53
|
+
onStepChange(-1);
|
|
54
|
+
return true;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
// stepNumber === -1 (intro panel) - allow default back action
|
|
58
|
+
return false;
|
|
59
|
+
});
|
|
60
|
+
return () => backHandler.remove();
|
|
61
|
+
}, [step, backgroundSpillProgress, onStepChange, animationDuration]);
|
|
62
|
+
const introPanel = useMeasureHeight();
|
|
63
|
+
const stepPanel = useMeasureHeight();
|
|
64
|
+
const screen = useMeasureHeight();
|
|
65
|
+
const onPressStart = () => {
|
|
66
|
+
backgroundSpillProgress.set(withTiming(1, {
|
|
67
|
+
duration: animationDuration
|
|
68
|
+
}));
|
|
69
|
+
onStepChange(0);
|
|
70
|
+
};
|
|
71
|
+
const onNextPress = () => {
|
|
72
|
+
if (step === steps.length - 1) {
|
|
73
|
+
return onComplete();
|
|
74
|
+
}
|
|
75
|
+
onStepChange(step + 1);
|
|
76
|
+
};
|
|
77
|
+
const onBackPress = () => {
|
|
78
|
+
if (step === 0) {
|
|
79
|
+
backgroundSpillProgress.set(withTiming(0, {
|
|
80
|
+
duration: animationDuration
|
|
81
|
+
}));
|
|
82
|
+
onStepChange(-1);
|
|
83
|
+
return;
|
|
84
|
+
}
|
|
85
|
+
onStepChange(step - 1);
|
|
86
|
+
};
|
|
87
|
+
const renderIntroPanel = () => {
|
|
88
|
+
if (typeof introPanelProps === 'function') {
|
|
89
|
+
return introPanelProps({
|
|
90
|
+
onPressStart
|
|
91
|
+
});
|
|
92
|
+
}
|
|
93
|
+
return /*#__PURE__*/_jsx(OnboardingIntroPanel, {
|
|
94
|
+
onPressStart: onPressStart,
|
|
95
|
+
title: introPanelProps.title,
|
|
96
|
+
subtitle: introPanelProps.subtitle,
|
|
97
|
+
button: introPanelProps.button,
|
|
98
|
+
image: introPanelProps.image
|
|
99
|
+
});
|
|
100
|
+
};
|
|
101
|
+
const renderStepContent = () => {
|
|
102
|
+
if (!currentStep) {
|
|
103
|
+
return null;
|
|
104
|
+
}
|
|
105
|
+
if (typeof currentStep.component === 'function') {
|
|
106
|
+
return currentStep.component({
|
|
107
|
+
onNext: onNextPress,
|
|
108
|
+
onBack: onBackPress,
|
|
109
|
+
isLast: step === steps.length - 1
|
|
110
|
+
});
|
|
111
|
+
}
|
|
112
|
+
return /*#__PURE__*/_jsx(OnboardingStepPanel, {
|
|
113
|
+
label: currentStep.label,
|
|
114
|
+
title: currentStep.title,
|
|
115
|
+
description: currentStep.description,
|
|
116
|
+
buttonLabel: currentStep.buttonLabel,
|
|
117
|
+
onBackPress: onBackPress,
|
|
118
|
+
onNextPress: onNextPress,
|
|
119
|
+
buttonPrimary: step === steps.length - 1,
|
|
120
|
+
showBackButton: showBackButton
|
|
121
|
+
});
|
|
122
|
+
};
|
|
123
|
+
const currentStepImage = useMemo(() => {
|
|
124
|
+
if (!currentStep) {
|
|
125
|
+
return firstStep?.image;
|
|
126
|
+
}
|
|
127
|
+
return currentStep.image;
|
|
128
|
+
}, [currentStep, firstStep?.image]);
|
|
129
|
+
const onboardingContent = /*#__PURE__*/_jsxs(View, {
|
|
130
|
+
style: styles.container,
|
|
131
|
+
ref: screen.ref,
|
|
132
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
133
|
+
ref: introPanel.ref,
|
|
134
|
+
style: styles.bottomPanel,
|
|
135
|
+
children: renderIntroPanel()
|
|
136
|
+
}), /*#__PURE__*/_jsx(OnboardingImageContainer, {
|
|
137
|
+
currentStep: currentStep,
|
|
138
|
+
currentStepImage: currentStepImage,
|
|
139
|
+
position: currentStep?.position ?? firstStep?.position ?? 'top',
|
|
140
|
+
animationDuration: animationDuration,
|
|
141
|
+
backgroundSpillProgress: backgroundSpillProgress,
|
|
142
|
+
screenHeight: screen.height,
|
|
143
|
+
introPanel: introPanel,
|
|
144
|
+
stepPanel: stepPanel,
|
|
145
|
+
background: background
|
|
146
|
+
}), /*#__PURE__*/_jsx(OnboardingStepContainer, {
|
|
147
|
+
currentStep: currentStep,
|
|
148
|
+
animationDuration: animationDuration,
|
|
149
|
+
showCloseButton: showCloseButton,
|
|
150
|
+
renderStepContent: renderStepContent,
|
|
151
|
+
onSkip: onSkip,
|
|
152
|
+
ref: stepPanel.ref,
|
|
153
|
+
skipButton: skipButton
|
|
154
|
+
})]
|
|
155
|
+
});
|
|
156
|
+
|
|
157
|
+
// On web, wrap in modal; on mobile, render directly
|
|
158
|
+
if (Platform.OS === 'web' && screenWidth >= 600 && wrapInModalOnWeb) {
|
|
159
|
+
return /*#__PURE__*/_jsx(OnboardingModal, {
|
|
160
|
+
onSkip: onSkip,
|
|
161
|
+
children: onboardingContent
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
return onboardingContent;
|
|
165
|
+
}
|
|
166
|
+
export default SpillOnboarding;
|
|
167
|
+
const createStyles = theme => StyleSheet.create({
|
|
168
|
+
container: {
|
|
169
|
+
flex: 1,
|
|
170
|
+
backgroundColor: theme.bg.secondary
|
|
171
|
+
},
|
|
172
|
+
bottomPanel: {
|
|
173
|
+
paddingHorizontal: 16,
|
|
174
|
+
paddingBottom: 16 + theme.insets.bottom,
|
|
175
|
+
position: 'absolute',
|
|
176
|
+
bottom: 0,
|
|
177
|
+
left: 0,
|
|
178
|
+
right: 0
|
|
179
|
+
}
|
|
180
|
+
});
|
|
181
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useMemo","useState","useEffect","useCallback","View","BackHandler","Platform","StyleSheet","useTheme","OnboardingIntroPanel","useSharedValue","withTiming","OnboardingStepPanel","OnboardingStepContainer","OnboardingImageContainer","OnboardingModal","useWindowDimensions","useMeasureHeight","jsx","_jsx","jsxs","_jsxs","SpillOnboarding","animationDuration","introPanel","introPanelProps","steps","onComplete","onSkip","onStepChange","onStepChangeProps","showCloseButton","showBackButton","wrapInModalOnWeb","background","skipButton","theme","width","screenWidth","styles","createStyles","backgroundSpillProgress","step","setStep","currentStep","undefined","firstStep","stepNumber","backHandler","addEventListener","set","duration","setTimeout","remove","stepPanel","screen","onPressStart","onNextPress","length","onBackPress","renderIntroPanel","title","subtitle","button","image","renderStepContent","component","onNext","onBack","isLast","label","description","buttonLabel","buttonPrimary","currentStepImage","onboardingContent","style","container","ref","children","bottomPanel","position","screenHeight","height","OS","create","flex","backgroundColor","bg","secondary","paddingHorizontal","paddingBottom","insets","bottom","left","right"],"sourceRoot":"../../../src","sources":["spill-onboarding/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["spill-onboarding/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { createContext, useContext, useMemo } from 'react';
|
|
4
|
+
import { defaultTheme } from "./theme.js";
|
|
5
|
+
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const ThemeContext = /*#__PURE__*/createContext({
|
|
8
|
+
theme: {
|
|
9
|
+
...defaultTheme,
|
|
10
|
+
insets: {
|
|
11
|
+
top: 0,
|
|
12
|
+
bottom: 0,
|
|
13
|
+
left: 0,
|
|
14
|
+
right: 0
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
export default function ThemeProvider({
|
|
19
|
+
children,
|
|
20
|
+
colors: customColors,
|
|
21
|
+
fonts: customFonts
|
|
22
|
+
}) {
|
|
23
|
+
const insets = useSafeAreaInsets();
|
|
24
|
+
const theme = useMemo(() => {
|
|
25
|
+
const fonts = typeof customFonts === 'string' ? {
|
|
26
|
+
introTitle: customFonts,
|
|
27
|
+
introSubtitle: customFonts,
|
|
28
|
+
introButton: customFonts,
|
|
29
|
+
stepLabel: customFonts,
|
|
30
|
+
stepTitle: customFonts,
|
|
31
|
+
stepDescription: customFonts,
|
|
32
|
+
stepButton: customFonts,
|
|
33
|
+
primaryButton: customFonts,
|
|
34
|
+
secondaryButton: customFonts
|
|
35
|
+
} : {
|
|
36
|
+
introTitle: customFonts?.introTitle ?? defaultTheme.fonts.introTitle,
|
|
37
|
+
introSubtitle: customFonts?.introSubtitle ?? defaultTheme.fonts.introSubtitle,
|
|
38
|
+
introButton: customFonts?.introButton ?? defaultTheme.fonts.introButton,
|
|
39
|
+
stepLabel: customFonts?.stepLabel ?? defaultTheme.fonts.stepLabel,
|
|
40
|
+
stepTitle: customFonts?.stepTitle ?? defaultTheme.fonts.stepTitle,
|
|
41
|
+
stepDescription: customFonts?.stepDescription ?? defaultTheme.fonts.stepDescription,
|
|
42
|
+
stepButton: customFonts?.stepButton ?? defaultTheme.fonts.stepButton,
|
|
43
|
+
primaryButton: customFonts?.primaryButton ?? defaultTheme.fonts.primaryButton,
|
|
44
|
+
secondaryButton: customFonts?.secondaryButton ?? defaultTheme.fonts.secondaryButton
|
|
45
|
+
};
|
|
46
|
+
const {
|
|
47
|
+
background,
|
|
48
|
+
text: textColors
|
|
49
|
+
} = customColors ?? {};
|
|
50
|
+
const bg = {
|
|
51
|
+
primary: background?.primary ?? defaultTheme.bg.primary,
|
|
52
|
+
secondary: background?.secondary ?? defaultTheme.bg.secondary,
|
|
53
|
+
label: background?.label ?? defaultTheme.bg.label,
|
|
54
|
+
accent: background?.accent ?? defaultTheme.bg.accent
|
|
55
|
+
};
|
|
56
|
+
const text = {
|
|
57
|
+
primary: textColors?.primary ?? defaultTheme.text.primary,
|
|
58
|
+
secondary: textColors?.secondary ?? defaultTheme.text.secondary,
|
|
59
|
+
contrast: textColors?.contrast ?? defaultTheme.text.contrast
|
|
60
|
+
};
|
|
61
|
+
return {
|
|
62
|
+
bg,
|
|
63
|
+
text,
|
|
64
|
+
fonts,
|
|
65
|
+
insets
|
|
66
|
+
};
|
|
67
|
+
}, [insets, customColors, customFonts]);
|
|
68
|
+
return /*#__PURE__*/_jsx(ThemeContext.Provider, {
|
|
69
|
+
value: {
|
|
70
|
+
theme
|
|
71
|
+
},
|
|
72
|
+
children: children
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
export function useTheme() {
|
|
76
|
+
return useContext(ThemeContext);
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=ThemeContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","useContext","useMemo","defaultTheme","useSafeAreaInsets","jsx","_jsx","ThemeContext","theme","insets","top","bottom","left","right","ThemeProvider","children","colors","customColors","fonts","customFonts","introTitle","introSubtitle","introButton","stepLabel","stepTitle","stepDescription","stepButton","primaryButton","secondaryButton","background","text","textColors","bg","primary","secondary","label","accent","contrast","Provider","value","useTheme"],"sourceRoot":"../../../src","sources":["utils/ThemeContext.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export const fontSizes = {
|
|
4
|
+
xxl: 34,
|
|
5
|
+
xl: 22,
|
|
6
|
+
lg: 18,
|
|
7
|
+
md: 16,
|
|
8
|
+
sm: 14,
|
|
9
|
+
xs: 12,
|
|
10
|
+
xxs: 10
|
|
11
|
+
};
|
|
12
|
+
export const lineHeights = {
|
|
13
|
+
xxl: 40,
|
|
14
|
+
xl: 28,
|
|
15
|
+
lg: 24,
|
|
16
|
+
md: 24,
|
|
17
|
+
sm: 20,
|
|
18
|
+
xs: 16,
|
|
19
|
+
xxs: 12
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=fontStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["fontSizes","xxl","xl","lg","md","sm","xs","xxs","lineHeights"],"sourceRoot":"../../../src","sources":["utils/fontStyles.ts"],"mappings":";;AAAA,OAAO,MAAMA,SAAS,GAAG;EACvBC,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,WAAW,GAAG;EACzBP,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,GAAG,EAAE;AACP,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export const defaultTheme = {
|
|
4
|
+
bg: {
|
|
5
|
+
primary: '#007AFF',
|
|
6
|
+
secondary: '#FFFFFF',
|
|
7
|
+
label: '#F2F2F7',
|
|
8
|
+
accent: '#1C1C1E'
|
|
9
|
+
},
|
|
10
|
+
text: {
|
|
11
|
+
primary: '#1C1C1E',
|
|
12
|
+
secondary: '#8E8E93',
|
|
13
|
+
contrast: '#FFFFFF'
|
|
14
|
+
},
|
|
15
|
+
fonts: {
|
|
16
|
+
introTitle: 'System',
|
|
17
|
+
introSubtitle: 'System',
|
|
18
|
+
introButton: 'System',
|
|
19
|
+
stepLabel: 'System',
|
|
20
|
+
stepTitle: 'System',
|
|
21
|
+
stepDescription: 'System',
|
|
22
|
+
stepButton: 'System',
|
|
23
|
+
primaryButton: 'System',
|
|
24
|
+
secondaryButton: 'System'
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=theme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["defaultTheme","bg","primary","secondary","label","accent","text","contrast","fonts","introTitle","introSubtitle","introButton","stepLabel","stepTitle","stepDescription","stepButton","primaryButton","secondaryButton"],"sourceRoot":"../../../src","sources":["utils/theme.ts"],"mappings":";;AAEA,OAAO,MAAMA,YAAY,GAAG;EAC1BC,EAAE,EAAE;IACFC,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJJ,OAAO,EAAE,SAAS;IAClBC,SAAS,EAAE,SAAS;IACpBI,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,WAAW,EAAE,QAAQ;IACrBC,SAAS,EAAE,QAAQ;IACnBC,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAE,QAAQ;IACzBC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,QAAQ;IACvBC,eAAe,EAAE;EACnB;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type OnboardingProps, type OnboardingColors, type OnboardingFonts, type OnboardingIntroPanelProps, type OnboardingStepPanelProps } from './spill-onboarding/types';
|
|
2
|
+
declare function Onboarding({ colors, fonts, ...props }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default Onboarding;
|
|
4
|
+
export type { OnboardingProps, OnboardingColors, OnboardingFonts, OnboardingIntroPanelProps, OnboardingStepPanelProps, };
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,yBAAyB,EAC9B,KAAK,wBAAwB,EAC9B,MAAM,0BAA0B,CAAC;AAGlC,iBAAS,UAAU,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAQ/D;AAED,eAAe,UAAU,CAAC;AAC1B,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,yBAAyB,EACzB,wBAAwB,GACzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"expo-image.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/adapters/expo-image.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,KAAK,IAAI,aAAa,EAAE,MAAM,YAAY,CAAC;AAEzD,QAAA,IAAI,SAAS,EAAE,OAAO,aAAa,GAAG,IAAW,CAAC;AASlD,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type Svg as RNSVGType, type Path as RNSVGPathType } from 'react-native-svg';
|
|
2
|
+
declare let ReactNativeSVG: typeof RNSVGType | null;
|
|
3
|
+
declare let ReactNativeSVGPath: typeof RNSVGPathType | null;
|
|
4
|
+
export { ReactNativeSVG, ReactNativeSVGPath };
|
|
5
|
+
//# sourceMappingURL=react-native-svg.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react-native-svg.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/adapters/react-native-svg.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,IAAI,SAAS,EACrB,KAAK,IAAI,IAAI,aAAa,EAC3B,MAAM,kBAAkB,CAAC;AAE1B,QAAA,IAAI,cAAc,EAAE,OAAO,SAAS,GAAG,IAAW,CAAC;AACnD,QAAA,IAAI,kBAAkB,EAAE,OAAO,aAAa,GAAG,IAAW,CAAC;AAU3D,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ViewStyle, type TextStyle, type GestureResponderEvent } from 'react-native';
|
|
3
|
+
interface Props {
|
|
4
|
+
text: string;
|
|
5
|
+
onPress: (event: GestureResponderEvent) => void;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
style?: ViewStyle;
|
|
9
|
+
textStyle?: TextStyle;
|
|
10
|
+
}
|
|
11
|
+
declare const PrimaryButton: ({ text, onPress, icon, disabled, style, textStyle, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default PrimaryButton;
|
|
13
|
+
//# sourceMappingURL=PrimaryButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/buttons/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,qBAAqB,EAC3B,MAAM,cAAc,CAAC;AAKtB,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,yDAOhB,KAAK,4CAiBP,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ViewStyle, type TextStyle, type GestureResponderEvent } from 'react-native';
|
|
3
|
+
interface Props {
|
|
4
|
+
text: string;
|
|
5
|
+
onPress: (event: GestureResponderEvent) => void;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
style?: ViewStyle;
|
|
9
|
+
textStyle?: TextStyle;
|
|
10
|
+
}
|
|
11
|
+
declare const SecondaryButton: ({ text, onPress, icon, disabled, style, textStyle, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default SecondaryButton;
|
|
13
|
+
//# sourceMappingURL=SecondaryButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SecondaryButton.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/buttons/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAIL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,qBAAqB,EAC3B,MAAM,cAAc,CAAC;AAKtB,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,QAAA,MAAM,eAAe,yDAOlB,KAAK,4CAiBP,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SkipButton.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/buttons/SkipButton.tsx"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,iBAAS,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE,KAAK,2CASrC;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type ImageSourcePropType } from 'react-native';
|
|
3
|
+
import { type SharedValue } from 'react-native-reanimated';
|
|
4
|
+
import type { OnboardingStep } from '../types';
|
|
5
|
+
interface OnboardingImageContainerProps {
|
|
6
|
+
currentStep: OnboardingStep | undefined;
|
|
7
|
+
currentStepImage: ImageSourcePropType | undefined;
|
|
8
|
+
position: 'top' | 'bottom';
|
|
9
|
+
animationDuration: number;
|
|
10
|
+
backgroundSpillProgress: SharedValue<number>;
|
|
11
|
+
introPanel: any;
|
|
12
|
+
stepPanel: any;
|
|
13
|
+
screenHeight: number;
|
|
14
|
+
background?: () => ReactNode;
|
|
15
|
+
}
|
|
16
|
+
declare function OnboardingImageContainer({ currentStep, currentStepImage, position, animationDuration, backgroundSpillProgress, introPanel, stepPanel, screenHeight, background, }: OnboardingImageContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export default OnboardingImageContainer;
|
|
18
|
+
//# sourceMappingURL=OnboardingImageContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingImageContainer.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingImageContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAEL,KAAK,mBAAmB,EAIzB,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,WAAW,EAEjB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,6BAA6B;IACrC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,gBAAgB,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAClD,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,uBAAuB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7C,UAAU,EAAE,GAAG,CAAC;IAChB,SAAS,EAAE,GAAG,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,SAAS,CAAC;CAC9B;AAED,iBAAS,wBAAwB,CAAC,EAChC,WAAW,EACX,gBAAgB,EAChB,QAAQ,EACR,iBAAiB,EACjB,uBAAuB,EACvB,UAAU,EACV,SAAS,EACT,YAAY,EACZ,UAAU,GACX,EAAE,6BAA6B,2CAmG/B;AAED,eAAe,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { OnboardingIntroPanelProps } from '../types';
|
|
2
|
+
declare function OnboardingIntroPanel({ onPressStart, title, subtitle, button, image, }: OnboardingIntroPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default OnboardingIntroPanel;
|
|
4
|
+
//# sourceMappingURL=OnboardingIntroPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingIntroPanel.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingIntroPanel.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AAE1D,iBAAS,oBAAoB,CAAC,EAC5B,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACN,EAAE,yBAAyB,2CAwD3B;AAED,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface OnboardingModalProps {
|
|
3
|
+
onSkip?: () => void;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export default function OnboardingModal({ onSkip, children, }: OnboardingModalProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=OnboardingModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingModal.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,MAAM,EACN,QAAQ,GACT,EAAE,oBAAoB,2CAoBtB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React, { type ReactNode } from 'react';
|
|
2
|
+
import type { OnboardingStep } from '../types';
|
|
3
|
+
interface OnboardingStepContainerProps {
|
|
4
|
+
currentStep: OnboardingStep | undefined;
|
|
5
|
+
showCloseButton?: boolean;
|
|
6
|
+
animationDuration: number;
|
|
7
|
+
onSkip?: () => void;
|
|
8
|
+
ref: React.RefObject<any>;
|
|
9
|
+
renderStepContent: () => React.ReactNode;
|
|
10
|
+
skipButton?: ({ onPress }: {
|
|
11
|
+
onPress: () => void;
|
|
12
|
+
}) => ReactNode;
|
|
13
|
+
}
|
|
14
|
+
declare function OnboardingStepContainer({ currentStep, showCloseButton, animationDuration, onSkip, ref, renderStepContent, skipButton, }: OnboardingStepContainerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
15
|
+
export default OnboardingStepContainer;
|
|
16
|
+
//# sourceMappingURL=OnboardingStepContainer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingStepContainer.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingStepContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAW,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAWvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,UAAU,4BAA4B;IACpC,WAAW,EAAE,cAAc,GAAG,SAAS,CAAC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,iBAAiB,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAC;CAClE;AAED,iBAAS,uBAAuB,CAAC,EAC/B,WAAW,EACX,eAAe,EACf,iBAAiB,EACjB,MAAM,EACN,GAAG,EACH,iBAAiB,EACjB,UAAU,GACX,EAAE,4BAA4B,kDAkC9B;AAED,eAAe,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { OnboardingStepPanelProps } from '../types';
|
|
2
|
+
declare function OnboardingStepPanel({ label, title, description, buttonLabel, onBackPress, onNextPress, buttonPrimary, showBackButton, }: OnboardingStepPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default OnboardingStepPanel;
|
|
4
|
+
//# sourceMappingURL=OnboardingStepPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingStepPanel.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/components/OnboardingStepPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAC;AAEzD,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAqB,GACtB,EAAE,wBAAwB,2CAuC1B;AAED,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { View } from 'react-native';
|
|
2
|
+
import type Reanimated from 'react-native-reanimated';
|
|
3
|
+
export type ViewRef = React.ComponentRef<typeof Reanimated.View> & React.ComponentRef<typeof View>;
|
|
4
|
+
declare function useMeasureHeight(): {
|
|
5
|
+
ref: import("react").RefObject<ViewRef | null>;
|
|
6
|
+
height: number;
|
|
7
|
+
};
|
|
8
|
+
export default useMeasureHeight;
|
|
9
|
+
//# sourceMappingURL=useMeasureHeight.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMeasureHeight.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/hooks/useMeasureHeight.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,UAAU,MAAM,yBAAyB,CAAC;AAEtD,MAAM,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,GAC9D,KAAK,CAAC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;AAElC,iBAAS,gBAAgB;;;EAWxB;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowLeftIcon.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/icons/ArrowLeftIcon.tsx"],"names":[],"mappings":"AAOA,UAAU,kBAAkB;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAKD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,IAAS,EACT,KAAc,GACf,EAAE,kBAAkB,2CA4CpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CloseIcon.d.ts","sourceRoot":"","sources":["../../../../../src/spill-onboarding/icons/CloseIcon.tsx"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAS,EACT,KAAc,GACf,EAAE,cAAc,2CAkChB"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type OnboardingProps } from './types';
|
|
2
|
+
declare function SpillOnboarding({ animationDuration, introPanel: introPanelProps, steps, onComplete, onSkip, onStepChange: onStepChangeProps, showCloseButton, showBackButton, wrapInModalOnWeb, background, skipButton, }: OnboardingProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default SpillOnboarding;
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/spill-onboarding/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,iBAAS,eAAe,CAAC,EACvB,iBAAuB,EACvB,UAAU,EAAE,eAAe,EAC3B,KAAK,EACL,UAAU,EACV,MAAM,EACN,YAAY,EAAE,iBAAiB,EAC/B,eAAsB,EACtB,cAAqB,EACrB,gBAAuB,EACvB,UAAU,EACV,UAAU,GACX,EAAE,eAAe,2CAyKjB;AAED,eAAe,eAAe,CAAC"}
|