(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[620],{88751:function(e,r,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/gift-cards",function(){return n(58874)}])},85098:function(e,r,n){"use strict";n.d(r,{G:function(){return m}});var t=n(85893);n(67294);var i=n(86664),a=n(47125),l=n(93967),o=n.n(l),s=n(70345),u=n(64366),d=n(28e3),c=n.n(d),m=function(e){var r=e.id,n=e.errorMessage,l=e.onChange,d=e.onBlur,m=e.onFocus,_=e.hasFocus,f=e.hiddenLabel,p=(0,u.f)().theme,v=(null==p?void 0:p.palette.textPrimary)||"#FFFFFF",h=(null==p?void 0:p.palette.textTertiary)||"#FFFFFF",g="".concat((0,a.Z)(h));v=getComputedStyle(document.body).getPropertyValue("--text-primary")||"#FFFFFF",g="".concat((0,a.Z)(v),"90");var b="".concat((0,a.Z)(v));return(0,t.jsxs)("div",{className:o()(c().root,_?c().stripeFocus:"",n?c().error:""),children:[(0,t.jsx)("label",{htmlFor:r,className:c().label,hidden:f,children:(0,t.jsx)("span",{children:"Credit Card"})}),(0,t.jsxs)("div",{className:c().inputContainer,children:[(0,t.jsx)(i.CardElement,{id:r,onChange:l,onBlur:d,onFocus:m,className:c().stripeElem,options:{style:{base:{fontSize:"16px",color:b,fontFamily:"Avenir, Helvetica, Arial, sans-serif","::placeholder":{color:"".concat(g)},":-webkit-autofill":{color:b}},invalid:{color:"#9e2146"}}}}),(0,t.jsx)(s.d,{error:n,id:r})]})]})}},58874:function(e,r,n){"use strict";n.r(r),n.d(r,{default:function(){return O}});var t=n(85893),i=n(67294),a=n(64366),l=n(11010),o=n(24043),s=n(20414),u=n(87536),d=n(47533),c=n(86664),m=n(48966),_=n.n(m),f=n(16310),p=n(33508),v=n(99808),h=n(3914),g=n(72253),b=n(14932),x=n(47702),C=n(70345),j=n(67665),F=n.n(j),N=function(e){var r=e.options,n=e.register,i=e.required,a=e.error,l=e.id,o=(0,x._)(e,["options","register","required","error","id"]);return(0,t.jsxs)("fieldset",{className:F().root,children:[r.map(function(e){return(0,t.jsxs)("div",{className:F().radioButton,children:[(0,t.jsx)("input",(0,b._)((0,g._)({type:"radio",required:i,id:e.label},n,o),{value:e.value})),(0,t.jsx)("label",{className:F().valueButton,htmlFor:e.label,children:e.label},e.value)]},e.label)}),a&&(0,t.jsx)(C.d,{errorClassName:F().error,id:l,error:a})]})},E=n(85098),y=n(34642),q=n(78066),P=n(2664),S=n(21995),G=n(65330),T=function(e){return null==e?void 0:e.giftCard},w=function(){var e=(0,P.v9)(T),r=(0,P.I0)();return{giftCard:e,purchaseGiftCard:function(e){var n,t,i,a,l,o,s,u,d;return r((n=e.client_name,t=e.client_email,i=e.client_phone,a=e.sender_name,l=e.sender_email,o=e.sender_phone,s=e.value,u=e.slug,d=e.token,function(e){e({type:S.gT});try{e(G.Z.post("/gift_cards",{params:{},data:{id:u,client_name:n,client_email:t,client_phone:i,sender_name:a,sender_email:l,sender_phone:o,value:s,stripe_token:d},request:S.gT,success:S.Az,failure:S.rq}))}catch(r){e({type:S.rq,payload:{error:r.error.message}})}}))},resetGiftCardState:function(){return r(function(e){e({type:S.$m})})},startGiftCardFormLoading:function(){return r({type:S.d$})},stopGiftCardFormLoading:function(){return r({type:S.bM})}}},B=n(23122),Z=n(29844),k=[{label:"$50",value:"5000"},{label:"$75",value:"7500"},{label:"$100",value:"10000"},{label:"$200",value:"20000"},{label:"Custom",value:"0"}],M=[{label:"Someone else",value:"other"},{label:"Myself",value:"self"}],U=n(90620),R=n.n(U),$=function(e){var r=e.title,n=e.children;return(0,t.jsxs)("section",{className:R().section,children:[(0,t.jsx)("h2",{className:R().sectionTitle,children:r}),n]})},A=function(){var e,r,n,a,m,g,b,x,C,j,F,P,S=(0,c.useStripe)(),G=(0,c.useElements)(),T=(0,q.i)().name,U=(0,B.j)().slug,A=w(),L=A.giftCard,Y=A.resetGiftCardState,O=A.startGiftCardFormLoading,I=A.stopGiftCardFormLoading,W=A.purchaseGiftCard,X=(0,p.ye)(y.y.GIFT_CARD_IMPROVEMENT),D=(0,o._)(i.useState(!1),2),J=D[0],V=D[1],z=(0,o._)(i.useState(void 0),2),K=z[0],Q=z[1],H=(0,o._)(i.useState(!1),2),ee=H[0],er=H[1];i.useEffect(function(){Y()},[]);var en=function(e){var r;Q(null===(r=e.error)||void 0===r?void 0:r.message),er(e.complete),!e.error&&e.complete&&Q(void 0)},et=function(){ee||Q("Your Credit Card information is incompleted"),V(!1)},ei=(e=(0,l._)(function(e){var r,n,t,i,a,l,o,u,d,m,_,f,p,v,h,g;return(0,s.Jh)(this,function(s){switch(s.label){case 0:if(r=e.client_email,n=e.client_name,t=e.client_phone,i=e.sender_email,a=e.sender_name,l=e.value,o=e.preset_value,u=e.recipient,!S||!G)return[2];if(O(),d=G.getElement(c.CardElement),_=(m=X.isEnabled&&"other"===u)?a:void 0,f=m?null==i?void 0:i.trim():void 0,p=m?a:n,!d)return[3,2];return[4,S.createToken(d,{name:p})];case 1:return h=(v=s.sent()).token,(g=v.error)?(Q(null==g?void 0:g.message),I()):(Q(void 0),W({client_name:n,client_email:r.trim(),client_phone:(0,Z.Xl)(t).substring(1),sender_name:_,sender_email:f,value:Number(o)||100*Number(l),slug:U,token:h.id})),[3,3];case 2:Q("There was an error submitting your card information"),s.label=3;case 3:return[2]}})}),function(r){return e.apply(this,arguments)}),ea=f.Ry({client_email:f.Z_().required("Please enter Email address").test("is-email","Please enter a valid email address",function(e){return _().isEmail(e)}),client_name:f.Z_().required("Please enter Name"),client_phone:f.Z_().transform(function(e){return(0,Z.Xl)(e)}).min(11,"Phone number must be 10 or 11 digits").required("Please enter Phone").test("is-james","Please enter a valid phone number",function(e){return _().isMobilePhone(e,"en-US")}),sender_name:f.Z_().when(["recipient"],function(e,r){return"other"===(0,o._)(e,1)[0]?r.required("Please enter Sender's Name"):r}),sender_email:f.Z_().when(["recipient"],function(e,r){return"other"===(0,o._)(e,1)[0]?r.required("Please enter Email address").test("is-email","Please enter a valid email address",function(e){return _().isEmail(e)}):r}),preset_value:f.Z_().required("Please select an amount or enter a custom value"),value:f.Z_().when("preset_value",function(e,r){return"0"!==(0,o._)(e,1)[0]?r.nullable():r.transform(function(e){var r;return null==e?void 0:null===(r=e.replace("$",""))||void 0===r?void 0:r.trim()}).test("min","Amount cannot be less than $".concat(10),function(e){return Number(e)>=10}).test("max","Amount cannot be more than $".concat(500),function(e){return 500>=Number(e)})}),recipient:X.isEnabled?f.Z_().required("Please select a recipient"):f.Z_()}).required(),el=(0,u.cI)({resolver:(0,d.X)(ea),mode:"onBlur"}),eo=el.register,es=el.formState.errors,eu=el.control,ed=el.handleSubmit,ec=el.resetField,em=(0,u.qo)({control:eu,name:"preset_value"}),e_=(0,u.qo)({control:eu,name:"recipient"}),ef=(0,o._)(i.useState(!1),2),ep=ef[0],ev=ef[1];return(i.useEffect(function(){0===Number(em)?ev(!0):(ev(!1),ec("value"))},[em,ec]),L.success)?(0,t.jsx)("div",{className:R().root,children:(0,t.jsxs)("div",{children:[(0,t.jsx)("h1",{className:R().pageTitle,children:"Your Purchase is Complete!"}),(0,t.jsx)("div",{className:R().pageSubtitle,children:"You will be receiving an email in the next 5-10 minutes with your gift card. Thank you!"})]})}):(0,t.jsxs)("div",{className:R().root,children:[(0,t.jsx)("div",{className:R().pageTitle,children:"Purchase A Gift Card"}),(0,t.jsx)("div",{className:R().pageSubtitle,children:"You can purchase gift cards from ".concat(T," here")}),(0,t.jsxs)("form",{noValidate:!0,className:R().form,onSubmit:function(e){ed(ei)(e)},children:[(0,t.jsxs)($,{title:"Choose an amount",children:[(0,t.jsx)(N,{id:"preset_value",options:k,required:!0,error:null===(r=es.preset_value)||void 0===r?void 0:r.message,register:eo("preset_value")}),ep&&(0,t.jsx)(h.U,{id:"value",type:"price",label:"Custom amount",placeholder:"Enter amount",name:"client_name",register:eo("value"),decimalScale:0,error:null===(n=es.value)||void 0===n?void 0:n.message,required:!0})]}),X.isEnabled?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)($,{title:"Who's this gift card for?",children:[(0,t.jsx)(N,{id:"recipient",options:M,required:!0,error:null===(a=es.recipient)||void 0===a?void 0:a.message,register:eo("recipient")}),!!e_&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h.U,{id:"client_name",label:"self"===e_?"Name":"Recipient's name",name:"client_name",register:eo("client_name"),error:null===(m=es.client_name)||void 0===m?void 0:m.message,required:!0}),(0,t.jsx)(h.U,{id:"client_email",label:"self"===e_?"Email":"Recipient's email",name:"client_email",register:eo("client_email"),error:null===(g=es.client_email)||void 0===g?void 0:g.message,required:!0}),(0,t.jsx)(h.U,{id:"client_phone",label:"self"===e_?"Phone":"Recipient's phone",type:"tel",name:"client_phone",control:eu,error:null===(b=es.client_phone)||void 0===b?void 0:b.message,required:!0})]})]}),"other"===e_&&(0,t.jsxs)($,{title:"Who's it from?",children:[(0,t.jsx)(h.U,{id:"sender_name",label:"Name",name:"sender_name",register:eo("sender_name"),error:null===(x=es.sender_name)||void 0===x?void 0:x.message}),(0,t.jsx)(h.U,{id:"sender_email",label:"Email",name:"sender_email",register:eo("sender_email"),error:null===(C=es.sender_email)||void 0===C?void 0:C.message})]}),(0,t.jsx)($,{title:"Pay with credit card",children:(0,t.jsx)(E.G,{id:"credit-card",onChange:en,onFocus:function(){return V(!0)},onBlur:et,errorMessage:K,hasFocus:J,hiddenLabel:!0})})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(h.U,{id:"client_name",label:"Your Name",name:"client_name",register:eo("client_name"),error:null===(j=es.client_name)||void 0===j?void 0:j.message,required:!0}),(0,t.jsx)(h.U,{id:"client_email",label:"Your Email",name:"client_email",register:eo("client_email"),error:null===(F=es.client_email)||void 0===F?void 0:F.message,required:!0}),(0,t.jsx)(h.U,{id:"client_phone",label:"Phone",type:"tel",name:"client_phone",control:eu,error:null===(P=es.client_phone)||void 0===P?void 0:P.message,required:!0}),(0,t.jsx)(E.G,{id:"credit-card",onChange:en,onFocus:function(){return V(!0)},onBlur:et,errorMessage:K,hasFocus:J})]}),L.error?(0,t.jsx)("div",{className:R().error,"data-error":"gift-card-error",children:L.error}):(0,t.jsx)("div",{}),(0,t.jsx)(v.Z,{className:R().submitButton,loading:L.loading,disabled:L.loading||!S||!G,onClick:function(){ee||Q("Your Credit Card information is incompleted")},children:"Purchase Now"})]})]})};function L(){var e=(0,a.f)().components.Layout;return(0,t.jsx)(e,{children:(0,t.jsx)(A,{})})}var Y=function(){return(0,t.jsx)(L,{})};Y.getInitialProps=function(){return{metadata:{title:"Gift Cards"}}};var O=Y},67665:function(e){e.exports={root:"RadioButtons_root__5mbil",radioButton:"RadioButtons_radioButton___U_Rp",error:"RadioButtons_error__fFQMB"}},28e3:function(e){e.exports={root:"StripeElement_root__WyLkw",stripeElem:"StripeElement_stripeElem__Y6f3M",label:"StripeElement_label__fzP7J",inputContainer:"StripeElement_inputContainer__Ovv4O",stripeFocus:"StripeElement_stripeFocus__3WED7"}},90620:function(e){e.exports={root:"GiftCard_root__2vC5Q",pageTitle:"GiftCard_pageTitle__WV9Du",pageSubtitle:"GiftCard_pageSubtitle__hEbKq",formContent:"GiftCard_formContent__Mr1Jt",form:"GiftCard_form__dAfKT",section:"GiftCard_section__t7JGO",sectionTitle:"GiftCard_sectionTitle__ebl1F",error:"GiftCard_error___FffD",submitButton:"GiftCard_submitButton__2_9uo"}}},function(e){e.O(0,[888,774,179],function(){return e(e.s=88751)}),_N_E=e.O()}]);