import { CSSReset } from "@chakra-ui/css-reset";
import {
  AccountProvider,
  ErrorHandlerProvider,
  Notification,
  StrataSdksProvider,
  ThemeProvider,
  TokenListProvider,
} from "@strata-foundation/react";
import React from "react";
import toast from "react-hot-toast";

export const Providers: React.FC<React.PropsWithChildren<{}>> = ({ children }) => {
  const onError = React.useCallback((error: Error) => {
    console.error(error);
    if (
      error.message?.includes(
        "Attempt to debit an account but found no record of a prior credit."
      )
    ) {
      error = new Error("Not enough SOL to perform this action");
    }

    const code = (error.message?.match("custom program error: (.*)") || [])[1];
    if (code == "0x1") {
      error = new Error("Insufficient balance.");
    } else if (code === "0x0") {
      error = new Error("Blockhash expired. Please retry");
    }

    toast.custom((t) => (
      <Notification
        type="error"
        show={t.visible}
        heading={error.name}
        // @ts-ignore
        message={error.message || error.msg || error.toString()}
        onDismiss={() => toast.dismiss(t.id)}
      />
    ));
  }, []);

  return (
    <ThemeProvider>
      <CSSReset />
      <ErrorHandlerProvider onError={onError}>
        <StrataSdksProvider>
          <AccountProvider commitment="confirmed">
            <TokenListProvider>{children}</TokenListProvider>
          </AccountProvider>
        </StrataSdksProvider>
      </ErrorHandlerProvider>
    </ThemeProvider>
  );
};