(function () { var take = function () { //DDP console.log('DDP - yhj') const BASE_URL = "https://pr.aqur.com"; const fetchOptions = { method: "POST", headers: { "Content-Type": "application/json" } }; const chatform = localStorage.getItem("chatform"); 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(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 (chatform) { const checkUpsellInterval = setInterval(() => { let isUpsell = localStorage.getItem('yhj_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') localStorage.removeItem("yhj_upsell_submit"); if (orderId) { let param6 = { event: "chatform_bindUpsellConversion", order_id: orderId } window.parent.postMessage(param6, "*") track(chatform, "order_id_Upsell", orderId, "Upsell_Completed") let param = { event: "chatform_page_transition", totalProcess: 4, pageIndex: 4 } window.parent.postMessage(param, "*") clearInterval(checkUpsellInterval); } } }, 3000); errorCheckYHJ() 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'); let isUpsell = localStorage.getItem('yhj_upsell_submit'); if (isThankPage || orderId) { clearInterval(completeInterval); let param = { event: "chatform_page_transition", totalProcess: 4, pageIndex: 4 } window.parent.postMessage(param, "*") if (isUpsell == "true") { console.log('Upsell Thank Page') } else { console.log("Thank Page") if (orderId) { let param2 = { event: "chatform_bindFormConversion", order_id: orderId } window.parent.postMessage(param2, "*") track(chatform, "order_id", orderId); } else { let param2 = { event: "chatform_bindFormConversion", order_id: "ご注文いただきましてありがとうございました。" } window.parent.postMessage(param2, "*") track(chatform) } } } else { console.log("order_id not found") } }, 1000); } setTimeout(completeExe, 3000) } } else { console.log("No Chatform") } async function errorCheckYHJ() { console.log("ERRROR CHECK !!!") await new Promise(resolve => setTimeout(resolve, 2000)); const errorContents = document.querySelectorAll('.compo-form-message--error'); // added 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 = []; // LP if (errorContents.length > 0) { errorText.push( ...Array.from(errorContents) .map(el => el.textContent.trim()) .filter(msg => msg !== '') ); } // Credit Card Error Page 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-926-354(受付時間:平日10時〜17時)', }; window.parent.postMessage(param, '*'); } if (errorContents2.length > 0) { document.querySelector('#ctl00_ContentPlaceHolder1_aGoBack').click(); } // Clear error messages from DOM [...errorContents, ...errorContents3].forEach(el => { el.textContent = ''; }); setTimeout(() => { window.parent.postMessage({ event: "tryReset" }, "*"); }, 2000); } } window.addEventListener("message", async (event) => { //console.log("window message") //aqurBindidng 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, ''); // Check if the phone number is mobile function classifyJapanesePhone(phoneNumber) { // ハイフンやスペースを除去 const normalized = phoneNumber.replace(/[-\s]/g, ''); // 携帯電話: 070 / 080 / 090 / 060 で始まり、11桁 if (/^(070|080|090|060)\d{8}$/.test(normalized)) { return "mobile"; } // 固定電話: 0から始まり 10桁 (地域番号 + 市内局番 + 加入者番号) // 例: 03xxxx xxxx, 06xxxx xxxx, 052xxx xxxx など if (/^0\d{9}$/.test(normalized)) { return "home"; } return "invalid"; // どちらにも当てはまらない } const phoneType = classifyJapanesePhone(value); const isMobile = phoneType === "mobile"; console.log(`Aqur - Phone number ${value} is ${phoneType}`); window.aqur.fillInput('input[name="tel"]', value) // Fill password with last 8 digits of telephone number 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_YHJ") { 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, 3000)); var submitInterval = setInterval(function () { //console.log("try clicking confirm") const submitButton = Array.from(document.querySelectorAll('.btn-cart-decision')) .find(el => el.textContent.trim() === '注文を確定する') if (submitButton) { // console.log("submitButton clicked") 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)); errorCheckYHJ() } else { console.error('Element with ID ".__send" not found.'); } errorCheckYHJ() } //アップセル変更ボタン押下 if (event.data.event == "chatform_bindFormUpsellComplete") { console.log("chatform_bindFormUpsellComplete") const UpsellButton = document.querySelector('.request-offer input[type="image"]'); localStorage.setItem("yhj_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')) { // SP setTimeout(function () { var submitInterval = setInterval(function () { //console.log("try clicking confirm") 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)); errorCheckYHJ() // btn-cart-decision } else { console.error('UpsellButton 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); }())