svelte-firekit 0.0.14 → 0.0.16

package/dist/components/auth/google-sign-in.svelte

@@ -1,62 +0,0 @@
-<script lang="ts">
-  import { firekitAuth } from "../../firebase/auth/auth.js";
-  import { toast } from "svelte-sonner";
-
-  import Button from "../ui/button/button.svelte";
-  import { goto } from "$app/navigation";
-  let { label = "Sign in with" }: { label: string } = $props();
-
-  async function signInWithGoogle() {
-    try {
-      await firekitAuth.signInWithGoogle();
-      await goto("/dashboard");
-    } catch (error) {
-      if (error instanceof Error) {
-        toast.error(error.message);
-      } else {
-        toast.error("An error occurred");
-      }
-    }
-  }
-</script>
-
-<Button onclick={signInWithGoogle} class="w-full gap-2" variant="outline">
-  <svg
-    class="h-4 w-4 flex-shrink-0"
-    width="33"
-    height="32"
-    viewBox="0 0 33 32"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <g clip-path="url(#clip0_4132_5805)">
-      <path
-        d="M32.2566 16.36C32.2566 15.04 32.1567 14.08 31.9171 13.08H16.9166V19.02H25.7251C25.5454 20.5 24.5866 22.72 22.4494 24.22L22.4294 24.42L27.1633 28.1L27.4828 28.14C30.5189 25.34 32.2566 21.22 32.2566 16.36Z"
-        fill="#4285F4"
-      />
-      <path
-        d="M16.9166 32C21.231 32 24.8463 30.58 27.5028 28.12L22.4694 24.2C21.1111 25.14 19.3135 25.8 16.9366 25.8C12.7021 25.8 9.12677 23 7.84844 19.16L7.66867 19.18L2.71513 23L2.65521 23.18C5.2718 28.4 10.6648 32 16.9166 32Z"
-        fill="#34A853"
-      />
-      <path
-        d="M7.82845 19.16C7.48889 18.16 7.28915 17.1 7.28915 16C7.28915 14.9 7.48889 13.84 7.80848 12.84V12.62L2.81499 8.73999L2.6552 8.81999C1.55663 10.98 0.937439 13.42 0.937439 16C0.937439 18.58 1.55663 21.02 2.63522 23.18L7.82845 19.16Z"
-        fill="#FBBC05"
-      />
-      <path
-        d="M16.9166 6.18C19.9127 6.18 21.9501 7.48 23.0886 8.56L27.6027 4.16C24.8263 1.58 21.231 0 16.9166 0C10.6648 0 5.27181 3.6 2.63525 8.82L7.80851 12.84C9.10681 8.98 12.6821 6.18 16.9166 6.18Z"
-        fill="#EB4335"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_4132_5805">
-        <rect
-          width="32"
-          height="32"
-          fill="white"
-          transform="translate(0.937439)"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-  {label} Google
-</Button>

package/dist/components/auth/google-sign-in.svelte.d.ts

@@ -1,4 +0,0 @@
-declare const GoogleSignIn: import("svelte").Component<{
-    label: string;
-}, {}, "">;
-export default GoogleSignIn;

package/dist/components/auth/reset-password-form.svelte

@@ -1,59 +0,0 @@
-<script lang="ts">
-  import { goto } from "$app/navigation";
-  import { firekitAuth } from "../../firebase/auth/auth.js";
-
-  import * as Form from "../ui/form/index.js";
-  import { Input } from "../ui/input/index.js";
-  import { resetPasswordSchema } from "../../schemas/reset-password.js";
-  import { toast } from "svelte-sonner";
-  import { superForm, defaults } from "sveltekit-superforms";
-  import { valibot } from "sveltekit-superforms/adapters";
-
-  let { redirect }: { redirect: string } = $props();
-
-  const data = defaults(valibot(resetPasswordSchema));
-
-  const form = superForm(data, {
-    validators: valibot(resetPasswordSchema),
-    dataType: "json",
-    SPA: true,
-    resetForm: false,
-    clearOnSubmit: "errors-and-message",
-    async onUpdate({ form }) {
-      if (!form.valid) return;
-      try {
-        const { data } = form;
-        const { email } = data;
-        await firekitAuth.sendPasswordReset(email);
-        toast.success("Password reset email sent");
-        goto(redirect);
-      } catch (error) {
-        if (error instanceof Error) {
-          toast.error(error.message);
-        } else {
-          toast.error("An error occurred");
-        }
-      }
-    },
-  });
-
-  const { form: formData, enhance } = form;
-</script>
-
-<form method="POST" use:enhance class="space-y-4">
-  <Form.Field {form} name="email">
-    <Form.Control>
-      {#snippet children({ props })}
-        <Form.Label>Email address</Form.Label>
-        <Input
-          {...props}
-          bind:value={$formData.email}
-          placeholder="you@email.com"
-        />
-      {/snippet}
-    </Form.Control>
-    <Form.FieldErrors />
-  </Form.Field>
-
-  <Form.Button class="w-full">Send Email</Form.Button>
-</form>

package/dist/components/auth/reset-password-form.svelte.d.ts

@@ -1,4 +0,0 @@
-declare const ResetPasswordForm: import("svelte").Component<{
-    redirect: string;
-}, {}, "">;
-export default ResetPasswordForm;

package/dist/components/auth/sign-in-form.svelte

@@ -1,94 +0,0 @@
-<script lang="ts">
-	import { firekitAuth } from "../../firebase/auth/auth.js";
-	import { signInSchema } from "../../schemas/sign-in.js";
-	import { superForm, defaults } from "sveltekit-superforms";
-	import { Input } from "../ui/input/index.js";
-	import Button from "../ui/button/button.svelte";
-	import { valibot } from "sveltekit-superforms/adapters";
-
-	let {
-    labelEmail = "Email",
-    labelPassword = "Password",
-    labellLinkEmailForm = "I forgot my password",
-    linkForgetPassword = "/reset-password",
-    labelBtnFormEmail = "Sign",
-  }: {
-    labelEmail: string;
-    labelPassword: string;
-    labellLinkEmailForm: string;
-    linkForgetPassword: string;
-    labelBtnFormEmail: string;
-  } = $props();
-
-	const data = defaults(valibot(signInSchema));
-
-	import * as Form from "../ui/form/index.js";
-	import { toast } from "svelte-sonner";
-
-	const form = superForm(data, {
-		validators: valibot(signInSchema),
-		dataType: "json",
-		SPA: true,
-		resetForm: false,
-		clearOnSubmit: "errors-and-message",
-		async onUpdate({ form }) {
-			if (!form.valid) return;
-			try {
-				const { data } = form;
-				const { email, password } = data;
-				await firekitAuth.signInWithEmail(email, password);
-				toast.success("Signed in successfully");
-			} catch (error) {
-				if (error instanceof Error) {
-					toast.error(error.message);
-				} else {
-					toast.error("An error occurred");
-				}
-			}
-		},
-	});
-
-	const { form: formData, enhance } = form;
-
-	
-</script>
-
-<form method="POST" use:enhance class="space-y-2">
-	<Form.Field {form} name="email">
-		<Form.Control>
-			{#snippet children({ props })}
-				<Form.Label>{labelEmail}</Form.Label>
-				<Input
-					{...props}
-					bind:value={$formData.email}
-					placeholder="you@email.com"
-				/>
-			{/snippet}
-		</Form.Control>
-		<Form.FieldErrors />
-	</Form.Field>
-	<Form.Field {form} name="password">
-		<Form.Control>
-			{#snippet children({ props })}
-				<div class="flex w-full items-center justify-between">
-					<Form.Label>{labelPassword}</Form.Label>
-					<Button
-						variant="link"
-						class="text-sm"
-						href={linkForgetPassword}
-					>
-						{labellLinkEmailForm}
-					</Button>
-				</div>
-				<Input
-					{...props}
-					bind:value={$formData.password}
-					placeholder="*********"
-					type="password"
-				/>
-			{/snippet}
-		</Form.Control>
-		<Form.FieldErrors />
-	</Form.Field>
-	<Form.Button class="w-full">{labelBtnFormEmail}</Form.Button>
-</form>

package/dist/components/auth/sign-in-form.svelte.d.ts

@@ -1,8 +0,0 @@
-declare const SignInForm: import("svelte").Component<{
-    labelEmail: string;
-    labelPassword: string;
-    labellLinkEmailForm: string;
-    linkForgetPassword: string;
-    labelBtnFormEmail: string;
-}, {}, "">;
-export default SignInForm;

package/dist/components/auth/sign-up-form.svelte

@@ -1,136 +0,0 @@
-<script lang="ts">
-  import { firekitAuth } from "../../firebase/auth/auth.js";
-
-  import * as Form from "../ui/form/index.js";
-  import { Input } from "../ui/input/index.js";
-  import { signUpSchema } from "../../schemas/sign-up.js";
-  import { toast } from "svelte-sonner";
-  import { superForm, defaults } from "sveltekit-superforms";
-  import { valibot } from "sveltekit-superforms/adapters";
-  import Button from "../ui/button/button.svelte";
-  import Checkbox from "../ui/checkbox/checkbox.svelte";
-
-  let {
-    labelFisrtName,
-    labelLastName,
-    labelEmail,
-    labelPassword,
-    linkTerms,
-	labelTerms,
-	labelLinkTerms,
-    labelBtnFormEmail,
-  }: {
-    labelFisrtName: string;
-    labelLastName: string;
-    labelEmail: string;
-    labelPassword: string;
-    linkTerms: string;
-    labelTerms: string;
-    labelLinkTerms: string;
-    labelBtnFormEmail: string;
-  } = $props();
-
-  const data = defaults(valibot(signUpSchema));
-
-  const form = superForm(data, {
-    validators: valibot(signUpSchema),
-    dataType: "json",
-    SPA: true,
-    resetForm: false,
-    clearOnSubmit: "errors-and-message",
-    async onUpdate({ form }) {
-      if (!form.valid) return;
-      try {
-        const { data } = form;
-        const { email, password, firstName, lastName } = data;
-        const displayName = `${firstName} ${lastName}`;
-        await firekitAuth.registerWithEmail(email, password, displayName);
-        toast.success("Account created successfully");
-      } catch (error) {
-        if (error instanceof Error) {
-          toast.error(error.message);
-        } else {
-          toast.error("An error occurred");
-        }
-      }
-    },
-  });
-
-  const { form: formData, enhance } = form;
-
-  
-</script>
-
-<form method="POST" use:enhance class="space-y-2">
-  <div class="grid grid-cols-2 gap-4">
-    <Form.Field {form} name="firstName">
-      <Form.Control>
-        {#snippet children({ props })}
-          <Form.Label>{labelFisrtName}</Form.Label>
-          <Input
-            {...props}
-            bind:value={$formData.firstName}
-            placeholder="John"
-          />
-        {/snippet}
-      </Form.Control>
-      <Form.FieldErrors />
-    </Form.Field>
-    <Form.Field {form} name="lastName">
-      <Form.Control>
-        {#snippet children({ props })}
-          <Form.Label>{labelLastName}</Form.Label>
-          <Input
-            {...props}
-            bind:value={$formData.lastName}
-            placeholder="Smith"
-          />
-        {/snippet}
-      </Form.Control>
-      <Form.FieldErrors />
-    </Form.Field>
-  </div>
-  <Form.Field {form} name="email">
-    <Form.Control>
-      {#snippet children({ props })}
-        <Form.Label>{labelEmail}</Form.Label>
-        <Input
-          {...props}
-          bind:value={$formData.email}
-          placeholder="you@email.com"
-        />
-      {/snippet}
-    </Form.Control>
-    <Form.FieldErrors />
-  </Form.Field>
-  <Form.Field {form} name="password">
-    <Form.Control>
-      {#snippet children({ props })}
-        <Form.Label>{labelPassword}</Form.Label>
-        <Input
-          {...props}
-          bind:value={$formData.password}
-          placeholder="*********"
-          type="password"
-        />
-      {/snippet}
-    </Form.Control>
-    <Form.FieldErrors />
-  </Form.Field>
-  <Form.Field {form} name="agreeToTerms">
-    <Form.Control>
-      {#snippet children({ props })}
-        <Checkbox {...props} bind:checked={$formData.agreeToTerms} />
-
-        <Form.Label>
-          {labelTerms}
-          <Button variant="link" href={linkTerms} class="p-0"
-            >{labelLinkTerms}</Button
-          >
-        </Form.Label>
-      {/snippet}
-    </Form.Control>
-    <Form.FieldErrors />
-  </Form.Field>
-  <Form.Button class="w-full">{labelBtnFormEmail}</Form.Button>
-</form>

package/dist/components/auth/sign-up-form.svelte.d.ts

@@ -1,11 +0,0 @@
-declare const SignUpForm: import("svelte").Component<{
-    labelFisrtName: string;
-    labelLastName: string;
-    labelEmail: string;
-    labelPassword: string;
-    linkTerms: string;
-    labelTerms: string;
-    labelLinkTerms: string;
-    labelBtnFormEmail: string;
-}, {}, "">;
-export default SignUpForm;

package/dist/components/auth/user-button/profile-section/avatar-user.svelte

@@ -1,107 +0,0 @@
-<script lang="ts">
-  import * as Avatar from "../../../ui/avatar/index.js";
-  import { firekitAuthManager } from "../../../../firebase/auth/auth-manager.svelte.js";
-
-  import { firekitUploadTask } from "../../../../firebase/storage/upload-task.svelte.js";
-  import { getInitials } from "../../../../utils.js";
-
-  $effect(() => {
-    console.log(progress);
-    if (progress === 100 && uploadTask?.downloadURL) {
-      console.log("updated data");
-      firekitAuthManager.updateUserData({ photoURL: uploadTask?.downloadURL });
-      firekitAuthManager.updateProfileInfo({
-        displayName: firekitAuthManager.data?.displayName as string,
-        photoURL: uploadTask?.downloadURL,
-      });
-      progress = 0;
-    }
-  });
-
-  // $effect(()=>{
-  //   console.log(uploadTask?.downloadURL)
-  // })
-
-  let uploadTask: any = $state(null);
-  let progress: number = $derived(uploadTask?.progress || 0 * 1);
-  let imageUrl: string = $state("");
-  let selectedImage: File | null = $state(null);
-  let inputfile: any;
-
-  async function handleImageUpload(event: Event) {
-    const target = event.target as HTMLInputElement;
-    const file: File = target.files?.[0] as File;
-
-    if (file) {
-      imageUrl = URL.createObjectURL(file);
-      selectedImage = file;
-    }
-
-    uploadTask = firekitUploadTask(
-      `users-profile/${firekitAuthManager.uid}/profile`,
-      file
-    );
-    
-
-    // firekitAuthManager.updateUserData({ photoURL: uploadTask?.downloadURL });
-    // firekitAuthManager.updateProfileInfo({
-    //   displayName: firekitAuthManager.data?.displayName as string,
-    //   photoURL: uploadTask?.downloadURL,
-    // });
-  }
-</script>
-
-<section class="space-y-5 border-t-slate-200 border-t-[2px] pt-4">
-  <div class="grid sm:grid-cols-12 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
-    <div class="sm:col-span-4 xl:col-span-3">
-      <p class="sm:mt-2.5 inline-block text-sm text-foreground-500">Profile</p>
-    </div>
-
-    <div class="sm:col-span-8 xl:col-span-9">
-      <div class="flex flex-wrap justify-around items-center gap-3 sm:gap-5">
-        <div class="flex gap-2 items-center">
-          <button onclick={() => inputfile.click()}>
-            <Avatar.Root class="size-[70px]">
-              <Avatar.Image
-                src={firekitAuthManager.data?.photoURL}
-                alt="Avatar"
-              />
-              <Avatar.Fallback>
-                {getInitials(firekitAuthManager.data?.displayName)}
-              </Avatar.Fallback>
-            </Avatar.Root>
-          </button>
-          <input
-            bind:this={inputfile}
-            onchange={handleImageUpload}
-            type="file"
-            accept="image/*"
-            class="hidden"
-          />
-          <div class="grid flex-1 text-left text-sm leading-tight">
-            <span class="truncate font-semibold"
-              >{firekitAuthManager.data?.displayName}</span
-            >
-            <span class="truncate text-sm text-slate-400"
-              >{firekitAuthManager.data?.email}</span
-            >
-            {#if progress > 0 && !uploadTask?.completed}
-              <div
-                class="w-full bg-gray-200 rounded-full h-2.5 dark:bg-gray-700"
-              >
-                <div
-                  class="bg-blue-600 h-2.5 rounded-full"
-                  style="width: {progress}%"
-                ></div>
-              </div>
-              <p class="text-xs text-gray-500 mt-1">
-                Progress: {progress.toFixed(2)}%
-              </p>
-            {/if}
-          </div>
-        </div>
-        <div></div>
-      </div>
-    </div>
-  </div>
-</section>

package/dist/components/auth/user-button/profile-section/avatar-user.svelte.d.ts

@@ -1,2 +0,0 @@
-declare const AvatarUser: import("svelte").Component<Record<string, never>, {}, "">;
-export default AvatarUser;

package/dist/components/auth/user-button/profile-section/connect-user.svelte

@@ -1,45 +0,0 @@
-<script lang="ts">
-  import Button from "../../../ui/button/button.svelte";
-    import { firekitAuthManager } from "../../../../firebase/auth/auth-manager.svelte.js";
-
-  import { Badge } from "../../../ui/badge/index.js";
-  import { Plus } from "lucide-svelte";
-  import TypeAccount from "../type-account.svelte";
-</script>
-
-<section class="space-y-5 border-t-slate-200 border-t-[2px] pt-4">
-  <div class="grid sm:grid-cols-12 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
-    <div class="sm:col-span-4 xl:col-span-3 ">
-      <p class="sm:mt-2.5 inline-block text-sm text-foreground-500">
-        Connected accounts
-      </p>
-    </div>
-
-    <div class="sm:col-span-8 xl:col-span-9">
-      <div class="flex flex-wrap justify-around items-center gap-3 sm:gap-5">
-        <div class="flex flex-col gap-2 text-sm leading-tight items-start">
-          <div class="flex gap-2 items-center">
-            <TypeAccount
-              account={firekitAuthManager?.user?.providerData[0]?.providerId || "None"}
-            ></TypeAccount>
-
-            <span class="truncate text-xs text-slate-600"
-              >{firekitAuthManager.email}</span
-            >
-
-            <Badge variant="outline">Primary</Badge>
-          </div>
-          <Button
-            variant="none"
-            class="flex justify-start px-0 hover:border-b-slate-500 hover:border-b-[2px] rounded-none"
-          >
-            <Plus class="size-4"></Plus>
-            Connect account
-          </Button>
-        </div>
-        <!-- <Button variant="ghost" size="sm">Edit Profile</Button> -->
-        <div></div>
-      </div>
-    </div>
-  </div>
-</section>

package/dist/components/auth/user-button/profile-section/connect-user.svelte.d.ts

@@ -1,18 +0,0 @@
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const ConnectUser: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type ConnectUser = InstanceType<typeof ConnectUser>;
-export default ConnectUser;

package/dist/components/auth/user-button/profile-section/email-user.svelte

@@ -1,81 +0,0 @@
-<script lang="ts">
-  import Button from "../../../ui/button/button.svelte";
-    import { firekitAuthManager } from "../../../../firebase/auth/auth-manager.svelte.js";
-
-  import Input from "../../../ui/input/input.svelte";
-  import { toast } from "svelte-sonner";
-
-  let email: string = $state("");
-  let haserror = $state(false);
-
-  $effect(() => {
-    email = firekitAuthManager.data?.email as string;
-  });
-
-  async function handleChangeEmail() {
-    console.log(email);
-    haserror = false;
-    console.log(firekitAuthManager.data?.email);
-    if (email === firekitAuthManager.data?.email) {
-      toast.error("The email is the same as your current email.");
-      haserror = true;
-      return;
-    }
-
-    if (!isValidEmail()) {
-      toast.error("Please enter a valid email address.");
-      haserror = true;
-      return;
-    }
-
-    await firekitAuthManager.updateEmailUser(email);
-    // toast.success("Email updated successfully!");
-    // setTimeout(async () => {
-    //   await firekitAuth.logOut();
-    // }, 4500);
-  }
-
-  function isValidEmail() {
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return emailRegex.test(email);
-  }
-</script>
-
-<section class="space-y-5 border-t-slate-200 border-t-[2px] pt-4">
-  <div class="grid sm:grid-cols-12 gap-y-1.5 sm:gap-y-0 sm:gap-x-5">
-    <div class="sm:col-span-4 xl:col-span-3">
-      <p
-        class="sm:mt-2.5 inline-block text-sm {haserror
-          ? 'text-red-500'
-          : 'text-foreground-500'}"
-      >
-        Email address
-      </p>
-    </div>
-
-    <div class="sm:col-span-8 xl:col-span-9">
-      <div class="flex flex-wrap  items-center gap-3 sm:gap-5 ">
-        <div class="flex gap-2 items-center w-full  ">
-          <div class="flex flex-col gap-2 text-sm leading-tight w-[250px]">
-            <div class=" space-y-1 my-2 w-auto ">
-              <!-- <Label class={haserror ? "text-red-500" : ""}>Email:</Label> -->
-              <Input
-                class=" w-full {haserror ? 'border border-red-500' : ''}"
-                bind:value={email}
-                placeholder="Introduce email"
-              />
-            </div>
-            <Button
-              onclick={handleChangeEmail}
-              variant="default"
-              class="bg-blue-500 hover:bg-blue-600 text-white block ml-auto"
-            >
-              Save
-            </Button>
-          </div>
-        </div>
-        <div></div>
-      </div>
-    </div>
-  </div>
-</section>

package/dist/components/auth/user-button/profile-section/email-user.svelte.d.ts

@@ -1,2 +0,0 @@
-declare const EmailUser: import("svelte").Component<Record<string, never>, {}, "">;
-export default EmailUser;