"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3483],{37210:function(e,t,o){var r=o(59499),n=o(46670),s=(o(67294),o(28900)),i=o(57899),l=o(52091),a=o(84655),c=o(77607),h=o(42664),p=o(85893);function d(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function u(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){(0,r.Z)(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}t.Z=(0,n.Pi)((function(e){var t,o,r,n=e.blogDetail,d=e.isDateShow,m=e.isAuthorShow,f=e.isCenter,g=e.isCategoryShow,v=e.isReadMoreButtonShow,w=e.isReadMoreButtonPosition,b=e.imageAspectRatio,x=e.isImageCover,y=e.isRowDesign,T=e.titleColor,E=e.descriptionColor,S=e.readMoreTextColor,j=e.titleHeightDisabled,D=e.isCategoryNameTop,_=e.categoryFontSize,L=e.categoryFontWeight,N=e.showBorder,O=e.borderColor,R=e.borderRadius,Y=e.isBlogNameP,M=(0,c.$)().t,P=h.Z.getInstance(),C=function(){if(!b)return{width:1,height:1};var e={width:1,height:1};switch(b){case a.aG["_1:1"]:e={width:1,height:1};break;case a.aG["_2:3"]:e={width:2,height:3};break;case a.aG["_4:3"]:e={width:4,height:3};break;case a.aG["_2:1"]:e={width:2,height:1};break;case a.aG["_16:9"]:e={width:16,height:9};break;case a.aG["_16:5"]:e={width:16,height:5};break;default:e={width:1,height:1}}return e},k=function(e){var t,o=e.isPositionTop;return(0,p.jsx)("div",{className:"tags flex flex-wrap mt-2 mb-2 ".concat(f?"justify-center":""),children:n.category&&(0,p.jsx)(s.Z,{passHref:!0,href:"/blog/".concat(null===(t=n.category.metadata)||void 0===t?void 0:t.slug)||0,children:(0,p.jsx)("a",{children:(0,p.jsx)("span",{style:{color:E||"#32303d",fontSize:(null===_||void 0===_?void 0:_.value)||"0.6rem",fontWeight:(null===L||void 0===L?void 0:L.value)||400},className:"cursor-pointer ".concat(o?"position-top":""),children:n.category.name})})})})},B="\n  .blog-list-main .tags .read-more:after {\n    background-color: ".concat(S||"#32303d","\n  }");return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)("style",{children:B}),(0,p.jsxs)("div",{style:N?{border:"1px solid ".concat(O||"#e3e3e3"),borderRadius:(null===R||void 0===R?void 0:R.value)||0,padding:16}:{},"data-id":n.id,className:"relative overflow-hidden blog-list-main ".concat(y?"flex flex-col sm:flex-col md:flex-row lg:flex-row px-4 sm:px-0 md:px-0 lg:px-0 mb-8 last:mb-0":""),children:[(0,p.jsx)(s.Z,{passHref:!0,href:"/blog/".concat(null===(t=n.metadata)||void 0===t?void 0:t.slug),children:(0,p.jsx)("a",{className:"".concat(y?"flex-1 mr-0 sm:mr-0 md:mr-8 lg:mr-8":""),children:n.image?(0,p.jsx)("div",{className:"relative",children:(0,p.jsx)(i.E,{className:"blog-image",layout:"responsive",image:n.image,useBlur:!P.isBlurRemove,alt:"",objectFit:x?"cover":"contain",width:C().width,height:C().height,sizes:"(max-width: 320px) 300px, (max-width: 450px) 400px,  (max-width: 768px) 700px, 500px"})}):(0,p.jsx)("div",{className:"product-no-image"})})},n.id),(0,p.jsxs)("div",{className:"mt-2 blog-content-main ".concat(y?"w-full sm:w-full md:w-2/5 lg:w-2/5 ":""),children:[(0,p.jsx)(s.Z,{passHref:!0,href:"/blog/".concat(null===(o=n.metadata)||void 0===o?void 0:o.slug),children:(0,p.jsxs)("a",{children:[!!g&&!!D&&(0,p.jsx)(k,{isPositionTop:!0}),Y?(0,p.jsx)("p",{className:"blog-title ".concat(y?"!mt-0 !min-h-0 is-row-title":""," ").concat(j?"!min-h-0":""," "),style:u({textAlign:f?"center":"left"},T?{color:T}:{}),children:n.title}):(0,p.jsx)("h2",{className:"blog-title ".concat(y?"!mt-0 !min-h-0 is-row-title":""," ").concat(j?"!min-h-0":""," "),style:u({textAlign:f?"center":"left"},T?{color:T}:{}),children:n.title}),(0,p.jsx)("div",{className:"flex items-center"}),(0,p.jsxs)("div",{className:"flex flex-col mt-2 ".concat(f?"items-center":""),children:[!!m&&(0,p.jsxs)("div",{className:"flex items-center",children:[(0,p.jsx)("span",{className:" icon",children:(0,p.jsx)(l.Xws,{color:E,size:12})}),(0,p.jsxs)("span",{style:E?{color:E}:{},className:"blog-writer  ",children:[n.writer.firstName," ",n.writer.lastName]})]}),!!d&&(0,p.jsxs)("div",{className:"flex items-center mb-2  ",children:[(0,p.jsx)("span",{className:" icon text-sm",children:(0,p.jsx)(l.IiJ,{color:E,size:12})}),(0,p.jsx)("span",{style:E?{color:E}:{},className:"  blog-writer text-sm",children:new Date(n.createdAt).toLocaleString(void 0,{year:"numeric",month:"short",day:"numeric"})})]})]}),(0,p.jsx)("p",{className:"".concat(y?"is-row-clamp":"clamp"),style:u({textAlign:f?"center":"left"},E?{color:E}:{}),children:n.shortDescription})]})},n.id),!!g&&!D&&(0,p.jsx)(k,{}),!!v&&(0,p.jsx)("div",{className:"tags flex mt-2  mb-2 read-more-button ".concat(function(){if(!w)return"left";var e="";switch(w){case a.Bm.LEFT:e="left";break;case a.Bm.RIGHT:e="right";break;case a.Bm.CENTER:e="center";break;default:e="left"}return e}()),children:n.category&&(0,p.jsx)(s.Z,{passHref:!0,href:"/blog/".concat(null===(r=n.metadata)||void 0===r?void 0:r.slug),children:(0,p.jsx)("span",{style:S?{color:S}:{},className:"cursor-pointer read-more",children:M("common:showMoreRead")})})})]})]})]})}))},58533:function(e,t,o){var r=o(67294),n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)t.hasOwnProperty(o)&&(e[o]=t[o])},n(e,t)};var s=function(){return s=Object.assign||function(e){for(var t,o=1,r=arguments.length;o<r;o++)for(var n in t=arguments[o])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},s.apply(this,arguments)};var i="Pixel",l="Percent",a={unit:l,value:.8};function c(e){return"number"===typeof e?{unit:l,value:100*e}:"string"===typeof e?e.match(/^(\d*(\.\d+)?)px$/)?{unit:i,value:parseFloat(e)}:e.match(/^(\d*(\.\d+)?)%$/)?{unit:l,value:parseFloat(e)}:(console.warn('scrollThreshold format is invalid. Valid formats: "120px", "50%"...'),a):(console.warn("scrollThreshold should be string or number"),a)}var h=function(e){function t(t){var o=e.call(this,t)||this;return o.lastScrollTop=0,o.actionTriggered=!1,o.startY=0,o.currentY=0,o.dragging=!1,o.maxPullDownDistance=0,o.getScrollableTarget=function(){return o.props.scrollableTarget instanceof HTMLElement?o.props.scrollableTarget:"string"===typeof o.props.scrollableTarget?document.getElementById(o.props.scrollableTarget):(null===o.props.scrollableTarget&&console.warn("You are trying to pass scrollableTarget but it is null. This might\n        happen because the element may not have been added to DOM yet.\n        See https://github.com/ankeetmaini/react-infinite-scroll-component/issues/59 for more info.\n      "),null)},o.onStart=function(e){o.lastScrollTop||(o.dragging=!0,e instanceof MouseEvent?o.startY=e.pageY:e instanceof TouchEvent&&(o.startY=e.touches[0].pageY),o.currentY=o.startY,o._infScroll&&(o._infScroll.style.willChange="transform",o._infScroll.style.transition="transform 0.2s cubic-bezier(0,0,0.31,1)"))},o.onMove=function(e){o.dragging&&(e instanceof MouseEvent?o.currentY=e.pageY:e instanceof TouchEvent&&(o.currentY=e.touches[0].pageY),o.currentY<o.startY||(o.currentY-o.startY>=Number(o.props.pullDownToRefreshThreshold)&&o.setState({pullToRefreshThresholdBreached:!0}),o.currentY-o.startY>1.5*o.maxPullDownDistance||o._infScroll&&(o._infScroll.style.overflow="visible",o._infScroll.style.transform="translate3d(0px, "+(o.currentY-o.startY)+"px, 0px)")))},o.onEnd=function(){o.startY=0,o.currentY=0,o.dragging=!1,o.state.pullToRefreshThresholdBreached&&(o.props.refreshFunction&&o.props.refreshFunction(),o.setState({pullToRefreshThresholdBreached:!1})),requestAnimationFrame((function(){o._infScroll&&(o._infScroll.style.overflow="auto",o._infScroll.style.transform="none",o._infScroll.style.willChange="unset")}))},o.onScrollListener=function(e){"function"===typeof o.props.onScroll&&setTimeout((function(){return o.props.onScroll&&o.props.onScroll(e)}),0);var t=o.props.height||o._scrollableNode?e.target:document.documentElement.scrollTop?document.documentElement:document.body;o.actionTriggered||((o.props.inverse?o.isElementAtTop(t,o.props.scrollThreshold):o.isElementAtBottom(t,o.props.scrollThreshold))&&o.props.hasMore&&(o.actionTriggered=!0,o.setState({showLoader:!0}),o.props.next&&o.props.next()),o.lastScrollTop=t.scrollTop)},o.state={showLoader:!1,pullToRefreshThresholdBreached:!1,prevDataLength:t.dataLength},o.throttledOnScrollListener=function(e,t,o,r){var n,s=!1,i=0;function l(){n&&clearTimeout(n)}function a(){var a=this,c=Date.now()-i,h=arguments;function p(){i=Date.now(),o.apply(a,h)}function d(){n=void 0}s||(r&&!n&&p(),l(),void 0===r&&c>e?p():!0!==t&&(n=setTimeout(r?d:p,void 0===r?e-c:e)))}return"boolean"!==typeof t&&(r=o,o=t,t=void 0),a.cancel=function(){l(),s=!0},a}(150,o.onScrollListener).bind(o),o.onStart=o.onStart.bind(o),o.onMove=o.onMove.bind(o),o.onEnd=o.onEnd.bind(o),o}return function(e,t){function o(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}(t,e),t.prototype.componentDidMount=function(){if("undefined"===typeof this.props.dataLength)throw new Error('mandatory prop "dataLength" is missing. The prop is needed when loading more content. Check README.md for usage');if(this._scrollableNode=this.getScrollableTarget(),this.el=this.props.height?this._infScroll:this._scrollableNode||window,this.el&&this.el.addEventListener("scroll",this.throttledOnScrollListener),"number"===typeof this.props.initialScrollY&&this.el&&this.el instanceof HTMLElement&&this.el.scrollHeight>this.props.initialScrollY&&this.el.scrollTo(0,this.props.initialScrollY),this.props.pullDownToRefresh&&this.el&&(this.el.addEventListener("touchstart",this.onStart),this.el.addEventListener("touchmove",this.onMove),this.el.addEventListener("touchend",this.onEnd),this.el.addEventListener("mousedown",this.onStart),this.el.addEventListener("mousemove",this.onMove),this.el.addEventListener("mouseup",this.onEnd),this.maxPullDownDistance=this._pullDown&&this._pullDown.firstChild&&this._pullDown.firstChild.getBoundingClientRect().height||0,this.forceUpdate(),"function"!==typeof this.props.refreshFunction))throw new Error('Mandatory prop "refreshFunction" missing.\n          Pull Down To Refresh functionality will not work\n          as expected. Check README.md for usage\'')},t.prototype.componentWillUnmount=function(){this.el&&(this.el.removeEventListener("scroll",this.throttledOnScrollListener),this.props.pullDownToRefresh&&(this.el.removeEventListener("touchstart",this.onStart),this.el.removeEventListener("touchmove",this.onMove),this.el.removeEventListener("touchend",this.onEnd),this.el.removeEventListener("mousedown",this.onStart),this.el.removeEventListener("mousemove",this.onMove),this.el.removeEventListener("mouseup",this.onEnd)))},t.prototype.componentDidUpdate=function(e){this.props.dataLength!==e.dataLength&&(this.actionTriggered=!1,this.setState({showLoader:!1}))},t.getDerivedStateFromProps=function(e,t){return e.dataLength!==t.prevDataLength?s(s({},t),{prevDataLength:e.dataLength}):null},t.prototype.isElementAtTop=function(e,t){void 0===t&&(t=.8);var o=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,r=c(t);return r.unit===i?e.scrollTop<=r.value+o-e.scrollHeight+1:e.scrollTop<=r.value/100+o-e.scrollHeight+1},t.prototype.isElementAtBottom=function(e,t){void 0===t&&(t=.8);var o=e===document.body||e===document.documentElement?window.screen.availHeight:e.clientHeight,r=c(t);return r.unit===i?e.scrollTop+o>=e.scrollHeight-r.value:e.scrollTop+o>=r.value/100*e.scrollHeight},t.prototype.render=function(){var e=this,t=s({height:this.props.height||"auto",overflow:"auto",WebkitOverflowScrolling:"touch"},this.props.style),o=this.props.hasChildren||!!(this.props.children&&this.props.children instanceof Array&&this.props.children.length),n=this.props.pullDownToRefresh&&this.props.height?{overflow:"auto"}:{};return r.createElement("div",{style:n,className:"infinite-scroll-component__outerdiv"},r.createElement("div",{className:"infinite-scroll-component "+(this.props.className||""),ref:function(t){return e._infScroll=t},style:t},this.props.pullDownToRefresh&&r.createElement("div",{style:{position:"relative"},ref:function(t){return e._pullDown=t}},r.createElement("div",{style:{position:"absolute",left:0,right:0,top:-1*this.maxPullDownDistance}},this.state.pullToRefreshThresholdBreached?this.props.releaseToRefreshContent:this.props.pullDownToRefreshContent)),this.props.children,!this.state.showLoader&&!o&&this.props.hasMore&&this.props.loader,this.state.showLoader&&this.props.hasMore&&this.props.loader,!this.props.hasMore&&this.props.endMessage))},t}(r.Component);t.Z=h}}]);