@b3dotfun/sdk 0.0.65-test.1 → 0.0.65

package/src/global-account/react/components/ManageAccount/SettingsProfileCard.tsx

@@ -1,74 +0,0 @@
-import { useB3, useModalStore, useProfile } from "@b3dotfun/sdk/global-account/react";
-import { formatUsername } from "@b3dotfun/sdk/shared/utils";
-import { getIpfsUrl } from "@b3dotfun/sdk/shared/utils/ipfs";
-import { Pencil } from "lucide-react";
-import { useActiveAccount } from "thirdweb/react";
-import { useFirstEOA } from "../../hooks/useFirstEOA";
-
-const SettingsProfileCard = () => {
-  const account = useActiveAccount();
-  const { address: eoaAddress } = useFirstEOA();
-  const { data: profile } = useProfile({
-    address: eoaAddress || account?.address,
-    fresh: true,
-  });
-  const { user } = useB3();
-  const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
-  const setB3ModalContentType = useModalStore(state => state.setB3ModalContentType);
-  const navigateBack = useModalStore(state => state.navigateBack);
-
-  const avatarUrl = user?.avatar ? getIpfsUrl(user?.avatar) : profile?.avatar;
-
-  const handleEditAvatar = () => {
-    setB3ModalOpen(true);
-    setB3ModalContentType({
-      type: "avatarEditor",
-      onSuccess: () => {
-        // navigate back on success
-        navigateBack();
-      },
-    });
-  };
-
-  const handleEditUsername = () => {
-    // TODO: Implement edit username functionality
-    console.log("Edit username clicked");
-  };
-
-  return (
-    <div className="flex w-full items-center gap-3">
-      {/* Avatar with edit badge */}
-      <div className="relative shrink-0">
-        {avatarUrl ? (
-          <img src={avatarUrl} alt="Profile" className="border-black/8 size-14 rounded-full border object-cover" />
-        ) : (
-          <div className="bg-b3-primary-wash border-black/8 size-14 rounded-full border" />
-        )}
-        <button
-          onClick={handleEditAvatar}
-          className="absolute -bottom-0.5 -right-0.5 flex size-[18px] items-center justify-center rounded-full border-[1.5px] border-white bg-[#a0a0ab] transition-colors hover:bg-[#a0a0ab]/80"
-          aria-label="Edit avatar"
-        >
-          <Pencil size={10} className="text-white" strokeWidth={2.5} />
-        </button>
-      </div>
-
-      {/* Username and edit link */}
-      <div className="flex shrink-0 flex-col gap-1">
-        <div className="flex items-center gap-1">
-          <p className="font-neue-montreal-semibold text-lg leading-none text-[#0B57C2]">
-            {profile?.displayName || formatUsername(profile?.name || "")}
-          </p>
-        </div>
-        <button
-          onClick={handleEditUsername}
-          className="flex items-center justify-center gap-1 text-left transition-opacity hover:opacity-80"
-        >
-          <p className="font-inter text-sm font-semibold leading-5 text-[#51525C]">Edit Username</p>
-        </button>
-      </div>
-    </div>
-  );
-};
-
-export default SettingsProfileCard;

package/src/global-account/react/components/ManageAccount/TokenContent.tsx

@@ -1,41 +0,0 @@
-import { useB3BalanceFromAddresses, useNativeBalance } from "@b3dotfun/sdk/global-account/react";
-import { useActiveWallet } from "thirdweb/react";
-import { B3TokenIcon, EthereumTokenIcon } from "../TokenIcon";
-import { TokenBalanceRow } from "./TokenBalanceRow";
-
-const TokenContent = () => {
-  // Get active wallet state
-  const activeWallet = useActiveWallet();
-  //const globalAccountWallet = useGlobalWalletState(state => state.globalAccountWallet);
-  const activeAccount = activeWallet?.getAccount();
-  const activeAddress = activeAccount?.address;
-
-  // Balance data fetching - use active wallet address
-  const { data: activeNativeBalance } = useNativeBalance(activeAddress);
-  const { data: activeB3Balance } = useB3BalanceFromAddresses(activeAddress);
-
-  if (!activeAddress) {
-    return <div className="col-span-3 py-12 text-center text-gray-500">No tokens found</div>;
-  }
-
-  return (
-    <div className="flex flex-col gap-3">
-      <TokenBalanceRow
-        icon={<B3TokenIcon className="size-10" />}
-        name="B3"
-        balance={`${activeB3Balance?.formattedTotal || "0.00"} B3`}
-        usdValue={activeB3Balance?.balanceUsdFormatted || "0.00"}
-        priceChange={activeB3Balance?.priceChange24h}
-      />
-      <TokenBalanceRow
-        icon={<EthereumTokenIcon className="size-10" />}
-        name="Ethereum"
-        balance={`${activeNativeBalance?.formattedTotal || "0.00"} ETH`}
-        usdValue={activeNativeBalance?.formattedTotalUsd || "0.00"}
-        priceChange={activeNativeBalance?.priceChange24h}
-      />
-    </div>
-  );
-};
-
-export default TokenContent;

package/src/global-account/react/components/ModalHeader/ModalHeader.tsx

@@ -1,50 +0,0 @@
-import { cn } from "@b3dotfun/sdk/shared/utils";
-import { ChevronDown, X } from "lucide-react";
-import { useModalStore } from "../../stores";
-
-const ModalHeader = ({
-  handleBack,
-  handleClose,
-  title,
-  children,
-  showCloseButton = true,
-  className,
-  showBackWord = false,
-}: {
-  handleBack?: () => void;
-  handleClose?: () => void;
-  title: string;
-  children?: React.ReactNode;
-  showCloseButton?: boolean;
-  className?: string;
-  showBackWord?: boolean;
-}) => {
-  const navigateBack = useModalStore(state => state.navigateBack);
-  const setB3ModalOpen = useModalStore(state => state.setB3ModalOpen);
-
-  return (
-    <div
-      className={cn("flex h-16 items-center justify-between border-b border-[#e4e4e7] bg-white px-5 py-3", className)}
-    >
-      <button
-        onClick={handleBack || navigateBack}
-        className="flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70"
-      >
-        <ChevronDown className="h-6 w-6 rotate-90 text-[#51525c]" />
-        {showBackWord && <span className="text-sm font-medium">Back</span>}
-      </button>
-      <p className="font-inter text-lg font-semibold leading-7 text-[#18181b]">{title}</p>
-      {showCloseButton && (
-        <button
-          onClick={handleClose || (() => setB3ModalOpen(false))}
-          className="flex h-6 w-6 items-center justify-center transition-opacity hover:opacity-70"
-        >
-          <X className="h-6 w-6 text-[#51525c]" />
-        </button>
-      )}
-      {children}
-    </div>
-  );
-};
-
-export default ModalHeader;