{"version":3,"sources":["webpack:///./src/components/blog/BlogChip.tsx","webpack:///./src/pages/blog.tsx","webpack:///./node_modules/react-infinite-scroll-component/dist/index.es.js","webpack:///./src/utils/serializeHyperlink.tsx"],"names":["BlogChip","styled","Link","withConfig","displayName","componentId","colors","pink","Info","p","ImageLink","ReadMore","div","Loading","Summary","Category","Blog","props","t","useI18next","setMomentLocale","data","pageContext","prismic","categories","useState","allCategorys","edges","map","mapCategory","_useState2","posts","setPosts","_useState3","hasNextPage","hasPreviousPage","startCursor","endCursor","pageInfo","setPageInfo","location","useLocation","tag","URLSearchParams","search","get","useEffect","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_yield$prismic$load","wrap","_context","prev","next","load","variables","Object","assign","prismicLang","tags","sent","allPosts","getPostsFromPrismicEdges","stop","apply","arguments","fetchPostsData","popularPosts","mustReadPosts","fetchMore","_ref2","_callee2","_yield$prismic$load2","newPosts","_context2","after","concat","_toConsumableArray","React","createElement","Fragment","SEO","title","bodyAttributes","class","BlogLayout","formBanner","Left","to","decodeURI","CloseIcon","InfiniteScroll","dataLength","length","hasMore","loader","post","_post$author_card","BlogArticle","key","uid","category","slug","BlogTitleH2","RichText","asText","language","lang","author_card","author_name","_meta","updated_at","firstPublicationDate","imageUrl","style","paddingTop","imageRatio","PostImg","src","alt","render","summary","serializeHyperlink","Trans","query","id","source","toString","this","_extendStatics","d","b","setPrototypeOf","__proto__","Array","hasOwnProperty","_assign","s","i","n","prototype","call","ThresholdUnits","defaultThreshold","unit","value","parseThreshold","scrollThreshold","match","parseFloat","console","warn","_super","_this","lastScrollTop","actionTriggered","startY","currentY","dragging","maxPullDownDistance","getScrollableTarget","scrollableTarget","HTMLElement","document","getElementById","onStart","evt","MouseEvent","pageY","TouchEvent","touches","_infScroll","willChange","transition","onMove","Number","pullDownToRefreshThreshold","setState","pullToRefreshThresholdBreached","overflow","transform","onEnd","state","refreshFunction","requestAnimationFrame","onScrollListener","event","onScroll","setTimeout","target","height","_scrollableNode","documentElement","scrollTop","body","inverse","isElementAtTop","isElementAtBottom","showLoader","prevDataLength","throttledOnScrollListener","delay","noTrailing","callback","debounceMode","timeoutID","cancelled","lastExec","clearExistingTimeout","clearTimeout","wrapper","self","elapsed","Date","now","args","exec","clear","undefined","cancel","throttle","bind","__","constructor","create","__extends","componentDidMount","Error","el","window","addEventListener","initialScrollY","scrollHeight","scrollTo","pullDownToRefresh","_pullDown","firstChild","getBoundingClientRect","forceUpdate","componentWillUnmount","removeEventListener","componentDidUpdate","prevProps","getDerivedStateFromProps","nextProps","prevState","clientHeight","screen","availHeight","threshold","WebkitOverflowScrolling","hasChildren","children","outerDivStyle","className","ref","infScroll","position","pullDown","left","right","top","releaseToRefreshContent","pullDownToRefreshContent","endMessage","type","element","content","AnchorLink","external","href","url"],"mappings":"8FAAA,0EAIaA,EAAWC,YAAOC,QAAKC,WAAA,CAAAC,YAAA,WAAAC,YAAA,gBAAZJ,CAAY,gYASpBK,IAAOC,O,uiBCOVC,EAAOP,IAAOQ,EAACN,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAARJ,CAAQ,sGASfS,EAAYT,YAAOC,QAAKC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,eAAZJ,CAAY,2IAexBU,EAAWV,IAAOW,IAAGT,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAAVJ,CAAU,yGAUrBY,EAAUZ,IAAOW,IAAGT,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAVJ,CAAU,qFAItBK,IAAOC,MAILO,EAAUb,IAAOW,IAAGT,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAVJ,CAAU,8IAcpBc,EAAWd,YAAOC,QAAKC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,eAAZJ,CAAY,wGA4JrBe,UAnJ8C,SAACC,GAC5D,IAAOC,EAAKC,uBAALD,EACPE,YAAgB,SAEhB,IAAOC,EAA8BJ,EAA9BI,KAAMC,EAAwBL,EAAxBK,YAAaC,EAAWN,EAAXM,QACnBC,EAAcC,mBACnBJ,EAAKG,WAAWE,aAAaC,MAAMC,IAAIC,MAAgB,IADxC,GAIjBC,EAA0BL,mBAAqB,IAAxCM,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtBG,EAAgCR,mBAAS,CACvCS,aAAa,EACbC,iBAAiB,EACjBC,YAAa,GACbC,UAAW,KAJNC,EAAQL,EAAA,GAAEM,EAAWN,EAAA,GAOtBO,EAAWC,wBAGXC,EADY,IAAIC,gBAAgBH,EAASI,QACzBC,IAAI,QAE1BC,qBAAU,YACY,eAAAC,EAAAC,YAAAC,IAAAC,MAAG,SAAAC,IAAA,IAAAC,EAAA/B,EAAAU,EAAA,OAAAkB,IAAAI,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAAE,KAAA,EACAjC,EAAQkC,KAAK,CAChCC,UAASC,OAAAC,OAAA,CACPC,YAAavC,EAAYuC,aACb,OAARnB,EAAe,CAACoB,KAAM,CAACpB,IAAQ,MAErC,OAAAU,EAAAE,EAAAS,KALK1C,EAAI+B,EAAJ/B,KAMPkB,EAAYlB,EAAK2C,SAAS1B,UACpBP,EAAQkC,YAAyB,CACrClC,MAAOV,EAAK2C,SAASrC,MACrBH,eAEFQ,EAASD,GAAO,wBAAAuB,EAAAY,UAAAf,OACjB,kBAbmB,OAAAJ,EAAAoB,MAAA,KAAAC,aAAA,EAepBC,KACC,CAAC3B,IAEJ,IAAM4B,EAA2BL,YAAyB,CACxDlC,MAAOV,EAAKiD,aAAaN,SAASrC,MAClCH,eAEI+C,EAA4BN,YAAyB,CACzDlC,MAAOV,EAAKkD,cAAcP,SAASrC,MACnCH,eAGIgD,EAAS,eAAAC,EAAAzB,YAAAC,IAAAC,MAAG,SAAAwB,IAAA,IAAAC,EAAAtD,EAAAuD,EAAA,OAAA3B,IAAAI,MAAA,SAAAwB,GAAA,cAAAA,EAAAtB,KAAAsB,EAAArB,MAAA,cAAAqB,EAAArB,KAAA,EACKjC,EAAQkC,KAAK,CAChCC,UAASC,OAAAC,OAAA,CACPkB,MAAOxC,EAASD,UAChBwB,YAAavC,EAAYuC,aACb,OAARnB,EAAe,CAACoB,KAAM,CAACpB,IAAQ,MAErC,OAAAiC,EAAAE,EAAAd,KANK1C,EAAIsD,EAAJtD,KAOPkB,EAAYlB,EAAK2C,SAAS1B,UACpBsC,EAAWX,YAAyB,CACxClC,MAAOV,EAAK2C,SAASrC,MACrBH,eAEFQ,EAAS,GAAD+C,OAAAC,YAAKjD,GAAKiD,YAAKJ,KAAW,wBAAAC,EAAAX,UAAAQ,OACnC,kBAdc,OAAAD,EAAAN,MAAA,KAAAC,YAAA,GAgBf,OACEa,UAAAC,cAAAD,UAAAE,SAAA,KACEF,UAAAC,cAACE,IAAG,CAACC,MAAM,OAAOC,eAAgB,CAACC,MAAO,UAC1CN,UAAAC,cAACM,IAAU,CACTC,YAAU,EACVjE,WAAYA,EACZ8C,aAAcA,EACdC,cAAeA,GACfU,UAAAC,cAACQ,IAAI,KACFhD,GACCuC,UAAAC,cAAClF,IAAQ,CAAC2F,GAAG,UAAS,IAClBC,UAAUlD,GAAK,IAACuC,UAAAC,cAACW,IAAS,CAACR,MAAOnE,EAAE,iBAG1C+D,UAAAC,cAACY,IAAc,CACbC,WAAYhE,EAAMiE,OAClBxC,KAAMgB,EACNyB,QAAS3D,GAAYA,EAASJ,YAC9BgE,OAAQjB,UAAAC,cAACrE,EAAO,KAAC,eAChBkB,EAAMH,KAAI,SAACuE,GAAmB,IAAAC,EAC7B,OACEnB,UAAAC,cAACmB,IAAW,CAACC,IAAKH,EAAKI,KACpBJ,EAAKK,UACJvB,UAAAC,cAACnE,EAAQ,CAAC4E,GAAI,SAAWQ,EAAKK,SAASC,KAAO,KAC3CN,EAAKK,SAASnB,OAGnBJ,UAAAC,cAACwB,IAAW,KACVzB,UAAAC,cAAChF,OAAI,CACHyF,GAAIQ,EAAKM,KACTpB,MAAOsB,WAASC,OAAOT,EAAKd,OAC5BwB,SAAUV,EAAKW,MACdH,WAASC,OAAOT,EAAKd,SAG1BJ,UAAAC,cAAC1E,EAAI,MACc,QAAhB4F,EAAAD,EAAKY,mBAAW,IAAAX,OAAA,EAAhBA,EAAkBY,cACjB/B,UAAAC,cAAChF,OAAI,CAACyF,GAAE,WAAaQ,EAAKY,YAAYE,MAAMV,IAAG,KAC5CI,WAASC,OAAOT,EAAKY,YAAYC,cAGrCb,EAAKY,aAAe,OACnBZ,EAAKe,WAAahG,EAAE,wBAA0BA,EAAE,cAChD,KACAiF,EAAKgB,qBACNhB,EAAKe,WAAa,MAAQhG,EAAE,WAAa,KAAOiF,EAAKe,WAAa,IAEpEf,EAAKiB,UACJnC,UAAAC,cAACxE,EAAS,CACRiF,GAAE,SAAWQ,EAAKI,IAAG,IACrBlB,MAAOsB,WAASC,OAAOT,EAAKd,OAC5BwB,SAAUV,EAAKW,KACfO,MAAO,CAACC,WAAenB,EAAKoB,WAAU,MACtCtC,UAAAC,cAACsC,IAAO,CAACC,IAAKtB,EAAKiB,SAAUM,IAAKf,WAASC,OAAOT,EAAKd,UAG3DJ,UAAAC,cAACpE,EAAO,KACNmE,UAAAC,cAACyB,WAAQ,CACPgB,OAAQxB,EAAKyB,QAEbC,mBAAoBA,OAGxB5C,UAAAC,cAACvE,EAAQ,KACPsE,UAAAC,cAAChF,OAAI,CACHyF,GAAIQ,EAAKM,KACTpB,MAAOsB,WAASC,OAAOT,EAAKd,OAC5BwB,SAAUV,EAAKW,MACf7B,UAAAC,cAAC4C,QAAK,KAAC,wBAetB,IAAMC,EAAQ,CAAHC,GAAA,aAAAC,OAAA,ukEAAAC,SAAA,kBAAAC,KAAAH,M,kCC1OlB,gBAkBII,EAAiB,SAAuBC,EAAGC,GAQ7C,OAPAF,EAAiBzE,OAAO4E,gBAAkB,CACxCC,UAAW,cACAC,OAAS,SAAUJ,EAAGC,GACjCD,EAAEG,UAAYF,IACX,SAAUD,EAAGC,GAChB,IAAK,IAAI7H,KAAK6H,EAAOA,EAAEI,eAAejI,KAAI4H,EAAE5H,GAAK6H,EAAE7H,MAE/B4H,EAAGC,IAS3B,IAAIK,EAAU,WAQZ,OAPAA,EAAUhF,OAAOC,QAAU,SAAkB1C,GAC3C,IAAK,IAAI0H,EAAGC,EAAI,EAAGC,EAAI1E,UAAU4B,OAAQ6C,EAAIC,EAAGD,IAE9C,IAAK,IAAIpI,KADTmI,EAAIxE,UAAUyE,GACOlF,OAAOoF,UAAUL,eAAeM,KAAKJ,EAAGnI,KAAIS,EAAET,GAAKmI,EAAEnI,IAE5E,OAAOS,IAEMiD,MAAMgE,KAAM/D,YA2G7B,IAAI6E,EACK,QADLA,EAEO,UAEPC,EAAmB,CACrBC,KAAMF,EACNG,MAAO,IAET,SAASC,EAAeC,GACtB,MAA+B,iBAApBA,EACF,CACLH,KAAMF,EACNG,MAAyB,IAAlBE,GAGoB,iBAApBA,EACLA,EAAgBC,MAAM,qBACjB,CACLJ,KAAMF,EACNG,MAAOI,WAAWF,IAGlBA,EAAgBC,MAAM,oBACjB,CACLJ,KAAMF,EACNG,MAAOI,WAAWF,KAGtBG,QAAQC,KAAK,uEACNR,IAETO,QAAQC,KAAK,8CACNR,GAET,IAAIpD,EAA8B,SAAU6D,GAE1C,SAAS7D,EAAe7E,GACtB,IAAI2I,EAAQD,EAAOX,KAAKb,KAAMlH,IAAUkH,KA0GxC,OAzGAyB,EAAMC,cAAgB,EACtBD,EAAME,iBAAkB,EAExBF,EAAMG,OAAS,EACfH,EAAMI,SAAW,EACjBJ,EAAMK,UAAW,EAGjBL,EAAMM,oBAAsB,EAC5BN,EAAMO,oBAAsB,WAC1B,OAAIP,EAAM3I,MAAMmJ,4BAA4BC,YAAoBT,EAAM3I,MAAMmJ,iBAChC,iBAAjCR,EAAM3I,MAAMmJ,iBACdE,SAASC,eAAeX,EAAM3I,MAAMmJ,mBAER,OAAjCR,EAAM3I,MAAMmJ,kBACdX,QAAQC,KAAK,2PAER,OAETE,EAAMY,QAAU,SAAUC,GACpBb,EAAMC,gBACVD,EAAMK,UAAW,EACbQ,aAAeC,WACjBd,EAAMG,OAASU,EAAIE,MACVF,aAAeG,aACxBhB,EAAMG,OAASU,EAAII,QAAQ,GAAGF,OAEhCf,EAAMI,SAAWJ,EAAMG,OACnBH,EAAMkB,aACRlB,EAAMkB,WAAWzD,MAAM0D,WAAa,YACpCnB,EAAMkB,WAAWzD,MAAM2D,WAAa,6CAGxCpB,EAAMqB,OAAS,SAAUR,GAClBb,EAAMK,WACPQ,aAAeC,WACjBd,EAAMI,SAAWS,EAAIE,MACZF,aAAeG,aACxBhB,EAAMI,SAAWS,EAAII,QAAQ,GAAGF,OAG9Bf,EAAMI,SAAWJ,EAAMG,SACvBH,EAAMI,SAAWJ,EAAMG,QAAUmB,OAAOtB,EAAM3I,MAAMkK,6BACtDvB,EAAMwB,SAAS,CACbC,gCAAgC,IAIhCzB,EAAMI,SAAWJ,EAAMG,OAAqC,IAA5BH,EAAMM,qBACtCN,EAAMkB,aACRlB,EAAMkB,WAAWzD,MAAMiE,SAAW,UAClC1B,EAAMkB,WAAWzD,MAAMkE,UAAY,qBAAuB3B,EAAMI,SAAWJ,EAAMG,QAAU,eAG/FH,EAAM4B,MAAQ,WACZ5B,EAAMG,OAAS,EACfH,EAAMI,SAAW,EACjBJ,EAAMK,UAAW,EACbL,EAAM6B,MAAMJ,iCACdzB,EAAM3I,MAAMyK,iBAAmB9B,EAAM3I,MAAMyK,kBAC3C9B,EAAMwB,SAAS,CACbC,gCAAgC,KAGpCM,uBAAsB,WAEhB/B,EAAMkB,aACRlB,EAAMkB,WAAWzD,MAAMiE,SAAW,OAClC1B,EAAMkB,WAAWzD,MAAMkE,UAAY,OACnC3B,EAAMkB,WAAWzD,MAAM0D,WAAa,aAI1CnB,EAAMgC,iBAAmB,SAAUC,GACG,mBAAzBjC,EAAM3I,MAAM6K,UAGrBC,YAAW,WACT,OAAOnC,EAAM3I,MAAM6K,UAAYlC,EAAM3I,MAAM6K,SAASD,KACnD,GAEL,IAAIG,EAASpC,EAAM3I,MAAMgL,QAAUrC,EAAMsC,gBAAkBL,EAAMG,OAAS1B,SAAS6B,gBAAgBC,UAAY9B,SAAS6B,gBAAkB7B,SAAS+B,KAG/IzC,EAAME,mBACKF,EAAM3I,MAAMqL,QAAU1C,EAAM2C,eAAeP,EAAQpC,EAAM3I,MAAMqI,iBAAmBM,EAAM4C,kBAAkBR,EAAQpC,EAAM3I,MAAMqI,mBAE7HM,EAAM3I,MAAMgF,UAC1B2D,EAAME,iBAAkB,EACxBF,EAAMwB,SAAS,CACbqB,YAAY,IAEd7C,EAAM3I,MAAMuC,MAAQoG,EAAM3I,MAAMuC,QAElCoG,EAAMC,cAAgBmC,EAAOI,YAE/BxC,EAAM6B,MAAQ,CACZgB,YAAY,EACZpB,gCAAgC,EAChCqB,eAAgBzL,EAAM8E,YAExB6D,EAAM+C,0BAjOV,SAAkBC,EAAOC,EAAYC,EAAUC,GAM7C,IAAIC,EACAC,GAAY,EAEZC,EAAW,EAEf,SAASC,IACHH,GACFI,aAAaJ,GAoBjB,SAASK,IACP,IAAIC,EAAOnF,KACPoF,EAAUC,KAAKC,MAAQP,EACvBQ,EAAOtJ,UAKX,SAASuJ,IACPT,EAAWM,KAAKC,MAChBX,EAAS3I,MAAMmJ,EAAMI,GAOvB,SAASE,IACPZ,OAAYa,EAdVZ,IAgBAF,IAAiBC,GAKnBW,IAEFR,SACqBU,IAAjBd,GAA8BQ,EAAUX,EAK1Ce,KACwB,IAAfd,IAYTG,EAAYjB,WAAWgB,EAAea,EAAQD,OAAuBE,IAAjBd,EAA6BH,EAAQW,EAAUX,KAKvG,MA9D0B,kBAAfC,IACTE,EAAeD,EACfA,EAAWD,EACXA,OAAagB,GAyDfR,EAAQS,OAjER,WACEX,IACAF,GAAY,GAiEPI,EA6I6BU,CAAS,IAAKnE,EAAMgC,kBAAkBoC,KAAKpE,GAC7EA,EAAMY,QAAUZ,EAAMY,QAAQwD,KAAKpE,GACnCA,EAAMqB,OAASrB,EAAMqB,OAAO+C,KAAKpE,GACjCA,EAAM4B,MAAQ5B,EAAM4B,MAAMwC,KAAKpE,GACxBA,EAyHT,OAlYF,SAAmBvB,EAAGC,GAEpB,SAAS2F,IACP9F,KAAK+F,YAAc7F,EAFrBD,EAAeC,EAAGC,GAIlBD,EAAEU,UAAkB,OAANT,EAAa3E,OAAOwK,OAAO7F,IAAM2F,EAAGlF,UAAYT,EAAES,UAAW,IAAIkF,GAwJ/EG,CAAUtI,EAAgB6D,GA8G1B7D,EAAeiD,UAAUsF,kBAAoB,WAC3C,QAAqC,IAA1BlG,KAAKlH,MAAM8E,WACpB,MAAM,IAAIuI,MAAM,mHAUlB,GARAnG,KAAK+D,gBAAkB/D,KAAKgC,sBAC5BhC,KAAKoG,GAAKpG,KAAKlH,MAAMgL,OAAS9D,KAAK2C,WAAa3C,KAAK+D,iBAAmBsC,OACpErG,KAAKoG,IACPpG,KAAKoG,GAAGE,iBAAiB,SAAUtG,KAAKwE,2BAED,iBAA9BxE,KAAKlH,MAAMyN,gBAA+BvG,KAAKoG,IAAMpG,KAAKoG,cAAclE,aAAelC,KAAKoG,GAAGI,aAAexG,KAAKlH,MAAMyN,gBAClIvG,KAAKoG,GAAGK,SAAS,EAAGzG,KAAKlH,MAAMyN,gBAE7BvG,KAAKlH,MAAM4N,mBAAqB1G,KAAKoG,KACvCpG,KAAKoG,GAAGE,iBAAiB,aAActG,KAAKqC,SAC5CrC,KAAKoG,GAAGE,iBAAiB,YAAatG,KAAK8C,QAC3C9C,KAAKoG,GAAGE,iBAAiB,WAAYtG,KAAKqD,OAC1CrD,KAAKoG,GAAGE,iBAAiB,YAAatG,KAAKqC,SAC3CrC,KAAKoG,GAAGE,iBAAiB,YAAatG,KAAK8C,QAC3C9C,KAAKoG,GAAGE,iBAAiB,UAAWtG,KAAKqD,OAEzCrD,KAAK+B,oBAAsB/B,KAAK2G,WAAa3G,KAAK2G,UAAUC,YAAc5G,KAAK2G,UAAUC,WAAWC,wBAAwB/C,QAAU,EACtI9D,KAAK8G,cACqC,mBAA/B9G,KAAKlH,MAAMyK,iBACpB,MAAM,IAAI4C,MAAM,8JAItBxI,EAAeiD,UAAUmG,qBAAuB,WAC1C/G,KAAKoG,KACPpG,KAAKoG,GAAGY,oBAAoB,SAAUhH,KAAKwE,2BACvCxE,KAAKlH,MAAM4N,oBACb1G,KAAKoG,GAAGY,oBAAoB,aAAchH,KAAKqC,SAC/CrC,KAAKoG,GAAGY,oBAAoB,YAAahH,KAAK8C,QAC9C9C,KAAKoG,GAAGY,oBAAoB,WAAYhH,KAAKqD,OAC7CrD,KAAKoG,GAAGY,oBAAoB,YAAahH,KAAKqC,SAC9CrC,KAAKoG,GAAGY,oBAAoB,YAAahH,KAAK8C,QAC9C9C,KAAKoG,GAAGY,oBAAoB,UAAWhH,KAAKqD,UAIlD1F,EAAeiD,UAAUqG,mBAAqB,SAAUC,GAElDlH,KAAKlH,MAAM8E,aAAesJ,EAAUtJ,aACxCoC,KAAK2B,iBAAkB,EAEvB3B,KAAKiD,SAAS,CACZqB,YAAY,MAGhB3G,EAAewJ,yBAA2B,SAAUC,EAAWC,GAG7D,OAFwBD,EAAUxJ,aAAeyJ,EAAU9C,eAGlD/D,EAAQA,EAAQ,GAAI6G,GAAY,CACrC9C,eAAgB6C,EAAUxJ,aAGvB,MAETD,EAAeiD,UAAUwD,eAAiB,SAAUP,EAAQ1C,QAClC,IAApBA,IACFA,EAAkB,IAEpB,IAAImG,EAAezD,IAAW1B,SAAS+B,MAAQL,IAAW1B,SAAS6B,gBAAkBqC,OAAOkB,OAAOC,YAAc3D,EAAOyD,aACpHG,EAAYvG,EAAeC,GAC/B,OAAIsG,EAAUzG,OAASF,EACd+C,EAAOI,WAAawD,EAAUxG,MAAQqG,EAAezD,EAAO2C,aAAe,EAE7E3C,EAAOI,WAAawD,EAAUxG,MAAQ,IAAMqG,EAAezD,EAAO2C,aAAe,GAE1F7I,EAAeiD,UAAUyD,kBAAoB,SAAUR,EAAQ1C,QACrC,IAApBA,IACFA,EAAkB,IAEpB,IAAImG,EAAezD,IAAW1B,SAAS+B,MAAQL,IAAW1B,SAAS6B,gBAAkBqC,OAAOkB,OAAOC,YAAc3D,EAAOyD,aACpHG,EAAYvG,EAAeC,GAC/B,OAAIsG,EAAUzG,OAASF,EACd+C,EAAOI,UAAYqD,GAAgBzD,EAAO2C,aAAeiB,EAAUxG,MAErE4C,EAAOI,UAAYqD,GAAgBG,EAAUxG,MAAQ,IAAM4C,EAAO2C,cAE3E7I,EAAeiD,UAAUpB,OAAS,WAChC,IAAIiC,EAAQzB,KACRd,EAAQsB,EAAQ,CAClBsD,OAAQ9D,KAAKlH,MAAMgL,QAAU,OAC7BX,SAAU,OACVuE,wBAAyB,SACxB1H,KAAKlH,MAAMoG,OACVyI,EAAc3H,KAAKlH,MAAM6O,gBAAkB3H,KAAKlH,MAAM8O,UAAY5H,KAAKlH,MAAM8O,oBAAoBtH,OAASN,KAAKlH,MAAM8O,SAAS/J,QAG9HgK,EAAgB7H,KAAKlH,MAAM4N,mBAAqB1G,KAAKlH,MAAMgL,OAAS,CACtEX,SAAU,QACR,GACJ,OAAO,UAAMpG,cAAc,MAAO,CAChCmC,MAAO2I,EACPC,UAAW,uCACV,UAAM/K,cAAc,MAAO,CAC5B+K,UAAW,8BAAgC9H,KAAKlH,MAAMgP,WAAa,IACnEC,IAAK,SAAaC,GAChB,OAAOvG,EAAMkB,WAAaqF,GAE5B9I,MAAOA,GACNc,KAAKlH,MAAM4N,mBAAqB,UAAM3J,cAAc,MAAO,CAC5DmC,MAAO,CACL+I,SAAU,YAEZF,IAAK,SAAaG,GAChB,OAAOzG,EAAMkF,UAAYuB,IAE1B,UAAMnL,cAAc,MAAO,CAC5BmC,MAAO,CACL+I,SAAU,WACVE,KAAM,EACNC,MAAO,EACPC,KAAM,EAAIrI,KAAK+B,sBAEhB/B,KAAKsD,MAAMJ,+BAAiClD,KAAKlH,MAAMwP,wBAA0BtI,KAAKlH,MAAMyP,2BAA4BvI,KAAKlH,MAAM8O,UAAW5H,KAAKsD,MAAMgB,aAAeqD,GAAe3H,KAAKlH,MAAMgF,SAAWkC,KAAKlH,MAAMiF,OAAQiC,KAAKsD,MAAMgB,YAActE,KAAKlH,MAAMgF,SAAWkC,KAAKlH,MAAMiF,QAASiC,KAAKlH,MAAMgF,SAAWkC,KAAKlH,MAAM0P,cAElU7K,EAtOyB,CAuOhC,aACa,O,oCChaf,8DAGa+B,EAAqB,SAAC+I,EAAcC,EAAcC,GAC7D,OACE7L,UAAAC,cAAC6L,IAAU,CAACC,UAAQ,EAACC,KAAMJ,EAAQxP,KAAK6P,IAAKlF,OAAO,UACjD8E","file":"component---src-pages-blog-tsx-725fa6954caec5fcd1ee.js","sourcesContent":["import styled from 'styled-components';\nimport {Link} from 'gatsby-plugin-react-i18next';\nimport {colors} from '../../global.config';\n\nexport const BlogChip = styled(Link)`\n  position: relative;\n  font-size: 0.8rem;\n  color: #ffffff;\n  padding: 4px 36px 4px 6px;\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 8px;\n  background: ${colors.pink};\n  opacity: 0.7;\n  top: -24px;\n  transition: all 0.3s ease;\n  svg {\n    position: absolute;\n    height: 32px;\n    width: 32px;\n    right: 0;\n    transition: all 0.3s ease;\n    path {\n      fill: #ffffff;\n    }\n  }\n  &:hover {\n    color: #dddddd;\n    opacity: 0.9;\n    svg path {\n      fill: #dddddd;\n    }\n  }\n`;\n","// i18next-extract-mark-ns-start blog\n\nimport {BlogArticle, BlogTitleH2, Left, PostImg} from 'components/blog/BlogComponents';\nimport {SEO} from 'components/SEO';\nimport {graphql, PageProps} from 'gatsby';\nimport {Link, Trans, useI18next} from 'gatsby-plugin-react-i18next';\nimport {colors} from 'global.config';\nimport BlogLayout from 'layouts/BlogLayout';\nimport {RichText} from 'prismic-reactjs';\nimport React, {useCallback, useEffect, useState} from 'react';\nimport InfiniteScroll from 'react-infinite-scroll-component';\nimport styled from 'styled-components';\nimport {serializeHyperlink} from 'utils/serializeHyperlink';\nimport {getPostsFromPrismicEdges, mapCategory} from 'utils/blog-utils';\nimport {CloseIcon} from 'components/CloseIcon';\nimport {BlogChip} from 'components/blog/BlogChip';\nimport {BlogCategoryType, BlogPost} from '../../types/BlogTypes';\nimport {setMomentLocale} from 'utils/helpers';\nimport {useLocation} from '@reach/router';\n\nexport const Info = styled.p`\n  color: #6B7276;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 13px;\n  line-height: 16px;\n  margin: 0 0 2rem;\n`;\n\nexport const ImageLink = styled(Link)`\n  margin-bottom: 1rem;\n  position: relative;\n  display: block;\n  background: #f3f4f6;\n\n  img {\n    position: absolute;\n    width: 100%;\n    top: 0;\n    left: 0;\n    margin-bottom: 0;\n  }\n`;\n\nexport const ReadMore = styled.div`\n  a {\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: 0.05em;\n    text-decoration: underline;\n  }\n`;\n\nexport const Loading = styled.div`\n  font-size: 1.1rem;\n  font-weight: 600;\n  text-align: center;\n  color: ${colors.pink};\n  margin-bottom: 2rem;\n`;\n\nexport const Summary = styled.div`\n  font-style: normal;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 24px;\n  letter-spacing: 0.02em;\n  color: #475157;\n  margin: 0 0 2rem;\n\n  > p {\n    margin: unset;\n  }\n`;\n\nexport const Category = styled(Link)`\n  font-style: normal;\n  font-weight: 500;\n  font-size: 13px;\n  line-height: 16px;\n  color: #3850D5;\n  margin: 0 0 0.5rem;\n`;\n\nconst Blog: React.FC<PageProps<any, any> & {prismic: any}> = (props) => {\n  const {t} = useI18next();\n  setMomentLocale('en-gb');\n\n  const {data, pageContext, prismic} = props;\n  const [categories] = useState<BlogCategoryType[]>(\n    data.categories.allCategorys.edges.map(mapCategory) || []\n  );\n\n  const [posts, setPosts] = useState<BlogPost[]>([]);\n  const [pageInfo, setPageInfo] = useState({\n    hasNextPage: false,\n    hasPreviousPage: false,\n    startCursor: '',\n    endCursor: ''\n  });\n\n  const location = useLocation();\n\n  const urlParams = new URLSearchParams(location.search);\n  const tag = urlParams.get('tags');\n  \n  useEffect(() => {\n    const fetchPostsData = async () => {\n      const {data} = await prismic.load({\n        variables: {\n          prismicLang: pageContext.prismicLang,\n          ...(tag !== null ? {tags: [tag]} : {})\n        }\n      });\n      setPageInfo(data.allPosts.pageInfo);\n      const posts = getPostsFromPrismicEdges({\n        posts: data.allPosts.edges,\n        categories\n      });\n      setPosts(posts);\n    };\n\n    fetchPostsData();\n  }, [tag]);\n\n  const popularPosts: BlogPost[] = getPostsFromPrismicEdges({\n    posts: data.popularPosts.allPosts.edges,\n    categories\n  });\n  const mustReadPosts: BlogPost[] = getPostsFromPrismicEdges({\n    posts: data.mustReadPosts.allPosts.edges,\n    categories\n  });\n\n  const fetchMore = async () => {\n    const {data} = await prismic.load({\n      variables: {\n        after: pageInfo.endCursor,\n        prismicLang: pageContext.prismicLang,\n        ...(tag !== null ? {tags: [tag]} : {})\n      }\n    });\n    setPageInfo(data.allPosts.pageInfo);\n    const newPosts = getPostsFromPrismicEdges({\n      posts: data.allPosts.edges,\n      categories\n    });\n    setPosts([...posts, ...newPosts]);\n  };\n\n  return (\n    <>\n      <SEO title=\"Blog\" bodyAttributes={{class: 'blog'}} />\n      <BlogLayout\n        formBanner\n        categories={categories}\n        popularPosts={popularPosts}\n        mustReadPosts={mustReadPosts}>\n        <Left>\n          {tag && (\n            <BlogChip to=\"/blog/\">\n              #{decodeURI(tag)} <CloseIcon title={t('Remove tag')} />\n            </BlogChip>\n          )}\n          <InfiniteScroll\n            dataLength={posts.length}\n            next={fetchMore}\n            hasMore={pageInfo && pageInfo.hasNextPage}\n            loader={<Loading>Loading...</Loading>}>\n            {posts.map((post: BlogPost) => {\n              return (\n                <BlogArticle key={post.uid!}>\n                  {post.category && (\n                    <Category to={'/blog/' + post.category.slug + '/'}>\n                      {post.category.title}\n                    </Category>\n                  )}\n                  <BlogTitleH2>\n                    <Link\n                      to={post.slug as string}\n                      title={RichText.asText(post.title)}\n                      language={post.lang}>\n                      {RichText.asText(post.title)}\n                    </Link>\n                  </BlogTitleH2>\n                  <Info>\n                    {post.author_card?.author_name && (\n                      <Link to={`/author/${post.author_card._meta.uid}/`}>\n                        {RichText.asText(post.author_card.author_name)}\n                      </Link>\n                    )}\n                    {post.author_card && ` | `}\n                    {(post.updated_at ? t('Originally published') : t('Published')) +\n                      ': ' +\n                      post.firstPublicationDate}\n                    {post.updated_at ? ' | ' + t('Updated') + ': ' + post.updated_at : ''}\n                  </Info>\n                  {post.imageUrl && (\n                    <ImageLink\n                      to={`/blog/${post.uid}/`}\n                      title={RichText.asText(post.title)}\n                      language={post.lang}\n                      style={{paddingTop: `${post.imageRatio}%`}}>\n                      <PostImg src={post.imageUrl} alt={RichText.asText(post.title)} />\n                    </ImageLink>\n                  )}\n                  <Summary>\n                    <RichText\n                      render={post.summary}\n                      // @ts-ignore\n                      serializeHyperlink={serializeHyperlink}\n                    />\n                  </Summary>\n                  <ReadMore>\n                    <Link\n                      to={post.slug as string}\n                      title={RichText.asText(post.title)}\n                      language={post.lang}>\n                      <Trans>Read More</Trans>\n                    </Link>\n                  </ReadMore>\n                </BlogArticle>\n              );\n            })}\n          </InfiniteScroll>\n        </Left>\n      </BlogLayout>\n    </>\n  );\n};\n\nexport default Blog;\n\nexport const query = graphql`\n  query BlogPosts($after: String, $prismicLang: String, $tags: [String!]) {\n    locales: allLocale(filter: {ns: {in: [\"common\", \"blog\"]}}) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n    posts: prismic {\n      allPosts(\n        sortBy: meta_firstPublicationDate_DESC\n        after: $after\n        lang: $prismicLang\n        tags: $tags\n        first: 10\n      ) {\n        pageInfo {\n          hasNextPage\n          hasPreviousPage\n          startCursor\n          endCursor\n        }\n        edges {\n          cursor\n          node {\n            title\n            body\n            image\n            summary\n            category\n            author\n            updated_at\n            author_card {\n              ... on PRISMIC_Author {\n                author_name\n                _meta {\n                  uid\n                }\n              }\n            }\n            _meta {\n              uid\n              lang\n              alternateLanguages {\n                lang\n              }\n              tags\n              firstPublicationDate\n            }\n          }\n        }\n      }\n    }\n    categories: prismic {\n      allCategorys(lang: $prismicLang) {\n        edges {\n          node {\n            title\n            _meta {\n              uid\n              lang\n            }\n            order\n          }\n        }\n      }\n    }\n    popularPosts: prismic {\n      allPosts(\n        sortBy: meta_lastPublicationDate_DESC\n        tags: \"Popular\"\n        first: 3\n        lang: $prismicLang\n      ) {\n        edges {\n          node {\n            title\n            _meta {\n              uid\n            }\n          }\n        }\n      }\n    }\n    mustReadPosts: prismic {\n      allPosts(\n        sortBy: meta_lastPublicationDate_DESC\n        tags: \"Must Read\"\n        first: 3\n        lang: $prismicLang\n      ) {\n        edges {\n          node {\n            title\n            _meta {\n              uid\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n","import React, { Component } from 'react';\n\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\n/* global Reflect, Promise */\n\nvar _extendStatics = function extendStatics(d, b) {\n  _extendStatics = Object.setPrototypeOf || {\n    __proto__: []\n  } instanceof Array && function (d, b) {\n    d.__proto__ = b;\n  } || function (d, b) {\n    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];\n  };\n  return _extendStatics(d, b);\n};\nfunction __extends(d, b) {\n  _extendStatics(d, b);\n  function __() {\n    this.constructor = d;\n  }\n  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n}\nvar _assign = function __assign() {\n  _assign = Object.assign || function __assign(t) {\n    for (var s, i = 1, n = arguments.length; i < n; i++) {\n      s = arguments[i];\n      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\n    }\n    return t;\n  };\n  return _assign.apply(this, arguments);\n};\n\n/* eslint-disable no-undefined,no-param-reassign,no-shadow */\n\n/**\n * Throttle execution of a function. Especially useful for rate limiting\n * execution of handlers on events like resize and scroll.\n *\n * @param  {Number}    delay          A zero-or-greater delay in milliseconds. For event callbacks, values around 100 or 250 (or even higher) are most useful.\n * @param  {Boolean}   [noTrailing]   Optional, defaults to false. If noTrailing is true, callback will only execute every `delay` milliseconds while the\n *                                    throttled-function is being called. If noTrailing is false or unspecified, callback will be executed one final time\n *                                    after the last throttled-function call. (After the throttled-function has not been called for `delay` milliseconds,\n *                                    the internal counter is reset)\n * @param  {Function}  callback       A function to be executed after delay milliseconds. The `this` context and all arguments are passed through, as-is,\n *                                    to `callback` when the throttled-function is executed.\n * @param  {Boolean}   [debounceMode] If `debounceMode` is true (at begin), schedule `clear` to execute after `delay` ms. If `debounceMode` is false (at end),\n *                                    schedule `callback` to execute after `delay` ms.\n *\n * @return {Function}  A new, throttled, function.\n */\nfunction throttle(delay, noTrailing, callback, debounceMode) {\n  /*\n   * After wrapper has stopped being called, this timeout ensures that\n   * `callback` is executed at the proper times in `throttle` and `end`\n   * debounce modes.\n   */\n  var timeoutID;\n  var cancelled = false; // Keep track of the last time `callback` was executed.\n\n  var lastExec = 0; // Function to clear existing timeout\n\n  function clearExistingTimeout() {\n    if (timeoutID) {\n      clearTimeout(timeoutID);\n    }\n  } // Function to cancel next exec\n\n  function cancel() {\n    clearExistingTimeout();\n    cancelled = true;\n  } // `noTrailing` defaults to falsy.\n\n  if (typeof noTrailing !== 'boolean') {\n    debounceMode = callback;\n    callback = noTrailing;\n    noTrailing = undefined;\n  }\n  /*\n   * The `wrapper` function encapsulates all of the throttling / debouncing\n   * functionality and when executed will limit the rate at which `callback`\n   * is executed.\n   */\n\n  function wrapper() {\n    var self = this;\n    var elapsed = Date.now() - lastExec;\n    var args = arguments;\n    if (cancelled) {\n      return;\n    } // Execute `callback` and update the `lastExec` timestamp.\n\n    function exec() {\n      lastExec = Date.now();\n      callback.apply(self, args);\n    }\n    /*\n     * If `debounceMode` is true (at begin) this is used to clear the flag\n     * to allow future `callback` executions.\n     */\n\n    function clear() {\n      timeoutID = undefined;\n    }\n    if (debounceMode && !timeoutID) {\n      /*\n       * Since `wrapper` is being called for the first time and\n       * `debounceMode` is true (at begin), execute `callback`.\n       */\n      exec();\n    }\n    clearExistingTimeout();\n    if (debounceMode === undefined && elapsed > delay) {\n      /*\n       * In throttle mode, if `delay` time has been exceeded, execute\n       * `callback`.\n       */\n      exec();\n    } else if (noTrailing !== true) {\n      /*\n       * In trailing throttle mode, since `delay` time has not been\n       * exceeded, schedule `callback` to execute `delay` ms after most\n       * recent execution.\n       *\n       * If `debounceMode` is true (at begin), schedule `clear` to execute\n       * after `delay` ms.\n       *\n       * If `debounceMode` is false (at end), schedule `callback` to\n       * execute after `delay` ms.\n       */\n      timeoutID = setTimeout(debounceMode ? clear : exec, debounceMode === undefined ? delay - elapsed : delay);\n    }\n  }\n  wrapper.cancel = cancel; // Return the wrapper function.\n\n  return wrapper;\n}\nvar ThresholdUnits = {\n  Pixel: 'Pixel',\n  Percent: 'Percent'\n};\nvar defaultThreshold = {\n  unit: ThresholdUnits.Percent,\n  value: 0.8\n};\nfunction parseThreshold(scrollThreshold) {\n  if (typeof scrollThreshold === 'number') {\n    return {\n      unit: ThresholdUnits.Percent,\n      value: scrollThreshold * 100\n    };\n  }\n  if (typeof scrollThreshold === 'string') {\n    if (scrollThreshold.match(/^(\\d*(\\.\\d+)?)px$/)) {\n      return {\n        unit: ThresholdUnits.Pixel,\n        value: parseFloat(scrollThreshold)\n      };\n    }\n    if (scrollThreshold.match(/^(\\d*(\\.\\d+)?)%$/)) {\n      return {\n        unit: ThresholdUnits.Percent,\n        value: parseFloat(scrollThreshold)\n      };\n    }\n    console.warn('scrollThreshold format is invalid. Valid formats: \"120px\", \"50%\"...');\n    return defaultThreshold;\n  }\n  console.warn('scrollThreshold should be string or number');\n  return defaultThreshold;\n}\nvar InfiniteScroll = /** @class */function (_super) {\n  __extends(InfiniteScroll, _super);\n  function InfiniteScroll(props) {\n    var _this = _super.call(this, props) || this;\n    _this.lastScrollTop = 0;\n    _this.actionTriggered = false;\n    // variables to keep track of pull down behaviour\n    _this.startY = 0;\n    _this.currentY = 0;\n    _this.dragging = false;\n    // will be populated in componentDidMount\n    // based on the height of the pull down element\n    _this.maxPullDownDistance = 0;\n    _this.getScrollableTarget = function () {\n      if (_this.props.scrollableTarget instanceof HTMLElement) return _this.props.scrollableTarget;\n      if (typeof _this.props.scrollableTarget === 'string') {\n        return document.getElementById(_this.props.scrollableTarget);\n      }\n      if (_this.props.scrollableTarget === null) {\n        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      \");\n      }\n      return null;\n    };\n    _this.onStart = function (evt) {\n      if (_this.lastScrollTop) return;\n      _this.dragging = true;\n      if (evt instanceof MouseEvent) {\n        _this.startY = evt.pageY;\n      } else if (evt instanceof TouchEvent) {\n        _this.startY = evt.touches[0].pageY;\n      }\n      _this.currentY = _this.startY;\n      if (_this._infScroll) {\n        _this._infScroll.style.willChange = 'transform';\n        _this._infScroll.style.transition = \"transform 0.2s cubic-bezier(0,0,0.31,1)\";\n      }\n    };\n    _this.onMove = function (evt) {\n      if (!_this.dragging) return;\n      if (evt instanceof MouseEvent) {\n        _this.currentY = evt.pageY;\n      } else if (evt instanceof TouchEvent) {\n        _this.currentY = evt.touches[0].pageY;\n      }\n      // user is scrolling down to up\n      if (_this.currentY < _this.startY) return;\n      if (_this.currentY - _this.startY >= Number(_this.props.pullDownToRefreshThreshold)) {\n        _this.setState({\n          pullToRefreshThresholdBreached: true\n        });\n      }\n      // so you can drag upto 1.5 times of the maxPullDownDistance\n      if (_this.currentY - _this.startY > _this.maxPullDownDistance * 1.5) return;\n      if (_this._infScroll) {\n        _this._infScroll.style.overflow = 'visible';\n        _this._infScroll.style.transform = \"translate3d(0px, \" + (_this.currentY - _this.startY) + \"px, 0px)\";\n      }\n    };\n    _this.onEnd = function () {\n      _this.startY = 0;\n      _this.currentY = 0;\n      _this.dragging = false;\n      if (_this.state.pullToRefreshThresholdBreached) {\n        _this.props.refreshFunction && _this.props.refreshFunction();\n        _this.setState({\n          pullToRefreshThresholdBreached: false\n        });\n      }\n      requestAnimationFrame(function () {\n        // this._infScroll\n        if (_this._infScroll) {\n          _this._infScroll.style.overflow = 'auto';\n          _this._infScroll.style.transform = 'none';\n          _this._infScroll.style.willChange = 'unset';\n        }\n      });\n    };\n    _this.onScrollListener = function (event) {\n      if (typeof _this.props.onScroll === 'function') {\n        // Execute this callback in next tick so that it does not affect the\n        // functionality of the library.\n        setTimeout(function () {\n          return _this.props.onScroll && _this.props.onScroll(event);\n        }, 0);\n      }\n      var target = _this.props.height || _this._scrollableNode ? event.target : document.documentElement.scrollTop ? document.documentElement : document.body;\n      // return immediately if the action has already been triggered,\n      // prevents multiple triggers.\n      if (_this.actionTriggered) return;\n      var atBottom = _this.props.inverse ? _this.isElementAtTop(target, _this.props.scrollThreshold) : _this.isElementAtBottom(target, _this.props.scrollThreshold);\n      // call the `next` function in the props to trigger the next data fetch\n      if (atBottom && _this.props.hasMore) {\n        _this.actionTriggered = true;\n        _this.setState({\n          showLoader: true\n        });\n        _this.props.next && _this.props.next();\n      }\n      _this.lastScrollTop = target.scrollTop;\n    };\n    _this.state = {\n      showLoader: false,\n      pullToRefreshThresholdBreached: false,\n      prevDataLength: props.dataLength\n    };\n    _this.throttledOnScrollListener = throttle(150, _this.onScrollListener).bind(_this);\n    _this.onStart = _this.onStart.bind(_this);\n    _this.onMove = _this.onMove.bind(_this);\n    _this.onEnd = _this.onEnd.bind(_this);\n    return _this;\n  }\n  InfiniteScroll.prototype.componentDidMount = function () {\n    if (typeof this.props.dataLength === 'undefined') {\n      throw new Error(\"mandatory prop \\\"dataLength\\\" is missing. The prop is needed\" + \" when loading more content. Check README.md for usage\");\n    }\n    this._scrollableNode = this.getScrollableTarget();\n    this.el = this.props.height ? this._infScroll : this._scrollableNode || window;\n    if (this.el) {\n      this.el.addEventListener('scroll', this.throttledOnScrollListener);\n    }\n    if (typeof this.props.initialScrollY === 'number' && this.el && this.el instanceof HTMLElement && this.el.scrollHeight > this.props.initialScrollY) {\n      this.el.scrollTo(0, this.props.initialScrollY);\n    }\n    if (this.props.pullDownToRefresh && this.el) {\n      this.el.addEventListener('touchstart', this.onStart);\n      this.el.addEventListener('touchmove', this.onMove);\n      this.el.addEventListener('touchend', this.onEnd);\n      this.el.addEventListener('mousedown', this.onStart);\n      this.el.addEventListener('mousemove', this.onMove);\n      this.el.addEventListener('mouseup', this.onEnd);\n      // get BCR of pullDown element to position it above\n      this.maxPullDownDistance = this._pullDown && this._pullDown.firstChild && this._pullDown.firstChild.getBoundingClientRect().height || 0;\n      this.forceUpdate();\n      if (typeof this.props.refreshFunction !== 'function') {\n        throw new Error(\"Mandatory prop \\\"refreshFunction\\\" missing.\\n          Pull Down To Refresh functionality will not work\\n          as expected. Check README.md for usage'\");\n      }\n    }\n  };\n  InfiniteScroll.prototype.componentWillUnmount = function () {\n    if (this.el) {\n      this.el.removeEventListener('scroll', this.throttledOnScrollListener);\n      if (this.props.pullDownToRefresh) {\n        this.el.removeEventListener('touchstart', this.onStart);\n        this.el.removeEventListener('touchmove', this.onMove);\n        this.el.removeEventListener('touchend', this.onEnd);\n        this.el.removeEventListener('mousedown', this.onStart);\n        this.el.removeEventListener('mousemove', this.onMove);\n        this.el.removeEventListener('mouseup', this.onEnd);\n      }\n    }\n  };\n  InfiniteScroll.prototype.componentDidUpdate = function (prevProps) {\n    // do nothing when dataLength is unchanged\n    if (this.props.dataLength === prevProps.dataLength) return;\n    this.actionTriggered = false;\n    // update state when new data was sent in\n    this.setState({\n      showLoader: false\n    });\n  };\n  InfiniteScroll.getDerivedStateFromProps = function (nextProps, prevState) {\n    var dataLengthChanged = nextProps.dataLength !== prevState.prevDataLength;\n    // reset when data changes\n    if (dataLengthChanged) {\n      return _assign(_assign({}, prevState), {\n        prevDataLength: nextProps.dataLength\n      });\n    }\n    return null;\n  };\n  InfiniteScroll.prototype.isElementAtTop = function (target, scrollThreshold) {\n    if (scrollThreshold === void 0) {\n      scrollThreshold = 0.8;\n    }\n    var clientHeight = target === document.body || target === document.documentElement ? window.screen.availHeight : target.clientHeight;\n    var threshold = parseThreshold(scrollThreshold);\n    if (threshold.unit === ThresholdUnits.Pixel) {\n      return target.scrollTop <= threshold.value + clientHeight - target.scrollHeight + 1;\n    }\n    return target.scrollTop <= threshold.value / 100 + clientHeight - target.scrollHeight + 1;\n  };\n  InfiniteScroll.prototype.isElementAtBottom = function (target, scrollThreshold) {\n    if (scrollThreshold === void 0) {\n      scrollThreshold = 0.8;\n    }\n    var clientHeight = target === document.body || target === document.documentElement ? window.screen.availHeight : target.clientHeight;\n    var threshold = parseThreshold(scrollThreshold);\n    if (threshold.unit === ThresholdUnits.Pixel) {\n      return target.scrollTop + clientHeight >= target.scrollHeight - threshold.value;\n    }\n    return target.scrollTop + clientHeight >= threshold.value / 100 * target.scrollHeight;\n  };\n  InfiniteScroll.prototype.render = function () {\n    var _this = this;\n    var style = _assign({\n      height: this.props.height || 'auto',\n      overflow: 'auto',\n      WebkitOverflowScrolling: 'touch'\n    }, this.props.style);\n    var hasChildren = this.props.hasChildren || !!(this.props.children && this.props.children instanceof Array && this.props.children.length);\n    // because heighted infiniteScroll visualy breaks\n    // on drag down as overflow becomes visible\n    var outerDivStyle = this.props.pullDownToRefresh && this.props.height ? {\n      overflow: 'auto'\n    } : {};\n    return React.createElement(\"div\", {\n      style: outerDivStyle,\n      className: \"infinite-scroll-component__outerdiv\"\n    }, React.createElement(\"div\", {\n      className: \"infinite-scroll-component \" + (this.props.className || ''),\n      ref: function ref(infScroll) {\n        return _this._infScroll = infScroll;\n      },\n      style: style\n    }, this.props.pullDownToRefresh && React.createElement(\"div\", {\n      style: {\n        position: 'relative'\n      },\n      ref: function ref(pullDown) {\n        return _this._pullDown = pullDown;\n      }\n    }, React.createElement(\"div\", {\n      style: {\n        position: 'absolute',\n        left: 0,\n        right: 0,\n        top: -1 * this.maxPullDownDistance\n      }\n    }, this.state.pullToRefreshThresholdBreached ? this.props.releaseToRefreshContent : this.props.pullDownToRefreshContent)), this.props.children, !this.state.showLoader && !hasChildren && this.props.hasMore && this.props.loader, this.state.showLoader && this.props.hasMore && this.props.loader, !this.props.hasMore && this.props.endMessage));\n  };\n  return InfiniteScroll;\n}(Component);\nexport default InfiniteScroll;","import {AnchorLink} from 'components/AnchorLink';\nimport React from 'react';\n\nexport const serializeHyperlink = (type: string, element: any, content: any) => {\n  return (\n    <AnchorLink external href={element.data.url} target=\"_blank\">\n      {content}\n    </AnchorLink>\n  );\n};\n"],"sourceRoot":""}