https://www.awesomescreenshot.com/octopus/_next/static/chunks/89-6ddd78514fd9d802.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[89],{39129:function(e,t,n){"use strict";var r=n(85893),o=n(41664),i=n.n(o),a=n(68672),l=n(86994),c=n(20514),s=n(70304),u=n.n(s);t.Z=function(e){var t=e.appendNavs,n=[{name:"Home",url:c.Eg},{name:"Blog",url:"/blog"}];return(0,r.jsx)(a.Z,{separator:(0,r.jsx)(l.default,{className:"inline-flex"}),className:"text-[16px] !text-[#505667]",children:n.concat(t||[]).map(function(e){return(0,r.jsx)(a.Z.Item,{children:(0,r.jsx)(i(),{className:"".concat(u().className," hover:underline !text-[#505667] !text-[16px] !font-light !leading-[18px]"),href:e.url,children:e.name})},e.name)})})}},36679:function(e,t,n){"use strict";n.r(t),n.d(t,{EmailIcon:function(){return H},FacebookIcon:function(){return V},LinkedinIcon:function(){return E},default:function(){return P}});var r,o,i,a,l=n(24043),c=n(85893),s=n(67294),u=(r=function(e,t){return(r=Object.setPrototypeOf||({__proto__:[]})instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),d=function(e){function t(t){var n=e.call(this,t)||this;return n.name="AssertionError",n}return u(t,e),t}(Error);function p(e,t){if(!e)throw new d(t)}function f(e){var t=Object.entries(e).filter(function(e){return null!=e[1]}).map(function(e){var t=e[0],n=e[1];return"".concat(encodeURIComponent(t),"=").concat(encodeURIComponent(String(n)))});return t.length>0?"?".concat(t.join("&")):""}var h=n(94184),w=n.n(h),m=(o=function(e,t){return(o=Object.setPrototypeOf||({__proto__:[]})instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),x=function(){return(x=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},y=function(e,t){var n,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function l(i){return function(l){return function(i){if(n)throw TypeError("Generator is already executing.");for(;a;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,l])}}},b=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)0>t.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n},v=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.openShareDialog=function(e){var n=t.props,r=n.onShareWindowClose,o=n.windowHeight,i=void 0===o?400:o,a=n.windowPosition,l=void 0===a?"windowCenter":a,c=n.windowWidth,s=void 0===c?550:c;!function(e,t,n){var r=x({height:t.height,width:t.width,location:"no",toolbar:"no",status:"no",directories:"no",menubar:"no",scrollbars:"yes",resizable:"no",centerscreen:"yes",chrome:"yes"},b(t,["height","width"])),o=window.open(e,"",Object.keys(r).map(function(e){return"".concat(e,"=").concat(r[e])}).join(", "));if(n)var i=window.setInterval(function(){try{(null===o||o.closed)&&(window.clearInterval(i),n(o))}catch(e){console.error(e)}},1e3)}(e,x({height:i,width:s},"windowCenter"===l?{left:window.outerWidth/2+(window.screenX||window.screenLeft||0)-s/2,top:window.outerHeight/2+(window.screenY||window.screenTop||0)-i/2}:{top:(window.screen.height-i)/2,left:(window.screen.width-s)/2}),r)},t.handleClick=function(e){var n,r,o;return n=void 0,r=void 0,o=function(){var t,n,r,o,i,a,l,c,s;return y(this,function(u){switch(u.label){case 0:var d;if(n=(t=this.props).beforeOnClick,r=t.disabled,o=t.networkLink,i=t.onClick,a=t.url,l=t.openShareDialogOnClick,c=o(a,t.opts),r)return[2];if(e.preventDefault(),!n||!((d=s=n())&&("object"==typeof d||"function"==typeof d)&&"function"==typeof d.then))return[3,2];return[4,s];case 1:u.sent(),u.label=2;case 2:return l&&this.openShareDialog(c),i&&i(e,c),[2]}})},new(r||(r=Promise))(function(e,i){function a(e){try{c(o.next(e))}catch(e){i(e)}}function l(e){try{c(o.throw(e))}catch(e){i(e)}}function c(t){var n;t.done?e(t.value):((n=t.value)instanceof r?n:new r(function(e){e(n)})).then(a,l)}c((o=o.apply(t,n||[])).next())})},t}return m(t,e),t.prototype.render=function(){var e=this.props,t=(e.beforeOnClick,e.children),n=e.className,r=e.disabled,o=e.disabledStyle,i=e.forwardedRef,a=(e.networkLink,e.networkName),l=(e.onShareWindowClose,e.openShareDialogOnClick,e.opts,e.resetButtonStyle),c=e.style,u=(e.url,e.windowHeight,e.windowPosition,e.windowWidth,b(e,["beforeOnClick","children","className","disabled","disabledStyle","forwardedRef","networkLink","networkName","onShareWindowClose","openShareDialogOnClick","opts","resetButtonStyle","style","url","windowHeight","windowPosition","windowWidth"])),d=w()("react-share__ShareButton",{"react-share__ShareButton--disabled":!!r,disabled:!!r},n),p=l?x(x({backgroundColor:"transparent",border:"none",padding:0,font:"inherit",color:"inherit",curs

1or:"pointer"},c),r&&o):x(x({},c),r&&o);return s.createElement("button",x({},u,{"aria-label":u["aria-label"]||a,className:d,onClick:this.handleClick,ref:i,style:p}),t)},t.defaultProps={disabledStyle:{opacity:.6},openShareDialogOnClick:!0,resetButtonStyle:!0},t}(s.Component),g=function(){return(g=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},j=function(e,t,n,r){function o(o,i){var a=n(o),l=g({},o);return Object.keys(a).forEach(function(e){delete l[e]}),s.createElement(v,g({},r,l,{forwardedRef:i,networkName:e,networkLink:t,opts:n(o)}))}return o.displayName="ShareButton-".concat(e),(0,s.forwardRef)(o)},C=j("facebook",function(e,t){var n=t.quote,r=t.hashtag;return p(e,"facebook.url"),"https://www.facebook.com/sharer/sharer.php"+f({u:e,quote:n,hashtag:r})},function(e){return{quote:e.quote,hashtag:e.hashtag}},{windowWidth:550,windowHeight:400}),N=j("twitter",function(e,t){var n=t.title,r=t.via,o=t.hashtags,i=void 0===o?[]:o,a=t.related,l=void 0===a?[]:a;return p(e,"twitter.url"),p(Array.isArray(i),"twitter.hashtags is not an array"),p(Array.isArray(l),"twitter.related is not an array"),"https://twitter.com/share"+f({url:e,text:n,via:r,hashtags:i.length>0?i.join(","):void 0,related:l.length>0?l.join(","):void 0})},function(e){return{hashtags:e.hashtags,title:e.title,via:e.via,related:e.related}},{windowWidth:550,windowHeight:400}),_=function(){return(_=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)},k=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)0>t.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n},O=(i={color:"#00aced",networkName:"twitter",path:"M48,22.1c-1.2,0.5-2.4,0.9-3.8,1c1.4-0.8,2.4-2.1,2.9-3.6c-1.3,0.8-2.7,1.3-4.2,1.6 C41.7,19.8,40,19,38.2,19c-3.6,0-6.6,2.9-6.6,6.6c0,0.5,0.1,1,0.2,1.5c-5.5-0.3-10.3-2.9-13.5-6.9c-0.6,1-0.9,2.1-0.9,3.3 c0,2.3,1.2,4.3,2.9,5.5c-1.1,0-2.1-0.3-3-0.8c0,0,0,0.1,0,0.1c0,3.2,2.3,5.8,5.3,6.4c-0.6,0.1-1.1,0.2-1.7,0.2c-0.4,0-0.8,0-1.2-0.1 c0.8,2.6,3.3,4.5,6.1,4.6c-2.2,1.8-5.1,2.8-8.2,2.8c-0.5,0-1.1,0-1.6-0.1c2.9,1.9,6.4,2.9,10.1,2.9c12.1,0,18.7-10,18.7-18.7 c0-0.3,0-0.6,0-0.8C46,24.5,47.1,23.4,48,22.1z"},(a=function(e){var t=e.bgStyle,n=e.borderRadius,r=e.iconFillColor,o=e.round,a=e.size,l=k(e,["bgStyle","borderRadius","iconFillColor","round","size"]);return s.createElement("svg",_({viewBox:"0 0 64 64",width:a,height:a},l),o?s.createElement("circle",{cx:"32",cy:"32",r:"31",fill:i.color,style:t}):s.createElement("rect",{width:"64",height:"64",rx:n,ry:n,fill:i.color,style:t}),s.createElement("path",{d:i.path,fill:r}))}).defaultProps={bgStyle:{},borderRadius:0,iconFillColor:"white",size:64},a),S=j("linkedin",function(e,t){var n=t.title,r=t.summary,o=t.source;return p(e,"linkedin.url"),"https://linkedin.com/shareArticle"+f({url:e,mini:"true",title:n,summary:r,source:o})},function(e){return{title:e.title,summary:e.summary,source:e.source}},{windowWidth:750,windowHeight:600}),H=function(e){var t=e.className;return(0,c.jsxs)("svg",{className:t,viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,c.jsx)("rect",{width:"26",height:"26",rx:"4",fill:"#505667"}),(0,c.jsx)("path",{d:"M19.9265 7.15002H6.72339C5.88201 7.15002 5.19995 7.83208 5.19995 8.67346V17.8141C5.19995 18.6555 5.88201 19.3375 6.72339 19.3375H19.9265C20.7679 19.3375 21.45 18.6555 21.45 17.8141V8.67346C21.45 7.83208 20.7679 7.15002 19.9265 7.15002ZM19.9265 8.67346V9.96854C19.2149 10.5481 18.0804 11.4492 15.655 13.3484C15.1204 13.7688 14.0617 14.7789 13.325 14.7671C12.5884 14.779 11.5292 13.7686 10.9949 13.3484C8.56992 11.4495 7.43512 10.5481 6.72339 9.96854V8.67346H19.9265ZM6.72339 17.8141V11.9234C7.45064 12.5027 8.48198 13.3

1155 10.0539 14.5464C10.7476 15.0925 11.9625 16.2979 13.325 16.2906C14.6807 16.2979 15.8802 15.11 16.5957 14.5467C18.1676 13.3158 19.1992 12.5027 19.9265 11.9234V17.8141H6.72339Z",fill:"white"})]})},V=function(e){var t=e.className;return(0,c.jsx)("svg",{className:t,viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,c.jsx)("path",{d:"M23.2143 0H2.78571C2.0469 0 1.33834 0.293494 0.815917 0.815917C0.293494 1.33834 0 2.0469 0 2.78571L0 23.2143C0 23.9531 0.293494 24.6617 0.815917 25.1841C1.33834 25.7065 2.0469 26 2.78571 26H10.7511V17.1606H7.09487V13H10.7511V9.82893C10.7511 6.22201 12.8984 4.22964 16.1873 4.22964C17.7624 4.22964 19.4095 4.51054 19.4095 4.51054V8.05071H17.5947C15.8066 8.05071 15.2489 9.16036 15.2489 10.2984V13H19.2406L18.6022 17.1606H15.2489V26H23.2143C23.9531 26 24.6617 25.7065 25.1841 25.1841C25.7065 24.6617 26 23.9531 26 23.2143V2.78571C26 2.0469 25.7065 1.33834 25.1841 0.815917C24.6617 0.293494 23.9531 0 23.2143 0Z",fill:"#284F93"})})},E=function(e){var t=e.className;return(0,c.jsx)("svg",{className:t,viewBox:"0 0 26 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,c.jsx)("path",{d:"M24.1429 0H1.85134C0.829911 0 0 0.841518 0 1.87455V24.1254C0 25.1585 0.829911 26 1.85134 26H24.1429C25.1643 26 26 25.1585 26 24.1254V1.87455C26 0.841518 25.1643 0 24.1429 0V0ZM7.85804 22.2857H4.00446V9.87768H7.86384V22.2857H7.85804ZM5.93125 8.18304C4.69509 8.18304 3.69687 7.17902 3.69687 5.94866C3.69687 4.7183 4.69509 3.71429 5.93125 3.71429C7.16161 3.71429 8.16562 4.7183 8.16562 5.94866C8.16562 7.18482 7.16741 8.18304 5.93125 8.18304V8.18304ZM22.3031 22.2857H18.4496V16.25C18.4496 14.8107 18.4205 12.9594 16.4473 12.9594C14.4393 12.9594 14.1317 14.5263 14.1317 16.1455V22.2857H10.2781V9.87768H13.975V11.5723H14.0272C14.5437 10.5973 15.8031 9.57009 17.6777 9.57009C21.5777 9.57009 22.3031 12.1411 22.3031 15.4839V22.2857Z",fill:"#055D79"})})}

1,P=function(){var e=(0,l._)((0,s.useState)(),2),t=e[0],n=e[1],r=window.location.href,o=document.title;return(0,s.useEffect)(function(){n(document.querySelector('meta[name="description"]'))},[]),(0,c.jsxs)("div",{className:"flex items-center space-x-[8px]",children:[(0,c.jsx)(C,{quote:o,url:r,className:"hover:opacity-75",children:(0,c.jsx)(V,{className:"w-[26px] h-26px]"})}),(0,c.jsx)(N,{title:o,url:r,className:"hover:opacity-75",children:(0,c.jsx)(O,{size:26,borderRadius:6})}),(0,c.jsx)(S,{className:"hover:opacity-75",title:o,url:r,summary:(null==t?void 0:t.getAttribute("content"))||o,children:(0,c.jsx)(E,{className:"w-[26px] h-26px]"})})]})}},45970:function(e,t,n){"use strict";n.d(t,{Z:function(){return C}});var r=n(20567),o=n(14932),i=n(24043),a=n(85893),l=n(67294),c=n(1852),s=n(36671),u=n(41664),d=n.n(u),p=n(90874),f=n.n(p),h=n(25675),w=n.n(h),m=n(53740),x=n(27484),y=n.n(x),b=n(57023),v=n(51077),g=n.n(v),j=function(e){var t=e.title,n=e.cover,r=e.read_time,o=e.post_date,i=e.url,l=e.className,c=e.stat,s=e.summary;return(0,a.jsx)("div",{className:"w-full group ".concat(l),children:(0,a.jsxs)(d(),{href:"/blog/".concat(i),target:"_self",children:[(0,a.jsx)("div",{className:"relative w-full pb-[70.35%] rounded-[12px] overflow-hidden",children:(0,a.jsx)(w(),{fill:!0,unoptimized:!0,priority:!0,src:n,alt:t,className:"object-cover"})}),(0,a.jsx)(m.Z.Title,{level:3,ellipsis:{rows:2},className:"md:h-[2.8em] group-hover:underline",style:{marginTop:"15px",marginBottom:"6px",lineHeight:"28px",color:"rgba(0,0,0,0.8)",fontFamily:f().style.fontFamily,fontWeight:500,fontSize:"20px"},children:t}),(0,a.jsx)(m.Z.Paragraph,{className:"md:h-[3.6em]",ellipsis:{rows:3},style:{fontFamily:g().style.fontFamily,fontSize:"12px",lineHeight:"14px",fontWeight:300,color:"#505667"},children:s}),(0,a.jsxs)("div",{className:"mt-[34px] flex text-[rgba(80,86,103,0.6)] font-light text-[12px] leading-[14px]",children:[(0,a.jsxs)("div",{className:"flex items-center space-x-[6px]",children:[(0,a.jsx)("i",{className:"ri-eye-line ri-xl"}),(0,a.jsx)("span",{children:(0,b.normalizeViewCount)(c.pv)})]}),(0,a.jsxs)("div",{className:"ml-[16px] flex items-center space-x-[6px]",children:[(0,a.jsx)("i",{className:"ri-time-line ri-xl"}),(0,a.jsx)("span",{children:r})]}),(0,a.jsx)("div",{className:"flex-1 text-right",children:o&&y()(y().unix(o)).format("MMMM D, YYYY")})]})]})})},C=function(e){var t=e.title,n=e.url,u=e.articleList,p=e.showMore,h=e.className,w=(0,c.useMediaQuery)({query:"(min-width: 768px) and (max-width: 1023px)"}),m=(0,c.useMediaQuery)({query:"(min-width: 1024px)"}),x=(0,i._)((0,l.useState)(!0),2),y=x[0],b=x[1];return(0,l.useEffect)(function(){b(!1)},[]),(0,a.jsxs)("section",{className:h,children:[t&&(n?(0,a.jsx)(d(),{href:"/blog/".concat(n),children:(0,a.jsx)("h2",{className:"".concat(f().className," inline-block text-[24px] text-[rgba(0,0,0,0.8)] font-bold mb-[32px] ml-[13px] md:ml-0 tracking-wide hover:underline"),children:t.toUpperCase()})}):(0,a.jsx)("h2",{className:"".concat(f().className," inline-block text-[24px] text-[rgba(0,0,0,0.8)] font-bold mb-[32px] ml-[13px] md:ml-0 tracking-wide"),children:t.toUpperCase()})),u.length?(0,a.jsx)("div",{className:"flex flex-wrap ".concat(y?"space-x-[66px]":""),children:u.map(function(e,t){return(0,a.jsx)(j,(0,o._)((0,r._)({},e),{className:"mb-[62px] md:mb-[82px] md:w-[calc(50%-33px)] lg:w-[calc((100%-132px)/3)] ".concat(!y&&w&&t%2==0?"md:mr-[66px]":""," ").concat(!y&&m&&(t+1)%3!=0?"lg:mr-[66px]":"")}),e.title+t)})}):(0,a.jsx)(s.default,{description:"Empty"}),(void 0===p||p)&&n&&(0,a.jsx)("div",{className:"flex justify-center items-center mb-[62px] -translate-y-[20px]",children:(0,a.jsx)(d(),{href:"/blog/".concat(n),className:"middle center transition-all text-[16px] py-[16px] px-[37px] rounded-lg border border-primary text-primary hover:bg-[rgba(142,129,238,0.2)] active:bg-[rgba(142,129,238,0.4)] active:border-[#7D72D1]",children:"View All"})})]})}},51077:function(e){e.exports={style:{fontFamily:"'__Krub_0896c2', '__Krub_Fallback_0896c2'",fontWeight:400,fontStyle:"normal"},className:"__className_0896c2"}},70304:function(e){e.exports={style:{fontFamily:"'__Roboto_9da595', '__Roboto_Fallback_9da595'",fontStyle:"normal"},className:"__className_9da595"}}}]);