Merge branch 'main' of https://git.thomasfamily.duckdns.org/cognito-forms/cognitoforms-wordpress

azure-pipelines.yaml

@@ -1,16 +1,16 @@
 trigger:
-	- main
+  - main
 
 pool:
-	vmImage: 'ubuntu-latest'
+  vmImage: 'ubuntu-latest'
 
 steps:
-	- script: yarn install
+  - script: yarn install
-		displayName: 🛠️ Install Dependencies
+    displayName: 🛠️ Install Dependencies
-	- script: yarn build
+  - script: yarn build
-		displayName: 🚀 Build Plugin
+    displayName: 🚀 Build Plugin
-	- task: PublishPipelineArtifact@1
+  - task: PublishPipelineArtifact@1
-		displayName: 📦 Create Artifact
+    displayName: 📦 Create Artifact
-		inputs:
+    inputs:
-			targetPath: $(System.DefaultWorkingDirectory)
+      targetPath: $(System.DefaultWorkingDirectory)
-			artifactName: CognitoFormsPlugin
+      artifactName: CognitoFormsPlugin

block.json

@@ -0,0 +1,28 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 2,
+	"name": "cognito-forms/cognito-embed",
+	"title": "Cognito Forms",
+	"description": "Easily build powerful forms.",
+	"category": "embed",
+	"supports": {
+		"html": false
+	},
+	"attributes": {
+		"formId": {
+			"type": "string"
+		},
+		"seamlessEmbedCode": {
+			"type": "string"
+		},
+		"iframeEmbedCode": {
+			"type": "string"
+		},
+		"ampEmbedCode": {
+			"type": "string"
+		},
+		"embedMode": {
+			"type": "number"
+		}
+	}
+}

src/components/select-dialog.tsx

@@ -6,12 +6,15 @@ import { Modal, FocusableIframe } from '@wordpress/components';
 
 import { baseUrl } from '@/globals';
 
-type DialogProps = {
+interface IDialogProps {
 	setOpen: Function;
   onSelectForm: Function;
-};
+}
 
-class SelectDialog extends React.Component<DialogProps> {
+interface IDialogState {
+}
+
+class SelectDialog extends React.Component<IDialogProps, IDialogState> {
 	componentDidMount() {
 		window.addEventListener( 'message', this.handlePostMessage, false );
 	}
@@ -25,7 +28,7 @@ class SelectDialog extends React.Component<DialogProps> {
 			this.props.onSelectForm( event.data );
 			this.props.setOpen( false );
 		}
-	}
+	};
 
 	render() {
 		return (

src/globals.ts

@@ -1 +1 @@
-export const baseUrl: string = 'https://forms.cognito.test';
+export const baseUrl = 'https://forms.cognito.test';

src/types.ts

@@ -1,10 +1,10 @@
 export enum EmbedMode {
 	Seamless,
-	IFrame
+	IFrame,
 }
 
 export interface BlockAttributes {
-	formId: string,
+	formId: string;
 	iframeEmbedCode: string;
 	seamlessEmbedCode: string;
 	ampEmbedCode: string;