https://volumo.com/_next/static/chunks/pages/gift-card/order-59b0d92c2df87ab9.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1620],{1577:e=>{e.exports={mainContent:"OrderGiftCard_mainContent__Jh_wD",orderBlock:"OrderGiftCard_orderBlock__ahGbn",genericTitle:"OrderGiftCard_genericTitle__VVMwn",orderTitle:"OrderGiftCard_orderTitle__tJACA",message:"OrderGiftCard_message__Odffd",authCta:"OrderGiftCard_authCta__JZrEb"}},5977:e=>{e.exports={slider:"NumberInputWithSlider_slider__OFOB5"}},20458:(e,t,a)=>{"use strict";a.d(t,{Mi:()=>i,OS:()=>r,Qg:()=>l,oF:()=>s});let r=1e3,i=2e4,s=2e3,l=21e3},24946:(e,t,a)=>{"use strict";a.d(t,{Q:()=>o});var r=a(80263),i=a(85838),s=a(22269),l=a(76923),n=a(53239);let o=e=>{let{decimalsLength:t=0,value:a,onChange:o,...c}=e,d=(0,n.useCallback)(e=>{let t=(0,l.$J)(e.target.value||void 0);o?.(e,t??null)},[o]);return(0,r.jsx)(s.k,{value:(0,i.o)(a,{decimalsLength:t})??"",onChange:d,...c})}},25089:e=>{e.exports={root:"GiftValueSelector_root__lxRIC",circle:"GiftValueSelector_circle__RJ6_U",circle1:"GiftValueSelector_circle1__6t2_J",circle2:"GiftValueSelector_circle2__VIKeO",circle3:"GiftValueSelector_circle3__Em4yx",other:"GiftValueSelector_other__45eWI",input:"GiftValueSelector_input__Gmi97",footnote:"GiftValueSelector_footnote__IL6Tm"}},27203:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/gift-card/order",function(){return a(73206)}])},32599:(e,t,a)=>{"use strict";a.d(t,{f:()=>l});var r=a(12556),i=a(70559),s=a(53239);let l=e=>{let{isAboveMd:t}=(0,r.yU)(),{getTotalOffset:a}=(0,s.useContext)(i.X);return(0,s.useMemo)(()=>({"--bottom-offset":t?0:a("bottom",e)}),[a,t,e])}},39990:(e,t,a)=>{"use strict";a.d(t,{U:()=>n});var r=a(80263),i=a(77148),s=a(62750),l=a(24946);a(53239);let n=e=>{let{value:t,postfix:a,currency:n="€",onChange:o,...c}=e;return(0,r.jsx)(l.Q,{decimalsLength:2,postfix:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.X,{children:n}),a]}),textAlign:"right",value:(0,i.ET)(t)??null,onChange:(e,t)=>

1{o?.(e,(0,i.vu)(t)??null)},...c})}},42173:(e,t,a)=>{"use strict";a.d(t,{t:()=>x});var r=a(80263),i=a(8650),s=a(61528),l=a(13463),n=a(65963),o=a(27518),c=a.n(o),d=a(61469),u=a(53239),h=a(13380),m=a(8259),f=a(18067);let x=e=>{let{baseCanonicalUrl:t,children:a,fields:o,microdata:x,noHreflang:g,noOtherLocales:_,pageName:v,robots:p}=e,{cookieData:j}=(0,h.iT)(),{defaultLocale:b,locale:y,supportedLocales:C}=(0,l.c3)(),{asPath:k}=(0,d.useRouter)(),S=_?void 0:C?.filter(e=>e!==y&&i.Y[e]&&!i.Y[e].uncrawlable),w=(0,f.Z)({fields:o,locale:y,pageName:v,path:k}),T=t&&y&&y!==b&&!g?`/${y}${t}`:t,N=(0,n.j)(T?.startsWith("/")?(0,m.MX)(T):T,"/"),M=y&&i.Y[y]?.uncrawlable?"none":p;return(0,u.useEffect)(()=>{j.hasDebugSet&&console.debug(["Canonical URL: %s","Metaplaceholders: %O","Microdata: %O","Page name: %s","Title: %s","H1: %s","Description: %s","Image: %s"].join(n.Dg),N,o,x,v,w.title,w.h1Title,w.metaTagValues.description,w.metaTagValues["og:image"])},[j.hasDebugSet,N,o,x,v,w.title,w.h1Title,w.metaTagValues.description,w.metaTagValues["og:image"]]),(0,r.jsxs)(c(),{children:[M&&(0,r.jsx)("meta",{content:M,name:"robots"}),(0,r.jsx)("title",{children:w.title}),Object.entries(w.metaTagValues).map((e,t)=>{let[a,i]=e;return i?(0,r.jsx)("meta",{content:i,name:a},t):null}),N&&(0,r.jsx)("link",{href:N,hrefLang:g?void 0:y,rel:"canonical"}),void 0===t||g?null:S?.map(e=>(0,r.jsx)("link",{href:(0,n.j)((0,m.MX)(e===b?t:`/${e}${t}`),"/"),hrefLang:e,rel:"alternate"},e)),void 0===t||g?null:(0,r.jsx)("link",{href:(0,n.j)((0,m.MX)(t),"/"),hrefLang:"x-default",rel:"alternate"}),x&&(0,r.jsx)(s.AZ,{data:x}),a]})}},45485:(e,t,a)=>{"use strict";a.d(t,{j:()=>h});var r=a(80263),i=a(62907),s=a(22269),l=a(13463),n=a(62091),o=a.n(n),c=a(53239),d=a(57419),u=a.n(d);let h=e=>{let{onBlur:t,onSuggestionClick:a,...n}=e,{t:d}=(0,l.c3)(),[h,m]=(0,c.useState)(),f=(0,c.useCallback)((e,a)=>{t?.(e,a),m(o().run({email:a??e.target.value}))},[t]);return(0,r.jsx)(s.k,{...n,footnote:h&&(0,r.jsx)("div",{className:u().emailFootnote,children:d("Did you mean {suggestion}?",void 0,{suggestion:(0,r.jsxs)(r.Fragment,{children:[h.address,"@",(0,r.jsx)(i.u,{className:u().suggestedDomain,onClick:()=>{a?.(h.full),m(void 0)},children:h.domain})]})})}),type:"email",onBlur:f})}},54908:e=>{e.exports={root:"ContentLayout_root__eSdny",showLeftSidebar:"ContentLayout_showLeftSidebar__XOZAZ",main:"ContentLayout_main__ygLhy",extraBottomSpace:"ContentLayout_extraBottomSpace__DnaqP",left:"ContentLayout_left__0TFcI",right:"ContentLayout_right__YawBm",noLeftSidebar:"ContentLayout_noLeftSidebar__3FKMF"}},54923:(e,t,a)=>{"use strict";a.d(t,{J3:()=>p,OQ:()=>x,UV:()=>m,WL:()=>_,df:()=>j,fm:()=>v,p6:()=>b,pp:()=>C,sA:()=>y,xH:()=>f,zs:()=>g});var r=a(46947),i=a(70719),s=a(90244),l=a(27129),n=a(12806),o=a(69285),c=a(35796),d=a(72072),u=a(8259);let h=e=>({Root:{href:i.KW.Root,text:"Volumo"},Releases:{href:i.KW.Releases,text:e("Releases")},Preorders:{href:i.KW.Preorders,text:e("Preorders")},Labels:{href:i.KW.Labels,text:e("Labels")},Artists:{href:i.KW.Artists,text:e("Artists")},MyLabels:{href:i.KW.MyLabels,text:e("Labels")},MyArtists:{href:i.KW.MyArtists,text:e("Artists")},MyPlaylists:{href:i.KW.MyPlaylists,text:e("My Playlists")},MyCharts:{href:i.KW.MyCharts,text:e("My Charts")},UserProfile:{href:i.KW.UserProfile,text:e("User profile")},ContentProvider:{href:i.KW.ContentProvider,text:e("Artist & Label panel")},DistributorDashboard:{href:i.KW.DistributorDashboard,text:e("Distributor dashboard")},PublicPlaylists:{href:i.KW.PublicPlaylists,text:e("Playlists")},ChartsMainPage:{href:i.KW.ChartsMainPage,text:e("Charts")},HowTo:{href:i.KW.HowTo,text:e("How To?")},MyFeed:{href:i.KW.MyFeed,text:e("My Feed")},Loading:{text:e("Loading…")}}),m=l.Bd?(0,o.Bj)(h):h,f=(e,t,a)=>{if(!e||void 0===t)return;let r=m(a);return"chart"===e?t?r.ChartsMainPage:r.MyCharts:t?r.PublicPlaylists:r.MyPlaylists},x=e=>e?{href:(0,i.C$)(e),notranslate:!0,text:e.name}:void 0,g=e=>e?{href:(0,i.FD)(e),image:r.C.getImageUrl(e?.artwork_uuid,{format:"jpg",width:1400}),notranslate:!0,text:e.title}:void 0,_=(e,t,a)=>{if(e?.recordlabel)return{href:(0,i.vd)(e.recordlabel),notranslate:!0,type:"Organization",text:e.recordlabel.name};if(e?.volumo_direct){let e=(0,i.ng)(t);return{text:a("Volumo Direct"),href:e}}},v=e=>e?{text:(0,s.Ph)(e),notranslate:!0,href:(0,i.$O)(e)}:void 0,p=(e,t,a)=>{if(e?.length)return e.length>2?`(${a("Multiple genres")})`:e.map(e=>t?.find(t=>

1t.id===e)?.name).join(", ")},j=(e,t)=>{if(e?.length)return e.length>1?{text:`(${t("Multiple filters")})`}:{text:(0,c.rE)(e[0],t)}},b=e=>({href:(0,i.vd)(e),notranslate:!0,text:e.name,type:"MusicGroup",description:e.description??void 0,image:{"@type":"ImageObject",contentUrl:e.artwork_uuid?r.C.getImageUrl(e.artwork_uuid):(0,u.MX)("/static/images/artist-icon.jpg")}}),y=(e,t,a)=>{let r=(0,d.g)(t,e,a);return{href:r.href,text:(0,n.xi)(r.title)}},C=(e,t)=>({href:(0,i.z4)(e.id,e.contributor_type),notranslate:!0,text:(0,s.Ef)(t,e?.name)})},56711:e=>{e.exports={banner:"Banner_banner__jrHXI",bannerTitleSpan1:"Banner_bannerTitleSpan1__uE4rA",bannerTitleSpan2:"Banner_bannerTitleSpan2__yml18",genericTitle:"Banner_genericTitle__ZHJR7"}},57419:e=>{e.exports={emailFootnote:"EmailInput_emailFootnote__KJ0df",suggestedDomain:"EmailInput_suggestedDomain__o7lRe"}},61528:(e,t,a)=>{"use strict";a.d(t,{vS:()=>n,AZ:()=>s,bE:()=>l,Oq:()=>o});var r=a(80263),i=a(53239);let s=e=>{let{data:t}=e,a=(0,i.useMemo)(()=>JSON.stringify(t).replace(/</g,"\\u003c"),[t]);return(0,r.jsx)("script",{dangerouslySetInnerHTML:{__html:a},type:"application/ld+json"})},l="https://schema.org/",n="https://schema.org/DigitalFormat",o=e=>{if(e)return{"@context":l,"@type":"BreadcrumbList",itemListElement:e.map((e,t)=>({"@type":"ListItem",position:t+1,item:{"@id":e?.href??void 0,name:e.text,image:e.image,"@type":e.type,description:e.description}}))}}},62017:(e,t,a)=>{"use strict";a.d(t,{s:()=>u});var r=a(80263),i=a(12556),s=a(97930),l=a(53648),n=a(13463),o=a(3638);a(53239);var c=a(54908),d=a.n(c);let u=e=>{let{allowExtraBottomSpace:t=!0,children:a,className:c,leftSidebar:u,topLine:h}=e,{t:m}=(0,n.c3)(),{isAboveMd:f}=(0,i.yU)(),x=!!(f&&u);return(0,r.jsxs)(s.xA,{className:(0,o.A)(d().root,x&&d().showLeftSidebar),horizontalSpacing:3,children:[(0,r.jsxs)("main",{className:(0,o.A)(d().main,!x&&d().noLeftSidebar,t&&d().extraBottomSpace,c),children:[h,a]}),x&&(0,r.jsx)(l.B,{"aria-label":m("Left sidebar"),className:d().left,children:u})]})};u.displayName="ContentLayout"},62357:(e,t,a)=>{"use strict";a.d(t,{F:()=>h});var r=a(80263),i=a(96776),s=a(34131),l=a(24946),n=a(21551),o=a(76923),c=a(53239),d=a(5977),u=a.n(d);let h=e=>{let{className:t,error:a,id:d,label:h,labelOption:m,name:f,placeholder:x,readOnly:g,required:_,reserveErrorSpace:v,textAlign:p,onChange:j,onChangeCommitted:b,...y}=e,{rerender:C}=(0,s.v)(),k=(0,c.useRef)(y.value),S=(0,c.useRef)(y.value),w=(0,c.useCallback)(e=>{k.current!==e&&(k.current=e,j?.(e),C())},[j]),T=(0,c.useCallback)(e=>{S.current!==e&&(S.current=e,b?.(e),C())},[b]),N=(0,c.useCallback)(e=>{let t=(0,o.$J)(e.target.value);if(null!=t&&!isNaN(t)){let e=(0,o.qE)(y.min??0,t,y.max??100);w(e),T(e)}},[w,T]);return(0,i.I)(()=>{k.current!==y.value&&(k.current=y.value,S.current=y.value)},[y.value]),(0,r.jsx)(l.Q,{className:t,disabled:y.disabled,error:a,footnote:(0,r.jsx)(n.t,{className:u().slider,readOnly:g,onChange:w,onChangeCommitted:T,...y}),id:d,label:h,labelOption:m,name:f,placeholder:x,readOnly:g,reserveErrorSpace:v,textAlign:p,value:k.current??null,onBlur:N,onChange:(e,t)=>

1w(t??void 0)})}},66697:e=>{e.exports={input:"TextareaBase_input__S8yxR",slim:"TextareaBase_slim__OeLyS",canResize:"TextareaBase_canResize__lklg5"}},69720:e=>{e.exports={illustration:"HowItWorks_illustration__EFG21",howItWorks:"HowItWorks_howItWorks__EnvBa",genericTitle:"HowItWorks_genericTitle__Tc1Ut",howItWorksText:"HowItWorks_howItWorksText__Fbd0X"}},70992:e=>{e.exports={mark:"HeadingMark_mark__RjE_z","mark--small":"HeadingMark_mark--small__X9tRP"}},72072:(e,t,a)=>{"use strict";a.d(t,{g:()=>s,x:()=>l});var r=a(70719),i=a(92839);let s=(e,t,a)=>{switch(e){case"overview":return{href:(0,r.vd)(t),icon:i.Hoe,id:"overview",title:a("Overview")};case"albums":return{href:(0,r.vd)(t,"albums"),icon:i._YD,id:"albums",title:a("Releases")};case"tracks":return{href:(0,r.vd)(t,"tracks"),icon:i._l2,id:"tracks",title:a("Tracks")};case"charts":return{href:(0,r.vd)(t,"charts"),icon:i.THQ,id:"charts",title:a("Charts")};case"playlists":return{href:t&&(0,r.vd)(t,"playlists"),icon:i.JR6,id:"playlists",title:a("Playlists")};case"videos":return{href:(0,r.vd)(t,"videos"),icon:i.BnN,id:"videos",title:a("Videos")};case"about":return{href:(0,r.vd)(t,"about"),icon:i.XVX,id:"about",title:a("About")};case"related":return{href:(0,r.vd)(t,"related"),icon:i.lrS,id:"related",title:a("Related")};default:throw Error("tab ID not recognized")}},l=(e,t,a)=>{switch(e){case"albums":return a("Albums");case"tracks":return a("Tracks");case"charts":return a("Charts");case"playlists":return a("Playlists");case"videos":return a("Videos");case"about":return a("About");case"related":return a("artist"===t?"Related artists":"Related labels");default:return}}},73206:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>eL});var r=a(80263),i=a(70719),s=a(61528),l=a(13463),n=a(53239),o=a(87048),c=a(97930),d=a(71678),u=a(96776),h=a(19958),m=a(1985),f=a(136),x=a(78852),g=a(50016),_=a(55132),v=a(40377),p=a(3638),j=a(69285),b=a(89654),y=a(89367),C=a(53372),k=a(62907),S=a(92839),w=a(32599),T=a(90746),N=a.n(T);let M=e=>{let{onClick:t}=e,{t:a}=(0,l.c3)(),i=(0,w.f)(300);return(0,r.jsx)(k.u,{className:N().scrollDown,style:i,onClick:t,children:(0,r.jsxs)(c.xA,{justifyItems:"center",verticalSpacing:1.5,children:[(0,r.jsx)("div",{className:N().circle,children:(0,r.jsx)(S.RGe,{height:32,width:32})}),a("Scroll down")]})})};var A=a(15832),O=a(11647),G=a(17850),L=a(93819),R=a(74966),B=a(88157);let I=e=>{let{children:t,mark:a}=e;return(0,r.jsxs)(c.xA,{alignItems:"center",columns:"auto 1fr",horizontalSpacing:3,children:[(0,r.jsx)(B.s,{children:a}),t]})};var K=a(11359),V=a(51143),E=a(74471),W=a(56711),P=a.n(W);let q=()=>{let{t:e}=(0,l.c3)(),t=(0,n.useRef)(null);return(0,r.jsx)("div",{className:P().banner,ref:t,children:(0,r.jsxs)("h1",{className:P().genericTitle,children:[(0,r.jsx)("span",{className:P().bannerTitleSpan1,children:e("Order gift card")}),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{className:P().bannerTitleSpan2,children:e("Scroll down to continue")})]})})};var D=a(93349),F=a(69720),H=a.n(F);let Y=()=>{let{t:e}=(0,l.c3)();return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("img",{alt:"Gift cards illustration",className:H().illustration,src:"/static/images/gift-cards.webp"}),(0,r.jsxs)("div",{className:H().howItWorks,children:[(0,r.jsx)("h2",{className:H().genericTitle,children:e("How it works")}),(0,r.jsx)(x.K,{mt:6}),(0,r.jsxs)("div",{className:H().howItWorksText,children:[e("In short, it's one of the easiest and most flexible DJ gifts you can give. You buy the card, pass the code along, the recipient activates it - and immediately gets the freedom to choose any music they want. The activation page is available right {here}.",void 0,{here:(0,r.jsx)(D.W,{href:i.KW.ActivateGiftcard,children:e("here")})}),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),e("A Volumo Gift Card is simply a digital code that adds credit to a user's account on Volumo. When you purchase one, you can enter the recipient's email and the electronic gift card will be delivered instantly. If you prefer to give it in person, just send it to your own email and share the code however you like. Please make sure that the code is kept secret between you and the recipient of the gift."),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),e("After the code is activated, the full value of the Volumo Gift Card appears on the user's balance right away. This balance works just like regular funds on Volumo: it can be used to buy any track, release, or DJ chart available in the store, with no limitations or restrictions.")]})]})]})};var z=a(77148),U=a(64011),$=a(94002),X=a(45485),J=a(904),Q=a(62357),Z=a(78738),ee=a(22269),et=a(6750),ea=a(84001),er=a(82762),ei=a(39990),es=a(27129),el=a(20458),en=a(89219),eo=a.n(en);let ec=e=>{let{children:t,className:a,isSelected:i,onClick:s}=e;return(0,r.jsx)(k.u,{className:(0,p.A)(eo().box,i&&eo().selected,a),onClick:s,children:t})};var ed=a(25089),eu=a.n(ed);let eh=[2500,5e3,1e4],em=e=>{let{className:t,value:a,onBlur:i,onSelected:s}=e,{t:o}

1=(0,l.c3)(),[c,d]=(0,n.useState)(0),[u,h]=(0,n.useState)(),m=(0,n.useRef)(null),f=(0,n.useRef)(null);(0,n.useEffect)(()=>{void 0!==a&&(eh.includes(a)?d(eh.indexOf(a)):(d(3),h(a)))},[a]);let g=(0,n.useCallback)(e=>{let t=e.nativeEvent.relatedTarget;t&&!m.current?.contains(t)&&i?.()},[]);return(0,r.jsxs)("div",{className:(0,p.A)(eu().root,t),ref:m,onBlur:g,children:[(0,r.jsxs)(ec,{isSelected:0===c,onClick:()=>{d(0),s?.(eh[0])},children:[(0,r.jsx)("div",{className:(0,p.A)(eu().circle,eu().circle1,es.Yr),children:(0,z.vv)(eh[0],{decimalsLength:0})}),(0,r.jsx)(x.K,{mt:3}),(0,r.jsx)("span",{className:eu().footnote,children:o("Gift card")})]}),(0,r.jsxs)(ec,{isSelected:1===c,onClick:()=>{d(1),s?.(eh[1])},children:[(0,r.jsx)("div",{className:(0,p.A)(eu().circle,eu().circle2,es.Yr),children:(0,z.vv)(eh[1],{decimalsLength:0})}),(0,r.jsx)(x.K,{mt:3}),(0,r.jsx)("span",{className:eu().footnote,children:o("Gift card")})]}),(0,r.jsxs)(ec,{isSelected:2===c,onClick:()=>{d(2),s?.(eh[2])},children:[(0,r.jsx)("div",{className:(0,p.A)(eu().circle,eu().circle3,es.Yr),children:(0,z.vv)(eh[2],{decimalsLength:0})}),(0,r.jsx)(x.K,{mt:3}),(0,r.jsx)("span",{className:eu().footnote,children:o("Gift card")})]}),(0,r.jsxs)(ec,{isSelected:3===c,onClick:()=>{d(3),s?.(u),f.current&&f.current.focus()},children:[(0,r.jsx)("div",{className:eu().other,children:o("Other")}),(0,r.jsx)(x.K,{mt:1.5}),(0,r.jsx)(ei.U,{className:eu().input,inputRef:f,placeholder:o("e.g. {value}",void 0,{value:(0,z.qV)(2250)}),slim:!0,tabIndex:3===c?0:-1,value:u,onBlur:()=>{if(u||0===u){let e=u<el.OS?el.OS:u>el.Mi?el.Mi:u;h(e),s?.(e)}},onChange:(e,t)=>

1{d(3),h(t??void 0)}})]})]})},ef=(0,j.Bj)(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return{quantity:r,amount:5e3,message:e("Hope you enjoy this Volumo Gift Card!"),recipient_email:a,recipient_name:t,giftcard_valid_to:(0,et.d$)((0,et.e7)((0,et.Gq)(),5))}}),ex=e=>{let{formRef:t,validationError:a,valueSelectorFooter:i,onCheckoutChange:s}=e,{locale:n,t:o}=(0,l.c3)(),{user:d}=(0,V.IE)();return(0,r.jsx)(ea.l1,{enableReinitialize:!0,initialStatus:(0,U.iE)(a),initialValues:ef(o,d?.name,d?.email),innerRef:t,isInitialValid:!1,validationSchema:er.Ik().shape({amount:er.ai().min(el.OS,o("Must be at least {value}",void 0,{value:(0,z.vv)(el.OS)})).max(el.Mi,o("Must be no more than {value}",void 0,{value:(0,z.vv)(el.Mi)})).required(o("Required")),quantity:er.ai().min(1).required(o("Required")),recipient_email:er.Yj().email(o("Must be a valid email address")).required(o("Required")),recipient_name:er.Yj().required(o("Required")),message:er.Yj(),giftcard_valid_to:er.Yj().required(o("Required"))}),onSubmit:()=>void 0,children:e=>{let{errors:t,handleChange:a,handleBlur:l,setFieldTouched:d,setFieldValue:h,status:m,touched:_,values:v}=e;return(0,u.I)(()=>{s?.()},[v.amount,v.message,v.recipient_name,v.recipient_email,v.quantity,v.giftcard_valid_to,t]),(0,r.jsxs)(ea.lV,{children:[(0,r.jsx)(I,{mark:"01",children:(0,r.jsx)(g.V,{variant:"h2",children:o("Gift card amount")})}),(0,r.jsx)(x.K,{mt:3}),(0,r.jsx)(J.v,{error:_.amount&&(t.amount||m?.amount||m?.["giftcard.amount"]),showVividError:!0,children:(0,r.jsx)(em,{value:v.amount,onBlur:()=>{setTimeout(()=>d("amount",!0))},onSelected:e=>{h("amount",e,!0)}})}),(0,r.jsx)(x.K,{mt:3}),(0,r.jsx)(Q.F,{endThumbTestId:"quantity",error:_.quantity&&(t.quantity||m?.["giftcard.quantity"]),label:o("Quantity"),max:50,min:1,step:1,value:v.quantity,onChangeCommitted:e=>e&&h("quantity",e)}),i,(0,r.jsx)(x.K,{mt:6}),(0,r.jsx)($.l,{disableTime:!0,error:_.giftcard_valid_to&&(t.giftcard_valid_to||m?.["giftcard.giftcard_valid_to"]),label:o("Expiration date"),locale:n,maxValue:(0,et.d$)((0,et.e7)((0,et.Gq)(),5)),minValue:(0,et.d$)((0,et.fi)((0,et.Gq)(),8)),name:"giftcard_valid_to",required:!0,value:v.giftcard_valid_to,onBlur:l,onChange:e=>h("giftcard_valid_to",e)}),(0,r.jsx)(x.K,{mt:6}),(0,r.jsx)(I,{mark:"02",children:(0,r.jsx)(g.V,{variant:"h2",children:o("Recipient information")})}),(0,r.jsx)(x.K,{mt:3}),(0,r.jsxs)(c.f6,{children:[(0,r.jsx)(ee.k,{error:_.recipient_name&&(t.recipient_name||m?.["giftcard.recipient_name"]),label:o("Recipient name"),name:"recipient_name",required:!0,value:v.recipient_name,onBlur:l,onChange:a}),(0,r.jsx)(X.j,{error:_.recipient_email&&(t.recipient_email||m?.["giftcard.recipient_email"]),label:o("Recipient email"),name:"recipient_email",placeholder:"[email protected]",required:!0,value:v.recipient_email,onBlur:l,onChange:a,onSuggestionClick:e=>h("recipient_email",e)})]}),(0,r.jsx)(x.K,{mt:3}),(0,r.jsx)(f.p,{type:"info",children:o("Your email address will be visible to the recipient")}),(0,r.jsx)(x.K,{mt:6}),(0,r.jsx)(I,{mark:"03",children:(0,r.jsx)(g.V,{variant:"h2",children:o("Add a personal note")})}),(0,r.jsx)(x.K,{mt:3}),(0,r.jsx)(Z.T,{error:_.message&&(t.message||m?.["giftcard.message"]),label:o("Message"),name:"message",placeholder:o("Hope you enjoy this Volumo Gift Card!"),rows:4,value:v.message,onBlur:l,onChange:e=>h("message",e.target.value)}),(0,r.jsx)(x.K,{mt:3})]})}})};var eg=a(1577),e_=a.n(eg),ev=a(94386),ep=a(93107),ej=a(8259),eb=a(96169),ey=a.n(eb);let eC=e=>{let{giftcards:t,onAddAnotherClick:a}=e,{locale:s,t:n}=(0,l.c3)(),o=t&&1===t.length;return(0,r.jsxs)("div",{className:ey().successBlock,children:[(0,r.jsxs)(f.p,{type:"success",children:[n(o?"You have successfully purchased a\xa0gift\xa0card.":"You have successfully purchased gift\xa0cards."),(0,r.jsx)("br",{}),n(o?"Please record the following code in a safe place, and be sure to ever show it only to its intended recipient:":"Please record the following codes in a safe place, and be sure to ever show it only to its intended recipient:"),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),t?.map(e=>(0,r.jsx)("div",{className:ey().highlightedGiftCardCode,children:e.code},e.id)),(0,r.jsxs)("div",{children:[n(o?"Gift card's expiration date:":"Gift cards' expiration date:")," ",(0,ep.ik)(t?.[0].val

1id_to,{locale:s})]}),(0,r.jsx)("br",{}),n(o?"Gift card's activation page:":"Gift cards' activation page:")," ",(0,r.jsx)(D.W,{href:i.KW.ActivateGiftcard,children:(0,ej.MX)(i.KW.ActivateGiftcard)}),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),n(o?"Additionally we have sent an email message with the code to this email address:":"Additionally we have sent an email message with the codes to this email address:"),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),(0,r.jsx)("div",{className:ey().highlightedText,children:t?.[0].recipient_email})]}),(0,r.jsx)("br",{}),(0,r.jsx)("br",{}),(0,r.jsx)(ev.$,{fullWidth:!0,onClick:a,children:n("Order another Gift card")})]})},ek="order-block",eS=(0,j.Bj)((e,t)=>t?{checkout_id:t.id,giftcard:{message:e.message,recipient_email:e.recipient_email,recipient_name:e.recipient_name},type:"giftcard",amount:t.total_amount}:void 0),ew="meaningfulStart",eT=()=>{let{api:e}=(0,b.gf)(),{t}=(0,l.c3)(),[a,i]=(0,n.useState)(!0),{isAppRehydrated:s}=(0,o.Fh)(),j=(0,n.useRef)(null),{isLoggedIn:k}=(0,V.IE)(),[S,w]=(0,n.useState)(),[T,N]=(0,n.useState)(),[B,W]=(0,n.useState)(),[P,D]=(0,n.useState)(!1),{handlePurchaseSuccess:F}=(0,E.Ll)(),H=(0,K.uY)(),[z,U]=(0,n.useState)(),$=(0,n.useMemo)(()=>{let e=j.current?.values;return e&&z?eS(e,z):void 0},[z]),X=(0,n.useRef)(null),[J,Q]=(0,n.useState)();(0,h.A)({targetElementRef:X,observeHeight:!0,observeWidth:!1,onResize:e=>{Q(t=>Math.max(t??0,e.height))}});let Z=(0,n.useCallback)(async()=>{let e=j.current?.values;if(!(0,v.Im)(j.current?.errors))return U(void 0);if(e?.amount&&e?.recipient_email&&e?.recipient_name&&(e?.amount!==z?.amount||e?.quantity!==z?.quantity||e?.giftcard_valid_to!==z.giftcard_valid_to||"created"!==z.state))try{let t=await H.mutateAsync({amount:e.amount,quantity:e.quantity,giftcard_valid_to:e.giftcard_valid_to});U(t)}catch(e){W(e)}},[z]);(0,n.useEffect)(()=>{Z()},[!!j.current]),(0,u.I)(()=>{(0,_.lt)(ew)},[P]);let ee=(0,n.useCallback)(async t=>{if(!z)throw Error("No checkout available");await F({payorderId:t.id,giftcardCheckout:z,paymentType:E.Xf}),D(!0),w(t.giftcards),U(await e.getGiftcardCheckout(z.id))},[z,F,e]),et=(0,n.useCallback)(async()=>{await Z(),D(!1),w(void 0),N(void 0)},[Z]);return(0,n.useEffect)(()=>{let e=document.getElementById(ek);if(e){let t=(0,_.Hc)(e),a=()=>{t&&i(0===t.scrollTop)},r=t!==document.documentElement?t:document;if(r)return r.addEventListener("scroll",a,{passive:!0}),()=>{r.removeEventListener("scroll",a)}}},[s]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(q,{}),(0,r.jsxs)("div",{className:e_().mainContent,children:[a&&(0,r.jsx)(M,{onClick:()=>{let e=document.getElementById(ek);e&&(0,_.PA)(e,"nearest","smooth")}}),(0,r.jsx)(Y,{}),(0,r.jsx)("div",{id:ew}),k?P?(0,r.jsx)(eC,{giftcards:S,onAddAnotherClick:et}):(0,r.jsxs)("div",{className:e_().orderBlock,id:ek,children:[(0,r.jsx)("h2",{className:(0,p.A)(e_().genericTitle,e_().orderTitle),children:t("Order gift card")}),(0,r.jsx)(x.K,{mt:6}),(0,r.jsx)(ex,{formRef:j,validationError:B,valueSelectorFooter:(0,r.jsxs)(m.p,{data:!0,isLoading:H.isPending,children:[(0,r.jsx)(x.K,{mt:3}),(0,r.jsx)(C.f,{checkout:z})]}),onCheckoutChange:Z}),(0,r.jsx)(x.K,{mt:6}),(0,r.jsx)(I,{mark:"04",children:(0,r.jsx)(g.V,{variant:"h2",children:t("Payment method")})}),(0,r.jsx)(x.K,{mt:3}),(0,r.jsx)(d.r,{children:(0,r.jsx)("div",{ref:X,style:{minHeight:J},children:(0,r.jsxs)(c.xA,{verticalSpacing:2,children:[(0,r.jsx)(G.h,{paymentMethod:T,onChange:e=>{N(e)}}),(0,r.jsx)(m.p,{data:!0,isLoading:H.isPending,children:(0,r.jsx)(C.f,{checkout:z})}),$&&T?.id===E.xH?(0,r.jsx)(L.O,{payorderSubject:$,onSuccess:ee}):(0,r.jsxs)(R.l,{amount:$?.amount,children:[T&&(0,r.jsx)(A.Q,{paymentMethod:T,payorderSubject:$,onSuccess:ee}),$?(0,r.jsx)(O.q,{payorderSubject:$,onSuccess:ee}):null]})]})})})]}):(0,r.jsxs)(f.p,{className:e_().message,type:"warning",children:[t("Please log in before ordering a\xa0gift\xa0card."),(0,r.jsx)(y.H,{className:e_().authCta})]}),(0,r.jsx)(x.K,{mt:10})]})]})};var eN=a(42173),eM=a(54923),eA=a(7060),eO=a(62017);let eG=n.memo(()=>{let{t:e}=(0,l.c3)(),t=e("Order gift card"),a=(0,n.useMemo)(()=>({title:t}),[t]),o=(0,eM.UV)(e),c=(0,n.useMemo)(()=>[o.Root,{text:t}],[o,t]),d=(0,s.Oq)(c);return(0,r.jsxs)(eO.s,{children:[(0,r.jsx)(eN.t,{baseCanonicalUrl:i.KW.OrderGiftcard,fields:a,microdata:d,pageName:"giftcardOrder"}),(0,r.jsx)(R.l,{children:(0,r.jsx)(eT,{})})]})});eG.displayName="OrderGiftCardPage",eG.getConfig=()=>({noQuickSettings:!0}),eG.renderInLayout=(e,t)=>(0,r.jsx)(eA.Y,{fullWidth:!0,noQuickSettings:t.pageConfig?.noQuickSettings,children:e});let eL=eG},78738:(e,t,a)=>{"use strict";a.d(t,{T:()=>m});var r=a(80263),i=a(904),s=a(96776),l=a(62750),n=a(12806),o=a(3638),c=a(53239),d=a(66697),u=a.n(d);let h=e=>{let{autoCapitalize:t,autoComplete:a,autoFocus:i,canResize:d,className:h,controlledWhenFocused:m,defaultValue:f,disabled:x,id:g,inputContainerRef:_,inputProps:v,inputRef:p,name:j,placeholder:b,prefix:y,postfix:C,readOnly:k,role:S,rows:w,validationState:T="normal",value:N,onBlur:M,onChange:A,onClick:O,onFocus:G,onKeyDown:L,...R}=e,B=void 0!==N?`${N}`:N,I=(0,n.OJ)(R),K=(0,c.useRef)(null),V=(0,n.aB)([p,K]),[E,W]=(0,c.useState)(!1),[P,q]=(0,c.useState)(B);(0,s.I)(()=>{(m||!E&&B!==P)&&q(B)},[B]);let D=(0,c.useCallback)(e=>{e.target&&q(e.target.value),A?.(e)},[A]);return(0,c.useEffect)(()=>{i&&setTimeout(()=>{K.current?.focus()},50)},[i]),(0,r.jsx)(l.O,{"aria-activedescendant":E?g:void 0,className:h,disabled:x,innerRef:_,postfix:C,prefix:y,validationState:T,children:(0,r.jsx)("textarea",{ref:V,...v,autoCapitalize:t,autoComplete:a,autoFocus:i,className:(0,o.A)(v?.className,u().input,!1!==d&&u().canResize),defaultValue:f,disabled:x,id:g,name:j,placeholder:b,readOnly:k,role:S,rows:w,value:P,onBlur:e=>{W(!1),M?.(e)},onChange:D,onClick:O,onFocus:e=>{W(!0),G?.(e)},onKeyDown:L,...I})})},m=e=>{let{className:t,disabled:a,error:s,footnote:l,inputContainerClassName:n,label:o,labelOption:c,mini:d,placeholder:u,required:m,reserveErrorSpace:f,...x}=e;return(0,r.jsx)(i.v,{className:t,disabled:a,error:s,footnote:l,label:o,labelOption:c,mini:d,required:m,reserveErrorSpace:f,children:(0,r.jsx)(h,{className:n,disabled:a,placeholder:u,validationState:s?"error":"normal",...x})})}},88157:(e,t,a)=>{"use strict";a.d(t,{s:()=>n});var r=a(80263),i=a(3638);

1a(53239);var s=a(70992),l=a.n(s);let n=e=>{let{children:t,className:a,size:s}=e;return(0,r.jsx)("span",{className:(0,i.A)(l().mark,"small"===s&&l()["mark--small"],a),children:t})}},89219:e=>{e.exports={box:"GiftValueBox_box__YI3vZ",selected:"GiftValueBox_selected__E2Dn9"}},89367:(e,t,a)=>{"use strict";a.d(t,{H:()=>c});var r=a(80263),i=a(94386),s=a(97930),l=a(13463);a(53239);var n=a(79273),o=a(11182);let c=e=>{let{className:t,wrap:a,onAuthSuccess:c,onClick:d}=e,{t:u}=(0,l.c3)(),{hasEverLoggedIn:h,openAuthModal:m}=(0,n.As)(),{traceUiEvent:f}=(0,o.vs)();return(0,r.jsxs)(s.xA,{className:t,columns:a?"1fr":"1fr 1fr",horizontalSpacing:2,verticalSpacing:2,children:[(0,r.jsx)(i.$,{fullWidth:!0,muted:!h&&"inPopup",size:"big",onClick:()=>{m({type:"login",onSuccess:c}),d?.()},children:u("Log in")}),(0,r.jsx)(i.$,{"data-test-id":"create_account",fullWidth:!0,muted:!!h&&"inPopup",size:"big",onClick:async()=>{m({type:"createAccount",onSuccess:c}),f("open_create_account_auth_modal_click2"),d?.()},children:u("Sign up")})]})}},90746:e=>{e.exports={scrollDown:"ScrollDownButton_scrollDown__j51vw",circle:"ScrollDownButton_circle__UoOoa"}},96169:e=>{e.exports={successBlock:"SuccessBlock_successBlock__Yc_e3",highlightedGiftCardCode:"SuccessBlock_highlightedGiftCardCode__3Ciqv",highlightedText:"SuccessBlock_highlightedText__zj0iq"}}},e=>{e.O(0,[4001,7236,2762,773,9724,8288,5720,7874,4802,5599,7095,4002,4471,5095,636,6593,8792],()=>e(e.s=27203)),_N_E=e.O()}]);