{"version":3,"sources":["components/Navigation.js","components/SearchBar.js","components/DelayRender.js","components/Services.js","components/SLAestimationCategory.js","components/SLAestimationTier.js","components/SLAestimation.js","components/ServiceAlert.js","components/OutsideClickHandle.js","components/TiersDropDownMenu.js","components/MainPanel.js","components/Home.js","App.js","registerServiceWorker.js","index.js"],"names":["Navigation","props","this","visible","contents","renderCategoriesTable","dataSource","selectedCategory","onSelectCategory","serviceCategories","selectCategory","className","aria-labelledby","map","serviceCategory","key","categoryName","onClick","Component","SearchBar","id","placeholder","onKeyUp","ev","onTextSearchEnter","currentTarget","value","type","onClearSearch","DelayRender","state","hidden","setTimeout","setState","waitBeforeShow","src","children","Services","length","renderServicesTable","onSelectService","services","selectService","service","name","title","sla","imageFile","notes","href","slaAgreementUrl","target","SLAestimationCategory","catServices","renderSLACategoryTable","tierName","onDeleteEstimationCategory","onDeleteEstimationService","onExpandCollapseEstimationCategory","deleteEstimationCategory","deleteEstimationService","expandCollapseEstimationCategory","svc","SLAestimationTier","tier","tiers","find","t","pairedRegion","tierServices","catContents","i","tierSla","calculateTierTotal","downTime","calculateDownTime","downTimeYear","calculateDownTimeYear","categories","filter","o","catContent","renderSLATierTable","push","onExpandCollapseEstimationTier","getSelectedRegionOption","onChange","onSelectRegion","onDeleteEstimationTier","Math","floor","round","SLAestimation","slaEstimationData","tierContents","tierContent","renderSlaEstimationTier","calculateTierSla","onSelectTierRegion","onExpandAll","onCollapseAll","onDeleteAll","slaTotal","slaTotalMultiRegion","downTimeMultiRegion","downTimeMultiRegionYear","deleteEstimationTier","expandCollapseEstimationTier","selectRegion","ServiceAlert","OutsideClickHandle","setWrapperRef","bind","handleClickOutside","document","addEventListener","removeEventListener","node","wrapperRef","event","contains","onClickOutside","ref","TiersDropDownMenu","evt","content","parentElement","onChangeTier","onDeleteTier","onAddTier","objRef","outsideClicked","displayHideContent","currentTier","class","changeTier","tooltip","deleteTier","maxLength","addTier","MainPanel","slaEstimation","JSON","parse","localStorage","getItem","getResetTiers","calculateSla","calculateSlaMultiRegion","selectedServices","addServiceClass","loading","searchTextEnter","clearSearch","deleteAll","expandAll","collapseAll","setTier","selectTierRegion","displayServices","allservices","textValue","toLowerCase","includes","e","total","x","regionOption","undefined","Number","EPSILON","eventInfo","selectedService","setItem","stringify","updownimage","divPanel","category","filteredEstimation","innerHTML","trim","concat","window","confirm","filteredTiers","options","selectedIndex","index","findIndex","totalsPanel","populateServiceCategoryData","renderMainPanel","a","fetch","response","json","data","reduce","y","Home","displayName","App","exact","path","component","isLocalhost","Boolean","location","hostname","match","registerValidSW","swUrl","navigator","serviceWorker","register","then","registration","onupdatefound","installingWorker","installing","onstatechange","controller","console","log","catch","error","baseUrl","getElementsByTagName","getAttribute","rootElement","getElementById","ReactDOM","render","basename","URL","process","origin","status","headers","get","indexOf","ready","unregister","reload","checkValidServiceWorker","registerServiceWorker"],"mappings":"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","file":"static/js/main.c1f897b9.chunk.js","sourcesContent":["import React, { Component } from 'react';\nimport './Styles.css';\n\nexport class Navigation extends Component {\n\n    constructor(props) {\n        super(props);\n    }\n\n    static renderCategoriesTable(serviceCategories, selectedCategory, selectCategory) {\n        return (\n            <table className='table table-striped' aria-labelledby=\"tabelLabel\">\n                <tbody>\n                    {serviceCategories.map(serviceCategory =>\n                        <tr key={serviceCategory.categoryName}>\n                            <td className={selectedCategory === serviceCategory.categoryName ? \"selectedcategorymenu-item\" : \"categorymenu-item\"}\n                                onClick={() => selectCategory(serviceCategory)}>{serviceCategory.categoryName}</td>\n                        </tr>\n                    )}\n                </tbody>\n            </table>\n        );\n    }\n\n    render() {\n        if (this.props.visible) {\n            let contents = Navigation.renderCategoriesTable(this.props.dataSource, this.props.selectedCategory, this.props.onSelectCategory);\n            return (\n                <div>\n                    {contents}\n                </div>\n            );\n        }\n        else {\n            return (<div></div>)\n        }\n    }\n}\n","import React, { Component } from 'react';\nimport './Styles.css';\n\nexport class SearchBar extends Component {\n\n    constructor(props) {\n        super(props);\n    }\n\n    render() {\n        return (\n            <div className=\"service-search-container\">\n                <input id=\"searchBox\" className=\"service-search-box\" placeholder=\"Search services\" onKeyUp={ev => this.props.onTextSearchEnter(ev.currentTarget.value)}></input>\n                <button id=\"clearSearch\" className=\"clear-search\" type=\"submit\" onClick={ev => this.props.onClearSearch(ev)} >x</button>\n            </div>\n        );\n    }\n}\n","import React, { Component } from 'react';\nimport './Styles.css';\nimport PropTypes from 'prop-types';\n\nexport class DelayRender extends Component {\n\n    constructor(props) {\n        super(props);\n        this.state = { hidden: true };\n    }\n\n    componentDidMount() {\n        setTimeout(() => {\n            this.setState({ hidden: false });\n        }, this.props.waitBeforeShow);\n    }\n\n    render() {\n        return this.state.hidden ? <p><img src=\"images/load.gif\"></img></p> : this.props.children;\n    }\n}\n\nDelayRender.propTypes = { waitBeforeShow: PropTypes.number.isRequired };\n\nexport default DelayRender;","import React, { Component } from 'react';\nimport { DelayRender } from './DelayRender';\nimport './Styles.css';\n\nexport class Services extends Component {\n\n    static renderServicesTable(services, selectService) {\n        return (\n            <div className=\"services-table\">\n                {services.map(service =>\n                    <div key={service.name} id={service.name} className=\"service-layout\" onClick={ev => selectService(ev, service.name)} title={\"SLA: \" + service.sla + \" %\"}>\n                        <div className=\"service-content-left\"><img src={\"images/\" + service.imageFile}></img></div>\n                        <div className=\"service-content-right\"><p>{service.name}</p></div>\n                        <div className=\"service-notes\">{service.notes}</div>\n                        <div className=\"service-hl\" ><a id=\"service-hl\" href={service.slaAgreementUrl} target=\"_blank\">SLA, legal info</a></div>\n                    </div>\n                )}\n            </div>\n        );\n    }\n\n    render() {\n        if (this.props.dataSource.length > 0) {\n            let contents = Services.renderServicesTable(this.props.dataSource, this.props.onSelectService);\n\n            return (\n                <DelayRender waitBeforeShow={1500}>\n                    <div>\n                        {contents}\n                    </div>\n                </DelayRender>\n            );\n        }\n        else {\n            return (<DelayRender waitBeforeShow={1500}><div><p className=\"no-results\">Sorry, there are no products that match your search</p></div></DelayRender>);\n        }\n    }\n}\n","import React, { Component } from 'react';\nimport './Styles.css';\n\nexport class SLAestimationCategory extends Component {\n\n    static renderSLACategoryTable(tierName, categoryName, catServices, deleteEstimationCategory, deleteEstimationService, expandCollapseEstimationCategory)\n    {\n        return (\n            <div id={tierName}>\n                <div className=\"estimation-head\" id={categoryName}>\n                    <div className=\"estimation-head-ec-arrow\"><button className=\"down-arrow\" onClick={ev => expandCollapseEstimationCategory(ev)} /></div>\n                    <div className=\"estimation-head-title\">{categoryName} Category</div>\n                    <div className=\"estimation-head-delete\" onClick={ev => deleteEstimationCategory(ev)}><img src=\"images/delete.png\" title=\"Delete the service category\" /></div>\n                </div>\n                <br />\n                <div className=\"div-show\">\n                    {catServices.map(svc =>\n                        <div id={svc.id}>\n                            <div className=\"estimation-spacer\">\n                            </div>\n                            <div className=\"estimation-head\" id={svc.name}>\n                                <div className=\"estimation-head-ec-arrow\"></div>\n                                <div className=\"estimation-head-title\"></div>\n                                <div className=\"estimation-head-delete\" onClick={ev => deleteEstimationService(ev)}><img src=\"images/delete.png\" title=\"Delete the service\" /></div>\n                            </div>\n                            <div className=\"estimation-layout\">\n                                <div className=\"estimation-service\">\n                                    <div className=\"estimation-service-icon\"><img src={\"images/\" + svc.imageFile}></img></div>\n                                    <div className=\"estimation-service-name\"><p>{svc.name}</p></div>\n                                    <div className=\"estimation-sla\"><p>SLA: {svc.sla} %</p></div>\n                                </div>\n                            </div>\n                        </div>\n                    )}\n                </div>\n            </div>\n        );\n    }\n\n    render() {\n        if (this.props.catServices.length > 0) {\n            let contents = SLAestimationCategory.renderSLACategoryTable(this.props.tierName, this.props.categoryName, this.props.catServices,\n                this.props.onDeleteEstimationCategory, this.props.onDeleteEstimationService , this.props.onExpandCollapseEstimationCategory);\n\n            return (\n                <div>\n                    <br />\n                    {contents}\n                </div>\n            );\n        }\n\n        return (<div></div>);\n    }\n}\n","import React, { Component } from 'react';\nimport { SLAestimationCategory } from './SLAestimationCategory';\nimport './Styles.css';\n\nexport class SLAestimationTier extends Component {\n\n    static renderSLATierTable(tierName, categoryName, catServices, deleteEstimationCategory, deleteEstimationService,\n        expandCollapseEstimationCategory) {\n\n        return (\n            <div>\n                <div className=\"div-show\">\n                    <SLAestimationCategory tierName={tierName} categoryName={categoryName} catServices={catServices}\n                        onDeleteEstimationCategory={deleteEstimationCategory}\n                        onDeleteEstimationService={deleteEstimationService}\n                        onExpandCollapseEstimationCategory={expandCollapseEstimationCategory}\n                    />\n                </div>\n            </div>\n        );\n    }\n\n    getSelectedRegionOption(tier) {\n        return this.props.tiers.find(t => t.name === tier).pairedRegion;\n    }\n\n\n    render() {\n        if (this.props.tierServices.length > 0) {\n\n            const tierSla = this.props.calculateTierTotal(this.props.tierName);\n            const downTime = this.props.calculateDownTime(tierSla);\n            const downTimeYear = this.props.calculateDownTimeYear(tierSla);\n\n            const categories = this.props.categories;\n            var catContents = [];\n\n            for (var i = 0; i < categories.length; i++) {\n                var catServices = this.props.tierServices\n                    .filter(o => o.service.categoryName === categories[i])\n                    .map(svc => svc.service);\n\n                if (catServices.length > 0) {\n                    let catContent = SLAestimationTier.renderSLATierTable(this.props.tierName, categories[i], catServices,\n                        this.props.onDeleteEstimationCategory, this.props.onDeleteEstimationService, this.props.onExpandCollapseEstimationCategory);\n\n                    catContents.push(catContent);\n                }\n            }\n\n            return (\n                <div>\n                    <div className=\"tier-head \">\n                        <div className=\"estimation-head-ec-arrow\"><button className=\"down-arrow\" onClick={ev => this.props.onExpandCollapseEstimationTier(ev)} /></div>\n                        <div className=\"tier-head-title-left\">{this.props.tierName} Tier</div>\n                        <div className=\"tier-head-region\">\n                            <div className={this.props.tierName === \"Global\" ? \"regions-option-hidden\" : \"region-div-left\"}>Deploy to Paired Azure Regions: </div>\n                            <div className=\"region-div-right\">\n                                <select className={this.props.tierName === \"Global\" ? \"regions-option-hidden\" : \"tier-option\"} id={this.props.tierName} value={this.getSelectedRegionOption(this.props.tierName)}  onChange={ev => this.props.onSelectRegion(ev)} >\n                                    <option value=\"no\">No</option>\n                                    <option value=\"yes\">Yes</option>\n                                </select>\n                            </div>\n                        </div>\n                        <div className=\"estimation-head-delete\" id={this.props.tierName} onClick={ev => this.props.onDeleteEstimationTier(ev)}><img src=\"images/delete.png\" title=\"Delete the Tier\" /></div>\n                    </div>\n                    <br />\n                    {catContents}\n                    <div className=\"div-show\">\n                        <br />\n                        <div className=\"estimation-totals-panel\">\n                            <br />\n                            <div className=\"tier-estimation-total-label\"><p>{this.props.tierName} Tier Composite SLA: {tierSla} %</p></div>\n                            <div className=\"tier-estimation-total-label\"><p>Maximum acceptable downtime /Month: {Math.floor(downTime)}m {Math.round((downTime - Math.floor(downTime)) * 60)}s </p></div>\n                            <div className=\"tier-estimation-total-label\"><p>Maximum acceptable downtime /Year: {Math.floor(downTimeYear)}m {Math.round((downTimeYear - Math.floor(downTimeYear)) * 60)}s </p></div>\n                        </div>\n                    </div>\n                </div>\n            );\n        }\n\n        return (<div></div>);\n    }\n}\n","import React, { Component } from 'react';\nimport { SLAestimationTier } from './SLAestimationTier';\nimport './Styles.css';\n\nexport class SLAestimation extends Component {\n\n    static renderSlaEstimationTier(tier, services, tiers, categories, deleteEstimationTier, expandCollapseEstimationTier,\n        deleteEstimationCategory, deleteEstimationService, expandCollapseEstimationCategory, calculateTierSla, calculateDownTime, calculateDownTimeYear,selectRegion) {\n        return (\n            <div key={tier}>\n                <SLAestimationTier tierName={tier} tierServices={services}\n                    tiers={tiers} categories={categories}\n                    onDeleteEstimationCategory={deleteEstimationCategory}\n                    onDeleteEstimationService={deleteEstimationService}\n                    onExpandCollapseEstimationCategory={expandCollapseEstimationCategory}\n                    onDeleteEstimationTier={deleteEstimationTier}\n                    onExpandCollapseEstimationTier={expandCollapseEstimationTier}\n                    onSelectRegion={selectRegion}\n                    calculateTierTotal={calculateTierSla}\n                    calculateDownTime={calculateDownTime}\n                    calculateDownTimeYear={calculateDownTimeYear}\n                />\n            </div>\n        );\n    }\n\n    render() {\n        if (this.props.slaEstimationData.length > 0) {\n            const tiers = this.props.tiers.map(t => t.name);\n            var tierContents = [];\n\n            for (var i = 0; i < tiers.length; i++) {\n                var tierServices = this.props.slaEstimationData\n                    .filter(o => o.tier === tiers[i])\n                    .map(svc => svc.key);\n\n                if (tierServices.length > 0) {\n                    var tierContent = SLAestimation.renderSlaEstimationTier(tiers[i], tierServices,\n                        this.props.tiers,\n                        this.props.categories,\n                        this.props.onDeleteEstimationTier,\n                        this.props.onExpandCollapseEstimationTier,\n                        this.props.onDeleteEstimationCategory,\n                        this.props.onDeleteEstimationService,\n                        this.props.onExpandCollapseEstimationCategory,\n                        this.props.calculateTierSla,\n                        this.props.calculateDownTime,\n                        this.props.calculateDownTimeYear,\n                        this.props.onSelectTierRegion);\n\n                    tierContents.push(tierContent);\n                }\n            }\n\n            return (\n                <div>\n                    <div className=\"estimation-spacer\">\n                        <div className=\"estimation-expand-all\" onClick={ev => this.props.onExpandAll(ev)}></div>\n                        <div className=\"estimation-collapse-all\" onClick={ev => this.props.onCollapseAll(ev)}></div>\n                        <div className=\"estimation-delete-all\" onClick={this.props.onDeleteAll}></div>\n                    </div>\n                    <br />\n                    <div id=\"estimationPanel\">\n                        {tierContents}\n                    </div>\n                    <div>\n                        <br />\n                        <div className=\"estimation-totals-panel\">\n                            <br />\n                            <div className=\"estimation-total-label-underline\">Single Region Deployment</div>\n                            <div className=\"estimation-total-label\"><p>Composite SLA: {this.props.slaTotal} %</p></div>\n                            <div className=\"estimation-total-label\"><p>Maximum acceptable downtime /Month: {Math.floor(this.props.downTime)}m {Math.round((this.props.downTime - Math.floor(this.props.downTime))*60)}s </p></div>\n                            <div className=\"estimation-total-label\"><p>Maximum acceptable downtime /Year: {Math.floor(this.props.downTimeYear)}m {Math.round((this.props.downTimeYear - Math.floor(this.props.downTimeYear)) * 60)}s </p></div>\n                            <br />\n                            <div className=\"estimation-total-label-underline\">Multi region Deployment</div>\n                            <div className=\"estimation-total-label\"><p>Composite SLA: {this.props.slaTotalMultiRegion} %</p></div>\n                            <div className=\"estimation-total-label\"><p>Maximum acceptable downtime /Month: {Math.floor(this.props.downTimeMultiRegion)}m {Math.round((this.props.downTimeMultiRegion - Math.floor(this.props.downTimeMultiRegion)) * 60)}s </p></div>\n                            <div className=\"estimation-total-label\"><p>Maximum acceptable downtime /Year: {Math.floor(this.props.downTimeMultiRegionYear)}m {Math.round((this.props.downTimeMultiRegionYear - Math.floor(this.props.downTimeMultiRegionYear)) * 60)}s </p></div>\n                            <br />\n                            <div className=\"estimation-notes\">Some services have special considerations when designing applications for availability and service level guarantees.  Review the Microsoft Azure Service Level Agreements documentation for details.</div>\n                        </div>\n                    </div>\n                </div>\n            );\n        }\n\n        return (<div></div>);\n    }\n}\n","import React, { Component } from 'react';\n\nexport class ServiceAlert extends Component {\n\n    constructor(props) {\n        super(props);\n        this.state = {};\n    }\n\n    render() {\n\n        return (\n            <div id=\"serviceAlert\" className={this.props.className}>\n                Adding Service...\n            </div>\n        );\n    }\n}\n","import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\n\nexport class OutsideClickHandle extends Component {\n    constructor(props) {\n        super(props);\n\n        this.setWrapperRef = this.setWrapperRef.bind(this);\n        this.handleClickOutside = this.handleClickOutside.bind(this);\n    }\n\n    componentDidMount() {\n        document.addEventListener('mousedown', this.handleClickOutside);\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('mousedown', this.handleClickOutside);\n    }\n\n    setWrapperRef(node) {\n        this.wrapperRef = node;\n    }\n\n    handleClickOutside(event) {\n        if (this.wrapperRef && !this.wrapperRef.contains(event.target)) {\n            this.props.onClickOutside(this.wrapperRef);\n        }\n    }\n\n    render() {\n        return <div ref={this.setWrapperRef}>{this.props.children}</div>;\n    }\n}\n\nOutsideClickHandle.propTypes = {\n    children: PropTypes.element.isRequired,\n};\n","import React, { Component } from 'react';\nimport { OutsideClickHandle } from './OutsideClickHandle';\nimport './Styles.css';\n\nexport class TiersDropDownMenu extends Component {\n\n    constructor(props) {\n        super(props);\n    }\n\n    displayHideContent(evt) {\n        const content = evt.currentTarget.parentElement.children[1];\n\n        content.className = content.className === \"dropdown-content\" ? \"dropdown-content-show\" : \"dropdown-content\";\n    }\n\n    changeTier(ev) {\n        ev.currentTarget.parentElement.parentElement.className = \"dropdown-content\";\n        this.props.onChangeTier(ev);\n    }\n\n    deleteTier(ev) {\n        this.props.onDeleteTier(ev);\n    }\n\n    addTier(ev) {\n        this.props.onAddTier(ev);\n    }\n\n    outsideClicked(objRef) {\n        const content = objRef.children[0].children[1].children[1];\n\n        content.className = \"dropdown-content\";\n    }\n\n    render() {\n        return (\n            <OutsideClickHandle onClickOutside={ref => this.outsideClicked(ref)}>\n                <div className=\"dropdown-container\">\n                    <div className=\"tier-label\">\n                        Tier\n                    </div>\n                    <div className=\"dropdown\">\n                        <div className=\"dropdown-header\" onClick={ev => this.displayHideContent(ev)}>\n                            <div className=\"dropdown-header-text\">{this.props.currentTier}</div>\n                            <div className=\"dropdown-header-arrow\"></div>\n                        </div>\n                        <div class=\"dropdown-content \">\n                            {this.props.tiers.map(tier =>\n                                <div className=\"dropdown-item\">\n                                    <div className=\"dropdown-item-text\" onClick={ev => this.changeTier(ev)}>{tier.name}</div>\n                                    <div className=\"delete-tier\" id={tier.name} tooltip=\"Delete Tier\" title=\"delete tier\" onClick={ev => this.deleteTier(ev)}></div>\n                                </div>\n                            )}\n                        </div>\n                    </div>\n                    <div className=\"new-tier\">\n                        <input type=\"text\" maxLength=\"20\" id=\"newTier\" className=\"new-tier-box\" />\n                    </div>\n                    <div className=\"add-tier\">\n                        <button className=\"add-tier\" type=\"submit\" onClick={ev => this.addTier(ev)} title=\"Add new tier\" >+</button>\n                    </div>\n                </div>\n            </OutsideClickHandle>\n        );\n    }\n}\n","import React, { Component } from 'react';\nimport { Navigation } from './Navigation';\nimport { SearchBar } from './SearchBar';\nimport { Services } from './Services';\nimport { SLAestimation } from './SLAestimation';\nimport { ServiceAlert } from './ServiceAlert';\nimport { TiersDropDownMenu } from './TiersDropDownMenu';\n\nexport class MainPanel extends Component {\n\n    constructor(props) {\n        super(props);\n\n        const slaEstimation = JSON.parse(localStorage.getItem('slaEstimation')) || [];\n        const categories = [];\n\n        const tiers = JSON.parse(localStorage.getItem('tiers')) || this.getResetTiers();\n        const slaTotal = this.calculateSla(slaEstimation);\n        const slaTotalMultiRegion = this.calculateSlaMultiRegion(slaEstimation, tiers)\n        const downTime = this.calculateDownTime(slaTotal)\n        const downTimeYear = this.calculateDownTimeYear(slaTotal)\n        const downTimeMultiRegion = this.calculateDownTime(slaTotalMultiRegion)\n        const downTimeMultiRegionYear = this.calculateDownTimeYear(slaTotalMultiRegion)\n\n        this.state = {\n            serviceCategories: [], selectedServices: [], selectedCategory: \"\",\n            categories: categories,\n            tiers: tiers,\n            slaEstimation: slaEstimation,\n            slaTotal: slaTotal,\n            slaTotalMultiRegion: slaTotalMultiRegion,\n            downTime: downTime,\n            downTimeYear: downTimeYear,\n            downTimeMultiRegion: downTimeMultiRegion,\n            downTimeMultiRegionYear: downTimeMultiRegionYear,\n            addServiceClass: \"addservice-alert-hide\",\n            currentTier: tiers[0].name,\n            filter: false, loading: true\n        };\n        this.selectCategory = this.selectCategory.bind(this);\n        this.selectService = this.selectService.bind(this);\n        this.searchTextEnter = this.searchTextEnter.bind(this);\n        this.clearSearch = this.clearSearch.bind(this);\n        this.deleteEstimationCategory = this.deleteEstimationCategory.bind(this);\n        this.deleteEstimationService = this.deleteEstimationService.bind(this);\n        this.expandCollapseEstimationCategory = this.expandCollapseEstimationCategory.bind(this);\n        this.deleteEstimationTier = this.deleteEstimationTier.bind(this);\n        this.expandCollapseEstimationTier = this.expandCollapseEstimationTier.bind(this);\n        this.deleteAll = this.deleteAll.bind(this);\n        this.expandAll = this.expandAll.bind(this);\n        this.collapseAll = this.collapseAll.bind(this);\n        this.setTier = this.setTier.bind(this);\n        this.addTier = this.addTier.bind(this);\n        this.deleteTier = this.deleteTier.bind(this);\n        this.selectTierRegion = this.selectTierRegion.bind(this);\n        this.calculateTierSla = this.calculateTierSla.bind(this);\n    }\n\n    getResetTiers() {\n        return [\n            { name: 'Global', pairedRegion: 'no' },\n            { name: 'Web', pairedRegion: 'no' },\n            { name: 'Api', pairedRegion: 'no' },\n            { name: 'Data', pairedRegion: 'no' },\n            { name: 'Security', pairedRegion: 'no' },\n            { name: 'Network', pairedRegion: 'no' },\n\n        ]\n    }\n\n    selectCategory(selectedCategory) {\n        this.setState({\n            selectedServices: selectedCategory.services,\n            selectedCategory: selectedCategory.categoryName\n        });\n    }\n\n    clearSearch(evt) {\n        evt.currentTarget.parentElement.children[0].value = \"\";\n\n        let displayServices = this.state.allservices.filter(o => o.categoryName === this.state.selectedCategory);\n\n        this.setState({\n            selectedServices: displayServices,\n            filter: false\n        });\n    }\n\n    searchTextEnter(textValue) {\n        let displayServices = [];\n        let filter = false;\n\n        if (textValue.length > 0) {\n            displayServices = this.state.allservices.filter(o => o.name.toLowerCase().includes(textValue.toLowerCase()));\n            filter = true;\n        }\n        else {\n            displayServices = this.state.allservices.filter(o => o.categoryName === this.state.selectedCategory);\n        }\n\n        this.setState({\n            selectedServices: displayServices,\n            filter: filter\n        });\n    }\n\n    calculateTierSla(tier) {\n        const slaEstimation = [...this.state.slaEstimation];\n\n        return this.calculateSla(slaEstimation.filter(e => e.tier === tier));\n    }\n\n    calculateSlaMultiRegion(slaEstimation, tiers) {\n        if (slaEstimation.length == 0)\n            return 0;\n\n        let total = 1;\n        let services = slaEstimation.map(x => x.key);\n\n        for (var i = 0; i < services.length; i++) {\n            const tierName = services[i].tier;\n            const tier = tiers.find(t => t.name == tierName)\n            var regionOption = 'no';\n\n            if(tier != undefined)\n                regionOption = tier.pairedRegion;\n\n            const sla = services[i].service.sla/100;\n            const value = regionOption === 'yes' ? 1-((1-sla) * (1-sla)) : sla;\n\n            total = total * value;\n        }\n\n        return Math.round(((total * 100) + Number.EPSILON) * 1000000) / 1000000;\n    }\n\n    calculateSla(slaEstimation) {\n\n        if (slaEstimation.length == 0)\n            return 0;\n\n        if (slaEstimation.length == 1)\n            return slaEstimation[0].key.service.sla;\n\n        let total = 1;\n        let services = slaEstimation.map(x => x.key);\n\n        for (var i = 0; i < services.length; i++) {\n            total = total * services[i].service.sla / 100;\n        }\n\n        return Math.round(((total * 100) + Number.EPSILON) * 1000000) / 1000000;\n    }\n\n    calculateDownTime(sla) {\n        if (sla == 0)\n            return 0;\n        // 365/12 = 30.41666666666667 days per month\n        // 0.41666666666667 * 24 = 10 hours\n        // 30*24*60 + 10*60 = 43200 + 600 = 43800 minutes per month\n        return Math.round((43800 * (1 - (sla / 100)) + Number.EPSILON) * 100000) / 100000;\n    }\n\n    calculateDownTimeYear(sla) {\n        if (sla == 0)\n            return 0;\n\n        //365*4 + 1 = 1461 days in 4 years\n        //1461/4 = 365.25 days in average\n        //365*24*60 + 0.25*24*60 =  525600 + 360 = 525960\n        return Math.round((525960 * (1 - (sla / 100)) + Number.EPSILON) * 100000) / 100000;\n    }\n\n    \n    selectService(eventInfo, selectedService) {\n        const sourceId = eventInfo.target.id;\n        if (sourceId === \"service-hl\")\n            return;\n\n        const service = this.state.selectedServices.find(o => o.name === selectedService);\n        const slaEstimation = [...this.state.slaEstimation];\n\n        const key = { id: this.state.slaEstimation.length, service: service, tier: this.state.currentTier}\n\n        slaEstimation.push({ id: this.state.slaEstimation.length, key: key, tier: this.state.currentTier });\n\n        const slaTotal = this.calculateSla(slaEstimation);\n        const downTime = this.calculateDownTime(slaTotal)        \n        const downTimeYear = this.calculateDownTimeYear(slaTotal)\n\n        const slaTotalMultiRegion = this.calculateSlaMultiRegion(slaEstimation, this.state.tiers);\n        const downTimeMultiRegion = this.calculateDownTime(slaTotalMultiRegion)\n        const downTimeMultiRegionYear = this.calculateDownTimeYear(slaTotalMultiRegion)\n\n        this.setState({ addServiceClass: \"addservice-alert-visible\" });\n\n        setTimeout(() => {\n            this.setState({ addServiceClass: \"addservice-alert-hide\" });\n        }, 1000);\n\n        this.setState({\n            selectedService: selectedService,\n            slaEstimation: slaEstimation,\n            slaTotal: slaTotal,\n            downTime: downTime,\n            downTimeYear: downTimeYear,\n            slaTotalMultiRegion: slaTotalMultiRegion,\n            downTimeMultiRegion: downTimeMultiRegion,\n            downTimeMultiRegionYear: downTimeMultiRegionYear,\n        });\n\n        localStorage.setItem('slaEstimation', JSON.stringify(slaEstimation));\n    }\n\n    expandCollapseEstimationCategory(evt) {\n        var updownimage = evt.currentTarget;\n        var divPanel = evt.currentTarget.parentElement.parentElement.parentElement.children[2];\n        divPanel.className = divPanel.className === \"div-hide\" ? \"div-show\" : \"div-hide\";\n        updownimage.className = updownimage.className === \"up-arrow\" ? \"down-arrow\" : \"up-arrow\";\n    }\n\n    deleteEstimationCategory(evt) {\n        const category = evt.currentTarget.parentElement.id;\n        const tier = evt.currentTarget.parentElement.parentElement.id\n        const slaEstimation = [...this.state.slaEstimation];\n\n        const filteredEstimation = slaEstimation.filter(e => e.key.service.categoryName != category || e.tier != tier);\n\n        const slaTotal = this.calculateSla(filteredEstimation);\n        const downTime = this.calculateDownTime(slaTotal)\n        const downTimeYear = this.calculateDownTimeYear(slaTotal)\n\n        this.setState({\n            slaEstimation: filteredEstimation,\n            slaTotal: slaTotal,\n            downTime: downTime,\n            downTimeYear: downTimeYear\n        });\n\n        localStorage.setItem('slaEstimation', JSON.stringify(filteredEstimation));\n    }\n\n    deleteEstimationService(evt) {\n        const service = evt.currentTarget.parentElement.id;\n        const tier = evt.currentTarget.parentElement.parentElement.parentElement.parentElement.id;\n        const slaEstimation = [...this.state.slaEstimation];\n        const category = evt.currentTarget.parentElement.parentElement.parentElement.parentElement.children[0].id;\n\n        var filteredEstimation = slaEstimation.filter(e => e.key.service.categoryName != category\n            || e.tier != tier\n            || e.key.service.name != service  );\n\n\n        const slaTotal = this.calculateSla(filteredEstimation);\n        const downTime = this.calculateDownTime(slaTotal)\n        const downTimeYear = this.calculateDownTimeYear(slaTotal)\n\n        this.setState({\n            slaEstimation: filteredEstimation,\n            slaTotal: slaTotal,\n            downTime: downTime,\n            downTimeYear: downTimeYear\n        });\n\n        localStorage.setItem('slaEstimation', JSON.stringify(filteredEstimation));\n    }\n\n    setTier(evt) {\n        this.setState({\n            currentTier: evt.target.innerHTML\n        });\n    }\n\n    addTier(evt) {\n        const tierName = evt.currentTarget.parentElement.parentElement.children[2].children[0].value;\n\n        if (tierName.trim().length === 0)\n            return;\n\n        var tiers = [...this.state.tiers];\n        const tierFound = tiers.find(t => t.name == tierName)\n        if (tierFound === undefined) {\n            tiers = tiers.concat({ name: tierName, pairedRegion: 'no' });\n        }\n\n        this.setState({ tiers: tiers });\n        localStorage.setItem('tiers', JSON.stringify(tiers));\n        evt.currentTarget.parentElement.parentElement.children[2].children[0].value = \"\";\n    }\n\n    deleteTier(evt) {\n\n        if (window.confirm('If you delete this Tier, all the estimations that use it will be deleted as well, Are you sure you want to delete the Tier ? ', 'Delete Tier')) {\n\n            const tierName = evt.target.id;\n            const tiers = [...this.state.tiers];\n            const filteredTiers = tiers.filter(t => t.name != tierName);\n\n            this.setState({\n                tiers: filteredTiers\n            });\n\n            const slaEstimation = [...this.state.slaEstimation];\n\n            const filteredEstimation = slaEstimation.filter(e => e.tier != tierName);\n\n            const slaTotal = this.calculateSla(filteredEstimation);\n            const downTime = this.calculateDownTime(slaTotal)\n            const downTimeYear = this.calculateDownTimeYear(slaTotal)\n\n            this.setState({\n                tiers: filteredTiers,\n                slaEstimation: filteredEstimation,\n                slaTotal: slaTotal,\n                downTime: downTime,\n                downTimeYear: downTimeYear\n            });\n\n            localStorage.setItem('slaEstimation', JSON.stringify(filteredEstimation));\n            localStorage.setItem('tiers', JSON.stringify(filteredTiers));\n        }\n    }\n\n    selectTierRegion(evt) {\n        const regionOption = evt.target.options[evt.target.selectedIndex].value;\n        const tier = evt.target.id;\n\n        const tiers = [...this.state.tiers];\n        var index = tiers.findIndex(t => t.name === tier);\n        tiers[index].pairedRegion = regionOption;\n\n        this.setState({\n            tiers: tiers\n        });\n\n        const slaTotalMultiRegion = this.calculateSlaMultiRegion(this.state.slaEstimation, tiers)\n        const downTimeMultiRegion = this.calculateDownTime(slaTotalMultiRegion)\n        const downTimeMultiRegionYear = this.calculateDownTimeYear(slaTotalMultiRegion)\n\n        this.setState({\n            slaTotalMultiRegion: slaTotalMultiRegion,\n            downTimeMultiRegion: downTimeMultiRegion,\n            downTimeMultiRegionYear: downTimeMultiRegionYear,\n        });\n\n        localStorage.setItem('tiers', JSON.stringify(tiers));\n    }\n\n    expandCollapseEstimationTier(evt) {\n        var updownimage = evt.currentTarget;\n        var divPanel = evt.currentTarget.parentElement\n            .parentElement.parentElement.children[1];\n\n        var totalsPanel = evt.currentTarget.parentElement\n            .parentElement.parentElement.children[2];\n\n        divPanel.className = divPanel.className === \"tier-hide\" ? \"tier-show\" : \"tier-hide\";\n        totalsPanel.className = totalsPanel.className === \"tier-hide\" ? \"tier-show\" : \"tier-hide\";\n        updownimage.className = updownimage.className === \"up-arrow\" ? \"down-arrow\" : \"up-arrow\";\n\n    }\n\n    deleteEstimationTier(evt) {\n        const tierName = evt.target.parentElement.id;\n        const slaEstimation = [...this.state.slaEstimation];\n\n        const filteredEstimation = slaEstimation.filter(e => e.tier != tierName);\n\n        const slaTotal = this.calculateSla(filteredEstimation);\n        const downTime = this.calculateDownTime(slaTotal)\n        const downTimeYear = this.calculateDownTimeYear(slaTotal)\n\n        const tiers = [...this.state.tiers];\n        var index = tiers.findIndex(t => t.name === tierName);\n        tiers[index].pairedRegion = 'no';\n\n        this.setState({\n            tiers: tiers,\n            slaEstimation: filteredEstimation,\n            slaTotal: slaTotal,\n            downTime: downTime,\n            downTimeYear: downTimeYear\n        });\n\n        localStorage.setItem('slaEstimation', JSON.stringify(filteredEstimation));\n    }\n\n    deleteAll() {\n\n        const tiers = this.getResetTiers();\n\n        this.setState({\n            slaEstimation: [],\n            slaTotal: 0,\n            downTime: 0,\n            downTimeYear:0,\n            slaTotalMultiRegion: 0,\n            downTimeMultiRegion: 0,\n            downTimeMultiRegionYear: 0,\n            tiers: tiers\n        });\n\n        localStorage.setItem('slaEstimation', JSON.stringify([]));\n    }\n\n    expandAll(evt) {\n        var divPanel = evt.currentTarget.parentElement.parentElement.children[2];\n        divPanel.className = \"tiers-panel-show\";\n    }\n\n    collapseAll(evt) {\n        var divPanel = evt.currentTarget.parentElement.parentElement.children[2];\n        divPanel.className = \"tiers-panel-hide\";\n    }\n\n    componentDidMount() {\n        this.populateServiceCategoryData();\n    }\n\n    renderMainPanel() {\n        return (\n            <div className=\"main-panel\">\n                <div className=\"top-panel\">\n                    <div className=\"top-title\">\n                        <h1 className=\"top-title-inner\">Azure Composite SLA Estimator</h1>\n                        <p className=\"top-title-inner-sub\">Estimate the overall service level agreement of your services</p>\n                    </div>\n                    <div className=\"legal-site-spacer\"></div>\n                    <a href=\"https://azure.microsoft.com/support/legal/sla/\" target=\"_blank\">Click here the to see the full SLA description hosted on the Legal site.</a>\n                    <div className=\"search-container\">\n                        <SearchBar onTextSearchEnter={this.searchTextEnter} onClearSearch={this.clearSearch} />\n                    </div>\n                    <div className=\"tier-container\">\n                        <div className=\"tier-option-div\">\n                            <TiersDropDownMenu tiers={this.state.tiers} currentTier={this.state.currentTier}\n                                onChangeTier={this.setTier}\n                                onDeleteTier={this.deleteTier}\n                                onAddTier={this.addTier}/>\n                        </div>\n                    </div>\n                    <ServiceAlert id=\"serviceAlert\" className={this.state.addServiceClass} />\n                    <div className=\"layout-parent-div\">\n                        <div className={!this.state.filter ? \"layout-div-left\" : \"div-hide\"}>\n                            <Navigation visible={!this.state.filter} dataSource={this.state.serviceCategories} selectedCategory={this.state.selectedCategory} onSelectCategory={this.selectCategory} />\n                        </div>\n                        <div className={this.state.filter ? \"layout-div-center\" : \"layout-div-right\"}>\n                            <Services dataSource={this.state.selectedServices} onSelectService={this.selectService} />\n                        </div>\n                    </div>\n                </div>\n                <div className=\"sla-estimation-panel\">\n                    <SLAestimation slaEstimationData={this.state.slaEstimation}\n                        tier={this.state.currentTier}\n                        tiers={this.state.tiers}\n                        onDeleteEstimationCategory={this.deleteEstimationCategory}\n                        onDeleteEstimationService={this.deleteEstimationService}\n                        onExpandCollapseEstimationCategory={this.expandCollapseEstimationCategory}\n                        onDeleteEstimationTier={this.deleteEstimationTier}\n                        onExpandCollapseEstimationTier={this.expandCollapseEstimationTier}\n                        onDeleteAll={this.deleteAll}\n                        onExpandAll={this.expandAll}\n                        onCollapseAll={this.collapseAll}\n                        onSelectTierRegion={this.selectTierRegion}\n                        calculateTierSla={this.calculateTierSla}\n                        calculateDownTime={this.calculateDownTime}\n                        calculateDownTimeYear={this.calculateDownTimeYear}\n                        categories={this.state.categories}\n                        slaTotal={this.state.slaTotal}\n                        downTime={this.state.downTime}\n                        downTimeYear={this.state.downTimeYear}\n                        slaTotalMultiRegion={this.state.slaTotalMultiRegion}\n                        downTimeMultiRegion={this.state.downTimeMultiRegion}\n                        downTimeMultiRegionYear={this.state.downTimeMultiRegionYear}\n                    />\n                </div>\n            </div>\n        );\n    }\n\n    render() {\n        let contents = this.renderMainPanel();\n\n        return (\n            <div>\n                {contents}\n            </div>\n        );\n    }\n\n    async populateServiceCategoryData() {\n        const response = await fetch('servicecategory');\n        const data = await response.json();\n\n        const allservices = data.map(x => x.services).reduce(\n            (x, y) => x.concat(y));\n\n        this.setState({ serviceCategories: data, allservices, selectedServices: data[0].services, categories: data.map(x => x.categoryName),selectedCategory: data[0].categoryName, loading: false });\n    }\n}\n","import React, { Component } from 'react';\n\nexport class Home extends Component {\n  static displayName = Home.name;\n\n  render () {\n    return (\n      <div>\n      </div>\n    );\n  }\n}\n","import React, { Component } from 'react';\nimport { Route } from 'react-router';\nimport { MainPanel } from './components/MainPanel';\nimport { Home } from './components/Home';\nimport { Navigation } from './components/Navigation';\nimport { Services } from './components/Services';\n\n\nimport './custom.css'\n\nexport default class App extends Component {\n  static displayName = App.name;\n\n  render () {\n    return (\n        <MainPanel>\n        <Route exact path='/' component={Home} />\n            <Route path='/navigation' component={Navigation} />\n            <Route path='/services' component={Services} />\n        </MainPanel>\n    );\n  }\n}\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n  // [::1] is the IPv6 localhost address.\n  window.location.hostname === '[::1]' ||\n  // 127.0.0.1/8 is considered localhost for IPv4.\n  window.location.hostname.match(\n    /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n  )\n);\n\nexport default function register () {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Lets check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl);\n      } else {\n        // Is not local host. Just register service worker\n        registerValidSW(swUrl);\n      }\n    });\n  }\n}\n\nfunction registerValidSW (swUrl) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the old content will have been purged and\n              // the fresh content will have been added to the cache.\n              // It's the perfect time to display a \"New content is\n              // available; please refresh.\" message in your web app.\n              console.log('New content is available; please refresh.');\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker (swUrl) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl)\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      if (\n        response.status === 404 ||\n        response.headers.get('content-type').indexOf('javascript') === -1\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister () {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import 'bootstrap/dist/css/bootstrap.css';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './App';\nimport registerServiceWorker from './registerServiceWorker';\n\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\nconst rootElement = document.getElementById('root');\n\nReactDOM.render(\n  <BrowserRouter basename={baseUrl}>\n    <App />\n  </BrowserRouter>,\n  rootElement);\n\nregisterServiceWorker();\n\n"],"sourceRoot":""}