@varity-labs/ui-kit 2.0.0-beta.8 → 2.0.0-beta.9
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.
- package/dist/components/Dashboard/DashboardHeader.js +4 -4
- package/dist/components/Dashboard/DashboardHeader.js.map +1 -1
- package/dist/components/Dashboard/DashboardLayout.d.ts +3 -3
- package/dist/components/Dashboard/DashboardLayout.d.ts.map +1 -1
- package/dist/components/Dashboard/DashboardLayout.js +1 -1
- package/dist/components/InAppWallet/EmailLoginButton.d.ts +27 -0
- package/dist/components/InAppWallet/EmailLoginButton.d.ts.map +1 -0
- package/dist/components/InAppWallet/EmailLoginButton.js +84 -0
- package/dist/components/InAppWallet/EmailLoginButton.js.map +1 -0
- package/dist/components/InAppWallet/InAppWalletProvider.d.ts +54 -0
- package/dist/components/InAppWallet/InAppWalletProvider.d.ts.map +1 -0
- package/dist/components/InAppWallet/InAppWalletProvider.js +225 -0
- package/dist/components/InAppWallet/InAppWalletProvider.js.map +1 -0
- package/dist/components/InAppWallet/OnboardingFlow.d.ts +25 -0
- package/dist/components/InAppWallet/OnboardingFlow.d.ts.map +1 -0
- package/dist/components/InAppWallet/OnboardingFlow.js +159 -0
- package/dist/components/InAppWallet/OnboardingFlow.js.map +1 -0
- package/dist/components/InAppWallet/SocialLoginButtons.d.ts +28 -0
- package/dist/components/InAppWallet/SocialLoginButtons.d.ts.map +1 -0
- package/dist/components/InAppWallet/SocialLoginButtons.js +128 -0
- package/dist/components/InAppWallet/SocialLoginButtons.js.map +1 -0
- package/dist/components/InAppWallet/index.d.ts +15 -0
- package/dist/components/InAppWallet/index.d.ts.map +1 -0
- package/dist/components/InAppWallet/index.js +14 -0
- package/dist/components/InAppWallet/index.js.map +1 -0
- package/dist/components/PaymentWidget/PaymentWidget.d.ts +19 -7
- package/dist/components/PaymentWidget/PaymentWidget.d.ts.map +1 -1
- package/dist/components/PaymentWidget/PaymentWidget.js +176 -10
- package/dist/components/PaymentWidget/PaymentWidget.js.map +1 -1
- package/dist/components/PaymentWidget/useSeamlessPayment.d.ts +34 -8
- package/dist/components/PaymentWidget/useSeamlessPayment.d.ts.map +1 -1
- package/dist/components/PaymentWidget/useSeamlessPayment.js +158 -12
- package/dist/components/PaymentWidget/useSeamlessPayment.js.map +1 -1
- package/dist/components/PaymentWidget/useVarityPayment.d.ts +6 -5
- package/dist/components/PaymentWidget/useVarityPayment.d.ts.map +1 -1
- package/dist/components/PaymentWidget/useVarityPayment.js +147 -11
- package/dist/components/PaymentWidget/useVarityPayment.js.map +1 -1
- package/dist/components/Payments/CheckoutModal.d.ts +19 -0
- package/dist/components/Payments/CheckoutModal.d.ts.map +1 -0
- package/dist/components/Payments/CheckoutModal.js +194 -0
- package/dist/components/Payments/CheckoutModal.js.map +1 -0
- package/dist/components/Payments/SubscriptionWidget.d.ts +17 -0
- package/dist/components/Payments/SubscriptionWidget.d.ts.map +1 -0
- package/dist/components/Payments/SubscriptionWidget.js +89 -0
- package/dist/components/Payments/SubscriptionWidget.js.map +1 -0
- package/dist/components/Payments/constants.d.ts +59 -0
- package/dist/components/Payments/constants.d.ts.map +1 -0
- package/dist/components/Payments/constants.js +145 -0
- package/dist/components/Payments/constants.js.map +1 -0
- package/dist/components/Payments/index.d.ts +10 -0
- package/dist/components/Payments/index.d.ts.map +1 -0
- package/dist/components/Payments/index.js +12 -0
- package/dist/components/Payments/index.js.map +1 -0
- package/dist/components/Payments/types.d.ts +119 -0
- package/dist/components/Payments/types.d.ts.map +1 -0
- package/dist/components/Payments/types.js +27 -0
- package/dist/components/Payments/types.js.map +1 -0
- package/dist/components/Payments/usePayments.d.ts +33 -0
- package/dist/components/Payments/usePayments.d.ts.map +1 -0
- package/dist/components/Payments/usePayments.js +249 -0
- package/dist/components/Payments/usePayments.js.map +1 -0
- package/dist/components/SIWE/AuthStatus.d.ts +15 -0
- package/dist/components/SIWE/AuthStatus.d.ts.map +1 -0
- package/dist/components/SIWE/AuthStatus.js +47 -0
- package/dist/components/SIWE/AuthStatus.js.map +1 -0
- package/dist/components/SIWE/ProtectedRoute.d.ts +17 -0
- package/dist/components/SIWE/ProtectedRoute.d.ts.map +1 -0
- package/dist/components/SIWE/ProtectedRoute.js +52 -0
- package/dist/components/SIWE/ProtectedRoute.js.map +1 -0
- package/dist/components/SIWE/SIWEButton.d.ts +22 -0
- package/dist/components/SIWE/SIWEButton.d.ts.map +1 -0
- package/dist/components/SIWE/SIWEButton.js +106 -0
- package/dist/components/SIWE/SIWEButton.js.map +1 -0
- package/dist/components/SIWE/SIWEModal.d.ts +19 -0
- package/dist/components/SIWE/SIWEModal.d.ts.map +1 -0
- package/dist/components/SIWE/SIWEModal.js +75 -0
- package/dist/components/SIWE/SIWEModal.js.map +1 -0
- package/dist/components/SIWE/SIWEProvider.d.ts +38 -0
- package/dist/components/SIWE/SIWEProvider.d.ts.map +1 -0
- package/dist/components/SIWE/SIWEProvider.js +227 -0
- package/dist/components/SIWE/SIWEProvider.js.map +1 -0
- package/dist/components/SIWE/index.d.ts +15 -0
- package/dist/components/SIWE/index.d.ts.map +1 -0
- package/dist/components/SIWE/index.js +10 -0
- package/dist/components/SIWE/index.js.map +1 -0
- package/dist/hooks/web3/index.d.ts +5 -0
- package/dist/hooks/web3/index.d.ts.map +1 -0
- package/dist/hooks/web3/index.js +6 -0
- package/dist/hooks/web3/index.js.map +1 -0
- package/dist/hooks/web3/useAddressValidation.d.ts +37 -0
- package/dist/hooks/web3/useAddressValidation.d.ts.map +1 -0
- package/dist/hooks/web3/useAddressValidation.js +59 -0
- package/dist/hooks/web3/useAddressValidation.js.map +1 -0
- package/dist/hooks/web3/useBlockExplorer.d.ts +37 -0
- package/dist/hooks/web3/useBlockExplorer.d.ts.map +1 -0
- package/dist/hooks/web3/useBlockExplorer.js +59 -0
- package/dist/hooks/web3/useBlockExplorer.js.map +1 -0
- package/dist/hooks/web3/useUSDCFormat.d.ts +34 -0
- package/dist/hooks/web3/useUSDCFormat.d.ts.map +1 -0
- package/dist/hooks/web3/useUSDCFormat.js +43 -0
- package/dist/hooks/web3/useUSDCFormat.js.map +1 -0
- package/dist/hooks/web3/useVarityWallet.d.ts +48 -0
- package/dist/hooks/web3/useVarityWallet.d.ts.map +1 -0
- package/dist/hooks/web3/useVarityWallet.js +70 -0
- package/dist/hooks/web3/useVarityWallet.js.map +1 -0
- package/dist/providers/ChainContext.d.ts +65 -0
- package/dist/providers/ChainContext.d.ts.map +1 -0
- package/dist/providers/ChainContext.js +92 -0
- package/dist/providers/ChainContext.js.map +1 -0
- package/dist/providers/PrivyStack.d.ts +17 -50
- package/dist/providers/PrivyStack.d.ts.map +1 -1
- package/dist/providers/PrivyStack.js +15 -43
- package/dist/providers/PrivyStack.js.map +1 -1
- package/dist/providers/VarityDashboardProvider.d.ts +2 -2
- package/dist/providers/VarityDashboardProvider.d.ts.map +1 -1
- package/dist/providers/VarityDashboardProvider.js +26 -3
- package/dist/providers/VarityDashboardProvider.js.map +1 -1
- package/dist/providers/VarityProvider.d.ts +32 -0
- package/dist/providers/VarityProvider.d.ts.map +1 -0
- package/dist/providers/VarityProvider.js +56 -0
- package/dist/providers/VarityProvider.js.map +1 -0
- package/dist/providers/WalletContext.d.ts +68 -0
- package/dist/providers/WalletContext.d.ts.map +1 -0
- package/dist/providers/WalletContext.js +98 -0
- package/dist/providers/WalletContext.js.map +1 -0
- package/dist/providers/WalletSyncProvider.d.ts +15 -18
- package/dist/providers/WalletSyncProvider.d.ts.map +1 -1
- package/dist/providers/WalletSyncProvider.js +12 -15
- package/dist/providers/WalletSyncProvider.js.map +1 -1
- package/dist/providers/index.d.ts +48 -0
- package/dist/providers/index.d.ts.map +1 -0
- package/dist/providers/index.js +53 -0
- package/dist/providers/index.js.map +1 -0
- package/dist/wallets/SimpleSmartWallet.d.ts +68 -0
- package/dist/wallets/SimpleSmartWallet.d.ts.map +1 -0
- package/dist/wallets/SimpleSmartWallet.js +74 -0
- package/dist/wallets/SimpleSmartWallet.js.map +1 -0
- package/dist/wallets/SmartWalletProvider.d.ts +217 -0
- package/dist/wallets/SmartWalletProvider.d.ts.map +1 -0
- package/dist/wallets/SmartWalletProvider.js +366 -0
- package/dist/wallets/SmartWalletProvider.js.map +1 -0
- package/dist/wallets/config.d.ts +222 -0
- package/dist/wallets/config.d.ts.map +1 -0
- package/dist/wallets/config.js +206 -0
- package/dist/wallets/config.js.map +1 -0
- package/dist/wallets/index.d.ts +9 -0
- package/dist/wallets/index.d.ts.map +1 -0
- package/dist/wallets/index.js +9 -0
- package/dist/wallets/index.js.map +1 -0
- package/dist/web3/AddressDisplay/AddressDisplay.d.ts +33 -0
- package/dist/web3/AddressDisplay/AddressDisplay.d.ts.map +1 -0
- package/dist/web3/AddressDisplay/AddressDisplay.js +42 -0
- package/dist/web3/AddressDisplay/AddressDisplay.js.map +1 -0
- package/dist/web3/AddressInput/AddressInput.d.ts +36 -0
- package/dist/web3/AddressInput/AddressInput.d.ts.map +1 -0
- package/dist/web3/AddressInput/AddressInput.js +54 -0
- package/dist/web3/AddressInput/AddressInput.js.map +1 -0
- package/dist/web3/AmountInput/AmountInput.d.ts +41 -0
- package/dist/web3/AmountInput/AmountInput.d.ts.map +1 -0
- package/dist/web3/AmountInput/AmountInput.js +74 -0
- package/dist/web3/AmountInput/AmountInput.js.map +1 -0
- package/dist/web3/BalanceDisplay/BalanceDisplay.d.ts +30 -0
- package/dist/web3/BalanceDisplay/BalanceDisplay.d.ts.map +1 -0
- package/dist/web3/BalanceDisplay/BalanceDisplay.js +35 -0
- package/dist/web3/BalanceDisplay/BalanceDisplay.js.map +1 -0
- package/dist/web3/BlockExplorerLink/BlockExplorerLink.d.ts +41 -0
- package/dist/web3/BlockExplorerLink/BlockExplorerLink.d.ts.map +1 -0
- package/dist/web3/BlockExplorerLink/BlockExplorerLink.js +46 -0
- package/dist/web3/BlockExplorerLink/BlockExplorerLink.js.map +1 -0
- package/dist/web3/ConnectWallet/ConnectWallet.d.ts +35 -0
- package/dist/web3/ConnectWallet/ConnectWallet.d.ts.map +1 -0
- package/dist/web3/ConnectWallet/ConnectWallet.js +58 -0
- package/dist/web3/ConnectWallet/ConnectWallet.js.map +1 -0
- package/dist/web3/DisconnectButton/DisconnectButton.d.ts +30 -0
- package/dist/web3/DisconnectButton/DisconnectButton.d.ts.map +1 -0
- package/dist/web3/DisconnectButton/DisconnectButton.js +48 -0
- package/dist/web3/DisconnectButton/DisconnectButton.js.map +1 -0
- package/dist/web3/WalletBalance/WalletBalance.d.ts +27 -0
- package/dist/web3/WalletBalance/WalletBalance.d.ts.map +1 -0
- package/dist/web3/WalletBalance/WalletBalance.js +49 -0
- package/dist/web3/WalletBalance/WalletBalance.js.map +1 -0
- package/dist/web3/WalletDropdown/WalletDropdown.d.ts +29 -0
- package/dist/web3/WalletDropdown/WalletDropdown.d.ts.map +1 -0
- package/dist/web3/WalletDropdown/WalletDropdown.js +93 -0
- package/dist/web3/WalletDropdown/WalletDropdown.js.map +1 -0
- package/dist/web3/WalletInfo/WalletInfo.d.ts +31 -0
- package/dist/web3/WalletInfo/WalletInfo.d.ts.map +1 -0
- package/dist/web3/WalletInfo/WalletInfo.js +41 -0
- package/dist/web3/WalletInfo/WalletInfo.js.map +1 -0
- package/dist/web3/index.d.ts +11 -0
- package/dist/web3/index.d.ts.map +1 -0
- package/dist/web3/index.js +14 -0
- package/dist/web3/index.js.map +1 -0
- package/package.json +4 -3
|
@@ -13,10 +13,10 @@ export const DashboardHeader = ({ height = 64, sidebarWidth = 0, user, onLogout,
|
|
|
13
13
|
const [showProfileDropdown, setShowProfileDropdown] = useState(false);
|
|
14
14
|
const notificationRef = useRef(null);
|
|
15
15
|
const profileRef = useRef(null);
|
|
16
|
-
const
|
|
17
|
-
if (!
|
|
16
|
+
const truncateDisplay = (value) => {
|
|
17
|
+
if (!value)
|
|
18
18
|
return '';
|
|
19
|
-
return `${
|
|
19
|
+
return `${value.slice(0, 6)}...${value.slice(-4)}`;
|
|
20
20
|
};
|
|
21
21
|
// Close dropdowns when clicking outside
|
|
22
22
|
useEffect(() => {
|
|
@@ -139,7 +139,7 @@ export const DashboardHeader = ({ height = 64, sidebarWidth = 0, user, onLogout,
|
|
|
139
139
|
} }, !user.avatarUrl && user.name.charAt(0).toUpperCase()),
|
|
140
140
|
React.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'flex-start' } },
|
|
141
141
|
React.createElement("span", { style: { fontWeight: 500, fontSize: '14px', color: 'var(--varity-text-primary, #212121)' } }, user.name),
|
|
142
|
-
React.createElement("span", { style: { fontSize: '12px', color: 'var(--varity-text-secondary, #757575)' } },
|
|
142
|
+
React.createElement("span", { style: { fontSize: '12px', color: 'var(--varity-text-secondary, #757575)' } }, truncateDisplay(user.email))),
|
|
143
143
|
React.createElement("span", { style: { fontSize: '12px', color: 'var(--varity-text-secondary, #757575)' } }, showProfileDropdown ? '▲' : '▼')),
|
|
144
144
|
showProfileDropdown && (React.createElement("div", { style: {
|
|
145
145
|
position: 'absolute',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardHeader.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AA0B1D;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,MAAM,GAAG,EAAE,EACX,YAAY,GAAG,CAAC,EAChB,IAAI,EACJ,QAAQ,EACR,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,GAAG,CAAC,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,iBAAiB,GAAG,WAAW,EAChC,EAAE,EAAE;IACH,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/E,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrE,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACpD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAE/C,MAAM,eAAe,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"DashboardHeader.js","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardHeader.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,8 +54,8 @@ export interface NavigationItem {
|
|
|
54
54
|
export interface UserInfo {
|
|
55
55
|
/** User's display name */
|
|
56
56
|
name: string;
|
|
57
|
-
/** User's email
|
|
58
|
-
|
|
57
|
+
/** User's email address */
|
|
58
|
+
email: string;
|
|
59
59
|
/** User's avatar URL */
|
|
60
60
|
avatarUrl?: string;
|
|
61
61
|
}
|
|
@@ -67,7 +67,7 @@ export interface UserInfo {
|
|
|
67
67
|
* <DashboardLayout
|
|
68
68
|
* companyName="Acme Corp"
|
|
69
69
|
* logoUrl="/logo.png"
|
|
70
|
-
* user={{ name: "John Doe",
|
|
70
|
+
* user={{ name: "John Doe", email: "john@example.com" }}
|
|
71
71
|
* navigationItems={[
|
|
72
72
|
* { label: "Dashboard", icon: "dashboard", path: "/" },
|
|
73
73
|
* { label: "Analytics", icon: "analytics", path: "/analytics" }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardLayout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAA;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mCAAmC;IACnC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,8CAA8C;IAC9C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;CAC5B;AAED,MAAM,WAAW,QAAQ;IACvB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,
|
|
1
|
+
{"version":3,"file":"DashboardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Dashboard/DashboardLayout.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKxC,MAAM,WAAW,oBAAoB;IACnC,yCAAyC;IACzC,QAAQ,EAAE,SAAS,CAAA;IACnB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mCAAmC;IACnC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,gEAAgE;IAChE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,8CAA8C;IAC9C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,+CAA+C;IAC/C,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IACjC,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAC1B,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,gDAAgD;IAChD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,IAAI,EAAE,MAAM,CAAA;IACZ,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAA;CAC5B;AAED,MAAM,WAAW,QAAQ;IACvB,0BAA0B;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+E1D,CAAA"}
|
|
@@ -16,7 +16,7 @@ import { DashboardFooter } from './DashboardFooter';
|
|
|
16
16
|
* <DashboardLayout
|
|
17
17
|
* companyName="Acme Corp"
|
|
18
18
|
* logoUrl="/logo.png"
|
|
19
|
-
* user={{ name: "John Doe",
|
|
19
|
+
* user={{ name: "John Doe", email: "john@example.com" }}
|
|
20
20
|
* navigationItems={[
|
|
21
21
|
* { label: "Dashboard", icon: "dashboard", path: "/" },
|
|
22
22
|
* { label: "Analytics", icon: "analytics", path: "/analytics" }
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* EmailLoginButton - Email OTP Authentication Button
|
|
3
|
+
*
|
|
4
|
+
* Provides email passwordless authentication using Thirdweb In-App Wallets
|
|
5
|
+
* Users receive a one-time password via email for verification
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <EmailLoginButton
|
|
10
|
+
* onSuccess={(user) => console.log('Logged in:', user)}
|
|
11
|
+
* buttonClassName="custom-button-class"
|
|
12
|
+
* />
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
import React from 'react';
|
|
16
|
+
interface EmailLoginButtonProps {
|
|
17
|
+
onSuccess?: (user: string) => void;
|
|
18
|
+
onError?: (error: Error) => void;
|
|
19
|
+
buttonClassName?: string;
|
|
20
|
+
inputClassName?: string;
|
|
21
|
+
placeholder?: string;
|
|
22
|
+
buttonText?: string;
|
|
23
|
+
loadingText?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare function EmailLoginButton({ onSuccess, onError, buttonClassName, inputClassName, placeholder, buttonText, loadingText }: EmailLoginButtonProps): React.JSX.Element;
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=EmailLoginButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailLoginButton.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/EmailLoginButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,OAAO,EACP,eAAoB,EACpB,cAAmB,EACnB,WAAgC,EAChC,UAAkC,EAClC,WAA+B,EAChC,EAAE,qBAAqB,qBA+IvB"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* EmailLoginButton - Email OTP Authentication Button
|
|
3
|
+
*
|
|
4
|
+
* Provides email passwordless authentication using Thirdweb In-App Wallets
|
|
5
|
+
* Users receive a one-time password via email for verification
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <EmailLoginButton
|
|
10
|
+
* onSuccess={(user) => console.log('Logged in:', user)}
|
|
11
|
+
* buttonClassName="custom-button-class"
|
|
12
|
+
* />
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
import React, { useState } from 'react';
|
|
16
|
+
import { useInAppWallet } from './InAppWalletProvider';
|
|
17
|
+
import { getErrorMessage } from '@varity-labs/types';
|
|
18
|
+
export function EmailLoginButton({ onSuccess, onError, buttonClassName = '', inputClassName = '', placeholder = 'Enter your email', buttonText = 'Continue with Email', loadingText = 'Sending code...' }) {
|
|
19
|
+
const { loginWithEmail, isLoading } = useInAppWallet();
|
|
20
|
+
const [email, setEmail] = useState('');
|
|
21
|
+
const [showInput, setShowInput] = useState(false);
|
|
22
|
+
const [isValidEmail, setIsValidEmail] = useState(false);
|
|
23
|
+
const validateEmail = (email) => {
|
|
24
|
+
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
25
|
+
return emailRegex.test(email);
|
|
26
|
+
};
|
|
27
|
+
const handleEmailChange = (e) => {
|
|
28
|
+
const value = e.target.value;
|
|
29
|
+
setEmail(value);
|
|
30
|
+
setIsValidEmail(validateEmail(value));
|
|
31
|
+
};
|
|
32
|
+
const handleSubmit = async (e) => {
|
|
33
|
+
e.preventDefault();
|
|
34
|
+
if (!isValidEmail) {
|
|
35
|
+
onError?.(new Error('Invalid email address'));
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
try {
|
|
39
|
+
await loginWithEmail(email);
|
|
40
|
+
onSuccess?.(email);
|
|
41
|
+
}
|
|
42
|
+
catch (error) {
|
|
43
|
+
const errorMessage = getErrorMessage(error);
|
|
44
|
+
const errorObj = error instanceof Error ? error : new Error(errorMessage);
|
|
45
|
+
onError?.(errorObj);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
const defaultButtonClass = `
|
|
49
|
+
w-full px-6 py-3
|
|
50
|
+
bg-gradient-to-r from-indigo-600 to-purple-600
|
|
51
|
+
hover:from-indigo-700 hover:to-purple-700
|
|
52
|
+
text-white font-medium rounded-lg
|
|
53
|
+
transition-all duration-200
|
|
54
|
+
disabled:opacity-50 disabled:cursor-not-allowed
|
|
55
|
+
flex items-center justify-center gap-2
|
|
56
|
+
shadow-lg hover:shadow-xl
|
|
57
|
+
`;
|
|
58
|
+
const defaultInputClass = `
|
|
59
|
+
w-full px-4 py-3
|
|
60
|
+
border border-gray-300 rounded-lg
|
|
61
|
+
focus:ring-2 focus:ring-indigo-500 focus:border-transparent
|
|
62
|
+
outline-none transition-all
|
|
63
|
+
`;
|
|
64
|
+
if (!showInput) {
|
|
65
|
+
return (React.createElement("button", { onClick: () => setShowInput(true), className: buttonClassName || defaultButtonClass, disabled: isLoading },
|
|
66
|
+
React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
|
|
67
|
+
React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" })),
|
|
68
|
+
buttonText));
|
|
69
|
+
}
|
|
70
|
+
return (React.createElement("form", { onSubmit: handleSubmit, className: "w-full space-y-3" },
|
|
71
|
+
React.createElement("input", { type: "email", value: email, onChange: handleEmailChange, placeholder: placeholder, className: inputClassName || defaultInputClass, disabled: isLoading, autoFocus: true, required: true }),
|
|
72
|
+
React.createElement("div", { className: "flex gap-2" },
|
|
73
|
+
React.createElement("button", { type: "button", onClick: () => {
|
|
74
|
+
setShowInput(false);
|
|
75
|
+
setEmail('');
|
|
76
|
+
}, className: "px-4 py-3 border border-gray-300 rounded-lg hover:bg-gray-50 transition-all", disabled: isLoading }, "Back"),
|
|
77
|
+
React.createElement("button", { type: "submit", className: buttonClassName || defaultButtonClass, disabled: isLoading || !isValidEmail }, isLoading ? (React.createElement(React.Fragment, null,
|
|
78
|
+
React.createElement("svg", { className: "animate-spin h-5 w-5", fill: "none", viewBox: "0 0 24 24" },
|
|
79
|
+
React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
80
|
+
React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })),
|
|
81
|
+
loadingText)) : ('Send Code'))),
|
|
82
|
+
React.createElement("p", { className: "text-xs text-gray-500 text-center" }, "We'll send a verification code to your email")));
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=EmailLoginButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmailLoginButton.js","sourceRoot":"","sources":["../../../src/components/InAppWallet/EmailLoginButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* InAppWalletProvider - Thirdweb In-App Wallet Provider for Varity L3
|
|
3
|
+
*
|
|
4
|
+
* Provides email/social authentication with custodial wallet management
|
|
5
|
+
* Supports: Email OTP, Google, Apple, Facebook, Discord, Twitter
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <InAppWalletProvider clientId="your-client-id">
|
|
10
|
+
* <YourApp />
|
|
11
|
+
* </InAppWalletProvider>
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
import React from 'react';
|
|
15
|
+
import { inAppWallet } from 'thirdweb/wallets/in-app';
|
|
16
|
+
interface User {
|
|
17
|
+
email?: string;
|
|
18
|
+
walletAddress?: string;
|
|
19
|
+
userId: string;
|
|
20
|
+
name?: string;
|
|
21
|
+
profileImage?: string;
|
|
22
|
+
authMethod: 'email' | 'google' | 'apple' | 'facebook' | 'discord' | 'twitter';
|
|
23
|
+
}
|
|
24
|
+
export interface InAppWalletContextType {
|
|
25
|
+
user: User | null;
|
|
26
|
+
isAuthenticated: boolean;
|
|
27
|
+
isLoading: boolean;
|
|
28
|
+
/** Step 1: Send OTP to email */
|
|
29
|
+
loginWithEmail: (email: string) => Promise<void>;
|
|
30
|
+
/** Step 2: Verify OTP code from email */
|
|
31
|
+
verifyEmailCode: (email: string, verificationCode: string) => Promise<void>;
|
|
32
|
+
loginWithGoogle: () => Promise<void>;
|
|
33
|
+
loginWithApple: () => Promise<void>;
|
|
34
|
+
loginWithFacebook: () => Promise<void>;
|
|
35
|
+
logout: () => Promise<void>;
|
|
36
|
+
wallet: ReturnType<typeof inAppWallet> | null;
|
|
37
|
+
}
|
|
38
|
+
interface InAppWalletProviderProps {
|
|
39
|
+
children: React.ReactNode;
|
|
40
|
+
clientId: string;
|
|
41
|
+
onLoginSuccess?: (user: User) => void;
|
|
42
|
+
onLoginError?: (error: Error) => void;
|
|
43
|
+
onLogout?: () => void;
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Main provider component
|
|
47
|
+
*/
|
|
48
|
+
export declare function InAppWalletProvider({ children, clientId, onLoginSuccess, onLoginError, onLogout }: InAppWalletProviderProps): React.JSX.Element;
|
|
49
|
+
/**
|
|
50
|
+
* Hook to use In-App Wallet context
|
|
51
|
+
*/
|
|
52
|
+
export declare function useInAppWallet(): InAppWalletContextType;
|
|
53
|
+
export {};
|
|
54
|
+
//# sourceMappingURL=InAppWalletProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InAppWalletProvider.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/InAppWalletProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAsE,MAAM,OAAO,CAAC;AAG3F,OAAO,EAAE,WAAW,EAAmB,MAAM,yBAAyB,CAAC;AAKvE,UAAU,IAAI;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;CAC/E;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,yCAAyC;IACzC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,GAAG,IAAI,CAAC;CAC/C;AAID,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA6MD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,QAAQ,EACT,EAAE,wBAAwB,qBAkB1B;AAED;;GAEG;AACH,wBAAgB,cAAc,2BAM7B"}
|
|
@@ -0,0 +1,225 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* InAppWalletProvider - Thirdweb In-App Wallet Provider for Varity L3
|
|
3
|
+
*
|
|
4
|
+
* Provides email/social authentication with custodial wallet management
|
|
5
|
+
* Supports: Email OTP, Google, Apple, Facebook, Discord, Twitter
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <InAppWalletProvider clientId="your-client-id">
|
|
10
|
+
* <YourApp />
|
|
11
|
+
* </InAppWalletProvider>
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
14
|
+
import React, { createContext, useContext, useState, useCallback, useEffect } from 'react';
|
|
15
|
+
import { ThirdwebProvider } from 'thirdweb/react';
|
|
16
|
+
import { useActiveAccount, useConnect } from 'thirdweb/react';
|
|
17
|
+
import { inAppWallet, preAuthenticate } from 'thirdweb/wallets/in-app';
|
|
18
|
+
import { createThirdwebClient } from 'thirdweb';
|
|
19
|
+
import toast from 'react-hot-toast';
|
|
20
|
+
import { getErrorMessage } from '@varity-labs/types';
|
|
21
|
+
const InAppWalletContext = createContext(undefined);
|
|
22
|
+
/**
|
|
23
|
+
* Internal component that uses Thirdweb hooks
|
|
24
|
+
*/
|
|
25
|
+
function InAppWalletManager({ children, onLoginSuccess, onLoginError, onLogout, client }) {
|
|
26
|
+
const [user, setUser] = useState(null);
|
|
27
|
+
const [wallet, setWallet] = useState(null);
|
|
28
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
29
|
+
const { connect } = useConnect();
|
|
30
|
+
const activeAccount = useActiveAccount();
|
|
31
|
+
const isAuthenticated = !!activeAccount;
|
|
32
|
+
// Update user when account changes
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
if (activeAccount) {
|
|
35
|
+
const walletAddress = activeAccount.address;
|
|
36
|
+
const userData = {
|
|
37
|
+
walletAddress,
|
|
38
|
+
userId: walletAddress,
|
|
39
|
+
authMethod: 'email', // Default, will be updated based on actual method
|
|
40
|
+
};
|
|
41
|
+
setUser(userData);
|
|
42
|
+
onLoginSuccess?.(userData);
|
|
43
|
+
}
|
|
44
|
+
else {
|
|
45
|
+
setUser(null);
|
|
46
|
+
}
|
|
47
|
+
}, [activeAccount, onLoginSuccess]);
|
|
48
|
+
const loginWithEmail = useCallback(async (email) => {
|
|
49
|
+
setIsLoading(true);
|
|
50
|
+
try {
|
|
51
|
+
// Step 1: Send OTP to email
|
|
52
|
+
await preAuthenticate({
|
|
53
|
+
client,
|
|
54
|
+
strategy: 'email',
|
|
55
|
+
email,
|
|
56
|
+
});
|
|
57
|
+
toast.success(`Check ${email} for your verification code.`);
|
|
58
|
+
}
|
|
59
|
+
catch (error) {
|
|
60
|
+
const errorMessage = getErrorMessage(error);
|
|
61
|
+
console.error('Email login error:', errorMessage);
|
|
62
|
+
const errorObj = error instanceof Error ? error : new Error(errorMessage);
|
|
63
|
+
onLoginError?.(errorObj);
|
|
64
|
+
toast.error('Failed to send verification code');
|
|
65
|
+
}
|
|
66
|
+
finally {
|
|
67
|
+
setIsLoading(false);
|
|
68
|
+
}
|
|
69
|
+
}, [client, onLoginError]);
|
|
70
|
+
const verifyEmailCode = useCallback(async (email, verificationCode) => {
|
|
71
|
+
setIsLoading(true);
|
|
72
|
+
try {
|
|
73
|
+
const w = inAppWallet();
|
|
74
|
+
setWallet(w);
|
|
75
|
+
// Step 2: Verify OTP and connect wallet
|
|
76
|
+
await connect(async () => {
|
|
77
|
+
await w.connect({
|
|
78
|
+
client,
|
|
79
|
+
strategy: 'email',
|
|
80
|
+
email,
|
|
81
|
+
verificationCode,
|
|
82
|
+
});
|
|
83
|
+
return w;
|
|
84
|
+
});
|
|
85
|
+
toast.success('Successfully logged in!');
|
|
86
|
+
}
|
|
87
|
+
catch (error) {
|
|
88
|
+
const errorMessage = getErrorMessage(error);
|
|
89
|
+
console.error('Email verification error:', errorMessage);
|
|
90
|
+
const errorObj = error instanceof Error ? error : new Error(errorMessage);
|
|
91
|
+
onLoginError?.(errorObj);
|
|
92
|
+
toast.error('Invalid verification code');
|
|
93
|
+
}
|
|
94
|
+
finally {
|
|
95
|
+
setIsLoading(false);
|
|
96
|
+
}
|
|
97
|
+
}, [connect, client, onLoginError]);
|
|
98
|
+
const loginWithGoogle = useCallback(async () => {
|
|
99
|
+
setIsLoading(true);
|
|
100
|
+
try {
|
|
101
|
+
const wallet = inAppWallet();
|
|
102
|
+
setWallet(wallet);
|
|
103
|
+
await connect(async () => {
|
|
104
|
+
await wallet.connect({
|
|
105
|
+
client,
|
|
106
|
+
strategy: 'google',
|
|
107
|
+
});
|
|
108
|
+
return wallet;
|
|
109
|
+
});
|
|
110
|
+
toast.success('Successfully logged in with Google!');
|
|
111
|
+
}
|
|
112
|
+
catch (error) {
|
|
113
|
+
const errorMessage = getErrorMessage(error);
|
|
114
|
+
console.error('Google login error:', errorMessage);
|
|
115
|
+
const errorObj = error instanceof Error ? error : new Error(errorMessage);
|
|
116
|
+
onLoginError?.(errorObj);
|
|
117
|
+
toast.error('Failed to login with Google');
|
|
118
|
+
}
|
|
119
|
+
finally {
|
|
120
|
+
setIsLoading(false);
|
|
121
|
+
}
|
|
122
|
+
}, [connect, client, onLoginError]);
|
|
123
|
+
const loginWithApple = useCallback(async () => {
|
|
124
|
+
setIsLoading(true);
|
|
125
|
+
try {
|
|
126
|
+
const wallet = inAppWallet();
|
|
127
|
+
setWallet(wallet);
|
|
128
|
+
await connect(async () => {
|
|
129
|
+
await wallet.connect({
|
|
130
|
+
client,
|
|
131
|
+
strategy: 'apple',
|
|
132
|
+
});
|
|
133
|
+
return wallet;
|
|
134
|
+
});
|
|
135
|
+
toast.success('Successfully logged in with Apple!');
|
|
136
|
+
}
|
|
137
|
+
catch (error) {
|
|
138
|
+
const errorMessage = getErrorMessage(error);
|
|
139
|
+
console.error('Apple login error:', errorMessage);
|
|
140
|
+
const errorObj = error instanceof Error ? error : new Error(errorMessage);
|
|
141
|
+
onLoginError?.(errorObj);
|
|
142
|
+
toast.error('Failed to login with Apple');
|
|
143
|
+
}
|
|
144
|
+
finally {
|
|
145
|
+
setIsLoading(false);
|
|
146
|
+
}
|
|
147
|
+
}, [connect, client, onLoginError]);
|
|
148
|
+
const loginWithFacebook = useCallback(async () => {
|
|
149
|
+
setIsLoading(true);
|
|
150
|
+
try {
|
|
151
|
+
const wallet = inAppWallet();
|
|
152
|
+
setWallet(wallet);
|
|
153
|
+
await connect(async () => {
|
|
154
|
+
await wallet.connect({
|
|
155
|
+
client,
|
|
156
|
+
strategy: 'facebook',
|
|
157
|
+
});
|
|
158
|
+
return wallet;
|
|
159
|
+
});
|
|
160
|
+
toast.success('Successfully logged in with Facebook!');
|
|
161
|
+
}
|
|
162
|
+
catch (error) {
|
|
163
|
+
const errorMessage = getErrorMessage(error);
|
|
164
|
+
console.error('Facebook login error:', errorMessage);
|
|
165
|
+
const errorObj = error instanceof Error ? error : new Error(errorMessage);
|
|
166
|
+
onLoginError?.(errorObj);
|
|
167
|
+
toast.error('Failed to login with Facebook');
|
|
168
|
+
}
|
|
169
|
+
finally {
|
|
170
|
+
setIsLoading(false);
|
|
171
|
+
}
|
|
172
|
+
}, [connect, client, onLoginError]);
|
|
173
|
+
const logout = useCallback(async () => {
|
|
174
|
+
setIsLoading(true);
|
|
175
|
+
try {
|
|
176
|
+
if (wallet) {
|
|
177
|
+
await wallet.disconnect();
|
|
178
|
+
}
|
|
179
|
+
setUser(null);
|
|
180
|
+
setWallet(null);
|
|
181
|
+
onLogout?.();
|
|
182
|
+
toast.success('Logged out successfully');
|
|
183
|
+
}
|
|
184
|
+
catch (error) {
|
|
185
|
+
const errorMessage = getErrorMessage(error);
|
|
186
|
+
console.error('Logout error:', errorMessage);
|
|
187
|
+
toast.error('Failed to logout');
|
|
188
|
+
}
|
|
189
|
+
finally {
|
|
190
|
+
setIsLoading(false);
|
|
191
|
+
}
|
|
192
|
+
}, [wallet, onLogout]);
|
|
193
|
+
const value = {
|
|
194
|
+
user,
|
|
195
|
+
isAuthenticated,
|
|
196
|
+
isLoading,
|
|
197
|
+
loginWithEmail,
|
|
198
|
+
verifyEmailCode,
|
|
199
|
+
loginWithGoogle,
|
|
200
|
+
loginWithApple,
|
|
201
|
+
loginWithFacebook,
|
|
202
|
+
logout,
|
|
203
|
+
wallet,
|
|
204
|
+
};
|
|
205
|
+
return (React.createElement(InAppWalletContext.Provider, { value: value }, children));
|
|
206
|
+
}
|
|
207
|
+
/**
|
|
208
|
+
* Main provider component
|
|
209
|
+
*/
|
|
210
|
+
export function InAppWalletProvider({ children, clientId, onLoginSuccess, onLoginError, onLogout }) {
|
|
211
|
+
const client = React.useMemo(() => createThirdwebClient({ clientId }), [clientId]);
|
|
212
|
+
return (React.createElement(ThirdwebProvider, null,
|
|
213
|
+
React.createElement(InAppWalletManager, { client: client, onLoginSuccess: onLoginSuccess, onLoginError: onLoginError, onLogout: onLogout }, children)));
|
|
214
|
+
}
|
|
215
|
+
/**
|
|
216
|
+
* Hook to use In-App Wallet context
|
|
217
|
+
*/
|
|
218
|
+
export function useInAppWallet() {
|
|
219
|
+
const context = useContext(InAppWalletContext);
|
|
220
|
+
if (context === undefined) {
|
|
221
|
+
throw new Error('useInAppWallet must be used within InAppWalletProvider');
|
|
222
|
+
}
|
|
223
|
+
return context;
|
|
224
|
+
}
|
|
225
|
+
//# sourceMappingURL=InAppWalletProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InAppWalletProvider.js","sourceRoot":"","sources":["../../../src/components/InAppWallet/InAppWalletProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* OnboardingFlow - Complete User Onboarding Wizard
|
|
3
|
+
*
|
|
4
|
+
* Multi-step wizard for onboarding users to Varity L3
|
|
5
|
+
* Steps: Welcome -> Auth -> Wallet Created -> Buy USDC (optional) -> Dashboard
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <OnboardingFlow
|
|
10
|
+
* onComplete={(user) => router.push('/dashboard')}
|
|
11
|
+
* skipBuyUSDC={false}
|
|
12
|
+
* />
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
import React from 'react';
|
|
16
|
+
interface OnboardingFlowProps {
|
|
17
|
+
onComplete?: (user: any) => void;
|
|
18
|
+
onSkip?: () => void;
|
|
19
|
+
skipBuyUSDC?: boolean;
|
|
20
|
+
companyName?: string;
|
|
21
|
+
companyLogo?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare function OnboardingFlow({ onComplete, onSkip, skipBuyUSDC, companyName, companyLogo }: OnboardingFlowProps): React.JSX.Element;
|
|
24
|
+
export {};
|
|
25
|
+
//# sourceMappingURL=OnboardingFlow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingFlow.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/OnboardingFlow.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,mBAAmB;IAC3B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,wBAAgB,cAAc,CAAC,EAC7B,UAAU,EACV,MAAM,EACN,WAAmB,EACnB,WAAsB,EACtB,WAAW,EACZ,EAAE,mBAAmB,qBAsRrB"}
|