1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9195],{55809:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog",function(){return c(85705)}])},71819:function(a,b,c){"use strict";c.d(b,{Z:function(){return m}});var d=c(85893),e=c(34051),f=c.n(e),g=c(67294);function h(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(j){c(j);return}h.done?b(i):Promise.resolve(i).then(d,e)}var i=function(a){var b=a.url;a.animateClass;var c=(0,g.useRef)(null);return(0,g.useEffect)(function(){var a,d;(a=f().mark(function a(){var d,e,g,h,i,j;return f().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.prev=2,a.next=5,fetch(b);case 5:return d=a.sent,a.next=8,d.text();case 8:e=a.sent,a.next=13;break;case 11:a.prev=11,a.t0=a.catch(2);case 13:if(d){a.next=15;break}return a.abrupt("return");case 15:(i=(h=(g=new DOMParser()).parseFromString(e,"image/svg+xml")).documentElement).setAttribute("xmlns","http://www.w3.org/2000/svg"),(j=Array.from(i.children)).forEach(function(a,b){a.classList.contains("dont-animate")||(a.classList.add("loadified"),a.style.animationDelay="".concat(.2*b,"s"))}),c&&c.current&&c.current.replaceWith(i);case 22:case"end":return a.stop()}},a,null,[[2,11]])}),d=function(){var b=this,c=arguments;return new Promise(function(d,e){var f=a.apply(b,c);function g(a){h(f,d,e,g,i,"next",a)}function i(a){h(f,d,e,g,i,"throw",a)}g(void 0)})},function(){return d.apply(this,arguments)})()},[b]),(0,d.jsx)(d.Fragment,{children:(0,d.jsx)("div",{ref:c})})},j=c(2498);function k(){var a,b,c=(a=["\n position: absolute;\n z-index: -1;\n\n svg {\n overflow: visible;\n }\n\n @keyframes loadified-left-in {\n 0% {\n translate: 100px;\n opacity: 0;\n }\n 100% {\n translate: 0px;\n opacity: 1;\n }\n }\n\n @keyframes loadified-right-in {\n 0% {\n translate: -100px;\n opacity: 0;\n }\n 100% {\n translate: 0px;\n opacity: 1;\n }\n }\n\n .loadified {\n animation-duration: 2s;\n animation-fill-mode: forwards;\n animation-timing-function: ease;\n opacity: 0;\n }\n\n .on-screen {\n .loadified:nth-child(odd) {\n animation-name: loadified-left-in;\n }\n\n .loadified:nth-child(even) {\n animation-name: loadified-right-in;\n }\n }\n"],b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}})));return k=function(){return c},c}var l=c(19521).default.div(k()),m=function(a){var b=a.className,c=a.url;return(0,d.jsx)(l,{className:"fade-accent ".concat(b),children:(0,d.jsx)(j.Z,{children:(0,d.jsx)(i,{url:c})})})}},85705:function(a,b,c){"use strict";c.r(b),c.d(b,{"__N_SSG":function(){return V}});var d=c(34051),e=c.n(d),f=c(85893),g=c(67294),h=c(19521),i=c(57344),j=c(63189),k=c(69170),l=c(99057),m=c(35736),n=c(47169),o=c(71819),p=c(75982);function q(a,b){(null==b||b>a.length)&&(b=a.length);for(var c=0,d=new Array(b);c<b;c++)d[c]=a[c];return d}function r(a,b,c,d,e,f,g){try{var h=a[f](g),i=h.value}catch(j){c(j);return}h.done?b(i):Promise.resolve(i).then(d,e)}function s(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var f=a.apply(b,c);function g(a){r(f,d,e,g,h,"next",a)}function h(a){r(f,d,e,g,h,"throw",a)}g(void 0)})}}function t(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}function u(a){return(function(a){if(Array.isArray(a))return q(a)})(a)||(function(a){if("undefined"!=typeof Symbol&&null!=a[Symbol.iterator]||null!=a["@@iterator"])return Array.from(a)})(a)||v(a)||(function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")})()}function v(a,b){if(a){if("string"==typeof a)return q(a,b);var c=Object.prototype.toString.call(a).slice(8,-1);if("Object"===c&&a.constructor&&(c=a.constructor.name),"Map"===c||"Set"===c)return Array.from(c);if("Arguments"===c||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(c))return q(a,b)}}function w(){var a=t(["\n position: relative;\n padding-top: 120px;\n width: 1150px;\n max-width: 100%;\n margin: 0 auto 100px auto;\n\n .page-logo {\n display: flex;
1\n align-items: center;\n margin-left: -22px;\n\n @media only screen and (max-width: 1200px) {\n margin-left: 0;\n }\n\n @media only screen and (max-width: 1100px) {\n text-align: center;\n width: fit-content;\n margin: 0 auto;\n }\n\n @media only screen and (max-width: 650px) {\n margin: 0 auto 100px auto;\n }\n\n img {\n margin-top: -3px;\n width: 46px;\n }\n\n h1 {\n font-size: 67px;\n font-style: normal;\n font-weight: 700;\n line-height: 1;\n letter-spacing: -0.67px;\n margin-left: 5px;\n }\n\n .hero-accent-1 {\n right: 0;\n top: 60px;\n\n @media only screen and (max-width: 650px) {\n top: 100px;\n }\n }\n }\n\n .time {\n display: flex;\n align-items: center;\n\n p {\n color: #0075ff;\n font-size: 14px;\n }\n\n img {\n margin-right: 7px;\n width: 10px;\n }\n }\n\n .newsletter-form {\n margin: 100px auto 0 auto;\n }\n .clear-filter {\n color: #0075ff;\n cursor: pointer;\n }\n\n .accent-footer {\n right: 0;\n }\n"]);return w=function(){return a},a}function x(){var a=t(["\n margin-top: 50px;\n\n @media only screen and (max-width: 1400px) {\n padding: 0 50px;\n }\n @media only screen and (max-width: 950px) {\n flex-direction: column;\n }\n\n h2 {\n font-size: 18px;\n font-style: normal;\n font-weight: 700;\n line-height: 1;\n color: #0075ff;\n margin-bottom: 20px;\n\n @media only screen and (max-width: 1100px) {\n text-align: center;\n }\n }\n\n .featured-post {\n transition: all 0.2s ease;\n &:hover {\n box-shadow: 5px 5px 20px 0px rgba(123, 150, 184, 0.25);\n }\n }\n\n #featured-1 {\n display: flex;\n width: 100%;\n max-width: 100%;\n position: relative;\n\n img {\n align-self: center;\n }\n\n @media only screen and (max-width: 1100px) {\n flex-direction: column;\n width: 500px;\n max-width: 100%;\n margin: 0 auto;\n }\n\n /* Gradient Border */\n background-color: #f8f9fb;\n background-clip: padding-box;\n border: 2px solid transparent;\n border-radius: 15px;\n\n &:before {\n content: \"\";\n position: absolute;\n top: -2px;\n right: -2px;\n bottom: -2px;\n left: -2px;\n z-index: -1;\n background-image: linear-gradient(#0075ff, #00c3ff);\n border-radius: 15px;\n @media only screen and (max-width: 600px) {\n border-radius: 15px;\n }\n }\n /* End Gradient Border */\n\n & > img {\n width: 461px;\n max-width: 100%;\n margin-right: 40px;\n border-radius: 10px 0 0 10px;\n\n @media only screen and (max-width: 1100px) {\n margin-right: 0;\n border-radius: 10px 10px 0 0;\n width: 100%;\n }\n }\n .content {\n width: 497px;\n max-width: 100%;\n padding-top: 40px;\n\n @media only screen and (max-width: 1100px) {\n padding: 40px;\n }\n\n h3 {\n width: 450px;\n max-width: 100%;\n font-size: 32px;\n font-style: normal;\n font-weight: 700;\n line-height: 1.2;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n color: #000;\n\n @media only screen and (max-width: 650px) {\n font-size: 18px;\n -webkit-line-clamp: 4;\n }\n }\n p {\n color: #0075ff;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n margin-top: 10px;\n }\n }\n\n .time {\n img {\n margin-top: 7px;\n }\n }\n\n .link-line {\n display: block;\n margin-top: 40px;\n margin-right: -50px;\n margin-left: auto;\n width: fit-content;\n\n @media only screen and (max-width: 1400px) {\n margin-right: 0;\n }\n @media only screen and (max-width: 1150px) {\n margin-right: 20px;\n }\n\n a {\n color: #0075ff;\n }\n }\n }\n .lower-features {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n grid-column-gap: 20px;\n margin-top: 30px;\n\n @media only screen and (max-width: 1100px) {\n grid-template-columns: 1fr;\n grid-row-gap: 20px;\n width: 500px;\n max-width: 100%;\n margin: 50px auto 0 auto;\n }\n\n @media only screen and (max-width: 650px) {\n grid-template-columns: 1fr;\n grid-row-gap: 20px;\n width: 100%;\n max-width: 100%;\n margin: 50px auto 0 auto;\n overflow: hidden;\n }\n }\n .feature-lower {\n position: relative;\n padding: 40px 30px;\n\n @media only screen and (max-width: 500px) {\n padding: 40px 20px;\n box-sizing: border-box;\n width: 100%;\n max-width: 100%;\n display: block;\n padding: 0;\n }\n\n /* Gradient Border */\n background-color: #f8f9fb;\n background-clip: padding-box;\n border: 2px solid transparent;\n border-radius: 15px;\n\n &:before {\n content: \"\";\n position: absolute;\n top: -2px;\n right: -2px;\n bottom: -2px;\n left: -2px;\n z-index: -1;
1\n background-image: linear-gradient(#0075ff, #00c3ff);\n border-radius: 15px;\n @media only screen and (max-width: 600px) {\n border-radius: 15px;\n }\n }\n /* End Gradient Border */\n\n .time {\n img {\n margin-top: 7px;\n }\n }\n\n h3 {\n font-size: 21px;\n font-weight: 700;\n line-height: 1.4;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n width: 270px;\n max-width: 100%;\n color: #000;\n\n @media only screen and (max-width: 650px) {\n font-size: 18px;\n padding: 40px 20px 0 20px;\n }\n }\n p {\n color: #0075ff;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n margin-top: 10px;\n }\n .time {\n @media only screen and (max-width: 650px) {\n padding: 0 0 40px 20px;\n }\n }\n }\n"]);return x=function(){return a},a}function y(){var a=t(["\n margin-bottom: 60px;\n display: flex;\n align-items: center;\n padding: 0 10px;\n\n @media only screen and (max-width: 950px) {\n justify-content: center;\n flex-direction: column;\n padding: 0 20px;\n width: 300px;\n margin: 0 auto 50px auto;\n }\n\n & > h3 {\n font-size: 16px;\n font-weight: 400;\n margin-right: 15px;\n @media only screen and (max-width: 950px) {\n margin-bottom: 20px;\n margin-right: unset;\n }\n }\n\n .search-input-wrap {\n position: relative;\n\n @media only screen and (max-width: 950px) {\n width: 100%;\n }\n\n & > img {\n position: absolute;\n filter: brightness(0.7);\n width: 13px;\n left: 10px;\n top: 17px;\n }\n }\n\n input {\n height: 50px;\n width: 300px;\n border-radius: 5px;\n border: 1px solid #b0b0b0;\n background: #fff;\n padding-left: 30px;\n font-size: 14px;\n\n @media only screen and (max-width: 950px) {\n width: 100%;\n margin: 0;\n }\n }\n\n button {\n background: #0075ff;\n height: 50px;\n width: 50px;\n border: none;\n padding: 5px 10px;\n margin-left: 10px;\n border-radius: 5px;\n cursor: pointer;\n\n @media only screen and (max-width: 650px) {\n display: none;\n }\n img {\n width: 15px;\n }\n }\n\n #social-icons {\n margin-left: auto;\n display: flex;\n align-items: center;\n float: right;\n margin-right: 0;\n\n @media only screen and (max-width: 950px) {\n margin: 20px 0 0 0%;\n }\n\n h3 {\n font-size: 16px;\n font-weight: 700;\n line-height: 1;\n margin-right: 20px;\n }\n img {\n width: 20px;\n margin: 0 10px;\n }\n }\n"]);return y=function(){return a},a}function z(){var a=t(["\n position: relative;\n margin-right: 20px;\n\n @media only screen and (max-width: 950px) {\n margin-right: auto;\n width: 100%;\n }\n\n select {\n height: 50px;\n width: 250px;\n border-radius: 5px;\n border: 1px solid #b0b0b0;\n background: #fff;\n padding-left: 10px;\n font-size: 14px;\n\n @media only screen and (max-width: 950px) {\n margin-bottom: 20px;\n width: 100%;\n }\n }\n\n select {\n /* for Firefox */\n -moz-appearance: none;\n /* for Chrome */\n -webkit-appearance: none;\n }\n\n /* For IE10 */\n select::-ms-expand {\n display: none;\n }\n\n svg {\n position: absolute;\n right: 20px;\n top: 20px;\n }\n"]);return z=function(){return a},a}function A(){var a=t(["\n h2 {\n font-size: 32px;\n font-weight: 700;\n line-height: 1.2;\n margin-top: 30px;\n\n @media only screen and (max-width: 950px) {\n width: fit-content;\n margin: 30px auto 0 auto;\n text-align: left;\n }\n }\n #filtered-by {\n margin-top: 10px;\n\n @media only screen and (max-width: 500px) {\n width: fit-content;\n margin: 20px auto 0 auto;\n padding: 0 20px;\n }\n\n .award-text {\n width: fit-content;\n align-self: flex-end;\n display: inline-block;\n line-height: 1;\n font-size: 12px;\n font-weight: 400;\n background: #0075ff;\n border-radius: 30px;\n padding: 5px 20px;\n color: #fff;\n margin-left: 8px;\n position: relative;\n cursor: pointer;\n\n .close-x {\n margin-left: 10px;\n }\n }\n }\n\n .post-grid {\n margin-top: 30px;\n max-width: 100%;\n display: grid;\n grid-template-columns: 1fr 1fr;\n\n @media only screen and (max-width: 1100px) {\n width: 600px;\n margin: 30px auto 0 auto;\n grid-template-columns: 1fr;\n justify-content: center;\n }\n }\n\n .primary-button {\n margin: 0 auto;\n }\n\n .flashing-post-loader {\n display: flex;\n margin-bottom: 40px;\n border-bottom: 1px solid #d8d8d8;\n margin-bottom: 40px;\n padding: 0 10px 40px 10px;\n\n .image-box {\n width: 235px;\n height: 131px;\n border-radius: 10px;\n overflow: hidden;\n background: #000;\n animation-duration: 1.25s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeHolderShimmer;\n animation-timing-function: linear;\n background: linear-gradient(\n to right,\n #f3f3f3 8%,\n #f8f9fb 18%,\n #f3f3f3 33%\n );\n background-size: 800px 104px;\n }\n\n .content-box {\n background: #fff;\n height: 131px;\n width: 300px;\n\n padding: 20px;\n .text-line {\n height: 10px;\n content: \"\";\n width: 100%;\n margin: 10px 0;\n animation-duration: 1.25s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeHolderShimmer;\n animation-timing-function: linear;\n background: linear-gradient(\n to right,\n #f8f8f8 8%,\n #f0f0f0 18%,\n #f8f8f8 33%\n );\n background-size: 800px 104px;\n\n &:nth-child(even) {\n width: 80%;\n }\n }\n }\n }\n\n // Animation\n @keyframes placeHolderShimmer {\n 0% {\n background-position: -468px 0;\n }\n 100% {\n background-position: 468px 0;\n }\n }\n\n .animated-background {\n animation-duration: 1.25s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeHolderShimmer;\n animation-timing-function: linear;\n background: #f6f6f6;\n background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);\n background-size: 800px 104px;\n height: 96px;\n position: relative;\n }\n"]);return A=function(){return a},a}function B(){var a=t(["\n text-decoration: none;\n color: #000;\n display: flex;\n align-items: center;\n padding: 0 10px 40px 10px;\n margin-bottom: 40px;\n border-bottom: 1px solid #d8d8d8;\n\n @media only screen and (max-width: 950px) {\n width: fit-content;\n margin: 0 auto 40px auto;\n }\n\n @media only screen and (max-width: 500px) {\n flex-direction: column;\n }\n\n &:nth-last-of-type(-n + 2) {\n border-bottom: none;\n }\n\n .text {\n width: 300px;\n max-width: 100%;\n padding-right: 30px;\n p {\n margin-right: 30px;\n }\n h3 {\n font-size: 18px;\n font-weight: 400;\n line-height: 1.3;\n margin: 5px 0;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n .date {\n font-size: 14px;\n }\n }\n\n .img-wrap {\n width: 235px;\n height: 118px;\n border-radius: 10px;\n overflow: hidden;\n background: #000;\n margin-right: 20px;\n\n @media only screen and (max-width: 500px) {\n margin: 0 0 20px 0;\n }\n img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n transition: transform 0.2s ease;\n }\n }
1\n\n &:hover {\n .img-wrap {\n img {\n transform: scale(1.05);\n }\n }\n }\n"]);return B=function(){return a},a}function C(){var a=t([""]);return C=function(){return a},a}function D(){var a=t(["\n display: flex;\n align-items: center;\n gap: 20px;\n padding-left: 10px;\n font-size: 16px;\n font-weight: 400;\n @media only screen and (max-width: 950px) {\n flex-direction: column;\n padding: 0;\n }\n"]);return D=function(){return a},a}function E(){var a=t(["\n background: #0075ff;\n color: white;\n border-radius: 100px;\n padding: 10px 44px 10px 20px;\n width: fit-content;\n font-weight: bold;\n position: relative;\n cursor: pointer;\n\n &:hover {\n opacity: 0.7;\n }\n &:active {\n opacity: 0.3;\n }\n\n &::before {\n pointer-events: none;\n content: \"\";\n position: absolute;\n right: 14px;\n top: 50%;\n transform: translateY(-50%);\n width: 15px; // Set your desired width\n height: 15px; // Set your desired height\n background-image: url(\"https://assets.mx.com/images/x-bold-white.svg\");\n background-repeat: no-repeat;\n background-size: contain; // Adjust this as needed (cover, contain, etc.)\n }\n"]);return E=function(){return a},a}var F,G=JSON.stringify({"@context":"https://schema.org","@graph":[{"@type":"Blog","@id":"https://www.mx.com/blog/#blog",name:"MX Blog",description:"Insights, research, and analysis on financial data, digital banking, and consumer money experiences.",publisher:{"@id":"https://www.mx.com/#organization"}},{"@type":"CollectionPage","@id":"https://www.mx.com/blog/#collection",url:"https://www.mx.com/blog",name:"MX Blog",isPartOf:{"@id":"https://www.mx.com/#website"},about:{"@id":"https://www.mx.com/blog/#blog"},publisher:{"@id":"https://www.mx.com/#organization"}},]}).replace(/<\/script>/gi,"<\\/script>").replace(/<!--/g,"<\\!--"),H=h.default.section.withConfig({componentId:"sc-3e8f924f-0"})(w()),I=h.default.section.withConfig({componentId:"sc-3e8f924f-1"})(x()),J=h.default.div.withConfig({componentId:"sc-3e8f924f-2"})(y()),K=h.default.div.withConfig({componentId:"sc-3e8f924f-3"})(z()),L=h.default.div.withConfig({componentId:"sc-3e8f924f-4"})(A()),M=h.default.a.withConfig({componentId:"sc-3e8f924f-5"})(B()),N=function(a){var b=a.split("-"),c=parseInt(b[0]),d=["January","February","March","April","May","June","July","August","September","October","November","December",][parseInt(b[1])-1],e=parseInt(b[2]);return d+" "+e+", "+c},O=["All","Open Finance","Unlocking the Value of Data","Future of Banking","MX Culture","Innovation","Consumer Trends","Regulatory Perspectives","Industry POVs",],P=function(a){document.getElementById(a).scrollIntoView({behavior:"smooth",alignToTop:!0})},Q=(F=s(e().mark(function a(b){var c,d,f,g,h,i;return e().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return c="https://api.hub.mx.com/api/public/mx-com/directus/collections/blog?fields[]=id,tags,topic",a.next=3,fetch(c);case 3:return d=a.sent,a.next=6,d.json();case 6:return h=(g=(f=a.sent).data.filter(function(a){var c;return null===(c=a.tags)|| void 0===c?void 0:c.includes(b)})).map(function(a){return a.id}),i=g.map(function(a){return a.topic}).filter(function(a,b,c){return c.indexOf(a)===b}).map(function(a){return a.replace(/-/g," ").split(" ").map(function(a){return["the","of"].includes(a.toLowerCase())?a.toLowerCase():a.charAt(0).toUpperCase()+a.slice(1)}).join(" ")}),a.abrupt("return",{blogIds:h,topicList:i});case 11:case"end":return a.stop()}},a)})),function(a){return F.apply(this,arguments)}),R=function(){return(0,f.jsxs)("div",{className:"flashing-post-loader",children:[(0,f.jsx)("div",{className:"image-box"}),(0,f.jsxs)("div",{className:"content-box",children:[(0,f.jsx)("div",{className:"text-line"}),(0,f.jsx)("div",{className:"text-line"}),(0,f.jsx)("div",{className:"text-line"})]})]})},S=h.default.div.withConfig({componentId:"sc-3e8f924f-6"})(C()),T=h.default.div.withConfig({componentId:"sc-3e8f924f-7"})(D()),U=h.default.div.withConfig({componentId:"sc-3e8f924f-8"})(E()),V=!0;b.default=function(a){var b=a.staticPosts,c=a.featuredPostsData,d=(0,g.useState)(b),h=d[0],q=d[1],r=(0,g.useState)(""),t=r[0],v=r[1],w=(0,g.useState)([]),x=w[0],y=w[1],z=(0,g.useState)(1),A=z[0],B=z[1],C=(0,g.useState)(!1),D=C[0],E=C[1],F=(0,g.useState)(""),V=F[0],W=F[1],X=(0,g.useState)(""),Y=X[0],Z=X[1],$=(0,g.useState)(!1),_=$[0],aa=$[1],ba=(0,g.useState)(!1),ca=ba[0],da=ba[1],ea=(0,g.useState)("all"),fa=ea[0],ga=ea[1],ha=(0,g.useState)("https://assets.mx.com/images/misc/meta-blog.jpg"),ia=ha[0];ha[1];var ja,ka=(0,g.useState)(O),la=ka[0],ma=ka[1],na=function(){return"all"===fa.toLowerCase()&&0===x.length&&!V},oa=(ja=s(e().mark(function a(b,c){var d,f;return e().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return d="limit=10",b?d+="&page=1":d+="&page=".concat(c||A),d+="&sort=-publish_date",d+="&filter[status][_eq]=published",fa&&"all"!==fa.toLowerCase()&&(d+="&filter[_and][0][_and][0][topic][_eq]=".concat(fa.toLowerCase().replaceAll(" ","-"))),Y&&(d+="&search=".concat(Y)),x.length>0&&(d+="&filter[id][_in]="+x.join(",")),a.next=9,fetch("https://api.hub.mx.com/api/public/mx-com/directus/collections/blog/?".concat(d)).then(function(a){return a.json()});case 9:f=a.sent,b?q(f.data):q(function(a){return u(a).concat(u(f.data))}),f.data.length<9&&E(!0),setTimeout(function(){aa(!1)},1e3);case 13:case"end":return a.stop()}},a)})),function(a,b){return ja.apply(this,arguments)});(0,g.useEffect)(function(){na()&&q(b)},[]),(0,g.useEffect)(function(){return da(!0),function(){da(!1)}},[]),(0,g.useEffect)(function(){ca&&(q([]),aa(!0),B(1),setTimeout(function(){na()?q(b):(q([]),oa(!0)),E(!1)},1e3))},[fa]),(0,g.useEffect)(function(){1===V.length&&(q([]),aa(!0));var a=setTimeout(function(){Z(V)},1e3);return ca&&""===V&&(aa(!0),q([]),setTimeout(function(){aa(!1),na()&&q(b),E(!1)},1e3)),function(){clearTimeout(a)}},[V]),(0,g.useEffect)(function(){s(e().mark(function a(){var b,c,d,f;return e().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:if(window.location.search.includes("?tag=")){a.next=2;break}return a.abrupt("return");case 2:return c=decodeURIComponent(b=window.location.search.split("?tag=")[1]),a.next=6,Q(c);case 6:if(!(!(f=(d=a.sent).blogIds).length||0==f.length)){a.next=10;break}return a.abrupt("return");case 10:v(c),ma(["All"].concat(u(d.topicList))),y(f),P("filter-tag");case 14:case"end":return a.stop()}},a)}))()},[]),(0,g.useEffect)(function(){oa(!0)},[x]),(0,g.useEffect)(function(){ca&&""!==Y&&oa(!0)},[Y]);var pa=function(a){W(a.target.value)},qa=function(a){ga(a.target.value)},ra=function(){v(""),y([]),ma(O)},sa=function(){ga("all"),W(""),Z(""),q(b),E(!1)},ta=function(a){return Math.max(1,Math.round(a.split(/\s+/).length/275))},ua=function(a){var b=a.post,c=ia;return b.thumbnail&&(c="https://cms.mx.com/assets/".concat(b.thumbnail,"?width=400"),c=b.thumbnail.includes("af0c77e1-dd57-4211-9bba-91f06b7f5826")?ia:"https://cms.mx.com/assets/".concat(b.thumbnail,"?width=400")),(0,f.jsxs)(M,{href:"/blog/".concat(b.post_url,"/"),className:"post-item",children:[(0,f.jsx)("div",{className:"img-wrap",children:(0,f.jsx)("img",{src:c,alt:"".concat(b.title," thumbnail image")})}),(0,f.jsxs)("div",{className:"text",children:[5>ta(b.post_content)?(0,f.jsxs)("div",{className:"time read-time",children:[(0,f.jsx)("img",{src:"https://assets.mx.com/images/news/icon-bolt.svg",alt:"icon"}
1),(0,f.jsxs)("p",{children:[(0,f.jsx)("b",{children:"Quick Read"})," ",ta(b.post_content)," min read"]})]}):(0,f.jsx)("div",{className:"time read-time",children:(0,f.jsxs)("p",{children:[ta(b.post_content)," min read"]})}),(0,f.jsx)("h3",{children:b.title}),(0,f.jsx)("p",{className:"date",children:N(b.publish_date)})]})]})},va=new Date(),wa=h;try{wa=h.filter(function(a){return!a.delayed_release||(0,p.Z)(new Date(a.delayed_release_time))<va})}catch(xa){console.log(xa)}return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(j.Z,{title:"MX Blog | Financial Industry, Fintech and Open Finance POVs",meta:"Visit the MX blog for the latest perspectives and insights on the financial industry, fintechs, Open Finance, banking, digital experiences, mobile banking and more.",metaImage:ia,jsonLdSchema:G}),(0,f.jsx)(k.Z,{}),(0,f.jsxs)(H,{children:[(0,f.jsxs)("div",{className:"page-logo",children:[(0,f.jsx)("img",{src:"https://assets.mx.com/images/news/icon-mx-sq.svg",alt:"mx logo"}),(0,f.jsx)("h1",{children:"Blog"}),(0,f.jsx)(o.Z,{className:"hero-accent-1",url:"https://assets.mx.com/images/accent-graphics/blog-accent-1.svg"})]}),(0,f.jsxs)(I,{children:[(0,f.jsx)("h2",{children:"Featured"}),c[0]&&(0,f.jsxs)("a",{id:"featured-1",className:"featured-post",href:"/blog/".concat(c[0].post_url,"/"),children:[(0,f.jsx)("img",{src:c[0].thumbnail?"https://cms.mx.com/assets/".concat(c[0].thumbnail):ia,alt:"".concat(c[0].title," thumbnail image")}),(0,f.jsxs)("div",{className:"content",children:[(0,f.jsx)("h3",{children:c[0].title}),5>ta(c[0].post_content)?(0,f.jsxs)("div",{className:"time read-time",children:[(0,f.jsx)("img",{src:"https://assets.mx.com/images/news/icon-bolt.svg",alt:"icon"}),(0,f.jsxs)("p",{children:[(0,f.jsx)("b",{children:"Quick Read"})," ",ta(c[0].post_content)," min read"]})]}):(0,f.jsx)("div",{className:"time read-time",children:(0,f.jsxs)("p",{children:[ta(c[0].post_content)," min read"]})})]})]}),(0,f.jsxs)("div",{className:"lower-features",children:[c[1]&&(0,f.jsxs)("a",{id:"featured-2",className:"feature-lower featured-post",href:"/blog/".concat(c[1].post_url,"/"),children:[(0,f.jsx)("h3",{children:c[1].title}),5>ta(c[1].post_content)?(0,f.jsxs)("div",{className:"time read-time",children:[(0,f.jsx)("img",{src:"https://assets.mx.com/images/news/icon-bolt.svg",alt:"icon"}),(0,f.jsxs)("p",{children:[(0,f.jsx)("b",{children:"Quick Read"})," ",ta(c[1].post_content)," min read"]})]}):(0,f.jsx)("div",{className:"time read-time",children:(0,f.jsxs)("p",{children:[ta(c[1].post_content)," min read"]})})]}),c[2]&&(0,f.jsxs)("a",{id:"featured-3",className:"feature-lower featured-post",href:"/blog/".concat(c[2].post_url,"/"),children:[(0,f.jsx)("h3",{children:c[2].title}),5>ta(c[2].post_content)?(0,f.jsxs)("div",{className:"time read-time",children:[(0,f.jsx)("img",{src:"https://assets.mx.com/images/news/icon-bolt.svg",alt:"icon"}),(0,f.jsxs)("p",{children:[(0,f.jsx)("b",{children:"Quick Read"})," ",ta(c[2].post_content)," min read"]})]}):(0,f.jsx)("div",{className:"time read-time",children:(0,f.jsxs)("p",{children:[ta(c[2].post_content)," min read"]})})]}),c[3]&&(0,f.jsxs)("a",{id:"featured-4",className:"feature-lower featured-post",href:"/blog/".concat(c[3].post_url,"/"),children:[(0,f.jsx)("h3",{children:c[3].title}),5>ta(c[3].post_content)?(0,f.jsxs)("div",{className:"time read-time",children:[(0,f.jsx)("img",{src:"https://assets.mx.com/images/news/icon-bolt.svg",alt:"icon"}),(0,f.jsxs)("p",{children:[(0,f.jsx)("b",{children:"Quick Read"})," ",ta(c[3].post_content)," min read"]})]}):(0,f.jsx)("div",{className:"time read-time",children:(0,f.jsxs)("p",{children:[ta(c[3].post_content)," min read"]})})]})]})]}),(0,f.jsx)(n.Z,{formPosition:"top"}),(0,f.jsx)(i.Z,{size:70}),(0,f.jsx)(S,{id:"filter-tag",children:t&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsxs)(T,{children:["Tag"," ",(0,f.jsx)(U,{onClick:function(){return ra()},children:t})]}),(0,f.jsx)(i.Z,{size:20})]})}),(0,f.jsxs)(J,{children:[(0,f.jsx)("h3",{children:"Topic"}),(0,f.jsxs)(K,{children:[(0,f.jsx)("select",{onChange:function(a){return qa(a)},value:fa,children:la.map(function(a,b){return(0,f.jsx)("option",{value:a,children:a},a)})}),(0,f.jsx)(function(){return(0,f.jsx)("svg",{width:"11",height:"6",viewBox:"0 0 11 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M1.66602 1L5.66602 5L9.66602 1",stroke:"black",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})},{})]}),(0,f.jsxs)("div",{className:"search-input-wrap",children:[(0,f.jsx)("img",{src:"https://assets.mx.com/images/resources/blog/icon-search.svg",alt:"mx blog thumbnail"}),(0,f.jsx)("input",{value:V,type:"text",placeholder:"Search...",onChange:function(a){return pa(a)}})]}),(0,f.jsx)(function(){return(0,f.jsxs)("div",{id:"social-icons",children:[(0,f.jsx)("h3",{children:"Find us on"}),(0,f.jsx)("a",{href:"https://www.linkedin.com/company/425337?isFollowingPage=true",target:"_blank",rel:"noreferrer",children:(0,f.jsx)("img",{src:"https://assets.mx.com/images/news/icon-linkedin-black.svg",alt:"linkedin icon"})}),(0,f.jsx)("a",{href:"https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fwww.mx.com%2F&screen_name=mX",target:"_blank",rel:"noreferrer",children:(0,f.jsx)("img",{src:"https://assets.mx.com/images/news/icon-x-black.svg",alt:"x icon"})}),(0,f.jsx)("a",{href:"https://github.com/mxenabled",target:"_blank",rel:"noreferrer",children:(0,f.jsx)("img",{src:"https://assets.mx.com/images/news/icon-github-black.svg",alt:"github icon"})}),(0,f.jsx)("a",{target:"_blank",rel:"noreferrer",href:"https://www.facebook.com/MXenabled",children:(0,f.jsx)("img",{src:"https://assets.mx.com/images/news/icon-facebook-black.svg",alt:"facebook icon"})})]})},{})]}),(0,f.jsxs)(L,{children:[(0,f.jsxs)("div",{className:"post-grid",children:[_&&0===wa.length&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(R,{}),(0,f.jsx)(R,{}),(0,f.jsx)(R,{}),(0,f.jsx)(R,{})]}),wa.map(function(a,b){return(0,f.jsx)(ua,{post:a},a.id)})]}),!D&&0!==wa.length&&(0,f.jsx)(m.Z,{onClick:function(){var a=A+1;oa(!1,a),B(a)},blackOutlined:!0,text:"See More"}),!_&&D&&0!==wa.length&&wa.length>9&&(0,f.jsxs)("p",{children:["End of Results"," - ",(0,f.jsx)("span",{className:"clear-filter",onClick:function(){return sa()},children:"Clear filters"})]}),V&&0===wa.length&&!_&&(0,f.jsxs)("p",{children:["No Results -"," ",(0,f.jsx)("span",{className:"clear-filter",onClick:function(){return sa()},children:"Clear filters"})]})]}),(0,f.jsx)(o.Z,{className:"accent-footer",url:"https://assets.mx.com/images/accent-graphics/blog-footer-accent.svg"}),(0,f.jsx)(i.Z,{size:80})]}),(0,f.jsx)(l.Z,{})]})}},75982:function(a,b){"use strict";b.Z=function(a){var b,c,d,e=(c=-(b=new Date()).getTimezoneOffset()/60,d=b.getMonth()>1&&11>b.getMonth(),c-(d?-6:-7)),f=a.getTime();return new Date(f+36e5*e)}},11163:function(a,b,c){a.exports=c(90387)},4298:function(a,b,c){a.exports=c(20699)}},function(a){a.O(0,[49774,25935,7080,31672,19899,7498,92888,40179],function(){return a(a.s=55809)}),_N_E=a.O()}])
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.