@zezosoft/zezo-ott-react-native-ui-kit 0.1.0 → 1.0.0

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

@@ -0,0 +1,215 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Thu 26 Jun 2025 at 10:00 AM
+ */
+
+import React, { memo, useCallback, useMemo, useRef } from 'react';
+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';
+import { useTheme } from '../../../../theme';
+import NavigateToMore from '../components/NavigateToMore';
+import CardPoster from '../components/CardPoster';
+
+// Defaults
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_WIDTH = moderateScale(172);
+const DEFAULT_BORDER_RADIUS = moderateScale(5);
+const DEFAULT_SKELETON_COUNT = 3;
+const MovieCardTwo = ({
+  title,
+  section_id,
+  data: initialData,
+  moreFetchData,
+  onPressMore,
+  onPressItem,
+  type,
+  renderItemImage,
+  itemWidth = DEFAULT_WIDTH,
+  borderRadius = DEFAULT_BORDER_RADIUS,
+  skeletonCount = DEFAULT_SKELETON_COUNT,
+  containerStyle,
+  titleStyle,
+  itemStyle,
+  isLoading = false,
+  theme,
+  accessibilityLabel,
+  accessibilityHint
+}) => {
+  const flatListRef = useRef(null);
+  const onEndReachedCalledDuringMomentum = useRef(false);
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const styles = useMemo(() => getStyles(appliedTheme, itemWidth, borderRadius), [appliedTheme, itemWidth, borderRadius]);
+  const {
+    data,
+    pagination: paginated,
+    loading: isPaginating,
+    loadMoreData
+  } = usePaginatedSection(section_id, moreFetchData, initialData?.data || [], isLoading);
+  const handleItemPress = useCallback(item => {
+    onPressItem?.(item);
+  }, [onPressItem]);
+  const handlePressMore = useCallback(() => {
+    onPressMore?.({
+      section_id,
+      name: title,
+      type
+    });
+  }, [onPressMore, section_id, title, type]);
+  const handleEndReached = useCallback(() => {
+    if (!onEndReachedCalledDuringMomentum.current && paginated?.hasNextPage && paginated?.nextPage) {
+      onEndReachedCalledDuringMomentum.current = true;
+      loadMoreData(paginated.nextPage);
+    }
+  }, [loadMoreData, paginated?.hasNextPage, paginated?.nextPage]);
+  const renderItem = useCallback(({
+    item,
+    index
+  }) => {
+    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",
+      children: renderItemImage ? renderItemImage({
+        item,
+        index
+      }) : /*#__PURE__*/_jsx(CardPoster, {
+        posterUri: item.poster,
+        theme: appliedTheme,
+        borderRadius: borderRadius,
+        posterWrapperStyle: styles.image,
+        resizeMode: FastImage.resizeMode.cover,
+        isLoading: isPaginating
+      })
+    }, index);
+  }, [renderItemImage, styles.item, styles.firstItem, styles.image, itemStyle, appliedTheme, borderRadius, isPaginating, handleItemPress]);
+  const renderSkeletonItem = useCallback(({
+    index
+  }) => /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+    highlightColor: appliedTheme.colors.skeletonHighlightColor,
+    backgroundColor: appliedTheme.colors.skeletonBaseColor,
+    children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+      width: itemWidth,
+      height: itemWidth / 0.67,
+      borderRadius: borderRadius,
+      marginRight: moderateScale(12),
+      marginLeft: index === 0 ? moderateScale(12) : 0
+    })
+  }, `skeleton-${index}`), [appliedTheme, itemWidth, borderRadius]);
+  if (!initialData) {
+    return null;
+  }
+  const listData = data ?? [];
+  if (!isLoading && listData.length === 0) {
+    return null;
+  }
+  if (isLoading) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.root, containerStyle],
+      children: [/*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        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),
+          marginBottom: verticalScale(6)
+        })
+      }), /*#__PURE__*/_jsx(FlatList, {
+        data: Array.from({
+          length: skeletonCount
+        }, () => null),
+        horizontal: true,
+        keyExtractor: (_, index) => `skeleton-${index}`,
+        renderItem: renderSkeletonItem,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.listContent
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.root, containerStyle],
+    testID: `movie-card-two-${section_id}`,
+    accessibilityLabel: accessibilityLabel || `CardTwo section: ${title}`,
+    accessibilityHint: accessibilityHint || 'Scroll to view content',
+    children: [/*#__PURE__*/_jsx(NavigateToMore, {
+      title: title,
+      onPress: handlePressMore,
+      containerStyle: styles.navigateToMoreContainer,
+      titleStyle: [styles.title, {
+        color: appliedTheme.colors.textPrimary
+      }, titleStyle],
+      showAllProps: {
+        iconColor: appliedTheme.colors.textPrimary
+      }
+    }), /*#__PURE__*/_jsx(FlatList, {
+      ref: flatListRef,
+      data: listData,
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      keyExtractor: (item, index) => `${item._id ?? item.name}-${index}`,
+      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,
+        children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: itemWidth,
+          height: itemWidth / 0.67,
+          borderRadius: borderRadius,
+          marginRight: moderateScale(12)
+        })
+      }) : null
+    })]
+  });
+};
+const getStyles = (theme, width, radius) => StyleSheet.create({
+  root: {
+    marginVertical: verticalScale(6)
+  },
+  item: {
+    width: width,
+    height: width / 0.67,
+    marginRight: moderateScale(12),
+    borderRadius: radius,
+    overflow: 'hidden',
+    backgroundColor: theme.colors.background ?? '#2c2c2c'
+  },
+  firstItem: {
+    marginLeft: moderateScale(12)
+  },
+  image: {
+    width: '100%',
+    height: '100%',
+    borderRadius: radius,
+    backgroundColor: theme.colors.background ?? '#222'
+  },
+  navigateToMoreContainer: {
+    paddingHorizontal: moderateScale(12),
+    marginBottom: verticalScale(8)
+  },
+  title: {
+    fontSize: moderateScale(14),
+    fontWeight: '600'
+  },
+  listContent: {
+    paddingRight: moderateScale(15)
+  }
+});
+export default /*#__PURE__*/memo(MovieCardTwo);
+//# sourceMappingURL=Two.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useCallback","useMemo","useRef","View","FlatList","TouchableOpacity","StyleSheet","SkeletonPlaceholder","FastImage","moderateScale","verticalScale","usePaginatedSection","useTheme","NavigateToMore","CardPoster","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","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":[]}

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

@@ -0,0 +1,175 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Wed 02 Jul 2025 at 10:29 AM
+ */
+import React, { useState, useEffect, useMemo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import FastImage from 'react-native-fast-image';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale } from 'react-native-size-matters';
+import { Text } from '../../../Text';
+import { ImageOff } from 'lucide-react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CardPoster = ({
+  posterUri,
+  theme,
+  isLoading = false,
+  borderRadius = scale(6),
+  posterWrapperStyle,
+  imageStyle,
+  resizeMode = FastImage.resizeMode.cover
+}) => {
+  const [imageLoading, setImageLoading] = useState(true);
+  const [imageError, setImageError] = useState(false);
+  useEffect(() => {
+    setImageLoading(true);
+    setImageError(false);
+  }, [posterUri]);
+  const hasValidPoster = useMemo(() => {
+    if (!posterUri || typeof posterUri !== 'string') return false;
+    const cleaned = posterUri.trim();
+    return (cleaned.startsWith('http://') || cleaned.startsWith('https://')) && /\.(jpg|jpeg|png|webp|gif|bmp)$/i.test(cleaned);
+  }, [posterUri]);
+  useEffect(() => {
+    if (hasValidPoster) {
+      FastImage.preload([{
+        uri: posterUri
+      }]);
+    }
+  }, [posterUri, hasValidPoster]);
+  const showSkeleton = isLoading || imageLoading && !imageError && hasValidPoster;
+  const fallbackImageStyle = useMemo(() => ({
+    width: '100%',
+    aspectRatio: 2 / 3,
+    borderRadius,
+    position: 'absolute',
+    top: 0,
+    left: 0
+  }), [borderRadius]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.posterWrapper, styles.defaultPosterWrapper, {
+      borderRadius,
+      backgroundColor: theme.colors.background,
+      shadowColor: theme.colors.shadow
+    }, posterWrapperStyle],
+    children: [showSkeleton && /*#__PURE__*/_jsx(View, {
+      style: [styles.skeletonWrapper, {
+        borderRadius
+      }],
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        backgroundColor: theme.colors.skeletonBaseColor,
+        highlightColor: theme.colors.skeletonHighlightColor,
+        speed: 1000,
+        children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          style: [styles.skeleton, {
+            borderRadius
+          }]
+        })
+      })
+    }), hasValidPoster && /*#__PURE__*/_jsx(FastImage, {
+      source: {
+        uri: posterUri,
+        cache: FastImage.cacheControl.immutable,
+        priority: FastImage.priority.normal
+      },
+      style: [fallbackImageStyle, showSkeleton ? styles.hidden : styles.visible, imageStyle],
+      resizeMode: resizeMode,
+      onLoadStart: () => {
+        if (hasValidPoster) {
+          setImageLoading(true);
+          setImageError(false);
+        }
+      },
+      onLoad: () => {
+        setImageLoading(false);
+      },
+      onError: () => {
+        setTimeout(() => {
+          setImageLoading(false);
+          setImageError(true);
+        }, 100);
+      }
+    }), !showSkeleton && (!hasValidPoster || imageError) && /*#__PURE__*/_jsx(View, {
+      style: [styles.fallbackWrapper, {
+        borderRadius,
+        backgroundColor: theme.colors.background,
+        borderColor: theme.colors.error
+      }],
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.fallback, {
+          backgroundColor: theme.colors.errorContainer
+        }],
+        children: [/*#__PURE__*/_jsx(ImageOff, {
+          size: scale(18),
+          color: theme.colors.error
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.fallbackText,
+          color: theme.colors.error,
+          children: "Image Failed"
+        })]
+      })
+    })]
+  });
+};
+export default /*#__PURE__*/React.memo(CardPoster);
+const styles = StyleSheet.create({
+  posterWrapper: {
+    width: '100%',
+    aspectRatio: 2 / 3,
+    overflow: 'hidden',
+    position: 'relative'
+  },
+  defaultPosterWrapper: {
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 3,
+    elevation: 2
+  },
+  skeletonWrapper: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    aspectRatio: 2 / 3,
+    overflow: 'hidden'
+  },
+  skeleton: {
+    width: '100%',
+    aspectRatio: 2 / 3
+  },
+  visible: {
+    opacity: 1
+  },
+  hidden: {
+    opacity: 0
+  },
+  fallbackWrapper: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    aspectRatio: 2 / 3,
+    borderWidth: scale(1),
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  fallback: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    width: '100%',
+    aspectRatio: 2 / 3,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  fallbackText: {
+    marginTop: scale(4),
+    fontSize: scale(10)
+  }
+});
+//# sourceMappingURL=CardPoster.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useEffect","useMemo","View","StyleSheet","FastImage","SkeletonPlaceholder","scale","Text","ImageOff","jsx","_jsx","jsxs","_jsxs","CardPoster","posterUri","theme","isLoading","borderRadius","posterWrapperStyle","imageStyle","resizeMode","cover","imageLoading","setImageLoading","imageError","setImageError","hasValidPoster","cleaned","trim","startsWith","test","preload","uri","showSkeleton","fallbackImageStyle","width","aspectRatio","position","top","left","style","styles","posterWrapper","defaultPosterWrapper","backgroundColor","colors","background","shadowColor","shadow","children","skeletonWrapper","skeletonBaseColor","highlightColor","skeletonHighlightColor","speed","Item","skeleton","source","cache","cacheControl","immutable","priority","normal","hidden","visible","onLoadStart","onLoad","onError","setTimeout","fallbackWrapper","borderColor","error","fallback","errorContainer","size","color","fallbackText","memo","create","overflow","shadowOffset","height","shadowOpacity","shadowRadius","elevation","opacity","borderWidth","alignItems","justifyContent","marginTop","fontSize"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/components/CardPoster.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,56 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Wed 25 Jun 2025 at 11:59 AM
+ */
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { scale, verticalScale } from 'react-native-size-matters';
+import ShowAllButton from './ShowAllButton';
+import { Text } from '../../../Text';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const NavigateToMore = ({
+  onPress,
+  title,
+  titleStyle,
+  containerStyle,
+  showAllProps
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, containerStyle],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.titleWrapper,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.title, titleStyle],
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
+        children: title
+      })
+    }), /*#__PURE__*/_jsx(ShowAllButton, {
+      onPress: onPress,
+      ...showAllProps
+    })]
+  });
+};
+export default NavigateToMore;
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: verticalScale(6),
+    marginTop: verticalScale(1)
+  },
+  titleWrapper: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  title: {
+    fontSize: scale(13),
+    fontWeight: '600',
+    textTransform: 'capitalize'
+  }
+});
+//# sourceMappingURL=NavigateToMore.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","scale","verticalScale","ShowAllButton","Text","jsx","_jsx","jsxs","_jsxs","NavigateToMore","onPress","title","titleStyle","containerStyle","showAllProps","style","styles","container","children","titleWrapper","numberOfLines","ellipsizeMode","create","flexDirection","alignItems","justifyContent","marginBottom","marginTop","flex","fontSize","fontWeight","textTransform"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/components/NavigateToMore.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAwD,cAAc;AAC/F,SAASC,KAAK,EAAEC,aAAa,QAAQ,2BAA2B;AAChE,OAAOC,aAAa,MAAmC,iBAAiB;AACxE,SAASC,IAAI,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUrC,MAAMC,cAAgC,GAAGA,CAAC;EACxCC,OAAO;EACPC,KAAK;EACLC,UAAU;EACVC,cAAc;EACdC;AACF,CAAC,KAAyB;EACxB,oBACEN,KAAA,CAACR,IAAI;IAACe,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEJ,cAAc,CAAE;IAAAK,QAAA,gBAC9CZ,IAAA,CAACN,IAAI;MAACe,KAAK,EAAEC,MAAM,CAACG,YAAa;MAAAD,QAAA,eAC/BZ,IAAA,CAACF,IAAI;QAACW,KAAK,EAAE,CAACC,MAAM,CAACL,KAAK,EAAEC,UAAU,CAAE;QAACQ,aAAa,EAAE,CAAE;QAACC,aAAa,EAAC,MAAM;QAAAH,QAAA,EAC5EP;MAAK,CACF;IAAC,CACH,CAAC,eACPL,IAAA,CAACH,aAAa;MAACO,OAAO,EAAEA,OAAQ;MAAA,GAAKI;IAAY,CAAG,CAAC;EAAA,CACjD,CAAC;AAEX,CAAC;AAED,eAAeL,cAAc;AAE7B,MAAMO,MAAM,GAAGjB,UAAU,CAACuB,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAExB,aAAa,CAAC,CAAC,CAAC;IAC9ByB,SAAS,EAAEzB,aAAa,CAAC,CAAC;EAC5B,CAAC;EACDiB,YAAY,EAAE;IACZS,IAAI,EAAE,CAAC;IACPH,cAAc,EAAE;EAClB,CAAC;EACDd,KAAK,EAAE;IACLkB,QAAQ,EAAE5B,KAAK,CAAC,EAAE,CAAC;IACnB6B,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,115 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Wed 25 Jun 2025 at 11:59 AM
+ */
+
+import React, { useCallback } from 'react';
+import { TouchableOpacity, StyleSheet } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withSpring } from 'react-native-reanimated';
+import { scale, verticalScale } from 'react-native-size-matters';
+import { Text } from '../../../Text';
+import { useTheme } from '../../../../theme';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const NoContentFallback = ({
+  message = 'No content available right now.\nPlease check back later.',
+  retryText = 'Try Again',
+  onRetry,
+  theme,
+  emoji = '😔',
+  style
+}) => {
+  const {
+    theme: appliedTheme
+  } = useTheme(theme);
+  const scaleValue = useSharedValue(1);
+  const handlePressIn = useCallback(() => {
+    scaleValue.value = withSpring(0.95, {
+      damping: 15,
+      stiffness: 200
+    });
+  }, [scaleValue]);
+  const handlePressOut = useCallback(() => {
+    scaleValue.value = withSpring(1, {
+      damping: 15,
+      stiffness: 200
+    });
+  }, [scaleValue]);
+  const animatedButtonStyle = useAnimatedStyle(() => ({
+    transform: [{
+      scale: scaleValue.value
+    }]
+  }));
+  return /*#__PURE__*/_jsxs(Animated.View, {
+    style: [styles.container, style, {
+      backgroundColor: appliedTheme.colors.background
+    }],
+    accessibilityLabel: "No content available",
+    accessibilityHint: "Check back later or try again",
+    children: [/*#__PURE__*/_jsx(Animated.Text, {
+      style: [styles.emoji, {
+        color: appliedTheme.colors.textPrimary
+      }],
+      children: emoji
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.message, {
+        color: appliedTheme.colors.textSecondary
+      }],
+      children: message
+    }), onRetry && /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: onRetry,
+      onPressIn: handlePressIn,
+      onPressOut: handlePressOut,
+      style: [styles.retryButton, {
+        backgroundColor: appliedTheme.colors.primary,
+        borderColor: appliedTheme.colors.outline
+      }],
+      accessibilityLabel: retryText,
+      accessibilityRole: "button",
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: animatedButtonStyle,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.retryText, {
+            color: appliedTheme.colors.textPrimary
+          }],
+          children: retryText
+        })
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: scale(20),
+    paddingVertical: verticalScale(40)
+  },
+  emoji: {
+    fontSize: scale(64),
+    marginBottom: verticalScale(16),
+    textAlign: 'center'
+  },
+  message: {
+    fontSize: scale(16),
+    textAlign: 'center',
+    fontWeight: '500',
+    lineHeight: verticalScale(22),
+    marginBottom: verticalScale(20)
+  },
+  retryButton: {
+    paddingHorizontal: scale(24),
+    paddingVertical: verticalScale(12),
+    borderRadius: scale(8),
+    borderWidth: scale(1)
+  },
+  retryText: {
+    fontSize: scale(14),
+    fontWeight: '600',
+    textAlign: 'center'
+  }
+});
+export default NoContentFallback;
+//# sourceMappingURL=NoContentFallback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","TouchableOpacity","StyleSheet","Animated","useSharedValue","useAnimatedStyle","withSpring","scale","verticalScale","Text","useTheme","jsx","_jsx","jsxs","_jsxs","NoContentFallback","message","retryText","onRetry","theme","emoji","style","appliedTheme","scaleValue","handlePressIn","value","damping","stiffness","handlePressOut","animatedButtonStyle","transform","View","styles","container","backgroundColor","colors","background","accessibilityLabel","accessibilityHint","children","color","textPrimary","textSecondary","onPress","onPressIn","onPressOut","retryButton","primary","borderColor","outline","accessibilityRole","create","flex","alignItems","justifyContent","paddingHorizontal","paddingVertical","fontSize","marginBottom","textAlign","fontWeight","lineHeight","borderRadius","borderWidth"],"sourceRoot":"../../../../../../src","sources":["components/Content/Card/components/NoContentFallback.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,gBAAgB,EAAEC,UAAU,QAAwC,cAAc;AAC3F,OAAOC,QAAQ,IAAIC,cAAc,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,yBAAyB;AAChG,SAASC,KAAK,EAAEC,aAAa,QAAQ,2BAA2B;AAChE,SAASC,IAAI,QAAQ,eAAe;AACpC,SAASC,QAAQ,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAY7C,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,OAAO,GAAG,2DAA2D;EACrEC,SAAS,GAAG,WAAW;EACvBC,OAAO;EACPC,KAAK;EACLC,KAAK,GAAG,IAAI;EACZC;AACsB,CAAC,KAAK;EAC5B,MAAM;IAAEF,KAAK,EAAEG;EAAa,CAAC,GAAGZ,QAAQ,CAACS,KAAK,CAAC;EAC/C,MAAMI,UAAU,GAAGnB,cAAc,CAAC,CAAC,CAAC;EAEpC,MAAMoB,aAAa,GAAGxB,WAAW,CAAC,MAAM;IACtCuB,UAAU,CAACE,KAAK,GAAGnB,UAAU,CAAC,IAAI,EAAE;MAAEoB,OAAO,EAAE,EAAE;MAAEC,SAAS,EAAE;IAAI,CAAC,CAAC;EACtE,CAAC,EAAE,CAACJ,UAAU,CAAC,CAAC;EAEhB,MAAMK,cAAc,GAAG5B,WAAW,CAAC,MAAM;IACvCuB,UAAU,CAACE,KAAK,GAAGnB,UAAU,CAAC,CAAC,EAAE;MAAEoB,OAAO,EAAE,EAAE;MAAEC,SAAS,EAAE;IAAI,CAAC,CAAC;EACnE,CAAC,EAAE,CAACJ,UAAU,CAAC,CAAC;EAEhB,MAAMM,mBAAmB,GAAGxB,gBAAgB,CAAC,OAAO;IAClDyB,SAAS,EAAE,CAAC;MAAEvB,KAAK,EAAEgB,UAAU,CAACE;IAAM,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,oBACEX,KAAA,CAACX,QAAQ,CAAC4B,IAAI;IACZV,KAAK,EAAE,CAACW,MAAM,CAACC,SAAS,EAAEZ,KAAK,EAAE;MAAEa,eAAe,EAAEZ,YAAY,CAACa,MAAM,CAACC;IAAW,CAAC,CAAE;IACtFC,kBAAkB,EAAC,sBAAsB;IACzCC,iBAAiB,EAAC,+BAA+B;IAAAC,QAAA,gBAEjD3B,IAAA,CAACT,QAAQ,CAACM,IAAI;MAACY,KAAK,EAAE,CAACW,MAAM,CAACZ,KAAK,EAAE;QAAEoB,KAAK,EAAElB,YAAY,CAACa,MAAM,CAACM;MAAY,CAAC,CAAE;MAAAF,QAAA,EAAEnB;IAAK,CAAgB,CAAC,eACzGR,IAAA,CAACH,IAAI;MACHY,KAAK,EAAE,CACLW,MAAM,CAAChB,OAAO,EACd;QACEwB,KAAK,EAAElB,YAAY,CAACa,MAAM,CAACO;MAC7B,CAAC,CACD;MAAAH,QAAA,EAEDvB;IAAO,CACJ,CAAC,EACNE,OAAO,iBACNN,IAAA,CAACX,gBAAgB;MACf0C,OAAO,EAAEzB,OAAQ;MACjB0B,SAAS,EAAEpB,aAAc;MACzBqB,UAAU,EAAEjB,cAAe;MAC3BP,KAAK,EAAE,CACLW,MAAM,CAACc,WAAW,EAClB;QACEZ,eAAe,EAAEZ,YAAY,CAACa,MAAM,CAACY,OAAO;QAC5CC,WAAW,EAAE1B,YAAY,CAACa,MAAM,CAACc;MACnC,CAAC,CACD;MACFZ,kBAAkB,EAAEpB,SAAU;MAC9BiC,iBAAiB,EAAC,QAAQ;MAAAX,QAAA,eAE1B3B,IAAA,CAACT,QAAQ,CAAC4B,IAAI;QAACV,KAAK,EAAEQ,mBAAoB;QAAAU,QAAA,eACxC3B,IAAA,CAACH,IAAI;UACHY,KAAK,EAAE,CACLW,MAAM,CAACf,SAAS,EAChB;YACEuB,KAAK,EAAElB,YAAY,CAACa,MAAM,CAACM;UAC7B,CAAC,CACD;UAAAF,QAAA,EAEDtB;QAAS,CACN;MAAC,CACM;IAAC,CACA,CACnB;EAAA,CACY,CAAC;AAEpB,CAAC;AAED,MAAMe,MAAM,GAAG9B,UAAU,CAACiD,MAAM,CAAC;EAC/BlB,SAAS,EAAE;IACTmB,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,iBAAiB,EAAEhD,KAAK,CAAC,EAAE,CAAC;IAC5BiD,eAAe,EAAEhD,aAAa,CAAC,EAAE;EACnC,CAAC;EACDY,KAAK,EAAE;IACLqC,QAAQ,EAAElD,KAAK,CAAC,EAAE,CAAC;IACnBmD,YAAY,EAAElD,aAAa,CAAC,EAAE,CAAC;IAC/BmD,SAAS,EAAE;EACb,CAAC;EACD3C,OAAO,EAAE;IACPyC,QAAQ,EAAElD,KAAK,CAAC,EAAE,CAAC;IACnBoD,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAErD,aAAa,CAAC,EAAE,CAAC;IAC7BkD,YAAY,EAAElD,aAAa,CAAC,EAAE;EAChC,CAAC;EACDsC,WAAW,EAAE;IACXS,iBAAiB,EAAEhD,KAAK,CAAC,EAAE,CAAC;IAC5BiD,eAAe,EAAEhD,aAAa,CAAC,EAAE,CAAC;IAClCsD,YAAY,EAAEvD,KAAK,CAAC,CAAC,CAAC;IACtBwD,WAAW,EAAExD,KAAK,CAAC,CAAC;EACtB,CAAC;EACDU,SAAS,EAAE;IACTwC,QAAQ,EAAElD,KAAK,CAAC,EAAE,CAAC;IACnBqD,UAAU,EAAE,KAAK;IACjBD,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAe5C,iBAAiB","ignoreList":[]}