(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4305],{48686:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/rest-api",function(){return a(6289)}])},32786:function(e,t,a){"use strict";var r=a(85893),s=a(67294),i=a(43720);t.Z=e=>{let{title:t,description:a,icon:n,size:l="m",trailing:o,...c}=e;return(0,r.jsxs)("div",{...c,className:"".concat(c.className," ").concat({s:"px-3 py-2",m:"px-6 py-4",l:"px-8 py-5"}[l]," bg-slate-150 rounded-2xl text-slate-700 flex items-center gap-2"),children:[n?(0,s.cloneElement)(n,{className:"".concat(n.props.className," w-4 h-4 shrink-0")}):(0,r.jsx)(r.Fragment,{}),(0,r.jsxs)("div",{children:[t&&(0,r.jsx)(i.Z,{variant:"subtitle2",className:"mb-1 block",children:t}),(0,r.jsx)(i.Z,{variant:"caption",children:a})]}),o&&o]})}},6289:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return rest_api}});var r=a(85893),s=a(58763),i=a(54465),n=a(84053),l=a(67294),o=a(86501),c=a(43720),components_ApiKeyTable=e=>{let{apiKeys:t}=e;return(0,r.jsx)("div",{className:"overflow-x-auto mt-2 mb-4",children:(0,r.jsx)("div",{className:"overflow-hidden border-slate-200 rounded-xl",children:(0,r.jsxs)("table",{className:"min-w-full bg-white",children:[(0,r.jsx)("thead",{children:(0,r.jsxs)("tr",{className:"border-b border-slate-200",children:[(0,r.jsx)("th",{className:"text-start p-4",children:(0,r.jsx)(c.Z,{variant:"subtitle3",children:"Key"})}),(0,r.jsx)("th",{className:"text-start p-4",children:(0,r.jsx)(c.Z,{variant:"subtitle3",children:"Created"})})]})}),(0,r.jsx)("tbody",{children:t.map(e=>(0,r.jsxs)("tr",{className:"even:bg-slate-50",children:[(0,r.jsx)("td",{className:"p-4 text-slate-600",children:e.key}),(0,r.jsx)("td",{className:"p-4 text-slate-600",children:new Date(e.createdAt).toLocaleString()})]},e.id))})]})})})},d=a(233),A=a(72463),h=a(78622),p=a(32786),u=a(30202),m=a(78551);let useApiKeys=()=>{let e=(0,n.useSupabaseClient)();(0,u.NL)();let t=(0,n.useSession)(),a=null==t?void 0:t.user.id,{isLoading:r,error:s,data:i}=(0,m.a)({queryKey:["api-keys",a],queryFn:async()=>{if(null==t?void 0:t.user.id)return e.from("api_keys").select("*").eq("user_id",t.user.id).then(e=>{if(e.error)throw e.error;if(!e.data)throw Error("Author's api keys not found");return e.data.map(e=>deserializeApiKey(e))})}});return{isLoading:r,apiKeys:i}},deserializeApiKey=e=>({id:e.id,createdAt:e.created_at,userId:e.user_id,key:e.key,hourlyRateLimit:e.hourly_rate_limit,apiVersion:e.api_version});var rest_api=e=>{let{...t}=e,[a,u]=(0,l.useState)(!1),m=(0,n.useSession)(),{apiKeys:g,isLoading:x}=useApiKeys(),handleCreateApiKey=async()=>{try{u(!0);let e=await fetch("".concat("https://api.klap.app","/billing/subscription"),{method:"POST",headers:{"Content-Type":"application/json",Authorization:"Bearer ".concat(null==m?void 0:m.access_token)},body:JSON.stringify({plan:"metered-api"})}),t=await e.json();await openStripeCheckoutPage(t.session_id)}catch(e){o.ZP.error("Failed to create API key. Please try again.")}finally{u(!1)}},openStripeCheckoutPage=async e=>{let t=await (0,i.J)("pk_live_51NE64kJ9Xk7Inalc7MCBqYr5BLu5aitBCFZkLpwz0dUgR4x3XhECvcYuR6IFmFxbP2uHGXNHywt8Wcar19dIKoQg00kDxqP9Jo");if(!t){(0,o.ZP)("Failed to load payment system");return}let{error:a}=await t.redirectToCheckout({sessionId:e});a&&o.ZP.error("Payment system error. Please try again.")},w=(null==g?void 0:g.filter(e=>1===e.apiVersion))||[],y=(null==g?void 0:g.filter(e=>2===e.apiVersion))||[];return(0,r.jsxs)("main",{...t,className:"bg-slate-50 min-h-screen ".concat(t.className),children:[(0,r.jsx)(h.Z,{}),(0,r.jsxs)("div",{className:"max-w-3xl mx-auto py-8 px-3 min-h-screen",children:[(0,r.jsx)(c.Z,{variant:"h3",children:"API"}),(0,r.jsx)(c.Z,{variant:"body2",className:"mt-6 block text-slate-600",children:"Integrate Klap video repurposing, captioning, and reframing capabilities into your product or workflow using Klap public REST API."}),(0,r.jsxs)("div",{className:"flex gap-2 mt-6",children:[(0,r.jsx)("a",{href:"https://docs.klap.app",className:"text-violet-600 no-underline",target:"_blank",children:(0,r.jsx)(d.Z,{size:"m",label:"Documentation",variant:"secondary",trailing:(0,r.jsx)(s.Z,{className:"w-4 h-4"})})}),(0,r.jsx)("a",{href:"https://www.typescriptlang.org/play/?target=9#code/MYewdgzgLgBAggBQJIH0CqAlAMjAvDAIgAsooAHCALgHpqBDMgSwDoBrAGweYDdGATAKYhq3AEwEA3AChQkWIlQBpAKIBNPIQA8ATxABXAE4BaBoyOsB2gHySZ4aDCQA5BGgAqKAGpIAIsoDy6NgaBDr6xryCIEaG7DbSdnIwZCDQGAIAjnoCDvh0ENpgwDAAFLGUMNAGjGAA5gA0MABGIHzaGgDeAL4AlHhWMB1SMDCyECDsAszsILUlAAYI-gDKbjAAJB0KQVhdm7Fd840tbT3SI2OwBjkpkAIadADudIywAGYCUMBEC5vbmLt9gZ2IdGkMRiMALafIitCoEJarAj1YYQogCOiCAxUQaoiGEADC4CgAjAUCMbm0ZAEBHhDDI7EYwDoUEY4GoACtxmBkXiIXA9FBYdUAF4stlgCrzABCGOuBg2W2QKBUqlBfK6KPxJ20FQAUst-E5mFUarVGG9tCUdT0tTBegkRtcoIYwDBrhBbhApiBWDAAPzum72KZc8AlPoVBAGECQxje5jXDkCYBQEpPF5XYN3ZhhsARs5SLoJS4wWqfdJZHKwPIFIqlcqVKDVOp9XADcGjewTKYzObzADiyjWf2VAL2HQO80LF3sWc9IYez1eMA+Xx+81HqHHQJBR1x+PRmIE2IqHXgguFjDFrPAUtldHliu2qsO9rtDtRYx701mJQ9XpTNALJ6BAM5Bi6BhugBIa5tyEbSMWUiJA4KTsOwyxQCBEAPHWxRlMCFSmnUjTfCmrCKJYRHNmapHosArCeHQ7DZBUdBgNobYdqikzznq3KOjAfAgAeEIevx4BLpmZYVpk2TQAR7DgbOkA-n2JR8iM8wANqbGAAiPDAPgsgIEbMFAIBYCAzKTG4jDQphLZzD0XQALowAgEyMnUioHDAjxEIwkyKmRDGUdoXR4Lg+CbKFjHMdkXTMMl8x8spMAZiu+mGdGsbxqZ-5cZUnx2dC+hpgYjQAMwAAx1TVPTgZFAVBfc-45BJYDaXF4XudF+BxUxLECOBzqukGECdYhJZzjJ+kGCZyzClAOG1oU+E1GQgqePwQhoIRTZOUVna8TAWEQH6eTLrAKRpHJ1YlAQ1DnawEAiLt0QWUYEDLRAyKiSM4yGMAAgoJEQgoI2m3bR9+3sHaIycHUeh0OW8Kkry+KQnQAAeKB8IY4p3jAABsNUfoWX7dpMv79m4+R+sA1wmXwFSbC9zD8ElHkxiDEAQGayXMNO5xnQzUkrmhGFYS6EALM9DNvezDOc3woKEMBsv-QQZC8zkAt1AQ4HfjT6nzPTF3JHr-NmkJ4ACGzHQc1zwvgRapQc5roFRYQJ4xgYRtnUQMaGcoBj+49Ft+rr1n67bbwvJMfDMEbgmljHyapgAYhMWJIHwGgc+VW1QCg-Bp9TvZ-vM6QQHo7CwDUq65yejsZymUA5+wedqyLyEqahMaZytEuwOWUCVvJabzNQ7epkrHRz53LcGPnhyjZ841LxA03IQIOMpAYsClvvh9QLlw+4etpRvCv+fUU5jRL-fh1msdVNJEvo8yRP90KTP29qCbFvt3E8a8gGLyHh3NefcB5qWrsoA+IAj62yXm3KBqZVZJRSuBU6p9kG-1Whla6yRUi-yrApPkACMErQgSAnuXQIFLywdQfBR8IBHD5N0VExtK60wWIgs+TZHwklZoqNhhCsGu1FhI2u38paYWwhpfE1CQDDwXvQsBasmE0JYRIhesichYM4fiAgXs-oI0IDHPmBtagEB4aLd2JRDEQBNDLb20Vfbh2QYHIUIcYBhwjgQQRBDVyJwEMnVOqIxpQRgC43eKFYDYybmtesEZ+iiXTjQohmUx6khPItX6JRnCuA8N4PwgQAS8NUqbauA58kLVEYqbe0xSS1CFJFFpsCrZqI7q42+BhlB0G+CUEoaCMocS4nyE2Vd+wEE2MwsAdBoRdAIDAHaC1GRQHaMsUA1x0G9MwbwTZrxtAoAgHsgQ68HH9xgLQOJSCj5B3uG8Rg2Ibo0I-oPQ5NYenqO0jVVyosT6PMId-CRF8O5jN0ZogwZc+BP10fwap4xan9hCU84S+lHYuJNAYYAkNgRJT7khKQyT8yFiAA",className:"text-violet-600 no-underline",target:"_blank",children:(0,r.jsx)(d.Z,{size:"m",label:"Code example",variant:"flat",trailing:(0,r.jsx)(s.Z,{className:"w-4 h-4"})})})]}),(0,r.jsx)(c.Z,{variant:"subtitle1",className:"mt-12 block",children:"Keys"}),0==y.length&&w.length>0?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(p.Z,{title:"Deprecated",description:"v1 API keys are deprecated. Please upgrade to v2 API keys.",className:"mt-2",trailing:(0,r.jsx)(d.Z,{size:"m",label:"New API Key",className:"ml-auto",onClick:handleCreateApiKey,trailing:(0,r.jsx)(c.Z,{variant:"overline",className:"text-slate-400",children:"v2"})})}),(0,r.jsx)(components_ApiKeyTable,{apiKeys:w.slice(0,1)})]}):y.length>0?(0,r.jsx)(components_ApiKeyTable,{apiKeys:y}):(0,r.jsx)(d.Z,{className:"mt-2",size:"m",label:"New API Key",onClick:handleCreateApiKey})]}),(0,r.jsx)(A.Z,{})]})}},39514:function(e,t,a){"use strict";var r=a(67294);let s=r.forwardRef(function({title:e,titleId:t,...a},s){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15m3 0 3-3m0 0-3-3m3 3H9"}))});t.Z=s},13658:function(e,t,a){"use strict";var r=a(67294);let s=r.forwardRef(function({title:e,titleId:t,...a},s){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z"}))});t.Z=s},77495:function(e,t,a){"use strict";var r=a(67294);let s=r.forwardRef(function({title:e,titleId:t,...a},s){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M2.25 8.25h19.5M2.25 9h19.5m-16.5 5.25h6m-6 2.25h3m-3.75 3h15a2.25 2.25 0 0 0 2.25-2.25V6.75A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25v10.5A2.25 2.25 0 0 0 4.5 19.5Z"}))});t.Z=s},41113:function(e,t,a){"use strict";var r=a(67294);let s=r.forwardRef(function({title:e,titleId:t,...a},s){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:s,"aria-labelledby":t},a),e?r.createElement("title",{id:t},e):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z"}))});t.Z=s}},function(e){e.O(0,[2106,9258,6880,8722,9774,2888,179],function(){return e(e.s=48686)}),_N_E=e.O()}]);