https://superjoi.com/_next/static/chunks/pages/callback/shopify-6c406f12bdc26990.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2695],{86708:function(e,t,n){"use strict";n.d(t,{Z:function(){return N}});var r=n(67294),i=n(61277),l=n(33758),o=n(11163),a=n(88917),c=n(77698),s=n(50872),u=n(39589),d=n(5335),f=n(90206),h=n(44488),v=n(33027),m=n(16835),p=(n(20886),n(63457)),g=n(63135),x=n(47516),y=n(42212),w=n(93804),b=n(4897),j=n(85893),E=function(e){var t,n,r,i,l,a,c,s,u=e.language,d=(0,o.useRouter)(),f=(0,p.Z)("(min-width: 1024px)"),h=(0,b.Mf)(),v=(0,m.Z)(h,6),E=v[0],N=v[5],C=Array(6).fill(null).map((function(e,t){return{id:"placeholder-".concat(t),isPlaceholder:!0}}));return N||0!==(null===E||void 0===E?void 0:E.length)?(0,j.jsxs)("div",{className:"lg:max-w-[1320px] flex flex-col mx-4 lg:mx-auto px-4 lg:px-12 py-6 bg-grey-2 rounded-[22px] items-center text-center",children:[(0,j.jsxs)("div",{className:"flex flex-row gap-2 md:gap-4 w-full justify-between items-center",children:[(0,j.jsx)("div",{className:"flex-1",children:(0,j.jsx)("h3",{className:"font-bold text-2xl lg:text-[40px] lg:leading-tight text-left line-clamp-1",children:f?null!==(t=null===u||void 0===u||null===(n=u.challenges)||void 0===n||null===(r=n.title)||void 0===r?void 0:r.desktop)&&void 0!==t?t:"Enter challenges and earn by being you":null!==(i=null===u||void 0===u||null===(l=u.challenges)||void 0===l||null===(a=l.title)||void 0===a?void 0:a.mobile)&&void 0!==i?i:"Enter challenges and earn by being you"})}),(0,j.jsxs)(g.Z,{transparent:!0,onClick:function(){return d.push("/search/challenges/popular")},className:"flex justify-center items-center bg-grey-10 text-white font-medium text-[12px] lg:text-base py-1 pl-4 pr-2 rounded-full",children:[(0,j.jsx)("span",{children:null!==(c=null===u||void 0===u||null===(s=u.challenges)||void 0===s?void 0:s.show_more)&&void 0!==c?c:"Show more"}),(0,j.jsx)(x.lU2,{size:20,className:"text-grey-4"})]})]}),function(){var e,t;if(!N&&0===(null===E||void 0===E?void 0:E.length))return(0,j.jsx)("span",{className:"py-8",children:null!==(e=null===u||void 0===u||null===(t=u.challenges)||void 0===t?void 0:t.empty_message)&&void 0!==e?e:"There are currently no challenges"});var n=N?C:E;return(0,j.jsx)(y.Z,{className:"w-full",wrapClassName:"space-x-6 py-8",children:null===n||void 0===n?void 0:n.map((function(e){return(0,j.jsx)(w.Z,{item:e,width:335,height:210,language:u,showContentLoader:N||(null===e||void 0===e?void 0:e.isPlaceholder)},(null===e||void 0===e?void 0:e.id)||(null===e||void 0===e?void 0:e._id)||"placeholder-".concat(null===e||void 0===e?void 0:e.isPlaceholder))}))})}()]}):(0,j.jsx)(j.Fragment,{})},N=function(){var e=(0,r.useState)(""),t=e[0],n=e[1],m=(0,r.useState)(""),p=m[0],g=m[1],x=(0,r.useState)([]),y=x[0],w=x[1],b=(0,r.useState)([]),N=b[0],C=b[1],O=(0,o.useRouter)(),_=(0,h.x)({pageCode:v.Z.SCREEN.DISCOVERY}).data;(0,r.useEffect)((function(){var e=O.query;e.creator&&n(e.creator),e.type&&w([].concat(e.type)),e.creatorId&&g(e.creatorId),e.category&&C([].concat(e.category))}),[O.query]);return(0,j.jsxs)("div",{className:"flex flex-col bg-white",children:[(0,j.jsx)(l.Z,{language:_}),!!t&&(0,j.jsx)(a.Z,{keyword:t}),function(){if(""!==p||N.length||y.length)return(0,j.jsx)(c.Z,{creatorId:p,contentCategory:N,contentType:y})}(),(0,j.jsxs)("div",{className:"space-y-8 mb-8",children:[(0,j.jsx)(s.Z,{language:_}),(0,j.jsx)(E,{language:_}),(0,j.jsx)(f.Z,{language:_}),(0,j.jsx)(d.Z,{language:_}),(0,j.jsx)(u.Z,{language:_})]}),(0,j.jsx)("div",{children:(0,j.jsx)(i.Z,{white:!0,type:"creator"})})]})}},93804:function(e,t,n){"use strict";n.d(t,{Z:function(){return m}});var r=n(41664),i=n.n(r),l=n(67294),o=n(87424),a=n(41229),c=n(65811),s=n(63135),u=(n(2225),n(14416)),d=n(12761),f=n(91571),h=n(85893),v=function(e){var t,n=e.width,r=void 0===n?"auto":n,i=e.height,o=void 0===i?"auto":i,a=(0,l.useState)(0),c=(a[0],a[1]),s=(0,l.useState)(0),u=(s[0],s[1]),d=(0,l.useRef)(null);return(0,l.useEffect)((function(){var e,t;c(null===d||void 0===d||null===(e=d.current)||void 0===e?void 0:e.clientHeight),u(null===d||void 0===d||null===(t=d.current)||void 0===t?void 0:t.clientWidth)}),[null===d||void 0===d||null===(t=d.current)||void 0===t?void 0:t.clientHeight]),(0,h.jsx)(h.Fragment,{children:(0,h.jsx)("div",{ref:d,className:"flex border items-center justify-center rounded-3xl",style:{aspectRatio:"98/155",width:r,height:o},children:(0,h.jsxs)(f.Z,{style:{width:"100%",height:"100%"},children:[(0,h.jsx)("circle",{cx:"20%",cy:"50%",r:r/8}),(0,h.jsx)("rect",{style:{width:"30%",height:"12%"},rx:"5",x:"40%",y:"12%"}),(0,h.jsx)("rect",{style:{width:"30%",height:"7%"},x:"40%",y:"35%"}),(0,h.jsx)("rect",{style:{width:"45%",height:"5%"},x:"40%",y:"46%"}),(0,h.jsx)("rect",{style:{width:"35%",height:"5%"},x:"40%",y:"55%"}),(0,h.jsx)("rect",{style:{width:"40%",height:"20%"},rx:"20",x:"40%",y:"68%"})]})})})},m=(n(20866),function(e){var t,n,r,l,f,m=e.width,p=void 0===m?"auto":m,g=e.height,x=void 0===g?"auto":g,y=e.item,w=e.className,b=void 0===w?"":w,j=e.language,E=e.showContentLoader,N=void 0!==E&&E,C=null===(t=(0,c.u)())||void 0===t?void 0:t.superjoi_me,O=null!==j&&void 0!==j?j:C,_=y||{},k=_._id,Z=_.image,P=_.name,S=_.prize,R=_.user;(0,u.v9)((function(e){return e.auth})),d.g.CURRENCIES_SYMBOL.US,(0,o.HQ)().calculate;return!y&&N?(0,h.jsx)(v,{width:p,height:x}):(0,h.jsxs)("div",{className:"relative overflow-hidden rounded-[20px] text-white transition-transform duration-300 hover:z-[2] hover:scale-110 bg-dark-primary-2 ".concat(b),style:{width:p,height:x},children:[(0,h.jsx)("div",{className:"absolute h-full w-full",style:{background:"linear-gradient(90deg, rgba(0, 2, 18, 0) 0%, #000212 ".concat("number"===typeof x?"".concat(x.toString(),"px"):"40%",")")}}),(null===Z||void 0===Z?void 0:Z.medium)&&(0,h.jsx)("img",{src:null===Z||void 0===Z?void 0:Z.medium,style:{objectFit:"cover",objectPosition:"left",height:x>p?p:x,width:x>p?p:x},alt:""}),(0,h.jsxs)("div",{className:"absolute left-[40%] inset-y-0 flex flex-col justify-center items-start text-left",children:[(0,h.jsx)("span",{className:"text-[10px] bg-white/10 rounded text-white text-opacity-80 py-1 px-2 mb-4",children:"Challenge"}),(0,h.jsx)("span",{className:"font-semibold text-xs opacity-80 line-clamp-1",children:null===R||void 0===R?void 0:R.displayName}),(0,h.jsx)("span",{className:"font-semibold leading-tight text-xl line-clamp-1",children:P}),S&&(0,h.jsxs)("span",{className:"text-xs mt-1 line-clamp-1",children:[null!==(n=null===O||void 0===O||null===(r=O.challenges)||void 0===r?void 0:r.prize_pool)&&void 0!==n?n:"Prize Pool",": $"+(0,a.uf)(S)]}),(0,h.jsx)(i(),{href:"/creator/challenges/".concat(k),children:(0,h.jsx)(s.Z,{transparent:!0,className:"rounded-full py-2 px-4 text-white border border-white font-medium text-sm mt-4 hover:bg-white hover:text-grey-10",onClick:function(){},children:null!==(l=null===O||void 0===O||null===(f=O.challenges)||void 0===f?void 0:f.view_challenge)&&void 0!==l?l:"View challenge"})})]})]})})},24927:function(e,t,n){"use strict";n.r(t);var r=n(16835),i=(n(67294),n(11163)),l=n(14416),o=(n(15043),n(86708),n(8080),n(34062));t.default=function(e){e.setting,(0,i.useRouter)(),(0,l.v9)((function(e){return e.auth}));var t=(0,o.v1)("code"),n=(0,r.Z)(t,2),a=(n[0],n[1],(0,o.v1)("hmac")),c=(0,r.Z)(a,2),s=(c[0],c[1],(0,o.v1)("host")),u=(0,r.Z)(s,2),d=(u[0],u[1],(0,o.v1)("shop")),f=(0,r.Z)(d,2),h=(f[0],f[1],(0,o.v1)("timestamp")),v=(0,r.Z)(h,2);v[0],v[1];return null}},26316:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/callback/shopify",function(){return n(24927)}])},24561:function(e,t,n){"use strict";var r=n(67294),i=function(){return i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},i.apply(this,arguments)};var l=function(e){var t=e.animate,n=void 0===t||t,l=e.animateBegin,o=e.backgroundColor,a=void 0===o?"#f5f6f7":o,c=e.backgroundOpacity,s=void 0===c?1:c,u=e.baseUrl,d=void 0===u?"":u,f=e.children,h=e.foregroundColor,v=void 0===h?"#eee":h,m=e.foregroundOpacity,p=void 0===m?1:m,g=e.gradientRatio,x=void 0===g?2:g,y=e.gradientDirection,w=void 0===y?"left-right":y,b=e.uniqueKey,j=e.interval,E=void 0===j?.25:j,N=e.rtl,C=void 0!==N&&N,O=e.speed,_=void 0===O?1.2:O,k=e.style,Z=void 0===k?{}:k,P=e.title,S=void 0===P?"Loading...":P,R=e.beforeMask,M=void 0===R?null:R,z=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}(e,["animate","animateBegin","backgroundColor","backgroundOpacity","baseUrl","children","foregroundColor","foregroundOpacity","gradientRatio","gradientDirection","uniqueKey","interval","rtl","speed","style","title","beforeMask"]),L=b||Math.random().toString(36).substring(6),T=L+"-diff",A=L+"-animated-diff",I=L+"-aria",B=C?{transform:"scaleX(-1)"}:null,F="0; "+E+"; 1",U=_+"s",q="top-bottom"===w?"rotate(90)":void 0;return(0,r.createElement)("svg",i({"aria-labelledby":I,role:"img",style:i(i({},Z),B)},z),S?(0,r.createElement)("title",{id:I},S):null,M&&(0,r.isValidElement)(M)?M:null,(0,r.createElement)("rect",{role:"presentation",x:"0",y:"0",width:"100%",height:"100%",clipPath:"url("+d+"#"+T+")",style:{fill:"url("+d+"#"+A+")"}}),(0,r.createElement)("defs",null,(0,r.createElement)("clipPath",{id:T},f),(0,r.createElement)("linearGradient",{id:A,gradientTransform:q},(0,r.createElement)("stop",{offset:"0%",stopColor:a,stopOpacity:s},n&&(0,r.createElement)("animate",{attributeName:"offset",values:-x+"; "+-x+";

1 1",keyTimes:F,dur:U,repeatCount:"indefinite",begin:l})),(0,r.createElement)("stop",{offset:"50%",stopColor:v,stopOpacity:p},n&&(0,r.createElement)("animate",{attributeName:"offset",values:-x/2+"; "+-x/2+"; "+(1+x/2),keyTimes:F,dur:U,repeatCount:"indefinite",begin:l})),(0,r.createElement)("stop",{offset:"100%",stopColor:a,stopOpacity:s},n&&(0,r.createElement)("animate",{attributeName:"offset",values:"0; 0; "+(1+x),keyTimes:F,dur:U,repeatCount:"indefinite",begin:l})))))},o=function(e){return e.children?(0,r.createElement)(l,i({},e)):(0,r.createElement)(a,i({},e))},a=function(e){return(0,r.createElement)(o,i({viewBox:"0 0 476 124"},e),(0,r.createElement)("rect",{x:"48",y:"8",width:"88",height:"6",rx:"3"}),(0,r.createElement)("rect",{x:"48",y:"26",width:"52",height:"6",rx:"3"}),(0,r.createElement)("rect",{x:"0",y:"56",width:"410",height:"6",rx:"3"}),(0,r.createElement)("rect",{x:"0",y:"72",width:"380",height:"6",rx:"3"}),(0,r.createElement)("rect",{x:"0",y:"88",width:"178",height:"6",rx:"3"}),(0,r.createElement)("circle",{cx:"20",cy:"20",r:"20"}))};t.ZP=o},95421:function(e,t,n){"use strict";n.d(t,{M:function(){return g}});var r=n(70655),i=n(67294),l=n(49304),o=n(6337),a=n(4454),c=n(240),s=n(96681),u=n(76316),d=function(e){var t=e.children,n=e.initial,l=e.isPresent,o=e.onExitComplete,a=e.custom,d=e.presenceAffectsLayout,h=(0,s.h)(f),v=(0,u.M)(),m=(0,i.useMemo)((function(){return{id:v,initial:n,isPresent:l,custom:a,onExitComplete:function(e){var t,n;h.set(e,!0);try{for(var i=(0,r.__values)(h.values()),l=i.next();!l.done;l=i.next()){if(!l.value)return}}catch(a){t={error:a}}finally{try{l&&!l.done&&(n=i.return)&&n.call(i)}finally{if(t)throw t.error}}null===o||void 0===o||o()},register:function(e){return h.set(e,!1),function(){return h.delete(e)}}}}),d?void 0:[l]);return(0,i.useMemo)((function(){h.forEach((function(e,t){return h.set(t,!1)}))}),[l]),i.useEffect((function(){!l&&!h.size&&(null===o||void 0===o||o())}),[l]),i.createElement(c.O.Provider,{value:m},t)};function f(){return new Map}var h=n(25364),v=n(58868),m=n(65411),p=function(e){return e.key||""};var g=function(e){var t=e.children,n=e.custom,c=e.initial,s=void 0===c||c,u=e.onExitComplete,f=e.exitBeforeEnter,g=e.presenceAffectsLayout,x=void 0===g||g,y=(0,r.__read)((0,o.N)(),1)[0],w=(0,i.useContext)(h.p).forceRender;w&&(y=w);var b=(0,a.t)(),j=function(e){var t=[];return i.Children.forEach(e,(function(e){(0,i.isValidElement)(e)&&t.push(e)})),t}(t),E=j,N=new Set,C=(0,i.useRef)(E),O=(0,i.useRef)(new Map).current,_=(0,i.useRef)(!0);if((0,v.L)((function(){_.current=!1,function(e,t){e.forEach((function(e){var n=p(e);t.set(n,e)}))}(j,O),C.current=E})),(0,m.z)((function(){_.current=!0,O.clear(),N.clear()})),_.current)return i.createElement(i.Fragment,null,E.map((function(e){return i.createElement(d,{key:p(e),isPresent:!0,initial:!!s&&void 0,presenceAffectsLayout:x},e)})));E=(0,r.__spreadArray)([],(0,r.__read)(E),!1);for(var k=C.current.map(p),Z=j.map(p),P=k.length,S=0;S<P;S++){var R=k[S];-1===Z.indexOf(R)&&N.add(R)}return f&&N.size&&(E=[]),N.forEach((function(e){if(-1===Z.indexOf(e)){var t=O.get(e);if(t){var r=k.indexOf(e);E.splice(r,0,i.createElement(d,{key:p(t),isPresent:!1,onExitComplete:function(){O.delete(e),N.delete(e);var t=C.current.findIndex((function(t){return t.key===e}));if(C.current.splice(t,1),!N.size){if(C.current=j,!1===b.current)return;y(),u&&u()}},custom:n,presenceAffectsLayout:x},t))}}})),E=E.map((function(e){var t=e.key;return N.has(t)?e:i.createElement(d,{key:p(e),isPresent:!0,presenceAffectsLayout:x},e)})),"production"!==l.O&&f&&E.length>1&&console.warn("You're attempting to animate multiple children within AnimatePresence, but its exitBeforeEnter prop is set to true. This will lead to odd visual behaviour."),i.createElement(i.Fragment,null,N.size?E:E.map((function(e){return(0,i.cloneElement)(e)})))}}},function(e){e.O(0,[9774,260,1228,5445,9866,2876,3874,1778,2013,5937,2678,4617,8413,8307,3609,4683,4090,6556,5675,4040,2885,1746,9564,436,390,4830,9058,1677,434,9806,6893,2888,179],(function(){return t=26316,e(e.s=t);var t}));var t=e.O();_N_E=t}]);