https://kurashiru.co.jp/_nuxt/Dkn_G01N.js

1import{_ as H}from"./DiamDndT.js";import{d as P,s as J,j as S,m as K,K as O,k as $,J as L,o as r,c as i,b as s,g as t,t as x,z as l,n as m,A as p,L as R,F as h,r as V,l as _,M as y,N as G,B as Q,e as w,a as f,w as j,O as W,u as X}from"./I29RhYKw.js";import{B as D}from"./B4Vp5eKW.js";import{u as Y}from"./BS2xMnl1.js";import{_ as Z}from"./ClVu0Qe_.js";import{B as ee}from"./BbB5DLOJ.js";import{P as te}from"./Cc2sPmnj.js";import{S as se}from"./tB86NWVE.js";import"./DA2GFhM2.js";import"./DyEp7ovv.js";import"./dFna0jfD.js";import"./BF5GNbFG.js";const ae={key:0,class:"form_error"},oe={key:1,class:"form_error"},re={class:"contact_type form_item"},ie={class:"select"},le=["value"],ne=["label"],de=["value"],me={class:"name form_item"},pe=["disabled"],ue={key:0,class:"company form_item"},ce={key:1,class:"department form_item"},_e={class:"mail form_item"},ye=["disabled"],ve={class:"tel form_item"},fe=["disabled"],he={key:2,class:"about form_item"},be={class:"radios"},ge=["id","value"],xe=["for"],ke={key:3,class:"client form_item"},Ee={class:"details form_item"},Ce=["disabled"],Ve={class:"agreement"},we={class:"checkbox"},Me={class:"submit is-pc"},qe={class:"submit is-sp"},Be=P({__name:"PickList",setup(z){const{contactTypeList:k,reName:M,searchContactScope:E,formState:e,formInit:q,checkMetaValid:C,

1checkValid:u}=Y(),b=J(),n=S(E(e.value.type.content)),v=S(!1),A=()=>{var d,a;if(!e.value.type.content)return u.type(),v.value=!0,(d=document.getElementById("contact_wrapper"))==null?void 0:d.scrollIntoView();if(u.type(),u.name(),u.companyName(),u.department(),u.email(),u.tel(),u.aboutContacts(),u.details(),C())v.value=!1,L("/contact/form/confirm");else return e.value.email.hasError&&(e.value.email.content?e.value.email.errorMessage="メールアドレスが正しい形式ではありません。ご確認のうえ、再度ご入力ください。":e.value.email.errorMessage="メールアドレスを入力してください。"),e.value.tel.hasError&&(e.value.tel.content?e.value.tel.errorMessage="電話番号が正しい形式ではありません。ご確認のうえ、再度ご入力ください。":e.value.tel.errorMessage="電話番号を入力してください。"),v.value=!0,(a=document.getElementById("contact_wrapper"))==null?void 0:a.scrollIntoView()};return K(()=>{b.query.type&&(typeof b.query.type=="string"?e.value.type.content=b.query.type:e.value.type.content="")}),O(()=>{C()||(v.value=!1,q())}),$(b,d=>{var a;d.query.type?(e.value.type.content=`${d.query.type}`,(a=document.getElementById("contact_wrapper"))==null||a.scrollIntoView()):e.value.type.content=""}),$(()=>e.value.type.content,d=>{L({path:"/contact/form",...d!==""&&{query:{type:d}}}),C()||(v.value=!1),q(),e.value.type.content=d,n.value=E(d)}),(d,a)=>{var B,N,U;const c=H;return r(),i(h,null,[a[24]||(a[24]=s("div",{id:"contact_message",class:"information form_item"},[s("p",null,"必要事項をご記入のうえ、「入力内容確認」ボタンを押してください。")],-1)),t(v)?(r(),i("div",ae,a[10]||(a[10]=[s("p",null," 入力内容に不備があります。メッセージをご確認のうえ、「入力内容確認」ボタンを押してください。 ",-1)]))):t(e).isSubmit.hasError?(r(),i("div",oe,[s("p",null,x(t(e).isSubmit.content),1)])):l("",!0),s("form",{onSubmit:W(A,["prevent"])},[s("div",re,[a[12]||(a[12]=s("div",{class:"item_head required"},[s("p",{class:"item_head_title"},"お問い合わせ種別")],-1)),s("div",ie,[s("div",{class:m(["select",{error:t(e).type.hasError}])},[p(s("select",{"onUpdate:modelValue":a[0]||(a[0]=o=>t(e).type.content=o)},[a[11]||(a[11]=s("option",{value:"",style:{display:"none"}},"選択してください",-1)),(r(!0),i(h,null,V(t(k),o=>(r(),i(h,{key:o.title},[o.child?o.child.length>0?(r(),i("optgroup",{key:1,label:o.title},[(r(!0),i(h,null,V(o.child,(g,T)=>(r(),i("option",{key:T,value:g.path},x(t(M)(g.title)),9,de))),128))],8,ne)):l("",!0):(r(),i("option",{key:0,value:o.path},x(o.title),9,le))],64))),128))],512),[[R,t(e).type.content]])],2)]),t(e).type.hasError?(r(),_(c,{key:0,message:"お問い合わせ種別を選択してください。"})):l("",!0)]),s("div",me,[a[13]||(a[13]=s("div",{class:"item_head required"},[s("p",{class:"item_head_title"},"お名前"),s("p",{class:"item_head_example"},"例：山田太郎")],-1)),p(s("input",{"onUpdate:modelValue":a[1]||(a[1]=o=>t(e).name.content=o),type:"text",class:m(["text_field",{error:t(e).name.hasError}]),disabled:!t(e).type.content},null,10,pe),[[y,t(e).name.content]]),t(e).name.hasError?(r(),_(c,{key:0,message:"お名前を入力してください。"})):l("",!0)]),t(n)&&!((B=t(n))!=null&&B.displayCompany)?(r(),i("div",ue,[s("div",{class:m(["item_head",{required:t(n).path!=="pr"}])},a[14]||(a[14]=[s("p",{class:"item_head_title"},"会社名",-1),s("p",{class:"item_head_example"},"例：〇〇株式会社",-1)]),2),p(s("input",{"onUpdate:modelValue":a[2]||(a[2]=o=>t(e).companyName.content=o),type:"text",class:m(["text_field",{error:t(e).companyName.hasError}])},null,2),[[y,t(e).companyName.content]]),t(e).companyName.hasError?(r(),_(c,{key:0,message:"会社名を入力してください。"})):l("",!0)])):l("",!0),t(n)&&!((N=t(n))!=null&&N.displayDepartment)?(r(),i("div",ce,[s("div",{class:m(["item_head",{required:t(n).path!=="pr"}])},a[15]||(a[15]=[s("p",{class:"item_head_title"},"部署名",-1),s("p",{class:"item_head_example"},"例：広報部",-1)]),2),p(s("input",{"onUpdate:modelValue":a[3]||(a[3]=o=>t(e).department.content=o),type:"text",class:m(["text_field",{error:t(e).department.hasError}])},null,2),[[y,t(e).department.content]]),t(e).department.hasError?(r(),_(c,{key:0,message:"部署名を入力してください。"})):l("",!0)])):l("",!0),s("div",_e,[a[16]||(a[16]=s("div",{class:"item_head required"},[s("p",{class:"item_head_title"},"メールアドレス"),s("p",{class:"item_head_example"},"例：[email protected]")],-1)),p(s("input",{"onUpdate:modelValue":a[4]||(a[4]=o=>t(e).email.content=o),type:"text",class:m(["text_field",{error:t(e).email.hasError}]),disabled:!t(e).type.content},null,10,ye),[[y,t(e).email.content]]),t(e).email.hasError?(r(),_(c,{key:0,message:t(e).email.errorMessage},null,8,["message"])):l("",!0)]),s("div",ve,[a[17]||(a[17]=s("div",{class:"item_head required"},[s("p",{class:"item_head_title"},"電話番号"),s("p",{class:"item_head_example"},"例：000-0000-0000")],-1)),p(s("input",{"onUpdate:modelValue":a[5]||(a[5]=o=>t(e).tel.content=o),type:"text",class:m(["text_field",{error:t(e).tel.hasError}]),disabled:!t(e).type.content},null,10,fe),[[y,t(e).tel.content]]),t(e).tel.hasError?(r(),_(c,{key:0,message:t(e).tel.errorMessage},null,8,["message"])):l("",!0)]),t(n)&&!((U=t(n))!=null&&U.displayAboutContact)?(r(),i("div",he,[

1s("div",{class:m(["item_head",{required:t(n).path==="kurashiru"||t(n).path==="kurashiru-chirashi"||t(n).path==="livewith"}])},a[18]||(a[18]=[s("p",{class:"item_head_title"},"お問い合わせについて",-1)]),2),s("div",be,[(r(!0),i(h,null,V(t(n).aboutContacts,o=>(r(),i("span",{key:o.id,class:m(["radio",{error:!t(e).aboutContacts.item.id&&t(e).aboutContacts.hasError}])},[p(s("input",{id:`radio${o.id}`,"onUpdate:modelValue":a[6]||(a[6]=g=>t(e).aboutContacts.item=g),type:"radio",name:"radio",value:o},null,8,ge),[[G,t(e).aboutContacts.item]]),s("label",{for:`radio${o.id}`},x(o.content),9,xe)],2))),128))]),t(e).aboutContacts.hasError?(r(),_(c,{key:0,message:"該当する項目を選択してください。"})):l("",!0)])):l("",!0),t(e).aboutContacts.item.id===4||t(e).aboutContacts.item.id===6?(r(),i("div",ke,[a[19]||(a[19]=s("div",{class:"item_head"},[s("p",{class:"item_head_title"},"クライアント名"),s("p",{class:"item_head_example"},"例：〇〇株式会社")],-1)),p(s("input",{"onUpdate:modelValue":a[7]||(a[7]=o=>t(e).client.content=o),type:"text",class:"text_field"},null,512),[[y,t(e).client.content]])])):l("",!0),s("div",Ee,[a[20]||(a[20]=s("div",{class:"item_head required"},[s("p",{class:"item_head_title"},"お問い合わせ内容")],-1)),p(s("textarea",{"onUpdate:modelValue":a[8]||(a[8]=o=>t(e).details.content=o),class:m(["textarea",{error:t(e).details.hasError}]),disabled:!t(e).type.content},null,10,Ce),[[y,t(e).details.content]]),t(e).details.hasError?(r(),_(c,{key:0,message:"お問い合わせ内容を入力してください。"})):l("",!0)]),s("div",Ve,[s("span",we,[p(s("input",{id:"agree","onUpdate:modelValue":a[9]||(a[9]=o=>t(e).agree=o),type:"checkbox"},null,512),[[Q,t(e).agree]]),a[21]||(a[21]=s("label",{for:"agree"},[s("a",{href:"https://www.kurashiru.com/privacy_policy",class:"textlink-external is-purple",target:"_blank"},"個人情報の取扱い"),w(" に同意する ")],-1))])]),s("div",Me,[f(D,{type:"submit",justified:"center",white:"",disabled:!t(e).agree},{default:j(()=>a[22]||(a[22]=[w(" 入力内容確認 ")])),_:1},8,["disabled"])]),s("div",qe,[f(D,{type:"submit",justified:"center",stretch:"",white:"",disabled:!t(e).agree},{default:j(()=>a[23]||(a[23]=[w(" 入力内容確認 ")])),_:1},8,["disabled"])])],32)],64)}}}),Ne=Z(Be,[["__scopeId","data-v-1b66f217"]]),Ue={class:"contact_index"},Se={id:"contact_wrapper",class:"main_content-xs"},$e={class:"contact_section"},Le={class:"contact_form"},F="各種お問い合わせ",I="dely株式会社への広告掲載、お取引、各サービスに関してのお問い合わせはこちらからお願いいたします。",Re=P({__name:"index",setup(z){X({title:F,meta:[{hid:"og:title",property:"og:title",content:`${F} | dely株式会社`},{hid:"description",name:"description",content:I},{hid:"og:description",property:"og:description",content:I},{name:"viewport",content:"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"}]});const k=[{title:"お問い合わせ",link:"/contact/"},{title:"各種お問い合わせ"}];return(M,E)=>{const e=Ne;return r(),i("div",Ue,[f(te,{title:"各種お問い合わせ","en-title":"Contact",size:"compact"}),f(ee,{data:k}),s("div",Se,[s("section",$e,[s("div",Le,[f(se,{current:1}),f(e)])])])])}}});export{Re as default};