https://www.theglobeandmail.com/pf/dist/components/combinations/WatchlistModal.chunk.js?d=961&mxId=00000000

1"use strict";(this.webpackChunkFusion_components=this.webpackChunkFusion_components||[]).push([[3483],{70568:function(e,n,o){var l=o(86780),t=o.n(l),s=o(40809),a=o(81862),i=o.n(a),r=o(78299),c=o(28782),d=o(15710),m=o(85349);const u="#fusion-app";i().setAppElement(u);const f={children:t().node,title:t().string,isOpen:t().bool,onRequestClose:t().func,onAfterClose:t().func};function h({title:e,isOpen:n,children:o,onRequestClose:l=d.lQ,onAfterClose:t=d.lQ}){const{scrollbarWidth:a}=(0,c.z)();(0,s.useEffect)(()=>{document.body.style.setProperty("--scroll-padding",`${a}px`)},[a]);const f=(0,s.useCallback)(()=>{document.querySelector(u).setAttribute("inert","")},[]),h=(0,s.useCallback)(()=>{document.querySelector(u).removeAttribute("inert"),document.body.style.setProperty("--scroll-padding","0px"),t()},[t]);return(0,m.jsx)(i(),{id:"financial-modal",isOpen:n,className:"fin-modal-content",overlayClassName:"fin-modal-overlay",bodyOpenClassName:"u-no-scroll",shouldCloseOnEsc:!0,shouldCloseOnOverlayClick:!0,contentLabel:e,onRequestClose:l,onAfterClose:h,onAfterOpen:f,children:(0,m.jsxs)("div",{className:"fin-modal-container fin-modal-container--anonymous",children:[(0,m.jsx)("div",{className:"fin-modal-row fin-modal-row--blue fin-modal-row--close",children:(0,m.jsx)(r.Ay,{"aria-label":"Close modal",className:"tgam-button--fin-modal-close",icon:"close",onClick:l})}),o]})})}h.propTypes=f,h.displayName="FinancialModal",n.A=h},87600:function(e,n,o){o.r(n);var l=o(86780),t=o.n(l),s=(o(40809),o(78299)),a=o(15710),i=o(67195),r=o(159),c=o(70568),d=o(85349);const m="Welcome to Watchlist",u="watchlist",f={isOpen:t().bool,onRequestClose:t().func,onAfterClose:t().func};function h({isOpen:e,onRequestClose:n=a.lQ,onAfterClose:o=a.lQ}){const{logInUrl:l,logInModalOpen:t,logInModalAnalytics:f,logInModalLazy:h}=(0,i.A)({intcmp:u}),{registerUrl:p,registerModalOpen:y,registerModalAnalytics:C,registerModalLazy:b}=(0,r.A)({intcmp:u});return(0,d.jsxs)(c.A,{title:m,isOpen:e,onRequestClose:n,onAfterClose:o,children:[(0,d.jsxs)("div",{className:"fin-modal-row fin-modal-row--main",children:[(0,d.jsx)("h2",{className:"fin-modal-header font-pratt",children:m}),(0,d.jsx)("p",{className:"fin-modal-text font-gmsans",children:"It’s the perfect tool to help you make faster, informed decisions to manage and track your investments."})]}),(0,d.jsxs)("div",{className:"fin-modal-row fin-modal-row--grey fin-modal-row--footer",children:[(0,d.jsx)("p",{className:"fin-modal-text font-gmsans",children:"You need to register to The Globe and Mail to access My Watchlist. Create an account for free. If you have already registered, then Log In."}),(0,d.jsx)(s.Ay,{analytics:C,className:"mr-8",href:p,onClick:y,rel:p?"external":void 0,theme:"teal",children:"Create an account"}),(0,d.jsx)(s.Ay,{analytics:f,href:l,onClick:t,rel:l?"external":void 0,theme:"teal",variant:"outline",children:"Log in"})]}),b,h]})}h.propTypes=f,h.displayName="WatchlistModal",n.default=h},28782:function(e,n,o){o.d(n,{z:function(){return t}});var l=o(94566);function t(){if(!l.Sw)return{scrollbarVisible:!1,scrollbarWidth:0};const e=window?.innerWidth||0,n=document?.body?.clientWidth||0;return{scrollbarVisible:e>n,scrollbarWidth:e-n}}}}]);