@embarkai/ui-kit 0.4.122 → 0.4.124
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/iframe/index.html +1 -1
- package/dist/iframe/main.js +1 -1
- package/dist/index.cjs +559 -453
- package/dist/index.d.cts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +545 -439
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5392,96 +5392,17 @@ var init_ErrorBoundary2 = __esm({
|
|
|
5392
5392
|
}
|
|
5393
5393
|
});
|
|
5394
5394
|
|
|
5395
|
-
// src/internal/hooks/
|
|
5395
|
+
// src/internal/hooks/useBalanceViewStore.ts
|
|
5396
5396
|
import { create as create3 } from "zustand";
|
|
5397
|
-
var
|
|
5398
|
-
var
|
|
5399
|
-
"src/internal/hooks/
|
|
5400
|
-
|
|
5401
|
-
PageKey = /* @__PURE__ */ ((PageKey3) => {
|
|
5402
|
-
PageKey3["AUTH"] = "auth";
|
|
5403
|
-
PageKey3["USER_ACTIVITY"] = "user-activity";
|
|
5404
|
-
PageKey3["LANGUAGES"] = "languages";
|
|
5405
|
-
PageKey3["MAIN_MENU"] = "main-menu";
|
|
5406
|
-
PageKey3["ACTIVITY_LOG"] = "activity-log";
|
|
5407
|
-
PageKey3["SETTINGS"] = "settings";
|
|
5408
|
-
PageKey3["SEND"] = "send";
|
|
5409
|
-
PageKey3["RECEIVE"] = "receive";
|
|
5410
|
-
PageKey3["BUY"] = "buy";
|
|
5411
|
-
PageKey3["KYC"] = "kyc";
|
|
5412
|
-
PageKey3["TRANSACTIONS"] = "transactions";
|
|
5413
|
-
PageKey3["ASSETS"] = "assets";
|
|
5414
|
-
PageKey3["MANAGE_WALLET"] = "manage-wallet";
|
|
5415
|
-
PageKey3["UNLINK_PROVIDER"] = "unlink-provider";
|
|
5416
|
-
PageKey3["SECURITY"] = "security";
|
|
5417
|
-
PageKey3["KEYSARE_BACKUP"] = "keysare-backup";
|
|
5418
|
-
PageKey3["KEYSHARE_RESTORE"] = "keyshare-restore";
|
|
5419
|
-
PageKey3["CHAIN"] = "chain";
|
|
5420
|
-
PageKey3["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
|
|
5421
|
-
PageKey3["NICKNAME_SETTINGS"] = "nickname-settings";
|
|
5422
|
-
PageKey3["DEVICES"] = "devices";
|
|
5423
|
-
PageKey3["DEVICE_LINK"] = "device-link";
|
|
5424
|
-
PageKey3["DEVICE_MANAGE"] = "device-manage";
|
|
5425
|
-
PageKey3["DEVICE_RESTORE"] = "device-restore";
|
|
5426
|
-
PageKey3["CONNECT_EXTERNAL_WALLET"] = "connect-external-wallet";
|
|
5427
|
-
return PageKey3;
|
|
5428
|
-
})(PageKey || {});
|
|
5429
|
-
useLayoutDataStore = create3((set) => ({
|
|
5430
|
-
page: null,
|
|
5431
|
-
pageParams: null,
|
|
5432
|
-
postAuthNavigation: null,
|
|
5433
|
-
langOpenedFromMenu: null,
|
|
5434
|
-
walletMenuOpenedFrom: null,
|
|
5435
|
-
chainMenuOpenedFrom: null,
|
|
5397
|
+
var useBalanceViewStore;
|
|
5398
|
+
var init_useBalanceViewStore = __esm({
|
|
5399
|
+
"src/internal/hooks/useBalanceViewStore.ts"() {
|
|
5400
|
+
useBalanceViewStore = create3((set) => ({
|
|
5436
5401
|
cryptoRate: 1,
|
|
5437
5402
|
cryptoSymbol: "LUMIA",
|
|
5438
5403
|
fiatBalance: 0,
|
|
5439
5404
|
fiatSymbol: "USD",
|
|
5440
|
-
balance: { decimals: 18, formatted: "0.0", symbol: "LUMIA", value: BigInt(0) }
|
|
5441
|
-
transitionPageHeight: DEFAULT_AUTH_MENU_HEIGHT,
|
|
5442
|
-
settingsNotifications: [],
|
|
5443
|
-
pendingWalletLogin: null,
|
|
5444
|
-
isOnboarding: false,
|
|
5445
|
-
setPageParams: (pageOptions) => set({ pageParams: pageOptions }),
|
|
5446
|
-
setPostAuthNavigation: (postAuthNavigation) => set({ postAuthNavigation }),
|
|
5447
|
-
openPostAuthNavigation: () => {
|
|
5448
|
-
let navigation = null;
|
|
5449
|
-
set((state) => {
|
|
5450
|
-
navigation = state.postAuthNavigation;
|
|
5451
|
-
if (!navigation) return state;
|
|
5452
|
-
return {
|
|
5453
|
-
page: navigation.page,
|
|
5454
|
-
pageParams: navigation.params ?? null,
|
|
5455
|
-
postAuthNavigation: null
|
|
5456
|
-
};
|
|
5457
|
-
});
|
|
5458
|
-
return !!navigation;
|
|
5459
|
-
},
|
|
5460
|
-
setPage: (page) => set((prev) => ({
|
|
5461
|
-
page,
|
|
5462
|
-
// Save the page from which specific menus were opened
|
|
5463
|
-
langOpenedFromMenu: page === "languages" /* LANGUAGES */ ? prev.page : null,
|
|
5464
|
-
walletMenuOpenedFrom: page === "connect-external-wallet" /* CONNECT_EXTERNAL_WALLET */ ? prev.page : null,
|
|
5465
|
-
chainMenuOpenedFrom: page === "chain" /* CHAIN */ ? prev.page : null
|
|
5466
|
-
})),
|
|
5467
|
-
setCryptoRate: (lumiaRate) => set({ cryptoRate: lumiaRate }),
|
|
5468
|
-
setCryptoSymbol: (cryptoSymbol) => set({ cryptoSymbol }),
|
|
5469
|
-
setFiatBalance: (usdBalance) => set({ fiatBalance: usdBalance }),
|
|
5470
|
-
setFiatSymbol: (fiatSymbol) => set({ fiatSymbol }),
|
|
5471
|
-
setBalance: (balance) => set({ balance }),
|
|
5472
|
-
setTransitionPageHeight: (transitionPageHeight) => set({ transitionPageHeight }),
|
|
5473
|
-
setSettingsNotifications: (notification) => set((prev) => {
|
|
5474
|
-
const actions = notification.status === "active" ? "add" : "remove";
|
|
5475
|
-
const exists = prev.settingsNotifications.find((n) => n.id === notification.id);
|
|
5476
|
-
if (actions === "add") {
|
|
5477
|
-
if (exists) return prev;
|
|
5478
|
-
return { settingsNotifications: [...prev.settingsNotifications, notification] };
|
|
5479
|
-
}
|
|
5480
|
-
const filtered = prev.settingsNotifications.filter((n) => n.id !== notification.id);
|
|
5481
|
-
return { settingsNotifications: filtered };
|
|
5482
|
-
}),
|
|
5483
|
-
setPendingWalletLogin: (pendingWalletLogin) => set({ pendingWalletLogin }),
|
|
5484
|
-
setIsOnboarding: (isOnboarding) => set({ isOnboarding })
|
|
5405
|
+
balance: { decimals: 18, formatted: "0.0", symbol: "LUMIA", value: BigInt(0) }
|
|
5485
5406
|
}));
|
|
5486
5407
|
}
|
|
5487
5408
|
});
|
|
@@ -5583,7 +5504,7 @@ function BalanceFeedProvider() {
|
|
|
5583
5504
|
const [balanceSymbol, setBalanceSymbol] = useState2(null);
|
|
5584
5505
|
const blockscoutApiUrl = useMemo(() => getBlockscoutApiUrl(chainConfig), [chainConfig]);
|
|
5585
5506
|
useEffect2(() => {
|
|
5586
|
-
|
|
5507
|
+
useBalanceViewStore.setState({ cryptoSymbol: chainConfig?.nativeCurrency?.symbol || "LUMIA" });
|
|
5587
5508
|
const showBalanceAsSymbol = getShowBalanceAsValue(config?.current?.showBalanceAs || null, chainConfig?.id || 0);
|
|
5588
5509
|
setBalanceSymbol(showBalanceAsSymbol || chainConfig.nativeCurrency.symbol);
|
|
5589
5510
|
}, [config, embarkaiAddress, chainConfig]);
|
|
@@ -5636,12 +5557,13 @@ function BalanceFeedProvider() {
|
|
|
5636
5557
|
const nativeSymbol = chainConfig?.nativeCurrency?.symbol || "LUMIA";
|
|
5637
5558
|
const rate = Number(cryptoRate?.price || "1");
|
|
5638
5559
|
const formattedBalance = Number(formatUnits(BigInt(nativeBalance?.value || "0"), nativeBalance?.decimals || 18));
|
|
5639
|
-
|
|
5640
|
-
|
|
5641
|
-
|
|
5642
|
-
|
|
5643
|
-
|
|
5644
|
-
|
|
5560
|
+
useBalanceViewStore.setState({
|
|
5561
|
+
cryptoRate: rate,
|
|
5562
|
+
cryptoSymbol: nativeSymbol,
|
|
5563
|
+
fiatSymbol: "USD",
|
|
5564
|
+
fiatBalance: formattedBalance * rate,
|
|
5565
|
+
balance: nativeBalance || { decimals: 18, formatted: "0", symbol: nativeSymbol, value: BigInt(0) }
|
|
5566
|
+
});
|
|
5645
5567
|
}, [isNativeBalanceFeedEnabled, nativeBalance, cryptoRate, chainConfig]);
|
|
5646
5568
|
const {
|
|
5647
5569
|
balanceQuery: projectAssetBalanceQueryFn,
|
|
@@ -5660,16 +5582,18 @@ function BalanceFeedProvider() {
|
|
|
5660
5582
|
useEffect2(() => {
|
|
5661
5583
|
if (!isProjectAssetBalanceEnabled || !projectAssetBalance) return;
|
|
5662
5584
|
const { cryptoFiatRate, fiatFormatted, cryptoFormatted, cryptoSymbol, fiatSymbol } = projectAssetBalance;
|
|
5663
|
-
|
|
5664
|
-
|
|
5665
|
-
|
|
5666
|
-
|
|
5667
|
-
|
|
5668
|
-
|
|
5669
|
-
|
|
5670
|
-
|
|
5671
|
-
|
|
5672
|
-
|
|
5585
|
+
useBalanceViewStore.setState({
|
|
5586
|
+
...!!cryptoSymbol && { cryptoSymbol },
|
|
5587
|
+
...!!fiatSymbol && { fiatSymbol },
|
|
5588
|
+
cryptoRate: cryptoFiatRate || 1,
|
|
5589
|
+
fiatBalance: fiatFormatted || 0,
|
|
5590
|
+
// conversions to fit BalanceItem interface
|
|
5591
|
+
balance: {
|
|
5592
|
+
decimals: 18,
|
|
5593
|
+
formatted: cryptoFormatted?.toString() || "0",
|
|
5594
|
+
symbol: cryptoSymbol?.toUpperCase(),
|
|
5595
|
+
value: BigInt(Math.floor((cryptoFormatted || 0) * 10 ** 18))
|
|
5596
|
+
}
|
|
5673
5597
|
});
|
|
5674
5598
|
}, [isProjectAssetBalanceEnabled, projectAssetBalance]);
|
|
5675
5599
|
const isCustomAssetBalanceEnabled = !isNativeBalanceFeedEnabled && !isProjectAssetBalanceEnabled;
|
|
@@ -5738,12 +5662,13 @@ function BalanceFeedProvider() {
|
|
|
5738
5662
|
if (!!isCustomAssetBalanceEnabled && isCustomBalanceLoading) return;
|
|
5739
5663
|
const rate = Number(cryptoRate?.price || "1");
|
|
5740
5664
|
const formattedBalance = Number(formatUnits(BigInt(customBalance?.value || "0"), customBalance?.decimals || 18));
|
|
5741
|
-
|
|
5742
|
-
|
|
5743
|
-
|
|
5744
|
-
|
|
5745
|
-
|
|
5746
|
-
|
|
5665
|
+
useBalanceViewStore.setState({
|
|
5666
|
+
cryptoRate: rate,
|
|
5667
|
+
cryptoSymbol: customBalance.symbol,
|
|
5668
|
+
fiatSymbol: "USD",
|
|
5669
|
+
fiatBalance: formattedBalance * rate,
|
|
5670
|
+
balance: customBalance
|
|
5671
|
+
});
|
|
5747
5672
|
}, [
|
|
5748
5673
|
isCustomAssetBalanceEnabled,
|
|
5749
5674
|
customBalance,
|
|
@@ -5759,7 +5684,7 @@ var init_BalanceFeedProvider = __esm({
|
|
|
5759
5684
|
init_initial();
|
|
5760
5685
|
init_ProviderContext();
|
|
5761
5686
|
init_SessionContext();
|
|
5762
|
-
|
|
5687
|
+
init_useBalanceViewStore();
|
|
5763
5688
|
init_constants2();
|
|
5764
5689
|
init_useAssetRate();
|
|
5765
5690
|
}
|
|
@@ -5905,6 +5830,87 @@ var init_helpers = __esm({
|
|
|
5905
5830
|
}
|
|
5906
5831
|
});
|
|
5907
5832
|
|
|
5833
|
+
// src/internal/hooks/useLayoutDataStore.ts
|
|
5834
|
+
import { create as create4 } from "zustand";
|
|
5835
|
+
var PageKey, RETURNABLE_MENUS, useLayoutDataStore;
|
|
5836
|
+
var init_useLayoutDataStore = __esm({
|
|
5837
|
+
"src/internal/hooks/useLayoutDataStore.ts"() {
|
|
5838
|
+
init_constants();
|
|
5839
|
+
PageKey = /* @__PURE__ */ ((PageKey2) => {
|
|
5840
|
+
PageKey2["AUTH"] = "auth";
|
|
5841
|
+
PageKey2["USER_ACTIVITY"] = "user-activity";
|
|
5842
|
+
PageKey2["LANGUAGES"] = "languages";
|
|
5843
|
+
PageKey2["MAIN_MENU"] = "main-menu";
|
|
5844
|
+
PageKey2["ACTIVITY_LOG"] = "activity-log";
|
|
5845
|
+
PageKey2["SETTINGS"] = "settings";
|
|
5846
|
+
PageKey2["SEND"] = "send";
|
|
5847
|
+
PageKey2["RECEIVE"] = "receive";
|
|
5848
|
+
PageKey2["BUY"] = "buy";
|
|
5849
|
+
PageKey2["KYC"] = "kyc";
|
|
5850
|
+
PageKey2["TRANSACTIONS"] = "transactions";
|
|
5851
|
+
PageKey2["ASSETS"] = "assets";
|
|
5852
|
+
PageKey2["MANAGE_WALLET"] = "manage-wallet";
|
|
5853
|
+
PageKey2["UNLINK_PROVIDER"] = "unlink-provider";
|
|
5854
|
+
PageKey2["SECURITY"] = "security";
|
|
5855
|
+
PageKey2["KEYSARE_BACKUP"] = "keysare-backup";
|
|
5856
|
+
PageKey2["KEYSHARE_RESTORE"] = "keyshare-restore";
|
|
5857
|
+
PageKey2["CHAIN"] = "chain";
|
|
5858
|
+
PageKey2["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
|
|
5859
|
+
PageKey2["NICKNAME_SETTINGS"] = "nickname-settings";
|
|
5860
|
+
PageKey2["DEVICES"] = "devices";
|
|
5861
|
+
PageKey2["DEVICE_LINK"] = "device-link";
|
|
5862
|
+
PageKey2["DEVICE_MANAGE"] = "device-manage";
|
|
5863
|
+
PageKey2["DEVICE_RESTORE"] = "device-restore";
|
|
5864
|
+
PageKey2["CONNECT_EXTERNAL_WALLET"] = "connect-external-wallet";
|
|
5865
|
+
return PageKey2;
|
|
5866
|
+
})(PageKey || {});
|
|
5867
|
+
RETURNABLE_MENUS = ["languages" /* LANGUAGES */, "connect-external-wallet" /* CONNECT_EXTERNAL_WALLET */, "chain" /* CHAIN */];
|
|
5868
|
+
useLayoutDataStore = create4((set) => ({
|
|
5869
|
+
page: null,
|
|
5870
|
+
pageParams: null,
|
|
5871
|
+
postAuthNavigation: null,
|
|
5872
|
+
openedFromPage: null,
|
|
5873
|
+
transitionPageHeight: DEFAULT_AUTH_MENU_HEIGHT,
|
|
5874
|
+
settingsNotifications: [],
|
|
5875
|
+
pendingWalletLogin: null,
|
|
5876
|
+
isOnboarding: false,
|
|
5877
|
+
setPageParams: (pageOptions) => set({ pageParams: pageOptions }),
|
|
5878
|
+
setPostAuthNavigation: (postAuthNavigation) => set({ postAuthNavigation }),
|
|
5879
|
+
openPostAuthNavigation: () => {
|
|
5880
|
+
let navigation = null;
|
|
5881
|
+
set((state) => {
|
|
5882
|
+
navigation = state.postAuthNavigation;
|
|
5883
|
+
if (!navigation) return state;
|
|
5884
|
+
return {
|
|
5885
|
+
page: navigation.page,
|
|
5886
|
+
pageParams: navigation.params ?? null,
|
|
5887
|
+
postAuthNavigation: null
|
|
5888
|
+
};
|
|
5889
|
+
});
|
|
5890
|
+
return !!navigation;
|
|
5891
|
+
},
|
|
5892
|
+
setPage: (page) => set((prev) => ({
|
|
5893
|
+
page,
|
|
5894
|
+
// Save the page from which specific menus were opened
|
|
5895
|
+
openedFromPage: !!page && RETURNABLE_MENUS.includes(page) ? prev.page && RETURNABLE_MENUS.includes(prev.page) ? prev.openedFromPage : prev.page : null
|
|
5896
|
+
})),
|
|
5897
|
+
setTransitionPageHeight: (transitionPageHeight) => set({ transitionPageHeight }),
|
|
5898
|
+
setSettingsNotifications: (notification) => set((prev) => {
|
|
5899
|
+
const actions = notification.status === "active" ? "add" : "remove";
|
|
5900
|
+
const exists = prev.settingsNotifications.find((n) => n.id === notification.id);
|
|
5901
|
+
if (actions === "add") {
|
|
5902
|
+
if (exists) return prev;
|
|
5903
|
+
return { settingsNotifications: [...prev.settingsNotifications, notification] };
|
|
5904
|
+
}
|
|
5905
|
+
const filtered = prev.settingsNotifications.filter((n) => n.id !== notification.id);
|
|
5906
|
+
return { settingsNotifications: filtered };
|
|
5907
|
+
}),
|
|
5908
|
+
setPendingWalletLogin: (pendingWalletLogin) => set({ pendingWalletLogin }),
|
|
5909
|
+
setIsOnboarding: (isOnboarding) => set({ isOnboarding })
|
|
5910
|
+
}));
|
|
5911
|
+
}
|
|
5912
|
+
});
|
|
5913
|
+
|
|
5908
5914
|
// src/internal/components/ChainSync/ChainSync.tsx
|
|
5909
5915
|
import { DEFAULT_CHAIN_ID, getChainConfig, isChainSupported } from "@embarkai/core/read";
|
|
5910
5916
|
import { useMutation, useQueryClient } from "@tanstack/react-query";
|
|
@@ -7315,24 +7321,19 @@ var init_useDetectMaxScrollHeight = __esm({
|
|
|
7315
7321
|
// src/internal/hooks/useListenIframeAuthEvents.ts
|
|
7316
7322
|
import { useCallback as useCallback6, useEffect as useEffect9 } from "react";
|
|
7317
7323
|
function useListenIframeAuthEvents() {
|
|
7318
|
-
const
|
|
7319
|
-
|
|
7320
|
-
|
|
7321
|
-
|
|
7322
|
-
|
|
7323
|
-
|
|
7324
|
-
|
|
7325
|
-
|
|
7326
|
-
|
|
7327
|
-
|
|
7328
|
-
|
|
7329
|
-
|
|
7330
|
-
|
|
7331
|
-
console.log("[ IFRAME MESSAGE CACTHED] recovery neede");
|
|
7332
|
-
}
|
|
7333
|
-
},
|
|
7334
|
-
[setPage, setIsIframeReady]
|
|
7335
|
-
);
|
|
7324
|
+
const handleIframeMessage = useCallback6((event) => {
|
|
7325
|
+
const type = event.data?.type?.startsWith?.("LUMIA_PASSPORT_") ? event.data.type.replace("LUMIA_PASSPORT_", "IFRAME_MSG_") : event.data?.type;
|
|
7326
|
+
if (type === "IFRAME_MSG_IFRAME_READY") {
|
|
7327
|
+
console.log("[ IFRAME MESSAGE CACTHED ] Iframe is ready");
|
|
7328
|
+
useSession.getState().setIsIframeReady(true);
|
|
7329
|
+
} else if (type === "IFRAME_MSG_SHOW_IFRAME") {
|
|
7330
|
+
console.log("[ IFRAME MESSAGE CACTHED ] Consent screen shown - hiding auth modal");
|
|
7331
|
+
} else if (type === "IFRAME_MSG_HIDE_IFRAME") {
|
|
7332
|
+
console.log("[ IFRAME MESSAGE CACTHED ] Consent screen hidden");
|
|
7333
|
+
} else if (event.data?.type === "KEYSHARE_RECOVERY_NEEDED") {
|
|
7334
|
+
console.log("[ IFRAME MESSAGE CACTHED] recovery neede");
|
|
7335
|
+
}
|
|
7336
|
+
}, []);
|
|
7336
7337
|
useEffect9(() => {
|
|
7337
7338
|
window.addEventListener("message", handleIframeMessage);
|
|
7338
7339
|
return () => window.removeEventListener("message", handleIframeMessage);
|
|
@@ -7341,7 +7342,6 @@ function useListenIframeAuthEvents() {
|
|
|
7341
7342
|
var init_useListenIframeAuthEvents = __esm({
|
|
7342
7343
|
"src/internal/hooks/useListenIframeAuthEvents.ts"() {
|
|
7343
7344
|
init_SessionContext();
|
|
7344
|
-
init_useLayoutDataStore();
|
|
7345
7345
|
}
|
|
7346
7346
|
});
|
|
7347
7347
|
|
|
@@ -9658,12 +9658,12 @@ var init_api = __esm({
|
|
|
9658
9658
|
});
|
|
9659
9659
|
|
|
9660
9660
|
// src/internal/components/ActivityLogMenu/useActivityLogFilters.ts
|
|
9661
|
-
import { create as
|
|
9661
|
+
import { create as create5 } from "zustand";
|
|
9662
9662
|
import { persist } from "zustand/middleware";
|
|
9663
9663
|
var useActivityLogFilters;
|
|
9664
9664
|
var init_useActivityLogFilters = __esm({
|
|
9665
9665
|
"src/internal/components/ActivityLogMenu/useActivityLogFilters.ts"() {
|
|
9666
|
-
useActivityLogFilters =
|
|
9666
|
+
useActivityLogFilters = create5()(
|
|
9667
9667
|
persist(() => ({}), {
|
|
9668
9668
|
name: "embark-user-activity-filters"
|
|
9669
9669
|
// unique name for the storage
|
|
@@ -9816,11 +9816,11 @@ var init_highlight = __esm({
|
|
|
9816
9816
|
});
|
|
9817
9817
|
|
|
9818
9818
|
// src/internal/components/AuthMenu/useAuthStore.ts
|
|
9819
|
-
import { create as
|
|
9819
|
+
import { create as create6 } from "zustand";
|
|
9820
9820
|
var useAuthStore;
|
|
9821
9821
|
var init_useAuthStore = __esm({
|
|
9822
9822
|
"src/internal/components/AuthMenu/useAuthStore.ts"() {
|
|
9823
|
-
useAuthStore =
|
|
9823
|
+
useAuthStore = create6((set) => ({
|
|
9824
9824
|
step: "signin",
|
|
9825
9825
|
alert: null,
|
|
9826
9826
|
email: "",
|
|
@@ -11738,16 +11738,16 @@ var init_AuthMenu2 = __esm({
|
|
|
11738
11738
|
});
|
|
11739
11739
|
|
|
11740
11740
|
// src/internal/components/Onboarding/useOnboardingStore.ts
|
|
11741
|
-
import { create as
|
|
11741
|
+
import { create as create7 } from "zustand";
|
|
11742
11742
|
var useOnboardingStore;
|
|
11743
11743
|
var init_useOnboardingStore = __esm({
|
|
11744
11744
|
"src/internal/components/Onboarding/useOnboardingStore.ts"() {
|
|
11745
|
-
useOnboardingStore =
|
|
11745
|
+
useOnboardingStore = create7((set) => ({
|
|
11746
11746
|
isTourAvailable: false,
|
|
11747
11747
|
setIsTourAvailable: (isTourAvailable) => set({ isTourAvailable }),
|
|
11748
|
-
elRect: { x:
|
|
11748
|
+
elRect: { x: 0, y: 0, width: 0, height: 0 },
|
|
11749
11749
|
setElRect: (elRect) => set({ elRect }),
|
|
11750
|
-
mountIntoNode:
|
|
11750
|
+
mountIntoNode: null,
|
|
11751
11751
|
setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
|
|
11752
11752
|
}));
|
|
11753
11753
|
}
|
|
@@ -11767,7 +11767,8 @@ var init_onboarder = __esm({
|
|
|
11767
11767
|
elements = /* @__PURE__ */ new Map();
|
|
11768
11768
|
/** deferred DOM observer */
|
|
11769
11769
|
domObserverTimer = null;
|
|
11770
|
-
domObserver =
|
|
11770
|
+
domObserver = null;
|
|
11771
|
+
onDomMutation = ([domMutation]) => {
|
|
11771
11772
|
if (this.domObserverTimer) clearTimeout(this.domObserverTimer);
|
|
11772
11773
|
this.domObserverTimer = setTimeout(() => {
|
|
11773
11774
|
const elId = this.tour[this.tourPointer]?.elId;
|
|
@@ -11777,10 +11778,11 @@ var init_onboarder = __esm({
|
|
|
11777
11778
|
elementRef.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
|
|
11778
11779
|
useOnboardingStore.getState().setElRect({ x, y, width, height });
|
|
11779
11780
|
}, 200);
|
|
11780
|
-
}
|
|
11781
|
+
};
|
|
11781
11782
|
/** deferred resize observer */
|
|
11782
11783
|
resizeObserverTimer = null;
|
|
11783
|
-
resizeObserver =
|
|
11784
|
+
resizeObserver = null;
|
|
11785
|
+
onResize = (entries) => {
|
|
11784
11786
|
if (this.resizeObserverTimer) clearTimeout(this.resizeObserverTimer);
|
|
11785
11787
|
this.resizeObserverTimer = setTimeout(() => {
|
|
11786
11788
|
for (const entry of entries) {
|
|
@@ -11797,16 +11799,19 @@ var init_onboarder = __esm({
|
|
|
11797
11799
|
useOnboardingStore.getState().setElRect(elRectData);
|
|
11798
11800
|
}
|
|
11799
11801
|
}, 200);
|
|
11800
|
-
}
|
|
11802
|
+
};
|
|
11801
11803
|
/** TOUR */
|
|
11802
11804
|
startTour(tour) {
|
|
11803
11805
|
if (!tour || tour.length === 0) return;
|
|
11804
11806
|
this.tourPointer = 0;
|
|
11805
11807
|
this.tour = tour;
|
|
11808
|
+
useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
|
|
11806
11809
|
useLayoutDataStore.getInitialState().setIsOnboarding(true);
|
|
11807
11810
|
useLayoutStore.getInitialState().setIsDialogForced(true);
|
|
11808
11811
|
const startElRef = this.elements.get(tour[0].elId)?.deref();
|
|
11809
11812
|
if (!!startElRef) {
|
|
11813
|
+
this.domObserver ??= new MutationObserver(this.onDomMutation);
|
|
11814
|
+
this.resizeObserver ??= new ResizeObserver(this.onResize);
|
|
11810
11815
|
this.domObserver.observe(startElRef, { childList: true, subtree: true });
|
|
11811
11816
|
this.resizeObserver.observe(startElRef);
|
|
11812
11817
|
this.resizeObserver.observe(document.body);
|
|
@@ -11815,8 +11820,8 @@ var init_onboarder = __esm({
|
|
|
11815
11820
|
endTour() {
|
|
11816
11821
|
this.tour = null;
|
|
11817
11822
|
this.tourPointer = 0;
|
|
11818
|
-
this.domObserver
|
|
11819
|
-
this.resizeObserver
|
|
11823
|
+
this.domObserver?.disconnect();
|
|
11824
|
+
this.resizeObserver?.disconnect();
|
|
11820
11825
|
useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
|
|
11821
11826
|
setTimeout(() => {
|
|
11822
11827
|
useLayoutDataStore.getInitialState().setIsOnboarding(false);
|
|
@@ -11828,14 +11833,16 @@ var init_onboarder = __esm({
|
|
|
11828
11833
|
const curStep = this.tour[this.tourPointer];
|
|
11829
11834
|
curStep?.onNext?.();
|
|
11830
11835
|
if (this.tourPointer === this.tour.length - 1) return this.endTour();
|
|
11831
|
-
this.resizeObserver
|
|
11832
|
-
this.domObserver
|
|
11836
|
+
this.resizeObserver?.disconnect();
|
|
11837
|
+
this.domObserver?.disconnect();
|
|
11833
11838
|
setTimeout(() => {
|
|
11834
11839
|
const nextStepPointer = this.tourPointer + 1;
|
|
11835
11840
|
this.tourPointer = nextStepPointer;
|
|
11836
11841
|
const nextStep = this.tour[nextStepPointer];
|
|
11837
11842
|
const nextElRef = this.elements.get(nextStep.elId)?.deref();
|
|
11838
11843
|
if (!!nextElRef) {
|
|
11844
|
+
this.domObserver ??= new MutationObserver(this.onDomMutation);
|
|
11845
|
+
this.resizeObserver ??= new ResizeObserver(this.onResize);
|
|
11839
11846
|
this.domObserver.observe(nextElRef, { childList: true, subtree: true });
|
|
11840
11847
|
this.resizeObserver.observe(nextElRef);
|
|
11841
11848
|
this.resizeObserver.observe(document.body);
|
|
@@ -12659,7 +12666,7 @@ var init_priceFormatter = __esm({
|
|
|
12659
12666
|
// src/internal/components/BuyMenu/useBuyMenuStore.ts
|
|
12660
12667
|
import { keys as keys2, noop } from "lodash-es";
|
|
12661
12668
|
import { useEffect as useEffect17 } from "react";
|
|
12662
|
-
import { create as
|
|
12669
|
+
import { create as create8 } from "zustand";
|
|
12663
12670
|
import { persist as persist2 } from "zustand/middleware";
|
|
12664
12671
|
function useBuyMenuParams() {
|
|
12665
12672
|
useEffect17(() => {
|
|
@@ -12692,7 +12699,7 @@ var init_useBuyMenuStore = __esm({
|
|
|
12692
12699
|
};
|
|
12693
12700
|
DEFAULT_AMOUNT = 20;
|
|
12694
12701
|
DEFAULT_PROVIDER = "binance";
|
|
12695
|
-
useBuyMenuStore =
|
|
12702
|
+
useBuyMenuStore = create8()(
|
|
12696
12703
|
persist2(
|
|
12697
12704
|
(set) => ({
|
|
12698
12705
|
/** boolean flags */
|
|
@@ -13108,11 +13115,11 @@ var init_FiatSelector = __esm({
|
|
|
13108
13115
|
});
|
|
13109
13116
|
|
|
13110
13117
|
// src/internal/components/BuyMenu/binance/useBinanceStore.ts
|
|
13111
|
-
import { create as
|
|
13118
|
+
import { create as create9 } from "zustand";
|
|
13112
13119
|
var useBinanceStore;
|
|
13113
13120
|
var init_useBinanceStore = __esm({
|
|
13114
13121
|
"src/internal/components/BuyMenu/binance/useBinanceStore.ts"() {
|
|
13115
|
-
useBinanceStore =
|
|
13122
|
+
useBinanceStore = create9((set) => ({
|
|
13116
13123
|
paymentMode: null,
|
|
13117
13124
|
setPaymentMode: (paymentMode) => set({ paymentMode }),
|
|
13118
13125
|
quoteData: null,
|
|
@@ -15493,8 +15500,8 @@ function ChainsMenu() {
|
|
|
15493
15500
|
variant: "ghost",
|
|
15494
15501
|
title: t("passport:common.back"),
|
|
15495
15502
|
onClick: () => {
|
|
15496
|
-
const
|
|
15497
|
-
useLayoutDataStore.getState().setPage(
|
|
15503
|
+
const openedFromPage = useLayoutDataStore.getState().openedFromPage;
|
|
15504
|
+
useLayoutDataStore.getState().setPage(openedFromPage || "settings" /* SETTINGS */);
|
|
15498
15505
|
},
|
|
15499
15506
|
children: /* @__PURE__ */ jsx60(ArrowLeft5, { className: "h-4 w-4" })
|
|
15500
15507
|
}
|
|
@@ -16081,11 +16088,11 @@ var init_wallet = __esm({
|
|
|
16081
16088
|
});
|
|
16082
16089
|
|
|
16083
16090
|
// src/internal/stores/useExternalWalletStore.ts
|
|
16084
|
-
import { create as
|
|
16091
|
+
import { create as create10 } from "zustand";
|
|
16085
16092
|
var useExternalWalletStore;
|
|
16086
16093
|
var init_useExternalWalletStore = __esm({
|
|
16087
16094
|
"src/internal/stores/useExternalWalletStore.ts"() {
|
|
16088
|
-
useExternalWalletStore =
|
|
16095
|
+
useExternalWalletStore = create10((set) => ({
|
|
16089
16096
|
configMode: "linked",
|
|
16090
16097
|
activeMode: "linked",
|
|
16091
16098
|
externalAddress: null,
|
|
@@ -16308,12 +16315,12 @@ var init_email = __esm({
|
|
|
16308
16315
|
});
|
|
16309
16316
|
|
|
16310
16317
|
// src/internal/components/ManageWalletMenu/hooks/useStore.ts
|
|
16311
|
-
import { create as
|
|
16318
|
+
import { create as create11 } from "zustand";
|
|
16312
16319
|
var useManageWalletStore;
|
|
16313
16320
|
var init_useStore = __esm({
|
|
16314
16321
|
"src/internal/components/ManageWalletMenu/hooks/useStore.ts"() {
|
|
16315
16322
|
init_useLayoutStore();
|
|
16316
|
-
useManageWalletStore =
|
|
16323
|
+
useManageWalletStore = create11((set) => ({
|
|
16317
16324
|
alert: null,
|
|
16318
16325
|
emailStep: "input",
|
|
16319
16326
|
email: "",
|
|
@@ -17588,7 +17595,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17588
17595
|
return await signOnce(true);
|
|
17589
17596
|
}
|
|
17590
17597
|
};
|
|
17591
|
-
const
|
|
17598
|
+
const openedFromPage = useLayoutDataStore((st) => st.openedFromPage);
|
|
17592
17599
|
const { data: providers = [] } = useQuery10({
|
|
17593
17600
|
retry: false,
|
|
17594
17601
|
enabled: !!embarkAiAddress,
|
|
@@ -17599,7 +17606,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17599
17606
|
const { mutateAsync: onLinkingComplete } = useMutation10({
|
|
17600
17607
|
mutationFn: async (success) => {
|
|
17601
17608
|
useManageWalletStore.getState().setProviderType(null);
|
|
17602
|
-
useLayoutDataStore.getState().setPage(
|
|
17609
|
+
useLayoutDataStore.getState().setPage(openedFromPage || "manage-wallet" /* MANAGE_WALLET */);
|
|
17603
17610
|
if (!success) return;
|
|
17604
17611
|
await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, embarkAiAddress] });
|
|
17605
17612
|
await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, embarkAiAddress] });
|
|
@@ -17621,7 +17628,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17621
17628
|
}
|
|
17622
17629
|
};
|
|
17623
17630
|
const completeExternalConnect = (connector, address, chainId) => {
|
|
17624
|
-
useLayoutDataStore.getState().setPage(
|
|
17631
|
+
useLayoutDataStore.getState().setPage(openedFromPage || "manage-wallet" /* MANAGE_WALLET */);
|
|
17625
17632
|
keepOrReleaseExternalWallet(connector, address, chainId);
|
|
17626
17633
|
};
|
|
17627
17634
|
const { mutateAsync: loginOrLinkWallet, isPending: isLoginOrLinkWallet } = useMutation10({
|
|
@@ -17791,7 +17798,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17791
17798
|
size: "icon",
|
|
17792
17799
|
title: t("passport:common.back"),
|
|
17793
17800
|
disabled: isConnectingExternalWallet || isLoginOrLinkWallet,
|
|
17794
|
-
onClick: () => useLayoutDataStore.getState().setPage(
|
|
17801
|
+
onClick: () => useLayoutDataStore.getState().setPage(openedFromPage ?? "manage-wallet" /* MANAGE_WALLET */),
|
|
17795
17802
|
children: /* @__PURE__ */ jsx74(ArrowLeft8, { className: "h-4 w-4" })
|
|
17796
17803
|
}
|
|
17797
17804
|
),
|
|
@@ -19195,11 +19202,11 @@ var init_DevicesMenu = __esm({
|
|
|
19195
19202
|
});
|
|
19196
19203
|
|
|
19197
19204
|
// src/internal/components/KeyshareRestoreMenu/hooks/useRestoreStore.ts
|
|
19198
|
-
import { create as
|
|
19205
|
+
import { create as create12 } from "zustand";
|
|
19199
19206
|
var useRestoreStore;
|
|
19200
19207
|
var init_useRestoreStore = __esm({
|
|
19201
19208
|
"src/internal/components/KeyshareRestoreMenu/hooks/useRestoreStore.ts"() {
|
|
19202
|
-
useRestoreStore =
|
|
19209
|
+
useRestoreStore = create12((set) => ({
|
|
19203
19210
|
method: null,
|
|
19204
19211
|
// recoveryData: null,
|
|
19205
19212
|
showPassword: false,
|
|
@@ -21719,7 +21726,7 @@ import { jsx as jsx92, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
|
21719
21726
|
function LanguagesMenu() {
|
|
21720
21727
|
const config = useProviderConfig().config;
|
|
21721
21728
|
const { t, i18n } = useT();
|
|
21722
|
-
const
|
|
21729
|
+
const openedFromPage = useLayoutDataStore((st) => st.openedFromPage);
|
|
21723
21730
|
const languageList = getAvailableLanguages(config.current.translations);
|
|
21724
21731
|
return /* @__PURE__ */ jsxs83(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
21725
21732
|
/* @__PURE__ */ jsxs83("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
@@ -21729,7 +21736,7 @@ function LanguagesMenu() {
|
|
|
21729
21736
|
variant: "ghost",
|
|
21730
21737
|
size: "icon",
|
|
21731
21738
|
title: "Back",
|
|
21732
|
-
onClick: () => useLayoutDataStore.getState().setPage(
|
|
21739
|
+
onClick: () => useLayoutDataStore.getState().setPage(openedFromPage || "main-menu" /* MAIN_MENU */),
|
|
21733
21740
|
children: /* @__PURE__ */ jsx92(ArrowLeft16, { className: "h-4 w-4" })
|
|
21734
21741
|
}
|
|
21735
21742
|
),
|
|
@@ -21744,7 +21751,7 @@ function LanguagesMenu() {
|
|
|
21744
21751
|
onClick: () => {
|
|
21745
21752
|
i18n.changeLanguage(langKey);
|
|
21746
21753
|
localStorage.setItem(LOCAL_STORAGE_I18N_KEY, langKey);
|
|
21747
|
-
useLayoutDataStore.getState().setPage(
|
|
21754
|
+
useLayoutDataStore.getState().setPage(openedFromPage);
|
|
21748
21755
|
},
|
|
21749
21756
|
children: [
|
|
21750
21757
|
/* @__PURE__ */ jsx92("span", { children: LANGUAGES[langKey]?.name }),
|
|
@@ -22389,11 +22396,11 @@ function BalanceView(props) {
|
|
|
22389
22396
|
const { className } = props;
|
|
22390
22397
|
const config = useProviderConfig().config;
|
|
22391
22398
|
const showFiatBalance = !!config.current?.features?.showActiveBalanceAsFiat;
|
|
22392
|
-
const balance =
|
|
22393
|
-
const cryptoSymbol =
|
|
22399
|
+
const balance = useBalanceViewStore((st) => st.balance);
|
|
22400
|
+
const cryptoSymbol = useBalanceViewStore((st) => st.cryptoSymbol);
|
|
22394
22401
|
const cryptoBalance = Number(formatUnits6(balance?.value || BigInt(0), balance?.decimals || 18));
|
|
22395
|
-
const fiatBalance =
|
|
22396
|
-
const fiatSymbol =
|
|
22402
|
+
const fiatBalance = useBalanceViewStore((st) => st.fiatBalance);
|
|
22403
|
+
const fiatSymbol = useBalanceViewStore((st) => st.fiatSymbol);
|
|
22397
22404
|
const BalanceIcon = showFiatBalance ? TOKENS_ICONS[cryptoSymbol] : null;
|
|
22398
22405
|
return /* @__PURE__ */ jsxs84(
|
|
22399
22406
|
"p",
|
|
@@ -22419,7 +22426,7 @@ var BALANCE_PREFIXES;
|
|
|
22419
22426
|
var init_BalanceView = __esm({
|
|
22420
22427
|
"src/internal/components/BalanceView/BalanceView.tsx"() {
|
|
22421
22428
|
init_tokens();
|
|
22422
|
-
|
|
22429
|
+
init_useBalanceViewStore();
|
|
22423
22430
|
init_priceFormatter();
|
|
22424
22431
|
init_utils();
|
|
22425
22432
|
init_ProviderContext();
|
|
@@ -23050,11 +23057,11 @@ var init_nickname_validation = __esm({
|
|
|
23050
23057
|
});
|
|
23051
23058
|
|
|
23052
23059
|
// src/internal/components/NicknameMenu/useNicknameStore.ts
|
|
23053
|
-
import { create as
|
|
23060
|
+
import { create as create13 } from "zustand";
|
|
23054
23061
|
var useNicknameStore;
|
|
23055
23062
|
var init_useNicknameStore = __esm({
|
|
23056
23063
|
"src/internal/components/NicknameMenu/useNicknameStore.ts"() {
|
|
23057
|
-
useNicknameStore =
|
|
23064
|
+
useNicknameStore = create13((set) => ({
|
|
23058
23065
|
nicknameValue: "",
|
|
23059
23066
|
setNicknameValue: (nicknameValue) => set({ nicknameValue }),
|
|
23060
23067
|
availability: null,
|
|
@@ -23733,7 +23740,7 @@ var init_onboarding_setup8 = __esm({
|
|
|
23733
23740
|
});
|
|
23734
23741
|
|
|
23735
23742
|
// src/internal/components/SecurityMenu/useSecurityStore.ts
|
|
23736
|
-
import { create as
|
|
23743
|
+
import { create as create14 } from "zustand";
|
|
23737
23744
|
var DEFAULT_SECURITY_STORE, useSecurityStore;
|
|
23738
23745
|
var init_useSecurityStore = __esm({
|
|
23739
23746
|
"src/internal/components/SecurityMenu/useSecurityStore.ts"() {
|
|
@@ -23743,7 +23750,7 @@ var init_useSecurityStore = __esm({
|
|
|
23743
23750
|
// connected app can be untrusted
|
|
23744
23751
|
showAssetsPolicies: false
|
|
23745
23752
|
};
|
|
23746
|
-
useSecurityStore =
|
|
23753
|
+
useSecurityStore = create14((set) => ({
|
|
23747
23754
|
title: "",
|
|
23748
23755
|
...DEFAULT_SECURITY_STORE
|
|
23749
23756
|
}));
|
|
@@ -24346,7 +24353,7 @@ var init_utils10 = __esm({
|
|
|
24346
24353
|
|
|
24347
24354
|
// src/internal/components/SecurityMenu/UserPolicies/usePolicyForm.ts
|
|
24348
24355
|
import { useEffect as useEffect41, useState as useState25 } from "react";
|
|
24349
|
-
import { create as
|
|
24356
|
+
import { create as create15 } from "zustand";
|
|
24350
24357
|
function updateDestinations(patch) {
|
|
24351
24358
|
usePolicyForm.setState((st) => ({ ...st, destinations: { ...st?.destinations, ...patch } }));
|
|
24352
24359
|
}
|
|
@@ -24399,8 +24406,8 @@ var usePolicyForm, usePolicyFormValidation;
|
|
|
24399
24406
|
var init_usePolicyForm = __esm({
|
|
24400
24407
|
"src/internal/components/SecurityMenu/UserPolicies/usePolicyForm.ts"() {
|
|
24401
24408
|
init_utils10();
|
|
24402
|
-
usePolicyForm =
|
|
24403
|
-
usePolicyFormValidation =
|
|
24409
|
+
usePolicyForm = create15(() => null);
|
|
24410
|
+
usePolicyFormValidation = create15(() => ({}));
|
|
24404
24411
|
}
|
|
24405
24412
|
});
|
|
24406
24413
|
|
|
@@ -25079,7 +25086,7 @@ var init_SecurityMenu2 = __esm({
|
|
|
25079
25086
|
});
|
|
25080
25087
|
|
|
25081
25088
|
// src/internal/components/SendMenu/hyperbridge/useBridgeStore.ts
|
|
25082
|
-
import { create as
|
|
25089
|
+
import { create as create16 } from "zustand";
|
|
25083
25090
|
import { persist as persist3 } from "zustand/middleware";
|
|
25084
25091
|
var RESETABLE_STATES, useBridgeStore;
|
|
25085
25092
|
var init_useBridgeStore = __esm({
|
|
@@ -25094,7 +25101,7 @@ var init_useBridgeStore = __esm({
|
|
|
25094
25101
|
isQuoteEstimating: false,
|
|
25095
25102
|
bridgeHistoryItem: null
|
|
25096
25103
|
};
|
|
25097
|
-
useBridgeStore =
|
|
25104
|
+
useBridgeStore = create16()(
|
|
25098
25105
|
persist3(
|
|
25099
25106
|
(set, get) => ({
|
|
25100
25107
|
bridgeSenders: [],
|
|
@@ -25303,12 +25310,12 @@ var init_useAvailableSenders = __esm({
|
|
|
25303
25310
|
});
|
|
25304
25311
|
|
|
25305
25312
|
// src/internal/components/SendMenu/useFlowSelector.ts
|
|
25306
|
-
import { create as
|
|
25313
|
+
import { create as create17 } from "zustand";
|
|
25307
25314
|
import { persist as persist4 } from "zustand/middleware";
|
|
25308
25315
|
var useFlowSelectorStore;
|
|
25309
25316
|
var init_useFlowSelector = __esm({
|
|
25310
25317
|
"src/internal/components/SendMenu/useFlowSelector.ts"() {
|
|
25311
|
-
useFlowSelectorStore =
|
|
25318
|
+
useFlowSelectorStore = create17()(
|
|
25312
25319
|
persist4(
|
|
25313
25320
|
(set) => ({
|
|
25314
25321
|
flow: "send",
|
|
@@ -25733,11 +25740,11 @@ var init_useHyperlaneHistory = __esm({
|
|
|
25733
25740
|
});
|
|
25734
25741
|
|
|
25735
25742
|
// src/internal/components/SendMenu/hyperbridge/hooks/useOperationHashesStore.ts
|
|
25736
|
-
import { create as
|
|
25743
|
+
import { create as create18 } from "zustand";
|
|
25737
25744
|
var useOperationHashesStore;
|
|
25738
25745
|
var init_useOperationHashesStore = __esm({
|
|
25739
25746
|
"src/internal/components/SendMenu/hyperbridge/hooks/useOperationHashesStore.ts"() {
|
|
25740
|
-
useOperationHashesStore =
|
|
25747
|
+
useOperationHashesStore = create18((set) => ({
|
|
25741
25748
|
hyperlaneDatabaseTx: null,
|
|
25742
25749
|
operationHashes: [],
|
|
25743
25750
|
setHyperlaneDatabaseTx: (hyperlaneDatabaseTx) => set({ hyperlaneDatabaseTx }),
|
|
@@ -26068,12 +26075,12 @@ var init_useMenuTitle = __esm({
|
|
|
26068
26075
|
});
|
|
26069
26076
|
|
|
26070
26077
|
// src/internal/components/SendMenu/send/useSendStore.ts
|
|
26071
|
-
import { create as
|
|
26078
|
+
import { create as create19 } from "zustand";
|
|
26072
26079
|
var useSendStore;
|
|
26073
26080
|
var init_useSendStore = __esm({
|
|
26074
26081
|
"src/internal/components/SendMenu/send/useSendStore.ts"() {
|
|
26075
26082
|
init_useFlowSelector();
|
|
26076
|
-
useSendStore =
|
|
26083
|
+
useSendStore = create19((set) => ({
|
|
26077
26084
|
recipient: "",
|
|
26078
26085
|
//
|
|
26079
26086
|
amount: "",
|
|
@@ -30320,13 +30327,99 @@ var init_useSettingsNotifications = __esm({
|
|
|
30320
30327
|
}
|
|
30321
30328
|
});
|
|
30322
30329
|
|
|
30330
|
+
// src/internal/assets/embark-ai-dark.svg
|
|
30331
|
+
import * as React32 from "react";
|
|
30332
|
+
import { jsx as jsx132, jsxs as jsxs119 } from "react/jsx-runtime";
|
|
30333
|
+
var SvgEmbarkAiDark, embark_ai_dark_default;
|
|
30334
|
+
var init_embark_ai_dark = __esm({
|
|
30335
|
+
"src/internal/assets/embark-ai-dark.svg"() {
|
|
30336
|
+
SvgEmbarkAiDark = (props) => /* @__PURE__ */ jsxs119("svg", { width: 873, height: 152, viewBox: "0 0 873 152", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
30337
|
+
/* @__PURE__ */ jsxs119("g", { clipPath: "url(#clip0_753_38)", children: [
|
|
30338
|
+
/* @__PURE__ */ jsx132("path", { d: "M245.901 51.1463C256.917 51.1463 265.796 54.985 272.537 62.6407C279.278 70.2963 282.288 80.0021 281.59 91.7582H220.901C221.359 98.2796 223.976 103.732 228.71 108.116C233.466 112.5 239.4 114.681 246.533 114.681C251.769 114.681 256.416 113.482 260.451 111.061C264.509 108.662 267.432 105.412 269.243 101.333H280.347C277.991 108.553 273.715 114.289 267.563 118.542C261.411 122.795 254.234 124.933 246.032 124.933C235.233 124.933 226.485 121.377 219.744 114.245C213.003 107.113 209.644 98.3887 209.644 88.0721C209.644 77.7556 213.069 69.0094 219.897 61.8555C226.725 54.7015 235.386 51.1245 245.901 51.1245V51.1463ZM262.197 67.1773C257.725 63.295 252.227 61.3538 245.661 61.3538C239.094 61.3538 233.575 63.3168 229.059 67.2646C224.544 71.1905 221.926 76.207 221.184 82.2704H270.29C269.374 76.1198 266.669 71.1033 262.197 67.1991V67.1773Z", fill: "#ffffff" }),
|
|
30339
|
+
/* @__PURE__ */ jsx132("path", { d: "M379.584 51.2773C387.743 51.2773 394.157 53.9383 398.847 59.2383C403.537 64.5384 405.893 71.5178 405.893 80.1767V123.079H395.204V81.1364C395.204 75.1603 393.611 70.4055 390.448 66.8285C387.285 63.2733 382.944 61.4848 377.425 61.4848C371.905 61.4848 367.019 63.6659 363.288 68.0499C359.558 72.4121 357.704 77.9739 357.704 84.6698V123.057H347.014V81.1146C347.014 75.0512 345.422 70.231 342.258 66.6758C339.095 63.1206 334.798 61.3758 329.366 61.463C323.214 61.5503 318.349 64.1458 314.771 69.2059C311.215 74.266 309.427 80.0895 309.427 86.6764V123.057H298.803V52.9568H309.143V64.9091H309.427C311.695 60.8305 314.728 57.5371 318.524 55.0506C322.319 52.5424 326.704 51.2992 331.656 51.2992C337.066 51.2992 341.8 52.6514 345.814 55.3342C349.85 58.0169 352.861 61.7029 354.846 66.3705H355.129C357.398 61.8338 360.605 58.1914 364.772 55.4432C368.938 52.6951 373.869 51.321 379.562 51.321L379.584 51.2773Z", fill: "#ffffff" }),
|
|
30340
|
+
/* @__PURE__ */ jsx132("path", { d: "M465.362 51.1464C475.68 51.0591 484.232 54.5053 491.016 61.5284C497.801 68.5297 501.182 77.3849 501.182 88.094C501.182 98.8031 497.823 107.506 491.082 114.551C484.341 121.596 475.767 125.063 465.362 124.976C459.384 124.889 454.039 123.558 449.284 120.985C444.528 118.411 440.732 114.965 437.853 110.603H437.569V123.1H426.945V20.6548H437.569V66.065H437.853C440.667 61.5284 444.463 57.9078 449.24 55.2032C454.018 52.4987 459.384 51.1464 465.362 51.1464ZM463.9 114.681C471.775 114.681 478.167 112.13 483.097 107.004C488.028 101.878 490.493 95.5751 490.493 88.094C490.493 80.6129 488.028 74.2659 483.097 69.0967C478.167 63.9276 471.775 61.3539 463.9 61.3539C456.025 61.3539 449.785 63.9276 444.899 69.0967C440.012 74.2659 437.569 80.5911 437.569 88.094C437.569 95.5969 440.012 101.9 444.899 107.004C449.785 112.108 456.112 114.681 463.9 114.681Z", fill: "#ffffff" }),
|
|
30341
|
+
/* @__PURE__ */ jsx132("path", { d: "M577.993 65.52V52.9569H588.486V123.079H577.993V110.036H577.579C571.427 119.895 562.243 124.867 550.07 124.955C539.751 125.042 531.2 121.596 524.415 114.573C517.631 107.55 514.249 98.6943 514.249 87.9852C514.249 77.2761 517.609 68.4208 524.35 61.4632C531.091 54.5055 539.708 51.0594 550.223 51.1466C556.2 51.2339 561.545 52.5643 566.3 55.0944C571.056 57.6463 574.808 61.1142 577.579 65.52H577.993ZM551.684 114.682C559.363 114.682 565.668 112.086 570.598 106.873C575.528 101.661 577.993 95.3573 577.993 87.9634C577.993 80.5695 575.55 74.1571 570.663 69.0534C565.777 63.9496 559.45 61.3759 551.662 61.3759C543.874 61.3759 537.243 63.9278 532.312 69.0534C527.382 74.1789 524.917 80.4823 524.917 87.9634C524.917 95.4445 527.382 101.791 532.312 106.961C537.243 112.13 543.7 114.704 551.662 114.704L551.684 114.682Z", fill: "#ffffff" }),
|
|
30342
|
+
/* @__PURE__ */ jsx132("path", { d: "M646.275 52.9565H658.644V63.6439H645.86C638.443 63.6439 632.575 65.9122 628.255 70.4925C623.936 75.051 621.755 81.4415 621.755 89.6861V123.079H611.131V52.9565H621.471V66.9155H621.885C625.921 57.6023 634.037 52.9565 646.253 52.9565H646.275Z", fill: "#ffffff" }),
|
|
30343
|
+
/* @__PURE__ */ jsx132("path", { d: "M718.069 80.3075H718.898C724.221 80.3075 728.322 81.7034 731.223 84.4734C734.125 87.2434 735.564 91.3002 735.564 96.6221V123.079H724.875V98.0834C724.875 92.936 722.279 90.3842 717.087 90.3842H683.339V123.079H672.715V20.6548H683.339V80.3075H705.983L724.308 52.9567H736.11L718.047 80.3075H718.069Z", fill: "#ffffff" }),
|
|
30344
|
+
/* @__PURE__ */ jsx132("path", { d: "M845.644 123.078H833.427L821.473 95.3787H774.526L762.724 123.078H750.508L792.175 27.8086H803.846L845.644 123.078ZM797.869 40.7206L779.108 84.8004H816.891L797.869 40.7206Z", fill: "#ffffff" }),
|
|
30345
|
+
/* @__PURE__ */ jsx132("path", { d: "M862.114 123.078V27.8086H873.022V123.078H862.114Z", fill: "#ffffff" }),
|
|
30346
|
+
/* @__PURE__ */ jsx132("path", { d: "M78.0984 35.29H157.811C157.811 15.8129 142.017 0 122.514 0H42.8014C42.8014 19.4771 58.5956 35.29 78.0984 35.29Z", fill: "url(#paint0_radial_753_38)" }),
|
|
30347
|
+
/* @__PURE__ */ jsx132("path", { d: "M122.536 58.3442H43.434C43.434 38.8671 27.6398 23.0542 8.13706 23.0542H0V58.3442H42.8014C42.8014 77.8213 58.5956 93.6342 78.0984 93.6342H157.811C157.811 74.1571 142.017 58.3442 122.514 58.3442H122.536Z", fill: "url(#paint1_radial_753_38)" }),
|
|
30348
|
+
/* @__PURE__ */ jsx132("path", { d: "M122.536 116.71H43.4122C43.2159 97.4073 27.5089 81.8125 8.13706 81.8125H0V117.103H42.8232C43.0195 136.405 58.7265 152 78.0984 152H157.811C157.811 132.523 142.017 116.71 122.514 116.71H122.536Z", fill: "url(#paint2_radial_753_38)" })
|
|
30349
|
+
] }),
|
|
30350
|
+
/* @__PURE__ */ jsxs119("defs", { children: [
|
|
30351
|
+
/* @__PURE__ */ jsxs119("radialGradient", { id: "paint0_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(155.237 -5.71446) scale(164.617 164.585)", children: [
|
|
30352
|
+
/* @__PURE__ */ jsx132("stop", { stopColor: "#CCFFF8" }),
|
|
30353
|
+
/* @__PURE__ */ jsx132("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30354
|
+
/* @__PURE__ */ jsx132("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30355
|
+
] }),
|
|
30356
|
+
/* @__PURE__ */ jsxs119("radialGradient", { id: "paint1_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(145.158 -12.672) scale(185.429 185.392)", children: [
|
|
30357
|
+
/* @__PURE__ */ jsx132("stop", { stopColor: "#CCFFF8" }),
|
|
30358
|
+
/* @__PURE__ */ jsx132("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30359
|
+
/* @__PURE__ */ jsx132("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30360
|
+
] }),
|
|
30361
|
+
/* @__PURE__ */ jsxs119("radialGradient", { id: "paint2_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(98.8446 35.3335) scale(138.221 138.194)", children: [
|
|
30362
|
+
/* @__PURE__ */ jsx132("stop", { stopColor: "#CCFFF8" }),
|
|
30363
|
+
/* @__PURE__ */ jsx132("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30364
|
+
/* @__PURE__ */ jsx132("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30365
|
+
] }),
|
|
30366
|
+
/* @__PURE__ */ jsx132("clipPath", { id: "clip0_753_38", children: /* @__PURE__ */ jsx132("rect", { width: 873, height: 152, fill: "white" }) })
|
|
30367
|
+
] })
|
|
30368
|
+
] });
|
|
30369
|
+
embark_ai_dark_default = SvgEmbarkAiDark;
|
|
30370
|
+
}
|
|
30371
|
+
});
|
|
30372
|
+
|
|
30373
|
+
// src/internal/assets/embark-ai-light.svg
|
|
30374
|
+
import * as React33 from "react";
|
|
30375
|
+
import { jsx as jsx133, jsxs as jsxs120 } from "react/jsx-runtime";
|
|
30376
|
+
var SvgEmbarkAiLight, embark_ai_light_default;
|
|
30377
|
+
var init_embark_ai_light = __esm({
|
|
30378
|
+
"src/internal/assets/embark-ai-light.svg"() {
|
|
30379
|
+
SvgEmbarkAiLight = (props) => /* @__PURE__ */ jsxs120("svg", { width: 873, height: 152, viewBox: "0 0 873 152", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
30380
|
+
/* @__PURE__ */ jsxs120("g", { clipPath: "url(#clip0_753_38)", children: [
|
|
30381
|
+
/* @__PURE__ */ jsx133("path", { d: "M245.901 51.1463C256.917 51.1463 265.796 54.985 272.537 62.6407C279.278 70.2963 282.288 80.0021 281.59 91.7582H220.901C221.359 98.2796 223.976 103.732 228.71 108.116C233.466 112.5 239.4 114.681 246.533 114.681C251.769 114.681 256.416 113.482 260.451 111.061C264.509 108.662 267.432 105.412 269.243 101.333H280.347C277.991 108.553 273.715 114.289 267.563 118.542C261.411 122.795 254.234 124.933 246.032 124.933C235.233 124.933 226.485 121.377 219.744 114.245C213.003 107.113 209.644 98.3887 209.644 88.0721C209.644 77.7556 213.069 69.0094 219.897 61.8555C226.725 54.7015 235.386 51.1245 245.901 51.1245V51.1463ZM262.197 67.1773C257.725 63.295 252.227 61.3538 245.661 61.3538C239.094 61.3538 233.575 63.3168 229.059 67.2646C224.544 71.1905 221.926 76.207 221.184 82.2704H270.29C269.374 76.1198 266.669 71.1033 262.197 67.1991V67.1773Z", fill: "#2B2959" }),
|
|
30382
|
+
/* @__PURE__ */ jsx133("path", { d: "M379.584 51.2773C387.743 51.2773 394.157 53.9383 398.847 59.2383C403.537 64.5384 405.893 71.5178 405.893 80.1767V123.079H395.204V81.1364C395.204 75.1603 393.611 70.4055 390.448 66.8285C387.285 63.2733 382.944 61.4848 377.425 61.4848C371.905 61.4848 367.019 63.6659 363.288 68.0499C359.558 72.4121 357.704 77.9739 357.704 84.6698V123.057H347.014V81.1146C347.014 75.0512 345.422 70.231 342.258 66.6758C339.095 63.1206 334.798 61.3758 329.366 61.463C323.214 61.5503 318.349 64.1458 314.771 69.2059C311.215 74.266 309.427 80.0895 309.427 86.6764V123.057H298.803V52.9568H309.143V64.9091H309.427C311.695 60.8305 314.728 57.5371 318.524 55.0506C322.319 52.5424 326.704 51.2992 331.656 51.2992C337.066 51.2992 341.8 52.6514 345.814 55.3342C349.85 58.0169 352.861 61.7029 354.846 66.3705H355.129C357.398 61.8338 360.605 58.1914 364.772 55.4432C368.938 52.6951 373.869 51.321 379.562 51.321L379.584 51.2773Z", fill: "#2B2959" }),
|
|
30383
|
+
/* @__PURE__ */ jsx133("path", { d: "M465.362 51.1464C475.68 51.0591 484.232 54.5053 491.016 61.5284C497.801 68.5297 501.182 77.3849 501.182 88.094C501.182 98.8031 497.823 107.506 491.082 114.551C484.341 121.596 475.767 125.063 465.362 124.976C459.384 124.889 454.039 123.558 449.284 120.985C444.528 118.411 440.732 114.965 437.853 110.603H437.569V123.1H426.945V20.6548H437.569V66.065H437.853C440.667 61.5284 444.463 57.9078 449.24 55.2032C454.018 52.4987 459.384 51.1464 465.362 51.1464ZM463.9 114.681C471.775 114.681 478.167 112.13 483.097 107.004C488.028 101.878 490.493 95.5751 490.493 88.094C490.493 80.6129 488.028 74.2659 483.097 69.0967C478.167 63.9276 471.775 61.3539 463.9 61.3539C456.025 61.3539 449.785 63.9276 444.899 69.0967C440.012 74.2659 437.569 80.5911 437.569 88.094C437.569 95.5969 440.012 101.9 444.899 107.004C449.785 112.108 456.112 114.681 463.9 114.681Z", fill: "#2B2959" }),
|
|
30384
|
+
/* @__PURE__ */ jsx133("path", { d: "M577.993 65.52V52.9569H588.486V123.079H577.993V110.036H577.579C571.427 119.895 562.243 124.867 550.07 124.955C539.751 125.042 531.2 121.596 524.415 114.573C517.631 107.55 514.249 98.6943 514.249 87.9852C514.249 77.2761 517.609 68.4208 524.35 61.4632C531.091 54.5055 539.708 51.0594 550.223 51.1466C556.2 51.2339 561.545 52.5643 566.3 55.0944C571.056 57.6463 574.808 61.1142 577.579 65.52H577.993ZM551.684 114.682C559.363 114.682 565.668 112.086 570.598 106.873C575.528 101.661 577.993 95.3573 577.993 87.9634C577.993 80.5695 575.55 74.1571 570.663 69.0534C565.777 63.9496 559.45 61.3759 551.662 61.3759C543.874 61.3759 537.243 63.9278 532.312 69.0534C527.382 74.1789 524.917 80.4823 524.917 87.9634C524.917 95.4445 527.382 101.791 532.312 106.961C537.243 112.13 543.7 114.704 551.662 114.704L551.684 114.682Z", fill: "#2B2959" }),
|
|
30385
|
+
/* @__PURE__ */ jsx133("path", { d: "M646.275 52.9565H658.644V63.6439H645.86C638.443 63.6439 632.575 65.9122 628.255 70.4925C623.936 75.051 621.755 81.4415 621.755 89.6861V123.079H611.131V52.9565H621.471V66.9155H621.885C625.921 57.6023 634.037 52.9565 646.253 52.9565H646.275Z", fill: "#2B2959" }),
|
|
30386
|
+
/* @__PURE__ */ jsx133("path", { d: "M718.069 80.3075H718.898C724.221 80.3075 728.322 81.7034 731.223 84.4734C734.125 87.2434 735.564 91.3002 735.564 96.6221V123.079H724.875V98.0834C724.875 92.936 722.279 90.3842 717.087 90.3842H683.339V123.079H672.715V20.6548H683.339V80.3075H705.983L724.308 52.9567H736.11L718.047 80.3075H718.069Z", fill: "#2B2959" }),
|
|
30387
|
+
/* @__PURE__ */ jsx133("path", { d: "M845.644 123.078H833.427L821.473 95.3787H774.526L762.724 123.078H750.508L792.175 27.8086H803.846L845.644 123.078ZM797.869 40.7206L779.108 84.8004H816.891L797.869 40.7206Z", fill: "#2B2959" }),
|
|
30388
|
+
/* @__PURE__ */ jsx133("path", { d: "M862.114 123.078V27.8086H873.022V123.078H862.114Z", fill: "#2B2959" }),
|
|
30389
|
+
/* @__PURE__ */ jsx133("path", { d: "M78.0984 35.29H157.811C157.811 15.8129 142.017 0 122.514 0H42.8014C42.8014 19.4771 58.5956 35.29 78.0984 35.29Z", fill: "url(#paint0_radial_753_38)" }),
|
|
30390
|
+
/* @__PURE__ */ jsx133("path", { d: "M122.536 58.3442H43.434C43.434 38.8671 27.6398 23.0542 8.13706 23.0542H0V58.3442H42.8014C42.8014 77.8213 58.5956 93.6342 78.0984 93.6342H157.811C157.811 74.1571 142.017 58.3442 122.514 58.3442H122.536Z", fill: "url(#paint1_radial_753_38)" }),
|
|
30391
|
+
/* @__PURE__ */ jsx133("path", { d: "M122.536 116.71H43.4122C43.2159 97.4073 27.5089 81.8125 8.13706 81.8125H0V117.103H42.8232C43.0195 136.405 58.7265 152 78.0984 152H157.811C157.811 132.523 142.017 116.71 122.514 116.71H122.536Z", fill: "url(#paint2_radial_753_38)" })
|
|
30392
|
+
] }),
|
|
30393
|
+
/* @__PURE__ */ jsxs120("defs", { children: [
|
|
30394
|
+
/* @__PURE__ */ jsxs120("radialGradient", { id: "paint0_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(155.237 -5.71446) scale(164.617 164.585)", children: [
|
|
30395
|
+
/* @__PURE__ */ jsx133("stop", { stopColor: "#CCFFF8" }),
|
|
30396
|
+
/* @__PURE__ */ jsx133("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30397
|
+
/* @__PURE__ */ jsx133("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30398
|
+
] }),
|
|
30399
|
+
/* @__PURE__ */ jsxs120("radialGradient", { id: "paint1_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(145.158 -12.672) scale(185.429 185.392)", children: [
|
|
30400
|
+
/* @__PURE__ */ jsx133("stop", { stopColor: "#CCFFF8" }),
|
|
30401
|
+
/* @__PURE__ */ jsx133("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30402
|
+
/* @__PURE__ */ jsx133("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30403
|
+
] }),
|
|
30404
|
+
/* @__PURE__ */ jsxs120("radialGradient", { id: "paint2_radial_753_38", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "translate(98.8446 35.3335) scale(138.221 138.194)", children: [
|
|
30405
|
+
/* @__PURE__ */ jsx133("stop", { stopColor: "#CCFFF8" }),
|
|
30406
|
+
/* @__PURE__ */ jsx133("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30407
|
+
/* @__PURE__ */ jsx133("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30408
|
+
] }),
|
|
30409
|
+
/* @__PURE__ */ jsx133("clipPath", { id: "clip0_753_38", children: /* @__PURE__ */ jsx133("rect", { width: 873, height: 152, fill: "white" }) })
|
|
30410
|
+
] })
|
|
30411
|
+
] });
|
|
30412
|
+
embark_ai_light_default = SvgEmbarkAiLight;
|
|
30413
|
+
}
|
|
30414
|
+
});
|
|
30415
|
+
|
|
30323
30416
|
// package.json
|
|
30324
30417
|
var package_default;
|
|
30325
30418
|
var init_package = __esm({
|
|
30326
30419
|
"package.json"() {
|
|
30327
30420
|
package_default = {
|
|
30328
30421
|
name: "@embarkai/ui-kit",
|
|
30329
|
-
version: "0.4.
|
|
30422
|
+
version: "0.4.124",
|
|
30330
30423
|
description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
|
|
30331
30424
|
type: "module",
|
|
30332
30425
|
main: "./dist/index.cjs",
|
|
@@ -30432,7 +30525,7 @@ var init_package = __esm({
|
|
|
30432
30525
|
// src/internal/components/Footer/Footer.tsx
|
|
30433
30526
|
import { useMutation as useMutation22, useQueryClient as useQueryClient29 } from "@tanstack/react-query";
|
|
30434
30527
|
import { Loader as Loader30, LogOut } from "lucide-react";
|
|
30435
|
-
import { jsx as
|
|
30528
|
+
import { jsx as jsx134, jsxs as jsxs121 } from "react/jsx-runtime";
|
|
30436
30529
|
function Footer() {
|
|
30437
30530
|
const qc = useQueryClient29();
|
|
30438
30531
|
const { callbacksRef, config } = useProviderConfig();
|
|
@@ -30440,6 +30533,7 @@ function Footer() {
|
|
|
30440
30533
|
const address = useSession((st) => st.address);
|
|
30441
30534
|
const chainConfig = useSession((st) => st.chainConfig);
|
|
30442
30535
|
const isDialogForced = useLayoutStore((st) => st.isDialogForced);
|
|
30536
|
+
const colorMode = useLayoutStore((st) => st.colorMode);
|
|
30443
30537
|
const { mutate: wagmiDisconnect } = useSafeDisconnect({
|
|
30444
30538
|
mutation: {
|
|
30445
30539
|
onSuccess: () => {
|
|
@@ -30487,15 +30581,16 @@ function Footer() {
|
|
|
30487
30581
|
useLayoutStore.getState().setIsDialogForced(false);
|
|
30488
30582
|
}
|
|
30489
30583
|
});
|
|
30490
|
-
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */
|
|
30491
|
-
|
|
30584
|
+
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ jsx134("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx134("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
|
|
30585
|
+
const EmbarkAiLogo = EMBARKAI_LOGOS[colorMode];
|
|
30586
|
+
return /* @__PURE__ */ jsxs121(
|
|
30492
30587
|
"div",
|
|
30493
30588
|
{
|
|
30494
30589
|
style: { borderTop: "1px solid var(--ui-kit-bd)" },
|
|
30495
30590
|
className: "relative w-full flex flex-col items-center p-[var(--ui-kit-pd)] pb-5",
|
|
30496
30591
|
children: [
|
|
30497
|
-
/* @__PURE__ */
|
|
30498
|
-
/* @__PURE__ */
|
|
30592
|
+
/* @__PURE__ */ jsxs121("div", { className: cn2("w-full flex justify-between", !!address ? "justify-between" : "justify-center"), children: [
|
|
30593
|
+
/* @__PURE__ */ jsxs121(
|
|
30499
30594
|
Button,
|
|
30500
30595
|
{
|
|
30501
30596
|
ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_CHAIN_BUTTON, inst),
|
|
@@ -30511,12 +30606,12 @@ function Footer() {
|
|
|
30511
30606
|
useLayoutDataStore.getState().setPage("chain" /* CHAIN */);
|
|
30512
30607
|
},
|
|
30513
30608
|
children: [
|
|
30514
|
-
/* @__PURE__ */
|
|
30515
|
-
/* @__PURE__ */
|
|
30609
|
+
/* @__PURE__ */ jsx134(ChainIcon, { className: "flex-none w-6 h-6" }),
|
|
30610
|
+
/* @__PURE__ */ jsx134("span", { className: "text-xs font-bold", children: chainConfig.name || "EmbarkAI Wallet" })
|
|
30516
30611
|
]
|
|
30517
30612
|
}
|
|
30518
30613
|
),
|
|
30519
|
-
!!address ? /* @__PURE__ */
|
|
30614
|
+
!!address ? /* @__PURE__ */ jsxs121(
|
|
30520
30615
|
Button,
|
|
30521
30616
|
{
|
|
30522
30617
|
ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_LOGOUT_BUTTON, inst),
|
|
@@ -30526,29 +30621,36 @@ function Footer() {
|
|
|
30526
30621
|
onClick: () => disconnect(address),
|
|
30527
30622
|
disabled: isDisconnecting || isDialogForced,
|
|
30528
30623
|
children: [
|
|
30529
|
-
/* @__PURE__ */
|
|
30530
|
-
isDisconnecting ? /* @__PURE__ */
|
|
30624
|
+
/* @__PURE__ */ jsx134("span", { children: t("passport:auth.logout") }),
|
|
30625
|
+
isDisconnecting ? /* @__PURE__ */ jsx134(Loader30, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx134(LogOut, { className: "w-4 h-4" })
|
|
30531
30626
|
]
|
|
30532
30627
|
}
|
|
30533
30628
|
) : null
|
|
30534
30629
|
] }),
|
|
30535
|
-
/* @__PURE__ */
|
|
30536
|
-
"
|
|
30630
|
+
/* @__PURE__ */ jsxs121(
|
|
30631
|
+
"div",
|
|
30537
30632
|
{
|
|
30538
30633
|
className: cn2(
|
|
30539
|
-
"
|
|
30540
|
-
"
|
|
30634
|
+
"flex items-center gap-1 w-fit h-5",
|
|
30635
|
+
"absolute bottom-0 left-1/2 -translate-x-1/2",
|
|
30636
|
+
"opacity-60"
|
|
30637
|
+
// 'text-[var(--ui-kit-fg-muted)]'
|
|
30541
30638
|
),
|
|
30542
|
-
children:
|
|
30639
|
+
children: [
|
|
30640
|
+
/* @__PURE__ */ jsx134(EmbarkAiLogo, { className: "h-2.5 w-auto" }),
|
|
30641
|
+
/* @__PURE__ */ jsx134("span", { className: "block font-mono text-[8px] leading-3 ", children: `${package_default.version}` })
|
|
30642
|
+
]
|
|
30543
30643
|
}
|
|
30544
30644
|
)
|
|
30545
30645
|
]
|
|
30546
30646
|
}
|
|
30547
30647
|
);
|
|
30548
30648
|
}
|
|
30549
|
-
var FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, FOOTER_TOUR;
|
|
30649
|
+
var FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, EMBARKAI_LOGOS, FOOTER_TOUR;
|
|
30550
30650
|
var init_Footer = __esm({
|
|
30551
30651
|
"src/internal/components/Footer/Footer.tsx"() {
|
|
30652
|
+
init_embark_ai_dark();
|
|
30653
|
+
init_embark_ai_light();
|
|
30552
30654
|
init_package();
|
|
30553
30655
|
init_networks3();
|
|
30554
30656
|
init_ProviderContext();
|
|
@@ -30566,6 +30668,10 @@ var init_Footer = __esm({
|
|
|
30566
30668
|
init_button();
|
|
30567
30669
|
FOOTER_ONBOARDING_CHAIN_BUTTON = "embark-footer-chain-button";
|
|
30568
30670
|
FOOTER_ONBOARDING_LOGOUT_BUTTON = "embark-footer-logout-button";
|
|
30671
|
+
EMBARKAI_LOGOS = {
|
|
30672
|
+
dark: embark_ai_dark_default,
|
|
30673
|
+
light: embark_ai_light_default
|
|
30674
|
+
};
|
|
30569
30675
|
FOOTER_TOUR = [
|
|
30570
30676
|
{
|
|
30571
30677
|
elId: FOOTER_ONBOARDING_CHAIN_BUTTON,
|
|
@@ -30654,7 +30760,7 @@ var init_onborading_setup = __esm({
|
|
|
30654
30760
|
// src/internal/components/Header/Header.tsx
|
|
30655
30761
|
import { CircleQuestionMarkIcon, Copy as Copy4, Loader as Loader31 } from "lucide-react";
|
|
30656
30762
|
import { useCallback as useCallback34, useRef as useRef21, useState as useState33 } from "react";
|
|
30657
|
-
import { Fragment as Fragment46, jsx as
|
|
30763
|
+
import { Fragment as Fragment46, jsx as jsx135, jsxs as jsxs122 } from "react/jsx-runtime";
|
|
30658
30764
|
function formatAddress3(addr) {
|
|
30659
30765
|
if (!addr) return "";
|
|
30660
30766
|
return `${addr.slice(0, 10)}...${addr.slice(-4)}`;
|
|
@@ -30692,35 +30798,35 @@ function Header() {
|
|
|
30692
30798
|
const avatar = profile?.avatar || jwtTokenManager2.getAvatar();
|
|
30693
30799
|
const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
|
|
30694
30800
|
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || null;
|
|
30695
|
-
return /* @__PURE__ */
|
|
30801
|
+
return /* @__PURE__ */ jsxs122(
|
|
30696
30802
|
"div",
|
|
30697
30803
|
{
|
|
30698
30804
|
ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_ONBOARDING_ID, inst),
|
|
30699
30805
|
style: { borderBottom: "1px solid var(--ui-kit-bd)" },
|
|
30700
30806
|
className: "w-full flex flex-col gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)] pt-5",
|
|
30701
30807
|
children: [
|
|
30702
|
-
/* @__PURE__ */
|
|
30703
|
-
/* @__PURE__ */
|
|
30808
|
+
/* @__PURE__ */ jsxs122("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
30809
|
+
/* @__PURE__ */ jsxs122(
|
|
30704
30810
|
"div",
|
|
30705
30811
|
{
|
|
30706
30812
|
className: "relative flex-none w-12 h-12 flex items-center justify-center cursor-pointer select-none",
|
|
30707
30813
|
onClick: handleAvatarClick,
|
|
30708
30814
|
children: [
|
|
30709
|
-
proMode && /* @__PURE__ */
|
|
30710
|
-
avatar ? /* @__PURE__ */
|
|
30815
|
+
proMode && /* @__PURE__ */ jsx135("span", { className: "absolute -top-1 -right-1 text-[8px] font-bold px-1 rounded bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)] leading-3", children: "PRO" }),
|
|
30816
|
+
avatar ? /* @__PURE__ */ jsx135("img", { src: avatar, alt: displayName, className: "w-full h-full object-cover rounded-full" }) : /* @__PURE__ */ jsx135(lumia_default2, { className: "w-12 h-12" })
|
|
30711
30817
|
]
|
|
30712
30818
|
}
|
|
30713
30819
|
),
|
|
30714
|
-
/* @__PURE__ */
|
|
30820
|
+
/* @__PURE__ */ jsxs122(
|
|
30715
30821
|
"div",
|
|
30716
30822
|
{
|
|
30717
30823
|
style: { width: "calc(100% - 48px - var(--ui-kit-gap))" },
|
|
30718
30824
|
className: "flex-1 flex flex-col justify-center gap-1",
|
|
30719
30825
|
children: [
|
|
30720
|
-
isProfileLoading && /* @__PURE__ */
|
|
30721
|
-
!!address && !isProfileLoading && !!profile && /* @__PURE__ */
|
|
30722
|
-
/* @__PURE__ */
|
|
30723
|
-
/* @__PURE__ */
|
|
30826
|
+
isProfileLoading && /* @__PURE__ */ jsx135(Loader31, { className: "w-4 h-4 animate-spin" }),
|
|
30827
|
+
!!address && !isProfileLoading && !!profile && /* @__PURE__ */ jsxs122(Fragment46, { children: [
|
|
30828
|
+
/* @__PURE__ */ jsxs122("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
30829
|
+
/* @__PURE__ */ jsx135(
|
|
30724
30830
|
"span",
|
|
30725
30831
|
{
|
|
30726
30832
|
className: cn2(
|
|
@@ -30730,21 +30836,21 @@ function Header() {
|
|
|
30730
30836
|
children: displayName || config.current?.ui?.title || "EmbarkAI"
|
|
30731
30837
|
}
|
|
30732
30838
|
),
|
|
30733
|
-
/* @__PURE__ */
|
|
30839
|
+
/* @__PURE__ */ jsx135(KYCStatus, {})
|
|
30734
30840
|
] }),
|
|
30735
|
-
/* @__PURE__ */
|
|
30841
|
+
/* @__PURE__ */ jsx135(BalanceView, {})
|
|
30736
30842
|
] })
|
|
30737
30843
|
]
|
|
30738
30844
|
}
|
|
30739
30845
|
)
|
|
30740
30846
|
] }),
|
|
30741
|
-
!!address && /* @__PURE__ */
|
|
30742
|
-
/* @__PURE__ */
|
|
30743
|
-
!!ChainIcon ? /* @__PURE__ */
|
|
30744
|
-
/* @__PURE__ */
|
|
30847
|
+
!!address && /* @__PURE__ */ jsxs122("div", { className: "w-full flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
|
|
30848
|
+
/* @__PURE__ */ jsxs122("div", { className: "flex items-center w-fit text-[10px] px-2 leading-6 text-[var(--ui-kit-fg)] gap-2", children: [
|
|
30849
|
+
!!ChainIcon ? /* @__PURE__ */ jsx135(ChainIcon, { className: "flex-none w-6 h-6" }) : /* @__PURE__ */ jsx135("div", { className: "flex-none w-6 h-6 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx135("span", { className: "text-[var(--ui-kit-fg-inverted)] text-sm font-bold", children: chainConfig.name.charAt(0) }) }),
|
|
30850
|
+
/* @__PURE__ */ jsx135("span", { className: cn2("transition-colors", copied && "text-[var(--ui-kit-bg-success)]"), children: formatAddress3(address) })
|
|
30745
30851
|
] }),
|
|
30746
|
-
/* @__PURE__ */
|
|
30747
|
-
/* @__PURE__ */
|
|
30852
|
+
/* @__PURE__ */ jsxs122("div", { className: "w-fit flex items-center", children: [
|
|
30853
|
+
/* @__PURE__ */ jsx135(
|
|
30748
30854
|
Button,
|
|
30749
30855
|
{
|
|
30750
30856
|
size: "small",
|
|
@@ -30755,10 +30861,10 @@ function Header() {
|
|
|
30755
30861
|
setCopied(true);
|
|
30756
30862
|
setTimeout(() => setCopied(false), 1500);
|
|
30757
30863
|
},
|
|
30758
|
-
children: copied ? /* @__PURE__ */
|
|
30864
|
+
children: copied ? /* @__PURE__ */ jsx135(PositiveIcon, {}) : /* @__PURE__ */ jsx135(Copy4, { className: "w-4 h-4" })
|
|
30759
30865
|
}
|
|
30760
30866
|
),
|
|
30761
|
-
!!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */
|
|
30867
|
+
!!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */ jsx135(
|
|
30762
30868
|
Button,
|
|
30763
30869
|
{
|
|
30764
30870
|
ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_TOUR_BUTTON_ID, inst),
|
|
@@ -30766,12 +30872,12 @@ function Header() {
|
|
|
30766
30872
|
variant: "ghost",
|
|
30767
30873
|
className: "text-[10px] px-2",
|
|
30768
30874
|
onClick: () => onboarder.startTour(ONBOARDING_TOURS[embarkPage]({ config: config.current })),
|
|
30769
|
-
children: /* @__PURE__ */
|
|
30875
|
+
children: /* @__PURE__ */ jsx135(CircleQuestionMarkIcon, { className: "w-4 h-4" })
|
|
30770
30876
|
}
|
|
30771
30877
|
)
|
|
30772
30878
|
] })
|
|
30773
30879
|
] }),
|
|
30774
|
-
proToast && /* @__PURE__ */
|
|
30880
|
+
proToast && /* @__PURE__ */ jsx135("div", { className: "text-xs text-center text-[var(--ui-kit-primary)] font-medium animate-pulse", children: "Pro Mode activated" })
|
|
30775
30881
|
]
|
|
30776
30882
|
}
|
|
30777
30883
|
);
|
|
@@ -30809,7 +30915,7 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
|
30809
30915
|
import { merge as merge2 } from "lodash-es";
|
|
30810
30916
|
import { ArrowLeft as ArrowLeft25, SlidersHorizontal, X } from "lucide-react";
|
|
30811
30917
|
import { forwardRef as forwardRef6 } from "react";
|
|
30812
|
-
import { jsx as
|
|
30918
|
+
import { jsx as jsx136, jsxs as jsxs123 } from "react/jsx-runtime";
|
|
30813
30919
|
function useDecideContentStyles() {
|
|
30814
30920
|
const isMobileView = useLayoutStore((st) => st.isMobileView);
|
|
30815
30921
|
const isClosing = useLayoutStore((st) => !!st.isDialogOpen && !!st.isDialogAnimating);
|
|
@@ -30832,7 +30938,7 @@ var init_dialog = __esm({
|
|
|
30832
30938
|
Dialog = DialogPrimitive.Root;
|
|
30833
30939
|
DialogPortal = DialogPrimitive.Portal;
|
|
30834
30940
|
DialogOverlay = forwardRef6(
|
|
30835
|
-
({ className, closing, ...props }, ref) => /* @__PURE__ */
|
|
30941
|
+
({ className, closing, ...props }, ref) => /* @__PURE__ */ jsx136(
|
|
30836
30942
|
DialogPrimitive.Overlay,
|
|
30837
30943
|
{
|
|
30838
30944
|
ref,
|
|
@@ -30864,7 +30970,7 @@ var init_dialog = __esm({
|
|
|
30864
30970
|
const { isMobileView, isClosing, style } = useDecideContentStyles();
|
|
30865
30971
|
const animationCnPrefix = isMobileView ? "animate-mobile-dialog" : "animate-dialog";
|
|
30866
30972
|
const dialogAnimationCn = isClosing ? `${animationCnPrefix}-out` : `${animationCnPrefix}-in`;
|
|
30867
|
-
return /* @__PURE__ */
|
|
30973
|
+
return /* @__PURE__ */ jsx136(DialogPortal, { children: /* @__PURE__ */ jsxs123(
|
|
30868
30974
|
"div",
|
|
30869
30975
|
{
|
|
30870
30976
|
"data-purpose": "embarkai-ui-container",
|
|
@@ -30872,8 +30978,8 @@ var init_dialog = __esm({
|
|
|
30872
30978
|
"data-current-theme-mode": colorMode,
|
|
30873
30979
|
style: { ...style, outline: "none" },
|
|
30874
30980
|
children: [
|
|
30875
|
-
/* @__PURE__ */
|
|
30876
|
-
/* @__PURE__ */
|
|
30981
|
+
/* @__PURE__ */ jsx136(DialogOverlay, { closing: isClosing }),
|
|
30982
|
+
/* @__PURE__ */ jsx136(
|
|
30877
30983
|
"div",
|
|
30878
30984
|
{
|
|
30879
30985
|
className: cn2(
|
|
@@ -30885,7 +30991,7 @@ var init_dialog = __esm({
|
|
|
30885
30991
|
// allows to embuff embark content menu via --ui-kit-content-maw
|
|
30886
30992
|
isMobileView ? "items-end w-[100dvw] h-[100dvh]" : "items-center w-[var(--ui-kit-content-maw,var(--ui-kit-maw))] mx-auto"
|
|
30887
30993
|
),
|
|
30888
|
-
children: /* @__PURE__ */
|
|
30994
|
+
children: /* @__PURE__ */ jsxs123(
|
|
30889
30995
|
DialogPrimitive.Content,
|
|
30890
30996
|
{
|
|
30891
30997
|
ref,
|
|
@@ -30902,7 +31008,7 @@ var init_dialog = __esm({
|
|
|
30902
31008
|
...props,
|
|
30903
31009
|
children: [
|
|
30904
31010
|
children,
|
|
30905
|
-
!isDialogForced && /* @__PURE__ */
|
|
31011
|
+
!isDialogForced && /* @__PURE__ */ jsxs123(
|
|
30906
31012
|
"div",
|
|
30907
31013
|
{
|
|
30908
31014
|
className: cn2(
|
|
@@ -30910,7 +31016,7 @@ var init_dialog = __esm({
|
|
|
30910
31016
|
"absolute right-[var(--ui-kit-pd)] top-[var(--ui-kit-pd)]"
|
|
30911
31017
|
),
|
|
30912
31018
|
children: [
|
|
30913
|
-
!isSessionLoading && /* @__PURE__ */
|
|
31019
|
+
!isSessionLoading && /* @__PURE__ */ jsxs123(
|
|
30914
31020
|
Button,
|
|
30915
31021
|
{
|
|
30916
31022
|
variant: "ghost",
|
|
@@ -30918,12 +31024,12 @@ var init_dialog = __esm({
|
|
|
30918
31024
|
className: "relative w-4 h-4",
|
|
30919
31025
|
onClick: () => setPage("languages" /* LANGUAGES */),
|
|
30920
31026
|
children: [
|
|
30921
|
-
/* @__PURE__ */
|
|
30922
|
-
/* @__PURE__ */
|
|
31027
|
+
/* @__PURE__ */ jsx136("span", { className: "sr-only", children: t("passport:common.language") }),
|
|
31028
|
+
/* @__PURE__ */ jsx136("span", { className: "w-4 h-4 leading-4 block text-[10px] font-bold", children: getLanguageIcon(i18n.resolvedLanguage) || i18n.resolvedLanguage?.toUpperCase() })
|
|
30923
31029
|
]
|
|
30924
31030
|
}
|
|
30925
31031
|
),
|
|
30926
|
-
isSettings && /* @__PURE__ */
|
|
31032
|
+
isSettings && /* @__PURE__ */ jsxs123(
|
|
30927
31033
|
Button,
|
|
30928
31034
|
{
|
|
30929
31035
|
variant: "ghost",
|
|
@@ -30931,9 +31037,9 @@ var init_dialog = __esm({
|
|
|
30931
31037
|
className: "relative w-4 h-4",
|
|
30932
31038
|
onClick: () => setPage("settings" /* SETTINGS */),
|
|
30933
31039
|
children: [
|
|
30934
|
-
/* @__PURE__ */
|
|
30935
|
-
/* @__PURE__ */
|
|
30936
|
-
!!settingsNotifications.length && /* @__PURE__ */
|
|
31040
|
+
/* @__PURE__ */ jsx136("span", { className: "sr-only", children: t("passport:common.settings") }),
|
|
31041
|
+
/* @__PURE__ */ jsx136(SlidersHorizontal, { className: "w-4 h-4" }),
|
|
31042
|
+
!!settingsNotifications.length && /* @__PURE__ */ jsx136(
|
|
30937
31043
|
"div",
|
|
30938
31044
|
{
|
|
30939
31045
|
className: cn2(
|
|
@@ -30947,9 +31053,9 @@ var init_dialog = __esm({
|
|
|
30947
31053
|
]
|
|
30948
31054
|
}
|
|
30949
31055
|
),
|
|
30950
|
-
/* @__PURE__ */
|
|
30951
|
-
/* @__PURE__ */
|
|
30952
|
-
/* @__PURE__ */
|
|
31056
|
+
/* @__PURE__ */ jsx136(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsxs123(Button, { variant: "ghost", size: "icon", className: "w-4 h-4", children: [
|
|
31057
|
+
/* @__PURE__ */ jsx136(X, { className: "h-4 w-4" }),
|
|
31058
|
+
/* @__PURE__ */ jsx136("span", { className: "sr-only", children: t("passport:common.close") })
|
|
30953
31059
|
] }) })
|
|
30954
31060
|
]
|
|
30955
31061
|
}
|
|
@@ -30965,11 +31071,11 @@ var init_dialog = __esm({
|
|
|
30965
31071
|
}
|
|
30966
31072
|
);
|
|
30967
31073
|
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
30968
|
-
DialogHeader = ({ className, ...props }) => /* @__PURE__ */
|
|
31074
|
+
DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx136("div", { className: cn2("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
|
|
30969
31075
|
DialogHeader.displayName = "DialogHeader";
|
|
30970
|
-
DialogFooter = ({ className, ...props }) => /* @__PURE__ */
|
|
31076
|
+
DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx136("div", { className: cn2("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
30971
31077
|
DialogFooter.displayName = "DialogFooter";
|
|
30972
|
-
DialogTitle = forwardRef6(({ className, ...props }, ref) => /* @__PURE__ */
|
|
31078
|
+
DialogTitle = forwardRef6(({ className, ...props }, ref) => /* @__PURE__ */ jsx136(
|
|
30973
31079
|
DialogPrimitive.Title,
|
|
30974
31080
|
{
|
|
30975
31081
|
ref,
|
|
@@ -30978,24 +31084,24 @@ var init_dialog = __esm({
|
|
|
30978
31084
|
}
|
|
30979
31085
|
));
|
|
30980
31086
|
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
30981
|
-
DialogDescription = forwardRef6(({ className, ...props }, ref) => /* @__PURE__ */
|
|
31087
|
+
DialogDescription = forwardRef6(({ className, ...props }, ref) => /* @__PURE__ */ jsx136(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
|
|
30982
31088
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
30983
31089
|
}
|
|
30984
31090
|
});
|
|
30985
31091
|
|
|
30986
31092
|
// src/internal/components/ui/visually-hidden.tsx
|
|
30987
|
-
import { jsx as
|
|
31093
|
+
import { jsx as jsx137 } from "react/jsx-runtime";
|
|
30988
31094
|
var VisuallyHidden;
|
|
30989
31095
|
var init_visually_hidden = __esm({
|
|
30990
31096
|
"src/internal/components/ui/visually-hidden.tsx"() {
|
|
30991
|
-
VisuallyHidden = ({ children }) => /* @__PURE__ */
|
|
31097
|
+
VisuallyHidden = ({ children }) => /* @__PURE__ */ jsx137("span", { className: "sr-only absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children });
|
|
30992
31098
|
}
|
|
30993
31099
|
});
|
|
30994
31100
|
|
|
30995
31101
|
// src/internal/components/Dialog/Dialog.tsx
|
|
30996
31102
|
import { AnimatePresence, motion } from "motion/react";
|
|
30997
31103
|
import { useEffect as useEffect56 } from "react";
|
|
30998
|
-
import { jsx as
|
|
31104
|
+
import { jsx as jsx138, jsxs as jsxs124 } from "react/jsx-runtime";
|
|
30999
31105
|
function Dialog2() {
|
|
31000
31106
|
const config = useProviderConfig().config;
|
|
31001
31107
|
const className = config.current?.ui?.dialogClassName;
|
|
@@ -31013,7 +31119,7 @@ function Dialog2() {
|
|
|
31013
31119
|
useListenIframeAuthEvents();
|
|
31014
31120
|
useAllowExternalModalsScroll(isDialogOpen);
|
|
31015
31121
|
const isHeaderHidden = !session || page === "keysare-backup" /* KEYSARE_BACKUP */ && !hasServerVault;
|
|
31016
|
-
return /* @__PURE__ */
|
|
31122
|
+
return /* @__PURE__ */ jsx138(
|
|
31017
31123
|
Dialog,
|
|
31018
31124
|
{
|
|
31019
31125
|
open: isDialogOpen,
|
|
@@ -31025,17 +31131,17 @@ function Dialog2() {
|
|
|
31025
31131
|
setPage(null);
|
|
31026
31132
|
}
|
|
31027
31133
|
},
|
|
31028
|
-
children: /* @__PURE__ */
|
|
31134
|
+
children: /* @__PURE__ */ jsxs124(
|
|
31029
31135
|
DialogContent,
|
|
31030
31136
|
{
|
|
31031
31137
|
ref: (inst) => onboarder.registerElement(EMBARKAI_DIALOG_ONBOARDING_ID, inst),
|
|
31032
31138
|
colorMode,
|
|
31033
31139
|
className,
|
|
31034
31140
|
children: [
|
|
31035
|
-
/* @__PURE__ */
|
|
31036
|
-
/* @__PURE__ */
|
|
31037
|
-
!isHeaderHidden && /* @__PURE__ */
|
|
31038
|
-
/* @__PURE__ */
|
|
31141
|
+
/* @__PURE__ */ jsx138(VisuallyHidden, { children: /* @__PURE__ */ jsx138(DialogTitle, { children: "embarkAI" }) }),
|
|
31142
|
+
/* @__PURE__ */ jsx138(DialogDescription, { className: "sr-only", children: "embarkAI wallet" }),
|
|
31143
|
+
!isHeaderHidden && /* @__PURE__ */ jsx138(Header, {}),
|
|
31144
|
+
/* @__PURE__ */ jsx138(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx138(
|
|
31039
31145
|
motion.div,
|
|
31040
31146
|
{
|
|
31041
31147
|
style: { overflow: "hidden" },
|
|
@@ -31043,7 +31149,7 @@ function Dialog2() {
|
|
|
31043
31149
|
animate: { opacity: 1, height: "auto" },
|
|
31044
31150
|
exit: { opacity: 0, height: transitionPageHeight },
|
|
31045
31151
|
transition: Y_ANIMATION_SETUP,
|
|
31046
|
-
children: /* @__PURE__ */
|
|
31152
|
+
children: /* @__PURE__ */ jsx138(
|
|
31047
31153
|
"div",
|
|
31048
31154
|
{
|
|
31049
31155
|
ref: (inst) => onboarder.registerElement(`${EMBARKAI_DIALOG_ONBOARDING_ID}-${page}`, inst),
|
|
@@ -31058,7 +31164,7 @@ function Dialog2() {
|
|
|
31058
31164
|
},
|
|
31059
31165
|
page || "empty"
|
|
31060
31166
|
) }),
|
|
31061
|
-
/* @__PURE__ */
|
|
31167
|
+
/* @__PURE__ */ jsx138(Footer, {})
|
|
31062
31168
|
]
|
|
31063
31169
|
}
|
|
31064
31170
|
)
|
|
@@ -31139,14 +31245,14 @@ var init_DirectWalletHandler = __esm({
|
|
|
31139
31245
|
});
|
|
31140
31246
|
|
|
31141
31247
|
// src/internal/components/TssManager.tsx
|
|
31142
|
-
import
|
|
31248
|
+
import React34, { useCallback as useCallback35 } from "react";
|
|
31143
31249
|
var TssManagerWithRef;
|
|
31144
31250
|
var init_TssManager = __esm({
|
|
31145
31251
|
"src/internal/components/TssManager.tsx"() {
|
|
31146
31252
|
init_SessionContext();
|
|
31147
31253
|
init_auth();
|
|
31148
31254
|
init_clients();
|
|
31149
|
-
TssManagerWithRef =
|
|
31255
|
+
TssManagerWithRef = React34.forwardRef((props, ref) => {
|
|
31150
31256
|
const { mpcPin } = props;
|
|
31151
31257
|
const usePaymaster = useSession((st) => st.usePaymaster);
|
|
31152
31258
|
const publicClient = useSession((st) => st.publicClient);
|
|
@@ -31161,7 +31267,7 @@ var init_TssManager = __esm({
|
|
|
31161
31267
|
},
|
|
31162
31268
|
[setSession, setAddress]
|
|
31163
31269
|
);
|
|
31164
|
-
const createSessionWithKeyshare =
|
|
31270
|
+
const createSessionWithKeyshare = React34.useCallback(
|
|
31165
31271
|
async (userId, hasServerKeyshare, isNewUser) => {
|
|
31166
31272
|
setStatus("checking key management setup...");
|
|
31167
31273
|
await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
|
|
@@ -31186,7 +31292,7 @@ var init_TssManager = __esm({
|
|
|
31186
31292
|
},
|
|
31187
31293
|
[setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
|
|
31188
31294
|
);
|
|
31189
|
-
|
|
31295
|
+
React34.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
|
|
31190
31296
|
return null;
|
|
31191
31297
|
});
|
|
31192
31298
|
}
|
|
@@ -31201,9 +31307,9 @@ import {
|
|
|
31201
31307
|
LUMIA_MAINNET_CHAIN_ID as LUMIA_MAINNET_CHAIN_ID4
|
|
31202
31308
|
} from "@embarkai/core/read";
|
|
31203
31309
|
import { Fragment as Fragment47 } from "react";
|
|
31204
|
-
import { create as
|
|
31310
|
+
import { create as create20 } from "zustand";
|
|
31205
31311
|
import { persist as persist5 } from "zustand/middleware";
|
|
31206
|
-
import { jsx as
|
|
31312
|
+
import { jsx as jsx139, jsxs as jsxs125 } from "react/jsx-runtime";
|
|
31207
31313
|
function getChainParams(chainCfg) {
|
|
31208
31314
|
return {
|
|
31209
31315
|
activeChainId: chainCfg.id,
|
|
@@ -31221,22 +31327,22 @@ function waitForStoreHydration() {
|
|
|
31221
31327
|
}
|
|
31222
31328
|
function SessionProvider({ children }) {
|
|
31223
31329
|
const config = useProviderConfig().config;
|
|
31224
|
-
return /* @__PURE__ */
|
|
31330
|
+
return /* @__PURE__ */ jsxs125(Fragment47, {
|
|
31225
31331
|
/** dApp's router might have its own error boundaries setup via imported @embarkai/ui-kitErrorBoundary */
|
|
31226
31332
|
children: [
|
|
31227
31333
|
children,
|
|
31228
|
-
/* @__PURE__ */
|
|
31229
|
-
config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */
|
|
31230
|
-
/* @__PURE__ */
|
|
31231
|
-
/* @__PURE__ */
|
|
31232
|
-
/* @__PURE__ */
|
|
31334
|
+
/* @__PURE__ */ jsxs125(ErrorBoundary, { children: [
|
|
31335
|
+
config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ jsx139(DirectWalletHandler, {}),
|
|
31336
|
+
/* @__PURE__ */ jsx139(BalanceFeedProvider, {}),
|
|
31337
|
+
/* @__PURE__ */ jsx139(ChainSync, {}),
|
|
31338
|
+
/* @__PURE__ */ jsx139(
|
|
31233
31339
|
TssManagerWithRef,
|
|
31234
31340
|
{
|
|
31235
31341
|
mpcPin: void 0
|
|
31236
31342
|
}
|
|
31237
31343
|
),
|
|
31238
|
-
/* @__PURE__ */
|
|
31239
|
-
/* @__PURE__ */
|
|
31344
|
+
/* @__PURE__ */ jsx139(Dialog2, {}),
|
|
31345
|
+
/* @__PURE__ */ jsx139(OnboardingOverlay, {})
|
|
31240
31346
|
] })
|
|
31241
31347
|
]
|
|
31242
31348
|
});
|
|
@@ -31252,7 +31358,7 @@ var init_SessionContext = __esm({
|
|
|
31252
31358
|
init_Onboarding();
|
|
31253
31359
|
init_TssManager();
|
|
31254
31360
|
init_ProviderContext();
|
|
31255
|
-
useSession =
|
|
31361
|
+
useSession = create20()(
|
|
31256
31362
|
persist5(
|
|
31257
31363
|
(set) => ({
|
|
31258
31364
|
isLoading: false,
|
|
@@ -33705,7 +33811,7 @@ import {
|
|
|
33705
33811
|
useRef as useRef22
|
|
33706
33812
|
} from "react";
|
|
33707
33813
|
import { WagmiProvider } from "wagmi";
|
|
33708
|
-
import { jsx as
|
|
33814
|
+
import { jsx as jsx140 } from "react/jsx-runtime";
|
|
33709
33815
|
function clearLegacyWagmiStorage() {
|
|
33710
33816
|
if (typeof window === "undefined" || !window.localStorage) return;
|
|
33711
33817
|
const legacyKeys = [
|
|
@@ -33826,7 +33932,7 @@ function Provider(props) {
|
|
|
33826
33932
|
}),
|
|
33827
33933
|
[config, updateConfig, callbacks, updateCallbacks]
|
|
33828
33934
|
);
|
|
33829
|
-
return /* @__PURE__ */
|
|
33935
|
+
return /* @__PURE__ */ jsx140(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx140(WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ jsx140(SessionProvider, { children }) }) });
|
|
33830
33936
|
}
|
|
33831
33937
|
var UIContext, useProviderConfig;
|
|
33832
33938
|
var init_ProviderContext = __esm({
|
|
@@ -33845,7 +33951,7 @@ var init_ProviderContext = __esm({
|
|
|
33845
33951
|
});
|
|
33846
33952
|
|
|
33847
33953
|
// src/styles/built.css
|
|
33848
|
-
var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .sticky{position:sticky}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-1{right:.25rem}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1{top:.25rem}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .col-span-2{grid-column:span 2/span 2}.embarkai-ui-scope .float-right{float:right}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[30dvw\\]{width:30dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[60dvw\\]{width:60dvw}.embarkai-ui-scope .w-\\[var\\(--ui-kit-content-maw\\2c var\\(--ui-kit-maw\\)\\)\\]{width:var(--ui-kit-content-maw,var(--ui-kit-maw))}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-7xl{max-width:80rem}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[420px\\]{max-width:420px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(100\\%-48px-var\\(--ui-kit-gap\\)\\)\\]{max-width:calc(100% - 48px - var(--ui-kit-gap))}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{box-shadow:inset 0 0 16px var(--ui-kit-bg-warning)}50%{box-shadow:inset 0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-not-allowed{cursor:not-allowed}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[12px\\]{padding:12px}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-10{padding-left:2.5rem;padding-right:2.5rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-light{font-weight:300}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-bd\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-bd);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-fg\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-fg);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .ring-offset-0{--tw-ring-offset-width:0px}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .duration-500{transition-duration:.5s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--w3m-z-index:10001!important}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease forwards}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease forwards}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:border-\\[var\\(--ui-kit-bd\\)\\]:focus-within{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .focus-within\\:opacity-100:focus-within{opacity:1}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus-within\\:hover\\:opacity-100:hover:focus-within{opacity:1}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-80){opacity:.8}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .md\\:text-3xl{font-size:1.875rem;line-height:2.25rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
|
|
33954
|
+
var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .sticky{position:sticky}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-1{right:.25rem}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1{top:.25rem}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .col-span-2{grid-column:span 2/span 2}.embarkai-ui-scope .float-right{float:right}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-2\\.5{height:.625rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[30dvw\\]{width:30dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[60dvw\\]{width:60dvw}.embarkai-ui-scope .w-\\[var\\(--ui-kit-content-maw\\2c var\\(--ui-kit-maw\\)\\)\\]{width:var(--ui-kit-content-maw,var(--ui-kit-maw))}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-auto{width:auto}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-7xl{max-width:80rem}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[420px\\]{max-width:420px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(100\\%-48px-var\\(--ui-kit-gap\\)\\)\\]{max-width:calc(100% - 48px - var(--ui-kit-gap))}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{box-shadow:inset 0 0 16px var(--ui-kit-bg-warning)}50%{box-shadow:inset 0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-not-allowed{cursor:not-allowed}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[12px\\]{padding:12px}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-10{padding-left:2.5rem;padding-right:2.5rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-light{font-weight:300}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-bd\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-bd);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-fg\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-fg);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .ring-offset-0{--tw-ring-offset-width:0px}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .duration-500{transition-duration:.5s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--w3m-z-index:10001!important}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease forwards}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease forwards}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:border-\\[var\\(--ui-kit-bd\\)\\]:focus-within{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .focus-within\\:opacity-100:focus-within{opacity:1}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus-within\\:hover\\:opacity-100:hover:focus-within{opacity:1}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-80){opacity:.8}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .md\\:text-3xl{font-size:1.875rem;line-height:2.25rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
|
|
33849
33955
|
|
|
33850
33956
|
// src/index.ts
|
|
33851
33957
|
init_ProviderContext();
|
|
@@ -33867,7 +33973,7 @@ init_pro_mode();
|
|
|
33867
33973
|
init_utils();
|
|
33868
33974
|
import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader32, Shield as Shield2 } from "lucide-react";
|
|
33869
33975
|
import { useEffect as useEffect59, useMemo as useMemo22 } from "react";
|
|
33870
|
-
import { Fragment as Fragment48, jsx as
|
|
33976
|
+
import { Fragment as Fragment48, jsx as jsx141, jsxs as jsxs126 } from "react/jsx-runtime";
|
|
33871
33977
|
function getFormattedStatus(label, status, showStatus) {
|
|
33872
33978
|
const isStatus = showStatus && status && status !== "idle" && status !== "ready";
|
|
33873
33979
|
if (!isStatus) return label;
|
|
@@ -33898,20 +34004,20 @@ function ConnectWalletButton(props) {
|
|
|
33898
34004
|
}, [session, address, hasServerVault]);
|
|
33899
34005
|
const proMode = useProMode();
|
|
33900
34006
|
const isConnecting = connectButtonLabel !== label || isLoading;
|
|
33901
|
-
return /* @__PURE__ */
|
|
34007
|
+
return /* @__PURE__ */ jsx141("div", { "data-current-theme-mode": colorMode, className: cn2("embarkai-ui-scope w-fit h-fit", className), children: !address ? (
|
|
33902
34008
|
/** external Buttons can be provided */
|
|
33903
|
-
/* @__PURE__ */
|
|
34009
|
+
/* @__PURE__ */ jsx141(Fragment48, { children: ConnectButton ? /* @__PURE__ */ jsxs126(
|
|
33904
34010
|
ConnectButton,
|
|
33905
34011
|
{
|
|
33906
34012
|
type: "button",
|
|
33907
34013
|
disabled: isConnecting,
|
|
33908
34014
|
onClick: () => setPage("auth" /* AUTH */),
|
|
33909
34015
|
children: [
|
|
33910
|
-
isConnecting ? /* @__PURE__ */
|
|
34016
|
+
isConnecting ? /* @__PURE__ */ jsx141("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx141(Loader32, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx141(embarkAI_default2, { className: "w-6 h-6" }),
|
|
33911
34017
|
connectButtonLabel.toUpperCase()
|
|
33912
34018
|
]
|
|
33913
34019
|
}
|
|
33914
|
-
) : /* @__PURE__ */
|
|
34020
|
+
) : /* @__PURE__ */ jsxs126(
|
|
33915
34021
|
Button,
|
|
33916
34022
|
{
|
|
33917
34023
|
type: "button",
|
|
@@ -33928,12 +34034,12 @@ function ConnectWalletButton(props) {
|
|
|
33928
34034
|
"disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
|
|
33929
34035
|
),
|
|
33930
34036
|
children: [
|
|
33931
|
-
isConnecting ? /* @__PURE__ */
|
|
34037
|
+
isConnecting ? /* @__PURE__ */ jsx141("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx141(Loader32, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx141(embarkAI_default2, { className: "w-6 h-6" }),
|
|
33932
34038
|
connectButtonLabel.toUpperCase()
|
|
33933
34039
|
]
|
|
33934
34040
|
}
|
|
33935
34041
|
) })
|
|
33936
|
-
) : /* @__PURE__ */
|
|
34042
|
+
) : /* @__PURE__ */ jsxs126(
|
|
33937
34043
|
"button",
|
|
33938
34044
|
{
|
|
33939
34045
|
type: "button",
|
|
@@ -33946,26 +34052,26 @@ function ConnectWalletButton(props) {
|
|
|
33946
34052
|
"rounded-[var(--ui-kit-bdrs)] p-4 max-w-sm min-w-[256px]"
|
|
33947
34053
|
),
|
|
33948
34054
|
children: [
|
|
33949
|
-
/* @__PURE__ */
|
|
33950
|
-
proMode && /* @__PURE__ */
|
|
33951
|
-
profile?.avatar ? /* @__PURE__ */
|
|
34055
|
+
/* @__PURE__ */ jsxs126("div", { className: "relative w-12 h-12 rounded-full bg-[var(--ui-kit-fg)] flex items-center justify-center flex-shrink-0", children: [
|
|
34056
|
+
proMode && /* @__PURE__ */ jsx141("span", { className: "absolute -top-1 -right-1 text-[8px] font-bold px-1 rounded bg-[var(--ui-kit-primary)] text-[var(--ui-kit-fg-inverted)] leading-3 z-10", children: "PRO" }),
|
|
34057
|
+
profile?.avatar ? /* @__PURE__ */ jsx141("img", { src: profile.avatar, alt: "User avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx141(lumia_default2, { className: "w-12 h-12" })
|
|
33952
34058
|
] }),
|
|
33953
|
-
/* @__PURE__ */
|
|
33954
|
-
/* @__PURE__ */
|
|
33955
|
-
isProfileLoading ? /* @__PURE__ */
|
|
33956
|
-
/* @__PURE__ */
|
|
34059
|
+
/* @__PURE__ */ jsxs126("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
|
|
34060
|
+
/* @__PURE__ */ jsxs126("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
34061
|
+
isProfileLoading ? /* @__PURE__ */ jsx141(Loader32, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx141("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
|
|
34062
|
+
/* @__PURE__ */ jsx141(KYCStatus, {})
|
|
33957
34063
|
] }),
|
|
33958
|
-
/* @__PURE__ */
|
|
34064
|
+
/* @__PURE__ */ jsx141(BalanceView, {})
|
|
33959
34065
|
] }),
|
|
33960
|
-
/* @__PURE__ */
|
|
33961
|
-
/* @__PURE__ */
|
|
33962
|
-
/* @__PURE__ */
|
|
34066
|
+
/* @__PURE__ */ jsxs126("div", { className: "flex items-center space-x-1", children: [
|
|
34067
|
+
/* @__PURE__ */ jsxs126("div", { className: "group relative", children: [
|
|
34068
|
+
/* @__PURE__ */ jsx141(
|
|
33963
34069
|
Cloud4,
|
|
33964
34070
|
{
|
|
33965
34071
|
className: `w-3 h-3 ${indicators.server ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
33966
34072
|
}
|
|
33967
34073
|
),
|
|
33968
|
-
/* @__PURE__ */
|
|
34074
|
+
/* @__PURE__ */ jsxs126(
|
|
33969
34075
|
"div",
|
|
33970
34076
|
{
|
|
33971
34077
|
className: cn2(
|
|
@@ -33980,14 +34086,14 @@ function ConnectWalletButton(props) {
|
|
|
33980
34086
|
}
|
|
33981
34087
|
)
|
|
33982
34088
|
] }),
|
|
33983
|
-
/* @__PURE__ */
|
|
33984
|
-
/* @__PURE__ */
|
|
34089
|
+
/* @__PURE__ */ jsxs126("div", { className: "group relative", children: [
|
|
34090
|
+
/* @__PURE__ */ jsx141(
|
|
33985
34091
|
Laptop2,
|
|
33986
34092
|
{
|
|
33987
34093
|
className: `w-3 h-3 ${indicators.local ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
33988
34094
|
}
|
|
33989
34095
|
),
|
|
33990
|
-
/* @__PURE__ */
|
|
34096
|
+
/* @__PURE__ */ jsxs126(
|
|
33991
34097
|
"div",
|
|
33992
34098
|
{
|
|
33993
34099
|
className: cn2(
|
|
@@ -34002,14 +34108,14 @@ function ConnectWalletButton(props) {
|
|
|
34002
34108
|
}
|
|
34003
34109
|
)
|
|
34004
34110
|
] }),
|
|
34005
|
-
/* @__PURE__ */
|
|
34006
|
-
/* @__PURE__ */
|
|
34111
|
+
/* @__PURE__ */ jsxs126("div", { className: "group relative", children: [
|
|
34112
|
+
/* @__PURE__ */ jsx141(
|
|
34007
34113
|
Shield2,
|
|
34008
34114
|
{
|
|
34009
34115
|
className: `w-3 h-3 ${indicators.backup ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
34010
34116
|
}
|
|
34011
34117
|
),
|
|
34012
|
-
/* @__PURE__ */
|
|
34118
|
+
/* @__PURE__ */ jsxs126(
|
|
34013
34119
|
"div",
|
|
34014
34120
|
{
|
|
34015
34121
|
className: cn2(
|
|
@@ -34025,7 +34131,7 @@ function ConnectWalletButton(props) {
|
|
|
34025
34131
|
)
|
|
34026
34132
|
] })
|
|
34027
34133
|
] }),
|
|
34028
|
-
!!settingsNotifications.length && /* @__PURE__ */
|
|
34134
|
+
!!settingsNotifications.length && /* @__PURE__ */ jsx141(
|
|
34029
34135
|
"div",
|
|
34030
34136
|
{
|
|
34031
34137
|
className: cn2(
|
|
@@ -34046,17 +34152,17 @@ init_SessionContext();
|
|
|
34046
34152
|
|
|
34047
34153
|
// src/hooks/childAppHooks.ts
|
|
34048
34154
|
init_SessionContext();
|
|
34049
|
-
|
|
34155
|
+
init_useBalanceViewStore();
|
|
34050
34156
|
init_useLayoutStore();
|
|
34051
34157
|
var useIsMobileView = () => {
|
|
34052
34158
|
return useLayoutStore((st) => st.isMobileView);
|
|
34053
34159
|
};
|
|
34054
34160
|
var useBalance = () => {
|
|
34055
|
-
const walletBalance =
|
|
34056
|
-
const fiatBalance =
|
|
34057
|
-
const cryptoRate =
|
|
34058
|
-
const fiatSymbol =
|
|
34059
|
-
const cryptoSymbol =
|
|
34161
|
+
const walletBalance = useBalanceViewStore((st) => st.balance);
|
|
34162
|
+
const fiatBalance = useBalanceViewStore((st) => st.fiatBalance);
|
|
34163
|
+
const cryptoRate = useBalanceViewStore((st) => st.cryptoRate);
|
|
34164
|
+
const fiatSymbol = useBalanceViewStore((st) => st.fiatSymbol);
|
|
34165
|
+
const cryptoSymbol = useBalanceViewStore((st) => st.cryptoSymbol);
|
|
34060
34166
|
return { walletBalance, fiatBalance, cryptoRate, fiatSymbol, cryptoSymbol };
|
|
34061
34167
|
};
|
|
34062
34168
|
var useIFrameReady = () => useSession((st) => st.isIframeReady);
|
|
@@ -34082,24 +34188,24 @@ init_useColorMode();
|
|
|
34082
34188
|
init_button();
|
|
34083
34189
|
init_utils();
|
|
34084
34190
|
import { Moon, Sun } from "lucide-react";
|
|
34085
|
-
import { jsx as
|
|
34191
|
+
import { jsx as jsx142 } from "react/jsx-runtime";
|
|
34086
34192
|
function ThemeToggle(props) {
|
|
34087
34193
|
const { className, ...btnProps } = props;
|
|
34088
34194
|
const { colorMode, setColorMode } = useColorMode();
|
|
34089
|
-
return /* @__PURE__ */
|
|
34195
|
+
return /* @__PURE__ */ jsx142(
|
|
34090
34196
|
"div",
|
|
34091
34197
|
{
|
|
34092
34198
|
className: cn2("embarkai-ui-scope", className),
|
|
34093
34199
|
"data-current-theme-mode": colorMode,
|
|
34094
34200
|
style: { width: "fit-content", height: "fit-content" },
|
|
34095
|
-
children: /* @__PURE__ */
|
|
34201
|
+
children: /* @__PURE__ */ jsx142(
|
|
34096
34202
|
Button,
|
|
34097
34203
|
{
|
|
34098
34204
|
...btnProps,
|
|
34099
34205
|
variant: "ghost",
|
|
34100
34206
|
onClick: () => setColorMode(colorMode === "light" ? "dark" : "light"),
|
|
34101
34207
|
title: `Current theme: ${colorMode}. Click to switch.`,
|
|
34102
|
-
children: colorMode === "dark" ? /* @__PURE__ */
|
|
34208
|
+
children: colorMode === "dark" ? /* @__PURE__ */ jsx142(Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx142(Moon, { className: "w-4 h-4" })
|
|
34103
34209
|
}
|
|
34104
34210
|
)
|
|
34105
34211
|
}
|
|
@@ -34111,18 +34217,18 @@ init_i18n();
|
|
|
34111
34217
|
init_button();
|
|
34112
34218
|
init_useLayoutDataStore();
|
|
34113
34219
|
init_utils();
|
|
34114
|
-
import { jsx as
|
|
34220
|
+
import { jsx as jsx143 } from "react/jsx-runtime";
|
|
34115
34221
|
function LangToggle(props) {
|
|
34116
34222
|
const { className, ...btnProps } = props;
|
|
34117
34223
|
const { i18n } = useT();
|
|
34118
34224
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
34119
|
-
return /* @__PURE__ */
|
|
34225
|
+
return /* @__PURE__ */ jsx143(
|
|
34120
34226
|
"div",
|
|
34121
34227
|
{
|
|
34122
34228
|
className: cn2("embarkai-ui-scope", className),
|
|
34123
34229
|
"data-mbark-language": i18n.resolvedLanguage || "en",
|
|
34124
34230
|
style: { width: "fit-content", height: "fit-content" },
|
|
34125
|
-
children: /* @__PURE__ */
|
|
34231
|
+
children: /* @__PURE__ */ jsx143(
|
|
34126
34232
|
Button,
|
|
34127
34233
|
{
|
|
34128
34234
|
...btnProps,
|
|
@@ -34144,14 +34250,14 @@ init_getUserOperationByHash();
|
|
|
34144
34250
|
init_getUserOperationReceipt();
|
|
34145
34251
|
init_cn();
|
|
34146
34252
|
import { AlertCircle as AlertCircle5, CheckCircle2 as CheckCircle28, Clock as Clock2, Copy as Copy6, ExternalLink as ExternalLink3, RefreshCw as RefreshCw4 } from "lucide-react";
|
|
34147
|
-
import * as
|
|
34253
|
+
import * as React36 from "react";
|
|
34148
34254
|
|
|
34149
34255
|
// src/internal/components/Address.tsx
|
|
34150
34256
|
init_cn();
|
|
34151
34257
|
init_button();
|
|
34152
34258
|
import { Copy as Copy5, ExternalLink as ExternalLink2 } from "lucide-react";
|
|
34153
|
-
import * as
|
|
34154
|
-
import { jsx as
|
|
34259
|
+
import * as React35 from "react";
|
|
34260
|
+
import { jsx as jsx144, jsxs as jsxs127 } from "react/jsx-runtime";
|
|
34155
34261
|
function toExplorerAddressUrl(address, chain) {
|
|
34156
34262
|
const base = chain?.blockExplorers?.default?.url;
|
|
34157
34263
|
if (!base) return null;
|
|
@@ -34172,12 +34278,12 @@ var Address = ({
|
|
|
34172
34278
|
}) => {
|
|
34173
34279
|
const addr = address || "";
|
|
34174
34280
|
const explorer = toExplorerAddressUrl(addr, chain || void 0);
|
|
34175
|
-
const [copied, setCopied] =
|
|
34176
|
-
if (!addr) return /* @__PURE__ */
|
|
34177
|
-
return /* @__PURE__ */
|
|
34178
|
-
label && /* @__PURE__ */
|
|
34179
|
-
/* @__PURE__ */
|
|
34180
|
-
showCopy && /* @__PURE__ */
|
|
34281
|
+
const [copied, setCopied] = React35.useState(false);
|
|
34282
|
+
if (!addr) return /* @__PURE__ */ jsx144("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
|
|
34283
|
+
return /* @__PURE__ */ jsxs127("div", { className: cn("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
|
|
34284
|
+
label && /* @__PURE__ */ jsx144("span", { className: "text-sm font-medium", children: label }),
|
|
34285
|
+
/* @__PURE__ */ jsx144("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
|
|
34286
|
+
showCopy && /* @__PURE__ */ jsx144(
|
|
34181
34287
|
Button,
|
|
34182
34288
|
{
|
|
34183
34289
|
variant: "ghost",
|
|
@@ -34191,10 +34297,10 @@ var Address = ({
|
|
|
34191
34297
|
} catch {
|
|
34192
34298
|
}
|
|
34193
34299
|
},
|
|
34194
|
-
children: /* @__PURE__ */
|
|
34300
|
+
children: /* @__PURE__ */ jsx144(Copy5, { className: "h-4 w-4" })
|
|
34195
34301
|
}
|
|
34196
34302
|
),
|
|
34197
|
-
showExplorer && explorer && /* @__PURE__ */
|
|
34303
|
+
showExplorer && explorer && /* @__PURE__ */ jsx144(
|
|
34198
34304
|
"a",
|
|
34199
34305
|
{
|
|
34200
34306
|
href: explorer,
|
|
@@ -34202,7 +34308,7 @@ var Address = ({
|
|
|
34202
34308
|
rel: "noreferrer noopener",
|
|
34203
34309
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
34204
34310
|
title: "Open in explorer",
|
|
34205
|
-
children: /* @__PURE__ */
|
|
34311
|
+
children: /* @__PURE__ */ jsx144(ExternalLink2, { className: "h-4 w-4" })
|
|
34206
34312
|
}
|
|
34207
34313
|
)
|
|
34208
34314
|
] });
|
|
@@ -34211,7 +34317,7 @@ var Address = ({
|
|
|
34211
34317
|
// src/internal/components/UserOpStatus.tsx
|
|
34212
34318
|
init_badge();
|
|
34213
34319
|
init_button();
|
|
34214
|
-
import { jsx as
|
|
34320
|
+
import { jsx as jsx145, jsxs as jsxs128 } from "react/jsx-runtime";
|
|
34215
34321
|
var UserOpStatus = ({
|
|
34216
34322
|
userOpHash,
|
|
34217
34323
|
chain,
|
|
@@ -34223,20 +34329,20 @@ var UserOpStatus = ({
|
|
|
34223
34329
|
externalState
|
|
34224
34330
|
}) => {
|
|
34225
34331
|
const useExternalState = !!externalState;
|
|
34226
|
-
const [internalReceipt, setInternalReceipt] =
|
|
34227
|
-
const [internalMempool, setInternalMempool] =
|
|
34228
|
-
const [internalError, setInternalError] =
|
|
34229
|
-
const [attempt, setAttempt] =
|
|
34230
|
-
const [internalRefreshing, setInternalRefreshing] =
|
|
34231
|
-
const [timedOut, setTimedOut] =
|
|
34232
|
-
const [rejected, setRejected] =
|
|
34233
|
-
const intervalRef =
|
|
34234
|
-
const startTimeRef =
|
|
34332
|
+
const [internalReceipt, setInternalReceipt] = React36.useState(null);
|
|
34333
|
+
const [internalMempool, setInternalMempool] = React36.useState(null);
|
|
34334
|
+
const [internalError, setInternalError] = React36.useState(null);
|
|
34335
|
+
const [attempt, setAttempt] = React36.useState(0);
|
|
34336
|
+
const [internalRefreshing, setInternalRefreshing] = React36.useState(false);
|
|
34337
|
+
const [timedOut, setTimedOut] = React36.useState(false);
|
|
34338
|
+
const [rejected, setRejected] = React36.useState(false);
|
|
34339
|
+
const intervalRef = React36.useRef(null);
|
|
34340
|
+
const startTimeRef = React36.useRef(Date.now());
|
|
34235
34341
|
const receipt = useExternalState ? externalState.receipt ?? null : internalReceipt;
|
|
34236
34342
|
const mempool = useExternalState ? externalState.mempool ?? null : internalMempool;
|
|
34237
34343
|
const error = useExternalState ? externalState.error ?? null : internalError;
|
|
34238
34344
|
const refreshing = useExternalState ? externalState.isPolling ?? false : internalRefreshing;
|
|
34239
|
-
const tick =
|
|
34345
|
+
const tick = React36.useCallback(async () => {
|
|
34240
34346
|
if (useExternalState) return;
|
|
34241
34347
|
const elapsed = Date.now() - startTimeRef.current;
|
|
34242
34348
|
if (elapsed > maxPollTimeMs) {
|
|
@@ -34279,7 +34385,7 @@ var UserOpStatus = ({
|
|
|
34279
34385
|
setAttempt((x) => x + 1);
|
|
34280
34386
|
}
|
|
34281
34387
|
}, [userOpHash, chainId, maxPollTimeMs, useExternalState]);
|
|
34282
|
-
|
|
34388
|
+
React36.useEffect(() => {
|
|
34283
34389
|
if (useExternalState) return;
|
|
34284
34390
|
console.log("[UserOpStatus] Initializing polling for UserOp hash:", userOpHash);
|
|
34285
34391
|
startTimeRef.current = Date.now();
|
|
@@ -34291,7 +34397,7 @@ var UserOpStatus = ({
|
|
|
34291
34397
|
setAttempt(0);
|
|
34292
34398
|
setInternalRefreshing(false);
|
|
34293
34399
|
}, [userOpHash, useExternalState]);
|
|
34294
|
-
|
|
34400
|
+
React36.useEffect(() => {
|
|
34295
34401
|
if (useExternalState) {
|
|
34296
34402
|
console.log("[UserOpStatus] Using external state, skipping internal polling");
|
|
34297
34403
|
return;
|
|
@@ -34326,35 +34432,35 @@ var UserOpStatus = ({
|
|
|
34326
34432
|
const stateBadge = () => {
|
|
34327
34433
|
if (receipt) {
|
|
34328
34434
|
const ok = !!receipt.success;
|
|
34329
|
-
return /* @__PURE__ */
|
|
34330
|
-
ok ? /* @__PURE__ */
|
|
34435
|
+
return /* @__PURE__ */ jsxs128(Badge, { variant: ok ? "success" : "destructive", children: [
|
|
34436
|
+
ok ? /* @__PURE__ */ jsx145(CheckCircle28, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx145(AlertCircle5, { className: "h-3 w-3" }),
|
|
34331
34437
|
ok ? "Included" : "Failed"
|
|
34332
34438
|
] });
|
|
34333
34439
|
}
|
|
34334
34440
|
if (rejected) {
|
|
34335
|
-
return /* @__PURE__ */
|
|
34336
|
-
/* @__PURE__ */
|
|
34441
|
+
return /* @__PURE__ */ jsxs128(Badge, { variant: "destructive", children: [
|
|
34442
|
+
/* @__PURE__ */ jsx145(AlertCircle5, { className: "h-3 w-3" }),
|
|
34337
34443
|
" Rejected by bundler"
|
|
34338
34444
|
] });
|
|
34339
34445
|
}
|
|
34340
34446
|
if (timedOut) {
|
|
34341
|
-
return /* @__PURE__ */
|
|
34342
|
-
/* @__PURE__ */
|
|
34447
|
+
return /* @__PURE__ */ jsxs128(Badge, { variant: "warning", children: [
|
|
34448
|
+
/* @__PURE__ */ jsx145(AlertCircle5, { className: "h-3 w-3" }),
|
|
34343
34449
|
" Timeout - may be rejected"
|
|
34344
34450
|
] });
|
|
34345
34451
|
}
|
|
34346
34452
|
if (mempool) {
|
|
34347
|
-
return /* @__PURE__ */
|
|
34348
|
-
/* @__PURE__ */
|
|
34453
|
+
return /* @__PURE__ */ jsxs128(Badge, { variant: "outline", children: [
|
|
34454
|
+
/* @__PURE__ */ jsx145(Clock2, { className: "h-3 w-3" }),
|
|
34349
34455
|
" Pending in bundler"
|
|
34350
34456
|
] });
|
|
34351
34457
|
}
|
|
34352
|
-
return /* @__PURE__ */
|
|
34353
|
-
/* @__PURE__ */
|
|
34458
|
+
return /* @__PURE__ */ jsxs128(Badge, { variant: "secondary", children: [
|
|
34459
|
+
/* @__PURE__ */ jsx145(Clock2, { className: "h-3 w-3" }),
|
|
34354
34460
|
" Waiting"
|
|
34355
34461
|
] });
|
|
34356
34462
|
};
|
|
34357
|
-
return /* @__PURE__ */
|
|
34463
|
+
return /* @__PURE__ */ jsxs128(
|
|
34358
34464
|
"div",
|
|
34359
34465
|
{
|
|
34360
34466
|
className: cn(
|
|
@@ -34363,20 +34469,20 @@ var UserOpStatus = ({
|
|
|
34363
34469
|
),
|
|
34364
34470
|
style: { textAlign: "left", listStyle: "none" },
|
|
34365
34471
|
children: [
|
|
34366
|
-
/* @__PURE__ */
|
|
34367
|
-
/* @__PURE__ */
|
|
34472
|
+
/* @__PURE__ */ jsxs128("div", { className: "flex items-center justify-between mb-3", children: [
|
|
34473
|
+
/* @__PURE__ */ jsxs128("div", { className: "flex items-center gap-2", children: [
|
|
34368
34474
|
stateBadge(),
|
|
34369
|
-
/* @__PURE__ */
|
|
34475
|
+
/* @__PURE__ */ jsx145("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
|
|
34370
34476
|
] }),
|
|
34371
|
-
/* @__PURE__ */
|
|
34372
|
-
/* @__PURE__ */
|
|
34373
|
-
/* @__PURE__ */
|
|
34477
|
+
/* @__PURE__ */ jsxs128(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
|
|
34478
|
+
/* @__PURE__ */ jsx145(RefreshCw4, { className: cn("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
|
|
34479
|
+
/* @__PURE__ */ jsx145("span", { className: "text-xs", children: "Refresh" })
|
|
34374
34480
|
] })
|
|
34375
34481
|
] }),
|
|
34376
|
-
/* @__PURE__ */
|
|
34377
|
-
/* @__PURE__ */
|
|
34378
|
-
/* @__PURE__ */
|
|
34379
|
-
/* @__PURE__ */
|
|
34482
|
+
/* @__PURE__ */ jsxs128("div", { className: "flex items-center gap-2 mb-2", children: [
|
|
34483
|
+
/* @__PURE__ */ jsx145("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
|
|
34484
|
+
/* @__PURE__ */ jsx145("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
|
|
34485
|
+
/* @__PURE__ */ jsx145(
|
|
34380
34486
|
Button,
|
|
34381
34487
|
{
|
|
34382
34488
|
variant: "ghost",
|
|
@@ -34388,14 +34494,14 @@ var UserOpStatus = ({
|
|
|
34388
34494
|
} catch {
|
|
34389
34495
|
}
|
|
34390
34496
|
},
|
|
34391
|
-
children: /* @__PURE__ */
|
|
34497
|
+
children: /* @__PURE__ */ jsx145(Copy6, { className: "h-3.5 w-3.5" })
|
|
34392
34498
|
}
|
|
34393
34499
|
)
|
|
34394
34500
|
] }),
|
|
34395
|
-
receipt && receipt.receipt?.transactionHash && /* @__PURE__ */
|
|
34396
|
-
/* @__PURE__ */
|
|
34397
|
-
/* @__PURE__ */
|
|
34398
|
-
/* @__PURE__ */
|
|
34501
|
+
receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ jsxs128("div", { className: "flex items-center gap-2 mb-3", children: [
|
|
34502
|
+
/* @__PURE__ */ jsx145("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
|
|
34503
|
+
/* @__PURE__ */ jsx145("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
|
|
34504
|
+
/* @__PURE__ */ jsx145(
|
|
34399
34505
|
Button,
|
|
34400
34506
|
{
|
|
34401
34507
|
variant: "ghost",
|
|
@@ -34407,10 +34513,10 @@ var UserOpStatus = ({
|
|
|
34407
34513
|
} catch {
|
|
34408
34514
|
}
|
|
34409
34515
|
},
|
|
34410
|
-
children: /* @__PURE__ */
|
|
34516
|
+
children: /* @__PURE__ */ jsx145(Copy6, { className: "h-3.5 w-3.5" })
|
|
34411
34517
|
}
|
|
34412
34518
|
),
|
|
34413
|
-
chain?.blockExplorers?.default?.url && /* @__PURE__ */
|
|
34519
|
+
chain?.blockExplorers?.default?.url && /* @__PURE__ */ jsx145(
|
|
34414
34520
|
"a",
|
|
34415
34521
|
{
|
|
34416
34522
|
href: `${chain.blockExplorers.default.url}/tx/${receipt.receipt.transactionHash}`,
|
|
@@ -34418,11 +34524,11 @@ var UserOpStatus = ({
|
|
|
34418
34524
|
rel: "noreferrer noopener",
|
|
34419
34525
|
className: "inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-accent text-foreground",
|
|
34420
34526
|
title: "Open in explorer",
|
|
34421
|
-
children: /* @__PURE__ */
|
|
34527
|
+
children: /* @__PURE__ */ jsx145(ExternalLink3, { className: "h-3.5 w-3.5" })
|
|
34422
34528
|
}
|
|
34423
34529
|
)
|
|
34424
34530
|
] }),
|
|
34425
|
-
receipt && /* @__PURE__ */
|
|
34531
|
+
receipt && /* @__PURE__ */ jsxs128("div", { className: "text-xs text-muted-foreground mb-3", children: [
|
|
34426
34532
|
"Block ",
|
|
34427
34533
|
parseInt(receipt.receipt?.blockNumber || "0x0", 16),
|
|
34428
34534
|
" \u2022 Gas Used",
|
|
@@ -34431,32 +34537,32 @@ var UserOpStatus = ({
|
|
|
34431
34537
|
" \u2022 Success ",
|
|
34432
34538
|
String(!!receipt.success)
|
|
34433
34539
|
] }),
|
|
34434
|
-
/* @__PURE__ */
|
|
34540
|
+
/* @__PURE__ */ jsx145("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ jsxs128("span", { className: "ml-2", children: [
|
|
34435
34541
|
"\u2022 Polling for ",
|
|
34436
34542
|
Math.round((Date.now() - startTimeRef.current) / 1e3),
|
|
34437
34543
|
"s"
|
|
34438
34544
|
] }) }),
|
|
34439
|
-
mempool && /* @__PURE__ */
|
|
34440
|
-
/* @__PURE__ */
|
|
34545
|
+
mempool && /* @__PURE__ */ jsxs128("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
|
|
34546
|
+
/* @__PURE__ */ jsxs128("div", { children: [
|
|
34441
34547
|
"Seen by bundler at ",
|
|
34442
|
-
/* @__PURE__ */
|
|
34548
|
+
/* @__PURE__ */ jsx145(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
|
|
34443
34549
|
] }),
|
|
34444
|
-
/* @__PURE__ */
|
|
34550
|
+
/* @__PURE__ */ jsxs128("div", { children: [
|
|
34445
34551
|
"sender ",
|
|
34446
|
-
/* @__PURE__ */
|
|
34552
|
+
/* @__PURE__ */ jsx145(Address, { address: mempool.sender, chain, truncate: false })
|
|
34447
34553
|
] })
|
|
34448
34554
|
] }),
|
|
34449
|
-
error && /* @__PURE__ */
|
|
34450
|
-
/* @__PURE__ */
|
|
34555
|
+
error && /* @__PURE__ */ jsxs128("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34556
|
+
/* @__PURE__ */ jsx145(AlertCircle5, { className: "h-4 w-4" }),
|
|
34451
34557
|
" ",
|
|
34452
34558
|
error
|
|
34453
34559
|
] }),
|
|
34454
|
-
rejected && /* @__PURE__ */
|
|
34455
|
-
/* @__PURE__ */
|
|
34560
|
+
rejected && /* @__PURE__ */ jsxs128("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34561
|
+
/* @__PURE__ */ jsx145(AlertCircle5, { className: "h-4 w-4" }),
|
|
34456
34562
|
"UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
|
|
34457
34563
|
] }),
|
|
34458
|
-
timedOut && /* @__PURE__ */
|
|
34459
|
-
/* @__PURE__ */
|
|
34564
|
+
timedOut && /* @__PURE__ */ jsxs128("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34565
|
+
/* @__PURE__ */ jsx145(AlertCircle5, { className: "h-4 w-4" }),
|
|
34460
34566
|
"Stopped polling after ",
|
|
34461
34567
|
Math.round(maxPollTimeMs / 1e3),
|
|
34462
34568
|
"s. UserOperation may have been rejected by the bundler."
|
|
@@ -34470,8 +34576,8 @@ var UserOpStatus = ({
|
|
|
34470
34576
|
init_cn();
|
|
34471
34577
|
init_button();
|
|
34472
34578
|
import { Copy as Copy7, ExternalLink as ExternalLink4 } from "lucide-react";
|
|
34473
|
-
import * as
|
|
34474
|
-
import { jsx as
|
|
34579
|
+
import * as React37 from "react";
|
|
34580
|
+
import { jsx as jsx146, jsxs as jsxs129 } from "react/jsx-runtime";
|
|
34475
34581
|
function toExplorerUrl(kind, value, chain) {
|
|
34476
34582
|
const base = chain?.blockExplorers?.default?.url;
|
|
34477
34583
|
if (!base) return null;
|
|
@@ -34494,12 +34600,12 @@ var Hash = ({
|
|
|
34494
34600
|
}) => {
|
|
34495
34601
|
const value = hash || "";
|
|
34496
34602
|
const explorer = toExplorerUrl(kind, value, chain || void 0);
|
|
34497
|
-
const [copied, setCopied] =
|
|
34498
|
-
if (!value) return /* @__PURE__ */
|
|
34499
|
-
return /* @__PURE__ */
|
|
34500
|
-
label && /* @__PURE__ */
|
|
34501
|
-
/* @__PURE__ */
|
|
34502
|
-
showCopy && /* @__PURE__ */
|
|
34603
|
+
const [copied, setCopied] = React37.useState(false);
|
|
34604
|
+
if (!value) return /* @__PURE__ */ jsx146("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
|
|
34605
|
+
return /* @__PURE__ */ jsxs129("div", { className: cn("flex items-center gap-2", className), children: [
|
|
34606
|
+
label && /* @__PURE__ */ jsx146("span", { className: "text-sm font-medium", children: label }),
|
|
34607
|
+
/* @__PURE__ */ jsx146("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
|
|
34608
|
+
showCopy && /* @__PURE__ */ jsx146(
|
|
34503
34609
|
Button,
|
|
34504
34610
|
{
|
|
34505
34611
|
variant: "ghost",
|
|
@@ -34513,10 +34619,10 @@ var Hash = ({
|
|
|
34513
34619
|
} catch {
|
|
34514
34620
|
}
|
|
34515
34621
|
},
|
|
34516
|
-
children: /* @__PURE__ */
|
|
34622
|
+
children: /* @__PURE__ */ jsx146(Copy7, { className: "h-4 w-4" })
|
|
34517
34623
|
}
|
|
34518
34624
|
),
|
|
34519
|
-
showExplorer && explorer && /* @__PURE__ */
|
|
34625
|
+
showExplorer && explorer && /* @__PURE__ */ jsx146(
|
|
34520
34626
|
"a",
|
|
34521
34627
|
{
|
|
34522
34628
|
href: explorer,
|
|
@@ -34524,7 +34630,7 @@ var Hash = ({
|
|
|
34524
34630
|
rel: "noreferrer noopener",
|
|
34525
34631
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
34526
34632
|
title: "Open in explorer",
|
|
34527
|
-
children: /* @__PURE__ */
|
|
34633
|
+
children: /* @__PURE__ */ jsx146(ExternalLink4, { className: "h-4 w-4" })
|
|
34528
34634
|
}
|
|
34529
34635
|
)
|
|
34530
34636
|
] });
|
|
@@ -34533,7 +34639,7 @@ var Hash = ({
|
|
|
34533
34639
|
// src/internal/components/TransactionsMenu/TransactionsList.tsx
|
|
34534
34640
|
init_base3();
|
|
34535
34641
|
import { useEffect as useEffect61, useState as useState37 } from "react";
|
|
34536
|
-
import { jsx as
|
|
34642
|
+
import { jsx as jsx147, jsxs as jsxs130 } from "react/jsx-runtime";
|
|
34537
34643
|
var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
34538
34644
|
const [transactions, setTransactions] = useState37([]);
|
|
34539
34645
|
const [loading, setLoading] = useState37(true);
|
|
@@ -34584,31 +34690,31 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
|
34584
34690
|
window.open(`${explorerUrl}/tx/${txHash}`, "_blank");
|
|
34585
34691
|
};
|
|
34586
34692
|
if (loading) {
|
|
34587
|
-
return /* @__PURE__ */
|
|
34588
|
-
/* @__PURE__ */
|
|
34589
|
-
/* @__PURE__ */
|
|
34693
|
+
return /* @__PURE__ */ jsxs130("div", { className: "p-4 text-center", children: [
|
|
34694
|
+
/* @__PURE__ */ jsx147("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
|
|
34695
|
+
/* @__PURE__ */ jsx147("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
|
|
34590
34696
|
] });
|
|
34591
34697
|
}
|
|
34592
34698
|
if (error) {
|
|
34593
|
-
return /* @__PURE__ */
|
|
34594
|
-
/* @__PURE__ */
|
|
34595
|
-
/* @__PURE__ */
|
|
34699
|
+
return /* @__PURE__ */ jsxs130("div", { className: "p-4 text-center", children: [
|
|
34700
|
+
/* @__PURE__ */ jsx147("p", { className: "text-red-600 text-sm", children: error }),
|
|
34701
|
+
/* @__PURE__ */ jsx147("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
|
|
34596
34702
|
] });
|
|
34597
34703
|
}
|
|
34598
34704
|
if (transactions.length === 0) {
|
|
34599
|
-
return /* @__PURE__ */
|
|
34705
|
+
return /* @__PURE__ */ jsx147("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx147("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
|
|
34600
34706
|
}
|
|
34601
|
-
return /* @__PURE__ */
|
|
34707
|
+
return /* @__PURE__ */ jsx147("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx147("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ jsxs130(
|
|
34602
34708
|
"div",
|
|
34603
34709
|
{
|
|
34604
34710
|
className: "border rounded-lg p-3 hover:bg-gray-50 cursor-pointer transition-colors",
|
|
34605
34711
|
onClick: () => openTransaction(tx.hash),
|
|
34606
34712
|
children: [
|
|
34607
|
-
/* @__PURE__ */
|
|
34608
|
-
/* @__PURE__ */
|
|
34609
|
-
/* @__PURE__ */
|
|
34610
|
-
/* @__PURE__ */
|
|
34611
|
-
/* @__PURE__ */
|
|
34713
|
+
/* @__PURE__ */ jsxs130("div", { className: "flex justify-between items-start mb-2", children: [
|
|
34714
|
+
/* @__PURE__ */ jsxs130("div", { className: "flex-1", children: [
|
|
34715
|
+
/* @__PURE__ */ jsxs130("div", { className: "flex items-center space-x-2 mb-1", children: [
|
|
34716
|
+
/* @__PURE__ */ jsx147("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress4(tx.hash) }),
|
|
34717
|
+
/* @__PURE__ */ jsx147(
|
|
34612
34718
|
"span",
|
|
34613
34719
|
{
|
|
34614
34720
|
className: `text-xs px-2 py-1 rounded ${tx.status === "ok" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`,
|
|
@@ -34616,40 +34722,40 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
|
34616
34722
|
}
|
|
34617
34723
|
)
|
|
34618
34724
|
] }),
|
|
34619
|
-
/* @__PURE__ */
|
|
34620
|
-
/* @__PURE__ */
|
|
34621
|
-
/* @__PURE__ */
|
|
34622
|
-
/* @__PURE__ */
|
|
34725
|
+
/* @__PURE__ */ jsxs130("div", { className: "text-sm space-y-1", children: [
|
|
34726
|
+
/* @__PURE__ */ jsxs130("div", { children: [
|
|
34727
|
+
/* @__PURE__ */ jsx147("span", { className: "text-gray-600", children: "From:" }),
|
|
34728
|
+
/* @__PURE__ */ jsxs130("span", { className: "font-mono ml-1", children: [
|
|
34623
34729
|
formatAddress4(tx.from.hash),
|
|
34624
|
-
tx.from.is_contract && /* @__PURE__ */
|
|
34730
|
+
tx.from.is_contract && /* @__PURE__ */ jsx147("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
|
|
34625
34731
|
] })
|
|
34626
34732
|
] }),
|
|
34627
|
-
/* @__PURE__ */
|
|
34628
|
-
/* @__PURE__ */
|
|
34629
|
-
/* @__PURE__ */
|
|
34733
|
+
/* @__PURE__ */ jsxs130("div", { children: [
|
|
34734
|
+
/* @__PURE__ */ jsx147("span", { className: "text-gray-600", children: "To:" }),
|
|
34735
|
+
/* @__PURE__ */ jsxs130("span", { className: "font-mono ml-1", children: [
|
|
34630
34736
|
formatAddress4(tx.to.hash),
|
|
34631
|
-
tx.to.is_contract && /* @__PURE__ */
|
|
34737
|
+
tx.to.is_contract && /* @__PURE__ */ jsx147("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
|
|
34632
34738
|
] })
|
|
34633
34739
|
] }),
|
|
34634
|
-
/* @__PURE__ */
|
|
34635
|
-
/* @__PURE__ */
|
|
34636
|
-
/* @__PURE__ */
|
|
34740
|
+
/* @__PURE__ */ jsxs130("div", { children: [
|
|
34741
|
+
/* @__PURE__ */ jsx147("span", { className: "text-gray-600", children: "Value:" }),
|
|
34742
|
+
/* @__PURE__ */ jsxs130("span", { className: "font-semibold ml-1", children: [
|
|
34637
34743
|
formatValue3(tx.value),
|
|
34638
34744
|
" LUMIA"
|
|
34639
34745
|
] })
|
|
34640
34746
|
] })
|
|
34641
34747
|
] })
|
|
34642
34748
|
] }),
|
|
34643
|
-
/* @__PURE__ */
|
|
34644
|
-
/* @__PURE__ */
|
|
34645
|
-
/* @__PURE__ */
|
|
34749
|
+
/* @__PURE__ */ jsxs130("div", { className: "text-right text-xs text-gray-500", children: [
|
|
34750
|
+
/* @__PURE__ */ jsx147("div", { children: formatDate2(tx.timestamp) }),
|
|
34751
|
+
/* @__PURE__ */ jsxs130("div", { className: "mt-1", children: [
|
|
34646
34752
|
"Gas: ",
|
|
34647
34753
|
parseInt(tx.gas_used).toLocaleString()
|
|
34648
34754
|
] }),
|
|
34649
|
-
tx.method && /* @__PURE__ */
|
|
34755
|
+
tx.method && /* @__PURE__ */ jsx147("div", { className: "mt-1 text-blue-600", children: tx.method })
|
|
34650
34756
|
] })
|
|
34651
34757
|
] }),
|
|
34652
|
-
tx.transaction_types.length > 0 && /* @__PURE__ */
|
|
34758
|
+
tx.transaction_types.length > 0 && /* @__PURE__ */ jsx147("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ jsx147("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
|
|
34653
34759
|
]
|
|
34654
34760
|
},
|
|
34655
34761
|
tx.hash
|
|
@@ -34663,7 +34769,7 @@ init_useSendTransaction();
|
|
|
34663
34769
|
|
|
34664
34770
|
// src/hooks/useUserOpStatus.ts
|
|
34665
34771
|
init_bundler();
|
|
34666
|
-
import * as
|
|
34772
|
+
import * as React39 from "react";
|
|
34667
34773
|
function useUserOpStatus(options = {}) {
|
|
34668
34774
|
const {
|
|
34669
34775
|
userOpHash,
|
|
@@ -34674,23 +34780,23 @@ function useUserOpStatus(options = {}) {
|
|
|
34674
34780
|
onReceipt,
|
|
34675
34781
|
onTxHash
|
|
34676
34782
|
} = options;
|
|
34677
|
-
const [state, setState] =
|
|
34678
|
-
const [receipt, setReceipt] =
|
|
34679
|
-
const [mempool, setMempool] =
|
|
34680
|
-
const [txHash, setTxHash] =
|
|
34681
|
-
const [error, setError] =
|
|
34682
|
-
const [isPolling, setIsPolling] =
|
|
34683
|
-
const intervalRef =
|
|
34684
|
-
const startTimeRef =
|
|
34685
|
-
const prevStateRef =
|
|
34686
|
-
const extractMempoolInfo =
|
|
34783
|
+
const [state, setState] = React39.useState("waiting");
|
|
34784
|
+
const [receipt, setReceipt] = React39.useState(null);
|
|
34785
|
+
const [mempool, setMempool] = React39.useState(null);
|
|
34786
|
+
const [txHash, setTxHash] = React39.useState(null);
|
|
34787
|
+
const [error, setError] = React39.useState(null);
|
|
34788
|
+
const [isPolling, setIsPolling] = React39.useState(false);
|
|
34789
|
+
const intervalRef = React39.useRef(null);
|
|
34790
|
+
const startTimeRef = React39.useRef(Date.now());
|
|
34791
|
+
const prevStateRef = React39.useRef("waiting");
|
|
34792
|
+
const extractMempoolInfo = React39.useCallback((m) => {
|
|
34687
34793
|
if (!m) return null;
|
|
34688
34794
|
const entryPoint = m.entryPoint || m?.userOperation?.entryPoint || null;
|
|
34689
34795
|
const sender = m.sender || m?.userOperation?.sender || null;
|
|
34690
34796
|
if (!entryPoint && !sender) return null;
|
|
34691
34797
|
return { entryPoint, sender };
|
|
34692
34798
|
}, []);
|
|
34693
|
-
const updateState =
|
|
34799
|
+
const updateState = React39.useCallback(
|
|
34694
34800
|
(newState) => {
|
|
34695
34801
|
setState(newState);
|
|
34696
34802
|
if (prevStateRef.current !== newState) {
|
|
@@ -34700,7 +34806,7 @@ function useUserOpStatus(options = {}) {
|
|
|
34700
34806
|
},
|
|
34701
34807
|
[onStateChange]
|
|
34702
34808
|
);
|
|
34703
|
-
const tick =
|
|
34809
|
+
const tick = React39.useCallback(async () => {
|
|
34704
34810
|
if (!userOpHash || !enabled) return;
|
|
34705
34811
|
if (receipt) {
|
|
34706
34812
|
console.log("[useUserOpStatus] Already have receipt, skipping tick");
|
|
@@ -34763,7 +34869,7 @@ function useUserOpStatus(options = {}) {
|
|
|
34763
34869
|
setIsPolling(false);
|
|
34764
34870
|
}
|
|
34765
34871
|
}, [userOpHash, enabled, receipt, maxPollTimeMs, extractMempoolInfo, updateState, onTxHash, onReceipt]);
|
|
34766
|
-
|
|
34872
|
+
React39.useEffect(() => {
|
|
34767
34873
|
if (!userOpHash || !enabled) return;
|
|
34768
34874
|
console.log("[useUserOpStatus] Initializing for UserOp hash:", userOpHash);
|
|
34769
34875
|
startTimeRef.current = Date.now();
|
|
@@ -34775,7 +34881,7 @@ function useUserOpStatus(options = {}) {
|
|
|
34775
34881
|
setError(null);
|
|
34776
34882
|
setIsPolling(false);
|
|
34777
34883
|
}, [userOpHash, enabled]);
|
|
34778
|
-
|
|
34884
|
+
React39.useEffect(() => {
|
|
34779
34885
|
if (!userOpHash || !enabled) {
|
|
34780
34886
|
console.log("[useUserOpStatus] Not starting polling - no hash or disabled");
|
|
34781
34887
|
return;
|
|
@@ -34811,7 +34917,7 @@ function useUserOpStatus(options = {}) {
|
|
|
34811
34917
|
}
|
|
34812
34918
|
};
|
|
34813
34919
|
}, [userOpHash, enabled, pollMs]);
|
|
34814
|
-
const refresh =
|
|
34920
|
+
const refresh = React39.useCallback(async () => {
|
|
34815
34921
|
await tick();
|
|
34816
34922
|
}, [tick]);
|
|
34817
34923
|
return {
|
|
@@ -35202,7 +35308,7 @@ function useTransactions() {
|
|
|
35202
35308
|
|
|
35203
35309
|
// src/modules/assets.ts
|
|
35204
35310
|
init_SessionContext();
|
|
35205
|
-
import
|
|
35311
|
+
import React40 from "react";
|
|
35206
35312
|
import { erc20Abi as erc20Abi5, formatUnits as formatUnits14 } from "viem";
|
|
35207
35313
|
import { useBalance as useBalance2, useReadContract as useReadContract2, useReadContracts } from "wagmi";
|
|
35208
35314
|
var COMMON_TOKENS = [
|
|
@@ -35357,7 +35463,7 @@ function useTokenBalance2(tokenAddress, userAddress) {
|
|
|
35357
35463
|
}
|
|
35358
35464
|
});
|
|
35359
35465
|
const { tokenInfo } = useTokenInfo(tokenAddress);
|
|
35360
|
-
const formattedBalance =
|
|
35466
|
+
const formattedBalance = React40.useMemo(() => {
|
|
35361
35467
|
if (!balance || !tokenInfo) return "0";
|
|
35362
35468
|
return formatUnits14(balance, tokenInfo.decimals);
|
|
35363
35469
|
}, [balance, tokenInfo]);
|