{"version":3,"sources":["Components/Calculator/calculator.jsx","Images/CTClogo.png","Components/Header/headerBar.jsx","Images/UoS-RGB-standard-logo-mono-reversed-300x140.png","Components/Footer/footerBar.jsx","Images/iToolAbout1.png","Components/InfoCard/InfoCard.jsx","Components/InfoCard/InfoCard2.jsx","App.js","Components/Graph/graph.jsx","index.js"],"names":["Calculator","props","useState","medianSurvival","ms","setMedianSurvival","bc","setBestCase","wc","setWorstCase","trf","setTargetRateFrom","trt","setTargetRateTo","tarRateFrom","tarRateTo","useEffect","doCalculate","handleChange","e","target","value","test","name","textChanged","Math","round","setTargetRateFromForGraph","setTargetRateToForGraph","setMedianSurvivalForGraph","setBestCaseForGraph","setWorstCaseForGraph","className","type","onChange","style","fontSize","color","HeaderBar","rel","href","src","ctclogo","alt","FooterBar","unilogo","InfoCard","trigger","open","InfoCard2","about1","App","params","useParams","targetRateFrom","targetRateTo","to","icon","faArrowCircleRight","size","print","window","copyUrl","dummy","document","createElement","text","location","body","appendChild","select","execCommand","removeChild","getElementById","classList","remove","add","setTimeout","convertValueForReport","attachMonthLabel","attachYearLabel","convertValueForGraph","manageDecimalPlaces","trunc","textConversionForSmallGraph","replaceAll","Number","toFixed","Graph","bar1_ub","bar2_lb","bar2_ub","trfrom","bar3_lb","bar3_ub","bar4_lb","bar4_ub","trto","bar5_lb","bar5_ub","bar6","worstCase","bestCase","data","labels","datasets","backgroundColor","borderColor","borderWidth","dataForSmallGraph","label","options","responsive","maintainAspectRatio","plugins","tooltip","callbacks","title","context","legend","display","scales","x","font","lineHeight","padding","top","left","right","bottom","y","xAxes","ticks","autoSkip","maxRotation","minRotation","yAxes","beginAtZero","id","faArrowCircleLeft","onClick","faCopy","faPrint","height","width","ReactDOM","render","StrictMode","basename","path","element"],"mappings":"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","file":"static/js/main.d1e87402.chunk.js","sourcesContent":["import React, { useState, useEffect } from \"react\";\r\n\r\nfunction Calculator(props) {\r\n  //ms-median survival, bc-best case, wc-worst case, trf-target range from, trt-target range to\r\n  const [ms, setMedianSurvival] = useState(props.medianSurvival);\r\n  const [bc, setBestCase] = useState(0);\r\n  const [wc, setWorstCase] = useState(0);\r\n  const [trf, setTargetRateFrom] = useState(0);\r\n  const [trt, setTargetRateTo] = useState(0);\r\n  var tarRateFrom = 0;\r\n  var tarRateTo = 0;\r\n\r\n  useEffect(() => {\r\n    doCalculate(\"txtms\", ms);\r\n  });\r\n\r\n  const handleChange = (e) => {\r\n    const re = /^[0-9\\b]+$/;\r\n    if (e.target.value === \"\" || re.test(e.target.value)) {\r\n      doCalculate(e.target.name, e.target.value);\r\n    }\r\n  };\r\n\r\n  const doCalculate = (textChanged, value) => {\r\n    switch (textChanged) {\r\n      case \"txtms\":\r\n        setMedianSurvival(value);\r\n        setBestCase(Math.round(value * 3));\r\n        setWorstCase(value / 4);\r\n        setTargetRateFrom(value / 2);\r\n        setTargetRateTo(value * 2);\r\n\r\n        tarRateFrom = value / 2;\r\n        tarRateTo = value * 2;\r\n        break;\r\n      case \"txtbc\":\r\n        setMedianSurvival(value / 3);\r\n        setBestCase(value);\r\n        setWorstCase(value / 3 / 4);\r\n        setTargetRateFrom(value / 3 / 2);\r\n        setTargetRateTo((value / 3) * 2);\r\n\r\n        tarRateFrom = value / 3 / 2;\r\n        tarRateTo = (value / 3) * 2;\r\n        break;\r\n      case \"txtwc\":\r\n        setMedianSurvival(value * 4);\r\n        setBestCase(value * 4 * 3);\r\n        setWorstCase(value);\r\n        setTargetRateFrom((value * 4) / 2);\r\n        setTargetRateTo(value * 4 * 2);\r\n\r\n        tarRateFrom = (value * 4) / 2;\r\n        tarRateTo = value * 4 * 2;\r\n        break;\r\n      case \"txttrf\":\r\n        setMedianSurvival(value * 2);\r\n        setBestCase(value * 2 * 3);\r\n        setWorstCase((value * 2) / 4);\r\n        setTargetRateFrom(value);\r\n        setTargetRateTo(value * 2 * 2);\r\n\r\n        tarRateFrom = value;\r\n        tarRateTo = value * 2 * 2;\r\n        break;\r\n      case \"txttrt\":\r\n        setMedianSurvival(value / 2);\r\n        setBestCase((value / 2) * 3);\r\n        setWorstCase(value / 2 / 4);\r\n        setTargetRateFrom(value / 2 / 2);\r\n        setTargetRateTo(value);\r\n\r\n        tarRateFrom = value / 2 / 2;\r\n        tarRateTo = value;\r\n        break;\r\n    }\r\n    props.setTargetRateFromForGraph(tarRateFrom);\r\n    props.setTargetRateToForGraph(tarRateTo);\r\n    props.setMedianSurvivalForGraph(ms);\r\n    props.setBestCaseForGraph(bc);\r\n    props.setWorstCaseForGraph(wc);\r\n  };\r\n\r\n  return (\r\n    <div className=\"calcForm\">\r\n      <div className=\"note\">\r\n        All items on this screen are entered and shown in months.\r\n      </div>\r\n      <form>\r\n        <div className=\"formElement\">\r\n          <label>Worst-case scenario</label>\r\n          <input type=\"text\" name=\"txtwc\" value={wc} onChange={handleChange} />\r\n        </div>\r\n        <div className=\"formElement\">\r\n          <label>Lower-typical scenario</label>\r\n          <input\r\n            type=\"text\"\r\n            name=\"txttrf\"\r\n            value={trf}\r\n            onChange={handleChange}\r\n          />\r\n        </div>\r\n        <div className=\"formElement\">\r\n          <label>\r\n          <span style={{ fontSize: '1.8rem', color: '#ff0000' }}><b>*</b></span><span style={{ fontSize: '1.8rem' }}><b>MEDIAN SURVIVAL TIME</b></span>\r\n          </label>\r\n          <input\r\n            type=\"text\"\r\n            name=\"txtms\"\r\n            value={ms}\r\n            onChange={handleChange}\r\n            className=\"medianSurvivalTextBox\"\r\n          />\r\n        </div>\r\n        <div className=\"formElement\">\r\n          <label>Upper-typical scenario</label>\r\n          <input\r\n            type=\"text\"\r\n            name=\"txttrt\"\r\n            value={trt}\r\n            onChange={handleChange}\r\n          />\r\n        </div>\r\n        <div className=\"formElement\">\r\n          <label>Best-case scenario</label>\r\n          <input type=\"text\" name=\"txtbc\" value={bc} onChange={handleChange} />\r\n        </div>\r\n      </form>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Calculator;\r\n","export default __webpack_public_path__ + \"static/media/CTClogo.1335101d.png\";","import React,{ Component } from \"react\";\r\nimport ctclogo from '../../Images/CTClogo.png';\r\nfunction HeaderBar() {\r\n  return (\r\n    <div>\r\n      <div className=\"headerLogo\"><a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://ctc.usyd.edu.au/our-research/specialist-areas/prognostic-tools-for-clinicians/\"><img  src={ctclogo} alt=\"ctc.usyd.edu.au\"/></a></div>\r\n      <div className=\"header\">        \r\n        <div className=\"headerHeading\">3 SCENARIOS FOR SURVIVAL</div>\r\n      </div>\r\n    </div>\r\n    \r\n  );\r\n}\r\n\r\nexport default HeaderBar;\r\n","export default __webpack_public_path__ + \"static/media/UoS-RGB-standard-logo-mono-reversed-300x140.e1388a0f.png\";","import React,{ Component } from \"react\";\r\nimport unilogo from '../../Images/UoS-RGB-standard-logo-mono-reversed-300x140.png';\r\nfunction FooterBar() {\r\n  return (\r\n      \r\n    <div className=\"footer\">      \r\n      <div className=\"footerContent\">\r\n        <p>This prognosis tool was developed by researchers at the NHMRC Clinical Trials Centre, University of Sydney for use by medical professionals. <br/>\r\n        Contact: <a className=\"white-text\" href=\"mailto:ctc.3scenarios4survival@sydney.edu.au\" rel=\"noreferrer noopener\">ctc.3scenarios4survival@sydney.edu.au</a></p>\r\n        \r\n        <div className=\"printHide\">\r\n          <p><br/><br/>\r\n          NHMRC Clinical Trials Centre, the University of Sydney<br/>\r\n            ABN 15 211 513 464 CRICOS number: 00026A<br/>\r\n            Phone: +61 2 9562 5000<br/>\r\n            Fax: + 61 2 9565 1863<br/>\r\n            Email: <a className=\"white-text\" href=\"mailto:ctc.enquiry@sydney.edu.au\" rel=\"noreferrer noopener\">ctc.enquiry@sydney.edu.au</a><br/><br/>\r\n          \r\n          <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://sydney.edu.au/\"><img  src={unilogo} alt=\"sydney.edu.au\"/></a>\r\n          <br/><br/>\r\n          </p>\r\n            2019 © NHMRC Clinical Trials Centre at the University of Sydney. All Rights Reserved.<br/>\r\n          <p>We acknowledge the traditional custodians of the lands on which we work and live, and pay our respects to Elders past, present and future.</p>\r\n        </div>\r\n         \r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default FooterBar;\r\n","export default __webpack_public_path__ + \"static/media/iToolAbout1.6236f87b.png\";","import React from \"react\";\r\nimport Collapsible from \"react-collapsible\";\r\nimport { Component } from \"react\";\r\nimport about1 from '../../Images/iToolAbout1.png';\r\n\r\nfunction InfoCard() {\r\n  return (\r\n    <>\r\n      <div className=\"infoForm regularInfo\">\r\n        <Collapsible trigger=\"HOW TO USE THIS TOOL\" open=\"true\">\r\n          <div className=\"introText\">\r\n            <p>\r\n              This website converts median survival times into ranges representing 3 scenarios for survival: a best case, a worst case, and a typical range.\r\n            </p>\r\n            <p>\r\n              These ranges are based on studies of groups with known median survival times, and of individuals with estimated median survival times.\r\n            </p>\r\n            <p>\r\n              <b>Please enter the estimated MEDIAN SURVIVAL TIME for a group of similar patients</b> (people with the same condition and similar characteristics). <b>Click on the arrow to view scenarios.</b>\r\n            </p>\r\n          </div>\r\n        </Collapsible>\r\n      </div>      \r\n    </>\r\n  );\r\n}\r\n\r\nexport default InfoCard;\r\n","import React from \"react\";\r\nimport Collapsible from \"react-collapsible\";\r\nimport { Component } from \"react\";\r\nimport about1 from '../../Images/iToolAbout1.png';\r\n\r\nfunction InfoCard2() {\r\n  return (\r\n    <>\r\n      <div className=\"infoForm regularInfo\">        \r\n        <Collapsible trigger=\"ABOUT THIS TOOL\">\r\n          <div className=\"introText\">\r\n            <p>\r\n              <b>3 Scenarios for Survival</b> is designed to help oncologists estimate and explain individualised scenarios for survival to their patients with advanced cancer.\r\n            </p><br/>\r\n            <p>\r\n              Most patients want information about their expected survival time, and many want information about specific scenarios, \r\n              for example the longest survival with treatment, average survival, and shortest survival without treatment.<sup>1-3</sup>\r\n              &nbsp;Surveyed patients preferred their expected survival time to be explained as worst-case, typical, and best-case scenarios, \r\n              rather than a single estimate of the median survival time.<sup>4</sup> Patients, family members, \r\n              and other health professionals in another study also reported it helpful to receive prognostic information formatted as 3 scenarios.<sup>5</sup> \r\n            </p> <br/>\r\n            <p>\r\n              Simple multiples (0.25, 0.5, 2 and 3) of an overall survival (OS) curve's median can be used to estimate key percentiles (90th, 75th, 25th, and 10th) \r\n              that can be used as boundaries for describing three scenarios for survival (worst case, typical, and best-case).<sup>6-10</sup>&nbsp;\r\n               These same simple multiples can be applied to an oncologist's estimated median survival in a group of similar patients (ESTIM) to provide worst-case,\r\n              typical and best-case scenarios for survival in an individual patient. \r\n            </p> <br/>\r\n            <p>\r\n              Scenarios for survival time, based on an oncologist's estimate of the median survival in a group of similar patients, have proven remarkably accurate in studies including over 1,000 individuals with advanced cancer.<sup>5,6,11-13</sup>\r\n            </p> <br/>\r\n            <p>\r\n            <img  src={about1} alt=\"about\"/>\r\n            </p><br/>\r\n            <p>\r\n              How to estimate the median survival in a group of similar patients?\r\n            </p><br/>\r\n            <p>\r\n              The median survival time from a pertinent, high-quality clinical trial is an excellent starting point. However, \r\n              estimates from a clinical trial may need to be adjusted for individuals with important differences from those in a trial.  \r\n              When there is no appropriate estimate from a trial, then prognostic information from a population-based registry, \r\n              for example <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"http://www.cancersurvivalrates.com/\">http://www.cancersurvivalrates.com/</a>, a validated nomogram, and clinical experience, may all be helpful. \r\n            </p><br/>\r\n          </div>\r\n        </Collapsible><br/>\r\n        <Collapsible trigger=\"REFERENCES\">\r\n          <div className=\"introText\">\r\n            <p>\r\n              1. Kaplowitz SA, Campo S, Chiu WT. Cancer patients' desires for communication of prognosis information. Health Commun 14:221-41, 2002 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1207/S15327027HC1402_4\">https://doi.org/10.1207/S15327027HC1402_4</a>\r\n            </p><br/>\r\n            <p>\r\n              2. Hagerty RG, Butow PN, Ellis PA, et al. Cancer patient preferences for communication of prognosis in the metastatic setting. J Clin Oncol 22:1721-30, 2004 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1200/JCO.2004.04.095\">https://doi.org/10.1200/JCO.2004.04.095</a>\r\n            </p><br/>\r\n            <p>\r\n              3. Greisinger AJ, Lorimor RJ, Aday LA, et al. Terminally ill cancer patients. Their most important concerns. Cancer Pract 5:147-54, 1997  <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://pubmed.ncbi.nlm.nih.gov/9171550/\">https://pubmed.ncbi.nlm.nih.gov/9171550/</a>\r\n              </p><br/>\r\n            <p>\r\n              4. Kiely BE, McCaughan G, Christodoulou S, et al. Using scenarios to explain life expectancy in advanced cancer: attitudes of people with a cancer experience. Support Care Cancer 21:369-76, 2013 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1007/s00520-012-1526-4\">https://doi.org/10.1007/s00520-012-1526-4</a>\r\n            </p><br/>\r\n            <p>\r\n              5. Nahm SH, Stockler MR, Martin AJ, et al. Using three scenarios to explain life expectancy in advanced cancer: attitudes of patients, family members, and other healthcare professionals. Support Care Cancer 2022. <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1007/s00520-022-07167-3\">https://doi.org/10.1007/s00520-022-07167-3</a>\r\n            </p><br/>\r\n            <p>\r\n              6. Stockler MR, Tattersall MH, Boyer MJ, et al. Disarming the guarded prognosis: predicting survival in newly referred patients with incurable cancer. British Journal of Cancer 94:208-12, 2006 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1038/sj.bjc.6602908\">https://doi.org/10.1038/sj.bjc.6602908</a>\r\n            </p><br/>\r\n            <p>\r\n              7. Kiely BE, Soon Y, Tattersall MHN, Stockler MR. How long have I got? Estimating survival for women starting first-line chemotherapy for metastatic breast cancer (MBC): a systematic review of recent randomized trials. J Clin Oncol 29(4): 456-63, 2011 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1200/JCO.2010.30.2174\">https://doi.org/10.1200/JCO.2010.30.2174</a>\r\n            </p><br/>\r\n            <p>\r\n              8. Kiely BE, Alam M, Blinman P, et al. Estimating typical, best-case and worst-case life expectancy scenarios for patients starting chemotherapy for advanced non-small-cell lung cancer: A systematic review of contemporary randomized trials. Lung Cancer 77(3):537-44, 2012 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1016/j.lungcan.2012.04.017\">https://doi.org/10.1016/j.lungcan.2012.04.017</a>\r\n            </p><br/>\r\n            <p>\r\n              9. West TA, Kiely BE, Stockler MR. Estimating scenarios for survival time in men starting systemic therapies for castration-resistant prostate cancer: A systematic review of randomised trials. European Journal of Cancer 50:1916-24, 2014 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1016/j.ejca.2014.04.004\">https://doi.org/10.1016/j.ejca.2014.04.004</a>\r\n            </p><br/>\r\n            <p>\r\n              10. Vasista A, Stockler MR, West T, et al. More than just the median: Calculating survival times for patients with HER2 positive, metastatic breast cancer using data from recent randomised trials. The Breast 31:99-104; 2017 doi:10.1016/j.breast.2016.10.007 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1016/j.breast.2016.10.007\">https://doi.org/10.1016/j.breast.2016.10.007</a>\r\n            </p><br/>\r\n            <p>\r\n              11. Kiely BE, Martin AJ, Tattersall MH, et al. The median informs the message: accuracy of individualized scenarios for survival time based on oncologists' estimates. J Clin Oncol 31:3565-71, 2013 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1200/JCO.2012.44.7821\">https://doi.org/10.1200/JCO.2012.44.7821</a>\r\n            </p><br/>\r\n            <p>\r\n              12. Vasista A, Stockler M, Martin A, et al. Accuracy and Prognostic Significance of Oncologists' Estimates and Scenarios for Survival Time in Advanced Gastric Cancer. Oncologist 24:e1102-07, 2019 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1634/theoncologist.2018-0613\">https://doi.org/10.1634/theoncologist.2018-0613</a>\r\n            </p><br/>\r\n            <p>\r\n              13. Smith-Uffen MES, Johnson SB, Martin AJ, et al. Estimating survival in advanced cancer: a comparison of estimates made by oncologists and patients. Support Care Cancer 28:3399-3407, 2020 <a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://doi.org/10.1007/s00520-019-05158-5\">https://doi.org/10.1007/s00520-019-05158-5</a>\r\n            </p>\r\n          </div>\r\n        </Collapsible>\r\n      </div>      \r\n    </>\r\n  );\r\n}\r\n\r\nexport default InfoCard2;\r\n","import React, { useState } from \"react\";\nimport \"./App.css\";\nimport { Link, useParams } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faArrowCircleRight } from \"@fortawesome/free-solid-svg-icons\";\n\nimport Calculator from \"./Components/Calculator/calculator\";\nimport HeaderBar from \"./Components/Header/headerBar\";\nimport FooterBar from \"./Components/Footer/footerBar\";\nimport InfoCard from \"./Components/InfoCard/InfoCard\";\nimport InfoCard2 from \"./Components/InfoCard/InfoCard2\";\n\nfunction App() {\n  let params = useParams();\n\n  const [targetRateFrom, setTargetRateFromForGraph] = useState(0);\n  const [targetRateTo, setTargetRateToForGraph] = useState(0);\n  const [ms, setMedianSurvivalForGraph] = useState(params.ms ? params.ms : 0);\n  const [bc, setBestCaseForGraph] = useState(params.bc ? params.bc : 0);\n  const [wc, setWorstCaseForGraph] = useState(params.wc ? params.wc : 0);\n\n  return (\n    <div className=\"mainContainer\">\n      <HeaderBar></HeaderBar>\n      <div className=\"workspace\">\n        <InfoCard></InfoCard>\n        <Calculator\n          setTargetRateFromForGraph={setTargetRateFromForGraph}\n          setTargetRateToForGraph={setTargetRateToForGraph}\n          setMedianSurvivalForGraph={setMedianSurvivalForGraph}\n          setBestCaseForGraph={setBestCaseForGraph}\n          setWorstCaseForGraph={setWorstCaseForGraph}\n          medianSurvival={ms}\n        ></Calculator>\n        <div className=\"calcFormNextLink\">\n          <Link\n            to={`/graph/${ms}/${bc}/${wc}/${targetRateFrom}/${targetRateTo}`}\n          >\n            <FontAwesomeIcon icon={faArrowCircleRight} size=\"3x\" color=\"blue\" />\n          </Link>\n        </div>\n        <InfoCard2></InfoCard2>\n      </div>\n      <FooterBar></FooterBar>\n    </div>\n  );\n}\n\nexport default App;\n","import React,{ Component } from \"react\";\r\nimport { Bar } from \"react-chartjs-2\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useParams } from \"react-router-dom\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport {\r\n  faArrowCircleLeft,\r\n  faCopy,\r\n  faPrint,\r\n} from \"@fortawesome/free-solid-svg-icons\";\r\nimport ctclogo from '../../Images/CTClogo.png';\r\nimport FooterBar from \"../Footer/footerBar\";\r\n\r\nfunction Graph() {\r\n  let params = useParams();\r\n\r\n  // graph x axis value calculations\r\n  let bar1_lb = 0;\r\n  let bar1_ub = params.wc ? params.wc : 0; // worst case\r\n  let bar2_lb = bar1_ub; // worst case\r\n  let bar2_ub = params.trfrom ? params.trfrom : 0; // target rate from\r\n  let bar3_lb = bar2_ub; // target rate from\r\n  let bar3_ub = params.ms ? params.ms : 0; // median\r\n  let bar4_lb = bar3_ub; // median\r\n  let bar4_ub = params.trto ? params.trto : 0; // target rate to\r\n  let bar5_lb = bar4_ub; // target rate to\r\n  let bar5_ub = params.bc ? params.bc : 0; // best case\r\n  let bar6 = bar5_ub; // best case\r\n  // prepare values for x axis and also for report\r\n  let worstCase = convertValueForReport(bar1_ub);\r\n  bar1_ub = convertValueForGraph(bar1_ub);\r\n  bar2_lb = convertValueForGraph(bar2_lb);\r\n  let targetRateFrom = convertValueForReport(bar2_ub);\r\n  bar2_ub = convertValueForGraph(bar2_ub);\r\n  bar3_lb = convertValueForGraph(bar3_lb);\r\n  let medianSurvival = convertValueForReport(bar3_ub);\r\n  bar3_ub = convertValueForGraph(bar3_ub);\r\n  bar4_lb = convertValueForGraph(bar4_lb);\r\n  let targetRateTo = convertValueForReport(bar4_ub);\r\n  bar4_ub = convertValueForGraph(bar4_ub);\r\n  bar5_lb = convertValueForGraph(bar5_lb);\r\n  let bestCase = convertValueForReport(bar5_ub);\r\n  bar5_ub = convertValueForGraph(bar5_ub);\r\n  bar6 = convertValueForGraph(bar6);\r\n\r\n  const data = {\r\n    labels: [\r\n      [\"Less\", \"than\", `${bar1_ub}`],\r\n      [\"Between\", `${bar2_lb}`, \"and\", `${bar2_ub}`],\r\n      [\"Between\", `${bar3_lb}`, \"and\", `${bar3_ub}`],\r\n      [\"Between\", `${bar4_lb}`, \"and\", `${bar4_ub}`],\r\n      [\"Between\", `${bar5_lb}`, \"and\", `${bar5_ub}`],\r\n      [\"More\", \"than\", `${bar6}`],\r\n    ],\r\n    datasets: [\r\n      {\r\n        data: [10, 15, 25, 25, 15, 10],\r\n        backgroundColor: [\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n        ],\r\n        borderColor: [\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n        ],\r\n        borderWidth: 1,\r\n      },\r\n    ],\r\n  };\r\n\r\n  const dataForSmallGraph = {\r\n    labels: [\r\n      ` < ${textConversionForSmallGraph(bar1_ub)}`,\r\n      `${textConversionForSmallGraph(bar2_lb)} - ${textConversionForSmallGraph(\r\n        bar2_ub\r\n      )}`,\r\n      `${textConversionForSmallGraph(bar3_lb)} - ${textConversionForSmallGraph(\r\n        bar3_ub\r\n      )}`,\r\n      `${textConversionForSmallGraph(bar4_lb)} - ${textConversionForSmallGraph(\r\n        bar4_ub\r\n      )}`,\r\n      `${textConversionForSmallGraph(bar5_lb)} - ${textConversionForSmallGraph(\r\n        bar5_ub\r\n      )}`,\r\n      ` > ${textConversionForSmallGraph(bar6)}`,\r\n    ],\r\n    datasets: [\r\n      {\r\n        label: \"\",\r\n        data: [10, 15, 25, 25, 15, 10],\r\n        backgroundColor: [\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n        ],\r\n        borderColor: [\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n          \"rgba(0, 0, 139, 1)\",\r\n        ],\r\n        borderWidth: 1,\r\n      },\r\n    ],\r\n  };\r\n\r\n  const options = {\r\n    responsive: false,\r\n    maintainAspectRatio: false,\r\n    plugins: {\r\n      tooltip: {\r\n        callbacks: {\r\n          title: (context) => {\r\n            return context[0].label.replaceAll(\",\", \" \");\r\n          },\r\n        },\r\n      },\r\n      legend: {\r\n        display: false,\r\n      },\r\n    },\r\n    scales: {\r\n      x: {\r\n        display: true,\r\n        title: {\r\n          display: true,\r\n          text: \"Time\",\r\n          // color: \"#911\",\r\n          font: {\r\n            // family: \"Comic Sans MS\",\r\n            // size: 20,\r\n            lineHeight: 1.2,\r\n          },\r\n          padding: { top: 10, left: 0, right: 0, bottom: 0 },\r\n        },\r\n      },\r\n      y: {\r\n        display: true,\r\n        title: {\r\n          display: true,\r\n          text: \"No of people\",\r\n          // color: \"#191\",\r\n          font: {\r\n            // family: \"Times\",\r\n            // size: 20,\r\n            lineHeight: 1.2,\r\n          },\r\n          padding: { top: 0, left: 0, right: 0, bottom: 0 },\r\n        },\r\n      },\r\n    },\r\n    xAxes: [\r\n      {\r\n        ticks: {\r\n          autoSkip: false,\r\n          maxRotation: 90,\r\n          minRotation: 90,\r\n        },\r\n      },\r\n    ],\r\n    yAxes: [\r\n      {\r\n        ticks: {\r\n          beginAtZero: true,\r\n        },\r\n      },\r\n    ],\r\n  };\r\n  return (\r\n    <>\r\n      <div id=\"divTopMessage\" className=\"urlCopiedMessage urlCopiedMessageHide\">\r\n        URL Copied\r\n      </div>\r\n      <div className=\"headerLogo\"><a target=\"_blank\" rel=\"noreferrer noopener\" href=\"https://ctc.usyd.edu.au/our-research/specialist-areas/prognostic-tools-for-clinicians/\"><img  src={ctclogo} alt=\"ctc.usyd.edu.au\"/></a></div>\r\n      <div className=\"mainContainer\">\r\n        <div className=\"headerForGraph\">\r\n          <Link to={`/${params.ms}`}>\r\n            <FontAwesomeIcon icon={faArrowCircleLeft} size=\"3x\" color=\"blue\" />\r\n          </Link>          \r\n          <div className=\"headerHeading\">3 SCENARIOS FOR SURVIVAL</div>\r\n          <div className=\"buttonContainer\">\r\n            <FontAwesomeIcon\r\n              onClick={copyUrl}\r\n              icon={faCopy}\r\n              size=\"3x\"\r\n              color=\"blue\"\r\n              className=\"showMousePointerAsLink\"\r\n              tooltip=\"Print Page\"\r\n            />\r\n            <FontAwesomeIcon\r\n              onClick={print}\r\n              icon={faPrint}\r\n              size=\"3x\"\r\n              color=\"blue\"\r\n              className=\"showMousePointerAsLink\"\r\n              tooltip=\"Print Page\"\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"headerForGraphForPrint\">\r\n          <div className=\"headerHeading\">3 SCENARIOS FOR SURVIVAL</div>\r\n        </div>\r\n        <div className=\"resultForm\">\r\n          <div className=\"resultText\">\r\n            <div className=\"resultTextHeading\">Imagine 100 people...</div>\r\n            <p className=\"resultTextPara\">\r\n              It is impossible to see into the future but we can get an idea of\r\n              how the future might look by thinking about how a group of similar\r\n              people would do.\r\n            </p>\r\n            <p className=\"resultTextPara\">\r\n              Many people in this situation have said it's helpful to think\r\n              about the worst-case scenario, the best-case scenario, and the\r\n              typical scenario which is somewhere in between.\r\n            </p>\r\n            <p className=\"resultTextPara\">\r\n              If we imagine 100 people in exactly the same situation, then we'd\r\n              expect approximately:\r\n            </p>\r\n            <p className=\"resultTextPara\">\r\n              - 5 to 10 would die within <b>{worstCase}</b> (worst-case\r\n              scenario)\r\n              <br />- the middle 50 would live <b>{targetRateFrom}</b> to{\" \"}\r\n              <b>{targetRateTo}</b>&nbsp;(typical scenario)\r\n              <br />- 5 to 10 would live longer than <b>{bestCase}</b>{\" \"}\r\n              (best-case scenario)\r\n              <br />\r\n            </p>\r\n            <p className=\"resultTextPara\">\r\n              This also means that <br />- half the people would live longer\r\n              than <b>{medianSurvival}</b> and <br />- half the people would\r\n              live less than <b>{medianSurvival}</b>\r\n            </p>\r\n            <p className=\"resultTextPara\">\r\n              Cancer is very unpredictable. Sometimes that unpredictability acts\r\n              in your favour.\r\n            </p>\r\n          </div>\r\n          <Bar\r\n            data={data}\r\n            options={options}\r\n            height={500}\r\n            width={700}\r\n            className=\"chartPrint\"\r\n          ></Bar>\r\n          <Bar\r\n            data={data}\r\n            options={options}\r\n            height={500}\r\n            width={700}\r\n            className=\"chartFull\"\r\n          ></Bar>\r\n          <Bar\r\n            data={dataForSmallGraph}\r\n            options={options}\r\n            height={400}\r\n            width={300}\r\n            className=\"chartSmall\"\r\n          ></Bar>\r\n          <Bar\r\n            data={dataForSmallGraph}\r\n            options={options}\r\n            height={400}\r\n            width={300}\r\n            className=\"chartSmaller\"\r\n          ></Bar>\r\n          <Bar\r\n            data={dataForSmallGraph}\r\n            options={options}\r\n            height={300}\r\n            width={300}\r\n            className=\"chartSmallest\"\r\n          ></Bar>\r\n        </div>\r\n      </div>\r\n      <FooterBar></FooterBar>\r\n    </>\r\n  );\r\n}\r\n\r\nfunction print() {\r\n  window.print();\r\n}\r\n\r\nfunction copyUrl() {\r\n  var dummy = document.createElement(\"input\"),\r\n    text = window.location.href;\r\n\r\n  document.body.appendChild(dummy);\r\n  dummy.value = text;\r\n  dummy.select();\r\n  document.execCommand(\"copy\");\r\n  document.body.removeChild(dummy);\r\n\r\n  document\r\n    .getElementById(\"divTopMessage\")\r\n    .classList.remove(\"urlCopiedMessageHide\");\r\n  document.getElementById(\"divTopMessage\").classList.add(\"urlCopiedMessage\");\r\n\r\n  setTimeout(function () {\r\n    document\r\n      .getElementById(\"divTopMessage\")\r\n      .classList.remove(\"urlCopiedMessage\");\r\n    document\r\n      .getElementById(\"divTopMessage\")\r\n      .classList.add(\"urlCopiedMessageHide\");\r\n  }, 2000);\r\n}\r\n\r\nfunction convertValueForReport(value) {\r\n  return value / 12 < 2 ? attachMonthLabel(value) : attachYearLabel(value);\r\n}\r\n\r\nfunction convertValueForGraph(value) {\r\n  return value / 12 < 2 ? attachMonthLabel(value) : attachYearLabel(value);\r\n}\r\n\r\nfunction manageDecimalPlaces(value) {\r\n  return value % 1 < 0.5 ? Math.trunc(value) : Math.trunc(value) + 1;\r\n}\r\n\r\nfunction textConversionForSmallGraph(value) {\r\n  return value\r\n    .replaceAll(\"week\", \"w\")\r\n    .replaceAll(\"month\", \"m\")\r\n    .replaceAll(\"months\", \"ms\")\r\n    .replaceAll(\"year\", \"y\")\r\n    .replaceAll(\"years\", \"ys\");\r\n}\r\n\r\nfunction attachMonthLabel(value) {\r\n  if (value <= 0.25) return \"1 week\";\r\n  if (value > 0.25 && value <= 0.5) return \"2 weeks\";\r\n  if (value > 0.5 && value <= 0.75) return \"3 weeks\";\r\n  if (value > 0.75 && value <= 1) return \"4 weeks\";\r\n  if (value > 1 && value <= 1.25) return \"5 weeks\";\r\n  if (value > 1.25 && value <= 1.5) return \"6 weeks\";\r\n  if (value > 1.5 && value <= 1.75) return \"7 weeks\";\r\n  if (value > 1.75 && value <= 2) return \"8 weeks\";\r\n  return manageDecimalPlaces(Number(value).toFixed(2)) + \" months\";\r\n}\r\n\r\nfunction attachYearLabel(value) {\r\n  if (value == 1) return \"1 year\";\r\n  return manageDecimalPlaces((value / 12).toFixed(2)) + \" years\";\r\n}\r\n\r\nexport default Graph;\r\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Routes, Route, BrowserRouter } from \"react-router-dom\";\n\nimport App from \"./App\";\nimport Graph from \"./Components/Graph/graph\";\n\nReactDOM.render(\n  <React.StrictMode>\n    <BrowserRouter basename={\"/3scenarios\"}>\n      <Routes>\n        <Route path=\"/\" element={<App />}>\n          <Route path=\":ms\" element={<App />} />\n        </Route>\n        <Route path=\"graph\" element={<Graph />}>\n          <Route path=\":ms/:bc/:wc/:trfrom/:trto\" element={<Graph />} />\n        </Route>\n        <Route\n          path=\"*\"\n          element={\n            <main style={{ padding: \"1rem\" }}>\n              <p>Sorry!. There's nothing here.</p>\n            </main>\n          }\n        />\n      </Routes>\n    </BrowserRouter>\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n"],"sourceRoot":""}