@tyrads.com/tyrads-sdk 2.0.0-beta.2 → 2.0.0

package/src/acmo/modules/dashboard/top_offers.tsx

@@ -1,131 +1,144 @@
-import React, { useState, useEffect } from 'react';
-import {
-  View,
-  Text,
-  ActivityIndicator,
-  StyleSheet,
-} from 'react-native';
-import { fetchCampaignsData } from './repository';
-import PremiumHeaderSection from './components/premium_header';
-import CustomCard from './components/custom_card';
-import MyGamesButton from './components/my_games_button';
-import PremiumOption1 from './components/premium_option_1';
-import PremiumOption2 from './components/premium_option_2';
-import PremiumOption3 from './components/premium_option_3';
-import PremiumOption4 from './components/premium_option_4';
-
-interface TopOffersProps {
-  showMore?: boolean;
-  showMyOffers?: boolean;
-  showMyOffersEmptyView?: boolean;
-  style?: number;
-}
-
-const TopOffers: React.FC<TopOffersProps> = ({
-  showMore,
-  showMyOffers = false,
-  showMyOffersEmptyView = false,
-  style = 1,
-}) => {
-  const [campaigns, setCampaigns] = useState<TransformedCampaign[]>([]);
-  const [isLoading, setIsLoading] = useState<boolean>(true);
-  const [error, setError] = useState<string | null>(null);
-  const [premiumColor, setPremiumColor] = useState<string>('#1C90DF');
-  // const [language, setLanguage] = useState<string>('en');
-
-  useEffect(() => {
-    fetchCampaignsData(
-      // setLanguage,
-      setPremiumColor,
-      setCampaigns,
-      setError,
-      setIsLoading
-    );
-  }, []);
-
-  if (isLoading) {
-    return (
-      <View style={styles.loadingContainer}>
-        <ActivityIndicator size="large" color="#007AFF" />
-      </View>
-    );
-  }
-
-  if (error) {
-    return (
-      <View style={styles.errorContainer}>
-        <Text style={styles.errorText}>Error: {error}</Text>
-      </View>
-    );
-  }
-
-  if (campaigns.length === 0) {
-    if (showMyOffersEmptyView) {
-      return (
-        <View style={styles.noCampaignContainer}>
-          <Text>No campaigns available</Text>
-        </View>
-      );
-    } else {
-      return <View />;
-    }
-  }
-
-  return (
-    <CustomCard style={{}}>
-      <View style={{ flex: 1 }}>
-        <PremiumHeaderSection showMore={showMore} premiumColor={premiumColor} />
-        <View style={styles.headerSpacer} />
-        {(() => {
-          switch (style) {
-            case 1:
-              return (
-                <PremiumOption1 data={campaigns} premiumColor={premiumColor} />
-              );
-            case 2:
-              return (
-                <PremiumOption2 data={campaigns} premiumColor={premiumColor} />
-              );
-            case 3:
-              return (
-                <PremiumOption3 data={campaigns} premiumColor={premiumColor} />
-              );
-            case 4:
-              return (
-                <PremiumOption4 data={campaigns} premiumColor={premiumColor} />
-              );
-            default:
-              return <Text>Please specify a correct style</Text>;
-          }
-        })()}
-        <View style={styles.gameListSpacer} />
-        {showMyOffers && <MyGamesButton premiumColor={premiumColor} />}
-      </View>
-    </CustomCard>
-  );
-};
-
-const styles = StyleSheet.create({
-  loadingContainer: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  errorContainer: {
-    padding: 16,
-  },
-  errorText: {
-    color: 'red',
-  },
-  noCampaignContainer: {
-    padding: 16,
-  },
-  headerSpacer: {
-    height: 10,
-  },
-  gameListSpacer: {
-    height: 10,
-  },
-});
-
-export default TopOffers;
+import React, { useState, useEffect } from 'react';
+import {
+  View,
+  Text,
+  ActivityIndicator,
+  StyleSheet,
+} from 'react-native';
+import { fetchCampaignsData } from './repository';
+import PremiumHeaderSection from './components/premium_header';
+import CustomCard from './components/custom_card';
+import MyGamesButton from './components/my_games_button';
+import PremiumOption1 from './components/premium_option_1';
+import PremiumOption2 from './components/premium_option_2';
+import PremiumOption3 from './components/premium_option_3';
+import PremiumOption4 from './components/premium_option_4';
+
+interface TopOffersProps {
+  showMore?: boolean;
+  showMyOffers?: boolean;
+  showMyOffersEmptyView?: boolean;
+  style?: number;
+  onNavigate: (route?: string, campaignID?: number) => void;
+}
+
+const TopOffers: React.FC<TopOffersProps> = ({
+  showMore,
+  showMyOffers = false,
+  showMyOffersEmptyView = false,
+  style = 1,
+  onNavigate
+}) => {
+  const [campaigns, setCampaigns] = useState<TransformedCampaign[]>([]);
+  const [isLoading, setIsLoading] = useState<boolean>(true);
+  const [error, setError] = useState<string | null>(null);
+  const [premiumColor, setPremiumColor] = useState<string>('#1C90DF');
+  // const [language, setLanguage] = useState<string>('en');
+
+  useEffect(() => {
+    fetchCampaignsData(
+      // setLanguage,
+      setPremiumColor,
+      setCampaigns,
+      setError,
+      setIsLoading
+    );
+  }, []);
+
+  const handleShowOffers = () => {
+    onNavigate();
+  };
+  const handleCampaignPress = (campaignId: number) => {
+    onNavigate('campaign-details',campaignId );
+  };
+
+  const handleMoreOffersPress = (route: string) => {
+    onNavigate(route);
+  };
+
+  if (isLoading) {
+    return (
+      <View style={styles.loadingContainer}>
+        <ActivityIndicator size="large" color="#007AFF" />
+      </View>
+    );
+  }
+
+  if (error) {
+    return (
+      <View style={styles.errorContainer}>
+        <Text style={styles.errorText}>Error: {error}</Text>
+      </View>
+    );
+  }
+
+  if (campaigns.length === 0) {
+    if (showMyOffersEmptyView) {
+      return (
+        <View style={styles.noCampaignContainer}>
+          <Text>No campaigns available</Text>
+        </View>
+      );
+    } else {
+      return <View />;
+    }
+  }
+
+  return (
+    <CustomCard style={{}}>
+      <View style={{ flex: 1 }}>
+        <PremiumHeaderSection showMore={showMore} premiumColor={premiumColor} onShowOffers={handleShowOffers} />
+        <View style={styles.headerSpacer} />
+        {(() => {
+          switch (style) {
+            case 1:
+              return (
+                <PremiumOption1 data={campaigns} premiumColor={premiumColor} onCampaignPress={handleCampaignPress} />
+              );
+            case 2:
+              return (
+                <PremiumOption2 data={campaigns} premiumColor={premiumColor}  onCampaignPress={handleCampaignPress} />
+              );
+            case 3:
+              return (
+                <PremiumOption3 data={campaigns} premiumColor={premiumColor}  onCampaignPress={handleCampaignPress} />
+              );
+            case 4:
+              return (
+                <PremiumOption4 data={campaigns} premiumColor={premiumColor} onCampaignPress={handleCampaignPress} />
+              );
+            default:
+              return <Text>Please specify a correct style</Text>;
+          }
+        })()}
+        <View style={styles.gameListSpacer} />
+        {showMyOffers && <MyGamesButton premiumColor={premiumColor} onPress={handleMoreOffersPress}/>}
+      </View>
+    </CustomCard>
+  );
+};
+
+const styles = StyleSheet.create({
+  loadingContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  errorContainer: {
+    padding: 16,
+  },
+  errorText: {
+    color: 'red',
+  },
+  noCampaignContainer: {
+    padding: 16,
+  },
+  headerSpacer: {
+    height: 10,
+  },
+  gameListSpacer: {
+    height: 10,
+  },
+});
+
+export default TopOffers;

package/src/i18n.ts

@@ -1,115 +1,115 @@
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-import AsyncStorage from '@react-native-async-storage/async-storage';
-
-
-const resources = {
-  en: {
-    translation: {
-      "dashboard": {
-        "suggested_offers": "Suggested Offers",
-        "more_offers": "More Offers",
-        "my_games": "My Games",
-        "play_button": "Play Now",
-        "top_ranking": "Top {{number}}",
-        "rewards_one": "Reward",
-        "rewards_other": "Rewards"
-      },
-      
-      
-    }
-  },
-  es: {
-    translation: {
-      "dashboard": {
-        "suggested_offers": "Ofertas sugeridas",
-        "more_offers": "Más ofertas",
-        "my_games": "Mis juegos",
-        "play_button": "Jugar Ahora",
-        "top_ranking": "Los mejores {{number}}",
-        "rewards_one": "Recompensa",
-        "rewards_other": "Recompensas"
-      },
-      
-    }
-  },
-  id: {
-    translation: {
-      "dashboard": {
-        "suggested_offers": "Penawaran yang Disarankan",
-        "more_offers": "Penawaran Lainnya",
-        "my_games": "Permainan Saya",
-        "play_button": "Mainkan Sekarang",
-        "top_ranking": "Top {{number}}",
-        "rewards_one": "Hadiah",
-        "rewards_other": "Hadiah"
-      },
-    }
-  },
-  in: {
-    translation: {
-      "dashboard": {
-        "suggested_offers": "Penawaran yang Disarankan",
-        "more_offers": "Penawaran Lainnya",
-        "my_games": "Permainan Saya",
-        "play_button": "Mainkan Sekarang",
-        "top_ranking": "Top {{number}}",
-        "rewards_one": "Hadiah",
-        "rewards_other": "Hadiah"
-      },
-    }
-  },
-  ja: {
-    translation: {
-      "dashboard": {
-        "suggested_offers": "おすすめのオファー",
-        "more_offers": "その他のオファー",
-        "my_games": "マイゲーム",
-        "play_button": "プレイ する",
-        "top_ranking": "トップ {{number}}",
-        "rewards_one": "報酬",
-        "rewards_other": "報酬"
-      },
-    }
-  },
-  ko: {
-    translation: {
-      "dashboard": {
-        "suggested_offers": "추천 제안",
-        "more_offers": "더 많은 제안",
-        "my_games": "내 게임",
-        "play_button": "플레이 하고",
-        "top_ranking": "상위 {{number}}",
-        "rewards_one": "보상",
-        "rewards_other": "보상들"
-      },
-    }
-  }
-};
-
-const initializeI18n = async () => {
-  try {
-    const language:any = await AsyncStorage.getItem('language');
-    const storedLanguage: string = JSON.parse(language);
-    console.log('storedLanguage', storedLanguage);
-    
-    const initialLanguage = storedLanguage;
-    await i18n
-      .use(initReactI18next)
-      .init({
-        resources,
-        fallbackLng: 'en',
-        lng: initialLanguage,
-        debug: __DEV__,
-        interpolation: {
-          escapeValue: false,
-        },
-      });
-  } catch (error) {
-    console.error('Error initializing i18n:', error);
-  }
-};
-
-initializeI18n();
-
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+
+
+const resources = {
+  en: {
+    translation: {
+      "dashboard": {
+        "suggested_offers": "Suggested Offers",
+        "more_offers": "More Offers",
+        "my_games": "My Games",
+        "play_button": "Play Now",
+        "top_ranking": "Top {{number}}",
+        "rewards_one": "Reward",
+        "rewards_other": "Rewards"
+      },
+      
+      
+    }
+  },
+  es: {
+    translation: {
+      "dashboard": {
+        "suggested_offers": "Ofertas sugeridas",
+        "more_offers": "Más ofertas",
+        "my_games": "Mis juegos",
+        "play_button": "Jugar Ahora",
+        "top_ranking": "Los mejores {{number}}",
+        "rewards_one": "Recompensa",
+        "rewards_other": "Recompensas"
+      },
+      
+    }
+  },
+  id: {
+    translation: {
+      "dashboard": {
+        "suggested_offers": "Penawaran yang Disarankan",
+        "more_offers": "Penawaran Lainnya",
+        "my_games": "Permainan Saya",
+        "play_button": "Mainkan Sekarang",
+        "top_ranking": "Top {{number}}",
+        "rewards_one": "Hadiah",
+        "rewards_other": "Hadiah"
+      },
+    }
+  },
+  in: {
+    translation: {
+      "dashboard": {
+        "suggested_offers": "Penawaran yang Disarankan",
+        "more_offers": "Penawaran Lainnya",
+        "my_games": "Permainan Saya",
+        "play_button": "Mainkan Sekarang",
+        "top_ranking": "Top {{number}}",
+        "rewards_one": "Hadiah",
+        "rewards_other": "Hadiah"
+      },
+    }
+  },
+  ja: {
+    translation: {
+      "dashboard": {
+        "suggested_offers": "おすすめのオファー",
+        "more_offers": "その他のオファー",
+        "my_games": "マイゲーム",
+        "play_button": "プレイ する",
+        "top_ranking": "トップ {{number}}",
+        "rewards_one": "報酬",
+        "rewards_other": "報酬"
+      },
+    }
+  },
+  ko: {
+    translation: {
+      "dashboard": {
+        "suggested_offers": "추천 제안",
+        "more_offers": "더 많은 제안",
+        "my_games": "내 게임",
+        "play_button": "플레이 하고",
+        "top_ranking": "상위 {{number}}",
+        "rewards_one": "보상",
+        "rewards_other": "보상들"
+      },
+    }
+  }
+};
+
+const initializeI18n = async () => {
+  try {
+    const language:any = await AsyncStorage.getItem('language');
+    const storedLanguage: string = JSON.parse(language);
+    console.log('storedLanguage', storedLanguage);
+    
+    const initialLanguage = storedLanguage;
+    await i18n
+      .use(initReactI18next)
+      .init({
+        resources,
+        fallbackLng: 'en',
+        lng: initialLanguage,
+        debug: __DEV__,
+        interpolation: {
+          escapeValue: false,
+        },
+      });
+  } catch (error) {
+    console.error('Error initializing i18n:', error);
+  }
+};
+
+initializeI18n();
+
 export default i18n;