\n );\n }\n}\n\nexport default DonationRight;\n","import React , { Component } from 'react';\nimport DonationLeft from './donation_left'\nimport DonationRight from './donation_right'\n\nclass DonationBlock extends Component {\n\n render(){\n\n return(\n
\n \n \n
\n );\n }\n}\n\nexport default DonationBlock;\n","import React , { Component } from 'react';\n\n\nclass HollowButton extends Component {\n render(){\n return(\n \n\n );\n }\n}\n\nexport default HollowButton;\n","import React , { Component } from 'react';\nimport { NavLink } from \"react-router-dom\"\nimport { FormattedMessage } from 'react-intl';\nimport HollowButton from \"../common_components/hollow_btn\"\nimport PlayStore from '../../assets/images/googleplay_EN.png'\nimport AppStore from '../../assets/images/Apple_app_store_icon.png'\nimport MockIphone from '../../assets/images/iPhone X Mockup.png'\n\n\nclass JoinCommunity extends Component {\n render(){\n return(\n \n
\n \n
\n
\n \n \n
\n } btn_link = \"#\"/>\n
\n
\n
\n
\n
\n \n
\n
\n \n \n
\n \n
\n \n
\n
\n
\n \n
\n
\n
\n
567,789
\n
\n
\n
\n
897,789
\n
\n
\n
\n
6778,758
\n
\n
\n
\n
\n \n\n
\n \n );\n }\n}\n\nexport default JoinCommunity;\n","import React , { Componet } from 'react';\nimport { NavLink } from \"react-router-dom\"\nimport { FormattedMessage } from 'react-intl';\nimport HollowButton from \"../common_components/hollow_btn\"\nimport Img1 from '../../assets/images/5.jpg'\nimport Img2 from '../../assets/images/3.jpg'\nimport Img3 from '../../assets/images/4.jpg'\nimport Img4 from '../../assets/images/6.jpg'\nimport Img5 from '../../assets/images/7.jpg'\nimport Africa from '../../assets/images/africa.jpg'\nimport India from '../../assets/images/india.jpg'\nimport Australia from '../../assets/images/australia.jpg'\nimport Iran from '../../assets/images/iran.jpg'\nimport Slider from \"react-slick\";\n\nimport Ausmob from '../../assets/images/ausmob.jpg'\nimport Indmob from '../../assets/images/indmob.jpg'\nimport iramob from '../../assets/images/iramob.jpg'\nimport Afrimob from '../../assets/images/afrimob.jpg'\n\nvar settings = {\n className: \"center\",\n centerMode: true,\n infinite: true,\n centerPadding: \"60px\",\n slidesToShow: 1,\n speed: 500,\n autoplay: true,\n autoplaySpeed: 2000,\n};\n\n\nconst BottomGrid = ( props ) => {\n\n return(\n \n
\n );\n }\n}\n\nexport default NewsFeedGridLeft;\n","import React , { Component } from 'react';\nimport NewsSlider from './newsSlider'\nimport NewsFeedGridLeft from './news-feed-grid-left'\n\nclass NewsFeed extends Component { \n render(){ \n return(\n \n
\n \n
\n \n
\n
\n \n );\n }\n}\n\nexport default NewsFeed;\n","import React , { Component } from 'react';\nimport TransparentHeader from '../common_components/transparent_header'\nimport HomeBanner from './banner'\nimport DonationBlock from './donation'\nimport JoinCommunity from './join_community'\nimport BottomGrid from './bottomGrid'\nimport NewsFeed from './newsFeed'\n\nimport HOC from '../HOC/Hoc'\n\n\nclass HomePage extends Component {\n render(){\n return(\n
\n \n \n \n \n \n
\n );\n }\n}\nexport default HOC(HomePage);\n","import React , { Component } from 'react';\nimport ReactLoading from 'react-loading';\nimport loading from '../../assets/images/loading.gif'\nclass ThemeButtonLoad extends Component {\n render(){\n return(\n // */\n );\n }\n}\n\nexport default ThemeButtonLoad;\n","import React, { Component } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport axios from 'axios'\n\nimport ThemeButton from \"../common_components/theme_btn\"\nimport HollowButton from \"../common_components/hollow_btn\"\nimport {AppContext} from '../AppProvider/AppProvider'\nimport HOC from '../HOC/Hoc'\n\nimport FbLogo from \"../../assets/images/fb-logo.png\"\nimport GoogleLogo from \"../../assets/images/google-logo.png\"\nimport Error from \"../../assets/images/close.svg\"\n\nimport { NavLink, Redirect } from \"react-router-dom\"\nimport ThemeButtonLoad from '../common_components/theme_btn_load';\n\nclass LogIn extends Component {\n\n state = {\n email: '',\n password: '',\n validation: '',\n error: 'Invalid username/password',\n done:true\n }\n\n buttonClick(){\n\n \n this.setState({done:false});\n\n }\n\n\n onChangeHandler = (e) => {\n this.setState({\n [e.target.name]: e.target.value\n })\n }\n\n keyDownHandler = e => {\n if(e.keyCode == 13){\n this.loginHandler()\n }\n }\n\n loginHandler = () => {\n this.setState({done:false})\n axios.post('/users/sign_in.json', {\n user: {\n email: this.state.email,\n password: this.state.password\n }\n })\n .then(response => {\n const user = response.data\n if(response.data.status == 'neet_to_confirm'){\n document.getElementById(\"validation-error\").className = \"validation-error-active\"\n this.setState({\n error: response.data.message\n })\n this.setState({done:true})\n console.log(\"loading button state\" + this.state.done)\n }else{\n this.props.context.logIn(user)\n }\n })\n .catch( (error) => {\n this.setState({done:true});\n document.getElementById(\"validation-error\").className = \"validation-error-active\";\n });\n }\n\n render() {\n return (\n \n {(context) => (\n \n {context.state.loggedIn == \"true\" ? : (\n
\n\n );\n }\n}\nexport default MadeA_Diff\n","import React, { Component } from 'react';\nimport TopBanner_About from './top-banner.js';\nimport ContentBlock2 from './content_block2.js';\nimport MadeA_Diff from './made_a_diff.js';\nimport NewsFeed from '../home/newsFeed.js'\nimport SeamlessPdfExp from './seamless_pdf_exp.js';\nimport HOC from '../HOC/Hoc'\n\n\nclass About extends Component {\n render() {\n return (\n
\n \n\n\n\n this.pond = ref}\n allowMultiple={true}\n maxFiles={4}\n server= {{\n fetch: (fieldName) => {\n let fileName = fieldName.split('/')\n let url = `/download_remote_fle?url=${fieldName}`\n if(fileName[2] === 'drive.google.com'){\n fileName = this.state.google_drive_file_name\n let token= this.state.token\n url = `/download_google_drive_fle?url=${fieldName}&file_name=${fileName}&token=${token}&id=${this.state.id}`\n }else{ \n let lastElement = fileName[fileName.length - 1]\n let lastElementSplit = lastElement.split('?')\n fileName = lastElementSplit[0]\n }\n axios({\n url: url,\n method: 'GET',\n responseType: 'blob',\n }).then((response) => {\n let theBlob = response.data\n theBlob.lastModifiedDate = new Date()\n theBlob.name = fileName\n let prev_files = this.state.files.splice(-1,1)\n this.setState({\n files: [...this.state.files, theBlob]\n })\n });\n },\n process:(fieldName, file, metadata, load, error, progress, abort) => {\n const formData = new FormData();\n formData.append(fieldName, file, file.name);\n if(this.state.files.length > 1){\n this.setState({\n pdf_file: file,\n disabled: false\n })\n }else{\n this.setState({\n pdf_file: file\n })\n }\n\n this.props.chosenFile(file)\n\n const request = new XMLHttpRequest();\n request.open('POST', '/upload_file');\n request.upload.onprogress = (e) => {\n progress(e.lengthComputable, e.loaded, e.total);\n };\n\n request.onload = function() {\n if (request.status >= 200 && request.status < 300) {\n load(request.responseText);\n const result = JSON.parse(request.responseText)\n this.setState({\n [result.file_name]: result.uniq_file_name\n })\n }\n else {\n error('oh no');\n }\n }.bind(this);\n\n request.send(formData);\n return {\n abort: () => {\n // This function is entered if the user has tapped the cancel button\n request.abort();\n\n // Let FilePond know the request has been cancelled\n abort();\n }\n };\n }\n }}\n acceptedFileTypes= {[\n 'application/pdf'\n ]} \n labelIdle= 'Drop your pdf files or Upload your files '\n onupdatefiles={(fileItems) => { \n this.setState({\n files: fileItems.map(fileItem => fileItem.file)\n });\n }}>\n\n {/* Update current files */}\n {this.state.files.map(file => (\n \n ))}\n\n \n
\n
\n
\n \n { this.fromDropbox(files) } } />\n
\n
\n
\n \n
\n
\n );\n }\n }\n export default MergePdf;\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\nimport axios from 'axios'\nimport DropboxChooser from '../../DropboxChooser/DropboxChooser'\nimport GoogleDriveApi from '../../GoogleDriveApi/GoogleDriveApi'\nimport { FilePond, File, registerPlugin } from 'react-filepond';\nimport FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';\nimport 'filepond/dist/filepond.min.css';\nimport Icon from '../../../assets/images/compresspdf.png'\nimport FilePondPluginFileValidateSize from 'filepond-plugin-file-validate-size';\n\nregisterPlugin(FilePondPluginFileValidateSize);\nregisterPlugin(FilePondPluginFileValidateType);\nclass excelToPdf extends Component {\n state = {\n files: []\n }\n\n fromDropbox = (files) => {\n this.setState({\n files: [...this.state.files, files[0].link]\n })\n }\n\n googlePickerHandler = (data) => {\n if(data.action === 'picked'){\n this.setState({\n files: [...this.state.files, data.docs[0].url],\n google_drive_file_name: data.docs[0].name,\n token: window.gapi.auth.getToken().access_token,\n id: data.docs[0].id\n })\n }\n }\n\n render() {\n const Imgsrc= ``\n return (\n
\n
\n
\n
\n
\n \n\n\n\n this.pond = ref}\n allowMultiple={false}\n maxFiles={1}\n server= {{\n fetch: (fieldName) => {\n let fileName = fieldName.split('/')\n let url = `/download_remote_fle?url=${fieldName}`\n if(fileName[2] === 'drive.google.com'){\n fileName = this.state.google_drive_file_name\n let token= this.state.token\n url = `/download_google_drive_fle?url=${fieldName}&file_name=${fileName}&token=${token}&id=${this.state.id}`\n }else{\n let lastElement = fileName[fileName.length - 1]\n let lastElementSplit = lastElement.split('?')\n fileName = lastElementSplit[0]\n }\n axios({\n url: url,\n method: 'GET',\n responseType: 'blob',\n }).then((response) => {\n let theBlob = response.data\n theBlob.lastModifiedDate = new Date()\n theBlob.name = fileName\n this.setState({\n files: [...this.state.files, theBlob]\n })\n });\n },\n process:(fieldName, file, metadata, load, error, progress, abort) => {\n const formData = new FormData();\n formData.append(fieldName, file, file.name);\n this.setState({\n pdf_file: file\n })\n\n const request = new XMLHttpRequest();\n request.open('POST', '/upload_file');\n request.upload.onprogress = (e) => {\n progress(e.lengthComputable, e.loaded, e.total);\n };\n\n request.onload = function() {\n if (request.status >= 200 && request.status < 300) {\n load(request.responseText);\n const result = JSON.parse(request.responseText)\n axios.post('/excel_to_pdf.json', {\n file_name: result.file_name,\n uniq_file_name: result.uniq_file_name,\n size: result.size\n })\n .then(response => {\n if(response.data.status === 'success'){\n sessionStorage.setItem(\"uniq_file_name\", response.data.uniq_file_name);\n sessionStorage.setItem(\"out_put_file_name\", response.data.out_put_file_name);\n sessionStorage.setItem(\"file_name\", response.data.file_name);\n this.props.updateCounter(100);\n }else {\n alert('something went wrong, try again')\n window.location.reload();\n }\n })\n .catch(function (error) {\n alert('something went wrong, try again')\n window.location.reload();\n });\n this.props.onUploadCompleteHandler()\n }\n else {\n // Can call the error method if something is wrong, should exit after\n error('oh no');\n }\n }.bind(this);\n\n request.send(formData);\n return {\n abort: () => {\n // This function is entered if the user has tapped the cancel button\n request.abort();\n\n // Let FilePond know the request has been cancelled\n abort();\n }\n };\n }\n }}\n acceptedFileTypes= {[\n 'application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n 'application/octet-stream'\n ]}\n fileValidateTypeDetectType={ (source, type) => new Promise((resolve, reject) => {\n console.log(source)\n console.log(type)\n // Do custom type detection here and return with promise\n console.log(source.name)\n // application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\n let extension = source.name.split('.').pop()\n console.log(extension)\n if(extension === 'xlsx'){\n type = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'\n } else if (extension == 'xls') {\n type = 'application/vnd.ms-excel'\n } \n resolve(type);\n }) }\n labelIdle= 'Drop your excel files or Upload your files '\n onupdatefiles={(fileItems) => {\n this.setState({\n files: fileItems.map(fileItem => fileItem.file)\n });\n }}>\n\n {/* Update current files */}\n {this.state.files.map(file => (\n \n ))}\n\n \n
\n
\n
\n \n { this.fromDropbox(files) } } />\n
\n
\n
\n );\n }\n}\nexport default excelToPdf;\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\nimport axios from 'axios'\nimport DropboxChooser from '../../DropboxChooser/DropboxChooser'\nimport GoogleDriveApi from '../../GoogleDriveApi/GoogleDriveApi'\n\n\nimport Drive from '../../../assets/images/drive.png'\nimport { FilePond, File, registerPlugin } from 'react-filepond';\nimport FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';\nimport 'filepond/dist/filepond.min.css';\n\nimport Icon from '../../../assets/images/compresspdf.png'\n\nregisterPlugin(FilePondPluginFileValidateType);\nclass SplitPdf extends Component {\n state = {\n files: []\n }\n\n fromDropbox = (files) => {\n this.setState({\n files: [...this.state.files, files[0].link]\n })\n }\n\n googlePickerHandler = (data) => {\n if(data.action === 'picked'){\n this.setState({\n files: [...this.state.files, data.docs[0].url],\n google_drive_file_name: data.docs[0].name,\n token: window.gapi.auth.getToken().access_token,\n id: data.docs[0].id\n }) \n }\n } \n\n render() {\n const Imgsrc= ``\n return (\n
\n
\n
\n
\n
\n \n\n this.pond = ref}\n allowMultiple={false}\n maxFiles={1}\n server= {{\n fetch: (fieldName) => {\n let fileName = fieldName.split('/')\n let url = `/download_remote_fle?url=${fieldName}`\n if(fileName[2] === 'drive.google.com'){\n fileName = this.state.google_drive_file_name\n let token= this.state.token\n url = `/download_google_drive_fle?url=${fieldName}&file_name=${fileName}&token=${token}&id=${this.state.id}`\n }else{ \n let lastElement = fileName[fileName.length - 1]\n let lastElementSplit = lastElement.split('?')\n fileName = lastElementSplit[0]\n }\n axios({\n url: url,\n method: 'GET',\n responseType: 'blob',\n }).then((response) => {\n let theBlob = response.data\n theBlob.lastModifiedDate = new Date()\n theBlob.name = fileName\n this.setState({\n files: [...this.state.files, theBlob]\n }) \n });\n }, \n process:(fieldName, file, metadata, load, error, progress, abort) => {\n const formData = new FormData();\n formData.append(fieldName, file, file.name);\n this.setState({\n pdf_file: file\n })\n\n this.props.chosenFile(file)\n\n const request = new XMLHttpRequest();\n request.open('POST', '/upload_file');\n request.upload.onprogress = (e) => {\n progress(e.lengthComputable, e.loaded, e.total);\n };\n\n request.onload = function() {\n if (request.status >= 200 && request.status < 300) {\n load(request.responseText);\n const result = JSON.parse(request.responseText)\n axios.post('/split_pdf.json', {\n file_name: result.file_name,\n uniq_file_name: result.uniq_file_name,\n size: result.size\n })\n .then(response => {\n if(response.data.status === 'success'){\n sessionStorage.setItem(\"uniq_file_name\", response.data.uniq_file_name);\n sessionStorage.setItem(\"out_put_file_name\", response.data.out_put_file_name);\n sessionStorage.setItem(\"file_name\", response.data.file_name);\n sessionStorage.setItem(\"percent\", response.data.percent);\n sessionStorage.setItem(\"current_file_size\", response.data.current_file_size);\n sessionStorage.setItem(\"file_names\", response.data.file_names); \n this.props.updateCounterSplit(100);\n }else {\n alert('something went wrong, try again')\n window.location.reload();\n }\n })\n .catch(function (error) {\n alert('something went wrong, try again')\n window.location.reload();\n });\n this.props.onUploadCompleteHandler()\n }\n else {\n // Can call the error method if something is wrong, should exit after\n error('oh no');\n }\n }.bind(this);\n\n request.send(formData);\n return {\n abort: () => {\n // This function is entered if the user has tapped the cancel button\n request.abort();\n\n // Let FilePond know the request has been cancelled\n abort();\n }\n };\n }\n }}\n acceptedFileTypes= {[\n 'application/pdf'\n ]} \n labelIdle= 'Drop your pdf files or Upload your files '\n onupdatefiles={(fileItems) => {\n this.setState({\n files: fileItems.map(fileItem => fileItem.file)\n });\n }}>\n\n {/* Update current files */}\n {this.state.files.map(file => (\n \n ))}\n\n \n
\n
\n
\n \n { this.fromDropbox(files) } } />\n
\n
\n
\n );\n }\n}\nexport default SplitPdf;\n","import React, { Component } from 'react'\n\nimport CompressPdf from './file-upload/Compress-pdf'\nimport PdfConverter from './file-upload/Pdf-converter'\nimport WordToPdf from './file-upload/word-pdf'\nimport RotatePdf from './file-upload/rotatePdf'\nimport ImageToPdf from './file-upload/image-pdf'\nimport PdfToImage from './file-upload/Pdf-image'\nimport PptToPdf from './file-upload/Ppt-pdf'\nimport MergePdf from './file-upload/Merge-pdf'\nimport ExcelToPdf from './file-upload/excelToPdf'\nimport SplitPdf from './file-upload/SplitPdf'\n\nimport { Route, Switch } from 'react-router-dom'\n\nclass FileUploadChooser extends Component {\n\n render() {\n return (\n
\n )\n }\n\n\n}\n\nexport default GoogleDriveSaver\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\nimport DonateNowBtn from \"../../common_components/donateNowBtn\"\nimport FileDownload from 'js-file-download'\nimport DropboxSaver from '../../DropboxSaver/DropboxSaver'\nimport GoogleDriveSaver from '../../GoogleDriveSaver/GoogleDriveSaver'\n\nimport SingleColGrid from '../../home/single-col-banner'\nimport { NavLink } from 'react-router-dom'\nimport axios from 'axios'\n\nimport Icon from '../../../assets/images/compresspdf.png'\n\nimport Icon1 from '../../../assets/images/rotate.png'\nimport Icon2 from '../../../assets/images/pdftoexcel.png'\nimport Icon3 from '../../../assets/images/pdf_to_word.png'\nimport Icon4 from '../../../assets/images/pdftojpg.png'\n\nclass CompressPdfDownload extends Component {\n\n\n downLoadFile = () => {\n axios.post('/download_file', {\n out_put_file_name: sessionStorage.getItem(\"out_put_file_name\"),\n file_name: sessionStorage.getItem(\"file_name\")\n }).then(response => {\n FileDownload(response.data, sessionStorage.getItem(\"file_name\"));\n })\n }\n\n render() {\n const out_put_file_name = sessionStorage.getItem(\"out_put_file_name\")\n const file_name = sessionStorage.getItem(\"file_name\")\n return (\n
\n
\n
\n
{sessionStorage.getItem(\"percent\")}%
\n
{sessionStorage.getItem(\"current_file_size\")}
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
{sessionStorage.getItem(\"file_name\")}
\n
{sessionStorage.getItem(\"percent\")}%
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n
\n );\n }\n}\n\nexport default CompressPdfDownload;\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\nimport DonateNowBtn from \"../../common_components/donateNowBtn\"\nimport FileDownload from 'js-file-download'\nimport DropboxSaver from '../../DropboxSaver/DropboxSaver'\nimport GoogleDriveSaver from '../../GoogleDriveSaver/GoogleDriveSaver'\n\nimport SingleColGrid from '../../home/single-col-banner'\nimport { NavLink } from 'react-router-dom'\nimport axios from 'axios'\n\nimport Icon from '../../../assets/images/compresspdf.png'\n\nimport Icon1 from '../../../assets/images/rotate.png'\nimport Icon2 from '../../../assets/images/pdftoexcel.png'\nimport Icon3 from '../../../assets/images/pdf_to_word.png'\nimport Icon4 from '../../../assets/images/pdftojpg.png'\n\nclass wordToPdfDownload extends Component {\n\n downLoadFile = () => {\n axios.post('/download_file', {\n out_put_file_name: sessionStorage.getItem(\"out_put_file_name\"),\n file_name: sessionStorage.getItem(\"file_name\")\n }).then(response => {\n FileDownload(response.data, sessionStorage.getItem(\"file_name\"));\n })\n\n }\n\n render() {\n const out_put_file_name = sessionStorage.getItem(\"out_put_file_name\")\n const file_name = sessionStorage.getItem(\"file_name\") \n return (\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
{sessionStorage.getItem(\"file_name\")}
\n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n
\n );\n }\n}\n\nexport default wordToPdfDownload;\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\nimport DonateNowBtn from \"../../common_components/donateNowBtn\"\nimport FileDownload from 'js-file-download'\nimport DropboxSaver from '../../DropboxSaver/DropboxSaver'\nimport GoogleDriveSaver from '../../GoogleDriveSaver/GoogleDriveSaver'\n\nimport SingleColGrid from '../../home/single-col-banner'\nimport { NavLink } from 'react-router-dom'\nimport axios from 'axios'\n\nimport Icon from '../../../assets/images/compresspdf.png'\n\nimport Icon1 from '../../../assets/images/rotate.png'\nimport Icon2 from '../../../assets/images/pdftoexcel.png'\nimport Icon3 from '../../../assets/images/pdf_to_word.png'\nimport Icon4 from '../../../assets/images/pdftojpg.png'\n\nclass excelToPdfDownload extends Component {\n\n\n downLoadFile = () => {\n axios.post('/download_file', {\n out_put_file_name: sessionStorage.getItem(\"out_put_file_name\"),\n file_name: sessionStorage.getItem(\"file_name\")\n }).then(response => {\n FileDownload(response.data, sessionStorage.getItem(\"file_name\"));\n })\n }\n\n render() {\n const out_put_file_name = sessionStorage.getItem(\"out_put_file_name\")\n const file_name = sessionStorage.getItem(\"file_name\") \n return (\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
{sessionStorage.getItem(\"file_name\")}
\n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n
\n );\n }\n}\n\nexport default excelToPdfDownload;\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\nimport DonateNowBtn from \"../../common_components/donateNowBtn\"\nimport FileDownload from 'js-file-download'\nimport DropboxSaver from '../../DropboxSaver/DropboxSaver'\nimport GoogleDriveSaver from '../../GoogleDriveSaver/GoogleDriveSaver'\n\nimport SingleColGrid from '../../home/single-col-banner'\nimport { NavLink } from 'react-router-dom'\nimport axios from 'axios'\n\nimport Icon from '../../../assets/images/compresspdf.png'\n\nimport Icon1 from '../../../assets/images/rotate.png'\nimport Icon2 from '../../../assets/images/pdftoexcel.png'\nimport Icon3 from '../../../assets/images/pdf_to_word.png'\nimport Icon4 from '../../../assets/images/pdftojpg.png'\n\nclass pptToPdfDownload extends Component {\n\n\n downLoadFile = () => {\n axios.post('/download_file', {\n out_put_file_name: sessionStorage.getItem(\"out_put_file_name\"),\n file_name: sessionStorage.getItem(\"file_name\")\n }).then(response => {\n FileDownload(response.data, sessionStorage.getItem(\"file_name\"));\n })\n }\n\n render() {\n const out_put_file_name = sessionStorage.getItem(\"out_put_file_name\")\n const file_name = sessionStorage.getItem(\"file_name\") \n return (\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
{sessionStorage.getItem(\"file_name\")}
\n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n
\n );\n }\n}\n\nexport default pptToPdfDownload;\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\nimport DonateNowBtn from \"../../common_components/donateNowBtn\"\nimport FileDownload from 'js-file-download'\nimport DropboxSaver from '../../DropboxSaver/DropboxSaver'\nimport GoogleDriveSaver from '../../GoogleDriveSaver/GoogleDriveSaver'\n\nimport SingleColGrid from '../../home/single-col-banner'\nimport { NavLink } from 'react-router-dom'\nimport axios from 'axios'\n\nimport Icon from '../../../assets/images/compresspdf.png'\n\nimport Icon1 from '../../../assets/images/rotate.png'\nimport Icon2 from '../../../assets/images/pdftoexcel.png'\nimport Icon3 from '../../../assets/images/pdf_to_word.png'\nimport Icon4 from '../../../assets/images/pdftojpg.png'\n\nclass imgToPdfDownload extends Component {\n\n downLoadFile = () => {\n axios.post('/download_file', {\n out_put_file_name: sessionStorage.getItem(\"out_put_file_name\"),\n file_name: sessionStorage.getItem(\"file_name\")\n }).then(response => {\n FileDownload(response.data, sessionStorage.getItem(\"file_name\"));\n })\n }\n\n render() { \n const out_put_file_name = sessionStorage.getItem(\"out_put_file_name\")\n const file_name = sessionStorage.getItem(\"file_name\") \n return (\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
{sessionStorage.getItem(\"file_name\")}
\n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n
\n );\n }\n}\n\nexport default imgToPdfDownload;\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\nimport DonateNowBtn from \"../../common_components/donateNowBtn\"\nimport FileDownload from 'js-file-download'\nimport DropboxSaver from '../../DropboxSaver/DropboxSaver'\nimport GoogleDriveSaver from '../../GoogleDriveSaver/GoogleDriveSaver'\n\nimport SingleColGrid from '../../home/single-col-banner'\nimport { NavLink } from 'react-router-dom'\nimport axios from 'axios'\n\nimport Icon from '../../../assets/images/compresspdf.png'\n\nimport Icon1 from '../../../assets/images/rotate.png'\nimport Icon2 from '../../../assets/images/pdftoexcel.png'\nimport Icon3 from '../../../assets/images/pdf_to_word.png'\nimport Icon4 from '../../../assets/images/pdftojpg.png'\n\nclass mergePdfDownload extends Component {\n\n downLoadFile = () => {\n axios.post('/download_file', {\n out_put_file_name: sessionStorage.getItem(\"out_put_file_name\"),\n file_name: sessionStorage.getItem(\"file_name\")\n }).then(response => {\n FileDownload(response.data, sessionStorage.getItem(\"file_name\"));\n })\n }\n\n render() {\n const out_put_file_name = sessionStorage.getItem(\"out_put_file_name\")\n const file_name = sessionStorage.getItem(\"file_name\") \n return (\n
\n
\n
\n
\n
\n
Save to
\n
\n \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
{sessionStorage.getItem(\"file_name\")}
\n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n
\n );\n }\n}\n\nexport default mergePdfDownload;\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\nimport DonateNowBtn from \"../../common_components/donateNowBtn\"\nimport FileDownload from 'js-file-download'\nimport DropboxSaver from '../../DropboxSaver/DropboxSaver'\nimport GoogleDriveSaver from '../../GoogleDriveSaver/GoogleDriveSaver'\n\nimport SingleColGrid from '../../home/single-col-banner'\nimport { NavLink } from 'react-router-dom'\nimport axios from 'axios'\n\nimport Icon from '../../../assets/images/compresspdf.png'\n\nimport Icon1 from '../../../assets/images/rotate.png'\nimport Icon2 from '../../../assets/images/pdftoexcel.png'\nimport Icon3 from '../../../assets/images/pdf_to_word.png'\nimport Icon4 from '../../../assets/images/pdftojpg.png'\n\nclass PdfConvertorDownload extends Component {\n\n\n downLoadFile = () => {\n axios.post('/download_file', {\n out_put_file_name: sessionStorage.getItem(\"out_put_file_name\"),\n file_name: sessionStorage.getItem(\"file_name\")\n }).then(response => {\n FileDownload(response.data, sessionStorage.getItem(\"file_name\"));\n })\n }\n\n render() {\n const out_put_file_name = sessionStorage.getItem(\"out_put_file_name\")\n const file_name = sessionStorage.getItem(\"file_name\") \n return (\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
{sessionStorage.getItem(\"file_name\")}
\n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n
\n );\n }\n}\n\nexport default PdfConvertorDownload;\n","import React, { Component } from 'react'\nimport { FormattedMessage } from 'react-intl';\nimport DonateNowBtn from \"../../common_components/donateNowBtn\"\nimport FileDownload from 'js-file-download'\nimport DropboxSaver from '../../DropboxSaver/DropboxSaver'\nimport GoogleDriveSaver from '../../GoogleDriveSaver/GoogleDriveSaver'\n\nimport SingleColGrid from '../../home/single-col-banner'\nimport { NavLink } from 'react-router-dom'\nimport axios from 'axios'\n\nimport Icon from '../../../assets/images/compresspdf.png'\n\nimport Icon1 from '../../../assets/images/rotate.png'\nimport Icon2 from '../../../assets/images/pdftoexcel.png'\nimport Icon3 from '../../../assets/images/pdf_to_word.png'\nimport Icon4 from '../../../assets/images/pdftojpg.png'\n\nclass SplitPdfDownload extends Component {\n\n downLoadFile = () => {\n axios.post('/download_file', {\n out_put_file_name: sessionStorage.getItem(\"out_put_file_name\"),\n file_name: sessionStorage.getItem(\"file_name\")\n }).then(response => {\n FileDownload(response.data, sessionStorage.getItem(\"file_name\"));\n })\n }\n\n render() {\n const out_put_file_name = sessionStorage.getItem(\"out_put_file_name\")\n const file_name = sessionStorage.getItem(\"file_name\") \n return (\n
\n
\n
\n
\n
\n
\n
\n \n \n
\n
\n
\n
\n
\n \n
\n
\n
\n
\n \n
\n
{sessionStorage.getItem(\"file_name\")}
\n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n \n \n \n \n
\n
\n
\n );\n }\n}\n\nexport default SplitPdfDownload;\n","import React, { Component } from 'react'\n\nimport CompressPdfDownload from './file-download/compresspdf-download'\nimport wordToPdfDownload from './file-download/wordToPdfDownload'\nimport excelToPdfDownload from './file-download/excelToPdfDownload'\nimport pptToPdfDownload from './file-download/pptToPdfDownload'\nimport imgToPdfDownload from './file-download/imgToPdfDownload'\nimport mergePdfDownload from './file-download/mergePdfDownload'\nimport PdfConvertorDownload from './file-download/PdfConvertorDownload'\nimport SplitPdfDownload from './file-download/SplitPdfDownload'\n\n\n\nimport { Route, Switch } from 'react-router-dom'\n\nclass FileDownloadChooser extends Component {\n\n render() {\n return (\n
\n );\n }\n}\n\nexport default Checkbox\n","import React, { Component } from \"react\";\nimport { FormattedMessage } from \"react-intl\";\nimport { CardElement, injectStripe } from \"react-stripe-elements\";\nimport axios from \"axios\";\nimport { NavLink, Link } from \"react-router-dom\";\nimport SelectBox from \"../common_components/selectbox\";\nimport TextBox from \"../common_components/text_box\";\nimport LabelInputPair2column from \"../common_components/label_input_pair_2column\";\nimport ToolTip from \"../common_components/tool_tip\";\nimport Checkbox from \"../common_components/checkbox\";\nimport CardIcons from \"../../assets/images/credit-cards-2.png\";\nimport ThemeButton from \"../common_components/theme_btn\";\n\nimport { DatePicker } from \"element-react\";\n// Translation to english\nimport { i18n } from \"element-react\";\nimport locale from \"element-react/src/locale/lang/en\";\n\nimport \"element-theme-default\";\nimport ThemeButtonLoad from \"../common_components/theme_btn_load\";\n\ni18n.use(locale);\n\nlet scriptLoadingStarted = false;\nvar _this = void 0;\nclass paymentLeft extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n anonymous: false,\n done: true,\n items: [{ value: null }],\n };\n this.buttonClick = this.buttonClick.bind(this);\n // this.response = this.response.bind(this)\n }\n\n buttonClick() {\n this.setState({ done: false });\n }\n\n // response = () =>{\n // this.setState({done:true})\n // alert(response.data.messages);\n // }\n\n handleSubmit = (e) => {\n e.preventDefault();\n this.buttonClick();\n if (this.props.stripe) {\n this.props.stripe.createToken().then(({ token, error }) => {\n if (error) {\n alert(error.message);\n console.log(error.message);\n } else {\n let data = this.formData();\n data[\"token\"] = token.id;\n axios.post(\"/donate\", data).then((response) => {\n var i = 0;\n console.log(this.state.done);\n if (response.data.status == \"success\") {\n // setTimeout(() => {\n this.setState({ done: true });\n // }, 3000);\n this.props.context.donateHandler(data[\"amount\"]);\n this.props.history.push(\"payment/thankyou\");\n // this.setState({done:true})\n } else {\n // setTimeout(function(){\n this.setState({ done: true });\n alert(response.data.messages);\n // }.bind(this), 3000);\n\n console.log(\"this has to be true\" + this.state.done);\n }\n });\n }\n });\n } else {\n console.log(\"Stripe.js hasn't loaded yet.\");\n }\n };\n\n handleBlur = () => {};\n handleChange = (change) => {};\n handleClick = () => {};\n handleFocus = () => {};\n handleReady = () => {};\n\n amountChangeHander = (e, name) => {\n this.props.context.packageHanlder(e.target.value);\n };\n currencyChangeHandler=(item)=>{\n this.props.context.symbolHandler(item);\n }\n\n formData = () => {\n var obj = {};\n var form = document.getElementById(\"donate_form\");\n var elements = form.querySelectorAll(\"input, select\");\n for (var i = 0; i < elements.length; ++i) {\n var element = elements[i];\n var name = element.name;\n var value = element.value;\n\n if (name) {\n obj[name] = value;\n }\n }\n\n return obj;\n };\n\n checkBoxHandler = () => {\n this.setState({\n anonymous: !this.state.anonymous,\n });\n };\n\n componentDidMount() {\n this.setState({\n items: [{ value: \"CHF\", id: \"chf\" }, { value: \"USD\", id: \"usd\" }],\n });\n }\n\n render() {\n const { value1, value2 } = this.state;\n return (\n
\n
\n \n \n \n \n
\n
\n \n
\n
\n \n \n {\" \"}\n \n
\n \n
\n );\n }\n}\nexport default injectStripe(paymentLeft);\n","import React, { Component } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Accordion, AccordionItem } from 'react-light-accordion';\nimport axios from 'axios'\nimport PlayStore from '../../assets/images/googleplay_EN.png'\nimport AppStore from '../../assets/images/Apple_app_store_icon.png'\nimport MockIphone from '../../assets/images/iPhone X Mockup.png'\nimport 'react-light-accordion/demo/css/index.css';\n\nclass paymentRight extends Component{\n\n state = {\n queries: []\n }\n\n componentDidMount(){ \n axios.get('/queries')\n .then(response => {\n this.setState({\n queries: response.data\n })\n })\n }\n\n render(){\n const queries = this.state.queries.map(query => {\n return(\n \n
{query.answer}
\n \n )\n })\n return(\n
\n
\n
\n \n {queries}\n \n
\n
\n
\n
\n \n
\n
\n
\n \n \n
\n
\n
\n
\n );\n }\n\n}\nexport default paymentRight;\n","import React, { Component } from 'react';\nimport PaymentLeft from './paymentLeft'\nimport PaymentRight from './paymentRight'\nimport {Elements, StripeProvider} from 'react-stripe-elements'\n\nclass Payment extends Component{\n render(){\n return (\n
\n
\n
\n
\n \n \n \n \n \n
\n \n
\n
\n
\n );\n }\n}\n\nexport default Payment;\n","import React, { Component } from 'react';\nimport './assets/scss/main.scss';\nimport Home from './components/home/home'\nimport LogIn from './components/Login/index'\nimport SignUp from './components/Sign-up/index'\nimport DrinkDonation from './components/Drink-Donation/index'\nimport FAQ from './components/FAQ/index'\nimport About from './components/About/index'\nimport News from './components/News/index'\nimport NewsCategorySearchPage from './components/News/news-category-searchpage'\nimport NewsCategory from './components/News/news-category'\nimport NewsDetailPage from './components/News/news-detail'\nimport DonationWall from './components/Donation-wall/index.js'\nimport ThankYou from './components/Thank-you/index.js'\nimport DonationSearchPage from './components/Donation-wall/donationSearchpage'\nimport FaqSearchPage from './components/FAQ/faqSearchpage'\nimport PrivacyPolicy from './components/privacy-policy'\nimport TermsConditions from './components/terms-conditions'\nimport Error from './components/common_components/404Page'\nimport TransparentHeader from './components/common_components/transparent_header'\nimport ColorHeader from './components/common_components/colorHeader'\nimport Footer from './components/common_components/footer'\nimport Successful from './components/Sign-up/successful'\nimport Functionality from './components/Functionality/index'\nimport Subscription from './components/Subscription/index'\nimport Rotate from './components/Rotate/index'\nimport NewsFullSearch from './components/News/news-full-searchpage'\nimport PasswordNew from './components/Password/index'\nimport PasswordReset from './components/Password/PasswordReset'\nimport ResetSuccess from './components/Password/ResetSuccess'\nimport ContactUs from './components/contact/contact'\n\nimport {AppProvider, AppContext} from './components/AppProvider/AppProvider'\n\nimport { IntlProvider, addLocaleData } from \"react-intl\";\nimport en from \"react-intl/locale-data/en\";\nimport de from \"react-intl/locale-data/de\";\nimport fr from \"react-intl/locale-data/fr\";\n\nimport localeData from \"./locales/data.json\";\n\n\nimport { BrowserRouter, Route, Switch, Redirect } from 'react-router-dom'\nimport ScrollToTop from 'react-router-scroll-top'\n\nimport HOC from './components/HOC/Hoc'\nimport Payment from './components/Payments/index'\n\nimport { loadReCaptcha } from 'react-recaptcha-google';\n\naddLocaleData([...en, ...de, ...fr]);\n\n// const language =\n// (navigator.languages && navigator.languages[0]) ||\n// navigator.language ||\n// navigator.userLanguage;\n\nconst language = 'fr'\nconst languageWithoutRegionCode = language.toLowerCase().split(/[_-]+/)[0];\n\nconst messages =\n localeData[languageWithoutRegionCode] ||\n localeData[language] ||\n localeData.en;\n\n\nclass App extends Component {\n state = {\n language: 'en'\n }\n componentDidMount() {\n loadReCaptcha();\n }\n\n\n\n changeLanguage = (language) => {\n this.setState({\n language\n })\n }\n\n render() {\n return (\n \n \n \n \n
\n \n \n \n \n );\n }\n}\n\nexport default App;\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://goo.gl/SC7cgQ'\n );\n });\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\n\n // Execute callback\n if (config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import React from 'react';\nimport { render } from 'react-dom'\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\n\n\n\nrender((\n \n), document.getElementById('root'));\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: http://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""}
}/){kind=logo}
\n