be-components 5.1.8 → 5.1.9

package/src/SocialComponents/api/index.ts

@@ -1,6 +1,6 @@
 import axios from "axios";
 import { APIOverrides } from "../../ApiOverrides";
-import type { AthleteProps, EventProps, LeagueProps, MatchProps, OrderProps, PlayerFollowerProps, PlayerPodcastEpisodeProps, PlayerPodcastProps, PodcastEpisodesProps, PodcastProps, PostReactionProps, PublicPlayerProps, TextTagProps, TeamProps, TournamentProps } from "../../types";
+import type { AthleteProps, EventProps, LeagueProps, MatchProps, OrderProps, PlayerFollowerProps, PlayerPodcastEpisodeProps, PlayerPodcastProps, PodcastEpisodesProps, PodcastProps, PostReactionProps, PublicPlayerProps, TextTagProps, TeamProps, TournamentProps, GroupProps, GroupMessageProps, GroupPlayerProps, MyPlayerProps, URLMetadataProps, PostProps, ArticleProps } from "../../types";
 import Colors from "../../constants/colors";
 import moment from "moment-mini";
 
@@ -27,6 +27,15 @@ const SocialComponentApi = {
             return []
         }
     },
+    getPlayersByIds: async(player_ids:string[]):Promise<PublicPlayerProps[]> => {
+        try {
+            if(player_ids.length == 0){ return [] }
+            const resp = await axios.post(`${AUTH_SVC_API}/v1/players/bulk/get`, { player_ids });
+            return resp.data.players
+        } catch (e) {
+            return []
+        }
+    },
     reverseOrder: async(order:OrderProps):Promise<OrderProps | undefined> => {
         try {
             const resp = await axios.post(`${MK_SVC_API}/v1/orders/order/reverse`, { order })
@@ -43,6 +52,54 @@ const SocialComponentApi = {
         const resp = await axios.post(`${SOCIAL_SVC_API}/v1/followers/player/create`, { player_follower })
         return resp.data.player_follower
     },
+    getPostById: async(memo_post_id:string):Promise<PostProps | undefined> => {
+        try {
+            const resp = await axios.get(`${SOCIAL_SVC_API}/v1/posts/post/${memo_post_id}`);
+            return resp.data.post
+        } catch (e) {
+            console.log(e)
+            return undefined
+        }
+    },
+    getMyAction:async():Promise<OrderProps[]> => {
+        try {
+            const resp = await axios.get(`${MK_SVC_API}/v1/orders/action/me`);
+            return resp.data.orders
+        } catch (e) {
+            console.log(e);
+            return []
+        }
+    },
+    getBulkOrders: async(order_ids:string[]):Promise<OrderProps[]> => {
+        try {
+            if(order_ids.length == 0){ return [] }
+            const resp = await axios.post(`${MK_SVC_API}/v1/orders/bulk/get`, { order_ids });
+            return resp.data.orders
+        } catch (e) {
+            console.log('error ggetting orders')
+            return []
+        }
+    },
+    createPost: async(post:PostProps):Promise<PostProps | undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v1/posts/post/create`, { post });
+            console.log(resp.data)
+            return resp.data.post
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    },
+    updatePost: async(post:PostProps):Promise<PostProps | undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v1/posts/post/update`, { post });
+            console.log(resp.data)
+            return resp.data.post
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    },
     getEventsByEventIds: async(event_ids:string[]):Promise<EventProps[]> => {
         if(event_ids.length == 0){ return [] }
         try {
@@ -70,6 +127,15 @@ const SocialComponentApi = {
             return []
         }
     },
+    getMyDetails: async():Promise<MyPlayerProps|undefined> => {
+        try {
+            const resp = await axios.get(`${AUTH_SVC_API}/v1/players/player/me`)
+            return resp.data.player
+        } catch (e) {
+            return undefined
+        }
+
+    },
     getMatchesByMatchIds: async(match_ids:string[]):Promise<MatchProps[]> => {
         if(match_ids.length == 0){ return [] }
         try {
@@ -115,6 +181,16 @@ const SocialComponentApi = {
             return undefined
         }
     },
+    getUrlMetadata: async(url:string):Promise<URLMetadataProps | undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v1/posts/link/preview`, { url });
+            console.log(resp.data)
+            return resp.data.link_preview
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    },
     updatePostReaction : async(post_reaction:PostReactionProps):Promise<PostReactionProps|undefined> => {
         try {
             const resp = await axios.post(`${SOCIAL_SVC_API}/v1/posts/reaction/update`, { post_reaction })
@@ -167,7 +243,33 @@ const SocialComponentApi = {
             console.log(e)
             return undefined
         }
-    }
+    },
+    getChat: async(player_id:string):Promise<{ group:GroupProps, group_messages:GroupMessageProps[], group_players:GroupPlayerProps[] }|undefined> => {
+        try {
+            const resp = await axios.get(`${SOCIAL_SVC_API}/v1/groups/chat/direct/${player_id}`)
+            return resp.data
+        } catch (e) {
+            return undefined
+        }
+    },
+    getGroupById: async(group_id:string):Promise<{ group:GroupProps, group_messages:GroupMessageProps[], group_players:GroupPlayerProps[] }|undefined> => {
+        try {
+            const resp = await axios.get(`${SOCIAL_SVC_API}/v1/groups/group/${group_id}`);
+            return resp.data
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    },
+    sendChat: async(group_message:GroupMessageProps) => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v1/groups/message/create`, { group_message });
+            return resp.data.group_message
+        } catch (e) {
+            console.log(e)
+            return undefined
+        }
+    },
 }
 
 
@@ -251,6 +353,214 @@ const SocialOrderHelpers = {
 }
 
 const SocialComponentHelpers = {
+    getPostsData: async(posts:PostProps[]):Promise<{ posts:PostProps[], orders:OrderProps[], players:PublicPlayerProps[], articles:ArticleProps[] }> => {
+        try {
+            let player_ids:string[] = []
+            let order_ids:string[] = []
+            let article_ids:string[] = []
+            
+            //Map through the posts and add everything we need!
+            posts.map(p => {
+                player_ids.push(p.player_id);
+                if(p.tags){ p.tags.map(t => {
+                    if(t.type == 'player'){ player_ids.push(t.tag_type_id ?? '0') }
+                    //Add more functionality
+                }) }
+                if(p.memo_articles){ p.memo_articles.map(a => article_ids.push(a)) }
+                if(p.memo_orders){ p.memo_orders.map(o => order_ids.push(o)) }
+            });
+
+            order_ids = [  ...new Set(order_ids.map(id => id)) ]
+            player_ids = [  ...new Set(player_ids.map(id => id)) ]
+            article_ids = [  ...new Set(article_ids.map(id => id)) ]
+
+            let players = await SocialComponentApi.getPlayersByIds(player_ids);
+            let orders = await SocialComponentApi.getBulkOrders(order_ids);
+
+            //Lets now map back through if there are any tags and we should add the tag for them!
+            posts = posts.map(p => {
+                if(!p.tags){ return p }
+                p.tags = p.tags.map(t => {
+                    if(t.type == 'player'){
+                        let player = players.find(p => p.player_id == t.tag_type_id)
+                        t.data = player
+                    }
+                    return t
+                });
+                return p
+            });
+            return { posts, players: players, orders:orders, articles:[] }
+        } catch (e) {
+            console.log(e);
+            return { posts, players:[], orders:[], articles:[] }
+        }
+    },
+    organizeImages:(images:any[], containerWidth:number, maxHeight:number, padding = 10, minWidth = 100) => {
+        // Calculate aspect ratios and add to image objects
+        const imagesWithRatio = images.map(img => ({
+            ...img,
+            aspectRatio: img.width / img.height
+        }));
+    
+        // Sort by aspect ratio for consistency
+        imagesWithRatio.sort((a, b) => a.aspectRatio - b.aspectRatio);
+    
+        const rows = [];
+        let currentRow = [];
+        //const ratioThreshold = 0.3; // Used as a preference, not a hard requirement
+    
+        for (const image of imagesWithRatio) {
+            currentRow.push(image);
+            
+            const rowFit = SocialComponentHelpers.calculateRowFit(currentRow, containerWidth, maxHeight, padding, minWidth);
+            
+            // Only split if row doesn't fit and we have more than one image
+            if (!rowFit.fits && currentRow.length > 1) {
+                currentRow.pop();
+                rows.push(SocialComponentHelpers.adjustRow(currentRow, containerWidth, maxHeight, padding, minWidth));
+                currentRow = [image];
+            }
+        }
+    
+        if (currentRow.length > 0) {
+            rows.push(SocialComponentHelpers.adjustRow(currentRow, containerWidth, maxHeight, padding, minWidth));
+        }
+    
+        return rows;
+    },
+    
+    // Helper function to check if row fits
+    calculateRowFit: (row:any, containerWidth:number, maxHeight:number, padding:number, minWidth:number) => {
+        const totalPadding = (row.length + 1) * padding;
+        const availableWidth = containerWidth - totalPadding;
+        
+        let totalMinWidth = 0;
+        row.forEach((img:any) => {
+            const heightForMinWidth = minWidth / img.aspectRatio;
+            const height = Math.min(maxHeight, heightForMinWidth);
+            totalMinWidth += Math.max(minWidth, height * img.aspectRatio);
+        });
+    
+        return {
+            fits: totalMinWidth <= availableWidth,
+            totalWidth: totalMinWidth + totalPadding
+        };
+    },
+    
+    // Helper function to adjust images in a row
+    adjustRow:(row:any, containerWidth:number, maxHeight:number, padding:number, minWidth:number) => {
+        const totalPadding = (row.length + 1) * padding;
+        const availableWidth = containerWidth - totalPadding;
+        
+        let totalAspectRatio = row.reduce((sum:any, img:any) => sum + img.aspectRatio, 0);
+        let rowHeight = availableWidth / totalAspectRatio;
+        
+        if (rowHeight > maxHeight) {
+            rowHeight = maxHeight;
+        }
+    
+        return row.map((img:any) => {
+            let scaledWidth = rowHeight * img.aspectRatio;
+            let scaledHeight = rowHeight;
+    
+            if (scaledWidth < minWidth) {
+                scaledWidth = minWidth;
+                scaledHeight = minWidth / img.aspectRatio;
+            }
+    
+            return {
+                ...img,
+                scaledWidth: scaledWidth,
+                scaledHeight: scaledHeight,
+                paddingLeft: padding,
+                paddingRight: padding
+            };
+        });
+    },
+    getEmptyPost: ():PostProps => {
+        return {
+            memo_post_id: '',
+            title: '',
+            body: '',
+            formatted_text:'',
+            tags:[],
+            memo_competitions:[],
+            memo_urls: [],
+            memo_events: [],
+            memo_hashtags:[],
+            memo_images:[],
+            memo_location: {},
+            memo_orders: [],
+            memo_players: [],
+            memo_positions:[],
+            memo_teams:[],
+            memo_topics:[],
+            memo_videos:[],
+            memo_article_feeds:[],
+            memo_articles:[],
+            memo_podcast_episodes:[],
+            memo_podcasts:[],
+            memo_polls:[],
+            status: 'active',
+            player_id: '',
+            post_type: 'memo',
+            edited: false,
+            external_social_id:'',
+            url_metadata:[],
+            url_preview: undefined,
+            my_reactions:[],
+            comment_count: 0,
+            reaction_details:[],
+            comment_details:[],
+            create_datetime:'',
+            last_update_datetime:''
+        }
+    },
+    isPostValid: (post?:PostProps):boolean => {
+        if(!post){ return false }
+        if(!post.title){ return false }
+        if(!post.body){ return false }
+        if(!post.formatted_text){ return false }
+        return true
+    },
+    getUrlsFromString: (str:string) => {
+        const regex = /https?:\/\/(?:[a-zA-Z0-9-]+\.)+[a-zA-Z0-9]{2,}(?:\/[^\s]*)?(\?[^\s]*)?(#[^\s]*)?/;
+        let res = str.match(regex)
+        if(res && res[0]){ 
+            let url = res[0]
+            url = url.replace(/[.,!?;]+$/, '');
+            return url
+        }
+        return undefined
+    },
+    getEmptyMessage:():GroupMessageProps => {
+        return {
+            group_message_id: '',
+            group_id: '',
+            player_id: '',
+            message: '',
+            formatted_text: '',
+            create_datetime:'',
+            last_update_datetime:'',
+            message_images:[],
+            message_orders:[],
+            message_urls:[],
+            message_videos:[],
+            url_metadata:[],
+            status:'published',
+            visibility_status:true,
+            formatted_body: {
+                blocks: [],
+                entityMap: {
+                    value: {
+                        type:'',
+                        mutability: '',
+                        data: {}
+                    }
+                }
+            }
+        }
+    },
     extractTagsFromText: (text:string, cursor?:number):TextTagProps[] => {
         let tags:TextTagProps[] = []
         let split_text = text.split(' ');
@@ -288,7 +598,39 @@ const SocialComponentHelpers = {
 
 
         return final_tags
-    }
+    },
+    addTagsToMessages: async(gms:GroupMessageProps[]):Promise<GroupMessageProps[]> => {
+        try {
+            if(gms.length == 0){ return [] }
+            let gms_with_tags = gms.filter(m => m.tags && m.tags.length > 0);
+            if(gms_with_tags.length == 0){ return gms }
+            let player_ids:string[] = []
+            gms_with_tags.map(gm => {
+                if(!gm.tags || gm.tags.length == 0){ return }
+                let gm_player_ids = gm.tags.filter(t => t.type == 'player' && t.tag_type_id).map(t => t.tag_type_id ?? '');
+                player_ids = player_ids.concat(gm_player_ids);
+            });
+            let players = await SocialComponentApi.getPlayersByIds(player_ids);
+
+            gms = gms.map(gm => {
+                if(!gm.tags || gm.tags.length == 0){ return gm }
+                gm.tags = gm.tags.map(tag => {
+                    switch(tag.type){
+                        case 'player':
+                            let player = players.find(p => p.player_id == tag.tag_type_id);
+                            if(!player){ return tag }
+                            return { ...tag, data: player }
+                        default: return tag
+                    }
+                })
+                return gm
+            })
+            return gms
+        } catch (e) {
+            console.log('unable');
+            return gms
+        }
+    },
 }
 
 const SocialPodcastHelpers = {

package/src/SocialComponents/index.tsx

@@ -9,16 +9,20 @@ import PostCard from './PostCard';
 import FormattedTextInput from "./FormattedTextInput";
 import { FormattedText } from "./FormattedTextInput/FormattedText";
 import InputBar from "./InputBar";
+import GroupChat from "./GroupChat";
+import Poster from "./Poster";
 
 export {
     PlayerCard,
     PlayerList,
     FormattedTextInput,
     InputBar,
+    Poster,
     FormattedText,
     PlayerProfile,
     CompanyProfile,
     PodcastModule,
+    GroupChat,
     AudioPlayer,
     useContacts,
     PostCard

package/src/types.d.ts

@@ -500,6 +500,62 @@ export interface PlayerFollowerStatsProps {
     team_member_count:number
 }
 
+//GROUPS
+
+export interface GroupProps {
+    group_id:string, 
+    type: 'direct' | 'multiple', 
+    description:string, 
+    related_id?:string, 
+    related_type?:string, 
+    name:string, 
+    invite_only: boolean, 
+    invite_code?:string,
+    group_image?:any, 
+    order_alerts:boolean, 
+    position_alerts:boolean, 
+    leaderboard_ind:boolean, 
+    competition_alerts:boolean, 
+    group_admin:string,
+    last_message?:string, 
+    create_datetime:any, 
+    status:string,
+    last_update_datetime:any,
+    last_message_datetime?:any
+}
+
+export interface GroupPlayerProps {
+    group_player_id:string, 
+    group_id:string, 
+    player_id:string, 
+    create_datetime:any, 
+    status:'invited'|'active'|'inactive', 
+    last_update_datetime:any, 
+}
+
+export interface GroupMessageProps {
+    group_message_id:string, 
+    group_id:string, 
+    player_id:string, 
+    message:string, 
+    formatted_body:RawDraftJSProps, 
+    formatted_text: any,
+    tags?:TextTagProps[],
+    status:'published'|'hidden', 
+    visibility_status:boolean, 
+    related_message_id?:string|undefined, 
+    related_content_type?:string | undefined, 
+    related_content?:any,
+    related_content_id?:string | undefined, 
+    message_orders?:string[],
+    message_urls?:string[],
+    message_images?:any[],
+    message_videos?:any[],
+    url_metadata?:any[],
+    create_datetime:any, 
+    last_update_datetime:any
+}
+
 export interface TextTagProps {
     local_id:string,
     type: 'player' | string,
@@ -2253,6 +2309,8 @@ export interface PostProps {
     memo_post_id:string, 
     player_id:string, 
     title:string, 
+    formatted_text?:string,
+    tags?:TextTagProps[],
     body:string, 
     formatted_body?: RawDraftJSProps, 
     status:'active'|'hidden',