https://g-cone.jp/build/assets/Gettii-0168e639.js

1import{o as r,l as u,w as y,y as h,d as e,c as a,j as i,r as b,n as f,t as d,F as x,k as v,a as c,b as p,g as m,q as n}from"./app-86749be0.js";import k from"./AppBar-b98cabe1.js";import _ from"./CustomerItem-429c37d1.js";import w from"./MemberItem-f48a802d.js";import D from"./GettiiConfirm-a91f4e1d.js";import S from"./GettiiComplete-e42c36b6.js";import{_ as C}from"./DangerDialog-90f6f5a7.js";import"./index-040aeaa6.js";import"./Header-185e02aa.js";import"./PrivacyPolicyConfirmDialog-8d475450.js";import"./_plugin-vue_export-helper-c27b6911.js";import"./Footer-a0d430fc.js";const B={class:"mb-5 pb-16 pt-6 text-md max-w-[84rem] flex min-h-96 flex-col w-full px-12 items-center bg-white mt-12 md:mx-32"},z={key:0,class:"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"},L=e("div",{class:"bg-white p-6 rounded-lg shadow-lg"},[e("div",{class:"flex items-center"},[e("svg",{class:"animate-spin h-8 w-8 text-blue-600 mr-3",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[e("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}),e("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]),e("span",{class:"text-lg font-medium"},"処理中...")])],-1),M=[L],V={class:"relative flex pb-4 items-center mt-5 mx-auto w-fit bg-gray-200 rounded-full"},j=e("div",{class:"absolute left-1/2 -translate-x-1/2 w-2/3 h-1 bg-gray-300 z-10"},null,-1),P={class:"w-full px-3"},A={class:"translate-y-4 md:mt-4 mt-12 text-sm mb-3 w-full text-center"},G={key:1,class:"font-medium text-lg text-gray-900 mt-6"},N={key:2,class:"font-medium text-lg text-gray-900 mt-6"},U={key:3,class:"text-sm text-gray-900 mt-6"},E={key:4,class:"text-sm text-gray-900 mt-6"},I={key:0,class:"my-6"},T={class:"flex flex-col"},F={class:"sm:-mx-6 lg:-mx-8"},K={class:"py-2 sm:px-6 lg:px-8"},R={class:"space-y-4"},$={class:""},H=e("div",{class:"relative bg-gray-200 px-6 py-3 h-full col-span-4 md:col-span-2 text-lg font-bold text-gray-900 flex items-center"},[e("div",{class:"absolute top-0 left-0 w-1 bottom-0 bg-btn-pri my-2 z-10"}),n(" 会員情報 ")],-1),O={class:""},q=e("div",{class:"relative bg-gray-200 px-6 py-3 h-full col-span-4 md:col-span-2 text-lg font-bold text-gray-900 flex items-center"},[e("div",{class:"absolute top-0 left-0 w-1 bottom-0 bg-btn-pri my-2 z-10"}),n(" お客様情報 ")],-1),J={class:""},Q=e("div",{class:"relative bg-gray-200 px-6 py-3 h-full col-span-4 md:col-span-2 text-lg font-bold text-gray-900 flex items-center"},[e("div",{class:"absolute top-0 left-0 w-1 bottom-0 bg-btn-pri my-2 z-10"}),n(" G-connector利用規約")],-1),W={class:"md:px-6 flex flex-col"},X=e("p",{class:"py-3 h-full col-span-4 md:col-span-2 text-sm text-[#BB0000] font-thin"}," 利用規約をお読みいただき、同意していただける方は、画面下部の【利用規約に同意する】にチェックを入れてください。 ",-1),Y=e("a",{href:"/terms",target:"_blank",class:"py-2.5 px-5 me-2 w-[150px] my-2 text-sm font-medium text-gray-900 focus:outline-none bg-gray-100 rounded-lg border border-gray-300 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"}," 利用規約を読む ",-1),Z={class:"flex items-center bg-[#e8f0fe] px-4"},ee=e("label",{for:"disabled-checked-checkbox2",class:"px-1 py-3 h-full col-span-4 md:col-span-2 text-sm text-gray-900 font-thin"},"利用規約に同意する",-1),te={key:0,class:"text-xs text-[#BB0000] flex mt-2"},se=e("svg",{class:"w-4 h-4 mr-1",fill:"currentColor",viewBox:"0 0 20 20"},[e("path",{"fill-rule":"evenodd",d:"M18 10c0 4.418-3.582 8-8 8s-8-3.582-8-8 3.582-8 8-8 8 3.582 8 8zm-8 3a1 1 0 100 2 1 1 0 000-2zm-.75-7a.75.75 0 011.5 0v4a.75.75 0 01-1.5 0V6z","clip-rule":"evenodd"})],-1),re=e("p",{class:"py-3 h-full col-span-4 md:col-span-2 text-sm text-gray-900 font-thin"}," （ご同意いただけない場合は、以降の手続きができません。） ",-1),oe={class:""},ae=e("div",{class:"relative bg-gray-200 px-6 py-3 h-full col-span-4 md:col-span-2 text-lg font-bold text-gray-900 flex items-center"},[e("div",{class:"absolute top-0 left-0 w-1 bottom-0 bg-btn-pri my-2 z-10"}),n(" Gettiiサービス利用規約 ")],-1),ie={class:"md:px-6 flex flex-col"},le=e("p",{class:"py-3 h-full col-span-4 md:col-span-2 text-sm text-[#BB0000] font-thin"}," 利用規約をお読みいただき、同意していただける方は、画面下部の【利用規約に同意する】にチェックを入れてください。 ",-1),ne=e("a",{href:"https://www.s2.e-get.jp/linkes/howto/kiyaku.html",target:"_blank",class:"py-2.5 px-5 me-2 w-[150px] my-2 text-sm font-medium text-gray-900 focus:outline-none bg-gray-100 rounded-lg border border-gray-300 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"}," 利用規約を読む ",-1),de={class:"flex items-center bg-[#e8f0fe] px-4"},ce=e("label",{for:"disabled-checked-checkbox",class:"px-1 py-3 h-full col-span-4 md:col-span-2 text-sm text-gray-900 font-thin"},"利用規約に同意する",-1),ge={key:0,class:"text-xs text-[#BB0000] flex mt-2"},pe=e("svg",{class:"w-4 h-4 mr-1",fill:"currentColor",viewBox:"0 0 20 20"},[e("path",{"fill-rule":"evenodd",d:"M18 10c0 4.418-3.582 8-8 8s-8-3.582-8-8 3.582-8 8-8 8 3.582 8 8zm-8 3a1 1 0 100 2 1 1 0 000-2zm-.75-7a.75.75 0 011.5 0v4a.75.75 0 01-1.5 0V6z","clip-rule":"evenodd"})],-1),me=e("p",{class:"py-3 h-full col-span-4 md:col-span-2 text-sm text-gray-900 font-thin"}," （ご同意いただけない場合は、以降の手続きができません。） ",-1),ue={class:""},he=e("div",{class:"relative bg-gray-200 px-6 py-3 h-full col-span-4 md:col-span-2 text-lg font-bold text-gray-900 flex items-center"},[e("div",{class:"absolute top-0 left-0 w-1 bottom-0 bg-btn-pri my-2 z-10"}),n(" プライバシーポリシー ")],-1),fe={class:"md:px-6 flex flex-col"},ye=e("p",{class:"py-3 h-full col-span-4 md:col-span-2 text-sm text-[#BB0000] font-thin"}," プライバシーポリシーをお読みいただき、同意していただける方は、画面下部の【プライバシーポリシーに同意する】にチェックを入れてください。 ",-1),be=e("a",{href:"https://www.linkst.jp/contact#p-policy",target:"_blank",class:"py-2.5 px-5 me-2 w-fit whitespace-nowrap my-2 text-sm font-medium text-gray-900 focus:outline-none bg-gray-100 rounded-lg border border-gray-300 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"}," プライバシーポリシーを読む ",-1),xe={class:"flex items-center bg-[#e8f0fe] px-4"},ve=e("label",{for:"disabled-checked-checkbox3",class:"px-1 py-3 h-full col-span-4 md:col-span-2 text-sm text-gray-900 font-thin"},"プライバシーポリシーに同意する",-1),ke={key:0,class:"text-xs text-[#BB0000] flex mt-2"},_e=e("svg",{class:"w-4 h-4 mr-1",fill:"currentColor",viewBox:"0 0 20 20"},[e("path",{"fill-rule":"evenodd",d:"M18 10c0 4.418-3.582 8-8 8s-8-3.582-8-8 3.582-8 8-8 8 3.582 8 8zm-8 3a1 1 0 100 2 1 1 0 000-2zm-.75-7a.75.75 0 011.5 0v4a.75.75 0 01-1.5 0V6z","clip-rule":"evenodd"})],-1),we=e("p",{class:"py-3 h-full col-span-4 md:col-span-2 text-sm text-gray-900 font-thin"}," （ご同意いただけない場合は、以降の手続きができません。） ",-1),De={key:1,class:"my-6"},Se={class:"flex flex-col"},Ce={class:"sm:-mx-6 lg:-mx-8"},Be={class:"py-2 sm:px-6 lg:px-8"},ze={class:"space-y-4"},Le={key:2,class:"my-6"},Me={class:"flex flex-col"},Ve={class:"sm:-mx-6 lg:-mx-8"},je={class:"py-2 sm:px-6 lg:px-8"},Pe={class:"space-y-4"},Ae={key:3,id:"error-mess",class:"flex gap-3 w-full justify-center items-center mb-2 border-2 border-red-300 pt-2 pb-2"},Ge={for:"error",class:"ml-2 text-sm text-red-600"},Ne={key:4,class:"flex justify-around py-14"},Ue=["disabled"],Ee={data(){return{steps:["お客様情報入力","入力内容確認","新規入会受付完了"],currentStep:0,isLoading:!1,gettiiData:{memberId:"",password:"",passwordConfirm:"",name:"",nameKana:"",address:"",addressKana:"",postalCode_num_1:"",postalCode_num_2:"",city:"",townAndStreet:"",buildingNameAndRoomNumber:"",ph

1one:"",email:"",subEmail:"",reEmail:"",reSubEmail:"",terms:!1,gcone_terms:!1,privacyPolicy:!1,gender:"0",birthDate:""},showConfirmDialog:!1,error:"",errors:[],checkMail:!1}},watch:{gettiiData:{handler(){this.gettiiData.terms&&(this.errors.terms=[]),this.gettiiData.gcone_terms&&(this.errors.gcone_terms=[]),this.gettiiData.privacyPolicy&&(this.errors.privacyPolicy=[])},deep:!0}},methods:{async nextStep(){if(this.currentStep===1){this.showConfirmDialog=!0;return}else if(this.currentStep===0)try{this.isLoading=!0;const l=await h.post("/api/validate-register",this.gettiiData);console.log("response",l.data),this.currentStep++}catch(l){l.response.data.errors&&(this.errors=l.response.data.errors),scrollTo({top:0,behavior:"smooth"})}finally{this.isLoading=!1}},previousStep(){if(this.currentStep===0){window.location.href="/";return}this.currentStep>0&&this.currentStep--,scrollTo({top:0,behavior:"smooth"})},async handleChangeGettiiData(){},async confirmRegistration(){var l;this.showConfirmDialog=!1;try{this.isLoading=!0;const t=await h.post("/api/register-gcon",this.gettiiData);(l=t.data)!=null&&l.gettii_user_id&&(this.gettiiData.memberId=t.data.gettii_user_id,this.currentStep++)}catch(t){t.response.data.error?this.error=t.response.data.error:this.error="登録に失敗しました",scrollTo({top:document.getElementById("error-mess").offsetTop-50,behavior:"smooth"})}finally{this.isLoading=!1}},handleClose(){this.showConfirmDialog=!1}},props:{isArticle:Boolean,urlBack:String}},Xe=Object.assign(Ee,{__name:"Gettii",setup(l){return(t,o)=>(r(),u(k,null,{default:y(()=>[e("div",B,[t.isLoading?(r(),a("div",z,M)):i("",!0),e("div",V,[j,(r(!0),a(x,null,b(t.steps,(s,g)=>(r(),a("div",{class:"flex justify-center px-3 relative items-center space-x-6",key:g},[e("div",P,[e("div",{class:f([{"bg-btn-pri":g===t.currentStep,"bg-gray-400":g!==t.currentStep},"w-3 h-3 rounded-full absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-20"])},null,2),e("p",A,d(s),1)])]))),128))]),t.currentStep!=2?(r(),a("h3",G,"お客様情報入力")):i("",!0),t.currentStep==2?(r(),a("h3",N,"新規入会受付完了")):i("",!0),t.currentStep===0?(r(),a("p",U,"お客様情報を入力して、「次へ進む」ボタンをクリックしてください。")):i("",!0),t.currentStep===1?(r(),a("p",E,"お客様情報を確認して、「登録する」ボタンをクリックしてください。")):i("",!0),e("form",{action:"",onSubmit:o[8]||(o[8]=v((...s)=>t.nextStep&&t.nextStep(...s),["prevent"]))},[t.currentStep===0?(r(),a("div",I,[e("div",T,[e("div",F,[e("div",K,[e("div",R,[e("div",$,[H,c(w)]),e("div",O,[q,c(_,{onChange:t.handleChangeGettiiData,checkMail:t.checkMail,"onUpdate:checkMail":o[0]||(o[0]=s=>t.checkMail=s),gettiiData:t.gettiiData,errors:t.errors,"onUpdate:errors":o[1]||(o[1]=s=>t.errors=s),error:t.error,isLoading:t.isLoading,"onUpdate:isLoading":o[2]||(o[2]=s=>t.isLoading=s)},null,8,["onChange","checkMail","gettiiData","errors","error","isLoading"])]),e("div",J,[Q,e("div",W,[X,Y,e("div",Z,[p(e("input",{id:"disabled-checked-checkbox2",type:"checkbox","onUpdate:modelValue":o[3]||(o[3]=s=>t.gettiiData.gcone_terms=s),value:"",class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded-sm focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"},null,512),[[m,t.gettiiData.gcone_terms]]),ee]),t.errors.gcone_terms&&t.errors.gcone_terms[0]?(r(),a("p",te,[se,n(" "+d(t.errors.gcone_terms[0]),1)])):i("",!0),re])]),e("div",oe,[ae,e("div",ie,[le,ne,e("div",de,[p(e("input",{id:"disabled-checked-checkbox",type:"checkbox","onUpdate:modelValue":o[4]||(o[4]=s=>t.gettiiData.terms=s),value:"",class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded-sm focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"},null,512),[[m,t.gettiiData.terms]]),ce]),t.errors.terms&&t.errors.terms[0]?(r(),a("p",ge,[pe,n(" "+d(t.errors.terms[0]),1)])):i("",!0),me])]),e("div",ue,[he,e("div",fe,[ye,be,e("div",xe,[p(e("input",{id:"disabled-checked-checkbox3",type:"checkbox","onUpdate:modelValue":o[5]||(o[5]=s=>t.gettiiData.privacyPolicy=s),value:"",class:"w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded-sm focus:ring-blue-500 dark:focus:ring-blue-600 dar

1k:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"},null,512),[[m,t.gettiiData.privacyPolicy]]),ve]),t.errors.privacyPolicy&&t.errors.privacyPolicy[0]?(r(),a("p",ke,[_e,n(" "+d(t.errors.privacyPolicy[0]),1)])):i("",!0),we])])])])])])])):i("",!0),t.currentStep===1?(r(),a("div",De,[e("div",Se,[e("div",Ce,[e("div",Be,[e("div",ze,[c(D,{gettiiData:t.gettiiData},null,8,["gettiiData"])])])])])])):i("",!0),t.currentStep===2?(r(),a("div",Le,[e("div",Me,[e("div",Ve,[e("div",je,[e("div",Pe,[c(S,{gettiiData:t.gettiiData,isArticle:l.isArticle,urlBack:l.urlBack,isLoading:t.isLoading,"onUpdate:isLoading":o[6]||(o[6]=s=>t.isLoading=s)},null,8,["gettiiData","isArticle","urlBack","isLoading"])])])])])])):i("",!0),t.error?(r(),a("div",Ae,[e("label",Ge,d(t.error),1)])):i("",!0),t.currentStep===1||t.currentStep!==2?(r(),a("div",Ne,[t.currentStep===1?(r(),a("button",{key:0,type:"button",onClick:o[7]||(o[7]=(...s)=>t.previousStep&&t.previousStep(...s)),class:"text-gray-900 bg-white border border-gray-300 focus:outline-none hover:bg-gray-100 focus:ring-4 focus:ring-gray-100 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700 md:w-1/3"},"前のページへ戻る")):i("",!0),t.currentStep!==2?(r(),a("button",{key:1,type:"submit",disabled:!t.checkMail,class:f(`focus:outline-none text-white ${t.checkMail?"bg-btn-pri":"bg-gray-600"} focus:ring-4 font-medium rounded-lg text-sm px-5 py-2.5 me-2 mb-2 md:w-1/3`)},d(t.currentStep===0?"次のページに進む":"登録する"),11,Ue)):i("",!0)])):i("",!0)],32),t.showConfirmDialog?(r(),u(C,{key:5,typeHandle:"function",handleFunction:t.confirmRegistration,"show-alert":t.handleClose,color:"blue","button-name":"OK",content:"登録を開始します。よろしいですか？",title:"Notification"},null,8,["handleFunction","show-alert"])):i("",!0)])]),_:1}))}});export{Xe as default};