https://www.tataplay.com/build/7141.833d4de7721e65cf1607.js

1"use strict";(self.webpackChunktataplay_getconnection=self.webpackChunktataplay_getconnection||[]).push([[7141],{7141(e,a,s){s.r(a),s.d(a,{default:()=>T});var n=s(96540),t=s(58156),l=s.n(t),c=s(42877),r=s.n(c),i=s(21439),d=s(52852),o=s(74191),m=s(44979),p=s(49862),h=s(97965),x=s(67475),u=s(39789),j=s(62193),g=s.n(j),f=s(57120),v=s(28275),b=s(86854),_=s(92885),N=s(74848);let k;const y=(0,h.Ng)(null,{openModal:x.qf})(e=>{const{modalParameters:{data:a,packName:s,type:t,index:c,isExpress:r,modalId:d}}=e,[m,h]=(0,n.useState)(!1),[x,u]=(0,n.useState)(""),[j,y]=(0,n.useState)([]),[O,S]=(0,n.useState)([]),w=(a.pack_mrp||0===a.pack_mrp?a.pack_mrp:"summery"===t?a.packPrice:a.MRP,async()=>{try{const e=(await(0,_.Vn)(a.bouquet_id||a.bouquetId)).data;e.status===p.A.MESSAGES_TYPES.S3_SUCCESS?(u(""),(e=>{k=e.length||"";const a=(0,i.J5)(e,"genre_name"),s=[];Object.keys(a).forEach(e=>{""===e?s.splice(0,0,{id:"Others",config:a[e]}):s.push({id:e,channels:a[e]})}),y((0,f.Q)(s))})(l()(e,"data.data",[])),S(l()(e,"data.binge_ott_data",[])),h(!0)):(u(l()(e,"message")),h(!0))}catch(e){console.log("e",e)}});return(0,n.useEffect)(()=>{w()},[]),m?(0,N.jsxs)("div",{children:[(0,N.jsx)("div",{className:"text-center d-flex justify-content-center mB10",children:(0,N.jsx)("div",{className:"pack-name-view",children:`Pack ${c+1}`})}),(0,N.jsx)("div",{className:"heading-sm text-center",children:(0,N.jsxs)("h2",{id:d?`t-${d}`:void 0,className:"heading1 gradient",children:[" ",a.pack_friendly_name?a.pack_friendly_name:s]})}),(0,N.jsx)("div",{className:"pack-blk",children:(0,N.jsxs)("div",{className:"pack-card-inner text-left",children:[!g()(j)&&(0,N.jsxs)("div",{className:"ott-dtl-info",children:[(0,N.jsx)("div",{className:"label-heading",children:"Channels"}),(0,N.jsx)("div",{className:"channel-type mT0",children:(0,N.jsxs)("div",{className:"channel-blk-wrapp dflex-fs",children:[(0,N.jsxs)("div",{className:"channels-blk data",style:{display:"flex"},children:[(0,N.jsx)("img",{src:"/assets/images/manage-pack/hd.svg",alt:"HD",className:"mR5"}),a.hd_count]}),(0,N.jsxs)("div",{className:"channels-blk data",style:{display:"flex"},children:[(0,N.jsx)("img",{src:"/assets/images/manage-pack/sd.svg",alt:"SD",className:"mR5"}),a.sd_count]})]})})]}),(0,N.jsxs)("div",{className:"ott-dtl-info",children:[(0,N.jsx)("div",{className:"label-heading",children:"Pack Price"}),(0,N.jsxs)("div",{className:"data",children:["₹",a.pack_mrp]})]})]})}),g()(x)?(0,N.jsx)("div",{style:{marginTop:"10px"},className:"ott-combos-accordian",children:(0,N.jsx)(v.A,{open:0,children:["TV Channels"].map((e,a)=>"TV Channels"===e&&g()(j)?null:(0,N.jsxs)(v.A.Item,{children:[(0,N.jsx)(v.A.Header,{children:a=>{const s=a.isOpen?"accordion-toggle acc-expanded":"accordion-toggle acc-collapsed";return(0,N.jsx)(n.Fragment,{children:(0,N.jsx)("div",{className:`card mT10 ${s}`,children:(0,N.jsx)("div",{className:"card-header",children:(0,N.jsxs)("h5",{className:"card-header-inner",children:[(0,N.jsx)("span",{className:"channel-name",children:e}),(0,N.jsx)("span",{className:"channel-count",children:`${k} ${1===k?"Channel":"Channels"}`})]})})})})}}),(0,N.jsx)(v.A.Body,{children:!g()(j)&&(0,N.jsx)(b.A,{data:j,journey:"channelList",isExpress:r})})]},`${a}-${e}`))})}):(0,N.jsx)("div",{style:{textAlign:"center",marginBottom:"20px"},children:(0,N.jsx)("h3",{children:x})})]}):(0,N.jsx)(o.A,{})});var O=s(15064),S=s(64467),w=s(12843);function P(e,a){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);a&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),s.push.apply(s,n)}return s}function A(e){for(var a=1;a<arguments.length;a++){var s=null!=arguments[a]?arguments[a]:{};a%2?P(Object(s),!0).forEach(function(a){(0,S.A)(e,a,s[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):P(Object(s)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(s,a))})}return e}const E=(0,h.Ng)(e=>({manifest:e.commonReducer.manifest}))(e=>{const{manifest:a,closeDrawerModal:s,modalParameters:{getSearchPackApi:t,getAppliedFilters:l,data:c,modalId:r}}=e,{s3Data:{languages:h,genres:x}}=(0,i.GY)("ExpressConnection")||[],u=h&&h.map(e=>

1e),[j,g]=(0,n.useState)([]),[f,v]=(0,n.useState)(!1),[b,_]=(0,n.useState)([]),[k,y]=(0,n.useState)(!1),[O,S]=(0,n.useState)(""),[P,E]=(0,n.useState)({Language:u,Genre:x||[]}),[D,C]=(0,n.useState)(!1),T=[c.lanTxt,c.genTxt],$=(e,a)=>P&&P[a]&&P[a].some(a=>(a.name||a.value)===e.name)||!1,I=(e,a)=>{if(P&&P[a]&&P[a].some(a=>(a.name||a.value)===e.name)){const s=P[a]&&P[a].filter(a=>(a.value||a.name)!==e.name);E(A(A({},P),{},{[a]:s}))}else E(A(A({},P),{},{[a]:[...P[a],e]})),C(!1)},R=e=>{S(e),"Genre"===e&&(async()=>{try{const e={apiPath:(0,i.th)("genre",a),mock:!1},s=(await d.n.fetchData(e)).data;if(s.status===p.A.MESSAGES_TYPES.S3_SUCCESS){const e=s.data;y(!0),_(e)}}catch(e){y(!0),(0,m.x8)(p.A.serverError,!0)}})()},G=e=>{const a=P&&P.Language&&P.Language.map(e=>({value:e.value||e.name,key:e.key})),n=(P&&P.Genre,P&&P.Genre&&P.Genre.map(e=>({value:e.name||e.value,key:e.key})));(0,i.Sw)({event:"express_journey",link_name:"filter_apply_ej","Type of Journey":"EJ",LanguageSelection:a?a.map(e=>e.value):[],"Genre Selection":n?n.map(e=>e.value):[]}),0!==P.Language.length||0!==P.Genre.length?((0,w.o$)("languages",a,!0),(0,w.o$)("genres",n,!0),t(a,n,!0),(e=>{e.preventDefault(),s()})(e)):C(!0)};return(0,n.useEffect)(()=>{S("Language"),(async()=>{try{const e={apiPath:(0,i.th)("languages",a),mock:!1},s=(await d.n.fetchData(e)).data;if(s.status===p.A.MESSAGES_TYPES.S3_SUCCESS){const e=s.data;y(!0),v(!1),g(e)}}catch(e){v(!1),(0,m.x8)(p.A.serverError,!0)}})()},[]),(0,n.useEffect)(()=>{},[P]),k?(0,N.jsxs)("div",{className:"filter-modal",children:[(0,N.jsxs)("div",{className:"d-flex justify-content-between align-items-center",children:[(0,N.jsx)("div",{className:"section-heading mB0",children:(0,N.jsx)("h2",{id:r?`t-${r}`:void 0,className:"heading1",children:c&&c.filTxt})}),(0,N.jsx)("button",{className:"a-link link clear-btn",onClick:()=>(E({Language:[],Genre:[]}),void C(!0)),children:c&&c.clrTxt})]}),(0,N.jsxs)("div",{id:"filter-section",className:"filter-section chat-section more-packs mT10","data-section-for":"filter-section",style:{display:"block"},children:[(0,N.jsxs)("div",{className:"filter-tab",children:[(0,N.jsx)("div",{className:"left-tab",children:(0,N.jsx)("ul",{className:"nav nav-tabs tabs-left",role:"tablist",children:T.map(e=>(0,N.jsx)("li",{role:"presentation",className:"filter-tab language-tab",children:(0,N.jsx)("button",{className:"a-link link "+(O===e?"active show":""),onClick:()=>R(e),children:(0,N.jsxs)("span",{className:"posR "+(O===e?"":"selected-tab"),children:[e,P[e]&&P[e].length>0&&(0,N.jsx)("span",{className:"bold nutext",style:{display:"block"},children:P[e].length})]})})}))})}),(0,N.jsx)("div",{className:"right-tab",children:(0,N.jsx)("div",{className:"tab-content",children:(e=>{switch(e){case"Language":return(0,N.jsx)("div",{role:"tabpanel",className:"tab-pane active show",id:"language1",children:(0,N.jsx)("div",{className:"form-group text-center checkbox-img sel-langwrapp",children:(0,N.jsx)("div",{className:"languages-checkbox language-box",children:j.map(e=>(0,N.jsx)("div",{className:"form-check",onClick:()=>I(e,"Language"),children:(0,N.jsxs)("div",{className:""+($(e,"Language")?"form-check-label sel":"form-check-label"),children:[" ",(0,N.jsx)("span",{children:e.name}),(0,N.jsx)("span",{class:"vernacular",children:e.regional}),"  "]})}))})})});case"Genre":return(0,N.jsx)("div",{role:"tabpanel",className:"tab-pane",id:"gener",children:(0,N.jsx)("div",{className:"form-group text-center checkbox-img sel-generwrapp",children:(0,N.jsx)("div",{className:"languages-checkbox gener-box",children:b.map(e=>(0,N.jsx)("div",{className:"form-check",onClick:()=>I(e,"Genre"),children:(0,N.jsxs)("div",{className:""+($(e,"Genre")?"form-check-label sel":"form-check-label"),children:[(0,N.jsx)("div",{className:"icon-contr",children:(0,N.jsx)("img",{src:`${p.A.NODE_API_ROOT}${e.icon}`,alt:"Entertainment"})}),(0,N.jsx)("div",{className:"text-contr",children:e.name})]})}))})})});default:return null}})(O)})})]}),(0,N.jsxs)("div",{className:"fixed-btn btn-contr full-width text-center",children:[D&&(0,N.jsx)("div",{className:"err-text",children:"Please select at least one language and genre"}),(0,N.jsx)("button",{className:"btn btn-primary waves-effect waves-light apply "+(D?"disabled":""),onClick:e=>G(e),disabled:D,children:c&&c.appBtn})]})]})]}):(0,N.jsx)(o.A,{})});var D=s(77121);const C=e=>{const{modalParameters:{data:a,modalId:s}}=e;return(0,N.jsxs)(n.Fragment,{children:[(0,N.jsx)("div",{className:"heading-sm text-center mB20",children:(0,N.jsx)("h2",{id:s?`t-${s}`:void 0,className:"heading1 gradient",children:a&&a.ncfModalHead})}),a&&a.ncfModalTxt]})},T=e=>

1{const{innerPageProps:a,innerPageProps:{field_json_data:{filPopup:s}},history:t,sessionHandler:c}=e,j=(0,i.GY)("ExpressConnection")||{},{s3Data:{languages:f,state:v,genres:b=[]},stbDetail:_,sourceType:k,hdValue:S,stbDetail:{field_boxtype:P},userDetail:A,uuid:T,callCenterUserData:$}=j,[I,R]=(0,n.useState)([]),[G,L]=(0,n.useState)(!1),[M,B]=(0,n.useState)("false"),[F,J]=(0,n.useState)(0),[U,V]=(0,n.useState)(null==S||S),[Y,q]=(0,n.useState)(!0),H=(0,h.wA)(),X=!["Standard"].includes(_&&_.field_boxtype),K=async(e,a,s)=>{!s&&d.n.saveUserPriority("step_pack",T,k||"EXPRESS"),R([]);try{L(!1);const s=e&&e.map(e=>e.value),n={languages:s,genres:a&&a.map(e=>e.value),hd:U?"Y":"N",st:v,s:"GETCONNECTION",is_ott:"N",xpress:"true"},t=btoa(JSON.stringify(n)),l=`${p.A.NODE_API_ROOT}/dth/read/core-api/packages/packs/${t}`,c=(await d.n.getData(l,n)).data;if(c.status===p.A.MESSAGES_TYPES.SUCCESS){const e=c&&c.data.packages&&c.data.packages.map(e=>e);R(e),L(!0)}}catch(e){console.log("ERROR"),(0,m.x8)(p.A.serverError,!0)}},Q=e=>{const a=e&&e.Genre&&e.Genre.filter(e=>"Tata Play Services"!=e),s=a&&a.length?a.length:0,n=e&&e.Language&&e.Language.length?e.Language.length:0;J(s+n)};(0,n.useEffect)(()=>{(0,w.o$)("hdValue",U)},[U]);const z=e=>{const a=e.toString().split(".");return a.length>1?(0,N.jsxs)(n.Fragment,{children:["₹",a[0],(0,N.jsxs)("span",{className:"sub-text",children:[".",a[1],"/month"]})]}):(0,N.jsxs)(n.Fragment,{children:["₹",e,(0,N.jsx)("span",{className:"sub-text",children:"/month"})]})};(0,n.useEffect)(()=>{K(f,b)},[U]);const W=f.map(e=>e.value),Z=b.map(e=>e.value),ee=r()(I.map(e=>(0,D.Kj)(e,W,Z)),["score","pack_mrp"],["desc","asc"]);return G?(0,N.jsxs)(n.Fragment,{children:[I&&!g()(I)?(0,N.jsxs)("div",{id:"ts-packs",className:"innercontainer-sm",children:[(0,N.jsxs)("div",{className:"smart-tips-wrapp dflex justify-content-center",children:[(0,N.jsx)("span",{className:"small mR10",children:(0,N.jsx)("img",{src:`${p.A.NODE_API_ROOT}${a&&a.field_json_data&&a.field_json_data.giftImg}`,alt:"Gift"})}),(0,N.jsx)("span",{className:"small",children:a&&a.field_json_data&&a.field_json_data.giftTxt})]}),(0,N.jsx)("div",{className:"regionalpack-container value-pacwarpp adjustspac",children:(0,N.jsx)("div",{className:"acc-packwrapp",children:(0,N.jsx)("div",{className:"pack-blk month-charg-blk",children:ee&&ee.slice(0,3).map((s,n)=>(0,N.jsxs)("div",{className:"card",children:[0===n&&(0,N.jsx)("div",{className:"tagging",children:"Popular"}),(0,N.jsx)("div",{className:"card-header",children:(0,N.jsxs)("div",{className:"pak-details",children:[(0,N.jsx)("div",{className:"pal-name",children:s.pack_friendly_name}),(0,N.jsxs)("div",{className:"price-contr",children:[(0,N.jsx)("div",{className:"label",children:z(s.pack_mrp)}),(0,N.jsxs)("div",{className:"small mT2 d-flex align-items-center",children:[(0,N.jsx)("span",{className:"fs16 mR2",children:a&&a.field_json_data&&a.field_json_data.plusIcon}),"",a&&a.field_json_data&&a.field_json_data.ncfTxt,(0,N.jsx)("button",{className:"a-link link",onClick:()=>((e=0)=>{H((0,x.qf)(u.lx.COMMON_MODAL,{modalId:`express-ts-packs-ncf-modal-${e}`,Component:C,parentClass:"ncf-packs express-conn drawer-popup",data:a&&a.field_json_data,backDropClass:"bottom-sheet"}))})(n),children:(0,N.jsx)("img",{src:`${p.A.NODE_API_ROOT}${a&&a.field_json_data&&a.field_json_data.infoIcon}`,alt:"Info",className:"information-icon1 mL5"})})]})]})]})}),(0,N.jsxs)("div",{className:"card-body",children:[(0,N.jsxs)("div",{className:"dash-channel",children:[(0,N.jsx)("div",{className:"label label2",children:"Channels"}),(0,N.jsx)("div",{className:"channel-type",children:(0,N.jsxs)("div",{className:"channel-blk-wrapp dflex-fs",children:[(0,N.jsxs)("div",{className:"channel-blk",children:[(0,N.jsx)("img",{src:"/assets/images/manage-pack/hd.svg",alt:"HD"}),(0,N.jsx)("span",{className:"channel-no leadTxt",children:s.hd_count})]}),(0,N.jsxs)("div",{className:"channel-blk",children:[(0,N.jsx)("img",{src:"/assets/images/manage-pack/sd.svg",alt:"SD"}),(0,N.jsx)("span",{className:"channel-no leadTxt",children:s.sd_count})]})]})})]}),(0,N.jsxs)("div",{className:"btn-contr single-row mT5",children:[(0,N.jsx)("button",{className:"a-link link view-btn",onClick:()=>((e,a)=>{H((0,x.qf)(u.lx.COMMON_MODAL,{modalId:`express-ts-packs-channels-modal-${a}

1`,Component:y,data:e,getPrice:()=>{},pack_details_2:e&&e.pack_details_1||"",showCombo:O.getCombosDescription,parentClass:"packlist ott-combos-modal channels express-conn  drawer-popup",backDropClass:"bottom-sheet",jsonData:{},isOtt:!0,index:a,isExpress:!0}))})(s,n),children:"View Channels"}),(0,N.jsx)("button",{className:"btn btn-md btn-primary waves-effect waves-light share-summary "+((0,i.AT)("EXPRESS")&&l()(e,"showRedBorder",!1)&&$&&$.packsData.includes(s.package_id)?"redBorder":""),role:"button",onClick:()=>(e=>{(0,i.Sw)({event:"express_journey",step_name:"pack_selection_ej","Pin code":j.pincode,"Type of Journey":"EJ","Length of journey":"EJ - Lead | choose-stb | select-language | ts-packs","Prospect ID":l()(j,"uuid",null),"Box Selection":j&&j.stbDetail&&j&&j.stbDetail.pack_name||null,"STB type":j&&j.stbDetail&&"Standard"===j.stbDetail.field_boxtype?"SD":"HD",LanguageSelection:f.map(e=>e.value)||null,"Genre Selection":b.map(e=>e.value)||null,"Pack Name":e.pack_friendly_name||null,Days:null,SelectionSummary:null}),(0,w.o$)("cartSummaryRawData",{}),(0,w.o$)("cartSummary",{}),c().setPacksData(e,U)})(s),children:a&&a.field_json_data.getBtn})]})]})]}))})})})]}):(0,N.jsx)("div",{className:"no-packs",children:"No Packs Found"}),(0,N.jsx)("div",{className:"fixed-btn cart-wrapper mT20 show",children:(0,N.jsxs)("div",{className:"dflex-sb innercontainer-sm",children:[X&&(0,N.jsxs)("div",{className:"filter-toggel",children:[(0,N.jsx)("div",{className:"fil-switch",children:(0,N.jsxs)("label",{className:"switch",for:"toggle",children:[(0,N.jsx)("input",{type:"checkbox",name:"channelToggle",checked:U,id:"toggle",onChange:()=>{V(e=>!e)}}),(0,N.jsx)("span",{className:"slider round"})]})}),(0,N.jsx)("div",{className:"font-medium mT3",children:a&&a.field_json_data&&a.field_json_data.hd})]}),(0,N.jsx)("div",{className:X?"filter-toggel text-center":"filter-toggel text-center width-50",children:(0,N.jsxs)("button",{className:g()(I)?"disabled a-link link":"a-link link",onClick:()=>(t.push(`/${p.A.ec_connection_path}/compare-packs`),void(0,i.Sw)({event:"express_journey",link_name:"compare_packs","Type of Journey":"EJ"})),disabled:g()(I),children:[(0,N.jsx)("img",{src:`${p.A.NODE_API_ROOT}${a&&a.field_json_data&&a.field_json_data.comImg}`,alt:"Compare"}),(0,N.jsx)("div",{className:"font-medium ",children:a&&a.field_json_data&&a.field_json_data.compTxt})]})}),(0,N.jsxs)("div",{className:"filter-toggel text-center pack-filter-contr",children:[(0,N.jsxs)("button",{className:"filter a-link link",onClick:()=>((0,i.Sw)({event:"express_journey",link_name:"filter_ej","Type of Journey":"EJ"}),void H((0,x.qf)(u.lx.COMMON_MODAL,{modalId:"express-ts-packs-filter-modal",Component:E,parentClass:"allFilters-modal express-conn drawer-popup",getAppliedFilters:Q,serviceType:_&&_.field_boxtype,getSearchPackApi:K,data:s,backDropClass:"bottom-sheet"}))),children:[(0,N.jsx)("img",{src:`${p.A.NODE_API_ROOT}${a&&a.field_json_data&&a.field_json_data.filImg}`,alt:"Filter"}),(0,N.jsx)("div",{className:"font-medium filter-data",children:a&&a.field_json_data&&a.field_json_data.filTxt})]}),(0,N.jsxs)("nav",{className:Y?"nav visible":"nav",children:[(0,N.jsx)("div",{className:"false-overlay"}),(0,N.jsxs)("ul",{className:"filter-coach",children:[(0,N.jsx)("li",{className:"shape-circle circle-two active coach",children:(0,N.jsxs)("div",{className:"text-wrapp visible",children:[(0,N.jsxs)("p",{children:["Add filters to search",(0,N.jsx)("br",{}),"for your best-fit pack"]}),(0,N.jsxs)("button",{className:"btn btn-secondary mT10 nextbtn next1 waves-effect waves-light",onClick:()=>{q(!1)},children:[a&&a.field_json_data&&a.field_json_data.popUp.okayBtn," "]})," "]})}),(0,N.jsx)("li",{className:"shape-circle circle-three"}),(0,N.jsx)("li",{className:"shape-circle circle-five"})]})]})]})]})})]}):(0,N.jsx)(o.A,{})}},92885(e,a,s){var n=s(64467),t=(s(44979),s(49862)),l=s(81106),c=s(11668);function r(e,a){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);a&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),s.push.apply(s,n)}return s}function i(e){for(var a=1;a<arguments.length;a++){var s=null!=arguments[a]?arguments[a]:{};

1a%2?r(Object(s),!0).forEach(function(a){(0,n.A)(e,a,s[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):r(Object(s)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(s,a))})}return e}s.d(a,["Vn",0,e=>{const a=i({},c.d_),s={id:e};a.url=`${t.A.NODE_API_ROOT}/dth/read/core-api/package-channel-list`,a.params=s;return new l.I(a,!0).doAjax()},"b6",0,e=>{const a=i({},c.d_);a.params=e,a.url=`${t.A.NODE_API_ROOT}/inception-write/userDetail/updateUser`;return new l.I(a,!0).doAjax()},"tF",0,e=>{const a=i({},c.d_),s={uuid:e.uuid,pack_ids:e.pack_ids,stbId:e.stbId};a.params=s,a.url=`${t.A.NODE_API_ROOT}/inception-write/coreApi/cartSummary`;return new l.I(a,!0).doAjax()},"x1",0,e=>{const a=i({},c.x4);a.url=`${t.A.NODE_API_ROOT}/dth/read/core-api/get-area-by-pincode/${e}`;return new l.I(a,!0).doAjax()}])}}]);