{"version":3,"file":"static/chunks/7541.4f9099e9da80cb89.js","mappings":"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","sources":["webpack://_N_E/./components/LearnerProfile/UserDetails/style.tsx","webpack://_N_E/./components/Layouts/TextTestimonial/TextTestimonial.tsx","webpack://_N_E/./components/Layouts/TextTestimonial/index.tsx","webpack://_N_E/./components/Home/VideoTestimonial/style.tsx","webpack://_N_E/./components/Home/VideoTestimonial/VideoTestimonial.tsx","webpack://_N_E/./components/Home/VideoTestimonial/index.tsx"],"sourcesContent":["import { makeStyles } from '@mui/styles';\n\nexport const style = makeStyles((theme) => ({\n  avatarStyle: {\n    '&.MuiAvatarGroup-avatar': {\n      height: '20px',\n      width: '20px',\n    },\n  },\n}));\n\nexport const style1 = {\n  py: '30px',\n  position: 'relative',\n  mb: '12px',\n};\nexport const textBox = {\n  textAlign: { xs: 'center', md: 'left' },\n  ml: { md: 3 },\n  display: 'flex',\n  flexDirection: 'column',\n  justifyContent: 'space-between',\n  alignItems: { xs: 'center', md: 'flex-start' },\n};\nexport const style2 = {\n  display: { md: 'flex' },\n  justifyContent: 'flex-start',\n};\n\nexport const style4 = {\n  height: { xs: '64px', md: '133px' },\n  minWidth: { xs: '64px', md: '143px' },\n  width: { xs: '64px', md: '133px' },\n  borderRadius: '50%',\n};\nexport const style9 = { backgroundColor: '#faeb50', mt: '4px' };\n\nexport const dFlex = {\n  display: 'flex',\n  mb: '4px',\n};\nexport const shareContainer = {\n  mb: 2,\n  alignSelf: 'flex-end',\n  display: 'flex',\n  alignItems: 'center',\n  position: { xs: 'absolute', md: 'unset' },\n  top: 35,\n};\n\nexport const style11 = { mr: 3, color: 'rgba(0, 0, 0, 0.54)' };\n\nexport const rightContainer = {\n  display: 'flex',\n  flexDirection: 'column' as const,\n  alignItems: { xs: 'center', md: 'flex-start' },\n};\n\nexport const gridStyle1 = {\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  textAlign: 'center',\n};\n","import React from 'react';\nimport { Box, Typography } from '@mui/material';\nimport { Rating } from '@mui/material';\n\nimport LazyImage from '../LazyImage';\nimport KeenSlider from '../KeenSlider';\nimport { dFlex } from '../../LearnerProfile/UserDetails/style';\n\ninterface TextTestimonialInterface {\n  data?: any;\n}\n\nconst TextTestimonial = ({ data }: TextTestimonialInterface) => {\n  const settings = {\n    slides: {\n      spacing: 15,\n      perView: () => {\n        return window.innerWidth / 300;\n      },\n    },\n    breakpoints: {\n      '(min-width: 900px)': {\n        slides: {\n          spacing: 15,\n          perView: () => {\n            return window.innerWidth / 525;\n          },\n        },\n      },\n    },\n    snap: 'free',\n  };\n\n  return (\n    <KeenSlider settings={settings} arrows>\n      {data?.reviews?.map((review, key) => (\n        <div\n          key={key}\n          className=\"keen-slider__slide\"\n          style={{ marginBottom: 10 }}\n        >\n          <Box\n            padding={2}\n            borderRadius={2}\n            mb={2}\n            sx={{\n              ...dFlex,\n              flexWrap: 'wrap',\n              height: '99%',\n            }}\n            mx={'1px'}\n            minHeight={248}\n            boxShadow={` 0 2px 3px 0 rgba(0, 0, 0, 0.16)`}\n          >\n            <User data={review} />\n            {review.rating && (\n              <Rating\n                sx={{ width: '100%' }}\n                name=\"rating\"\n                value={review.rating}\n              />\n            )}\n            <Typography variant=\"h6\">{data?.name}</Typography>\n            <Box\n              component={Typography}\n              minHeight={144}\n              variant=\"body1\"\n              paragraph\n            >\n              {review?.review}\n            </Box>\n            {review?.reviewOf && (\n              <Typography color=\"textSecondary\" variant=\"body2\">\n                {review.reviewOf}\n              </Typography>\n            )}\n          </Box>\n        </div>\n      ))}\n    </KeenSlider>\n  );\n};\n\nexport default TextTestimonial;\n\nexport const User = ({ data }) => {\n  const sizes = {\n    xxl: [64, 64, false],\n  };\n\n  return (\n    <Box\n      ml={1}\n      mb={3}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: 'auto 1fr',\n        gridGap: '9px',\n        alignItems: 'center',\n      }}\n      minHeight=\"92px\"\n    >\n      <LazyImage\n        radius={'50%'}\n        sizes={sizes}\n        style={{ width: 61, height: 61 }}\n        src={data?.img}\n      />\n\n      <div>\n        <Typography variant=\"h6\">{data?.name}</Typography>\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          {data?.userId}\n        </Typography>\n      </div>\n    </Box>\n  );\n};\n","import TextTestimonial from './TextTestimonial';\n\nexport default TextTestimonial;\n","import { makeStyles } from '@mui/styles';\n\nconst style = makeStyles((theme: any) => ({\n  playButtonBox: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    opacity: 0.6,\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n  },\n\n  testimonialContainer: {\n    display: 'grid',\n    gridTemplateColumns: 'repeat(5, 1fr)',\n    justifyContent: 'center',\n    margin: '25px auto',\n    gridGap: theme.spacing(2),\n  },\n\n  videoBox: { borderRadius: 8 },\n\n  testimonialImg: {\n    height: '400px',\n    '& > img': {\n      objectFit: 'cover',\n    },\n  },\n}));\nexport default style;\n","import React, { memo, useEffect, useRef } from 'react';\nimport { Box, Container, Grid, Typography, useMediaQuery } from '@mui/material';\nimport TextTestimonial from '../../Layouts/TextTestimonial';\n\nimport style from './style';\nimport KeenSlider from '../../Layouts/KeenSlider';\n\ninterface VideoTestimonialInterface {\n  data: any;\n  reviewData?: any;\n}\n\nconst VideoTestimonial = ({ data, reviewData }: VideoTestimonialInterface) => {\n  const classes = style();\n\n  const matches = useMediaQuery('(min-width:1200px)');\n\n  const settings = {\n    slides: {\n      spacing: 10,\n      perView: () => {\n        return window.innerWidth / 275;\n      },\n    },\n    loop: true,\n  };\n\n  const videoElement = useRef([]);\n  const videoContainer = useRef<null | HTMLDivElement>(null);\n\n  const handlePlay = (e) => {\n    for (let i = 0; i < videoElement.current.length; i++) {\n      if (videoElement.current[i] != e.target) {\n        videoElement.current[i].pause();\n      }\n    }\n  };\n\n  const fullScreenExitHandler = () => {\n    if (typeof window !== 'undefined' && !videoContainer.current) {\n      videoContainer.current.scrollIntoView({\n        behavior: 'smooth',\n        block: 'start',\n        inline: 'start',\n      });\n    }\n  };\n\n  useEffect(() => {\n    [\n      'fullscreenchange',\n      'mozfullscreenchange',\n      'webkitfullscreenchange',\n      'MSFullscreenChange',\n    ].forEach((eventType) => {\n      document.addEventListener(eventType, fullScreenExitHandler, false);\n    });\n\n    return () => {\n      [\n        'fullscreenchange',\n        'mozfullscreenchange',\n        'webkitfullscreenchange',\n        'MSFullscreenChange',\n      ].forEach((eventType) => {\n        document.removeEventListener(eventType, fullScreenExitHandler, false);\n      });\n    };\n  }, []);\n\n  return (\n    <Container component={Box} my={{ xs: 7, md: 15 }}>\n      <Grid container justifyContent=\"center\" ref={videoContainer}>\n        <Grid item md={7} component={Box} textAlign=\"center\">\n          <Typography variant=\"h2\" gutterBottom>\n            {data?.title}\n          </Typography>\n          <Typography variant=\"body1\" paragraph>\n            {data?.sub}\n          </Typography>\n        </Grid>\n      </Grid>\n\n      <Box mt={5} />\n\n      {!matches ? (\n        <KeenSlider settings={settings}>\n          {data.videoReview.map((review, key) => (\n            <Grid key={key} className=\"keen-slider__slide\">\n              <Box mb={2} position=\"relative\" sx={{ minHeight: 400 }}>\n                <video\n                  onPlay={handlePlay}\n                  controls\n                  ref={(el) => (videoElement.current[key] = el)}\n                >\n                  <source\n                    src={`${process.env.NEXT_PUBLIC_ASSETS}${review.video}`}\n                  />\n                </video>\n              </Box>\n              <Typography variant=\"h5\" gutterBottom>\n                {review?.name}\n              </Typography>\n              <Typography variant=\"body1\">{review?.profile}</Typography>\n            </Grid>\n          ))}\n        </KeenSlider>\n      ) : (\n        <Box className={classes.testimonialContainer}>\n          {data.videoReview.map((review, key) => (\n            <Grid item xs={12} key={key}>\n              <Box mb={2} position=\"relative\">\n                <video\n                  controls\n                  onPlay={handlePlay}\n                  ref={(el) => (videoElement.current[key] = el)}\n                  className={classes.videoBox}\n                >\n                  <source\n                    src={`${process.env.NEXT_PUBLIC_ASSETS}${review.video}`}\n                  />\n                </video>\n              </Box>\n              <Typography variant=\"h5\" gutterBottom>\n                {review?.name}\n              </Typography>\n              <Typography variant=\"body1\">{review?.profile}</Typography>\n            </Grid>\n          ))}\n        </Box>\n      )}\n\n      <Box>\n        <TextTestimonial data={reviewData || data} />\n      </Box>\n    </Container>\n  );\n};\n\nexport default memo(VideoTestimonial);\n","import VideoTestimonial from './VideoTestimonial';\n\nexport default VideoTestimonial;\n"],"names":["dFlex","makeStyles","theme","avatarStyle","height","width","display","mb","data","settings","slides","spacing","perView","window","innerWidth","breakpoints","snap","KeenSlider","arrows","reviews","map","review","key","div","className","style","marginBottom","Box","padding","borderRadius","sx","flexWrap","mx","minHeight","boxShadow","User","rating","Rating","name","value","Typography","variant","component","paragraph","reviewOf","color","ml","gridTemplateColumns","gridGap","alignItems","LazyImage","radius","sizes","xxl","src","img","userId","playButtonBox","position","top","left","opacity","justifyContent","testimonialContainer","margin","videoBox","testimonialImg","objectFit","VideoTestimonial","reviewData","classes","matches","useMediaQuery","loop","videoElement","useRef","videoContainer","handlePlay","e","i","current","length","target","pause","fullScreenExitHandler","scrollIntoView","behavior","block","inline","useEffect","forEach","eventType","document","addEventListener","removeEventListener","Container","my","xs","md","Grid","container","ref","item","textAlign","gutterBottom","title","sub","mt","videoReview","video","controls","onPlay","el","source","process","profile","TextTestimonial","memo"],"sourceRoot":""}