https://jigsawstack.ai/_next/static/chunks/5401.23193334a380db49.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5401],{55558:function(e,r,l){var o=l(11121),n=l(14295),i=l(61629),t=l(37586),s=l(19162),a=l(15356),d=l(63202);let u=(0,d.forwardRef)((e,r)=>{let{renderLeftElement:l,renderRightElement:d,leftElementWrapperProps:u,rightElementWrapperProps:c,label:p,disableAnimation:m,...f}=e;return(0,o.jsxs)(n.k,{flexDir:"column",w:"100%",children:[p&&(0,o.jsx)(i.x,{mb:"0.5rem",children:p}),(0,o.jsxs)(t.B,{children:[l&&(0,o.jsx)(s.Z,{pointerEvents:"none",...u,children:l}),(0,o.jsx)(a.I,{ref:r,borderWidth:"1px",borderRadius:"lg",borderColor:"bg.200",bgColor:"bg.600",size:"sm",color:"white",transition:"all 250ms ease",py:"1.2rem",_placeholder:{color:"bg.200"},_focus:{transform:m?"none":"translate(0,-2px); scale(1.02);",outline:"none",borderColor:"bg.100",boxShadow:"none"},_hover:{borderColor:"bg.100"},...f}),d&&(0,o.jsx)(s.x,{pointerEvents:"none",...c,children:d})]})]})});u.displayName="Input",r.Z=(0,d.memo)(u)},21902:function(e,r,l){var o=l(11121),n=l(34733),i=l(14295),t=l(29966),s=l(63202),a=l(89072),d=l(34077);r.Z=(0,s.memo)(e=>{let{options:r,value:l,onChange:u,isMulti:c=!1,placeholder:p="Select...",isClearable:m=!0,isSearchable:f=!0,isDisabled:h=!1,isLoading:v=!1,error:x=!1,errorMessage:g,wrapperProps:j}=e,[b,y]=(0,s.useState)(null),[w,C,S,Z,R,k,P,I]=(0,n.dQ)("colors",["bg.600","white","bg.200","bg.100","bg.400","white","red.500","bg.200"]);return(0,s.useEffect)(()=>{void 0!==l&&(c&&Array.isArray(l)?y(l.map(e=>r.find(r=>r.value===e)).filter(e=>!!e)):c||"string"!=typeof l?y(null):y(r.find(e=>e.value===l)||null))},[l,r,c]),(0,o.jsxs)(i.k,{position:"relative",w:"200px",flexDir:"column",...j,children:[(0,o.jsx)(d.ZP,{classNamePrefix:"react-select",options:r,value:void 0!==l?c&&Array.isArray(l)?l.map(e=>r.find(r=>r.value===e)).filter(e=>!!e):c||"string"!=typeof l?null:r.find(e=>e.value===l)||null:b,onChange:(e,r)=>{y(e),u&&(c?u((null==e?void 0:e.map(e=>e.value))||[],r):u((null==e?void 0:e.value)||null,r))},isMulti:c,placeholder:p,isClearable:m,isSearchable:f,isDisabled:h,isLoading:v,styles:{control:(e,r)=>({...e,backgroundColor:w,borderColor:x?P:S,borderWidth:"1px",borderRadius:"0.5rem",boxShadow:"none",overflow:"hidden",transition:"all 250ms ease",height:(null==j?void 0:j.height)||"2.4rem","&:hover":{borderColor:Z},"&:focus-within":{transform:"translate(0,-2px) scale(1.02)",borderColor:Z,boxShadow:"none"}}),option:(e,r)=>({...e,backgroundColor:r.isSelected?R:w,color:r.isSelected?k:C,padding:"0.5rem 1rem",fontSize:"0.875rem",borderRadius:"0.5rem","&:hover":{backgroundColor:Z}}),singleValue:e=>({...e,color:C}),multiValue:e=>({...e,backgroundColor:R,borderRadius:"0.3rem",color:k}),multiValueLabel:e=>({...e,color:k,overflow:"hidden",textOverflow:"",whiteSpace:"nowrap"}),multiValueRemove:e=>({...e,color:k,"&:hover":{backgroundColor:"transparent",color:P}}),menu:e=>({...e,backgroundColor:w,borderColor:S,borderWidth:"1px",borderRadius:"0.5rem",boxShadow:"none",marginTop:"0.5rem"}),menuList:e=>({...e,padding:"0.25rem",maxHeight:"300px"}),placeholder:e=>({...e,color:I}),input:e=>({...e,width:"0",color:C}),dropdownIndicator:e=>({...e,color:C,padding:"0",margin:"0",paddingRight:"0.3rem","&:hover":{color:Z}}),clearIndicator:e=>({...e,padding:"0",margin:"0",width:"15px",height:"15px",justifyContent:"center",alignItems:"center",color:C}),valueContainer:e=>({...e,paddingRight:"0rem",overflow:"hidden",display:"flex",flexWrap:"nowrap"})},components:{IndicatorSeparator:()=>null,MultiValueContainer:c?e=>{let{children:r,data:l,innerProps:n,selectProps:t,...s}=e,d=t.value||[],u=d.indexOf(l),c=d.length-3;return u>=3?null:(0,o.jsxs)(a.c.MultiValueContainer,{...s,data:l,innerProps:n,children:[r,2===u&&c>0&&(0,o.jsxs)(i.k,{as:"span",ml:1,px:2,bg:R,color:k,borderRadius:"0.3rem",fontSize:"0.8rem",alignItems:"center",justifyContent:"center",children:["+",c]})]})}:void 0},menuPortalTarget:"undefined"!=typeof document?document.body:void 0,menuPosition:"fixed",hideSelectedOptions:!1}),x&&g&&(0,o.jsx)(t.x,{color:P,fontSize:"sm",mt:1,children:g})]})})},38646:function(e,r,l){l.d(r,{Z:function(){return m}});var o=l(11121),n=l(95307),i=l(14295),t=l(36681),s=l(26369),a=l(41514),d=l(29966),u=l(19771),c=l(42503),p=e=>{let{tip:r}=e;return(0,o.jsx)(a.u,{color:"white",hasArrow:!0,label:r,placement:"top",fontSize:"md",children:(0,o.jsx)(d.x,{ml:"0.3rem",as:"span",children:(0,o.jsx)(u.J,{as:c.Z})})})},m=(0,l(63202).memo)(e=>{let{errors:r,fieldKey:l,label:a,helperText:d,wrapperProps:u,required:c,tooltip:m,children:f}=e,h=(l.includes(".")?l.split("."):[l]).reduce((e,r)=>null==e?void 0:e[r],r),v=null==h?void 0:h.message;return(0,o.jsxs)(n.NI,{as:i.k,flexFlow:"column",mb:"1rem",...u,isRequired:c,isInvalid:v,children:[a&&(0,o.jsxs)(t.l,{color:"white",mb:"0.5rem",fontSize:"sm",children:[a,m&&(0,o.jsx)(p,{tip:m})]}),f,v?(0,o.jsx)(s.J1,{children:v}):(0,o.jsx)(o.Fragment,{children:d&&(0,o.jsx)(n.Q6,{children:d})})]})})},16929:function(e,r,l){var o=l(11121),n=l(21902),i=l(63202),t=l(65544),s=l(38646);r.Z=(0,i.memo)(e=>{let{inputProps:r,control:l,fieldKey:i,options:a}=e;return(0,o.jsx)(s.Z,{...e,children:(0,o.jsx)(t.Qr,{control:l,name:i,render:e=>

1{let{field:{onChange:l,onBlur:i,value:t}}=e;return(0,o.jsx)(n.Z,{...r,options:a,value:t,onChange:e=>{l(e)}})}})})})},18103:function(e,r,l){var o=l(11121),n=l(2177),i=l(63202),t=l(65544),s=l(38646);r.Z=(0,i.memo)(e=>{let{inputProps:r,control:l,fieldKey:i}=e;return(0,o.jsx)(s.Z,{...e,children:(0,o.jsx)(t.Qr,{control:l,name:i,render:e=>{let{field:{onChange:l,onBlur:i,value:t}}=e;return(0,o.jsx)(n.r,{...r,isChecked:t,onChange:e=>{l(e.target.checked)}})}})})})},12030:function(e,r,l){l.d(r,{Z:function(){return c}});var o=l(11121),n=l(61629),i=l(25301),t=l(63202);let s=(e,r,l)=>{(0,t.useEffect)(()=>{if(r&&e){r.style.height="0px";let e=r.scrollHeight;r.style.height=e+"px"}},[r,l,e])},a=(0,t.forwardRef)((e,r)=>{let{value:l,onChange:a,autoResize:d=!1,_before:u,_focus:c,label:p,...m}=e,f=(0,t.useRef)(null);return s(d,f.current,l),(0,o.jsxs)(o.Fragment,{children:[p&&(0,o.jsx)(n.x,{mb:"1rem",children:p}),(0,o.jsx)(i.g,{ref:e=>{f.current=e,"function"==typeof r?r(e):r&&(r.current=e)},borderWidth:"1px",borderRadius:"lg",borderColor:"bg.200",bgColor:"bg.600",color:"white",size:"sm",value:l,onChange:e=>{null==a||a(e)},_placeholder:{color:"bg.200"},_before:{transition:"all 250ms ease",...u},_hover:{borderColor:"bg.100"},_focus:{transform:"translate(0,-2px); scale(1.02);",borderColor:"bg.100",boxShadow:"none",outline:"none",zIndex:0,...c},zIndex:0,...m})]})});a.displayName="Textarea";var d=(0,t.memo)(a),u=l(38646),c=(0,t.memo)(e=>{let{inputProps:r,register:l,fieldKey:n}=e;return(0,o.jsx)(u.Z,{...e,children:(0,o.jsx)(d,{...r,...null==l?void 0:l(n)})})})},19220:function(e,r,l){var o=l(11121),n=l(55558),i=l(63202),t=l(65544),s=l(38646);r.Z=(0,i.memo)(e=>{let{inputProps:r,fieldKey:l,control:i}=e;return(0,o.jsx)(s.Z,{...e,children:(0,o.jsx)(t.Qr,{control:i,name:l,render:e=>{let{field:{onChange:l,onBlur:i,value:t}}=e;return(0,o.jsx)(n.Z,{...r,onChange:e=>l((null==r?void 0:r.type)=="number"&&e.target.value?Number.parseFloat(e.target.value):e.target.value),value:t||"",onBlur:i})}})})})},36786:function(e,r,l){var o=l(11121),n=l(14295),i=l(8993),t=l(63202),s=l(65544);let a=(0,t.forwardRef)((e,r)=>{let{schema:l,children:a,onFormSubmit:d,defaultValues:u,wrapperProps:c,defaultInputProps:p,defaultInputWrapperProps:m,watchFields:f,onWatchChange:h,validationMode:v,onFormError:x}=e,{register:g,handleSubmit:j,formState:{errors:b},control:y,setValue:w,reset:C}=(0,s.cI)({resolver:(0,i.F)(l),defaultValues:{...u},mode:v});(0,t.useImperativeHandle)(r,()=>({setValue:w,reset:C}),[]),Object.keys(b).length&&console.log("errors",b);let S=(0,s.qo)({control:y,name:f||[]});(0,t.useEffect)(()=>{let e={};if(f&&(null==f?void 0:f.length)>0&&h){for(let r=0;r<f.length;r++)e[f[r]]=S[r];null==h||h(e)}},[S]),(0,t.useEffect)(()=>{null==x||x(b)},[b,x]);let Z=e=>t.Children.map(e,e=>{if(t.isValidElement(e)){var r,l,o,n;if(null===(r=e.props)||void 0===r?void 0:r.fieldKey)return t.cloneElement(e,{register:g,control:y,errors:b,wrapperProps:{...m,...null===(o=e.props)||void 0===o?void 0:o.wrapperProps},inputProps:{...p,...null===(n=e.props)||void 0===n?void 0:n.inputProps}});if(null===(l=e.props)||void 0===l?void 0:l.children)return t.cloneElement(e,{children:Z(e.props.children)})}return e});return(0,o.jsx)(n.k,{as:"form",flexDirection:"column",...c,onSubmit:j(e=>null==d?void 0:d(e)),children:Z(a)})});a.displayName="ControlledForm",r.Z=(0,t.memo)(a)},55401:function(e,r,l){l.r(r),l.d(r,{default:function(){return N}});var o=l(11121),n=l(19647),i=l(61629),t=l(14295),s=l(22959),a=l(37553),d=l(958),u=l(48541),c=l(91322),p=l(36786),m=l(11005),f=l.n(m),h=l(42320),v=l(43961),x=l(65232),g=l(7301),j=l(58795),b=l(87351),y=l(39270),w=l(63202),C=l(33364),S=l(86430),Z=(0,w.memo)(e=>{let{maxFiles:r=1,fileTypes:l,userMediaInput:n,onChange:s,...a}=e,c=(null==a?void 0:a.files)?Array.isArray(a.files)?a.files:[a.files]:[],[p,m]=(0,w.useState)(c?c.map(e=>({file:e,localUrl:URL.createObjectURL(e)})):[]),{error:Z,status:R,mediaBlob:k,stopRecording:P,startRecording:I,liveStream:L}=f()({mediaStreamConstraints:{audio:!!["audio","video"].includes(n||""),video:"video"==n},blobOptions:{type:"audio/wav"}}),z=(0,w.useRef)(null);(0,w.useEffect)(()=>{"recording"==R&&L&&z.current&&(z.current.srcObject=L)},[L]),(0,w.useEffect)(()=>

1{if(k){let e=new File([k],"audio.wav",{type:k.type});m(r=>[...r,{file:e,localUrl:URL.createObjectURL(e)}])}},[k]),(0,w.useEffect)(()=>{m(c?c.map(e=>({file:e,localUrl:URL.createObjectURL(e)})):[])},[null==c?void 0:c[(null==c?void 0:c.length)-1]]),(0,w.useEffect)(()=>{var e;let l=r>1?p.map(e=>e.file):null==p?void 0:null===(e=p[0])||void 0===e?void 0:e.file;null==s||s(l)},[null==p?void 0:p.length]);let{getRootProps:D,getInputProps:E,isDragActive:O}=(0,C.uI)({onDrop:e=>{if(console.log("acceptedFiles",e),e.length+p.length>r)return S.ZP.error("You can only upload ".concat(r," files"));let l=e.map(e=>({file:e,localUrl:URL.createObjectURL(e)}));m(e=>[...e,...l])},accept:l,maxFiles:r}),A=e=>{let r=e.file.type;switch(!0){case r.includes("image"):return(0,o.jsx)(u.Z,{objectFit:"cover",src:e.localUrl,alt:"file"});case r.includes("video"):return(0,o.jsx)("video",{src:e.localUrl,controls:!0});case r.includes("audio"):return(0,o.jsx)("audio",{src:e.localUrl,controls:!0});default:return(0,o.jsxs)(t.k,{flex:1,flexDir:"column",alignItems:"center",justifyContent:"center",children:[(0,o.jsx)(h.Z,{as:x.Z,size:"1rem",color:"gray.400"}),(0,o.jsx)(i.x,{mt:"0.5rem",fontSize:"xs",textAlign:"center",color:"gray.400",children:e.file.type})]})}};return(0,o.jsxs)(t.k,{gap:"0.5rem",overflowX:"scroll",children:[p.length<r&&(0,o.jsxs)(t.k,{gap:"0.5rem",w:"100%",children:[(0,o.jsx)(d.Z,{h:"5rem",w:p.length>0?"5rem":"100%",cursor:"pointer",borderStyle:"dashed",borderColor:"bg.100",children:(0,o.jsxs)(t.k,{flex:1,px:"1rem",py:"1rem",justifyContent:"center",alignItems:"center",...D(),children:[(0,o.jsx)("input",{...E()}),(0,o.jsx)(i.x,{color:"gray.600",fontSize:p.length>0?"3xl":"sm",textAlign:"center",children:p.length>0?"+":"Drag 'n' drop some files here, or click to select files"})]})}),n&&(0,o.jsx)(d.Z,{onClick:()=>{"recording"===R?P():I()},bg:"recording"===R&&"audio"==n?"red.500":void 0,w:"5rem",h:"5rem",cursor:"pointer",justifyContent:"center",alignItems:"center",objectFit:"cover",children:"recording"==R&&"video"==n?(0,o.jsx)("video",{ref:z,width:"100%",height:"100%",autoPlay:!0}):(0,o.jsx)(h.Z,{as:"recording"==R?g.Z:"audio"==n?j.Z:b.Z})})]}),p.map(e=>(0,o.jsx)(t.k,{onClick:()=>{(0,v.saveAs)(e.file,e.file.name)},cursor:"pointer",w:1!=r||e.file.type.includes("audio")?"100%":"10rem",h:"5rem",children:(0,o.jsxs)(d.Z,{p:"0.5rem",w:"100%",position:"relative",justifyContent:"center",alignItems:"center",children:[A(e),(0,o.jsx)(h.Z,{as:y.Z,position:"absolute",top:"0.4rem",right:"0.3rem",size:"0.8rem",cursor:"pointer",onClick:()=>m(r=>r.filter(r=>r.file.name!==e.file.name))})]})},e.file.name))]})}),R=l(65544),k=l(38646),P=(0,w.memo)(e=>{let{inputProps:r,control:l,fieldKey:n}=e;return(0,o.jsx)(k.Z,{...e,children:(0,o.jsx)(R.Qr,{control:l,name:n,render:e=>{let{field:{onChange:l,onBlur:n,value:i}}=e;return(0,o.jsx)(Z,{...r,files:i,onChange:e=>{var o;l(e),null==r||null===(o=r.onChange)||void 0===o||o.call(r,e)}})}})})}),I=l(16929),L=l(18103),z=l(12030),D=l(19220),E=l(93371),O=l.n(E),A=l(5662),U=l(84160),_=l(37488),F=l(44592),N=(0,w.memo)(e=>{let{preview:r,documentationUrl:l,name:m}=e,f=(0,A.useRouter)(),h=(0,w.useRef)(null),{isAuth:v,selectedProject:x}=(0,U.a)(),[{result:g,type:j},b]=(0,w.useState)((null==r?void 0:r.defaultPreview)||{result:null,type:"json"}),[y,C]=(0,w.useState)(!1),Z=(null==r?void 0:r.inputFields)?(0,F.ZP)(r.inputFields):null,[R,k]=(0,w.useState)(!1);if((0,w.useEffect)(()=>{let e=localStorage.getItem("JSRateLimit");e=e?JSON.parse(e):null,k(!v&&!!e&&null!=e&&!!e[O()().format("DD-MM-YYYY")])},[!0,v]),(0,w.useEffect)(()=>{b((null==r?void 0:r.defaultPreview)||{result:null,type:"json"})},[(null==r?void 0:r.defaultPreview)?JSON.stringify(null==r?void 0:r.defaultPreview):null==r?void 0:r.defaultPreview]),(0,w.useEffect)(()=>{var e;Z&&(null===(e=h.current)||void 0===e||e.reset(Object.keys(null==Z?void 0:Z.properties).reduce((e,r)=>{var l;return e[r]=(null==Z?void 0:null===(l=Z.properties[r])||void 0===l?void 0:l.default)||void 0,e},{})))},[Z?JSON.stringify(Z):Z]),!r)return null;let{onRun:E,inputFields:N,callToAction:V,CustomReturnComponent:J}=r,Y=async e=>{e=(0,_.Nq)(e),C(!0);try{let r=await E({...e,project_id:null==x?void 0:x.id});b(r)}catch(o){var r,l;let e=(null==o?void 0:null===(l=o.error)||void 0===l?void 0:null===(r=l[0])||void 0===r?void 0:r.message)||(null==o?void 0:o.error)||(null==o?void 0:o.message)||o;(null==e?void 0:e.includes("Rate limited"))?(k(!0),localStorage.setItem("JSRateLimit",JSON.stringify({[O()().format("DD-MM-YYYY")]:!0})),S.ZP.error("Sign up to continue for free")):(e&&b({result:e,type:"json"}),console.error(o),S.ZP.error(e||"Unknown error"))}C(!1)};return(0,o.jsxs)(d.Z,{minH:"sm",p:"0.5rem",w:"100%",flexDir:"column",children:[(0,o.jsxs)(t.k,{justifyContent:"space-between",children:[(0,o.jsx)(i.x,{color:"gray.500",pb:"0.5rem",fontSize:"xs",children:"".concat(m," Preview")}),(0,o.jsx)(n.r,{href:l||"",children:(0,o.jsx)(i.x,{fontSize:"xs",color:"primary.500",children:"".concat(V," ->")}

1)})]}),(0,o.jsxs)(t.k,{flexDir:["column","row"],children:[(0,o.jsx)(t.k,{flex:1,w:["100%","45%"],borderTopLeftRadius:"lg",borderBottomLeftRadius:["initial","lg"],borderTopRightRadius:["lg","initial"],p:"0.5rem",pr:["0.5rem","1rem"],bgColor:"bg.500",flexDir:"column",gap:"1rem",children:(0,o.jsxs)(p.Z,{ref:h,wrapperProps:{w:"100%",h:"100%",justifyContent:"space-between"},schema:N,onFormSubmit:Y,children:[(0,o.jsx)(t.k,{flexDir:"column",children:Object.keys(null==Z?void 0:Z.properties).map(e=>{var r,l,n,i,t,s,a;let d=null==Z?void 0:null===(r=Z.properties)||void 0===r?void 0:r[e],u=(0,_._n)(e.replaceAll("_"," "));switch((null==u?void 0:u.toLowerCase())=="url"&&(u="URL"),!0){case(null==d?void 0:d.type)==="string"&&(null==d?void 0:null===(l=d.enum)||void 0===l?void 0:l.length)>0:return(0,o.jsx)(I.Z,{fieldKey:e,label:u,options:null==d?void 0:d.enum.map(e=>({label:e,value:e})),inputProps:{placeholder:(null==Z?void 0:null===(i=Z.properties[e])||void 0===i?void 0:i.default)||"",isClearable:!1,wrapperProps:{width:"100%"}}},e);case(null==d?void 0:d.type)==="string"||(null==d?void 0:d.type)==="number":return(null==d?void 0:d.maxLength)&&d.maxLength>=1e3?(0,o.jsx)(z.Z,{fieldKey:e,label:u,inputProps:{placeholder:(null==Z?void 0:null===(t=Z.properties[e])||void 0===t?void 0:t.default)||""}},e):(0,o.jsx)(D.Z,{fieldKey:e,label:u,inputProps:{type:(null==d?void 0:d.type)==="number"?"number":"text",placeholder:(null==Z?void 0:null===(s=Z.properties[e])||void 0===s?void 0:s.default)||""}},e);case(null==d?void 0:d.type)==="boolean":return(0,o.jsx)(L.Z,{fieldKey:e,label:u},e);case!(null==d?void 0:d.type)&&(null==d?void 0:null===(n=d.description)||void 0===n?void 0:n.includes("file")):return(0,o.jsx)(P,{fieldKey:e,label:u,inputProps:{userMediaInput:(null==d?void 0:d.description.includes("_"))?null==d?void 0:null===(a=d.description)||void 0===a?void 0:a.split("_")[1]:void 0,onChange:e=>{e&&(Array.isArray(e)&&e.length>0||!Array.isArray(e)&&e)&&(null==Z?void 0:Z.properties)&&Object.keys(Z.properties).forEach(e=>{if(e.toLowerCase().includes("url")){var r;null===(r=h.current)||void 0===r||r.setValue(e,"")}})}}},e)}})}),(0,o.jsxs)(t.k,{flexDir:"column",children:[(0,o.jsxs)(t.k,{gap:"0.5rem",children:[l&&(0,o.jsx)(n.r,{flex:1,href:l,children:(0,o.jsx)(s.z,{w:"100%",variant:"outline",size:"sm",children:"Run in code"})}),(0,o.jsx)(s.z,{type:"submit",flex:1,size:"sm",isDisabled:y,onClick:e=>{R&&(e.preventDefault(),f.push("/auth"))},children:R?"Sign up to run":"Run"})]}),(0,o.jsxs)(i.x,{mt:"1rem",textAlign:"center",fontSize:"xs",color:"gray.500",children:[v&&x?"This is a limited preview, showing a small sample of ".concat(m," functionality. "):"Sign up for free to run ".concat(m," preview"),v&&x&&(0,o.jsx)(n.r,{as:"a",href:l||"",textDecoration:"underline",children:"Click here for the full capabilities in the docs."})]})]})]})}),(0,o.jsx)(t.k,{w:["100%","55%"],borderTopRightRadius:["initial","lg"],borderBottomRightRadius:"lg",borderBottomLeftRadius:["lg","initial"],p:"0.5rem",bgColor:"bg.400",justifyContent:"center",alignItems:"center",minH:"sm",children:y?(0,o.jsx)(a.$,{}):(()=>{if(!g)return(0,o.jsx)(i.x,{color:"gray.300",textAlign:"center",children:"Run to see results"});switch(j){case"audio":return(0,o.jsx)("audio",{controls:!0,children:(0,o.jsx)("source",{src:g||""})});case"video":return(0,o.jsx)("video",{controls:!0,children:(0,o.jsx)("source",{src:g||""})});case"image":return(0,o.jsx)(u.Z,{src:g||"",alt:"preview"});case"json":return(0,o.jsx)(c.Z,{code:JSON.stringify(g,null,2),language:"json",codeWhiteSpace:"pre-wrap",maxH:"sm"});case"text":return(0,o.jsx)(c.Z,{code:g,language:"markdown",codeWhiteSpace:"pre-wrap",maxH:"sm"});case"custom":return J?(0,o.jsx)(J,{result:g,type:j}):null}})()})]})]})})}}]);