Merge pull request #391 from guardian/dina/create-new-test-template-f…

…or-public-good

Create new test template for Public Good

src/templates/csr/public-good-test/ad.json

@@ -0,0 +1,3 @@
+{
+	"nativeStyleId": "844854"
+}

src/templates/csr/public-good-test/index.svelte

@@ -0,0 +1,63 @@
+<script lang="ts">
+	import { getUSPData, isCcpaOptedOut } from '$lib/cmp';
+	import { post } from '$lib/messenger';
+	import { getPageURL } from '$lib/messenger/get-page-url';
+	import { create, type PgmApiOptions } from '$lib/public-good';
+
+	let container: HTMLElement;
+
+	const refresh = () =>
+		post({
+			type: 'passback-refresh',
+			value: 'public-good',
+		});
+
+	const onload = async () => {
+		let url = await getPageURL();
+
+		const consentState = await getUSPData();
+
+		if (!consentState || isCcpaOptedOut(consentState)) {
+			!consentState && console.error('No consent');
+
+			return refresh();
+		}
+
+		if (!url) {
+			console.error('No URL found');
+			return refresh();
+		}
+		const options: PgmApiOptions = {
+			partnerId: 'gmg-guardian',
+			attributes: {
+				url,
+			},
+			onHide: refresh,
+		};
+
+		create(container, options);
+	};
+</script>
+
+<svelte:head>
+	<script
+		type="text/javascript"
+		src="https://assets.publicgood.com/pgm/v1/dpg.js"
+		on:load={onload}
+	></script>
+</svelte:head>
+<div
+	id="public-good"
+	class="pgs-dpg-flex"
+	data-pgs-partner-id="gmg"
+	data-pgs-target-id="db973434-8db2-4293-9485-45ba5b591416"
+	data-pgs-target-type="campaign"
+	bind:this={container}
+/>
+
+<style lang="scss">
+	#public-good {
+		width: 100%;
+		height: 465px;
+	}
+</style>