https://www.koc.com.tr/_next/static/chunks/pages/Koc.SustainabilityDetailPage-0cae420b2398f91e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6272],{4685:(e,s,t)=>{"use strict";t.d(s,{A:()=>j});var a=t(37876),i=t(14232),l=t(65533),n=t(29523),r=t(57507),c=t(33968),o=t(60553),d=t(58642),m=t(56631),h=t(69637),p=t(13541);l.A.use([n.A,r.A]);let x=e=>(0,a.jsx)(d.F.DropdownIndicator,{...e,children:(0,a.jsx)("i",{className:"icon icon-caret-down"})}),u={slidesPerView:1,spaceBetween:16,watchOverflow:!0,navigation:{nextEl:".swiper-next",prevEl:".swiper-prev"}};class j extends i.Component{setDefaultActiveKey(e){this.setState({defaultActiveKey:e}),this.state.options.map(s=>{s.value===e&&this.setState({selectedOption:s})})}getTabNavs(){return this.props.data.Tabs.map((e,s)=>(0,a.jsx)(p.A.Item,{children:(0,a.jsx)(p.A.Link,{eventKey:e.Name,onClick:e=>{e.preventDefault(),this.changeTab(s)},children:e.TabTitle})},e.Name))}changeTab(e){setTimeout(()=>{window.location.hash=this.props.data.Tabs[e].Name})}getTabContents(){return this.props.data.Tabs.map((e,s)=>(0,a.jsxs)(h.A.Pane,{eventKey:e.Name,children:[(0,a.jsx)("div",{className:"row",children:(0,a.jsxs)("div",{className:"offset-md-2 col-md-20 col-24",children:[(0,a.jsx)("h3",{className:"section-title",children:e.Title}),(0,a.jsx)("section",{className:"content",dangerouslySetInnerHTML:{__html:e.Description}})]})}),(0,a.jsx)("div",{className:"row",children:(0,a.jsx)("div",{className:"offset-md-2 col-md-22 col-24",children:(0,a.jsx)("section",{className:"standard-section top bottom right mobile-right has-shape bg-fluid",children:(0,a.jsx)("div",{className:"section-item item-bg",children:(0,a.jsx)("div",{className:"section-bg",style:{backgroundImage:"url(' "+e.Image+" ')"},children:(0,a.jsx)("div",{className:"section-shape bg-sunset-orange"})})})})})}),(0,a.jsx)("div",{className:"row",children:(0,a.jsxs)("div",{className:"offset-md-2 col-md-20 col-24",children:[(0,a.jsx)("div",{className:"two-column-text",dangerouslySetInnerHTML:{__html:e.SubDesc}}),(0,a.jsx)("div",{className:"personal-info-slider",children:(0,a.jsx)(c.R,{...u,pagination:!0,children:this.getEmployees()})})]})})]}))}componentDidMount(){{let e=this.props.data.Tabs.map(e=>({label:e.TabTitle,value:e.Name}));this.setState({options:e}),window.location.hash?(history.scrollRestoration="manual",setTimeout(()=>{$(window).scrollTop($(".vertical-tab-section").offset().top-$("header:not(.clone)").height()),this.setDefaultActiveKey(window.location.hash.replace("#",""))},100)):(this.setState({defaultActiveKey:this.props.data.Tabs[0].Name}),this.setState({selectedOption:e[0]}))}}render(){return(0,a.jsx)("section",{className:"vertical-tab-section",children:(0,a.jsx)("div",{className:"container-fluid",children:(0,a.jsx)("div",{className:"row",children:(0,a.jsxs)("div",{className:"offset-lg-2 col-lg-22 col-24",children:[(0,a.jsx)(m.Ay,{className:"dropdown-transparent bg-white d-lg-none",classNamePrefix:"dropdown-transparent",value:this.state.selectedOption,onChange:this.handleChange,components:{DropdownIndicator:x},options:this.state.options,isSearchable:!1}),(0,a.jsx)("div",{className:"row",children:(0,a.jsxs)(h.A.Container,{activeKey:this.state.defaultActiveKey,onSelect:e=>{this.setDefaultActiveKey(e)},children:[(0,a.jsx)("div",{className:"col-xxl-6 col-lg-7 order-lg-3 order-2 section-sidebar",children:(0,a.jsx)("div",{className:"primary-tab vertical d-none d-lg-block",children:(0,a.jsx)(p.A,{className:"tab-slider",children:this.getTabNavs()})})}),(0,a.jsx)("div",{className:"col-lg-17 offset-xxl-1 order-4 has-gray-bg",children:(0,a.jsx)("div",{className:"section",children:(0,a.jsx)(h.A.Content,{children:this.getTabContents()})})})]})})]})})})})}constructor(...e){super(...e),this.state={defaultActiveKey:"",selectedOption:[],options:[]},this.handleChange=e=>{this.setState({selectedOption:e}),setTimeout(()=>{this.setState({defaultActiveKey:this.state.selectedOption.value})},100)},this.getEmployees=()=>this.props.data.Tabs.map((e,s)=>{if(null!==e.Employees)return e.Employees.map((e,s)=>(0,a.jsx)(o.q,{children:(0,a.jsxs)("div",{className:"row",children:[(0,a.jsxs)("div",{className:"col-md-6 col-24 d-flex align-items-center",children:[(0,a.jsx)("img",{className:"img-fluid rounded person-img",src:e.Image,alt:e.Title}),(0,a.jsxs)("div",{className:"d-md-none",children:[(0,a.jsx)("h5",{className:"title",children:e.Title}),(0,a.jsx)("span",{className:"sub-title",children:e.CompanyName})]})]}),(0,a.jsxs)("div",{className:"offset-md-1 col-md-15 col-24",children:[(0,a.jsxs)("div",{className:"d-none d-md-block",children:[(0,a.jsx)("h5",{className:"title",children:e.Title}),(0,a.jsx)("span",{className:"sub-title",children:e.CompanyName})]}),(0,a.jsx)("div",{className:"content mt-4 mt-md-0",dangerouslySetInnerHTML:{__html:e.Description}}),(0,a.jsxs)("div",{className:"swiper-navigation",children:[(0,a.jsx)("div",{className:"swiper-prev",children:(0,a.jsx)("i",{className:"icon icon-angle-left"})}),(0,a.jsx)("div",{className:"swiper-next",children:(0,a.jsx)("i",{className:"icon icon-angle-right"})})]})]})]})},s))})}}},47481:(e,s,t)=>{"use strict";t.r(s),t.d(s,{default:()=>K});var a=t(37876),i=t(76311),l=t(55280),n=t(2171),r=t(83219),c=t(75409),o=t(89099),d=t(3860),m=t(77328),h=t.n(m),p=t(14232),x=t(61579),u=t

1(65533),j=t(57507),N=t(33968),g=t(60553),v=t(23709),b=t(15153);u.A.use([j.A]);let w={slidesPerView:1.1,spaceBetween:16,centeredSlides:!0,watchOverflow:!0,breakpoints:{0:{slidesPerView:1.02,spaceBetween:16},768:{slidesPerView:2,spaceBetween:48,centeredSlides:!1}}};class y extends p.Component{render(){let{data:e}=this.props;return(0,a.jsx)("section",{className:"section intro-section has-slider bg-gray",children:(0,a.jsx)("div",{className:"container",children:(0,a.jsx)("div",{className:"row",children:(0,a.jsxs)("div",{className:"offset-lg-2 col-lg-20",children:[(0,a.jsxs)("div",{className:"section-header text-center",children:[(0,a.jsx)("h5",{className:"section-title",children:e.Title}),(0,a.jsx)("div",{className:"desc",dangerouslySetInnerHTML:{__html:e.Description}})]}),(0,a.jsx)("div",{className:"media-card-slider",children:(0,a.jsx)(N.R,{...w,pagination:!0,children:this.getSliderItems()})})]})})})})}constructor(...e){super(...e),this.getSliderItems=()=>{let{data:e}=this.props;return e.Data.map((e,s)=>(0,a.jsx)(g.q,{children:(0,a.jsxs)(v.A,{className:"media-card type2 color-black",children:[(0,a.jsx)(v.A.Header,{children:(0,a.jsx)(v.A.Img,{src:e.Image,alt:e.Title})}),(0,a.jsxs)(v.A.Body,{children:[(0,a.jsx)("h5",{className:"card-title color-sunset-orange",children:e.Title}),(0,a.jsx)("h6",{className:"card-subtitle",children:e.ProjectTitle}),(0,a.jsx)(v.A.Text,{dangerouslySetInnerHTML:{__html:e.Description}}),(0,a.jsx)(b.A,{href:e.ButtonUrl,children:(0,a.jsx)("a",{title:e.ButtonText,className:"btn btn-general",children:e.ButtonText})})]})]})},s))}}}u.A.use([j.A]);class f extends p.Component{render(){let{data:e}=this.props;return(0,a.jsx)("section",{className:"section intro-section small-padding type-slider",children:(0,a.jsxs)("div",{className:"container",children:[(0,a.jsxs)("div",{className:"section-header text-center",children:[(0,a.jsx)("h2",{className:"section-title mobile-bigger",children:e.Title}),(0,a.jsx)("div",{className:"desc",dangerouslySetInnerHTML:{__html:e.Description}})]}),(0,a.jsx)("div",{className:"d-md-flex flex-md-column align-items-md-center",children:(0,a.jsx)(N.R,{className:"mini-image-slider",...{pagination:{el:".swiper-pagination",type:"bullets"},slidesPerView:2.67,spaceBetween:24,watchOverflow:!0,breakpoints:{768:{slidesPerView:"auto"}}},pagination:!0,children:this.getSliderItems()})})]})})}constructor(...e){super(...e),this.getSliderItems=()=>this.props.data.Images.map((e,s)=>(0,a.jsx)(g.q,{children:(0,a.jsx)("img",{src:e,className:"img-fluid",alt:""})},s))}}u.A.use([j.A]);let T={slidesPerView:1.1,spaceBetween:16,centeredSlides:!0,watchOverflow:!0,breakpoints:{0:{slidesPerView:1.02,spaceBetween:16},992:{slidesPerView:2,spaceBetween:48,centeredSlides:!1}}};class S extends p.Component{sliderItemCheck(e){let s=$(e.$el);e.slides.length<2&&s.find(".swiper-wrapper").addClass("center")}render(){let{data:e}=this.props;return(0,a.jsx)("section",{className:"section intro-section has-slider bg-gray",children:(0,a.jsx)("div",{className:"container",children:(0,a.jsx)("div",{className:"row",children:(0,a.jsxs)("div",{className:"offset-lg-2 col-lg-20",children:[(0,a.jsxs)("div",{className:"section-header text-center",children:[(0,a.jsx)("h5",{className:"section-title",children:e.Title}),(0,a.jsx)("div",{className:"desc",dangerouslySetInnerHTML:{__html:e.Description}})]}),(0,a.jsx)("div",{className:"media-card-slider",children:(0,a.jsx)(N.R,{...T,pagination:!0,onSwiper:e=>this.sliderItemCheck(e),children:this.getSliderItems()})})]})})})})}constructor(...e){super(...e),this.getSliderItems=()=>this.props.data.CardItems.map((e,s)=>(0,a.jsx)(g.q,{children:(0,a.jsxs)("div",{className:"card media-card type2 color-black",children:[""!==e.Image?(0,a.jsx)("div",{className:"card-header",children:(0,a.jsx)("img",{className:"card-img img-fluid",src:e.Image,alt:e.Title})}):null,(0,a.jsxs)("div",{className:"card-body",children:[(0,a.jsx)("h5",{className:"card-title color-sunset-orange",children:e.Title}),(0,a.jsx)("h6",{className:"card-subtitle",children:e.SubTitle}),(0,a.jsx)("div",{className:"card-text",dangerouslySetInnerHTML:{__html:e.Description}}),(0,a.jsx)(b.A,{href:e.ButtonLink,children:(0,a.jsx)("a",{title:e.ButtonText,className:"btn btn-general",children:e.ButtonText})})]})]})},s))}}var A=t(10517),D=t(4685),I=t(75849),C=t(65962),_=t(46167);class P extends p.Component{componentDidMount(){if(!this.props.SustainabilityDetailData){let e=(0,r.Tp)(this.props.router.asPath);this.props.SustainabilityDetailAction({nodeGUID:e.NodeGUID,culture:e.Culture})}this.setState({liveUrl:window.location.href})}componentDidUpdate(e){if(e.router.asPath!==this.props.router.asPath){let e=(0,r.Tp)(this.props.router.asPath);this.props.SustainabilityDetailAction({nodeGUID:e.NodeGUID,culture:e.Culture}),this.setState({liveUrl:window.location.href})}}renderModules(){return this.props.SustainabilityDetailData.Sections.map((e,s)=>{switch(e.ClassName){case"Koc.GeneralImageSection":return(0,a.jsx)(A.A,{data:e},e.ClassName+s);case"Koc.ProjectBestPractise":return(0,a.jsx)(y,{data:e},e.ClassName+s);case"Koc.SustainabilityDevelopmentSection":return(0,a.jsx)(f,{data:e},e.ClassName+s);case"Koc.SustainabilityFocusAreaSection":return(0,a.jsx)(S,{data:e},e.ClassName+s);case"Koc.SustainabilityProjectTabSection":return(0,a.jsx)(D.A,{data:e},e.ClassName+s);case"Koc.RelatedPage":return(0,a.jsx)(I.A,{data:e},e.ClassName+s);case"Koc.SustainabilitySupportedSection":return(0,a.jsx)(_.A,{data:e},e.ClassName+s);default:return null}})}

1render(){if(!this.props.SustainabilityDetailData)return(0,a.jsx)(C.A,{});let{Page:e,BreadCrumbs:s,MetaData:t}=this.props.SustainabilityDetailData;return(0,a.jsxs)(i.A,{children:[(0,a.jsxs)(h(),{children:[(0,a.jsx)("title",{children:t.MetaTitle.replace(/(<([^>]+)>)/ig,"")}),(0,a.jsx)("meta",{name:"description",content:t.MetaDescription}),(0,a.jsx)("meta",{name:"keywords",content:t.MetaKeywords}),(0,a.jsx)("meta",{property:"og:type",content:"article"}),(0,a.jsx)("meta",{property:"og:url",content:this.state.liveUrl}),(0,a.jsx)("meta",{property:"og:title",content:t.DocumentOGTitle}),(0,a.jsx)("meta",{property:"og:description",content:t.DocumentOGDescription}),(0,a.jsx)("meta",{property:"og:image",content:t.DocumentOGImage}),(0,a.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{name:"twitter:site",content:this.state.liveUrl}),(0,a.jsx)("meta",{name:"twitter:title",content:t.DocumentOGTitle}),(0,a.jsx)("meta",{name:"twitter:description",content:t.DocumentOGDescription}),(0,a.jsx)("meta",{name:"twitter:image",content:t.DocumentOGImage})]}),(0,a.jsx)(l.A,{data:s}),(0,a.jsx)(x.A,{data:e}),(0,a.jsx)("section",{className:"section general-section size-middle",children:(0,a.jsxs)("div",{className:"container",children:[(0,a.jsxs)("div",{className:"section-header text-center",children:[(0,a.jsx)("h2",{className:"section-title small",children:e.PromotionTitle}),(0,a.jsx)("div",{className:"row",children:(0,a.jsx)("div",{className:"offset-md-4 col-md-16 col-24",children:(0,a.jsx)("div",{className:"desc fluid",dangerouslySetInnerHTML:{__html:e.PromotionDescription}})})})]}),(0,a.jsx)("div",{className:"separator mb-0"})]})}),(0,a.jsx)("div",{className:"standard-section-list mb-0",children:this.renderModules()})]})}constructor(...e){super(...e),this.state={liveUrl:""}}}let k=(0,n.Ng)(function(e){let{SustainabilityDetailData:s}=e;return{SustainabilityDetailData:s}},{SustainabilityDetailAction:d.be})(P),K=(0,c.withTranslation)("common")(function(e){let s=(0,o.useRouter)();return(0,a.jsx)(k,{...e,router:s})})},61579:(e,s,t)=>{"use strict";t.d(s,{A:()=>l});var a=t(37876),i=t(14232);class l extends i.Component{render(){let{data:e}=this.props;return(0,a.jsxs)("section",{className:"sub-page-banner center has-overlay",children:[(0,a.jsx)("div",{className:"banner-bg d-none d-lg-block",style:{backgroundImage:"url('"+e.Image+"')"}}),(0,a.jsx)("div",{className:"banner-bg d-lg-none",style:{backgroundImage:"url('"+e.MobileImage+"')"}}),(0,a.jsx)("div",{className:"container",children:(0,a.jsx)("div",{className:"row justify-content-center",children:(0,a.jsxs)("div",{className:"col-lg-20 col-24",children:[(0,a.jsx)("h5",{className:"sub-title",children:e.SubTitle}),(0,a.jsx)("h1",{className:"banner-title",children:e.Title})]})})})]})}}},87972:(e,s,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/Koc.SustainabilityDetailPage",function(){return t(47481)}])}},e=>{e.O(0,[6853,5533,7976,6631,3953,8665,5289,636,6593,8792],()=>e(e.s=87972)),_N_E=e.O()}]);