https://www.holopin.io/_next/static/chunks/pages/hacktoberfest2023/userbadge/[id]-5766f3d60359c96a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6157],{82919:function(e,i,t){"use strict";var n=t(67294),s=t(11355),a=t(85479),l=t(25675),r=t.n(l),o=t(11163),d=t.n(o),c=t(52091),u=t(46616),m=t(53597),v=t(56348),h=t(96916),x=t(99971),f=t(85893);i.Z=function(e){var i=e.open,t=e.setOpen,l=e.image,o=e.name,p=e.socialMeta,g=e.title,j=void 0===g?"Congratulations, Hacktobernaut!":g,b=e.variant,N=void 0===b?"default":b;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(h.Z,{meta:p}),(0,f.jsx)(s.u,{appear:!0,show:i,as:n.Fragment,children:(0,f.jsxs)(a.V,{as:"div",className:"fixed inset-0 z-10 overflow-y-auto",onClose:function(){return t(!1)},children:[(0,f.jsx)(s.u.Child,{as:n.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"ease-in duration-200",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,f.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-70"})}),(0,f.jsx)("div",{className:"fixed inset-0 overflow-y-auto",children:(0,f.jsx)("div",{className:"flex items-center justify-center min-h-full p-4 text-center",children:(0,f.jsx)(s.u.Child,{as:n.Fragment,enter:"ease-out duration-300",enterFrom:"opacity-0 scale-95",enterTo:"opacity-100 scale-100",leave:"ease-in duration-200",leaveFrom:"opacity-100 scale-100",leaveTo:"opacity-0 scale-95",children:(0,f.jsxs)(a.V.Panel,{className:"w-full max-w-md p-6 overflow-hidden text-center align-middle shadow-xl bg-neutral-900 transform rounded-2xl transition-all",children:[(0,f.jsx)(a.V.Title,{as:"h3",className:"text-xl font-semibold text-white leading-6",children:j}),(0,f.jsx)("div",{className:"w-48 mx-auto mt-4",children:(0,f.jsx)(r(),{src:null!==l&&void 0!==l?l:x.Z,width:"90%",height:"90%",layout:"responsive",objectFit:"contain",alt:o})}),(0,f.jsxs)("div",{className:"mt-2",children:[o&&(0,f.jsxs)("p",{className:"text-sm text-neutral-400",children:["You've earned the"," ",(0,f.jsx)("span",{className:"font-semibold text-white",children:o})," ","badge, and unlocked a new item for your avatar!"]}),"hall"===N&&(0,f.jsx)("p",{className:"text-sm text-neutral-400",children:"Share your achievement with your friends to let them know you've completed the Hacktoberfest 2023 challenge."})]}),(0,f.jsxs)("div",{className:"flex flex-col items-center justify-center mt-4 space-y-3",children:[(0,f.jsx)(u.Z,{url:null===p||void 0===p?void 0:p.url,title:null===p||void 0===p?void 0:p.title,via:"holopin_",beforeOnClick:function(){fetch("/api/auth/user/sticker/share-intent",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({userStickerId:null===p||void 0===p?void 0:p.userStickerId,destination:"linkedin"})})},children:(0,f.jsx)(v.Z,{variant:"social",children:(0,f.jsxs)("span",{className:"flex items-center",children:[(0,f.jsx)(c.fWC,{className:"text-blue-400"}),(0,f.jsx)("span",{className:"pl-2",children:"Share on Twitter"})]})})}),(0,f.jsx)(m.Z,{url:null===p||void 0===p?void 0:p.url,title:null===p||void 0===p?void 0:p.title,source:"https://holopin.io",beforeOnClick:function(){fetch("/api/auth/user/sticker/share-intent",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({userStickerId:null===p||void 0===p?void 0:p.userStickerId,destination:"linkedin"})})},children:(0,f.jsx)(v.Z,{variant:"social",children:(0,f.jsxs)("span",{className:"flex items-center",children:[(0,f.jsx)(c.BUd,{className:"text-blue-300"}),(0,f.jsx)("span",{className:"pl-2",children:"Share on LinkedIn"})]})})}),o&&(0,f.jsx)(v.Z,{type:"button",variant:"primary",onClick:function(){return d().push("/hacktoberfest2023/avatar")},children:"Customize my Avatar"})]})]})})})})]})})]})}},47480:function(e,i,t){"use strict";t(67294);var n=t(9008),s=t.n(n),a=t(41336),l=t(78186),r=t(83047),o=t(85893);i.Z=function(e){var i=e.title,t=void 0===i?null:i,n=e.description,d=void 0===n?"Get recognized and validate your skills and achievements with digital badges that work on GitHub, GitLab, and social media platforms. Holopin makes it easy to create, issue, and collect badges for the things you do best.":n,c=e.children,u=e.navbar,m=void 0===u||u,v=e.contentStyle,h=e.contentClassName,x=e.noVerify,f=void 0!==x&&x;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(s(),{children:[(0,o.jsx)("title",{children:t?"".concat(t," | Holopin"):"Holopin"}),(0,o.jsx)("meta",{name:"description",content:d}),(0,o.jsx)("meta",{name:"keywords",content:"digital badges, skills, achievements, GitHub, GitLab, social media, recognition, validation, open badges"}),(0,o.jsx)("meta",{name:"author",content:"Holopin"}),(0,o.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,o.jsx)("link",{rel:"canonical",href:"https://www.holopin.io"}),(0,o.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,o.jsxs)("div",{className:"relative flex flex-col items-stretch min-h-screen via-[#0F0913] bg-gradient-to-b from-[#112936] to-[#0F0913]",style:{zIndex:0},children:[m&&(0,o.jsx)(l.Z,{}),!f&&(0,o.jsx)(r.Z,{}),(0,o.jsx)("div",{style:v,className:"".concat(h||""," w-full min-h-screen p-5 mx-auto mt-20 lg:py-20 md:px-10 lg:px-40 max-w-screen-2xl"),children:c})]}),(0,o.jsx)("div",{className:"w-full",children:(0,o.jsx)(a.Z,{})})]})}},82176:function(e,i,t){"use strict";t(67294);var n=t(77521),s=t(85893);i.Z=function(e){var i=e.dock,t=void 0!==i&&i,a=e.children,l=e.glareEnable,r=void 0===l||l,o=e.variant,d=void 0===o?"default":o;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.Z,{glareEnable:r,scale:"hall"===d?.9:1.1,transitionSpeed:1500,glareBorderRadius:"hall"===d?"15px":"70px",children:a}),t?(0,s.jsx)("div",{className:"h-20 -mt-16 shadow-2xl border-l-[40px] border-l-transparent border-r-[40px] border-r-transparent border-b-[80px] border-b-neutral-600"}):null]})}},69206:function(e,i,t){"use strict";t.r(i);t(67294);var n=t(84256),s=t(85893);i.default=function(){return(0,s.jsx)(n.Z,{title:"Page not found",children:(0,s.jsx)("h1",{children:"Oops! Page not found."})})}},41862:function(e,i,t){"use strict";t.r(i),t.d(i,{__N_SSP:function(){return Z}});var n=t(67294),s=t(9669),a=t.n(s),l=t(33299),r=t(25675),o=t.n(r),d=t(41664),c=t.n(d),u=t(52091),m=t(72076),v=t(46616),h=t(53597),x=t(20865),f=t(56348),p=t(82919),g=t(47480

1),j=t(82176),b=t(96916),N=t(3040),k=t(10148),y=t(69206),w=t(99971),S=t(85893),Z=!0;i.default=function(e){var i,t,s,r,d,Z,C,T=e.userSticker,I=e.showBalloons,O=e.allStickers,z=(e.hacktoberfestAvatarImage,e.level0Accessory,e.level,e.earnedStickers),_=e.showModal,F=e.error,A=(0,l.useSession)(),H=A.data,P=(A.status,(0,n.useState)(!1)),E=P[0],U=(P[1],(0,n.useState)(null!==(i=null===T||void 0===T?void 0:T.listed)&&void 0!==i&&i)),V=U[0],B=U[1],G=(0,n.useState)(null),L=G[0],R=G[1],J=(0,n.useState)(null),D=J[0],M=J[1],W=(0,n.useState)(_),X=W[0],q=W[1];var Y=(0,m.w5)("balloonsReward","balloons",{lifetime:1e3,elementSize:40,elementCount:100,spread:180,startVelocity:7}),$=Y.reward;Y.isAnimating;(0,n.useEffect)((function(){I&&$()}),[]);var K={title:"I got the ".concat(null===T||void 0===T?void 0:T.sticker.name," badge from ").concat(null===T||void 0===T||null===(t=T.sticker.organization)||void 0===t?void 0:t.name,"!"),description:"@".concat(null===T||void 0===T?void 0:T.user.username," has earned the ").concat(null===T||void 0===T?void 0:T.sticker.name," badge from ").concat(null===T||void 0===T||null===(s=T.sticker.organization)||void 0===s?void 0:s.name,". "),url:"".concat((0,k.R)(),"/userbadge/").concat(null===T||void 0===T?void 0:T.id),imageUrl:"".concat((0,k.R)(),"/api/badge/socialimg?id=").concat(null===T||void 0===T?void 0:T.id)};return F?(0,S.jsx)(y.default,{}):(0,S.jsxs)(g.Z,{title:"".concat(null===T||void 0===T||null===(r=T.sticker)||void 0===r?void 0:r.name," by ").concat(null===T||void 0===T?void 0:T.sticker.organization.name),children:[(0,S.jsx)(b.Z,{meta:K}),!E&&(0,S.jsxs)("div",{className:"bg-green-100 border-l-4 border-green-500 text-green-700 p-4 mb-8 text-sm",role:"alert",children:[(0,S.jsxs)("p",{className:"font-base",children:[(0,S.jsx)(c(),{href:"/@".concat(null===T||void 0===T?void 0:T.user.username),children:(0,S.jsxs)("a",{className:"font-semibold hover:text-green-900",children:["@",(0,S.jsx)("span",{className:"underline",children:null===T||void 0===T?void 0:T.user.username})]})})," ","was awarded this badge on ",null===T||void 0===T?void 0:T.createdAt," (UTC)."]}),(0,S.jsxs)("p",{children:["The unique Badge ID is"," ",(0,S.jsx)("code",{className:"text-sm",children:null===T||void 0===T?void 0:T.id}),"."]})]}),(0,S.jsx)(p.Z,{open:X,setOpen:q,image:null===T||void 0===T?void 0:T.image,name:null===T||void 0===T?void 0:T.sticker.name,socialMeta:K}),(0,S.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-2 sm:gap-x-10",children:[(0,S.jsx)("div",{className:"mb-2",children:(0,S.jsxs)("div",{className:"relative",children:[(0,S.jsx)("div",{className:"relative justify-center w-full h-full text-center",children:(0,S.jsx)(j.Z,{children:(0,S.jsx)(o(),{src:(null===T||void 0===T?void 0:T.image)||w.Z,width:"90%",height:"90%",layout:"responsive",objectFit:"contain",className:"rounded-2xl",alt:"Hacktoberfest Avatar"})})}),H&&H.user.username===(null===T||void 0===T||null===(d=T.user)||void 0===d?void 0:d.username)&&(0,S.jsxs)("div",{className:"relative flex flex-col my-3 gap-2",children:[(0,S.jsx)(N.Z,{enabled:V,setEnabled:function(){R(null),M(null),a().patch("/api/auth/user/sticker/publish",{stickerId:null===T||void 0===T?void 0:T.id}).then((function(){B(!V),R("Visibility updated"),setTimeout((function(){R(null)}),1e3)})).catch((function(e){M("Error updating visibility"),setTimeout((function(){var i,t;M(null===(i=e.response)||void 0===i||null===(t=i.data)||void 0===t?void 0:t.message),B(V)}),1e3)}))},title:"Listed in public user profile",description:"If this is checked, badge will be listed in your public profile page."}),L&&(0,S.jsx)("div",{className:"absolute top-0 right-0 text-xs text-green-300",children:L}),D&&(0,S.jsx)("div",{className:"text-xs text-red-300",children:D})]})]})}),(0,S.jsxs)("div",{className:"flex flex-col space-y-1",children:[!E&&(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)("div",{className:"flex flex-row space-x-3",children:(0,S.jsx)(x.Z,{organizationImage:null===T||void 0===T?void 0:T.sticker.organization.image,organizationName:null===T||void 0===T?void 0:T.sticker.organization.name,organizationUsername:null===T||void 0===T?void 0:T.sticker.organization.username,organizationVerified:null===T||void 0===T?void 0:T.sticker.organization.verified,stickerName:null===T||void 0===T?void 0:T.sticker.name,stickerDescription:null===T||void 0===T?void 0:T.sticker.description,stickerNotes:null===T||void 0===T?void 0:T.sticker.notes})}),H&&H.user.username===(null===T||void 0===T?void 0:T.user.username)&&(0,S.jsxs)("div",{className:"flex-col pt-2 sm:pt-10 space-y-3",children:[(0,S.jsx)(c(),{href:"/hacktoberfest2023/avatar",children:(0,S.jsx)("a",{children:(0,S.jsx)(f.Z,{variant:"primary",children:"Edit Avatar"})})}),(0,S.jsx)("div",{children:(0,S.jsx)(v.Z,{url:null===K||void 0===K?void 0:K.url,title:null===K||void 0===K?void 0:K.title,via:"holopin_",beforeOnClick:function(){fetch("/api/auth/user/sticker/share-intent",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({userStickerId:null===T||void 0===T?void 0:T.id,destination:"twitter"})})},children:(0,S.jsx)(f.Z,{variant:"social",children:(0,S.jsxs)("span",{className:"flex items-center",children:[(0,S.jsx)(u.fWC,{className:"text-blue-400"}),(0,S.jsx)("span",{className:"pl-2",children:"Share on Twitter"})]})})})}),(0,S.jsx)("div",{children:(0,S.jsx)(h.Z,{url:null===K||void 0===K?void 0:K.url,title:"I got the ".concat(null===T||void 0===T||null===(Z=T.sticker)||void 0===Z?void 0:Z.name," badge from ").concat(null===T||void 0===T||null===(C=T.sticker.organization)||void 0===C?void 0:C.name,"!"),source:"https://holopin.io",beforeOnClick:function(){fetch("/api/auth/user/sticker/share-intent",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({userStickerId:null===T||void 0===T?void 0:T.id,destination:"linkedin"})})},children:(0,S.jsx)(f.Z,{variant:"social",children:(0,S.jsxs)("span",{className:"flex items-center",children:[(0,S.jsx)(u.BUd,{className:"text-blue-300"}),(0,S.jsx)("span",{className:"pl-2",children:"Share on LinkedIn"})]})})})})]})]}),(0,S.jsx)("div",{className:"flex flex-row pt-3 font-semibold",children:"Progress tracker"}),(0,S.jsx)("div",{className:"flex flex-row pt-4",children:(0,S.jsx)("div",{className:"flex w-42 gap-2 sm:gap-6 sm:w-96",children:O.map((function(e){var i;return(0,S.jsx)("div",{className:"flex flex-col",children:(0,S.jsx)("div",{className:"w-14 mx-auto p-1.5 rounded-md ".concat(z&&Object.values(z).some((function(i){return i.id===e.id}))?"bg-gradient-to-t from-green-800 to-indigo-600":"bg-gradient-to-t from-neutral-800 to-neutral-700"),children:(0,S.jsx)(o(),{src:z&&z.some((function(i){return i.id===e.id}))&&(null===(i=z.find((function(i){return i.id===e.id})))||void 0===i?void 0:i.image)||e.image,width:"90%",height:"90%",layout:"responsive",objectFit:"contain",className:"rounded-sm ".concat(z&&Object.values(z).some((function(i){return i.id===e.id}))?"opacity-100":"opacity-50 filter grayscale"),alt:e.name})})},e.id)}))})}),(0,S.jsx)("div",{className:"pt-10 sm:pt-20 sm:w-4/5 sm:mx-auto",children:(0,S.jsxs)("div",{className:"p-4 text-sm text-white rounded shadow-lg bg-neutral-800",children:[(0,S.jsxs)("div",{className:"flex items-center text-lg font-semibold",children:[(0,S.jsx)(u.iih,{className:"inline-block mr-2 text-green-300"}),"Want to issue your own badges?"]}),(0,S.jsxs)("div",{className:"pt-2 leading-relaxed text-md",children:[(0,S.jsx)("span",{children:(0,S.jsx)(c(),{href:"/pricing",children:(0,S.jsx)("a",{className:"font-semibold text-green-300 hover:text-white",children:"See Organization pricing"})})})," ","for creating badges people truly love."]})]})})]})]}),(0,S.jsx)("div",{className:"absolute inset-x-0 bottom-0 text-center",children:(0,S.jsx)("span",{id:"balloonsReward"})})]})}},42711:function(e,i,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/hacktoberfest2023/userbadge/[id]",function(){return t(41862)}])},18689:function(e,i,t){"use strict";function n(e={},i=null,t=[]){for(let[n,l]of Object.entries(e))a(t,s(i,n),l);return t}function s(e,i){return e?e+"["+i+"]":i}function a(e,i,t){if(Array.isArray(t))for(let[n,l]of t.entries())a(e,s(i,n.toString()),l);else t instanceof Date?e.push([i,t.toISOString()]):"boolean"==typeof t?e.push([i,t?"1":"0"]):"string"==typeof t?e.push([i,t]):"number"==typeof t?e.push([i,`${t}`]):null==t?e.push([i,""]):n(t,i,e)}function l(e){var i;let t=null!=(i=null==e?void 0:e.form)?i:e.closest("form");if(t)for(let n of t.elements)if("INPUT"===n.tagName&&"submit"===n.type||"BUTTON"===n.tagName&&"submit"===n.type||"INPUT"===n.nodeName&&"image"===n.type)return void n.click()}t.d(i,{g:function(){return l},t:function(){return n}})}},function(e){e.O(0,[3365,56,2422,9925,9669,9238,3775,2825,9774,2888,179],(function(){return i=42711,e(e.s=i);var i}));var i=e.O();_N_E=i}]);