@zezosoft/zezo-ott-react-native-ui-kit 1.1.2 → 1.1.3

package/lib/module/components/Content/Card/Styles/Two.js

@@ -10,20 +10,37 @@ import { View, FlatList, TouchableOpacity, StyleSheet } from 'react-native';
 import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
 import FastImage from 'react-native-fast-image';
 import { moderateScale, verticalScale } from 'react-native-size-matters';
-import { usePaginatedSection } from "../../../../hooks/usePaginatedSection.js";
+import { RFValue } from 'react-native-responsive-fontsize';
 import { useInternalTheme } from "../../../../theme/hook/useInternalTheme.js";
 import NavigateToMore from "../components/NavigateToMore.js";
 import CardPoster from "../components/CardPoster.js";
-import { RFValue } from 'react-native-responsive-fontsize';
+import { AdsPoster } from "../components/index.js";
+import { useCards } from "../../../../hooks/index.js";
+
+// Constants
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Defaults
 const DEFAULT_WIDTH = moderateScale(172);
 const DEFAULT_BORDER_RADIUS = moderateScale(5);
 const DEFAULT_SKELETON_COUNT = 3;
+const END_REACHED_THRESHOLD = 0.5;
+const ITEM_ASPECT_RATIO = 0.67;
+const SKELETON_TITLE_WIDTH = moderateScale(100);
+const SKELETON_TITLE_HEIGHT = verticalScale(14);
+const SKELETON_TITLE_BORDER_RADIUS = moderateScale(4);
+const SKELETON_ITEM_MARGIN = moderateScale(12);
+const ITEM_MARGIN_LEFT = moderateScale(10);
+const ITEM_MARGIN_RIGHT = moderateScale(12);
+const ITEM_ACTIVE_OPACITY = 0.8;
+const DEFAULT_BACKGROUND_COLOR = '#2c2c2c';
+const DEFAULT_IMAGE_BACKGROUND_COLOR = '#222';
+
+// Types
+
+// Main Component
 const MovieCardTwo = ({
   title,
   section_id,
-  data: initialData,
+  data: externalData,
   moreFetchData,
   onPressMore,
   onPressItem,
@@ -32,29 +49,49 @@ const MovieCardTwo = ({
   itemWidth = DEFAULT_WIDTH,
   borderRadius = DEFAULT_BORDER_RADIUS,
   skeletonCount = DEFAULT_SKELETON_COUNT,
+  paginationSkeletonCount,
   containerStyle,
   titleStyle,
   itemStyle,
   isLoading = false,
   theme,
   accessibilityLabel,
-  accessibilityHint
+  accessibilityHint,
+  onDisplayAds,
+  screenDimensions,
+  viewportOffsets
 }) => {
+  // Refs
   const flatListRef = useRef(null);
   const onEndReachedCalledDuringMomentum = useRef(false);
+
+  // Theme
   const {
     theme: appliedTheme
   } = useInternalTheme(theme);
+
+  // Styles
   const styles = useMemo(() => getStyles(appliedTheme, itemWidth, borderRadius), [appliedTheme, itemWidth, borderRadius]);
+
+  // Data Management
   const {
-    data,
-    pagination: paginated,
-    loading: isPaginating,
-    loadMoreData
-  } = usePaginatedSection(section_id, moreFetchData, initialData?.data || [], isLoading);
-  const handleItemPress = useCallback(item => {
-    onPressItem?.(item);
-  }, [onPressItem]);
+    listData,
+    pagination,
+    loadMore,
+    isEmpty,
+    isPaging: isPaginating
+  } = useCards({
+    sectionId: section_id,
+    data: externalData,
+    fetchMore: moreFetchData,
+    loading: isLoading,
+    initialSkeleton: skeletonCount,
+    pagingSkeleton: paginationSkeletonCount,
+    adsRender: false
+  });
+
+  // Event Handlers
+  const handleItemPress = useCallback(item => onPressItem?.(item), [onPressItem]);
   const handlePressMore = useCallback(() => {
     onPressMore?.({
       section_id,
@@ -63,36 +100,68 @@ const MovieCardTwo = ({
     });
   }, [onPressMore, section_id, title, type]);
   const handleEndReached = useCallback(() => {
-    if (!onEndReachedCalledDuringMomentum.current && paginated?.hasNextPage && paginated?.nextPage) {
+    if (!onEndReachedCalledDuringMomentum.current && pagination?.hasNextPage && pagination?.nextPage) {
       onEndReachedCalledDuringMomentum.current = true;
-      loadMoreData(paginated.nextPage);
+      loadMore(pagination.nextPage);
     }
-  }, [loadMoreData, paginated?.hasNextPage, paginated?.nextPage]);
+  }, [pagination, loadMore]);
+  const handleMomentumScrollBegin = useCallback(() => {
+    onEndReachedCalledDuringMomentum.current = false;
+  }, []);
+
+  // Render Functions
+
   const renderItem = useCallback(({
     item,
     index
   }) => {
+    // Handle ads
+    if ('type' in item && item.type === 'ads') {
+      const adItem = item;
+      return /*#__PURE__*/_jsx(View, {
+        style: [styles.item, index === 0 && styles.firstAdItem, itemStyle],
+        children: /*#__PURE__*/_jsx(AdsPoster, {
+          ad: adItem,
+          theme: appliedTheme,
+          isLoading: isLoading,
+          containerStyle: {
+            width: itemWidth,
+            height: itemWidth / ITEM_ASPECT_RATIO
+          },
+          imageStyle: styles.image,
+          borderRadius: borderRadius,
+          onDisplayAds: onDisplayAds,
+          screenDimensions: screenDimensions,
+          viewportOffsets: viewportOffsets
+        })
+      }, `ad-${adItem.tracking?.impression || index}`);
+    }
+
+    // Handle content items
+    const contentItem = item;
+    const isSkeleton = contentItem._id?.startsWith?.('pagination-skeleton') ?? false;
     return /*#__PURE__*/_jsx(TouchableOpacity, {
-      style: [styles.item, index === 0 && styles.firstItem, itemStyle],
-      onPress: () => handleItemPress(item),
-      activeOpacity: 0.85,
-      testID: `movie-card-two-item-${index}`,
-      accessibilityLabel: `Card Two: ${item.name || 'item'} ${index + 1}`,
-      accessibilityHint: "Press to view movie details",
+      style: [styles.item, index === 0 && styles.firstContentItem, itemStyle],
+      activeOpacity: ITEM_ACTIVE_OPACITY,
+      onPress: () => {
+        if (!isSkeleton && !isLoading) {
+          handleItemPress(contentItem);
+        }
+      },
       children: renderItemImage ? renderItemImage({
         item,
         index
       }) : /*#__PURE__*/_jsx(CardPoster, {
-        content_offering_type: item.content_offering_type,
-        posterUri: item.poster,
+        posterUri: contentItem.poster,
+        content_offering_type: contentItem.content_offering_type,
         theme: appliedTheme,
         borderRadius: borderRadius,
         posterWrapperStyle: styles.image,
         resizeMode: FastImage.resizeMode.cover,
-        isLoading: isLoading
+        isLoading: isSkeleton || isLoading
       })
-    }, index);
-  }, [styles.item, styles.firstItem, styles.image, itemStyle, renderItemImage, appliedTheme, borderRadius, isLoading, handleItemPress]);
+    }, contentItem._id);
+  }, [styles.item, styles.firstContentItem, styles.image, styles.firstAdItem, itemStyle, renderItemImage, appliedTheme, borderRadius, isLoading, itemWidth, onDisplayAds, screenDimensions, viewportOffsets, handleItemPress]);
   const renderSkeletonItem = useCallback(({
     index
   }) => /*#__PURE__*/_jsx(SkeletonPlaceholder, {
@@ -100,19 +169,35 @@ const MovieCardTwo = ({
     backgroundColor: appliedTheme.colors.skeletonBaseColor,
     children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
       width: itemWidth,
-      height: itemWidth / 0.67,
+      height: itemWidth / ITEM_ASPECT_RATIO,
       borderRadius: borderRadius,
-      marginRight: moderateScale(12),
-      marginLeft: index === 0 ? moderateScale(12) : 0
+      marginRight: SKELETON_ITEM_MARGIN,
+      marginLeft: index === 0 ? SKELETON_ITEM_MARGIN : 0
     })
   }, `skeleton-${index}`), [appliedTheme, itemWidth, borderRadius]);
-  if (!initialData) {
-    return null;
-  }
-  const listData = data ?? [];
-  if (!isLoading && listData.length === 0) {
-    return null;
-  }
+  const keyExtractor = useCallback((item, index) => {
+    return '_id' in item ? item._id : `ad-${index}`;
+  }, []);
+  const renderPaginationFooter = useCallback(() => {
+    if (!isPaginating) return null;
+    return /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+      highlightColor: appliedTheme.colors.skeletonHighlightColor,
+      backgroundColor: appliedTheme.colors.skeletonBaseColor,
+      borderRadius: borderRadius,
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+        width: itemWidth,
+        height: itemWidth / ITEM_ASPECT_RATIO,
+        borderRadius: borderRadius,
+        marginRight: SKELETON_ITEM_MARGIN
+      })
+    });
+  }, [isPaginating, appliedTheme, borderRadius, itemWidth]);
+
+  // Early Returns
+  if (!externalData) return null;
+  if (!isLoading && listData.length === 0 && !isEmpty) return null;
+
+  // Loading State
   if (isLoading) {
     return /*#__PURE__*/_jsxs(View, {
       style: [styles.root, containerStyle],
@@ -120,10 +205,10 @@ const MovieCardTwo = ({
         highlightColor: appliedTheme.colors.skeletonHighlightColor,
         backgroundColor: appliedTheme.colors.skeletonBaseColor,
         children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
-          width: moderateScale(100),
-          height: verticalScale(14),
-          borderRadius: moderateScale(4),
-          marginLeft: moderateScale(12),
+          width: SKELETON_TITLE_WIDTH,
+          height: SKELETON_TITLE_HEIGHT,
+          borderRadius: SKELETON_TITLE_BORDER_RADIUS,
+          marginLeft: SKELETON_ITEM_MARGIN,
           marginBottom: verticalScale(6)
         })
       }), /*#__PURE__*/_jsx(FlatList, {
@@ -138,6 +223,8 @@ const MovieCardTwo = ({
       })]
     });
   }
+
+  // Main Render
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.root, containerStyle],
     testID: `movie-card-two-${section_id}`,
@@ -159,48 +246,41 @@ const MovieCardTwo = ({
       data: listData,
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      keyExtractor: (item, index) => `${item._id ?? item.name}-${index}`,
+      keyExtractor: keyExtractor,
       renderItem: renderItem,
       contentContainerStyle: styles.listContent,
       onEndReached: handleEndReached,
-      onEndReachedThreshold: 0.5,
-      onMomentumScrollBegin: () => {
-        onEndReachedCalledDuringMomentum.current = false;
-      },
-      ListFooterComponent: isPaginating ? /*#__PURE__*/_jsx(SkeletonPlaceholder, {
-        highlightColor: appliedTheme.colors.skeletonHighlightColor,
-        backgroundColor: appliedTheme.colors.skeletonBaseColor,
-        borderRadius: borderRadius,
-        children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
-          width: itemWidth,
-          height: itemWidth / 0.67,
-          borderRadius: borderRadius,
-          marginRight: moderateScale(12)
-        })
-      }) : null
+      onEndReachedThreshold: END_REACHED_THRESHOLD,
+      onMomentumScrollBegin: handleMomentumScrollBegin,
+      ListFooterComponent: renderPaginationFooter()
     })]
   });
 };
+
+// Styles
 const getStyles = (theme, width, radius) => StyleSheet.create({
   root: {
     marginVertical: verticalScale(6)
   },
   item: {
-    width: width,
-    height: width / 0.67,
-    marginRight: moderateScale(12),
+    width,
+    height: width / ITEM_ASPECT_RATIO,
+    marginRight: ITEM_MARGIN_RIGHT,
     borderRadius: radius,
     overflow: 'hidden',
-    backgroundColor: theme.colors.background ?? '#2c2c2c'
+    backgroundColor: theme.colors.background ?? DEFAULT_BACKGROUND_COLOR
+  },
+  firstContentItem: {
+    marginLeft: ITEM_MARGIN_LEFT
   },
-  firstItem: {
-    marginLeft: moderateScale(10)
+  firstAdItem: {
+    marginLeft: ITEM_MARGIN_LEFT
   },
   image: {
     width: '100%',
     height: '100%',
     borderRadius: radius,
-    backgroundColor: theme.colors.background ?? '#222'
+    backgroundColor: theme.colors.background ?? DEFAULT_IMAGE_BACKGROUND_COLOR
   },
   navigateToMoreContainer: {
     paddingHorizontal: moderateScale(10),

package/lib/module/components/Content/Card/Styles/Two.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useCallback","useMemo","useRef","View","FlatList","TouchableOpacity","StyleSheet","SkeletonPlaceholder","FastImage","moderateScale","verticalScale","usePaginatedSection","useInternalTheme","NavigateToMore","CardPoster","RFValue","jsx","_jsx","jsxs","_jsxs","DEFAULT_WIDTH","DEFAULT_BORDER_RADIUS","DEFAULT_SKELETON_COUNT","MovieCardTwo","title","section_id","data","initialData","moreFetchData","onPressMore","onPressItem","type","renderItemImage","itemWidth","borderRadius","skeletonCount","containerStyle","titleStyle","itemStyle","isLoading","theme","accessibilityLabel","accessibilityHint","flatListRef","onEndReachedCalledDuringMomentum","appliedTheme","styles","getStyles","pagination","paginated","loading","isPaginating","loadMoreData","handleItemPress","item","handlePressMore","name","handleEndReached","current","hasNextPage","nextPage","renderItem","index","style","firstItem","onPress","activeOpacity","testID","children","content_offering_type","posterUri","poster","posterWrapperStyle","image","resizeMode","cover","renderSkeletonItem","highlightColor","colors","skeletonHighlightColor","backgroundColor","skeletonBaseColor","Item","width","height","marginRight","marginLeft","listData","length","root","marginBottom","Array","from","horizontal","keyExtractor","_","showsHorizontalScrollIndicator","contentContainerStyle","listContent","navigateToMoreContainer","color","textPrimary","showAllProps","iconColor","ref","_id","onEndReached","onEndReachedThreshold","onMomentumScrollBegin","ListFooterComponent","radius","create","marginVertical","overflow","background","paddingHorizontal","fontSize","fontWeight","paddingRight"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/Styles/Two.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","memo","useCallback","useMemo","useRef","View","FlatList","TouchableOpacity","StyleSheet","SkeletonPlaceholder","FastImage","moderateScale","verticalScale","RFValue","useInternalTheme","NavigateToMore","CardPoster","AdsPoster","useCards","jsx","_jsx","jsxs","_jsxs","DEFAULT_WIDTH","DEFAULT_BORDER_RADIUS","DEFAULT_SKELETON_COUNT","END_REACHED_THRESHOLD","ITEM_ASPECT_RATIO","SKELETON_TITLE_WIDTH","SKELETON_TITLE_HEIGHT","SKELETON_TITLE_BORDER_RADIUS","SKELETON_ITEM_MARGIN","ITEM_MARGIN_LEFT","ITEM_MARGIN_RIGHT","ITEM_ACTIVE_OPACITY","DEFAULT_BACKGROUND_COLOR","DEFAULT_IMAGE_BACKGROUND_COLOR","MovieCardTwo","title","section_id","data","externalData","moreFetchData","onPressMore","onPressItem","type","renderItemImage","itemWidth","borderRadius","skeletonCount","paginationSkeletonCount","containerStyle","titleStyle","itemStyle","isLoading","theme","accessibilityLabel","accessibilityHint","onDisplayAds","screenDimensions","viewportOffsets","flatListRef","onEndReachedCalledDuringMomentum","appliedTheme","styles","getStyles","listData","pagination","loadMore","isEmpty","isPaging","isPaginating","sectionId","fetchMore","loading","initialSkeleton","pagingSkeleton","adsRender","handleItemPress","item","handlePressMore","name","handleEndReached","current","hasNextPage","nextPage","handleMomentumScrollBegin","renderItem","index","adItem","style","firstAdItem","children","ad","width","height","imageStyle","image","tracking","impression","contentItem","isSkeleton","_id","startsWith","firstContentItem","activeOpacity","onPress","posterUri","poster","content_offering_type","posterWrapperStyle","resizeMode","cover","renderSkeletonItem","highlightColor","colors","skeletonHighlightColor","backgroundColor","skeletonBaseColor","Item","marginRight","marginLeft","keyExtractor","renderPaginationFooter","length","root","marginBottom","Array","from","horizontal","_","showsHorizontalScrollIndicator","contentContainerStyle","listContent","testID","navigateToMoreContainer","color","textPrimary","showAllProps","iconColor","ref","onEndReached","onEndReachedThreshold","onMomentumScrollBegin","ListFooterComponent","radius","create","marginVertical","overflow","background","paddingHorizontal","fontSize","fontWeight","paddingRight"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/Styles/Two.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Content/Card/components/AdsPoster.js

@@ -0,0 +1,162 @@
+"use strict";
+
+import { memo, useMemo } from 'react';
+import { TouchableOpacity, View, StyleSheet } from 'react-native';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale } from 'react-native-size-matters';
+import CardPoster from "./CardPoster.js";
+import { Text } from "../../../Text/index.js";
+import { useAdTracking } from "../../../../hooks/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Constants
+const DEFAULT_BORDER_RADIUS = scale(6);
+const DEFAULT_AD_COLOR = '#CA091E';
+const TOUCHABLE_OPACITY = 0.85;
+
+// Badge styling constants
+const BADGE_POSITION = scale(4);
+const BADGE_MIN_WIDTH = scale(28);
+const BADGE_HEIGHT = scale(19);
+const BADGE_PADDING_HORIZONTAL = scale(8);
+const BADGE_BORDER_RADIUS = scale(12);
+const BADGE_FONT_SIZE = scale(9);
+const BADGE_LETTER_SPACING = 1.2;
+const BADGE_LINE_HEIGHT = scale(12);
+
+// Badge background with semi-transparent white for better visibility
+const BADGE_BACKGROUND = 'rgba(255, 255, 255, 0.95)';
+const BADGE_BORDER_WIDTH = scale(0.5);
+const BADGE_BORDER_COLOR = 'rgba(0, 0, 0, 0.08)';
+
+// Enhanced shadow for better depth and visibility
+const BADGE_SHADOW = {
+  shadowColor: '#000',
+  shadowOffset: {
+    width: 0,
+    height: scale(2)
+  },
+  shadowOpacity: 0.25,
+  shadowRadius: scale(4),
+  elevation: 5
+};
+export const AdsPoster = /*#__PURE__*/memo(({
+  ad,
+  theme,
+  isLoading = false,
+  containerStyle,
+  imageStyle,
+  borderRadius = DEFAULT_BORDER_RADIUS,
+  onPress,
+  onDisplayAds,
+  screenDimensions: propScreenDimensions,
+  viewportOffsets: propViewportOffsets
+}) => {
+  const {
+    colors
+  } = theme;
+  const {
+    viewRef,
+    handleLayout
+  } = useAdTracking({
+    ad,
+    onDisplayAds,
+    isLoading,
+    screenDimensions: propScreenDimensions,
+    viewportOffsets: propViewportOffsets
+  });
+
+  // Memoize badge styles with dynamic positioning
+  const badgeStyle = useMemo(() => [styles.badge, {
+    top: BADGE_POSITION,
+    left: BADGE_POSITION,
+    minWidth: BADGE_MIN_WIDTH,
+    height: BADGE_HEIGHT,
+    paddingHorizontal: BADGE_PADDING_HORIZONTAL,
+    borderRadius: BADGE_BORDER_RADIUS
+  }, isLoading && styles.badgeSkeleton], [isLoading]);
+
+  // Memoize badge text style with better typography
+  const badgeTextStyle = useMemo(() => [styles.badgeText, {
+    color: colors.premiumIcon || DEFAULT_AD_COLOR,
+    lineHeight: BADGE_LINE_HEIGHT
+  }], [colors.premiumIcon]);
+
+  // Memoize skeleton item style matching badge dimensions
+  const skeletonItemStyle = useMemo(() => ({
+    width: BADGE_MIN_WIDTH,
+    height: BADGE_HEIGHT,
+    borderRadius: BADGE_BORDER_RADIUS
+  }), []);
+
+  // Early return if no media URL
+  if (!ad?.mediaUrl) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    ref: viewRef,
+    activeOpacity: TOUCHABLE_OPACITY,
+    disabled: isLoading,
+    onPress: () => onPress?.(ad),
+    style: [styles.wrapper, containerStyle],
+    accessibilityRole: "button",
+    accessibilityLabel: "Advertisement",
+    onLayout: handleLayout,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.posterWrapper, {
+        borderRadius
+      }],
+      children: [/*#__PURE__*/_jsx(CardPoster, {
+        posterUri: ad.mediaUrl,
+        theme: theme,
+        isLoading: isLoading,
+        posterWrapperStyle: imageStyle,
+        borderRadius: borderRadius
+      }), /*#__PURE__*/_jsx(View, {
+        style: badgeStyle,
+        children: isLoading ? /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+          backgroundColor: colors.skeletonBaseColor,
+          highlightColor: colors.skeletonHighlightColor,
+          children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+            style: skeletonItemStyle
+          })
+        }) : /*#__PURE__*/_jsx(Text, {
+          type: "caption",
+          weight: "700",
+          style: badgeTextStyle,
+          children: "AD"
+        })
+      })]
+    })
+  });
+});
+AdsPoster.displayName = 'AdsPoster';
+const styles = StyleSheet.create({
+  wrapper: {
+    position: 'relative'
+  },
+  posterWrapper: {
+    position: 'relative'
+  },
+  badge: {
+    position: 'absolute',
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 10,
+    backgroundColor: BADGE_BACKGROUND,
+    borderWidth: BADGE_BORDER_WIDTH,
+    borderColor: BADGE_BORDER_COLOR,
+    ...BADGE_SHADOW
+  },
+  badgeSkeleton: {
+    backgroundColor: 'transparent',
+    borderWidth: 0,
+    shadowOpacity: 0,
+    elevation: 0
+  },
+  badgeText: {
+    fontSize: BADGE_FONT_SIZE,
+    letterSpacing: BADGE_LETTER_SPACING,
+    fontWeight: '700'
+  }
+});
+//# sourceMappingURL=AdsPoster.js.map

package/lib/module/components/Content/Card/components/AdsPoster.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useMemo","TouchableOpacity","View","StyleSheet","SkeletonPlaceholder","scale","CardPoster","Text","useAdTracking","jsx","_jsx","jsxs","_jsxs","DEFAULT_BORDER_RADIUS","DEFAULT_AD_COLOR","TOUCHABLE_OPACITY","BADGE_POSITION","BADGE_MIN_WIDTH","BADGE_HEIGHT","BADGE_PADDING_HORIZONTAL","BADGE_BORDER_RADIUS","BADGE_FONT_SIZE","BADGE_LETTER_SPACING","BADGE_LINE_HEIGHT","BADGE_BACKGROUND","BADGE_BORDER_WIDTH","BADGE_BORDER_COLOR","BADGE_SHADOW","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","AdsPoster","ad","theme","isLoading","containerStyle","imageStyle","borderRadius","onPress","onDisplayAds","screenDimensions","propScreenDimensions","viewportOffsets","propViewportOffsets","colors","viewRef","handleLayout","badgeStyle","styles","badge","top","left","minWidth","paddingHorizontal","badgeSkeleton","badgeTextStyle","badgeText","color","premiumIcon","lineHeight","skeletonItemStyle","mediaUrl","ref","activeOpacity","disabled","style","wrapper","accessibilityRole","accessibilityLabel","onLayout","children","posterWrapper","posterUri","posterWrapperStyle","backgroundColor","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","type","weight","displayName","create","position","alignItems","justifyContent","zIndex","borderWidth","borderColor","fontSize","letterSpacing","fontWeight"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/components/AdsPoster.tsx"],"mappings":"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","ignoreList":[]}