(globalThis.webpackChunkverso=globalThis.webpackChunkverso||[]).push([[1306],{19636:(e,n,t)=>{const o=t(5556),i=t(96540),{connect:a}=t(67851),{useIntl:s}=t(3442),r=t(90739).A,l=t(15822).default,d=t(76399),c=t(73275),{googleAnalytics:g}=t(90090),{asConfiguredComponent:p}=t(12892),{doCloseModal:u}=t(22509),{trackComponent:m}=t(92716),{interactionResponse:h}=t(56187),{trackUserAccountEvent:S}=t(14307),{SignInModalBaseWrapper:b,SignInModalCloseButton:y,SignInModalButtons:I,SignInModalDek:f,SignInModalHed:M,SignInModalEmail:k,SignInModalSignInSection:B,SignInModalSpotIllustration:w,SignInModalSignInLink:x,SignInModalHedSpanTag:$}=t(20761),C=({analyticsType:e,authSource:n="sign-in-modal",brandIdentityAssets:t,className:o,closeButtonCallback:a,dangerousDek:p,dangerousHed:C,dangerousHedSpanTag:A,hasLargeMargins:v=!1,hasRoundedCornersButtons:L,isVisible:T,redirectURL:E="/",shouldHideIllustration:N=!1,snowplowData:O,source:R,type:H="default"})=>{i.useEffect((()=>{(async()=>{await h(),m("SignInModal")})()}),[]);const _=n=>g.emitGoogleTrackingEvent(n,{signInModalType:e});T&&_("signin-modal-impression");let P=`${l.oidcAuth}?redirectURL=${encodeURIComponent(E)}&skipAccountLink=true&authSource=${n}`;R&&(P=`${P}&source=${R}`);const D=t.signInModalAsset[H]||t.signInModalAsset.default,{formatMessage:j}=s(),U=e=>{_("signin-modal-oidc-sign-in-click");const n=O?.label||e.target.innerText;S({...O,label:n})};return i.createElement(b,{className:o,hasLargeMargins:v,closeTimeoutMS:400,isOpen:T},i.createElement(y,{isIconButton:!0,ariaLabel:j(r.closeButtonAriaLabel),label:j(r.closeButtonLabel),onClickHandler:()=>{u(),_("signin-modal-close"),a&&a()},role:"button",ButtonIcon:d}),i.createElement(M,null,C||j(r.hed),i.createElement($,null,A||j(r.hedSpanTag))),!N&&i.createElement(w,null,i.createElement(c,{...D})),i.createElement(f,{dangerouslySetInnerHTML:{__html:p}}),i.createElement(I,{hasRoundedCornersButtons:L},i.createElement(k,{label:j(r.oidcSignUpButtonLabel),href:P,inputKind:"link",rel:"link",iconPosition:"before",onClickHandler:U,"data-testid":"SignInModalEmail"})),i.createElement(B,null,j(r.oidcSignInText)," ",i.createElement(x,{href:P,onClick:U},j(r.oidcSignInLinkText)),"voting"===H&&i.createElement("div",null,"  »")))};C.displayName="SignInModal",C.propTypes={analyticsType:o.string.isRequired,authSource:o.string,brandIdentityAssets:o.shape({signInModalAsset:o.shape({default:o.object,crosswords:o.object,voting:o.object})}).isRequired,className:o.string,closeButtonCallback:o.func,dangerousDek:o.string,dangerousHed:o.string,dangerousHedSpanTag:o.string,hasLargeMargins:o.bool,hasRoundedCornersButtons:o.bool,isVisible:o.bool,redirectURL:o.string,shouldHideIllustration:o.bool,snowplowData:o.object,source:o.string,type:o.oneOf(["default","crosswords","voting"])};const A=p(C,"SignInModal");e.exports=a((e=>{const{signInModalConfig:n,brandIdentityAssets:t}=e;return{brandIdentityAssets:t,...n}}))(A)},14935:(e,n,t)=>{e.exports=t(19636)},20761:(e,n,t)=>{const o=t(96540),i=t(20312),a=t(5556),{default:s,css:r}=t(75999),{BaseText:l,BaseLink:d}=t(76955),{calculateSpacing:c}=t(26865),{BREAKPOINTS:g,ZINDEX_MAP:p}=t(96472),u=t(73730),{getColorToken:m,getTypographyStyles:h}=t(26865),{ResponsiveImagePicture:S}=t(7228),{ButtonWrapper:b}=t(18974),y=s(l).withConfig({displayName:"SignInModalHed"})` text-align: center; `;y.defaultProps={as:"div",colorToken:"colors.discover.body.white.heading",topSpacing:1,typeIdentity:"typography.definitions.consumptionEditorial.display-small"};const I=s.span.withConfig({displayName:"SignInModalHedSpanTag"})` display: block; `,f=s.p.withConfig({displayName:"SignInModalDek"})` ${h("typography.definitions.consumptionEditorial.body-core")} text-align: center; color: ${m("colors.discover.body.white.description")}; @media (max-width: ${g.md}) { margin-bottom: ${c(3)}; } `,M=s(l).withConfig({displayName:"SignInModalSpotIllustration"})` margin: ${c(1.5)} auto; text-align: center; ${S} { width: 200px; height: 170px; } `;M.defaultProps={as:"div",typeIdentity:"typography.definitions.consumptionEditorial.body-core"};const k=s(u.Primary).withConfig({displayName:"SignInModalButtonPrimary"})` margin-bottom: ${c(1)}; width: 100%; `,B=s(u.Primary).withConfig({displayName:"SignInModalButtonPrimaryOutlined"})` width: 100%; `,w=s(u.Utility).withConfig({displayName:"SignInModalCloseButton"})` position: absolute; top: ${c(1)}; right: ${c(1)}; padding: 0; fill: ${m("colors.discovery.body.light.context-tertiary")}; .icon-close { padding: 8px; } &, &:focus, &:hover { border: 0; background-color: transparent; } `,x=s(u.Utility).withConfig({displayName:"SignInModalEmail"})` margin-top: 0; padding: 0; `,$=s.div.withConfig({displayName:"SignInModalButtons"})` display: flex; justify-content: center; margin: auto; padding-bottom: ${c(2)}; width: 100%; ${x} { padding: 0; width: 100%; } ${({hasRoundedCornersButtons:e})=>e&&`\n ${b} {\n border-radius: 4px;\n }\n `} `,C=r` &&& { padding: ${c(8)} ${c(5)}; min-height: ${c(62)}; } ${M} { margin: ${c(1.5)} auto; ${S} { width: 175px; height: 175px; } } ${f} { margin-bottom: ${c(2)}; } ${$} { margin-bottom: ${c(4)}; @media (max-width: ${g.md}) { padding-bottom: 0; } } `;function A({className:e,...n}){const t=`${e}__content`,a=`${e}__overlay`;return o.createElement(i,{portalClassName:e,className:t,overlayClassName:a,...n})}A.propTypes={className:a.string};const v=s(A).withConfig({displayName:"SignInModalBaseWrapper"})` &__overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: ${p.interstitialLayer}; background-color: rgba( ${m("colors.background.black",{rgbOnly:!0})}, 0 ); &.ReactModal__Overlay--after-open { transition: background-color 750ms; opacity: 1; background-color: rgba( ${m("colors.background.black",{rgbOnly:!0})}, 0.4 ); } &.ReactModal__Overlay--after-close { transition: background-color 750ms; background-color: rgba( ${m("colors.background.black",{rgbOnly:!0})}, 0 ); } } &__content { position: relative; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); background-color: ${m("colors.background.white")}; padding: ${c(5)}; width: ${c(60)}; max-height: calc(100% - ${c(1,"px")}); overflow-y: auto; @media (max-width: ${g.md}) { transform: translateY(-50%) translateX(calc(-50% - ${c(2,"px")})); margin: 0 ${c(2,"px")}; padding: ${c(4)} ${c(5)} ${c(4)} ${c(5)}; width: auto; min-width: ${c(38)}; max-width: ${c(60)}; } ${k} ${B} ${({hasLargeMargins:e})=>!0===e&&C} } `,L=s(l).withConfig({displayName:"SignInModalSignInSection"})` display: flex; justify-content: center; width: 100%; `;L.defaultProps={as:"div",colorToken:"colors.discovery.body.light.context-tertiary",typeIdentity:"typography.definitions.utility.assistive-text"};const T=s(d).withConfig({displayName:"SignInModalSignInLink"})` && { z-index: ${p.interstitialLayer}; margin-left: 5px; text-decoration: underline; } `;T.defaultProps={colorToken:"colors.interactive.base.black",typeToken:"typography.definitions.utility.assistive-text"},e.exports={SignInModalBaseWrapper:v,SignInModalCloseButton:w,SignInModalButtons:$,SignInModalDek:f,SignInModalEmail:x,SignInModalHed:y,SignInModalSignInSection:L,SignInModalSignInLink:T,SignInModalSpotIllustration:M,SignInModalHedSpanTag:I}},90739:(e,n,t)=>{const o=t(3442);n.A=(0,o.defineMessages)({oidcSignUpButtonLabel:{id:"SignInModal.OidcSignUpButtonLabel",defaultMessage:"Create account",description:"SignInModal component OIDC SignUp button label"},closeButtonLabel:{id:"SignInModal.CloseButtonLabel",defaultMessage:"Close Sign In Modal",description:"SignInModal component close button label"},closeButtonAriaLabel:{id:"SignInModal.CloseButtonAriaLabel",defaultMessage:"Close Sign In Modal",description:"SignInModal component close button aria label"},hed:{id:"SignInModal.Hed",defaultMessage:"Save stories ",description:"SignInModal component hed text",isConfigurable:!0},hedSpanTag:{id:"SignInModal.HedSpanTag",defaultMessage:"with an account",description:"SignInModal component hed spanTag text",isConfigurable:!0},oidcSignInText:{id:"SignInModal.OidcSignInText",defaultMessage:"Already have an account?",description:"SignInModal component OIDC SignIn Text"},oidcSignInLinkText:{id:"SignInModal.OidcSignInLinkText",defaultMessage:"Sign in",description:"SignInModal component OIDC SignIn Link Text"}})},95556:(e,n,t)=>{const o=t(96540),i=t(5556),a=t(72014),{ActionBarWrapperContent:s,ActionBarWrapperComponent:r}=t(97024),{getVariationNames:l}=t(81372),{sizesFullName:d}=t(99906),c=({actionBarLargeScreenVariation:e,actionBarMobileScreenVariation:n,className:t,isActionBarStickyLargeScreen:i=!1,actionBarButtons:l,articleLength:c,showActionBar:g=!1,isFirstActionBar:p,showOverlayActionBar:u})=>{if(!l||!l?.length||!g)return null;const m=e?a[e]:a,h=n?a[n]:a;return e||n?o.createElement(s,{className:t,isActionBarStickyLargeScreen:i,actionBarHeight:c,isFirstActionBar:p,showOverlayActionBar:u},o.createElement(r,null,o.createElement(m,{minScreenThreshold:d.xLarge,actionButtons:l,className:"large-screen"}),o.createElement(h,{maxScreenThreshold:d.large,actionButtons:l,className:"mobile"}))):o.createElement(s,{className:t,isActionBarStickyLargeScreen:i,actionBarHeight:c,isFirstActionBar:p,showOverlayActionBar:u},o.createElement(r,null,o.createElement(a,{actionButtons:l,className:"default"})))};c.propTypes={actionBarButtons:i.arrayOf(i.oneOf(["audio","bookmark","print","jumpToSection"])).isRequired,actionBarLargeScreenVariation:i.oneOf(l(a)),actionBarMobileScreenVariation:i.oneOf(l(a)),articleLength:i.number,className:i.string,isActionBarStickyLargeScreen:i.bool,isFirstActionBar:i.bool,showActionBar:i.bool,showOverlayActionBar:i.bool},e.exports=c},90532:(e,n,t)=>{const o=t(95556);e.exports=o},97024:(e,n,t)=>{const{default:o,css:i}=t(75999),{calculateSpacing:a,minScreen:s}=t(26865),{BREAKPOINTS:r}=t(96472),{applyGridSpacing:l}=t(1123),d=o.div.withConfig({displayName:"ActionBarWrapperComponent"})``,c=o.div.withConfig({displayName:"ActionBarWrapperContent"})` display: flex; justify-content: center; padding-bottom: ${a(4)}; ${({isActionBarStickyLargeScreen:e,actionBarHeight:n})=>e&&i` ${s(r.lg)} { position: absolute; left: ${a(4)}; z-index: 80; padding: 0; width: fit-content; height: ${n?`${n}px`:"100%"}; ${l("padding")} ${d} { position: sticky; top: 50%; transition: all 300ms ease-in-out; height: fit-content; ${l("padding")} } } `} ${({showOverlayActionBar:e,isFirstActionBar:n})=>e&&n&&i` position: fixed; bottom: -100px; animation: slideUpDown 0.5s ease-in-out both; z-index: 2; border-radius: ${a(6)}; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); padding-bottom: 0; @keyframes slideUpDown { 0% { bottom: -100px; } 100% { bottom: 40px; } } `} `;e.exports={ActionBarWrapperContent:c,ActionBarWrapperComponent:d}},15822:(e,n)=>{Object.defineProperty(n,"__esModule",{value:!0}),n.proxyApiRoutes=void 0,n.default=Object.freeze({oidcAuth:"/auth/initiate",oidcAuthSessionEnd:"/auth/session/end",oidcAccountSignOut:"/auth/end",oidcExchange:"/auth/exchange",oidcForgotPassword:"/auth/forgot",oidcLanding:"/auth/complete",oidcMagicLink:"/auth/request-link",oidcRefresh:"/auth/refresh",oidcRefreshRedirect:"/auth/refresh-redirect",oauth:{jwks:"/.well-known/jwks",oidcConfig:"/.well-known/openid-configuration",authorizationGrant:"/api/utility/oauth/authorization",tokenExchange:"/api/utility/oauth/token"}}),n.proxyApiRoutes=Object.freeze({authenticate:"/v2/authenticate",googleAuthenticate:"/v2/sso/google",marketingPermissions:"/v2/marketing-permissions",newsletterSubscriptions:"/v2/newsletter-subscriptions",sailthruNewsletterSubscriptions:"/v2/newsletter/sailthru",swgAuthenticate:"/v2/swg/authenticate",swgSubscribe:"/v2/swg/subscription",userDetails:"/v2/users",userLookup:"/v2/users/lookup"})}}]);