https://fuelcloud.com/_next/static/chunks/pages/blog/[slug]-417da29b4a0dd7f1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[492],{1127:function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[slug]",function(){return __webpack_require__(3539)}])},4181:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893),_common_LinkBlock__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(8572),_components_common_Image__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(9252),_contract_helpers__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1202);__webpack_require__(7294);var next_router__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(1163);let BlogList=param=>{let{data,classWrapper="",linkPrefix=""}=param,router=(0,next_router__WEBPACK_IMPORTED_MODULE_5__.useRouter)();return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"blog-list-wrapper desktop-list hidden md:flex ".concat(classWrapper),children:data.map((item,index)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"article-element-wrapper",onClick(){var link;return link="".concat(linkPrefix).concat(item.slug),void router.push(link)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"article-element",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"thumbnail-wrapper",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_common_Image__WEBPACK_IMPORTED_MODULE_2__.Z,{className:"thumbnail",src:item.image_url,errorUrl:(0,_contract_helpers__WEBPACK_IMPORTED_MODULE_3__.pt)("img/logos/Placeholder-Blog-Image.svg"),alt:"Featured image for a blog post on the FuelCloud blog"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"category relative",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"category-tag ".concat(item.category.slug)}),item.category.name]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"title",children:item.title}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"date",children:(0,_contract_helpers__WEBPACK_IMPORTED_MODULE_3__.Ny)(item.published_at)}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"description",children:item.description}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_common_LinkBlock__WEBPACK_IMPORTED_MODULE_1__.Z,{title:"Full article",url:"".concat(linkPrefix).concat(item.slug),classLink:"!font-semibold",classIcon:"!text-[13px]",classWrapper:"link-detail"})]})},index))}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"blog-list-wrapper mobile-list md:hidden block",children:data.map((item,index)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"article-element-mobile",onClick(){var link;return link="".concat(linkPrefix).concat(item.slug),void router.push(link)},children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"relative !w-[40%]",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_components_common_Image__WEBPACK_IMPORTED_MODULE_2__.Z,{className:"thumbnail !w-[100%]",src:item.image_url,errorUrl:(0,_contract_helpers__WEBPACK_IMPORTED_MODULE_3__.pt)("img/logos/Placeholder-Blog-Image.svg"),alt:"Featured image for a blog post on the FuelCloud blog"})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"relative !w-[50%]",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"category relative",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"category-tag ".concat(item.category.slug)}),item.category.name]}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"title",children:item.title}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"description",children:item.description}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_common_LinkBlock__WEBPACK_IMPORTED_MODULE_1__.Z,{title:"Full article",url:"".concat(linkPrefix).concat(item.slug),classLink:"!font-semibold",classIcon:"!text-[13px]",classWrapper:"link-detail"})]})]},index))})]})};__webpack_exports__.Z=BlogList},8572:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893);__webpack_require__(7294);var next_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1664),next_link__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_2__);let LinkBlock=param=>{let{classWrapper="",classLink="",title="",classIcon="",url="",titleUrl="",target="_self"}=param;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:"text-primary-blue link-primary ".concat(classWrapper),children:""!=title?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),{target:target,className:"font-semibold ".concat(classLink),href:url,title:titleUrl,children:title}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("i",{className:"icon-icon-chevron-right text-[15px] ml-2 ".concat(classIcon)})]}):null})};__webpack_exports__.Z=LinkBlock},555:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(5893),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(7294),_pages_skeleton_loading__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(1188),next_router__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(1163),next_router__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(next_router__WEBPACK_IMPORTED_MODULE_3__);let PageWrapper=param=>{let{children,type="right-img",className=""}=param,[loading,setLoading]=(0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(!0);return(0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{let hash=window.location.hash,elementToScroll=document.getElementById(null==hash?void 0:hash.replace("#",""));if(setTimeout(()=>{setLoading(!1)},300),!elementToScroll)return;let scrollToHashElement=()=>{setTimeout(()=>{window.scrollTo({top:elementToScroll.offsetTop,behavior:"smooth"})},500)};return scrollToHashElement(),window.addEventListener("hashchange",scrollToHashElement),window.removeEventListener("hashchange",scrollToHashElement)},[next_router__WEBPACK_IMPORTED_MODULE_3___default().events]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{className:loading?"":"hidden",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_pages_skeleton_loading__WEBPACK_IMPORTED_MODULE_2__.default,{type:type})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div",{className:"page-wrapper ".concat(className," ").concat(loading?"opacity-0":"opacity-100"),children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div",{id:"modal-root",className:"relative"}),children]})]})};__webpack_exports__.Z=PageWrapper},3539:function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__N_SSP:function(){return __N_SSP},default:function(){return _slug_}});var jsx_runtime=__webpack_require__(5893),react=__webpack_require__(7294),PageWrapper=__webpack_require__(555),next_link=__webpack_require__(1664),link_default=__webpack_require__.n(next_link),helpers=__webpack_require__(1202),html_react_parser=__webpack_require__(5935),Image=__webpack_require__(9252),react_multi_carousel=__webpack_require__(6529);__webpack_require__(8318);var BlogList=__webpack_require__(4181),index_es=__webpack_require__(2879);let Toast=props=>{let{position,show}=props;return(0,jsx_runtime.jsx)(jsx_runtime.Fragment,{children:(0,jsx_runtime.jsx)("div",{className:"notification-container ".concat(position," ").concat(show?"opacity-100":"opacity-0"),children:(0,jsx_runtime.jsx)("div",{className:"notification toast ".concat(position),children:(0,jsx_runtime.jsxs)("div",{children:[(0,jsx_runtime.jsx)("i",{className:"icon-icon-checkmark-fill text-green-600 text-[13px] mr-2"}),(0,jsx_runtime.jsx)("span",{className:"notification-title",children:"Copied to clipboard!"})]})})})})};__webpack_require__(3955);var data=__webpack_require__(1510),Header=__webpack_require__(4459);let BlogDetailPage=param=>{let{blogDetail,preview}=param,[photoIndex,updatePhotoIndex]=(0,react.useState)(0),[isOpen,updateIsOpen]=(0,react.useState)(!1),[copySuccess,setCopySuccess]=(0,react.useState)(!1);async function copyToClip(){await navigator.clipboard.writeText(location.href),setCopySuccess(!0)}return(0,react.useEffect)(()=>{copySuccess&&setTimeout(()=>{setCopySuccess(!1)},1500)},[copySuccess]),(0,jsx_runtime.jsxs)(PageWrapper.Z,{type:"paper-blog-detail",children:[(0,jsx_runtime.jsx)(Header.Z,{title:"".concat(null!=blogDetail.seo_title&&""!=blogDetail.seo_title?blogDetail.seo_title:(0,helpers.t)("blog")," | ").concat(data.j.headerPrefixTitle),description:blogDetail.meta_description,keywords:blogDetail.meta_keywords,canonical:blogDetail.url}),(0,jsx_runtime.jsxs)("div",{className:"blog-detail-page page-section !pt-0 md:!pb-[4rem] !pb-[48px]",children:[(0,jsx_runtime.jsxs)("div",{className:"md:px-[3rem]",children:[(0,jsx_runtime.jsxs)("div",{className:"blog-detail-header",children:[(0,jsx_runtime.jsxs)("div",{className:"text-primary-blue link-primary",children:[(0,jsx_runtime.jsx)("i",{className:"icon-icon-chevron-left text-[13px] mr-2"}),(0,jsx_runtime.jsx)(link_default(),{className:"font-semibold",href:"/blog",children:"All articles"}),1==preview?(0,jsx_runtime.jsx)("div",{className:"tag-preview",children:"Preview"}):null]}),(0,jsx_runtime.jsx)("div",{className:"title-header",children:blogDetail.title}),(0,jsx_runtime.jsxs)("div",{className:"flex content-between sm:flex-row flex-col gap-4",children:[(0,jsx_runtime.jsxs)("div",{className:"relative author-des w-[100%]",children:[(0,jsx_runtime.jsxs)("span",{className:"",children:[" ",void 0!=blogDetail.user_updated?blogDetail.user_updated.full_name:""," "]}),(0,jsx_runtime.jsx)("div",{className:"vertLine inline-block"}),(0,jsx_runtime.jsxs)("span",{className:"",children:[" ",(0,helpers.Ny)(blogDetail.published_at)," "]})]}),0==preview?(0,jsx_runtime.jsxs)("div",{className:"relative",children:[(0,jsx_runtime.jsx)("span",{className:"cursor-pointer",onClick:copyToClip,children:(0,jsx_runtime.jsx)("i",{className:"icon-icon-link text-[22px] text-primary-blue"})}),(0,jsx_runtime.jsx)(link_default(),{href:"mailto: ?body=".concat(blogDetail.url,"&subject=").concat(blogDetail.title),className:"ml-6",children:(0,jsx_runtime.jsx)("i",{className:"icon-icon-mail text-[20px] text-primary-blue"})})]}):null]})]}),(0,jsx_runtime.jsxs)("div",{className:"article-content news-page-wrapper w-full",children:[null!=blogDetail.description?(0,jsx_runtime.jsx)("div",{className:"blog-detail-subtitle",children:blogDetail.description}):null,1==preview?(0,jsx_runtime.jsx)("div",{className:"blog-detail-thumbnail-wrapper w-full",children:(0,jsx_runtime.jsx)(Image.Z,{className:"w-auto md:w-[587px] mx-auto my-[64px]",src:blogDetail.image_url})}):null,(0,html_react_parser.ZP)(blogDetail.content)]}),(0,jsx_runtime.jsx)("div",{className:"carousel-wrapper ".concat(blogDetail.photo_urls.length>0?"pb-[4.25rem]":""),children:(0,jsx_runtime.jsx)("div",{className:"carousel-wrapper-inner md:desktop",children:blogDetail.photo_urls.length>0?(0,jsx_runtime.jsx)(react_multi_carousel.default,{responsive:{superLargeDesktop:{breakpoint:{max:4e3,min:3e3},items:5},desktop:{breakpoint:{max:3e3,min:1024},items:3},tablet:{breakpoint:{max:1024,min:464},items:2},mobile:{breakpoint:{max:464,min:0},items:1}},children:blogDetail.photo_urls.map((item,index)=>(0,jsx_runtime.jsx)("div",{onClick(){updatePhotoIndex(index),updateIsOpen(!0)},className:"img-carousel-wrapper",children:(0,jsx_runtime.jsx)(Image.Z,{className:"img-carousel",src:item})},index))}):null})})]}),0==preview?(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)("div",{className:"md:text-center pt-[2rem] md:py-[4rem]",children:(0,jsx_runtime.jsx)("h1",{className:"text-[2rem] md:text-[2.5rem] font-semibold",children:"Featured articles"})}),(0,jsx_runtime.jsx)(BlogList.Z,{data:blogDetail.releated_posts,classWrapper:"!mt-0 pb-[40px]",linkPrefix:""})]}):null]}),isOpen&&(0,jsx_runtime.jsx)(index_es.Z,{mainSrc:blogDetail.photo_urls[photoIndex],nextSrc:blogDetail.photo_urls[(photoIndex+1)%blogDetail.photo_urls.length],prevSrc:blogDetail.photo_urls[(photoIndex+blogDetail.photo_urls.length-1)%blogDetail.photo_urls.length],onCloseRequest:()=>updateIsOpen(!1),onMovePrevRequest:()=>updatePhotoIndex((photoIndex+blogDetail.photo_urls.length-1)%blogDetail.photo_urls.length),onMoveNextRequest:()=>updatePhotoIndex((photoIndex+1)%blogDetail.photo_urls.length)}),(0,jsx_runtime.jsx)(Toast,{show:copySuccess,position:"top-right"})]})};var __N_SSP=!0,_slug_=BlogDetailPage}},function(__webpack_require__){__webpack_require__.O(0,[442,188,774,888,179],function(){return __webpack_require__(__webpack_require__.s=1127)}),_N_E=__webpack_require__.O()}]);