feat: quick order upload integration #3158
Closed
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Introduced `FileUploadCard` for file selection and upload functionality, including drag-and-drop support. - Added `FileUploadStatus` to display upload progress and error handling. - Updated index files to export new components and types. - Enhanced `SearchInputField` to include an attachment button that triggers the file upload card. - Added styles for both new components to ensure proper UI integration.
…d template generation
…parsing implementation
…feat/quick-order-integration
…feat/quick-order-integration
…into feat/quick-order-integration
…feat/quick-order-integration
BrunaCubos
requested review from
hellofanny and
renatamottam
and removed request for
a team
…eat/quick-order-integration
BrunaCubos
changed the title
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. |
icaroov
approved these changes
Dec 17, 2025
raabelo
approved these changes
Dec 17, 2025
REGRA.MD
Outdated
| @@ -0,0 +1,167 @@ | |||
| B2B Faststore - Quick Order by File | |||
Untitled
Outdated
| @@ -0,0 +1,2 @@ | |||
| packages: | |||
Contributor
There was a problem hiding this comment.
Acredito que isso tb deve ser removido
Collaborator
Author
|
Planilha usada para integraçao: |
- Replaced native input elements with custom Input and Button components for consistency. - Simplified accepted file types in FileUploadCard to only '.csv'. - Added TODO comment for file size formatting in FileUploadStatus. - Adjusted SCSS variable formatting for improved readability.
- Updated `useFileUpload` to use `FileRejection` type for better type safety. - Introduced `UploadFileDropdown` component with improved CSV file handling using `useCSVParser` hook. - Simplified error handling and template generation for CSV uploads. - Added lazy loading for `UploadFileDropdown` in `SearchInput` component.
4 tasks
…into feat/quick-order-integration
…d.tsx Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
7 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
What's the purpose of this pull request?
This pull request improves the Quick Order drawer experience by fixing CSV file upload error handling, removing leftover debug code, and ensuring the attachment button behavior is fully driven by CMS configuration.
How it works?
The
FileUploadCardcomponent now reacts to thehasErrorprop from its parent via auseEffect.When CSV parsing fails, the upload state is automatically set to
error.Parsing errors are mapped to the
invalid-structureerror type, displaying the message:"Invalid structure. Check missing headers or columns and try again."
Selecting a new file automatically clears the previous error state.
The
SearchInputcomponent now uses theattachmentButtonconfiguration provided by CMS instead of hardcoded values.The attachment button respects the
enabledflag from the Navbar section configuration.Icon and aria-label values are passed dynamically from CMS (
attachmentButtonIconandattachmentButtonAriaLabel).Removed the hardcoded
showAttachmentButton={true}and replaced it with a CMS-driven prop.How to test it?
FileUploadStatuscomponent displays an error state"Invalid structure. Check missing headers or columns and try again."
Expected: The error state is cleared
Starters Deploy Preview
References
Checklist
You may erase this after checking them all 😉
PR Title and Commit Messages
feat,fix,chore,docs,style,refactor,ciandtestPR Description
breaking change,bug,contributing,performance,documentation..Dependencies
pnpm-lock.yamlfile when there were changes to the packagesDocumentation
-[ x] PR description
@Mariana-Caetanoto review and update (Or submit a doc request)