{"version":3,"file":"static/js/831.90d96eda.chunk.js","mappings":"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","sources":["Components/PlayCard.js","Components/HomeManGrid.js","Components/MainComponent.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\r\nimport Card from \"@mui/material/Card\";\r\nimport CardContent from \"@mui/material/CardContent\";\r\nimport CardMedia from \"@mui/material/CardMedia\";\r\nimport Typography from \"@mui/material/Typography\";\r\nimport PlayArrowIcon from \"@mui/icons-material/PlayArrow\";\r\nimport IconButton from \"@mui/material/IconButton\";\r\nimport PauseICon from \"@mui/icons-material/Pause\";\r\nimport DownloadICon from \"@mui/icons-material/Download\";\r\nimport LinkIcon from \"@mui/icons-material/Link\";\r\nimport { createAvatar } from \"@dicebear/avatars\";\r\nimport * as style from \"@dicebear/avatars-avataaars-sprites\";\r\nimport \"../anchor.css\";\r\nimport { ToastContainer, toast } from \"react-toastify\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\nimport ShareIcon from '@mui/icons-material/Share';\r\nimport { FaShareFromSquare } from \"react-icons/fa6\";\r\n\r\n// import games from '../src/JsonFiles/games.json'\r\n\r\nexport default function ActionAreaCard(props) {\r\n\r\n  const audioRef = useRef();\r\n\r\n  const [clicked, setClicked] = useState(props.clicked);\r\n\r\n  \r\n  useEffect(() => {\r\n    return () => {\r\n      // This will be called when the component unmounts\r\n      audioRef.current.pause();\r\n      console.log(\"Here Ref Was Null\")\r\n    };\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    console.log(clicked);\r\n    if (props.activePlaying === -2) {\r\n      props.activePlayerhandler(-1);\r\n\r\n      props.chageout();\r\n    }\r\n  }, [clicked]);\r\n\r\n  useEffect(() => {\r\n    if (audioRef.current !== undefined) {\r\n      audioRef.current.addEventListener(\"ended\", () => {\r\n        setClicked(false);\r\n        props.activePlayerhandler(-1);\r\n      });\r\n\r\n      if (clicked) {\r\n        audioRef.current.play();\r\n      } else {\r\n        audioRef.current.pause();\r\n        audioRef.current.currentTime = 0;\r\n      }\r\n\r\n      setClicked(props.activePlaying === props.index);\r\n    }\r\n  }, [clicked, props]);\r\n\r\n  function ShareControl() {\r\n    if(navigator.share) {\r\n      return(\r\n        <IconButton aria-label=\"share\"\r\n        style={{\r\n          position: \"relative\",\r\n          top: \"-8rem\",\r\n          right: \"-6rem\",\r\n          color: \"#757575\"\r\n        }}\r\n      >\r\n        <ShareIcon\r\n          onClick={() => {\r\n            const shareInfo = {\r\n              title: props.data.name + \" - Myinstants\",\r\n              text: `Checkout this sound at Myinstants`,\r\n              url: `http://myinstants.org/soundboard/${encodeURIComponent([props.data.name])}`\r\n            }\r\n\r\n            navigator.share(shareInfo)\r\n            .then(() => {\r\n              /*\r\n              this will be hit even if the message is logged\r\n              due to iOS being a bit rubbish ATM\r\n              */\r\n            })\r\n            .catch((err) => {\r\n              const { message = '' } = err || {};\r\n              if (message.indexOf('user denied permission') !== -1) {\r\n                console.log(message);\r\n              }\r\n            });\r\n          }}\r\n          className=\"share\"\r\n        />\r\n        {/* <FaShareFromSquare /> */}\r\n      </IconButton>\r\n    );\r\n    }\r\n    else {\r\n      return <div></div>\r\n    }\r\n  }\r\n\r\n  function handlerOnClick() {\r\n    if (!clicked) {\r\n      // \"https://myinstants.org/games/\"+props.data.link\r\n      // ../games/\"+props.data.link\r\n      audioRef.current = new Audio(\r\n        \"/games/\" + props.data.link\r\n      );\r\n    }\r\n\r\n    if (!clicked) {\r\n      props.activePlayerhandler(props.index);\r\n    } else {\r\n      props.activePlayerhandler(-1);\r\n    }\r\n    setClicked(!clicked);\r\n  }\r\n\r\n  function downloadBlob(blob, name = \"file.mp3\") {\r\n    // Convert your blob into a Blob URL (a special url that points to an object in the browser's memory)\r\n    const blobUrl = URL.createObjectURL(blob);\r\n\r\n    // Create a link element\r\n    const link = document.createElement(\"a\");\r\n\r\n    // Set link's href to point to the Blob URL\r\n    link.href = blobUrl;\r\n    link.download = name;\r\n\r\n    // Append link to the body\r\n    document.body.appendChild(link);\r\n\r\n    // Dispatch click event on the link\r\n    // This is necessary as link.click() does not work on the latest firefox\r\n    link.dispatchEvent(\r\n      new MouseEvent(\"click\", {\r\n        bubbles: true,\r\n        cancelable: true,\r\n        view: window,\r\n      })\r\n    );\r\n\r\n    // Remove link from body\r\n    document.body.removeChild(link);\r\n  }\r\n\r\n  function getImage() {\r\n    let svg = createAvatar(style, {\r\n      seed: props.data.name,\r\n      size: 1,\r\n    });\r\n    var svg64 = btoa(unescape(encodeURIComponent(svg)));\r\n    return \"data:image/svg+xml;base64,\" + svg64;\r\n  }\r\n\r\n  function toTitleCase(str) {\r\n    return str.replace(/\\w\\S*/g, function (txt) {\r\n      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\r\n    });\r\n  }\r\n\r\n  return (\r\n    <Card sx={{ width: 250 }}>\r\n            <ToastContainer />\r\n\r\n            <CardMedia\r\n            style={{ height: 140, objectFit: \"fill\" }}\r\n    component=\"img\"\r\n    height=\"140\"\r\n    image={getImage()}\r\n    alt=\"Image not loaded\"\r\n    //style={{ height: 140, objectFit: \"fill\" }}\r\n  />\r\n      <ShareControl></ShareControl>\r\n      <CardContent \r\n        style={{ \r\n          display: \"flex\", \r\n          flexDirection: \"column\",\r\n          marginTop: navigator.share ? \"-2.5rem\" : \"0rem\" \r\n          }}>\r\n        <a\r\n          aria-label=\"link\"\r\n          href={\"/soundboard/\" + encodeURIComponent(props.data.name)}\r\n          style={{ color: \"black\" }}\r\n        >\r\n          <Typography\r\n            gutterBottom\r\n            variant=\"h5\"\r\n            component=\"div\"\r\n            style={{\r\n              textAlign: \"center\",\r\n              overflow: \"hidden\",\r\n              whiteSpace: \"nowrap\",\r\n              textOverflow: \"ellipsis\",\r\n            }}\r\n          >\r\n            {toTitleCase(props.data.name)}\r\n          </Typography>\r\n        </a>\r\n        {/* <PlayArrowIcon sx={{ height: 38, width: 38}}/> */}\r\n        <IconButton aria-label=\"searchME\" onClick={handlerOnClick}>\r\n          {clicked ? (\r\n            <PauseICon sx={{ height: 70, width: 70 }} />\r\n          ) : (\r\n            <PlayArrowIcon sx={{ height: 70, width: 70 }} />\r\n          )}\r\n        </IconButton>\r\n\r\n        <div style={{ flexDirection: \"row\" }}>\r\n          <a\r\n            aria-label=\"link\"\r\n            href={\"/soundboard/\" + encodeURIComponent(props.data.name)}\r\n            rel=\"noopener noreferrer\"\r\n          >\r\n            <IconButton aria-label=\"searchUS\">\r\n              <DownloadICon sx={{ height: 38, width: 38 }} />\r\n            </IconButton>\r\n          </a>\r\n\r\n          <IconButton aria-label=\"wow\">\r\n            <LinkIcon\r\n              onClick={() => {\r\n                navigator.clipboard.writeText(\r\n                  \"http://myinstants.org/soundboard/\" +\r\n                    encodeURIComponent(props.data.name)\r\n                );\r\n\r\n                toast.success(\"Link Copied !\", {\r\n                    hideProgressBar:true,\r\n                    autoClose:100 , \r\n                  position: toast.POSITION.TOP_RIGHT,\r\n                });\r\n              }}\r\n              sx={{ height: 38, width: 38 }}\r\n            />\r\n          </IconButton>\r\n        </div>\r\n\r\n      </CardContent>\r\n\r\n    </Card>\r\n  );\r\n}\r\n","import React, { useCallback, useEffect, useRef } from \"react\";\r\nimport { styled } from \"@mui/material/styles\";\r\nimport Paper from \"@mui/material/Paper\";\r\nimport Grid from \"@mui/material/Grid\";\r\nimport { useMediaQuery, useTheme } from '@mui/material';\r\nimport PlayCard from \"../Components/PlayCard\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport Axios from \"axios\";\r\nimport { useState } from \"react\";\r\nimport SentimentVeryDissatisfied from \"@mui/icons-material/SentimentVeryDissatisfiedOutlined\";\r\nimport { Card, Stack } from \"@mui/material\";\r\nimport CardAd from \"./CardAd\";\r\n\r\nconst Item = styled(Paper)(({ theme }) => ({\r\n  backgroundColor: theme.palette.mode === \"dark\" ? \"#1A2027\" : \"#fff\",\r\n  ...theme.typography.body2,\r\n  padding: theme.spacing(1),\r\n  textAlign: \"center\",\r\n  color: theme.palette.text.secondary,\r\n}));\r\n\r\nfunction PlaceRowAds(){\r\n  return(\r\n  <Grid item xs={12} style={{justifyContent: \"center\", display: \"flex\"}}>\r\n    <Card xs={12} spacing={4} style={{width: \"75%\"}}>\r\n      <CardAd></CardAd>\r\n    </Card>\r\n  </Grid>\r\n  );\r\n}\r\n\r\nexport default function GridView(props) {\r\n  const [data, setData] = useState([]);\r\n  var { id } = useParams();\r\n  var { searchText } = useParams();\r\n  var { name } = useParams();\r\n\r\n  if (id == undefined) {\r\n    id = 1;\r\n  }\r\n  if (name == undefined) {\r\n    name = \"games_sounds\";\r\n  }\r\n\r\n  if (props.soundName == undefined) {\r\n    if (searchText == undefined) {\r\n      var url =\r\n        \"https://myinstants.org/Scripts/getPages.php/?id=\" + id + \"&name=\" + name;\r\n      // \"/Scripts/getPages.php/?id=\" + id + \"&name=\" + name;\r\n    } else {\r\n      var url =\r\n        \"https://myinstants.org/Scripts/searchMe.php/?searchText=\" + searchText;\r\n      // \"/Scripts/searchMe.php/?searchText=\" + searchText;\r\n    }\r\n  } else {\r\n    var url =\r\n      \"https://myinstants.org/Scripts/searchMe.php/?searchText=\" + props.soundName;\r\n  }\r\n\r\n  useEffect(() => {\r\n    Axios.get(url)\r\n      .then((response) => {\r\n        if (JSON.stringify(response.data).includes(\"html\")) {\r\n          setData(true);\r\n\r\n\r\n        } else {\r\n\r\n          var temp = response.data\r\n          // var pos = Math.floor(Math.random() * temp.length);\r\n          // temp.splice(pos, 0, \"Hello\");\r\n          // var pos = Math.floor(Math.random() * temp.length);\r\n          // temp.splice(pos, 0, \"Hello\");\r\n          // console.log(temp)\r\n          setData(temp);\r\n\r\n        }\r\n        props.onData(true);\r\n      })\r\n      .catch((error) => console.log(\"error = ${error}\"));\r\n  }, [url]);\r\n\r\n  props.llength(data.length);\r\n\r\n  const activePlayerhandler = useCallback(\r\n    (id) => {\r\n      props.setActivePlaying(id);\r\n    },\r\n    [props.activePlaying]\r\n  );\r\n\r\n  let rows = [];\r\n\r\n  if (data != true) {\r\n\r\n    data.slice(props.activeSounds[0], props.activeSounds[1]).map((x) => {\r\n      if(rows.length % 5 == 0 && false)\r\n      {\r\n        rows.push(\r\n          <PlaceRowAds></PlaceRowAds>\r\n        );\r\n      }\r\n      else{\r\n        rows.push(\r\n          <Grid key={x.link} item xs={'auto'}>\r\n            <PlayCard\r\n              chageout={props.chageout}\r\n              data={x}\r\n              activePlaying={props.activePlaying}\r\n              activePlayerhandler={activePlayerhandler}\r\n              cata={x.cata}\r\n              index={x.id}\r\n            />\r\n          </Grid>\r\n        );\r\n      }\r\n    });\r\n    // rows.push(\r\n    //   <PlaceRowAds></PlaceRowAds>\r\n    // )\r\n  }\r\n\r\n\r\n\r\n\r\n\r\n\r\n  const theme = useTheme();\r\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm')); // Check if screen is mobile or smaller\r\n\r\n\r\n  return (\r\n\r\n    <>\r\n    {isMobile ? (\r\n\r\n<Grid\r\n  style={{ display: \"flex\", justifyContent: \"center\" }}\r\n  container\r\n  spacing={2}\r\n>\r\n\r\n  {data != true ? (\r\n    rows\r\n  ) : (\r\n    <>\r\n      <Stack spacing={2}>\r\n        <Item>\r\n          <SentimentVeryDissatisfied\r\n            style={{ fontSize: 100, color: \"#E00000\" }}\r\n          />\r\n        </Item>\r\n        <Item style={{ fontSize: 30, color: \"black\", padding: \"20px\" }}>\r\n          Nothing Found for your search query <b>{searchText} </b> <br />\r\n        </Item>\r\n        <Item style={{ fontSize: 18, color: \"black\" }}>\r\n          Please check the spell or change the query. Thanks\r\n        </Item>\r\n      </Stack>\r\n    </>\r\n  )}\r\n</Grid>\r\n\r\n) : (\r\n  \r\n<Grid container spacing={2}>\r\n\r\n<Grid\r\n  style={{ display: \"flex\", justifyContent: \"center\" }}\r\n  container\r\n  spacing={2}\r\n  xs={12}\r\n  lg={12}\r\n  md={12}\r\n>\r\n\r\n  {data != true ? (\r\n    rows\r\n  ) : (\r\n    <>\r\n      <Stack spacing={2}>\r\n        <Item>\r\n          <SentimentVeryDissatisfied\r\n            style={{ fontSize: 100, color: \"#E00000\" }}\r\n          />\r\n        </Item>\r\n        <Item style={{ fontSize: 30, color: \"black\", padding: \"20px\" }}>\r\n          Nothing Found for your search query <b>{searchText} </b> <br />\r\n        </Item>\r\n        <Item style={{ fontSize: 18, color: \"black\" }}>\r\n          Please check the spell or change the query. Thanks\r\n        </Item>\r\n      </Stack>\r\n    </>\r\n  )}\r\n</Grid>\r\n\r\n\r\n\r\n</Grid>    )}\r\n  </>\r\n\r\n  \r\n  );\r\n}\r\n","import React, { Suspense, useEffect, useRef, useState } from \"react\";\r\nimport HomeManGrid from \"../Components/HomeManGrid\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Helmet } from \"react-helmet\";\r\nimport { createTheme } from '@mui/material/styles';\r\nimport { ThemeProvider } from '@mui/material/styles';\r\n// import GoogleAd from \"./GoogleAd\";\r\n\r\n\r\nconst theme = createTheme({\r\n  breakpoints: {\r\n    values: {\r\n      xs: 0,\r\n      sm: 600,\r\n      md: 960,\r\n      lg: 1280,\r\n      xl: 1920,\r\n    },\r\n  },\r\n});\r\n\r\nconst BlogCardQA = React.lazy(() => import(\"./BlogCardQA\"));\r\nconst Pagination = React.lazy(() => import(\"@mui/material/Pagination\"));\r\n\r\nfunction GetSearchText(parms){\r\n  var searchQuery = useParams();\r\n  var search = searchQuery.searchText;\r\n\r\n  if(search !== undefined) {\r\n    if(parms.isHeading === true) {\r\n      return (\r\n        <div>\r\n          <h2 style={{fontSize: \"xx-large\", marginBottom: \"2rem\"}}>\"{search}\" Sound Effects and Sound Buttons | Myinstants</h2>\r\n        </div>\r\n      )\r\n    }\r\n    else {\r\n      return(\r\n      <div style={{marginTop: \"1.5rem\"}}>\r\n        Unleash the fun with {search} sound effects on MyInstants! Find the perfect effect for pranks, memes, or just for fun. We have a library of sounds beyond {search} waiting to be discovered. Explore Myinstants, the world's largest sound buttons collection! Instantly play and share your favorite sounds!\r\n      </div>\r\n      )\r\n    }\r\n  }\r\n  else{\r\n    return <div></div>\r\n  } \r\n}\r\n\r\nexport default function MainComponent(props) {\r\n  const [isShowing, setShowing] = useState(false);\r\n  const getAPIData = (data) => {\r\n    setShowing(data);\r\n  };\r\n\r\n  const navigate = useNavigate();\r\n\r\n  var [metaDes, changeMetaDes] = useState(\"\");\r\n\r\n  var { searchText } = useParams();\r\n\r\n  var { id } = useParams();\r\n  var { name } = useParams();\r\n\r\n\r\n\r\n  if (id == undefined) {\r\n    id = 1;\r\n  }\r\n\r\n  if (name == undefined) {\r\n    name = \"All_SoundBoard\";\r\n  }\r\n\r\n  if (searchText != undefined) {\r\n    name = \"ZeroPages\";\r\n  }\r\n\r\n  if (props.isInfopage == 10) {\r\n\r\n    name = \"ZeroPages\";\r\n  }\r\n\r\n\r\n  const pagesData = {\r\n    ZeroPages: 0,\r\n    animals: 5,\r\n    games_sounds: 270,\r\n    Meme_SoundBoard: 17,\r\n    All_SoundBoard: 2095,\r\n    Sleep_Soundboard: 8,\r\n    Funny_SoundBoard: 24\r\n    , Notifications_SoundBoard: 6\r\n    , RingTunes_Soundboard: 4\r\n    , Bird_SoundBoard: 151\r\n    , whoosh_soundboard: 15.1\r\n    , Laugh_Soundboard: 33\r\n    , Rain_SoundBoard: 92\r\n    , Horror_SoundBoard: 86\r\n    , Nature_Sounds: 2\r\n    , Nature_SoundBoard: 335\r\n    , Gun_SoundBoard: 41,\r\n    Anime_Sounds: 36,\r\n    Annoying_SoundBoard: 3,\r\n    Car_SoundBoard: 15,\r\n    Movie_SoundBoard: 40,\r\n    Music_SoundBoard: 37,\r\n    Politcs_SoundBoard: 39,\r\n    Prank_SoundBoard: 38,\r\n    Reaction_SoundBoard: 35,\r\n    SoundEffect_SoundBoard: 40,\r\n    Sport_SoundBoard: 52,\r\n    Television_SoundBoard: 34,\r\n    Tiktok_SoundBoard: 5,\r\n    Viral_SoundBoard: 42,\r\n    Whatsapp_SoundBoard: 3.1\r\n\r\n  };\r\n\r\n  useEffect(() => {\r\n\r\n\r\n    if (pagesData[name] === undefined) {\r\n      navigate(\"/p404\")\r\n\r\n    } else {\r\n      switch (pagesData[name]) {\r\n        case pagesData.ZeroPages:\r\n          document.title = \"Search results for \" + searchText;\r\n          changeMetaDes(\r\n            \"Myinstant site here you can find available results for \" +\r\n            searchText +\r\n            \" soundboard & sound buttons.\"\r\n          );\r\n          break;\r\n        case pagesData.animals:\r\n          document.title =\r\n            \"Animals SoundBoard - MyInstants : Meme Soundboard & Sound Buttons\";\r\n          changeMetaDes(\r\n            \"Sound boards for animals. Aimals Soundboard are the Myinstants for Meme Sonudboard and Sound buttons.\"\r\n          );\r\n\r\n          break;\r\n        case pagesData.games_sounds:\r\n          document.title =\r\n            \"Games SoundBoard - MyInstants : Meme Soundboard & Sound Buttons\";\r\n          changeMetaDes(\r\n            \"Sound boards for games. Here you can find MYinstants meme sounds from different games like PUBG etc.\"\r\n          );\r\n\r\n          break;\r\n        case pagesData.Meme_SoundBoard:\r\n          document.title =\r\n            \"Meme SoundBoard - MyInstants : Meme Soundboard & Sound Buttons\";\r\n          changeMetaDes(\r\n            \"Sound boards for Memes. Here you can find MYinstants meme sounds from different memes like Ahh Nice etc.\"\r\n          );\r\n\r\n          break;\r\n        case pagesData.All_SoundBoard:\r\n          document.title =\r\n            \"MyInstants - Meme SoundBoard - Sound Buttons - My Instants\";\r\n          changeMetaDes(\r\n            \"MyInstants web app is contained on many types of funny meme SoundBoard , instant button , funny Sound Effects & sound buttons.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.sleep_sounds:\r\n          document.title =\r\n            \"Sleep and Relax Soundboard\";\r\n          changeMetaDes(\r\n            \"Sleep soundboard will helps you to sleep a good health. With Myinstants soundboard you can also get many types of sleep sounds.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Funny_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Funny Soundboard\";\r\n          changeMetaDes(\r\n            \"Myinstants funny soundboards contains on many type of funny  instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Notifications_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Notifications Soundboard\";\r\n          changeMetaDes(\r\n            \"Myinstants Notifications soundboards contains on many type of Notifications  instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Notifications_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Notifications Soundboard\";\r\n          changeMetaDes(\r\n            \"Myinstants Notifications soundboards contains on many type of Notifications  instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.RingTunes_Soundboard:\r\n          document.title =\r\n            \"Myinstants - RingTunes Soundboard\";\r\n          changeMetaDes(\r\n            \"Myinstants RingTunes soundboards contains on many type of RingTunes instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Bird_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Bird Soundboard\";\r\n          changeMetaDes(\r\n            \"Myinstants Bird soundboards contains on many type of Bird instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.whoosh_soundboard:\r\n          document.title =\r\n            \"Myinstants - Whoosh Soundboard\";\r\n          changeMetaDes(\r\n            \"Myinstants Whoosh soundboards contains on many type of Whoosh instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Laugh_Soundboard:\r\n          document.title =\r\n            \"Myinstants - Laugh Soundboard \";\r\n          changeMetaDes(\r\n            \"Myinstants Laugh soundboards contains on many type of Laugh instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Rain_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Rain Soundboard \";\r\n          changeMetaDes(\r\n            \"Myinstants Rain soundboards contains on many type of Rain instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Horror_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Horror SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Horror soundboards contains on many type of Horror instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Nature_Sounds:\r\n          document.title =\r\n            \"Myinstants - Earth SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Earth soundboards contains on many type of Earth instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Nature_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Nature SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Nature soundboards contains on many type of Nature instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Gun_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Gun SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Gun soundboards contains on many type of Gun instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n\r\n        case pagesData.Anime_Sounds:\r\n          document.title =\r\n            \"Myinstants - Anime SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Anime soundboards contains on many type of Anime instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Annoying_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Annoying SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Annoying soundboards contains on many type of Annoying instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Car_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Car SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Car soundboards contains on many type of Car instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Movie_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Movie SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Movie soundboards contains on many type of Movie instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Music_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Music SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Music soundboards contains on many type of Music instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Politcs_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Politcs SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Politcs soundboards contains on many type of Politcs instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Prank_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Prank SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Prank soundboards contains on many type of Prank instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Reaction_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Reaction SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Reaction soundboards contains on many type of Reaction instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.SoundEffect_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - SoundEffect SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants SoundEffect soundboards contains on many type of SoundEffect instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Sport_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Sport SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Sport soundboards contains on many type of Sport instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Television_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Television SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Television soundboards contains on many type of Television instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Tiktok_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Tiktok SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Tiktok soundboards contains on many type of Tiktok instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Viral_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Viral SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Viral soundboards contains on many type of Viral instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n        case pagesData.Whatsapp_SoundBoard:\r\n          document.title =\r\n            \"Myinstants - Whatsapp SoundBoard  \";\r\n          changeMetaDes(\r\n            \"Myinstants Whatsapp soundboards contains on many type of Whatsapp instants , meme soundboards and my instants.\"\r\n          );\r\n          break;\r\n\r\n\r\n\r\n      }\r\n\r\n\r\n    }\r\n  }, [name]);\r\n  var [len, setLen] = useState(0);\r\n  function setLength(llength) {\r\n    // props.setActiveSounds([0,20])\r\n    setLen(llength);\r\n  }\r\n\r\n  //\r\n  useEffect(() => {\r\n    props.setActiveSounds([0, 20]);\r\n  }, [len]);\r\n\r\n\r\n  const [activePlaying, setActivePlaying] = useState(-1);\r\n\r\n  const isLeft = useRef(false);\r\n\r\n  // useEffect(() => {\r\n  //     // console.log(props.activeSounds)\r\n  // }, [props.activeSounds])\r\n\r\n  const yeahFuckThemOut = () => {\r\n    if (isLeft.current) {\r\n      // console.log(\"not this one\")\r\n      if (props.activeSounds[0] !== 0) {\r\n        props.setActiveSounds([\r\n          props.activeSounds[0] - 20,\r\n          props.activeSounds[0],\r\n        ]);\r\n      }\r\n    } else {\r\n      // console.log(\"this one\")\r\n      props.setActiveSounds([\r\n        props.activeSounds[1],\r\n        props.activeSounds[1] + 20,\r\n      ]);\r\n    }\r\n\r\n    window.scrollTo({ top: 0, left: 0, behavior: \"smooth\" });\r\n  };\r\n\r\n  const handleclick = (event) => {\r\n    if (event.target.id === \"left\") {\r\n      isLeft.current = true;\r\n    } else {\r\n      isLeft.current = false;\r\n    }\r\n\r\n    if (activePlaying !== -1) {\r\n      setActivePlaying(-2);\r\n    } else {\r\n      yeahFuckThemOut();\r\n    }\r\n  };\r\n\r\n  var changePagination = function (event, value) {\r\n    navigate(\"/\" + name + \"/\" + value, { replace: true });\r\n    navigate(0);\r\n  };\r\n\r\n  \r\n// const links = [\"https://www.fiverr.com/bnltech/develop-native-android-apps-using-android-studio\",\"https://www.fiverr.com/bnltech/aso-app-store-optimization-for-apps-and-games\",\"https://www.fiverr.com/bnltech/be-your-android-app-developer-for-android-app-development\",,\"https://www.fiverr.com/bnltech/aso-app-store-optimization-for-apps-and-games\",\"https://www.fiverr.com/bnltech/be-your-android-app-developer-for-android-app-development\"]\r\n// const images = [\"/img1.png\",\"/img2.png\",\"/img3.png\",\"/img4.png\",\"/img5.png\"]\r\n\r\n\r\nfunction randomIntFromInterval(min, max) { // min and max included \r\n  return Math.floor(Math.random() * (max - min + 1) + min)\r\n}\r\n\r\nconst randomNum = useRef(randomIntFromInterval(0, 4))\r\n\r\n\r\n\r\n\r\n\r\n\r\n  return (\r\n\r\n    \r\n    <div style={{width:\"100%\"}}>\r\n\r\n\r\n{/* <a href={links[randomNum.current]} target=\"_blank\" >\r\n  <img src={images[randomNum.current]} alt=\"Italian Trulli\" style={{ width: \"50%\" }} />\r\n</a> */}\r\n\r\n      <Helmet>\r\n        <meta name=\"description\" content={metaDes} />\r\n      </Helmet>\r\n      <GetSearchText isHeading={true}></GetSearchText>\r\n      <HomeManGrid\r\n        onData={getAPIData}\r\n        llength={setLength}\r\n        chageout={yeahFuckThemOut}\r\n        activeSounds={props.activeSounds}\r\n        activePlaying={activePlaying}\r\n        setActivePlaying={setActivePlaying}\r\n        soundName={props.soundName}\r\n      />\r\n      {/* <GetSearchText isHeading={false}></GetSearchText> */}\r\n      <br />\r\n      <div style={{ width: '100%', display: 'flex', justifyContent: 'center', padding: '10px' }} >\r\n\r\n        {/* <GoogleAd /> */}\r\n\r\n      </div>\r\n      <br />\r\n\r\n      {isShowing && (\r\n        <div\r\n          style={{\r\n            display: \"flex\",\r\n            justifyContent: \"center\",\r\n            //marginTop: \"40px\",\r\n          }}\r\n        >\r\n\r\n          {pagesData[name] != 0 && (\r\n            <Suspense fallback={<div>Loading...</div>}>\r\n              <Pagination\r\n                page={Number(id)}\r\n                count={pagesData[name]}\r\n                color=\"primary\"\r\n                onChange={changePagination}\r\n              />\r\n            </Suspense>\r\n          )}\r\n        </div>\r\n      )}\r\n\r\n      {/* <GoogleAd /> */}\r\n\r\n\r\n      {isShowing && id == 1 && (\r\n        <Suspense fallback={<div>Loading...</div>}>\r\n          <BlogCardQA name={name} />\r\n        </Suspense>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["ActionAreaCard","props","str","audioRef","useRef","useState","clicked","setClicked","ShareControl","navigator","share","IconButton","style","position","top","right","color","Share","onClick","shareInfo","title","data","name","text","url","encodeURIComponent","then","catch","err","message","indexOf","console","log","className","useEffect","current","pause","activePlaying","activePlayerhandler","chageout","undefined","addEventListener","play","currentTime","index","sx","width","CardMedia","height","objectFit","component","image","svg","createAvatar","seed","size","btoa","unescape","getImage","alt","CardContent","display","flexDirection","marginTop","href","Typography","gutterBottom","variant","textAlign","overflow","whiteSpace","textOverflow","replace","txt","charAt","toUpperCase","substr","toLowerCase","Audio","link","Pause","PlayArrow","rel","Download","Link","clipboard","writeText","toast","hideProgressBar","autoClose","Item","styled","Paper","theme","backgroundColor","palette","mode","typography","body2","padding","spacing","secondary","GridView","setData","id","useParams","searchText","soundName","Axios","response","JSON","stringify","includes","temp","onData","error","llength","length","useCallback","setActivePlaying","rows","slice","activeSounds","map","x","push","item","xs","cata","useTheme","isMobile","useMediaQuery","breakpoints","down","justifyContent","container","Stack","fontSize","lg","md","BlogCardQA","createTheme","values","sm","xl","React","Pagination","GetSearchText","parms","search","isHeading","marginBottom","MainComponent","isShowing","setShowing","navigate","useNavigate","metaDes","changeMetaDes","isInfopage","pagesData","ZeroPages","animals","games_sounds","Meme_SoundBoard","All_SoundBoard","Sleep_Soundboard","Funny_SoundBoard","Notifications_SoundBoard","RingTunes_Soundboard","Bird_SoundBoard","whoosh_soundboard","Laugh_Soundboard","Rain_SoundBoard","Horror_SoundBoard","Nature_Sounds","Nature_SoundBoard","Gun_SoundBoard","Anime_Sounds","Annoying_SoundBoard","Car_SoundBoard","Movie_SoundBoard","Music_SoundBoard","Politcs_SoundBoard","Prank_SoundBoard","Reaction_SoundBoard","SoundEffect_SoundBoard","Sport_SoundBoard","Television_SoundBoard","Tiktok_SoundBoard","Viral_SoundBoard","Whatsapp_SoundBoard","document","sleep_sounds","len","setLen","setActiveSounds","isLeft","yeahFuckThemOut","window","scrollTo","left","behavior","min","max","Math","floor","random","Helmet","content","Suspense","fallback","page","Number","count","onChange","event","value"],"sourceRoot":""}