https://crypto.com/content-hub/_next/static/chunks/6388-6bb1db4f004b0362.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6388],{16388:(e,t,a)=>{a.d(t,{default:()=>v});var l=a(47310),s=a(96606),r=a(92217),n=a(40588),c=a(20847),i=a(80219),x=a(37202),o=a(3160),d=a(1634);let p=()=>{let{isDesktop:e}=(0,d.F)();return(0,l.jsx)(l.Fragment,{children:e?(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)("div",{className:"mt-[32px] grid grid-cols-1 gap-[16px] lg:grid-cols-4",children:[0,1,2,3,4,5,6,7].map(e=>(0,l.jsxs)("div",{className:"w-auto animate-pulse",children:[(0,l.jsx)("div",{className:"mb-4 flex h-48 items-center justify-center rounded-sm bg-gray-300 dark:bg-gray-700"}),(0,l.jsx)("div",{className:"mb-2.5 h-2 rounded-full bg-gray-200 dark:bg-gray-700"}),(0,l.jsx)("div",{className:"mb-2.5 h-2 rounded-full bg-gray-200 dark:bg-gray-700"}),(0,l.jsx)("div",{className:"h-2 rounded-full bg-gray-200 dark:bg-gray-700"})]},e))})}):(0,l.jsx)("div",{className:"w-full",children:(0,l.jsxs)("div",{className:"mt-[32px] flex animate-pulse items-center space-x-5 space-y-4 rtl:space-x-reverse",children:[(0,l.jsx)("div",{className:"h-[92px] w-[144px] rounded-sm bg-gray-300 md:h-[250px] md:w-[390px] dark:bg-gray-700"}),(0,l.jsxs)("div",{className:"w-auto",children:[(0,l.jsx)("div",{className:"mb-4 h-2 w-48 rounded-full bg-gray-200 dark:bg-gray-700"}),(0,l.jsx)("div",{className:"m-w-[280px] mb-2.5 h-2.5 rounded-full bg-gray-200 dark:bg-gray-700"}),(0,l.jsx)("div",{className:"mb-2.5 h-2.5 rounded-full bg-gray-200 dark:bg-gray-700"})]})]})})})};var m=a(41020);let g=e=>{let{data:t,className:a="",isShowDesktopExcerpt:s=!1,isShowDate:r=!0}=e;return(0,l.jsx)("div",{className:"mt-[32px] block lg:flex lg:flex-wrap ".concat(a),children:t.map((e,a)=>(0,l.jsxs)("div",{className:"mb-[32px] flex",children:[(0,l.jsx)(m.default,{data:e,isShowDate:r,isShowDesktopExcerpt:s,mobileLeftImageRightText:!0}),(a+1)%4!=0&&a!==t.length-1&&(0,l.jsx)("div",{className:"mx-[15.5px] hidden h-full w-px bg-[#C9CFDD] lg:block"})]},"".concat(e.title).concat(a)))})},u=e=>{let{level:t,containerClassName:a="",dotClassName:s="",highlight:r=!1}=e,n=[{name:"Beginner",fill:"bg-[#4B77D1]",color:"text-[#4B77D1]"},{name:"Intermediate",fill:"bg-[#56BCA4]",color:"text-[#56BCA4]"},{name:"Advanced",fill:"bg-[#BB271A]",color:"text-[#BB271A]"}].find(e=>e.name===t);return(0,l.jsxs)("div",{className:"flex items-center ".concat(r?null==n?void 0:n.color:""," ").concat(a),children:[(0,l.jsx)("div",{className:"h-[8px] w-[8px] rounded-sm ".concat((null==n?void 0:n.fill)||""," me-[6px] ").concat(s)}),t]})};var h=a(55478);let f=e=>{let{children:t,active:a,onClick:s}=e;return(0,l.jsx)("button",{className:"w-auto rounded-[32px] border border-[#323C52] p-[15px_17px_13px_17px] text-[12px] font-normal uppercase leading-[100%] tracking-[0.8px] hover:opacity-80 ".concat(a?"bg-[#0B1426] text-[white]":"bg-transparent text-[#323C52]"),onClick:s,children:t})},j=e=>{let{data:t,filterItems:a,onClickMenu:s}=e;return(0,l.jsx)("div",{className:"absolute z-10 flex w-full flex-col items-start gap-[48px] bg-white p-[16px_26px_32px_26px] lg:w-[655px] lg:rounded-[16px] lg:shadow-[4px_4px_8px_0px_rgba(255,255,255,0.55)_inset,12px_12px_32px_0px_rgba(6,17,33,0.15)]",children:t.map(e=>(0,l.jsxs)("div",{className:"w-full",children:[(0,l.jsx)("h5",{className:"m-0 text-[15px] font-extrabold leading-[120%] tracking-[-0.15px] text-[#0B1426]",children:(0,l.jsx)(n.default,{text:e.category})}),(0,l.jsx)(h.default,{className:"pt-[8px]"}),(0,l.jsx)("div",{className:"mt-[8px] flex flex-wrap gap-[8px]",children:e.data.map(t=>t.hasDot?(0,l.jsx)(f,{active:a[e.category]===t.name,onClick:()=>s(e.category,t.name),children:(0,l.jsx)(u,{level:t.name})},t.name):(0,l.jsx)(f,{active:a[e.category]===t.name,onClick:()=>s(e.category,t.name),children:(0,l.jsx)(n.default,{text:t.name})},t.name))})]},e.category))})},v=e=>{let{i18nKeyTitle:t,requiredArticles:a,filterMenu:d,defaultFilterItems:m,isShowDesktopExcerpt:u=!1,articlesPerPage:h=20,isUsingMenu:f=!0,isShowDate:v=!0}=e,[N,b]=(0,s.useState)(m),[w,k]=(0,s.useState)(!1),[A,y]=(0,s.useState)(!1),[E,S]=(0,s.useState)(!1),C=(0,s.useRef)(null),D=(0,s.useRef)(null),[R,F]=(0,s.use

1State)([...a]),{currentPage:I,totalPages:T,currentItems:_,setAllItems:L,resetToFirstPage:B}=(0,r.W)(R,{itemsPerPage:h}),P=()=>{var e;let t=null!=(e=C.current)?e:D.current;if(t){let e=document.querySelector("header"),a=e?e.getBoundingClientRect().height:80,l=t.getBoundingClientRect().top+window.pageYOffset-(a+20);window.scrollTo({top:l,behavior:"smooth"})}},M=async(e,t)=>{y(!0);let l={...N};l[e]=t;let s=[...a],r=l.Topics||"ALL",n=l.Level||"ALL";("ALL"!==r||"ALL"!==n)&&(s=a.filter(e=>{let t="ALL"===n||e.level===n,a="ALL"===r||e.categories.map(e=>e.toUpperCase()).includes(r);return t&&a})),F(s),S(0===s.length),L(s),B(),b(l),y(!1),k(!1),P()};return 0===R.length||0===d.length?null:(0,l.jsxs)(c.default,{children:[f&&(0,l.jsxs)("div",{className:"relative",ref:C,children:[(0,l.jsxs)("div",{className:"flex flex-wrap items-center text-[28px] leading-[125%] font-black tracking-[-0.28px] lg:text-[36px] lg:tracking-[-0.36px]",children:[(0,l.jsxs)("button",{className:"flex items-center text-left",onClick:()=>k(!w),children:[(0,l.jsx)(i.default,{alt:"Arrow",className:"me-[2px] h-[24px] w-[24px] transition duration-500 ease-in-out ".concat(w?"-rotate-180":""),src:"".concat("https://fe-mkt-api.crypto.com","/arrow-down.svg")}),(0,l.jsx)("span",{className:"me-[7px] text-[#0577DA]",children:(0,l.jsx)(n.default,{text:N[d[0].category]})})]}),(0,l.jsx)("h4",{className:"text-[#0B1426]",children:(0,l.jsx)(o.default,{i18nKey:"home.".concat(t),namespace:"contentHub"})})]}),(0,l.jsx)("div",{children:w&&(0,l.jsx)(j,{data:d,filterItems:N,onClickMenu:M})})]}),E&&(0,l.jsx)("div",{className:"mt-[48px] mb-[48px] text-[16px] leading-normal font-semibold text-[#1F283C]",children:(0,l.jsx)(o.default,{i18nKey:"home.no_related_results",namespace:"contentHub"})}),A&&(0,l.jsx)(p,{}),(0,l.jsx)("div",{ref:D,children:(0,l.jsx)(g,{data:_,isShowDate:v,isShowDesktopExcerpt:u})}),(0,l.jsx)("div",{className:"mt-[24px] mb-[32px] flex items-center justify-center lg:mt-[64px]",children:(0,l.jsx)(x.d,{currentPage:I,maxVisible:5,totalPages:T,onPageChange:P})})]})}},16779:(e,t,a)=>{a.r(t),a.d(t,{default:()=>c});var l=a(47310),s=a(96606),r=a(63666),n=a(3160);let c=e=>{let{eventDateRange:t,className:a="",locale:c="en",isShowCategory:i=!1}=e,[x,o]=(0,s.useState)("");return(0,s.useEffect)(()=>{o((0,r.t3)(t))},[t]),(0,l.jsxs)(l.Fragment,{children:[""!==x&&x!==r.YJ&&(0,l.jsx)("span",{className:"".concat(a," ").concat((()=>{switch(x){case r.ko:return"bg-[#109A85] text-[white]";case r.L5:return"bg-[#0577DA] text-[white]";case r.W2:return"bg-[#EAEEF4] text-[#565F76]"}})()," p-[4px] text-[9px] leading-[9px] font-bold tracking-[1px] md:p-[4px_8px] md:text-[12px] md:leading-[12px]"),children:(0,l.jsx)(n.default,{i18nKey:"article.".concat(x),namespace:"contentHub"})}),i&&(0,l.jsx)("a",{className:"".concat(""!==x&&x!==r.YJ?"mx-[10px]":"me-[10px]"," text-[#0577DA] hover:underline"),href:"".concat("https://crypto.com","/").concat(c,"/events"),target:"_blank",children:(0,l.jsx)(n.default,{i18nKey:"article.events",namespace:"contentHub"})})]})}},19046:(e,t,a)=>{a.d(t,{A:()=>o});var l=a(47310),s=a(62141),r=a(40588),n=a(16779),c=a(80219),i=a(37670),x=a(55478);let o=e=>{let{data:t,isShowSeparateLine:a,imageLoading:o="lazy",darkTextColor:d=!0,isShowDesktopExcerpt:p=!1,loadImmediately:m=!1,imageClassName:g="",isShowCategory:u=!0,isShowDate:h=!0}=e;return(0,l.jsxs)("a",{href:t.link,target:"_blank",children:[(0,l.jsxs)("div",{className:"flex items-center gap-[16px] pt-[16px]",children:[(0,l.jsxs)("div",{className:"relative aspect-2400/1456 w-[144px] shrink-0 bg-[#FAFAFA] md:w-[390px] ".concat(g),children:[(0,l.jsx)(c.default,{alt:t.title,className:"aspect-2400/1456 w-[144px] shrink-0 md:w-[390px] ".concat(g),loadImmediately:m,loading:o,src:t.image||s.__}),(0,l.jsx)("div",{className:"absolute bottom-0 left-0",children:(0,l.jsx)(n.default,{className:"me-[6px]",eventDateRange:t.eventDateRange})})]}),(0,l.jsxs)("div",{className:"flex flex-col justify-center",children:[(0,l.jsxs)("span",{className:"mb-[8px] text-[10px] leading-normal font-semibold tracking-[0.8px] uppercase ".concat(d?"text-[#0577DA]":"text-[#4DB5FF]"),children:[u&&(0,l.jsx)(r.default,{text:t.category}),(0,l.jsxs)("span",{className:"text-[10px] font-semibold tracking-[0.8px] uppercase ".concat(d?"text-[#0B1426]":"text-[#F7F9FA]"),children:[u&&h&&"".concat(t.category?" - ":""),h&&(0,l.jsx)(i.default,{date:t.date})]})]}),(0,l.jsx)("h2",{className:"line-clamp-3 text-[15px] leading-[120%] font-extrabold tracking-[-0.15px] ".concat(d?"text-[#0B1426]":"text-[#F7F9FA]"," max-w-full break-words whitespace-normal"),children:t.title}),p&&(0,l.jsx)("div",{className:"mt-[4px] hidden lg:block",children:(0,l.jsx)("p",{className:"line-clamp-2 overflow-hidden text-[14px] leading-[140%] font-normal tracking-[-0.07px] text-[#323C52] group-hover:opacity-80 lg:text-[14px] lg:tracking-[-0.07px]",children:t.excerpt})})]})]}),a&&(0,l.jsx)(x.default,{className:"mt-[16px]"})]})}},37202:(e,t,a)=>{a.d(t,{d:()=>c});var l=a(47310);a(96606);var s=a(25725);let r=()=>(0,l.jsx)("svg",{className:"h-6 w-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M15 19l-7-7 7-7",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})}),n=()=>(0,l.jsx)("svg",{className:"h-6 w-6",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,l.jsx)("path",{d:"M9 5l7 7-7 7",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})}),c=e=>{let{currentPage:t,totalPages:a,maxVisible:c=5,className:i="",onPageChange:x}

1=e,o=(0,s.useRouter)(),d=(0,s.useSearchParams)(),p=(0,s.usePathname)(),m="page",g=e=>{let t=new URLSearchParams(d.toString());1===e?t.delete(m):t.set(m,e.toString());let a=t.toString();return a?"".concat(p,"?").concat(a):p},u=(e,t)=>{e.preventDefault();let a=g(t);""===a?o.push(p,{scroll:!1}):o.push(a,{scroll:!1}),x()},h=Math.min(Math.max(1,t),a||1);if(a<=1)return null;let f=Math.floor(c/2),j=h-f,v=h+f;j<1&&(v=Math.min(a,(j=1)+c-1)),v>a&&(j=Math.max(1,(v=a)-c+1));let N=[];for(let e=j;e<=v;e++)N.push(e);return(0,l.jsxs)("nav",{className:"flex w-full justify-between px-10 md:justify-center md:gap-8 ".concat(i),children:[h>1?(0,l.jsx)("a",{className:"text-[#28292B] transition-opacity hover:opacity-80",href:g(h-1),onClick:e=>u(e,h-1),children:(0,l.jsx)(r,{})}):(0,l.jsx)("span",{className:"cursor-not-allowed text-[#BEBDC1]",children:(0,l.jsx)(r,{})}),(0,l.jsx)("div",{className:"flex gap-6",children:N.map(e=>(0,l.jsx)("a",{className:"text-[16px] font-semibold transition-colors ".concat(e===h?"cursor-default text-[#0577DA]":"text-[#7B849B] hover:opacity-80"),href:g(e),onClick:t=>u(t,e),children:e},"page-".concat(e)))}),h<a?(0,l.jsx)("a",{className:"text-[#28292B] transition-opacity hover:opacity-80",href:g(h+1),onClick:e=>u(e,h+1),children:(0,l.jsx)(n,{})}):(0,l.jsx)("span",{className:"cursor-not-allowed text-[#BEBDC1]",children:(0,l.jsx)(n,{})})]})}},37670:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});var l=a(47310);a(96606);var s=a(62141);let r=e=>{let{date:t}=e,a=t;return a&&a.endsWith("Z")&&(a=a.slice(0,-1)),(0,l.jsx)("span",{children:(0,s.FC)(new Date(a))})}},40588:(e,t,a)=>{a.d(t,{default:()=>n});var l=a(47310);a(96606);var s=a(31923),r=a(97354);let n=e=>{let{text:t}=e,a=(0,s.useTranslations)("contentHub"),n={topics:"TOPICS",level:"LEVEL",all:"ALL",altcoins:"ALTCOINS",bitcoin:"BITCOIN",blockchain:"BLOCKCHAIN",defi:"DEFI",derivatives:"DERIVATIVES",ethereum:"ETHEREUM",nft:"NFT",security:"SECURITY",trading:"TRADING",trending:"TRENDING",wallets:"WALLETS",app:"APP",exchange:"EXCHANGE",milestones:"MILESTONES",news:"NEWS",partnerships:"PARTNERSHIPS",portfolio_companies:"PORTFOLIO COMPANIES",product:"PRODUCT",card:"CARD",defi_wallet:"DEFI WALLET",earn:"EARN",nft_stories:"NFT STORIES",pay:"PAY",price:"PRICE",promotions:"PROMOTIONS",tax:"TAX",amas:"AMAS",industry:"INDUSTRY",gamefi:"GAMEFI",layer_1_2:"LAYERS 1 & 2",market_pulse:"MARKET PULSE",snapshot:"SNAPSHOT",most_read:"MOST READ",feature:"FEATURE",market_sizing:"MARKET SIZING",roundup:"ROUNDUP",surveys:"SURVEYS",others:"OTHERS",artists:"ARTISTS",celebrities:"CELEBRITIES",drops:"DROPS",beginners:"BEGINNERS",intermediate:"INTERMEDIATE",advanced:"ADVANCED",market_news:"MARKET NEWS",cards:"CARDS",banking:"BANKING"},c=(e=>{for(let[t,a]of Object.entries(n))if(a===e)return t;return null})(t.toUpperCase());return t?c?(0,l.jsx)(l.Fragment,{children:a("category.".concat(c))}):((0,r.p)({message:"No category translation",text:t}),t):null}},41020:(e,t,a)=>{a.d(t,{default:()=>d});var l=a(47310);a(96606);var s=a(62141),r=a(40588),n=a(1634),c=a(16779),i=a(19046),x=a(80219),o=a(37670);let d=e=>{let{data:t,isShowDate:a=!0,mobileLeftImageRightText:d=!1,imgClassName:p="",imageLoading:m="lazy",darkTextColor:g=!0,isShowDesktopExcerpt:u=!1,loadImmediately:h=!1}=e,{isDesktop:f}=(0,n.F)(),j=e=>(0,l.jsx)("a",{className:"group",href:e.link,target:"_blank",children:(0,l.jsxs)("div",{className:"w-full ".concat(p||"lg:w-[304px]"),children:[(0,l.jsx)("div",{className:"aspect-2400/1456 w-full bg-[#FAFAFA] lg:h-[182px] ".concat(p||"lg:w-[304px]"),children:(0,l.jsx)(x.default,{alt:e.title,className:"aspect-2400/1456 w-full lg:h-[182px] lg:w-[304px] ".concat(p||"lg:w-[304px]"),loadImmediately:h,loading:m,src:e.image||s.__})}),(0,l.jsxs)("span",{className:"mt-[12px] line-clamp-1 block text-ellipsis whitespace-nowrap",children:[(0,l.jsx)(c.default,{className:"me-[6px]",eventDateRange:e.eventDateRange}),(0,l.jsx)("span",{className:"text-[10px] font-semibold tracking-[0.8px] uppercase ".concat(g?"text-[#0058AA] md:text-[#0577DA]":"text-[#4DB5FF]"," "),children:(0,l.jsx)(r.default,{text:e.category})}),a&&(0,l.jsxs)("span",{className:"text-[10px] font-semibold tracking-[0.8px] uppercase ".concat(g?"text-[#0B1426]":"text-[#F7F9FA]"),children:["".concat(e.category?" - ":""),(0,l.jsx)(o.default,{date:e.date})]})]}),(0,l.jsx)("h2",{className:"m-0 mt-[6px] line-clamp-3 overflow-hidden pe-[8px] text-[14px] leading-[140%] font-extrabold tracking-[-0.14px] ".concat(g?"text-[#0B1426]":"text-[#F7F9FA]"," group-hover:opacity-80 md:mt-[8px] md:pe-0 md:text-[20px] md:leading-[120%] md:tracking-[-0.2px]"),children:e.title}),u&&(0,l.jsx)("div",{className:"mt-[4px] hidden lg:block",children:(0,l.jsx)("p",{className:"line-clamp-2 overflow-hidden text-[14px] leading-[140%] font-normal tracking-[-0.07px] text-[#323C52] group-hover:opacity-80 lg:text-[14px] lg:tracking-[-0.07px]",children:e.excerpt})})]})});return d?(0,l.jsx)(l.Fragment,{children:f?(0,l.jsx)("div",{className:"m-0 w-full p-0",children:j(t)}):(0,l.jsx)("div",{className:"w-full",children:(0,l.jsx)(i.A,{darkTextColor:g,data:t,imageLoading:m,isShowDate:a,isShowDesktopExcerpt:u,loadImmediately:h})})}):j(t)}},55478:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s});var l=a(47310);a(96606);let s=e=>{let{className:t}=e;return(0,l.jsx)("div",{className:"border-b border-[#C9CFDD] ".concat(t)})}},92217:(e,t,a)=>{a.d(t,{W:()=>r});var l=a(96606),s=a(25725);function r(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{itemsPerPage:a=20,redirectOnOutOfRange:r=!0}

1=t,n=(0,s.useRouter)(),c=(0,s.useSearchParams)(),i=(0,s.usePathname)(),x="page",[o,d]=(0,l.useState)(e),p=c.get(x),m=p?parseInt(p,10):1,g=Math.ceil(o.length/a),u=Math.min(Math.max(1,m),g||1),h=(u-1)*a,f=o.slice(h,h+a);(0,l.useEffect)(()=>{d(e)},[e]),(0,l.useEffect)(()=>{r&&m!==u&&j(u)},[m,u,r]);let j=e=>{let t=new URLSearchParams(c.toString());1===e?t.delete(x):t.set(x,e.toString());let a=t.toString();""!==a?n.push("?".concat(a),{scroll:!1}):n.push(i,{scroll:!1})};return{currentPage:u,totalPages:g,currentItems:f,allItems:o,setAllItems:d,updateURL:j,resetToFirstPage:()=>{1!==m&&j(1)}}}}}]);