be-components 5.1.8 → 5.1.9

package/lib/typescript/src/SocialComponents/ImageRenderer.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+type ImageRendererProps = {
+    image: {
+        url: string;
+        height?: number;
+        width?: number;
+    };
+    style?: any;
+    width: number;
+    max_height?: number;
+    allow_aspect_change?: boolean;
+    onSelectImage?: (image: {
+        url: string;
+        height?: number;
+        width?: number;
+        [key: string]: any;
+    }) => void;
+};
+declare const ImageRenderer: ({ image, width, onSelectImage, max_height, style, allow_aspect_change }: ImageRendererProps) => React.JSX.Element;
+export default ImageRenderer;
+//# sourceMappingURL=ImageRenderer.d.ts.map

package/lib/typescript/src/SocialComponents/ImageRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/SocialComponents/ImageRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,kBAAkB,GAAG;IACtB,KAAK,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,CAAC,EAAC,MAAM,CAAC;QAAC,KAAK,CAAC,EAAC,MAAM,CAAA;KAAE,CAAC;IACrD,KAAK,CAAC,EAAC,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAC,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAC,CAAC,KAAK,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,CAAC,EAAC,MAAM,CAAC;QAAC,KAAK,CAAC,EAAC,MAAM,CAAC;QAAC,CAAC,GAAG,EAAC,MAAM,GAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAA;CACjG,CAAA;AACD,QAAA,MAAM,aAAa,4EAA4E,kBAAkB,sBA2BhH,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/typescript/src/SocialComponents/InputBar/components/ActionSelector.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { OrderProps } from '../../../types';
+type ActionSelectProps = {
+    visible: boolean;
+    onClose: () => void;
+    onTagOrder: (order: OrderProps) => void;
+    insets?: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+};
+declare const ActionSelector: ({ visible, insets, onClose, onTagOrder }: ActionSelectProps) => React.JSX.Element;
+export default ActionSelector;
+//# sourceMappingURL=ActionSelector.d.ts.map

package/lib/typescript/src/SocialComponents/InputBar/components/ActionSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/SocialComponents/InputBar/components/ActionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAqD,UAAU,EAA8B,MAAM,gBAAgB,CAAC;AAIhI,KAAK,iBAAiB,GAAG;IACrB,OAAO,EAAC,OAAO,CAAC;IAChB,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,UAAU,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAA;CACnE,CAAA;AAGD,QAAA,MAAM,cAAc,6CAA6C,iBAAiB,sBAiJjF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/typescript/src/SocialComponents/InputBar/index.d.ts

@@ -1,11 +1,20 @@
 import React from 'react';
+import type { OrderProps } from '../../types';
 type InputBarProps = {
     actions: string[];
+    width: number;
+    insets?: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
     onImageUpload: (image: {
         url: string;
         [key: string]: any;
     }) => void;
+    onTagOrder?: (order: OrderProps) => void;
 };
-declare const InputBar: ({ actions, onImageUpload }: InputBarProps) => React.JSX.Element;
+declare const InputBar: ({ actions, insets, onImageUpload, onTagOrder }: InputBarProps) => React.JSX.Element;
 export default InputBar;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/SocialComponents/InputBar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/SocialComponents/InputBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,aAAa,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,CAAC,GAAG,EAAC,MAAM,GAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAA;CACnE,CAAA;AAED,QAAA,MAAM,QAAQ,+BAAiC,aAAa,sBA+B3D,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/SocialComponents/InputBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,KAAK,aAAa,GAAG;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAC,MAAM,CAAC;IACb,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAC;IACjE,aAAa,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,CAAC,GAAG,EAAC,MAAM,GAAE,GAAG,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,UAAU,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CACzC,CAAA;AAED,QAAA,MAAM,QAAQ,mDAAqD,aAAa,sBA4D/E,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/typescript/src/SocialComponents/PostCard/components/ArticleCard.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=ArticleCard.d.ts.map

package/lib/typescript/src/SocialComponents/PostCard/components/ArticleCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleCard.d.ts","sourceRoot":"","sources":["../../../../../../src/SocialComponents/PostCard/components/ArticleCard.tsx"],"names":[],"mappings":""}

package/lib/typescript/src/SocialComponents/PostCard/components/ImageList.d.ts

@@ -4,6 +4,6 @@ type ImageListProps = {
     images: any[];
     width: number;
 };
-declare const ImageList: ({ post_id, width, images }: ImageListProps) => React.JSX.Element;
+declare const ImageList: ({ width, images }: ImageListProps) => React.JSX.Element;
 export default ImageList;
 //# sourceMappingURL=ImageList.d.ts.map

package/lib/typescript/src/SocialComponents/PostCard/components/ImageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageList.d.ts","sourceRoot":"","sources":["../../../../../../src/SocialComponents/PostCard/components/ImageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,cAAc,GAAG;IAClB,OAAO,EAAC,MAAM,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,KAAK,EAAC,MAAM,CAAA;CACf,CAAA;AACD,QAAA,MAAM,SAAS,+BAA+B,cAAc,sBAmC3D,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"ImageList.d.ts","sourceRoot":"","sources":["../../../../../../src/SocialComponents/PostCard/components/ImageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,KAAK,cAAc,GAAG;IAClB,OAAO,EAAC,MAAM,CAAC;IACf,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,KAAK,EAAC,MAAM,CAAC;CAChB,CAAA;AACD,QAAA,MAAM,SAAS,sBAAsB,cAAc,sBAwClD,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/typescript/src/SocialComponents/PostCard/index.d.ts

@@ -1,17 +1,19 @@
 import React from 'react';
-import type { ArticleProps, OrderProps, PostProps, PublicPlayerProps } from '../../types';
+import type { ArticleProps, OrderProps, PostProps, PublicPlayerProps, TextTagProps } from '../../types';
 type PostCardProps = {
     post: PostProps;
     player?: PublicPlayerProps;
     articles: ArticleProps[];
     orders: OrderProps[];
     player_id?: string;
+    width: number;
+    onSelectTag: (tag: TextTagProps) => void;
     onSelectPlayer: (p: PublicPlayerProps) => void;
     onRequestAuthenticate: () => void;
     onCopyOrder?: (order: OrderProps) => void;
     onFadeOrder?: (order: OrderProps) => void;
     onViewComments?: (post_id: string) => void;
 };
-declare const PostCard: ({ player_id, post, player, orders, onRequestAuthenticate, onCopyOrder, onFadeOrder, onViewComments, onSelectPlayer }: PostCardProps) => React.JSX.Element;
+declare const PostCard: ({ player_id, width, articles, post, player, orders, onRequestAuthenticate, onCopyOrder, onFadeOrder, onViewComments, onSelectPlayer, onSelectTag }: PostCardProps) => React.JSX.Element;
 export default PostCard;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/SocialComponents/PostCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/SocialComponents/PostCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAwB,SAAS,EAA6C,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAc3J,KAAK,aAAa,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAC,iBAAiB,CAAC;IAC1B,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,MAAM,EAAC,UAAU,EAAE,CAAC;IACpB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,cAAc,EAAC,CAAC,CAAC,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAC7C,qBAAqB,EAAC,MAAM,IAAI,CAAC;IACjC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAC,CAAC,OAAO,EAAC,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AACD,QAAA,MAAM,QAAQ,yHAAyH,aAAa,sBA2JnJ,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/SocialComponents/PostCard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAwB,SAAS,EAA6C,iBAAiB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAkBzK,KAAK,aAAa,GAAG;IACjB,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,CAAC,EAAC,iBAAiB,CAAC;IAC1B,QAAQ,EAAC,YAAY,EAAE,CAAC;IACxB,MAAM,EAAC,UAAU,EAAE,CAAC;IACpB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,KAAK,EAAC,MAAM,CAAC;IACb,WAAW,EAAC,CAAC,GAAG,EAAC,YAAY,KAAK,IAAI,CAAC;IACvC,cAAc,EAAC,CAAC,CAAC,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAC7C,qBAAqB,EAAC,MAAM,IAAI,CAAC;IACjC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAC,CAAC,OAAO,EAAC,MAAM,KAAK,IAAI,CAAA;CAC3C,CAAA;AAID,QAAA,MAAM,QAAQ,uJAAuJ,aAAa,sBAoNjL,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/typescript/src/SocialComponents/Poster/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { PostProps } from '../../types';
+type PosterProps = {
+    width: number;
+    post_id?: string;
+    insets?: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    onCreatePost: (post: PostProps) => void;
+};
+declare const Poster: ({ width, post_id, insets, onCreatePost }: PosterProps) => React.JSX.Element;
+export default Poster;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/SocialComponents/Poster/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/SocialComponents/Poster/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAc,SAAS,EAAmC,MAAM,aAAa,CAAC;AAQ1F,KAAK,WAAW,GAAG;IACf,KAAK,EAAC,MAAM,CAAC;IACb,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAA;KAAE,CAAC;IACjE,YAAY,EAAC,CAAC,IAAI,EAAC,SAAS,KAAK,IAAI,CAAA;CACxC,CAAA;AAGD,QAAA,MAAM,MAAM,6CAA8C,WAAW,sBAiPpE,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/typescript/src/SocialComponents/SocialOrderCard.d.ts

@@ -10,9 +10,10 @@ type SocialOrderCardProps = {
     maxWidth?: number;
     team?: TeamProps;
     league?: LeagueProps;
+    onTagOrder?: (order: OrderProps) => void;
     onCopyOrder?: (order: OrderProps) => void;
     onFadeOrder?: (order: OrderProps) => void;
 };
-declare const SocialOrderCard: ({ player, show_player, maxWidth, league, team, athlete, order, contest_title, contest_time, onCopyOrder, onFadeOrder }: SocialOrderCardProps) => React.JSX.Element;
+declare const SocialOrderCard: ({ player, show_player, maxWidth, league, team, athlete, order, contest_title, contest_time, onTagOrder, onCopyOrder, onFadeOrder }: SocialOrderCardProps) => React.JSX.Element;
 export default SocialOrderCard;
 //# sourceMappingURL=SocialOrderCard.d.ts.map

package/lib/typescript/src/SocialComponents/SocialOrderCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialOrderCard.d.ts","sourceRoot":"","sources":["../../../../src/SocialComponents/SocialOrderCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAQpG,KAAK,oBAAoB,GAAG;IACxB,MAAM,CAAC,EAAC,iBAAiB,CAAC;IAC1B,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,aAAa,EAAC,MAAM,CAAC;IACrB,YAAY,EAAC,MAAM,CAAC;IACpB,KAAK,EAAC,UAAU,CAAC;IACjB,OAAO,CAAC,EAAC,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAC,MAAM,CAAC;IACjB,IAAI,CAAC,EAAC,SAAS,CAAC;IAChB,MAAM,CAAC,EAAC,WAAW,CAAC;IACpB,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC1C,CAAA;AACD,QAAA,MAAM,eAAe,2HAA2H,oBAAoB,sBAgInK,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"SocialOrderCard.d.ts","sourceRoot":"","sources":["../../../../src/SocialComponents/SocialOrderCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAQpG,KAAK,oBAAoB,GAAG;IACxB,MAAM,CAAC,EAAC,iBAAiB,CAAC;IAC1B,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,aAAa,EAAC,MAAM,CAAC;IACrB,YAAY,EAAC,MAAM,CAAC;IACpB,KAAK,EAAC,UAAU,CAAC;IACjB,OAAO,CAAC,EAAC,YAAY,CAAC;IACtB,QAAQ,CAAC,EAAC,MAAM,CAAC;IACjB,IAAI,CAAC,EAAC,SAAS,CAAC;IAChB,MAAM,CAAC,EAAC,WAAW,CAAC;IACpB,UAAU,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC1C,CAAA;AACD,QAAA,MAAM,eAAe,uIAAuI,oBAAoB,sBA6H/K,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/typescript/src/SocialComponents/SocialOrdersList.d.ts

@@ -6,9 +6,10 @@ type SocialOrdersListProps = {
     orders: OrderProps[];
     maxWidth?: number;
     direction: 'vertical' | 'horizontal';
+    onUntagOrder?: (order: OrderProps) => void;
     onCopyOrder?: (order: OrderProps) => void;
     onFadeOrder?: (order: OrderProps) => void;
 };
-declare const SocialOrdersList: ({ maxWidth, players, show_player, orders, direction, onCopyOrder, onFadeOrder }: SocialOrdersListProps) => React.JSX.Element;
+declare const SocialOrdersList: ({ maxWidth, players, show_player, orders, direction, onUntagOrder, onCopyOrder, onFadeOrder }: SocialOrdersListProps) => React.JSX.Element;
 export default SocialOrdersList;
 //# sourceMappingURL=SocialOrdersList.d.ts.map

package/lib/typescript/src/SocialComponents/SocialOrdersList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialOrdersList.d.ts","sourceRoot":"","sources":["../../../../src/SocialComponents/SocialOrdersList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAqD,UAAU,EAAE,iBAAiB,EAA8B,MAAM,UAAU,CAAC;AAK7I,KAAK,qBAAqB,GAAG;IACzB,OAAO,EAAC,iBAAiB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,UAAU,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAC,MAAM,CAAC;IACjB,SAAS,EAAE,UAAU,GAAC,YAAY,CAAC;IACnC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC1C,CAAA;AACD,QAAA,MAAM,gBAAgB,oFAAoF,qBAAqB,sBAmF9H,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"SocialOrdersList.d.ts","sourceRoot":"","sources":["../../../../src/SocialComponents/SocialOrdersList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAqD,UAAU,EAAE,iBAAiB,EAA8B,MAAM,UAAU,CAAC;AAK7I,KAAK,qBAAqB,GAAG;IACzB,OAAO,EAAC,iBAAiB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,MAAM,EAAC,UAAU,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAC,MAAM,CAAC;IACjB,SAAS,EAAE,UAAU,GAAC,YAAY,CAAC;IACnC,YAAY,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC1C,CAAA;AACD,QAAA,MAAM,gBAAgB,kGAAkG,qBAAqB,sBAwF5I,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/typescript/src/SocialComponents/UrlPreviewCard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type UrlPreviewCardProps = {
+    url: string;
+    width: number;
+    max_height?: number;
+    color?: string;
+};
+declare const UrlPreviewCard: ({ url, color, width, max_height }: UrlPreviewCardProps) => React.JSX.Element;
+export default UrlPreviewCard;
+//# sourceMappingURL=UrlPreviewCard.d.ts.map

package/lib/typescript/src/SocialComponents/UrlPreviewCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlPreviewCard.d.ts","sourceRoot":"","sources":["../../../../src/SocialComponents/UrlPreviewCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,KAAK,mBAAmB,GAAG;IACvB,GAAG,EAAC,MAAM,CAAC;IACX,KAAK,EAAC,MAAM,CAAC;IACb,UAAU,CAAC,EAAC,MAAM,CAAA;IAClB,KAAK,CAAC,EAAC,MAAM,CAAA;CAChB,CAAA;AACD,QAAA,MAAM,cAAc,sCAAsC,mBAAmB,sBA0D5E,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/typescript/src/SocialComponents/api/index.d.ts

@@ -1,19 +1,27 @@
-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";
 export { SocialComponentApi, SocialOrderHelpers, SocialPodcastHelpers, SocialComponentHelpers };
 declare const SocialComponentApi: {
     setEnvironment: () => void;
     getLeagues: () => Promise<LeagueProps[]>;
+    getPlayersByIds: (player_ids: string[]) => Promise<PublicPlayerProps[]>;
     reverseOrder: (order: OrderProps) => Promise<OrderProps | undefined>;
     getBulkPlayerfollowers: (player_ids: string[]) => Promise<any>;
     savePlayerFollower: (player_follower: PlayerFollowerProps) => Promise<PlayerFollowerProps>;
+    getPostById: (memo_post_id: string) => Promise<PostProps | undefined>;
+    getMyAction: () => Promise<OrderProps[]>;
+    getBulkOrders: (order_ids: string[]) => Promise<OrderProps[]>;
+    createPost: (post: PostProps) => Promise<PostProps | undefined>;
+    updatePost: (post: PostProps) => Promise<PostProps | undefined>;
     getEventsByEventIds: (event_ids: string[]) => Promise<EventProps[]>;
     searchPlayerByUsername: (username: string) => Promise<PublicPlayerProps | undefined>;
     searchPlayersByValue: (search_value: string, offset: number) => Promise<PublicPlayerProps[]>;
+    getMyDetails: () => Promise<MyPlayerProps | undefined>;
     getMatchesByMatchIds: (match_ids: string[]) => Promise<MatchProps[]>;
     getAthletesByIds: (athlete_ids: string[]) => Promise<AthleteProps[]>;
     getTournamentsByTournamentIds: (tournament_ids: string[]) => Promise<TournamentProps[]>;
     getTeamsByIds: (team_ids: string[]) => Promise<any>;
     createPostReaction: (post_reaction: PostReactionProps) => Promise<PostReactionProps | undefined>;
+    getUrlMetadata: (url: string) => Promise<URLMetadataProps | undefined>;
     updatePostReaction: (post_reaction: PostReactionProps) => Promise<PostReactionProps | undefined>;
     getPodcastById: (podcast_id: string) => Promise<PodcastProps | undefined>;
     getPodcastEpisodeById: (podcast_episode_id: string) => Promise<PodcastEpisodesProps | undefined>;
@@ -26,6 +34,17 @@ declare const SocialComponentApi: {
         player_podcast_episode: PlayerPodcastEpisodeProps;
     }>;
     pausePodcastEpisode: (podcast_episode_id: string, pause_timestamp: number) => Promise<undefined | PlayerPodcastEpisodeProps>;
+    getChat: (player_id: string) => Promise<{
+        group: GroupProps;
+        group_messages: GroupMessageProps[];
+        group_players: GroupPlayerProps[];
+    } | undefined>;
+    getGroupById: (group_id: string) => Promise<{
+        group: GroupProps;
+        group_messages: GroupMessageProps[];
+        group_players: GroupPlayerProps[];
+    } | undefined>;
+    sendChat: (group_message: GroupMessageProps) => Promise<any>;
 };
 declare const SocialOrderHelpers: {
     getIconColor: (order: OrderProps) => string;
@@ -51,9 +70,26 @@ declare const SocialOrderHelpers: {
     getOddsLabel: (odds: number, decimals?: number) => string;
 };
 declare const SocialComponentHelpers: {
+    getPostsData: (posts: PostProps[]) => Promise<{
+        posts: PostProps[];
+        orders: OrderProps[];
+        players: PublicPlayerProps[];
+        articles: ArticleProps[];
+    }>;
+    organizeImages: (images: any[], containerWidth: number, maxHeight: number, padding?: number, minWidth?: number) => any[];
+    calculateRowFit: (row: any, containerWidth: number, maxHeight: number, padding: number, minWidth: number) => {
+        fits: boolean;
+        totalWidth: number;
+    };
+    adjustRow: (row: any, containerWidth: number, maxHeight: number, padding: number, minWidth: number) => any;
+    getEmptyPost: () => PostProps;
+    isPostValid: (post?: PostProps) => boolean;
+    getUrlsFromString: (str: string) => string | undefined;
+    getEmptyMessage: () => GroupMessageProps;
     extractTagsFromText: (text: string, cursor?: number) => TextTagProps[];
     replaceText: (originalText: string, startIndex: number, endIndex: number, replacementText: string) => string;
     compareTags: (valid_tags: TextTagProps[], tags: TextTagProps[]) => TextTagProps[];
+    addTagsToMessages: (gms: GroupMessageProps[]) => Promise<GroupMessageProps[]>;
 };
 declare const SocialPodcastHelpers: {
     getPodcastImage: (podcast: PodcastProps) => string;

package/lib/typescript/src/SocialComponents/api/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/SocialComponents/api/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,yBAAyB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAQzR,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,CAAA;AAE/F,QAAA,MAAM,kBAAkB;;sBASA,OAAO,CAAC,WAAW,EAAE,CAAC;0BAQhB,UAAU,KAAE,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC;yCAQ5B,MAAM,EAAE;0CAIP,mBAAmB,KAAE,OAAO,CAAC,mBAAmB,CAAC;qCAItD,MAAM,EAAE,KAAE,OAAO,CAAC,UAAU,EAAE,CAAC;uCAS7B,MAAM,KAAE,OAAO,CAAC,iBAAiB,GAAC,SAAS,CAAC;yCAU1C,MAAM,UAAS,MAAM,KAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC;sCAQtD,MAAM,EAAE,KAAE,OAAO,CAAC,UAAU,EAAE,CAAC;oCAShC,MAAM,EAAE,KAAE,OAAO,CAAC,YAAY,EAAE,CAAC;oDASlB,MAAM,EAAE,KAAE,OAAO,CAAC,eAAe,EAAE,CAAC;8BAS1D,MAAM,EAAE;wCASE,iBAAiB,KAAE,OAAO,CAAC,iBAAiB,GAAC,SAAS,CAAC;wCAStD,iBAAiB,KAAE,OAAO,CAAC,iBAAiB,GAAC,SAAS,CAAC;iCAS/D,MAAM,KAAE,OAAO,CAAC,YAAY,GAAG,SAAS,CAAC;gDAQ1B,MAAM,KAAE,OAAO,CAAC,oBAAoB,GAAG,SAAS,CAAC;kDAS/C,MAAM,KAAE,OAAO,CAAC,SAAS,GAAG;QAAE,cAAc,CAAC,EAAC,kBAAkB,CAAC;QAAC,sBAAsB,CAAC,EAAC,yBAAyB,CAAA;KAAE,CAAC;8CAS1H,MAAM,KAAE,OAAO,CAAC,SAAS,GAAG;QAAE,cAAc,EAAC,kBAAkB,CAAC;QAAC,sBAAsB,EAAC,yBAAyB,CAAA;KAAE,CAAC;8CASrH,MAAM,mBAAkB,MAAM,KAAE,OAAO,CAAC,SAAS,GAAG,yBAAyB,CAAC;CAS9H,CAAA;AAGD,QAAA,MAAM,kBAAkB;0BACC,UAAU;8BAYN,UAAU;;;;kCAYN,MAAM,OAAM,MAAM;+BAWrB,UAAU,EAAE;;;;;;;+BAWZ,UAAU,UAAS,UAAU,EAAE,eAAc,eAAe,EAAE,WAAU,UAAU,EAAE,YAAW,YAAY,EAAE,SAAQ,SAAS,EAAE,WAAU,WAAW,EAAE,KAAE;QAAE,KAAK,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,MAAM,CAAC,EAAC,WAAW,CAAC;QAAC,OAAO,CAAC,EAAC,YAAY,CAAC;QAAC,IAAI,CAAC,EAAC,SAAS,CAAA;KAAE;yBAwBzP,MAAM,aAAY,MAAM;CAM/C,CAAA;AAED,QAAA,MAAM,sBAAsB;gCACG,MAAM,WAAU,MAAM,KAAE,YAAY,EAAE;gCAkBtC,MAAM,cAAa,MAAM,YAAW,MAAM,mBAAkB,MAAM;8BAKpE,YAAY,EAAE,QAAO,YAAY,EAAE;CAe/D,CAAA;AAED,QAAA,MAAM,oBAAoB;+BACI,YAAY,KAAE,MAAM;wCAMX,oBAAoB,KAAE,MAAM;uBAO7C,MAAM;2BAMF,MAAM,OAAM,MAAM,UAAS,MAAM;CAG1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/SocialComponents/api/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/SocialComponents/index.d.ts

@@ -9,5 +9,7 @@ import PostCard from './PostCard';
 import FormattedTextInput from "./FormattedTextInput";
 import { FormattedText } from "./FormattedTextInput/FormattedText";
 import InputBar from "./InputBar";
-export { PlayerCard, PlayerList, FormattedTextInput, InputBar, FormattedText, PlayerProfile, CompanyProfile, PodcastModule, AudioPlayer, useContacts, PostCard };
+import GroupChat from "./GroupChat";
+import Poster from "./Poster";
+export { PlayerCard, PlayerList, FormattedTextInput, InputBar, Poster, FormattedText, PlayerProfile, CompanyProfile, PodcastModule, GroupChat, AudioPlayer, useContacts, PostCard };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/SocialComponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/SocialComponents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,OAAO,EACH,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,aAAa,EACb,cAAc,EACd,aAAa,EACb,WAAW,EACX,WAAW,EACX,QAAQ,EACX,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/SocialComponents/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,OAAO,EACH,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,QAAQ,EACR,MAAM,EACN,aAAa,EACb,aAAa,EACb,cAAc,EACd,aAAa,EACb,SAAS,EACT,WAAW,EACX,WAAW,EACX,QAAQ,EACX,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "5.1.8",
+  "version": "5.1.9",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -164,6 +164,9 @@
     ]
   },
   "dependencies": {
+    "@giphy/js-fetch-api": "^5.6.0",
+    "@giphy/react-components": "^10.0.1",
+    "@giphy/react-native-sdk": "^4.0.1",
     "@paypal/react-paypal-js": "^8.3.0",
     "@react-native-async-storage/async-storage": "1.23.1",
     "@react-native-community/slider": "4.5.5",
@@ -202,6 +205,7 @@
     "react-native-web-swiper": "^2.2.4",
     "react-native-webview": "13.12.5",
     "react-qr-code": "^2.0.15",
+    "styled-components": "^6.1.16",
     "us-bank-account-validator": "^1.0.0",
     "uuid": "^9.0.1"
   },

package/src/Components/Icons.tsx

@@ -1464,7 +1464,7 @@ const BarstoolIcon = ({ color, size }:IconProps) => {
 const SendIcon = ({ color, size }:IconProps) => {
     return (
         <Svg width={`${size ?? 18}`} height={`${size ?? 18}`} viewBox="0 0 34 34">
-            <G id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" stroke-linecap="round" strokeLinejoin="round">
+            <G id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd" strokeLinecap="round" strokeLinejoin="round">
                 <G id="send-svgrepo-com" transform="translate(2.000000, 2.000000)" stroke={color ?? Colors.brand.midnight} strokeWidth="3">
                     <Path d="M12.0015554,17.9918921 L29.5138227,0.486092927 M12.4993483,18.779141 L16.4702559,26.7211349 C17.4299277,28.6402997 17.9096742,29.5999715 18.514137,29.8572657 C19.0387313,30.0806114 19.6383698,30.0400518 20.1283009,29.7484517 C20.6927401,29.4123611 21.0393726,28.3969423 21.7328163,26.3662833 L29.2356233,4.39360612 C29.8399074,2.62426159 30.1418708,1.73958039 29.935142,1.15434322 C29.7552147,0.645222261 29.3548006,0.244736644 28.8457511,0.0648629619 C28.2604067,-0.141901541 27.3757791,0.160186901 25.6063452,0.764345917 L3.6336502,8.26724223 C1.60300908,8.96063232 0.587679593,9.30733629 0.251571137,9.87179338 C-0.0401183298,10.3616351 -0.0805349652,10.9612736 0.142774986,11.4857429 C0.400104952,12.0902057 1.35972309,12.5701309 3.27895938,13.529624 L11.220864,17.5007103 C11.5371751,17.658839 11.6953038,17.737814 11.8321701,17.8434119 C11.9538488,17.9372171 12.0628415,18.0462098 12.156468,18.1677098 C12.2622445,18.3047547 12.3412195,18.4628835 12.4993483,18.779141 Z" id="Shape"></Path>
                 </G>
@@ -1473,6 +1473,22 @@ const SendIcon = ({ color, size }:IconProps) => {
     )
 }
 
+
+const GIFIcon = ({ color, size }:IconProps) => {
+    const ratio = 0.866667
+    const width = size ?? 18
+    const height = width * ratio
+    return (
+        <Svg width={`${width}px`} height={`${height}px`} viewBox="0 0 30 26">
+            <G id="Page-1" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
+                <G id="gif-svgrepo-com-(1)" fill={color ?? Colors.brand.midnight} fillRule="nonzero">
+                    <Path d="M25.125,0 C27.8173881,0 30,2.18261186 30,4.875 L30,20.6288648 C30,23.321253 27.8173881,25.5038648 25.125,25.5038648 L4.875,25.5038648 C2.18261184,25.5038648 0,23.321253 0,20.6288648 L0,4.875 C0,2.18261186 2.18261184,0 4.875,0 L25.125,0 Z M25.125,2.25 L4.875,2.25 C3.42525253,2.25 2.25,3.42525254 2.25,4.875 L2.25,20.6288648 C2.25,22.0786122 3.42525253,23.2538648 4.875,23.2538648 L25.125,23.2538648 C26.5747475,23.2538648 27.75,22.0786122 27.75,20.6288648 L27.75,4.875 C27.75,3.42525254 26.5747475,2.25 25.125,2.25 Z M9.02189958,8.05709054 C9.91724738,8.05709054 10.5502934,8.17907906 11.2751608,8.52717584 C11.7418993,8.75131361 11.9385661,9.31137954 11.7144283,9.77811815 C11.4902906,10.2448566 10.9302246,10.4415234 10.4634861,10.2173856 C10.0137424,10.0014092 9.65402123,9.9320906 9.02189958,9.9320906 C7.72183421,9.9320906 6.76655288,11.1266333 6.76655288,12.7406381 C6.76655288,14.3561372 7.72309557,15.5546039 9.02189958,15.5546039 C9.6648364,15.5546039 10.2091088,15.2848043 10.4922673,14.8034423 L10.5015,14.781 L10.5015,13.68 L9.9378274,13.6809761 C9.46713018,13.6809761 9.07745269,13.3340894 9.0104923,12.8820131 L9.0003274,12.7434761 C9.0003274,12.2727789 9.34721423,11.8831014 9.79929052,11.816141 L9.9378274,11.8059761 L11.4402322,11.8059761 C11.9109294,11.8059761 12.3006069,12.1528629 12.3675672,12.6049392 L12.3777322,12.7434761 L12.3757278,15.0650016 L12.3757278,15.0650016 L12.3661954,15.1479596 L12.3661954,15.1479596 L12.3344476,15.2827758 L12.3344476,15.2827758 L12.3037045,15.3654971 C11.7390981,16.7006903 10.4423467,17.4296039 9.02189958,17.4296039 C6.58286671,17.4296039 4.89155288,15.3105315 4.89155288,12.7406381 C4.89155288,10.1716643 6.58258718,8.05709054 9.02189958,8.05709054 Z M15.9434167,8.240088 C16.414114,8.240088 16.8037914,8.58697482 16.8707518,9.03905112 L16.8809167,9.177588 L16.8809167,16.320783 C16.8809167,16.83855 16.4611837,17.258283 15.9434167,17.258283 C15.4727194,17.258283 15.0830421,16.9113963 15.0160816,16.4593199 L15.0059167,16.320783 L15.0059167,9.177588 C15.0059167,8.65982105 15.4256497,8.240088 15.9434167,8.240088 Z M20.4371346,8.24008788 L23.4332368,8.250438 C23.9510007,8.25222564 24.369282,8.67340536 24.3675115,9.19116923 C24.3658698,9.66186366 24.0176392,10.0503411 23.5653343,10.1157446 L23.4267631,10.1254325 L21.3705,10.1175 L21.3705,12.7485 L23.055,12.7497873 C23.5256973,12.7497873 23.9153746,13.0966742 23.9823351,13.5487505 L23.9925,13.6872873 C23.9925,14.1579845 23.6456131,14.547662 23.1935368,14.6146224 L23.055,14.6247873 L21.3705,14.6235 L21.3713977,16.2966422 C21.3713977,16.7673395 21.0245109,17.157017 20.5724346,17.2239773 L20.4338977,17.2341422 C19.9632004,17.2341422 19.5735231,16.8872555 19.5065626,16.4351792 L19.4963976,16.2966422 L19.4963976,9.17435118 C19.4980279,8.70365676 19.8462585,8.31517928 20.2985634,8.24977584 L20.4371346,8.24008788 Z" id="🎨-Color"></Path>
+                </G>
+            </G>
+        </Svg>
+    )
+}
+
 export default {
     SearchIcon,
     LiquidityIcon,
@@ -1480,6 +1496,7 @@ export default {
     MarketClosedIcon,
     //BetScopeSuccessIcon,
     AlertIcon,
+    GIFIcon,
     QuestionIcon,
     BarstoolIcon,
     FilterIcon,

package/src/Components/Themed.tsx

@@ -222,6 +222,7 @@ type BETextInputProps = {
   loading?:boolean,
   focus_on_unload?:boolean,
   transparent?:boolean,
+  weight?:'bold'|'semibold'|'regular'
   onFocusPosition?: (position:{x:number, y:number, width:number, height:number}) => void
 }
 
@@ -237,6 +238,14 @@ export const TextInput = (props:TextInputProps) => {
     }
   },[props.loading])
 
+  const getFamily = () => {
+    switch(props.weight){
+      case 'bold': return 'BarlowBold'
+      case 'semibold': return 'BarlowSemiBold'
+      default: return 'BarlowRegular'
+    }
+  }
+
   const handleFocus = (e:any) => {
     if(props.onFocus){ props.onFocus(e) }
     if(!props.onFocusPosition){ return }
@@ -256,12 +265,13 @@ export const TextInput = (props:TextInputProps) => {
   const color = props.editable == false ? C.text.descriptionLight :C.text.input
   const borderWidth = transparent ? 0 : 1
   const placeholder_color = C.text.placholder
+  const font_family = getFamily();
 
   return (
     <DefaultTextInput 
       ref={inputRef}
       placeholderTextColor={placeholder_color} 
-      style={[{ padding:15, backgroundColor: background, borderColor: border, borderWidth, color }, style]} { ...otherProps }
+      style={[{ padding:15, backgroundColor: background, borderColor: border, borderWidth, color, fontFamily: font_family }, style]} { ...otherProps }
       onFocus={handleFocus}
     />
   )

package/src/SocialComponents/FormattedTextInput/components/TagSelector.tsx

@@ -2,17 +2,18 @@ import React, { useEffect, useState } from 'react';
 import { Button, Text, View } from "../../../Components/Themed";
 import type { PublicPlayerProps, TextTagProps } from '../../../types';
 import { SocialComponentApi } from '../../api';
-import { FlatList, Image } from 'react-native';
+import { Image } from 'react-native';
 
 type TagSelectorProps = {
     type: 'player',
+    width:number,
     visible:boolean,
     working_tag:TextTagProps,
     onCancel: () => void,
     onSelectTag:(tag:TextTagProps) => void
 }
-
-const TagSelector = ({ type, visible, working_tag, onSelectTag, onCancel } : TagSelectorProps) => {
+const MIN_TAG_WIDTH = 140
+const TagSelector = ({ width, type, visible, working_tag, onSelectTag, onCancel } : TagSelectorProps) => {
     const [ player_tag, setPlayerTag ] = useState<{
         loading:boolean,
         players:PublicPlayerProps[],
@@ -20,7 +21,15 @@ const TagSelector = ({ type, visible, working_tag, onSelectTag, onCancel } : Tag
     }>({
         loading: false, players:[], offset:0
     });
-    
+
+    const getTagWidth = (padding:number) => {
+        //How many can fit in the screen
+        let num_possible = Math.floor(width / MIN_TAG_WIDTH);
+        // then simply divide the width with it!
+        let width_per_tag = (width / num_possible) - (padding * 2 * num_possible)
+        return width_per_tag
+    }
+    const tag_width = getTagWidth(3)
 
     useEffect(() => {
         if(!visible){ return }
@@ -59,14 +68,14 @@ const TagSelector = ({ type, visible, working_tag, onSelectTag, onCancel } : Tag
 
     const renderPlayers = (data:{ item:PublicPlayerProps, index:number }) => {
         return (
-            <Button float style={{ margin:4, padding:0, maxWidth:120 }} onPress={() => handleSelectPlayer(data.item)}>
+            <Button key={data.item.player_id.toString()} float style={{ flexDirection:'row', alignItems:'center', margin:2, padding:3, width:tag_width, borderRadius:100 }} onPress={() => handleSelectPlayer(data.item)}>
                 <Image
                     source={{ uri: data.item.profile_pic }}
-                    style={{ height:80, width:120, borderTopRightRadius:8, borderTopLeftRadius:8 }}
+                    style={{ height:25, width:25, borderRadius:100 }}
                     resizeMode='cover'
                 />
-                <View transparent style={{ padding:5 }}>
-                    <Text theme='h2' textAlign='center'>@{data.item.username}</Text>
+                <View transparent style={{flex:1, marginLeft:5 }}>
+                    <Text style={{ maxWidth:tag_width - 30 }} theme='description' size={10} textAlign='center'>@{data.item.username}</Text>
                 </View>
             </Button>
         )
@@ -75,7 +84,7 @@ const TagSelector = ({ type, visible, working_tag, onSelectTag, onCancel } : Tag
     if(!visible){ return <></> }
 
     return (
-        <View style={{ position:'absolute', bottom:5, left:0, right:0 }}>
+        <View>
             {type == 'player' ?
             <View float>
                 <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10 }}>
@@ -84,18 +93,16 @@ const TagSelector = ({ type, visible, working_tag, onSelectTag, onCancel } : Tag
                     </View>
                     <Button
                         title='X'
+                        type='close'
+                        style={{ padding:0, borderRadius:100, height:25, width:25, justifyContent:'center', alignItems:'center' }}
                         float
                         onPress={() => onCancel()}
                     />
                 </View>
-                <View style={{ padding:5 }}>
-                    <FlatList
-                        data={player_tag.players}
-                        key={'player_selector_list_format'}
-                        horizontal
-                        keyExtractor={(item) => item.player_id.toString()}
-                        renderItem={renderPlayers}
-                    />
+                <View style={{ padding:5, flexDirection:'row', alignItems:'center', justifyContent:'center', flexWrap:'wrap' }}>
+                    {player_tag.players.map((item, index) => {
+                        return renderPlayers({ item, index })
+                    })}
                 </View>
             </View>
             :<></>}