Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🚸 (whatsapp) Improve how the whatsapp preview behaves #873

Merged
merged 1 commit into from
Sep 29, 2023

Conversation

baptisteArno
Copy link
Owner

@baptisteArno baptisteArno commented Sep 29, 2023

Summary by CodeRabbit

  • New Feature: Updated WhatsApp logo with a new design and color scheme.
  • New Feature: Added a help button in the UI linking to documentation, enhancing user guidance.
  • New Feature: Introduced an alert message indicating that the WhatsApp integration is in beta testing.
  • New Feature: Implemented a button to open WhatsApp Web directly from the application, improving user convenience.
  • Refactor: Adjusted the retrieval of contactPhoneNumber in receiveMessagePreview function for better data structure compatibility.
  • Refactor: Optimized the initialization and management of the WhatsApp session in startWhatsAppPreview.
  • Refactor: Improved the parseButtonsReply function by refining condition checks.
  • Refactor: Enhanced the readability of serialized rich text in convertRichTextToWhatsAppText by introducing newline characters.
  • Bug Fix: Ensured preservation of contact information when resuming the WhatsApp flow in resumeWhatsAppFlow.

@coderabbitai
Copy link

coderabbitai bot commented Sep 29, 2023

Walkthrough

This pull request primarily focuses on enhancing the WhatsApp integration feature. It introduces a new logo, updates UI components, modifies data retrieval and session management in WhatsApp-related functions, and adjusts the handling of rich text conversion and button replies.

Changes

File(s) Summary
.../logos/WhatsAppLogo.tsx Replaces the existing WhatsApp logo with a new one, including updated viewBox, path data, fill colors, and gradients. Adds whatsAppBrandColor constant.
.../WhatsAppPreviewInstructions.tsx Adds new icons and a help section linking to documentation. Updates alert message and adds a button to open WhatsApp Web.
.../embeds/EmbedButton.tsx Imports whatsAppBrandColor and WhatsAppLogo. Updates the logo prop of the EmbedButton component to include the color prop with the value of whatsAppBrandColor.
.../whatsapp/receiveMessagePreview.ts,
.../whatsapp/startWhatsAppPreview.ts
Modifies the assignment of contactPhoneNumber and improves the initialization and management of the WhatsApp session.
.../blocks/inputs/buttons/parseButtonsReply.ts Removes check for state.whatsApp and modifies conditions for matching inputValue with item.id and item.content.
.../whatsapp/convertRichTextToWhatsAppText.ts Changes the delimiter used to join serialized chunks of rich text from an empty string to a newline character (\n).
.../whatsapp/resumeWhatsAppFlow.ts Updates the startBotFlow function call to preserve contact information when resuming the WhatsApp flow.

Tips

Chat with CodeRabbit Bot (@coderabbitai)

  • Mention @coderabbitai in any review comment for bot assistance.
  • Note: Review comments are made on code diffs or files, not on the PR overview.

Pause Incremental Reviews

  • Insert @coderabbitai: ignore in the PR description to halt the bot's ongoing reviews. Remove the line to resume.
  • Additionally, enter @coderabbitai pause to halt the bot's ongoing reviews as any issue or review comment. To
    resume reviews, enter @coderabbitai resume as any issue or review comment.

@vercel
Copy link

vercel bot commented Sep 29, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
builder-v2 🔄 Building (Inspect) Visit Preview Sep 29, 2023 3:46pm
docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 29, 2023 3:46pm
landing-page-v2 ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 29, 2023 3:46pm
viewer-v2 ✅ Ready (Inspect) Visit Preview 💬 Add feedback Sep 29, 2023 3:46pm

Copy link

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Review Status

Actionable comments generated: 0

Commits Files that changed from the base of the PR and between 59cd79a and 6a73591.
Files selected for processing (8)
  • apps/builder/src/components/logos/WhatsAppLogo.tsx (1 hunks)
  • apps/builder/src/features/preview/components/WhatsAppPreviewInstructions.tsx (4 hunks)
  • apps/builder/src/features/publish/components/embeds/EmbedButton.tsx (2 hunks)
  • apps/builder/src/features/whatsapp/receiveMessagePreview.ts (1 hunks)
  • apps/builder/src/features/whatsapp/startWhatsAppPreview.ts (2 hunks)
  • packages/bot-engine/blocks/inputs/buttons/parseButtonsReply.ts (1 hunks)
  • packages/bot-engine/whatsapp/convertRichTextToWhatsAppText.ts (1 hunks)
  • packages/bot-engine/whatsapp/resumeWhatsAppFlow.ts (1 hunks)
Files skipped from review due to trivial changes (3)
  • apps/builder/src/components/logos/WhatsAppLogo.tsx
  • apps/builder/src/features/preview/components/WhatsAppPreviewInstructions.tsx
  • packages/bot-engine/whatsapp/convertRichTextToWhatsAppText.ts
Additional comments (Suppressed): 9
apps/builder/src/features/whatsapp/receiveMessagePreview.ts (1)
  • 34-35: The extraction of contactPhoneNumber has been changed from appending a '+' to receivedMessage.from to extracting it from entry.at(0)?.changes.at(0)?.value?.messages?.at(0)?.from. Ensure that this new location in the data structure reliably provides the correct phone number and that the removal of the '+' prefix does not affect functionality.
-    const contactPhoneNumber = '+' + receivedMessage.from
+    const contactPhoneNumber =
+      entry.at(0)?.changes.at(0)?.value?.messages?.at(0)?.from ?? ''
apps/builder/src/features/publish/components/embeds/EmbedButton.tsx (2)
  • 37-43: The import statement for WhatsAppLogo has been updated to also include whatsAppBrandColor. This color constant is used later in the code to set the color of the WhatsApp logo. Ensure that the whatsAppBrandColor is defined correctly in the WhatsAppLogo module.

  • 103-110: The EmbedButton component's logo prop has been updated to include a color prop with the value of whatsAppBrandColor. This change will affect the appearance of the WhatsApp logo in the UI. Make sure this change aligns with the desired UI design and that the whatsAppBrandColor provides the correct color for the WhatsApp brand.

packages/bot-engine/whatsapp/resumeWhatsAppFlow.ts (1)
  • 67-70: The startBotFlow function now includes the whatsApp: { contact } property in its state. Ensure that this change doesn't affect other parts of the codebase where startBotFlow is used, and that the contact information is always available when this function is called.
packages/bot-engine/blocks/inputs/buttons/parseButtonsReply.ts (2)
  • 66-73: The new hunk has removed the check for state.whatsApp and now treats all sessions the same way, regardless of whether they are on WhatsApp or not. This change could potentially affect the behavior of the function for WhatsApp sessions. Please verify that this change is intended and does not negatively impact the functionality for WhatsApp sessions.

  • 71-73: The condition to match an item has been updated to include a check for item.id === inputValue. This means that the function will now also consider the item's ID when trying to find a match, in addition to the item's content. This could potentially lead to different results if the user's input matches an item's ID but not its content. Please ensure that this change is intended and does not cause any unexpected behavior.

apps/builder/src/features/whatsapp/startWhatsAppPreview.ts (3)
  • 98-104: The initialSessionState is now directly assigned the whatsApp property from the existingSession.state. This change simplifies the code and makes it more readable. However, ensure that this doesn't unintentionally remove any properties previously present in the initialSessionState.

  • 123-127: The state property of the session object is now directly assigned to newSessionState, instead of spreading newSessionState and potentially adding a currentBlock property. This change simplifies the code but also removes the conditional addition of the currentBlock property. Make sure this doesn't affect the functionality.

  • 130-133: The state property of the argument to restartSession is now directly assigned to newSessionState, instead of spreading newSessionState and potentially adding a whatsApp property. This change simplifies the code but also removes the conditional addition of the whatsApp property. Make sure this doesn't affect the functionality.

@baptisteArno baptisteArno merged commit f016072 into main Sep 29, 2023
2 checks passed
@baptisteArno baptisteArno deleted the feat/improve-whatsapp-preview branch September 29, 2023 15:47
kweripx added a commit to toolzzlabzz/toolzzchat-builder that referenced this pull request Dec 11, 2023
* 🚸 (typebotLink) Make sure variables from child bots are merged if necessary

* ⚡ (customDomain) Add configuration modal for domain verification

Closes baptisteArno#742

* 🐛 Fix bubble icon file upload

* 🚸 (results) Use header id as table accessor to allow duplicate names

* 🐛 (payment) Fix postalCode camel case issue

Closes baptisteArno#822

* 🐛 (results) Fix result modal content display

* ⚡ (whatsapp) Improve WhatsApp preview management

Closes baptisteArno#800

* 🛂 (fileUpload) Improve file upload size limit enforcement

Closes baptisteArno#799, closes baptisteArno#797

* 📝 Change googleSheets date system var name

* ♻️ Export bot-engine code into its own package

* ♻️ Remove storage limit related code

* 🚑 Fix file upload expiration issue

* 🚑 (upload) Fix upload in embed

* 📝 Add custom domain troobleshoot section

* 👷 (vercel) Increase max execution duration for webhooks

* ⚡ (whatsapp) Improve whatsApp management and media collection

Closes baptisteArno#796

* 💚 Rename back viewer

* 👷 Only build docker images on tag push

* ✨ (whatsapp) Add custom session expiration (baptisteArno#842)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

- New Feature: Introduced session expiry timeout for WhatsApp
integration, allowing users to set the duration after which a session
expires.
- New Feature: Added an option to enable/disable the start bot condition
in WhatsApp integration settings.
- Refactor: Enhanced error handling by throwing specific errors when
necessary conditions are not met.
- Refactor: Improved UI components like `NumberInput` and
`SwitchWithLabel` for better usability.
- Bug Fix: Fixed issues related to session resumption and message
sending in expired sessions. Now, if a session is expired, a new one
will be started instead of attempting to resume the old one.
- Chore: Updated various schemas to reflect changes in session
management and WhatsApp settings.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🚑 (billing) Fix disabled upgrade buttons

* ♿ (embed) Add aria-label to bubble button

* ⚡ (wordpress) Add query params exclusion support

* 🐛 (bot) Fix reactivity issue when filtering single choices

Closes baptisteArno#803

* ⚡ Auto continue bot on whatsApp if starting block is input  (baptisteArno#849)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

**New Features:**
- Added WhatsApp integration feature to the Pro plan.

**Refactor:**
- Introduced the ability to exclude specific plans from being displayed
in the Change Plan Modal.
- Renamed the function `isProPlan` to `hasProPerks`, enhancing code
readability and maintainability.
- Updated the `EmbedButton` component to handle a new `lockTagPlan`
property and use the `modal` function instead of the `Modal` component.

**Chore:**
- Removed the `whatsAppPhoneNumberId` field from the `Typebot` model
across various files, simplifying the data structure of the model.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🚑 (fileUpload) Fix file upload in linked typebots

* ⚡ (setVariable) Add "Environment name" value in Set variable block (baptisteArno#850)

Closes baptisteArno#848
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

- New Feature: Added "Environment name" as a new value type in the
SetVariable function, allowing users to distinguish between 'web' and
'whatsapp' environments.
- Refactor: Simplified session state handling in `resumeWhatsAppFlow.ts`
for improved code clarity.
- Refactor: Updated `startWhatsAppSession.ts` to include an initial
session state with WhatsApp contact and expiry timeout, enhancing
session management.
- Bug Fix: Improved null handling in `executeSetVariable.ts` for
'Contact name' and 'Phone number', preventing potential issues with
falsy values.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🛂 Improve editor authorization feedback (baptisteArno#856)

Closes baptisteArno#844, closes baptisteArno#839

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

- New Feature: Added a `logOut` function to the user context for
improved logout handling.
- Refactor: Updated the redirect path in the `SignInForm` component for
better user redirection after authentication.
- New Feature: Enhanced the "Add" button and "Connect new" menu item in
`CredentialsDropdown` with role-based access control.
- Refactor: Replaced the `signOut` function with the `logOut` function
from the `useUser` hook in `DashboardHeader`.
- Bug Fix: Prevented execution of certain code blocks in
`TypebotProvider` when `typebotData` is read-only.
- Refactor: Optimized the `handleObserver` function in `ResultsTable`
with a `useCallback` hook.
- Bug Fix: Improved router readiness check in `WorkspaceProvider` to
prevent premature execution of certain operations.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🚸 Better random IDs generation in setVariable

* 🐛 (pixel) Fix multiple Meta pixels tracking

Closes baptisteArno#846

* 📝 (whatsapp) Add a "Create WhatsApp app" guide

* 🚸 (whatsapp) Improve upgrade plan for whatsapp notice

* 🐛 (preview) Fix always displayed start props toast

* 🐛 (whatsapp) Fix preview failing to start and wait timeo…

* 🚸 (pictureChoice) Improve single picture choice with same titles

Closes baptisteArno#859

* 🚸 (pictureChoice) Allow dynamic picture choice with… (baptisteArno#865)

… string variables
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

- Refactor: Updated `GoogleSheetsNodeContent` component to use the
`options` prop instead of `action`, and integrated the `useTypebot` hook
for better functionality.
- Style: Improved UI text and layout in `GoogleSheetsSettings.tsx`,
enhancing user experience when selecting rows.
- Refactor: Simplified rendering logic in `BlockNodeContent.tsx` by
directly calling `GoogleSheetsNodeContent` component, improving code
readability.
- Bug Fix: Enhanced `injectVariableValuesInPictureChoiceBlock` function
to handle different types of values for titles, descriptions, and
picture sources, fixing issues with variable value injection.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🐛 (whatsapp) Fix auto start input where it didn't display next bu… (baptisteArno#869)

…bbles
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

**Release Notes**

- New Feature: Enhanced WhatsApp integration with improved phone number
formatting and session ID generation.
- Refactor: Updated the `startWhatsAppPreview` and
`receiveMessagePreview` functions for better consistency and
readability.
- Bug Fix: Added a check for `phoneNumberId` in the `receiveMessage`
function to prevent errors when it's undefined.
- Documentation: Expanded the WhatsApp integration guide and FAQs in the
docs, providing more detailed instructions and addressing common
queries.
- Chore: Introduced a new `metadata` field in the
`whatsAppWebhookRequestBodySchema` to store the `phone_number_id`.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🐛 (typebotLink) Fix nested typebot link pop

* 📝 (typebotLink) Add instructions about shared variables and merge answers

* 🛂 (whatsapp) Remove feature flag

Closes baptisteArno#401

* 🚑 (js) Fix dependency issue preventing user to install @typebot.io/js

Closes baptisteArno#871

* 🚸 (whatsapp) Improve how the whatsapp preview behaves (baptisteArno#873)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

- New Feature: Updated WhatsApp logo with a new design and color scheme.
- New Feature: Added a help button in the UI linking to documentation,
enhancing user guidance.
- New Feature: Introduced an alert message indicating that the WhatsApp
integration is in beta testing.
- New Feature: Implemented a button to open WhatsApp Web directly from
the application, improving user convenience.
- Refactor: Adjusted the retrieval of `contactPhoneNumber` in
`receiveMessagePreview` function for better data structure
compatibility.
- Refactor: Optimized the initialization and management of the WhatsApp
session in `startWhatsAppPreview`.
- Refactor: Improved the `parseButtonsReply` function by refining
condition checks.
- Refactor: Enhanced the readability of serialized rich text in
`convertRichTextToWhatsAppText` by introducing newline characters.
- Bug Fix: Ensured preservation of `contact` information when resuming
the WhatsApp flow in `resumeWhatsAppFlow`.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 📝 Update About page content

Closes baptisteArno#757

* 🐛 (builder) Fix system color mode not syncing properly

* 🔖 Release v2.18.0

* 🚸 (sendEmail) Rename username SMTP creds label to avoid confusion

* 🐳 Bump Postgres version in official docker compose file

* 📝 (whatsapp) Re-organize whatsapp overview doc

* 📝 (vercel) Add a note on function maxDuration for Hobby plans

* 📝 (docker) Update postgres image name

* 🚑 (whatsapp) Fix start whatsapp session when user has multiple whatsapp enabled

* 🛂 (whatsapp) Disable whatsapp by default on duplication

* 🛂 (whatsapp) Set default whatsapp expiry to 4 hours

* 🚸 (videoBubble) Reparse variable video URL to correctly detect provider

* 🐛 (whatsapp) Fix force create session when flow is completed at first round

* 🧑‍💻 Improve invalid environment variable insight on build fail

* 🐳 Remove wait-for-it script to avoid edge cases issues

* 🚑 (results) Fix broken infinite scroll

* ♻️ (api) Auto start bot if starting with input

Closes baptisteArno#877, closes baptisteArno#884

* ✨ Automatically parse markdown from variables in text bubbles

Closes baptisteArno#539

* 📝 (whatsapp) Remove private beta mention

* 🚑 Fix text styling parsing on variables

* 🐛 New sendMessage version for the new parser

Make sure old client still communicate with old parser

* 🔖 (wordpress) Deploy v3.4.0

* ⬆️ (openai) Replace openai-edge with openai and upgrade next

* 🐛 Enable stream again by migrating endpoint to route handler

https://vercel.com/docs/functions/edge-functions/streaming#streaming-data-with-edge-functions

* 🚸 (openai) Improve streamed message lists CSS

* 🔥 Remove streamer Pages API endpoint

* 🐛 Add no cache instructions to streamer

Attempt to fix buffering issue when Cloudflare proxy is enabled

* 💄 Better parsing of lists and code in streaming bubbles

* ♻️ Remove sentry client monitoring in viewer

* 🚸 (condition) Don't show value in node content if operator is "set" or "empty"

* 📝 (embed) Add note about non-embeddable websites

* ⬆️ Upgrade sentry and improve its reliability

* 🐛 (editor) Fix default branding settings on cre…

* 🛂 Sanitize custom CSS and head code to avoid modification of lite badge

* 📝 (s3) Add s3 configuration detailed instructions

* 🚑 Fix custom CSS sanitization

* 🚸 (openai) Improve streaming bubble sequence and visual

* 💚 Fix docker build when Sentry not enabled

* 🔖 Release v2.18.1

* 🚑 Fix empty bubble issue when plate element does not have a type attribute

* 🐛 (openai) Fix 2 openai streaming back to back

* 📝 (openai) Add "Multiple OpenAI blocks" video section

* ⚡ (video) Allow changing video height when resolved to an iframe

* 🐛 Fix link parsing when using variables

Closes baptisteArno#764

* 🐛 (textBubble) Fix overflow with long links

Closes baptisteArno#764

* 🐛 (videoBubble) Fix youtube parsing for IDs containing a "-"

* 🐳 Force Next.js apps local hostname

Closes baptisteArno#911

* 🔖 Release v2.18.2

* 🐛 (webhook) Fix webhook response data key number parsing

* 📝 Add bounties info in README

* ⚡ (billing) Automatic usage-based billing (baptisteArno#924)

BREAKING CHANGE: Stripe environment variables simplified. Check out the
new configs to adapt your existing system.

Closes baptisteArno#906





<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

**New Features:**
- Introduced a usage-based billing system, providing more flexibility
and options for users.
- Integrated with Stripe for a smoother and more secure payment process.
- Enhanced the user interface with improvements to the billing,
workspace, and pricing pages for a more intuitive experience.

**Improvements:**
- Simplified the billing logic, removing additional chats and yearly
billing for a more streamlined user experience.
- Updated email notifications to keep users informed about their usage
and limits.
- Improved pricing and currency formatting for better clarity and
understanding.

**Testing:**
- Updated tests and specifications to ensure the reliability of new
features and improvements.

**Note:** These changes aim to provide a more flexible and user-friendly
billing system, with clearer pricing and improved notifications. Users
should find the new system more intuitive and easier to navigate.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🚑 (billing) Fix chats pricing tiers incremental flat amou…

* 👷 Improve getUsage accuracy in check cron job

* 🐛 (results) Lower the max limit in getResults endpoint to avoid payload size error

Closes baptisteArno#908

* 💚 Fix send email in CI "React is not defined"

* 🐛 Freeze body overflow when opening a Popup embed (baptisteArno#937)

fix baptisteArno#763
/claim baptisteArno#763

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

- **Enhancement**: Improved the visibility management of the bot in the
popup. This update ensures a smoother and more intuitive user experience
when interacting with the bot.
- **Bug Fix**: Resolved an issue where certain styles could interfere
with the bot's visibility in the popup. The update prioritizes the
necessary style settings, ensuring the bot's visibility is maintained as
expected, regardless of other conflicting styles.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🐛 Fixed pinch zooming mouse issue (with ctrl key) (baptisteArno#940)

**Fixed the drastic zoom increase decrease on ctrl + mouse scroll.**

The issue was occuring due to the "scale" property in the pinch gesture.
The scale was getting bigger values, leading to more zooming.
What I did was, made sure that maximum scale difference between current
and last value cannot be more than the scaling factor used in
zoomin/zoomout buttons. That is. 0.2
Also, the pinch zoom would work as expected.

/claim baptisteArno#567
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

- Improvement: Enhanced zoom precision in the Graph component. This
update allows for more accurate scaling when adjusting the view in the
graph builder. The change ensures that the zoom level adjusts more
precisely, providing a smoother and more controlled user experience when
interacting with graphs.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* Fix audio content overflow in windows. (baptisteArno#944)

/claim baptisteArno#667

The volume slider in audio element in windows chrome overflows.
Possible fixes:
1. Change the width of audio blocks. (Not suggested, as the width of all
blocks should be consistent)
2. Adjust the audio sub elements, so it doesn't overflow.(IMPLEMENTED)

It's not so straightforward to apply customization to audio tag element.
The best possible way I could find, to make the app look good, is by
hiding the timeline track in the audio. It was showing up very small
anyway(due to block width), so there shouldn't be an issue.
Please look at the before & after videos below.


https://github.com/baptisteArno/typebot.io/assets/29385192/f61c5b58-834d-470f-b684-bd82181e07f4



https://github.com/baptisteArno/typebot.io/assets/29385192/88f932eb-dc7e-4346-bf64-6405a015013e


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
### Summary by CodeRabbit

- Style: Improved the visual layout of the audio player on Windows. The
update includes a cleaner interface by hiding the track timeline and
adjusting the media controls panel. This change enhances the user
experience by providing a more streamlined and intuitive audio player
design.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* ♻️ Update import contact to brevo script

* 👷 Add convenient script for migrating Stripe prices

* 🩹 Surround logs saving in a try catch block

It seems that in some particular set up the logs saving is failing.

* 🚸 (buttons) Trim items content when parsing reply for better consistency

Closes baptisteArno#948

* 🔖 Release v2.18.3

* ✏️ Fix popup blocked toast typo

* 🧑‍💻 (whatsapp) Improve whatsapp start log

* 🐛 (numberInput) Fix input clearing out on dot or comma press

* 🚑 Fix can invite new members in workspace bool

Closes baptisteArno#964

* 🔖 Release v2.18.4

* 🐛 Fix graph flickering on high res displays (baptisteArno#959)

This PR fixes the flickering and improves the performance so panning
around the graph is much smoother than before.



https://github.com/baptisteArno/typebot.io/assets/62795688/56b91e20-1eb0-44b5-9a4a-c07525c2ba48


/claim baptisteArno#575
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

### Summary by CodeRabbit

- Refactor: Improved the Graph component's scaling calculation for
enhanced readability and maintenance.
- Style: Updated the Graph component's style properties to ensure better
compatibility and visual performance on webkit browsers.

These changes aim to enhance the user experience by ensuring the Graph
component displays consistently across different web browsers. The
refactoring of the scaling calculation also makes the code easier to
understand and maintain, potentially leading to quicker updates and bug
fixes in the future.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: Baptiste Arnaud <contact@baptiste-arnaud.fr>

* ✏️ Fix manual deployment doc start script typo

Closes baptisteArno#969

* 💚 Fix checkAndReportChatsUsage script sending multiple emails at once

* 🧑‍💻 Fix type resolution for @typebot.io/react and nextjs

Closes baptisteArno#968

* 🧑‍💻 Migrate to Tolgee (baptisteArno#976)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

### Summary by CodeRabbit

- Refactor: Transitioned to a new translation library (`@tolgee/react`)
across the application, enhancing the localization capabilities and
consistency.
- New Feature: Introduced a JSON configuration file for application
settings, improving customization and flexibility.
- Refactor: Updated SVG attribute naming convention in the
`WhatsAppLogo` component to align with React standards.
- Chore: Adjusted the `.gitignore` file and added a new line at the end.
- Documentation: Added instructions for setting up environment variables
for the Tolgee i18n contribution dev tool, improving the self-hosting
configuration guide.
- Style: Updated the `CollaborationMenuButton` to hide the
`PopoverContent` component by scaling it down to zero.
- Refactor: Simplified error handling logic for fetching and updating
typebots in `TypebotProvider.tsx`, improving code readability and
maintenance.
- Refactor: Removed the dependency on the `parseGroupTitle` function,
simplifying the code in several components.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🐛 Fix group duplicate new title bug

* 📝 Add webhook configuration tuto video

* 🐛 (number) Fix number input validation with variables

* 📝 Add text link section in text bubble doc

* ✏️ Fix CORSRules content typo for S3 config

* 🐛 Fix formatted message in input block when input is retried

* ⚡ Add cache-control header on newly uploaded files

* ✏️ (billing) Fix plan name typo

* 🚑 Move cache control header into the post policy

* 🔖 Release v2.19.0

* 📝 Add UTM params forwarding video tutorial

* 📦 Add strict package versioning to avoid incompatibility in workspace

* ⬆️ Upgrade Sentry to mitigate security issue

https://github.com/getsentry/sentry-javascript/security?mkt_tok=Nzc2LU1KTi01MDEAAAGPNi0ooiOxT0sphdzXd6xHU63d5z5Sc75FNR8cH-6EK-zlvUsUuUqP1YsmnxivxEyXnGZS2cN8XkpuNNGi3NIfoDnwoHci-31tbyJQB8y0Cg

* ⚡ (chatwoot) Unmount Typebot embed bubble when opening chatwoot

Closes baptisteArno#1007

* 🚑 Fix weird env parsing on Firefox making it crash

* 🛂 Update Cache-Control header in generatePresignedPostPolicy

* fix: whole page overflowing on the x axis and displaying a horizontal scrollbar (baptisteArno#1011)

this PR fixes issue
baptisteArno#1008 by making the
position of `HandDrawnArrow`'s parent relative, which confines the
absolute position of its children to be within the bounds of the parent,
causing layout not shift due to `right -30px`

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Updated the layout behavior of the `RealTimeResults` component on the
landing page for better user experience.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* ♻️ Introduce typebot v6 with events (baptisteArno#1013)

Closes baptisteArno#885

* 🚑 Fix parsing issue with new events field on ongoing session states

* 🐛 (import) Fix import typebot files that does not have name field

* 🚸 (typebotLink) Make "current" option work like typebot links instead of jump

* 🐛 Fix typebot publishing endpoint events parsing

* 🐛 Fix default initial items in TableList

* 🚑 (editor) Fix move block with outgoing edge

* 🚑 (zapier) Fix execute webhook endpoint too strict on block type check

* 🐛 (typebotLink) Fix link to first group with start event

* 🚑 (webhook) Fix webhook execution with default method

* 🐛 (editor) Fix edge delete with undefined groupIndex

* 🐛 Sort variables to parse to fix text bubble parsing issue

* 🐛 Fix theme background and font default selection

* 💄 Fix multi choice checkbox UI on small screens

* 📝 Add breaking changes and OpenAI block improvements docs

* ⚡ Add more video supports (baptisteArno#1023)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
	- Introduced a new layout option for the TextInput component.
- Added support for GUMLET and TIKTOK video content types in
VideoBubbleContent.
- Enhanced VideoUploadContent to handle new properties like aspectRatio
and maxWidth.
- Updated VideoBubble to include aspect-ratio and max-width styles based
on content properties.
- **Refactor**
- Changed the extension used for internationalization (i18n) in the VS
Code environment.
	- Modified how environment variables are accessed in tolgee.tsx.
- Updated parseVideoUrl function to include a new property
videoSizeSuggestion.
- **Chores**
- Updated the tolgeeEnv object in env.ts and added a new optional
parameter to the getRuntimeVariable function.
- Expanded video handling capabilities by introducing new video content
types and associated regular expressions.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Closes baptisteArno#978 baptisteArno#936 baptisteArno#926

* 🛂 Reduce sendMessage serverless function max memory

* 🐛 (webhook) Fix legacy webhook {{state}} body parsing

* 🧑‍💻 (chat) Introduce startChat and continueChat endpoints

Closes baptisteArno#1030

* ⏪ Revert new authentication method for preview bot

* 📝 Add OpenAI Dialogue option in breaking change doc

* ⚡ Add maxWidth and maxHeight bubble them props

Closes baptisteArno#458

* 📝 Change community URLs, introduce Discord server

Closes baptisteArno#866

* 🐛 (textBubble) Fix variable parsing when starting or finishing by spaces

* ⏪ (wordpress) Revert to specific non breaking version for self-hosters

* 🐛 (billing) Set invoicing behavior to "always invoice" to fix double payment issue

* 🐛 (js) Fix default theme values css variables

Closes baptisteArno#1031

* 🐛 (fileUpload) Fix results file display if name contains comma

Closes baptisteArno#955

* ⬆️ (date) Upgrade date parser package

* 📝 Update Discord invite link

* 🚸 Auto scroll once picture choice images are fully loaded

* ♿ Show scrollbar on searchable items

* 🐛 Fix typebot parsing for legacy columnsWidth setting

* 🐛 (wordpress) Fix version mismatch for self-hosters for Standard embed as well

Closes baptisteArno#1038

* 🐛 (typebotLink) Fix variables merging with new values

* 🐛 (editor) Fix AB test items not connectable

* 🔊 Add response debug log for failing requests without errors

* 💚 Fix docker build missing ts target in schemas

* 🔖 Release v2.19.1

* ✏️ Fix typebot v7 breaking changes doc typo

* 🌐 Add es and ro support

* ✨ (openai) Add create speech OpenAI action

Closes baptisteArno#1025

* 🐛 (chatwoot) Fix email prefill when Chatwoot contact already exist

* 🛂 (billing) Add isPastDue field in workspace (baptisteArno#1046)

Closes baptisteArno#1039

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
  - Workspaces now include additional status indicator: `isPastDue`.
- New pages for handling workspaces that are past due. Meaning, an
invoice is unpaid.

- **Bug Fixes**
- Fixed issues with workspace status checks and redirections for
suspended workspaces.

- **Refactor**
- Refactored workspace-related API functions to accommodate new status
fields.
- Improved permission checks for reading and writing typebots based on
workspace status.

- **Chores**
  - Database schema updated to include `isPastDue` field for workspaces.
- Implemented new webhook event handling for subscription and invoice
updates.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🚑 (editor) Fix typebot update permission

* ✨ Allow user to share a flow publicly and make it duplicatable

Closes baptisteArno#360

* 🐛 (pictureChoice) Fix choice parsing too unrestrictive

* 🔥 Remove VIEWER_URL_INTERNAL variable

BREAKING CHANGE: NEXT_PUBLIC_VIEWER_INTERNAL does not exist anymore as typebot.io now directly points to the viewer project

* 🚑 (billing) Fix stripe webhook "invoice.paid" typo

* 🐛 Fix processTelemetry endpoint not reachable

* ⚡ (billing) Improve past_due workspace checking webhook

* 📝 Add new start and continue endpoints in the API runtime instructions

* 🚸 (redirect) Make sure the redirection is always done on top frame

* 🔧 Increase builder request max size to 4MB

* 💚 Update broken action-autotag package

* 🚑 (pictureChoice) Fix pic choice multi select parsing

* 📝 Improve WP prefilled var explanation

* 🐛 Fix default webhook body with multi inputs groups

* 🛂 Allow app admin to read a typebot

* 🐛 (share) Fix duplicate folderId issue

* 🚸 (fileUpload) Properly encode commas from uploaded file urls

Closes baptisteArno#955

* ⚡ (wordpress) Add lib_version prop in shortcode

Closes baptisteArno#1035

* 📝 Add flow share docs

* 🔖 Release v2.20.0

* ⚗️ (docs) Replace Algolia search with Community Search

* Updated vercel deployment guide. (baptisteArno#1075)

Adding explanation text about builder and viewer.

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **Documentation**
- Enhanced the self-hosting guide with additional explanatory notes on
deploying both the Builder and Viewer components for Typebot, clarifying
their distinct roles in service flow creation and user interaction.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 🐛 (editor) Fix old typebot flash when changing the typebot

* 🐛 Fix multiple item dragged issue

* 🐛 Fix right click in bubble text editor selects the group

Closes baptisteArno#920

* ✏️ Fix invalid ending comma in API instructions

Closes baptisteArno#1022

* 🧑‍💻 Automatically guess env URLs for Vercel preview deploy… (baptisteArno#1076)

…ments

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Introduced new URL processing logic to enhance compatibility with
Vercel preview environments.
- Improved handling of environment-specific URLs for authentication and
viewer services.

- **Enhancements**
- Streamlined environment variable management for more reliable
deployment configurations.

- **Documentation**
- Updated documentation to reflect new environment variable processing
functions.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* 📝 Add node prerequisite in Contributing guide

* 🛂 (billing) Past due status only for unpaid invoices with additional usage

* 🚸 (docs) Open community search docs results in same tab

* ♻️ Remove references to old s3 URLs

* 🔧 Update vercel.json to reflect new api path

* 🛂 Hide workspace members list from guest

* update typebot

* update typebot

* 🔧 Update main viewer domain to typebot.co

* Delete apps/landing-page/public/favicon.png

* Add files via upload

* Delete apps/builder/public/favicon.png

* Add files via upload

* Delete apps/viewer/public/favicon.png

* Add files via upload

* Add files via upload

* Delete apps/builder/public/favicon.png

* Add files via upload

* Add files via upload

* translate

* app.chatwoot.com

* options.baseUrl

* ⚡ Add dynamic timeout to bot engine api

* 🐛 (sheets) Init OAuth client inside a function to avoid potential conflict

* 🐛 Fix change language not working in the editor

* ✨ Introducing Radar, fraud detection

* Update publishTypebot.ts

* 📝 (docs): fix typo in Unsplash description (baptisteArno#1094)

Documentation

This PR updates the documentation to fix an incorrect description for
the Unsplash configuration.

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Documentation**
- Corrected a hyperlink and associated text in the self-hosting
configuration guide, changing "Giphy" to "Unsplash" for image search
references.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Signed-off-by: Victor Santos <vsantos.py@gmail.com>

* 📈 Only send suspicious bot alert if risk level is below 100

* 🛂 Auto ban IP on suspected bot publishing (baptisteArno#1095)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Enhanced sign-in error handling with specific messages for different
error types.
- Implemented IP-based restrictions for authentication and publishing
actions.

- **Bug Fixes**
- Updated the retrieval of user session information to improve
reliability.

- **Documentation**
- Updated usage instructions for `getServerSession` to reflect the new
authentication options.

- **Refactor**
- Replaced direct usage of `authOptions` with a new function
`getAuthOptions` to dynamically generate authentication options.
- Improved IP address extraction logic to handle various header formats.

- **Chores**
- Added a new `BannedIp` model to the database schema for managing
IP-based restrictions.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

* feat: toolzz logo on sigin and header

---------

Signed-off-by: Victor Santos <vsantos.py@gmail.com>
Co-authored-by: Baptiste Arnaud <contact@baptiste-arnaud.fr>
Co-authored-by: Rishi Raj Jain <rishi18304@iiitd.ac.in>
Co-authored-by: Prateek Kalra <prateekkalra1997@gmail.com>
Co-authored-by: neo773 <62795688+neo773@users.noreply.github.com>
Co-authored-by: onFire(Abhi) <40654066+AbhiShake1@users.noreply.github.com>
Co-authored-by: Thiago Mendonça <thiagomendonca09@gmail.com>
Co-authored-by: lucasbuges <123869629+lucasbuges@users.noreply.github.com>
Co-authored-by: Baptiste Arnaud <baptiste.arnaud95@gmail.com>
Co-authored-by: Victor Santos <vsantos.py@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant