@maestro_io/maestro-web-sdk 5.2.0 → 5.3.0

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

@@ -1,2 +0,0 @@
-(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.")))}}}]);
-//# sourceMappingURL=7.maestro-web-sdk.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///./src/components/atoms/Image/index.tsx","webpack:///./src/components/core/ScrollableContainer/index.ts","webpack:///./src/helpers/strings.ts","webpack:///./src/modules/maestro/builder/view-model/BuilderPanelViewModel.ts","webpack:///./src/modules/maestro/builder/view/BuilderPanelView.styles.css","webpack:///./src/modules/maestro/builder/components/BuilderSection/BuilderSection.styles.css","webpack:///./src/modules/maestro/builder/components/SimpleCard/SimpleCard.styles.css","webpack:///./src/modules/maestro/builder/components/ExpandableCard/ExpandableCard.styles.css","webpack:///./src/modules/maestro/builder/view/BuilderPanelView.styles.css?8480","webpack:///./src/modules/maestro/builder/components/SimpleCard/SimpleCard.styles.css?1daa","webpack:///./src/modules/maestro/builder/components/SimpleCard/SimpleCard.tsx","webpack:///./src/modules/maestro/builder/components/ExpandableCard/ExpandableCard.styles.css?766b","webpack:///./src/modules/maestro/builder/components/ExpandableCard/ExpandableCard.tsx","webpack:///./src/modules/maestro/builder/components/BuilderSection/BuilderSection.styles.css?3827","webpack:///./src/modules/maestro/builder/components/BuilderSection/BuilderSection.tsx","webpack:///./src/modules/maestro/builder/components/BuilderSection/index.ts","webpack:///./src/modules/maestro/builder/view/BuilderPanelView.tsx"],"names":["Image","React","Component","constructor","props","super","_defineProperty","failed","this","setState","render","state","console","warn","src","createElement","_extends","alt","onError","handleError","ScrollableContainer","slugify","str","toLowerCase","trim","replace","stringHashCode","hash","i","length","charCodeAt","BuilderPanelViewModel","ViewModel","panelConfig","analyticsService","Observable","Set","parseBlockData","trackPanelView","initialized","cleanup","sections","value","expandedCardIds","lastResponseHash","updatePanelConfig","error","captureException","tags","component","method","isDataLoading","setError","Error","block_data","blockData","Array","isArray","responseHash","JSON","stringify","parseSections","hasEverSuccessfullyLoaded","errorMessage","message","extra","toggleCardExpanded","cardId","currentExpandedIds","has","delete","add","collapseAllCards","parsePadding","raw","_raw$top","_raw$right","_raw$bottom","_raw$left","DEFAULT_PADDING","top","right","bottom","left","parseHeader","_raw$content","_raw$enabled","_raw$type","content","enabled","type","parseSectionSettings","_raw$background_color","_raw$spacing","_raw$sticky","_raw$text_alignment","backgroundColor","background_color","header","padding","spacing","sticky","textAlignment","text_alignment","parseSimpleCard","_raw$title","_raw$image$url","_raw$image","_raw$image2","id","title","image","url","parseExpandableCard","_raw$title2","_raw$collapsed_state","_raw$expanded_state","collapsedState","cards","collapsed_state","map","card","expandedState","expanded_state","settings","undefined","parseCard","parseSection","_raw$title3","rawSections","section","___CSS_LOADER_EXPORT___","push","module","options","locals","withFocusable","focused","className","data-focused","FocusableWrapper","children","expanded","style","data-expanded","role","tabIndex","setExpanded","useState","focusKey","onEnterPress","useCallback","prev","onBackPress","onClickPress","Fragment","SimpleCard","key","BuilderSection","sectionStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","textAlign","headerStyle","marginBottom","cardsContainerStyle","marginLeft","marginRight","cardWrapperStyle","boxSizing","renderHeader","headerClassName","cardContent","ExpandableCard","BuilderPanelView","_viewModel$sections$v","_viewModel$isDataLoad","container","useRef","vm","SDK","getMaestroEventViewModel","builderPanelViewModel","viewModel","current","setSections","isLoading","setIsLoading","scrollableContainer","setScrollableContainer","useEffect","sectionsUnsub","subscribe","loadingUnsub","scrollableContainerRef","ref"],"mappings":"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","file":"7.maestro-web-sdk.esm.js","sourcesContent":["import React from 'react';\nimport { ImgHTMLAttributes } from 'react';\n\ninterface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {}\n\nclass Image extends React.Component<ImageProps> {\n  state = {\n    failed: false,\n  };\n\n  constructor(props: ImageProps) {\n    super(props);\n  }\n\n  handleError = () => {\n    this.setState({ failed: true });\n  };\n\n  render() {\n    if (this.state.failed) {\n      console.warn('Image failed to load:', this.props.src);\n      return null;\n    }\n\n    if (!this.props.src) {\n      console.warn('Image source is empty');\n      return null;\n    }\n\n    return (\n      <img\n        alt={this.props.alt || 'Image'}\n        {...this.props}\n        onError={this.handleError}\n      />\n    );\n  }\n}\n\nexport default Image;\n","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","export const slugify = (str: string) =>\n  str\n    .toLowerCase()\n    .trim()\n    .replace(/[\\s\\W-]+/g, '-')\n    .replace(/^-+|-+$/g, '');\n\nexport function stringHashCode(str: string): number {\n  let hash = 0;\n  for (let i = 0; i < str.length; i++) {\n    const char = str.charCodeAt(i);\n    hash = (hash << 5) - hash + char;\n    hash = hash & hash; // Convert to 32bit integer\n  }\n  return hash;\n}\n","import { Observable } from '../../../../helpers/Observable';\nimport { ViewModel } from '../../../../view-models/ViewModel';\nimport { captureException } from '@/sentry';\nimport AnalyticsService from '@/services/AnalyticsService/AnalyticsService';\nimport { stringHashCode } from '@/helpers/strings';\nimport {\n  ICard,\n  IExpandableCard,\n  ISection,\n  ISectionSettings,\n  ISimpleCard,\n} from '../types';\n\ninterface IBlockData {\n  sections: any[];\n}\n\ninterface IPanelConfig {\n  block_data?: IBlockData;\n  id: string;\n  panel_name: string;\n  panel_type: string;\n  icon_name?: string;\n}\n\nexport class BuilderPanelViewModel extends ViewModel {\n  public sections = new Observable<ISection[]>([]);\n  public expandedCardIds = new Observable<Set<string>>(new Set());\n  public isDataLoading = new Observable<boolean>(false);\n  public hasEverSuccessfullyLoaded = new Observable<boolean>(false);\n\n  private analyticsService: AnalyticsService | null = null;\n  private lastResponseHash: number | null = null;\n  initialized = false;\n\n  constructor(panelConfig?: IPanelConfig, analyticsService?: AnalyticsService) {\n    super();\n    this.analyticsService = analyticsService || null;\n\n    if (panelConfig) {\n      this.parseBlockData(panelConfig);\n    }\n  }\n\n  async init(panelConfig: IPanelConfig): Promise<void> {\n    if (this.analyticsService) {\n      await this.trackPanelView();\n    }\n    this.parseBlockData(panelConfig);\n    this.initialized = true;\n  }\n\n  cleanup(): void {\n    this.sections.value = [];\n    this.expandedCardIds.value = new Set();\n    this.lastResponseHash = null;\n    this.initialized = false;\n  }\n\n  updatePanelConfig(panelConfig: IPanelConfig): void {\n    this.parseBlockData(panelConfig);\n  }\n\n  private async trackPanelView(): Promise<void> {\n    try {\n      if (this.analyticsService) {\n        // TODO: Add builder to MaestroPanelType analytics before enabling\n        // await this.analyticsService.panelView('builderBlockPanel');\n      }\n    } catch (error) {\n      captureException(error, {\n        tags: {\n          component: 'BuilderPanelViewModel',\n          method: 'trackPanelView',\n        },\n      });\n    }\n  }\n\n  private parseBlockData(panelConfig: IPanelConfig): void {\n    try {\n      this.isDataLoading.value = true;\n      this.setError(null);\n\n      if (!panelConfig) {\n        throw new Error('Panel config is required');\n      }\n\n      if (!panelConfig.block_data) {\n        throw new Error('block_data is missing from panel config');\n      }\n\n      const blockData = panelConfig.block_data;\n\n      if (!blockData.sections) {\n        throw new Error('sections array is missing from block_data');\n      }\n\n      if (!Array.isArray(blockData.sections)) {\n        throw new Error('sections must be an array');\n      }\n\n      const responseHash = stringHashCode(JSON.stringify(blockData.sections));\n      if (responseHash === this.lastResponseHash) {\n        this.isDataLoading.value = false;\n        return;\n      }\n\n      // Parse the raw config into properly typed sections with camelCase\n      this.sections.value = this.parseSections(blockData.sections);\n      this.lastResponseHash = responseHash;\n      this.hasEverSuccessfullyLoaded.value = true;\n      this.isDataLoading.value = false;\n    } catch (error) {\n      const errorMessage =\n        error instanceof Error ? error.message : 'Failed to parse block data';\n      this.setError(errorMessage);\n      this.isDataLoading.value = false;\n\n      captureException(error, {\n        tags: {\n          component: 'BuilderPanelViewModel',\n          method: 'parseBlockData',\n        },\n        extra: {\n          panelConfig,\n        },\n      });\n    }\n  }\n\n  toggleCardExpanded(cardId: string): void {\n    const currentExpandedIds = new Set(this.expandedCardIds.value);\n\n    if (currentExpandedIds.has(cardId)) {\n      currentExpandedIds.delete(cardId);\n    } else {\n      currentExpandedIds.add(cardId);\n    }\n\n    this.expandedCardIds.value = currentExpandedIds;\n  }\n\n  collapseAllCards(): void {\n    this.expandedCardIds.value = new Set();\n  }\n\n  private parsePadding(raw: any) {\n    const DEFAULT_PADDING = { top: 8, right: 8, bottom: 8, left: 8 };\n    return {\n      top: raw?.top ?? DEFAULT_PADDING.top,\n      right: raw?.right ?? DEFAULT_PADDING.right,\n      bottom: raw?.bottom ?? DEFAULT_PADDING.bottom,\n      left: raw?.left ?? DEFAULT_PADDING.left,\n    };\n  }\n\n  private parseHeader(raw: any) {\n    return {\n      content: raw?.content ?? '',\n      enabled: raw?.enabled ?? false,\n      type: (raw?.type ?? 'text') as 'text' | 'image',\n      alt: raw?.alt,\n    };\n  }\n\n  private parseSectionSettings(raw: any): ISectionSettings {\n    return {\n      backgroundColor: raw?.background_color ?? 'transparent',\n      header: this.parseHeader(raw?.header),\n      padding: this.parsePadding(raw?.padding),\n      spacing: raw?.spacing ?? 8,\n      sticky: raw?.sticky ?? false,\n      textAlignment: raw?.text_alignment ?? 'left',\n    };\n  }\n\n  private parseSimpleCard(raw: any): ISimpleCard {\n    return {\n      id: raw.id,\n      type: 'simple',\n      title: raw.title ?? '',\n      image: {\n        url: raw.image?.url ?? '',\n        alt: raw.image?.alt,\n      },\n    };\n  }\n\n  private parseExpandableCard(raw: any): IExpandableCard {\n    return {\n      id: raw.id,\n      type: 'expandable',\n      title: raw.title ?? '',\n      collapsedState: {\n        cards: Array.isArray(raw.collapsed_state?.cards)\n          ? raw.collapsed_state.cards.map((card: any) =>\n              this.parseSimpleCard(card)\n            )\n          : [],\n      },\n      expandedState: {\n        cards: Array.isArray(raw.expanded_state?.cards)\n          ? raw.expanded_state.cards.map((card: any) =>\n              this.parseSimpleCard(card)\n            )\n          : [],\n      },\n      settings: raw.settings\n        ? this.parseSectionSettings(raw.settings)\n        : undefined,\n    };\n  }\n\n  private parseCard(raw: any): ICard {\n    if (!raw || !raw.id) {\n      throw new Error('Card must have an id');\n    }\n\n    if (raw.type === 'expandable') {\n      return this.parseExpandableCard(raw);\n    }\n\n    return this.parseSimpleCard(raw);\n  }\n\n  private parseSection(raw: any): ISection {\n    if (!raw || !raw.id) {\n      throw new Error('Section must have an id');\n    }\n\n    return {\n      id: raw.id,\n      title: raw.title ?? '',\n      cards: Array.isArray(raw.cards)\n        ? raw.cards.map((card: any) => this.parseCard(card))\n        : [],\n      settings: this.parseSectionSettings(raw.settings),\n    };\n  }\n\n  private parseSections(rawSections: any[]): ISection[] {\n    if (!Array.isArray(rawSections)) {\n      throw new Error('Sections must be an array');\n    }\n\n    return rawSections.map((section: any) => this.parseSection(section));\n  }\n}\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, \"/* 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// 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, \".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// 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, \".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// 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, \".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// 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!./BuilderPanelView.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!./SimpleCard.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 from 'react';\nimport './SimpleCard.styles.css';\nimport {\n  withFocusable,\n  WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport Image from '@/components/atoms/Image';\n\nexport interface SimpleCardProps {\n  id: string;\n  title: string;\n  image: {\n    url: string;\n    alt?: string;\n  };\n}\n\nconst SimpleCard = (props: SimpleCardProps & WithFocusableProps) => {\n  const { title, image, focused } = props;\n\n  return (\n    <div className=\"simple-card focus-ring\" data-focused={focused}>\n      {title && <div className=\"simple-card-title T05_ALT\">{title}</div>}\n      <div className=\"simple-card-image-wrapper\">\n        <Image\n          src={image.url}\n          alt={image.alt || title}\n          className=\"simple-card-image\"\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default withFocusable<SimpleCardProps>()(SimpleCard);\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!./ExpandableCard.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, useCallback } from 'react';\nimport {\n  withFocusable,\n  WithFocusableProps,\n} from '@/external/spatial-navigation';\nimport { Layout } from '@/external/spatial-navigation/utils';\nimport { ISimpleCard, ISectionSettings } from '../../types';\nimport SimpleCard from '../SimpleCard';\nimport './ExpandableCard.styles.css';\n\nexport interface ExpandableCardProps {\n  id: string;\n  title: string;\n  settings?: ISectionSettings;\n  collapsedState: { cards: ISimpleCard[] };\n  expandedState: { cards: ISimpleCard[] };\n  onBecameFocused?: (layout: Layout) => void;\n}\n\ntype WrapperProps = {\n  children: React.ReactNode;\n  focused?: boolean;\n  expanded: boolean;\n  settings?: ISectionSettings;\n};\n\nconst FocusableWrapper = withFocusable<WrapperProps>()(\n  ({\n    children,\n    focused,\n    expanded,\n    settings,\n  }: WrapperProps & WithFocusableProps) => {\n    const style: React.CSSProperties = {};\n    if (settings?.backgroundColor) {\n      style.backgroundColor = settings.backgroundColor;\n    }\n    if (settings?.padding) {\n      style.padding = `${settings.padding.top}px ${settings.padding.right}px ${settings.padding.bottom}px ${settings.padding.left}px`;\n    }\n\n    return (\n      <div\n        className=\"expandable-card focus-ring\"\n        data-focused={focused}\n        data-expanded={expanded}\n        role=\"button\"\n        tabIndex={0}\n        style={style}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nconst ExpandableCard: React.FC<ExpandableCardProps & WithFocusableProps> = (\n  props\n) => {\n  const { id, title, settings, collapsedState, expandedState } = props;\n  const [expanded, setExpanded] = useState(false);\n\n  const focusKey = `expandable-card-${id}`;\n\n  const onEnterPress = useCallback(() => {\n    setExpanded((prev) => !prev);\n  }, []);\n\n  const onBackPress = useCallback((): boolean => {\n    if (expanded) {\n      setExpanded(false);\n      return false;\n    }\n    return true;\n  }, [expanded]);\n\n  const renderCollapsedView = () => (\n    <>\n      {title && (\n        <div className=\"expandable-card-title T10 FONT_BOLD\">{title}</div>\n      )}\n      <div className=\"expandable-card-cards-container\">\n        {collapsedState.cards.map((card) => (\n          <SimpleCard\n            key={card.id}\n            id={card.id}\n            title={card.title}\n            image={card.image}\n            focusKey={`${focusKey}-collapsed-${card.id}`}\n          />\n        ))}\n      </div>\n    </>\n  );\n\n  const renderExpandedView = () => (\n    <>\n      {title && (\n        <div className=\"expandable-card-title T10 FONT_BOLD\">{title}</div>\n      )}\n      <div className=\"expandable-card-cards-container\">\n        {expandedState.cards.map((card) => (\n          <SimpleCard\n            key={card.id}\n            id={card.id}\n            title={card.title}\n            image={card.image}\n            focusKey={`${focusKey}-expanded-${card.id}`}\n          />\n        ))}\n      </div>\n    </>\n  );\n\n  return (\n    <FocusableWrapper\n      {...props}\n      focusKey={focusKey}\n      onEnterPress={onEnterPress}\n      onClickPress={onEnterPress}\n      onBackPress={onBackPress}\n      expanded={expanded}\n      settings={settings}\n    >\n      {expanded ? renderExpandedView() : renderCollapsedView()}\n    </FocusableWrapper>\n  );\n};\n\nexport default withFocusable<ExpandableCardProps>()(ExpandableCard);\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!./BuilderSection.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 from 'react';\nimport Image from '@/components/atoms/Image';\nimport { ICard, ISectionSettings } from '../../types';\nimport SimpleCard from '../SimpleCard';\nimport ExpandableCard from '../ExpandableCard';\nimport './BuilderSection.styles.css';\n\nexport interface BuilderSectionProps {\n  id: string;\n  title: string;\n  settings: ISectionSettings;\n  cards: ICard[];\n}\n\nconst BuilderSection: React.FC<BuilderSectionProps> = ({\n  title,\n  settings,\n  cards,\n}) => {\n  const {\n    header,\n    sticky,\n    textAlignment,\n    spacing,\n    padding,\n    backgroundColor,\n  } = settings;\n\n  const sectionStyle: React.CSSProperties = {\n    backgroundColor,\n    paddingTop: padding?.top,\n    paddingRight: padding?.right,\n    paddingBottom: padding?.bottom,\n    paddingLeft: padding?.left,\n    textAlign: textAlignment,\n  };\n\n  const headerStyle: React.CSSProperties = {\n    backgroundColor: sticky ? backgroundColor : 'transparent',\n    marginBottom: spacing,\n  };\n\n  const cardsContainerStyle: React.CSSProperties = {\n    marginLeft: spacing ? -spacing / 2 : 0,\n    marginRight: spacing ? -spacing / 2 : 0,\n  };\n\n  const cardWrapperStyle: React.CSSProperties = {\n    padding: spacing ? spacing / 2 : 0,\n    boxSizing: 'border-box',\n  };\n\n  const renderHeader = () => {\n    if (!header.enabled) return null;\n\n    const headerClassName = `builder-section-header${sticky ? ' sticky' : ''}`;\n\n    return (\n      <div className={headerClassName} style={headerStyle}>\n        {header.type === 'image' ? (\n          <Image\n            src={header.content}\n            alt={title}\n            className=\"builder-section-header-image\"\n          />\n        ) : (\n          <div className=\"builder-section-header-text T14 FONT_BOLD\">\n            {header.content}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const renderCard = (card: ICard) => {\n    let cardContent;\n    switch (card.type) {\n      case 'simple':\n        cardContent = (\n          <SimpleCard\n            key={card.id}\n            id={card.id}\n            title={card.title}\n            image={card.image}\n            focusKey={`simple-card-${card.id}`}\n          />\n        );\n        break;\n      case 'expandable':\n        cardContent = (\n          <ExpandableCard\n            key={card.id}\n            id={card.id}\n            title={card.title}\n            collapsedState={card.collapsedState}\n            expandedState={card.expandedState}\n            settings={settings}\n          />\n        );\n        break;\n      default:\n        return null;\n    }\n\n    return (\n      <div key={card.id} style={cardWrapperStyle}>\n        {cardContent}\n      </div>\n    );\n  };\n\n  return (\n    <div className=\"builder-section\" style={sectionStyle}>\n      {renderHeader()}\n      <div className=\"builder-section-cards\" style={cardsContainerStyle}>\n        {cards.map(renderCard)}\n      </div>\n    </div>\n  );\n};\n\nexport default BuilderSection;\n","import BuilderSection from './BuilderSection';\n\nexport default BuilderSection;\n","import React, { useState, useEffect, useRef } from 'react';\nimport './BuilderPanelView.styles.css';\nimport SDK from '@/index';\nimport { BuilderPanelViewModel } from '../view-model/BuilderPanelViewModel';\nimport { ISection } from '../types';\nimport BuilderSection from '../components/BuilderSection';\nimport ScrollableContainer from '@/components/core/ScrollableContainer';\n\nconst BuilderPanelView: React.FC = () => {\n  const container = useRef<HTMLDivElement | null>(null);\n  const vm = useRef<BuilderPanelViewModel | null>(\n    SDK.getMaestroEventViewModel()\n      .builderPanelViewModel as BuilderPanelViewModel | null\n  );\n\n  const viewModel = (() => {\n    if (!vm.current) {\n      throw new Error('BuilderPanelViewModel is not initialized');\n    }\n    return vm.current;\n  })();\n\n  const [sections, setSections] = useState<ISection[]>(\n    viewModel.sections.value ?? []\n  );\n  const [isLoading, setIsLoading] = useState<boolean>(\n    viewModel.isDataLoading.value ?? false\n  );\n  const [\n    scrollableContainer,\n    setScrollableContainer,\n  ] = useState<HTMLDivElement | null>(null);\n\n  useEffect(() => {\n    const sectionsUnsub = viewModel.sections.subscribe((sections) => {\n      setSections(sections);\n    });\n\n    const loadingUnsub = viewModel.isDataLoading.subscribe((isLoading) => {\n      setIsLoading(isLoading);\n    });\n\n    setScrollableContainer(container.current);\n\n    return () => {\n      sectionsUnsub && sectionsUnsub();\n      loadingUnsub && loadingUnsub();\n    };\n  }, [viewModel]);\n\n  const renderEmptyState = () => {\n    return (\n      <div className=\"builder-panel-empty-state\">\n        <div className=\"builder-panel-empty-state-content\">\n          <div className=\"T20 FONT_BOLD builder-panel-empty-state-title\">\n            No Content Available\n          </div>\n          <p className=\"T14 builder-panel-empty-state-description\">\n            This panel doesn&apos;t have any sections to display.\n          </p>\n        </div>\n      </div>\n    );\n  };\n\n  const renderLoadingState = () => {\n    return <div className=\"builder-panel-loading\" />;\n  };\n\n  if (isLoading) {\n    return renderLoadingState();\n  }\n\n  if (!sections || sections.length === 0) {\n    return renderEmptyState();\n  }\n\n  return (\n    <ScrollableContainer scrollableContainerRef={scrollableContainer}>\n      <div ref={container} className=\"builder-panel-view\">\n        {sections.map((section) => (\n          <BuilderSection\n            key={section.id}\n            id={section.id}\n            title={section.title}\n            settings={section.settings}\n            cards={section.cards}\n          />\n        ))}\n        <div className=\"builder-panel-bottom-padding\" />\n      </div>\n    </ScrollableContainer>\n  );\n};\n\nexport default BuilderPanelView;\n"],"sourceRoot":""}

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

@@ -1,2 +0,0 @@
-(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"})))}}}]);
-//# sourceMappingURL=8.maestro-web-sdk.esm.js.map

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

@@ -1 +0,0 @@
-{"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":"0FAAA,YAMeA,MAAmB,G,iCCNlC,YAEeC,MAAI,G,qCCAJC,E,MAAU,E,yBCCrBC,EAAU,CAEd,OAAiB,OACjB,WAAoB,G,GAEP,IAAI,IAASA,GAIX,IAAQC,O,+OCWvB,MAAMC,UAAqBC,IAAMC,UAC/BC,SACE,MAAM,SACJC,EAEAC,QAASC,EACTC,SAAUC,EACVC,eAAgBC,EAChBC,uBAAwBC,EACxBC,uBAAwBC,EACxBC,cAAeC,EACfC,iBAAkBC,EAClBC,mBAAoBC,EACpBC,gBAAiBC,EACjBC,UAAWC,EACXC,aAAcC,EACdC,eAAgBC,EAChBC,YAAaC,EACbC,aAAcC,EACdC,gBAAiBC,EACjBC,gBAAiBC,EAEjBC,aAAcC,EACdC,SAAUC,EACVC,oBAAqBC,EACrBC,WAAYC,EACZC,cAAeC,EACfC,wBAAyBC,KACtBC,GACDC,KAAKC,MAET,OACElD,IAAAmD,cAACvD,EAAUwD,EAAA,CAACC,UAAU,yBAA4BL,GAC/C7C,IAMMmD,oBAAgBvD,GC5DhBA,O,iCCFf,2BAGIwD,EAHJ,MAG8B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,EAAI,oQAAqQ,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,6EAA6E,MAAQ,GAAG,SAAW,sFAAsF,eAAiB,CAAC,qQAAqQ,WAAa,MAEvxB,O,iCCPf,2BAGIH,EAHJ,MAG8B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,EAAI,sMAAuM,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,uEAAuE,MAAQ,GAAG,SAAW,8EAA8E,eAAiB,CAAC,uMAAuM,WAAa,MAE7oB,O,iCCPf,2BAGIH,EAHJ,MAG8B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,EAAI,wdAAyd,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,+EAA+E,MAAQ,GAAG,SAAW,yMAAyM,eAAiB,CAAC,ydAAyd,WAAa,MAEpzC,O,iCCPf,2BAGIH,EAHJ,MAG8B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,EAAI,w8BAAy8B,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,6FAA6F,MAAQ,GAAG,SAAW,kWAAkW,eAAiB,CAAC,y8BAAy8B,WAAa,MAE37E,O,iCCPf,2BAGIH,EAHJ,MAG8B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,EAAI,y1FAA01F,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,gHAAgH,MAAQ,GAAG,SAAW,6sCAA6sC,eAAiB,CAAC,01FAA01F,WAAa,MAE3lO,O,qGCJX7D,EAAU,CAEd,OAAiB,OACjB,WAAoB,G,GAEP,IAAI,IAASA,GAIX,IAAQC,O,iBCTnB,EAAU,CAEd,OAAiB,OACjB,WAAoB,G,GAEP,IAAI,IAAS,GAIX,IAAQA,O,QCoBRwD,IC9BAK,ED8BAL,cAxBWJ,IACxB,MAAM,QAAE9C,EAAO,aAAEoB,GAAiB0B,EAQlC,OACElD,IAAAmD,cAAA,OAAKE,UAAU,iBAAiBO,IARfC,IACjB,IAAKA,EAAS,OAEd,MAAMC,EAAOD,EAAQE,wBACrBF,EAAQG,MAAMC,OAAYC,OAAOC,YAAcL,EAAKM,IAA7B,OAKrBpE,IAAAmD,cAAA,MAAIE,UAAU,OAAM,+BACpBrD,IAAAmD,cAAA,KAAGE,UAAU,OACV,uEAEHrD,IAAAmD,cAAA,OAAKE,UAAU,OACbrD,IAAAmD,cAACpD,IAAY,CAACsE,eAAcjE,EAASoB,aAAcA,GAAc,iB,SErBrE,EAAU,CAEd,OAAiB,OACjB,WAAoB,G,GAEP,IAAI,IAAS,GAIX,IAAQ1B,O,QCMvB,MAAMwE,EAAeA,EAAGC,cACtB,MAAM,gBAAEC,EAAe,YAAEC,GAAgBF,EAEzC,OACEvE,IAAAmD,cAAA,OACEE,UAAU,2BACVW,MAAO,CACLQ,gBAAiB,OAAOA,OAG1BxE,IAAAmD,cAAA,QAAME,UAAU,4CACboB,KAgCMnB,IC3DAoB,ED2DApB,cAvBeJ,IAC5B,MAAM,SAAEyB,EAAQ,SAAEC,EAAQ,QAAExE,GAAY8C,EAExC,OACElD,IAAAmD,cAAA,OAAKE,UAAU,oCAAoCgB,eAAcjE,GAC/DJ,IAAAmD,cAAA,OAAKE,UAAU,8BACbrD,IAAAmD,cAAA,OAAKE,UAAU,mEACbrD,IAAAmD,cAAA,OAAKE,UAAU,uCACZsB,EAASE,MAAM,EAAG,GAAGC,IAAKP,GACzBvE,IAAAmD,cAACmB,EAAY,CAACS,IAAKR,EAAQS,GAAIT,QAASA,OAI9CvE,IAAAmD,cAAA,OAAKE,UAAU,iEACbrD,IAAAmD,cAAA,OAAKE,UAAU,0BAA0B4B,gBAAeL,GACrDA,GAAY5E,IAAAmD,cAACxD,IAAI,CAACuF,SAAS,YAAYC,MAAO,KAAMlB,OAAQ,W,SElDrE,EAAU,CAEd,OAAiB,OACjB,WAAoB,GAEP,IAAI,IAAS,GAIX,IAAQnE,OC6HRsF,MA7HYlC,IACzB,MAAOmC,EAAWC,GAAgBC,mBAAS,SACpCC,EAAUC,GAAeF,oBAAS,GACnCG,EAAYC,iBAAkC,IAC9CC,EAAYD,iBAA8B,MAC1CE,EAAaF,iBAA8B,MAC3CG,EAAiBH,kBAAO,GAExBI,EAAkBC,sBAAY,IAC7BJ,EAAUK,QACRL,EAAUK,QAAQC,aADM,EAE9B,IAGHC,0BAAgB,KACd,IAAKT,EAAUO,SAAwC,IAA7BP,EAAUO,QAAQG,OAG1C,OAFAd,EAAa,aACbQ,EAAeG,SAAU,GAI3B,MAAMI,EAAeN,IACfO,EAAcZ,EAAUO,QAAQM,OAAO,CAACC,EAAMC,IAC7CA,EACED,EAAOC,EAAKC,aADDF,EAEjBH,GACCC,EAAc,GAChBhB,EAAgBgB,EAAH,MACbR,EAAeG,SAAU,IAEzBX,EAAa,QACbQ,EAAeG,SAAU,IAE1B,CAAC/C,EAAMyD,MAAOZ,IAGjB,MAAMa,EAAkBZ,sBAAaa,IACnC,MAAMR,EAAeN,IAEfO,EADQZ,EAAUO,QAAQpB,MAAMgC,GACZN,OAAO,CAACC,EAAMC,IACjCA,EACED,EAAOC,EAAKC,aADDF,EAEjBH,GACHf,EAAgBgB,EAAH,OACZ,IAGGQ,EAAkBd,sBACrBa,IACC,MAAMhD,EAAU6B,EAAUO,QAAQY,GAClC,IAAKhD,IAAYgC,EAAWI,QAAS,OAErC,GAAqB,IAAjBY,EAGF,OAFAhB,EAAWI,QAAQc,UAAY,OAC/BtB,GAAY,GAId,MAAMuB,EAAcnB,EAAWI,QAAQlC,wBAEjCgD,EADclD,EAAQE,wBAEdK,IACZ4C,EAAY5C,IACZyB,EAAWI,QAAQc,UACnBhB,IAEFF,EAAWI,QAAQc,UAAYA,EAC/BtB,EAAYsB,EAAY,IAE1B,CAAChB,IAGGkB,EAAsBjB,sBACzBa,GAAyB,KACxBD,EAAgBC,GAChBC,EAAgBD,IAElB,CAACD,EAAiBE,IAGdhF,EAAgBoF,IACV,SAANA,GACFC,UAAIC,2BAA2BC,gBAI7BzF,EAAcA,KAClBuF,UAAIC,2BAA2BE,WAAWhF,SAAS,qBAG/CiF,EAA4BC,GAA+B,KAC/DtE,EAAMuE,SAASD,IAGjB,OACExH,IAAAmD,cAAA,OACEE,UAAU,qBACVW,MAAO,CAAEqB,aACTzB,IAAKiC,EACL6B,gBAAelC,GAEfxF,IAAAmD,cAAA,OAAKE,UAAU,SAASO,IAAKgC,GAAW,qBAGvC1C,EAAMyD,MAAM7B,IAAI,CAAC0C,EAAMG,IACtB3H,IAAAmD,cAAA,OACE4B,IAAKyC,EAAKxC,GACVpB,IAAMA,IACJ8B,EAAUO,QAAQ0B,GAAS/D,IAG7B5D,IAAAmD,cAACuB,EAAoB,CACnBlD,aAAc+F,EAAyBC,GACvC5F,YAAaA,EACbE,aAAcA,EACdE,gBAAiBiF,EAAoBU,GACrC/C,SAAU4C,EAAKI,WACfjD,SAAU6C,EAAK7C,eC7BZkD,UAvFMA,KACnB,MAAMC,EAAKnC,iBAAkC,OACtCgB,EAAOoB,GAAYxC,mBAA0B,KAC7CyC,EAAOC,GAAY1C,mBAAwB,OAEhD2C,EACAC,GACE5C,mBAAgC,MAC9B6C,EAAezC,iBAA8B,MAEnD0C,oBAAU,KACJD,EAAanC,SACfkC,EAAuBC,EAAanC,SAGtC,MAAMqC,EAAOnB,UAAIC,2BACdmB,mBACH,GAAID,EAAM,CACRR,EAAG7B,QAAUqC,EACbP,EAASD,EAAG7B,QAAQU,MAAM6B,OAC1B,MAAMC,EAAsBX,EAAG7B,QAAQU,MAAM+B,UAAWC,IACtDZ,EAASY,KAGXV,EAASH,EAAG7B,QAAQ+B,MAAMQ,OAC1B,MAAMI,EAAsBd,EAAG7B,QAAQ+B,MAAMU,UAAWV,IACtDC,EAASD,KAIX,OAFAF,EAAG7B,QAAQ4C,OAEJ,KACLJ,IACAG,OAGH,IAEH,MAAME,EAAsBA,KAAM,IAAAC,EACtB,QAAVA,EAAAjB,EAAG7B,eAAO,IAAA8C,GAAVA,EAAYD,uBAGRhH,EAAgBoF,IACV,SAANA,GACFC,UAAIC,2BAA2BC,gBAI7BE,EAA4BC,IAA+B,IAAAwB,EACrD,QAAVA,EAAAlB,EAAG7B,eAAO,IAAA+C,GAAVA,EAAYzB,yBAAyBC,IA6BvC,OACExH,IAAAmD,cAAA,OAAKE,UAAU,sBACbrD,IAAAmD,cAACzD,IAAmB,CAACuJ,uBAAwBf,GA3B3CF,EAEAhI,IAAAmD,cAACQ,EAAgB,CACfnC,aAAcsH,EACdhH,aAAcA,IAKb6E,EAAM7B,IAAK0C,IAChB,OAAQA,EAAK0B,MACX,IAAK,qBACH,OACElJ,IAAAmD,cAACiC,EAAiB,CAChBL,IAAKyC,EAAK0B,KACVvC,MAAOa,EAAKb,MACZc,SAAUF,IAGhB,QACE,OAAO,QASTvH,IAAAmD,cAAA,OAAKE,UAAU","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":""}

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

@@ -1,2 +0,0 @@
-(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}}]);
-//# sourceMappingURL=9.maestro-web-sdk.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///./src/components/atoms/SvgIcon/index.ts","webpack:///./src/modules/maestro/hello-world/HelloWorldView.styles.css","webpack:///./src/modules/maestro/hello-world/HelloWorldView.styles.css?6c30","webpack:///./src/modules/maestro/hello-world/HelloWorldImage.tsx","webpack:///./src/modules/maestro/hello-world/HelloWorldView.tsx","webpack:///./src/modules/maestro/hello-world/index.ts"],"names":["Icon","___CSS_LOADER_EXPORT___","push","module","i","options","locals","HelloWorldImage","React","createElement","className","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","x","y","transform","filter","id","filterUnits","colorInterpolationFilters","floodOpacity","result","in","type","values","radius","operator","dy","stdDeviation","in2","mode","PANEL_TYPE_NAME_MAP","chat","shopifyBlockPanel","HelloWorldView","Component","constructor","props","super","vm","SDK","getMaestroEventViewModel","panelManagerViewModel","this","state","unlistedPanels","getUnlistedPanels","render","data-has-unlisted","length","p","map","panel","key","iconName"],"mappings":"0FAAA,YAEeA,MAAI,G,iCCFnB,2BAGIC,EAHJ,MAG8B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,EAAI,gwDAAiwD,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,yEAAyE,MAAQ,GAAG,SAAW,wvBAAwvB,eAAiB,CAAC,iwDAAiwD,WAAa,MAE76I,O,qFCJXC,EAAU,CAEd,OAAiB,OACjB,WAAoB,G,GAEP,IAAI,IAASA,GAIX,IAAQC,O,MCsJRC,MAhKSA,IAEpBC,IAAAC,cAAA,OAAKC,UAAU,qBACbF,IAAAC,cAAA,OACEE,MAAM,MACNC,OAAO,MACPC,QAAQ,cACRC,KAAK,OACLC,MAAM,8BAENP,IAAAC,cAAA,QACEO,EAAE,slBACFF,KAAK,YAEPN,IAAAC,cAAA,QACEO,EAAE,oFACFF,KAAK,UACLG,OAAO,UACPC,YAAY,YAEdV,IAAAC,cAAA,QACEO,EAAE,sRACFF,KAAK,YAEPN,IAAAC,cAAA,QACEU,EAAE,UACFC,EAAE,UACFT,MAAM,UACNC,OAAO,UACPS,UAAU,8BACVP,KAAK,YAEPN,IAAAC,cAAA,QACEU,EAAE,KACFC,EAAE,UACFT,MAAM,UACNC,OAAO,UACPS,UAAU,yBACVP,KAAK,YAEPN,IAAAC,cAAA,QACEU,EAAE,UACFC,EAAE,UACFT,MAAM,UACNC,OAAO,UACPS,UAAU,8BACVP,KAAK,YAEPN,IAAAC,cAAA,KAAGa,OAAO,6BACRd,IAAAC,cAAA,QACEE,MAAM,IACNC,OAAO,KACPS,UAAU,6CACVP,KAAK,aAGTN,IAAAC,cAAA,QACEU,EAAE,UACFC,EAAE,UACFT,MAAM,UACNC,OAAO,UACPS,UAAU,8BACVP,KAAK,YAEPN,IAAAC,cAAA,QACEU,EAAE,SACFC,EAAE,UACFT,MAAM,UACNC,OAAO,UACPS,UAAU,6BACVP,KAAK,YAEPN,IAAAC,cAAA,QACEU,EAAE,UACFC,EAAE,UACFT,MAAM,UACNC,OAAO,UACPS,UAAU,8BACVP,KAAK,YAEPN,IAAAC,cAAA,QACEU,EAAE,UACFC,EAAE,UACFT,MAAM,UACNC,OAAO,UACPS,UAAU,8BACVP,KAAK,YAEPN,IAAAC,cAAA,QACEU,EAAE,SACFC,EAAE,UACFT,MAAM,UACNC,OAAO,UACPS,UAAU,6BACVP,KAAK,YAEPN,IAAAC,cAAA,QACEU,EAAE,SACFC,EAAE,UACFT,MAAM,UACNC,OAAO,UACPS,UAAU,6BACVP,KAAK,YAEPN,IAAAC,cAAA,QACEU,EAAE,UACFC,EAAE,UACFT,MAAM,UACNC,OAAO,UACPS,UAAU,8BACVP,KAAK,YAEPN,IAAAC,cAAA,YACED,IAAAC,cAAA,UACEc,GAAG,sBACHJ,EAAE,KACFC,EAAE,KACFT,MAAM,KACNC,OAAO,KACPY,YAAY,iBACZC,0BAA0B,QAE1BjB,IAAAC,cAAA,WAASiB,aAAa,IAAIC,OAAO,uBACjCnB,IAAAC,cAAA,iBACEmB,GAAG,cACHC,KAAK,SACLC,OAAO,4CACPH,OAAO,cAETnB,IAAAC,cAAA,gBACEsB,OAAO,IACPC,SAAS,SACTJ,GAAG,cACHD,OAAO,iCAETnB,IAAAC,cAAA,YAAUwB,GAAG,MACbzB,IAAAC,cAAA,kBAAgByB,aAAa,QAC7B1B,IAAAC,cAAA,eAAa0B,IAAI,YAAYH,SAAS,QACtCxB,IAAAC,cAAA,iBACEoB,KAAK,SACLC,OAAO,oEAETtB,IAAAC,cAAA,WACE2B,KAAK,SACLD,IAAI,qBACJR,OAAO,iCAETnB,IAAAC,cAAA,WACE2B,KAAK,SACLR,GAAG,gBACHO,IAAI,+BACJR,OAAO,c,SC9IrB,MAAMU,EAAsB,CAC1BC,KAAM,OACNC,kBAAmB,WAGrB,MAAMC,UAAuBC,YAC3BC,YAAYC,GACVC,MAAMD,GACN,MAAME,EAAKC,UAAIC,2BAA2BC,sBAC1CC,KAAKC,MAAQ,CACXC,eAAgBN,EAAGO,qBAIvBC,SACE,MAAM,eAAEF,GAAmBF,KAAKC,MAEhC,OACE1C,IAAAC,cAAA,OACEC,UAAU,mBACV4C,oBAAmBH,EAAeI,OAAS,GAE3C/C,IAAAC,cAACF,EAAe,MAChBC,IAAAC,cAAA,OAAKC,UAAU,SAAQ,iBACvBF,IAAAC,cAAA,KAAGC,UAAU,gBAAe,2BAE1BF,IAAAC,cAAA,WAAM,wBAIP0C,EAAeI,OAAS,GACvB/C,IAAAC,cAAA,OAAKC,UAAU,sBACbF,IAAAC,cAAA,KAAGC,UAAU,wBAAuB,gDAElCF,IAAAC,cAAA,WACC,4CAEHD,IAAAC,cAAA,MAAIC,UAAU,oBACXyC,EACE7B,OAAQkC,GAAMA,EAAE3B,QAAQQ,GACxBoB,IAAKC,GACJlD,IAAAC,cAAA,MAAIkD,IAAKD,EAAM7B,KAAMnB,UAAU,OAC7BF,IAAAC,cAAA,OAAKC,UAAU,cACbF,IAAAC,cAACT,IAAI,CAAC4D,SAAUF,EAAM7B,KAAMlB,MAAO,GAAIC,OAAQ,MAEjDJ,IAAAC,cAAA,OAAKC,UAAU,eAEX2B,EACEqB,EAAM7B,aAcjBW,QCvEAA","file":"9.maestro-web-sdk.esm.js","sourcesContent":["import Icon from './Icon';\n\nexport default Icon;\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, \".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\":\"\"}]);\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!./HelloWorldView.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 from 'react';\n\nconst HelloWorldImage = () => {\n  return (\n    <div className=\"hello-world-image\">\n      <svg\n        width=\"376\"\n        height=\"236\"\n        viewBox=\"0 0 376 236\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          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\"\n          fill=\"#2D2D2D\"\n        />\n        <path\n          d=\"M262.396 50.3333L246.908 65.8205H262.396V80.7546H346.469V5.53113H262.396V50.3333Z\"\n          fill=\"#101113\"\n          stroke=\"#2D2D2D\"\n          strokeWidth=\"6.63736\"\n        />\n        <path\n          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\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"61.0623\"\n          y=\"56.4176\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 61.0623 56.4176)\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"50\"\n          y=\"42.0366\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 50 42.0366)\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"69.9121\"\n          y=\"47.5674\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 69.9121 47.5674)\"\n          fill=\"#2D2D2D\"\n        />\n        <g filter=\"url(#filter0_d_193_43290)\">\n          <rect\n            width=\"8\"\n            height=\"12\"\n            transform=\"matrix(4.37114e-08 1 1 -4.37114e-08 82 67)\"\n            fill=\"#21EFA3\"\n          />\n        </g>\n        <rect\n          x=\"58.8499\"\n          y=\"33.1868\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 58.8499 33.1868)\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"78.762\"\n          y=\"47.5677\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 78.762 47.5677)\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"67.6997\"\n          y=\"33.1868\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 67.6997 33.1868)\"\n          fill=\"#2D2D2D\"\n        />\n        <rect\n          x=\"256.865\"\n          y=\"8.84982\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 256.865 8.84982)\"\n          fill=\"#101113\"\n        />\n        <rect\n          x=\"343.15\"\n          y=\"8.84982\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 343.15 8.84982)\"\n          fill=\"#101113\"\n        />\n        <rect\n          x=\"343.15\"\n          y=\"86.2857\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 343.15 86.2857)\"\n          fill=\"#101113\"\n        />\n        <rect\n          x=\"256.865\"\n          y=\"86.2857\"\n          width=\"8.84982\"\n          height=\"8.84982\"\n          transform=\"rotate(-90 256.865 86.2857)\"\n          fill=\"#101113\"\n        />\n        <defs>\n          <filter\n            id=\"filter0_d_193_43290\"\n            x=\"64\"\n            y=\"50\"\n            width=\"48\"\n            height=\"44\"\n            filterUnits=\"userSpaceOnUse\"\n            colorInterpolationFilters=\"sRGB\"\n          >\n            <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n            <feColorMatrix\n              in=\"SourceAlpha\"\n              type=\"matrix\"\n              values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n              result=\"hardAlpha\"\n            />\n            <feMorphology\n              radius=\"3\"\n              operator=\"dilate\"\n              in=\"SourceAlpha\"\n              result=\"effect1_dropShadow_193_43290\"\n            />\n            <feOffset dy=\"1\" />\n            <feGaussianBlur stdDeviation=\"7.5\" />\n            <feComposite in2=\"hardAlpha\" operator=\"out\" />\n            <feColorMatrix\n              type=\"matrix\"\n              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\"\n            />\n            <feBlend\n              mode=\"normal\"\n              in2=\"BackgroundImageFix\"\n              result=\"effect1_dropShadow_193_43290\"\n            />\n            <feBlend\n              mode=\"normal\"\n              in=\"SourceGraphic\"\n              in2=\"effect1_dropShadow_193_43290\"\n              result=\"shape\"\n            />\n          </filter>\n        </defs>\n      </svg>\n    </div>\n  );\n};\n\nexport default HelloWorldImage;\n","import React, { Component } from 'react';\nimport './HelloWorldView.styles.css';\nimport SDK from '@/index';\nimport { PanelInfo } from '@/view-models/PanelManagerViewModel';\nimport HelloWorldImage from './HelloWorldImage';\nimport Icon from '@/components/atoms/SvgIcon';\n\ntype State = {\n  unlistedPanels: PanelInfo[];\n};\n\nconst PANEL_TYPE_NAME_MAP = {\n  chat: 'Chat',\n  shopifyBlockPanel: 'Shopify',\n} as const;\n\nclass HelloWorldView extends Component<{}, State> {\n  constructor(props: {}) {\n    super(props);\n    const vm = SDK.getMaestroEventViewModel().panelManagerViewModel;\n    this.state = {\n      unlistedPanels: vm.getUnlistedPanels(),\n    };\n  }\n\n  render() {\n    const { unlistedPanels } = this.state;\n\n    return (\n      <div\n        className=\"hello-world-view\"\n        data-has-unlisted={unlistedPanels.length > 0}\n      >\n        <HelloWorldImage />\n        <div className=\"title\">HELLO, WORLD!</div>\n        <p className=\"T20 subtitle\">\n          Panel component has been\n          <br />\n          installed correctly.\n        </p>\n\n        {unlistedPanels.length > 0 && (\n          <div className=\"unsupported-panels\">\n            <p className=\"T10 unsupported-text\">\n              However, some panels currently active on this\n              <br />\n              {\"channel aren't supported on this device:\"}\n            </p>\n            <ul className=\"unsupported-list\">\n              {unlistedPanels\n                .filter((p) => p.type in PANEL_TYPE_NAME_MAP)\n                .map((panel) => (\n                  <li key={panel.type} className=\"T10\">\n                    <div className=\"panel-icon\">\n                      <Icon iconName={panel.type} width={24} height={24} />\n                    </div>\n                    <div className=\"panel-title\">\n                      {\n                        PANEL_TYPE_NAME_MAP[\n                          panel.type as keyof typeof PANEL_TYPE_NAME_MAP\n                        ]\n                      }\n                    </div>\n                  </li>\n                ))}\n            </ul>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default HelloWorldView;\n","import HelloWorldView from './HelloWorldView';\n\nexport default HelloWorldView;\n"],"sourceRoot":""}

package/dist/package.json

@@ -1,94 +0,0 @@
-{
-    "name": "@maestro_io/maestro-web-sdk",
-    "private": false,
-    "version": "5.2.0",
-    "type": "commonjs",
-    "license": "MIT",
-    "main": "dist/maestro-web-sdk.umd.js",
-    "module": "dist/maestro-web-sdk.esm.js",
-    "types": "dist/index.d.ts",
-    "files": [
-        "dist"
-    ],
-    "exports": {
-        ".": {
-            "import": "./dist/maestro-web-sdk.esm.js",
-            "require": "./dist/maestro-web-sdk.umd.js",
-            "types": "./dist/index.d.ts"
-        }
-    },
-    "sideEffects": [
-        "*.css"
-    ],
-    "engines": {
-        "node": ">=10"
-    },
-    "scripts": {
-        "dev": "nodemon",
-        "sdk-only": "webpack-dev-server --config webpack/webpack.dev.js",
-        "lint": "eslint src --ext .ts,.tsx --ignore-pattern '**/*.test.*'",
-        "test": "jest",
-        "build": "webpack --config webpack/webpack.prod.js && tsc --emitDeclarationOnly --declarationDir dist/types && dts-bundle --name @maestro_io/maestro-web-sdk --main dist/types/src/index.d.ts --out ../../index.d.ts && rm -rf dist/types",
-        "types": "tsc -b",
-        "analyze": "ANALYZE=true webpack --config webpack/webpack.prod.js",
-        "format": "prettier --write .",
-        "format:check": "prettier --check ."
-    },
-    "devDependencies": {
-        "@babel/core": "7.12.3",
-        "@babel/plugin-proposal-class-properties": "7.12.1",
-        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
-        "@babel/preset-env": "7.12.1",
-        "@babel/preset-react": "7.12.1",
-        "@babel/preset-typescript": "7.12.1",
-        "@types/enzyme-adapter-react-16": "^1.0.6",
-        "@types/jest": "24.0.25",
-        "@types/node": "10",
-        "@types/prop-types": "^15.7.10",
-        "@types/react": "16.14.34",
-        "@types/react-dom": "16.9.18",
-        "@typescript-eslint/eslint-plugin": "2.34.0",
-        "@typescript-eslint/parser": "2.34.0",
-        "babel-jest": "26.6.3",
-        "babel-loader": "8",
-        "css-loader": "5",
-        "dts-bundle": "^0.7.3",
-        "enzyme": "3.11.0",
-        "enzyme-adapter-react-16": "1.15.7",
-        "eslint": "6.8.0",
-        "eslint-config-prettier": "6.0.0",
-        "eslint-plugin-react": "7.20.0",
-        "file-loader": "^6.2.0",
-        "globals": "^10",
-        "html-webpack-plugin": "4",
-        "husky": "^6.0.0",
-        "identity-obj-proxy": "^3.0.0",
-        "jest": "26.6.3",
-        "nodemon": "^3.1.9",
-        "prettier": "2.0.5",
-        "react-test-renderer": "16.14.0",
-        "style-loader": "2",
-        "tsconfig-paths-webpack-plugin": "^4.2.0",
-        "typescript": "^4",
-        "webpack": "4",
-        "webpack-bundle-analyzer": "3.9.0",
-        "webpack-cli": "3.3.12",
-        "webpack-dev-server": "3.11.2"
-    },
-    "dependencies": {
-        "@sentry/browser": "7.68.0",
-        "axios": "^0.27.2",
-        "prop-types": "15.8.1",
-        "react": "16.14.0",
-        "react-dom": "16.14.0"
-    },
-    "peerDependencies": {
-        "react": "^16.0.0",
-        "react-dom": "^16.0.0"
-    },
-    "resolutions": {
-        "sockjs-client": "1.5.1",
-        "cheerio": "0.22.0",
-        "@sentry/replay": "0.6.14"
-    }
-}

package/dist/src/components/atoms/BaseButton/BaseButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ButtonHTMLAttributes } from 'react';
-import './BaseButton.styles.css';
-declare class BaseButton extends React.Component<ButtonHTMLAttributes<HTMLButtonElement>> {
-    render(): JSX.Element;
-}
-export default BaseButton;

package/dist/src/components/atoms/BaseButton/BaseButton.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import './BaseButton.styles.css';
-import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
-class BaseButton extends React.Component {
-    render() {
-        const className = ['base-button', this.props.className].join(' ');
-        return (React.createElement(FocusableItem, null,
-            React.createElement("button", { ...this.props, className: className }, this.props.children)));
-    }
-}
-export default BaseButton;

package/dist/src/components/atoms/BaseButton/index.d.ts

@@ -1,2 +0,0 @@
-import BaseButton from './BaseButton';
-export default BaseButton;

package/dist/src/components/atoms/BaseButton/index.js

@@ -1,2 +0,0 @@
-import BaseButton from './BaseButton';
-export default BaseButton;

package/dist/src/components/atoms/Image/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ImgHTMLAttributes } from 'react';
-interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-}
-declare class Image extends React.Component<ImageProps> {
-    state: {
-        failed: boolean;
-    };
-    constructor(props: ImageProps);
-    handleError: () => void;
-    render(): JSX.Element | null;
-}
-export default Image;

package/dist/src/components/atoms/Image/index.js

@@ -1,34 +0,0 @@
-import React from 'react';
-class Image extends React.Component {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                failed: false,
-            }
-        });
-        Object.defineProperty(this, "handleError", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.setState({ failed: true });
-            }
-        });
-    }
-    render() {
-        if (this.state.failed) {
-            console.warn('Image failed to load:', this.props.src);
-            return null;
-        }
-        if (!this.props.src) {
-            console.warn('Image source is empty');
-            return null;
-        }
-        return (React.createElement("img", { alt: this.props.alt || 'Image', ...this.props, onError: this.handleError }));
-    }
-}
-export default Image;