https://www.runcrate.ai/_next/static/chunks/pages/slack-connect-11719e5ea40ba2de.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8497],{1702:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(28038).A)("outline","message-2","Message2",[["path",{d:"M8 9h8",key:"svg-0"}],["path",{d:"M8 13h6",key:"svg-1"}],["path",{d:"M9 18h-3a3 3 0 0 1 -3 -3v-8a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-3l-3 3l-3 -3",key:"svg-2"}]])},12722:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(28038).A)("outline","devices","Devices",[["path",{d:"M13 9a1 1 0 0 1 1 -1h6a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-6a1 1 0 0 1 -1 -1v-10",key:"svg-0"}],["path",{d:"M18 8v-3a1 1 0 0 0 -1 -1h-13a1 1 0 0 0 -1 1v12a1 1 0 0 0 1 1h9",key:"svg-1"}],["path",{d:"M16 9h2",key:"svg-2"}]])},14879:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(28038).A)("outline","robot","Robot",[["path",{d:"M6 6a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -4",key:"svg-0"}],["path",{d:"M12 2v2",key:"svg-1"}],["path",{d:"M9 12v9",key:"svg-2"}],["path",{d:"M15 12v9",key:"svg-3"}],["path",{d:"M5 16l4 -2",key:"svg-4"}],["path",{d:"M15 14l4 2",key:"svg-5"}],["path",{d:"M9 18h6",key:"svg-6"}],["path",{d:"M10 8v.01",key:"svg-7"}],["path",{d:"M14 8v.01",key:"svg-8"}]])},26324:(e,t,a)=>{"use strict";a.d(t,{k5:()=>d});var r=a(72223),n={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},s=r.createContext&&r.createContext(n),l=["attr","size","title"];function i(){return(i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(this,arguments)}function o(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,r)}return a}function c(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?o(Object(a),!0).forEach(function(t){var r,n,s;r=e,n=t,s=a[t],(n=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var a=e[Symbol.toPrimitive];if(void 0!==a){var r=a.call(e,t||"default");if("object"!=typeof r)return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(n))in r?Object.defineProperty(r,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):r[n]=s}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):o(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}function d(e){return t=>r.createElement(u,i({attr:c({},e.attr)},t),function e(t){return t&&t.map((t,a)=>r.createElement(t.tag,c({key:a},t.attr),e(t.child)))}(e.child))}function u(e){var t=t=>{var a,{attr:n,size:s,title:o}=e,d=function(e,t){if(null==e)return{};var a,r,n=function(e,t){if(null==e)return{};var a={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(t.indexOf(r)>=0)continue;a[r]=e[r]}return a}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r<s.length;r++)a=s[r],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}(e,l),u=s||t.size||"1em";return t.className&&(a=t.className),e.className&&(a=(a?a+" ":"")+e.className),r.createElement("svg",i({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,d,{className:a,style:c(c({color:e.color||t.color},t.style),e.style),height:u,width:u,xmlns:"http://www.w3.org/2000/svg"}),o&&r.createElement("title",null,o),e.children)};return void 0!==s?r.createElement(s.Consumer,null,e=>t(e)):t(n)}},64740:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/slack-connect",function(){return a(94981)}])},65566:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(28038).A)("outline","flask","Flask",[["path",{d:"M9 3l6 0",key:"svg-0"}],["path",{d:"M10 9l4 0",key:"svg-1"}],["path",{d:"M10 3v6l-4 11a.7 .7 0 0 0 .5 1h11a.7 .7 0 0 0 .5 -1l-4 -11v-6",key:"svg-2"}]])},94981:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>m});var r=a(1503),n=a(72223),s=a(18045),l=a(13432),i=a(6919),o=a(81194),c=a(84593),d=a(99036);let u=[.25,.1,.25,1];

1function m(){let[e,t]=(0,n.useState)(""),[a,m]=(0,n.useState)(""),[h,p]=(0,n.useState)(!1),[g,x]=(0,n.useState)(!1),[f,v]=(0,n.useState)(null),b=async r=>{r.preventDefault();let n=a.split(/[,\n]/).map(e=>e.trim()).filter(e=>""!==e);if(!e.trim())return void d.oR.error("Please enter a channel name");if(0===n.length)return void d.oR.error("Please add at least one email address");try{p(!0);let a=await fetch("/api/slack-connect",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({channelName:e.trim(),emails:n})}),r=await a.json();if(!a.ok)throw Error(r.error||"Failed to create Slack Connect channel");x(!0),v({channelName:r.channelName,channelId:r.channelId}),r.inviteResults&&r.inviteResults.filter(e=>!e.success).forEach(e=>{d.oR.error(`Failed to invite ${e.email}: ${e.error}`)}),t(""),m("")}catch(t){let e=t instanceof Error?t.message:"Failed to submit request. Please try again.";console.error("Error creating Slack Connect channel:",t),d.oR.error(e)}finally{p(!1)}};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.k,{title:"Slack Connect",description:"Create a dedicated Slack Connect channel for your organization and collaborate directly with the Runcrate team."}),(0,r.jsxs)("div",{className:"min-h-screen bg-background text-foreground",children:[(0,r.jsx)(l.F,{}),(0,r.jsx)("section",{className:"relative py-20 md:py-28",children:(0,r.jsx)("div",{className:"container mx-auto px-4 max-w-7xl",children:(0,r.jsxs)(c.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6},children:[(0,r.jsx)("p",{className:"text-2xs font-semibold uppercase tracking-widest text-muted-foreground mb-3",children:"Slack Connect"}),(0,r.jsx)("h1",{className:"text-5xl md:text-6xl lg:text-7xl font-medium tracking-tight leading-[1.1]",children:(0,r.jsx)("span",{className:"bg-gradient-to-b from-foreground via-foreground/80 to-foreground/60 bg-clip-text text-transparent",children:"Let's collaborate."})})]})})}),(0,r.jsxs)("section",{className:"relative pb-32",children:[(0,r.jsx)("div",{className:"container mx-auto px-4 max-w-7xl",children:(0,r.jsx)(c.P.div,{initial:{opacity:0,y:40},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,ease:u},children:(0,r.jsxs)("div",{className:"grid lg:grid-cols-[1fr_1.4fr] gap-16 lg:gap-24",children:[(0,r.jsxs)("div",{className:"lg:sticky lg:top-32 lg:self-start",children:[(0,r.jsx)("p",{className:"text-base text-muted-foreground leading-relaxed mb-10 max-w-sm",children:"Create a dedicated Slack Connect channel for your organization and collaborate directly with our team."}),(0,r.jsx)("div",{className:"space-y-4 mb-12",children:["Direct line to our engineering team","Real-time support & troubleshooting","Priority feature requests"].map(e=>(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)(o.Jl,{className:"w-4 h-4 text-green-500 flex-shrink-0",strokeWidth:2}),(0,r.jsx)("span",{className:"text-sm text-foreground/60",children:e})]},e))}),(0,r.jsxs)("div",{className:"flex items-center gap-3 py-4 border-t border-edge-subtle",children:[(0,r.jsxs)("svg",{width:"28",height:"28",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:"opacity-60",children:[(0,r.jsx)("path",{d:"M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zM6.313 15.165a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313z",fill:"#E01E5A"}),(0,r.jsx)("path",{d:"M8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zM8.834 6.313a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312z",fill:"#36C5F0"}),(0,r.jsx)("path",{d:"M18.956 8.834a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zM17.688 8.834a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312z",fill:"#2EB67D"}),(0,r.jsx)("path",{d:"M15.165 18.956a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zM15.165 17.688a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165

1a2.528 2.528 0 0 1-2.522 2.523h-6.313z",fill:"#ECB22E"})]}),(0,r.jsx)("span",{className:"text-sm text-muted-foreground",children:"Powered by Slack Connect"})]})]}),g?(0,r.jsxs)(c.P.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"flex flex-col items-center justify-center py-16 text-center",children:[(0,r.jsx)("div",{className:"w-16 h-16 rounded-full bg-green-500/10 flex items-center justify-center mb-6",children:(0,r.jsx)(o.Jl,{className:"w-8 h-8 text-green-500/70"})}),(0,r.jsx)("h2",{className:"text-2xl font-medium text-foreground mb-2",children:"Channel Created"}),(0,r.jsxs)("p",{className:"text-base text-muted-foreground max-w-md",children:["Your Slack Connect channel ",(0,r.jsxs)("span",{className:"text-foreground font-medium",children:["#",f?.channelName]})," has been created and invitations have been sent."]})]}):(0,r.jsxs)("form",{onSubmit:b,className:"space-y-0",children:[(0,r.jsxs)("div",{className:"border-b border-edge-subtle py-5",children:[(0,r.jsx)("label",{className:"text-2xs uppercase tracking-widest text-muted-foreground block mb-2",children:"Channel name *"}),(0,r.jsx)("input",{type:"text",value:e,onChange:e=>t(e.target.value),className:"w-full bg-transparent text-foreground text-base outline-none placeholder:text-muted-foreground/50",placeholder:"e.g., acme-runcrate-support",disabled:h,required:!0}),(0,r.jsx)("p",{className:"text-xs text-muted-foreground mt-2",children:"Choose a name that identifies your organization"})]}),(0,r.jsxs)("div",{className:"border-b border-edge-subtle py-5",children:[(0,r.jsx)("label",{className:"text-2xs uppercase tracking-widest text-muted-foreground block mb-2",children:"Team member emails *"}),(0,r.jsx)("textarea",{value:a,onChange:e=>m(e.target.value),placeholder:"[email protected], [email protected]",rows:3,className:"w-full bg-transparent text-foreground text-base outline-none placeholder:text-muted-foreground/50 resize-none",disabled:h}),(0,r.jsx)("p",{className:"text-xs text-muted-foreground mt-2",children:"Separate emails with commas or new lines"})]}),(0,r.jsx)("div",{className:"pt-8",children:(0,r.jsx)("button",{type:"submit",disabled:h,className:"inline-flex items-center justify-center gap-2 rounded-full bg-foreground text-background px-12 py-3.5 text-sm font-semibold hover:bg-foreground

1/90 transition-all disabled:opacity-30 disabled:pointer-events-none",children:h?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.kr,{className:"h-4 w-4 animate-spin"}),"Creating Channel..."]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(o.Vn,{className:"h-4 w-4"}),"Create Channel & Send Invites"]})})})]})]})})}),(0,r.jsx)("div",{className:"absolute bottom-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-border to-transparent"})]}),(0,r.jsx)(i.w,{})]})]})}}},e=>{e.O(0,[8220,6131,5974,636,6593,8792],()=>e(e.s=64740)),_N_E=e.O()}]);