@umituz/react-native-subscription 2.39.0 → 2.39.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "2.39.0",
+  "version": "2.39.1",
   "description": "Complete subscription management with RevenueCat, paywall UI, and credits system for React Native apps",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domains/paywall/components/PaywallScreen.styles.ts

@@ -0,0 +1,57 @@
+import { StyleSheet } from "react-native";
+
+export const paywallScreenStyles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  heroContainer: {
+    alignItems: "center",
+    marginBottom: 24,
+  },
+  heroImage: {
+    width: 120,
+    height: 120,
+    borderRadius: 60,
+  },
+  header: {
+    paddingHorizontal: 24,
+    marginBottom: 24,
+  },
+  title: {
+    marginBottom: 8,
+  },
+  subtitle: {
+    lineHeight: 22,
+  },
+  plans: {
+    paddingHorizontal: 16,
+    marginBottom: 16,
+  },
+  loading: {
+    alignItems: "center",
+    paddingVertical: 32,
+  },
+  loadingText: {
+    marginTop: 12,
+  },
+  stickyFooter: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    paddingHorizontal: 16,
+    paddingTop: 12,
+    backgroundColor: "#000",
+  },
+  cta: {
+    borderRadius: 14,
+    paddingVertical: 16,
+    alignItems: "center",
+  },
+  ctaDisabled: {
+    opacity: 0.6,
+  },
+  ctaText: {
+    fontWeight: "600",
+  },
+});

package/src/domains/paywall/components/PaywallScreen.tsx

@@ -12,7 +12,7 @@ import { useSafeAreaInsets } from "@umituz/react-native-design-system/safe-area"
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { Image } from "expo-image";
 import { PlanCard } from "./PlanCard";
-import { paywallModalStyles as styles } from "./PaywallModal.styles";
+import { paywallScreenStyles as styles } from "./PaywallScreen.styles";
 import { PaywallFeatures } from "./PaywallFeatures";
 import { PaywallFooter } from "./PaywallFooter";
 import { usePaywallActions } from "../hooks/usePaywallActions";

package/src/domains/subscription/presentation/components/feedback/PaywallFeedbackScreen.tsx

@@ -13,10 +13,9 @@ import { useSafeAreaInsets } from "@umituz/react-native-design-system/safe-area"
 import { useAppDesignTokens } from "@umituz/react-native-design-system/theme";
 import { usePaywallFeedback } from "../../../../../presentation/hooks/feedback/usePaywallFeedback";
 import { FeedbackOption } from "./FeedbackOption";
-import type { PaywallFeedbackScreenProps } from "./PaywallFeedbackScreen.types";
-import type { PaywallFeedbackTranslations } from "./PaywallFeedbackModal.types";
+import type { PaywallFeedbackScreenProps, PaywallFeedbackTranslations } from "./PaywallFeedbackScreen.types";
 
-// Re-export translations type for convenience
+// Re-export types for convenience
 export type { PaywallFeedbackTranslations, PaywallFeedbackScreenProps };
 
 const FEEDBACK_OPTION_IDS = [
@@ -192,6 +191,6 @@ const createScreenStyles = (tokens: any, insets: any) => ({
         alignItems: 'center' as const,
     },
     submitText: {
-        fontWeight: 600,
+        fontWeight: "600",
     },
 });

package/src/domains/subscription/presentation/components/feedback/PaywallFeedbackScreen.types.ts

@@ -1,4 +1,16 @@
-import type { PaywallFeedbackTranslations } from "./PaywallFeedbackModal.types";
+export interface PaywallFeedbackTranslations {
+  title: string;
+  subtitle: string;
+  submit: string;
+  otherPlaceholder: string;
+  reasons: {
+    too_expensive: string;
+    no_need: string;
+    trying_out: string;
+    technical_issues: string;
+    other: string;
+  };
+}
 
 export interface PaywallFeedbackScreenProps {
   onClose: () => void;