Skip to content

Conversation

bacalj
Copy link
Collaborator

@bacalj bacalj commented Aug 5, 2025

⚠️ just a proof of concept - opening the PR so it deploys a feature branch

Opening this PR to demonstrate the use of the non-custom-component version of the upload workflow, which is more compatible with the preact wrapping

bacalj added 17 commits July 31, 2025 15:49
Remove containerRef dependency and auto-detect target bot containers
to support multiple QA bots on the same page.
…t compatibility

- Change FileUploadComponent from pre-rendered JSX to function components
- Update createFileUploadComponent in ticket-flow-utils.js to return named function
- Convert inline fileUploadElement in feedback-flow.js and security-flow.js to functions
- Update LoginButton usage in create-bot-flow.js and useChatBotSettings.js to use functions
- Add displayName to FileUploadWrapper for React DevTools compliance
- Update react-chatbotify from v2.1.0 to v2.2.0 for better cross-environment compatibility
- Convert custom components to function-based patterns for Drupal/Preact compatibility
- Add deployment tracking console signature
- Fix FileUpload components in feedback, security, and ticket flows
- Convert remaining FileUpload components to function-based pattern
- Update createFileUploadComponent in ticket-flow-utils.js to return named function
- Convert fileUploadElement in feedback-flow.js to function-based
- Update LoginButton in useChatBotSettings.js buttons array to function-based

All custom components now use function-based pattern for better
cross-environment compatibility with react-chatbotify v2.2.0
Replace problematic custom components with built-in react-chatbotify features:

- Replace FileUploadComponent with built-in file upload using file attribute
- Enable FILE_ATTACHMENT_BUTTON in footer with fileAttachment settings
- Replace LoginButton with HTML link in login flow message
- Replace UserIcon with text in header button
- Remove all custom component imports and declarations

This should resolve React→Preact→Drupal compatibility issues by eliminating
custom component rendering in favor of native react-chatbotify functionality.
@bacalj bacalj changed the base branch from handle-two-bots to main August 5, 2025 16:34
@bacalj bacalj marked this pull request as draft August 5, 2025 16:35
bacalj added 6 commits August 5, 2025 14:02
- Make submitTicket return actual success/failure result instead of using closure variables
- Update all ticket flows to check returned result before navigation
- Add proper error flows for failed submissions with retry options
- Store results locally for better cross-environment reliability

This should fix the issue where frontend shows failure but backend
succeeds in React→Preact→Drupal environments by making submission
completion synchronous with navigation decisions.
Copy link

netlify bot commented Aug 5, 2025

Deploy Preview for access-qa-bot ready!

Name Link
🔨 Latest commit eaf8c12
🔍 Latest deploy log https://app.netlify.com/projects/access-qa-bot/deploys/6893656595792f00083241cd
😎 Deploy Preview https://deploy-preview-39--access-qa-bot.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

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