https://app.sundancetv.com/code/js/chunks/payment.components.stripe.13cf89fa1c3d9fed563f.js

1(()=>{(function(){try{var v=typeof window!="undefined"?window:typeof global!="undefined"?global:typeof globalThis!="undefined"?globalThis:typeof self!="undefined"?self:{},m=new v.Error().stack;m&&(v._sentryDebugIds=v._sentryDebugIds||{},v._sentryDebugIds[m]="ce37ca1b-aa5a-4902-9e14-7f9d908d372d",v._sentryDebugIdIdentifier="sentry-dbid-ce37ca1b-aa5a-4902-9e14-7f9d908d372d")}catch(o){}})();(self.webpackChunkdice_web=self.webpackChunkdice_web||[]).push([[58492],{20828:((v,m,o)=>{o.d(m,{A:()=>E});var r=o(96540),u=o(71468),N=Object.defineProperty,O=Object.defineProperties,h=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,b=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable,f=(l,s,p)=>s in l?N(l,s,{enumerable:!0,configurable:!0,writable:!0,value:p}):l[s]=p,i=(l,s)=>{for(var p in s||(s={}))b.call(s,p)&&f(l,p,s[p]);if(g)for(var p of g(s))A.call(s,p)&&f(l,p,s[p]);return l},c=(l,s)=>O(l,h(s));const d=({services:{labels:l}})=>({labels:l}),y=({labels:l},{dispatch:s},p)=>({labels:l,componentProps:c(i({},p),{dispatch:s})}),E=(()=>l=>{class s extends r.PureComponent{constructor(){super(...arguments),this.getLabel=(_,w={})=>{const{labels:{translations:P,activeLocale:I}}=this.props,L=P[I]?I:Object.keys(P)[0];if(P[L]&&P[L].hasOwnProperty(_)){const T=P[L][_]||"";return Object.keys(w).reduce((D,B)=>D.replace(`{{${B}}}`,w[B]),T)}return _}}render(){const{componentProps:_,labels:w}=this.props;return r.createElement(l,c(i({},_),{labels:w,getLabel:this.getLabel}))}}return s.displayName=`Label(${l.displayName||l.name||"Component"})`,(0,u.Ng)(d,null,y)(s)})}),27665:((v,m,o)=>{o.d(m,{A:()=>f});var r=o(96540),u=o(85092),N=Object.defineProperty,O=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,b=(i,c,d)=>c in i?N(i,c,{enumerable:!0,configurable:!0,writable:!0,value:d}):i[c]=d,A=(i,c)=>{for(var d in c||(c={}))h.call(c,d)&&b(i,d,c[d]);if(O)for(var d of O(c))g.call(c,d)&&b(i,d,c[d]);return i};const f=(i=>r.createElement(u.A,A({},i),r.createElement("path",{d:"M25.313 12v-4c0-2.688-2.625-6.688-9.313-6.688s-9.313 4-9.313 6.688v4h-2.688v14.688c0 2.188 1.813 4 4 4h16c2.188 0 4-1.813 4-4v-14.688zM9.313 6.688c0 0 1.375-2.688 6.688-2.688s6.688 2.688 6.688 2.688v5.313h-13.375zM25.313 26.688c0 0.688-0.563 1.313-1.313 1.313h-16c-0.75 0-1.313-0.625-1.313-1.313v-12h18.625zM14.688 22.313v3h2.625v-3c0.813-0.5 1.375-1.313 1.375-2.313 0-1.5-1.188-2.688-2.688-2.688s-2.688 1.188-2.688 2.688c0 1 0.563 1.813 1.375 2.313z"})))}),61252:((v,m,o)=>{o.r(m),o.d(m,{AddCard:()=>X,Button:()=>z,Form:()=>s});var r=o(96540),u=o(22926),N=o(58562),O=o(63492),h=o(98410),g=Object.defineProperty,b=Object.defineProperties,A=Object.getOwnPropertyDescriptors,f=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,d=(a,t,e)=>t in a?g(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,y=(a,t)=>{for(var e in t||(t={}))i.call(t,e)&&d(a,e,t[e]);if(f)for(var e of f(t))c.call(t,e)&&d(a,e,t[e]);return a},E=(a,t)=>b(a,A(t));const l={base:{color:window.APP_CONF.TERTIARY_COLOR}},s=({bind:a,bindCardElement:t})=>{const[e,C]=r.useState({card:null,expiry:null,cvc:null}),[S,j]=r.useState({card:!1,expiry:!1,cvc:!1}),R=(0,N.b0)(["cardNumber",e.card,e.expiry,e.cvc]),F=!Object.values(S).some(n=>!n),Y=F?"loaded":"loading",M=(0,u.useStripe)(),x=(0,u.useElements)();r.useEffect(()=>{M&&(a==null||a(M))},[M]),r.useEffect(()=>{const n=x==null?void 0:x.getElement(u.CardNumberElement);n&&(t==null||t(n))},[x]);const W=({error:n},ee)=>{const{code:U}=n||{code:null},te=(0,h.rc)(U);C(re=>E(y({},re),{[ee]:U?te:null}))},G=n=>W(n,"card"),H=n=>W(n,"expiry"),J=n=>W(n,"cvc"),Q=()=>j(n=>E(y({},n),{card:!0})),Z=()=>j(n=>E(y({},n),{expiry:!0})),q=()=>j(n=>E(y({},n),{cvc:!0})),k=()=>{const n={style:l,classes:{base:"payment__input"}};return r.createElement(r.Fragment,null,r.createElement("div",{className:"payment__input-wrapper"},r.createElement(u.CardNumberElement,{id:"stripe-card-number",onChange:G,options:E(y({},n),{placeholder:R.cardNumber.value}),onReady:Q}),e.card?r.createElement("div",{className:"payment__input-error","data-test-id":"invalid-number"},R[e.card].value):null),r.createElement("div",{className:"payment__input-columns"},r.createElement("div",{className:"payment__input-wrapper"},r.createElement(u.CardExpiryElement,{onChange:H,onReady:Z,options:n}),e.expiry?r.createElement("div",{className:"payment__input-error","data-test-id":"invalid-date"},R[e.expiry].value):null),r.createElement("div",{className:"payment__input-wrapper"},r.createElement(u.CardCvcElement,{onChange:J,options:n,onReady:q}),e.cvc?r.createElement("div",{className:"payment__input-error","data-test-id":"invalid-cvc"},R[e.cvc].value):null)))};

1return r.createElement("div",{className:`card--details card--details__${Y}`},F?null:r.createElement(O.A,{smallMode:!0}),k())};var p=o(71404),_=o(20828),w=o(27665),P=Object.defineProperty,I=Object.getOwnPropertySymbols,L=Object.prototype.hasOwnProperty,T=Object.prototype.propertyIsEnumerable,D=(a,t,e)=>t in a?P(a,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[t]=e,B=(a,t)=>{for(var e in t||(t={}))L.call(t,e)&&D(a,e,t[e]);if(I)for(var e of I(t))T.call(t,e)&&D(a,e,t[e]);return a};const V=[...p.AO];class K extends r.PureComponent{render(){const{getLabel:t,totalAmount:e,disabled:C,product:S,vouchers:j}=this.props;return r.createElement("button",B({className:V.join(" "),disabled:C},(0,h.W$)("stripe",S,j)),r.createElement(w.A,{height:"16",width:"16",className:"icon-lock resident-secondary-color-fill resident-tertiary-color-fill-hover"}),t("paySecurely",{totalAmount:e}))}}const z=(0,_.A)()(K);var $=o(37427);const X=({providerKey:a,bind:t,bindCardElement:e})=>{const[C,S]=r.useState(null);return r.useEffect(()=>{a&&S((0,$.c)(a))},[a]),C?r.createElement(u.Elements,{stripe:C},r.createElement(s,{bind:t,bindCardElement:e})):null}})}]);})();
2
3//# sourceMappingURL=payment.components.stripe.13cf89fa1c3d9fed563f.js.map