1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12473],{39221:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/auth",function(){return c(14317)}])},2498:function(a,b,c){"use strict";var d=c(85893),e=c(67294),f=c(11405);b.Z=function(a){var b=a.children,c=a.onlyOnce,g=(0,e.useState)(""),h=g[0],i=g[1],j=(0,e.useRef)();return(0,e.useEffect)(function(){var a=function(){if(!h||!c){var a=f.Z.isHalfInViewport(j.current,300);a!=h&&i(a)}};return window.addEventListener("scroll",a),a(),function(){window.removeEventListener("scroll",a)}},[h]),(0,d.jsx)("div",{ref:j,className:h?"on-screen":"",children:b})}},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})})})}},99057:function(a,b,c){"use strict";var d=c(47902);b.Z=d.Z},69170:function(a,b,c){"use strict";var d=c(31672);b.Z=d.Z},14317:function(a,b,c){"use strict";c.r(b);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(71819);function n(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 o(a){return function(){var b=this,c=arguments;return new Promise(function(d,e){var f=a.apply(b,c);function g(a){n(f,d,e,g,h,"next",a)}function h(a){n(f,d,e,g,h,"throw",a)}g(void 0)})}}function p(a,b){return b||(b=a.slice(0)),Object.freeze(Object.defineProperties(a,{raw:{value:Object.freeze(b)}}))}function q(){var a=p(["\n position: relative;\n contain: paint;\n\n section {\n width: 1150px;\n max-width: 100%;\n margin: 0 auto 100px auto;\n }\n\n .page-logo {\n display: flex;\n align-items: center;\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;
1\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 q=function(){return a},a}function r(){var a=p(["\n position: relative;\n background: url(\"https://assets.mx.com/images/auth/background.png\");\n background-position: center right;\n background-size: cover;\n background-repeat: no-repeat;\n color: white;\n\n @media only screen and (max-width: 900px) {\n background-position: center center;\n }\n\n .hero-content {\n padding: 80px 30px 60px;\n width: 1150px;\n max-width: 100%;\n margin: 0 auto 60px auto;\n }\n\n h1 {\n font-size: 60px;\n font-weight: bold;\n }\n #instructions {\n margin-top: 30px;\n line-height: 1.5;\n font-size: 21px;\n width: 443px;\n max-width: 100%;\n #need-help {\n padding-top: 20px;\n display: block;\n font-size: 16px;\n }\n }\n a {\n color: white;\n border-bottom: 1px solid white;\n }\n"]);return r=function(){return a},a}function s(){var a=p(["\n position: relative;\n z-index: 2;\n pointer-events: none;\n width: 100%;\n\n .hero-accent-1 {\n position: absolute;\n bottom: -35px;\n right: calc(50% - 703px);\n }\n"]);return s=function(){return a},a}function t(){var a=p(["\n margin-bottom: 60px;\n display: flex;\n align-items: center;\n padding: 0 27px;\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: 100px 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 }\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 t=function(){return a},a}function u(){var a=p(["\n min-height: 400px;\n\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 padding: 0 10px;\n max-width: 100%;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n\n @media only screen and (max-width: 1100px) {\n width: 600px;\n margin: 30px auto 0 auto;\n grid-template-columns: 1fr 1fr;\n grid-column-gap: 20px;\n justify-content: center;\n }\n\n @media only screen and (max-width: 730px) {\n width: 600px;\n margin: 30px auto 0 auto;\n grid-template-columns: 1fr;\n grid-column-gap: 20px;\n justify-content: center;\n }\n }\n\n .primary-button {\n margin: 0 auto;\n }\n"]);return u=function(){return a},a}function v(){var a=p(["\n text-decoration: none;\n color: #000;\n display: flex;\n align-items: center;\n padding: 40px 10px 30px 20px;\n margin-bottom: 40px;\n width: 343px;\n border-radius: 10px;\n\n background: url(\"https://assets.mx.com/images/auth/tile-bg.png\");\n background-position: center right;\n background-size: cover;\n background-repeat: no-repeat;\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 transition: scale ease 0.3s, box-shadow ease 0.3s;\n &:hover {\n scale: 1.02;\n box-shadow: 0px 0px 17px 0px rgba(77, 117, 163, 0.5);\n }\n\n &:nth-last-of-type(-n + 2) {\n border-bottom: none;\n }\n\n .mx-logo {\n width: 64px;\n }\n\n .text {\n width: 300px;\n max-width: 100%;\n padding-right: 30px;\n p {\n margin-right: 30px;\n font-size: 16px;\n line-height: 1.3;\n }\n h3 {\n font-size: 20px;\n font-weight: bold;\n line-height: 1.3;\n color: #0075ff;\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 padding-right: 20px;\n }
1\n\n &:hover {\n .img-wrap {\n img {\n transform: scale(1.05);\n }\n }\n }\n"]);return v=function(){return a},a}function w(){var a=p(["\n margin-left: 30px;\n padding-bottom: 30px;\n\n button {\n position: relative;\n left: 20px;\n background: none;\n outline: none;\n border: none;\n cursor: pointer;\n &:hover {\n opacity: 0.7;\n }\n }\n\n button::before {\n content: url(\"https://assets.mx.com/images/nav/2023/icon-login-thin.svg\");\n position: absolute;\n left: -18px;\n top: 14px;\n transform: translateY(-50%);\n }\n\n p {\n margin-bottom: 10px;\n }\n\n > div {\n display: flex;\n gap: 40px;\n }\n\n &.hidden {\n display: none;\n }\n"]);return w=function(){return a},a}var x=h.default.section.withConfig({componentId:"sc-49596f34-0"})(q()),y=h.default.div.withConfig({componentId:"sc-49596f34-1"})(r()),z=h.default.div.withConfig({componentId:"sc-49596f34-2"})(s()),A=h.default.div.withConfig({componentId:"sc-49596f34-3"})(t()),B=h.default.div.withConfig({componentId:"sc-49596f34-4"})(u()),C=h.default.a.withConfig({componentId:"sc-49596f34-5"})(v()),D=h.default.div.withConfig({componentId:"sc-49596f34-6"})(w()),E=[{name:"Analytics Suite and Marketing Hub",description:"Access interactive dashboards and insights about customer behaviors.",url:"/auth/"},{name:"Client Dashboard",description:"View aggregation metrics and developer resources.",url:"https://dashboard.mx.com"},{name:"Data Access",description:"Access our Data Access portal.",url:"/auth/"},{name:"Developer Portal",description:"Reference Material to integrate with MX",url:"/auth/"},{name:"Domo Dashboard",description:"View performance dashboards, analytics & billing information",url:"/auth/"},{name:"Intelligence Platform",description:"Access interactive dashboards and insights about customer behaviors.",url:"/auth/"},{name:"MX Docs",description:"View our guides and references to use and integrate with MX.",url:"https://docs.mx.com"},{name:"Partner Portal",description:"Log in to MXâs partner relationship management tool.",url:"/auth/"},{name:"Product Discovery",description:"View the latest MX product roadmap and share product feedback.",url:"/auth/"},{name:"Support Portal",description:"Get help with issues and incidents.",url:"/auth/"},{name:"MX Status Page",description:"View platform availability and maintenance notifications.",url:"https://status.mx.com/"},],F=function(a){var b=a.domain,c=a.clientId,d=a.children;return(0,f.jsx)("button",{onClick:function(){var a=document.createElement("script");a.src="https://cdn.auth0.com/js/auth0-spa-js/2.0/auth0-spa-js.production.js",a.async=!0,a.onload=function(){var a;auth0.createAuth0Client({domain:b,clientId:c,authorizationParams:{redirect_uri:window.location.origin+"/auth/"}}).then((a=o(e().mark(function a(b){return e().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,b.loginWithRedirect();case 2:case"end":return a.stop()}},a)})),function(b){return a.apply(this,arguments)}))},document.body.appendChild(a),a.onerror=function(){document.body.removeChild(a)}},children:d})},G=function(a){var b=a.domain,c=a.clientId,d=a.children;return(0,f.jsx)("button",{onClick:function(){var a=document.createElement("script");a.src="https://cdn.auth0.com/js/auth0-spa-js/2.0/auth0-spa-js.production.js",a.async=!0,a.onload=function(){var a;auth0.createAuth0Client({domain:b,clientId:c,authorizationParams:{redirect_uri:window.location.origin+"/auth/"}}).then((a=o(e().mark(function a(b){return e().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:b.logout();case 1:case"end":return a.stop()}},a)})),function(b){return a.apply(this,arguments)}))},document.body.appendChild(a),a.onerror=function(){document.body.removeChild(a)}},children:d})};b.default=function(){var a=(0,g.useState)(E),b=a[0],c=a[1],d=(0,g.useState)(""),e=d[0],h=d[1],n=(0,g.useState)(!1),o=n[0],p=n[1],q=function(a){h(a.target.value)};(0,g.useEffect)(function(){if(!e){c(E);return}c(b.filter(function(a){return a.name.toLowerCase().includes(e.toLowerCase())}))},[e]),(0,g.useEffect)(function(){window.location.href.includes("login-dev")&&p(!0)},[]);var r=function(a){var b=a.post;return(0,f.jsx)(C,{href:b.url,target:"_blank",className:"post-item",children:(0,f.jsxs)("div",{className:"text",children:[(0,f.jsx)("img",{className:"mx-logo",src:"https://assets.mx.com/images/home2022/mx-logo.svg",alt:"mx logo"}),(0,f.jsx)("h3",{children:b.name}),(0,f.jsx)("p",{children:b.description})]})})};return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(j.Z,{title:"MX Apps and Dashboards Home",meta:"Access and explore your provisioned MX applications and dashboards.",noIndex:!0}),(0,f.jsx)(k.Z,{}),(0,f.jsxs)(x,{children:[(0,f.jsx)(y,{children:(0,f.jsxs)("div",{className:"hero-content",children:[(0,f.jsx)("h1",{children:"My Apps"}),(0,f.jsxs)("p",{id:"instructions",children:["Access and explore your MX applications and dashboards.",(0,f.jsx)("br",{}),(0,f.jsxs)("span",{id:"need-help",children:["Need help? Reach out to"," ",(0,f.jsx)("a",{href:"mailto:[email protected]",children:"[email protected]"}),"."]})]}),o&&(0,f.jsxs)(D,{children:[(0,f.jsx)("p",{children:"auth0 (dev) login buttons"}),(0,f.jsxs)("div",{children:[(0,f.jsx)(F,{domain:"mx-dev.us.auth0.com",clientId:"eijKJHBOnHpoq2mCvRG5PcW55EAf6Tnp",children:"Login"}),(0,f.jsx)(G,{domain:"mx-dev.us.auth0.com",clientId:"eijKJHBOnHpoq2mCvRG5PcW55EAf6Tnp",children:"Logout"})]})]})]})}),(0,f.jsx)(z,{children:(0,f.jsx)(m.Z,{className:"hero-accent-1",url:"\\assets\\images\\accent-graphics\\auth-accent-border.svg"})}),(0,f.jsxs)("section",{children:[(0,f.jsx)(A,{children:(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:e,type:"text",placeholder:"Search...",onChange:function(a){return q(a)}})]})}),(0,f.jsxs)(B,{children:[(0,f.jsx)("div",{className:"post-grid",children:b.map(function(a,b){return(0,f.jsx)(r,{post:a},a.id)})}),e&&0===b.length&&(0,f.jsx)("p",{children:"No Results"})]}),(0,f.jsx)(m.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,{})]})}},11405:function(a,b){"use strict";b.Z={isDivVerticallyCentered:function(a,b){var c=a.getBoundingClientRect(),d=window.innerHeight/2;return c.top<=d+b&&c.bottom>=d-b},isHalfInViewport:function(a){var b=a.getBoundingClientRect();return b.top+b.height/2>=0&&b.bottom-b.height/2<=window.innerHeight}}},11163:function(a,b,c){a.exports=c(90387)},4298:function(a,b,c){a.exports=c(20699)}},function(a){a.O(0,[7080,31672,49774,92888,40179],function(){return a(a.s=39221)}),_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.