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

package/lib/module/components/ContentView/Two/components/EpisodeCard.js

@@ -0,0 +1,425 @@
+"use strict";
+
+/**
+ * @author Naresh Dhamu
+ * @lastModified Thu 03 Jul 2025 at 01:46 AM
+ */
+
+import React, { useState, useMemo, useCallback, memo } from 'react';
+import { View, FlatList, TouchableOpacity, StyleSheet } from 'react-native';
+import FastImage from 'react-native-fast-image';
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale, verticalScale, moderateScale } from 'react-native-size-matters';
+import { Text } from "../../../Text/index.js";
+import Display from "../../../../utils/Display.js";
+import { ThumbnailCard } from "../../../Content/Card/components/ThumbnailCard.js";
+import { RFValue } from 'react-native-responsive-fontsize';
+import RentOrBuyIcon from "../../../Content/Card/components/RentOrBuyIcon.js";
+import { useInternalTheme } from "../../../../theme/hook/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Constants
+const SKELETON_COUNT = 3;
+const LOADING_EPISODES = 4;
+const THUMBNAIL_ASPECT_RATIO = 16 / 9;
+const CARD_ELEVATION = 2;
+const BORDER_WIDTH = scale(0.5);
+const TAB_PADDING_HORIZONTAL = scale(10);
+const TAB_PADDING_VERTICAL = verticalScale(6);
+const TAB_MARGIN_RIGHT = scale(6);
+const CONTAINER_PADDING_HORIZONTAL = scale(8);
+const CONTAINER_GAP = verticalScale(8);
+const TEXT_PADDING = scale(6);
+const TITLE_FONT_SIZE = RFValue(11);
+const SUBTITLE_FONT_SIZE = RFValue(9);
+const SUBTITLE_LINE_HEIGHT = RFValue(13);
+
+// Types
+
+const formatDate = dateString => {
+  const date = new Date(dateString);
+  return date.toLocaleDateString('en-US', {
+    day: '2-digit',
+    month: 'short',
+    year: 'numeric'
+  });
+};
+
+// Memoized EpisodeCardItem
+const EpisodeCardItem = /*#__PURE__*/memo(({
+  season_id,
+  season_number,
+  episode,
+  onPress,
+  isDarkMode,
+  theme,
+  style,
+  thumbnailHeight,
+  isLoading = false,
+  content_offering_type
+}) => {
+  const handlePress = useCallback(() => {
+    if (!isLoading) {
+      onPress?.({
+        season_id,
+        episode_id: episode._id,
+        episode_number: episode.number
+      });
+    }
+  }, [season_id, episode._id, episode.number, onPress, isLoading]);
+  const isVerticalMode = useMemo(() => style && style.width === Display.fullWidth - scale(16), [style]);
+  const cardStyle = useMemo(() => [styles.card, style, {
+    shadowColor: isVerticalMode ? 'transparent' : '#000',
+    shadowOffset: {
+      width: 0,
+      height: isVerticalMode ? 0 : 1
+    },
+    shadowOpacity: isVerticalMode ? 0 : 0.1,
+    shadowRadius: isVerticalMode ? 0 : 2,
+    backgroundColor: isVerticalMode ? 'transparent' : theme.colors.surfaceVariant,
+    flexDirection: isVerticalMode ? 'row' : 'column',
+    borderWidth: isVerticalMode ? 0 : isDarkMode ? 0 : BORDER_WIDTH,
+    borderColor: isVerticalMode ? 'transparent' : isDarkMode ? 'transparent' : theme.colors.border
+  }], [style, isVerticalMode, theme.colors.surfaceVariant, theme.colors.border, isDarkMode]);
+  const windowWidth = Display.fullWidth;
+  const thumbnailStyle = useMemo(() => [styles.thumbnailCommon, isVerticalMode ? {
+    borderRadius: moderateScale(6),
+    width: windowWidth * 0.45,
+    aspectRatio: THUMBNAIL_ASPECT_RATIO,
+    height: thumbnailHeight
+  } : {
+    borderRadius: 0,
+    height: thumbnailHeight
+  }], [isVerticalMode, thumbnailHeight, windowWidth]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(View, {
+      style: cardStyle,
+      children: /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+        backgroundColor: theme.colors.skeletonBaseColor,
+        highlightColor: theme.colors.skeletonHighlightColor,
+        children: isVerticalMode ? /*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+          flexDirection: "row",
+          alignItems: "flex-start",
+          width: "100%",
+          children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+            width: "45%",
+            aspectRatio: THUMBNAIL_ASPECT_RATIO,
+            borderRadius: moderateScale(6)
+          }), /*#__PURE__*/_jsxs(SkeletonPlaceholder.Item, {
+            width: "55%",
+            paddingLeft: scale(6),
+            justifyContent: "center",
+            paddingTop: scale(2),
+            children: [/*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+              width: "80%",
+              height: verticalScale(12),
+              borderRadius: moderateScale(4)
+            }), Array(4).fill(0).map((_, index) => /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+              marginTop: verticalScale(5),
+              width: `${80 - index * 5}%`,
+              height: verticalScale(8),
+              borderRadius: moderateScale(4)
+            }, `skeleton_${index}`))]
+          })]
+        }) : /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+          width: "100%",
+          height: thumbnailHeight + scale(40),
+          borderRadius: moderateScale(8)
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.85,
+    onPress: handlePress,
+    style: cardStyle,
+    accessibilityRole: "button",
+    accessibilityLabel: episode.name || `Episode ${episode.number}`,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.cardContent, isVerticalMode && styles.cardGrid],
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: thumbnailStyle,
+        children: [/*#__PURE__*/_jsx(RentOrBuyIcon, {
+          theme: theme,
+          content_offering_type: content_offering_type === 'BUY_OR_RENT' ? content_offering_type : episode.content_offering_type
+        }), /*#__PURE__*/_jsx(ThumbnailCard, {
+          thumbnailUri: episode.thumbnail,
+          theme: theme
+          // wrapperStyle={styles.thumbnail}
+          ,
+          resizeMode: FastImage.resizeMode.cover
+        })]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: [isVerticalMode ? styles.textRightHalf : styles.textWrapper],
+        children: [/*#__PURE__*/_jsx(Text, {
+          numberOfLines: 1,
+          color: theme.colors.textPrimary,
+          style: styles.title,
+          children: episode.name || `Episode ${episode.number}`
+        }), /*#__PURE__*/_jsxs(Text, {
+          color: theme.colors.onSurface,
+          style: {
+            fontSize: RFValue(9),
+            marginTop: verticalScale(2)
+          },
+          children: [`S${String(season_number).padStart(2, '0')} | E${String(episode.number).padStart(2, '0')} | `, episode.createdAt && formatDate(episode.createdAt)]
+        }), !!episode.description && /*#__PURE__*/_jsx(Text, {
+          numberOfLines: isVerticalMode ? 4 : 2,
+          color: theme.colors.textSecondary,
+          style: styles.subtitle,
+          children: episode.description
+        })]
+      })]
+    })
+  });
+}, (prevProps, nextProps) => prevProps.season_id === nextProps.season_id && prevProps.episode._id === nextProps.episode._id && prevProps.isLoading === nextProps.isLoading && prevProps.thumbnailHeight === nextProps.thumbnailHeight && prevProps.theme === nextProps.theme);
+
+// Main Component
+export const EpisodeCard = /*#__PURE__*/React.memo(({
+  seasons,
+  onPress,
+  theme: themeOverride,
+  isLoading = false,
+  mode = 'horizontal',
+  content_offering_type
+}) => {
+  const {
+    isDarkMode,
+    theme
+  } = useInternalTheme(themeOverride);
+  const [selectedSeasonIndex, setSelectedSeasonIndex] = useState(0);
+  const windowWidth = Display.fullWidth;
+  const selectedSeason = useMemo(() => seasons[selectedSeasonIndex] || null, [seasons, selectedSeasonIndex]);
+  const cardWidth = useMemo(() => mode === 'horizontal' ? Math.min(windowWidth * 0.45, moderateScale(180)) : windowWidth - scale(16), [windowWidth, mode]);
+  const thumbnailHeight = useMemo(() => mode === 'vertical' ? verticalScale(100) : cardWidth * (9 / 16), [cardWidth, mode]);
+  const renderSeasonTab = useCallback(({
+    item: season,
+    index
+  }) => /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.7,
+    onPress: () => setSelectedSeasonIndex(index),
+    style: [styles.tab, {
+      backgroundColor: selectedSeasonIndex === index ? theme.colors.button : theme.colors.surfaceVariant,
+      borderColor: theme.colors.border
+    }],
+    accessibilityRole: "tab",
+    accessibilityState: {
+      selected: selectedSeasonIndex === index
+    },
+    accessibilityLabel: season.name || `Season ${index + 1}`,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.tabText, {
+        color: selectedSeasonIndex === index ? theme.colors.buttonText : theme.colors.textPrimary
+      }],
+      children: season.name || `Season ${index + 1}`
+    })
+  }, season._id), [selectedSeasonIndex, theme]);
+  const renderVerticalEpisodes = (episodes, season) => {
+    return episodes.map(item => /*#__PURE__*/_jsx(EpisodeCardItem, {
+      theme: theme,
+      season_id: season._id,
+      episode: item,
+      isDarkMode: isDarkMode,
+      season_number: season.season_number,
+      onPress: onPress,
+      style: {
+        width: cardWidth
+      },
+      thumbnailHeight: thumbnailHeight,
+      content_offering_type: content_offering_type
+    }, item._id));
+  };
+  const renderEpisodeItem = useCallback(({
+    item
+  }) => selectedSeason ? /*#__PURE__*/_jsx(EpisodeCardItem, {
+    theme: theme,
+    season_id: selectedSeason._id,
+    episode: item,
+    isDarkMode: isDarkMode,
+    season_number: selectedSeason.season_number,
+    onPress: onPress,
+    style: {
+      width: cardWidth
+    },
+    thumbnailHeight: thumbnailHeight,
+    content_offering_type: content_offering_type
+  }) : null, [selectedSeason, theme, isDarkMode, onPress, cardWidth, thumbnailHeight, content_offering_type]);
+  const renderLoadingItem = useCallback(() => /*#__PURE__*/_jsx(EpisodeCardItem, {
+    theme: theme,
+    season_id: "",
+    isDarkMode: isDarkMode,
+    season_number: 0,
+    episode: {
+      _id: '',
+      number: 0,
+      thumbnail: '',
+      name: '',
+      description: '',
+      duration: 0,
+      source_link: '',
+      trailer_source_link: '',
+      subtitles: [],
+      createdAt: '',
+      updatedAt: '',
+      source_type: 'HLS',
+      content_offering_type: 'FREE',
+      status: true,
+      data: ''
+    },
+    onPress: onPress,
+    style: {
+      width: cardWidth
+    },
+    thumbnailHeight: thumbnailHeight,
+    content_offering_type: content_offering_type,
+    isLoading: true
+  }), [theme, isDarkMode, onPress, cardWidth, thumbnailHeight, content_offering_type]);
+  if (isLoading) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.container, {
+        backgroundColor: theme.colors.background
+      }],
+      children: [/*#__PURE__*/_jsx(FlatList, {
+        data: Array(SKELETON_COUNT).fill(0),
+        keyExtractor: (_, index) => `skeleton_tab_${index}`,
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.tabsContainer,
+        renderItem: () => /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+          backgroundColor: theme.colors.skeletonBaseColor,
+          highlightColor: theme.colors.skeletonHighlightColor,
+          children: /*#__PURE__*/_jsx(SkeletonPlaceholder.Item, {
+            width: scale(80),
+            height: verticalScale(28),
+            borderRadius: moderateScale(16),
+            marginRight: TAB_MARGIN_RIGHT
+          })
+        })
+      }), /*#__PURE__*/_jsx(FlatList, {
+        data: Array(LOADING_EPISODES).fill({}),
+        keyExtractor: (_, index) => `loading_${index}`,
+        horizontal: mode === 'horizontal',
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.listContainer,
+        renderItem: renderLoadingItem
+      })]
+    });
+  }
+  if (!seasons?.length || !selectedSeason) {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.emptyContainer,
+      children: /*#__PURE__*/_jsx(Text, {
+        color: theme.colors.textSecondary,
+        children: "No seasons available"
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: theme.colors.background
+    }],
+    children: [/*#__PURE__*/_jsx(FlatList, {
+      data: seasons,
+      renderItem: renderSeasonTab,
+      keyExtractor: item => item._id,
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.tabsContainer
+    }), mode === 'horizontal' ? /*#__PURE__*/_jsx(FlatList, {
+      data: selectedSeason.episodes || [],
+      keyExtractor: item => item._id,
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.listContainer,
+      renderItem: renderEpisodeItem,
+      ListEmptyComponent: /*#__PURE__*/_jsx(View, {
+        style: styles.emptyContainer,
+        children: /*#__PURE__*/_jsx(Text, {
+          color: theme.colors.textSecondary,
+          children: "No episodes available"
+        })
+      })
+    }) : /*#__PURE__*/_jsx(View, {
+      style: styles.listContainer,
+      children: selectedSeason.episodes?.length ? renderVerticalEpisodes(selectedSeason.episodes, selectedSeason) : /*#__PURE__*/_jsx(View, {
+        style: styles.emptyContainer,
+        children: /*#__PURE__*/_jsx(Text, {
+          color: theme.colors.textSecondary,
+          children: "No episodes available"
+        })
+      })
+    })]
+  });
+});
+
+// Styles
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: verticalScale(4),
+    flexDirection: 'column',
+    gap: CONTAINER_GAP
+  },
+  tabsContainer: {
+    paddingHorizontal: CONTAINER_PADDING_HORIZONTAL
+  },
+  tab: {
+    paddingHorizontal: TAB_PADDING_HORIZONTAL,
+    paddingVertical: TAB_PADDING_VERTICAL,
+    borderRadius: moderateScale(16),
+    marginRight: TAB_MARGIN_RIGHT,
+    borderWidth: BORDER_WIDTH
+  },
+  tabText: {
+    fontSize: TITLE_FONT_SIZE,
+    fontWeight: '600'
+  },
+  listContainer: {
+    paddingHorizontal: CONTAINER_PADDING_HORIZONTAL,
+    gap: CONTAINER_GAP
+  },
+  card: {
+    borderRadius: moderateScale(8),
+    overflow: 'hidden',
+    elevation: CARD_ELEVATION
+  },
+  cardContent: {
+    flexDirection: 'column',
+    width: '100%'
+  },
+  cardGrid: {
+    flexDirection: 'row',
+    alignItems: 'flex-start'
+  },
+  thumbnailCommon: {
+    overflow: 'hidden',
+    backgroundColor: '#ccc',
+    width: '100%'
+  },
+  thumbnail: {
+    width: '100%',
+    height: '100%'
+  },
+  textWrapper: {
+    padding: TEXT_PADDING
+  },
+  textRightHalf: {
+    flex: 1,
+    width: '55%',
+    paddingHorizontal: TEXT_PADDING,
+    justifyContent: 'center'
+  },
+  title: {
+    fontSize: TITLE_FONT_SIZE,
+    fontWeight: '600'
+  },
+  subtitle: {
+    fontSize: SUBTITLE_FONT_SIZE,
+    lineHeight: SUBTITLE_LINE_HEIGHT,
+    opacity: 0.8,
+    marginTop: verticalScale(2)
+  },
+  emptyContainer: {
+    padding: CONTAINER_PADDING_HORIZONTAL,
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=EpisodeCard.js.map

package/lib/module/components/ContentView/Two/components/EpisodeCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useMemo","useCallback","memo","View","FlatList","TouchableOpacity","StyleSheet","FastImage","SkeletonPlaceholder","scale","verticalScale","moderateScale","Text","Display","ThumbnailCard","RFValue","RentOrBuyIcon","useInternalTheme","jsx","_jsx","jsxs","_jsxs","SKELETON_COUNT","LOADING_EPISODES","THUMBNAIL_ASPECT_RATIO","CARD_ELEVATION","BORDER_WIDTH","TAB_PADDING_HORIZONTAL","TAB_PADDING_VERTICAL","TAB_MARGIN_RIGHT","CONTAINER_PADDING_HORIZONTAL","CONTAINER_GAP","TEXT_PADDING","TITLE_FONT_SIZE","SUBTITLE_FONT_SIZE","SUBTITLE_LINE_HEIGHT","formatDate","dateString","date","Date","toLocaleDateString","day","month","year","EpisodeCardItem","season_id","season_number","episode","onPress","isDarkMode","theme","style","thumbnailHeight","isLoading","content_offering_type","handlePress","episode_id","_id","episode_number","number","isVerticalMode","width","fullWidth","cardStyle","styles","card","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","backgroundColor","colors","surfaceVariant","flexDirection","borderWidth","borderColor","border","windowWidth","thumbnailStyle","thumbnailCommon","borderRadius","aspectRatio","children","skeletonBaseColor","highlightColor","skeletonHighlightColor","Item","alignItems","paddingLeft","justifyContent","paddingTop","Array","fill","map","_","index","marginTop","activeOpacity","accessibilityRole","accessibilityLabel","name","cardContent","cardGrid","thumbnailUri","thumbnail","resizeMode","cover","textRightHalf","textWrapper","numberOfLines","color","textPrimary","title","onSurface","fontSize","String","padStart","createdAt","description","textSecondary","subtitle","prevProps","nextProps","EpisodeCard","seasons","themeOverride","mode","selectedSeasonIndex","setSelectedSeasonIndex","selectedSeason","cardWidth","Math","min","renderSeasonTab","item","season","tab","button","accessibilityState","selected","tabText","buttonText","renderVerticalEpisodes","episodes","renderEpisodeItem","renderLoadingItem","duration","source_link","trailer_source_link","subtitles","updatedAt","source_type","status","data","container","background","keyExtractor","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","tabsContainer","renderItem","marginRight","listContainer","length","emptyContainer","ListEmptyComponent","create","paddingVertical","gap","paddingHorizontal","fontWeight","overflow","elevation","padding","flex","lineHeight","opacity"],"sourceRoot":"../../../../../../src","sources":["components/ContentView/Two/components/EpisodeCard.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,EAAEC,WAAW,EAAEC,IAAI,QAAQ,OAAO;AACnE,SACEC,IAAI,EACJC,QAAQ,EACRC,gBAAgB,EAChBC,UAAU,QAEL,cAAc;AACrB,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,mBAAmB,MAAM,mCAAmC;AACnE,SAASC,KAAK,EAAEC,aAAa,EAAEC,aAAa,QAAQ,2BAA2B;AAC/E,SAASC,IAAI,QAAQ,wBAAe;AACpC,OAAOC,OAAO,MAAM,8BAA2B;AAE/C,SAASC,aAAa,QAAQ,mDAAgD;AAC9E,SAASC,OAAO,QAAQ,kCAAkC;AAC1D,OAAOC,aAAa,MAAM,mDAAgD;AAC1E,SAASC,gBAAgB,QAAQ,iCAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAO1D;AACA,MAAMC,cAAc,GAAG,CAAC;AACxB,MAAMC,gBAAgB,GAAG,CAAC;AAC1B,MAAMC,sBAAsB,GAAG,EAAE,GAAG,CAAC;AACrC,MAAMC,cAAc,GAAG,CAAC;AACxB,MAAMC,YAAY,GAAGjB,KAAK,CAAC,GAAG,CAAC;AAC/B,MAAMkB,sBAAsB,GAAGlB,KAAK,CAAC,EAAE,CAAC;AACxC,MAAMmB,oBAAoB,GAAGlB,aAAa,CAAC,CAAC,CAAC;AAC7C,MAAMmB,gBAAgB,GAAGpB,KAAK,CAAC,CAAC,CAAC;AACjC,MAAMqB,4BAA4B,GAAGrB,KAAK,CAAC,CAAC,CAAC;AAC7C,MAAMsB,aAAa,GAAGrB,aAAa,CAAC,CAAC,CAAC;AACtC,MAAMsB,YAAY,GAAGvB,KAAK,CAAC,CAAC,CAAC;AAC7B,MAAMwB,eAAe,GAAGlB,OAAO,CAAC,EAAE,CAAC;AACnC,MAAMmB,kBAAkB,GAAGnB,OAAO,CAAC,CAAC,CAAC;AACrC,MAAMoB,oBAAoB,GAAGpB,OAAO,CAAC,EAAE,CAAC;;AAExC;;AA6BA,MAAMqB,UAAU,GAAIC,UAAkB,IAAa;EACjD,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,UAAU,CAAC;EACjC,OAAOC,IAAI,CAACE,kBAAkB,CAAC,OAAO,EAAE;IACtCC,GAAG,EAAE,SAAS;IACdC,KAAK,EAAE,OAAO;IACdC,IAAI,EAAE;EACR,CAAC,CAAC;AACJ,CAAC;;AAED;AACA,MAAMC,eAAe,gBAAG1C,IAAI,CAC1B,CAAC;EACC2C,SAAS;EACTC,aAAa;EACbC,OAAO;EACPC,OAAO;EACPC,UAAU;EACVC,KAAK;EACLC,KAAK;EACLC,eAAe;EACfC,SAAS,GAAG,KAAK;EACjBC;AACoB,CAAC,KAAK;EAC1B,MAAMC,WAAW,GAAGtD,WAAW,CAAC,MAAM;IACpC,IAAI,CAACoD,SAAS,EAAE;MACdL,OAAO,GAAG;QACRH,SAAS;QACTW,UAAU,EAAET,OAAO,CAACU,GAAG;QACvBC,cAAc,EAAEX,OAAO,CAACY;MAC1B,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACd,SAAS,EAAEE,OAAO,CAACU,GAAG,EAAEV,OAAO,CAACY,MAAM,EAAEX,OAAO,EAAEK,SAAS,CAAC,CAAC;EAEhE,MAAMO,cAAc,GAAG5D,OAAO,CAC5B,MAAMmD,KAAK,IAAKA,KAAK,CAASU,KAAK,KAAKhD,OAAO,CAACiD,SAAS,GAAGrD,KAAK,CAAC,EAAE,CAAC,EACrE,CAAC0C,KAAK,CACR,CAAC;EAED,MAAMY,SAAS,GAAG/D,OAAO,CACvB,MAAM,CACJgE,MAAM,CAACC,IAAI,EACXd,KAAK,EACL;IACEe,WAAW,EAAEN,cAAc,GAAG,aAAa,GAAG,MAAM;IACpDO,YAAY,EAAE;MAAEN,KAAK,EAAE,CAAC;MAAEO,MAAM,EAAER,cAAc,GAAG,CAAC,GAAG;IAAE,CAAC;IAC1DS,aAAa,EAAET,cAAc,GAAG,CAAC,GAAG,GAAG;IACvCU,YAAY,EAAEV,cAAc,GAAG,CAAC,GAAG,CAAC;IACpCW,eAAe,EAAEX,cAAc,GAC3B,aAAa,GACbV,KAAK,CAACsB,MAAM,CAACC,cAAc;IAC/BC,aAAa,EAAEd,cAAc,GACxB,KAAK,GACL,QAAkB;IACvBe,WAAW,EAAEf,cAAc,GAAG,CAAC,GAAGX,UAAU,GAAG,CAAC,GAAGvB,YAAY;IAC/DkD,WAAW,EAAEhB,cAAc,GACvB,aAAa,GACbX,UAAU,GACR,aAAa,GACbC,KAAK,CAACsB,MAAM,CAACK;EACrB,CAAC,CACF,EACD,CACE1B,KAAK,EACLS,cAAc,EACdV,KAAK,CAACsB,MAAM,CAACC,cAAc,EAC3BvB,KAAK,CAACsB,MAAM,CAACK,MAAM,EACnB5B,UAAU,CAEd,CAAC;EAED,MAAM6B,WAAW,GAAGjE,OAAO,CAACiD,SAAS;EAErC,MAAMiB,cAAc,GAAG/E,OAAO,CAC5B,MAAM,CACJgE,MAAM,CAACgB,eAAe,EACtBpB,cAAc,GACV;IACEqB,YAAY,EAAEtE,aAAa,CAAC,CAAC,CAAC;IAC9BkD,KAAK,EAAEiB,WAAW,GAAG,IAAI;IACzBI,WAAW,EAAE1D,sBAAsB;IACnC4C,MAAM,EAAEhB;EACV,CAAC,GACD;IAAE6B,YAAY,EAAE,CAAC;IAAEb,MAAM,EAAEhB;EAAgB,CAAC,CACjD,EACD,CAACQ,cAAc,EAAER,eAAe,EAAE0B,WAAW,CAC/C,CAAC;EAED,IAAIzB,SAAS,EAAE;IACb,oBACElC,IAAA,CAAChB,IAAI;MAACgD,KAAK,EAAEY,SAAU;MAAAoB,QAAA,eACrBhE,IAAA,CAACX,mBAAmB;QAClB+D,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACY,iBAAkB;QAChDC,cAAc,EAAEnC,KAAK,CAACsB,MAAM,CAACc,sBAAuB;QAAAH,QAAA,EAEnDvB,cAAc,gBACbvC,KAAA,CAACb,mBAAmB,CAAC+E,IAAI;UACvBb,aAAa,EAAC,KAAK;UACnBc,UAAU,EAAC,YAAY;UACvB3B,KAAK,EAAC,MAAM;UAAAsB,QAAA,gBAEZhE,IAAA,CAACX,mBAAmB,CAAC+E,IAAI;YACvB1B,KAAK,EAAC,KAAK;YACXqB,WAAW,EAAE1D,sBAAuB;YACpCyD,YAAY,EAAEtE,aAAa,CAAC,CAAC;UAAE,CAChC,CAAC,eACFU,KAAA,CAACb,mBAAmB,CAAC+E,IAAI;YACvB1B,KAAK,EAAC,KAAK;YACX4B,WAAW,EAAEhF,KAAK,CAAC,CAAC,CAAE;YACtBiF,cAAc,EAAC,QAAQ;YACvBC,UAAU,EAAElF,KAAK,CAAC,CAAC,CAAE;YAAA0E,QAAA,gBAErBhE,IAAA,CAACX,mBAAmB,CAAC+E,IAAI;cACvB1B,KAAK,EAAC,KAAK;cACXO,MAAM,EAAE1D,aAAa,CAAC,EAAE,CAAE;cAC1BuE,YAAY,EAAEtE,aAAa,CAAC,CAAC;YAAE,CAChC,CAAC,EACDiF,KAAK,CAAC,CAAC,CAAC,CACNC,IAAI,CAAC,CAAC,CAAC,CACPC,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBACZ7E,IAAA,CAACX,mBAAmB,CAAC+E,IAAI;cAEvBU,SAAS,EAAEvF,aAAa,CAAC,CAAC,CAAE;cAC5BmD,KAAK,EAAE,GAAG,EAAE,GAAGmC,KAAK,GAAG,CAAC,GAAI;cAC5B5B,MAAM,EAAE1D,aAAa,CAAC,CAAC,CAAE;cACzBuE,YAAY,EAAEtE,aAAa,CAAC,CAAC;YAAE,GAJ1B,YAAYqF,KAAK,EAKvB,CACF,CAAC;UAAA,CACoB,CAAC;QAAA,CACH,CAAC,gBAE3B7E,IAAA,CAACX,mBAAmB,CAAC+E,IAAI;UACvB1B,KAAK,EAAC,MAAM;UACZO,MAAM,EAAEhB,eAAe,GAAG3C,KAAK,CAAC,EAAE,CAAE;UACpCwE,YAAY,EAAEtE,aAAa,CAAC,CAAC;QAAE,CAChC;MACF,CACkB;IAAC,CAClB,CAAC;EAEX;EAEA,oBACEQ,IAAA,CAACd,gBAAgB;IACf6F,aAAa,EAAE,IAAK;IACpBlD,OAAO,EAAEO,WAAY;IACrBJ,KAAK,EAAEY,SAAU;IACjBoC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAErD,OAAO,CAACsD,IAAI,IAAI,WAAWtD,OAAO,CAACY,MAAM,EAAG;IAAAwB,QAAA,eAEhE9D,KAAA,CAAClB,IAAI;MAACgD,KAAK,EAAE,CAACa,MAAM,CAACsC,WAAW,EAAE1C,cAAc,IAAII,MAAM,CAACuC,QAAQ,CAAE;MAAApB,QAAA,gBACnE9D,KAAA,CAAClB,IAAI;QAACgD,KAAK,EAAE4B,cAAe;QAAAI,QAAA,gBAC1BhE,IAAA,CAACH,aAAa;UACZkC,KAAK,EAAEA,KAAM;UACbI,qBAAqB,EACnBA,qBAAqB,KAAK,aAAa,GACnCA,qBAAqB,GACrBP,OAAO,CAACO;QACb,CACF,CAAC,eACFnC,IAAA,CAACL,aAAa;UACZ0F,YAAY,EAAEzD,OAAO,CAAC0D,SAAU;UAChCvD,KAAK,EAAEA;UACP;UAAA;UACAwD,UAAU,EAAEnG,SAAS,CAACmG,UAAU,CAACC;QAAM,CACxC,CAAC;MAAA,CACE,CAAC,eACPtF,KAAA,CAAClB,IAAI;QACHgD,KAAK,EAAE,CAACS,cAAc,GAAGI,MAAM,CAAC4C,aAAa,GAAG5C,MAAM,CAAC6C,WAAW,CAAE;QAAA1B,QAAA,gBAEpEhE,IAAA,CAACP,IAAI;UACHkG,aAAa,EAAE,CAAE;UACjBC,KAAK,EAAE7D,KAAK,CAACsB,MAAM,CAACwC,WAAY;UAChC7D,KAAK,EAAEa,MAAM,CAACiD,KAAM;UAAA9B,QAAA,EAEnBpC,OAAO,CAACsD,IAAI,IAAI,WAAWtD,OAAO,CAACY,MAAM;QAAE,CACxC,CAAC,eACPtC,KAAA,CAACT,IAAI;UACHmG,KAAK,EAAE7D,KAAK,CAACsB,MAAM,CAAC0C,SAAU;UAC9B/D,KAAK,EAAE;YAAEgE,QAAQ,EAAEpG,OAAO,CAAC,CAAC,CAAC;YAAEkF,SAAS,EAAEvF,aAAa,CAAC,CAAC;UAAE,CAAE;UAAAyE,QAAA,GAE5D,IAAIiC,MAAM,CAACtE,aAAa,CAAC,CAACuE,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,OAAOD,MAAM,CAACrE,OAAO,CAACY,MAAM,CAAC,CAAC0D,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,KAAK,EAC7FtE,OAAO,CAACuE,SAAS,IAAIlF,UAAU,CAACW,OAAO,CAACuE,SAAS,CAAC;QAAA,CAC/C,CAAC,EACN,CAAC,CAACvE,OAAO,CAACwE,WAAW,iBACpBpG,IAAA,CAACP,IAAI;UACHkG,aAAa,EAAElD,cAAc,GAAG,CAAC,GAAG,CAAE;UACtCmD,KAAK,EAAE7D,KAAK,CAACsB,MAAM,CAACgD,aAAc;UAClCrE,KAAK,EAAEa,MAAM,CAACyD,QAAS;UAAAtC,QAAA,EAEtBpC,OAAO,CAACwE;QAAW,CAChB,CACP;MAAA,CACG,CAAC;IAAA,CACH;EAAC,CACS,CAAC;AAEvB,CAAC,EACD,CAACG,SAAS,EAAEC,SAAS,KACnBD,SAAS,CAAC7E,SAAS,KAAK8E,SAAS,CAAC9E,SAAS,IAC3C6E,SAAS,CAAC3E,OAAO,CAACU,GAAG,KAAKkE,SAAS,CAAC5E,OAAO,CAACU,GAAG,IAC/CiE,SAAS,CAACrE,SAAS,KAAKsE,SAAS,CAACtE,SAAS,IAC3CqE,SAAS,CAACtE,eAAe,KAAKuE,SAAS,CAACvE,eAAe,IACvDsE,SAAS,CAACxE,KAAK,KAAKyE,SAAS,CAACzE,KAClC,CAAC;;AAED;AACA,OAAO,MAAM0E,WAAW,gBAAG9H,KAAK,CAACI,IAAI,CACnC,CAAC;EACC2H,OAAO;EACP7E,OAAO;EACPE,KAAK,EAAE4E,aAAa;EACpBzE,SAAS,GAAG,KAAK;EACjB0E,IAAI,GAAG,YAAyC;EAChDzE;AACgB,CAAC,KAAK;EACtB,MAAM;IAAEL,UAAU;IAAEC;EAAM,CAAC,GAAGjC,gBAAgB,CAAC6G,aAAa,CAAC;EAC7D,MAAM,CAACE,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGlI,QAAQ,CAAC,CAAC,CAAC;EACjE,MAAM+E,WAAW,GAAGjE,OAAO,CAACiD,SAAS;EAErC,MAAMoE,cAAc,GAAGlI,OAAO,CAC5B,MAAM6H,OAAO,CAACG,mBAAmB,CAAC,IAAI,IAAI,EAC1C,CAACH,OAAO,EAAEG,mBAAmB,CAC/B,CAAC;EAED,MAAMG,SAAS,GAAGnI,OAAO,CACvB,MACE+H,IAAI,KAAK,YAAY,GACjBK,IAAI,CAACC,GAAG,CAACvD,WAAW,GAAG,IAAI,EAAEnE,aAAa,CAAC,GAAG,CAAC,CAAC,GAChDmE,WAAW,GAAGrE,KAAK,CAAC,EAAE,CAAC,EAC7B,CAACqE,WAAW,EAAEiD,IAAI,CACpB,CAAC;EAED,MAAM3E,eAAe,GAAGpD,OAAO,CAC7B,MAAO+H,IAAI,KAAK,UAAU,GAAGrH,aAAa,CAAC,GAAG,CAAC,GAAGyH,SAAS,IAAI,CAAC,GAAG,EAAE,CAAE,EACvE,CAACA,SAAS,EAAEJ,IAAI,CAClB,CAAC;EAED,MAAMO,eAAe,GAAGrI,WAAW,CACjC,CAAC;IAAEsI,IAAI,EAAEC,MAAM;IAAExC;EAAgD,CAAC,kBAChE7E,IAAA,CAACd,gBAAgB;IAEf6F,aAAa,EAAE,GAAI;IACnBlD,OAAO,EAAEA,CAAA,KAAMiF,sBAAsB,CAACjC,KAAK,CAAE;IAC7C7C,KAAK,EAAE,CACLa,MAAM,CAACyE,GAAG,EACV;MACElE,eAAe,EACbyD,mBAAmB,KAAKhC,KAAK,GACzB9C,KAAK,CAACsB,MAAM,CAACkE,MAAM,GACnBxF,KAAK,CAACsB,MAAM,CAACC,cAAc;MACjCG,WAAW,EAAE1B,KAAK,CAACsB,MAAM,CAACK;IAC5B,CAAC,CACD;IACFsB,iBAAiB,EAAC,KAAK;IACvBwC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEZ,mBAAmB,KAAKhC;IAAM,CAAE;IAChEI,kBAAkB,EAAEoC,MAAM,CAACnC,IAAI,IAAI,UAAUL,KAAK,GAAG,CAAC,EAAG;IAAAb,QAAA,eAEzDhE,IAAA,CAACP,IAAI;MACHuC,KAAK,EAAE,CACLa,MAAM,CAAC6E,OAAO,EACd;QACE9B,KAAK,EACHiB,mBAAmB,KAAKhC,KAAK,GACzB9C,KAAK,CAACsB,MAAM,CAACsE,UAAU,GACvB5F,KAAK,CAACsB,MAAM,CAACwC;MACrB,CAAC,CACD;MAAA7B,QAAA,EAEDqD,MAAM,CAACnC,IAAI,IAAI,UAAUL,KAAK,GAAG,CAAC;IAAE,CACjC;EAAC,GA7BFwC,MAAM,CAAC/E,GA8BI,CACnB,EACD,CAACuE,mBAAmB,EAAE9E,KAAK,CAC7B,CAAC;EAED,MAAM6F,sBAAsB,GAAGA,CAC7BC,QAA4B,EAC5BR,MAAuB,KACpB;IACH,OAAOQ,QAAQ,CAAClD,GAAG,CAAEyC,IAAI,iBACvBpH,IAAA,CAACyB,eAAe;MAEdM,KAAK,EAAEA,KAAM;MACbL,SAAS,EAAE2F,MAAM,CAAC/E,GAAI;MACtBV,OAAO,EAAEwF,IAAK;MACdtF,UAAU,EAAEA,UAAW;MACvBH,aAAa,EAAE0F,MAAM,CAAC1F,aAAc;MACpCE,OAAO,EAAEA,OAAQ;MACjBG,KAAK,EAAE;QAAEU,KAAK,EAAEsE;MAAU,CAAE;MAC5B/E,eAAe,EAAEA,eAAgB;MACjCE,qBAAqB,EAAEA;IAAsB,GATxCiF,IAAI,CAAC9E,GAUX,CACF,CAAC;EACJ,CAAC;EAED,MAAMwF,iBAAiB,GAAGhJ,WAAW,CACnC,CAAC;IAAEsI;EAA2C,CAAC,KAC7CL,cAAc,gBACZ/G,IAAA,CAACyB,eAAe;IACdM,KAAK,EAAEA,KAAM;IACbL,SAAS,EAAEqF,cAAc,CAACzE,GAAI;IAC9BV,OAAO,EAAEwF,IAAK;IACdtF,UAAU,EAAEA,UAAW;IACvBH,aAAa,EAAEoF,cAAc,CAACpF,aAAc;IAC5CE,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE;MAAEU,KAAK,EAAEsE;IAAU,CAAE;IAC5B/E,eAAe,EAAEA,eAAgB;IACjCE,qBAAqB,EAAEA;EAAsB,CAC9C,CAAC,GACA,IAAI,EACV,CACE4E,cAAc,EACdhF,KAAK,EACLD,UAAU,EACVD,OAAO,EACPmF,SAAS,EACT/E,eAAe,EACfE,qBAAqB,CAEzB,CAAC;EAED,MAAM4F,iBAAiB,GAAGjJ,WAAW,CACnC,mBACEkB,IAAA,CAACyB,eAAe;IACdM,KAAK,EAAEA,KAAM;IACbL,SAAS,EAAC,EAAE;IACZI,UAAU,EAAEA,UAAW;IACvBH,aAAa,EAAE,CAAE;IACjBC,OAAO,EAAE;MACPU,GAAG,EAAE,EAAE;MACPE,MAAM,EAAE,CAAC;MACT8C,SAAS,EAAE,EAAE;MACbJ,IAAI,EAAE,EAAE;MACRkB,WAAW,EAAE,EAAE;MACf4B,QAAQ,EAAE,CAAC;MACXC,WAAW,EAAE,EAAE;MACfC,mBAAmB,EAAE,EAAE;MACvBC,SAAS,EAAE,EAAE;MACbhC,SAAS,EAAE,EAAE;MACbiC,SAAS,EAAE,EAAE;MACbC,WAAW,EAAE,KAAK;MAClBlG,qBAAqB,EAAE,MAAM;MAC7BmG,MAAM,EAAE,IAAI;MACZC,IAAI,EAAE;IACR,CAAE;IACF1G,OAAO,EAAEA,OAAQ;IACjBG,KAAK,EAAE;MAAEU,KAAK,EAAEsE;IAAU,CAAE;IAC5B/E,eAAe,EAAEA,eAAgB;IACjCE,qBAAqB,EAAEA,qBAAsB;IAC7CD,SAAS;EAAA,CACV,CACF,EACD,CACEH,KAAK,EACLD,UAAU,EACVD,OAAO,EACPmF,SAAS,EACT/E,eAAe,EACfE,qBAAqB,CAEzB,CAAC;EAED,IAAID,SAAS,EAAE;IACb,oBACEhC,KAAA,CAAClB,IAAI;MACHgD,KAAK,EAAE,CACLa,MAAM,CAAC2F,SAAS,EAChB;QAAEpF,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACoF;MAAW,CAAC,CAC5C;MAAAzE,QAAA,gBAEFhE,IAAA,CAACf,QAAQ;QACPsJ,IAAI,EAAE9D,KAAK,CAACtE,cAAc,CAAC,CAACuE,IAAI,CAAC,CAAC,CAAE;QACpCgE,YAAY,EAAEA,CAAC9D,CAAC,EAAEC,KAAK,KAAK,gBAAgBA,KAAK,EAAG;QACpD8D,UAAU;QACVC,8BAA8B,EAAE,KAAM;QACtCC,qBAAqB,EAAEhG,MAAM,CAACiG,aAAc;QAC5CC,UAAU,EAAEA,CAAA,kBACV/I,IAAA,CAACX,mBAAmB;UAClB+D,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACY,iBAAkB;UAChDC,cAAc,EAAEnC,KAAK,CAACsB,MAAM,CAACc,sBAAuB;UAAAH,QAAA,eAEpDhE,IAAA,CAACX,mBAAmB,CAAC+E,IAAI;YACvB1B,KAAK,EAAEpD,KAAK,CAAC,EAAE,CAAE;YACjB2D,MAAM,EAAE1D,aAAa,CAAC,EAAE,CAAE;YAC1BuE,YAAY,EAAEtE,aAAa,CAAC,EAAE,CAAE;YAChCwJ,WAAW,EAAEtI;UAAiB,CAC/B;QAAC,CACiB;MACrB,CACH,CAAC,eACFV,IAAA,CAACf,QAAQ;QACPsJ,IAAI,EAAE9D,KAAK,CAACrE,gBAAgB,CAAC,CAACsE,IAAI,CAAC,CAAC,CAAC,CAAE;QACvCgE,YAAY,EAAEA,CAAC9D,CAAC,EAAEC,KAAK,KAAK,WAAWA,KAAK,EAAG;QAC/C8D,UAAU,EAAE/B,IAAI,KAAK,YAAa;QAClCgC,8BAA8B,EAAE,KAAM;QACtCC,qBAAqB,EAAEhG,MAAM,CAACoG,aAAc;QAC5CF,UAAU,EAAEhB;MAAkB,CAC/B,CAAC;IAAA,CACE,CAAC;EAEX;EAEA,IAAI,CAACrB,OAAO,EAAEwC,MAAM,IAAI,CAACnC,cAAc,EAAE;IACvC,oBACE/G,IAAA,CAAChB,IAAI;MAACgD,KAAK,EAAEa,MAAM,CAACsG,cAAe;MAAAnF,QAAA,eACjChE,IAAA,CAACP,IAAI;QAACmG,KAAK,EAAE7D,KAAK,CAACsB,MAAM,CAACgD,aAAc;QAAArC,QAAA,EAAC;MAAoB,CAAM;IAAC,CAChE,CAAC;EAEX;EAEA,oBACE9D,KAAA,CAAClB,IAAI;IACHgD,KAAK,EAAE,CAACa,MAAM,CAAC2F,SAAS,EAAE;MAAEpF,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACoF;IAAW,CAAC,CAAE;IAAAzE,QAAA,gBAExEhE,IAAA,CAACf,QAAQ;MACPsJ,IAAI,EAAE7B,OAAQ;MACdqC,UAAU,EAAE5B,eAAgB;MAC5BuB,YAAY,EAAGtB,IAAI,IAAKA,IAAI,CAAC9E,GAAI;MACjCqG,UAAU;MACVC,8BAA8B,EAAE,KAAM;MACtCC,qBAAqB,EAAEhG,MAAM,CAACiG;IAAc,CAC7C,CAAC,EAEDlC,IAAI,KAAK,YAAY,gBACpB5G,IAAA,CAACf,QAAQ;MACPsJ,IAAI,EAAExB,cAAc,CAACc,QAAQ,IAAI,EAAG;MACpCa,YAAY,EAAGtB,IAAI,IAAKA,IAAI,CAAC9E,GAAI;MACjCqG,UAAU;MACVC,8BAA8B,EAAE,KAAM;MACtCC,qBAAqB,EAAEhG,MAAM,CAACoG,aAAc;MAC5CF,UAAU,EAAEjB,iBAAkB;MAC9BsB,kBAAkB,eAChBpJ,IAAA,CAAChB,IAAI;QAACgD,KAAK,EAAEa,MAAM,CAACsG,cAAe;QAAAnF,QAAA,eACjChE,IAAA,CAACP,IAAI;UAACmG,KAAK,EAAE7D,KAAK,CAACsB,MAAM,CAACgD,aAAc;UAAArC,QAAA,EAAC;QAEzC,CAAM;MAAC,CACH;IACP,CACF,CAAC,gBAEFhE,IAAA,CAAChB,IAAI;MAACgD,KAAK,EAAEa,MAAM,CAACoG,aAAc;MAAAjF,QAAA,EAC/B+C,cAAc,CAACc,QAAQ,EAAEqB,MAAM,GAC9BtB,sBAAsB,CAACb,cAAc,CAACc,QAAQ,EAAEd,cAAc,CAAC,gBAE/D/G,IAAA,CAAChB,IAAI;QAACgD,KAAK,EAAEa,MAAM,CAACsG,cAAe;QAAAnF,QAAA,eACjChE,IAAA,CAACP,IAAI;UAACmG,KAAK,EAAE7D,KAAK,CAACsB,MAAM,CAACgD,aAAc;UAAArC,QAAA,EAAC;QAEzC,CAAM;MAAC,CACH;IACP,CACG,CACP;EAAA,CACG,CAAC;AAEX,CACF,CAAC;;AAED;AACA,MAAMnB,MAAM,GAAG1D,UAAU,CAACkK,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,eAAe,EAAE/J,aAAa,CAAC,CAAC,CAAC;IACjCgE,aAAa,EAAE,QAAQ;IACvBgG,GAAG,EAAE3I;EACP,CAAC;EACDkI,aAAa,EAAE;IACbU,iBAAiB,EAAE7I;EACrB,CAAC;EACD2G,GAAG,EAAE;IACHkC,iBAAiB,EAAEhJ,sBAAsB;IACzC8I,eAAe,EAAE7I,oBAAoB;IACrCqD,YAAY,EAAEtE,aAAa,CAAC,EAAE,CAAC;IAC/BwJ,WAAW,EAAEtI,gBAAgB;IAC7B8C,WAAW,EAAEjD;EACf,CAAC;EACDmH,OAAO,EAAE;IACP1B,QAAQ,EAAElF,eAAe;IACzB2I,UAAU,EAAE;EACd,CAAC;EACDR,aAAa,EAAE;IACbO,iBAAiB,EAAE7I,4BAA4B;IAC/C4I,GAAG,EAAE3I;EACP,CAAC;EACDkC,IAAI,EAAE;IACJgB,YAAY,EAAEtE,aAAa,CAAC,CAAC,CAAC;IAC9BkK,QAAQ,EAAE,QAAQ;IAClBC,SAAS,EAAErJ;EACb,CAAC;EACD6E,WAAW,EAAE;IACX5B,aAAa,EAAE,QAAQ;IACvBb,KAAK,EAAE;EACT,CAAC;EACD0C,QAAQ,EAAE;IACR7B,aAAa,EAAE,KAAK;IACpBc,UAAU,EAAE;EACd,CAAC;EACDR,eAAe,EAAE;IACf6F,QAAQ,EAAE,QAAQ;IAClBtG,eAAe,EAAE,MAAM;IACvBV,KAAK,EAAE;EACT,CAAC;EACD4C,SAAS,EAAE;IACT5C,KAAK,EAAE,MAAM;IACbO,MAAM,EAAE;EACV,CAAC;EACDyC,WAAW,EAAE;IACXkE,OAAO,EAAE/I;EACX,CAAC;EACD4E,aAAa,EAAE;IACboE,IAAI,EAAE,CAAC;IACPnH,KAAK,EAAE,KAAK;IACZ8G,iBAAiB,EAAE3I,YAAY;IAC/B0D,cAAc,EAAE;EAClB,CAAC;EACDuB,KAAK,EAAE;IACLE,QAAQ,EAAElF,eAAe;IACzB2I,UAAU,EAAE;EACd,CAAC;EACDnD,QAAQ,EAAE;IACRN,QAAQ,EAAEjF,kBAAkB;IAC5B+I,UAAU,EAAE9I,oBAAoB;IAChC+I,OAAO,EAAE,GAAG;IACZjF,SAAS,EAAEvF,aAAa,CAAC,CAAC;EAC5B,CAAC;EACD4J,cAAc,EAAE;IACdS,OAAO,EAAEjJ,4BAA4B;IACrC0D,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ContentView/Two/components/GenreTags.js

@@ -0,0 +1,86 @@
+"use strict";
+
+/**
+ * @author Ashok Desai
+ * @lastModified Tue 13 Jun 2025 at 02:28 PM
+ */
+
+import React, { useMemo } from 'react';
+import { useSkeletonItems } from "../../../../hooks/useSkeletonItems.js";
+import { View, StyleSheet } from 'react-native';
+import { Text } from "../../../Text/index.js";
+import SkeletonPlaceholder from 'react-native-skeleton-placeholder';
+import { scale, verticalScale } from 'react-native-size-matters';
+import { RFValue } from 'react-native-responsive-fontsize';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const GenreTags = /*#__PURE__*/React.memo(({
+  genres,
+  theme,
+  isLoading = false,
+  style
+}) => {
+  const skeletonItems = useSkeletonItems(3, i => i + 1);
+  const tagTextStyle = useMemo(() => [styles.tagText, {
+    color: theme.colors.textPrimary
+  }, style?.tagText], [theme.colors.textPrimary, style?.tagText]);
+  const containerStyleMemo = useMemo(() => StyleSheet.flatten([styles.tagRow, style?.container]), [style?.container]);
+  if (isLoading || !genres?.length) {
+    return /*#__PURE__*/_jsx(SkeletonPlaceholder, {
+      backgroundColor: theme.colors.skeletonBaseColor,
+      highlightColor: theme.colors.skeletonHighlightColor,
+      borderRadius: scale(16),
+      children: /*#__PURE__*/_jsx(View, {
+        style: containerStyleMemo,
+        children: skeletonItems.map((_, idx) => /*#__PURE__*/_jsx(View, {
+          style: StyleSheet.flatten([styles.skeletonTag, style?.skeletonTag])
+        }, idx))
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: containerStyleMemo,
+    children: genres.map((tag, idx) => /*#__PURE__*/_jsxs(View, {
+      style: styles.inlineRow,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: tagTextStyle,
+        numberOfLines: 1,
+        ellipsizeMode: "tail",
+        children: tag?.name || String(tag)
+      }), idx < genres.length - 1 && /*#__PURE__*/_jsx(Text, {
+        style: [styles.separator, {
+          color: theme.colors.textPrimary
+        }],
+        children: "|"
+      })]
+    }, idx))
+  });
+});
+const styles = StyleSheet.create({
+  tagRow: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    marginTop: verticalScale(10),
+    paddingHorizontal: scale(10),
+    marginVertical: verticalScale(6)
+  },
+  inlineRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  tagText: {
+    fontSize: RFValue(12),
+    maxWidth: scale(110)
+  },
+  separator: {
+    marginHorizontal: scale(6),
+    fontSize: RFValue(12),
+    opacity: 0.7
+  },
+  skeletonTag: {
+    width: scale(56),
+    height: scale(24),
+    borderRadius: scale(14),
+    marginRight: scale(6)
+  }
+});
+//# sourceMappingURL=GenreTags.js.map

package/lib/module/components/ContentView/Two/components/GenreTags.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useSkeletonItems","View","StyleSheet","Text","SkeletonPlaceholder","scale","verticalScale","RFValue","jsx","_jsx","jsxs","_jsxs","GenreTags","memo","genres","theme","isLoading","style","skeletonItems","i","tagTextStyle","styles","tagText","color","colors","textPrimary","containerStyleMemo","flatten","tagRow","container","length","backgroundColor","skeletonBaseColor","highlightColor","skeletonHighlightColor","borderRadius","children","map","_","idx","skeletonTag","tag","inlineRow","numberOfLines","ellipsizeMode","name","String","separator","create","flexDirection","flexWrap","marginTop","paddingHorizontal","marginVertical","alignItems","fontSize","maxWidth","marginHorizontal","opacity","width","height","marginRight"],"sourceRoot":"../../../../../../src","sources":["components/ContentView/Two/components/GenreTags.tsx"],"mappings":"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","ignoreList":[]}