{#if !isLastStep && sortedSteps[currentStep - 1][1].optional}
@@ -135,7 +137,9 @@
Skip optional steps
{/if}
- {#if currentStep === 1}
+ {#if sortedSteps[currentStep - 1][1].footer === false}
+
+ {:else if currentStep === 1}
{:else if isLastStep}
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index ec05508fc..89c403ef6 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -10,7 +10,8 @@ import {
Projects,
Storage,
Teams,
- Users
+ Users,
+ Transfers
} from '@aw-labs/appwrite-console';
const endpoint = VARS.APPWRITE_ENDPOINT ?? `${globalThis?.location?.origin}/v1`;
@@ -31,7 +32,8 @@ const sdkForConsole = {
locale: new Locale(clientConsole),
projects: new Projects(clientConsole),
teams: new Teams(clientConsole),
- users: new Users(clientConsole)
+ users: new Users(clientConsole),
+ transfers: new Transfers(clientConsole)
};
const sdkForProject = {
@@ -45,7 +47,8 @@ const sdkForProject = {
projects: new Projects(clientProject),
storage: new Storage(clientProject),
teams: new Teams(clientProject),
- users: new Users(clientProject)
+ users: new Users(clientProject),
+ transfers: new Transfers(clientProject)
};
export { sdkForConsole, sdkForProject, setProject };
diff --git a/src/routes/console/project-[project]/settings/header.svelte b/src/routes/console/project-[project]/settings/header.svelte
index b6c51f014..bd5a9d984 100644
--- a/src/routes/console/project-[project]/settings/header.svelte
+++ b/src/routes/console/project-[project]/settings/header.svelte
@@ -21,6 +21,21 @@
href: `${path}/webhooks`,
title: 'Webhooks',
event: 'webhooks'
+ },
+ {
+ href: `${path}/transfers`,
+ title: 'Transfers',
+ event: 'transfers'
+ },
+ {
+ href: `${path}/transfers/sources`,
+ title: 'Sources',
+ event: 'sources'
+ },
+ {
+ href: `${path}/transfers/destinations`,
+ title: 'Destinations',
+ event: 'destinations'
}
];
diff --git a/src/routes/console/project-[project]/settings/transfers/[[page]]/+page.svelte b/src/routes/console/project-[project]/settings/transfers/[[page]]/+page.svelte
new file mode 100644
index 000000000..cd191b4e0
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/[[page]]/+page.svelte
@@ -0,0 +1,82 @@
+
+
+
+
+ {#each data.transfers.transfers as transfer}
+
+
+
+
+
+ Transfer ID
+
+
+ {/each}
+
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/[[page]]/+page.ts b/src/routes/console/project-[project]/settings/transfers/[[page]]/+page.ts
new file mode 100644
index 000000000..b62c5ceb0
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/[[page]]/+page.ts
@@ -0,0 +1,20 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdkForProject } from '$lib/stores/sdk';
+import { pageToOffset } from '$lib/helpers/load';
+import { CARD_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, parent }) => {
+ await parent();
+ const page = Number(params.page);
+ const offset = pageToOffset(page, CARD_LIMIT);
+
+ return {
+ offset,
+ transfers: await sdkForProject.transfers.list([
+ Query.limit(CARD_LIMIT),
+ Query.offset(offset),
+ Query.orderDesc('$createdAt')
+ ])
+ };
+};
diff --git a/src/routes/console/project-[project]/settings/transfers/createDestination.svelte b/src/routes/console/project-[project]/settings/transfers/createDestination.svelte
new file mode 100644
index 000000000..b4a86bbdb
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/createDestination.svelte
@@ -0,0 +1,90 @@
+
+
+
+
+ {#each data.destinations.destinations as destination}
+
+
+
+
+
+ Destination ID
+
+
+ {/each}
+
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/destinations/[[page]]/+page.ts b/src/routes/console/project-[project]/settings/transfers/destinations/[[page]]/+page.ts
new file mode 100644
index 000000000..956a17178
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/destinations/[[page]]/+page.ts
@@ -0,0 +1,20 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdkForProject } from '$lib/stores/sdk';
+import { pageToOffset } from '$lib/helpers/load';
+import { CARD_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, parent }) => {
+ await parent();
+ const page = Number(params.page);
+ const offset = pageToOffset(page, CARD_LIMIT);
+
+ return {
+ offset,
+ destinations: await sdkForProject.transfers.listDestinations([
+ Query.limit(CARD_LIMIT),
+ Query.offset(offset),
+ Query.orderDesc('$createdAt')
+ ])
+ };
+};
diff --git a/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/+layout.svelte b/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/+layout.svelte
new file mode 100644
index 000000000..4fa864ce7
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/+layout.svelte
@@ -0,0 +1 @@
+
+
+
+ Permission
+ Status
+
+
+ {#each permissions as permission}
+
+
+ {permission}
+
+ {#if errors[permission]}
+
+ {#each errors[permission] as error}
+ {error}
+ {/each} +
+ {/if}
+
+
+
+ {#if !errors[permission] && !isChecking}
+
+ {:else if isChecking}
+
+ {:else}
+
+ {/if}
+
+
+
+ {/each}
+
+
+
+ {#if errorMessage}
+
+
+ +
+ {/if}
+
diff --git a/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/[[page]]/+page.ts b/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/[[page]]/+page.ts
new file mode 100644
index 000000000..ecbed818c
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/[[page]]/+page.ts
@@ -0,0 +1,16 @@
+import { sdkForProject } from '$lib/stores/sdk';
+import { pageToOffset } from '$lib/helpers/load';
+import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, parent, depends }) => {
+ depends(Dependencies.DESTINATION);
+ await parent();
+ const page = Number(params.page);
+ const offset = pageToOffset(page, PAGE_LIMIT);
+
+ return {
+ offset,
+ destination: await sdkForProject.transfers.getDestination(params.destination)
+ };
+};
diff --git a/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/breadcrumbs.svelte b/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/breadcrumbs.svelte
new file mode 100644
index 000000000..3182967bf
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/breadcrumbs.svelte
@@ -0,0 +1,35 @@
+
+
+
+
+
+ {$destination?.name}
+
+
+
+
+ Destination ID
+
+
+
+
+
+ {#each tabs as tab}
+
+ {tab.title}
+
+ {/each}
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/settings/+page.svelte b/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/settings/+page.svelte
new file mode 100644
index 000000000..41ebdbc58
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/settings/+page.svelte
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+ Delete Destination
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Delete Destination
+
+
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/store.ts b/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/store.ts
new file mode 100644
index 000000000..6b4ecf2c6
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/destinations/destination-[destination]/store.ts
@@ -0,0 +1,6 @@
+import { page } from '$app/stores';
+import { derived, writable, type Writable } from 'svelte/store';
+import type { Models } from '@aw-labs/appwrite-console';
+
+export const destination = derived(page, ($page) => $page.data.destination as Models.Destination);
+export const execute: Writable = writable();
diff --git a/src/routes/console/project-[project]/settings/transfers/header.svelte b/src/routes/console/project-[project]/settings/transfers/header.svelte
new file mode 100644
index 000000000..f976ed406
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/header.svelte
@@ -0,0 +1,45 @@
+
+
+
+
+ Transfers
+
+
+ {#each tabs as tab}
+
+ {tab.title}
+
+ {/each}
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/sources/[[page]]/+page.svelte b/src/routes/console/project-[project]/settings/transfers/sources/[[page]]/+page.svelte
new file mode 100644
index 000000000..7c4c6852a
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/sources/[[page]]/+page.svelte
@@ -0,0 +1,90 @@
+
+
+
+
+ {#each data.sources.sources as source}
+
+
+
+
+
+ Source ID
+
+
+ {/each}
+
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/sources/[[page]]/+page.ts b/src/routes/console/project-[project]/settings/transfers/sources/[[page]]/+page.ts
new file mode 100644
index 000000000..589d9deef
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/sources/[[page]]/+page.ts
@@ -0,0 +1,20 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdkForProject } from '$lib/stores/sdk';
+import { pageToOffset } from '$lib/helpers/load';
+import { CARD_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, parent }) => {
+ await parent();
+ const page = Number(params.page);
+ const offset = pageToOffset(page, CARD_LIMIT);
+
+ return {
+ offset,
+ sources: await sdkForProject.transfers.listSources([
+ Query.limit(CARD_LIMIT),
+ Query.offset(offset),
+ Query.orderDesc('$createdAt')
+ ])
+ };
+};
diff --git a/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/+layout.svelte b/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/+layout.svelte
new file mode 100644
index 000000000..4fa864ce7
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/+layout.svelte
@@ -0,0 +1 @@
+
+
+
+ Permission
+ Status
+
+
+ {#each permissions as permission}
+
+
+ {permission}
+
+ {#if errors[permission]}
+
+ {#each errors[permission] as error}
+ {error}
+ {/each} +
+ {/if}
+
+
+
+ {#if !errors[permission] && !isChecking}
+
+ {:else if isChecking}
+
+ {:else}
+
+ {/if}
+
+
+
+ {/each}
+
+
+
+ {#if errorMessage}
+
+
+ +
+ {/if}
+
diff --git a/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/[[page]]/+page.ts b/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/[[page]]/+page.ts
new file mode 100644
index 000000000..e54875c7f
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/[[page]]/+page.ts
@@ -0,0 +1,21 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdkForProject } from '$lib/stores/sdk';
+import { pageToOffset } from '$lib/helpers/load';
+import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, parent, depends }) => {
+ depends(Dependencies.DESTINATIONS);
+ await parent();
+ const page = Number(params.page);
+ const offset = pageToOffset(page, PAGE_LIMIT);
+
+ return {
+ offset,
+ transfers: await sdkForProject.transfers.list([
+ Query.limit(PAGE_LIMIT),
+ Query.offset(offset),
+ Query.orderDesc('$createdAt')
+ ])
+ };
+};
diff --git a/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/breadcrumbs.svelte b/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/breadcrumbs.svelte
new file mode 100644
index 000000000..cd8b158d0
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/breadcrumbs.svelte
@@ -0,0 +1,35 @@
+
+
+
+
+
+ {$source?.$id}
+
+
+
+
+ Source ID
+
+
+
+
+
+ {#each tabs as tab}
+
+ {tab.title}
+
+ {/each}
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/settings/+page.svelte b/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/settings/+page.svelte
new file mode 100644
index 000000000..226ca1374
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/settings/+page.svelte
@@ -0,0 +1,58 @@
+
+
+
+
+
+
+
+
+
+ Delete Source
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Delete Source
+
+
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/store.ts b/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/store.ts
new file mode 100644
index 000000000..03e2a466a
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/sources/source-[source]/store.ts
@@ -0,0 +1,6 @@
+import { page } from '$app/stores';
+import { derived, writable, type Writable } from 'svelte/store';
+import type { Models } from '@aw-labs/appwrite-console';
+
+export const source = derived(page, ($page) => $page.data.source as Models.Source);
+export const execute: Writable = writable();
diff --git a/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/+layout.svelte b/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/+layout.svelte
new file mode 100644
index 000000000..4fa864ce7
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/+layout.svelte
@@ -0,0 +1 @@
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/[[page]]/+page.ts b/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/[[page]]/+page.ts
new file mode 100644
index 000000000..3dd3d0143
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/[[page]]/+page.ts
@@ -0,0 +1,21 @@
+import { Query } from '@aw-labs/appwrite-console';
+import { sdkForProject } from '$lib/stores/sdk';
+import { pageToOffset } from '$lib/helpers/load';
+import { Dependencies, PAGE_LIMIT } from '$lib/constants';
+import type { PageLoad } from './$types';
+
+export const load: PageLoad = async ({ params, parent, depends }) => {
+ depends(Dependencies.TRANSFERS);
+ await parent();
+ const page = Number(params.page);
+ const offset = pageToOffset(page, PAGE_LIMIT);
+
+ return {
+ offset,
+ transfers: await sdkForProject.transfers.list([
+ Query.limit(PAGE_LIMIT),
+ Query.offset(offset),
+ Query.orderDesc('$createdAt')
+ ])
+ };
+};
diff --git a/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/breadcrumbs.svelte b/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/breadcrumbs.svelte
new file mode 100644
index 000000000..c7ad5ee54
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/breadcrumbs.svelte
@@ -0,0 +1,31 @@
+
+
+
+
+
+ {$transfer?.$id}
+
+
+
+
+ Transfer ID
+
+
+
+
+
+ {#each tabs as tab}
+
+ {tab.title}
+
+ {/each}
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/logs/+page.svelte b/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/logs/+page.svelte
new file mode 100644
index 000000000..9e03f0587
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/logs/+page.svelte
@@ -0,0 +1,5 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Delete Transfer
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Delete Transfer
+
+
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/store.ts b/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/store.ts
new file mode 100644
index 000000000..4209788fe
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/transfer-[transfer]/store.ts
@@ -0,0 +1,6 @@
+import { page } from '$app/stores';
+import { derived, writable, type Writable } from 'svelte/store';
+import type { Models } from '@aw-labs/appwrite-console';
+
+export const transfer = derived(page, ($page) => $page.data.transfer as Models.Transfer);
+export const execute: Writable = writable();
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/FirebaseAuthflow.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/FirebaseAuthflow.svelte
new file mode 100644
index 000000000..7914f627b
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/FirebaseAuthflow.svelte
@@ -0,0 +1,4 @@
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step1.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step1.svelte
new file mode 100644
index 000000000..36cd971cc
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step1.svelte
@@ -0,0 +1,56 @@
+
+
+
+ Select Provider
+ Please select the provider you want to use for this destination.
+
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step2.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step2.svelte
new file mode 100644
index 000000000..67769a134
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step2.svelte
@@ -0,0 +1,165 @@
+
+
+
+ Provide Credentials
+ Please provide your authentication details for your provider.
+ {#if $createDestination.type === 'firebase' && !firebaseFallback}
+
+ {#each Object.keys(credentialSchemas[$createDestination.type]) as key}
+
+ {/if}
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step3.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step3.svelte
new file mode 100644
index 000000000..46a1aa4d0
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step3.svelte
@@ -0,0 +1,147 @@
+
+
+
+ Validation
+ Please wait while we perform valdiation checks.
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step4.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step4.svelte
new file mode 100644
index 000000000..9000c2b38
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createDestination/step4.svelte
@@ -0,0 +1,12 @@
+
+
+
+ Summary
+
+ Please review your destination details and click "Create" to continue.
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createSource/FirebaseAuthflow.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createSource/FirebaseAuthflow.svelte
new file mode 100644
index 000000000..8b4b85b2a
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createSource/FirebaseAuthflow.svelte
@@ -0,0 +1,9 @@
+
+
+
+ Select Provider
+ Please select the provider you want to use for this source.
+
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step2.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step2.svelte
new file mode 100644
index 000000000..6d52ded45
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step2.svelte
@@ -0,0 +1,168 @@
+
+
+
+ Provide Credentials
+ Please provide your authentication details for your provider.
+ {#if $createSource.type === 'firebase' && !firebaseFallback}
+
+ {#each Object.keys(credentialSchemas[$createSource.type]) as key}
+
+ {/if}
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step3.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step3.svelte
new file mode 100644
index 000000000..b51cadedb
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step3.svelte
@@ -0,0 +1,152 @@
+
+
+
+ Validation
+ Please wait while we perform valdiation checks.
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step4.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step4.svelte
new file mode 100644
index 000000000..9000c2b38
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step4.svelte
@@ -0,0 +1,12 @@
+
+
+
+ Summary
+
+ Please review your destination details and click "Create" to continue.
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step1.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step1.svelte
new file mode 100644
index 000000000..edf435ae9
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step1.svelte
@@ -0,0 +1,74 @@
+
+
+
+ Create your Transfer
+ Please select the source you want to use for this transfer.
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step2.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step2.svelte
new file mode 100644
index 000000000..3c2bb4d83
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step2.svelte
@@ -0,0 +1,74 @@
+
+
+
+ Create your Transfer
+ Please select the destination you want to use for this transfer.
+
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step3.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step3.svelte
new file mode 100644
index 000000000..eac798290
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step3.svelte
@@ -0,0 +1,59 @@
+
+
+
+ Create your Transfer
+ Please select the resources you want to use for this transfer.
+
+ {#each options as option}
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step4.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step4.svelte
new file mode 100644
index 000000000..37312626d
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step4.svelte
@@ -0,0 +1,169 @@
+
+
+
+ Validation
+ Please wait while we perform validiation checks.
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step5.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step5.svelte
new file mode 100644
index 000000000..8f628e335
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createTransfer/step5.svelte
@@ -0,0 +1,9 @@
+
+
+
+ Create your Transfer
+ The Transfer has successfully begun.
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/store.ts b/src/routes/console/project-[project]/settings/transfers/wizard/store.ts
new file mode 100644
index 000000000..05f8e09cc
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/store.ts
@@ -0,0 +1,37 @@
+import { writable } from 'svelte/store';
+
+export const createTransfer = writable<{
+ id?: string;
+ source: string;
+ destination: string;
+ resources: string[];
+}>({
+ id: null,
+ source: null,
+ destination: null,
+ resources: []
+});
+
+export const createSource = writable<{
+ id?: string;
+ name: string;
+ type: string;
+ data: object;
+}>({
+ id: null,
+ name: null,
+ type: null,
+ data: {}
+});
+
+export const createDestination = writable<{
+ id?: string;
+ name: string;
+ type: string;
+ data: object;
+}>({
+ id: null,
+ name: null,
+ type: null,
+ data: {}
+});
diff --git a/static/icons/dark/color/appwrite.svg b/static/icons/dark/color/appwrite.svg
new file mode 100644
index 000000000..d7629bff2
--- /dev/null
+++ b/static/icons/dark/color/appwrite.svg
@@ -0,0 +1,5 @@
+
diff --git a/static/icons/dark/color/firebase.svg b/static/icons/dark/color/firebase.svg
new file mode 100644
index 000000000..f396a8fd6
--- /dev/null
+++ b/static/icons/dark/color/firebase.svg
@@ -0,0 +1,52 @@
+
+
\ No newline at end of file
diff --git a/static/icons/dark/color/nhost.svg b/static/icons/dark/color/nhost.svg
new file mode 100644
index 000000000..b5b020172
--- /dev/null
+++ b/static/icons/dark/color/nhost.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/static/icons/dark/color/supabase.svg b/static/icons/dark/color/supabase.svg
new file mode 100644
index 000000000..8895050ca
--- /dev/null
+++ b/static/icons/dark/color/supabase.svg
@@ -0,0 +1,23 @@
+
\ No newline at end of file
+ Transfers
+
+
+
+ {#if data.transfers.total}
+
+
+
+ 
+
+ {transfer.$id}
+
+ Create a new transfer
+
+
+ {:else}
+ Total results: {data.transfers.total}
+
+ All Destinations
+
+
+
+ {#if data.destinations.total}
+
+
+
+ 
+
+ {destination.name}
+
+ Create a new destination
+
+
+ {:else}
+ Total results: {data.destinations.total}
+
+ Destination Checks
+
+
+
+
+ + {/each} +
+ Validation Failed
+
+
+ + There are errors with the permissions of this destination. Please fix the errors and + run the checks again. +
+ ++ +
+
+
+
+
+
+ 
+
+
+
+ {$destination.$id}
+
+
+ {$destination.type}
+
+
+
+
+ Destination ID: {$destination.$id}
+Created at: {toLocaleDateTime($destination.$createdAt)}
+Updated at: {toLocaleDateTime($destination.$updatedAt)}
+The destination will be permanently deleted, This action is irreversible.
+{$destination.$id}
+Last Updated: {toLocaleDateTime($destination.$updatedAt)}
+Are you sure you want to delete this Destination from your project?
+
+ All Sources
+
+
+
+ {#if data.sources.total}
+
+
+
+ 
+
+ {source.name}
+
+ Create a new source
+
+
+ {:else}
+ Total results: {data.sources.total}
+
+ Source Checks
+
+
+
+
+ + {/each} +
+ Validation Failed
+
+
+ + There are errors with the permissions of this source. Please fix the errors and run + the checks again. +
+ ++ +
+
+
+
+
+
+ 
+
+
+
+ {$source.$id}
+
+
+ {$source.type}
+
+
+
+
+ Source ID: {$source.$id}
+Created at: {toLocaleDateTime($source.$createdAt)}
+Updated at: {toLocaleDateTime($source.$updatedAt)}
+The source will be permanently deleted, This action is irreversible.
+{$source.$id}
+Last Updated: {toLocaleDateTime($source.$updatedAt)}
+Are you sure you want to delete this Source from your project?
+
+
+
+
+
+
+ 🛫
+
+
+ {$transfer.$id}
+
+
+
+
+
+ Transfer ID: {$transfer.$id}
+Created at: {toLocaleDateTime($transfer.$createdAt)}
+Updated at: {toLocaleDateTime($transfer.$updatedAt)}
+
+ {#if data.source}
+
+
+
+ 
+
+
+
+ {data.source.name}
+
+
+
+ {:else}
+ + {data.source.type} +
+
+
+ {/if}
+
+ {#if data.destination}
+
+
+
+
+
+ Deleted Source
+
+
+ Unknown
+
+ 
+
+
+
+ {data.destination.name}
+
+
+
+ {:else}
+ + {data.destination.type} +
+
+
+ {/if}
+
+
+
+
+ Deleted Destination
+
+
+ Unknown
++ The transfer will be permanently deleted, including all in progress transfers associated + with it. This action is irreversible. +
+{$transfer.$id}
+Last Updated: {toLocaleDateTime($transfer.$updatedAt)}
+Are you sure you want to delete this transfer and all in progress data from your project?
+Destinations
+ +-
+ {#each options.filter((p) => p !== 'Local') as destination}
+
- + + + {/each} +
+
+
+ {:else}
+
+ {#if errorMessage}
+
+
+ +
+ {/if}
+
+
+ Permission
+ Status
+
+
+ {#each permissions as permission}
+
+
+ {permission}
+
+ {#if errors[permission]}
+
+ {#each errors[permission] as error}
+ {error}
+ {/each} +
+ {/if}
+
+
+
+ {#if !errors[permission] && !isChecking}
+
+ {:else if isChecking}
+
+ {:else}
+
+ {/if}
+
+
+
+ {/each}
+
+
+
+
+ Validation Failed
+
+
+ + There were errors when validating this destination. Please go back and fix the + errors then run the checks again. +
+ ++ +
+
+
+ + {/each} +
TODO: Animated graphic of ticket coming out of ticket machine with details on it.
+
+
+
diff --git a/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step1.svelte b/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step1.svelte
new file mode 100644
index 000000000..00b09e9a1
--- /dev/null
+++ b/src/routes/console/project-[project]/settings/transfers/wizard/createSource/step1.svelte
@@ -0,0 +1,54 @@
+
+
+Sources
+ +-
+ {#each options.filter((p) => p !== 'Local') as source}
+
- + + + {/each} +
+
+
+ {:else}
+
+
+
+ Permission
+ Status
+
+
+ {#each permissions as permission}
+
+
+ {permission}
+
+
+
+ {#if returnedPermissions.includes(permission) && !isChecking}
+
+ {:else if isChecking}
+
+ {:else}
+
+ {/if}
+
+
+
+ {/each}
+
+
+
+ {#if errorMessage}
+
+
+ +
+ {/if}
+
+
+ Validation Failed
+
+
+ + There were errors when validating this source. Please go back and fix the errors + then run the checks again. +
+ ++ +
+
+
+ TODO: Animated graphic of ticket coming out of ticket machine with details on it.
+Sources
+ +-
+ {#each options.filter((p) => p.name !== 'Local') as source}
+
- + + + {/each} +
- + + +
Destinations
+-
+ {#each options.filter((p) => p.name !== 'Local') as destination}
+
- + + + {/each} +
- + + +
+
+
+ Permission
+ Source Status
+ Destination Status
+
+
+ {#each permissions as permission}
+
+
+ {permission}
+
+ {#if sourceErrors[permission]}
+
+ {#each sourceErrors[permission] as error}
+ {error}
+ {/each} +
+ {/if}
+
+
+
+ {#if !sourceErrors[permission] && !isChecking}
+
+ {:else if isChecking}
+
+ {:else}
+
+ {/if}
+
+
+
+
+ {#if !destinationErrors[permission] && !isChecking}
+
+ {:else if isChecking}
+
+ {:else}
+
+ {/if}
+
+
+
+ {/each}
+
+
+
+ {#if errorMessage}
+
+
+ +
+ {/if}
+
++ {/each} +
+ Validation Failed
+
+
+ + There were errors when validating this source. Please go back and fix the errors + then run the checks again. +
+ ++ +
+
+
+