@b3dotfun/sdk 0.0.65-test.4 → 0.0.65-test.6

package/src/global-account/react/components/ui/Tabs.tsx

@@ -25,7 +25,7 @@ export function TabTrigger({ className, ...props }: React.ComponentProps<typeof
       className={cn(
         "text-md inline-flex h-full items-center justify-center whitespace-nowrap px-3 font-semibold transition-all",
         "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
-        "data-[state=active]:text-b3-react-primary data-[state=active]:font-bold",
+        "data-[state=active]:font-bold data-[state=active]:text-[#0B57C2]",
         "hover:text-b3-react-foreground data-[state=inactive]:text-b3-react-muted-foreground",
         "flex-1",
         className,

package/src/global-account/react/components/ui/dialog.tsx

@@ -60,7 +60,7 @@ const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.
             )}
             {...props}
           >
-            <div className="flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)]">
+            <div className="modal-inner-content flex flex-1 flex-col overflow-hidden rounded-xl border border-[#D1D1D6] bg-white shadow-[0_20px_24px_-4px_rgba(10,13,18,0.08),0_8px_8px_-4px_rgba(10,13,18,0.03),0_3px_3px_-1.5px_rgba(10,13,18,0.04)]">
               {children}
               {!hideCloseButton && (
                 <DialogPrimitive.Close
@@ -75,17 +75,8 @@ const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.
               )}
             </div>
             {/* Global Account Footer */}
-            <div className="flex items-center justify-center gap-1.5 pt-[10px]">
-              <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path
-                  d="M2 4.66667C2 3.19391 3.19391 2 4.66667 2H11.3333C12.8061 2 14 3.19391 14 4.66667V11.3333C14 12.8061 12.8061 14 11.3333 14H4.66667C3.19391 14 2 12.8061 2 11.3333V4.66667Z"
-                  fill="#0B57C2"
-                />
-                <path
-                  d="M5.33333 6C5.33333 5.63181 5.63181 5.33333 6 5.33333H10C10.3682 5.33333 10.6667 5.63181 10.6667 6V10C10.6667 10.3682 10.3682 10.6667 10 10.6667H6C5.63181 10.6667 5.33333 10.3682 5.33333 10V6Z"
-                  fill="white"
-                />
-              </svg>
+            <div className="b3-modal-ga-branding flex items-center justify-center gap-1.5 pt-[10px]">
+              <img src="https://cdn.b3.fun/b3_logo.svg" alt="B3" className="h-4 w-4" />
               <span className="font-neue-montreal-semibold text-xs uppercase leading-none tracking-[0.72px] text-[#0B57C2]">
                 Global Account
               </span>

package/src/global-account/react/utils/profileDisplay.ts

@@ -64,6 +64,7 @@ export function validateImageUrl(url: string | null | undefined): string | null
 }
 
 export interface ExtendedProfileDetails {
+  fid?: string;
   id?: string;
   email?: string;
   phone?: string;
@@ -112,7 +113,7 @@ export function getProfileDisplayInfo(profile: ExtendedProfile): ProfileDisplayI
       break;
     case "farcaster":
       displayInfo = {
-        title: details.name || details.username || "Unknown",
+        title: details.name || details.username || "FID:" + details?.fid || "Unknown",
         subtitle: details.username ? `@${details.username}` : "Farcaster Account",
         imageUrl: validateImageUrl(details.pfpUrl || details.profileImageUrl),
         initial: "F",

package/src/styles/index.css

@@ -390,6 +390,8 @@ Dark version
 }
 
 .b3-login-step {
+  padding-bottom: 10px;
+
   & > div > div > div > div > div > div > div > img {
     display: none;
   }
@@ -662,3 +664,7 @@ Dark version
 .animate-accordion-up {
   animation: accordion-up 0.2s ease-out;
 }
+
+.tw-header {
+  display: none !important; /* Hide the TW "BSMNT" header */
+}