https://audioboom.com/assets/packs/js/22-1db2c86ddf1b184f8bd6.chunk.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="f5b8f0b9-4eb2-479f-a0f6-730dcba78c54",e._sentryDebugIdIdentifier="sentry-dbid-f5b8f0b9-4eb2-479f-a0f6-730dcba78c54")}catch(e){}}();"use strict";(self.webpackChunkaudioboom_web=self.webpackChunkaudioboom_web||[]).push([[22],{29032:function(e,t,n){var r=n(74848),s=n(7547),a=n(64251);t.A=({disabled:e})=>{let t=window.getComputedStyle(document.body,null);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("label",{className:"form-label",children:"Card details"}),(0,r.jsx)("div",{className:"form-control chromatic-ignore pvs",children:(0,r.jsx)(s.hA,{onLoadError:e=>{console.error("onLoadError",e.error),(0,a.Cp)(e.error)},options:{disabled:e,style:{base:{fontFamily:t.fontFamily,fontSize:t.fontSize}}}})})]})}},62417:function(e,t,n){n.d(t,{b:function(){return x},A:function(){return N}});var r=n(74848),s=n(15685),a=n(64251),l=n(7547),o=n(46942),i=n.n(o),c=n(77688),u=n(76601),d=n(4111),m=n(20311),f=n.n(m),b=n(54669),h=n(86378),y=n(96540);y.Component;var p=n(43657),g=({enabled:e,paymentAmount:t,submitToBackend:n,children:s})=>{let[a,o]=(0,y.useState)(void 0),i=(0,y.useRef)(void 0),c=(0,l.t2)();return((0,y.useEffect)(()=>{if(!e||!c)return;let r=c.paymentRequest({country:"GB",currency:"usd",requestPayerName:!0,total:{label:"Amount Due",amount:t}});r.on("paymentmethod",async({complete:e,paymentMethod:t})=>{try{await n(t.id),e("success")}catch(t){console.error(t),e("fail")}}),r.canMakePayment().then(e=>{o(!!e)}),i.current=r},[e,c,t,n]),e)?c&&i.current&&void 0!==a?(0,r.jsx)(r.Fragment,{children:s({supported:a,paymentRequest:i.current})}):(0,r.jsx)(p.Cr,{className:"mhl mvm"}):(0,r.jsx)(r.Fragment,{children:s({supported:!1,paymentRequest:null})})},w=n(29032);let j=l.GF,x=()=>(0,r.jsxs)(c.A,{icon:s.DW4,children:["Payments are processed securely through"," ",(0,r.jsx)("a",{href:"https://www.stripe.com",target:"_blank",className:"text-muted",children:"Stripe"}),"."]}),v=({showBorder:e,children:t})=>(0,r.jsxs)("div",{className:e?"card mbm":void 0,children:[(0,r.jsx)("div",{className:e?"card-body":void 0,children:t}),(0,r.jsx)("div",{className:i()("text-muted",e?"card-footer":"mtm"),children:(0,r.jsx)(x,{})})]});var N=({applePayEnabled:e=!1,buttonLabel:t="Update payment details",finePrint:n,onCancel:s=null,submitToBackend:o=()=>Promise.resolve(),hideUnnecessaryBorder:i=!1,disabled:c=!1,paymentAmount:m=1e3})=>{let[p,x]=(0,y.useState)(!1),[N,S]=(0,y.useState)(null),k=(0,y.useRef)(null),A=(0,l.t2)(),C=(0,l.HH)(),_=async e=>{e.preventDefault(),console.log("Submitting payment info..."),x(!0),S(null);try{let e=k.current;f()(e,"where's our name field?"),console.log("Requesting payment method");let t=setTimeout(()=>{(0,a.wd)("Payment method not created after 10 seconds"),(0,h.zr)("Couldn't contact payment processor",{level:"error"})},1e4),n=C.getElement(l.hA);f()(n,"Couldn't find card element");let{paymentMethod:r,error:s}=await A.createPaymentMethod({type:"card",card:n,billing_details:{name:e.value}});if(console.log("=> ",r,s),clearTimeout(t),s||!r||!r.id){let e=[{title:s?.message||"An unknown error occurred",code:s?.code}];S(e),x(!1);return}console.log("Sending payment details to backend..."),await o(r.id),console.log("Done!"),x(!1)}catch(e){console.log("payment failed:",e),S(await (0,b.i)(e)),x(!1)}},E=e=>{e.preventDefault(),s&&s()};return(0,r.jsx)(g,{enabled:e,paymentAmount:m,submitToBackend:o,children:({supported:e,paymentRequest:a})=>{let l=!i||e;return(0,r.jsxs)("div",{children:[N?(0,r.jsx)(u.A,{errors:N,shake:!0}):null,e?(0,r.jsxs)("div",{className:"mhm mtl chromatic-ignore",children:[(0,r.jsx)(j,{options:{paymentRequest:a},className:"PaymentRequestButton"}),(0,r.jsx)("p",{className:"tc mtm",children:"Or enter your payment details below"})]}):null,(0,r.jsx)(v,{showBorder:!!l,children:(0,r.jsxs)("form",{onSubmit:_,children:[(0,r.jsx)("label",{className:"form-label",htmlFor:"cardholderName",children:"Cardholder Name"}),(0,r.jsx)("input",{id:"cardholderName",className:"form-control mbm",disabled:p,ref:k,required:!0}),(0,r.jsx)("div",{className:l?"mbm":"mbl",children:(0,r.jsx)(w.A,{disabled:p})}),n,(0,r.jsxs)("div",{className:"df",children:[s?(0,r.jsx)("button",{className:"btn btn-outline-secondary mrm",onClick:E,disabled:p,type:"button",children:"Cancel"}):null,(0,r.jsx)(d.A,{loading:p,label:t,disabled:c||!A})]})]})})]})}})}},76601:function(e,t,n){n.d(t,{q:function(){return m},A:function(){return f}});var r=n(74848),s=n(69058),a=n(96540),l=n(46942),o=n.n(l),i=e=>{let{ref:t,alert:n}=e,s=`alert-${n}`,l=o()("alert",s,e.className),i=a.useRef(null);return a.useImperativeHandle(t,()=>i.current,[]),a.useLayoutEffect(()=>

1{i.current&&i.current.querySelectorAll("a").forEach(e=>e.classList.add("alert-link"))}),(0,r.jsx)("div",{className:l,role:"alert",ref:i,children:e.children})},c="c-error-message-list__content__KZmMr";let u=({error:e})=>{let t=(0,s.Nw)(e);return(0,r.jsx)("div",{className:`${c} fs-6`,children:t})},d=({error:e})=>{let t=(0,s.Nw)(e),n=null;return(e.detail||e.detailHTML)&&(n=e.detailHTML?(0,r.jsx)("span",{className:"fs-6",dangerouslySetInnerHTML:{__html:e.detailHTML}}):(0,r.jsx)("span",{className:"fs-6",children:e.detail})),(0,r.jsxs)("div",{className:`${c} fs-5`,children:[(0,r.jsx)("h5",{className:"mb-1",style:{fontSize:"inherit"},children:t}),n]})};function m({errors:e,shake:t,autoscroll:n}){let l=(0,a.useMemo)(()=>e?(0,s.Fl)(e):[],[e]),o=(0,a.useRef)(null);if((0,a.useEffect)(()=>{n&&l.length&&o.current?.scrollIntoView({behavior:"smooth"})},[l,n]),!l.length)return null;let c=l.some(e=>e.detail||e.detailHTML)?d:u;return(0,r.jsx)(i,{alert:"warning",className:t?"shake-short":"fade-in",ref:o,children:(0,r.jsx)("ul",{className:"list-unstyled mbn c-error-message-list__dtNS2",style:{lineHeight:"normal"},children:l.map((e,t)=>(0,r.jsx)("li",{children:(0,r.jsx)(c,{error:e})},t))})})}var f=m},4111:function(e,t,n){var r=n(74848),s=n(96540),a=n(43657),l=n(46942),o=n.n(l);let i=({loading:e=!1,label:t="Submit",onClick:n,className:s,disabled:l})=>(0,r.jsxs)("button",{type:"submit",className:o()("btn btn-primary l-flex-centre-children-v",s),disabled:e||l,onClick:n,children:[(0,r.jsx)("span",{style:{width:"24px"}}),(0,r.jsx)("span",{className:"text-nowrap",children:t}),e?(0,r.jsx)(a.Cr,{mini:!0,className:"tr"}):(0,r.jsx)("span",{style:{width:"24px"}})]});t.A=i,n.d(t,["G",0,e=>{let{onClick:t}=e,[n,a]=(0,s.useState)(!1),l=(0,s.useCallback)(e=>{a(!0),t(e).finally(()=>a(!1))},[t]);return(0,r.jsx)(i,{...e,onClick:l,loading:n})}])},73240:function(e,t,n){let r;n.d(t,{C:function(){return f}});var s=n(54669),a=n(40957),l=n(20311),o=n.n(l),i=n(34390),c=n(27010);async function u(e,{signal:t}){return r||(r=await c.e.getConsumer()),new Promise(function(n,s){let a=r.subscriptions.create({channel:"StatusJobChannel",status_job_id:e},{received(e){console.debug("cable received",e),a.unsubscribe(),n(e)},connected(){console.debug("cable connected")},disconnected(){console.debug("cable disconnected")},rejected(){console.debug("cable rejected"),s(Error("cable rejected"))}});t?.addEventListener("abort",function(){a.unsubscribe(),s(this.reason instanceof Error?this.reason:Error(this.reason||"subscription aborted"))})})}async function d(e,{signal:t}){if("string"!=typeof e)return(await e).json();for(;;){t?.throwIfAborted();try{return(await (0,s.F$)(e,{},{signal:t})).json()}catch(t){if(t instanceof s.Dr)console.warn("Network failure fetching %s",e,t),await (0,i.cb)(1e3);else throw t}}}async function m(e,{interval:t,backoff:n,pubSubKey:r,signal:s}){for(;;)if(s?.throwIfAborted(),r){let e=await function(e,{signal:t}){return u(e,{signal:t}).then(e=>{if("success"===e.state)return e;{let{errors:t}=e;throw o()(Array.isArray(t)&&t.length>0,"unexpected statusjob result"),new a.Pu(t)}})}(r,{signal:s});if(e?.result)return e;r=null}else{let a=await d(e,{signal:s});if(!a.pending)return a;

1if(o()("string"==typeof a.pending,"'pending' must be a string"),e=a.pending,a.pubSubKey){o()("string"==typeof a.pubSubKey,"'pubSubKey' must be a string"),r=a.pubSubKey;continue}await (0,i.cb)(t),t*=n}}function f(e,{interval:t,timeout:n,pubsub:r,backoff:a,signal:l}={}){return n=n||12e4,t=t||500,a=a||1.2,l=l||null,Promise.race([(0,i.wR)(n).catch(e=>{throw new s.Dr("Request timed out")}),m(e,{interval:t,backoff:a,signal:l,pubSubKey:r})])}t.A=f},15987:function(e,t,n){n.d(t,{A:function(){return d}}),n.dn(d);var r=n(34435),s=n(20311),a=n.n(s),l=n(22037),o=n(34390);let i=null;function c(){if(!document.body)return;let e=document.body.dataset.stripeConfig;if(e)return JSON.parse(e)}async function u(){if(i)return;let e=c()?.key;if(e)try{i=await (0,l.c)(e)}catch(e){console.warn("Stripe preload failed: ",e)}}async function d(){let e=c()?.key;a()(e,"couldn't find stripe key in page");let t=0;for(;;)try{return i??=await (0,l.c)(e),a()(i,"missing stripe?"),i}catch(e){if(console.warn(e),t++>=5)throw e;await (0,o.cb)(1e3*t)}}(0,r.Ay)(u)}}]);