https://www.phonepe.com/webstatic/14967/e9cde0fe7d5bcd81144a785089970464a8c8940b-fc68750a5907658ce433.js

1"use strict";(self.webpackChunkphonepe_website=self.webpackChunkphonepe_website||[]).push([[1516],{40287:function(e,M,t){t.d(M,{l8:function(){return N},od:function(){return y},xM:function(){return I}});var L=t(96540),j=t(4870),u=t.p+"static/adding-bank-account-b8da04446a852ee063a5aba4f3ec495e.png",i=t(28007);var N=()=>{let e=(0,L.useRef)(null);return(0,L.useEffect)(()=>{e.current&&e.current.play()}),L.createElement(j.A,{stylesClass:"htp-timeline"},L.createElement("div",{className:"htp-container"},L.createElement("div",{className:"htp-container__video-container",title:"Add Bank Account on PhonePe"},L.createElement("h1",null,"Add Bank Account"),L.createElement("video",{autoplay:!0,loop:!0,preload:!0,muted:!0,ref:e,poster:u,disableRemotePlayback:!0,playsInline:!0},L.createElement("source",{src:(0,i.withAssetPrefix)("/videos/page/htp-adding-bank-account.mp4")}))),L.createElement("div",{className:"htp-container__timeline"},L.createElement("ul",{id:"first-list"},L.createElement("li",null,L.createElement("div",{class:"title"},"Go to the My Money page"),L.createElement("div",{class:"info"},"& under Payment Methods, select Bank Accounts")),L.createElement("li",null,L.createElement("div",{class:"title"},"Select your bank"),L.createElement("div",{class:"info"},"Click on the ‘Add New Bank Account’ button at the bottom & Select your bank")),L.createElement("li",null,L.createElement("div",{class:"title"},"Fetching your account details & set up UPI pin"),L.createElement("div",{class:"info"},"PhonePe will fetch your account details in an instant and will link it to your account. Proceed to set up UPI PIN by tapping on the set UPI PIN button")),L.createElement("li",null,L.createElement("div",{class:"title"},"Enter Debit/ATM card details"),L.createElement("div",{class:"info"},"Enter the last six digits of your Debit/ATM card number and the expiry date (In case your card does not have an expiry date, try entering 00/49). Use the received OTP to set your UPI PIN")),L.createElement("li",null,L.createElement("div",{class:"title"},"Bank account added successfully!"),L.createElement("div",{class:"info"},"You have added your bank account successfully! Now transact directly from your bank account by authenticating using your UPI PIN"))))))},a=t.p+"static/set-reset-18e3e17b85bdaf7bd78a7d7d5154d591.png";var I=()=>{let e=(0,L.useRef)(null);return(0,L.useEffect)(()=>{e.current&&e.current.play()}),L.createElement(j.A,{stylesClass:"upi-timeline"},L.createElement("div",{className:"set-reset-upi-container"},L.createElement("div",{className:"set-reset-upi-container__video-container",title:"Set/Reset UPI Pin on PhonePe"},L.createElement("h1",null,"Set/Reset UPI Pin"),L.createElement("video",{autoplay:!0,loop:!0,preload:!0,muted:!0,ref:e,poster:a,disableRemotePlayback:!0,playsInline:!0},L.createElement("source",{src:(0,i.withAssetPrefix)("/videos/page/htp-set-reset.mp4")}))),L.createElement("div",{className:"set-reset-upi-container__timeline"},L.createElement("ul",{id:"first-list"},L.createElement("li",null,L.createElement("div",{class:"title"},"Go to the My Money page"),L.createElement("div",{class:"info"},"& under Payment Methods, select Bank Accounts")),L.createElement("li",null,L.createElement("div",{class:"title"},"Select your bank"),L.createElement("div",{class:"info"},"Select the bank account for which you want to set a UPI Pin. You will see a Set option in case you have never set a UPI Pin for the bank account. Otherwise, you will see a Reset option to set a new UPI Pin for the bank account")),L.createElement("li",null,L.createElement("div",{class:"title"},"Enter Debit/ATM card details"),L.createElement("div",{class:"info"},"Enter the last six digits of your Debit/ATM card number and the expiry date (In case your card does not have an expiry date, try entering 00/49). Use the received OTP to set your UPI PIN")),L.createElement("li",null,L.createElement("div",{class:"title"},"OTP sent out to registered number"),L.createElement("div",{class:"info"},"In the next screen, enter the OTP and the new UPI Pin you want to set for the account, and click submit")),L.createElement("li",null,L.createElement("div",{class:"title"},"UPI Pin set up"),L.createElement("div",{class:"info"},"You have successfully set a UPI Pin for your bank account! You can now send money and make payments directly from your bank account in the PhonePe app by authenticating using your UPI Pin"))))))},n=t(25540);let c=function(e){function M(){for(var M,t=arguments.length,L=new Array(t),j=0;j<t;j++)L[j]=arguments[j];return(M=e.call.apply(e,[this].concat(L))||this).isPartiallyActive=e=>{let{isPartiallyCurrent:M}=e;return M?{className:"active"}:{}},M}return(0,n.A)(M,e),M.prototype.render=function(){return L.createElement(j.A,{stylesClass:"htp-tabs"},L.createElement("div",{className:"tab-navigation-links"},L.createElement(i.Link,{to:"/how-to-pay/add-bank-account/",activeClassName:"active",getProps:this.isPartiallyActive},"Add Bank Account"),L.createElement(i.Link,{to:"/how-to-pay/pay-by-phonepe/",activeClassName:"active",getProps:this.isPartiallyActive,onClick:e=>{e.preventDefault(),(0,i.navigate)("/how-to-pay/pay-by-phonepe/web/")}},"Pay with PhonePe"),L.createElement(i.Link,{to:"/how-to-pay/set-reset-upi/",activeClassName:"active",getProps:this.isPartiallyActive},"Set/Reset UPI Pin")))},M}(L.Component);var y=c},97859:function(e,M,t){t.d(M,{Ys:function(){return I},_M:function(){return n},hx:function(){return c}});var L=t(96540),j=t(4870),u=t.p+"static/android-d95e616f796b9ffdfdec41cde1352921.png",i=t(25540),N=t(28007);var a=function(e){function M(M){var t;return(t=e.call(this,M)||this).handleImgChange=e=>

1{[t.webRef,t.iosRef,t.androidRef].forEach(e=>{e.current.classList.contains("active")&&t.setState({currentEl:e.current.id})})},t.isPartiallyActive=e=>{let{isPartiallyCurrent:M}=e;return M?{className:"active"}:{}},t.webRef=L.createRef(),t.iosRef=L.createRef(),t.androidRef=L.createRef(),t.state={currentEl:null},t}(0,i.A)(M,e);var t=M.prototype;return t.componentDidMount=function(){[this.webRef,this.iosRef,this.androidRef].forEach(e=>{e.current.classList.contains("active")&&this.setState({currentEl:e.current.id})})},t.render=function(){const{currentEl:e}=this.state;return L.createElement("div",{className:"container__sidenav-tab"},L.createElement("div",null,L.createElement(N.Link,{activeClassName:"active",to:"/how-to-pay/pay-by-phonepe/web/",ref:this.webRef,getProps:this.isPartiallyActive,onClick:this.handleImgChange,id:"web"},L.createElement("img",{src:"web"===e?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNOS44NTMgOS4wMTRsMzIuMzkzIDIuMDcyVjQwLjk1TDkuODUzIDQ0LjU5NXoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZWxsaXBzZSBmaWxsPSIjMjNDNERBIiBjeD0iMjUiIGN5PSIyNiIgcng9IjI1IiByeT0iMjYiLz48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cGF0aCBkPSJNMjAuNTUzIDM1LjE1bC0yLjIxLTQuNTIxLTIuNTM0IDEuMzNjMS4zMzQgMS42MDMgMi44NjUgMi41MzYgNC43NDQgMy4xOXptLjIyLTIyLjIzNGMtMS45NjYuNTk0LTMuNTUgMS41OTEtNC45NzcgMy4yMTJsMi42MDggMS4zMzkgMi4zNy00LjU1em0xMC44MTQgMy4yODJjLTEuMzEzLTEuNzE4LTMuNjE1LTMuMTI2LTQuODQyLTMuMDk2bDIuMjgyIDQuMzc2IDIuNTYtMS4yOHptLTguNTc1LTIuOTc4Yy0xLjg3IDEuMTU0LTIuNTg1IDIuODQ2LTMuMjMgNC44MzVsMy4yMy41MjlWMTMuMjJ6bS4wMDMgMTYuMjVsLTMuMzI3LjY0MWMuNzE2IDIuMDcgMS4zNjggMy45MTIgMy4zMjcgNC45MzdWMjkuNDd6bTQuNDktMTEuNDA0Yy0uMzIyLTIuMjMzLTEuODI1LTQuMzY2LTMuMjY0LTQuNjY5djUuMTk4bDMuMjY1LS41M3ptLTQuNDkgMTAuMDMzdi0zLjIyNGgtNC4xMjdsLjQ0MyAzLjg3NiAzLjY4NC0uNjUyem0tMy42NDMtOC43NGwtLjQ2NCA0LjAzNGg0LjA5M3YtMy40bC0zLjYzLS42MzN6bTkuMTgzIDQuMTczbC0uNTI2LTQuMTg2Yy0uNjM3LjEyMy0xLjEwNS4yMjItMS41NzUuMzAyLTIuNTAyLjQyMy0yLjUxOS40MjMtMi4yNTMgMy4xNTUuMDI1LjI2My40MDIuNjgyLjYzNC42OTYgMS4xNTkuMDcyIDIuMzI0LjAzMyAzLjcyLjAzM3ptLTEwLjk5My0uMjE4Yy4xODYtMS4zMjUuMzgtMi41MTguNTAzLTMuNzIuMDMtLjI5MS0uMDg4LS43NzQtLjI4My0uODktLjkyLS41NC0xLjg5LS45ODMtMi44NjgtMS40NzQtMS4xOTggMS44NTktMS45OTMgMy43OC0xLjk5NiA2LjA4NGg0LjY0NHptLTIuNjQxIDcuNTM4Yy45NTItLjQ3MiAxLjg0LS44NiAyLjY3LTEuMzU4LjIzOC0uMTQzLjQ1MS0uNjA4LjQzNS0uOTFhMjcuOTM2IDI3LjkzNiAwIDAwLS4zNjctMy4xNTVjLS4wNDQtLjI1Ny0uMzYtLjY1LS41NjItLjY1OC0xLjM2Ny0uMDU5LTIuNzM3LS4wMy00LjItLjAzLjA2NCAyLjM1Mi43OSA0LjMyNCAyLjAyNCA2LjExMXptMTkuNjMzLTcuMzE3Yy0uMDUtMi4zODQtLjc4Ni00LjQyOC0yLjA1Ny02LjI4LS45NS40NzItMS44MzYuODYzLTIuNjcgMS4zNTYtLjI0NC4xNDQtLjQ5NS41OTQtLjQ3Ljg3Ny4xMTQgMS4zMzQuMzI0IDIuNjU4LjUwOSA0LjA0N2g0LjY4OHpNMjQuMjY3IDM0Ljk0MWMxLjA1MS4zNjggMy42MjUtLjE2MiA0LjE0MS0uMzIzbC4zMTIgMS4xMjFjLTMuODA1IDIuMzI2LTEwLjE5MSAxLjYyLTEzLjk3OC0yLjkwMS00LjE2My00Ljk3LTQuMjUyLTEyLjM0NC0uMzY0LTE3LjE0IDQuMjcyLTUuMjcgMTEuMjExLTUuOTM5IDE2LjA4OS0yLjQ0MyA1LjU4NyA0LjAwNSA2LjQ0IDExLjA5NiA0LjQ0IDE1LjY4NGwtLjk5Ny0uNDk0LjcwOC0zLjM3OWMtMS42NzUgMC02LjYzNi4wMy03LjUxOC0uMTE0LS45MDQtLjE0OS0xLjg0OC0uMDMzLTIuOTI1LS4wMzMgMCAuNTQ3LjA5MiA4LjI0OS4wOTIgMTAuMDIyeiIgZmlsbD0iI0ZGRiIgbWFzaz0idXJsKCNiKSIvPjxwYXRoIGQ9Ik0zMi41OTUgMzYuMjk1bC0yLjEzOCAzLjkyNS0zLjUzNC0xMy41NyAxMS41MzkgNi41OTgtNC4wNzQgMS4zODIgMy41NyA0LjY1NC0xLjc4IDEuNjY2LTMuNTgzLTQuNjU1IiBmaWxsPSIjRkZGIiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjwvc3ZnPg==":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNOC4yNzcgNy40NTRsMjcuMjEgMS43MTN2MjQuNjk1bC0yNy4yMSAzLjAxNHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZWxsaXBzZSBmaWxsPSIjMTcxNzE3IiBjeD0iMjEiIGN5PSIyMS41IiByeD0iMjEiIHJ5PSIyMS41Ii8+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTE3LjI2NSAyOS4wNjZsLTEuODU2LTMuNzM4LTIuMTMgMS4xYzEuMTIgMS4zMjUgMi40MDcgMi4wOTcgMy45ODYgMi42Mzh6bS4xODUtMTguMzg1Yy0xLjY1Mi40OS0yLjk4MyAxLjMxNS00LjE4MSAyLjY1NmwyLjE5IDEuMTA3IDEuOTkxLTMuNzYzem05LjA4MyAyLjcxM2MtMS4xMDItMS40Mi0zLjAzNy0yLjU4NC00LjA2Ny0yLjU2LjYxOCAxLjE2OCAxLjI1IDIuMzYyIDEuOTE3IDMuNjE5bDIuMTUtMS4wNTl6bS03LjIwMy0yLjQ2MmMtMS4

11NzEuOTU0LTIuMTcyIDIuMzUzLTIuNzEzIDMuOTk4bDIuNzEzLjQzN3YtNC40MzV6bS4wMDMgMTMuNDM4bC0yLjc5NS41M2MuNjAyIDEuNzExIDEuMTQ5IDMuMjM0IDIuNzk1IDQuMDgyVjI0LjM3em0zLjc3Mi05LjQzMWMtLjI3MS0xLjg0Ni0xLjUzNC0zLjYxLTIuNzQzLTMuODZ2NC4yOTdsMi43NDMtLjQzN3ptLTMuNzcyIDguMjk2VjIwLjU3aC0zLjQ2N2wuMzcyIDMuMjA1IDMuMDk1LS41NHptLTMuMDYtNy4yMjZsLS4zOSAzLjMzNWgzLjQzOHYtMi44MTJsLTMuMDQ5LS41MjN6bTcuNzE0IDMuNDVsLS40NDItMy40NjFjLS41MzYuMTAxLS45MjguMTgzLTEuMzIzLjI1LTIuMTAzLjM0OS0yLjExNi4zNS0xLjg5MyAyLjYwOC4wMjEuMjE4LjMzOC41NjQuNTMzLjU3Ni45NzMuMDYgMS45NTEuMDI3IDMuMTI1LjAyN3ptLTkuMjM1LS4xOGMuMTU2LTEuMDk2LjMyLTIuMDgyLjQyMy0zLjA3Ni4wMjUtLjI0MS0uMDc0LS42NC0uMjM4LS43MzYtLjc3My0uNDQ3LTEuNTg4LS44MTMtMi40MS0xLjIxOS0xLjAwNSAxLjUzNy0xLjY3MyAzLjEyNi0xLjY3NiA1LjAzMWgzLjl6bS0yLjIxOCA2LjIzNGMuOC0uMzkxIDEuNTQ1LS43MTIgMi4yNDItMS4xMjQuMi0uMTE4LjM4LS41MDMuMzY2LS43NTNhMjIuNzU2IDIyLjc1NiAwIDAwLS4zMDktMi42MDhjLS4wMzctLjIxMy0uMzAxLS41MzctLjQ3MS0uNTQ0LTEuMTQ4LS4wNDktMi4zLS4wMjYtMy41My0uMDI2LjA1NiAxLjk0Ni42NjUgMy41NzYgMS43MDIgNS4wNTV6bTE2LjQ5Mi02LjA1MWMtLjA0Mi0xLjk3Mi0uNjYxLTMuNjYyLTEuNzI4LTUuMTkzLS43OTguMzktMS41NDMuNzEzLTIuMjQzIDEuMTItLjIwNS4xMi0uNDE2LjQ5Mi0uMzk2LjcyNi4wOTcgMS4xMDMuMjczIDIuMTk4LjQyOCAzLjM0N2gzLjkzOXptLTguNjQxIDkuNDMxYy44ODIuMzA1IDMuMDQ0LS4xMzQgMy40NzgtLjI2NmwuMjYyLjkyN2MtMy4xOTYgMS45MjMtOC41NiAxLjMzOS0xMS43NDItMi40LTMuNDk2LTQuMTEtMy41NzItMTAuMjA3LS4zMDUtMTQuMTczIDMuNTg4LTQuMzU3IDkuNDE3LTQuOTExIDEzLjUxNC0yLjAyIDQuNjk0IDMuMzEyIDUuNDEgOS4xNzUgMy43MyAxMi45N2wtLjgzNy0uNDEuNTk0LTIuNzkzYy0xLjQwNyAwLTUuNTc0LjAyNS02LjMxNS0uMDk1LS43Ni0uMTIzLTEuNTUyLS4wMjctMi40NTctLjAyNyAwIC40NTIuMDc4IDYuODIxLjA3OCA4LjI4N3oiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48cGF0aCBkPSJNMjcuMzggMzAuMDEzbC0xLjc5NiAzLjI0Ni0yLjk2OS0xMS4yMjEgOS42OTMgNS40NTUtMy40MjIgMS4xNDMgMyAzLjg0OS0xLjQ5NyAxLjM3Ny0zLjAwOS0zLjg0OSIgZmlsbD0iI0ZGRiIgbWFzaz0idXJsKCNiKSIvPjwvZz48L3N2Zz4=",alt:"web icon"})),L.createElement("p",null,"Web")),L.createElement("div",null,L.createElement(N.Link,{activeClassName:"active",to:"/how-to-pay/pay-by-phonepe/android/",ref:this.androidRef,onClick:this.handleImgChange,getProps:this.isPartiallyActive,id:"android"},L.createElement("img",{src:"android"===e?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC4yNDQpIj48ZWxsaXBzZSBmaWxsPSIjMjNDNERBIiBjeD0iMjUiIGN5PSIyNS41IiByeD0iMjUiIHJ5PSIyNS41Ii8+PHBhdGggZD0iTTIyLjQyMiA0MC4xNjNjLS4yNjYtLjE1Mi0uNTU2LS4yNzEtLjc5Mi0uNDYxYTEuNTE3IDEuNTE3IDAgMDEtLjU3LTEuMTk3Yy0uMDE5LTEuMjI4LS4wMjUtMi40NTYtLjAzNi0zLjY4NHYtLjM3NmMtLjM5NCAwLS43NjMtLjAwNC0xLjEzMi4wMDEtLjc5LjAxMS0xLjM5Mi0uMzI0LTEuNzQ5LTEuMDU1YTEuODU4IDEuODU4IDAgMDEtLjE4NC0uNzhjLS4wMTItMy44MTctLjAxLTcuNjMzLS4wMS0xMS40NSAwLS4wMzYuMDA4LS4wNzEuMDE1LS4xMjNoMTUuMzQ4Yy4wMDUuMDk2LjAxMy4xODcuMDEzLjI3NyAwIDMuNjk1LS4wMTIgNy4zOS4wMDggMTEuMDg0LjAwNiAxLjExLS42NzcgMS44NTMtMS40MjUgMS45OTItLjQxNS4wNzYtLjg1LjA0My0xLjI3NS4wNTctLjExNy4wMDQtLjIzMyAwLS4zODQgMHYuMzMxYzAgMS4wMzEtLjAzMyAyLjA2NC4wMDkgMy4wOTQuMDQ1IDEuMTIzLS4zMTIgMS45MzYtMS40MDcgMi4yOWgtLjY1NGMtMS4wOTYtLjM0Ni0xLjQ2LTEuMTU0LTEuNDE3LTIuMjc4LjA0LTEuMDM4LjAwOC0yLjA3OC4wMDgtMy4xMTh2LS4yOThoLTIuMzA1djMuNzgxYy4wMDEuNTQ3LS4xMjYgMS4wNTctLjU0NSAxLjQxMS0uMjUxLjIxMy0uNTcyLjMzNy0uODYyLjUwMmgtLjY1NHpNMjkuMTU5IDE2LjUwM2MuMzQyLjAwNy42MzEtLjMyOC42MzktLjczOC4wMDctLjQwMy0uMjc3LS43Ni0uNjEzLS43NzMtLjM0Mi0uMDEyLS42NTguMzUyLS42NTguNzU4IDAgLjM5OC4yOTIuNzQ2LjYzMi43NTN6bS02Ljk5NyAwYy4zNC0uMDA4LjYzMi0uMzU2LjYzMS0uNzU0IDAtLjQwNi0uMzE4LS43Ny0uNjYtLjc1Ny0uMzM1LjAxMy0uNjE4LjM3MS0uNjEuNzc0LjAwNy40MS4yOTcuNzQ1LjYzOS43Mzd6bTguMzY0LTYuOTRjLjE1Ny4xNzcuMTMxLjM1OC4wMzMuNTY2LS4zNzQuNzk2LS43NCAxLjU5Ny0xLjEyIDIuNDI1IDEuNTE5Ljk1IDIuNjY5IDIuMzA2IDMuMzYzIDQuMTYuMzg5IDEuMDM5LjU3NyAyLjE4My41MjIgMy4wNDlIMTcuOTQ5Yy4xMDgtMy4zMTYgMS41MTgtNS42MTggMy45MjQtNy4yMmwtLjQ2Ny0xLjAxOGMtLjIxOC0uNDc2LS40MzItLjk1My0uNjU4LTEuNDI0LS4wOTctLjIwMS0uMS0uMzc0LjA0NS0uNTM5aC4yMTdjLjA5LjE3LjE4Ny4zMzQuMjY5LjUwOC4zNDYuNzM5LjY4OCAxLjQ4IDEuMDM3IDIuMjMzIDIuMjQtMS4wOTMgNC40NjgtMS4wODUgNi42ODktLjAwMy4xNDgtLjMyLjI4LS42MDguNDE2LS44OTQuMjk1LS42MTUuNTkzLTEuMjI5Ljg5LTEuODQ0aC4yMTV6TTM0LjYzNCAyNS40NzdjMC0xLjM1LS4wMjgtMi43MDIuMDEtNC4wNTIuMDI2LS45MzguODczLTEuNjU0IDEuODYtMS42NjMgMS4wMDMtLjAwOCAxLjgyMy42NzYgMS45MjMgMS42MDguMDIuMTg0LjAzMS4zNy4wMzEu

1NTU2LjAwMiAyLjQxOC0uMDAxIDQuODM2LjAwNCA3LjI1NC4wMDEuODM0LS4zMDggMS40OS0xLjEwNyAxLjg3Mi0xLjE4Mi41NjUtMi42MTYtLjIyNS0yLjcyLTEuNDkzLS4wMDctLjA3OC0uMDE5LS4xNTYtLjAxOS0uMjM0di0zLjg0OGguMDE4ek0xNi42NDggMjUuNTI0YzAgMS4zNS4wMjcgMi43MDItLjAxIDQuMDUxLS4wMjUuOTM4LS44NyAxLjY1My0xLjg2IDEuNjYzLS45OTIuMDA4LTEuODIzLS42ODUtMS45MjEtMS42MWE1LjU4MiA1LjU4MiAwIDAxLS4wMzQtLjU4NmMtLjAwMi0yLjQxNy4wMDItNC44MzUtLjAwMi03LjI1My0uMDAyLS44MTMuMzE2LTEuNDQ3IDEuMDgtMS44MjggMS4xODItLjU5IDIuNjQuMjAxIDIuNzQ4IDEuNDgyLjAwNi4wNjguMDE3LjEzNi4wMTcuMjA0djMuODc3aC0uMDE4eiIgZmlsbD0iI0ZGRiIvPjwvZz48L2c+PC9zdmc+":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Zz48ZWxsaXBzZSBmaWxsPSIjMTcxNzE3IiBjeD0iMjEiIGN5PSIyMS41IiByeD0iMjEiIHJ5PSIyMS41Ii8+PHBhdGggZD0iTTE4LjgzNSAzMy44NjJjLS4yMjQtLjEyNy0uNDY4LS4yMjgtLjY2Ni0uMzg4YTEuMjgxIDEuMjgxIDAgMDEtLjQ4LTEuMDA5Yy0uMDE0LTEuMDM1LS4wMi0yLjA3LS4wMjktMy4xMDZ2LS4zMTdjLS4zMyAwLS42NC0uMDAzLS45NSAwLS42NjQuMDEtMS4xNy0uMjczLTEuNDctLjg4OWExLjU3MSAxLjU3MSAwIDAxLS4xNTQtLjY1OGMtLjAxLTMuMjE3LS4wMDktNi40MzUtLjAxLTkuNjUzIDAtLjAzLjAwOC0uMDYuMDE0LS4xMDRoMTIuODkyYy4wMDQuMDguMDExLjE1Ny4wMTEuMjM0IDAgMy4xMTUtLjAxIDYuMjMuMDA3IDkuMzQ1LjAwNS45MzYtLjU2OSAxLjU2Mi0xLjE5OCAxLjY3OS0uMzQ4LjA2NS0uNzEzLjAzNi0xLjA3LjA0OC0uMDk4LjAwMy0uMTk2IDAtLjMyMyAwdi4yOGMwIC44Ny0uMDI3IDEuNzQuMDA3IDIuNjA4LjAzOC45NDctLjI2MSAxLjYzMy0xLjE4MSAxLjkzaC0uNTVjLS45Mi0uMjktMS4yMjYtLjk3Mi0xLjE5LTEuOTIuMDMzLS44NzUuMDA3LTEuNzUyLjAwNy0yLjYyOHYtLjI1MmgtMS45MzZWMzIuMjVjLjAwMS40NjEtLjEwNi44OTEtLjQ1OCAxLjE5LS4yMTEuMTc5LS40OC4yODQtLjcyNC40MjJoLS41NXpNMjQuNDkzIDEzLjkxNGMuMjg4LjAwNi41My0uMjc2LjUzNy0uNjIyLjAwNi0uMzQtLjIzMi0uNjQxLS41MTUtLjY1Mi0uMjg3LS4wMS0uNTUyLjI5Ny0uNTUzLjY0IDAgLjMzNS4yNDYuNjI4LjUzMS42MzR6bS01Ljg3NyAwYy4yODYtLjAwNi41My0uMy41My0uNjM1IDAtLjM0My0uMjY3LS42NS0uNTU0LS42MzktLjI4Mi4wMTEtLjUyLjMxMy0uNTEzLjY1My4wMDYuMzQ2LjI1LjYyOC41MzcuNjIxem03LjAyNi01Ljg1MWMuMTMyLjE1LjExLjMwMi4wMjguNDc4LS4zMTUuNjctLjYyMSAxLjM0Ni0uOTQyIDIuMDQ0IDEuMjc3LjgwMSAyLjI0MiAxLjk0NCAyLjgyNSAzLjUwNy4zMjcuODc2LjQ4NiAxLjg0LjQzOSAyLjU3SDE1LjA3N2MuMDkxLTIuNzk1IDEuMjc1LTQuNzM2IDMuMjk2LTYuMDg3bC0uMzkyLS44NThjLS4xODMtLjQtLjM2My0uODA0LS41NTMtMS4yLS4wOC0uMTctLjA4NC0uMzE2LjAzOC0uNDU0aC4xODJjLjA3Ni4xNDIuMTU4LjI4LjIyNi40MjguMjkxLjYyMi41NzkgMS4yNDcuODcyIDEuODgyIDEuODgxLS45MjIgMy43NTItLjkxNSA1LjYxOC0uMDAzLjEyNS0uMjY5LjIzNS0uNTEyLjM1LS43NTNsLjc0Ni0xLjU1NWguMTgyek0yOS4wOTIgMjEuNDhjMC0xLjEzOC0uMDIzLTIuMjc4LjAwOS0zLjQxNi4wMjItLjc5LjczNC0xLjM5NCAxLjU2My0xLjQwMS44NDItLjAwOCAxLjUzLjU3IDEuNjE0IDEuMzU1LjAxNy4xNTUuMDI3LjMxMi4wMjcuNDY4LjAwMiAyLjA0LS4wMDIgNC4wNzguMDAzIDYuMTE3LjAwMS43MDMtLjI1OSAxLjI1NS0uOTMgMS41NzgtLjk5My40NzctMi4xOTgtLjE5LTIuMjg1LTEuMjU5LS4wMDUtLjA2Ni0uMDE1LS4xMzItLjAxNS0uMTk3bC0uMDAxLTMuMjQ0aC4wMTV6TTEzLjk4NCAyMS41MmMwIDEuMTM5LjAyMyAyLjI3OC0uMDA4IDMuNDE2LS4wMjEuNzktLjczMSAxLjM5NC0xLjU2MiAxLjQwMS0uODM0LjAwOC0xLjUzMi0uNTc3LTEuNjE1LTEuMzU3YTQuNzI0IDQuNzI0IDAgMDEtLjAyNy0uNDkzYy0uMDAyLTIuMDM5IDAtNC4wNzctLjAwMy02LjExNi0uMDAxLS42ODUuMjY2LTEuMjIuOTA4LTEuNTQxLjk5My0uNDk3IDIuMjE4LjE3IDIuMzA4IDEuMjUuMDA1LjA1Ny4wMTQuMTE0LjAxNC4xNzJMMTQgMjEuNTJoLS4wMTZ6IiBmaWxsPSIjRkZGIi8+PC9nPjwvZz48L3N2Zz4=",alt:"android icon"})),L.createElement("p",null,"Android")),L.createElement("div",null,L.createElement(N.Link,{activeClassName:"active",to:"/how-to-pay/pay-by-phonepe/ios/",getProps:this.isPartiallyActive,ref:this.iosRef,onClick:this.handleImgChange,id:"ios"},L.createElement("img",{src:"ios"===e?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMTIuODIgMTcuMjUxaDIxLjc0NXYxOS4wODZIMTIuODJ6Ii8+PHBhdGggaWQ9ImMiIGQ9Ik0yNC4zOTggMTAuODU4aDUuMDY4djYuMzAyaC01LjA2OHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZWxsaXBzZSBmaWxsPSIjMjNDNERBIiBjeD0iMjUiIGN5PSIyNS41IiByeD0iMjUiIHJ5PSIyNS41Ii8+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTM0LjU2NSAyOS42MjZ2LjA1NWMtLjE1Ni4zNTgtLjMwNy43MTctLjQ2NyAxLjA3My0uNzc2IDEuNzIyLTEuODIgMy4yOC0zLjIzNCA0LjU5Ni0uODkuODI4LTEuOTYyIDEuMTMxLTMuMTg0LjgyNmExMi40MjQgMTIuNDI0IDAgMDEtMS4zNTktLjQ0MmMtMS4xNTQtLjQzNC0yLjMyNy0uNTc2LTMuNTMtLjIxOS0uNjQzLjE5MS0xLjI3Ny40MTItMS45MS42MzItMS4wNy4zNzEtMi4wNDUuMTkzLTIuOTEtLjQ3N2E4Ljk3NCA4Ljk3NCAwIDAxLTEuMTkyLTEuMTA2IDE1LjUwNSAxNS41MDUgMCAwMS0zLjA0Ni01LjA2NyAxNS42NjYgMTUuNjY2IDAgMDEtLjg5NC00LjIzOGMtLjA3NC0xLjAxMy4wNzUtMi4wMTkuMzYtMi45OTYuNS0xLjcxMyAxLjQ2NS0zLjEyOCAzLjEwMS00LjA2NiAxLjU1Ni0uODkyIDMuMjAyLTEuMTU0IDQuOTUxLS41Ni42MzYuMjE1IDEuMjczLjQyNCAxLjkwOC42NDEuNDYuMTU4LjkwOS4xNjggMS4zNzItLjAwNS41NDYtLjIwMyAxLjExLS4zNjUgMS42NTctLjU2NCAxLjkxMi0uNjk4IDMuNzc3LS41OTUgNS41OTMuMjg5LjgzMi40MDUgMS4

11MDIuOTg5IDIuMDM4IDEuNzQzLS4wOS4wNjEtLjE1Ny4xMTEtLjIyNy4xNTctLjc3LjQ5OC0xLjQzIDEuMDkzLTEuOTAyIDEuODYzYTUuNDIyIDUuNDIyIDAgMDAxLjk0IDcuNDI3Yy4yOS4xNzguNjIyLjI5My45MzUuNDM4IiBmaWxsPSIjRkZGIiBtYXNrPSJ1cmwoI2IpIi8+PG1hc2sgaWQ9ImQiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2MiLz48L21hc2s+PHBhdGggZD0iTTI5LjQ1MiAxMC44NThjLjE0NiAyLjU1Ni0uODc2IDQuNDUtMi44NDggNS43ODMtLjU1OS4zNzgtMS4yLjUwMy0xLjg2LjUxOC0uMjUuMDA2LS4zMzgtLjA4LS4zNDQtLjM1NC0uMDM1LTEuNTYuNTI2LTIuODYzIDEuNDgtMy45ODUuODUxLTEuMDAyIDEuOTE5LTEuNjA4IDMuMTU0LTEuODczLjA2OC0uMDE0LjEzLS4wNTkuMTk2LS4wOWguMjIyeiIgZmlsbD0iI0ZGRiIgbWFzaz0idXJsKCNkKSIvPjwvZz48L3N2Zz4=":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMTAuNzcgMTQuNTQ1aDE4LjI2NHYxNi4wOTNIMTAuNzd6Ii8+PHBhdGggaWQ9ImMiIGQ9Ik0yMC40OTUgOS4xNTVoNC4yNTZ2NS4zMTNoLTQuMjU2eiIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxlbGxpcHNlIGZpbGw9IiMxNzE3MTciIGN4PSIyMSIgY3k9IjIxLjUiIHJ4PSIyMSIgcnk9IjIxLjUiLz48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48cGF0aCBkPSJNMjkuMDM0IDI0Ljk3OHYuMDQ3Yy0uMTMuMzAyLS4yNTcuNjA1LS4zOTEuOTA0LS42NTIgMS40NTMtMS41MjkgMi43NjYtMi43MTggMy44NzYtLjc0Ny42OTgtMS42NDcuOTU0LTIuNjc0LjY5N2ExMC40MDggMTAuNDA4IDAgMDEtMS4xNDEtLjM3M2MtLjk3LS4zNjYtMS45NTUtLjQ4Ni0yLjk2NS0uMTg1LS41NC4xNjEtMS4wNzMuMzQ4LTEuNjA1LjUzMy0uODk4LjMxMy0xLjcxOC4xNjMtMi40NDQtLjQwMmE3LjU1IDcuNTUgMCAwMS0xLjAwMS0uOTMzIDEzLjA4MyAxMy4wODMgMCAwMS0yLjU2LTQuMjcyIDEzLjI1MSAxMy4yNTEgMCAwMS0uNzUtMy41NzNjLS4wNjItLjg1NC4wNjMtMS43MDIuMzAyLTIuNTI2LjQyLTEuNDQ1IDEuMjMxLTIuNjM4IDIuNjA1LTMuNDI4IDEuMzA3LS43NTIgMi42OS0uOTczIDQuMTYtLjQ3My41MzMuMTgxIDEuMDY4LjM1OCAxLjYwMS41NDEuMzg3LjEzMy43NjQuMTQxIDEuMTUzLS4wMDQuNDU5LS4xNzIuOTMyLS4zMDggMS4zOTItLjQ3NiAxLjYwNi0uNTg4IDMuMTczLS41MDIgNC42OTguMjQ0YTQuNDc1IDQuNDc1IDAgMDExLjcxMiAxLjQ3Yy0uMDc1LjA1MS0uMTMyLjA5My0uMTkxLjEzMi0uNjQ2LjQyLTEuMjAyLjkyMS0xLjU5OCAxLjU3YTQuNTgxIDQuNTgxIDAgMDAxLjYzIDYuMjYyYy4yNDMuMTUuNTIzLjI0OC43ODUuMzciIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjYikiLz48bWFzayBpZD0iZCIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYyIvPjwvbWFzaz48cGF0aCBkPSJNMjQuNzQgOS4xNTVjLjEyMiAyLjE1NC0uNzM2IDMuNzUyLTIuMzkzIDQuODc2LS40NjkuMzE4LTEuMDA4LjQyNC0xLjU2My40MzctLjIxLjAwNC0uMjgzLS4wNjgtLjI4OC0uMy0uMDMtMS4zMTQuNDQyLTIuNDEzIDEuMjQyLTMuMzU5YTQuNjY4IDQuNjY4IDAgMDEyLjY1LTEuNTc5Yy4wNTgtLjAxMi4xMS0uMDUuMTY1LS4wNzVoLjE4N3oiIGZpbGw9IiNGRkYiIG1hc2s9InVybCgjZCkiLz48L2c+PC9zdmc+",alt:"ios icon"})),L.createElement("p",null,"iOS")))},M}(L.Component);var I=()=>{let e=(0,L.useRef)(null);return(0,L.useEffect)(()=>{e.current&&e.current.play()}),L.createElement(j.A,{stylesClass:"pbp-android-timeline"},L.createElement("div",{className:"pbp-android-container"},L.createElement("div",{className:"pbp-android-container__right-content"},L.createElement(a,null),L.createElement("div",{className:"pbp-android-container__video-container",title:"Pay with PhonePe"},L.createElement("h1",null,"Pay with PhonePe"),L.createElement("video",{autoplay:!0,loop:!0,preload:!0,muted:!0,ref:e,poster:u,disableRemotePlayback:!0,playsInline:!0},L.createElement("source",{src:(0,N.withAssetPrefix)("/videos/page/htp-android.mp4")})))),L.createElement("div",{className:"pbp-android-container__timeline"},L.createElement("ul",{id:"first-list"},L.createElement("li",null,L.createElement("div",{class:"title"},"Set Payment Option"),L.createElement("div",{class:"info"},"Select PhonePe from the listed payment options")),L.createElement("li",null,L.createElement("div",{class:"title"},"Login to PhonePe"),L.createElement("div",{class:"info"},"using your mobile number and the 4 digit password")),L.createElement("li",null,L.createElement("div",{class:"title"},"Choose Bank Account"),L.createElement("div",{class:"info"},"Bank account not linked yet? See how to add your bank account on PhonePe")),L.createElement("li",null,L.createElement("div",{class:"title"},"Enter your PIN"),L.createElement("div",{class:"info"},"Enter your UPI PIN, and complete your transaction"))))))};var n=()=>{let e=(0,L.useRef)(null);return(0,L.useEffect)(()=>{e.current&&e.current.play()}),L.createElement(j.A,{stylesClass:"pbp-ios-timeline "},L.createElement("div",{className:"pbp-ios-container"},L.createElement("div",{className:"pbp-ios-container__right-content"},L.createElement(a,null),L.createElement("div",{className:"pbp-ios-container__video-container",title:"Pay with PhonePe"},L.createElement("h1",null,"Pay with PhonePe"),L.createElement("video",{autoplay:!0,loop:!0,preload:!0,muted:!0,ref:e,poster:u,disableRemotePlayback:!0,playsInl

1ine:!0},L.createElement("source",{src:(0,N.withAssetPrefix)("/videos/page/htp-ios.mp4")})))),L.createElement("div",{className:"pbp-ios-container__timeline"},L.createElement("ul",{id:"first-list"},L.createElement("li",null,L.createElement("div",{class:"title"},"Set Payment Option"),L.createElement("div",{class:"info"},"Select PhonePe from the listed payment options")),L.createElement("li",null,L.createElement("div",{class:"title"},"Login to PhonePe"),L.createElement("div",{class:"info"},"using your mobile number and the 4 digit password")),L.createElement("li",null,L.createElement("div",{class:"title"},"Choose Bank Account"),L.createElement("div",{class:"info"},"Choose the bank account from which you wish to pay, and click on the pay button. (Bank account not linked yet? See how to add bank account on PhonePe)")),L.createElement("li",null,L.createElement("div",{class:"title"},"Enter your PIN"),L.createElement("div",{class:"info"},"Enter your UPI PIN, and complete your transaction"))))))};var c=()=>{let e=(0,L.useRef)(null);return(0,L.useEffect)(()=>{e.current&&e.current.play()}),L.createElement(j.A,{stylesClass:"pbp-web-timeline"},L.createElement("div",{className:"pbp-web-container"},L.createElement("div",{className:"pbp-web-container__right-content"},L.createElement(a,null),L.createElement("div",{className:"pbp-web-container__video-container",title:"Pay with PhonePe"},L.createElement("h1",null,"Pay with PhonePe"),L.createElement("video",{autoplay:!0,loop:!0,preload:!0,muted:!0,ref:e,poster:u,disableRemotePlayback:!0,playsInline:!0},L.createElement("source",{src:(0,N.withAssetPrefix)("/videos/page/htp-Pay-by-PhonePe-Web.mp4")})))),L.createElement("div",{className:"pbp-web-container__timeline"},L.createElement("ul",{id:"first-list"},L.createElement("li",null,L.createElement("div",{class:"title"},"Set Payment Option"),L.createElement("div",{class:"info"},"Select PhonePe from the listed payment options")),L.createElement("li",null,L.createElement("div",{class:"title"},"Login to PhonePe"),L.createElement("div",{class:"info"},"using your mobile number and the 4 digit password")),L.createElement("li",null,L.createElement("div",{class:"title"},"Choose Bank Account"),L.createElement("div",{class:"info"},"Bank account not linked yet? See how to add your bank account on PhonePe")),L.createElement("li",null,L.createElement("div",{class:"title"},"Open the App"),L.createElement("div",{class:"info"},"On your smartphone and go to the notification",L.createElement("span",{className:"bell-icon"},L.createElement("img",{src:"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAuMDJoMTMuOTd2MTEuOTc3SDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAuNzc4KSI+PG1hc2sgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2s+PHBhdGggZD0iTTEzLjY2NiAxMS45OTdILjMwNWMtLjI5IDAtLjQxNi0uMzUtLjE4Ni0uNTE5bC4wMDctLjAwNWMxLjExMi0uODEzIDEuNjUxLTEuOTI4IDEuNzc5LTMuMjM0LjA5LS45My4xMDYtMS44NjcuMTY0LTIuOC4wNS0uODA0LjIyNC0xLjU4MS42MS0yLjMwNEMzLjM2NCAxLjg1MyA0LjUgMS4xNyA1Ljk1NS45MjFjLjAyLS4wMDMuMDM4LS4wMDguMDU1LS4wMTIuMTg1LS42NTguNDk3LS45MjIgMS4wNDgtLjg4Ni40OTQuMDMzLjgxLjM0Ni44NzguODY2LjMwNy4wNzkuNjIxLjE0LjkyLjIzOCAxLjU0NC41MSAyLjQzIDEuNTggMi44MjggMy4wNTUuMTg5LjcuMjMgMS40MTUuMjMzIDIuMTMzLjAwMy45MTIuMDYyIDEuODIuMjggMi43MTIuMjE3Ljg5Ni42NyAxLjY1NyAxLjQxIDIuMjU0b

1C4yNTUuMjA1Yy4yMTcuMTc0LjA4OC41MS0uMTk2LjUxIiBmaWxsPSIjOTY3RUREIiBtYXNrPSJ1cmwoI2IpIi8+PC9nPjxwYXRoIGQ9Ik05IDEzLjc3OGMtLjE2IDEuMjI1LTEuMTI3IDIuMDk3LTIuMTgyIDEuOTkxLS45MzgtLjA5NC0xLjgyNC0xLjA2LTEuODE4LTEuOTkxaDR6IiBmaWxsPSIjOTY3RUREIi8+PC9nPjwvc3ZnPg==",alt:""})),"section")),L.createElement("li",null,L.createElement("div",{class:"title"},"Collect Request"),L.createElement("div",{class:"info"},"You will see a collect request from the merchant, click Pay to proceed to payment")),L.createElement("li",null,L.createElement("div",{class:"title"},"Enter your PIN"),L.createElement("div",{class:"info"},"Enter your UPI PIN, and complete your transaction"))))))}}}]);