https://wavvi.app/_next/static/chunks/pages/connect/whatsapp/[token]-75eb6af9646b0081.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="29cc99c9-38f5-435a-a427-e7ce665d6a9e",e._sentryDebugIdIdentifier="sentry-dbid-29cc99c9-38f5-435a-a427-e7ce665d6a9e")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7577],{6435:(e,n,t)=>{"use strict";t.r(n),t.d(n,{default:()=>y});var r=t(6029),l=t(55729),i=t(22286),o=t(81278),s=t(95669),a=t.n(s),c=t(13875),d=t(42527),u=t(15092),p=t(12555),h=t(64372),f=t(26507),m=t(82919),g=t(7845);let v={facebook:d.i9y.FACEBOOK,instagram:d.i9y.INSTAGRAM,youtube:d.i9y.YOUTUBE,tiktok:d.i9y.TIKTOK},w=c.Ay.div.withConfig({componentId:"sc-78fa833a-0"})(["max-width:520px;margin:64px auto;padding:32px;border-radius:16px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;"]),x=()=>{let{t:e}=(0,i.Bd)("fanBuilder"),n=(0,o.useRouter)(),t=(0,f.A)().userId,s="string"==typeof n.query.token?n.query.token:"",[c,g]=(0,l.useState)(null),[x,y]=(0,l.useState)(!1);if((0,l.useEffect)(()=>{if(!n.isReady)return;let e=!1,t=async()=>{let e=await (0,u.A)(`whatsapp-connect-link/${s}`,void 0,"GET",!1);return e?.kind==="valid"?e:{kind:"expired"}};return(async()=>{if(!s){e||g({kind:"expired"});return}try{let n;try{n=await t()}catch{await new Promise(e=>setTimeout(e,500)),n=await t()}e||g(n)}catch(n){console.warn("connect-link peek failed after retry",n),e||g({kind:"expired"})}})(),()=>{e=!0}},[n.isReady,s]),!c)return(0,r.jsx)(w,{children:(0,r.jsx)(h.A,{})});let b="valid"===c.kind&&"number"==typeof t&&t!==c.expectedUserId;if("expired"===c.kind||b)return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a(),{children:(0,r.jsx)("title",{children:e("whatsappConnect.expiredHeading")})}),(0,r.jsxs)(w,{children:[(0,r.jsx)(p.DZ,{children:e("whatsappConnect.expiredHeading")}),(0,r.jsx)(p.a3,{children:e("whatsappConnect.expiredSubheading")})]})]});let E=d._S0[v[c.platform]];if(x)return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a(),{children:(0,r.jsx)("title",{children:e("whatsappConnect.successHeading")})}),(0,r.jsxs)(w,{children:[(0,r.jsx)(p.DZ,{children:e("whatsappConnect.successHeading")}),(0,r.jsx)(p.a3,{children:e("whatsappConnect.successSubheading",{platform:E})})]})]});let _=async()=>{try{await (0,u.A)(`whatsapp-connect-link/${s}/consume`,{},"POST",!1)}catch(e){console.warn("connect-link consume failed (token will expire on TTL)",e)}y(!0)};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a(),{children:(0,r.jsx)("title",{children:e("whatsappConnect.pageTitle",{platform:E})})}),(0,r.jsxs)(w,{children:[(0,r.jsx)(p.DZ,{children:e("whatsappConnect.heading",{platform:E})}),(0,r.jsx)(p.a3,{children:e("whatsappConnect.subheading",{platform:E})}),(0,r.jsx)(m.A,{actId:String(c.actId),platform:c.platform,onConnected:_})]})]})};x.auth=!0,x.getLayout=function(e){return(0,r.jsx)(g.A,{children:e})};let y=x},7845:(e,n,t)=>{"use strict";t.d(n,{A:()=>o});var r=t(6029);t(55729);var l=t(34155),i=t(62449);let o=({children:e})=>(0,r.jsx)(l.A,{children:(0,r.jsx)(i.A,{isScrollable:!0,children:e})})},34155:(e,n,t)=>{"use strict";t.d(n,{A:()=>u});var r=t(6029),l=t(13875),i=t(34694),o=t(12555),s=t(65199);let a=l.Ay.div.withConfig({componentId:"sc-7309bdb2-0"})(["display:flex;justify-content:center;padding:","px;"],e=>e.theme.largeSpacer),c=e=>{let{isWebView:n}=(0,s.A)(),t=(0,r.jsx)(a,{id:"pull-down-content",children:(0,r.jsx)(o.MD,{style:{color:"white"},children:"Pull down to refresh"})});return n?(0,r.jsx)(i.A,{onRefresh:()=>new Promise(e=>{setTimeout(()=>{window?.ReactNativeWebView?.postMessage(JSON.stringify({method:"refresh"})),e()},1e3)}),pullingContent:t,pullDownThreshold:100,maxPullDownDistance:100,resistance:3,children:e.children}):e.children},d=l.Ay.div.withConfig({componentId:"sc-3e499738-0"})(["display:flex;position:relative;flex-direction:column;",""],e=>e.bgColour&&`background-color: ${e.theme[e.bgColour]||e.bgColour};`),u=e=>(0,r.jsx)(c,{children:(0,r.jsx)(d,{bgColour:e.bgColour,children:e.children})})},34694:(e,n,t)=>{"use strict";t.d(n,{A:()=>c});var r,l,i=t(55729);function o(e,n){void 0===n&&(n={});var t=n.insertAt;if(e&&"u">typeof document){var r=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===t&&r.firstChild?r.insertBefore(l,r.firstChild):r.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}(r=l||(l={}))[r.UP=-1]="UP",r[r.DOWN=1]="DOWN",o(".lds-ellipsis {\n  display: inline-block;\n  position: relative;\n  width: 64px;\n  height: 64px;\n}\n\n.lds-ellipsis div {\n  position: absolute;\n  top: 27px;\n  width: 11px;\n  height: 11px;\n  border-radius: 50%;\n  background: rgb(54, 54, 54);\n  animation-timing-function: cubic-bezier(0, 1, 1, 0);\n}

1\n\n.lds-ellipsis div:nth-child(1) {\n  left: 6px;\n  animation: lds-ellipsis1 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(2) {\n  left: 6px;\n  animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(3) {\n  left: 26px;\n  animation: lds-ellipsis2 0.6s infinite;\n}\n\n.lds-ellipsis div:nth-child(4) {\n  left: 45px;\n  animation: lds-ellipsis3 0.6s infinite;\n}\n\n@keyframes lds-ellipsis1 {\n  0% {\n    transform: scale(0);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n@keyframes lds-ellipsis3 {\n  0% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0);\n  }\n}\n@keyframes lds-ellipsis2 {\n  0% {\n    transform: translate(0, 0);\n  }\n  100% {\n    transform: translate(19px, 0);\n  }\n}");var s=function(){return i.createElement("div",{className:"lds-ellipsis"},i.createElement("div",null),i.createElement("div",null),i.createElement("div",null),i.createElement("div",null))},a=function(){return i.createElement("div",null,i.createElement("p",null,"↧\xa0\xa0pull to refresh\xa0\xa0↧"))};o(".ptr,\n.ptr__children {\n  height: 100%;\n  width: 100%;\n  overflow: hidden;\n  -webkit-overflow-scrolling: touch;\n  position: relative;\n}\n\n.ptr.ptr--fetch-more-treshold-breached .ptr__fetch-more {\n  display: block;\n}\n\n.ptr__fetch-more {\n  display: none;\n}\n\n/**\n  * Pull down transition \n  */\n.ptr__children,\n.ptr__pull-down {\n  transition: transform 0.2s cubic-bezier(0, 0, 0.31, 1);\n}\n\n.ptr__pull-down {\n  position: absolute;\n  overflow: hidden;\n  left: 0;\n  right: 0;\n  top: 0;\n  visibility: hidden;\n}\n.ptr__pull-down > div {\n  display: none;\n}\n\n.ptr--dragging {\n  /**\n    * Hide PullMore content is treshold breached\n    */\n}\n.ptr--dragging.ptr--pull-down-treshold-breached .ptr__pull-down--pull-more {\n  display: none;\n}\n.ptr--dragging {\n  /**\n    * Otherwize, display content\n    */\n}\n.ptr--dragging .ptr__pull-down--pull-more {\n  display: block;\n}\n\n.ptr--pull-down-treshold-breached {\n  /**\n    * Force opacity to 1 is pull down trashold breached\n    */\n}\n.ptr--pull-down-treshold-breached .ptr__pull-down {\n  opacity: 1 !important;\n}\n.ptr--pull-down-treshold-breached {\n  /**\n    * And display loader\n    */\n}\n.ptr--pull-down-treshold-breached .ptr__pull-down--loading {\n  display: block;\n}\n\n.ptr__loader {\n  margin: 0 auto;\n  text-align: center;\n}");let c=function(e){var n=e.isPullable,t=void 0===n||n,r=e.canFetchMore,o=void 0!==r&&r,c=e.onRefresh,d=e.onFetchMore,u=e.refreshingContent,p=void 0===u?i.createElement(s,null):u,h=e.pullingContent,f=void 0===h?i.createElement(a,null):h,m=e.children,g=e.pullDownThreshold,v=void 0===g?67:g,w=e.fetchMoreThreshold,x=void 0===w?100:w,y=e.maxPullDownDistance,b=void 0===y?95:y,E=e.resistance,_=void 0===E?1:E,k=e.backgroundColor,C=e.className,j=(0,i.useRef)(null),T=(0,i.useRef)(null),A=(0,i.useRef)(null),L=(0,i.useRef)(null),S=!1,N=!1,I=!1,D=0,P=0;(0,i.useEffect)(function(){if(t&&T&&T.current){var e=T.current;return e.addEventListener("touchstart",R,{passive:!0}),e.addEventListener("mousedown",R),e.addEventListener("touchmove",M,{passive:!1}),e.addEventListener("mousemove",M),window.addEventListener("scroll",U),e.addEventListener("touchend",H),e.addEventListener("mouseup",H),document.body.addEventListener("mouseleave",H),function(){e.removeEventListener("touchstart",R),e.removeEventListener("mousedown",R),e.removeEventListener("touchmove",M),e.removeEventListener("mousemove",M),window.removeEventListener("scroll",U),e.removeEventListener("touchend",H),e.removeEventListener("mouseup",H),document.body.removeEventListener("mouseleave",H)}}},[m,t,c,v,b,o,x]),(0,i.useEffect)(function(){(null==j?void 0:j.current)&&!j.current.classList.contains("ptr--fetch-more-treshold-breached")&&o&&F()<x&&d&&(j.current.classList.add("ptr--fetch-more-treshold-breached"),N=!0,d().then(O).catch(O))},[o,m]);var F=function(){if(!T||!T.current)return -1;var e=window.scrollY;return T.current.scrollHeight-e-window.innerHeight},O=function(){requestAnimationFrame(function(){T.current&&(T.current.style.overflowX="hidden",T.current.style.overflowY="auto",T.current.style.transform="unset"),A.current&&(A.current.style.opacity="0"),j.current&&(j.current.classList.remove("ptr--pull-down-treshold-breached"),j.current.classList.remove("ptr--dragging"),j.current.classList.remove("ptr--fetch-more-treshold-breached")),S&&(S=!1),N&&(N=!1)})},R=function(e){I=!1,e instanceof MouseEvent&&(D=e.pageY),window.TouchEvent&&e instanceof TouchEvent&&(D=e.touches[0].pageY),P=D,"touchstart"===e.type&&function e(n,t){return!!function(e,n){var t;if(t=getComputedStyle(e).overflowY,(e!==document.scrollingElement||"visible"!==t)&&("scroll"!==t&&"auto"!==t||0))return!1;if(n===l.DOWN)return e.scrollTop+e.clientHeight<e.scrollHeight;if(n===l.UP)return e.scrollTop>0;throw Error("unsupported direction")}(n,t)||null!=n.parentElement&&e(n.parentElement,t)}(e.target,l.UP)||T.current.getBoundingClientRect().top<0||(I=!0)},M=function(e){if(I){if(P=window.TouchEvent&&e instanceof TouchEvent?e.touches[0].pageY:e.pageY,j.current.classList.add("ptr--dragging"),P<D){I=!1;return}e.cancelable&&e.preventDefault();var n=Math.min((P-D)/_,b);

1n>=v&&(I=!0,S=!0,j.current.classList.remove("ptr--dragging"),j.current.classList.add("ptr--pull-down-treshold-breached")),n>=b||(A.current.style.opacity=(n/65).toString(),T.current.style.overflow="visible",T.current.style.transform="translate(0px, "+n+"px)",A.current.style.visibility="visible")}},U=function(e){!N&&o&&F()<x&&d&&(N=!0,j.current.classList.add("ptr--fetch-more-treshold-breached"),d().then(O).catch(O))},H=function(){if(I=!1,D=0,P=0,!S){A.current&&(A.current.style.visibility="hidden"),O();return}T.current&&(T.current.style.overflow="visible",T.current.style.transform="translate(0px, "+v+"px)"),c().then(O).catch(O)};return i.createElement("div",{className:"ptr "+(void 0===C?"":C),style:{backgroundColor:k},ref:j},i.createElement("div",{className:"ptr__pull-down",ref:A},i.createElement("div",{className:"ptr__loader ptr__pull-down--loading"},p),i.createElement("div",{className:"ptr__pull-down--pull-more"},f)),i.createElement("div",{className:"ptr__children",ref:T},m,i.createElement("div",{className:"ptr__fetch-more",ref:L},i.createElement("div",{className:"ptr__loader ptr__fetch-more--loading"},p))))}},35835:(e,n,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/connect/whatsapp/[token]",function(){return t(6435)}])},62449:(e,n,t)=>{"use strict";t.d(n,{A:()=>p});var r=t(6029),l=t(13875),i=t(11758);let o=l.Ay.div.withConfig({componentId:"sc-29c54445-0"})(["display:flex;flex-direction:column;overflow-x:hidden;",""],e=>e.isScrollable&&"overflow-y: auto;"),s=l.Ay.div.withConfig({componentId:"sc-29c54445-1"})(["padding:0 ","px ","px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;width:100%;","{padding:0 ","px ","px;}"],e=>e.theme.largeSpacer,e=>e.theme.largeSpacer,i.f.xl,e=>e.theme.xlargeSpacer,e=>e.theme.xlargeSpacer);var a=t(55729),c=t(39048),d=t(67962),u=t(11769);let p=e=>{let{pathname:n}=(0,u.zy)(),t=e.featureNameForEngagementTracking||n.split("/")[1];return(({featureName:e,userJourneyFlag:n,minEngagementTimeSeconds:t=10,rootFeature:r,shouldTrack:l=!0})=>{let{updateUserJourneyFlags:i,loading:o}=(0,d.A)(),s=`feature_engagement_${r||e}`;(0,a.useEffect)(()=>{if(!l)return;let o=Date.now(),a=parseInt(localStorage.getItem(s)||"0",10),d=async()=>{let l=a+Math.floor((Date.now()-o)/1e3);l>=t?((0,c.Ay)(`${(r||e).charAt(0).toUpperCase()+(r||e).slice(1)}: User engaged`,{engagementTimeSeconds:l,subFeature:r?e:void 0}),n&&i(n),localStorage.removeItem(s)):localStorage.setItem(s,l.toString())},u=setInterval(()=>{a+Math.floor((Date.now()-o)/1e3)>=t&&(clearInterval(u),d())},1e3);return()=>{clearInterval(u),d()}},[e,r,n,t,s,o,l])})({featureName:t,userJourneyFlag:t?`view${t.charAt(0).toUpperCase()}${t.slice(1)}`:void 0,rootFeature:e.featureNameForEngagementTracking||t,shouldTrack:e.shouldTrackFeatureEngagement&&!!t}),(0,r.jsx)(o,{isScrollable:e.isScrollable,children:(0,r.jsx)(s,{children:e.children})})}}},e=>{e.O(0,[8320,1642,755,636,6593,8792],()=>e(e.s=35835)),_N_E=e.O()}]);