@lobb-js/lobb-ext-auth 0.11.0 → 0.11.1

package/extensions/auth/studio/lib/components/pages/userSettings/components/account.svelte

@@ -1,106 +0,0 @@
-<script lang="ts">
-	import type { ExtensionProps } from "@lobb-js/studio";
-	import { onMount } from "svelte";
-
-	const { utils }: ExtensionProps = $props();
-
-	let user = $state({
-		old_password: "",
-		new_password: "",
-	});
-	const icons = utils.components.Icons;
-
-	// @ts-ignore: Im sure the session object exist
-	const currentUserId = utils.ctx.extensions.auth.session.user.id;
-	let loaded = $state(false);
-	onMount(async () => {
-		const response = await utils.lobb.findOne("auth_users", currentUserId);
-		const result = await response.json();
-		user = result.data;
-		loaded = true;
-	});
-
-	async function onUpdateCLick() {
-		if (!user.new_password) {
-			utils.toast.error("Make sure you fill the new password");
-			return;
-		} else if (!user.old_password) {
-			utils.toast.error("Make sure you fill the old password");
-			return;
-		}
-
-		const result = await utils.lobb.request({
-			method: "POST",
-			route: "/api/extensions/auth/change_password",
-			payload: {
-				old_password: user.old_password,
-				new_password: user.new_password,
-			},
-		});
-
-		if (result.status >= 400) {
-			return;
-		}
-
-		utils.toast.success("Account updated successfully.");
-	}
-</script>
-
-{#if loaded}
-	<div class="flex max-w-[40rem] flex-1 flex-col gap-4 overflow-y-visible">
-		<div>
-			<div class="text-lg font-semibold">Account</div>
-			<div class="text-sm text-muted-foreground">
-				Update your account settings.
-			</div>
-		</div>
-		<utils.components.Separator />
-		<!-- TODO: add prefered language here too -->
-		<div class="flex flex-col gap-2">
-			<div class="text-sm">Change Password</div>
-			<div class="flex gap-4">
-				<utils.components.Input
-					bind:value={user.old_password}
-					placeholder="Old password"
-					type="password"
-				/>
-				<utils.components.Input
-					bind:value={user.new_password}
-					placeholder="New password"
-					type="password"
-				/>
-			</div>
-			<div class="text-xs text-muted-foreground">
-				This is where you can change your password.
-			</div>
-		</div>
-		<utils.components.Button
-			class="self-start"
-			onclick={onUpdateCLick}
-			Icon={icons.Pencil}
-		>
-			Update Account
-		</utils.components.Button>
-	</div>
-{:else}
-	<div class="flex max-w-[40rem] flex-1 flex-col gap-8 overflow-y-visible">
-		<div class="grid gap-2">
-			<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-		<utils.components.Separator />
-		<div class="flex flex-col gap-2">
-			<utils.components.Skeleton class="h-4 w-full max-w-36" />
-			<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-		<div class="flex flex-col gap-2">
-			<utils.components.Skeleton class="h-4 w-full max-w-36" />
-			<div class="flex gap-4">
-				<utils.components.Skeleton class="h-8 w-full max-w-60" />
-				<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			</div>
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-	</div>
-{/if}

package/extensions/auth/studio/lib/components/pages/userSettings/components/profile.svelte

@@ -1,87 +0,0 @@
-<script lang="ts">
-	import type { ExtensionProps } from "@lobb-js/studio";
-	import { onMount } from "svelte";
-
-	const { utils }: ExtensionProps = $props();
-
-	let user = $state({
-		name: "",
-	});
-	const icons = utils.components.Icons;
-
-	// @ts-ignore: Im sure the session object exist
-	const currentUserId = utils.ctx.extensions.auth.session.user.id;
-	let loaded = $state(false);
-	onMount(async () => {
-		const response = await utils.lobb.findOne("auth_users", currentUserId);
-		const result = await response.json();
-		user = result.data;
-		loaded = true;
-	});
-
-	async function onUpdateCLick() {
-		// TODO: add the logic of updating some of the current user's information
-		const updateObject: any = {};
-		updateObject["name"] = user.name;
-		const response = await utils.lobb.updateOne(
-			"auth_users",
-			currentUserId,
-			updateObject,
-		);
-		if (response.status >= 400) {
-			const result = await response.json();
-			utils.toast.error(result.message);
-			return;
-		}
-		utils.toast.success("Profile updated successfully.");
-	}
-</script>
-
-{#if loaded}
-	<div class="flex max-w-[40rem] flex-1 flex-col gap-4 overflow-y-visible">
-		<div>
-			<div class="text-lg font-semibold">Profile</div>
-			<div class="text-sm text-muted-foreground">
-				Edit information that others will see.
-			</div>
-		</div>
-		<utils.components.Separator />
-		<!-- TODO: you should add name and other stuff like phone number and stuff like that -->
-		<div class="flex flex-col gap-2">
-			<div class="text-sm">Full Name</div>
-			<utils.components.Input
-				placeholder="Full Name"
-				bind:value={user.name}
-			/>
-			<div class="text-xs text-muted-foreground">
-				This is your public display name. It can be your real name or a
-				pseudonym.
-			</div>
-		</div>
-		<utils.components.Button
-			class="self-start"
-			onclick={onUpdateCLick}
-			Icon={icons.Pencil}
-		>
-			Update Profile
-		</utils.components.Button>
-	</div>
-{:else}
-	<div class="flex max-w-[40rem] flex-1 flex-col gap-8 overflow-y-visible">
-		<div class="grid gap-2">
-			<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-		<utils.components.Separator />
-		<div class="flex flex-col gap-2">
-			<utils.components.Skeleton class="h-4 w-full max-w-36" />
-			<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-		<div class="flex flex-col gap-2">
-			<utils.components.Skeleton class="h-4 w-full max-w-36" />
-			<utils.components.Skeleton class="h-8 w-full max-w-60" />
-			<utils.components.Skeleton class="h-4 w-full max-w-96" />
-		</div>
-	</div>
-{/if}