@umituz/react-native-subscription 3.1.29 → 3.1.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "3.1.29",
+  "version": "3.1.31",
   "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/PaywallFooter.tsx

@@ -89,8 +89,8 @@ export const PaywallFooter: React.FC<PaywallFooterProps> = React.memo(({
         </TouchableOpacity>
       )}
 
-      {/* Footer Links - Premium inline layout */}
-      <View style={[footerStyles.legalContainer, { marginTop: spacing / 2 }]}>
+      {/* Footer Links - Stacked layout (Restore on top, Legal on bottom) */}
+      <View style={{ marginTop: spacing, alignItems: 'center', gap: 12 }}>
         {onRestore && (
           <TouchableOpacity
             onPress={onRestore}
@@ -104,34 +104,32 @@ export const PaywallFooter: React.FC<PaywallFooterProps> = React.memo(({
           </TouchableOpacity>
         )}
 
-        {(onRestore && legalUrls.termsUrl) && (
-          <AtomicText style={footerStyles.legalSeparator}> • </AtomicText>
-        )}
-
-        {legalUrls.termsUrl && (
-          <TouchableOpacity
-            onPress={() => onLegalClick(legalUrls.termsUrl)}
-            activeOpacity={0.6}
-          >
-            <AtomicText style={[footerStyles.legalText, { color: tokens.colors.textTertiary }]}>
-              {translations.termsOfServiceText}
-            </AtomicText>
-          </TouchableOpacity>
-        )}
-
-        {legalUrls.privacyUrl && (
-          <>
-            <AtomicText style={footerStyles.legalSeparator}> • </AtomicText>
+        <View style={footerStyles.legalContainer}>
+          {legalUrls.termsUrl && (
             <TouchableOpacity
-              onPress={() => onLegalClick(legalUrls.privacyUrl)}
+              onPress={() => onLegalClick(legalUrls.termsUrl)}
               activeOpacity={0.6}
             >
               <AtomicText style={[footerStyles.legalText, { color: tokens.colors.textTertiary }]}>
-                {translations.privacyText}
+                {translations.termsOfServiceText}
               </AtomicText>
             </TouchableOpacity>
-          </>
-        )}
+          )}
+
+          {legalUrls.privacyUrl && (
+            <>
+              <AtomicText style={footerStyles.legalSeparator}> • </AtomicText>
+              <TouchableOpacity
+                onPress={() => onLegalClick(legalUrls.privacyUrl)}
+                activeOpacity={0.6}
+              >
+                <AtomicText style={[footerStyles.legalText, { color: tokens.colors.textTertiary }]}>
+                  {translations.privacyText}
+                </AtomicText>
+              </TouchableOpacity>
+            </>
+          )}
+        </View>
       </View>
     </View>
   );

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

@@ -144,6 +144,8 @@ interface FeedbackSubmitButtonProps {
   canSubmit: boolean;
   backgroundColor: string;
   textColor: string;
+  containerBackgroundColor?: string;
+  borderColor?: string;
   onPress: () => void;
   bottomInset: number;
 }
@@ -153,6 +155,8 @@ export const FeedbackSubmitButton: React.FC<FeedbackSubmitButtonProps> = ({
   canSubmit,
   backgroundColor,
   textColor,
+  containerBackgroundColor = 'rgba(255,255,255,0.98)',
+  borderColor = 'rgba(0,0,0,0.1)',
   onPress,
   bottomInset,
 }) => (
@@ -165,8 +169,8 @@ export const FeedbackSubmitButton: React.FC<FeedbackSubmitButtonProps> = ({
     paddingTop: 18,
     paddingBottom: Math.max(bottomInset, 18),
     borderTopWidth: 1,
-    borderTopColor: 'rgba(0,0,0,0.1)',
-  }, { backgroundColor: 'rgba(255,255,255,0.98)' }]}>
+    borderTopColor: borderColor,
+  }, { backgroundColor: containerBackgroundColor }]}>
     <TouchableOpacity
       style={[{
         borderRadius: 16,
@@ -178,7 +182,7 @@ export const FeedbackSubmitButton: React.FC<FeedbackSubmitButtonProps> = ({
         shadowRadius: 4,
         elevation: 3,
       }, {
-        backgroundColor: canSubmit ? backgroundColor : 'rgba(0,0,0,0.1)',
+        backgroundColor: canSubmit ? backgroundColor : 'rgba(255,255,255,0.1)',
         opacity: canSubmit ? 1 : 0.6,
       }]}
       onPress={onPress}
@@ -191,7 +195,7 @@ export const FeedbackSubmitButton: React.FC<FeedbackSubmitButtonProps> = ({
           fontWeight: "700",
           fontSize: 17,
           letterSpacing: 0.3,
-        }, { color: canSubmit ? textColor : 'rgba(0,0,0,0.3)' }]}
+        }, { color: canSubmit ? textColor : 'rgba(255,255,255,0.4)' }]}
       >
         {title}
       </AtomicText>

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

@@ -85,6 +85,8 @@ export const PaywallFeedbackScreen: React.FC<PaywallFeedbackScreenProps> = React
         canSubmit={canSubmit}
         backgroundColor={tokens.colors.primary}
         textColor={tokens.colors.textPrimary}
+        containerBackgroundColor={tokens.colors.backgroundPrimary}
+        borderColor="rgba(255, 255, 255, 0.1)"
         onPress={handleSubmit}
         bottomInset={insets.bottom}
       />

package/src/domains/subscription/presentation/usePremiumStatus.ts

@@ -8,6 +8,7 @@ export interface PremiumStatus {
   isPremium: boolean;
   credits: UserCredits | null;
   isSyncing: boolean;
+  isLoading: boolean;
 }
 
 /**
@@ -34,5 +35,6 @@ export function usePremiumStatus(): PremiumStatus {
     isPremium,
     credits,
     isSyncing,
-  }), [isPremium, credits, isSyncing]);
+    isLoading: statusLoading || creditsLoading,
+  }), [isPremium, credits, isSyncing, statusLoading, creditsLoading]);
 }