https://edfenergy.com/myaccount/assets/SmartChargingOnboardingLandingPage-UawgG7V5.js

1import{j as e}from"./jsx-runtime-DdoI48LW.js";import{B as f}from"./Button-Bb5NWjKX.js";import{W as b,H as l,T as c}from"./Container-CLDeUiE_.js";import{H as x}from"./Header-D1wDaD2g.js";import{T as r}from"./TickListItem-BvjkgkZo.js";import{a as _}from"./useGTMPageView-fm7fqSUG.js";import{u as y}from"./FeatureFlagContext-CoHEzNU0.js";import{i as j}from"./apollo-B1TfImlk.js";import{M as I}from"./Modal-yuaT5t3p.js";const w="data:image/svg+xml,%3csvg%20width='47'%20height='47'%20viewBox='0%200%2047%2047'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.1833%2032.0833L31.5583%2024.7917C32.1028%2024.4417%2032.375%2023.9556%2032.375%2023.3333C32.375%2022.7111%2032.1028%2022.225%2031.5583%2021.875L20.1833%2014.5833C19.6%2014.1944%2019.0069%2014.1653%2018.4042%2014.4958C17.8014%2014.8264%2017.5%2015.3417%2017.5%2016.0417V30.625C17.5%2031.325%2017.8014%2031.8403%2018.4042%2032.1708C19.0069%2032.5014%2019.6%2032.4722%2020.1833%2032.0833ZM23.3333%2046.6667C20.1056%2046.6667%2017.0722%2046.0542%2014.2333%2044.8292C11.3944%2043.6042%208.925%2041.9417%206.825%2039.8417C4.725%2037.7417%203.0625%2035.2722%201.8375%2032.4333C0.6125%2029.5944%200%2026.5611%200%2023.3333C0%2020.1056%200.6125%2017.0722%201.8375%2014.2333C3.0625%2011.3944%204.725%208.925%206.825%206.825C8.925%204.725%2011.3944%203.0625%2014.2333%201.8375C17.0722%200.6125%2020.1056%200%2023.3333%200C26.5611%200%2029.5944%200.6125%2032.4333%201.8375C35.2722%203.0625%2037.7417%204.725%2039.8417%206.825C41.9417%208.925%2043.6042%2011.3944%2044.8292%2014.2333C46.0542%2017.0722%2046.6667%2020.1056%2046.6667%2023.3333C46.6667%2026.5611%2046.0542%2029.5944%2044.8292%2032.4333C43.6042%2035.2722%2041.9417%2037.7417%2039.8417%2039.8417C37.7417%2041.9417%2035.2722%2043.6042%2032.4333%2044.8292C29.5944%2046.0542%2026.5611%2046.6667%2023.3333%2046.6667Z'%20fill='%23C82C00'/%3e%3c/svg%3e",T="/myaccount/assets/SmartCharging-BhvW_NYu.png",S="_videoTrigger_1tc06_1",B="_videoThumbnail_1tc06_14",V="_videoInfoOverlay_1tc06_21",M="_videoInfoIcon_1tc06_35",N="_videoInfoText_1tc06_47",O="_videoModalContent_1tc06_52",k="_videoFrame_1tc06_57",o={videoTrigger:S,videoThumbnail:B,videoInfoOverlay:V,videoInfoIcon:M,videoInfoText:N,videoModalContent:O,videoFrame:k},{useState:E}=await j("react"),F=({videoId:t,title:n,thumbnailSrc:m,thumbnailAlt:g,overlayIconSrc:a,overlayIconAlt:h,overlayText:i,className:u})=>{const[p,d]=E(!1),C=m??`https://img.youtube.com/vi/${t}/hqdefault.jpg`,v=`https://www.youtube.com/embed/${t}?rel=0`;return e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button",onClick:()=>d(!0),"aria-label":`Play ${n}

1`,className:[o.videoTrigger,u].filter(Boolean).join(" "),children:[e.jsx("img",{className:o.videoThumbnail,src:C,alt:g}),(a||i)&&e.jsxs("span",{className:o.videoInfoOverlay,children:[a&&e.jsx("img",{className:o.videoInfoIcon,src:a,alt:h??""}),i&&e.jsx("span",{className:o.videoInfoText,children:i})]})]}),e.jsx(I,{isOpen:p,onRequestClose:()=>d(!1),isPopup:!0,hideBackButton:!0,children:e.jsx("div",{className:o.videoModalContent,children:e.jsx("iframe",{className:o.videoFrame,src:v,title:n,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})})]})},P="_onboardingContent_1dspf_1",L="_onboardingSteps_1dspf_8",A="_onboardingVideo_1dspf_13",s={onboardingContent:P,onboardingSteps:L,onboardingVideo:A},H="Smart Charging onboarding video",U=({logout:t})=>{_("Smart Charging Onboarding Landing Page");const{firebase_smartChargingVideoId:n}=y();return e.jsx(x,{noMenu:!0,logout:t,children:e.jsxs(b,{noBackButton:!0,children:[e.jsx(l,{styling:"h2",element:"h1",marginBottom:32,children:"Save EVen more with Smart Charging"}),e.jsx(c,{size:"medium",marginBottom:16,children:"With Smart Charging, we'll automatically charge your EV when the demand for electricity is lower. It helps reduce pressure on the energy system and makes better use of available electricity."}),e.jsxs(c,{size:"medium",marginBottom:24,children:["Plus, if you signed up to an EV tariff, you'll also get cheaper off-peak rates beyond the usual 11pm-6am window for both your EV and home. Plus,",e.jsx("strong",{children:" £5 each month"}),", as a thanks for plugging in."]}),e.jsxs("div",{className:s.onboardingContent,children:[e.jsxs("div",{className:s.onboardingSteps,children:[e.jsx(l,{styling:"h3",element:"h3",marginBottom:24,children:"It's easy to get started!"}),e.jsx(r,{text:"Connect your vehicle in under 10 minutes ",iconColor:"rgba(0,85,0,1)",marginBottom:8}),e.jsx(r,{text:"Set up your charging preferences in MyAccount, plug in, and let us handle the rest ",iconColor:"rgba(0,85,0,1)",marginBottom:8}),e.jsx(r,{text:"That's it – you're all set to start saving EVen more! ",iconColor:"rgba(0,85,0,1)",marginBottom:0})]}),e.jsx(F,{className:s.onboardingVideo,videoId:n,title:H,thumbnailSrc:T,thumbnailAlt:"Watch how Smart Charging works",overlayIconSrc:w,overlayIconAlt:"Smart Charging video",overlayText:"1:58"})]}),e.jsx(f,{href:"/myaccount/smart-flex/onboarding",width:"responsive",children:"Get started"})]})})};export{U as default};