(function() {
var take = function() {
window.AqurBaseURL = 'https://bleach-server-e7d55b4bcbab.herokuapp.com';
window.addEventListener("chatform_initialized", (event) => {
const chatform = localStorage.getItem("chatform")
if(chatform && document.querySelectorAll(".form-alert-message").length > 0 ){
ScrollFormtoError()
}else{
activateChatformWidget()
}
const pdServer2 = document.querySelector('[name="product_type"][value="2"]')
const pdServer1 = document.querySelector('[name="product_type"][value="1"]')
pdServer2?.click()
// pdServer1?.setAttribute("disabled", true)
})
function render(template, data){ //console.log("render",template,data)
return template.replace(/{{(.*?)}}/g, (match) => {
return data[match.split(/{{|}}/).filter(Boolean)[0].trim()]
})
}
function activateChatformWidget(){
if(!chatform_initialized){ console.log("Aqur is not ready")
return
}
const w = document.querySelector('.chatform_widget');
w.classList.toggle("close");
if(w.classList.contains("close")){
document.body.classList.remove("chat_open");
}else{
document.body.classList.add("chat_open");
}
}
var chatform_initialized = false
const pid = "lohasui";
const target = "production";
const mode = "release";
const device = JSON.parse("false".toLowerCase())?"mobile":"pc";
const launch = "click";
const client = "https://form.aqur.com/";
let REF = new URL(window.location);
let userChatbot = REF.searchParams.get('usechatbot')
if(userChatbot=="no"){ console.log("no chatbot")
return
}
REF.searchParams.append('pid', pid);
REF.searchParams.append('mode', mode);
REF.searchParams.append('target', target);
REF.searchParams.append('hash', "90bb7263-28fc-4c71-aba4-fe811501884b");
REF.searchParams.append('browser', "undefined");
REF.searchParams.append('device', device);
REF.searchParams.append('os', "undefined");
REF.searchParams.append('ua', "Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)");
REF.searchParams.append('ip', "216.73.216.10");
REF.searchParams.append('ref', REF.href);
REF.searchParams.append('path', REF.pathname);
//for UI
REF.searchParams.append('CLIENT_ID', 'BLC');
REF.searchParams.append('BASE_URL', 'https://bleach-server-e7d55b4bcbab.herokuapp.com');
REF.searchParams.append('HEADER_LABEL', ' ');
REF.searchParams.append('HEADER_BG_COLOR', '#fff');
REF.searchParams.append('HEADER_LABEL_COLOR', '#fff');
REF.searchParams.append('SHOW_TIMER', 'false');
REF.searchParams.append('ICON_PATH', 'https://res.cloudinary.com/dts6mbw86/image/upload/v1713319985/aqur/common/icon_azvikf.png');
const params = new URLSearchParams(REF.search.slice(1));
var sid = params.get('qu_sid');
if(sid){
REF.searchParams.append('sid', sid);
}
let search = REF.search.slice(1)
//console.log(search)
let widget = render(
''+
'',
{
device : device,
client : client,
search : (search)?"&"+search:"",
}
);
const body = document.body;
if(body){
var filterid;
const chatbotProgressBar = ""
body.insertAdjacentHTML('beforeend', chatbotProgressBar);
if(device){
body.classList.add(device)
}
body.insertAdjacentHTML('beforeend', widget);
const target = document.querySelector('.chatform_widget');
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
if(!target.classList.contains("close")){
var contentWindow = target.contentWindow;
if(contentWindow){
contentWindow.postMessage("chat_open", "*");
contentWindow.postMessage(
{
type:"filterIdChanged",
data:filterid
}, "*");
}
}
});
});
const config = {
characterData: true,
attributes:true,
subtree: true
};
observer.observe(target, config);
// document.body.classList.add('centerWidget');
}
let creationComplete = function(){
if(device=="pc"){
var resize=()=>{
let zoom_level = window.devicePixelRatio || window.screen.availWidth / document.documentElement.clientWidth * 100;
const targets = document.querySelectorAll('body,.chatform_widget');
if(zoom_level>=3){
targets[0].classList.add("mobile")
targets[0].classList.remove("pc")
targets[1].classList.add("mobile")
targets[1].classList.remove("pc")
}else{
targets[0].classList.add("pc")
targets[0].classList.remove("mobile")
targets[1].classList.add("pc")
targets[1].classList.remove("mobile")
}
}
resize()
window.addEventListener("resize", () => {
resize()
})
}
document.addEventListener('click', (event) => {
if (event.target &&
event.target.closest('.chatformBtn') ||
event.target.classList.contains("chatformBtn") ||
event.target.id == "chatform_widget_cancelbtn"
) {
activateChatformWidget()
}
});
document.dispatchEvent(new CustomEvent("chatform_widget_creation_complete"));
};
setTimeout(creationComplete, 250);
window.addEventListener("message", (event) => {
if (event.data.action == 'CHECK_PATHNAME') { //console.log('CHECK_PATHNAME')
const target = document.querySelector('.chatform_widget');
const text = document.querySelectorAll('.frame th')[14].innerText.split('※')[1];
var param={
action: "PATHNAME_RESPONSE",
text: text
}
target.contentWindow.postMessage(param, "*");
}
if(event.data.event == "chatform_sent"){ //console.log("chatform_sent")
var project = event.data.project; //console.log(event.data)
var arr = project.data;
var aqur = {
pid:project.pid,
sid:project.sid,
uuId:project.uuId,
customId:"conversion"
}
document.cookie = `chatform=${JSON.stringify(aqur)}; domain=.login.lohasui.jp; path=/lp/apply/completed`;
localStorage.setItem('chatform', JSON.stringify(aqur));
activateChatformWidget()
bindandSubmit()
}
if(event.data.event == "chatform_close"){
activateChatformWidget();
}
if(event.data.event == "chatform_evalScript"){
window.eval(event.data.script)
}
if(event.data.event == "chatform_insertTag"){
body.insertAdjacentHTML( "beforeend", event.data.tag );
event.data.scripts.forEach((item)=>{ eval(item.textContent)})
}
if(event.data.event == "chatform_start"){
console.log(event.data.uuId)
}
if(event.data.event == "chatform_initialized"){ console.log("Aqur Initialized")
document.getElementById("chatbotProgressBar").style.width = "100%";
var opacity = function(){
document.getElementById("chatbotProgressBar").style.opacity = "0";
};
setTimeout(opacity, 1000);
chatform_initialized = true;
if(launch=="auto"){
activateChatformWidget();
}
window.dispatchEvent(new CustomEvent("chatform_initialized"));
}
},false)
}
setTimeout(take, 0);
window.addEventListener("message", (event) => {
window.aqur.bind(event)
})
//aqur bind start
window.aqur = {}
window.aqur.debug = false;
window.aqur.save = (key, value) => {
window.aqur[key] = value;
// You can access data anytime using window.aqur.XXX
}
window.aqur.bind = (event) => {
if(event.data.track){
var track = {
pid:event.data.track.pid,
sid:event.data.track.sid,
uuId:event.data.track.uuId,
customId:"conversion"
}
window.aqur.setTrack(track);
window.aqur.save("Track", track);
}
if(event.data.event=="product"){
let item = window.aqur.getCheckedOptionSA(event.data.value.options)
if(item){
window.aqur.setProduct(item.value)
window.aqur.save("Product", item.value)
}
}
if(event.data.event=="color"){
let item = window.aqur.getCheckedOptionSA(event.data.value.options)
if(item){
window.aqur.chooseColor(item.value)
window.aqur.save("Color", item.value)
}
}
if (event.data.event == "name") {
window.aqur.setLastName(event.data.value.values[0].value)
window.aqur.setFirstName(event.data.value.values[1].value)
window.aqur.setLastNameKana(event.data.value.values[2].value)
window.aqur.setFirstNameKana(event.data.value.values[3].value)
window.aqur.save("LastName", event.data.value.values[0].value)
window.aqur.save("FirstName", event.data.value.values[1].value)
window.aqur.save("LastNameKana", event.data.value.values[2].value)
window.aqur.save("FirstNameKana", event.data.value.values[3].value)
}
if (event.data.event == "gender") {
var item = window.aqur.getCheckedOptionSA(event.data.value.options)
if(item){
window.aqur.setGender(item.value)
window.aqur.save("Gender", item.value)
}
}
if (event.data.event == "birthday") {
window.aqur.setBirthdayYear(Number(event.data.value.values[0].value))
window.aqur.setBirthdayMonth(Number(event.data.value.values[1].value))
window.aqur.setBirthdayDay(Number(event.data.value.values[2].value))
window.aqur.save("Year", event.data.value.values[0].value)
window.aqur.save("Month", event.data.value.values[1].value)
window.aqur.save("Day", event.data.value.values[2].value)
}
if (event.data.event == "address") {
var FullAddress = event.data.value.values[0].value +
event.data.value.values[1].value +
event.data.value.values[2].value +
event.data.value.values[3].value +
event.data.value.values[4].value;
if(FullAddress!=window.aqur.FullAddress){
window.aqur.setPostalCode(event.data.value.values[0].value)
window.aqur.setPref(event.data.value.values[1].value)
window.aqur.setCity(event.data.value.values[2].value)
window.aqur.setStreet(event.data.value.values[3].value)
window.aqur.setBuilding(event.data.value.values[4].value)
window.aqur.save("PostalCode", event.data.value.values[0].value)
window.aqur.save("Pref", event.data.value.values[1].value)
window.aqur.save("City", event.data.value.values[2].value)
window.aqur.save("Street", event.data.value.values[3].value.replace(/[−ー―‐-〜]/g, '-'))
window.aqur.save("Building", event.data.value.values[4].value.replace(/[−ー―‐-〜]/g, '-'))
window.aqur.save("FullAddress",
event.data.value.values[0].value +
event.data.value.values[1].value +
event.data.value.values[2].value +
event.data.value.values[3].value +
event.data.value.values[4].value
)
}
}
if (event.data.event == "tel") {
window.aqur.setTel(event.data.value.values[0].value)
window.aqur.save("Tel", event.data.value.values[0].value)
}
if (event.data.event == "email") {
window.aqur.setEmail(event.data.value.values[0].value)
window.aqur.save("Email", event.data.value.values[0].value)
}
//Syncronize Datadatables
if(event.data.event == "getDeliveryYear"){ //console.log("getDeliveryDate")
var rtn = [];
const options = document.querySelectorAll('[name="delivery_year"] option');
options.forEach((el,i)=>{
rtn.push(
{
name : "deliveryYear",
id : "deliveryYear_"+i,
value : el.value,
label : el.label,
checked : el.selected
}
)
})
const iframe = document.querySelector('.chatform_widget');
iframe.contentWindow.postMessage(
{
type:"getDeliveryYear",
data:rtn
}, "*");
var bindDeliYear=()=>{
var bindDeliYearInterval = setInterval(function () {
if(event.data.value) {
clearInterval(bindDeliYearInterval);
let item = window.aqur.getCheckedOptionSA(event.data.value.options)
if(item) {
window.aqur.chooseSelectBox('select[name="delivery_year"]', item.value)
window.aqur.save("getDeliveryYear", item.value)
}
}
}, 300)
}
bindDeliYear()
}
if(event.data.event == "getDeliveryMonth"){ //console.log("getDeliveryDate")
var rtn = [];
const options = document.querySelectorAll('[name="delivery_month"] option');
options.forEach((el,i)=>{
rtn.push(
{
name : "deliveryMonth",
id : "deliveryMonth_"+i,
value : el.value,
label : el.label,
checked : el.selected
}
)
})
const iframe = document.querySelector('.chatform_widget');
iframe.contentWindow.postMessage(
{
type:"getDeliveryMonth",
data:rtn
}, "*");
var bindDeliMonth=()=>{
var bindDeliMonthInterval = setInterval(function () {
if(event.data.value) {
clearInterval(bindDeliMonthInterval);
let item = window.aqur.getCheckedOptionSA(event.data.value.options)
if(item) {
window.aqur.chooseSelectBox('select[name="delivery_month"]', item.value)
window.aqur.save("getDeliveryMonth", item.value)
}
}
}, 300)
}
bindDeliMonth()
}
if(event.data.event == "getDeliveryDay"){ //console.log("getDeliveryDate")
var rtn = [];
const options = document.querySelectorAll('[name="delivery_day"] option');
options.forEach((el,i)=>{
rtn.push(
{
name : "deliveryDay",
id : "deliveryDay_"+i,
value : el.value,
label : el.label,
checked : el.selected
}
)
})
const iframe = document.querySelector('.chatform_widget');
iframe.contentWindow.postMessage(
{
type:"getDeliveryDay",
data:rtn
}, "*");
var bindDeliDay=()=>{
var bindDeliDayInterval = setInterval(function () {
if(event.data.value) {
clearInterval(bindDeliDayInterval);
let item = window.aqur.getCheckedOptionSA(event.data.value.options)
if(item) {
window.aqur.chooseSelectBox('select[name="delivery_day"]', item.value)
window.aqur.save("getDeliveryDay", item.value)
}
}
}, 300)
}
bindDeliDay()
}
if(event.data.event == "getDeliveryCalender"){ //console.log("getDeliveryDate")
var rtn = [];
var deliveryData = {
year: [],
month: [],
day: []
};
// 年の選択肢を取得
const yearOptions = document.querySelectorAll('[name="delivery_year"] option');
yearOptions.forEach((el, i) => {
deliveryData.year.push({
name: "deliveryYear",
id: "deliveryYear_" + i,
value: el.value,
label: el.label,
checked: el.selected
});
});
// 月の選択肢を取得
const monthOptions = document.querySelectorAll('[name="delivery_month"] option');
monthOptions.forEach((el, i) => {
deliveryData.month.push({
name: "deliveryMonth",
id: "deliveryMonth_" + i,
value: el.value,
label: el.label,
checked: el.selected
});
});
// 日の選択肢を取得
const dayOptions = document.querySelectorAll('[name="delivery_day"] option');
dayOptions.forEach((el, i) => {
deliveryData.day.push({
name: "deliveryDay",
id: "deliveryDay_" + i,
value: el.value,
label: el.label,
checked: el.selected
});
});
// 組み合わせたデータを作成
for (let y of deliveryData.year) {
for (let m of deliveryData.month) {
for (let d of deliveryData.day) {
rtn.push({
name: "deliveryDate",
id: `deliveryDate_${y.value}_${m.value}_${d.value}`,
value: `${y.value}-${m.value}-${d.value}`,
label: `${y.label}${m.label}${d.label}`,
checked: y.checked && m.checked && d.checked
});
}
}
}
const iframe = document.querySelector('.chatform_widget');
iframe.contentWindow.postMessage(
{
type:"getDeliveryCalender",
data:rtn
}, "*");
}
if(event.data.event == "lohasuiSelect"){ //console.log("getDeliveryDate")
let item = window.aqur.getCheckedOptionSA(event.data.value.options)
if(item) {
let [year, month, day] = item.value.split('-');
window.aqur.chooseSelectBox('select[name="delivery_year"]', year);
window.aqur.chooseSelectBox('select[name="delivery_month"]', month);
window.aqur.chooseSelectBox('select[name="delivery_day"]', day);
window.aqur.save("getDeliveryCalender", item.value)
}
}
if(event.data.event == "getDeliveryTime"){ //console.log("getDeliveryDate")
var rtn = [];
const options = document.querySelectorAll('[name="delivery_hour"] option');
options.forEach((el,i)=>{
rtn.push(
{
name : "deliveryDay",
id : "deliveryDay_"+i,
value : el.value,
label : el.label,
checked : false
}
)
})
const iframe = document.querySelector('.chatform_widget');
iframe.contentWindow.postMessage(
{
type:"getDeliveryTime",
data:rtn
}, "*");
var bindDeliTime=()=>{
var bindDeliTimeInterval = setInterval(function () {
if(event.data.value) {
clearInterval(bindDeliTimeInterval);
let item = window.aqur.getCheckedOptionSA(event.data.value.options)
if(item) {
window.aqur.chooseSelectBox('select[name="delivery_hour"]', item.value)
window.aqur.save("getDeliveryTime", item.value)
}
}
}, 300)
}
bindDeliTime()
}
if (event.data.event == "cc") {
window.aqur.setCardNumber(event.data.value.values[0].value)
window.aqur.setCardHolderName(event.data.value.values[4].value)
window.aqur.setCardExpirationYear(event.data.value.values[1].value)
window.aqur.setCardExpirationMonth(event.data.value.values[2].value)
window.aqur.setCVC(event.data.value.values[3].value)
window.aqur.save("CardNumber", event.data.value.values[0].value)
window.aqur.save("CardHolderName", event.data.value.values[4].value)
window.aqur.save("CardExpirationYear", event.data.value.values[1].value)
window.aqur.save("CardExpirationMonth", event.data.value.values[2].value)
window.aqur.save("CardCVC", event.data.value.values[3].value)
}
}
//Binding Method for WaterStand
window.aqur.setTrack = (value) => { window.aqur.debug && console.log("debug setTrack");
localStorage.setItem('chatform', JSON.stringify(value));
}
window.aqur.setLastName = (value) => {
window.aqur.debug && console.log("debug setLastName", value);
window.aqur.fillInput('input[name="family_name"]', value)
}
//お名前(名)
window.aqur.setFirstName = (value) => {
window.aqur.debug && console.log("debug setFirstName", value);
window.aqur.fillInput('input[name="first_name"]', value)
}
//お名前(姓 kana)
window.aqur.setLastNameKana = (value) => {
window.aqur.debug && console.log("debug setLastNameKana", value);
window.aqur.fillKeyBoardInput('input[name="family_name_kana"]', value)
}
//お名前(名 kana)
window.aqur.setFirstNameKana = (value) => {
window.aqur.debug && console.log("debug setFirstNameKana", value);
window.aqur.fillKeyBoardInput('input[name="first_name_kana"]', value)
}
window.aqur.setPostalCode = (value) => { window.aqur.debug && console.log("debug setPostalCode", value);
window.aqur.fillInput('[name="zip_code"]', value)
function callLater() {
window.aqur.setCity(window.aqur.City)
window.aqur.setStreet(window.aqur.Street)
window.aqur.setBuilding(window.aqur.Building)
}
setTimeout(callLater, 1000);
}
window.aqur.setPref = (value) => { window.aqur.debug && console.log("debug setPref", value);
window.aqur.fillInput('[name="prefecture"]', value)
}
window.aqur.setCity = (value) => {
window.aqur.debug && console.log("debug setCity", value);
window.aqur.fillInput('[name="city"]', splitAddress(value).city)
window.aqur.fillInput('[name="town"]', splitAddress(value).town)
}
window.aqur.setStreet = (value) => { window.aqur.debug && console.log("debug setStreet", value);
window.aqur.fillInput('[name="street"]', value)
}
window.aqur.setBuilding = (value) => { window.aqur.debug && console.log("debug setBuilding", value);
window.aqur.fillInput('[name="building"]', value)
}
window.aqur.setTel = (value) => { window.aqur.debug && console.log("debug setTel", value);
window.aqur.fillKeyBoardInput('[name="phone_number"]', value.replace(/-/g,''))
}
window.aqur.setEmail = (value) => { window.aqur.debug && console.log("debug setEmail", value);
window.aqur.fillKeyBoardInput('[name="email"]', value)
}
window.aqur.setBirthdayYear = (value) => { window.aqur.debug && console.log("debug setBirthdayYear", value);
window.aqur.chooseSelectBox('[name="birth_year"]', value)
}
window.aqur.setBirthdayMonth = (value) => { window.aqur.debug && console.log("debug setBirthdayMonth", value);
window.aqur.chooseSelectBox('[name="birth_month"]', value)
}
window.aqur.setBirthdayDay = (value) => { window.aqur.debug && console.log("debug setBirthdayDay", value);
window.aqur.chooseSelectBox('[name="birth_day"]', value)
}
window.aqur.setGender = (value) => { window.aqur.debug && console.log("debug setGender", value);
window.aqur.chooseRadioButton('[name="gender"]', value)
}
//Helper Method
window.aqur.getCheckedOptionSA = (options) => {
var rtn = options.find((v) => v.checked)
return rtn
}
window.aqur.getCheckedOptionMA = (options) => {
var checkedOptions = options.filter((v) => v.checked);
var rtn = checkedOptions.map((v) => v.value);
return rtn.join(", ");
}
window.aqur.setProduct = (value) => { window.aqur.debug && console.log("debug setProduct", value);
window.aqur.chooseRadioButton('[name="product_type"]', value)
}
window.aqur.chooseColor = (value) => {
window.aqur.debug && console.log("debug chooseColor", value);
window.aqur.chooseRadioButton('[name="product_color"]', value)
}
//クレジットカード番号
window.aqur.setCardNumber = (value) => {
window.aqur.debug && console.log("debug setCardNumber", value);
window.aqur.fillInput('input[name="card_number"]', value)
}
//クレジットカード名
window.aqur.setCardHolderName = (value) => {
window.aqur.debug && console.log("debug setCardHolderName", value);
window.aqur.fillInput('input[name="card_name"]', value)
}
//カードの有効期限（年）
window.aqur.setCardExpirationYear = (value) => {
window.aqur.debug && console.log("debug setCardExpirationYear", value);
window.aqur.fillInput('input[name="expire_year"]', value)
}
//カードの有効期限（月）
window.aqur.setCardExpirationMonth = (value) => {
window.aqur.debug && console.log("debug setCardExpirationMonth", value);
window.aqur.fillInput('input[name="expire_month"]', value)
}
window.aqur.setCVC = (value) => {
window.aqur.fillInput('[name="cvc"]', value)
}
//You can add more helper here (they shold be in window.aqur.xxx)
window.aqur.waitForElement = (selectors, timeout = 5000) => {
return new Promise((resolve, reject) => {
const interval = 100;
let elapsedTime = 0;
const checkExistence = () => {
for (const selector of selectors) {
const element = document.querySelector(selector);
if (element) {
resolve(element);
return;
}
}
elapsedTime += interval;
if (elapsedTime >= timeout) {
reject(new Error(`None of the elements with selectors "${selectors.join(', ')}" were found within the timeout`));
} else {
setTimeout(checkExistence, interval);
}
};
checkExistence();
});
};
window.aqur.fillInput = (selector, value) => {
let inputEvent = new KeyboardEvent('keydown', {
key: 'Enter',
code: 'Enter',
bubbles: true,
cancelable: true
});
const inputElement = document.querySelector(selector);
if (inputElement) {
inputElement.value = value;
inputElement.dispatchEvent(inputEvent);
}else{
console.log("can not find",selector)
}
};
window.aqur.fillKeyBoardInput = (selector, value) => {
const inputElement = document.querySelector(selector);
if (!inputElement) {
return;
}
const events = {
input: new Event('input', { bubbles: true, composed: true }),
change: new Event('change', { bubbles: true, composed: true }),
blur: new Event('blur', { bubbles: true, composed: true }),
keydown: new KeyboardEvent('keydown', { key: 'Enter', code: 'Enter', bubbles: true, cancelable: true }),
keyup: new KeyboardEvent('keyup', { key: 'Enter', code: 'Enter', bubbles: true, cancelable: true })
};
inputElement.value = value; // Set value
inputElement.dispatchEvent(events.input); // Trigger input event
inputElement.dispatchEvent(events.change); // Trigger change event
inputElement.dispatchEvent(events.keydown); // Simulate keydown
inputElement.dispatchEvent(events.keyup); // Simulate keyup
inputElement.dispatchEvent(events.blur); // Blur input
};
window.aqur.chooseRadioButtons = (radioSelectors, value) => {
for (const radioSelector of radioSelectors) {
const radioButton = document.querySelector(`${radioSelector}[value='${value}']`);
if (radioButton) {
radioButton.checked = true;
let event = new Event('change', { bubbles: true, composed: true });
radioButton.dispatchEvent(event);
return radioButton;
}
}
return null;
};
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);
}
};
function splitAddress(address) {
// 正規表現で市区郡を抽出（「市」「区」「郡」で終わるものを対象）
const cityPattern = /([^市区郡]+[市区郡])/;
const match = address.match(cityPattern);
if (!match) {
// 市区郡がない場合、全体を city に入れ、town に「不明」を設定
return { city: address.trim(), town: "不明" };
}
const city = match[1];
// 市区郡以降の部分を抽出
const remaining = address.replace(city, '').trim();
return {
city: city || null,
town: remaining || "不明"
};
}
function bindandSubmit(d){ //console.log("d=>",d)
// 同意
const Agreement = document.querySelector('input[name="agree_important_information"]');
if (Agreement && !Agreement.checked) {
const elements = document.querySelectorAll('.payment-agree-scroll');
elements.forEach(element => {
element.scrollTop = element.scrollHeight;
});
document.querySelector('input[name="agree_important_information"]').click()
}
const Agreement2 = document.querySelector('input[name="agree_terms_of_service"]');
if (Agreement2 && !Agreement2.checked) {
// const element = document.querySelector('.payment-agree-scroll');
// element.scrollTop = element.scrollHeight;
document.querySelector('input[name="agree_terms_of_service"]').click()
}
const Agreement3 = document.querySelector('input[name="agree_important_information_and_terms_of_service"]');
if(Agreement3 && !Agreement3.checked) {
const element = document.querySelector('.payment-agree-scroll');
element.scrollTop = element.scrollHeight;
document.querySelector('input[name="agree_important_information_and_terms_of_service"]').removeAttribute('disabled')
document.querySelector('input[name="agree_important_information_and_terms_of_service"]').click()
}
// 申し込み確認ボタン
var formTag = document.querySelector('[action="https://login.lohasui.jp/lp/apply/save"]');
if(formTag) {
formTag.submit()
} else {
if (document.querySelector('#btnToNextLp') !== null) {
setTimeout(() => {
document.querySelector('#btnToNextLp').click()
}, 700);
}
}
}
}())
function ScrollFormtoError(){
var viewForm = document.querySelector('input[name="phone_number"]');
if (isAndroid()) { //alert("work")
window.location.hash = 'input[name="phone_number"]'
var viewFormPosition = viewForm.getBoundingClientRect().top + window.pageYOffset - 100; // Adjust for header
window.scrollTo({
top: viewFormPosition,
behavior: 'smooth'
});
}else{
requestAnimationFrame(function() {
viewForm.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
});
}
}
function isAndroid() {
return /Android/i.test(navigator.userAgent);
}