@tyrads.com/tyrads-sdk 3.1.0-beta.0 → 3.2.0

package/src/acmo/core/helpers/native_methods.ts

@@ -0,0 +1,43 @@
+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 TyradsNativeMethods = {
+
+  isPrivacyAccepted: async () => {
+    try {
+      return await TyradsSdk.isPrivacyAccepted();
+    } catch (err) {
+      console.error("Error checking privacy acceptance:", err);
+      return false;
+    }
+  },
+
+  checkOnboardingProcess: async () => {
+    try {
+      const result = await TyradsSdk.checkOnboardingProcess();
+      return result === true;
+    } catch (err) {
+      console.error("Error showing privacy flow:", err);
+      return false;
+    }
+  }
+};
+
+export default TyradsNativeMethods;

package/src/acmo/core/helpers/numeral.ts

@@ -0,0 +1,14 @@
+export const numeral = (value: number, decimals: number = 2): string => {
+  const suffixes = ['', 'K', 'M', 'B', 'T'];
+  let suffixIndex = 0;
+  let dividedValue = value;
+
+  while (dividedValue >= 1000 && suffixIndex < suffixes.length - 1) {
+    dividedValue /= 1000;
+    suffixIndex++;
+  }
+
+  const roundedValue = Math.floor(dividedValue * Math.pow(10, decimals)) / Math.pow(10, decimals);
+
+  return `${roundedValue}${suffixes[suffixIndex]}`;
+};

package/src/acmo/core/services/localization_service.ts

@@ -0,0 +1,200 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import axios, { type AxiosInstance } from 'axios';
+
+const BASE_URL = 'https://api.tyrads.com/v3.0/';
+
+interface TranslationResponse {
+  data: Array<{
+    code: string;
+    sha256: string;
+  }>;
+}
+
+type Translations = {
+  [key: string]: string | Translations;
+};
+
+class LocalizationService {
+  private static instance: LocalizationService;
+  private axios: AxiosInstance | null = null;
+  private translations: Translations = {};
+  private supportedLocales: string[] = [];
+  private readonly fallbackLocale: string = 'en';
+
+  private constructor() {
+  }
+
+  public static getInstance(): LocalizationService {
+    if (!LocalizationService.instance) {
+      LocalizationService.instance = new LocalizationService();
+    }
+    return LocalizationService.instance;
+  }
+
+  private static async getHeadersFromStorage(): Promise<Record<string, string>> {
+    try {
+      const data = await AsyncStorage.getItem('credentials');
+      return data ? JSON.parse(data) : {};
+    } catch (error) {
+      console.error('Failed to retrieve headers from AsyncStorage', error);
+      return {};
+    }
+  }
+
+
+  public async init(locale: string): Promise<void> {
+    if (this.axios) {
+      return;
+    }
+
+    const headers = await LocalizationService.getHeadersFromStorage();
+
+    this.axios = axios.create({
+      baseURL: BASE_URL,
+      timeout: 10000,
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+        "X-API-Key": headers["X-API-Key"],
+        "X-API-Secret": headers["X-API-Secret"],
+      }
+    });
+
+    this.axios.interceptors.request.use(
+      (config) => {
+        console.log('====================================');
+        console.log(`Request: ${config.method} ${config.baseURL}${config.url}`);
+        console.log('Headers:', config.headers);
+        console.log('====================================');
+        return config;
+      },
+      (error) => {
+        return Promise.reject(error);
+      }
+    );
+    this.axios.interceptors.response.use(
+      (res) => {
+        console.log('====================================');
+        console.log('Response Data:', res.data);
+        console.log('====================================');
+        return res;
+      },
+      (error) => {
+        return Promise.reject(error);
+      }
+    );
+    await this.loadTranslations(locale);
+  }
+
+  private async loadTranslations(locale: string, force = false): Promise<void> {
+    const hasUpdate = await this.checkForUpdate(locale, force);
+
+    if (!hasUpdate) {
+      const cachedData = await AsyncStorage.getItem(`translations_${locale}`);
+      if (cachedData) {
+        try {
+          this.translations = JSON.parse(cachedData);
+          return;
+        } catch (e) {
+          console.error('Failed to parse cached translations', e);
+        }
+      }
+    }
+
+    await this.fetchTranslations(locale, force);
+  }
+
+  private async fetchTranslations(locale: string, force = false): Promise<void> {
+    if (!this.axios) return;
+    try {
+      let effectiveLocale = locale;
+      if (!this.supportedLocales.includes(locale)) {
+        effectiveLocale = this.fallbackLocale;
+      }
+
+      const response = await this.axios.get(
+        `translations/${effectiveLocale}`,
+        {
+          params: {
+            force,
+            format: 'nested',
+          },
+        }
+      );
+
+      if (response.status === 200) {
+        this.translations = response.data as Translations;
+        await AsyncStorage.setItem(`translations_${effectiveLocale}`, JSON.stringify(response.data));
+      } else {
+        console.warn(`Failed to load translations: ${response.status}`);
+      }
+    } catch (e) {
+      if (axios.isAxiosError(e)) {
+        console.error('Network error fetching translations:', e.message);
+      } else {
+        console.error('An unexpected error occurred:', e);
+      }
+    }
+  }
+
+  private async checkForUpdate(locale: string, force = false): Promise<boolean> {
+    if (!this.axios) return false;
+    try {
+      const response = await this.axios.get<TranslationResponse>('translations/version', { params: { force } });
+      if (response.status === 200) {
+        const data = response.data.data;
+        this.supportedLocales = data.map(item => item.code);
+
+        const currentLocaleData = data.find(item => item.code === locale);
+        if (!currentLocaleData) {
+          return false;
+        }
+
+        const currentLocaleSha256 = currentLocaleData.sha256;
+        const cachedVersion = await AsyncStorage.getItem(`cached_version_${locale}`);
+
+        if (currentLocaleSha256 !== cachedVersion) {
+          await AsyncStorage.setItem(`cached_version_${locale}`, currentLocaleSha256);
+          return true;
+        }
+      }
+    } catch (e) {
+      if (axios.isAxiosError(e)) {
+        console.error('Error checking for update:', e.message);
+      } else {
+        console.error('An unexpected error occurred:', e);
+      }
+    }
+    return false;
+  }
+
+  public translate(key: string, args: Record<string, string | number> = {}): string {
+    const keys = key.split('.');
+    let currentMap: any = this.translations;
+
+    for (const k of keys) {
+      if (typeof currentMap === 'object' && currentMap !== null && currentMap.hasOwnProperty(k)) {
+        currentMap = currentMap[k];
+      } else {
+        return key;
+      }
+    }
+
+    if (typeof currentMap === 'string') {
+      let result = currentMap;
+      for (const [argKey, argValue] of Object.entries(args)) {
+        const regex = new RegExp(`{${argKey}}`, 'gi');
+        result = result.replace(regex, String(argValue));
+      }
+      return result;
+    }
+
+    return key;
+  }
+
+  public async changeLanguage(locale: string, force = false): Promise<void> {
+    await this.loadTranslations(locale, force);
+  }
+}
+
+export default LocalizationService;

package/src/acmo/core/storage/storage.ts

@@ -25,4 +25,18 @@ export const getData = async <T>(key: string): Promise<T | null> => {
     }
     return null;
   }
+};
+
+export const clearData = async <T>(key: string): Promise<T | null> => {
+  try {
+    await AsyncStorage.removeItem(key);
+    return true as T;
+  } catch (e: any) {
+    if (e instanceof Error) {
+      console.error('Error getting object:', e.message);
+    } else {
+      console.error('An unknown error occurred while getting.');
+    }
+    return false as T;
+  }
 };

package/src/acmo/modules/dashboard/components/active_offers_button.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { TouchableOpacity, Text, StyleSheet, View, } from 'react-native';
+import { useLocalization } from '../../localization/localization_context';
 // import { useTranslation } from 'react-i18next';
 
 interface ActiveOffersBtnProps {
@@ -9,14 +10,14 @@ interface ActiveOffersBtnProps {
 }
 
 const ActiveOffersButton: React.FC<ActiveOffersBtnProps> = ({ premiumColor, activeCount, onPress }) => {
-  // const { t } = useTranslation();
+  const { t } = useLocalization();
   return (
     <TouchableOpacity
       style={[styles.button, { borderColor: premiumColor }]}
       onPress={() => onPress && onPress('active-offers')}
     >
       <View style={{ flexDirection: 'row', alignItems: 'center' }}>
-        <Text style={[styles.buttonText, { color: premiumColor }]}>Active Offers</Text>
+        <Text style={[styles.buttonText, { color: premiumColor }]}>{t("data.offers.button.activeOffers")}</Text>
         {activeCount > 0 &&
           <View style={styles.activeCountContainer}>
             <Text style={styles.activeCountText}>{activeCount > 99 ? '99+' : activeCount}</Text>

package/src/acmo/modules/dashboard/components/offer_card.tsx

@@ -1,5 +1,5 @@
-import numeral from 'numeral';
 import React, { useState } from 'react';
+import {numeral} from '../../../core/helpers/numeral';
 import {
   View,
   Text,
@@ -71,13 +71,13 @@ const AcmoOfferCard: React.FC<Props> = ({
             <View style={styles.payoutSection}>
               {currencySaleModel?.multiplier && (
                 <Text style={styles.strikePayout}>
-                  {numeral(item.campaignPayout.totalPlayablePayoutConverted).format("0.00a").toUpperCase()}
+                  {numeral(item.campaignPayout.totalPlayablePayoutConverted)}
                 </Text>
               )}
               <View style={styles.payoutRow}>
                 <Image source={{ uri: item.currency.adUnitCurrencyIcon }} style={styles.currencyIcon} />
                 <Text style={styles.payoutText}>
-                  {numeral(item.campaignPayout.totalPlayablePayoutConverted * bonusMultiplier).format("0.00a").toUpperCase()}
+                  {numeral(item.campaignPayout.totalPlayablePayoutConverted * bonusMultiplier)}
                 </Text>
               </View>
             </View>

package/src/acmo/modules/dashboard/components/offer_list_item.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import {numeral} from '../../../core/helpers/numeral';
 import {
   View,
   Text,
@@ -7,7 +8,7 @@ import {
   StyleSheet,
   ActivityIndicator,
 } from 'react-native';
-import numeral from 'numeral';
+import { useLocalization } from '../../localization/localization_context';
 
 
 
@@ -45,6 +46,7 @@ export const AcmoOfferListItem: React.FC<Props> = ({
   const bonusMultiplier = currencySales?.multiplier ?? 1;
   const isLoading = loadingIndex === index;
   const anyLoading = loadingIndex != null;
+  const { t } = useLocalization();
 
   return (
     <TouchableOpacity
@@ -62,7 +64,8 @@ export const AcmoOfferListItem: React.FC<Props> = ({
           {currencySales && (
             <View style={[styles.bonusBadge, { backgroundColor: `${colorPremium}20` }]}>
               <Text style={[styles.bonusText, { color: colorPremium }]}>
-                {bonusMultiplier}x BONUS
+                {t('data.shared.label.bonusTagCaps',
+                  { 'multiplier': currencySales?.multiplier! },)}
               </Text>
             </View>
           )}
@@ -74,7 +77,7 @@ export const AcmoOfferListItem: React.FC<Props> = ({
           <View style={styles.payoutRow}>
             {currencySales && (
               <Text style={styles.strikeText}>
-                {numeral(offer.campaignPayout.totalPlayablePayoutConverted).format('0.00a')}
+                {numeral(offer.campaignPayout.totalPlayablePayoutConverted)}
               </Text>
             )}
 
@@ -86,7 +89,7 @@ export const AcmoOfferListItem: React.FC<Props> = ({
             <Text style={styles.payoutText}>
               {numeral(
                 offer.campaignPayout.totalPlayablePayoutConverted * bonusMultiplier
-              ).format('0.00a')}
+              )}
             </Text>
           </View>
         </View>
@@ -115,7 +118,7 @@ export const AcmoOfferListItem: React.FC<Props> = ({
               },
             ]}
           >
-            Play
+            {t("data.widget.button.play")}
           </Text>
         </TouchableOpacity>
 
@@ -189,7 +192,7 @@ const styles = StyleSheet.create({
   payoutRow: {
     flexDirection: 'row',
     alignItems: 'center',
-    gap: 10,
+    gap: 4,
   },
   strikeText: {
     fontSize: 12,
@@ -200,7 +203,6 @@ const styles = StyleSheet.create({
   currencyIcon: {
     width: 14,
     height: 14,
-    marginHorizontal: 4,
   },
   payoutText: {
     fontSize: 12,

package/src/acmo/modules/dashboard/components/premium_empty_widget.tsx

@@ -1,8 +1,11 @@
 import React from 'react';
 import { View, Text, TouchableOpacity, StyleSheet, ImageBackground } from 'react-native';
+import { useLocalization } from '../../localization/localization_context';
 
 const PremiumEmptyView: React.FC<{ onContinue?: () => void, colorPremium?: string}> = ({ onContinue, colorPremium}) => {
 
+  const { t } = useLocalization();
+
   return (
     <View style={styles.container}>
       <ImageBackground
@@ -12,7 +15,7 @@ const PremiumEmptyView: React.FC<{ onContinue?: () => void, colorPremium?: strin
       >
         <View style={styles.content}>
           <Text style={[styles.title, { color: 'white', fontFamily: 'Poppins_600SemiBold' }]}>
-            {'Keep Playing!\nExciting Rewards Await!'}
+            {t('data.widget.empty.noOffers')}
           </Text>
           <TouchableOpacity
             style={[styles.button, { backgroundColor: 'white' }]}
@@ -29,7 +32,7 @@ const PremiumEmptyView: React.FC<{ onContinue?: () => void, colorPremium?: strin
                 },
               ]}
             >
-              Continue Playing
+              {t('data.widget.button.continuePlaying')}
             </Text>
           </TouchableOpacity>
         </View>

package/src/acmo/modules/dashboard/components/premium_header.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, Text, Image, TouchableOpacity, StyleSheet,} from 'react-native';
-import { useTranslation } from 'react-i18next';
+import { useLocalization } from '../../localization/localization_context';
 
 interface PremiumHeaderSectionProps {
   showMore?: boolean;
@@ -9,7 +9,8 @@ interface PremiumHeaderSectionProps {
 }
 
 const PremiumHeaderSection: React.FC<PremiumHeaderSectionProps> = ({ showMore = true, premiumColor, onShowOffers }) => {
-  const { t } = useTranslation();
+  const { t } = useLocalization();
+  
   return (
     <View style={styles.headerContainer}>
       <View style={styles.leftContainer}>
@@ -20,13 +21,13 @@ const PremiumHeaderSection: React.FC<PremiumHeaderSectionProps> = ({ showMore =
           />
         </View>
         <Text style={[styles.headerText, { color: premiumColor }]} numberOfLines={1} ellipsizeMode="tail">
-          {t('dashboard.suggested_offers')}
+          {t('data.widget.page.title')}
         </Text>
       </View>
       {showMore && (
         <TouchableOpacity style={styles.rightContainer} onPress={onShowOffers}>
           <Text style={[styles.moreOffersText, { color: premiumColor }]} numberOfLines={1}>
-            {t('dashboard.more_offers')}
+            {t('data.widget.button.moreOffers')}
           </Text>
           <Image
             source={require('../../../../assets/images/angle_up.png')}
@@ -78,4 +79,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default PremiumHeaderSection;
+export default PremiumHeaderSection;

package/src/acmo/modules/dashboard/components/premium_loading.tsx

@@ -6,12 +6,10 @@ import CustomCard from './custom_card';
 
 interface PremiumWidgetsLoadingProps {
   widgetStyle: PremiumWidgetStyles;
-  itemHeight?: number;
 }
 
 const PremiumWidgetsLoading: React.FC<PremiumWidgetsLoadingProps> = ({
   widgetStyle,
-  itemHeight,
 }) => {
   return (
     <CustomCard style={{
@@ -23,7 +21,7 @@ const PremiumWidgetsLoading: React.FC<PremiumWidgetsLoadingProps> = ({
         <Shimmer style={{ width: 105, height: 18, borderRadius: 4 }} />
       </View>
 
-      {widgetStyle === PremiumWidgetStyles.list ? (
+      {widgetStyle === PremiumWidgetStyles.list && (
         <View style={styles.listContainer}>
           {[...Array(4)].map((_, index) => (
             <View key={index} style={styles.listTile}>
@@ -38,14 +36,10 @@ const PremiumWidgetsLoading: React.FC<PremiumWidgetsLoadingProps> = ({
             </View>
           ))}
         </View>
-      ) : (
-        <>
-          <Shimmer style={{ width: '100%', height: itemHeight }} />
-        </>
       )}
 
       {widgetStyle === PremiumWidgetStyles.sliderCards && (
-        <Shimmer shimmerHeight={150} style={{ flexDirection: 'row', height: 150, }} />
+        <Shimmer shimmerHeight={150} style={{ flexDirection: 'row', height: 150, marginTop: 16 }} />
       )}
 
       <Shimmer shimmerHeight={42} style={{ flexDirection: 'row', height: 42, borderRadius: 21, marginVertical: 16 }} />

package/src/acmo/modules/dashboard/repository.ts

@@ -63,7 +63,7 @@ export const fetchPremiumOfferDetails = async (
     //   "bannerUrl": "",
     //   "dateStart": "2025-03-10T00:00:00.000Z",
     //   "dateEnd": "2025-03-10T23:59:59.000Z",
-    //   remainingTimeSeconds: undefined
+    //   remainingTimeSeconds: 3090
     // };
 
     setCampaigns(hotOffers);

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

@@ -13,6 +13,7 @@ import AcmoOfferCard from './components/offer_card';
 import AcmoScrollPager from './components/custom_scroller';
 import PremiumEmptyView from './components/premium_empty_widget';
 import PremiumWidgetsLoading from './components/premium_loading';
+import TyradsNativeMethods from '../../core/helpers/native_methods';
 
 export const enum PremiumWidgetStyles {
   list,
@@ -36,7 +37,6 @@ const PremiumWidgets: React.FC<PremiumWidgetProps> = ({
   const [activeCount, setActiveCount] = useState<number>(0);
   const [loadingIndex, setLoadingIndex] = useState<number | null>(null);
 
-
   useEffect(() => {
     fetchPremiumOfferDetails(
       setPremiumColor,
@@ -44,8 +44,9 @@ const PremiumWidgets: React.FC<PremiumWidgetProps> = ({
       setCurrencySale,
       setActiveCount,
       setError,
-      setIsLoading
+      setIsLoading,
     );
+
   }, []);
 
   const handleShowOffers = () => {
@@ -60,6 +61,20 @@ const PremiumWidgets: React.FC<PremiumWidgetProps> = ({
   };
 
   const handleButtonPress = async (campaign: Campaign) => {
+    let isReady = await TyradsNativeMethods.isPrivacyAccepted()
+    if (!isReady) {
+      try {
+        const result = await TyradsNativeMethods.checkOnboardingProcess();
+        console.log("Privacy flow result:", result);
+        isReady = result === true;
+      } catch (err) {
+        console.error("Privacy flow error:", err);
+        isReady = false;
+      }
+    }
+    if (!isReady) {
+      return
+    }
     await openOffer(campaign);
     await fetchPremiumOfferDetails(
       setPremiumColor,
@@ -67,7 +82,7 @@ const PremiumWidgets: React.FC<PremiumWidgetProps> = ({
       setCurrencySale,
       setActiveCount,
       setError,
-      setIsLoading
+      setIsLoading,
     );
   }
 

package/src/acmo/modules/localization/localization_context.tsx

@@ -0,0 +1,52 @@
+import React, { createContext, useContext, useState, useEffect } from 'react';
+import LocalizationService from '../../core/services/localization_service';
+
+interface LocalizationContextProps {
+  t: (key: string, args?: Record<string, string | number>) => string;
+  changeLanguage: (lang: string) => Promise<void>;
+  currentLanguage: string;
+}
+
+const LocalizationContext = createContext<LocalizationContextProps>({
+  t: (key) => key,
+  changeLanguage: async () => {},
+  currentLanguage: 'en',
+});
+
+let _updateLanguage: ((lang: string) => void) | null = null;
+
+export const LocalizationProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [currentLanguage, setCurrentLanguage] = useState('en');
+  const service = LocalizationService.getInstance();
+
+  useEffect(() => {
+    _updateLanguage = setCurrentLanguage;
+  }, []);
+
+  const changeLanguage = async (lang: string) => {
+    await service.changeLanguage(lang);
+    setCurrentLanguage(lang);
+  };
+
+  const t = (key: string, args?: Record<string, string | number>) => service.translate(key, args);
+
+  return (
+    <LocalizationContext.Provider value={{ t, changeLanguage, currentLanguage }}>
+      {children}
+    </LocalizationContext.Provider>
+  );
+};
+
+export const useLocalization = () => useContext(LocalizationContext);
+
+export const updateProviderLanguage = async (lang: string) => {
+  const service = LocalizationService.getInstance();
+  await service.init(lang);
+  _updateLanguage?.(lang);
+};
+
+export const changeProviderLanguage = async (lang: string) => {
+  const service = LocalizationService.getInstance();
+  await service.changeLanguage(lang);
+  _updateLanguage?.(lang);
+};