https://www.pubnub.com/_next/static/chunks/app/blog/%5B%5B...slug%5D%5D/page-d95e49680008fa87.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},r=(new e.Error).stack;r&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[r]="c4a13fba-76b7-4818-a348-d00683ee0335",e._sentryDebugIdIdentifier="sentry-dbid-c4a13fba-76b7-4818-a348-d00683ee0335")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5667,668],{32723:function(e,r,t){Promise.resolve().then(t.bind(t,93543)),Promise.resolve().then(t.bind(t,16078)),Promise.resolve().then(t.bind(t,31875)),Promise.resolve().then(t.bind(t,60718)),Promise.resolve().then(t.bind(t,36103)),Promise.resolve().then(t.bind(t,71287)),Promise.resolve().then(t.bind(t,47464)),Promise.resolve().then(t.bind(t,59199)),Promise.resolve().then(t.bind(t,60185)),Promise.resolve().then(t.bind(t,96475)),Promise.resolve().then(t.bind(t,86379)),Promise.resolve().then(t.bind(t,85250)),Promise.resolve().then(t.bind(t,67209)),Promise.resolve().then(t.bind(t,77822)),Promise.resolve().then(t.bind(t,28412)),Promise.resolve().then(t.bind(t,49285)),Promise.resolve().then(t.bind(t,73274)),Promise.resolve().then(t.bind(t,98660)),Promise.resolve().then(t.bind(t,84077))},16078:function(e,r,t){"use strict";var n=t(57437),s=t(2265);r.default=()=>{let[e,r]=(0,s.useState)(0);return(0,s.useEffect)(()=>{let e=document.getElementById("content-with-toc");e&&r(Math.ceil(e.innerText.trim().split(/\s+/).length/225))},[]),(0,n.jsxs)("span",{children:[e," MIN READ"]})}},36103:function(e,r,t){"use strict";var n=t(57437);t(2265);var s=t(27980);let i=e=>{let{name:r,slug:t,label:i,options:o,search:l}=e,a=l.filters[r]&&l.filters[r].length>0?l.filters[r][0]:"",d=(0,n.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",className:"fill-black group-hover:fill-red-600 group-hover:rotate-180 ".concat(""!==a?"fill-red-600":""),children:(0,n.jsx)("path",{d:"M16.59 8.29492L12 12.8749L7.41 8.29492L6 9.70492L12 15.7049L18 9.70492L16.59 8.29492Z"})});return(0,n.jsxs)("span",{className:"group flex items-center border-b-[2px] mb-[-1px] py-[4px] cursor-pointer hover:text-red-600 relative ".concat(""!==a?"text-red-600 border-red-600":"border-transparent"),children:[""!==a?a:i," ",d,(0,n.jsx)("div",{className:"hidden group-hover:flex flex-col absolute left-0 top-[29px] z-50 bg-white border border-neutral-200 rounded-[8px] p-[4px]",children:o.map((e,i)=>{let o="",a="";if("string"==typeof e){o=e;let n={...l.filters};n[r]=[e],a=s.Z.generateUrl(t,[],n,"")}else o=e.title,a=e.slug;return(0,n.jsx)("a",{href:a,className:"whitespace-nowrap p-[4px] text-neutral-900 hover:text-red-600",children:o},i)})})]})};r.default=e=>{let{slug:r,page:t,labels:s,filters:o,search:l}=e;return(0,n.jsx)("div",{className:"hidden lg:block pb-[40px] px-5",children:(0,n.jsxs)("div",{className:"border-b border-neutral-200 flex space-x-[24px]",children:[(0,n.jsx)("a",{href:r,className:"py-[4px] border-b-[2px] mb-[-1px] ".concat(0===Object.keys(l.filters).length?"text-red-600 border-red-600":"border-transparent hover:text-red-600 hover:border-red-600"),children:"All"}),Object.keys(o).map(e=>(0,n.jsx)(i,{name:e,slug:r,label:s[e]||e,options:o[e],search:l},e))]})})}},71287:function(e,r,t){"use strict";t.r(r);var n=t(57437),s=t(19505);r.default=e=>(0,n.jsx)(s.Z,{...e,children:e.children})},47464:function(e,r,t){"use strict";t.d(r,{default:function(){return u}});var n=t(57437),s=t(75764),i=t(2265),o=t(71522),l=t(27070),a=t(18882),d=t(56800),c=t.n(d);function u(e){let{twitterTitle:r}=e,[t,d]=(0,i.useState)(""),u=e=>c()(e?"bg-gray-100 text-gray-900":"text-gray-700","block px-4 py-2 text-sm w-full text-left flex items-center");return((0,i.useEffect)(()=>{var e,r;d(null===(r=window)||void 0===r?void 0:null===(e=r.location)||void 0===e?void 0:e.href)},[d]),t)?(0,n.jsxs)(o.v2,{as:"div",className:"relative inline-block text-left flex justify-end",children:[(0,n.jsx)("div",{children:(0,n.jsxs)(o.v2.Button,{className:"inline-flex w-full justify-center gap-x-1.5 rounded-md bg-white p-2 mb-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50",children:[(0,n.jsx)(a.Z,{width:20,height:20})," Share"]})}),(0,n.jsx)(l.u,{as:i.Fragment,enter:"transition ease-out duration-100",enterFrom:"transform opacity-0 scale-95",enterTo:"transform opacity-100 scale-100",leave:"transition ease-in duration-75",leaveFrom:"transform opacity-100 scale-100",leaveTo:"transform opacity-0 scale-95",children:(0,n.jsx)(o.v2.Items,{className:"share-buttons-wrapper absolute right-0 z-10 mt-[40px] w-56 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",children:(0,n.jsxs)("div",{className:"py-1",children:[(0,n.jsx)(o.v2.Item,{children:e=>{let{active:r}=e;return(0,n.jsx)("button",{onClick:()=>{navigator.clipboard.writeText(t)}

1,className:c()(r?"bg-gray-100 text-gray-900":"text-gray-700","block px-4 py-2 text-sm w-full text-left border-b"),children:"Copy Link"})}}),(0,n.jsx)(o.v2.Item,{children:e=>{let{active:r}=e;return(0,n.jsxs)(s.Dk,{resetButtonStyle:!1,url:t,className:u(r),children:[(0,n.jsx)(s.Vq,{size:20,round:!0,className:"mr-1.5"}),"Share on Facebook"]})}}),(0,n.jsx)(o.v2.Item,{children:e=>{let{active:i}=e;return(0,n.jsxs)(s.B,{resetButtonStyle:!1,title:r||"",url:t,className:u(i),children:[(0,n.jsx)(s.b0,{size:20,round:!0,className:"mr-1.5"}),"Share on X (Twitter)"]})}}),(0,n.jsx)(o.v2.Item,{children:e=>{let{active:r}=e;return(0,n.jsxs)(s.r2,{resetButtonStyle:!1,url:t,className:u(r),children:[(0,n.jsx)(s.pA,{size:20,round:!0,className:"mr-1.5"}),"Share on Linkedin"]})}})]})})})]}):null}},59199:function(e,r,t){"use strict";t.d(r,{default:function(){return a}});var n,s,i=t(57437),o=t(2265),l=t(58852);function a(e){let{audioUrl:r}=e,[t,n]=(0,o.useState)("PAUSED"),[s,a]=(0,o.useState)(!0),d="inline-flex w-full justify-center gap-x-1.5 rounded-md bg-white p-2 mb-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50";return(0,i.jsxs)("div",{children:[(0,i.jsx)(l.Z,{url:r,playStatus:t,onLoad:()=>{a(!0)},onError:()=>console.error("Some error occurs"),onFinishedPlaying:()=>n("PAUSED")}),s&&(0,i.jsx)(i.Fragment,{children:"PLAYING"===t?(0,i.jsxs)("button",{onClick:()=>{n("PAUSED")},className:d,children:[(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",width:"20",height:"20",children:(0,i.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z"})}),"Pause"]}):(0,i.jsxs)("button",{onClick:()=>{n("PLAYING")},className:d,children:[(0,i.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor","aria-hidden":"true",width:"20",height:"20",children:[(0,i.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"}),(0,i.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})]}),"Listen"]})})]})}(n=s||(s={})).PLAYING="PLAYING",n.PAUSED="PAUSED",n.STOPPED="STOPPED"}},function(e){e.O(0,[7409,991,8038,8189,5501,555,8715,2893,457,231,5378,4688,9720,8560,7980,3543,7879,6672,1835,718,2971,1099,1744],function(){return e(e.s=32723)}),_N_E=e.O()}]);