be-components 2.2.8 → 2.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,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,cAAc,MAAM,8BAA8B,CAAC;AAC1D,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;AAEhD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,YAAY,EACZ,eAAe,EACf,OAAO,EACP,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,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,cAAc,MAAM,8BAA8B,CAAC;AAC1D,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;AAGhD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,SAAS,EACT,eAAe,EACf,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,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,EACpB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACb,CAAA"}

package/package.json

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

package/src/AdServer/index.tsx

@@ -1,9 +1,8 @@
 import React, { createContext, useContext, useEffect, useState } from 'react';
 import { View, Linking } from "react-native"
 import { AdServerApi, AdServerHelpers } from './api';
-import type { AdPlacementProps, AdTypeProps, CompanyAdvertisementProps } from '../types';
+import type { AdPlacementProps, AdTypeProps, BEEventProps, CompanyAdvertisementProps } from '../types';
 import CompanyAdCard from './components/CompanyAdCard';
-import type { BEEventProps } from '../Observer/api/types';
 
 
 type AdServerProps = {

package/src/ApiOverrides/index.ts

@@ -18,8 +18,8 @@ const ENVIRONMENT_ENDPOINTS = {
         WALLET_SVC_API: 'http://localhost:3012',
         LOCATION_API: 'AIzaSyAZwcca9MedBHEedDdQmQG3AL9FMUwTvP0',
         PAYPAL_CLIENT_ID: 'AWSlToJzIYpEfvKMPB6vSyi54Sc9LEv6R0axuLUsAiJTo42vhHMpdUkLKv3zeGuayhL-05dKgC09iaS6',
-        WS_SVC_API: 'ws://localhost:3000'
-
+        WS_SVC_API: 'ws://localhost:3000',
+        ANALYTICS_SVC_API: 'https://be-analytics-svc.herokuapp.com'
     },
     STAGING: {
         AUTH_SVC_API: 'https://stage-be-auth-svc.herokuapp.com',
@@ -34,8 +34,8 @@ const ENVIRONMENT_ENDPOINTS = {
         WALLET_SVC_API: 'https://stage-be-pay-svc.herokuapp.com',
         LOCATION_API: 'AIzaSyAZwcca9MedBHEedDdQmQG3AL9FMUwTvP0',
         PAYPAL_CLIENT_ID: 'AWSlToJzIYpEfvKMPB6vSyi54Sc9LEv6R0axuLUsAiJTo42vhHMpdUkLKv3zeGuayhL-05dKgC09iaS6',
-        WS_SVC_API: 'wss://stage-be-ws.herokuapp.com'
-
+        WS_SVC_API: 'wss://stage-be-ws.herokuapp.com',
+        ANALYTICS_SVC_API: 'https://be-analytics-svc.herokuapp.com'
     },
     PRODUCTION: {
         AUTH_SVC_API: 'https://api.players.bettoredge.com',
@@ -50,7 +50,8 @@ const ENVIRONMENT_ENDPOINTS = {
         WALLET_SVC_API: 'https://be-pay-svc.herokuapp.com',
         LOCATION_API: 'AIzaSyAZwcca9MedBHEedDdQmQG3AL9FMUwTvP0',
         PAYPAL_CLIENT_ID: 'AUZbVk4xEx5hlDu52ogVyUr4LhPF7eIYWrvxqEh_ebiAlbdg8HUvCZHnNgnW9_gmkI2lx4nX095STlAr',
-        WS_SVC_API: 'wss://be-ws.herokuapp.com'
+        WS_SVC_API: 'wss://be-ws.herokuapp.com',
+        ANALYTICS_SVC_API: 'https://be-analytics-svc.herokuapp.com'
     }
 }
 

package/src/Competition/components/CompetitionPlay.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FlatList, TouchableOpacity, View } from "react-native"
-import type { AthleteProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionPlayerProps, CompetitionProps, CompetitionTypeProps, LeagueProps, MarketProps, PlayerPickProps } from "../../types";
+import type { AthleteProps, BEEventProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionPlayerProps, CompetitionProps, CompetitionTypeProps, LeagueProps, MarketProps, PlayerPickProps } from "../../types";
 import Colors from '../../constants/colors';
 import { useEffect, useState } from "react"
 import TeamEventCard from './TeamEventCard';
@@ -13,7 +13,6 @@ import LinearGradient from "react-native-linear-gradient";
 import { Icons, Text } from "../../Components";
 import LinearDiagnal from "../../Components/LinearDiagnal";
 import SpringView from "../../Components/Spring";
-import type { BEEventProps } from "../../Observer/api/types";
 
 type CompetitionPlayProps = {
     player_id?:string,

package/src/Competition/index.tsx

@@ -1,11 +1,10 @@
 import React, { useEffect, useState } from 'react';
 import { CompetitionApi, CompetitionHelpers, CompetitionMatchApi, CompetitionPlayerApi, PlayerPicksApi } from './api';
 import { View, ScrollView, Image, TouchableOpacity, ActivityIndicator } from 'react-native';
-import type { BEEventProps } from '../Observer/api/types';
 import { view_styles } from '../constants/styles';
 import { Button, Icons, Spring, Text } from '../Components';
 import Colors from '../constants/colors';
-import type { AthleteProps, CodeRequestProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionPayoutTypeProps, CompetitionPlayerProps, CompetitionProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps, EventProps, LeagueProps, MarketProps, MatchProps, MyPlayerProps, PlayerBalanceProps, PlayerPickProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps, TeamProps, TournamentProps } from '../types';
+import type { AthleteProps, BEEventProps, CodeRequestProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionPayoutTypeProps, CompetitionPlayerProps, CompetitionProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps, EventProps, LeagueProps, MarketProps, MatchProps, MyPlayerProps, PlayerBalanceProps, PlayerPickProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps, TeamProps, TournamentProps } from '../types';
 import CompetitionInfoCard from './components/CompetitionInfoCard';
 import CompetitionLeaderboard from './components/CompetitionLeaderboard';
 import WagerPickForm from './components/WagerPickForm';

package/src/Components/Icons.tsx

@@ -22,6 +22,56 @@ type IconProps = {
     )
 }
 
+const EmbedIcon = ({ color, size }:IconProps) => {
+    const ratio = 0.58333
+    const width = size ?? 24
+    const height = width * ratio
+    return (
+        <svg width={`${width}px`} height={`${height}px`} viewBox="0 0 24 14" version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <title>embed-svgrepo-com (1)</title>
+            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="embed-svgrepo-com-(1)" fill={color ?? Colors.brand.midnight} fill-rule="nonzero">
+                    <path d="M7.19657813,1.1409375 C7.18298438,1.1409375 7.16934375,1.1450625 7.15785938,1.15303125 L0.030046875,6.01879688 C0.01115625,6.0316875 0,6.05282813 0,6.07589062 L0,7.3846875 C0,7.407375 0.01115625,7.42889063 0.030046875,7.44140625 L7.15785938,12.3075469 C7.16939063,12.3155156 7.18298438,12.3196406 7.19657813,12.3196406 C7.20773438,12.3196406 7.21851563,12.3166406 7.22873438,12.3117187 C7.25142188,12.299625 7.26539063,12.2761875 7.26539063,12.2505 L7.26539063,10.1655937 C7.26539063,10.1432812 7.25423438,10.1217188 7.23534375,10.10925 L2.28604688,6.7299375 L7.23534375,3.35175 C7.25423437,3.33853125 7.26539063,3.31734375 7.26539063,3.29428125 L7.26539063,1.210125 C7.26539063,1.1844375 7.25142188,1.16095312 7.22873437,1.14923437 C7.21851563,1.14360938 7.20773438,1.1409375 7.19657813,1.1409375 Z" id="Path"></path>
+                    <path d="M23.9699063,6.01879688 L16.8420938,1.15303125 C16.8305625,1.14510938 16.8169687,1.1409375 16.8033281,1.1409375 C16.7921719,1.1409375 16.7814375,1.1435625 16.7712187,1.14923437 C16.7485312,1.16095312 16.7345625,1.1844375 16.7345625,1.210125 L16.7345625,3.29503125 C16.7345625,3.31771875 16.7457187,3.33890625 16.7646094,3.35175 L21.7139531,6.7299375 L16.7646094,10.10925 C16.7457187,10.1217188 16.7345625,10.1432344 16.7345625,10.1662969 L16.7345625,12.2504531 C16.7345625,12.2761406 16.7485312,12.299625 16.7712187,12.3116719 C16.7814375,12.3165937 16.7922187,12.3195937 16.8033281,12.3195937 C16.8169687,12.3195937 16.8305625,12.3154687 16.8420938,12.3075 L23.9699063,7.44135937 C23.9888438,7.42884375 24,7.40732812 24,7.38464062 L24,6.07584375 C24,6.05282813 23.9888438,6.0316875 23.9699063,6.01879688 Z" id="Path"></path>
+                    <path d="M15.2581406,0 L13.2658594,0 C13.236375,0 13.2102656,0.018515625 13.2008438,0.046125 L8.67660938,13.1657344 C8.6694375,13.1865 8.67292113,13.2099375 8.68570313,13.2277031 C8.69873438,13.2458438 8.71954688,13.2568125 8.74185938,13.2568125 L10.7343281,13.2568125 C10.763625,13.2568125 10.7897344,13.2382969 10.7993438,13.2103125 L15.3233906,0.0915 C15.3305625,0.0703125 15.3271875,0.046875 15.3143438,0.028734375 C15.3012656,0.01096875 15.2804063,0 15.2581406,0 Z" id="Path"></path>
+                </g>
+            </g>
+        </svg>
+    )
+}
+
+const TwitterXIcon = ({ size }:IconProps) => {
+    const ratio = 0.9166
+    const width = size ?? 24
+    const height = width * ratio
+    return (
+        <svg width={`${width}px`} height={`${height}px`} viewBox="0 0 24 22" version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <title>x-social-media-black-icon</title>
+            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="x-social-media-black-icon" fill="#000000">
+                    <path d="M18.9013594,0 L22.5813281,0 L14.5415156,9.189375 L24,21.6937031 L16.5938438,21.6937031 L10.7934844,14.1097031 L4.15635938,21.6937031 L0.473859375,21.6937031 L9.0733125,11.8648125 L0,0 L7.59370312,0 L12.8369531,6.931875 L18.9013594,0 Z M17.6096719,19.4908594 L19.6489688,19.4908594 L6.48576562,2.08720313 L4.29764062,2.08720313 L17.6096719,19.4908594 Z" id="Shape"></path>
+                </g>
+            </g>
+        </svg>
+    )
+}
+
+const FacebookIcon = ({ size }:IconProps) => {
+    const ratio = 0.625
+    const height = size ?? 24
+    const width = height * ratio
+    return (
+        <svg width={`${width}px`} height={`${height}px`} viewBox="0 0 15 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <title>facebook-svgrepo-com</title>
+            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="facebook-svgrepo-com" fill={'#1877F2'} fill-rule="nonzero">
+                    <path d="M9.6,4.8 L13.2,4.8 C13.8627417,4.8 14.4,4.2627417 14.4,3.6 L14.4,1.2 C14.4,0.5372583 13.8627417,0 13.2,0 L9.6,0 C6.2862915,0 3.6,2.6862915 3.6,6 L3.6,9.6 L1.2,9.6 C0.5372583,9.6 0,10.1372583 0,10.8 L0,13.2 C0,13.8627417 0.5372583,14.4 1.2,14.4 L3.6,14.4 L3.6,22.8 C3.6,23.4627417 4.1372583,24 4.8,24 L7.2,24 C7.8627417,24 8.4,23.4627417 8.4,22.8 L8.4,14.4 L11.064,14.4 C11.6288366,14.4164563 12.1286214,14.0366199 12.264,13.488 L12.864,11.088 C12.9542216,10.7237571 12.8688603,10.3382804 12.633296,10.0461807 C12.3977316,9.7540809 12.0390889,9.58899256 11.664,9.6 L8.4,9.6 L8.4,6 C8.4,5.3372583 8.9372583,4.8 9.6,4.8 Z" id="primary"></path>
+                </g>
+            </g>
+        </svg>
+    )
+}
+
 const PodiumIcon = ({ color, size, secondary_color }:IconProps) => {
     const icon_size = size ?? 20
 
@@ -1247,6 +1297,19 @@ const SelectorIcon = ({ color, size }:IconProps) => {
     )
 }
 
+const InstagramIcon = ({ size }: IconProps) => {
+    return (
+        <svg width={`${size ?? 18}`} height={`${size ?? 18}`} viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <title>instagram-167-svgrepo-com</title>
+            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <g id="instagram-167-svgrepo-com" fill={'#fccc63'} fill-rule="nonzero">
+                    <path d="M7.04358393,0.14727253 C5.09012398,0.235412546 3.39696687,0.713036633 2.02978382,2.07444888 C0.657824771,3.44301313 0.186176686,5.14269344 0.0978170697,7.07583379 C0.0428906598,8.28241001 -0.278307399,17.3978157 0.653048771,19.7883361 C1.28111688,21.4010644 2.51814911,22.6409886 4.14563381,23.2710727 C4.90504674,23.5664648 5.7719245,23.7665648 7.04358393,23.8249328 C17.6765639,24.3061329 21.618111,24.0440889 23.2802229,19.7883361 C23.5751517,19.0308 23.7781402,18.1648798 23.8342606,16.8963716 C24.3202367,6.23612164 23.755453,3.92540122 21.9022938,2.07444888 C20.4324232,0.608216614 18.7034436,-0.389907567 7.04358393,0.14727253 M7.14149555,21.6809764 C5.97730094,21.6285604 5.34564962,21.4344124 4.92415195,21.2712364 C3.86383895,20.8591203 3.06740961,20.0658601 2.65785193,19.011744 C1.94858821,17.1953276 2.18381585,8.56827406 2.24710026,7.17231381 C2.30919067,5.80493756 2.58620952,4.55548533 3.5509989,3.59070916 C4.74504471,2.39961294 6.28775179,1.81598083 16.7917761,2.29004092 C18.1625412,2.35197293 19.4150954,2.62830898 20.3822728,3.59070916 C21.5763186,4.78179337 22.1685655,6.33616565 21.6861714,16.7998916 C21.633633,17.9612038 21.4390037,18.5912879 21.2754197,19.011744 C20.1948075,21.7810205 17.7088031,22.1657405 7.14149555,21.6809764 M16.9075989,5.62746953 C16.9075989,6.41597767 17.548801,7.05677779 18.3404544,7.05677779 C19.1321065,7.05677779 19.7745038,6.41597767 19.7745038,5.62746953 C19.7745038,4.83897338 19.1321065,4.19816127 18.3404544,4.19816127 C17.548801,4.19816127 16.9075989,4.83897338 16.9075989,5.62746953 M5.83520891,11.9855027 C5.83520891,15.3634313 8.58032101,18.1017478 11.9666352,18.1017478 C15.3529506,18.1017478 18.0980627,15.3634313 18.0980627,11.9855027 C18.0980627,8.60757407 15.3529506,5.87045757 11.9666352,5.87045757 C8.58032101,5.87045757 5.83520891,8.60757407 5.83520891,11.9855027 M7.9868801,11.9855027 C7.9868801,9.79390628 9.76839683,8.01560196 11.9666352,8.01560196 C14.1648748,8.01560196 15.9463915,9.79390628 15.9463915,11.9855027 C15.9463915,14.1782991 14.1648748,15.9565914 11.9666352,15.9565914 C9.76839683,15.9565914 7.9868801,14.1782991 7.9868801,11.9855027" id="instagram-[#167]"></path>
+                </g>
+            </g>
+        </svg>
+    )
+}
+
 const LiquidityIcon = ({ color, size }:IconProps) => {
     const ratio = 0.65
     let width = size ?? 20
@@ -1417,13 +1480,16 @@ export default {
     WithdrawIcon,
     DepositIcon,
     BankInstantIcon,
+    FacebookIcon,
     CreditCardIcon,
     PlaidIcon,
     SettingsIcon,
     PayPalIcon,
+    EmbedIcon,
     ChevronIcon,
     ActivityIcon,
     ShareSocialIcon,
+    InstagramIcon,
     HeadToHeadIcon,
     EdgeCoinIcon,
     PacerCarIcon,
@@ -1431,6 +1497,7 @@ export default {
     TVIcon,
     PlusCircleIcon,
     PausedIcon,
+    TwitterXIcon,
     ChangeIcon,
     USDIcon,
     EyeOffIcon,

package/src/Components/TextInput.tsx

@@ -8,6 +8,7 @@ type TextInputProps = {
     key?:string,
     placeholder?:string,
     autoFocus?:boolean,
+    multiline?:boolean,
     keyboardType?:string,
     textContentType?:string,
     editable?:boolean,
@@ -16,12 +17,13 @@ type TextInputProps = {
     onBlur?: (evt:any) => void,
     placeholderTextColor?:string,
     onChangeText:(text:string) => void,
+    onContentSizeChange?:(data:any) => void,
     style?:any
 }
 
 const STANDARD_SIZE = 414
 
-const TextInput = ({ onChangeText, key, placeholderTextColor, value, placeholder, style, autoFocus, keyboardType, textContentType, editable, secureTextEntry, onSubmitEditing, onBlur } : TextInputProps) => {
+const TextInput = ({ onChangeText, key, placeholderTextColor, value, placeholder, style, autoFocus, multiline, keyboardType, textContentType, editable, secureTextEntry, onContentSizeChange, onSubmitEditing, onBlur } : TextInputProps) => {
     const dimensions = useWindowDimensions();
 
     let rendered_size = style?.fontSize ?? 14
@@ -34,6 +36,8 @@ const TextInput = ({ onChangeText, key, placeholderTextColor, value, placeholder
     return (
         <RNTextInput
             key={key}
+            onContentSizeChange={onContentSizeChange}
+            multiline={multiline ? true : false}
             style={{ 
                 padding:15, 
                 borderRadius:22, 

package/src/MarketComponents/components/TeamEventList/index.tsx

@@ -85,7 +85,7 @@ const TeamEventList = ({ events, show_grades, show_id, list_key, distinct_id, in
             <TeamEventMarket
                 event={data.item}
                 show_grades={show_grades}
-                show_id={show_id ? 'true' : 'false'}
+                show_id={show_id ? 'true' : undefined}
                 markets={markets}
                 init_expanded={init_expanded}
                 latest_trades={lts}

package/src/MarketComponents/components/TeamEventMarket/index.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { View, Image, FlatList, TouchableOpacity, ActivityIndicator, ScrollView } from 'react-native';
-import type { AthleteProps, BestAvailableOrderProps, CompanyProps, CompetitionProps, EventOrderStatProps, EventProps, MarketProps, MarketSideOptionProps, OrderProps, SquaresCompetitionProps, TradeProps } from '../../../types';
+import type { AthleteProps, BEEventProps, BestAvailableOrderProps, CompanyProps, CompetitionProps, EventOrderStatProps, EventProps, MarketProps, MarketSideOptionProps, OrderProps, SquaresCompetitionProps, TradeProps } from '../../../types';
 import { view_styles } from '../../../constants/styles';
 import { Button, Icons, LinearDiagnal, Text } from '../../../Components';
 import {TeamEventMarketHelpers} from './api';
@@ -13,7 +13,6 @@ import { MarketComponentApi, MarketComponentHelpers } from '../../api';
 import { MarketButtonHelpers } from '../MarketButton/api';
 import LinearGradient from 'react-native-linear-gradient';
 import { useIsInViewport } from '../../../Components/ViewportObserver';
-import type { BEEventProps } from '../../../Observer/api/types';
 import ContestStatsCard from '../ContestStats';
 
 type TeamEventMarketProps = {

package/src/Observer/api/index.ts

@@ -1,5 +1,5 @@
 import axios from 'axios';
-import type { BEEventProps, GeneratedLinkProps } from './types';
+import type { BEEventProps, GeneratedLinkProps } from '../../types';
 export { BEEventApi, BELinkApi }
 
 const ANALYTICS_SVC_API = 'https://be-analytics-svc.herokuapp.com';

package/src/Poll/index.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { PollApi, PollCampaignApi, PollResponseApi } from './api';
 import { View, ScrollView, ActivityIndicator } from 'react-native';
-import type { PollCampaignGoalProps, PollCampaignProps, PollOptionProps, PollProps, PollResponseProps } from '../types';
+import type { BEEventProps, PollCampaignGoalProps, PollCampaignProps, PollOptionProps, PollProps, PollResponseProps } from '../types';
 import Colors from '../constants/colors';
 import CampaignHeader from './components/CampaignHeader';
 import CampaignProgressBar from './components/CampaignProgressBar';
@@ -11,7 +11,6 @@ import { Spring } from '../Components';
 import CampaignResult from './components/CampaignResult';
 import CampaignLeaderboard from './components/CampaignLeaderboard';
 import PollCard from './components/PollCard';
-import type { BEEventProps } from '../Observer/api/types';
 import SocketManager from '../Socket';
 
 type PollCampaignModuleProps = {

package/src/Share/api/index.ts

@@ -0,0 +1,114 @@
+import axios from "axios";
+import { APIOverrides } from "../../ApiOverrides";
+import type { BEEventProps, GeneratedLinkProps } from '../../types';
+import { Platform, Share } from 'react-native';
+let ANALYTICS_SVC_API = '';
+
+export { ShareApi, ShareHelpers }
+
+const ShareApi = {
+    setEnvironment: () => {
+        const endpoints = APIOverrides.getEndpoints();
+        ANALYTICS_SVC_API = endpoints['ANALYTICS_SVC_API'] as string;
+    },
+    generateShortLink: async(generated_link:GeneratedLinkProps):Promise<{ generated_link:GeneratedLinkProps, url:string }> => {
+        try {
+            console.log('generating!!!')
+            const resp = await axios.post(`${ANALYTICS_SVC_API}/v1/links/redirect/generate`, { generated_link })
+            return { generated_link:resp.data.generated_link, url: `https://share.mybe.app/id/${resp.data.generated_link.visible_id}` }
+        } catch (e) {
+            console.log(e)
+            return { generated_link, url: generated_link.redirect_url }
+        }
+    },
+    getGeneratedLinkById: async(generated_link_id:string):Promise<{ generated_link:GeneratedLinkProps, url:string } | undefined> => {
+        try {
+            const resp = await axios.get(`${ANALYTICS_SVC_API}/v1/links/link/${generated_link_id}`);
+            return { generated_link: resp.data.generated_link, url: `https://share.mybe.app/id/${resp.data.generated_link.visible_id}`}
+        } catch (e) {
+            return undefined
+        }
+    },
+    updateGeneratedLink: async(generated_link:GeneratedLinkProps):Promise<{ url:string, generated_link:GeneratedLinkProps } | undefined> => {
+        try {
+            const resp = await axios.post(`${ANALYTICS_SVC_API}/v1/links/redirect/update`, { generated_link })
+            return { url: `https://share.mybe.app/id/${resp.data.generated_link.visible_id}`, generated_link: resp.data.generated_link }
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    },
+    isGeneratedLinkAvailable: async(generated_link:GeneratedLinkProps):Promise<boolean> => {
+        try {
+            const resp = await axios.post(`${ANALYTICS_SVC_API}/v1/links/redirect/available`, { generated_link })
+            return resp.data.is_available
+        } catch (e) {
+            console.log(e);
+            return false
+        }
+    },
+    share: async(title:string, text?:string, link?:string, generated_link_id?:string):Promise<BEEventProps | undefined> => { 
+        try {
+            if (Platform.OS === 'web') {
+                if (navigator.share) {
+                    const resp = await navigator.share({
+                        title,
+                        text:text,
+                        url: link 
+                    })
+                    console.log(resp)
+                    return {
+                        event_name: 'generated_link',
+                        event_data: {
+                            generated_link_id
+                        },
+                        level:1
+                    }
+                } else {
+                    console.log('DIDNT SHARE!!!')
+                    // Fallback for browsers that don't support Web Share API
+                    alert('Sharing is not supported in this browser.');
+                    return undefined
+                }
+            } else {
+                await Share.share({
+                    message: text,
+                    url: link ?? '',
+                });
+                return {
+                    event_name: 'generated_link',
+                    event_data: {
+                        generated_link_id
+                    },
+                    level:1
+                }
+            }
+        } catch (error) {
+            console.error('Error sharing:', error);
+            return undefined
+        }
+    }
+}
+
+
+const ShareHelpers = {
+    nativeShareAvailable : () => {
+        if(!navigator){ return false }
+        if(!navigator.share){ return false }
+        return true
+    },
+    extractQueryParams: (url?:string):{ key:string, value:string }[] => {
+        if(!url){ return [] }
+        let query_params:{key:string, value:string}[] = []
+        const parsedPath2 = url.split(/[?&]/)
+        parsedPath2.map(p => {
+            let vars = p.split('=')
+            if(vars.length !== 2){ return }
+            const queryVariable = vars[0]
+            const queryValue = vars[1]
+            if(!queryVariable || !queryValue){ return }
+            query_params.push({ key: queryVariable, value: queryValue })
+        })
+        return query_params
+    }
+}

package/src/Share/components/EmbedPreview.tsx

@@ -0,0 +1,35 @@
+import React, { useEffect } from 'react';
+import { View } from 'react-native';
+
+type EmbedPreviewProps = {
+    widget_element: any,
+    script_source:string,
+    div_id:string
+}
+
+const EmbedPreview = ({ div_id, widget_element, script_source } : EmbedPreviewProps) => {
+
+    useEffect(() => {
+        initiateScript(script_source);
+    },[widget_element])
+    
+    const initiateScript = (source:string) => {
+        const scriptRunTime = document.createElement('script');
+        const scriptMain = document.createElement('script');
+        scriptRunTime.src = 'https://widgets.bettoredge.com/widget.common.js'
+        scriptMain.src = source
+        const container = document.getElementById(div_id);
+        (container as HTMLElement).appendChild(scriptRunTime);
+        (container as HTMLElement).appendChild(scriptMain);
+    }
+    
+
+    return (
+        <View>
+            {widget_element}
+        </View>
+    )
+
+}
+
+export default EmbedPreview