@umituz/react-native-design-system 2.6.128 → 2.8.0

package/src/onboarding/presentation/types/OnboardingProps.ts

@@ -0,0 +1,46 @@
+/**
+ * Onboarding Screen Content Props
+ */
+
+import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+
+export interface OnboardingScreenContentProps {
+  containerStyle?: any;
+  useCustomBackground: boolean;
+  currentSlide: OnboardingSlide | undefined;
+  isFirstSlide: boolean;
+  isLastSlide: boolean;
+  currentIndex: number;
+  totalSlides: number;
+  currentAnswer: any;
+  isAnswerValid: boolean;
+  showBackButton: boolean;
+  showSkipButton: boolean;
+  showProgressBar: boolean;
+  showDots: boolean;
+  showProgressText: boolean;
+  skipButtonText?: string;
+  nextButtonText?: string;
+  getStartedButtonText?: string;
+  onBack: () => void;
+  onSkip: () => void;
+  onNext: () => void;
+  onAnswerChange: (value: any) => void;
+  renderHeader?: (props: {
+    isFirstSlide: boolean;
+    onBack: () => void;
+    onSkip: () => void;
+  }) => React.ReactNode;
+  renderFooter?: (props: {
+    currentIndex: number;
+    totalSlides: number;
+    isLastSlide: boolean;
+    onNext: () => void;
+    onUpgrade?: () => void;
+    showPaywallOnComplete?: boolean;
+  }) => React.ReactNode;
+  renderSlide?: (slide: OnboardingSlide) => React.ReactNode;
+  onUpgrade?: () => void;
+  showPaywallOnComplete?: boolean;
+  variant?: "default" | "card" | "minimal" | "fullscreen";
+}

package/src/onboarding/presentation/types/OnboardingTheme.ts

@@ -0,0 +1,27 @@
+/**
+ * Onboarding Theme Types
+ */
+
+export interface OnboardingColors {
+  iconColor: string;
+  textColor: string;
+  subTextColor: string;
+  buttonBg: string;
+  buttonTextColor: string;
+  progressBarBg: string;
+  progressFillColor: string;
+  dotColor: string;
+  activeDotColor: string;
+  progressTextColor: string;
+  headerButtonBg: string;
+  headerButtonBorder: string;
+  iconBg: string;
+  iconBorder: string;
+  errorColor: string;
+  featureItemBg: string;
+}
+
+export interface OnboardingTheme {
+  colors: OnboardingColors;
+  useCustomBackground: boolean;
+}