{"version":3,"sources":["webpack:///./app/react/media/constants.js","webpack:///./app/react/media/endpoints.js","webpack:///./app/react/media/common/components/VideoAccessDialog.js"],"names":["routes","flashcards","videos","video","getVideoUrl","videoParam","getRandomVideosUrl","page","limit","toString","getVideoCategoryUrl","categoryId","getVideoGenreUrl","genreId","getVideoGenresUrl","VideoAccessDialog","onOpenChange","open","userLoggedIn","Root","Overlay","StyledContent","onPointerDownOutside","e","preventDefault","StyledTitle","as","mb","py","display","justifyContent","mt","href","icon","pr","textAlign","fontWeight","color","ml","propTypes","PropTypes","func","isRequired","bool"],"mappings":"sGAAA,kCACO,IAAMA,EAAS,CACpBC,WAAY,cACZC,OAAQ,UACRC,MAAO,W,uOCHIC,EAAc,SAAAC,GAAU,+BAAsBA,IAE9CC,EAAqB,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAMC,EAAT,EAASA,MAAT,oCACTD,EAAKE,WADI,kBACgBD,EAAMC,aAE3CC,EAAsB,SAAAC,GAAU,yCACfA,IAEjBC,EAAmB,SAAAC,GAAO,qCAA4BA,IAEtDC,EAAoB,wB,iCCXjC,oEAYe,SAASC,EAAT,GAIX,IAHFC,EAGC,EAHDA,aACAC,EAEC,EAFDA,KACAC,EACC,EADDA,aAEA,OACE,eAAC,SAAOC,KAAR,CAAaF,KAAMA,EAAMD,aAAcA,EAAvC,UACE,cAAC,SAAOI,QAAR,IACA,eAAC,SAAOC,cAAR,CAAsBC,qBAAsB,SAAAC,GAAC,OAAIA,EAAEC,kBAAnD,UACE,cAAC,SAAOC,YAAR,UACE,cAAC,UAAD,CAASC,GAAG,KAAKC,GAAI,EAArB,6BAIF,eAAC,MAAD,CAAKC,GAAI,EAAT,UACE,cAAC,OAAD,2FAICV,GACC,cAAC,MAAD,CAAKW,QAAQ,OAAOC,eAAe,SAASC,GAAI,EAAGJ,GAAI,EAAvD,SACE,eAAC,SAAD,CAAQD,GAAG,IAAIM,KAAK,WAApB,UACE,cAAC,OAAD,CAAMC,KAAK,eAAeC,GAAI,IADhC,kBAMFhB,GACA,eAAC,MAAD,WACE,cAAC,MAAD,CAAKW,QAAQ,OAAOC,eAAe,SAASC,GAAI,EAAGJ,GAAI,EAAvD,SACE,eAAC,SAAD,CAAQD,GAAG,IAAIM,KAAK,WAApB,UACE,cAAC,OAAD,CAAMC,KAAK,OAAOC,GAAI,IADxB,eAKF,cAAC,MAAD,CAAKC,UAAU,SAAf,SACE,eAAC,OAAD,kCAEE,cAAC,OAAD,CAAMC,WAAY,IAAKC,MAAM,QAAQL,KAAK,WAAWM,GAAI,EAAzD,qCAalBvB,EAAkBwB,UAAY,CAC5BvB,aAAcwB,IAAUC,KAAKC,WAC7BzB,KAAMuB,IAAUG,KAAKD,WACrBxB,aAAcsB,IAAUG,KAAKD","file":"media~video.3cd9246c55b8a0f9c16f.chunk.js","sourcesContent":["// eslint-disable-next-line import/prefer-default-export\nexport const routes = {\n  flashcards: '/flashcards',\n  videos: '/videos',\n  video: '/video',\n}\n","// videoParam can be either an ID or a Slug\nexport const getVideoUrl = videoParam => `/api/v1/videos/${videoParam}`\n\nexport const getRandomVideosUrl = ({ page, limit }) =>\n  `/api/v1/videos?page=${page.toString()}&limit=${limit.toString()}`\n\nexport const getVideoCategoryUrl = categoryId =>\n  `/api/v1/video_categories/${categoryId}`\n\nexport const getVideoGenreUrl = genreId => `/api/v1/video_genres/${genreId}`\n\nexport const getVideoGenresUrl = '/api/v1/video_genres'\n","import PropTypes from 'prop-types'\n\nimport {\n  Box,\n  Icon,\n  Dialog,\n  Heading,\n  Text,\n  Button,\n  Link,\n} from '@redriverpress/system'\n\nexport default function VideoAccessDialog({\n  onOpenChange,\n  open,\n  userLoggedIn,\n}) {\n  return (\n    <Dialog.Root open={open} onOpenChange={onOpenChange}>\n      <Dialog.Overlay />\n      <Dialog.StyledContent onPointerDownOutside={e => e.preventDefault()}>\n        <Dialog.StyledTitle>\n          <Heading as='h6' mb={0}>\n            Subscribe now\n          </Heading>\n        </Dialog.StyledTitle>\n        <Box py={3}>\n          <Text>\n            Get full access to all of our video content with a subscription\n            to&nbsp;Ellii.\n          </Text>\n          {userLoggedIn && (\n            <Box display='flex' justifyContent='center' mt={4} mb={3}>\n              <Button as='a' href='/pricing'>\n                <Icon icon='key-skeleton' pr={2} />\n                Subscribe\n              </Button>\n            </Box>\n          )}\n          {!userLoggedIn && (\n            <Box>\n              <Box display='flex' justifyContent='center' mt={4} mb={3}>\n                <Button as='a' href='/pricing'>\n                  <Icon icon='plus' pr={2} />\n                  Sign Up\n                </Button>\n              </Box>\n              <Box textAlign='center'>\n                <Text>\n                  Already using Ellii?\n                  <Link fontWeight={600} color='black' href='/sign_in' ml={1}>\n                    Log in\n                  </Link>\n                </Text>\n              </Box>\n            </Box>\n          )}\n        </Box>\n      </Dialog.StyledContent>\n    </Dialog.Root>\n  )\n}\n\nVideoAccessDialog.propTypes = {\n  onOpenChange: PropTypes.func.isRequired,\n  open: PropTypes.bool.isRequired,\n  userLoggedIn: PropTypes.bool.isRequired,\n}\n"],"sourceRoot":""}