@maestro_io/maestro-web-sdk 5.2.0 → 5.3.0

package/dist/38.maestro-web-sdk.esm.js

@@ -1,2 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{232:function(n,e,o){"use strict";o.r(e);var a=o(0),i=o.n(a);e.default=()=>i.a.createElement("div",{style:{marginTop:"36px"}},"Fox Key Plays Coming Soon!")}}]);
-//# sourceMappingURL=38.maestro-web-sdk.esm.js.map

package/dist/38.maestro-web-sdk.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///./src/modules/fox/key-plays/view/FoxKeyPlays.tsx"],"names":["FoxKeyPlays","React","createElement","style","marginTop"],"mappings":"2FAAA,2BAMeA,UAJKA,IACXC,IAAAC,cAAA,OAAKC,MAAO,CAAEC,UAAW,SAAU","file":"38.maestro-web-sdk.esm.js","sourcesContent":["import React from 'react';\n\nconst FoxKeyPlays = () => {\n  return <div style={{ marginTop: '36px' }}>Fox Key Plays Coming Soon!</div>;\n};\n\nexport default FoxKeyPlays;\n"],"sourceRoot":""}

package/dist/39.maestro-web-sdk.esm.js

@@ -1,2 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[39],{247:function(t,e,i){"use strict";i.r(e),i.d(e,"MultiViewViewModel",(function(){return h}));var s=i(34),r=i(3);const a={2:{layoutId:"LR",description:"Two equal-sized windows side by side",positions:{L:{w:.4766,h:.4766,x:.259,y:.5},R:{w:.4766,h:.4766,x:.7409,y:.5}},name:"50/50",windowCount:2,positionsOrder:["L","R"]},3:{layoutId:"TLTRB",description:"Three equal-sized windows in T layout",positions:{B:{w:.458,h:.458,x:.5,y:.266},TL:{w:.458,h:.458,x:.268,y:.7335},TR:{w:.458,h:.458,x:.732,y:.7335}},name:"Triple T",windowCount:3,positionsOrder:["TL","TR","B"]},4:{layoutId:"TLTRBLBR",description:"Four equal-sized windows in 2x2 grid",positions:{BL:{w:.4766,h:.4766,x:.259,y:.257},BR:{w:.4766,h:.4766,x:.741,y:.257},TL:{w:.4766,h:.4766,x:.259,y:.743},TR:{w:.4766,h:.4766,x:.741,y:.743}},name:"2x2 Grid",windowCount:4,positionsOrder:["TL","TR","BL","BR"]}};var o=i(35);function n(t,e,i){return(e=function(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,e||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}var l=class{constructor(){n(this,"networkManager",void 0),n(this,"productAPI",null),this.networkManager=new o.b}getLayouts(){return this.productAPI?this.networkManager.externalApiRequest({endpoint:"https://qa-mvlm.api.shared.digitalvideoplatform.com/mvlm/v1/layouts",headers:this.productAPI.headers}):null}setProductAPIData(t){this.productAPI=t}pollCuratedMultiviews(t,e,i){return this.productAPI?this.networkManager.pollExternalApiRequest({endpoint:this.productAPI.endpoint,interval:t,method:this.productAPI.method,headers:this.productAPI.headers,onData:e,onError:i}):null}getOrCreateCustomMultiview(t,e={}){return this.networkManager.externalApiRequest({endpoint:"https://qa-mvlm.api.shared.digitalvideoplatform.com/mvlm/v1/mvlisting",method:o.a.POST,data:t,headers:e})}},u=i(15),d=i(4);function c(t,e,i){return(e=function(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var s=i.call(t,e||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}class h extends s.a{constructor(t,e,i){super(),c(this,"_layouts",new r.a([])),c(this,"_isPolling",new r.a(!1)),c(this,"service",void 0),c(this,"delegate",void 0),c(this,"eventId",void 0),c(this,"analyticsService",void 0),c(this,"isDataLoading",new r.a(!1)),c(this,"pollingTask",null),c(this,"items",new r.a([])),c(this,"hasEverSuccessfullyLoaded",new r.a(!1)),c(this,"onAuthError",void 0),this.eventId=t,this.delegate=e,this.analyticsService=i,this.service=new l}getLayouts(){return this._layouts.value}getIsPolling(){return this._isPolling}getIsDataLoading(){return this.isDataLoading}getEventId(){return this.eventId}notifyProductAPIUnauthorized(t){if(401!==t.statusCode)return;const e={code:t.statusCode,message:t.message||"Not authorized",success:!1,data:t.data};this.onAuthError&&this.onAuthError(e)}async trackPanelView(){try{await this.analyticsService.panelView("foxMultiView")}catch(t){Object(d.a)(t,{context:"MultiViewViewModel.trackPanelView"}),console.error("[MULTIVIEW] Error tracking panel view:",t)}}async init(){try{await this.trackPanelView(),await this.fetchLayouts(),this.refreshPolling()}catch(t){const e=t instanceof Error?t.message:"Failed to initialize MultiView";this.setError(e),console.error("[MultiViewViewModel] Initialization error:",t)}}async fetchLayouts(){if(!this.getLayouts().length)try{this.isDataLoading.value=!0;const t=await this.service.getLayouts();t&&(this._layouts.value=t)}catch(t){if(console.log("[MultiViewViewModel] Error fetching layouts:",t),t instanceof u.a)return void this.notifyProductAPIUnauthorized(t);const e=t instanceof Error?t.message:"Failed to fetch layouts";this.hasEverSuccessfullyLoaded.value||this.setError(e)}finally{this.isDataLoading.value=!1}}async setDataToPanel(t){try{const e="function"==typeof t.callback?t.callback:void 0;(t=>!(!t||"object"!=typeof t)&&("string"==typeof t.endpoint&&"string"==typeof t.method&&null!==t.headers&&"object"==typeof t.headers&&!Array.isArray(t.headers)))(t)&&(this.onAuthError=e,this.service.setProductAPIData(t),await this.fetchLayouts(),this.refreshPolling())}catch(t){const e=t instanceof Error?t.message:"Failed to set panel data";console.error("[MultiViewViewModel] Error setting panel data:",t),this.hasEverSuccessfullyLoaded.value||this.setError(e)}}async onSelectCustomMultiview(t){try{this.setLoading(!0),this.setError(null);const e=await this.service.getOrCreateCustomMultiview(t);this.delegate&&this.delegate.onPanelEvent({type:"fox-multiview:custom-multiview",payload:e.multiviewId})}catch(t){const e=t instanceof Error?t.message:"Failed to select custom multiview";throw this.setError(e),console.error("[MultiViewViewModel] Error selecting multiview:",t),t}finally{this.setLoading(!1)}}cleanup(){this.stopPolling(),this.hasEverSuccessfullyLoaded.value=!1}onSelectCuratedMultiview(t){if(t.isSelected)return;const e=a[t.listings.length];if(!e)return;const i={childListings:t.listings.map((t,i)=>({callsign:t.type,listingId:t.id,position:e.positions[e.positionsOrder[i]]})),multiviewID:t.id};this.delegate.onPanelEvent({type:"fox-multiview:new-multiview",payload:i})}stopPolling(){this.pollingTask&&(this.pollingTask.stop(),this.pollingTask=null),this.isDataLoading.value&&(this.isDataLoading.value=!1)}refreshPolling(){this.stopPolling(),this.pollingTask=this.service.pollCuratedMultiviews(3e4,this.processCuratedMultiviewData.bind(this),t=>{console.error("[MultiViewViewModel] Error polling data:",t),t instanceof u.a&&this.notifyProductAPIUnauthorized(t)})}processCuratedMultiviewData(t){if(!t||!t.status||!t.data)return;if(!Array.isArray(t.data.items))return;const e=[];for(const s of t.data.items){const t=[];if(s.is_multiview){var i;if(s.multiview_metadata&&Array.isArray(s.multiview_metadata))for(const e of s.multiview_metadata)t.push({id:e.entity_id||"",description:e.is_sportingevent&&e.left_team&&e.right_team?`${e.left_team.abbreviation} vs ${e.right_team.abbreviation}`:s.title||"",backgroundImage:"https://placedog.net/640/480",type:e.type||"unknown"});else t.push({id:s.entity_id||"",description:s.title||"",backgroundImage:(null===(i=s.images)||void 0===i?void 0:i.still)||"",type:s.type||"unknown"});e.push({id:s.entity_id||"",isSelected:this.eventId===s.entity_id,listings:t})}}const s=[...this.items.value],r=s.findIndex(t=>"curated-multiviews"===t.type);-1!==r?s[r]={type:"curated-multiviews",items:e}:s.unshift({type:"curated-multiviews",items:e}),this.items.value=s,this.hasEverSuccessfullyLoaded.value||(this.hasEverSuccessfullyLoaded.value=!0,this.error.value&&this.setError(null))}async clearTabLoadFailure(){this.setError(null),await this.fetchLayouts(),this.refreshPolling()}}}}]);
-//# sourceMappingURL=39.maestro-web-sdk.esm.js.map

package/dist/39.maestro-web-sdk.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///./src/modules/fox/multi-view/types.ts","webpack:///./src/modules/fox/multi-view/services/MultiViewService.ts","webpack:///./src/modules/fox/multi-view/view-model/MultiViewViewModel.ts"],"names":["DEFAULT_LAYOUTS_BY_LISTINGS_QUANTITY","2","layoutId","description","positions","L","w","h","x","y","R","name","windowCount","positionsOrder","3","B","TL","TR","4","BL","BR","MultiViewService","constructor","_defineProperty","this","networkManager","NetworkManager","getLayouts","productAPI","externalApiRequest","endpoint","headers","setProductAPIData","pollCuratedMultiviews","interval","onData","onError","pollExternalApiRequest","method","getOrCreateCustomMultiview","config","HttpMethod","POST","data","MultiViewViewModel","ViewModel","eventId","delegate","analyticsService","super","Observable","service","_layouts","value","getIsPolling","_isPolling","getIsDataLoading","isDataLoading","getEventId","notifyProductAPIUnauthorized","error","statusCode","payload","code","message","success","onAuthError","panelView","captureException","context","console","trackPanelView","fetchLayouts","refreshPolling","errorMessage","Error","setError","length","layouts","log","AuthError","hasEverSuccessfullyLoaded","callback","undefined","Array","isArray","isProductAPIValid","params","setLoading","response","onPanelEvent","type","multiviewId","cleanup","stopPolling","onSelectCuratedMultiview","item","isSelected","layout","listings","childListings","map","l","listingIndex","callsign","listingId","id","position","multiviewID","pollingTask","stop","processCuratedMultiviewData","bind","status","items","curatedMultiviewItem","is_multiview","_item$images","multiview_metadata","mv","push","entity_id","is_sportingevent","left_team","right_team","abbreviation","title","backgroundImage","images","still","newItems","existingCuratedMultiviewIndex","findIndex","i","unshift"],"mappings":"wKAoDO,MAAMA,EAGT,CACFC,EAAG,CACDC,SAAU,KACVC,YAAa,uCACbC,UAAW,CACTC,EAAG,CACDC,EAAG,MACHC,EAAG,MACHC,EAAG,KACHC,EAAG,IAELC,EAAG,CACDJ,EAAG,MACHC,EAAG,MACHC,EAAG,MACHC,EAAG,KAGPE,KAAM,QACNC,YAAa,EACbC,eAAgB,CAAC,IAAK,MAExBC,EAAG,CACDZ,SAAU,QACVC,YAAa,wCACbC,UAAW,CACTW,EAAG,CACDT,EAAG,KACHC,EAAG,KACHC,EAAG,GACHC,EAAG,MAELO,GAAI,CACFV,EAAG,KACHC,EAAG,KACHC,EAAG,KACHC,EAAG,OAELQ,GAAI,CACFX,EAAG,KACHC,EAAG,KACHC,EAAG,KACHC,EAAG,QAGPE,KAAM,WACNC,YAAa,EACbC,eAAgB,CAAC,KAAM,KAAM,MAE/BK,EAAG,CACDhB,SAAU,WACVC,YAAa,uCACbC,UAAW,CACTe,GAAI,CACFb,EAAG,MACHC,EAAG,MACHC,EAAG,KACHC,EAAG,MAELW,GAAI,CACFd,EAAG,MACHC,EAAG,MACHC,EAAG,KACHC,EAAG,MAELO,GAAI,CACFV,EAAG,MACHC,EAAG,MACHC,EAAG,KACHC,EAAG,MAELQ,GAAI,CACFX,EAAG,MACHC,EAAG,MACHC,EAAG,KACHC,EAAG,OAGPE,KAAM,WACNC,YAAa,EACbC,eAAgB,CAAC,KAAM,KAAM,KAAM,Q,ycC+BxBQ,MApFf,MAIEC,cAAcC,EAAA,8BAAAA,EAAA,kBAF8B,MAG1CC,KAAKC,eAAiB,IAAIC,IAQ5BC,aACE,OAAKH,KAAKI,WAIHJ,KAAKC,eAAeI,mBAAsC,CAC/DC,SAAU,sEACVC,QAASP,KAAKI,WAAWG,UALlB,KAcXC,kBAAkBJ,GAChBJ,KAAKI,WAAaA,EAYpBK,sBACEC,EACAC,EACAC,GAEA,OAAKZ,KAAKI,WAIHJ,KAAKC,eAAeY,uBAAuB,CAChDP,SAAUN,KAAKI,WAAWE,SAC1BI,WACAI,OAAQd,KAAKI,WAAWU,OACxBP,QAASP,KAAKI,WAAWG,QACzBI,SACAC,YATO,KAuBXG,2BACEC,EACAT,EAAkC,IAElC,OAAOP,KAAKC,eAAeI,mBAA6C,CACtEC,SAAU,wEACVQ,OAAQG,IAAWC,KACnBC,KAAMH,EACNT,c,4cCjIC,MAAMa,UAA2BC,IAatCvB,YACEwB,EACAC,EACAC,GAEAC,QAAQ1B,EAAA,gBAjBS,IAAI2B,IAA8B,KAAG3B,EAAA,kBACnC,IAAI2B,KAAoB,IAAM3B,EAAA,uBAAAA,EAAA,wBAAAA,EAAA,uBAAAA,EAAA,gCAAAA,EAAA,qBAK5B,IAAI2B,KAAoB,IAAM3B,EAAA,mBACF,MAAIA,EAAA,aAC/C,IAAI2B,IAA4B,KAAG3B,EAAA,iCACP,IAAI2B,KAAoB,IAAM3B,EAAA,2BAShEC,KAAKsB,QAAUA,EACftB,KAAKuB,SAAWA,EAChBvB,KAAKwB,iBAAmBA,EACxBxB,KAAK2B,QAAU,IAAI9B,EAGrBM,aACE,OAAOH,KAAK4B,SAASC,MAGvBC,eACE,OAAO9B,KAAK+B,WAGdC,mBACE,OAAOhC,KAAKiC,cAGdC,aACE,OAAOlC,KAAKsB,QAONa,6BAA6BC,GACnC,GAAyB,MAArBA,EAAMC,WACR,OAGF,MAAMC,EAAkC,CACtCC,KAAMH,EAAMC,WACZG,QAASJ,EAAMI,SAAW,iBAC1BC,SAAS,EACTtB,KAAMiB,EAAMjB,MAGVnB,KAAK0C,aACP1C,KAAK0C,YAAYJ,GAIrB,uBACE,UACQtC,KAAKwB,iBAAiBmB,UAAU,gBACtC,MAAOP,GACPQ,YAAiBR,EAAO,CACtBS,QAAS,sCAEXC,QAAQV,MAAM,yCAA0CA,IAI5D,aACE,UACQpC,KAAK+C,uBACL/C,KAAKgD,eACXhD,KAAKiD,iBACL,MAAOb,GACP,MAAMc,EACJd,aAAiBe,MACbf,EAAMI,QACN,iCACNxC,KAAKoD,SAASF,GACdJ,QAAQV,MAAM,6CAA8CA,IAIhE,qBACE,IAAIpC,KAAKG,aAAakD,OAItB,IACErD,KAAKiC,cAAcJ,OAAQ,EAC3B,MAAMyB,QAAgBtD,KAAK2B,QAAQxB,aAC/BmD,IACFtD,KAAK4B,SAASC,MAAQyB,GAExB,MAAOlB,GAGP,GAFAU,QAAQS,IAAI,+CAAgDnB,GAExDA,aAAiBoB,IAEnB,YADAxD,KAAKmC,6BAA6BC,GAIpC,MAAMc,EACJd,aAAiBe,MAAQf,EAAMI,QAAU,0BAEtCxC,KAAKyD,0BAA0B5B,OAClC7B,KAAKoD,SAASF,GAEhB,QACAlD,KAAKiC,cAAcJ,OAAQ,GAI/B,qBAAqBV,GACnB,IACE,MAAMuC,EACqB,mBAAlBvC,EAAKuC,SAA0BvC,EAAKuC,cAAWC,EDrF5BxC,OAC3BA,GAAwB,iBAATA,KAEO,iBAAlBA,EAAKb,UACW,iBAAhBa,EAAKL,QACK,OAAjBK,EAAKZ,SACmB,iBAAjBY,EAAKZ,UACXqD,MAAMC,QAAQ1C,EAAKZ,UC+EduD,CAAkB3C,KACpBnB,KAAK0C,YAAcgB,EACnB1D,KAAK2B,QAAQnB,kBAAkBW,SACzBnB,KAAKgD,eACXhD,KAAKiD,kBAEP,MAAOb,GACP,MAAMc,EACJd,aAAiBe,MAAQf,EAAMI,QAAU,2BAC3CM,QAAQV,MAAM,iDAAkDA,GAE3DpC,KAAKyD,0BAA0B5B,OAClC7B,KAAKoD,SAASF,IAKpB,8BACEa,GAEA,IACE/D,KAAKgE,YAAW,GAChBhE,KAAKoD,SAAS,MAEd,MAAMa,QAAiBjE,KAAK2B,QAAQZ,2BAA2BgD,GAE3D/D,KAAKuB,UACPvB,KAAKuB,SAAS2C,aAAa,CACzBC,KAAM,iCACN7B,QAAS2B,EAASG,cAGtB,MAAOhC,GACP,MAAMc,EACJd,aAAiBe,MACbf,EAAMI,QACN,oCAGN,MAFAxC,KAAKoD,SAASF,GACdJ,QAAQV,MAAM,kDAAmDA,GAC3DA,EACN,QACApC,KAAKgE,YAAW,IAOpBK,UACErE,KAAKsE,cACLtE,KAAKyD,0BAA0B5B,OAAQ,EAOzC0C,yBAAyBC,GACvB,GAAIA,EAAKC,WACP,OAGF,MAAMC,EAASlG,EAAqCgG,EAAKG,SAAStB,QAClE,IAAKqB,EACH,OAGF,MAAMpC,EAA+B,CACnCsC,cAAeJ,EAAKG,SAASE,IAAI,CAACC,EAAGC,KAAiB,CACpDC,SAAUF,EAAEX,KACZc,UAAWH,EAAEI,GACbC,SAAUT,EAAO9F,UAAU8F,EAAOrF,eAAe0F,OAEnDK,YAAaZ,EAAKU,IAEpBlF,KAAKuB,SAAS2C,aAAa,CACzBC,KAAM,8BACN7B,YAOJgC,cACMtE,KAAKqF,cACPrF,KAAKqF,YAAYC,OACjBtF,KAAKqF,YAAc,MAGjBrF,KAAKiC,cAAcJ,QACrB7B,KAAKiC,cAAcJ,OAAQ,GAO/BoB,iBAEEjD,KAAKsE,cAGLtE,KAAKqF,YAAcrF,KAAK2B,QAAQlB,sBAC9B,IACAT,KAAKuF,4BAA4BC,KAAKxF,MACrCoC,IACCU,QAAQV,MAAM,2CAA4CA,GAEtDA,aAAiBoB,KACnBxD,KAAKmC,6BAA6BC,KAM1CmD,4BAA4BpE,GAC1B,IAAKA,IAASA,EAAKsE,SAAWtE,EAAKA,KACjC,OAGF,IAAKyC,MAAMC,QAAQ1C,EAAKA,KAAKuE,OAC3B,OAGF,MAAMC,EAA+C,GAErD,IAAK,MAAMnB,KAAQrD,EAAKA,KAAKuE,MAAO,CAClC,MAAMf,EAAsC,GAC5C,GAAKH,EAAKoB,aAAV,CAeO,IAAAC,EAZP,GAAIrB,EAAKsB,oBAAsBlC,MAAMC,QAAQW,EAAKsB,oBAChD,IAAK,MAAMC,KAAMvB,EAAKsB,mBACpBnB,EAASqB,KAAK,CACZd,GAAIa,EAAGE,WAAa,GACpBtH,YACEoH,EAAGG,kBAAoBH,EAAGI,WAAaJ,EAAGK,WACtC,GAAGL,EAAGI,UAAUE,mBAAmBN,EAAGK,WAAWC,eACjD7B,EAAK8B,OAAS,GACpBC,gBAAiB,+BACjBpC,KAAM4B,EAAG5B,MAAQ,iBAIrBQ,EAASqB,KAAK,CACZd,GAAIV,EAAKyB,WAAa,GACtBtH,YAAa6F,EAAK8B,OAAS,GAC3BC,iBAA4B,QAAXV,EAAArB,EAAKgC,cAAM,IAAAX,OAAA,EAAXA,EAAaY,QAAS,GACvCtC,KAAMK,EAAKL,MAAQ,YAIvBwB,EAAqBK,KAAK,CACxBd,GAAIV,EAAKyB,WAAa,GACtBxB,WAAYzE,KAAKsB,UAAYkD,EAAKyB,UAClCtB,cAIJ,MAAM+B,EAAW,IAAI1G,KAAK0F,MAAM7D,OAC1B8E,EAAgCD,EAASE,UAC5CC,GAAiB,uBAAXA,EAAE1C,OAG4B,IAAnCwC,EACFD,EAASC,GAAiC,CACxCxC,KAAM,qBACNuB,MAAOC,GAGTe,EAASI,QAAQ,CACf3C,KAAM,qBACNuB,MAAOC,IAIX3F,KAAK0F,MAAM7D,MAAQ6E,EAEd1G,KAAKyD,0BAA0B5B,QAClC7B,KAAKyD,0BAA0B5B,OAAQ,EACnC7B,KAAKoC,MAAMP,OACb7B,KAAKoD,SAAS,OAKpB,4BACEpD,KAAKoD,SAAS,YACRpD,KAAKgD,eACXhD,KAAKiD","file":"39.maestro-web-sdk.esm.js","sourcesContent":["/**\n * @description Represents a single stream/camera listing available for multi-view\n */\nexport interface CuratedMultiviewListing {\n  id: string;\n  description: string;\n  backgroundImage: string;\n  type: string;\n}\n\n/**\n * @description Position data for a single window within a layout\n */\nexport interface LayoutPosition {\n  w: number;\n  h: number;\n  x: number;\n  y: number;\n}\n\n/**\n * @description Defines a multi-view layout configuration with positioned windows\n */\nexport interface MultiViewLayout {\n  layoutId: string;\n  description: string;\n  positions: Record<string, LayoutPosition>;\n  name: string;\n  windowCount: number;\n  positionsOrder: string[];\n}\n\n/**\n * @description Child listing with position for new multiview event payload (PRD: SDK to pass event to client)\n */\nexport interface NewMultiviewChildListing {\n  listingId: string;\n  callsign: string;\n  position: LayoutPosition;\n}\n\n/**\n * @description Payload for fox-multiview:new-multiview panel event when a curated multiview is selected\n */\nexport interface NewMultiviewPayload {\n  multiviewID: string;\n  childListings: NewMultiviewChildListing[];\n}\n\n/**\n * @description Available layouts organized by stream count\n */\nexport const DEFAULT_LAYOUTS_BY_LISTINGS_QUANTITY: Record<\n  number,\n  MultiViewLayout\n> = {\n  2: {\n    layoutId: 'LR',\n    description: 'Two equal-sized windows side by side',\n    positions: {\n      L: {\n        w: 0.4766,\n        h: 0.4766,\n        x: 0.259,\n        y: 0.5,\n      },\n      R: {\n        w: 0.4766,\n        h: 0.4766,\n        x: 0.7409,\n        y: 0.5,\n      },\n    },\n    name: '50/50',\n    windowCount: 2,\n    positionsOrder: ['L', 'R'],\n  },\n  3: {\n    layoutId: 'TLTRB',\n    description: 'Three equal-sized windows in T layout',\n    positions: {\n      B: {\n        w: 0.458,\n        h: 0.458,\n        x: 0.5,\n        y: 0.266,\n      },\n      TL: {\n        w: 0.458,\n        h: 0.458,\n        x: 0.268,\n        y: 0.7335,\n      },\n      TR: {\n        w: 0.458,\n        h: 0.458,\n        x: 0.732,\n        y: 0.7335,\n      },\n    },\n    name: 'Triple T',\n    windowCount: 3,\n    positionsOrder: ['TL', 'TR', 'B'],\n  },\n  4: {\n    layoutId: 'TLTRBLBR',\n    description: 'Four equal-sized windows in 2x2 grid',\n    positions: {\n      BL: {\n        w: 0.4766,\n        h: 0.4766,\n        x: 0.259,\n        y: 0.257,\n      },\n      BR: {\n        w: 0.4766,\n        h: 0.4766,\n        x: 0.741,\n        y: 0.257,\n      },\n      TL: {\n        w: 0.4766,\n        h: 0.4766,\n        x: 0.259,\n        y: 0.743,\n      },\n      TR: {\n        w: 0.4766,\n        h: 0.4766,\n        x: 0.741,\n        y: 0.743,\n      },\n    },\n    name: '2x2 Grid',\n    windowCount: 4,\n    positionsOrder: ['TL', 'TR', 'BL', 'BR'],\n  },\n};\n","import NetworkManager, {\n  HttpMethod,\n} from '@/services/NetworkManager/NetworkManager';\nimport { MultiViewLayout } from '../types';\n\nconst MULTIVIEW_BASE_URL =\n  'https://qa-mvlm.api.shared.digitalvideoplatform.com';\n\nexport type ProductAPIData = {\n  endpoint: string;\n  method: HttpMethod;\n  headers: Record<string, string>;\n};\n\nexport type ProductAPIErrorPayload = {\n  code: number;\n  message: string;\n  success: false;\n  data?: unknown;\n};\n\nexport type MultiViewListingRequest = {\n  layoutId: string;\n  listings: Array<{\n    listingId: string;\n    callsign: string;\n  }>;\n};\n\nexport type MultiViewListingResponse = {\n  multiviewId?: string;\n  callbackSeconds?: number;\n};\n\nexport interface CuratedMultiviewResponse {\n  status: boolean;\n  data?: {\n    items?: CuratedMultiviewItem[];\n  };\n}\n\ninterface CuratedMultiviewItem {\n  entity_id?: string;\n  type?: string;\n  title?: string;\n  is_multiview?: boolean;\n  is_multiview_eligible?: boolean;\n  is_sportingevent?: boolean;\n  images?: {\n    still?: string;\n  };\n  multiview?: string[];\n  multiview_metadata?: CuratedMultiviewMetadata[];\n}\n\ninterface CuratedMultiviewMetadata {\n  entity_id: string;\n  type: string; // e.g. \"EPG\"\n  is_sportingevent: boolean;\n  images: Record<string, unknown>;\n  left_team: Team;\n  right_team: Team;\n}\n\ninterface Team {\n  abbreviation: string;\n}\n\nexport const isProductAPIValid = (data: any): data is ProductAPIData => {\n  if (!data || typeof data !== 'object') return false;\n  return (\n    typeof data.endpoint === 'string' &&\n    typeof data.method === 'string' &&\n    data.headers !== null &&\n    typeof data.headers === 'object' &&\n    !Array.isArray(data.headers)\n  );\n};\n\n/**\n * Service for handling multi-view API calls\n */\nclass MultiViewService {\n  private networkManager: NetworkManager;\n  private productAPI: ProductAPIData | null = null;\n\n  constructor() {\n    this.networkManager = new NetworkManager();\n  }\n\n  /**\n   * Fetch available multi-view layouts\n   *\n   * @returns Promise resolving to layouts data\n   */\n  getLayouts(): Promise<MultiViewLayout[]> | null {\n    if (!this.productAPI) {\n      return null;\n    }\n\n    return this.networkManager.externalApiRequest<MultiViewLayout[]>({\n      endpoint: `${MULTIVIEW_BASE_URL}/mvlm/v1/layouts`,\n      headers: this.productAPI.headers,\n    });\n  }\n\n  /**\n   * Set the product API configuration\n   *\n   * @param productAPI - The product API endpoint, method, and headers\n   */\n  setProductAPIData(productAPI: ProductAPIData): void {\n    this.productAPI = productAPI;\n  }\n\n  /**\n   * Start polling curated multiviews using the product API configuration.\n   * Returns null if no product API has been set.\n   *\n   * @param interval - Polling interval in milliseconds\n   * @param onData - Callback invoked with the data on each successful poll\n   * @param onError - Optional callback invoked on error\n   * @returns Object with a stop function, or null if no productAPI is configured\n   */\n  pollCuratedMultiviews(\n    interval: number,\n    onData: (data: CuratedMultiviewResponse) => void,\n    onError?: (error: Error) => void\n  ): { stop: () => void } | null {\n    if (!this.productAPI) {\n      return null;\n    }\n\n    return this.networkManager.pollExternalApiRequest({\n      endpoint: this.productAPI.endpoint,\n      interval,\n      method: this.productAPI.method,\n      headers: this.productAPI.headers,\n      onData,\n      onError,\n    });\n  }\n\n  /**\n   * Request an existing or new custom multiview.\n   * If the multiview exists, the response will include a multiviewId.\n   * If the multiview needs to be created, the response will include\n   * callbackSeconds indicating when to retry.\n   *\n   * @param config - The layout ID and listings for the multiview\n   * @param headers - Request headers (e.g. x-access-token, Content-Type)\n   * @returns Promise resolving to the multiview listing response\n   */\n  getOrCreateCustomMultiview(\n    config: MultiViewListingRequest,\n    headers: Record<string, string> = {}\n  ): Promise<MultiViewListingResponse> {\n    return this.networkManager.externalApiRequest<MultiViewListingResponse>({\n      endpoint: `${MULTIVIEW_BASE_URL}/mvlm/v1/mvlisting`,\n      method: HttpMethod.POST,\n      data: config,\n      headers,\n    });\n  }\n}\n\nexport default MultiViewService;\n","import { ViewModel } from '@/view-models/ViewModel';\nimport { Observable } from '@/helpers/Observable';\nimport {\n  CuratedMultiviewListing,\n  DEFAULT_LAYOUTS_BY_LISTINGS_QUANTITY,\n  MultiViewLayout,\n  NewMultiviewPayload,\n} from '../types';\nimport IMaestroEventDelegate from '@/interfaces/IMaestroEventDelegate';\nimport MultiViewService, {\n  CuratedMultiviewResponse,\n  isProductAPIValid,\n  ProductAPIErrorPayload,\n  MultiViewListingRequest,\n} from '../services/MultiViewService';\nimport AnalyticsService from '@/services/AnalyticsService/AnalyticsService';\nimport { AuthError } from '@/services/NetworkManager/errors';\nimport { captureException } from '@/sentry';\n\nexport type CuratedMultiviewItem = {\n  id: string;\n  isSelected: boolean;\n  listings: CuratedMultiviewListing[];\n};\n\nexport type CuratedMultiviewsItem = {\n  type: 'curated-multiviews';\n  items: CuratedMultiviewItem[];\n};\n\nexport type MultiviewItem = CuratedMultiviewsItem;\n\nexport class MultiViewViewModel extends ViewModel {\n  private _layouts = new Observable<MultiViewLayout[]>([]);\n  private _isPolling = new Observable<boolean>(false);\n  private service: MultiViewService;\n  private delegate: IMaestroEventDelegate;\n  private eventId: string;\n  private analyticsService: AnalyticsService;\n  public isDataLoading = new Observable<boolean>(false);\n  private pollingTask: { stop: () => void } | null = null;\n  items = new Observable<MultiviewItem[]>([]);\n  private hasEverSuccessfullyLoaded = new Observable<boolean>(false);\n  private onAuthError?: (payload: ProductAPIErrorPayload) => void;\n\n  constructor(\n    eventId: string,\n    delegate: IMaestroEventDelegate,\n    analyticsService: AnalyticsService\n  ) {\n    super();\n    this.eventId = eventId;\n    this.delegate = delegate;\n    this.analyticsService = analyticsService;\n    this.service = new MultiViewService();\n  }\n\n  getLayouts(): MultiViewLayout[] {\n    return this._layouts.value;\n  }\n\n  getIsPolling(): Observable<boolean> {\n    return this._isPolling;\n  }\n\n  getIsDataLoading(): Observable<boolean> {\n    return this.isDataLoading;\n  }\n\n  getEventId(): string {\n    return this.eventId;\n  }\n\n  /**\n   * Notify client app about a Product API auth error.\n   * Uses configured callback first, and falls back to onPanelEvent.\n   */\n  private notifyProductAPIUnauthorized(error: AuthError): void {\n    if (error.statusCode !== 401) {\n      return;\n    }\n\n    const payload: ProductAPIErrorPayload = {\n      code: error.statusCode,\n      message: error.message || 'Not authorized',\n      success: false,\n      data: error.data,\n    };\n\n    if (this.onAuthError) {\n      this.onAuthError(payload);\n    }\n  }\n\n  private async trackPanelView(): Promise<void> {\n    try {\n      await this.analyticsService.panelView('foxMultiView');\n    } catch (error) {\n      captureException(error, {\n        context: 'MultiViewViewModel.trackPanelView',\n      });\n      console.error('[MULTIVIEW] Error tracking panel view:', error);\n    }\n  }\n\n  async init(): Promise<void> {\n    try {\n      await this.trackPanelView();\n      await this.fetchLayouts();\n      this.refreshPolling();\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error\n          ? error.message\n          : 'Failed to initialize MultiView';\n      this.setError(errorMessage);\n      console.error('[MultiViewViewModel] Initialization error:', error);\n    }\n  }\n\n  async fetchLayouts(): Promise<void> {\n    if (this.getLayouts().length) {\n      return;\n    }\n\n    try {\n      this.isDataLoading.value = true;\n      const layouts = await this.service.getLayouts();\n      if (layouts) {\n        this._layouts.value = layouts;\n      }\n    } catch (error) {\n      console.log('[MultiViewViewModel] Error fetching layouts:', error);\n\n      if (error instanceof AuthError) {\n        this.notifyProductAPIUnauthorized(error);\n        return;\n      }\n\n      const errorMessage =\n        error instanceof Error ? error.message : 'Failed to fetch layouts';\n\n      if (!this.hasEverSuccessfullyLoaded.value) {\n        this.setError(errorMessage);\n      }\n    } finally {\n      this.isDataLoading.value = false;\n    }\n  }\n\n  async setDataToPanel(data: Record<string, any>) {\n    try {\n      const callback =\n        typeof data.callback === 'function' ? data.callback : undefined;\n      if (isProductAPIValid(data)) {\n        this.onAuthError = callback;\n        this.service.setProductAPIData(data);\n        await this.fetchLayouts();\n        this.refreshPolling();\n      }\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error ? error.message : 'Failed to set panel data';\n      console.error('[MultiViewViewModel] Error setting panel data:', error);\n\n      if (!this.hasEverSuccessfullyLoaded.value) {\n        this.setError(errorMessage);\n      }\n    }\n  }\n\n  async onSelectCustomMultiview(\n    params: MultiViewListingRequest\n  ): Promise<void> {\n    try {\n      this.setLoading(true);\n      this.setError(null);\n\n      const response = await this.service.getOrCreateCustomMultiview(params);\n\n      if (this.delegate) {\n        this.delegate.onPanelEvent({\n          type: 'fox-multiview:custom-multiview',\n          payload: response.multiviewId,\n        });\n      }\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error\n          ? error.message\n          : 'Failed to select custom multiview';\n      this.setError(errorMessage);\n      console.error('[MultiViewViewModel] Error selecting multiview:', error);\n      throw error;\n    } finally {\n      this.setLoading(false);\n    }\n  }\n\n  /**\n   * Clean up resources when the ViewModel is no longer needed\n   */\n  cleanup(): void {\n    this.stopPolling();\n    this.hasEverSuccessfullyLoaded.value = false;\n  }\n\n  /**\n   * Called when a curated multiview is selected. Notifies the client via onPanelEvent\n   * so the app can switch the video player to the selected multiview.\n   */\n  onSelectCuratedMultiview(item: CuratedMultiviewItem) {\n    if (item.isSelected) {\n      return;\n    }\n\n    const layout = DEFAULT_LAYOUTS_BY_LISTINGS_QUANTITY[item.listings.length];\n    if (!layout) {\n      return;\n    }\n\n    const payload: NewMultiviewPayload = {\n      childListings: item.listings.map((l, listingIndex) => ({\n        callsign: l.type,\n        listingId: l.id,\n        position: layout.positions[layout.positionsOrder[listingIndex]],\n      })),\n      multiviewID: item.id,\n    };\n    this.delegate.onPanelEvent({\n      type: 'fox-multiview:new-multiview',\n      payload,\n    });\n  }\n\n  /**\n   * Stop polling for bet data\n   */\n  stopPolling(): void {\n    if (this.pollingTask) {\n      this.pollingTask.stop();\n      this.pollingTask = null;\n    }\n\n    if (this.isDataLoading.value) {\n      this.isDataLoading.value = false;\n    }\n  }\n\n  /**\n   * Refresh polling for curated multiviews\n   */\n  refreshPolling(): void {\n    // First stop any existing polling\n    this.stopPolling();\n\n    // Start the poll loop\n    this.pollingTask = this.service.pollCuratedMultiviews(\n      30000,\n      this.processCuratedMultiviewData.bind(this),\n      (error) => {\n        console.error('[MultiViewViewModel] Error polling data:', error);\n\n        if (error instanceof AuthError) {\n          this.notifyProductAPIUnauthorized(error);\n        }\n      }\n    );\n  }\n\n  processCuratedMultiviewData(data: CuratedMultiviewResponse) {\n    if (!data || !data.status || !data.data) {\n      return;\n    }\n\n    if (!Array.isArray(data.data.items)) {\n      return;\n    }\n\n    const curatedMultiviewItem: CuratedMultiviewItem[] = [];\n\n    for (const item of data.data.items) {\n      const listings: CuratedMultiviewListing[] = [];\n      if (!item.is_multiview) {\n        continue;\n      }\n      if (item.multiview_metadata && Array.isArray(item.multiview_metadata)) {\n        for (const mv of item.multiview_metadata) {\n          listings.push({\n            id: mv.entity_id || '',\n            description:\n              mv.is_sportingevent && mv.left_team && mv.right_team\n                ? `${mv.left_team.abbreviation} vs ${mv.right_team.abbreviation}`\n                : item.title || '',\n            backgroundImage: 'https://placedog.net/640/480',\n            type: mv.type || 'unknown',\n          });\n        }\n      } else {\n        listings.push({\n          id: item.entity_id || '',\n          description: item.title || '',\n          backgroundImage: item.images?.still || '',\n          type: item.type || 'unknown',\n        });\n      }\n\n      curatedMultiviewItem.push({\n        id: item.entity_id || '',\n        isSelected: this.eventId === item.entity_id,\n        listings,\n      });\n    }\n\n    const newItems = [...this.items.value];\n    const existingCuratedMultiviewIndex = newItems.findIndex(\n      (i) => i.type === 'curated-multiviews'\n    );\n\n    if (existingCuratedMultiviewIndex !== -1) {\n      newItems[existingCuratedMultiviewIndex] = {\n        type: 'curated-multiviews',\n        items: curatedMultiviewItem,\n      };\n    } else {\n      newItems.unshift({\n        type: 'curated-multiviews',\n        items: curatedMultiviewItem,\n      });\n    }\n\n    this.items.value = newItems;\n\n    if (!this.hasEverSuccessfullyLoaded.value) {\n      this.hasEverSuccessfullyLoaded.value = true;\n      if (this.error.value) {\n        this.setError(null);\n      }\n    }\n  }\n\n  async clearTabLoadFailure() {\n    this.setError(null);\n    await this.fetchLayouts();\n    this.refreshPolling();\n  }\n}\n"],"sourceRoot":""}

package/dist/4.maestro-web-sdk.esm.js

@@ -1,2 +0,0 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{102:function(e,n,t){"use strict";var r=t(0),a=t.n(r);function s(){return(s=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}function o(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class i extends a.a.Component{constructor(e){super(e),o(this,"state",{failed:!1}),o(this,"handleError",()=>{this.setState({failed:!0})})}render(){return this.state.failed?(console.warn("Image failed to load:",this.props.src),null):this.props.src?a.a.createElement("img",s({alt:this.props.alt||"Image"},this.props,{onError:this.handleError})):(console.warn("Image source is empty"),null)}}n.a=i},103:function(e,n,t){"use strict";var r=t(30);n.a=r.b},105:function(e,n,t){"use strict";var r=t(32);n.a=r.a},106:function(e,n,t){"use strict";var r=t(33).a,a=t(5),s=t.n(a),o=t(108),i={insert:"head",singleton:!1},c=(s()(o.a,i),o.a.locals,t(100)),l=t(0),A=t.n(l);function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}class p extends A.a.Component{render(){const{children:e,focused:n,focusKey:t,parentFocusKey:a,preferredChildFocusKey:s,forgetLastFocusedChild:o,trackChildren:i,autoRestoreFocus:c,blockNavigationOut:l,hasFocusedChild:p,focusable:u,onEnterPress:b,onEnterRelease:g,onBackPress:m,onArrowPress:E,onBecameFocused:h,onBecameBlurred:C,realFocusKey:B,setFocus:v,navigateByDirection:f,stealFocus:x,onUpdateFocus:k,onUpdateHasFocusedChild:w,...y}=this.props;return A.a.createElement(r,d({className:"action-button T05_ALT"},y),e)}}var u=Object(c.a)()(p);n.a=u},108:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".action-button {\n  padding: 23px 0;\n  background-color: var(--sdk-surface5);\n  color: var(--sdk-text100);\n}\n\n.action-button:hover,\n.action-button[data-focused='true'] {\n  background-color: var(--sdk-accentPrimary);\n  color: var(--sdk-text500);\n}\n","",{version:3,sources:["webpack://./src/components/molecules/ActionButton/ActionButton.styles.css"],names:[],mappings:"AAAA;EACE,eAAe;EACf,qCAAqC;EACrC,yBAAyB;AAC3B;;AAEA;;EAEE,0CAA0C;EAC1C,yBAAyB;AAC3B",sourcesContent:[".action-button {\n  padding: 23px 0;\n  background-color: var(--sdk-surface5);\n  color: var(--sdk-text100);\n}\n\n.action-button:hover,\n.action-button[data-focused='true'] {\n  background-color: var(--sdk-accentPrimary);\n  color: var(--sdk-text500);\n}\n"],sourceRoot:""}]),n.a=o},109:function(e,n,t){"use strict";t.d(n,"b",(function(){return s})),t.d(n,"a",(function(){return o}));var r=t(0);function a(e){if(!e)return;const n=e.getBoundingClientRect();e.style.maxHeight=window.innerHeight-n.top+"px"}function s(){const e=Object(r.useRef)(null),n=Object(r.useCallback)(()=>{a(e.current)},[]);Object(r.useEffect)(()=>(window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}),[n]);return Object(r.useCallback)(n=>{e.current=n,a(n)},[])}function o(e){const n=()=>{a(e())};return n(),window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}}},111:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".tab-load-error {\n  display: block;\n  padding: 24px;\n  background-color: var(--sdk-surface4);\n}\n\n.tab-load-error h3 {\n  margin: 0;\n  font-family: var(--sdk-font-headline);\n}\n\n.tab-load-error p {\n  height: 86px;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/components/TabLoadError/TabLoadError.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,aAAa;EACb,qCAAqC;AACvC;;AAEA;EACE,SAAS;EACT,qCAAqC;AACvC;;AAEA;EACE,YAAY;AACd",sourcesContent:[".tab-load-error {\n  display: block;\n  padding: 24px;\n  background-color: var(--sdk-surface4);\n}\n\n.tab-load-error h3 {\n  margin: 0;\n  font-family: var(--sdk-font-headline);\n}\n\n.tab-load-error p {\n  height: 86px;\n}\n"],sourceRoot:""}]),n.a=o},112:function(e,n,t){"use strict";var r=t(100),a=t(0),s=t.n(a),o=t(5),i=t.n(o),c=t(111),l={insert:"head",singleton:!1},A=(i()(c.a,l),c.a.locals,t(106));class d extends s.a.Component{render(){const{focused:e,onEnterPress:n}=this.props;return s.a.createElement("div",{"data-focused":e,className:"tab-load-error focus-ring"},s.a.createElement("h3",{className:"T70"},"We dropped the ball."),s.a.createElement("p",{className:"T20"},"We're having trouble loading that for you. Please try again."),s.a.createElement(A.a,{"data-focused":e,onEnterPress:n},"Try Again"))}}var p=Object(r.a)()(d);n.a=p},154:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".bets-view {\n  overflow-y: auto;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  overscroll-behavior: contain;\n  margin-top: 60px;\n}\n\n.bets-view > * {\n  margin-bottom: 16px;\n}\n\n.bets-view > *:last-child {\n  margin-bottom: 0;\n}\n\n.bets-view::-webkit-scrollbar {\n  display: none;\n}\n\n.bets-bottom-padding {\n  height: calc(100vh - 240px);\n  min-height: 400px;\n  width: 100%;\n}\n\n.scrollable-container[data-has-error='true']::before {\n  background: none;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/BetsView.styles.css"],names:[],mappings:"AAAA;EACE,gBAAgB;EAChB,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;EAC5B,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,2BAA2B;EAC3B,iBAAiB;EACjB,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:[".bets-view {\n  overflow-y: auto;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  overscroll-behavior: contain;\n  margin-top: 60px;\n}\n\n.bets-view > * {\n  margin-bottom: 16px;\n}\n\n.bets-view > *:last-child {\n  margin-bottom: 0;\n}\n\n.bets-view::-webkit-scrollbar {\n  display: none;\n}\n\n.bets-bottom-padding {\n  height: calc(100vh - 240px);\n  min-height: 400px;\n  width: 100%;\n}\n\n.scrollable-container[data-has-error='true']::before {\n  background: none;\n}\n"],sourceRoot:""}]),n.a=o},155:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".six-pack-table {\n  padding: 0 32px 0 32px;\n  border-collapse: separate;\n  border-spacing: 4px 24px;\n  background-color: var(--sdk-surface3);\n  width: 100%;\n}\n\n.six-pack-table thead tr {\n  color: var(--sdk-text200);\n}\n\n.six-pack-table thead th:not(:first-child) {\n  width: 95px;\n  box-sizing: border-box;\n}\n\n.six-pack-table tbody td:not(:first-child) {\n  text-align: center;\n  padding: 10px;\n  border-radius: 4px;\n  width: 95px;\n  box-sizing: border-box;\n}\n\n.six-pack-table tbody td:not(:first-child):not(:nth-child(2)) {\n  background-color: var(--sdk-surface4);\n  border: 1px solid var(--sdk-surface5);\n}\n\n.six-pack-table tbody td span {\n  color: var(--sdk-text200);\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/SixPack/SixPackView.style.css"],names:[],mappings:"AAAA;EACE,sBAAsB;EACtB,yBAAyB;EACzB,wBAAwB;EACxB,qCAAqC;EACrC,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,qCAAqC;EACrC,qCAAqC;AACvC;;AAEA;EACE,yBAAyB;AAC3B",sourcesContent:[".six-pack-table {\n  padding: 0 32px 0 32px;\n  border-collapse: separate;\n  border-spacing: 4px 24px;\n  background-color: var(--sdk-surface3);\n  width: 100%;\n}\n\n.six-pack-table thead tr {\n  color: var(--sdk-text200);\n}\n\n.six-pack-table thead th:not(:first-child) {\n  width: 95px;\n  box-sizing: border-box;\n}\n\n.six-pack-table tbody td:not(:first-child) {\n  text-align: center;\n  padding: 10px;\n  border-radius: 4px;\n  width: 95px;\n  box-sizing: border-box;\n}\n\n.six-pack-table tbody td:not(:first-child):not(:nth-child(2)) {\n  background-color: var(--sdk-surface4);\n  border: 1px solid var(--sdk-surface5);\n}\n\n.six-pack-table tbody td span {\n  color: var(--sdk-text200);\n}\n"],sourceRoot:""}]),n.a=o},156:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".my-bets-view {\n  padding: 16px;\n  border-radius: 10px;\n  background-color: var(--sdk-surface3);\n}\n\n.my-bets-view > * {\n  margin-bottom: 16px;\n}\n\n.my-bets-view > *:last-child {\n  margin-bottom: 0;\n}\n\n.no-user-bets {\n  background-color: var(--sdk-surface4);\n  border-radius: 10px;\n  display: block;\n  width: 100%;\n  text-align: center;\n  padding: 38px 48px;\n  text-transform: capitalize;\n  box-sizing: border-box;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/UserBets/UserBetsView.styles.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,mBAAmB;EACnB,qCAAqC;AACvC;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,qCAAqC;EACrC,mBAAmB;EACnB,cAAc;EACd,WAAW;EACX,kBAAkB;EAClB,kBAAkB;EAClB,0BAA0B;EAC1B,sBAAsB;AACxB",sourcesContent:[".my-bets-view {\n  padding: 16px;\n  border-radius: 10px;\n  background-color: var(--sdk-surface3);\n}\n\n.my-bets-view > * {\n  margin-bottom: 16px;\n}\n\n.my-bets-view > *:last-child {\n  margin-bottom: 0;\n}\n\n.no-user-bets {\n  background-color: var(--sdk-surface4);\n  border-radius: 10px;\n  display: block;\n  width: 100%;\n  text-align: center;\n  padding: 38px 48px;\n  text-transform: capitalize;\n  box-sizing: border-box;\n}\n"],sourceRoot:""}]),n.a=o},157:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".bets-card-bets .single-bet:not(:last-child)::before {\n  content: '';\n  display: block;\n  width: 1px;\n  height: 100%;\n  background-color: var(--sdk-surface6);\n  position: absolute;\n  bottom: 0;\n  left: calc(24px + 24px);\n  transform: translateY(50%);\n}\n\n.bets-card-bets .single-bet[data-focusable='true'] {\n  padding: 24px;\n}\n\n.bets-card-bets .single-bet {\n  position: relative;\n  padding: 0 24px;\n  overflow: hidden; /* clearfix */\n}\n\n.bets-card-bets .single-bet > * {\n  float: left;\n  margin-right: 16px;\n}\n\n.bets-card-bets .single-bet > *:last-child {\n  margin-right: 0;\n}\n\n.bets-card-bets .single-bet:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.bets-card-bets .single-bet svg {\n  z-index: 1;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/UserBets/Parlay/Parlay.styles.css"],names:[],mappings:"AAAA;EACE,WAAW;EACX,cAAc;EACd,UAAU;EACV,YAAY;EACZ,qCAAqC;EACrC,kBAAkB;EAClB,SAAS;EACT,uBAAuB;EACvB,0BAA0B;AAC5B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,eAAe;EACf,gBAAgB,EAAE,aAAa;AACjC;;AAEA;EACE,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,cAAc;EACd,WAAW;AACb;;AAEA;EACE,UAAU;AACZ",sourcesContent:[".bets-card-bets .single-bet:not(:last-child)::before {\n  content: '';\n  display: block;\n  width: 1px;\n  height: 100%;\n  background-color: var(--sdk-surface6);\n  position: absolute;\n  bottom: 0;\n  left: calc(24px + 24px);\n  transform: translateY(50%);\n}\n\n.bets-card-bets .single-bet[data-focusable='true'] {\n  padding: 24px;\n}\n\n.bets-card-bets .single-bet {\n  position: relative;\n  padding: 0 24px;\n  overflow: hidden; /* clearfix */\n}\n\n.bets-card-bets .single-bet > * {\n  float: left;\n  margin-right: 16px;\n}\n\n.bets-card-bets .single-bet > *:last-child {\n  margin-right: 0;\n}\n\n.bets-card-bets .single-bet:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.bets-card-bets .single-bet svg {\n  z-index: 1;\n}\n"],sourceRoot:""}]),n.a=o},158:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".bet-outcome-badge {\n  background-color: var(--sdk-surface2);\n  padding: 10px 12px;\n  border-radius: 8px;\n  float: right;\n}\n\n.bet-outcome-badge > * {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 6px;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/UserBets/OutcomeBadge/OutcomeBadge.styles.css"],names:[],mappings:"AAAA;EACE,qCAAqC;EACrC,kBAAkB;EAClB,kBAAkB;EAClB,YAAY;AACd;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,iBAAiB;AACnB",sourcesContent:[".bet-outcome-badge {\n  background-color: var(--sdk-surface2);\n  padding: 10px 12px;\n  border-radius: 8px;\n  float: right;\n}\n\n.bet-outcome-badge > * {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 6px;\n}\n"],sourceRoot:""}]),n.a=o},159:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".bet-pill {\n  background-color: var(--sdk-surface5);\n  border-radius: 40px;\n  display: table-cell;\n  vertical-align: middle;\n  text-align: center;\n  padding: 8px 16px;\n  text-transform: capitalize;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/components/BetPill/BetPill.styles.css"],names:[],mappings:"AAAA;EACE,qCAAqC;EACrC,mBAAmB;EACnB,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,iBAAiB;EACjB,0BAA0B;AAC5B",sourcesContent:[".bet-pill {\n  background-color: var(--sdk-surface5);\n  border-radius: 40px;\n  display: table-cell;\n  vertical-align: middle;\n  text-align: center;\n  padding: 8px 16px;\n  text-transform: capitalize;\n}\n"],sourceRoot:""}]),n.a=o},160:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".bet-result {\n  text-transform: capitalize;\n}\n\n.bet-result > * {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.bet-result span {\n  margin-left: 4px;\n  color: var(--sdk-alertConfirmation);\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/UserBets/BetResult/BetResult.styles.css"],names:[],mappings:"AAAA;EACE,0BAA0B;AAC5B;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;AACxB;;AAEA;EACE,gBAAgB;EAChB,mCAAmC;AACrC",sourcesContent:[".bet-result {\n  text-transform: capitalize;\n}\n\n.bet-result > * {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.bet-result span {\n  margin-left: 4px;\n  color: var(--sdk-alertConfirmation);\n}\n"],sourceRoot:""}]),n.a=o},161:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".bets-card {\n  background-color: var(--sdk-surface4);\n  padding: 24px;\n}\n\n.bets-card > * {\n  margin-bottom: 24px;\n}\n\n.bets-card > *:last-child {\n  margin-bottom: 0;\n}\n\n.bets-card-divider {\n  width: 100%;\n  height: 1px;\n  background-color: var(--sdk-surface6);\n}\n\n.bets-card-footer {\n  padding: 16px 0;\n  overflow: hidden; /* clearfix */\n}\n\n.bets-card-footer > *:first-child {\n  float: left;\n}\n\n.bets-card-footer > *:last-child {\n  float: right;\n}\n\n.bets-card-footer:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.bets-card-header {\n  text-transform: capitalize;\n  overflow: hidden; /* clearfix */\n}\n\n.bets-card-header > * {\n  margin-right: 8px;\n  display: inline-block;\n}\n\n.bets-card-header > *:last-child {\n  margin-right: 0;\n}\n\n.bets-card-header:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.bets-card-header span {\n  color: var(--sdk-text200);\n}\n\n.bets-card-header > svg {\n  margin-right: 8px;\n}\n\n.bets-card-header .icon-container {\n  border-radius: 50%;\n  height: 48px;\n  width: 48px;\n}\n\n.bets-card-header .icon-container[data-focused='true'] {\n  background-color: var(--sdk-text100);\n}\n\n.bets-card-header .bets-card-status-container {\n  float: right;\n  overflow: hidden; /* clearfix */\n}\n\n.bets-card-header .bets-card-status-container > * {\n  float: left;\n  margin-right: 16px;\n  vertical-align: middle;\n}\n\n.bets-card-header .bets-card-status-container > *:last-child {\n  margin-right: 0;\n}\n\n.bets-card-header .bets-card-status-container:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.bets-card-header .icon-container[data-focused='true'] path {\n  fill: var(--sdk-text500);\n}\n\n.bets-card-event > * {\n  margin-bottom: 24px; /* inherit from parent gap */\n}\n\n.bets-card-event > *:last-child {\n  margin-bottom: 0;\n}\n\n.bets-card-bets > * {\n  margin-bottom: 16px;\n}\n\n.bets-card-bets > *:last-child {\n  margin-bottom: 0;\n}\n\n.bets-card .more-bets {\n  padding: 0 24px;\n  color: var(--sdk-text200);\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/components/BetsCard/BetsCard.styles.css"],names:[],mappings:"AAAA;EACE,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,qCAAqC;AACvC;;AAEA;EACE,eAAe;EACf,gBAAgB,EAAE,aAAa;AACjC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,WAAW;EACX,cAAc;EACd,WAAW;AACb;;AAEA;EACE,0BAA0B;EAC1B,gBAAgB,EAAE,aAAa;AACjC;;AAEA;EACE,iBAAiB;EACjB,qBAAqB;AACvB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,cAAc;EACd,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,YAAY;EACZ,gBAAgB,EAAE,aAAa;AACjC;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,sBAAsB;AACxB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,cAAc;EACd,WAAW;AACb;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,mBAAmB,EAAE,4BAA4B;AACnD;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,eAAe;EACf,yBAAyB;AAC3B",sourcesContent:[".bets-card {\n  background-color: var(--sdk-surface4);\n  padding: 24px;\n}\n\n.bets-card > * {\n  margin-bottom: 24px;\n}\n\n.bets-card > *:last-child {\n  margin-bottom: 0;\n}\n\n.bets-card-divider {\n  width: 100%;\n  height: 1px;\n  background-color: var(--sdk-surface6);\n}\n\n.bets-card-footer {\n  padding: 16px 0;\n  overflow: hidden; /* clearfix */\n}\n\n.bets-card-footer > *:first-child {\n  float: left;\n}\n\n.bets-card-footer > *:last-child {\n  float: right;\n}\n\n.bets-card-footer:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.bets-card-header {\n  text-transform: capitalize;\n  overflow: hidden; /* clearfix */\n}\n\n.bets-card-header > * {\n  margin-right: 8px;\n  display: inline-block;\n}\n\n.bets-card-header > *:last-child {\n  margin-right: 0;\n}\n\n.bets-card-header:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.bets-card-header span {\n  color: var(--sdk-text200);\n}\n\n.bets-card-header > svg {\n  margin-right: 8px;\n}\n\n.bets-card-header .icon-container {\n  border-radius: 50%;\n  height: 48px;\n  width: 48px;\n}\n\n.bets-card-header .icon-container[data-focused='true'] {\n  background-color: var(--sdk-text100);\n}\n\n.bets-card-header .bets-card-status-container {\n  float: right;\n  overflow: hidden; /* clearfix */\n}\n\n.bets-card-header .bets-card-status-container > * {\n  float: left;\n  margin-right: 16px;\n  vertical-align: middle;\n}\n\n.bets-card-header .bets-card-status-container > *:last-child {\n  margin-right: 0;\n}\n\n.bets-card-header .bets-card-status-container:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.bets-card-header .icon-container[data-focused='true'] path {\n  fill: var(--sdk-text500);\n}\n\n.bets-card-event > * {\n  margin-bottom: 24px; /* inherit from parent gap */\n}\n\n.bets-card-event > *:last-child {\n  margin-bottom: 0;\n}\n\n.bets-card-bets > * {\n  margin-bottom: 16px;\n}\n\n.bets-card-bets > *:last-child {\n  margin-bottom: 0;\n}\n\n.bets-card .more-bets {\n  padding: 0 24px;\n  color: var(--sdk-text200);\n}\n"],sourceRoot:""}]),n.a=o},162:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".single-bet {\n  position: relative;\n  overflow: hidden; /* clearfix */\n}\n\n.single-bet > * {\n  float: left;\n  margin-right: 16px;\n}\n\n.single-bet > *:last-child {\n  margin-right: 0;\n}\n\n.single-bet:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.single-bet img {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  z-index: 1;\n}\n\n.single-bet-main-content {\n  width: calc(100% - 64px); /* Adjust based on image width + margins */\n}\n\n.single-bet-main-content > * {\n  margin-bottom: 6px;\n}\n\n.single-bet-main-content > *:last-child {\n  margin-bottom: 0;\n}\n\n.single-bet-info {\n  overflow: hidden; /* clearfix */\n}\n\n.single-bet-info > * {\n  float: left;\n  margin-right: 12px;\n}\n\n.single-bet-info > *:last-child {\n  margin-right: 0;\n}\n\n.single-bet-info:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.single-bet-info > div > * {\n  margin-bottom: 4px;\n}\n\n.single-bet-info > div > *:last-child {\n  margin-bottom: 0;\n}\n\n.single-bet-info-description {\n  color: var(--sdk-text200);\n}\n\n.single-bet-odds {\n  float: right;\n  color: var(--sdk-text200);\n}\n\n.single-bet-accrued > * {\n  margin-bottom: 8px;\n}\n\n.single-bet-accrued > *:last-child {\n  margin-bottom: 0;\n}\n\n.single-bet-accrued-goal {\n  overflow: hidden; /* clearfix */\n}\n\n.single-bet-accrued-goal:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.single-bet-accrued .single-bet-accrued-goal > span {\n  color: var(--sdk-text200);\n}\n\n.single-bet-accrued .single-bet-accrued-goal > div {\n  float: right;\n}\n\n.single-bet-accrued progress {\n  width: 100%;\n  height: 4px;\n  border-radius: 80px;\n}\n\n.single-bet-accrued progress::-webkit-progress-bar {\n  background-color: var(--sdk-surface6);\n  border-radius: 80px;\n}\n\n.single-bet-accrued progress[data-complete='false']::-webkit-progress-value {\n  background-color: #53baed;\n  border-right: 4px solid var(--sdk-surface4);\n}\n\n.single-bet-accrued progress::-webkit-progress-value {\n  background-color: var(--sdk-alertConfirmation);\n  border-radius: 80px;\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/components/Bet/Bet.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,gBAAgB,EAAE,aAAa;AACjC;;AAEA;EACE,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,cAAc;EACd,WAAW;AACb;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,UAAU;AACZ;;AAEA;EACE,wBAAwB,EAAE,0CAA0C;AACtE;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB,EAAE,aAAa;AACjC;;AAEA;EACE,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,WAAW;EACX,cAAc;EACd,WAAW;AACb;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,YAAY;EACZ,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,gBAAgB,EAAE,aAAa;AACjC;;AAEA;EACE,WAAW;EACX,cAAc;EACd,WAAW;AACb;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,WAAW;EACX,WAAW;EACX,mBAAmB;AACrB;;AAEA;EACE,qCAAqC;EACrC,mBAAmB;AACrB;;AAEA;EACE,yBAAyB;EACzB,2CAA2C;AAC7C;;AAEA;EACE,8CAA8C;EAC9C,mBAAmB;AACrB",sourcesContent:[".single-bet {\n  position: relative;\n  overflow: hidden; /* clearfix */\n}\n\n.single-bet > * {\n  float: left;\n  margin-right: 16px;\n}\n\n.single-bet > *:last-child {\n  margin-right: 0;\n}\n\n.single-bet:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.single-bet img {\n  width: 48px;\n  height: 48px;\n  border-radius: 50%;\n  z-index: 1;\n}\n\n.single-bet-main-content {\n  width: calc(100% - 64px); /* Adjust based on image width + margins */\n}\n\n.single-bet-main-content > * {\n  margin-bottom: 6px;\n}\n\n.single-bet-main-content > *:last-child {\n  margin-bottom: 0;\n}\n\n.single-bet-info {\n  overflow: hidden; /* clearfix */\n}\n\n.single-bet-info > * {\n  float: left;\n  margin-right: 12px;\n}\n\n.single-bet-info > *:last-child {\n  margin-right: 0;\n}\n\n.single-bet-info:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.single-bet-info > div > * {\n  margin-bottom: 4px;\n}\n\n.single-bet-info > div > *:last-child {\n  margin-bottom: 0;\n}\n\n.single-bet-info-description {\n  color: var(--sdk-text200);\n}\n\n.single-bet-odds {\n  float: right;\n  color: var(--sdk-text200);\n}\n\n.single-bet-accrued > * {\n  margin-bottom: 8px;\n}\n\n.single-bet-accrued > *:last-child {\n  margin-bottom: 0;\n}\n\n.single-bet-accrued-goal {\n  overflow: hidden; /* clearfix */\n}\n\n.single-bet-accrued-goal:after {\n  content: '';\n  display: table;\n  clear: both;\n}\n\n.single-bet-accrued .single-bet-accrued-goal > span {\n  color: var(--sdk-text200);\n}\n\n.single-bet-accrued .single-bet-accrued-goal > div {\n  float: right;\n}\n\n.single-bet-accrued progress {\n  width: 100%;\n  height: 4px;\n  border-radius: 80px;\n}\n\n.single-bet-accrued progress::-webkit-progress-bar {\n  background-color: var(--sdk-surface6);\n  border-radius: 80px;\n}\n\n.single-bet-accrued progress[data-complete='false']::-webkit-progress-value {\n  background-color: #53baed;\n  border-right: 4px solid var(--sdk-surface4);\n}\n\n.single-bet-accrued progress::-webkit-progress-value {\n  background-color: var(--sdk-alertConfirmation);\n  border-radius: 80px;\n}\n"],sourceRoot:""}]),n.a=o},163:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".segment-controller {\n  border-radius: 10px;\n  display: table;\n  width: 100%;\n  table-layout: fixed;\n  border-spacing: 0;\n}\n\n.segment-controller > * {\n  display: table-cell;\n  vertical-align: middle;\n  text-align: center;\n  width: 33.333%;\n  padding: 0 8px;\n}\n\n.segment-controller > *:first-child {\n  padding-left: 0;\n}\n\n.segment-controller > *:last-child {\n  padding-right: 0;\n}\n","",{version:3,sources:["webpack://./src/components/organisms/SegmentController/SegmentController.styles.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,cAAc;EACd,WAAW;EACX,mBAAmB;EACnB,iBAAiB;AACnB;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,cAAc;EACd,cAAc;AAChB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:[".segment-controller {\n  border-radius: 10px;\n  display: table;\n  width: 100%;\n  table-layout: fixed;\n  border-spacing: 0;\n}\n\n.segment-controller > * {\n  display: table-cell;\n  vertical-align: middle;\n  text-align: center;\n  width: 33.333%;\n  padding: 0 8px;\n}\n\n.segment-controller > *:first-child {\n  padding-left: 0;\n}\n\n.segment-controller > *:last-child {\n  padding-right: 0;\n}\n"],sourceRoot:""}]),n.a=o},164:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".segment-button {\n  padding: 12px 0;\n  background-color: transparent;\n  color: var(--sdk-text100);\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.segment-button[data-active='true'] {\n  background-color: var(--sdk-surface5);\n  color: var(--sdk-text100);\n}\n\n.segment-button:hover,\n.segment-button[data-focused='true'] {\n  background-color: var(--sdk-accentPrimary);\n  color: var(--sdk-text500);\n}\n","",{version:3,sources:["webpack://./src/components/molecules/SegmentButton/SegmentButton.styles.css"],names:[],mappings:"AAAA;EACE,eAAe;EACf,6BAA6B;EAC7B,yBAAyB;EACzB,qEAAqE;EACrE,cAAc;EACd,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,qCAAqC;EACrC,yBAAyB;AAC3B;;AAEA;;EAEE,0CAA0C;EAC1C,yBAAyB;AAC3B",sourcesContent:[".segment-button {\n  padding: 12px 0;\n  background-color: transparent;\n  color: var(--sdk-text100);\n  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n  display: block;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.segment-button[data-active='true'] {\n  background-color: var(--sdk-surface5);\n  color: var(--sdk-text100);\n}\n\n.segment-button:hover,\n.segment-button[data-focused='true'] {\n  background-color: var(--sdk-accentPrimary);\n  color: var(--sdk-text500);\n}\n"],sourceRoot:""}]),n.a=o},165:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".hot-props-header {\n  text-transform: capitalize;\n}\n\n.hot-props-header > * {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.hot-props-header > *:last-child {\n  margin-right: 0;\n}\n\n.hot-props-list > * {\n  margin-bottom: 16px;\n}\n\n.hot-props-list > *:last-child {\n  margin-bottom: 0;\n}\n\n.hot-props-list .single-bet {\n  background-color: rgba(255, 255, 255, 0.08);\n  padding: 24px;\n}\n\n.hot-props-footer {\n  margin-top: 16px;\n  color: var(--sdk-text100);\n}\n\n.hot-props-bet-card .bets-card {\n  background-color: var(--sdk-surface3);\n}\n\n.hot-props-bet-card .bets-card .icon-container {\n  border-radius: 50%;\n  height: 48px;\n  width: 48px;\n}\n\n.hot-props-bet-card .bets-card .icon-container[data-focused='true'] {\n  background-color: var(--sdk-text100);\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/HotProps/HotPropsView.css"],names:[],mappings:"AAAA;EACE,0BAA0B;AAC5B;;AAEA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,iBAAiB;AACnB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,2CAA2C;EAC3C,aAAa;AACf;;AAEA;EACE,gBAAgB;EAChB,yBAAyB;AAC3B;;AAEA;EACE,qCAAqC;AACvC;;AAEA;EACE,kBAAkB;EAClB,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,oCAAoC;AACtC",sourcesContent:[".hot-props-header {\n  text-transform: capitalize;\n}\n\n.hot-props-header > * {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.hot-props-header > *:last-child {\n  margin-right: 0;\n}\n\n.hot-props-list > * {\n  margin-bottom: 16px;\n}\n\n.hot-props-list > *:last-child {\n  margin-bottom: 0;\n}\n\n.hot-props-list .single-bet {\n  background-color: rgba(255, 255, 255, 0.08);\n  padding: 24px;\n}\n\n.hot-props-footer {\n  margin-top: 16px;\n  color: var(--sdk-text100);\n}\n\n.hot-props-bet-card .bets-card {\n  background-color: var(--sdk-surface3);\n}\n\n.hot-props-bet-card .bets-card .icon-container {\n  border-radius: 50%;\n  height: 48px;\n  width: 48px;\n}\n\n.hot-props-bet-card .bets-card .icon-container[data-focused='true'] {\n  background-color: var(--sdk-text100);\n}\n"],sourceRoot:""}]),n.a=o},166:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".gambling-disclaimer {\n  padding: 0px 24px;\n}\n\n.gambling-disclaimer svg {\n  width: 32px;\n  vertical-align: middle;\n}\n\n.gambling-disclaimer .gambling-disclaimer-text {\n  display: inline-block;\n  margin-left: 16px;\n  vertical-align: middle;\n  width: calc(100% - 32px - 16px);\n}\n\n.gambling-disclaimer-text {\n  color: var(--sdk-text100);\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/components/GamblingDisclaimer/GamblingDisclaimer.styles.css"],names:[],mappings:"AAAA;EACE,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,qBAAqB;EACrB,iBAAiB;EACjB,sBAAsB;EACtB,+BAA+B;AACjC;;AAEA;EACE,yBAAyB;AAC3B",sourcesContent:[".gambling-disclaimer {\n  padding: 0px 24px;\n}\n\n.gambling-disclaimer svg {\n  width: 32px;\n  vertical-align: middle;\n}\n\n.gambling-disclaimer .gambling-disclaimer-text {\n  display: inline-block;\n  margin-left: 16px;\n  vertical-align: middle;\n  width: calc(100% - 32px - 16px);\n}\n\n.gambling-disclaimer-text {\n  color: var(--sdk-text100);\n}\n"],sourceRoot:""}]),n.a=o},167:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".location-warning {\n  background-color: transparent;\n  padding: 0px 24px;\n}\n\n.location-warning svg {\n  width: 32px;\n  vertical-align: middle;\n}\n\n.location-warning .location-warning-text {\n  display: inline-block;\n  width: calc(100% - 32px - 16px);\n  margin-left: 16px;\n  vertical-align: middle;\n}\n\n.location-warning-text {\n  color: var(--sdk-text100);\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/components/LocationWarning/LocationWarning.styles.css"],names:[],mappings:"AAAA;EACE,6BAA6B;EAC7B,iBAAiB;AACnB;;AAEA;EACE,WAAW;EACX,sBAAsB;AACxB;;AAEA;EACE,qBAAqB;EACrB,+BAA+B;EAC/B,iBAAiB;EACjB,sBAAsB;AACxB;;AAEA;EACE,yBAAyB;AAC3B",sourcesContent:[".location-warning {\n  background-color: transparent;\n  padding: 0px 24px;\n}\n\n.location-warning svg {\n  width: 32px;\n  vertical-align: middle;\n}\n\n.location-warning .location-warning-text {\n  display: inline-block;\n  width: calc(100% - 32px - 16px);\n  margin-left: 16px;\n  vertical-align: middle;\n}\n\n.location-warning-text {\n  color: var(--sdk-text100);\n}\n"],sourceRoot:""}]),n.a=o},168:function(e,n,t){"use strict";var r=t(6),a=t.n(r),s=t(7),o=t.n(s)()(a.a);o.push([e.i,".promo-code-banner {\n  padding: 24px;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  border-radius: 10px;\n  text-align: center;\n}\n\n.promo-code-banner > * {\n  margin-bottom: 32px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.promo-code-banner > *:last-child {\n  margin-bottom: 0;\n}\n\n.promo-content {\n  width: 100%;\n  text-align: center;\n}\n\n.promo-content > * {\n  margin-bottom: 30px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.promo-content > *:last-child {\n  margin-bottom: 0;\n}\n\n.promo-logo-container {\n  width: 100%;\n  max-width: 465px;\n  text-align: center;\n  margin: 0 auto 32px auto;\n}\n\n.promo-logo {\n  width: 100%;\n  max-width: 417px;\n  height: 92.78px;\n  z-index: 1;\n}\n\n.promo-tagline {\n  width: 100%;\n  height: 36px;\n  text-align: center;\n  color: var(--sdk-text100);\n}\n\n.promo-action-area {\n  padding: 0px;\n  width: 100%;\n  height: 420px;\n  z-index: 3;\n  text-align: center;\n}\n\n.promo-action-area > * {\n  margin-bottom: 32px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.promo-action-area > *:last-child {\n  margin-bottom: 0;\n}\n\n.qr-code-container {\n  width: 300px;\n  height: 300px;\n  border-radius: 24px;\n  text-align: center;\n  display: block;\n  margin: 0 auto 32px auto;\n  position: relative;\n}\n\n.qr-code-container .qr-code {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.qr-code {\n  width: calc(100% - 20px);\n  height: calc(100% - 20px);\n  object-fit: contain;\n  border-radius: 20px;\n}\n\n.promo-description {\n  width: 100%;\n  height: 72px;\n  text-align: center;\n\n  /* Sports System/White */\n  color: var(--sdk-text100);\n}\n","",{version:3,sources:["webpack://./src/modules/espn/bets/view/components/PromoCodeBanner/PromoCodeBanner.styles.css"],names:[],mappings:"AAAA;EACE,aAAa;EACb,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;EACnB,cAAc;EACd,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;EACnB,cAAc;EACd,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,kBAAkB;EAClB,wBAAwB;AAC1B;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,eAAe;EACf,UAAU;AACZ;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,YAAY;EACZ,WAAW;EACX,aAAa;EACb,UAAU;EACV,kBAAkB;AACpB;;AAEA;EACE,mBAAmB;EACnB,cAAc;EACd,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,aAAa;EACb,mBAAmB;EACnB,kBAAkB;EAClB,cAAc;EACd,wBAAwB;EACxB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,gCAAgC;AAClC;;AAEA;EACE,wBAAwB;EACxB,yBAAyB;EACzB,mBAAmB;EACnB,mBAAmB;AACrB;;AAEA;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;;EAElB,wBAAwB;EACxB,yBAAyB;AAC3B",sourcesContent:[".promo-code-banner {\n  padding: 24px;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  border-radius: 10px;\n  text-align: center;\n}\n\n.promo-code-banner > * {\n  margin-bottom: 32px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.promo-code-banner > *:last-child {\n  margin-bottom: 0;\n}\n\n.promo-content {\n  width: 100%;\n  text-align: center;\n}\n\n.promo-content > * {\n  margin-bottom: 30px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.promo-content > *:last-child {\n  margin-bottom: 0;\n}\n\n.promo-logo-container {\n  width: 100%;\n  max-width: 465px;\n  text-align: center;\n  margin: 0 auto 32px auto;\n}\n\n.promo-logo {\n  width: 100%;\n  max-width: 417px;\n  height: 92.78px;\n  z-index: 1;\n}\n\n.promo-tagline {\n  width: 100%;\n  height: 36px;\n  text-align: center;\n  color: var(--sdk-text100);\n}\n\n.promo-action-area {\n  padding: 0px;\n  width: 100%;\n  height: 420px;\n  z-index: 3;\n  text-align: center;\n}\n\n.promo-action-area > * {\n  margin-bottom: 32px;\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.promo-action-area > *:last-child {\n  margin-bottom: 0;\n}\n\n.qr-code-container {\n  width: 300px;\n  height: 300px;\n  border-radius: 24px;\n  text-align: center;\n  display: block;\n  margin: 0 auto 32px auto;\n  position: relative;\n}\n\n.qr-code-container .qr-code {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.qr-code {\n  width: calc(100% - 20px);\n  height: calc(100% - 20px);\n  object-fit: contain;\n  border-radius: 20px;\n}\n\n.promo-description {\n  width: 100%;\n  height: 72px;\n  text-align: center;\n\n  /* Sports System/White */\n  color: var(--sdk-text100);\n}\n"],sourceRoot:""}]),n.a=o},237:function(e,n,t){"use strict";t.r(n);var r=t(0),a=t.n(r),s=t(5),o=t.n(s),i=t(155),c={insert:"head",singleton:!1},l=(o()(i.a,c),i.a.locals,t(100)),A=t(29),d=t(31),p=t(8);function u(){return(u=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}class b extends a.a.Component{renderOrderedLineColumn(e){return this.props.item.data.orderedColumns.map(n=>{switch(n.type){case"moneyline":return e.moneylineFirstLine?a.a.createElement("td",{key:n.type},e.moneylineFirstLine):null;case"pointSpread":return e.gameSpreadFirstLine?a.a.createElement("td",{key:n.type},e.gameSpreadFirstLine,a.a.createElement("br",null),a.a.createElement("span",{className:"T02"},e.gameSpreadSecondLine)):null;case"total":return e.totalPointsFirstLine?a.a.createElement("td",{key:n.type},e.totalPointsFirstLine,a.a.createElement("br",null),a.a.createElement("span",{className:"T02"},e.totalPointsSecondLine)):null;default:return null}})}render(){const e=this.props.item.data,n=[e.topTeamOdds,e.bottomTeamOdds,e.drawOdds].filter(Boolean);return a.a.createElement(A.a,null,a.a.createElement("table",{className:"six-pack-table focus-ring T02","data-focused":this.props.focused},a.a.createElement("thead",null,a.a.createElement("tr",null,a.a.createElement("th",{scope:"col"}),a.a.createElement("th",{scope:"col"},"in"===this.props.item.data.gameState?"Close":"Open"),this.props.item.data.orderedColumns.map(e=>a.a.createElement("th",{scope:"col",key:e.type},e.abbreviation)))),a.a.createElement("tbody",null,n.map((e,n)=>a.a.createElement("tr",{key:n,className:"T05_ALT"},a.a.createElement("td",null,e.teamAbbreviation),a.a.createElement("td",null,e.startOfGameFirstLine,a.a.createElement("br",null),a.a.createElement("span",{className:"T02"},e.startOfGameSecondLine)),this.renderOrderedLineColumn(e))))))}}const g=Object(l.a)()(b);var m=e=>{const{scrollToFocusedElement:n}=Object(d.a)(),t=Object(r.useCallback)(e=>{n(e)},[n]),s=Object(r.useCallback)((e,n)=>{"left"===e&&p.default.getMaestroEventViewModel().deliverFocus()},[]),o=Object(r.useCallback)(()=>{const e=p.default.getMaestroEventViewModel().betsViewModel;if(!e)throw new Error("BetsViewModel is not initialized");e.trackCardClick("6-pack")},[]);return a.a.createElement(g,u({},e,{onBecameFocused:t,onArrowPress:s,onEnterPress:o}))},E=t(154),h={insert:"head",singleton:!1},C=(o()(E.a,h),E.a.locals,t(103)),B=t(33),v=t(164),f={insert:"head",singleton:!1};o()(v.a,f),v.a.locals;class x extends a.a.Component{render(){return a.a.createElement(B.a,{className:"segment-button T05_ALT","data-focused":this.props.focused,"data-active":this.props.active},this.props.children)}}var k=Object(l.a)()(x),w=t(163),y={insert:"head",singleton:!1};o()(w.a,y),w.a.locals;var W=({backgroundColor:e,items:n})=>{const{scrollToFocusedElement:t}=Object(d.a)(),[s,o]=Object(r.useState)(0),[i,c]=Object(r.useState)(0),l=(e,n)=>r=>{i===n||null===i?(o(n),c(null),e.onEnter(),t(r)):p.default.getMaestroEventViewModel().navigation.setFocus("segment-controller-"+i)},A=e=>()=>{e.onEnter()},u=e=>(n,t)=>{"down"!==n&&"up"!==n||c(s),"left"===n&&0===e&&p.default.getMaestroEventViewModel().deliverFocus()};return a.a.createElement("div",{className:"segment-controller",style:{backgroundColor:e}},n.map((e,n)=>a.a.createElement(k,{focusKey:"segment-controller-"+n,key:e.title,onBecameFocused:l(e,n),onArrowPress:u(n),onEnterPress:A(e),active:s===n},e.title)))},P=t(156),j={insert:"head",singleton:!1},O=(o()(P.a,j),P.a.locals,t(157)),T={insert:"head",singleton:!1},F=(o()(O.a,T),O.a.locals,t(161)),N={insert:"head",singleton:!1};o()(F.a,N),F.a.locals;function S(){return(S=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}class M extends a.a.Component{render(){return a.a.createElement(A.a,null,a.a.createElement("div",{className:"bets-card focus-ring","data-focused":this.props.focused},this.props.header(this.props),a.a.createElement("div",{className:"bets-card-divider"}),this.props.children,this.props.footer(this.props)))}}const q=Object(l.a)()(M);var L=e=>{const{scrollToFocusedElement:n}=Object(d.a)(),t=Object(r.useCallback)(e=>{n(e)},[n]);return a.a.createElement(q,S({},e,{onBecameFocused:t}))},z=t(105),I=t(158),U={insert:"head",singleton:!1};o()(I.a,U),I.a.locals;var R=e=>a.a.createElement("div",{className:"bet-outcome-badge T02"},a.a.createElement(z.a,{iconName:"WIN"===e.outcome?"checkmark":"times",width:24,height:24}),e.outcome),V=t(102);var Y=e=>{const n="NOT_SET"!==e.overrideOutcome?e.overrideOutcome:e.outcome;return a.a.createElement("div",{className:"bets-card-header T05_ALT"},e.renderIcon?e.renderIcon():e.iconUrl&&a.a.createElement(V.a,{crossOrigin:"anonymous",src:e.iconUrl,alt:e.betType+" Icon",width:28,height:22}),a.a.createElement("div",{className:"T05_ALT"},e.betType.toLocaleLowerCase()),a.a.createElement("span",{className:"T02"},e.children),a.a.createElement("div",{className:"bets-card-status-container"},n&&"PENDING"!==n&&a.a.createElement(R,{outcome:n}),e.legCountThreshold&&e.legCount&&e.legCount>e.legCountThreshold&&a.a.createElement("div",{className:"icon-container","data-focused":e.betCardProps.focused},a.a.createElement(z.a,{iconName:e.cardExpanded?"collapse":"expand",width:48,height:48}))))},K=t(159),X={insert:"head",singleton:!1};o()(K.a,X),K.a.locals;var $=e=>a.a.createElement("label",{className:"bet-pill"},e.children),H=t(160),D={insert:"head",singleton:!1};o()(H.a,D),H.a.locals;var Z=({children:e})=>a.a.createElement("div",{className:"bet-result"},e);var _=e=>{if(e.hideWagers)return null;const n="NOT_SET"!==e.bet.overrideOutcome?e.bet.overrideOutcome:e.bet.outcome;return a.a.createElement("div",{className:"bets-card-footer T02"},a.a.createElement($,null,`$${e.bet.betAmount} ${e.bet.type.toLowerCase()} ${e.bet.odds}`),"LOSS"!==n&&a.a.createElement(Z,null,e.bet.betDisplayStatement,a.a.createElement("span",null,"$"+e.bet.payoutAmount)))},G=t(162),Q={insert:"head",singleton:!1};o()(G.a,Q),G.a.locals;function J(){return(J=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}class ee extends a.a.Component{render(){const e=this.props.leg.points?Number(this.props.leg.points):0;return a.a.createElement(A.a,null,a.a.createElement("div",{className:"single-bet focus-ring focus-opacity","data-focusable":this.props.focusable,"data-focused":this.props.focused},this.props.leg.iconDark&&a.a.createElement(V.a,{crossOrigin:"anonymous",src:this.props.leg.iconDark,alt:"Bet Icon"}),a.a.createElement("div",{className:"single-bet-main-content T02"},a.a.createElement("div",{className:"single-bet-info"},a.a.createElement("div",null,a.a.createElement("div",{className:"T05_ALT"},this.props.leg.selectionText),a.a.createElement("span",{className:"single-bet-info-description"},this.props.leg.marketText)),!this.props.hideWagers&&a.a.createElement("div",{className:"single-bet-odds T01"},this.props.leg.odds)),this.props.leg.accrued&&a.a.createElement("div",{className:"single-bet-accrued"},a.a.createElement("div",{className:"single-bet-accrued-goal"},e,a.a.createElement("span",null,"/",this.props.leg.accrued.goal),a.a.createElement("div",null,Math.round(e/this.props.leg.accrued.goal*100),"%")),a.a.createElement("progress",{"data-complete":e===this.props.leg.accrued.goal,value:e,max:this.props.leg.accrued.goal})))))}}const ne=Object(l.a)()(ee);var te=e=>{const{scrollToFocusedElement:n}=Object(d.a)(),t=Object(r.useCallback)(e=>{n(e)},[n]);return a.a.createElement(ne,J({},e,{onBecameFocused:t}))};var re=e=>a.a.createElement("div",{key:e.event.displayName,className:"bets-card-event T10"},a.a.createElement("div",{className:"T10"},e.event.displayName),a.a.createElement("div",{className:"bets-card-bets"},e.event.legs.map((n,t)=>a.a.createElement(te,{key:`${e.betId}-${e.eventIndex}-${t}`,focusable:e.betsFocusable,focusKey:`sdk-bets-card-${e.betType}-bet-${e.betId}-${e.eventIndex}-${t}`,onArrowPress:e.onBetArrowPress(e.eventIndex,t),leg:n,onBackPress:e.onBetBackPress,parentFocusKey:e.parentFocusKey,hideWagers:e.hideWagers}))));function ae(){return(ae=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}function se(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class oe extends a.a.Component{constructor(...e){super(...e),se(this,"onEnterPress",()=>{if(!this.props.hasFocusedChild){const e="my bets > "+this.getCurrentSegment(),n=this.betType;this.viewModel.trackCardClick(e,n),this.betsFocusable&&p.default.getMaestroEventViewModel().navigation.setFocus(`sdk-bets-card-${this.betType}-bet-${this.props.bet.id}-0-0`)}}),se(this,"getCurrentSegment",()=>"OPEN"===this.props.bet.betStatus?"live":"SETTLED"===this.props.bet.betStatus?"settled":"upcoming"),se(this,"focusCard",()=>{p.default.getMaestroEventViewModel().navigation.setFocus(`${this.focusKeyPrefix}-${this.props.bet.id}`)}),se(this,"handleBetArrowPress",(e,n)=>(t,r)=>{if("up"===t&&0===n&&0===e)return this.focusCard(),!1;"left"===t&&p.default.getMaestroEventViewModel().deliverFocus()}),se(this,"handleCardArrowPress",(e,n)=>{"left"===e&&p.default.getMaestroEventViewModel().deliverFocus()}),se(this,"renderHeader",e=>{var n,t,r;return a.a.createElement(Y,{betCardProps:e,betType:this.betType,iconUrl:null===(n=this.props.bet.rewardInfo.icon)||void 0===n?void 0:n.dark,legCount:this.props.bet.legCount,outcome:this.props.bet.outcome,overrideOutcome:this.props.bet.overrideOutcome,cardExpanded:!!this.props.hasFocusedChild,legCountThreshold:3},null===(t=(r=this.props).renderHeaderContent)||void 0===t?void 0:t.call(r,e))}),se(this,"renderFooter",()=>a.a.createElement(_,{bet:this.props.bet,hideWagers:this.props.hideWagers}))}get betsFocusable(){return this.props.bet.events.length>3}get events(){return this.props.hasFocusedChild?this.props.bet.events:this.props.bet.events.slice(0,3)}get focusKeyPrefix(){return`sdk-${this.props.bet.type.toLowerCase()}-card`}get betType(){return this.props.bet.type.toLowerCase()}get viewModel(){const e=p.default.getMaestroEventViewModel().betsViewModel;if(!e)throw new Error("BetsViewModel is not initialized");return e}render(){return a.a.createElement(L,{header:this.renderHeader,footer:this.renderFooter,onEnterPress:this.onEnterPress,focusKey:`${this.focusKeyPrefix}-${this.props.bet.id}`,onArrowPress:this.handleCardArrowPress,onBecameFocused:this.props.onBecameFocused,focused:this.props.focused},this.events.map((e,n)=>a.a.createElement(re,{betType:this.betType,betsFocusable:this.betsFocusable,event:e,eventIndex:n,onBetArrowPress:this.handleBetArrowPress,key:e.displayName,betId:this.props.bet.id,parentFocusKey:this.props.focusKey,onBetBackPress:this.focusCard,hideWagers:this.props.hideWagers})),!this.props.hasFocusedChild&&this.betsFocusable&&a.a.createElement("div",{className:"more-bets T05_ALT"},"+",this.props.bet.legCount-3," more"))}}const ie=Object(l.a)({trackChildren:!0})(oe);var ce=e=>{const{scrollToFocusedElement:n}=Object(d.a)(),t=Object(r.useCallback)(e=>{n(e)},[n]);return a.a.createElement(ie,ae({},e,{onBecameFocused:t}))};var le=({bet:e,hideWagers:n})=>a.a.createElement(ce,{focusKey:"bets-parlay-card-"+e.id,bet:e,renderHeaderContent:()=>a.a.createElement("div",null,e.legCount," Leg",e.legCount>1?"s":""),hideWagers:n});var Ae=({bet:e,hideWagers:n})=>a.a.createElement(ce,{focusKey:"bets-boost-card-"+e.id,bet:e,hideWagers:n});var de=({bet:e,hideWagers:n})=>a.a.createElement(ce,{focusKey:"bets-straight-card-"+e.id,bet:e,hideWagers:n});var pe=({bet:e,hideWagers:n})=>a.a.createElement(ce,{focusKey:"bets-teaser-card-"+e.id,bet:e,renderHeaderContent:()=>a.a.createElement("div",null,e.legCount," Point",1!==e.legCount?"s":""," Teaser"),hideWagers:n});function ue(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class be extends a.a.Component{constructor(...e){super(...e),ue(this,"state",{activeSegment:this.props.item.data.defaultTab}),ue(this,"setSegment",e=>()=>{this.state.activeSegment!==e&&this.setState({activeSegment:e})}),ue(this,"segmentItems",[{title:"Live",type:"live",onEnter:this.setSegment("live")},{title:"Settled",type:"settled",onEnter:this.setSegment("settled")},{title:"Upcoming",type:"upcoming",onEnter:this.setSegment("upcoming")}]),ue(this,"renderBet",e=>{const{hideWagers:n}=this.props.item;switch(e.type){case"PARLAY":return a.a.createElement(le,{key:e.id,bet:e,hideWagers:n});case"BOOST":return a.a.createElement(Ae,{key:e.id,bet:e,hideWagers:n});case"STRAIGHT":return a.a.createElement(de,{key:e.id,bet:e,hideWagers:n});case"TEASER":return a.a.createElement(pe,{key:e.id,bet:e,hideWagers:n});default:return console.warn("unknown type",e.type),null}}),ue(this,"renderBets",()=>{var e;return null!==(e=this.bets)&&void 0!==e&&e.length?this.bets.map(e=>this.renderBet(e)):a.a.createElement("div",{className:"no-user-bets T05_ALT"},"No ",this.state.activeSegment," Bets")})}get bets(){switch(this.state.activeSegment){case"live":return this.props.item.data.bets.live;case"settled":return this.props.item.data.bets.settled;case"upcoming":return this.props.item.data.bets.upcoming;default:return null}}render(){return a.a.createElement("section",{className:"my-bets-view"},a.a.createElement(W,{items:this.segmentItems}),this.renderBets())}}var ge=be,me=t(32),Ee=t(165),he={insert:"head",singleton:!1};o()(Ee.a,he),Ee.a.locals;function Ce(){return(Ce=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}function Be(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class ve extends a.a.Component{constructor(...e){super(...e),Be(this,"focusBet",e=>{p.default.getMaestroEventViewModel().navigation.setFocus(this.getBetFocusKey(e))}),Be(this,"focusCard",()=>{p.default.getMaestroEventViewModel().navigation.setFocus(this.getCardFocusKey())}),Be(this,"getTotalBets",()=>this.props.item.data.items.length||0),Be(this,"handleEnterPress",()=>{this.viewModel.trackCardClick("hot-props"),p.default.getMaestroEventViewModel().navigation.setFocus(this.getBetFocusKey(0))}),Be(this,"onBetArrowPress",e=>(n,t)=>{if("left"===n&&p.default.getMaestroEventViewModel().deliverFocus(),0===e&&"up"===n)return this.focusCard(),!1}),Be(this,"onCardArrowPress",(e,n)=>{"left"===e&&p.default.getMaestroEventViewModel().deliverFocus()})}getBetFocusKey(e){return`hotprops-bet-${this.props.item.id}-${e}`}getCardFocusKey(){return"hot-props-"+this.props.item.id}renderFlameIcon(){return a.a.createElement(me.a,{iconName:"flame",width:20,height:20})}get viewModel(){const e=p.default.getMaestroEventViewModel().betsViewModel;if(!e)throw new Error("BetsViewModel is not initialized");return e}renderHeader(e,n){return a.a.createElement(Y,{betCardProps:e,betType:"Hot Props",cardExpanded:!!this.props.hasFocusedChild,renderIcon:this.renderFlameIcon,legCount:this.getTotalBets(),legCountThreshold:4},n>0?a.a.createElement("span",null,this.props.item.data.items.length," Props"):null)}renderFooter(e,n){return!n&&e>0?a.a.createElement("div",{className:"hot-props-footer T05_ALT"},"+",e," More"):null}get lineItems(){const e=this.props.item.data.items;return this.props.hasFocusedChild?e:e.slice(0,4)}render(){const{item:e,focused:n}=this.props,t=e.data.items.length-4;return a.a.createElement("div",{className:"hot-props-bet-card"},a.a.createElement(L,{focusKey:this.getCardFocusKey(),focused:n,header:e=>this.renderHeader(e,t),footer:()=>this.renderFooter(t,!!this.props.hasFocusedChild),onEnterPress:this.handleEnterPress,onArrowPress:this.onCardArrowPress},a.a.createElement("div",{className:"hot-props-list"},this.lineItems.map((e,n)=>a.a.createElement(te,{key:e.id,focusKey:this.getBetFocusKey(n),leg:e,focusable:this.props.hasFocusedChild,onBackPress:this.focusCard,onArrowPress:this.onBetArrowPress(n),parentFocusKey:this.props.focusKey,hideWagers:this.props.item.hideWagers})))))}}const fe=Object(l.a)({trackChildren:!0})(ve);var xe=e=>{const{scrollToFocusedElement:n}=Object(d.a)(),t=Object(r.useCallback)(e=>{n(e)},[n]);return a.a.createElement(fe,Ce({},e,{onBecameFocused:t}))},ke=t(166),we={insert:"head",singleton:!1};o()(ke.a,we),ke.a.locals;function ye(){return(ye=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}class We extends a.a.Component{render(){const{text:e,focused:n=!1}=this.props;return a.a.createElement(A.a,null,a.a.createElement("div",{className:"gambling-disclaimer focus-ring","data-focused":n},a.a.createElement(me.a,{iconName:"mobilePhone",width:32,height:32}),a.a.createElement("div",{className:"gambling-disclaimer-text T02"},e||"Odds by ESPN BET; 21+. Gambling Problem? Call 1-800-GAMBLER")))}}const Pe=Object(l.a)()(We);var je=e=>{const{scrollToFocusedElement:n}=Object(d.a)(),t=Object(r.useCallback)(e=>{n(e)},[n]),s=Object(r.useCallback)((e,n)=>{"left"===e&&p.default.getMaestroEventViewModel().deliverFocus()},[]);return a.a.createElement(Pe,ye({},e,{onBecameFocused:t,onArrowPress:s}))},Oe=t(167),Te={insert:"head",singleton:!1};o()(Oe.a,Te),Oe.a.locals;class Fe extends a.a.Component{render(){const{disclaimerText:e}=this.props,n=e||"You are in a location outside of our operating area. Visit about.espnbet.com for more detail.";return a.a.createElement(A.a,null,a.a.createElement("div",{className:"location-warning"},a.a.createElement(me.a,{iconName:"betsWarning",width:32,height:32}),a.a.createElement("div",{className:"location-warning-text T02"},n)))}}var Ne=Fe,Se=t(168),Me={insert:"head",singleton:!1};o()(Se.a,Me),Se.a.locals;function qe(){return(qe=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(null,arguments)}class Le extends a.a.Component{render(){const{title:e,description:n,logo:t,qrCode:r,backgroundImage:s,focused:o}=this.props;return a.a.createElement(A.a,null,a.a.createElement("div",{className:"promo-code-banner focus-ring","data-focused":o,style:{backgroundImage:`url(${s})`}},a.a.createElement("div",{className:"promo-content"},a.a.createElement("div",{className:"promo-logo-container"},a.a.createElement("img",{src:t,alt:"ESPN Bet Logo",className:"promo-logo"})),a.a.createElement("div",{className:"promo-tagline T20"},e)),a.a.createElement("div",{className:"promo-action-area"},a.a.createElement("div",{className:"qr-code-container"},a.a.createElement("img",{src:r,alt:"QR Code",className:"qr-code"})),a.a.createElement("div",{className:"promo-description T20"},n))))}}const ze=Object(l.a)()(Le);var Ie=e=>{const{scrollToFocusedElement:n}=Object(d.a)(),t=Object(r.useCallback)(e=>{n(e)},[n]),s=Object(r.useCallback)((e,n)=>{"left"===e&&p.default.getMaestroEventViewModel().deliverFocus()},[]),o=Object(r.useCallback)(()=>{const e=p.default.getMaestroEventViewModel().betsViewModel;if(!e)throw new Error("BetsViewModel is not initialized");e.trackCardClick("promo")},[]);return a.a.createElement(ze,qe({},e,{onBecameFocused:t,onArrowPress:s,onEnterPress:o}))},Ue=t(109),Re=t(112);function Ve(e,n,t){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"==typeof n?n:n+""}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}class Ye extends r.Component{constructor(e){super(e),Ve(this,"betsItemsUnsub",null),Ve(this,"isDataLoadingUnsub",null),Ve(this,"errorStateUnsub",null),Ve(this,"hideWagersUnsub",null),Ve(this,"maxHeightCleanup",null),Ve(this,"containerRef",null),Ve(this,"vm",void 0),Ve(this,"renderBetItem",e=>{switch(e.type){case"sixPack":return a.a.createElement(m,{key:e.id,item:e});case"userBets":return a.a.createElement(ge,{item:e,key:e.id});case"hotProps":return a.a.createElement(xe,{focusKey:"hot-props-view-"+e.id,key:e.id,item:e});case"gamblingMessage":return a.a.createElement(je,{text:e.data.text,key:e.id});case"locationDisclaimer":return a.a.createElement(Ne,{key:e.id,disclaimerText:e.data.text});case"promo":return a.a.createElement(Ie,{description:e.data.description,logo:e.data.logo,qrCode:e.data.qrCode,title:e.data.title,backgroundImage:e.data.backgroundImage,key:e.id});default:return console.warn("Unknown bet item type: "+e.type),null}}),Ve(this,"clearTabLoadFailure",()=>{this.viewModel.clearTabLoadFailure()}),Ve(this,"onArrowPress",e=>{"left"===e&&p.default.getMaestroEventViewModel().deliverFocus()}),Ve(this,"setContainerRef",e=>{e&&!this.state.container&&this.setState({container:e}),this.containerRef!==e&&(this.containerRef=e,this.maxHeightCleanup&&this.maxHeightCleanup(),this.containerRef&&(this.maxHeightCleanup=Object(Ue.a)(()=>this.containerRef)))}),this.vm=p.default.getMaestroEventViewModel().betsViewModel,this.state={betsItems:this.viewModel.betsItems.value,isDataLoading:this.viewModel.isDataLoading.value,errorState:this.viewModel.errorState.value,hideWagers:this.viewModel.hideWagers.value,container:null}}get viewModel(){if(!this.vm)throw new Error("BetsViewModel is not initialized");return this.vm}componentDidMount(){this.betsItemsUnsub=this.viewModel.betsItems.subscribe(e=>{this.setState({betsItems:e})}),this.isDataLoadingUnsub=this.viewModel.isDataLoading.subscribe(e=>{this.setState({isDataLoading:e})}),this.errorStateUnsub=this.viewModel.errorState.subscribe(e=>{this.setState({errorState:e})}),this.hideWagersUnsub=this.viewModel.hideWagers.subscribe(e=>{this.setState({hideWagers:e})}),this.viewModel.init()}componentWillUnmount(){this.betsItemsUnsub&&this.betsItemsUnsub(),this.isDataLoadingUnsub&&this.isDataLoadingUnsub(),this.errorStateUnsub&&this.errorStateUnsub(),this.hideWagersUnsub&&this.hideWagersUnsub(),this.maxHeightCleanup&&this.maxHeightCleanup(),this.viewModel.cleanup()}render(){const e="tabLoadFailure"===this.state.errorState;return a.a.createElement(C.a,{scrollableContainerRef:this.state.container,containerTopOffset:40,"data-has-error":"none"!==this.state.errorState},e?a.a.createElement("div",null,a.a.createElement(Re.a,{onEnterPress:this.clearTabLoadFailure,onArrowPress:this.onArrowPress}),a.a.createElement("div",{className:"bets-bottom-padding"})):a.a.createElement("div",{className:"bets-view",ref:this.setContainerRef},this.state.betsItems.map(this.renderBetItem),a.a.createElement("div",{className:"bets-bottom-padding"})))}}n.default=Ye}}]);
-//# sourceMappingURL=4.maestro-web-sdk.esm.js.map