https://www.spec-ial.com/_next/static/chunks/407.c771701025fbf247.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[407],{9027:function(n,e,t){t.r(e),t.d(e,{default:function(){return v}});var r=t(8520),a=t.n(r),i=t(5893),o=t(7294);function c(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=[],r=!0,a=!1,i=void 0;try{for(var o,c=n[Symbol.iterator]();!(r=(o=c.next()).done)&&(t.push(o.value),!e||t.length!==e);r=!0);}catch(l){a=!0,i=l}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return t}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function l(){var n,e,t=(n=["\n  font-family: Value Sans Pro;\n  font-size: 1rem;\n  position: relative;\n  height: 76px;\n  input {\n    z-index: 10;\n    position: absolute;\n    background-color: transparent;\n    border-bottom: 2px solid black;\n    border-radius: 0;\n    width: 100%;\n    ","\n\n    &:active,\n    &:focus {\n      outline: none;\n\n      & + .label-text, & + .secondary-text {\n        font-size: 0.75rem;\n        margin-top: 2rem;\n        color: #333;\n      }\n    }\n  }\n  .label-text, .secondary-text {\n    z-index: 1;\n    position: absolute;\n    transition: all 0.3s;\n  }\n\n  .secondary-text {\n    display: contents;\n    font-size: 0.8rem;\n  }\n"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return l=function(){return t},t}var s=t(8551).ZP.div(l(),(function(n){var e;if(null===(e=n.value)||void 0===e?void 0:e.length)return"& + .label-text {\n        font-size: 1rem;\n        margin-top: 2.8rem;\n        color: #333;\n        font-weight: 500;\n      }"})),u=function(n){var e=n.label,t=(n.name,n.onChange),r=n.secondaryLabel,a=void 0===r?"":r,l=n.formatter,u=void 0===l?function(n){return n}:l,d=c(o.useState(""),2),m=d[0],h=d[1];return(0,i.jsxs)(s,{value:m,children:[(0,i.jsx)("input",{onChange:function(n){h(u(n.currentTarget.value)),t(n)},value:m}),(0,i.jsxs)("label",{className:"label-text",children:[e," ",(0,i.jsx)("span",{className:"secondary-text",children:a})]})]})},d=t(6228),m=t(4435),h=t(8878),f=t(3842);function p(n,e,t,r,a,i,o){try{var c=n[i](o),l=c.value}catch(s){return void t(s)}c.done?e(l):Promise.resolve(l).then(r,a)}function x(n){return function(){var e=this,t=arguments;return new Promise((function(r,a){var i=n.apply(e,t);function o(n){p(i,r,a,o,c,"next",n)}function c(n){p(i,r,a,o,c,"throw",n)}o(void 0)}))}}function b(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=[],r=!0,a=!1,i=void 0;try{for(var o,c=n[Symbol.iterator]();!(r=(o=c.next()).done)&&(t.push(o.value),!e||t.length!==e);r=!0);}catch(l){a=!0,i=l}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return t}(n,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var v=function(n){var e=n.content,t=function(){(0,f.o)(p)&&w?O("ready"):O("initial")},r=b(o.useState(""),2),c=r[0],l=r[1],s=b(o.useState(""),2),p=s[0],v=s[1],g=b(o.useState(""),2),y=g[0],k=g[1],j=b(o.useState(!0),2),w=j[0],S=j[1],N=b(o.useState(""),2),C=N[0],z=N[1],_=b(o.useState("initial"),2),P=_[0],O=_[1];function T(){return(T=x(a().mark((function n(){var e,t;return a().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return"g='XKvFZS'&email=".concat(p,"&name=").concat(c,"&phoneNumber=").concat(y),(e=new URLSearchParams).append("g","XKvFZS"),e.append("email",p),e.append("phone_number",y),e.append("first_name",c.split(" ")[0]),e.append("last_name",c.split(" ")[c.split(" ").length-1]),"https://manage.kmail-lists.com/ajax/subscriptions/subscribe",n.next=10,fetch("https://manage.kmail-lists.com/ajax/subscriptions/subscribe",{method:"POST",headers:{"content-type":"application/x-www-form-urlencoded"},redirect:"follow",body:e});case 10:return t=n.sent,n.abrupt("return",t.json());case 12:case"end":return n.stop()}}),n)})))).apply(this,arguments)}return(0,i.jsx)("div",{className:"px-10 mx-auto md:my-20 mb-20",children:(0,i.jsxs)("div",{className:"flex flex-col md:flex-row justify-items-start md:justify-center",children:[(0,i.jsxs)("div",{className:"md:max-w-lg md:mr-12 md:w-763",children:[(0,i.jsx)("h1",{className:"primary-h1 hidden md:inline-flex",children:" Spec_ial"}),(0,i.jsx)("h1",{className:"secondary-h1 hidden md:inline-flex",children:" Club"}),(0,i.jsx)("h1",{className:"heading text-4xl py-8-24 md:hidden text-center",children:"Spec_ial Club"}),(0,i.jsx)("p",{style:{fontSize:"1rem",padding:"1.25rem 0"},children:e})]}),(0,i.jsxs)("div",{className:"md:max-w-3xl",children:[(0,i.jsx)(u,{name:"name",label:"Name",onChange:function(n){C&&z(!1),l(n.target.value),t()}}),(0,i.jsx)(u,{name:"email",label:"Email",onChange:function(n){var e;C&&z(!1),v(n.target.value),e=n.target.value,(0,f.o)(e)&&w?O("ready"):O("initial")}}),(0,i.jsx)(u,{name:"phoneNumber",label:"Phone SMS",onChange:function(n){C&&z(!1),k(n.target.value),t()}}

1),(0,i.jsx)(d.Z,{label:"I agree to Spec_ial's <a className='text-underline' href='/terms-and-conditions'>terms and conditions</a>",onChange:function(n){S(n.target.checked)},checked:w}),(0,i.jsxs)(m.default,{onClick:function(){O("loading"),function(){return T.apply(this,arguments)}().then((function(n){n.errors.length&&(O("error"),z(n.errors[0])),O("success")})).catch((function(n){var e;O("error"),(null===n||void 0===n||null===(e=n.errors)||void 0===e?void 0:e.length)?z(null===n||void 0===n?void 0:n.errors[0]):z("Something went wrong. Please try again later.")}))},disabled:!w||"success"===P||"initial"===P,children:[" ",(0,i.jsxs)("span",{children:[" ","loading"===P&&(0,i.jsx)(h.xg,{})]}),(0,i.jsx)("span",{children:("initial"===P||"ready"===P)&&"Join"}),(0,i.jsx)("span",{children:"success"===P&&"Thank you for joining! We will be in touch"})]}),"error"===P&&(0,i.jsx)("span",{className:"text-lg type-wrapper",style:{color:"red"},children:C})]})]})})}},6228:function(n,e,t){var r=t(5893);t(7294);function a(){var n,e,t=(n=["\n  margin-top: 0.5rem;\n  display: inline-flex;\n  font-family: InputMono;\n  label {\n\n  }\n  .checkbox-custom,\n  .radio-custom {\n    opacity: 0;\n    position: absolute;\n  }\n\n  .checkbox-custom,\n  .checkbox-custom-label {\n    display: inline-block;\n    vertical-align: middle;\n    margin: 5px;\n    cursor: pointer;\n    font-size: 0.7rem !important;\n  }\n\n  .checkbox-custom-label,\n  .radio-custom-label {\n    position: relative;\n  }\n\n  .checkbox-custom + .checkbox-custom-label:before {\n    content: '';\n    background: transparent;\n    border: 2px solid black;\n    display: inline-block;\n    vertical-align: middle;\n    width: 20px;\n    height: 20px;\n    padding: 2px;\n    margin-right: 10px;\n    text-align: center;\n  }\n\n  .checkbox-custom:checked + .checkbox-custom-label:before {\n    background: black;\n    box-shadow: inset 0px 0px 0px 4px #fff;\n  }\n\n  .checkbox-custom:focus + .checkbox-custom-label {\n    outline: 1px solid #ddd; /* focus style */\n  }\n  @media (max-width: 768px) {\n    margin-top: 0;\n  }\n"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return a=function(){return t},t}var i=t(8551).ZP.div(a());e.Z=function(n){var e=n.label,t=(n.name,n.onChange),a=n.checked;return(0,r.jsxs)(i,{children:[(0,r.jsx)("input",{id:"checkbox-2",className:"checkbox-custom",name:"checkbox-2",type:"checkbox",onChange:function(n){t(n)},checked:a}),(0,r.jsx)("label",{htmlFor:"checkbox-2",className:"checkbox-custom-label"}),(0,r.jsx)("span",{className:"checkbox-custom-label",dangerouslySetInnerHTML:{__html:e}})]})}},3842:function(n,e,t){function r(n){return/\S+@\S+\.\S+/.test(n)}t.d(e,{o:function(){return r}})}}]);