@b3dotfun/sdk 0.0.65-test.1 → 0.0.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (229) hide show
  1. package/dist/cjs/anyspend/react/components/AnySpend.js +33 -73
  2. package/dist/cjs/anyspend/react/components/AnySpendCustom.js +1 -1
  3. package/dist/cjs/anyspend/react/components/common/CryptoPaymentMethod.js +1 -1
  4. package/dist/cjs/anyspend/react/components/common/FeeDetailPanel.js +1 -1
  5. package/dist/cjs/anyspend/react/components/common/FiatPaymentMethod.js +2 -2
  6. package/dist/cjs/anyspend/react/components/common/OrderHistory.d.ts +1 -1
  7. package/dist/cjs/anyspend/react/components/common/OrderHistory.js +3 -7
  8. package/dist/cjs/anyspend/react/components/common/PanelOnrampPayment.js +1 -1
  9. package/dist/cjs/anyspend/react/components/common/PointsDetailPanel.js +1 -1
  10. package/dist/cjs/anyspend/react/components/common/RecipientSelection.js +1 -1
  11. package/dist/cjs/global-account/react/components/AccountAssets/AccountAssets.js +2 -38
  12. package/dist/cjs/global-account/react/components/AvatarEditor/AvatarEditor.js +33 -139
  13. package/dist/cjs/global-account/react/components/B3DynamicModal.js +6 -25
  14. package/dist/cjs/global-account/react/components/LinkAccount/LinkAccount.d.ts +4 -6
  15. package/dist/cjs/global-account/react/components/LinkAccount/LinkAccount.js +279 -113
  16. package/dist/cjs/global-account/react/components/ManageAccount/BalanceContent.js +2 -2
  17. package/dist/cjs/global-account/react/components/ManageAccount/ManageAccount.js +193 -24
  18. package/dist/cjs/global-account/react/components/index.d.ts +2 -4
  19. package/dist/cjs/global-account/react/components/index.js +4 -11
  20. package/dist/cjs/global-account/react/components/ui/Tabs.js +2 -2
  21. package/dist/cjs/global-account/react/components/ui/dialog.js +2 -2
  22. package/dist/cjs/global-account/react/hooks/index.d.ts +1 -1
  23. package/dist/cjs/global-account/react/hooks/index.js +1 -3
  24. package/dist/cjs/global-account/react/hooks/useB3BalanceFromAddresses.js +0 -1
  25. package/dist/cjs/global-account/react/stores/index.d.ts +0 -1
  26. package/dist/cjs/global-account/react/stores/index.js +1 -3
  27. package/dist/cjs/global-account/react/stores/useModalStore.d.ts +3 -34
  28. package/dist/cjs/global-account/react/utils/profileDisplay.d.ts +0 -2
  29. package/dist/cjs/global-account/react/utils/profileDisplay.js +2 -2
  30. package/dist/cjs/shared/constants/chains/supported.d.ts +2 -2
  31. package/dist/cjs/shared/utils/ipfs.js +1 -1
  32. package/dist/esm/anyspend/react/components/AnySpend.js +34 -74
  33. package/dist/esm/anyspend/react/components/AnySpendCustom.js +1 -1
  34. package/dist/esm/anyspend/react/components/common/CryptoPaymentMethod.js +1 -1
  35. package/dist/esm/anyspend/react/components/common/FeeDetailPanel.js +1 -1
  36. package/dist/esm/anyspend/react/components/common/FiatPaymentMethod.js +2 -2
  37. package/dist/esm/anyspend/react/components/common/OrderHistory.d.ts +1 -1
  38. package/dist/esm/anyspend/react/components/common/OrderHistory.js +5 -6
  39. package/dist/esm/anyspend/react/components/common/PanelOnrampPayment.js +1 -1
  40. package/dist/esm/anyspend/react/components/common/PointsDetailPanel.js +1 -1
  41. package/dist/esm/anyspend/react/components/common/RecipientSelection.js +1 -1
  42. package/dist/esm/global-account/react/components/AccountAssets/AccountAssets.js +2 -38
  43. package/dist/esm/global-account/react/components/AvatarEditor/AvatarEditor.js +34 -140
  44. package/dist/esm/global-account/react/components/B3DynamicModal.js +6 -25
  45. package/dist/esm/global-account/react/components/LinkAccount/LinkAccount.d.ts +4 -6
  46. package/dist/esm/global-account/react/components/LinkAccount/LinkAccount.js +280 -113
  47. package/dist/esm/global-account/react/components/ManageAccount/BalanceContent.js +2 -2
  48. package/dist/esm/global-account/react/components/ManageAccount/ManageAccount.js +195 -26
  49. package/dist/esm/global-account/react/components/index.d.ts +2 -4
  50. package/dist/esm/global-account/react/components/index.js +2 -7
  51. package/dist/esm/global-account/react/components/ui/Tabs.js +2 -2
  52. package/dist/esm/global-account/react/components/ui/dialog.js +2 -2
  53. package/dist/esm/global-account/react/hooks/index.d.ts +1 -1
  54. package/dist/esm/global-account/react/hooks/index.js +1 -1
  55. package/dist/esm/global-account/react/hooks/useB3BalanceFromAddresses.js +0 -1
  56. package/dist/esm/global-account/react/stores/index.d.ts +0 -1
  57. package/dist/esm/global-account/react/stores/index.js +0 -1
  58. package/dist/esm/global-account/react/stores/useModalStore.d.ts +3 -34
  59. package/dist/esm/global-account/react/utils/profileDisplay.d.ts +0 -2
  60. package/dist/esm/global-account/react/utils/profileDisplay.js +2 -2
  61. package/dist/esm/shared/constants/chains/supported.d.ts +2 -2
  62. package/dist/esm/shared/utils/ipfs.js +1 -1
  63. package/dist/styles/index.css +1 -1
  64. package/dist/types/anyspend/react/components/common/OrderHistory.d.ts +1 -1
  65. package/dist/types/global-account/react/components/LinkAccount/LinkAccount.d.ts +4 -6
  66. package/dist/types/global-account/react/components/index.d.ts +2 -4
  67. package/dist/types/global-account/react/hooks/index.d.ts +1 -1
  68. package/dist/types/global-account/react/stores/index.d.ts +0 -1
  69. package/dist/types/global-account/react/stores/useModalStore.d.ts +3 -34
  70. package/dist/types/global-account/react/utils/profileDisplay.d.ts +0 -2
  71. package/dist/types/shared/constants/chains/supported.d.ts +2 -2
  72. package/package.json +1 -1
  73. package/src/anyspend/react/components/AnySpend.tsx +167 -225
  74. package/src/anyspend/react/components/AnySpendCustom.tsx +1 -1
  75. package/src/anyspend/react/components/common/CryptoPaymentMethod.tsx +1 -1
  76. package/src/anyspend/react/components/common/FeeDetailPanel.tsx +1 -1
  77. package/src/anyspend/react/components/common/FiatPaymentMethod.tsx +2 -2
  78. package/src/anyspend/react/components/common/OrderHistory.tsx +13 -8
  79. package/src/anyspend/react/components/common/PanelOnrampPayment.tsx +1 -1
  80. package/src/anyspend/react/components/common/PointsDetailPanel.tsx +1 -1
  81. package/src/anyspend/react/components/common/RecipientSelection.tsx +1 -1
  82. package/src/global-account/react/components/AccountAssets/AccountAssets.tsx +25 -115
  83. package/src/global-account/react/components/AvatarEditor/AvatarEditor.tsx +126 -303
  84. package/src/global-account/react/components/B3DynamicModal.tsx +6 -28
  85. package/src/global-account/react/components/LinkAccount/LinkAccount.tsx +433 -332
  86. package/src/global-account/react/components/ManageAccount/BalanceContent.tsx +3 -2
  87. package/src/global-account/react/components/ManageAccount/ManageAccount.tsx +589 -73
  88. package/src/global-account/react/components/index.ts +2 -9
  89. package/src/global-account/react/components/ui/Tabs.tsx +13 -5
  90. package/src/global-account/react/components/ui/dialog.tsx +14 -32
  91. package/src/global-account/react/hooks/index.ts +0 -3
  92. package/src/global-account/react/hooks/useB3BalanceFromAddresses.ts +0 -1
  93. package/src/global-account/react/stores/index.ts +0 -1
  94. package/src/global-account/react/stores/useModalStore.ts +2 -39
  95. package/src/global-account/react/utils/profileDisplay.ts +2 -4
  96. package/src/shared/utils/ipfs.ts +1 -1
  97. package/src/styles/index.css +1 -6
  98. package/dist/cjs/global-account/react/components/Deposit/Deposit.d.ts +0 -1
  99. package/dist/cjs/global-account/react/components/Deposit/Deposit.js +0 -65
  100. package/dist/cjs/global-account/react/components/LinkAccount/LinkNewAccount.d.ts +0 -4
  101. package/dist/cjs/global-account/react/components/LinkAccount/LinkNewAccount.js +0 -331
  102. package/dist/cjs/global-account/react/components/ManageAccount/AppsContent.d.ts +0 -6
  103. package/dist/cjs/global-account/react/components/ManageAccount/AppsContent.js +0 -34
  104. package/dist/cjs/global-account/react/components/ManageAccount/BottomNavigation.d.ts +0 -2
  105. package/dist/cjs/global-account/react/components/ManageAccount/BottomNavigation.js +0 -23
  106. package/dist/cjs/global-account/react/components/ManageAccount/Header.d.ts +0 -3
  107. package/dist/cjs/global-account/react/components/ManageAccount/Header.js +0 -120
  108. package/dist/cjs/global-account/react/components/ManageAccount/HomeActions.d.ts +0 -5
  109. package/dist/cjs/global-account/react/components/ManageAccount/HomeActions.js +0 -43
  110. package/dist/cjs/global-account/react/components/ManageAccount/HomeContent.d.ts +0 -6
  111. package/dist/cjs/global-account/react/components/ManageAccount/HomeContent.js +0 -16
  112. package/dist/cjs/global-account/react/components/ManageAccount/NFTContent.d.ts +0 -2
  113. package/dist/cjs/global-account/react/components/ManageAccount/NFTContent.js +0 -15
  114. package/dist/cjs/global-account/react/components/ManageAccount/ProfileSection.d.ts +0 -2
  115. package/dist/cjs/global-account/react/components/ManageAccount/ProfileSection.js +0 -44
  116. package/dist/cjs/global-account/react/components/ManageAccount/SettingsContent.d.ts +0 -7
  117. package/dist/cjs/global-account/react/components/ManageAccount/SettingsContent.js +0 -50
  118. package/dist/cjs/global-account/react/components/ManageAccount/SettingsMenuItem.d.ts +0 -9
  119. package/dist/cjs/global-account/react/components/ManageAccount/SettingsMenuItem.js +0 -8
  120. package/dist/cjs/global-account/react/components/ManageAccount/SettingsProfileCard.d.ts +0 -2
  121. package/dist/cjs/global-account/react/components/ManageAccount/SettingsProfileCard.js +0 -38
  122. package/dist/cjs/global-account/react/components/ManageAccount/TokenContent.d.ts +0 -2
  123. package/dist/cjs/global-account/react/components/ManageAccount/TokenContent.js +0 -22
  124. package/dist/cjs/global-account/react/components/ModalHeader/ModalHeader.d.ts +0 -10
  125. package/dist/cjs/global-account/react/components/ModalHeader/ModalHeader.js +0 -12
  126. package/dist/cjs/global-account/react/components/Send/Send.d.ts +0 -5
  127. package/dist/cjs/global-account/react/components/Send/Send.js +0 -187
  128. package/dist/cjs/global-account/react/components/icons/BellIcon.d.ts +0 -3
  129. package/dist/cjs/global-account/react/components/icons/BellIcon.js +0 -5
  130. package/dist/cjs/global-account/react/components/icons/ChevronDownIcon.d.ts +0 -2
  131. package/dist/cjs/global-account/react/components/icons/ChevronDownIcon.js +0 -7
  132. package/dist/cjs/global-account/react/components/icons/CopyIcon.d.ts +0 -2
  133. package/dist/cjs/global-account/react/components/icons/CopyIcon.js +0 -7
  134. package/dist/cjs/global-account/react/components/icons/LinkIcon.d.ts +0 -3
  135. package/dist/cjs/global-account/react/components/icons/LinkIcon.js +0 -5
  136. package/dist/cjs/global-account/react/components/icons/LockIcon.d.ts +0 -3
  137. package/dist/cjs/global-account/react/components/icons/LockIcon.js +0 -5
  138. package/dist/cjs/global-account/react/components/icons/WalletIcon.d.ts +0 -2
  139. package/dist/cjs/global-account/react/components/icons/WalletIcon.js +0 -7
  140. package/dist/cjs/global-account/react/stores/useRecentAddressesStore.d.ts +0 -25
  141. package/dist/cjs/global-account/react/stores/useRecentAddressesStore.js +0 -36
  142. package/dist/esm/global-account/react/components/Deposit/Deposit.d.ts +0 -1
  143. package/dist/esm/global-account/react/components/Deposit/Deposit.js +0 -59
  144. package/dist/esm/global-account/react/components/LinkAccount/LinkNewAccount.d.ts +0 -4
  145. package/dist/esm/global-account/react/components/LinkAccount/LinkNewAccount.js +0 -325
  146. package/dist/esm/global-account/react/components/ManageAccount/AppsContent.d.ts +0 -6
  147. package/dist/esm/global-account/react/components/ManageAccount/AppsContent.js +0 -32
  148. package/dist/esm/global-account/react/components/ManageAccount/BottomNavigation.d.ts +0 -2
  149. package/dist/esm/global-account/react/components/ManageAccount/BottomNavigation.js +0 -21
  150. package/dist/esm/global-account/react/components/ManageAccount/Header.d.ts +0 -3
  151. package/dist/esm/global-account/react/components/ManageAccount/Header.js +0 -81
  152. package/dist/esm/global-account/react/components/ManageAccount/HomeActions.d.ts +0 -5
  153. package/dist/esm/global-account/react/components/ManageAccount/HomeActions.js +0 -41
  154. package/dist/esm/global-account/react/components/ManageAccount/HomeContent.d.ts +0 -6
  155. package/dist/esm/global-account/react/components/ManageAccount/HomeContent.js +0 -10
  156. package/dist/esm/global-account/react/components/ManageAccount/NFTContent.d.ts +0 -2
  157. package/dist/esm/global-account/react/components/ManageAccount/NFTContent.js +0 -13
  158. package/dist/esm/global-account/react/components/ManageAccount/ProfileSection.d.ts +0 -2
  159. package/dist/esm/global-account/react/components/ManageAccount/ProfileSection.js +0 -42
  160. package/dist/esm/global-account/react/components/ManageAccount/SettingsContent.d.ts +0 -7
  161. package/dist/esm/global-account/react/components/ManageAccount/SettingsContent.js +0 -45
  162. package/dist/esm/global-account/react/components/ManageAccount/SettingsMenuItem.d.ts +0 -9
  163. package/dist/esm/global-account/react/components/ManageAccount/SettingsMenuItem.js +0 -6
  164. package/dist/esm/global-account/react/components/ManageAccount/SettingsProfileCard.d.ts +0 -2
  165. package/dist/esm/global-account/react/components/ManageAccount/SettingsProfileCard.js +0 -36
  166. package/dist/esm/global-account/react/components/ManageAccount/TokenContent.d.ts +0 -2
  167. package/dist/esm/global-account/react/components/ManageAccount/TokenContent.js +0 -20
  168. package/dist/esm/global-account/react/components/ModalHeader/ModalHeader.d.ts +0 -10
  169. package/dist/esm/global-account/react/components/ModalHeader/ModalHeader.js +0 -10
  170. package/dist/esm/global-account/react/components/Send/Send.d.ts +0 -5
  171. package/dist/esm/global-account/react/components/Send/Send.js +0 -181
  172. package/dist/esm/global-account/react/components/icons/BellIcon.d.ts +0 -3
  173. package/dist/esm/global-account/react/components/icons/BellIcon.js +0 -3
  174. package/dist/esm/global-account/react/components/icons/ChevronDownIcon.d.ts +0 -2
  175. package/dist/esm/global-account/react/components/icons/ChevronDownIcon.js +0 -4
  176. package/dist/esm/global-account/react/components/icons/CopyIcon.d.ts +0 -2
  177. package/dist/esm/global-account/react/components/icons/CopyIcon.js +0 -4
  178. package/dist/esm/global-account/react/components/icons/LinkIcon.d.ts +0 -3
  179. package/dist/esm/global-account/react/components/icons/LinkIcon.js +0 -3
  180. package/dist/esm/global-account/react/components/icons/LockIcon.d.ts +0 -3
  181. package/dist/esm/global-account/react/components/icons/LockIcon.js +0 -3
  182. package/dist/esm/global-account/react/components/icons/WalletIcon.d.ts +0 -2
  183. package/dist/esm/global-account/react/components/icons/WalletIcon.js +0 -4
  184. package/dist/esm/global-account/react/stores/useRecentAddressesStore.d.ts +0 -25
  185. package/dist/esm/global-account/react/stores/useRecentAddressesStore.js +0 -33
  186. package/dist/types/global-account/react/components/Deposit/Deposit.d.ts +0 -1
  187. package/dist/types/global-account/react/components/LinkAccount/LinkNewAccount.d.ts +0 -4
  188. package/dist/types/global-account/react/components/ManageAccount/AppsContent.d.ts +0 -6
  189. package/dist/types/global-account/react/components/ManageAccount/BottomNavigation.d.ts +0 -2
  190. package/dist/types/global-account/react/components/ManageAccount/Header.d.ts +0 -3
  191. package/dist/types/global-account/react/components/ManageAccount/HomeActions.d.ts +0 -5
  192. package/dist/types/global-account/react/components/ManageAccount/HomeContent.d.ts +0 -6
  193. package/dist/types/global-account/react/components/ManageAccount/NFTContent.d.ts +0 -2
  194. package/dist/types/global-account/react/components/ManageAccount/ProfileSection.d.ts +0 -2
  195. package/dist/types/global-account/react/components/ManageAccount/SettingsContent.d.ts +0 -7
  196. package/dist/types/global-account/react/components/ManageAccount/SettingsMenuItem.d.ts +0 -9
  197. package/dist/types/global-account/react/components/ManageAccount/SettingsProfileCard.d.ts +0 -2
  198. package/dist/types/global-account/react/components/ManageAccount/TokenContent.d.ts +0 -2
  199. package/dist/types/global-account/react/components/ModalHeader/ModalHeader.d.ts +0 -10
  200. package/dist/types/global-account/react/components/Send/Send.d.ts +0 -5
  201. package/dist/types/global-account/react/components/icons/BellIcon.d.ts +0 -3
  202. package/dist/types/global-account/react/components/icons/ChevronDownIcon.d.ts +0 -2
  203. package/dist/types/global-account/react/components/icons/CopyIcon.d.ts +0 -2
  204. package/dist/types/global-account/react/components/icons/LinkIcon.d.ts +0 -3
  205. package/dist/types/global-account/react/components/icons/LockIcon.d.ts +0 -3
  206. package/dist/types/global-account/react/components/icons/WalletIcon.d.ts +0 -2
  207. package/dist/types/global-account/react/stores/useRecentAddressesStore.d.ts +0 -25
  208. package/src/global-account/react/components/Deposit/Deposit.tsx +0 -211
  209. package/src/global-account/react/components/LinkAccount/LinkNewAccount.tsx +0 -490
  210. package/src/global-account/react/components/ManageAccount/AppsContent.tsx +0 -79
  211. package/src/global-account/react/components/ManageAccount/BottomNavigation.tsx +0 -83
  212. package/src/global-account/react/components/ManageAccount/Header.tsx +0 -230
  213. package/src/global-account/react/components/ManageAccount/HomeActions.tsx +0 -118
  214. package/src/global-account/react/components/ManageAccount/HomeContent.tsx +0 -42
  215. package/src/global-account/react/components/ManageAccount/NFTContent.tsx +0 -24
  216. package/src/global-account/react/components/ManageAccount/ProfileSection.tsx +0 -74
  217. package/src/global-account/react/components/ManageAccount/SettingsContent.tsx +0 -87
  218. package/src/global-account/react/components/ManageAccount/SettingsMenuItem.tsx +0 -31
  219. package/src/global-account/react/components/ManageAccount/SettingsProfileCard.tsx +0 -74
  220. package/src/global-account/react/components/ManageAccount/TokenContent.tsx +0 -41
  221. package/src/global-account/react/components/ModalHeader/ModalHeader.tsx +0 -50
  222. package/src/global-account/react/components/Send/Send.tsx +0 -585
  223. package/src/global-account/react/components/icons/BellIcon.tsx +0 -15
  224. package/src/global-account/react/components/icons/ChevronDownIcon.tsx +0 -17
  225. package/src/global-account/react/components/icons/CopyIcon.tsx +0 -22
  226. package/src/global-account/react/components/icons/LinkIcon.tsx +0 -15
  227. package/src/global-account/react/components/icons/LockIcon.tsx +0 -15
  228. package/src/global-account/react/components/icons/WalletIcon.tsx +0 -21
  229. package/src/global-account/react/stores/useRecentAddressesStore.ts +0 -55
@@ -19,13 +19,6 @@ export { getConnectOptionsFromStrategy, isWalletType, type AllowedStrategy } fro
19
19
  // ManageAccount Components
20
20
  export { ManageAccount } from "./ManageAccount/ManageAccount";
21
21
 
22
- // Deposit Components
23
- export { Deposit } from "./Deposit/Deposit";
24
-
25
- // Send Components
26
- export { Send } from "./Send/Send";
27
-
28
- // B3 Global Branding Wrapper
29
22
  // Profile Components
30
23
  export { AvatarEditor } from "./AvatarEditor/AvatarEditor";
31
24
  export { ProfileEditor } from "./ProfileEditor/ProfileEditor";
@@ -107,12 +100,12 @@ export { ScrollArea, ScrollBar } from "./ui/scroll-area";
107
100
  export { ShinyButton } from "./ui/ShinyButton";
108
101
  export { Skeleton } from "./ui/skeleton";
109
102
  export {
103
+ TabTrigger as TabTriggerPrimitive,
110
104
  TabsContent as TabsContentPrimitive,
111
105
  TabsList as TabsListPrimitive,
112
106
  Tabs as TabsPrimitive,
113
- TabTrigger as TabTriggerPrimitive,
114
107
  } from "./ui/Tabs";
115
- export { Tabs, TabsContent, TabsList, TabsTransitionWrapper, TabTrigger } from "./ui/TabSystem";
108
+ export { TabTrigger, Tabs, TabsContent, TabsList, TabsTransitionWrapper } from "./ui/TabSystem";
116
109
  export { TextLoop } from "./ui/text-loop";
117
110
  export { TextShimmer } from "./ui/text-shimmer";
118
111
  export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip";
@@ -16,18 +16,26 @@ export const Tabs = ({
16
16
  );
17
17
 
18
18
  export function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {
19
- return <TabsPrimitive.List className={cn("", className)} {...props} />;
19
+ return (
20
+ <TabsPrimitive.List
21
+ className={cn(
22
+ "border-b3-react-border bg-b3-react-background inline-flex h-12 w-full items-center justify-center rounded-lg border",
23
+ className,
24
+ )}
25
+ {...props}
26
+ />
27
+ );
20
28
  }
21
29
 
22
30
  export function TabTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
23
31
  return (
24
32
  <TabsPrimitive.Trigger
25
33
  className={cn(
26
- "text-md inline-flex h-full items-center justify-center whitespace-nowrap px-3 font-semibold transition-all",
34
+ "inline-flex h-full items-center justify-center whitespace-nowrap px-3 text-sm font-medium transition-all",
27
35
  "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50",
28
- "data-[state=active]:text-b3-react-primary data-[state=active]:font-bold",
29
- "hover:text-b3-react-foreground data-[state=inactive]:text-b3-react-muted-foreground",
30
- "flex-1",
36
+ "data-[state=active]:bg-b3-react-subtle data-[state=active]:text-b3-react-primary data-[state=active]:font-bold",
37
+ "border-b3-react-border hover:text-b3-react-foreground data-[state=inactive]:border-b3-react-border data-[state=inactive]:text-b3-react-muted-foreground",
38
+ "flex-1 border-r",
31
39
  className,
32
40
  )}
33
41
  {...props}
@@ -42,7 +42,7 @@ type DialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.
42
42
 
43
43
  const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<DialogContentElement>> =
44
44
  React.forwardRef<DialogContentElement, DialogContentProps>(
45
- ({ className, children, hideCloseButton = true, closeBtnClassName, ...props }, ref) => {
45
+ ({ className, children, hideCloseButton = false, closeBtnClassName, ...props }, ref) => {
46
46
  const container = typeof window !== "undefined" ? document.getElementById("b3-root") : null;
47
47
  return (
48
48
  <DialogPortal container={container}>
@@ -50,7 +50,7 @@ const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.
50
50
  <DialogPrimitive.Content
51
51
  ref={ref}
52
52
  className={cn(
53
- "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 border shadow-lg !outline-none",
53
+ "bg-b3-react-background fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 border p-6 shadow-lg !outline-none",
54
54
  "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-500",
55
55
  "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
56
56
  "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%]",
@@ -60,36 +60,18 @@ const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.
60
60
  )}
61
61
  {...props}
62
62
  >
63
- <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)]">
64
- {children}
65
- {!hideCloseButton && (
66
- <DialogPrimitive.Close
67
- className={cn(
68
- "modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400",
69
- closeBtnClassName,
70
- )}
71
- >
72
- <X className="h-5 w-5" />
73
- <span className="sr-only">Close</span>
74
- </DialogPrimitive.Close>
75
- )}
76
- </div>
77
- {/* Global Account Footer */}
78
- <div className="flex items-center justify-center gap-1.5 pt-[10px]">
79
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
80
- <path
81
- 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"
82
- fill="#0B57C2"
83
- />
84
- <path
85
- 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"
86
- fill="white"
87
- />
88
- </svg>
89
- <span className="font-neue-montreal-semibold text-xs uppercase leading-none tracking-[0.72px] text-[#0B57C2]">
90
- Global Account
91
- </span>
92
- </div>
63
+ {children}
64
+ {!hideCloseButton && (
65
+ <DialogPrimitive.Close
66
+ className={cn(
67
+ "modal-close-button data-[state=open]:bg-b3-react-background data-[state=open]:text-b3-react-muted-foreground absolute right-2 top-2 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none dark:data-[state=open]:bg-gray-800 dark:data-[state=open]:text-gray-400",
68
+ closeBtnClassName,
69
+ )}
70
+ >
71
+ <X className="h-5 w-5" />
72
+ <span className="sr-only">Close</span>
73
+ </DialogPrimitive.Close>
74
+ )}
93
75
  </DialogPrimitive.Content>
94
76
  </DialogPortal>
95
77
  );
@@ -26,12 +26,9 @@ export { useOneBalance } from "./useOneBalance";
26
26
  export {
27
27
  useProfile,
28
28
  useProfilePreference,
29
- useProfileSettings,
30
- useDisplayName,
31
29
  type CombinedProfile,
32
30
  type PreferenceRequestBody,
33
31
  type Profile,
34
- type DisplayNameRequestBody,
35
32
  } from "./useProfile";
36
33
  export { useQueryB3 } from "./useQueryB3";
37
34
  export { useQueryBSMNT } from "./useQueryBSMNT";
@@ -104,7 +104,6 @@ export function useB3BalanceFromAddresses(
104
104
  enabled: (options?.enabled ?? true) && normalizedAddresses.length > 0,
105
105
  refetchInterval: options?.refetchInterval ?? 30000, // Default 30s refresh
106
106
  staleTime: 10000, // Consider data stale after 10s
107
- structuralSharing: false, // Disable structural sharing because data contains BigInt values
108
107
  });
109
108
  }
110
109
 
@@ -1,6 +1,5 @@
1
1
  export { useAuthStore } from "./useAuthStore";
2
2
  export { useModalStore } from "./useModalStore";
3
- export { useRecentAddressesStore } from "./useRecentAddressesStore";
4
3
 
5
4
  export type {
6
5
  AnySpendBuySpinProps,
@@ -82,9 +82,9 @@ export interface ManageAccountModalProps extends BaseModalProps {
82
82
  /** Partner ID */
83
83
  partnerId: string;
84
84
  /** Active Tab */
85
- activeTab?: "home" | "tokens" | "nfts" | "apps" | "settings" | "swap";
85
+ activeTab?: "overview" | "tokens" | "nfts" | "apps" | "settings";
86
86
  /** Function to set the active tab */
87
- setActiveTab?: (tab: "home" | "tokens" | "nfts" | "apps" | "settings" | "swap") => void;
87
+ setActiveTab?: (tab: "overview" | "tokens" | "nfts" | "apps" | "settings") => void;
88
88
  /** Whether to show the referral information */
89
89
  showReferralInfo?: boolean;
90
90
  /** Whether to show the swap button */
@@ -345,16 +345,6 @@ export interface LinkAccountModalProps extends BaseModalProps {
345
345
  chain: Chain;
346
346
  }
347
347
 
348
- export interface LinkNewAccountModalProps extends BaseModalProps {
349
- type: "linkNewAccount";
350
- showBackButton?: boolean;
351
- onSuccess?: () => void;
352
- onError?: (error: Error) => void;
353
- onClose?: () => void;
354
- partnerId: string;
355
- chain: Chain;
356
- }
357
-
358
348
  export interface AnySpendDepositHypeProps extends BaseModalProps {
359
349
  /** Modal type identifier */
360
350
  type: "anySpendDepositHype";
@@ -390,30 +380,6 @@ export interface ProfileEditorModalProps extends BaseModalProps {
390
380
  onSuccess?: () => void;
391
381
  }
392
382
 
393
- /**
394
- * Props for the Deposit modal
395
- * Allows users to deposit tokens into their global account
396
- */
397
- export interface DepositModalProps extends BaseModalProps {
398
- /** Modal type identifier */
399
- type: "deposit";
400
- /** Callback function called when deposit is successful */
401
- onSuccess?: () => void;
402
- }
403
-
404
- /**
405
- * Props for the Send modal
406
- * Allows users to send tokens from their global account to another address
407
- */
408
- export interface SendModalProps extends BaseModalProps {
409
- /** Modal type identifier */
410
- type: "send";
411
- /** Pre-filled recipient address (optional) */
412
- recipientAddress?: string;
413
- /** Callback function called when send is successful */
414
- onSuccess?: (txHash?: string) => void;
415
- }
416
-
417
383
  /**
418
384
  * Union type of all possible modal content types
419
385
  */
@@ -435,11 +401,8 @@ export type ModalContentType =
435
401
  | AnySpendSignatureMintProps
436
402
  | AnySpendBondKitProps
437
403
  | LinkAccountModalProps
438
- | LinkNewAccountModalProps
439
404
  | AnySpendDepositHypeProps
440
405
  | AvatarEditorModalProps
441
- | DepositModalProps
442
- | SendModalProps
443
406
  | ProfileEditorModalProps;
444
407
  // Add other modal types here like: | OtherModalProps | AnotherModalProps
445
408
 
@@ -71,8 +71,6 @@ export interface ExtendedProfileDetails {
71
71
  name?: string;
72
72
  username?: string;
73
73
  profileImageUrl?: string;
74
- picture?: string; // Google OAuth uses 'picture' field
75
- pfpUrl?: string; // Farcaster uses 'pfpUrl' field
76
74
  }
77
75
 
78
76
  export interface ExtendedProfile extends Omit<Profile, "details"> {
@@ -114,7 +112,7 @@ export function getProfileDisplayInfo(profile: ExtendedProfile): ProfileDisplayI
114
112
  displayInfo = {
115
113
  title: details.name || details.username || "Unknown",
116
114
  subtitle: details.username ? `@${details.username}` : "Farcaster Account",
117
- imageUrl: validateImageUrl(details.pfpUrl || details.profileImageUrl),
115
+ imageUrl: validateImageUrl(details.profileImageUrl),
118
116
  initial: "F",
119
117
  type,
120
118
  };
@@ -123,7 +121,7 @@ export function getProfileDisplayInfo(profile: ExtendedProfile): ProfileDisplayI
123
121
  displayInfo = {
124
122
  title: details.name || details.email || "Unknown",
125
123
  subtitle: details.email || "Google Account",
126
- imageUrl: validateImageUrl(details.picture || details.profileImageUrl),
124
+ imageUrl: validateImageUrl(details.profileImageUrl),
127
125
  initial: "G",
128
126
  type,
129
127
  };
@@ -1,6 +1,6 @@
1
1
  const IPFS_GATEWAYS = [
2
- "https://cloudflare-ipfs.com/ipfs",
3
2
  "https://ipfs.io/ipfs",
3
+ "https://cloudflare-ipfs.com/ipfs",
4
4
  // Can add more gateways as needed
5
5
  ] as const;
6
6
 
@@ -278,15 +278,10 @@ html[data-theme="dark"] .b3-root,
278
278
 
279
279
  /* Custom component styles */
280
280
  .b3-modal {
281
- @apply text-b3-react-foreground rounded-2xl border;
281
+ @apply bg-b3-react-background text-b3-react-foreground rounded-2xl border;
282
282
  border: 1px solid var(--border);
283
283
  overflow: hidden;
284
284
  outline: none;
285
- padding: 10px;
286
-
287
- @media (min-width: 768px) {
288
- background: #e4e4e7;
289
- }
290
285
  }
291
286
 
292
287
  .b3-modal-freestyle {
@@ -1 +0,0 @@
1
- export declare function Deposit(): import("react/jsx-runtime").JSX.Element;
@@ -1,65 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Deposit = Deposit;
7
- const jsx_runtime_1 = require("react/jsx-runtime");
8
- const constants_1 = require("../../../../anyspend/constants");
9
- const chain_1 = require("../../../../anyspend/utils/chain");
10
- const react_1 = require("../../../../global-account/react");
11
- const relay_kit_ui_1 = require("@relayprotocol/relay-kit-ui");
12
- const lucide_react_1 = require("lucide-react");
13
- const qrcode_react_1 = require("qrcode.react");
14
- const react_2 = require("react");
15
- const sonner_1 = require("sonner");
16
- const chains_1 = require("thirdweb/chains");
17
- const ModalHeader_1 = __importDefault(require("../ModalHeader/ModalHeader"));
18
- const button_1 = require("../ui/button");
19
- const dropdown_menu_1 = require("../ui/dropdown-menu");
20
- // Coinbase logo SVG
21
- const CoinbaseLogo = () => ((0, jsx_runtime_1.jsxs)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("path", { d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16Z", fill: "#0052FF" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.00065 11.3337C6.16065 11.3337 4.66732 9.84033 4.66732 8.00033C4.66732 6.16033 6.16065 4.66699 8.00065 4.66699C9.47399 4.66699 10.734 5.64699 11.1607 7.00033H13.2273C12.774 4.54699 10.6273 2.66699 8.00065 2.66699C5.05399 2.66699 2.66732 5.05366 2.66732 8.00033C2.66732 10.947 5.05399 13.3337 8.00065 13.3337C10.6273 13.3337 12.774 11.4537 13.2273 9.00033H11.1607C10.734 10.3537 9.47399 11.3337 8.00065 11.3337Z", fill: "white" })] }));
22
- function Deposit() {
23
- const { address } = (0, react_1.useAccountWallet)();
24
- const navigateBack = (0, react_1.useModalStore)(state => state.navigateBack);
25
- const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
26
- const history = (0, react_1.useModalStore)(state => state.history);
27
- const [selectedChainId, setSelectedChainId] = (0, react_2.useState)(chains_1.base.id);
28
- const [selectedToken, setSelectedToken] = (0, react_2.useState)({
29
- address: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
30
- chainId: chains_1.base.id,
31
- decimals: 6,
32
- symbol: "USDC",
33
- name: "USD Coin",
34
- metadata: {
35
- logoURI: "https://assets.relay.link/icons/1/light/usdc.png",
36
- },
37
- });
38
- // Get the selected chain object
39
- const selectedChain = (0, react_2.useMemo)(() => chain_1.ALL_CHAINS[selectedChainId], [selectedChainId]);
40
- // Get all supported chains for the dropdown
41
- const supportedChains = (0, react_2.useMemo)(() => Object.values(chain_1.ALL_CHAINS), []);
42
- // The deposit address is the user's active wallet address
43
- const depositAddress = address || "0x0000000000000000000000000000000000000000";
44
- const handleTokenSelect = (token) => {
45
- setSelectedChainId(token.chainId);
46
- setSelectedToken({
47
- address: token.address,
48
- chainId: token.chainId,
49
- decimals: token.decimals,
50
- metadata: { logoURI: token.logoURI },
51
- name: token.name,
52
- symbol: token.symbol,
53
- });
54
- };
55
- const handleCopyAddress = async () => {
56
- try {
57
- await navigator.clipboard.writeText(depositAddress);
58
- sonner_1.toast.success("Address copied to clipboard");
59
- }
60
- catch (error) {
61
- sonner_1.toast.error("Failed to copy address");
62
- }
63
- };
64
- return ((0, jsx_runtime_1.jsxs)("div", { className: "flex w-full flex-col", children: [(0, jsx_runtime_1.jsx)(ModalHeader_1.default, { title: "Deposit", showCloseButton: false }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col pb-5 pt-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-4 px-5", children: (0, jsx_runtime_1.jsx)("p", { className: "font-neue-montreal-medium text-base leading-snug text-[#3f3f46]", children: "Send any accepted token and we'll convert it to B3 on Base for you to use." }) }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-3 px-5", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1.5 block text-sm font-medium text-[#3f3f46]", children: "Chain" }), (0, jsx_runtime_1.jsxs)(dropdown_menu_1.DropdownMenu, { children: [(0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuTrigger, { asChild: true, children: (0, jsx_runtime_1.jsxs)("button", { className: "flex h-10 w-full items-center justify-between rounded-lg border border-[#d1d1d6] bg-white px-2.5 py-2 transition-colors hover:bg-[#fafafa]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [selectedChain?.logoUrl && ((0, jsx_runtime_1.jsx)("img", { src: selectedChain.logoUrl, alt: selectedChain.name, className: "h-6 w-6 rounded-full" })), (0, jsx_runtime_1.jsx)("span", { className: "text-base text-[#18181b]", children: selectedChain?.name || "Select Chain" })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "h-4 w-4 text-[#51525c]" })] }) }), (0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuContent, { className: "max-h-[300px] w-full overflow-y-auto", children: supportedChains.map(chain => ((0, jsx_runtime_1.jsx)(dropdown_menu_1.DropdownMenuItem, { onClick: () => setSelectedChainId(chain.id), children: (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [chain.logoUrl && (0, jsx_runtime_1.jsx)("img", { src: chain.logoUrl, alt: chain.name, className: "h-6 w-6 rounded-full" }), (0, jsx_runtime_1.jsx)("span", { className: "text-[#18181b]", children: chain.name })] }) }, chain.id))) })] })] }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("label", { className: "mb-1.5 block text-sm font-medium text-[#3f3f46]", children: "Accepted tokens" }), (0, jsx_runtime_1.jsx)(relay_kit_ui_1.TokenSelector, { address: address, chainIdsFilter: [selectedChainId], context: "from", fromChainWalletVMSupported: true, isValidAddress: true, lockedChainIds: [selectedChainId], multiWalletSupportEnabled: true, onAnalyticEvent: undefined, popularChainIds: [1, 8453, constants_1.RELAY_SOLANA_MAINNET_CHAIN_ID], setToken: handleTokenSelect, supportedWalletVMs: ["evm", "svm"], token: undefined, trigger: (0, jsx_runtime_1.jsxs)("button", { className: "flex h-10 w-full items-center justify-between rounded-lg border border-[#d1d1d6] bg-white px-2.5 py-2 transition-colors hover:bg-[#fafafa]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [selectedToken?.metadata?.logoURI && ((0, jsx_runtime_1.jsx)("img", { src: selectedToken.metadata.logoURI, alt: selectedToken.symbol, className: "h-6 w-6 rounded-full" })), (0, jsx_runtime_1.jsx)("span", { className: "text-base text-[#18181b]", children: selectedToken.symbol })] }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "h-4 w-4 text-[#51525c]" })] }) })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mx-5 mt-4 flex items-start rounded-xl border border-[#e4e4e7] bg-[#fafafa]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 flex-col items-center gap-2 px-5 pb-3 pt-5", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex w-full items-center justify-center", children: (0, jsx_runtime_1.jsx)("div", { className: "w-full", children: (0, jsx_runtime_1.jsx)("div", { className: "flex aspect-[144/146] w-full flex-col items-center justify-center overflow-hidden", children: (0, jsx_runtime_1.jsx)(qrcode_react_1.QRCodeSVG, { value: depositAddress, size: 144, level: "M" }) }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-xs font-semibold leading-[18px] text-[#0b57c2]", children: "SCAN WITH" }), (0, jsx_runtime_1.jsx)(CoinbaseLogo, {})] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex flex-1 flex-col gap-2 self-stretch border-l border-[#e4e4e7] p-6", children: [(0, jsx_runtime_1.jsx)("label", { className: "text-sm font-medium leading-5 text-[#3f3f46]", children: "Deposit address:" }), (0, jsx_runtime_1.jsxs)("div", { className: "relative flex w-full flex-wrap items-center gap-2", children: [(0, jsx_runtime_1.jsx)("p", { className: "h-[74px] flex-1 overflow-hidden text-ellipsis whitespace-pre-wrap break-all pr-6 text-base font-semibold leading-6 text-[#18181b]", children: depositAddress }), (0, jsx_runtime_1.jsx)("button", { onClick: handleCopyAddress, className: "absolute bottom-0 right-0 h-4 w-4 transition-opacity hover:opacity-70", "aria-label": "Copy address", children: (0, jsx_runtime_1.jsx)(lucide_react_1.Copy, { className: "h-full w-full text-[#51525c]" }) })] })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "mx-5 mt-4", children: (0, jsx_runtime_1.jsxs)("p", { className: "font-neue-montreal-italic text-center text-sm leading-[1.3] text-[#3f3f46]", children: ["Do not send any tokens other than the ones specified.", (0, jsx_runtime_1.jsx)("br", {}), "Tokens not accepted will not be converted."] }) }), (0, jsx_runtime_1.jsx)("div", { className: "mt-4 px-5", children: (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleCopyAddress, className: "h-12 w-full rounded-xl bg-[#0c68e9] text-base font-semibold text-white shadow-[inset_0px_0px_0px_1px_rgba(10,13,18,0.18),inset_0px_-2px_0px_0px_rgba(10,13,18,0.05)] hover:bg-[#0b5fd4]", children: "Copy deposit address" }) })] })] }));
65
- }
@@ -1,4 +0,0 @@
1
- import { LinkNewAccountModalProps } from "../../stores/useModalStore";
2
- export declare function LinkNewAccount({ onSuccess: onSuccessCallback, onError, onClose, chain, partnerId, className, }: LinkNewAccountModalProps & {
3
- className?: string;
4
- }): import("react/jsx-runtime").JSX.Element;