\n )\n}\n\nexport default Players;","export function animOnSwipe(ts){\n\n const eleList = {\n scaleEle: ts.getInfo().slideItems,\n }\n\n const animateEle = (e) => {\n let position = 0,\n i,\n newScale,\n newBoundry;\n\n if (eleList.scaleEle) {\n for (i = 0; i < eleList.scaleEle.length; i++) {\n position = Math.abs(checkElemPos(eleList.scaleEle[i]));\n newBoundry = 0.9;\n if (position > newBoundry) position = 1;\n\n if(e.type == 'touchEnd' || e.type == 'dragEnd'){\n if(eleList.scaleEle[i].classList.contains('tns-slide-active')){\n position = 0;\n }else{\n position = 1;\n }\n \n }\n \n newScale = 1 - (position / 5);\n eleList.scaleEle[i].style.transform = \"scale(\" + newScale + \")\";\n }\n }\n }\n\n const checkElemPos = (element) => {\n //Getting top bottom and center of the viewport\n const docStart = 0;\n const docEnd = window.innerWidth\n const docCenter = (docEnd / 2);\n //Get top and bottom position of element from the top of viewport\n const elemStart = element.getBoundingClientRect().left;\n const elemEnd = elemStart + element.clientWidth;\n //Getting center of element in relation to the center of the viewport (if the element is center screen this will be 0)\n const elemCenter = elemStart + (element.clientWidth / 2) - docCenter;\n //set Default percentage to 1 (off the bottom)\n let perc = 1;\n // If part of the element is in the viewport update the percentage (-1 == off the top, 0 == in center, 1 == off the bottom)\n if (elemStart < docEnd && elemEnd > docStart) {\n //Set percent to the center of the element to the center of the screen plus half its self so anim triggers as soon as element is visible.\n perc = (elemCenter / (docCenter + (element.clientWidth / 2)));\n } else if (elemEnd < docStart) {\n // if not on page but possition is off the top set perc to -1\n perc = -1;\n }\n return perc;\n }\n\n const throttle = (callback, limit) => {\n \n var tick = false;\n return (...args) => {\n if (!tick) {\n callback(...args);\n tick = true;\n setTimeout(() => {\n tick = false;\n }, limit);\n }\n }\n }\n \n if(ts.getInfo().items == 1){\n ts.events.on('touchMove', throttle(animateEle, 80))\n ts.events.on('dragMove', throttle(animateEle, 80))\n ts.events.on('touchEnd', throttle(animateEle, 80))\n ts.events.on('dragEnd', throttle(animateEle, 80))\n animateEle({event:{type:'load'}});\n }\n \n\n}\n\n","import React from 'react';\nimport styles from './ActionReplayPlaceholder.module.scss';\n\nconst ActionReplayPlaceholder = (props) => {\n let players = props.players.players;\n let video = props.video.video;\n let Game = () => {\n let player = players.filter(player => {return player.id == video.players})[0];\n let playerPhoto = player.photo ? 'data:image/jpeg;base64, ' + player.photo : player.gender == 'male' ? './img/boy.png' : './img/girl.png' ;\n\n let bgSrc, gameLogo, fontSize, viewBox;\n switch(video.game) {\n case 'DEMOLITION':\n bgSrc = \"./img/game-demolition-colour.jpg\"\n gameLogo = \"./img/gamelogo-demolition.png\"\n fontSize = 'smallText';\n viewBox = '0 0 300 80';\n break;\n case 'SHANGHAI':\n bgSrc = \"./img/game-shanghai-colour.jpg\"\n gameLogo = \"/img/gamelogo-shanghai.png\"\n fontSize = 'smallText';\n viewBox = '0 0 300 80';\n break;\n case 'QUACKSHOT':\n bgSrc = \"./img/game-quackshot-colour.jpg\"\n gameLogo = \"/img/gamelogo-quackshot.png\"\n fontSize = 'largeText';\n viewBox = '0 0 390 90';\n break;\n case 'KILLER':\n bgSrc = \"./img/game-killer-colour.jpg\"\n gameLogo = \"/img/gamelogo-killer.png\"\n fontSize = 'largeText';\n viewBox = '0 0 390 90';\n break;\n case 'SNAKESANDLADDERS':\n bgSrc = \"./img/game-snakes-colour.jpg\"\n gameLogo = \"/img/gamelogo-snakes.png\"\n fontSize = 'largeText';\n viewBox = '0 0 390 90';\n break;\n case 'DONKEYDERBY':\n bgSrc = \"./img/game-donkey-colour.jpg\"\n gameLogo = \"/img/gamelogo-donkey.png\"\n fontSize = 'smallText';\n viewBox = '0 0 300 80';\n break;\n\n }\n return (\n
\n
\n \n
\n
\n \n
\n
\n
\n \n
\n \n
\n \n
\n
\n
\n )\n };\n\n return ;\n}\n\nexport default ActionReplayPlaceholder;","import React, {useState, useRef, useEffect} from 'react';\nimport styles from './ActionReplays.module.scss';\nimport TinySlider from \"tiny-slider-react\";\nimport SliderControls from \"./SliderButton\"\nimport sliderStyles from './TinySlider.module.scss';\nimport { animOnSwipe } from '../scripts/animation';\nimport {isMobile, isIOS} from 'react-device-detect';\n\nimport ActionReplayPlaceholder from '../components/ActionReplayPlaceholder'\nimport { AzureMP } from 'react-azure-mp';\nimport { Context } from '../Store';\nimport ReactPlayer from 'react-player/lazy'\n\n\nconst ActionReplays = (props) => {\n const state = React.useContext(Context); \n const sliderRef = useRef();\n\n const settings = {\n lazyload: true,\n touch: true,\n nav: false,\n controlsContainer: '.'+styles.sliderContainer + ' .sliderControls',\n mouseDrag: true,\n loop: false,\n items: 1,\n gutter: 5,\n responsive: {\n 640:{\n items: (state.actionReplays.length < 2) ? state.actionReplays.length : 2,\n edgePadding: 30,\n },\n 1024:{\n items: (state.actionReplays.length < 4) ? state.actionReplays.length : 4 ,\n edgePadding: 30,\n }\n }\n };\n\n let actionReplaysVideos = state.actionReplays.map(video => {\n if(video.video_provider == 'Azure'){\n return
\n )\n}\nexport default Lightbox;","import React, {useState} from 'react';\nimport Footer from '../../components/Footer';\nimport IsCopiedMessage from '../../components/IsCopiedMessage';\nimport PreviewOverlay from '../../components/PreviewOverlay/PreviewOverlay';\nimport Lightbox from '../Lightbox/Lightbox';\nimport CopiedContext from '../../CopiedContext';\n\n\nconst CopyLinkContainer = (props) => {\n\n const [showCopied, setShowCopied] = useState();\n const copied = { showCopied, setShowCopied };\n\n return (\n
\n \n \n \n \n \n \n
\n );\n};\n\nexport default CopyLinkContainer;","import React from 'react';\nimport styles from './LoadingStory.module.css';\n\n\nconst LoadingStory = (props) => {\n\n return (\n
\n
\n
\n
Loading your
\n
\n
Story
\n
\n\n \n
\n );\n\n}\n\nexport default LoadingStory;","// Base container for the app.\n// data Pulled from Azure, sorted as required and passed to each component\n// Component are then built into the app if there is data associated.\nimport React, { useContext, useState } from \"react\";\nimport { Context } from \"../Store\";\nimport axios from \"axios\";\nimport { useParams, useLocation } from \"react-router-dom\";\nimport ReactGA from \"react-ga4\";\nimport Header from \"../components/Header\";\nimport Players from \"../components/Players\";\nimport ActionReplays from \"../components/ActionReplays\";\nimport GroupPhotos from \"../components/GroupPhotos\";\nimport Games from \"../components/Games\";\nimport Loopcams from \"../components/Loopcams\";\n// import BannerContainer from '../components/BannerContainer';\nimport CopyLinkContainer from \"../components/CopyLinkContainer/CopyLinkContainer\";\nimport LoadingStory from \"../components/LoadingStory\";\n\nconst StoryContainer = () => {\n // Setting app context to Store.js Where the overall state is kept\n const [state, setState] = useContext(Context);\n const { search } = useLocation();\n const params = new URLSearchParams(search);\n const debug = params.get(\"debug\");\n\n // set up azure Var\n let StoriesAzureAPI;\n let country =\n window.location.href.indexOf(\".us.\") != -1\n ? \"us\"\n : window.location.href.indexOf(\".au\") != -1\n ? \"aus\"\n : window.location.href.indexOf(\".ie\") != -1\n ? \"ie\"\n : \"uk\";\n\n // Check url to select appropriate Azure connection\n if (country == \"us\") {\n StoriesAzureAPI = axios.create({\n baseURL: \"https://usstoryfunctions.azurewebsites.net/api/\",\n params: {\n code: `${process.env.REACT_APP_US_KEY}`,\n },\n headers: {\n \"Content-type\": \"application/json\",\n },\n });\n StoriesAzureAPI.interceptors.request.use((config) => {\n config.params = {\n code: `${process.env.REACT_APP_US_KEY}`,\n ...config.params,\n };\n return config;\n });\n } else if (country == \"aus\") {\n StoriesAzureAPI = axios.create({\n baseURL:\n \"https://ausstoryfunctions-apim.azure-api.net/AusStoryFunctions/StoryData/\",\n headers: {\n \"Content-type\": \"application/json\",\n \"FC-Key\": `${process.env.REACT_APP_AUS_KEY}`,\n },\n });\n } else if (country == \"ie\") {\n StoriesAzureAPI = axios.create({\n baseURL:\n \"https://irlstoryfunctions-apim.azure-api.net/StoryFunctionsIRL/StoryData/\",\n headers: {\n \"Content-type\": \"application/json\",\n \"FC-Key\": `${process.env.REACT_APP_IE_KEY}`,\n },\n });\n } else {\n StoriesAzureAPI = axios.create({\n baseURL: \"https://flightclubapi.azure-api.net/uk/v2/StoryData/\",\n headers: {\n \"Content-type\": \"application/json\",\n \"FC-Key\": `${process.env.REACT_APP_UK_KEY}`,\n },\n });\n }\n\n // On load will use the string after the first slash (/) as the GUID\n // to request Stories data from the Azure API. Will work both with or without the trailing #/ in the URL\n let { guid } = useParams();\n\n // Set up all Venues with appropriate variables including Disploay name, city, website URL and blob url\n const venues = [\n {\n code: \"BLOOM\",\n name: \"Bloomsbury\",\n city: \"london\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/3DtHvR3\",\n },\n {\n code: \"BIRMI\",\n name: \"Birmingham\",\n city: \"birmingham\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/3P7w9ov\",\n },\n {\n code: \"ISLIN\",\n name: \"Islington\",\n city: \"london\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/4iIj82h\",\n },\n {\n code: \"MANCH\",\n name: \"Manchester\",\n city: \"manchester\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/41IEhmM\",\n },\n {\n code: \"SHORE\",\n name: \"Shoreditch\",\n city: \"london\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/41HR5d7\",\n },\n {\n code: \"VICTO\",\n name: \"Victoria\",\n city: \"london\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/4iN3YZr\",\n },\n {\n code: \"LEEDS\",\n name: \"Leeds\",\n city: \"leeds\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/3VSfw3O\",\n },\n {\n code: \"BRIST\",\n name: \"Bristol\",\n city: \"bristol\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/49OalYv\",\n },\n {\n code: \"CHELT\",\n name: \"Cheltenham\",\n city: \"cheltenham\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/4gQLp50\",\n },\n {\n code: \"CARDI\",\n name: \"Cardiff\",\n city: \"cardiff\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/3DsqiYl\",\n },\n {\n code: \"GLASG\",\n name: \"Glasgow\",\n city: \"glasgow\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/49PHPpm\",\n },\n {\n code: \"EDINB\",\n name: \"Edinburgh\",\n city: \"edinburgh\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/4fvZzav\",\n },\n {\n code: \"LIVER\",\n name: \"Liverpool\",\n city: \"liverpool\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/41MJqdm\",\n },\n {\n code: \"OXFOR\",\n name: \"Oxford\",\n city: \"oxford\",\n url: \"flightclubdarts.com\",\n blob_url: \"https://flightclubdarts.blob.core.windows.net\",\n azure_url: \"https://storiesvideos-ukso1.streaming.media.azure.net\",\n video_url: \"https://storiesvideostorage.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/41NDn8t\",\n },\n {\n code: \"BOSTO\",\n name: \"Boston\",\n city: \"boston\",\n url: \"https://flightclubdartsusa.com/boston/seaport\",\n blob_url: \"https://flightclubdartsusa.blob.core.windows.net\",\n azure_url: \"https://storiesvideosus-usso.streaming.media.azure.net\",\n video_url: \"\",\n feedback_url: \"https://g.page/r/CUeXtkyvsyNhEBM/review\",\n },\n {\n code: \"CHICA\",\n name: \"Chicago\",\n city: \"chicago\",\n url: \"flightclubdartsusa.com/chicago/wacker\",\n blob_url: \"https://flightclubdartsusa.blob.core.windows.net\",\n azure_url: \"https://storiesvideosus-usso.streaming.media.azure.net\",\n video_url: \"\",\n feedback_url: \"https://g.page/r/CbJJgIqLqxJcEBM/review\",\n },\n {\n code: \"HOUST\",\n name: \"Houston\",\n city: \"houston\",\n url: \"flightclubdartsusa.com/houston/regent-square\",\n blob_url: \"https://flightclubdartsusa.blob.core.windows.net\",\n azure_url: \"https://storiesvideosus-usso.streaming.media.azure.net\",\n video_url: \"\",\n feedback_url: \"https://g.page/r/CQfLfyKpa_cxEBM/review\",\n },\n {\n code: \"LASVE\",\n name: \"LasVegas\",\n city: \"lasvegas\",\n url: \"flightclubdartsusa.com/las-vegas/the-strip\",\n blob_url: \"https://flightclubdartsusa.blob.core.windows.net\",\n azure_url: \"https://storiesvideosus-usso.streaming.media.azure.net\",\n video_url: \"\",\n feedback_url: \"https://g.page/r/CYYyULVGpuZ0EBM/review\",\n },\n {\n code: \"ATLAN\",\n name: \"Atlanta\",\n city: \"atlanta\",\n url: \"flightclubdartsusa.com/atlanta/atlanta\",\n blob_url: \"https://flightclubdartsusa.blob.core.windows.net\",\n azure_url: \"https://storiesvideosus-usso.streaming.media.azure.net\",\n feedback_url: \"https://g.page/r/CYWwAV9OgmtLEBM/review\",\n },\n {\n code: \"PERTH\",\n name: \"Perth\",\n city: \"perth\",\n url: \"flightclubdarts.com.au\",\n blob_url: \"https://flightclubdartsaus.blob.core.windows.net\",\n azure_url: \"https://storiesvideosaus-aueas.streaming.media.azure.net\",\n video_url: \"https://videostorageaus.blob.core.windows.net\",\n feedback_url: \"\",\n },\n {\n code: \"FREMA\",\n name: \"Fremantle\",\n city: \"Fremantle\",\n url: \"flightclubdarts.com.au\",\n blob_url: \"https://flightclubdartsaus.blob.core.windows.net\",\n azure_url: \"https://storiesvideosaus-aueas.streaming.media.azure.net\",\n video_url: \"https://videostorageaus.blob.core.windows.net\",\n feedback_url: \"\",\n },\n {\n code: \"SYDNE\",\n name: \"Sydney\",\n city: \"Sydney\",\n url: \"flightclubdarts.com.au\",\n\n blob_url: \"https://flightclubdartsaus.blob.core.windows.net\",\n azure_url: \"https://storiesvideosaus-aueas.streaming.media.azure.net\",\n video_url: \"https://videostorageaus.blob.core.windows.net\",\n feedback_url: \"\",\n },\n {\n code: \"MELBO\",\n name: \"Melbourne\",\n city: \"Melbourne\",\n url: \"flightclubdarts.com.au\",\n blob_url: \"https://flightclubdartsaus.blob.core.windows.net\",\n azure_url: \"https://storiesvideosaus-aueas.streaming.media.azure.net\",\n video_url: \"https://videostorageaus.blob.core.windows.net\",\n feedback_url: \"https://bit.ly/3Yt7mPF\",\n },\n {\n code: \"DENVE\",\n name: \"Denver\",\n city: \"denver\",\n url: \"flightclubdartsusa.com/denver/denver\",\n blob_url: \"https://flightclubdartsusa.blob.core.windows.net\",\n azure_url: \"https://storiesvideosus-usso.streaming.media.azure.net\",\n feedback_url: \"https://g.page/r/CUCOqGLKmOtyEBM/review\",\n },\n {\n code: \"WASHI\",\n name: \"Washington\",\n city: \"washington\",\n url: \"flightclubdartsusa.com/washington/dc\",\n blob_url: \"https://flightclubdartsusa.blob.core.windows.net\",\n azure_url: \"https://storiesvideosus-usso.streaming.media.azure.net\",\n feedback_url: \"\",\n },\n {\n code: \"STLOU\",\n name: \"StLouis\",\n city: \"stlouis\",\n url: \"flightclubdartsusa.com/st-louis/st-louis\",\n blob_url: \"https://flightclubdartsusa.blob.core.windows.net\",\n azure_url: \"https://storiesvideosus-usso.streaming.media.azure.net\",\n feedback_url: \"\",\n },\n {\n code: \"PHILA\",\n name: \"Philadelphia\",\n city: \"philadelphia\",\n url: \"flightclubdartsusa.com/philadelphia/philadelphia\",\n blob_url: \"https://flightclubdartsusa.blob.core.windows.net\",\n azure_url: \"https://storiesvideosus-usso.streaming.media.azure.net\",\n feedback_url: \"\",\n },\n {\n code: \"DUBLI\",\n name: \"Dublin\",\n city: \"dublin\",\n url: \"flightclubdarts.com/ie\",\n blob_url: \"https://flightclubdartsirl.blob.core.windows.net\",\n azure_url: \"\",\n video_url: \"https://videostorageirl.blob.core.windows.net\",\n feedback_url: \"\",\n },\n ];\n // function to get Venue array based on story data venue code\n const getVenueName = (venue_code) => {\n let venue = {};\n venues.forEach((item) => {\n if (venue_code.slice(0, 5).toUpperCase() == item.code) {\n venue = {\n venue_name: item.name,\n city_name: item.city,\n city_url: item.url,\n blob_url: item.blob_url,\n azure_url: item.azure_url,\n video_url: item.video_url,\n feedback_url: item.feedback_url,\n };\n }\n });\n return venue;\n };\n\n // Get story data from GUID\n const getStoryData = async (id) => {\n // Get story data depending on url (USA is using a slightly differnt system which requires a different call)\n let story;\n if (country === \"us\") {\n story = await await StoriesAzureAPI.get(\"GetStoryData\", {\n params: { id: id },\n }).then((response) => {\n if (debug) console.log(\"API request response:\", response);\n return response;\n });\n } else {\n story = await await StoriesAzureAPI.get(id).then((response) => {\n if (debug) console.log(\"API request response:\", response);\n return response;\n });\n }\n // After raw Story data has been pulled we trigger getVenueName\n let venue = getVenueName(story.data.venue_code);\n\n // Get all events from story and sort them into different arrays for photos, loopcams, actionreplays and games\n let events = story.data.Newsfeed.reduce(\n (data, event) => {\n if (event.type === 201) {\n // Event 201 - Photo. If Uri exists add it to array\n if (event.asset_uri !== \"\") {\n data.photos.push(event);\n }\n } else if (event.type === 200) {\n // Event 200 - Loopcam. If Uri exists add it to array\n if (event.asset_uri !== \"\") {\n data.loopcams.push(event);\n }\n } else if (event.type >= 100 && event.type <= 150) {\n // Event between 100 - 150 - Action Replay. if Uri exits add it to array\n if (event.asset_uri !== \"\") {\n data.actionReplays.push(event);\n }\n } else if (event.type >= 1 && event.type <= 30) {\n // Event 1- 30 Game Events.\n // CHeck for event 1(Game start) Add as new game type to game object. This only lets there be one object for each game type\n if (event.type == 1) {\n if (!(event.game in data.games)) {\n data.games[event.game] = [];\n }\n }\n // add each game event to the relevent game type object\n data.games[event.game].push(event);\n }\n return data;\n },\n {\n actionReplays: [],\n loopcams: [],\n photos: [],\n games: {},\n }\n );\n //console.log(events)\n\n //set up array for game events\n let gameEvents = [];\n //loop through each game type from games object\n for (let [key, game] of Object.entries(events.games)) {\n //console.log(key, game)\n // set highscor var to black at the start of each loop\n let highscore;\n // switch to do different array manipulation dependant on game type\n switch (key) {\n case \"DEMOLITION\":\n // map array to be value of info if event is type 2 (High 3 dart score) otherwise set it to 0\n // use math max apply to new array to get the highest value.\n highscore = Math.max.apply(\n null,\n game.map(function (o) {\n if (o.type == 2) {\n return +o.info;\n } else {\n return 0;\n }\n })\n );\n if (highscore != 0) {\n // if high score exists get full event object and if a player exists in that object add it to the game events array\n let obj = game.find(function (o) {\n return o.info == highscore;\n });\n if (obj.players) {\n gameEvents.push(obj);\n }\n }\n break;\n case \"SHANGHAI\":\n // map array to be value of info(1st in list * 2nd item in list) if event is type 9 (High 3 dart score) otherwise set it to 0\n // use math max apply to new array to get the highest value.\n highscore = Math.max.apply(\n null,\n game.map(function (o) {\n if (o.type == 9) {\n return +o.info.split(\",\")[0] * +o.info.split(\",\")[1];\n } else {\n return 0;\n }\n })\n );\n if (highscore != 0) {\n // if high score exists get full event object and if a player exists in that object add it to the game events array\n let obj = game.find(function (o) {\n return +o.info.split(\",\")[0] * +o.info.split(\",\")[1] == highscore;\n });\n if (obj.players) {\n gameEvents.push(obj);\n }\n }\n break;\n case \"QUACKSHOT\":\n //Creating new array with player and player score(info). reduce will loop through each item in array and check for the score\n let duckScore = game.reduce((r, { players, info, type }) => {\n // Look for event 10 (Bulleye's)\n if (type == 10) {\n //Look for player in new socre array\n var temp = r.find((o) => o.players === players);\n //if player exists add this score to the existing socre\n if (temp) {\n temp.info += info.split(\",\").reduce((a, b) => +a + +b);\n } else {\n // if player doesnt exist in new array yet5 add it in\n let score = info.split(\",\").reduce((a, b) => +a + +b);\n if (players) {\n r.push({ players, info: score });\n }\n }\n }\n return r;\n }, []);\n // If there are any bullseye scores find highest by loopong through the array via reduce and comparing current score to current max\n if (duckScore.length)\n highscore = duckScore.reduce((max, score) =>\n max.info > score.info ? max : score\n );\n if (highscore) {\n // if a highscore exists find player details and add to game events array\n let obj = game.find(function (o) {\n return o.players === highscore.players;\n });\n gameEvents.push(obj);\n }\n break;\n case \"KILLER\":\n //Creating new array with player abd kill count. reduce will loop through each item in array and check for kill events\n let killScore = game.reduce((r, { players, type }) => {\n //Look for event type 13 (Kill event)\n if (type == 13) {\n //check new array to see if playe already exists. Iff they do increase kill count by one\n var temp = r.find((o) => o.players === players);\n if (temp) {\n temp.count++;\n } else {\n // if player doesnt exist add them to arry with count of one\n let score = 1;\n r.push({ players, count: score });\n }\n }\n return r;\n }, []);\n // If there are any Kills find highest by loopong through the array via reduce and comparing current score to current max\n if (killScore.length)\n highscore = killScore.reduce((max, score) =>\n max.count > score.count ? max : score\n );\n if (highscore) {\n // if a highscore exists find player details and add to game events array\n let obj = game.find(function (o) {\n return o.players === highscore.players;\n });\n gameEvents.push(obj);\n }\n break;\n case \"SNAKESANDLADDERS\":\n //Creating new array with player and snake count. reduce will loop through each item in array and check for Snake events\n let snakeScore = game.reduce((r, { players, type }) => {\n //Look for event type 15 (Snake event)\n if (type == 15) {\n //check new array to see if playe already exists. If they do increase snake count by one\n var temp = r.find((o) => o.players === players);\n if (temp) {\n temp.count++;\n } else {\n // if player doesnt exist add them to array with count of one\n let score = 1;\n r.push({ players, count: score });\n }\n }\n return r;\n }, []);\n // If there are any snake evtns find highest by looping through the array via reduce and comparing current score to current max\n if (snakeScore.length)\n highscore = snakeScore.reduce((max, score) =>\n max.count > score.count ? max : score\n );\n if (highscore) {\n // if a highscore exists find player details and add to game events array\n let obj = game.find(function (o) {\n return o.players === highscore.players;\n });\n gameEvents.push(obj);\n }\n break;\n case \"DONKEYDERBY\":\n // code block\n break;\n default:\n // default\n break;\n }\n }\n // Set state variables to story data and event data\n setState({\n ...state,\n guid: guid,\n type: story.data.type,\n reference: story.data.reference,\n country: country,\n venue: venue.venue_name,\n city: venue.city_name,\n cityurl: venue.city_url,\n bloburl: venue.blob_url,\n azureurl: venue.azure_url,\n videourl: venue.video_url,\n feedbackurl: venue.feedback_url,\n players: story.data.Players,\n teams: story.data.Teams,\n newsfeed: story.data.Newsfeed,\n photos: events.photos,\n actionReplays:\n story.data.type == \"1\" || story.data.type == \"3\"\n ? events.actionReplays\n .slice(\n events.actionReplays.length - 10 < 0\n ? 0\n : events.actionReplays.length - 10,\n events.actionReplays.length\n )\n .reverse()\n : events.actionReplays,\n loopcams: events.loopcams,\n games: gameEvents,\n debug: debug,\n });\n // GGoogle analytics trigger open story event\n ReactGA.event({\n category: \"Story opened\",\n action: \"s: \" + window.location.host + \" v: \" + venue.venue_name,\n });\n };\n\n // Check if state has been set. If not get data from guid and set display to \"Loading\"\n if (state.guid.length < 1) {\n getStoryData(guid);\n return (\n
![\"Flight](\"./img/tournament_banner.svg\")
![{'ribbon](\"./img/fc_stories_ribbon_left.png\")
\n ![{'ribbon](\"./img/fc_stories_ribbon_center.png\")
\n ![{'ribbon](\"./img/fc_stories_ribbon_right.png\")
*/}\n ![\"\"](\"./img/logo_shadow.png\"){kind=logo}
![\"Flight](\"./img/fc_stories_ribbon_logo.png\"){kind=logo}
![\"\"](\"./img/Stories-Video-graphics.png\")
\n ![\"\"](\"./img/Stories-Loop-Cam-graphic.png\")
\n }\n { video.thumbnail_url &&\n ![\"Whatsapp\"](\"./img/share_icon_whatsapp.svg\"){kind=icon}
![\"Link\"](\"./img/share_icon_link.svg\"){kind=icon}
![\"Email\"](\"./img/share_icon_email.svg\"){kind=icon}
![\"Facebook\"](\"./img/share_icon_facebook.svg\"){kind=icon}
![\"Twitter\"](\"./img/share_icon_twitter.svg\"){kind=icon}
![\"\"](\"./img/footer_divider.png\")
![\"Flight](\"./img/fc_logo.png\"){kind=logo}