{"version":3,"file":"static/chunks/38925.4608f53f41cf7bc1.js","mappings":"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","sources":["webpack://_N_E/./src/components/Refer/TermsModal/style.ts","webpack://_N_E/./src/components/Refer/TermsModal/Content/styles.ts","webpack://_N_E/./src/components/Refer/TermsModal/Content/index.tsx","webpack://_N_E/./src/components/Refer/TermsModal/index.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const ModalHeader = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  & h3 {\n    font-size: 18px;\n    font-weight: 600;\n    color: ${({ theme }) => theme.vars.palette.text.primary};\n  }\n\n  & i {\n    display: flex;\n    justify-content: center;\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    align-items: center;\n    font-size: 16px;\n    border-radius: 50%;\n    background-color: ${({ theme }) => theme.vars.palette.background.default};\n    color: ${({ theme }) => theme.vars.palette.text.secondary};\n    transition: opacity 0.25s ease-in-out;\n\n    &:hover {\n      opacity: 0.8;\n    }\n  }\n`;\n\nexport const Container = styled.div`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 100%;\n  max-width: 450px;\n  background-color: ${({ theme }) => theme.vars.palette.background.paper};\n  border-radius: ${({ theme }) => theme.vars.shape.borderRadius};\n  display: flex;\n  height: 100dvh;\n  max-height: 600px;\n  flex-direction: column;\n  gap: 1rem;\n  padding: 24px;\n\n  @media (max-width: 768px) {\n    max-width: calc(100% - 40px);\n    padding: 24px 16px;\n  }\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-track {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    display: none;\n  }\n`;\n\nexport const Content = styled.div`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  overflow-y: auto;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-track {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    display: none;\n  }\n`;\n","import Link from '@/components/core/Link';\nimport styled from 'styled-components';\n\nexport const List = styled.ol`\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  padding-left: 16px;\n  gap: 8px;\n  counter-reset: rules;\n`;\n\nexport const ListItem = styled.li`\n  width: 100%;\n  color: ${({ theme }) => theme.vars.palette.text.secondary};\n  font-size: 16px;\n  font-weight: 400;\n`;\n\nexport const StyledLink = styled(Link)`\n  all: unset;\n  box-sizing: border-box;\n  font-size: 16px;\n  font-weight: 400;\n  transition: color 0.25s ease-in-out;\n  color: ${({ theme }) => theme.vars.palette.text.secondary} !important;\n  cursor: pointer;\n  position: relative;\n\n  &::before {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    width: 100%;\n    height: 1px;\n    transition: background-color 0.25s ease-in-out;\n    background-color: ${({ theme }) => theme.vars.palette.text.secondary};\n  }\n\n  &:hover {\n    color: ${({ theme }) => theme.vars.palette.text.primary} !important;\n\n    &::before {\n      background-color: ${({ theme }) =>\n        theme.vars.palette.text.primary} !important;\n    }\n  }\n`;\n","import useTranslation from 'next-translate/useTranslation';\nimport { List, ListItem, StyledLink } from './styles';\nimport TransText from 'next-translate/TransText';\n\nexport default function TermsContent() {\n  const { t } = useTranslation('refer');\n\n  return (\n    <List>\n      {Array.from({ length: 5 }).map((_, i) => (\n        <ListItem key={`refer_terms_item_${i}`}>\n          <TransText\n            components={[<StyledLink key=\"terms_content_key\" href=\"/bonus\" />]}\n            text={t(`refer_terms.${i + 1}`, {\n              app_provider: process.env.NEXT_PUBLIC_BET_NAME,\n            })}\n          />\n        </ListItem>\n      ))}\n    </List>\n  );\n}\n","import useTranslation from 'next-translate/useTranslation';\nimport { Container, Content, ModalHeader } from './style';\nimport TermsContent from './Content';\nimport { Modal } from '@starsoft/common/components';\nimport { useModal } from '@/hooks/modals/useModal';\nimport { ModalsKey } from '@/enums/modalsKey';\n\nexport default function TermsModal() {\n  const { t } = useTranslation('common');\n  const { handleContainer, isOpen, onClose } = useModal(ModalsKey.Terms);\n\n  return (\n    <Modal open={isOpen} onClose={onClose}>\n      <Container onClick={handleContainer}>\n        <ModalHeader>\n          <h3>{t('terms_title')}</h3>\n          <i className=\"fas fa-times\" onClick={() => onClose()} />\n        </ModalHeader>\n        <Content>\n          <TermsContent />\n        </Content>\n      </Container>\n    </Modal>\n  );\n}\n"],"names":["ModalHeader","styled","div","withConfig","theme","param","vars","palette","text","primary","background","default","secondary","Container","paper","shape","borderRadius","Content","List","ol","ListItem","li","StyledLink","Link","TermsContent","t","useTranslation","jsx_runtime","jsx","Array","from","length","map","_","i","TransText","components","href","concat","app_provider","process","TermsModal","handleContainer","isOpen","onClose","useModal","ModalsKey","Terms","Modal","open","jsxs","onClick","h3","className"],"sourceRoot":""}