From fb2a7726c9adf56fe668f51a32c95a503fa0f91d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bego=C3=B1a=20=C3=81lvarez=20de=20la=20Cruz?=
 <balvarez@boxfish.studio>
Date: Tue, 27 Dec 2022 10:22:35 +0100
Subject: [PATCH] feat: delete profile (#5476)

Co-authored-by: Mark Nardi <mark.nardi@iota.org>
---
 packages/mobile/features/features.ts          |  2 +-
 .../constants/settings-route-meta.constant.ts | 26 +++++----
 .../settings/views/DeleteProfileView.svelte   | 54 +++++++++++++++++++
 .../profile/views/settings/views/index.js     |  3 +-
 4 files changed, 74 insertions(+), 11 deletions(-)
 create mode 100644 packages/mobile/views/dashboard/drawers/profile/views/settings/views/DeleteProfileView.svelte

diff --git a/packages/mobile/features/features.ts b/packages/mobile/features/features.ts
index be42c24155..d03c62dc5d 100644
--- a/packages/mobile/features/features.ts
+++ b/packages/mobile/features/features.ts
@@ -94,7 +94,7 @@ const features = {
                 enabled: false,
             },
             deleteProfile: {
-                enabled: false,
+                enabled: true,
             },
         },
         advanced: {
diff --git a/packages/mobile/lib/contexts/dashboard/constants/settings-route-meta.constant.ts b/packages/mobile/lib/contexts/dashboard/constants/settings-route-meta.constant.ts
index a780971923..0f47f2c7d4 100644
--- a/packages/mobile/lib/contexts/dashboard/constants/settings-route-meta.constant.ts
+++ b/packages/mobile/lib/contexts/dashboard/constants/settings-route-meta.constant.ts
@@ -4,9 +4,10 @@ import {
     AppLockView,
     ThemeView,
     ChangePasswordView,
+    DeleteProfileView,
+    DiagnosticsView,
     ErrorLogView,
     LanguageView,
-    DiagnosticsView,
     WalletFinderView,
 } from '../../../../views/dashboard/drawers/profile/views/settings'
 import { SettingsRoute } from '../../../routers'
@@ -45,6 +46,21 @@ export const SETTINGS_ROUTE_META = {
         icon: SETTINGS_ICON_SVG[SettingsRoute.ChangePassword],
         view: ChangePasswordView,
     },
+    [SettingsRoute.DeleteProfile]: {
+        name: `views.settings.${SettingsRoute.DeleteProfile}.title`,
+        category: SettingsCategory.Security,
+        enabled: security?.[SettingsRoute.DeleteProfile]?.enabled,
+        icon: SETTINGS_ICON_SVG[SettingsRoute.DeleteProfile],
+        view: DeleteProfileView,
+    },
+    // Advanced
+    [SettingsRoute.WalletFinder]: {
+        name: `views.settings.${SettingsRoute.WalletFinder}.title`,
+        category: SettingsCategory.Advanced,
+        enabled: advanced?.[SettingsRoute.WalletFinder]?.enabled,
+        icon: SETTINGS_ICON_SVG[SettingsRoute.WalletFinder],
+        view: WalletFinderView,
+    },
     [SettingsRoute.ErrorLog]: {
         name: `views.settings.${SettingsRoute.ErrorLog}.title`,
         category: SettingsCategory.Advanced,
@@ -52,7 +68,6 @@ export const SETTINGS_ROUTE_META = {
         icon: SETTINGS_ICON_SVG[SettingsRoute.ErrorLog],
         view: ErrorLogView,
     },
-    // Advanced
     [SettingsRoute.Diagnostics]: {
         name: `views.settings.${SettingsRoute.Diagnostics}.title`,
         category: SettingsCategory.Advanced,
@@ -60,11 +75,4 @@ export const SETTINGS_ROUTE_META = {
         icon: SETTINGS_ICON_SVG[SettingsRoute.Diagnostics],
         view: DiagnosticsView,
     },
-    [SettingsRoute.WalletFinder]: {
-        name: `views.settings.${SettingsRoute.WalletFinder}.title`,
-        category: SettingsCategory.Advanced,
-        enabled: advanced?.[SettingsRoute.WalletFinder]?.enabled,
-        icon: SETTINGS_ICON_SVG[SettingsRoute.WalletFinder],
-        view: WalletFinderView,
-    },
 }
diff --git a/packages/mobile/views/dashboard/drawers/profile/views/settings/views/DeleteProfileView.svelte b/packages/mobile/views/dashboard/drawers/profile/views/settings/views/DeleteProfileView.svelte
new file mode 100644
index 0000000000..07bed231b9
--- /dev/null
+++ b/packages/mobile/views/dashboard/drawers/profile/views/settings/views/DeleteProfileView.svelte
@@ -0,0 +1,54 @@
+<script lang="typescript">
+    import { deleteProfile } from '@contexts/settings'
+    import { localize } from '@core/i18n'
+    import { isSoftwareProfile } from '@core/profile'
+    import { setStrongholdPassword } from '@core/profile-manager'
+    import { Button, ButtonSize, ButtonVariant, PasswordInput, Text, TextType } from 'shared/components'
+
+    let isBusy = false
+    let error = ''
+    let password: string
+
+    async function handleDeleteClick(): Promise<void> {
+        isBusy = true
+        error = ''
+
+        try {
+            await setStrongholdPassword(password)
+            await deleteProfile()
+        } catch (err) {
+            error = localize(err.error)
+        }
+
+        isBusy = false
+    }
+</script>
+
+<div class="flex-1 flex flex-col justify-between space-y-4">
+    <div class="flex flex-col space-y-4">
+        <Text type={TextType.p}>{localize('popups.deleteProfile.confirmation')}</Text>
+        {#if $isSoftwareProfile}
+            <Text type={TextType.p} secondary classes="mb-3">{localize('popups.deleteProfile.typePassword')}</Text>
+            <PasswordInput
+                {error}
+                classes="w-full mb-8"
+                bind:value={password}
+                showRevealToggle
+                placeholder={localize('general.password')}
+                autofocus
+                submitHandler={handleDeleteClick}
+                disabled={isBusy}
+            />
+        {/if}
+    </div>
+    <Button
+        disabled={(!password && $isSoftwareProfile) || isBusy}
+        size={ButtonSize.Medium}
+        classes="w-full"
+        onClick={handleDeleteClick}
+        variant={ButtonVariant.Warning}
+        {isBusy}
+    >
+        {localize('actions.delete')}
+    </Button>
+</div>
diff --git a/packages/mobile/views/dashboard/drawers/profile/views/settings/views/index.js b/packages/mobile/views/dashboard/drawers/profile/views/settings/views/index.js
index 6321aac17e..3de6a29e1e 100644
--- a/packages/mobile/views/dashboard/drawers/profile/views/settings/views/index.js
+++ b/packages/mobile/views/dashboard/drawers/profile/views/settings/views/index.js
@@ -1,7 +1,8 @@
 export { default as AppLockView } from './AppLockView.svelte'
 export { default as ChangePasswordView } from './ChangePasswordView.svelte'
-export { default as ErrorLogView } from './ErrorLogView.svelte'
+export { default as DeleteProfileView } from './DeleteProfileView.svelte'
 export { default as DiagnosticsView } from './DiagnosticsView.svelte'
+export { default as ErrorLogView } from './ErrorLogView.svelte'
 export { default as LanguageView } from './LanguageView.svelte'
 export { default as SettingsIndexView } from './SettingsIndexView.svelte'
 export { default as ThemeView } from './ThemeView.svelte'