{"version":3,"sources":["utils/getValidationsErrors.ts","services/api/index.ts","utils/format.ts","assets/images/field.png","assets/images/mask-ball.png","assets/banners/knarin.png","pages/Home/styles.ts","components/Input/styles.ts","components/Input/index.tsx","components/Select/styles.ts","components/Select/index.tsx","assets/images/soccer-shoe-pink.png","assets/images/soccer-shoe-green.png","assets/images/soccer-shoe-gold.png","assets/images/soccer-shoe-yellow.png","assets/images/soccer-shoe-white.png","components/Models/styles.ts","components/Models/index.tsx","components/InputMask/styles.ts","components/InputMask/index.tsx","components/InputCheckbox/styles.ts","components/InputCheckbox/index.tsx","assets/images/pink-boots.png","assets/images/soccer-ball.svg","assets/images/soccer-shoe.svg","assets/images/play-soccer.png","pages/Home/index.tsx","pages/FinalizeSubscription/styles.ts","components/Loading/styles.ts","components/Loading/index.tsx","pages/FinalizeSubscription/index.tsx","routes/index.tsx","styles/global.ts","hooks/Auth.tsx","hooks/index.tsx","components/Footer/styles.ts","assets/logos/logo-footer.svg","components/Footer/index.tsx","components/Header/styles.ts","assets/logos/logo.svg","assets/logos/logo-short.svg","components/Header/index.tsx","App.tsx","index.tsx"],"names":["getValidationErros","errors","validationErrors","inner","forEach","error","path","message","api","axios","create","baseURL","process","formatPrice","Intl","NumberFormat","currency","minimumFractionDigits","maximumFractionDigits","format","Container","styled","div","soccer","kanarin","mask_ball","props","isErrored","css","isFilled","isFocuses","Input","name","hasError","className","type","onFocus","onBlur","rest","inputRef","useRef","useState","setIsFocuses","setIsFilled","useField","fieldName","defaultValue","registerField","typeInput","setTypeInput","useEffect","ref","current","handleInputFocus","useCallback","e","handleInputBlur","value","handleClick","state","onClick","height","darken","options","readOnly","onChange","onChangeText","values","setValues","undefined","optionSelected","setOptionSelected","valueSelected","setValueSelected","clearValue","valueFound","find","newValue","map","id","selected","selectedOption","option","target","setTimeout","handleChange","newValues","optionData","notSelectable","autoComplete","size","color","disabled","ButtonLeft","button","ButtonRight","PrevArrow","NextArrow","Models","settings","dots","infinite","speed","slidesToShow","slidesToScroll","prevArrow","nextArrow","responsive","breakpoint","src","soccer_shoe_pink","alt","soccer_shoe_green","soccer_shoe_gold","soccer_shoe_yellow","soccer_shoe_white","InputMask","kind","placeholder","required","maskRef","setNewValue","data","handleFocus","handleBlur","CheckboxInput","label","Error","span","InputCheckbox","setData","newData","slice","dataIndex","findIndex","index","htmlFor","labelHtml","dangerouslySetInnerHTML","__html","Home","history","useHistory","formRef","contactFormRef","resultFooters","setResultFooters","resultKnarin","setResultKnarin","plans","setPlans","accept","setAccept","acceptError","setAcceptError","celphoneError","setCelphoneError","sizeSelected","setSizeSelected","get","then","response","plan","timeChange","time","pairs","toString","padStart","price","totalPrice","sizeOptions","useMemo","i","push","unshift","Object","keys","length","handleSubmitCalc","formData","getData","totalFooters","qtd_renew","qtd_buy","resultAuxKnarin","handleSelectedSize","handleChangeAccept","handleSubmit","setErrors","robot","schema","Yup","shape","email","age","celphone","brand","when","is","acceptCheck","otherwise","celphoneData","celphoneDataCheck","validate","abortEarly","context","includes","post","reset","Swal","fire","pink_boots","soccer_ball","description","href","rel","soccer_shoe","onSubmit","play_soccer","knarin","Select","active","Loading","role","FinalizeSubscription","params","useParams","divRef","number","expiration","cvc","flag","focused","setFocus","subscriptionId","setSubscriptionId","setPlan","loading","setLoading","token","user","subscription","finally","event","noSpaceValue","replace","v","document","getElementsByClassName","classList","charAt","toUpperCase","expiry_date","dateParts","split","subscription_id","replaceAll","holder","cvv","window","open","placeholderName","mask","parseFloat","routes","exact","component","createGlobalStyle","AuthContext","createContext","AuthProvider","children","localStorage","getItem","defaults","headers","authorization","JSON","parse","signIn","key","code","setItem","stringify","REACT_APP_OLD_URL","chave","auth_code","rms","signOut","removeItem","updateUser","Provider","AppProvider","header","Footer","logo_footer","Menu","lighten","Link","LinkComponent","AnchorLink","AnchorLinkComponent","Header","location","useLocation","setActive","pageId","setPageId","hash","scroller","scrollTo","smooth","offset","pathname","to","logo","logo_short","App","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.9e8a1502.chunk.js","sourcesContent":["import { ValidationError } from 'yup';\n\ninterface Errors {\n [key: string]: string;\n}\n\nexport default function getValidationErros(errors: ValidationError): Errors {\n const validationErrors: Errors = {};\n\n errors.inner.forEach((error) => {\n validationErrors[error.path as string] = error.message;\n });\n\n return validationErrors;\n}\n","import axios from 'axios';\n\nconst api = axios.create({ baseURL: process.env.REACT_APP_API_URL });\n\nexport default api;\n","export const { format: formatPrice } = new Intl.NumberFormat('pt-BR', {\n currency: 'BRL',\n minimumFractionDigits: 2,\n maximumFractionDigits: 2,\n});\n","export default __webpack_public_path__ + \"static/media/field.98ea3701.png\";","export default __webpack_public_path__ + \"static/media/mask-ball.c1467ab9.png\";","export default __webpack_public_path__ + \"static/media/knarin.608afc41.png\";","import styled from 'styled-components';\nimport soccer from '~/assets/images/field.png';\nimport mask_ball from '~/assets/images/mask-ball.png';\nimport kanarin from '~/assets/banners/knarin.png';\n\nexport const Container = styled.div`\n .main-text {\n font-size: 40px;\n .text-gradient {\n line-height: 39px;\n background: linear-gradient(90deg, #0fdfb7 -44.4%, #aaf23c 130.97%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n }\n .beyond {\n font-size: 20px;\n }\n .home-height {\n height: 750px;\n }\n .background-boots {\n background: linear-gradient(\n 180deg,\n rgba(15, 223, 183, 0.6) -44.4%,\n rgba(170, 242, 60, 0.6) 130.97%\n );\n border-radius: 0px 0px 32px 32px;\n }\n .banner-boots {\n position: relative;\n bottom: -40px;\n }\n .rect {\n width: 50px;\n height: 9px;\n background: linear-gradient(90deg, #0fdfb7 -44.4%, #aaf23c 130.97%);\n border-radius: 100px;\n }\n .content-text {\n font-size: 30px;\n color: #202020;\n }\n .ball {\n width: 20px;\n height: 20px;\n }\n .sportTech {\n font-size: 24px;\n .sport-bold {\n color: #202020;\n }\n }\n .our-brand {\n background: #d1f5e2;\n border-radius: 32px;\n h2 {\n font-size: 24px;\n }\n p {\n color: #486861;\n font-size: 16px;\n }\n }\n .our-love {\n background: #bbe7d0;\n border-radius: 32px;\n h2 {\n font-size: 24px;\n }\n p {\n color: #486861;\n font-size: 16px;\n }\n }\n .signature {\n border-radius: 20px 20px 0px 0px;\n background-image: url(${soccer});\n background-repeat: no-repeat;\n background-size: cover;\n b {\n font-weight: 600;\n }\n }\n .sign-text {\n color: #ffffff;\n font-size: 30px;\n font-weight: 600;\n }\n .sign-text-p {\n color: #e4e4e4;\n font-weight: 400;\n font-size: 16px;\n .text-p {\n width: calc(100% - 5px);\n }\n }\n .vertical-bar {\n background: linear-gradient(90deg, #0fdfb7 -44.4%, #aaf23c 130.97%);\n border-radius: 8px;\n width: 3px;\n }\n .plan {\n background-color: #ffffff;\n border: 1px solid #f3f3f3;\n box-shadow: 3px 4px 23px rgba(95, 95, 95, 0.1),\n inset 1px 1px 2px rgba(255, 255, 255, 0.3),\n inset -1px -1px 2px rgba(230, 230, 230, 0.5);\n border-radius: 18px;\n }\n .ball-ace {\n background-color: #aef7ac;\n border-radius: 18px;\n font-weight: 600;\n font-size: 16px;\n color: #2d2e2e;\n }\n .n-month {\n font-weight: 600;\n font-size: 50px;\n color: #000000;\n }\n .month {\n font-weight: 300;\n font-size: 24px;\n color: #707070;\n }\n .attribute {\n font-size: 14px;\n color: #707070;\n }\n .know-more {\n font-weight: 500;\n font-size: 18px;\n color: #202020;\n background: linear-gradient(90deg, #0fdfb7 -44.4%, #aaf23c 130.97%);\n border-radius: 18px;\n border: none;\n }\n .imgre {\n background: blueviolet;\n border-radius: 22px;\n width: 160px;\n height: 160px;\n justify-content: center;\n align-items: center;\n display: flex;\n }\n .line-test {\n border: 1px dashed #ffffff;\n top: 130px;\n left: 50%;\n transform: translateX(-50%);\n z-index: -10;\n }\n .feature {\n background: #202020;\n h2 {\n color: #ffffff;\n font-size: 30px;\n b {\n font-weight: 600;\n }\n }\n }\n .feature-text {\n color: #ffffff;\n font-size: 18px;\n }\n .icons {\n width: 105px;\n height: 105px;\n background: #00d97f;\n border-radius: 22px;\n }\n .shoe {\n color: #000000;\n width: 100px;\n height: 100px;\n }\n .work {\n z-index: 1;\n }\n .how-work {\n color: #000000;\n font-size: 42px;\n }\n .line {\n border: 1px dashed #ffffff;\n top: 160px;\n left: 50%;\n transform: translateX(-50%);\n z-index: 0;\n }\n .line-hz {\n background: #00d97f;\n border-radius: 9px;\n width: 50px;\n height: 10px;\n }\n\n .mask {\n background-size: cover;\n background-color: #00d97f;\n background-position: right bottom;\n background-repeat: no-repeat;\n border-radius: 20px 20px 0px 0px;\n h2 {\n font-size: 30px;\n }\n }\n .form-how-much {\n background: #ffffff;\n box-shadow: 0px 4px 17px rgba(0, 0, 0, 0.1);\n border-radius: 21px;\n h4 {\n font-size: 18px;\n }\n }\n #tipe-in {\n font-size: 18px;\n color: #707070;\n }\n .type-border {\n color: #707070;\n border-radius: 0;\n border: none;\n border-bottom: 1px solid #000000;\n }\n .btn-calc {\n background-color: #202020;\n border-radius: 10px;\n color: #ffffff;\n }\n .calc-value {\n h5 {\n font-size: 18px;\n }\n }\n .result-t {\n color: #e00800;\n }\n .result-k {\n color: #00ab64;\n }\n .exclusive-text {\n h2 {\n font-size: 30px;\n }\n h4 {\n font-size: 18px;\n }\n }\n .back-screen-small {\n background-image: url(${kanarin});\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 0px 50px 0px 0px;\n }\n .contact {\n font-size: 30px;\n color: #ffffff;\n }\n .form-text {\n color: #ffffff;\n }\n .type-border-contact {\n font-size: 16px;\n background: #f2f2f2;\n border: 1px solid #dadada;\n border-radius: 8px;\n padding: 0px 25px 0px 25px;\n\n input {\n color: #626262;\n\n ::placeholder {\n color: #8692a6;\n }\n }\n }\n .drop {\n border-radius: 10px;\n border: 1px solid #d3d3d3;\n padding: 5px 10px;\n width: 100%;\n display: -webkit-box;\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n -webkit-align-items: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n height: 46px;\n appearance: auto;\n }\n .btn-know {\n background: linear-gradient(90deg, #0fdfb7 -44.4%, #aaf23c 130.97%);\n border-radius: 10px;\n color: #202020;\n }\n @media screen and (min-width: 768px) {\n .main-text {\n font-size: 50px;\n }\n .beyond {\n font-size: 22px;\n }\n .rect {\n width: 60px;\n height: 15px;\n }\n .content-text {\n font-size: 40px;\n }\n .ball {\n width: 30px;\n height: 30px;\n }\n .sportTech {\n font-size: 22px;\n }\n .sign-text {\n font-size: 35px;\n }\n .sign-text-p {\n font-size: 18px;\n }\n .vertical-bar {\n width: 5px;\n }\n .icons {\n width: 130px;\n height: 130px;\n }\n .shoe {\n width: 115px;\n height: 115px;\n }\n .how-work {\n font-size: 50px;\n }\n .mask {\n h2 {\n font-size: 40px;\n }\n }\n .form-how-much {\n h4 {\n font-size: 20px;\n }\n }\n .exclusive-text {\n h2 {\n font-size: 40px;\n }\n h4 {\n font-size: 20px;\n }\n }\n .contact {\n font-size: 40px;\n }\n }\n @media screen and (min-width: 992px) {\n .main-text {\n font-size: 70px;\n }\n .beyond {\n font-size: 24px;\n }\n\n .banner-boots {\n top: 252px;\n left: -50px;\n }\n .rect {\n width: 85px;\n height: 19px;\n }\n .content-text {\n font-size: 50px;\n }\n .ball {\n width: 48px;\n height: 48px;\n }\n .sportTech {\n font-size: 24px;\n }\n .our-brand {\n h2 {\n font-size: 40px;\n }\n p {\n font-size: 18px;\n }\n }\n .our-love {\n h2 {\n font-size: 40px;\n }\n p {\n font-size: 18px;\n }\n }\n\n .sign-text {\n font-size: 40px;\n }\n .sign-text-p {\n font-size: 25px;\n }\n .vertical-bar {\n width: 5px;\n }\n\n .n-month {\n font-size: 80px;\n }\n .month {\n font-size: 30px;\n }\n\n .feature {\n h2 {\n font-size: 50px;\n }\n }\n .icons {\n width: 158px;\n height: 158px;\n }\n .shoe {\n width: 140px;\n height: 140px;\n }\n .how-work {\n font-size: 65px;\n }\n .line {\n position: absolute;\n }\n .line-hz {\n width: 79px;\n }\n\n .mask {\n background-image: url(${mask_ball});\n\n h2 {\n font-size: 55px;\n }\n }\n .form-how-much {\n h4 {\n font-size: 24px;\n }\n }\n\n .calc-value {\n h5 {\n font-size: 18px;\n }\n }\n .exclusive-text {\n h2 {\n font-size: 60px;\n }\n h4 {\n font-size: 24px;\n }\n }\n .back-screen-small {\n background: none;\n }\n .contact {\n font-size: 60px;\n color: #202020;\n }\n .form-text {\n color: #202020;\n }\n }\n`;\n","import styled, { css } from 'styled-components';\n\ninterface ContainerProps {\n isFilled: boolean;\n isFocuses: boolean;\n isErrored: boolean;\n}\n\nexport const Container = styled.div`\n border-radius: 10px;\n border: 1px solid #d3d3d3;\n padding: 5px 10px;\n width: 100%;\n display: flex;\n align-items: center;\n height: 44px;\n\n + div {\n margin-top: 8px;\n }\n\n div {\n width: 100%;\n display: flex;\n align-items: center;\n\n .button-show {\n width: 70px;\n font-size: 12px;\n text-align: center;\n background: none;\n border: 0;\n padding: 6px 6px 6px;\n color: #2e90fd !important;\n height: 52px;\n font-weight: bold;\n }\n }\n\n input {\n width: 100%;\n flex: 1;\n background: transparent;\n border: 0;\n color: #8692a6;\n transition-duration: 0.2s;\n\n ::placeholder {\n color: #d3d3d3;\n }\n\n :focus {\n border: none;\n outline: 0;\n }\n }\n\n svg {\n margin-right: 16px;\n color: #8692a6;\n transition-duration: 0.2s;\n }\n\n ${(props) =>\n props.isErrored &&\n css`\n border-color: #c53030 !important;\n `}\n\n ${(props) => props.isFilled && css``}\n\n ${(props) =>\n props.isFocuses &&\n css`\n color: #606060;\n border-color: #333333 !important;\n `}\n`;\n","import React, {\n FC,\n InputHTMLAttributes,\n useEffect,\n useRef,\n useState,\n useCallback,\n} from 'react';\nimport { useField } from '@unform/core';\n\nimport { Container } from './styles';\n\ninterface InputProps extends InputHTMLAttributes {\n name: string;\n hasError?(hasError: boolean): void;\n}\n\nconst Input: FC = ({\n name,\n hasError,\n className,\n type,\n onFocus,\n onBlur,\n ...rest\n}) => {\n const inputRef = useRef(null);\n const [isFocuses, setIsFocuses] = useState(false);\n const [isFilled, setIsFilled] = useState(false);\n const { fieldName, defaultValue, error, registerField } = useField(name);\n const [typeInput, setTypeInput] = useState('password');\n\n useEffect(() => {\n registerField({\n name: fieldName,\n ref: inputRef.current,\n path: 'value',\n });\n }, [fieldName, registerField]);\n\n useEffect(() => {\n if (hasError) {\n hasError(!!error);\n }\n }, [error, hasError]);\n\n const handleInputFocus = useCallback(\n (e: React.FocusEvent) => {\n if (onFocus) {\n onFocus(e);\n }\n setIsFocuses(true);\n },\n [onFocus]\n );\n\n const handleInputBlur = useCallback(\n (e: React.FocusEvent) => {\n if (onBlur) {\n onBlur(e);\n }\n setIsFocuses(false);\n setIsFilled(!!inputRef.current?.value);\n },\n [onBlur]\n );\n\n const handleClick = useCallback(() => {\n setTypeInput((state) => (state === 'password' ? 'text' : 'password'));\n }, []);\n\n return (\n <>\n \n
\n {type !== 'password' ? (\n \n ) : (\n \n )}\n {type === 'password' && (\n \n )}\n
\n \n {error && {error}}\n \n );\n};\n\nexport default Input;\n","import { darken } from 'polished';\nimport styled, { css } from 'styled-components';\n\ninterface ContainerProps {\n height?: string;\n isFilled: boolean;\n isFocuses: boolean;\n isErrored: boolean;\n}\n\nexport const Container = styled.div`\n border-radius: 10px;\n border: 1px solid #d3d3d3;\n padding: 5px 10px;\n width: 100%;\n display: flex;\n align-items: center;\n height: ${({ height }) => height || '44px'};\n\n + div {\n margin-top: 8px;\n }\n\n div {\n width: 100%;\n position: relative;\n\n .button-show {\n width: 70px;\n font-size: 12px;\n text-align: center;\n background: none;\n border: 0;\n padding: 6px 6px 6px;\n color: #fa8009 !important;\n height: 52px;\n font-weight: bold;\n }\n }\n\n input {\n width: 100%;\n flex: 1;\n background: transparent;\n border: 0;\n color: #8692a6;\n transition-duration: 0.2s;\n\n ::placeholder {\n color: #d3d3d3;\n }\n\n :focus {\n border: none;\n outline: 0;\n }\n\n :disabled {\n opacity: 0.7;\n }\n }\n\n .options {\n border-radius: 0 0 10px 10px;\n background-color: #fff;\n border: 1px solid #d3d3d3;\n width: calc(100% + 2px);\n left: -1px;\n top: 42px;\n max-height: 200px;\n overflow: auto;\n z-index: 100;\n\n button {\n border: none;\n border-bottom: 1px solid #d3d3d3;\n background: transparent;\n transition-duration: 0.3s;\n color: #8692a6;\n min-height: 52px;\n\n :hover {\n background-color: ${darken(0.02, '#ffffff')};\n }\n }\n }\n\n svg {\n color: #8692a6;\n transition-duration: 0.2s;\n pointer-events: none;\n }\n\n ${(props) =>\n props.isErrored &&\n css`\n border-color: #c53030;\n `}\n\n ${(props) => props.isFilled && css``}\n\n ${(props) =>\n props.isFocuses &&\n css`\n color: #606060;\n border-color: #333333 !important;\n border-radius: 10px 10px 0 0 !important;\n `}\n`;\n","import React, {\n FC,\n InputHTMLAttributes,\n useEffect,\n useRef,\n useState,\n useCallback,\n} from 'react';\nimport { useField } from '@unform/core';\nimport { IoIosArrowDown } from 'react-icons/io';\n\nimport { Container } from './styles';\n\nexport interface IOption {\n id?: number | string;\n value: string;\n selected: boolean;\n notSelectable?: boolean;\n}\n\ninterface SelectProps extends InputHTMLAttributes {\n name: string;\n height?: string;\n options: IOption[];\n readOnly?: boolean;\n onChangeText?(value: string): void;\n hasError?(hasError: boolean): void;\n}\n\nconst Input: FC = ({\n name,\n height,\n hasError,\n className,\n options,\n onFocus,\n onBlur,\n readOnly,\n onChange,\n onChangeText,\n ...rest\n}) => {\n const inputRef = useRef(null);\n const [values, setValues] = useState(options);\n const [optionSelected, setOptionSelected] = useState<\n number | string | undefined\n >(undefined);\n const [valueSelected, setValueSelected] = useState('');\n const [isFocuses, setIsFocuses] = useState(false);\n const [isFilled, setIsFilled] = useState(false);\n const { fieldName, defaultValue, error, registerField } = useField(name);\n\n useEffect(() => {\n registerField({\n name: fieldName,\n ref: inputRef.current,\n path: 'value',\n clearValue() {\n const valueFound = values.find((value) => value.value === 'Selecione');\n if (valueFound) {\n const newValue = values.map((value) => {\n if (value.id === valueFound.id) {\n return {\n ...value,\n selected: true,\n };\n }\n\n return {\n ...value,\n selected: false,\n };\n });\n\n setValues(newValue);\n setOptionSelected(valueFound.id);\n\n setValueSelected(valueFound.value);\n } else {\n setOptionSelected(0);\n setValueSelected('');\n }\n },\n });\n }, [fieldName, registerField, values]);\n\n useEffect(() => {\n if (hasError) {\n hasError(!!error);\n }\n setValues(options);\n }, [error, hasError, options]);\n\n useEffect(() => {\n let selectedOption = values.find((option) => option.selected);\n if (selectedOption) {\n setOptionSelected(selectedOption.id);\n setValueSelected(selectedOption.value);\n } else {\n selectedOption = values.find((option) => !!option.id);\n if (selectedOption && !isFocuses) {\n setOptionSelected(selectedOption.id);\n setValueSelected(selectedOption.value);\n }\n }\n }, [defaultValue, isFocuses, values]);\n\n const handleInputFocus = useCallback(\n (e: React.FocusEvent) => {\n const { value } = e.target;\n if (value === 'Selecione') {\n setValueSelected('');\n }\n if (onFocus) {\n onFocus(e);\n }\n setIsFocuses(true && !readOnly);\n },\n [onFocus, readOnly]\n );\n\n const handleInputBlur = useCallback(\n (e: React.FocusEvent) => {\n const { value } = e.target;\n if (!value) {\n setValueSelected('Selecione');\n }\n if (onBlur) {\n onBlur(e);\n }\n setTimeout(() => {\n setIsFocuses(false);\n }, 300);\n setIsFilled(!!inputRef.current?.value);\n },\n [onBlur]\n );\n\n const handleChange = useCallback(\n (e: React.ChangeEvent) => {\n const { value } = e.target;\n if (onChangeText) {\n onChangeText(value);\n }\n setValueSelected(value);\n },\n [onChangeText]\n );\n\n const handleClick = useCallback(\n (option: IOption) => {\n setOptionSelected(option.id);\n setValueSelected(option.value);\n\n const newValues: IOption[] = values.map((optionData) => {\n if (optionData.id === option.id) {\n return {\n id: optionData.id,\n value: optionData.value,\n selected: true,\n notSelectable: optionData.notSelectable,\n };\n }\n\n return {\n id: optionData.id,\n value: optionData.value,\n selected: false,\n notSelectable: optionData.notSelectable,\n };\n });\n\n setValues(newValues);\n\n if (onChange) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n onChange(option as unknown as React.ChangeEvent);\n }\n },\n [onChange, values]\n );\n\n return (\n <>\n \n
\n \n \n \n
\n {isFocuses && (\n
\n {values.map((option) => (\n handleClick(option)}\n className=\"w-100\"\n disabled={option.notSelectable}\n >\n {option.value}\n \n ))}\n
\n )}\n \n {error && {error}}\n \n );\n};\n\nexport default Input;\n","export default __webpack_public_path__ + \"static/media/soccer-shoe-pink.2021754e.png\";","export default __webpack_public_path__ + \"static/media/soccer-shoe-green.9e07db01.png\";","export default __webpack_public_path__ + \"static/media/soccer-shoe-gold.09c7b79b.png\";","export default __webpack_public_path__ + \"static/media/soccer-shoe-yellow.335f1db5.png\";","export default __webpack_public_path__ + \"static/media/soccer-shoe-white.297b9dbe.png\";","import styled from 'styled-components';\n\nexport const Container = styled.div`\n .slick-prev {\n background: #00d97f;\n }\n .slick-next {\n background: #00d97f;\n }\n .img-car {\n border: 1px solid #d7cfcf;\n border-radius: 17px;\n position: relative;\n background: #f9f9f9;\n p {\n font-size: 20px;\n }\n }\n .img-car-knowMore {\n border: 1px solid #d7cfcf;\n border-radius: 17px;\n position: relative;\n background: #00ba6d;\n span {\n background: none;\n color: #ffffff;\n }\n }\n .soccer-shoe-esp {\n margin-top: -50px;\n z-index: 99;\n position: relative;\n }\n`;\n\nexport const ButtonLeft = styled.button`\n height: 76px !important;\n width: 76px !important;\n background: #f9f9f9;\n border: 1px solid #d7cfcf;\n border-radius: 6px;\n position: absolute;\n bottom: -70px;\n left: 0px;\n transition-duration: 0.3s;\n :hover {\n background: #00d97f;\n }\n`;\nexport const ButtonRight = styled.button`\n height: 76px !important;\n width: 76px !important;\n background: #f9f9f9;\n border: 1px solid #d7cfcf;\n border-radius: 6px;\n position: absolute;\n bottom: -70px;\n left: 96px;\n transition-duration: 0.3s;\n :hover {\n background: #00d97f;\n }\n`;\n","import React from 'react';\nimport Slider from 'react-slick';\nimport soccer_shoe_pink from '~/assets/images/soccer-shoe-pink.png';\nimport soccer_shoe_green from '~/assets/images/soccer-shoe-green.png';\nimport soccer_shoe_gold from '~/assets/images/soccer-shoe-gold.png';\nimport soccer_shoe_yellow from '~/assets/images/soccer-shoe-yellow.png';\nimport soccer_shoe_white from '~/assets/images/soccer-shoe-white.png';\nimport { Container, ButtonLeft, ButtonRight } from './styles';\nimport { RiArrowDropLeftLine, RiArrowDropRightLine } from 'react-icons/ri';\n\ninterface IbuttonProps {\n onClick?(): void;\n}\n\nconst PrevArrow: React.FC = ({ onClick }) => {\n return (\n \n \n \n );\n};\nconst NextArrow: React.FC = ({ onClick }) => {\n return (\n \n \n \n );\n};\n\nconst Models: React.FC = () => {\n const settings = {\n dots: false,\n infinite: false,\n speed: 500,\n slidesToShow: 4,\n slidesToScroll: 1,\n prevArrow: ,\n nextArrow: ,\n responsive: [\n {\n breakpoint: 1200,\n settings: {\n slidesToShow: 4,\n },\n },\n {\n breakpoint: 1199,\n settings: {\n slidesToShow: 3,\n },\n },\n {\n breakpoint: 768,\n settings: {\n slidesToShow: 2,\n },\n },\n {\n breakpoint: 480,\n settings: {\n slidesToShow: 1,\n },\n },\n ],\n };\n return (\n \n \n
\n
\n \n

\n Chuteira de Campo
\n Adidas Artilheira V\n

\n
\n
\n
\n
\n \n

\n Adidas X
\n Speedportal\n

\n
\n
\n
\n
\n \n

\n Futebol Future Z 4.4
\n Fg/ag Verde EU 28\n

\n
\n
\n
\n
\n \n

\n Mercurial Vapor 14
\n Academy (Infantil)\n

\n
\n
\n
\n
\n \n

\n Adidas Predator 22 4
\n Unissex\n

\n
\n
\n \n \n Saiba mais em:\n
\n Catálogo\n \n \n \n \n );\n};\n\nexport default Models;\n","import styled, { css } from 'styled-components';\n\ninterface ContainerProps {\n isFilled: boolean;\n isFocuses: boolean;\n isErrored: boolean;\n}\n\nexport const Container = styled.div`\n background: #fff;\n opacity: 0.8;\n border-radius: 10px;\n border: 1.5px solid #cbccce;\n padding: 5px 10px;\n width: 100%;\n display: flex;\n align-items: center;\n height: 46px;\n\n + div {\n margin-top: 8px;\n }\n\n div {\n width: 100%;\n position: relative;\n }\n\n input {\n width: 100%;\n flex: 1;\n background: transparent;\n border: 0;\n color: #18191a;\n transition-duration: 0.2s;\n padding: 0 5px;\n outline: 0;\n\n ::placeholder {\n color: #18191a;\n }\n }\n\n svg {\n margin-right: 16px;\n color: #18191a;\n transition-duration: 0.2s;\n }\n\n ${(props) =>\n props.isErrored &&\n css`\n border-color: #c53030 !important;\n `}\n\n ${(props) =>\n props.isFilled &&\n css`\n svg {\n color: #18191a;\n }\n `}\n\n ${(props) =>\n props.isFocuses &&\n css`\n color: #18191a;\n border-color: #333333 !important;\n\n svg {\n color: #18191a;\n }\n `}\n`;\n","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useState, useEffect, useCallback, useRef } from 'react';\nimport { useField } from '@unform/core';\nimport TextInputMask from 'react-masked-text';\n\nimport { Container } from './styles';\n\ninterface InputMaskProps {\n kind: string;\n name: string;\n onChange?(event: any): void;\n onFocus?(event: any): void;\n onBlur?(event: any): void;\n value?: string;\n placeholder?: string;\n id?: string;\n className?: string;\n options?: {\n mask?: string;\n format?: string;\n unit?: string;\n separator?: string;\n delimiter?: string;\n };\n required?: boolean;\n}\n\nconst InputMask: React.FC = ({\n kind,\n name,\n onChange,\n onFocus,\n onBlur,\n value,\n placeholder,\n id,\n className,\n options,\n required,\n}) => {\n const maskRef = useRef(null);\n const [newValue, setNewValue] = useState(undefined);\n const [isFocuses, setIsFocuses] = useState(false);\n const [isFilled, setIsFilled] = useState(false);\n\n const { fieldName, error, registerField } = useField(name);\n\n useEffect(() => {\n registerField({\n name: fieldName,\n ref: maskRef.current,\n path: 'props.value',\n clearValue: () => {\n setNewValue('');\n },\n });\n }, [fieldName, registerField]);\n\n useEffect(() => {\n setNewValue(value);\n }, [value]);\n\n const handleChange = useCallback(\n (e: any) => {\n if (onChange && maskRef.current) {\n const data = {\n target: {\n name: maskRef.current.props.name,\n value: e,\n },\n };\n onChange(data);\n }\n setNewValue(e);\n },\n [onChange]\n );\n\n const handleFocus = useCallback(\n (e: any) => {\n setIsFocuses(true);\n if (onFocus) {\n onFocus(e);\n }\n },\n [onFocus]\n );\n\n const handleBlur = useCallback(\n (e: any) => {\n setIsFocuses(false);\n if (onBlur) {\n onBlur(e);\n }\n setIsFilled(!!e.target.value);\n },\n [onBlur]\n );\n\n return (\n <>\n \n \n \n {error && {error}}\n \n );\n};\n\nexport default InputMask;\n","import styled from 'styled-components';\n\ninterface ICheckboxInput {\n selected?: boolean;\n}\n\nexport const Container = styled.div`\n display: flex;\n justify-content: center;\n`;\n\nexport const CheckboxInput = styled.label`\n display: flex;\n align-items: center;\n\n span {\n color: #202020;\n font-weight: 500;\n }\n\n > div {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 16px;\n height: 16px;\n border-radius: 3px;\n margin-right: 8px;\n transition-duration: 0.3s;\n background: ${(props) =>\n props.selected ? '#00d97f' : 'rgba(0, 217, 127, 0.1)'};\n border: 1px solid #00d97f;\n }\n\n .inputData {\n display: none;\n }\n\n + label {\n margin-left: 20px;\n }\n`;\n\nexport const Error = styled.span`\n font-size: 11px !important;\n`;\n","/* eslint-disable react/no-danger */\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { HiCheck } from 'react-icons/hi';\n\nimport { Container, CheckboxInput, Error } from './styles';\n\nexport interface IOption {\n value: string | number;\n label: string;\n selected?: boolean;\n labelHtml?: boolean;\n}\n\ninterface IInputCheckbox {\n name: string;\n options: IOption[];\n className?: string;\n onChange?(options: IOption[]): void;\n error?: string;\n}\n\nconst InputCheckbox: React.FC = ({\n name,\n options,\n className,\n onChange,\n error,\n}) => {\n const [data, setData] = useState([]);\n\n useEffect(() => {\n setData(options);\n }, [options]);\n\n const handleChange = useCallback(\n (option: any) => {\n const newData = data.slice();\n const dataIndex = newData.findIndex(\n (optionData) => optionData === option\n );\n if (dataIndex >= 0) {\n newData[dataIndex].selected = !newData[dataIndex].selected;\n setData(newData);\n }\n if (onChange) {\n onChange(newData);\n }\n },\n [data, onChange]\n );\n\n return (\n <>\n \n {options.map((option, index) => (\n \n
{option.selected && }
\n handleChange(option)}\n className=\"inputData\"\n />\n {option.labelHtml ? (\n \n ) : (\n {option.label}\n )}\n \n ))}\n \n {error && {error}}\n \n );\n};\n\nexport default InputCheckbox;\n","export default __webpack_public_path__ + \"static/media/pink-boots.44fd871c.png\";","export default __webpack_public_path__ + \"static/media/soccer-ball.56796d33.svg\";","export default __webpack_public_path__ + \"static/media/soccer-shoe.90f5b37e.svg\";","export default __webpack_public_path__ + \"static/media/play-soccer.c6d7b451.png\";","import React, {\n useRef,\n useCallback,\n useState,\n useMemo,\n useEffect,\n} from 'react';\nimport { BsCalendarWeek } from 'react-icons/bs';\nimport { RiUser3Line } from 'react-icons/ri';\nimport { MdPayments, MdDeliveryDining } from 'react-icons/md';\nimport { Form } from '@unform/web';\nimport { FormHandles } from '@unform/core';\nimport Swal from 'sweetalert2';\nimport * as Yup from 'yup';\nimport { useHistory } from 'react-router-dom';\n\nimport getValidationErros from '~/utils/getValidationsErrors';\nimport api from '~/services/api';\nimport { formatPrice } from '~/utils/format';\n\nimport { Container } from './styles';\nimport Input from '~/components/Input';\nimport Select, { IOption } from '~/components/Select';\nimport Models from '~/components/Models';\nimport InputMask from '~/components/InputMask';\nimport InputCheckbox from '~/components/InputCheckbox';\n\nimport pink_boots from '~/assets/images/pink-boots.png';\nimport soccer_ball from '~/assets/images/soccer-ball.svg';\nimport soccer_shoe from '~/assets/images/soccer-shoe.svg';\nimport play_soccer from '~/assets/images/play-soccer.png';\nimport knarin from '~/assets/banners/knarin.png';\n\ninterface IPlanResponse {\n id: string;\n name: string;\n description: string;\n price: number;\n time: number;\n pairs: number;\n recommended: boolean;\n}\n\ninterface IPlan {\n id: string;\n name: string;\n description: string;\n price: string;\n totalPrice: string;\n time: string;\n pairs: string;\n recommended: boolean;\n}\n\ninterface IFormData {\n name: string;\n email: string;\n age: string;\n celphone: string;\n brand: string;\n size: string;\n robot: boolean;\n}\n\nconst Home: React.FC = () => {\n const history = useHistory();\n const formRef = useRef(null);\n const contactFormRef = useRef(null);\n const [resultFooters, setResultFooters] = useState(0);\n const [resultKnarin, setResultKnarin] = useState(0);\n const [plans, setPlans] = useState([]);\n const [accept, setAccept] = useState(false);\n const [acceptError, setAcceptError] = useState('');\n const [celphoneError, setCelphoneError] = useState('');\n const [sizeSelected, setSizeSelected] = useState({} as IOption);\n\n useEffect(() => {\n api.get('plans').then((response) => {\n const data = response.data.map((plan) => {\n const timeChange = plan.time / plan.pairs;\n const pairs = plan.pairs.toString().padStart(2, '0');\n return {\n ...plan,\n price: formatPrice(plan.price),\n totalPrice: formatPrice(\n plan.time * plan.price - plan.time * plan.price * 0.16666666666666\n ),\n pairs: `${pairs} ${\n plan.pairs > 1 ? 'Pares de chuteiras' : 'Par de chuteira'\n }, com troca a cada ${timeChange} meses.`,\n time: plan.time.toString().padStart(2, '0'),\n };\n });\n\n setPlans(data);\n });\n }, []);\n\n const sizeOptions = useMemo(() => {\n const data = [];\n\n for (let i = 25; i <= 50; i += 1) {\n const size = {\n id: i,\n value: `${i}`,\n selected: sizeSelected.id === i,\n notSelectable: false,\n };\n data.push(size);\n }\n\n data.unshift({\n id: undefined as string | undefined,\n value: 'selecionar',\n selected: Object.keys(sizeSelected).length === 0,\n notSelectable: true,\n });\n\n return data;\n }, [sizeSelected]);\n\n const handleSubmitCalc = useCallback(() => {\n const formData = formRef.current?.getData();\n if (formData) {\n const totalFooters = formData.qtd_renew * formData.qtd_buy;\n const resultAuxFooters = totalFooters * 1200;\n const resultAuxKnarin = totalFooters * 75;\n setResultFooters(resultAuxFooters);\n setResultKnarin(resultAuxKnarin);\n }\n }, []);\n\n const handleSelectedSize = useCallback((option) => {\n setSizeSelected(option);\n }, []);\n\n const handleChangeAccept = useCallback((values) => {\n setAccept(values[0].selected);\n }, []);\n\n const handleSubmit = useCallback(\n async (data: IFormData) => {\n contactFormRef.current?.setErrors({});\n setAcceptError('');\n setCelphoneError('');\n try {\n if (!data.robot) {\n const schema = Yup.object().shape({\n name: Yup.string().required('O nome é obrigatório'),\n email: Yup.string()\n .email('Digite um e-mail válido')\n .required('O e-mail é obrigatório'),\n age: Yup.string().required('A idade é obrigatória'),\n celphone: Yup.string().required('O whatsapp é obrigatório'),\n brand: Yup.string().required('A marca é obrigatória'),\n size: Yup.string().required('O tamanho é obrigatório'),\n accept: Yup.string().when('$accept', {\n is: (acceptCheck: boolean) => acceptCheck,\n then: Yup.string().required('O aceite é obrigatório'),\n otherwise: Yup.string(),\n }),\n celphoneData: Yup.string().when('$celphoneData', {\n is: (celphoneDataCheck: boolean) => celphoneDataCheck,\n then: Yup.string(),\n otherwise: Yup.string().required('Informe um número válido'),\n }),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n context: {\n accept: !accept,\n celphoneData:\n data.celphone &&\n (data.celphone.length === 14 || data.celphone.length === 15) &&\n !data.celphone.includes('(55)'),\n },\n });\n\n const formData = {\n name: data.name,\n email: data.email,\n age: data.age,\n celphone: data.celphone,\n brand: data.brand,\n size: data.size,\n accept: true,\n };\n\n await api.post('leads', formData);\n setAccept(false);\n contactFormRef.current?.reset();\n }\n\n history.push(`${process.env.PUBLIC_URL}/solicitacao-recebida`);\n Swal.fire('Tudo certo!', 'Contato salvo com sucesso.', 'success').then(\n () => {\n history.push(`${process.env.PUBLIC_URL}`);\n }\n );\n } catch (error) {\n if (error instanceof Yup.ValidationError) {\n const errors = getValidationErros(error);\n if (errors.accept) {\n setAcceptError(errors.accept);\n }\n if (errors.celphoneData && !errors.celphone) {\n setCelphoneError(errors.celphoneData);\n }\n contactFormRef.current?.setErrors(errors);\n } else {\n Swal.fire('Opss...', 'Ocorreu um erro, tente novamente.', 'error');\n }\n }\n },\n [accept, history]\n );\n\n return (\n \n
\n
\n
\n
\n
\n

\n Economize
em{' '}\n \n {' '}\n Chuteiras
\n Profissionais\n \n

\n

\n Assine sua chuteira e junte-se{' '}\n
\n aos jogadores
\n que estão indo\n
\n para outro patamar.\n

\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n

\n Somos a Knarin!\n \n

\n
\n

\n Uma SportTech que fornece de forma exclusiva chuteiras de\n elite através de uma forma{' '}\n única e{' '}\n exclusiva no Brasil.\n

\n
\n
\n
\n
\n
\n
\n
\n

Nosso

\n

Objetivo

\n

\n É facilitar o acesso a esses equipamentos de ponta\n principalmente por atletas que não possuem um rendimento\n financeiro compatível com a realidade de poucos atletas.\n

\n
\n
\n
\n
\n

Nossa

\n

Paixão por futebol

\n

\n Nós somos apaixonados por esporte e fissuramos em ajudar quem\n mais precisa e nós viemos pra mudar tudo isso!!!
 \n
 \n

\n
\n
\n
\n
\n
\n
\n
\n
\n

\n Opções de{' '}\n \n {' '}\n
Assinatura\n \n

\n
\n
\n
\n
\n
\n

\n Entregando uma forma inovadora e única no Brasil, você pode ter\n em primeira mão com exclusividade as mesmas chuteiras que\n atletas patrocinados estão utilizando na atualidade.\n

\n
\n
\n

\n É uma opção importante para aquele atleta que quer sempre estar\n nos holofotes e sendo visto como diferenciado.\n

\n
\n
\n
\n
\n
\n {plans.map((plan) => (\n \n
\n
\n {plan.name}\n
\n
\n {plan.time}\n
\n
\n Meses\n
\n
\n

{plan.description}

\n
\n
\n \n Saiba mais\n \n
\n
\n
\n ))}\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

\n Como
funciona\n

\n
{' '}\n
\n
\n
\n
\n
\n
\n \n
\n

\n Você escolhe o modelo.\n

\n
\n
\n
\n \n
\n

\n Escolhe o melhor período que faz sentido para você.\n

\n
\n
\n
\n \n
\n

\n Envia os dados e informações para assinatura\n

\n
\n
\n
\n \n
\n

\n Realiza o pagamento\n

\n
\n
\n
\n \n
\n

\n Aguarda receber na sua casa\n

\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Alguns modelos

\n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n

\n Você sabe quanto
\n \n gasta
\n com chuteiras\n {' '}\n
\n no ano?\n

\n
\n
\n
\n
\n \n
\n

\n Quantas vezes por ano você renova as suas chuteiras?\n

\n \n
\n
\n {' '}\n

\n Quantas chuteiras você compra por renovação?{' '}\n
 \n

\n \n
\n
\n \n Calcular\n \n
\n {resultFooters > 0 || resultKnarin > 0 ? (\n <>\n
\n
\n Quanto você está gastando hoje:\n
\n

\n R$ {resultFooters} /Ano\n

\n
\n
\n
\n Valor investido com a Knarin:\n
\n

\n R$ {resultKnarin} /Mês\n

\n
\n \n ) : (\n ''\n )}\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Exclusividade

\n

\n Vários atletas de clubes de Série A do estadual já está\n assinado com a gente e vocês terão a oportunidade de se\n juntar a essa comunidade que vai mudar de vez o cenário do\n consumo de chuteiras no Brasil.\n

\n
\n
\n
\n
\n \"play-soccer\"\n
\n
\n
\n
\n
\n \"knarin\"\n
\n
\n
\n

\n Entre
\n em contato\n

\n \n
\n
Nome e Sobrenome
\n \n
\n
\n
E-mail
\n \n
\n
\n
Idade
\n \n
\n
\n
Whatsapp
\n \n {celphoneError && (\n \n {celphoneError}\n \n )}\n
\n
\n
Marca favorita
\n \n
\n
\n
Quanto você calça?
\n \n
\n
\n \n \n Enviar\n \n \n
\n \n
\n
\n
\n
\n \n );\n};\n\nexport default Home;\n","import styled from 'styled-components';\nimport soccer from '~/assets/images/field.png';\nimport mask_ball from '~/assets/images/mask-ball.png';\nimport kanarin from '~/assets/banners/knarin.png';\n\nexport const Container = styled.div`\n .card-box {\n zoom: 1.15;\n\n .ReactCreditCard__container {\n > .ReactCreditCard {\n box-shadow: 2px 2px 10px 1px #0000005e;\n }\n\n .ReactCreditCard__name {\n font-size: 14px;\n }\n }\n }\n\n .input {\n background: #f2f2f2;\n border: 1px solid #dadada;\n padding: 0px 25px 0px 25px;\n\n input {\n color: #626262;\n }\n }\n\n button {\n background: linear-gradient(90deg, #0fdfb7 -44.4%, #aaf23c 130.97%);\n border-radius: 10px;\n color: #202020;\n }\n\n .box {\n border: 1px solid #d7cfcf;\n border-radius: 17px;\n background: #f9f9f9;\n position: sticky;\n top: 125px;\n }\n`;\n","import styled from 'styled-components';\n\ninterface IContainer {\n active: boolean;\n}\n\nexport const Container = styled.div`\n visibility: ${(props) => (props.active ? 'visible' : 'hidden')};\n opacity: ${(props) => (props.active ? '1' : '0')};\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n background: #00000055;\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n\n .loading-box {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n > div {\n width: 50px;\n height: 50px;\n }\n\n span {\n color: #fff;\n display: block;\n margin-top: 20px;\n font-size: 20px;\n }\n }\n`;\n","import React from 'react';\n\nimport { Container } from './styles';\n\ninterface ILoading {\n active: boolean;\n}\n\nconst Loading: React.FC = ({ active }) => {\n return (\n \n
\n
\n Por favor, aguarde\n
\n \n );\n};\n\nexport default Loading;\n","import React, { useRef, useCallback, useState, useEffect } from 'react';\nimport { Form } from '@unform/web';\nimport { FormHandles } from '@unform/core';\nimport Swal from 'sweetalert2';\nimport * as Yup from 'yup';\nimport { useHistory, useParams } from 'react-router-dom';\nimport { ReactCreditCard } from '@repay/react-credit-card';\nimport '@repay/react-credit-card/dist/react-credit-card.css';\n\nimport getValidationErros from '~/utils/getValidationsErrors';\nimport api from '~/services/api';\n\nimport { Container } from './styles';\nimport Input from '~/components/Input';\nimport InputMask from '~/components/InputMask';\nimport { formatPrice } from '~/utils/format';\nimport Loading from '~/components/Loading';\n\ninterface IParams {\n token: string;\n}\n\ninterface IFormData {\n number: string;\n name: string;\n expiry_date: string;\n cvc: string;\n}\n\ninterface IPlan {\n name: string;\n description: string;\n pairs: string;\n price: string;\n time: string;\n}\n\nconst FinalizeSubscription: React.FC = () => {\n const params = useParams();\n const divRef = useRef(null);\n const formRef = useRef(null);\n const [values, setValues] = useState({\n name: '',\n number: '',\n expiration: '',\n cvc: '',\n flag: '',\n });\n const [focused, setFocus] = useState<\n 'number' | 'cvc' | 'expiration' | 'name' | undefined\n >(undefined);\n const [subscriptionId, setSubscriptionId] = useState('');\n const [plan, setPlan] = useState({} as IPlan);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n api\n .get(`orders/tokens/${params.token}`)\n .then((response) => {\n setSubscriptionId(response.data.user.subscription.id);\n setPlan(response.data.user.subscription.plan);\n })\n .finally(() => {\n setLoading(false);\n });\n }, [params.token]);\n\n const handleFocus = useCallback(\n (event) => {\n setFocus(event.target.name);\n },\n [setFocus]\n );\n\n const handleBlur = useCallback(() => setFocus(undefined), [setFocus]);\n\n const handleChange = useCallback(\n (event) => {\n const { name, value } = event.target;\n const noSpaceValue = value.replace(/ /g, '');\n setValues((v) => ({\n ...v,\n [name]: name === 'number' ? noSpaceValue : value,\n }));\n if (name === 'number') {\n const ReactCreditCardElement =\n document.getElementsByClassName('ReactCreditCard')[0];\n let flag = ReactCreditCardElement.classList[1].replace(\n 'ReactCreditCard--',\n ''\n );\n\n flag = flag.charAt(0).toUpperCase() + flag.slice(1);\n setValues((v) => ({ ...v, flag: flag === 'Unknown' ? '' : flag }));\n }\n },\n [setValues]\n );\n\n const handleSubmit = useCallback(\n async (data: IFormData) => {\n formRef.current?.setErrors({});\n try {\n setLoading(true);\n const schema = Yup.object().shape({\n number: Yup.string().required('O número é obrigatório'),\n name: Yup.string().required('O nome é obrigatório'),\n expiry_date: Yup.string().required(\n 'A data de vencimento é obrigatória'\n ),\n cvc: Yup.string().required('O CVC é obrigatório'),\n });\n\n await schema.validate(data, {\n abortEarly: false,\n });\n\n const dateParts = data.expiry_date.split('/');\n\n const formData = {\n subscription_id: subscriptionId,\n price: plan.price,\n number: data.number.replaceAll(' ', ''),\n holder: data.name,\n expiry_date: `${dateParts[0]}/20${dateParts[1]}`,\n cvv: data.cvc,\n brand: values.flag,\n };\n\n await api.post('orders/subscriptions', formData);\n formRef.current?.reset();\n\n setLoading(false);\n\n Swal.fire(\n 'Pagamento realizado!',\n 'Em breve você ira receber um e-mail com seus dados de login.',\n 'success'\n ).then(() => {\n window.open(process.env.REACT_APP_APP_URL, '_self');\n });\n } catch (error) {\n if (error instanceof Yup.ValidationError) {\n const errors = getValidationErros(error);\n formRef.current?.setErrors(errors);\n } else {\n Swal.fire('Opss...', 'Ocorreu um erro, tente novamente.', 'error');\n }\n }\n },\n [plan.price, subscriptionId, values.flag]\n );\n\n return (\n \n {Object.keys(plan).length > 0 && (\n
\n
\n
\n

Finalizar assinatura

\n
\n \n
\n
\n \n \n
\n
\n \n
\n
\n \n
\n
\n
\n \n Pagar\n \n
\n
\n
\n
\n
\n

Resumo

\n
\n

Plano: {plan.name}

\n

{plan.description}

\n
\n
\n
\n
    \n
  • \n

    Quantidade de pares:

    \n

    {plan.pairs.toString().padStart(2, '0')}

    \n
    • \n
  • \n

    Tempo do plano

    \n

    {plan.time.toString().padStart(2, '0')} meses

    \n
    • \n
  • \n

    Valor

    \n

    \n R${formatPrice(parseFloat(plan.price))} por mês\n

    \n
    • \n
\n
\n
\n
\n

Total:

\n

\n R$ {formatPrice(parseFloat(plan.price))}\n

\n
\n
\n
\n
\n
\n )}\n \n \n );\n};\n\nexport default FinalizeSubscription;\n","import React from 'react';\nimport { Switch, Route } from 'react-router-dom';\n\nimport Home from '~/pages/Home';\nimport FinalizeSubscription from '~/pages/FinalizeSubscription';\n\nconst routes: React.FC = () => {\n return (\n \n \n \n \n );\n};\n\nexport default routes;\n","import { darken } from 'polished';\nimport { createGlobalStyle } from 'styled-components';\n\nexport default createGlobalStyle`\n ::-webkit-scrollbar {\n background: transparent;\n width: 5px;\n height: 5px;\n }\n\n ::-webkit-scrollbar-thumb {\n background-color: #00d97f;\n border-radius: 4px;\n }\n\n *{\n margin: 0;\n padding: 0;\n outline: 0;\n box-sizing: border-box;\n }\n\n body{\n -webkit-font-smoothing: antialiased;\n iframe{\n display: none;\n }\n overflow-x:hidden;\n }\n\n body, input, button {\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n color: #202020;\n background-color: #FFFFFF;\n\n :hover{\n outline: 0 !important;\n box-shadow: none !important;\n }\n\n :focus{\n outline: 0 !important;\n box-shadow: none !important;\n }\n }\n\n body{\n background-color: #FFFFFF;\n }\n\n a{\n text-decoration: none !important;\n color: #202020;\n }\n\n .text-primary{\n color: #0075FF !important;\n }\n\n a.text-primary:hover{\n color: ${darken(0.05, '#0075FF')} !important;\n }\n\n .bg-primary{\n background-color: #0075FF !important;\n }\n\n .btn{\n border-radius: 10px;\n }\n\n .btn-primary{\n border-color: #0075FF !important;\n background-color: #0075FF !important;\n color: #ffffff !important;\n\n :hover{\n border-color: ${darken(0.05, '#0075FF')} !important;\n background-color: ${darken(0.05, '#0075FF')} !important;\n }\n }\n\n .text-secondary{\n color: #707070 !important;\n }\n\n a.text-secondary:hover{\n color: ${darken(0.05, '#707070')} !important;\n }\n\n .bg-secondary{\n background-color: #707070 !important;\n }\n\n .btn-secondary{\n border-color: #707070 !important;\n background-color: #707070 !important;\n color: #ffffff !important;\n\n :hover{\n border-color: ${darken(0.05, '#707070')} !important;\n background-color: ${darken(0.05, '#707070')} !important;\n }\n }\n\n .color-gray-blue{\n color: #8692A6 !important;\n }\n\n .color-blue{\n color: #41A7FE !important;\n }\n\n .bg-android-green{\n background-color: #A1C64D;\n }\n\n .border-none{\n border: none;\n }\n\n .color-onyx{\n color: #414142;\n }\n\n .bg-onyx{\n background-color: #414142;\n color: #FFFFFF;\n }\n\n .bg-onyx-outline{\n border: 1px solid #414142;\n color: #414142;\n }\n\n .color-gray{\n color: #BDBDBD;\n }\n\n .bg-dark-gray{\n background-color: #999999;\n }\n\n .swal2-container{\n z-index: 1500;\n }\n\n /* COMPLEMENTO BS5 */\n body{\n .fw-medium {\n font-weight: 500 !important;\n }\n\n .fw-semibold {\n font-weight: 600 !important;\n }\n\n .h1, .h2, .h3, .h4, .h5, .h6,\n .h1-sm, .h2-sm, .h3-sm, .h4-sm, .h5-sm, .h6-sm,\n .h1-md, .h2-md, .h3-md, .h4-md, .h5-md, .h6-md,\n .h1-lg, .h2-lg, .h3-lg, .h4-lg, .h5-lg, .h6-lg,\n .h1-xl, .h2-xl, .h3-xl, .h4-xl, .h5-xl, .h6-xl,\n .h1-xxl, .h2-xxl, .h3-xxl, .h4-xxl, .h5-xxl, .h6-xxl {\n margin-bottom: 0.5rem;\n font-weight: 500;\n line-height: 1.2;\n }\n\n .display-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .h1 {\n font-size: 2.5rem;\n }\n\n .h2 {\n font-size: 2rem;\n }\n\n .h3 {\n font-size: 1.75rem;\n }\n\n .h4 {\n font-size: 1.5rem;\n }\n\n .h5 {\n font-size: 1.25rem;\n }\n\n .h6 {\n font-size: 1rem;\n }\n\n .w-25 {\n width: 25% !important;\n }\n\n .w-50 {\n width: 50% !important;\n }\n\n .w-75 {\n width: 75% !important;\n }\n\n .w-100 {\n width: 100% !important;\n }\n\n .w-auto {\n width: auto !important;\n }\n\n .h-25 {\n height: 25% !important;\n }\n\n .h-50 {\n height: 50% !important;\n }\n\n .h-75 {\n height: 75% !important;\n }\n\n .h-100 {\n height: 100% !important;\n }\n\n .h-auto {\n height: auto !important;\n }\n\n .mw-100 {\n max-width: 100% !important;\n }\n\n .mh-100 {\n max-height: 100% !important;\n }\n\n .min-vw-100 {\n min-width: 100vw !important;\n }\n\n .min-vh-100 {\n min-height: 100vh !important;\n }\n\n .vw-100 {\n width: 100vw !important;\n }\n\n .vh-100 {\n height: 100vh !important;\n }\n\n .small {\n font-size: 90%;\n font-weight: 400;\n }\n\n .normal{\n font-size: 100%;\n }\n\n .big{\n font-size: 120%;\n }\n\n .m-n1 {\n margin: -0.25rem !important;\n }\n .m-n2 {\n margin: -0.5rem !important;\n }\n .m-n3 {\n margin: -1rem !important;\n }\n .m-n4 {\n margin: -1.5rem !important;\n }\n .m-n5 {\n margin: -3rem !important;\n }\n\n .mt-n1 {\n margin-top: -0.25rem !important;\n }\n .mt-n2 {\n margin-top: -0.5rem !important;\n }\n .mt-n3 {\n margin-top: -1rem !important;\n }\n .mt-n4 {\n margin-top: -1.5rem !important;\n }\n .mt-n5 {\n margin-top: -3rem !important;\n }\n\n .me-n1 {\n margin-right: -0.25rem !important;\n }\n .me-n2 {\n margin-right: -0.5rem !important;\n }\n .me-n3 {\n margin-right: -1rem !important;\n }\n .me-n4 {\n margin-right: -1.5rem !important;\n }\n .me-n5 {\n margin-right: -3rem !important;\n }\n\n .mb-n1 {\n margin-bottom: -0.25rem !important;\n }\n .mb-n2 {\n margin-bottom: -0.5rem !important;\n }\n .mb-n3 {\n margin-bottom: -1rem !important;\n }\n .mb-n4 {\n margin-bottom: -1.5rem !important;\n }\n .mb-n5 {\n margin-bottom: -3rem !important;\n }\n\n .ms-n1 {\n margin-left: -0.25rem !important;\n }\n .ms-n2 {\n margin-left: -0.5rem !important;\n }\n .ms-n3 {\n margin-left: -1rem !important;\n }\n .ms-n4 {\n margin-left: -1.5rem !important;\n }\n .ms-n5 {\n margin-left: -3rem !important;\n }\n\n @media (min-width: 576px) {\n .fw-sm-medium {\n font-weight: 500 !important;\n }\n\n .fw-sm-semibold {\n font-weight: 600 !important;\n }\n\n .display-sm-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-sm-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-sm-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-sm-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .h1-sm {\n font-size: 2.5rem;\n }\n\n .h2-sm {\n font-size: 2rem;\n }\n\n .h3-sm {\n font-size: 1.75rem;\n }\n\n .h4-sm {\n font-size: 1.5rem;\n }\n\n .h5-sm {\n font-size: 1.25rem;\n }\n\n .h6-sm {\n font-size: 1rem;\n }\n\n .w-sm-25 {\n width: 25% !important;\n }\n\n .w-sm-50 {\n width: 50% !important;\n }\n\n .w-sm-75 {\n width: 75% !important;\n }\n\n .w-sm-100 {\n width: 100% !important;\n }\n\n .w-sm-auto {\n width: auto !important;\n }\n\n .h-sm-25 {\n height: 25% !important;\n }\n\n .h-sm-50 {\n height: 50% !important;\n }\n\n .h-sm-75 {\n height: 75% !important;\n }\n\n .h-sm-100 {\n height: 100% !important;\n }\n\n .h-sm-auto {\n height: auto !important;\n }\n\n .mw-sm-100 {\n max-width: 100% !important;\n }\n\n .mh-sm-100 {\n max-height: 100% !important;\n }\n\n .min-vw-sm-100 {\n min-width: 100vw !important;\n }\n\n .min-vh-sm-100 {\n min-height: 100vh !important;\n }\n\n .vw-sm-100 {\n width: 100vw !important;\n }\n\n .vh-sm-100 {\n height: 100vh !important;\n }\n\n .small-sm {\n font-size: 80%;\n font-weight: 400;\n }\n\n .normal-sm {\n font-size: 100%;\n }\n\n .big-sm {\n font-size: 120%;\n }\n\n .m-sm-n1 {\n margin: -0.25rem !important;\n }\n .m-sm-n2 {\n margin: -0.5rem !important;\n }\n .m-sm-n3 {\n margin: -1rem !important;\n }\n .m-sm-n4 {\n margin: -1.5rem !important;\n }\n .m-sm-n5 {\n margin: -3rem !important;\n }\n\n .mt-sm-n1 {\n margin-top: -0.25rem !important;\n }\n .mt-sm-n2 {\n margin-top: -0.5rem !important;\n }\n .mt-sm-n3 {\n margin-top: -1rem !important;\n }\n .mt-sm-n4 {\n margin-top: -1.5rem !important;\n }\n .mt-sm-n5 {\n margin-top: -3rem !important;\n }\n\n .me-sm-n1 {\n margin-right: -0.25rem !important;\n }\n .me-sm-n2 {\n margin-right: -0.5rem !important;\n }\n .me-sm-n3 {\n margin-right: -1rem !important;\n }\n .me-sm-n4 {\n margin-right: -1.5rem !important;\n }\n .me-sm-n5 {\n margin-right: -3rem !important;\n }\n\n .mb-sm-n1 {\n margin-bottom: -0.25rem !important;\n }\n .mb-sm-n2 {\n margin-bottom: -0.5rem !important;\n }\n .mb-sm-n3 {\n margin-bottom: -1rem !important;\n }\n .mb-sm-n4 {\n margin-bottom: -1.5rem !important;\n }\n .mb-sm-n5 {\n margin-bottom: -3rem !important;\n }\n\n .ms-sm-n1 {\n margin-left: -0.25rem !important;\n }\n .ms-sm-n2 {\n margin-left: -0.5rem !important;\n }\n .ms-sm-n3 {\n margin-left: -1rem !important;\n }\n .ms-sm-n4 {\n margin-left: -1.5rem !important;\n }\n .ms-sm-n5 {\n margin-left: -3rem !important;\n }\n }\n\n @media (min-width: 768px) {\n .fw-md-medium {\n font-weight: 500 !important;\n }\n\n .fw-md-semibold {\n font-weight: 600 !important;\n }\n\n .display-md-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-md-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-md-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-md-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .h1-md {\n font-size: 2.5rem;\n }\n\n .h2-md {\n font-size: 2rem;\n }\n\n .h3-md {\n font-size: 1.75rem;\n }\n\n .h4-md {\n font-size: 1.5rem;\n }\n\n .h5-md {\n font-size: 1.25rem;\n }\n\n .h6-md {\n font-size: 1rem;\n }\n\n .w-md-25 {\n width: 25% !important;\n }\n\n .w-md-50 {\n width: 50% !important;\n }\n\n .w-md-75 {\n width: 75% !important;\n }\n\n .w-md-100 {\n width: 100% !important;\n }\n\n .w-md-auto {\n width: auto !important;\n }\n\n .h-md-25 {\n height: 25% !important;\n }\n\n .h-md-50 {\n height: 50% !important;\n }\n\n .h-md-75 {\n height: 75% !important;\n }\n\n .h-md-100 {\n height: 100% !important;\n }\n\n .h-md-auto {\n height: auto !important;\n }\n\n .mw-md-100 {\n max-width: 100% !important;\n }\n\n .mh-md-100 {\n max-height: 100% !important;\n }\n\n .min-vw-md-100 {\n min-width: 100vw !important;\n }\n\n .min-vh-md-100 {\n min-height: 100vh !important;\n }\n\n .vw-md-100 {\n width: 100vw !important;\n }\n\n .vh-md-100 {\n height: 100vh !important;\n }\n\n .small-md {\n font-size: 80%;\n font-weight: 400;\n }\n\n .normal-md {\n font-size: 100%;\n }\n\n .big-md {\n font-size: 120%;\n }\n\n .m-md-n1 {\n margin: -0.25rem !important;\n }\n .m-md-n2 {\n margin: -0.5rem !important;\n }\n .m-md-n3 {\n margin: -1rem !important;\n }\n .m-md-n4 {\n margin: -1.5rem !important;\n }\n .m-md-n5 {\n margin: -3rem !important;\n }\n\n .mt-md-n1 {\n margin-top: -0.25rem !important;\n }\n .mt-md-n2 {\n margin-top: -0.5rem !important;\n }\n .mt-md-n3 {\n margin-top: -1rem !important;\n }\n .mt-md-n4 {\n margin-top: -1.5rem !important;\n }\n .mt-md-n5 {\n margin-top: -3rem !important;\n }\n\n .me-md-n1 {\n margin-right: -0.25rem !important;\n }\n .me-md-n2 {\n margin-right: -0.5rem !important;\n }\n .me-md-n3 {\n margin-right: -1rem !important;\n }\n .me-md-n4 {\n margin-right: -1.5rem !important;\n }\n .me-md-n5 {\n margin-right: -3rem !important;\n }\n\n .mb-md-n1 {\n margin-bottom: -0.25rem !important;\n }\n .mb-md-n2 {\n margin-bottom: -0.5rem !important;\n }\n .mb-md-n3 {\n margin-bottom: -1rem !important;\n }\n .mb-md-n4 {\n margin-bottom: -1.5rem !important;\n }\n .mb-md-n5 {\n margin-bottom: -3rem !important;\n }\n\n .ms-md-n1 {\n margin-left: -0.25rem !important;\n }\n .ms-md-n2 {\n margin-left: -0.5rem !important;\n }\n .ms-md-n3 {\n margin-left: -1rem !important;\n }\n .ms-md-n4 {\n margin-left: -1.5rem !important;\n }\n .ms-md-n5 {\n margin-left: -3rem !important;\n }\n }\n\n @media (min-width: 992px) {\n .fw-lg-medium {\n font-weight: 500 !important;\n }\n\n .fw-lg-semibold {\n font-weight: 600 !important;\n }\n\n .display-lg-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-lg-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-lg-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-lg-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .h1-lg {\n font-size: 2.5rem;\n }\n\n .h2-lg {\n font-size: 2rem;\n }\n\n .h3-lg {\n font-size: 1.75rem;\n }\n\n .h4-lg {\n font-size: 1.5rem;\n }\n\n .h5-lg {\n font-size: 1.25rem;\n }\n\n .h6-lg {\n font-size: 1rem;\n }\n\n .w-lg-25 {\n width: 25% !important;\n }\n\n .w-lg-50 {\n width: 50% !important;\n }\n\n .w-lg-75 {\n width: 75% !important;\n }\n\n .w-lg-100 {\n width: 100% !important;\n }\n\n .w-lg-auto {\n width: auto !important;\n }\n\n .h-lg-25 {\n height: 25% !important;\n }\n\n .h-lg-50 {\n height: 50% !important;\n }\n\n .h-lg-75 {\n height: 75% !important;\n }\n\n .h-lg-100 {\n height: 100% !important;\n }\n\n .h-lg-auto {\n height: auto !important;\n }\n\n .mw-lg-100 {\n max-width: 100% !important;\n }\n\n .mh-lg-100 {\n max-height: 100% !important;\n }\n\n .min-vw-lg-100 {\n min-width: 100vw !important;\n }\n\n .min-vh-lg-100 {\n min-height: 100vh !important;\n }\n\n .vw-lg-100 {\n width: 100vw !important;\n }\n\n .vh-lg-100 {\n height: 100vh !important;\n }\n\n .small-lg {\n font-size: 80%;\n font-weight: 400;\n }\n\n .normal-lg {\n font-size: 100%;\n }\n\n .big-lg {\n font-size: 120%;\n }\n\n .m-lg-n1 {\n margin: -0.25rem !important;\n }\n .m-lg-n2 {\n margin: -0.5rem !important;\n }\n .m-lg-n3 {\n margin: -1rem !important;\n }\n .m-lg-n4 {\n margin: -1.5rem !important;\n }\n .m-lg-n5 {\n margin: -3rem !important;\n }\n\n .mt-lg-n1 {\n margin-top: -0.25rem !important;\n }\n .mt-lg-n2 {\n margin-top: -0.5rem !important;\n }\n .mt-lg-n3 {\n margin-top: -1rem !important;\n }\n .mt-lg-n4 {\n margin-top: -1.5rem !important;\n }\n .mt-lg-n5 {\n margin-top: -3rem !important;\n }\n\n .me-lg-n1 {\n margin-right: -0.25rem !important;\n }\n .me-lg-n2 {\n margin-right: -0.5rem !important;\n }\n .me-lg-n3 {\n margin-right: -1rem !important;\n }\n .me-lg-n4 {\n margin-right: -1.5rem !important;\n }\n .me-lg-n5 {\n margin-right: -3rem !important;\n }\n\n .mb-lg-n1 {\n margin-bottom: -0.25rem !important;\n }\n .mb-lg-n2 {\n margin-bottom: -0.5rem !important;\n }\n .mb-lg-n3 {\n margin-bottom: -1rem !important;\n }\n .mb-lg-n4 {\n margin-bottom: -1.5rem !important;\n }\n .mb-lg-n5 {\n margin-bottom: -3rem !important;\n }\n\n .ms-lg-n1 {\n margin-left: -0.25rem !important;\n }\n .ms-lg-n2 {\n margin-left: -0.5rem !important;\n }\n .ms-lg-n3 {\n margin-left: -1rem !important;\n }\n .ms-lg-n4 {\n margin-left: -1.5rem !important;\n }\n .ms-lg-n5 {\n margin-left: -3rem !important;\n }\n }\n\n @media (min-width: 1200px) {\n .fw-xl-medium {\n font-weight: 500 !important;\n }\n\n .fw-xl-semibold {\n font-weight: 600 !important;\n }\n\n .display-xl-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-xl-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-xl-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-xl-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .h1-xl {\n font-size: 2.5rem;\n }\n\n .h2-xl {\n font-size: 2rem;\n }\n\n .h3-xl {\n font-size: 1.75rem;\n }\n\n .h4-xl {\n font-size: 1.5rem;\n }\n\n .h5-xl {\n font-size: 1.25rem;\n }\n\n .h6-xl {\n font-size: 1rem;\n }\n\n .w-xl-25 {\n width: 25% !important;\n }\n\n .w-xl-50 {\n width: 50% !important;\n }\n\n .w-xl-75 {\n width: 75% !important;\n }\n\n .w-xl-100 {\n width: 100% !important;\n }\n\n .w-xl-auto {\n width: auto !important;\n }\n\n .h-xl-25 {\n height: 25% !important;\n }\n\n .h-xl-50 {\n height: 50% !important;\n }\n\n .h-xl-75 {\n height: 75% !important;\n }\n\n .h-xl-100 {\n height: 100% !important;\n }\n\n .h-xl-auto {\n height: auto !important;\n }\n\n .mw-xl-100 {\n max-width: 100% !important;\n }\n\n .mh-xl-100 {\n max-height: 100% !important;\n }\n\n .min-vw-xl-100 {\n min-width: 100vw !important;\n }\n\n .min-vh-xl-100 {\n min-height: 100vh !important;\n }\n\n .vw-xl-100 {\n width: 100vw !important;\n }\n\n .vh-xl-100 {\n height: 100vh !important;\n }\n\n .small-xl {\n font-size: 80%;\n font-weight: 400;\n }\n\n .normal-xl {\n font-size: 100%;\n }\n\n .big-xl {\n font-size: 120%;\n }\n\n .m-xl-n1 {\n margin: -0.25rem !important;\n }\n .m-xl-n2 {\n margin: -0.5rem !important;\n }\n .m-xl-n3 {\n margin: -1rem !important;\n }\n .m-xl-n4 {\n margin: -1.5rem !important;\n }\n .m-xl-n5 {\n margin: -3rem !important;\n }\n\n .mt-xl-n1 {\n margin-top: -0.25rem !important;\n }\n .mt-xl-n2 {\n margin-top: -0.5rem !important;\n }\n .mt-xl-n3 {\n margin-top: -1rem !important;\n }\n .mt-xl-n4 {\n margin-top: -1.5rem !important;\n }\n .mt-xl-n5 {\n margin-top: -3rem !important;\n }\n\n .me-xl-n1 {\n margin-right: -0.25rem !important;\n }\n .me-xl-n2 {\n margin-right: -0.5rem !important;\n }\n .me-xl-n3 {\n margin-right: -1rem !important;\n }\n .me-xl-n4 {\n margin-right: -1.5rem !important;\n }\n .me-xl-n5 {\n margin-right: -3rem !important;\n }\n\n .mb-xl-n1 {\n margin-bottom: -0.25rem !important;\n }\n .mb-xl-n2 {\n margin-bottom: -0.5rem !important;\n }\n .mb-xl-n3 {\n margin-bottom: -1rem !important;\n }\n .mb-xl-n4 {\n margin-bottom: -1.5rem !important;\n }\n .mb-xl-n5 {\n margin-bottom: -3rem !important;\n }\n\n .ms-xl-n1 {\n margin-left: -0.25rem !important;\n }\n .ms-xl-n2 {\n margin-left: -0.5rem !important;\n }\n .ms-xl-n3 {\n margin-left: -1rem !important;\n }\n .ms-xl-n4 {\n margin-left: -1.5rem !important;\n }\n .ms-xl-n5 {\n margin-left: -3rem !important;\n }\n }\n\n @media (min-width: 1400px) {\n .fw-xxl-medium {\n font-weight: 500 !important;\n }\n\n .fw-xxl-semibold {\n font-weight: 600 !important;\n }\n\n .display-xxl-1 {\n font-size: 6rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-xxl-2 {\n font-size: 5.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-xxl-3 {\n font-size: 4.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .display-xxl-4 {\n font-size: 3.5rem;\n font-weight: 300;\n line-height: 1.2;\n }\n\n .h1-xxl {\n font-size: 2.5rem;\n }\n\n .h2-xxl {\n font-size: 2rem;\n }\n\n .h3-xxl {\n font-size: 1.75rem;\n }\n\n .h4-xxl {\n font-size: 1.5rem;\n }\n\n .h5-xxl {\n font-size: 1.25rem;\n }\n\n .h6-xxl {\n font-size: 1rem;\n }\n\n .w-xxl-25 {\n width: 25% !important;\n }\n\n .w-xxl-50 {\n width: 50% !important;\n }\n\n .w-xxl-75 {\n width: 75% !important;\n }\n\n .w-xxl-100 {\n width: 100% !important;\n }\n\n .w-xxl-auto {\n width: auto !important;\n }\n\n .h-xxl-25 {\n height: 25% !important;\n }\n\n .h-xxl-50 {\n height: 50% !important;\n }\n\n .h-xxl-75 {\n height: 75% !important;\n }\n\n .h-xxl-100 {\n height: 100% !important;\n }\n\n .h-xxl-auto {\n height: auto !important;\n }\n\n .mw-xxl-100 {\n max-width: 100% !important;\n }\n\n .mh-xxl-100 {\n max-height: 100% !important;\n }\n\n .min-vw-xxl-100 {\n min-width: 100vw !important;\n }\n\n .min-vh-xxl-100 {\n min-height: 100vh !important;\n }\n\n .vw-xxl-100 {\n width: 100vw !important;\n }\n\n .vh-xxl-100 {\n height: 100vh !important;\n }\n\n .small-xxl {\n font-size: 80%;\n font-weight: 400;\n }\n\n .normal-xxl {\n font-size: 100%;\n }\n\n .big-xxl {\n font-size: 120%;\n }\n\n .m-xxl-n1 {\n margin: -0.25rem !important;\n }\n .m-xxl-n2 {\n margin: -0.5rem !important;\n }\n .m-xxl-n3 {\n margin: -1rem !important;\n }\n .m-xxl-n4 {\n margin: -1.5rem !important;\n }\n .m-xxl-n5 {\n margin: -3rem !important;\n }\n\n .mt-xxl-n1 {\n margin-top: -0.25rem !important;\n }\n .mt-xxl-n2 {\n margin-top: -0.5rem !important;\n }\n .mt-xxl-n3 {\n margin-top: -1rem !important;\n }\n .mt-xxl-n4 {\n margin-top: -1.5rem !important;\n }\n .mt-xxl-n5 {\n margin-top: -3rem !important;\n }\n\n .me-xxl-n1 {\n margin-right: -0.25rem !important;\n }\n .me-xxl-n2 {\n margin-right: -0.5rem !important;\n }\n .me-xxl-n3 {\n margin-right: -1rem !important;\n }\n .me-xxl-n4 {\n margin-right: -1.5rem !important;\n }\n .me-xxl-n5 {\n margin-right: -3rem !important;\n }\n\n .mb-xxl-n1 {\n margin-bottom: -0.25rem !important;\n }\n .mb-xxl-n2 {\n margin-bottom: -0.5rem !important;\n }\n .mb-xxl-n3 {\n margin-bottom: -1rem !important;\n }\n .mb-xxl-n4 {\n margin-bottom: -1.5rem !important;\n }\n .mb-xxl-n5 {\n margin-bottom: -3rem !important;\n }\n\n .ms-xxl-n1 {\n margin-left: -0.25rem !important;\n }\n .ms-xxl-n2 {\n margin-left: -0.5rem !important;\n }\n .ms-xxl-n3 {\n margin-left: -1rem !important;\n }\n .ms-xxl-n4 {\n margin-left: -1.5rem !important;\n }\n .ms-xxl-n5 {\n margin-left: -3rem !important;\n }\n }\n }\n`;\n","// import axios from 'axios';\nimport axios from 'axios';\nimport React, { createContext, useCallback, useState, useContext } from 'react';\nimport Swal from 'sweetalert2';\n\nimport api from '../services/api';\n\nexport interface User {\n id: number;\n gestor_id?: number;\n grupo_id: number;\n cliente_id: number;\n centro_custo_id?: number;\n cliente_fornecedor_id?: number;\n setor_id?: number;\n unid_oper_id?: number;\n administrador: boolean;\n usuario: string;\n documento: string;\n nome: string;\n email: string;\n codigo: string;\n expiration_timestamp: string;\n lft: number;\n rgt: number;\n online: number;\n isLocked: boolean;\n inativo: number;\n celular?: string;\n telefone?: string;\n observacoes?: string;\n}\n\ninterface AuthState {\n token: string;\n user: User;\n}\n\ninterface SignInCredentials {\n email: string;\n key: string;\n code: string;\n}\n\ninterface AuthContextData {\n user: User;\n signIn(credentials: SignInCredentials): Promise;\n signOut(): void;\n updateUser(user: User): void;\n}\n\nexport const AuthContext = createContext(\n {} as AuthContextData\n);\n\nexport const AuthProvider: React.FC = ({ children }) => {\n const [data, setData] = useState(() => {\n const token = localStorage.getItem('@RMS:token');\n const user = localStorage.getItem('@RMS:user');\n\n if (token && user) {\n api.defaults.headers.authorization = `Bearer ${token}`;\n return { token, user: JSON.parse(user) };\n }\n\n return {} as AuthState;\n });\n\n const signIn = useCallback(\n async ({ email, key, code }: SignInCredentials) => {\n try {\n // const formData = new FormData();\n // formData.append('chave', key);\n // formData.append('auth_code', code);\n\n // await axios.post(\n // `${process.env.REACT_APP_OLD_URL}/auth/session`,\n // formData\n // );\n\n const response = await api.post(\n `users/sessions/two-factor-authentication`,\n {\n email,\n key,\n code,\n }\n );\n\n const { token, user } = response.data;\n\n localStorage.setItem('@RMS:token', token);\n localStorage.setItem('@RMS:user', JSON.stringify(user));\n\n api.defaults.headers.authorization = `Bearer ${token}`;\n\n setData({ token, user });\n\n window.open(\n `${process.env.REACT_APP_OLD_URL}/auth/auth/rms?chave=${key}&auth_code=${code}`,\n '_self'\n );\n\n await axios.post(\n `${process.env.REACT_APP_OLD_URL}/auth/auth/confirmacao`,\n {\n chave: key,\n auth_code: code,\n rms: true,\n }\n );\n } catch (error) {\n Swal.fire('Opss...', 'Código de autenticação inválido', 'error');\n }\n },\n []\n );\n\n const signOut = useCallback(async () => {\n localStorage.removeItem('@RMS:token');\n localStorage.removeItem('@RMS:user');\n\n // await axios.get(`${process.env.REACT_APP_OLD_URL}/auth/auth/logout`);\n\n setData({} as AuthState);\n }, []);\n\n const updateUser = useCallback(\n (user: User) => {\n localStorage.setItem('@RMS:user', JSON.stringify(user));\n\n setData({\n token: data.token,\n user,\n });\n },\n [setData, data.token]\n );\n\n return (\n \n {children}\n \n );\n};\n\nexport function useAuth(): AuthContextData {\n const context = useContext(AuthContext);\n\n if (!context) {\n throw new Error('useAuth must be used within an AuthProvider');\n }\n\n return context;\n}\n","import React from 'react';\n\nimport { AuthProvider } from './Auth';\n\nconst AppProvider: React.FC = ({ children }) => (\n {children}\n);\n\nexport default AppProvider;\n","import styled from 'styled-components';\n\nexport const Container = styled.header`\n .footer-border {\n background: #000000;\n h5 {\n font-size: 18px;\n color: #ffffff;\n }\n }\n .icon-footer {\n background: #1fc19a;\n border-radius: 28px;\n width: 35px;\n height: 35px;\n svg {\n font-size: 20px;\n color: #000000;\n }\n }\n .icon-whatsapp-call {\n background: #22de57;\n border-radius: 50%;\n width: 66px;\n height: 66px;\n position: fixed;\n bottom: 100px;\n right: 20px;\n }\n .line-footer {\n border: 1px solid #464646;\n }\n @media screen and (min-width: 992px) {\n .icon-footer {\n width: 56px;\n height: 56px;\n svg {\n font-size: 28px;\n }\n }\n .icon-whatsapp-call {\n bottom: 10px;\n right: 100px;\n }\n }\n`;\n","export default __webpack_public_path__ + \"static/media/logo-footer.e266c1ee.svg\";","import React from 'react';\nimport { RiFacebookFill, RiInstagramLine } from 'react-icons/ri';\nimport { SiWhatsapp } from 'react-icons/si';\n\nimport { Container } from './styles';\n\nimport logo_footer from '~/assets/logos/logo-footer.svg';\n\nconst Footer: React.FC = () => {\n return (\n \n
\n
\n
\n
\n \"logo\"\n
\n
\n
\n
\n
Domine o jogo com a Chuteira de Campo
\n
\n
\n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n
\n
\n
\n
\n \n );\n};\n\nexport default Footer;\n","import styled, { css } from 'styled-components';\nimport { lighten } from 'polished';\nimport { Link as LinkComponent } from 'react-router-dom';\nimport AnchorLinkComponent from 'react-anchor-link-smooth-scroll';\n\ninterface IMenuProps {\n active: boolean;\n}\n\ninterface ILinkProps {\n href: string;\n to: string;\n offset: number;\n}\n\nexport const Container = styled.header`\n top: 0;\n background: transparent;\n z-index: 100;\n width: 100%;\n height: 90px;\n\n .menu-fix {\n height: 90px;\n background-color: #fff;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.02);\n position: fixed;\n top: 0;\n z-index: 1000;\n }\n\n @media screen and (max-width: 991px) {\n height: 64px;\n margin-bottom: -4.7rem;\n .menu-fix {\n height: 64px;\n }\n }\n`;\n\nexport const Menu = styled.div`\n .btn-idiom {\n color: #000 !important;\n font-size: 16px !important;\n img {\n width: 22px;\n height: 22px;\n transition-duration: 0.3s;\n filter: grayscale(1);\n border-radius: 50%;\n opacity: 70%;\n }\n\n :hover img,\n .active-idiom {\n filter: grayscale(0);\n }\n :hover,\n :focus {\n color: #606060 !important;\n }\n }\n .min-height {\n min-height: 50px;\n }\n > button {\n width: 30px;\n height: 30px;\n\n span {\n display: block;\n width: 100%;\n height: 4px;\n background-color: #131313;\n border-radius: 30px;\n transition-duration: 0.5s;\n\n :nth-child(2) {\n width: 50%;\n margin: 6px auto 6px 0px;\n }\n\n ${(props) =>\n props.active &&\n css`\n :nth-child(1) {\n transform: rotate(225deg);\n }\n\n :nth-child(2) {\n opacity: 0;\n transform: rotate(225deg);\n }\n\n :nth-child(3) {\n transform: rotate(315deg);\n margin-top: -20px;\n }\n `}\n }\n }\n\n .menu,\n .logoff {\n .btn-menu {\n transition: all 0.3s ease;\n background: linear-gradient(90deg, #fff, #fff);\n right: 20px;\n bottom: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-weight: 400;\n color: #202020;\n }\n .btn-login {\n background: linear-gradient(90deg, #41b69f -44.4%, #aaf23c 130.97%);\n font-weight: 600;\n width: 135px;\n height: 45px;\n border-radius: 10px;\n :hover {\n color: #202020;\n }\n }\n }\n\n @media screen and (max-width: 991px) {\n .overflow {\n ::-webkit-scrollbar {\n background-color: #fff !important;\n width: 5px;\n }\n\n ::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background: #fff !important;\n }\n }\n .btn-menu {\n a {\n background-color: #000;\n color: #fff;\n border-radius: 15px;\n padding: 17.5px 0px;\n width: 212px;\n\n :hover {\n background-color: ${lighten(0.1, '#000000')};\n color: ${lighten(0.1, '#fff')};\n box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2) !important;\n }\n }\n }\n .menu-item {\n font-size: 32px;\n }\n .menu-group {\n width: 100%;\n height: 100vh;\n background: rgba(255, 255, 255, 1);\n transition-duration: 0.4s;\n top: 47px;\n left: ${(props) => (props.active ? '0' : '1000%')};\n }\n\n .menu {\n padding-top: 4vh;\n }\n\n .menu,\n .logoff {\n a,\n button {\n div {\n margin: 0 10px;\n }\n\n small {\n position: relative;\n z-index: 0;\n text-align: left;\n opacity: 1;\n width: 60px;\n justify-content: start;\n left: 0 !important;\n width: 100px !important;\n padding: 0 !important;\n }\n }\n }\n }\n\n @media screen and (max-width: 991px) {\n .menu-group {\n position: absolute;\n }\n }\n`;\n\nexport const Link = styled(LinkComponent)``;\n\nexport const AnchorLink = styled(AnchorLinkComponent)``;\n","export default __webpack_public_path__ + \"static/media/logo.0ccfed6d.svg\";","export default __webpack_public_path__ + \"static/media/logo-short.6c91e1db.svg\";","import React, { useEffect, useMemo, useState } from 'react';\nimport { NavLink, useHistory, useLocation } from 'react-router-dom';\nimport { scroller } from 'react-scroll';\n\nimport { Container, Menu, Link, AnchorLink } from './styles';\n\nimport logo from '~/assets/logos/logo.svg';\nimport logo_short from '~/assets/logos/logo-short.svg';\n\nconst Header: React.FC = () => {\n const location = useLocation();\n const history = useHistory();\n const [active, setActive] = useState(false);\n const [pageId, setPageId] = useState('home');\n\n useEffect(() => {\n setActive(false);\n if (location.hash) {\n setPageId(location.hash.replace('#', ''));\n history.push(process.env.PUBLIC_URL);\n }\n }, [history, location.hash]);\n\n useEffect(() => {\n setTimeout(() => {\n scroller.scrollTo(pageId, {\n smooth: 'easeInOutQuart',\n offset: -100,\n });\n }, 100);\n }, [pageId]);\n\n const LinkComponent = useMemo(() => {\n if (location.pathname.includes('finalizar-assinatura')) {\n return Link;\n }\n\n return AnchorLink;\n }, [location.pathname]);\n\n return (\n <>\n \n
\n
\n
\n
\n
\n
\n
\n \n \"logo\"\n \n
\n
\n \n \"logo\"\n \n
\n \n setActive(!active)}\n >\n \n \n \n \n
\n
\n \n Home\n \n \n Sobre nós\n \n \n Contato\n \n
\n \n Logar\n \n
\n
\n
\n \n
\n
\n
\n
\n
\n
\n \n \n );\n};\n\nexport default Header;\n","import React from 'react';\nimport { BrowserRouter } from 'react-router-dom';\nimport HttpsRedirect from 'react-https-redirect';\n\nimport 'slick-carousel/slick/slick.css';\nimport 'slick-carousel/slick/slick-theme.css';\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nimport Routes from '~/routes';\nimport GlobalStyles from './styles/global';\n\nimport AppProvider from './hooks';\nimport Footer from './components/Footer';\nimport Header from './components/Header';\n\nconst App: React.FC = () => {\n return (\n \n \n \n
\n \n