https://dubtab.com/_next/static/chunks/app/%5Blocale%5D/contact/page-8cbc36a85d06135c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4638],{8293:(e,t,s)=>{Promise.resolve().then(s.bind(s,7455))},7455:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>f});var a=s(5155),r=s(2115),l=s(6046),o=s(9606),i=s(2679),d=s(6891);let n=["bug","feature_request","quota_increase","billing_issue","team","other"],m=d.Ikc({name:d.YjP().min(2,"nameTooShort").max(100,"nameTooLong").trim(),email:d.YjP().email("emailInvalid").max(255,"emailTooLong").trim().toLowerCase(),category:d.k5n(n),message:d.YjP().min(10,"messageTooShort").max(2e3,"messageTooLong").trim(),website:d.YjP().max(0).optional(),_timestamp:d.aig().optional()});m.extend({_timestamp:d.aig().refine(e=>{let t=Date.now()-e;return t>=3e3&&t<=6e5},"Form submission too fast or expired")});var c=s(3239),x=s(1594),u=s(8283);let b=e=>{let{content:t}=e,[s,d]=(0,r.useState)("idle"),[b,h]=(0,r.useState)(""),[g]=(0,r.useState)(Date.now()),p=(0,l.useSearchParams)(),f=null==p?void 0:p.get("category"),j=null==p?void 0:p.get("from"),k=j&&/^[a-z0-9-]{1,64}$/.test(j)?j:null,w=n.includes(null!=f?f:"")?f

1:void 0,{register:N,handleSubmit:y,formState:{errors:v},reset:_}=(0,o.mN)({resolver:(0,i.u)(m),defaultValues:{website:"",_timestamp:g,category:w,message:k?"Article: /help/".concat(k,"\n\n"):void 0}}),P=async e=>{d("submitting"),h("");try{let s=await fetch("/api/contact",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({...e,_timestamp:g})}),a=await s.json();s.ok?(d("success"),_()):(d("error"),h(t.errors[a.error]||a.message||t.errors.networkError))}catch(e){d("error"),h(t.errors.networkError)}};return"success"===s?(0,a.jsxs)("div",{className:"max-w-2xl mx-auto text-center py-12",children:[(0,a.jsx)(c.A,{className:"w-16 h-16 text-green-500 mx-auto mb-4"}),(0,a.jsx)("h2",{className:"text-3xl font-bold text-slate-900 dark:text-white mb-3",children:t.success.title}),(0,a.jsx)("p",{className:"text-lg text-slate-600 dark:text-slate-300 mb-6",children:t.success.message}),(0,a.jsx)("button",{onClick:()=>d("idle"),className:"text-primary hover:text-primary-hover font-semibold",children:t.success.backHome})]}):(0,a.jsxs)("form",{onSubmit:y(P),className:"max-w-2xl mx-auto space-y-6",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("label",{htmlFor:"name",className:"block text-sm font-semibold text-slate-700 dark:text-slate-200 mb-2",children:[t.form.nameLabel," ",(0,a.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,a.jsx)("input",{...N("name"),type:"text",id:"name",placeholder:t.form.namePlaceholder,className:"w-full px-4 py-3 border border-slate-300 dark:border-slate-600 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent bg-white dark:bg-dark-card text-slate-900 dark:text-white"}),v.name&&(0,a.jsx)("p",{className:"mt-1 text-sm text-red-600 dark:text-red-400",children:t.errors[v.name.message]})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("label",{htmlFor:"email",className:"block text-sm font-semibold text-slate-700 dark:text-slate-200 mb-2",children:[t.form.emailLabel," ",(0,a.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,a.jsx)("input",{...N("email"),type:"email",id:"email",placeholder:t.form.emailPlaceholder,className:"w-full px-4 py-3 border border-slate-300 dark:border-slate-600 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent bg-white dark:bg-dark-card text-slate-900 dark:text-white"}),v.email&&(0,a.jsx)("p",{className:"mt-1 text-sm text-red-600 dark:text-red-400",children:t.errors[v.email.message]})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("label",{htmlFor:"category",className:"block text-sm font-semibold text-slate-700 dark:text-slate-200 mb-2",children:[t.form.categoryLabel," ",(0,a.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,a.jsxs)("select",{...N("category"),id:"category",className:"w-full px-4 py-3 border border-slate-300 dark:border-slate-600 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent bg-white dark:bg-dark-card text-slate-900 dark:text-white",children:[(0,a.jsx)("option",{value:"",children:t.form.categoryPlaceholder}),n.map(e=>(0,a.jsx)("option",{value:e,children:t.categories[e]},e))]}),v.category&&(0,a.jsx)("p",{className:"mt-1 text-sm text-red-600 dark:text-red-400",children:t.errors.categoryRequired})]}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("label",{htmlFor:"message",className:"block text-sm font-semibold text-slate-700 dark:text-slate-200 mb-2",children:[t.form.messageLabel," ",(0,a.jsx)("span",{className:"text-red-500",children:"*"})]}),(0,a.jsx)("textarea",{...N("message"),id:"message",rows:6,placeholder:t.form.messagePlaceholder,className:"w-full px-4 py-3 border border-slate-300 dark:border-slate-600 rounded-lg focus:ring-2 focus:ring-primary focus:border-transparent bg-white dark:bg-dark-card text-slate-900 dark:text-white resize-none"}),v.message&&(0,a.jsx)("p",{className:"mt-1 text-sm text-red-600 dark:text-red-400",children:t.errors[v.message.message]})]}),(0,a.jsx)("input",{...N("website"),type:"text",tabIndex:-1,autoComplete:"off",className:"absolute opacity-0 pointer-events-none","aria-hidden":"true"}),"error"===s&&(0,a.jsxs)("div",{className:"flex items-start gap-3 p-4 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg",children:[(0,a.jsx)(x.A,{className:"w-5 h-5 text-red-600 dark:text-red-400 flex-shrink-0 mt-0.5"}),(0,a.jsx)("p",{className:"text-sm text-red-600 dark:text-red-400",children:b})]}),(0,a.jsx)("button",{type:"submit",disabled:"submitting"===s,className:"w-full bg-primary hover:bg-primary-hover disabled:bg-slate-400 text-white font-semibold py-3 px-6 rounded-lg transition-all flex items-center justify-center gap-2 shadow-lg hover:shadow-

1primary/30",children:"submitting"===s?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("svg",{className:"animate-spin h-5 w-5",viewBox:"0 0 24 24",children:[(0,a.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",fill:"none"}),(0,a.jsx)("path",{className:"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"})]}),t.form.submitting]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(u.A,{className:"w-5 h-5"}),t.form.submitButton]})})]})};var h=s(5387),g=s(6280),p=s(766);function f(){var e,t,s;let l=(0,p.Ym)(),o=(0,p.ot)(),i=null!==(e=null==o?void 0:o.landing)&&void 0!==e?e:null,d=null!==(t=null==o?void 0:o.ui)&&void 0!==t?t:null,n=null!==(s=null==o?void 0:o.contact)&&void 0!==s?s:null;return i&&d&&n?(0,a.jsxs)("div",{className:"min-h-screen bg-white dark:bg-dark-bg text-slate-900 dark:text-slate-100 selection:bg-primary selection:text-white",children:[(0,a.jsx)(g.Navbar,{content:i,locale:l,ui:d}),(0,a.jsxs)("main",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-28 pb-20",children:[(0,a.jsxs)("header",{className:"text-center mb-12",children:[(0,a.jsx)("h1",{className:"text-4xl md:text-5xl font-extrabold text-slate-900 dark:text-white mb-4",children:n.title}),(0,a.jsx)("p",{className:"text-lg text-slate-600 dark:text-slate-300 max-w-2xl mx-auto",children:n.subtitle})]}),(0,a.jsx)(r.Suspense,{fallback:null,children:(0,a.jsx)(b,{content:n})})]}),(0,a.jsx)(h.w,{content:i,ui:d,locale:l})]}):null}}},e=>{var t=t=>e(e.s=t);e.O(0,[8229,4839,5565,766,6858,6280,5387,8441,1517,7358],()=>t(8293)),_N_E=e.O()}]);