Similar Bets (Bet Slip)

{
  sport: {
    available: [1, 2],  // Soccer and Basketball only
    sportNames: false
  },
  time: {
    available: ['not_started'],
    active: ['not_started']  // Only upcoming similar events
  },
  country: {
    available: ['GB', 'DE', 'ES', 'IT']  // European countries
  },
  league: {
    available: [
      'sr:tournament:17',   // Premier League
      'sr:tournament:34',    // Bundesliga
    ]
  }
}

SIR("addWidget", "#sr-widget", "betRecommendation.markets", {
  onItemClick: function (target, data) {
    if (target === "externalOutcome") {
      // Add single outcome to bet slip
      const { externalEvent, externalMarket, externalOutcome } = data;
      betSlip.add({
        eventId: externalEvent.id,
        marketId: externalMarket.id,
        outcomeId: externalOutcome.id,
      });
    } else if (target === "externalEvent") {
      // Navigate to event/match detail page
      window.location.href = `/matches/${data.externalEvent.id}`;
    } else if (target === "externalCompetition") {
      // Navigate to competition/league page
      window.location.href = `/league/${data.externalCompetition.tournament.id}`;
    }
  },
  filters: { recommendationType: { available: "popular" } },
});

// 1. Track your bet slip state
let changeCallback;
let betSlipState = { betslip: [], combinedOddsValue: undefined };

// 2. Notify the widget whenever the bet slip changes
function onBetSlipChanged(callback) {
  changeCallback = callback;
  changeCallback && changeCallback(betSlipState); // push current state immediately
}

// 3. Handle outcome clicks from the widget
function onItemClick(target, data) {
  if (target === "externalOutcome") {
    const newBet = {
      externalEventId: data.externalEvent.id,
      externalMarketId: data.externalMarket.id,
      externalOutcomeId: data.externalOutcome.id,
      externalSpecifierId: data.externalMarket.specifier
        ? data.externalMarket.specifier.value
        : undefined,
    };
    betSlipState = {
      betslip: [...betSlipState.betslip, newBet],
      combinedOddsValue: "14.52", // replace with your own calculation
    };
    changeCallback && changeCallback(betSlipState);
  }
}

// 4. Register adapter with bet slip sync + add the widget
SIR("registerAdapter", "{ADAPTER_NAME}", { onBetSlipChanged });
SIR("addWidget", "#sr-widget", "betRecommendation.markets", { onItemClick });

SIR("registerAdapter", "mockData", { onBetSlipChanged });

(function (a, b, c, d, e, f, g, h, i) {
  a[e] ||
    ((i = a[e] =
      function () {
        (a[e].q = a[e].q || []).push(arguments);
      }),
    (i.l = 1 * new Date()),
    (i.o = f),
    (g = b.createElement(c)),
    (h = b.getElementsByTagName(c)[0]),
    (g.async = 1),
    (g.src = d),
    g.setAttribute("n", e),
    h.parentNode.insertBefore(g, h));
})(
  window,
  document,
  "script",
  "https://widgets.sir.sportradar.com/sportradar/widgetloader",
  "SIR",
  { language: "en" },
);

SIR("registerAdapter", "{ADAPTER_NAME}");
SIR("addWidget", "#sr-widget", "betRecommendation.markets");

betSlip.on("selectionAdded", updateSimilarBets);
betSlip.on("selectionRemoved", updateSimilarBets);
betSlip.on("selectionChanged", updateSimilarBets);
betSlip.on("cleared", hideSimilarBets);

function updateSimilarBets() {
  const eventIds = betSlip.getEventIds();
  if (eventIds.length === 0) {
    hideSimilarBets();
    return;
  }
  SIR("addWidget", "#similar-bets", "betRecommendation.similarBets", {
    similarEventIds: eventIds,
    count: 3,
  });
}

let updateTimer;

function debouncedUpdateSimilarBets() {
  clearTimeout(updateTimer);
  updateTimer = setTimeout(() => {
    updateSimilarBets();
  }, 500);
}

betSlip.on("selectionAdded", debouncedUpdateSimilarBets);
betSlip.on("selectionRemoved", debouncedUpdateSimilarBets);

function updateSimilarBets() {
  const selections = betSlip.getSelections();
  const eventIds = selections.map((s) => s.eventId);

  if (eventIds.length === 0) {
    hideSimilarBets();
    return;
  }

  if (eventIds.length >= 5) {
    hideSimilarBets();
    return;
  }

  const recommendationCount = Math.min(3, 5 - eventIds.length);
  SIR("addWidget", "#similar-bets", "betRecommendation.similarBets", {
    similarEventIds: eventIds,
    count: recommendationCount,
  });
}