add deprecations for calendly and opentable blocks

extensions/blocks/calendly/index.js

@@ -19,6 +19,11 @@ import './editor.scss';
 
 export const name = 'calendly';
 export const title = __( 'Calendly', 'jetpack' );
+const supports = {
+	align: true,
+	alignWide: false,
+	html: false,
+};
 export const settings = {
 	title,
 	description: __( 'Embed a calendar for customers to schedule appointments', 'jetpack' ),
@@ -29,11 +34,7 @@ export const settings = {
 		__( 'schedule', 'jetpack' ),
 		__( 'appointments', 'jetpack' ),
 	],
-	supports: {
-		align: true,
-		alignWide: false,
-		html: false,
-	},
+	supports,
 	edit,
 	save: ( { attributes: { url } } ) => (
 		<div>
@@ -61,4 +62,11 @@ export const settings = {
 			},
 		],
 	},
+	deprecated: [
+		{
+			attributes,
+			supports,
+			save: ( { attributes: { url } } ) => <a href={ url }>{ url }</a>,
+		},
+	],
 };

extensions/blocks/opentable/index.js

@@ -20,7 +20,10 @@ import './view.scss';
 export const name = 'opentable';
 export const title = __( 'OpenTable', 'jetpack' );
 import { getAttributesFromEmbedCode, restRefRegex, ridRegex } from './utils';
-
+const supports = {
+	align: true,
+	html: false,
+};
 export const settings = {
 	title,
 	description: __( 'Allow visitors to book a reservation with OpenTable', 'jetpack' ),
@@ -31,10 +34,7 @@ export const settings = {
 		__( 'reservation', 'jetpack' ),
 		__( 'restaurant', 'jetpack' ),
 	],
-	supports: {
-		align: true,
-		html: false,
-	},
+	supports,
 	edit,
 	save: ( { attributes: { rid } } ) => (
 		<div>
@@ -71,4 +71,19 @@ export const settings = {
 			},
 		],
 	},
+	deprecated: [
+		{
+			attributes: defaultAttributes,
+			supports,
+			save: ( { attributes: { rid } } ) => (
+				<>
+					{ rid.map( restaurantId => (
+						<a href={ `https://www.opentable.com/restref/client/?rid=${ restaurantId }` }>
+							{ `https://www.opentable.com/restref/client/?rid=${ restaurantId }` }
+						</a>
+					) ) }
+				</>
+			),
+		},
+	],
 };