{"version":3,"sources":["assets/Title.png","assets/ZiplyneLogo.png","assets/JohnsHopkins.png","assets/DIAMOND.png","components/1_Title/Title.js","assets/WhatIsZiplyne.png","assets/confetti2.png","components/2_WhatIsZiplyne/WhatIsZiplyne.js","assets/confetti1.png","assets/Benefits.png","assets/confetti3.png","assets/confetti4.png","components/3_Benefits/Benefits.js","assets/SAP.png","assets/HRSS.png","assets/PublicSafety.png","assets/Finance.png","components/4_JHUTeams/JHUTeams.js","assets/ZiplynesImpact.png","components/5_ZiplynesImpact/ZiplynesImpact.js","assets/Zipster.png","assets/ZipLetterLogo.png","components/6_Zipster/Zipster.js","assets/TrainingDates.png","components/7_TrainingDates/TrainingDates.js","assets/chromeWebStore.png","components/9_Workflow/WorkflowData.js","components/9_Workflow/Workflow.js","components/10_EmbedForm/EmbedForm.js","components/8_FAQs/FAQs.js","assets/z-logo.png","components/Footer/Footer.js","assets/insta.png","assets/fb.png","assets/twitter.png","assets/linkedin.png","components/HopkinsZiplyneApp.js","components/Loader/ZipLoader.js","components/Auth.js","App.js","index.js"],"names":["Title","props","useEffect","AOS","init","duration","id","data-aos","className","src","DIAMOND","alt","activeClass","to","spy","smooth","href","target","TitleImage","ZiplyneLogo","JohnsHopkins","WhatIsZiplyne","WhatIsZiplyneImage","Confetti2","Benefits","BenefitsImage","Confetti3","Confetti4","JHUTeams","state","imageBool","activeImage","changeImageAndArrow","bind","num","temp","this","setState","prevState","onClick","classnames","SAP","HRSS","PublicSafety","Component","ZiplynesImpact","ZiplynesImpactImage","Zipster","ZipLetterLogo","ZipsterMountains","style","fontWeight","window","open","TrainingDates","TrainingDatesImage","Prerequisites","html","padding","time","WorkflowData","Migration","useStyles","makeStyles","theme","formControl","minWidth","margin","selectInput","color","Workflow","useState","selectedRole","setSelectedRole","setTime","prerequisites","setPrerequisites","workflow","setWorkflow","migration","setMigration","creatorTasks","setCreatorTasks","testerTasks","setTesterTasks","adminTasks","setAdminTasks","countTasks","creators","document","getElementsByClassName","length","testers","admins","removeRoleColor","role","result","i","handleMultiRole","e","selected","includes","getElementById","border","filter","el","push","forEach","resetDefaults","name","onChange","value","flow1","flow2","flow3","item","map","steps","label","description","urlMapping","staging","javascript","production","production2","EmbedForm","environment","setEnvironment","textContent","setTextContent","React","activeStep","setActiveStep","codeType","selectedType","setSelectedType","handleNext","prevActiveStep","setTimeout","handleBack","generateEmbedScript","handleChange","script","Box","Stepper","step","index","Step","StepLabel","optional","Typography","variant","StepContent","sx","mb","Button","mt","mr","disabled","Paper","square","elevation","p","marginBottom","type","checked","textAlign","Stack","spacing","width","Autocomplete","disableClearable","options","event","newValue","renderInput","params","TextField","InputProps","importantTitle","newEl","createElement","setAttribute","appendChild","removeChild","copyText","navigator","clipboard","writeText","FAQs","openQuestion","question","Footer","rel","height","data-aos-delay","Z","scroll","scrollToTop","HopkinsZiplyneApp","ZipLoader","viewBox","stroke","strokeWidth","fill","points","Logo","StyledButton","withStyles","root","background","borderRadius","boxShadow","textTransform","apiBaseURL","popupCenter","url","title","w","h","dualScreenLeft","undefined","screenLeft","screenX","dualScreenTop","screenTop","screenY","innerWidth","documentElement","clientWidth","screen","innerHeight","clientHeight","systemZoom","availWidth","left","top","newWindow","focus","err","console","log","alert","Auth","children","isLogin","setIsLogin","localStorage","getItem","jwtToken","split","payload","expires","JSON","parse","atob","exp","Date","now","key","removeItem","$ziplyne","assignSegment","error","loginByToken","addEventListener","msg","loginResponse","data","zipaction","action","setItem","exception","ssoSignIn","ReactGA","initialize","App","pathName","useHistory","location","pathname","pageURL","search","pageview","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.09a0c166.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/Title.aaf65b4e.png\";","export default __webpack_public_path__ + \"static/media/ZiplyneLogo.1b5bcae7.png\";","export default __webpack_public_path__ + \"static/media/JohnsHopkins.05bd2a00.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAADNklEQVRYR83YPWtTURgH8H+T9MU26VvUtLgoQkqtm6QdFR2sdAg4CK2TuDiKi4pNk+ggVAsKfoUMzvoB3GoRA24OFnQwrRqNrVZNX6L8w3nKaXpzc+65qTRwaQj35v7ynOfl3LZgn71a9pkHNiBe05IdK50OBELp6g/6ixepl5Fs9Z3Pl1cQzw9mx0ozwUBrSr93pbJ1d2ahJ+MXZQqS80KZ0WI6FOy44xSIrcrGvfRCH1EV20CZgKpLBCA0k1jOtIXCt91u5hfVCCSY1lSikGkPdd8y+eV+UG4gK4yAbVH1QL4wflBOoKZgbFG1oKZibFA6aE8wXlEC2lOMF5SAAuwzqUQha1raJuVv0zy3IwOg4+apxXSkLXbD9mam103Ph9sAbDqNmWoHBtAOIJwaXXrWHowkTL/Y9rzp+XAXgHUAW7UogojpBNCfPPZ4PDFw9YntjUyuWy0XHs3m45x3v1WUdsw9gg4A6AZwCMDgleHn1473nrlo8uVez1nbLL65/+roJIAigB8ANtQg3t62EMTo9AI4DOAIgNjloaeXhvsnznu9odv5K+sf3z54PXQdQAHAZwCratkYoV0gRoigQQADXL6peG7iRDR5rhmoUvnDu7n8CDdwywCWAHxREZI82r4NI9TBhCZCYWIAovxsMp67MBJNnvWDKpXfL87lT86qZfqkUCUAa9qS7QC1KlSPggioD0DXZDw3botSmIcACGBUeEj+/KlXZWyKRDGXiGKkmOCMEnPLCqVhvgP4qjDfVO78cqowhkkao6DYH5hPguJfzygHDKOiY1hdTORdDwX6LAtqkbJGuWBY5ozMrlLXc7R22vtC+cXIktUCrVDNwDiB5LNGqM6peG5c+lSzMPVAbqiDqvqYYxw5LAYOSM4lVhMTVxLYKGdqe1yjpw6nSEk7YJvgToFJyiYn5U2UFcYtQgKvPjpr1RdRbYD9SkDc1/wEsKIOa4wJSF8+RoPLxF7Fg++JJYhLxijxYAd2LW23UdToyVWPVHWbq/ZP3EOxu0sOEVBW05vAHRPcyyw0BUmkCBAY/8qLiS2HYwc2RXkB6UvM63SQROS//39IX8LaH+0bwy/8B7SIZTQcC4daAAAAAElFTkSuQmCC\"","//Opening component\r\n\r\nimport React, { useEffect } from \"react\";\r\nimport { Link, animateScroll as scroll } from \"react-scroll\";\r\n\r\nimport TitleImage from \"../../assets/Title.png\";\r\nimport ZiplyneLogo from \"../../assets/ZiplyneLogo.png\";\r\nimport JohnsHopkins from \"../../assets/JohnsHopkins.png\";\r\nimport DIAMOND from \"../../assets/DIAMOND.png\";\r\n\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\n\r\nconst Title = (props) => {\r\n  useEffect(() => {\r\n    AOS.init({\r\n      duration: 2500,\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <div id=\"Title\">\r\n      <div data-aos={\"fade-right\"} className=\"Title__nav\"></div>\r\n      <div data-aos={\"fade-right\"} className=\"Title__diamonds\">\r\n        <div className=\"Title__link\">\r\n          <img src={DIAMOND} className=\"Title__diamond\" alt=\"\" />{\" \"}\r\n          <Link\r\n            activeClass=\"active\"\r\n            to=\"WhatIsZiplyne\"\r\n            className=\"Title__textNav\"\r\n            spy={true}\r\n            smooth={true}\r\n            duration={1000}\r\n          >\r\n            Ziplyne & DAP\r\n          </Link>\r\n        </div>\r\n        <div className=\"Title__link\">\r\n          <img src={DIAMOND} className=\"Title__diamond\" alt=\"\" />\r\n          <Link\r\n            activeClass=\"active\"\r\n            className=\"Title__textNav\"\r\n            to=\"Benefits\"\r\n            spy={true}\r\n            smooth={true}\r\n            duration={1000}\r\n          >\r\n            Benefits of Ziplyne\r\n          </Link>\r\n        </div>\r\n        <div className=\"Title__link\">\r\n          <img src={DIAMOND} className=\"Title__diamond\" alt=\"\" />\r\n          <Link\r\n            activeClass=\"active\"\r\n            className=\"Title__textNav\"\r\n            to=\"JHUTeams\"\r\n            spy={true}\r\n            smooth={true}\r\n            duration={1000}\r\n          >\r\n            Departments Using Ziplyne\r\n          </Link>\r\n        </div>\r\n        <div className=\"Title__link\">\r\n          <img src={DIAMOND} className=\"Title__diamond\" alt=\"\" />\r\n          <Link\r\n            activeClass=\"active\"\r\n            className=\"Title__textNav\"\r\n            to=\"Zipster\"\r\n            spy={true}\r\n            smooth={true}\r\n            duration={1000}\r\n          >\r\n            Become a Zipster\r\n          </Link>\r\n        </div>\r\n        <div className=\"Title__link\">\r\n          <img src={DIAMOND} className=\"Title__diamond\" alt=\"\" />\r\n          <Link\r\n            activeClass=\"active\"\r\n            className=\"Title__textNav\"\r\n            to=\"TrainingDates\"\r\n            spy={true}\r\n            smooth={true}\r\n            duration={1000}\r\n          >\r\n            Download Ziplyne\r\n          </Link>\r\n        </div>\r\n        <div className=\"Title__link\">\r\n          <img src={DIAMOND} className=\"Title__diamond\" alt=\"\" />\r\n          <Link\r\n            activeClass=\"active\"\r\n            className=\"Title__textNav\"\r\n            to=\"Workflow\"\r\n            spy={true}\r\n            smooth={true}\r\n            duration={1000}\r\n          >\r\n            Taking your Zips live\r\n          </Link>\r\n        </div>\r\n        <div className=\"Title__link\">\r\n          <img src={DIAMOND} className=\"Title__diamond\" alt=\"\" />\r\n          <Link\r\n            activeClass=\"active\"\r\n            className=\"Title__textNav\"\r\n            to=\"EmbedForm\"\r\n            spy={true}\r\n            smooth={true}\r\n            duration={1000}\r\n          >\r\n            Embed Script Generator\r\n          </Link>\r\n        </div>\r\n        <div className=\"Title__link\">\r\n          <img src={DIAMOND} className=\"Title__diamond\" alt=\"\" />\r\n          <a \r\n            className=\"Title__textNav\"\r\n            href=\"http://help.ziplyne.com/en/articles/5938374-v6-release-notes\"\r\n            target=\"_blank\"\r\n          >\r\n            Release Notes\r\n          </a>\r\n        </div>\r\n        <div className=\"Title__link\">\r\n          <img src={DIAMOND} className=\"Title__diamond\" alt=\"\" />\r\n          <Link\r\n            activeClass=\"active\"\r\n            className=\"Title__textNav\"\r\n            to=\"FAQs\"\r\n            spy={true}\r\n            smooth={true}\r\n            duration={1000}\r\n          >\r\n            FAQs\r\n          </Link>\r\n        </div>\r\n      </div>\r\n      <h2 data-aos={\"fade-right\"} className=\"Title__text\">\r\n        Johns Hopkins and Ziplyne: Digital Adoption for the World of Today...\r\n        and Tomorrow!\r\n      </h2>\r\n      <img className=\"Title__background\" src={TitleImage} alt=\"\" />\r\n      <img className=\"Title__ziplyneLogo\" src={ZiplyneLogo} alt=\"\" />\r\n      <img className=\"Title__JohnsHopkinsLogo\" src={JohnsHopkins} alt=\"\" />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Title;\r\n","export default __webpack_public_path__ + \"static/media/WhatIsZiplyne.17dc56f2.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHIAAABwCAYAAADCFSR2AAAEiElEQVR4Xu2dzU7bQBSFZ5LwE4WuUal4BFCrsErVrgpsaJ+ga3gNXgPWfYKWDdBVK2UFagWPgErVPZEgxJlqQg2Om8QeezwZn5ysiHLt8T3fnDvjm8hIwReEAhIiCyYhCBJkEhAkQYIoAJIGHUmQIAqApEFHEiSIAiBp0JEECaIASBp0JEGCKACSBh1JkCAKgKRBRxIkiAIgadCRBAmiAEgadCRBgigAkgYdSZAgCoCkQUcSJIgCIGnQkQQJogBIGnQkQYIoAJIGHUmQIAqApEFHEiSIAiBp0JEEaV+BP5c3y9GzLq8t/bE/CuYZp+5IDa/Xq633pRyCGJe7otQAar8mh+DOi/vB+1mHPjWQaQFm9c8o8CF0RPBTAakhdoO5zayQbB83DnqZXO4cpG8QEydFVVysri1cJMZNOcA5yF8/bjeT1sMpa/Lf8NqxtVrvwmeHOgV5dXm3LgKx7huotNczX70/9RWmU5BldGMc8urLhU9pwbuMcwry6ufdR5fJFTGWLrMvXi2eFnHuPOd0BrJ0m5wJqvpYYgkygw1mGmTZNzpR3j6WV2eORAKpoRa16Tn+3mmKqmhWVL/Z74vfeqxqtXL2rtU4mlQ8CDJDaS0C5Nd2Z6cvxK4QamXcJSkhD7dbjcNRnzsDiXDrERXQpiOP251dKdRumjk1DiZBplEvFmNzjXxwoto3uYxRMAnSRMF/sTZBnrRvzjJcglicl+/fbjQGa6h+OQOJ0Ax4FNxSI92kpMZhx11JkFnsYAnkSbvzedLmZvKlyeutVuMDHZkFYHiMNZDZymp4GdHy6sSRSO25gYgWQH476zy/7aoveeYTQeZRTwhho0VnA+RWa2nDaWlF6+rYAKkB5FkjpVLnm6+f7RFkDlfaagbk2bVWhNyPtu2crJFojrQF8qG8ioMsO9doWXV2H0mQ4+2fxZVxNzoDidRntdnVCfGawFSB3Nt+0ziPTw0npZUgkxdk3XMNgv6GrMqdUdEqUEf1euUg2paLxjkByfZcMsgwQq+b3a5o6veBECsiEOf1urgeB9DtrhXgR1e2+6zp0aaLpCPT6fQUZaGrYzpkmvjCQbI9lwZD/hiCNNTQVlfHcNjEcIJMlGg4YGZBshlgOFMyhhfuSILMSMbwMII0FMxWn9Vw2MTwwkGyq5PIwEoAQRrIWESf1WD4iaEEaaDkTINkn9VgpuQILdyRBJmDjsGhBGkglo1fz5kMZxJbOEikXauvXR0NnCANpv1Mg0T69mOmQeoJj1Jefe3qOCmtehAIV3r6hXK4MhS+RoYDlR4mQT7tJkoL03OIzkprfGNYtq+2fF4bnZfWUbv8gUPF3OOTkys9Nfjbp6dH+rxTjWrqbI00uF0bCg2fcx4FrgOKhl6GR3uWCqTJBIg+3H6U09O4vWwAvSitJpCKiEX6rwbel9YiACKekyBBqBIkQYIoAJIGHUmQIAqApEFHEiSIAiBp0JEECaIASBp0JEGCKACSBh1JkCAKgKRBRxIkiAIgadCRBAmiAEgadCRBgigAkgYdSZAgCoCkQUeCgPwL9OYFj5yUUGIAAAAASUVORK5CYII=\"","//Defining what Ziplyne is to the viewer\r\n\r\nimport React, { useEffect } from \"react\";\r\n\r\nimport WhatIsZiplyneImage from \"../../assets/WhatIsZiplyne.png\";\r\nimport Confetti1 from \"../../assets/confetti1.png\";\r\nimport Confetti2 from \"../../assets/confetti2.png\";\r\n\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\n\r\nconst WhatIsZiplyne = (props) => {\r\n  useEffect(() => {\r\n    AOS.init({\r\n      duration: 2500,\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <div id=\"WhatIsZiplyne\">\r\n      <h2 data-aos={\"fade-left\"} className=\"WhatIsZiplyne__title\"> \r\n        What is a Digital Adoption Platform and Ziplyne?\r\n      </h2>\r\n      <p data-aos={\"fade-left\"} className=\"WhatIsZiplyne__description\">\r\n        A Digital Adoption Platform (DAP) is an Enterprise Solution designed to\r\n        ease pain points and augment software experiences related to onboarding,\r\n        training, support and adoption. <br />\r\n        <br />\r\n        Incubated at the Johns Hopkins Social Innovation Lab, Ziplyne is an\r\n        emerging Digital Adoption Platform with multiple Johns Hopkins alumni on\r\n        its current leadership team. Think of Ziplyne as your interactive step-by-step guide on the side.\r\n      </p>\r\n      <img\r\n        data-aos={\"fade-right\"}\r\n        className=\"WhatIsZiplyne--background\"\r\n        src={WhatIsZiplyneImage}\r\n        alt=\"\"\r\n      />\r\n      <img className=\"WhatIsZiplyne__confetti--1\" src={Confetti1} alt=\"\" />\r\n      <img className=\"WhatIsZiplyne__confetti--2\" src={Confetti2} alt=\"\" />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default WhatIsZiplyne;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGcAAABUCAYAAACfryn6AAAECElEQVR4Xu3dTVLbMBQA4KckDTCBdaZ0OAJMO7CiQ3fABnqCruEaXAPWPUFhA+zKNCsy7YQjMKWTNWSAkEQdm5oS42DLlt57kuUdWLKk90WyLf8JSFi+n/fe3vZhWwBsAcj5KIkcyiOoVq5gCO3NtUY7Ka//n74IiPimjlu9HQFyJ60ICeJgc7VxkJbOr88fgTGck1bv2/OekrbZoCfNzFT2P600/qSl9evVI/CEc/rjel8Ksay6CSFle/3j3K5qPp8+PQIhzvHZ9Z6oiq305MkpbBjiuhc3zcGgtvS8BaOa6AZ/LyxOdfK23WS+EOekdXNetJDputjmOLxdXtwvwRDGUBLbWoUONySR9QAgDY9b74l6ykiIZlrdo/UVKbvvPkyfZk1vOp3Iu6+JV4zTvieA6Q/frOcJHicgoWNIewyCuNpYbXzOExCdeYrAcOtBGnEANlZnV3QGWnVbOmA4AQnVc5vXAkaJoxOGC5AT+xwTMByArD9aMwlDDSSCSc67vjxUHd/j6SmGNAwYSqDHGYKMk52TAIM5ts21ub2iwCr5MWGogKycW6OAoQB6wgmv4dyOdtXm2PDPbShhsIGsup7DAQYT6AVOuA866y1DFZZhOJof70niSgIczdThEHuSkxMMFlAijsqOGSMtRxgMIPY4nGFMA7HGsQHGJBBbHJtgTAGxxLERxgQQOxybYXQDscJxAUYnEBscl2B0AbHAcRFGBxA5jsswRYFIccoAUwSIDKdMMHmBSHDKCJMHCB2nzDCqQKg4Hub/HH6WO0vRcDzMy4sraUAoOB5m8lWv14BQcH7/vFtXudsf4wIepzImARnHyfx8DKdoEdSlXn04bS7Ohg9zRYt5nF/3Xwjaal2RSb3HKI7vNWq/kXjv8Thq8TObOvboo1EcfyCgZhkf2jyOWvyMpvY4RsNbcON+WCsYQJPZMXH8zICaJOrRWlC1S3+ek1lo4f3UV9yT0Kxv0MjcBEcTJrxBxOjRWhRGf0id8oOa8GoXFJygah4oGYh8Vtr3IHWYIAdaz/FA40BpF9pIcPwQB5AFhgynzEBZYUhxygikAkOOUyYgVRgWOGUAygPDBsdloLwwrHBcBCoCww7HJaCiMCxxXADSAcMWx2YgXTCscWwE0gnDHscmIN0wVuDYAGQCxhoczkCmYKzC4QhkEsY6HE5ApmGsxOEAhAFjLQ4lEBaM1TgUQJgw1uNgAmHDOIGDAUQB4wyOSSAqGKdwTABRwjiHoxOIGsZJHB1AHGCcxSkCxAXGaZygccqP2jP7kCv6vdJB0DCXLEBBb6nVBp34GzQw65lUlvM4UaNDpH9LZSDDr+4G36auw0OXG0pUz9LgUPeCPOV7nDxRQ8rjcZACnaeYv+YIBYLkRJhAAAAAAElFTkSuQmCC\"","export default __webpack_public_path__ + \"static/media/Benefits.f17732b4.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA2CAYAAACFrsqnAAACcUlEQVRoQ+2asU7DMBCGz45YQBnpS5QngCwg0bIjta/AwDMw8AwMvAJI7FAkuoQ+AX2JZoxgQbkghyaElDRn8BmnStacnfvu9yXncwS04LoP40MJMAYpd5W7AsQUMYmGgX+Tuy9c55iE8XUOUPU1A0qT2+GBv3AaZB1EAYU4HwT+hbMg2XKS8pyyYlLEW2dBJmF8CVL2KSCAGLkLMnu9I0EsjToQnWj9xpaU6PnEiHNnFXkI47GQckQJAiJeOQuiAEgJjxgNAv/MaZCH57gnhTdKIT38UZklxOfXvgWXWmZSersFEGKEADcngT9tTYlCjXMrFKHAdCCUKNm06RSxGW3KszpFKFGyadMpYjPalGd1ilCiZNOGrMhTGPffAfYEwGcluuwxqf0yACyE9BYJJvNyIecUSLbBUc7njhO8U12NcvOMMOTPJrWK6LRj6rywCfQjiM42symUtmBWQB5nb+e1O7Imr2vu24D5BsIBkbNxwxQgJnKiSTBOmAJkotnZa3K6rlmQCrhQ3fNfjV8zKAMxmdxNDnKpkoFYUSMnLLVwmqB17gsbuVF1SHUGTVcAwuayyoHUSdPx/vaVTsSbbAWpLdk0i+795SmT7rB19sJqfjDmyf+AAMBgf+e0/YqwgKw5/jUZsepc5hXROXQ0RcaR7JyFos19yuZ8ELMSxXKemM4PxbBZRaM6qxMpqD8Nsr9vOC8ONQpFbJXyHMXiV/1WCj9nAclRKJZXzkrzgQOGG+Lb0irTmYTh2hFW87i2QWcChjMnyCC5oTYQYpQCTJ1pmVaJ1ZbYk14/xaQHAL1KExuU81sAL0eBP+d8fdfN/QEFQjb9MdqXFwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAC50lEQVR4Xu3dSU7DMBQA0IQWyoJ9F6hHKIJD9BYcj1v0EKD2CBWL7lkAnZALEW0zefiT7e9dJcexX76VxP1WykILqEAJ2po2VigocBAoaE6g6+XHeLsdPpyOeT8s1+b3ZDpaAFuANCcyQlfLr4diV5xBNo52UCykwYoCrSJyX5Zj23C5OhzW90+3c9v62PXEgBrM7931zGfAklBFgIZgVhdACio7KASmJFRWUEhMKahsoBiYElBZQDExuVHJQSkwOVFJQSkxuVDJQDkwOVBJQDkxqVHRQSVgUqKigkrCpEJFA5WISYGKAioZExsVHDQGTExUUNCYMLFQwUBjxMRABQGNGRMaNRg0BUxI1CDQlDChUL1BU8SEQPUCTRkzFNUZNAfMEFQn0JwwfVGtQXPE9EG1As0Z0xW1F1Qx/3NZbJIpOkEVs54Y1IfaCqqY7VlWXaitoO+vnzOXLDifJK+Yj2lDbQS1zs+MWQSg7zeDzXw8vTsmAFelGfTt6xngfMk30RSlNVCNTrc4uIxSBXXzq9e+SEuvgerNyE34ctorqJtfrbaCBgLWDtcpDyzaB6pvSG7gvXd509xKn0OtVSePo5f+B3vbnWzWp020YsNOPn2X973WLdsiO5fv9Jm0WdtrtalqSlHPUb3XQ0+bUdRfjT5MU6f3LxCNVHtMJ1BTOddItYnMzvXQrhtfbqgumM4Rmtv0d8X0Bs1h+vtgBoGmjOqLGQyaImoIJghoSqihmGCgKaBCYIKCxowKhQkOGiMqJCYKaEyo0JhooDGgYmCigkpGxcJEB5WIiolJAioJFRuTDFQCKgUmKSgnKhUmOSgHKiUmCyglKjUmGygFKgcmKygmKhcmOygGKiemCFBIVG5MMaAQqBIwRYGGoErBFAdqOuS8rUfYxwGsU3HMYKmKDaqJyuFwu7jcyUbVx7bziAStOnuE/StX28Px6wvmWyA3xWYtDbLqp2hQ7mjzOb+C+qh1HKOgwKA/RHJ2czTRI1kAAAAASUVORK5CYII=\"","import React, { useEffect } from \"react\";\r\n\r\nimport BenefitsImage from \"../../assets/Benefits.png\";\r\nimport Confetti3 from \"../../assets/confetti3.png\";\r\nimport Confetti4 from \"../../assets/confetti4.png\";\r\n\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\n\r\nconst Benefits = (props) => {\r\n  useEffect(() => {\r\n    AOS.init({\r\n      duration: 3500,\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <div id=\"Benefits\">\r\n      <h2 data-aos={\"fade-right\"} className=\"Benefits__title\">\r\n        What are the Benefits of Ziplyne?\r\n      </h2>\r\n      <p data-aos={\"fade-right\"} className=\"Benefits__description\">\r\n        Ziplyne was designed with the user in mind with an aim of providing an experience that\r\n        is simultaneously low-touch and productive.\r\n        <br />\r\n        <br />\r\n        We believe that in-app guidance should resemble an actual Zip Line,\r\n        leading the user through an efficient and direct journey that is both\r\n        pain-free and engaging.\r\n        <br />\r\n        <br />\r\n        Partnering with a solution like Ziplyne allows us to provide scalable training on top of any \r\n        application without having to worry about retraining end users on the basis of new releases, updates, migrations, etc. \r\n      </p>\r\n      <img\r\n        data-aos={\"fade-left\"}\r\n        className=\"Benefits--background\"\r\n        src={BenefitsImage}\r\n        alt=\"\"\r\n      />\r\n      <img className=\"Benefits__confetti--3\" src={Confetti3} alt=\"\" />\r\n      <img className=\"Benefits__confetti--4\" src={Confetti4} alt=\"\" />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Benefits;\r\n","export default __webpack_public_path__ + \"static/media/SAP.f534f329.png\";","export default __webpack_public_path__ + \"static/media/HRSS.6944661a.png\";","export default __webpack_public_path__ + \"static/media/PublicSafety.e0a6696d.png\";","export default __webpack_public_path__ + \"static/media/Finance.cab01d43.png\";","import React, { Component } from \"react\";\r\n\r\nimport SAP from \"../../assets/SAP.png\";\r\nimport HRSS from \"../../assets/HRSS.png\";\r\nimport Finance from \"../../assets/Finance.png\";\r\nimport PublicSafety from \"../../assets/PublicSafety.png\";\r\n\r\nimport classnames from \"classnames\";\r\n\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\n\r\nexport default class JHUTeams extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.state = {\r\n      imageBool: [true, false, false, false],\r\n      activeImage: 0,\r\n    };\r\n\r\n    this.changeImageAndArrow = this.changeImageAndArrow.bind(this);\r\n  }\r\n\r\n  componentDidMount() {\r\n    AOS.init({\r\n      duration: 3500,\r\n    });\r\n  }\r\n\r\n  changeImageAndArrow(num) {\r\n    var temp = this.state.imageBool;\r\n    temp[this.state.activeImage] = !temp[this.state.activeImage];\r\n    temp[num] = !temp[num];\r\n\r\n    this.setState((prevState) => ({\r\n      imageBool: temp,\r\n      activeImage: num,\r\n    }));\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div id=\"JHUTeams\">\r\n        <div data-aos={\"zoom-in-down\"} className=\"JHUTeams__header\"> \r\n          Departments and Teams at Johns Hopkins Using Ziplyne\r\n        </div>\r\n        <div data-aos={\"zoom-in-up\"} className=\"JHUTeams__carousel\">\r\n          <div className=\"JHUTeams__indicators\">\r\n            <div\r\n              className=\"JHUTeams__indicator\"\r\n              onClick={() => {\r\n                this.changeImageAndArrow(0);\r\n              }}\r\n            >\r\n              <div className=\"JHUTeams__arrow\"></div>\r\n              <div className=\"JHUTeams__title\">SAP</div>\r\n            </div>\r\n            <div\r\n              className=\"JHUTeams__indicator\"\r\n              onClick={() => {\r\n                this.changeImageAndArrow(1);\r\n              }}\r\n            >\r\n              <div className=\"JHUTeams__arrow\"></div>\r\n              <div className=\"JHUTeams__title\">HRSS</div>\r\n            </div>\r\n            <div\r\n              className=\"JHUTeams__indicator\"\r\n              onClick={() => {\r\n                this.changeImageAndArrow(2);\r\n              }}\r\n            >\r\n              <div className=\"JHUTeams__arrow\"></div>\r\n              <div className=\"JHUTeams__title\">Public Safety</div>\r\n            </div>\r\n            {/* <div className = \"JHUTeams__indicator\"  onClick = {() => {this.changeImageAndArrow(3)}}>\r\n                            <div className = \"JHUTeams__arrow\"></div>\r\n                            <div className = \"JHUTeams__title\">Finance</div>\r\n                        </div> */}\r\n          </div>\r\n          <div className=\"JHUTeams__carouselImageWrap\">\r\n            <img\r\n              className={classnames(\r\n                \"JHUTeams__carouselImage\",\r\n                this.state.imageBool[0]\r\n                  ? \"JHUTeams__carouselImageAnimation\"\r\n                  : \"\"\r\n              )}\r\n              src={SAP}\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              className={classnames(\r\n                \"JHUTeams__carouselImage\",\r\n                this.state.imageBool[1]\r\n                  ? \"JHUTeams__carouselImageAnimation\"\r\n                  : \"\"\r\n              )}\r\n              src={HRSS}\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              className={classnames(\r\n                \"JHUTeams__carouselImage\",\r\n                this.state.imageBool[2]\r\n                  ? \"JHUTeams__carouselImageAnimation\"\r\n                  : \"\"\r\n              )}\r\n              src={PublicSafety}\r\n              alt=\"\"\r\n            />\r\n            {/* <img \r\n                           className = {classnames('JHUTeams__carouselImage', this.state.imageBool[3] ? 'JHUTeams__carouselImageAnimation' : '')} \r\n                           src = {Finance} alt=\"\"\r\n                       /> */}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/ZiplynesImpact.138ca2fe.png\";","import React, { useEffect } from \"react\";\r\n\r\nimport Confetti2 from \"../../assets/confetti2.png\";\r\nimport Confetti3 from \"../../assets/confetti3.png\";\r\nimport Confetti4 from \"../../assets/confetti4.png\";\r\nimport ZiplynesImpactImage from \"../../assets/ZiplynesImpact.png\";\r\n\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\n\r\nconst ZiplynesImpact = (props) => {\r\n  useEffect(() => {\r\n    AOS.init({\r\n      duration: 1500,\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <div id=\"ZiplynesImpact\">\r\n      <div data-aos={\"fade-left\"} className=\"ZiplynesImpact--title\">\r\n        Ziplyne's Impact\r\n      </div>\r\n      <div data-aos={\"zoom-in\"} className=\"ZiplynesImpact--impacts\">\r\n        <div className=\"ZiplynesImpact--impact\">\r\n          Increased Application Usage and Process Efficiency\r\n        </div>\r\n        <div className=\"ZiplynesImpact--impact\">\r\n          Increased Training and Onboarding Efficiency\r\n        </div>\r\n        <div className=\"ZiplynesImpact--impact\">\r\n          Reduction in IT Support Calls and HelpDesk Tickets\r\n        </div>\r\n        <div className=\"ZiplynesImpact--impact\">\r\n          Consolidation of Software License Fees\r\n        </div>\r\n        <div className=\"ZiplynesImpact--impact\">Reduced \"Change Fatigue\"</div>\r\n        <div className=\"ZiplynesImpact--impact\">\r\n          Increased Flow and User Productivity\r\n        </div>\r\n        <div className=\"ZiplynesImpact--impact\">\r\n          Improved Employee Engagement and Experience\r\n        </div>\r\n        <div className=\"ZiplynesImpact--impact\">\r\n          Higher ROI and Adoption on Enterprise Software\r\n        </div>\r\n      </div>\r\n      <img\r\n        data-aos={\"fade-right\"}\r\n        src={ZiplynesImpactImage}\r\n        className=\"ZiplynesImpact--image\"\r\n        alt=\"\"\r\n      />\r\n      <img className=\"ZiplynesImpact__confetti--2\" src={Confetti2} alt=\"\" />\r\n      <img className=\"ZiplynesImpact__confetti--3\" src={Confetti3} alt=\"\" />\r\n      <img className=\"ZiplynesImpact__confetti--4\" src={Confetti4} alt=\"\" />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ZiplynesImpact;\r\n","export default __webpack_public_path__ + \"static/media/Zipster.dfce94ff.png\";","export default __webpack_public_path__ + \"static/media/ZipLetterLogo.1546de3a.png\";","import React, { useEffect } from \"react\";\r\n\r\nimport ZipsterMountains from \"../../assets/Zipster.png\";\r\nimport ZipLetterLogo from \"../../assets/ZipLetterLogo.png\";\r\n\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\n\r\nconst Zipster = (props) => {\r\n  useEffect(() => {\r\n    AOS.init({\r\n      duration: 3000,\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <div id=\"Zipster\">\r\n      <h2 data-aos={\"flip-left\"} className=\"Zipster__header\">\r\n        Want to become a{\" \"}\r\n        <span>\r\n          <img className=\"Zipster__zipLogo\" src={ZipLetterLogo} alt=\"\" /> ipster{\" \"}\r\n        </span>\r\n        at Johns Hopkins?\r\n      </h2>\r\n    \r\n      <a\r\n        target=\"_blank\"\r\n        href=\"mailto:ziplyne@lists.johnshopkins.edu?subject=Interested in Becoming a Zipster at Johns Hopkins\"\r\n      >\r\n        <div data-aos={\"flip-left\"} className=\"Zipster__button\">\r\n          Click to become a Zipster!\r\n        </div>\r\n      </a>\r\n      <img\r\n        data-aos={\"fade-left\"}\r\n        className=\"Zipster__mountains\"\r\n        src={ZipsterMountains}\r\n        alt=\"\"\r\n      />\r\n      <div data-aos={\"fade-right\"} className=\"Zipster__Sierra\"> \r\n        <span>Sierra</span><br /> <span style={{fontWeight: \"normal\"}}>Advanced Track</span>\r\n      </div>\r\n      <div data-aos={\"fade-right\"} className=\"Zipster__Tibesti\">\r\n        <span>Tibesti</span><br /> <span style={{fontWeight: \"normal\"}}>Medium Track</span>\r\n      </div>\r\n      <div data-aos={\"fade-right\"} className=\"Zipster__Olympus\">\r\n        <span>Olympus</span><br /> <span style={{fontWeight: \"normal\"}}>Basic Track</span>\r\n      </div>\r\n      <div\r\n        onClick={() =>\r\n          window.open(\r\n            \"http://help.ziplyne.com/en/articles/5013599-zipster-tracks-and-what-they-mean\"\r\n          )\r\n        }\r\n        data-aos={\"fade-right\"}\r\n        className=\"Zipster__buttonLearnMore\"\r\n      >\r\n        Learn More\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Zipster;\r\n","export default __webpack_public_path__ + \"static/media/TrainingDates.77ae622f.png\";","import React, { useEffect } from \"react\";\r\n\r\nimport TrainingDatesImage from \"../../assets/TrainingDates.png\";\r\nimport ChromeWebStoreImage from \"../../assets/chromeWebStore.png\";\r\nimport { PopupWidget } from \"react-calendly\";\r\n\r\nconst TrainingDates = (props) => {\r\n  // const url = \"https://calendly.com/johns-hopkins\";\r\n  // useEffect(() => {\r\n  //   const head = document.querySelector(\"head\");\r\n  //   const script = document.createElement(\"script\");\r\n  //   script.setAttribute(\r\n  //     \"src\",\r\n  //     \"https://assets.calendly.com/assets/external/widget.js\"\r\n  //   );\r\n  //   head.appendChild(script);\r\n  //   let link = document.createElement(\"link\");\r\n  //   link.rel = \"stylesheet\";\r\n  //   link.href = \"https://assets.calendly.com/assets/external/widget.css\";\r\n  //   document.head.appendChild(link);\r\n  // }, []);\r\n  return (\r\n    <div id=\"TrainingDates\">\r\n      <div className=\"TrainingDates__wrap\">\r\n        <div className=\"TrainingDates__title\">Upcoming Training Dates</div>\r\n \r\n        {/* <InlineWidget url={url} /> */}\r\n        <img\r\n          className=\"TrainingDates__chromeWebStore\"\r\n          src={ChromeWebStoreImage}\r\n          alt=\"\"\r\n        />\r\n        <button\r\n          onClick={() =>\r\n            window.open(\r\n              \"https://chrome.google.com/webstore/detail/ziplyne-jh-production-hyb/iolklpfjcbghlmaojgdcdjagkebcmkag?hl=en&authuser=0\"\r\n            )\r\n          }\r\n          className=\"TrainingDates__downloadButton\"\r\n        >\r\n          Click to Download JH-Production Creator\r\n        </button>\r\n        <button\r\n          onClick={() =>\r\n            window.open(\r\n              \"https://chrome.google.com/webstore/detail/ziplyne-jh-production-pla/phaofcagillefigmcbocnnllnflhkjce?hl=en&authuser=0\"\r\n            )\r\n          }\r\n          className=\"TrainingDates__downloadButton\"\r\n        >\r\n          Click to Download JH-Production Player\r\n        </button>\r\n        <button\r\n          onClick={() =>\r\n            window.open(\r\n              \"https://chrome.google.com/webstore/detail/ziplyne-jh-staging-hybrid/dpcjihdeiilacnagdoplphghajdhegjc?hl=en&authuser=0\"\r\n            )\r\n          }\r\n          className=\"TrainingDates__downloadButton\"\r\n        >\r\n          Click to Download JH-Staging Creator\r\n        </button>\r\n        <button\r\n          onClick={() =>\r\n            window.open(\r\n              \"https://chrome.google.com/webstore/detail/ziplyne-jh-staging-player/khhpjplbjeafbecbbahhkkgkepjckkgi?hl=en&authuser=0\"\r\n            )\r\n          }\r\n          className=\"TrainingDates__downloadButton\"\r\n        >\r\n          Click to Download JH-Staging Player\r\n        </button>\r\n        <button\r\n          onClick={() => window.open(\"https://calendly.com/johns-hopkins\")}\r\n          className=\"TrainingDates__CalendlyBtn\"\r\n        >\r\n          Sign Up For Ziplyne Training\r\n        </button>\r\n        <button\r\n          onClick={() =>\r\n            window.open(\r\n              \"http://help.ziplyne.com/en/articles/4872835-installation-of-creator-player-extensions-from-chrome-store\"\r\n            )\r\n          }\r\n          className=\"TrainingDates__instructButton\"\r\n        >\r\n          How to Install Ziplyne Extension\r\n        </button>\r\n        <button\r\n          onClick={() => window.open(\"http://help.ziplyne.com/en\")}\r\n          className=\"TrainingDates__instructButton\"\r\n        >\r\n          Ziplyne Help Center\r\n        </button>\r\n      </div>\r\n      <img\r\n        className=\"TrainingDates--background\"\r\n        src={TrainingDatesImage}\r\n        alt=\"\"\r\n      />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TrainingDates;\r\n","export default \"data:image/png;base64,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\"","export const Prerequisites = [\n    {\n        html: <div style={{padding: \"5px 10px\"}}><span className=\"creator\">Creator</span> wants to create Zips</div>,\n        time: ''\n    },\n    {\n        html: <div style={{padding: \"5px 10px\"}}><span className=\"creator\">Creator</span> talks to <span className=\"admin\">Admin</span> about Zip Audience</div>,\n        time: 15\n    },\n    {\n        html: <div style={{padding: \"5px 10px\"}}><span className=\"admin\">Admin</span> creates groups and adds <span className=\"creator\">Creators</span>,<span className=\"tester\"> Testers</span> and Users</div>,\n        time: 20\n    },\n    {\n        html: <div style={{padding: \"5px 10px\"}}>\n                <span className=\"tester\">Testers</span> to make sure they have the right application security permissions\n                to test the Zips\n            </div>,\n        time: 10\n    }\n]\n\nexport const WorkflowData = [\n    {\n        html: <div style={{padding: \"5px 10px\"}}><span className=\"creator\">Creator</span> creates/modifies Zips</div>,\n        time: ''\n    }, \n    {\n        html: <div style={{padding: \"5px 10px\"}}><span className=\"creator\">Creator</span> tells <span className=\"tester\">Tester</span> that Zips are ready for testing</div>,\n        time:''\n    },\n    {\n        html: <div style={{padding: \"5px 10px\"}}><span className=\"admin\">Admin</span> changes the Zips status to \"Test\"</div>,\n        time: 5\n    },\n    {\n        html: <div style={{padding: \"5px 10px\"}}>\n            <p><span className=\"tester\">Tester</span> checks the following:</p>\n            <ol>\n                <li>Plays back the Zip</li>\n                <li>Selectors and Triggers</li>\n                <li>Consistency</li>\n                <li>Content and process</li>\n            </ol>\n        </div>,\n        time: 30\n    },\n    {\n        html: <div style={{padding: \"5px 10px\"}}><span className=\"tester\">Tester</span> tells <span className=\"creator\">Creator</span> about testing outcome and if additional work is needed </div>,\n        time: 10\n    },\n    {\n        html: <div style={{padding: \"5px 10px\"}}>Based on the outcome of the above, <span className=\"creator\">Creator</span> informs <span className=\"admin\">Admin</span> to move the Zip to Production</div>,\n        time: ''\n    }\n]\n\nexport const Migration = [\n    {\n        html: <div style={{padding: \"5px 10px\"}}><span className=\"admin\">\n            Admin</span> does the Environment(Staging) to Environment(Production) Zip Migration and\n            changes the Zip status to \"Test\" on Production Environment                                \n        </div>,\n        time: ''\n    },\n    {\n        html: <div style={{padding: \"5px 10px\"}}>If <span className=\"creator\">Creator</span> has access to production, they will have the opportunity to validate the Zips one final time</div>,\n        time: ''\n    },\n    {\n        html: <div style={{padding: \"5px 10px\"}}><span className=\"creator\">Creator</span> will inform <span className=\"admin\">Admin</span> to change the Zips status to \"Live\" on Ziplyne Production</div>,\n        time: 10\n    },\n    {\n        html: <div style={{padding: \"5px 10px\"}}>Zips are now LIVE</div>,\n        time: ''\n    }\n]","import React, {useState, useEffect} from 'react'\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Button from '@material-ui/core/Button';\nimport FormHelperText from '@material-ui/core/FormHelperText';\nimport FormControl from '@material-ui/core/FormControl';\nimport Select from '@material-ui/core/Select';\nimport PlayCircleFilledIcon from '@material-ui/icons/PlayCircleFilled';\nimport RateReviewIcon from '@material-ui/icons/RateReview';\nimport WebIcon from '@material-ui/icons/Web';\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\n\nimport { Prerequisites, WorkflowData, Migration } from './WorkflowData'\n\nimport AOS from \"aos\";\nimport \"aos/dist/aos.css\";\n\nconst useStyles = makeStyles((theme) => ({\n    formControl: {\n      minWidth: 150,\n      padding: \"0\",\n      margin: \"0\",\n    },\n    selectInput: {\n        color: \"#fff\"\n    }\n  }));\n\nconst Workflow = () => {\n    const classes = useStyles();\n    const [selectedRole, setSelectedRole] = useState([])\n    const [time, setTime] = useState('')\n    const [prerequisites, setPrerequisites] = useState(Prerequisites);\n    const [workflow, setWorkflow] = useState(WorkflowData)\n    const [migration, setMigration] = useState(Migration)\n    const [creatorTasks, setCreatorTasks] = useState(0)\n    const [testerTasks, setTesterTasks] = useState(0)\n    const [adminTasks, setAdminTasks] = useState(0)\n\n    useEffect(() => {\n        AOS.init({\n          duration: 1500,\n        });\n        countTasks()\n    }, []);\n\n    const countTasks = () => {\n        const creators = document.getElementsByClassName('creator');\n        setCreatorTasks(creators.length);\n        const testers = document.getElementsByClassName('tester')\n        setTesterTasks(testers.length)\n        const admins = document.getElementsByClassName('admin')\n        setAdminTasks(admins.length)\n    }\n\n    const setRoleColor = (arr) => {\n        selectedRole.forEach((role) => {\n            const result = document.getElementsByClassName(role)\n            if(role === 'creator') {\n                for(let i=0; i<result.length; i++) {\n                    result[i].style.color = 'red'\n                }\n            } else if (role === 'tester') {\n                for(let i=0; i<result.length; i++) {\n                    result[i].style.color = 'yellow'\n                }\n            } else if (role === 'admin') {\n                for(let i=0; i<result.length; i++) {\n                    result[i].style.color = 'green'\n                }\n            }\n        })\n    }\n\n    const removeRoleColor = (role) => {\n        const result = document.getElementsByClassName(role)\n        for(let i=0; i<result.length; i++) {\n            result[i].style.color = '#000'\n        }\n    }\n\n    const handleMultiRole = (e, role) => {\n        let selected = selectedRole;\n        if (!selected.includes(role)) {\n            if (role === 'creator') {\n                const el = document.getElementById('Workflow_btn_creator')\n                el.style.border = '4px solid red'\n            } else if (role === 'tester') {\n                const el = document.getElementById('Workflow_btn_tester')\n                el.style.border = '4px solid yellow'\n            } else if (role === 'admin') {\n                const el = document.getElementById('Workflow_btn_admin')\n                el.style.border = '4px solid green'\n            }\n            selected.push(role)\n            setSelectedRole(selected)\n            setRoleColor(selected)\n        } else {\n            if (role === 'creator') {\n                const el = document.getElementById('Workflow_btn_creator')\n                el.style.border = '4px solid transparent';\n            } else if (role === 'tester') {\n                const el = document.getElementById('Workflow_btn_tester')\n                el.style.border = '4px solid transparent'\n            } else if (role === 'admin') {\n                const el = document.getElementById('Workflow_btn_admin')\n                el.style.border = '4px solid transparent'\n            }\n            selected = selected.filter(el => el !== role);\n            setSelectedRole(selected)\n            removeRoleColor(role)\n        }\n    }\n\n    const handleTimeChange = (e) => {\n        setTime(e.target.value)\n        const time = e.target.value;\n        if (time === 'all') {\n            setPrerequisites(Prerequisites);\n            setWorkflow(WorkflowData);\n            setMigration(Migration);\n            resetDefaults()\n        } else {\n            const flow1 = [];\n            const flow2 = [];\n            const flow3 = [];\n            Prerequisites.forEach(item => {\n                if (item.time == time) {\n                    flow1.push({\n                        ...item,\n                        html: <div className=\"time_steps\">{item.html}</div>,\n                    })\n                } else {\n                    flow1.push({\n                        ...item,\n                        html: <div className=\"Workflow_steps\">{item.html}</div>\n                    })\n                }\n            })\n           WorkflowData.forEach(item => {\n                if (item.time == time) {\n                    flow2.push({\n                        ...item,\n                        html: <div className=\"time_steps\">{item.html}</div>,\n                    })\n                } else {\n                    flow2.push({\n                        ...item,\n                        html: <div className=\"Workflow_steps\">{item.html}</div>\n                    })\n                }\n            })\n            Migration.forEach(item => {\n                if (item.time == time) {\n                    flow3.push({\n                        ...item,\n                        html: <div className=\"time_steps\">{item.html}</div>,\n                    })\n                } else {\n                    flow3.push({\n                        ...item,\n                        html: <div className=\"Workflow_steps\">{item.html}</div>\n                    })\n                }\n            })\n            setPrerequisites(flow1);\n            setWorkflow(flow2);\n            setMigration(flow3);\n            resetDefaults()\n        }\n    }\n\n    const resetDefaults = () => {\n        setSelectedRole([])\n        const el1 = document.getElementById('Workflow_btn_creator')\n        el1.style.border = '4px solid transparent';\n        const el2 = document.getElementById('Workflow_btn_tester')\n        el2.style.border = '4px solid transparent';\n        const el3 = document.getElementById('Workflow_btn_admin')\n        el3.style.border = '4px solid transparent';\n        removeRoleColor('creator')\n        removeRoleColor('tester')\n        removeRoleColor('admin')\n    }\n\n    return (\n        <div id=\"Workflow\">\n            <div className=\"Workflow_heading\">\n                <h2 className=\"Workflow--title\">\n                    Taking your Zips live\n                </h2>\n            </div>\n            <div className=\"Workflow_filter\">\n                <h3>Filter By Role: </h3>\n                <div className=\"Workflow_btnGroup\">\n                    <button id=\"Workflow_btn_creator\" className=\"Workflow_btn\" onClick={(e) => handleMultiRole(e, 'creator')}>\n                        <RateReviewIcon className=\"Workflow_btn_icon\" />\n                        <div className=\"Workflow_btn_text\">Creators {creatorTasks && `(${creatorTasks})`}</div>\n                    </button>\n                    <button id=\"Workflow_btn_tester\" className=\"Workflow_btn\" onClick={(e) => handleMultiRole(e, 'tester')}>\n                        <PlayCircleFilledIcon className=\"Workflow_btn_icon\" />\n                        <div className=\"Workflow_btn_text\">Testers {testerTasks && `(${testerTasks})`}</div>\n                    </button>\n                    <button id=\"Workflow_btn_admin\" className=\"Workflow_btn\" onClick={(e) => handleMultiRole(e, 'admin')}>\n                        <WebIcon className=\"Workflow_btn_icon\" />\n                        <div className=\"Workflow_btn_text\">Admins {adminTasks && `(${adminTasks})`}</div>\n                    </button>\n                </div>\n                <h3>Filter by Time:</h3>\n                <div className=\"Workflow_btnGroup\">\n                    <button className=\"Workflow_btn\">\n                        <AccessTimeIcon className=\"Workflow_btn_icon\" />\n                        <form className=\"Workflow_time\">\n                            <select name=\"time\" id=\"time\" onChange={handleTimeChange}>\n                            <option value=\"all\">All</option>\n                            <option value={5}>5 mins</option>\n                            <option value={10}>10 mins</option>\n                            <option value={15}>15 mins</option>\n                            </select>\n                        </form>\n                    </button>\n                </div>\n            </div>\n            <div className=\"Workflow_list\">\n                <div className=\"Workflow_item\">\n                    <div className=\"Workflow_name\">\n                        <h3>1. &nbsp;Prerequisites (45 mins)</h3>\n                        {\n                            prerequisites.map((item, id) => {\n                                return (\n                                    <div key={id} className=\"Workflow_item_main\">\n                                        <div className=\"Workflow_step_container\">\n                                            {item.html}\n                                        </div>\n                                        {\n                                            item.time && <div className=\"Workflow_item_hover\">\n                                                <AccessTimeIcon className=\"Workflow_hover_icon\" />\n                                                <p className=\"Workflow_hover_text\">{item.time} mins</p>\n                                            </div>\n                                        }\n                                        {\n                                            id < prerequisites.length - 1 && <div className=\"Workflow_line\"></div>\n                                        }\n                                    </div>\n                                )\n                            })\n                        }\n                    </div>\n                </div>\n                <div className=\"Workflow_item\">\n                    <div className=\"Workflow_name\">\n                        <h3>2. &nbsp;Workflow (60 mins)</h3>\n                        {\n                            workflow.map((item, id) => {\n                                return (\n                                    <div key={id} className=\"Workflow_item_main\">\n                                        <div className=\"Workflow_step_container\">\n                                            {item.html}\n                                        </div>\n                                        {\n                                            item.time && <div className=\"Workflow_item_hover\">\n                                                <AccessTimeIcon className=\"Workflow_hover_icon\" />\n                                                <p className=\"Workflow_hover_text\">{item.time} mins</p>\n                                            </div>\n                                        }\n                                        {\n                                            id < workflow.length - 1 && <div className=\"Workflow_line\"></div>\n                                        }\n                                    </div>\n                                )\n                            })\n                        }\n                    </div>\n                </div>\n                <div className=\"Workflow_item\">\n                    <div className=\"Workflow_name\">\n                        <h3>3. &nbsp;Migration and Production Live (30 mins)</h3>\n                        {\n                            migration.map((item, id) => {\n                                return (\n                                    <div key={id} className=\"Workflow_item_main\">\n                                        <div className=\"Workflow_step_container\">\n                                            {item.html}\n                                        </div>\n                                        {\n                                            item.time && <div className=\"Workflow_item_hover\">\n                                                <AccessTimeIcon className=\"Workflow_hover_icon\" />\n                                                <p className=\"Workflow_hover_text\">{item.time} mins</p>\n                                            </div>\n                                        }\n                                        {\n                                            id < migration.length - 1 && <div className=\"Workflow_line\"></div>\n                                        }\n                                    </div>\n                                )\n                            })\n                        }\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default Workflow\n","import React, {useState, useEffect} from 'react';\nimport AOS from \"aos\";\nimport \"aos/dist/aos.css\";\nimport TextField from '@mui/material/TextField';\nimport Stack from '@mui/material/Stack';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport Box from '@mui/material/Box';\nimport Stepper from '@mui/material/Stepper';\nimport Step from '@mui/material/Step';\nimport StepLabel from '@mui/material/StepLabel';\nimport StepContent from '@mui/material/StepContent';\nimport Button from '@mui/material/Button';\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\nimport Axios from 'axios';\n\nconst steps = [\n    {\n      label: 'Step 1',\n      description: ``,\n    },\n    {\n      label: 'Step 2',\n      description: '',\n    },\n    {\n      label: 'Step 3',\n      description: ``,\n    }\n];\n\nconst urlMapping = {\n    staging: {\n        html: `<script src=\"https://cdn.mrsziplyneweb.hosts.jhmi.edu/scripts/snippet/JHstaging.js\"></script>`,\n        javascript: `var script = document.createElement('script');\\nscript.src = 'https://cdn.mrsziplyneweb.hosts.jhmi.edu/scripts/snippet/JHstaging.js';\\ndocument.head.appendChild(script);`\n    }, \n    production: {\n        html: `<script src=\"https://cdn.mrmpzipweb01.hosts.jhmi.edu/scripts/snippet/JHprod.js\"></script>`,\n        javascript: `var script = document.createElement('script');\\nscript.src = 'https://cdn.mrmpzipweb01.hosts.jhmi.edu/scripts/snippet/JHprod.js';\\ndocument.head.appendChild(script);`\n    },\n    production2: {\n        html: `<script src=\"https://cdn.mrmpzipweb02.hosts.jhmi.edu/scripts/snippet/JHprod2.js\"></script>`,\n        javascript: `var script = document.createElement('script');\\nscript.src = 'https://cdn.mrmpzipweb02.hosts.jhmi.edu/scripts/snippet/JHprod2.js';\\ndocument.head.appendChild(script);`\n    }\n}\n\nconst EmbedForm = () => {\n    const [environment, setEnvironment] = useState('staging');\n    const [textContent, setTextContent] = useState('');\n    const [activeStep, setActiveStep] = React.useState(0);\n    const [codeType, setCodeType] = React.useState(['html','javascript']);\n    const [selectedType, setSelectedType] = React.useState('')\n\n    const handleNext = () => {\n        let nextStep = activeStep + 1;\n        if (nextStep === 2) {\n            if (selectedType) {\n                setActiveStep((prevActiveStep) => prevActiveStep + 1);\n            } else {\n                let el = document.getElementById('Embedform__warning');\n                el.textContent = 'Select the type first';\n                el.style.color = \"red\";\n                el.style.fontWeight = \"bold\";\n                setTimeout(() => {\n                    el.textContent = '';\n                }, 4000);\n            }\n        } else {\n            setActiveStep((prevActiveStep) => prevActiveStep + 1);\n        }\n    };\n\n    const handleBack = () => {\n        setActiveStep((prevActiveStep) => prevActiveStep - 1);\n    };\n\n    const handleReset = () => {\n        setEnvironment('staging')\n        setActiveStep(0);\n        setSelectedType('')\n    };\n\n\n    useEffect(() => {\n        AOS.init({\n          duration: 2500,\n        }); \n    }, []);\n\n    useEffect(() => {\n        if (activeStep === 2) {\n            generateEmbedScript()\n        }\n    }, [activeStep])\n\n    const apiBaseURL = {\n        staging: {\n            url: \"https://stagingapi.mrsziplyneweb.hosts.jhmi.edu/api/v2\",\n            cdn: \"https://cdn.mrsziplyneweb.hosts.jhmi.edu/scripts/embed\"\n        },\n        production: {\n            url: \"https://api.mrmpzipweb01.hosts.jhmi.edu/api/v2\",\n            cdn: \"https://cdn.mrmpzipweb01.hosts.jhmi.edu/scripts/embed\"\n        }\n    }\n\n    const handleChange = (e) => {\n        setEnvironment(e.target.value);\n        setTextContent('');\n    }\n\n    const generateEmbedScript = () => {\n        handleNext();\n        let el = document.getElementById('copy-btn');\n        let script = urlMapping[environment][selectedType];\n        setTextContent(script)\n        el.textContent = 'Copy text';\n    }\n\n    const copyScript = () => {\n        let importantTitle = document.getElementById('Embedform__important');\n        let newEl = document.createElement('span');\n        newEl.textContent = ' (Important)';\n        newEl.setAttribute('style', 'color: red; font-weight: bold');\n        importantTitle.appendChild(newEl)\n        setTimeout(() => {\n            importantTitle.removeChild(newEl)\n        }, 3000)\n        let copyText = document.getElementById(\"embedScript\");\n\n        /* Copy the text inside the text field */\n        navigator.clipboard.writeText(copyText.textContent);\n\n        let copyEl = document.getElementById('copy-btn');\n        copyEl.textContent = 'Copied!'\n    }\n\n    return (\n        <div id=\"EmbedForm\">\n            <div className=\"EmbedForm__header\">\n                <h2 className=\"EmbedForm__title\">\n                    Embed Script Generator\n                </h2>\n                <Box className=\"EmbedForm__stepper\">\n                    <Stepper activeStep={activeStep}>\n                        {steps.map((step, index) => (\n                        <Step key={step.label}>\n                            <StepLabel\n                            className=\"Embed__stepper_step\"\n                            optional={\n                                index === 2 ? (\n                                <Typography variant=\"caption\">Last step</Typography>\n                                ) : null\n                            }\n                            >\n                            {step.label}\n                            </StepLabel>\n                            <StepContent>\n                            <Typography>{step.description}</Typography>\n                            <Box sx={{ mb: 2 }}>\n                                <div>\n                                <Button\n                                    variant=\"contained\"\n                                    onClick={handleNext}\n                                    sx={{ mt: 1, mr: 1 }}\n                                    className=\"Embed__stepper_btn_next\"\n                                >\n                                    {index === steps.length - 1 ? 'Finish' : 'Continue'}\n                                </Button>\n                                <Button\n                                    disabled={index === 0}\n                                    onClick={handleBack}\n                                    sx={{ mt: 1, mr: 1 }}\n                                    className=\"Embed__stepper_btn_back\"\n                                >\n                                    Back\n                                </Button>\n                                </div>\n                            </Box>\n                            </StepContent>\n                        </Step>\n                        ))}\n                    </Stepper>\n                    {activeStep === steps.length && (\n                        <Paper square elevation={0} sx={{ p: 3 }}>\n                        <Typography>All steps completed - you&apos;re finished</Typography>\n                        <Button \n                            onClick={handleReset} \n                            sx={{ mt: 1, mr: 1 }}\n                            className=\"Embed__stepper_btn_next\"\n                        >\n                            Reset\n                        </Button>\n                        </Paper>\n                    )}\n                </Box>\n                <div className=\"EmbedForm__description\">\n                {\n                    activeStep === 0 && (\n                        <form className=\"EmbedForm__form\">\n                        <label style={{marginBottom: \"2rem\", fontWeight: \"bold\"}}>Please select the Ziplyne Environment for Hopkins</label>\n                        <div className=\"Embedform__form__child_wrapper\">\n                            <div className=\"EmbedForm__form__child\">\n                                <input \n                                    type=\"radio\" \n                                    name=\"environment\" \n                                    value=\"staging\"\n                                    checked={environment === 'staging'}\n                                    onChange={handleChange}\n                                    className=\"EmbedForm__radio\" \n                                />\n                                <label>Staging</label>\n                            </div>\n                            <div className=\"EmbedForm__form__child\">\n                                <input \n                                    type=\"radio\" \n                                    name=\"environment\" \n                                    value=\"production\"\n                                    checked={environment === \"production\"}\n                                    onChange={handleChange}\n                                    className=\"EmbedForm__radio\" \n                                />\n                                <label>Production</label>\n                            </div>\n                            <div className=\"EmbedForm__form__child\">\n                                <input \n                                    type=\"radio\" \n                                    name=\"environment\" \n                                    value=\"production2\"\n                                    checked={environment === 'production2'}\n                                    onChange={handleChange}\n                                    className=\"EmbedForm__radio\" \n                                />\n                                <label>Production 2 (External Sites)</label>\n                            </div>\n                        </div>\n                    </form>\n                    )\n                }\n                {\n                    activeStep === 1 && (\n                        <>\n                        <h3 id=\"Embedform__warning\" style={{textAlign: \"center\"}}></h3>\n                        <h3 style={{textAlign: \"center\"}}>Select the type of Embed Script</h3>\n                        <Stack id=\"domains\" style={{margin: \"0 auto\"}} spacing={2} sx={{ width: 300 }}>\n                            <Autocomplete\n                                // freeSolo\n                                id=\"free-solo-2-demo\"\n                                disableClearable\n                                options={codeType}\n                                onChange={(event, newValue) => {\n                                    setSelectedType(newValue);\n                                    setActiveStep((prevActiveStep) => prevActiveStep + 1);\n                                }}\n                                value={selectedType}\n                                renderInput={(params) => (\n                                <TextField\n                                    {...params}\n                                    label=\"Search for the type\"\n                                    InputProps={{\n                                    ...params.InputProps,\n                                    type: 'search',\n                                    }}\n                                />\n                                )}\n                            />\n                        </Stack>\n                        </>\n                    )\n                }\n                {\n                    (activeStep === 2 || activeStep === 3) && (\n                        <div className=\"EmbedForm__generator\">\n                            <h3 id=\"Embedform__important\">Copy the script to clipboard and inject it to your application</h3>\n                            <div\n                                id=\"embedScript\" \n                                className=\"EmbedForm__textarea\"\n                            >{textContent}</div> \n                            <div>\n                                <button onClick={copyScript} id=\"copy-btn\">Copy script</button>\n                            </div>\n                        </div>\n                    )\n                }\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default EmbedForm;","import React, { Component } from \"react\";\r\n\r\nimport classnames from \"classnames\";\r\n\r\nimport AOS from \"aos\";\r\nimport \"aos/dist/aos.css\";\r\n\r\nexport default class FAQs extends Component {\r\n  constructor(props) {\r\n    super(props);\r\n    this.openQuestion = this.openQuestion.bind(this);\r\n    this.state = {\r\n      question: 0,\r\n    };\r\n  }\r\n\r\n  componentDidMount() {\r\n    AOS.init({\r\n      duration: 3000,\r\n    });\r\n  }\r\n\r\n  openQuestion(num) {\r\n    if (this.state.question === num) {\r\n      this.setState((prevState) => ({\r\n        question: 0,\r\n      }));\r\n    } else {\r\n      this.setState((prevState) => ({\r\n        question: num,\r\n      }));\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div id=\"FAQs\">\r\n        <h2 className=\"FAQs__header\">\r\n          Frequently Asked Questions\r\n        </h2>\r\n        <div className=\"QuestionAnswer\">\r\n          <div className=\"QuestionAnswer__questionWrap\">\r\n            <h2 className=\"QuestionAnswer__question\">\r\n              What is a Zip?\r\n            </h2>\r\n            <div\r\n              className=\"QuestionAnswer__button\"\r\n              onClick={() => {\r\n                this.openQuestion(1);\r\n              }}\r\n              className=\"symbol\"\r\n            >{this.state.question === 1 ? \"-\" : \"+\"}</div>\r\n          </div>\r\n          <div\r\n            className={classnames(\r\n              \"QuestionAnswer__answerWrap\",\r\n              this.state.question === 1\r\n                ? \"QuestionAnswer__answer--animation\"\r\n                : \"\"\r\n            )}\r\n          >\r\n            <div className=\"QuestionAnswer__answer\">\r\n              <div>\r\n              The new form of digital self-service for user onboarding, training and support is known as in-app guides. \r\n              In- app guides are step by step guides that appear for a user in real-time. In the Ziplyne world, we call \r\n              these guides, Zips. You can see a sample of a Zip in the screenshots above.\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"QuestionAnswer\">\r\n          <div className=\"QuestionAnswer__questionWrap\">\r\n            <h2 className=\"QuestionAnswer__question\">\r\n              How do I get access to Ziplyne?\r\n            </h2>\r\n            <div\r\n              className=\"QuestionAnswer__button\"\r\n              onClick={() => {\r\n                this.openQuestion(2);\r\n              }}\r\n              className=\"symbol\"\r\n            >{this.state.question === 2 ? \"-\" : \"+\"}</div>\r\n          </div>\r\n          <div\r\n            className={classnames(\r\n              \"QuestionAnswer__answerWrap\",\r\n              this.state.question === 2\r\n                ? \"QuestionAnswer__answer--animation\"\r\n                : \"\"\r\n            )}\r\n          >\r\n            <div className=\"QuestionAnswer__answer\">\r\n              <div>\r\n                Access to Ziplyne can be achieved seamlessly via the button\r\n                above. If there are any issues with the extension or the\r\n                downloading process, please refer to the contact information\r\n                below.\r\n              </div>\r\n              <div>\r\n                If you are an existing user and need some help/assistance please\r\n                contact: Ziplyne Support:{\" \"}\r\n                <a href=\"mailto:Ziplyne_support@lists.johnshopkins.edu\">\r\n                  Ziplyne_support@lists.johnshopkins.edu\r\n                </a>\r\n              </div>\r\n              <div>\r\n                If you are a brand new user, and want to be onboarded please\r\n                contact:{\" \"}\r\n                <a href=\"mailto:Ziplyne@lists.johnshopkins.edu\">\r\n                  Ziplyne@lists.johnshopkins.edu\r\n                </a>\r\n              </div>\r\n              <div>\r\n                If you already have MS Teams, then you can reach out to a\r\n                Channel for Support{\" \"}\r\n                <a href=\"https://teams.microsoft.com/l/channel/19%3ae88bda8bd36148adb77ef2756f5f6fbe%40thread.tacv2/Post%2520a%2520Problem?groupId=c230710c-3291-4ae1-a507-2561875297a4&tenantId=9fa4f438-b1e6-473b-803f-86f8aedf0dec\">\r\n                  here\r\n                </a>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"QuestionAnswer\">\r\n          <div className=\"QuestionAnswer__questionWrap\">\r\n            <h2 className=\"QuestionAnswer__question\">\r\n              How do I know if I have the Creator or Player installed correctly?\r\n            </h2>\r\n            <div\r\n              className=\"QuestionAnswer__button\"\r\n              onClick={() => {\r\n                this.openQuestion(3);\r\n              }}\r\n              className=\"symbol\"\r\n            >{this.state.question === 3 ? \"-\" : \"+\"}</div>\r\n          </div>\r\n          <div\r\n            className={classnames(\r\n              \"QuestionAnswer__answerWrap\",\r\n              this.state.question === 3\r\n                ? \"QuestionAnswer__answer--animation\"\r\n                : \"\"\r\n            )}\r\n          >\r\n            <div className=\"QuestionAnswer__answer\">\r\n              <div>\r\n                You will see a blue Z or a ? icon appear on your screen as an end user using the Player. \r\n                You will know that the Ziplyne Creator is activated and functioning if it is visible on the page as a purple Z icon.\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"QuestionAnswer\">\r\n          <div className=\"QuestionAnswer__questionWrap\">\r\n            <h2 className=\"QuestionAnswer__question\">\r\n              {\" \"}\r\n              Who do I have to talk at Johns Hopkins in order to get trained?\r\n            </h2>\r\n            <div\r\n              className=\"QuestionAnswer__button\"\r\n              onClick={() => {\r\n                this.openQuestion(4);\r\n              }}\r\n              className=\"symbol\"\r\n            >{this.state.question === 4 ? \"-\" : \"+\"}</div>\r\n          </div>\r\n          <div\r\n            className={classnames(\r\n              \"QuestionAnswer__answerWrap\",\r\n              this.state.question === 4\r\n                ? \"QuestionAnswer__answer--animation\"\r\n                : \"\"\r\n            )}\r\n          >\r\n            <div className=\"QuestionAnswer__answer\">\r\n              <div>\r\n                You can book a time to attend a Ziplyne Training Session via the\r\n                link in the above section. Training Sessions for the Johns\r\n                Hopkins User Community are offered roughly once a month.\r\n              </div>\r\n              <div>\r\n                We need to learn a little more information about you and your\r\n                department and what Application/ Use case you are looking to use\r\n                Ziplyne for.\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"QuestionAnswer\">\r\n          <div className=\"QuestionAnswer__questionWrap\">\r\n            <h2 className=\"QuestionAnswer__question\">\r\n              What is the cost of Ziplyne for me and/or my department?\r\n            </h2>\r\n            <div\r\n              className=\"QuestionAnswer__button\"\r\n              onClick={() => {\r\n                this.openQuestion(5);\r\n              }}\r\n              className=\"symbol\"\r\n            >{this.state.question === 5 ? \"-\" : \"+\"}</div>\r\n          </div>\r\n          <div\r\n            className={classnames(\r\n              \"QuestionAnswer__answerWrap\",\r\n              this.state.question === 5\r\n                ? \"QuestionAnswer__answer--animation\"\r\n                : \"\"\r\n            )}\r\n          >\r\n            <div className=\"QuestionAnswer__answer\">\r\n              <div>\r\n                There is no cost associated with playing back the already\r\n                existing Zips at Johns Hopkins Enterprise as an end user.\r\n              </div>\r\n              <br />\r\n              <div>\r\n                The cost of Ziplyne for your department to Create your own Zips\r\n                or guides, depends on multiple factors such as application type,\r\n                the number of expected end users and the number of guides needed\r\n                for your use case.\r\n              </div>\r\n              <br />\r\n              <div>Zipster as a Service:</div>\r\n              <div>\r\n                On Demand/ Project based Zip creation with a Ziplyne Specialist. For more information on this\r\n                service, please reachout to the {\" \"}\r\n                <a href=\"mailto:ziplyne@lists.johnshopkins.edu\">\r\n                  ziplyne@lists.johnshopkins.edu\r\n                </a>\r\n              </div>\r\n              <br />\r\n              <div>Custom Requirements:</div>\r\n              <div>\r\n                Training for large groups ( outside of standard training)\r\n              </div>\r\n              <div>Customized Deployments & Development</div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"QuestionAnswer\">\r\n          <div className=\"QuestionAnswer__questionWrap\">\r\n            <h2 className=\"QuestionAnswer__question\">\r\n              How fast can I see results from Ziplyne?\r\n            </h2>\r\n            <div\r\n              className=\"QuestionAnswer__button\"\r\n              onClick={() => {\r\n                this.openQuestion(6);\r\n              }}\r\n              className=\"symbol\"\r\n            >{this.state.question === 6 ? \"-\" : \"+\"}</div>\r\n          </div>\r\n          <div\r\n            className={classnames(\r\n              \"QuestionAnswer__answerWrap\",\r\n              this.state.question === 6\r\n                ? \"QuestionAnswer__answer--animation\"\r\n                : \"\"\r\n            )}\r\n          >\r\n            <div className=\"QuestionAnswer__answer\">\r\n              In some simple situations, results can be seen immediately. The\r\n              business impact can be observed by the decrease in support\r\n              tickets, faster onboarding times, higher employee productivity and\r\n              decrease in number of training sessions/ follow-ups needed for the\r\n              end-user community across the enterprise applications at Johns\r\n              Hopkins.\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"QuestionAnswer\">\r\n          <div className=\"QuestionAnswer__questionWrap\">\r\n            <h2 className=\"QuestionAnswer__question\">\r\n              How do I know if Ziplyne will work/integrate with my application?\r\n            </h2>\r\n            <div\r\n              className=\"QuestionAnswer__button\"\r\n              onClick={() => {\r\n                this.openQuestion(7);\r\n              }}\r\n              className=\"symbol\"\r\n            >{this.state.question === 7 ? \"-\" : \"+\"}</div>\r\n          </div>\r\n          <div\r\n            className={classnames(\r\n              \"QuestionAnswer__answerWrap\",\r\n              this.state.question === 7\r\n                ? \"QuestionAnswer__answer--animation\"\r\n                : \"\"\r\n            )}\r\n          >\r\n            <div className=\"QuestionAnswer__answer\"> \r\n              Ziplyne can sit on top of virtually any web-based application\r\n              (including SAP, Mendix, ServiceNow, Kronos), as well as customized\r\n              web sites and applications. Ziplyne is currently working together\r\n              with Johns Hopkins to develop a solution for\r\n              compatibility/integrations with Epic. For more information on this\r\n              initiative, please contact {\" \"} \r\n              <a href=\"mailto:ziplyne@lists.johnshopkins.edu\">\r\n                ziplyne@lists.johnshopkins.edu\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div className=\"QuestionAnswer__buttonEnd\">\r\n          <span\r\n            onClick={() =>\r\n              window.open(\r\n                \"https://teams.microsoft.com/l/channel/19%3a477ae07e82674fe8a532426e7b32519f%40thread.tacv2/General?groupId=c230710c-3291-4ae1-a507-2561875297a4&tenantId=9fa4f438-b1e6-473b-803f-86f8aedf0dec\"\r\n              )\r\n            }\r\n          >\r\n            Join the Ziplyne User Group at Johns Hopkins\r\n          </span>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","export default __webpack_public_path__ + \"static/media/z-logo.f423b10d.png\";","import React from \"react\";\nimport facebook from '../../assets/fb.png'\nimport Z from '../../assets/z-logo.png'\nimport twitter from '../../assets/twitter.png'\nimport linkedin from '../../assets/linkedin.png'\nimport insta from '../../assets/insta.png'\n// next line is to make the button 'toTop' work\nimport { animateScroll as scroll } from \"react-scroll\";\n// import { ExposureZero } from \"@material-ui/icons\";\nimport '../../styles/components/Footer/Footer.scss'\n\nimport \"aos/dist/aos.css\";\n\nconst Footer = () => {\n\n  return (\n    <div id=\"footer\">\n      <div id=\"mountain-footer\"></div>\n      <div id=\"footer-content\">\n        <div id=\"footer-reserved\" data-aos=\"fade-right\">\n          <div id=\"social-links\">\n            <a\n              href=\"https://www.instagram.com/ziplyneinc/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <img src={insta} height=\"30px\" width=\"30px\" />\n            </a>\n            <a\n              href=\"https://www.facebook.com/ziplyne\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <img src={facebook} height=\"30px\" width=\"30px\" />\n            </a>\n            <a\n              href=\"https://twitter.com/ziplyne\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              <img src={twitter} height=\"30px\" width=\"30px\" />\n            </a>\n            <a\n              href=\"https://www.linkedin.com/company/ziplyne/\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n                <img src={linkedin} height=\"30px\" width=\"30px\" /> \n            </a>\n          </div>\n          <div id=\"f-other-links\">\n            <a href=\"#/\">Terms of Service</a>\n            <a href=\"#/\">Privacy Policy</a>\n          </div>\n          <div id=\"rights-reserved\">\n            <p>©2020 Ziplyne. All rights reserved</p>\n          </div>\n        </div>\n\n        <div id=\"footer-menu\" data-aos=\"fade-down\" data-aos-delay=\"500\">\n          <div id=\"f-menu-logo\">\n            <a href=\"https://ziplyne.com/\" target=\"_blank\">\n              <img src={Z} alt=\"\" />\n            </a>\n          </div>\n          <a href=\"https://ziplyne.com/\" target=\"_blank\">Home</a>\n          <a href=\"https://ziplyne.com/product\" target=\"_blank\">Product</a>\n          <a href=\"https://ziplyne.com/team\" target=\"_blank\">About Us</a>\n          <div id=\"to-top\" onClick={() => scroll.scrollToTop()}>\n            <button style={{fontWeight: \"bold\"}}>To the Top</button>\n          </div>\n        </div>\n\n        <div id=\"footer-social\" data-aos=\"fade-right\"></div>\n      </div>\n    </div>\n  );\n};\n\nexport default Footer;","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAB8CAYAAAChbripAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAVlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDUuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iPgogICAgICAgICA8dGlmZjpPcmllbnRhdGlvbj4xPC90aWZmOk9yaWVudGF0aW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KTMInWQAAB81JREFUeAHtXV9sFEUY/2Z7/csdlF4FFaEhQgQM/0KEFx9EozFRCIKYqBHbEp8gRntCSHzQGBMjaYsPxH+JPUSiiZhgMCbigz6ZItEQngCjEgWktnelhWJpe7fjLEi4q2xvZve23Zn9TdLc7s4333zf7/fb2dmdZSFCAQJAAAgAASAABIAAEAACQAAIAIEIIcCCzLW9JbuEMWsB43aSEyWJUTzI/kz0bRFxm2jQsq2sTTzLbPtE2/7G8+XKtewCeGdL/7J8BX+OMb6BiC0oV6DwU4TAMc75lyxP+/2KoWwC2NN8sd627N3C4QtFoWInMASECK6Ik+z1VDrZ7rWTsgigozm7mVn0vgiiwWsgaOcLgZOcrKdTXTNPqHoRlxh/pbMl2ynI/1x4Afn+oPTTejHj+e49zZmNqk58jQAdrZnvGLG1qp3CPkAEOL3Wlk6+IduDZwF0tGa/EI03yXYEu0lEgPPmtnTjxzI9eroEdLRkXgX5MvBOkQ1j+zq3ZlbL9K4sADHbX8EYe1PGOWymDgHOmTMvK1mUBcCZ7cz2UUKOgBihm/a09O8sFaawky/tWzMbLM4OybeA5dQiwIeIVTa1fTSj3y0OpRGAcWpxc4TjYUSAxTnPTThRlxZA52ZeK2751ocxTcTkjgDjfJ17LZG0AHhi4OGJHKEupAgwVh4BiBW9VSFNEWGVQKC9OXOfm4n0CECMz3JzguPhRsCy6C63COUFwBkE4IZiyI+LWz3/AhAvdCRCnifCc0HA5tZslyr5SaCbAxzXAQHbdaR3rdAhLcToHwEIwD+GWnuAALSmz3/wMf8uzPOQaLDo7pVVNG9JjJztmjqLqqcxqhbPQgtLbpRT5nyenF+nOK/v9p3L08gwp1PdozTQmy80D+U2BFBAy7IHamj5g9XUOKei4Kj7ZqyK0e3ziyGcu7jyWoMLv+YgAHfowlWzfG0NrX6shuIzo3dFLJZvuHgJPJrahEXrt8fpzgXRhSGymTukr9sWp7rp0TvrC8+sSAqgfnYFPfFSgqrGTeoKgYnKduTkX1PHaFMbyL8h8MgJ4JHWaTS9MXJp3+D7f7+RQiIpbu+c+3uUmwhESgBrHq+9mTm2riEQGQEkkhbdsxpn/3jdR0YA85eC/PHkO/uREcDcxZG8470V50XHIoPKvP+e0Rdlr7DjLOw4Czx9Z/M00JenwT6bxkauLwIpuAmdaSQEMOO2CqoRq3leyy8/jdLX7w15bR7qdpG4BNTGvZPfcyZnLPmOMiMhAD9n/8/fXA31Gew3uGgIIO49zbOnc34xDnV778iEOq3i4Ma/yVNcO/He8GXxmo/BJRICEB+x8lRyY/rP8ksl7hGaUm7NqI9Vep886oIABKALUwHFCQEEBKwubiEAXZgKKE4IICBgdXELAejCVEBxQgABAauLWwhAF6YCilPL1UDn7Z56scInW+pnedf53EXX/6mXbF+O3cg/nHr/1OMRspYCWLSmmu7fNDnv9z25Q/3DKL8dH6XDe/VYPvZ+aqicEhGzHczos34AAQQgzksQQACoauQSI4BGZAUR6iXxzqAuBZeAAJga6MUcIABY9XA5PMRJp/cIMAKUWVeDGg3/TuoQQJkFoNMdAARQZvIdd4MZfSaAEEAAAriU0es9QlwCyiwCzAHKDKhu7nSbA2i5GHS536Zzp8ekteF8/69+lvzqYaFjlX6cdhf/1msOoKUATh0dIedPtqx4qIbWPlMna15kd3D35aJ903YwBzCNUcV8IABFwEwzhwBMY1QxHwhAETDTzCEA0xhVzAcCUATMNHMIwDRGFfOBABQBM80cAjCNUcV8IABFwEwzhwBMY1QxHwhAETDTzCEA0xhVzAcCUATMNHMIwDRGFfOBABQBM80cAjCNUcV8IABFwEwzhwBMY1QxHwhAETDTzCEA0xhVzAcCUATMNHMIwDRGFfOBABQBM80cAjCNUcV8IABFwEwzhwBMY1QxHwhAETDTzKUFwBjp9eUD05jykQ9jlit30gLgnC76iAFNpxABzrkrd9ICEP9/Vs8U5oCufSBgMXbBrbm0AIgxCMANxZAft4n95RaivAA4O+nmBMfDjUDernTlTl4AQ/XfEufD4U4V0d0CgR927ou7jt7Sn4hpO8iGO1uzX4kOnrpFJ6E+1PN7jroPe9CuPp/8dcffpoPulUTSAnCc2Jy6LKahAM7kqEf8RbHEWNWnE+UtfwkQXl5JJ4+In2MTOURdeBDgxN9+MZ3omygiJQE4jjhZuyZyiLpwICDu/a+Mxay3SkWjLIBU18zvxUOhz0o5Rv1UI2Cldn3YMFgqCmUBOA7ZUMNWMbwcL+Uc9VOEAKd0Kt3wgUzv4gGft9K5JTOHKtiPxGiONw9oFQQCYnQ+kkonH5X17WkEcJy37W88H6OqlaLDo7KdwS5oBPi7KuQ70XgeAQpT6WjN7GXEthUew/bkIeBM+AST21NdjftUe/U8AhR2JDreLp4R3CueFDoPilAmCQFB/FVxW9bBrMp5Xsh3wizLCFCYb/vzA6ssK/8sZ7RROG8qrMN22RDoFtQdYqPVB14+MM11pU+mt7ILoLDTzub+peLSsMK27IWio4VihLijsB7bpREQJ5J4IM3+EDieJrEgl8/Fund8kugt3RIWQAAIAAEgAASAABAAAkDABYF/ATlml6fwSYaGAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","//All components are compiled together here\r\n\r\nimport React from 'react';\r\n\r\nimport Title from './1_Title/Title';\r\nimport WhatIsZiplyne from './2_WhatIsZiplyne/WhatIsZiplyne';\r\nimport Benefits from './3_Benefits/Benefits';\r\nimport JHUTeams from './4_JHUTeams/JHUTeams';\r\nimport ZiplynesImpact from './5_ZiplynesImpact/ZiplynesImpact';\r\nimport Zipster from './6_Zipster/Zipster';\r\nimport TrainingDates from './7_TrainingDates/TrainingDates';\r\nimport Workflow from './9_Workflow/Workflow';\r\nimport EmbedForm from './10_EmbedForm/EmbedForm'\r\nimport FAQs from './8_FAQs/FAQs';\r\nimport Footer from './Footer/Footer'\r\n\r\nexport default class HopkinsZiplyneApp extends React.Component {\r\n\r\n    render() {\r\n        return (\r\n            <>\r\n                <div className = \"HopkinsZiplyneApp\">\r\n                    <Title />\r\n                    <WhatIsZiplyne />\r\n                    <Benefits />\r\n                    <ZiplynesImpact />\r\n                    <JHUTeams />\r\n                    <Zipster />\r\n                    <TrainingDates />\r\n                    <Workflow />\r\n                    <EmbedForm />\r\n                    <FAQs />          \r\n                </div>\r\n                <Footer />\r\n            </>\r\n        );\r\n    }\r\n}\r\n\r\n","import React from \"react\";\nimport \"./index.css\";\nimport Logo from \"../../assets/z-logo.png\";\n\nconst ZipLoader = () => {\n  return (\n    <div id=\"loader-container\">\n      <div id=\"diamond-loader\">\n        <svg className=\"z-svg\" viewBox=\"0 0 200 200\">\n          <polygon\n            id=\"logo-border\"\n            stroke=\"#a46ef6e8\"\n            strokeWidth=\"5\"\n            fill=\"none\"\n            points=\"100 4, 4 100,100 196, 196 100\"\n          />\n        </svg>\n        <div id=\"logo-loader\">\n          <img src={Logo} alt=\"\" />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ZipLoader;\n","import React, { useEffect, useState } from \"react\";\nimport { Button, withStyles } from \"@material-ui/core/\";\nimport ZipLoader from \"./Loader/ZipLoader\";\n\nconst StyledButton = withStyles({\n  root: {\n    background: \"linear-gradient(45deg, #673ab7 30%, #6a2fd2 90%)\",\n    borderRadius: 0,\n    border: 0,\n    color: \"white\",\n    height: 48,\n    padding: \"0 30px\",\n    boxShadow: \"0 3px 5px 2px #e0e0e0\",\n  },\n  label: {\n    textTransform: \"uppercase\",\n  },\n})(Button);\n\nconst apiBaseURL = {\n  staging: \"https://stagingapi.mrsziplyneweb.hosts.jhmi.edu\",\n  prod: \"https://api.mrmpzipweb01.hosts.jhmi.edu\"\n}\nconst ssoSignIn = () => {\n  const baseURL = apiBaseURL.prod;\n  let url = `${baseURL}/api/v2/saml/login`;\n  popupCenter({ url, title: \"Single SignOn\", w: 400, h: 400 });\n};\nconst popupCenter = ({ url, title, w, h }) => {\n  // Fixes dual-screen position                             Most browsers      Firefox\n  const dualScreenLeft =\n    window.screenLeft !== undefined ? window.screenLeft : window.screenX;\n  const dualScreenTop =\n    window.screenTop !== undefined ? window.screenTop : window.screenY;\n\n  const width = window.innerWidth\n    ? window.innerWidth\n    : document.documentElement.clientWidth\n    ? document.documentElement.clientWidth\n    : window.screen.width;\n  const height = window.innerHeight\n    ? window.innerHeight\n    : document.documentElement.clientHeight\n    ? document.documentElement.clientHeight\n    : window.screen.height;\n\n  const systemZoom = width / window.screen.availWidth;\n  const left = (width - w) / 2 / systemZoom + dualScreenLeft - 300;\n  const top = (height - h) / 2 / systemZoom + dualScreenTop;\n  const newWindow = window.open(\n    url,\n    title,\n    `\n      scrollbars=yes,\n      width=${w / systemZoom}, \n      height=${h / systemZoom}, \n      top=${top}, \n      left=${left}\n      `\n  );\n  try {\n    if (window.focus) newWindow.focus();\n  } catch (err) {\n    console.log(\"Popup blocked\");\n    alert(\"Please enable Popup\");\n  }\n};\nconst Auth = ({ children }) => {\n  const [isLogin, setIsLogin] = useState(false);\n  const loginByToken = () => {\n    try {\n      const jwtToken = localStorage.getItem(\"ziplyne_token\");\n      if (jwtToken) {\n        const [, payload] = jwtToken.split(\".\");\n        const { exp: expires } = JSON.parse(window.atob(payload));\n        if (Date.now() >= expires * 1000) {\n          // token expired\n          // clear local storage values\n          let keysToRemove = [\"ziplyne_token\", \"isSAMLLogin\", \"role\", \"player_user\",'ADString',\"companyId\"];\n          keysToRemove.forEach((key) => {\n            localStorage.removeItem(key);\n          });\n        } else {\n          const role = localStorage.getItem(\"role\");\n          if (role) {\n            setTimeout(() => {\n              try {\n                if (document.getElementById(\"ziplyne-player\")) {\n                  window.$ziplyne.assignSegment(role);\n                }\n              } catch (error) {\n                console.log(error);\n              }\n            }, 5000);\n          }\n          setIsLogin(true);\n        }\n      }\n    } catch (error) {}\n  };\n  useEffect(() => {\n    if (localStorage.getItem('isSAMLLogin')) {\n      setIsLogin(true);\n    } else {\n      if (isLogin === false) {\n        loginByToken();\n      }\n    }\n  }, [isLogin]);\n  useEffect(() => {\n    // listen to message sent by auth popup\n    window.addEventListener(\"message\", (msg) => {\n      var loginResponse = msg.data;\n      try {\n        if (loginResponse.zipaction.action === \"authentication\") {\n          localStorage.setItem(\"isSAMLLogin\", true);\n          setIsLogin(true);\n        }\n      } catch (exception) {\n        console.log(exception);\n      }\n    });\n  }, []);\n  return (\n    <>\n      {isLogin ? (\n        children\n      ) : (\n        <>\n          <div className=\"auth-wrap\">\n            <p className=\"auth-title\">\n              Make sure you are connected to VPN and you are a part of Active\n              Directory in order to Sign in\n            </p>\n            <StyledButton onClick={() => ssoSignIn()}>Sign IN</StyledButton>\n          </div>\n          <ZipLoader />\n        </>\n      )}\n    </>\n  );\n};\n\nexport default Auth;\n","import React, { useEffect } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport ReactGA from \"react-ga\";\r\n\r\nimport HopkinsZiplyneApp from \"./components/HopkinsZiplyneApp\";\r\n\r\nimport \"normalize.css/normalize.css\";\r\nimport \"./styles/styles.scss\";\r\nimport Auth from \"./components/Auth\";\r\n\r\nReactGA.initialize(\"G-39QSRFWQ7T\");\r\n\r\nexport const App = () => {\r\n  const history = useHistory();\r\n  const pathName = history.location.pathname;\r\n  useEffect(() => {\r\n    const pageURL = window.location.pathname + window.location.search;\r\n    ReactGA.pageview(pageURL);\r\n  }, [pathName]);\r\n  return (\r\n    <Auth>\r\n      <HopkinsZiplyneApp />\r\n    </Auth>\r\n  );\r\n};\r\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { BrowserRouter } from \"react-router-dom\";\nimport \"./index.css\";\nimport { App } from \"./App\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <BrowserRouter>\n      <App />\n    </BrowserRouter>\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n"],"sourceRoot":""}