const replaceCartInfo = (oldCartInfo, newCartInfo) => {
  if (location.href.indexOf("https://") == -1) {
    const url_arr = location.href.replace("http://", "").split("/")[0].split(".");
    // 今はimgのみの１ヶ所なのでOK。今後srcを増やす場合は注意。
    while (newCartInfo.indexOf("src=\"/" + url_arr[0], 0) != -1) {
      newCartInfo = newCartInfo.replace("src=\"/" + url_arr[0], "src=\"");
    }
  }
  const selectors = [
    '.sysCartInfoItemCount',
    '.sysCartInfoTotalPrice',
    '.sysCartInfoRemainFreeShipping',
    '.sysCartInfoItemList',
    '.sysCartInfoItemListWithImage',
  ];

  for (const selectorIndex in selectors) {
    const target = oldCartInfo.querySelector(selectors[selectorIndex]);
    const newTarget = newCartInfo.querySelector(selectors[selectorIndex]);
    if (target !== null && newTarget !== null) {
      target.innerHTML = newTarget.innerHTML;
    }
  }
};

var cartInfoCount = 0;
const registerCartInfoUpdateListener = (uri) => {
  const cartInfoElement = document.querySelectorAll('.sysFuncCartInfo')[cartInfoCount];
  cartInfoCount++;

  addEventListener('cartupdated', function () {
    fetch(
      uri,
      {
        method: 'GET',
        headers: {
          'X-Requested-With': 'XMLHttpRequest' // _previous.urlセッションにセットされないようにXMLHttpRequestを指定する
        },
      }).then(async response => {
        if (response.ok) {
          const newElement = document.createElement('div');
          newElement.innerHTML = await response.text();
          replaceCartInfo(cartInfoElement, newElement);
        } else {
          throw new Error('Failed update cart info');
        }
      });
  });
};