(function () {
  var take = function () { //DDP
    console.log('DDP - banaba')
    const BASE_URL = "https://pr.aqur.com";
    const fetchOptions = {
      method: "POST",
      headers: { "Content-Type": "application/json" }
    };
    const urlParams = new URLSearchParams(window.location.search);
    const trackKey = urlParams.get('trackKey') || "aqur-banaba";
    const aqur_chatform = localStorage.getItem("chatform") || localStorage.getItem(trackKey);
    let chatformData = null;
    try {
      chatformData = aqur_chatform ? JSON.parse(aqur_chatform) : null;
    } catch (e) {
      chatformData = null;
    }

    async function track(trackingData, orderKey, orderValue, status = "") {
      try {
        console.log("track", trackingData, orderKey, orderValue, status)
        await fetch(`${BASE_URL}/track`, { ...fetchOptions, body: trackingData });
        let chatformData = JSON.parse(aqur_chatform);
        const response2 = await fetch(`${BASE_URL}/pdi/${chatformData.uuId}`);
        const data2 = await response2.json();
        data2.data.data = {
          ...data2.data.data,
          [orderKey]: orderValue
        };
        data2.data.Completed = true;
        if (status) {
          data2.status = status;
        }
        await fetch(`${BASE_URL}/pdi/set`, { ...fetchOptions, body: JSON.stringify(data2.data) });
        console.log("Conversion Tracked!!");
      } catch (error) {
        console.error('Error:', error);
      }
    }

    if (chatformData && chatformData.pid == "banaba") {
      const checkUpsellInterval = setInterval(() => {
        let isUpsell = localStorage.getItem('upsell_submit');
        let isUpsellThankPage = Array.from(document.querySelectorAll("b"))
          .find(el => el.textContent.trim().includes("ご注文ありがとうございました。"));
        if (isUpsell == "true" && isUpsellThankPage) {
          const orderId = new URLSearchParams(window.location.search).get('orderId');
          console.log('Upsell Thank Page')
          if (orderId) {
            let param6 = {
              event: "chatform_bindUpsellConversion",
              order_id: orderId
            }
            window.parent.postMessage(param6, "*")
            let param = {
              event: "chatform_page_transition",
              totalProcess: 4,
              pageIndex: 4
            }
            window.parent.postMessage(param, "*")
            localStorage.removeItem("upsell_submit");
            localStorage.removeItem("chatform")
            localStorage.removeItem(trackKey)
            track(aqur_chatform, "order_id_Upsell", orderId, "Upsell_Completed")
            clearInterval(checkUpsellInterval);
          }
        }
      }, 3000);

      errorCheckBANABA()

      if (location.pathname == "/auth/thanks/" || location.pathname == "/auth/sp/thanks/") {
        var completeExe = () => {
          var completeInterval = setInterval(function () {
            console.log("completeInterval")
            let isThankPage = Array.from(document.querySelectorAll("b"))
              .find(el => el.textContent.trim().includes("ご注文ありがとうございました。"));

            const orderId = new URLSearchParams(window.location.search).get('orderId');
            if (isThankPage || orderId) {
              clearInterval(completeInterval);
              let param = {
                event: "chatform_page_transition",
                totalProcess: 4,
                pageIndex: 4
              }
              window.parent.postMessage(param, "*")
              let isUpsell = localStorage.getItem('upsell_submit');

              if (isUpsell == "true") {
                console.log('Upsell Thank Page')
                if (orderId) {
                  let param6 = {
                    event: "chatform_bindUpsellConversion",
                    order_id: orderId
                  }
                  window.parent.postMessage(param6, "*")
                  let param = {
                    event: "chatform_page_transition",
                    totalProcess: 4,
                    pageIndex: 4
                  }
                  window.parent.postMessage(param, "*")
                  localStorage.removeItem("upsell_submit");
                  localStorage.removeItem("chatform")
                  localStorage.removeItem(trackKey)
                  track(aqur_chatform, "order_id_Upsell", orderId, "Upsell_Completed")
                } else {
                  let param6 = {
                    event: "chatform_bindUpsellConversion",
                    order_id: "ご注文いただきましてありがとうございました。"
                  }
                  window.parent.postMessage(param6, "*")
                  let param = {
                    event: "chatform_page_transition",
                    totalProcess: 4,
                    pageIndex: 4
                  }
                  window.parent.postMessage(param, "*")
                  track(aqur_chatform)
                }
              } else {
                console.log("Thank Page")
                if (orderId) {
                  let param2 = {
                    event: "chatform_bindFormConversion",
                    order_id: orderId
                  }
                  window.parent.postMessage(param2, "*")
                  track(aqur_chatform, "order_id", orderId);
                  (function() {
                    if (window.SmartnewsAds = window.SmartnewsAds || {}, !window.SmartnewsAds.p) {
                      var e = window.SmartnewsAds.p = function() {
                        e.callMethod ? e.callMethod.apply(e, arguments) : e.queue.push(arguments)
                      };
                      window.SmartnewsAds._p || (window.SmartnewsAds._p = e), e.push = e, e.version = "1.0.0", e.queue = [];
                      var n = document.createElement("script");
                      n.async = !0, n.src = "//cdn.smartnews-ads.com/i/pixel.js";
                      var s = document.getElementsByTagName("script")[0];
                      s.parentNode.insertBefore(n, s)
                    }
                  })();
                  SmartnewsAds.p("72b4be6a6f534092e4c9e93a", "PageView");
                  SmartnewsAds.p("72b4be6a6f534092e4c9e93a", "Purchase");

                  var noscriptImg = document.createElement("img");
                  noscriptImg.height = "1";
                  noscriptImg.width = "1";
                  noscriptImg.style.display = "none";
                  noscriptImg.alt = "";
                  noscriptImg.src = "https://i.smartnews-ads.com/p?id=72b4be6a6f534092e4c9e93a&e=PageView";
                  document.body.appendChild(noscriptImg);

                  (function(g,d,o){
                    g._ltq=g._ltq||[];g._lt=g._lt||function(){g._ltq.push(arguments)};
                    var h=location.protocol==='https:'?'https://d.line-scdn.net':'http://d.line-cdn.net';
                    var s=d.createElement('script');s.async=1;
                    s.src=o||h+'/n/line_tag/public/release/v1/lt.js';
                    var t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);
                  })(window, document);
                  _lt('init', {
                    customerType: 'lap',
                    tagId: '8b3c74d4-105d-4d0a-b14f-04440234ed07'
                  });
                  _lt('send', 'pv', ['8b3c74d4-105d-4d0a-b14f-04440234ed07']);

                  var lineNoscriptImg = document.createElement("img");
                  lineNoscriptImg.height = "1";
                  lineNoscriptImg.width = "1";
                  lineNoscriptImg.style.display = "none";
                  lineNoscriptImg.src = "https://tr.line.me/tag.gif?c_t=lap&t_id=8b3c74d4-105d-4d0a-b14f-04440234ed07&e=pv&noscript=1";
                  document.body.appendChild(lineNoscriptImg);

                  _lt('send', 'cv', {
                    type: 'Conversion'
                  },['8b3c74d4-105d-4d0a-b14f-04440234ed07']);

                  _lt('send', 'cv', {
                    type: 'Purchase',
                    value: 8500,
                    currency: 'JPY'
                  },['8b3c74d4-105d-4d0a-b14f-04440234ed07']);
                }
              }
            } else {
              console.log("order_id not found")
            }
          }, 100);
        };
        completeExe()
      }
    } else {
      console.log("No Chatform")
    }

    async function errorCheckBANABA() {
      console.log("ERRROR CHECK !!!")
      await new Promise(resolve => setTimeout(resolve, 2000));
      const errorContents = document.querySelectorAll('.compo-form-message--error');
      const errorContents2 = document.querySelectorAll('.compo-form-message--error p');
      const errorContents3 = document.querySelectorAll('.error-reason');

      if (errorContents.length > 0 || errorContents2.length > 0 || errorContents3.length > 0) {
        let errorText = [];

        if (errorContents.length > 0) {
          errorText.push(
            ...Array.from(errorContents)
              .map(el => el.textContent.trim())
              .filter(msg => msg !== '')
          );
        }

        if (errorContents2.length > 0) {
          errorText.push(
            ...Array.from(errorContents2)
              .map(el => el.textContent.trim())
              .filter(msg => msg !== '')
          );
        }

        if (errorContents3.length > 0) {
          errorText.push(
            ...Array.from(errorContents3)
              .map(el => el.textContent.trim())
              .filter(msg => msg !== '')
          );
        }

        if (errorText.length > 0) {
          console.log("errorText Check => ", errorText)
          const param = {
            event: "chatform_bindFormErrorFound",
            text: errorText.join(',') + ',\nお問い合わせは下記番号までお電話ください。\n0120-829-574（受付時間：平日10時〜17時）',
          };
          window.parent.postMessage(param, '*');
        }

        if (errorContents2.length > 0) {
          document.querySelector('#ctl00_ContentPlaceHolder1_aGoBack').click();
        }

        [...errorContents, ...errorContents3].forEach(el => {
          el.textContent = '';
        });

        setTimeout(() => {
          window.parent.postMessage({ event: "tryReset" }, "*");
        }, 2000);
      }
    }

    window.addEventListener("message", async (event) => {
      if (event.data.event == "setLastName") {
        window.aqur.fillInput('input[name="last_name"]', event.data.value)
      }

      if (event.data.event == "setFirstName") {
        window.aqur.fillInput('input[name="first_name"]', event.data.value)
      }

      if (event.data.event == "setLastNameKana") {
        window.aqur.fillInput('input[name="last_kana"]', event.data.value)
      }

      if (event.data.event == "setFirstNameKana") {
        window.aqur.fillInput('input[name="first_kana"]', event.data.value)
      }

      if (event.data.event == "setTel") {
        var value = event.data.value.replaceAll(/-/g, '');

        function classifyJapanesePhone(phoneNumber) {
          const normalized = phoneNumber.replace(/[-\s]/g, '');

          if (/^(070|080|090|060)\d{8}$/.test(normalized)) {
            return "mobile";
          }

          if (/^0\d{9}$/.test(normalized)) {
            return "home";
          }

          return "invalid";
        }

        const phoneType = classifyJapanesePhone(value);
        const isMobile = phoneType === "mobile";

        window.aqur.fillInput('input[name="tel"]', value)
        var passwordValue = value.slice(-8);
        window.aqur.fillInput('input[name="password"]', passwordValue)

        if (isMobile) {
          window.aqur.fillInput('input[name="email"]', 'dummy' + value + "@wakan.shop")
        }
      }

      if (event.data.event == "setPostalCode") {
        var value = event.data.value.replaceAll(/-/g, '');
        window.aqur.fillInput('input[name="zipcode"]', value)
      }
      if (event.data.event == "setPref") {
        window.aqur.chooseSelectBoxLabel('select[name="pref"]', event.data.value)
      }
      if (event.data.event == "setCity") {
        window.aqur.fillInput('input[name="order_address1"]', event.data.value)
      }
      if (event.data.event == "setStreet") {
        const currentValue = document.querySelector('input[name="order_address2"]').value;
        const buildingValue = currentValue.split(' ')[1] || '';
        window.aqur.fillInput('input[name="order_address2"]', `${event.data.value} ${buildingValue}`.trim())
      }
      if (event.data.event == "setBuilding") {
        const currentValue = document.querySelector('input[name="order_address2"]').value;
        const streetValue = currentValue.split(' ')[0] || '';
        window.aqur.fillInput('input[name="order_address2"]', `${streetValue} ${event.data.value}`.trim())
      }

      if (event.data.event == "setGender") {
        window.aqur.chooseRadioButton('[name="sex"]', event.data.value)
      }

      if (event.data.event == "setBirthdayYear") {
        window.aqur.chooseSelectBox('select[name="birthday_yyyy"]', event.data.value)
      }
      if (event.data.event == "setBirthdayMonth") {
        window.aqur.chooseSelectBox('select[name="birthday_mm"]', event.data.value)
      }
      if (event.data.event == "setBirthdayDay") {
        window.aqur.chooseSelectBox('select[name="birthday_dd"]', event.data.value)
      }

      if (event.data.event == "setEmail") {
        window.useUserEmail = true;
        window.aqur.fillInput('input[name="email"]', event.data.value)
      }

      if (event.data.event == "setPassword") {
        // window.aqur.fillInput('input[name="password"]', event.data.value)
      }

      if (event.data.event == "setPaymentMethod") {
        let paymentValue = event.data.value == "K10" ? "5" : event.data.value == "K32" ? "30" : ""
        if (paymentValue) {
          window.aqur.chooseRadioButton('input[name="payment_method"]', paymentValue)
          window.aqur.PaymentMethod = event.data.value;
        } else {
          console.error('PaymentMethod not found.');
        }
      }
      if (event.data.event == "setCardNumber") {
        window.aqur.fillInput('input[name="cardnumber"]', event.data.value)
      }
      if (event.data.event == "setCardExpirationYear") {
        window.aqur.chooseSelectBox('select[name="expyy"]', event.data.value)
      }
      if (event.data.event == "setCardExpirationMonth") {
        window.aqur.chooseSelectBox('select[name="expmm"]', event.data.value > 9 ? event.data.value : `0${event.data.value}`)
      }
      if (event.data.event == "setCardHolderName") {
        // window.aqur.fillInput('input[name=""]', event.data.value)
      }

      if (event.data.event == "chatform_bindFormSubmit_BANABA") {
        const submitButton = Array.from(document.querySelectorAll('.set-align-c .btn-cart-decision'))
          .find(el => el.textContent.trim() === '利用規約に同意して次へ')
        if (submitButton !== null) {
          submitButton.click();
          let param = {
            event: "chatform_page_transition",
            totalProcess: 4,
            pageIndex: 1
          }
          window.parent.postMessage(param, "*")

          await new Promise(resolve => setTimeout(resolve, 5000));

          var submitInterval = setInterval(function () {
            const submitButton = Array.from(document.querySelectorAll('.btn-cart-decision'))
              .find(el => el.textContent.trim() === '注文を確定する')
            if (submitButton) {
              clearInterval(submitInterval);
              submitButton.click();
              let param = {
                event: "chatform_page_transition",
                totalProcess: 4,
                pageIndex: 2
              }
              window.parent.postMessage(param, "*")
            }
          }, 1000);

          await new Promise(resolve => setTimeout(resolve, 2000));
          errorCheckBANABA()
        } else {
          console.error('Element with ID ".__send" not found.');
        }
        errorCheckBANABA()
      }

      if (event.data.event == "chatform_bindFormUpsellComplete") {
        console.log("chatform_bindFormUpsellComplete")
        const UpsellButton = document.querySelector('.request-offer input[type="image"]');
        localStorage.setItem("upsell_submit", "true");
        if (UpsellButton !== null) {
          let param = {
            event: "chatform_page_transition",
            totalProcess: 4,
            pageIndex: 1
          }
          window.parent.postMessage(param, "*")
          UpsellButton.click();

          await new Promise(resolve => setTimeout(resolve, 3000));

          if (document.querySelector('.btn-cart-decision')) {
            setTimeout(function () {
              var submitInterval = setInterval(function () {
                const submitButton = Array.from(document.querySelectorAll('.btn-cart-decision'))
                  .find(el => el.textContent.trim() === '注文を確定する')
                if (submitButton) {
                  console.log("submitButton clicked")
                  clearInterval(submitInterval);
                  submitButton.click();
                }
              }, 100);
            }, 3000);
          }

          await new Promise(resolve => setTimeout(resolve, 2000));
          errorCheckBANABA()
        } else {
          console.error('UpsellButton not found.');
        }
      }

      if (event.data.event == "chatform_bindFormxsellComplete") {
        document.querySelector('#isOptin1').checked = true;
        const XsellButton = document.querySelector('#memberSaveButton_disp');
        if (XsellButton !== null) {
          let param = {
            event: "chatform_page_transition",
            totalProcess: 4,
            pageIndex: 1
          }
          window.parent.postMessage(param, "*")
          XsellButton.click();
        } else {
          console.error('Element with ID ".__send" not found.');
        }
      }
    })

    setTimeout(() => {
      if (!window.aqur) {
        window.aqur = {};
      }
      window.aqur.fillInput = (selector, value) => {
        const inputElement = document.querySelector(selector);
        if (inputElement) {
          inputElement.value = value;
          var event = new Event('input', {
            bubbles: true,
            cancelable: true
          });
          inputElement.dispatchEvent(event);
          inputElement.scrollIntoView();
        }
      };

      window.aqur.chooseRadioButton = (radioSelector, value) => {
        const radioButton = document.querySelector(`${radioSelector}[value='${value}']`);
        if (radioButton) {
          radioButton.checked = true;
          let event = new Event('change', { bubbles: true, composed: true })
          radioButton.dispatchEvent(event);
        }
      };

      window.aqur.chooseSelectBox = (selectBoxSelector, value, useOptionVal = true) => {
        let option = ""
        if (useOptionVal) {
          option = document.querySelector(`${selectBoxSelector} option[value='${value}']`);
        } else {
          option = document.querySelector(`${selectBoxSelector} option[label='${value}']`);
        }
        const selectElement = document.querySelector(`${selectBoxSelector}`);

        if (option && selectElement) {
          option.selected = true;
          const event = new Event('change', { bubbles: true, composed: true })
          selectElement.dispatchEvent(event);
        }
      };

      window.aqur.chooseSelectBoxLabel = (selectBoxSelector, label) => {
        const selectElement = document.querySelector(selectBoxSelector);
        var option;
        if (selectElement) {
          option = Array.from(selectElement.options).find(
            opt => opt.textContent.trim() === label
          );
        }
        if (option) {
          option.selected = true;
          const event = new Event('change', { bubbles: true, composed: true });
          selectElement.dispatchEvent(event);
        }
      };
    }, 1000);
  }
  setTimeout(take, 0);
}())