@times-components/ts-components 1.144.1-d88954832f63cdbc40779d5cd4f06c4568affa14.22 → 1.145.1-ffc8fe2350c1f6194dbd798c9b12b0d865cd13fb.0

package/src/components/opta/utils/__tests__/useAddFixtureNavigation.test.tsx

@@ -0,0 +1,235 @@
+import React, { useRef } from 'react';
+import ReactDOM from 'react-dom';
+import { act } from 'react-dom/test-utils';
+import '@testing-library/jest-dom';
+import { useAddFixtureNavigation } from '../useAddFixtureNavigation';
+
+describe('useAddFixtureNavigation', () => {
+  const Component: React.FC<{
+    sport: string;
+    competition: string;
+    season: string;
+    children?: React.ReactNode;
+  }> = ({ sport, competition, season, children }) => {
+    const ref = useRef<HTMLDivElement>(null);
+    useAddFixtureNavigation({ ref, sport, competition, season });
+    return <div ref={ref}>{children}</div>;
+  };
+
+  let container: HTMLDivElement;
+  const baseProps = { sport: 'football', competition: '8', season: '2025' };
+
+  beforeEach(() => {
+    jest.useFakeTimers();
+    container = document.createElement('div');
+    document.body.appendChild(container);
+  });
+
+  afterEach(() => {
+    ReactDOM.unmountComponentAtNode(container);
+    container.remove();
+    jest.useRealTimers();
+    delete (window as any).webkit;
+    delete (window as any).Android;
+  });
+
+  const renderFixtures = (html: string) => {
+    act(() => {
+      ReactDOM.render(
+        <Component {...baseProps}>
+          <div dangerouslySetInnerHTML={{ __html: html }} />
+        </Component>,
+        container
+      );
+    });
+  };
+
+  it('does nothing when ref is missing and clears after 26 ticks', () => {
+    act(() => {
+      ReactDOM.render(<Component {...baseProps} />, container);
+    });
+    act(() => {
+      jest.advanceTimersByTime(25 * 500);
+    });
+    const clearSpy = jest.spyOn(window, 'clearInterval');
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+    expect(clearSpy).toHaveBeenCalled();
+    clearSpy.mockRestore();
+  });
+
+  it('binds click handler once per fixture and sets _optaClickBound', () => {
+    const html = `
+      <div class="Opta-fixture" data-match="2561903" data-period="FT">
+        <span class="Opta-Team Opta-Home Opta-Team-123"></span>
+        <span class="Opta-Team Opta-Away Opta-Team-456"></span>
+      </div>
+    `;
+    renderFixtures(html);
+
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+
+    const fixture = container.querySelector('.Opta-fixture') as any;
+    expect(fixture).toBeTruthy();
+    expect(fixture._optaClickBound).toBe(true);
+
+    // Re-render same DOM, ensure it does not re-bind
+    const addEventListenerSpy = jest.spyOn(fixture, 'addEventListener');
+    renderFixtures(html);
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+    expect(addEventListenerSpy).not.toHaveBeenCalled();
+    addEventListenerSpy.mockRestore();
+  });
+
+  it('navigates via iOS webkit message handler when available', () => {
+    (window as any).webkit = {
+      messageHandlers: {
+        interactiveSliceEvent: {
+          postMessage: jest.fn()
+        }
+      }
+    };
+
+    const html = `
+      <div class="Opta-fixture" data-match="2561903" data-period="FT">
+        <span class="Opta-Team Opta-Home Opta-Team-123"></span>
+        <span class="Opta-Team Opta-Away Opta-Team-456"></span>
+      </div>
+    `;
+    renderFixtures(html);
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+
+    const fixture = container.querySelector('.Opta-fixture') as HTMLElement;
+    act(() => {
+      fixture.click();
+    });
+    expect(
+      (window as any).webkit.messageHandlers.interactiveSliceEvent.postMessage
+    ).toHaveBeenCalledTimes(1);
+  });
+
+  it('navigates via Android postMessage when available', () => {
+    (window as any).Android = {
+      postMessage: jest.fn()
+    };
+
+    const html = `
+      <div class="Opta-fixture" data-match="2561903" data-period="FT">
+        <span class="Opta-Team Opta-Home Opta-Team-123"></span>
+        <span class="Opta-Team Opta-Away Opta-Team-456"></span>
+      </div>
+    `;
+    renderFixtures(html);
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+
+    const fixture = container.querySelector('.Opta-fixture') as HTMLElement;
+    act(() => {
+      fixture.click();
+    });
+    expect((window as any).Android.postMessage).toHaveBeenCalledTimes(1);
+  });
+
+  it('falls back to window.location.href navigation in web', () => {
+    const html = `
+      <div class="Opta-fixture" data-match="2561903" data-period="FT">
+        <span class="Opta-Team Opta-Home Opta-Team-123"></span>
+        <span class="Opta-Team Opta-Away Opta-Team-456"></span>
+      </div>
+    `;
+    renderFixtures(html);
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+
+    const originalLocation = window.location;
+    const originalHref = window.location.href;
+    delete (window as any).location;
+    (window as any).location = { href: originalHref };
+
+    const fixture = container.querySelector('.Opta-fixture') as HTMLElement;
+    act(() => {
+      fixture.click();
+    });
+
+    expect(window.location.href).not.toBe(originalHref);
+    expect(window.location.href).toContain('homeTeam=123');
+    expect(window.location.href).toContain('awayTeam=456');
+
+    (window as any).location = originalLocation;
+  });
+
+  it('returns early when required attributes are missing', () => {
+    const html = `
+      <div class="Opta-fixture">
+        <span class="Opta-Team Opta-Home"></span>
+        <span class="Opta-Team Opta-Away"></span>
+      </div>
+    `;
+    renderFixtures(html);
+    const fixture = container.querySelector('.Opta-fixture') as any;
+    const addSpy = jest.spyOn(fixture, 'addEventListener');
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+    expect(addSpy).not.toHaveBeenCalled();
+    addSpy.mockRestore();
+  });
+
+  it('returns early when team ids cannot be extracted (no Opta-Team- classes)', () => {
+    const html = `
+      <div class="Opta-fixture" data-match="2561903" data-period="FT">
+        <span class="Opta-Team Opta-Home"></span>
+        <span class="Opta-Team Opta-Away"></span>
+      </div>
+    `;
+    renderFixtures(html);
+    const fixture = container.querySelector('.Opta-fixture') as any;
+    const addSpy = jest.spyOn(fixture, 'addEventListener');
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+    expect(addSpy).not.toHaveBeenCalled();
+    addSpy.mockRestore();
+  });
+
+  it('returns early when only one team id is present', () => {
+    const html = `
+      <div class="Opta-fixture" data-match="2561903" data-period="FT">
+        <span class="Opta-Team Opta-Home"></span>
+        <span class="Opta-Team Opta-Away Opta-Team-456"></span>
+      </div>
+    `;
+    renderFixtures(html);
+    const fixture = container.querySelector('.Opta-fixture') as any;
+    const addSpy = jest.spyOn(fixture, 'addEventListener');
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+    expect(addSpy).not.toHaveBeenCalled();
+    addSpy.mockRestore();
+  });
+
+  it('extracts team ids from classList using getTeamIdFromClassList', () => {
+    const html = `
+      <div class="Opta-fixture" data-match="2561903" data-period="FT">
+        <span class="Opta-Team Opta-Home Opta-Team-999 Opta-Other"></span>
+        <span class="Opta-Team Opta-Away Opta-Team-888 Opta-Other"></span>
+      </div>
+    `;
+    renderFixtures(html);
+    act(() => {
+      jest.advanceTimersByTime(500);
+    });
+    const fixture = container.querySelector('.Opta-fixture') as any;
+    expect(fixture._optaClickBound).toBe(true);
+  });
+});

package/src/components/opta/utils/useAddFixtureNavigation.ts

@@ -0,0 +1,101 @@
+import { RefObject, useEffect } from 'react';
+
+export const useAddFixtureNavigation = (args: {
+  ref: RefObject<HTMLDivElement>;
+  sport: string;
+  competition: string;
+  season: string;
+}) => {
+  const { ref, sport, competition, season } = args;
+  useEffect(
+    () => {
+      updateTimestamps(ref, sport, competition, season);
+    },
+    [ref]
+  );
+};
+
+const getTeamIdFromClassList = (classList: DOMTokenList): string | null => {
+  let teamId: string | null = null;
+  classList.forEach(cls => {
+    if (cls.includes('Opta-Team-')) {
+      teamId = cls.replace('Opta-Team-', '');
+    }
+  });
+  return teamId;
+};
+
+// Moves the venue info from match data to match header
+const updateTimestamps = (
+  element: RefObject<HTMLDivElement>,
+  sport: string,
+  competition: string,
+  season: string
+) => {
+  let count = 0;
+  const updateTimestampsInterval = setInterval(() => {
+    // we're no longer able to use pub/sub method, due to limitations with Opta implementation, so loop with a max count of 25
+    if (count >= 25) {
+      clearInterval(updateTimestampsInterval);
+    }
+    count++;
+
+    if (!element.current) {
+      return;
+    }
+    const fixtureCards = element.current.querySelectorAll('.Opta-fixture');
+    fixtureCards.forEach(el => {
+      // Prevent multiple bindings
+      if ((el as any)._optaClickBound) {
+        return;
+      }
+
+      const match = el.getAttribute('data-match');
+      const status = el.getAttribute('data-period');
+
+      let homeTeam: string | null = null;
+      let awayTeam: string | null = null;
+      const homeTeamClasses = el.querySelector('.Opta-Team.Opta-Home');
+      const awayTeamClasses = el.querySelector('.Opta-Team.Opta-Away');
+      if (homeTeamClasses && homeTeamClasses.classList) {
+        homeTeam = getTeamIdFromClassList(homeTeamClasses.classList);
+      }
+      if (awayTeamClasses && awayTeamClasses.classList) {
+        awayTeam = getTeamIdFromClassList(awayTeamClasses.classList);
+      }
+
+      if (!match || !status || !homeTeam || !awayTeam) {
+        return;
+      }
+
+      const safeWindow = window as any;
+      const isIOS =
+        safeWindow.webkit &&
+        safeWindow.webkit.messageHandlers &&
+        safeWindow.webkit.messageHandlers.interactiveSliceEvent;
+
+      const isAndroid = safeWindow.Android && safeWindow.Android.postMessage;
+
+      const navigationUrl = `/sport/${sport}/match-stats?competition=${competition}&season=${season}&match=${match}&status=${status}&homeTeam=${homeTeam}&awayTeam=${awayTeam}&enableMatchStats=true`;
+      const appMessage = {
+        type: 'openPage',
+        title: 'Football',
+        url: `${navigationUrl}&enableEmbeddedMode=true`
+      };
+
+      el.addEventListener('click', () => {
+        if (isIOS) {
+          safeWindow.webkit.messageHandlers.interactiveSliceEvent.postMessage(
+            JSON.stringify(appMessage)
+          );
+        } else if (isAndroid) {
+          safeWindow.Android.postMessage(JSON.stringify(appMessage));
+        } else {
+          window.location.href = navigationUrl;
+        }
+      });
+      (el as any)._optaClickBound = true;
+      clearInterval(updateTimestampsInterval);
+    });
+  }, 500);
+};

package/src/index.ts

@@ -152,6 +152,3 @@ export {
 export {
   OptaMatchStatsCommentary
 } from './components/opta/football/opta-match-stats/commentary/OptaMatchStatsCommentary';
-export {
-  OptaMatchStatsMatchdayLive
-} from './components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive';

package/dist/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { TeamColor } from '../shared/types';
-export declare const DesktopWidget: React.FC<{
-    season: string;
-    competition: string;
-    match: string;
-    isApp?: boolean;
-    homeTeamColor?: TeamColor;
-    awayTeamColor?: TeamColor;
-}>;

package/dist/components/opta/football/opta-match-stats/matchday-live/DesktopWidget.js

@@ -1,69 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Placeholder } from '@times-components/image';
-import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../../utils/config';
-import { PlaceholderContainer } from '../../../shared/shared-styles';
-import { WidgetContainer } from './styles/WidgetContainer';
-import { WidgetWrapper } from '../shared/styles';
-export const DesktopWidget = React.memo(({ season, competition, match, isApp = false, homeTeamColor = { light: '#000000', dark: '#a19c9cff' }, awayTeamColor = { light: '#007A3F', dark: '#007A3F' } }) => {
-    const ref = React.createRef();
-    const [isReady, setIsReady] = useState(false);
-    useEffect(() => {
-        const sport = 'football';
-        initSettings();
-        initStyleSheet(sport);
-        initScript()
-            .then(() => {
-            if (ref.current) {
-                ref.current.innerHTML = initElement('opta-widget', {
-                    sport,
-                    widget: 'matchday_live',
-                    season,
-                    competition,
-                    match,
-                    template: 'normal',
-                    live: true,
-                    orientation: 'horizontal',
-                    side: 'both',
-                    show_match_header: true,
-                    show_crests: true,
-                    show_pitch_crests: false,
-                    show_team_formation: true,
-                    show_score: false,
-                    show_halftime_score: false,
-                    show_competition_name: false,
-                    show_date: false,
-                    date_format: 'dddd D MMMM YYYY',
-                    narrow_date_format: 'DD/MM/YY',
-                    show_referee: true,
-                    show_venue: true,
-                    show_attendance: true,
-                    show_images: false,
-                    show_pitch_images: false,
-                    show_team_sheets: false,
-                    show_event_icons: true,
-                    show_player_names: true,
-                    show_player_stats: true,
-                    show_subs: 'all',
-                    competition_naming: 'brief',
-                    team_naming: 'full',
-                    player_naming: 'last_name',
-                    show_live: false,
-                    show_logo: false,
-                    show_title: false,
-                    breakpoints: '400, 700'
-                }).outerHTML;
-                initComponent();
-            }
-        })
-            .then(() => {
-            setIsReady(true);
-        });
-    }, []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(WidgetWrapper, { isApp: isApp, className: "matchday-live-widget-desktop" },
-            React.createElement("h3", null, "Line-ups"),
-            React.createElement(WidgetContainer, { ref: ref, isApp: isApp, homeTeamColor: homeTeamColor, awayTeamColor: awayTeamColor })),
-        !isReady && (React.createElement(PlaceholderContainer, { "data-testid": "placeholder" },
-            React.createElement(Placeholder, null)))));
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVza3RvcFdpZGdldC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvb3B0YS1tYXRjaC1zdGF0cy9tYXRjaGRheS1saXZlL0Rlc2t0b3BXaWRnZXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUNuRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEQsT0FBTyxFQUNMLFlBQVksRUFDWixjQUFjLEVBQ2QsVUFBVSxFQUNWLFdBQVcsRUFDWCxhQUFhLEVBQ2QsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNyRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBR2pELE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FPckIsS0FBSyxDQUFDLElBQUksQ0FDYixDQUFDLEVBQ0MsTUFBTSxFQUNOLFdBQVcsRUFDWCxLQUFLLEVBQ0wsS0FBSyxHQUFHLEtBQUssRUFDYixhQUFhLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsRUFDdkQsYUFBYSxHQUFHLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLEVBQ3RELEVBQUUsRUFBRTtJQUNILE1BQU0sR0FBRyxHQUFHLEtBQUssQ0FBQyxTQUFTLEVBQWtCLENBQUM7SUFDOUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUMsR0FBRyxRQUFRLENBQVUsS0FBSyxDQUFDLENBQUM7SUFFdkQsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLE1BQU0sS0FBSyxHQUFHLFVBQVUsQ0FBQztRQUV6QixZQUFZLEVBQUUsQ0FBQztRQUNmLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN0QixVQUFVLEVBQUU7YUFDVCxJQUFJLENBQUMsR0FBRyxFQUFFO1lBQ1QsSUFBSSxHQUFHLENBQUMsT0FBTyxFQUFFO2dCQUNmLEdBQUcsQ0FBQyxPQUFPLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FBQyxhQUFhLEVBQUU7b0JBQ2pELEtBQUs7b0JBQ0wsTUFBTSxFQUFFLGVBQWU7b0JBQ3ZCLE1BQU07b0JBQ04sV0FBVztvQkFDWCxLQUFLO29CQUNMLFFBQVEsRUFBRSxRQUFRO29CQUNsQixJQUFJLEVBQUUsSUFBSTtvQkFDVixXQUFXLEVBQUUsWUFBWTtvQkFDekIsSUFBSSxFQUFFLE1BQU07b0JBQ1osaUJBQWlCLEVBQUUsSUFBSTtvQkFDdkIsV0FBVyxFQUFFLElBQUk7b0JBQ2pCLGlCQUFpQixFQUFFLEtBQUs7b0JBQ3hCLG1CQUFtQixFQUFFLElBQUk7b0JBQ3pCLFVBQVUsRUFBRSxLQUFLO29CQUNqQixtQkFBbUIsRUFBRSxLQUFLO29CQUMxQixxQkFBcUIsRUFBRSxLQUFLO29CQUM1QixTQUFTLEVBQUUsS0FBSztvQkFDaEIsV0FBVyxFQUFFLGtCQUFrQjtvQkFDL0Isa0JBQWtCLEVBQUUsVUFBVTtvQkFDOUIsWUFBWSxFQUFFLElBQUk7b0JBQ2xCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixlQUFlLEVBQUUsSUFBSTtvQkFDckIsV0FBVyxFQUFFLEtBQUs7b0JBQ2xCLGlCQUFpQixFQUFFLEtBQUs7b0JBQ3hCLGdCQUFnQixFQUFFLEtBQUs7b0JBQ3ZCLGdCQUFnQixFQUFFLElBQUk7b0JBQ3RCLGlCQUFpQixFQUFFLElBQUk7b0JBQ3ZCLGlCQUFpQixFQUFFLElBQUk7b0JBQ3ZCLFNBQVMsRUFBRSxLQUFLO29CQUNoQixrQkFBa0IsRUFBRSxPQUFPO29CQUMzQixXQUFXLEVBQUUsTUFBTTtvQkFDbkIsYUFBYSxFQUFFLFdBQVc7b0JBQzFCLFNBQVMsRUFBRSxLQUFLO29CQUNoQixTQUFTLEVBQUUsS0FBSztvQkFDaEIsVUFBVSxFQUFFLEtBQUs7b0JBQ2pCLFdBQVcsRUFBRSxVQUFVO2lCQUN4QixDQUFDLENBQUMsU0FBUyxDQUFDO2dCQUViLGFBQWEsRUFBRSxDQUFDO2FBQ2pCO1FBQ0gsQ0FBQyxDQUFDO2FBQ0QsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNULFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNuQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sQ0FDTDtRQUNFLG9CQUFDLGFBQWEsSUFBQyxLQUFLLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBQyw4QkFBOEI7WUFDbkUsMkNBQWlCO1lBQ2pCLG9CQUFDLGVBQWUsSUFDZCxHQUFHLEVBQUUsR0FBRyxFQUNSLEtBQUssRUFBRSxLQUFLLEVBQ1osYUFBYSxFQUFFLGFBQWEsRUFDNUIsYUFBYSxFQUFFLGFBQWEsR0FDNUIsQ0FDWTtRQUNmLENBQUMsT0FBTyxJQUFJLENBQ1gsb0JBQUMsb0JBQW9CLG1CQUFhLGFBQWE7WUFDN0Msb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDQSxDQUNKLENBQUM7QUFDSixDQUFDLENBQ0YsQ0FBQyJ9

package/dist/components/opta/football/opta-match-stats/matchday-live/MobileWidget.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { TeamColor } from '../shared/types';
-export declare const MobileWidget: React.FC<{
-    season: string;
-    competition: string;
-    match: string;
-    isApp?: boolean;
-    homeTeamColor?: TeamColor;
-    awayTeamColor?: TeamColor;
-    homeTeamName: string;
-    awayTeamName: string;
-}>;

package/dist/components/opta/football/opta-match-stats/matchday-live/MobileWidget.js

@@ -1,90 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Placeholder } from '@times-components/image';
-import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../../utils/config';
-import { PlaceholderContainer } from '../../../shared/shared-styles';
-import { NavigationWrapper } from './styles/NavigationWrapper';
-import { WidgetContainer } from './styles/WidgetContainer';
-const widgetOptions = {
-    widget: 'matchday_live',
-    template: 'normal',
-    live: true,
-    orientation: 'vertical',
-    show_match_header: true,
-    show_crests: false,
-    show_pitch_crests: false,
-    show_team_formation: true,
-    show_score: false,
-    show_halftime_score: false,
-    show_competition_name: false,
-    show_date: false,
-    date_format: 'dddd D MMMM YYYY',
-    narrow_date_format: 'DD/MM/YY',
-    show_referee: true,
-    show_venue: false,
-    show_attendance: false,
-    show_images: false,
-    show_pitch_images: false,
-    show_team_sheets: false,
-    show_event_icons: true,
-    show_player_names: true,
-    show_player_stats: true,
-    show_subs: 'all',
-    competition_naming: 'brief',
-    team_naming: 'full',
-    player_naming: 'last_name',
-    show_live: false,
-    show_logo: false,
-    show_title: false
-};
-export const MobileWidget = React.memo(({ season, competition, match, isApp = false, homeTeamColor = { light: '#000000', dark: '#a19c9cff' }, awayTeamColor = { light: '#007A3F', dark: '#007A3F' }, homeTeamName, awayTeamName }) => {
-    const homeRef = React.createRef();
-    const awayRef = React.createRef();
-    const [isReady, setIsReady] = useState(false);
-    const [activeTeam, setActiveTeam] = useState('home');
-    useEffect(() => {
-        const sport = 'football';
-        initSettings();
-        initStyleSheet(sport);
-        initScript()
-            .then(() => {
-            if (homeRef.current) {
-                homeRef.current.innerHTML = initElement('opta-widget', {
-                    ...widgetOptions,
-                    sport,
-                    season,
-                    competition,
-                    match,
-                    side: 'home'
-                }).outerHTML;
-                initComponent();
-            }
-        })
-            .then(() => {
-            if (awayRef.current) {
-                awayRef.current.innerHTML = initElement('opta-widget', {
-                    ...widgetOptions,
-                    sport,
-                    season,
-                    competition,
-                    match,
-                    side: 'away'
-                }).outerHTML;
-                initComponent();
-            }
-        })
-            .finally(() => {
-            setIsReady(true);
-        });
-    }, []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "matchday-live-widget-mobile" },
-            React.createElement(NavigationWrapper, { "data-testid": "mobile-navigation-wrapper", activeTeam: activeTeam, homeTeamColor: homeTeamColor, awayTeamColor: awayTeamColor, isApp: isApp },
-                React.createElement("div", { className: "navigation-buttons" },
-                    React.createElement("button", { className: activeTeam === 'home' ? 'active home' : 'home', onClick: () => setActiveTeam('home') }, homeTeamName),
-                    React.createElement("button", { className: activeTeam === 'away' ? 'active away' : 'away', onClick: () => setActiveTeam('away') }, awayTeamName)),
-                React.createElement(WidgetContainer, { className: "home-widget-container", ref: homeRef, isApp: isApp, homeTeamColor: homeTeamColor, awayTeamColor: awayTeamColor }),
-                React.createElement(WidgetContainer, { className: "away-widget-container", ref: awayRef, isApp: isApp, homeTeamColor: homeTeamColor, awayTeamColor: awayTeamColor }),
-                !isReady && (React.createElement(PlaceholderContainer, { "data-testid": "placeholder" },
-                    React.createElement(Placeholder, null)))))));
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9iaWxlV2lkZ2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvb3B0YS9mb290YmFsbC9vcHRhLW1hdGNoLXN0YXRzL21hdGNoZGF5LWxpdmUvTW9iaWxlV2lkZ2V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3RELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFckUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBRTNELE1BQU0sYUFBYSxHQUFHO0lBQ3BCLE1BQU0sRUFBRSxlQUFlO0lBQ3ZCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLElBQUksRUFBRSxJQUFJO0lBQ1YsV0FBVyxFQUFFLFVBQVU7SUFDdkIsaUJBQWlCLEVBQUUsSUFBSTtJQUN2QixXQUFXLEVBQUUsS0FBSztJQUNsQixpQkFBaUIsRUFBRSxLQUFLO0lBQ3hCLG1CQUFtQixFQUFFLElBQUk7SUFDekIsVUFBVSxFQUFFLEtBQUs7SUFDakIsbUJBQW1CLEVBQUUsS0FBSztJQUMxQixxQkFBcUIsRUFBRSxLQUFLO0lBQzVCLFNBQVMsRUFBRSxLQUFLO0lBQ2hCLFdBQVcsRUFBRSxrQkFBa0I7SUFDL0Isa0JBQWtCLEVBQUUsVUFBVTtJQUM5QixZQUFZLEVBQUUsSUFBSTtJQUNsQixVQUFVLEVBQUUsS0FBSztJQUNqQixlQUFlLEVBQUUsS0FBSztJQUN0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

package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { TeamColor } from '../shared/types';
-export declare const OptaMatchStatsMatchdayLive: React.FC<{
-    season: string;
-    competition: string;
-    match: string;
-    isApp?: boolean;
-    homeTeamColor?: TeamColor;
-    awayTeamColor?: TeamColor;
-    homeTeamName: string;
-    awayTeamName: string;
-}>;

package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import { DesktopWidget } from './DesktopWidget';
-import { MobileWidget } from './MobileWidget';
-import { MatchdayLiveController } from './styles/MatchdayLiveController';
-export const OptaMatchStatsMatchdayLive = React.memo(props => {
-    return (React.createElement(MatchdayLiveController, null,
-        React.createElement(DesktopWidget, Object.assign({}, props)),
-        React.createElement(MobileWidget, Object.assign({}, props))));
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YU1hdGNoU3RhdHNNYXRjaGRheUxpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2Zvb3RiYWxsL29wdGEtbWF0Y2gtc3RhdHMvbWF0Y2hkYXktbGl2ZS9PcHRhTWF0Y2hTdGF0c01hdGNoZGF5TGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFekUsTUFBTSxDQUFDLE1BQU0sMEJBQTBCLEdBU2xDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUU7SUFDdEIsT0FBTyxDQUNMLG9CQUFDLHNCQUFzQjtRQUNyQixvQkFBQyxhQUFhLG9CQUFLLEtBQUssRUFBSTtRQUM1QixvQkFBQyxZQUFZLG9CQUFLLEtBQUssRUFBSSxDQUNKLENBQzFCLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9

package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive.stories.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import { showcaseConverter } from '@times-components/storybook';
-import { ArticleHarness } from '../../../../../fixtures/article-harness/ArticleHarness';
-import { OptaMatchStatsMatchdayLive } from './OptaMatchStatsMatchdayLive';
-const showcase = {
-    children: [
-        {
-            decorator: (storyFn) => (React.createElement(ArticleHarness, null, storyFn())),
-            type: 'decorator'
-        },
-        {
-            component: () => {
-                return (React.createElement(React.Fragment, null,
-                    React.createElement(OptaMatchStatsMatchdayLive, { season: "2025", competition: "8", match: "2562026", homeTeamName: "Arsenal", awayTeamName: "Brentford" })));
-            },
-            name: 'Summary',
-            type: 'story'
-        }
-    ],
-    name: 'Typescript Component/Opta Match Stats/Football/Match Stats Matchday Live'
-};
-// @ts-ignore
-showcaseConverter(module, showcase);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YU1hdGNoU3RhdHNNYXRjaGRheUxpdmUuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvb3B0YS1tYXRjaC1zdGF0cy9tYXRjaGRheS1saXZlL09wdGFNYXRjaFN0YXRzTWF0Y2hkYXlMaXZlLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVoRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDeEYsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFFMUUsTUFBTSxRQUFRLEdBQUc7SUFDZixRQUFRLEVBQUU7UUFDUjtZQUNFLFNBQVMsRUFBRSxDQUFDLE9BQThCLEVBQUUsRUFBRSxDQUFDLENBQzdDLG9CQUFDLGNBQWMsUUFBRSxPQUFPLEVBQUUsQ0FBa0IsQ0FDN0M7WUFDRCxJQUFJLEVBQUUsV0FBVztTQUNsQjtRQUNEO1lBQ0UsU0FBUyxFQUFFLEdBQUcsRUFBRTtnQkFDZCxPQUFPLENBQ0w7b0JBQ0Usb0JBQUMsMEJBQTBCLElBQ3pCLE1BQU0sRUFBQyxNQUFNLEVBQ2IsV0FBVyxFQUFDLEdBQUcsRUFDZixLQUFLLEVBQUMsU0FBUyxFQUNmLFlBQVksRUFBQyxTQUFTLEVBQ3RCLFlBQVksRUFBQyxXQUFXLEdBQ3hCLENBQ0QsQ0FDSixDQUFDO1lBQ0osQ0FBQztZQUNELElBQUksRUFBRSxTQUFTO1lBQ2YsSUFBSSxFQUFFLE9BQU87U0FDZDtLQUNGO0lBQ0QsSUFBSSxFQUNGLDBFQUEwRTtDQUM3RSxDQUFDO0FBRUYsYUFBYTtBQUNiLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyJ9

package/dist/components/opta/football/opta-match-stats/matchday-live/__tests__/OptaMatchStatsMatchdayLive.test.js

@@ -1,48 +0,0 @@
-import React from 'react';
-import { render, act } from '@testing-library/react';
-import 'regenerator-runtime';
-import '@testing-library/jest-dom';
-jest.mock('@times-components/image', () => ({
-    Placeholder: () => React.createElement(React.Fragment, null, "Placeholder")
-}));
-const mockInitSettings = jest.fn();
-const mockInitStyleSheet = jest.fn();
-const mockInitComponent = jest.fn();
-const mockHasMatchEvents = jest.fn();
-const mockInitElement = () => {
-    const element = document.createElement('div');
-    element.appendChild(document.createTextNode('Widget'));
-    return element;
-};
-jest.mock('../../../../utils/config', () => ({
-    initSettings: mockInitSettings,
-    initStyleSheet: mockInitStyleSheet,
-    initScript: () => new Promise(resolve => resolve({})),
-    initElement: mockInitElement,
-    initComponent: mockInitComponent
-}));
-import { OptaMatchStatsMatchdayLive } from '../OptaMatchStatsMatchdayLive';
-const requiredProps = {
-    season: '2020',
-    competition: '3',
-    match: '2041900',
-    homeTeamName: 'Liverpool',
-    awayTeamName: 'Manchester City'
-};
-describe('OptaMatchStatsSummary', () => {
-    beforeEach(() => {
-        jest.clearAllMocks();
-    });
-    it('should render correctly', async () => {
-        const { asFragment } = render(React.createElement(OptaMatchStatsMatchdayLive, Object.assign({}, requiredProps)));
-        act(() => {
-            mockInitComponent();
-            mockHasMatchEvents();
-        });
-        expect(mockInitSettings).toHaveBeenCalledTimes(1);
-        expect(mockInitStyleSheet).toHaveBeenCalledTimes(1);
-        expect(mockInitComponent).toHaveBeenCalledTimes(1);
-        expect(asFragment()).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YU1hdGNoU3RhdHNNYXRjaGRheUxpdmUudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvZm9vdGJhbGwvb3B0YS1tYXRjaC1zdGF0cy9tYXRjaGRheS1saXZlL19fdGVzdHNfXy9PcHRhTWF0Y2hTdGF0c01hdGNoZGF5TGl2ZS50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUVyRCxPQUFPLHFCQUFxQixDQUFDO0FBQzdCLE9BQU8sMkJBQTJCLENBQUM7QUFFbkMsSUFBSSxDQUFDLElBQUksQ0FBQyx5QkFBeUIsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQzFDLFdBQVcsRUFBRSxHQUFHLEVBQUUsQ0FBQyx3REFBZ0I7Q0FDcEMsQ0FBQyxDQUFDLENBQUM7QUFFSixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNuQyxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNyQyxNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUNwQyxNQUFNLGtCQUFrQixHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztBQUVyQyxNQUFNLGVBQWUsR0FBRyxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM5QyxPQUFPLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUN2RCxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDLENBQUM7QUFFRixJQUFJLENBQUMsSUFBSSxDQUFDLDBCQUEwQixFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDM0MsWUFBWSxFQUFFLGdCQUFnQjtJQUM5QixjQUFjLEVBQUUsa0JBQWtCO0lBQ2xDLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNyRCxXQUFXLEVBQUUsZUFBZTtJQUM1QixhQUFhLEVBQUUsaUJBQWlCO0NBQ2pDLENBQUMsQ0FBQyxDQUFDO0FBRUosT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFM0UsTUFBTSxhQUFhLEdBQUc7SUFDcEIsTUFBTSxFQUFFLE1BQU07SUFDZCxXQUFXLEVBQUUsR0FBRztJQUNoQixLQUFLLEVBQUUsU0FBUztJQUNoQixZQUFZLEVBQUUsV0FBVztJQUN6QixZQUFZLEVBQUUsaUJBQWlCO0NBQ2hDLENBQUM7QUFFRixRQUFRLENBQUMsdUJBQXVCLEVBQUUsR0FBRyxFQUFFO0lBQ3JDLFVBQVUsQ0FBQyxHQUFHLEVBQUU7UUFDZCxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMseUJBQXlCLEVBQUUsS0FBSyxJQUFJLEVBQUU7UUFDdkMsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLE1BQU0sQ0FDM0Isb0JBQUMsMEJBQTBCLG9CQUFLLGFBQWEsRUFBSSxDQUNsRCxDQUFDO1FBRUYsR0FBRyxDQUFDLEdBQUcsRUFBRTtZQUNQLGlCQUFpQixFQUFFLENBQUM7WUFDcEIsa0JBQWtCLEVBQUUsQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztRQUVILE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2xELE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BELE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO1FBRW5ELE1BQU0sQ0FBQyxVQUFVLEVBQUUsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQ3pDLENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/opta/football/opta-match-stats/matchday-live/styles/MatchdayLiveController.d.ts

@@ -1 +0,0 @@
-export declare const MatchdayLiveController: import("styled-components").StyledComponent<"div", any, {}, never>;