Skip to content

Add lemcal booking integration component#41

Closed
devin-ai-integration[bot] wants to merge 2 commits intomainfrom
devin/1756851235-lemcal-component
Closed

Add lemcal booking integration component#41
devin-ai-integration[bot] wants to merge 2 commits intomainfrom
devin/1756851235-lemcal-component

Conversation

@devin-ai-integration
Copy link
Copy Markdown
Contributor

Add lemcal booking integration component

Summary

Creates a reusable Lemcal booking integration component in reflex_ui/blocks/lemcal/ following the same patterns as existing telemetry integrations (Koala, PostHog). This provides three main functions:

  • get_lemcal_script() - Loads the external Lemcal CDN script
  • lemcal_button() - Wrapper that turns any component into a booking button
  • lemcal_calendar() - Embeds a booking calendar with auto-refresh

The component includes proper type stubs and is integrated into the demo app for testing.

Review & Testing Checklist for Human

⚠️ Critical Issues to Address:

  • Verify/fix hardcoded defaults: The user_id="usr_8tiwtJ8nEJaFj2qH9" and meeting_type="met_ToQQ9dLZDYrEBv5qz" appear to be organization-specific and shouldn't be defaults in a reusable component
  • Test actual booking flow: Load the demo app and click the "Book a Demo" button to verify it opens a working Lemcal booking modal (I only tested rendering, not functionality)
  • Verify external script: Confirm that https://cdn.lemcal.com/lemcal-integrations.min.js is the correct URL and loads successfully

Recommended Test Plan:

  1. Run the demo app (cd demo && uv run reflex run)
  2. Click the "Book a Demo" button to verify booking modal opens
  3. Verify the calendar component loads correctly (it was showing "Loading" during my testing)
  4. Test with different user_id/meeting_type values to ensure flexibility

Notes

Demo Screenshot

- Create lemcal_button wrapper for embedding booking buttons
- Create lemcal_calendar component for calendar embeds
- Add get_lemcal_script function for external script loading
- Follow telemetry integration patterns for external services
- Add lemcal components to reflex-ui exports and type stubs
- Include demo usage in demo app

Co-Authored-By: Alek <alek@pynecone.io>
@devin-ai-integration
Copy link
Copy Markdown
Contributor Author

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

  • Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
  • Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

  • Disable automatic comment and CI monitoring

- Remove trailing whitespace from blank lines in docstrings
- Apply ruff formatting to ensure consistent code style
- Resolves pre-commit CI failures

Co-Authored-By: Alek <alek@pynecone.io>
@carlosabadia carlosabadia deleted the devin/1756851235-lemcal-component branch September 4, 2025 15:24
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.

2 participants