goToSection(e, 'SozlesmeSuresi')}\r\n >\r\n {t('salesPolicyItem9Title')}\r\n\r\n \r\n \r\n \r\n {t('salesPolicyItem1Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction HaklarVeKontroller() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('salesPolicyItem2Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction HakkinizdaTopladigimizKisiselVeriler() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('salesPolicyItem3Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction KullanmaAmacimiz() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('salesPolicyItem4Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction VerilerinPaylasilmasi() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('salesPolicyItem5Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction VerilerinSaklanmasiSilinmesi() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('salesPolicyItem6Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction VerilerinGuvendeTutulmasi() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('salesPolicyItem7Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction BizimleIletisimeGecme() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('salesPolicyItem8Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction SozlesmeSuresi() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('salesPolicyItem9Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nSalesPolicy.propTypes = {\r\n isModal: PropTypes.bool,\r\n};\r\n\r\nexport default SalesPolicy;\r\n","export const Contracts = {\r\n KvkkText: `YD YAZILIM VE TEKNOLOJİ A.Ş.\r\nKişisel Verilerin Korunması Aydınlatma Metni\r\n1.KONU
\r\n \r\n\r\n2. TARAFLAR
\r\n\r\n\r\n
3. SÖZLEŞME KONUSU HİZMET \r\n\r\n3.1. Bu Ön Bilgilendirme Formu nun konusu, aşağıda nitelikleri ve satış bedeli belirtilen https://telepati.live internet sitesinden elektronik ortamda müşterinin sipariş verdiği,telepati.live uygulamasının elektronik ortamda satınalınmasını içerir. Söz konusu hizmetin satışve özelliklerine dair 6052 sayılı Tüketicinin KorunmasıHakkındaki Kanun ve Mesafeli SözleşmeleriUygulama Esas ve Usulleri Hakkında Yönetmelik hükümleri gereğince tarafların hak ve yükümlülükleri belirlenmiş ve hüküm altınaalınmıştır.
\r\n\r\n3.2. Hizmet paketine ilişkin bilgiler aşağıda yer almaktadır. Paket fiyatına tüm vergiler dahildir.
\r\n\r\n
\r\n \r\n Paket Adı \r\n Paket Adedi \r\n Paket Toplam Tutar \r\n \r\n \r\n ... \r\n ... \r\n .. \r\n \r\n
\r\n \r\n
\r\n\r\n
Toplantı Özellikleri \r\n3.3. Telepati telefon, tablet ve bilgisayarların tarayıcıları aracılığıyla telekonferans görüşmesiyapmayı sağlar. Ayrıca telekonferans görüşmeleri esnasında sunum yapma, video oynatma, sohbet etme ve toplantıkaydı alma gibi özellikler de sağlamaktadır.
\r\n3.4. Tüm kullanıcılar anında toplantı oluşturma özelliğinden yararlanabilir. İleriye dönük toplantı planlayabilmek için https://telepati.live/pricing ‘de yer alan paketlerden birinin satın alınmışolması gerekmektedir.
\r\n3.5. ALICI, toplantı süresini kendi belirlemektedir. Minimum toplantı süresi 1 dakika ile sınırlandırılırmıştır.
\r\n3.6. Alıcı,uygulamanın telekonferans görüşmeleri esnasında, moderatör katılımcılartarafındantoplantıkaydı (görüntü, ses, paylaşılan sunum ve notlar) alınabileceğini teyit, beyan ve kabul eder.
\r\n
Genel Gereksinimler ve Kullanım Süresi \r\n3.8. Telepati uygulaması yalnızca online kullanılabilmektedir. Ayrıca, telekonferans görüşmeleriningerçekleştirilebilmesi için sahip olunan elektronik cihazın mikrofon, hoparlör ve kamera özelliklerinden en azından birine sahip olması gereklidir.
\r\n3.9. İşbu Ön Bilgilendirme Formunda, 9. maddede ve Üyelik Sözleşmesi ve KullanımŞartlarındaaçıkça belirtilen donanıma sahip olması beklenir.
\r\n3.10.Satınalınan telepati.live Hizmetini kullanması için alıcı tarafından sonlandırılıncaya kadar yürürlükte kalacak erişim ve kullanım izni verilmiş olacaktır. Bu Erişim, alıcı tarafından ya da https://telepati.live tarafındansonlandırılana kadar yürürlükte kalacaktır.
\r\n \r\n
\r\n4. ÖDEME YÖNTEMLERİ
\r\n\r\n \r\n\r\n\r\n5. CAYMA HAKKI Yenileme; İptal 5.4. Ücretli Abonelik \r\n6. TELAPATİ UYGULAMASININ KULLANILMASI VE SATICININ BORCUNU İFASI
\r\n\r\n\r\n\r\n7. HİZMET/UYGULAMAKAPSAMINDAKİFİKRİ VE SINAİ HAKLAR
\r\n\r\n\r\n8. KİŞİSELVERİLERİN KORUNMASI
\r\n\r\n\r\n9. TELEPATİ UYGULAMASININ ÇALIŞMASI HAKKINDA
\r\n\r\n\r\n\r\n10. MÜCBİR SEBEP
\r\n\r\n\r\n11. UYUŞMAZLIK HALİNDE BAŞVURU MERCİİLERİ
\r\n\r\n12. İSTİSNA \r\nALICI; 6502 S.K.’un M. 48, f.2 ve Mes. Söz. Yön. 5., 6. ve 7. maddeleri gereğince Ön Bilgileri okuyup bilgi sahibi olduğunu ve elektronik ortamda gerekli teyidi verdiğini kabul, taahhüt ve beyan eder.\r\n \r\n
\r\n`\r\n\r\n\r\n};\r\n","import {Checkbox, FormControlLabel} from '@mui/material';\r\nimport Box from '@mui/material/Box';\r\nimport Grid from '@mui/material/Grid';\r\nimport InputLabel from '@mui/material/InputLabel';\r\nimport Link from '@mui/material/Link';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport Select from '@mui/material/Select';\r\nimport TextField from '@mui/material/TextField';\r\nimport Typography from '@mui/material/Typography';\r\nimport {ErrorMessage, Formik} from 'formik';\r\nimport React, {useEffect, useRef, useState} from 'react';\r\nimport * as yup from 'yup';\r\nimport 'yup-phone';\r\nimport {il_ilce} from './il-ilce';\r\nimport {ulkeler} from './ulkeler';\r\nimport PropTypes from 'prop-types';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport PhoneInput from 'react-phone-input-2';\r\nimport {useSelector} from 'react-redux';\r\nimport 'react-phone-input-2/lib/semantic-ui.css';\r\nimport Modal from '@mui/material/Modal';\r\nimport SalesPolicy from '../../Policy/SalesPolicy';\r\nimport {Contracts} from '../../../../enums/contractsEnum';\r\nimport {LoadingButton} from '@mui/lab';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst modalStyle = {\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n width: 1100,\r\n bgcolor: 'background.paper',\r\n border: '2px solid #000',\r\n boxShadow: 24,\r\n height: 500,\r\n overflow: 'scroll',\r\n borderRadius: '5px'\r\n};\r\n\r\nyup.addMethod(yup.string, 'tcNo', function (errorMessage) {\r\n return this.test('test-tcNo', errorMessage, function (value) {\r\n const {path, createError} = this;\r\n let TCNO = value;\r\n var tek = 0,\r\n cift = 0,\r\n sonuc = 0,\r\n i = 0,\r\n TCToplam = 0,\r\n hatali = [11111111110, 22222222220, 33333333330, 44444444440, 55555555550, 66666666660, 7777777770, 88888888880, 99999999990];\r\n\r\n if (TCNO?.length != 11) return false;\r\n if (isNaN(TCNO)) return false;\r\n if (TCNO[0] == 0) return false;\r\n\r\n tek = parseInt(TCNO[0]) + parseInt(TCNO[2]) + parseInt(TCNO[4]) + parseInt(TCNO[6]) + parseInt(TCNO[8]);\r\n cift = parseInt(TCNO[1]) + parseInt(TCNO[3]) + parseInt(TCNO[5]) + parseInt(TCNO[7]);\r\n\r\n tek = tek * 7;\r\n sonuc = Math.abs(tek - cift);\r\n if (sonuc % 10 != TCNO[9]) return false;\r\n\r\n for (i = 0; i < 10; i++) {\r\n TCToplam += parseInt(TCNO[i]);\r\n }\r\n\r\n if (TCToplam % 10 != TCNO[10]) return false;\r\n\r\n if (hatali.toString().indexOf(TCNO) != -1) return false;\r\n\r\n return (\r\n true ||\r\n createError({path, message: errorMessage})\r\n );\r\n });\r\n});\r\n\r\nconst InvoiceForm = ({type, onSubmited, isLoading}) => {\r\n\r\n const formikRef = useRef();\r\n const {t} = useTranslation();\r\n const [showDistanceSellingModal, setShowDistanceSellingModal] = useState(false);\r\n const [showPreInformationModal, setShowPreInformationModal] = useState(false);\r\n\r\n const initialValues = {\r\n identityNumber: '',\r\n name: '',\r\n surname: '',\r\n companyTitle: '',\r\n billingAddress: '',\r\n taxAdministration: '',\r\n taxNumber: '',\r\n country: '',\r\n city: '',\r\n district: '',\r\n language: 'tr', //Todo : i18n den alınacak\r\n email: '',\r\n phoneNumber: '',\r\n licenceCount: '1',\r\n paymentContractTexts: {\r\n distanceSalesContractText: '',\r\n preliminaryInformationFormText: '',\r\n withdrawalRightText: ''\r\n },\r\n addressDescription: '',\r\n identityNumberType: '0',\r\n terms: false,\r\n showIdentityNumber: false\r\n };\r\n\r\n const validationSchema = yup.object({\r\n identityNumberType: yup\r\n .string()\r\n .required(t('validIdentityNumberType')),\r\n email: yup\r\n .string()\r\n .trim()\r\n .email(t('validEmail'))\r\n .required(t('requiredField')),\r\n name: yup\r\n .string()\r\n .when('identityNumberType', {\r\n is: value => value && value === '0',\r\n then: yup.string().matches(/^'?(?:\\p{L}\\p{M}*)+(?:['\\s](?:\\p{L}\\p{M}*)+)*'?$/u, t('validName')).min(2, t('validName')).max(40, t('validName')).required(t('requiredField'))\r\n }),\r\n surname: yup\r\n .string()\r\n .when('identityNumberType', {\r\n is: value => value && value === '0',\r\n then: yup.string().matches(/^'?(?:\\p{L}\\p{M}*)+(?:['\\s](?:\\p{L}\\p{M}*)+)*'?$/u, t('validSurname')).min(2, t('validSurname')).max(40, t('validSurname')).required(t('requiredField'))\r\n }),\r\n companyTitle: yup\r\n .string()\r\n .min(10, t('validCompanyTitle'))\r\n .when('identityNumberType', {\r\n is: value => {\r\n return value && value === '1';\r\n },\r\n then: yup.string().required(t('requiredField')).matches(/^[^<|>]*$/g, t('validCompanyTitle')).max(40).required(t('requiredField'))\r\n }),\r\n taxNumber: yup\r\n .number('Vergi numarası sadece rakamlardan oluşmalıdır.')\r\n .min(999999999, 'Vergi numarası 10 Karakter Uzunluğunda Olmalıdır')\r\n .max(9999999999, 'Vergi numarası 10 Karakter Uzunluğunda Olmalıdır')\r\n .test('isTaxNumberControl', 'Geçerli bir vergi numarası giriniz.', function (value) {\r\n if (value) {\r\n if (value.toString().length === 10) {\r\n let v = [];\r\n let lastDigit = Number(value.toString().charAt(9));\r\n for (let i = 0; i < 9; i++) {\r\n let tmp = (Number(value.toString().charAt(i)) + (9 - i)) % 10;\r\n v[i] = (tmp * 2 ** (9 - i)) % 9;\r\n if (tmp !== 0 && v[i] === 0) v[i] = 9;\r\n }\r\n let sum = v.reduce((a, b) => a + b, 0) % 10;\r\n return (10 - (sum % 10)) % 10 === lastDigit;\r\n }\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n })\r\n .when('identityNumberType', {\r\n is: (value) => {\r\n return value && value === '1';\r\n },\r\n then: yup.number(t('validTaxNumberNumeric')).required(t('requiredField'))\r\n }),\r\n identityNumber: yup.string()\r\n .when(['showIdentityNumber', 'identityNumberType'], {\r\n is: (showIdentityNumber, identityNumberType) => identityNumberType && showIdentityNumber && identityNumberType === '0',\r\n then: yup\r\n .string(t('IdentityNumberLengthValidation'))\r\n .min(11, t('IdentityNumberLengthValidation'))\r\n .max(11, t('IdentityNumberLengthValidation'))\r\n .tcNo(t('IdentityNumberLengthValidation'))\r\n .required(t('requiredField'))\r\n }),\r\n taxAdministration: yup\r\n .string()\r\n .when('identityNumberType', {\r\n is: value => value && value === '1',\r\n then: yup.string().min(3, t('validTaxOffice')).max(20, t('validTaxOffice')).required(t('requiredField'))\r\n }),\r\n phoneNumber: yup\r\n .string()\r\n .phone(null, null, t('profileErrorPhone'))\r\n .required(t('requiredField')),\r\n billingAddress: yup\r\n .string()\r\n .min(10, t('validBillingAddress'))\r\n .required(t('requiredField')),\r\n country: yup\r\n .string()\r\n .required(t('requiredField')),\r\n city: yup\r\n .string()\r\n .min(2, t('validCity'))\r\n .max(40, t('validCity'))\r\n .required(t('requiredField')),\r\n district: yup\r\n .string()\r\n .min(2, t('validDistrict'))\r\n .max(40, t('validDistrict'))\r\n .required(t('requiredField')),\r\n addressDescription: yup\r\n .string()\r\n .min(2, t('validAddress'))\r\n .required(t('requiredField')),\r\n showIdentityNumber: yup\r\n .boolean()\r\n .default(false),\r\n terms: yup\r\n .bool()\r\n .oneOf([true], t('validTerms'))\r\n });\r\n\r\n const user = useSelector((state) => state.main.user);\r\n\r\n useEffect(() => {\r\n formikRef.current.setFieldValue('email', user.email);\r\n formikRef.current.setFieldValue('name', user.name);\r\n formikRef.current.setFieldValue('surname', user.surname);\r\n }, []);\r\n\r\n const onSubmit = (values) => {\r\n const sendValues = {...values};\r\n sendValues.identityNumber = sendValues.identityNumberType === '0' ? sendValues.identityNumber : sendValues.taxNumber;\r\n sendValues.name = sendValues.identityNumberType === '0' ? sendValues.name : sendValues.companyTitle;\r\n delete values.taxNumber;\r\n delete values.companyTitle;\r\n onSubmited(sendValues);\r\n };\r\n\r\n return (\r\n {\r\n onSubmit(values);\r\n }}\r\n >\r\n {({errors, touched, values, handleChange, handleSubmit}) => (\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default InvoiceForm;\r\n\r\nInvoiceForm.propTypes = {\r\n type: PropTypes.string.isRequired,\r\n onSubmited: PropTypes.func.isRequired,\r\n isLoading: PropTypes.bool\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {useTheme} from '@mui/material/styles';\r\n\r\nconst CreditCards2 = ({width = 130, height = 71}) => {\r\n const theme = useTheme();\r\n const colorPrimaryMain = theme.palette.primary.main;\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nCreditCards2.propTypes = {\r\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n};\r\n\r\nexport default CreditCards2;\r\n","import React from 'react';\r\nimport {useSelector} from 'react-redux';\r\n\r\nconst CurrencySymbol = () => {\r\n const isDollar = useSelector((state) => state.main.isCurrencyDollar);\r\n\r\n return (\r\n \r\n {isDollar ? '$' : '₺'}\r\n \r\n );\r\n};\r\n\r\nexport default CurrencySymbol;\r\n","import {Card, CardContent, FormControlLabel, Modal} from '@mui/material';\r\nimport Box from '@mui/material/Box';\r\nimport Grid from '@mui/material/Grid';\r\nimport Radio from '@mui/material/Radio';\r\nimport RadioGroup from '@mui/material/RadioGroup';\r\nimport TextField from '@mui/material/TextField';\r\nimport Typography from '@mui/material/Typography';\r\nimport React, {useEffect, useRef, useState} from 'react';\r\nimport 'react-phone-input-2/lib/style.css';\r\nimport image from '../../../../assets/images/ssl-secure.png';\r\nimport storage from '../../../../utils/storage';\r\nimport {useSelector} from 'react-redux';\r\nimport store from '../../../../redux/store';\r\nimport {setPackages, setSelectedPackage} from '../../../../redux/actions';\r\nimport InvoiceForm from '../components/InvoiceForm';\r\nimport Stepper from '@mui/material/Stepper';\r\nimport Step from '@mui/material/Step';\r\nimport StepLabel from '@mui/material/StepLabel';\r\nimport {Form, Formik} from 'formik';\r\nimport CreditCards2 from '../../../../svg/illustrations/CreditCards2';\r\nimport InputLabel from '@mui/material/InputLabel';\r\nimport Button from '@mui/material/Button';\r\nimport * as yup from 'yup';\r\nimport valid from 'card-validator';\r\nimport {PricingServices} from '../../../../services';\r\nimport {useHistory} from 'react-router-dom';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {LoadingButton} from '@mui/lab';\r\nimport CurrencySymbol from '../../../../common/CurrencySymbol';\r\nimport Container from '../../../../common/Container';\r\nimport {convertDigitIn} from '../../../../utils/text';\r\n\r\nconst style = {\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n maxWidth: '530px',\r\n maxHeight: '660px',\r\n bgcolor: 'background.paper',\r\n border: '0px solid #000',\r\n borderRadius: '5px',\r\n boxShadow: 24,\r\n p: 1,\r\n paddingBottom: 5,\r\n overflow: 'auto',\r\n '&::-webkit-scrollbar': {\r\n width: '0px'\r\n }\r\n};\r\n\r\nconst BuyPackage = () => {\r\n const iFrameRef = useRef();\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n const history = useHistory();\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n const [htmlData, setHtmlData] = useState('');\r\n\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [activeStep, setActiveStep] = React.useState(0);\r\n const packages = useSelector((state) => state.main.packages);\r\n const selectedPackage = useSelector((state) => state.main.selectedPackage);\r\n const [licenseType, setLicenseType] = useState('monthly');\r\n const [invoiceFormValues, setInvoiceFormValues] = useState();\r\n const {t, i18n} = useTranslation();\r\n\r\n const validationSchema = yup.object().shape({\r\n cardHolderName: yup\r\n .string()\r\n .trim()\r\n .required(t('requiredField'))\r\n .matches(/^'?(?:\\p{L}\\p{M}*)+(?:['\\s](?:\\p{L}\\p{M}*)+)*'?$/u, 'Geçerli bir ad soyad giriniz'),\r\n cardNumber: yup\r\n .number(t('validCreditCardNumberNumeric'))\r\n .required(t('requiredField'))\r\n .test('test-number', t('validCreditCardNumber'), value => valid.number(value).isValid),\r\n date: yup\r\n .string()\r\n .required(t('requiredField'))\r\n .test('is-true-date', t('validExpireDate'), function (value) {\r\n if (value) {\r\n let nowYear = parseInt(new Date().getUTCFullYear().toString().substr(2, 2));\r\n let nowMonth = parseInt(new Date().getUTCMonth() + 1);\r\n let valueMonth = parseInt(value.split('/')[0]);\r\n let valueYear = parseInt(value.split('/')[1]);\r\n\r\n if (valueYear < nowYear) {\r\n return false;\r\n } else if (valueYear == nowYear && valueMonth < nowMonth) {\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n }\r\n })\r\n .matches(/^(0\\d|1[0-2])\\/\\d{2}$/, t('validExpireDate')),\r\n cvc: yup\r\n .string()\r\n .required(t('requiredField'))\r\n .min(3, t('validCvc'))\r\n .max(3, t('validCvc'))\r\n .matches(/^[0-9]{2,3}$/, t('validCvc'))\r\n });\r\n const steps = [t('InvoiceInformation'), t('PaymentInformation')];\r\n\r\n useEffect(() => {\r\n const data = JSON.parse(window.localStorage.getItem('selectedPackage'));\r\n if (data) {\r\n setLicenseType(data.licenseType);\r\n store.dispatch(setSelectedPackage(data));\r\n }\r\n }, []);\r\n\r\n const licenseTypeChange = (type) => {\r\n setLicenseType(type);\r\n const data = {\r\n ...selectedPackage, licenseType: type\r\n };\r\n const packageList = packages.map((packageItem) => {\r\n if (packageItem.id === data.id) {\r\n return data;\r\n } else {\r\n return packageItem;\r\n }\r\n });\r\n store.dispatch(setSelectedPackage(data));\r\n store.dispatch(setPackages(packageList));\r\n storage.set('selectedPackage', data);\r\n };\r\n\r\n const onStandartUserCountChange = (item, value) => {\r\n const data = {\r\n ...item, userCount: parseInt(value)\r\n };\r\n const packageList = packages.map((packageItem) => {\r\n if (packageItem.id === data.id) {\r\n return data;\r\n } else {\r\n return packageItem;\r\n }\r\n });\r\n store.dispatch(setSelectedPackage(data));\r\n store.dispatch(setPackages(packageList));\r\n storage.set('selectedPackage', data);\r\n };\r\n\r\n const onBusinessUserCountChange = (item, value) => {\r\n const data = {\r\n ...item, userCount: parseInt(value)\r\n };\r\n const packageList = packages.map((packageItem) => {\r\n if (packageItem.id === data.id) {\r\n return data;\r\n } else {\r\n return packageItem;\r\n }\r\n });\r\n store.dispatch(setSelectedPackage(data));\r\n store.dispatch(setPackages(packageList));\r\n };\r\n\r\n const onPackageChange = (item) => {\r\n const data = {\r\n licenseType, ...item\r\n };\r\n const packageList = packages.map((packageItem) => {\r\n if (packageItem.id === data.id) {\r\n return data;\r\n } else {\r\n return packageItem;\r\n }\r\n });\r\n store.dispatch(setSelectedPackage(data));\r\n store.dispatch(setPackages(packageList));\r\n storage.set('selectedPackage', data);\r\n };\r\n\r\n const handleBack = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n };\r\n\r\n const onInvoiceFormSubmited = (values) => {\r\n\r\n setInvoiceFormValues(values);\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n };\r\n\r\n const initialValues = {\r\n cardHolderName: '', cardNumber: '', date: '', cvc: ''\r\n };\r\n\r\n const onSubmit = (values) => {\r\n setIsLoading(true);\r\n // const sendValues = {...values};\r\n // const sendInvoiceFormValues = {...invoiceFormValues};\r\n // const encrypt = new JSEncrypt();\r\n // let allFormValues = Object.assign(sendValues, sendInvoiceFormValues);\r\n // encrypt.setPublicKey(process.env.REACT_APP_PASSWORD_KEY);\r\n // const encryptedCardNumber = encrypt.encrypt(allFormValues.cardNumber);\r\n // const encryptedExpireMonth = encrypt.encrypt(allFormValues.date.split('/')[0]);\r\n // const encryptedExpireYear = encrypt.encrypt('20' + allFormValues.date.split('/')[1]);\r\n // const encryptedCvc = encrypt.encrypt(allFormValues.cvc);\r\n // allFormValues.licenceCount = selectedPackage.userCount;\r\n // allFormValues.productId = selectedPackage.id == 'standart' ? 2 : 3;\r\n // allFormValues.expireMonth = encryptedExpireMonth;\r\n // allFormValues.expireYear = encryptedExpireYear;\r\n // allFormValues.cardNumber = encryptedCardNumber;\r\n // allFormValues.cvc = encryptedCvc;\r\n // allFormValues.subscriptionType = selectedPackage.licenseType === 'annual' ? 2 : 1;\r\n\r\n let exJson = {\r\n 'cardHolderName': 'YUSUF IŞIK',\r\n 'cardNumber': 'xQmB3fwXi6dVQ/uYQldgvVs79iB9H2RGKWrH8mAwanvjpgIpgZYGvQOTkHUA0eF0lzXRQSHv+UMnXouNupF2scSLs+nK25/5osZBiCkMd891QsUUr9dLYuTtIpBEPtX5SvNNcTxYadDN2jvnYgR89ANol0y4yawLKf1NfAXSFOU=',\r\n 'date': '12/25',\r\n 'cvc': 'qyDyT+5Fe+n73e2bvfUCVVIujj0IbEclRJk+wt+EZqKpBhCTtgHrnoRoHidQeRTua8xwEUUmTkgTvLremhJjThvP6jG0E05LfZbS2rTe7H/UNKCTtcsOkNI08hWUeCVPyVnbyysqWUFRyes+3UiF8riCnqLzVXwNyORS8tZTgoQ=',\r\n 'identityNumber': '41893607648',\r\n 'name': 'Yusuf',\r\n 'surname': 'IŞIK',\r\n 'companyTitle': '',\r\n 'billingAddress': 'Deneme adres',\r\n 'taxAdministration': '',\r\n 'taxNumber': '',\r\n 'country': 'Türkiye',\r\n 'city': 'Adana',\r\n 'district': 'Aladağ',\r\n 'language': 'tr',\r\n 'email': 'yisik@ydyazilim.com',\r\n 'phoneNumber': '+90 541 453 03 88',\r\n 'licenceCount': 1,\r\n 'paymentContractTexts': {\r\n 'distanceSalesContractText': '',\r\n 'preliminaryInformationFormText': '',\r\n 'withdrawalRightText': ''\r\n },\r\n 'addressDescription': 'Home',\r\n 'identityNumberType': '0',\r\n 'terms': true,\r\n 'showIdentityNumber': true,\r\n 'productId': 2,\r\n 'expireMonth': 'V7uN16zcvDukjDXHaYapcAo+1rIym5h0u514P3w2WlegstB64rg+twaDZ+q0JFVrAbMi0R3CUT/RAcie2ESVEY1NU8AJR/f/9SoC8FYFOPpwCOBwVYOoJX0gROg0RM4f/aJZ+C8URqoxv9R4kyjHfkE78Q410Y6BMYaO7hI/YtQ=',\r\n 'expireYear': 'LvIa+hvvv4hzwgk75hz6C7XDHXGy9IK5XaavCQSs0ROQ8FA1daSQFSVJPSQ/qT7VSmeQ6BoRF4StkJxDlzgstKsLJnpHakcdloQgSUEdoNCn8fwwMHkQegB6IXHJ0HPptg5weQR2/fXKFEDwO201wWGls9mLD6SUMCUpj/36h1w=',\r\n 'subscriptionType': 1\r\n };\r\n\r\n PricingServices.paymentRequest(exJson).then(response => {\r\n setIsLoading(false);\r\n if (response.status === 401) {\r\n history.push('/login?redirectUrl=/pricing/buypackage');\r\n }\r\n if (response && response.data.status === 'success') {\r\n if (response.data.threeDSHtml) {\r\n setHtmlData(response?.data?.threeDSHtml);\r\n }\r\n }\r\n });\r\n };\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {/* Sol form */}\r\n \r\n \r\n {steps.map((label, index) => {\r\n const stepProps = {};\r\n const labelProps = {};\r\n return (\r\n span:first-child': {marginLeft: '8px'}}}>{label} \r\n );\r\n })}\r\n \r\n {activeStep === 0 ? ( {\r\n onSubmit(values);\r\n }}\r\n >\r\n {({errors, touched, values, handleChange}) => (\r\n \r\n\r\n \r\n {/* Kart üzerindeki isim */}\r\n \r\n {t('cardHolderName')}* \r\n {\r\n handleChange(e);\r\n }}\r\n value={values.cardHolderName}\r\n onCopy={e => e.preventDefault()}\r\n onPaste={e => e.preventDefault()}\r\n error={touched.cardHolderName && Boolean(errors.cardHolderName)}\r\n helperText={touched.cardHolderName && errors.cardHolderName}\r\n />\r\n \r\n\r\n {/* Kart Numarası*/}\r\n \r\n {t('cardNumber')}* \r\n {\r\n const re = /[0-9]+/g;\r\n if (e.target.value === '' || re.test(e.target.value)) {\r\n handleChange(e);\r\n }\r\n }}\r\n onCopy={e => e.preventDefault()}\r\n // onPaste={e => e.preventDefault()}\r\n error={touched.cardNumber && Boolean(errors.cardNumber)}\r\n helperText={touched.cardNumber && errors.cardNumber}\r\n onInput={(e) => {\r\n const value = e.target.value;\r\n const length = value.length;\r\n if (length > 16) {\r\n e.target.value = value.toString().slice(0, 16);\r\n }\r\n const reg = new RegExp('^[0-9]*$');\r\n if ((!reg.test(value))) {\r\n e.target.value = value.toString().slice(0, value.length - 1);\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n {t('cardExpireDate')}* \r\n e.preventDefault()}\r\n onPaste={e => e.preventDefault()}\r\n error={touched.date && Boolean(errors.date)}\r\n helperText={touched.date && errors.date}\r\n onInput={(e) => {\r\n const value = e.target.value;\r\n const lastChar = value.charAt(value.length - 1);\r\n const length = value.length;\r\n if (length > 5) {\r\n e.target.value = value.toString().slice(0, 5);\r\n } else if (e.target.value.length === 2) {\r\n e.target.value = e.target.value + '/';\r\n } else if (length === 3 && value.charAt(2) === '/') {\r\n e.target.value = value.replace('/', '');\r\n }\r\n const reg = new RegExp('^[0-9/]*$');\r\n\r\n if ((!reg.test(lastChar))) {\r\n e.target.value = value.toString().slice(0, value.length - 1);\r\n }\r\n }}\r\n />\r\n \r\n \r\n {t('cvc')}* \r\n {\r\n const re = /[0-9]+/g;\r\n if (e.target.value === '' || re.test(e.target.value)) {\r\n handleChange(e);\r\n }\r\n }}\r\n onCopy={e => e.preventDefault()}\r\n onPaste={e => e.preventDefault()}\r\n error={touched.cvc && Boolean(errors.cvc)}\r\n helperText={touched.cvc && errors.cvc}\r\n InputProps={{\r\n inputProps: {\r\n max: 999, min: 0, maxLength: 3\r\n }\r\n }}\r\n />\r\n \r\n \r\n {/* Sözleşme onayları */}\r\n \r\n \r\n \r\n handleBack()}\r\n sx={{fontWeight: 500, width: '100%', color: 'black'}}>\r\n {t('back')}\r\n \r\n \r\n \r\n \r\n {t('save')}\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n )}\r\n \r\n\r\n {/*Sağ taraf*/}\r\n {selectedPackage && selectedPackage.id &&\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n licenseTypeChange('monthly')}\r\n variant=\"contained\"\r\n color={licenseType === 'monthly' ? 'primary' : 'secondary'}\r\n sx={{\r\n width: 85,\r\n height: 24,\r\n fontSize: '14px',\r\n marginRight: '10px',\r\n color: licenseType === 'monthly' ? '#fff' : '#f44336'\r\n }}\r\n >\r\n {t('packetsMonthly')}\r\n \r\n licenseTypeChange('annual')}\r\n variant=\"contained\"\r\n color={licenseType === 'annual' ? 'primary' : 'secondary'}\r\n sx={{\r\n width: 85,\r\n height: 24,\r\n fontSize: '14px',\r\n color: licenseType === 'annual' ? '#fff' : '#f44336'\r\n }}\r\n >\r\n {t('packetsYearly')}\r\n \r\n \r\n \r\n \r\n {t('orderSummary')}\r\n \r\n \r\n \r\n \r\n {\r\n {packages && packages.map((packageItem, i) => ((packageItem.id === 'standart' || packageItem.id === 'business') &&\r\n onPackageChange(packageItem)}/>}\r\n label={{(i18n.language === 'ar' ? t(packageItem.title.toLowerCase()) : packageItem.title) + ' / ' + (selectedPackage.licenseType === 'monthly' ? t('packetsMonthly') : t('packetsYearly')) + ' ' + t('payment')} }/>))}\r\n }\r\n \r\n \r\n {packages && packages.map((packageItem, i) => {\r\n return (\r\n {packageItem.id !== 'enterprise' &&\r\n
\r\n {packageItem.id === 'standart' && \r\n { onStandartUserCountChange(packageItem, e.target.value)}\r\n onInput={(e) => {\r\n if (parseInt(e.target.value) > 10) {\r\n e.target.value = 10;\r\n }\r\n e.target.value = Math.max(0, parseInt(e.target.value)).toString().slice(0, 2);\r\n }}/>}\r\n }\r\n {packageItem.id === 'business' && \r\n { onBusinessUserCountChange(packageItem, e.target.value)}\r\n onInput={(e) => {\r\n if (parseInt(e.target.value) > 100) {\r\n e.target.value = 100;\r\n } else if (parseInt(e.target.value) < 11) {\r\n e.target.value = 11;\r\n } else {\r\n if (e.target.value) {\r\n e.target.value = Math.max(0, parseInt(e.target.value)).toString().slice(0, 3);\r\n } else {\r\n e.target.value = 11;\r\n }\r\n }\r\n }}/>}\r\n }\r\n
}\r\n
\r\n \r\n \r\n \r\n {(i18n.language === 'ar' ? t(selectedPackage.title.toLowerCase()) : selectedPackage.title)}\r\n \r\n \r\n \r\n \r\n \r\n {t('singleUserPrice')} \r\n \r\n \r\n {selectedPackage.userCount} {t('userCount')} \r\n \r\n \r\n {t('tax')} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n +%{i18n.language === 'ar' ? convertDigitIn('18') : 18} \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('totalAmount')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {licenseType === 'monthly' ? t('licenseMonth') : t('licenseYear')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n\r\n onSubmit()}\r\n sx={{fontWeight: 500, width: '100%', color: 'black'}}>\r\n Göndeeeerr\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default BuyPackage;\r\n","import Box from '@mui/material/Box';\r\nimport Grid from '@mui/material/Grid';\r\nimport Typography from '@mui/material/Typography';\r\nimport React, {useState} from 'react';\r\nimport Swal from 'sweetalert2';\r\nimport InvoiceForm from '../components/InvoiceForm';\r\nimport {PricingServices} from '../../../../services';\r\nimport {useHistory} from 'react-router-dom';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst TrialStart = () => {\r\n const {t} = useTranslation();\r\n const history = useHistory();\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const onInvoiceFormSubmited = (values) => {\r\n setIsLoading(true);\r\n var promise = PricingServices.startTrial(values);\r\n\r\n promise.then(response => {\r\n setIsLoading(false);\r\n if (response) {\r\n let timerInterval;\r\n Swal.fire({\r\n icon: 'success',\r\n title: t('success'),\r\n timer: 4000,\r\n timerProgressBar: true,\r\n showCloseButton: false,\r\n showConfirmButton: true,\r\n showDenyButton: false,\r\n confirmButtonText: t('getStarted'),\r\n text: t('trialStartGetStartedMessage'),\r\n willClose: () => {\r\n clearInterval(timerInterval);\r\n history.push('/');\r\n }\r\n });\r\n }\r\n });\r\n };\r\n\r\n return (\r\n \r\n\r\n \r\n {/* Sol form */}\r\n \r\n \r\n\r\n {/* Sağ panel */}\r\n \r\n \r\n \r\n {t('telepatiFreeTrial')} \r\n \r\n \r\n {t('telepatiFreeTrialText1')} \r\n {t('telepatiFreeTrialText2')} \r\n {t('telepatiFreeTrialText3')} \r\n {t('telepatiFreeTrialText4')} \r\n {t('telepatiFreeTrialText5')} \r\n \r\n \r\n {t('productFeatures')} \r\n \r\n \r\n {t('productFeaturesText1')} \r\n {t('productFeaturesText2')} \r\n {t('productFeaturesText3')} \r\n {t('productFeaturesText4')} \r\n {t('productFeaturesText5')} \r\n \r\n \r\n \r\n \r\n\r\n \r\n );\r\n};\r\n\r\nexport default TrialStart;\r\n","export default __webpack_public_path__ + \"static/media/bg-contact-us.3c4a8ad4.png\";","import React, {useEffect, useState} from 'react';\r\nimport * as yup from 'yup';\r\nimport Swal from 'sweetalert2';\r\nimport {useFormik} from 'formik';\r\nimport Grid from '@mui/material/Grid';\r\nimport TextField from '@mui/material/TextField';\r\nimport Box from '@mui/material/Box';\r\nimport bgContactUs from '../../../svg/bg/bg-contact-us.png';\r\nimport Typography from '@mui/material/Typography';\r\nimport BgBottomFigure from '../../../common/BgBottomFigure';\r\nimport {useLocation} from 'react-router-dom';\r\nimport {AccountServices} from 'services';\r\nimport {LoadingButton} from '@mui/lab';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst ContactUs = () => {\r\n const {t} = useTranslation();\r\n let location = useLocation();\r\n const [initialValues] = useState({\r\n subject: '',\r\n email: '',\r\n message: '',\r\n name: '',\r\n });\r\n\r\n const validationSchema = yup.object().shape({\r\n subject: yup\r\n .string()\r\n .min(5, t('validMin5'))\r\n .required(t('requiredField')),\r\n email: yup\r\n .string()\r\n .trim()\r\n .matches(/^[a-z0-9.]{1,64}@[a-z0-9.]{1,64}$/i, t('validEmail'))\r\n .required(t('requiredField')),\r\n message: yup\r\n .string()\r\n .min(10, t('validMin10'))\r\n .required(t('requiredField')),\r\n name: yup\r\n .string()\r\n .trim()\r\n .matches(/^[a-zA-ZğüşöçİĞÜŞÖÇı]+( [a-zA-ZğüşöçİĞÜŞÖÇı]+)+$/, t('validName'))\r\n .required(t('requiredField'))\r\n });\r\n\r\n const [loading, setLoading] = useState(false);\r\n const onSubmit = (values) => {\r\n setLoading(true);\r\n let sentValues = {...values};\r\n AccountServices.sendContactUs(sentValues).then((response) => {\r\n let timerInterval;\r\n if (response) {\r\n Swal.fire({\r\n icon: 'success',\r\n title: response.data.title,\r\n timer: 4000,\r\n timerProgressBar: true,\r\n showCloseButton: false,\r\n showConfirmButton: true,\r\n showDenyButton: false,\r\n confirmButtonText: t('ok'),\r\n text: response.data.content,\r\n willClose: () => {\r\n clearInterval(timerInterval);\r\n }\r\n }).then(() => {\r\n formik.resetForm();\r\n setLoading(false);\r\n });\r\n } else {\r\n Swal.fire({\r\n icon: 'error',\r\n title: t('error'),\r\n timer: 4000,\r\n timerProgressBar: true,\r\n showCloseButton: false,\r\n showConfirmButton: true,\r\n showDenyButton: false,\r\n confirmButtonText: t('ok'),\r\n text: response.data.content,\r\n willClose: () => {\r\n clearInterval(timerInterval);\r\n }\r\n }).then(() => {\r\n setLoading(false);\r\n });\r\n }\r\n\r\n });\r\n };\r\n const formik = useFormik({\r\n initialValues,\r\n validateOnChange: true,\r\n validateOnBlur: true,\r\n validationSchema: validationSchema,\r\n onSubmit\r\n });\r\n const query = new URLSearchParams(location.search);\r\n const [subjectDisable, setSubjectDisable] = useState(false);\r\n\r\n useEffect(() => {\r\n window.scrollTo({top: 0, behavior: 'smooth'});\r\n\r\n const q = query.get('type');\r\n\r\n if (q && q === 'enterprise') {\r\n formik.setFieldValue('subject', t('enterPrisePackageBuy'));\r\n setSubjectDisable(true);\r\n } else {\r\n formik.setFieldValue('subject', '');\r\n setSubjectDisable(false);\r\n }\r\n }, [location]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n {/* CssBaseline kickstart an elegant, consistent, and simple baseline to build upon. */}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nWithLayout.propTypes = {\r\n component: PropTypes.elementType.isRequired,\r\n layout: PropTypes.elementType.isRequired,\r\n};\r\n","export default __webpack_public_path__ + \"static/media/Telepati_Logo_Design.23b80314.png\";","import React from 'react';\r\nimport {Box, List, ListItem} from '@mui/material';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst languages = [\r\n {code: 'tr', name: 'Türkçe'},\r\n {code: 'en', name: 'English'},\r\n {code: 'ar', name: 'العربية'},\r\n {code: 'ru', name: 'Русский'}\r\n];\r\n\r\nconst LanguageSwitcher = () => {\r\n const {t, i18n} = useTranslation();\r\n\r\n function changeLang(lang) {\r\n i18n.changeLanguage(lang);\r\n localStorage.setItem('lngChnged', true);\r\n }\r\n\r\n const options = languages.map((language, i) => {\r\n if (language.code !== i18n.language) {\r\n return (\r\n changeLang(language.code)}\r\n >\r\n \r\n {language.name} \r\n \r\n \r\n );\r\n }\r\n return null;\r\n });\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {languages.find(lang => lang.code === i18n.language)?.name}\r\n \r\n \r\n \r\n \r\n {options}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default LanguageSwitcher;\r\n","const handleSignOut = (dispatch, removeCookie, history) => {\r\n removeCookie(['token']);\r\n window.sessionStorage.clear();\r\n localStorage.removeItem('persist:root');\r\n dispatch({type: 'LOG_OUT'});\r\n history.push('/');\r\n};\r\n\r\nexport default handleSignOut;\r\n","import {Box, List, ListItem} from '@mui/material';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport {useCookies} from 'react-cookie';\r\nimport {useDispatch} from 'react-redux';\r\nimport {Link, useHistory} from 'react-router-dom';\r\nimport handleSignOut from 'utils/signout';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst UserDropdown = ({user}) => {\r\n const {t, i18n} = useTranslation();\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const [cookie, setCookie, removeCookie] = useCookies(['loginToken']);\r\n\r\n const profileRoutes = [\r\n {id: 1, title: t('headerProfile'), href: '/profile/profile'},\r\n {id: 2, title: t('meetings'), href: '/profile/meetings'},\r\n {id: 3, title: t('headerSignOut'), href: '#'}\r\n ];\r\n\r\n const disconnectHubAndSignOut = () => {\r\n handleSignOut(dispatch, removeCookie, history);\r\n };\r\n\r\n const options = profileRoutes.map((option, i) => (\r\n disconnectHubAndSignOut() : null}\r\n to={option.href}\r\n >\r\n {option.title}\r\n \r\n ));\r\n\r\n return (\r\n \r\n \r\n \r\n {/* \r\n \r\n \r\n {user.name}\r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n {options}\r\n \r\n \r\n );\r\n};\r\n\r\nUserDropdown.propTypes = {\r\n user: PropTypes.object\r\n};\r\n\r\nexport default UserDropdown;\r\n","import MenuIcon from '@mui/icons-material/Menu';\r\nimport Box from '@mui/material/Box';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport {Link, useHistory} from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport {useSelector} from 'react-redux';\r\nimport LogoS from 'svg/logos/Telepati_Logo_Design.png';\r\nimport LanguageSwitcher from '../LanguageSwitcher/LanguageSwitcher';\r\nimport UserDropdown from '../UserDropdown/UserDropdown';\r\nimport {useTranslation} from 'react-i18next';\r\nimport Typography from '@mui/material/Typography';\r\n\r\n\r\nconst Topbar = ({onSidebarOpen}) => {\r\n const {t, i18n} = useTranslation();\r\n let history = useHistory();\r\n const user = useSelector((state) => state.main.user);\r\n const isAuthenticated = useSelector((state) => state.main.isAuthenticated);\r\n\r\n return (\r\n \r\n \r\n history.push('/')}\r\n height={60}\r\n >\r\n \r\n Telepati\r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n \r\n \r\n {t('tecnicalSupport')}\r\n \r\n \r\n\r\n \r\n \r\n\r\n {isAuthenticated ? (\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nTopbar.propTypes = {\r\n onSidebarOpen: PropTypes.func\r\n};\r\n\r\nexport default Topbar;\r\n","import CloseIcon from '@mui/icons-material/Close';\r\nimport EventAvailableIcon from '@mui/icons-material/EventAvailable';\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\nimport LanguageIcon from '@mui/icons-material/Language';\r\nimport LoginIcon from '@mui/icons-material/Login';\r\nimport LogoutIcon from '@mui/icons-material/Logout';\r\nimport PersonIcon from '@mui/icons-material/Person';\r\nimport ShoppingBasketIcon from '@mui/icons-material/ShoppingBasket';\r\nimport SupportAgentIcon from '@mui/icons-material/SupportAgent';\r\nimport {Button, Divider, List, ListItem, ListItemText, Typography} from '@mui/material';\r\nimport Accordion from '@mui/material/Accordion';\r\nimport AccordionDetails from '@mui/material/AccordionDetails';\r\nimport AccordionSummary from '@mui/material/AccordionSummary';\r\nimport Box from '@mui/material/Box';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport PropTypes from 'prop-types';\r\nimport React, {useEffect, useState} from 'react';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport {useHistory} from 'react-router-dom';\r\nimport handleSignOut from 'utils/signout';\r\nimport {useCookies} from 'react-cookie';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst LangList = [\r\n {\r\n title: 'Türkçe',\r\n page: 'tr'\r\n },\r\n {\r\n title: 'English',\r\n page: 'en'\r\n },\r\n {page: 'ar', title: 'عربي'},\r\n {page: 'ru', title: 'Русский'}\r\n];\r\n\r\nconst SidebarNav = ({onClose}) => {\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n const {t, i18n} = useTranslation();\r\n const [profileMenuList, setProfileMenuList] = useState([]);\r\n const [expanded, setExpanded] = useState('');\r\n const isAuthenticated = useSelector((state) => state.main.isAuthenticated);\r\n const [removeCookie] = useCookies(['loginToken']);\r\n\r\n function handleExpand(currendAccordion) {\r\n currendAccordion === expanded ? setExpanded('') : setExpanded(currendAccordion);\r\n }\r\n\r\n useEffect(() => {\r\n\r\n setProfileMenuList([\r\n {\r\n page: 'profile',\r\n title: t('myInformation')\r\n },\r\n {\r\n page: 'password',\r\n title: t('profileChangePassword')\r\n },\r\n {\r\n page: 'subscriptions',\r\n title: t('subscriptions')\r\n },\r\n {\r\n page: 'pastMeetings',\r\n title: t('myPastMeeting')\r\n }, {\r\n page: 'addressbook',\r\n title: t('addressBook')\r\n }\r\n ]);\r\n }, [i18n.language]);\r\n\r\n return (\r\n \r\n onClose()}\r\n >\r\n \r\n \r\n \r\n \r\n\r\n {isAuthenticated &&\r\n {\r\n history.push('/profile/meetings');\r\n onClose();\r\n }}>\r\n \r\n \r\n {t('meetings')} \r\n \r\n \r\n \r\n }\r\n\r\n {\r\n history.push('/pricing');\r\n onClose();\r\n }}>\r\n \r\n \r\n {t('buyNow')} \r\n \r\n \r\n \r\n\r\n {\r\n history.push('/contact-us');\r\n onClose();\r\n }}>\r\n \r\n \r\n {t('contactUs')} \r\n \r\n \r\n \r\n\r\n {isAuthenticated &&\r\n \r\n handleExpand('profile')}>\r\n {t('profile')} \r\n \r\n \r\n \r\n {\r\n profileMenuList.map((item, i) => (\r\n \r\n {\r\n history.push('/profile/' + item.page);\r\n onClose();\r\n }}\r\n >\r\n \r\n {item.icon}\r\n \r\n \r\n \r\n {i !== profileMenuList.length - 1 &&\r\n
\r\n ))\r\n }\r\n \r\n \r\n \r\n \r\n }\r\n\r\n \r\n handleExpand('language')}>\r\n {t('headerLanguage')} \r\n \r\n \r\n\r\n \r\n {\r\n LangList.map((item, i) => (\r\n \r\n {\r\n i18n.changeLanguage(item.page);\r\n localStorage.setItem('lngChnged', true);\r\n onClose();\r\n }}\r\n >\r\n \r\n {item.icon}\r\n \r\n \r\n \r\n\r\n
\r\n ))\r\n }\r\n \r\n \r\n \r\n \r\n\r\n \r\n {\r\n if (isAuthenticated) {\r\n // hubConnection.stop();\r\n handleSignOut(dispatch, removeCookie, history);\r\n onClose();\r\n history.push('/login');\r\n } else {\r\n history.push('/login');\r\n onClose();\r\n }\r\n }}\r\n variant=\"contained\"\r\n fullWidth\r\n sx={{backgroundColor: '#f44336', color: '#fff'}}>\r\n {isAuthenticated ? \r\n\r\n \r\n );\r\n};\r\n\r\nSidebarNav.propTypes = {\r\n onClose: PropTypes.func\r\n};\r\n\r\nexport default SidebarNav;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Drawer from '@mui/material/Drawer';\r\nimport Box from '@mui/material/Box';\r\nimport {SidebarNav} from './components';\r\n\r\nconst Sidebar = (props) => {\r\n const {open, variant, onClose, ...rest} = props;\r\n\r\n return (\r\n onClose()}\r\n open={open}\r\n variant={variant}\r\n sx={{\r\n\r\n '& .MuiPaper-root': {\r\n width: '100%',\r\n maxWidth: {xs: '100%', sm: 400},\r\n },\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nSidebar.propTypes = {\r\n onClose: PropTypes.func,\r\n open: PropTypes.bool.isRequired,\r\n variant: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default Sidebar;\r\n","import React from 'react';\r\nimport Grid from '@mui/material/Grid';\r\nimport {Link} from 'react-router-dom';\r\nimport {useTheme} from '@mui/material/styles';\r\nimport useMediaQuery from '@mui/material/useMediaQuery';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst Footer = () => {\r\n\r\n const {t} = useTranslation();\r\n const theme = useTheme();\r\n const isMd = useMediaQuery(theme.breakpoints.up('md'), {\r\n defaultMatches: true\r\n });\r\n\r\n const openInNewTab = url => {\r\n window.open(url, '_blank', 'noopener,noreferrer');\r\n };\r\n\r\n return (\r\n \r\n\r\n {/*\r\n \r\n \r\n \r\n \r\n {\r\n openInNewTab('https://www.facebook.com/people/Telepati-Meeting/100085372215614/');\r\n }}\r\n aria-label=\"Facebook\"\r\n sx={{color: '#AED0EC', '&:hover': {color:'#f44336 !important'}}}\r\n >\r\n \r\n \r\n \r\n \r\n {\r\n openInNewTab('https://twitter.com/TelepatiMeeting');\r\n }}\r\n aria-label=\"Twitter\"\r\n sx={{color: '#AED0EC', '&:hover': {color:'#f44336 !important'}}}\r\n >\r\n \r\n \r\n \r\n \r\n {\r\n openInNewTab('https://www.instagram.com/telepatimeeting/');\r\n }}\r\n aria-label=\"Instagram\"\r\n sx={{color: '#AED0EC', '&:hover': {color:'#f44336 !important'}}}\r\n >\r\n \r\n \r\n \r\n \r\n {\r\n openInNewTab('https://linkedin.com/company/telepatimeeting');\r\n }}\r\n aria-label=\"LinkedIn\"\r\n sx={{color: '#AED0EC', '&:hover': {color:'#f44336 !important'}}}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n */}\r\n \r\n \r\n\r\n \r\n \r\n {/* Satış iconları\r\n \r\n \r\n*/}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","export default __webpack_public_path__ + \"static/media/call-user.13417ce1.svg\";","export default __webpack_public_path__ + \"static/media/call-open.01996b2e.svg\";","export default __webpack_public_path__ + \"static/media/teams_bop.dd6654ee.mp3\";","export default __webpack_public_path__ + \"static/media/call-close.48486dcb.svg\";","import React from 'react';\r\nimport {Box, Typography} from '@mui/material';\r\nimport callUser from '../svg/icons/call-user.svg';\r\nimport callOpen from '../svg/icons/call-open.svg';\r\nimport teamsBop from '../assets/mp3/teams_bop.mp3';\r\nimport callClose from '../svg/icons/call-close.svg';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport {useHistory} from 'react-router-dom';\r\nimport {setIncomingCall, setOutGoingCall} from '../redux/actions';\r\nimport {Base64} from 'js-base64';\r\n\r\nconst CallNotification = () => {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n const loginUser = useSelector((state) => state.main.user);\r\n const {t, i18n} = useTranslation();\r\n const incomingCall = useSelector((state) => state.main.incomingCall);\r\n const outGoingCall = useSelector((state) => state.main.outGoingCall);\r\n const hubConnection = useSelector((state) => state.main.hubConnection);\r\n\r\n function replyToCall(status) {\r\n hubConnection.invoke('ReplyToCall', incomingCall.callerUserEmail, incomingCall.callerFullName, incomingCall.callID, status, incomingCall.meetingID);\r\n if (status == 1) {\r\n let hashedMeetinDetails = Base64.encode(`?meetingId=${incomingCall.meetingID}&userId=${loginUser.id}&userName=${loginUser.fullname}&email=${loginUser.email}`);\r\n history.push(`/${i18n.language}/meeting/go/${hashedMeetinDetails}`);\r\n }\r\n dispatch(setIncomingCall(null));\r\n }\r\n\r\n function cancelToCall() {\r\n hubConnection.invoke('CancelToCall', outGoingCall.callID);\r\n dispatch(setOutGoingCall(null));\r\n }\r\n\r\n return (\r\n \r\n {incomingCall != null &&\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {incomingCall?.callerFullName} {t('calling')}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n replyToCall(1)}>\r\n replyToCall(2)}>\r\n \r\n \r\n \r\n }\r\n {outGoingCall != null &&\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {outGoingCall.userName} {t('dialing')}\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n cancelToCall()}>\r\n \r\n \r\n \r\n }\r\n
\r\n
\r\n \r\n \r\n \r\n {outGoingCallUserName} {t('callBusy')}\r\n \r\n \r\n \r\n \r\n \r\n setShowModal(false)}>\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n setOpenSidebar(true)}\r\n themeMode={themeMode}\r\n themeToggler={themeToggler}\r\n setThemePalette={setThemePalette}\r\n paletteType={paletteType}\r\n />\r\n \r\n \r\n setOpenSidebar(false)}\r\n open={openSidebar}\r\n variant=\"temporary\"\r\n />\r\n \r\n \r\n {children}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n {children} \r\n \r\n );\r\n};\r\n\r\nBodyMain.propTypes = {\r\n children: PropTypes.node\r\n};\r\n\r\nexport default BodyMain;\r\n","var _g;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nfunction SvgSuccessBadge(_ref, svgRef) {\n let {\n title,\n titleId,\n ...props\n } = _ref;\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 156,\n height: 156,\n viewBox: \"0 0 156 156\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"tik\",\n transform: \"translate(-11.5 107.001)\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n id: \"Ellipse_1\",\n \"data-name\": \"Ellipse 1\",\n cx: 78,\n cy: 78,\n r: 78,\n transform: \"translate(11.5 -107.001)\",\n fill: \"#4bad4f\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_84\",\n \"data-name\": \"Path 84\",\n d: \"M165.048,115.943a3.352,3.352,0,0,1-1.3,2.414q-25.4,25.379-50.785,50.763c-1.679,1.679-3.18,1.645-4.844-.034q-13.236-13.349-26.532-26.638c-1.774-1.77-1.774-3.309.03-5.056,3.116-3.013,6.125-6.133,9.214-9.176,2.145-2.111,3.233-2.092,5.45.11,4.215,4.181,8.46,8.335,12.557,12.629,1.372,1.44,2.134,1.4,3.517,0q18.006-18.176,36.144-36.22c2.843-2.843,3.6-2.843,6.451-.008q4.309,4.287,8.6,8.6a3.887,3.887,0,0,1,1.5,2.623Z\",\n transform: \"translate(-30.84 -165.484)\",\n fill: \"#fefefe\"\n }))));\n}\nconst ForwardRef = /*#__PURE__*/React.forwardRef(SvgSuccessBadge);\nexport default __webpack_public_path__ + \"static/media/successBadge.34d52989.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/LogoBlue.819e060a.svg\";","export default {\r\n StandAlone: 1,\r\n Facebook: 2\r\n};\r\n","/* eslint-disable react/no-unescaped-entities */\r\nimport React, {useState} from 'react';\r\nimport {useFormik} from 'formik';\r\nimport * as yup from 'yup';\r\nimport Box from '@mui/material/Box';\r\nimport Grid from '@mui/material/Grid';\r\nimport TextField from '@mui/material/TextField';\r\nimport Button from '@mui/material/Button';\r\nimport Typography from '@mui/material/Typography';\r\nimport {Link, SvgIcon} from '@mui/material';\r\nimport {AccountServices} from 'services/index';\r\nimport {ReactComponent as SuccessBadge} from 'svg/misc/successBadge.svg';\r\nimport {LoadingButton} from '@mui/lab';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst Form = () => {\r\n const {t} = useTranslation();\r\n const [success, setSuccess] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const initialValues = {\r\n eMail: ''\r\n };\r\n\r\n const validationSchema = yup.object({\r\n eMail: yup\r\n .string(t('validMail'))\r\n .trim()\r\n .email(t('validMail'))\r\n .required(t('requiredField'))\r\n });\r\n\r\n const onSubmit = (values) => {\r\n resetPassword(values);\r\n return values;\r\n };\r\n const resetPassword = (data) => {\r\n setLoading(true);\r\n var promise = AccountServices.resetPassword(data);\r\n promise\r\n .then((response) => {\r\n setLoading(false);\r\n if (!response) return;\r\n setSuccess(true);\r\n\r\n //push route change\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n setLoading(false);\r\n });\r\n };\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: validationSchema,\r\n onSubmit\r\n });\r\n\r\n return success ?\r\n (\r\n \r\n \r\n \r\n {t('success')}\r\n \r\n \r\n {t('successMessage')}\r\n \r\n \r\n {t('ok')}\r\n \r\n )\r\n : (\r\n \r\n \r\n \r\n {t('accountPasswordReset')}\r\n \r\n \r\n {t('accountPasswordResetText')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Form;\r\n","import React from 'react';\r\nimport Box from '@mui/material/Box';\r\nimport Container from 'common/Container';\r\nimport {Form} from './components';\r\n\r\nconst ForgotPassword = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ForgotPassword;\r\n","/* eslint-disable react/no-unescaped-entities */\r\nimport React from 'react';\r\nimport {useFormik} from 'formik';\r\nimport * as yup from 'yup';\r\nimport Box from '@mui/material/Box';\r\nimport Grid from '@mui/material/Grid';\r\nimport TextField from '@mui/material/TextField';\r\nimport Button from '@mui/material/Button';\r\nimport Typography from '@mui/material/Typography';\r\nimport {UserServices} from 'services';\r\nimport Swal from 'sweetalert2';\r\nimport withReactContent from 'sweetalert2-react-content';\r\nimport {Tooltip} from '@mui/material';\r\nimport {useTranslation} from 'react-i18next';\r\nimport PropTypes from 'prop-types';\r\nimport {JSEncrypt} from 'jsencrypt';\r\n\r\nconst MySwal = withReactContent(Swal);\r\nconst ChangePassword = ({onSuccess = () => null, isLogin = false}) => {\r\n const {t} = useTranslation();\r\n const validationSchema = yup.object({\r\n usedPassword: yup\r\n .string()\r\n .min(8, t('validPasswordMin'))\r\n .required(t('validPassword'))\r\n /* eslint-disable-next-line */\r\n .matches(\r\n /^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).{8,}$/,\r\n t('validPasswordRegex'),\r\n ),\r\n newPassword: yup\r\n .string()\r\n .min(8, t('validPasswordMin'))\r\n .required(t('validPassword'))\r\n /* eslint-disable-next-line */\r\n .matches(\r\n /^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).{8,}$/,\r\n t('validPasswordRegex'),\r\n ),\r\n repeatNewPassword: yup\r\n .string()\r\n .required(t('validPassword'))\r\n .oneOf([yup.ref('newPassword'), null], t('registerCheckPassword')),\r\n });\r\n const initialValues = {\r\n usedPassword: '',\r\n newPassword: '',\r\n repeatNewPassword: '',\r\n };\r\n const onSubmit = (values) => {\r\n const data = {...values, isCurrentUser: true};\r\n var encrypt = new JSEncrypt();\r\n encrypt.setPublicKey(process.env.REACT_APP_PASSWORD_KEY);\r\n data.usedPassword = encrypt.encrypt(values.usedPassword);\r\n data.newPassword = encrypt.encrypt(values.newPassword);\r\n data.repeatNewPassword = encrypt.encrypt(values.repeatNewPassword);\r\n const promiseChangePassword = UserServices.changePassword(data);\r\n promiseChangePassword.then((response) => {\r\n if (response) {\r\n MySwal.fire({\r\n icon: 'success',\r\n title: t('success'),\r\n text: t('changePasswordSuccessMessage'),\r\n }).then(() => {\r\n onSuccess();\r\n });\r\n }\r\n });\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: validationSchema,\r\n onSubmit,\r\n });\r\n let disabled =\r\n !formik.values.usedPassword ||\r\n !formik.values.newPassword ||\r\n !formik.values.repeatNewPassword;\r\n return (\r\n \r\n \r\n \r\n {t('profileChangePassword')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nChangePassword.propTypes = {\r\n onSuccess: PropTypes.func,\r\n isLogin: PropTypes.bool,\r\n};\r\n\r\nexport default ChangePassword;\r\n","import React, {useEffect, useState} from 'react';\r\nimport {useFormik} from 'formik';\r\nimport {useCookies} from 'react-cookie';\r\nimport * as yup from 'yup';\r\nimport Box from '@mui/material/Box';\r\nimport Grid from '@mui/material/Grid';\r\nimport TextField from '@mui/material/TextField';\r\nimport Button from '@mui/material/Button';\r\nimport Typography from '@mui/material/Typography';\r\nimport Link from '@mui/material/Link';\r\nimport {InputAdornment, Modal} from '@mui/material';\r\nimport {AccountServices} from 'services/index';\r\nimport loginTypeEnum from 'enums/loginTypeEnum';\r\nimport ForgotPassword from 'views/authPages/ForgotPassword';\r\nimport CloseRoundedIcon from '@mui/icons-material/CloseRounded';\r\nimport {handleAfterLoginStoreWorks, handleAfterLoginTokenWorks} from 'utils/loginHelpers';\r\nimport {useHistory, useLocation} from 'react-router-dom';\r\nimport {JSEncrypt} from 'jsencrypt';\r\nimport {useTranslation} from 'react-i18next';\r\nimport ChangePassword from '../../../../supportingPages/Profile/components/ChangePassword/ChangePassword';\r\nimport {LoadingButton} from '@mui/lab';\r\nimport {Email as EmailIcon, Lock as LockIcon} from '@mui/icons-material';\r\n\r\nconst Form = () => {\r\n let history = useHistory();\r\n const {t, i18n} = useTranslation();\r\n let location = useLocation();\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const handleShow = () => setShow(true);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [cookies, setCookie] = useCookies(['token']);\r\n const [mustChangePassword, setMustChangePassword] = useState(false);\r\n\r\n const validationSchema = yup.object({\r\n email: yup\r\n .string()\r\n .trim()\r\n .email(t('validEmail'))\r\n .matches(/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/, t('validEmail'))\r\n .emailSyntaxCheck(t('validEmail'))\r\n .required(t('requiredField')),\r\n password: yup\r\n .string()\r\n .trim()\r\n .matches(/^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9]).{8,}$/, t('validPasswordRegex'))\r\n .required(t('validPassword'))\r\n .min(8, t('validPasswordMin'))\r\n });\r\n\r\n const initialValues = {\r\n email: '',\r\n password: '',\r\n recaptcha: ''\r\n };\r\n\r\n useEffect(() => {\r\n formik.resetForm();\r\n return () => {\r\n formik.resetForm();\r\n };\r\n }, []);\r\n\r\n const onSubmit = (values) => {\r\n setIsLoading(true);\r\n let sentValues = {...values};\r\n sentValues.loginType = loginTypeEnum.StandAlone;\r\n signIn(sentValues);\r\n };\r\n\r\n const signIn = (data) => {\r\n var encrypt = new JSEncrypt();\r\n encrypt.setPublicKey(process.env.REACT_APP_PASSWORD_KEY);\r\n data.password = encrypt.encrypt(data.password);\r\n data.name = data.name ? data.name.trim() : '';\r\n data.surname = data.surname ? data.surname.trim() : '';\r\n delete data.recaptcha;\r\n var promise = AccountServices.login(data);\r\n promise\r\n .then((response) => {\r\n handleAfterLoginTokenWorks(response.data.token, setCookie);\r\n handleAfterLoginStoreWorks();\r\n if (response.data.mustChangePasswordNextLogon) {\r\n setMustChangePassword(response.data.mustChangePasswordNextLogon);\r\n } else {\r\n redirect();\r\n }\r\n })\r\n .catch(() => {\r\n data.password = '';\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n const redirect = () => {\r\n const query = new URLSearchParams(location.search);\r\n const q = query.get('redirectUrl');\r\n if (q) {\r\n setTimeout(() => {\r\n history.push(q);\r\n }, 1000);\r\n } else {\r\n history.push('/profile/meetings');\r\n }\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validationSchema: validationSchema,\r\n onSubmit\r\n });\r\n\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {t('headerSignIn')}\r\n \r\n \r\n \r\n \r\n \r\n {\r\n history.replace('/signup');\r\n }}\r\n underline={'none'}\r\n >\r\n {t('newRegist')}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n );\r\n};\r\n\r\nexport default Form;\r\n","import store from '../redux/store';\r\nimport {PricingServices, UserServices} from 'services/index';\r\nimport {\r\n changeAuthentication,\r\n setApplicationInformationIsLoaded,\r\n setCurrentProduct,\r\n setPrivilegeNames,\r\n setPrivileges,\r\n setUser\r\n} from '../redux/actions';\r\n\r\nexport const handleAfterLoginTokenWorks = (token, setCookie) => {\r\n setCookie('token', token, {path: '/', maxAge: 604800 * 4});\r\n};\r\n\r\nexport const handleAfterLoginStoreWorks = () => {\r\n\r\n UserServices.getUserInformation()\r\n .then((response) => {\r\n if (response) {\r\n store.dispatch(setPrivileges(response.data.privileges));\r\n store.dispatch(changeAuthentication(!!response.data.user));\r\n store.dispatch(setUser(response.data.user));\r\n store.dispatch(setApplicationInformationIsLoaded(true));\r\n store.dispatch(setPrivilegeNames());\r\n }\r\n })\r\n .then(() => {\r\n PricingServices.getCurrentProduct().then((response) => {\r\n store.dispatch(setCurrentProduct(response?.data));\r\n });\r\n });\r\n};\r\n\r\n","import React, {useEffect} from 'react';\r\nimport {useHistory, useLocation} from 'react-router-dom';\r\nimport {AccountServices} from 'services';\r\nimport LogoBlue from 'svg/logos/LogoBlue.svg';\r\nimport Swal from 'sweetalert2';\r\nimport {Form} from './components';\r\nimport {useTranslation} from 'react-i18next';\r\nimport PropTypes from 'prop-types';\r\nimport Box from '@mui/material/Box';\r\nimport Grid from '@mui/material/Grid';\r\nimport Container from 'common/Container';\r\nimport {useSelector} from 'react-redux';\r\n\r\nconst Login = (props) => {\r\n const {t, i18n} = useTranslation();\r\n let history = useHistory();\r\n let location = useLocation();\r\n const query = new URLSearchParams(location.search);\r\n const accountverification = query.get('v');\r\n let accontVerificationUrl = `/account/account-verification?V=${accountverification}&NotMe=false`;\r\n const isAuthenticated = useSelector(state => state.main.isAuthenticated);\r\n\r\n useEffect(() => {\r\n sessionStorage.clear();\r\n localStorage.clear();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (accountverification) {\r\n let promise = AccountServices.verifyAccount(accontVerificationUrl);\r\n promise\r\n .then((res) => {\r\n if (res) {\r\n let timerInterval;\r\n Swal.fire({\r\n icon: 'success',\r\n title: t('success'),\r\n timer: 4000,\r\n timerProgressBar: true,\r\n showCloseButton: false,\r\n showConfirmButton: false,\r\n showDenyButton: false,\r\n text: t('emailValidateOK'),\r\n willClose: () => {\r\n clearInterval(timerInterval);\r\n }\r\n }).then((result) => {\r\n if (result.dismiss === Swal.DismissReason.timer) {\r\n history.push('/login');\r\n }\r\n });\r\n }\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n });\r\n }\r\n }, []);\r\n\r\n if (isAuthenticated) {\r\n history.push('/profile/meetings');\r\n }\r\n\r\n return (\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n goToSection(e, 'onbKonu')}\r\n >\r\n 1) KONU\r\n \r\n goToSection(e, 'onbTaraflar')}\r\n >\r\n 2) TARAFLAR\r\n \r\n goToSection(e, 'onbSozlesmeKonusuHizmet')}\r\n >\r\n 3) SÖZLEŞME KONUSU HİZMET\r\n \r\n goToSection(e, 'onbOdemeYontemleri')}\r\n >\r\n 4) ÖDEME YÖNTEMLERİ\r\n \r\n goToSection(e, 'onbCaymaHakki')}\r\n >\r\n 5) CAYMA HAKKI\r\n \r\n goToSection(e, 'onbHizmetUygulamaKapsamindakiFikriveSinaiHaklar')}\r\n >\r\n 6) HİZMET/UYGULAMA KAPSAMINDAKİ FİKRİ VE SINAİ HAKLAR\r\n \r\n goToSection(e, 'onbKisiselVerilerinKorunmasi')}\r\n >\r\n 7) KİŞİSEL VERİLERİN KORUNMASI\r\n \r\n goToSection(e, 'onbTelepatiUygulamasininCalismasiHakkinda')}\r\n >\r\n 8) TELEPATİ UYGULAMASININ ÇALIŞMASI HAKKINDA\r\n \r\n goToSection(e, 'onbMucbirSebep')}\r\n >\r\n 9) MÜCBİR SEBEP\r\n \r\n goToSection(e, 'onbUyusmazlikHalindeBasvuruMercileri')}\r\n >\r\n 9) UYUŞMAZLIK HALİNDE BAŞVURU MERCİİLERİ\r\n \r\n goToSection(e, 'onbIstisna')}\r\n >\r\n 9) İSTİSNA\r\n \r\n \r\n \r\n \r\n {t('newRegist')}\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n history.push('/login')}\r\n underline={'none'}\r\n sx={{fontWeight: 500, cursor: 'pointer'}}\r\n >\r\n {t('accountSignIn')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n setKnowledgeModalShow(false)}\r\n aria-labelledby=\"modal-modal-title\"\r\n aria-describedby=\"modal-modal-description\"\r\n\r\n >\r\n \r\n \r\n {knowledgeModalType == 'kvkk' ? 'KVKK Aydınlatma Metni' : 'Ön Bilgilendirme Koşulları'}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Form;\r\n","import React, {useEffect} from 'react';\r\nimport Box from '@mui/material/Box';\r\nimport Container from 'common/Container';\r\nimport {Form} from './components';\r\nimport Grid from '@mui/material/Grid';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst Signup = (props) => {\r\n useEffect(() => {\r\n window.scrollTo({top: 0, behavior: 'smooth'});\r\n }, []);\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nSignup.propTypes = {\r\n match: PropTypes.object\r\n};\r\n\r\nexport default Signup;\r\n","import React, {useEffect, useState} from 'react';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {useHistory} from 'react-router-dom';\r\nimport {useSelector} from 'react-redux';\r\nimport Swal from 'sweetalert2';\r\nimport {AccountServices} from '../../../services';\r\n\r\nconst Home = () => {\r\n const {t, i18n} = useTranslation();\r\n const history = useHistory();\r\n const query = new URLSearchParams(location.search);\r\n const notme = query.get('notMe');\r\n const accountverification = query.get('v');\r\n const paymentStatus = query.get('paymentStatus');\r\n const statusMessage = query.get('statusMessage');\r\n const [licenseType, setLicenseType] = useState('monthly');\r\n\r\n useEffect(() => {\r\n console.log(query);\r\n }, []);\r\n\r\n const isAuthenticated = useSelector(state => state.main.isAuthenticated);\r\n\r\n useEffect(() => {\r\n const browserLanguage = navigator.language || navigator.languages[0];\r\n if (browserLanguage) {\r\n i18n.changeLanguage(browserLanguage.substring(0, 2)); // İlk iki karakterini alır, örneğin 'en-US' -> 'en'\r\n }\r\n\r\n if (accountverification) {\r\n let accontVerificationUrl = '/account/company-approval?v=' + accountverification + '' + (notme !== null ? '¬Me=' + notme : '');\r\n let promise = AccountServices.verifyAccount(accontVerificationUrl);\r\n promise.then((res) => {\r\n if (!res && notme === false) {\r\n let timerInterval;\r\n Swal.fire({\r\n icon: 'success',\r\n title: t('success'),\r\n timer: 4000,\r\n timerProgressBar: true,\r\n showCloseButton: false,\r\n showConfirmButton: false,\r\n showDenyButton: false,\r\n text: 'Kurumsal Hesaba Geçişiniz Onaylanmıştır.',\r\n willClose: () => {\r\n clearInterval(timerInterval);\r\n }\r\n }).then((result) => {\r\n if (result.dismiss === Swal.DismissReason.timer) {\r\n history.push('/login');\r\n }\r\n });\r\n }\r\n }).catch((e) => {\r\n console.log(e);\r\n });\r\n }\r\n if (paymentStatus) {\r\n if (paymentStatus === 'failure') {\r\n Swal.fire({\r\n icon: 'error',\r\n title: t('error'),\r\n text: statusMessage,\r\n confirmButtonText: t('ok')\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n window.history.replaceState(null, null, '/');\r\n }\r\n });\r\n } else if (paymentStatus === 'success') {\r\n window.history.replaceState(null, null, '/');\r\n Swal.fire({\r\n icon: 'success',\r\n title: t('success'),\r\n text: t('packageStatusOK'),\r\n confirmButtonText: t('ok')\r\n }).then(() => null);\r\n }\r\n }\r\n\r\n // isAuthenticated durumuna göre yönlendirme\r\n\r\n }, [accountverification, notme, paymentStatus, statusMessage, isAuthenticated, history, i18n, t]);\r\n\r\n return (\r\n \r\n
\r\n {/* Hero component goes here */}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nNotFound.propTypes = {\r\n width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\r\n};\r\n\r\nexport default NotFound;\r\n","import React from 'react';\r\nimport {useTheme} from '@mui/material/styles';\r\nimport Link from '@mui/material/Link';\r\nimport Box from '@mui/material/Box';\r\nimport Button from '@mui/material/Button';\r\nimport useMediaQuery from '@mui/material/useMediaQuery';\r\nimport Typography from '@mui/material/Typography';\r\nimport Grid from '@mui/material/Grid';\r\nimport Container from 'common/Container';\r\nimport NotFoundIllustration from 'svg/illustrations/NotFound';\r\nimport {useHistory} from 'react-router-dom';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst NotFound = () => {\r\n const theme = useTheme();\r\n const history = useHistory();\r\n const {t} = useTranslation();\r\n const isMd = useMediaQuery(theme.breakpoints.up('md'), {\r\n defaultMatches: true,\r\n });\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 404\r\n \r\n \r\n {t('page404Message')}\r\n \r\n history.push('/')}\r\n >\r\n {t('page404BackHome')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default NotFound;\r\n","export default __webpack_public_path__ + \"static/media/standart.15aa3265.svg\";","export default __webpack_public_path__ + \"static/media/business.ed97f834.svg\";","export default __webpack_public_path__ + \"static/media/enterprise.308daf23.svg\";","import {Box, Button, TextField, Typography} from '@mui/material';\r\nimport Card from '@mui/material/Card';\r\nimport CardContent from '@mui/material/CardContent';\r\nimport PropTypes from 'prop-types';\r\nimport {useHistory} from 'react-router-dom';\r\nimport React from 'react';\r\nimport {useSelector} from 'react-redux';\r\nimport storage from '../../../../utils/storage';\r\nimport store from '../../../../redux/store';\r\nimport {setPackages, setSelectedPackage} from '../../../../redux/actions';\r\nimport {useTranslation} from 'react-i18next';\r\nimport CurrencySymbol from '../../../../common/CurrencySymbol';\r\nimport StandartIcon from 'svg/icons/standart.svg';\r\nimport BusinessIcon from 'svg/icons/business.svg';\r\nimport EnterpriseIcon from 'svg/icons/enterprise.svg';\r\nimport CheckIcon from '@mui/icons-material/Check';\r\nimport {convertDigitIn} from '../../../../utils/text';\r\n\r\nconst PricingCard = ({licenseType, item, minimal}) => {\r\n const isAuthenticated = useSelector((state) => state.main.isAuthenticated);\r\n const packages = useSelector((state) => state.main.packages);\r\n const [pricing, setPricing] = React.useState({standart: 1, business: 11});\r\n const history = useHistory();\r\n const {t, i18n} = useTranslation();\r\n\r\n const onStandartUserCountChange = (value) => {\r\n const packageItem = packages.find((item) => item.id === 'standart');\r\n const data = {\r\n ...packageItem,\r\n userCount: parseInt(value),\r\n };\r\n const price = {standart: parseInt(value), business: pricing.business};\r\n setPricing(price);\r\n const packageList = packages.map((packageItem) => {\r\n if (packageItem.id === data.id) {\r\n return data;\r\n } else {\r\n return packageItem;\r\n }\r\n });\r\n store.dispatch(setSelectedPackage(data));\r\n store.dispatch(setPackages(packageList));\r\n };\r\n\r\n const onBusinessUserCountChange = (value) => {\r\n const packageItem = packages.find((item) => item.id === 'business');\r\n const data = {\r\n ...packageItem,\r\n userCount: parseInt(value),\r\n };\r\n const price = {standart: pricing.standart, business: parseInt(value)};\r\n setPricing(price);\r\n const packageList = packages.map((packageItem) => {\r\n if (packageItem.id === data.id) {\r\n return data;\r\n } else {\r\n return packageItem;\r\n }\r\n });\r\n store.dispatch(setSelectedPackage(data));\r\n store.dispatch(setPackages(packageList));\r\n };\r\n\r\n const onSubmit = (item) => {\r\n if (item.id === 'enterprise') {\r\n history.push('/contact-us?type=enterprise');\r\n return;\r\n }\r\n const data = {\r\n ...item,\r\n licenseType,\r\n };\r\n const packageList = packages.map((packageItem) => {\r\n if (packageItem.id === data.id) {\r\n return data;\r\n } else {\r\n return packageItem;\r\n }\r\n });\r\n store.dispatch(setSelectedPackage(data));\r\n store.dispatch(setPackages(packageList));\r\n storage.set('selectedPackage', data);\r\n isAuthenticated ? history.push('/pricing/buypackage') : history.push('/login?redirectUrl=/pricing/buypackage');\r\n };\r\n\r\n const onTrialSubmit = (item) => {\r\n const data = {\r\n licenseType,\r\n ...item,\r\n };\r\n const packageList = packages.map((packageItem) => {\r\n if (packageItem.id === data.id) {\r\n return data;\r\n } else {\r\n return packageItem;\r\n }\r\n });\r\n store.dispatch(setSelectedPackage(data));\r\n store.dispatch(setPackages(packageList));\r\n storage.set('selectedPackage', data);\r\n isAuthenticated ? history.push('/pricing/trial-start') : history.push('/login?redirectUrl=/pricing' + item.buttonUrl);\r\n };\r\n\r\n return (\r\n item && \r\n \r\n \r\n \r\n {\r\n item.id === 'standart' && \r\n {t(item.title.toLowerCase())} \r\n \r\n {t(item.id + 'Benefit1')}
\r\n \r\n \r\n \r\n \r\n {item.monthlyAmount && item.annualAmount && (item.id !== 'enterprise' ?\r\n \r\n {licenseType === 'monthly' ? t(item.id + 'SuffixMonth') : t(item.id + 'SuffixYear')}\r\n \r\n \r\n {\r\n (item.id === 'standart' || item.id === 'business') && {t(item.id + 'Benefit2') ||\r\n {t('benefit4') ||\r\n {t('benefit3') ||\r\n \r\n }\r\n\r\n \r\n \r\n \r\n \r\n history.push('/pricing')}\r\n variant=\"contained\"\r\n sx={{width: 190, height: 45}}\r\n >\r\n Detaylı Bilgi\r\n \r\n \r\n \r\n : <>\r\n \r\n {\r\n item.details.map((detail, index) => {\r\n return (\r\n \r\n {/* CheckIcon rengi detail.value'ye bağlı */}\r\n \r\n {t(detail.id)}\r\n \r\n {detail.id === 'userCount' ? (\r\n \r\n {item.id === 'standart' && (\r\n onStandartUserCountChange(e.target.value)}\r\n onInput={(e) => {\r\n if (parseInt(e.target.value) > 10) {\r\n e.target.value = 10;\r\n }\r\n e.target.value = Math.max(\r\n 0,\r\n parseInt(e.target.value)\r\n )\r\n .toString()\r\n .slice(0, 2);\r\n }}\r\n />\r\n )}\r\n {item.id === 'business' && (\r\n onBusinessUserCountChange(e.target.value)}\r\n onInput={(e) => {\r\n if (parseInt(e.target.value) > 100) {\r\n e.target.value = 100;\r\n } else if (parseInt(e.target.value) < 11) {\r\n e.target.value = 11;\r\n } else {\r\n if (e.target.value) {\r\n e.target.value = Math.max(\r\n 0,\r\n parseInt(e.target.value)\r\n )\r\n .toString()\r\n .slice(0, 3);\r\n } else {\r\n e.target.value = 11;\r\n }\r\n }\r\n }}\r\n />\r\n )}\r\n {item.id === 'enterprise' && (\r\n \r\n {t(detail.value)}\r\n \r\n )}\r\n \r\n ) : (\r\n \r\n {detail.value !== true &&\r\n detail.value !== false &&\r\n t(detail.value)}\r\n \r\n )}\r\n \r\n );\r\n })\r\n }\r\n \r\n \r\n \r\n onSubmit(item)}\r\n variant=\"contained\"\r\n sx={{width: 190, height: 45}}\r\n >\r\n {t(item.buttonText)}\r\n \r\n \r\n \r\n \r\n }\r\n {/*{item.buyNow &&*/}\r\n {/* */}\r\n {/* */}\r\n {/* onTrialSubmit(item)}*/}\r\n {/* style={{*/}\r\n {/* fontWeight: 600,*/}\r\n {/* fontSize: 11,*/}\r\n {/* textDecoration: 'underline',*/}\r\n {/* cursor: 'pointer'*/}\r\n {/* }}*/}\r\n {/* >*/}\r\n {/* {t('freeTrialStart')}*/}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/*}*/}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nPricingCard.propTypes = {\r\n item: PropTypes.any,\r\n licenseType: PropTypes.string,\r\n minimal: PropTypes.bool\r\n};\r\n\r\nexport default PricingCard;\r\n","import CheckIcon from '@mui/icons-material/Check';\r\nimport KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';\r\nimport KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp';\r\nimport MoreVert from '@mui/icons-material/MoreVert';\r\nimport {Button, Grid, TextField, Typography} from '@mui/material';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport TableCell from '@mui/material/TableCell';\r\nimport TableRow from '@mui/material/TableRow';\r\nimport PropTypes from 'prop-types';\r\nimport PricingCard from './PricingCard';\r\nimport store from '../../../../redux/store';\r\nimport {setPackages, setSelectedPackage} from '../../../../redux/actions';\r\nimport {useSelector} from 'react-redux';\r\nimport KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';\r\nimport KeyboardArrowRightIcon from '@mui/icons-material/KeyboardArrowRight';\r\nimport React from 'react';\r\n\r\nconst PricingTable = (props) => {\r\n const {licenseType, minimal} = props;\r\n\r\n const packages = useSelector((state) => state.main.packages);\r\n\r\n return (\r\n \r\n {\r\n packages && packages.map((item, i) => (\r\n \r\n \r\n \r\n ))\r\n }\r\n \r\n );\r\n};\r\n\r\nfunction Row(props) {\r\n\r\n const {row, isMobile, selectedPage} = props;\r\n const [open, setOpen] = React.useState(false);\r\n const [pricing, setPricing] = React.useState({standart: 1, business: 11});\r\n const packages = useSelector((state) => state.main.packages);\r\n\r\n const onStandartUserCountChange = (value) => {\r\n const packageItem = packages.find((item) => item.id === 'standart');\r\n const data = {\r\n ...packageItem,\r\n userCount: parseInt(value),\r\n };\r\n const price = {standart: parseInt(value), business: pricing.business};\r\n setPricing(price);\r\n const packageList = packages.map((packageItem) => {\r\n if (packageItem.id === data.id) {\r\n return data;\r\n } else {\r\n return packageItem;\r\n }\r\n });\r\n store.dispatch(setSelectedPackage(data));\r\n store.dispatch(setPackages(packageList));\r\n };\r\n\r\n const onBusinessUserCountChange = (value) => {\r\n const packageItem = packages.find((item) => item.id === 'business');\r\n const data = {\r\n ...packageItem,\r\n userCount: parseInt(value),\r\n };\r\n const price = {standart: pricing.standart, business: parseInt(value)};\r\n setPricing(price);\r\n const packageList = packages.map((packageItem) => {\r\n if (packageItem.id === data.id) {\r\n return data;\r\n } else {\r\n return packageItem;\r\n }\r\n });\r\n store.dispatch(setSelectedPackage(data));\r\n store.dispatch(setPackages(packageList));\r\n };\r\n\r\n return (\r\n \r\n \r\n\r\n {/* Title */}\r\n \r\n {row.name}\r\n \r\n\r\n {/* Expand Collapse Button */}\r\n \r\n {row.i === 6 &&\r\n setOpen(!open)}\r\n sx={{height: 25}}\r\n >\r\n {open ? \r\n\r\n {/* Standart */}\r\n {\r\n (!isMobile || selectedPage === 1) && \r\n {row.i === 1 && onStandartUserCountChange(e.target.value)}\r\n onInput={(e) => {\r\n if (parseInt(e.target.value) > 10) {\r\n e.target.value = 10;\r\n }\r\n e.target.value = Math.max(0, parseInt(e.target.value)).toString().slice(0, 2);\r\n }}/>\r\n }\r\n\r\n {row.i === 2 || row.i === 3 ?\r\n {row.standart} : <>\r\n }\r\n\r\n {row.i === 4 || row.i === 5 ?\r\n \r\n }\r\n\r\n {/* Businness */}\r\n {\r\n (!isMobile || selectedPage === 2) &&\r\n \r\n {row.i === 1 &&\r\n onBusinessUserCountChange(e.target.value)}\r\n onInput={(e) => {\r\n if (parseInt(e.target.value) > 100) {\r\n e.target.value = 100;\r\n } else if (parseInt(e.target.value) < 11) {\r\n e.target.value = 11;\r\n } else {\r\n if (e.target.value) {\r\n e.target.value = Math.max(0, parseInt(e.target.value)).toString().slice(0, 3);\r\n } else {\r\n e.target.value = 11;\r\n }\r\n }\r\n }}/>\r\n }\r\n\r\n {row.i === 2 || row.i === 3 ?\r\n {row.businness} : <>\r\n }\r\n\r\n {row.i === 4 || row.i === 5 ?\r\n \r\n }\r\n\r\n {/* Enterprise */}\r\n {\r\n (!isMobile || selectedPage === 3) && \r\n {row.i === 1 &&\r\n 100+ \r\n }\r\n {row.i === 2 || row.i === 3 ?\r\n {row.enterprise} : <>\r\n }\r\n {row.i === 4 || row.i === 5 ?\r\n \r\n }\r\n\r\n \r\n\r\n {\r\n open && row.details.map((detailRow, i) => {\r\n return (\r\n \r\n {/* Name */}\r\n \r\n {detailRow.name}\r\n \r\n\r\n \r\n \r\n\r\n {/* Standart */}\r\n {\r\n (!isMobile || selectedPage === 1) && \r\n {detailRow.name === 'Max. Çalışma Odası' ?\r\n {detailRow.standart} \r\n :\r\n \r\n }\r\n\r\n {/* Businness */}\r\n {\r\n (!isMobile || selectedPage === 2) &&\r\n \r\n {detailRow.name === 'Max. Çalışma Odası' ?\r\n {detailRow.businness} \r\n :\r\n \r\n }\r\n\r\n {/* Enterprise */}\r\n {\r\n (!isMobile || selectedPage === 3) && \r\n {detailRow.name === 'Max. Çalışma Odası' ?\r\n {detailRow.enterprise} \r\n :\r\n \r\n }\r\n\r\n \r\n );\r\n })\r\n }\r\n\r\n \r\n );\r\n}\r\n\r\nfunction CustomPagination({selectedPage, setSelectedPage}) {\r\n return (\r\n \r\n \r\n setSelectedPage(selectedPage !== 1 ? selectedPage - 1 : selectedPage)}\r\n sx={{borderRadius: 3}}\r\n disabled={selectedPage === 1}\r\n variant=\"contained\"\r\n >\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n setSelectedPage(selectedPage !== 3 ? selectedPage + 1 : selectedPage)}\r\n sx={{borderRadius: 3}}\r\n disabled={selectedPage === 3}\r\n variant=\"contained\"\r\n >\r\n \r\n \r\n );\r\n}\r\n\r\nCustomPagination.propTypes = {\r\n selectedPage: PropTypes.number,\r\n setSelectedPage: PropTypes.func\r\n};\r\n\r\nRow.propTypes = {\r\n selectedPage: PropTypes.number.isRequired,\r\n isMobile: PropTypes.bool.isRequired,\r\n row: PropTypes.shape({\r\n i: PropTypes.number.isRequired,\r\n name: PropTypes.string.isRequired,\r\n standart: PropTypes.any.isRequired,\r\n businness: PropTypes.any.isRequired,\r\n enterprise: PropTypes.any.isRequired,\r\n details: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n name: PropTypes.string.isRequired,\r\n standart: PropTypes.string.isRequired,\r\n businness: PropTypes.string.isRequired,\r\n enterprise: PropTypes.string.isRequired,\r\n }),\r\n ).isRequired,\r\n }).isRequired,\r\n};\r\n\r\nPricingTable.propTypes = {\r\n licenseType: PropTypes.string,\r\n minimal: PropTypes.bool\r\n};\r\n\r\nexport default PricingTable;\r\n","import {Box, Button, Grid, Typography} from '@mui/material';\r\nimport React, {useEffect, useState} from 'react';\r\nimport PricingTable from './components/PricingTable';\r\nimport {useTranslation} from 'react-i18next';\r\nimport Container from 'common/Container';\r\n\r\nfunction Pricing() {\r\n const {t, i18n} = useTranslation();\r\n // eslint-disable-next-line no-unused-vars\r\n const [isMobile, setIsMobile] = React.useState(false);\r\n const [screenSize, getDimension] = React.useState({\r\n dynamicWidth: window.innerWidth,\r\n dynamicHeight: window.innerHeight\r\n });\r\n\r\n const setDimension = () => {\r\n if (screenSize.dynamicWidth > 600) {\r\n setIsMobile(false);\r\n } else {\r\n setIsMobile(true);\r\n }\r\n\r\n getDimension({\r\n dynamicWidth: window.innerWidth,\r\n dynamicHeight: window.innerHeight\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n setDimension();\r\n }, []);\r\n\r\n useEffect(() => {\r\n window.addEventListener('resize', setDimension);\r\n\r\n return (() => {\r\n window.removeEventListener('resize', setDimension);\r\n });\r\n }, [screenSize]);\r\n\r\n const [licenseType, setLicenseType] = useState('monthly');\r\n\r\n const priceTypeChange = (licenseType) => {\r\n setLicenseType(licenseType);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n {t('packageTitle')}\r\n \r\n \r\n \r\n \r\n \r\n {t('packageText')}\r\n \r\n \r\n \r\n priceTypeChange('monthly')}\r\n variant=\"contained\"\r\n color={licenseType === 'monthly' ? 'primary' : 'secondary'}\r\n sx={{\r\n width: 101,\r\n height: 42,\r\n marginRight: '10px',\r\n color: licenseType === 'monthly' ? '#fff' : '#f44336'\r\n }}\r\n >\r\n {t('packetsMonthly')}\r\n \r\n priceTypeChange('annual')}\r\n variant=\"contained\"\r\n color={licenseType === 'annual' ? 'primary' : 'secondary'}\r\n sx={{\r\n width: 101,\r\n height: 42,\r\n marginRight: i18n.language === 'ar' ? '10px' : 0,\r\n color: licenseType === 'annual' ? '#fff' : '#f44336'\r\n }}\r\n >\r\n {t('packetsYearly')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n );\r\n}\r\n\r\nexport default Pricing;\r\n","import {Box, Icon, ListItem, ListItemText} from '@mui/material';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport {useDispatch} from 'react-redux';\r\nimport {Link, useHistory} from 'react-router-dom';\r\nimport {useCookies} from 'react-cookie';\r\nimport handleSignOut from '../../../../../utils/signout';\r\n\r\nconst CustomListItem = ({to, title, isSelected, isExit, icon}) => {\r\n const history = useHistory();\r\n const dispatch = useDispatch();\r\n // eslint-disable-next-line no-unused-vars\r\n const [cookie, setCookie, removeCookie] = useCookies(['loginToken']);\r\n // const hubConnection = useSelector((state) => state.main.hubConnection);\r\n\r\n return !isExit ? (\r\n \r\n \r\n {icon}\r\n \r\n \r\n \r\n ) : (\r\n {\r\n // hubConnection.stop();\r\n handleSignOut(dispatch, removeCookie, history);\r\n }} sx={{\r\n color: '#424242',\r\n borderRadius: '4px',\r\n '&:hover': {\r\n backgroundColor: 'transparent',\r\n },\r\n padding: '5px 10px'\r\n }} button>\r\n \r\n {icon}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nCustomListItem.propTypes = {\r\n to: PropTypes.string,\r\n title: PropTypes.string,\r\n isSelected: PropTypes.bool,\r\n isExit: PropTypes.bool,\r\n icon: PropTypes.object\r\n};\r\n\r\nexport default CustomListItem;\r\n","import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\r\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\r\nimport {Box, Button, Grid, IconButton} from '@mui/material';\r\nimport FormControl from '@mui/material/FormControl';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport Select from '@mui/material/Select';\r\nimport PropTypes from 'prop-types';\r\nimport React, {useEffect} from 'react';\r\nimport 'tui-calendar/dist/tui-calendar.css';\r\nimport 'tui-date-picker/dist/tui-date-picker.css';\r\nimport 'tui-time-picker/dist/tui-time-picker.css';\r\nimport TextField from '@mui/material/TextField';\r\nimport {DesktopDatePicker} from '@mui/x-date-pickers/DesktopDatePicker';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {languageFormat} from '../../../../../../utils/language';\r\nimport {useSelector} from 'react-redux';\r\nimport Swal from 'sweetalert2';\r\nimport {useHistory} from 'react-router-dom';\r\n\r\nfunction HeaderButtons(\r\n {\r\n calenderViewType,\r\n setCalenderViewType,\r\n moveNextOrPrev,\r\n setCreateModalVisible,\r\n setPlanModalVisible,\r\n setCalenderDate,\r\n calenderDate,\r\n rangeStart,\r\n rangeEnd\r\n }) {\r\n const {t, i18n} = useTranslation();\r\n const [open, setOpen] = React.useState(false);\r\n const currentProduct = useSelector((state) => state.main.currentProduct);\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n setOpen(false);\r\n }, [calenderDate]);\r\n\r\n const handleNewMeetingPlanClick = () => {\r\n if (currentProduct.title === 'Default') {\r\n Swal.fire({\r\n title: t('warningPaymentCancellation'),\r\n text: t('defaultPackageMeetingPlanWarning'),\r\n icon: 'warning',\r\n showCancelButton: true,\r\n confirmButtonText: t('yes'),\r\n cancelButtonText: t('no')\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n history.push('/pricing');\r\n }\r\n });\r\n } else {\r\n setPlanModalVisible(true);\r\n setOpen(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n setCalenderDate(new Date())}\r\n variant=\"text\"\r\n sx={{fontWeight: 500, color: '#000'}}\r\n >\r\n {t('today')}\r\n \r\n
\r\n \r\n moveNextOrPrev(-1)}\r\n >\r\n moveNextOrPrev(1)}\r\n >\r\n
\r\n \r\n \r\n {\r\n {\r\n setOpen(false);\r\n }}>\r\n {\r\n setOpen(true);\r\n }}>\r\n setCalenderDate(value)}\r\n onAccept={() => setOpen(false)}\r\n onYearChange={() => setOpen(false)}\r\n renderInput={(params) => {\r\n if (calenderViewType == 'day') {\r\n params.inputProps.value = new Date(calenderDate).toLocaleString(languageFormat(i18n.language), {\r\n day: 'numeric',\r\n month: 'long',\r\n year: 'numeric'\r\n });\r\n }\r\n\r\n if (calenderViewType === 'month') {\r\n params.inputProps.value = new Date(calenderDate).toLocaleString(languageFormat(i18n.language), {\r\n month: 'long',\r\n year: 'numeric'\r\n });\r\n }\r\n\r\n if (calenderViewType == 'week') {\r\n let rangeStrMonth = new Date(rangeStart).toLocaleString(languageFormat(i18n.language), {month: 'short'});\r\n let rangeEdMonth = new Date(rangeEnd).toLocaleString(languageFormat(i18n.language), {month: 'short'});\r\n\r\n let txt = new Date(rangeStart).getDate() + '.' + rangeStrMonth;\r\n txt += ' - ' + new Date(rangeEnd).getDate() + '.' + rangeEdMonth;\r\n params.inputProps.value = txt;\r\n }\r\n\r\n return (\r\n <>\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {t('newMeetingPlan')}\r\n \r\n {\r\n setCreateModalVisible(true);\r\n setOpen(false);\r\n }}\r\n variant=\"contained\"\r\n sx={{\r\n background: 'linear-gradient(to right, #d32f2f, #f44336, #ff5252) !important',\r\n fontWeight: 600,\r\n marginRight: '10px'\r\n }}\r\n >\r\n {t('newMeeting')}\r\n \r\n
\r\n \r\n {\r\n setCalenderViewType(e.target.value);\r\n setOpen(false);\r\n }}\r\n >\r\n {t('packetsDaily')} \r\n {t('packetsWeekly')} \r\n {t('packetsMonthly')} \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nHeaderButtons.propTypes = {\r\n calenderViewType: PropTypes.string,\r\n setCalenderViewType: PropTypes.func,\r\n moveNextOrPrev: PropTypes.func,\r\n setCreateModalVisible: PropTypes.func,\r\n setPlanModalVisible: PropTypes.func,\r\n setCalenderDate: PropTypes.func,\r\n calenderDate: PropTypes.object,\r\n rangeStart: PropTypes.object,\r\n rangeEnd: PropTypes.object\r\n};\r\n\r\nexport default HeaderButtons;\r\n","import React from 'react';\r\nimport Tooltip from '@mui/material/Tooltip';\r\nimport Button from '@mui/material/Button';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst TooltipButton = ({showTooltipWhenDisabled, tooltipText, ...buttonProps}) => {\r\n\r\n if (showTooltipWhenDisabled && buttonProps.disabled) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n } else if (!showTooltipWhenDisabled && tooltipText) {\r\n return (\r\n \r\n \r\n \r\n \r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n
\r\n {calendarRendering && {\r\n return '+ ' + hiddenSchedules + ' ';\r\n }\r\n }}\r\n month={isMd ? {\r\n daynames: daynames, startDayOfWeek: 1, narrowWeekend: false\r\n } : {\r\n daynames: dayShortnames, startDayOfWeek: 1, narrowWeekend: false\r\n }}\r\n week={isMd ? {\r\n daynames: daynames, startDayOfWeek: 1, narrowWeekend: false, timezonesCollapsed: true\r\n } : {\r\n daynames: ['', '', '', '', '', '', ''], startDayOfWeek: 1, narrowWeekend: false\r\n }}\r\n />}\r\n \r\n\r\n
{\r\n setSelectedMeeting(null);\r\n setKatilimciOpen(false);\r\n setDetailPopupVisible(false);\r\n }}\r\n transformOrigin={{\r\n vertical: modalPosition, horizontal: 'left'\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n {selectedMeeting ? selectedMeeting.title : ''}\r\n \r\n \r\n {selectedMeeting ? new Date(selectedMeeting.start).toLocaleDateString(languageFormat(i18n.language), {\r\n weekday: 'long', year: 'numeric', month: 'long', day: 'numeric'\r\n }) : ''}\r\n
\r\n \r\n {selectedMeeting ? moment(selectedMeeting.start).format('HH:mm') + ' - ' + moment(selectedMeeting.end).format('HH:mm') : ''}
\r\n \r\n \r\n \r\n {selectedMeeting ? selectedMeeting.body : ''}\r\n \r\n \r\n \r\n \r\n\r\n {meetingCreatorIsMe &&
\r\n {\r\n deleteMeeting();\r\n }}\r\n variant=\"text\"\r\n sx={{\r\n fontWeight: 600,\r\n backgroundColor: '#ffff',\r\n color: '#000',\r\n padding: '5px 15px',\r\n textDecorationLine: 'underline',\r\n border: 0,\r\n fontSize: 12\r\n }}\r\n >\r\n {t('meetingDelete')}\r\n \r\n
\r\n }\r\n {meetingCreatorIsMe &&
\r\n {\r\n setEditModalVisible(true);\r\n }}\r\n variant=\"text\"\r\n sx={{\r\n fontWeight: 600,\r\n backgroundColor: '#ffff',\r\n color: '#000',\r\n padding: '5px 15px',\r\n textDecorationLine: 'underline',\r\n border: 0,\r\n fontSize: 12\r\n }}\r\n >\r\n {t('edit')}\r\n \r\n
\r\n\r\n }\r\n\r\n
\r\n {t('joinMeeting')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('created')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n onClick={() => setIsFlipped(true)}\r\n variant=\"outlined\"\r\n sx={{\r\n fontWeight: 600, padding: '5px 15px', textDecorationLine: 'underline', fontSize: 12\r\n }}\r\n >\r\n {t('participants')}\r\n \r\n \r\n\r\n \r\n \r\n setKatilimciOpen(!katilimciOpen)}\r\n sx={{display: 'flex'}}\r\n >\r\n \r\n {t('participants')}\r\n
\r\n \r\n \r\n {selectedMeeting && selectedMeeting.meetingUsers ? selectedMeeting.meetingUsers.map((item, i) => {\r\n return (\r\n \r\n \r\n
\r\n {item.fullName}\r\n
\r\n handleSendEmail(item.email, selectedMeeting.meetingId)}\r\n >\r\n \r\n \r\n handleSendWhatsAppMessage(selectedMeeting.meetingId, selectedMeeting.userName, selectedMeeting.userId)}\r\n >\r\n \r\n \r\n
\r\n \r\n );\r\n }) : ''}\r\n \r\n \r\n\r\n }\r\n fullWidth\r\n onClick={() => setIsFlipped(false)}\r\n variant=\"outlined\"\r\n sx={{\r\n fontWeight: 600, fontSize: 12, mr: 1, mt: 1, mb: 1\r\n }}\r\n >\r\n {t('back')}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst padLeft = (char) => {\r\n if (char.toString().length == 1) {\r\n return '0' + char;\r\n } else {\r\n return char;\r\n }\r\n};\r\n\r\nconst padRight = (char) => {\r\n if (char.toString().length == 1) {\r\n return char + '0';\r\n } else {\r\n return char;\r\n }\r\n};\r\n\r\nCustomCalendar.propTypes = {\r\n meetings: PropTypes.array,\r\n setCreateModalVisible: PropTypes.func,\r\n setPlanModalVisible: PropTypes.func,\r\n setEditModalVisible: PropTypes.func,\r\n setSelectedMeeting: PropTypes.func,\r\n getMeetings: PropTypes.func,\r\n selectedMeeting: PropTypes.object\r\n};\r\n\r\nexport default CustomCalendar;\r\n","import React, {useEffect, useState} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Box from '@mui/material/Box';\r\nimport TextField from '@mui/material/TextField';\r\nimport {Button, Menu} from '@mui/material';\r\nimport {useSelector} from 'react-redux';\r\nimport AccessTimeIcon from '@mui/icons-material/AccessTime';\r\n\r\nconst TimeTextField = ({value, name, InputLabelProps, inputProps, onChange, ...rest}) => {\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n const [hour, setHour] = useState(value ? value.split(':')[0] : '');\r\n const [minute, setMinute] = useState(value ? value.split(':')[1] : '');\r\n const [ampm, setAmPm] = useState(null);\r\n const open = Boolean(anchorEl);\r\n const hours = ['01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '00'];\r\n const minutes = ['00', '01', '02', '03', '04', '05', '06', '07', '08', '09', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31', '32', '33', '34', '35', '36', '37', '38', '39', '40', '41', '42', '43', '44', '45', '46', '47', '48', '49', '50', '51', '52', '53', '54', '55', '56', '57', '58', '59'];\r\n const countryCode = useSelector((state) => state.main.countryCode);\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n const handleClose = () => {\r\n setAnchorEl(null);\r\n onChange(hour + ':' + minute + ' ' + (ampm ? ampm : ''));\r\n };\r\n\r\n const hourChange = (val) => {\r\n setHour(val);\r\n onChange(hour + ':' + minute + ' ' + (ampm ? ampm : ''));\r\n };\r\n\r\n const minuteChange = (val) => {\r\n setMinute(val);\r\n onChange(hour + ':' + minute + ' ' + (ampm ? ampm : ''));\r\n };\r\n\r\n const amPmChange = (val) => {\r\n setAmPm(val);\r\n onChange(hour + ':' + minute + ' ' + (ampm ? ampm : ''));\r\n };\r\n\r\n useEffect(() => {\r\n if (value) {\r\n setHour(value ? value.split(':')[0] : '');\r\n setMinute(value ? value.split(':')[1] : '');\r\n }\r\n }, [value]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {\r\n // eslint-disable-next-line no-unused-vars\r\n hours.map((item, index) => ( {\r\n hourChange(item);\r\n }} style={{\r\n width: '100%',\r\n minWidth: 'auto',\r\n display: (countryCode !== 'TR' && index > 11 ? 'none' : 'block')\r\n }} variant={item === hour ? 'contained' : 'text'}>{item} ))\r\n }\r\n \r\n \r\n {\r\n // eslint-disable-next-line no-unused-vars\r\n minutes.map((item, index) => (\r\n minuteChange(item)}\r\n style={{width: '100%', minWidth: 'auto', display: 'block'}}\r\n variant={item === minute ? 'contained' : 'text'}>{item}\r\n ))\r\n }\r\n \r\n {\r\n\r\n countryCode !== 'TR' && \r\n amPmChange('am')}\r\n style={{width: '100%', minWidth: 'auto', display: 'block', maxHeight: '300px'}}\r\n variant={ampm === 'am' ? 'contained' : 'text'}>AM\r\n amPmChange('pm')}\r\n style={{width: '100%', minWidth: 'auto', display: 'block'}}\r\n variant={ampm === 'pm' ? 'contained' : 'text'}>PM\r\n \r\n }\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nTimeTextField.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n value: PropTypes.string.isRequired,\r\n InputLabelProps: PropTypes.object,\r\n inputProps: PropTypes.object,\r\n onChange: PropTypes.func,\r\n};\r\n\r\nexport default TimeTextField;\r\n","import Box from '@mui/material/Box';\r\nimport Grid from '@mui/material/Grid';\r\nimport TextField from '@mui/material/TextField';\r\nimport {useFormik} from 'formik';\r\nimport React, {useEffect, useState} from 'react';\r\nimport Autocomplete, {createFilterOptions} from '@mui/material/Autocomplete';\r\nimport {MeetingServices} from '../../../../../../services';\r\nimport Swal from 'sweetalert2';\r\nimport PropTypes from 'prop-types';\r\nimport {DesktopDatePicker} from '@mui/x-date-pickers/DesktopDatePicker';\r\nimport * as yup from 'yup';\r\nimport moment from 'moment';\r\nimport {LoadingButton} from '@mui/lab';\r\nimport {useTranslation} from 'react-i18next';\r\nimport TimeTextField from '../../../../../../common/TimeTextField';\r\nimport Typography from '@mui/material/Typography';\r\nimport userServices from '../../../../../../services/userServices';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport Switch from '@mui/material/Switch';\r\nimport {FormControlLabel} from '@mui/material';\r\n\r\nconst filter = createFilterOptions();\r\n\r\nyup.addMethod(yup.date, 'format', function (formats, parseStrict) {\r\n return this.transform(function (value, originalValue) {\r\n value = moment(originalValue, formats, parseStrict);\r\n return value.isValid() ? value.toDate() : new Date('');\r\n });\r\n});\r\n\r\nyup.addMethod(yup.string, 'mName', function (errorMessage) {\r\n return this.test('test-mName', errorMessage, function (value) {\r\n const {path, createError} = this;\r\n\r\n if (value !== undefined) {\r\n if (value.indexOf('/*/*') > -1) return false;\r\n }\r\n\r\n return true || createError({path, message: errorMessage});\r\n });\r\n});\r\n\r\nconst AddOrUpdateMeetingForm = ({setVisibleModal, getMeetings, meetingTitle = '', userIds = [], selectedMeeting}) => {\r\n const {t} = useTranslation();\r\n const now = moment();\r\n const strTime = now.clone().startOf('hour').add(1, 'hour').toDate();\r\n const endTime = now.clone().startOf('hour').add(2, 'hour').toDate();\r\n const initialValues = {\r\n name: selectedMeeting?.title || '',\r\n userIds: selectedMeeting?.meetingUsers || [],\r\n startingDate: selectedMeeting?.start ? moment(selectedMeeting.start).toDate() : strTime,\r\n endDate: selectedMeeting?.end ? moment(selectedMeeting.end).toDate() : endTime,\r\n description: selectedMeeting?.body || '',\r\n meetingId: selectedMeeting?.meetingId || '',\r\n parentId: selectedMeeting?.parentId || '',\r\n recurrenceType: selectedMeeting?.recurrenceType || 'none',\r\n isRecurring: selectedMeeting?.recurrenceType && selectedMeeting.recurrenceType !== 'none'\r\n };\r\n const [buttonIsLoading, setButtonIsLoading] = useState(false);\r\n const [isRecurring, setIsRecurring] = useState(selectedMeeting?.recurrenceType ? selectedMeeting.recurrenceType !== 'none' : false);\r\n const [recurrenceType, setRecurrenceType] = useState(selectedMeeting?.recurrenceType || 'none');\r\n const [selectedDays, setSelectedDays] = useState([]);\r\n const [addressBook, setAddressBook] = useState([]);\r\n const [autocompleteKey, setAutocompleteKey] = useState(0);\r\n\r\n useEffect(() => {\r\n const fetchAddressBook = async () => {\r\n try {\r\n const [addressBookResponse, companyUsersResponse] = await Promise.all([\r\n userServices.getAddressbook(),\r\n userServices.getAllCompanyUsers()\r\n ]);\r\n\r\n const updatedAddressBook = addressBookResponse.data.map(user => ({\r\n ...user,\r\n name: user.name || 'No Name' // Varsayılan isim atama\r\n }));\r\n\r\n const updatedCompanyUsers = companyUsersResponse.data.map(user => ({\r\n ...user,\r\n name: user.fullName || 'No Name' // Varsayılan isim atama\r\n }));\r\n\r\n setAddressBook([...updatedAddressBook, ...updatedCompanyUsers]);\r\n } catch (error) {\r\n console.error('Error fetching address book or company users:', error);\r\n }\r\n };\r\n fetchAddressBook();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (selectedMeeting) {\r\n console.log(selectedMeeting);\r\n const daysArray = selectedMeeting.selectedDays ? selectedMeeting.selectedDays.split(',').map(Number) : [];\r\n formik.setValues({\r\n name: selectedMeeting.title || '',\r\n userIds: selectedMeeting.meetingUsers || [],\r\n selectedDays: daysArray,\r\n startingDate: moment(selectedMeeting.start),\r\n endDate: moment(selectedMeeting.end),\r\n description: selectedMeeting.body || '',\r\n meetingId: selectedMeeting.meetingId || '',\r\n parentId: selectedMeeting.parentId || '',\r\n recurrenceType: selectedMeeting.recurrenceType || 'none',\r\n isRecurring: selectedMeeting.recurrenceType && selectedMeeting.recurrenceType !== 'none'\r\n });\r\n\r\n setSelectedDays(daysArray.map(day => ({\r\n label: t(['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'][day]),\r\n value: day\r\n })));\r\n setIsRecurring(selectedMeeting.recurrenceType && selectedMeeting.recurrenceType !== 'none');\r\n setRecurrenceType(selectedMeeting.recurrenceType || 'none');\r\n }\r\n }, [selectedMeeting]);\r\n\r\n const validationSchema = yup.object({\r\n name: yup\r\n .string(t('requiredMeetingTitle'))\r\n .min(2, t('minLengthMeetingTitle'))\r\n .trim()\r\n .required(t('requiredMeetingTitle'))\r\n .mName(t('validMeetingTitle')),\r\n userIds: yup\r\n .array()\r\n .of(yup.object())\r\n .min(1, t('requiredAddParticipant')),\r\n startingDate: yup\r\n .date()\r\n .required(t('validDate'))\r\n .min(new Date(), t('startDateCannotBePast'))\r\n .nullable(false),\r\n endDate: yup\r\n .date()\r\n .required(t('validDate'))\r\n .min(\r\n yup.ref('startingDate'),\r\n t('endDateCannotBeBeforeStartDate')\r\n )\r\n .nullable(false)\r\n });\r\n\r\n const ValidateEmail = (email) => {\r\n const validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/;\r\n if (!validRegex.test(email)) {\r\n Swal.fire({\r\n icon: 'error',\r\n title: t('validEmail'),\r\n text: t('invalidEmailMessage')\r\n });\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n const onSubmit = async (values) => {\r\n setButtonIsLoading(true);\r\n\r\n const parsedSelectedDays = typeof values.selectedDays === 'string' ? values.selectedDays.split(',').map(Number) : values.selectedDays || [];\r\n\r\n const payload = {\r\n ...values,\r\n startingDate: moment(values.startingDate).utc().format('YYYY-MM-DDTHH:mm:ss[Z]'),\r\n endDate: moment(values.endDate).utc().format('YYYY-MM-DDTHH:mm:ss[Z]'),\r\n recurrenceType: isRecurring ? recurrenceType : 'none',\r\n selectedDays: parsedSelectedDays,\r\n meetingId: selectedMeeting ? selectedMeeting.meetingId : undefined,\r\n };\r\n\r\n try {\r\n const response = await MeetingServices.addOrUpdateMeeting(payload);\r\n Swal.fire({\r\n icon: 'success',\r\n title: t('success'),\r\n text: t(selectedMeeting ? 'successEditMeeting' : 'successPlanMeeting'),\r\n confirmButtonText: t('ok')\r\n });\r\n setVisibleModal(false);\r\n if (getMeetings) getMeetings();\r\n } catch (error) {\r\n Swal.fire({\r\n icon: 'error',\r\n title: t('error'),\r\n text: t('errorOccurred')\r\n });\r\n } finally {\r\n setButtonIsLoading(false);\r\n }\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues,\r\n validateOnChange: true,\r\n validateOnBlur: true,\r\n validationSchema: validationSchema,\r\n onSubmit\r\n });\r\n\r\n useEffect(() => {\r\n console.log(formik.errors);\r\n }, [formik.errors]);\r\n\r\n const isButtonDisabled = !formik.values.name ||\r\n !formik.values.userIds.length ||\r\n (!isRecurring && (!formik.values.startingDate || !formik.values.endDate)) ||\r\n (isRecurring &&\r\n ((recurrenceType === 'daily' && (!formik.values.startingDate || !formik.values.endDate)) ||\r\n (recurrenceType === 'weekly' && (!selectedDays.length || !formik.values.startingDate || !formik.values.endDate))));\r\n\r\n return (\r\n \r\n \r\n \r\n {t(selectedMeeting ? 'editMeeting' : 'planMeeting')}\r\n \r\n \r\n \r\n\r\n {/* Sağ Taraf: Tekrar Eden Toplantı ve Switch */}\r\n \r\n \r\n {t('recurringMeeting')}\r\n \r\n {\r\n setIsRecurring(e.target.checked);\r\n if (!e.target.checked) setRecurrenceType('none'); // Kapatılırsa türü sıfırla\r\n }}\r\n color=\"primary\"\r\n />\r\n }\r\n labelPlacement=\"start\"\r\n sx={{\r\n margin: 0\r\n }}\r\n />\r\n\r\n \r\n \r\n\r\n {isRecurring && (\r\n <>\r\n {/* Tekrar Periyodu: Günlük veya Haftalık */}\r\n \r\n \r\n setRecurrenceType(e.target.value)}\r\n >\r\n {t('daily')} \r\n {t('weekly')} \r\n \r\n \r\n \r\n\r\n {/* Haftalık Tekrar Seçeneği: Gün Seçimi */}\r\n {recurrenceType === 'weekly' && (\r\n \r\n \r\n \r\n {t('selectDays')}\r\n \r\n option.label}\r\n value={selectedDays}\r\n onChange={(e, value) => {\r\n setSelectedDays(value);\r\n formik.setFieldValue('selectedDays', value.map(v => v.value));\r\n }}\r\n renderInput={(params) => (\r\n \r\n )}\r\n\r\n \r\n )}\r\n \r\n {/* Başlangıç Tarihi ve Saati */}\r\n \r\n \r\n {!isRecurring && (\r\n \r\n {\r\n formik.setFieldValue('startingDate', moment(value));\r\n }}\r\n renderInput={(params) => (\r\n e.preventDefault()}\r\n />\r\n )}\r\n />\r\n \r\n )}\r\n \r\n {\r\n let startingDate = formik.values.startingDate;\r\n let hour = value.split(':')[0];\r\n let minutes = value.split(':')[1];\r\n let newDate = moment(startingDate)\r\n .set('hours', hour)\r\n .set('minutes', minutes);\r\n if (moment() < newDate) {\r\n formik.setFieldValue('startingDate', newDate);\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n\r\n {/* Bitiş Tarihi ve Saati */}\r\n \r\n \r\n {!isRecurring && (\r\n \r\n {\r\n let endDate = formik.values.endDate;\r\n let startingDate = formik.values.startingDate;\r\n\r\n if (endDate > startingDate) {\r\n let newDate = moment(value)\r\n .set('hours', moment(startingDate).hour())\r\n .set('minutes', moment(startingDate).minutes() + 30);\r\n formik.setFieldValue('endDate', newDate);\r\n } else {\r\n formik.setFieldValue('endDate', moment(value));\r\n }\r\n }}\r\n renderInput={(params) => (\r\n e.preventDefault()}\r\n />\r\n )}\r\n />\r\n \r\n )}\r\n \r\n {\r\n let endDate = formik.values.endDate;\r\n let startingDate = formik.values.startingDate;\r\n let hour = value.split(':')[0];\r\n let minutes = value.split(':')[1];\r\n let newDate = moment(endDate)\r\n .set('hours', hour)\r\n .set('minutes', minutes);\r\n if (newDate > startingDate) {\r\n formik.setFieldValue('endDate', newDate);\r\n }\r\n }}\r\n />\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {t('addParticipants')}\r\n \r\n (\r\n \r\n \r\n\r\n \r\n \r\n \r\n {t('plan')}\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nAddOrUpdateMeetingForm.propTypes = {\r\n setVisibleModal: PropTypes.func,\r\n getMeetings: PropTypes.func,\r\n userIds: PropTypes.array,\r\n meetingTitle: PropTypes.string,\r\n selectedMeeting: PropTypes.object\r\n};\r\n\r\nexport default AddOrUpdateMeetingForm;\r\n","import {Box} from '@mui/material';\r\nimport React, {useEffect, useState} from 'react';\r\nimport {useLocation} from 'react-router-dom';\r\nimport 'tui-calendar/dist/tui-calendar.css';\r\nimport 'tui-date-picker/dist/tui-date-picker.css';\r\nimport 'tui-time-picker/dist/tui-time-picker.css';\r\nimport Calender from './components/Calender';\r\nimport Typography from '@mui/material/Typography';\r\nimport {MeetingServices, PricingServices} from '../../../../../services';\r\nimport {useTranslation} from 'react-i18next';\r\nimport store from '../../../../../redux/store';\r\nimport {setCurrentProduct} from '../../../../../redux/actions';\r\nimport CloseRoundedIcon from '@mui/icons-material/CloseRounded';\r\nimport AddOrUpdateMeetingForm from './components/AddOrUpdateMeetingForm';\r\nimport Modal from '@mui/material/Modal';\r\nimport MeetingForm from './components/MeetingForm';\r\nimport './components/styles.css';\r\n\r\nfunction Meetings() {\r\n const {t} = useTranslation();\r\n const location = useLocation();\r\n const [meetings, setMeetings] = useState([]);\r\n const [calendarLoading, setCalendarLoading] = useState(false);\r\n const [createModalVisible, setCreateModalVisible] = useState(false);\r\n const [addOrUpdatePlanMeetingModal, setAddOrUpdatePlanMeetingModal] = useState(false);\r\n const [selectedMeeting, setSelectedMeeting] = useState(null);\r\n\r\n useEffect(() => {\r\n getMeetings();\r\n getCurrentProducts();\r\n setTimeout(() => {\r\n if (location.search.includes('createNow')) {\r\n setCreateModalVisible(true);\r\n }\r\n }, 500);\r\n }, []);\r\n\r\n function getMeetings() {\r\n setCalendarLoading(false);\r\n let promise = MeetingServices.getMeetings({\r\n 'pageNumber': 1, 'rowCount': 100, 'sortDirection': 1, 'sortColumn': ''\r\n });\r\n\r\n promise.then(responsive => {\r\n if (responsive && responsive.data && responsive.data.result && responsive.data.result.items.length > 0) {\r\n let meetings = responsive.data.result.items;\r\n\r\n const meetingArr = meetings.map((item) => {\r\n\r\n let meeting = {\r\n calendarId: '1',\r\n category: 'time',\r\n isVisible: item.isActive,\r\n title: item.name,\r\n id: item.id,\r\n body: item.description,\r\n start: new Date(item.startingDate),\r\n end: new Date(item.endDate),\r\n token: item.meetingToken,\r\n meetingId: item.meetingId,\r\n meetingUsers: item.meetingUsers,\r\n creatorFullName: item.creatorFullName,\r\n creatorId: item.creatorId,\r\n meetingStatus: item.meetingStatus,\r\n recurrenceType: item.recurrenceType,\r\n selectedDays: item.selectedDays,\r\n parentId: item.parentId\r\n };\r\n\r\n return meeting;\r\n });\r\n setMeetings(meetingArr);\r\n }\r\n setCalendarLoading(true);\r\n });\r\n }\r\n\r\n function getCurrentProducts() {\r\n var promise = PricingServices.getCurrentProduct();\r\n promise.then(response => {\r\n store.dispatch(setCurrentProduct(response.data));\r\n });\r\n }\r\n\r\n return (\r\n );\r\n}\r\n\r\nexport default Meetings;\r\n","import React, {useEffect, useRef, useState} from 'react';\r\nimport {ErrorMessage, Formik} from 'formik';\r\nimport * as yup from 'yup';\r\nimport 'yup-phone';\r\nimport Box from '@mui/material/Box';\r\nimport Grid from '@mui/material/Grid';\r\nimport TextField from '@mui/material/TextField';\r\nimport Button from '@mui/material/Button';\r\nimport Typography from '@mui/material/Typography';\r\nimport {UserServices} from 'services';\r\nimport PhoneInput from 'react-phone-input-2';\r\nimport {ulkeler} from '../../../Pricing/components/ulkeler';\r\nimport MenuItem from '@mui/material/MenuItem';\r\nimport Select from '@mui/material/Select';\r\nimport {il_ilce} from '../../../Pricing/components/il-ilce';\r\nimport InputLabel from '@mui/material/InputLabel';\r\nimport FormControl from '@mui/material/FormControl';\r\nimport store from '../../../../../redux/store';\r\nimport {setUser} from '../../../../../redux/actions';\r\nimport {useSelector} from 'react-redux';\r\nimport 'react-phone-input-2/lib/material.css';\r\nimport {DesktopDatePicker} from '@mui/x-date-pickers/DesktopDatePicker';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport moment from 'moment';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {Avatar} from '@mui/material';\r\nimport {FiInfo} from 'react-icons/fi';\r\nimport ChangePassword from '../ChangePassword/ChangePassword';\r\nimport DialogContent from '@mui/material/DialogContent';\r\nimport Dialog from '@mui/material/Dialog';\r\n\r\nyup.addMethod(yup.date, 'format', function (formats, parseStrict) {\r\n return this.transform(function (value, originalValue) {\r\n value = moment(originalValue, formats, parseStrict);\r\n return value.isValid() ? value.toDate() : new Date('');\r\n });\r\n});\r\n\r\nyup.addMethod(yup.string, 'tcNo', function (errorMessage) {\r\n return this.test('test-tcNo', errorMessage, function (value) {\r\n const {path, createError} = this;\r\n let TCNO = value;\r\n var tek = 0,\r\n cift = 0,\r\n sonuc = 0,\r\n i = 0,\r\n TCToplam = 0,\r\n hatali = [11111111110, 22222222220, 33333333330, 44444444440, 55555555550, 66666666660, 7777777770, 88888888880, 99999999990];\r\n\r\n if (TCNO?.length != 11) return false;\r\n if (isNaN(TCNO)) return false;\r\n if (TCNO[0] == 0) return false;\r\n\r\n tek = parseInt(TCNO[0]) + parseInt(TCNO[2]) + parseInt(TCNO[4]) + parseInt(TCNO[6]) + parseInt(TCNO[8]);\r\n cift = parseInt(TCNO[1]) + parseInt(TCNO[3]) + parseInt(TCNO[5]) + parseInt(TCNO[7]);\r\n\r\n tek = tek * 7;\r\n sonuc = Math.abs(tek - cift);\r\n if (sonuc % 10 != TCNO[9]) return false;\r\n\r\n for (i = 0; i < 10; i++) {\r\n TCToplam += parseInt(TCNO[i]);\r\n }\r\n\r\n if (TCToplam % 10 != TCNO[10]) return false;\r\n\r\n if (hatali.toString().indexOf(TCNO) != -1) return false;\r\n\r\n return (true || createError({path, message: errorMessage}));\r\n });\r\n});\r\n\r\nconst ProfileEdit = () => {\r\n const {t, i18n} = useTranslation();\r\n const formikRef = useRef();\r\n // eslint-disable-next-line no-unused-vars\r\n const [ulke, setUlke] = useState('');\r\n // eslint-disable-next-line no-unused-vars\r\n const [items, setItems] = useState({\r\n name: '',\r\n surname: '',\r\n email: '',\r\n identityNumber: '',\r\n phoneNumber: '',\r\n dateOfBirth: '',\r\n country: '',\r\n city: '',\r\n registrationAddress: ''\r\n });\r\n // eslint-disable-next-line no-unused-vars\r\n const [openChangePasswordModal, setOpenChangePasswordModal] = useState(false);\r\n const [isAdressCanBeNullable, setIsAdressCanBeNullable] = useState(null);\r\n const [enabled, setEnabled] = useState(false);\r\n const user = useSelector((state) => state.main.user);\r\n\r\n const validationSchema = yup.object({\r\n name: yup\r\n .string(t('requiredField'))\r\n .trim()\r\n .min(2, t('validName'))\r\n .max(50, t('validName'))\r\n .required(t('validName'))\r\n .matches(/^'?(?:\\p{L}\\p{M}*)+(?:['\\s](?:\\p{L}\\p{M}*)+)*'?$/u, t('validName')),\r\n surname: yup\r\n .string(t('validSurname'))\r\n .trim()\r\n .matches(/^'?(?:\\p{L}\\p{M}*)+(?:['\\s](?:\\p{L}\\p{M}*)+)*'?$/u, t('validSurname'))\r\n .min(2, t('validSurname'))\r\n .max(50, t('validSurname'))\r\n .required(t('requiredField')),\r\n phoneNumber: yup\r\n .string()\r\n .phone(null, null, t('validPhoneNumber'))\r\n .required(t('requiredField')),\r\n dateOfBirth: yup\r\n .date(t('validDateOfBirth'))\r\n .min(new Date('1900-01-01'), t('validDateOfBirth'))\r\n .max(new Date(), t('validDateOfBirth'))\r\n .required(t('requiredField')),\r\n email: yup\r\n .string(t('validEmail'))\r\n .trim()\r\n .email(t('validEmail'))\r\n .required(t('requiredField')),\r\n registrationAddress: yup\r\n .string()\r\n .min(10, t('validAddress'))\r\n .when('city', {\r\n is: value => value && value !== '',\r\n then: isAdressCanBeNullable ? yup.string() : yup.string().required(t('requiredField'))\r\n }),\r\n identityNumber: yup\r\n .string(t('validIdentityNumber'))\r\n .min(11, t('validIdentityNumber'))\r\n .max(11, t('validIdentityNumber'))\r\n .tcNo(t('validIdentityNumber'))\r\n .notRequired()\r\n });\r\n\r\n let initialValues = {\r\n name: '',\r\n surname: '',\r\n email: '',\r\n identityNumber: '',\r\n phoneNumber: '',\r\n dateOfBirth: '',\r\n country: '',\r\n city: '',\r\n registrationAddress: ''\r\n };\r\n\r\n const editUser = (values) => {\r\n let newValues = {\r\n ...values,\r\n loginType: 1,\r\n isAdressCanBeNullable,\r\n dateOfBirth: values.dateOfBirth ? new Date(values.dateOfBirth).toISOString() : null\r\n };\r\n if (typeof newValues.registrationAddress === 'string' && newValues.registrationAddress.length === 0) {\r\n newValues.registrationAddress = null;\r\n }\r\n let promiseEditUser = UserServices.editUser(newValues);\r\n promiseEditUser\r\n .then((response) => {\r\n\r\n if (response) {\r\n setEnabled(false);\r\n let newUser = {...user};\r\n newUser.name = values.name;\r\n store.dispatch(setUser(newUser));\r\n }\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n });\r\n };\r\n\r\n const getUserProfile = () => {\r\n UserServices.getUserProfileInformation().then((response) => {\r\n if (response) {\r\n let result = response.data;\r\n initialValues = {\r\n name: result.name ? result.name : '',\r\n surname: result.surname ? result.surname : '',\r\n email: result.email ? result.email : '',\r\n identityNumber: result.identityNumber ? result.identityNumber : '',\r\n phoneNumber: result.phoneNumber ? result.phoneNumber : '',\r\n dateOfBirth: result.dateOfBirth ? result.dateOfBirth : '',\r\n country: result.country ? result.country : '',\r\n city: result.city ? result.city : '',\r\n registrationAddress: result.registrationAddress ? result.registrationAddress : ''\r\n };\r\n setIsAdressCanBeNullable(result.isAdressCanBeNullable);\r\n formikRef?.current?.setValues(initialValues);\r\n setItems(result);\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getUserProfile();\r\n }, []);\r\n\r\n const onSubmit = (values) => {\r\n editUser(values);\r\n };\r\n\r\n const onCancel = () => {\r\n setEnabled(!enabled);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {t('editProfile')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {user.name} {user.surname}\r\n
\r\n {/* ÜNVAN ALANI\r\n
\r\n UI/UX Designer \r\n
\r\n */}\r\n
\r\n \r\n \r\n {/* Profil fotografı düzenleme\r\n \r\n \r\n */}\r\n \r\n \r\n {({errors, touched, values, handleChange, handleSubmit}) => {\r\n\r\n let disableCity = values.country && !enabled == false ? false : true;\r\n let disableAdress = values.city && !enabled == false ? false : true;\r\n\r\n return (\r\n \r\n );\r\n }}\r\n \r\n\r\n setOpenChangePasswordModal(false)} maxWidth=\"sm\"\r\n fullWidth>\r\n \r\n setOpenChangePasswordModal(false)}\r\n />\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ProfileEdit;\r\n","import React, {useState} from 'react';\r\nimport Dialog from '@mui/material/Dialog';\r\nimport DialogActions from '@mui/material/DialogActions';\r\nimport DialogContent from '@mui/material/DialogContent';\r\nimport DialogTitle from '@mui/material/DialogTitle';\r\nimport Button from '@mui/material/Button';\r\nimport TextField from '@mui/material/TextField';\r\nimport PropTypes from 'prop-types';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst AddUserDialog = ({open, onClose, onSave}) => {\r\n const {t} = useTranslation();\r\n const [formData, setFormData] = useState({\r\n fullName: '',\r\n email: '',\r\n phoneNumber: '',\r\n });\r\n\r\n const handleInputChange = (e) => {\r\n const {name, value} = e.target;\r\n setFormData((prev) => ({...prev, [name]: value}));\r\n };\r\n\r\n const handleSave = () => {\r\n if (formData.fullName && formData.email && formData.phoneNumber) {\r\n onSave(formData); // Yeni kullanıcıyı kaydet\r\n setFormData({fullName: '', email: '', phoneNumber: ''}); // Formu temizle\r\n onClose(); // Save işleminden sonra diyalog kutusunu kapat\r\n } else {\r\n alert('Please fill in all fields.'); // Alanlar eksikse uyarı\r\n }\r\n };\r\n\r\n return (\r\n \r\n {t('add')} \r\n \r\n \r\n \r\n \r\n {t('cancel')}\r\n \r\n \r\n {t('save')}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\n// PropTypes'ı kullanarak props'ları tanımlıyoruz\r\nAddUserDialog.propTypes = {\r\n open: PropTypes.bool.isRequired, // open prop'u boolean olmalı\r\n onClose: PropTypes.func.isRequired, // onClose prop'u bir fonksiyon olmalı\r\n onSave: PropTypes.func.isRequired, // onSave prop'u bir fonksiyon olmalı\r\n};\r\n\r\nexport default AddUserDialog;\r\n","import React, {useEffect, useState} from 'react';\r\nimport {Button, Dialog, DialogActions, DialogContent, DialogTitle, TextField} from '@mui/material';\r\nimport {useTranslation} from 'react-i18next';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst EditUserDialog = ({open, onClose, user, onSave}) => {\r\n const {t} = useTranslation();\r\n const [editedUser, setEditedUser] = useState({});\r\n\r\n // On component mount or user prop change, set initial values for the form\r\n useEffect(() => {\r\n if (user) {\r\n setEditedUser({\r\n id: user.id, // id'yi de alıyoruz\r\n email: user.email || '',\r\n phoneNumber: user.phoneNumber || '',\r\n fullName: user.fullName || '',\r\n });\r\n }\r\n }, [user]);\r\n\r\n const handleChange = (e) => {\r\n const {name, value} = e.target;\r\n setEditedUser({\r\n ...editedUser,\r\n [name]: value,\r\n });\r\n };\r\n\r\n const handleSave = () => {\r\n // editedUser'ın içeriğini konsola yazdırarak kontrol edin\r\n console.log(editedUser);\r\n\r\n onSave(editedUser); // editedUser'ı parent component'e gönderiyoruz\r\n onClose(); // Dialogu kapatıyoruz\r\n };\r\n return (\r\n \r\n {t('edit')} \r\n \r\n \r\n \r\n \r\n {t('cancel')}\r\n \r\n \r\n {t('save')}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\n// PropTypes validation\r\nEditUserDialog.propTypes = {\r\n open: PropTypes.bool.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n user: PropTypes.shape({\r\n email: PropTypes.string,\r\n phoneNumber: PropTypes.string,\r\n fullName: PropTypes.string,\r\n id: PropTypes.number,\r\n }),\r\n onSave: PropTypes.func.isRequired,\r\n};\r\n\r\nexport default EditUserDialog;\r\n","import React, {useEffect, useState} from 'react';\r\nimport {\r\n Box,\r\n Button,\r\n Checkbox,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n FormControlLabel,\r\n Grid,\r\n IconButton,\r\n TextField,\r\n Typography,\r\n} from '@mui/material';\r\nimport EditIcon from '@mui/icons-material/Edit';\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\nimport {useTranslation} from 'react-i18next';\r\nimport userServices from '../../../../../services/userServices';\r\nimport AddUserDialog from './AddUserDialog';\r\nimport EditUserDialog from './EditUserDialog';\r\nimport AddOrUpdateMeetingForm from '../Meetings/components/AddOrUpdateMeetingForm';\r\nimport moment from 'moment/moment';\r\nimport {MeetingServices} from '../../../../../services';\r\nimport Swal from 'sweetalert2';\r\nimport {useHistory} from 'react-router-dom';\r\nimport {Base64} from 'js-base64';\r\nimport {useSelector} from 'react-redux';\r\nimport BusinessIcon from '@mui/icons-material/Business'; // Firma ikonu\r\n\r\nconst Addressbook = () => {\r\n const {t, i18n} = useTranslation();\r\n const loginUser = useSelector((state) => state.main.user);\r\n const history = useHistory();\r\n const [addressBook, setAddressBook] = useState([]);\r\n const [searchTerm, setSearchTerm] = useState('');\r\n const [isDialogOpen, setIsDialogOpen] = useState(false);\r\n const [openDeleteDialog, setOpenDeleteDialog] = useState(false);\r\n const [openEditDialog, setOpenEditDialog] = useState(false);\r\n const [userToDelete, setUserToDelete] = useState(null);\r\n const [userToEdit, setUserToEdit] = useState(null);\r\n const [selectedUsers, setSelectedUsers] = useState([]);\r\n const [selectedUsersModel, setSelectedUsersModel] = useState([]);\r\n const [showButtons, setShowButtons] = useState(false);\r\n const [showPlanMeeting, setShowPlanMeeting] = useState(false);\r\n const [companyUsers, setCompanyUsers] = useState([]);\r\n\r\n useEffect(() => {\r\n const fetchAddressBook = async () => {\r\n try {\r\n const response = await userServices.getAddressbook();\r\n const updatedAddressBook = response.data.map(user => ({\r\n ...user,\r\n name: user.name || 'No Name',\r\n }));\r\n\r\n const companyUsersResponse = await userServices.getAllCompanyUsers();\r\n const updatedCompanyUsers = companyUsersResponse.data.map(user => ({\r\n ...user,\r\n name: user.fullName || 'No Name',\r\n }));\r\n\r\n setAddressBook([...updatedAddressBook, ...updatedCompanyUsers]);\r\n setCompanyUsers(updatedCompanyUsers); // Şirket kullanıcılarını state'e kaydediyoruz.\r\n } catch (error) {\r\n console.error('Error fetching address book or company users:', error);\r\n }\r\n };\r\n\r\n fetchAddressBook();\r\n }, []);\r\n\r\n\r\n const handleAddNewUser = async (newUser) => {\r\n try {\r\n // Şirket kullanıcılarını hariç tutarak sadece yeni kullanıcıyı ekliyoruz\r\n const updatedAddressBook = [...addressBook, newUser].filter(user =>\r\n !companyUsers.some(companyUser => companyUser.email === user.email)\r\n );\r\n\r\n // Adres defterini güncelle\r\n await userServices.addOrUpdateAddressbook(updatedAddressBook);\r\n setAddressBook([...updatedAddressBook, ...companyUsers]);\r\n } catch (error) {\r\n console.error('Error adding user:', error);\r\n }\r\n };\r\n\r\n const handleDeleteUser = async () => {\r\n try {\r\n // Silinen kullanıcıları adres defterinden çıkar\r\n const updatedAddressBook = addressBook.filter(user =>\r\n user.email !== userToDelete.email &&\r\n !companyUsers.some(companyUser => companyUser.email === user.email) // Şirket kullanıcılarını hariç tutuyoruz.\r\n );\r\n\r\n // Adres defterini güncelle\r\n await userServices.addOrUpdateAddressbook(updatedAddressBook);\r\n\r\n // Şirket kullanıcılarını da ekleyerek adres defterini güncelle\r\n setAddressBook([...updatedAddressBook, ...companyUsers]);\r\n\r\n // Silme işleminden sonra dialogu kapat ve seçili kullanıcıyı sıfırla\r\n setOpenDeleteDialog(false);\r\n setUserToDelete(null);\r\n } catch (error) {\r\n console.error('Error deleting user:', error);\r\n }\r\n };\r\n\r\n\r\n const handleEditUser = (user) => {\r\n setUserToEdit(user);\r\n setOpenEditDialog(true);\r\n };\r\n\r\n const handleSaveEditedUser = (editedUser) => {\r\n // Şirket kullanıcılarını filtrele ve yalnızca diğer kullanıcıları adres defterine ekle\r\n const filteredAddressBook = addressBook.filter(user =>\r\n !companyUsers.some(companyUser => companyUser.email === user.email)\r\n );\r\n\r\n // Düzenlenen kullanıcıyı güncelle\r\n const updatedAddressBook = filteredAddressBook.map((user) =>\r\n user.id === editedUser.id ? editedUser : user\r\n );\r\n\r\n // Güncellenmiş adres defterini sadece düzenlenmiş kullanıcılarla kaydet\r\n setAddressBook([...updatedAddressBook, ...companyUsers]);\r\n userServices.addOrUpdateAddressbook(updatedAddressBook);\r\n };\r\n\r\n\r\n const handleCheckboxChange = (id) => {\r\n setSelectedUsers((prevSelectedUsers) => {\r\n if (prevSelectedUsers.includes(id)) {\r\n return prevSelectedUsers.filter((userId) => userId !== id);\r\n } else {\r\n return [...prevSelectedUsers, id];\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n setShowButtons(selectedUsers.length > 0);\r\n }, [selectedUsers]);\r\n\r\n // `name` verisine göre sıralama\r\n const sortedAddressBook = [...addressBook].sort((a, b) => {\r\n return a.fullName.localeCompare(b.fullName);\r\n });\r\n\r\n // Arama filtresi hem `name` hem de `email` üzerinde çalışacak\r\n const filteredAddressBook = sortedAddressBook.filter((item) =>\r\n (item.fullName && item.fullName.toLowerCase().includes(searchTerm.toLowerCase())) ||\r\n (item.email && item.email.toLowerCase().includes(searchTerm.toLowerCase()))\r\n );\r\n\r\n const createQuicklyMeeting = () => {\r\n const now = moment();\r\n const start = now.add(10, 'seconds').local().format();\r\n const end = now.add(1, 'hour').local().format();\r\n const userIds = selectedUsers.map(id => {\r\n const user = addressBook.find(user => user.id === id);\r\n if (user) {\r\n return {\r\n email: user.email,\r\n fullName: user.name,\r\n id: user.id\r\n };\r\n }\r\n return null;\r\n }).filter(Boolean);\r\n\r\n let values = {\r\n name: t('fastConnection'),\r\n userIds: userIds,\r\n selectedDays: [],\r\n startingDate: start,\r\n endDate: end,\r\n description: '',\r\n freeJoin: true,\r\n };\r\n\r\n console.log(values);\r\n\r\n Swal.fire({\r\n title: t('loading'),\r\n text: t('creatingMeeting'),\r\n allowOutsideClick: false,\r\n didOpen: () => {\r\n Swal.showLoading();\r\n },\r\n });\r\n\r\n let promise = MeetingServices.addOrUpdateMeeting(values);\r\n\r\n promise\r\n .then((response) => {\r\n if (response && response.data) {\r\n Swal.fire({\r\n icon: 'success',\r\n title: t('success'),\r\n text: t('successPlanMeeting'),\r\n showCloseButton: false,\r\n showConfirmButton: true,\r\n showDenyButton: true,\r\n confirmButtonText: t('ok'),\r\n denyButtonText: t('joinMeeting'),\r\n }).then((result) => {\r\n if (result.isConfirmed) {\r\n null;\r\n } else if (result.isDenied) {\r\n const meetingId = response.data.meetingId;\r\n let hashedMeetinDetails = Base64.encode(`?meetingId=${meetingId}&userId=${loginUser.id}&userName=${loginUser.fullname}&email=${loginUser.email}`);\r\n history.push(`/${i18n.language}/meeting/go/${hashedMeetinDetails}`);\r\n }\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n Swal.fire({\r\n icon: 'error',\r\n title: t('error'),\r\n text: t('errorCreatingMeeting'),\r\n showCloseButton: true,\r\n showConfirmButton: true,\r\n confirmButtonText: t('ok'),\r\n });\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {t('addressBook')}\r\n \r\n \r\n \r\n setSearchTerm(e.target.value)}\r\n />\r\n \r\n \r\n\r\n \r\n setIsDialogOpen(true)}\r\n >\r\n +\r\n \r\n\r\n {showButtons && (\r\n \r\n createQuicklyMeeting()}>\r\n {t('newMeeting')}\r\n \r\n {\r\n const userIds = selectedUsers.map(id => {\r\n const user = addressBook.find(user => user.id === id);\r\n if (user) {\r\n return {\r\n email: user.email,\r\n fullName: user.name,\r\n id: user.id\r\n };\r\n }\r\n return null;\r\n }).filter(Boolean);\r\n setSelectedUsersModel(userIds);\r\n setShowPlanMeeting(true);\r\n }}>\r\n {t('planMeeting')}\r\n \r\n \r\n )}\r\n \r\n\r\n \r\n {filteredAddressBook.map((item, i) => (\r\n \r\n \r\n handleCheckboxChange(item.id)}\r\n />\r\n }\r\n label={item.fullName}\r\n />\r\n \r\n \r\n \r\n {item.email} \r\n \r\n \r\n \r\n {!companyUsers.some(companyUser => companyUser.email === item.email) ? (\r\n <>\r\n handleEditUser(item)}>\r\n \r\n \r\n {\r\n setUserToDelete(item);\r\n setOpenDeleteDialog(true);\r\n }}\r\n >\r\n \r\n \r\n \r\n ) : (\r\n // Firma kullanıcıları için Business ikonu göster\r\n \r\n )}\r\n \r\n\r\n\r\n \r\n ))}\r\n \r\n \r\n\r\n setIsDialogOpen(false)}\r\n onSave={handleAddNewUser}\r\n />\r\n\r\n setOpenEditDialog(false)}\r\n user={userToEdit}\r\n onSave={handleSaveEditedUser}\r\n />\r\n\r\n setOpenDeleteDialog(false)}>\r\n {t('areYouSure')} \r\n \r\n setOpenDeleteDialog(false)} color=\"primary\">\r\n {t('cancel')}\r\n \r\n \r\n {t('areYouSureDeleteButton')}\r\n \r\n \r\n \r\n\r\n setShowPlanMeeting(false)}>\r\n \r\n setShowPlanMeeting(false)}\r\n user={userToEdit}\r\n onSave={handleDeleteUser}\r\n setVisibleModal={setShowPlanMeeting}\r\n />\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Addressbook;\r\n","import React, {useEffect, useState} from 'react';\r\nimport Box from '@mui/material/Box';\r\nimport Typography from '@mui/material/Typography';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {Grid, IconButton} from '@mui/material';\r\nimport PlayCircleIcon from '@mui/icons-material/PlayCircle';\r\nimport RotateRightIcon from '@mui/icons-material/RotateRight';\r\nimport TextField from '@mui/material/TextField';\r\nimport {DesktopDatePicker} from '@mui/x-date-pickers/DesktopDatePicker';\r\nimport {MeetingServices} from '../../../../../services';\r\nimport useMediaQuery from '@mui/material/useMediaQuery';\r\nimport {useTheme} from '@mui/material/styles';\r\nimport AddOrUpdateMeetingForm from '../Meetings/components/AddOrUpdateMeetingForm';\r\nimport Dialog from '@mui/material/Dialog';\r\nimport DialogContent from '@mui/material/DialogContent';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport {useSelector} from 'react-redux';\r\n\r\nconst PastMeetings = () => {\r\n const {t} = useTranslation();\r\n const loginUser = useSelector((state) => state.main.user);\r\n // eslint-disable-next-line no-unused-vars\r\n const [endDate, setEndDate] = useState(new Date());\r\n const [startDate, setStartDate] = useState(new Date(new Date().setDate(new Date().getDate() - 1)));\r\n const [meetingRecords, setMeetingRecords] = useState([]);\r\n const [userIds, setUserIds] = useState([]);\r\n const [meetingTitle, setMeetingTitle] = useState('');\r\n const [modalIsOpen, setModalIsOpen] = useState(false);\r\n const theme = useTheme();\r\n const isXS = useMediaQuery(theme.breakpoints.up('xs'), {defaultMatches: true});\r\n\r\n useEffect(() => {\r\n getMeetingRecords();\r\n }, [startDate, endDate]);\r\n\r\n function getMeetingRecords() {\r\n const requestModel = {\r\n beginning: startDate,\r\n end: endDate,\r\n pageNumber: 0,\r\n rowCount: 100\r\n };\r\n MeetingServices.getAllMeetingRecords(requestModel).then(response => {\r\n if (response) {\r\n setMeetingRecords(response.data.result.items);\r\n }\r\n });\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {t('myPastMeeting')}\r\n \r\n \r\n\r\n\r\n \r\n {\r\n setStartDate(e);\r\n }}\r\n renderInput={(params) =>\r\n {\r\n const value = e.target.value;\r\n const length = value.length;\r\n if (length > 10) {\r\n e.target.value = value.toString().slice(0, 10);\r\n }\r\n }}\r\n />\r\n }\r\n />\r\n\r\n {\r\n var newDate = new Date(e);\r\n newDate.setDate(newDate.getDate() + 1);\r\n setEndDate(newDate);\r\n }}\r\n renderInput={(params) =>\r\n {\r\n const value = e.target.value;\r\n const length = value.length;\r\n if (length > 10) {\r\n e.target.value = value.toString().slice(0, 10);\r\n }\r\n }}\r\n />\r\n }\r\n />\r\n \r\n \r\n\r\n \r\n {meetingRecords.map((item, i) => {\r\n return (\r\n \r\n\r\n \r\n \r\n {t('meetingName')}\r\n \r\n \r\n {item.meetingName}\r\n \r\n \r\n\r\n \r\n \r\n {t('date')}\r\n \r\n \r\n {new Date(item.meetingStartDate).toLocaleDateString()}\r\n \r\n \r\n\r\n \r\n \r\n {t('time')}\r\n \r\n \r\n {new Date(item.meetingStartDate).toLocaleTimeString().substr(0, 5)}\r\n \r\n \r\n\r\n \r\n {\r\n // Mükerrer ve login kullanıcıyı filtrele\r\n const filteredUsers = item.meetingUsers\r\n .filter((user, index, self) =>\r\n // Aynı id ve eMailAddress ile olanları çıkar\r\n index === self.findIndex((u) => u.id === user.id && u.eMailAddress === user.eMailAddress)\r\n )\r\n .filter(user => user.eMailAddress !== loginUser.email); // Login kullanıcıyı çıkar\r\n\r\n setMeetingTitle(item.meetingName);\r\n setUserIds(filteredUsers.map(user => ({\r\n id: user.id,\r\n fullName: user.fullName,\r\n email: user.eMailAddress,\r\n })));\r\n setModalIsOpen(true);\r\n console.log(filteredUsers);\r\n }}\r\n >\r\n \r\n \r\n \r\n\r\n \r\n {\r\n window.open(process.env.REACT_APP_MEETING_BACKEND_URL + item.recordings[0].formatItem[0].url, '_blank', 'noopener,noreferrer');\r\n }}>\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n {meetingRecords.length === 0 &&\r\n \r\n \r\n \r\n {t('noData')}\r\n \r\n \r\n \r\n }\r\n \r\n \r\n setModalIsOpen(false)}\r\n >\r\n \r\n {\r\n setModalIsOpen(false);\r\n }}>\r\n \r\n \r\n {\r\n }}\r\n setVisibleModal={setModalIsOpen}\r\n userIds={userIds}\r\n meetingTitle={meetingTitle}\r\n />\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default PastMeetings;\r\n","export default __webpack_public_path__ + \"static/media/person.723e98e2.svg\";","import React, {useEffect} from 'react';\r\nimport Box from '@mui/material/Box';\r\nimport Typography from '@mui/material/Typography';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {Grid} from '@mui/material';\r\nimport PhoneIcon from '@mui/icons-material/Phone';\r\nimport TextField from '@mui/material/TextField';\r\nimport useMediaQuery from '@mui/material/useMediaQuery';\r\nimport {useTheme} from '@mui/material/styles';\r\nimport personIcon from '../../../../../svg/icons/person.svg';\r\nimport {useDispatch, useSelector} from 'react-redux';\r\nimport {setOnlineUsers, setOutGoingCall, setOutGoingUserName} from '../../../../../redux/actions';\r\nimport TooltipButton from '../../../../../layouts/Main/components/ButtonWithTooltip/TooltipButton';\r\n\r\nconst Persons = () => {\r\n const theme = useTheme();\r\n const {t} = useTranslation();\r\n const dispatch = useDispatch();\r\n const loginUser = useSelector((state) => state.main.user);\r\n const onlineUsers = useSelector((state) => state.main.onlineUsers);\r\n const hubConnection = useSelector((state) => state.main.hubConnection);\r\n const isXS = useMediaQuery(theme.breakpoints.up('xs'), {defaultMatches: true});\r\n\r\n useEffect(() => {\r\n // Eğer hubConnection yoksa veya bağlantı sağlanamıyorsa online kullanıcıları boşalt\r\n if (!hubConnection || hubConnection.state !== 'Connected') {\r\n console.warn('Hub connection is not active. Clearing online users.');\r\n dispatch(setOnlineUsers([]));\r\n }\r\n }, [hubConnection, dispatch]);\r\n\r\n function callUser(user) {\r\n if (!hubConnection || hubConnection.state !== 'Connected') {\r\n console.error('Cannot make a call. Hub connection is not active.');\r\n return;\r\n }\r\n\r\n hubConnection.invoke('CallToUser', user.email).then((callID) => {\r\n let outGoingCallModel = {userName: user.fullName, callID: callID};\r\n console.log('outGoingCallModel:', outGoingCallModel);\r\n dispatch(setOutGoingCall(outGoingCallModel));\r\n dispatch(setOutGoingUserName(user.fullName));\r\n }).catch((error) => {\r\n console.error('Error during calling user:', error);\r\n });\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {t('persons')}\r\n \r\n {t('thisListOnlyOnlineUsers')} \r\n \r\n\r\n \r\n {\r\n // Implement search logic if needed\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n {onlineUsers.map((item, i) => (\r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.fullName} \r\n
\r\n \r\n {item.email}\r\n \r\n \r\n \r\n \r\n callUser(item)}\r\n color={'primary'}\r\n style={{\r\n borderRadius: '50%',\r\n width: '45px',\r\n height: '45px',\r\n minWidth: '45px'\r\n }}\r\n variant={'contained'}\r\n >\r\n \r\n \r\n ))}\r\n\r\n {onlineUsers.length === 0 && (\r\n \r\n {t('noOnlineUsers')}\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Persons;\r\n","export default __webpack_public_path__ + \"static/media/phone-coming.88867237.svg\";","export default __webpack_public_path__ + \"static/media/phone-ongoing.c36efb84.svg\";","export default __webpack_public_path__ + \"static/media/phone-unanswered.8e787aa0.svg\";","import React, {useEffect, useState} from 'react';\r\nimport Box from '@mui/material/Box';\r\nimport Typography from '@mui/material/Typography';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {Button, Grid} from '@mui/material';\r\nimport PhoneIcon from '@mui/icons-material/Phone';\r\nimport {MeetingServices} from '../../../../../services';\r\nimport personIcon from '../../../../../svg/icons/person.svg';\r\nimport phoneComing from '../../../../../svg/icons/phone-coming.svg';\r\nimport phoneOnGoing from '../../../../../svg/icons/phone-ongoing.svg';\r\nimport phoneUnAnswered from '../../../../../svg/icons/phone-unanswered.svg';\r\nimport {useSelector} from 'react-redux';\r\n\r\nconst Calls = () => {\r\n const {t} = useTranslation();\r\n\r\n // eslint-disable-next-line no-unused-vars\r\n const [isAll, setIsAlL] = useState(true);\r\n const loginUser = useSelector((state) => state.main.user);\r\n const [callList, setCallList] = useState([]);\r\n const [tempCallList, setTempCallList] = useState([]);\r\n\r\n\r\n useEffect(() => {\r\n getList();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (isAll) {\r\n setTempCallList(callList);\r\n } else {\r\n let unAnsweredCalls = callList.filter(x => x.callStatus == 'Reddedildi');\r\n setTempCallList([...unAnsweredCalls]);\r\n }\r\n }, [isAll]);\r\n\r\n function getList() {\r\n MeetingServices.getMyCalls().then(response => {\r\n setCallList(response.data);\r\n setTempCallList(response.data);\r\n });\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {t('calls')}\r\n \r\n \r\n\r\n\r\n \r\n setIsAlL(true)}> {t('all')}\r\n setIsAlL(false)}> {t('unanswered')}\r\n \r\n \r\n\r\n \r\n\r\n {tempCallList && tempCallList.map((item, i) => {\r\n\r\n let callDate = new Date(item.created).toLocaleDateString() + ' ' + new Date(item.created).toLocaleTimeString();\r\n let callStatusIcon = item.callStatus === 'Answered' ? item.callerUserId == loginUser.id ? phoneOnGoing : phoneComing : phoneUnAnswered;\r\n let callStatusText = item.callStatus === 'Answered' ? item.callerUserId == loginUser.id ? t('outGoingCall') : t('comingCall') : t('missedCall');\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n {item.callerUser.fullName} \r\n
\r\n\r\n \r\n \r\n {' - ' + callDate}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n\r\n {callList.length == 0 &&\r\n\r\n \r\n {t('noCallHistory')}\r\n \r\n }\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Calls;\r\n","import EventAvailableIcon from '@mui/icons-material/EventAvailable';\r\nimport LogoutIcon from '@mui/icons-material/Logout';\r\nimport Group from '@mui/icons-material/Group';\r\nimport {List} from '@mui/material';\r\nimport Box from '@mui/material/Box';\r\nimport PropTypes from 'prop-types';\r\nimport React, {useEffect, useState} from 'react';\r\nimport CustomListItem from './components/CustomListItem/CustomListItem';\r\nimport Meetings from './components/Meetings/Meetings';\r\nimport ProfileEdit from './components/ProfileEdit/ProfileEdit';\r\nimport Addressbook from './components/Addressbook/Addressbook';\r\nimport AccountCircleIcon from '@mui/icons-material/AccountCircle';\r\nimport Grid from '@mui/material/Grid';\r\nimport useMediaQuery from '@mui/material/useMediaQuery';\r\nimport {useTheme} from '@mui/material/styles';\r\nimport {useTranslation} from 'react-i18next';\r\nimport PastMeetings from './components/PastMeetings/PastMeetings';\r\nimport Persons from './components/Persons/Persons';\r\nimport Calls from './components/Calls/Calls';\r\nimport ReplyIcon from '@mui/icons-material/Reply';\r\nimport {Phone} from '@mui/icons-material';\r\nimport {useSelector} from 'react-redux';\r\nimport {useHistory} from 'react-router-dom';\r\n\r\nconst Profile = ({match: {params: {title}}}) => {\r\n const {t, i18n} = useTranslation();\r\n const theme = useTheme();\r\n const currentProduct = useSelector((state) => state.main.currentProduct);\r\n const [navArr, setNavArr] = useState([]);\r\n const history = useHistory();\r\n\r\n useEffect(() => {\r\n const menuItems = [\r\n {\r\n page: 'profile',\r\n title: t('profile'),\r\n icon: \r\n \r\n \r\n \r\n \r\n {navArr.map((item, i) => (\r\n \r\n \r\n ))}\r\n
\r\n \r\n\r\n \r\n {renderSwitch(title)}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nProfile.propTypes = {\r\n match: PropTypes.object\r\n};\r\n\r\nexport default Profile;\r\n","import React from 'react';\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport Box from '@mui/material/Box';\r\nimport IconButton from '@mui/material/IconButton';\r\nimport Modal from '@mui/material/Modal';\r\nimport PropTypes from 'prop-types';\r\nimport {Button, TextField, Typography} from '@mui/material';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport Grid from '@mui/material/Grid';\r\nimport * as yup from 'yup';\r\nimport {useFormik} from 'formik';\r\nimport {useTranslation} from 'react-i18next';\r\n\r\nconst style = {\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n width: {xs: '95%', md: 600},\r\n bgcolor: 'background.paper',\r\n border: '0px solid #000',\r\n boxShadow: 24,\r\n p: 2\r\n};\r\n\r\nconst DisplayNameModal = ({visible, setVisible, setDisplayName, displayEmail, setDisplayEmail}) => {\r\n const {t} = useTranslation();\r\n\r\n const initialValues = {\r\n name: '',\r\n email: ''\r\n };\r\n\r\n // eslint-disable-next-line no-useless-escape\r\n var validationSchema = yup.object({\r\n // eslint-disable-next-line\r\n name: yup.string(t('validName')).matches(/^[a-zA-ZğüşöçİĞÜŞÖÇı\\[\\]() ]+$/, t('validName')).trim().min(2, t('validName')).max(40, t('validName')).required(t('requiredField')),\r\n email: yup.string(t('validMail')).trim().email(t('validMail')).when('emailVisible', {\r\n is: true,\r\n then: yup.string(t('validMail')).required(t('requiredField'))\r\n })\r\n });\r\n\r\n const onSubmit = (values) => {\r\n setDisplayName(values.name);\r\n setDisplayEmail(values.email);\r\n };\r\n\r\n const formik = useFormik({initialValues, validationSchema: validationSchema, onSubmit});\r\n\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nDisplayNameModal.propTypes = {\r\n visible: PropTypes.bool,\r\n setVisible: PropTypes.func,\r\n setDisplayName: PropTypes.func,\r\n displayEmail: PropTypes.string,\r\n setDisplayEmail: PropTypes.func\r\n};\r\n\r\nexport default DisplayNameModal;\r\n","import React, {useEffect, useState} from 'react';\r\nimport {useSelector} from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\nimport {Home} from 'views/landingPages';\r\nimport DisplayNameModal from './components/DisplayNameModal';\r\nimport {useTranslation} from 'react-i18next';\r\nimport {Base64} from 'js-base64';\r\nimport {v4 as uuidv4} from 'uuid';\r\n\r\nconst supportedLangs = ['en', 'ar', 'ru'];\r\n\r\nconst MeetingGo = ({match: {params: {meetingId, lang}}}) => {\r\n const {i18n} = useTranslation();\r\n const urlParams = new URLSearchParams(Base64.decode(meetingId));\r\n const paramsUserID = urlParams.get('userId');\r\n const paramsMeetingID = urlParams.get('meetingId');\r\n const paramsUserName = urlParams.get('userName');\r\n const paramsEmail = urlParams.get('email');\r\n\r\n const LoginUserName = useSelector((state) => state.main.user.name + ' ' + state.main.user.surname);\r\n const LoginUserEmail = useSelector((state) => state.main.user.email);\r\n const LoginUserID = useSelector((state) => state.main.user.id);\r\n\r\n const [displayMeetingID, setDisplayMeetingID] = useState(paramsMeetingID);\r\n const [displayUserID, setDisplayUserID] = useState(LoginUserID);\r\n const [displayName, setDisplayName] = useState(LoginUserName);\r\n const [displayEmail, setDisplayEmail] = useState(LoginUserEmail);\r\n\r\n const [modalVisible, setModalVisible] = useState(false);\r\n\r\n useEffect(() => {\r\n const browserLang = navigator.language.split('-')[0];\r\n const newLang = supportedLangs.includes(browserLang) ? browserLang : 'tr';\r\n i18n.changeLanguage(newLang);\r\n }, [lang, meetingId]);\r\n\r\n useEffect(() => {\r\n if (!LoginUserName && paramsUserName)\r\n setDisplayName(paramsUserName);\r\n\r\n if (!LoginUserEmail && paramsEmail)\r\n setDisplayEmail(paramsEmail);\r\n\r\n if (!LoginUserID && paramsUserID)\r\n setDisplayUserID(paramsUserID);\r\n else\r\n setDisplayUserID(uuidv4());\r\n\r\n setDisplayMeetingID(paramsMeetingID);\r\n }, [paramsUserID, paramsEmail, paramsUserName, paramsMeetingID]);\r\n\r\n useEffect(() => {\r\n if (displayName && displayEmail && displayUserID && displayMeetingID) {\r\n setModalVisible(false);\r\n handleRedirect();\r\n } else {\r\n setModalVisible(true);\r\n }\r\n }, [displayName, displayEmail, displayUserID, displayMeetingID]);\r\n\r\n const handleRedirect = () => {\r\n\r\n let meetingUrl = `?meetingId=${displayMeetingID}`;\r\n meetingUrl += `&email=${displayEmail}`;\r\n meetingUrl += `&userId=${displayUserID}`;\r\n meetingUrl += `&userName=${displayName}`;\r\n let newUrl = Base64.encode(meetingUrl);\r\n\r\n window.location.assign(`${process.env.REACT_APP_MEETING_FRONT_URL}${lang}/meeting/${newUrl}`);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {t('privacyPolicy')}\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n goToSection(e, 'PolitikaHakkinda')}\r\n >\r\n {t('privacyPolicyItem1Title')}\r\n \r\n goToSection(e, 'HaklarVeKontroller')}\r\n >\r\n {t('privacyPolicyItem2Title')}\r\n \r\n goToSection(e, 'HakkinizdaTopladigimizKisiselVeriler')}\r\n >\r\n {t('privacyPolicyItem3Title')}\r\n \r\n goToSection(e, 'KullanmaAmacimiz')}\r\n >\r\n {t('privacyPolicyItem4Title')}\r\n \r\n goToSection(e, 'VerilerinPaylasilmasi')}\r\n >\r\n {t('privacyPolicyItem5Title')}\r\n \r\n goToSection(e, 'VerilerinSaklanmasiSilinmesi')}\r\n >\r\n {t('privacyPolicyItem6Title')}\r\n \r\n goToSection(e, 'VerilerinGuvendeTutulmasi')}\r\n >\r\n {t('privacyPolicyItem7Title')}\r\n \r\n goToSection(e, 'BizimleIletisimeGecme')}\r\n >\r\n {t('privacyPolicyItem8Title')}\r\n \r\n \r\n \r\n {t('privacyPolicyItem1Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction HaklarVeKontroller() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('privacyPolicyItem2Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction HakkinizdaTopladigimizKisiselVeriler() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('privacyPolicyItem3Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction KullanmaAmacimiz() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('privacyPolicyItem4Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction VerilerinPaylasilmasi() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('privacyPolicyItem5Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction VerilerinSaklanmasiSilinmesi() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('privacyPolicyItem6Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction VerilerinGuvendeTutulmasi() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('privacyPolicyItem7Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nfunction BizimleIletisimeGecme() {\r\n const {t} = useTranslation();\r\n return (\r\n \r\n \r\n {t('privacyPolicyItem8Title')}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default PrivacyPolicy;\r\n","import React from 'react';\r\nimport {Redirect, Route} from 'react-router';\r\nimport {useSelector} from 'react-redux';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst AuthRoute = (props) => {\r\n const {type} = props;\r\n const isAuthenticated = useSelector(state => state.main.isAuthenticated);\r\n if (type === 'guest' && isAuthenticated) return ;\r\n else if (type === 'private' && !isAuthenticated) return ;\r\n\r\n return \r\n \r\n \r\n \r\n Özellikler \r\n \r\n \r\n Neler Sağlıyoruz? \r\n \r\n \r\n \r\n {'Telepati\\'nin eşsiz özelliklerini keşfedin.'}\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('secureConnection')}\r\n \r\n \r\n {t('secureConnectionText1')}\r\n \r\n \r\n {t('secureConnectionText2')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('flexibleUsage')}\r\n \r\n \r\n {t('flexibleUsageText1')}\r\n \r\n \r\n {t('flexibleUsageText2')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {t('easyCommunication')}\r\n \r\n \r\n {t('easyCommunicationText1')}\r\n \r\n \r\n {t('easyCommunicationText2')}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Features;\r\n","import React from 'react';\r\nimport {Redirect, Route, Switch} from 'react-router-dom';\r\nimport ChangePassword from 'views/authPages/ChangePassword/ChangePassword';\r\nimport BuyPackage from 'views/supportingPages/Pricing/BuyPackage/BuyPackage';\r\nimport TrialStart from 'views/supportingPages/Pricing/TrialStart/TrialStart';\r\nimport ContactUs from 'views/supportingPages/ContactUs';\r\nimport WithLayout from 'WithLayout';\r\nimport {BodyMain as Body, Main} from '../layouts/index';\r\nimport {ForgotPassword, Login, Signup} from '../views/authPages';\r\nimport {Home} from '../views/landingPages';\r\nimport {MeetingGo, NotFound, Pricing, PrivacyPolicy, Profile} from '../views/supportingPages';\r\nimport AuthRoute from './authRoute';\r\nimport SalesPolicy from '../views/supportingPages/Policy/SalesPolicy';\r\nimport Features from '../views/supportingPages/Features';\r\n\r\nconst Routes = () => {\r\n return (\r\n \r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n (\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Routes;\r\n","import React, {Suspense, useEffect, useState} from 'react';\r\nimport {Router} from 'react-router-dom';\r\nimport {createBrowserHistory} from 'history';\r\nimport Routes from './routers/Routes';\r\nimport {CookiesProvider} from 'react-cookie';\r\nimport {Provider} from 'react-redux';\r\nimport store from './redux/store';\r\nimport {PersistGate} from 'redux-persist/integration/react';\r\nimport {persistStore} from 'redux-persist';\r\nimport CircularProgress from '@mui/material/CircularProgress';\r\nimport 'react-lazy-load-image-component/src/effects/blur.css';\r\nimport 'slick-carousel/slick/slick.css';\r\nimport 'slick-carousel/slick/slick-theme.css';\r\nimport 'aos/dist/aos.css';\r\nimport 'react-image-lightbox/style.css';\r\nimport 'assets/scss/style.scss';\r\nimport {setMobile, setPageSize} from './redux/actions';\r\nimport {AdapterDateFns} from '@mui/x-date-pickers/AdapterDateFns';\r\nimport trLocale from 'date-fns/locale/tr';\r\nimport enLocale from 'date-fns/locale/en-US';\r\nimport {LocalizationProvider} from '@mui/x-date-pickers/LocalizationProvider';\r\nimport {useTranslation} from 'react-i18next';\r\nimport arLocale from 'date-fns/locale/ar';\r\nimport ruLocale from 'date-fns/locale/ru';\r\nimport {ParallaxProvider} from 'react-scroll-parallax';\r\n\r\nconst browserHistory = createBrowserHistory();\r\nlet persistor = persistStore(store);\r\n\r\nconst App = () => {\r\n const {i18n} = useTranslation();\r\n const [locale, setLocale] = useState(trLocale);\r\n\r\n const setDimension = () => {\r\n const mobile = window.innerWidth <= 1024;\r\n store.dispatch(setMobile(mobile));\r\n store.dispatch(setPageSize({\r\n dynamicWidth: window.innerWidth,\r\n dynamicHeight: window.innerHeight\r\n }));\r\n };\r\n\r\n useEffect(() => {\r\n setDimension();\r\n }, []);\r\n\r\n useEffect(() => {\r\n window.addEventListener('resize', setDimension);\r\n\r\n return (() => {\r\n window.removeEventListener('resize', setDimension);\r\n });\r\n }, [window.innerWidth, window.innerHeight]);\r\n\r\n useEffect(() => {\r\n\r\n }, []);\r\n\r\n useEffect(() => {\r\n switch (i18n.language) {\r\n case 'tr':\r\n setLocale(trLocale);\r\n break;\r\n case 'en':\r\n setLocale(enLocale);\r\n break;\r\n case 'ar':\r\n setLocale(arLocale);\r\n break;\r\n case 'ru':\r\n setLocale(ruLocale);\r\n break;\r\n default:\r\n setLocale(trLocale);\r\n }\r\n }, [i18n.language]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default App;\r\n","import React from 'react';\r\nimport {createRoot} from 'react-dom/client';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport './i18n';\r\nimport App from './App';\r\n\r\nconst container = document.getElementById('root');\r\nconst root = createRoot(container);\r\n\r\nroot.render( 
\r\n \r\n \r\n 
\r\n \r\n 
\r\n \r\n 
\r\n