"use strict";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];const IntegrationSuccess=({integrationName})=>{const _components={a:`a`,..._provideComponents()};return _jsxs(`p`,{children:[_jsxs(`b`,{children:[integrationName,` connected!`]}),_jsx(`br`,{}),`You can now use`,` `,_jsx(_components.a,{href:`/building-with-clark`,children:`Clark to build`}),` with `,integrationName,`.`]})};const DynamicIntegrationActions=({integrationId,maxActions=20})=>{const _components={a:`a`,..._provideComponents()};const[actions,setActions]=useState([]);const[loading,setLoading]=useState(true);const[error,setError]=useState(null);const[showAll,setShowAll]=useState(false);useEffect(()=>{const fetchIntegrationSpec=async()=>{try{setLoading(true);const response=await fetch(`https://integrations.superblocks.com/openapi/${integrationId}.yaml`);if(!response.ok){throw new Error(`Failed to fetch integration spec: ${response.status}`)}const yamlText=await response.text();const actions=parseActionsFromYaml(yamlText);setActions(actions);setError(null)}catch(err){setError(err.message);setActions(getFallbackActions(integrationId))}finally{setLoading(false)}};fetchIntegrationSpec()},[integrationId]);const parseActionsFromYaml=yamlText=>{const actions=[];const summaryRegex=/summary:[ \t]+(.+)/g;let match;while((match=summaryRegex.exec(yamlText))!==null){const summary=match[1].trim();if(summary&&summary.length>0){actions.push({summary,description:`API action: ${summary.toLowerCase()}`})}}return actions.slice(0,50)};const getFallbackActions=integrationId=>{const fallbackActions={slack:[{summary:`Send Message`,description:`Send a message to a Slack channel or user`},{summary:`Get Channel Info`,description:`Retrieve information about a Slack channel`},{summary:`List Channels`,description:`Get a list of channels in the workspace`},{summary:`Get User Info`,description:`Retrieve information about a Slack user`},{summary:`List Users`,description:`Get a list of users in the workspace`}],github:[{summary:`Get Repository`,description:`Retrieve information about a repository`},{summary:`List Issues`,description:`Get a list of issues in a repository`},{summary:`Create Issue`,description:`Create a new issue in a repository`},{summary:`List Pull Requests`,description:`Get a list of pull requests`},{summary:`Create Pull Request`,description:`Create a new pull request`}]};return fallbackActions[integrationId]||[{summary:`Generic Action`,description:`Perform actions with this integration`}]};if(loading){return _jsxs(`div`,{children:[_jsxs(`p`,{children:[`Loading actions for `,integrationId,`...`]}),_jsx(`div`,{style:{display:`inline-flex`,flexWrap:`wrap`,gap:`0.5em`,marginTop:`8px`},children:[...Array(8)].map((_,i)=>_jsx(`div`,{style:{alignItems:`center`,padding:`2px 6px`,borderRadius:`32px`,border:`1px solid var(--superblocks-accent-blue-subtle)`,background:`var(--superblocks-accent-blue-subtle)`,height:`20px`,width:`${Math.random()*100+80}px`},children:_jsx(`div`,{style:{height:`12px`,backgroundColor:`#e1e5e9`,borderRadius:`4px`,width:`100%`}})},i))})]})}if(error){}const displayedActions=showAll?actions:actions.slice(0,maxActions);const hiddenCount=actions.length-maxActions;return _jsxs(`div`,{children:[actions.length===0&&_jsxs(`p`,{style:{color:`red`,fontWeight:`bold`},children:[`No actions found for `,integrationId,`. Check console for errors.`]}),_jsxs(`div`,{style:{display:`inline-flex`,flexWrap:`wrap`,gap:`0.5em`,marginTop:`8px`},children:[displayedActions.map((action,index)=>_jsx(`div`,{style:{alignItems:`center`,padding:`4px 8px`,borderRadius:`32px`,border:`1px solid var(--superblocks-accent-blue-subtle)`,background:`var(--superblocks-accent-blue-subtle)`,transition:`display 0.3ms ease-in`},children:_jsx(`h4`,{style:{color:`var(--ifm-color-primary-darker)`,marginBottom:`unset`,alignSelf:`center`,fontSize:`12px`,fontStyle:`normal`,fontWeight:`500`,lineHeight:`16px`,margin:`0`,padding:`0`},children:action.summary})},index)),showAll&&_jsx(_components.a,{href:`https://app.superblocks.com/integrations/${integrationId===`openai`?`openai_v2`:integrationId}`,target:`_blank`,rel:`noopener noreferrer`,style:{color:`var(--ifm-color-primary)`,fontSize:`12px`,textDecoration:`none`,border:`none`,borderBottom:`none`,padding:`4px 0`,marginLeft:`8px`,alignSelf:`center`,whiteSpace:`nowrap`},children:`See full list in app →`})]}),!showAll&&hiddenCount>0&&_jsx(`div`,{style:{marginTop:`8px`,textAlign:`center`},children:_jsxs(`button`,{onClick:()=>setShowAll(true),style:{background:`none`,border:`none`,color:`#6c7989`,cursor:`pointer`,textDecoration:`underline`,fontSize:`14px`},children:[`and `,hiddenCount,` more`]})}),showAll&&hiddenCount>0&&_jsx(`div`,{style:{marginTop:`8px`,textAlign:`center`},children:_jsx(`button`,{onClick:()=>setShowAll(false),style:{background:`none`,border:`none`,color:`#6c7989`,cursor:`pointer`,textDecoration:`underline`,fontSize:`14px`},children:`show less`})})]})};const DynamicIntegrationSetup=({integrationId,title})=>{const[setupContent,setSetupContent]=useState(null);const[loading,setLoading]=useState(true);const[error,setError]=useState(null);useEffect(()=>{const fetchIntegrationSpec=async()=>{try{setLoading(true);const response=await fetch(`https://integrations.superblocks.com/openapi/${integrationId}.yaml`);if(!response.ok){throw new Error(`Failed to fetch integration spec: ${response.status}`)}const yamlText=await response.text();const infoStartIndex=yamlText.indexOf(` info:`);if(infoStartIndex===-1){const altIndex=yamlText.indexOf(`info:`);if(altIndex!==0){throw new Error(`Could not find info section in YAML`)}}let afterInfo,infoSection;if(infoStartIndex!==-1){afterInfo=yamlText.slice(infoStartIndex+6)}else{afterInfo=yamlText.slice(5)}const lines=afterInfo.split(` `);let infoEndIndex=afterInfo.length;for(let i=0;i{const startIndex=overview.indexOf(`## Get started`);if(startIndex===-1){const nextSectionMatch=overview.match(/\n##\s+/);if(!nextSectionMatch){return{description:overview.trim(),setup:null,usage:null}}else{const nextSectionIndex=nextSectionMatch.index;return{description:overview.slice(0,nextSectionIndex).trim(),setup:null,usage:overview.slice(nextSectionIndex).trim()}}}const lines=overview.split(` `);let getStartedLineIndex=-1;for(let i=0;i{const lines=content.split(` `);const elements=[];let currentOrderedList=[];let currentUnorderedList=[];let lastOrderedItemIndex=-1;let lastElementWasHeader=false;for(let i=0;i0){elements.push(_jsx(`ol`,{children:currentOrderedList},`ol-${i}`));currentOrderedList=[];lastOrderedItemIndex=-1;lastElementWasHeader=false}if(currentUnorderedList.length>0){elements.push(_jsx(`ul`,{children:currentUnorderedList},`ul-${i}`));currentUnorderedList=[];lastElementWasHeader=false}let nextNonEmptyLine=null;for(let j=i+1;j0){elements.push(_jsx(`ol`,{children:currentOrderedList},`ol-${i}`));currentOrderedList=[];lastOrderedItemIndex=-1}if(currentUnorderedList.length>0){elements.push(_jsx(`ul`,{children:currentUnorderedList},`ul-${i}`));currentUnorderedList=[]}elements.push(_jsx(`h3`,{children:line.substring(4)},`h3-${i}`));lastElementWasHeader=true;continue}if(line.startsWith(`## `)){if(currentOrderedList.length>0){elements.push(_jsx(`ol`,{children:currentOrderedList},`ol-${i}`));currentOrderedList=[];lastOrderedItemIndex=-1}if(currentUnorderedList.length>0){elements.push(_jsx(`ul`,{children:currentUnorderedList},`ul-${i}`));currentUnorderedList=[]}elements.push(_jsx(`h2`,{children:line.substring(3)},`h2-${i}`));lastElementWasHeader=true;continue}if(line.startsWith(`# `)){if(currentOrderedList.length>0){elements.push(_jsx(`ol`,{children:currentOrderedList},`ol-${i}`));currentOrderedList=[];lastOrderedItemIndex=-1}if(currentUnorderedList.length>0){elements.push(_jsx(`ul`,{children:currentUnorderedList},`ul-${i}`));currentUnorderedList=[]}elements.push(_jsx(`h1`,{children:line.substring(2)},`h1-${i}`));lastElementWasHeader=true;continue}const trimmedLineForOrdered=line.trimStart();if(trimmedLineForOrdered.match(/^\d+\.\s/)){if(currentUnorderedList.length>0&&lastOrderedItemIndex>=0){const nestedList=_jsx(`ul`,{children:currentUnorderedList},`nested-ul-${i}`);const lastItem=currentOrderedList[lastOrderedItemIndex];currentOrderedList[lastOrderedItemIndex]=_jsxs(`li`,{children:[_jsx(`span`,{dangerouslySetInnerHTML:{__html:lastItem.props.dangerouslySetInnerHTML.__html}}),nestedList]},`li-nested-${lastOrderedItemIndex}`);currentUnorderedList=[]}const listItem=trimmedLineForOrdered.replace(/^\d+\.\s/,``);const processedItem=processInlineMarkdown(listItem);currentOrderedList.push(_jsx(`li`,{dangerouslySetInnerHTML:{__html:processedItem}},`li-${i}`));lastOrderedItemIndex=currentOrderedList.length-1;lastElementWasHeader=false;continue}const trimmedLine=line.trimStart();if(trimmedLine.startsWith(`- `)||trimmedLine.startsWith(`* `)){if(indentLevel>0&¤tOrderedList.length>0){const listItem=trimmedLine.substring(2);const processedItem=processInlineMarkdown(listItem);currentUnorderedList.push(_jsx(`li`,{dangerouslySetInnerHTML:{__html:processedItem}},`li-${i}`));lastElementWasHeader=false;continue}const listItem=trimmedLine.substring(2);const processedItem=processInlineMarkdown(listItem);currentUnorderedList.push(_jsx(`li`,{dangerouslySetInnerHTML:{__html:processedItem}},`li-${i}`));lastElementWasHeader=false;continue}if(currentUnorderedList.length>0&&lastOrderedItemIndex>=0&¤tOrderedList.length>0){const nestedList=_jsx(`ul`,{children:currentUnorderedList},`nested-ul-${i}`);const lastItem=currentOrderedList[lastOrderedItemIndex];currentOrderedList[lastOrderedItemIndex]=_jsxs(`li`,{children:[_jsx(`span`,{dangerouslySetInnerHTML:{__html:lastItem.props.dangerouslySetInnerHTML.__html}}),nestedList]},`li-nested-${lastOrderedItemIndex}`);currentUnorderedList=[];lastOrderedItemIndex=-1}if(currentOrderedList.length>0){elements.push(_jsx(`ol`,{children:currentOrderedList},`ol-${i}`));currentOrderedList=[];lastOrderedItemIndex=-1}if(currentUnorderedList.length>0){elements.push(_jsx(`ul`,{children:currentUnorderedList},`ul-${i}`));currentUnorderedList=[]}const processedLine=processInlineMarkdown(line);elements.push(_jsx(`p`,{dangerouslySetInnerHTML:{__html:processedLine}},`p-${i}`));lastElementWasHeader=false}if(currentUnorderedList.length>0&&lastOrderedItemIndex>=0&¤tOrderedList.length>0){const nestedList=_jsx(`ul`,{children:currentUnorderedList},`nested-ul-final`);const lastItem=currentOrderedList[lastOrderedItemIndex];currentOrderedList[lastOrderedItemIndex]=_jsxs(`li`,{children:[_jsx(`span`,{dangerouslySetInnerHTML:{__html:lastItem.props.dangerouslySetInnerHTML.__html}}),nestedList]},`li-nested-final-${lastOrderedItemIndex}`);currentUnorderedList=[]}if(currentOrderedList.length>0){elements.push(_jsx(`ol`,{children:currentOrderedList},`ol-final`))}if(currentUnorderedList.length>0){elements.push(_jsx(`ul`,{children:currentUnorderedList},`ul-final`))}return elements};const processInlineMarkdown=text=>{return text.replace(/\*\*(.*?)\*\*/g,`$1`).replace(/\[([^\]]+)\]$([^)]+)$/g,`$1`).replace(/`([^`]+)`/g,`$1`)};return _jsx(`div`,{children:setupContent&&renderMarkdown(setupContent)})};const DynamicIntegrationOverview=({integrationId})=>{const[overview,setOverview]=useState(null);const[loading,setLoading]=useState(true);const[error,setError]=useState(null);useEffect(()=>{const fetchIntegrationSpec=async()=>{try{setLoading(true);const response=await fetch(`https://integrations.superblocks.com/openapi/${integrationId}.yaml`);if(!response.ok){throw new Error(`Failed to fetch integration spec: ${response.status}`)}const yamlText=await response.text();const infoStartIndex=yamlText.indexOf(` info:`);if(infoStartIndex===-1){const altIndex=yamlText.indexOf(`info:`);if(altIndex===0){const afterInfo=yamlText.slice(5);const lines=afterInfo.split(` `);let infoEndIndex=afterInfo.length;for(let i=0;i{const HEADER_OFFSET=3;const startIndex=overview.indexOf(`## Get started`);let endIndex=overview.slice(startIndex+HEADER_OFFSET).indexOf(` ##`);if(startIndex===-1&&endIndex===-1){return{description:overview.trim(),setup:null,usage:null}}else if(startIndex===-1){endIndex=endIndex+startIndex+HEADER_OFFSET;return{description:overview.slice(0,endIndex).trim(),setup:null,usage:overview.slice(endIndex).trim()}}else if(endIndex===-1){return{description:overview.slice(0,startIndex).trim(),setup:overview.slice(startIndex).replace(`## Get started`,`### Create an access token`).trim(),usage:null}}else{endIndex=endIndex+startIndex+HEADER_OFFSET;return{description:overview.slice(0,startIndex).trim(),setup:overview.slice(startIndex,endIndex).replace(`## Get started`,`### Create an access token`).trim(),usage:overview.slice(endIndex).trim()}}};if(loading){return _jsxs(`div`,{children:[_jsx(`div`,{style:{height:`20px`,backgroundColor:`#e1e5e9`,borderRadius:`4px`,marginBottom:`16px`,width:`60%`}}),_jsx(`div`,{style:{height:`16px`,backgroundColor:`#e1e5e9`,borderRadius:`4px`,marginBottom:`8px`}}),_jsx(`div`,{style:{height:`16px`,backgroundColor:`#e1e5e9`,borderRadius:`4px`,marginBottom:`8px`,width:`80%`}}),_jsx(`div`,{style:{height:`16px`,backgroundColor:`#e1e5e9`,borderRadius:`4px`,width:`70%`}})]})}if(error){return _jsxs(`div`,{style:{padding:`12px`,backgroundColor:`#fee`,border:`1px solid #fcc`,borderRadius:`4px`,color:`#c00`},children:[_jsx(`strong`,{children:`Error parsing overview:`}),` `,error]})}if(!overview||!overview.description){return _jsxs(`div`,{style:{padding:`12px`,backgroundColor:`#fee`,border:`1px solid #fcc`,borderRadius:`4px`,color:`#c00`},children:[_jsx(`strong`,{children:`Error:`}),` No overview description found for `,integrationId]})}return _jsx(`div`,{children:_jsx(`p`,{children:overview.description})})};const Alert=({type,title,children})=>{const variant=[`info`,`success`,`warning`,`danger`,`note`].includes(type)?type:`note`;return _jsxs(`div`,{className:`alert alert--${variant}`,children:[_jsx(`div`,{className:`alert-icon`}),_jsxs(`div`,{className:`alert-content`,children:[title&&_jsx(`div`,{className:`alert-title`,children:title}),_jsx(`div`,{className:`alert-body`,children})]})]})};function _createMdxContent(props){const _components={p:`p`,..._provideComponents(),...props.components},{Heading,_MdxComponentBoundary}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!_MdxComponentBoundary)_missingMdxReference(`_MdxComponentBoundary`,true);return _jsxs(_Fragment,{children:[_jsx(_MdxComponentBoundary,{name:`DynamicIntegrationOverview`,children:_jsx(DynamicIntegrationOverview,{integrationId:`twilio`})}),` `,_jsx(Heading,{level:`2`,id:`setting-up-twilio`,children:`Setting up Twilio`}),` `,_jsx(_MdxComponentBoundary,{name:`DynamicIntegrationSetup`,children:_jsx(DynamicIntegrationSetup,{integrationId:`twilio`})}),` `,_jsx(_MdxComponentBoundary,{name:`Alert`,children:_jsx(Alert,{type:`success`,children:_jsx(_MdxComponentBoundary,{name:`IntegrationSuccess`,children:_jsx(IntegrationSuccess,{integrationName:`Twilio`})})})}),` `,_jsx(Heading,{level:`2`,id:`use-twilio-in-apis`,children:`Use Twilio in APIs`}),` `,_jsx(_components.p,{children:`You can use Twilio in your Superblocks applications through the API interface. This allows you to programmatically send messages, manage phone numbers, and interact with Twilio’s services. In addition to generic HTTP requests, Twilio supports the following actions.`}),` `,_jsx(Heading,{level:`3`,id:`supported-actions`,children:`Supported actions`}),` `,_jsx(_MdxComponentBoundary,{name:`DynamicIntegrationActions`,children:_jsx(DynamicIntegrationActions,{integrationId:`twilio`})})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{IntegrationSuccess,DynamicIntegrationActions,DynamicIntegrationSetup,DynamicIntegrationOverview,Alert,default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+" `"+id+"` to be defined: you likely forgot to import, pass, or provide it.")}

​Setting up Twilio

​Use Twilio in APIs

​Supported actions

Setting up Twilio

Use Twilio in APIs

Supported actions