@amityco/react-native-social-uikit 4.0.0-df1703f8.0 → 4.0.0-e0eb8745.0

package/lib/module/social/features/story/Draft/components/HyperLinkConfig.js

@@ -44,6 +44,31 @@ const HyperlinkConfig = ({
   const onClosed = useCallback(() => {
     setIsVisibleModal(false);
   }, [setIsVisibleModal]);
+  const handleCancel = useCallback(() => {
+    const hasChanges = url !== ((hyperlinkItem === null || hyperlinkItem === void 0 ? void 0 : hyperlinkItem.url) ?? '') || customizedText !== ((hyperlinkItem === null || hyperlinkItem === void 0 ? void 0 : hyperlinkItem.customText) ?? '');
+    if (hasChanges) {
+      Alert.alert('Unsaved changes', "Are you sure you want to cancel? Your changes won't be saved.", [{
+        text: 'No',
+        style: 'cancel'
+      }, {
+        text: 'Yes',
+        style: 'destructive',
+        onPress: () => {
+          if (hyperlinkItem) {
+            setUrl(hyperlinkItem.url);
+            setCustomizedText(hyperlinkItem.customText);
+          } else {
+            reset();
+          }
+          setUrlErrorMessage(null);
+          setCustomTextErrorMessage(null);
+          onClosed();
+        }
+      }]);
+    } else {
+      onClosed();
+    }
+  }, [url, customizedText, hyperlinkItem, onClosed, reset]);
   const handleUrl = useCallback(text => {
     setUrlErrorMessage(null);
     setUrl(text);
@@ -114,7 +139,10 @@ const HyperlinkConfig = ({
     style: styles.titleContainer
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.flexContainer
-  }), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(Text, {
+    onPress: handleCancel,
+    style: styles.cancel
+  }, "Cancel")), /*#__PURE__*/React.createElement(View, {
     style: styles.flexContainer
   }, /*#__PURE__*/React.createElement(Text, {
     style: styles.title
@@ -131,6 +159,8 @@ const HyperlinkConfig = ({
     size: "small",
     color: theme.colors.base
   }), /*#__PURE__*/React.createElement(View, {
+    style: styles.contentContainer
+  }, /*#__PURE__*/React.createElement(View, {
     style: [styles.inputContainer, url.length > 0 && urlErrorMessage && styles.alertBorderColor]
   }, /*#__PURE__*/React.createElement(Text, {
     style: styles.label
@@ -165,18 +195,20 @@ const HyperlinkConfig = ({
     style: styles.inValidUrl
   }, customTextErrorMessage) : /*#__PURE__*/React.createElement(Text, {
     style: styles.note
-  }, "This Text will show on the link instead of URL."), hyperlinkItem && /*#__PURE__*/React.createElement(View, {
-    style: styles.inputContainer
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, "This Text will show on the link instead of URL."), hyperlinkItem && /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.removeLinkContainer
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: styles.deleteHyperlinkContainer,
     onPress: onPressDeleteHyperlink
   }, /*#__PURE__*/React.createElement(SvgXml, {
     xml: storyDraftDeletHyperLink(),
-    width: "24",
-    height: "24"
+    width: "20",
+    height: "20"
   }), /*#__PURE__*/React.createElement(Text, {
     style: styles.removeLink
-  }, "Remove link")))));
+  }, "Remove link")), /*#__PURE__*/React.createElement(View, {
+    style: styles.removeLinkDivider
+  })))));
 };
 export default /*#__PURE__*/memo(HyperlinkConfig);
 //# sourceMappingURL=HyperLinkConfig.js.map

package/lib/module/social/features/story/Draft/components/HyperLinkConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","useCallback","useState","ActivityIndicator","Alert","KeyboardAvoidingView","Platform","Text","TextInput","TouchableOpacity","View","Modal","useTheme","useStyles","useConfig","ComponentID","ElementID","PageID","checkURLValidation","useAuth","SvgXml","storyDraftDeletHyperLink","HyperlinkConfig","isVisibleModal","onHyperLinkSubmit","setIsVisibleModal","hyperlinkItem","_getUiKitConfig","styles","theme","getUiKitConfig","url","setUrl","client","customizedText","setCustomizedText","customText","loading","setLoading","urlErrorMessage","setUrlErrorMessage","customTextErrorMessage","setCustomTextErrorMessage","invalidURLText","blockedURLText","blockedCustomText","configDoneText","page","StoryPage","component","HyperLinkConfig","element","DoneBtn","done_button_text","reset","onClosed","handleUrl","text","isValid","handleCustomText","validateHyperlinkUrl","length","validatedUrl","validateUrls","catch","validateHyperlinkText","validatedCustomText","validateTexts","validateHyperlink","validUrl","validText","onSubmit","onDeleteHyperlink","onPressDeleteHyperlink","alert","onPress","style","React","createElement","bottomSheet","isOpen","position","swipeToClose","swipeArea","backButtonClose","coverScreen","behavior","OS","commentBottomSheet","handleBar","titleContainer","flexContainer","title","done","activeDone","disabled","horizontalSperator","animating","size","color","colors","base","inputContainer","alertBorderColor","label","requiredSign","defaultValue","onChangeText","input","placeholder","placeholderTextColor","baseShade2","onFocus","inValidUrl","rowContainer","textCount","maxLength","note","deleteHyperlinkContainer","xml","width","height","removeLink"],"sourceRoot":"../../../../../../../src","sources":["social/features/story/Draft/components/HyperLinkConfig.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useCallback","useState","ActivityIndicator","Alert","KeyboardAvoidingView","Platform","Text","TextInput","TouchableOpacity","View","Modal","useTheme","useStyles","useConfig","ComponentID","ElementID","PageID","checkURLValidation","useAuth","SvgXml","storyDraftDeletHyperLink","HyperlinkConfig","isVisibleModal","onHyperLinkSubmit","setIsVisibleModal","hyperlinkItem","_getUiKitConfig","styles","theme","getUiKitConfig","url","setUrl","client","customizedText","setCustomizedText","customText","loading","setLoading","urlErrorMessage","setUrlErrorMessage","customTextErrorMessage","setCustomTextErrorMessage","invalidURLText","blockedURLText","blockedCustomText","configDoneText","page","StoryPage","component","HyperLinkConfig","element","DoneBtn","done_button_text","reset","onClosed","handleCancel","hasChanges","alert","text","style","onPress","handleUrl","isValid","handleCustomText","validateHyperlinkUrl","length","validatedUrl","validateUrls","catch","validateHyperlinkText","validatedCustomText","validateTexts","validateHyperlink","validUrl","validText","onSubmit","onDeleteHyperlink","onPressDeleteHyperlink","React","createElement","bottomSheet","isOpen","position","swipeToClose","swipeArea","backButtonClose","coverScreen","behavior","OS","commentBottomSheet","handleBar","titleContainer","flexContainer","cancel","title","done","activeDone","disabled","horizontalSperator","animating","size","color","colors","base","contentContainer","inputContainer","alertBorderColor","label","requiredSign","defaultValue","onChangeText","input","placeholder","placeholderTextColor","baseShade2","onFocus","inValidUrl","rowContainer","textCount","maxLength","note","removeLinkContainer","deleteHyperlinkContainer","xml","width","height","removeLink","removeLinkDivider"],"sourceRoot":"../../../../../../../src","sources":["social/features/story/Draft/components/HyperLinkConfig.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/story/Draft/styles.js

@@ -10,7 +10,8 @@ export const useStyles = () => {
     container: {
       flex: 1,
       width: '100%',
-      backgroundColor: theme.colors.base
+      height: '100%',
+      backgroundColor: '#000'
     },
     backBtn: {
       position: 'absolute',
@@ -38,21 +39,17 @@ export const useStyles = () => {
       borderRadius: 50
     },
     imageContainer: {
-      maxHeight: height * 0.8,
-      height: width * (16 / 9),
+      maxHeight: height * 0.9,
+      height: '85%',
       width: width,
       borderRadius: 20,
       backgroundColor: theme.colors.baseShade4,
       justifyContent: 'center',
       overflow: 'hidden'
     },
-    aspect_ratio: {
-      width: '100%',
-      height: '100%'
-    },
     image: {
       width: '100%',
-      height: '60%'
+      height: '100%'
     },
     shareStoryBtn: {
       marginTop: 16,
@@ -89,31 +86,36 @@ export const useStyles = () => {
       right: 24
     },
     hyperlinkContainer: {
-      backgroundColor: theme.colors.baseShade3,
-      borderRadius: 50,
-      paddingHorizontal: 24,
-      paddingVertical: 8,
+      backgroundColor: 'rgba(255,255,255,0.8)',
+      borderRadius: 24,
+      borderWidth: 1,
+      borderColor: theme.colors.baseShade4,
+      paddingLeft: 12,
+      paddingRight: 16,
+      paddingVertical: 10,
       flexDirection: 'row',
       alignItems: 'center',
       alignSelf: 'center',
+      gap: 8,
       position: 'absolute',
       bottom: '20%'
     },
     hyperlinkText: {
-      marginLeft: 8,
-      fontSize: 14,
+      fontSize: 15,
       color: theme.colors.base
     },
     hyperLinkIcon: {
       width: 32,
-      height: 32
+      height: 32,
+      color: theme.colors.primary
     },
     handleBar: {
-      width: 0.15 * width,
-      backgroundColor: theme.colors.baseShade4,
-      height: 5,
+      width: 36,
+      backgroundColor: theme.colors.baseShade3,
+      height: 4,
       marginVertical: 10,
-      borderRadius: 10
+      borderRadius: 10,
+      alignSelf: 'center'
     },
     titleContainer: {
       flexDirection: 'row',
@@ -126,50 +128,57 @@ export const useStyles = () => {
       flex: 1
     },
     title: {
-      fontSize: 16,
+      fontSize: 17,
       fontWeight: 'bold',
       color: theme.colors.base,
       textAlign: 'center'
     },
     done: {
-      fontSize: 16,
-      fontWeight: 'bold',
-      color: theme.colors.baseShade2,
+      fontSize: 15,
+      color: theme.colors.primaryShade2,
       textAlign: 'right'
     },
+    cancel: {
+      fontSize: 15,
+      color: theme.colors.base
+    },
     activeDone: {
       color: theme.colors.primary
     },
     horizontalSperator: {
       width: '100%',
       backgroundColor: theme.colors.baseShade4,
-      height: 2,
+      height: 1,
       marginVertical: 10
     },
+    contentContainer: {
+      paddingHorizontal: 16
+    },
     commentBottomSheet: {
-      alignItems: 'center',
       height: '100%'
     },
     inputContainer: {
-      width: '85%',
+      alignSelf: 'stretch',
       borderBottomWidth: 1,
-      borderBottomColor: theme.colors.base,
-      paddingVertical: 12
+      borderBottomColor: theme.colors.baseShade4,
+      paddingTop: 24,
+      paddingBottom: 16
     },
     rowContainer: {
       width: '100%',
       flexDirection: 'row',
       justifyContent: 'space-between',
-      alignItems: 'center'
+      alignItems: 'center',
+      marginBottom: 16
     },
     textCount: {
-      marginVertical: 24,
-      color: theme.colors.baseShade1
+      fontSize: 13,
+      color: theme.colors.baseShade3
     },
     label: {
-      fontSize: 16,
+      fontSize: 17,
       color: theme.colors.base,
-      marginVertical: 24,
+      marginBottom: 16,
       alignSelf: 'flex-start',
       fontWeight: 'bold'
     },
@@ -179,33 +188,52 @@ export const useStyles = () => {
     input: {
       padding: 0,
       width: '100%',
-      fontSize: 14,
+      fontSize: 15,
       color: theme.colors.base
     },
     note: {
-      color: theme.colors.baseShade1,
-      alignSelf: 'flex-start',
-      marginLeft: 28,
+      color: theme.colors.baseShade3,
       marginTop: 8
     },
     inValidUrl: {
       color: theme.colors.alert,
-      alignSelf: 'flex-start',
-      marginLeft: 28,
       marginTop: 8
     },
     removeLink: {
       color: theme.colors.alert,
-      fontSize: 14,
-      marginLeft: 8
+      fontSize: 15
+    },
+    removeLinkContainer: {
+      marginTop: 32
     },
     deleteHyperlinkContainer: {
       flexDirection: 'row',
-      marginTop: 28,
-      alignItems: 'center'
+      alignItems: 'center',
+      gap: 8,
+      paddingTop: 8,
+      paddingBottom: 12
+    },
+    removeLinkDivider: {
+      height: 1,
+      backgroundColor: theme.colors.baseShade4,
+      marginHorizontal: 16
     },
     alertBorderColor: {
-      borderBlockColor: theme.colors.alert
+      borderBottomColor: theme.colors.alert
+    },
+    storyGradient: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%'
+    },
+    blurredBackground: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      width: '100%',
+      height: '100%'
     }
   });
   return styles;

package/lib/module/social/features/story/Draft/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","useWindowDimensions","Platform","useTheme","useStyles","theme","width","height","styles","create","container","flex","backgroundColor","colors","base","backBtn","position","top","select","ios","android","left","aspectRatioBtn","right","aspectRationIcon","avatar","borderRadius","imageContainer","maxHeight","baseShade4","justifyContent","overflow","aspect_ratio","image","shareStoryBtn","marginTop","marginRight","alignSelf","flexDirection","alignItems","paddingHorizontal","paddingVertical","background","borderColor","borderWidth","shareStoryTxt","color","fontSize","marginHorizontal","bottomSheet","borderTopLeftRadius","borderTopRightRadius","hyperLinkBtn","hyperlinkContainer","baseShade3","bottom","hyperlinkText","marginLeft","hyperLinkIcon","handleBar","marginVertical","titleContainer","flexContainer","title","fontWeight","textAlign","done","baseShade2","activeDone","primary","horizontalSperator","commentBottomSheet","inputContainer","borderBottomWidth","borderBottomColor","rowContainer","textCount","baseShade1","label","requiredSign","alert","input","padding","note","inValidUrl","removeLink","deleteHyperlinkContainer","alertBorderColor","borderBlockColor"],"sourceRoot":"../../../../../../src","sources":["social/features/story/Draft/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","useWindowDimensions","Platform","useTheme","useStyles","theme","width","height","styles","create","container","flex","backgroundColor","backBtn","position","top","select","ios","android","left","aspectRatioBtn","right","aspectRationIcon","avatar","borderRadius","imageContainer","maxHeight","colors","baseShade4","justifyContent","overflow","image","shareStoryBtn","marginTop","marginRight","alignSelf","flexDirection","alignItems","paddingHorizontal","paddingVertical","background","borderColor","base","borderWidth","shareStoryTxt","color","fontSize","marginHorizontal","bottomSheet","borderTopLeftRadius","borderTopRightRadius","hyperLinkBtn","hyperlinkContainer","paddingLeft","paddingRight","gap","bottom","hyperlinkText","hyperLinkIcon","primary","handleBar","baseShade3","marginVertical","titleContainer","flexContainer","title","fontWeight","textAlign","done","primaryShade2","cancel","activeDone","horizontalSperator","contentContainer","commentBottomSheet","inputContainer","borderBottomWidth","borderBottomColor","paddingTop","paddingBottom","rowContainer","marginBottom","textCount","label","requiredSign","alert","input","padding","note","inValidUrl","removeLink","removeLinkContainer","deleteHyperlinkContainer","removeLinkDivider","alertBorderColor","storyGradient","blurredBackground"],"sourceRoot":"../../../../../../src","sources":["social/features/story/Draft/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/story/View/View.js

@@ -7,6 +7,7 @@ import useAuth from '../../../../core/hooks/useAuth';
 import { ImageSizeState } from '../../../enums';
 import { CommunityRepository } from '@amityco/ts-sdk-react-native';
 import AmityViewStoryItem from './components/AmityViewStoryItem';
+import { defaultCommunityAvatarUri } from '../../../../core/assets';
 const AmityViewStoryPage = ({
   targetId,
   targetType,
@@ -14,14 +15,17 @@ const AmityViewStoryPage = ({
   onPressCommunityName,
   onPressAvatar,
   currentPage,
-  index
+  index,
+  onNavigateToUser
 }) => {
   var _currentStory$creator;
   const {
     client
   } = useAuth();
   const userId = client.userId;
-  const hasStoryPermission = useStoryPermission(targetId);
+  const {
+    hasStoryPermission
+  } = useStoryPermission(targetId);
   const styles = useStyles();
   const {
     getStories,
@@ -86,9 +90,10 @@ const AmityViewStoryPage = ({
         setCommunityData(data);
         const avatarUrl = await getImage({
           fileId: data.avatarFileId,
-          imageSize: ImageSizeState.small
+          imageSize: ImageSizeState.small,
+          type: 'community'
         });
-        setCommunityAvatar(avatarUrl);
+        setCommunityAvatar(avatarUrl ?? defaultCommunityAvatarUri);
       }
     });
   }, [getImage, targetId]);
@@ -126,7 +131,8 @@ const AmityViewStoryPage = ({
       current: current,
       hasStoryPermission: hasStoryPermission,
       onPressAvatar: onPressAvatar,
-      onPressCommunityName: onPressCommunityName
+      onPressCommunityName: onPressCommunityName,
+      onNavigateToUser: onNavigateToUser
     });
   }
   return null;

package/lib/module/social/features/story/View/View.js.map

@@ -1 +1 @@
-{"version":3,"names":["ActivityIndicator","View","memo","useCallback","useLayoutEffect","useState","useFile","useStory","useStoryPermission","useStyles","isCommunityModerator","useAuth","ImageSizeState","CommunityRepository","AmityViewStoryItem","AmityViewStoryPage","targetId","targetType","onFinish","onPressCommunityName","onPressAvatar","currentPage","index","_currentStory$creator","client","userId","hasStoryPermission","styles","getStories","stories","loading","getImage","storyData","setStoryData","current","setCurrent","currentStory","isOwner","creator","communityData","setCommunityData","communityAvatar","setCommunityAvatar","isModerator","setIsModerator","hasStoryImpressionPermission","options","orderBy","sortBy","unSeenStory","findIndex","story","isSeen","mappedStory","map","i","finish","isMod","communityId","getCommunity","error","err","fetching","data","avatarUrl","fileId","avatarFileId","imageSize","small","_storyData$current","length","analytics","markAsSeen","close","state","onClose","React","createElement","style","spinnerContainer","animating","size","color","key","storyId"],"sourceRoot":"../../../../../../src","sources":["social/features/story/View/View.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ActivityIndicator","View","memo","useCallback","useLayoutEffect","useState","useFile","useStory","useStoryPermission","useStyles","isCommunityModerator","useAuth","ImageSizeState","CommunityRepository","AmityViewStoryItem","defaultCommunityAvatarUri","AmityViewStoryPage","targetId","targetType","onFinish","onPressCommunityName","onPressAvatar","currentPage","index","onNavigateToUser","_currentStory$creator","client","userId","hasStoryPermission","styles","getStories","stories","loading","getImage","storyData","setStoryData","current","setCurrent","currentStory","isOwner","creator","communityData","setCommunityData","communityAvatar","setCommunityAvatar","isModerator","setIsModerator","hasStoryImpressionPermission","options","orderBy","sortBy","unSeenStory","findIndex","story","isSeen","mappedStory","map","i","finish","isMod","communityId","getCommunity","error","err","fetching","data","avatarUrl","fileId","avatarFileId","imageSize","small","type","_storyData$current","length","analytics","markAsSeen","close","state","onClose","React","createElement","style","spinnerContainer","animating","size","color","key","storyId"],"sourceRoot":"../../../../../../src","sources":["social/features/story/View/View.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/story/View/components/AmityViewStoryItem.js

@@ -1,9 +1,11 @@
 import { ActivityIndicator, Alert, Animated, Image, KeyboardAvoidingView, Linking, Platform, Text, TouchableOpacity, TouchableWithoutFeedback, View } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
 import { memo, useCallback, useRef, useState } from 'react';
 import { useConfigImageUri, useStory } from '../../../../hooks';
 import { useStyles } from '../styles';
 import Video from 'react-native-video';
 import { seenIcon, storyCircleCreatePlusIcon, storyCommentIcon, storyHyperLinkIcon, storyLikeIcon, storyLikedIcon, storyThreedotsMenu } from '../../../../../core/assets/icons/xml';
+import { trash } from '../../../../../core/assets/icons';
 import { SvgXml } from 'react-native-svg';
 import Modal from 'react-native-modalbox';
 import { ComponentID, ElementID, PageID } from '../../../../enums';
@@ -34,9 +36,10 @@ const AmityViewStoryItem = ({
   current,
   hasStoryPermission,
   onPressAvatar,
-  onPressCommunityName
+  onPressCommunityName,
+  onNavigateToUser
 }) => {
-  var _currentStory$items$, _getUiKitConfig, _getUiKitConfig2, _getUiKitConfig3, _getUiKitConfig4, _currentStory$imageDa, _currentStory$videoDa, _currentStory$videoDa2, _currentStory$data, _currentStory$data2, _currentStory$imageDa2, _currentStory$data3, _currentStory$data4;
+  var _currentStory$items$, _getUiKitConfig, _getUiKitConfig2, _getUiKitConfig3, _getUiKitConfig4, _currentStory$imageDa, _currentStory$videoDa, _currentStory$imageDa2, _currentStory$data, _currentStory$data2, _currentStory$data3, _currentStory$videoDa2, _currentStory$data4, _currentStory$data5, _currentStory$data6, _currentStory$data7;
   const styles = useStyles();
   const theme = useTheme();
   const {
@@ -180,6 +183,10 @@ const AmityViewStoryItem = ({
     startAnimation();
     setPressed(false);
   }, [startAnimation]);
+  const onNavigateFromComment = useCallback(userId => {
+    onClosedCommentSheet();
+    onNavigateToUser && onNavigateToUser(userId);
+  }, [onClosedCommentSheet, onNavigateToUser]);
   const deleteStory = useCallback(async () => {
     setLoading(true);
     try {
@@ -249,9 +256,17 @@ const AmityViewStoryItem = ({
   }, [deleteStory, progress]);
   const isFailedImageUpload = (currentStory === null || currentStory === void 0 ? void 0 : currentStory.dataType) === 'image' && ((currentStory === null || currentStory === void 0 ? void 0 : currentStory.syncState) === 'error' || (currentStory === null || currentStory === void 0 ? void 0 : currentStory.syncState) === 'syncing' || !(currentStory !== null && currentStory !== void 0 && (_currentStory$imageDa = currentStory.imageData) !== null && _currentStory$imageDa !== void 0 && _currentStory$imageDa.fileUrl));
   const isFailedVideoUpload = (currentStory === null || currentStory === void 0 ? void 0 : currentStory.dataType) === 'video' && ((currentStory === null || currentStory === void 0 ? void 0 : currentStory.syncState) === 'error' || (currentStory === null || currentStory === void 0 ? void 0 : currentStory.syncState) === 'syncing' || !(currentStory !== null && currentStory !== void 0 && (_currentStory$videoDa = currentStory.videoData) !== null && _currentStory$videoDa !== void 0 && _currentStory$videoDa.fileUrl));
+  const imageUri = (currentStory === null || currentStory === void 0 || (_currentStory$imageDa2 = currentStory.imageData) === null || _currentStory$imageDa2 === void 0 ? void 0 : _currentStory$imageDa2.fileUrl) || (typeof (currentStory === null || currentStory === void 0 || (_currentStory$data = currentStory.data) === null || _currentStory$data === void 0 ? void 0 : _currentStory$data.fileData) === 'string' ? currentStory === null || currentStory === void 0 || (_currentStory$data2 = currentStory.data) === null || _currentStory$data2 === void 0 ? void 0 : _currentStory$data2.fileData : '');
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container]
-  }, /*#__PURE__*/React.createElement(SafeAreaView, null, /*#__PURE__*/React.createElement(View, {
+  }, (currentStory === null || currentStory === void 0 ? void 0 : currentStory.dataType) === 'image' && (currentStory === null || currentStory === void 0 || (_currentStory$data3 = currentStory.data) === null || _currentStory$data3 === void 0 ? void 0 : _currentStory$data3.imageDisplayMode) !== 'fill' && /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: imageUri
+    },
+    style: styles.blurredBackground,
+    resizeMode: "cover",
+    blurRadius: 20
+  }), /*#__PURE__*/React.createElement(SafeAreaView, null, /*#__PURE__*/React.createElement(View, {
     style: styles.backgroundContainer
   }, (currentStory === null || currentStory === void 0 ? void 0 : currentStory.dataType) === 'video' ? /*#__PURE__*/React.createElement(Video, {
     onLoadStart: () => setLoad(true),
@@ -259,7 +274,7 @@ const AmityViewStoryItem = ({
       currentTime
     }) => setCurrentSeek(currentTime),
     source: {
-      uri: (currentStory === null || currentStory === void 0 || (_currentStory$videoDa2 = currentStory.videoData) === null || _currentStory$videoDa2 === void 0 ? void 0 : _currentStory$videoDa2.fileUrl) || (typeof (currentStory === null || currentStory === void 0 || (_currentStory$data = currentStory.data) === null || _currentStory$data === void 0 ? void 0 : _currentStory$data.fileData) === 'string' ? currentStory === null || currentStory === void 0 || (_currentStory$data2 = currentStory.data) === null || _currentStory$data2 === void 0 ? void 0 : _currentStory$data2.fileData : '')
+      uri: (currentStory === null || currentStory === void 0 || (_currentStory$videoDa2 = currentStory.videoData) === null || _currentStory$videoDa2 === void 0 ? void 0 : _currentStory$videoDa2.fileUrl) || (typeof (currentStory === null || currentStory === void 0 || (_currentStory$data4 = currentStory.data) === null || _currentStory$data4 === void 0 ? void 0 : _currentStory$data4.fileData) === 'string' ? currentStory === null || currentStory === void 0 || (_currentStory$data5 = currentStory.data) === null || _currentStory$data5 === void 0 ? void 0 : _currentStory$data5.fileData : '')
     },
     style: styles.video,
     resizeMode: "contain",
@@ -268,19 +283,30 @@ const AmityViewStoryItem = ({
     paused: pressed,
     onLoad: handleLoadVideo,
     muted: muted
-  }) : (currentStory === null || currentStory === void 0 ? void 0 : currentStory.dataType) === 'image' ? /*#__PURE__*/React.createElement(Image, {
+  }) : (currentStory === null || currentStory === void 0 ? void 0 : currentStory.dataType) === 'image' ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Image, {
     onLoadStart: () => setLoad(true),
     onLoadEnd: () => start(),
     source: {
-      uri: (currentStory === null || currentStory === void 0 || (_currentStory$imageDa2 = currentStory.imageData) === null || _currentStory$imageDa2 === void 0 ? void 0 : _currentStory$imageDa2.fileUrl) || (typeof (currentStory === null || currentStory === void 0 || (_currentStory$data3 = currentStory.data) === null || _currentStory$data3 === void 0 ? void 0 : _currentStory$data3.fileData) === 'string' ? currentStory === null || currentStory === void 0 || (_currentStory$data4 = currentStory.data) === null || _currentStory$data4 === void 0 ? void 0 : _currentStory$data4.fileData : '')
+      uri: imageUri
     },
     style: [styles.image,
     // eslint-disable-next-line react-native/no-inline-styles
     isFailedImageUpload && {
       opacity: 0.6
     }],
-    resizeMode: "contain"
-  }) : null, load && /*#__PURE__*/React.createElement(View, {
+    resizeMode: (currentStory === null || currentStory === void 0 || (_currentStory$data6 = currentStory.data) === null || _currentStory$data6 === void 0 ? void 0 : _currentStory$data6.imageDisplayMode) === 'fill' ? 'cover' : 'contain'
+  }), (currentStory === null || currentStory === void 0 || (_currentStory$data7 = currentStory.data) === null || _currentStory$data7 === void 0 ? void 0 : _currentStory$data7.imageDisplayMode) === 'fill' && /*#__PURE__*/React.createElement(LinearGradient, {
+    colors: ['rgba(0, 0, 0, 0.4)', 'transparent', 'rgba(0, 0, 0, 0.4)'],
+    start: {
+      x: 0,
+      y: 0
+    },
+    end: {
+      x: 0,
+      y: 1
+    },
+    style: styles.storyGradient
+  })) : null, load && /*#__PURE__*/React.createElement(View, {
     style: styles.spinnerContainer
   }, /*#__PURE__*/React.createElement(ActivityIndicator, {
     size: "large",
@@ -481,7 +507,8 @@ const AmityViewStoryItem = ({
     postType: "story",
     disabledComment: !(communityData !== null && communityData !== void 0 && communityData.allowCommentInStory),
     disabledInteraction: !(communityData !== null && communityData !== void 0 && communityData.isJoined),
-    onNavigate: onClose
+    onNavigate: onNavigateFromComment,
+    withAvatar: true
   }))), /*#__PURE__*/React.createElement(BottomSheet, {
     ref: sheetRef,
     onClose: onCloseBottomSheet,
@@ -493,7 +520,12 @@ const AmityViewStoryItem = ({
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: styles.deleteBtn,
     onPress: onPressDelete
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(SvgXml, {
+    xml: trash(),
+    width: 24,
+    height: 24,
+    color: theme.colors.base
+  }), /*#__PURE__*/React.createElement(Text, {
     style: styles.deleteStoryTxt
   }, "Delete story")))), /*#__PURE__*/React.createElement(LoadingOverlay, {
     isLoading: loading