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

package/lib/typescript/commonjs/src/acmo/modules/dashboard/components/premium_option_3.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"premium_option_3.d.ts","sourceRoot":"","sources":["../../../../../../../../src/acmo/modules/dashboard/components/premium_option_3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,mBAAmB;IAC3B,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/typescript/commonjs/src/acmo/modules/dashboard/components/premium_option_4.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface PremiumOption4Props {
-    data: TransformedCampaign[];
-    premiumColor?: string;
-    onCampaignPress?: (campaignId: number) => void;
-}
-declare const PremiumOption4: React.FC<PremiumOption4Props>;
-export default PremiumOption4;
-//# sourceMappingURL=premium_option_4.d.ts.map

package/lib/typescript/commonjs/src/acmo/modules/dashboard/components/premium_option_4.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"premium_option_4.d.ts","sourceRoot":"","sources":["../../../../../../../../src/acmo/modules/dashboard/components/premium_option_4.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,UAAU,mBAAmB;IAC3B,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgBjD,CAAC;AAmJF,eAAe,cAAc,CAAC"}

package/lib/typescript/module/src/acmo/core/marquee.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { type TextStyle } from 'react-native';
-interface MarqueeTextProps {
-    text: string;
-    speed?: number;
-    repeat?: number;
-    style?: TextStyle;
-}
-declare const MarqueeText: React.FC<MarqueeTextProps>;
-export default MarqueeText;
-//# sourceMappingURL=marquee.d.ts.map

package/lib/typescript/module/src/acmo/core/marquee.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../../../../../src/acmo/core/marquee.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAA0C,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtF,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsC3C,CAAC;AAaF,eAAe,WAAW,CAAC"}

package/lib/typescript/module/src/acmo/modules/dashboard/components/auto_scroller.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface AutoScrollPagerWithIndicatorsProps {
-    totalPages: number;
-    delayInMillis?: number;
-    premiumColor?: string;
-    content: (index: number) => React.ReactNode;
-}
-declare const AutoScrollPagerWithIndicators: React.FC<AutoScrollPagerWithIndicatorsProps>;
-export default AutoScrollPagerWithIndicators;
-//# sourceMappingURL=auto_scroller.d.ts.map

package/lib/typescript/module/src/acmo/modules/dashboard/components/auto_scroller.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto_scroller.d.ts","sourceRoot":"","sources":["../../../../../../../../src/acmo/modules/dashboard/components/auto_scroller.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,UAAU,kCAAkC;IAC1C,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC7C;AAED,QAAA,MAAM,6BAA6B,EAAE,KAAK,CAAC,EAAE,CAAC,kCAAkC,CAsD/E,CAAC;AAkBF,eAAe,6BAA6B,CAAC"}

package/lib/typescript/module/src/acmo/modules/dashboard/components/my_games_button.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface MyGamesButtonProps {
-    premiumColor?: string;
-    onPress: (route: string) => void;
-}
-declare const MyGamesButton: React.FC<MyGamesButtonProps>;
-export default MyGamesButton;
-//# sourceMappingURL=my_games_button.d.ts.map

package/lib/typescript/module/src/acmo/modules/dashboard/components/my_games_button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"my_games_button.d.ts","sourceRoot":"","sources":["../../../../../../../../src/acmo/modules/dashboard/components/my_games_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,kBAAkB;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAU/C,CAAC;AAoBF,eAAe,aAAa,CAAC"}

package/lib/typescript/module/src/acmo/modules/dashboard/components/offer_info_section.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { type ViewStyle } from "react-native";
-interface OfferInfoSectionProps {
-    details: TransformedCampaign;
-    premiumColor?: string;
-    style?: ViewStyle;
-    onButtonPress: () => void;
-}
-declare const OfferInfoSection: React.FC<OfferInfoSectionProps>;
-export default OfferInfoSection;
-//# sourceMappingURL=offer_info_section.d.ts.map

package/lib/typescript/module/src/acmo/modules/dashboard/components/offer_info_section.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"offer_info_section.d.ts","sourceRoot":"","sources":["../../../../../../../../src/acmo/modules/dashboard/components/offer_info_section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA+D,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAO3G,UAAU,qBAAqB;IAC7B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0DrD,CAAC;AAiEF,eAAe,gBAAgB,CAAC"}

package/lib/typescript/module/src/acmo/modules/dashboard/components/premium_option_1.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface PremiumOption1Props {
-    data: TransformedCampaign[];
-    premiumColor?: string;
-    onCampaignPress?: (campaignId: number) => void;
-}
-declare const PremiumOption1: React.FC<PremiumOption1Props>;
-export default PremiumOption1;
-//# sourceMappingURL=premium_option_1.d.ts.map

package/lib/typescript/module/src/acmo/modules/dashboard/components/premium_option_1.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"premium_option_1.d.ts","sourceRoot":"","sources":["../../../../../../../../src/acmo/modules/dashboard/components/premium_option_1.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,UAAU,mBAAmB;IAC3B,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA6DjD,CAAC;AA4EF,eAAe,cAAc,CAAC"}

package/lib/typescript/module/src/acmo/modules/dashboard/components/premium_option_2.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface PremiumOption2Props {
-    data: TransformedCampaign[];
-    premiumColor?: string;
-    onCampaignPress?: (campaignId: number) => void;
-}
-declare const PremiumOption2: React.FC<PremiumOption2Props>;
-export default PremiumOption2;
-//# sourceMappingURL=premium_option_2.d.ts.map

package/lib/typescript/module/src/acmo/modules/dashboard/components/premium_option_2.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"premium_option_2.d.ts","sourceRoot":"","sources":["../../../../../../../../src/acmo/modules/dashboard/components/premium_option_2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,UAAU,mBAAmB;IAC3B,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsBjD,CAAC;AAyDF,eAAe,cAAc,CAAC"}

package/lib/typescript/module/src/acmo/modules/dashboard/components/premium_option_3.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface PremiumOption3Props {
-    data: TransformedCampaign[];
-    premiumColor?: string;
-    onCampaignPress?: (campaignId: number) => void;
-}
-declare const PremiumOption3: React.FC<PremiumOption3Props>;
-export default PremiumOption3;
-//# sourceMappingURL=premium_option_3.d.ts.map

package/lib/typescript/module/src/acmo/modules/dashboard/components/premium_option_3.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"premium_option_3.d.ts","sourceRoot":"","sources":["../../../../../../../../src/acmo/modules/dashboard/components/premium_option_3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,mBAAmB;IAC3B,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/typescript/module/src/acmo/modules/dashboard/components/premium_option_4.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface PremiumOption4Props {
-    data: TransformedCampaign[];
-    premiumColor?: string;
-    onCampaignPress?: (campaignId: number) => void;
-}
-declare const PremiumOption4: React.FC<PremiumOption4Props>;
-export default PremiumOption4;
-//# sourceMappingURL=premium_option_4.d.ts.map

package/lib/typescript/module/src/acmo/modules/dashboard/components/premium_option_4.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"premium_option_4.d.ts","sourceRoot":"","sources":["../../../../../../../../src/acmo/modules/dashboard/components/premium_option_4.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,UAAU,mBAAmB;IAC3B,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgBjD,CAAC;AAmJF,eAAe,cAAc,CAAC"}

package/src/acmo/core/marquee.tsx

@@ -1,62 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import { Animated, View, StyleSheet, Dimensions, type TextStyle,} from 'react-native';
-
-interface MarqueeTextProps {
-  text: string;
-  speed?: number;
-  repeat?: number;
-  style?: TextStyle;
-}
-
-const MarqueeText: React.FC<MarqueeTextProps> = ({ text, speed = 15, repeat = 100, style }) => {
-  const translateX = useRef(new Animated.Value(0)).current;
-
-  useEffect(() => {
-    const textWidth = text.length * 4;
-    const screenWidth = Dimensions.get('window').width;
-
-    const animation = Animated.loop(
-      Animated.sequence([
-        Animated.timing(translateX, {
-          toValue: -textWidth,
-          duration: (textWidth + screenWidth) * speed,
-          useNativeDriver: true,
-        }),
-        Animated.timing(translateX, {
-          toValue: screenWidth,
-          duration: 0,
-          useNativeDriver: true,
-        }),
-      ]),
-      { iterations: repeat }
-    );
-
-    animation.start();
-
-    return () => animation.stop();
-  }, [text, speed, repeat, translateX]);
-
-  return (
-    <View style={styles.container}>
-      <Animated.Text
-        numberOfLines={1}
-        style={[styles.text, style, { transform: [{ translateX }] }]}
-      >
-        {text}
-      </Animated.Text>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    overflow: 'hidden',
-    width: '100%',
-  },
-  text: {
-    fontSize: 16,
-    fontWeight: 'bold',
-  },
-});
-
-export default MarqueeText;

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

@@ -1,85 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-import { View, ScrollView, StyleSheet, Dimensions } from 'react-native';
-
-const { width } = Dimensions.get('window');
-
-interface AutoScrollPagerWithIndicatorsProps {
-  totalPages: number;
-  delayInMillis?: number;
-  premiumColor?: string;
-  content: (index: number) => React.ReactNode;
-}
-
-const AutoScrollPagerWithIndicators: React.FC<AutoScrollPagerWithIndicatorsProps> = ({
-  totalPages,
-  delayInMillis = 5000,
-  premiumColor,
-  content,
-}) => {
-  const [currentPage, setCurrentPage] = useState(0);
-  const scrollViewRef = useRef<ScrollView>(null);
-
-  useEffect(() => {
-    const intervalId = setInterval(() => {
-      const nextBanner = (currentPage + 1) % totalPages;
-      setCurrentPage(nextBanner);
-      scrollViewRef.current?.scrollTo({ x: nextBanner * width, animated: true });
-    }, delayInMillis);
-
-    return () => clearInterval(intervalId);
-  }, [currentPage, totalPages, delayInMillis]);
-
-  useEffect(() => {
-    scrollViewRef.current?.scrollTo({ x: currentPage * width, animated: false });
-  }, [currentPage]);
-
-  const renderIndicators = () => {
-    const indicators: React.ReactNode[] = [];
-    for (let i = 0; i < totalPages; i++) {
-      indicators.push(
-        <View
-          key={i}
-          style={[
-            styles.indicator,
-            { backgroundColor: currentPage === i ? (premiumColor|| '#1C90DF') : 'lightgray' },
-          ]}
-        />
-      );
-    }
-    return <View style={styles.indicatorContainer}>{indicators}</View>;
-  };
-
-  return (
-    <View style={styles.container}>
-      <ScrollView
-        ref={scrollViewRef}
-        horizontal
-        pagingEnabled
-        showsHorizontalScrollIndicator={true}
-        scrollEnabled={false}
-        contentContainerStyle={{ width: totalPages * width }}
-      >
-        {Array.from({ length: totalPages }, (_, i) => content(i))}
-      </ScrollView>
-      {renderIndicators()}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    alignItems: 'center',
-  },
-  indicatorContainer: {
-    flexDirection: 'row',
-    marginTop: 10,
-  },
-  indicator: {
-    width: 8,
-    height: 8,
-    borderRadius: 4,
-    marginHorizontal: 2,
-  },
-});
-
-export default AutoScrollPagerWithIndicators;

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

@@ -1,40 +0,0 @@
-import React from 'react';
-import { TouchableOpacity, Text, StyleSheet,} from 'react-native';
-import { useTranslation } from 'react-i18next';
-
-interface MyGamesButtonProps {
-  premiumColor?: string;
-  onPress: (route: string) => void;
-}
-
-const MyGamesButton: React.FC<MyGamesButtonProps> = ({ premiumColor , onPress}) => {
-  const { t } = useTranslation();
-  return (
-    <TouchableOpacity
-      style={[styles.button, { backgroundColor: premiumColor || '#1C90DF' }]}
-      onPress={() => onPress && onPress('campaigns-activated')}
-    >
-      <Text style={styles.buttonText}>{t('dashboard.my_games')}</Text>
-    </TouchableOpacity>
-  );
-};
-
-const styles = StyleSheet.create({
-  button: {
-    borderRadius: 8,
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    height: 40,
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginHorizontal: 16,
-    marginBottom: 16,
-  },
-  buttonText: {
-    color: 'white',
-    fontSize: 16,
-    fontWeight: 'bold',
-  },
-});
-
-export default MyGamesButton;

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

@@ -1,139 +0,0 @@
-import React from 'react';
-import { Dimensions, Image, StyleSheet, Text, TouchableOpacity, View, type ViewStyle,} from "react-native";
-import numeral from 'numeral';
-import TextTicker from "react-native-text-ticker";
-import { useTranslation } from "react-i18next";
-
-const { width } = Dimensions.get('window');
-
-interface OfferInfoSectionProps {
-  details: TransformedCampaign;
-  premiumColor?: string;
-  style?: ViewStyle;
-  onButtonPress: () => void;
-}
-
-const OfferInfoSection: React.FC<OfferInfoSectionProps> = ({ details, premiumColor, style, onButtonPress }) => {
-  const { t } = useTranslation();
-
-  return (
-    <View style={[styles.infoContainer, style, { backgroundColor: premiumColor || '#1C90DF' }]}>
-      <View style={styles.infoRow}>
-        <View style={styles.leftInfo}>
-          <Image
-            style={styles.gameIcon}
-            source={{ uri: details.thumbnail }}
-            resizeMode="cover"
-          />
-          <View style={styles.gameDetails}>
-            {details.title.length > 20 ? (
-              <View style={{ overflow: 'hidden' }}>
-                <TextTicker
-                  style={styles.gameTitle}
-                  duration={3000}
-                  loop
-                  bounce
-                  repeatSpacer={50}
-                  marqueeDelay={1000}
-                >
-                  {details.title}
-                </TextTicker>
-              </View>
-            ) : (
-              <Text style={styles.gameTitle} numberOfLines={1} ellipsizeMode="tail">
-                {details.title}
-              </Text>
-            )}
-
-            <View style={styles.rewardDetails}>
-              <Image
-                source={{ uri: details.currency.adUnitCurrencyIcon }}
-                resizeMode="contain"
-                style={styles.coinIcon}
-              />
-              <Text style={styles.points}>{numeral(details.points).format("0.00a").toUpperCase()}</Text>
-              <Text style={styles.points}>{''}{details.currency.adUnitCurrencyName}</Text>
-              <Text style={styles.rewards}>
-                {' '}
-                {details.rewards} {t('dashboard.rewards', { count: details.rewards })}
-              </Text>
-            </View>
-          </View>
-        </View>
-        <TouchableOpacity
-          onPress={onButtonPress}
-          style={styles.playButton}
-        >
-          <Text style={[styles.playButtonText, { color: premiumColor || '#1C90DF' }]}>
-            {t('dashboard.play_button')}
-          </Text>
-        </TouchableOpacity>
-      </View>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  infoContainer: {
-    width: width,
-    paddingVertical: 8,
-    paddingHorizontal: 16,
-  },
-  infoRow: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    width: '90%',
-  },
-  leftInfo: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    width: '68%',
-  },
-  gameIcon: {
-    width: 50,
-    height: 50,
-    borderRadius: 8,
-  },
-  gameDetails: {
-    marginLeft: 10,
-  },
-  gameTitle: {
-    color: 'white',
-    fontSize: 14,
-    marginBottom: 4,
-  },
-  rewardDetails: {
-    flexDirection: 'row',
-    marginTop: 4,
-  },
-  coinIcon: {
-    width: 18,
-    height: 18,
-  },
-  points: {
-    color: 'white',
-    fontSize: 12,
-    marginLeft: 4,
-  },
-  rewards: {
-    color: 'lightgrey',
-    fontSize: 11,
-    fontStyle: 'italic',
-  },
-  playButton: {
-    paddingHorizontal: 12,
-    paddingVertical: 2,
-    height: 30,
-    borderRadius: 8,
-    backgroundColor: 'white',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  playButtonText: {
-    fontSize: 14,
-    fontWeight: 'bold',
-  },
-});
-
-export default OfferInfoSection;

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

@@ -1,156 +0,0 @@
-import React from 'react';
-import numeral from 'numeral';
-import {
-  View,
-  Text,
-  Image,
-  TouchableOpacity,
-  StyleSheet,
-} from 'react-native';
-import TextTicker from 'react-native-text-ticker';
-import { useTranslation } from 'react-i18next';
-
-interface PremiumOption1Props {
-  data: TransformedCampaign[];
-  premiumColor?: string;
-  onCampaignPress?: (campaignId: number) => void;
-}
-
-const PremiumOption1: React.FC<PremiumOption1Props> = ({ data, onCampaignPress, premiumColor }) => {
-  const { t } = useTranslation();
-  console.log("Prmium Color", premiumColor);
-
-  return (
-    <View>
-      {data.map((item, index) => (
-        <TouchableOpacity
-          key={index}
-          onPress={() => onCampaignPress && onCampaignPress(item.campaignId)}
-          style={styles.itemContainer}
-          activeOpacity={0.75}
-        >
-          <View style={{ flexDirection: 'row', flex: 8, marginRight: 10 }}>
-            <Image source={{ uri: item.thumbnail }} style={styles.thumbnail} />
-            <View style={styles.infoContainer}>
-              <View style={{ width: '100%' }}>
-                {item.title.length > 25 ? (
-                  <View style={{ overflow: 'hidden' }}>
-                    <TextTicker
-                      style={styles.titleText}
-                      duration={3000}
-                      loop
-                      bounce
-                      repeatSpacer={50}
-                      marqueeDelay={1000}
-                    >
-                      {item.title}
-                    </TextTicker>
-                  </View>
-                ) : (
-                  <Text numberOfLines={1} style={styles.titleText}>
-                    {item.title}
-                  </Text>
-                )}
-              </View>
-              <View style={styles.infoRow}>
-                <View style={[styles.rankContainer, { backgroundColor: premiumColor || '#1C90DF' }]}>
-                  <Text numberOfLines={1} style={styles.rankText} adjustsFontSizeToFit={true}>
-                    {t('dashboard.top_ranking', { number: index + 1 })}
-                  </Text>
-                </View>
-                <View style={styles.rewardDetails}>
-                  <Image
-                    source={{ uri: item.currency.adUnitCurrencyIcon }}
-                    resizeMode="contain"
-                    style={styles.coinIcon}
-                  />
-                  <Text style={styles.points}>{numeral(item.points).format("0.00a").toUpperCase()}</Text>
-                  <Text style={styles.points}>{''}{item.currency.adUnitCurrencyName}</Text>
-                </View>
-              </View>
-            </View>
-          </View>
-          <View style={[styles.playButton, { backgroundColor: premiumColor || '#1C90DF' }]}>
-            <Text style={styles.playButtonText}>{t('dashboard.play_button')}</Text>
-          </View>
-        </TouchableOpacity>
-      ))}
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  itemContainer: {
-    flexDirection: 'row',
-    flex: 1,
-    width: '100%',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-  },
-  thumbnail: {
-    height: 40,
-    width: 40,
-    borderRadius: 10,
-  },
-  infoContainer: {
-    marginLeft: 8,
-  },
-  titleText: {
-    fontSize: 14,
-    fontWeight: 'bold',
-  },
-  infoRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    alignContent: 'center',
-  },
-  rankContainer: {
-    marginTop: 4,
-    borderRadius: 12,
-    paddingHorizontal: 4,
-    paddingVertical: 2,
-    width: 43,
-    alignItems: 'center',
-  },
-  rankText: {
-    fontSize: 10,
-    color: 'white',
-    fontWeight: 'bold',
-  },
-  rewardDetails: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginTop: 4,
-    left: 4,
-  },
-  coinIcon: {
-    width: 14,
-    height: 14,
-  },
-  points: {
-    fontSize: 13,
-    marginLeft: 4,
-    fontWeight: '500',
-  },
-  rewards: {
-    fontSize: 10,
-    fontStyle: 'italic',
-  },
-  playButton: {
-    paddingHorizontal: 12,
-    paddingVertical: 5,
-    height: 30,
-    borderRadius: 8,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  playButtonText: {
-    fontSize: 14,
-    fontWeight: 'bold',
-    color: 'white',
-  },
-});
-
-export default PremiumOption1;