Fix empty state for currency inputs in product editor (woocommerce#38697

)
Neosate · Jun 15, 2023 · ce770bb · ce770bb
1 parent bfd720c
commit ce770bb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/packages/js/product-editor/changelog/fix-38623 b/packages/js/product-editor/changelog/fix-38623
@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Fix empty state for currency inputs in product editor
diff --git a/packages/js/product-editor/src/hooks/use-currency-input-props.ts b/packages/js/product-editor/src/hooks/use-currency-input-props.ts
@@ -81,7 +81,7 @@ export const useCurrencyInputProps = ( {
 			}
 		},
 		onChange( newValue: string ) {
-			const sanitizeValue = sanitizePrice( newValue || '0' );
+			const sanitizeValue = sanitizePrice( newValue );
 			if ( onChange ) {
 				onChange( sanitizeValue );
 			}

diff --git a/packages/js/product-editor/src/hooks/use-product-helper.ts b/packages/js/product-editor/src/hooks/use-product-helper.ts
@@ -312,6 +312,10 @@ export function useProductHelper() {
 	 */
 	const sanitizePrice = useCallback(
 		( price: string ) => {
+			if ( ! price.length ) {
+				return '';
+			}
+
 			const { getCurrencyConfig } = context;
 			const { decimalSeparator } = getCurrencyConfig();
 			// Build regex to strip out everything except digits, decimal point and minus sign.