https://citymapper.com/_next/static/chunks/pages/pay-switch-fallback-7528fec9feb99427.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[842],{5742:(e,a,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/pay-switch-fallback",function(){return r(11966)}])},11966:(e,a,r)=>{"use strict";r.r(a),r.d(a,{default:()=>y});var t=r(26514),n=r(55861),o=r(77569),i=r.n(o),l=r(24161),s=r(11193),c=r(78653);r(75834);var p=r(1707),d=r(28294),g=r(2111),m=r(7953);let h={header:(0,m.E)("passPayFallbackHeader"),aReader:(0,m.E)("passPayFallbackAReader"),gReader:(0,m.E)("passPayFallbackGReader")},x={trans:(0,c.merge)({transition:"all 150ms ease"}).toString(),appButton:i()(g.A.fg_white,g.A.bg_greyDarker,g.A.hover_bg_black),container:i()((0,c.merge)({marginTop:"51px",background:"white",borderRadius:"16px",width:"331px",minHeight:"500px",paddingBottom:"40px"}).toString()),header:i()((0,c.merge)({marginTop:"40px",width:"237px",height:"34px"}).toString()),aReader:i()((0,c.merge)({width:"80px",marginTop:"14px",marginRight:"6px"}).toString()),gReader:i()((0,c.merge)({marginTop:"14px",marginRight:"32px"}).toString()),text:i()((0,c.merge)({margin:"18px 30px",fontSize:"18px",lineHeight:"23px",color:"#6E6E6E",textAlign:"center"}).toString()),anchor:i()((0,c.merge)({textDecoration:"none"}).toString()),button:i()((0,c.merge)({color:"white",textAlign:"center",width:"291px",height:"56px",backgroundColor:"#37AB2F",borderRadius:"100px",fontWeight:"bold",fontSize:"20px",cursor:"pointer",boxShadow:"0px 4px 10px rgba(0, 0, 0, 0.15)"}).toString())},u=e=>{let{androidURL:a,trackThenNavigate:r,locale:n}=e;return(0,t.jsx)("a",{href:a,className:i()(g.A.db,g.A.dib_ns,g.A.nunderline,g.A.lh0,g.A.cp),onClick:r("clickAppButton",{context:"pass pay fallback",platform:"android"}),children:(0,t.jsx)(s.A,{name:"android",locale:n,className:i()(x.appButton,x.trans)})})},A=e=>{let{iosURL:a,trackThenNavigate:r,locale:n}=e;return(0,t.jsx)("a",{href:a,className:i()(g.A.db,g.A.dib_ns,g.A.nunderline,g.A.lh0,g.A.cp,g.A.mbm),onClick:r("clickAppButton",{context:"pass pay fallback",platform:"ios"}),children:(0,t.jsx)(s.A,{name:"ios",locale:n,className:i()(x.appButton,x.trans)})})},b=(0,d.Zz)(p.injectIntl,n.WK)(e=>{let{applePay:a,googlePay:r,trackThenNavigate:n,intl:{locale:o},generateDownloadLinks:s}=e,c=((e,a,r,t,n)=>{let{androidURL:o,iosURL:i}=n("heroBtn");return e?A({trackThenNavigate:r,locale:t,iosURL:i}):a?u({trackThenNavigate:r,locale:t,androidURL:o}):[A({trackThenNavigate:r,locale:t,iosURL:i}),u({trackThenNavigate:r,locale:t,androidURL:o})]})(a,r,n,o,s),{storeType:p,readerImage:d,imageCSS:g}=a?{storeType:"Apple Pay",readerImage:h.aReader,imageCSS:x.aReader}:r?{storeType:"Google Pay",readerImage:h.gReader,imageCSS:x.gReader}:{storeType:"Pay",readerImage:h.aReader,imageCSS:x.aReader};return(0,t.jsx)(l.Ay,{jc:"space-around",children:(0,t.jsxs)(l.Ay,{d:"column",ai:"center",className:x.container,children:[(0,t.jsx)("img",{src:h.header,className:x.header}),(0,t.jsx)("img",{src:d,className:g}),(0,t.jsxs)("p",{className:i()(x.text),children:["Go to the app now to use Pass with ",p]}),(a||r)&&(0,t.jsx)("a",{href:"citymapper://pass/manage-virtual-cards?cm_source=web-fallback",className:x.anchor,children:(0,t.jsx)(l.Ay,{jc:"space-around",ai:"center",className:x.button,children:"Continue to the app"})}),(0,t.jsx)("p",{className:i()(x.text),children:"Or download the app"}),c]})})});var _=r(82887),w=r(94270),k=r(29263);let y=(0,w.A)(e=>{let{ctx:{req:a,res:r,req:{headers:t}}}=e;if(a&&a._isCMClient){r.writeHead(302,{Location:"citymapper://pass/manage-virtual-cards?cm_source=web-fallback"}),r.end();return}let{"user-agent":n}=t;return{applePay:(0,_.maybeiOS)(n),googlePay:(0,_.maybeAndroid)(n)}})(e=>{let{store:a,location:r,uriConfig:n,applePay:o,googlePay:i}=e;return(0,t.jsx)(k.A,{forceGreen:!0,noFooter:!0,fullWidth:!0,noMargin:!0,location:r,uriConfig:n,store:a,children:(0,t.jsx)(b,{applePay:o,googlePay:i})})})},29263:(e,a,r)=>{"use strict";r.d(a,{A:()=>_});var t=r(26514);r(75834);var n=r(68208),o=r.n(n),i=r(77569),l=r.n(i),s=r(2111),c=r(78653),p=r(99349),d=r(28294),g=r(27419),m=r(56748),h=r(24889),x=r(30376);let u={green:l()(s.A.bg_green),blue:l()(s.A.bg_blue),purple:l()(s.A.bg_purple),white:l()(s.A.bg_white),midGreen:l()((0,c.merge)({backgroundColor:"#075D00"}).toString()),darkGreen:l()((0,c.merge)({backgroundColor:"#25741F"}).toString())},A=e=>{let{forceGreen:a,blue:r,isClient:t,white:n,darkGreen:o,midGreen:i}=e;return a?"green":r?"blue":i?"midGreen":t||n?"white":o?"darkGreen":"green"},b=(0,d.eQ)({NEXT_POWERED:o().bool},()=>({NEXT_POWERED:!0})),_=(0,d.Zz)(b,(0,p.connect)(e=>{let{env:{isClient:a}}=e;return{isClient:a}}))(e=>{let{fullWidth:a,noMargin:r,children:n,location:o,store:i,uriConfig:c,isClient:p,blue:d,forceGreen:b,white:_,noHeaderOrFooter:w,darkGreen:k,midGreen:y,noFooter:f}=e;return(0,t.jsx)(g.A,{store:i,uriConfig:c,children:(0,t.jsxs)("div",{className:u[A({forceGreen:b,blue:d,isClient:p,white:_,darkGreen:k,midGreen:y})],children:[p||w?(0,t.jsx)(x.A,{}):(0,t.jsx)(m.A,{theme:A({forceGreen:b,blue:d,isClient:p,white:_,darkGreen:k,midGreen:y}),disableRouter:!0,location:o}),(0,t.jsx)("div",{className:l()(s.A.mla,s.A.mra,a?[s.A.w100]:[s.A.mw2,s.A.mw3_m,s.A.mbxl,s.A.pbxl],p?[s.A.h100v]:[r?null:s.A.mtm]),children:n}),!p&&!w&&!f&&(0,t.jsx)(h.A,{location:o})]})})})}},e=>{e.O(0,[235,293,213,6,28,441,73,478,636,593,792],()=>e(e.s=5742)),_N_E=e.O()}]);