https://thepointsguy.com/35777612791/_next/static/chunks/3398.e14ca08221c97851.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3398],{23398:function(t,e,l){l.r(e);var a=l(85893),o=l(73509),d=l(32822),r=l(97310),n=l(95072),i=l(95546),c=l(12194),s=l(69158),w=l(23528),m=l(83138),x=l(22184),p=l(25675),u=l.n(p),h=l(67294),v=l(85518),b=l(57632),g=l(59085);e.default=t=>{var e,l,p,k,f,N,U,E,M,C,j,I,L;let{pageEndInView:D,pageStart:y,payload:A,inactivityTimeout:_=2e4,waitBeforeTimeout:z=1e4}=t,[T]=h.useState(()=>(0,b.Z)()),O=h.useRef(!1),{dispatch:P,state:{breakpoint:S,modalLock:K}}=h.useContext(g.Context),[W,X]=h.useState(!1),[q,F]=h.useState(!1),R=h.useMemo(()=>{var t,e,l;return{campaign:{campaignId:null!==(t=A.campaignId)&&void 0!==t?t:"",campaignName:null!==(e=A.campaignName)&&void 0!==e?e:"",productName:null!==(l=A.productName)&&void 0!==l?l:""}}},[A.campaignId,A.campaignName,A.productName]),V=h.useCallback(()=>"1"!==sessionStorage.getItem("exitModal"),[]),Z=h.useCallback(()=>{!O.current&&3!==K&&5!==K&&V()&&(X(!0),F(!0),P({payload:{modalLock:3},type:"modal lock changed"}),O.current||((0,d.KK)("MODAL","EXIT MODAL",{...R,productViewed:{name:"EXIT MODAL VIEWED",text:"EXIT MODAL VIEWED"}},T),O.current=!0))},[K,V,R,P,T]),B=h.useCallback(()=>{X(!1),F(!1),sessionStorage.setItem("exitModal","1"),P({payload:{modalLock:0},type:"modal lock changed"})},[P]),$=h.useCallback(()=>{B()},[B]),H=h.useCallback(t=>{"Escape"===t.key&&B()},[B]);(0,c.m)({enabled:!v.tq&&V(),minDelayMs:z,onExit:t=>{v.tq||W||"top"!==t||Z()},once:!1});let G=(0,w.o)();h.useEffect(()=>{v.tq&&!W&&"up"===G&&V()&&Z()},[W,G,V,Z]),(0,s.z)({onInactive:()=>{!W&&V()&&Z()},timeout:_}),h.useEffect(()=>{D&&!W&&V()&&Z()},[D,W,V,Z]),h.useEffect(()=>{let handleMouseLeave=()=>{!W&&V()&&Z()},t=y.current;return t&&t.addEventListener("mouseleave",handleMouseLeave),()=>{t&&t.removeEventListener("mouseleave",handleMouseLeave)}},[y,W,V,Z]),h.useEffect(()=>{W||3!==K||P({payload:{modalLock:0},type:"modal lock changed"})},[P,W,K]);let J=h.useMemo(()=>[A.logoDesktopUrl,A.backgroundDesktopUrl,A.backgroundMobileUrl,A.wavePatternDesktopUrl,A.cardArtDesktopUrl,A.cardArtMobileUrl].filter(Boolean),[A.logoDesktopUrl,A.backgroundDesktopUrl,A.backgroundMobileUrl,A.wavePatternDesktopUrl,A.cardArtDesktopUrl,A.cardArtMobileUrl]);if((0,m.u)(J),"1"===sessionStorage.getItem("exitModal"))return null;let handleClickEvent=(t,e,l)=>{(0,d.cM)("INTERNALLINK","LINK","EXIT MODAL",e,{...t,productClicked:{name:l,text:l}},T)},handleModalFullClickpadClick=()=>{var t,e,l;A.clickUrl&&(new window.Image().src=A.clickUrl),handleClickEvent(R,null!==(t=A.ctaUrl)&&void 0!==t?t:"",null!==(e=A.ctaLabel)&&void 0!==e?e:""),window.open(null!==(l=A.ctaUrl)&&void 0!==l?l:"","_blank")};return(0,a.jsx)("div",{"aria-label":"Exit Modal","aria-modal":"true",onKeyDown:H,role:"dialog",tabIndex:-1,children:(0,a.jsxs)(i.Z,{className:"exitModal",isOpen:W&&q,onRequestClose:$,style:(0,x.Hb)({content:{borderRadius:"16px",marginTop:A.overflowImageEnabled&&"mob"===S?"35px":"0",maxWidth:(0,x.W0)(110),padding:"0"},overlay:{zIndex:"11"}}),children:[(0,a.jsxs)("div",{className:"tw-flex tw-w-[327px]  md:tw-flex-row  ".concat(A.overflowImageEnabled?"tw-flex-col md:tw-w-[741px]":"tw-flex-col-reverse md:tw-w-[741px]"," tw-gap-[22px] tw-rounded-2xl md:tw-gap-0 ").concat("light"===A.variant?"tw-bg-white":"tw-bg-teal-4"),onClick:A.fullModalClickPad?handleModalFullClickpadClick:void 0,onKeyDown:A.fullModalClickPad?t=>{("Enter"===t.key||" "===t.key)&&handleModalFullClickpadClick()}:void 0,role:A.fullModalClickPad?"button":void 0,children:[(0,a.jsxs)("div",{className:"tw-flex tw-w-[327px] tw-flex-col tw-p-4 md:tw-w-[438px] md:tw-justify-center md:tw-py-[38px] md:tw-pl-[24px] md:tw-pr-[42px] ".concat(A.overflowImageEnabled?"tw-order-last md:tw-order-first":""," "),children:[A.logoDesktopUrl&&(0,a.jsx)("div",{className:"md:tw-mt-auto md:tw-flex md:tw-h-12 md:tw-items-end md:tw-pt-0",children:(0,a.jsx)("img",{alt:"Sponsored Logo",className:"tw-max-w-[141px] md:tw-w-auto",src:null!==(e=A.logoDesktopUrl)&&void 0!==e?e:""})}),(0,a.jsx)("div",{className:"".concat("mob"===S?"tw-heading-7 tw-leading-7":"tw-heading-6"," tw-mt-5 tw-line-clamp-2 md:tw-mt-3 ").concat("light"===A.variant?"tw-text-gray-6":"tw-text-white"),children:A.heading}),(0,a.jsx)("div",{className:"tw-text-sm-regular tw-mt-1 tw-line-clamp-4 md:tw-text-base-regular md:tw-mt-3 ".concat("light"===A.variant?"tw-text-gray-6":"tw-text-green-3"),children:A.description}),(0,a.jsxs)("div",{className:"tw-mt-3 tw-flex tw-flex-row tw-gap-2 md:tw-gap-3",children:[(0,a.jsx)("div",{className:"tw-h-[40px] tw-w-auto md:tw-h-[40px] ",children:A.ctaLabel&&A.ctaUrl&&(0,a.jsx)("a",{className:"applyLink tw-h-full",href:null!==(l=A.ctaUrl)&&void 0!==l?l:"",onClick:t=>{var e,l;t.stopPropagation(),A.clickUrl&&(new window.Image().src=A.clickUrl),handleClickEvent(R,null!==(e=A.ctaUrl)&&void 0!==e?e:"",null!==(l=A.ctaLabel)&&void 0!==l?l:"")},target:"_blank",children:(0,a.jsx)("span",{className:"tw-btn-small tw-btn-primary",children:null!==(p=A.ctaLabel)&&void 0!==p?p:""})})}),(0,a.jsx)("div",{className:"tw-h-[40px] tw-w-auto md:tw-h-[40px]",children:A.cta2Label&&A.cta2Url&&(0,a.jsx)("a",{href:null!==(k=A.cta2Url)&&void 0!==k?k:"",onClick:t=>{var e,l;t.stopPropagation(),A.clickUrl&&(new window.Image().src=A.clickUrl),handleClickEvent(R,null!==(e=A.cta2Url)&&void 0!==e?e:"",null!==(l=A.cta2Label)&&void 0!==l?l:"")},target:"_blank",children:(0,a.jsx)("span",{className:"tw-btn-small tw-btn-primary-outline",children:null!==(f=A.cta2Label)&&void 0!==f?f:""})})})]}),(0,a.jsx)("div",{className:"tw-text-xs-regular tw-mt-3 tw-line-clamp-1 tw-text-center md:tw-mb-3 md:tw-text-left ".concat("light"===A.variant?"tw-text-gray-6":"tw-text-white"),children:null!==(N=A.disclaimer)&&void 0!==N?N:""})]}),(0,a.jsx)("div",{className:" tw-w-[327px] md:tw-flex md:tw-flex-row-reverse ".concat(A.overflowImageEnabled?"tw-relative tw-overflow-visible md:tw-w-[303px]":"tw-h-[229px] md:tw-h-[400px] md:tw-w-[303px]"),children:A.overflowImageEnabled?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"bakgroun

1dImage smd:tw-h-full tw-overflow-visible md:tw-overflow-hidden",children:[(0,a.jsx)(u(),{alt:"Exit Modal Image",className:"tw-z-10 ".concat("mob"===S?"-tw-mt-[35px] tw-h-[200px] tw-w-[327px] tw-rounded-t-2xl":"tw-absolute tw-bottom-0 tw-right-0 tw-h-[440px] tw-w-auto tw-max-w-none"),height:"mob"===S?230:440,src:"mob"===S?null!==(U=A.backgroundMobileUrl)&&void 0!==U?U:"":null!==(E=A.backgroundDesktopUrl)&&void 0!==E?E:"",width:"mob"===S?327:331}),"mob"===S&&(0,a.jsx)("div",{className:"tw-absolute -tw-bottom-[27px] tw-left-0 tw-z-20 tw-flex tw-h-[27px] tw-w-[327px]",children:(0,a.jsx)(r.mf,{className:"tw-size-full",direction:"mob"===S?"up":"down",fillColor:(0,x.$_)("light-green"),size:"xs"})})]}),"mob"!==S&&(0,a.jsx)("div",{className:"wavePattern",children:(0,a.jsx)(u(),{alt:"Wave Pattern",className:"tw-absolute tw-right-0 tw-top-1/4  tw-z-[-1] tw-size-[127px] tw-translate-x-[40px]",height:127,src:null!==(M=A.wavePatternDesktopUrl)&&void 0!==M?M:"",width:127})}),A.cardArtDesktopUrl&&A.cardArtMobileUrl&&(0,a.jsx)("div",{className:"cardArt ",children:(0,a.jsx)(u(),{alt:"Card Art",className:"tw-absolute ".concat("mob"===S?" tw-right-0 tw-top-[133px]":"-tw-bottom-[5%] tw-right-[-3%] tw-rounded-[5px] tw-shadow-[-6.21px_8.79px_10.47px_0px_rgba(0,0,0,0.1)]","  tw-z-30 ").concat("mob"===S?"tw-h-[100px] tw-w-[156px]":"tw-h-[128px] tw-w-[200px]"),height:"mob"===S?100:128,src:"mob"===S?null!==(C=A.cardArtMobileUrl)&&void 0!==C?C:"":null!==(j=A.cardArtDesktopUrl)&&void 0!==j?j:"",width:"mob"===S?156:200})})]}):(0,a.jsx)("div",{children:(0,a.jsx)(u(),{alt:"Exit Modal Image",className:"tw-h-[229px] tw-w-[327px] tw-rounded-t-2xl tw-object-cover md:tw-h-[400px] md:tw-w-[303px] md:tw-rounded-br-2xl md:tw-rounded-tl-none",height:"mob"===S?229:400,src:"mob"===S?null!==(I=A.backgroundMobileUrl)&&void 0!==I?I:"":null!==(L=A.backgroundDesktopUrl)&&void 0!==L?L:"",width:"mob"===S?327:303})})})]}),(0,a.jsx)("div",{className:"tw-absolute tw-right-[10px] tw-top-[10px] tw-z-[4] tw-mr-[-10px] tw-mt-[-55px] md:tw-mr-[-38px] md:tw-mt-[-35px]",children:(0,a.jsx)(o.Z,{actionOutcome:"CLOSE",disableViewedEvent:!0,elementType:"BUTTON",location:"EXIT MODAL",position:"0",text:"Close Modal",children:(0,a.jsx)(n.Z,{hexColor:(0,x.$_)("gray-3"),onClick:$,size:"sm",srText:"Close"})})})]})})}}}]);