@maestro_io/maestro-web-sdk 5.2.0 → 5.2.1

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

@@ -1,2 +1,2 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[7,14],{102:function(e,n,a){"use strict";var t=a(0),i=a.n(t);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(null,arguments)}function l(e,n,a){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,n||"default");if("object"!=typeof t)return t;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:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}class d extends i.a.Component{constructor(e){super(e),l(this,"state",{failed:!1}),l(this,"handleError",()=>{this.setState({failed:!0})})}render(){return this.state.failed?(console.warn("Image failed to load:",this.props.src),null):this.props.src?i.a.createElement("img",r({alt:this.props.alt||"Image"},this.props,{onError:this.handleError})):(console.warn("Image source is empty"),null)}}n.a=d},103:function(e,n,a){"use strict";var t=a(30);n.a=t.b},104:function(e,n,a){"use strict";a.d(n,"a",(function(){return t})),a.d(n,"b",(function(){return i}));const t=e=>e.toLowerCase().trim().replace(/[\s\W-]+/g,"-").replace(/^-+|-+$/g,"");function i(e){let n=0;for(let a=0;a<e.length;a++){n=(n<<5)-n+e.charCodeAt(a),n&=n}return n}},125:function(e,n,a){"use strict";a.r(n),a.d(n,"BuilderPanelViewModel",(function(){return s}));var t=a(3),i=a(34),r=a(4),l=a(104);function d(e,n,a){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,n||"default");if("object"!=typeof t)return t;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:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}class s extends i.a{constructor(e,n){super(),d(this,"sections",new t.a([])),d(this,"expandedCardIds",new t.a(new Set)),d(this,"isDataLoading",new t.a(!1)),d(this,"hasEverSuccessfullyLoaded",new t.a(!1)),d(this,"analyticsService",null),d(this,"lastResponseHash",null),d(this,"initialized",!1),this.analyticsService=n||null,e&&this.parseBlockData(e)}async init(e){this.analyticsService&&await this.trackPanelView(),this.parseBlockData(e),this.initialized=!0}cleanup(){this.sections.value=[],this.expandedCardIds.value=new Set,this.lastResponseHash=null,this.initialized=!1}updatePanelConfig(e){this.parseBlockData(e)}async trackPanelView(){try{this.analyticsService}catch(e){Object(r.a)(e,{tags:{component:"BuilderPanelViewModel",method:"trackPanelView"}})}}parseBlockData(e){try{if(this.isDataLoading.value=!0,this.setError(null),!e)throw new Error("Panel config is required");if(!e.block_data)throw new Error("block_data is missing from panel config");const n=e.block_data;if(!n.sections)throw new Error("sections array is missing from block_data");if(!Array.isArray(n.sections))throw new Error("sections must be an array");const a=Object(l.b)(JSON.stringify(n.sections));if(a===this.lastResponseHash)return void(this.isDataLoading.value=!1);this.sections.value=this.parseSections(n.sections),this.lastResponseHash=a,this.hasEverSuccessfullyLoaded.value=!0,this.isDataLoading.value=!1}catch(n){const a=n instanceof Error?n.message:"Failed to parse block data";this.setError(a),this.isDataLoading.value=!1,Object(r.a)(n,{tags:{component:"BuilderPanelViewModel",method:"parseBlockData"},extra:{panelConfig:e}})}}toggleCardExpanded(e){const n=new Set(this.expandedCardIds.value);n.has(e)?n.delete(e):n.add(e),this.expandedCardIds.value=n}collapseAllCards(){this.expandedCardIds.value=new Set}parsePadding(e){var n,a,t,i;const r=8,l=8,d=8,s=8;return{top:null!==(n=null==e?void 0:e.top)&&void 0!==n?n:r,right:null!==(a=null==e?void 0:e.right)&&void 0!==a?a:l,bottom:null!==(t=null==e?void 0:e.bottom)&&void 0!==t?t:d,left:null!==(i=null==e?void 0:e.left)&&void 0!==i?i:s}}parseHeader(e){var n,a,t;return{content:null!==(n=null==e?void 0:e.content)&&void 0!==n?n:"",enabled:null!==(a=null==e?void 0:e.enabled)&&void 0!==a&&a,type:null!==(t=null==e?void 0:e.type)&&void 0!==t?t:"text",alt:null==e?void 0:e.alt}}parseSectionSettings(e){var n,a,t,i;return{backgroundColor:null!==(n=null==e?void 0:e.background_color)&&void 0!==n?n:"transparent",header:this.parseHeader(null==e?void 0:e.header),padding:this.parsePadding(null==e?void 0:e.padding),spacing:null!==(a=null==e?void 0:e.spacing)&&void 0!==a?a:8,sticky:null!==(t=null==e?void 0:e.sticky)&&void 0!==t&&t,textAlignment:null!==(i=null==e?void 0:e.text_alignment)&&void 0!==i?i:"left"}}parseSimpleCard(e){var n,a,t,i;return{id:e.id,type:"simple",title:null!==(n=e.title)&&void 0!==n?n:"",image:{url:null!==(a=null===(t=e.image)||void 0===t?void 0:t.url)&&void 0!==a?a:"",alt:null===(i=e.image)||void 0===i?void 0:i.alt}}}parseExpandableCard(e){var n,a,t;return{id:e.id,type:"expandable",title:null!==(n=e.title)&&void 0!==n?n:"",collapsedState:{cards:Array.isArray(null===(a=e.collapsed_state)||void 0===a?void 0:a.cards)?e.collapsed_state.cards.map(e=>this.parseSimpleCard(e)):[]},expandedState:{cards:Array.isArray(null===(t=e.expanded_state)||void 0===t?void 0:t.cards)?e.expanded_state.cards.map(e=>this.parseSimpleCard(e)):[]},settings:e.settings?this.parseSectionSettings(e.settings):void 0}}parseCard(e){if(!e||!e.id)throw new Error("Card must have an id");return"expandable"===e.type?this.parseExpandableCard(e):this.parseSimpleCard(e)}parseSection(e){var n;if(!e||!e.id)throw new Error("Section must have an id");return{id:e.id,title:null!==(n=e.title)&&void 0!==n?n:"",cards:Array.isArray(e.cards)?e.cards.map(e=>this.parseCard(e)):[],settings:this.parseSectionSettings(e.settings)}}parseSections(e){if(!Array.isArray(e))throw new Error("Sections must be an array");return e.map(e=>this.parseSection(e))}}},211:function(e,n,a){"use strict";var t=a(6),i=a.n(t),r=a(7),l=a.n(r)()(i.a);l.push([e.i,"/* Builder Panel View */\n.builder-panel-view {\n  width: 100%;\n  min-height: 100%;\n  background-color: var(--sdk-surface4);\n}\n\n/* Empty State */\n.builder-panel-empty-state {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  background-color: var(--sdk-surface4);\n}\n\n.builder-panel-empty-state-content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  width: 80%;\n  max-width: 400px;\n}\n\n.builder-panel-empty-state-title {\n  margin-bottom: 12px;\n}\n\n.builder-panel-empty-state-description {\n  color: var(--sdk-text200);\n  margin: 0;\n}\n\n/* Loading State */\n.builder-panel-loading {\n  width: 100%;\n  height: 100%;\n  background-color: var(--sdk-surface4);\n}\n\n/* Bottom Padding */\n.builder-panel-bottom-padding {\n  height: 32px;\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/builder/view/BuilderPanelView.styles.css"],names:[],mappings:"AAAA,uBAAuB;AACvB;EACE,WAAW;EACX,gBAAgB;EAChB,qCAAqC;AACvC;;AAEA,gBAAgB;AAChB;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,qCAAqC;AACvC;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,gCAAgC;EAChC,kBAAkB;EAClB,UAAU;EACV,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,yBAAyB;EACzB,SAAS;AACX;;AAEA,kBAAkB;AAClB;EACE,WAAW;EACX,YAAY;EACZ,qCAAqC;AACvC;;AAEA,mBAAmB;AACnB;EACE,YAAY;AACd",sourcesContent:["/* Builder Panel View */\n.builder-panel-view {\n  width: 100%;\n  min-height: 100%;\n  background-color: var(--sdk-surface4);\n}\n\n/* Empty State */\n.builder-panel-empty-state {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  background-color: var(--sdk-surface4);\n}\n\n.builder-panel-empty-state-content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  width: 80%;\n  max-width: 400px;\n}\n\n.builder-panel-empty-state-title {\n  margin-bottom: 12px;\n}\n\n.builder-panel-empty-state-description {\n  color: var(--sdk-text200);\n  margin: 0;\n}\n\n/* Loading State */\n.builder-panel-loading {\n  width: 100%;\n  height: 100%;\n  background-color: var(--sdk-surface4);\n}\n\n/* Bottom Padding */\n.builder-panel-bottom-padding {\n  height: 32px;\n}\n"],sourceRoot:""}]),n.a=l},212:function(e,n,a){"use strict";var t=a(6),i=a.n(t),r=a(7),l=a.n(r)()(i.a);l.push([e.i,".builder-section {\n  width: 100%;\n  display: block;\n}\n\n.builder-section-header {\n  width: 100%;\n  z-index: 10;\n  display: block;\n}\n\n.builder-section-header.sticky {\n  position: sticky;\n  top: 0;\n}\n\n.builder-section-header-image {\n  max-width: 100%;\n  height: auto;\n  display: block;\n}\n\n.builder-section-header-text {\n  color: var(--sdk-text100);\n}\n\n.builder-section-cards {\n  width: 100%;\n}\n\n.builder-section-cards > * {\n  display: inline-block;\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/builder/components/BuilderSection/BuilderSection.styles.css"],names:[],mappings:"AAAA;EACE,WAAW;EACX,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,cAAc;AAChB;;AAEA;EACE,gBAAgB;EAChB,MAAM;AACR;;AAEA;EACE,eAAe;EACf,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,qBAAqB;AACvB",sourcesContent:[".builder-section {\n  width: 100%;\n  display: block;\n}\n\n.builder-section-header {\n  width: 100%;\n  z-index: 10;\n  display: block;\n}\n\n.builder-section-header.sticky {\n  position: sticky;\n  top: 0;\n}\n\n.builder-section-header-image {\n  max-width: 100%;\n  height: auto;\n  display: block;\n}\n\n.builder-section-header-text {\n  color: var(--sdk-text100);\n}\n\n.builder-section-cards {\n  width: 100%;\n}\n\n.builder-section-cards > * {\n  display: inline-block;\n}\n"],sourceRoot:""}]),n.a=l},213:function(e,n,a){"use strict";var t=a(6),i=a.n(t),r=a(7),l=a.n(r)()(i.a);l.push([e.i,".simple-card {\n  position: relative;\n  display: block;\n  background-color: var(--sdk-surface4);\n  padding: 16px;\n}\n\n.simple-card-image-wrapper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background-color: var(--sdk-surface2);\n}\n\n.simple-card-image-wrapper::before {\n  content: '';\n  display: block;\n}\n\n.simple-card-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n/* Desktop hover state */\n@media (hover: hover) {\n  .simple-card:hover {\n    border-color: var(--sdk-highlightPrimary);\n  }\n\n  .simple-card:hover .simple-card-image {\n    opacity: 0.8;\n  }\n}\n\n.simple-card-title {\n  margin-bottom: 12px;\n  text-align: center;\n  color: var(--sdk-text100);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/builder/components/SimpleCard/SimpleCard.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,cAAc;EACd,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,gBAAgB;EAChB,qCAAqC;AACvC;;AAEA;EACE,WAAW;EACX,cAAc;AAChB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;AACd;;AAEA,wBAAwB;AACxB;EACE;IACE,yCAAyC;EAC3C;;EAEA;IACE,YAAY;EACd;AACF;;AAEA;EACE,mBAAmB;EACnB,kBAAkB;EAClB,yBAAyB;EACzB,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;AACrB",sourcesContent:[".simple-card {\n  position: relative;\n  display: block;\n  background-color: var(--sdk-surface4);\n  padding: 16px;\n}\n\n.simple-card-image-wrapper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background-color: var(--sdk-surface2);\n}\n\n.simple-card-image-wrapper::before {\n  content: '';\n  display: block;\n}\n\n.simple-card-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n/* Desktop hover state */\n@media (hover: hover) {\n  .simple-card:hover {\n    border-color: var(--sdk-highlightPrimary);\n  }\n\n  .simple-card:hover .simple-card-image {\n    opacity: 0.8;\n  }\n}\n\n.simple-card-title {\n  margin-bottom: 12px;\n  text-align: center;\n  color: var(--sdk-text100);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n"],sourceRoot:""}]),n.a=l},214:function(e,n,a){"use strict";var t=a(6),i=a.n(t),r=a(7),l=a.n(r)()(i.a);l.push([e.i,".expandable-card {\n  position: relative;\n  display: block;\n  background-color: var(--sdk-surface4);\n  padding: 16px;\n  transition: all 0.3s ease-in-out;\n}\n\n.expandable-card[data-expanded='true'] {\n  padding: 24px;\n}\n\n.expandable-card-title {\n  margin-bottom: 16px;\n  text-align: center;\n  color: var(--sdk-text100);\n}\n\n.expandable-card-cards-container {\n  position: relative;\n  width: 100%;\n}\n\n/* Collapsed state - horizontal layout */\n.expandable-card[data-expanded='false'] .expandable-card-cards-container {\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.expandable-card[data-expanded='false'] .expandable-card-cards-container > * {\n  display: inline-block;\n  vertical-align: top;\n  width: 30%;\n  margin-right: 2%;\n}\n\n.expandable-card[data-expanded='false']\n  .expandable-card-cards-container\n  > *:last-child {\n  margin-right: 0;\n}\n\n/* Expanded state - grid layout using inline-block (TV-compatible) */\n.expandable-card[data-expanded='true'] .expandable-card-cards-container {\n  font-size: 0; /* Remove whitespace between inline-block elements */\n}\n\n.expandable-card[data-expanded='true'] .expandable-card-cards-container > * {\n  display: inline-block;\n  vertical-align: top;\n  width: 23%;\n  margin-right: 2.66%;\n  margin-bottom: 16px;\n  font-size: 1rem; /* Reset font size */\n}\n\n/* Create 4-column grid effect */\n.expandable-card[data-expanded='true']\n  .expandable-card-cards-container\n  > *:nth-child(4n) {\n  margin-right: 0;\n}\n\n/* Animation for expand/collapse */\n.expandable-card-cards-container {\n  transition: all 0.3s ease-in-out;\n  max-height: 300px;\n  overflow: hidden;\n}\n\n.expandable-card[data-expanded='true'] .expandable-card-cards-container {\n  max-height: 2000px;\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/builder/components/ExpandableCard/ExpandableCard.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,cAAc;EACd,qCAAqC;EACrC,aAAa;EACb,gCAAgC;AAClC;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;EACnB,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;EAClB,WAAW;AACb;;AAEA,wCAAwC;AACxC;EACE,mBAAmB;EACnB,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,UAAU;EACV,gBAAgB;AAClB;;AAEA;;;EAGE,eAAe;AACjB;;AAEA,oEAAoE;AACpE;EACE,YAAY,EAAE,oDAAoD;AACpE;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,UAAU;EACV,mBAAmB;EACnB,mBAAmB;EACnB,eAAe,EAAE,oBAAoB;AACvC;;AAEA,gCAAgC;AAChC;;;EAGE,eAAe;AACjB;;AAEA,kCAAkC;AAClC;EACE,gCAAgC;EAChC,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;AACpB",sourcesContent:[".expandable-card {\n  position: relative;\n  display: block;\n  background-color: var(--sdk-surface4);\n  padding: 16px;\n  transition: all 0.3s ease-in-out;\n}\n\n.expandable-card[data-expanded='true'] {\n  padding: 24px;\n}\n\n.expandable-card-title {\n  margin-bottom: 16px;\n  text-align: center;\n  color: var(--sdk-text100);\n}\n\n.expandable-card-cards-container {\n  position: relative;\n  width: 100%;\n}\n\n/* Collapsed state - horizontal layout */\n.expandable-card[data-expanded='false'] .expandable-card-cards-container {\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.expandable-card[data-expanded='false'] .expandable-card-cards-container > * {\n  display: inline-block;\n  vertical-align: top;\n  width: 30%;\n  margin-right: 2%;\n}\n\n.expandable-card[data-expanded='false']\n  .expandable-card-cards-container\n  > *:last-child {\n  margin-right: 0;\n}\n\n/* Expanded state - grid layout using inline-block (TV-compatible) */\n.expandable-card[data-expanded='true'] .expandable-card-cards-container {\n  font-size: 0; /* Remove whitespace between inline-block elements */\n}\n\n.expandable-card[data-expanded='true'] .expandable-card-cards-container > * {\n  display: inline-block;\n  vertical-align: top;\n  width: 23%;\n  margin-right: 2.66%;\n  margin-bottom: 16px;\n  font-size: 1rem; /* Reset font size */\n}\n\n/* Create 4-column grid effect */\n.expandable-card[data-expanded='true']\n  .expandable-card-cards-container\n  > *:nth-child(4n) {\n  margin-right: 0;\n}\n\n/* Animation for expand/collapse */\n.expandable-card-cards-container {\n  transition: all 0.3s ease-in-out;\n  max-height: 300px;\n  overflow: hidden;\n}\n\n.expandable-card[data-expanded='true'] .expandable-card-cards-container {\n  max-height: 2000px;\n}\n"],sourceRoot:""}]),n.a=l},239:function(e,n,a){"use strict";a.r(n),a.d(n,"BuilderPanelViewModel",(function(){return t.BuilderPanelViewModel})),a.d(n,"default",(function(){return y}));var t=a(125),i=a(0),r=a.n(i),l=a(5),d=a.n(l),s=a(211),o={insert:"head",singleton:!1},c=(d()(s.a,o),s.a.locals,a(8)),A=a(102),p=a(213),u={insert:"head",singleton:!1},m=(d()(p.a,u),p.a.locals,a(100));var g=Object(m.a)()(e=>{const{title:n,image:a,focused:t}=e;return r.a.createElement("div",{className:"simple-card focus-ring","data-focused":t},n&&r.a.createElement("div",{className:"simple-card-title T05_ALT"},n),r.a.createElement("div",{className:"simple-card-image-wrapper"},r.a.createElement(A.a,{src:a.url,alt:a.alt||n,className:"simple-card-image"})))}),b=a(214),h={insert:"head",singleton:!1};d()(b.a,h),b.a.locals;function E(){return(E=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(null,arguments)}const C=Object(m.a)()(({children:e,focused:n,expanded:a,settings:t})=>{const i={};return null!=t&&t.backgroundColor&&(i.backgroundColor=t.backgroundColor),null!=t&&t.padding&&(i.padding=`${t.padding.top}px ${t.padding.right}px ${t.padding.bottom}px ${t.padding.left}px`),r.a.createElement("div",{className:"expandable-card focus-ring","data-focused":n,"data-expanded":a,role:"button",tabIndex:0,style:i},e)});var v=Object(m.a)()(e=>{const{id:n,title:a,settings:t,collapsedState:l,expandedState:d}=e,[s,o]=Object(i.useState)(!1),c="expandable-card-"+n,A=Object(i.useCallback)(()=>{o(e=>!e)},[]),p=Object(i.useCallback)(()=>!s||(o(!1),!1),[s]);return r.a.createElement(C,E({},e,{focusKey:c,onEnterPress:A,onClickPress:A,onBackPress:p,expanded:s,settings:t}),s?r.a.createElement(r.a.Fragment,null,a&&r.a.createElement("div",{className:"expandable-card-title T10 FONT_BOLD"},a),r.a.createElement("div",{className:"expandable-card-cards-container"},d.cards.map(e=>r.a.createElement(g,{key:e.id,id:e.id,title:e.title,image:e.image,focusKey:`${c}-expanded-${e.id}`})))):r.a.createElement(r.a.Fragment,null,a&&r.a.createElement("div",{className:"expandable-card-title T10 FONT_BOLD"},a),r.a.createElement("div",{className:"expandable-card-cards-container"},l.cards.map(e=>r.a.createElement(g,{key:e.id,id:e.id,title:e.title,image:e.image,focusKey:`${c}-collapsed-${e.id}`})))))}),B=a(212),x={insert:"head",singleton:!1};d()(B.a,x),B.a.locals;var f=({title:e,settings:n,cards:a})=>{const{header:t,sticky:i,textAlignment:l,spacing:d,padding:s,backgroundColor:o}=n,c={backgroundColor:o,paddingTop:null==s?void 0:s.top,paddingRight:null==s?void 0:s.right,paddingBottom:null==s?void 0:s.bottom,paddingLeft:null==s?void 0:s.left,textAlign:l},p={backgroundColor:i?o:"transparent",marginBottom:d},u={marginLeft:d?-d/2:0,marginRight:d?-d/2:0},m={padding:d?d/2:0,boxSizing:"border-box"};return r.a.createElement("div",{className:"builder-section",style:c},(()=>{if(!t.enabled)return null;const n="builder-section-header"+(i?" sticky":"");return r.a.createElement("div",{className:n,style:p},"image"===t.type?r.a.createElement(A.a,{src:t.content,alt:e,className:"builder-section-header-image"}):r.a.createElement("div",{className:"builder-section-header-text T14 FONT_BOLD"},t.content))})(),r.a.createElement("div",{className:"builder-section-cards",style:u},a.map(e=>{let a;switch(e.type){case"simple":a=r.a.createElement(g,{key:e.id,id:e.id,title:e.title,image:e.image,focusKey:"simple-card-"+e.id});break;case"expandable":a=r.a.createElement(v,{key:e.id,id:e.id,title:e.title,collapsedState:e.collapsedState,expandedState:e.expandedState,settings:n});break;default:return null}return r.a.createElement("div",{key:e.id,style:m},a)})))},k=a(103);var y=()=>{var e,n;const a=Object(i.useRef)(null),t=Object(i.useRef)(c.default.getMaestroEventViewModel().builderPanelViewModel),l=(()=>{if(!t.current)throw new Error("BuilderPanelViewModel is not initialized");return t.current})(),[d,s]=Object(i.useState)(null!==(e=l.sections.value)&&void 0!==e?e:[]),[o,A]=Object(i.useState)(null!==(n=l.isDataLoading.value)&&void 0!==n&&n),[p,u]=Object(i.useState)(null);Object(i.useEffect)(()=>{const e=l.sections.subscribe(e=>{s(e)}),n=l.isDataLoading.subscribe(e=>{A(e)});return u(a.current),()=>{e&&e(),n&&n()}},[l]);return o?r.a.createElement("div",{className:"builder-panel-loading"}):d&&0!==d.length?r.a.createElement(k.a,{scrollableContainerRef:p},r.a.createElement("div",{ref:a,className:"builder-panel-view"},d.map(e=>r.a.createElement(f,{key:e.id,id:e.id,title:e.title,settings:e.settings,cards:e.cards})),r.a.createElement("div",{className:"builder-panel-bottom-padding"}))):r.a.createElement("div",{className:"builder-panel-empty-state"},r.a.createElement("div",{className:"builder-panel-empty-state-content"},r.a.createElement("div",{className:"T20 FONT_BOLD builder-panel-empty-state-title"},"No Content Available"),r.a.createElement("p",{className:"T14 builder-panel-empty-state-description"},"This panel doesn't have any sections to display.")))}}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[7,15],{102:function(e,n,a){"use strict";var t=a(0),i=a.n(t);function r(){return(r=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(null,arguments)}function l(e,n,a){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,n||"default");if("object"!=typeof t)return t;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:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}class d extends i.a.Component{constructor(e){super(e),l(this,"state",{failed:!1}),l(this,"handleError",()=>{this.setState({failed:!0})})}render(){return this.state.failed?(console.warn("Image failed to load:",this.props.src),null):this.props.src?i.a.createElement("img",r({alt:this.props.alt||"Image"},this.props,{onError:this.handleError})):(console.warn("Image source is empty"),null)}}n.a=d},103:function(e,n,a){"use strict";var t=a(30);n.a=t.b},104:function(e,n,a){"use strict";a.d(n,"a",(function(){return t})),a.d(n,"b",(function(){return i}));const t=e=>e.toLowerCase().trim().replace(/[\s\W-]+/g,"-").replace(/^-+|-+$/g,"");function i(e){let n=0;for(let a=0;a<e.length;a++){n=(n<<5)-n+e.charCodeAt(a),n&=n}return n}},125:function(e,n,a){"use strict";a.r(n),a.d(n,"BuilderPanelViewModel",(function(){return s}));var t=a(3),i=a(34),r=a(4),l=a(104);function d(e,n,a){return(n=function(e){var n=function(e,n){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var t=a.call(e,n||"default");if("object"!=typeof t)return t;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:a,enumerable:!0,configurable:!0,writable:!0}):e[n]=a,e}class s extends i.a{constructor(e,n){super(),d(this,"sections",new t.a([])),d(this,"expandedCardIds",new t.a(new Set)),d(this,"isDataLoading",new t.a(!1)),d(this,"hasEverSuccessfullyLoaded",new t.a(!1)),d(this,"analyticsService",null),d(this,"lastResponseHash",null),d(this,"initialized",!1),this.analyticsService=n||null,e&&this.parseBlockData(e)}async init(e){this.analyticsService&&await this.trackPanelView(),this.parseBlockData(e),this.initialized=!0}cleanup(){this.sections.value=[],this.expandedCardIds.value=new Set,this.lastResponseHash=null,this.initialized=!1}updatePanelConfig(e){this.parseBlockData(e)}async trackPanelView(){try{this.analyticsService}catch(e){Object(r.a)(e,{tags:{component:"BuilderPanelViewModel",method:"trackPanelView"}})}}parseBlockData(e){try{if(this.isDataLoading.value=!0,this.setError(null),!e)throw new Error("Panel config is required");if(!e.block_data)throw new Error("block_data is missing from panel config");const n=e.block_data;if(!n.sections)throw new Error("sections array is missing from block_data");if(!Array.isArray(n.sections))throw new Error("sections must be an array");const a=Object(l.b)(JSON.stringify(n.sections));if(a===this.lastResponseHash)return void(this.isDataLoading.value=!1);this.sections.value=this.parseSections(n.sections),this.lastResponseHash=a,this.hasEverSuccessfullyLoaded.value=!0,this.isDataLoading.value=!1}catch(n){const a=n instanceof Error?n.message:"Failed to parse block data";this.setError(a),this.isDataLoading.value=!1,Object(r.a)(n,{tags:{component:"BuilderPanelViewModel",method:"parseBlockData"},extra:{panelConfig:e}})}}toggleCardExpanded(e){const n=new Set(this.expandedCardIds.value);n.has(e)?n.delete(e):n.add(e),this.expandedCardIds.value=n}collapseAllCards(){this.expandedCardIds.value=new Set}parsePadding(e){var n,a,t,i;const r=8,l=8,d=8,s=8;return{top:null!==(n=null==e?void 0:e.top)&&void 0!==n?n:r,right:null!==(a=null==e?void 0:e.right)&&void 0!==a?a:l,bottom:null!==(t=null==e?void 0:e.bottom)&&void 0!==t?t:d,left:null!==(i=null==e?void 0:e.left)&&void 0!==i?i:s}}parseHeader(e){var n,a,t;return{content:null!==(n=null==e?void 0:e.content)&&void 0!==n?n:"",enabled:null!==(a=null==e?void 0:e.enabled)&&void 0!==a&&a,type:null!==(t=null==e?void 0:e.type)&&void 0!==t?t:"text",alt:null==e?void 0:e.alt}}parseSectionSettings(e){var n,a,t,i;return{backgroundColor:null!==(n=null==e?void 0:e.background_color)&&void 0!==n?n:"transparent",header:this.parseHeader(null==e?void 0:e.header),padding:this.parsePadding(null==e?void 0:e.padding),spacing:null!==(a=null==e?void 0:e.spacing)&&void 0!==a?a:8,sticky:null!==(t=null==e?void 0:e.sticky)&&void 0!==t&&t,textAlignment:null!==(i=null==e?void 0:e.text_alignment)&&void 0!==i?i:"left"}}parseSimpleCard(e){var n,a,t,i;return{id:e.id,type:"simple",title:null!==(n=e.title)&&void 0!==n?n:"",image:{url:null!==(a=null===(t=e.image)||void 0===t?void 0:t.url)&&void 0!==a?a:"",alt:null===(i=e.image)||void 0===i?void 0:i.alt}}}parseExpandableCard(e){var n,a,t;return{id:e.id,type:"expandable",title:null!==(n=e.title)&&void 0!==n?n:"",collapsedState:{cards:Array.isArray(null===(a=e.collapsed_state)||void 0===a?void 0:a.cards)?e.collapsed_state.cards.map(e=>this.parseSimpleCard(e)):[]},expandedState:{cards:Array.isArray(null===(t=e.expanded_state)||void 0===t?void 0:t.cards)?e.expanded_state.cards.map(e=>this.parseSimpleCard(e)):[]},settings:e.settings?this.parseSectionSettings(e.settings):void 0}}parseCard(e){if(!e||!e.id)throw new Error("Card must have an id");return"expandable"===e.type?this.parseExpandableCard(e):this.parseSimpleCard(e)}parseSection(e){var n;if(!e||!e.id)throw new Error("Section must have an id");return{id:e.id,title:null!==(n=e.title)&&void 0!==n?n:"",cards:Array.isArray(e.cards)?e.cards.map(e=>this.parseCard(e)):[],settings:this.parseSectionSettings(e.settings)}}parseSections(e){if(!Array.isArray(e))throw new Error("Sections must be an array");return e.map(e=>this.parseSection(e))}}},211:function(e,n,a){"use strict";var t=a(6),i=a.n(t),r=a(7),l=a.n(r)()(i.a);l.push([e.i,"/* Builder Panel View */\n.builder-panel-view {\n  width: 100%;\n  min-height: 100%;\n  background-color: var(--sdk-surface4);\n}\n\n/* Empty State */\n.builder-panel-empty-state {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  background-color: var(--sdk-surface4);\n}\n\n.builder-panel-empty-state-content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  width: 80%;\n  max-width: 400px;\n}\n\n.builder-panel-empty-state-title {\n  margin-bottom: 12px;\n}\n\n.builder-panel-empty-state-description {\n  color: var(--sdk-text200);\n  margin: 0;\n}\n\n/* Loading State */\n.builder-panel-loading {\n  width: 100%;\n  height: 100%;\n  background-color: var(--sdk-surface4);\n}\n\n/* Bottom Padding */\n.builder-panel-bottom-padding {\n  height: 32px;\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/builder/view/BuilderPanelView.styles.css"],names:[],mappings:"AAAA,uBAAuB;AACvB;EACE,WAAW;EACX,gBAAgB;EAChB,qCAAqC;AACvC;;AAEA,gBAAgB;AAChB;EACE,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,qCAAqC;AACvC;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,gCAAgC;EAChC,kBAAkB;EAClB,UAAU;EACV,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,yBAAyB;EACzB,SAAS;AACX;;AAEA,kBAAkB;AAClB;EACE,WAAW;EACX,YAAY;EACZ,qCAAqC;AACvC;;AAEA,mBAAmB;AACnB;EACE,YAAY;AACd",sourcesContent:["/* Builder Panel View */\n.builder-panel-view {\n  width: 100%;\n  min-height: 100%;\n  background-color: var(--sdk-surface4);\n}\n\n/* Empty State */\n.builder-panel-empty-state {\n  width: 100%;\n  height: 100%;\n  position: relative;\n  background-color: var(--sdk-surface4);\n}\n\n.builder-panel-empty-state-content {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  text-align: center;\n  width: 80%;\n  max-width: 400px;\n}\n\n.builder-panel-empty-state-title {\n  margin-bottom: 12px;\n}\n\n.builder-panel-empty-state-description {\n  color: var(--sdk-text200);\n  margin: 0;\n}\n\n/* Loading State */\n.builder-panel-loading {\n  width: 100%;\n  height: 100%;\n  background-color: var(--sdk-surface4);\n}\n\n/* Bottom Padding */\n.builder-panel-bottom-padding {\n  height: 32px;\n}\n"],sourceRoot:""}]),n.a=l},212:function(e,n,a){"use strict";var t=a(6),i=a.n(t),r=a(7),l=a.n(r)()(i.a);l.push([e.i,".builder-section {\n  width: 100%;\n  display: block;\n}\n\n.builder-section-header {\n  width: 100%;\n  z-index: 10;\n  display: block;\n}\n\n.builder-section-header.sticky {\n  position: sticky;\n  top: 0;\n}\n\n.builder-section-header-image {\n  max-width: 100%;\n  height: auto;\n  display: block;\n}\n\n.builder-section-header-text {\n  color: var(--sdk-text100);\n}\n\n.builder-section-cards {\n  width: 100%;\n}\n\n.builder-section-cards > * {\n  display: inline-block;\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/builder/components/BuilderSection/BuilderSection.styles.css"],names:[],mappings:"AAAA;EACE,WAAW;EACX,cAAc;AAChB;;AAEA;EACE,WAAW;EACX,WAAW;EACX,cAAc;AAChB;;AAEA;EACE,gBAAgB;EAChB,MAAM;AACR;;AAEA;EACE,eAAe;EACf,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE,yBAAyB;AAC3B;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,qBAAqB;AACvB",sourcesContent:[".builder-section {\n  width: 100%;\n  display: block;\n}\n\n.builder-section-header {\n  width: 100%;\n  z-index: 10;\n  display: block;\n}\n\n.builder-section-header.sticky {\n  position: sticky;\n  top: 0;\n}\n\n.builder-section-header-image {\n  max-width: 100%;\n  height: auto;\n  display: block;\n}\n\n.builder-section-header-text {\n  color: var(--sdk-text100);\n}\n\n.builder-section-cards {\n  width: 100%;\n}\n\n.builder-section-cards > * {\n  display: inline-block;\n}\n"],sourceRoot:""}]),n.a=l},213:function(e,n,a){"use strict";var t=a(6),i=a.n(t),r=a(7),l=a.n(r)()(i.a);l.push([e.i,".simple-card {\n  position: relative;\n  display: block;\n  background-color: var(--sdk-surface4);\n  padding: 16px;\n}\n\n.simple-card-image-wrapper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background-color: var(--sdk-surface2);\n}\n\n.simple-card-image-wrapper::before {\n  content: '';\n  display: block;\n}\n\n.simple-card-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n/* Desktop hover state */\n@media (hover: hover) {\n  .simple-card:hover {\n    border-color: var(--sdk-highlightPrimary);\n  }\n\n  .simple-card:hover .simple-card-image {\n    opacity: 0.8;\n  }\n}\n\n.simple-card-title {\n  margin-bottom: 12px;\n  text-align: center;\n  color: var(--sdk-text100);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/builder/components/SimpleCard/SimpleCard.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,cAAc;EACd,qCAAqC;EACrC,aAAa;AACf;;AAEA;EACE,kBAAkB;EAClB,WAAW;EACX,gBAAgB;EAChB,qCAAqC;AACvC;;AAEA;EACE,WAAW;EACX,cAAc;AAChB;;AAEA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;AACd;;AAEA,wBAAwB;AACxB;EACE;IACE,yCAAyC;EAC3C;;EAEA;IACE,YAAY;EACd;AACF;;AAEA;EACE,mBAAmB;EACnB,kBAAkB;EAClB,yBAAyB;EACzB,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;AACrB",sourcesContent:[".simple-card {\n  position: relative;\n  display: block;\n  background-color: var(--sdk-surface4);\n  padding: 16px;\n}\n\n.simple-card-image-wrapper {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  background-color: var(--sdk-surface2);\n}\n\n.simple-card-image-wrapper::before {\n  content: '';\n  display: block;\n}\n\n.simple-card-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n\n/* Desktop hover state */\n@media (hover: hover) {\n  .simple-card:hover {\n    border-color: var(--sdk-highlightPrimary);\n  }\n\n  .simple-card:hover .simple-card-image {\n    opacity: 0.8;\n  }\n}\n\n.simple-card-title {\n  margin-bottom: 12px;\n  text-align: center;\n  color: var(--sdk-text100);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n"],sourceRoot:""}]),n.a=l},214:function(e,n,a){"use strict";var t=a(6),i=a.n(t),r=a(7),l=a.n(r)()(i.a);l.push([e.i,".expandable-card {\n  position: relative;\n  display: block;\n  background-color: var(--sdk-surface4);\n  padding: 16px;\n  transition: all 0.3s ease-in-out;\n}\n\n.expandable-card[data-expanded='true'] {\n  padding: 24px;\n}\n\n.expandable-card-title {\n  margin-bottom: 16px;\n  text-align: center;\n  color: var(--sdk-text100);\n}\n\n.expandable-card-cards-container {\n  position: relative;\n  width: 100%;\n}\n\n/* Collapsed state - horizontal layout */\n.expandable-card[data-expanded='false'] .expandable-card-cards-container {\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.expandable-card[data-expanded='false'] .expandable-card-cards-container > * {\n  display: inline-block;\n  vertical-align: top;\n  width: 30%;\n  margin-right: 2%;\n}\n\n.expandable-card[data-expanded='false']\n  .expandable-card-cards-container\n  > *:last-child {\n  margin-right: 0;\n}\n\n/* Expanded state - grid layout using inline-block (TV-compatible) */\n.expandable-card[data-expanded='true'] .expandable-card-cards-container {\n  font-size: 0; /* Remove whitespace between inline-block elements */\n}\n\n.expandable-card[data-expanded='true'] .expandable-card-cards-container > * {\n  display: inline-block;\n  vertical-align: top;\n  width: 23%;\n  margin-right: 2.66%;\n  margin-bottom: 16px;\n  font-size: 1rem; /* Reset font size */\n}\n\n/* Create 4-column grid effect */\n.expandable-card[data-expanded='true']\n  .expandable-card-cards-container\n  > *:nth-child(4n) {\n  margin-right: 0;\n}\n\n/* Animation for expand/collapse */\n.expandable-card-cards-container {\n  transition: all 0.3s ease-in-out;\n  max-height: 300px;\n  overflow: hidden;\n}\n\n.expandable-card[data-expanded='true'] .expandable-card-cards-container {\n  max-height: 2000px;\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/builder/components/ExpandableCard/ExpandableCard.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,cAAc;EACd,qCAAqC;EACrC,aAAa;EACb,gCAAgC;AAClC;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,mBAAmB;EACnB,kBAAkB;EAClB,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;EAClB,WAAW;AACb;;AAEA,wCAAwC;AACxC;EACE,mBAAmB;EACnB,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,UAAU;EACV,gBAAgB;AAClB;;AAEA;;;EAGE,eAAe;AACjB;;AAEA,oEAAoE;AACpE;EACE,YAAY,EAAE,oDAAoD;AACpE;;AAEA;EACE,qBAAqB;EACrB,mBAAmB;EACnB,UAAU;EACV,mBAAmB;EACnB,mBAAmB;EACnB,eAAe,EAAE,oBAAoB;AACvC;;AAEA,gCAAgC;AAChC;;;EAGE,eAAe;AACjB;;AAEA,kCAAkC;AAClC;EACE,gCAAgC;EAChC,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,kBAAkB;AACpB",sourcesContent:[".expandable-card {\n  position: relative;\n  display: block;\n  background-color: var(--sdk-surface4);\n  padding: 16px;\n  transition: all 0.3s ease-in-out;\n}\n\n.expandable-card[data-expanded='true'] {\n  padding: 24px;\n}\n\n.expandable-card-title {\n  margin-bottom: 16px;\n  text-align: center;\n  color: var(--sdk-text100);\n}\n\n.expandable-card-cards-container {\n  position: relative;\n  width: 100%;\n}\n\n/* Collapsed state - horizontal layout */\n.expandable-card[data-expanded='false'] .expandable-card-cards-container {\n  white-space: nowrap;\n  overflow: hidden;\n}\n\n.expandable-card[data-expanded='false'] .expandable-card-cards-container > * {\n  display: inline-block;\n  vertical-align: top;\n  width: 30%;\n  margin-right: 2%;\n}\n\n.expandable-card[data-expanded='false']\n  .expandable-card-cards-container\n  > *:last-child {\n  margin-right: 0;\n}\n\n/* Expanded state - grid layout using inline-block (TV-compatible) */\n.expandable-card[data-expanded='true'] .expandable-card-cards-container {\n  font-size: 0; /* Remove whitespace between inline-block elements */\n}\n\n.expandable-card[data-expanded='true'] .expandable-card-cards-container > * {\n  display: inline-block;\n  vertical-align: top;\n  width: 23%;\n  margin-right: 2.66%;\n  margin-bottom: 16px;\n  font-size: 1rem; /* Reset font size */\n}\n\n/* Create 4-column grid effect */\n.expandable-card[data-expanded='true']\n  .expandable-card-cards-container\n  > *:nth-child(4n) {\n  margin-right: 0;\n}\n\n/* Animation for expand/collapse */\n.expandable-card-cards-container {\n  transition: all 0.3s ease-in-out;\n  max-height: 300px;\n  overflow: hidden;\n}\n\n.expandable-card[data-expanded='true'] .expandable-card-cards-container {\n  max-height: 2000px;\n}\n"],sourceRoot:""}]),n.a=l},239:function(e,n,a){"use strict";a.r(n),a.d(n,"BuilderPanelViewModel",(function(){return t.BuilderPanelViewModel})),a.d(n,"default",(function(){return y}));var t=a(125),i=a(0),r=a.n(i),l=a(5),d=a.n(l),s=a(211),o={insert:"head",singleton:!1},c=(d()(s.a,o),s.a.locals,a(8)),A=a(102),p=a(213),u={insert:"head",singleton:!1},m=(d()(p.a,u),p.a.locals,a(100));var g=Object(m.a)()(e=>{const{title:n,image:a,focused:t}=e;return r.a.createElement("div",{className:"simple-card focus-ring","data-focused":t},n&&r.a.createElement("div",{className:"simple-card-title T05_ALT"},n),r.a.createElement("div",{className:"simple-card-image-wrapper"},r.a.createElement(A.a,{src:a.url,alt:a.alt||n,className:"simple-card-image"})))}),b=a(214),h={insert:"head",singleton:!1};d()(b.a,h),b.a.locals;function E(){return(E=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var a=arguments[n];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e}).apply(null,arguments)}const C=Object(m.a)()(({children:e,focused:n,expanded:a,settings:t})=>{const i={};return null!=t&&t.backgroundColor&&(i.backgroundColor=t.backgroundColor),null!=t&&t.padding&&(i.padding=`${t.padding.top}px ${t.padding.right}px ${t.padding.bottom}px ${t.padding.left}px`),r.a.createElement("div",{className:"expandable-card focus-ring","data-focused":n,"data-expanded":a,role:"button",tabIndex:0,style:i},e)});var v=Object(m.a)()(e=>{const{id:n,title:a,settings:t,collapsedState:l,expandedState:d}=e,[s,o]=Object(i.useState)(!1),c="expandable-card-"+n,A=Object(i.useCallback)(()=>{o(e=>!e)},[]),p=Object(i.useCallback)(()=>!s||(o(!1),!1),[s]);return r.a.createElement(C,E({},e,{focusKey:c,onEnterPress:A,onClickPress:A,onBackPress:p,expanded:s,settings:t}),s?r.a.createElement(r.a.Fragment,null,a&&r.a.createElement("div",{className:"expandable-card-title T10 FONT_BOLD"},a),r.a.createElement("div",{className:"expandable-card-cards-container"},d.cards.map(e=>r.a.createElement(g,{key:e.id,id:e.id,title:e.title,image:e.image,focusKey:`${c}-expanded-${e.id}`})))):r.a.createElement(r.a.Fragment,null,a&&r.a.createElement("div",{className:"expandable-card-title T10 FONT_BOLD"},a),r.a.createElement("div",{className:"expandable-card-cards-container"},l.cards.map(e=>r.a.createElement(g,{key:e.id,id:e.id,title:e.title,image:e.image,focusKey:`${c}-collapsed-${e.id}`})))))}),B=a(212),x={insert:"head",singleton:!1};d()(B.a,x),B.a.locals;var f=({title:e,settings:n,cards:a})=>{const{header:t,sticky:i,textAlignment:l,spacing:d,padding:s,backgroundColor:o}=n,c={backgroundColor:o,paddingTop:null==s?void 0:s.top,paddingRight:null==s?void 0:s.right,paddingBottom:null==s?void 0:s.bottom,paddingLeft:null==s?void 0:s.left,textAlign:l},p={backgroundColor:i?o:"transparent",marginBottom:d},u={marginLeft:d?-d/2:0,marginRight:d?-d/2:0},m={padding:d?d/2:0,boxSizing:"border-box"};return r.a.createElement("div",{className:"builder-section",style:c},(()=>{if(!t.enabled)return null;const n="builder-section-header"+(i?" sticky":"");return r.a.createElement("div",{className:n,style:p},"image"===t.type?r.a.createElement(A.a,{src:t.content,alt:e,className:"builder-section-header-image"}):r.a.createElement("div",{className:"builder-section-header-text T14 FONT_BOLD"},t.content))})(),r.a.createElement("div",{className:"builder-section-cards",style:u},a.map(e=>{let a;switch(e.type){case"simple":a=r.a.createElement(g,{key:e.id,id:e.id,title:e.title,image:e.image,focusKey:"simple-card-"+e.id});break;case"expandable":a=r.a.createElement(v,{key:e.id,id:e.id,title:e.title,collapsedState:e.collapsedState,expandedState:e.expandedState,settings:n});break;default:return null}return r.a.createElement("div",{key:e.id,style:m},a)})))},k=a(103);var y=()=>{var e,n;const a=Object(i.useRef)(null),t=Object(i.useRef)(c.default.getMaestroEventViewModel().builderPanelViewModel),l=(()=>{if(!t.current)throw new Error("BuilderPanelViewModel is not initialized");return t.current})(),[d,s]=Object(i.useState)(null!==(e=l.sections.value)&&void 0!==e?e:[]),[o,A]=Object(i.useState)(null!==(n=l.isDataLoading.value)&&void 0!==n&&n),[p,u]=Object(i.useState)(null);Object(i.useEffect)(()=>{const e=l.sections.subscribe(e=>{s(e)}),n=l.isDataLoading.subscribe(e=>{A(e)});return u(a.current),()=>{e&&e(),n&&n()}},[l]);return o?r.a.createElement("div",{className:"builder-panel-loading"}):d&&0!==d.length?r.a.createElement(k.a,{scrollableContainerRef:p},r.a.createElement("div",{ref:a,className:"builder-panel-view"},d.map(e=>r.a.createElement(f,{key:e.id,id:e.id,title:e.title,settings:e.settings,cards:e.cards})),r.a.createElement("div",{className:"builder-panel-bottom-padding"}))):r.a.createElement("div",{className:"builder-panel-empty-state"},r.a.createElement("div",{className:"builder-panel-empty-state-content"},r.a.createElement("div",{className:"T20 FONT_BOLD builder-panel-empty-state-title"},"No Content Available"),r.a.createElement("p",{className:"T14 builder-panel-empty-state-description"},"This panel doesn't have any sections to display.")))}}}]);
 //# sourceMappingURL=7.maestro-web-sdk.esm.js.map

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

@@ -1,2 +1,2 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{103:function(e,n,t){"use strict";var i=t(30);n.a=i.b},105:function(e,n,t){"use strict";var i=t(32);n.a=i.a},106:function(e,n,t){"use strict";var i=t(33).a,r=t(5),a=t.n(r),o=t(108),A={insert:"head",singleton:!1},l=(a()(o.a,A),o.a.locals,t(100)),c=t(0),s=t.n(c);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 i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(null,arguments)}class u extends s.a.Component{render(){const{children:e,focused:n,focusKey:t,parentFocusKey:r,preferredChildFocusKey:a,forgetLastFocusedChild:o,trackChildren:A,autoRestoreFocus:l,blockNavigationOut:c,hasFocusedChild:u,focusable:m,onEnterPress:p,onEnterRelease:v,onBackPress:E,onArrowPress:C,onBecameFocused:B,onBecameBlurred:w,realFocusKey:g,setFocus:b,navigateByDirection:h,stealFocus:x,onUpdateFocus:f,onUpdateHasFocusedChild:k,...y}=this.props;return s.a.createElement(i,d({className:"action-button T05_ALT"},y),e)}}var m=Object(l.a)()(u);n.a=m},108:function(e,n,t){"use strict";var i=t(6),r=t.n(i),a=t(7),o=t.n(a)()(r.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},215:function(e,n,t){"use strict";var i=t(6),r=t.n(i),a=t(7),o=t.n(a)()(r.a);o.push([e.i,".fox-multi-view-bottom-padding {\n  height: 20vh;\n  width: 100%;\n}\n\n.fox-multiview-view {\n  margin-top: 40px;\n}\n\n.fox-multiview-view .scrollable-container::after {\n  content: unset;\n}\n","",{version:3,sources:["webpack://./src/modules/fox/multi-view/view/FoxMultiView.styles.css"],names:[],mappings:"AAAA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB",sourcesContent:[".fox-multi-view-bottom-padding {\n  height: 20vh;\n  width: 100%;\n}\n\n.fox-multiview-view {\n  margin-top: 40px;\n}\n\n.fox-multiview-view .scrollable-container::after {\n  content: unset;\n}\n"],sourceRoot:""}]),n.a=o},216:function(e,n,t){"use strict";var i=t(6),r=t.n(i),a=t(7),o=t.n(a)()(r.a);o.push([e.i,".fox-multiview-view .tab-load-error {\n  border-radius: 24px;\n  padding: 44px;\n  background-color: #131313;\n  text-align: center;\n}\n\n.fox-multiview-view .tab-load-error h3 {\n  margin: 0;\n  font-weight: 700;\n  font-size: 38px;\n  line-height: 46px;\n}\n\n.fox-multiview-view .tab-load-error p {\n  margin: 12px 0 32px 0;\n  font-weight: 500;\n  font-size: 25px;\n}\n\n.fox-multiview-view .tab-load-error button {\n  border-radius: 16px;\n  padding: 18px 0;\n}\n","",{version:3,sources:["webpack://./src/modules/fox/components/TabLoadError/TabLoadError.styles.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,aAAa;EACb,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,SAAS;EACT,gBAAgB;EAChB,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,qBAAqB;EACrB,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,mBAAmB;EACnB,eAAe;AACjB",sourcesContent:[".fox-multiview-view .tab-load-error {\n  border-radius: 24px;\n  padding: 44px;\n  background-color: #131313;\n  text-align: center;\n}\n\n.fox-multiview-view .tab-load-error h3 {\n  margin: 0;\n  font-weight: 700;\n  font-size: 38px;\n  line-height: 46px;\n}\n\n.fox-multiview-view .tab-load-error p {\n  margin: 12px 0 32px 0;\n  font-weight: 500;\n  font-size: 25px;\n}\n\n.fox-multiview-view .tab-load-error button {\n  border-radius: 16px;\n  padding: 18px 0;\n}\n"],sourceRoot:""}]),n.a=o},217:function(e,n,t){"use strict";var i=t(6),r=t.n(i),a=t(7),o=t.n(a)()(r.a);o.push([e.i,".fox-multiview-view .curated-multiviews {\n  display: block;\n  overflow-y: auto;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  overscroll-behavior: contain;\n}\n\n.fox-multiview-view .curated-multiviews::-webkit-scrollbar {\n  display: none;\n}\n\n.fox-multiview-view .curated-multiviews > * {\n  padding-bottom: 16px;\n}\n\n.fox-multiview-view .curated-multiviews > *:last-child {\n  padding-bottom: 0;\n}\n\n.fox-multiview-view .curated-multiviews .header {\n  position: sticky;\n  top: 0;\n  font-weight: 500;\n  font-size: 25px;\n  z-index: 1;\n}\n\n.fox-multiview-view .curated-multiviews::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 58px; /* Height of the top gradient */\n  z-index: 0;\n  transition: z-index 0.3s ease;\n}\n\n.fox-multiview-view .curated-multiviews[data-scrolled='true']::before {\n  z-index: 1;\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n","",{version:3,sources:["webpack://./src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,gBAAgB;EAChB,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;AAC9B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,oBAAoB;AACtB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,MAAM;EACN,gBAAgB;EAChB,eAAe;EACf,UAAU;AACZ;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,YAAY,EAAE,+BAA+B;EAC7C,UAAU;EACV,6BAA6B;AAC/B;;AAEA;EACE,UAAU;EACV,yEAAyE;AAC3E",sourcesContent:[".fox-multiview-view .curated-multiviews {\n  display: block;\n  overflow-y: auto;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  overscroll-behavior: contain;\n}\n\n.fox-multiview-view .curated-multiviews::-webkit-scrollbar {\n  display: none;\n}\n\n.fox-multiview-view .curated-multiviews > * {\n  padding-bottom: 16px;\n}\n\n.fox-multiview-view .curated-multiviews > *:last-child {\n  padding-bottom: 0;\n}\n\n.fox-multiview-view .curated-multiviews .header {\n  position: sticky;\n  top: 0;\n  font-weight: 500;\n  font-size: 25px;\n  z-index: 1;\n}\n\n.fox-multiview-view .curated-multiviews::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 58px; /* Height of the top gradient */\n  z-index: 0;\n  transition: z-index 0.3s ease;\n}\n\n.fox-multiview-view .curated-multiviews[data-scrolled='true']::before {\n  z-index: 1;\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n"],sourceRoot:""}]),n.a=o},218:function(e,n,t){"use strict";var i=t(6),r=t.n(i),a=t(7),o=t.n(a)()(r.a);o.push([e.i,"/* CuratedMultiviewCard - TV-compatible styles (no flex/grid) */\n\n.curated-multiview-card {\n  display: block;\n  width: 100%;\n  padding: 20px 24px 20px 20px;\n  background: #1e1e1e;\n  border: 2px solid transparent;\n  border-radius: 16px !important;\n  box-sizing: border-box;\n}\n\n.curated-multiview-card-row {\n  display: table;\n  width: 100%;\n  height: 92px;\n  table-layout: fixed;\n}\n\n.curated-multiview-card-cell {\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.curated-multiview-card-cell-screens {\n  width: auto;\n}\n\n.curated-multiview-card-cell-radio {\n  width: 60px;\n  text-align: right;\n}\n\n/* Screens container - uses table for TV compatibility */\n.curated-multiview-screens-container {\n  display: table;\n  width: 100%;\n  height: 92px;\n  table-layout: fixed;\n  border-spacing: 8px 0;\n  margin-left: -8px;\n}\n\n/* Individual stream screen */\n.curated-multiview-screen {\n  display: table-cell;\n  vertical-align: middle;\n  height: 100%;\n  padding: 8px 12px;\n  background-color: #2a2a2a;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  border-radius: 10px;\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n}\n\n/* Team logos */\n.curated-multiview-team-logo {\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.curated-multiview-team-logo-home {\n  top: 8px;\n  left: 8px;\n}\n\n.curated-multiview-team-logo-away {\n  bottom: 8px;\n  right: 8px;\n}\n\n/* Screen title positioned at bottom */\n.curated-multiview-screen-title {\n  position: absolute;\n  bottom: 8px;\n  left: 12px;\n  right: 12px;\n  font-size: 18px;\n  line-height: 26px;\n  color: rgba(255, 255, 255, 0.95);\n  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Selection radio button */\n.curated-multiview-radio {\n  display: inline-block;\n  width: 36px;\n  height: 36px;\n  background: #000000;\n  border: 1px solid #333333;\n  border-radius: 50%;\n  line-height: 36px;\n  text-align: center;\n  color: white;\n  box-sizing: border-box;\n  position: relative;\n}\n\n.curated-multiview-radio svg {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.curated-multiview-radio[data-selected='true'] {\n  background: var(--sdk-highlightPrimary);\n}\n\n.curated-multiview-radio[data-selected='true'] path {\n  fill: var(--sdk-highlightTertiary);\n}\n\n.curated-multiview-radio path {\n  fill: var(--sdk-highlightPrimary);\n}\n\n.curated-multiview-radio-check {\n  display: inline-block;\n  line-height: 36px;\n  color: #000000;\n}\n\n/* Cards list container */\n.curated-multiview-cards-list {\n  display: block;\n}\n\n.curated-multiview-cards-list > div {\n  margin-bottom: 24px;\n}\n\n.curated-multiview-cards-list > div:last-child {\n  margin-bottom: 0;\n}\n","",{version:3,sources:["webpack://./src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.style.css"],names:[],mappings:"AAAA,+DAA+D;;AAE/D;EACE,cAAc;EACd,WAAW;EACX,4BAA4B;EAC5B,mBAAmB;EACnB,6BAA6B;EAC7B,8BAA8B;EAC9B,sBAAsB;AACxB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;EACX,iBAAiB;AACnB;;AAEA,wDAAwD;AACxD;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,qBAAqB;EACrB,iBAAiB;AACnB;;AAEA,6BAA6B;AAC7B;EACE,mBAAmB;EACnB,sBAAsB;EACtB,YAAY;EACZ,iBAAiB;EACjB,yBAAyB;EACzB,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA,eAAe;AACf;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,QAAQ;EACR,SAAS;AACX;;AAEA;EACE,WAAW;EACX,UAAU;AACZ;;AAEA,sCAAsC;AACtC;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;EACV,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,gCAAgC;EAChC,4CAA4C;EAC5C,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA,2BAA2B;AAC3B;EACE,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,yBAAyB;EACzB,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,YAAY;EACZ,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,gCAAgC;AAClC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,qBAAqB;EACrB,iBAAiB;EACjB,cAAc;AAChB;;AAEA,yBAAyB;AACzB;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:["/* CuratedMultiviewCard - TV-compatible styles (no flex/grid) */\n\n.curated-multiview-card {\n  display: block;\n  width: 100%;\n  padding: 20px 24px 20px 20px;\n  background: #1e1e1e;\n  border: 2px solid transparent;\n  border-radius: 16px !important;\n  box-sizing: border-box;\n}\n\n.curated-multiview-card-row {\n  display: table;\n  width: 100%;\n  height: 92px;\n  table-layout: fixed;\n}\n\n.curated-multiview-card-cell {\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.curated-multiview-card-cell-screens {\n  width: auto;\n}\n\n.curated-multiview-card-cell-radio {\n  width: 60px;\n  text-align: right;\n}\n\n/* Screens container - uses table for TV compatibility */\n.curated-multiview-screens-container {\n  display: table;\n  width: 100%;\n  height: 92px;\n  table-layout: fixed;\n  border-spacing: 8px 0;\n  margin-left: -8px;\n}\n\n/* Individual stream screen */\n.curated-multiview-screen {\n  display: table-cell;\n  vertical-align: middle;\n  height: 100%;\n  padding: 8px 12px;\n  background-color: #2a2a2a;\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  border-radius: 10px;\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n}\n\n/* Team logos */\n.curated-multiview-team-logo {\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.curated-multiview-team-logo-home {\n  top: 8px;\n  left: 8px;\n}\n\n.curated-multiview-team-logo-away {\n  bottom: 8px;\n  right: 8px;\n}\n\n/* Screen title positioned at bottom */\n.curated-multiview-screen-title {\n  position: absolute;\n  bottom: 8px;\n  left: 12px;\n  right: 12px;\n  font-size: 18px;\n  line-height: 26px;\n  color: rgba(255, 255, 255, 0.95);\n  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Selection radio button */\n.curated-multiview-radio {\n  display: inline-block;\n  width: 36px;\n  height: 36px;\n  background: #000000;\n  border: 1px solid #333333;\n  border-radius: 50%;\n  line-height: 36px;\n  text-align: center;\n  color: white;\n  box-sizing: border-box;\n  position: relative;\n}\n\n.curated-multiview-radio svg {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.curated-multiview-radio[data-selected='true'] {\n  background: var(--sdk-highlightPrimary);\n}\n\n.curated-multiview-radio[data-selected='true'] path {\n  fill: var(--sdk-highlightTertiary);\n}\n\n.curated-multiview-radio path {\n  fill: var(--sdk-highlightPrimary);\n}\n\n.curated-multiview-radio-check {\n  display: inline-block;\n  line-height: 36px;\n  color: #000000;\n}\n\n/* Cards list container */\n.curated-multiview-cards-list {\n  display: block;\n}\n\n.curated-multiview-cards-list > div {\n  margin-bottom: 24px;\n}\n\n.curated-multiview-cards-list > div:last-child {\n  margin-bottom: 0;\n}\n"],sourceRoot:""}]),n.a=o},240:function(e,n,t){"use strict";t.r(n);var i=t(103),r=t(8),a=t(0),o=t.n(a),A=t(5),l=t.n(A),c=t(215),s={insert:"head",singleton:!1},d=(l()(c.a,s),c.a.locals,t(100)),u=t(216),m={insert:"head",singleton:!1},p=(l()(u.a,m),u.a.locals,t(106));var v=Object(d.a)()(e=>{const{focused:n,onEnterPress:t}=e;return o.a.createElement("div",{className:"tab-load-error",ref:e=>{if(!e)return;const n=e.getBoundingClientRect();e.style.height=window.innerHeight-n.top+"px"}},o.a.createElement("h3",{className:"T70"},"Oops! Something went wrong."),o.a.createElement("p",{className:"T20"},"We are having trouble loading Multiview right now. Please try again"),o.a.createElement("div",{className:"fox"},o.a.createElement(p.a,{"data-focused":n,onEnterPress:t},"Try Again")))}),E=t(218),C={insert:"head",singleton:!1},B=(l()(E.a,C),E.a.locals,t(105));const w=({listing:e})=>{const{backgroundImage:n,description:t}=e;return o.a.createElement("div",{className:"curated-multiview-screen",style:{backgroundImage:`url(${n})`}},o.a.createElement("span",{className:"curated-multiview-screen-title FONT_BOLD"},t))};var g=Object(d.a)()(e=>{const{listings:n,selected:t,focused:i}=e;return o.a.createElement("div",{className:"curated-multiview-card focus-ring","data-focused":i},o.a.createElement("div",{className:"curated-multiview-card-row"},o.a.createElement("div",{className:"curated-multiview-card-cell curated-multiview-card-cell-screens"},o.a.createElement("div",{className:"curated-multiview-screens-container"},n.slice(0,2).map(e=>o.a.createElement(w,{key:e.id,listing:e})))),o.a.createElement("div",{className:"curated-multiview-card-cell curated-multiview-card-cell-radio"},o.a.createElement("div",{className:"curated-multiview-radio","data-selected":t},t&&o.a.createElement(B.a,{iconName:"checkmark",width:22.5,height:22})))))}),b=t(217),h={insert:"head",singleton:!1};l()(b.a,h),b.a.locals;var x=e=>{const[n,t]=Object(a.useState)("auto"),[i,A]=Object(a.useState)(!1),l=Object(a.useRef)([]),c=Object(a.useRef)(null),s=Object(a.useRef)(null),d=Object(a.useRef)(!1),u=Object(a.useCallback)(()=>c.current?c.current.offsetHeight:0,[]);Object(a.useLayoutEffect)(()=>{if(!l.current||0===l.current.length)return t("auto"),void(d.current=!1);const e=u(),n=l.current.reduce((e,n)=>n?e+n.clientHeight:e,e);n>0?(t(n+"px"),d.current=!0):(t("auto"),d.current=!1)},[e.items,u]);const m=Object(a.useCallback)(e=>{const n=u(),i=l.current.slice(e).reduce((e,n)=>n?e+n.clientHeight:e,n);t(i+"px")},[]),p=Object(a.useCallback)(e=>{const n=l.current[e];if(!n||!s.current)return;if(0===e)return s.current.scrollTop=0,void A(!1);const t=s.current.getBoundingClientRect(),i=n.getBoundingClientRect().top-t.top+s.current.scrollTop-u();s.current.scrollTop=i,A(i>0)},[u]),v=Object(a.useCallback)(e=>()=>{m(e),p(e)},[m,p]),E=e=>{"left"===e&&r.default.getMaestroEventViewModel().deliverFocus()},C=()=>{r.default.getMaestroEventViewModel().navigation.setFocus("PANEL_NAVIGATION")},B=n=>()=>{e.onSelect(n)};return o.a.createElement("div",{className:"curated-multiviews",style:{maxHeight:n},ref:s,"data-scrolled":i},o.a.createElement("div",{className:"header",ref:c},"Curated Multiview"),e.items.map((e,n)=>o.a.createElement("div",{key:e.id,ref:e=>{l.current[n]=e}},o.a.createElement(g,{onEnterPress:B(e),onBackPress:C,onArrowPress:E,onBecameFocused:v(n),selected:e.isSelected,listings:e.listings}))))};n.default=()=>{const e=Object(a.useRef)(null),[n,t]=Object(a.useState)([]),[A,l]=Object(a.useState)(null),[c,s]=Object(a.useState)(null),d=Object(a.useRef)(null);Object(a.useEffect)(()=>{d.current&&s(d.current);const n=r.default.getMaestroEventViewModel().multiViewViewModel;if(n){e.current=n,t(e.current.items.value);const i=e.current.items.subscribe(e=>{t(e)});l(e.current.error.value);const r=e.current.error.subscribe(e=>{l(e)});return e.current.init(),()=>{i(),r()}}},[]);const u=()=>{var n;null===(n=e.current)||void 0===n||n.clearTabLoadFailure()},m=e=>{"left"===e&&r.default.getMaestroEventViewModel().deliverFocus()},p=n=>{var t;null===(t=e.current)||void 0===t||t.onSelectCuratedMultiview(n)};return o.a.createElement("div",{className:"fox-multiview-view"},o.a.createElement(i.a,{scrollableContainerRef:c},A?o.a.createElement(v,{onEnterPress:u,onArrowPress:m}):n.map(e=>{switch(e.type){case"curated-multiviews":return o.a.createElement(x,{key:e.type,items:e.items,onSelect:p});default:return null}}),o.a.createElement("div",{className:"fox-multi-view-bottom-padding"})))}}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{103:function(e,n,t){"use strict";var i=t(30);n.a=i.b},105:function(e,n,t){"use strict";var i=t(32);n.a=i.a},106:function(e,n,t){"use strict";var i=t(33).a,a=t(5),r=t.n(a),A=t(108),o={insert:"head",singleton:!1},l=(r()(A.a,o),A.a.locals,t(100)),c=t(0),s=t.n(c);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 i in t)({}).hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e}).apply(null,arguments)}class u extends s.a.Component{render(){const{children:e,focused:n,focusKey:t,parentFocusKey:a,preferredChildFocusKey:r,forgetLastFocusedChild:A,trackChildren:o,autoRestoreFocus:l,blockNavigationOut:c,hasFocusedChild:u,focusable:m,onEnterPress:p,onEnterRelease:v,onBackPress:E,onArrowPress:B,onBecameFocused:C,onBecameBlurred:w,realFocusKey:g,setFocus:h,navigateByDirection:b,stealFocus:x,onUpdateFocus:f,onUpdateHasFocusedChild:k,...y}=this.props;return s.a.createElement(i,d({className:"action-button T05_ALT"},y),e)}}var m=Object(l.a)()(u);n.a=m},108:function(e,n,t){"use strict";var i=t(6),a=t.n(i),r=t(7),A=t.n(r)()(a.a);A.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=A},215:function(e,n,t){"use strict";var i=t(6),a=t.n(i),r=t(7),A=t.n(r)()(a.a);A.push([e.i,".fox-multi-view-bottom-padding {\n  height: 20vh;\n  width: 100%;\n}\n\n.fox-multiview-view {\n  margin-top: 40px;\n}\n\n.fox-multiview-view .scrollable-container::after {\n  content: unset;\n}\n","",{version:3,sources:["webpack://./src/modules/fox/multi-view/view/FoxMultiView.styles.css"],names:[],mappings:"AAAA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB",sourcesContent:[".fox-multi-view-bottom-padding {\n  height: 20vh;\n  width: 100%;\n}\n\n.fox-multiview-view {\n  margin-top: 40px;\n}\n\n.fox-multiview-view .scrollable-container::after {\n  content: unset;\n}\n"],sourceRoot:""}]),n.a=A},216:function(e,n,t){"use strict";var i=t(6),a=t.n(i),r=t(7),A=t.n(r)()(a.a);A.push([e.i,".fox-multiview-view .tab-load-error {\n  border-radius: 24px;\n  padding: 44px;\n  background-color: #131313;\n  text-align: center;\n}\n\n.fox-multiview-view .tab-load-error h3 {\n  margin: 0;\n  font-weight: 700;\n  font-size: 38px;\n  line-height: 46px;\n}\n\n.fox-multiview-view .tab-load-error p {\n  margin: 12px 0 32px 0;\n  font-weight: 500;\n  font-size: 25px;\n}\n\n.fox-multiview-view .tab-load-error button {\n  border-radius: 16px;\n  padding: 18px 0;\n}\n","",{version:3,sources:["webpack://./src/modules/fox/components/TabLoadError/TabLoadError.styles.css"],names:[],mappings:"AAAA;EACE,mBAAmB;EACnB,aAAa;EACb,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,SAAS;EACT,gBAAgB;EAChB,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,qBAAqB;EACrB,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,mBAAmB;EACnB,eAAe;AACjB",sourcesContent:[".fox-multiview-view .tab-load-error {\n  border-radius: 24px;\n  padding: 44px;\n  background-color: #131313;\n  text-align: center;\n}\n\n.fox-multiview-view .tab-load-error h3 {\n  margin: 0;\n  font-weight: 700;\n  font-size: 38px;\n  line-height: 46px;\n}\n\n.fox-multiview-view .tab-load-error p {\n  margin: 12px 0 32px 0;\n  font-weight: 500;\n  font-size: 25px;\n}\n\n.fox-multiview-view .tab-load-error button {\n  border-radius: 16px;\n  padding: 18px 0;\n}\n"],sourceRoot:""}]),n.a=A},217:function(e,n,t){"use strict";var i=t(6),a=t.n(i),r=t(7),A=t.n(r)()(a.a);A.push([e.i,".fox-multiview-view .curated-multiviews {\n  display: block;\n  position: relative;\n  overflow-y: auto;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  overscroll-behavior: contain;\n}\n\n.fox-multiview-view .curated-multiviews::-webkit-scrollbar {\n  display: none;\n}\n\n.fox-multiview-view .curated-multiviews > * {\n  padding-bottom: 16px;\n}\n\n.fox-multiview-view .curated-multiviews > *:last-child {\n  padding-bottom: 0;\n}\n\n.fox-multiview-view .curated-multiviews .header {\n  position: sticky;\n  top: 0;\n  font-weight: 500;\n  font-size: 25px;\n  z-index: 1;\n}\n\n.fox-multiview-view .curated-multiviews .header > div {\n  z-index: 1;\n  position: relative;\n}\n\n.fox-multiview-view .curated-multiviews .header::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 58px; /* Height of the top gradient */\n  z-index: 0;\n  transition: z-index 0.3s ease;\n}\n\n.fox-multiview-view .curated-multiviews[data-scrolled='true'] .header::before {\n  z-index: 1;\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n","",{version:3,sources:["webpack://./src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.styles.css"],names:[],mappings:"AAAA;EACE,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;AAC9B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,oBAAoB;AACtB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,MAAM;EACN,gBAAgB;EAChB,eAAe;EACf,UAAU;AACZ;;AAEA;EACE,UAAU;EACV,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,YAAY,EAAE,+BAA+B;EAC7C,UAAU;EACV,6BAA6B;AAC/B;;AAEA;EACE,UAAU;EACV,yEAAyE;AAC3E",sourcesContent:[".fox-multiview-view .curated-multiviews {\n  display: block;\n  position: relative;\n  overflow-y: auto;\n  scrollbar-width: none;\n  scroll-behavior: smooth;\n  overscroll-behavior: contain;\n}\n\n.fox-multiview-view .curated-multiviews::-webkit-scrollbar {\n  display: none;\n}\n\n.fox-multiview-view .curated-multiviews > * {\n  padding-bottom: 16px;\n}\n\n.fox-multiview-view .curated-multiviews > *:last-child {\n  padding-bottom: 0;\n}\n\n.fox-multiview-view .curated-multiviews .header {\n  position: sticky;\n  top: 0;\n  font-weight: 500;\n  font-size: 25px;\n  z-index: 1;\n}\n\n.fox-multiview-view .curated-multiviews .header > div {\n  z-index: 1;\n  position: relative;\n}\n\n.fox-multiview-view .curated-multiviews .header::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 58px; /* Height of the top gradient */\n  z-index: 0;\n  transition: z-index 0.3s ease;\n}\n\n.fox-multiview-view .curated-multiviews[data-scrolled='true'] .header::before {\n  z-index: 1;\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\n}\n"],sourceRoot:""}]),n.a=A},218:function(e,n,t){"use strict";var i=t(6),a=t.n(i),r=t(7),A=t.n(r)()(a.a);A.push([e.i,"/* CuratedMultiviewCard - TV-compatible styles (no flex/grid) */\n\n.curated-multiview-card {\n  display: block;\n  width: 100%;\n  padding: 20px 24px 20px 20px;\n  background: #1e1e1e;\n  border: 2px solid transparent;\n  border-radius: 16px !important;\n  box-sizing: border-box;\n}\n\n.curated-multiview-card-row {\n  display: table;\n  width: 100%;\n  height: 92px;\n  table-layout: fixed;\n}\n\n.curated-multiview-card-cell {\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.curated-multiview-card-cell-screens {\n  width: auto;\n}\n\n.curated-multiview-card-cell-radio {\n  width: 60px;\n  text-align: right;\n}\n\n/* Screens container - uses table for TV compatibility */\n.curated-multiview-screens-container {\n  display: table;\n  width: 100%;\n  height: 93px;\n  table-layout: fixed;\n  border-spacing: 8px 0;\n  margin-left: -8px;\n}\n\n.curated-multiview-screen {\n  display: table-cell;\n  vertical-align: middle;\n  height: 100%;\n  width: 180px;\n}\n.curated-multiview-screen > div {\n  display: table;\n  height: 93px;\n  width: 180px;\n  table-layout: fixed;\n}\n.curated-multiview-screen > div > div {\n  display: table-cell;\n  vertical-align: middle;\n  background-color: #000;\n  padding: 4px;\n  border-radius: 5.54px;\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  text-align: center;\n  font-size: 0;\n}\n.curated-multiview-screen img {\n  display: inline-block;\n  width: calc(50% - 3px);\n  box-sizing: border-box;\n  margin: 1.5px;\n  vertical-align: top;\n  height: 40px;\n  object-fit: fill;\n  border-radius: 4.29px;\n}\n.curated-multiview-screen img:first-child:nth-last-child(odd) {\n  display: block;\n  width: calc(50% - 3px);\n  margin-left: auto;\n  margin-right: auto;\n}\n.curated-multiview-screen-description {\n  font-size: 20px;\n  line-height: 100%;\n  color: #ffffff;\n  padding: 20px 24px 20px 2px;\n  display: table-cell;\n  vertical-align: middle;\n}\n.curated-multiview-screen-description span {\n  display: block;\n  margin-bottom: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.curated-multiview-screen-description span:last-child {\n  margin-bottom: 0px;\n}\n\n/* Team logos */\n.curated-multiview-team-logo {\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.curated-multiview-team-logo-home {\n  top: 8px;\n  left: 8px;\n}\n\n.curated-multiview-team-logo-away {\n  bottom: 8px;\n  right: 8px;\n}\n\n/* Screen title positioned at bottom */\n.curated-multiview-screen-title {\n  position: absolute;\n  bottom: 8px;\n  left: 12px;\n  right: 12px;\n  font-size: 18px;\n  line-height: 26px;\n  color: rgba(255, 255, 255, 0.95);\n  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Selection radio button */\n.curated-multiview-radio {\n  display: inline-block;\n  width: 36px;\n  height: 36px;\n  background: #000000;\n  border: 1px solid #333333;\n  border-radius: 50%;\n  line-height: 36px;\n  text-align: center;\n  color: white;\n  box-sizing: border-box;\n  position: relative;\n}\n\n.curated-multiview-radio svg {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.curated-multiview-radio[data-selected='true'] {\n  background: var(--sdk-highlightPrimary);\n}\n\n.curated-multiview-radio[data-selected='true'] path {\n  fill: var(--sdk-highlightTertiary);\n}\n\n.curated-multiview-radio path {\n  fill: var(--sdk-highlightPrimary);\n}\n\n.curated-multiview-radio-check {\n  display: inline-block;\n  line-height: 36px;\n  color: #000000;\n}\n\n/* Cards list container */\n.curated-multiview-cards-list {\n  display: block;\n}\n\n.curated-multiview-cards-list > div {\n  margin-bottom: 24px;\n}\n\n.curated-multiview-cards-list > div:last-child {\n  margin-bottom: 0;\n}\n","",{version:3,sources:["webpack://./src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.style.css"],names:[],mappings:"AAAA,+DAA+D;;AAE/D;EACE,cAAc;EACd,WAAW;EACX,4BAA4B;EAC5B,mBAAmB;EACnB,6BAA6B;EAC7B,8BAA8B;EAC9B,sBAAsB;AACxB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;EACX,iBAAiB;AACnB;;AAEA,wDAAwD;AACxD;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,qBAAqB;EACrB,iBAAiB;AACnB;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,YAAY;EACZ,YAAY;AACd;AACA;EACE,cAAc;EACd,YAAY;EACZ,YAAY;EACZ,mBAAmB;AACrB;AACA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,sBAAsB;EACtB,YAAY;EACZ,qBAAqB;EACrB,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,kBAAkB;EAClB,YAAY;AACd;AACA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,sBAAsB;EACtB,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;EAChB,qBAAqB;AACvB;AACA;EACE,cAAc;EACd,sBAAsB;EACtB,iBAAiB;EACjB,kBAAkB;AACpB;AACA;EACE,eAAe;EACf,iBAAiB;EACjB,cAAc;EACd,2BAA2B;EAC3B,mBAAmB;EACnB,sBAAsB;AACxB;AACA;EACE,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,kBAAkB;AACpB;;AAEA,eAAe;AACf;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,QAAQ;EACR,SAAS;AACX;;AAEA;EACE,WAAW;EACX,UAAU;AACZ;;AAEA,sCAAsC;AACtC;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;EACV,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,gCAAgC;EAChC,4CAA4C;EAC5C,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA,2BAA2B;AAC3B;EACE,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,yBAAyB;EACzB,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,YAAY;EACZ,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,gCAAgC;AAClC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,qBAAqB;EACrB,iBAAiB;EACjB,cAAc;AAChB;;AAEA,yBAAyB;AACzB;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB",sourcesContent:["/* CuratedMultiviewCard - TV-compatible styles (no flex/grid) */\n\n.curated-multiview-card {\n  display: block;\n  width: 100%;\n  padding: 20px 24px 20px 20px;\n  background: #1e1e1e;\n  border: 2px solid transparent;\n  border-radius: 16px !important;\n  box-sizing: border-box;\n}\n\n.curated-multiview-card-row {\n  display: table;\n  width: 100%;\n  height: 92px;\n  table-layout: fixed;\n}\n\n.curated-multiview-card-cell {\n  display: table-cell;\n  vertical-align: middle;\n}\n\n.curated-multiview-card-cell-screens {\n  width: auto;\n}\n\n.curated-multiview-card-cell-radio {\n  width: 60px;\n  text-align: right;\n}\n\n/* Screens container - uses table for TV compatibility */\n.curated-multiview-screens-container {\n  display: table;\n  width: 100%;\n  height: 93px;\n  table-layout: fixed;\n  border-spacing: 8px 0;\n  margin-left: -8px;\n}\n\n.curated-multiview-screen {\n  display: table-cell;\n  vertical-align: middle;\n  height: 100%;\n  width: 180px;\n}\n.curated-multiview-screen > div {\n  display: table;\n  height: 93px;\n  width: 180px;\n  table-layout: fixed;\n}\n.curated-multiview-screen > div > div {\n  display: table-cell;\n  vertical-align: middle;\n  background-color: #000;\n  padding: 4px;\n  border-radius: 5.54px;\n  box-sizing: border-box;\n  position: relative;\n  overflow: hidden;\n  text-align: center;\n  font-size: 0;\n}\n.curated-multiview-screen img {\n  display: inline-block;\n  width: calc(50% - 3px);\n  box-sizing: border-box;\n  margin: 1.5px;\n  vertical-align: top;\n  height: 40px;\n  object-fit: fill;\n  border-radius: 4.29px;\n}\n.curated-multiview-screen img:first-child:nth-last-child(odd) {\n  display: block;\n  width: calc(50% - 3px);\n  margin-left: auto;\n  margin-right: auto;\n}\n.curated-multiview-screen-description {\n  font-size: 20px;\n  line-height: 100%;\n  color: #ffffff;\n  padding: 20px 24px 20px 2px;\n  display: table-cell;\n  vertical-align: middle;\n}\n.curated-multiview-screen-description span {\n  display: block;\n  margin-bottom: 4px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.curated-multiview-screen-description span:last-child {\n  margin-bottom: 0px;\n}\n\n/* Team logos */\n.curated-multiview-team-logo {\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  object-fit: contain;\n}\n\n.curated-multiview-team-logo-home {\n  top: 8px;\n  left: 8px;\n}\n\n.curated-multiview-team-logo-away {\n  bottom: 8px;\n  right: 8px;\n}\n\n/* Screen title positioned at bottom */\n.curated-multiview-screen-title {\n  position: absolute;\n  bottom: 8px;\n  left: 12px;\n  right: 12px;\n  font-size: 18px;\n  line-height: 26px;\n  color: rgba(255, 255, 255, 0.95);\n  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Selection radio button */\n.curated-multiview-radio {\n  display: inline-block;\n  width: 36px;\n  height: 36px;\n  background: #000000;\n  border: 1px solid #333333;\n  border-radius: 50%;\n  line-height: 36px;\n  text-align: center;\n  color: white;\n  box-sizing: border-box;\n  position: relative;\n}\n\n.curated-multiview-radio svg {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.curated-multiview-radio[data-selected='true'] {\n  background: var(--sdk-highlightPrimary);\n}\n\n.curated-multiview-radio[data-selected='true'] path {\n  fill: var(--sdk-highlightTertiary);\n}\n\n.curated-multiview-radio path {\n  fill: var(--sdk-highlightPrimary);\n}\n\n.curated-multiview-radio-check {\n  display: inline-block;\n  line-height: 36px;\n  color: #000000;\n}\n\n/* Cards list container */\n.curated-multiview-cards-list {\n  display: block;\n}\n\n.curated-multiview-cards-list > div {\n  margin-bottom: 24px;\n}\n\n.curated-multiview-cards-list > div:last-child {\n  margin-bottom: 0;\n}\n"],sourceRoot:""}]),n.a=A},240:function(e,n,t){"use strict";t.r(n);var i=t(103),a=t(8),r=t(0),A=t.n(r),o=t(5),l=t.n(o),c=t(215),s={insert:"head",singleton:!1},d=(l()(c.a,s),c.a.locals,t(100)),u=t(216),m={insert:"head",singleton:!1},p=(l()(u.a,m),u.a.locals,t(106));var v=Object(d.a)()(e=>{const{focused:n,onEnterPress:t}=e;return A.a.createElement("div",{className:"tab-load-error",ref:e=>{if(!e)return;const n=e.getBoundingClientRect();e.style.height=window.innerHeight-n.top+"px"}},A.a.createElement("h3",{className:"T70"},"Oops! Something went wrong."),A.a.createElement("p",{className:"T20"},"We are having trouble loading Multiview right now. Please try again"),A.a.createElement("div",{className:"fox"},A.a.createElement(p.a,{"data-focused":n,onEnterPress:t},"Try Again")))}),E=t(218),B={insert:"head",singleton:!1},C=(l()(E.a,B),E.a.locals,t(105));const w=({screenDetails:e})=>{const{imageLists:n,descriptionLists:t}=e;return A.a.createElement(A.a.Fragment,null,A.a.createElement("div",{className:"curated-multiview-screen"},A.a.createElement("div",null,A.a.createElement("div",null,n.map(e=>A.a.createElement("img",{key:e.id,src:e.image,alt:e.id}))))),A.a.createElement("div",{className:"curated-multiview-screen-description"},t.map(e=>A.a.createElement("span",{key:e.id},e.description))))};var g=Object(d.a)()(e=>{const{listings:n,selected:t,focused:i}=e,a=function(e){const n=[],t=[];return e.forEach(e=>{e.backgroundImage&&n.push({id:e.id,image:e.backgroundImage}),e.description&&t.push({id:e.id,description:e.description})}),{imageLists:n,descriptionLists:t}}(n);return A.a.createElement("div",{className:"curated-multiview-card focus-ring","data-focused":i},A.a.createElement("div",{className:"curated-multiview-card-row"},A.a.createElement("div",{className:"curated-multiview-card-cell curated-multiview-card-cell-screens"},A.a.createElement("div",{className:"curated-multiview-screens-container"},A.a.createElement(w,{screenDetails:a}))),A.a.createElement("div",{className:"curated-multiview-card-cell curated-multiview-card-cell-radio"},A.a.createElement("div",{className:"curated-multiview-radio","data-selected":t},t&&A.a.createElement(C.a,{iconName:"checkmark",width:22.5,height:22})))))}),h=t(217),b={insert:"head",singleton:!1};l()(h.a,b),h.a.locals;var x=e=>{const[n,t]=Object(r.useState)("auto"),[i,o]=Object(r.useState)(!1),l=Object(r.useRef)([]),c=Object(r.useRef)(null),s=Object(r.useRef)(null),d=Object(r.useRef)(!1),u=Object(r.useCallback)(()=>c.current?c.current.offsetHeight:0,[]);Object(r.useLayoutEffect)(()=>{if(!l.current||0===l.current.length)return t("auto"),void(d.current=!1);const e=u(),n=l.current.reduce((e,n)=>n?e+n.clientHeight:e,e);n>0?(t(n+"px"),d.current=!0):(t("auto"),d.current=!1)},[e.items,u]);const m=Object(r.useCallback)(e=>{const n=u(),i=l.current.slice(e).reduce((e,n)=>n?e+n.clientHeight:e,n);t(i+"px")},[]),p=Object(r.useCallback)(e=>{const n=l.current[e];if(!n||!s.current)return;if(0===e)return s.current.scrollTop=0,void o(!1);const t=s.current.getBoundingClientRect(),i=n.getBoundingClientRect().top-t.top+s.current.scrollTop-u();s.current.scrollTop=i,o(i>0)},[u]),v=Object(r.useCallback)(e=>()=>{m(e),p(e)},[m,p]),E=e=>{"left"===e&&a.default.getMaestroEventViewModel().deliverFocus()},B=()=>{a.default.getMaestroEventViewModel().navigation.setFocus("PANEL_NAVIGATION")},C=n=>()=>{e.onSelect(n)};return A.a.createElement("div",{className:"curated-multiviews",style:{maxHeight:n},ref:s,"data-scrolled":i},A.a.createElement("div",{className:"header",ref:c},A.a.createElement("div",null,"Curated Multiview")),e.items.map((e,n)=>A.a.createElement("div",{key:e.id,ref:e=>{l.current[n]=e}},A.a.createElement(g,{onEnterPress:C(e),onBackPress:B,onArrowPress:E,onBecameFocused:v(n),selected:e.isSelected,listings:e.listings}))))};n.default=()=>{const e=Object(r.useRef)(null),[n,t]=Object(r.useState)([]),[o,l]=Object(r.useState)(null),[c,s]=Object(r.useState)(null),d=Object(r.useRef)(null);Object(r.useEffect)(()=>{d.current&&s(d.current);const n=a.default.getMaestroEventViewModel().multiViewViewModel;if(n){e.current=n,t(e.current.items.value);const i=e.current.items.subscribe(e=>{t(e)});l(e.current.error.value);const a=e.current.error.subscribe(e=>{l(e)});return e.current.init(),()=>{i(),a()}}},[]);const u=()=>{var n;null===(n=e.current)||void 0===n||n.clearTabLoadFailure()},m=e=>{"left"===e&&a.default.getMaestroEventViewModel().deliverFocus()},p=n=>{var t;null===(t=e.current)||void 0===t||t.onSelectCuratedMultiview(n)};return A.a.createElement("div",{className:"fox-multiview-view"},A.a.createElement(i.a,{scrollableContainerRef:c},o?A.a.createElement(v,{onEnterPress:u,onArrowPress:m}):n.map(e=>{switch(e.type){case"curated-multiviews":return A.a.createElement(x,{key:e.type,items:e.items,onSelect:p});default:return null}}),A.a.createElement("div",{className:"fox-multi-view-bottom-padding"})))}}}]);
 //# sourceMappingURL=8.maestro-web-sdk.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///./src/components/core/ScrollableContainer/index.ts","webpack:///./src/components/atoms/SvgIcon/index.ts","webpack:///./src/components/atoms/BaseButton/index.ts","webpack:///./src/components/molecules/ActionButton/ActionButton.styles.css?ed9b","webpack:///./src/components/molecules/ActionButton/ActionButton.tsx","webpack:///./src/components/molecules/ActionButton/index.ts","webpack:///./src/components/molecules/ActionButton/ActionButton.styles.css","webpack:///./src/modules/fox/multi-view/view/FoxMultiView.styles.css","webpack:///./src/modules/fox/components/TabLoadError/TabLoadError.styles.css","webpack:///./src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.styles.css","webpack:///./src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.style.css","webpack:///./src/modules/fox/multi-view/view/FoxMultiView.styles.css?2a16","webpack:///./src/modules/fox/components/TabLoadError/TabLoadError.styles.css?c79e","webpack:///./src/modules/fox/components/TabLoadError/TabLoadError.tsx","webpack:///./src/modules/fox/components/TabLoadError/index.ts","webpack:///./src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.style.css?1967","webpack:///./src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.tsx","webpack:///./src/modules/fox/multi-view/view/components/curated-multiview-card/index.ts","webpack:///./src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.styles.css?2211","webpack:///./src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.tsx","webpack:///./src/modules/fox/multi-view/view/FoxMultiView.tsx"],"names":["ScrollableContainer","Icon","BaseButton","options","locals","ActionButton","React","Component","render","children","focused","_focused","focusKey","_focusKey","parentFocusKey","_parentFocusKey","preferredChildFocusKey","_preferredChildFocusKey","forgetLastFocusedChild","_forgetLastFocusedChild","trackChildren","_trackChildren","autoRestoreFocus","_autoRestoreFocus","blockNavigationOut","_blockNavigationOut","hasFocusedChild","_hasFocusedChild","focusable","_focusable","onEnterPress","_onEnterPress","onEnterRelease","_onEnterRelease","onBackPress","_onBackPress","onArrowPress","_onArrowPress","onBecameFocused","_onBecameFocused","onBecameBlurred","_onBecameBlurred","realFocusKey","_realFocusKey","setFocus","_setFocus","navigateByDirection","_navigateByDirection","stealFocus","_stealFocus","onUpdateFocus","_onUpdateFocus","onUpdateHasFocusedChild","_onUpdateHasFocusedChild","buttonProps","this","props","createElement","_extends","className","withFocusable","___CSS_LOADER_EXPORT___","push","module","i","TabLoadErrorView","ref","element","rect","getBoundingClientRect","style","height","window","innerHeight","top","data-focused","StreamScreen","listing","backgroundImage","description","CuratedMultiviewCard","listings","selected","slice","map","key","id","data-selected","iconName","width","CuratedMultiviews","maxHeight","setMaxHeight","useState","scrolled","setScrolled","refsArray","useRef","headerRef","wrapperRef","hasInitialized","getHeaderHeight","useCallback","current","offsetHeight","useLayoutEffect","length","headerHeight","totalHeight","reduce","prev","curr","clientHeight","items","updateMaxHeight","focusedIndex","scrollToElement","scrollTop","wrapperRect","handleBecameFocused","d","SDK","getMaestroEventViewModel","deliverFocus","navigation","onSelectCuratedMultiview","item","onSelect","data-scrolled","index","isSelected","FoxMultiView","vm","setItems","error","setError","scrollableContainer","setScrollableContainer","containerRef","useEffect","mvvm","multiViewViewModel","value","removeItemsListener","subscribe","newItems","removeErrorListener","init","clearTabLoadFailure","_vm$current","_vm$current2","scrollableContainerRef","type"],"mappings":"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","file":"8.maestro-web-sdk.esm.js","sourcesContent":["import ScrollableContainer from './ScrollableContainer';\n\nexport { ScrollableContainerContext } from './ScrollableContainer';\nexport { useScrollableContainer } from './useScrollableContainer';\nexport { default as FocusableItem } from './FocusableItem';\nexport type { ScrollableContainerContextType } from './ScrollableContainer';\nexport default ScrollableContainer;\n","import Icon from './Icon';\n\nexport default Icon;\n","import BaseButton from './BaseButton';\n\nexport default BaseButton;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./ActionButton.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import BaseButton from '@/components/atoms/BaseButton';\nimport './ActionButton.styles.css';\nimport {\n  withFocusable,\n  WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport React from 'react';\n\ntype SpatialNavigationInjectedProps = {\n  realFocusKey?: string;\n  setFocus?: (focusKey: string) => void;\n  navigateByDirection?: (...args: any[]) => any;\n  stealFocus?: () => void;\n  onUpdateFocus?: (focused: boolean) => void;\n  onUpdateHasFocusedChild?: (hasFocusedChild: boolean) => void;\n};\n\ntype Props = React.PropsWithChildren<\n  React.ButtonHTMLAttributes<HTMLButtonElement> &\n    WithFocusableProps &\n    SpatialNavigationInjectedProps\n>;\n\nclass ActionButton extends React.Component<Props, {}> {\n  render() {\n    const {\n      children,\n      // spatial-navigation props (must not hit DOM)\n      focused: _focused,\n      focusKey: _focusKey,\n      parentFocusKey: _parentFocusKey,\n      preferredChildFocusKey: _preferredChildFocusKey,\n      forgetLastFocusedChild: _forgetLastFocusedChild,\n      trackChildren: _trackChildren,\n      autoRestoreFocus: _autoRestoreFocus,\n      blockNavigationOut: _blockNavigationOut,\n      hasFocusedChild: _hasFocusedChild,\n      focusable: _focusable,\n      onEnterPress: _onEnterPress,\n      onEnterRelease: _onEnterRelease,\n      onBackPress: _onBackPress,\n      onArrowPress: _onArrowPress,\n      onBecameFocused: _onBecameFocused,\n      onBecameBlurred: _onBecameBlurred,\n      // injected/internal props (also must not hit DOM)\n      realFocusKey: _realFocusKey,\n      setFocus: _setFocus,\n      navigateByDirection: _navigateByDirection,\n      stealFocus: _stealFocus,\n      onUpdateFocus: _onUpdateFocus,\n      onUpdateHasFocusedChild: _onUpdateHasFocusedChild,\n      ...buttonProps\n    } = this.props;\n\n    return (\n      <BaseButton className=\"action-button T05_ALT\" {...buttonProps}>\n        {children}\n      </BaseButton>\n    );\n  }\n}\n\nexport default withFocusable()(ActionButton);\n","import ActionButton from './ActionButton';\n\nexport default ActionButton;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".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// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".fox-multi-view-bottom-padding {\\n  height: 20vh;\\n  width: 100%;\\n}\\n\\n.fox-multiview-view {\\n  margin-top: 40px;\\n}\\n\\n.fox-multiview-view .scrollable-container::after {\\n  content: unset;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/fox/multi-view/view/FoxMultiView.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB\",\"sourcesContent\":[\".fox-multi-view-bottom-padding {\\n  height: 20vh;\\n  width: 100%;\\n}\\n\\n.fox-multiview-view {\\n  margin-top: 40px;\\n}\\n\\n.fox-multiview-view .scrollable-container::after {\\n  content: unset;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".fox-multiview-view .tab-load-error {\\n  border-radius: 24px;\\n  padding: 44px;\\n  background-color: #131313;\\n  text-align: center;\\n}\\n\\n.fox-multiview-view .tab-load-error h3 {\\n  margin: 0;\\n  font-weight: 700;\\n  font-size: 38px;\\n  line-height: 46px;\\n}\\n\\n.fox-multiview-view .tab-load-error p {\\n  margin: 12px 0 32px 0;\\n  font-weight: 500;\\n  font-size: 25px;\\n}\\n\\n.fox-multiview-view .tab-load-error button {\\n  border-radius: 16px;\\n  padding: 18px 0;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/fox/components/TabLoadError/TabLoadError.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,mBAAmB;EACnB,aAAa;EACb,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,SAAS;EACT,gBAAgB;EAChB,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,qBAAqB;EACrB,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,mBAAmB;EACnB,eAAe;AACjB\",\"sourcesContent\":[\".fox-multiview-view .tab-load-error {\\n  border-radius: 24px;\\n  padding: 44px;\\n  background-color: #131313;\\n  text-align: center;\\n}\\n\\n.fox-multiview-view .tab-load-error h3 {\\n  margin: 0;\\n  font-weight: 700;\\n  font-size: 38px;\\n  line-height: 46px;\\n}\\n\\n.fox-multiview-view .tab-load-error p {\\n  margin: 12px 0 32px 0;\\n  font-weight: 500;\\n  font-size: 25px;\\n}\\n\\n.fox-multiview-view .tab-load-error button {\\n  border-radius: 16px;\\n  padding: 18px 0;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".fox-multiview-view .curated-multiviews {\\n  display: block;\\n  overflow-y: auto;\\n  scrollbar-width: none;\\n  scroll-behavior: smooth;\\n  overscroll-behavior: contain;\\n}\\n\\n.fox-multiview-view .curated-multiviews::-webkit-scrollbar {\\n  display: none;\\n}\\n\\n.fox-multiview-view .curated-multiviews > * {\\n  padding-bottom: 16px;\\n}\\n\\n.fox-multiview-view .curated-multiviews > *:last-child {\\n  padding-bottom: 0;\\n}\\n\\n.fox-multiview-view .curated-multiviews .header {\\n  position: sticky;\\n  top: 0;\\n  font-weight: 500;\\n  font-size: 25px;\\n  z-index: 1;\\n}\\n\\n.fox-multiview-view .curated-multiviews::before {\\n  content: '';\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  top: 0;\\n  height: 58px; /* Height of the top gradient */\\n  z-index: 0;\\n  transition: z-index 0.3s ease;\\n}\\n\\n.fox-multiview-view .curated-multiviews[data-scrolled='true']::before {\\n  z-index: 1;\\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,cAAc;EACd,gBAAgB;EAChB,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;AAC9B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,oBAAoB;AACtB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,MAAM;EACN,gBAAgB;EAChB,eAAe;EACf,UAAU;AACZ;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,YAAY,EAAE,+BAA+B;EAC7C,UAAU;EACV,6BAA6B;AAC/B;;AAEA;EACE,UAAU;EACV,yEAAyE;AAC3E\",\"sourcesContent\":[\".fox-multiview-view .curated-multiviews {\\n  display: block;\\n  overflow-y: auto;\\n  scrollbar-width: none;\\n  scroll-behavior: smooth;\\n  overscroll-behavior: contain;\\n}\\n\\n.fox-multiview-view .curated-multiviews::-webkit-scrollbar {\\n  display: none;\\n}\\n\\n.fox-multiview-view .curated-multiviews > * {\\n  padding-bottom: 16px;\\n}\\n\\n.fox-multiview-view .curated-multiviews > *:last-child {\\n  padding-bottom: 0;\\n}\\n\\n.fox-multiview-view .curated-multiviews .header {\\n  position: sticky;\\n  top: 0;\\n  font-weight: 500;\\n  font-size: 25px;\\n  z-index: 1;\\n}\\n\\n.fox-multiview-view .curated-multiviews::before {\\n  content: '';\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  top: 0;\\n  height: 58px; /* Height of the top gradient */\\n  z-index: 0;\\n  transition: z-index 0.3s ease;\\n}\\n\\n.fox-multiview-view .curated-multiviews[data-scrolled='true']::before {\\n  z-index: 1;\\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* CuratedMultiviewCard - TV-compatible styles (no flex/grid) */\\n\\n.curated-multiview-card {\\n  display: block;\\n  width: 100%;\\n  padding: 20px 24px 20px 20px;\\n  background: #1e1e1e;\\n  border: 2px solid transparent;\\n  border-radius: 16px !important;\\n  box-sizing: border-box;\\n}\\n\\n.curated-multiview-card-row {\\n  display: table;\\n  width: 100%;\\n  height: 92px;\\n  table-layout: fixed;\\n}\\n\\n.curated-multiview-card-cell {\\n  display: table-cell;\\n  vertical-align: middle;\\n}\\n\\n.curated-multiview-card-cell-screens {\\n  width: auto;\\n}\\n\\n.curated-multiview-card-cell-radio {\\n  width: 60px;\\n  text-align: right;\\n}\\n\\n/* Screens container - uses table for TV compatibility */\\n.curated-multiview-screens-container {\\n  display: table;\\n  width: 100%;\\n  height: 92px;\\n  table-layout: fixed;\\n  border-spacing: 8px 0;\\n  margin-left: -8px;\\n}\\n\\n/* Individual stream screen */\\n.curated-multiview-screen {\\n  display: table-cell;\\n  vertical-align: middle;\\n  height: 100%;\\n  padding: 8px 12px;\\n  background-color: #2a2a2a;\\n  background-size: cover;\\n  background-position: center;\\n  background-repeat: no-repeat;\\n  border-radius: 10px;\\n  box-sizing: border-box;\\n  position: relative;\\n  overflow: hidden;\\n}\\n\\n/* Team logos */\\n.curated-multiview-team-logo {\\n  position: absolute;\\n  width: 32px;\\n  height: 32px;\\n  object-fit: contain;\\n}\\n\\n.curated-multiview-team-logo-home {\\n  top: 8px;\\n  left: 8px;\\n}\\n\\n.curated-multiview-team-logo-away {\\n  bottom: 8px;\\n  right: 8px;\\n}\\n\\n/* Screen title positioned at bottom */\\n.curated-multiview-screen-title {\\n  position: absolute;\\n  bottom: 8px;\\n  left: 12px;\\n  right: 12px;\\n  font-size: 18px;\\n  line-height: 26px;\\n  color: rgba(255, 255, 255, 0.95);\\n  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n/* Selection radio button */\\n.curated-multiview-radio {\\n  display: inline-block;\\n  width: 36px;\\n  height: 36px;\\n  background: #000000;\\n  border: 1px solid #333333;\\n  border-radius: 50%;\\n  line-height: 36px;\\n  text-align: center;\\n  color: white;\\n  box-sizing: border-box;\\n  position: relative;\\n}\\n\\n.curated-multiview-radio svg {\\n  position: absolute;\\n  left: 50%;\\n  top: 50%;\\n  transform: translate(-50%, -50%);\\n}\\n\\n.curated-multiview-radio[data-selected='true'] {\\n  background: var(--sdk-highlightPrimary);\\n}\\n\\n.curated-multiview-radio[data-selected='true'] path {\\n  fill: var(--sdk-highlightTertiary);\\n}\\n\\n.curated-multiview-radio path {\\n  fill: var(--sdk-highlightPrimary);\\n}\\n\\n.curated-multiview-radio-check {\\n  display: inline-block;\\n  line-height: 36px;\\n  color: #000000;\\n}\\n\\n/* Cards list container */\\n.curated-multiview-cards-list {\\n  display: block;\\n}\\n\\n.curated-multiview-cards-list > div {\\n  margin-bottom: 24px;\\n}\\n\\n.curated-multiview-cards-list > div:last-child {\\n  margin-bottom: 0;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.style.css\"],\"names\":[],\"mappings\":\"AAAA,+DAA+D;;AAE/D;EACE,cAAc;EACd,WAAW;EACX,4BAA4B;EAC5B,mBAAmB;EACnB,6BAA6B;EAC7B,8BAA8B;EAC9B,sBAAsB;AACxB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;EACX,iBAAiB;AACnB;;AAEA,wDAAwD;AACxD;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,qBAAqB;EACrB,iBAAiB;AACnB;;AAEA,6BAA6B;AAC7B;EACE,mBAAmB;EACnB,sBAAsB;EACtB,YAAY;EACZ,iBAAiB;EACjB,yBAAyB;EACzB,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA,eAAe;AACf;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,QAAQ;EACR,SAAS;AACX;;AAEA;EACE,WAAW;EACX,UAAU;AACZ;;AAEA,sCAAsC;AACtC;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;EACV,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,gCAAgC;EAChC,4CAA4C;EAC5C,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA,2BAA2B;AAC3B;EACE,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,yBAAyB;EACzB,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,YAAY;EACZ,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,gCAAgC;AAClC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,qBAAqB;EACrB,iBAAiB;EACjB,cAAc;AAChB;;AAEA,yBAAyB;AACzB;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB\",\"sourcesContent\":[\"/* CuratedMultiviewCard - TV-compatible styles (no flex/grid) */\\n\\n.curated-multiview-card {\\n  display: block;\\n  width: 100%;\\n  padding: 20px 24px 20px 20px;\\n  background: #1e1e1e;\\n  border: 2px solid transparent;\\n  border-radius: 16px !important;\\n  box-sizing: border-box;\\n}\\n\\n.curated-multiview-card-row {\\n  display: table;\\n  width: 100%;\\n  height: 92px;\\n  table-layout: fixed;\\n}\\n\\n.curated-multiview-card-cell {\\n  display: table-cell;\\n  vertical-align: middle;\\n}\\n\\n.curated-multiview-card-cell-screens {\\n  width: auto;\\n}\\n\\n.curated-multiview-card-cell-radio {\\n  width: 60px;\\n  text-align: right;\\n}\\n\\n/* Screens container - uses table for TV compatibility */\\n.curated-multiview-screens-container {\\n  display: table;\\n  width: 100%;\\n  height: 92px;\\n  table-layout: fixed;\\n  border-spacing: 8px 0;\\n  margin-left: -8px;\\n}\\n\\n/* Individual stream screen */\\n.curated-multiview-screen {\\n  display: table-cell;\\n  vertical-align: middle;\\n  height: 100%;\\n  padding: 8px 12px;\\n  background-color: #2a2a2a;\\n  background-size: cover;\\n  background-position: center;\\n  background-repeat: no-repeat;\\n  border-radius: 10px;\\n  box-sizing: border-box;\\n  position: relative;\\n  overflow: hidden;\\n}\\n\\n/* Team logos */\\n.curated-multiview-team-logo {\\n  position: absolute;\\n  width: 32px;\\n  height: 32px;\\n  object-fit: contain;\\n}\\n\\n.curated-multiview-team-logo-home {\\n  top: 8px;\\n  left: 8px;\\n}\\n\\n.curated-multiview-team-logo-away {\\n  bottom: 8px;\\n  right: 8px;\\n}\\n\\n/* Screen title positioned at bottom */\\n.curated-multiview-screen-title {\\n  position: absolute;\\n  bottom: 8px;\\n  left: 12px;\\n  right: 12px;\\n  font-size: 18px;\\n  line-height: 26px;\\n  color: rgba(255, 255, 255, 0.95);\\n  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n/* Selection radio button */\\n.curated-multiview-radio {\\n  display: inline-block;\\n  width: 36px;\\n  height: 36px;\\n  background: #000000;\\n  border: 1px solid #333333;\\n  border-radius: 50%;\\n  line-height: 36px;\\n  text-align: center;\\n  color: white;\\n  box-sizing: border-box;\\n  position: relative;\\n}\\n\\n.curated-multiview-radio svg {\\n  position: absolute;\\n  left: 50%;\\n  top: 50%;\\n  transform: translate(-50%, -50%);\\n}\\n\\n.curated-multiview-radio[data-selected='true'] {\\n  background: var(--sdk-highlightPrimary);\\n}\\n\\n.curated-multiview-radio[data-selected='true'] path {\\n  fill: var(--sdk-highlightTertiary);\\n}\\n\\n.curated-multiview-radio path {\\n  fill: var(--sdk-highlightPrimary);\\n}\\n\\n.curated-multiview-radio-check {\\n  display: inline-block;\\n  line-height: 36px;\\n  color: #000000;\\n}\\n\\n/* Cards list container */\\n.curated-multiview-cards-list {\\n  display: block;\\n}\\n\\n.curated-multiview-cards-list > div {\\n  margin-bottom: 24px;\\n}\\n\\n.curated-multiview-cards-list > div:last-child {\\n  margin-bottom: 0;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./FoxMultiView.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./TabLoadError.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import {\n  withFocusable,\n  WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport React from 'react';\nimport './TabLoadError.styles.css';\nimport ActionButton from '@/components/molecules/ActionButton';\n\nconst TabLoadErrorView = (props: WithFocusableProps) => {\n  const { focused, onEnterPress } = props;\n  const setHeight = (element: HTMLElement | null) => {\n    if (!element) return;\n\n    const rect = element.getBoundingClientRect();\n    element.style.height = `${window.innerHeight - rect.top}px`;\n  };\n\n  return (\n    <div className=\"tab-load-error\" ref={setHeight}>\n      <h3 className=\"T70\">Oops! Something went wrong.</h3>\n      <p className=\"T20\">\n        {'We are having trouble loading Multiview right now. Please try again'}\n      </p>\n      <div className=\"fox\">\n        <ActionButton data-focused={focused} onEnterPress={onEnterPress}>\n          Try Again\n        </ActionButton>\n      </div>\n    </div>\n  );\n};\n\nexport default withFocusable()(TabLoadErrorView);\n","import TabLoadErrorView from './TabLoadError';\n\nexport default TabLoadErrorView;\n","import api from \"!../../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./CuratedMultiviewCard.style.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from 'react';\nimport './CuratedMultiviewCard.style.css';\nimport {\n  withFocusable,\n  WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport { CuratedMultiviewListing } from '../../../types';\nimport Icon from '@/components/atoms/SvgIcon';\n\nexport type CuratedMultiviewCardProps = {\n  listings: CuratedMultiviewListing[];\n  selected: boolean;\n};\n\ntype StreamScreenProps = {\n  listing: CuratedMultiviewListing;\n};\n\nconst StreamScreen = ({ listing }: StreamScreenProps) => {\n  const { backgroundImage, description } = listing;\n\n  return (\n    <div\n      className=\"curated-multiview-screen\"\n      style={{\n        backgroundImage: `url(${backgroundImage})`,\n      }}\n    >\n      <span className=\"curated-multiview-screen-title FONT_BOLD\">\n        {description}\n      </span>\n    </div>\n  );\n};\n\ntype CuratedMultiviewCardInnerProps = CuratedMultiviewCardProps &\n  WithFocusableProps;\n\nconst CuratedMultiviewCard = (props: CuratedMultiviewCardInnerProps) => {\n  const { listings, selected, focused } = props;\n\n  return (\n    <div className=\"curated-multiview-card focus-ring\" data-focused={focused}>\n      <div className=\"curated-multiview-card-row\">\n        <div className=\"curated-multiview-card-cell curated-multiview-card-cell-screens\">\n          <div className=\"curated-multiview-screens-container\">\n            {listings.slice(0, 2).map((listing) => (\n              <StreamScreen key={listing.id} listing={listing} />\n            ))}\n          </div>\n        </div>\n        <div className=\"curated-multiview-card-cell curated-multiview-card-cell-radio\">\n          <div className=\"curated-multiview-radio\" data-selected={selected}>\n            {selected && <Icon iconName=\"checkmark\" width={22.5} height={22} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default withFocusable<CuratedMultiviewCardInnerProps>()(\n  CuratedMultiviewCard\n);\n","import CuratedMultiviewCard from './CuratedMultiviewCard';\n\nexport default CuratedMultiviewCard;\n","import api from \"!../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./CuratedMultiviews.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React, { useState, useRef, useCallback, useLayoutEffect } from 'react';\nimport CuratedMultiviewCard from '../components/curated-multiview-card';\nimport './CuratedMultiviews.styles.css';\nimport { Direction } from '@/external/spatial-navigation/utils';\nimport SDK from '@/index';\nimport { CuratedMultiviewItem } from '../../view-model/MultiViewViewModel';\n\ntype Props = {\n  onSelect: (item: CuratedMultiviewItem) => void;\n  items: CuratedMultiviewItem[];\n};\n\nconst CuratedMultiviews = (props: Props) => {\n  const [maxHeight, setMaxHeight] = useState('auto');\n  const [scrolled, setScrolled] = useState(false);\n  const refsArray = useRef<(HTMLDivElement | null)[]>([]);\n  const headerRef = useRef<HTMLDivElement | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const hasInitialized = useRef(false);\n\n  const getHeaderHeight = useCallback(() => {\n    if (!headerRef.current) return 0;\n    return headerRef.current.offsetHeight;\n  }, []);\n\n  // Compute max-height after render when refs are populated, and when items change\n  useLayoutEffect(() => {\n    if (!refsArray.current || refsArray.current.length === 0) {\n      setMaxHeight('auto');\n      hasInitialized.current = false;\n      return;\n    }\n\n    const headerHeight = getHeaderHeight();\n    const totalHeight = refsArray.current.reduce((prev, curr) => {\n      if (!curr) return prev;\n      return prev + curr.clientHeight;\n    }, headerHeight);\n    if (totalHeight > 0) {\n      setMaxHeight(`${totalHeight}px`);\n      hasInitialized.current = true;\n    } else {\n      setMaxHeight('auto');\n      hasInitialized.current = false;\n    }\n  }, [props.items, getHeaderHeight]);\n\n  // Calculate max-height from focused index to end\n  const updateMaxHeight = useCallback((focusedIndex: number) => {\n    const headerHeight = getHeaderHeight();\n    const items = refsArray.current.slice(focusedIndex);\n    const totalHeight = items.reduce((prev, curr) => {\n      if (!curr) return prev;\n      return prev + curr.clientHeight;\n    }, headerHeight);\n    setMaxHeight(`${totalHeight}px`);\n  }, []);\n\n  // Scroll to element after transition\n  const scrollToElement = useCallback(\n    (focusedIndex: number) => {\n      const element = refsArray.current[focusedIndex];\n      if (!element || !wrapperRef.current) return;\n\n      if (focusedIndex === 0) {\n        wrapperRef.current.scrollTop = 0;\n        setScrolled(false);\n        return;\n      }\n\n      const wrapperRect = wrapperRef.current.getBoundingClientRect();\n      const elementRect = element.getBoundingClientRect();\n      const scrollTop =\n        elementRect.top -\n        wrapperRect.top +\n        wrapperRef.current.scrollTop -\n        getHeaderHeight();\n\n      wrapperRef.current.scrollTop = scrollTop;\n      setScrolled(scrollTop > 0);\n    },\n    [getHeaderHeight]\n  );\n\n  const handleBecameFocused = useCallback(\n    (focusedIndex: number) => () => {\n      updateMaxHeight(focusedIndex);\n      scrollToElement(focusedIndex);\n    },\n    [updateMaxHeight, scrollToElement]\n  );\n\n  const onArrowPress = (d: Direction) => {\n    if (d === 'left') {\n      SDK.getMaestroEventViewModel().deliverFocus();\n    }\n  };\n\n  const onBackPress = () => {\n    SDK.getMaestroEventViewModel().navigation.setFocus('PANEL_NAVIGATION');\n  };\n\n  const onSelectCuratedMultiview = (item: CuratedMultiviewItem) => () => {\n    props.onSelect(item);\n  };\n\n  return (\n    <div\n      className=\"curated-multiviews\"\n      style={{ maxHeight }}\n      ref={wrapperRef}\n      data-scrolled={scrolled}\n    >\n      <div className=\"header\" ref={headerRef}>\n        Curated Multiview\n      </div>\n      {props.items.map((item, index) => (\n        <div\n          key={item.id}\n          ref={(ref) => {\n            refsArray.current[index] = ref;\n          }}\n        >\n          <CuratedMultiviewCard\n            onEnterPress={onSelectCuratedMultiview(item)}\n            onBackPress={onBackPress}\n            onArrowPress={onArrowPress}\n            onBecameFocused={handleBecameFocused(index)}\n            selected={item.isSelected}\n            listings={item.listings}\n          />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default CuratedMultiviews;\n","import ScrollableContainer from '@/components/core/ScrollableContainer';\nimport { Direction } from '@/external/spatial-navigation/utils';\nimport SDK from '@/index';\nimport React, { useRef, useState, useEffect } from 'react';\nimport './FoxMultiView.styles.css';\nimport TabLoadErrorView from '../../components/TabLoadError';\nimport CuratedMultiviews from './CuratedMultiview/CuratedMultiviews';\nimport { MultiViewViewModel } from '../view-model';\nimport {\n  CuratedMultiviewItem,\n  MultiviewItem,\n} from '../view-model/MultiViewViewModel';\n\nconst FoxMultiView = () => {\n  const vm = useRef<MultiViewViewModel | null>(null);\n  const [items, setItems] = useState<MultiviewItem[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [\n    scrollableContainer,\n    setScrollableContainer,\n  ] = useState<HTMLDivElement | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      setScrollableContainer(containerRef.current);\n    }\n\n    const mvvm = SDK.getMaestroEventViewModel()\n      .multiViewViewModel as MultiViewViewModel | null;\n    if (mvvm) {\n      vm.current = mvvm;\n      setItems(vm.current.items.value);\n      const removeItemsListener = vm.current.items.subscribe((newItems) => {\n        setItems(newItems);\n      });\n\n      setError(vm.current.error.value);\n      const removeErrorListener = vm.current.error.subscribe((error) => {\n        setError(error);\n      });\n      vm.current.init();\n\n      return () => {\n        removeItemsListener();\n        removeErrorListener();\n      };\n    }\n  }, []);\n\n  const clearTabLoadFailure = () => {\n    vm.current?.clearTabLoadFailure();\n  };\n\n  const onArrowPress = (d: Direction) => {\n    if (d === 'left') {\n      SDK.getMaestroEventViewModel().deliverFocus();\n    }\n  };\n\n  const onSelectCuratedMultiview = (item: CuratedMultiviewItem) => {\n    vm.current?.onSelectCuratedMultiview(item);\n  };\n\n  const renderItems = () => {\n    if (error) {\n      return (\n        <TabLoadErrorView\n          onEnterPress={clearTabLoadFailure}\n          onArrowPress={onArrowPress}\n        />\n      );\n    }\n\n    return items.map((item) => {\n      switch (item.type) {\n        case 'curated-multiviews':\n          return (\n            <CuratedMultiviews\n              key={item.type}\n              items={item.items}\n              onSelect={onSelectCuratedMultiview}\n            />\n          );\n        default:\n          return null;\n      }\n    });\n  };\n\n  return (\n    <div className=\"fox-multiview-view\">\n      <ScrollableContainer scrollableContainerRef={scrollableContainer}>\n        {renderItems()}\n        <div className=\"fox-multi-view-bottom-padding\" />\n      </ScrollableContainer>\n    </div>\n  );\n};\n\nexport default FoxMultiView;\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///./src/components/core/ScrollableContainer/index.ts","webpack:///./src/components/atoms/SvgIcon/index.ts","webpack:///./src/components/atoms/BaseButton/index.ts","webpack:///./src/components/molecules/ActionButton/ActionButton.styles.css?ed9b","webpack:///./src/components/molecules/ActionButton/ActionButton.tsx","webpack:///./src/components/molecules/ActionButton/index.ts","webpack:///./src/components/molecules/ActionButton/ActionButton.styles.css","webpack:///./src/modules/fox/multi-view/view/FoxMultiView.styles.css","webpack:///./src/modules/fox/components/TabLoadError/TabLoadError.styles.css","webpack:///./src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.styles.css","webpack:///./src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.style.css","webpack:///./src/modules/fox/multi-view/view/FoxMultiView.styles.css?2a16","webpack:///./src/modules/fox/components/TabLoadError/TabLoadError.styles.css?c79e","webpack:///./src/modules/fox/components/TabLoadError/TabLoadError.tsx","webpack:///./src/modules/fox/components/TabLoadError/index.ts","webpack:///./src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.style.css?1967","webpack:///./src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.tsx","webpack:///./src/modules/fox/multi-view/view/components/curated-multiview-card/index.ts","webpack:///./src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.styles.css?2211","webpack:///./src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.tsx","webpack:///./src/modules/fox/multi-view/view/FoxMultiView.tsx"],"names":["ScrollableContainer","Icon","BaseButton","options","locals","ActionButton","React","Component","render","children","focused","_focused","focusKey","_focusKey","parentFocusKey","_parentFocusKey","preferredChildFocusKey","_preferredChildFocusKey","forgetLastFocusedChild","_forgetLastFocusedChild","trackChildren","_trackChildren","autoRestoreFocus","_autoRestoreFocus","blockNavigationOut","_blockNavigationOut","hasFocusedChild","_hasFocusedChild","focusable","_focusable","onEnterPress","_onEnterPress","onEnterRelease","_onEnterRelease","onBackPress","_onBackPress","onArrowPress","_onArrowPress","onBecameFocused","_onBecameFocused","onBecameBlurred","_onBecameBlurred","realFocusKey","_realFocusKey","setFocus","_setFocus","navigateByDirection","_navigateByDirection","stealFocus","_stealFocus","onUpdateFocus","_onUpdateFocus","onUpdateHasFocusedChild","_onUpdateHasFocusedChild","buttonProps","this","props","createElement","_extends","className","withFocusable","___CSS_LOADER_EXPORT___","push","module","i","TabLoadErrorView","ref","element","rect","getBoundingClientRect","style","height","window","innerHeight","top","data-focused","StreamScreen","screenDetails","imageLists","descriptionLists","Fragment","map","imageList","key","id","src","image","alt","descriptionList","description","CuratedMultiviewCard","listings","selected","forEach","listing","backgroundImage","getScreenDetails","data-selected","iconName","width","CuratedMultiviews","maxHeight","setMaxHeight","useState","scrolled","setScrolled","refsArray","useRef","headerRef","wrapperRef","hasInitialized","getHeaderHeight","useCallback","current","offsetHeight","useLayoutEffect","length","headerHeight","totalHeight","reduce","prev","curr","clientHeight","items","updateMaxHeight","focusedIndex","slice","scrollToElement","scrollTop","wrapperRect","handleBecameFocused","d","SDK","getMaestroEventViewModel","deliverFocus","navigation","onSelectCuratedMultiview","item","onSelect","data-scrolled","index","isSelected","FoxMultiView","vm","setItems","error","setError","scrollableContainer","setScrollableContainer","containerRef","useEffect","mvvm","multiViewViewModel","value","removeItemsListener","subscribe","newItems","removeErrorListener","init","clearTabLoadFailure","_vm$current","_vm$current2","scrollableContainerRef","type"],"mappings":"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","file":"8.maestro-web-sdk.esm.js","sourcesContent":["import ScrollableContainer from './ScrollableContainer';\n\nexport { ScrollableContainerContext } from './ScrollableContainer';\nexport { useScrollableContainer } from './useScrollableContainer';\nexport { default as FocusableItem } from './FocusableItem';\nexport type { ScrollableContainerContextType } from './ScrollableContainer';\nexport default ScrollableContainer;\n","import Icon from './Icon';\n\nexport default Icon;\n","import BaseButton from './BaseButton';\n\nexport default BaseButton;\n","import api from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./ActionButton.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import BaseButton from '@/components/atoms/BaseButton';\nimport './ActionButton.styles.css';\nimport {\n  withFocusable,\n  WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport React from 'react';\n\ntype SpatialNavigationInjectedProps = {\n  realFocusKey?: string;\n  setFocus?: (focusKey: string) => void;\n  navigateByDirection?: (...args: any[]) => any;\n  stealFocus?: () => void;\n  onUpdateFocus?: (focused: boolean) => void;\n  onUpdateHasFocusedChild?: (hasFocusedChild: boolean) => void;\n};\n\ntype Props = React.PropsWithChildren<\n  React.ButtonHTMLAttributes<HTMLButtonElement> &\n    WithFocusableProps &\n    SpatialNavigationInjectedProps\n>;\n\nclass ActionButton extends React.Component<Props, {}> {\n  render() {\n    const {\n      children,\n      // spatial-navigation props (must not hit DOM)\n      focused: _focused,\n      focusKey: _focusKey,\n      parentFocusKey: _parentFocusKey,\n      preferredChildFocusKey: _preferredChildFocusKey,\n      forgetLastFocusedChild: _forgetLastFocusedChild,\n      trackChildren: _trackChildren,\n      autoRestoreFocus: _autoRestoreFocus,\n      blockNavigationOut: _blockNavigationOut,\n      hasFocusedChild: _hasFocusedChild,\n      focusable: _focusable,\n      onEnterPress: _onEnterPress,\n      onEnterRelease: _onEnterRelease,\n      onBackPress: _onBackPress,\n      onArrowPress: _onArrowPress,\n      onBecameFocused: _onBecameFocused,\n      onBecameBlurred: _onBecameBlurred,\n      // injected/internal props (also must not hit DOM)\n      realFocusKey: _realFocusKey,\n      setFocus: _setFocus,\n      navigateByDirection: _navigateByDirection,\n      stealFocus: _stealFocus,\n      onUpdateFocus: _onUpdateFocus,\n      onUpdateHasFocusedChild: _onUpdateHasFocusedChild,\n      ...buttonProps\n    } = this.props;\n\n    return (\n      <BaseButton className=\"action-button T05_ALT\" {...buttonProps}>\n        {children}\n      </BaseButton>\n    );\n  }\n}\n\nexport default withFocusable()(ActionButton);\n","import ActionButton from './ActionButton';\n\nexport default ActionButton;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".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// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".fox-multi-view-bottom-padding {\\n  height: 20vh;\\n  width: 100%;\\n}\\n\\n.fox-multiview-view {\\n  margin-top: 40px;\\n}\\n\\n.fox-multiview-view .scrollable-container::after {\\n  content: unset;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/fox/multi-view/view/FoxMultiView.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,YAAY;EACZ,WAAW;AACb;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,cAAc;AAChB\",\"sourcesContent\":[\".fox-multi-view-bottom-padding {\\n  height: 20vh;\\n  width: 100%;\\n}\\n\\n.fox-multiview-view {\\n  margin-top: 40px;\\n}\\n\\n.fox-multiview-view .scrollable-container::after {\\n  content: unset;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".fox-multiview-view .tab-load-error {\\n  border-radius: 24px;\\n  padding: 44px;\\n  background-color: #131313;\\n  text-align: center;\\n}\\n\\n.fox-multiview-view .tab-load-error h3 {\\n  margin: 0;\\n  font-weight: 700;\\n  font-size: 38px;\\n  line-height: 46px;\\n}\\n\\n.fox-multiview-view .tab-load-error p {\\n  margin: 12px 0 32px 0;\\n  font-weight: 500;\\n  font-size: 25px;\\n}\\n\\n.fox-multiview-view .tab-load-error button {\\n  border-radius: 16px;\\n  padding: 18px 0;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/fox/components/TabLoadError/TabLoadError.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,mBAAmB;EACnB,aAAa;EACb,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,SAAS;EACT,gBAAgB;EAChB,eAAe;EACf,iBAAiB;AACnB;;AAEA;EACE,qBAAqB;EACrB,gBAAgB;EAChB,eAAe;AACjB;;AAEA;EACE,mBAAmB;EACnB,eAAe;AACjB\",\"sourcesContent\":[\".fox-multiview-view .tab-load-error {\\n  border-radius: 24px;\\n  padding: 44px;\\n  background-color: #131313;\\n  text-align: center;\\n}\\n\\n.fox-multiview-view .tab-load-error h3 {\\n  margin: 0;\\n  font-weight: 700;\\n  font-size: 38px;\\n  line-height: 46px;\\n}\\n\\n.fox-multiview-view .tab-load-error p {\\n  margin: 12px 0 32px 0;\\n  font-weight: 500;\\n  font-size: 25px;\\n}\\n\\n.fox-multiview-view .tab-load-error button {\\n  border-radius: 16px;\\n  padding: 18px 0;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".fox-multiview-view .curated-multiviews {\\n  display: block;\\n  position: relative;\\n  overflow-y: auto;\\n  scrollbar-width: none;\\n  scroll-behavior: smooth;\\n  overscroll-behavior: contain;\\n}\\n\\n.fox-multiview-view .curated-multiviews::-webkit-scrollbar {\\n  display: none;\\n}\\n\\n.fox-multiview-view .curated-multiviews > * {\\n  padding-bottom: 16px;\\n}\\n\\n.fox-multiview-view .curated-multiviews > *:last-child {\\n  padding-bottom: 0;\\n}\\n\\n.fox-multiview-view .curated-multiviews .header {\\n  position: sticky;\\n  top: 0;\\n  font-weight: 500;\\n  font-size: 25px;\\n  z-index: 1;\\n}\\n\\n.fox-multiview-view .curated-multiviews .header > div {\\n  z-index: 1;\\n  position: relative;\\n}\\n\\n.fox-multiview-view .curated-multiviews .header::before {\\n  content: '';\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  top: 0;\\n  height: 58px; /* Height of the top gradient */\\n  z-index: 0;\\n  transition: z-index 0.3s ease;\\n}\\n\\n.fox-multiview-view .curated-multiviews[data-scrolled='true'] .header::before {\\n  z-index: 1;\\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/fox/multi-view/view/CuratedMultiview/CuratedMultiviews.styles.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,qBAAqB;EACrB,uBAAuB;EACvB,4BAA4B;AAC9B;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,oBAAoB;AACtB;;AAEA;EACE,iBAAiB;AACnB;;AAEA;EACE,gBAAgB;EAChB,MAAM;EACN,gBAAgB;EAChB,eAAe;EACf,UAAU;AACZ;;AAEA;EACE,UAAU;EACV,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,kBAAkB;EAClB,OAAO;EACP,QAAQ;EACR,MAAM;EACN,YAAY,EAAE,+BAA+B;EAC7C,UAAU;EACV,6BAA6B;AAC/B;;AAEA;EACE,UAAU;EACV,yEAAyE;AAC3E\",\"sourcesContent\":[\".fox-multiview-view .curated-multiviews {\\n  display: block;\\n  position: relative;\\n  overflow-y: auto;\\n  scrollbar-width: none;\\n  scroll-behavior: smooth;\\n  overscroll-behavior: contain;\\n}\\n\\n.fox-multiview-view .curated-multiviews::-webkit-scrollbar {\\n  display: none;\\n}\\n\\n.fox-multiview-view .curated-multiviews > * {\\n  padding-bottom: 16px;\\n}\\n\\n.fox-multiview-view .curated-multiviews > *:last-child {\\n  padding-bottom: 0;\\n}\\n\\n.fox-multiview-view .curated-multiviews .header {\\n  position: sticky;\\n  top: 0;\\n  font-weight: 500;\\n  font-size: 25px;\\n  z-index: 1;\\n}\\n\\n.fox-multiview-view .curated-multiviews .header > div {\\n  z-index: 1;\\n  position: relative;\\n}\\n\\n.fox-multiview-view .curated-multiviews .header::before {\\n  content: '';\\n  position: absolute;\\n  left: 0;\\n  right: 0;\\n  top: 0;\\n  height: 58px; /* Height of the top gradient */\\n  z-index: 0;\\n  transition: z-index 0.3s ease;\\n}\\n\\n.fox-multiview-view .curated-multiviews[data-scrolled='true'] .header::before {\\n  z-index: 1;\\n  background: linear-gradient(0deg, #080a0c00 0%, var(--sdk-surface1) 100%);\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* CuratedMultiviewCard - TV-compatible styles (no flex/grid) */\\n\\n.curated-multiview-card {\\n  display: block;\\n  width: 100%;\\n  padding: 20px 24px 20px 20px;\\n  background: #1e1e1e;\\n  border: 2px solid transparent;\\n  border-radius: 16px !important;\\n  box-sizing: border-box;\\n}\\n\\n.curated-multiview-card-row {\\n  display: table;\\n  width: 100%;\\n  height: 92px;\\n  table-layout: fixed;\\n}\\n\\n.curated-multiview-card-cell {\\n  display: table-cell;\\n  vertical-align: middle;\\n}\\n\\n.curated-multiview-card-cell-screens {\\n  width: auto;\\n}\\n\\n.curated-multiview-card-cell-radio {\\n  width: 60px;\\n  text-align: right;\\n}\\n\\n/* Screens container - uses table for TV compatibility */\\n.curated-multiview-screens-container {\\n  display: table;\\n  width: 100%;\\n  height: 93px;\\n  table-layout: fixed;\\n  border-spacing: 8px 0;\\n  margin-left: -8px;\\n}\\n\\n.curated-multiview-screen {\\n  display: table-cell;\\n  vertical-align: middle;\\n  height: 100%;\\n  width: 180px;\\n}\\n.curated-multiview-screen > div {\\n  display: table;\\n  height: 93px;\\n  width: 180px;\\n  table-layout: fixed;\\n}\\n.curated-multiview-screen > div > div {\\n  display: table-cell;\\n  vertical-align: middle;\\n  background-color: #000;\\n  padding: 4px;\\n  border-radius: 5.54px;\\n  box-sizing: border-box;\\n  position: relative;\\n  overflow: hidden;\\n  text-align: center;\\n  font-size: 0;\\n}\\n.curated-multiview-screen img {\\n  display: inline-block;\\n  width: calc(50% - 3px);\\n  box-sizing: border-box;\\n  margin: 1.5px;\\n  vertical-align: top;\\n  height: 40px;\\n  object-fit: fill;\\n  border-radius: 4.29px;\\n}\\n.curated-multiview-screen img:first-child:nth-last-child(odd) {\\n  display: block;\\n  width: calc(50% - 3px);\\n  margin-left: auto;\\n  margin-right: auto;\\n}\\n.curated-multiview-screen-description {\\n  font-size: 20px;\\n  line-height: 100%;\\n  color: #ffffff;\\n  padding: 20px 24px 20px 2px;\\n  display: table-cell;\\n  vertical-align: middle;\\n}\\n.curated-multiview-screen-description span {\\n  display: block;\\n  margin-bottom: 4px;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n.curated-multiview-screen-description span:last-child {\\n  margin-bottom: 0px;\\n}\\n\\n/* Team logos */\\n.curated-multiview-team-logo {\\n  position: absolute;\\n  width: 32px;\\n  height: 32px;\\n  object-fit: contain;\\n}\\n\\n.curated-multiview-team-logo-home {\\n  top: 8px;\\n  left: 8px;\\n}\\n\\n.curated-multiview-team-logo-away {\\n  bottom: 8px;\\n  right: 8px;\\n}\\n\\n/* Screen title positioned at bottom */\\n.curated-multiview-screen-title {\\n  position: absolute;\\n  bottom: 8px;\\n  left: 12px;\\n  right: 12px;\\n  font-size: 18px;\\n  line-height: 26px;\\n  color: rgba(255, 255, 255, 0.95);\\n  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n/* Selection radio button */\\n.curated-multiview-radio {\\n  display: inline-block;\\n  width: 36px;\\n  height: 36px;\\n  background: #000000;\\n  border: 1px solid #333333;\\n  border-radius: 50%;\\n  line-height: 36px;\\n  text-align: center;\\n  color: white;\\n  box-sizing: border-box;\\n  position: relative;\\n}\\n\\n.curated-multiview-radio svg {\\n  position: absolute;\\n  left: 50%;\\n  top: 50%;\\n  transform: translate(-50%, -50%);\\n}\\n\\n.curated-multiview-radio[data-selected='true'] {\\n  background: var(--sdk-highlightPrimary);\\n}\\n\\n.curated-multiview-radio[data-selected='true'] path {\\n  fill: var(--sdk-highlightTertiary);\\n}\\n\\n.curated-multiview-radio path {\\n  fill: var(--sdk-highlightPrimary);\\n}\\n\\n.curated-multiview-radio-check {\\n  display: inline-block;\\n  line-height: 36px;\\n  color: #000000;\\n}\\n\\n/* Cards list container */\\n.curated-multiview-cards-list {\\n  display: block;\\n}\\n\\n.curated-multiview-cards-list > div {\\n  margin-bottom: 24px;\\n}\\n\\n.curated-multiview-cards-list > div:last-child {\\n  margin-bottom: 0;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.style.css\"],\"names\":[],\"mappings\":\"AAAA,+DAA+D;;AAE/D;EACE,cAAc;EACd,WAAW;EACX,4BAA4B;EAC5B,mBAAmB;EACnB,6BAA6B;EAC7B,8BAA8B;EAC9B,sBAAsB;AACxB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,WAAW;EACX,iBAAiB;AACnB;;AAEA,wDAAwD;AACxD;EACE,cAAc;EACd,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,qBAAqB;EACrB,iBAAiB;AACnB;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,YAAY;EACZ,YAAY;AACd;AACA;EACE,cAAc;EACd,YAAY;EACZ,YAAY;EACZ,mBAAmB;AACrB;AACA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,sBAAsB;EACtB,YAAY;EACZ,qBAAqB;EACrB,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,kBAAkB;EAClB,YAAY;AACd;AACA;EACE,qBAAqB;EACrB,sBAAsB;EACtB,sBAAsB;EACtB,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;EAChB,qBAAqB;AACvB;AACA;EACE,cAAc;EACd,sBAAsB;EACtB,iBAAiB;EACjB,kBAAkB;AACpB;AACA;EACE,eAAe;EACf,iBAAiB;EACjB,cAAc;EACd,2BAA2B;EAC3B,mBAAmB;EACnB,sBAAsB;AACxB;AACA;EACE,cAAc;EACd,kBAAkB;EAClB,gBAAgB;EAChB,uBAAuB;EACvB,mBAAmB;AACrB;AACA;EACE,kBAAkB;AACpB;;AAEA,eAAe;AACf;EACE,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,mBAAmB;AACrB;;AAEA;EACE,QAAQ;EACR,SAAS;AACX;;AAEA;EACE,WAAW;EACX,UAAU;AACZ;;AAEA,sCAAsC;AACtC;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;EACV,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,gCAAgC;EAChC,4CAA4C;EAC5C,mBAAmB;EACnB,gBAAgB;EAChB,uBAAuB;AACzB;;AAEA,2BAA2B;AAC3B;EACE,qBAAqB;EACrB,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,yBAAyB;EACzB,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;EAClB,YAAY;EACZ,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,QAAQ;EACR,gCAAgC;AAClC;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,kCAAkC;AACpC;;AAEA;EACE,iCAAiC;AACnC;;AAEA;EACE,qBAAqB;EACrB,iBAAiB;EACjB,cAAc;AAChB;;AAEA,yBAAyB;AACzB;EACE,cAAc;AAChB;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;AAClB\",\"sourcesContent\":[\"/* CuratedMultiviewCard - TV-compatible styles (no flex/grid) */\\n\\n.curated-multiview-card {\\n  display: block;\\n  width: 100%;\\n  padding: 20px 24px 20px 20px;\\n  background: #1e1e1e;\\n  border: 2px solid transparent;\\n  border-radius: 16px !important;\\n  box-sizing: border-box;\\n}\\n\\n.curated-multiview-card-row {\\n  display: table;\\n  width: 100%;\\n  height: 92px;\\n  table-layout: fixed;\\n}\\n\\n.curated-multiview-card-cell {\\n  display: table-cell;\\n  vertical-align: middle;\\n}\\n\\n.curated-multiview-card-cell-screens {\\n  width: auto;\\n}\\n\\n.curated-multiview-card-cell-radio {\\n  width: 60px;\\n  text-align: right;\\n}\\n\\n/* Screens container - uses table for TV compatibility */\\n.curated-multiview-screens-container {\\n  display: table;\\n  width: 100%;\\n  height: 93px;\\n  table-layout: fixed;\\n  border-spacing: 8px 0;\\n  margin-left: -8px;\\n}\\n\\n.curated-multiview-screen {\\n  display: table-cell;\\n  vertical-align: middle;\\n  height: 100%;\\n  width: 180px;\\n}\\n.curated-multiview-screen > div {\\n  display: table;\\n  height: 93px;\\n  width: 180px;\\n  table-layout: fixed;\\n}\\n.curated-multiview-screen > div > div {\\n  display: table-cell;\\n  vertical-align: middle;\\n  background-color: #000;\\n  padding: 4px;\\n  border-radius: 5.54px;\\n  box-sizing: border-box;\\n  position: relative;\\n  overflow: hidden;\\n  text-align: center;\\n  font-size: 0;\\n}\\n.curated-multiview-screen img {\\n  display: inline-block;\\n  width: calc(50% - 3px);\\n  box-sizing: border-box;\\n  margin: 1.5px;\\n  vertical-align: top;\\n  height: 40px;\\n  object-fit: fill;\\n  border-radius: 4.29px;\\n}\\n.curated-multiview-screen img:first-child:nth-last-child(odd) {\\n  display: block;\\n  width: calc(50% - 3px);\\n  margin-left: auto;\\n  margin-right: auto;\\n}\\n.curated-multiview-screen-description {\\n  font-size: 20px;\\n  line-height: 100%;\\n  color: #ffffff;\\n  padding: 20px 24px 20px 2px;\\n  display: table-cell;\\n  vertical-align: middle;\\n}\\n.curated-multiview-screen-description span {\\n  display: block;\\n  margin-bottom: 4px;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  white-space: nowrap;\\n}\\n.curated-multiview-screen-description span:last-child {\\n  margin-bottom: 0px;\\n}\\n\\n/* Team logos */\\n.curated-multiview-team-logo {\\n  position: absolute;\\n  width: 32px;\\n  height: 32px;\\n  object-fit: contain;\\n}\\n\\n.curated-multiview-team-logo-home {\\n  top: 8px;\\n  left: 8px;\\n}\\n\\n.curated-multiview-team-logo-away {\\n  bottom: 8px;\\n  right: 8px;\\n}\\n\\n/* Screen title positioned at bottom */\\n.curated-multiview-screen-title {\\n  position: absolute;\\n  bottom: 8px;\\n  left: 12px;\\n  right: 12px;\\n  font-size: 18px;\\n  line-height: 26px;\\n  color: rgba(255, 255, 255, 0.95);\\n  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n/* Selection radio button */\\n.curated-multiview-radio {\\n  display: inline-block;\\n  width: 36px;\\n  height: 36px;\\n  background: #000000;\\n  border: 1px solid #333333;\\n  border-radius: 50%;\\n  line-height: 36px;\\n  text-align: center;\\n  color: white;\\n  box-sizing: border-box;\\n  position: relative;\\n}\\n\\n.curated-multiview-radio svg {\\n  position: absolute;\\n  left: 50%;\\n  top: 50%;\\n  transform: translate(-50%, -50%);\\n}\\n\\n.curated-multiview-radio[data-selected='true'] {\\n  background: var(--sdk-highlightPrimary);\\n}\\n\\n.curated-multiview-radio[data-selected='true'] path {\\n  fill: var(--sdk-highlightTertiary);\\n}\\n\\n.curated-multiview-radio path {\\n  fill: var(--sdk-highlightPrimary);\\n}\\n\\n.curated-multiview-radio-check {\\n  display: inline-block;\\n  line-height: 36px;\\n  color: #000000;\\n}\\n\\n/* Cards list container */\\n.curated-multiview-cards-list {\\n  display: block;\\n}\\n\\n.curated-multiview-cards-list > div {\\n  margin-bottom: 24px;\\n}\\n\\n.curated-multiview-cards-list > div:last-child {\\n  margin-bottom: 0;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./FoxMultiView.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import api from \"!../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./TabLoadError.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import {\n  withFocusable,\n  WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport React from 'react';\nimport './TabLoadError.styles.css';\nimport ActionButton from '@/components/molecules/ActionButton';\n\nconst TabLoadErrorView = (props: WithFocusableProps) => {\n  const { focused, onEnterPress } = props;\n  const setHeight = (element: HTMLElement | null) => {\n    if (!element) return;\n\n    const rect = element.getBoundingClientRect();\n    element.style.height = `${window.innerHeight - rect.top}px`;\n  };\n\n  return (\n    <div className=\"tab-load-error\" ref={setHeight}>\n      <h3 className=\"T70\">Oops! Something went wrong.</h3>\n      <p className=\"T20\">\n        {'We are having trouble loading Multiview right now. Please try again'}\n      </p>\n      <div className=\"fox\">\n        <ActionButton data-focused={focused} onEnterPress={onEnterPress}>\n          Try Again\n        </ActionButton>\n      </div>\n    </div>\n  );\n};\n\nexport default withFocusable()(TabLoadErrorView);\n","import TabLoadErrorView from './TabLoadError';\n\nexport default TabLoadErrorView;\n","import api from \"!../../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./CuratedMultiviewCard.style.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React from 'react';\nimport './CuratedMultiviewCard.style.css';\nimport {\n  withFocusable,\n  WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport { CuratedMultiviewListing } from '../../../types';\nimport Icon from '@/components/atoms/SvgIcon';\n\nexport type CuratedMultiviewCardProps = {\n  listings: CuratedMultiviewListing[];\n  selected: boolean;\n};\n\ntype ImageList = { id: string; image: string };\ntype DescriptionList = { id: string; description: string };\n\ntype StreamScreenProps = {\n  screenDetails: {\n    imageLists: ImageList[];\n    descriptionLists: DescriptionList[];\n  };\n};\n\nfunction getScreenDetails(listings: CuratedMultiviewListing[]) {\n  const imageLists: ImageList[] = [];\n  const descriptionLists: DescriptionList[] = [];\n  listings.forEach((listing) => {\n    if (listing.backgroundImage)\n      imageLists.push({ id: listing.id, image: listing.backgroundImage });\n    if (listing.description)\n      descriptionLists.push({\n        id: listing.id,\n        description: listing.description,\n      });\n  });\n  return {\n    imageLists,\n    descriptionLists,\n  };\n}\n\nconst StreamScreen = ({ screenDetails }: StreamScreenProps) => {\n  const { imageLists, descriptionLists } = screenDetails;\n\n  return (\n    <>\n      <div className=\"curated-multiview-screen\">\n        <div>\n          <div>\n            {imageLists.map((imageList) => (\n              <img\n                key={imageList.id}\n                src={imageList.image}\n                alt={imageList.id}\n              />\n            ))}\n          </div>\n        </div>\n      </div>\n      <div className=\"curated-multiview-screen-description\">\n        {descriptionLists.map((descriptionList) => (\n          <span key={descriptionList.id}>{descriptionList.description}</span>\n        ))}\n      </div>\n    </>\n  );\n};\n\ntype CuratedMultiviewCardInnerProps = CuratedMultiviewCardProps &\n  WithFocusableProps;\n\nconst CuratedMultiviewCard = (props: CuratedMultiviewCardInnerProps) => {\n  const { listings, selected, focused } = props;\n  const screenDetails = getScreenDetails(listings);\n  return (\n    <div className=\"curated-multiview-card focus-ring\" data-focused={focused}>\n      <div className=\"curated-multiview-card-row\">\n        <div className=\"curated-multiview-card-cell curated-multiview-card-cell-screens\">\n          <div className=\"curated-multiview-screens-container\">\n            <StreamScreen screenDetails={screenDetails} />\n          </div>\n        </div>\n        <div className=\"curated-multiview-card-cell curated-multiview-card-cell-radio\">\n          <div className=\"curated-multiview-radio\" data-selected={selected}>\n            {selected && <Icon iconName=\"checkmark\" width={22.5} height={22} />}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default withFocusable<CuratedMultiviewCardInnerProps>()(\n  CuratedMultiviewCard\n);\n","import CuratedMultiviewCard from './CuratedMultiviewCard';\n\nexport default CuratedMultiviewCard;\n","import api from \"!../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-1!./CuratedMultiviews.styles.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React, { useState, useRef, useCallback, useLayoutEffect } from 'react';\nimport CuratedMultiviewCard from '../components/curated-multiview-card';\nimport './CuratedMultiviews.styles.css';\nimport { Direction } from '@/external/spatial-navigation/utils';\nimport SDK from '@/index';\nimport { CuratedMultiviewItem } from '../../view-model/MultiViewViewModel';\n\ntype Props = {\n  onSelect: (item: CuratedMultiviewItem) => void;\n  items: CuratedMultiviewItem[];\n};\n\nconst CuratedMultiviews = (props: Props) => {\n  const [maxHeight, setMaxHeight] = useState('auto');\n  const [scrolled, setScrolled] = useState(false);\n  const refsArray = useRef<(HTMLDivElement | null)[]>([]);\n  const headerRef = useRef<HTMLDivElement | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const hasInitialized = useRef(false);\n\n  const getHeaderHeight = useCallback(() => {\n    if (!headerRef.current) return 0;\n    return headerRef.current.offsetHeight;\n  }, []);\n\n  // Compute max-height after render when refs are populated, and when items change\n  useLayoutEffect(() => {\n    if (!refsArray.current || refsArray.current.length === 0) {\n      setMaxHeight('auto');\n      hasInitialized.current = false;\n      return;\n    }\n\n    const headerHeight = getHeaderHeight();\n    const totalHeight = refsArray.current.reduce((prev, curr) => {\n      if (!curr) return prev;\n      return prev + curr.clientHeight;\n    }, headerHeight);\n    if (totalHeight > 0) {\n      setMaxHeight(`${totalHeight}px`);\n      hasInitialized.current = true;\n    } else {\n      setMaxHeight('auto');\n      hasInitialized.current = false;\n    }\n  }, [props.items, getHeaderHeight]);\n\n  // Calculate max-height from focused index to end\n  const updateMaxHeight = useCallback((focusedIndex: number) => {\n    const headerHeight = getHeaderHeight();\n    const items = refsArray.current.slice(focusedIndex);\n    const totalHeight = items.reduce((prev, curr) => {\n      if (!curr) return prev;\n      return prev + curr.clientHeight;\n    }, headerHeight);\n    setMaxHeight(`${totalHeight}px`);\n  }, []);\n\n  // Scroll to element after transition\n  const scrollToElement = useCallback(\n    (focusedIndex: number) => {\n      const element = refsArray.current[focusedIndex];\n      if (!element || !wrapperRef.current) return;\n\n      if (focusedIndex === 0) {\n        wrapperRef.current.scrollTop = 0;\n        setScrolled(false);\n        return;\n      }\n\n      const wrapperRect = wrapperRef.current.getBoundingClientRect();\n      const elementRect = element.getBoundingClientRect();\n      const scrollTop =\n        elementRect.top -\n        wrapperRect.top +\n        wrapperRef.current.scrollTop -\n        getHeaderHeight();\n\n      wrapperRef.current.scrollTop = scrollTop;\n      setScrolled(scrollTop > 0);\n    },\n    [getHeaderHeight]\n  );\n\n  const handleBecameFocused = useCallback(\n    (focusedIndex: number) => () => {\n      updateMaxHeight(focusedIndex);\n      scrollToElement(focusedIndex);\n    },\n    [updateMaxHeight, scrollToElement]\n  );\n\n  const onArrowPress = (d: Direction) => {\n    if (d === 'left') {\n      SDK.getMaestroEventViewModel().deliverFocus();\n    }\n  };\n\n  const onBackPress = () => {\n    SDK.getMaestroEventViewModel().navigation.setFocus('PANEL_NAVIGATION');\n  };\n\n  const onSelectCuratedMultiview = (item: CuratedMultiviewItem) => () => {\n    props.onSelect(item);\n  };\n\n  return (\n    <div\n      className=\"curated-multiviews\"\n      style={{ maxHeight }}\n      ref={wrapperRef}\n      data-scrolled={scrolled}\n    >\n      <div className=\"header\" ref={headerRef}>\n        <div>Curated Multiview</div>\n      </div>\n      {props.items.map((item, index) => (\n        <div\n          key={item.id}\n          ref={(ref) => {\n            refsArray.current[index] = ref;\n          }}\n        >\n          <CuratedMultiviewCard\n            onEnterPress={onSelectCuratedMultiview(item)}\n            onBackPress={onBackPress}\n            onArrowPress={onArrowPress}\n            onBecameFocused={handleBecameFocused(index)}\n            selected={item.isSelected}\n            listings={item.listings}\n          />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default CuratedMultiviews;\n","import ScrollableContainer from '@/components/core/ScrollableContainer';\nimport { Direction } from '@/external/spatial-navigation/utils';\nimport SDK from '@/index';\nimport React, { useRef, useState, useEffect } from 'react';\nimport './FoxMultiView.styles.css';\nimport TabLoadErrorView from '../../components/TabLoadError';\nimport CuratedMultiviews from './CuratedMultiview/CuratedMultiviews';\nimport { MultiViewViewModel } from '../view-model';\nimport {\n  CuratedMultiviewItem,\n  MultiviewItem,\n} from '../view-model/MultiViewViewModel';\n\nconst FoxMultiView = () => {\n  const vm = useRef<MultiViewViewModel | null>(null);\n  const [items, setItems] = useState<MultiviewItem[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [\n    scrollableContainer,\n    setScrollableContainer,\n  ] = useState<HTMLDivElement | null>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      setScrollableContainer(containerRef.current);\n    }\n\n    const mvvm = SDK.getMaestroEventViewModel()\n      .multiViewViewModel as MultiViewViewModel | null;\n    if (mvvm) {\n      vm.current = mvvm;\n      setItems(vm.current.items.value);\n      const removeItemsListener = vm.current.items.subscribe((newItems) => {\n        setItems(newItems);\n      });\n\n      setError(vm.current.error.value);\n      const removeErrorListener = vm.current.error.subscribe((error) => {\n        setError(error);\n      });\n      vm.current.init();\n\n      return () => {\n        removeItemsListener();\n        removeErrorListener();\n      };\n    }\n  }, []);\n\n  const clearTabLoadFailure = () => {\n    vm.current?.clearTabLoadFailure();\n  };\n\n  const onArrowPress = (d: Direction) => {\n    if (d === 'left') {\n      SDK.getMaestroEventViewModel().deliverFocus();\n    }\n  };\n\n  const onSelectCuratedMultiview = (item: CuratedMultiviewItem) => {\n    vm.current?.onSelectCuratedMultiview(item);\n  };\n\n  const renderItems = () => {\n    if (error) {\n      return (\n        <TabLoadErrorView\n          onEnterPress={clearTabLoadFailure}\n          onArrowPress={onArrowPress}\n        />\n      );\n    }\n\n    return items.map((item) => {\n      switch (item.type) {\n        case 'curated-multiviews':\n          return (\n            <CuratedMultiviews\n              key={item.type}\n              items={item.items}\n              onSelect={onSelectCuratedMultiview}\n            />\n          );\n        // Hiding this for v5.2.1\n        // case 'build-your-own':\n        //   return <BuildYourOwn key={item.type} streams={item.streams} />;\n        default:\n          return null;\n      }\n    });\n  };\n\n  return (\n    <div className=\"fox-multiview-view\">\n      <ScrollableContainer scrollableContainerRef={scrollableContainer}>\n        {renderItems()}\n        <div className=\"fox-multi-view-bottom-padding\" />\n      </ScrollableContainer>\n    </div>\n  );\n};\n\nexport default FoxMultiView;\n"],"sourceRoot":""}

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

@@ -1,2 +1,2 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{105:function(e,t,n){"use strict";var l=n(32);t.a=l.a},210:function(e,t,n){"use strict";var l=n(6),a=n.n(l),r=n(7),i=n.n(r)()(a.a);i.push([e.i,".hello-world-view {\n  text-align: center;\n  background: transparent;\n  margin-top: 60px;\n}\n\n.hello-world-view[data-has-unlisted='false'] {\n  padding: 191px 80px 0 80px;\n}\n\n.hello-world-view .hello-world-image {\n  margin-bottom: 32px;\n}\n\n.hello-world-view .title {\n  font-weight: 700;\n  font-size: 48px;\n  line-height: 56px;\n  font-family: var(--sdk-font-headline);\n  color: var(--sdk-text100);\n  text-align: center;\n}\n\n.hello-world-view .subtitle {\n  font-weight: 400;\n  font-size: 27px;\n  line-height: 36px;\n  text-align: center;\n  margin: 10px 0 16px 0;\n  font-family: var(--sdk-font-title);\n  color: var(--sdk-text100);\n}\n\n.hello-world-view .unsupported-panels {\n  position: relative;\n}\n\n.hello-world-view .unsupported-text {\n  font-family: var(--sdk-font-body);\n  font-size: 21px;\n  line-height: 26px;\n  text-align: center;\n  color: var(--sdk-text200);\n  margin: 0;\n}\n\n.hello-world-view .unsupported-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.hello-world-view .unsupported-list li {\n  padding: 8px 0;\n  color: var(--sdk-text100);\n  text-align: left;\n}\n\n.hello-world-view .unsupported-list .panel-icon {\n  vertical-align: middle;\n  display: inline-block;\n  margin-right: 8px;\n  border-radius: 50%;\n  background-color: var(--sdk-surface5);\n  width: 40px;\n  height: 40px;\n  color: var(--sdk-text200);\n  position: relative;\n}\n\n.hello-world-view .unsupported-list .panel-icon > svg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.hello-world-view .unsupported-list .panel-title {\n  vertical-align: middle;\n  display: inline-block;\n  color: var(--sdk-text200);\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/hello-world/HelloWorldView.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,qCAAqC;EACrC,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,qBAAqB;EACrB,kCAAkC;EAClC,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;EACjC,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,yBAAyB;EACzB,SAAS;AACX;;AAEA;EACE,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;EACT,2BAA2B;AAC7B;;AAEA;EACE,cAAc;EACd,yBAAyB;EACzB,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,qBAAqB;EACrB,iBAAiB;EACjB,kBAAkB;EAClB,qCAAqC;EACrC,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,gCAAgC;AAClC;;AAEA;EACE,sBAAsB;EACtB,qBAAqB;EACrB,yBAAyB;AAC3B",sourcesContent:[".hello-world-view {\n  text-align: center;\n  background: transparent;\n  margin-top: 60px;\n}\n\n.hello-world-view[data-has-unlisted='false'] {\n  padding: 191px 80px 0 80px;\n}\n\n.hello-world-view .hello-world-image {\n  margin-bottom: 32px;\n}\n\n.hello-world-view .title {\n  font-weight: 700;\n  font-size: 48px;\n  line-height: 56px;\n  font-family: var(--sdk-font-headline);\n  color: var(--sdk-text100);\n  text-align: center;\n}\n\n.hello-world-view .subtitle {\n  font-weight: 400;\n  font-size: 27px;\n  line-height: 36px;\n  text-align: center;\n  margin: 10px 0 16px 0;\n  font-family: var(--sdk-font-title);\n  color: var(--sdk-text100);\n}\n\n.hello-world-view .unsupported-panels {\n  position: relative;\n}\n\n.hello-world-view .unsupported-text {\n  font-family: var(--sdk-font-body);\n  font-size: 21px;\n  line-height: 26px;\n  text-align: center;\n  color: var(--sdk-text200);\n  margin: 0;\n}\n\n.hello-world-view .unsupported-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.hello-world-view .unsupported-list li {\n  padding: 8px 0;\n  color: var(--sdk-text100);\n  text-align: left;\n}\n\n.hello-world-view .unsupported-list .panel-icon {\n  vertical-align: middle;\n  display: inline-block;\n  margin-right: 8px;\n  border-radius: 50%;\n  background-color: var(--sdk-surface5);\n  width: 40px;\n  height: 40px;\n  color: var(--sdk-text200);\n  position: relative;\n}\n\n.hello-world-view .unsupported-list .panel-icon > svg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.hello-world-view .unsupported-list .panel-title {\n  vertical-align: middle;\n  display: inline-block;\n  color: var(--sdk-text200);\n}\n"],sourceRoot:""}]),t.a=i},245:function(e,t,n){"use strict";n.r(t);var l=n(0),a=n.n(l),r=n(5),i=n.n(r),o=n(210),s={insert:"head",singleton:!1},A=(i()(o.a,s),o.a.locals,n(8));var d=()=>a.a.createElement("div",{className:"hello-world-image"},a.a.createElement("svg",{width:"376",height:"236",viewBox:"0 0 376 236",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("path",{d:"M255.234 212.541H232.178V235.597H255.234V212.541ZM116.898 235.597H139.954V212.541H116.898V235.597ZM197.594 108.789H220.65V154.901H197.594V108.789ZM174.538 154.901H151.482V108.789H174.538V154.901ZM255.234 91.4965H243.706V79.9685H232.178V68.4404H214.886V45.3843H203.358V68.4404H168.774V45.3843H157.246V68.4404H139.954V79.9685H128.426V91.4965H116.898V131.845H93.8414V143.373H116.898V183.721H139.954V212.541H168.774V183.721H203.358V212.541H232.178V183.721H255.234V143.373H278.29V131.845H255.234V91.4965ZM278.29 131.845H289.818V68.4404H278.29V131.845ZM82.3134 131.845H93.8414V68.4404H82.3134V131.845Z",fill:"#2D2D2D"}),a.a.createElement("path",{d:"M262.396 50.3333L246.908 65.8205H262.396V80.7546H346.469V5.53113H262.396V50.3333Z",fill:"#101113",stroke:"#2D2D2D",strokeWidth:"6.63736"}),a.a.createElement("path",{d:"M278.746 57.5037V29.5141H286.311V39.9156H295.616V29.5141H303.18V57.5037H295.616V46.1944H286.311V57.5037H278.746ZM308.634 57.5037V29.5141H316.199V57.5037H308.634ZM323.408 48.1612L321.593 29.5141H331.011L329.195 48.1612H323.408ZM322.387 57.5037V51.0737H330.216V57.5037H322.387Z",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"61.0623",y:"56.4176",width:"8.84982",height:"8.84982",transform:"rotate(-90 61.0623 56.4176)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"50",y:"42.0366",width:"8.84982",height:"8.84982",transform:"rotate(-90 50 42.0366)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"69.9121",y:"47.5674",width:"8.84982",height:"8.84982",transform:"rotate(-90 69.9121 47.5674)",fill:"#2D2D2D"}),a.a.createElement("g",{filter:"url(#filter0_d_193_43290)"},a.a.createElement("rect",{width:"8",height:"12",transform:"matrix(4.37114e-08 1 1 -4.37114e-08 82 67)",fill:"#21EFA3"})),a.a.createElement("rect",{x:"58.8499",y:"33.1868",width:"8.84982",height:"8.84982",transform:"rotate(-90 58.8499 33.1868)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"78.762",y:"47.5677",width:"8.84982",height:"8.84982",transform:"rotate(-90 78.762 47.5677)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"67.6997",y:"33.1868",width:"8.84982",height:"8.84982",transform:"rotate(-90 67.6997 33.1868)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"256.865",y:"8.84982",width:"8.84982",height:"8.84982",transform:"rotate(-90 256.865 8.84982)",fill:"#101113"}),a.a.createElement("rect",{x:"343.15",y:"8.84982",width:"8.84982",height:"8.84982",transform:"rotate(-90 343.15 8.84982)",fill:"#101113"}),a.a.createElement("rect",{x:"343.15",y:"86.2857",width:"8.84982",height:"8.84982",transform:"rotate(-90 343.15 86.2857)",fill:"#101113"}),a.a.createElement("rect",{x:"256.865",y:"86.2857",width:"8.84982",height:"8.84982",transform:"rotate(-90 256.865 86.2857)",fill:"#101113"}),a.a.createElement("defs",null,a.a.createElement("filter",{id:"filter0_d_193_43290",x:"64",y:"50",width:"48",height:"44",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},a.a.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),a.a.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),a.a.createElement("feMorphology",{radius:"3",operator:"dilate",in:"SourceAlpha",result:"effect1_dropShadow_193_43290"}),a.a.createElement("feOffset",{dy:"1"}),a.a.createElement("feGaussianBlur",{stdDeviation:"7.5"}),a.a.createElement("feComposite",{in2:"hardAlpha",operator:"out"}),a.a.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.129412 0 0 0 0 0.937255 0 0 0 0 0.639216 0 0 0 0.25 0"}),a.a.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_193_43290"}),a.a.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_193_43290",result:"shape"}))))),p=n(105);const c={chat:"Chat",shopifyBlockPanel:"Shopify"};class h extends l.Component{constructor(e){super(e);const t=A.default.getMaestroEventViewModel().panelManagerViewModel;this.state={unlistedPanels:t.getUnlistedPanels()}}render(){const{unlistedPanels:e}=this.state;return a.a.createElement("div",{className:"hello-world-view","data-has-unlisted":e.length>0},a.a.createElement(d,null),a.a.createElement("div",{className:"title"},"HELLO, WORLD!"),a.a.createElement("p",{className:"T20 subtitle"},"Panel component has been",a.a.createElement("br",null),"installed correctly."),e.length>0&&a.a.createElement("div",{className:"unsupported-panels"},a.a.createElement("p",{className:"T10 unsupported-text"},"However, some panels currently active on this",a.a.createElement("br",null),"channel aren't supported on this device:"),a.a.createElement("ul",{className:"unsupported-list"},e.filter(e=>e.type in c).map(e=>a.a.createElement("li",{key:e.type,className:"T10"},a.a.createElement("div",{className:"panel-icon"},a.a.createElement(p.a,{iconName:e.type,width:24,height:24})),a.a.createElement("div",{className:"panel-title"},c[e.type]))))))}}var E=h;t.default=E}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[9],{105:function(e,t,n){"use strict";var l=n(32);t.a=l.a},210:function(e,t,n){"use strict";var l=n(6),a=n.n(l),r=n(7),i=n.n(r)()(a.a);i.push([e.i,".hello-world-view {\n  text-align: center;\n  background: transparent;\n  margin-top: 60px;\n}\n\n.hello-world-view[data-has-unlisted='false'] {\n  padding: 191px 80px 0 80px;\n}\n\n.hello-world-view .hello-world-image {\n  margin-bottom: 32px;\n}\n\n.hello-world-view .title {\n  font-weight: 700;\n  font-size: 48px;\n  line-height: 56px;\n  font-family: var(--sdk-font-headline);\n  color: var(--sdk-text100);\n  text-align: center;\n}\n\n.hello-world-view .subtitle {\n  font-weight: 400;\n  font-size: 27px;\n  line-height: 36px;\n  text-align: center;\n  margin: 10px 0 16px 0;\n  font-family: var(--sdk-font-title);\n  color: var(--sdk-text100);\n}\n\n.hello-world-view .unsupported-panels {\n  position: relative;\n}\n\n.hello-world-view .unsupported-text {\n  font-family: var(--sdk-font-body);\n  font-size: 21px;\n  line-height: 26px;\n  text-align: center;\n  color: var(--sdk-text200);\n  margin: 0;\n}\n\n.hello-world-view .unsupported-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.hello-world-view .unsupported-list li {\n  padding: 8px 0;\n  color: var(--sdk-text100);\n  text-align: left;\n}\n\n.hello-world-view .unsupported-list .panel-icon {\n  vertical-align: middle;\n  display: inline-block;\n  margin-right: 8px;\n  border-radius: 50%;\n  background-color: var(--sdk-surface5);\n  width: 40px;\n  height: 40px;\n  color: var(--sdk-text200);\n  position: relative;\n}\n\n.hello-world-view .unsupported-list .panel-icon > svg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.hello-world-view .unsupported-list .panel-title {\n  vertical-align: middle;\n  display: inline-block;\n  color: var(--sdk-text200);\n}\n","",{version:3,sources:["webpack://./src/modules/maestro/hello-world/HelloWorldView.styles.css"],names:[],mappings:"AAAA;EACE,kBAAkB;EAClB,uBAAuB;EACvB,gBAAgB;AAClB;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,qCAAqC;EACrC,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,qBAAqB;EACrB,kCAAkC;EAClC,yBAAyB;AAC3B;;AAEA;EACE,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;EACjC,eAAe;EACf,iBAAiB;EACjB,kBAAkB;EAClB,yBAAyB;EACzB,SAAS;AACX;;AAEA;EACE,gBAAgB;EAChB,UAAU;EACV,SAAS;EACT,gBAAgB;EAChB,kBAAkB;EAClB,SAAS;EACT,2BAA2B;AAC7B;;AAEA;EACE,cAAc;EACd,yBAAyB;EACzB,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,qBAAqB;EACrB,iBAAiB;EACjB,kBAAkB;EAClB,qCAAqC;EACrC,WAAW;EACX,YAAY;EACZ,yBAAyB;EACzB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,gCAAgC;AAClC;;AAEA;EACE,sBAAsB;EACtB,qBAAqB;EACrB,yBAAyB;AAC3B",sourcesContent:[".hello-world-view {\n  text-align: center;\n  background: transparent;\n  margin-top: 60px;\n}\n\n.hello-world-view[data-has-unlisted='false'] {\n  padding: 191px 80px 0 80px;\n}\n\n.hello-world-view .hello-world-image {\n  margin-bottom: 32px;\n}\n\n.hello-world-view .title {\n  font-weight: 700;\n  font-size: 48px;\n  line-height: 56px;\n  font-family: var(--sdk-font-headline);\n  color: var(--sdk-text100);\n  text-align: center;\n}\n\n.hello-world-view .subtitle {\n  font-weight: 400;\n  font-size: 27px;\n  line-height: 36px;\n  text-align: center;\n  margin: 10px 0 16px 0;\n  font-family: var(--sdk-font-title);\n  color: var(--sdk-text100);\n}\n\n.hello-world-view .unsupported-panels {\n  position: relative;\n}\n\n.hello-world-view .unsupported-text {\n  font-family: var(--sdk-font-body);\n  font-size: 21px;\n  line-height: 26px;\n  text-align: center;\n  color: var(--sdk-text200);\n  margin: 0;\n}\n\n.hello-world-view .unsupported-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.hello-world-view .unsupported-list li {\n  padding: 8px 0;\n  color: var(--sdk-text100);\n  text-align: left;\n}\n\n.hello-world-view .unsupported-list .panel-icon {\n  vertical-align: middle;\n  display: inline-block;\n  margin-right: 8px;\n  border-radius: 50%;\n  background-color: var(--sdk-surface5);\n  width: 40px;\n  height: 40px;\n  color: var(--sdk-text200);\n  position: relative;\n}\n\n.hello-world-view .unsupported-list .panel-icon > svg {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.hello-world-view .unsupported-list .panel-title {\n  vertical-align: middle;\n  display: inline-block;\n  color: var(--sdk-text200);\n}\n"],sourceRoot:""}]),t.a=i},244:function(e,t,n){"use strict";n.r(t);var l=n(0),a=n.n(l),r=n(5),i=n.n(r),o=n(210),s={insert:"head",singleton:!1},A=(i()(o.a,s),o.a.locals,n(8));var d=()=>a.a.createElement("div",{className:"hello-world-image"},a.a.createElement("svg",{width:"376",height:"236",viewBox:"0 0 376 236",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a.a.createElement("path",{d:"M255.234 212.541H232.178V235.597H255.234V212.541ZM116.898 235.597H139.954V212.541H116.898V235.597ZM197.594 108.789H220.65V154.901H197.594V108.789ZM174.538 154.901H151.482V108.789H174.538V154.901ZM255.234 91.4965H243.706V79.9685H232.178V68.4404H214.886V45.3843H203.358V68.4404H168.774V45.3843H157.246V68.4404H139.954V79.9685H128.426V91.4965H116.898V131.845H93.8414V143.373H116.898V183.721H139.954V212.541H168.774V183.721H203.358V212.541H232.178V183.721H255.234V143.373H278.29V131.845H255.234V91.4965ZM278.29 131.845H289.818V68.4404H278.29V131.845ZM82.3134 131.845H93.8414V68.4404H82.3134V131.845Z",fill:"#2D2D2D"}),a.a.createElement("path",{d:"M262.396 50.3333L246.908 65.8205H262.396V80.7546H346.469V5.53113H262.396V50.3333Z",fill:"#101113",stroke:"#2D2D2D",strokeWidth:"6.63736"}),a.a.createElement("path",{d:"M278.746 57.5037V29.5141H286.311V39.9156H295.616V29.5141H303.18V57.5037H295.616V46.1944H286.311V57.5037H278.746ZM308.634 57.5037V29.5141H316.199V57.5037H308.634ZM323.408 48.1612L321.593 29.5141H331.011L329.195 48.1612H323.408ZM322.387 57.5037V51.0737H330.216V57.5037H322.387Z",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"61.0623",y:"56.4176",width:"8.84982",height:"8.84982",transform:"rotate(-90 61.0623 56.4176)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"50",y:"42.0366",width:"8.84982",height:"8.84982",transform:"rotate(-90 50 42.0366)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"69.9121",y:"47.5674",width:"8.84982",height:"8.84982",transform:"rotate(-90 69.9121 47.5674)",fill:"#2D2D2D"}),a.a.createElement("g",{filter:"url(#filter0_d_193_43290)"},a.a.createElement("rect",{width:"8",height:"12",transform:"matrix(4.37114e-08 1 1 -4.37114e-08 82 67)",fill:"#21EFA3"})),a.a.createElement("rect",{x:"58.8499",y:"33.1868",width:"8.84982",height:"8.84982",transform:"rotate(-90 58.8499 33.1868)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"78.762",y:"47.5677",width:"8.84982",height:"8.84982",transform:"rotate(-90 78.762 47.5677)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"67.6997",y:"33.1868",width:"8.84982",height:"8.84982",transform:"rotate(-90 67.6997 33.1868)",fill:"#2D2D2D"}),a.a.createElement("rect",{x:"256.865",y:"8.84982",width:"8.84982",height:"8.84982",transform:"rotate(-90 256.865 8.84982)",fill:"#101113"}),a.a.createElement("rect",{x:"343.15",y:"8.84982",width:"8.84982",height:"8.84982",transform:"rotate(-90 343.15 8.84982)",fill:"#101113"}),a.a.createElement("rect",{x:"343.15",y:"86.2857",width:"8.84982",height:"8.84982",transform:"rotate(-90 343.15 86.2857)",fill:"#101113"}),a.a.createElement("rect",{x:"256.865",y:"86.2857",width:"8.84982",height:"8.84982",transform:"rotate(-90 256.865 86.2857)",fill:"#101113"}),a.a.createElement("defs",null,a.a.createElement("filter",{id:"filter0_d_193_43290",x:"64",y:"50",width:"48",height:"44",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB"},a.a.createElement("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),a.a.createElement("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),a.a.createElement("feMorphology",{radius:"3",operator:"dilate",in:"SourceAlpha",result:"effect1_dropShadow_193_43290"}),a.a.createElement("feOffset",{dy:"1"}),a.a.createElement("feGaussianBlur",{stdDeviation:"7.5"}),a.a.createElement("feComposite",{in2:"hardAlpha",operator:"out"}),a.a.createElement("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.129412 0 0 0 0 0.937255 0 0 0 0 0.639216 0 0 0 0.25 0"}),a.a.createElement("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_193_43290"}),a.a.createElement("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_193_43290",result:"shape"}))))),p=n(105);const c={chat:"Chat",shopifyBlockPanel:"Shopify"};class h extends l.Component{constructor(e){super(e);const t=A.default.getMaestroEventViewModel().panelManagerViewModel;this.state={unlistedPanels:t.getUnlistedPanels()}}render(){const{unlistedPanels:e}=this.state;return a.a.createElement("div",{className:"hello-world-view","data-has-unlisted":e.length>0},a.a.createElement(d,null),a.a.createElement("div",{className:"title"},"HELLO, WORLD!"),a.a.createElement("p",{className:"T20 subtitle"},"Panel component has been",a.a.createElement("br",null),"installed correctly."),e.length>0&&a.a.createElement("div",{className:"unsupported-panels"},a.a.createElement("p",{className:"T10 unsupported-text"},"However, some panels currently active on this",a.a.createElement("br",null),"channel aren't supported on this device:"),a.a.createElement("ul",{className:"unsupported-list"},e.filter(e=>e.type in c).map(e=>a.a.createElement("li",{key:e.type,className:"T10"},a.a.createElement("div",{className:"panel-icon"},a.a.createElement(p.a,{iconName:e.type,width:24,height:24})),a.a.createElement("div",{className:"panel-title"},c[e.type]))))))}}var E=h;t.default=E}}]);
 //# sourceMappingURL=9.maestro-web-sdk.esm.js.map