// TurboModule direct API (React Native 0.76+ New Architecture)
import React from 'react';
import { View, Button, Alert, Share } from 'react-native';
import NativeSingular from 'singular-react-native/js/NativeSingular';

export default function ReferralScreen() {
  const handleShareReferral = () => {
    // Create custom parameters for the link
    const parameters = {
      channel: 'sms',
      campaign_id: 'summer_promo_2025',
      referral_type: 'friend_invite'
    };

    // Generate the short referrer link
    NativeSingular.createReferrerShortLink(
      'https://sample.sng.link/D52wc/cuvk?pcn=test',  // Base Singular Link
      'John Doe',                                      // Referrer name
      'user_12345',                                    // Referrer ID
      parameters,                                      // Custom parameters
      (shortLink, error) => {
        if (error) {
          // Error occurred during link creation
          console.error('Error creating short link:', error);
          Alert.alert('Error', 'Failed to create share link. Please try again.');
        } else if (shortLink) {
          // Success - short link was created
          console.log('Generated short link:', shortLink);

          // Share the link using React Native's Share API
          shareLink(shortLink);
        }
      }
    );
  };

  const shareLink = async (shortLink) => {
    try {
      const result = await Share.share({
        message: `Join me on this awesome app! ${shortLink}`,
        url: shortLink // iOS only
      });

      if (result.action === Share.sharedAction) {
        if (result.activityType) {
          console.log('Shared with activity type:', result.activityType);
        } else {
          console.log('Link shared successfully');
        }
      } else if (result.action === Share.dismissedAction) {
        console.log('Share dismissed');
      }
    } catch (error) {
      console.error('Error sharing link:', error);
      Alert.alert('Error', 'Failed to share link');
    }
  };

  return (
    <View>
      <Button title="Share Referral Link" onPress={handleShareReferral} />
    </View>
  );
}

// TurboModule direct API (React Native 0.76+ New Architecture)
import React, { useState } from 'react';
import { View, Button, Alert, ActivityIndicator } from 'react-native';
import NativeSingular from 'singular-react-native/js/NativeSingular';
import Clipboard from '@react-native-clipboard/clipboard';

export default function ReferralManager({ userId, userName, baseLink }) {
  const [isGenerating, setIsGenerating] = useState(false);
  const [lastGeneratedLink, setLastGeneratedLink] = useState(null);

  const generateShortLink = (retryCount = 0) => {
    return new Promise((resolve, reject) => {
      const parameters = {
        channel: 'in_app',
        campaign_id: 'organic_referral',
        user_tier: 'premium',
        referral_timestamp: Date.now().toString()
      };

      NativeSingular.createReferrerShortLink(
        baseLink,
        userName,
        userId,
        parameters,
        (shortLink, error) => {
          if (error) {
            // Retry logic with exponential backoff
            if (retryCount < 3) {
              const delay = Math.pow(2, retryCount) * 1000; // 1s, 2s, 4s
              console.log(`Retrying in ${delay}ms... (Attempt ${retryCount + 1}/3)`);

              setTimeout(() => {
                generateShortLink(retryCount + 1)
                  .then(resolve)
                  .catch(reject);
              }, delay);
            } else {
              reject(new Error(error));
            }
          } else if (shortLink) {
            setLastGeneratedLink(shortLink);
            resolve(shortLink);
          } else {
            reject(new Error('Unknown error occurred'));
          }
        }
      );
    });
  };

  const handleShare = async () => {
    setIsGenerating(true);

    try {
      const shortLink = await generateShortLink();
      console.log('Short link generated:', shortLink);

      // Attempt to share
      const { Share } = require('react-native');
      const result = await Share.share({
        message: `${userName} invited you to join! ${shortLink}`,
        url: shortLink
      });

      if (result.action === Share.sharedAction) {
        console.log('Link shared successfully');
        // Track share event
        NativeSingular.event('referral_link_shared');
      }
    } catch (error) {
      console.error('Error in share flow:', error);

      // Fallback: Copy to clipboard if available
      if (lastGeneratedLink) {
        Clipboard.setString(lastGeneratedLink);
        Alert.alert(
          'Link Copied',
          'Failed to share, but the referral link has been copied to your clipboard!',
          [{ text: 'OK' }]
        );
      } else {
        Alert.alert(
          'Error',
          'Failed to generate referral link. Please check your connection and try again.',
          [{ text: 'OK' }]
        );
      }
    } finally {
      setIsGenerating(false);
    }
  };

  const copyToClipboard = () => {
    if (lastGeneratedLink) {
      Clipboard.setString(lastGeneratedLink);
      Alert.alert('Copied!', 'Referral link copied to clipboard');
    } else {
      Alert.alert('No Link', 'Please generate a link first');
    }
  };

  return (
    <View>
      {isGenerating ? (
        <ActivityIndicator size="large" />
      ) : (
        <>
          <Button 
            title="Share Referral Link" 
            onPress={handleShare}
            disabled={isGenerating}
          />
          {lastGeneratedLink && (
            <Button 
              title="Copy Link" 
              onPress={copyToClipboard}
            />
          )}
        </>
      )}
    </View>
  );
}