{"version":3,"file":"js/react/mls-featured-match-v2-app.js?_t=0015ed60356f2ef35110","mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;AACA;AACA;AAIA;AAKA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAGA;AAEA;AAEA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AAEA;AAAA;AAKA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AAEA;AAEA;AAAA;AACA;AAIA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AASA;AAAA;AAAA;AACA;AAAA;AAEA;AAGA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAOA;AAGA;AAEA;;;;;;;;;;;;;;;;;;AC/NA;AAEA;AAAA;AAAA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2IA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkFA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;AClPA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAGA;AAQA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAKA;AAEA;;;;;;;;;;;;;;;;ACnCA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACRA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AAIA;AAGA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AAAA;AACA;AAGA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAGA;AAEA;AAAA;AACA;AAEA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAKA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AAOA;AAAA;AAGA;AAAA;AACA;AACA;AAGA;AACA;AAEA;AACA;AAAA;AAAA;AAEA;AAEA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AAGA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;AC7IA;AACA;AAGA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AAGA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAGA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;ACjEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AAEA;AAEA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AAGA;AAAA;AAGA;AACA;AAEA;;;;;;;;;;;;;;;;;;;AClEA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAKA;AACA;;;;;;;;;;;;;;;;;ACpBA;AACA;AAEA;AAAA;AACA;AACA;AACA;AAAA;AAKA;AACA;AAAA;AAAA;AAAA;AAAA;AAOA;;;;;;;;;;;;;;;;ACnBA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA;AAAA;AAEA;AAAA;AAEA;AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;AC5FA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;ACFA;AAGA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAEA;AACA;AAAA;AAGA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAIA;AAEA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AACA;AACA;AAGA;AAAA;AACA;AACA;AACA;AAGA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AACA;AAGA;;;;;;;;;;;;;;;;;ACrHA;AAEA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AAAA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BA;AAAA;AAGA;AAAA;AAEA;AAAA;;;;;;;;;;;;;;;;;;;;;ACnDA;AACA;AAGA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AAAA;AACA;AAEA;AAGA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAGA;AACA;AAEA;AAGA;AACA;AAEA;;;;;;;;;;;;;;;;;;;;AC5CA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAEA;AAGA;AAGA;AAEA;;;;;;;;;;;;;;;;;;;;;ACvBA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;;;AC1BA;AAEA;AAEA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;ACVA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAGA;AAAA;AACA;AAGA;AAmBA;AAEA;;;;;;;;;;;;;;;;;AC/DA;AACA;AAEA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;ACTA;AACA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAGA;AAEA;;;;;;;;;;;;;;;;;;ACzDA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BA;AAAA;AAIA;AAAA;AAAA;;;;;;;;;;;;;;;;;;AClCA;AAIA;AAEA;AAEA;AACA;AAUA;AAEA;;;;;;;;;;;;;;;;;;ACrBA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAGA;AAEA;;;;;;;;;;;;;;;;ACvBA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;;;;;;;;;;;;;;;;;;ACpBA;AAEA;AAAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA;AAAA;AAAA;AAEA;AAAA;AAEA;AAGA;AAAA;AAAA;AAEA;AAAA;AAEA;;;;;;;;;;;;;;;;;ACxBA;AAEA;AAAA;AAAA;AAAA;AAGA;AAAA;AAEA;AAEA;AAGA;;;;;;;;;;;;;;;;;ACZA;AACA;AAEA;AACA;AAKA;AAEA;;;;;;;;;;;;;;;;;;;ACXA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AAAA;AAGA;AAAA;AAAA;AAGA;AAEA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AAAA;AAAA;AAAA;AAGA;;;;;;;;;;;;;;;;;;ACpCA;AAIA;AAEA;AAEA;AACA;AAWA;AAEA;;;;;;;;;;;;;;;;;;;ACtBA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAEA;;;;;;;;;;;;;;;;ACvBA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;ACRA;AACA;AAEA;AAMA;;;;;;;;;;;;;;;;ACTA;AAEA;AACA;AAGA;AACA;AAAA;AAIA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;ACpBA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAGA;AACA;AAEA;AACA;AAAA;AACA;AAGA;AACA;AAEA;;;;;;;;;;;;;;;;;AC1BA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AAIA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAIA;;;;;;;;;;;;;;;;;AChEA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAIA;AAEA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAIA;;;;;;;;;;;;;;;;AC/DA;AAEA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAGA;AAGA;AAEA;;;;;;;;;;;;;;;;AC/BA;;;;;;;;;;;;;;;;ACAA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAIA;;;;;;;;;;;AChCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;ACpLA;AACA;AACA;AAGA;AACA","sources":["webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/app.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/FeaturedMatch/FeaturedMatch.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/FeaturedMatch/StyledFeaturedMatch.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/FeaturedMatchPromo/FeaturedMatchPromo.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/FeaturedMatchPromo/StyledFeaturedMatchPromo.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/FeaturedMatchWrapper/FeaturedMatchWrapper.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/FeaturedMatchWrapper/useFeaturedMatchOptions.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/FeaturedMatchWrapper/useNearMatches.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/MatchRoundInfo/MatchRoundInfo.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/MatchRoundInfo/StyledMatchRoundInfo.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/MatchTileWrapper/StyledMatchTileWrapper.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/PreviousFeaturedMatch/MatchLink/StyledMatchLink.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/PreviousFeaturedMatch/PreviousFeaturedMatch.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/PreviousFeaturedMatch/StyledPreviousFeaturedMatch.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/components/PreviousFeaturedMatch/useMergedMatch.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/main.js","webpack://@mlssoccer/netcore/./scripts/react/mls-featured-match-v2/utils.js","webpack://@mlssoccer/netcore/./scripts/react/mls-vertical-scoreboard/components/VerticalMatch/StyledVerticalMatch.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/AppleMatchBroadcaster/AppleMatchBroadcaster.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/AppleMatchBroadcaster/StyledAppleMatchBroadcaster.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/MatchTile/MatchTile.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/MatchTile/StyledMatchTile.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/SponsorV2/MatchPromo/MatchPromo.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/SponsorV2/MatchPromo/MatchPromoButton/MatchPromoButton.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/SponsorV2/MatchPromo/MatchPromoButton/StyledMatchPromoButton.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/SponsorV2/MatchPromo/StyledMatchPromo.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/SponsorV2/SupportCopy/StyledSupportCopy.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/SponsorV2/SupportCopy/SupportCopy.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/SponsorV2/SupportCopyCompact/StyledSupportCopyCompact.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/SponsorV2/SupportCopyCompact/SupportCopyCompact.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/SponsorV2/SupportCopyCompact/SupportCopyLogo.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/WhiteBox/StyledWhiteBox.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/WhiteBox/WhiteBox.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useInterval.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useIsMobile.js","webpack://@mlssoccer/netcore/./scripts/react/shared/svg/AppleTVIcon/AppleTVIcon.js","webpack://@mlssoccer/netcore/./scripts/react/shared/svg/AppleTVPlusIcon/AppleTVPlusIcon.js","webpack://@mlssoccer/netcore/./scripts/react/shared/svg/CloseIcon/CloseIcon.js","webpack://@mlssoccer/netcore/./scripts/react/shared/svg/CloseIcon/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/svg/RightArrowIcon/RightArrowIcon.js","webpack://@mlssoccer/netcore/./.yarn/cache/react-is-npm-16.13.1-a9b9382b4f-5aa564a1cd.zip/node_modules/react-is/cjs/react-is.development.js","webpack://@mlssoccer/netcore/./.yarn/cache/react-is-npm-16.13.1-a9b9382b4f-5aa564a1cd.zip/node_modules/react-is/index.js"],"sourcesContent":["export { default } from './main';","import React from \"react\";\nimport WhiteBox from \"../../../shared/components/WhiteBox/WhiteBox\";\nimport BlockheaderV2 from \"../../../shared/components/BlockheaderV2/BlockheaderV2\";\nimport {\n  StyledFeaturedMatch,\n  StyledFeaturedMatchHeader,\n  StyledSponsorWrapper,\n} from \"./StyledFeaturedMatch\";\nimport {\n  formatScores,\n  statusTypes,\n  useMatchData,\n} from \"../../../mls-match-list/utils\";\nimport VenueBroadcasterBar from \"../../../shared/components/VenueBroadcasterBar/VenueBroadcasterBar\";\nimport { useReactAppState } from \"../../../shared/containers/utils\";\nimport { getDateTranslation } from \"../../../mls-vertical-scoreboard/utils\";\n\nimport MatchButtonStreamer from \"../MatchButtonStreamer/MatchButtonStreamer\";\nimport { formatMatchMinutes } from \"../../../mls-match-summary/utils\";\nimport MatchTile from \"../../../shared/components/MatchTile/MatchTile\";\nimport StatusStamp from \"../../../shared/components/StatusStamp/StatusStamp\";\nimport { StyledMatchButtonStreamerWrapper } from \"../MatchButtonStreamer/StyledMatchButtonStreamer\";\nimport { StyledVerticalMatchExplainerBar } from \"../../../mls-vertical-scoreboard/components/VerticalMatch/StyledVerticalMatch\";\nimport ExplainerBar from \"../../../shared/components/ExplainerBar/ExplainerBar\";\nimport { StyledMatchTileWrapper } from \"../MatchTileWrapper/StyledMatchTileWrapper\";\nimport PreviousFeaturedMatch from \"../PreviousFeaturedMatch/PreviousFeaturedMatch\";\nimport { backgroundTypes } from \"../../../shared/styled/Theme\";\nimport { Link } from \"../../../shared/components/Link/Link\";\nimport SponsorV2 from \"../../../shared/components/SponsorV2/SponsorV2\";\nimport FeaturedMatchPromo from \"../FeaturedMatchPromo/FeaturedMatchPromo\";\nimport useIsMobile from \"../../../shared/hooks/useIsMobile\";\nimport MatchRoundInfo from \"../MatchRoundInfo/MatchRoundInfo\";\n\nfunction FeaturedMatch({\n  blockheaderTitle = \"\",\n  blockheaderSubtitle = \"\",\n  hideBlockheader = false,\n  previousMatches,\n  nextMatches,\n  queryClassName,\n  compactVersion,\n  isSmallContainer,\n  isExtraSmallContainer,\n  showClubRanks = false,\n  showCompetitionStage = false,\n  showRoundDetail = false,\n  showGroupInformation = false,\n}) {\n  const {\n    homeClubData,\n    awayClubData,\n    season,\n    slug,\n    status,\n    winnerStatus,\n    period,\n    resultType,\n    matchDateTime,\n    venue,\n    mediaProviders,\n    minuteDisplay,\n    competition,\n    appleSubscriptionTier,\n    promoInfo,\n    leagueMatchTitle,\n    roundName,\n    roundGroup,\n    competitionPhase,\n    homeClubRank,\n    awayClubRank,\n  } = useMatchData();\n\n  const { t, urlList, directoryList } = useReactAppState();\n\n  const { isHomeWinner, isAwayWinner } = winnerStatus || {};\n\n  const { homeScore, awayScore, shootoutResult } = formatScores({\n    homeClubData,\n    awayClubData,\n    period,\n    resultType,\n  });\n\n  const [minutes, extraMinutes] = formatMatchMinutes(minuteDisplay);\n\n  const { localTime } = matchDateTime || {};\n\n  const subtitle = getDateTranslation(localTime, t);\n\n  const { baseUrl } = urlList || {};\n  const { matchHubDir } = directoryList || {};\n  const { slug: competitionSlug } = competition || {};\n  const { optaId: seasonOptaId } = season || {};\n  const matchPageUrl = `${baseUrl}/${matchHubDir}/${competitionSlug}/${seasonOptaId}/matches/${slug}`;\n\n  const { shortName: homeShortName } = homeClubData || {};\n  const { shortName: awayShortName } = awayClubData || {};\n\n  const title = `${homeShortName} vs ${awayShortName}`;\n\n  const { sponsorImage, promotionalSponsor } = promoInfo;\n  const { assetUrl } = sponsorImage || {};\n\n  const hasShortName = compactVersion ? isSmallContainer : true;\n  const hasAbbreviation = compactVersion ? !isSmallContainer : false;\n  const showLiveDot = isExtraSmallContainer && compactVersion;\n  const isMobile = useIsMobile();\n\n  return (\n    <>\n      {previousMatches.length ? (\n        <WhiteBox className=\"mls-c-featured-match__previous\">\n          {previousMatches.map((match) => (\n            <PreviousFeaturedMatch\n              match={match}\n              key={match.optaId}\n              showLiveDot={showLiveDot}\n              isExtraSmallContainer={isExtraSmallContainer}\n            />\n          ))}\n        </WhiteBox>\n      ) : null}\n      <StyledFeaturedMatch\n        className={`mls-c-featured-match ${queryClassName} ${\n          isMobile ? \"--mobile\" : \"\"\n        }`}\n      >\n        <WhiteBox>\n          <Link url={matchPageUrl} title={title}>\n            <StyledFeaturedMatchHeader\n              className={`mls-c-featured-match__header ${queryClassName}`}\n            >\n              {!hideBlockheader && (\n                <BlockheaderV2\n                  title={\n                    blockheaderTitle || leagueMatchTitle || competition?.name\n                  }\n                  subtitle={blockheaderSubtitle || subtitle}\n                />\n              )}\n              <StyledSponsorWrapper className=\"mls-c-featured-match__sponsor\">\n                {assetUrl && !compactVersion && (\n                  <SponsorV2\n                    hasPresBy={false}\n                    templateUrl={assetUrl}\n                    url={promotionalSponsor?.url}\n                    accessibleText={promotionalSponsor?.accessibleText}\n                    openInNewTab={promotionalSponsor?.openInNewTab}\n                  />\n                )}\n              </StyledSponsorWrapper>\n            </StyledFeaturedMatchHeader>\n            <MatchRoundInfo\n              competitionPhase={showCompetitionStage ? competitionPhase : null}\n              roundName={showRoundDetail ? roundName : null}\n              roundGroup={showGroupInformation ? roundGroup : null}\n            />\n            <StyledMatchTileWrapper\n              className={`mls-c-match-tile-wrapper ${queryClassName}`}\n            >\n              {status?.abbreviation !== statusTypes.pre && (\n                <StatusStamp\n                  abbreviation={status?.abbreviation}\n                  minuteDisplay={minutes}\n                  extraMinutes={extraMinutes}\n                  showLiveDot={showLiveDot}\n                />\n              )}\n              <MatchTile\n                status={status}\n                homeClubData={homeClubData}\n                awayClubData={awayClubData}\n                isHomeWinner={isHomeWinner}\n                isAwayWinner={isAwayWinner}\n                homeScore={homeScore}\n                awayScore={awayScore}\n                hasShortName={hasShortName}\n                hasAbbreviation={hasAbbreviation}\n                homeClubRank={showClubRanks ? homeClubRank : null}\n                awayClubRank={showClubRanks ? awayClubRank : null}\n              />\n            </StyledMatchTileWrapper>\n            {status?.abbreviation === statusTypes.pre && (\n              <VenueBroadcasterBar\n                venue={venue}\n                mediaProviders={mediaProviders}\n                appleSubscriptionTier={appleSubscriptionTier}\n                breakStadiumAndBroadcaster\n              />\n            )}\n            {shootoutResult && (\n              <StyledVerticalMatchExplainerBar>\n                <ExplainerBar text={shootoutResult} />\n              </StyledVerticalMatchExplainerBar>\n            )}\n          </Link>\n          <StyledMatchButtonStreamerWrapper\n            className={`mls-c-matchbutton --${status?.abbreviation}`}\n          >\n            <MatchButtonStreamer backgroundColor={backgroundTypes.black} />\n          </StyledMatchButtonStreamerWrapper>\n          <FeaturedMatchPromo compactVersion={compactVersion} />\n        </WhiteBox>\n      </StyledFeaturedMatch>\n      {nextMatches.length ? (\n        <WhiteBox className=\"mls-c-featured-match__previous\">\n          {nextMatches.map((match) => (\n            <PreviousFeaturedMatch\n              match={match}\n              key={match.optaId}\n              showLiveDot={showLiveDot}\n              isExtraSmallContainer={isExtraSmallContainer}\n            />\n          ))}\n        </WhiteBox>\n      ) : null}\n    </>\n  );\n}\n\n// eslint-disable-next-line no-func-assign\nFeaturedMatch = React.memo(FeaturedMatch);\n\nexport default FeaturedMatch;\n","import styled from \"styled-components\";\n\nexport const StyledFeaturedMatch = styled.div`\n  width: 100%;\n  -webkit-text-size-adjust: 100%;\n  margin-top: ${({ theme }) => theme.mixins.pxToRem(theme.figma.base.scale_2)};\n\n  margin-bottom: ${({ theme }) =>\n    theme.mixins.pxToRem(theme.figma.base.scale_2)};\n\n  .mls-c-whitebox {\n    justify-content: space-between;\n    position: relative;\n\n    &.mls-c-featured-match__previous {\n      padding: 8px 12px;\n      min-height: 60px;\n    }\n  }\n  a {\n    width: 100%;\n  }\n\n  .mls-c-match-promo {\n    margin-top: 10px;\n\n    .mls-c-match-promo__promo-link-button {\n      margin-top: 12px;\n    }\n  }\n\n  .mls-c-match-promo__support {\n    margin: 12px auto 0;\n  }\n\n  .mls-c-match-promo__support-compact {\n    margin: 12px auto 0;\n  }\n\n  .mls-c-blockheader__subtitle {\n    text-transform: capitalize;\n  }\n\n  .mls-c-venue-broadcaster-bar-wrapper {\n    justify-content: center;\n  }\n\n  .mls-c-venue-broadcaster-bar.--single-broadcaster {\n    margin-top: 16px;\n    margin-bottom: 16px;\n  }\n\n  &.xs,\n  &.xxs,\n  &.sm {\n    .mls-c-venue-broadcaster-bar.--single-broadcaster {\n      margin-top: 24px;\n      margin-bottom: 16px;\n    }\n    .mls-c-venue-broadcaster-bar-wrapper {\n      flex-direction: column;\n      margin-top: 24px;\n      margin-bottom: 16px;\n\n      .mls-c-venue-broadcaster-bar__dot {\n        display: none;\n      }\n    }\n    &.--compact {\n      .mls-c-featured-match {\n        .mls-c-club {\n          &.--away,\n          &.--home {\n            max-width: 110px;\n          }\n        }\n      }\n\n      .mls-c-featured-match.--mobile {\n        .mls-c-match-tile {\n          padding: 0px;\n\n          .mls-c-club {\n            &.--away {\n              margin-left: 4px;\n\n              .mls-c-club__picture {\n                margin-right: 0;\n              }\n            }\n\n            &.--home {\n              margin-right: 4px;\n\n              .mls-c-club__picture {\n                margin-left: 0;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &.xxs {\n    .mls-c-match-promo {\n      width: auto;\n\n      .mls-c-match-promo__promo-link-button {\n        width: 100%;\n      }\n    }\n    .mls-c-match-promo__support {\n      width: 100%;\n    }\n  }\n\n  &.--compact {\n    .mls-c-featured-match {\n      .mls-c-match-tile-wrapper {\n        align-items: center;\n        margin-top: 8px;\n      }\n\n      .mls-c-status-stamp__status.-post {\n        display: none;\n      }\n\n      .mls-c-match-tile {\n        justify-content: center;\n      }\n\n      .mls-c-venue-broadcaster-bar-wrapper {\n        margin-top: 8px;\n        margin-bottom: 8px;\n      }\n\n      .mls-c-scorebug {\n        width: 62px;\n        height: 30px;\n      }\n\n      .mls-c-match-tile {\n        .mls-c-club {\n          .mls-c-club__shortname,\n          .mls-c-club__abbreviation {\n            font-size: ${({ theme }) =>\n              theme.mixins.pxToRem(theme.figma.base.scale_2_50)};\n\n            line-height: ${({ theme }) =>\n              theme.mixins.pxToRem(theme.figma.base.scale_2_50)};\n          }\n\n          .mls-c-club__abbreviation {\n            width: auto;\n          }\n\n          &.--home {\n            justify-content: flex-start;\n            min-height: 46px;\n            flex-direction: row-reverse;\n            max-width: 200px;\n\n            .mls-c-club__abbreviation {\n              display: block;\n              margin-right: 4px;\n            }\n\n            .mls-c-club__picture {\n              margin-left: 5px;\n            }\n          }\n\n          &.--away {\n            justify-content: flex-start;\n            min-height: 46px;\n            flex-direction: row;\n            max-width: 200px;\n\n            .mls-c-club__abbreviation {\n              display: block;\n              margin-left: 4px;\n            }\n\n            .mls-c-club__picture {\n              margin-right: 5px;\n            }\n          }\n\n          .mls-c-club__picture {\n            width: 32px;\n          }\n        }\n      }\n\n      .mls-c-status-stamp__status.-live {\n        position: relative;\n      }\n\n      .mls-c-scorebug {\n        padding-bottom: 0px;\n\n        &.mls-c-scorebug--horizontal {\n          transform: none;\n        }\n      }\n\n      .mls-c-whitebox {\n        min-height: 167px;\n      }\n    }\n\n    &.featuredMatchXxs {\n      .mls-c-match-tile {\n        .mls-c-club {\n          &.--home,\n          &.--away {\n            .mls-c-club__picture {\n              margin-left: 0px;\n              margin-right: 0px;\n            }\n          }\n        }\n      }\n\n      .mls-c-venue-broadcaster-bar {\n        margin: 8px 0;\n      }\n    }\n  }\n`;\n\nexport const StyledFeaturedMatchHeader = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  box-sizing: border-box;\n  border-bottom: 1px solid rgba(221, 221, 221, 1);\n  padding-bottom: 10px;\n`;\n\nexport const StyledSponsorWrapper = styled.div`\n  width: 46px;\n  height: 28px;\n  margin-left: auto;\n  z-index: 1;\n`;\n","import React from \"react\";\nimport SupportCopy from \"../../../shared/components/SponsorV2/SupportCopy/SupportCopy\";\nimport MatchPromo from \"../../../shared/components/SponsorV2/MatchPromo/MatchPromo\";\nimport { useMatchData } from \"../../../mls-match-list/utils\";\nimport SupportCopyCompact from \"../../../shared/components/SponsorV2/SupportCopyCompact/SupportCopyCompact\";\nimport { StyledStyledFeaturedMatchPromo } from \"./StyledFeaturedMatchPromo\";\n\nfunction FeaturedMatchPromo({ compactVersion }) {\n  const { promoInfo } = useMatchData();\n  const { matchPromo, promotionalSponsor, sponsorImage } = promoInfo || {};\n  const { displayText } = promotionalSponsor || {};\n  const { assetUrl } = sponsorImage || {};\n\n  if (!assetUrl && !displayText && !matchPromo) {\n    return null;\n  }\n\n  return (\n    <StyledStyledFeaturedMatchPromo>\n      {compactVersion ? (\n        <SupportCopyCompact displayText={displayText} assetUrl={assetUrl} />\n      ) : displayText ? (\n        <SupportCopy displayText={displayText} />\n      ) : null}\n      {matchPromo && !compactVersion && (\n        <MatchPromo\n          headline={matchPromo.headline}\n          description={matchPromo.description}\n          callToAction1={matchPromo.callToAction1}\n        />\n      )}\n    </StyledStyledFeaturedMatchPromo>\n  );\n}\n\nexport default FeaturedMatchPromo;\n","import styled from \"styled-components\";\n\nexport const StyledStyledFeaturedMatchPromo = styled.div`\n  width: 100%;\n\n  .mls-c-match-promo {\n    padding: 16px;\n    border-radius: 5px;\n    background-color: ${({ theme }) => theme.rgba.white_240};\n\n    .mls-c-match-promo__promo-link-button {\n      margin-top: 12px;\n    }\n  }\n`;\n","import classNames from \"classnames\";\nimport React, { useState } from \"react\";\nimport { useQuery } from \"react-query\";\nimport MatchDataLayer from \"../../../mls-match-list/components/MatchDataLayer\";\nimport { composeMatchStatus, periodTypes } from \"../../../mls-match-list/utils\";\nimport { fetchClient } from \"../../../shared/api/fetching\";\nimport {\n  d3SingleMatchAPI,\n  mlsSingleMatchStatsAPI,\n} from \"../../../shared/api/variables\";\nimport { useReactAppState } from \"../../../shared/containers/utils\";\nimport { mergeMlsMatchAPIResults } from \"../../../shared/match/utils\";\nimport FeaturedMatch from \"../FeaturedMatch/FeaturedMatch\";\nimport { StyledFeaturedMatch } from \"../FeaturedMatch/StyledFeaturedMatch\";\nimport useNearMatches from \"./useNearMatches\";\nimport { useContainerQuery } from \"react-container-query\";\nimport {\n  featuredMatchCustomQueries,\n  isD3Column9,\n  isFeaturedMatchXxs,\n} from \"../../utils\";\n\nfunction FeaturedMatchWrapper({ options }) {\n  const { apiList } = useReactAppState();\n  const [params, containerRef] = useContainerQuery(featuredMatchCustomQueries);\n\n  const { statsAPI, d3SportsAPI } = apiList || {};\n  const matchOptaId = options?.optaId;\n  const {\n    previousMatchesCount,\n    nextMatchesCount,\n    clubOptaId,\n    competitionOptaId,\n    compactVersion,\n    showClubRanks,\n    showCompetitionStage,\n    showRoundDetail,\n    showGroupInformation,\n  } = options || {};\n\n  const [refetchInterval, setRefetchInterval] = useState(60000);\n\n  const mlsMatchEndpoint = mlsSingleMatchStatsAPI({\n    matchOptaId,\n  });\n\n  const { data: statsAPIMatch } = useQuery({\n    queryKey: [`mls-match`, { matchOptaId }],\n    queryFn: () =>\n      fetchClient({ endpoint: mlsMatchEndpoint, apiURL: statsAPI }),\n    select: (data) => (data && data.length > 0 ? data[0] : null),\n    enabled: !!matchOptaId,\n    refetchInterval,\n  });\n\n  const matchEndpoint = d3SingleMatchAPI({ matchOptaId });\n\n  const { data: sportAPIMatch } = useQuery({\n    queryKey: [`d3-match`, { matchOptaId }],\n    queryFn: () =>\n      fetchClient({ endpoint: matchEndpoint, apiURL: d3SportsAPI }),\n  });\n\n  const [previousMatches, nextMatches] = useNearMatches({\n    matchOptaId,\n    matchDate: options?.matchDate,\n    previousMatchesCount: Number(previousMatchesCount) || 0,\n    nextMatchesCount: Number(nextMatchesCount) || 0,\n    competitionOptaId,\n    clubOptaId,\n  });\n\n  const mergedMatch =\n    sportAPIMatch && statsAPIMatch\n      ? mergeMlsMatchAPIResults({ sportAPIMatch, statsAPIMatch })\n      : null;\n\n  if (!matchOptaId) {\n    return null;\n  }\n\n  if (!mergedMatch) {\n    return null;\n  }\n\n  if (\n    !!refetchInterval &&\n    (statsAPIMatch?.period === periodTypes.FullTime ||\n      statsAPIMatch?.period === periodTypes.Cancelled ||\n      statsAPIMatch?.period === periodTypes.Abandoned ||\n      statsAPIMatch?.period === periodTypes.Postponed)\n  ) {\n    setRefetchInterval(null);\n  }\n\n  const matchStatus = composeMatchStatus({\n    period: mergedMatch?.period,\n    delayedMatch: mergedMatch?.delayedMatch,\n  });\n\n  const isSmallContainer = isD3Column9(params);\n  const isExtraSmallContainer = isFeaturedMatchXxs(params);\n\n  return Object.keys(mergedMatch)?.length ? (\n    <StyledFeaturedMatch\n      className={`mls-c-featured-match__wrapper ${classNames(params)} ${\n        options.compactVersion ? \"--compact\" : \"\"\n      }`}\n      ref={containerRef}\n    >\n      <MatchDataLayer\n        queryClassName={classNames(params)}\n        useEmptyClasses\n        match={mergedMatch}\n        matchOptaId={matchOptaId}\n        matchStatus={matchStatus}\n        useMatchData\n      >\n        <FeaturedMatch\n          showClubRanks={showClubRanks}\n          showCompetitionStage={showCompetitionStage}\n          showRoundDetail={showRoundDetail}\n          showGroupInformation={showGroupInformation}\n          hideBlockheader={options?.hideBlockheader}\n          blockheaderTitle={options?.blockheaderTitle}\n          blockheaderSubtitle={options?.blockheaderSubtitle}\n          previousMatches={previousMatches}\n          nextMatches={nextMatches}\n          queryClassName={classNames(params)}\n          compactVersion={compactVersion}\n          isSmallContainer={isSmallContainer}\n          isExtraSmallContainer={isExtraSmallContainer}\n        />\n      </MatchDataLayer>\n    </StyledFeaturedMatch>\n  ) : null;\n}\n\n// eslint-disable-next-line no-func-assign\nFeaturedMatchWrapper = React.memo(FeaturedMatchWrapper);\n\nexport default FeaturedMatchWrapper;\n","import { useQuery } from \"react-query\";\nimport { fetchClient } from \"../../../shared/api/fetching\";\nimport {\n  getMatchDayRange,\n  getNearestMatches,\n} from \"../../../mls-vertical-scoreboard/utils.js\";\nimport { useReactAppState } from \"../../../shared/containers/utils.js\";\nimport { d3DateRangeScoreboardAPI } from \"../../../shared/api/variables.js\";\nimport { getNearestFeaturedMatch, groupMatchesByDate } from \"./utils\";\n\nconst DATES_RANGE = 60;\n\nfunction useFeaturedMatchOptions(options) {\n  const { apiList } = useReactAppState();\n  const { d3SportsAPI } = apiList || {};\n\n  const { from, to } = getMatchDayRange(DATES_RANGE);\n\n  const matchesDateFromToEndpoint = d3DateRangeScoreboardAPI({\n    excludeSecondaryTeams: true,\n    extendDays: true,\n    excludeVenue: true,\n    roundNumber: null,\n    isoStringRE: to,\n    isoStringRS: from,\n    competitionOptaId: options.competitionOptaId,\n    clubOptaId: options.clubOptaId,\n  });\n\n  const { data: nearestMatch, isLoading } = useQuery({\n    queryKey: [`d3-featured-match`, { from, to }],\n    queryFn: () =>\n      fetchClient({\n        endpoint: matchesDateFromToEndpoint ? matchesDateFromToEndpoint : null,\n        apiURL: d3SportsAPI,\n      }),\n    select: (matches) => {\n      const nearestMatches = getNearestMatches(matches);\n\n      if (Array.isArray(nearestMatches)) {\n        const groupedMatches = groupMatchesByDate(nearestMatches, false);\n        const nearestMatch = getNearestFeaturedMatch(groupedMatches);\n\n        return nearestMatch;\n      }\n    },\n    enabled: !options.optaId,\n  });\n\n  if (!options.optaId && isLoading) {\n    return null;\n  }\n\n  const featuredMatchOptions = options.optaId\n    ? options\n    : {\n        ...options,\n        matchSlug: nearestMatch.slug,\n        matchDate: nearestMatch.matchDate,\n        optaId: nearestMatch.optaId,\n      };\n\n  return featuredMatchOptions;\n}\n\nexport default useFeaturedMatchOptions;\n","import dayjs from \"dayjs\";\nimport { addMonths, formatISO, subMonths } from \"date-fns\";\nimport { apiURL, d3DateRangeAPI } from \"../../../shared/api/variables\";\nimport { filterTypes } from \"../../../shared/utils\";\nimport { useQuery } from \"react-query\";\nimport { fetchClient } from \"../../../shared/api/fetching\";\nimport { useMemo } from \"react\";\n\nfunction useNearMatches({\n  matchOptaId,\n  matchDate,\n  previousMatchesCount = 0,\n  nextMatchesCount = 0,\n  competitionOptaId = null,\n  clubOptaId = null,\n}) {\n  const currentDate =\n    matchDate && matchOptaId ? dayjs(matchDate).toDate() : dayjs().toDate();\n  const previousMonth = dayjs(subMonths(currentDate, 1)).toDate();\n  const nextMonths = dayjs(addMonths(currentDate, 11)).toDate();\n\n  const dateEndpoint = d3DateRangeAPI({\n    isoStringRE: formatISO(nextMonths),\n    isoStringRS: formatISO(previousMonth),\n    competitionOptaId: competitionOptaId || filterTypes.allCompetitions,\n    clubOptaId: clubOptaId || NaN,\n    excludeSecondaryTeams: true,\n    extendDays: true,\n  });\n\n  const { data: matches } = useQuery({\n    queryKey: [`d3-featured-matches-${currentDate}`],\n    queryFn: () =>\n      fetchClient({ endpoint: dateEndpoint, apiURL: apiURL.d3SportsAPI }),\n    select: (matches) => {\n      return matches?.sort(\n        (a, b) => dayjs(a?.matchDate)?.toDate() - dayjs(b?.matchDate)?.toDate()\n      );\n    },\n  });\n\n  const [previousMatches, nextMatches] = useMemo(() => {\n    let previousMatches = [];\n    let nextMatches = [];\n\n    matches?.forEach((match, idx) => {\n      if (Number(match.optaId) === Number(matchOptaId)) {\n        if (idx >= previousMatchesCount) {\n          const from = idx - previousMatchesCount;\n          const to = idx;\n          previousMatches = [...matches].slice(from, to);\n        }\n        if (matches.length >= idx + nextMatchesCount) {\n          const from = idx + 1;\n          const to = from + nextMatchesCount;\n          nextMatches = [...matches].slice(from, to);\n        }\n      }\n    });\n\n    return [previousMatches, nextMatches];\n  }, [matches, matchOptaId, previousMatchesCount, nextMatchesCount]);\n\n  return [previousMatches, nextMatches];\n}\n\nexport default useNearMatches;\n","import React from \"react\";\nimport { StyledMatchRoundInfo } from \"./StyledMatchRoundInfo\";\nimport { useReactAppState } from \"../../../shared/containers/utils\";\nimport { slugifyMatch } from \"../../../mls-match-list/utils\";\n\nconst MatchRoundInfo = ({\n  competitionPhase = null,\n  roundName = null,\n  roundGroup = null,\n}) => {\n  const { t } = useReactAppState();\n  const roundInfo = [t(slugifyMatch(competitionPhase)), t(slugifyMatch(roundName)), t(slugifyMatch(roundGroup))];\n  const composedInfo = roundInfo.filter((x) => x).join(\" • \");\n\n  return (\n    <StyledMatchRoundInfo className=\"mls-c-match-round-info\">\n      {composedInfo}\n    </StyledMatchRoundInfo>\n  );\n};\nexport default MatchRoundInfo;\n","import styled from \"styled-components\";\nimport { themeTypes } from \"../../../shared/styled/Theme\";\n\nconst StyledMatchRoundInfo = styled.div`\n  font-family: ${(props) => props.theme.figma.base.fontfamily_mlstifo_headline};\n  font-size: ${(props) => props.theme.mixins.pxToRem(12)};\n  line-height: ${(props) => props.theme.figma.base.scale_1_75}px;\n  letter-spacing: 0.04em;\n  color: ${(props) =>\n    props.theme.type == themeTypes.light\n      ? props.theme.figma.base.color_black_100\n      : props.theme.figma.base.color_white_100};\n  opacity: ${(props) => (props.theme.type == themeTypes.light ? 0.45 : 0.6)};\n  font-weight: 500;\n  text-align: center;\n  position: relative;\n  padding-top: 16px;\n`;\n\nexport { StyledMatchRoundInfo };\n","import styled from \"styled-components\";\n\nexport const StyledMatchTileWrapper = styled.div`\n  position: relative;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  margin-top: 16px;\n\n  .mls-c-status-stamp__status {\n    position: absolute;\n    top: 12.5%;\n    &.-live {\n      top: 6.5%;\n    }\n    &.-delay,\n    &.-canc,\n    &.-aban,\n    &.-ppd {\n      top: 45%;\n      color: #808080;\n      font-size: ${(props) => props.theme.mixins.pxToRem(11)};\n    }\n    &.-delay {\n      top: 30%;\n    }\n    &.-aban {\n      top: 15%;\n    }\n  }\n\n  .mls-c-match-tile {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    box-sizing: border-box;\n    justify-content: space-between;\n    padding: 0 8px;\n    font-family: ${(props) =>\n      props.theme.figma.base.fontfamily_mlstifo_standard};\n    font-weight: bold;\n    font-size: ${(props) => props.theme.mixins.pxToRem(18)};\n    line-height: 18px;\n    color: ${(props) => props.theme.figma.base.color_offblack_100};\n\n    &.--post .--home-loser,\n    &.--post .--away-loser {\n      color: ${(props) => props.theme.figma.base.color_offblack_50};\n    }\n\n    &.--canc,\n    &.--ppd {\n      .mls-c-scorebug {\n        display: none;\n      }\n    }\n\n    .mls-c-club.--home,\n    .mls-c-club.--away {\n      flex-direction: column;\n      flex: 1;\n      height: 100%;\n      max-width: 110px;\n      .mls-c-club__shortname,\n      .mls-c-club__abbreviation {\n        margin: 0;\n        text-align: center;\n      }\n    }\n\n    .mls-c-club__picture {\n      margin-top: 4px;\n      max-width: 84px;\n      max-height: 84px;\n      width: 100%;\n    }\n\n    .mls-c-scorebug {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      transform: scale(1.25);\n      gap: 4px;\n      padding-bottom: 12px;\n    }\n\n    &.--pre,\n    &.--delay {\n      .mls-c-scorebug {\n        transform: scale(1.75);\n        padding-bottom: 0;\n        & span {\n          color: ${(props) => props.theme.figma.base.color_black_100};\n        }\n      }\n    }\n  }\n  &.xxs {\n    .mls-c-club__shortname {\n      display: none;\n    }\n    .mls-c-match-tile {\n      padding: 0;\n      .mls-c-scorebug {\n        padding-bottom: 0;\n      }\n      .mls-c-club {\n        max-width: 80px;\n      }\n    }\n  }\n\n  &.xs {\n    .mls-c-club__shortname {\n      bottom: 0;\n    }\n    .mls-c-club.--home,\n    .mls-c-club.--away {\n      min-height: 114px;\n    }\n  }\n\n  &.xs,\n  &.sm,\n  &.md,\n  &.lg,\n  &.xl,\n  &.xxl {\n    .mls-c-club__abbreviation {\n      display: none;\n    }\n  }\n`;\n","import styled from \"styled-components\";\n\nexport const StyledMatchLink = styled.div`\n  width: 100%;\n\n  a {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n  }\n`;\n","import React from \"react\";\nimport {\n  StyledPreviousFeaturedMatch,\n  StyledPreviousFeaturedMatchWrapper,\n} from \"./StyledPreviousFeaturedMatch\";\nimport MatchDataLayer from \"../../../mls-match-list/components/MatchDataLayer\";\nimport { formatScores, useMatchData } from \"../../../mls-match-list/utils\";\nimport AppleMatchBroadcaster from \"../../../shared/components/AppleMatchBroadcaster/AppleMatchBroadcaster\";\nimport MatchTile from \"../../../shared/components/MatchTile/MatchTile\";\nimport { Link } from \"../../../shared/components/Link/Link\";\nimport StatusStamp from \"../../../shared/components/StatusStamp/StatusStamp\";\nimport useMergedMatch from \"./useMergedMatch\";\nimport { StyledMatchLink } from \"./MatchLink/StyledMatchLink\";\n\nconst MAX_XXS_ABBREVIATED_LENGTH = 3;\n\nfunction PreviousFeaturedMatch({ match, showLiveDot, isExtraSmallContainer }) {\n  const mergedMatch = useMergedMatch(match.optaId);\n\n  if (!mergedMatch) {\n    return null;\n  }\n\n  return (\n    <StyledPreviousFeaturedMatch className=\"mls-c-featured-match__prev\">\n      <MatchDataLayer\n        useEmptyClasses\n        useMatchData\n        match={mergedMatch}\n        matchOptaId={match.optaId}\n      >\n        <FeaturedMatch\n          match={match}\n          showLiveDot={showLiveDot}\n          isExtraSmallContainer={isExtraSmallContainer}\n        />\n      </MatchDataLayer>\n    </StyledPreviousFeaturedMatch>\n  );\n}\n\nexport default PreviousFeaturedMatch;\n\nfunction FeaturedMatch({ position, showLiveDot, isExtraSmallContainer }) {\n  const {\n    homeClubData,\n    awayClubData,\n    status,\n    slug,\n    period,\n    resultType,\n    matchPageUrl,\n    appleSubscriptionTier,\n    appleStreamURL,\n    winnerStatus,\n    matchDateTime,\n  } = useMatchData();\n  const { isHomeWinner, isAwayWinner } = winnerStatus || {};\n\n  const { homeScore, awayScore } = formatScores({\n    homeClubData,\n    awayClubData,\n    period,\n    resultType,\n  });\n\n  const trackingData = {\n    id: slug,\n    creative: \"match\",\n    position,\n  };\n\n  const trackingClickData = {\n    clickItem: \"match\",\n    match: slug,\n    matchState: status?.abbreviation,\n  };\n\n  const abbreviatePostMatch =\n    isExtraSmallContainer &&\n    (homeClubData?.abbreviation?.length > MAX_XXS_ABBREVIATED_LENGTH ||\n      awayClubData?.abbreviation?.length > MAX_XXS_ABBREVIATED_LENGTH);\n\n  return (\n    <StyledPreviousFeaturedMatchWrapper\n      className=\"mls-c-vertical-match\"\n      data-tracking-block-impression={JSON.stringify(trackingData)}\n      data-tracking-block-click={JSON.stringify(trackingClickData)}\n    >\n      <StatusStamp\n        time={matchDateTime?.date}\n        abbreviation={status?.abbreviation}\n        showLiveDot={showLiveDot}\n        abbreviatePostMatch={abbreviatePostMatch}\n      />\n      <StyledMatchLink>\n        <Link url={matchPageUrl}>\n          <MatchTile\n            status={status}\n            homeClubData={homeClubData}\n            awayClubData={awayClubData}\n            isHomeWinner={isHomeWinner}\n            isAwayWinner={isAwayWinner}\n            homeScore={homeScore}\n            awayScore={awayScore}\n            hasAbbreviation\n          />\n        </Link>\n      </StyledMatchLink>\n      <AppleMatchBroadcaster\n        status={status}\n        broadcaster={appleSubscriptionTier}\n        url={appleStreamURL}\n        matchPageUrl={matchPageUrl}\n      />\n    </StyledPreviousFeaturedMatchWrapper>\n  );\n}\n","import styled from \"styled-components\";\n\nexport const StyledPreviousFeaturedMatch = styled.div`\n  width: 100%;\n  background-color: ${({ theme }) => theme.figma.base.color_white_100};\n\n  .mls-c-scorebug {\n    padding-bottom: 0;\n  }\n\n  .mls-c-vertical-match {\n    border-bottom: 1px solid\n      ${(props) => props.theme.figma.base.color_offwhite_100};\n  }\n`;\n\nexport const StyledPreviousFeaturedMatchWrapper = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  min-height: 44px;\n\n  .mls-c-vertical-match-time {\n    position: absolute;\n    left: 0;\n  }\n\n  .mls-c-status-stamp__status {\n    position: absolute;\n    left: 0;\n  }\n\n  .mls-c-vertica-match-broadcaster {\n    position: absolute;\n    right: 0;\n  }\n\n  .mls-c-club__picture,\n  picture {\n    width: 28px;\n  }\n\n  .mls-c-status-stamp__status.-pre {\n    font-size: ${({ theme }) =>\n      theme.mixins.pxToRem(theme.figma.base.scale_1_375)};\n\n    line-height: ${({ theme }) =>\n      theme.mixins.pxToRem(theme.figma.base.scale_1_375)};\n\n    color: ${({ theme }) => theme.figma.base.color_black_25};\n  }\n`;\n","import { useMemo } from \"react\";\nimport { useQuery } from \"react-query\";\nimport {\n  d3SingleMatchAPI,\n  mlsSingleMatchStatsAPI,\n} from \"../../../shared/api/variables\";\nimport { useReactAppState } from \"../../../shared/containers/utils\";\nimport { mergeMlsMatchAPIResults } from \"../../../shared/match/utils\";\nimport { fetchClient } from \"../../../shared/api/fetching\";\n\nconst REFETCH_INTERVAL = 60000;\n\nfunction useMergedMatch(matchOptaId) {\n  const { apiList } = useReactAppState();\n  const { statsAPI, d3SportsAPI } = apiList || {};\n  const matchEndpoint = d3SingleMatchAPI({ matchOptaId });\n\n  const { data: sportAPIMatch } = useQuery({\n    queryKey: [`d3-match`, { matchOptaId }],\n    queryFn: () =>\n      fetchClient({ endpoint: matchEndpoint, apiURL: d3SportsAPI }),\n  });\n\n  const mlsMatchEndpoint = mlsSingleMatchStatsAPI({\n    matchOptaId,\n  });\n  const { data: statsAPIMatch } = useQuery({\n    queryKey: [`mls-match`, { matchOptaId }],\n    queryFn: () =>\n      fetchClient({ endpoint: mlsMatchEndpoint, apiURL: statsAPI }),\n    select: (data) => (data && data.length > 0 ? data[0] : null),\n    enabled: !!matchOptaId,\n    refetchInterval: REFETCH_INTERVAL,\n  });\n\n  const mergedMatch = useMemo(() => {\n    return statsAPIMatch && sportAPIMatch\n      ? mergeMlsMatchAPIResults({ sportAPIMatch, statsAPIMatch })\n      : null;\n  }, [statsAPIMatch, sportAPIMatch]);\n\n  return mergedMatch;\n}\n\nexport default useMergedMatch;\n","import React from \"react\";\nimport { ThemeProvider } from \"styled-components\";\nimport { Theme, themeTypes } from \"../shared/styled/Theme\";\nimport FeaturedMatchWrapper from \"./components/FeaturedMatchWrapper/FeaturedMatchWrapper\";\nimport useFeaturedMatchOptions from \"./components/FeaturedMatchWrapper/useFeaturedMatchOptions\";\n\nfunction FeaturedMatchMain({ options }) {\n  const featuredMatchOptions = useFeaturedMatchOptions(options);\n\n  if (!featuredMatchOptions) return null;\n\n  return (\n    <ThemeProvider\n      theme={{ ...Theme, type: options?.theme || themeTypes.light }}\n    >\n      <FeaturedMatchWrapper options={featuredMatchOptions} />\n    </ThemeProvider>\n  );\n}\n\n// eslint-disable-next-line no-func-assign\nFeaturedMatchMain = React.memo(FeaturedMatchMain);\n\nexport default FeaturedMatchMain;\n","import { query } from \"../shared/styled/Theme\";\n\nexport const isSmContainer = (params) => {\n  return !!params?.sm;\n};\n\nexport const isXsContainer = (params) => {\n  return !!params?.xs;\n};\n\nexport const isXxsContainer = (params) => {\n  return !!params?.xxs;\n};\n\nexport const isD3Column9 = (params) => {\n  return !!params?.d3_col_9;\n};\n\nexport const isFeaturedMatchXxs = (params) => {\n  return !!params?.featuredMatchXxs;\n};\n\nexport const featuredMatchCustomQueries = {\n  ...query,\n  featuredMatchXxs: { minWidth: 0, maxWidth: 320 },\n  d3_col_9: { minWidth: 575, maxWidth: 1800 },\n};\n","import styled from \"styled-components\";\n\nexport const StyledVerticalMatch = styled.div``;\n\nexport const StyledVerticalMatchExplainerBar = styled.div`\n  text-align: center;\n  margin-top: 8px;\n  margin-bottom: 8px;\n`;\n\nexport const StyledVerticalMatchTileWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  position: relative;\n  min-height: 44px;\n\n  .mls-c-vertical-match-time {\n    position: absolute;\n    left: 0;\n  }\n\n  .mls-c-match-tile {\n  }\n\n  .mls-c-vertica-match-broadcaster {\n    position: absolute;\n    right: 0;\n  }\n\n  .mls-c-club__picture,\n  picture {\n    width: 28px;\n  }\n\n  .mls-c-club.--home {\n    .mls-c-club__name {\n      position: relative;\n    }\n  }\n\n  .mls-c-club.--away {\n    .mls-c-club__name {\n      position: relative;\n    }\n  }\n\n`;\n","import React from \"react\";\nimport { statusTypes } from \"../../../mls-match-list/utils\";\nimport { AppleTVIcon } from \"../../svg/AppleTVIcon/AppleTVIcon\";\nimport { AppleTVPlusIcon } from \"../../svg/AppleTVPlusIcon/AppleTVPlusIcon\";\nimport { AppleTVSeasonPass } from \"../../svg/AppleTVSeasonPass/AppleTVSeasonPass\";\nimport { RightArrowIcon } from \"../../svg/RightArrowIcon/RightArrowIcon\";\nimport { appleTvTypes } from \"../../utils\";\nimport { Link } from \"../Link/Link\";\nimport { StyledAppleMatchBroadcaster } from \"./StyledAppleMatchBroadcaster\";\n\nconst AppleMatchBroadcaster = ({ status, broadcaster, url, matchPageUrl }) => {\n  const AppleTvIconComponent = () => {\n    switch (broadcaster) {\n      case appleTvTypes.appleTv:\n        return (\n          <AppleTVIcon\n            width={21}\n            height={10}\n            opacity={status?.abbreviation === statusTypes.live ? 1 : 0.4}\n          />\n        );\n      case appleTvTypes.appleTvPlus:\n        return (\n          <AppleTVPlusIcon\n            width={27}\n            height={10}\n            opacity={status?.abbreviation === statusTypes.live ? 1 : 0.4}\n          />\n        );\n      case appleTvTypes.appleTvSeasonPass:\n        return (\n          <AppleTVSeasonPass\n            width={40}\n            height={15}\n            opacity={status?.abbreviation === statusTypes.live ? 1 : 0.4}\n          />\n        );\n      default:\n        return <RightArrowIcon width={5} height={10} />;\n    }\n  };\n\n  return (\n    <StyledAppleMatchBroadcaster>\n      {status?.abbreviation === statusTypes.live ||\n      status?.abbreviation === statusTypes.pre ||\n      status?.abbreviation === statusTypes.postponed ? (\n        url ? (\n          <Link url={url} target=\"_blank\">\n            <AppleTvIconComponent />\n          </Link>\n        ) : (\n          <AppleTvIconComponent />\n        )\n      ) : (\n        <Link url={matchPageUrl} target=\"_blank\">\n          <RightArrowIcon width={5} height={10} />\n        </Link>\n      )}\n    </StyledAppleMatchBroadcaster>\n  );\n};\n\nexport default AppleMatchBroadcaster;\n","import styled from \"styled-components\";\nimport { themeTypes } from \"../../styled/Theme\";\n\nexport const StyledAppleMatchBroadcaster = styled.div`\n    font-family: 'MLSTifo';\n    font-size: ${(props) => props.theme.mixins.pxToRem(11)};\n    color: ${(props) => (props.theme.type == themeTypes.light ? \"#868686\" : \"#FFF\")};\n    line-height: 16px;\n    font-weight: 500;\n    max-width: ${(props) => props.theme.figma.base.scale_5}px;\n    display: flex;\n    justify-content: flex-end;\n    position: absolute;\n    right: 0;\n`;","import React from \"react\";\nimport Scorebug from \"../Scorebug/Scorebug\";\nimport ClubV2 from \"../ClubV2\";\nimport { StyledEmptyScorebug, StyledMatchTile } from \"./StyledMatchTile\";\n\nfunction MatchTile({\n  status,\n  homeClubData,\n  awayClubData,\n  isHomeWinner = false,\n  isAwayWinner = false,\n  hasFullName = false,\n  hasShortName = false,\n  hasAbbreviation = false,\n  homeScore,\n  awayScore,\n  homeClubRank = null,\n  awayClubRank = null,\n  hideScorebug = false,\n  abbreviateStatus = false,\n}) {\n  return (\n    <StyledMatchTile className={`mls-c-match-tile --${status?.abbreviation}`}>\n      <ClubV2\n        className={!isHomeWinner && isAwayWinner ? \"--home-loser\" : \"\"}\n        clubData={homeClubData}\n        isHome\n        hasAbbreviation={hasAbbreviation}\n        hasFullName={hasFullName}\n        hasShortName={hasShortName}\n        rank={homeClubRank}\n      />\n      {hideScorebug ? (\n        <StyledEmptyScorebug />\n      ) : (\n        <Scorebug\n          homeScore={homeScore}\n          awayScore={awayScore}\n          abbreviateStatus={abbreviateStatus}\n        />\n      )}\n      <ClubV2\n        className={!isAwayWinner && isHomeWinner ? \"--away-loser\" : \"\"}\n        clubData={awayClubData}\n        isHome={false}\n        hasAbbreviation={hasAbbreviation}\n        hasFullName={hasFullName}\n        hasShortName={hasShortName}\n        rank={awayClubRank}\n      />\n    </StyledMatchTile>\n  );\n}\n\n// eslint-disable-next-line no-const-assign,no-func-assign\nMatchTile = React.memo(MatchTile);\n\nexport default MatchTile;\n","import styled from \"styled-components\";\nimport { themeTypes } from \"../../styled/Theme\";\n\nexport const StyledMatchTile = styled.div`\n  display: flex;\n  align-items: center;\n\n  .mls-c-club__picture {\n    margin-top: 4px;\n  }\n\n  .--home .mls-c-club__abbreviation {\n    width: 74px;\n    text-align: right;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .--away .mls-c-club__abbreviation {\n    width: 74px;\n    text-align: left;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.--post .--home-loser,\n  &.--post .--away-loser {\n    color: ${(props) =>\n      props.theme.type == themeTypes.light\n        ? props.theme.figma.base.color_offblack_50\n        : props.theme.figma.base.color_offwhite_50};\n  }\n`;\n\nexport const StyledEmptyScorebug = styled.div`\n  width: 60px;\n`;\n","import React from \"react\";\nimport {\n  StyledMatchPromo,\n  StyledMatchPromoDescription,\n  StyledMatchPromoTitle,\n} from \"./StyledMatchPromo\";\nimport MatchPromoButton from \"./MatchPromoButton/MatchPromoButton\";\n\nfunction MatchPromo({ headline, description, callToAction1, callToAction2 }) {\n  return (\n    <StyledMatchPromo className=\"mls-c-match-promo\">\n      {headline && <StyledMatchPromoTitle>{headline}</StyledMatchPromoTitle>}\n      {description && (\n        <StyledMatchPromoDescription>{description}</StyledMatchPromoDescription>\n      )}\n      {callToAction1 && <MatchPromoButton callToAction={callToAction1} />}\n      {callToAction2 && <MatchPromoButton callToAction={callToAction2} />}\n    </StyledMatchPromo>\n  );\n}\n\nexport default MatchPromo;\n","import React from \"react\";\nimport { Link } from \"../../../Link/Link\";\nimport { StyledMatchPromoButton } from \"./StyledMatchPromoButton\";\n\nfunction MatchPromoButton({ callToAction }) {\n  if (!callToAction.displayText || !callToAction.url) {\n    return null;\n  }\n\n  return (\n    <Link\n      url={callToAction.url}\n      alt={callToAction.accessibleText}\n      target={callToAction.openInNewTab ? \"_blank\" : \"_self\"}\n      rel={callToAction.openInNewTab ? \"noopener noreferrer\" : \"\"}\n    >\n      <StyledMatchPromoButton className=\"mls-c-match-promo__promo-link-button\">\n        {callToAction.displayText}\n      </StyledMatchPromoButton>\n    </Link>\n  );\n}\n\nexport default MatchPromoButton;\n","import styled from \"styled-components\";\n\nexport const StyledMatchPromoButton = styled.div`\n  width: 100%;\n  height: 26px;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  margin-left: auto;\n  margin-right: auto;\n  color: ${({ theme }) => theme.rgba.white_120};\n  line-height: ${({ theme }) => theme.mixins.pxToRem(12)};\n  font-size: ${({ theme }) => theme.mixins.pxToRem(11)};\n  font-weight: 500;\n  font-style: normal;\n  box-shadow: 0px 1px 2px 2px rgba(0, 0, 0, 0.07),\n    0px 0px 0px 0px rgba(0, 0, 0, 0.16);\n  border-radius: 4px;\n  background-color: ${({ theme }) => theme.rgba.white_100};\n`;\n","import styled from \"styled-components\";\n\nexport const StyledMatchPromo = styled.div`\n  font-family: ${(props) => props.theme.figma.base.fontfamily_mlstifo_standard};\n  color: ${({ theme }) => theme.rgba.black_100_50};\n\n  a:first-child {\n    .mls-c-match-promo__promo-link-button {\n      margin-top: 0px;\n    }\n  }\n`;\n\nexport const StyledMatchPromoTitle = styled.span`\n  display: block;\n  font-size: ${({ theme }) => theme.mixins.pxToRem(12)};\n  font-weight: 700;\n  line-height: ${({ theme }) => theme.mixins.pxToRem(18)};\n`;\n\nexport const StyledMatchPromoDescription = styled.span`\n  display: block;\n  font-size: ${({ theme }) => theme.mixins.pxToRem(12)};\n  font-weight: 400;\n  line-height: ${({ theme }) => theme.mixins.pxToRem(18)};\n`;\n","import styled from \"styled-components\";\n\nexport const StyledSupportCopy = styled.div`\n  width: 100%;\n  text-align: center;\n  color: ${({ theme }) => theme.rgba.black_100_50};\n  font-weight: 500;\n  font-family: ${(props) => props.theme.figma.base.fontfamily_mlstifo_standard};\n  font-size: ${({ theme }) =>\n    theme.mixins.pxToRem(theme.figma.base.scale_1_375)};\n`;\n\nexport const StyledSupportCopyText = styled.span``;\n","import React from \"react\";\nimport { StyledSupportCopy, StyledSupportCopyText } from \"./StyledSupportCopy\";\n\nfunction SupportCopy({ displayText }) {\n  return (\n    <StyledSupportCopy className=\"mls-c-match-promo__support\">\n      <StyledSupportCopyText>{displayText}</StyledSupportCopyText>\n    </StyledSupportCopy>\n  );\n}\n\nexport default SupportCopy;\n","import styled from \"styled-components\";\n\nexport const StyledSupportCopyCompact = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 191px;\n`;\n\nexport const StyledSupportCopyText = styled.div`\n  display: inline-block;\n  max-width: 137px;\n  color: ${({ theme }) => theme.rgba.black_100_50};\n  font-weight: 500;\n  text-align: center;\n  font-family: ${(props) => props.theme.figma.base.fontfamily_mlstifo_standard};\n  font-size: ${({ theme }) =>\n    theme.mixins.pxToRem(theme.figma.base.scale_1_375)};\n`;\n\nexport const StyledSponsorWrapper = styled.div`\n  max-width: 64px;\n  max-height: 28px;\n\n  picture {\n    img.mls-o-sponsor__image {\n      width: 100%;\n      height: 28px;\n      object-fit: contain;\n    }\n  }\n`;\n\nexport const StyledDivider = styled.div`\n  height: 30px;\n  margin: 0 12px;\n  border-right: 1px solid ${({ theme }) => theme.rgba.black_33_25};\n`;\n","import React from \"react\";\nimport {\n  StyledDivider,\n  StyledSupportCopyCompact,\n  StyledSupportCopyText,\n} from \"./StyledSupportCopyCompact\";\nimport SupportCopyLogo from \"./SupportCopyLogo\";\n\nfunction SupportCopyCompact({ assetUrl, displayText }) {\n  return (\n    <StyledSupportCopyCompact className=\"mls-c-match-promo__support-compact\">\n      {displayText && (\n        <StyledSupportCopyText className=\"mls-c-match-promo__support-compact__display-text\">\n          {displayText}\n        </StyledSupportCopyText>\n      )}\n      {displayText && assetUrl && <StyledDivider />}\n      {assetUrl && <SupportCopyLogo />}\n    </StyledSupportCopyCompact>\n  );\n}\n\nexport default SupportCopyCompact;\n","import React from \"react\";\nimport { useMatchData } from \"../../../../mls-match-list/utils\";\nimport { StyledSponsorWrapper } from \"./StyledSupportCopyCompact\";\nimport SponsorV2 from \"../SponsorV2\";\n\nfunction SupportCopyLogo() {\n  const { promoInfo } = useMatchData();\n  const { sponsorImage, promotionalSponsor } = promoInfo;\n  const { assetUrl } = sponsorImage || {};\n\n  return (\n    <StyledSponsorWrapper className=\"mls-c-support-copy__sponsor-logo\">\n      <SponsorV2\n        hasPresBy={false}\n        templateUrl={assetUrl}\n        url={promotionalSponsor?.url}\n        accessibleText={promotionalSponsor?.accessibleText}\n        openInNewTab={promotionalSponsor?.openInNewTab}\n      />\n    </StyledSponsorWrapper>\n  );\n}\n\nexport default SupportCopyLogo;\n","import styled from \"styled-components\";\n\nexport const StyledWhiteBox = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 20px 18px;\n  gap: 8px;\n  background: ${(props) => props.theme.figma.base.color_white_100};\n  box-shadow: 0px 4px 20px 4px rgba(0, 0, 0, 0.08),\n    0px 2px 10px 1px rgba(0, 0, 0, 0.1);\n  border-radius: 5px;\n  width: 100%;\n  min-height: 278px;\n  box-sizing: border-box;\n\n  .mls-c-featured-match__prev {\n    &:last-child{\n      .mls-c-vertical-match:first-child{\n        border-bottom: 0px;\n      }\n    }\n  }\n`;\n","import React from \"react\";\nimport { StyledWhiteBox } from \"./StyledWhiteBox\";\n\nconst WhiteBox = ({ className = \"\", children }) => (\n  <StyledWhiteBox className={`mls-c-whitebox ${className}`}>\n    {children}\n  </StyledWhiteBox>\n);\n\nexport default WhiteBox;\n","import React from 'react';\n\nexport default function useInterval(callback, delay) {\n  const savedCallback = React.useRef();\n\n  // Remember the latest function.\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  // Set up the interval.\n  React.useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay !== null) {\n      const id = setInterval(tick, delay);\n      return () => clearInterval(id);\n    }\n  }, [delay]);\n}\n","import { useState, useEffect } from \"react\";\nconst MAX_MOBILE_WIDTH = 768;\n\nconst useIsMobile = () => {\n  const [isMobile, setIsMobile] = useState(false);\n\n  useEffect(() => {\n    const updateDeviceType = () => {\n      if (window.innerWidth < MAX_MOBILE_WIDTH) {\n        setIsMobile(true);\n      } else {\n        setIsMobile(false);\n      }\n    };\n\n    updateDeviceType();\n    window.addEventListener(\"resize\", updateDeviceType);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateDeviceType);\n    };\n  }, []);\n\n  return isMobile;\n};\n\nexport default useIsMobile;\n","import React from \"react\";\n\nexport const AppleTVIconV2 = ({\n  opacity,\n  width,\n  height,\n  extraClasses = \"\",\n  fill = \"#212121\",\n}) => {\n  return (\n    <span>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 20.3 12.47\"\n        fill=\"currentColor\"\n        width={width || \"100%\"}\n        height={height || \"100%\"}\n      >\n        <path d=\"m6.21,1.16c.06.6-.18,1.19-.53,1.63-.37.43-.95.76-1.53.71-.08-.58.21-1.19.54-1.56.37-.44,1-.75,1.52-.78Z\" />\n        <path d=\"m4.84,3.91c.38-.15.84-.33,1.36-.3.33.02,1.27.12,1.88,1.01,0,0,0,0-.02.01-.16.1-1.1.71-1.09,1.92.01,1.44,1.2,1.98,1.36,2.05.01,0,.02,0,.02,0,0,0,0,0,0,.01-.03.1-.24.75-.7,1.42-.43.62-.87,1.24-1.57,1.25-.33,0-.56-.09-.79-.19-.24-.1-.5-.21-.9-.21s-.69.11-.94.22c-.22.09-.44.18-.73.19-.68.02-1.2-.66-1.62-1.29C.19,8.76-.47,6.47.43,4.92c.44-.77,1.25-1.26,2.12-1.27.38,0,.74.14,1.06.26.24.09.45.18.63.18.16,0,.36-.08.61-.18Z\" />\n        <path d=\"m11.58,4.12v-1.69h-1.42s0,1.69,0,1.69h-1.05v1.12h1.05v4.13c0,1.37.55,1.91,1.98,1.91.32,0,.65-.03.81-.06v-1.13c-.1.01-.34.03-.49.03-.6,0-.88-.28-.88-.9v-3.99h1.38v-1.12h-1.38Z\" />\n        <path d=\"m16.26,11.22h1.51l2.53-7.1h-1.48l-1.78,5.71h-.03l-1.78-5.71h-1.5l2.54,7.1Z\" />\n      </svg>\n    </span>\n  );\n};\n\nexport const AppleTVIcon = ({\n  opacity,\n  width,\n  height,\n  extraClasses = \"\",\n  fill = \"#212121\",\n}) => {\n  return (\n    <span role=\"img\" className={extraClasses}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={width || \"100%\"}\n        height={height || \"100%\"}\n        viewBox=\"0 0 21 10\"\n        fill=\"none\"\n      >\n        <g opacity={opacity || 0.4}>\n          <path\n            d=\"M6.14174 0C6.20421 0.591873 5.96698 1.17113 5.61708 1.6026C5.25451 2.02196 4.68005 2.35437 4.10508 2.30515C4.03006 1.73814 4.31774 1.13453 4.64254 0.764765C5.00447 0.333165 5.62963 0.0251136 6.14174 0Z\"\n            fill={fill}\n          />\n          <path\n            d=\"M4.79225 2.71039C5.16572 2.56535 5.62732 2.38609 6.13521 2.41595C6.45924 2.44056 7.39397 2.539 7.99211 3.41103C7.98909 3.4133 7.98235 3.41765 7.97237 3.4241C7.81774 3.52398 6.88377 4.12726 6.89556 5.31625C6.90721 6.73427 8.0811 7.26573 8.23678 7.33622C8.24705 7.34087 8.25367 7.34427 8.25367 7.34427C8.25302 7.3462 8.25187 7.34985 8.2502 7.35512C8.21972 7.45166 8.01697 8.09385 7.55605 8.7577C7.13241 9.37241 6.69597 9.97476 5.99822 9.987C5.66969 9.99304 5.44804 9.89942 5.2174 9.802C4.97554 9.69985 4.72378 9.59351 4.32849 9.59351C3.91394 9.59351 3.65005 9.70326 3.39631 9.8088C3.17713 9.89995 2.96552 9.98796 2.67093 9.99937C1.99802 10.0236 1.48744 9.3473 1.06368 8.73309C0.191044 7.49154 -0.469319 5.23056 0.427894 3.70608C0.864082 2.94409 1.66182 2.46504 2.52139 2.45267C2.89671 2.44586 3.25592 2.58575 3.56935 2.70782C3.80749 2.80056 4.01921 2.88301 4.1915 2.88301C4.34773 2.88301 4.55171 2.8038 4.79225 2.71039Z\"\n            fill={fill}\n          />\n          <path\n            d=\"M11.4532 2.92063V1.25102L10.0441 1.2509V2.92051H9.00071V4.02248H10.0441V8.08961C10.0441 9.43855 10.5929 9.97288 12.002 9.97288C12.3204 9.97288 12.6456 9.94612 12.8082 9.91268V8.80415C12.7132 8.81753 12.4695 8.83759 12.3204 8.83759C11.7244 8.83759 11.4533 8.55705 11.4533 7.94928V4.02235H12.8149V2.92063H11.4532Z\"\n            fill={fill}\n          />\n          <path\n            d=\"M16.0857 9.91798H17.5811L20.0827 2.92152H18.6212L16.8571 8.54405H16.8233L15.0592 2.92152H13.5706L16.0857 9.91798Z\"\n            fill={fill}\n          />\n        </g>\n      </svg>\n    </span>\n  );\n};\n","import React from \"react\";\n\nexport const AppleTVPlusIconV2 = ({ width, height }) => {\n  return (\n    <span>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 27.33 12.47\"\n        fill=\"currentColor\"\n        width={width}\n        height={height}\n      >\n        <path d=\"m6.23,1.16c.06.6-.18,1.19-.53,1.63-.37.43-.95.76-1.53.71-.08-.58.22-1.19.55-1.56.37-.44,1-.75,1.52-.78Z\" />\n        <path d=\"m4.86,3.91c.38-.15.85-.33,1.36-.3.33.02,1.28.12,1.88,1.01,0,0,0,0-.02.01-.16.1-1.1.71-1.09,1.92.01,1.44,1.2,1.98,1.36,2.05.01,0,.02,0,.02,0,0,0,0,0,0,.01-.03.1-.24.75-.7,1.42-.43.62-.87,1.24-1.58,1.25-.33,0-.56-.09-.79-.19-.25-.1-.5-.21-.9-.21s-.69.11-.95.22c-.22.09-.44.18-.74.19-.68.02-1.2-.66-1.63-1.29C.19,8.76-.48,6.47.43,4.92c.44-.77,1.25-1.26,2.12-1.27.38,0,.75.14,1.06.26.24.09.46.18.63.18.16,0,.37-.08.61-.18Z\" />\n        <path d=\"m11.63,4.12v-1.69h0s-1.43,0-1.43,0v1.69h-1.06v1.12h1.06v4.13c0,1.37.56,1.91,1.99,1.91.32,0,.65-.03.82-.06v-1.13c-.1.01-.34.03-.5.03-.61,0-.88-.28-.88-.9v-3.99h1.38v-1.12h-1.38Z\" />\n        <path d=\"m16.33,11.22h1.52l2.54-7.1h-1.48l-1.79,5.71h-.03l-1.79-5.71h-1.51l2.55,7.1Z\" />\n        <path d=\"m23.2,11.22h1.31v-2.91h2.81v-1.28h-2.81v-2.91h-1.31v2.91h-2.81v1.28h2.81v2.91Z\" />\n      </svg>\n    </span>\n  );\n};\n\nexport const AppleTVPlusIcon = ({\n  opacity,\n  width,\n  height,\n  fill = \"#212121\",\n  extraClasses = \"\",\n}) => {\n  return (\n    <span role=\"img\" className={extraClasses}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={width || \"100%\"}\n        height={height || \"100%\"}\n        viewBox=\"0 0 27 10\"\n        fill=\"none\"\n      >\n        <g opacity={opacity || 0.4}>\n          <path\n            d=\"M6.14183 0C6.20431 0.591873 5.96707 1.17113 5.61717 1.6026C5.2546 2.02196 4.68015 2.35437 4.10518 2.30515C4.03015 1.73814 4.31783 1.13453 4.64263 0.764765C5.00457 0.333165 5.62972 0.0251136 6.14183 0Z\"\n            fill={fill}\n          />\n          <path\n            d=\"M4.79234 2.71039C5.16581 2.56535 5.62742 2.38609 6.1353 2.41595C6.45934 2.44056 7.39406 2.539 7.9922 3.41103C7.98918 3.4133 7.98245 3.41765 7.97246 3.4241C7.81783 3.52398 6.88387 4.12726 6.89565 5.31625C6.9073 6.73427 8.08119 7.26573 8.23687 7.33622C8.24714 7.34087 8.25299 7.34351 8.25376 7.34427C8.25311 7.3462 8.25196 7.34985 8.25029 7.35513C8.21981 7.45166 8.01706 8.09385 7.55614 8.7577C7.1325 9.37241 6.69606 9.97476 5.99831 9.987C5.66978 9.99304 5.44814 9.89942 5.21749 9.802C4.97563 9.69985 4.72387 9.59351 4.32858 9.59351C3.91403 9.59351 3.65014 9.70326 3.3964 9.8088C3.17722 9.89995 2.96562 9.98796 2.67102 9.99937C1.99811 10.0236 1.48754 9.3473 1.06377 8.73309C0.191136 7.49154 -0.469227 5.23056 0.427985 3.70608C0.864173 2.94409 1.66191 2.46504 2.52148 2.45268C2.89681 2.44586 3.25601 2.58575 3.56944 2.70782C3.80758 2.80056 4.0193 2.88301 4.19159 2.88301C4.34783 2.88301 4.5518 2.8038 4.79234 2.71039Z\"\n            fill={fill}\n          />\n          <path\n            d=\"M11.4533 2.92063V1.25102L11.4534 1.2509H10.0442V2.92051H9.0008V4.02248H10.0442V8.08961C10.0442 9.43855 10.5929 9.97288 12.0021 9.97288C12.3205 9.97288 12.6457 9.94613 12.8083 9.91268V8.80415C12.7133 8.81753 12.4696 8.83759 12.3205 8.83759C11.7244 8.83759 11.4534 8.55706 11.4534 7.94928V4.02235H12.815V2.92063H11.4533Z\"\n            fill={fill}\n          />\n          <path\n            d=\"M16.0858 9.91798H17.5812L20.0828 2.92152H18.6213L16.8572 8.54406H16.8234L15.0593 2.92152H13.5707L16.0858 9.91798Z\"\n            fill={fill}\n          />\n          <path\n            d=\"M22.8589 9.91798H24.1514V7.05024H26.9232V5.78951H24.1514V2.92152H22.8589V5.78964H20.0869V7.05037H22.8589V9.91798Z\"\n            fill={fill}\n          />\n        </g>\n      </svg>\n    </span>\n  );\n};\n","import React, { useState } from \"react\";\n\nfunction CloseIcon(props) {\n  const { handleClick, extraClasses, size = \"small\", wrapperElement = \"div\", ...otherProps } = props || {};\n  const [WrapperComponent] = useState(wrapperElement);\n\n  return (\n    <WrapperComponent\n      {...otherProps}\n      onClick={handleClick}\n      role=\"img\"\n      className={`mls-o-svg transform ${extraClasses ? extraClasses : \"\"}`}>\n      <span className={`oc-o-icon--close-button icon-svg fa-icon-svg fa-icon-svg--${size}`}>\n        <svg viewBox=\"0 0 12 12\">\n          <path\n            d=\"M1.652 10.26l8.608-8.608m-8.608 0l8.608 8.608\"\n            stroke=\"#151516\"\n            strokeWidth={1.2}\n            fill=\"none\"\n            fillRule=\"evenodd\"\n            strokeLinecap=\"square\"\n          />\n        </svg>\n      </span>\n    </WrapperComponent>\n  );\n}\n\n// eslint-disable-next-line no-func-assign\nCloseIcon = React.memo(CloseIcon);\n\nexport default CloseIcon;\n","export { default } from './CloseIcon';\n","import React from \"react\";\n\nexport const RightArrowIcon = ({\n  width,\n  height,\n  extraClasses,\n  maskId = \"path-1-inside-1_584_528\",\n}) => {\n  return (\n    <span role=\"img\" className={extraClasses}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={width || \"100%\"}\n        height={height || \"100%\"}\n        viewBox=\"0 0 5 10\"\n        fill=\"none\"\n      >\n        <mask id={maskId} fill=\"white\">\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M0.384644 0.0999756L5.38464 5.09911L0.384644 10.1\"\n          />\n        </mask>\n        <path\n          d=\"M-0.322402 0.807144C-0.71296 0.416653 -0.713015 -0.216512 -0.322525 -0.60707C0.0679659 -0.997628 0.701131 -0.997683 1.09169 -0.607193L-0.322402 0.807144ZM5.38464 5.09911L6.09169 4.39194L6.79886 5.09899L6.09181 5.80615L5.38464 5.09911ZM1.09181 10.807C0.701321 11.1976 0.0681563 11.1976 -0.322402 10.8071C-0.71296 10.4167 -0.713015 9.78349 -0.322525 9.39293L1.09181 10.807ZM1.09169 -0.607193L6.09169 4.39194L4.6776 5.80628L-0.322402 0.807144L1.09169 -0.607193ZM6.09181 5.80615L1.09181 10.807L-0.322525 9.39293L4.67748 4.39206L6.09181 5.80615Z\"\n          fill=\"#AAAAAA\"\n          mask={`url(#${maskId})`}\n        />\n      </svg>\n    </span>\n  );\n};\n","/** @license React v16.13.1\n * react-is.development.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\n\n\nif (process.env.NODE_ENV !== \"production\") {\n  (function() {\n'use strict';\n\n// The Symbol used to tag the ReactElement-like types. If there is no native Symbol\n// nor polyfill, then a plain number is used for performance.\nvar hasSymbol = typeof Symbol === 'function' && Symbol.for;\nvar REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;\nvar REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;\nvar REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;\nvar REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;\nvar REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;\nvar REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;\nvar REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary\n// (unstable) APIs that have been removed. Can we remove the symbols?\n\nvar REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;\nvar REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;\nvar REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;\nvar REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;\nvar REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;\nvar REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;\nvar REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;\nvar REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;\nvar REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;\nvar REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;\nvar REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;\n\nfunction isValidElementType(type) {\n  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.\n  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);\n}\n\nfunction typeOf(object) {\n  if (typeof object === 'object' && object !== null) {\n    var $$typeof = object.$$typeof;\n\n    switch ($$typeof) {\n      case REACT_ELEMENT_TYPE:\n        var type = object.type;\n\n        switch (type) {\n          case REACT_ASYNC_MODE_TYPE:\n          case REACT_CONCURRENT_MODE_TYPE:\n          case REACT_FRAGMENT_TYPE:\n          case REACT_PROFILER_TYPE:\n          case REACT_STRICT_MODE_TYPE:\n          case REACT_SUSPENSE_TYPE:\n            return type;\n\n          default:\n            var $$typeofType = type && type.$$typeof;\n\n            switch ($$typeofType) {\n              case REACT_CONTEXT_TYPE:\n              case REACT_FORWARD_REF_TYPE:\n              case REACT_LAZY_TYPE:\n              case REACT_MEMO_TYPE:\n              case REACT_PROVIDER_TYPE:\n                return $$typeofType;\n\n              default:\n                return $$typeof;\n            }\n\n        }\n\n      case REACT_PORTAL_TYPE:\n        return $$typeof;\n    }\n  }\n\n  return undefined;\n} // AsyncMode is deprecated along with isAsyncMode\n\nvar AsyncMode = REACT_ASYNC_MODE_TYPE;\nvar ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;\nvar ContextConsumer = REACT_CONTEXT_TYPE;\nvar ContextProvider = REACT_PROVIDER_TYPE;\nvar Element = REACT_ELEMENT_TYPE;\nvar ForwardRef = REACT_FORWARD_REF_TYPE;\nvar Fragment = REACT_FRAGMENT_TYPE;\nvar Lazy = REACT_LAZY_TYPE;\nvar Memo = REACT_MEMO_TYPE;\nvar Portal = REACT_PORTAL_TYPE;\nvar Profiler = REACT_PROFILER_TYPE;\nvar StrictMode = REACT_STRICT_MODE_TYPE;\nvar Suspense = REACT_SUSPENSE_TYPE;\nvar hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated\n\nfunction isAsyncMode(object) {\n  {\n    if (!hasWarnedAboutDeprecatedIsAsyncMode) {\n      hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint\n\n      console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');\n    }\n  }\n\n  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;\n}\nfunction isConcurrentMode(object) {\n  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;\n}\nfunction isContextConsumer(object) {\n  return typeOf(object) === REACT_CONTEXT_TYPE;\n}\nfunction isContextProvider(object) {\n  return typeOf(object) === REACT_PROVIDER_TYPE;\n}\nfunction isElement(object) {\n  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;\n}\nfunction isForwardRef(object) {\n  return typeOf(object) === REACT_FORWARD_REF_TYPE;\n}\nfunction isFragment(object) {\n  return typeOf(object) === REACT_FRAGMENT_TYPE;\n}\nfunction isLazy(object) {\n  return typeOf(object) === REACT_LAZY_TYPE;\n}\nfunction isMemo(object) {\n  return typeOf(object) === REACT_MEMO_TYPE;\n}\nfunction isPortal(object) {\n  return typeOf(object) === REACT_PORTAL_TYPE;\n}\nfunction isProfiler(object) {\n  return typeOf(object) === REACT_PROFILER_TYPE;\n}\nfunction isStrictMode(object) {\n  return typeOf(object) === REACT_STRICT_MODE_TYPE;\n}\nfunction isSuspense(object) {\n  return typeOf(object) === REACT_SUSPENSE_TYPE;\n}\n\nexports.AsyncMode = AsyncMode;\nexports.ConcurrentMode = ConcurrentMode;\nexports.ContextConsumer = ContextConsumer;\nexports.ContextProvider = ContextProvider;\nexports.Element = Element;\nexports.ForwardRef = ForwardRef;\nexports.Fragment = Fragment;\nexports.Lazy = Lazy;\nexports.Memo = Memo;\nexports.Portal = Portal;\nexports.Profiler = Profiler;\nexports.StrictMode = StrictMode;\nexports.Suspense = Suspense;\nexports.isAsyncMode = isAsyncMode;\nexports.isConcurrentMode = isConcurrentMode;\nexports.isContextConsumer = isContextConsumer;\nexports.isContextProvider = isContextProvider;\nexports.isElement = isElement;\nexports.isForwardRef = isForwardRef;\nexports.isFragment = isFragment;\nexports.isLazy = isLazy;\nexports.isMemo = isMemo;\nexports.isPortal = isPortal;\nexports.isProfiler = isProfiler;\nexports.isStrictMode = isStrictMode;\nexports.isSuspense = isSuspense;\nexports.isValidElementType = isValidElementType;\nexports.typeOf = typeOf;\n  })();\n}\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-is.production.min.js');\n} else {\n  module.exports = require('./cjs/react-is.development.js');\n}\n"],"names":[],"sourceRoot":""}