1 line
2.2 KiB
JavaScript
1 line
2.2 KiB
JavaScript
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{3925:(e,r,s)=>{Promise.resolve().then(s.t.bind(s,6874,23)),Promise.resolve().then(s.bind(s,4302))},4302:(e,r,s)=>{"use strict";s.d(r,{default:()=>i});var t=s(2115),a=s(5155),l=(e,r,s)=>new Promise((t,a)=>{var l=e=>{try{n(s.next(e))}catch(e){a(e)}},i=e=>{try{n(s.throw(e))}catch(e){a(e)}},n=e=>e.done?t(e.value):Promise.resolve(e.value).then(l,i);n((s=s.apply(e,r)).next())}),i=e=>{let{title:r="Subscribe to the newsletter",apiUrl:s="/api/newsletter"}=e,i=(0,t.useRef)(null),[n,d]=(0,t.useState)(!1),[o,u]=(0,t.useState)(""),[m,c]=(0,t.useState)(!1);return(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"pb-1 text-lg font-semibold text-gray-800 dark:text-gray-100",children:r}),(0,a.jsxs)("form",{className:"flex flex-col sm:flex-row",onSubmit:e=>l(void 0,null,function*(){e.preventDefault();let r=yield fetch(s,{body:JSON.stringify({email:i.current.value}),headers:{"Content-Type":"application/json"},method:"POST"}),{error:t}=yield r.json();if(t){d(!0),u("Your e-mail address is invalid or you are already subscribed!");return}i.current.value="",d(!1),c(!0)}),children:[(0,a.jsx)("div",{children:(0,a.jsxs)("label",{htmlFor:"email-input",children:[(0,a.jsx)("span",{className:"sr-only",children:"Email address"}),(0,a.jsx)("input",{autoComplete:"email",className:"focus:ring-primary-600 w-72 rounded-md px-4 focus:border-transparent focus:outline-none focus:ring-2 dark:bg-black",id:"email-input",name:"email",placeholder:m?"You're subscribed ! \uD83C\uDF89":"Enter your email",ref:i,required:!0,type:"email",disabled:m})]})}),(0,a.jsx)("div",{className:"mt-2 flex w-full rounded-md shadow-sm sm:mt-0 sm:ml-3",children:(0,a.jsx)("button",{className:"bg-primary-500 w-full rounded-md py-2 px-4 font-medium text-white sm:py-0 ".concat(m?"cursor-default":"hover:bg-primary-700 dark:hover:bg-primary-400"," focus:ring-primary-600 focus:outline-none focus:ring-2 focus:ring-offset-2 dark:ring-offset-black"),type:"submit",disabled:m,children:m?"Thank you!":"Sign up"})})]}),n&&(0,a.jsx)("div",{className:"w-72 pt-2 text-sm text-red-500 dark:text-red-400 sm:w-96",children:o})]})}}},e=>{var r=r=>e(e.s=r);e.O(0,[874,441,684,358],()=>r(3925)),_N_E=e.O()}]); |