https://www.stockopedia.com/marketing/_next/static/chunks/6388.8fd668ee8386901a.js

1!function(){try{var o="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},e=(new o.Error).stack;e&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[e]="f8bee4ac-ac59-4174-9a73-a5cd73528468",o._sentryDebugIdIdentifier="sentry-dbid-f8bee4ac-ac59-4174-9a73-a5cd73528468")}catch(o){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6388],{4007:(o,e,d)=>{"use strict";d.r(e),d.d(e,{AddToFolioModal:()=>I});var l=d(95155),a=d(12115),t=d(85203),i=d.n(t),_=d(29999),s=d(35773),n=d(42754),r=d(46840),f=d(69328),c=d(52168),u=d(86234),m=d(88439),h=d(96960),y=d(3638),p=d(95412),F=d(66054);let b=new Intl.NumberFormat("en-GB",{maximumFractionDigits:2}),x=new Intl.NumberFormat("en-GB",{maximumFractionDigits:0}),T=new Intl.NumberFormat("en-GB",{notation:"compact",minimumSignificantDigits:3,maximumSignificantDigits:3}),g=o=>o.replace(/\s\s+/g,"").trim().toLowerCase();var j=d(40702),w=d(93991);let v=o=>null===o||o.ok||void 0===o.error.message?"An unexpected error occurred. Please try again":o.error.message;var N=d(75773),k=d.n(N);let C={maxWidth:"440px"},I=o=>{let{show:e,securityId:d,securityName:t,folioUrl:N,onClose:I}=o,{folios:S,heldCounts:z,loading:D,selected:A,creating:B,saving:E,error:G,select:H,create:K,add:M}=(o=>{let[e,d]=(0,a.useState)([]),[l,t]=(0,a.useState)({}),[i,_]=(0,a.useState)(!0),[s,n]=(0,a.useState)(null),[r,f]=(0,a.useState)(!1),[c,u]=(0,a.useState)(!1),[m,h]=(0,a.useState)(null);(0,a.useEffect)(()=>{let e=!0;return(async()=>{let[l,a]=await Promise.all([w.G.getFolios().catch(()=>null),w.G.getHoldingsCounts(o).catch(()=>null)]);e&&(d(l?.ok?l.value:[]),t(a?.ok?a.value:{}),_(!1))})(),()=>{e=!1}},[o]);let y=(0,a.useCallback)(o=>{n(o),h(null)},[]),p=(0,a.useCallback)(async o=>{let l=((o,e)=>""===g(o)?"This field is required":e.map(g).includes(g(o))?`Portfolio "${o}" already exists`:null)(o,e.map(o=>o.name));if(null!==l)return h(l),null;f(!0);let a=await w.G.createFolio(o.trim()).catch(()=>null);return(f(!1),a?.ok)?(d(o=>(0,j.QV)([...o,a.value])),y(a.value),a.value):(h(v(a)),null)},[e,y]),F=(0,a.useCallback)(async()=>{if(null===s)return null;u(!0);let e=await w.G.addSecurities(s.id,[o]).catch(()=>null);return(u(!1),e?.ok)?s:(h(v(e)),null)},[o,s]);return{folios:e,heldCounts:l,loading:i,selected:s,creating:r,saving:c,error:m,select:y,create:p,add:F}})(d),P=(0,a.useContext)(y.$),[U,W]=(0,a.useState)(""),Y=async o=>{o.preventDefault(),null!==await K(U)&&W("")},L=async()=>{let o=await M();null!==o&&(I(),P.add((0,l.jsxs)(l.Fragment,{children:["Added ",t," to ",o.name]}),{type:p.m.Positive,cta:{label:"View folio",onClick:()=>window.location.assign(N(o.id))}}))},$=!D&&0===S.length,J=o=>(0,l.jsx)(s.T,{"aria-label":"Create a folio",className:i()(k().addToFolio__create,o),onSubmit:Y,children:(0,l.jsxs)(n.j,{children:[(0,l.jsx)(r.f,{type:"text",name:"folioName","aria-label":"New folio name",autoComplete:"off",value:U,disabled:B,onChange:o=>W(o.target.value)}),(0,l.jsx)(f.x,{type:"submit",loading:B,disabled:B||""===U.trim(),children:"Create Folio"})]})});return(0,l.jsx)(h.a,{show:e,onClose:I,style:C,children:(0,l.jsxs)("div",{className:k().addToFolio,children:[(0,l.jsxs)("header",{className:k().addToFolio__header,children:[(0,l.jsx)("h3",{className:k().addToFolio__title,children:"Add to Folio"}),(0,l.jsx)("button",{type:"button",className:k().addToFolio__close,"aria-label":"Close",onClick:I,children:(0,l.jsx)(_.default,{fontSize:"small"})})]}),(0,l.jsx)("hr",{}),$?(0,l.jsxs)("div",{className:i()(k().addToFolio__section,k().addToFolio__empty),children:[(0,l.jsx)("h4",{className:k().addToFolio__emptyTitle,children:"You haven't created a portfolio yet."}),(0,l.jsx)("p",{className:k().addToFolio__emptyBody,children:"To add securities, please create a folio using the field below."}),J(k().addToFolio__createBare)]}):J(),(0,l.jsx)("hr",{}),null!==G&&(0,l.jsx)("div",{className:k().addToFolio__section,children:(0,l.jsx)(c.g,{variant:u.P.Negative,children:G})}),D&&(0,l.jsx)("div",{className:k().addToFolio__section,children:(0,l.jsx)(F.E,{className:k().addToFolio__skeleton})}),S.length>0&&(0,l.jsxs)("fieldset",{className:k().addToFolio__folios,children:[(0,l.jsx)("legend",{className:k().addToFolio__legend,children:"Choose a folio"}),S.map(o=>{let e=z[o.id];return(0,l.jsxs)("label",{className:k().addToFolio__folio,children:[(0,l.jsx)("input",{type:"radio",name:"folio",value:o.id,checked:A?.id===o.id,onChange:()=>H(o)}),(0,l.jsxs)("span",{children:[o.name,void 0!==e&&(0,l.jsxs)("span",{className:k().addToFolio__held,children:[" (",(o=>`Held: ${(o=>{if(null===o)return null;let e=Math.abs(o);

1return e<1?b.format(o):e<1e4?x.format(o):T.format(o).toLowerCase()})(o)} ${1===o?"share":"shares"}`)(e),")"]})]})]},o.id)})]}),(0,l.jsx)("hr",{}),(0,l.jsx)("div",{className:k().addToFolio__actions,children:(0,l.jsx)(f.x,{type:"button",variant:m.ee.Primary,loading:E,disabled:E||null===A,onClick:L,children:"Add"})})]})})}},35773:(o,e,d)=>{"use strict";d.d(e,{T:()=>_});var l=d(95155),a=d(85203),t=d.n(a),i=d(48173);let _=o=>{let{error:e,className:d,children:a,..._}=o;return(0,l.jsxs)("form",{..._,className:t()("stk-form",d),children:[(0,l.jsx)(i.w,{when:!!e,children:(0,l.jsx)("div",{className:"stk-form-message stk-form-message--error",children:e})}),a]})}},46840:(o,e,d)=>{"use strict";d.d(e,{f:()=>i});var l=d(95155),a=d(85203),t=d.n(a);let i=o=>(0,l.jsx)("input",{...o,className:t()("stk-form-input",o.className)})},75773:o=>{o.exports={"add-to-folio":"add-to-folio_add-to-folio__m8Owl",addToFolio:"add-to-folio_add-to-folio__m8Owl","add-to-folio__header":"add-to-folio_add-to-folio__header__UwUzK",addToFolio__header:"add-to-folio_add-to-folio__header__UwUzK","add-to-folio__title":"add-to-folio_add-to-folio__title__UdLCH",addToFolio__title:"add-to-folio_add-to-folio__title__UdLCH","add-to-folio__close":"add-to-folio_add-to-folio__close___u1A2",addToFolio__close:"add-to-folio_add-to-folio__close___u1A2","add-to-folio__section":"add-to-folio_add-to-folio__section__jIbFs",addToFolio__section:"add-to-folio_add-to-folio__section__jIbFs","add-to-folio__create":"add-to-folio_add-to-folio__create__bAT9m",addToFolio__create:"add-to-folio_add-to-folio__create__bAT9m","add-to-folio__skeleton":"add-to-folio_add-to-folio__skeleton__JYEZw",addToFolio__skeleton:"add-to-folio_add-to-folio__skeleton__JYEZw","add-to-folio__create-bare":"add-to-folio_add-to-folio__create-bare__dWyvI",addToFolio__createBare:"add-to-folio_add-to-folio__create-bare__dWyvI","add-to-folio__empty":"add-to-folio_add-to-folio__empty__KK3ym",addToFolio__empty:"add-to-folio_add-to-folio__empty__KK3ym","add-to-folio__empty-title":"add-to-folio_add-to-folio__empty-title__NkHbz",addToFolio__emptyTitle:"add-to-folio_add-to-folio__empty-title__NkHbz","add-to-folio__empty-body":"add-to-folio_add-to-folio__empty-body__r4Y9g",addToFolio__emptyBody:"add-to-folio_add-to-folio__empty-body__r4Y9g","add-to-folio__folios":"add-to-folio_add-to-folio__folios___uzBf",addToFolio__folios:"add-to-folio_add-to-folio__folios___uzBf","add-to-folio__legend":"add-to-folio_add-to-folio__legend__2Rpyz",addToFolio__legend:"add-to-folio_add-to-folio__legend__2Rpyz","add-to-folio__folio":"add-to-folio_add-to-folio__folio__DMitj",addToFolio__folio:"add-to-folio_add-to-folio__folio__DMitj","add-to-folio__held":"add-to-folio_add-to-folio__held__zjIrm",addToFolio__held:"add-to-folio_add-to-folio__held__zjIrm","add-to-folio__actions":"add-to-folio_add-to-folio__actions__WoMlw",addToFolio__actions:"add-to-folio_add-to-folio__actions__WoMlw"}}}]);