https://www.holopin.io/_next/static/chunks/pages/integrations-95f6ce8f1cc0ff45.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[710],{86010:function(e,t,n){"use strict";function i(e){var t,n,s="";if("string"===typeof e||"number"===typeof e)s+=e;else if("object"===typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(n=i(e[t]))&&(s&&(s+=" "),s+=n);else for(t in e)e[t]&&(s&&(s+=" "),s+=t);return s}function s(){for(var e,t,n=0,s="";n<arguments.length;)(e=arguments[n++])&&(t=i(e))&&(s&&(s+=" "),s+=t);return s}n.d(t,{Z:function(){return s}})},56348:function(e,t,n){"use strict";var i=n(59499),s=n(4730),a=(n(67294),n(86010)),o=n(37437),r=n.n(o),l=n(85893),c=["children","variant","iconOnly","icon","className"];function u(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}t.Z=function(e){var t=e.children,n=e.variant,o=void 0===n?"primary":n,u=e.iconOnly,m=void 0!==u&&u,f=e.icon,h=void 0===f?null:f,p=e.className,b=void 0===p?"":p,x=(0,s.Z)(e,c);return(0,l.jsxs)("button",d(d({},x),{},{className:(0,a.Z)(r().button,r()[o],(0,i.Z)({},r().disabled,x.disabled))+" ".concat(b),children:[m?h:null,!m&&t]}))}},84256:function(e,t,n){"use strict";n(67294);var i=n(9008),s=n.n(i),a=n(41336),o=n(78186),r=n(83047),l=n(85893);t.Z=function(e){var t=e.title,n=void 0===t?null:t,i=e.description,c=void 0===i?"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.":i,u=e.children,d=e.navbar,m=void 0===d||d,f=e.contentStyle,h=e.contentClassName,p=e.noVerify,b=void 0!==p&&p;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(s(),{children:[(0,l.jsx)("title",{children:n?"".concat(n," | Holopin"):"Holopin"}),(0,l.jsx)("meta",{name:"description",content:c}),(0,l.jsx)("meta",{name:"keywords",content:"digital badges, skills, achievements, GitHub, GitLab, social media, recognition, validation, open badges"}),(0,l.jsx)("meta",{name:"author",content:"Holopin"}),(0,l.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,l.jsx)("link",{rel:"canonical",href:"https://www.holopin.io"}),(0,l.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,l.jsxs)("div",{className:"relative flex flex-col items-stretch min-h-screen bg-neutral-850",style:{zIndex:0,background:"transparent"},children:[m&&(0,l.jsx)(o.Z,{}),!b&&(0,l.jsx)(r.Z,{}),(0,l.jsx)("div",{style:f,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:u})]}),(0,l.jsx)("div",{className:"w-full mt-60",children:(0,l.jsx)(a.Z,{})})]})}},83047:function(e,t,n){"use strict";var i=n(50029),s=n(87794),a=n.n(s),o=n(67294),r=n(33299),l=n(11163),c=n(85893);t.Z=function(){var e,t=(0,l.useRouter)(),n=(0,r.useSession)(),s=n.data,u=(n.status,(0,o.useState)("init")),d=u[0],m=u[1];if(t.query.verified)return(0,c.jsx)("div",{className:"w-full h-12 px-2 mt-16 text-center bg-blue-300 sm:h-8",children:(0,c.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,c.jsx)("p",{className:"text-xs font-semibold text-black sm:text-sm",children:"Thanks! Your email has been verified."})})});var f=null===s||void 0===s||null===(e=s.user)||void 0===e?void 0:e.emailVerified,h=function(){var e=(0,i.Z)(a().mark((function e(){return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return m("loading"),e.next=3,fetch("/api/auth/verify",{method:"POST"});case 3:if(200!==e.sent.status){e.next=7;break}return m("success"),e.abrupt("return");case 7:m("error");case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,c.jsx)(c.Fragment,{children:!1===f&&(null===s||void 0===s?void 0:s.user)&&(0,c.jsx)("div",{className:"w-full h-12 px-2 mt-16 text-center bg-blue-300 sm:h-8",children:(0,c.jsx)("div",{className:"flex items-center justify-center h-full",children:(0,c.jsxs)("p",{className:"text-xs font-semibold text-black sm:text-sm",children:["Please verify your email address."," ","init"==d&&(0,c.jsx)("a",{className:"underline cursor-pointer",onClick:h,children:"Re-send verification email"}),"loading"==d&&(0,c.jsx)("span",{className:"text-xs font-semibold text-black sm:text-sm",children:"Sending..."}),"success"==d&&(0,c.jsx)("span",{className:"text-xs font-semibold text-black sm:text-sm",children:"Verification email sent!"}),"error"==d&&(0,c.jsx)("span",{className:"text-xs font-semibold text-black sm:text-sm",children:"Error sending verification email. Please try again."})]})})})})}},9433:function(e,t,n){"use strict";n.r(t);n(67294);var i=n(25675),s=n.n(i),a=n(56348),o=n(84256),r=n(85893),l=[{name:"GitHub",description:"The Holopin GitHub bot lets you issue badges automatically based on labels and comments.",image:"/images/integrations/github.png",link:"https://github.com/marketplace/holopin",buttonText:"View on GitHub Marketplace",available:!0},{name:"Discord",description:"The bot lets you fetch user's badges and badge boards by their Holopin username",image:"/images/integrations/discord.png",link:"https://discord.com/api/oauth2/authorize?client_id=1028689749688463383&permissions=0&scope=applications.commands%20bot",buttonText:"Install",available:!0},{name:"Raycast",description:"Raycast users can use the Holopin extension to display their badges and badge boards in Raycast.",author:"timoransky",image:"/images/integrations/raycast.png",link:"https://www.raycast.com/timoransky/holopin",buttonText:"View on Raycast",available:!0},{name:"Microsoft Power Platform",description:"Use the Power Platform Connector lets you issue badges and holobytes using Power Automate and custom Power Apps.",image:"/images/integrations/powerplatform.png",author:"troystaylor",link:"https://learn.microsoft.com/en-us

1/connectors/holopinip/",buttonText:"View on Microsoft Learn",available:!0},{name:"Slack",description:"Display and issue badges & holobytes in Slack using the Holopin Slack bot.",image:"/images/integrations/slack.png",link:"/integrations/slack",buttonText:"Add to Slack",available:!0}];t.default=function(){return(0,r.jsxs)(o.Z,{title:"Holopin Integrations",children:[(0,r.jsx)("h1",{className:"mb-4 text-3xl font-bold text-center  sm:text-6xl sm:mb-10",children:"Holopin Integrations"}),(0,r.jsxs)("div",{className:"max-w-3xl mx-auto",children:[(0,r.jsx)("h2",{className:"mb-4 text-center text-neutral-300 sm:text-base",children:"In addition to the Holopin API which lets you build your own integrations, Holopin has a variety of official & community built apps to help you get the most out of badges and rewards."}),(0,r.jsxs)("p",{className:"mb-4 text-center text-neutral-300 sm:text-base sm:mb-10",children:["Want to suggest an integration, or see your app listed here?"," ",(0,r.jsx)("a",{href:"mailto:[email protected]",children:(0,r.jsx)("span",{className:"font-semibold text-green-300 cursor-pointer hover:text-green-100",children:"Let's chat!"})})]})]}),(0,r.jsx)("div",{className:"flex flex-wrap justify-around max-w-6xl mx-auto gap-3",children:l.map((function(e){return(0,r.jsxs)("div",{className:"flex flex-col items-center justify-center w-full p-4 mb-4 text-center rounded-lg bg-neutral-800 sm:w-1/3 relative",children:[!e.available&&(0,r.jsx)("div",{className:"absolute left-0 right-0 flex items-center justify-center ml-auto mr-auto text-5xl font-bold text-white z-5",children:"Coming soon"}),(0,r.jsx)("div",{className:"flex items-center justify-center h-32 mb-4 w-80",children:(0,r.jsx)(s(),{src:e.image,alt:e.name,width:200,height:200,className:"".concat(!e.available&&"opacity-20")})}),(0,r.jsxs)("div",{className:"".concat(!e.available&&"opacity-20"),children:[(0,r.jsx)("h3",{className:"mb-2 text-xl font-bold",children:e.name}),(0,r.jsx)("p",{className:"mb-4 text-sm text-gray-400",children:e.description}),(0,r.jsx)("a",{href:e.link,children:(0,r.jsx)(a.Z,{disabled:!e.available,children:e.buttonText})})]})]},e.name)}))})]})}},78348:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/integrations",function(){return n(9433)}])},37437:function(e){e.exports={button:"Button_button__PjVhE",secondary:"Button_secondary__2SNo1",primary:"Button_primary___XGO6",close:"Button_close__pPp_W",disabled:"Button_disabled__063Xs",hold:"Button_hold__WeACw",social:"Button_social__EF7MJ",ghost:"Button_ghost__CPfYf",subtle:"Button_subtle__3cV3v",outline:"Button_outline__EsWgH",danger:"Button_danger__gw1OL",purple:"Button_purple__dIsBv",marketing:"Button_marketing__BSg_s",marketing2:"Button_marketing2__Y2Q_0","no-border":"Button_no-border__dojA4"}},50029:function(e,t,n){"use strict";function i(e,t,n,i,s,a,o){try{var r=e[a](o),l=r.value}catch(c){return void n(c)}r.done?t(l):Promise.resolve(l).then(i,s)}function s(e){return function(){var t=this,n=arguments;return new Promise((function(s,a){var o=e.apply(t,n);function r(e){i(o,s,a,r,l,"next",e)}function l(e){i(o,s,a,r,l,"throw",e)}r(void 0)}))}}n.d(t,{Z:function(){return s}})},4730:function(e,t,n){"use strict";function i(e,t){if(null==e)return{};var n,i,s=function(e,t){if(null==e)return{};var n,i,s={},a=Object.keys(e);for(i=0;i<a.length;i++)n=a[i],t.indexOf(n)>=0||(s[n]=e[n]);return s}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)n=a[i],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(s[n]=e[n])}return s}n.d(t,{Z:function(){return i}})}},function(e){e.O(0,[56,3775,9774,2888,179],(function(){return t=78348,e(e.s=t);var t}));var t=e.O();_N_E=t}]);