From 5ebc25048e6f18ed0b4f963b411ec7c50104c29c Mon Sep 17 00:00:00 2001
From: Mikael Korpela <mikael@ihminen.org>
Date: Tue, 14 Jan 2025 15:47:04 +0200
Subject: [PATCH] Revert "Revert "Forms: rename "URL" field to "Website"
 (#40994)" (#41026)" (#41029)

This reverts commit 692d991780d6c5d29cd436715d0248cd015281f9.
---
 .../changelog/update-forms-url-field-rename   |  4 +++
 .../src/blocks/contact-form/child-blocks.js   | 25 ++++++++-----------
 2 files changed, 14 insertions(+), 15 deletions(-)
 create mode 100644 projects/packages/forms/changelog/update-forms-url-field-rename

diff --git a/projects/packages/forms/changelog/update-forms-url-field-rename b/projects/packages/forms/changelog/update-forms-url-field-rename
new file mode 100644
index 0000000000000..8e08ef96503e5
--- /dev/null
+++ b/projects/packages/forms/changelog/update-forms-url-field-rename
@@ -0,0 +1,4 @@
+Significance: minor
+Type: changed
+
+Forms: rename "URL" field to "Website"
diff --git a/projects/packages/forms/src/blocks/contact-form/child-blocks.js b/projects/packages/forms/src/blocks/contact-form/child-blocks.js
index 151ec195ce1b1..f84d3fd52e58f 100644
--- a/projects/packages/forms/src/blocks/contact-form/child-blocks.js
+++ b/projects/packages/forms/src/blocks/contact-form/child-blocks.js
@@ -1,7 +1,7 @@
 import { createBlock } from '@wordpress/blocks';
-import { Path } from '@wordpress/components';
-import { Fragment } from '@wordpress/element';
+import { Path, Icon } from '@wordpress/components';
 import { __, _x } from '@wordpress/i18n';
+import { globe } from '@wordpress/icons';
 import { filter, isEmpty, map, startsWith, trim } from 'lodash';
 import JetpackField from './components/jetpack-field';
 import JetpackFieldCheckbox from './components/jetpack-field-checkbox';
@@ -409,7 +409,7 @@ export const childBlocks = [
 		name: 'field-url',
 		settings: {
 			...FieldDefaults,
-			title: __( 'URL Field', 'jetpack-forms' ),
+			title: __( 'Website Field', 'jetpack-forms' ),
 			keywords: [
 				__( 'url', 'jetpack-forms' ),
 				__( 'internet page', 'jetpack-forms' ),
@@ -417,18 +417,13 @@ export const childBlocks = [
 				__( 'website', 'jetpack-forms' ),
 			],
 			description: __( 'Collect a website address from your site visitors.', 'jetpack-forms' ),
-			icon: renderMaterialIcon(
-				<>
-					<Path
-						fill={ getIconColor() }
-						d="M4.47118 8.5H3V12.9489C3 14.4653 4.14479 15.5 5.94723 15.5C7.74479 15.5 8.88958 14.4653 8.88958 12.9489V8.5H7.4184V12.8059C7.4184 13.688 6.88742 14.265 5.94723 14.265C5.00216 14.265 4.47118 13.688 4.47118 12.8059V8.5Z"
-					/>
-					<Path
-						fill={ getIconColor() }
-						d="M11.5348 9.62534H12.7867C13.5175 9.62534 13.9754 10.0545 13.9754 10.7221C13.9754 11.404 13.5418 11.8188 12.8014 11.8188H11.5348V9.62534ZM11.5348 12.8631H12.7137L14.0241 15.3808H15.6901L14.2092 12.6485C15.0179 12.3386 15.4855 11.5756 15.4855 10.6935C15.4855 9.33447 14.5599 8.5 12.9426 8.5H10.0636V15.3808H11.5348V12.8631Z"
-					/>
-					<Path fill={ getIconColor() } d="M21 14.1887H17.9261V8.5H16.4549V15.3808H21V14.1887Z" />
-				</>
+			icon: (
+				<Icon
+					icon={ globe }
+					style={ {
+						fill: getIconColor(),
+					} }
+				/>
 			),
 			edit: editField( 'url' ),
 			attributes: {