https://www.myvi.in/react/_next/static/chunks/4864.104200d77c500c66.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4864],{5769:(e,a,n)=>{"use strict";n.r(a),n.d(a,{ExploreOurPrepaidPacks:()=>s});var r=n(54568);n(7620),n(55568);var t=n(27541),o=n(23691);let s=e=>{let{showFirstButton:a=!0,showButton:n,showSecondButton:s=!0,commonAdobeAnalyticsObj:i}=e,c=(0,t.useRouter)();return(0,r.jsxs)("div",{className:"explore-packs",children:[(0,r.jsx)("img",{src:"/react/prepaid/prepaidCategoryPage/emptybox.png",alt:"explore our prepaid packs",className:"explore-packs-icon"}),(0,r.jsx)("p",{className:"explore-packs-subtitle",children:"Hey! there are no relevant packs for your city"}),(0,r.jsx)("h2",{className:"explore-packs-title",children:"Explore our prepaid packs"}),(0,r.jsxs)("div",{className:"explore-packs-btn-group",children:[a&&(0,r.jsx)("button",{className:"explore-packs-btn",onClick:()=>{(0,o.vh)({Custom_Links:`${i?.page_name}-Explore our prepaid packs`,event:"LinkClick"}),c.push("/prepaid/online-mobile-recharge")},children:"Explore Now"}),s&&(0,r.jsx)("button",{className:"explore-packs-btn",onClick:()=>{(0,o.vh)({Custom_Links:`${i?.page_name}-Explore our prepaid packs`,event:"LinkClick"}),c.push("/prepaid/best-prepaid-plans")},children:"Explore Now"})]})]})}},7909:()=>{},12859:(e,a,n)=>{"use strict";n.d(a,{m:()=>c});var r=n(54568);n(7620);var t=n(25972),o=n.n(t),s=n(32536),i=n(38625);let c=e=>{let{isDrawerOpen:a,onClose:n}=e;return(0,i.useLockBodyScroll)(a),(0,r.jsxs)("div",{className:o().fourMinWrapper,children:[(0,r.jsx)(s.default,{src:"/react/prepaid/prepaidCategoryPage/wait.svg",alt:"processing your recharge",width:50,className:o().waitIcon,height:100}),(0,r.jsx)("p",{className:o().heading,children:"processing your recharge"}),(0,r.jsx)("p",{className:o().subHeading,children:"we are still processing your last recharge, request you to try again after sometime"}),(0,r.jsx)("button",{className:o().closePopup,onClick:n,children:"okay, got it"})]})}},25972:e=>{e.exports={heading:"FourMinRechargeCheck_heading__sYg6_",subHeading:"FourMinRechargeCheck_subHeading__clwi8",fourMinWrapper:"FourMinRechargeCheck_fourMinWrapper__mC5Lp",closePopup:"FourMinRechargeCheck_closePopup__UWZPa"}},27277:(e,a,n)=>{"use strict";function r(e){for(var a=1;a<arguments.length;a++){var n=arguments[a];for(var r in n)"__proto__"!==r&&(e[r]=n[r])}return e}n.d(a,{A:()=>t});var t=function e(a,n){function t(e,t,o){if("undefined"!=typeof document){"number"==typeof(o=r({},n,o)).expires&&(o.expires=new Date(Date.now()+864e5*o.expires)),o.expires&&(o.expires=o.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var i in o)o[i]&&(s+="; "+i,!0!==o[i]&&(s+="="+o[i].split(";")[0]));return document.cookie=e+"="+a.write(t,e)+s}}return Object.create({set:t,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var n=document.cookie?document.cookie.split("; "):[],r={},t=0;t<n.length;t++){var o=n[t].split("="),s=o.slice(1).join("=");try{var i=decodeURIComponent(o[0]);if(i in r||(r[i]=a.read(s,i)),e===i)break}catch(e){}}return e?r[e]:r}},remove:function(e,a){t(e,"",r({},a,{expires:-1}))},withAttributes:function(a){return e(this.converter,r({},this.attributes,a))},withConverter:function(a){return e(r({},this.converter,a),this.attributes)}},{attributes:{value:Object.freeze(n)},converter:{value:Object.freeze(a)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"})},55568:()=>{},56333:(e,a,n)=>{"use strict";n.r(a),n.d(a,{GlobalCategoryHeader:()=>l});var r=n(54568),t=n(7620),o=n(15255);n(89796);var s=n(11868),i=n(23691),c=n(24026);let l=e=>{let{title:a,subtitle:n,circleName:l,onChangeCircle:p,circleCode:d,imageSrc:u,imageAlt:m="header-banner",imagePosition:g="top",contentData:h,showBanner:b=!1,contentFields:v,hideCircle:_=!1,showBreadcrumb:x=!0,showBannerBlue:k=!1,mrpPageAdobePageName:f=""}=e,[j,y]=(0,t.useState)(0),P=h?.contentFields?.CommonAdobeAnalyticsPage;(0,t.useEffect)(()=>{let e=()=>y(window.innerWidth);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let C=(0,s.pI)(h?.contentFields?.categorypagevalidations?.packcomponent?.circledropdowntext,""),w=h?.contentFields?.vodafonebanner||{},N=w?.vodadeskbannerimg||"",F=w?.vodamobbannerimg||"",A=w?.vodadeskbanneralt||"",S=h?.contentFields?.prepaidribbons?.ribbonimg||"",L=h?.contentFields?.prepaidribbons?.ribbontitle||"",D=[N,F].every(e=>"string"!=typeof e||!e.trim()||e.toLowerCase().includes("[object object]"));return(0,r.jsxs)(r.Fragment,{children:[k&&(0,r.jsxs)("div",{className:"banner",children:[(0,r.jsx)("div",{className:"banner-text",dangerouslySetInnerHTML:{__html:L?.replace(/<a /g,'<a target="_blank" rel="noopener noreferrer" ')}}),S&&(0,r.jsx)("img",{className:"banner-ribbon-img",src:(0,c.A)(S),alt:"ribbon"})]}),(0,r.jsxs)("div",{className:"category-header",children:[x&&(0,r.jsx)(o.BreadCrumbList,{data:h?.contentFields?.breadcrumbList?.breadcrumbs||[]}),b&&!D&&(0,r.jsx)("div",{className:"header-top-banner container",children:(0,r.jsxs)("div",{onClick:()=>{(0,i.vh)({Custom_Links:`${P?.page_name||f} - banner click`,event:"LinkClickInternalJourney",Internal_Journey:`${P?.page_name||f} - banner click`})},style:{cursor:"pointer"},children:[j>768&&N&&(0,r.jsx)("img",{src:(0,c.A)(N),alt:A,width:"100%"}),j<=768&&F&&(0,r.jsx)("img",{src:(0,c.A)(F),alt:A})]})}),(0,r.jsxs)("div",{className:"header-section-block container",children:[(0,r.jsxs)("div",{className:"header-left",children:[(0,r.jsx)("h1",{className:"header-title",children:a}),n&&(0,r.jsx)("p",{className:"header-subtitle",children:n})]}),!_&&l&&(0,r.jsxs)("div",{className:"header-right",children:[(0,r.jsx)("span",{className:"header-icon",children:(0,r.jsx)("img",{src:"/react/assests/location.svg",alt:"location",width:35,height:35})}

1),(0,r.jsxs)("p",{className:"header-location",children:[C&&(0,r.jsxs)(r.Fragment,{children:[C," ",(0,r.jsx)("strong",{className:"header-state",children:l})," Circle"]}),(0,r.jsx)("a",{href:"#",className:"header-change",onClick:e=>{e.preventDefault(),p&&p(),(0,i.vh)({event:"LinkClick",Custom_Links:`${P?.page_name||f}: Change Circle`})},children:"Change"})]})]})]}),u&&"bottom"===g&&(0,r.jsx)("div",{className:"img-block",children:(0,r.jsx)("img",{src:u,alt:m})})]})]})}},77700:(e,a,n)=>{"use strict";n.r(a),n.d(a,{MrpPacks:()=>j});var r=n(54568),t=n(7620),o=n(27541);n(7909);var s=n(56333),i=n(47227),c=n(5769),l=n(95883),p=n(96899),d=n(23373),u=n(43149),m=n(45792),g=n(12859),h=n(32627),b=n(89799),v=n(23691),_=n(11868),x=n(9315),k=n(24026),f=n(2281);let j=e=>{let{contentData:a,circleList:n,categoryData:j,onCircleChange:y,circleName:P,prepaidRoutes:C,onExplore:w,setLoading:N,mobilePlaceholder:F}=e,[A,S]=(0,t.useState)(!1),[L,D]=(0,t.useState)(P||"Maharashtra & Goa"),[O,$]=(0,t.useState)("0014"),[R,M]=(0,t.useState)(""),[T,B]=(0,t.useState)(null),[E,I]=(0,t.useState)(!1),[H]=(0,t.useState)(t.createRef()),U=(0,o.useRouter)(),J=(0,f.useIsMobile)(),V=a?.contentFields?.CommonAdobeAnalyticsPage;(0,t.useEffect)(()=>{let e=window.location.hostname,a={page_name:`${V?.page_name}`||`Prepaid: ${V?.page_name}`,event:`${V?.event}`||"JourneyPageLoad",page_channel:`${V?.page_channel}`||"Prepaid ",page_server:e,page_type:`${V?.page_type}`||"Transactional",visitor_language:`${V?.visitor_language}`||"EN",visitor_login_status:`${V?.visitor_login_status}`||"Not Logged In",visitor_type:`${V?.visitor_type}`||"consumer",page_master_tab:`${V?.page_master_tab}`||"Home",page_site_section_lvl_2:`${V?.page_site_section_lvl_2}`||"Home:Prepaid",page_site_section_lvl_3:`${V?.page_site_section_lvl_3}`||`Home:Prepaid:${V?.page_name}`,visitor_visit_number:L,Page_Load_Time:performance.now(),service_application_name:`${V?.service_application_name}`||"Recharge Online",customer_journey:`${V?.customer_journey}`||`Prepaid: ${V?.page_name}`,journey_event:`${V?.journey_event}`||"start"};(0,v.iN)(a)},[]);let z=(0,b.T)(),{handleBuy:W,handleSeeMore:G,popupState:q}=(0,h._)({catalogData:j,circleCode:O,mobile:R,setMobile:M,validationResponse:T,formRef:H,prepaidRoutes:C,commonAdobeAnalyticsObj:V,mrpPageAdobePageName:V?.page_name,setLoading:N,pageRecord:{utmSource:"Source",utmMedium:"Medium",utmCampaign:"Campaign",channelJourney:z,channelJourneyType:"recharge-pack",journeytype:x.vY.ORC}}),Y=(0,_.pI)(a?.contentFields?.categorypagevalidations?.packcomponent?.packheading||[]);(0,t.useEffect)(()=>{R||I(!1)},[R]);let Z=(0,t.useMemo)(()=>Array.isArray(j)?[...j].sort((e,a)=>parseFloat(e?.UNIT_COST||0)-parseFloat(a?.UNIT_COST||0)):[],[j]),K=!Z||0===Z.length;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"unlimited-section",children:[(0,r.jsxs)("div",{className:"category-header-block",children:[(0,r.jsx)("form",{action:"https://www.myvi.in/bin/paymentgateway/PgPreprocessor",method:"post",id:"pgForm",ref:H,children:(0,r.jsx)("input",{type:"hidden",name:"paramDetails",id:"paramDetails",value:""})}),(0,r.jsx)(s.GlobalCategoryHeader,{title:Y,circleName:L,contentData:a,onChangeCircle:()=>{S(!0)},mrpPageAdobePageName:V?.page_name})]}),(0,r.jsx)("div",{className:"category-section",children:(0,r.jsxs)("div",{className:"category-block container",children:[(0,r.jsx)("div",{className:"cards",children:(Z.length??0)>0?(0,r.jsx)(r.Fragment,{children:(0,r.jsx)("div",{className:"cards-grid1 container",children:Z.map((e,n)=>(0,r.jsx)(i.CardComponent,{cardDetailsProps:e,contentData:a,onBuy:W,onSeeMore:G,mobile:R,prepaidRoutes:C,showCardLabel:!0,mrpPageAdobePageName:V?.page_name},n))})}):(0,r.jsx)("div",{className:"no-result",children:(0,r.jsx)(c.ExploreOurPrepaidPacks,{showSecondButton:!1})})}),(0,r.jsxs)("div",{className:"mrp-bg-img container",onClick:()=>{let e=a?.contentFields?.vodafonebanner?.vodabannerlink;a?.contentFields?.vodafonebanner?.vodabanneranalyticstitle,e&&((0,v.vh)({event:"LinkClick",Custom_Links:`${V?.page_name}: banner click`}),U.push(e))},style:{cursor:"pointer"},children:[(0,r.jsxs)("picture",{children:[(0,r.jsx)("source",{media:"(min-width:768px)",srcSet:(0,k.A)(a?.contentFields?.vodafonebanner?.vodadeskbannerimg)}),(0,r.jsx)("img",{src:(0,k.A)(a?.contentFields?.vodafonebanner?.vodamobbannerimg)||(0,k.A)(a?.contentFields?.vodafonebanner?.vodadeskbannerimg),alt:a?.contentFields?.vodafonebanner?.vodamobbanneralt||a?.contentFields?.vodafonebanner?.vodadeskbanneralt||"banner",loading:"lazy"})]}),"          "]}),(0,r.jsx)(l.PopupDrawer,{isOpen:A,onClose:()=>{S(!1)},effect:"bounce",children:(0,r.jsx)(p.CircleSelector,{circleList:n,onProceed:(e,a)=>((e,a)=>{D(a),$(e),S(!1),"function"==typeof y&&y({code:e,label:a})})(e,a),initialValue:L,onClosePopup:()=>{S(!1)},closeOnSelect:!1,commonAdobeAnalyticsObj:V,mrpPageAdobePageName:V?.page_name})})]})})]}),(0,r.jsx)(l.PopupDrawer,{isOpen:q?.isDrawerOpen,onClose:()=>{q?.setDrawerOpen(!1)},showHeader:J,headerTitle:J?"pack details":"",showFooter:!0,footerBtnName:"recharge now",effect:"bounce",onFooterBtnClick:()=>

1W(q?.selectedPack,q?.cardBadge,"see_more_popup"),popupStateType:q.popupStateType,children:(0,r.jsx)(d.CardSeeMorePopup,{isPopupOpen:q?.isDrawerOpen,cardBadge:q?.cardBadge,cardDetailsProps:q?.selectedPack,contentData:a,benefits:q?.benefits,commonAdobeAnalyticsObj:V,mrpPageAdobePageName:V?.page_name,showCardLabel:!0})}),(0,r.jsx)(l.PopupDrawer,{isOpen:q?.attentionPopup,onClose:()=>{q?.setAttentionPopup(!1),(0,v.vh)({Custom_Links:`${V?.page_name}: Popup close`,event:"LinkClick"})},effect:"slideDown",children:(0,r.jsx)(u.AttentionPopup,{isPopupOpen:q?.attentionPopup,onProceed:()=>{q?.handleProceedFromAttention()},noServicePopupText:a?.contentFields?.noservicepopup,prepaidRoutes:C,setLoading:N,onExplore:()=>{w(),q?.setAttentionPopup(!1)},commonAdobeAnalyticsObj:V,mrpPageAdobePageName:V?.page_name})}),(0,r.jsx)(l.PopupDrawer,{isOpen:q?.buyPopup,onClose:()=>{q?.setBuyPopup(!1),M("")},showHeader:!0,headerTitle:"mobile number details",showFooter:!0,footerBtnName:"recharge",footerBtnDisabled:!E||K,effect:"bounce",onFooterBtnClick:()=>{q?.handleRechargeClick()},popupStateType:q.popupStateType,children:(0,r.jsx)(m.OrcMobileDetailsPopup,{isPopupOpen:q?.buyPopup,cardBadge:q?.cardBadge,mobile:R,setMobile:M,validateMobile:e=>/^\d{10}$/.test(e),handleMobileChange:e=>{M(e),I(!1)},validationResponse:T,setValidationResponse:B,onValidationSuccess:e=>{B(e),I(!0);let a=e?.data?.circleId,r=e?.data?.circle;if(!a)return;let t=n?.find(e=>String(e.circlecode)===String(a)),o=t?.circlevalue||r;D(o),$(a),"function"==typeof y&&y({code:a,label:o})},cardDetailsProps:q?.selectedPack,mobilePlaceholder:F||"enter mobile number",numberValidated:E,circleList:n,showCardLabel:!0,isCategoryEmpty:K,contentData:{...a,contentFields:{...a?.contentFields,orcvalidation:{validationmessage:{nonideanumber:"Seems like you have entered a non Vi number. Looking for a new connection? <a href='https://www.myvi.in/new-connection/buy-prepaid-sim-connection-online' class='error-link'>Join Vi</a>",postpaidno:"This seems to be a postpaid number. <a href='/postpaid/quick-online-bill-payment' class='error-link'>Pay bill</a>",prepaidnumber:"This seems to be a prepaid number. <a href='/prepaid/online-mobile-recharge' class='error-link'>Recharge now</a>"}}}}})}),(0,r.jsx)(l.PopupDrawer,{isOpen:q?.showProcessingPopup,onClose:()=>{q?.setShowProcessingPopup(!1)},effect:"bounce",children:(0,r.jsx)(g.m,{isPopupOpen:q?.showProcessingPopup,onClose:()=>{q?.setShowProcessingPopup(!1)}})})]})}},89796:()=>{},89799:(e,a,n)=>{"use strict";n.d(a,{T:()=>o});var r=n(27541),t=n(7620);function o(){let e=(0,r.usePathname)();return(0,t.useMemo)(()=>e?e.replace(/\/$/,"").split("/").pop():"",[e])}}}]);