[Shipping Labels] Improvements to the Customs Form screen

[hichamboushaba]

Closes WOOMOB-878

Description

This PR adds the following improvements to the Customs Form screen:

1. Add an info button to the ITN field that opens the official guidelines.
2. Add an info button the HS tariff field that opens the official guidelines.
3. Add an info button to the description field that shows a dialog with more information.
4. Add an info button to the origin country field that shows a dialog with more information.

Note

For the description field, as we are using the material outlined text field, showing the info button next to the label like what we have in Figma and what iOS does is not possible, I instead opted to have it inlined in the end, let me know what you think.

Steps to reproduce

1. Open an international order.
2. Open shipping labels creation form.
3. Open the customs form.

Testing information

• Confirm all the info buttons work as expected.

The tests that have been performed

The above.

Images/gif

Before	After

• I have considered if this change warrants release notes and have added them to RELEASE-NOTES.txt if necessary. Use the "[Internal]" label for non-user-facing changes.

[dangermattic]

	1 Warning
⚠️	This PR is larger than 300 lines of changes. Please consider splitting it into smaller PRs for easier and faster reviews.

Generated by 🚫 Danger

[hichamboushaba]

For simplicity, I opted to use LocalUriHandler, this allows us to not add more callbacks to the Compose function that already has too many callbacks, but on the other hand this means the ViewModel is not involved here, and we can't unit test this. Personally I think it's fine, but please let me know if you don't agree.

Also, I'm using a custom UriHandler here to use a Chrome custom tab instead of opening the URLs in external browser.

[irfano]

Good call!

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce-Wear Android by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce-Wear Android
	Platform	⌚️ Wear OS
	Flavor	Jalapeno
	Build Type	Debug
	Commit	b4a9d0b
	Direct Download	woocommerce-wear-prototype-build-pr14477-b4a9d0b.apk

[wpmobilebot]

📲 You can test the changes from this Pull Request in WooCommerce Android by scanning the QR code below to install the corresponding build.

	App Name	WooCommerce Android
	Platform	📱 Mobile
	Flavor	Jalapeno
	Build Type	Debug
	Commit	b4a9d0b
	Direct Download	woocommerce-prototype-build-pr14477-b4a9d0b.apk

[codecov-commenter]

Codecov Report

❌ Patch coverage is 0% with 131 lines in your changes missing coverage. Please review.
✅ Project coverage is 37.94%. Comparing base (9cc9911) to head (b4a9d0b).
⚠️ Report is 127 commits behind head on trunk.

Files with missing lines	Patch %	Lines
...toms/products/WooShippingCustomsProductListItem.kt	0.00%	113 Missing ⚠️
...abels/components/RoundedBorderDropdownWithLabel.kt	0.00%	15 Missing ⚠️
.../android/ui/compose/component/WCOutlinedSpinner.kt	0.00%	3 Missing ⚠️

Additional details and impacted files

@@             Coverage Diff              @@
##              trunk   #14477      +/-   ##
============================================
- Coverage     37.97%   37.94%   -0.04%     
  Complexity     9261     9261              
============================================
  Files          2004     2004              
  Lines        112748   112849     +101     
  Branches      14887    14910      +23     
============================================
- Hits          42819    42818       -1     
- Misses        66018    66120     +102     
  Partials       3911     3911              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

[hichamboushaba]

Thanks @irfano, ready for another round.

[irfano]

Thanks, Hicham! LGTM! 🚢