be-components 6.6.0 → 6.6.2

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

@@ -0,0 +1,47 @@
+import type { CompetitionPayoutTypeProps, CompetitionPlayerProps, CompetitionProps, CompetitionRecordProps, CompetitionResultProps, CompetitionResultTypeProps, CompetitionTypeProps, GroupMessageProps, GroupPlayerProps, GroupProps, NewOverallAnalytics, OrderAnalyticsProps, OrderProps, PostProps, PublicPlayerProps } from "../../types";
+export { GroupApi, GroupHelpers };
+declare const GroupApi: {
+    setEnvironment: () => void;
+    getGroupById: (group_id: string) => Promise<undefined | {
+        group: GroupProps;
+        group_messages: GroupMessageProps[];
+        group_players: GroupPlayerProps[];
+        my_group_player?: GroupPlayerProps;
+    }>;
+    acceptInvite: (group_player_id: string) => Promise<GroupPlayerProps | undefined>;
+    declineInvite: (group_player_id: string) => Promise<GroupPlayerProps | undefined>;
+    join: (group_id: string) => Promise<GroupPlayerProps | undefined>;
+    leave: (group_player_id: string) => Promise<GroupPlayerProps | undefined>;
+    updateGroup: (group: GroupProps) => Promise<GroupProps | undefined>;
+    getPlayersByIds: (player_ids: string[]) => Promise<PublicPlayerProps[]>;
+    getGroupAnalytics: (group_id: string, to: number, from: number) => Promise<OrderAnalyticsProps[]>;
+    getCompetitionOptions: () => Promise<{
+        competition_types: CompetitionTypeProps[];
+        competition_result_types: CompetitionResultTypeProps[];
+        competition_payout_types: CompetitionPayoutTypeProps[];
+    }>;
+    getActiveCompetitions: (group_id: string) => Promise<{
+        competitions: CompetitionProps[];
+        competition_players: CompetitionPlayerProps[];
+        competition_records: CompetitionRecordProps[];
+        competition_results: CompetitionResultProps[];
+    }>;
+    getHistoryCompetitions: (group_id: string, offset: number) => Promise<{
+        competitions: CompetitionProps[];
+        competition_players: CompetitionPlayerProps[];
+        competition_records: CompetitionRecordProps[];
+        competition_results: CompetitionResultProps[];
+    }>;
+    getPostsByGroupId: (group_id: string, offset: number) => Promise<PostProps[]>;
+    getBulkOrders: (order_ids: string[]) => Promise<OrderProps[]>;
+};
+declare const GroupHelpers: {
+    sortMembers: (group_players: GroupPlayerProps[], order_analytics: OrderAnalyticsProps[]) => {
+        sorted_players: GroupPlayerProps[];
+        player_analytics: {
+            [key: string]: NewOverallAnalytics;
+        };
+    };
+    aggregateAnalytics: (analytics: OrderAnalyticsProps[]) => NewOverallAnalytics;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Group/api/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAS/U,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA;AAEjC,QAAA,MAAM,QAAQ;;6BASmB,MAAM,KAAE,OAAO,CAAC,SAAS,GAAC;QAAE,KAAK,EAAC,UAAU,CAAC;QAAC,cAAc,EAAC,iBAAiB,EAAE,CAAC;QAAC,aAAa,EAAC,gBAAgB,EAAE,CAAC;QAAC,eAAe,CAAC,EAAC,gBAAgB,CAAA;KAAE,CAAC;oCASlJ,MAAM,KAAE,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC;qCAQ5C,MAAM,KAAE,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC;qBAQ7D,MAAM,KAAE,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC;6BAQrC,MAAM,KAAE,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAAC;yBAQhD,UAAU,KAAE,OAAO,CAAC,UAAU,GAAC,SAAS,CAAC;kCAShC,MAAM,EAAE,KAAE,OAAO,CAAC,iBAAiB,EAAE,CAAC;kCAStC,MAAM,MAAK,MAAM,QAAO,MAAM,KAAE,OAAO,CAAC,mBAAmB,EAAE,CAAC;iCASjE,OAAO,CAAC;QAAC,iBAAiB,EAAC,oBAAoB,EAAE,CAAC;QAAC,wBAAwB,EAAC,0BAA0B,EAAE,CAAC;QAAC,wBAAwB,EAAC,0BAA0B,EAAE,CAAA;KAAC,CAAC;sCAI1J,MAAM,KAAE,OAAO,CAAC;QAAE,YAAY,EAAC,gBAAgB,EAAE,CAAC;QAAC,mBAAmB,EAAC,sBAAsB,EAAE,CAAC;QAAC,mBAAmB,EAAC,sBAAsB,EAAE,CAAC;QAAC,mBAAmB,EAAC,sBAAsB,EAAE,CAAA;KAAE,CAAC;uCAS7L,MAAM,UAAS,MAAM,KAAE,OAAO,CAAC;QAAE,YAAY,EAAC,gBAAgB,EAAE,CAAC;QAAC,mBAAmB,EAAC,sBAAsB,EAAE,CAAC;QAAC,mBAAmB,EAAC,sBAAsB,EAAE,CAAC;QAAC,mBAAmB,EAAC,sBAAsB,EAAE,CAAA;KAAE,CAAC;kCASlN,MAAM,UAAS,MAAM,KAAE,OAAO,CAAC,SAAS,EAAE,CAAC;+BAS9C,MAAM,EAAE,KAAE,OAAO,CAAC,UAAU,EAAE,CAAC;CASjE,CAAA;AAGD,QAAA,MAAM,YAAY;iCACc,gBAAgB,EAAE,mBAAkB,mBAAmB,EAAE;;;;;;oCAcrD,mBAAmB,EAAE,KAAE,mBAAmB;CA2B7E,CAAA"}

package/lib/typescript/src/Group/components/GroupCTAButton.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { GroupMessageProps, GroupPlayerProps, GroupProps, PublicPlayerProps } from "../../types";
+type GroupCTAButtonProps = {
+    group: GroupProps;
+    message_length?: number;
+    group_messages: GroupMessageProps[];
+    players: PublicPlayerProps[];
+    group_players: GroupPlayerProps[];
+    onSelectChat: (group: GroupProps) => void;
+};
+declare const GroupCTAButton: ({ group, players, message_length, group_messages, onSelectChat }: GroupCTAButtonProps) => React.JSX.Element;
+export default GroupCTAButton;
+//# sourceMappingURL=GroupCTAButton.d.ts.map

package/lib/typescript/src/Group/components/GroupCTAButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupCTAButton.d.ts","sourceRoot":"","sources":["../../../../../src/Group/components/GroupCTAButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAMrG,KAAK,mBAAmB,GAAG;IACvB,KAAK,EAAC,UAAU,CAAC;IACjB,cAAc,CAAC,EAAC,MAAM,CAAC;IACvB,cAAc,EAAC,iBAAiB,EAAE,CAAC;IACnC,OAAO,EAAC,iBAAiB,EAAE,CAAC;IAC5B,aAAa,EAAC,gBAAgB,EAAE,CAAC;IACjC,YAAY,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED,QAAA,MAAM,cAAc,GAAI,kEAAiE,mBAAmB,sBAqC3G,CAAA;AACD,eAAe,cAAc,CAAA"}

package/lib/typescript/src/Group/components/GroupPlayerActionForm.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { GroupPlayerProps, GroupProps, MyPlayerProps } from '../../types';
+type GroupPlayerActionFormProps = {
+    me: MyPlayerProps;
+    group: GroupProps;
+    group_player?: GroupPlayerProps;
+    onResponse: (gp: GroupPlayerProps) => void;
+    onClose: () => void;
+};
+declare const GroupPlayerActionForm: ({ group, group_player, onResponse, onClose }: GroupPlayerActionFormProps) => React.JSX.Element;
+export default GroupPlayerActionForm;
+//# sourceMappingURL=GroupPlayerActionForm.d.ts.map

package/lib/typescript/src/Group/components/GroupPlayerActionForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupPlayerActionForm.d.ts","sourceRoot":"","sources":["../../../../../src/Group/components/GroupPlayerActionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG/E,KAAK,0BAA0B,GAAG;IAC9B,EAAE,EAAC,aAAa,CAAC;IACjB,KAAK,EAAC,UAAU,CAAC;IACjB,YAAY,CAAC,EAAC,gBAAgB,CAAC;IAC/B,UAAU,EAAC,CAAC,EAAE,EAAC,gBAAgB,KAAK,IAAI,CAAC;IACzC,OAAO,EAAC,MAAM,IAAI,CAAA;CACrB,CAAA;AACD,QAAA,MAAM,qBAAqB,GAAI,8CAA6C,0BAA0B,sBA0HrG,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/lib/typescript/src/Group/components/ManageGroupForm.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { FocusPositionProps, GroupProps } from '../../types';
+type ManageGroupFormProps = {
+    group: GroupProps;
+    onUpdateGroup: (group: GroupProps) => void;
+    onInvitePlayer: () => void;
+    onClose: () => void;
+    onFocusPosition?: (position: FocusPositionProps) => void;
+};
+declare const ManageGroupForm: ({ group, onFocusPosition, onUpdateGroup, onClose, onInvitePlayer }: ManageGroupFormProps) => React.JSX.Element;
+export default ManageGroupForm;
+//# sourceMappingURL=ManageGroupForm.d.ts.map

package/lib/typescript/src/Group/components/ManageGroupForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageGroupForm.d.ts","sourceRoot":"","sources":["../../../../../src/Group/components/ManageGroupForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAKlE,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAC,UAAU,CAAC;IACjB,aAAa,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,eAAe,CAAC,EAAC,CAAC,QAAQ,EAAC,kBAAkB,KAAK,IAAI,CAAC;CAC1D,CAAA;AACD,QAAA,MAAM,eAAe,GAAI,oEAAoE,oBAAoB,sBA6NhH,CAAA;AAED,eAAe,eAAe,CAAA"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CompetitionProps, GroupProps, MyPlayerProps, PublicPlayerProps } from '../types';
+type GroupComponentProps = {
+    group_id: string;
+    mode: 'desktop' | 'mobile';
+    onSelectChat?: (group: GroupProps) => void;
+    onInvitePlayer: () => void;
+    onSelectPlayer: (p: PublicPlayerProps) => void;
+    onSelectCompetition: (c: CompetitionProps) => void;
+    player?: MyPlayerProps;
+};
+declare const GroupComponent: ({ group_id, player, mode, onInvitePlayer, onSelectCompetition, onSelectChat, onSelectPlayer }: GroupComponentProps) => React.JSX.Element;
+export default GroupComponent;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Group/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,KAAK,EAAsD,gBAAgB,EAAyI,UAAU,EAAE,aAAa,EAA8C,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAYtU,KAAK,mBAAmB,GAAG;IACvB,QAAQ,EAAC,MAAM,CAAC;IAChB,IAAI,EAAC,SAAS,GAAC,QAAQ,CAAC;IACxB,YAAY,CAAC,EAAC,CAAC,KAAK,EAAC,UAAU,KAAK,IAAI,CAAA;IACxC,cAAc,EAAC,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAC,CAAC,CAAC,EAAC,iBAAiB,KAAK,IAAI,CAAC;IAC7C,mBAAmB,EAAC,CAAC,CAAC,EAAC,gBAAgB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAC,aAAa,CAAA;CACxB,CAAA;AAmBD,QAAA,MAAM,cAAc,GAAI,+FAAgG,mBAAmB,sBAoc1I,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Wallet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAgB,YAAY,EAAoB,kBAAkB,EAAE,cAAc,EAAgD,kBAAkB,EAAiJ,MAAM,UAAU,CAAC;AAuBlU,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,WAAW,CAAC,EAAC,kBAAkB,CAAC;IAChC,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,SAAS,CAAC,EAAC,SAAS,GAAC,QAAQ,CAAC;IAC9B,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,CAAC;IACjE,eAAe,CAAC,EAAC,CAAC,GAAG,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAClD,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,OAAO,EAAC,CAAC,KAAK,EAAC,YAAY,KAAK,IAAI,CAAA;IACpC,UAAU,EAAE,CAAC,UAAU,EAAC,cAAc,EAAE,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAA;CACtE,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,uGAAsG,aAAa,sBAsiBpI,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Wallet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAgB,YAAY,EAAoB,kBAAkB,EAAE,cAAc,EAAgD,kBAAkB,EAAiJ,MAAM,UAAU,CAAC;AAuBlU,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,WAAW,CAAC,EAAC,kBAAkB,CAAC;IAChC,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,SAAS,CAAC,EAAC,SAAS,GAAC,QAAQ,CAAC;IAC9B,MAAM,CAAC,EAAC;QAAE,GAAG,EAAC,MAAM,CAAC;QAAC,MAAM,EAAC,MAAM,CAAC;QAAC,IAAI,EAAC,MAAM,CAAC;QAAC,KAAK,EAAC,MAAM,CAAA;KAAE,CAAC;IACjE,eAAe,CAAC,EAAC,CAAC,GAAG,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAClD,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,OAAO,EAAC,CAAC,KAAK,EAAC,YAAY,KAAK,IAAI,CAAA;IACpC,UAAU,EAAE,CAAC,UAAU,EAAC,cAAc,EAAE,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAA;CACtE,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,uGAAsG,aAAa,sBA2iBpI,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -55,5 +55,6 @@ import ManageFilter from './BetMatch/components/ManageFilter';
 import ClaritySmartEvents from './Clarity/SmartEvents';
 import RankingsCard from './RankingsCard';
 import GuideView from './Guide';
-export { Authenticator, Observer, BEEventApi, RankingsCard, BELinkApi, GuideView, BetMatch, ManageFilter, Ticker, Premium, LeaderboardCard, LocationTracker, BEClarity, FlashMarket, ContactsCard, PlayerRecommender, GolfScoreboard, ContactsSelector, Campaign, BEPostHog, ManageBracketCompetitionForm, NotificationModule, FlashHolder, useNotifications, ClaritySmartEvents, ProfileManager, CompetitionManager, Components, SocialComponents, APIOverrides, LinearGradient, usePlayerLocation, BettorSearch, Colors, MyWallet, Share, Checkout, MarketComponents, EventComponents, PollCampaign, PollCampaignApi, PollApi, MarketMaker, CompetitionModule, SeasonManager, CreateCompetitionForm, CreateSeasonForm, SeasonModule, AdminCompetitionList, AdServer, Leaderboard, AdProvider, BracketRoom, SquaresModule, SocketManager, PromotedOrder, EngageModule, CompetitionCard, SquaresCompetitionCard, BracketCompetitionCard, SeasonCard };
+import GroupComponent from './Group';
+export { Authenticator, Observer, BEEventApi, RankingsCard, BELinkApi, GuideView, BetMatch, ManageFilter, Ticker, Premium, LeaderboardCard, GroupComponent, LocationTracker, BEClarity, FlashMarket, ContactsCard, PlayerRecommender, GolfScoreboard, ContactsSelector, Campaign, BEPostHog, ManageBracketCompetitionForm, NotificationModule, FlashHolder, useNotifications, ClaritySmartEvents, ProfileManager, CompetitionManager, Components, SocialComponents, APIOverrides, LinearGradient, usePlayerLocation, BettorSearch, Colors, MyWallet, Share, Checkout, MarketComponents, EventComponents, PollCampaign, PollCampaignApi, PollApi, MarketMaker, CompetitionModule, SeasonManager, CreateCompetitionForm, CreateSeasonForm, SeasonModule, AdminCompetitionList, AdServer, Leaderboard, AdProvider, BracketRoom, SquaresModule, SocketManager, PromotedOrder, EngageModule, CompetitionCard, SquaresCompetitionCard, BracketCompetitionCard, SeasonCard };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAC,cAAc,EAAC,MAAM,sBAAsB,CAAC;AACpD,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,YAAY,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,iBAAiB,MAAM,eAAe,CAAC;AAC9C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,WAAW,MAAM,WAAW,CAAC;AACpC,OAAO,aAAa,MAAM,UAAU,CAAC;AACrC,OAAO,aAAa,MAAM,WAAW,CAAC;AACtC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,qBAAqB,MAAM,uDAAuD,CAAC;AAC1F,OAAO,oBAAoB,MAAM,sDAAsD,CAAC;AACxF,OAAO,YAAY,MAAM,UAAU,CAAC;AACpC,OAAO,aAAa,MAAM,4BAA4B,CAAC;AACvD,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,wDAAwD,CAAC;AACtF,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAClE,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,sBAAsB,MAAM,4CAA4C,CAAC;AAChF,OAAO,UAAU,MAAM,gCAAgC,CAAC;AACxD,OAAO,kBAAkB,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,4BAA4B,MAAM,mDAAmD,CAAC;AAC7F,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,WAAW,MAAM,WAAW,CAAC;AACpC,OAAO,eAAe,MAAM,sCAAsC,CAAC;AACnE,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,YAAY,MAAM,4CAA4C,CAAC;AACtE,OAAO,gBAAgB,MAAM,iDAAiD,CAAC;AAC/E,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,2BAA2B,CAAC;AACpD,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,SAAS,MAAM,SAAS,CAAC;AAEhC,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,SAAS,EACT,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,OAAO,EACP,eAAe,EACf,eAAe,EACf,SAAS,EACT,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,QAAQ,EACR,SAAS,EACT,4BAA4B,EAC5B,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,eAAe,EACf,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACZ,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,UAAU,EACX,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "6.6.0",
+  "version": "6.6.2",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Engage/components/CompetitionCard.tsx

@@ -1,21 +1,25 @@
 import React from 'react';
 import { Image } from 'react-native';
-import type { CompanyProps, CompetitionProps, CompetitionResultTypeProps, CompetitionTypeProps, PublicPlayerProps } from '../../types';
+import type { CompanyProps, CompetitionProps, CompetitionRecordProps, CompetitionResultProps, CompetitionResultTypeProps, CompetitionTypeProps, MyPlayerProps, PublicPlayerProps } from '../../types';
 import { Icons } from '../../Components';
 import moment from 'moment-mini';
 import { useColors } from '../../constants/useColors';
 import { Button, Text, View } from '../../Components/Themed';
+import { CompetitionHelpers } from '../../Competition/api';
 
 type CompetitionCardProps = {
     competition:CompetitionProps,
+    player?:MyPlayerProps,
     competition_type:CompetitionTypeProps,
+    competition_result?:CompetitionResultProps,
+    competition_record?:CompetitionRecordProps,
     competition_result_type:CompetitionResultTypeProps,
     company?:CompanyProps,
     admin?:PublicPlayerProps,
     pacer?:PublicPlayerProps,
     onCompetitionSelect:(c:CompetitionProps) => void
 }
-const CompetitionCard = ({ competition, competition_type, company, admin, onCompetitionSelect }:CompetitionCardProps) => {
+const CompetitionCard = ({ competition, competition_record, player, competition_result, competition_type, company, admin, onCompetitionSelect }:CompetitionCardProps) => {
     const Colors = useColors();
     const cl = competition.market_type == 'FOR_MONEY' ? '$' : 'E'
     let current_payout = competition.ticket_revenue
@@ -79,6 +83,29 @@ const CompetitionCard = ({ competition, competition_type, company, admin, onComp
                     </View>
                 </View>
             </View>
+            {player && competition_result && competition_record ?
+            <View type='footer' style={{ padding:10, flexDirection:'row', alignItems:'center', borderBottomWidth:1, borderColor:Colors.borders.light }}>
+                <Image
+                    source={{ uri: player.profile_pic }}
+                    style={{ height:30, width:30, borderRadius:100 }}
+                    resizeMode='contain'
+                />
+                <View transparent style={{ flex:1, marginLeft:10 }}>
+                    <Text theme='h1'>@{player.username}</Text>
+                    <View transparent style={{ marginTop:3 }}>
+                        {competition_type.type == 'pick' ?
+                        <Text theme="description">{competition_record.wins} - {competition_record.losses} - {competition_record.draws} ({competition_record.remaining_picks} Remaining)</Text>
+                        :competition_type.type == 'wager' ?
+                        <Text theme="description">{competition_record.earnings.toFixed(2)} Earned ({competition_record.remaining_stakes.toFixed(2)} at risk)</Text>
+                        :<></>}
+                    </View>
+                </View>
+                <View transparent style={{ alignItems:'flex-end' }}>
+                    <Text theme='h2' color={competition_result.winnings > 0 ? Colors.text.success : Colors.text.warning}>{cl}{competition_result.winnings.toFixed(2)}</Text>
+                    <Text theme='description' style={{ marginTop:3 }}>{CompetitionHelpers.formatPlace(competition_result.place)} / {competition.tickets_sold}</Text>
+                </View>
+            </View>
+            :<></>}
             <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
                 {company ?
                 <Image

package/src/Group/api/index.ts

@@ -0,0 +1,176 @@
+import axios from "axios";
+import { APIOverrides } from "../../ApiOverrides"
+import type { CompetitionPayoutTypeProps, CompetitionPlayerProps, CompetitionProps, CompetitionRecordProps, CompetitionResultProps, CompetitionResultTypeProps, CompetitionTypeProps, GroupMessageProps, GroupPlayerProps, GroupProps, NewOverallAnalytics, OrderAnalyticsProps, OrderProps, PostProps, PublicPlayerProps } from "../../types";
+
+
+//let EVENT_SVC_API = ''
+let AUTH_SVC_API = ''
+let MK_SVC_API = ''
+let SOCIAL_SVC_API = ''
+let TP_SVC_API = ''
+
+export { GroupApi, GroupHelpers }
+
+const GroupApi = {
+    setEnvironment: () => {
+        const endpoints = APIOverrides.getEndpoints();
+        //EVENT_SVC_API = endpoints['EVENT_SVC_API'] as string;
+        MK_SVC_API = endpoints['MK_SVC_API'] as string;
+        TP_SVC_API = endpoints['TP_SVC_API'] as string;
+        AUTH_SVC_API = endpoints['AUTH_SVC_API'] as string;
+        SOCIAL_SVC_API = endpoints['SOCIAL_SVC_API'] as string;
+    },
+    getGroupById: async(group_id:string):Promise<undefined|{ group:GroupProps, group_messages:GroupMessageProps[], group_players:GroupPlayerProps[], my_group_player?:GroupPlayerProps }> => {
+        try {
+            const resp = await axios.get(`${SOCIAL_SVC_API}/v2/groups/group/${group_id}`);
+            return resp.data
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    },
+    acceptInvite:async(group_player_id:string):Promise<GroupPlayerProps | undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v2/groups/player/accept`, { group_player_id });
+            return resp.data.group_player
+        } catch (e) {
+            return undefined
+        }
+    },
+    declineInvite:async(group_player_id:string):Promise<GroupPlayerProps | undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v2/groups/player/decline`, { group_player_id });
+            return resp.data.group_player
+        } catch (e) {
+            return undefined
+        }
+    },
+    join:async(group_id:string):Promise<GroupPlayerProps | undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v2/groups/player/join`, { group_id });
+            return resp.data.group_player
+        } catch (e) {
+            return undefined
+        }
+    },
+    leave:async(group_player_id:string):Promise<GroupPlayerProps | undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v2/groups/player/leave`, { group_player_id });
+            return resp.data.group_player
+        } catch (e) {
+            return undefined
+        }
+    },
+    updateGroup: async(group:GroupProps):Promise<GroupProps|undefined> => {
+        try {
+            const resp = await axios.post(`${SOCIAL_SVC_API}/v2/groups/group/update`, {group});
+            return resp.data.group
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    },
+    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 []
+        }
+    },
+    getGroupAnalytics: async(group_id:string, to:number, from:number):Promise<OrderAnalyticsProps[]> => {
+        try {
+            const resp = await axios.get(`${MK_SVC_API}/v1/analytics/group/details/${group_id}?to=${to}&from=${from}`);
+            console.log(resp.data)
+            return resp.data.analytics
+        } catch (e) {
+            return []
+        }
+    },
+    getCompetitionOptions: async():Promise<{competition_types:CompetitionTypeProps[], competition_result_types:CompetitionResultTypeProps[], competition_payout_types:CompetitionPayoutTypeProps[]}> => {
+        const resp = await axios.get(`${TP_SVC_API}/v1/competitions/options`)
+        return resp.data
+    },
+    getActiveCompetitions: async(group_id:string):Promise<{ competitions:CompetitionProps[], competition_players:CompetitionPlayerProps[], competition_records:CompetitionRecordProps[], competition_results:CompetitionResultProps[] }> => {
+        try {
+            const resp = await axios.get(`${TP_SVC_API}/v2/competitions/group/active/${group_id}`);
+            return resp.data
+        } catch (e) {
+            console.log(e);
+            return { competition_players:[], competition_records:[], competition_results:[], competitions:[] }
+        }
+    },
+    getHistoryCompetitions: async(group_id:string, offset:number):Promise<{ competitions:CompetitionProps[], competition_players:CompetitionPlayerProps[], competition_records:CompetitionRecordProps[], competition_results:CompetitionResultProps[] }> => {
+        try {
+            const resp = await axios.get(`${TP_SVC_API}/v2/competitions/group/history/${group_id}?offset=${offset}`);
+            return resp.data
+        } catch (e) {
+            console.log(e);
+            return { competition_players:[], competition_records:[], competition_results:[], competitions:[] }
+        }
+    },
+    getPostsByGroupId: async(group_id:string, offset:number):Promise<PostProps[]> => {
+        try {
+            const resp = await axios.get(`${SOCIAL_SVC_API}/v1/posts/group/${group_id}?offset=${offset}`);
+            return resp.data.posts
+        } catch (e) {
+            console.log(e)
+            return []
+        }
+    },
+    getBulkOrders: async(order_ids:string[]):Promise<OrderProps[]> => {
+        try {
+            const resp = await axios.post(`${MK_SVC_API}/v1/orders/bulk/get`, { order_ids })
+            return resp.data.orders
+        } catch (e) {
+            console.log(e);
+            return []
+        }
+    },
+}
+
+
+const GroupHelpers = {
+    sortMembers: (group_players:GroupPlayerProps[], order_analytics:OrderAnalyticsProps[]) => {
+        let player_analytics: { [key:string]: NewOverallAnalytics } = {}
+        group_players.map(p => {
+            let my_analytics = order_analytics.filter(oa => oa.player_id == p.player_id);
+            player_analytics[p.player_id] = GroupHelpers.aggregateAnalytics(my_analytics);
+        });
+
+        let sorted_players = group_players.filter(gp => gp.status == 'active').sort((a,b) => {
+            let a_analytics = player_analytics[a.player_id]?.roi_pct ?? 0
+            let b_analytcs = player_analytics[b.player_id]?.roi_pct ?? 0
+            return b_analytcs - a_analytics
+        });
+        return { sorted_players, player_analytics }
+    },
+     aggregateAnalytics: (analytics:OrderAnalyticsProps[]):NewOverallAnalytics => {
+        const wins = analytics.reduce((a,b) => a + b.wins, 0);
+        const losses = analytics.reduce((a,b) => a + b.losses, 0);
+        const draws = analytics.reduce((a,b) => a + b.draws, 0);
+        const fulfilled_positions = analytics.reduce((a,b) => a + parseFloat(b.fulfilled_positions as any), 0);
+        const winnings = analytics.reduce((a,b) => a + b.winnings, 0);
+        const original_stake = analytics.reduce((a,b) => a + b.original_stake, 0);
+        const cash_rcvd = analytics.reduce((a,b) => a + b.cash_rcvd, 0);
+        
+        const win_pct = (wins + (draws / 2)) / fulfilled_positions
+        const earnings = (winnings + cash_rcvd) - original_stake
+        const roi_pct = original_stake > 0 ? earnings / original_stake : 0
+        return {
+            winnings,
+            original_stake,
+            wins,
+            losses,
+            draws,
+            net_winnings: 0,
+            player_id: '',
+            fulfilled_positions,
+            cash_rcvd,
+            earnings,
+            win_pct,
+            roi_pct
+        }
+    }
+}

package/src/Group/components/GroupCTAButton.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+import moment from "moment-mini"
+import { useEffect } from "react"
+import type { GroupMessageProps, GroupPlayerProps, GroupProps, PublicPlayerProps } from "../../types"
+import { useColors } from "../../constants/useColors"
+import { Button, Text, View } from "../../Components/Themed"
+import { Icons } from '../../Components';
+import { Image } from 'react-native';
+
+type GroupCTAButtonProps = {
+    group:GroupProps,
+    message_length?:number,
+    group_messages:GroupMessageProps[],
+    players:PublicPlayerProps[],
+    group_players:GroupPlayerProps[],
+    onSelectChat:(group:GroupProps) => void
+}
+
+const GroupCTAButton = ({ group, players, message_length, group_messages, onSelectChat }:GroupCTAButtonProps) => {
+    const Colors = useColors();
+
+    useEffect(( ) => {
+        if(!group){ return }
+        //setUpCta();
+    },[group.group_id]);
+
+
+    let last_message = group_messages.sort((a,b) => moment(b.create_datetime).unix() - moment(a.create_datetime).unix())[0]
+    let cta_message = group.name
+    if(last_message?.message){ cta_message = `${last_message.message.slice(0, message_length ?? 15)}...` }
+    const last_player = players.find(p => p.player_id == last_message?.player_id)
+    return (
+        <View transparent>
+            <Button transparent style={{ flexDirection:'row', alignItems:'center', padding:2 }} onPress={() => onSelectChat(group)}>
+                {last_player ?
+                <Image
+                    source={{ uri: last_player.profile_pic }}
+                    style={{ height:30, width:30, borderRadius:100 }}
+                    resizeMode='contain'
+                />
+                :<></>}
+                <View transparent style={{ flex:1, marginLeft:10, marginRight:10 }}>
+                    <Text theme='h2'>{cta_message}</Text>
+                    {last_player ?
+                    <Text theme='description' style={{ marginTop:3 }}>@{last_player.username}</Text>
+                    :<></>}
+                </View>
+                 <View float style={{ padding:10, flexDirection:'row', alignItems:'center' }}>
+                    <Icons.ChatIcon size={16} color={Colors.text.h1}/>
+                    <Text theme='h2' size={12}> Chat</Text>
+                </View>
+            </Button>
+        </View>
+
+    )
+}
+export default GroupCTAButton

package/src/Group/components/GroupPlayerActionForm.tsx

@@ -0,0 +1,137 @@
+import React, { useState } from 'react';
+import { Button, Text, View } from "../../Components/Themed"
+import type { GroupPlayerProps, GroupProps, MyPlayerProps } from '../../types';
+import { GroupApi } from '../api';
+
+type GroupPlayerActionFormProps = {
+    me:MyPlayerProps,
+    group:GroupProps,
+    group_player?:GroupPlayerProps,
+    onResponse:(gp:GroupPlayerProps) => void,
+    onClose:() => void
+}
+const GroupPlayerActionForm = ({ group, group_player, onResponse, onClose }:GroupPlayerActionFormProps) => {
+    const [ action_loading, setActionLoading ] = useState(false);
+    
+    const handleAccept = async() => {
+        if(!group_player){ return }
+        setActionLoading(true)
+        const new_gp = await GroupApi.acceptInvite(group_player.group_player_id);
+        if(!new_gp){ alert('Unable to process') }
+        else {
+            onResponse(new_gp);
+        }
+        setActionLoading(false)
+    }
+
+    const handleDecline = async() => {
+        if(!group_player){ return }
+        setActionLoading(true)
+        const new_gp = await GroupApi.declineInvite(group_player.group_player_id);
+        if(!new_gp){ alert('Unable to process') }
+        else {
+            onResponse(new_gp);
+        }
+        setActionLoading(false)
+    }
+
+    const handleJoin= async() => {
+        setActionLoading(true)
+        const new_gp = await GroupApi.join(group.group_id);
+        if(!new_gp){ alert('Unable to process') }
+        else {
+            onResponse(new_gp);
+        }
+        setActionLoading(false)
+    }
+
+    const handleLeave = async() => {
+        if(!group_player){ return }
+        setActionLoading(true)
+        const new_gp = await GroupApi.leave(group_player.group_player_id);
+        if(!new_gp){ alert('Unable to process') }
+        else {
+            onResponse(new_gp);
+        }
+        setActionLoading(false)
+    }
+    return (
+        <View float>
+            <View type='header' style={{ flexDirection:'row', alignItems:'center', padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+                <View transparent style={{ flex:1 }}>
+                    <Text theme='h1'>{group.name}</Text>
+                    <Text theme='description' style={{ marginTop:3 }}>{group.description}</Text>
+                </View>
+                <Button
+                    title='X'
+                    float
+                    style={{ padding:10 }}
+                    onPress={() => onClose()}
+                />
+            </View>
+            <View type='body' style={{ padding:10 }}>
+                {group_player ?
+                <View>
+                    {group_player.status == 'invited' ?
+                    <Text theme='h1'>YOU HAVE BEEN INVITED</Text>
+                    :<></>}
+                    {group_player.status == 'active' ?
+                    <Text theme='h1'>YOU ARE A MEMBER OF THIS GROUP</Text>
+                    :<></>}
+                    {group_player.status == 'inactive' ?
+                    <Text theme='h1'>JOIN THIS GROUP NOW</Text>
+                    :<></>}
+                </View>
+                :
+                <View>                    
+                    <Text theme='h1'>JOIN THIS GROUP NOW</Text>
+                </View>
+                }
+            </View>
+            <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:5, borderBottomRightRadius:8, borderBottomLeftRadius:8 }}>
+                {group_player?.status == 'invited' ?
+                <Button
+                    title='DECLINE'
+                    type='error'
+                    loading={action_loading}
+                    style={{ flex:1, opacity: action_loading ? 0.5:1, margin:5 }}
+                    disabled={action_loading}
+                    onPress={() => handleDecline()}
+                />
+                :<></>}
+                {group_player?.status == 'invited' ?
+                <Button
+                    title='ACCEPT'
+                    type='success'
+                    loading={action_loading}
+                    style={{ flex:1, opacity: action_loading ? 0.5:1, margin:5 }}
+                    disabled={action_loading}
+                    onPress={() => handleAccept()}
+                />
+                :<></>}
+                {group_player?.status == 'active' ?
+                <Button
+                    title='LEAVE GROUP'
+                    type='error'
+                    loading={action_loading}
+                    style={{ flex:1, opacity: action_loading ? 0.5:1, margin:5 }}
+                    disabled={action_loading}
+                    onPress={() => handleLeave()}
+                />
+                :<></>}
+                {!group_player || group_player.status == 'inactive' ?
+                <Button
+                    title='JOIN GROUP'
+                    type='success'
+                    loading={action_loading}
+                    style={{ flex:1, opacity: action_loading ? 0.5:1, margin:5 }}
+                    disabled={action_loading}
+                    onPress={() => handleJoin()}
+                />
+                :<></>}
+            </View>
+        </View>
+    )
+}
+
+export default GroupPlayerActionForm