(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[,,,,,,,,,,,,,,,,,function(e,t){e.exports="data:image/png;base64,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"},,,,,function(e){e.exports={title:"Unity Hotspot Data","lesson1-slide5":{stack:{title:"Stack",content:["The stack performs 2 functions.","The primary function is to carry the flue gas after it has been cooled. It is carried away from the heater for disposal in the atmosphere.","The second function, which is vitally important for natural draft heaters, is when the draft is generated by the buoyancy of the hot flue gas rising up the stack.","Flow restriction across the damper creates a pressure drop. As the damper is closed, pressure drop increases and draft in heater below is decreased. As the damper is opened, draft in heater below is increased."]},breach:{title:"Breach",content:["The breach is the connection between the outlet of the convection section and the bottom of the stack."]},damper:{title:"Damper",content:["The damper is located at the bottom of the stack.","The damper is a flat, butterfly valve device that can be operated from full open to full closed.","The damper is used to restrict the flow of flue gas leaving the heater.","This restriction creates a pressure drop at the damper.","The use of the damper is how the amount of draft is controlled in the heater."]},bridgewall:{title:"Bridgewall",content:["The bridgewall is located at the top of the radiant section, leading to the entrance of the convection section.","The location of the bridgewall is at the exit of the radiant section. The bridgewall temperature is measured and monitored closely.","The bridgewall temperature is a direct indication of how hard the radiant section is operating. The bridgewall location is where the draft in the heater is the lowest.","The bridgewall is where the draft is controlled with the damper."]},shockbank:{title:"Shock Bank",content:["The shock bank is three layers of bare tubes, also called shock tubes. These are located at the bottom of the convection section.","The flue gas temperature entering the shock bank can vary significantly, which would cause the fin temperature to vary and possibly exceed maximum allowable temperature.","The shock tubes, besides being exposed to radiation, are also exposed to flowing flue gas. Therefore, these tubes experience both convection and radiation heat transfer."]},radianttubes:{title:"Radiant Tubes",content:["The radiant tubes are located in the firebox, or radiant section, of the heater.  Heat transfer in this section is a combination of radiation heat transfer and some convective heat transfer from flowing gases.","The radiant tube's key design variable is the radiant heat flux.  This is the amount of heat transferred per unit surface area of radiant tubes.","This variable determines the amount of radiant tube area, and hence the size of the heater's radiant section."]},burners:{title:"Burners",content:["The burners are where the combustion occurs when the fuel and air are mixed.","Burners can be located at the floor of the heater (as shown here), and the flames will fire vertically up the heater.","Burners can be located on the side of the heater, and fire horizontally. Or burners can be located on top of the heater, and can fire with the flames going down.","Burners are designed to efficiently mix fuel and air, within the constraints of controlling NOx emissions."]},firebox:{title:"Firebox",content:["The firebox contains the burners, flames, and radiant section tubes. It can also be called the radiant section of the fired heater."]},refractorylining:{title:"Refractory Lining",content:["The outside shell of the firebox is made of carbon steel.","Steel would not stand up to the operating temperatures in the radiant section, where the flame temperatures approach 1800\xb0C (3200\xb0F) and the bridgewall temperature is ofter 900\xb0C (1650\xb0F).","The firebox/radiant section is lined with an insulating refractory material so that the steel outer shell operates at a lower temperature.  The refractory also reflects heat so that the process can adsorb it, and insulates the firebox to reduce the loss of heat to the environment."]},convectiontubes:{title:"Convection Tubes",content:["The convection section consists of horizontal tubes.","Apart from the shock tubes in the shock bank, the tubes have an extended surface, of either fins or studs, to improve heat transfer from the flue gas to the fluid in the convection section.","The convection section tubes may contain process fluid, or other fluids such as steam or hot oil.."]}}}},,,function(e){e.exports={termsAndConditionsModal:{title:"Terms and Conditions",content:[{title:"Terms and Conditions",type:"prompt",acceptText:"Accept and begin",rejectText:"Decline and close",text:['1. The course is only available for COMPANY\u2019s employees who are designated by COMPANY and accepted by UOP, and who are engaged in engineering, supervisory, or operating functions of COMPANY\u2019s business related to the course (the \u201cParticipants\u201d). For purposes of this agreement, "COMPANY" means the company of the employee named in the registration statement.',"2. UOP will determine the content and format of the course.  The specified date and location for the course are tentative.  If UOP cannot conduct the course at the specified date or location, then at COMPANY\u2019s option, UOP will either refund any amounts paid by COMPANY for the course or attempt to reschedule course at a mutually agreeable date and location.","3. COMPANY is responsible for all expenses of the Participants, including any communication, transportation, living, and medical expenses.","4.1 Unless otherwise specified, and except for taxes imposed on UOP\u201ds net income by the government of the U.S.A. or any state or local entity in the U.S.A., COMPANY will pay UOP\u2019s charges in an amount to be calculated so that, after deducting any taxes or other governmental assessments which COMPANY, UOP, UOP\u2019s personnel or any third party shall be required to pay with respect to such charges or with respect to this agreement or any goods or services provided by UOP under this agreement, the remainder actually paid to UOP will be the amount specified in this agreement.  COMPANY will reimburse UOP for any such assessments (including personal income taxes and social security assessments) which are paid by UOP or UOP\u2019s personnel.","4.2 COMPANY will pay to the appropriate authorities any assessments which COMPANY is solely or jointly obligated to pay to any government other than the U.S.A. Government.  COMPANY will promptly furnish to UOP originals or certified copies of receipts for any such assessments paid by COMPANY on behalf of UOP or UOP\u2019s personnel.  COMPANY will assist UOP and UOP\u2019s personnel in preserving and exercising whatever right they may have to contest by appropriate proceedings the validity or amount of any such assessments paid by COMPANY on behalf of UOP or UOP\u2019s personnel.  If UOP is obligated to provide any goods or services under this agreement in or to a country other than the U.S.A., COMPANY will assist UOP to obtain, and will pay all expense for obtaining, any visas, work permits, import/re-export permits or other authorizations required by the government of the country in question.","4.3 Furthermore, UOP may, in addition to any other rights or remedies permitted at law, at its option: (a) charge CUSTOMER interest on delinquent amounts at the lower of 1% per month or the maximum rate permitted by law, for each full or partial month; and (b) recover from CUSTOMER all costs of collection, including but not limited to reasonable attorneys' fees. Neither party may set off or recoup amounts due and owing or any portion thereof against sums that are due or may become due from the other party.","5. UOP warrants that the course will be performed according to accepted training practices.  UOP MAKE NO OTHER WARRANTIES, EXPRESS OR IMPLIED.  UOP\u2019s total liability for breach of this warranty or any other claim arising out of the course, shall not exceed ten percent of the price of the course.  Any claim arising out of the course must be made in writing within six months after the completion of the course.  COMPANY will defend and indemnify UOP and any third party associated with the course against any claim for bodily injury (including death) or property damage (including loss) caused by the Participants, and against any other claim for bodily injury or property damage arising out of the course unless caused by the willful misconduct or negligence of UOP.","6. IN NO EVENT SHALL UOP BE LIABLE FOR SPECIAL, CONSEQUENTIAL OR INDIRECT DAMAGES SUCH AS LOSS OF PROFIT OR LOSS OF USE.  This limitation shall apply whether the cause of action relates to this agreement or arises out of the services provided by UOP under this agreement, and shall apply regardless of the legal theory (tort, contract or otherwise) upon which the action is based.",'7. All technical information supplied by UOP to the Participant in connection with the course (the "UOP Technical Information") will remain UOP\u2019s property, and nothing in this agreement should be construed as an express or implied grant of any rights to use the UOP Technical Information. COMPANY will: (a) not use the UOP Technical Information for any purpose other than that specified in a separate agreement between UOP and COMPANY; (b) not copy or duplicate the UOP Technical Information for any purpose; (c) not disclose the UOP Technical Information to any third party; and (d) prevent the Participant or anyone else associated with COMPANY from making any audio or video recording of the course or its contents. Any suggestions or ideas which the Participant may contribute during the course may be used by UOP in its business.',"8. As defined by the European Union General Data Protection Regulation (GDPR), to the extent that pursuant to this agreement it is necessary to collect, exchange, control or process limited personal data (including in the form of party contact information), both parties (a) represent and warrant that all such personal data is processed in compliance with the applicable privacy laws, (b) agree that the parties are data controllers with respect to their respective employees\u2019 personal data, and (c) authorize one another to use the data as necessary in the performance of the agreement. As required by law or regulation, both parties agree to be bound by the applicable data privacy provisions set forth by the GDPR. If a party\u2019s employee wishes to exercise rights they may have in relation to this personal data, that party shall instruct its employee to contact its data privacy officer for instruction how to proceed."]}]},termsAndConditionsConfirmModal:{title:"Terms and Conditions",content:[{title:"Terms and Conditions",type:"prompt",acceptText:"Yes, Exit",rejectText:"No, Continue",text:["You must agree to the terms and conditions before you can view this module.","Do you wish to exit anyway?"]}]},lessonsCompleteModal:{title:"Terms and Conditions",content:[{title:"Lessons Completed",type:"prompt",acceptText:"Continue",rejectText:"Close",text:["Now you have completed all the lessons, would you like to close the browser or continue?"]}]},"lessonsCompleteModal-CloseTab":{title:"Terms and Conditions",content:[{title:"Lessons Completed",type:"prompt",acceptText:"Continue",text:["Now you have completed all the lessons,\nyou can close the window or click continue to revisit this content."]}]},upstreamReactorsModal:{title:"Heaters upstream of Reactors",content:[{title:"Heaters Upstream of Reactors",type:"study-aid",diagram:"reactorsModal01",DISABLEDvideo:"./assets/videos/reactorsModal01.mp4",alt:"a diagram of a reactor",text:["This is the process flow scheme for a UOP Unicracking Unit."]}]},fractionationModal:{title:"Heaters used for Fractionation",content:[{title:"Heaters Used for Fractionation",type:"study-aid",alt:"first diagram of a fractionation process",diagram:"fractionationModal01",text:["The Fired Heaters in Crude and Vacuum heaters provide all of the outside heat for the separation of crude oil into products that are processed in the rest of the refinery."]}]},oilCrackingModal:{title:"Black Oil Cracking Heaters",content:[{type:"study-aid",title:"Black Oil Cracking Heaters",diagram:"blackOilModal01",text:["The Fired Heaters provide the required heat of reaction for this process. This process involves heating heavy residual oil to cracking temperatures, which in general is around 915F, or 490C. The heater products then are sent to the coke drums, where the actual reaction takes place."]}]}}},function(e){e.exports={title:"Honewell Fired Heaters Training",introTitle:"This Module Will Cover",introImage:{src:"./assets/images/intro-image-75.jpg",alt:"Honewell Fired Heaters Training"},includeUnity:!0,lessons:[{lessonTitle:"Fired Heater Fundamentals",lessonNumber:0,lessonStatus:!0,lessonIntroIndex:["Understanding Fired Heaters","A Typical Fired Heater","Fired Heater Basics","Fired Heater Arrangements","Process Functions"],lessonSlides:[{slideID:"lesson1-slide17",slideNumber:0,slideTitle:"Understanding Fired Heaters",slideState:"active",slideType:"flipbook",unityCamera:"BasicsHome",unity:!1,left:{type:"content",title:"Understanding Fired Heaters",elements:[{type:"heading",para:"Understanding the design and operation of fired heaters is necessary because:"},{type:"list",listTitle:"",elements:["Fired heaters are expensive pieces of equipment, both to purchase and to operate","Fired heaters can be the capacity limitation in many process units","Fired heaters present several inherent safety hazards","Fired heaters fuel combustion is typically the largest emission source in any refinery"]}]},right:{type:"image",image:{src:"./assets/images/lesson1-slide1-image01.jpg",alt:"this is a photo of a fired heater"}}},{slideID:"lesson1-slide5",slideNumber:1,slideTitle:"A Typical Fired Heater",slideFooter:"Click the labels to learn more.",slideState:"inactive",slideType:"unity",unityCamera:"Intro",unitySidePanel:!0,unity:!0,unityContent:{sceneName:"VerticalFiredHeater_Dev"},left:{type:"content",title:"A Typical Fired Heater",elements:[{type:"para",para:"In a typical fired heater, the fuel mixes with the combustion air in the burner."},{type:"para",para:"The combustion process provides the heat to increase the temperature within the process stream."}]},moreInfoC:{title:"A Typical Fired Heater",image:{src:"lesson1Slide4MoreInfoTemplate",alt:"template image"},paragraphs:["The fuel mixes with the combustion air in the burner and provides the heat to heat up the process steam. The flame height should be 1/3 to 1/2 of the firebox height. The hot combustion gases need residence time to transfer the heat to the tubes.","The shock tubes are often the hottest tube in the fired heater. The shock tubes  receive the full radiant heat transfer rate, typically 10,000 Btu/h-ft2(27,125kcal/h-m2), plus the hot gases flowing over the tubes results in an additional convective heat transfer rate of 5,000 Btu/h-ft2(13,563kcal/h-m2)","The retrofitting of Low \u2013NOx burners can result in long flames and flame impingement on the shock tubes."]}},{slideID:"lesson1-slide2",slideNumber:2,slideTitle:"Fired Heater Basics",slideFooter:"Click each type to learn more.",slideState:"inactive",moreInfo:null,slideType:"flipbook",unityCamera:"BasicsHome",unity:!0,slidePoints:[{id:0,prefix:"A",title:"Large Heat Exchanger",info:["A fired heater is simply a large heat exchanger with a burner,","The style of fired heater is often determined by the process application and type of fuel used"]},{id:1,prefix:"B",title:"Fuel Combustion",info:["The combustion process provides the heat to heat up the process steam."]},{id:2,prefix:"C",title:"Radiation Heat Transfer",info:["Unlike heat exchangers, fired heaters rely on radiation as the major heat transfer mechanism."]}],left:{type:"content",title:"Fired Heater Basics",elements:[{},{type:"hint",border:!1,content:"Click the labels below to learn more."}],buttonElements:[{button:{id:"large-heat-exchanger",title:"Large Heat Exchanger",iconText:"A",unityCamera:"largeheatexchanger"},elements:[{type:"para",para:"A fired heater is simply a large heat exchanger with a burner."},{type:"para",para:"The style of fired heater is often determined by the process application and type of fuel used."}]},{button:{id:"fuel-combustion",title:"Fuel Combustion",iconText:"B",unityCamera:"fuelcombustion"},elements:[{type:"para",para:"Fuel, air and an ignition source are required for combustion."}]},{button:{id:"radiation-heat-transfer",title:"Radiation Heat Transfer",iconText:"C",unityCamera:"radiantheattransfer"},elements:[{type:"para",para:"Unlike heat exchangers, fired heaters rely on radiation as the major heat transfer mechanism."}]}]}},{slideID:"lesson1-slide3",slideNumber:3,slideTitle:"Fired Heater Arrangements",slideFooter:"Click on the different arrangements to learn more.",slideState:"inactive",moreInfo:null,slideType:"flipbook-gallery",unityCamera:"Neutral",unity:!1,left:{type:"content",title:"Fired Heater Arrangements",elements:[{type:"hint",border:!0,content:"Click labels to learn more"},{type:"flipbook-button",id:"flipbook-button-1",title:"Single & Double Fired"},{type:"flipbook-button",id:"flipbook-button-2",title:"Supported Tubes"},{type:"flipbook-button",id:"flipbook-button-4",title:"Vertical Cylindrical"},{type:"flipbook-button",id:"flipbook-button-3",title:"Cabin Heaters"}]},right:{elements:[{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide3-point0-image1.jpg"},style:"trueQuarter",title:"Single Fired",content:"Burners are located on one side of the tubes only. The other side of the tubes is backed by refactory. The front face of the tubes can receive six times as much heat as back side."},{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide3-point0-image4.jpg"},style:"trueQuarter",title:"U-Tube Heater",content:"The flow enters a manifold and is divided into many U tubes. Each U tube acts as a flow pass, which allows for a low process pressure drop design."},{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide3-point0-image2.png"},style:"trueQuarter",title:"Burners on Inside of U-bends"},{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide3-point0-image5.jpg"},style:"trueQuarter",title:"Double Fired",content:"Burners on inside and outside of U tubes."}],rightElements:[{id:"flipbook-button-2-page",elements:[{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide3-point1-image2.png"},style:"fullHeight",title:"Top Supported",content:"This picture shows top supported vertical tubes with a short radius return bend."},{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide3-point1-image3.jpg"},style:"fullHeight",title:"Bottom Supported",content:"This picture shows bottom supported horizontal tubes."}]},{id:"flipbook-button-3-page",elements:[{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide3-point2-image2.jpg"},style:"fullHeight fullWidth",title:"Cabin Heaters",content:"For large duties, a cabin heater with horizontal or vertical tubes may be more suitable."}]},{id:"flipbook-button-4-page",elements:[{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide3-point3-image0.jpg"},style:"fullHeight fullWidth",title:"Vertical Cylindrical",content:"Most new heaters today are vertical cylindrical to save cost and plot space. The vertical\xa0cylindrical heater often has a taller radiant section and  much better suited for the long flames of low NOx burners."}]}]}},{slideID:"lesson1-slide4",slideNumber:4,slideTitle:"Process Functions",slideState:"inactive",moreInfo:null,slideType:"flipbook-gallery",unityCamera:"Neutral",unity:!1,left:{type:"content",title:"Process Functions",elements:[{type:"hint",border:!1,content:"Click each process to learn more."}]},right:{elements:[{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide4-image01.jpg"},button:{title:"View Process",style:"viewProcessButton",action:"showModal",modalName:"upstreamReactorsModal"},style:"fullWidth",title:"Heaters Upstream of Reactors"},{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide4-image02.jpg"},button:{title:"View Process",style:"viewProcessButton",action:"showModal",modalName:"fractionationModal"},style:"trueQuarter",title:"Heaters used for Fractionation"},{type:"flipbook-page",image:{src:"./assets/images/lesson1-slide4-image03.jpg"},button:{title:"View Process",style:"viewProcessButton",action:"showModal",modalName:"oilCrackingModal"},style:"trueQuarter",title:"Black Oil Cracking Heaters"}]}}]}]}},,,,,,,,,,function(e,t,n){e.exports=n.p+"static/media/blue-filled-circle.14e24b8d.svg"},function(e,t,n){e.exports=n.p+"static/media/close-icon.7973b07f.svg"},function(e,t,n){e.exports=n.p+"static/media/modal-nav-left.f541ebc6.svg"},function(e,t,n){e.exports=n.p+"static/media/modal-nav-right.8eed12e8.svg"},function(e,t,n){e.exports=n.p+"static/media/info-circle.5cd11981.svg"},function(e,t,n){e.exports=n.p+"static/media/ball-triangle.5ef85071.svg"},function(e,t,n){e.exports=n.p+"static/media/grey-filled-circle.d18d6fab.svg"},function(e,t,n){e.exports=n.p+"static/media/darkgrey-filled-circle.b4b57431.svg"},function(e,t,n){e.exports=n.p+"static/media/green-filled-circle.668f5c6a.svg"},function(e,t,n){e.exports=n.p+"static/media/green-semifilled-circle.c8ec1fd3.svg"},function(e,t,n){e.exports=n.p+"static/media/heater-icon.2dba50e0.svg"},function(e,t,n){e.exports=n.p+"static/media/Diagram_BlackOil.089e5f3a.svg"},function(e,t,n){e.exports=n.p+"static/media/Diagram_Fractionation.38367e98.svg"},function(e,t,n){e.exports=n.p+"static/media/Diagram_Reactors1.d8758129.svg"},function(e,t,n){e.exports=n.p+"static/media/Diagram_Reactors2.ca55a07a.svg"},,,,function(e,t,n){e.exports=n(136)},,,,,,,,,,function(e,t,n){},,,,,,function(e,t,n){},,,,,function(e,t,n){},,,,,,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,,,,,,,,,,,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,function(e,t,n){},,,,,,,function(e,t,n){"use strict";n.r(t);var a=n(0),i=n.n(a),s=n(31),o=n.n(s),r=n(137),l=n(7),c=n(14),u=(n(64),n(70),n(2)),d=n(3),m=n(6),h=n(4),p=n(5),f=(n(75),function(e){var t=e.size,n=e.color;return i.a.createElement("svg",{viewBox:"0 0 100 1",xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",className:"Divider ".concat(t||"")},i.a.createElement("line",{x1:"0",y1:"0",x2:"100",y2:"0",stroke:n||"#919BB4",strokeWidth:"0.1"}))}),b=n(24),y=n.n(b),g=(n(81),function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state={currentSlide:n.props.currentSlide,showEquation:!1},n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"toggleEquation",value:function(){this.setState({showEquation:!this.state.showEquation})}},{key:"render",value:function(){var e=this,t=this.props,n=t.equation,a=t.notations;return i.a.createElement(i.a.Fragment,null,i.a.createElement("button",{className:"equation__button",onClick:function(){return e.toggleEquation()}},this.state.showEquation?"Hide equation":"Show equation"),i.a.createElement("div",{className:"equation ".concat(this.state.showEquation?"":"equation__hide")},i.a.createElement("div",{className:"equation__provider"},i.a.createElement(y.a.Provider,{style:"text-align: left;font-size:200%;"},i.a.createElement(y.a.Node,{formula:n}))),0!==a.length&&a.map(function(e,t){return i.a.createElement("p",{className:"equation__notations",key:"notation_"+t},e)})))}}]),t}(i.a.Component)),v=(n(83),function(e){var t=e.content,n=e.elements,a=e.onClick,s=e.activePanelId;return i.a.createElement("section",{className:"LessonSlideLeft"},i.a.createElement("h1",{className:"LessonSlideLeft__title"},t.title),i.a.createElement(f,null),(n||t.elements).map(function(e,t){if("heading"===e.type)return i.a.createElement("p",{className:"LessonSlideLeft__heading",key:"left-element-"+t},e.para);if("list"===e.type)return i.a.createElement("ul",{className:"LessonSlideLeft__list",key:"left-element-"+t},e.elements.map(function(e,t){return i.a.createElement("li",{className:"LessonSlideLeft__list__item",key:t},e)}));if("subheading"===e.type)return i.a.createElement("h2",{className:"LessonSlideLeft__subheading",key:"left-element-"+t},e.para);if("para"===e.type)return i.a.createElement("h2",{className:"LessonSlideLeft__para",key:"left-element-"+t},e.para);if("flipbook-button"===e.type){var n=e.id===s||!s&&"flipbook-button-1"===e.id;return i.a.createElement("section",{className:"LessonSlideLeft__flipbook-button-container"+(n?" active":""),key:"left-element-"+t},i.a.createElement("button",{className:"LessonSlideLeft__flipbook-button"+(n?" active":""),onClick:a&&a.bind(void 0,e)},e.title))}if("hint"===e.type){var o=e.border?"border":"";return i.a.createElement("div",{className:"LessonSlideLeft__hint "+o,key:"left-element-"+t},e.content)}return"equation"===e.type?i.a.createElement(g,{equation:e.equation,notations:e.notations}):""}))}),C=n(8),S="GO_TO_LESSON",O="GO_TO_LESSON_SLIDE",k="RESET_LESSON_SLIDE",E="OFFSET_UNITY_CAMERA",N="CHANGE_UNITY_CAMERA",w="SHOW_MODAL",T="UNITY_SET_LOADER",j="TOGGLE_MORE_INFO_SIDE_PANEL",P="GET_SLIDES_STATES",x="CHANGE_SLIDES_STATES",L="GET_SLIDES_CLICK_STATES",A="CHANGE_SLIDES_CLICK_STATES",M="SET_UNITY_PROGRESS";function _(){return function(e){e({type:k,currentSlide:0})}}function I(e,t,n){return function(a){a({type:w,showModal:!0,modalName:e,onAcceptFunc:t,onRejectFunc:n})}}function F(){return function(e){e({type:w,showModal:!1,modalName:null,onAcceptFunc:null,onRejectFunc:null})}}function U(e,t){return function(n){n({type:j,showMoreInfoSidePanel:e,moreInfoData:t})}}function D(e){return function(t){t({type:N,unityCamera:e})}}function R(e){return function(t){t({type:E,cameraOffset:e})}}function H(e){return function(t){t({type:T,loader:e})}}function B(e){return function(t){t({type:M,unityProgress:e})}}function q(e){return function(t){t({type:x,payload:e})}}function Y(e){return function(t){t({type:A,payload:e})}}n(85);var z=function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state={},n.handleAction=n.handleAction.bind(Object(C.a)(Object(C.a)(n))),n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"handleAction",value:function(e){console.log("Handling action for click on",this,e),e&&"showModal"===e.action&&this.props.showModalFunc(e.modalName)}},{key:"render",value:function(){var e=this,t=this.props,n=t.content,a=t.elements,s=t.slideType,o=t.show?" show":"";return i.a.createElement("section",{className:"LessonSlideRight "+(s||"SlideTypeUnknown")+o},(a||n.elements||[n]).map(function(t,n){return"para"===t.type?i.a.createElement("p",{key:"lesson-slide-para"+n},t.para):"image"===t.type?i.a.createElement("img",{className:"LessonSlideRight__image",src:t.image.src,alt:t.image.alt,key:"lesson-slide-image"+n}):"flipbook-page"===t.type?i.a.createElement("section",{className:"flipbook-page"+(t.warn?" warn":"")+(t.style?" "+t.style:""),id:t.id,key:t.id||"lesson-flipbook-page"+n},i.a.createElement("img",{className:"flipbook-page-image",src:t.image.src,alt:t.title}),i.a.createElement("div",{className:"imageOverlay"}),t.title&&i.a.createElement("h3",{className:"flipbook-page-title"},t.title),t.button&&i.a.createElement("button",{className:"flipbook-page-button "+(t.button.style||""),onClick:e.handleAction.bind(e,t.button)},t.button.title),t.content&&i.a.createElement("p",{className:"flipbook-page-content"},t.content)):null}))}}]),t}(i.a.Component);var Q=Object(l.b)(null,function(e){return{showModalFunc:function(t,n,a){e(I(t,n,a))}}})(z),Z=(n(87),function(e){var t=e.buttons,n=e.onClick,a=e.activeButtonId;return i.a.createElement("section",{className:"LessonButtons"},t&&t.map(function(e){return i.a.createElement("button",{className:"LessonButton ".concat(a===e.id?"active":""),key:e.id,onClick:function(){return n(e)}},i.a.createElement("span",{className:"LessonButton__badge"},e.iconText),i.a.createElement("p",{className:"LessonButton__title"},e.title))}))}),V=n(9),G=n.n(V),X=(n(99),function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state={slideID:null},n.loaded=!1,n.onProgress=n.onProgress.bind(Object(C.a)(Object(C.a)(n))),n.loadScene=new V.UnityEvent("NativeCommunication","LoadScene"),n.goBack=new V.UnityEvent("NativeCommunication","GoBack"),n.setCameraPoint=new V.UnityEvent("NativeCommunication","SetCameraPoint"),n.setCameraOffset=new V.UnityEvent("NativeCommunication","SetCameraOffset"),Object(V.RegisterExternalListener)("onSceneLoaded",function(e){return n.onSceneLoaded(e)}),n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"componentWillMount",value:function(){this.props.unitySetLoader(!0)}},{key:"componentWillReceiveProps",value:function(e){null!==e.currentLesson&&null!==e.currentSlide&&this.setSlideID(e.currentLesson,e.currentSlide),null!==e.unityCamera&&this.setUnityCamera(e.unityCamera),e.lessons[e.currentLesson].lessonSlides[e.currentSlide].unity&&this.setUnityOffset(e.cameraOffset?e.cameraOffset:"0"),"Back"===e.unityCamera&&this.goBack.emit()}},{key:"onSceneLoaded",value:function(){var e=this;if(!this.loaded){var t=setTimeout(function(){e.props.unitySetLoader(!1),clearTimeout(t)},1500);this.loaded=!0}}},{key:"onProgress",value:function(e){var t=this,n=setInterval(function(){t.props.setUnityProgress(Math.ceil(100*e)),clearInterval(n)},1e3)}},{key:"setSlideID",value:function(e,t){this.setState({slideID:this.props.lessons[e].lessonSlides[t].slideID})}},{key:"setUnityCamera",value:function(e){!0===this.setCameraPoint.canEmit()&&this.setCameraPoint.emit(e)}},{key:"setUnityOffset",value:function(e){!0===this.setCameraOffset.canEmit()&&(this.setCameraOffset.emit(e),console.log("setUnityOffset "+("0"===e||"400"===e?e:"HELL!)")))}},{key:"render",value:function(){var e=this.props,t=e.show?" show":"",n=e.contentOverUnity?" unityBehindContent":"";return i.a.createElement("section",{className:"UnityContent "+t+n},i.a.createElement(G.a,{src:"assets/Unity/Build/VerticalFiredHeater.json",loader:"assets/Unity/Build/UnityLoader.js",onProgress:this.onProgress}))}}]),t}(i.a.Component));var K=Object(l.b)(function(e){return{unityCamera:e.navigation.unityCamera}},function(e){return{unitySetLoader:function(t){e(H(t))},setUnityProgress:function(t){e(B(t))},toggleMoreInfoSidePanel:function(t,n){e(U(t,n))}}})(X),J=(n(101),n(16)),W=n(13),$=(n(103),n(105),n(36)),ee=n.n($),te=n(37),ne=n.n(te),ae=n(38),ie=n.n(ae),se=n(39),oe=n.n(se),re=n(40),le=n.n(re),ce=n(41),ue=n.n(ce),de=n(42),me=n.n(de),he=n(43),pe=n.n(he),fe=n(44),be=n.n(fe),ye=n(45),ge=n.n(ye),ve=n(46),Ce=n.n(ve),Se={blueFilledCircle:ee.a,close:ne.a,modalNavLeft:ie.a,modalNavRight:oe.a,infoCircle:le.a,ballTriangle:ue.a,greyFilledCircle:me.a,darkGreyFilledCircle:pe.a,greenFilledCircle:be.a,greenSemiFilledCircle:ge.a,heaterIcon:Ce.a},Oe=function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state={slideState:n.props.slideState},n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"handleClick",value:function(e,t){if(e.preventDefault(0),this.props.goToSlide(t.slideNumber),this.props.changeSlidesClickStates("clicked"),this.props.changeSlidesStates("active"),t.unity&&t.unityCamera){var n=t.cameraOffset?t.cameraOffset:"0";this.props.unityChangeCamera(t.unityCamera),this.props.unityOffsetCamera(n),console.log("NEXT "+t.unity+" "+t.unityCamera)}this.props.toggleMoreInfoSidePanel(!1,null)}},{key:"render",value:function(){var e=this,t=this.props,n=t.slide,a=t.slideTitle,s=t.slideNumber,o=t.totalSlides,r=t.slideState,l=t.clickState;return i.a.createElement("button",{className:"sidebar-slide-list__item ".concat("clicked"===l?"clicked":""),key:a,onClick:function(t){return e.handleClick(t,n)}},i.a.createElement("li",{className:"sidebar-slide-list__item__container"},i.a.createElement("aside",{className:"sidebar-slide-list__item__container__icon-container"},i.a.createElement("img",{className:"sidebar-slide-list__item__icon",src:"complete"===r?Se.greenFilledCircle:"active"===r?Se.greenSemiFilledCircle:Se.greyFilledCircle,alt:"grey filled circle icon"}),0===s&&i.a.createElement("svg",{className:"sidebar-slide-list__item__icon__line ".concat("complete"===r?"complete":"active"===r?"active":"")},i.a.createElement("line",{x1:"0",y1:"27",x2:"0",y2:"54px"})),0!==s&&s<o-1&&i.a.createElement("svg",{className:"sidebar-slide-list__item__icon__line ".concat("complete"===r?"complete":"active"===r?"active":"")},i.a.createElement("line",{x1:"0",y1:"0",x2:"0",y2:"54px"})),s===o-1&&i.a.createElement("svg",{className:"sidebar-slide-list__item__icon__line ".concat("complete"===r?"complete":"active"===r?"active":"")},i.a.createElement("line",{x1:"0",y1:"0",x2:"0",y2:"27"}))),i.a.createElement("p",{className:"sidebar-slide-list__item__text"},a)))}}]),t}(i.a.Component);var ke=Object(l.b)(function(e){return{unityCamera:e.navigation.unityCamera}},function(e){return{unityOffsetCamera:function(t){e(R(t))},unityChangeCamera:function(t){e(D(t))},changeSlidesStates:function(t){e(q(t))},changeSlidesClickStates:function(t){e(Y(t))},toggleMoreInfoSidePanel:function(t,n){e(U(t,n))}}})(Oe),Ee=function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state={lessonsStatus:n.props.lessons.reduce(function(e,t){return e[t.lessonNumber]=t.lessonStatus,e},{}),completedLesson:!1},n.handleToggle.bind(Object(C.a)(Object(C.a)(n))),n.handleComplete=n.handleComplete.bind(Object(C.a)(Object(C.a)(n))),n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"componentDidMount",value:function(){this.props.getSlidesStates(this.props.lessons),this.props.getSlidesClickStates(this.props.lessons)}},{key:"handleToggle",value:function(e,t){e.preventDefault(0);var n=Object.assign({},this.state.lessonsStatus);Object.keys(n).forEach(function(e){return n[e]=!1}),this.setState({lessonsStatus:Object(W.a)({},n,Object(J.a)({},t,!n[t]))}),this.props.resetSlide(),this.props.goToLesson(t),this.props.toggleMoreInfoSidePanel(!1,null)}},{key:"handleNext",value:function(e){e.preventDefault(0);var t=this.props.lessons[this.props.currentLesson].lessonSlides[this.props.currentSlide+1];if(this.props.goToSlide(t.slideNumber),this.props.changeSlidesClickStates("clicked"),this.props.changeSlidesStates("active"),t.unity&&t.unityCamera){var n=t.cameraOffset?t.cameraOffset:"0";this.props.unityChangeCamera(t.unityCamera),this.props.unityOffsetCamera(n),console.log("NEXT "+t.unity+" "+t.unityCamera)}}},{key:"handleComplete",value:function(e){e.preventDefault(0),this.props.changeSlidesClickStates("clicked"),this.props.changeSlidesStates("active"),this.setState({completedLesson:!0});var t=this.props.lessons,n=this.props.slideStates&&this.props.slideStates[0]||{};if(t[0].lessonSlides.length===t[0].lessonSlides.filter(function(e,t){return"complete"===n[t]||"active"===n[t]}).length){this.props.showModalFunc("lessonsCompleteModal-CloseTab",function(){console.log("Just closing the modal")},function(){window.close(),window.location.reload()})}}},{key:"render",value:function(){var e=this,t=this.props,n=t.lessons,a=t.goToSlide,s=t.currentSlide,o=t.currentLesson,r=t.unityChangeCamera,l=t.unityOffsetCamera,c=n[0].lessonSlides.length,u=!this.props.showMoreInfoSidePanel,d=n[0].lessonSlides.length===s+1,m=this.props.slideStates&&this.props.slideStates[0]||{},h=n[0].lessonSlides.filter(function(e,t){return"complete"===m[t]||"active"===m[t]}).length;return i.a.createElement("section",{className:"SidebarRightNav"},i.a.createElement("section",{className:"SidebarRightNav__lesson-list"},n.map(function(t){return i.a.createElement("section",{className:"SidebarRightNav-item",key:"".concat(t.lessonNumber," ").concat(t.lessonTitle)},i.a.createElement("button",{className:"SidebarRightNav-item__lesson__button",onClick:function(n){return e.handleToggle(n,t.lessonNumber)}},i.a.createElement("p",{className:"SidebarRightNav-item__lesson__title ".concat(e.state.lessonsStatus[t.lessonNumber]?"":"inactive")},"".concat(t.lessonTitle,"    "),!1===e.state.lessonsStatus[t.lessonNumber]&&i.a.createElement("i",{className:"fas fa-chevron-right"}))),i.a.createElement("ul",{className:"SidebarRightNav-item__slide-list ".concat(e.state.lessonsStatus[t.lessonNumber]?"shown":"hidden")},t.lessonSlides.map(function(n,c,u){return i.a.createElement(ke,{slide:n,slideTitle:n.slideTitle,slideNumber:c,key:"".concat(n.slideID," ").concat(n.slideTitle),currentSlide:s,currentLesson:o,goToSlide:a,totalSlides:u.length,type:n.slideType,unityChangeCamera:r,unityOffsetCamera:l,slideState:e.props.slideStates?e.props.slideStates[t.lessonNumber][c]:null,clickState:e.props.slideClickStates?e.props.slideClickStates[t.lessonNumber][c]:null})})))})),i.a.createElement("section",{className:"SidebarRightNav__button-container"},d&&h<c&&i.a.createElement("div",{className:"incomplete-warning"},"You skipped ",c-h," slide",c-h>1&&"s"),h<c&&!d&&i.a.createElement("button",{className:"Sidebar__next-button "+(u?"":"disabled"),disabled:!u,onClick:function(t){return e.handleNext(t)}},"Next"),(h===c||d)&&i.a.createElement("button",{disabled:!this.state.completedLesson&&h<c,className:"Sidebar__complete-button "+(this.state.completedLesson?" complete ":"")+(!this.state.completedLesson&&h<c?" incomplete ":""),onClick:this.handleComplete},this.state.completedLesson?"Lesson Complete":"Complete Lesson")))}}]),t}(i.a.Component);var Ne=Object(l.b)(function(e){return{slideStates:e.navigation.slideStates,slideClickStates:e.navigation.slideClickStates,showMoreInfoSidePanel:e.navigation.showMoreInfoSidePanel}},function(e){return{getSlidesStates:function(t){e(function(e){return function(t){var n=e.reduce(function(e,t){var n={};return t.lessonSlides.forEach(function(e){n[e.slideNumber]=e.slideState}),e[t.lessonNumber]=n,e},{});t({type:P,slideStates:n})}}(t))},getSlidesClickStates:function(t){e(function(e){return function(t){var n=e.reduce(function(e,t){var n={};return t.lessonSlides.forEach(function(e){"active"===e.slideState?n[e.slideNumber]="clicked":n[e.slideNumber]=null}),e[t.lessonNumber]=n,e},{});t({type:L,slideClickStates:n})}}(t))},changeSlidesStates:function(t){e(q(t))},changeSlidesClickStates:function(t){e(Y(t))},resetSlide:function(){e(_())},unityChangeCamera:function(t){e(D(t))},unityOffsetCamera:function(t){e(R(t))},showModalFunc:function(t,n,a){e(I(t,n,a))}}})(Ee),we=(n(107),function(e){var t=e.lessons,n=e.currentLesson,a=e.currentSlide,s=e.goToSlide,o=e.showModalFunc,r=e.images;return i.a.createElement("section",{className:"SidebarLeftContent"},i.a.createElement(_e,{lessons:t,currentLesson:n,currentSlide:a,goToSlide:s,showModalFunc:o,images:r}))});var Te=Object(l.b)(function(e){return{unityChangeCamera:function(t){e(D(t))},unityOffsetCamera:function(t){e(R(t))}}})(function(e){var t=e.lessons,n=e.currentLesson,a=e.currentSlide,s=e.goToLesson,o=e.goToSlide,r=e.resetSlide,l=e.toggleMoreInfoSidePanel,c=e.side,u=e.images,d=e.showModalFunc,m=e.unityChangeCamera,h=e.unityOffsetCamera;return i.a.createElement("section",{className:"Sidebar"},"right"===c&&i.a.createElement(Ne,{lessons:t,currentLesson:n,currentSlide:a,goToLesson:s,goToSlide:o,resetSlide:r,toggleMoreInfoSidePanel:l,unityChangeCamera:m,unityOffsetCamera:h}),"left"===c&&i.a.createElement(we,{lessons:t,currentLesson:n,currentSlide:a,images:u,showModalFunc:d}))}),je=(n(109),function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state={visible:!0,unityID:null},n.setCameraPoint=new V.UnityEvent("NativeCommunication","SetCameraPoint"),n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"componentWillReceiveProps",value:function(e){this.setState({visible:!0})}},{key:"handleClick",value:function(e){e.preventDefault(0),this.setState({visible:!1}),this.setCameraPoint.emit("Home")}},{key:"render",value:function(){var e=this,t=this.props.hotspotData,n=void 0!==t&&t.title&&this.state.visible?" show":"";return i.a.createElement("div",null,void 0!==t&&i.a.createElement("aside",{className:"side-panel--more-info"+n},i.a.createElement("div",{className:"side-panel--more-info__button-container"},i.a.createElement("button",{onClick:function(t){return e.handleClick(t)},className:"side-panel--more-info__button"},i.a.createElement("i",{className:"sidebar__back-to-overview-button__chevron fas fa-chevron-left"}),i.a.createElement("p",null,"Back"))),i.a.createElement("div",{className:"side-panel--more-info__content"},i.a.createElement("h3",{className:"side-panel--more-info__content__title"},t.title),"string"===typeof t.content&&i.a.createElement("p",{className:"side-panel--more-info__content__text"},t.content),t.content instanceof Array&&t.content.map(function(e,t){return i.a.createElement("p",{className:"side-panel--more-info__content__text",key:"hotspot-panel"+t},e)}))))}}]),t}(i.a.Component)),Pe=(n(111),function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state={showMoreInfo:!1,selectedHotspot:"Breach",currentSlideClicked:null},n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"render",value:function(){var e=this.props.slide;return i.a.createElement("section",{className:"lesson-slide__row--unity"},"unity"===e.slideType&&i.a.createElement("div",{className:"lesson-slide__row--unity"},i.a.createElement("h1",{className:"lesson-slide__title"},e.slideTitle)),"unity-flipbook"===e.slideType&&i.a.createElement("div",{className:"lesson-slide__row--unity--flipbook ".concat(this.state.currentSlideClicked?"show":"")},e.flipbookContent.map(function(e,t){return"bullet_points"===e.type?i.a.createElement("ul",{className:"lesson-slide__row--unity--flipbook__".concat(e.type)},e.bulletpoints.map(function(e,t){return i.a.createElement("li",null,e)})):void 0!==e.type&&i.a.createElement("p",{className:"lesson-slide__row--unity--flipbook__".concat(e.type),key:e.type+t},e.para)})))}}]),t}(i.a.Component));var xe=Object(l.b)(function(e){return{slideClickStates:e.navigation.slideClickStates,unityContent:e.navigation.unityContent}})(Pe),Le=n(22),Ae=(n(113),{buttonId:null,panelId:null,overrideLeftElements:null,overrideRightElements:null,unityID:null,sidePanelClick:!1}),Me=function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state=Ae,n.includeUnity=e.includeUnity,Object(V.RegisterExternalListener)("setContent",function(e){return n.setContent(e)}),n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.currentSlide===e.currentSlide&&this.props.currentLesson===e.currentLesson||this.setState(Ae)}},{key:"setContent",value:function(e){e.length>0&&this.setState({unityID:e})}},{key:"render",value:function(){var e=this,t=this.props,n=t.lessons,a=t.currentLesson,s=t.currentSlide,o=t.unityContent,r=t.unityCamera,l=t.cameraOffset,c=!1,u=n.filter(function(e){return e.lessonNumber===a})[0],d=u&&u.lessonSlides[s],m=d.left||!1;m&&m.buttonElements&&(c=m.buttonElements.map(function(e){return e.button}));var h=d.right||!1,p="unity-flipbook"===d.slideType;return i.a.createElement("section",{className:"LessonContainer",currentlesson:a,currentslide:s},m&&i.a.createElement(v,{content:m,elements:this.state.overrideLeftElements,onClick:function(t){e.setState({panelId:t&&t.id||null});var n=h.rightElements.find(function(e){return e.id===t.id+"-page"});e.setState({panelId:t&&t.id||null,overrideRightElements:n&&n.elements||h&&h.elements||null})},activePanelId:this.state.panelId}),h&&i.a.createElement(Q,{content:h,elements:this.state.overrideRightElements,slideType:d&&d.slideType,show:!d.unity}),this.includeUnity&&d&&i.a.createElement(K,{lessons:n,currentLesson:a,currentSlide:s,unityContent:o,unityCamera:r,cameraOffset:l,show:d.unity,contentOverUnity:p}),d.unitySidePanel&&null!==this.state.unityID&&void 0!==Le[d.slideID]&&void 0!==Le[d.slideID][this.state.unityID]&&i.a.createElement(je,{hotspotData:Le[d.slideID][this.state.unityID],unityID:this.state.unityID,setCameraPoint:this.setCameraPoint}),d&&p&&i.a.createElement(xe,{slide:d,currentSlide:s}),c&&i.a.createElement(Z,{activeButtonId:this.state.buttonId,buttons:c,onClick:function(t){var n=m.buttonElements.find(function(e){return e.button.id===t.id}),a=t&&t.id||null,i=n&&n.elements||null;a===e.state.buttonId&&(a=null,i=null),e.setState({buttonId:a,overrideLeftElements:i}),t&&t.unityCamera&&e.props.unityCamera!==t.unityCamera&&e.props.unityChangeCamera(t.unityCamera)}}),i.a.createElement(Te,Object.assign({side:"right"},this.props)))}}]),t}(i.a.Component);var _e=Object(l.b)(function(e){return{unityCamera:e.navigation.unityCamera}},function(e){return{toggleMoreInfoSidePanel:function(t,n){e(U(t,n))},unityChangeCamera:function(t){e(D(t))},unityOffsetCamera:function(t){e(R(t))}}})(Me);n(115);var Ie=Object(l.b)(function(e){return{currentLesson:e.navigation.currentLesson,currentSlide:e.navigation.currentSlide,unityCamera:e.navigation.unityCamera,cameraOffset:e.navigation.cameraOffset,unityContent:e.navigation.unityContent,showMoreInfoSidePanel:e.navigation.showMoreInfoSidePanel,moreInfoData:e.navigation.moreInfoData}},function(e){return{goToLesson:function(t){e(function(e){return function(t){t({type:S,currentLesson:e})}}(t))},goToSlide:function(t){e(function(e){return function(t){t({type:O,currentSlide:e})}}(t))},resetSlide:function(){e(_())},showModalFunc:function(t){e(I(t))},toggleMoreInfoSidePanel:function(t,n){e(U(t,n))},unityChangeCamera:function(t){e(D(t))},unityOffsetCamera:function(t){e(R(t))}}})(function(e){return i.a.createElement("section",{className:"MainApp"},i.a.createElement(_e,Object.assign({},e,{includeUnity:e.data.includeUnity,lessons:e.data.lessons})))}),Fe=(n(117),n(17)),Ue=n.n(Fe),De=function(){return i.a.createElement("nav",{className:"Navbar"},i.a.createElement("section",{className:"Navbar__left"},i.a.createElement("img",{className:"Navbar__logo",src:Ue.a,alt:"honeywell company logo"})),i.a.createElement("section",{className:"Navbar__right"},i.a.createElement("h1",{className:"Navbar__title"},"Fired Heaters Training")))},Re=n(47),He=n.n(Re),Be=n(48),qe=n.n(Be),Ye=n(49),ze=n.n(Ye),Qe=n(50),Ze=n.n(Qe),Ve={blackOilModal01:He.a,fractionationModal01:qe.a,reactorsModal01:ze.a,reactorsModal02:Ze.a},Ge=n(25),Xe=(n(119),function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state={contentPage:0},n.reject=n.reject.bind(Object(C.a)(Object(C.a)(n))),n.accept=n.accept.bind(Object(C.a)(Object(C.a)(n))),n.goBack=n.goBack.bind(Object(C.a)(Object(C.a)(n))),n.goToPage=n.goToPage.bind(Object(C.a)(Object(C.a)(n))),n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"componentWillReceiveProps",value:function(e){e.modalName!==this.props.modalName&&this.setState({contentPage:0})}},{key:"goToPage",value:function(e){this.setState({currentPage:e})}},{key:"goBack",value:function(){this.setState({currentPage:0}),this.props.hideModalFunc()}},{key:"reject",value:function(){this.props&&this.props.onRejectFunc&&this.props.onRejectFunc(),this.goBack()}},{key:"accept",value:function(){this.props&&this.props.onAcceptFunc&&this.props.onAcceptFunc(),this.goBack()}},{key:"render",value:function(){var e=this.props,t=e.showModal,n=e.modalName,a=e.onAcceptFunc,s=e.onRejectFunc,o=Ge&&n&&Ge[n];if(!t||!o)return null;var r=this.state.currentPage||0,l=o&&o.content&&o.content.length&&o.content.length-1,c=o&&o.content&&o.content[r];return i.a.createElement("section",{className:"modal "+n},i.a.createElement("section",{className:"container"},i.a.createElement("section",{className:"content"},c.title&&i.a.createElement("h2",{className:"title"},c.title),c.text&&c.text.map(function(e,t){return i.a.createElement("p",{className:"modal-para",key:"modal-para-"+t},e)}),"study-aid"===c.type&&i.a.createElement("section",{className:"study-aid"},c.image&&i.a.createElement("img",{src:c.src,alt:c.alt}),c.video&&i.a.createElement("video",{src:c.video,alt:c.alt,autoplay:"autoplay",loop:"loop"}),c.diagram&&i.a.createElement("img",{src:Ve[c.diagram],alt:c.alt}))),i.a.createElement("section",{className:"footer"},"prompt"===c.type&&i.a.createElement("section",{className:"prompt-buttons"},s&&c.rejectText&&i.a.createElement("button",{className:"reject-button",onClick:this.reject},c.rejectText),a&&c.acceptText&&i.a.createElement("button",{className:"accept-button",onClick:this.accept},c.acceptText)),o.content&&o.content.length>0&&i.a.createElement("section",{className:"page-buttons"},i.a.createElement("button",{className:"back-button",onClick:this.goBack},"Back"),r>0&&i.a.createElement("button",{className:"previous-button",onClick:this.goToPage.bind(this,r-1)},"Previous"),r<l&&i.a.createElement("button",{className:"next-button",onClick:this.goToPage.bind(this,r+1)},"Next")))))}}]),t}(i.a.Component));var Ke=Object(l.b)(function(e){return{showModal:e.navigation.showModal,modalName:e.navigation.modalName,onAcceptFunc:e.navigation.onAcceptFunc,onRejectFunc:e.navigation.onRejectFunc,loader:e.navigation.loader}},function(e){return{hideModalFunc:function(){e(F())}}})(Xe),Je=(n(121),function(e){function t(e){var n;return Object(u.a)(this,t),(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state={hide:!1},n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"render",value:function(){return i.a.createElement("section",{className:"welcome"},i.a.createElement("img",{className:"background-image",src:"assets/intro-image-75.jpg",alt:""}),i.a.createElement("section",{className:"container"},i.a.createElement("section",{className:"header"},i.a.createElement("img",{className:"image",src:Ue.a,alt:"Honeywell Logo"})),i.a.createElement("section",{className:"content"},i.a.createElement("h4",{className:"pretitle"},"Welcome To"),i.a.createElement("h1",{className:"title"},"Fired Heater Fundamentals",i.a.createElement("br",null),"Training"),i.a.createElement("button",{className:"next-button",onClick:this.props.onClick},"Start"))))}}]),t}(i.a.Component)),We=(n(123),function(e){function t(e){var n;Object(u.a)(this,t);return(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).state={hide:!1,termsAccepted:!1,welcomed:!1},n.firstSlide=e.data.lessons[0].lessonSlides[0],n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"showTerms",value:function(){var e=this,t=this.props.showModalFunc,n=function(){localStorage.setItem("termsAccepted-firedHeaters",!0),e.setState({termsAccepted:!0}),e.goToLessons.call(e)},a=function(){setTimeout(function(){t("termsAndConditionsConfirmModal",i,s)},1)},i=function(){e.setState({welcomed:!1,termsAccepted:!1})},s=function(){setTimeout(function(){t("termsAndConditionsModal",n,a)},1)};t("termsAndConditionsModal",n,a)}},{key:"goToLessons",value:function(){this.setState({hide:!0}),this.firstSlide.unity&&this.firstSlide.unityCamera&&(this.props.unityChangeCamera&&this.props.unityChangeCamera(this.firstSlide.unityCamera),this.props.unityOffsetCamera&&this.props.unityOffsetCamera("0"),console.log("INTRO "+this.firstSlide.unity+" "+this.firstSlide.unityCamera))}},{key:"render",value:function(){var e=this,t=this.props&&this.props.data||{},n=t&&t.lessons&&t.lessons[0]&&t.lessons[0].lessonIntroIndex||[];if(this.state.hide)return null;if(!this.state.welcomed){return i.a.createElement(Je,{onClick:function(){e.setState({welcomed:!0})}})}return i.a.createElement("section",{className:"LessonIntro"},i.a.createElement("section",{className:"Sidebar Sidebar__centred"},i.a.createElement("h2",{className:"IntroTitle"},t.introTitle),i.a.createElement("ol",{className:"SlideTitles"},n.map(function(e,t){return i.a.createElement("li",{className:"SlideTitle",key:"intro_"+e},i.a.createElement("span",null,e))})),i.a.createElement("button",{className:"NextButton",onClick:this.state.termsAccepted?this.goToLessons.bind(this):this.showTerms.bind(this)},"Next")),i.a.createElement("section",{className:"Content"},i.a.createElement("img",{className:"IntroImage",alt:t.introImage.alt,src:t.introImage.src})))}}]),t}(i.a.Component)),$e=(n(125),function(e){function t(e){var n;Object(u.a)(this,t);var a=(n=Object(m.a)(this,Object(h.a)(t).call(this,e))).props,i=a.radius,s=a.stroke;return n.normalizedRadius=i-2*s,n.circumference=2*n.normalizedRadius*Math.PI,n}return Object(p.a)(t,e),Object(d.a)(t,[{key:"render",value:function(){var e=this.props,t=e.radius,n=e.stroke,a=e.progress,s=this.circumference-a/100*this.circumference;return i.a.createElement("section",{className:"icon-container"},i.a.createElement("img",{className:"heater-icon",src:Se.heaterIcon,alt:"animated loading"}),i.a.createElement("svg",{className:"progress-circle",height:2*t,width:2*t},i.a.createElement("circle",{stroke:"white",fill:"#193e6b",strokeWidth:n,strokeDasharray:"".concat(this.circumference," ").concat(this.circumference),style:{strokeDashoffset:s},r:this.normalizedRadius,cx:t,cy:t})))}}]),t}(i.a.Component)),et=(n(127),function(e){function t(){return Object(u.a)(this,t),Object(m.a)(this,Object(h.a)(t).apply(this,arguments))}return Object(p.a)(t,e),Object(d.a)(t,[{key:"componentDidMount",value:function(){}},{key:"render",value:function(){var e=this.props,t=e.loader,n=e.unityProgress;return i.a.createElement("section",{className:"loader ".concat(!1===t?"hide":"show")},i.a.createElement($e,{radius:80,stroke:5,progress:n}),i.a.createElement("p",{className:"loader__text"},"Loading Content"),i.a.createElement("p",{className:"loader__percentage"},"".concat(n,"%")))}}]),t}(i.a.Component));var tt=Object(l.b)(function(e){return{unityProgress:e.navigation.unityProgress}},function(e){return{unitySetLoader:function(t){e(H(t))},setUnityProgress:function(t){e(B(t))}}})(et),nt=n(26),at=(n(129),function(e){function t(){return Object(u.a)(this,t),Object(m.a)(this,Object(h.a)(t).apply(this,arguments))}return Object(p.a)(t,e),Object(d.a)(t,[{key:"componentDidMount",value:function(){document.title="Fired Heater Fundamentals"}},{key:"render",value:function(){return i.a.createElement("main",{className:"App"},i.a.createElement(De,null),i.a.createElement(Ie,Object.assign({data:nt},this.props)),i.a.createElement(We,Object.assign({data:nt},this.props)),i.a.createElement(Ke,this.props),i.a.createElement(tt,{loader:this.props.loader}))}}]),t}(i.a.Component));var it=Object(l.b)(function(e){return{showModal:e.navigation.showModal,loader:e.navigation.loader}},function(e){return{hideModalFunc:function(){e(F())},showModalFunc:function(t,n,a){e(I(t,n,a))},unityOffsetCamera:function(t){e(R(t))},unityChangeCamera:function(t){e(D(t))}}})(at),st=n(11),ot=n(51),rt=n(52),lt=n.n(rt),ct=n(53),ut={loader:!1,currentLesson:0,currentSlide:0,unitySceneCalled:0,unityCamera:null,unityProgress:0,unityContent:null,showModal:!1,modalName:null,onAcceptFunc:null,onRejectFunc:null,showMoreInfoSidePanel:!1,moreInfoData:null,slideStates:null,slideClickStates:null},dt=Object(st.combineReducers)({navigation:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:ut,t=arguments.length>1?arguments[1]:void 0;switch(t.type){case S:return Object.assign({},e,{currentLesson:t.currentLesson});case O:case k:return Object.assign({},e,{currentSlide:t.currentSlide});case E:return Object.assign({},e,{cameraOffset:t.cameraOffset});case N:return Object.assign({},e,{unityCamera:t.unityCamera});case w:return Object.assign({},e,{showModal:t.showModal,modalName:t.modalName,onAcceptFunc:t.onAcceptFunc,onRejectFunc:t.onRejectFunc});case"HIDE_MODAL":return Object.assign({},e,{showModal:t.showModal,modalName:null,onAcceptFunc:null,onRejectFunc:null});case T:return Object.assign({},e,{loader:t.loader});case"UNITY_SET_CONTENT":return Object.assign({},e,{unityContent:t.unityContent});case j:return Object.assign({},e,{showMoreInfoSidePanel:t.showMoreInfoSidePanel,moreInfoData:t.moreInfoData});case P:return Object.assign({},e,{slideStates:t.slideStates});case x:var n=e.slideStates[e.currentLesson];return Object.keys(n).forEach(function(e){var t=Number(e);switch(n[t]){case"active":n[t]="complete";break;case"complete":break;default:n[t]="inactive"}}),"complete"!==n[e.currentSlide]&&(n[e.currentSlide]=t.payload),Object.assign({},e,Object(W.a)({},e,{slideStates:Object(W.a)({},e.slideStates,{targetLessonState:n})}));case L:return Object.assign({},e,{slideClickStates:t.slideClickStates});case A:var a=e.slideClickStates[e.currentLesson];return Object.keys(a).forEach(function(e){var t=Number(e);a[t]=null}),a[e.currentSlide]=t.payload,Object.assign({},e,Object(W.a)({},e,{slideClickStates:Object(W.a)({},e.slideClickStates,{targetLessonClickState:a})}));case M:return Object.assign({},e,{unityProgress:t.unityProgress});default:return e}},router:c.c}),mt=lt()(),ht=Object(c.b)(mt),pt=Object(st.createStore)(dt,Object(ot.composeWithDevTools)(Object(st.applyMiddleware)(ct.a,ht)));o.a.render(i.a.createElement(l.a,{store:pt},i.a.createElement(c.a,{history:mt},i.a.createElement("div",null,i.a.createElement(r.a,{path:"/",component:it})))),document.getElementById("root"))}],[[54,2,1]]]);
//# sourceMappingURL=main.1d5038fa.chunk.js.map