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

package/lib/module/acmo/modules/dashboard/components/custom_scroller.js

@@ -0,0 +1,135 @@
+"use strict";
+
+import React, { useRef, useState, useEffect } from 'react';
+import { View, Animated, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AcmoScrollPager = ({
+  totalPages,
+  delayInMillis = 5000,
+  content,
+  viewportFraction = 0.92,
+  scaleFactor = 0.94,
+  spacing = 2,
+  indicatorStyle,
+  activeIndicatorColor = 'red',
+  inactiveIndicatorColor = 'lightgray'
+}) => {
+  const scrollX = useRef(new Animated.Value(0)).current;
+  const scrollViewRef = useRef(null);
+  const [currentPage, setCurrentPage] = useState(0);
+  const [containerWidth, setContainerWidth] = useState(null);
+  const intervalRef = useRef(null);
+  const onContainerLayout = e => {
+    const {
+      width
+    } = e.nativeEvent.layout;
+    if (width !== containerWidth) setContainerWidth(width);
+  };
+  useEffect(() => {
+    if (!containerWidth) return;
+    const itemWidth = containerWidth * viewportFraction;
+    const offset = itemWidth + spacing;
+    intervalRef.current = setInterval(() => {
+      const next = (currentPage + 1) % totalPages;
+      setCurrentPage(next);
+      scrollViewRef.current.scrollTo({
+        x: next * offset,
+        animated: true
+      });
+    }, delayInMillis);
+    return () => {
+      if (intervalRef.current) clearInterval(intervalRef.current);
+    };
+  }, [containerWidth, currentPage, delayInMillis, totalPages, viewportFraction, spacing]);
+  const handleScroll = Animated.event([{
+    nativeEvent: {
+      contentOffset: {
+        x: scrollX
+      }
+    }
+  }], {
+    useNativeDriver: true,
+    listener: event => {
+      if (!containerWidth) return;
+      const offset = containerWidth * viewportFraction + spacing;
+      const index = Math.round(event.nativeEvent.contentOffset.x / offset);
+      setCurrentPage(index);
+    }
+  });
+  const renderIndicators = () => /*#__PURE__*/_jsx(View, {
+    style: [styles.indicatorContainer, indicatorStyle],
+    children: Array.from({
+      length: totalPages
+    }, (_, i) => /*#__PURE__*/_jsx(View, {
+      style: [styles.indicator, {
+        backgroundColor: i === currentPage ? activeIndicatorColor : inactiveIndicatorColor
+      }]
+    }, i))
+  });
+  if (!containerWidth) {
+    return /*#__PURE__*/_jsx(View, {
+      onLayout: onContainerLayout,
+      style: {
+        width: '100%'
+      }
+    });
+  }
+  const itemWidth = containerWidth * viewportFraction;
+  const itemOffset = itemWidth + spacing;
+  const sidePadding = (containerWidth - itemWidth - 16) / 2;
+  return /*#__PURE__*/_jsxs(View, {
+    onLayout: onContainerLayout,
+    style: {
+      width: '100%',
+      alignItems: 'center'
+    },
+    children: [/*#__PURE__*/_jsx(Animated.ScrollView, {
+      ref: scrollViewRef,
+      horizontal: true,
+      pagingEnabled: false,
+      snapToInterval: itemOffset,
+      decelerationRate: "fast",
+      showsHorizontalScrollIndicator: false,
+      scrollEventThrottle: 16,
+      onScroll: handleScroll,
+      contentContainerStyle: {
+        paddingHorizontal: sidePadding
+      },
+      children: Array.from({
+        length: totalPages
+      }, (_, i) => {
+        const inputRange = [itemOffset * (i - 1), itemOffset * i, itemOffset * (i + 1)];
+        const scale = scrollX.interpolate({
+          inputRange,
+          outputRange: [scaleFactor, 1, scaleFactor],
+          extrapolate: 'clamp'
+        });
+        return /*#__PURE__*/_jsx(Animated.View, {
+          style: {
+            width: itemWidth,
+            transform: [{
+              scale
+            }]
+          },
+          children: content(i)
+        }, i);
+      })
+    }), renderIndicators()]
+  });
+};
+const styles = StyleSheet.create({
+  indicatorContainer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    marginTop: 6,
+    marginBottom: 8
+  },
+  indicator: {
+    width: 8,
+    height: 8,
+    borderRadius: 4,
+    marginHorizontal: 4
+  }
+});
+export default AcmoScrollPager;
+//# sourceMappingURL=custom_scroller.js.map

package/lib/module/acmo/modules/dashboard/components/custom_scroller.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","useEffect","View","Animated","StyleSheet","jsx","_jsx","jsxs","_jsxs","AcmoScrollPager","totalPages","delayInMillis","content","viewportFraction","scaleFactor","spacing","indicatorStyle","activeIndicatorColor","inactiveIndicatorColor","scrollX","Value","current","scrollViewRef","currentPage","setCurrentPage","containerWidth","setContainerWidth","intervalRef","onContainerLayout","e","width","nativeEvent","layout","itemWidth","offset","setInterval","next","scrollTo","x","animated","clearInterval","handleScroll","event","contentOffset","useNativeDriver","listener","index","Math","round","renderIndicators","style","styles","indicatorContainer","children","Array","from","length","_","i","indicator","backgroundColor","onLayout","itemOffset","sidePadding","alignItems","ScrollView","ref","horizontal","pagingEnabled","snapToInterval","decelerationRate","showsHorizontalScrollIndicator","scrollEventThrottle","onScroll","contentContainerStyle","paddingHorizontal","inputRange","scale","interpolate","outputRange","extrapolate","transform","create","flexDirection","justifyContent","marginTop","marginBottom","height","borderRadius","marginHorizontal"],"sourceRoot":"../../../../../../src","sources":["acmo/modules/dashboard/components/custom_scroller.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/acmo/modules/dashboard/components/custom_shimmer.js

@@ -0,0 +1,66 @@
+"use strict";
+
+import React, { useEffect, useRef } from 'react';
+import { View, Animated, StyleSheet, Dimensions } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SCREEN_WIDTH = Dimensions.get('window').width;
+const Shimmer = ({
+  width = '100%',
+  shimmerHeight: height = 16,
+  style,
+  duration = 1500
+}) => {
+  const translateX = useRef(new Animated.Value(-1)).current;
+  useEffect(() => {
+    const animation = Animated.loop(Animated.timing(translateX, {
+      toValue: 1,
+      duration,
+      useNativeDriver: true
+    }));
+    animation.start();
+    return () => animation.stop();
+  }, [translateX, duration]);
+  const translateXInterpolate = translateX.interpolate({
+    inputRange: [-1, 1],
+    outputRange: [-SCREEN_WIDTH, SCREEN_WIDTH]
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      width
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.shimmerBackground, {
+        height
+      }]
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.shimmerOverlay, {
+        width: SCREEN_WIDTH,
+        height,
+        transform: [{
+          translateX: translateXInterpolate
+        }]
+      }]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    overflow: 'hidden',
+    backgroundColor: '#e1e1e1',
+    borderRadius: 4
+  },
+  shimmerBackground: {
+    flex: 1,
+    backgroundColor: '#d3d3d3'
+  },
+  shimmerOverlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    backgroundColor: 'rgba(255,255,255,0.5)',
+    opacity: 0.4,
+    borderRadius: 4
+  }
+});
+export default Shimmer;
+//# sourceMappingURL=custom_shimmer.js.map

package/lib/module/acmo/modules/dashboard/components/custom_shimmer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","View","Animated","StyleSheet","Dimensions","jsx","_jsx","jsxs","_jsxs","SCREEN_WIDTH","get","width","Shimmer","shimmerHeight","height","style","duration","translateX","Value","current","animation","loop","timing","toValue","useNativeDriver","start","stop","translateXInterpolate","interpolate","inputRange","outputRange","styles","container","children","shimmerBackground","shimmerOverlay","transform","create","overflow","backgroundColor","borderRadius","flex","position","top","left","opacity"],"sourceRoot":"../../../../../../src","sources":["acmo/modules/dashboard/components/custom_shimmer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,IAAI,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,QAA6D,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAS3H,MAAMC,YAAY,GAAGL,UAAU,CAACM,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;AAEnD,MAAMC,OAA+B,GAAGA,CAAC;EACvCD,KAAK,GAAG,MAAM;EACdE,aAAa,EAAEC,MAAM,GAAG,EAAE;EAC1BC,KAAK;EACLC,QAAQ,GAAG;AACb,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGjB,MAAM,CAAC,IAAIE,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEzDpB,SAAS,CAAC,MAAM;IACd,MAAMqB,SAAS,GAAGlB,QAAQ,CAACmB,IAAI,CAC7BnB,QAAQ,CAACoB,MAAM,CAACL,UAAU,EAAE;MAC1BM,OAAO,EAAE,CAAC;MACVP,QAAQ;MACRQ,eAAe,EAAE;IACnB,CAAC,CACH,CAAC;IACDJ,SAAS,CAACK,KAAK,CAAC,CAAC;IACjB,OAAO,MAAML,SAAS,CAACM,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACT,UAAU,EAAED,QAAQ,CAAC,CAAC;EAE1B,MAAMW,qBAAqB,GAAGV,UAAU,CAACW,WAAW,CAAC;IACnDC,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACnBC,WAAW,EAAE,CAAC,CAACrB,YAAY,EAAEA,YAAY;EAC3C,CAAC,CAAC;EAEF,oBACED,KAAA,CAACP,IAAI;IAACc,KAAK,EAAE,CAACgB,MAAM,CAACC,SAAS,EAAE;MAAErB;IAAM,CAAC,EAAEI,KAAK,CAAE;IAAAkB,QAAA,gBAChD3B,IAAA,CAACL,IAAI;MAACc,KAAK,EAAE,CAACgB,MAAM,CAACG,iBAAiB,EAAE;QAAEpB;MAAO,CAAC;IAAE,CAAE,CAAC,eACvDR,IAAA,CAACJ,QAAQ,CAACD,IAAI;MACZc,KAAK,EAAE,CACLgB,MAAM,CAACI,cAAc,EACrB;QACExB,KAAK,EAAEF,YAAY;QACnBK,MAAM;QACNsB,SAAS,EAAE,CAAC;UAAEnB,UAAU,EAAEU;QAAsB,CAAC;MACnD,CAAC;IACD,CACH,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG5B,UAAU,CAACkC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,QAAQ,EAAE,QAAQ;IAClBC,eAAe,EAAE,SAAS;IAC1BC,YAAY,EAAE;EAChB,CAAC;EACDN,iBAAiB,EAAE;IACjBO,IAAI,EAAE,CAAC;IACPF,eAAe,EAAE;EACnB,CAAC;EACDJ,cAAc,EAAE;IACdO,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPL,eAAe,EAAE,uBAAuB;IACxCM,OAAO,EAAE,GAAG;IACZL,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,eAAe5B,OAAO","ignoreList":[]}

package/lib/module/acmo/modules/dashboard/components/offer_card.js

@@ -0,0 +1,257 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { numeral } from "../../../core/helpers/numeral.js";
+import { View, Text, Image, StyleSheet, TouchableOpacity, ActivityIndicator } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const AcmoOfferCard = ({
+  item,
+  onButtonClick,
+  currencySaleModel,
+  premiumColor,
+  isLoading,
+  onTap
+}) => {
+  const [loading, setLoading] = useState(isLoading);
+  const bonusMultiplier = currencySaleModel?.multiplier ?? 1;
+  const itemHeight = 132;
+  const handleClick = async () => {
+    if (loading) return;
+    setLoading(true);
+    await onButtonClick();
+    setLoading(false);
+  };
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.9,
+    style: styles.container,
+    onPress: () => {
+      if (!loading && onTap) onTap();
+    },
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.cardShadow,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: [styles.imageContainer, {
+          height: itemHeight
+        }],
+        children: [/*#__PURE__*/_jsx(Image, {
+          source: {
+            uri: item.creative.creativePacks[0]?.creatives[0]?.fileUrl || ''
+          },
+          style: styles.image
+        }), item.premium && /*#__PURE__*/_jsx(View, {
+          style: styles.diamondIcon,
+          children: /*#__PURE__*/_jsx(Image, {
+            style: {
+              width: 12,
+              height: 12,
+              objectFit: 'contain',
+              tintColor: 'white'
+            },
+            source: require('../../../../assets/images/diamond.png')
+          })
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.detailCard,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.header,
+          children: [/*#__PURE__*/_jsx(Image, {
+            source: {
+              uri: item.app.thumbnail
+            },
+            style: styles.appIcon
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.title,
+            children: item.app.title
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.payoutSection,
+            children: [currencySaleModel?.multiplier && /*#__PURE__*/_jsx(Text, {
+              style: styles.strikePayout,
+              children: numeral(item.campaignPayout.totalPlayablePayoutConverted)
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.payoutRow,
+              children: [/*#__PURE__*/_jsx(Image, {
+                source: {
+                  uri: item.currency.adUnitCurrencyIcon
+                },
+                style: styles.currencyIcon
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.payoutText,
+                children: numeral(item.campaignPayout.totalPlayablePayoutConverted * bonusMultiplier)
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: onTap,
+            disabled: loading,
+            children: /*#__PURE__*/_jsx(Image, {
+              source: require('../../../../assets/images/info_icon.png'),
+              style: styles.infoIcon
+            })
+          })]
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: [styles.button, loading && styles.buttonDisabled, {
+            backgroundColor: loading ? '#888' : premiumColor || '#1C90DF'
+          }],
+          onPress: handleClick,
+          disabled: loading,
+          children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+            color: "white"
+          }) : /*#__PURE__*/_jsx(Text, {
+            style: styles.buttonText,
+            children: "Play Now"
+          })
+        })]
+      }), currencySaleModel?.multiplier && /*#__PURE__*/_jsx(View, {
+        style: [styles.bonusBadge, {
+          backgroundColor: `${premiumColor}` || '#1C90DF'
+        }],
+        children: /*#__PURE__*/_jsxs(Text, {
+          style: styles.bonusText,
+          children: [currencySaleModel?.multiplier.toFixed(1), "x Bonus"]
+        })
+      }), currencySaleModel?.multiplier && /*#__PURE__*/_jsx(View, {
+        style: [styles.trianlge, {
+          backgroundColor: `${premiumColor}cc` || '#1C90DF'
+        }]
+      })]
+    })
+  }, item.campaignId);
+};
+const styles = StyleSheet.create({
+  container: {
+    margin: 16,
+    width: "100%"
+  },
+  cardShadow: {
+    borderRadius: 16,
+    backgroundColor: 'white',
+    shadowColor: 'black',
+    shadowOffset: {
+      width: 0,
+      height: 16
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 18,
+    elevation: 4
+  },
+  imageContainer: {
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16,
+    overflow: 'hidden'
+  },
+  image: {
+    width: '100%',
+    height: '100%',
+    resizeMode: 'cover'
+  },
+  diamondIcon: {
+    position: 'absolute',
+    top: 16,
+    right: 16,
+    backgroundColor: '#1E2020DD',
+    width: 28,
+    height: 28,
+    borderRadius: 8,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  diamondText: {
+    color: 'white',
+    fontSize: 14
+  },
+  detailCard: {
+    padding: 16
+  },
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  appIcon: {
+    width: 38,
+    height: 38,
+    borderRadius: 8,
+    marginRight: 8
+  },
+  title: {
+    flex: 1,
+    fontWeight: '600',
+    fontSize: 14
+  },
+  payoutSection: {
+    alignItems: 'flex-end'
+  },
+  strikePayout: {
+    textDecorationLine: 'line-through',
+    color: '#454646',
+    fontSize: 12
+  },
+  payoutRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  currencyIcon: {
+    width: 16,
+    height: 16,
+    marginRight: 4
+  },
+  payoutText: {
+    fontWeight: '700',
+    fontSize: 14
+  },
+  infoIcon: {
+    width: 16,
+    height: 16,
+    marginLeft: 8
+  },
+  button: {
+    marginTop: 12,
+    height: 42,
+    borderRadius: 8,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  buttonDisabled: {
+    backgroundColor: '#e0e2e7'
+  },
+  buttonText: {
+    color: 'white',
+    fontWeight: '600',
+    fontSize: 14
+  },
+  bonusBadge: {
+    position: 'absolute',
+    top: 16,
+    left: -6,
+    paddingVertical: 8,
+    paddingHorizontal: 14,
+    borderTopRightRadius: 100,
+    borderTopLeftRadius: 10,
+    borderBottomRightRadius: 100,
+    shadowColor: 'black',
+    shadowOffset: {
+      width: 0,
+      height: 8
+    },
+    shadowOpacity: 0.3,
+    shadowRadius: 10,
+    backgroundColor: 'transparent'
+  },
+  trianlge: {
+    position: 'absolute',
+    top: 46.6,
+    left: -7.4,
+    zIndex: -10,
+    width: 20,
+    height: 10,
+    transform: [{
+      rotate: '65deg'
+    }]
+  },
+  bonusText: {
+    color: 'white',
+    fontWeight: '700',
+    fontSize: 12
+  }
+});
+export default AcmoOfferCard;
+//# sourceMappingURL=offer_card.js.map

package/lib/module/acmo/modules/dashboard/components/offer_card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","numeral","View","Text","Image","StyleSheet","TouchableOpacity","ActivityIndicator","jsx","_jsx","jsxs","_jsxs","AcmoOfferCard","item","onButtonClick","currencySaleModel","premiumColor","isLoading","onTap","loading","setLoading","bonusMultiplier","multiplier","itemHeight","handleClick","activeOpacity","style","styles","container","onPress","children","cardShadow","imageContainer","height","source","uri","creative","creativePacks","creatives","fileUrl","image","premium","diamondIcon","width","objectFit","tintColor","require","detailCard","header","app","thumbnail","appIcon","title","payoutSection","strikePayout","campaignPayout","totalPlayablePayoutConverted","payoutRow","currency","adUnitCurrencyIcon","currencyIcon","payoutText","disabled","infoIcon","button","buttonDisabled","backgroundColor","color","buttonText","bonusBadge","bonusText","toFixed","trianlge","campaignId","create","margin","borderRadius","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderTopLeftRadius","borderTopRightRadius","overflow","resizeMode","position","top","right","justifyContent","alignItems","diamondText","fontSize","padding","flexDirection","marginRight","flex","fontWeight","textDecorationLine","marginLeft","marginTop","left","paddingVertical","paddingHorizontal","borderBottomRightRadius","zIndex","transform","rotate"],"sourceRoot":"../../../../../../src","sources":["acmo/modules/dashboard/components/offer_card.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/acmo/modules/dashboard/components/offer_list_item.js

@@ -0,0 +1,197 @@
+"use strict";
+
+import React from 'react';
+import { numeral } from "../../../core/helpers/numeral.js";
+import { View, Text, TouchableOpacity, Image, StyleSheet, ActivityIndicator } from 'react-native';
+import { useLocalization } from "../../localization/localization_context.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const rankIcons = [require('../../../../assets/images/rank_1.png'), require('../../../../assets/images/rank_2.png'), require('../../../../assets/images/rank_3.png'), require('../../../../assets/images/rank_4.png'), require('../../../../assets/images/rank_5.png')];
+export const AcmoOfferListItem = ({
+  offer,
+  currencySales,
+  onButtonTap,
+  onPress,
+  index,
+  colorPremium,
+  colorPremiumFg,
+  loadingIndex,
+  setLoadingIndex
+}) => {
+  const bonusMultiplier = currencySales?.multiplier ?? 1;
+  const isLoading = loadingIndex === index;
+  const anyLoading = loadingIndex != null;
+  const {
+    t
+  } = useLocalization();
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    disabled: anyLoading,
+    onPress: onPress,
+    style: styles.itemContainer,
+    activeOpacity: 0.75,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.container,
+      children: [/*#__PURE__*/_jsx(Image, {
+        source: rankIcons[index],
+        style: styles.rankIcon
+      }), /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: offer.app.thumbnail
+        },
+        style: styles.icon
+      }), /*#__PURE__*/_jsxs(View, {
+        style: styles.details,
+        children: [currencySales && /*#__PURE__*/_jsx(View, {
+          style: [styles.bonusBadge, {
+            backgroundColor: `${colorPremium}20`
+          }],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.bonusText, {
+              color: colorPremium
+            }],
+            children: t('data.shared.label.bonusTagCaps', {
+              'multiplier': currencySales?.multiplier
+            })
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          numberOfLines: 1,
+          style: styles.title,
+          ellipsizeMode: "tail",
+          children: offer.app.title
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.payoutRow,
+          children: [currencySales && /*#__PURE__*/_jsx(Text, {
+            style: styles.strikeText,
+            children: numeral(offer.campaignPayout.totalPlayablePayoutConverted)
+          }), /*#__PURE__*/_jsx(Image, {
+            source: {
+              uri: offer.currency.adUnitCurrencyIcon
+            },
+            style: styles.currencyIcon
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.payoutText,
+            children: numeral(offer.campaignPayout.totalPlayablePayoutConverted * bonusMultiplier)
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+        disabled: anyLoading,
+        style: [styles.button, {
+          backgroundColor: anyLoading ? '#e0e2e7' : colorPremium
+        }],
+        onPress: async () => {
+          setLoadingIndex(index);
+          await onButtonTap();
+          setLoadingIndex(null);
+        },
+        children: [isLoading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "small",
+          color: "#a3a9b6"
+        }) : null, /*#__PURE__*/_jsx(Text, {
+          style: [styles.buttonText, {
+            color: anyLoading ? '#a3a9b6' : colorPremiumFg ?? '#fff',
+            marginLeft: isLoading ? 8 : 0
+          }],
+          children: t("data.widget.button.play")
+        })]
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  itemContainer: {
+    flexDirection: 'row',
+    flex: 1,
+    width: '100%',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  container: {
+    flexDirection: 'row',
+    marginVertical: 2,
+    paddingHorizontal: 0,
+    width: '100%',
+    position: 'relative'
+  },
+  rankIcon: {
+    position: 'absolute',
+    zIndex: 99,
+    left: -10,
+    top: -8,
+    width: 24,
+    height: 24,
+    resizeMode: 'contain'
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#fff',
+    borderRadius: 8,
+    padding: 10,
+    elevation: 2
+  },
+  icon: {
+    width: 54,
+    height: 54,
+    borderRadius: 4,
+    marginRight: 10
+  },
+  details: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  bonusBadge: {
+    alignSelf: 'flex-start',
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 16,
+    marginBottom: 4
+  },
+  bonusText: {
+    fontSize: 10,
+    fontWeight: '700'
+  },
+  title: {
+    fontSize: 12,
+    fontWeight: '500',
+    marginBottom: 4,
+    color: '#323434'
+  },
+  payoutRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 10
+  },
+  strikeText: {
+    fontSize: 12,
+    textDecorationLine: 'line-through',
+    color: '#323434',
+    fontWeight: '300'
+  },
+  currencyIcon: {
+    width: 14,
+    height: 14,
+    marginHorizontal: 4
+  },
+  payoutText: {
+    fontSize: 12,
+    fontWeight: '700',
+    color: '#323434'
+  },
+  button: {
+    marginLeft: 4,
+    paddingHorizontal: 12,
+    height: 42,
+    minWidth: 75,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 8,
+    flexDirection: 'row'
+  },
+  buttonText: {
+    fontSize: 14,
+    fontWeight: '600',
+    color: '#fff'
+  }
+});
+//# sourceMappingURL=offer_list_item.js.map