https://www.tataplay.com/build/2122.037f79578953cece647b.js

1"use strict";(self.webpackChunktataplay_getconnection=self.webpackChunktataplay_getconnection||[]).push([[2122],{52122(e,t,s){s.r(t);var a=s(96540),l=s(44343),i=s(83328),n=s(74191),o=s(5556),c=s.n(o),d=(s(88055),s(97965)),r=s(14644),u=s(67475),m=s(39789),b=s(3304),p=s(49862),h=s(62193),x=s.n(h),_=s(67358),S=s(21439),f=s(70581),y=s(74848);class D extends a.Component{constructor(e){super(e),this.showPopup=e=>{const{openModal:t}=this.props;t(m.lx.NO_BOX_MODAL,{message:e,hideCross:!0,noOverlayClose:!0})},this.handleTabClick=(e,t)=>{this.setState({selectedBox:null});const{selectedStb:s}=this.state;let a=!1,l=null;if(s&&s.length){a=s.some(t=>t.title==e);let t=a&&s.filter(t=>t.title==e)||null,i=a&&t&&document.getElementById(t[0].id)||null;l=i&&t?t[0].id:null;let n=a&&t&&document.getElementById(`label${t[0].id}`)||null;i&&i.parentElement.classList.add("sel"),i&&n&&n.classList.add("sel"),i&&i.setAttribute("checked",!0)}this.setState({selectedTab:e,selectedBox:l})},this.renderTabs=e=>null==e?null:Object.keys(e).map((e,t)=>{const s=`${e}`;return(0,y.jsx)("p",{className:this.state.selectedTab===e?"active-tab":"",onClick:()=>this.handleTabClick(e,s),children:s},t)}),this.onRadioBtn=(e,t)=>{e.preventDefault(),e.stopPropagation();const{selectedTab:s,selectedStb:a}=this.state;let l=[...a],i={};i.title=s||"",i.id=t.nid||null,i.coupon_amount=t.field_coupon_amount||"",i.coupon_code=t.field_coupon_code||"",i.box_title=t.box_title||"",i.field_boxtype=t.field_boxtype||"",l.push(i);const n=this.findUniqueArray(l);this.setState({selectedStb:n,selectedBox:t.nid,submitBtnDisabled:!1})},this.renderBoxDetails=e=>{const{selectedTab:t,selectedBox:s}=this.state,{getConnection:{stbDetail:a}}=this.props;if(null==e)return null;let l=null;if(a&&a.field_boxtype&&"Standard"==a.field_boxtype)l=e[t]||null;else{const s=!!e&&Object.values(e).map(e=>e.filter(e=>"Standard"!==e.field_boxtype))||null;let a={};for(let t=0;t<Object.keys(e).length;t++)a[Object.keys(e)[t]]=s[t];l=a[t]||null}return(0,y.jsx)("div",{className:"box-outer",children:Object.keys(e).map((e,a)=>(0,y.jsx)("div",{className:"tab-content",children:t===e&&(0,y.jsx)("div",{className:"boxes radio-button",children:l&&l.map((e,t)=>(0,y.jsxs)("div",{className:e.nid==s?"card sel":"card",onClick:t=>{this.onRadioBtn(t,e)},children:[(0,y.jsx)("input",{className:"form-check-input",name:"stbRadioBtn",type:"radio",id:e.nid,value:e.nid,checked:e.nid==s}),(0,y.jsx)("label",{className:e.nid==s?"form-check-label sel":"form-check-label",htmlFor:e.nid,id:`label${e.nid}`,children:(0,y.jsxs)("div",{className:"card-body",children:[(0,y.jsxs)("div",{className:"left-plan-details",children:[(0,y.jsx)("div",{className:"plan-name",children:e.box_title}),(0,y.jsxs)("div",{className:"price",children:[(0,y.jsxs)("span",{className:"old-amount",children:["₹ ",e.strike_price]}),(0,y.jsxs)("span",{className:"amount",children:[" ",e.box_price]})]})]}),(0,y.jsxs)("div",{className:"right-box-details",children:[(0,y.jsx)("div",{className:"logo-contr",children:(0,y.jsx)("img",{className:"img-fluid",src:`${p.A.NODE_API_ROOT}${e.sd_hd_icon}`,style:{width:"30px",height:"16px"}})}),(0,y.jsx)("div",{className:"stb-contr",children:(0,y.jsx)("img",{className:"img-fluid",src:`${p.A.NODE_API_ROOT}${e.box_logo}`,style:{width:"87px",height:"35px"}})})]})]})})]},t))})},a))})},this.summaryRedirection=async e=>{const{history:t,setSelectedStbId:s,getConnection:a,setSecondaryCouponData:l,setStbCouponData:i,s3Data:{stbData:n}}=this.props,{selectedStb:o,secondaryBoxIds:c}=this.state;this.state.selectedStb;const d={title:a&&a.stbDetail?a.stbDetail.title:"",id:a&&a.stbDetail?a.stbDetail.stb_id:"",coupon_amount:a&&a.stbDetail&&a.stbDetail.field_stb_coupons&&a.stbDetail.field_stb_coupons.field_coupon_amount?a.stbDetail.field_stb_coupons.field_coupon_amount:"",coupon_code:a&&a.stbDetail&&a.stbDetail.field_stb_coupons&&a.stbDetail.field_stb_coupons.field_coupon_code?a.stbDetail.field_stb_coupons.field_coupon_code:"",box_title:a&&a.stbDetail?a.stbDetail.field_sub_title:"",field_boxtype:a&&a.stbDetail?a.stbDetail.field_boxtype:""};let r=[];if(r.push(d),localStorage.setItem("primaryStbData",JSON.stringify(r)),"new"==e){const e=o&&o.map(e=>e.box_title);(0,S.Sw)({event:"GC - Multi TV Boxes - Yes","Type of Journey":"GC","Multi TV Boxes":"Select & Proceed","Box Name":e||null,Price:(0,S.iV)(o)||null,"Sub ID":(0,S.Xo)().id||null});let t=[],n={};const c=[...r,...o];

1o.forEach(e=>{t.push(e.id)}),c.forEach(e=>{n[e.id]=e.coupon_code}),p.A.isServer()||(s(t),l(c),localStorage.setItem("selectedStbIds",JSON.stringify(o)),localStorage.setItem("combinedSelectedStb",JSON.stringify(c)),i(n),await this.props.getCartSummary(a.uuid,a.selectedPacks,a.stbId,t))}else(0,S.Sw)({event:"GC - Multi TV Boxes - No","Type of Journey":"GC","Multi TV Boxes":"Skip & Continue","Sub ID":(0,S.Xo)().id||null}),p.A.isServer()||(s(null),l(null),localStorage.removeItem("selectedStbIds"),localStorage.removeItem("combinedSelectedStb"),await this.props.getCartSummary(a.uuid,a.selectedPacks,a.stbId,null))},this.findUniqueArray=e=>{let t=[];for(let s=0;s<e.length;s++){let a=!1;for(let l=t.length-1;l>=0;l--)if(e[s].title===t[l].title){a=!0;break}a?(t=t.filter(t=>t.title!==e[s].title),t.push(e[s])):t.push(e[s])}return t},this.state={multiTvBoxesOptions:null,selectedTab:null,selectedStb:[],selectedBox:null,submitBtnDisabled:!0,error:!1}}componentDidMount(){const{innerPageProps:e,getConnection:{uuid:t},updateS3DataFn:s,hideMainLoader:a}=this.props;if(s("cartSummary",{}),s("cartSummaryRawData",{}),a(),!x()(e)&&e.field_json_data){const t=e.field_json_data?Object.keys(e.field_json_data)[0]:null;this.setState({multiTvBoxesOptions:e.field_json_data?e.field_json_data:null,selectedTab:t})}}UNSAFE_componentWillReceiveProps(e){const{history:t,getConnection:{packages:s,stbDetail:a,stbType:l},s3Data:i,getCurrentPageData:n}=e,{updateS3DataFn:o}=this.props;this.props.s3Data!==i&&i.cartSummaryRawData&&i.cartSummaryRawData.data&&!i.cartSummaryRawData.data.isBoxPresent&&this.showPopup(i.cartSummaryRawData.message),i.cartSummary&&i.cartSummary.cartSummaryData&&i&&i.cartSummaryRawData!==(this.props.s3Data&&this.props.s3Data.cartSummaryRawData)&&t.push(`/${p.A.connection_path}/make-payment-summary`),i&&i.cartSummaryRawData&&i.cartSummaryRawData.status===p.A.MESSAGES_TYPES.FAIL&&this.setState({error:!0})}render(){const{multiTvBoxesOptions:e,submitBtnDisabled:t,selectedStb:s,error:l}=this.state,{innerPageProps:i,isLoading:o}=this.props;return o?(0,y.jsx)(n.A,{}):l?(0,y.jsx)(b.A,{}):(0,y.jsxs)(a.Fragment,{children:[(0,y.jsx)("div",{className:"",children:(0,y.jsx)("div",{className:"tabs-section mB20",children:(0,y.jsx)("div",{className:"tabs-container",children:this.renderTabs(e)})})}),(0,y.jsx)("div",{className:"container box-details",children:this.renderBoxDetails(e)}),(0,y.jsx)(f.A,{htmlContent:i.field_description}),(0,y.jsx)("div",{class:"fixed-btn show",children:(0,y.jsxs)("div",{class:"container",children:[(0,y.jsxs)("div",{class:"additional-text",children:["Additional boxes selected-  ",(0,y.jsx)("span",{class:"selRadio",children:s.length?s.length<4?s.length:3:0})]}),(0,y.jsxs)("div",{class:"btn-contr text-center",children:[(0,y.jsx)("button",{class:"btn btn-secondary btn-md waves-effect waves-light",onClick:()=>this.summaryRedirection("old"),children:"Skip & Continue"}),(0,y.jsx)("button",{disabled:t,class:"btn btn-primary btn-md waves-effect waves-light",onClick:()=>this.summaryRedirection("new"),children:"Select & Proceed"})]})]})})]})}}D.propTypes={jsonData:c().object.isRequired};const g=(0,d.Ng)(e=>{},e=>({getCartSummary:(0,r.zH)(_.rs,e),updateS3DataFn:(0,r.zH)(_.WX,e),openModal:(0,r.zH)(u.qf,e)}))((0,i.A)((0,l.A)(D)));s.d(t,["default",0,g])}}]);