@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.cjs
CHANGED
|
@@ -5407,96 +5407,17 @@ var init_ErrorBoundary2 = __esm({
|
|
|
5407
5407
|
}
|
|
5408
5408
|
});
|
|
5409
5409
|
|
|
5410
|
-
// src/internal/hooks/
|
|
5411
|
-
var import_zustand3,
|
|
5412
|
-
var
|
|
5413
|
-
"src/internal/hooks/
|
|
5410
|
+
// src/internal/hooks/useBalanceViewStore.ts
|
|
5411
|
+
var import_zustand3, useBalanceViewStore;
|
|
5412
|
+
var init_useBalanceViewStore = __esm({
|
|
5413
|
+
"src/internal/hooks/useBalanceViewStore.ts"() {
|
|
5414
5414
|
import_zustand3 = require("zustand");
|
|
5415
|
-
|
|
5416
|
-
PageKey = /* @__PURE__ */ ((PageKey3) => {
|
|
5417
|
-
PageKey3["AUTH"] = "auth";
|
|
5418
|
-
PageKey3["USER_ACTIVITY"] = "user-activity";
|
|
5419
|
-
PageKey3["LANGUAGES"] = "languages";
|
|
5420
|
-
PageKey3["MAIN_MENU"] = "main-menu";
|
|
5421
|
-
PageKey3["ACTIVITY_LOG"] = "activity-log";
|
|
5422
|
-
PageKey3["SETTINGS"] = "settings";
|
|
5423
|
-
PageKey3["SEND"] = "send";
|
|
5424
|
-
PageKey3["RECEIVE"] = "receive";
|
|
5425
|
-
PageKey3["BUY"] = "buy";
|
|
5426
|
-
PageKey3["KYC"] = "kyc";
|
|
5427
|
-
PageKey3["TRANSACTIONS"] = "transactions";
|
|
5428
|
-
PageKey3["ASSETS"] = "assets";
|
|
5429
|
-
PageKey3["MANAGE_WALLET"] = "manage-wallet";
|
|
5430
|
-
PageKey3["UNLINK_PROVIDER"] = "unlink-provider";
|
|
5431
|
-
PageKey3["SECURITY"] = "security";
|
|
5432
|
-
PageKey3["KEYSARE_BACKUP"] = "keysare-backup";
|
|
5433
|
-
PageKey3["KEYSHARE_RESTORE"] = "keyshare-restore";
|
|
5434
|
-
PageKey3["CHAIN"] = "chain";
|
|
5435
|
-
PageKey3["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
|
|
5436
|
-
PageKey3["NICKNAME_SETTINGS"] = "nickname-settings";
|
|
5437
|
-
PageKey3["DEVICES"] = "devices";
|
|
5438
|
-
PageKey3["DEVICE_LINK"] = "device-link";
|
|
5439
|
-
PageKey3["DEVICE_MANAGE"] = "device-manage";
|
|
5440
|
-
PageKey3["DEVICE_RESTORE"] = "device-restore";
|
|
5441
|
-
PageKey3["CONNECT_EXTERNAL_WALLET"] = "connect-external-wallet";
|
|
5442
|
-
return PageKey3;
|
|
5443
|
-
})(PageKey || {});
|
|
5444
|
-
useLayoutDataStore = (0, import_zustand3.create)((set) => ({
|
|
5445
|
-
page: null,
|
|
5446
|
-
pageParams: null,
|
|
5447
|
-
postAuthNavigation: null,
|
|
5448
|
-
langOpenedFromMenu: null,
|
|
5449
|
-
walletMenuOpenedFrom: null,
|
|
5450
|
-
chainMenuOpenedFrom: null,
|
|
5415
|
+
useBalanceViewStore = (0, import_zustand3.create)((set) => ({
|
|
5451
5416
|
cryptoRate: 1,
|
|
5452
5417
|
cryptoSymbol: "LUMIA",
|
|
5453
5418
|
fiatBalance: 0,
|
|
5454
5419
|
fiatSymbol: "USD",
|
|
5455
|
-
balance: { decimals: 18, formatted: "0.0", symbol: "LUMIA", value: BigInt(0) }
|
|
5456
|
-
transitionPageHeight: DEFAULT_AUTH_MENU_HEIGHT,
|
|
5457
|
-
settingsNotifications: [],
|
|
5458
|
-
pendingWalletLogin: null,
|
|
5459
|
-
isOnboarding: false,
|
|
5460
|
-
setPageParams: (pageOptions) => set({ pageParams: pageOptions }),
|
|
5461
|
-
setPostAuthNavigation: (postAuthNavigation) => set({ postAuthNavigation }),
|
|
5462
|
-
openPostAuthNavigation: () => {
|
|
5463
|
-
let navigation = null;
|
|
5464
|
-
set((state) => {
|
|
5465
|
-
navigation = state.postAuthNavigation;
|
|
5466
|
-
if (!navigation) return state;
|
|
5467
|
-
return {
|
|
5468
|
-
page: navigation.page,
|
|
5469
|
-
pageParams: navigation.params ?? null,
|
|
5470
|
-
postAuthNavigation: null
|
|
5471
|
-
};
|
|
5472
|
-
});
|
|
5473
|
-
return !!navigation;
|
|
5474
|
-
},
|
|
5475
|
-
setPage: (page) => set((prev) => ({
|
|
5476
|
-
page,
|
|
5477
|
-
// Save the page from which specific menus were opened
|
|
5478
|
-
langOpenedFromMenu: page === "languages" /* LANGUAGES */ ? prev.page : null,
|
|
5479
|
-
walletMenuOpenedFrom: page === "connect-external-wallet" /* CONNECT_EXTERNAL_WALLET */ ? prev.page : null,
|
|
5480
|
-
chainMenuOpenedFrom: page === "chain" /* CHAIN */ ? prev.page : null
|
|
5481
|
-
})),
|
|
5482
|
-
setCryptoRate: (lumiaRate) => set({ cryptoRate: lumiaRate }),
|
|
5483
|
-
setCryptoSymbol: (cryptoSymbol) => set({ cryptoSymbol }),
|
|
5484
|
-
setFiatBalance: (usdBalance) => set({ fiatBalance: usdBalance }),
|
|
5485
|
-
setFiatSymbol: (fiatSymbol) => set({ fiatSymbol }),
|
|
5486
|
-
setBalance: (balance) => set({ balance }),
|
|
5487
|
-
setTransitionPageHeight: (transitionPageHeight) => set({ transitionPageHeight }),
|
|
5488
|
-
setSettingsNotifications: (notification) => set((prev) => {
|
|
5489
|
-
const actions = notification.status === "active" ? "add" : "remove";
|
|
5490
|
-
const exists = prev.settingsNotifications.find((n) => n.id === notification.id);
|
|
5491
|
-
if (actions === "add") {
|
|
5492
|
-
if (exists) return prev;
|
|
5493
|
-
return { settingsNotifications: [...prev.settingsNotifications, notification] };
|
|
5494
|
-
}
|
|
5495
|
-
const filtered = prev.settingsNotifications.filter((n) => n.id !== notification.id);
|
|
5496
|
-
return { settingsNotifications: filtered };
|
|
5497
|
-
}),
|
|
5498
|
-
setPendingWalletLogin: (pendingWalletLogin) => set({ pendingWalletLogin }),
|
|
5499
|
-
setIsOnboarding: (isOnboarding) => set({ isOnboarding })
|
|
5420
|
+
balance: { decimals: 18, formatted: "0.0", symbol: "LUMIA", value: BigInt(0) }
|
|
5500
5421
|
}));
|
|
5501
5422
|
}
|
|
5502
5423
|
});
|
|
@@ -5591,7 +5512,7 @@ function BalanceFeedProvider() {
|
|
|
5591
5512
|
const [balanceSymbol, setBalanceSymbol] = (0, import_react5.useState)(null);
|
|
5592
5513
|
const blockscoutApiUrl = (0, import_react5.useMemo)(() => getBlockscoutApiUrl(chainConfig), [chainConfig]);
|
|
5593
5514
|
(0, import_react5.useEffect)(() => {
|
|
5594
|
-
|
|
5515
|
+
useBalanceViewStore.setState({ cryptoSymbol: chainConfig?.nativeCurrency?.symbol || "LUMIA" });
|
|
5595
5516
|
const showBalanceAsSymbol = getShowBalanceAsValue(config?.current?.showBalanceAs || null, chainConfig?.id || 0);
|
|
5596
5517
|
setBalanceSymbol(showBalanceAsSymbol || chainConfig.nativeCurrency.symbol);
|
|
5597
5518
|
}, [config, embarkaiAddress, chainConfig]);
|
|
@@ -5644,12 +5565,13 @@ function BalanceFeedProvider() {
|
|
|
5644
5565
|
const nativeSymbol = chainConfig?.nativeCurrency?.symbol || "LUMIA";
|
|
5645
5566
|
const rate = Number(cryptoRate?.price || "1");
|
|
5646
5567
|
const formattedBalance = Number((0, import_viem2.formatUnits)(BigInt(nativeBalance?.value || "0"), nativeBalance?.decimals || 18));
|
|
5647
|
-
|
|
5648
|
-
|
|
5649
|
-
|
|
5650
|
-
|
|
5651
|
-
|
|
5652
|
-
|
|
5568
|
+
useBalanceViewStore.setState({
|
|
5569
|
+
cryptoRate: rate,
|
|
5570
|
+
cryptoSymbol: nativeSymbol,
|
|
5571
|
+
fiatSymbol: "USD",
|
|
5572
|
+
fiatBalance: formattedBalance * rate,
|
|
5573
|
+
balance: nativeBalance || { decimals: 18, formatted: "0", symbol: nativeSymbol, value: BigInt(0) }
|
|
5574
|
+
});
|
|
5653
5575
|
}, [isNativeBalanceFeedEnabled, nativeBalance, cryptoRate, chainConfig]);
|
|
5654
5576
|
const {
|
|
5655
5577
|
balanceQuery: projectAssetBalanceQueryFn,
|
|
@@ -5668,16 +5590,18 @@ function BalanceFeedProvider() {
|
|
|
5668
5590
|
(0, import_react5.useEffect)(() => {
|
|
5669
5591
|
if (!isProjectAssetBalanceEnabled || !projectAssetBalance) return;
|
|
5670
5592
|
const { cryptoFiatRate, fiatFormatted, cryptoFormatted, cryptoSymbol, fiatSymbol } = projectAssetBalance;
|
|
5671
|
-
|
|
5672
|
-
|
|
5673
|
-
|
|
5674
|
-
|
|
5675
|
-
|
|
5676
|
-
|
|
5677
|
-
|
|
5678
|
-
|
|
5679
|
-
|
|
5680
|
-
|
|
5593
|
+
useBalanceViewStore.setState({
|
|
5594
|
+
...!!cryptoSymbol && { cryptoSymbol },
|
|
5595
|
+
...!!fiatSymbol && { fiatSymbol },
|
|
5596
|
+
cryptoRate: cryptoFiatRate || 1,
|
|
5597
|
+
fiatBalance: fiatFormatted || 0,
|
|
5598
|
+
// conversions to fit BalanceItem interface
|
|
5599
|
+
balance: {
|
|
5600
|
+
decimals: 18,
|
|
5601
|
+
formatted: cryptoFormatted?.toString() || "0",
|
|
5602
|
+
symbol: cryptoSymbol?.toUpperCase(),
|
|
5603
|
+
value: BigInt(Math.floor((cryptoFormatted || 0) * 10 ** 18))
|
|
5604
|
+
}
|
|
5681
5605
|
});
|
|
5682
5606
|
}, [isProjectAssetBalanceEnabled, projectAssetBalance]);
|
|
5683
5607
|
const isCustomAssetBalanceEnabled = !isNativeBalanceFeedEnabled && !isProjectAssetBalanceEnabled;
|
|
@@ -5746,12 +5670,13 @@ function BalanceFeedProvider() {
|
|
|
5746
5670
|
if (!!isCustomAssetBalanceEnabled && isCustomBalanceLoading) return;
|
|
5747
5671
|
const rate = Number(cryptoRate?.price || "1");
|
|
5748
5672
|
const formattedBalance = Number((0, import_viem2.formatUnits)(BigInt(customBalance?.value || "0"), customBalance?.decimals || 18));
|
|
5749
|
-
|
|
5750
|
-
|
|
5751
|
-
|
|
5752
|
-
|
|
5753
|
-
|
|
5754
|
-
|
|
5673
|
+
useBalanceViewStore.setState({
|
|
5674
|
+
cryptoRate: rate,
|
|
5675
|
+
cryptoSymbol: customBalance.symbol,
|
|
5676
|
+
fiatSymbol: "USD",
|
|
5677
|
+
fiatBalance: formattedBalance * rate,
|
|
5678
|
+
balance: customBalance
|
|
5679
|
+
});
|
|
5755
5680
|
}, [
|
|
5756
5681
|
isCustomAssetBalanceEnabled,
|
|
5757
5682
|
customBalance,
|
|
@@ -5773,7 +5698,7 @@ var init_BalanceFeedProvider = __esm({
|
|
|
5773
5698
|
import_react_query2 = require("@tanstack/react-query");
|
|
5774
5699
|
import_react5 = require("react");
|
|
5775
5700
|
import_viem2 = require("viem");
|
|
5776
|
-
|
|
5701
|
+
init_useBalanceViewStore();
|
|
5777
5702
|
init_constants2();
|
|
5778
5703
|
init_useAssetRate();
|
|
5779
5704
|
}
|
|
@@ -5919,6 +5844,87 @@ var init_helpers = __esm({
|
|
|
5919
5844
|
}
|
|
5920
5845
|
});
|
|
5921
5846
|
|
|
5847
|
+
// src/internal/hooks/useLayoutDataStore.ts
|
|
5848
|
+
var import_zustand4, PageKey, RETURNABLE_MENUS, useLayoutDataStore;
|
|
5849
|
+
var init_useLayoutDataStore = __esm({
|
|
5850
|
+
"src/internal/hooks/useLayoutDataStore.ts"() {
|
|
5851
|
+
import_zustand4 = require("zustand");
|
|
5852
|
+
init_constants();
|
|
5853
|
+
PageKey = /* @__PURE__ */ ((PageKey2) => {
|
|
5854
|
+
PageKey2["AUTH"] = "auth";
|
|
5855
|
+
PageKey2["USER_ACTIVITY"] = "user-activity";
|
|
5856
|
+
PageKey2["LANGUAGES"] = "languages";
|
|
5857
|
+
PageKey2["MAIN_MENU"] = "main-menu";
|
|
5858
|
+
PageKey2["ACTIVITY_LOG"] = "activity-log";
|
|
5859
|
+
PageKey2["SETTINGS"] = "settings";
|
|
5860
|
+
PageKey2["SEND"] = "send";
|
|
5861
|
+
PageKey2["RECEIVE"] = "receive";
|
|
5862
|
+
PageKey2["BUY"] = "buy";
|
|
5863
|
+
PageKey2["KYC"] = "kyc";
|
|
5864
|
+
PageKey2["TRANSACTIONS"] = "transactions";
|
|
5865
|
+
PageKey2["ASSETS"] = "assets";
|
|
5866
|
+
PageKey2["MANAGE_WALLET"] = "manage-wallet";
|
|
5867
|
+
PageKey2["UNLINK_PROVIDER"] = "unlink-provider";
|
|
5868
|
+
PageKey2["SECURITY"] = "security";
|
|
5869
|
+
PageKey2["KEYSARE_BACKUP"] = "keysare-backup";
|
|
5870
|
+
PageKey2["KEYSHARE_RESTORE"] = "keyshare-restore";
|
|
5871
|
+
PageKey2["CHAIN"] = "chain";
|
|
5872
|
+
PageKey2["CHAIN_SWITCH_REQUEST"] = "chain-switch-request";
|
|
5873
|
+
PageKey2["NICKNAME_SETTINGS"] = "nickname-settings";
|
|
5874
|
+
PageKey2["DEVICES"] = "devices";
|
|
5875
|
+
PageKey2["DEVICE_LINK"] = "device-link";
|
|
5876
|
+
PageKey2["DEVICE_MANAGE"] = "device-manage";
|
|
5877
|
+
PageKey2["DEVICE_RESTORE"] = "device-restore";
|
|
5878
|
+
PageKey2["CONNECT_EXTERNAL_WALLET"] = "connect-external-wallet";
|
|
5879
|
+
return PageKey2;
|
|
5880
|
+
})(PageKey || {});
|
|
5881
|
+
RETURNABLE_MENUS = ["languages" /* LANGUAGES */, "connect-external-wallet" /* CONNECT_EXTERNAL_WALLET */, "chain" /* CHAIN */];
|
|
5882
|
+
useLayoutDataStore = (0, import_zustand4.create)((set) => ({
|
|
5883
|
+
page: null,
|
|
5884
|
+
pageParams: null,
|
|
5885
|
+
postAuthNavigation: null,
|
|
5886
|
+
openedFromPage: null,
|
|
5887
|
+
transitionPageHeight: DEFAULT_AUTH_MENU_HEIGHT,
|
|
5888
|
+
settingsNotifications: [],
|
|
5889
|
+
pendingWalletLogin: null,
|
|
5890
|
+
isOnboarding: false,
|
|
5891
|
+
setPageParams: (pageOptions) => set({ pageParams: pageOptions }),
|
|
5892
|
+
setPostAuthNavigation: (postAuthNavigation) => set({ postAuthNavigation }),
|
|
5893
|
+
openPostAuthNavigation: () => {
|
|
5894
|
+
let navigation = null;
|
|
5895
|
+
set((state) => {
|
|
5896
|
+
navigation = state.postAuthNavigation;
|
|
5897
|
+
if (!navigation) return state;
|
|
5898
|
+
return {
|
|
5899
|
+
page: navigation.page,
|
|
5900
|
+
pageParams: navigation.params ?? null,
|
|
5901
|
+
postAuthNavigation: null
|
|
5902
|
+
};
|
|
5903
|
+
});
|
|
5904
|
+
return !!navigation;
|
|
5905
|
+
},
|
|
5906
|
+
setPage: (page) => set((prev) => ({
|
|
5907
|
+
page,
|
|
5908
|
+
// Save the page from which specific menus were opened
|
|
5909
|
+
openedFromPage: !!page && RETURNABLE_MENUS.includes(page) ? prev.page && RETURNABLE_MENUS.includes(prev.page) ? prev.openedFromPage : prev.page : null
|
|
5910
|
+
})),
|
|
5911
|
+
setTransitionPageHeight: (transitionPageHeight) => set({ transitionPageHeight }),
|
|
5912
|
+
setSettingsNotifications: (notification) => set((prev) => {
|
|
5913
|
+
const actions = notification.status === "active" ? "add" : "remove";
|
|
5914
|
+
const exists = prev.settingsNotifications.find((n) => n.id === notification.id);
|
|
5915
|
+
if (actions === "add") {
|
|
5916
|
+
if (exists) return prev;
|
|
5917
|
+
return { settingsNotifications: [...prev.settingsNotifications, notification] };
|
|
5918
|
+
}
|
|
5919
|
+
const filtered = prev.settingsNotifications.filter((n) => n.id !== notification.id);
|
|
5920
|
+
return { settingsNotifications: filtered };
|
|
5921
|
+
}),
|
|
5922
|
+
setPendingWalletLogin: (pendingWalletLogin) => set({ pendingWalletLogin }),
|
|
5923
|
+
setIsOnboarding: (isOnboarding) => set({ isOnboarding })
|
|
5924
|
+
}));
|
|
5925
|
+
}
|
|
5926
|
+
});
|
|
5927
|
+
|
|
5922
5928
|
// src/internal/components/ChainSync/ChainSync.tsx
|
|
5923
5929
|
function ChainSync() {
|
|
5924
5930
|
const { config, callbacksRef } = useProviderConfig();
|
|
@@ -7334,24 +7340,19 @@ var init_useDetectMaxScrollHeight = __esm({
|
|
|
7334
7340
|
|
|
7335
7341
|
// src/internal/hooks/useListenIframeAuthEvents.ts
|
|
7336
7342
|
function useListenIframeAuthEvents() {
|
|
7337
|
-
const
|
|
7338
|
-
|
|
7339
|
-
|
|
7340
|
-
|
|
7341
|
-
|
|
7342
|
-
|
|
7343
|
-
|
|
7344
|
-
|
|
7345
|
-
|
|
7346
|
-
|
|
7347
|
-
|
|
7348
|
-
|
|
7349
|
-
|
|
7350
|
-
console.log("[ IFRAME MESSAGE CACTHED] recovery neede");
|
|
7351
|
-
}
|
|
7352
|
-
},
|
|
7353
|
-
[setPage, setIsIframeReady]
|
|
7354
|
-
);
|
|
7343
|
+
const handleIframeMessage = (0, import_react12.useCallback)((event) => {
|
|
7344
|
+
const type = event.data?.type?.startsWith?.("LUMIA_PASSPORT_") ? event.data.type.replace("LUMIA_PASSPORT_", "IFRAME_MSG_") : event.data?.type;
|
|
7345
|
+
if (type === "IFRAME_MSG_IFRAME_READY") {
|
|
7346
|
+
console.log("[ IFRAME MESSAGE CACTHED ] Iframe is ready");
|
|
7347
|
+
useSession.getState().setIsIframeReady(true);
|
|
7348
|
+
} else if (type === "IFRAME_MSG_SHOW_IFRAME") {
|
|
7349
|
+
console.log("[ IFRAME MESSAGE CACTHED ] Consent screen shown - hiding auth modal");
|
|
7350
|
+
} else if (type === "IFRAME_MSG_HIDE_IFRAME") {
|
|
7351
|
+
console.log("[ IFRAME MESSAGE CACTHED ] Consent screen hidden");
|
|
7352
|
+
} else if (event.data?.type === "KEYSHARE_RECOVERY_NEEDED") {
|
|
7353
|
+
console.log("[ IFRAME MESSAGE CACTHED] recovery neede");
|
|
7354
|
+
}
|
|
7355
|
+
}, []);
|
|
7355
7356
|
(0, import_react12.useEffect)(() => {
|
|
7356
7357
|
window.addEventListener("message", handleIframeMessage);
|
|
7357
7358
|
return () => window.removeEventListener("message", handleIframeMessage);
|
|
@@ -7362,7 +7363,6 @@ var init_useListenIframeAuthEvents = __esm({
|
|
|
7362
7363
|
"src/internal/hooks/useListenIframeAuthEvents.ts"() {
|
|
7363
7364
|
init_SessionContext();
|
|
7364
7365
|
import_react12 = require("react");
|
|
7365
|
-
init_useLayoutDataStore();
|
|
7366
7366
|
}
|
|
7367
7367
|
});
|
|
7368
7368
|
|
|
@@ -9682,12 +9682,12 @@ var init_api = __esm({
|
|
|
9682
9682
|
});
|
|
9683
9683
|
|
|
9684
9684
|
// src/internal/components/ActivityLogMenu/useActivityLogFilters.ts
|
|
9685
|
-
var
|
|
9685
|
+
var import_zustand5, import_middleware, useActivityLogFilters;
|
|
9686
9686
|
var init_useActivityLogFilters = __esm({
|
|
9687
9687
|
"src/internal/components/ActivityLogMenu/useActivityLogFilters.ts"() {
|
|
9688
|
-
|
|
9688
|
+
import_zustand5 = require("zustand");
|
|
9689
9689
|
import_middleware = require("zustand/middleware");
|
|
9690
|
-
useActivityLogFilters = (0,
|
|
9690
|
+
useActivityLogFilters = (0, import_zustand5.create)()(
|
|
9691
9691
|
(0, import_middleware.persist)(() => ({}), {
|
|
9692
9692
|
name: "embark-user-activity-filters"
|
|
9693
9693
|
// unique name for the storage
|
|
@@ -9842,11 +9842,11 @@ var init_highlight = __esm({
|
|
|
9842
9842
|
});
|
|
9843
9843
|
|
|
9844
9844
|
// src/internal/components/AuthMenu/useAuthStore.ts
|
|
9845
|
-
var
|
|
9845
|
+
var import_zustand6, useAuthStore;
|
|
9846
9846
|
var init_useAuthStore = __esm({
|
|
9847
9847
|
"src/internal/components/AuthMenu/useAuthStore.ts"() {
|
|
9848
|
-
|
|
9849
|
-
useAuthStore = (0,
|
|
9848
|
+
import_zustand6 = require("zustand");
|
|
9849
|
+
useAuthStore = (0, import_zustand6.create)((set) => ({
|
|
9850
9850
|
step: "signin",
|
|
9851
9851
|
alert: null,
|
|
9852
9852
|
email: "",
|
|
@@ -11773,16 +11773,16 @@ var init_AuthMenu2 = __esm({
|
|
|
11773
11773
|
});
|
|
11774
11774
|
|
|
11775
11775
|
// src/internal/components/Onboarding/useOnboardingStore.ts
|
|
11776
|
-
var
|
|
11776
|
+
var import_zustand7, useOnboardingStore;
|
|
11777
11777
|
var init_useOnboardingStore = __esm({
|
|
11778
11778
|
"src/internal/components/Onboarding/useOnboardingStore.ts"() {
|
|
11779
|
-
|
|
11780
|
-
useOnboardingStore = (0,
|
|
11779
|
+
import_zustand7 = require("zustand");
|
|
11780
|
+
useOnboardingStore = (0, import_zustand7.create)((set) => ({
|
|
11781
11781
|
isTourAvailable: false,
|
|
11782
11782
|
setIsTourAvailable: (isTourAvailable) => set({ isTourAvailable }),
|
|
11783
|
-
elRect: { x:
|
|
11783
|
+
elRect: { x: 0, y: 0, width: 0, height: 0 },
|
|
11784
11784
|
setElRect: (elRect) => set({ elRect }),
|
|
11785
|
-
mountIntoNode:
|
|
11785
|
+
mountIntoNode: null,
|
|
11786
11786
|
setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
|
|
11787
11787
|
}));
|
|
11788
11788
|
}
|
|
@@ -11802,7 +11802,8 @@ var init_onboarder = __esm({
|
|
|
11802
11802
|
elements = /* @__PURE__ */ new Map();
|
|
11803
11803
|
/** deferred DOM observer */
|
|
11804
11804
|
domObserverTimer = null;
|
|
11805
|
-
domObserver =
|
|
11805
|
+
domObserver = null;
|
|
11806
|
+
onDomMutation = ([domMutation]) => {
|
|
11806
11807
|
if (this.domObserverTimer) clearTimeout(this.domObserverTimer);
|
|
11807
11808
|
this.domObserverTimer = setTimeout(() => {
|
|
11808
11809
|
const elId = this.tour[this.tourPointer]?.elId;
|
|
@@ -11812,10 +11813,11 @@ var init_onboarder = __esm({
|
|
|
11812
11813
|
elementRef.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
|
|
11813
11814
|
useOnboardingStore.getState().setElRect({ x, y, width, height });
|
|
11814
11815
|
}, 200);
|
|
11815
|
-
}
|
|
11816
|
+
};
|
|
11816
11817
|
/** deferred resize observer */
|
|
11817
11818
|
resizeObserverTimer = null;
|
|
11818
|
-
resizeObserver =
|
|
11819
|
+
resizeObserver = null;
|
|
11820
|
+
onResize = (entries) => {
|
|
11819
11821
|
if (this.resizeObserverTimer) clearTimeout(this.resizeObserverTimer);
|
|
11820
11822
|
this.resizeObserverTimer = setTimeout(() => {
|
|
11821
11823
|
for (const entry of entries) {
|
|
@@ -11832,16 +11834,19 @@ var init_onboarder = __esm({
|
|
|
11832
11834
|
useOnboardingStore.getState().setElRect(elRectData);
|
|
11833
11835
|
}
|
|
11834
11836
|
}, 200);
|
|
11835
|
-
}
|
|
11837
|
+
};
|
|
11836
11838
|
/** TOUR */
|
|
11837
11839
|
startTour(tour) {
|
|
11838
11840
|
if (!tour || tour.length === 0) return;
|
|
11839
11841
|
this.tourPointer = 0;
|
|
11840
11842
|
this.tour = tour;
|
|
11843
|
+
useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
|
|
11841
11844
|
useLayoutDataStore.getInitialState().setIsOnboarding(true);
|
|
11842
11845
|
useLayoutStore.getInitialState().setIsDialogForced(true);
|
|
11843
11846
|
const startElRef = this.elements.get(tour[0].elId)?.deref();
|
|
11844
11847
|
if (!!startElRef) {
|
|
11848
|
+
this.domObserver ??= new MutationObserver(this.onDomMutation);
|
|
11849
|
+
this.resizeObserver ??= new ResizeObserver(this.onResize);
|
|
11845
11850
|
this.domObserver.observe(startElRef, { childList: true, subtree: true });
|
|
11846
11851
|
this.resizeObserver.observe(startElRef);
|
|
11847
11852
|
this.resizeObserver.observe(document.body);
|
|
@@ -11850,8 +11855,8 @@ var init_onboarder = __esm({
|
|
|
11850
11855
|
endTour() {
|
|
11851
11856
|
this.tour = null;
|
|
11852
11857
|
this.tourPointer = 0;
|
|
11853
|
-
this.domObserver
|
|
11854
|
-
this.resizeObserver
|
|
11858
|
+
this.domObserver?.disconnect();
|
|
11859
|
+
this.resizeObserver?.disconnect();
|
|
11855
11860
|
useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
|
|
11856
11861
|
setTimeout(() => {
|
|
11857
11862
|
useLayoutDataStore.getInitialState().setIsOnboarding(false);
|
|
@@ -11863,14 +11868,16 @@ var init_onboarder = __esm({
|
|
|
11863
11868
|
const curStep = this.tour[this.tourPointer];
|
|
11864
11869
|
curStep?.onNext?.();
|
|
11865
11870
|
if (this.tourPointer === this.tour.length - 1) return this.endTour();
|
|
11866
|
-
this.resizeObserver
|
|
11867
|
-
this.domObserver
|
|
11871
|
+
this.resizeObserver?.disconnect();
|
|
11872
|
+
this.domObserver?.disconnect();
|
|
11868
11873
|
setTimeout(() => {
|
|
11869
11874
|
const nextStepPointer = this.tourPointer + 1;
|
|
11870
11875
|
this.tourPointer = nextStepPointer;
|
|
11871
11876
|
const nextStep = this.tour[nextStepPointer];
|
|
11872
11877
|
const nextElRef = this.elements.get(nextStep.elId)?.deref();
|
|
11873
11878
|
if (!!nextElRef) {
|
|
11879
|
+
this.domObserver ??= new MutationObserver(this.onDomMutation);
|
|
11880
|
+
this.resizeObserver ??= new ResizeObserver(this.onResize);
|
|
11874
11881
|
this.domObserver.observe(nextElRef, { childList: true, subtree: true });
|
|
11875
11882
|
this.resizeObserver.observe(nextElRef);
|
|
11876
11883
|
this.resizeObserver.observe(document.body);
|
|
@@ -12713,12 +12720,12 @@ function useBuyMenuParams() {
|
|
|
12713
12720
|
setPageParams(null);
|
|
12714
12721
|
}, []);
|
|
12715
12722
|
}
|
|
12716
|
-
var import_lodash_es7, import_react29,
|
|
12723
|
+
var import_lodash_es7, import_react29, import_zustand8, import_middleware2, DEFAULT_MENU_SWITCHES, DEFAULT_AMOUNT, DEFAULT_PROVIDER, useBuyMenuStore;
|
|
12717
12724
|
var init_useBuyMenuStore = __esm({
|
|
12718
12725
|
"src/internal/components/BuyMenu/useBuyMenuStore.ts"() {
|
|
12719
12726
|
import_lodash_es7 = require("lodash-es");
|
|
12720
12727
|
import_react29 = require("react");
|
|
12721
|
-
|
|
12728
|
+
import_zustand8 = require("zustand");
|
|
12722
12729
|
import_middleware2 = require("zustand/middleware");
|
|
12723
12730
|
init_useLayoutDataStore();
|
|
12724
12731
|
DEFAULT_MENU_SWITCHES = {
|
|
@@ -12731,7 +12738,7 @@ var init_useBuyMenuStore = __esm({
|
|
|
12731
12738
|
};
|
|
12732
12739
|
DEFAULT_AMOUNT = 20;
|
|
12733
12740
|
DEFAULT_PROVIDER = "binance";
|
|
12734
|
-
useBuyMenuStore = (0,
|
|
12741
|
+
useBuyMenuStore = (0, import_zustand8.create)()(
|
|
12735
12742
|
(0, import_middleware2.persist)(
|
|
12736
12743
|
(set) => ({
|
|
12737
12744
|
/** boolean flags */
|
|
@@ -13148,11 +13155,11 @@ var init_FiatSelector = __esm({
|
|
|
13148
13155
|
});
|
|
13149
13156
|
|
|
13150
13157
|
// src/internal/components/BuyMenu/binance/useBinanceStore.ts
|
|
13151
|
-
var
|
|
13158
|
+
var import_zustand9, useBinanceStore;
|
|
13152
13159
|
var init_useBinanceStore = __esm({
|
|
13153
13160
|
"src/internal/components/BuyMenu/binance/useBinanceStore.ts"() {
|
|
13154
|
-
|
|
13155
|
-
useBinanceStore = (0,
|
|
13161
|
+
import_zustand9 = require("zustand");
|
|
13162
|
+
useBinanceStore = (0, import_zustand9.create)((set) => ({
|
|
13156
13163
|
paymentMode: null,
|
|
13157
13164
|
setPaymentMode: (paymentMode) => set({ paymentMode }),
|
|
13158
13165
|
quoteData: null,
|
|
@@ -15527,8 +15534,8 @@ function ChainsMenu() {
|
|
|
15527
15534
|
variant: "ghost",
|
|
15528
15535
|
title: t("passport:common.back"),
|
|
15529
15536
|
onClick: () => {
|
|
15530
|
-
const
|
|
15531
|
-
useLayoutDataStore.getState().setPage(
|
|
15537
|
+
const openedFromPage = useLayoutDataStore.getState().openedFromPage;
|
|
15538
|
+
useLayoutDataStore.getState().setPage(openedFromPage || "settings" /* SETTINGS */);
|
|
15532
15539
|
},
|
|
15533
15540
|
children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react24.ArrowLeft, { className: "h-4 w-4" })
|
|
15534
15541
|
}
|
|
@@ -16124,11 +16131,11 @@ var init_wallet = __esm({
|
|
|
16124
16131
|
});
|
|
16125
16132
|
|
|
16126
16133
|
// src/internal/stores/useExternalWalletStore.ts
|
|
16127
|
-
var
|
|
16134
|
+
var import_zustand10, useExternalWalletStore;
|
|
16128
16135
|
var init_useExternalWalletStore = __esm({
|
|
16129
16136
|
"src/internal/stores/useExternalWalletStore.ts"() {
|
|
16130
|
-
|
|
16131
|
-
useExternalWalletStore = (0,
|
|
16137
|
+
import_zustand10 = require("zustand");
|
|
16138
|
+
useExternalWalletStore = (0, import_zustand10.create)((set) => ({
|
|
16132
16139
|
configMode: "linked",
|
|
16133
16140
|
activeMode: "linked",
|
|
16134
16141
|
externalAddress: null,
|
|
@@ -16351,12 +16358,12 @@ var init_email = __esm({
|
|
|
16351
16358
|
});
|
|
16352
16359
|
|
|
16353
16360
|
// src/internal/components/ManageWalletMenu/hooks/useStore.ts
|
|
16354
|
-
var
|
|
16361
|
+
var import_zustand11, useManageWalletStore;
|
|
16355
16362
|
var init_useStore = __esm({
|
|
16356
16363
|
"src/internal/components/ManageWalletMenu/hooks/useStore.ts"() {
|
|
16357
|
-
|
|
16364
|
+
import_zustand11 = require("zustand");
|
|
16358
16365
|
init_useLayoutStore();
|
|
16359
|
-
useManageWalletStore = (0,
|
|
16366
|
+
useManageWalletStore = (0, import_zustand11.create)((set) => ({
|
|
16360
16367
|
alert: null,
|
|
16361
16368
|
emailStep: "input",
|
|
16362
16369
|
email: "",
|
|
@@ -17626,7 +17633,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17626
17633
|
return await signOnce(true);
|
|
17627
17634
|
}
|
|
17628
17635
|
};
|
|
17629
|
-
const
|
|
17636
|
+
const openedFromPage = useLayoutDataStore((st) => st.openedFromPage);
|
|
17630
17637
|
const { data: providers = [] } = (0, import_react_query26.useQuery)({
|
|
17631
17638
|
retry: false,
|
|
17632
17639
|
enabled: !!embarkAiAddress,
|
|
@@ -17637,7 +17644,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17637
17644
|
const { mutateAsync: onLinkingComplete } = (0, import_react_query26.useMutation)({
|
|
17638
17645
|
mutationFn: async (success) => {
|
|
17639
17646
|
useManageWalletStore.getState().setProviderType(null);
|
|
17640
|
-
useLayoutDataStore.getState().setPage(
|
|
17647
|
+
useLayoutDataStore.getState().setPage(openedFromPage || "manage-wallet" /* MANAGE_WALLET */);
|
|
17641
17648
|
if (!success) return;
|
|
17642
17649
|
await qc.invalidateQueries({ queryKey: [PROVIDERS_QUERY_KEY, embarkAiAddress] });
|
|
17643
17650
|
await qc.invalidateQueries({ queryKey: [LINKED_PROFILES_QUERY_KEY, embarkAiAddress] });
|
|
@@ -17659,7 +17666,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17659
17666
|
}
|
|
17660
17667
|
};
|
|
17661
17668
|
const completeExternalConnect = (connector, address, chainId) => {
|
|
17662
|
-
useLayoutDataStore.getState().setPage(
|
|
17669
|
+
useLayoutDataStore.getState().setPage(openedFromPage || "manage-wallet" /* MANAGE_WALLET */);
|
|
17663
17670
|
keepOrReleaseExternalWallet(connector, address, chainId);
|
|
17664
17671
|
};
|
|
17665
17672
|
const { mutateAsync: loginOrLinkWallet, isPending: isLoginOrLinkWallet } = (0, import_react_query26.useMutation)({
|
|
@@ -17829,7 +17836,7 @@ function ConnectExternalWalletMenu() {
|
|
|
17829
17836
|
size: "icon",
|
|
17830
17837
|
title: t("passport:common.back"),
|
|
17831
17838
|
disabled: isConnectingExternalWallet || isLoginOrLinkWallet,
|
|
17832
|
-
onClick: () => useLayoutDataStore.getState().setPage(
|
|
17839
|
+
onClick: () => useLayoutDataStore.getState().setPage(openedFromPage ?? "manage-wallet" /* MANAGE_WALLET */),
|
|
17833
17840
|
children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react33.ArrowLeft, { className: "h-4 w-4" })
|
|
17834
17841
|
}
|
|
17835
17842
|
),
|
|
@@ -19238,11 +19245,11 @@ var init_DevicesMenu = __esm({
|
|
|
19238
19245
|
});
|
|
19239
19246
|
|
|
19240
19247
|
// src/internal/components/KeyshareRestoreMenu/hooks/useRestoreStore.ts
|
|
19241
|
-
var
|
|
19248
|
+
var import_zustand12, useRestoreStore;
|
|
19242
19249
|
var init_useRestoreStore = __esm({
|
|
19243
19250
|
"src/internal/components/KeyshareRestoreMenu/hooks/useRestoreStore.ts"() {
|
|
19244
|
-
|
|
19245
|
-
useRestoreStore = (0,
|
|
19251
|
+
import_zustand12 = require("zustand");
|
|
19252
|
+
useRestoreStore = (0, import_zustand12.create)((set) => ({
|
|
19246
19253
|
method: null,
|
|
19247
19254
|
// recoveryData: null,
|
|
19248
19255
|
showPassword: false,
|
|
@@ -21774,7 +21781,7 @@ var init_KYC = __esm({
|
|
|
21774
21781
|
function LanguagesMenu() {
|
|
21775
21782
|
const config = useProviderConfig().config;
|
|
21776
21783
|
const { t, i18n } = useT();
|
|
21777
|
-
const
|
|
21784
|
+
const openedFromPage = useLayoutDataStore((st) => st.openedFromPage);
|
|
21778
21785
|
const languageList = getAvailableLanguages(config.current.translations);
|
|
21779
21786
|
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
21780
21787
|
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
@@ -21784,7 +21791,7 @@ function LanguagesMenu() {
|
|
|
21784
21791
|
variant: "ghost",
|
|
21785
21792
|
size: "icon",
|
|
21786
21793
|
title: "Back",
|
|
21787
|
-
onClick: () => useLayoutDataStore.getState().setPage(
|
|
21794
|
+
onClick: () => useLayoutDataStore.getState().setPage(openedFromPage || "main-menu" /* MAIN_MENU */),
|
|
21788
21795
|
children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_lucide_react50.ArrowLeft, { className: "h-4 w-4" })
|
|
21789
21796
|
}
|
|
21790
21797
|
),
|
|
@@ -21799,7 +21806,7 @@ function LanguagesMenu() {
|
|
|
21799
21806
|
onClick: () => {
|
|
21800
21807
|
i18n.changeLanguage(langKey);
|
|
21801
21808
|
localStorage.setItem(LOCAL_STORAGE_I18N_KEY, langKey);
|
|
21802
|
-
useLayoutDataStore.getState().setPage(
|
|
21809
|
+
useLayoutDataStore.getState().setPage(openedFromPage);
|
|
21803
21810
|
},
|
|
21804
21811
|
children: [
|
|
21805
21812
|
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("span", { children: LANGUAGES[langKey]?.name }),
|
|
@@ -22449,11 +22456,11 @@ function BalanceView(props) {
|
|
|
22449
22456
|
const { className } = props;
|
|
22450
22457
|
const config = useProviderConfig().config;
|
|
22451
22458
|
const showFiatBalance = !!config.current?.features?.showActiveBalanceAsFiat;
|
|
22452
|
-
const balance =
|
|
22453
|
-
const cryptoSymbol =
|
|
22459
|
+
const balance = useBalanceViewStore((st) => st.balance);
|
|
22460
|
+
const cryptoSymbol = useBalanceViewStore((st) => st.cryptoSymbol);
|
|
22454
22461
|
const cryptoBalance = Number((0, import_viem10.formatUnits)(balance?.value || BigInt(0), balance?.decimals || 18));
|
|
22455
|
-
const fiatBalance =
|
|
22456
|
-
const fiatSymbol =
|
|
22462
|
+
const fiatBalance = useBalanceViewStore((st) => st.fiatBalance);
|
|
22463
|
+
const fiatSymbol = useBalanceViewStore((st) => st.fiatSymbol);
|
|
22457
22464
|
const BalanceIcon = showFiatBalance ? TOKENS_ICONS[cryptoSymbol] : null;
|
|
22458
22465
|
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
22459
22466
|
"p",
|
|
@@ -22479,7 +22486,7 @@ var import_viem10, import_jsx_runtime93, BALANCE_PREFIXES;
|
|
|
22479
22486
|
var init_BalanceView = __esm({
|
|
22480
22487
|
"src/internal/components/BalanceView/BalanceView.tsx"() {
|
|
22481
22488
|
init_tokens();
|
|
22482
|
-
|
|
22489
|
+
init_useBalanceViewStore();
|
|
22483
22490
|
init_priceFormatter();
|
|
22484
22491
|
init_utils();
|
|
22485
22492
|
init_ProviderContext();
|
|
@@ -23115,11 +23122,11 @@ var init_nickname_validation = __esm({
|
|
|
23115
23122
|
});
|
|
23116
23123
|
|
|
23117
23124
|
// src/internal/components/NicknameMenu/useNicknameStore.ts
|
|
23118
|
-
var
|
|
23125
|
+
var import_zustand13, useNicknameStore;
|
|
23119
23126
|
var init_useNicknameStore = __esm({
|
|
23120
23127
|
"src/internal/components/NicknameMenu/useNicknameStore.ts"() {
|
|
23121
|
-
|
|
23122
|
-
useNicknameStore = (0,
|
|
23128
|
+
import_zustand13 = require("zustand");
|
|
23129
|
+
useNicknameStore = (0, import_zustand13.create)((set) => ({
|
|
23123
23130
|
nicknameValue: "",
|
|
23124
23131
|
setNicknameValue: (nicknameValue) => set({ nicknameValue }),
|
|
23125
23132
|
availability: null,
|
|
@@ -23801,17 +23808,17 @@ var init_onboarding_setup8 = __esm({
|
|
|
23801
23808
|
});
|
|
23802
23809
|
|
|
23803
23810
|
// src/internal/components/SecurityMenu/useSecurityStore.ts
|
|
23804
|
-
var
|
|
23811
|
+
var import_zustand14, DEFAULT_SECURITY_STORE, useSecurityStore;
|
|
23805
23812
|
var init_useSecurityStore = __esm({
|
|
23806
23813
|
"src/internal/components/SecurityMenu/useSecurityStore.ts"() {
|
|
23807
|
-
|
|
23814
|
+
import_zustand14 = require("zustand");
|
|
23808
23815
|
DEFAULT_SECURITY_STORE = {
|
|
23809
23816
|
showConnectedApps: false,
|
|
23810
23817
|
appToUntrust: null,
|
|
23811
23818
|
// connected app can be untrusted
|
|
23812
23819
|
showAssetsPolicies: false
|
|
23813
23820
|
};
|
|
23814
|
-
useSecurityStore = (0,
|
|
23821
|
+
useSecurityStore = (0, import_zustand14.create)((set) => ({
|
|
23815
23822
|
title: "",
|
|
23816
23823
|
...DEFAULT_SECURITY_STORE
|
|
23817
23824
|
}));
|
|
@@ -24467,14 +24474,14 @@ function useWatchFormData() {
|
|
|
24467
24474
|
setShowFormErrors
|
|
24468
24475
|
};
|
|
24469
24476
|
}
|
|
24470
|
-
var import_react76,
|
|
24477
|
+
var import_react76, import_zustand15, usePolicyForm, usePolicyFormValidation;
|
|
24471
24478
|
var init_usePolicyForm = __esm({
|
|
24472
24479
|
"src/internal/components/SecurityMenu/UserPolicies/usePolicyForm.ts"() {
|
|
24473
24480
|
import_react76 = require("react");
|
|
24474
|
-
|
|
24481
|
+
import_zustand15 = require("zustand");
|
|
24475
24482
|
init_utils10();
|
|
24476
|
-
usePolicyForm = (0,
|
|
24477
|
-
usePolicyFormValidation = (0,
|
|
24483
|
+
usePolicyForm = (0, import_zustand15.create)(() => null);
|
|
24484
|
+
usePolicyFormValidation = (0, import_zustand15.create)(() => ({}));
|
|
24478
24485
|
}
|
|
24479
24486
|
});
|
|
24480
24487
|
|
|
@@ -25157,10 +25164,10 @@ var init_SecurityMenu2 = __esm({
|
|
|
25157
25164
|
});
|
|
25158
25165
|
|
|
25159
25166
|
// src/internal/components/SendMenu/hyperbridge/useBridgeStore.ts
|
|
25160
|
-
var
|
|
25167
|
+
var import_zustand16, import_middleware3, RESETABLE_STATES, useBridgeStore;
|
|
25161
25168
|
var init_useBridgeStore = __esm({
|
|
25162
25169
|
"src/internal/components/SendMenu/hyperbridge/useBridgeStore.ts"() {
|
|
25163
|
-
|
|
25170
|
+
import_zustand16 = require("zustand");
|
|
25164
25171
|
import_middleware3 = require("zustand/middleware");
|
|
25165
25172
|
RESETABLE_STATES = {
|
|
25166
25173
|
bridgeTxStatus: null,
|
|
@@ -25172,7 +25179,7 @@ var init_useBridgeStore = __esm({
|
|
|
25172
25179
|
isQuoteEstimating: false,
|
|
25173
25180
|
bridgeHistoryItem: null
|
|
25174
25181
|
};
|
|
25175
|
-
useBridgeStore = (0,
|
|
25182
|
+
useBridgeStore = (0, import_zustand16.create)()(
|
|
25176
25183
|
(0, import_middleware3.persist)(
|
|
25177
25184
|
(set, get) => ({
|
|
25178
25185
|
bridgeSenders: [],
|
|
@@ -25383,12 +25390,12 @@ var init_useAvailableSenders = __esm({
|
|
|
25383
25390
|
});
|
|
25384
25391
|
|
|
25385
25392
|
// src/internal/components/SendMenu/useFlowSelector.ts
|
|
25386
|
-
var
|
|
25393
|
+
var import_zustand17, import_middleware4, useFlowSelectorStore;
|
|
25387
25394
|
var init_useFlowSelector = __esm({
|
|
25388
25395
|
"src/internal/components/SendMenu/useFlowSelector.ts"() {
|
|
25389
|
-
|
|
25396
|
+
import_zustand17 = require("zustand");
|
|
25390
25397
|
import_middleware4 = require("zustand/middleware");
|
|
25391
|
-
useFlowSelectorStore = (0,
|
|
25398
|
+
useFlowSelectorStore = (0, import_zustand17.create)()(
|
|
25392
25399
|
(0, import_middleware4.persist)(
|
|
25393
25400
|
(set) => ({
|
|
25394
25401
|
flow: "send",
|
|
@@ -25814,11 +25821,11 @@ var init_useHyperlaneHistory = __esm({
|
|
|
25814
25821
|
});
|
|
25815
25822
|
|
|
25816
25823
|
// src/internal/components/SendMenu/hyperbridge/hooks/useOperationHashesStore.ts
|
|
25817
|
-
var
|
|
25824
|
+
var import_zustand18, useOperationHashesStore;
|
|
25818
25825
|
var init_useOperationHashesStore = __esm({
|
|
25819
25826
|
"src/internal/components/SendMenu/hyperbridge/hooks/useOperationHashesStore.ts"() {
|
|
25820
|
-
|
|
25821
|
-
useOperationHashesStore = (0,
|
|
25827
|
+
import_zustand18 = require("zustand");
|
|
25828
|
+
useOperationHashesStore = (0, import_zustand18.create)((set) => ({
|
|
25822
25829
|
hyperlaneDatabaseTx: null,
|
|
25823
25830
|
operationHashes: [],
|
|
25824
25831
|
setHyperlaneDatabaseTx: (hyperlaneDatabaseTx) => set({ hyperlaneDatabaseTx }),
|
|
@@ -26151,12 +26158,12 @@ var init_useMenuTitle = __esm({
|
|
|
26151
26158
|
});
|
|
26152
26159
|
|
|
26153
26160
|
// src/internal/components/SendMenu/send/useSendStore.ts
|
|
26154
|
-
var
|
|
26161
|
+
var import_zustand19, useSendStore;
|
|
26155
26162
|
var init_useSendStore = __esm({
|
|
26156
26163
|
"src/internal/components/SendMenu/send/useSendStore.ts"() {
|
|
26157
|
-
|
|
26164
|
+
import_zustand19 = require("zustand");
|
|
26158
26165
|
init_useFlowSelector();
|
|
26159
|
-
useSendStore = (0,
|
|
26166
|
+
useSendStore = (0, import_zustand19.create)((set) => ({
|
|
26160
26167
|
recipient: "",
|
|
26161
26168
|
//
|
|
26162
26169
|
amount: "",
|
|
@@ -30417,13 +30424,99 @@ var init_useSettingsNotifications = __esm({
|
|
|
30417
30424
|
}
|
|
30418
30425
|
});
|
|
30419
30426
|
|
|
30427
|
+
// src/internal/assets/embark-ai-dark.svg
|
|
30428
|
+
var React32, import_jsx_runtime132, SvgEmbarkAiDark, embark_ai_dark_default;
|
|
30429
|
+
var init_embark_ai_dark = __esm({
|
|
30430
|
+
"src/internal/assets/embark-ai-dark.svg"() {
|
|
30431
|
+
React32 = __toESM(require("react"));
|
|
30432
|
+
import_jsx_runtime132 = require("react/jsx-runtime");
|
|
30433
|
+
SvgEmbarkAiDark = (props) => /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("svg", { width: 873, height: 152, viewBox: "0 0 873 152", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
30434
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("g", { clipPath: "url(#clip0_753_38)", children: [
|
|
30435
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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" }),
|
|
30436
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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" }),
|
|
30437
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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" }),
|
|
30438
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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" }),
|
|
30439
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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" }),
|
|
30440
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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" }),
|
|
30441
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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" }),
|
|
30442
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("path", { d: "M862.114 123.078V27.8086H873.022V123.078H862.114Z", fill: "#ffffff" }),
|
|
30443
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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)" }),
|
|
30444
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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)" }),
|
|
30445
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("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)" })
|
|
30446
|
+
] }),
|
|
30447
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("defs", { children: [
|
|
30448
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("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: [
|
|
30449
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { stopColor: "#CCFFF8" }),
|
|
30450
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30451
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30452
|
+
] }),
|
|
30453
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("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: [
|
|
30454
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { stopColor: "#CCFFF8" }),
|
|
30455
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30456
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30457
|
+
] }),
|
|
30458
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("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: [
|
|
30459
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { stopColor: "#CCFFF8" }),
|
|
30460
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30461
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30462
|
+
] }),
|
|
30463
|
+
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("clipPath", { id: "clip0_753_38", children: /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("rect", { width: 873, height: 152, fill: "white" }) })
|
|
30464
|
+
] })
|
|
30465
|
+
] });
|
|
30466
|
+
embark_ai_dark_default = SvgEmbarkAiDark;
|
|
30467
|
+
}
|
|
30468
|
+
});
|
|
30469
|
+
|
|
30470
|
+
// src/internal/assets/embark-ai-light.svg
|
|
30471
|
+
var React33, import_jsx_runtime133, SvgEmbarkAiLight, embark_ai_light_default;
|
|
30472
|
+
var init_embark_ai_light = __esm({
|
|
30473
|
+
"src/internal/assets/embark-ai-light.svg"() {
|
|
30474
|
+
React33 = __toESM(require("react"));
|
|
30475
|
+
import_jsx_runtime133 = require("react/jsx-runtime");
|
|
30476
|
+
SvgEmbarkAiLight = (props) => /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("svg", { width: 873, height: 152, viewBox: "0 0 873 152", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
30477
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("g", { clipPath: "url(#clip0_753_38)", children: [
|
|
30478
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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" }),
|
|
30479
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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" }),
|
|
30480
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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" }),
|
|
30481
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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" }),
|
|
30482
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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" }),
|
|
30483
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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" }),
|
|
30484
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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" }),
|
|
30485
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("path", { d: "M862.114 123.078V27.8086H873.022V123.078H862.114Z", fill: "#2B2959" }),
|
|
30486
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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)" }),
|
|
30487
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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)" }),
|
|
30488
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("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)" })
|
|
30489
|
+
] }),
|
|
30490
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("defs", { children: [
|
|
30491
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("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: [
|
|
30492
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { stopColor: "#CCFFF8" }),
|
|
30493
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30494
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30495
|
+
] }),
|
|
30496
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("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: [
|
|
30497
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { stopColor: "#CCFFF8" }),
|
|
30498
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30499
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30500
|
+
] }),
|
|
30501
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("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: [
|
|
30502
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { stopColor: "#CCFFF8" }),
|
|
30503
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
30504
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
30505
|
+
] }),
|
|
30506
|
+
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)("clipPath", { id: "clip0_753_38", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("rect", { width: 873, height: 152, fill: "white" }) })
|
|
30507
|
+
] })
|
|
30508
|
+
] });
|
|
30509
|
+
embark_ai_light_default = SvgEmbarkAiLight;
|
|
30510
|
+
}
|
|
30511
|
+
});
|
|
30512
|
+
|
|
30420
30513
|
// package.json
|
|
30421
30514
|
var package_default;
|
|
30422
30515
|
var init_package = __esm({
|
|
30423
30516
|
"package.json"() {
|
|
30424
30517
|
package_default = {
|
|
30425
30518
|
name: "@embarkai/ui-kit",
|
|
30426
|
-
version: "0.4.
|
|
30519
|
+
version: "0.4.124",
|
|
30427
30520
|
description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
|
|
30428
30521
|
type: "module",
|
|
30429
30522
|
main: "./dist/index.cjs",
|
|
@@ -30534,6 +30627,7 @@ function Footer() {
|
|
|
30534
30627
|
const address = useSession((st) => st.address);
|
|
30535
30628
|
const chainConfig = useSession((st) => st.chainConfig);
|
|
30536
30629
|
const isDialogForced = useLayoutStore((st) => st.isDialogForced);
|
|
30630
|
+
const colorMode = useLayoutStore((st) => st.colorMode);
|
|
30537
30631
|
const { mutate: wagmiDisconnect } = useSafeDisconnect({
|
|
30538
30632
|
mutation: {
|
|
30539
30633
|
onSuccess: () => {
|
|
@@ -30581,15 +30675,16 @@ function Footer() {
|
|
|
30581
30675
|
useLayoutStore.getState().setIsDialogForced(false);
|
|
30582
30676
|
}
|
|
30583
30677
|
});
|
|
30584
|
-
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ (0,
|
|
30585
|
-
|
|
30678
|
+
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
|
|
30679
|
+
const EmbarkAiLogo = EMBARKAI_LOGOS[colorMode];
|
|
30680
|
+
return /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
|
|
30586
30681
|
"div",
|
|
30587
30682
|
{
|
|
30588
30683
|
style: { borderTop: "1px solid var(--ui-kit-bd)" },
|
|
30589
30684
|
className: "relative w-full flex flex-col items-center p-[var(--ui-kit-pd)] pb-5",
|
|
30590
30685
|
children: [
|
|
30591
|
-
/* @__PURE__ */ (0,
|
|
30592
|
-
/* @__PURE__ */ (0,
|
|
30686
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)("div", { className: cn2("w-full flex justify-between", !!address ? "justify-between" : "justify-center"), children: [
|
|
30687
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
|
|
30593
30688
|
Button,
|
|
30594
30689
|
{
|
|
30595
30690
|
ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_CHAIN_BUTTON, inst),
|
|
@@ -30605,12 +30700,12 @@ function Footer() {
|
|
|
30605
30700
|
useLayoutDataStore.getState().setPage("chain" /* CHAIN */);
|
|
30606
30701
|
},
|
|
30607
30702
|
children: [
|
|
30608
|
-
/* @__PURE__ */ (0,
|
|
30609
|
-
/* @__PURE__ */ (0,
|
|
30703
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(ChainIcon, { className: "flex-none w-6 h-6" }),
|
|
30704
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "text-xs font-bold", children: chainConfig.name || "EmbarkAI Wallet" })
|
|
30610
30705
|
]
|
|
30611
30706
|
}
|
|
30612
30707
|
),
|
|
30613
|
-
!!address ? /* @__PURE__ */ (0,
|
|
30708
|
+
!!address ? /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
|
|
30614
30709
|
Button,
|
|
30615
30710
|
{
|
|
30616
30711
|
ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_LOGOUT_BUTTON, inst),
|
|
@@ -30620,29 +30715,36 @@ function Footer() {
|
|
|
30620
30715
|
onClick: () => disconnect(address),
|
|
30621
30716
|
disabled: isDisconnecting || isDialogForced,
|
|
30622
30717
|
children: [
|
|
30623
|
-
/* @__PURE__ */ (0,
|
|
30624
|
-
isDisconnecting ? /* @__PURE__ */ (0,
|
|
30718
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { children: t("passport:auth.logout") }),
|
|
30719
|
+
isDisconnecting ? /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react85.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react85.LogOut, { className: "w-4 h-4" })
|
|
30625
30720
|
]
|
|
30626
30721
|
}
|
|
30627
30722
|
) : null
|
|
30628
30723
|
] }),
|
|
30629
|
-
/* @__PURE__ */ (0,
|
|
30630
|
-
"
|
|
30724
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(
|
|
30725
|
+
"div",
|
|
30631
30726
|
{
|
|
30632
30727
|
className: cn2(
|
|
30633
|
-
"
|
|
30634
|
-
"
|
|
30728
|
+
"flex items-center gap-1 w-fit h-5",
|
|
30729
|
+
"absolute bottom-0 left-1/2 -translate-x-1/2",
|
|
30730
|
+
"opacity-60"
|
|
30731
|
+
// 'text-[var(--ui-kit-fg-muted)]'
|
|
30635
30732
|
),
|
|
30636
|
-
children:
|
|
30733
|
+
children: [
|
|
30734
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(EmbarkAiLogo, { className: "h-2.5 w-auto" }),
|
|
30735
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "block font-mono text-[8px] leading-3 ", children: `${package_default.version}` })
|
|
30736
|
+
]
|
|
30637
30737
|
}
|
|
30638
30738
|
)
|
|
30639
30739
|
]
|
|
30640
30740
|
}
|
|
30641
30741
|
);
|
|
30642
30742
|
}
|
|
30643
|
-
var import_react_query60, import_lucide_react85,
|
|
30743
|
+
var import_react_query60, import_lucide_react85, import_jsx_runtime134, FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, EMBARKAI_LOGOS, FOOTER_TOUR;
|
|
30644
30744
|
var init_Footer = __esm({
|
|
30645
30745
|
"src/internal/components/Footer/Footer.tsx"() {
|
|
30746
|
+
init_embark_ai_dark();
|
|
30747
|
+
init_embark_ai_light();
|
|
30646
30748
|
init_package();
|
|
30647
30749
|
init_networks3();
|
|
30648
30750
|
init_ProviderContext();
|
|
@@ -30660,9 +30762,13 @@ var init_Footer = __esm({
|
|
|
30660
30762
|
init_constants5();
|
|
30661
30763
|
init_Onboarding();
|
|
30662
30764
|
init_button();
|
|
30663
|
-
|
|
30765
|
+
import_jsx_runtime134 = require("react/jsx-runtime");
|
|
30664
30766
|
FOOTER_ONBOARDING_CHAIN_BUTTON = "embark-footer-chain-button";
|
|
30665
30767
|
FOOTER_ONBOARDING_LOGOUT_BUTTON = "embark-footer-logout-button";
|
|
30768
|
+
EMBARKAI_LOGOS = {
|
|
30769
|
+
dark: embark_ai_dark_default,
|
|
30770
|
+
light: embark_ai_light_default
|
|
30771
|
+
};
|
|
30666
30772
|
FOOTER_TOUR = [
|
|
30667
30773
|
{
|
|
30668
30774
|
elId: FOOTER_ONBOARDING_CHAIN_BUTTON,
|
|
@@ -30786,35 +30892,35 @@ function Header() {
|
|
|
30786
30892
|
const avatar = profile?.avatar || import_auth25.jwtTokenManager.getAvatar();
|
|
30787
30893
|
const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth25.jwtTokenManager.getDisplayName();
|
|
30788
30894
|
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || null;
|
|
30789
|
-
return /* @__PURE__ */ (0,
|
|
30895
|
+
return /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
30790
30896
|
"div",
|
|
30791
30897
|
{
|
|
30792
30898
|
ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_ONBOARDING_ID, inst),
|
|
30793
30899
|
style: { borderBottom: "1px solid var(--ui-kit-bd)" },
|
|
30794
30900
|
className: "w-full flex flex-col gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)] pt-5",
|
|
30795
30901
|
children: [
|
|
30796
|
-
/* @__PURE__ */ (0,
|
|
30797
|
-
/* @__PURE__ */ (0,
|
|
30902
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
30903
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
30798
30904
|
"div",
|
|
30799
30905
|
{
|
|
30800
30906
|
className: "relative flex-none w-12 h-12 flex items-center justify-center cursor-pointer select-none",
|
|
30801
30907
|
onClick: handleAvatarClick,
|
|
30802
30908
|
children: [
|
|
30803
|
-
proMode && /* @__PURE__ */ (0,
|
|
30804
|
-
avatar ? /* @__PURE__ */ (0,
|
|
30909
|
+
proMode && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("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" }),
|
|
30910
|
+
avatar ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("img", { src: avatar, alt: displayName, className: "w-full h-full object-cover rounded-full" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(lumia_default2, { className: "w-12 h-12" })
|
|
30805
30911
|
]
|
|
30806
30912
|
}
|
|
30807
30913
|
),
|
|
30808
|
-
/* @__PURE__ */ (0,
|
|
30914
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(
|
|
30809
30915
|
"div",
|
|
30810
30916
|
{
|
|
30811
30917
|
style: { width: "calc(100% - 48px - var(--ui-kit-gap))" },
|
|
30812
30918
|
className: "flex-1 flex flex-col justify-center gap-1",
|
|
30813
30919
|
children: [
|
|
30814
|
-
isProfileLoading && /* @__PURE__ */ (0,
|
|
30815
|
-
!!address && !isProfileLoading && !!profile && /* @__PURE__ */ (0,
|
|
30816
|
-
/* @__PURE__ */ (0,
|
|
30817
|
-
/* @__PURE__ */ (0,
|
|
30920
|
+
isProfileLoading && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react86.Loader, { className: "w-4 h-4 animate-spin" }),
|
|
30921
|
+
!!address && !isProfileLoading && !!profile && /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)(import_jsx_runtime135.Fragment, { children: [
|
|
30922
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
30923
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
30818
30924
|
"span",
|
|
30819
30925
|
{
|
|
30820
30926
|
className: cn2(
|
|
@@ -30824,21 +30930,21 @@ function Header() {
|
|
|
30824
30930
|
children: displayName || config.current?.ui?.title || "EmbarkAI"
|
|
30825
30931
|
}
|
|
30826
30932
|
),
|
|
30827
|
-
/* @__PURE__ */ (0,
|
|
30933
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(KYCStatus, {})
|
|
30828
30934
|
] }),
|
|
30829
|
-
/* @__PURE__ */ (0,
|
|
30935
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(BalanceView, {})
|
|
30830
30936
|
] })
|
|
30831
30937
|
]
|
|
30832
30938
|
}
|
|
30833
30939
|
)
|
|
30834
30940
|
] }),
|
|
30835
|
-
!!address && /* @__PURE__ */ (0,
|
|
30836
|
-
/* @__PURE__ */ (0,
|
|
30837
|
-
!!ChainIcon ? /* @__PURE__ */ (0,
|
|
30838
|
-
/* @__PURE__ */ (0,
|
|
30941
|
+
!!address && /* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "w-full flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
|
|
30942
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "flex items-center w-fit text-[10px] px-2 leading-6 text-[var(--ui-kit-fg)] gap-2", children: [
|
|
30943
|
+
!!ChainIcon ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(ChainIcon, { className: "flex-none w-6 h-6" }) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "flex-none w-6 h-6 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: "text-[var(--ui-kit-fg-inverted)] text-sm font-bold", children: chainConfig.name.charAt(0) }) }),
|
|
30944
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)("span", { className: cn2("transition-colors", copied && "text-[var(--ui-kit-bg-success)]"), children: formatAddress3(address) })
|
|
30839
30945
|
] }),
|
|
30840
|
-
/* @__PURE__ */ (0,
|
|
30841
|
-
/* @__PURE__ */ (0,
|
|
30946
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsxs)("div", { className: "w-fit flex items-center", children: [
|
|
30947
|
+
/* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
30842
30948
|
Button,
|
|
30843
30949
|
{
|
|
30844
30950
|
size: "small",
|
|
@@ -30849,10 +30955,10 @@ function Header() {
|
|
|
30849
30955
|
setCopied(true);
|
|
30850
30956
|
setTimeout(() => setCopied(false), 1500);
|
|
30851
30957
|
},
|
|
30852
|
-
children: copied ? /* @__PURE__ */ (0,
|
|
30958
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(PositiveIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react86.Copy, { className: "w-4 h-4" })
|
|
30853
30959
|
}
|
|
30854
30960
|
),
|
|
30855
|
-
!!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */ (0,
|
|
30961
|
+
!!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(
|
|
30856
30962
|
Button,
|
|
30857
30963
|
{
|
|
30858
30964
|
ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_TOUR_BUTTON_ID, inst),
|
|
@@ -30860,17 +30966,17 @@ function Header() {
|
|
|
30860
30966
|
variant: "ghost",
|
|
30861
30967
|
className: "text-[10px] px-2",
|
|
30862
30968
|
onClick: () => onboarder.startTour(ONBOARDING_TOURS[embarkPage]({ config: config.current })),
|
|
30863
|
-
children: /* @__PURE__ */ (0,
|
|
30969
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime135.jsx)(import_lucide_react86.CircleQuestionMarkIcon, { className: "w-4 h-4" })
|
|
30864
30970
|
}
|
|
30865
30971
|
)
|
|
30866
30972
|
] })
|
|
30867
30973
|
] }),
|
|
30868
|
-
proToast && /* @__PURE__ */ (0,
|
|
30974
|
+
proToast && /* @__PURE__ */ (0, import_jsx_runtime135.jsx)("div", { className: "text-xs text-center text-[var(--ui-kit-primary)] font-medium animate-pulse", children: "Pro Mode activated" })
|
|
30869
30975
|
]
|
|
30870
30976
|
}
|
|
30871
30977
|
);
|
|
30872
30978
|
}
|
|
30873
|
-
var import_lucide_react86, import_react103,
|
|
30979
|
+
var import_lucide_react86, import_react103, import_jsx_runtime135;
|
|
30874
30980
|
var init_Header = __esm({
|
|
30875
30981
|
"src/internal/components/Header/Header.tsx"() {
|
|
30876
30982
|
init_lumia2();
|
|
@@ -30890,7 +30996,7 @@ var init_Header = __esm({
|
|
|
30890
30996
|
init_Onboarding();
|
|
30891
30997
|
init_button();
|
|
30892
30998
|
init_onborading_setup();
|
|
30893
|
-
|
|
30999
|
+
import_jsx_runtime135 = require("react/jsx-runtime");
|
|
30894
31000
|
}
|
|
30895
31001
|
});
|
|
30896
31002
|
|
|
@@ -30913,7 +31019,7 @@ function useDecideContentStyles() {
|
|
|
30913
31019
|
style: (0, import_lodash_es17.merge)({}, mobileStyles)
|
|
30914
31020
|
};
|
|
30915
31021
|
}
|
|
30916
|
-
var DialogPrimitive, import_lodash_es17, import_lucide_react87, import_react104,
|
|
31022
|
+
var DialogPrimitive, import_lodash_es17, import_lucide_react87, import_react104, import_jsx_runtime136, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
|
|
30917
31023
|
var init_dialog = __esm({
|
|
30918
31024
|
"src/internal/components/ui/dialog.tsx"() {
|
|
30919
31025
|
init_utils();
|
|
@@ -30926,11 +31032,11 @@ var init_dialog = __esm({
|
|
|
30926
31032
|
init_useLayoutDataStore();
|
|
30927
31033
|
init_useLayoutStore();
|
|
30928
31034
|
init_button();
|
|
30929
|
-
|
|
31035
|
+
import_jsx_runtime136 = require("react/jsx-runtime");
|
|
30930
31036
|
Dialog = DialogPrimitive.Root;
|
|
30931
31037
|
DialogPortal = DialogPrimitive.Portal;
|
|
30932
31038
|
DialogOverlay = (0, import_react104.forwardRef)(
|
|
30933
|
-
({ className, closing, ...props }, ref) => /* @__PURE__ */ (0,
|
|
31039
|
+
({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
30934
31040
|
DialogPrimitive.Overlay,
|
|
30935
31041
|
{
|
|
30936
31042
|
ref,
|
|
@@ -30962,7 +31068,7 @@ var init_dialog = __esm({
|
|
|
30962
31068
|
const { isMobileView, isClosing, style } = useDecideContentStyles();
|
|
30963
31069
|
const animationCnPrefix = isMobileView ? "animate-mobile-dialog" : "animate-dialog";
|
|
30964
31070
|
const dialogAnimationCn = isClosing ? `${animationCnPrefix}-out` : `${animationCnPrefix}-in`;
|
|
30965
|
-
return /* @__PURE__ */ (0,
|
|
31071
|
+
return /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
|
|
30966
31072
|
"div",
|
|
30967
31073
|
{
|
|
30968
31074
|
"data-purpose": "embarkai-ui-container",
|
|
@@ -30970,8 +31076,8 @@ var init_dialog = __esm({
|
|
|
30970
31076
|
"data-current-theme-mode": colorMode,
|
|
30971
31077
|
style: { ...style, outline: "none" },
|
|
30972
31078
|
children: [
|
|
30973
|
-
/* @__PURE__ */ (0,
|
|
30974
|
-
/* @__PURE__ */ (0,
|
|
31079
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DialogOverlay, { closing: isClosing }),
|
|
31080
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
30975
31081
|
"div",
|
|
30976
31082
|
{
|
|
30977
31083
|
className: cn2(
|
|
@@ -30983,7 +31089,7 @@ var init_dialog = __esm({
|
|
|
30983
31089
|
// allows to embuff embark content menu via --ui-kit-content-maw
|
|
30984
31090
|
isMobileView ? "items-end w-[100dvw] h-[100dvh]" : "items-center w-[var(--ui-kit-content-maw,var(--ui-kit-maw))] mx-auto"
|
|
30985
31091
|
),
|
|
30986
|
-
children: /* @__PURE__ */ (0,
|
|
31092
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
|
|
30987
31093
|
DialogPrimitive.Content,
|
|
30988
31094
|
{
|
|
30989
31095
|
ref,
|
|
@@ -31000,7 +31106,7 @@ var init_dialog = __esm({
|
|
|
31000
31106
|
...props,
|
|
31001
31107
|
children: [
|
|
31002
31108
|
children,
|
|
31003
|
-
!isDialogForced && /* @__PURE__ */ (0,
|
|
31109
|
+
!isDialogForced && /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
|
|
31004
31110
|
"div",
|
|
31005
31111
|
{
|
|
31006
31112
|
className: cn2(
|
|
@@ -31008,7 +31114,7 @@ var init_dialog = __esm({
|
|
|
31008
31114
|
"absolute right-[var(--ui-kit-pd)] top-[var(--ui-kit-pd)]"
|
|
31009
31115
|
),
|
|
31010
31116
|
children: [
|
|
31011
|
-
!isSessionLoading && /* @__PURE__ */ (0,
|
|
31117
|
+
!isSessionLoading && /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
|
|
31012
31118
|
Button,
|
|
31013
31119
|
{
|
|
31014
31120
|
variant: "ghost",
|
|
@@ -31016,12 +31122,12 @@ var init_dialog = __esm({
|
|
|
31016
31122
|
className: "relative w-4 h-4",
|
|
31017
31123
|
onClick: () => setPage("languages" /* LANGUAGES */),
|
|
31018
31124
|
children: [
|
|
31019
|
-
/* @__PURE__ */ (0,
|
|
31020
|
-
/* @__PURE__ */ (0,
|
|
31125
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "sr-only", children: t("passport:common.language") }),
|
|
31126
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "w-4 h-4 leading-4 block text-[10px] font-bold", children: getLanguageIcon(i18n.resolvedLanguage) || i18n.resolvedLanguage?.toUpperCase() })
|
|
31021
31127
|
]
|
|
31022
31128
|
}
|
|
31023
31129
|
),
|
|
31024
|
-
isSettings && /* @__PURE__ */ (0,
|
|
31130
|
+
isSettings && /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(
|
|
31025
31131
|
Button,
|
|
31026
31132
|
{
|
|
31027
31133
|
variant: "ghost",
|
|
@@ -31029,9 +31135,9 @@ var init_dialog = __esm({
|
|
|
31029
31135
|
className: "relative w-4 h-4",
|
|
31030
31136
|
onClick: () => setPage("settings" /* SETTINGS */),
|
|
31031
31137
|
children: [
|
|
31032
|
-
/* @__PURE__ */ (0,
|
|
31033
|
-
/* @__PURE__ */ (0,
|
|
31034
|
-
!!settingsNotifications.length && /* @__PURE__ */ (0,
|
|
31138
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "sr-only", children: t("passport:common.settings") }),
|
|
31139
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react87.SlidersHorizontal, { className: "w-4 h-4" }),
|
|
31140
|
+
!!settingsNotifications.length && /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
31035
31141
|
"div",
|
|
31036
31142
|
{
|
|
31037
31143
|
className: cn2(
|
|
@@ -31045,9 +31151,9 @@ var init_dialog = __esm({
|
|
|
31045
31151
|
]
|
|
31046
31152
|
}
|
|
31047
31153
|
),
|
|
31048
|
-
/* @__PURE__ */ (0,
|
|
31049
|
-
/* @__PURE__ */ (0,
|
|
31050
|
-
/* @__PURE__ */ (0,
|
|
31154
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime136.jsxs)(Button, { variant: "ghost", size: "icon", className: "w-4 h-4", children: [
|
|
31155
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)(import_lucide_react87.X, { className: "h-4 w-4" }),
|
|
31156
|
+
/* @__PURE__ */ (0, import_jsx_runtime136.jsx)("span", { className: "sr-only", children: t("passport:common.close") })
|
|
31051
31157
|
] }) })
|
|
31052
31158
|
]
|
|
31053
31159
|
}
|
|
@@ -31063,11 +31169,11 @@ var init_dialog = __esm({
|
|
|
31063
31169
|
}
|
|
31064
31170
|
);
|
|
31065
31171
|
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
31066
|
-
DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0,
|
|
31172
|
+
DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: cn2("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
|
|
31067
31173
|
DialogHeader.displayName = "DialogHeader";
|
|
31068
|
-
DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0,
|
|
31174
|
+
DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)("div", { className: cn2("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
31069
31175
|
DialogFooter.displayName = "DialogFooter";
|
|
31070
|
-
DialogTitle = (0, import_react104.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
31176
|
+
DialogTitle = (0, import_react104.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(
|
|
31071
31177
|
DialogPrimitive.Title,
|
|
31072
31178
|
{
|
|
31073
31179
|
ref,
|
|
@@ -31076,17 +31182,17 @@ var init_dialog = __esm({
|
|
|
31076
31182
|
}
|
|
31077
31183
|
));
|
|
31078
31184
|
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
31079
|
-
DialogDescription = (0, import_react104.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0,
|
|
31185
|
+
DialogDescription = (0, import_react104.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime136.jsx)(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
|
|
31080
31186
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
31081
31187
|
}
|
|
31082
31188
|
});
|
|
31083
31189
|
|
|
31084
31190
|
// src/internal/components/ui/visually-hidden.tsx
|
|
31085
|
-
var
|
|
31191
|
+
var import_jsx_runtime137, VisuallyHidden;
|
|
31086
31192
|
var init_visually_hidden = __esm({
|
|
31087
31193
|
"src/internal/components/ui/visually-hidden.tsx"() {
|
|
31088
|
-
|
|
31089
|
-
VisuallyHidden = ({ children }) => /* @__PURE__ */ (0,
|
|
31194
|
+
import_jsx_runtime137 = require("react/jsx-runtime");
|
|
31195
|
+
VisuallyHidden = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime137.jsx)("span", { className: "sr-only absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children });
|
|
31090
31196
|
}
|
|
31091
31197
|
});
|
|
31092
31198
|
|
|
@@ -31108,7 +31214,7 @@ function Dialog2() {
|
|
|
31108
31214
|
useListenIframeAuthEvents();
|
|
31109
31215
|
useAllowExternalModalsScroll(isDialogOpen);
|
|
31110
31216
|
const isHeaderHidden = !session || page === "keysare-backup" /* KEYSARE_BACKUP */ && !hasServerVault;
|
|
31111
|
-
return /* @__PURE__ */ (0,
|
|
31217
|
+
return /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
31112
31218
|
Dialog,
|
|
31113
31219
|
{
|
|
31114
31220
|
open: isDialogOpen,
|
|
@@ -31120,17 +31226,17 @@ function Dialog2() {
|
|
|
31120
31226
|
setPage(null);
|
|
31121
31227
|
}
|
|
31122
31228
|
},
|
|
31123
|
-
children: /* @__PURE__ */ (0,
|
|
31229
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime138.jsxs)(
|
|
31124
31230
|
DialogContent,
|
|
31125
31231
|
{
|
|
31126
31232
|
ref: (inst) => onboarder.registerElement(EMBARKAI_DIALOG_ONBOARDING_ID, inst),
|
|
31127
31233
|
colorMode,
|
|
31128
31234
|
className,
|
|
31129
31235
|
children: [
|
|
31130
|
-
/* @__PURE__ */ (0,
|
|
31131
|
-
/* @__PURE__ */ (0,
|
|
31132
|
-
!isHeaderHidden && /* @__PURE__ */ (0,
|
|
31133
|
-
/* @__PURE__ */ (0,
|
|
31236
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(DialogTitle, { children: "embarkAI" }) }),
|
|
31237
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)(DialogDescription, { className: "sr-only", children: "embarkAI wallet" }),
|
|
31238
|
+
!isHeaderHidden && /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Header, {}),
|
|
31239
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)(import_react105.AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
31134
31240
|
import_react105.motion.div,
|
|
31135
31241
|
{
|
|
31136
31242
|
style: { overflow: "hidden" },
|
|
@@ -31138,7 +31244,7 @@ function Dialog2() {
|
|
|
31138
31244
|
animate: { opacity: 1, height: "auto" },
|
|
31139
31245
|
exit: { opacity: 0, height: transitionPageHeight },
|
|
31140
31246
|
transition: Y_ANIMATION_SETUP,
|
|
31141
|
-
children: /* @__PURE__ */ (0,
|
|
31247
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime138.jsx)(
|
|
31142
31248
|
"div",
|
|
31143
31249
|
{
|
|
31144
31250
|
ref: (inst) => onboarder.registerElement(`${EMBARKAI_DIALOG_ONBOARDING_ID}-${page}`, inst),
|
|
@@ -31153,14 +31259,14 @@ function Dialog2() {
|
|
|
31153
31259
|
},
|
|
31154
31260
|
page || "empty"
|
|
31155
31261
|
) }),
|
|
31156
|
-
/* @__PURE__ */ (0,
|
|
31262
|
+
/* @__PURE__ */ (0, import_jsx_runtime138.jsx)(Footer, {})
|
|
31157
31263
|
]
|
|
31158
31264
|
}
|
|
31159
31265
|
)
|
|
31160
31266
|
}
|
|
31161
31267
|
);
|
|
31162
31268
|
}
|
|
31163
|
-
var import_react105, import_react106,
|
|
31269
|
+
var import_react105, import_react106, import_jsx_runtime138;
|
|
31164
31270
|
var init_Dialog = __esm({
|
|
31165
31271
|
"src/internal/components/Dialog/Dialog.tsx"() {
|
|
31166
31272
|
init_ProviderContext();
|
|
@@ -31182,7 +31288,7 @@ var init_Dialog = __esm({
|
|
|
31182
31288
|
init_Onboarding();
|
|
31183
31289
|
init_dialog();
|
|
31184
31290
|
init_visually_hidden();
|
|
31185
|
-
|
|
31291
|
+
import_jsx_runtime138 = require("react/jsx-runtime");
|
|
31186
31292
|
}
|
|
31187
31293
|
});
|
|
31188
31294
|
|
|
@@ -31310,32 +31416,32 @@ function waitForStoreHydration() {
|
|
|
31310
31416
|
}
|
|
31311
31417
|
function SessionProvider({ children }) {
|
|
31312
31418
|
const config = useProviderConfig().config;
|
|
31313
|
-
return /* @__PURE__ */ (0,
|
|
31419
|
+
return /* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(import_react109.Fragment, {
|
|
31314
31420
|
/** dApp's router might have its own error boundaries setup via imported @embarkai/ui-kitErrorBoundary */
|
|
31315
31421
|
children: [
|
|
31316
31422
|
children,
|
|
31317
|
-
/* @__PURE__ */ (0,
|
|
31318
|
-
config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0,
|
|
31319
|
-
/* @__PURE__ */ (0,
|
|
31320
|
-
/* @__PURE__ */ (0,
|
|
31321
|
-
/* @__PURE__ */ (0,
|
|
31423
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)(ErrorBoundary, { children: [
|
|
31424
|
+
config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(DirectWalletHandler, {}),
|
|
31425
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(BalanceFeedProvider, {}),
|
|
31426
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(ChainSync, {}),
|
|
31427
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
31322
31428
|
TssManagerWithRef,
|
|
31323
31429
|
{
|
|
31324
31430
|
mpcPin: void 0
|
|
31325
31431
|
}
|
|
31326
31432
|
),
|
|
31327
|
-
/* @__PURE__ */ (0,
|
|
31328
|
-
/* @__PURE__ */ (0,
|
|
31433
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(Dialog2, {}),
|
|
31434
|
+
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(OnboardingOverlay, {})
|
|
31329
31435
|
] })
|
|
31330
31436
|
]
|
|
31331
31437
|
});
|
|
31332
31438
|
}
|
|
31333
|
-
var import_read22, import_react109,
|
|
31439
|
+
var import_read22, import_react109, import_zustand20, import_middleware5, import_jsx_runtime139, useSession, requireActiveChainId;
|
|
31334
31440
|
var init_SessionContext = __esm({
|
|
31335
31441
|
"src/context/SessionContext.tsx"() {
|
|
31336
31442
|
import_read22 = require("@embarkai/core/read");
|
|
31337
31443
|
import_react109 = require("react");
|
|
31338
|
-
|
|
31444
|
+
import_zustand20 = require("zustand");
|
|
31339
31445
|
import_middleware5 = require("zustand/middleware");
|
|
31340
31446
|
init_ErrorBoundary2();
|
|
31341
31447
|
init_BalanceFeedProvider2();
|
|
@@ -31345,8 +31451,8 @@ var init_SessionContext = __esm({
|
|
|
31345
31451
|
init_Onboarding();
|
|
31346
31452
|
init_TssManager();
|
|
31347
31453
|
init_ProviderContext();
|
|
31348
|
-
|
|
31349
|
-
useSession = (0,
|
|
31454
|
+
import_jsx_runtime139 = require("react/jsx-runtime");
|
|
31455
|
+
useSession = (0, import_zustand20.create)()(
|
|
31350
31456
|
(0, import_middleware5.persist)(
|
|
31351
31457
|
(set) => ({
|
|
31352
31458
|
isLoading: false,
|
|
@@ -33892,9 +33998,9 @@ function Provider(props) {
|
|
|
33892
33998
|
}),
|
|
33893
33999
|
[config, updateConfig, callbacks, updateCallbacks]
|
|
33894
34000
|
);
|
|
33895
|
-
return /* @__PURE__ */ (0,
|
|
34001
|
+
return /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_wagmi9.WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(SessionProvider, { children }) }) });
|
|
33896
34002
|
}
|
|
33897
|
-
var import_core9, import_error_tracking4, import_lodash_es18, import_react110, import_wagmi9,
|
|
34003
|
+
var import_core9, import_error_tracking4, import_lodash_es18, import_react110, import_wagmi9, import_jsx_runtime140, UIContext, useProviderConfig;
|
|
33898
34004
|
var init_ProviderContext = __esm({
|
|
33899
34005
|
"src/context/ProviderContext.tsx"() {
|
|
33900
34006
|
import_core9 = require("@embarkai/core");
|
|
@@ -33906,7 +34012,7 @@ var init_ProviderContext = __esm({
|
|
|
33906
34012
|
init_iframe_manager();
|
|
33907
34013
|
init_SessionContext();
|
|
33908
34014
|
init_utils14();
|
|
33909
|
-
|
|
34015
|
+
import_jsx_runtime140 = require("react/jsx-runtime");
|
|
33910
34016
|
UIContext = (0, import_react110.createContext)(void 0);
|
|
33911
34017
|
useProviderConfig = () => {
|
|
33912
34018
|
const ctx = (0, import_react110.useContext)(UIContext);
|
|
@@ -34021,7 +34127,7 @@ __export(index_exports, {
|
|
|
34021
34127
|
module.exports = __toCommonJS(index_exports);
|
|
34022
34128
|
|
|
34023
34129
|
// src/styles/built.css
|
|
34024
|
-
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}`;
|
|
34130
|
+
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}`;
|
|
34025
34131
|
|
|
34026
34132
|
// src/index.ts
|
|
34027
34133
|
var import_core10 = require("@embarkai/core");
|
|
@@ -34043,7 +34149,7 @@ init_useLayoutStore();
|
|
|
34043
34149
|
init_useUserProfile();
|
|
34044
34150
|
init_pro_mode();
|
|
34045
34151
|
init_utils();
|
|
34046
|
-
var
|
|
34152
|
+
var import_jsx_runtime141 = (
|
|
34047
34153
|
/** external Buttons can be provided */
|
|
34048
34154
|
require("react/jsx-runtime")
|
|
34049
34155
|
);
|
|
@@ -34077,18 +34183,18 @@ function ConnectWalletButton(props) {
|
|
|
34077
34183
|
}, [session, address, hasServerVault]);
|
|
34078
34184
|
const proMode = useProMode();
|
|
34079
34185
|
const isConnecting = connectButtonLabel !== label || isLoading;
|
|
34080
|
-
return /* @__PURE__ */ (0,
|
|
34186
|
+
return /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("div", { "data-current-theme-mode": colorMode, className: cn2("embarkai-ui-scope w-fit h-fit", className), children: !address ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_jsx_runtime141.Fragment, { children: ConnectButton ? /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
|
|
34081
34187
|
ConnectButton,
|
|
34082
34188
|
{
|
|
34083
34189
|
type: "button",
|
|
34084
34190
|
disabled: isConnecting,
|
|
34085
34191
|
onClick: () => setPage("auth" /* AUTH */),
|
|
34086
34192
|
children: [
|
|
34087
|
-
isConnecting ? /* @__PURE__ */ (0,
|
|
34193
|
+
isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(embarkAI_default2, { className: "w-6 h-6" }),
|
|
34088
34194
|
connectButtonLabel.toUpperCase()
|
|
34089
34195
|
]
|
|
34090
34196
|
}
|
|
34091
|
-
) : /* @__PURE__ */ (0,
|
|
34197
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
|
|
34092
34198
|
Button,
|
|
34093
34199
|
{
|
|
34094
34200
|
type: "button",
|
|
@@ -34105,11 +34211,11 @@ function ConnectWalletButton(props) {
|
|
|
34105
34211
|
"disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
|
|
34106
34212
|
),
|
|
34107
34213
|
children: [
|
|
34108
|
-
isConnecting ? /* @__PURE__ */ (0,
|
|
34214
|
+
isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(embarkAI_default2, { className: "w-6 h-6" }),
|
|
34109
34215
|
connectButtonLabel.toUpperCase()
|
|
34110
34216
|
]
|
|
34111
34217
|
}
|
|
34112
|
-
) }) : /* @__PURE__ */ (0,
|
|
34218
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
|
|
34113
34219
|
"button",
|
|
34114
34220
|
{
|
|
34115
34221
|
type: "button",
|
|
@@ -34122,26 +34228,26 @@ function ConnectWalletButton(props) {
|
|
|
34122
34228
|
"rounded-[var(--ui-kit-bdrs)] p-4 max-w-sm min-w-[256px]"
|
|
34123
34229
|
),
|
|
34124
34230
|
children: [
|
|
34125
|
-
/* @__PURE__ */ (0,
|
|
34126
|
-
proMode && /* @__PURE__ */ (0,
|
|
34127
|
-
profile?.avatar ? /* @__PURE__ */ (0,
|
|
34231
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "relative w-12 h-12 rounded-full bg-[var(--ui-kit-fg)] flex items-center justify-center flex-shrink-0", children: [
|
|
34232
|
+
proMode && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("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" }),
|
|
34233
|
+
profile?.avatar ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("img", { src: profile.avatar, alt: "User avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(lumia_default2, { className: "w-12 h-12" })
|
|
34128
34234
|
] }),
|
|
34129
|
-
/* @__PURE__ */ (0,
|
|
34130
|
-
/* @__PURE__ */ (0,
|
|
34131
|
-
isProfileLoading ? /* @__PURE__ */ (0,
|
|
34132
|
-
/* @__PURE__ */ (0,
|
|
34235
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
|
|
34236
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
34237
|
+
isProfileLoading ? /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime141.jsx)("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
|
|
34238
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(KYCStatus, {})
|
|
34133
34239
|
] }),
|
|
34134
|
-
/* @__PURE__ */ (0,
|
|
34240
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(BalanceView, {})
|
|
34135
34241
|
] }),
|
|
34136
|
-
/* @__PURE__ */ (0,
|
|
34137
|
-
/* @__PURE__ */ (0,
|
|
34138
|
-
/* @__PURE__ */ (0,
|
|
34242
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
34243
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "group relative", children: [
|
|
34244
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
34139
34245
|
import_lucide_react88.Cloud,
|
|
34140
34246
|
{
|
|
34141
34247
|
className: `w-3 h-3 ${indicators.server ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
34142
34248
|
}
|
|
34143
34249
|
),
|
|
34144
|
-
/* @__PURE__ */ (0,
|
|
34250
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
|
|
34145
34251
|
"div",
|
|
34146
34252
|
{
|
|
34147
34253
|
className: cn2(
|
|
@@ -34156,14 +34262,14 @@ function ConnectWalletButton(props) {
|
|
|
34156
34262
|
}
|
|
34157
34263
|
)
|
|
34158
34264
|
] }),
|
|
34159
|
-
/* @__PURE__ */ (0,
|
|
34160
|
-
/* @__PURE__ */ (0,
|
|
34265
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "group relative", children: [
|
|
34266
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
34161
34267
|
import_lucide_react88.Laptop,
|
|
34162
34268
|
{
|
|
34163
34269
|
className: `w-3 h-3 ${indicators.local ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
34164
34270
|
}
|
|
34165
34271
|
),
|
|
34166
|
-
/* @__PURE__ */ (0,
|
|
34272
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
|
|
34167
34273
|
"div",
|
|
34168
34274
|
{
|
|
34169
34275
|
className: cn2(
|
|
@@ -34178,14 +34284,14 @@ function ConnectWalletButton(props) {
|
|
|
34178
34284
|
}
|
|
34179
34285
|
)
|
|
34180
34286
|
] }),
|
|
34181
|
-
/* @__PURE__ */ (0,
|
|
34182
|
-
/* @__PURE__ */ (0,
|
|
34287
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)("div", { className: "group relative", children: [
|
|
34288
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
34183
34289
|
import_lucide_react88.Shield,
|
|
34184
34290
|
{
|
|
34185
34291
|
className: `w-3 h-3 ${indicators.backup ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
34186
34292
|
}
|
|
34187
34293
|
),
|
|
34188
|
-
/* @__PURE__ */ (0,
|
|
34294
|
+
/* @__PURE__ */ (0, import_jsx_runtime141.jsxs)(
|
|
34189
34295
|
"div",
|
|
34190
34296
|
{
|
|
34191
34297
|
className: cn2(
|
|
@@ -34201,7 +34307,7 @@ function ConnectWalletButton(props) {
|
|
|
34201
34307
|
)
|
|
34202
34308
|
] })
|
|
34203
34309
|
] }),
|
|
34204
|
-
!!settingsNotifications.length && /* @__PURE__ */ (0,
|
|
34310
|
+
!!settingsNotifications.length && /* @__PURE__ */ (0, import_jsx_runtime141.jsx)(
|
|
34205
34311
|
"div",
|
|
34206
34312
|
{
|
|
34207
34313
|
className: cn2(
|
|
@@ -34222,17 +34328,17 @@ init_SessionContext();
|
|
|
34222
34328
|
|
|
34223
34329
|
// src/hooks/childAppHooks.ts
|
|
34224
34330
|
init_SessionContext();
|
|
34225
|
-
|
|
34331
|
+
init_useBalanceViewStore();
|
|
34226
34332
|
init_useLayoutStore();
|
|
34227
34333
|
var useIsMobileView = () => {
|
|
34228
34334
|
return useLayoutStore((st) => st.isMobileView);
|
|
34229
34335
|
};
|
|
34230
34336
|
var useBalance = () => {
|
|
34231
|
-
const walletBalance =
|
|
34232
|
-
const fiatBalance =
|
|
34233
|
-
const cryptoRate =
|
|
34234
|
-
const fiatSymbol =
|
|
34235
|
-
const cryptoSymbol =
|
|
34337
|
+
const walletBalance = useBalanceViewStore((st) => st.balance);
|
|
34338
|
+
const fiatBalance = useBalanceViewStore((st) => st.fiatBalance);
|
|
34339
|
+
const cryptoRate = useBalanceViewStore((st) => st.cryptoRate);
|
|
34340
|
+
const fiatSymbol = useBalanceViewStore((st) => st.fiatSymbol);
|
|
34341
|
+
const cryptoSymbol = useBalanceViewStore((st) => st.cryptoSymbol);
|
|
34236
34342
|
return { walletBalance, fiatBalance, cryptoRate, fiatSymbol, cryptoSymbol };
|
|
34237
34343
|
};
|
|
34238
34344
|
var useIFrameReady = () => useSession((st) => st.isIframeReady);
|
|
@@ -34258,24 +34364,24 @@ var import_lucide_react89 = require("lucide-react");
|
|
|
34258
34364
|
init_useColorMode();
|
|
34259
34365
|
init_button();
|
|
34260
34366
|
init_utils();
|
|
34261
|
-
var
|
|
34367
|
+
var import_jsx_runtime142 = require("react/jsx-runtime");
|
|
34262
34368
|
function ThemeToggle(props) {
|
|
34263
34369
|
const { className, ...btnProps } = props;
|
|
34264
34370
|
const { colorMode, setColorMode } = useColorMode();
|
|
34265
|
-
return /* @__PURE__ */ (0,
|
|
34371
|
+
return /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
34266
34372
|
"div",
|
|
34267
34373
|
{
|
|
34268
34374
|
className: cn2("embarkai-ui-scope", className),
|
|
34269
34375
|
"data-current-theme-mode": colorMode,
|
|
34270
34376
|
style: { width: "fit-content", height: "fit-content" },
|
|
34271
|
-
children: /* @__PURE__ */ (0,
|
|
34377
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
34272
34378
|
Button,
|
|
34273
34379
|
{
|
|
34274
34380
|
...btnProps,
|
|
34275
34381
|
variant: "ghost",
|
|
34276
34382
|
onClick: () => setColorMode(colorMode === "light" ? "dark" : "light"),
|
|
34277
34383
|
title: `Current theme: ${colorMode}. Click to switch.`,
|
|
34278
|
-
children: colorMode === "dark" ? /* @__PURE__ */ (0,
|
|
34384
|
+
children: colorMode === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react89.Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react89.Moon, { className: "w-4 h-4" })
|
|
34279
34385
|
}
|
|
34280
34386
|
)
|
|
34281
34387
|
}
|
|
@@ -34287,18 +34393,18 @@ init_i18n();
|
|
|
34287
34393
|
init_button();
|
|
34288
34394
|
init_useLayoutDataStore();
|
|
34289
34395
|
init_utils();
|
|
34290
|
-
var
|
|
34396
|
+
var import_jsx_runtime143 = require("react/jsx-runtime");
|
|
34291
34397
|
function LangToggle(props) {
|
|
34292
34398
|
const { className, ...btnProps } = props;
|
|
34293
34399
|
const { i18n } = useT();
|
|
34294
34400
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
34295
|
-
return /* @__PURE__ */ (0,
|
|
34401
|
+
return /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34296
34402
|
"div",
|
|
34297
34403
|
{
|
|
34298
34404
|
className: cn2("embarkai-ui-scope", className),
|
|
34299
34405
|
"data-mbark-language": i18n.resolvedLanguage || "en",
|
|
34300
34406
|
style: { width: "fit-content", height: "fit-content" },
|
|
34301
|
-
children: /* @__PURE__ */ (0,
|
|
34407
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34302
34408
|
Button,
|
|
34303
34409
|
{
|
|
34304
34410
|
...btnProps,
|
|
@@ -34317,17 +34423,17 @@ init_useLayoutDataStore();
|
|
|
34317
34423
|
|
|
34318
34424
|
// src/internal/components/UserOpStatus.tsx
|
|
34319
34425
|
var import_lucide_react91 = require("lucide-react");
|
|
34320
|
-
var
|
|
34426
|
+
var React36 = __toESM(require("react"), 1);
|
|
34321
34427
|
init_getUserOperationByHash();
|
|
34322
34428
|
init_getUserOperationReceipt();
|
|
34323
34429
|
init_cn();
|
|
34324
34430
|
|
|
34325
34431
|
// src/internal/components/Address.tsx
|
|
34326
34432
|
var import_lucide_react90 = require("lucide-react");
|
|
34327
|
-
var
|
|
34433
|
+
var React35 = __toESM(require("react"), 1);
|
|
34328
34434
|
init_cn();
|
|
34329
34435
|
init_button();
|
|
34330
|
-
var
|
|
34436
|
+
var import_jsx_runtime144 = require("react/jsx-runtime");
|
|
34331
34437
|
function toExplorerAddressUrl(address, chain) {
|
|
34332
34438
|
const base = chain?.blockExplorers?.default?.url;
|
|
34333
34439
|
if (!base) return null;
|
|
@@ -34348,12 +34454,12 @@ var Address = ({
|
|
|
34348
34454
|
}) => {
|
|
34349
34455
|
const addr = address || "";
|
|
34350
34456
|
const explorer = toExplorerAddressUrl(addr, chain || void 0);
|
|
34351
|
-
const [copied, setCopied] =
|
|
34352
|
-
if (!addr) return /* @__PURE__ */ (0,
|
|
34353
|
-
return /* @__PURE__ */ (0,
|
|
34354
|
-
label && /* @__PURE__ */ (0,
|
|
34355
|
-
/* @__PURE__ */ (0,
|
|
34356
|
-
showCopy && /* @__PURE__ */ (0,
|
|
34457
|
+
const [copied, setCopied] = React35.useState(false);
|
|
34458
|
+
if (!addr) return /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
|
|
34459
|
+
return /* @__PURE__ */ (0, import_jsx_runtime144.jsxs)("div", { className: cn("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
|
|
34460
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)("span", { className: "text-sm font-medium", children: label }),
|
|
34461
|
+
/* @__PURE__ */ (0, import_jsx_runtime144.jsx)("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
|
|
34462
|
+
showCopy && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
34357
34463
|
Button,
|
|
34358
34464
|
{
|
|
34359
34465
|
variant: "ghost",
|
|
@@ -34367,10 +34473,10 @@ var Address = ({
|
|
|
34367
34473
|
} catch {
|
|
34368
34474
|
}
|
|
34369
34475
|
},
|
|
34370
|
-
children: /* @__PURE__ */ (0,
|
|
34476
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react90.Copy, { className: "h-4 w-4" })
|
|
34371
34477
|
}
|
|
34372
34478
|
),
|
|
34373
|
-
showExplorer && explorer && /* @__PURE__ */ (0,
|
|
34479
|
+
showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
34374
34480
|
"a",
|
|
34375
34481
|
{
|
|
34376
34482
|
href: explorer,
|
|
@@ -34378,7 +34484,7 @@ var Address = ({
|
|
|
34378
34484
|
rel: "noreferrer noopener",
|
|
34379
34485
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
34380
34486
|
title: "Open in explorer",
|
|
34381
|
-
children: /* @__PURE__ */ (0,
|
|
34487
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react90.ExternalLink, { className: "h-4 w-4" })
|
|
34382
34488
|
}
|
|
34383
34489
|
)
|
|
34384
34490
|
] });
|
|
@@ -34387,7 +34493,7 @@ var Address = ({
|
|
|
34387
34493
|
// src/internal/components/UserOpStatus.tsx
|
|
34388
34494
|
init_badge();
|
|
34389
34495
|
init_button();
|
|
34390
|
-
var
|
|
34496
|
+
var import_jsx_runtime145 = require("react/jsx-runtime");
|
|
34391
34497
|
var UserOpStatus = ({
|
|
34392
34498
|
userOpHash,
|
|
34393
34499
|
chain,
|
|
@@ -34399,20 +34505,20 @@ var UserOpStatus = ({
|
|
|
34399
34505
|
externalState
|
|
34400
34506
|
}) => {
|
|
34401
34507
|
const useExternalState = !!externalState;
|
|
34402
|
-
const [internalReceipt, setInternalReceipt] =
|
|
34403
|
-
const [internalMempool, setInternalMempool] =
|
|
34404
|
-
const [internalError, setInternalError] =
|
|
34405
|
-
const [attempt, setAttempt] =
|
|
34406
|
-
const [internalRefreshing, setInternalRefreshing] =
|
|
34407
|
-
const [timedOut, setTimedOut] =
|
|
34408
|
-
const [rejected, setRejected] =
|
|
34409
|
-
const intervalRef =
|
|
34410
|
-
const startTimeRef =
|
|
34508
|
+
const [internalReceipt, setInternalReceipt] = React36.useState(null);
|
|
34509
|
+
const [internalMempool, setInternalMempool] = React36.useState(null);
|
|
34510
|
+
const [internalError, setInternalError] = React36.useState(null);
|
|
34511
|
+
const [attempt, setAttempt] = React36.useState(0);
|
|
34512
|
+
const [internalRefreshing, setInternalRefreshing] = React36.useState(false);
|
|
34513
|
+
const [timedOut, setTimedOut] = React36.useState(false);
|
|
34514
|
+
const [rejected, setRejected] = React36.useState(false);
|
|
34515
|
+
const intervalRef = React36.useRef(null);
|
|
34516
|
+
const startTimeRef = React36.useRef(Date.now());
|
|
34411
34517
|
const receipt = useExternalState ? externalState.receipt ?? null : internalReceipt;
|
|
34412
34518
|
const mempool = useExternalState ? externalState.mempool ?? null : internalMempool;
|
|
34413
34519
|
const error = useExternalState ? externalState.error ?? null : internalError;
|
|
34414
34520
|
const refreshing = useExternalState ? externalState.isPolling ?? false : internalRefreshing;
|
|
34415
|
-
const tick =
|
|
34521
|
+
const tick = React36.useCallback(async () => {
|
|
34416
34522
|
if (useExternalState) return;
|
|
34417
34523
|
const elapsed = Date.now() - startTimeRef.current;
|
|
34418
34524
|
if (elapsed > maxPollTimeMs) {
|
|
@@ -34455,7 +34561,7 @@ var UserOpStatus = ({
|
|
|
34455
34561
|
setAttempt((x) => x + 1);
|
|
34456
34562
|
}
|
|
34457
34563
|
}, [userOpHash, chainId, maxPollTimeMs, useExternalState]);
|
|
34458
|
-
|
|
34564
|
+
React36.useEffect(() => {
|
|
34459
34565
|
if (useExternalState) return;
|
|
34460
34566
|
console.log("[UserOpStatus] Initializing polling for UserOp hash:", userOpHash);
|
|
34461
34567
|
startTimeRef.current = Date.now();
|
|
@@ -34467,7 +34573,7 @@ var UserOpStatus = ({
|
|
|
34467
34573
|
setAttempt(0);
|
|
34468
34574
|
setInternalRefreshing(false);
|
|
34469
34575
|
}, [userOpHash, useExternalState]);
|
|
34470
|
-
|
|
34576
|
+
React36.useEffect(() => {
|
|
34471
34577
|
if (useExternalState) {
|
|
34472
34578
|
console.log("[UserOpStatus] Using external state, skipping internal polling");
|
|
34473
34579
|
return;
|
|
@@ -34502,35 +34608,35 @@ var UserOpStatus = ({
|
|
|
34502
34608
|
const stateBadge = () => {
|
|
34503
34609
|
if (receipt) {
|
|
34504
34610
|
const ok = !!receipt.success;
|
|
34505
|
-
return /* @__PURE__ */ (0,
|
|
34506
|
-
ok ? /* @__PURE__ */ (0,
|
|
34611
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Badge, { variant: ok ? "success" : "destructive", children: [
|
|
34612
|
+
ok ? /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.CheckCircle2, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
|
|
34507
34613
|
ok ? "Included" : "Failed"
|
|
34508
34614
|
] });
|
|
34509
34615
|
}
|
|
34510
34616
|
if (rejected) {
|
|
34511
|
-
return /* @__PURE__ */ (0,
|
|
34512
|
-
/* @__PURE__ */ (0,
|
|
34617
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Badge, { variant: "destructive", children: [
|
|
34618
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
|
|
34513
34619
|
" Rejected by bundler"
|
|
34514
34620
|
] });
|
|
34515
34621
|
}
|
|
34516
34622
|
if (timedOut) {
|
|
34517
|
-
return /* @__PURE__ */ (0,
|
|
34518
|
-
/* @__PURE__ */ (0,
|
|
34623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Badge, { variant: "warning", children: [
|
|
34624
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
|
|
34519
34625
|
" Timeout - may be rejected"
|
|
34520
34626
|
] });
|
|
34521
34627
|
}
|
|
34522
34628
|
if (mempool) {
|
|
34523
|
-
return /* @__PURE__ */ (0,
|
|
34524
|
-
/* @__PURE__ */ (0,
|
|
34629
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Badge, { variant: "outline", children: [
|
|
34630
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.Clock, { className: "h-3 w-3" }),
|
|
34525
34631
|
" Pending in bundler"
|
|
34526
34632
|
] });
|
|
34527
34633
|
}
|
|
34528
|
-
return /* @__PURE__ */ (0,
|
|
34529
|
-
/* @__PURE__ */ (0,
|
|
34634
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Badge, { variant: "secondary", children: [
|
|
34635
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.Clock, { className: "h-3 w-3" }),
|
|
34530
34636
|
" Waiting"
|
|
34531
34637
|
] });
|
|
34532
34638
|
};
|
|
34533
|
-
return /* @__PURE__ */ (0,
|
|
34639
|
+
return /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(
|
|
34534
34640
|
"div",
|
|
34535
34641
|
{
|
|
34536
34642
|
className: cn(
|
|
@@ -34539,20 +34645,20 @@ var UserOpStatus = ({
|
|
|
34539
34645
|
),
|
|
34540
34646
|
style: { textAlign: "left", listStyle: "none" },
|
|
34541
34647
|
children: [
|
|
34542
|
-
/* @__PURE__ */ (0,
|
|
34543
|
-
/* @__PURE__ */ (0,
|
|
34648
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
|
|
34649
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
34544
34650
|
stateBadge(),
|
|
34545
|
-
/* @__PURE__ */ (0,
|
|
34651
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
|
|
34546
34652
|
] }),
|
|
34547
|
-
/* @__PURE__ */ (0,
|
|
34548
|
-
/* @__PURE__ */ (0,
|
|
34549
|
-
/* @__PURE__ */ (0,
|
|
34653
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsxs)(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
|
|
34654
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.RefreshCw, { className: cn("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
|
|
34655
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-xs", children: "Refresh" })
|
|
34550
34656
|
] })
|
|
34551
34657
|
] }),
|
|
34552
|
-
/* @__PURE__ */ (0,
|
|
34553
|
-
/* @__PURE__ */ (0,
|
|
34554
|
-
/* @__PURE__ */ (0,
|
|
34555
|
-
/* @__PURE__ */ (0,
|
|
34658
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
|
|
34659
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
|
|
34660
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
|
|
34661
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
34556
34662
|
Button,
|
|
34557
34663
|
{
|
|
34558
34664
|
variant: "ghost",
|
|
@@ -34564,14 +34670,14 @@ var UserOpStatus = ({
|
|
|
34564
34670
|
} catch {
|
|
34565
34671
|
}
|
|
34566
34672
|
},
|
|
34567
|
-
children: /* @__PURE__ */ (0,
|
|
34673
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.Copy, { className: "h-3.5 w-3.5" })
|
|
34568
34674
|
}
|
|
34569
34675
|
)
|
|
34570
34676
|
] }),
|
|
34571
|
-
receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ (0,
|
|
34572
|
-
/* @__PURE__ */ (0,
|
|
34573
|
-
/* @__PURE__ */ (0,
|
|
34574
|
-
/* @__PURE__ */ (0,
|
|
34677
|
+
receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "flex items-center gap-2 mb-3", children: [
|
|
34678
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
|
|
34679
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
|
|
34680
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
34575
34681
|
Button,
|
|
34576
34682
|
{
|
|
34577
34683
|
variant: "ghost",
|
|
@@ -34583,10 +34689,10 @@ var UserOpStatus = ({
|
|
|
34583
34689
|
} catch {
|
|
34584
34690
|
}
|
|
34585
34691
|
},
|
|
34586
|
-
children: /* @__PURE__ */ (0,
|
|
34692
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.Copy, { className: "h-3.5 w-3.5" })
|
|
34587
34693
|
}
|
|
34588
34694
|
),
|
|
34589
|
-
chain?.blockExplorers?.default?.url && /* @__PURE__ */ (0,
|
|
34695
|
+
chain?.blockExplorers?.default?.url && /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(
|
|
34590
34696
|
"a",
|
|
34591
34697
|
{
|
|
34592
34698
|
href: `${chain.blockExplorers.default.url}/tx/${receipt.receipt.transactionHash}`,
|
|
@@ -34594,11 +34700,11 @@ var UserOpStatus = ({
|
|
|
34594
34700
|
rel: "noreferrer noopener",
|
|
34595
34701
|
className: "inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-accent text-foreground",
|
|
34596
34702
|
title: "Open in explorer",
|
|
34597
|
-
children: /* @__PURE__ */ (0,
|
|
34703
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.ExternalLink, { className: "h-3.5 w-3.5" })
|
|
34598
34704
|
}
|
|
34599
34705
|
)
|
|
34600
34706
|
] }),
|
|
34601
|
-
receipt && /* @__PURE__ */ (0,
|
|
34707
|
+
receipt && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-xs text-muted-foreground mb-3", children: [
|
|
34602
34708
|
"Block ",
|
|
34603
34709
|
parseInt(receipt.receipt?.blockNumber || "0x0", 16),
|
|
34604
34710
|
" \u2022 Gas Used",
|
|
@@ -34607,32 +34713,32 @@ var UserOpStatus = ({
|
|
|
34607
34713
|
" \u2022 Success ",
|
|
34608
34714
|
String(!!receipt.success)
|
|
34609
34715
|
] }),
|
|
34610
|
-
/* @__PURE__ */ (0,
|
|
34716
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("span", { className: "ml-2", children: [
|
|
34611
34717
|
"\u2022 Polling for ",
|
|
34612
34718
|
Math.round((Date.now() - startTimeRef.current) / 1e3),
|
|
34613
34719
|
"s"
|
|
34614
34720
|
] }) }),
|
|
34615
|
-
mempool && /* @__PURE__ */ (0,
|
|
34616
|
-
/* @__PURE__ */ (0,
|
|
34721
|
+
mempool && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
|
|
34722
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { children: [
|
|
34617
34723
|
"Seen by bundler at ",
|
|
34618
|
-
/* @__PURE__ */ (0,
|
|
34724
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
|
|
34619
34725
|
] }),
|
|
34620
|
-
/* @__PURE__ */ (0,
|
|
34726
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { children: [
|
|
34621
34727
|
"sender ",
|
|
34622
|
-
/* @__PURE__ */ (0,
|
|
34728
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(Address, { address: mempool.sender, chain, truncate: false })
|
|
34623
34729
|
] })
|
|
34624
34730
|
] }),
|
|
34625
|
-
error && /* @__PURE__ */ (0,
|
|
34626
|
-
/* @__PURE__ */ (0,
|
|
34731
|
+
error && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34732
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
|
|
34627
34733
|
" ",
|
|
34628
34734
|
error
|
|
34629
34735
|
] }),
|
|
34630
|
-
rejected && /* @__PURE__ */ (0,
|
|
34631
|
-
/* @__PURE__ */ (0,
|
|
34736
|
+
rejected && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34737
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
|
|
34632
34738
|
"UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
|
|
34633
34739
|
] }),
|
|
34634
|
-
timedOut && /* @__PURE__ */ (0,
|
|
34635
|
-
/* @__PURE__ */ (0,
|
|
34740
|
+
timedOut && /* @__PURE__ */ (0, import_jsx_runtime145.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34741
|
+
/* @__PURE__ */ (0, import_jsx_runtime145.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
|
|
34636
34742
|
"Stopped polling after ",
|
|
34637
34743
|
Math.round(maxPollTimeMs / 1e3),
|
|
34638
34744
|
"s. UserOperation may have been rejected by the bundler."
|
|
@@ -34644,10 +34750,10 @@ var UserOpStatus = ({
|
|
|
34644
34750
|
|
|
34645
34751
|
// src/internal/components/Hash.tsx
|
|
34646
34752
|
var import_lucide_react92 = require("lucide-react");
|
|
34647
|
-
var
|
|
34753
|
+
var React37 = __toESM(require("react"), 1);
|
|
34648
34754
|
init_cn();
|
|
34649
34755
|
init_button();
|
|
34650
|
-
var
|
|
34756
|
+
var import_jsx_runtime146 = require("react/jsx-runtime");
|
|
34651
34757
|
function toExplorerUrl(kind, value, chain) {
|
|
34652
34758
|
const base = chain?.blockExplorers?.default?.url;
|
|
34653
34759
|
if (!base) return null;
|
|
@@ -34670,12 +34776,12 @@ var Hash = ({
|
|
|
34670
34776
|
}) => {
|
|
34671
34777
|
const value = hash || "";
|
|
34672
34778
|
const explorer = toExplorerUrl(kind, value, chain || void 0);
|
|
34673
|
-
const [copied, setCopied] =
|
|
34674
|
-
if (!value) return /* @__PURE__ */ (0,
|
|
34675
|
-
return /* @__PURE__ */ (0,
|
|
34676
|
-
label && /* @__PURE__ */ (0,
|
|
34677
|
-
/* @__PURE__ */ (0,
|
|
34678
|
-
showCopy && /* @__PURE__ */ (0,
|
|
34779
|
+
const [copied, setCopied] = React37.useState(false);
|
|
34780
|
+
if (!value) return /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
|
|
34781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime146.jsxs)("div", { className: cn("flex items-center gap-2", className), children: [
|
|
34782
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)("span", { className: "text-sm font-medium", children: label }),
|
|
34783
|
+
/* @__PURE__ */ (0, import_jsx_runtime146.jsx)("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
|
|
34784
|
+
showCopy && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
34679
34785
|
Button,
|
|
34680
34786
|
{
|
|
34681
34787
|
variant: "ghost",
|
|
@@ -34689,10 +34795,10 @@ var Hash = ({
|
|
|
34689
34795
|
} catch {
|
|
34690
34796
|
}
|
|
34691
34797
|
},
|
|
34692
|
-
children: /* @__PURE__ */ (0,
|
|
34798
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_lucide_react92.Copy, { className: "h-4 w-4" })
|
|
34693
34799
|
}
|
|
34694
34800
|
),
|
|
34695
|
-
showExplorer && explorer && /* @__PURE__ */ (0,
|
|
34801
|
+
showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(
|
|
34696
34802
|
"a",
|
|
34697
34803
|
{
|
|
34698
34804
|
href: explorer,
|
|
@@ -34700,7 +34806,7 @@ var Hash = ({
|
|
|
34700
34806
|
rel: "noreferrer noopener",
|
|
34701
34807
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
34702
34808
|
title: "Open in explorer",
|
|
34703
|
-
children: /* @__PURE__ */ (0,
|
|
34809
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime146.jsx)(import_lucide_react92.ExternalLink, { className: "h-4 w-4" })
|
|
34704
34810
|
}
|
|
34705
34811
|
)
|
|
34706
34812
|
] });
|
|
@@ -34709,7 +34815,7 @@ var Hash = ({
|
|
|
34709
34815
|
// src/internal/components/TransactionsMenu/TransactionsList.tsx
|
|
34710
34816
|
var import_react112 = require("react");
|
|
34711
34817
|
init_base3();
|
|
34712
|
-
var
|
|
34818
|
+
var import_jsx_runtime147 = require("react/jsx-runtime");
|
|
34713
34819
|
var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
34714
34820
|
const [transactions, setTransactions] = (0, import_react112.useState)([]);
|
|
34715
34821
|
const [loading, setLoading] = (0, import_react112.useState)(true);
|
|
@@ -34760,31 +34866,31 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
|
34760
34866
|
window.open(`${explorerUrl}/tx/${txHash}`, "_blank");
|
|
34761
34867
|
};
|
|
34762
34868
|
if (loading) {
|
|
34763
|
-
return /* @__PURE__ */ (0,
|
|
34764
|
-
/* @__PURE__ */ (0,
|
|
34765
|
-
/* @__PURE__ */ (0,
|
|
34869
|
+
return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "p-4 text-center", children: [
|
|
34870
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
|
|
34871
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
|
|
34766
34872
|
] });
|
|
34767
34873
|
}
|
|
34768
34874
|
if (error) {
|
|
34769
|
-
return /* @__PURE__ */ (0,
|
|
34770
|
-
/* @__PURE__ */ (0,
|
|
34771
|
-
/* @__PURE__ */ (0,
|
|
34875
|
+
return /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "p-4 text-center", children: [
|
|
34876
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-red-600 text-sm", children: error }),
|
|
34877
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsx)("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
|
|
34772
34878
|
] });
|
|
34773
34879
|
}
|
|
34774
34880
|
if (transactions.length === 0) {
|
|
34775
|
-
return /* @__PURE__ */ (0,
|
|
34881
|
+
return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "p-4 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
|
|
34776
34882
|
}
|
|
34777
|
-
return /* @__PURE__ */ (0,
|
|
34883
|
+
return /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)(
|
|
34778
34884
|
"div",
|
|
34779
34885
|
{
|
|
34780
34886
|
className: "border rounded-lg p-3 hover:bg-gray-50 cursor-pointer transition-colors",
|
|
34781
34887
|
onClick: () => openTransaction(tx.hash),
|
|
34782
34888
|
children: [
|
|
34783
|
-
/* @__PURE__ */ (0,
|
|
34784
|
-
/* @__PURE__ */ (0,
|
|
34785
|
-
/* @__PURE__ */ (0,
|
|
34786
|
-
/* @__PURE__ */ (0,
|
|
34787
|
-
/* @__PURE__ */ (0,
|
|
34889
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [
|
|
34890
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex-1", children: [
|
|
34891
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "flex items-center space-x-2 mb-1", children: [
|
|
34892
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress4(tx.hash) }),
|
|
34893
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsx)(
|
|
34788
34894
|
"span",
|
|
34789
34895
|
{
|
|
34790
34896
|
className: `text-xs px-2 py-1 rounded ${tx.status === "ok" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`,
|
|
@@ -34792,40 +34898,40 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
|
34792
34898
|
}
|
|
34793
34899
|
)
|
|
34794
34900
|
] }),
|
|
34795
|
-
/* @__PURE__ */ (0,
|
|
34796
|
-
/* @__PURE__ */ (0,
|
|
34797
|
-
/* @__PURE__ */ (0,
|
|
34798
|
-
/* @__PURE__ */ (0,
|
|
34901
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "text-sm space-y-1", children: [
|
|
34902
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
|
|
34903
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-gray-600", children: "From:" }),
|
|
34904
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "font-mono ml-1", children: [
|
|
34799
34905
|
formatAddress4(tx.from.hash),
|
|
34800
|
-
tx.from.is_contract && /* @__PURE__ */ (0,
|
|
34906
|
+
tx.from.is_contract && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
|
|
34801
34907
|
] })
|
|
34802
34908
|
] }),
|
|
34803
|
-
/* @__PURE__ */ (0,
|
|
34804
|
-
/* @__PURE__ */ (0,
|
|
34805
|
-
/* @__PURE__ */ (0,
|
|
34909
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
|
|
34910
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-gray-600", children: "To:" }),
|
|
34911
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "font-mono ml-1", children: [
|
|
34806
34912
|
formatAddress4(tx.to.hash),
|
|
34807
|
-
tx.to.is_contract && /* @__PURE__ */ (0,
|
|
34913
|
+
tx.to.is_contract && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
|
|
34808
34914
|
] })
|
|
34809
34915
|
] }),
|
|
34810
|
-
/* @__PURE__ */ (0,
|
|
34811
|
-
/* @__PURE__ */ (0,
|
|
34812
|
-
/* @__PURE__ */ (0,
|
|
34916
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { children: [
|
|
34917
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-gray-600", children: "Value:" }),
|
|
34918
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("span", { className: "font-semibold ml-1", children: [
|
|
34813
34919
|
formatValue3(tx.value),
|
|
34814
34920
|
" LUMIA"
|
|
34815
34921
|
] })
|
|
34816
34922
|
] })
|
|
34817
34923
|
] })
|
|
34818
34924
|
] }),
|
|
34819
|
-
/* @__PURE__ */ (0,
|
|
34820
|
-
/* @__PURE__ */ (0,
|
|
34821
|
-
/* @__PURE__ */ (0,
|
|
34925
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "text-right text-xs text-gray-500", children: [
|
|
34926
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { children: formatDate2(tx.timestamp) }),
|
|
34927
|
+
/* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("div", { className: "mt-1", children: [
|
|
34822
34928
|
"Gas: ",
|
|
34823
34929
|
parseInt(tx.gas_used).toLocaleString()
|
|
34824
34930
|
] }),
|
|
34825
|
-
tx.method && /* @__PURE__ */ (0,
|
|
34931
|
+
tx.method && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "mt-1 text-blue-600", children: tx.method })
|
|
34826
34932
|
] })
|
|
34827
34933
|
] }),
|
|
34828
|
-
tx.transaction_types.length > 0 && /* @__PURE__ */ (0,
|
|
34934
|
+
tx.transaction_types.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
|
|
34829
34935
|
]
|
|
34830
34936
|
},
|
|
34831
34937
|
tx.hash
|
|
@@ -34838,7 +34944,7 @@ init_vaultClient();
|
|
|
34838
34944
|
init_useSendTransaction();
|
|
34839
34945
|
|
|
34840
34946
|
// src/hooks/useUserOpStatus.ts
|
|
34841
|
-
var
|
|
34947
|
+
var React39 = __toESM(require("react"), 1);
|
|
34842
34948
|
init_bundler();
|
|
34843
34949
|
function useUserOpStatus(options = {}) {
|
|
34844
34950
|
const {
|
|
@@ -34850,23 +34956,23 @@ function useUserOpStatus(options = {}) {
|
|
|
34850
34956
|
onReceipt,
|
|
34851
34957
|
onTxHash
|
|
34852
34958
|
} = options;
|
|
34853
|
-
const [state, setState] =
|
|
34854
|
-
const [receipt, setReceipt] =
|
|
34855
|
-
const [mempool, setMempool] =
|
|
34856
|
-
const [txHash, setTxHash] =
|
|
34857
|
-
const [error, setError] =
|
|
34858
|
-
const [isPolling, setIsPolling] =
|
|
34859
|
-
const intervalRef =
|
|
34860
|
-
const startTimeRef =
|
|
34861
|
-
const prevStateRef =
|
|
34862
|
-
const extractMempoolInfo =
|
|
34959
|
+
const [state, setState] = React39.useState("waiting");
|
|
34960
|
+
const [receipt, setReceipt] = React39.useState(null);
|
|
34961
|
+
const [mempool, setMempool] = React39.useState(null);
|
|
34962
|
+
const [txHash, setTxHash] = React39.useState(null);
|
|
34963
|
+
const [error, setError] = React39.useState(null);
|
|
34964
|
+
const [isPolling, setIsPolling] = React39.useState(false);
|
|
34965
|
+
const intervalRef = React39.useRef(null);
|
|
34966
|
+
const startTimeRef = React39.useRef(Date.now());
|
|
34967
|
+
const prevStateRef = React39.useRef("waiting");
|
|
34968
|
+
const extractMempoolInfo = React39.useCallback((m) => {
|
|
34863
34969
|
if (!m) return null;
|
|
34864
34970
|
const entryPoint = m.entryPoint || m?.userOperation?.entryPoint || null;
|
|
34865
34971
|
const sender = m.sender || m?.userOperation?.sender || null;
|
|
34866
34972
|
if (!entryPoint && !sender) return null;
|
|
34867
34973
|
return { entryPoint, sender };
|
|
34868
34974
|
}, []);
|
|
34869
|
-
const updateState =
|
|
34975
|
+
const updateState = React39.useCallback(
|
|
34870
34976
|
(newState) => {
|
|
34871
34977
|
setState(newState);
|
|
34872
34978
|
if (prevStateRef.current !== newState) {
|
|
@@ -34876,7 +34982,7 @@ function useUserOpStatus(options = {}) {
|
|
|
34876
34982
|
},
|
|
34877
34983
|
[onStateChange]
|
|
34878
34984
|
);
|
|
34879
|
-
const tick =
|
|
34985
|
+
const tick = React39.useCallback(async () => {
|
|
34880
34986
|
if (!userOpHash || !enabled) return;
|
|
34881
34987
|
if (receipt) {
|
|
34882
34988
|
console.log("[useUserOpStatus] Already have receipt, skipping tick");
|
|
@@ -34939,7 +35045,7 @@ function useUserOpStatus(options = {}) {
|
|
|
34939
35045
|
setIsPolling(false);
|
|
34940
35046
|
}
|
|
34941
35047
|
}, [userOpHash, enabled, receipt, maxPollTimeMs, extractMempoolInfo, updateState, onTxHash, onReceipt]);
|
|
34942
|
-
|
|
35048
|
+
React39.useEffect(() => {
|
|
34943
35049
|
if (!userOpHash || !enabled) return;
|
|
34944
35050
|
console.log("[useUserOpStatus] Initializing for UserOp hash:", userOpHash);
|
|
34945
35051
|
startTimeRef.current = Date.now();
|
|
@@ -34951,7 +35057,7 @@ function useUserOpStatus(options = {}) {
|
|
|
34951
35057
|
setError(null);
|
|
34952
35058
|
setIsPolling(false);
|
|
34953
35059
|
}, [userOpHash, enabled]);
|
|
34954
|
-
|
|
35060
|
+
React39.useEffect(() => {
|
|
34955
35061
|
if (!userOpHash || !enabled) {
|
|
34956
35062
|
console.log("[useUserOpStatus] Not starting polling - no hash or disabled");
|
|
34957
35063
|
return;
|
|
@@ -34987,7 +35093,7 @@ function useUserOpStatus(options = {}) {
|
|
|
34987
35093
|
}
|
|
34988
35094
|
};
|
|
34989
35095
|
}, [userOpHash, enabled, pollMs]);
|
|
34990
|
-
const refresh =
|
|
35096
|
+
const refresh = React39.useCallback(async () => {
|
|
34991
35097
|
await tick();
|
|
34992
35098
|
}, [tick]);
|
|
34993
35099
|
return {
|