chore(deps-dev): bump the dev-dependencies group with 10 updates

apps/main/__tests__/e2e-fixtures.test.ts

@@ -1,4 +1,4 @@
-import { isRouteTeardownError } from '../e2e/fixtures';
+import { isRouteTeardownError } from '../e2e/route-errors';
 
 describe('isRouteTeardownError', () => {
 	it('recognizes Playwright route callbacks that fail because the page closed', () => {
@@ -11,6 +11,26 @@ describe('isRouteTeardownError', () => {
 		).toBe(true);
 	});
 
+	it('recognizes Playwright route callbacks that outlive the test', () => {
+		expect(
+			isRouteTeardownError(
+				new Error(
+					"route.fetch: Test ended. Consider awaiting `await page.unrouteAll({ behavior: 'ignoreErrors' })` before the end of the test to ignore remaining routes in flight."
+				)
+			)
+		).toBe(true);
+		expect(isRouteTeardownError(new Error('apiResponse.json: Response has been disposed'))).toBe(
+			true
+		);
+		expect(
+			isRouteTeardownError(
+				new Error(
+					'browserContext.close: Protocol error (Target.disposeBrowserContext): Failed to find context with id 513C879CBD62230DCD877196EE9BEC01'
+				)
+			)
+		).toBe(true);
+	});
+
 	it('does not hide unrelated route failures', () => {
 		expect(isRouteTeardownError(new Error('route.fetch: connect ECONNREFUSED'))).toBe(false);
 	});

apps/main/e2e/fixtures.ts

@@ -11,6 +11,7 @@ import {
 
 import { restoreOPFS } from './opfs-helpers';
 import { restoreLocalStorage, type SavedAuthState } from './indexeddb-helpers';
+import { isRouteTeardownError } from './route-errors';
 
 import type { StoreVariant, WcposTestOptions } from '../playwright.config';
 
@@ -28,14 +29,7 @@ const APP_PACKAGE_VERSION = JSON.parse(
 	fs.readFileSync(path.join(__dirname, '..', 'package.json'), 'utf8')
 ).version;
 const VERSION_STUBBED_CONTEXTS = new WeakSet<BrowserContext>();
-
-export function isRouteTeardownError(error: unknown): boolean {
-	if (!(error instanceof Error)) {
-		return false;
-	}
-
-	return error.message.includes('Target page, context or browser has been closed');
-}
+export { isRouteTeardownError } from './route-errors';
 
 /**
  * Get the store URL from the project config, with env var override.
@@ -595,7 +589,12 @@ export const authenticatedTest = base.extend<{ posPage: Page }>({
 			await authenticateWithStore(page, testInfo);
 		}
 
-		// eslint-disable-next-line react-hooks/rules-of-hooks -- Playwright fixture API, not a React hook
-		await use(page);
+		try {
+			// eslint-disable-next-line react-hooks/rules-of-hooks -- Playwright fixture API, not a React hook
+			await use(page);
+		} finally {
+			await page.unrouteAll({ behavior: 'ignoreErrors' }).catch(() => {});
+			await page.context().unrouteAll({ behavior: 'ignoreErrors' }).catch(() => {});
+		}
 	},
 });

apps/main/e2e/route-errors.ts

@@ -0,0 +1,16 @@
+const ROUTE_TEARDOWN_ERROR_MESSAGES = [
+	'Target page, context or browser has been closed',
+	'Test ended',
+	'Response has been disposed',
+	'Target.disposeBrowserContext',
+];
+
+export function isRouteTeardownError(error: unknown): boolean {
+	if (!(error instanceof Error)) {
+		return false;
+	}
+
+	return ROUTE_TEARDOWN_ERROR_MESSAGES.some((message) =>
+		error.message.includes(message)
+	);
+}

apps/main/package.json

@@ -96,7 +96,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.29.7",
-    "@playwright/test": "^1.60.0",
+    "@playwright/test": "^1.61.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/react": "^19.2.17",

apps/template-studio/package.json

@@ -36,8 +36,8 @@
 		"@types/react": "^19.2.17",
 		"@types/react-dom": "^19.2.3",
 		"jsdom": "^26.1.0",
-		"playwright": "1.60.0",
+		"playwright": "1.61.1",
 		"tsx": "^4.22.4",
-		"vitest": "^4.1.8"
+		"vitest": "^4.1.9"
 	}
 }

package.json

@@ -42,7 +42,7 @@
     "eslint": "^9.39.4",
     "expo": "~56.0.11",
     "glob": "^13.0.6",
-    "lint-staged": "^16.4.0",
+    "lint-staged": "^17.0.8",
     "prettier-plugin-tailwindcss": "^0.8.0"
   },
   "dependencies": {

packages/components/src/combobox/combobox.tsx

@@ -59,8 +59,7 @@ function Combobox<T = undefined>({
 		prop: valueProp as Option<any> | Option<any>[] | undefined,
 		defaultProp: defaultValue as Option<any> | Option<any>[] | undefined,
 		onChange: onValueChangeProp as
-			| ((value: Option<any> | Option<any>[] | undefined) => void)
-			| undefined,
+			((value: Option<any> | Option<any>[] | undefined) => void) | undefined,
 	});
 	const [filterValue, setFilterValue] = React.useState('');
 

packages/components/src/error-boundary/react-error-boundary.tsx

@@ -55,9 +55,7 @@ interface ErrorBoundaryPropsWithFallback {
 }
 
 type ErrorBoundaryProps =
-	| ErrorBoundaryPropsWithFallback
-	| ErrorBoundaryPropsWithComponent
-	| ErrorBoundaryPropsWithRender;
+	ErrorBoundaryPropsWithFallback | ErrorBoundaryPropsWithComponent | ErrorBoundaryPropsWithRender;
 
 type ErrorBoundaryState = { error: Error | null };
 

packages/components/src/form/combobox.tsx

@@ -12,8 +12,7 @@ import type { FormItemProps } from './common';
  * Multi-select: value is Option[], passed through directly.
  */
 type FormComboboxProps = (
-	| (FormItemProps<string> & { multiple?: false })
-	| (FormItemProps<Option[]> & { multiple: true })
+	(FormItemProps<string> & { multiple?: false }) | (FormItemProps<Option[]> & { multiple: true })
 ) &
 	Omit<Partial<React.ComponentProps<typeof Combobox>>, 'value' | 'onValueChange' | 'multiple'>;
 

packages/components/src/form/select.tsx

@@ -11,8 +11,7 @@ import type { FormItemProps } from './common';
  * Multi-select: value is Option[], passed through directly.
  */
 type FormSelectProps = (
-	| (FormItemProps<string> & { multiple?: false })
-	| (FormItemProps<Option[]> & { multiple: true })
+	(FormItemProps<string> & { multiple?: false }) | (FormItemProps<Option[]> & { multiple: true })
 ) &
 	Omit<Partial<React.ComponentProps<typeof Select>>, 'value' | 'onValueChange' | 'multiple'>;
 

packages/components/src/tree-combobox/tree-combobox.tsx

@@ -113,8 +113,7 @@ function TreeCombobox<T = undefined>({
 		prop: valueProp as ComboboxOption | ComboboxOption[] | undefined,
 		defaultProp: defaultValue as ComboboxOption | ComboboxOption[] | undefined,
 		onChange: onValueChangeProp as
-			| ((v: ComboboxOption | ComboboxOption[] | undefined) => void)
-			| undefined,
+			((v: ComboboxOption | ComboboxOption[] | undefined) => void) | undefined,
 	});
 
 	const isSelected = React.useCallback(

packages/components/src/tree-combobox/types.ts

@@ -32,8 +32,7 @@ export type TreeComboboxMultiProps<T = undefined> = TreeComboboxBaseProps<T> & {
 };
 
 export type TreeComboboxProps<T = undefined> =
-	| TreeComboboxSingleProps<T>
-	| TreeComboboxMultiProps<T>;
+	TreeComboboxSingleProps<T> | TreeComboboxMultiProps<T>;
 
 // --- Content props ---
 

packages/core/src/hooks/use-wcpos-auth/index.web.ts

@@ -114,8 +114,7 @@ function parseAuthFromUrl(): WcposAuthResult | null {
 	if (result.type === 'success' && result.params) {
 		const savedState = getSavedCsrfState();
 		const returnedState = (result.params as unknown as Record<string, unknown>)?.state as
-			| string
-			| undefined;
+			string | undefined;
 
 		if (savedState && returnedState !== savedState) {
 			oauthLogger.error('State parameter mismatch - possible CSRF attack');

packages/core/src/screens/auth/hooks/use-site-connect.ts

@@ -58,13 +58,7 @@ interface ExtendedSiteData extends WpJsonResponse {
 }
 
 export type SiteConnectStatus =
-	| 'idle'
-	| 'discovering-url'
-	| 'discovering-api'
-	| 'testing-auth'
-	| 'saving'
-	| 'success'
-	| 'error';
+	'idle' | 'discovering-url' | 'discovering-api' | 'testing-auth' | 'saving' | 'success' | 'error';
 
 export interface SiteConnectProgress {
 	step: number;

packages/core/src/screens/main/components/drawer-content/drawer-item-list.tsx

@@ -31,8 +31,7 @@ export function DrawerItemList({ state, navigation, descriptors }: DrawerContent
 				key={route.key}
 				label={
 					(drawerLabel !== undefined ? drawerLabel : title !== undefined ? title : route.name) as
-						| string
-						| ((props: { focused?: boolean; color?: string }) => React.ReactNode)
+						string | ((props: { focused?: boolean; color?: string }) => React.ReactNode)
 				}
 				icon={
 					drawerIcon as

packages/core/src/screens/main/components/product/variable-price.tsx

@@ -24,15 +24,11 @@ export function VariableProductPrice({
 }: CellContext<{ document: ProductDocument }, 'price' | 'regular_price' | 'sale_price'>) {
 	const product = row.original.document;
 	const taxStatus = useObservableState(product.tax_status$!, product.tax_status) as
-		| 'none'
-		| 'taxable'
-		| 'shipping'
-		| undefined;
+		'none' | 'taxable' | 'shipping' | undefined;
 	const taxClass = useObservableState(product.tax_class$!, product.tax_class) as string | undefined;
 
 	const metaData = useObservableState(product.meta_data$!, product.meta_data) as
-		| { key?: string; value?: string }[]
-		| undefined;
+		{ key?: string; value?: string }[] | undefined;
 	const variablePrices = getVariablePrices(metaData);
 	const key = column.id as PriceKey;
 

packages/core/src/screens/main/hooks/mutations/use-local-mutation.ts

@@ -20,11 +20,7 @@ import { convertLocalDateToUTCString } from '../../../../hooks/use-local-date';
 const mutationLogger = getLogger(['wcpos', 'mutations', 'local']);
 
 type Document =
-	| OrderDocument
-	| ProductDocument
-	| CustomerDocument
-	| ProductVariationDocument
-	| CouponDocument;
+	OrderDocument | ProductDocument | CustomerDocument | ProductVariationDocument | CouponDocument;
 
 // Generic interface for LocalPatchProps, where T extends Document.
 interface LocalPatchProps<T extends Document> {

packages/core/src/screens/main/hooks/mutations/use-mutation.ts

@@ -22,11 +22,7 @@ import { CollectionKey, useCollection } from '../use-collection';
 const mutationLogger = getLogger(['wcpos', 'mutations', 'document']);
 
 type Document =
-	| OrderDocument
-	| ProductDocument
-	| CustomerDocument
-	| ProductVariationDocument
-	| CouponDocument;
+	OrderDocument | ProductDocument | CustomerDocument | ProductVariationDocument | CouponDocument;
 
 interface Props {
 	collectionName: CollectionKey;

packages/core/src/screens/main/hooks/use-current-order-currency-format.ts

@@ -9,8 +9,7 @@ import { useCurrentOrder } from '../pos/contexts/current-order';
 export const useCurrentOrderCurrencyFormat = (options?: CurrencyFormatOptions) => {
 	const { currentOrder } = useCurrentOrder();
 	const currencySymbol = useObservableEagerState(currentOrder.currency_symbol$!) as
-		| string
-		| undefined;
+		string | undefined;
 	const { format } = useCurrencyFormat({ currencySymbol, ...options });
 
 	return {

packages/core/src/screens/main/logs/cells/level.tsx

@@ -22,8 +22,7 @@ const variantMap: Record<string, string> = {
 export function Level({ row, table }: CellContext<{ document: LogDocument }, 'level'>) {
 	const log = row.original.document;
 	const query = (table.options.meta as Record<string, unknown> | undefined)?.query as
-		| Query<any>
-		| undefined;
+		Query<any> | undefined;
 
 	const handlePress = React.useCallback(() => {
 		if (query) {

packages/core/src/screens/main/orders/refund/form.tsx

@@ -121,9 +121,7 @@ export function RefundOrderForm({ order }: Props) {
 	const taxRates = React.useContext(TaxRatesContext);
 	const storeDp = useObservableEagerState(store?.wc_price_decimals$) as number | undefined;
 	const taxDisplayCart = useObservableEagerState(store?.tax_display_cart$) as
-		| 'incl'
-		| 'excl'
-		| undefined;
+		'incl' | 'excl' | undefined;
 	const displayTax: 'incl' | 'excl' = taxDisplayCart === 'excl' ? 'excl' : 'incl';
 	const dp = resolvePriceNumDecimals({
 		contextDp: taxRates?.priceNumDecimals,

packages/core/src/screens/main/receipt/hooks/use-resolved-printer.ts

@@ -11,9 +11,7 @@ import { useAvailablePrinterProfiles } from '../../settings/printer/use-availabl
 import { useAppState } from '../../../../contexts/app-state';
 
 export type PrinterSelection =
-	| { type: 'auto' }
-	| { type: 'system' }
-	| { type: 'manual'; printerId: string };
+	{ type: 'auto' } | { type: 'system' } | { type: 'manual'; printerId: string };
 
 interface UseResolvedPrinterOptions {
 	template: TemplateInfo | null;

packages/core/src/screens/main/settings/printer/available-printer-profiles.ts

@@ -19,10 +19,7 @@ export type CloudPrintResponse =
 	| CloudPrinterPayload[]
 	| {
 			printers?:
-				| CloudPrinterPayload[]
-				| CloudPrinterPayload
-				| Record<string, CloudPrinterPayload>
-				| null;
+				CloudPrinterPayload[] | CloudPrinterPayload | Record<string, CloudPrinterPayload> | null;
 	  };
 
 const SYSTEM_PRINTER: PrinterProfile = {

packages/database/package.json

@@ -39,7 +39,7 @@
     "uuid": "^14.0.0"
   },
   "devDependencies": {
-    "@faker-js/faker": "^10.4.0",
+    "@faker-js/faker": "^10.5.0",
     "@types/jest": "^30.0.0",
     "@types/lodash": "^4.17.24",
     "expo-sqlite": "~56.0.5",

packages/database/src/migration/storage/index.native.test.ts

@@ -98,8 +98,7 @@ describe('native storage migration configuration', () => {
 
 		getNativeOldStorage();
 		const sqliteStorageArgs = mockGetRxStorageSQLite.mock.calls[0]?.[0] as
-			| { sqliteBasics: { open(name: string): Promise<unknown> } }
-			| undefined;
+			{ sqliteBasics: { open(name: string): Promise<unknown> } } | undefined;
 
 		expect(sqliteStorageArgs).toBeDefined();
 		await sqliteStorageArgs!.sqliteBasics.open('wcposusers_v2');

packages/eslint/package.json

@@ -23,7 +23,7 @@
 		"eslint-config-expo": "^56.0.4",
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-prettier": "^5.5.6",
-		"prettier": "^3.8.4",
+		"prettier": "^3.9.4",
 		"prettier-plugin-tailwindcss": "^0.8.0"
 	},
 	"dependencies": {

packages/hooks/package.json

@@ -56,7 +56,7 @@
     "@types/react": "^19.2.17",
     "jest": "^30.4.2",
     "react-native": "0.85.3",
-    "react-test-renderer": "19.2.3",
+    "react-test-renderer": "19.2.7",
     "ts-jest": "^29.4.11"
   }
 }

packages/printer/package.json

@@ -26,7 +26,7 @@
 		"@testing-library/react": "^16.3.2",
 		"jsdom": "^26.1.0",
 		"react-dom": "19.2.7",
-		"vitest": "^4.1.8"
+		"vitest": "^4.1.9"
 	},
 	"peerDependencies": {
 		"expo-print": ">=55.0.0",