@b3dotfun/sdk 0.0.87 → 0.0.88-alpha.1

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 (175) hide show
  1. package/README.md +2 -1
  2. package/dist/cjs/anyspend/react/components/AnySpend.d.ts +5 -0
  3. package/dist/cjs/anyspend/react/components/AnySpend.js +77 -73
  4. package/dist/cjs/anyspend/react/components/AnySpendCustom.js +0 -1
  5. package/dist/cjs/anyspend/react/components/AnySpendCustomExactIn.d.ts +1 -1
  6. package/dist/cjs/anyspend/react/components/AnySpendCustomExactIn.js +1 -2
  7. package/dist/cjs/anyspend/react/components/AnySpendDeposit.d.ts +122 -0
  8. package/dist/cjs/anyspend/react/components/AnySpendDeposit.js +190 -0
  9. package/dist/cjs/anyspend/react/components/QRDeposit.d.ts +43 -0
  10. package/dist/cjs/anyspend/react/components/QRDeposit.js +146 -0
  11. package/dist/cjs/anyspend/react/components/common/OrderDetails.js +17 -12
  12. package/dist/cjs/anyspend/react/components/common/OrderDetailsCollapsible.d.ts +2 -0
  13. package/dist/cjs/anyspend/react/components/common/OrderDetailsCollapsible.js +12 -5
  14. package/dist/cjs/anyspend/react/components/common/OrderStatus.js +2 -2
  15. package/dist/cjs/anyspend/react/components/common/WarningText.d.ts +32 -0
  16. package/dist/cjs/anyspend/react/components/common/WarningText.js +36 -0
  17. package/dist/cjs/anyspend/react/components/icons/CreditCardIcon.d.ts +6 -0
  18. package/dist/cjs/anyspend/react/components/icons/CreditCardIcon.js +6 -0
  19. package/dist/cjs/anyspend/react/components/icons/QrCodeIcon.d.ts +6 -0
  20. package/dist/cjs/anyspend/react/components/icons/QrCodeIcon.js +6 -0
  21. package/dist/cjs/anyspend/react/components/index.d.ts +2 -0
  22. package/dist/cjs/anyspend/react/components/index.js +3 -1
  23. package/dist/cjs/anyspend/react/hooks/index.d.ts +1 -0
  24. package/dist/cjs/anyspend/react/hooks/index.js +1 -0
  25. package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.d.ts +2 -2
  26. package/dist/cjs/anyspend/react/hooks/useAnyspendFlow.js +35 -11
  27. package/dist/cjs/anyspend/react/hooks/useCreateDepositFirstOrder.d.ts +24 -0
  28. package/dist/cjs/anyspend/react/hooks/useCreateDepositFirstOrder.js +86 -0
  29. package/dist/cjs/anyspend/react/hooks/useSigMint.d.ts +1 -1
  30. package/dist/cjs/anyspend/utils/format.js +28 -5
  31. package/dist/cjs/global-account/react/components/AvatarEditor/AvatarEditor.js +2 -1
  32. package/dist/cjs/global-account/react/components/B3Provider/B3Provider.js +17 -47
  33. package/dist/cjs/global-account/react/components/B3Provider/B3Provider.native.js +6 -7
  34. package/dist/cjs/global-account/react/components/B3Provider/types.d.ts +0 -5
  35. package/dist/cjs/global-account/react/components/B3Provider/types.js +4 -4
  36. package/dist/cjs/global-account/react/components/B3Provider/useB3.d.ts +1 -0
  37. package/dist/cjs/global-account/react/components/B3Provider/useB3.js +1 -0
  38. package/dist/cjs/global-account/react/components/B3Provider/useB3Account.d.ts +1 -0
  39. package/dist/cjs/global-account/react/components/B3Provider/useB3Account.js +10 -0
  40. package/dist/cjs/global-account/react/components/B3Provider/useB3Config.d.ts +9 -0
  41. package/dist/cjs/global-account/react/components/B3Provider/useB3Config.js +23 -0
  42. package/dist/cjs/global-account/react/components/LinkAccount/LinkAccount.js +1 -1
  43. package/dist/cjs/global-account/react/components/LinkAccount/LinkNewAccount.js +1 -2
  44. package/dist/cjs/global-account/react/components/ManageAccount/ProfileSection.js +2 -1
  45. package/dist/cjs/global-account/react/components/ManageAccount/SettingsProfileCard.js +2 -1
  46. package/dist/cjs/global-account/react/components/SignInWithB3/SignInWithB3.js +2 -1
  47. package/dist/cjs/global-account/react/components/SignInWithB3/SignInWithB3Flow.js +2 -1
  48. package/dist/cjs/global-account/react/components/index.d.ts +2 -0
  49. package/dist/cjs/global-account/react/components/index.js +7 -3
  50. package/dist/cjs/global-account/react/hooks/useAccountWallet.js +3 -2
  51. package/dist/cjs/global-account/react/hooks/useAuthentication.d.ts +1 -1
  52. package/dist/cjs/global-account/react/hooks/useAutoSelectWallet.d.ts +7 -0
  53. package/dist/cjs/global-account/react/hooks/useAutoSelectWallet.js +42 -0
  54. package/dist/cjs/global-account/react/hooks/useTurnkeyAuth.js +6 -4
  55. package/dist/cjs/global-account/react/hooks/useUnifiedChainSwitchAndExecute.js +2 -2
  56. package/dist/cjs/global-account/react/hooks/useUserQuery.d.ts +1 -1
  57. package/dist/cjs/global-account/react/stores/useModalStore.d.ts +4 -0
  58. package/dist/esm/anyspend/react/components/AnySpend.d.ts +5 -0
  59. package/dist/esm/anyspend/react/components/AnySpend.js +77 -73
  60. package/dist/esm/anyspend/react/components/AnySpendCustom.js +0 -1
  61. package/dist/esm/anyspend/react/components/AnySpendCustomExactIn.d.ts +1 -1
  62. package/dist/esm/anyspend/react/components/AnySpendCustomExactIn.js +1 -2
  63. package/dist/esm/anyspend/react/components/AnySpendDeposit.d.ts +122 -0
  64. package/dist/esm/anyspend/react/components/AnySpendDeposit.js +187 -0
  65. package/dist/esm/anyspend/react/components/QRDeposit.d.ts +43 -0
  66. package/dist/esm/anyspend/react/components/QRDeposit.js +143 -0
  67. package/dist/esm/anyspend/react/components/common/OrderDetails.js +17 -12
  68. package/dist/esm/anyspend/react/components/common/OrderDetailsCollapsible.d.ts +2 -0
  69. package/dist/esm/anyspend/react/components/common/OrderDetailsCollapsible.js +12 -5
  70. package/dist/esm/anyspend/react/components/common/OrderStatus.js +2 -2
  71. package/dist/esm/anyspend/react/components/common/WarningText.d.ts +32 -0
  72. package/dist/esm/anyspend/react/components/common/WarningText.js +32 -0
  73. package/dist/esm/anyspend/react/components/icons/CreditCardIcon.d.ts +6 -0
  74. package/dist/esm/anyspend/react/components/icons/CreditCardIcon.js +2 -0
  75. package/dist/esm/anyspend/react/components/icons/QrCodeIcon.d.ts +6 -0
  76. package/dist/esm/anyspend/react/components/icons/QrCodeIcon.js +2 -0
  77. package/dist/esm/anyspend/react/components/index.d.ts +2 -0
  78. package/dist/esm/anyspend/react/components/index.js +1 -0
  79. package/dist/esm/anyspend/react/hooks/index.d.ts +1 -0
  80. package/dist/esm/anyspend/react/hooks/index.js +1 -0
  81. package/dist/esm/anyspend/react/hooks/useAnyspendFlow.d.ts +2 -2
  82. package/dist/esm/anyspend/react/hooks/useAnyspendFlow.js +35 -11
  83. package/dist/esm/anyspend/react/hooks/useCreateDepositFirstOrder.d.ts +24 -0
  84. package/dist/esm/anyspend/react/hooks/useCreateDepositFirstOrder.js +83 -0
  85. package/dist/esm/anyspend/react/hooks/useSigMint.d.ts +1 -1
  86. package/dist/esm/anyspend/utils/format.js +28 -5
  87. package/dist/esm/global-account/react/components/AvatarEditor/AvatarEditor.js +3 -2
  88. package/dist/esm/global-account/react/components/B3Provider/B3Provider.js +21 -51
  89. package/dist/esm/global-account/react/components/B3Provider/B3Provider.native.js +6 -7
  90. package/dist/esm/global-account/react/components/B3Provider/types.d.ts +0 -5
  91. package/dist/esm/global-account/react/components/B3Provider/types.js +4 -4
  92. package/dist/esm/global-account/react/components/B3Provider/useB3.d.ts +1 -0
  93. package/dist/esm/global-account/react/components/B3Provider/useB3.js +1 -0
  94. package/dist/esm/global-account/react/components/B3Provider/useB3Account.d.ts +1 -0
  95. package/dist/esm/global-account/react/components/B3Provider/useB3Account.js +6 -0
  96. package/dist/esm/global-account/react/components/B3Provider/useB3Config.d.ts +9 -0
  97. package/dist/esm/global-account/react/components/B3Provider/useB3Config.js +19 -0
  98. package/dist/esm/global-account/react/components/LinkAccount/LinkAccount.js +2 -2
  99. package/dist/esm/global-account/react/components/LinkAccount/LinkNewAccount.js +2 -3
  100. package/dist/esm/global-account/react/components/ManageAccount/ProfileSection.js +3 -2
  101. package/dist/esm/global-account/react/components/ManageAccount/SettingsProfileCard.js +3 -2
  102. package/dist/esm/global-account/react/components/SignInWithB3/SignInWithB3.js +3 -2
  103. package/dist/esm/global-account/react/components/SignInWithB3/SignInWithB3Flow.js +3 -2
  104. package/dist/esm/global-account/react/components/index.d.ts +2 -0
  105. package/dist/esm/global-account/react/components/index.js +2 -0
  106. package/dist/esm/global-account/react/hooks/useAccountWallet.js +4 -3
  107. package/dist/esm/global-account/react/hooks/useAuthentication.d.ts +1 -1
  108. package/dist/esm/global-account/react/hooks/useAutoSelectWallet.d.ts +7 -0
  109. package/dist/esm/global-account/react/hooks/useAutoSelectWallet.js +39 -0
  110. package/dist/esm/global-account/react/hooks/useTurnkeyAuth.js +6 -4
  111. package/dist/esm/global-account/react/hooks/useUnifiedChainSwitchAndExecute.js +2 -2
  112. package/dist/esm/global-account/react/hooks/useUserQuery.d.ts +1 -1
  113. package/dist/esm/global-account/react/stores/useModalStore.d.ts +4 -0
  114. package/dist/styles/index.css +1 -1
  115. package/dist/types/anyspend/react/components/AnySpend.d.ts +5 -0
  116. package/dist/types/anyspend/react/components/AnySpendCustomExactIn.d.ts +1 -1
  117. package/dist/types/anyspend/react/components/AnySpendDeposit.d.ts +122 -0
  118. package/dist/types/anyspend/react/components/QRDeposit.d.ts +43 -0
  119. package/dist/types/anyspend/react/components/common/OrderDetailsCollapsible.d.ts +2 -0
  120. package/dist/types/anyspend/react/components/common/WarningText.d.ts +32 -0
  121. package/dist/types/anyspend/react/components/icons/CreditCardIcon.d.ts +6 -0
  122. package/dist/types/anyspend/react/components/icons/QrCodeIcon.d.ts +6 -0
  123. package/dist/types/anyspend/react/components/index.d.ts +2 -0
  124. package/dist/types/anyspend/react/hooks/index.d.ts +1 -0
  125. package/dist/types/anyspend/react/hooks/useAnyspendFlow.d.ts +2 -2
  126. package/dist/types/anyspend/react/hooks/useCreateDepositFirstOrder.d.ts +24 -0
  127. package/dist/types/anyspend/react/hooks/useSigMint.d.ts +1 -1
  128. package/dist/types/global-account/react/components/B3Provider/types.d.ts +0 -5
  129. package/dist/types/global-account/react/components/B3Provider/useB3.d.ts +1 -0
  130. package/dist/types/global-account/react/components/B3Provider/useB3Account.d.ts +1 -0
  131. package/dist/types/global-account/react/components/B3Provider/useB3Config.d.ts +9 -0
  132. package/dist/types/global-account/react/components/index.d.ts +2 -0
  133. package/dist/types/global-account/react/hooks/useAuthentication.d.ts +1 -1
  134. package/dist/types/global-account/react/hooks/useAutoSelectWallet.d.ts +7 -0
  135. package/dist/types/global-account/react/hooks/useUserQuery.d.ts +1 -1
  136. package/dist/types/global-account/react/stores/useModalStore.d.ts +4 -0
  137. package/package.json +1 -1
  138. package/src/anyspend/react/components/AnySpend.tsx +105 -85
  139. package/src/anyspend/react/components/AnySpendCustom.tsx +0 -2
  140. package/src/anyspend/react/components/AnySpendCustomExactIn.tsx +2 -3
  141. package/src/anyspend/react/components/AnySpendDeposit.tsx +570 -0
  142. package/src/anyspend/react/components/QRDeposit.tsx +348 -0
  143. package/src/anyspend/react/components/common/OrderDetails.tsx +26 -8
  144. package/src/anyspend/react/components/common/OrderDetailsCollapsible.tsx +20 -8
  145. package/src/anyspend/react/components/common/OrderStatus.tsx +2 -2
  146. package/src/anyspend/react/components/common/WarningText.tsx +52 -0
  147. package/src/anyspend/react/components/icons/CreditCardIcon.tsx +25 -0
  148. package/src/anyspend/react/components/icons/QrCodeIcon.tsx +25 -0
  149. package/src/anyspend/react/components/icons/credit-card.svg +5 -0
  150. package/src/anyspend/react/components/icons/qr-code.svg +5 -0
  151. package/src/anyspend/react/components/index.ts +2 -0
  152. package/src/anyspend/react/hooks/index.ts +1 -0
  153. package/src/anyspend/react/hooks/useAnyspendFlow.ts +37 -12
  154. package/src/anyspend/react/hooks/useCreateDepositFirstOrder.ts +110 -0
  155. package/src/anyspend/utils/format.ts +33 -5
  156. package/src/global-account/react/components/AvatarEditor/AvatarEditor.tsx +10 -2
  157. package/src/global-account/react/components/B3Provider/B3Provider.native.tsx +6 -7
  158. package/src/global-account/react/components/B3Provider/B3Provider.tsx +20 -71
  159. package/src/global-account/react/components/B3Provider/types.ts +8 -9
  160. package/src/global-account/react/components/B3Provider/useB3.ts +1 -0
  161. package/src/global-account/react/components/B3Provider/useB3Account.ts +7 -0
  162. package/src/global-account/react/components/B3Provider/useB3Config.ts +34 -0
  163. package/src/global-account/react/components/LinkAccount/LinkAccount.tsx +2 -2
  164. package/src/global-account/react/components/LinkAccount/LinkNewAccount.tsx +2 -3
  165. package/src/global-account/react/components/ManageAccount/ProfileSection.tsx +10 -2
  166. package/src/global-account/react/components/ManageAccount/SettingsProfileCard.tsx +3 -2
  167. package/src/global-account/react/components/SignInWithB3/SignInWithB3.tsx +2 -2
  168. package/src/global-account/react/components/SignInWithB3/SignInWithB3Flow.tsx +5 -2
  169. package/src/global-account/react/components/index.ts +2 -0
  170. package/src/global-account/react/hooks/useAccountWallet.tsx +4 -3
  171. package/src/global-account/react/hooks/useAutoSelectWallet.ts +51 -0
  172. package/src/global-account/react/hooks/useTurnkeyAuth.ts +7 -5
  173. package/src/global-account/react/hooks/useUnifiedChainSwitchAndExecute.ts +2 -2
  174. package/src/global-account/react/stores/useModalStore.ts +4 -0
  175. package/src/styles/index.css +2 -0
@@ -6,7 +6,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const react_query_1 = require("@tanstack/react-query");
7
7
  const react_1 = require("thirdweb/react");
8
8
  const wagmi_1 = require("wagmi");
9
- const useAuthentication_1 = require("../../hooks/useAuthentication");
10
9
  const createWagmiConfig_1 = require("../../utils/createWagmiConfig");
11
10
  const LocalSDKProvider_1 = require("./LocalSDKProvider");
12
11
  const types_1 = require("./types");
@@ -32,17 +31,17 @@ function B3Provider({ theme = "light", children, accountOverride, environment, c
32
31
  */
33
32
  function InnerProvider({ children, accountOverride, environment, defaultPermissions = DEFAULT_PERMISSIONS, theme = "light", clientType = "socket", partnerId, rpcUrls, }) {
34
33
  const activeAccount = (0, react_1.useActiveAccount)();
35
- const { user, setUser, refetchUser } = (0, useAuthentication_1.useAuthentication)(partnerId);
34
+ //const { user, setUser, refetchUser } = useAuthentication(partnerId);
36
35
  const wagmiConfig = (0, createWagmiConfig_1.createWagmiConfig)({ partnerId, rpcUrls });
37
36
  // Use given accountOverride or activeAccount from thirdweb
38
37
  const effectiveAccount = accountOverride || activeAccount;
39
38
  return ((0, jsx_runtime_1.jsx)(wagmi_1.WagmiProvider, { config: wagmiConfig, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(types_1.B3Context.Provider, { value: {
40
- account: effectiveAccount,
39
+ //account: effectiveAccount,
41
40
  automaticallySetFirstEoa: false,
42
- setWallet: () => { },
41
+ //setWallet: () => {},
43
42
  wallet: undefined,
44
- user,
45
- setUser,
43
+ //user,
44
+ //setUser,
46
45
  initialized: true,
47
46
  ready: !!effectiveAccount,
48
47
  environment,
@@ -50,6 +49,6 @@ function InnerProvider({ children, accountOverride, environment, defaultPermissi
50
49
  theme,
51
50
  clientType,
52
51
  partnerId,
53
- refetchUser,
52
+ //refetchUser,
54
53
  }, children: children }) }) }));
55
54
  }
@@ -1,4 +1,3 @@
1
- import { Users } from "@b3dotfun/b3-api";
2
1
  import { CreateOnrampOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOnrampOrder";
3
2
  import { CreateOrderParams } from "../../../../anyspend/react/hooks/useAnyspendCreateOrder";
4
3
  import { PermissionsConfig } from "../../../../global-account/types/permissions";
@@ -10,11 +9,7 @@ import { ClientType } from "../../../client-manager";
10
9
  export interface B3ContextType {
11
10
  account?: Account;
12
11
  automaticallySetFirstEoa: boolean;
13
- user?: Users;
14
- setWallet: (wallet: Wallet) => void;
15
12
  wallet?: Wallet;
16
- setUser: (user?: Users) => void;
17
- refetchUser: () => Promise<any>;
18
13
  initialized: boolean;
19
14
  ready: boolean;
20
15
  environment?: "development" | "production";
@@ -8,11 +8,11 @@ const react_1 = require("react");
8
8
  exports.B3Context = (0, react_1.createContext)({
9
9
  account: undefined,
10
10
  automaticallySetFirstEoa: false,
11
- user: undefined,
12
- setWallet: () => { },
11
+ //user: undefined,
12
+ //setWallet: () => {},
13
13
  wallet: undefined,
14
- setUser: () => { },
15
- refetchUser: async () => { },
14
+ //setUser: () => {},
15
+ //refetchUser: async () => {},
16
16
  initialized: false,
17
17
  ready: false,
18
18
  environment: "development",
@@ -1,5 +1,6 @@
1
1
  /**
2
2
  * Hook to access the B3 context
3
3
  * @throws Error if used outside a B3Provider
4
+ * @deprecated Use useB3Config or useB3Account instead
4
5
  */
5
6
  export declare function useB3(): import("./types").B3ContextType;
@@ -6,6 +6,7 @@ const types_1 = require("./types");
6
6
  /**
7
7
  * Hook to access the B3 context
8
8
  * @throws Error if used outside a B3Provider
9
+ * @deprecated Use useB3Config or useB3Account instead
9
10
  */
10
11
  function useB3() {
11
12
  const context = (0, react_1.useContext)(types_1.B3Context);
@@ -0,0 +1 @@
1
+ export declare const useB3Account: () => import("thirdweb/wallets").Account | undefined;
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useB3Account = void 0;
4
+ const react_1 = require("thirdweb/react");
5
+ // Wrapper around useActiveAccount
6
+ const useB3Account = () => {
7
+ const account = (0, react_1.useActiveAccount)();
8
+ return account;
9
+ };
10
+ exports.useB3Account = useB3Account;
@@ -0,0 +1,9 @@
1
+ export declare const useB3Config: () => {
2
+ automaticallySetFirstEoa: boolean;
3
+ environment: "development" | "production" | undefined;
4
+ theme: "light" | "dark";
5
+ clientType: import("../../../client-manager").ClientType;
6
+ partnerId: string;
7
+ createClientReferenceId: ((params: import("../../../../anyspend/react").CreateOrderParams | import("../../../../anyspend/react").CreateOnrampOrderParams) => Promise<string>) | undefined;
8
+ enableTurnkey: boolean | undefined;
9
+ };
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useB3Config = void 0;
4
+ const react_1 = require("react");
5
+ const types_1 = require("./types");
6
+ const useB3Config = () => {
7
+ const context = (0, react_1.useContext)(types_1.B3Context);
8
+ if (!context) {
9
+ throw new Error("useB3 must be used within a B3Provider");
10
+ }
11
+ const { automaticallySetFirstEoa, environment, theme, clientType, partnerId, createClientReferenceId, enableTurnkey, } = context;
12
+ // Return a stable reference
13
+ return (0, react_1.useMemo)(() => ({
14
+ automaticallySetFirstEoa,
15
+ environment,
16
+ theme,
17
+ clientType,
18
+ partnerId,
19
+ createClientReferenceId,
20
+ enableTurnkey,
21
+ }), [automaticallySetFirstEoa, environment, theme, clientType, partnerId, createClientReferenceId, enableTurnkey]);
22
+ };
23
+ exports.useB3Config = useB3Config;
@@ -23,7 +23,7 @@ const LinkAccount = ({ partnerId, onLogout: _onLogout, chain, }) => {
23
23
  const isLinking = (0, react_1.useModalStore)(state => state.isLinking);
24
24
  const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
25
25
  const contentType = (0, react_1.useModalStore)(state => state.contentType);
26
- const { user, setUser } = (0, react_1.useB3)();
26
+ const { user, setUser } = (0, react_1.useAuthentication)(partnerId);
27
27
  const [isUpdatingCode, setIsUpdatingCode] = (0, react_2.useState)(false);
28
28
  const [newReferralCode, setNewReferralCode] = (0, react_2.useState)("");
29
29
  const [isEditingCode, setIsEditingCode] = (0, react_2.useState)(false);
@@ -17,7 +17,6 @@ const wallets_1 = require("thirdweb/wallets");
17
17
  const __1 = require("../..");
18
18
  const useModalStore_1 = require("../../stores/useModalStore");
19
19
  const profileDisplay_1 = require("../../utils/profileDisplay");
20
- const useB3_1 = require("../B3Provider/useB3");
21
20
  const AppleIcon_1 = require("../icons/AppleIcon");
22
21
  const DiscordIcon_1 = require("../icons/DiscordIcon");
23
22
  const FarcasterIcon_1 = require("../icons/FarcasterIcon");
@@ -96,7 +95,7 @@ function LinkNewAccount({ onSuccess: onSuccessCallback, onError, onClose, chain,
96
95
  ...(0, profileDisplay_1.getProfileDisplayInfo)(profile),
97
96
  originalProfile: profile,
98
97
  }));
99
- const { account } = (0, useB3_1.useB3)();
98
+ const account = (0, react_1.useB3Account)();
100
99
  const { mutate: linkProfile } = (0, react_3.useLinkProfile)();
101
100
  const onSuccess = (0, react_2.useCallback)(async () => {
102
101
  await onSuccessCallback?.();
@@ -17,7 +17,8 @@ const ProfileSection = () => {
17
17
  address: eoaAddress || account?.address,
18
18
  fresh: true,
19
19
  });
20
- const { user } = (0, react_1.useB3)();
20
+ const { partnerId } = (0, react_1.useB3Config)();
21
+ const { user } = (0, react_1.useAuthentication)(partnerId);
21
22
  const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
22
23
  const setB3ModalContentType = (0, react_1.useModalStore)(state => state.setB3ModalContentType);
23
24
  const navigateBack = (0, react_1.useModalStore)(state => state.navigateBack);
@@ -20,7 +20,8 @@ const SettingsProfileCard = () => {
20
20
  address: eoaAddress || account?.address,
21
21
  fresh: true,
22
22
  });
23
- const { user, setUser } = (0, react_1.useB3)();
23
+ const { partnerId } = (0, react_1.useB3Config)();
24
+ const { user, setUser } = (0, react_1.useAuthentication)(partnerId);
24
25
  const setB3ModalOpen = (0, react_1.useModalStore)(state => state.setB3ModalOpen);
25
26
  const setB3ModalContentType = (0, react_1.useModalStore)(state => state.setB3ModalContentType);
26
27
  const navigateBack = (0, react_1.useModalStore)(state => state.navigateBack);
@@ -4,11 +4,12 @@ exports.SignInWithB3 = SignInWithB3;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const react_1 = require("../../../../global-account/react");
6
6
  const react_2 = require("react");
7
+ const useB3Account_1 = require("../B3Provider/useB3Account");
7
8
  const ManageAccountButton_1 = require("../custom/ManageAccountButton");
8
9
  const Loading_1 = require("../ui/Loading");
9
10
  function SignInWithB3(props) {
10
11
  const { setB3ModalOpen, setB3ModalContentType, setEcoSystemAccountAddress } = (0, react_1.useModalStore)();
11
- const { account } = (0, react_1.useB3)();
12
+ const account = (0, useB3Account_1.useB3Account)();
12
13
  const { isAuthenticating, isAuthenticated } = (0, react_1.useAuthStore)();
13
14
  const isMobile = (0, react_1.useIsMobile)();
14
15
  (0, react_2.useEffect)(() => {
@@ -16,7 +16,8 @@ const MAX_REFETCH_ATTEMPTS = 20;
16
16
  * Handles different login providers, authentication steps, and session key management
17
17
  */
18
18
  function SignInWithB3Flow({ strategies, onLoginSuccess, onSessionKeySuccess, onError, chain, sessionKeyAddress, partnerId, closeAfterLogin = false, source = "signInWithB3Button", signersEnabled = false, }) {
19
- const { automaticallySetFirstEoa, user, refetchUser, enableTurnkey } = (0, react_1.useB3)();
19
+ const { automaticallySetFirstEoa, enableTurnkey } = (0, react_1.useB3Config)();
20
+ const { user, refetchUser } = (0, react_1.useAuthentication)(partnerId);
20
21
  const [step, setStep] = (0, react_2.useState)(source === "requestPermissions" ? null : "login");
21
22
  const [sessionKeyAdded, setSessionKeyAdded] = (0, react_2.useState)(source === "requestPermissions" ? true : false);
22
23
  const { setB3ModalContentType, setB3ModalOpen, isOpen, contentType } = (0, react_1.useModalStore)();
@@ -3,6 +3,8 @@ export { B3Provider, InnerProvider } from "./B3Provider/B3Provider";
3
3
  export { RelayKitProviderWrapper } from "./B3Provider/RelayKitProviderWrapper";
4
4
  export { B3Context, type B3ContextType } from "./B3Provider/types";
5
5
  export { useB3 } from "./B3Provider/useB3";
6
+ export { useB3Account } from "./B3Provider/useB3Account";
7
+ export { useB3Config } from "./B3Provider/useB3Config";
6
8
  export { StyleRoot } from "./StyleRoot";
7
9
  export { AuthButton } from "./SignInWithB3/components/AuthButton";
8
10
  export { PermissionItem } from "./SignInWithB3/components/PermissionItem";
@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DialogDescription = exports.DialogContent = exports.DialogClose = exports.Dialog = exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.WalletConnectorIcon = exports.StaggeredFadeLoader = exports.CopyToClipboard = exports.ClientOnly = exports.customButtonVariants = exports.CustomButton = exports.SendERC20Button = exports.SendETHButton = exports.MintButton = exports.AccountAssets = exports.RequestPermissionsButton = exports.RequestPermissions = exports.IPFSMediaRenderer = exports.Send = exports.Deposit = exports.ManageAccount = exports.TurnkeyAuthModal = exports.isWalletType = exports.getConnectOptionsFromStrategy = exports.LoginStepContainer = exports.SignInWithB3Privy = exports.SignInWithB3Flow = exports.SignInWithB3 = exports.WalletRow = exports.PermissionItem = exports.AuthButton = exports.StyleRoot = exports.useB3 = exports.B3Context = exports.RelayKitProviderWrapper = exports.InnerProvider = exports.B3Provider = exports.B3DynamicModal = void 0;
7
- exports.toast = exports.AnimatedLottie = exports.TransitionPanel = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.TextShimmer = exports.TextLoop = exports.TabTrigger = exports.TabsTransitionWrapper = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TabTriggerPrimitive = exports.TabsPrimitive = exports.TabsListPrimitive = exports.TabsContentPrimitive = exports.Skeleton = exports.ShinyButton = exports.ScrollBar = exports.ScrollArea = exports.PopoverTrigger = exports.PopoverContent = exports.Popover = exports.Loading = exports.Input = exports.GlareCardRounded = exports.GlareCard = exports.DropdownMenuTrigger = exports.DropdownMenuSeparator = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenu = exports.DrawerTrigger = exports.DrawerTitle = exports.DrawerPortal = exports.DrawerOverlay = exports.DrawerHeader = exports.DrawerFooter = exports.DrawerDescription = exports.DrawerContent = exports.DrawerClose = exports.Drawer = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = void 0;
8
- exports.WalletImage = exports.useToastContext = exports.ToastProvider = exports.ToastContainer = exports.Toast = void 0;
6
+ exports.DialogClose = exports.Dialog = exports.CommandShortcut = exports.CommandSeparator = exports.CommandList = exports.CommandItem = exports.CommandInput = exports.CommandGroup = exports.CommandEmpty = exports.CommandDialog = exports.Command = exports.buttonVariants = exports.Button = exports.badgeVariants = exports.Badge = exports.WalletConnectorIcon = exports.StaggeredFadeLoader = exports.CopyToClipboard = exports.ClientOnly = exports.customButtonVariants = exports.CustomButton = exports.SendERC20Button = exports.SendETHButton = exports.MintButton = exports.AccountAssets = exports.RequestPermissionsButton = exports.RequestPermissions = exports.IPFSMediaRenderer = exports.Send = exports.Deposit = exports.ManageAccount = exports.TurnkeyAuthModal = exports.isWalletType = exports.getConnectOptionsFromStrategy = exports.LoginStepContainer = exports.SignInWithB3Privy = exports.SignInWithB3Flow = exports.SignInWithB3 = exports.WalletRow = exports.PermissionItem = exports.AuthButton = exports.StyleRoot = exports.useB3Config = exports.useB3Account = exports.useB3 = exports.B3Context = exports.RelayKitProviderWrapper = exports.InnerProvider = exports.B3Provider = exports.B3DynamicModal = void 0;
7
+ exports.TransitionPanel = exports.TooltipTrigger = exports.TooltipProvider = exports.TooltipContent = exports.Tooltip = exports.TextShimmer = exports.TextLoop = exports.TabTrigger = exports.TabsTransitionWrapper = exports.TabsList = exports.TabsContent = exports.Tabs = exports.TabTriggerPrimitive = exports.TabsPrimitive = exports.TabsListPrimitive = exports.TabsContentPrimitive = exports.Skeleton = exports.ShinyButton = exports.ScrollBar = exports.ScrollArea = exports.PopoverTrigger = exports.PopoverContent = exports.Popover = exports.Loading = exports.Input = exports.GlareCardRounded = exports.GlareCard = exports.DropdownMenuTrigger = exports.DropdownMenuSeparator = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenu = exports.DrawerTrigger = exports.DrawerTitle = exports.DrawerPortal = exports.DrawerOverlay = exports.DrawerHeader = exports.DrawerFooter = exports.DrawerDescription = exports.DrawerContent = exports.DrawerClose = exports.Drawer = exports.DialogTrigger = exports.DialogTitle = exports.DialogPortal = exports.DialogOverlay = exports.DialogHeader = exports.DialogFooter = exports.DialogDescription = exports.DialogContent = void 0;
8
+ exports.WalletImage = exports.useToastContext = exports.ToastProvider = exports.ToastContainer = exports.Toast = exports.toast = exports.AnimatedLottie = void 0;
9
9
  // TODO woj: Barrel file for all components, this might be reason of bundle size issues
10
10
  // Core Components
11
11
  var B3DynamicModal_1 = require("./B3DynamicModal");
@@ -19,6 +19,10 @@ var types_1 = require("./B3Provider/types");
19
19
  Object.defineProperty(exports, "B3Context", { enumerable: true, get: function () { return types_1.B3Context; } });
20
20
  var useB3_1 = require("./B3Provider/useB3");
21
21
  Object.defineProperty(exports, "useB3", { enumerable: true, get: function () { return useB3_1.useB3; } });
22
+ var useB3Account_1 = require("./B3Provider/useB3Account");
23
+ Object.defineProperty(exports, "useB3Account", { enumerable: true, get: function () { return useB3Account_1.useB3Account; } });
24
+ var useB3Config_1 = require("./B3Provider/useB3Config");
25
+ Object.defineProperty(exports, "useB3Config", { enumerable: true, get: function () { return useB3Config_1.useB3Config; } });
22
26
  var StyleRoot_1 = require("./StyleRoot");
23
27
  Object.defineProperty(exports, "StyleRoot", { enumerable: true, get: function () { return StyleRoot_1.StyleRoot; } });
24
28
  // SignInWithB3 Components
@@ -8,6 +8,7 @@ const debug_1 = require("../../../shared/utils/debug");
8
8
  const react_2 = require("react");
9
9
  const react_3 = require("thirdweb/react");
10
10
  const in_app_1 = require("thirdweb/wallets/in-app");
11
+ const useB3Account_1 = require("../components/B3Provider/useB3Account");
11
12
  const debug = (0, debug_1.debugB3React)("useAccountWallet");
12
13
  function useLastAuthProvider() {
13
14
  const [lastAuthProvider, setLastAuthProvider] = (0, react_2.useState)(null);
@@ -27,7 +28,7 @@ function useAccountWallet() {
27
28
  // const effectiveAccount = isAuthenticated ? accountOverride || activeAccount : undefined;
28
29
  // can we possibly just use useActiveAccount here?
29
30
  // --------------------
30
- const { account } = (0, react_1.useB3)();
31
+ const account = (0, useB3Account_1.useB3Account)();
31
32
  const activeWallet = (0, react_3.useActiveWallet)();
32
33
  const connectedWallets = (0, react_3.useConnectedWallets)();
33
34
  const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === constants_1.ecosystemWalletId);
@@ -75,7 +76,7 @@ function useAccountWallet() {
75
76
  return res;
76
77
  }
77
78
  function useAccountWalletImage() {
78
- const { account } = (0, react_1.useB3)();
79
+ const account = (0, useB3Account_1.useB3Account)();
79
80
  const activeWallet = (0, react_3.useActiveWallet)();
80
81
  const connectedWallets = (0, react_3.useConnectedWallets)();
81
82
  const connectedSmartWallet = connectedWallets.find(wallet => wallet.id === constants_1.ecosystemWalletId);
@@ -13,8 +13,8 @@ export declare function useAuthentication(partnerId: string): {
13
13
  onConnect: (_walleAutoConnectedWith: Wallet, allConnectedWallets: Wallet[]) => Promise<void>;
14
14
  user: {
15
15
  email?: string | undefined;
16
- telNumber?: string | undefined;
17
16
  username?: string | undefined;
17
+ telNumber?: string | undefined;
18
18
  ens?: string | undefined;
19
19
  avatar?: string | undefined;
20
20
  preferences?: {} | undefined;
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Hook to automatically select the first EOA wallet when user is authenticated
3
+ * Only auto-selects if the last auth was via wallet or no previous auth provider
4
+ */
5
+ export declare function useAutoSelectWallet({ enabled }: {
6
+ enabled: boolean;
7
+ }): void;
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useAutoSelectWallet = useAutoSelectWallet;
4
+ const debug_1 = require("../../../shared/utils/debug");
5
+ const react_1 = require("react");
6
+ const react_2 = require("thirdweb/react");
7
+ const stores_1 = require("../stores");
8
+ const debug = (0, debug_1.debugB3React)("useAutoSelectWallet");
9
+ /**
10
+ * Hook to automatically select the first EOA wallet when user is authenticated
11
+ * Only auto-selects if the last auth was via wallet or no previous auth provider
12
+ */
13
+ function useAutoSelectWallet({ enabled }) {
14
+ const isAuthenticated = (0, stores_1.useAuthStore)(state => state.isAuthenticated);
15
+ const wallets = (0, react_2.useConnectedWallets)();
16
+ const setActiveWallet = (0, react_2.useSetActiveWallet)();
17
+ const setWallet = (0, react_1.useCallback)((wallet) => {
18
+ debug("@@setWallet", wallet.id, wallet.getAccount()?.address);
19
+ setActiveWallet(wallet);
20
+ }, [setActiveWallet]);
21
+ (0, react_1.useEffect)(() => {
22
+ const autoSelectFirstEOAWallet = async () => {
23
+ // Only proceed if auto-selection is enabled and user is authenticated
24
+ if (!enabled || !isAuthenticated) {
25
+ return;
26
+ }
27
+ // Find the first EOA wallet (excluding ecosystem wallets)
28
+ const isEOAWallet = (wallet) => !wallet.id.startsWith("ecosystem.");
29
+ const firstEOAWallet = wallets.find(isEOAWallet);
30
+ if (firstEOAWallet) {
31
+ // Only auto-select if the last auth was via wallet or no previous auth provider
32
+ const lastAuthProvider = await (0, react_2.getLastAuthProvider)();
33
+ const shouldAutoSelect = lastAuthProvider === null || lastAuthProvider === "wallet";
34
+ if (shouldAutoSelect) {
35
+ debug("Auto-selecting first EOA wallet", firstEOAWallet.id);
36
+ setWallet(firstEOAWallet);
37
+ }
38
+ }
39
+ };
40
+ autoSelectFirstEOAWallet();
41
+ }, [enabled, isAuthenticated, setWallet, wallets]);
42
+ }
@@ -4,11 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.useTurnkeyAuth = useTurnkeyAuth;
7
+ const debug_1 = require("../../../shared/utils/debug");
8
+ const react_1 = require("react");
7
9
  const app_1 = __importDefault(require("../../app"));
10
+ const components_1 = require("../components");
8
11
  const stores_1 = require("../stores");
9
- const react_1 = require("react");
10
- const useB3_1 = require("../components/B3Provider/useB3");
11
- const debug_1 = require("../../../shared/utils/debug");
12
+ const useAuthentication_1 = require("./useAuthentication");
12
13
  const debug = (0, debug_1.debugB3React)("useTurnkeyAuth");
13
14
  /**
14
15
  * Hook for Turnkey email-based OTP authentication
@@ -23,7 +24,8 @@ function useTurnkeyAuth() {
23
24
  const [error, setError] = (0, react_1.useState)(null);
24
25
  const setIsAuthenticating = (0, stores_1.useAuthStore)(state => state.setIsAuthenticating);
25
26
  const setIsAuthenticated = (0, stores_1.useAuthStore)(state => state.setIsAuthenticated);
26
- const { user } = (0, useB3_1.useB3)();
27
+ const { partnerId } = (0, components_1.useB3Config)();
28
+ const { user } = (0, useAuthentication_1.useAuthentication)(partnerId);
27
29
  /**
28
30
  * Step 1: Initiate login with email
29
31
  * - Calls backend to create sub-org (if needed) and send OTP
@@ -14,7 +14,7 @@ const react_2 = require("react");
14
14
  const thirdweb_2 = require("thirdweb");
15
15
  const viem_1 = require("viem");
16
16
  const wagmi_1 = require("wagmi");
17
- const components_1 = require("../components");
17
+ const useB3Account_1 = require("../components/B3Provider/useB3Account");
18
18
  const useAccountWallet_1 = require("./useAccountWallet");
19
19
  const partnerId = String(process.env.PUBLIC_THIRDWEB_PARTNER_ID ||
20
20
  process.env.NEXT_PUBLIC_THIRDWEB_PARTNER_ID ||
@@ -25,7 +25,7 @@ function useUnifiedChainSwitchAndExecute() {
25
25
  const { switchChainAsync } = (0, wagmi_1.useSwitchChain)();
26
26
  const [isSwitchingOrExecuting, setIsSwitchingOrExecuting] = (0, react_2.useState)(false);
27
27
  const { isActiveSmartWallet, isActiveEOAWallet, connectedEOAWallet } = (0, useAccountWallet_1.useAccountWallet)();
28
- const { account: aaAccount } = (0, components_1.useB3)();
28
+ const aaAccount = (0, useB3Account_1.useB3Account)();
29
29
  // Handle EOA wallet chain switch and execute transaction
30
30
  const handleEOASwitchChainAndSendTransaction = (0, react_2.useCallback)(async (targetChainId, params) => {
31
31
  if (!connectedEOAWallet) {
@@ -8,8 +8,8 @@ import { Users } from "@b3dotfun/b3-api";
8
8
  export declare function useUserQuery(): {
9
9
  user: {
10
10
  email?: string | undefined;
11
- telNumber?: string | undefined;
12
11
  username?: string | undefined;
12
+ telNumber?: string | undefined;
13
13
  ens?: string | undefined;
14
14
  avatar?: string | undefined;
15
15
  preferences?: {} | undefined;
@@ -144,6 +144,10 @@ export interface AnySpendModalProps extends BaseModalProps {
144
144
  customUsdInputValues?: string[];
145
145
  /** Client-provided reference ID for tracking orders */
146
146
  clientReferenceId?: string;
147
+ /** Whether to hide the header */
148
+ hideHeader?: boolean;
149
+ /** When true, disables URL parameter management for swap configuration */
150
+ disableUrlParamManagement?: boolean;
147
151
  }
148
152
  /**
149
153
  * Props for the AnySpend NFT modal
@@ -20,6 +20,7 @@ export declare enum PanelView {
20
20
  export declare function AnySpend(props: {
21
21
  mode?: "page" | "modal";
22
22
  defaultActiveTab?: "crypto" | "fiat";
23
+ sourceChainId?: number;
23
24
  destinationTokenAddress?: string;
24
25
  destinationTokenChainId?: number;
25
26
  recipientAddress?: string;
@@ -34,4 +35,8 @@ export declare function AnySpend(props: {
34
35
  }) => void;
35
36
  onSuccess?: (txHash?: string) => void;
36
37
  customUsdInputValues?: string[];
38
+ hideHeader?: boolean;
39
+ hideBottomNavigation?: boolean;
40
+ /** When true, disables URL parameter management for swap configuration */
41
+ disableUrlParamManagement?: boolean;
37
42
  }): import("react/jsx-runtime").JSX.Element;