{"version":3,"sources":["components/NavMenu.js","components/Layout.js","components/Home.js","App.js","registerServiceWorker.js","index.js"],"names":["NavMenu","props","onClickGoApprovalStudio","window","dataLayer","push","onClickGoApprovalStudioSignUp","toggleNavbar","bind","state","collapsed","this","setState","Navbar","className","light","Container","NavbarBrand","href","onClick","target","src","alt","Collapse","isOpen","navbar","NavItem","NavLink","Component","displayName","name","Layout","children","Home","getUploadParams","meta","url","fields","uid","session","handleChangeStatus","status","file","console","log","flow","axios","post","Qs","stringify","filename","then","response","catch","error","handleSubmit","files","allFiles","map","f","forEach","remove","CreateSession","onSubmitEmail","event","preventDefault","stopPropagation","onEmailConfirmButtonClicked","IsEmailAddressValid","email","isEmailInvalid","onFinishButtonClicked","uuidv4","onEmailBlur","value","onEmailChange","that","test","upload_class","email_class","ok_class","onChangeStatus","onSubmit","accept","addClassNames","submitButton","Form","FormGroup","Label","for","Input","type","id","placeholder","invalid","onBlur","onChange","FormFeedback","FormText","Button","color","align","App","isLocalhost","Boolean","location","hostname","match","registerValidSW","swUrl","navigator","serviceWorker","register","registration","onupdatefound","installingWorker","installing","onstatechange","controller","baseUrl","document","getElementsByTagName","getAttribute","rootElement","getElementById","ReactDOM","render","basename","URL","process","origin","addEventListener","fetch","headers","get","indexOf","ready","unregister","reload","checkValidServiceWorker","registerServiceWorker"],"mappings":"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","file":"static/js/main.a5dee037.chunk.js","sourcesContent":["import React, { Component } from 'react';\r\nimport { Collapse, Container, Navbar, NavbarBrand, NavItem, NavLink } from 'reactstrap';\r\nimport './NavMenu.css';\r\n\r\nexport class NavMenu extends Component {\r\n    static displayName = NavMenu.name;\r\n\r\n    constructor(props) {\r\n        super(props);\r\n\r\n        this.toggleNavbar = this.toggleNavbar.bind(this);\r\n        this.state = {\r\n            collapsed: true\r\n        };\r\n    }\r\n\r\n    toggleNavbar() {\r\n        this.setState({\r\n            collapsed: !this.state.collapsed\r\n        });\r\n    }\r\n\r\n    onClickGoApprovalStudio = () => {\r\n        window.dataLayer.push({\r\n            'event': 'Converter',\r\n            'action': 'Top Panel',\r\n            'label': 'Navigate to Approval Studio Site'\r\n        });\r\n    }\r\n\r\n    onClickGoApprovalStudioSignUp = () => {\r\n        window.dataLayer.push({\r\n            'event': 'Converter',\r\n            'action': 'Top Panel',\r\n            'label': 'Navigate to Sign Up Page'\r\n        });\r\n    }\r\n\r\n    render() {\r\n        return (\r\n            <header>\r\n                <Navbar className=\"navbar-expand-sm navbar-toggleable-sm ng-white border-bottom box-shadow mb-3\" light>\r\n                    <Container>\r\n                        <NavbarBrand href=\"https://approval.studio/\" onClick={this.onClickGoApprovalStudio} target=\"_blank\"><img src=\"/logo.png\" alt=\"Approval Studio\" className=\"brand-logo\" /></NavbarBrand>\r\n                        <Collapse className=\"d-sm-inline-flex flex-sm-row-reverse\" isOpen={!this.state.collapsed} navbar>\r\n                            <ul className=\"navbar-nav flex-grow\">\r\n                                <NavItem className=\"nav-item-try\">\r\n                                    <NavLink href=\"https://app.approval.studio/Account/NewUser\" onClick={this.onClickGoApprovalStudioSignUp} target=\"_blank\">Try Approval Studio</NavLink>\r\n                                </NavItem>\r\n                            </ul>\r\n                        </Collapse>\r\n                    </Container>\r\n                </Navbar>\r\n            </header>\r\n        );\r\n    }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Container } from 'reactstrap';\r\nimport { NavMenu } from './NavMenu';\r\n\r\nexport class Layout extends Component {\r\n  static displayName = Layout.name;\r\n\r\n  render () {\r\n    return (\r\n      <div>\r\n        <NavMenu />\r\n        <Container>\r\n          {this.props.children}\r\n        </Container>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import React, { Component } from 'react';\r\nimport Dropzone from 'react-dropzone-uploader'\r\nimport \"./Home.css\"\r\nimport './react-dropzone-uploader.css'\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport axios from 'axios';\r\nimport Qs from 'qs';\r\nimport { Button, Form, FormGroup, Label, Input, FormText, FormFeedback } from 'reactstrap';\r\nimport { FiCheck, FiRepeat, FiBell } from \"react-icons/fi\";\r\nimport { FcOk } from \"react-icons/fc\";\r\n\r\nconst flow_init = \"init\";\r\nconst flow_upload = \"upload\";\r\nconst flow_email = \"email\";\r\nconst flow_finish = \"finish\";\r\n\r\nexport class Home extends Component {\r\n    static displayName = Home.name;\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        let uid = uuidv4();\r\n        this.state = {\r\n            session: uid,\r\n            flow: flow_init,\r\n            email: '',\r\n            isEmailInvalid: false\r\n        }\r\n        var that = this;\r\n        axios.post('/Api/CreateSession', Qs.stringify({\r\n            uid: this.state.session\r\n        }))\r\n        .then(function (response) {\r\n            console.log(response);\r\n            that.setState({\r\n                session: uid,\r\n                flow: flow_upload,\r\n                email: '',\r\n                isEmailInvalid: false\r\n            });\r\n        })\r\n        .catch(function (error) {\r\n            console.log(error);\r\n        });\r\n    }\r\n\r\n    //\r\n    // Uploader callbacks.\r\n    //\r\n    getUploadParams = (meta) => {\r\n        return {\r\n            url: '/Api/Upload',\r\n            fields: { uid: this.state.session }\r\n        }\r\n    }\r\n\r\n    // called every time a file's `status` changes\r\n    handleChangeStatus = ({ meta, file }, status) => {\r\n        console.log(status, meta, file)\r\n        if (status === \"removed\" && this.state.flow === \"upload\") {\r\n            console.log(\"Marking file \", file.name, \"as deleted\");\r\n            window.dataLayer.push({\r\n                'event': 'Converter',\r\n                'action': 'File Chooser',\r\n                'label': 'Delete File From List'\r\n            });\r\n            axios.post('/Api/DeleteFile', Qs.stringify({\r\n                uid: this.state.session,\r\n                filename: file.name\r\n            }))\r\n            .then(function (response) {\r\n                console.log(response);\r\n            })\r\n            .catch(function (error) {\r\n                console.log(error);\r\n            });\r\n        }\r\n        if (status === \"done\") {\r\n            window.dataLayer.push({\r\n                'event': 'Converter',\r\n                'action': 'File Chooser',\r\n                'label': 'Uploaded'\r\n            });\r\n        }\r\n    }\r\n\r\n    // receives array of files that are done uploading when submit button is clicked\r\n    handleSubmit = (files, allFiles) => {\r\n        console.log(files.map(f => f.meta));\r\n        window.dataLayer.push({\r\n            'event': 'Converter',\r\n            'action': 'File Chooser',\r\n            'label': 'Submit Files'\r\n        });\r\n        //let that = this;\r\n        this.setState(\r\n            {\r\n                flow: flow_email\r\n            },\r\n            () => {\r\n                allFiles.forEach(f => f.remove());\r\n            }\r\n        );\r\n        \r\n        //axios.post('/Api/Commit', Qs.stringify({\r\n        //    uid: this.state.session\r\n        //}))\r\n        //.then(function (response) {\r\n        //    console.log(response);\r\n        //    that.setState({ session: uuidv4() });            \r\n        //})\r\n        //.catch(function (error) {\r\n        //    console.log(error);\r\n        //});\r\n    }    \r\n\r\n    CreateSession = (uid) => {\r\n        //axios.post('/Api/CreateSession', Qs.stringify({\r\n        //    uid: uid\r\n        //}))\r\n        //.then(function (response) {\r\n        //    console.log(response);\r\n        //})\r\n        //.catch(function (error) {\r\n        //    console.log(error);\r\n        //});\r\n    }\r\n\r\n    onClickGoApprovalStudio = () => {\r\n        window.dataLayer.push({\r\n            'event': 'Converter',\r\n            'action': 'Processing Files',\r\n            'label': 'Navigate to Approval Studio Site'\r\n        });\r\n    }\r\n\r\n    //\r\n    // Flow callbacks.\r\n    //\r\n    onSubmitEmail = (event) => {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n    }\r\n\r\n    onEmailConfirmButtonClicked = (event) => {\r\n        if (!this.IsEmailAddressValid(this.state.email)) {\r\n            this.setState({ isEmailInvalid: true });\r\n            return;\r\n        }\r\n\r\n        window.dataLayer.push({\r\n            'event': 'Converter',\r\n            'action': 'Processing Files',\r\n            'label': 'Submit E-Mail'\r\n        });\r\n\r\n        this.setState({ flow: flow_finish });\r\n\r\n        axios.post('/Api/Initiate', Qs.stringify({\r\n            uid: this.state.session,\r\n            email: this.state.email\r\n        }))\r\n        .then(function (response) {\r\n            console.log(response);\r\n        })\r\n        .catch(function (error) {\r\n            console.log(error);\r\n        });\r\n    }\r\n\r\n    onFinishButtonClicked = (event) => {\r\n        window.dataLayer.push({\r\n            'event': 'Converter',\r\n            'action': 'Processing Files',\r\n            'label': 'Convert More Files'\r\n        });\r\n        let uid = uuidv4();\r\n        this.setState({\r\n            session: uid,\r\n            flow: flow_upload,\r\n            email: '',\r\n            isEmailInvalid: false\r\n        });\r\n        \r\n        axios.post('/Api/CreateSession', Qs.stringify({\r\n            uid: uid\r\n        }))\r\n        .then(function (response) {\r\n            console.log(response);\r\n            //this.state = {\r\n            //    session: uid,\r\n            //    flow: flow_upload,\r\n            //    email: '',\r\n            //    isEmailInvalid: false\r\n            //}\r\n        })\r\n        .catch(function (error) {\r\n            console.log(error);\r\n        });\r\n    }\r\n\r\n    onEmailBlur = (event) => {\r\n        this.setState({ email: event.target.value, isEmailInvalid: false });\r\n    }\r\n\r\n    onEmailChange = (event) => {\r\n        this.setState({ email: event.target.value, isEmailInvalid: false });\r\n    }\r\n\r\n    IsEmailAddressValid(email) {\r\n        const expression = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n        return expression.test(email);\r\n    }\r\n\r\n    render() {\r\n        let upload_class = \"\";\r\n        let email_class = \"d-none\";\r\n        let ok_class = \"d-none\";\r\n        switch (this.state.flow) {\r\n            case flow_upload:\r\n                upload_class = \"\";\r\n                email_class = \"d-none\";\r\n                ok_class = \"d-none\";\r\n                break;\r\n            case flow_email:\r\n                upload_class = \"d-none\";\r\n                email_class = \"\";\r\n                ok_class = \"d-none\";\r\n                break;\r\n            case flow_finish:\r\n                upload_class = \"d-none\";\r\n                email_class = \"d-none\";\r\n                ok_class = \"\";\r\n                break;\r\n        }\r\n        return (\r\n            <div className=\"mt-5 main-section\">\r\n                <h1 className=\"text-center\">Welcome to PDF to JPG converter, powered by Approval Studio.</h1>\r\n                <h3 className=\"text-center\">No Registration, no Watermarks, no Ads.</h3>\r\n                <h3 className=\"text-center\">Working on all platforms &mdash; PC, Mac, Android, iOS.</h3>\r\n                <br /><p className=\"text-center\">Follow these simple instructions to convert your file:<br />\r\n                1) Upload and submit your PDF.<br />\r\n                2) Enter your email address.<br/>\r\n                3) Click a link in the email to download your JPG.</p>\r\n                <div className={upload_class}>\r\n                    <b>Step 1 of 2.</b>\r\n                    <Dropzone\r\n                        getUploadParams={this.getUploadParams}\r\n                        onChangeStatus={this.handleChangeStatus}\r\n                        onSubmit={this.handleSubmit}\r\n                        accept=\"application/pdf\"\r\n                        addClassNames={{ submitButton: 'btn btn-primary' }}\r\n                        />\r\n                </div>\r\n                <div className={email_class}>\r\n                    <b>2 of 2 Processing</b>\r\n                    <p>Your PDF(s) are about to be processed. Please enter your email address for getting download links with the converted files.</p>\r\n                    <p>After submitting, the uploaded PDF(s) will be queued to process, this usually takes a couple of minutes or less</p>\r\n                    <Form onSubmit={this.onSubmitEmail}>\r\n                        <FormGroup>\r\n                            <Label for=\"email\">Your email:</Label>\r\n                            {\r\n                                this.state.isEmailInvalid ? \r\n                                    <Input type=\"email\" name=\"email\" id=\"email\" placeholder=\"@\" invalid value={this.state.email} onBlur={this.onEmailBlur} onChange={this.onEmailChange} /> :\r\n                                    <Input type=\"email\" name=\"email\" id=\"email\" placeholder=\"@\" value={this.state.email} onBlur={this.onEmailBlur} onChange={this.onEmailChange} />\r\n                            }                            \r\n                            <FormFeedback>Please provide a valid e-mail adress.</FormFeedback>\r\n                            <FormText>Note: We keep all email private and never disclose to third parties.</FormText>\r\n                        </FormGroup>\r\n                        <Button color=\"primary\" onClick={this.onEmailConfirmButtonClicked}><FiCheck/> Proceed!</Button>\r\n                    </Form>\r\n                </div>\r\n                <div className={ok_class} align=\"center\">\r\n                    <span><FcOk className=\"color-icon\"/></span>\r\n                    <h2>Thank you!</h2>\r\n                    <p>You will get the email with the link to converted files once they are processed.</p>\r\n                    <p>Meanwhile, you can take a look at <a href=\"https://approval.studio/\" onClick={this.onClickGoApprovalStudio} target=\"_blank\">Approval Studio</a> &mdash; ultimate review and approval tool for graphics files.</p>                    \r\n                    <Button color=\"primary\" onClick={this.onFinishButtonClicked}><FiRepeat /> Convert another files</Button>\r\n                    <p className=\"separator-text\"></p>\r\n                    <p className=\"note-text\"><FiBell /> Please note that the emails might go to Spam or some other folders.</p>\r\n                </div>\r\n                \r\n            </div>\r\n        );\r\n    }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Layout } from './components/Layout';\r\nimport { Home } from './components/Home';\r\n\r\nimport './custom.css'\r\n\r\nexport default class App extends Component {\r\n  static displayName = App.name;\r\n\r\n  render () {\r\n    return (\r\n      <Layout>\r\n            {/*<Route exact path='/' component={Home} />*/}\r\n            <Home/>\r\n      </Layout>\r\n    );\r\n  }\r\n}\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n  // [::1] is the IPv6 localhost address.\r\n  window.location.hostname === '[::1]' ||\r\n  // 127.0.0.1/8 is considered localhost for IPv4.\r\n  window.location.hostname.match(\r\n    /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n  )\r\n);\r\n\r\nexport default function register () {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Lets check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl);\r\n      } else {\r\n        // Is not local host. Just register service worker\r\n        registerValidSW(swUrl);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW (swUrl) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the old content will have been purged and\r\n              // the fresh content will have been added to the cache.\r\n              // It's the perfect time to display a \"New content is\r\n              // available; please refresh.\" message in your web app.\r\n              console.log('New content is available; please refresh.');\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker (swUrl) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl)\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      if (\r\n        response.status === 404 ||\r\n        response.headers.get('content-type').indexOf('javascript') === -1\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister () {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready.then(registration => {\r\n      registration.unregister();\r\n    });\r\n  }\r\n}\r\n","import 'bootstrap/dist/css/bootstrap.css';\r\nimport './bootstrap-theme.css';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport registerServiceWorker from './registerServiceWorker';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\nReactDOM.render(\r\n  <BrowserRouter basename={baseUrl}>\r\n    <App />\r\n  </BrowserRouter>,\r\n  rootElement);\r\n\r\nregisterServiceWorker();"],"sourceRoot":""}