https://www.resume.se/_next/static/chunks/9471.3c28cc65d1c5fa9c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9471],{89471:function(e,t,r){r.r(t),r.d(t,{default:function(){return T}});var n=r(95235),a=r(36557),o=r(2784),i=r(49558),s=r(74137);var l=function(e){let{onOpen:t=(()=>{}),onError:r=(()=>{}),onClose:n=(()=>{}),onMessage:a=(()=>{})}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{0:i,1:s}=(0,o.useState)(!1),l=(0,o.useRef)(),c=()=>{var e;null===(e=l.current)||void 0===e||e.close()};return(0,o.useEffect)((()=>{if(l.current||!e)return;const o=new WebSocket(e);l.current=o,o.addEventListener("open",(e=>(s(!0),t(e)))),o.addEventListener("error",(e=>r(e))),o.addEventListener("message",(e=>{const t=JSON.parse(e.data);return a(t)})),o.addEventListener("close",(e=>(s(!1),n(e))))}),[n,r,a,t,e]),{isConnected:i,closeSocket:c,websocket:l.current}},c=r(68622),d=r(7732),p=r(5258),u=r(52903);function g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?g(Object(r),!0).forEach((function(t){(0,n.Z)(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):g(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}const h=(0,a.Z)("div",{target:"e4ucwgw5"})("background:",(e=>e.theme.grey1),";min-height:44px;margin:0 -1rem;position:relative;width:calc(100% + 2rem);z-index:3;",(e=>e.theme.breakpoints.desktop),"{position:relative;:before{content:'';position:absolute;top:0;left:0;height:100%;width:1rem;background:linear-gradient(\n        -90deg,\n        rgba(26, 25, 25, 0),\n        ",(e=>e.theme.grey1)," 70%\n      );}:after{content:'';position:absolute;top:0;right:0;height:100%;width:2rem;background:linear-gradient(\n        270deg,\n        ",(e=>e.theme.grey1)," 0%,\n        rgba(26, 25, 25, 0) 70%\n      );}}",(e=>e.theme.breakpoints.mobile),"{width:100%;margin:0;}"),f=(0,a.Z)("div",{target:"e4ucwgw4"})("background:",(e=>e.theme.grey1),";width:100%;max-width:1336px;margin:0 auto;overflow-x:scroll;padding:0.75rem 0rem;display:flex;justify-content:space-between;flex-wrap:nowrap;",(e=>e.theme.breakpoints.desktop),"{padding:0.75rem 2rem;}",(e=>e.theme.breakpoints.tablet),"{padding:0.75rem 1rem;}",(e=>e.theme.breakpoints.mobile),"{padding:0.75rem 1rem;padding-right:2rem;}&::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;"),y=(0,a.Z)(i.Z,{target:"e4ucwgw3"})("color:",(e=>e.theme.grey9),";white-space:nowrap;margin-left:1.5rem;display:flex;align-items:center;flex-wrap:nowrap;",(e=>e.theme.breakpoints.desktop),"{margin-left:2rem;}&:first-of-type{margin-left:0;}"),b=(0,a.Z)(s.Y6,{target:"e4ucwgw2"})("color:",(e=>e.theme.grey9),";"),w=(0,a.Z)(s.Y6,{target:"e4ucwgw1"})("margin-left:10px;color:",(e=>e.theme.grey6),";"),v=(0,a.Z)(s.Y6,{target:"e4ucwgw0"})("margin-left:10px;color:",(e=>e.theme.grey9),";color:",(e=>e.displayValue<0&&"#E00F0F"),";color:",(e=>e.displayValue>0&&"#3E9479"),";"),k="percent",O="change",S={X6486:{name:"OMXSPI",hideTotal:!0,displayType:k},X72823:{name:"S&P 500",hideTotal:!0,displayType:k},X86470:{name:"DJ Japan",hideTotal:!0,displayType:k},X83599:{name:"DJ Hongkong",hideTotal:!0,displayType:k},Y4615907:{name:"USD",unit:" SEK",displayType:O},Y4606794:{name:"EUR",unit:" SEK",displayType:O},C4606814:{name:"Brentolja",unit:" USD/fat",displayType:O}},E=(e,t)=>{if(e){const t=new Date(1e3*e),r=t.getHours().toString().padStart(2,"0"),n=t.getMinutes().toString().padStart(2,"0");return"(".concat(r,":").concat(n,")")}const r=new Date(1e3*t),n=(0,p.p6)(r,"D MMM");return"(".concat(n,")")},j=e=>{var t;let{percent:r,change:n,quant:a,url:o,last:i,lastTradedDate:s,timeTradedToday:l}=e;const c=S[a];if(!c)return null;const{name:d,unit:p="%",displayType:g}=c,m=g===k,h=m?r:n,f=!m&&i,O=Boolean(h)||0===h;return(0,u.BX)(y,{href:o,children:[(0,u.tZ)(b,{as:"span",bold:!0,children:d}),f&&(0,u.tZ)(w,{as:"span",children:null===i||void 0===i?void 0:i.toFixed(2).replace(".",",")}),O&&(0,u.BX)(v,{displayValue:h,as:"span",bold:!0,children:[h>0&&"+",null!==(t=null===h||void 0===h?void 0:h.toFixed(2).replace(".",","))&&void 0!==t?t:"0",p]}),(0,u.tZ)(w,{as:"span",children:E(l,s)})]})};var T=()=>{const{token:e}=(0,d.Z)(),{0:t,1:r}=(0,o.useState)({}),{isConnected:n,websocket:a}=l(c.z,{onMessage:e=>{r((t=>{const r=JSON.parse(JSON.stringify(t));return Object.keys(e).forEach((t=>{"seq"!==t&&(r[t]=m(m({},r[t]),e[t]))})),r}))}});return(0,o.useEffect)((()=>

1{if(!n)return;const t={seq:0,d:e?{_t:"watchlist",jwt:e}:{_t:"watchlist"}};a.send(JSON.stringify(t))}),[n,e,a]),c.z?(0,u.tZ)(h,{children:(0,u.tZ)(f,{children:Object.values(t).map((e=>(0,u.tZ)(j,m({},e),e.name)))})}):null}}}]);