https://web.usenosh.com/_next/static/chunks/pages/streak-5c34444fa559efa0.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="09c6b548-b2b4-41e9-a4f9-580ac2174689",e._sentryDebugIdIdentifier="sentry-dbid-09c6b548-b2b4-41e9-a4f9-580ac2174689")}catch(e){}(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7060],{27534:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/streak",function(){return s(16671)}])},74191:function(e,t,s){"use strict";s.d(t,{M:function(){return useReferrals},p:function(){return useFetchSettings}});var a=s(78551),r=s(33803),l=s(65774);let getSettings=async()=>{let{data:e}=await r.Z.get("".concat(l.F,"/settings"));return null==e?void 0:e.settings},getUserReferrals=async(e,t)=>{let{data:s}=await r.Z.get("".concat(l.F,"/referrals/user/").concat(e,"?currentPage=").concat(t,"&limit=50"));return s},useFetchSettings=()=>(0,a.a)({queryKey:["settings"],queryFn:()=>getSettings()}),useReferrals=(e,t)=>(0,a.a)({queryKey:["userReferrals",t],queryFn:()=>getUserReferrals(e,t)})},25174:function(e,t,s){"use strict";s.d(t,{j:function(){return useUserStreak}});var a=s(65774),r=s(33803),l=s(36005);let getUserStreak=async e=>{let t=(0,l.O)({isActive:e}),{data:s}=await r.Z.get("".concat(a.F,"/streaks/user/?").concat(t));return s};var n=s(78551);let useUserStreak=e=>(0,n.a)({queryKey:["streak",e],queryFn:()=>getUserStreak(e)})},16671:function(e,t,s){"use strict";s.r(t),s.d(t,{default:function(){return streak}});var a=s(85893),r=s(34606),l=s(53270),n=s(67294),i=s(25174),d=s(15915);let StreakDaysSkeleton=e=>{let{isDarkMode:t}=e;return(0,a.jsxs)("div",{className:"flex flex-col items-center",children:[t?r.SyG:r.RjM,(0,a.jsx)("div",{className:"h-[72px] w-[72px] shrink-0 bg-[#282356] dark:bg-[#1C1C1C]  rounded-full -mt-8 flex-center justify-center",children:(0,a.jsx)("div",{className:"w-14 h-14 rounded-full bg-white/20 animate-pulse"})}),(0,a.jsx)("div",{className:"rounded bg-white/20 animate-pulse shrink-0 h-9 w-40"})]})},PointsSkeleton=()=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("h3",{className:"text-secondary lg:text-white dark:text-secondary-dark lg:dark:text-white lg:text-base text-sm font-bold",children:"Points"}),(0,a.jsx)("div",{className:"h-8 w-16 rounded bg-gray-200 lg:bg-white/20 dark:bg-zinc-700 animate-pulse"})]}),(0,a.jsx)("div",{className:"h-1.5 w-full rounded-[99px] bg-gray-200 lg:bg-white/20 dark:bg-zinc-700 animate-pulse"}),(0,a.jsx)("div",{className:"h-5 w-48 rounded bg-gray-200 lg:bg-white/20 dark:bg-zinc-700 animate-pulse"})]});var streak_Banner=()=>{let e=(0,l.v)(),{showArticle:t}=(0,d.o)(),{data:s,isLoading:c,isError:o}=(0,i.j)(!0),x=(0,n.useMemo)(()=>{var e;return null==s?void 0:null===(e=s.streaks)||void 0===e?void 0:e[0]},[s]),u=(0,n.useMemo)(()=>{var e;return Math.min(null!==(e=null==x?void 0:x.points)&&void 0!==e?e:0,100)},[x]),m=c?(0,a.jsx)(StreakDaysSkeleton,{isDarkMode:e}):(0,a.jsxs)("div",{className:"flex flex-col items-center w-40 mx-auto",children:[(null==x?void 0:x.streak)>0?r.ozI:e?r.SyG:r.RjM,(0,a.jsx)("div",{className:"w-[72px] h-[72px] bg-[#282356] dark:bg-[#1C1C1C] -mt-8 rounded-full flex items-center justify-center text-[64px] font-extrabold ".concat((null==x?void 0:x.streak)>0?"text-[#7FD0FF]":"text-[#706C8E] dark:text-secondary-dark"),children:null==x?void 0:x.streak}),(0,a.jsxs)("span",{className:"text-xl font-bold ".concat((null==x?void 0:x.streak)>0?"text-[#7FD0FF]":"text-[#706C8E] dark:text-white"),children:["day",(null==x?void 0:x.streak)>1?"s":""," streak"]})]}),g=c?(0,a.jsx)(PointsSkeleton,{}):o?(0,a.jsx)("p",{className:"text-sm font-medium text-white/70",children:"Unable to load streak data. Please refresh the page."}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("h3",{className:"text-secondary lg:text-white dark:text-secondary-dark lg:dark:text-white lg:text-base text-sm font-bold",children:"Points"}),(0,a.jsxs)("div",{className:"flex items-baseline text-secondary lg:dark:text-secondary-dark dark:text-[#9CA3AF] font-medium text-bold",children:[(0,a.jsx)("strong",{className:"text-primary lg:text-white dark:text-white text-lg font-bold",children:u}),"/",100]})]}),(0,a.jsx)("div",{className:"w-full flex items-center",children:(0,a.jsx)("div",{className:"h-1.5 w-full rounded-[99px] bg-[#f6f6f6] lg:bg-[#706C8E] dark:bg-[#323232]",children:(0,a.jsx)("div",{className:"bg-[#7FD0FF] h-full rounded-[inherit] transition-[width] duration-200",style:{width:"".concat(u/100*100,"%")}})})}),(0,a.jsx)("span",{className:"text-primary lg:text-white dark:text-white text-sm font-medium",children:u>=100?"Congrats! You’ve completed today’s streak.":"".concat(100-u," points left to keep your streak alive")})]});return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"bg-[url(/assets/images/streak/banner-bg-sm.webp),_linear-gradient(#282356,_#282356)] lg:bg-[url(/assets/images/streak/banner-bg.webp),_linear-gradient(#282356,_#282356)] dark:bg-[url(/assets/images/streak/banner-dark-bg-sm.webp),_linear-gradient(#242424,_#242424)] lg:dark:bg-[url(/assets/images/streak/banner-dark-bg.webp),_linear-gradient(#1C1C1C,_#1C1C1C)] bg-no-repeat bg-[length:100%_65%,_100%_100%] lg:bg-cover bg-top lg:bg-bottom lg:rou

1nded-3xl flex justify-between px-4 py-3 pb-11 lg:p-[18px] lg:border-2 border-[#282356] dark:border-[#323232]",children:[(0,a.jsxs)("div",{className:"flex flex-col justify-between flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between lg:justify-start gap-6  lg:p-1.5",children:[(0,a.jsx)("h3",{className:"text-md lg:text-lg font-bold text-white",children:"Streak Progress"}),(0,a.jsx)("button",{onClick:()=>t(14521618),className:"text-[#7FD0FF] text-base font-medium underline decoration-dotted",children:"Rules"})]}),(0,a.jsx)("div",{className:"block lg:hidden mt-6 mb-5",children:m}),(0,a.jsx)("div",{className:"bg-white dark:bg-[#1C1C1C] lg:bg-transparent lg:dark:bg-transparent p-4 lg:p-0 grid gap-3 rounded-2xl lg:max-w-[358px]",children:g})]}),(0,a.jsx)("div",{className:"hidden lg:block pr-8",children:m})]})})},c=s(27812),o=s(55634),streak_WinnerCard=e=>{let{username:t="username",prize:s="Prize Name",date:r="01 Jan, 2026",image:l}=e;return(0,a.jsxs)("div",{className:"w-full rounded-xl p-2 overflow-hidden border border-dashed border-[#EAEAEA] dark:border-[#323232] bg-[#F6F6F6] dark:bg-[#242424]",children:[(0,a.jsxs)("div",{className:"relative flex items-center justify-center h-[120px] overflow-hidden bg-[#FFFFFF] dark:bg-[#1C1C1C] rounded-lg",children:[l&&(0,a.jsx)("img",{src:l,alt:s,className:"max-w-full max-h-full object-contain"}),(0,a.jsxs)("span",{className:"absolute top-1 left-1 bg-white dark:bg-[#202020] shadow-[0px_2px_8px_0px_#1111111A] rounded-[99px] px-1.5 py-1 text-xs font-medium text-[#7FD0FF]",children:["@",t]})]}),(0,a.jsxs)("div",{className:"mt-1",children:[(0,a.jsx)("p",{className:"text-base font-medium text-primary dark:text-white",children:s}),(0,a.jsx)("p",{className:"text-xs text-secondary dark:text-secondary-dark",children:r})]})]})},x=s(74191),streak_EmptyActivities=e=>{let{text:t}=e;return(0,a.jsxs)("div",{className:"w-full max-w-[391px] h-[303px] flex flex-col gap-3 justify-center items-center",children:[(0,a.jsx)("div",{className:"border-[5px] border-[#F6F6F6] dark:border-[#202020] dark:bg-[#1C1C1C] w-[72px] h-[72px] shrink-0 rounded-full flex items-center justify-center",children:(0,a.jsx)("img",{src:"/assets/images/streak/fire-icon.svg",alt:"streak-icon",className:"w-10 h-10 object-cover rounded-full"})}),(0,a.jsx)("p",{className:"text-primary dark:text-white font-medium text-sm",children:t||"No recent activity"})]})},streak_PreviousWinners=()=>{let{data:e}=(0,x.p)(),t=(0,n.useMemo)(()=>{var t;return null==e?void 0:null===(t=e.streakMeta)||void 0===t?void 0:t.pastWinners},[e]);return(null==t?void 0:t.length)?(0,a.jsx)("div",{className:"mt-4 grid grid-cols-[repeat(auto-fill,_minmax(171px,_1fr))] gap-4",children:null==t?void 0:t.map((e,t)=>(0,a.jsx)(streak_WinnerCard,{username:e.username,prize:null==e?void 0:e.itemName,image:null==e?void 0:e.image,date:e.date?new Date(e.date).toLocaleDateString("en-GB",{day:"2-digit",month:"short",year:"numeric"}).replace(/\s(\d{4})$/,", $1"):"—"},t))}):(0,a.jsx)(streak_EmptyActivities,{text:"No previous winner yet."})},u=s(36005);let StreakActivitySkeleton=()=>(0,a.jsxs)("div",{className:"py-3 flex items-center justify-start gap-2 animate-pulse",children:[(0,a.jsx)("div",{className:"w-8 h-8 shrink-0 rounded-full bg-gray-200 dark:bg-zinc-800"}),(0,a.jsxs)("div",{className:"grid gap-1.5 flex-1",children:[(0,a.jsx)("div",{className:"h-5 w-40 rounded bg-gray-200 dark:bg-zinc-800"}),(0,a.jsx)("div",{className:"h-4 w-24 rounded bg-gray-200 dark:bg-zinc-800"})]})]});var streak_StreakActivities=()=>{let{data:e,isLoading:t,isError:s}=(0,i.j)(),r=(0,n.useMemo)(()=>{var t;return null==e?void 0:null===(t=e.streaks)||void 0===t?void 0:t.filter(e=>!(null==e?void 0:e.isActive)&&(null==e?void 0:e.streak)>0)},[e]);return t?(0,a.jsx)("div",{className:"mt-4 grid gap-2 w-full max-w-[710px]",children:Array.from({length:5}).map((e,t)=>(0,a.jsx)(StreakActivitySkeleton,{},t))}):s?(0,a.jsx)(streak_EmptyActivities,{text:"Unable to load streak activities. Please refresh the page."}):(null==r?void 0:r.length)?(0,a.jsx)("div",{className:"mt-4 grid gap-2 w-full max-w-[710px]",children:null==r?void 0:r.map((e,t)=>(0,a.jsxs)("div",{className:"py-3 flex items-center justify-start gap-2",children:[(0,a.jsx)("div",{className:"border-2 border-[#F6F6F6] dark:border-[#202020] dark:bg-[#1C1C1C] w-8 h-8 shrink-0 rounded-full flex items-center justify-center",children:(0,a.jsx)("img",{src:"/assets/images/streak/fire-icon.svg",alt:"streak-icon",className:"w-5 h-5 object-cover rounded-full"})}),(0,a.jsxs)("div",{className:"grid",children:[(0,a.jsx)("p",{className:"text-sm text-primary dark:text-white font-medium",children:"".concat(null==e?void 0:e.streak,"-day").concat((null==e?void 0:e.streak)>1?"s":""," Streak ").concat((null==e?void 0:e.isActive)?"Completed":"Ended")}),(0,a.jsx)("span",{className:"text-secondary dark:text-secondary-dark text-xs font-medium",children:(0,u.vh)(new Date(null==e?void 0:e.createdAt))})]})]},t))}):(0,a.jsx)(streak_EmptyActivities,{})},streak=()=>{var e,t;

1let[s,r]=(0,n.useState)("activities"),{data:l}=(0,x.p)();return(0,a.jsxs)(c.Z,{title:"Streaks",classNames:{childContainer:"!p-0 lg:!p-12"},children:[(0,a.jsx)(streak_Banner,{}),(0,a.jsxs)("div",{className:"bg-white dark:bg-[#1C1C1C] lg:dark:bg-transparent rounded-t-3xl lg:rounded-t-0 -mt-5 p-4 lg:mt-0 lg:p-0 lg:pt-10 flex lg:items-start lg:justify-between flex-col-reverse lg:flex-row gap-10",children:[(0,a.jsxs)("div",{className:"w-full lg:w-[calc(100%_-_398px)]",children:[(0,a.jsxs)("div",{className:"flex-center mt-3 gap-2 lg:mt-0 overflow-auto",children:[(0,a.jsx)("button",{className:"".concat(o.xw.initial," ").concat("activities"===s?o.xw.active:o.xw.inactive),onClick:()=>r("activities"),children:"Streak activities"}),(0,a.jsx)("button",{className:"".concat(o.xw.initial," ").concat("winners"===s?o.xw.active:o.xw.inactive),onClick:()=>r("winners"),children:"Previous Winners"})]}),"activities"===s&&(0,a.jsx)(streak_StreakActivities,{}),"winners"===s&&(0,a.jsx)(streak_PreviousWinners,{})]}),(null==l?void 0:null===(e=l.streakMeta)||void 0===e?void 0:e.note)?(0,a.jsxs)("div",{className:"border max-w-[358px] w-full lg:w-[unset] bg-[#F6F6F6] border-[#F6F6F6] dark:border-[#323232] dark:bg-[#1C1C1C] p-3 rounded-2xl text-[#4B5563] dark:text-secondary-dark text-sm font-normal",children:[(0,a.jsx)("span",{className:"font-medium text-[#7FD0FF]",children:"NOTE:"})," ",null==l?void 0:null===(t=l.streakMeta)||void 0===t?void 0:t.note]}):null]})]})}}},function(e){e.O(0,[2196,5675,1664,6153,7906,9954,8511,8559,5804,143,7812,9774,2888,179],function(){return e(e.s=27534)}),_N_E=e.O()}]);