[Woo POS][Barcodes] Frame the QR code and increase brightness for better scanability

[staskus]

Description

WOOMOB-880
Android woocommerce/woocommerce-android#14357

To facilitate scanning setup in the dark mode:

• Frame QR code in a white clip shape background with padding
• Increase the screen brightness to maximum while the setup is open

Steps to reproduce

1. Open POS on the iPad device
2. Set the device to lower background brightness
3. Select ... -> Barcode Scanning
4. Confirm the brightness increases
5. Confirm that closing the modal decreases the brightness to a previous brightness level
6. Open and continue the flow
7. Confirm that barcodes (and QR codes) are framed

Tell me your experience scanning these codes in dark mode. Is the experience smooth or does the scanner struggle to get a scan?

Testing information

Tested on iPad Air M2 iOS 26 + Inateck Scanner

Screenshots

ScreenRecording_07-22-2025.11-40-31_1.MP4

---

• I have considered if this change warrants user-facing release notes and have added them to RELEASE-NOTES.txt if necessary.

[Copilot]

Pull Request Overview

This PR enhances the barcode scanner setup experience in dark mode by implementing automatic brightness control and improving QR code visibility. The changes focus on making barcode scanning more reliable in low-light conditions.

Key changes:

• Adds automatic brightness control that increases screen brightness to maximum during barcode scanner setup
• Frames QR codes and barcodes with white backgrounds and rounded corners for better contrast
• Increases the maximum barcode size for improved visibility

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 4 comments.

File	Description
WooCommerce.xcodeproj/project.pbxproj	Adds the new POSBrightnessControl.swift file to the project build configuration
POSBrightnessControl.swift	Implements brightness control functionality with automatic restoration and SwiftUI view modifier
PointOfSaleBarcodeScannerSetupStepViews.swift	Adds white background padding and rounded corners to barcode displays, increases maximum size
PointOfSaleBarcodeScannerSetup.swift	Applies the brightness control modifier to the scanner setup view

[Copilot]

UIScreen.main.brightness should be accessed on the main thread. Consider wrapping this in DispatchQueue.main.async or using @mainactor to ensure thread safety.

[Copilot]

UIScreen.main.brightness modification should be performed on the main thread. Consider wrapping this in DispatchQueue.main.async or using @mainactor to ensure thread safety.

[Copilot]

UIScreen.main.brightness modification should be performed on the main thread. Consider wrapping this in DispatchQueue.main.async or using @mainactor to ensure thread safety.

Suggested change

	UIScreen.main.brightness = 1.0
	isBrightnessIncreased = true
	}
	func restoreOriginalBrightness() {
	guard isBrightnessIncreased else { return }
	UIScreen.main.brightness = originalBrightness
	isBrightnessIncreased = false
	}
	deinit {
	if isBrightnessIncreased {
	UIScreen.main.brightness = originalBrightness
	DispatchQueue.main.async {
	UIScreen.main.brightness = 1.0
	}
	isBrightnessIncreased = true
	}
	func restoreOriginalBrightness() {
	guard isBrightnessIncreased else { return }
	DispatchQueue.main.async {
	UIScreen.main.brightness = originalBrightness
	}
	isBrightnessIncreased = false
	}
	deinit {
	if isBrightnessIncreased {
	DispatchQueue.main.async {
	UIScreen.main.brightness = originalBrightness
	}

[Copilot]

UIScreen.main.brightness modification in deinit should be performed on the main thread. Consider using DispatchQueue.main.async to ensure thread safety during cleanup.

Suggested change

	UIScreen.main.brightness = originalBrightness
	DispatchQueue.main.async {
	UIScreen.main.brightness = originalBrightness
	}

[wpmobilebot]

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

	App Name	WooCommerce iOS Prototype
	Build Number	pr15934-80faa66
	Version	22.8
	Bundle ID	com.automattic.alpha.woocommerce
	Commit	80faa66
	Installation URL	7tmma9egvc0i8

Automatticians: You can use our internal self-serve MC tool to give yourself access to those builds if needed.

[jaclync]

Works like a charm! 🚀 Tested in iPad Pro 11in 3rd generation, iOS 18.5.