https://starclinch.com/_next/static/chunks/4492.3537b977f307bba3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4492],{77023:function(e,t,n){n.d(t,{t:function(){return r}});var a=n(67294);let s="https://api.starclinch.com/elite-ads",r=e=>{let[t,n]=(0,a.useState)([]),[r,i]=(0,a.useState)(1),[l,o]=(0,a.useState)(!0),[c,d]=(0,a.useState)(!1),u=(0,a.useRef)(null),p=(0,a.useRef)(void 0),x=(0,a.useRef)(!1),m=(0,a.useCallback)(async function(t){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!e||x.current)return;u.current&&!a&&u.current.abort();let r=new AbortController;u.current=r,x.current=!0;try{d(!0);let l=await fetch("".concat(s,"/").concat(e,"/?page=").concat(t),{signal:r.signal});if(!l.ok)throw Error("HTTP error! status: ".concat(l.status));let c=await l.json();r.signal.aborted||p.current!==e||(a?n(e=>[...e,...c.elite_ads]):n(c.elite_ads),o(c.has_more),i(c.page),c.has_more||i(1))}catch(e){if("AbortError"===e.name)return;console.error("Error fetching elite ads:",e)}finally{u.current!==r||r.signal.aborted||(d(!1),x.current=!1,u.current=null)}},[e]);(0,a.useEffect)(()=>{if(!e||e===p.current)return;let t=p.current,a=u.current;a&&t&&t!==e&&a.abort(),p.current=e,n([]),i(1),o(!0);let r=new AbortController;u.current=r,x.current=!0,(async()=>{try{d(!0);let t=await fetch("".concat(s,"/").concat(e,"/?page=1"),{signal:r.signal});if(!t.ok)throw Error("HTTP error! status: ".concat(t.status));let a=await t.json();r.signal.aborted||p.current!==e||u.current!==r||(n(a.elite_ads),o(a.has_more),i(a.page),a.has_more||i(1))}catch(e){if("AbortError"===e.name)return;console.error("Error fetching elite ads:",e)}finally{u.current!==r||r.signal.aborted||p.current!==e||(d(!1),x.current=!1,u.current=null)}})()},[e]),(0,a.useEffect)(()=>()=>{},[]);let f=(0,a.useCallback)(()=>{!x.current&&e&&(l?m(r+1,!0):1===r&&(n([]),o(!0),m(1,!1)))},[l,e,r,m]);return{eliteAds:t,isLoading:c,hasMore:l,loadNextPage:f,currentPage:r}}},14492:function(e,t,n){n.r(t);var a=n(85893),s=n(93176),r=n(67294),i=n(77023);t.default=e=>{var t,n,l;let{profile:o,urlSlug:c}=e,d=c||(null==o?void 0:null===(t=o.artist)||void 0===t?void 0:t.slug),u=(0,r.useRef)(null),{eliteAds:p,hasMore:x,loadNextPage:m}=(0,i.t)(d),f=Array.isArray(p)&&p.length>0,[h,g]=(0,r.useState)(0),[b,y]=(0,r.useState)(null),[w,v]=(0,r.useState)(!1),[k,j]=(0,r.useState)(!1),[N,E]=(0,r.useState)(new Set);(0,r.useEffect)(()=>{E(new Set),g(0)},[d]);let _=()=>{j(!0),window.setTimeout(()=>j(!1),2e3)};if((0,r.useEffect)(()=>{if(!f)return;let e=setInterval(()=>{g(e=>(y(e),v(!0),(e+1)%p.length))},3e3);return()=>clearInterval(e)},[p.length,f]),(0,r.useEffect)(()=>{x||E(new Set)},[x]),(0,r.useEffect)(()=>{h>=13&&h%20==13&&x&&!N.has(h)&&(E(e=>new Set(e).add(h)),m())},[h,x,m,N,p.length]),(0,r.useEffect)(()=>{if(!w)return;let e=window.setTimeout(()=>{v(!1),y(null)},600);return()=>window.clearTimeout(e)},[w]),!f)return null;let S=p[h];return(0,a.jsxs)("div",{ref:u,className:"relative rounded-2xl bg-gradient-to-r from-[#0B1026] via-[#0E1633] to-[#1B2A4A] text-white ms:mx-2 md:mx-auto w-full md:w-[90vw] lg:w-[60vw] overflow-hidden mx-auto h-14 flex items-center justify-center",children:[(0,a.jsx)("div",{className:"absolute inset-0 stars"}),(0,a.jsx)("div",{className:"absolute inset-0 stars2"}),(0,a.jsx)("div",{className:"absolute inset-0 stars3"}),(0,a.jsxs)("div",{className:"absolute inset-0 shooting-stars",children:[(0,a.jsx)("span",{className:"star s1"}),(0,a.jsx)("span",{className:"star s2"})]}),(0,a.jsx)("div",{className:"relative z-10 w-full flex flex-col items-center justify-center gap-4 text-center",children:(0,a.jsxs)("div",{className:"flex flex-col items-start justify-center gap-0",children:[(0,a.jsxs)("div",{className:"flex flex-row items-center justify-center gap-1",children:[(0,a.jsx)("p",{className:"text-xs sm:text-xs opacity-40",children:"Sponsored"}),(0,a.jsxs)("div",{className:"relative inline-flex items-center",children:[(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor",className:"size-3 opacity-40 cursor-pointer",role:"button","aria-label":"Elite member info",tabIndex:0,onClick:_,onKeyDown:e=>

1{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),_())},children:(0,a.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"})}),k&&(0,a.jsx)("span",{className:"absolute -top-1 left-14 -translate-x-1/2 whitespace-nowrap rounded bg-white/80 text-black text-[10px] px-2 py-0.5 shadow-md",children:"Elite Artist/Act"})]})]}),(0,a.jsxs)("div",{className:"flex items-center justify-center gap-4",children:[(0,a.jsx)("span",{className:"text-sm sm:text-base opacity-90",children:"Book"}),(0,a.jsxs)("div",{className:"artist-container",children:[(0,a.jsx)("span",{className:"width-setter text-sm sm:text-base opacity-0",children:(0,a.jsx)("span",{className:"name-highlight font-bold",children:null==S?void 0:S.professional_name})}),w&&null!==b&&(0,a.jsx)("span",{className:"name-layer text-sm sm:text-base opacity-90 slide-out-up",children:(0,a.jsx)(s.Z,{href:(null===(n=p[b])||void 0===n?void 0:n.profile_url)||"#",target:"_blank",children:(0,a.jsx)("span",{className:"name-highlight font-bold",children:null===(l=p[b])||void 0===l?void 0:l.professional_name})})}),(0,a.jsx)("span",{className:"name-layer text-sm sm:text-base opacity-90 ".concat(w?"slide-in-up":""),children:(0,a.jsx)(s.Z,{href:(null==S?void 0:S.profile_url)||"#",target:"_blank",children:(0,a.jsx)("span",{className:"name-highlight font-bold",children:null==S?void 0:S.professional_name})})})]}),(0,a.jsx)("span",{className:"text-sm sm:text-base opacity-90",children:"for your event"}),(0,a.jsx)("span",{className:"opacity-60",children:"•"})]})]})}),(0,a.jsx)("style",{children:"\n        .artist-container {\n          height: 1.5em;\n          overflow: hidden;\n          position: relative;\n          display: inline-block;\n          width: auto;\n        }\n        .width-setter {\n          visibility: hidden;\n          white-space: nowrap;\n        }\n        .name-layer {\n          position: absolute;\n          left: 0;\n          right: 0;\n          top: 50%;\n          transform: translateY(-50%);\n          display: inline-block;\n          will-change: transform, opacity;\n        }\n        .slide-in-up { animation: slideInUp 0.6s ease both; }\n        .slide-out-up { animation: slideOutUp 0.6s ease both; }\n        @keyframes slideInUp {\n          0% { transform: translateY(calc(-50% + 100%)); opacity: 0; }\n          100% { transform: translateY(-50%); opacity: 0.9; }\n        }\n        @keyframes slideOutUp {\n          0% { transform: translateY(-50%); opacity: 0.9; }\n          100% { transform: translateY(calc(-50% - 100%)); opacity: 0; }\n        }\n        .stars, .stars2, .stars3 {\n          background-repeat: repeat;\n          background-size: 150px 150px, 220px 220px;\n          pointer-events: none;\n        }\n        .stars {\n          background-image:\n            radial-gradient(2.5px 2.5px at 40px 60px, rgba(255,255,255,0.95), rgba(255,255,255,0) 45%),\n            radial-gradient(1.5px 1.5px at 120px 80px, rgba(255,255,255,0.85), rgba(255,255,255,0) 45%);\n          animation: twinkle1 3.5s infinite ease-in-out;\n        }\n        .stars2 {\n          background-image:\n            radial-gradient(2px 2px at 90px 30px, rgba(255,255,255,0.9), rgba(255,255,255,0) 45%),\n            radial-gradient(1.2px 1.2px at 10px 150px, rgba(255,255,255,0.8), rgba(255,255,255,0) 45%);\n          animation: twinkle2 4.2s infinite ease-in-out;\n        }\n        .stars3 {\n          background-image:\n            radial-gradient(1.5px 1.5px at 160px 140px, rgba(255,255,255,0.85), rgba(255,255,255,0) 45%),\n            radial-gradient(2px 2px at 200px 60px, rgba(255,255,255,0.95), rgba(255,255,255,0) 45%);\n          animation: twinkle3 5.1s infinite ease-in-out;\n        }\n        @keyframes twinkle1 { 0%,100% { opacity: .45 } 50% { opacity: 1 } }\n        @keyframes twinkle2 { 0%,100% { opacity: .4 } 50% { opacity: .95 } }\n        @keyframes twinkle3 { 0%,100% { opacity: .35 } 50% { opacity: .9 } }\n\n        .shooting-stars { pointer-events: none; z-index: 5; }\n        .shooting-stars .star {\n          position: absolute;\n          display: block;\n          width: 120px;\n          height: 2px;\n          background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);\n          border-radius: 9999px;\n          filter: drop-shadow(0 0 8px rgba(255,255,255,0.85));\n          transform: rotate(-20deg);\n          opacity: 0;\n          animation: shoot 3.6s linear infinite;\n        }\n        .shooting-stars .s1 { top: 30%; left: -20%; animation-delay: 0.8s; }\n        .shooting-stars .s2 { top: 70%; left: -25%; animation-delay: 2s; }\n        @keyframes shoot {\n          0%   { transform: translateX(0) translateY(0) rotate(-20deg); opacity: 0; }\n          10%  { opacity: 1; }\n          85%  { opacity: 1; }\n          100% { transform: translateX(120%) translateY(35%) rotate(-20deg); opacity: 0; }\n        }\n      "}),(0,a.jsx)("style",{children:"\n        .name-highlight {\n          background: linear-gradient(90deg, #FF45CF 0%, #25B8FF 100%);\n          -webkit-background-clip: text;\n          background-clip: text;\n          color: transparent;\n          text-shadow: none;\n          position: relative;\n          filter: saturate(1.35) brightness(1.05);\n        }\n      "})]})}}}]);