https://high-quality-gunpla-scan.com/assets/index-C8_0w9Bl.js

1import{aC as o,r as p,j as e,e as h,a1 as v,T as j,aH as y,t as b,b as I,S as N,I as S,k,w as u,d as F}from"./index-C20KSdOe.js";import{t as C}from"./zod-lXa_-HUq.js";import{u as R}from"./index.esm-rJAa7zgX.js";import{C as q}from"./card-BSxRrRq2.js";import{F as L,a as l,b as c,c as m,d as x}from"./form-ChiihR_7.js";import{I as d}from"./input-CryRY2nm.js";const D=()=>o.object({name:o.string().trim().min(1,"お名前を入力してください").max(255,"お名前は255文字以内で入力してください"),email:o.string().trim().min(1,"メールアドレスを入力してください").email("メールアドレスの形式が正しくありません"),reservationId:o.string().trim().max(255,"予約IDは255文字以内で入力してください"),content:o.string().trim().min(1,"お問い合わせ内容を入力してください").max(4096,"お問い合わせ内容は4096文字以内で入力してください")}),f=p.forwardRef(({className:a,...i},n)=>e.jsx("textarea",{className:h("flex min-h-[160px] w-full rounded-[12px] border-[1px] border-border bg-white px-3 py-3 text-sm text-text ring-offset-background web-body-2 placeholder:text-text-weaker","focus:border-primary-purple focus:shadow-focus","placeholder:text-muted-foreground focus-visible:outline-none","disabled:cursor-not-allowed disabled:opacity-50",a),ref:n,...i}));f.displayName="Textarea";const E=async a=>await v.post(j.inquiry.index,a),M=()=>{const a=async(i,{arg:n})=>{const r=await E(n);return r.isSuccess||b({title:r.errorResponse?.title,description:r.errorResponse?.message??"お問い合わせの送信に失敗しました。"}),r};return y(j.inquiry.index,a)};function _(){const{trigger:a}=M(),{pushLangPath:i}=I(),[n,r]=p.useState(!1),s=R({resolver:C(D()),mode:"onChange",defaultValues:{name:"",email:"",reservationId:"",content:""}}),g=s.handleSubmit(async t=>{(await a({name:t.name,email:t.email,reservationId:t.reservationId||void 0,content:t.content}))?.isSuccess&&(b({description:"お問い合わせを受け付けました。"}),s.reset(),r(!0))}),w=s.formState.isValid&&!s.formState.isSubmitting;return e.jsxs("div",{children:[e.jsx(N,{title:"お問い合わせ"}),e.jsx("div",{className:"flex justify-center px-4 py-8",children:e.jsx("div",{className:"w-full max-w-[358px]",children:n?e.jsxs("div",{className:"flex flex-col items-center pt-12 duration-500 animate-in fade-in-0",children:[e.jsx(S,{src:k.checkmark,alt:"check",width:132,height:132}),e.jsx("p",{className:"mt-8 text-center text-text web-body-1-strong",children:"お問い合わせを受け付けました"}),e.jsx(u,{className:"mt-6 w-full",onClick:()=>i(F.lp),children:"トップに戻る"})]}):e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"mb-4 text-text-weak web-caption-1",children:"ご質問やお困りごとがありましたら、以下のフォームよりお問い合わせください。"}),e.jsx(L,{...s,children:e.jsxs("form",{onSubmit:g,children:[e.jsxs(q,{variant:"panel",children:[e.jsx(l,{name:"name",control:s.control,render:({field:t})=>e.jsxs(c,{children:[e.jsx("label",{className:"text-text web-caption-1-strong",children:"お名前"}),e.jsx(m,{children:e.jsx(d,{placeholder:"山田 太郎",...t,value:t.value||"",maxLength:255})}),e.jsx(x,{})]})}),e.jsx(l,{name:"email",control:s.control,render:({field:t})=>e.jsxs(c,{className:"mt-6",children:[e.jsx("label",{className:"text-text web-caption-1-strong",children:"メールアドレス"}),e.jsx(m,{children:e.jsx(d,{type:"email",placeholder:"[email protected]",...t,value:t.value||"",maxLength:254})}),e.jsx(x,{})]})}),e.jsx(l,{name:"reservationId",control:s.control,render:({field:t})=>e.jsxs(c,{className:"mt-6",children:[e.jsx("label",{className:"text-text web-caption-1-strong",children:"予約ID"}),e.jsx(m,{children:e.jsx(d,{placeholder:"abc123",...t,value:t.value||"",maxLength:255})}),e.jsx("p",{className:"text-text-weak web-caption-2",children:"予約IDが分かる場合にご記入ください。"}),e.jsx(x,{})]})}),e.jsx(l,{name:"content",control:s.control,render:({field:t})=>e.jsxs(c,{className:"mt-6",children:[e.jsx("label",{className:"text-text web-caption-1-strong",children:"お問い合わせ内容"}),e.jsx(m,{children:e.jsx(f,{placeholder:"スキャン結果について質問があります。",...t,value:t.value||"",maxLength:4096,className:h("h-[160px] ")})}),e.jsx(x,{})]})})]}),e.jsx(u,{type:"submit",variant:s.formState.isValid?"default":"invalid",disabled:!w,className:"mt-6 w-full",children:s.formState.isSubmitting?"送信中...":"送信"})]})})]})})})]})}export{_ as component};