From 7b6a79a8abb99c17a602f5db85284edc9fde9cf8 Mon Sep 17 00:00:00 2001
From: Warren Buckley <warren@umbraco.com>
Date: Tue, 17 Jan 2023 15:14:49 +0000
Subject: [PATCH 1/2] Adds the marketplace iframe

---
 ...kages-market-place-section-view.element.ts | 35 +++++++++++++++++--
 1 file changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/packages/package-section/views/market-place/packages-market-place-section-view.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/packages/package-section/views/market-place/packages-market-place-section-view.element.ts
index 7b8b760c5a..b5c8e7b12d 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/packages/package-section/views/market-place/packages-market-place-section-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/packages/package-section/views/market-place/packages-market-place-section-view.element.ts
@@ -1,10 +1,39 @@
-import { html, LitElement } from 'lit';
-import { customElement } from 'lit/decorators.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
 
 @customElement('umb-packages-market-place-section-view')
 export class UmbPackagesMarketPlaceSectionViewElement extends LitElement {
+	static styles = [css`
+		#container {
+			height: 100%;
+			display: flex;
+			align-items: stretch;
+		}
+
+
+		iframe {
+			width: 100%;
+  			height: 100%;
+  			overflow: hidden;
+			border: none;
+		}
+	`];
+
+	// TODO: This URL comes from the server
+	// Was previously found in 'Umbraco.Sys.ServerVariables.umbracoUrls.marketplaceUrl'
+	@property()
+	marketplaceUrl: string = 'https://marketplace.umbraco.com/?umbversion=11.1.0&style=backoffice';
+
 	render() {
-		return html`<div>Render Marketplace</div> `;
+		return html`
+			<div id="container">
+				<iframe
+					src="${this.marketplaceUrl}"
+					title="Umbraco Marketplace"
+					allowfullscreen
+					allow="geolocation; autoplay; clipboard-write; encrypted-media">
+				</iframe>
+			</div>`;
 	}
 }
 

From 8f389a217dd7f2afe913eda9496b3e7789674f46 Mon Sep 17 00:00:00 2001
From: Warren Buckley <warren@umbraco.com>
Date: Tue, 17 Jan 2023 15:22:13 +0000
Subject: [PATCH 2/2] Updated to pass linter on GitHub Actions CI - type is
 inferred by default value

---
 .../market-place/packages-market-place-section-view.element.ts  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/packages/package-section/views/market-place/packages-market-place-section-view.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/packages/package-section/views/market-place/packages-market-place-section-view.element.ts
index b5c8e7b12d..fb4eb3af97 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/packages/package-section/views/market-place/packages-market-place-section-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/packages/package-section/views/market-place/packages-market-place-section-view.element.ts
@@ -22,7 +22,7 @@ export class UmbPackagesMarketPlaceSectionViewElement extends LitElement {
 	// TODO: This URL comes from the server
 	// Was previously found in 'Umbraco.Sys.ServerVariables.umbracoUrls.marketplaceUrl'
 	@property()
-	marketplaceUrl: string = 'https://marketplace.umbraco.com/?umbversion=11.1.0&style=backoffice';
+	marketplaceUrl = 'https://marketplace.umbraco.com/?umbversion=11.1.0&style=backoffice';
 
 	render() {
 		return html`