blsmedia/bot
2
0
Fork 0
Code Activity

feat(embed): 🎨 Update instructions for 2.2.0

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-03-14 15:09:11 +01:00
parent 5a2df9fe72
commit 69701d12b9
4 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/builder/components/share/codeSnippets/Iframe/EmbedCode.tsx
View File

@@ -12,7 +12,7 @@ export const IframeEmbedCode = ({
heightLabel, heightLabel,
}: Props & FlexProps) => { }: Props & FlexProps) => {
const { typebot } = useTypebot() const { typebot } = useTypebot()
const src = `https://${typebot?.publicId}.typebot.io` const src = `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`
const code = `<iframe src="${src}" width="${widthLabel}" height="${heightLabel}" />` const code = `<iframe src="${src}" width="${widthLabel}" height="${heightLabel}" />`
return <CodeEditor value={code} lang="html" isReadOnly /> return <CodeEditor value={code} lang="html" isReadOnly />

8
apps/builder/components/share/codeSnippets/params.ts
View File

@@ -89,7 +89,7 @@ export const parseInitContainerCode = ({
}) })
return prettier.format( return prettier.format(
`Typebot.initContainer("typebot-container", { `Typebot.initContainer("typebot-container", {
publishId: "${publishId}",${bgColorString}${customDomainString}${hiddenVariablesString} url: "${process.env.NEXT_PUBLIC_VIEWER_URL}/${publishId}",${bgColorString}${customDomainString}${hiddenVariablesString}
});`, });`,
{ parser: 'babel', plugins: [parserBabel] } { parser: 'babel', plugins: [parserBabel] }
) )
@@ -110,7 +110,7 @@ export const parseInitPopupCode = ({
}) })
const { delayString } = parsePopupParams({ delay }) const { delayString } = parsePopupParams({ delay })
return prettier.format( return prettier.format(
`var typebotCommands = Typebot.initPopup({publishId: "${publishId}",${delayString}${bgColorString}${customDomainString}${hiddenVariablesString}});`, `var typebotCommands = Typebot.initPopup({url: "${process.env.NEXT_PUBLIC_VIEWER_URL}/${publishId}",${delayString}${bgColorString}${customDomainString}${hiddenVariablesString}});`,
{ parser: 'babel', plugins: [parserBabel] } { parser: 'babel', plugins: [parserBabel] }
) )
} }
@@ -134,9 +134,9 @@ export const parseInitBubbleCode = ({
proactiveMessage, proactiveMessage,
}) })
return prettier.format( return prettier.format(
`var typebotCommands = Typebot.initBubble({publishId: "${publishId}",${bgColorString}${customDomainString}${hiddenVariablesString}${proactiveMessageString}${buttonString}});`, `var typebotCommands = Typebot.initBubble({url: "${process.env.NEXT_PUBLIC_VIEWER_URL}/${publishId}",${bgColorString}${customDomainString}${hiddenVariablesString}${proactiveMessageString}${buttonString}});`,
{ parser: 'babel', plugins: [parserBabel] } { parser: 'babel', plugins: [parserBabel] }
) )
} }
export const typebotJsHtml = `<script src="https://unpkg.com/typebot-js@2.1.3"></script>` export const typebotJsHtml = `<script src="https://unpkg.com/typebot-js@2.2.0"></script>`

4
apps/builder/components/share/integrations/modals/NotionModal.tsx
View File

@@ -44,11 +44,11 @@ export const NotionModal = ({
<Input <Input
pr="4.5rem" pr="4.5rem"
type={'text'} type={'text'}
defaultValue={`https://bot.typebot.io/${publicId}`} defaultValue={`${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`}
/> />
<InputRightElement width="4.5rem"> <InputRightElement width="4.5rem">
<CopyButton <CopyButton
textToCopy={`https://bot.typebot.io/${publicId}`} textToCopy={`${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`}
/> />
</InputRightElement> </InputRightElement>
</InputGroup> </InputGroup>

12
apps/builder/components/share/integrations/modals/WordpressModal.tsx
View File

@@ -48,11 +48,17 @@ export const WordpressModal = ({
</Link> </Link>
</ListItem> </ListItem>
<ListItem> <ListItem>
Copy your typebot ID Copy your typebot URL
<InputGroup size="md" mt={2}> <InputGroup size="md" mt={2}>
<Input pr="4.5rem" type={'text'} defaultValue={publicId} /> <Input
pr="4.5rem"
type={'text'}
defaultValue={`${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`}
/>
<InputRightElement width="4.5rem"> <InputRightElement width="4.5rem">
<CopyButton textToCopy={publicId} /> <CopyButton
textToCopy={`${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`}
/>
</InputRightElement> </InputRightElement>
</InputGroup> </InputGroup>
</ListItem> </ListItem>