@amityco/react-native-social-uikit 4.0.0-06cc633.0 → 4.0.0-42bcb43.0

package/src/redux/store/index.ts

@@ -10,21 +10,13 @@ import {
   createStoreHook,
   createDispatchHook,
   createSelectorHook,
-  ReactReduxContextValue,
 } from 'react-redux';
-import { AnyAction } from 'redux';
 
-export const AmityUIKitReduxContext = createContext<
-  ReactReduxContextValue<any, AnyAction>
->(null as any);
+export const AmityUIKitReduxContext = createContext(null);
 
-export const useUIKitStore = createStoreHook(AmityUIKitReduxContext as any);
-export const useUIKitDispatch = createDispatchHook(
-  AmityUIKitReduxContext as any
-);
-export const useUIKitSelector = createSelectorHook(
-  AmityUIKitReduxContext as any
-);
+export const useUIKitStore = createStoreHook(AmityUIKitReduxContext);
+export const useUIKitDispatch = createDispatchHook(AmityUIKitReduxContext);
+export const useUIKitSelector = createSelectorHook(AmityUIKitReduxContext);
 
 export const store: Store = configureStore({
   reducer: {

package/src/v4/PublicApi/Components/AmityCreatePostMenuComponent/AmityCreatePostMenuComponent.tsx

@@ -17,7 +17,7 @@ interface AmityCreatePostMenuComponentProps {
 const AmityCreatePostMenuComponent = ({
   pageId = PageID.WildCardPage,
   componentId = ComponentID.WildCardComponent,
-}: AmityCreatePostMenuComponentProps): React.JSX.Element => {
+}: AmityCreatePostMenuComponentProps): JSX.Element => {
   const navigation = useNavigation<StackNavigationProp<RootStackParamList>>();
   const { themeStyles } = useAmityComponent({ pageId, componentId });
 

package/src/v4/PublicApi/Components/AmityPostCommentComponent/AmityPostCommentComponent.tsx

@@ -48,7 +48,7 @@ type AmityPostCommentComponentType = {
   disabledInteraction?: boolean;
   setReplyUserName?: (arg: string) => void;
   setReplyCommentId?: (arg: string) => void;
-  ListHeaderComponent?: React.JSX.Element;
+  ListHeaderComponent?: JSX.Element;
 };
 
 const commentListLimit = 10;

package/src/v4/PublicApi/Components/AmityThumbnailActionComponent/AmityThumbnailActionComponent.tsx

@@ -16,7 +16,7 @@ const AmityThumbnailActionComponent = ({
   onChangeThumbnail,
   onDeleteThumbnail,
   pageId = PageID.WildCardPage,
-}: AmityThumbnailActionComponentProps): React.JSX.Element => {
+}: AmityThumbnailActionComponentProps): JSX.Element => {
   const componentId = ComponentID.thumbnail_action;
   const { themeStyles } = useAmityComponent({ pageId, componentId });
   const styles = useStyles(themeStyles);

package/src/v4/component/MyStories/StoryTargetView.tsx

@@ -24,7 +24,7 @@ const StoryTargetView: FC<IStorytargetView> = ({
   setViewStory,
   onClose,
 }) => {
-  const cube = useRef<CubeNavigationHorizontal | AndroidCubeEffect>(null);
+  const cube = useRef<CubeNavigationHorizontal | AndroidCubeEffect>();
   const communityId = globalStoryTargets[currentCommunityIndex].targetId;
   const hasStoryPermission = useStoryPermission(communityId);
 

package/src/v4/component/RenderTextWithMention/RenderTextWithMention.tsx

@@ -82,7 +82,7 @@ const RenderTextWithMention: React.FC<IrenderTextWithMention> = ({
   }
 
   let currentPosition = 0;
-  const result: (string | React.JSX.Element)[][] = heightlightTextPositions.map(
+  const result: (string | JSX.Element)[][] = heightlightTextPositions.map(
     ({ index, length, userId, link }, i) => {
       // Add non-highlighted text before the mention
       const nonHighlightedText = textPost.slice(currentPosition, index);

package/src/v4/component/StoryKit/src/Story.tsx

@@ -22,7 +22,7 @@ export const Story = ({
   const [isModalOpen, setIsModalOpen] = useState<boolean>(false);
   const [currentPage, setCurrentPage] = useState<number>(0);
   const [selectedData, setSelectedData] = useState<IUserStory[]>([]);
-  const cube = useRef<CubeNavigationHorizontal | AndroidCubeEffect>(null);
+  const cube = useRef<CubeNavigationHorizontal | AndroidCubeEffect>();
   // Component Functions
   const _handleStoryItemPress = (item: IUserStory, index?: number) => {
     if (item?.stories?.length === 0) return;

package/src/v4/component/StoryKit/src/StoryListItem.tsx

@@ -152,7 +152,7 @@ export const StoryListItem = ({
   }, [myReactions, reactionCounts]);
 
   useEffect(() => {
-    let isPrevious = !!prevCurrentPage && +prevCurrentPage > +currentPage;
+    let isPrevious = !!prevCurrentPage && prevCurrentPage > currentPage;
     if (isPrevious) {
       setCurrent(content.length - 1);
     } else {
@@ -180,12 +180,12 @@ export const StoryListItem = ({
     if (!isNullOrWhitespace(prevCurrent)) {
       if (prevCurrent) {
         if (
-          +current > +prevCurrent &&
+          current > prevCurrent &&
           content[current - 1].story_image === content[current].story_image
         ) {
           start();
         } else if (
-          +current < +prevCurrent &&
+          current < prevCurrent &&
           content[current + 1].story_image === content[current].story_image
         ) {
           start();

package/src/v4/component/StoryKit/src/helpers/StateHelpers.ts

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react';
 
 export function usePrevious(value: any) {
-  const ref = useRef(null);
+  const ref = useRef();
   useEffect(() => {
     ref.current = value;
   });

package/src/v4/elements/ChangeThumbnailButton/ChangeThumbnailButton.tsx

@@ -16,7 +16,7 @@ const ChangeThumbnailButton = ({
   pageId = PageID.WildCardPage,
   componentId = ComponentID.WildCardComponent,
   ...props
-}: ChangeThumbnailButtonProps): React.JSX.Element => {
+}: ChangeThumbnailButtonProps): JSX.Element => {
   const { themeStyles, config } = useAmityElement({
     pageId,
     componentId,

package/src/v4/elements/DeleteThumbnailButton/DeleteThumbnailButton.tsx

@@ -16,7 +16,7 @@ const ChangeThumbnailButton = ({
   pageId = PageID.WildCardPage,
   componentId = ComponentID.WildCardComponent,
   ...props
-}: ChangeThumbnailButtonProps): React.JSX.Element => {
+}: ChangeThumbnailButtonProps): JSX.Element => {
   const { themeStyles, config } = useAmityElement({
     pageId,
     componentId,