From 002c02816be26d37f8dfc8ff407d71b4f301f0bd Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 20 Feb 2025 13:56:49 +0530
Subject: [PATCH 1/5] fix: confirm component spacing. use `<p>`s to separate
 out content for correct spacing.

---
 src/lib/components/confirm.svelte             | 27 ++++++++++++++++---
 src/lib/pages/domains/delete.svelte           | 20 ++++++++++----
 src/routes/(console)/account/delete.svelte    |  2 --
 src/routes/(console)/account/deleteMfa.svelte |  4 +--
 .../domains/deleteDomainModal.svelte          | 17 ++----------
 .../deleteCertificateModal.svelte             |  8 +-----
 .../platforms/[platform]/delete.svelte        |  6 ++++-
 .../domains/deleteDomainModal.svelte          |  2 +-
 8 files changed, 50 insertions(+), 36 deletions(-)

diff --git a/src/lib/components/confirm.svelte b/src/lib/components/confirm.svelte
index 6faebac89..6e37223d5 100644
--- a/src/lib/components/confirm.svelte
+++ b/src/lib/components/confirm.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { Button, Form } from '$lib/elements/forms';
+    import { Button, Form, InputCheckbox } from '$lib/elements/forms';
     import { Alert, Dialog, Layout } from '@appwrite.io/pink-svelte';
 
     export let open: boolean;
@@ -8,9 +8,13 @@
     export let action: string = 'Delete';
     export let canDelete: boolean = true;
     export let disabled: boolean = false;
+    export let confirmDeletion: boolean = false;
     export let onSubmit: (e: SubmitEvent) => Promise<void> | void = function () {
         return;
     };
+
+    let confirm = false;
+    let checkboxId = `delete_${title.replaceAll(' ', '_').toLowerCase()}`;
 </script>
 
 <Form isModal {onSubmit}>
@@ -25,13 +29,30 @@
                 {error}
             </Alert.Inline>
         {/if}
-        <slot />
+
+        <Layout.Stack gap="l">
+            <slot />
+
+            {#if confirmDeletion}
+                <InputCheckbox
+                    size="s"
+                    required
+                    id={checkboxId}
+                    bind:checked={confirm}
+                    label="I understand and confirm" />
+            {/if}
+        </Layout.Stack>
+
         <svelte:fragment slot="footer">
             <Layout.Stack direction="row" gap="s" justifyContent="flex-end">
                 <slot name="footer">
                     <Button text on:click={() => (open = false)}>Cancel</Button>
                     {#if canDelete}
-                        <Button danger submit {disabled}>{action}</Button>
+                        <Button
+                            danger
+                            submit
+                            disabled={disabled || (confirmDeletion ? !confirm : false)}
+                            >{action}</Button>
                     {/if}
                 </slot>
             </Layout.Stack>
diff --git a/src/lib/pages/domains/delete.svelte b/src/lib/pages/domains/delete.svelte
index 98090caee..317981038 100644
--- a/src/lib/pages/domains/delete.svelte
+++ b/src/lib/pages/domains/delete.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
-    import { Modal } from '$lib/components';
-    import { Button } from '$lib/elements/forms';
     import { sdk } from '$lib/stores/sdk';
     import { addNotification } from '$lib/stores/notifications';
     import { invalidate } from '$app/navigation';
     import type { Models } from '@appwrite.io/console';
-    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import type { Dependencies } from '$lib/constants';
     import Confirm from '$lib/components/confirm.svelte';
 
@@ -15,6 +13,18 @@
 
     let error: string;
 
+    function getCorrectMessage(): string {
+        const resourceType = selectedDomain.resourceType;
+        switch (resourceType) {
+            case 'api':
+                return `access ${resourceType}`;
+            case 'function':
+                return `execute your ${resourceType}`;
+            case 'site':
+                return `view your ${resourceType} `;
+        }
+    }
+
     async function deleteDomain() {
         try {
             await sdk.forProject.proxy.deleteRule(selectedDomain.$id);
@@ -34,6 +44,6 @@
 
 a
 <Confirm onSubmit={deleteDomain} title="Delete domain" bind:open={showDelete} bind:error>
-    Are you sure you want to delete <b>{selectedDomain?.domain}</b>? You will no longer be able to
-    execute your function by visiting this domain.
+    <p data-private>Are you sure you want to delete <b>{selectedDomain?.domain}</b>?</p>
+    <p>You will no longer be able to {getCorrectMessage()} by visiting this domain.</p>
 </Confirm>
diff --git a/src/routes/(console)/account/delete.svelte b/src/routes/(console)/account/delete.svelte
index d81d4fe7b..b7bf6fa15 100644
--- a/src/routes/(console)/account/delete.svelte
+++ b/src/routes/(console)/account/delete.svelte
@@ -3,10 +3,8 @@
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import Confirm from '$lib/components/confirm.svelte';
     import { Dependencies } from '$lib/constants';
-    import { Button, Form } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
-    import { Dialog, Layout } from '@appwrite.io/pink-svelte';
 
     export let showDelete = false;
     let error: string;
diff --git a/src/routes/(console)/account/deleteMfa.svelte b/src/routes/(console)/account/deleteMfa.svelte
index b709f001d..e37bd9d49 100644
--- a/src/routes/(console)/account/deleteMfa.svelte
+++ b/src/routes/(console)/account/deleteMfa.svelte
@@ -38,6 +38,6 @@
     title="Delete authentication method"
     bind:open={showDelete}
     bind:error>
-    Are you sure you want to delete this authentication method? You will no longer be able to use
-    this method to authenticate your account.
+    <p>Are you sure you want to delete this authentication method?</p>
+    <p>You will no longer be able to use this method to authenticate your account.</p>
 </Confirm>
diff --git a/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte b/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
index 56b5d9b9f..4e4d39026 100644
--- a/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
@@ -10,7 +10,6 @@
 
     export let show = false;
     export let selectedDomain: Models.ProxyRule;
-    let confirm = false;
     let error = '';
 
     async function deleteDomain() {
@@ -32,19 +31,7 @@
 
 <Confirm title="Delete domain" bind:open={show} onSubmit={deleteDomain} bind:error>
     {#if selectedDomain}
-        <p data-private>
-            Are you sure you want to delete <b>{selectedDomain.domain}</b>? You will no longer be
-            able to execute your function by visiting this domain.
-        </p>
+        <p data-private>Are you sure you want to delete <b>{selectedDomain.domain}</b>?</p>
+        <p>You will no longer be able to execute your function by visiting this domain.</p>
     {/if}
-    <InputCheckbox
-        required
-        bind:checked={confirm}
-        id="confirm"
-        label="I understand and confirm"
-        size="s" />
-    <svelte:fragment slot="footer">
-        <Button text on:click={() => (show = false)}>Cancel</Button>
-        <Button secondary submit disabled={!confirm}>Delete</Button>
-    </svelte:fragment>
 </Confirm>
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/certificates/deleteCertificateModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/certificates/deleteCertificateModal.svelte
index ef2ed13c0..f0f5ec638 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/certificates/deleteCertificateModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/certificates/deleteCertificateModal.svelte
@@ -30,11 +30,5 @@
 </script>
 
 <Confirm title="Delete certificate" bind:open={show} onSubmit={deleteCertificate} bind:error>
-    <Typography.Text>
-        Are you sure you want to delete SSL certificate? This action is irreversible.
-    </Typography.Text>
-    <svelte:fragment slot="footer">
-        <Button text on:click={() => (show = false)}>Cancel</Button>
-        <Button secondary submit danger>Delete</Button>
-    </svelte:fragment>
+    Are you sure you want to delete SSL certificate? This action is irreversible.
 </Confirm>
diff --git a/src/routes/(console)/project-[project]/overview/platforms/[platform]/delete.svelte b/src/routes/(console)/project-[project]/overview/platforms/[platform]/delete.svelte
index 2d139fb41..bb1754063 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/[platform]/delete.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/[platform]/delete.svelte
@@ -29,6 +29,10 @@
     }
 </script>
 
-<Confirm onSubmit={handleDelete} title="Delete platform" bind:open={showDelete} bind:error>
+<Confirm
+    onSubmit={handleDelete}
+    title="Delete platform"
+    bind:open={showDelete}
+    bind:error>
     The Platform will be permanently deleted. This action is irreversible.
 </Confirm>
diff --git a/src/routes/(console)/project-[project]/sites/site-[site]/domains/deleteDomainModal.svelte b/src/routes/(console)/project-[project]/sites/site-[site]/domains/deleteDomainModal.svelte
index 37d8c9b19..f3bcf72d9 100644
--- a/src/routes/(console)/project-[project]/sites/site-[site]/domains/deleteDomainModal.svelte
+++ b/src/routes/(console)/project-[project]/sites/site-[site]/domains/deleteDomainModal.svelte
@@ -34,7 +34,7 @@
     {#if selectedDomain}
         <p data-private>
             Are you sure you want to delete <b>{selectedDomain.domain}</b>? You will no longer be
-            able to execute your function by visiting this domain.
+            able to view your site by visiting this domain.
         </p>
     {/if}
     <InputCheckbox

From 2772064a3b4f4c2198cc0482626e2c1fcdd9ee9b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 20 Feb 2025 13:57:23 +0530
Subject: [PATCH 2/5] fix: function specifications for template!

---
 src/lib/wizards/functions/createTemplate.svelte              | 4 ----
 .../project-[project]/functions/create-function/store.ts     | 1 +
 .../functions/create-function/wizard/createTemplate.svelte   | 5 +----
 3 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/lib/wizards/functions/createTemplate.svelte b/src/lib/wizards/functions/createTemplate.svelte
index e41bf78dc..ae703bc45 100644
--- a/src/lib/wizards/functions/createTemplate.svelte
+++ b/src/lib/wizards/functions/createTemplate.svelte
@@ -55,10 +55,6 @@
                 $templateConfig.repositoryBehaviour === 'manual'
                     ? undefined
                     : $choices.rootDir || undefined,
-                $template.providerRepositoryId || undefined,
-                $template.providerOwner || undefined,
-                runtimeDetail.providerRootDirectory || undefined,
-                $template.providerVersion || undefined,
                 $templateConfig.specification || undefined
             );
 
diff --git a/src/routes/(console)/project-[project]/functions/create-function/store.ts b/src/routes/(console)/project-[project]/functions/create-function/store.ts
index 79a1345b4..b248d6630 100644
--- a/src/routes/(console)/project-[project]/functions/create-function/store.ts
+++ b/src/routes/(console)/project-[project]/functions/create-function/store.ts
@@ -14,6 +14,7 @@ export const templateConfig = writable<{
     repositoryId: string;
     execute?: boolean;
     scopes?: string[];
+    specification?: string;
 }>();
 
 export const choices = writable<{
diff --git a/src/routes/(console)/project-[project]/functions/create-function/wizard/createTemplate.svelte b/src/routes/(console)/project-[project]/functions/create-function/wizard/createTemplate.svelte
index e9f07cc22..11107b9ef 100644
--- a/src/routes/(console)/project-[project]/functions/create-function/wizard/createTemplate.svelte
+++ b/src/routes/(console)/project-[project]/functions/create-function/wizard/createTemplate.svelte
@@ -49,10 +49,7 @@
                 $templateConfig.repositoryBehaviour === 'manual'
                     ? undefined
                     : $choices.rootDir || undefined,
-                $template.providerRepositoryId || undefined,
-                $template.providerOwner || undefined,
-                runtimeDetail.providerRootDirectory || undefined,
-                $template.providerVersion || undefined
+                $templateConfig.specification
             );
 
             if ($templateConfig.variables) {

From 08ecc05069681c138f98d66ef9d20094e2f17b9f Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 20 Feb 2025 13:57:46 +0530
Subject: [PATCH 3/5] ran: formatter.

---
 .../overview/platforms/[platform]/delete.svelte             | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/routes/(console)/project-[project]/overview/platforms/[platform]/delete.svelte b/src/routes/(console)/project-[project]/overview/platforms/[platform]/delete.svelte
index bb1754063..2d139fb41 100644
--- a/src/routes/(console)/project-[project]/overview/platforms/[platform]/delete.svelte
+++ b/src/routes/(console)/project-[project]/overview/platforms/[platform]/delete.svelte
@@ -29,10 +29,6 @@
     }
 </script>
 
-<Confirm
-    onSubmit={handleDelete}
-    title="Delete platform"
-    bind:open={showDelete}
-    bind:error>
+<Confirm onSubmit={handleDelete} title="Delete platform" bind:open={showDelete} bind:error>
     The Platform will be permanently deleted. This action is irreversible.
 </Confirm>

From d02af857f48ee82ee0392e76f7e29475e493d45b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 20 Feb 2025 14:08:04 +0530
Subject: [PATCH 4/5] =?UTF-8?q?remove:=20leftover=20=F0=9F=A4=B7=E2=80=8D?=
 =?UTF-8?q?=E2=99=82=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lib/pages/domains/delete.svelte                              | 1 -
 .../organization-[organization]/domains/deleteDomainModal.svelte | 1 -
 2 files changed, 2 deletions(-)

diff --git a/src/lib/pages/domains/delete.svelte b/src/lib/pages/domains/delete.svelte
index 317981038..a1edc8f14 100644
--- a/src/lib/pages/domains/delete.svelte
+++ b/src/lib/pages/domains/delete.svelte
@@ -42,7 +42,6 @@
     }
 </script>
 
-a
 <Confirm onSubmit={deleteDomain} title="Delete domain" bind:open={showDelete} bind:error>
     <p data-private>Are you sure you want to delete <b>{selectedDomain?.domain}</b>?</p>
     <p>You will no longer be able to {getCorrectMessage()} by visiting this domain.</p>
diff --git a/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte b/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
index 4e4d39026..4f75cbbb2 100644
--- a/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-    import { Button, InputCheckbox } from '$lib/elements/forms';
     import { sdk } from '$lib/stores/sdk';
     import { addNotification } from '$lib/stores/notifications';
     import { invalidate } from '$app/navigation';

From b5c381f85d29b6579bc15ed8d4a9a172dd36d574 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 20 Feb 2025 14:26:22 +0530
Subject: [PATCH 5/5] fix: message.

---
 .../domains/deleteDomainModal.svelte          | 21 ++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte b/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
index 4f75cbbb2..bbe3b6924 100644
--- a/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
@@ -9,8 +9,21 @@
 
     export let show = false;
     export let selectedDomain: Models.ProxyRule;
+
     let error = '';
 
+    function getCorrectMessage(): string {
+        const resourceType = selectedDomain.resourceType;
+        switch (resourceType) {
+            case 'api':
+                return `access ${resourceType}`;
+            case 'function':
+                return `execute your ${resourceType}`;
+            case 'site':
+                return `view your ${resourceType} `;
+        }
+    }
+
     async function deleteDomain() {
         try {
             await sdk.forProject.proxy.deleteRule(selectedDomain.$id);
@@ -28,9 +41,7 @@
     }
 </script>
 
-<Confirm title="Delete domain" bind:open={show} onSubmit={deleteDomain} bind:error>
-    {#if selectedDomain}
-        <p data-private>Are you sure you want to delete <b>{selectedDomain.domain}</b>?</p>
-        <p>You will no longer be able to execute your function by visiting this domain.</p>
-    {/if}
+<Confirm onSubmit={deleteDomain} title="Delete domain" bind:open={show} bind:error>
+    <p data-private>Are you sure you want to delete <b>{selectedDomain?.domain}</b>?</p>
+    <p>You will no longer be able to {getCorrectMessage()} by visiting this domain.</p>
 </Confirm>