feat: Remove license button/dialog

Author: distantnative

config/areas/system/dialogs.php

@@ -57,6 +57,26 @@
 			// @codeCoverageIgnoreEnd
 		}
 	],
+	'license/remove' => [
+		'load' => function () {
+			return [
+				'component' => 'k-remove-dialog',
+				'props' => [
+					'text' => I18n::translate('license.remove.text'),
+					'size' => 'medium',
+					'submitButton' => [
+						'icon'  => 'trash',
+						'text'  => I18n::translate('remove'),
+						'theme' => 'negative',
+					],
+				]
+			];
+		},
+		'submit' => function () {
+			App::instance()->system()->license()->delete();
+			return true;
+		}
+	],
 	// license registration
 	'registration' => [
 		'load' => function () {

i18n/translations/en.json

@@ -474,6 +474,7 @@
 	"license.code": "Code",
 	"license.code.help": "You received your license code after the purchase via email. Please copy and paste it here.",
 	"license.code.label": "Please enter your license code",
+	"license.remove.text": "<p>Removing the license will irreversibly delete the license file from this site. You can activate this site with another license key afterwards.</p><p>The license will remain registered to the domain on the license hub. To change this, contact the Kirby team. <a href='https://getkirby.com/license'>Read more &rarr;</a></p>",
 	"license.status.active.info": "Includes new major versions until {date}",
 	"license.status.active.label": "Valid license",
 	"license.status.demo.info": "This is a demo installation",

panel/src/components/Dialogs/LicenseDialog.vue

@@ -10,6 +10,14 @@
 			<h2 class="k-headline">
 				{{ $t("license") }}
 			</h2>
+
+			<k-button
+				:text="$t('remove')"
+				icon="trash"
+				size="xs"
+				variant="filled"
+				dialog="license/remove"
+			/>
 		</k-bar>
 
 		<div class="k-table">
@@ -69,7 +77,7 @@ export default {
 	gap: var(--spacing-2);
 }
 
-.k-license-dialog .k-icon {
-	color: var(--theme-color-700);
+.k-license-dialog .k-license-dialog-status {
+	--icon-color: var(--theme-color-700);
 }
 </style>