Deprecate design preview option viewport_width (#78823)

Automattic · valterlorran · Jun 29, 2023 · Jun 29, 2023 · Jun 29, 2023 · Jun 29, 2023
commit 439626e080aeb27cb5eb0878b021b03b30672134
diff --git a/packages/design-picker/src/types.ts b/packages/design-picker/src/types.ts
@@ -139,7 +139,6 @@ export interface DesignPreviewOptions {
 	vertical_id?: string;
 	site_title?: string;
 	site_tagline?: string;
-	viewport_width?: number;
 	viewport_height?: number;
 	use_screenshot_overrides?: boolean;
 	disable_viewport_height?: boolean;

diff --git a/packages/design-picker/src/utils/__tests__/designs.test.ts b/packages/design-picker/src/utils/__tests__/designs.test.ts
@@ -52,12 +52,11 @@ describe( 'Design Picker designs utils', () => {
 				language: 'id',
 				vertical_id: '3',
 				site_title: 'Design Title',
-				viewport_width: 1280,
 				viewport_height: 700,
 			};
 
 			expect( getDesignPreviewUrl( design, options ) ).toEqual(
-				`https://public-api.wordpress.com/wpcom/v2/block-previews/site?stylesheet=pub%2Fzoologist&pattern_ids=12%2C34&vertical_id=3&language=id&viewport_width=1280&viewport_height=700&source_site=patternboilerplates.wordpress.com&site_title=Design%20Title`
+				`https://public-api.wordpress.com/wpcom/v2/block-previews/site?stylesheet=pub%2Fzoologist&pattern_ids=12%2C34&vertical_id=3&language=id&viewport_height=700&source_site=patternboilerplates.wordpress.com&site_title=Design%20Title`
 			);
 		} );
 

diff --git a/packages/design-picker/src/utils/designs.ts b/packages/design-picker/src/utils/designs.ts
@@ -28,7 +28,6 @@ export const getDesignPreviewUrl = (
 			: undefined,
 		vertical_id: options.vertical_id,
 		language: options.language,
-		...( options.viewport_width && { viewport_width: options.viewport_width } ),
 		viewport_height: ! options.disable_viewport_height
 			? options.viewport_height || DEFAULT_VIEWPORT_HEIGHT
 			: undefined,