@tyrads.com/tyrads-sdk 1.1.7 → 2.0.0-beta.0

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

@@ -0,0 +1,131 @@
+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;

package/src/i18n.ts

@@ -0,0 +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();
+
+export default i18n;

package/src/index.tsx

@@ -1,40 +1,81 @@
-import { NativeModules, Platform } from 'react-native';
-
-const LINKING_ERROR =
-  `The package 'tyrads-sdk' doesn't seem to be linked. Make sure: \n\n` +
-  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
-  '- You rebuilt the app after installing the package\n' +
-  '- You are not using Expo Go\n';
-
-const TyradsSdk = NativeModules.TyradsSdk
-  ? NativeModules.TyradsSdk
-  : new Proxy(
-      {},
-      {
-        get() {
-          throw new Error(LINKING_ERROR);
-        },
-      }
-    );
-
-const Tyrads = {
-  init: (apiKey: string, apiSecret: string) => {
-    return TyradsSdk.init(apiKey, apiSecret);
-  },
-  loginUser: (userId: string) => {
-    return TyradsSdk.loginUser(userId);
-  },
-  showOffers: ({
-    launchMode = 3,
-    route,
-    campaignID = 0,
-  }: { launchMode?: number; route?: string; campaignID?: number } = {}) => {
-    if (Platform.OS === 'ios') {
-      return TyradsSdk.showOffers(launchMode, route, campaignID);
-    } else {
-      return TyradsSdk.showOffers(route, campaignID);
-    }
-  },
-};
-
-export default Tyrads;
+import { NativeModules, Platform, View,} from 'react-native';
+
+import TopOffers from './acmo/modules/dashboard/top_offers';
+import { saveData } from './acmo/core/storage/storage';
+import { I18nextProvider } from 'react-i18next';
+import i18n from './i18n';
+
+// const TyradsSdkComposeView = requireNativeComponent('TyradsSdkComposeView');
+
+
+const LINKING_ERROR =
+  `The package 'tyrads-sdk' doesn't seem to be linked. Make sure: \n\n` +
+  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+const TyradsSdk = NativeModules.TyradsSdk
+  ? NativeModules.TyradsSdk
+  : new Proxy(
+      {},
+      {
+        get() {
+          throw new Error(LINKING_ERROR);
+        },
+      }
+    );
+
+const Tyrads = {
+  init: (apiKey: string, apiSecret: string) => {
+    return TyradsSdk.init(apiKey, apiSecret);
+  },
+  loginUser: async (userId: string) =>{
+    try{
+      var data = await TyradsSdk.loginUser(userId);
+      console.log("data from login: ",data);
+
+      await saveData('apiHeaders', data);
+      await saveData('language', JSON.parse(data).languageCode);
+    }catch (err){
+      console.log(err);
+    }
+    return TyradsSdk.loginUser(userId);
+  },
+  showOffers: ({
+    launchMode = 3,
+    route,
+    campaignID = 0,
+  }: { launchMode?: number; route?: string; campaignID?: number } = {}) => {
+    if (Platform.OS === 'ios') {
+      return TyradsSdk.showOffers(launchMode, route, campaignID);
+    } else {
+      return TyradsSdk.showOffers(route, campaignID);
+    }
+  },
+  topPremiumOffers: ({
+    showMore = true,
+    showMyOffers = true,
+    showMyOffersEmptyView = false,
+    viewStyle = 1,
+  }: {
+    showMore?: boolean;
+    showMyOffers?: boolean;
+    showMyOffersEmptyView?: boolean;
+    viewStyle?: number;
+  } = {}) => {
+    return (
+      <I18nextProvider i18n={i18n}>
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+          <TopOffers
+            showMore={showMore}
+            showMyOffers={showMyOffers}
+            showMyOffersEmptyView={showMyOffersEmptyView}
+            style={viewStyle}
+          />
+        </View>
+      </I18nextProvider>
+    );
+  },
+};
+
+export default Tyrads;

package/tyrads-sdk.podspec

@@ -1,41 +1,41 @@
-require "json"
-
-package = JSON.parse(File.read(File.join(__dir__, "package.json")))
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
-
-Pod::Spec.new do |s|
-  s.name         = "tyrads-sdk"
-  s.version      = package["version"]
-  s.summary      = package["description"]
-  s.homepage     = package["homepage"]
-  s.license      = package["license"]
-  s.authors      = package["author"]
-
-  s.platforms    = { :ios => min_ios_version_supported }
-  s.source       = { :git => "https://github.com/tyrads-com/tyrads-sdk-reactnative.git", :tag => "#{s.version}" }
-
-  s.source_files = "ios/**/*.{h,m,mm,swift}"
-
-  # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
-  # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
-  if respond_to?(:install_modules_dependencies, true)
-    install_modules_dependencies(s)
-  else
-    s.dependency "React-Core"
-
-    # Don't install the dependencies when we run `pod install` in the old architecture.
-    if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
-      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
-      s.pod_target_xcconfig    = {
-          "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
-          "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
-          "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
-      }
-      s.dependency "React-Codegen"
-      s.dependency "RCT-Folly"
-      s.dependency "RCTRequired"
-      s.dependency "RCTTypeSafety"
-      s.dependency "ReactCommon/turbomodule/core"
-    end
-  end
-end
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "tyrads-sdk"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/tyrads-com/tyrads-sdk-reactnative.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+
+  # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
+  # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
+  if respond_to?(:install_modules_dependencies, true)
+    install_modules_dependencies(s)
+  else
+    s.dependency "React-Core"
+
+    # Don't install the dependencies when we run `pod install` in the old architecture.
+    if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+      s.pod_target_xcconfig    = {
+          "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+          "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+          "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+      }
+      s.dependency "React-Codegen"
+      s.dependency "RCT-Folly"
+      s.dependency "RCTRequired"
+      s.dependency "RCTTypeSafety"
+      s.dependency "ReactCommon/turbomodule/core"
+    end
+  end
+end