https://vix.com/assets/web/_next/static/chunks/pages/[lang]/confirma-tu-plan-e04b1b4fdf073038.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7338],{15484:e=>{e.exports={planUpdatesTitle:"GiftCardPlanSummary_planUpdatesTitle__2uE49",planTextItem:"GiftCardPlanSummary_planTextItem__UigJI",plantTextHighlighted:"GiftCardPlanSummary_plantTextHighlighted__JTqGD"}},29589:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});var r=a(55729),n=a(45223);function s(e=!1){let{getUserHandler:t,error:a,loading:i}=(0,n.A)(),[l,c]=(0,r.useState)(""),o=(0,r.useCallback)(async()=>{let e=await t();c(e?.email||"")},[t]);return(0,r.useEffect)(()=>{e||o()},[e,o]),{getUserEmailHandler:o,email:l,error:a,loading:i}}},31007:e=>{e.exports={title:"GiftCardInfo_title__oKF6e",plan:"GiftCardInfo_plan__2ExAS",price:"GiftCardInfo_price__SzeVp",account:"GiftCardInfo_account__fBU8h",itemList:"GiftCardInfo_itemList__Alb7K",total:"GiftCardInfo_total__e28Lr"}},45223:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(55729),n=a(21446),s=a(35003);function i(){let[e,t]=(0,r.useState)(null),[a,i]=(0,r.useState)(),[l,c]=(0,r.useState)(!1),o=async()=>(0,s.A)({queryName:n.A.IdentityGetUserQuery,variables:{},shouldAvoidCaching:!0});return{data:e,error:a,loading:l,getUserHandler:(0,r.useCallback)(async()=>{c(!0);let e=await o();if(e&&"error"in e)return i(e.error),c(!1),null;let a=e&&"getUser"in e?e.getUser:null;return a&&(t(e),i(void 0)),c(!1),a},[])}}},76473:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/[lang]/confirma-tu-plan",function(){return a(96804)}])},89605:(e,t,a)=>{"use strict";a.d(t,{A:()=>i});var r=a(6029);a(55729);var n=a(50212),s=a(61809);let i=function({backgroundImage:e,children:t,className:a}){return(0,r.jsxs)("div",{className:(0,n.A)("bg-charade rounded-2xl p-8 relative overflow-hidden w-full",a),children:[e&&(0,r.jsx)(s.A,{alt:"background",fill:!0,src:e,style:{objectFit:"cover",top:0,right:0}}),(0,r.jsxs)("div",{className:"flex flex-col relative w-full",children:[(0,r.jsx)("div",{className:"bg-ebony h-5 mb-6 relative rounded-full self-center w-28\n        before:absolute before:bg-ebony before:bottom-1 before:content-[''] before:h-8\n          before:left-0 before:m-auto before:right-0 before:rounded-full before:w-8"}),t]})]})}},96804:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>ei});var r,n=a(6029),s=a(55729),i=a(81278),l=a(27177),c=a(16744),o=a(57957),u=a(45241),d=a(64529),f=a(23061),p=a(97955),m=a(37835),x=a(51271),b=a(30314),h=a(29589),A=a(11049),y=a(50212),C=a(54487),g=a(92446),j=a(81751),_=a(11641),w=a(45212),N=a(93617),S=a(99605),v=a(89605),T=a(98601),k=a(31007),G=a.n(k);let P=s.memo(function({className:e,title:t,labelBeApplied:a,labelTotal:r,planName:s,planDescription:i,planPrice:l,planTotal:c,userEmail:o}){return(0,n.jsxs)(v.A,{className:(0,y.A)("px-7 pb-7",e),backgroundImage:"/assets/externals/my-account/DrawerZoomed768.png",children:[(0,n.jsx)(T.A,{className:G().title,children:t}),(0,n.jsx)("p",{className:(0,y.A)("mt-2",G().plan),children:s}),(0,n.jsx)("p",{className:(0,y.A)("text-international-orange",G().price),children:l}),(0,n.jsxs)("div",{className:(0,y.A)("mt-4",G().account),children:[(0,n.jsx)("p",{className:"text-secondary",children:a}),(0,n.jsx)("b",{children:o})]}),(0,n.jsxs)("div",{className:"mt-6 pt-6 border-t border-secondary",children:[(0,n.jsxs)("div",{className:(0,y.A)("flex justify-between text-secondary w-full",G().itemList),children:[(0,n.jsxs)("p",{children:[s," ",(0,n.jsx)("span",{className:"block",children:i})]}),(0,n.jsx)("p",{children:c})]}),(0,n.jsxs)("div",{className:(0,y.A)("flex justify-between mt-6 w-full",G().total),children:[(0,n.jsx)("p",{children:r}),(0,n.jsx)("p",{children:c})]})]})]})});var D=a(84262),I=a(69729),E=a(22752),O=a(11806),U=a(7234),R=a(51138),M=((r=M||{}).gift_card="Gift Card",r);let B=function(e,t){if(t&&("createGiftCardSubscription"in t||"addGiftCardBalanceToSubscription"in t)){let{paymentInfo:a,itemProperties:r}=function(e){let{subscriptionUuid:t="",currency:a=""}=e||{},{price:r=0,name:n="",code:s=""}=e?.plan||{},{pin:i="",balance:l=""}=e?.card||{},c={coupon_type:function(e,t){let a=Object.values(e).indexOf(t);if(-1!==a)return Object.keys(e)[a]}(M,"Gift Card"),coupon:i,discount:"0.00",item_id:s,item_name:n,price:l||r,quantity:1};return{paymentInfo:{currency:a,payment_type:"Gift Card",transaction_id:t,value:r},itemProperties:c}}("createGiftCardSubscription"in t?t.createGiftCardSubscription?.giftCardSubscription:t.addGiftCardBalanceToSubscription?.giftCardSubscription)||{};return{event:g.Z1[e],properties:{...a,items:[r]}}}return null};var H=a(23723),K=a(17960),L=a(60795),q=a(95579),F=a(7481);let V=function({options:e,query:t,redirectHandler:a,errorHandler:r}){let{refetchQueries:n}=(0,q.A)(),{refreshUserTokenHandler:i}=(0,F.Ay)(),{segmentTrackEvent:l}=(0,K.A)(),[c,{data:o,loading:u,error:d}]=(0,U.n)(t,{...e,onError:e=>(0,R.A)(e,{error:"[useGiftCardSubscriptionMutation] error fetching to client API"})}),f=(0,s.useCallback)(async(e,t)=>{let a=B(e,t);a&&await l(H.A.TRACK,a)},[l,B,g.KP]);return{fetchGiftCardSubscriptionHandler:(0,s.useCallback)(async({appConfig:e,cardPin:t,ecommerceEvent:s})=>{let l=await c({variables:{input:{cardPin:t}}}),{success:o,errorReason:u}=function(e){if(e&&"createGiftCardSubscription"in e){let t=e.createGiftCardSubscription;return{errorReason:t.errorReason,success:t.success}}if(e&&"addGiftCardBalanceToSubscription"in e){let t=e.addGiftCardBalanceToSubscription;return{errorReason:t.errorReason,success:t.success}}return{}}(l.data);if(o){await i({configUri:e.pingEndpointUriProxy}),await f(s,l.data),await n(),await a();return}if(u)return void r();let d=l.errors?.networkError;d&&(L.A.errorMessage=d?.result)},[c,i,R.A,a]),data:o,loading:u,error:d}};var J=a(63459),W=a(57422),$=a(62225),X=a(46829),Z=a(92325),z=a(11398),Q=a(77578),Y=a(68361),ee=a(45194),et=a(15484),ea=a.n(et);let er=function({infoSubscription:e,cardPin:t,dataPage:a,userEmail:r,subscriptionPreview:l,userType:d}){let{localization:f}=(0,J.A)(),p=(0,i.useRouter)(),{segmentTrackEvent:m}

1=(0,K.A)(),[x,b]=(0,s.useState)(!1),[h,A]=(0,s.useState)(!1),[v,T]=(0,s.useState)(!1),[k,G]=(0,s.useState)(!1),U=(0,Z.A)(),R=e?.type||$.e.UNKNOWN,M=e?.endDate,B=M?new Date(M):void 0,{balance:L,expiresAt:q}=l||{},F=new Date(q),et=z.Kd[d][R]||g.KP.ORDER_COMPLETED,er=(0,s.useMemo)(()=>({[$.e.CARD]:{start:B,end:void 0,endStyle:"text-manatee"},[$.e.GIFT_CARD]:{start:void 0,end:F,endStyle:"text-international-orange"},[$.e.UNKNOWN]:{start:new Date,end:F,endStyle:"text-manatee"}}),[B,F])[R],en=a?.uiModules?.edges?.[0]?.node,{unableToRedeemError:es,topUpDone:{message:ei}}=en||{},el=(0,E.Sc)(ei),{title:ec,planUpdatesTitle:eo,titleGiftCard:eu,planName:ed,planDescription:ef,labelBeApplied:ep,planPrice:em,planTotal:ex,labelTotal:eb,reminderOneStartDate:eh,reminderTwoEndDate:eA,checkboxEnabled:ey,legalDisclosure:eC,confirmPlanButton:eg,confirmPlanText:ej="",cancelPlanButton:e_,cancelPlanText:ew=""}=z.L$[R]?.(en)||{},eN=(0,n.jsxs)(n.Fragment,{children:["$",L," ",em]}),eS=(0,n.jsxs)(n.Fragment,{children:["$",L," ",ex]}),ev=(0,s.useMemo)(()=>(0,O.A)({touched:v,message:f("consent_required_policies_tc").toString(),showIcon:!0}),[v]),eT=(0,s.useCallback)(()=>{b(!1)},[]),ek=(0,s.useCallback)(()=>{m(H.A.TRACK,(0,_.C)(ew,j.J3)),p.push(c.N.Index)},[]),eG=(0,s.useCallback)(()=>{A(e=>!e)},[]),eP=(0,s.useCallback)(async()=>{if(d===o.u.SVOD){(0,W.A)("notificationActive",el),U.send({type:"onSuccessAddBalance",backUrl:c.N.Index});return}await p.push(c.N.Success)},[d]),eD=(0,s.useCallback)(()=>{G(!1),b(!0)},[]),{fetchGiftCardSubscriptionHandler:eI,loading:eE,error:eO}=V({query:(0,s.useMemo)(()=>z.LH[d],[d]),options:{},redirectHandler:eP,errorHandler:eD}),eU=(0,s.useCallback)(async()=>{(m(H.A.TRACK,(0,_.C)(ej,j.J3)),h)?(G(!0),await eI({appConfig:Q.A,cardPin:t,ecommerceEvent:et})):T(!0)},[t,Q.A,h]);return eO?(0,n.jsx)(Y.A,{error:eO}):eE||k?(0,n.jsx)(u.A,{}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)("div",{className:"flex flex-col m-auto py-0 px-6 w-full sm:w-[28rem]",children:[(0,n.jsx)(I.A,{className:"pb-10",title:ec}),(0,n.jsx)(P,{className:"mb-12",title:eu,planName:ed,planDescription:ef,labelBeApplied:ep,planPrice:eN,planTotal:eS,labelTotal:eb,userEmail:r}),(0,n.jsx)("p",{className:(0,y.A)(ea().planUpdatesTitle,"mb-6"),children:eo}),(0,n.jsxs)("div",{className:(0,y.A)("flex mb-4 text-left justify-between",ea().planTextItem),children:[(0,n.jsx)(D.A,{name:"Calendar",color:"white",width:19,className:"h-5 w-5"}),(0,n.jsxs)("span",{className:"w-11/12",children:[eh," \xa0",er?.start&&(0,n.jsx)(N.A,{className:(0,y.A)("text-international-orange",ea().plantTextHighlighted),time:er.start,format:X.S.LongDate,settings:{isOnlyDate:!0}})]})]}),(0,n.jsxs)("div",{className:(0,y.A)("flex mb-4 text-left justify-between",ea().planTextItem),children:[(0,n.jsx)(D.A,{name:"Latest",color:"white",width:19,className:"h-5 w-5"}),(0,n.jsxs)("span",{className:"w-11/12",children:[eA," \xa0",er?.end&&(0,n.jsx)(N.A,{className:(0,y.A)(er.endStyle,ea().plantTextHighlighted),time:er.end,format:X.S.LongDate,settings:{isOnlyDate:!0}})]})]}),eC&&(0,n.jsx)(S.A,{className:"mt-12",consentTextParts:eC,reverseColor:!0,required:!0,isCheckboxHidden:!ey,errorMessage:ev,onChange:eG}),(0,n.jsx)(w.A,{className:"w-full justify-center mt-5",type:C.V.Primary,onClick:eU,children:eg}),(0,n.jsx)(w.A,{className:"w-full justify-center mt-5",type:C.V.TextButton,onClick:ek,children:e_})]}),(0,n.jsx)(ee.A,{dataModal:es,isOpen:x,onPrimaryHandler:eT,onSecondaryHandler:ek,onClose:eT})]})};var en=a(24963);function es(){let e=(0,i.useRouter)(),{routePath:t}=(0,m.A)(),[a,r]=(0,s.useState)(!1),y=e.query[d.A.Pin]||"",{email:C,loading:g}=(0,h.A)(),j=A.A.use.giftCardUrlPath(),{getUserSubscription:_,data:w}=(0,b.Ay)(),N=w?.userSubscription?.activeSubscription,[S,v=o.u.AVOD]=(0,s.useMemo)(()=>{if(!j)return[];let e=z.fO[j];return[z.W[e],e]},[j]),{getGiftCardData:T,dataUiPage:k,loading:G,error:P}=(0,p.A)({urlPath:j,fetchPolicy:"cache-only"}),{getSubscriptionGiftCardPreview:D,data:I,loading:E,called:O,error:U}=(0,x.A)({cardPin:y,fetchPolicy:"cache-only",query:S}),{giftCardPreview:R}=(0,s.useMemo)(()=>{if(I&&v)return z._B[v](I)},[I,v])||{},M=P||U,B=!k||!R||!C,H=(0,s.useCallback)(async()=>{r(!0),await e.push(c.N.Redeem)},[]);return((0,s.useEffect)(()=>{_()},[]),(0,s.useEffect)(()=>{j&&(T(),D())},[j]),(0,s.useEffect)(()=>{(R||!O)&&16===y.length&&j||H()},[R,O,y,j]),M)?(0,n.jsx)(Y.A,{error:M}):G||g||E||B||a?(0,n.jsx)(u.A,{}):(0,n.jsxs)(en.A,{showBackButtonOnMobile:!0,children:[(0,n.jsx)(er,{infoSubscription:N,cardPin:y,dataPage:k,userEmail:C,subscriptionPreview:R,userType:v}),(0,n.jsx)(f.A,{path:t,segmentData:l.bkD})]})}es.getInitialProps=()=>({isFullViewMode:!0});let ei=es}},e=>{e.O(0,[6853,267,6593,636,8792],()=>e(e.s=76473)),_N_E=e.O()}]);