@umituz/react-native-subscription 3.1.28 → 3.1.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-subscription",
-  "version": "3.1.28",
+  "version": "3.1.30",
   "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,45 +89,47 @@ export const PaywallFooter: React.FC<PaywallFooterProps> = React.memo(({
         </TouchableOpacity>
       )}
 
-      {/* Restore Link - Responsive spacing */}
-      {onRestore && (
-        <TouchableOpacity
-          onPress={onRestore}
-          disabled={isProcessing}
-          activeOpacity={0.6}
-          style={[footerStyles.restoreButton, { marginTop: spacing / 2 }]}
-        >
-          <AtomicText style={[footerStyles.restoreText, { color: tokens.colors.textSecondary }]}>
-            {translations.restoreButtonText}
-          </AtomicText>
-        </TouchableOpacity>
-      )}
-
-      {/* Legal Links - Responsive spacing */}
-      <View style={footerStyles.legalContainer}>
-        {legalUrls.termsUrl && (
+      {/* Footer Links - Stacked layout (Restore on top, Legal on bottom) */}
+      <View style={{ marginTop: spacing, alignItems: 'center', gap: 12 }}>
+        {onRestore && (
           <TouchableOpacity
-            onPress={() => onLegalClick(legalUrls.termsUrl)}
+            onPress={onRestore}
+            disabled={isProcessing}
             activeOpacity={0.6}
+            style={footerStyles.restoreButton}
           >
-            <AtomicText style={[footerStyles.legalText, { color: tokens.colors.textTertiary }]}>
-              {translations.termsOfServiceText}
+            <AtomicText style={[footerStyles.legalText, { color: tokens.colors.textSecondary, fontWeight: '600' }]}>
+              {translations.restoreButtonText}
             </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/paywall/components/PaywallScreen.renderItem.tsx

@@ -45,9 +45,9 @@ export const PaywallRenderItem: React.FC<PaywallRenderItemProps> = React.memo(({
     [responsive]
   );
 
-  // Responsive feature icon size
+  // Responsive feature icon size - use spacing multiplier directly to avoid max/min constraints from getIconSize
   const featureIconSize = React.useMemo(
-    () => responsive.getIconSize(30),
+    () => Math.round(30 * responsive.spacingMultiplier),
     [responsive]
   );
 

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}
       />