Adds tagged code for cash management tutorial #3104
Draft
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.
https://github.com/shop/issues-retail/issues/16100
Background
Added example components for a cash management extension in the Point of Sale UI Extensions documentation.
Linked to the tutorial in this PR.
Solution
Created a comprehensive cash management example for the Point of Sale UI Extensions documentation with the following components:
BannerAlert.tsx
- A component that displays alert banners when business rules are violated (e.g., cash drawer amount outside of thresholds)SafeModal.tsx
- A modal interface for managing safe deposits and withdrawals with transaction historyuseBusinessRules.ts
- A custom hook that checks if cash drawer amounts violate business rulesInStoreCashInfo.tsx
- A component that displays the total cash on hand in storeshopify.extension.toml
- Configuration file that defines the extension targetsThe example demonstrates how to implement cash management extensions that:
🎩
Checklist