feat: dashboard v2, esm, upgrades (#211)

* esm * wip * wip * wip * wip * wip * wip * subscription notice * wip * wip * wip * fix envs * fix: update docker build * fix * esm/types * delete dashboard :D * add patches to dockerfiles * update packages + catalogs + ts * wip * remove native libs * ts * improvements * fix redirects and fetching session * try fix favicon * fixes * fix * order and resize reportds within a dashboard * improvements * wip * added userjot to dashboard * fix * add op * wip * different cache key * improve date picker * fix table * event details loading * redo onboarding completely * fix login * fix * fix * extend session, billing and improve bars * fix * reduce price on 10M
2025-10-16 12:27:44 +02:00
parent 436e81ecc9
commit 81a7e5d62e
741 changed files with 32695 additions and 16996 deletions
--- a/apps/start/src/components/auth/share-enter-password.tsx
+++ b/apps/start/src/components/auth/share-enter-password.tsx
@@ -0,0 +1,75 @@
+import { useTRPC } from '@/integrations/trpc/react';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { type ISignInShare, zSignInShare } from '@openpanel/validation';
+import { useMutation } from '@tanstack/react-query';
+import { useForm } from 'react-hook-form';
+import { toast } from 'sonner';
+import { LogoSquare } from '../logo';
+import { Button } from '../ui/button';
+import { Input } from '../ui/input';
+
+export function ShareEnterPassword({ shareId }: { shareId: string }) {
+  const trpc = useTRPC();
+  const mutation = useMutation(
+    trpc.auth.signInShare.mutationOptions({
+      onSuccess() {},
+      onError() {
+        toast.error('Incorrect password');
+      },
+    }),
+  );
+  const form = useForm<ISignInShare>({
+    resolver: zodResolver(zSignInShare),
+    defaultValues: {
+      password: '',
+      shareId,
+    },
+  });
+
+  const onSubmit = form.handleSubmit((data) => {
+    mutation.mutate({
+      password: data.password,
+      shareId,
+    });
+  });
+
+  return (
+    <div className="center-center h-screen w-screen p-4 col">
+      <div className="bg-background p-6 rounded-lg max-w-md w-full text-left">
+        <div className="col mt-1 flex-1 gap-2">
+          <LogoSquare className="size-12 mb-4" />
+          <div className="text-xl font-semibold">Overview is locked</div>
+          <div className="text-lg text-muted-foreground leading-normal">
+            Please enter correct password to access this overview
+          </div>
+        </div>
+        <form onSubmit={onSubmit} className="col gap-4 mt-6">
+          <Input
+            {...form.register('password')}
+            type="password"
+            placeholder="Enter your password"
+            size="large"
+          />
+          <Button type="submit">Get access</Button>
+        </form>
+      </div>
+      <div className="p-6 text-sm max-w-sm col gap-0.5">
+        <p>
+          Powered by{' '}
+          <a href="https://openpanel.dev" className="font-medium">
+            OpenPanel.dev
+          </a>
+        </p>
+        <p>
+          The best web and product analytics tool out there (our honest
+          opinion).
+        </p>
+        <p>
+          <a href="https://dashboard.openpanel.dev/onboarding">
+            Try it for free today!
+          </a>
+        </p>
+      </div>
+    </div>
+  );
+}