https://staticweb6.jiosaavn.com/web6/jioindw/dist/1790056916/_s/St…iner-BundleShipping.41c10e0e5464652f9e97.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7946],{49905:(e,a,t)=>{t.r(a),t.d(a,{default:()=>c});var r=t(89526),s=t(83277);const i=e=>{let{handleCode:a,isChecking:t,data:s,name:i}=e;const[n,l]=(0,r.useState)(s),{disabled:d,error:o,label:c,max:u,options:m,required:p,type:g,value:v}=n,h="input-special"+(o?" error":""),b=e=>{"pin"===i&&e.length===u&&a(e),e.length>u||l(a=>({...a,error:"",value:e}))};return(0,r.useEffect)(()=>l(s),[s]),r.createElement("div",{className:"field"+("pin"===i?" field--extra":"")},"select"===g?r.createElement("select",{className:h,id:i,name:i,value:v,disabled:d,onChange:e=>b(e.target.value)},m.length?m.map(e=>r.createElement("option",{key:`${i}-${e.value}`,value:e.value},e.name)):r.createElement("option",{value:""},c)):r.createElement(r.Fragment,null,t&&"pin"===i?r.createElement("div",{className:"c-spinner c-spinner--right"}):"",r.createElement("input",{className:h,id:i,name:i,type:g,value:v,disabled:d,placeholder:c,onChange:e=>b(e.target.value)})),r.createElement("div",{className:"o-message o-message--error o-message--attached"+(o?" active":"")},o))},n=e=>{let{handleCode:a,handleSubmit:t,isChecking:s,isRequesting:n,formRef:l,fields:d,handleGoBack:o}=e;return r.createElement(r.Fragment,null,r.createElement("header",{className:"c-mini-header"},r.createElement("h1",{className:"u-h3 u-margin-bottom-none@sm"},"Shipping Address"),r.createElement("span",{className:"u-color-js-green u-padding-small@sm",onClick:e=>o(e)},"Go Back")),r.createElement("main",{className:"o-wrapper",style:{paddingTop:88,paddingBottom:44}},r.createElement("div",{className:"o-layout o-layout--center"},r.createElement("div",{className:"o-layout__item u-1/2@lg"},r.createElement("form",{name:"bundle_shipping_form",className:n?"u-disabled-dark":"",ref:l,onSubmit:e=>t(e),autoComplete:"off",noValidate:!0},r.createElement("fieldset",null,Object.keys(d).map(e=>r.createElement(i,{isChecking:s,data:d[e],name:e,handleCode:"pin"===e?a:null}))),r.createElement("div",{className:"field u-margin-bottom-huge@sm"},r.createElement("button",{type:"submit",className:"c-btn c-btn--primary c-btn--special c-btn--wide",disabled:n},n?r.createElement("div",{className:"c-spinner u-margin-right-small@sm"}):"",n?"Submitting...":"Continue"))),r.createElement("p",{className:"u-centi"},"Any concerns regarding  delay of delivery, delivery of the faulty product, return/replacement of device will be taken care of by our third party vendor Procter. JioSaavn shall not be held liable to any such issues. For any shipping related queries, please reach out to Procter at 9594198498 or ",r.createElement("a",{className:"u-color-js-green",href:"mailto:[email protected]"},"[email protected]"),".")))))},l=r.memo(n);var d=t(78206),o=t(2248);const c=()=>{const e=(0,r.useRef)(null),[a,t]=(0,r.useState)({isLoading:!0,isChecking:!1,isRequesting:!1,isPincodeValid:!0,isExpired:!1,fields:{country:{label:"Country*",value:"India",options:[{name:"India",value:"India"}],disabled:!0,error:"",required:!0,type:"select"},name:{label:"Full Name*",value:"",pattern:"^[a-z\\-\\s]+$",disabled:!1,error:"",required:!0,type:"text"},phone:{label:"Mobile Number*",value:"",pattern:"^[+]91XXXXXX\\d{4}$",max:10,disabled:!1,error:"",required:!0,type:"tel"},pin:{label:"6 Digit PIN Code*",value:"",pattern:"^\\d{6}$",max:6,disabled:!1,error:"",required:!0,type:"number"},address1:{label:"Address Line 1*",value:"",disabled:!1,error:"",required:!0,type:"text"},address2:{label:"Address Line 2*",value:"",disabled:!1,error:"",required:!0,type:"text"},landmark:{label:"Landmark",value:"",disabled:!1,error:"",required:!1,type:"text"},city:{label:"Town/City*",value:"",disabled:!1,error:"",required:!0,type:"text"},state:{label:"State (Based on PIN code)*",value:"",options:[],disabled:!0,error:"",required:!0,type:"select"},phonealt:{label:"Alternate Mobile Number",value:"",pattern:"^\\d{10}$",max:10,disabled:!1,error:"",required:!1,type:"tel"}}}),i=(0,r.useMemo)(()=>Object.keys(a.fields),[]),n=(0,s.UO)().uid,c=e=>{t(e=>({...e,isExpired:!0}));try{JioSaavn&&JioSaavn.closeWVAndProceedToPayment(JSON.stringify(e))}catch(e){}},u=e=>{e.preventDefault();c({status:"error",msg:"Seems like you did not submit your shipping details",show_toast:!1})};return(0,r.useEffect)(()=>{(0,o.Pu)({method:"get",url:d.CT,params:{__call:"bundlePackWebview.getShippingData",uid:n,api_version:4,_format:"json",_marker:0}}).then(e=>{if(e.status>=400||e.data.data.expired)c({status:"error",msg:"Oops! Something went wrong. Please try again.",show_toast:!0});else{setTimeout(()=>{t(e=>({...e,isExpired:!0}))},e.data.data.timeLeft);var a={};i.map(t=>{a[t]=e.data.data[t]?e.data.data[t]:""}),""==a.country&&(a.country="India");var r=[];""!=a.state&&(r=[{name:a.state,value:a.state}]),t(e=>({...e,isLoading:!1,fields:{...e.fields,country:{...e.fields.country,value:a.country},name:{...e.fields.name,value:a.name}

1,phone:{...e.fields.phone,value:a.phone,disabled:!0},pin:{...e.fields.pin,value:a.pin},address1:{...e.fields.address1,value:a.address1},address2:{...e.fields.address2,value:a.address2},landmark:{...e.fields.landmark,value:a.landmark},city:{...e.fields.city,value:a.city},state:{...e.fields.state,value:a.state,options:r},phonealt:{...e.fields.phonealt,value:a.phonealt}}}))}}).catch(e=>{c(reportError)})},[]),a.isExpired?r.createElement(r.Fragment,null,r.createElement("div",{className:"u-padding-vertical-huge@sm u-align-center"},"Oops! Something went wrong. Please try again"),r.createElement("p",{className:"u-align-center"},r.createElement("button",{className:"c-btn c-btn--primary c-btn--small u-align-center",onClick:u},"Go Back"))):a.isLoading?r.createElement("div",{className:"c-spinner c-spinner--large c-spinner--center"}):n?r.createElement(l,{formRef:e,isChecking:a.isChecking,isRequesting:a.isRequesting,fields:a.fields,handleCode:e=>{t(a=>({...a,isChecking:!0,isPincodeValid:!1,fields:{...a.fields,pin:{...a.fields.pin,value:e,error:"",disabled:!0}}}));let a={status:"error",msg:"Oops! Something went wrong. Please try again.",show_toast:!0};(0,o.Pu)({method:"get",url:d.CT,params:{__call:"bundlePackWebview.verifyPincode",pincode:e,api_version:4,uid:n,_format:"json",_marker:0}}).then(e=>{let r=!1,s="",i="";var n=[];"success"==e.data.status?(r=!0,i=e.data.data.state,n=[{name:e.data.data.state,value:e.data.data.state}]):"error"==e.data.status&&"Invalid Pincode"==e.data.msg?(r=!1,s="Pincode not serviceable"):(r=!1,c(a)),t(e=>({...e,isChecking:!1,isPincodeValid:r,fields:{...e.fields,pin:{...e.fields.pin,disabled:!1,error:s},state:{...e.fields.state,value:i,options:n,error:""}}}))}).catch(e=>{c(a)})},handleSubmit:r=>{r.preventDefault(),JioSaavn&&JioSaavn.triggerEvent("click","submit","button",""),t(e=>({...e,hasErrors:!1,isRequesting:!0}));if((()=>{const r={};let s=!1;return i.map(t=>{const i=Object.assign({},a.fields[t],{value:e.current[t]?.value,error:""});i.required&&!i.value&&(i.error="Field is required",s=!0),"pin"==t&&0==a.isPincodeValid&&(s=!0,i.error="Pincode not serviceable"),"pin"==t&&1==a.isChecking&&(s=!0,i.error="Pincode is being validated"),i.value&&i.pattern&&!new RegExp(i.pattern,"ig").test(i.value)&&("name"===t&&(i.error="Invalid characters"),"pin"===t&&(i.error="Exactly 6 digits required"),"tel"===i.type&&(i.error="Invalid phone number"),s=!0),r[t]=i}),t(e=>({...e,hasErrors:s,isRequesting:!s,fields:{...e.fields,...r}})),s})())return window.scrollTo({top:document.querySelector(".error").offsetTop-55,left:0,behavior:"smooth"});const s={};i.map(a=>{s[a]=e.current[a]?.value}),(0,o.Pu)({method:"post",url:d.CT,params:{__call:"bundlePackWebview.storeSubmittedData",uid:n,_format:"json",_marker:0,api_version:4},headers:{"Content-Type":"application/json"},data:s}).then(e=>{t(e=>({...e,isRequesting:!1})),"success"==e.data.status?e.data.show_toast=!1:e.data.show_toast=!0,c(e.data)}).catch(e=>{c({status:"error",msg:"Oops! Something went wrong. Please try again.",show_toast:!0})})},handleGoBack:u}):r.createElement("div",{className:"u-padding-vertical-huge@sm u-align-center"},"User information is required.")}}}]);