"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[32],{276:function(e,a,s){var i=this&&this.__awaiter||function(e,a,s,i){return new(s||(s=Promise))((function(n,t){function l(e){try{c(i.next(e))}catch(e){t(e)}}function o(e){try{c(i.throw(e))}catch(e){t(e)}}function c(e){var a;e.done?n(e.value):(a=e.value,a instanceof s?a:new s((function(e){e(a)}))).then(l,o)}c((i=i.apply(e,a||[])).next())}))};Object.defineProperty(a,"__esModule",{value:!0}),a.useEmailWhenAvailable=void 0;const n=s(3),t=s(793),l={email:"",isLoading:!1,isError:!1,isSent:!1,response:null};a.useEmailWhenAvailable=({variantId:e,successMessage:a})=>{const[s,o]=(0,n.useState)(l),c=(0,n.useCallback)((e=>{o((a=>Object.assign(Object.assign({},a),{email:e.currentTarget.value})))}),[]);return{state:s,handleChangeEmail:c,handleSubmitForm:n=>i(void 0,void 0,void 0,(function*(){if(n.preventDefault(),o((e=>Object.assign(Object.assign({},e),{isLoading:!0}))),!(0,t.isEmailValid)(s.email))return void o((e=>Object.assign(Object.assign({},e),{isLoading:!1,isError:!0,isSent:!1})));o((e=>Object.assign(Object.assign({},e),{isLoading:true})));const i=new FormData;i.append("email",s.email),i.append("variant",e),i.append("a","NhVDeY"),i.append("platform","shopify");try{const e=yield fetch("https://a.klaviyo.com/onsite/components/back-in-stock/subscribe",{method:"POST",body:i,headers:{accept:"application/json"}});console.log(e),o((e=>Object.assign(Object.assign({},e),{isError:!1,response:"success",isSent:!0,message:a})))}catch(e){console.log(e)}finally{o((e=>Object.assign(Object.assign({},e),{isSent:!0,isLoading:!1})))}}))}}},110:(e,a,s)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.EmailWhenAvailable=void 0;const i=s(0),n=(s(1),s(2)),t=s(276);s(111),a.EmailWhenAvailable=({variantId:e,placeholder:a="Enter your email",buttonText:s="Notify me when available",successMessage:l="We'll notify you"})=>{const{state:o,handleChangeEmail:c,handleSubmitForm:r}=(0,t.useEmailWhenAvailable)({variantId:e,successMessage:l});return(0,i.jsxs)("form",Object.assign({onSubmit:r,className:"email-when-available"},{children:[(0,i.jsx)("input",{disabled:o.isSent,name:"email",type:"email",value:o.email,className:"email-when-available__input",onInput:c,placeholder:a,autocorrect:"off",autocapitalize:"off"}),(0,i.jsx)("button",Object.assign({type:"submit",className:(0,n.cx)("email-when-available__button",o.isSent&&"email-when-available__button__disabled"),disabled:o.isSent},{children:o.isSent?l:s}))]}))}},793:(e,a)=>{Object.defineProperty(a,"__esModule",{value:!0}),a.isEmailValid=a.getResponseMessage=void 0,a.getResponseMessage=e=>null===e?"":e.message.length>0?e.message:e.error,a.isEmailValid=e=>new RegExp(/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/).test(e)}}]);