blsmedia/bot
2
0
Fork 0
Code Activity

docs(share): 📝 Update typebot URL in embed instructions

Browse Source
This commit is contained in:
Baptiste Arnaud
2022-03-21 18:52:43 +01:00
parent 11101a4600
commit 71816f76ad
10 changed files with 56 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/builder/components/share/codeSnippets/Chat/EmbedCode.tsx
View File

@ -19,7 +19,10 @@ export const ChatEmbedCode = ({
const snippet = prettier.format(
createSnippet({
url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
url: `${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/${typebot?.publicId}`,
button,
proactiveMessage,
}),

5
apps/builder/components/share/codeSnippets/Container/EmbedCode.tsx
View File

@ -21,7 +21,10 @@ export const ContainerEmbedCode = ({
const snippet = prettier.format(
parseSnippet({
url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
url: `${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/${typebot?.publicId}`,
heightLabel,
widthLabel,
}),

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

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

5
apps/builder/components/share/codeSnippets/Popup/EmbedCode.tsx
View File

@ -16,7 +16,10 @@ export const PopupEmbedCode = ({ delay }: PopupEmbedCodeProps & FlexProps) => {
const { typebot } = useTypebot()
const snippet = prettier.format(
createSnippet({
url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
url: `${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/${typebot?.publicId}`,
delay,
}),
{

15
apps/builder/components/share/codeSnippets/ReactCode.tsx
View File

@ -19,7 +19,10 @@ export const StandardReactDiv = ({
const { typebot } = useTypebot()
const snippet = prettier.format(
parseContainerSnippet({
url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
url: `${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/${typebot?.publicId}`,
heightLabel,
widthLabel,
}),
@ -67,7 +70,10 @@ export const PopupReactCode = ({ delay }: PopupEmbedCodeProps & FlexProps) => {
const { typebot } = useTypebot()
const snippet = prettier.format(
parsePopupSnippet({
url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
url: `${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/${typebot?.publicId}`,
delay,
}),
{
@ -114,7 +120,10 @@ export const ChatReactCode = ({
const { typebot } = useTypebot()
const snippet = prettier.format(
parseBubbleSnippet({
url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${typebot?.publicId}`,
url: `${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/${typebot?.publicId}`,
button,
proactiveMessage,
}),

5
apps/builder/components/share/integrations/modals/GtmModal/GtmInstructions.tsx
View File

@ -39,7 +39,10 @@ const StandardInstructions = ({ publicId }: Pick<ModalProps, 'publicId'>) => {
})
const jsCode = parseInitContainerCode({
url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`,
url: `${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/${publicId}`,
})
const headCode = `${typebotJsHtml}
<script>

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

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

5
apps/builder/components/share/integrations/modals/ShopifyModal/ShopifyInstructions.tsx
View File

@ -44,7 +44,10 @@ const StandardInstructions = ({ publicId }: Pick<ModalProps, 'publicId'>) => {
})
const jsCode = parseInitContainerCode({
url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`,
url: `${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/${publicId}`,
})
const headCode = prettier.format(
`${typebotJsHtml}<script>${jsCode}</script>`,

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

@ -53,11 +53,17 @@ export const WordpressModal = ({
<Input
pr="4.5rem"
type={'text'}
defaultValue={`${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`}
defaultValue={`${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/${publicId}`}
/>
<InputRightElement width="4.5rem">
<CopyButton
textToCopy={`${process.env.NEXT_PUBLIC_VIEWER_URL}/${publicId}`}
textToCopy={`${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/${publicId}`}
/>
</InputRightElement>
</InputGroup>

5
apps/builder/components/shared/SupportBubble.tsx
View File

@ -12,7 +12,10 @@ export const SupportBubble = () => {
useEffect(() => {
if (isCloudProdInstance())
initBubble({
url: `${process.env.NEXT_PUBLIC_VIEWER_URL}/typebot-support`,
url: `${
process.env.NEXT_PUBLIC_VIEWER_INTERNAL_URL ??
process.env.NEXT_PUBLIC_VIEWER_URL
}/typebot-support`,
backgroundColor: '#ffffff',
button: { color: '#0042DA' },
hiddenVariables: {