@embarkai/ui-kit 0.6.11 → 0.6.13
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 +2 -2
- package/dist/index.cjs +1434 -757
- package/dist/index.d.cts +196 -1
- package/dist/index.d.ts +196 -1
- package/dist/index.js +1180 -494
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -323,7 +323,7 @@ import { getSdkVersion, sdkVersionHeaders, setSdkVersion } from "@embarkai/core/
|
|
|
323
323
|
var UI_KIT_VERSION;
|
|
324
324
|
var init_sdk_version = __esm({
|
|
325
325
|
"src/internal/lib/sdk-version.ts"() {
|
|
326
|
-
UI_KIT_VERSION = "0.6.
|
|
326
|
+
UI_KIT_VERSION = "0.6.13";
|
|
327
327
|
if (UI_KIT_VERSION) setSdkVersion(UI_KIT_VERSION);
|
|
328
328
|
}
|
|
329
329
|
});
|
|
@@ -5580,7 +5580,7 @@ function Fallback() {
|
|
|
5580
5580
|
className: cn(
|
|
5581
5581
|
"embarkai-ui-scope",
|
|
5582
5582
|
"fixed top-0 left-0",
|
|
5583
|
-
"w-
|
|
5583
|
+
"w-[100dvw] h-[100dvh]",
|
|
5584
5584
|
"flex flex-col items-center justify-center"
|
|
5585
5585
|
),
|
|
5586
5586
|
children: [
|
|
@@ -5717,7 +5717,7 @@ var init_useLayoutDataStore = __esm({
|
|
|
5717
5717
|
init_constants();
|
|
5718
5718
|
PageKey = /* @__PURE__ */ ((PageKey2) => {
|
|
5719
5719
|
PageKey2["AUTH"] = "auth";
|
|
5720
|
-
PageKey2["
|
|
5720
|
+
PageKey2["USER_SECURITY_ACTIVITY"] = "user-security-activity";
|
|
5721
5721
|
PageKey2["LANGUAGES"] = "languages";
|
|
5722
5722
|
PageKey2["MAIN_MENU"] = "main-menu";
|
|
5723
5723
|
PageKey2["ACTIVITY_LOG"] = "activity-log";
|
|
@@ -10420,6 +10420,7 @@ var init_en = __esm({
|
|
|
10420
10420
|
passkey: "Passkey",
|
|
10421
10421
|
standard: "Standard",
|
|
10422
10422
|
advanced: "Advanced",
|
|
10423
|
+
extra: "Extra",
|
|
10423
10424
|
next: "Next",
|
|
10424
10425
|
prev: "Prev",
|
|
10425
10426
|
page: "Page",
|
|
@@ -10541,9 +10542,72 @@ var init_en = __esm({
|
|
|
10541
10542
|
loadFailed: "Could not load your activity. Check your connection and try again."
|
|
10542
10543
|
},
|
|
10543
10544
|
userActivityMenu: {
|
|
10544
|
-
title: "Activity",
|
|
10545
|
-
description: "
|
|
10545
|
+
title: "Security Activity",
|
|
10546
|
+
description: "Recent security activity",
|
|
10546
10547
|
noActivities: "No recent activity",
|
|
10548
|
+
loadError: "Could not load activity",
|
|
10549
|
+
filters: {
|
|
10550
|
+
title: "Trace your security activity",
|
|
10551
|
+
reset: "Reset",
|
|
10552
|
+
clear: "Clear",
|
|
10553
|
+
apply: "Apply",
|
|
10554
|
+
eventTypes: "Event types",
|
|
10555
|
+
eventTypesHint: "Nothing selected shows all events",
|
|
10556
|
+
period: "Period",
|
|
10557
|
+
from: "From",
|
|
10558
|
+
to: "To",
|
|
10559
|
+
noResults: "No activity matches the selected filters",
|
|
10560
|
+
groups: {
|
|
10561
|
+
auth: "Login",
|
|
10562
|
+
backup: "Backup",
|
|
10563
|
+
account: "Login methods",
|
|
10564
|
+
device: "Devices",
|
|
10565
|
+
wallet: "Wallet",
|
|
10566
|
+
policy: "Policy",
|
|
10567
|
+
kyc: "KYC"
|
|
10568
|
+
},
|
|
10569
|
+
periods: {
|
|
10570
|
+
all: "All time",
|
|
10571
|
+
last24h: "Last 24 hours",
|
|
10572
|
+
last7d: "Last 7 days",
|
|
10573
|
+
last30d: "Last 30 days",
|
|
10574
|
+
last90d: "Last 90 days",
|
|
10575
|
+
last365d: "Last year",
|
|
10576
|
+
custom: "Custom"
|
|
10577
|
+
},
|
|
10578
|
+
errors: {
|
|
10579
|
+
rangeOrder: "The start date must not be after the end date",
|
|
10580
|
+
rangeTooLong: "The period must not exceed 365 days"
|
|
10581
|
+
}
|
|
10582
|
+
},
|
|
10583
|
+
newAccount: "New account",
|
|
10584
|
+
events: {
|
|
10585
|
+
authLogin: "Signed in",
|
|
10586
|
+
authLoginFailed: "Failed sign-in attempt",
|
|
10587
|
+
accountProviderLinked: "Login method connected",
|
|
10588
|
+
accountProviderUnlinked: "Login method disconnected",
|
|
10589
|
+
devicePaired: "Device paired",
|
|
10590
|
+
deviceUnlinked: "Device removed",
|
|
10591
|
+
walletCreated: "Wallet created",
|
|
10592
|
+
walletSignLocked: "Wallet signing locked",
|
|
10593
|
+
policyChanged: "Policy changed",
|
|
10594
|
+
kycStatusChanged: "KYC status changed",
|
|
10595
|
+
backupCreated: "Backup created",
|
|
10596
|
+
backupRestored: "Backup restored",
|
|
10597
|
+
backupRewrapped: "Backup protection updated",
|
|
10598
|
+
backupDeleted: "Backup deleted",
|
|
10599
|
+
unknown: "Account activity"
|
|
10600
|
+
},
|
|
10601
|
+
details: {
|
|
10602
|
+
provider: "Provider",
|
|
10603
|
+
reason: "Reason",
|
|
10604
|
+
identity: "Account",
|
|
10605
|
+
deviceType: "Device type",
|
|
10606
|
+
policy: "Policy",
|
|
10607
|
+
action: "Action",
|
|
10608
|
+
status: "Status",
|
|
10609
|
+
method: "Method"
|
|
10610
|
+
},
|
|
10547
10611
|
onboarding: {
|
|
10548
10612
|
title: "Your recent activity",
|
|
10549
10613
|
description: "Activity log of your recent actions like login, profile connection/disconnection, backup operations etc."
|
|
@@ -10982,7 +11046,7 @@ var init_en = __esm({
|
|
|
10982
11046
|
},
|
|
10983
11047
|
title: "Account Backup",
|
|
10984
11048
|
backupStatus: "Current keyshare backup level (embarkAI vault)",
|
|
10985
|
-
exploreBackupMethods: "
|
|
11049
|
+
exploreBackupMethods: "Keyshare Backup options",
|
|
10986
11050
|
encryptionMethod: "Encryption Method",
|
|
10987
11051
|
encryptionMethodExplanation: "Select the encryption method for your backup. Use Passkey to have full control over your account security without relying on a password.",
|
|
10988
11052
|
passwordMsg: "Secure your account by strong PASSWORD",
|
|
@@ -11022,8 +11086,9 @@ var init_en = __esm({
|
|
|
11022
11086
|
advanced: "Advanced",
|
|
11023
11087
|
secured: "Secured"
|
|
11024
11088
|
},
|
|
11025
|
-
vault: "
|
|
11026
|
-
|
|
11089
|
+
vault: "Vault",
|
|
11090
|
+
advancedVault: "Advanced",
|
|
11091
|
+
securedVault: "Secured",
|
|
11027
11092
|
vaultExplanation: "Store a backup into embarkAI vault to ensure recoverability of your wallet.",
|
|
11028
11093
|
vaultMaxProtection: "Your embartkAI wallet is secured",
|
|
11029
11094
|
recoveryProviders: {
|
|
@@ -11142,6 +11207,7 @@ var init_ru = __esm({
|
|
|
11142
11207
|
passkey: "Passkey",
|
|
11143
11208
|
standard: "\u0421\u0442\u0430\u043D\u0434\u0430\u0440\u0442\u043D\u044B\u0439",
|
|
11144
11209
|
advanced: "\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043D\u043D\u044B\u0439",
|
|
11210
|
+
extra: "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u043E",
|
|
11145
11211
|
next: "\u0421\u043B\u0435\u0434",
|
|
11146
11212
|
prev: "\u041F\u0440\u0435\u0434",
|
|
11147
11213
|
page: "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430",
|
|
@@ -11263,9 +11329,72 @@ var init_ru = __esm({
|
|
|
11263
11329
|
loadFailed: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C. \u041F\u0440\u043E\u0432\u0435\u0440\u044C\u0442\u0435 \u0441\u043E\u0435\u0434\u0438\u043D\u0435\u043D\u0438\u0435 \u0438 \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0441\u043D\u043E\u0432\u0430."
|
|
11264
11330
|
},
|
|
11265
11331
|
userActivityMenu: {
|
|
11266
|
-
title: "\u0410\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C",
|
|
11267
|
-
description: "\
|
|
11332
|
+
title: "\u0410\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438",
|
|
11333
|
+
description: "\u041D\u0435\u0434\u0430\u0432\u043D\u044F\u044F \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438",
|
|
11268
11334
|
noActivities: "\u041D\u0435\u0442 \u043D\u0435\u0434\u0430\u0432\u043D\u0435\u0439 \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u0438",
|
|
11335
|
+
loadError: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C",
|
|
11336
|
+
filters: {
|
|
11337
|
+
title: "\u041E\u0442\u0441\u043B\u0435\u0436\u0438\u0432\u0430\u0439\u0442\u0435 \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438",
|
|
11338
|
+
reset: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C",
|
|
11339
|
+
clear: "\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C",
|
|
11340
|
+
apply: "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C",
|
|
11341
|
+
eventTypes: "\u0422\u0438\u043F\u044B \u0441\u043E\u0431\u044B\u0442\u0438\u0439",
|
|
11342
|
+
eventTypesHint: "\u0415\u0441\u043B\u0438 \u043D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u0432\u044B\u0431\u0440\u0430\u043D\u043E, \u043F\u043E\u043A\u0430\u0437\u044B\u0432\u0430\u044E\u0442\u0441\u044F \u0432\u0441\u0435 \u0441\u043E\u0431\u044B\u0442\u0438\u044F",
|
|
11343
|
+
period: "\u041F\u0435\u0440\u0438\u043E\u0434",
|
|
11344
|
+
from: "\u0421",
|
|
11345
|
+
to: "\u041F\u043E",
|
|
11346
|
+
noResults: "\u041D\u0435\u0442 \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u0438, \u0441\u043E\u043E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044E\u0449\u0435\u0439 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u044B\u043C \u0444\u0438\u043B\u044C\u0442\u0440\u0430\u043C",
|
|
11347
|
+
groups: {
|
|
11348
|
+
auth: "\u0412\u0445\u043E\u0434",
|
|
11349
|
+
backup: "\u0420\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F",
|
|
11350
|
+
account: "\u0421\u043F\u043E\u0441\u043E\u0431\u044B \u0432\u0445\u043E\u0434\u0430",
|
|
11351
|
+
device: "\u0423\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0430",
|
|
11352
|
+
wallet: "\u041A\u043E\u0448\u0435\u043B\u0451\u043A",
|
|
11353
|
+
policy: "\u041F\u043E\u043B\u0438\u0442\u0438\u043A\u0430",
|
|
11354
|
+
kyc: "KYC"
|
|
11355
|
+
},
|
|
11356
|
+
periods: {
|
|
11357
|
+
all: "\u0417\u0430 \u0432\u0441\u0451 \u0432\u0440\u0435\u043C\u044F",
|
|
11358
|
+
last24h: "\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 24 \u0447\u0430\u0441\u0430",
|
|
11359
|
+
last7d: "\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 7 \u0434\u043D\u0435\u0439",
|
|
11360
|
+
last30d: "\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 30 \u0434\u043D\u0435\u0439",
|
|
11361
|
+
last90d: "\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0435 90 \u0434\u043D\u0435\u0439",
|
|
11362
|
+
last365d: "\u041F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u0433\u043E\u0434",
|
|
11363
|
+
custom: "\u0421\u0432\u043E\u0439 \u043F\u0435\u0440\u0438\u043E\u0434"
|
|
11364
|
+
},
|
|
11365
|
+
errors: {
|
|
11366
|
+
rangeOrder: "\u0414\u0430\u0442\u0430 \u043D\u0430\u0447\u0430\u043B\u0430 \u043D\u0435 \u0434\u043E\u043B\u0436\u043D\u0430 \u0431\u044B\u0442\u044C \u043F\u043E\u0437\u0436\u0435 \u0434\u0430\u0442\u044B \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F",
|
|
11367
|
+
rangeTooLong: "\u041F\u0435\u0440\u0438\u043E\u0434 \u043D\u0435 \u0434\u043E\u043B\u0436\u0435\u043D \u043F\u0440\u0435\u0432\u044B\u0448\u0430\u0442\u044C 365 \u0434\u043D\u0435\u0439"
|
|
11368
|
+
}
|
|
11369
|
+
},
|
|
11370
|
+
newAccount: "\u041D\u043E\u0432\u044B\u0439 \u0430\u043A\u043A\u0430\u0443\u043D\u0442",
|
|
11371
|
+
events: {
|
|
11372
|
+
authLogin: "\u0412\u0445\u043E\u0434 \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D",
|
|
11373
|
+
authLoginFailed: "\u041D\u0435\u0443\u0434\u0430\u0447\u043D\u0430\u044F \u043F\u043E\u043F\u044B\u0442\u043A\u0430 \u0432\u0445\u043E\u0434\u0430",
|
|
11374
|
+
accountProviderLinked: "\u0421\u043F\u043E\u0441\u043E\u0431 \u0432\u0445\u043E\u0434\u0430 \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D",
|
|
11375
|
+
accountProviderUnlinked: "\u0421\u043F\u043E\u0441\u043E\u0431 \u0432\u0445\u043E\u0434\u0430 \u043E\u0442\u043A\u043B\u044E\u0447\u0451\u043D",
|
|
11376
|
+
devicePaired: "\u0423\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u043E \u043F\u0440\u0438\u0432\u044F\u0437\u0430\u043D\u043E",
|
|
11377
|
+
deviceUnlinked: "\u0423\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u043E \u0443\u0434\u0430\u043B\u0435\u043D\u043E",
|
|
11378
|
+
walletCreated: "\u041A\u043E\u0448\u0435\u043B\u0451\u043A \u0441\u043E\u0437\u0434\u0430\u043D",
|
|
11379
|
+
walletSignLocked: "\u041F\u043E\u0434\u043F\u0438\u0441\u044C \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 \u0437\u0430\u0431\u043B\u043E\u043A\u0438\u0440\u043E\u0432\u0430\u043D\u0430",
|
|
11380
|
+
policyChanged: "\u041F\u043E\u043B\u0438\u0442\u0438\u043A\u0430 \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0430",
|
|
11381
|
+
kycStatusChanged: "\u0421\u0442\u0430\u0442\u0443\u0441 KYC \u0438\u0437\u043C\u0435\u043D\u0451\u043D",
|
|
11382
|
+
backupCreated: "\u0420\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F \u0441\u043E\u0437\u0434\u0430\u043D\u0430",
|
|
11383
|
+
backupRestored: "\u0420\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F \u0432\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u0430",
|
|
11384
|
+
backupRewrapped: "\u0417\u0430\u0449\u0438\u0442\u0430 \u0440\u0435\u0437\u0435\u0440\u0432\u043D\u043E\u0439 \u043A\u043E\u043F\u0438\u0438 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0430",
|
|
11385
|
+
backupDeleted: "\u0420\u0435\u0437\u0435\u0440\u0432\u043D\u0430\u044F \u043A\u043E\u043F\u0438\u044F \u0443\u0434\u0430\u043B\u0435\u043D\u0430",
|
|
11386
|
+
unknown: "\u0410\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430"
|
|
11387
|
+
},
|
|
11388
|
+
details: {
|
|
11389
|
+
provider: "\u041F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440",
|
|
11390
|
+
reason: "\u041F\u0440\u0438\u0447\u0438\u043D\u0430",
|
|
11391
|
+
identity: "\u0410\u043A\u043A\u0430\u0443\u043D\u0442",
|
|
11392
|
+
deviceType: "\u0422\u0438\u043F \u0443\u0441\u0442\u0440\u043E\u0439\u0441\u0442\u0432\u0430",
|
|
11393
|
+
policy: "\u041F\u043E\u043B\u0438\u0442\u0438\u043A\u0430",
|
|
11394
|
+
action: "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u0435",
|
|
11395
|
+
status: "\u0421\u0442\u0430\u0442\u0443\u0441",
|
|
11396
|
+
method: "\u041C\u0435\u0442\u043E\u0434"
|
|
11397
|
+
},
|
|
11269
11398
|
onboarding: {
|
|
11270
11399
|
title: "\u041C\u0435\u043D\u044E \u043D\u0435\u0434\u0430\u0432\u043D\u0435\u0439 \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u0438",
|
|
11271
11400
|
description: "\u0416\u0443\u0440\u043D\u0430\u043B \u0432\u0430\u0448\u0438\u0445 \u043D\u0435\u0434\u0430\u0432\u043D\u0438\u0445 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0439: \u0432\u0445\u043E\u0434, \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435/\u043E\u0442\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u0435 \u043F\u0440\u043E\u0444\u0438\u043B\u044F, \u043E\u043F\u0435\u0440\u0430\u0446\u0438\u0438 \u0440\u0435\u0437\u0435\u0440\u0432\u043D\u043E\u0433\u043E \u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0438 \u0442. \u0434."
|
|
@@ -11704,7 +11833,7 @@ var init_ru = __esm({
|
|
|
11704
11833
|
},
|
|
11705
11834
|
title: "\u0411\u0435\u043A\u0430\u043F \u0410\u043A\u043A\u0430\u0443\u043D\u0442\u0430",
|
|
11706
11835
|
backupStatus: "\u0422\u0435\u043A\u0443\u0449\u0438\u0439 \u0443\u0440\u043E\u0432\u0435\u043D\u044C \u0431\u044D\u043A\u0430\u043F\u0430 Keyshare (\u0445\u0440\u0430\u043D\u0438\u043B\u0438\u0449\u0435 embarkAI)",
|
|
11707
|
-
exploreBackupMethods: "\
|
|
11836
|
+
exploreBackupMethods: "\u0412\u0430\u0440\u0438\u0430\u043D\u0442\u044B \u0431\u044D\u043A\u0430\u043F\u0430 Keyshare",
|
|
11708
11837
|
encryptionMethod: "\u041C\u0435\u0442\u043E\u0434 \u0448\u0438\u0444\u0440\u043E\u0432\u0430\u043D\u0438\u044F",
|
|
11709
11838
|
encryptionMethodExplanation: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u043C\u0435\u0442\u043E\u0434 \u0448\u0438\u0444\u0440\u043E\u0432\u0430\u043D\u0438\u044F \u0431\u044D\u043A\u0430\u043F\u0430. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 Passkey, \u0447\u0442\u043E\u0431\u044B \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E \u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u044C \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430 \u0431\u0435\u0437 \u043F\u0430\u0440\u043E\u043B\u044F.",
|
|
11710
11839
|
passwordMsg: "\u0417\u0430\u0449\u0438\u0442\u0438\u0442\u0435 \u0432\u0430\u0448 \u0430\u043A\u043A\u0430\u0443\u043D\u0442 \u043D\u0430\u0434\u0435\u0436\u043D\u044B\u043C \u041F\u0410\u0420\u041E\u041B\u0415\u041C",
|
|
@@ -11744,8 +11873,9 @@ var init_ru = __esm({
|
|
|
11744
11873
|
advanced: "\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043D\u043D\u044B\u0439",
|
|
11745
11874
|
secured: "\u0417\u0430\u0449\u0438\u0449\u0451\u043D\u043D\u044B\u0439"
|
|
11746
11875
|
},
|
|
11747
|
-
vault: "\
|
|
11748
|
-
|
|
11876
|
+
vault: "\u0425\u0440\u0430\u043D\u0438\u043B\u0438\u0449\u0435",
|
|
11877
|
+
advancedVault: "\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043D\u043D\u044B\u0439",
|
|
11878
|
+
securedVault: "\u0417\u0430\u0449\u0438\u0449\u0451\u043D\u043D\u044B\u0439",
|
|
11749
11879
|
vaultExplanation: "\u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u0435 \u0431\u044D\u043A\u0430\u043F \u0432 \u0445\u0440\u0430\u043D\u0438\u043B\u0438\u0449\u0435 embarkAI, \u0447\u0442\u043E\u0431\u044B \u043E\u0431\u0435\u0441\u043F\u0435\u0447\u0438\u0442\u044C \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C \u0432\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0432\u0430\u0448\u0435\u0433\u043E \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430.",
|
|
11750
11880
|
vaultMaxProtection: "\u0412\u0430\u0448 \u043A\u043E\u0448\u0435\u043B\u0451\u043A embarkAI \u0437\u0430\u0449\u0438\u0449\u0451\u043D",
|
|
11751
11881
|
recoveryProviders: {
|
|
@@ -11864,6 +11994,7 @@ var init_zh = __esm({
|
|
|
11864
11994
|
passkey: "\u5BC6\u7801\u5BC6\u94A5",
|
|
11865
11995
|
standard: "\u6807\u51C6",
|
|
11866
11996
|
advanced: "\u9AD8\u7EA7",
|
|
11997
|
+
extra: "\u66F4\u591A",
|
|
11867
11998
|
next: "\u4E0B\u4E00\u6B65",
|
|
11868
11999
|
prev: "\u4E0A\u4E00\u6B65",
|
|
11869
12000
|
page: "\u9875\u9762",
|
|
@@ -11985,9 +12116,72 @@ var init_zh = __esm({
|
|
|
11985
12116
|
loadFailed: "\u65E0\u6CD5\u52A0\u8F7D\u6D3B\u52A8\u8BB0\u5F55\u3002\u8BF7\u68C0\u67E5\u7F51\u7EDC\u8FDE\u63A5\u540E\u91CD\u8BD5\u3002"
|
|
11986
12117
|
},
|
|
11987
12118
|
userActivityMenu: {
|
|
11988
|
-
title: "\u6D3B\u52A8",
|
|
11989
|
-
description: "\
|
|
12119
|
+
title: "\u5B89\u5168\u6D3B\u52A8",
|
|
12120
|
+
description: "\u8FD1\u671F\u5B89\u5168\u6D3B\u52A8",
|
|
11990
12121
|
noActivities: "\u6682\u65E0\u6700\u8FD1\u6D3B\u52A8",
|
|
12122
|
+
loadError: "\u65E0\u6CD5\u52A0\u8F7D\u6D3B\u52A8",
|
|
12123
|
+
filters: {
|
|
12124
|
+
title: "\u8FFD\u8E2A\u60A8\u7684\u5B89\u5168\u6D3B\u52A8",
|
|
12125
|
+
reset: "\u91CD\u7F6E",
|
|
12126
|
+
clear: "\u6E05\u9664",
|
|
12127
|
+
apply: "\u5E94\u7528",
|
|
12128
|
+
eventTypes: "\u4E8B\u4EF6\u7C7B\u578B",
|
|
12129
|
+
eventTypesHint: "\u672A\u9009\u62E9\u4EFB\u4F55\u9879\u65F6\u663E\u793A\u6240\u6709\u4E8B\u4EF6",
|
|
12130
|
+
period: "\u65F6\u95F4\u8303\u56F4",
|
|
12131
|
+
from: "\u8D77\u59CB",
|
|
12132
|
+
to: "\u7ED3\u675F",
|
|
12133
|
+
noResults: "\u6CA1\u6709\u7B26\u5408\u6240\u9009\u7B5B\u9009\u6761\u4EF6\u7684\u6D3B\u52A8",
|
|
12134
|
+
groups: {
|
|
12135
|
+
auth: "\u767B\u5F55",
|
|
12136
|
+
backup: "\u5907\u4EFD",
|
|
12137
|
+
account: "\u767B\u5F55\u65B9\u5F0F",
|
|
12138
|
+
device: "\u8BBE\u5907",
|
|
12139
|
+
wallet: "\u94B1\u5305",
|
|
12140
|
+
policy: "\u7B56\u7565",
|
|
12141
|
+
kyc: "KYC"
|
|
12142
|
+
},
|
|
12143
|
+
periods: {
|
|
12144
|
+
all: "\u5168\u90E8\u65F6\u95F4",
|
|
12145
|
+
last24h: "\u8FC7\u53BB 24 \u5C0F\u65F6",
|
|
12146
|
+
last7d: "\u8FC7\u53BB 7 \u5929",
|
|
12147
|
+
last30d: "\u8FC7\u53BB 30 \u5929",
|
|
12148
|
+
last90d: "\u8FC7\u53BB 90 \u5929",
|
|
12149
|
+
last365d: "\u8FC7\u53BB\u4E00\u5E74",
|
|
12150
|
+
custom: "\u81EA\u5B9A\u4E49"
|
|
12151
|
+
},
|
|
12152
|
+
errors: {
|
|
12153
|
+
rangeOrder: "\u5F00\u59CB\u65E5\u671F\u4E0D\u80FD\u665A\u4E8E\u7ED3\u675F\u65E5\u671F",
|
|
12154
|
+
rangeTooLong: "\u65F6\u95F4\u8303\u56F4\u4E0D\u80FD\u8D85\u8FC7 365 \u5929"
|
|
12155
|
+
}
|
|
12156
|
+
},
|
|
12157
|
+
newAccount: "\u65B0\u8D26\u6237",
|
|
12158
|
+
events: {
|
|
12159
|
+
authLogin: "\u5DF2\u767B\u5F55",
|
|
12160
|
+
authLoginFailed: "\u767B\u5F55\u5C1D\u8BD5\u5931\u8D25",
|
|
12161
|
+
accountProviderLinked: "\u5DF2\u8FDE\u63A5\u767B\u5F55\u65B9\u5F0F",
|
|
12162
|
+
accountProviderUnlinked: "\u5DF2\u65AD\u5F00\u767B\u5F55\u65B9\u5F0F",
|
|
12163
|
+
devicePaired: "\u8BBE\u5907\u5DF2\u914D\u5BF9",
|
|
12164
|
+
deviceUnlinked: "\u8BBE\u5907\u5DF2\u79FB\u9664",
|
|
12165
|
+
walletCreated: "\u94B1\u5305\u5DF2\u521B\u5EFA",
|
|
12166
|
+
walletSignLocked: "\u94B1\u5305\u7B7E\u540D\u5DF2\u9501\u5B9A",
|
|
12167
|
+
policyChanged: "\u7B56\u7565\u5DF2\u66F4\u6539",
|
|
12168
|
+
kycStatusChanged: "KYC \u72B6\u6001\u5DF2\u66F4\u6539",
|
|
12169
|
+
backupCreated: "\u5907\u4EFD\u5DF2\u521B\u5EFA",
|
|
12170
|
+
backupRestored: "\u5907\u4EFD\u5DF2\u6062\u590D",
|
|
12171
|
+
backupRewrapped: "\u5907\u4EFD\u4FDD\u62A4\u5DF2\u66F4\u65B0",
|
|
12172
|
+
backupDeleted: "\u5907\u4EFD\u5DF2\u5220\u9664",
|
|
12173
|
+
unknown: "\u8D26\u6237\u6D3B\u52A8"
|
|
12174
|
+
},
|
|
12175
|
+
details: {
|
|
12176
|
+
provider: "\u63D0\u4F9B\u65B9",
|
|
12177
|
+
reason: "\u539F\u56E0",
|
|
12178
|
+
identity: "\u8D26\u6237",
|
|
12179
|
+
deviceType: "\u8BBE\u5907\u7C7B\u578B",
|
|
12180
|
+
policy: "\u7B56\u7565",
|
|
12181
|
+
action: "\u64CD\u4F5C",
|
|
12182
|
+
status: "\u72B6\u6001",
|
|
12183
|
+
method: "\u65B9\u5F0F"
|
|
12184
|
+
},
|
|
11991
12185
|
onboarding: {
|
|
11992
12186
|
title: "\u6700\u8FD1\u6D3B\u52A8\u83DC\u5355",
|
|
11993
12187
|
description: "\u60A8\u6700\u8FD1\u64CD\u4F5C\u7684\u6D3B\u52A8\u65E5\u5FD7\uFF0C\u5982\u767B\u5F55\u3001\u4E2A\u4EBA\u8D44\u6599\u8FDE\u63A5/\u65AD\u5F00\u3001\u5907\u4EFD\u64CD\u4F5C\u7B49\u3002"
|
|
@@ -12426,7 +12620,7 @@ var init_zh = __esm({
|
|
|
12426
12620
|
},
|
|
12427
12621
|
title: "\u8D26\u6237\u5907\u4EFD",
|
|
12428
12622
|
backupStatus: "embarkAI Vault \u4E2D\u5F53\u524D\u7684\u5BC6\u94A5\u5171\u4EAB\u5907\u4EFD\u7EA7\u522B",
|
|
12429
|
-
exploreBackupMethods: "\
|
|
12623
|
+
exploreBackupMethods: "\u5BC6\u94A5\u5171\u4EAB\u5907\u4EFD\u9009\u9879",
|
|
12430
12624
|
encryptionMethod: "\u52A0\u5BC6\u65B9\u5F0F",
|
|
12431
12625
|
encryptionMethodExplanation: "\u8BF7\u9009\u62E9\u5907\u4EFD\u7684\u52A0\u5BC6\u65B9\u5F0F\u3002\u4F7F\u7528 Passkey \u53EF\u5B8C\u5168\u638C\u63A7\u8D26\u6237\u5B89\u5168\uFF0C\u65E0\u9700\u4F9D\u8D56\u5BC6\u7801\u3002",
|
|
12432
12626
|
passwordMsg: "\u4F7F\u7528\u5F3A\u5BC6\u7801\u4FDD\u62A4\u60A8\u7684\u8D26\u6237\u3002",
|
|
@@ -12466,8 +12660,9 @@ var init_zh = __esm({
|
|
|
12466
12660
|
advanced: "\u9AD8\u7EA7",
|
|
12467
12661
|
secured: "\u5B89\u5168"
|
|
12468
12662
|
},
|
|
12469
|
-
vault: "Vault
|
|
12470
|
-
|
|
12663
|
+
vault: "Vault",
|
|
12664
|
+
advancedVault: "\u9AD8\u7EA7",
|
|
12665
|
+
securedVault: "\u5B89\u5168",
|
|
12471
12666
|
vaultExplanation: "\u5C06\u5907\u4EFD\u5B58\u50A8\u5230 embarkAI Vault\uFF0C\u4EE5\u786E\u4FDD\u60A8\u7684\u94B1\u5305\u53EF\u88AB\u6062\u590D\u3002",
|
|
12472
12667
|
vaultMaxProtection: "\u60A8\u7684 embarkAI \u94B1\u5305\u5DF2\u53D7\u5230\u4FDD\u62A4",
|
|
12473
12668
|
recoveryProviders: {
|
|
@@ -14153,7 +14348,7 @@ function Social(props) {
|
|
|
14153
14348
|
const isPasskey = !!config.current?.passkey?.enabled;
|
|
14154
14349
|
const isWallet = !!config.current?.wallet?.enabled && config.current?.wallet?.as === "social";
|
|
14155
14350
|
const PasskeyIcon = PROVIDERS_META.passkey.icon;
|
|
14156
|
-
const
|
|
14351
|
+
const WalletIcon2 = PROVIDERS_META.wallet.icon;
|
|
14157
14352
|
const walletButton = isWallet ? /* @__PURE__ */ jsx21(
|
|
14158
14353
|
Button,
|
|
14159
14354
|
{
|
|
@@ -14167,7 +14362,7 @@ function Social(props) {
|
|
|
14167
14362
|
},
|
|
14168
14363
|
disabled: isLoading,
|
|
14169
14364
|
title: t("passport:auth.wallet.label"),
|
|
14170
|
-
children: /* @__PURE__ */ jsx21(
|
|
14365
|
+
children: /* @__PURE__ */ jsx21(WalletIcon2, { className: "w-5 h-5" })
|
|
14171
14366
|
}
|
|
14172
14367
|
) : null;
|
|
14173
14368
|
const passkeyButton = isPasskey ? /* @__PURE__ */ jsx21(
|
|
@@ -20713,7 +20908,7 @@ function ConnectExternalWalletMenu() {
|
|
|
20713
20908
|
(isLoadingWalletProviders ? [] : visibleConnectors).map((connector) => {
|
|
20714
20909
|
const isConnectingThis = isConnectingExternalWallet && //@ts-expect-error uid exists
|
|
20715
20910
|
pendingConnectVariables?.connector?.uid === connector.uid;
|
|
20716
|
-
const
|
|
20911
|
+
const WalletIcon2 = WALLET_ICONS[connector.id] || Wallet2Icon2;
|
|
20717
20912
|
return /* @__PURE__ */ jsxs64(
|
|
20718
20913
|
Button,
|
|
20719
20914
|
{
|
|
@@ -20753,7 +20948,7 @@ function ConnectExternalWalletMenu() {
|
|
|
20753
20948
|
}
|
|
20754
20949
|
},
|
|
20755
20950
|
children: [
|
|
20756
|
-
isConnectingThis ? /* @__PURE__ */ jsx73("div", { className: "w-6 h-6 flex-none flex items-center justify-center", children: /* @__PURE__ */ jsx73(Loader11, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx73(
|
|
20951
|
+
isConnectingThis ? /* @__PURE__ */ jsx73("div", { className: "w-6 h-6 flex-none flex items-center justify-center", children: /* @__PURE__ */ jsx73(Loader11, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx73(WalletIcon2, { className: "w-6 h-6 flex-none" }),
|
|
20757
20952
|
/* @__PURE__ */ jsx73("span", { children: connector.name })
|
|
20758
20953
|
]
|
|
20759
20954
|
},
|
|
@@ -21635,13 +21830,13 @@ function DeviceManageScreen() {
|
|
|
21635
21830
|
}, [screen]);
|
|
21636
21831
|
const handleBackup = useCallback21(async () => {
|
|
21637
21832
|
const guardian = guardianRef.current;
|
|
21638
|
-
const
|
|
21639
|
-
if (!guardian || !
|
|
21833
|
+
const iframe6 = getIframeManager();
|
|
21834
|
+
if (!guardian || !iframe6 || !userId) return;
|
|
21640
21835
|
setActionState({ action: "backup", substep: "working" });
|
|
21641
21836
|
setErrorMessage(null);
|
|
21642
21837
|
setWaitingConfirm(false);
|
|
21643
21838
|
try {
|
|
21644
|
-
await backupToGuardian(guardian, userId,
|
|
21839
|
+
await backupToGuardian(guardian, userId, iframe6, password);
|
|
21645
21840
|
setWaitingConfirm(false);
|
|
21646
21841
|
setStatusMessage("Keyshare backed up successfully!");
|
|
21647
21842
|
setActionState(null);
|
|
@@ -21659,15 +21854,15 @@ function DeviceManageScreen() {
|
|
|
21659
21854
|
}, [password, userId, refreshList]);
|
|
21660
21855
|
const handleOverwrite = useCallback21(async () => {
|
|
21661
21856
|
const guardian = guardianRef.current;
|
|
21662
|
-
const
|
|
21663
|
-
if (!guardian || !
|
|
21857
|
+
const iframe6 = getIframeManager();
|
|
21858
|
+
if (!guardian || !iframe6 || !userId) return;
|
|
21664
21859
|
setActionState({ action: "overwrite", substep: "working" });
|
|
21665
21860
|
setErrorMessage(null);
|
|
21666
21861
|
setWaitingConfirm(false);
|
|
21667
21862
|
try {
|
|
21668
21863
|
await deleteFromGuardian(guardian, userId);
|
|
21669
21864
|
setWaitingConfirm(false);
|
|
21670
|
-
await backupToGuardian(guardian, userId,
|
|
21865
|
+
await backupToGuardian(guardian, userId, iframe6, password);
|
|
21671
21866
|
setStatusMessage("Keyshare updated successfully!");
|
|
21672
21867
|
setActionState(null);
|
|
21673
21868
|
setPassword("");
|
|
@@ -21893,8 +22088,8 @@ function DeviceRestoreScreen() {
|
|
|
21893
22088
|
const [errorMessage, setErrorMessage] = useState18(null);
|
|
21894
22089
|
const handleRestore = useCallback22(async () => {
|
|
21895
22090
|
if (!password || !keyshareId || !userId) return;
|
|
21896
|
-
const
|
|
21897
|
-
if (!
|
|
22091
|
+
const iframe6 = getIframeManager();
|
|
22092
|
+
if (!iframe6) {
|
|
21898
22093
|
setErrorMessage("Iframe manager not initialized");
|
|
21899
22094
|
return;
|
|
21900
22095
|
}
|
|
@@ -21904,7 +22099,7 @@ function DeviceRestoreScreen() {
|
|
|
21904
22099
|
try {
|
|
21905
22100
|
const { guardian } = await connectGuardian(deviceId);
|
|
21906
22101
|
try {
|
|
21907
|
-
await restoreFromGuardian(guardian, keyshareId, userId,
|
|
22102
|
+
await restoreFromGuardian(guardian, keyshareId, userId, iframe6, password);
|
|
21908
22103
|
setStatusMessage("Keyshare restored successfully!");
|
|
21909
22104
|
setPassword("");
|
|
21910
22105
|
window.dispatchEvent(new CustomEvent("lumia-passport-backup-status-changed"));
|
|
@@ -22107,6 +22302,29 @@ var init_DevicesMenu = __esm({
|
|
|
22107
22302
|
}
|
|
22108
22303
|
});
|
|
22109
22304
|
|
|
22305
|
+
// src/internal/hooks/useHasAuthSession.ts
|
|
22306
|
+
import { useSyncExternalStore as useSyncExternalStore2 } from "react";
|
|
22307
|
+
function useHasAuthSession() {
|
|
22308
|
+
return useSyncExternalStore2(subscribe, hasAuthSession, hasAuthSession);
|
|
22309
|
+
}
|
|
22310
|
+
var subscribe, hasAuthSession;
|
|
22311
|
+
var init_useHasAuthSession = __esm({
|
|
22312
|
+
"src/internal/hooks/useHasAuthSession.ts"() {
|
|
22313
|
+
init_auth();
|
|
22314
|
+
subscribe = (onChange) => jwtTokenManager3.subscribe(onChange);
|
|
22315
|
+
hasAuthSession = () => !!jwtTokenManager3.getUserId();
|
|
22316
|
+
}
|
|
22317
|
+
});
|
|
22318
|
+
|
|
22319
|
+
// src/internal/components/KeyshareRestoreMenu/backup-check.ts
|
|
22320
|
+
function canCheckBackup(sessionStatus, hasAuthSession2) {
|
|
22321
|
+
return sessionStatus !== "disconnecting" && hasAuthSession2;
|
|
22322
|
+
}
|
|
22323
|
+
var init_backup_check = __esm({
|
|
22324
|
+
"src/internal/components/KeyshareRestoreMenu/backup-check.ts"() {
|
|
22325
|
+
}
|
|
22326
|
+
});
|
|
22327
|
+
|
|
22110
22328
|
// src/internal/components/ui/tooltip.tsx
|
|
22111
22329
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
22112
22330
|
import { InfoIcon as InfoIcon4 } from "lucide-react";
|
|
@@ -22674,12 +22892,12 @@ var init_hooks = __esm({
|
|
|
22674
22892
|
});
|
|
22675
22893
|
|
|
22676
22894
|
// src/internal/components/KeyshareRestoreMenu/components/MethodSelector.tsx
|
|
22677
|
-
import { Cloud, Cpu as Cpu3, FileDown, FileUp,
|
|
22895
|
+
import { Cloud, Cpu as Cpu3, FileDown, FileUp, ShieldPlusIcon, ShieldUserIcon } from "lucide-react";
|
|
22678
22896
|
import { Fragment as Fragment22 } from "react";
|
|
22679
22897
|
import { Trans as Trans2 } from "react-i18next";
|
|
22680
22898
|
import { jsx as jsx79, jsxs as jsxs70 } from "react/jsx-runtime";
|
|
22681
22899
|
function MethodSelector(props) {
|
|
22682
|
-
const { mode = "restore" } = props;
|
|
22900
|
+
const { mode = "restore", securityStatus = null } = props;
|
|
22683
22901
|
const { t } = useT();
|
|
22684
22902
|
const {
|
|
22685
22903
|
method: selectedRecoveryMethod,
|
|
@@ -22690,86 +22908,112 @@ function MethodSelector(props) {
|
|
|
22690
22908
|
setError,
|
|
22691
22909
|
setSuccess
|
|
22692
22910
|
} = useRestoreStore();
|
|
22693
|
-
const availableMethods = getBackupMethods(mode);
|
|
22694
22911
|
if (!!selectedRecoveryMethod) return null;
|
|
22912
|
+
const availableMethods = getBackupMethods(mode);
|
|
22913
|
+
const { activeLevel, isBackupManagedByUser } = getActiveLevel(securityStatus);
|
|
22695
22914
|
return /* @__PURE__ */ jsxs70(Fragment22, { children: [
|
|
22696
22915
|
mode === "restore" && /* @__PURE__ */ jsx79("span", { className: "text-xs text-(--ui-kit-fg-muted)", children: t("passport:restoreMenu.availableRestoreMethods") }),
|
|
22697
|
-
|
|
22698
|
-
"div",
|
|
22699
|
-
|
|
22700
|
-
"
|
|
22701
|
-
"
|
|
22702
|
-
|
|
22703
|
-
|
|
22704
|
-
|
|
22705
|
-
|
|
22706
|
-
"
|
|
22707
|
-
"w-full flex items-center gap-(--ui-kit-gap)",
|
|
22708
|
-
"p-(--ui-kit-pd) border border-(--ui-kit-bd)",
|
|
22709
|
-
"rounded-(--ui-kit-el-bdrs)",
|
|
22710
|
-
"bg-(--ui-kit-secondary)",
|
|
22916
|
+
availableMethods.map((methodGroup, methodGroupIdx) => /* @__PURE__ */ jsxs70(Fragment22, { children: [
|
|
22917
|
+
/* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-(--ui-kit-gap)", children: [
|
|
22918
|
+
/* @__PURE__ */ jsx79("span", { className: "flex-1 block h-px bg-(--ui-kit-bd)" }),
|
|
22919
|
+
/* @__PURE__ */ jsx79("span", { className: "text-[10px] uppercase text-(--ui-kit-fg-muted)", children: t(methodGroupIdx === 0 ? "passport:backupMenu.vault" : "passport:common.extra") }),
|
|
22920
|
+
/* @__PURE__ */ jsx79("span", { className: "flex-1 block h-px bg-(--ui-kit-bd)" })
|
|
22921
|
+
] }),
|
|
22922
|
+
/* @__PURE__ */ jsx79("div", { className: "w-full grid grid-cols-2 gap-(--ui-kit-gap)", children: methodGroup.map(({ method, label, Icon: Icon2, disabled, explanation }) => {
|
|
22923
|
+
const isActiveLevel = method === "server" && activeLevel === "advanced" || method === "securedServer" && activeLevel === "secured";
|
|
22924
|
+
return /* @__PURE__ */ jsxs70(
|
|
22925
|
+
"div",
|
|
22711
22926
|
{
|
|
22712
|
-
"
|
|
22713
|
-
"
|
|
22714
|
-
|
|
22715
|
-
|
|
22716
|
-
|
|
22717
|
-
|
|
22718
|
-
|
|
22719
|
-
|
|
22720
|
-
|
|
22721
|
-
|
|
22722
|
-
|
|
22723
|
-
|
|
22724
|
-
|
|
22725
|
-
|
|
22726
|
-
|
|
22727
|
-
|
|
22728
|
-
|
|
22729
|
-
|
|
22730
|
-
|
|
22731
|
-
|
|
22732
|
-
|
|
22733
|
-
|
|
22734
|
-
|
|
22735
|
-
|
|
22736
|
-
|
|
22737
|
-
|
|
22738
|
-
|
|
22739
|
-
|
|
22740
|
-
|
|
22741
|
-
|
|
22742
|
-
|
|
22743
|
-
|
|
22744
|
-
|
|
22745
|
-
|
|
22746
|
-
|
|
22927
|
+
"aria-disabled": disabled,
|
|
22928
|
+
"aria-label": t(label),
|
|
22929
|
+
role: "button",
|
|
22930
|
+
tabIndex: 0,
|
|
22931
|
+
className: cn2(
|
|
22932
|
+
"relative",
|
|
22933
|
+
"cursor-pointer",
|
|
22934
|
+
"w-full flex items-center gap-(--ui-kit-gap)",
|
|
22935
|
+
"p-(--ui-kit-pd) border border-(--ui-kit-bd)",
|
|
22936
|
+
"rounded-(--ui-kit-el-bdrs)",
|
|
22937
|
+
"bg-(--ui-kit-secondary)",
|
|
22938
|
+
{
|
|
22939
|
+
"hover:opacity-80 active:opacity-60 transition-opacity": !disabled,
|
|
22940
|
+
"opacity-60": disabled
|
|
22941
|
+
}
|
|
22942
|
+
),
|
|
22943
|
+
onClick: () => {
|
|
22944
|
+
if (disabled) return;
|
|
22945
|
+
setRestorePassword("");
|
|
22946
|
+
setRestoreFile(null);
|
|
22947
|
+
setShowPassword(false);
|
|
22948
|
+
setError(null);
|
|
22949
|
+
setSuccess(null);
|
|
22950
|
+
setMethod(method);
|
|
22951
|
+
},
|
|
22952
|
+
children: [
|
|
22953
|
+
/* @__PURE__ */ jsx79(Icon2, { className: "w-4 h-4" }),
|
|
22954
|
+
/* @__PURE__ */ jsx79("span", { className: "text-sm font-bold", children: t(label) }),
|
|
22955
|
+
!disabled && /* @__PURE__ */ jsx79(
|
|
22956
|
+
"div",
|
|
22957
|
+
{
|
|
22958
|
+
className: cn2(
|
|
22959
|
+
//
|
|
22960
|
+
"absolute top-1 right-1",
|
|
22961
|
+
"rounded-full bg-(--ui-kit-secondary)"
|
|
22962
|
+
),
|
|
22963
|
+
onClick: (e) => e.stopPropagation(),
|
|
22964
|
+
children: /* @__PURE__ */ jsx79(
|
|
22965
|
+
Tooltip,
|
|
22966
|
+
{
|
|
22967
|
+
content: /* @__PURE__ */ jsxs70(Highlight, { className: "border border-(--ui-kit-bd) flex flex-1 flex-col gap-(--ui-kit-gap)", children: [
|
|
22968
|
+
/* @__PURE__ */ jsx79("span", { className: "font-bold", children: t(label) }),
|
|
22969
|
+
!!explanation && /* @__PURE__ */ jsx79(
|
|
22970
|
+
Trans2,
|
|
22971
|
+
{
|
|
22972
|
+
i18nKey: explanation,
|
|
22973
|
+
components: { br: /* @__PURE__ */ jsx79("br", {}), b: /* @__PURE__ */ jsx79("b", { className: "inline" }), u: /* @__PURE__ */ jsx79("u", {}) }
|
|
22974
|
+
}
|
|
22975
|
+
)
|
|
22976
|
+
] }),
|
|
22977
|
+
children: isActiveLevel && /* @__PURE__ */ jsx79(PositiveIcon, { className: "w-4 h-4" })
|
|
22978
|
+
}
|
|
22979
|
+
)
|
|
22980
|
+
}
|
|
22981
|
+
)
|
|
22982
|
+
]
|
|
22983
|
+
},
|
|
22984
|
+
method + "_" + label
|
|
22985
|
+
);
|
|
22986
|
+
}) })
|
|
22987
|
+
] }, `method-group-${methodGroupIdx}`))
|
|
22747
22988
|
] });
|
|
22748
22989
|
}
|
|
22749
|
-
var getBackupMethods;
|
|
22990
|
+
var getBackupMethods, getActiveLevel;
|
|
22750
22991
|
var init_MethodSelector = __esm({
|
|
22751
22992
|
"src/internal/components/KeyshareRestoreMenu/components/MethodSelector.tsx"() {
|
|
22752
22993
|
init_useT();
|
|
22994
|
+
init_icons();
|
|
22753
22995
|
init_utils();
|
|
22754
22996
|
init_guardian_backup();
|
|
22755
22997
|
init_highlight();
|
|
22756
22998
|
init_tooltip();
|
|
22757
22999
|
init_hooks();
|
|
22758
23000
|
getBackupMethods = (mode) => {
|
|
22759
|
-
const
|
|
23001
|
+
const vaultMethods = [
|
|
22760
23002
|
{
|
|
22761
23003
|
method: "server",
|
|
22762
|
-
label: "passport:backupMenu.
|
|
23004
|
+
label: "passport:backupMenu.advancedVault",
|
|
22763
23005
|
explanation: "passport:backupMenu.vaultExplanation",
|
|
22764
|
-
Icon:
|
|
23006
|
+
Icon: ShieldPlusIcon,
|
|
22765
23007
|
disabled: true
|
|
22766
23008
|
},
|
|
22767
23009
|
{
|
|
22768
23010
|
method: "securedServer",
|
|
22769
23011
|
label: "passport:backupMenu.securedVault",
|
|
22770
23012
|
explanation: "passport:backupMenu.vaultExplanation",
|
|
22771
|
-
Icon:
|
|
22772
|
-
}
|
|
23013
|
+
Icon: ShieldUserIcon
|
|
23014
|
+
}
|
|
23015
|
+
];
|
|
23016
|
+
const extraMethods = [
|
|
22773
23017
|
{
|
|
22774
23018
|
method: "file",
|
|
22775
23019
|
label: "passport:backupMenu.file",
|
|
@@ -22785,14 +23029,19 @@ var init_MethodSelector = __esm({
|
|
|
22785
23029
|
}
|
|
22786
23030
|
];
|
|
22787
23031
|
if (isWebSerialAvailable()) {
|
|
22788
|
-
|
|
23032
|
+
extraMethods.push({
|
|
22789
23033
|
method: "guardian",
|
|
22790
23034
|
label: "passport:guardiansMenu.title",
|
|
22791
23035
|
explanation: "passport:guardiansMenu.guardiansExplanation",
|
|
22792
23036
|
Icon: Cpu3
|
|
22793
23037
|
});
|
|
22794
23038
|
}
|
|
22795
|
-
return
|
|
23039
|
+
return [vaultMethods, extraMethods];
|
|
23040
|
+
};
|
|
23041
|
+
getActiveLevel = (securityStatus) => {
|
|
23042
|
+
const isBackupManagedByUser = securityStatus?.encryptionMethod === "passkey" || securityStatus?.encryptionMethod === "password";
|
|
23043
|
+
if (isBackupManagedByUser) return { isBackupManagedByUser: true, activeLevel: "secured" };
|
|
23044
|
+
return { isBackupManagedByUser, activeLevel: securityStatus?.level || null };
|
|
22796
23045
|
};
|
|
22797
23046
|
}
|
|
22798
23047
|
});
|
|
@@ -23215,7 +23464,7 @@ var init_NoBackupFound = __esm({
|
|
|
23215
23464
|
});
|
|
23216
23465
|
|
|
23217
23466
|
// src/internal/components/KeyshareRestoreMenu/components/NodeGraph.tsx
|
|
23218
|
-
import { AstroidIcon, ShieldIcon, ShieldPlusIcon, ShieldUserIcon, UserIcon } from "lucide-react";
|
|
23467
|
+
import { AstroidIcon, ShieldIcon, ShieldPlusIcon as ShieldPlusIcon2, ShieldUserIcon as ShieldUserIcon2, UserIcon } from "lucide-react";
|
|
23219
23468
|
import {
|
|
23220
23469
|
forwardRef as forwardRef5,
|
|
23221
23470
|
useId as useId2,
|
|
@@ -23369,7 +23618,7 @@ var init_NodeGraph = __esm({
|
|
|
23369
23618
|
// password with restoration
|
|
23370
23619
|
title: "passport:backupMenu.levelProgressTitles.advanced",
|
|
23371
23620
|
caption: "passport:backupMenu.levelProgress.advanced",
|
|
23372
|
-
Icon:
|
|
23621
|
+
Icon: ShieldPlusIcon2,
|
|
23373
23622
|
backupValidator: "embarkAI"
|
|
23374
23623
|
},
|
|
23375
23624
|
{
|
|
@@ -23377,7 +23626,7 @@ var init_NodeGraph = __esm({
|
|
|
23377
23626
|
// passkey or pass-phrase with no restoration
|
|
23378
23627
|
title: "passport:backupMenu.levelProgressTitles.secured",
|
|
23379
23628
|
caption: "passport:backupMenu.levelProgress.secured",
|
|
23380
|
-
Icon:
|
|
23629
|
+
Icon: ShieldUserIcon2,
|
|
23381
23630
|
backupValidator: "user"
|
|
23382
23631
|
}
|
|
23383
23632
|
];
|
|
@@ -23441,7 +23690,7 @@ function BackupProgress(props) {
|
|
|
23441
23690
|
const backupMethod = useRestoreStore((st) => st.method);
|
|
23442
23691
|
const [isBackupNoticeVisible, setIsBackupNoticeVisible] = useState23(false);
|
|
23443
23692
|
if (!!backupMethod) return null;
|
|
23444
|
-
const { activeLevel, isBackupManagedByUser } =
|
|
23693
|
+
const { activeLevel, isBackupManagedByUser } = getActiveLevel2(securityStatus);
|
|
23445
23694
|
const isMaxBackupSecurity = isBackupManagedByUser;
|
|
23446
23695
|
return /* @__PURE__ */ jsxs75("div", { className: "flex flex-col gap-(--ui-kit-gap)", children: [
|
|
23447
23696
|
/* @__PURE__ */ jsxs75("div", { className: "flex items-center gap-(--ui-kit-gap) justify-between", children: [
|
|
@@ -23529,7 +23778,7 @@ function BackupProgress(props) {
|
|
|
23529
23778
|
] })
|
|
23530
23779
|
] });
|
|
23531
23780
|
}
|
|
23532
|
-
var
|
|
23781
|
+
var getActiveLevel2;
|
|
23533
23782
|
var init_BackupProgress = __esm({
|
|
23534
23783
|
"src/internal/components/KeyshareRestoreMenu/components/BackupProgress.tsx"() {
|
|
23535
23784
|
init_useT();
|
|
@@ -23540,7 +23789,7 @@ var init_BackupProgress = __esm({
|
|
|
23540
23789
|
init_tooltip();
|
|
23541
23790
|
init_hooks();
|
|
23542
23791
|
init_NodeGraph();
|
|
23543
|
-
|
|
23792
|
+
getActiveLevel2 = (securityStatus) => {
|
|
23544
23793
|
const isBackupManagedByUser = securityStatus?.encryptionMethod === "passkey" || securityStatus?.encryptionMethod === "password";
|
|
23545
23794
|
if (isBackupManagedByUser) return { isBackupManagedByUser: true, activeLevel: "secured" };
|
|
23546
23795
|
return { isBackupManagedByUser, activeLevel: securityStatus?.level || null };
|
|
@@ -24363,6 +24612,7 @@ var init_KeyshareRestoreMenu = __esm({
|
|
|
24363
24612
|
init_SessionContext();
|
|
24364
24613
|
init_i18n();
|
|
24365
24614
|
init_useSafeDisconnect();
|
|
24615
|
+
init_useHasAuthSession();
|
|
24366
24616
|
init_useLayoutDataStore();
|
|
24367
24617
|
init_useLayoutStore();
|
|
24368
24618
|
init_security_status();
|
|
@@ -24371,6 +24621,7 @@ var init_KeyshareRestoreMenu = __esm({
|
|
|
24371
24621
|
init_Expandable2();
|
|
24372
24622
|
init_button();
|
|
24373
24623
|
init_highlight();
|
|
24624
|
+
init_backup_check();
|
|
24374
24625
|
init_components2();
|
|
24375
24626
|
init_constants5();
|
|
24376
24627
|
init_hooks();
|
|
@@ -24388,6 +24639,8 @@ var init_KeyshareRestoreMenu = __esm({
|
|
|
24388
24639
|
const { callbacksRef } = useProviderConfig();
|
|
24389
24640
|
const { t } = useT();
|
|
24390
24641
|
const address = useSession((st) => st.address);
|
|
24642
|
+
const sessionStatus = useSession((st) => st.status);
|
|
24643
|
+
const hasAuthSession2 = useHasAuthSession();
|
|
24391
24644
|
const error = useRestoreStore((st) => st.error);
|
|
24392
24645
|
const success = useRestoreStore((st) => st.success);
|
|
24393
24646
|
const currentRestoreMethod = useRestoreStore((st) => st.method);
|
|
@@ -24430,6 +24683,7 @@ var init_KeyshareRestoreMenu = __esm({
|
|
|
24430
24683
|
isError: isBackupStatusUnavailable
|
|
24431
24684
|
} = useQuery15({
|
|
24432
24685
|
retry: false,
|
|
24686
|
+
enabled: canCheckBackup(sessionStatus, hasAuthSession2),
|
|
24433
24687
|
queryKey: [CHECK_BACKUP_QUERY_KEY, address],
|
|
24434
24688
|
queryFn: async () => await readShareRecoveryStats()
|
|
24435
24689
|
});
|
|
@@ -24453,7 +24707,7 @@ var init_KeyshareRestoreMenu = __esm({
|
|
|
24453
24707
|
return { disconnectedUserId: userId };
|
|
24454
24708
|
},
|
|
24455
24709
|
onSuccess: async ({ disconnectedUserId }) => {
|
|
24456
|
-
|
|
24710
|
+
qc.removeQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY] });
|
|
24457
24711
|
if (!!useExternalWalletStore.getState().externalAddress) wagmiDisconnect();
|
|
24458
24712
|
const { setStatus, setIsLoading, setSession, setAddress } = useSession.getState();
|
|
24459
24713
|
setSession(null);
|
|
@@ -24496,19 +24750,15 @@ var init_KeyshareRestoreMenu = __esm({
|
|
|
24496
24750
|
Button,
|
|
24497
24751
|
{
|
|
24498
24752
|
size: "small",
|
|
24499
|
-
variant: "
|
|
24753
|
+
variant: "secondary",
|
|
24500
24754
|
onClick: () => {
|
|
24501
24755
|
const { setError, setRestorePassword, setRestoreFile, setMethod } = useRestoreStore.getState();
|
|
24502
24756
|
if (!!error) setError(null);
|
|
24503
24757
|
setRestorePassword("");
|
|
24504
24758
|
setRestoreFile(null);
|
|
24505
|
-
|
|
24506
|
-
setMethod(null);
|
|
24507
|
-
} else {
|
|
24508
|
-
setMethod("securedServer");
|
|
24509
|
-
}
|
|
24759
|
+
setMethod(null);
|
|
24510
24760
|
},
|
|
24511
|
-
children: t("passport:common.
|
|
24761
|
+
children: t("passport:common.extra")
|
|
24512
24762
|
}
|
|
24513
24763
|
)
|
|
24514
24764
|
] }),
|
|
@@ -24581,13 +24831,15 @@ var init_KeyshareRestoreMenu = __esm({
|
|
|
24581
24831
|
|
|
24582
24832
|
// src/internal/components/KeyshareRestoreMenu/KeyshareBackupMenu.tsx
|
|
24583
24833
|
import { useQuery as useQuery16, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
|
|
24584
|
-
import { ArrowLeft as ArrowLeft14, CheckCircle2 as CheckCircle23, Loader as Loader18, UserIcon as UserIcon2 } from "lucide-react";
|
|
24834
|
+
import { ArrowLeft as ArrowLeft14, CheckCircle2 as CheckCircle23, ChevronUpIcon as ChevronUpIcon2, ListIcon, Loader as Loader18, UserIcon as UserIcon2 } from "lucide-react";
|
|
24585
24835
|
import { useEffect as useEffect36, useState as useState25 } from "react";
|
|
24586
24836
|
import { Fragment as Fragment32, jsx as jsx94, jsxs as jsxs85 } from "react/jsx-runtime";
|
|
24587
24837
|
function KeyshareBackupMenu() {
|
|
24588
24838
|
const qc = useQueryClient18();
|
|
24589
24839
|
const { t } = useT();
|
|
24590
24840
|
const address = useSession((st) => st.address);
|
|
24841
|
+
const sessionStatus = useSession((st) => st.status);
|
|
24842
|
+
const hasAuthSession2 = useHasAuthSession();
|
|
24591
24843
|
const isBackupRequired = useLayoutStore((st) => st.isBackupRequired);
|
|
24592
24844
|
const isBackupFailureNotice = useLayoutStore((st) => st.isBackupFailureNotice);
|
|
24593
24845
|
const currentBackupMethod = useRestoreStore((st) => st.method);
|
|
@@ -24612,7 +24864,7 @@ function KeyshareBackupMenu() {
|
|
|
24612
24864
|
isError: isRecoveryUnavailable
|
|
24613
24865
|
} = useQuery16({
|
|
24614
24866
|
retry: false,
|
|
24615
|
-
enabled: !!address,
|
|
24867
|
+
enabled: !!address && canCheckBackup(sessionStatus, hasAuthSession2),
|
|
24616
24868
|
queryKey: [CHECK_BACKUP_QUERY_KEY, address],
|
|
24617
24869
|
queryFn: async () => await readShareRecoveryStats()
|
|
24618
24870
|
});
|
|
@@ -24722,15 +24974,18 @@ function KeyshareBackupMenu() {
|
|
|
24722
24974
|
)
|
|
24723
24975
|
] }),
|
|
24724
24976
|
!isBasicBackup && /* @__PURE__ */ jsxs85(Fragment32, { children: [
|
|
24725
|
-
isMethodSelectorVisible && /* @__PURE__ */ jsx94(MethodSelector, { mode: "backup" }),
|
|
24726
|
-
/* @__PURE__ */
|
|
24977
|
+
isMethodSelectorVisible && /* @__PURE__ */ jsx94(MethodSelector, { mode: "backup", securityStatus }),
|
|
24978
|
+
/* @__PURE__ */ jsxs85(
|
|
24727
24979
|
Button,
|
|
24728
24980
|
{
|
|
24729
24981
|
variant: isMethodSelectorVisible ? "ghost" : "secondary",
|
|
24730
24982
|
size: "medium",
|
|
24731
24983
|
className: "w-full",
|
|
24732
24984
|
onClick: () => setIsMethodSelectorVisible((prev) => !prev),
|
|
24733
|
-
children:
|
|
24985
|
+
children: [
|
|
24986
|
+
isMethodSelectorVisible ? /* @__PURE__ */ jsx94(ChevronUpIcon2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx94(ListIcon, { className: "h-4 w-4" }),
|
|
24987
|
+
/* @__PURE__ */ jsx94("span", { children: isMethodSelectorVisible ? t("passport:common.hide") : t("passport:backupMenu.exploreBackupMethods") })
|
|
24988
|
+
]
|
|
24734
24989
|
}
|
|
24735
24990
|
)
|
|
24736
24991
|
] })
|
|
@@ -24785,6 +25040,7 @@ var init_KeyshareBackupMenu = __esm({
|
|
|
24785
25040
|
init_SessionContext();
|
|
24786
25041
|
init_i18n();
|
|
24787
25042
|
init_embarkAI2();
|
|
25043
|
+
init_useHasAuthSession();
|
|
24788
25044
|
init_useLayoutDataStore();
|
|
24789
25045
|
init_useLayoutStore();
|
|
24790
25046
|
init_security_status();
|
|
@@ -24793,6 +25049,7 @@ var init_KeyshareBackupMenu = __esm({
|
|
|
24793
25049
|
init_Onboarding();
|
|
24794
25050
|
init_button();
|
|
24795
25051
|
init_highlight();
|
|
25052
|
+
init_backup_check();
|
|
24796
25053
|
init_components2();
|
|
24797
25054
|
init_constants5();
|
|
24798
25055
|
init_hooks();
|
|
@@ -26291,7 +26548,7 @@ var init_constants7 = __esm({
|
|
|
26291
26548
|
});
|
|
26292
26549
|
|
|
26293
26550
|
// src/internal/components/MainMenu/MainMenu.tsx
|
|
26294
|
-
import { ListIcon } from "lucide-react";
|
|
26551
|
+
import { ListIcon as ListIcon2 } from "lucide-react";
|
|
26295
26552
|
import { jsx as jsx102, jsxs as jsxs93 } from "react/jsx-runtime";
|
|
26296
26553
|
function MainMenu() {
|
|
26297
26554
|
const { config } = useProviderConfig();
|
|
@@ -26352,7 +26609,7 @@ function MainMenu() {
|
|
|
26352
26609
|
onClick: () => useLayoutDataStore.getState().setPage("activity-log" /* ACTIVITY_LOG */),
|
|
26353
26610
|
children: [
|
|
26354
26611
|
/* @__PURE__ */ jsx102("span", { className: "text-xs", children: t("passport:main.activity") }),
|
|
26355
|
-
/* @__PURE__ */ jsx102(
|
|
26612
|
+
/* @__PURE__ */ jsx102(ListIcon2, { className: "w-4 h-4" })
|
|
26356
26613
|
]
|
|
26357
26614
|
}
|
|
26358
26615
|
)
|
|
@@ -27469,8 +27726,8 @@ function parseOS(ua) {
|
|
|
27469
27726
|
if (ua.includes("iPhone") || ua.includes("iPad") || ua.includes("iOS")) return "iOS";
|
|
27470
27727
|
return null;
|
|
27471
27728
|
}
|
|
27472
|
-
function cleanStringArtifacts(
|
|
27473
|
-
return
|
|
27729
|
+
function cleanStringArtifacts(str2) {
|
|
27730
|
+
return str2.replace(/"/g, "").replace(/\"/g, "").replace(/unknown/g, "");
|
|
27474
27731
|
}
|
|
27475
27732
|
function LastBackup(props) {
|
|
27476
27733
|
const { backup, createdRecoveryStats, level } = props;
|
|
@@ -27655,7 +27912,7 @@ var init_Keyshare2 = __esm({
|
|
|
27655
27912
|
// src/internal/components/SecurityMenu/KeyshareReshare/KeyshareReshare.tsx
|
|
27656
27913
|
import { useMutation as useMutation19, useQueryClient as useQueryClient25 } from "@tanstack/react-query";
|
|
27657
27914
|
import dayjs8 from "dayjs";
|
|
27658
|
-
import { LoaderIcon as LoaderIcon18, ShieldUserIcon as
|
|
27915
|
+
import { LoaderIcon as LoaderIcon18, ShieldUserIcon as ShieldUserIcon3, ShieldXIcon } from "lucide-react";
|
|
27659
27916
|
import { jsx as jsx111, jsxs as jsxs102 } from "react/jsx-runtime";
|
|
27660
27917
|
function KeyshareReshare() {
|
|
27661
27918
|
const qc = useQueryClient25();
|
|
@@ -27725,7 +27982,7 @@ function KeyshareReshare() {
|
|
|
27725
27982
|
reshareKeyshare();
|
|
27726
27983
|
},
|
|
27727
27984
|
children: [
|
|
27728
|
-
isKeyshareResharePending ? /* @__PURE__ */ jsx111(LoaderIcon18, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx111(
|
|
27985
|
+
isKeyshareResharePending ? /* @__PURE__ */ jsx111(LoaderIcon18, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx111(ShieldUserIcon3, { className: "w-4 h-4" }),
|
|
27729
27986
|
/* @__PURE__ */ jsx111("span", { className: "uppercase", children: t("passport:securityMenu.keyshareReshare.runKeyshareReshare") })
|
|
27730
27987
|
]
|
|
27731
27988
|
}
|
|
@@ -28501,8 +28758,7 @@ function SecurityMenuContent() {
|
|
|
28501
28758
|
}),
|
|
28502
28759
|
children: [
|
|
28503
28760
|
/* @__PURE__ */ jsx114(WaypointsIcon, { className: "h-4 w-4" }),
|
|
28504
|
-
t("passport:securityMenu.keyshareReshare.title")
|
|
28505
|
-
/* @__PURE__ */ jsx114("span", { className: "text-[10px]", children: t("passport:common.comingSoon") })
|
|
28761
|
+
t("passport:securityMenu.keyshareReshare.title")
|
|
28506
28762
|
]
|
|
28507
28763
|
}
|
|
28508
28764
|
),
|
|
@@ -32462,7 +32718,7 @@ var init_SendMenu2 = __esm({
|
|
|
32462
32718
|
});
|
|
32463
32719
|
|
|
32464
32720
|
// src/internal/lib/pro-mode.ts
|
|
32465
|
-
import { useSyncExternalStore as
|
|
32721
|
+
import { useSyncExternalStore as useSyncExternalStore3 } from "react";
|
|
32466
32722
|
function isProMode() {
|
|
32467
32723
|
try {
|
|
32468
32724
|
return localStorage.getItem(STORAGE_KEY) === "1";
|
|
@@ -32480,7 +32736,7 @@ function enableProMode() {
|
|
|
32480
32736
|
return false;
|
|
32481
32737
|
}
|
|
32482
32738
|
}
|
|
32483
|
-
function
|
|
32739
|
+
function subscribe2(callback) {
|
|
32484
32740
|
const handler = () => callback();
|
|
32485
32741
|
window.addEventListener(EVENT_NAME, handler);
|
|
32486
32742
|
return () => window.removeEventListener(EVENT_NAME, handler);
|
|
@@ -32492,7 +32748,7 @@ function getServerSnapshot() {
|
|
|
32492
32748
|
return false;
|
|
32493
32749
|
}
|
|
32494
32750
|
function useProMode() {
|
|
32495
|
-
return
|
|
32751
|
+
return useSyncExternalStore3(subscribe2, getSnapshot, getServerSnapshot);
|
|
32496
32752
|
}
|
|
32497
32753
|
var STORAGE_KEY, EVENT_NAME;
|
|
32498
32754
|
var init_pro_mode = __esm({
|
|
@@ -33170,7 +33426,7 @@ var init_utils12 = __esm({
|
|
|
33170
33426
|
});
|
|
33171
33427
|
|
|
33172
33428
|
// src/internal/components/TransactionsMenu/TransactionsGroup.tsx
|
|
33173
|
-
import { ChevronDown, ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight6, ChevronUp
|
|
33429
|
+
import { ChevronDown, ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight6, ChevronUp } from "lucide-react";
|
|
33174
33430
|
import { Fragment as Fragment46, jsx as jsx133, jsxs as jsxs121 } from "react/jsx-runtime";
|
|
33175
33431
|
function InternalTransaction({ internal, assetSymbol, assetDecimals }) {
|
|
33176
33432
|
const internalSymbol = internal.assetSymbol || assetSymbol;
|
|
@@ -33212,40 +33468,26 @@ function TransactionsGroup(props) {
|
|
|
33212
33468
|
"bg-[var(--ui-kit-secondary)] hover:opacity-80 active:opacity-60"
|
|
33213
33469
|
),
|
|
33214
33470
|
children: [
|
|
33215
|
-
/* @__PURE__ */ jsxs121("div", { className: "flex items-center justify-between gap-
|
|
33471
|
+
/* @__PURE__ */ jsxs121("div", { className: "flex items-center justify-between gap-(--ui-kit-gap)", children: [
|
|
33216
33472
|
/* @__PURE__ */ jsxs121("div", { className: "flex items-center gap-1 flex-0 w-fit", children: [
|
|
33217
33473
|
parent.direction === "in" ? /* @__PURE__ */ jsx133(ChevronLeft3, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx133(ChevronRight6, { className: "w-4 h-4" }),
|
|
33218
33474
|
/* @__PURE__ */ jsx133("span", { className: "text-[10px] uppercase", children: isIncoming ? t("passport:common.received") : t("passport:common.sent") }),
|
|
33219
33475
|
parent.status === "ok" ? /* @__PURE__ */ jsx133(PositiveIcon, {}) : /* @__PURE__ */ jsx133(NegativeIcon, {})
|
|
33220
33476
|
] }),
|
|
33221
|
-
/* @__PURE__ */ jsx133("span", { className: "block flex-
|
|
33477
|
+
/* @__PURE__ */ jsx133("span", { className: "block flex-1 font-mono text-[10px] text-right text-(--ui-kit-fg-muted) whitespace-nowrap", children: formatTimestamp2(group.timestampMs) })
|
|
33222
33478
|
] }),
|
|
33223
|
-
/* @__PURE__ */
|
|
33224
|
-
/* @__PURE__ */ jsxs121("
|
|
33225
|
-
|
|
33226
|
-
|
|
33227
|
-
|
|
33228
|
-
assetSymbol
|
|
33229
|
-
] }),
|
|
33230
|
-
/* @__PURE__ */ jsxs121("span", { className: "text-[10px] font-mono text-[var(--ui-kit-fg-muted)]", children: [
|
|
33231
|
-
isIncoming ? t("passport:common.from") : t("passport:common.to"),
|
|
33232
|
-
": ",
|
|
33233
|
-
parent.counterpartyName || formatAddress2(parent.counterparty)
|
|
33234
|
-
] })
|
|
33479
|
+
/* @__PURE__ */ jsx133("div", { className: "flex items-end justify-between gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsxs121("div", { className: "flex flex-col gap-0", children: [
|
|
33480
|
+
/* @__PURE__ */ jsxs121("span", { className: "font-bold", children: [
|
|
33481
|
+
formatValue2(parent.value, assetDecimals),
|
|
33482
|
+
" ",
|
|
33483
|
+
assetSymbol
|
|
33235
33484
|
] }),
|
|
33236
|
-
/* @__PURE__ */
|
|
33237
|
-
|
|
33238
|
-
|
|
33239
|
-
|
|
33240
|
-
|
|
33241
|
-
|
|
33242
|
-
onClick: (e) => {
|
|
33243
|
-
e.stopPropagation();
|
|
33244
|
-
},
|
|
33245
|
-
children: /* @__PURE__ */ jsx133(Copy3, { className: "w-4 h-4" })
|
|
33246
|
-
}
|
|
33247
|
-
) })
|
|
33248
|
-
] }),
|
|
33485
|
+
/* @__PURE__ */ jsxs121("span", { className: "text-[10px] font-mono text-[var(--ui-kit-fg-muted)]", children: [
|
|
33486
|
+
isIncoming ? t("passport:common.from") : t("passport:common.to"),
|
|
33487
|
+
": ",
|
|
33488
|
+
parent.counterpartyName || formatAddress2(parent.counterparty)
|
|
33489
|
+
] })
|
|
33490
|
+
] }) }),
|
|
33249
33491
|
internalsToRender.length > 0 && /* @__PURE__ */ jsxs121(Fragment46, { children: [
|
|
33250
33492
|
/* @__PURE__ */ jsx133("div", { className: "w-full flex items-center h-4", children: /* @__PURE__ */ jsx133("div", { style: { borderTop: "1px solid var(--ui-kit-bd)" }, className: "flex-1" }) }),
|
|
33251
33493
|
/* @__PURE__ */ jsxs121(
|
|
@@ -33486,7 +33728,7 @@ var init_constants10 = __esm({
|
|
|
33486
33728
|
init_icons();
|
|
33487
33729
|
NAV_BUTTONS = [
|
|
33488
33730
|
{ id: "transactions" /* TRANSACTIONS */, name: "passport:transactionsMenu.title", Icon: ArrowLeftRight },
|
|
33489
|
-
{ id: "user-activity" /*
|
|
33731
|
+
{ id: "user-security-activity" /* USER_SECURITY_ACTIVITY */, name: "passport:userActivityMenu.title", Icon: ActivityIcon },
|
|
33490
33732
|
{ id: "kyc" /* KYC */, name: "passport:kycMenu.title", Icon: kyc_default },
|
|
33491
33733
|
{ id: "nickname-settings" /* NICKNAME_SETTINGS */, name: "passport:nicknameMenu.title", Icon: AtSign4 },
|
|
33492
33734
|
{ id: "manage-wallet" /* MANAGE_WALLET */, name: "passport:profilesMenu.title", Icon: UsersRound },
|
|
@@ -33657,53 +33899,497 @@ var init_SettingsMenu2 = __esm({
|
|
|
33657
33899
|
}
|
|
33658
33900
|
});
|
|
33659
33901
|
|
|
33660
|
-
// src/internal/components/
|
|
33661
|
-
import
|
|
33902
|
+
// src/internal/components/UserSecurityActivityMenu/filters.ts
|
|
33903
|
+
import dayjs10 from "dayjs";
|
|
33904
|
+
function validateActivityFilters(filters) {
|
|
33905
|
+
const { period, customFrom, customTo } = filters;
|
|
33906
|
+
if (period !== "custom" || !customFrom) return null;
|
|
33907
|
+
const from = dayjs10(customFrom).startOf("day");
|
|
33908
|
+
const to = customTo ? dayjs10(customTo).endOf("day") : dayjs10();
|
|
33909
|
+
if (from.isAfter(to)) return "rangeOrder";
|
|
33910
|
+
if (to.diff(from, "day", true) > MAX_RANGE_DAYS) return "rangeTooLong";
|
|
33911
|
+
return null;
|
|
33912
|
+
}
|
|
33913
|
+
function countActiveActivityFilters(filters) {
|
|
33914
|
+
const { eventTypes, period, customFrom, customTo } = filters;
|
|
33915
|
+
const hasTypes = eventTypes.length > 0 && eventTypes.length < ALL_ACTIVITY_EVENT_TYPES.length;
|
|
33916
|
+
const hasPeriod = period === "custom" ? !!customFrom || !!customTo : period !== "all";
|
|
33917
|
+
return Number(hasTypes) + Number(hasPeriod);
|
|
33918
|
+
}
|
|
33919
|
+
function buildActivityPayload(filters, now = dayjs10()) {
|
|
33920
|
+
const { eventTypes, period, customFrom, customTo } = filters;
|
|
33921
|
+
const payload = {};
|
|
33922
|
+
if (eventTypes.length > 0 && eventTypes.length < ALL_ACTIVITY_EVENT_TYPES.length) {
|
|
33923
|
+
payload.event_type = [...eventTypes].sort();
|
|
33924
|
+
}
|
|
33925
|
+
const duration = PERIOD_DURATIONS[period];
|
|
33926
|
+
if (duration) {
|
|
33927
|
+
payload.from = now.subtract(duration[0], duration[1]).toISOString();
|
|
33928
|
+
} else if (period === "custom") {
|
|
33929
|
+
if (customFrom) payload.from = dayjs10(customFrom).startOf("day").toISOString();
|
|
33930
|
+
if (customTo) payload.to = dayjs10(customTo).endOf("day").toISOString();
|
|
33931
|
+
}
|
|
33932
|
+
return payload;
|
|
33933
|
+
}
|
|
33934
|
+
var ACTIVITY_EVENT_GROUPS, ALL_ACTIVITY_EVENT_TYPES, MAX_RANGE_DAYS, ACTIVITY_PERIODS, PERIOD_DURATIONS, DEFAULT_ACTIVITY_FILTERS;
|
|
33935
|
+
var init_filters = __esm({
|
|
33936
|
+
"src/internal/components/UserSecurityActivityMenu/filters.ts"() {
|
|
33937
|
+
ACTIVITY_EVENT_GROUPS = [
|
|
33938
|
+
{ id: "auth", types: ["auth.login", "auth.login_failed"] },
|
|
33939
|
+
{ id: "backup", types: ["backup.created", "backup.restored", "backup.rewrapped", "backup.deleted"] },
|
|
33940
|
+
{ id: "account", types: ["account.provider_linked", "account.provider_unlinked"] },
|
|
33941
|
+
{ id: "device", types: ["device.paired", "device.unlinked"] },
|
|
33942
|
+
{ id: "wallet", types: ["wallet.created", "wallet.sign_locked"] },
|
|
33943
|
+
{ id: "policy", types: ["policy.changed"] },
|
|
33944
|
+
{ id: "kyc", types: ["kyc.status_changed"] }
|
|
33945
|
+
];
|
|
33946
|
+
ALL_ACTIVITY_EVENT_TYPES = ACTIVITY_EVENT_GROUPS.flatMap((group) => group.types);
|
|
33947
|
+
MAX_RANGE_DAYS = 365;
|
|
33948
|
+
ACTIVITY_PERIODS = [
|
|
33949
|
+
"all",
|
|
33950
|
+
"last24h",
|
|
33951
|
+
"last7d",
|
|
33952
|
+
"last30d",
|
|
33953
|
+
"last90d",
|
|
33954
|
+
"last365d",
|
|
33955
|
+
"custom"
|
|
33956
|
+
];
|
|
33957
|
+
PERIOD_DURATIONS = {
|
|
33958
|
+
last24h: [24, "hour"],
|
|
33959
|
+
last7d: [7, "day"],
|
|
33960
|
+
last30d: [30, "day"],
|
|
33961
|
+
last90d: [90, "day"],
|
|
33962
|
+
last365d: [365, "day"]
|
|
33963
|
+
};
|
|
33964
|
+
DEFAULT_ACTIVITY_FILTERS = {
|
|
33965
|
+
eventTypes: [],
|
|
33966
|
+
period: "all",
|
|
33967
|
+
customFrom: "",
|
|
33968
|
+
customTo: ""
|
|
33969
|
+
};
|
|
33970
|
+
}
|
|
33971
|
+
});
|
|
33972
|
+
|
|
33973
|
+
// src/internal/components/UserSecurityActivityMenu/utils.ts
|
|
33974
|
+
function getActivityTitleKey(eventType) {
|
|
33975
|
+
return `passport:userActivityMenu.events.${EVENT_TITLE_KEYS[eventType] ?? "unknown"}`;
|
|
33976
|
+
}
|
|
33977
|
+
function getActivityCardType(activity) {
|
|
33978
|
+
const { event_type, properties } = activity;
|
|
33979
|
+
if (event_type === "auth.login_failed") return "error";
|
|
33980
|
+
if (event_type === "wallet.sign_locked") return "warning";
|
|
33981
|
+
if (event_type === "kyc.status_changed") {
|
|
33982
|
+
if (properties.status === "verified") return "success";
|
|
33983
|
+
return "warning";
|
|
33984
|
+
}
|
|
33985
|
+
return "info";
|
|
33986
|
+
}
|
|
33987
|
+
function parseActivityTimestamp(timestamp) {
|
|
33988
|
+
return /* @__PURE__ */ new Date(`${timestamp.replace(" ", "T")}Z`);
|
|
33989
|
+
}
|
|
33990
|
+
function parseUserAgent(userAgent) {
|
|
33991
|
+
if (!userAgent) return "";
|
|
33992
|
+
const browser = /Edg\//.test(userAgent) && "Edge" || /OPR\//.test(userAgent) && "Opera" || /Firefox\//.test(userAgent) && "Firefox" || /Chrome\//.test(userAgent) && "Chrome" || /Safari\//.test(userAgent) && "Safari" || "";
|
|
33993
|
+
const os = /Windows/.test(userAgent) && "Windows" || /Android/.test(userAgent) && "Android" || /iPhone|iPad|iPod/.test(userAgent) && "iOS" || /Mac OS X/.test(userAgent) && "macOS" || /Linux/.test(userAgent) && "Linux" || "";
|
|
33994
|
+
return [browser, os].filter(Boolean).join(" \xB7 ");
|
|
33995
|
+
}
|
|
33996
|
+
function str(value) {
|
|
33997
|
+
return typeof value === "string" ? value : "";
|
|
33998
|
+
}
|
|
33999
|
+
function humanize(value) {
|
|
34000
|
+
return value.replace(/[_-]+/g, " ");
|
|
34001
|
+
}
|
|
34002
|
+
function getActivityDetails(activity) {
|
|
34003
|
+
const { event_type, properties, external_id } = activity;
|
|
34004
|
+
const details = [];
|
|
34005
|
+
const add = (labelKey, value) => {
|
|
34006
|
+
if (value) details.push({ labelKey, value });
|
|
34007
|
+
};
|
|
34008
|
+
switch (event_type) {
|
|
34009
|
+
case "auth.login":
|
|
34010
|
+
case "auth.login_failed":
|
|
34011
|
+
case "account.provider_linked":
|
|
34012
|
+
case "account.provider_unlinked":
|
|
34013
|
+
add("provider", str(properties.provider));
|
|
34014
|
+
add("reason", humanize(str(properties.reason)));
|
|
34015
|
+
add("identity", external_id);
|
|
34016
|
+
break;
|
|
34017
|
+
case "device.paired":
|
|
34018
|
+
case "device.unlinked":
|
|
34019
|
+
add("deviceType", str(properties.device_type));
|
|
34020
|
+
break;
|
|
34021
|
+
case "policy.changed":
|
|
34022
|
+
add("policy", str(properties.name));
|
|
34023
|
+
add("action", humanize(str(properties.action)));
|
|
34024
|
+
break;
|
|
34025
|
+
case "kyc.status_changed":
|
|
34026
|
+
add("status", humanize(str(properties.status)));
|
|
34027
|
+
break;
|
|
34028
|
+
case "backup.created":
|
|
34029
|
+
case "backup.restored":
|
|
34030
|
+
case "backup.rewrapped":
|
|
34031
|
+
case "backup.deleted":
|
|
34032
|
+
add("method", str(properties.method));
|
|
34033
|
+
break;
|
|
34034
|
+
default:
|
|
34035
|
+
add("identity", external_id);
|
|
34036
|
+
}
|
|
34037
|
+
return details;
|
|
34038
|
+
}
|
|
34039
|
+
var EVENT_TITLE_KEYS;
|
|
34040
|
+
var init_utils13 = __esm({
|
|
34041
|
+
"src/internal/components/UserSecurityActivityMenu/utils.ts"() {
|
|
34042
|
+
EVENT_TITLE_KEYS = {
|
|
34043
|
+
"auth.login": "authLogin",
|
|
34044
|
+
"auth.login_failed": "authLoginFailed",
|
|
34045
|
+
"account.provider_linked": "accountProviderLinked",
|
|
34046
|
+
"account.provider_unlinked": "accountProviderUnlinked",
|
|
34047
|
+
"device.paired": "devicePaired",
|
|
34048
|
+
"device.unlinked": "deviceUnlinked",
|
|
34049
|
+
"wallet.created": "walletCreated",
|
|
34050
|
+
"wallet.sign_locked": "walletSignLocked",
|
|
34051
|
+
"policy.changed": "policyChanged",
|
|
34052
|
+
"kyc.status_changed": "kycStatusChanged",
|
|
34053
|
+
"backup.created": "backupCreated",
|
|
34054
|
+
"backup.restored": "backupRestored",
|
|
34055
|
+
"backup.rewrapped": "backupRewrapped",
|
|
34056
|
+
"backup.deleted": "backupDeleted"
|
|
34057
|
+
};
|
|
34058
|
+
}
|
|
34059
|
+
});
|
|
34060
|
+
|
|
34061
|
+
// src/internal/components/UserSecurityActivityMenu/SecurityActivityFilter.tsx
|
|
34062
|
+
import { ChevronDownIcon as ChevronDownIcon2, FilterIcon } from "lucide-react";
|
|
34063
|
+
import { useEffect as useEffect56, useState as useState37 } from "react";
|
|
33662
34064
|
import { jsx as jsx137, jsxs as jsxs125 } from "react/jsx-runtime";
|
|
33663
|
-
function
|
|
34065
|
+
function Chip({ selected, onClick, children }) {
|
|
34066
|
+
return /* @__PURE__ */ jsx137(
|
|
34067
|
+
"button",
|
|
34068
|
+
{
|
|
34069
|
+
type: "button",
|
|
34070
|
+
"aria-pressed": selected,
|
|
34071
|
+
onClick,
|
|
34072
|
+
className: cn2(
|
|
34073
|
+
"h-6 px-2 rounded-full border text-[10px] font-semibold cursor-pointer select-none",
|
|
34074
|
+
"transition-opacity hover:opacity-80 active:opacity-60",
|
|
34075
|
+
selected ? "border-transparent bg-(--ui-kit-primary) text-(--ui-kit-fg-inverted)" : "border-(--ui-kit-bd) bg-transparent text-(--ui-kit-fg)"
|
|
34076
|
+
),
|
|
34077
|
+
children
|
|
34078
|
+
}
|
|
34079
|
+
);
|
|
34080
|
+
}
|
|
34081
|
+
function SecurityActivityFilter({ value, onChange }) {
|
|
34082
|
+
const { t } = useT();
|
|
34083
|
+
const [isOpen, setIsOpen] = useState37(false);
|
|
34084
|
+
const [draft, setDraft] = useState37(value);
|
|
34085
|
+
useEffect56(() => setDraft(value), [value]);
|
|
34086
|
+
const activeCount = countActiveActivityFilters(value);
|
|
34087
|
+
const error = validateActivityFilters(draft);
|
|
34088
|
+
const toggleType = (type) => setDraft((prev) => ({
|
|
34089
|
+
...prev,
|
|
34090
|
+
eventTypes: prev.eventTypes.includes(type) ? prev.eventTypes.filter((el) => el !== type) : [...prev.eventTypes, type]
|
|
34091
|
+
}));
|
|
34092
|
+
const toggleGroup = (types) => setDraft((prev) => {
|
|
34093
|
+
const isGroupSelected = types.every((type) => prev.eventTypes.includes(type));
|
|
34094
|
+
return {
|
|
34095
|
+
...prev,
|
|
34096
|
+
eventTypes: isGroupSelected ? prev.eventTypes.filter((type) => !types.includes(type)) : [.../* @__PURE__ */ new Set([...prev.eventTypes, ...types])]
|
|
34097
|
+
};
|
|
34098
|
+
});
|
|
34099
|
+
const setPeriod = (period) => setDraft((prev) => ({ ...prev, period }));
|
|
34100
|
+
const handleApply = () => {
|
|
34101
|
+
onChange(draft);
|
|
34102
|
+
setIsOpen(false);
|
|
34103
|
+
};
|
|
34104
|
+
const handleReset = () => {
|
|
34105
|
+
onChange(DEFAULT_ACTIVITY_FILTERS);
|
|
34106
|
+
setIsOpen(false);
|
|
34107
|
+
};
|
|
34108
|
+
return /* @__PURE__ */ jsxs125("div", { className: "w-full flex flex-col gap-(--ui-kit-gap)", children: [
|
|
34109
|
+
/* @__PURE__ */ jsxs125("div", { className: "w-full flex items-center justify-between gap-(--ui-kit-gap)", children: [
|
|
34110
|
+
activeCount > 0 ? /* @__PURE__ */ jsx137(Button, { variant: "ghost", size: "medium", className: "text-xs", onClick: handleReset, children: t("passport:userActivityMenu.filters.reset") }) : /* @__PURE__ */ jsx137("span", { className: "text-xs text-(--ui-kit-fg-muted)", children: t("passport:userActivityMenu.filters.title") }),
|
|
34111
|
+
/* @__PURE__ */ jsxs125(
|
|
34112
|
+
Button,
|
|
34113
|
+
{
|
|
34114
|
+
variant: "secondary",
|
|
34115
|
+
size: "medium",
|
|
34116
|
+
"aria-expanded": isOpen,
|
|
34117
|
+
className: "text-xs",
|
|
34118
|
+
onClick: () => setIsOpen((prev) => !prev),
|
|
34119
|
+
children: [
|
|
34120
|
+
/* @__PURE__ */ jsx137(FilterIcon, { className: "h-4 w-4" }),
|
|
34121
|
+
activeCount > 0 && /* @__PURE__ */ jsx137(Badge, { variant: "outline", children: activeCount }),
|
|
34122
|
+
/* @__PURE__ */ jsx137(ChevronDownIcon2, { className: cn2("h-4 w-4 transition-transform", isOpen && "rotate-180") })
|
|
34123
|
+
]
|
|
34124
|
+
}
|
|
34125
|
+
)
|
|
34126
|
+
] }),
|
|
34127
|
+
isOpen && /* @__PURE__ */ jsxs125("div", { className: "w-full flex flex-col gap-(--ui-kit-gap) rounded-(--ui-kit-el-bdrs) bg-(--ui-kit-secondary) p-(--ui-kit-pd)", children: [
|
|
34128
|
+
/* @__PURE__ */ jsxs125("div", { className: "flex flex-col gap-(--ui-kit-gap)", children: [
|
|
34129
|
+
/* @__PURE__ */ jsx137("span", { className: "text-xs font-semibold", children: t("passport:userActivityMenu.filters.eventTypes") }),
|
|
34130
|
+
/* @__PURE__ */ jsx137("span", { className: "text-[10px] leading-4 text-(--ui-kit-fg-muted)", children: t("passport:userActivityMenu.filters.eventTypesHint") }),
|
|
34131
|
+
ACTIVITY_EVENT_GROUPS.map(({ id, types }) => /* @__PURE__ */ jsxs125("div", { className: "flex flex-col gap-1", children: [
|
|
34132
|
+
/* @__PURE__ */ jsx137(
|
|
34133
|
+
Chip,
|
|
34134
|
+
{
|
|
34135
|
+
selected: types.every((type) => draft.eventTypes.includes(type)),
|
|
34136
|
+
onClick: () => toggleGroup(types),
|
|
34137
|
+
children: t(`passport:userActivityMenu.filters.groups.${id}`, id)
|
|
34138
|
+
}
|
|
34139
|
+
),
|
|
34140
|
+
types.length > 1 && /* @__PURE__ */ jsx137("div", { className: "flex flex-wrap gap-1 pl-2", children: types.map((type) => /* @__PURE__ */ jsx137(Chip, { selected: draft.eventTypes.includes(type), onClick: () => toggleType(type), children: t(getActivityTitleKey(type), type) }, type)) })
|
|
34141
|
+
] }, id))
|
|
34142
|
+
] }),
|
|
34143
|
+
/* @__PURE__ */ jsxs125("div", { className: "flex flex-col gap-(--ui-kit-gap)", children: [
|
|
34144
|
+
/* @__PURE__ */ jsx137("span", { className: "text-xs font-semibold", children: t("passport:userActivityMenu.filters.period") }),
|
|
34145
|
+
/* @__PURE__ */ jsx137("div", { className: "flex flex-wrap gap-1", children: ACTIVITY_PERIODS.map((period) => /* @__PURE__ */ jsx137(Chip, { selected: draft.period === period, onClick: () => setPeriod(period), children: t(`passport:userActivityMenu.filters.periods.${period}`, period) }, period)) }),
|
|
34146
|
+
draft.period === "custom" && /* @__PURE__ */ jsxs125("div", { className: "flex items-start gap-(--ui-kit-gap)", children: [
|
|
34147
|
+
/* @__PURE__ */ jsx137(
|
|
34148
|
+
Input,
|
|
34149
|
+
{
|
|
34150
|
+
type: "date",
|
|
34151
|
+
"aria-label": t("passport:userActivityMenu.filters.from"),
|
|
34152
|
+
value: draft.customFrom,
|
|
34153
|
+
max: draft.customTo || void 0,
|
|
34154
|
+
onChange: (e) => setDraft((prev) => ({ ...prev, customFrom: e.target.value }))
|
|
34155
|
+
}
|
|
34156
|
+
),
|
|
34157
|
+
/* @__PURE__ */ jsx137(
|
|
34158
|
+
Input,
|
|
34159
|
+
{
|
|
34160
|
+
type: "date",
|
|
34161
|
+
"aria-label": t("passport:userActivityMenu.filters.to"),
|
|
34162
|
+
value: draft.customTo,
|
|
34163
|
+
min: draft.customFrom || void 0,
|
|
34164
|
+
onChange: (e) => setDraft((prev) => ({ ...prev, customTo: e.target.value }))
|
|
34165
|
+
}
|
|
34166
|
+
)
|
|
34167
|
+
] }),
|
|
34168
|
+
error && /* @__PURE__ */ jsx137(Highlight, { type: "error", children: t(`passport:userActivityMenu.filters.errors.${error}`, error) })
|
|
34169
|
+
] }),
|
|
34170
|
+
/* @__PURE__ */ jsxs125("div", { className: "flex items-center justify-end gap-(--ui-kit-gap)", children: [
|
|
34171
|
+
/* @__PURE__ */ jsx137(
|
|
34172
|
+
Button,
|
|
34173
|
+
{
|
|
34174
|
+
variant: "ghost",
|
|
34175
|
+
size: "medium",
|
|
34176
|
+
className: "text-xs",
|
|
34177
|
+
onClick: () => setDraft(DEFAULT_ACTIVITY_FILTERS),
|
|
34178
|
+
children: t("passport:userActivityMenu.filters.clear")
|
|
34179
|
+
}
|
|
34180
|
+
),
|
|
34181
|
+
/* @__PURE__ */ jsx137(Button, { size: "medium", className: "text-xs", disabled: !!error, onClick: handleApply, children: t("passport:userActivityMenu.filters.apply") })
|
|
34182
|
+
] })
|
|
34183
|
+
] })
|
|
34184
|
+
] });
|
|
34185
|
+
}
|
|
34186
|
+
var init_SecurityActivityFilter = __esm({
|
|
34187
|
+
"src/internal/components/UserSecurityActivityMenu/SecurityActivityFilter.tsx"() {
|
|
34188
|
+
init_utils();
|
|
34189
|
+
init_i18n();
|
|
34190
|
+
init_badge();
|
|
34191
|
+
init_button();
|
|
34192
|
+
init_highlight();
|
|
34193
|
+
init_input();
|
|
34194
|
+
init_filters();
|
|
34195
|
+
init_utils13();
|
|
34196
|
+
}
|
|
34197
|
+
});
|
|
34198
|
+
|
|
34199
|
+
// src/internal/components/UserSecurityActivityMenu/UserSecurityActivityCard.tsx
|
|
34200
|
+
import dayjs11 from "dayjs";
|
|
34201
|
+
import {
|
|
34202
|
+
ActivityIcon as ActivityIcon2,
|
|
34203
|
+
IdCardIcon,
|
|
34204
|
+
LinkIcon,
|
|
34205
|
+
LockKeyholeIcon,
|
|
34206
|
+
LogInIcon,
|
|
34207
|
+
ScrollTextIcon,
|
|
34208
|
+
ShieldUserIcon as ShieldUserIcon4,
|
|
34209
|
+
SmartphoneIcon,
|
|
34210
|
+
WalletIcon
|
|
34211
|
+
} from "lucide-react";
|
|
34212
|
+
import { jsx as jsx138, jsxs as jsxs126 } from "react/jsx-runtime";
|
|
34213
|
+
function getActivityIcon(eventType) {
|
|
34214
|
+
if (eventType === "wallet.sign_locked") return LockKeyholeIcon;
|
|
34215
|
+
return EVENT_GROUP_ICONS[eventType.split(".")[0]] ?? ActivityIcon2;
|
|
34216
|
+
}
|
|
34217
|
+
function truncate(value) {
|
|
34218
|
+
switch (true) {
|
|
34219
|
+
case isEVMAddress(value):
|
|
34220
|
+
return `${value.slice(0, 6)}...${value.slice(-4)}`;
|
|
34221
|
+
default:
|
|
34222
|
+
return value;
|
|
34223
|
+
}
|
|
34224
|
+
}
|
|
34225
|
+
function UserSecurityActivityCard(props) {
|
|
34226
|
+
const { t } = useT();
|
|
34227
|
+
const { event_type, timestamp, country, user_agent, properties } = props;
|
|
34228
|
+
const details = getActivityDetails(props);
|
|
34229
|
+
const meta = [parseUserAgent(user_agent), country].filter(Boolean).join(" \xB7 ");
|
|
34230
|
+
const Icon2 = getActivityIcon(event_type);
|
|
34231
|
+
return /* @__PURE__ */ jsxs126(Highlight, { type: getActivityCardType(props), className: "", children: [
|
|
34232
|
+
/* @__PURE__ */ jsxs126("div", { className: "flex items-start justify-between gap-(--ui-kit-gap)", children: [
|
|
34233
|
+
/* @__PURE__ */ jsxs126("div", { className: "flex items-center gap-(--ui-kit-gap)", children: [
|
|
34234
|
+
/* @__PURE__ */ jsx138(Icon2, { className: "h-4 w-4 shrink-0" }),
|
|
34235
|
+
/* @__PURE__ */ jsx138("span", { className: "text-sm leading-6 font-semibold", children: t(getActivityTitleKey(event_type), event_type) })
|
|
34236
|
+
] }),
|
|
34237
|
+
properties.new_user === true && /* @__PURE__ */ jsx138(Badge, { variant: "success", children: t("passport:userActivityMenu.newAccount") })
|
|
34238
|
+
] }),
|
|
34239
|
+
details.map(({ labelKey, value }) => /* @__PURE__ */ jsxs126("div", { className: "flex items-start justify-between gap-(--ui-kit-gap) leading-5", children: [
|
|
34240
|
+
/* @__PURE__ */ jsx138("span", { className: "text-(--ui-kit-fg-muted)", children: t(`passport:userActivityMenu.details.${labelKey}`, labelKey) }),
|
|
34241
|
+
/* @__PURE__ */ jsx138("span", { className: "text-right break-all uppercase", children: truncate(value) })
|
|
34242
|
+
] }, labelKey)),
|
|
34243
|
+
/* @__PURE__ */ jsxs126("div", { className: "flex items-center justify-between gap-(--ui-kit-gap) pt-1", children: [
|
|
34244
|
+
/* @__PURE__ */ jsx138(Badge, { size: "default", variant: "outline", className: "text-(--ui-kit-fg-muted)!", children: meta }),
|
|
34245
|
+
/* @__PURE__ */ jsx138(Badge, { size: "default", variant: "outline", className: "text-(--ui-kit-fg-muted)!", children: dayjs11(parseActivityTimestamp(timestamp)).format("MMM D, YYYY HH:mm") })
|
|
34246
|
+
] })
|
|
34247
|
+
] });
|
|
34248
|
+
}
|
|
34249
|
+
var EVENT_GROUP_ICONS, isEVMAddress;
|
|
34250
|
+
var init_UserSecurityActivityCard = __esm({
|
|
34251
|
+
"src/internal/components/UserSecurityActivityMenu/UserSecurityActivityCard.tsx"() {
|
|
34252
|
+
init_i18n();
|
|
34253
|
+
init_badge();
|
|
34254
|
+
init_highlight();
|
|
34255
|
+
init_utils13();
|
|
34256
|
+
EVENT_GROUP_ICONS = {
|
|
34257
|
+
auth: LogInIcon,
|
|
34258
|
+
backup: ShieldUserIcon4,
|
|
34259
|
+
account: LinkIcon,
|
|
34260
|
+
device: SmartphoneIcon,
|
|
34261
|
+
wallet: WalletIcon,
|
|
34262
|
+
policy: ScrollTextIcon,
|
|
34263
|
+
kyc: IdCardIcon
|
|
34264
|
+
};
|
|
34265
|
+
isEVMAddress = (address) => /^0x[a-fA-F0-9]{40}$/.test(address);
|
|
34266
|
+
}
|
|
34267
|
+
});
|
|
34268
|
+
|
|
34269
|
+
// src/internal/components/UserSecurityActivityMenu/api.ts
|
|
34270
|
+
function iframe5() {
|
|
34271
|
+
const accessToken = jwtTokenManager3.getAccessToken();
|
|
34272
|
+
if (!accessToken) {
|
|
34273
|
+
throw new Error("Access token is not available");
|
|
34274
|
+
}
|
|
34275
|
+
const iframeManager2 = getIframeManager();
|
|
34276
|
+
if (!iframeManager2) {
|
|
34277
|
+
throw new Error("Iframe manager is not initialized");
|
|
34278
|
+
}
|
|
34279
|
+
return { iframeManager: iframeManager2, accessToken };
|
|
34280
|
+
}
|
|
34281
|
+
async function getUserSecurityActivity(payload) {
|
|
34282
|
+
const { iframeManager: iframeManager2, accessToken } = iframe5();
|
|
34283
|
+
return await iframeManager2.sendMessage("USER_ACTIVITY_LOG_SECURITY_GET", { payload, accessToken });
|
|
34284
|
+
}
|
|
34285
|
+
var init_api7 = __esm({
|
|
34286
|
+
"src/internal/components/UserSecurityActivityMenu/api.ts"() {
|
|
34287
|
+
init_auth();
|
|
34288
|
+
init_iframe_manager();
|
|
34289
|
+
}
|
|
34290
|
+
});
|
|
34291
|
+
|
|
34292
|
+
// src/internal/components/UserSecurityActivityMenu/useUserSecurityActivity.ts
|
|
34293
|
+
import { useInfiniteQuery as useInfiniteQuery4 } from "@tanstack/react-query";
|
|
34294
|
+
function useUserSecurityActivity(filters = {}) {
|
|
34295
|
+
const address = useSession((st) => st.address);
|
|
34296
|
+
return useInfiniteQuery4({
|
|
34297
|
+
enabled: !!address,
|
|
34298
|
+
retry: false,
|
|
34299
|
+
queryKey: [USER_SECURITY_ACTIVITY_QUERY_KEY, address, filters],
|
|
34300
|
+
initialPageParam: void 0,
|
|
34301
|
+
getNextPageParam: (lastPage) => lastPage.nextCursor ?? void 0,
|
|
34302
|
+
queryFn: async ({ pageParam }) => getUserSecurityActivity({
|
|
34303
|
+
...filters,
|
|
34304
|
+
cursor: pageParam,
|
|
34305
|
+
limit: USER_SECURITY_ACTIVITY_PAGE_SIZE
|
|
34306
|
+
})
|
|
34307
|
+
});
|
|
34308
|
+
}
|
|
34309
|
+
var USER_SECURITY_ACTIVITY_QUERY_KEY, USER_SECURITY_ACTIVITY_PAGE_SIZE;
|
|
34310
|
+
var init_useUserSecurityActivity = __esm({
|
|
34311
|
+
"src/internal/components/UserSecurityActivityMenu/useUserSecurityActivity.ts"() {
|
|
34312
|
+
init_SessionContext();
|
|
34313
|
+
init_api7();
|
|
34314
|
+
USER_SECURITY_ACTIVITY_QUERY_KEY = "user-security-activity-query-key";
|
|
34315
|
+
USER_SECURITY_ACTIVITY_PAGE_SIZE = 10;
|
|
34316
|
+
}
|
|
34317
|
+
});
|
|
34318
|
+
|
|
34319
|
+
// src/internal/components/UserSecurityActivityMenu/UserSecurityActivityMenu.tsx
|
|
34320
|
+
import { ArrowLeft as ArrowLeft24, LoaderIcon as LoaderIcon23 } from "lucide-react";
|
|
34321
|
+
import { useEffect as useEffect57, useMemo as useMemo21, useRef as useRef26, useState as useState38 } from "react";
|
|
34322
|
+
import { jsx as jsx139, jsxs as jsxs127 } from "react/jsx-runtime";
|
|
34323
|
+
function UserSecurityActivityMenu() {
|
|
33664
34324
|
const { t } = useT();
|
|
33665
34325
|
useOnboardingTourAvailable(true);
|
|
33666
|
-
const
|
|
33667
|
-
|
|
33668
|
-
|
|
33669
|
-
|
|
34326
|
+
const [filters, setFilters] = useState38(DEFAULT_ACTIVITY_FILTERS);
|
|
34327
|
+
const payload = useMemo21(() => buildActivityPayload(filters), [filters]);
|
|
34328
|
+
const hasActiveFilters = countActiveActivityFilters(filters) > 0;
|
|
34329
|
+
const { data, isLoading, isError, error, hasNextPage, isFetchingNextPage, fetchNextPage } = useUserSecurityActivity(payload);
|
|
34330
|
+
const activities = useMemo21(() => data?.pages.flatMap((page) => page.events) ?? [], [data]);
|
|
34331
|
+
const sentinelRef = useRef26(null);
|
|
34332
|
+
const canLoadMore = !!hasNextPage && !isFetchingNextPage && !isError;
|
|
34333
|
+
useEffect57(() => {
|
|
34334
|
+
const sentinel = sentinelRef.current;
|
|
34335
|
+
if (!sentinel || !canLoadMore) return;
|
|
34336
|
+
const observer = new IntersectionObserver(
|
|
34337
|
+
(entries) => {
|
|
34338
|
+
if (entries.some((entry) => entry.isIntersecting)) void fetchNextPage();
|
|
34339
|
+
},
|
|
34340
|
+
{ rootMargin: "100px" }
|
|
34341
|
+
);
|
|
34342
|
+
observer.observe(sentinel);
|
|
34343
|
+
return () => observer.disconnect();
|
|
34344
|
+
}, [canLoadMore, fetchNextPage, activities.length]);
|
|
34345
|
+
return /* @__PURE__ */ jsxs127(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-(--ui-kit-gap)", children: [
|
|
34346
|
+
/* @__PURE__ */ jsxs127("div", { className: "w-full flex items-center gap-(--ui-kit-gap)", children: [
|
|
34347
|
+
/* @__PURE__ */ jsx139(
|
|
33670
34348
|
Button,
|
|
33671
34349
|
{
|
|
33672
34350
|
variant: "ghost",
|
|
33673
34351
|
size: "icon",
|
|
33674
34352
|
title: "Back",
|
|
33675
34353
|
onClick: () => useLayoutDataStore.getState().setPage("settings" /* SETTINGS */),
|
|
33676
|
-
children: /* @__PURE__ */
|
|
34354
|
+
children: /* @__PURE__ */ jsx139(ArrowLeft24, { className: "h-4 w-4" })
|
|
33677
34355
|
}
|
|
33678
34356
|
),
|
|
33679
|
-
/* @__PURE__ */
|
|
34357
|
+
/* @__PURE__ */ jsx139("span", { className: "text-xl font-semibold", children: t("passport:userActivityMenu.title") })
|
|
33680
34358
|
] }),
|
|
33681
|
-
/* @__PURE__ */
|
|
33682
|
-
activities.length === 0 ? (
|
|
33683
|
-
|
|
33684
|
-
|
|
33685
|
-
|
|
34359
|
+
/* @__PURE__ */ jsx139(SecurityActivityFilter, { value: filters, onChange: setFilters }),
|
|
34360
|
+
isLoading ? /* @__PURE__ */ jsx139("div", { className: "w-full flex items-center justify-center p-(--ui-kit-pd)", children: /* @__PURE__ */ jsx139(LoaderIcon23, { className: "h-4 w-4 animate-spin" }) }) : activities.length === 0 && isError ? /* @__PURE__ */ jsx139(Highlight, { type: "error", children: error?.message || t("passport:userActivityMenu.loadError") }) : activities.length === 0 ? /* @__PURE__ */ jsx139(Highlight, { className: "text-(--ui-kit-fg-muted)", children: t(
|
|
34361
|
+
hasActiveFilters ? "passport:userActivityMenu.filters.noResults" : "passport:userActivityMenu.noActivities"
|
|
34362
|
+
) }) : /* @__PURE__ */ jsxs127("div", { className: "w-full flex flex-col gap-(--ui-kit-gap)", children: [
|
|
34363
|
+
activities.map((activity) => /* @__PURE__ */ jsx139(UserSecurityActivityCard, { ...activity }, activity.event_id)),
|
|
34364
|
+
isError && /* @__PURE__ */ jsx139(Highlight, { type: "error", children: error?.message || t("passport:userActivityMenu.loadError") }),
|
|
34365
|
+
isFetchingNextPage && /* @__PURE__ */ jsx139("div", { className: "w-full flex items-center justify-center p-(--ui-kit-pd)", children: /* @__PURE__ */ jsx139(LoaderIcon23, { className: "h-4 w-4 animate-spin" }) }),
|
|
34366
|
+
/* @__PURE__ */ jsx139("div", { ref: sentinelRef, "aria-hidden": true, className: "h-px w-full" })
|
|
34367
|
+
] })
|
|
33686
34368
|
] });
|
|
33687
34369
|
}
|
|
33688
|
-
var
|
|
33689
|
-
"src/internal/components/
|
|
34370
|
+
var init_UserSecurityActivityMenu = __esm({
|
|
34371
|
+
"src/internal/components/UserSecurityActivityMenu/UserSecurityActivityMenu.tsx"() {
|
|
33690
34372
|
init_i18n();
|
|
33691
34373
|
init_useLayoutDataStore();
|
|
33692
34374
|
init_Expandable2();
|
|
33693
34375
|
init_Onboarding();
|
|
33694
34376
|
init_button();
|
|
33695
34377
|
init_highlight();
|
|
34378
|
+
init_filters();
|
|
34379
|
+
init_SecurityActivityFilter();
|
|
34380
|
+
init_UserSecurityActivityCard();
|
|
34381
|
+
init_useUserSecurityActivity();
|
|
33696
34382
|
}
|
|
33697
34383
|
});
|
|
33698
34384
|
|
|
33699
|
-
// src/internal/components/
|
|
33700
|
-
var
|
|
34385
|
+
// src/internal/components/UserSecurityActivityMenu/onboarding.setup.ts
|
|
34386
|
+
var USER_SECURITY_ACTIVITY_MENU_TOUR;
|
|
33701
34387
|
var init_onboarding_setup12 = __esm({
|
|
33702
|
-
"src/internal/components/
|
|
34388
|
+
"src/internal/components/UserSecurityActivityMenu/onboarding.setup.ts"() {
|
|
33703
34389
|
init_constants();
|
|
33704
|
-
|
|
34390
|
+
USER_SECURITY_ACTIVITY_MENU_TOUR = [
|
|
33705
34391
|
{
|
|
33706
|
-
elId: `${EMBARKAI_DIALOG_ONBOARDING_ID}-${"user-activity" /*
|
|
34392
|
+
elId: `${EMBARKAI_DIALOG_ONBOARDING_ID}-${"user-security-activity" /* USER_SECURITY_ACTIVITY */}`,
|
|
33707
34393
|
title: "passport:userActivityMenu.onboarding.title",
|
|
33708
34394
|
description: "passport:userActivityMenu.onboarding.description"
|
|
33709
34395
|
}
|
|
@@ -33711,10 +34397,10 @@ var init_onboarding_setup12 = __esm({
|
|
|
33711
34397
|
}
|
|
33712
34398
|
});
|
|
33713
34399
|
|
|
33714
|
-
// src/internal/components/
|
|
33715
|
-
var
|
|
33716
|
-
"src/internal/components/
|
|
33717
|
-
|
|
34400
|
+
// src/internal/components/UserSecurityActivityMenu/index.ts
|
|
34401
|
+
var init_UserSecurityActivityMenu2 = __esm({
|
|
34402
|
+
"src/internal/components/UserSecurityActivityMenu/index.ts"() {
|
|
34403
|
+
init_UserSecurityActivityMenu();
|
|
33718
34404
|
init_onboarding_setup12();
|
|
33719
34405
|
}
|
|
33720
34406
|
});
|
|
@@ -33744,7 +34430,7 @@ var init_PageMap = __esm({
|
|
|
33744
34430
|
init_SendMenu2();
|
|
33745
34431
|
init_SettingsMenu2();
|
|
33746
34432
|
init_TransactionsMenu2();
|
|
33747
|
-
|
|
34433
|
+
init_UserSecurityActivityMenu2();
|
|
33748
34434
|
PAGE_MAP = {
|
|
33749
34435
|
["auth" /* AUTH */]: {
|
|
33750
34436
|
key: "auth" /* AUTH */,
|
|
@@ -33752,11 +34438,11 @@ var init_PageMap = __esm({
|
|
|
33752
34438
|
description: "Authenticate to access your wallet",
|
|
33753
34439
|
component: AuthMenu
|
|
33754
34440
|
},
|
|
33755
|
-
["user-activity" /*
|
|
33756
|
-
key: "user-activity" /*
|
|
34441
|
+
["user-security-activity" /* USER_SECURITY_ACTIVITY */]: {
|
|
34442
|
+
key: "user-security-activity" /* USER_SECURITY_ACTIVITY */,
|
|
33757
34443
|
title: "User Activity",
|
|
33758
34444
|
description: "View your recent activity",
|
|
33759
|
-
component:
|
|
34445
|
+
component: UserSecurityActivityMenu
|
|
33760
34446
|
},
|
|
33761
34447
|
["languages" /* LANGUAGES */]: {
|
|
33762
34448
|
key: "languages" /* LANGUAGES */,
|
|
@@ -33901,11 +34587,11 @@ var init_PageMap = __esm({
|
|
|
33901
34587
|
});
|
|
33902
34588
|
|
|
33903
34589
|
// src/internal/hooks/usePageMapper.tsx
|
|
33904
|
-
import { useCallback as useCallback33, useEffect as
|
|
33905
|
-
import { jsx as
|
|
34590
|
+
import { useCallback as useCallback33, useEffect as useEffect58, useRef as useRef27 } from "react";
|
|
34591
|
+
import { jsx as jsx140 } from "react/jsx-runtime";
|
|
33906
34592
|
function usePageMapper() {
|
|
33907
34593
|
const page = useLayoutDataStore((st) => st.page);
|
|
33908
|
-
const closeTimeoutRef =
|
|
34594
|
+
const closeTimeoutRef = useRef27(null);
|
|
33909
34595
|
const cancelPendingClose = useCallback33(() => {
|
|
33910
34596
|
if (closeTimeoutRef.current) clearTimeout(closeTimeoutRef.current);
|
|
33911
34597
|
closeTimeoutRef.current = null;
|
|
@@ -33931,13 +34617,13 @@ function usePageMapper() {
|
|
|
33931
34617
|
const openDialog = useCallback33((pageItem) => {
|
|
33932
34618
|
cancelPendingClose();
|
|
33933
34619
|
useLayoutStore.setState({
|
|
33934
|
-
dialogContent: /* @__PURE__ */
|
|
34620
|
+
dialogContent: /* @__PURE__ */ jsx140(pageItem.component, {}),
|
|
33935
34621
|
isDialogOpen: true,
|
|
33936
34622
|
isDialogAnimating: false
|
|
33937
34623
|
});
|
|
33938
34624
|
}, [cancelPendingClose]);
|
|
33939
|
-
|
|
33940
|
-
|
|
34625
|
+
useEffect58(() => cancelPendingClose, [cancelPendingClose]);
|
|
34626
|
+
useEffect58(() => {
|
|
33941
34627
|
if (page === null) return closeDialog();
|
|
33942
34628
|
const pageItem = PAGE_MAP[page];
|
|
33943
34629
|
if (!pageItem) {
|
|
@@ -33961,7 +34647,7 @@ var init_usePageMapper = __esm({
|
|
|
33961
34647
|
|
|
33962
34648
|
// src/internal/hooks/useSettingsNotifications.ts
|
|
33963
34649
|
import { useQuery as useQuery33 } from "@tanstack/react-query";
|
|
33964
|
-
import { useEffect as
|
|
34650
|
+
import { useEffect as useEffect59 } from "react";
|
|
33965
34651
|
function useSettingsNotifications() {
|
|
33966
34652
|
const { t } = useT();
|
|
33967
34653
|
const { config } = useProviderConfig();
|
|
@@ -33980,8 +34666,8 @@ function useSettingsNotifications() {
|
|
|
33980
34666
|
});
|
|
33981
34667
|
const isNotificationsLoading = isSessionLoading || //
|
|
33982
34668
|
isSecurityStatusLoading || isUserProfileLoading || isProvidersLoading || isKeyshareReshareLoading;
|
|
33983
|
-
|
|
33984
|
-
|
|
34669
|
+
useEffect59(() => useLayoutDataStore.setState({ isNotificationsLoading }), [isNotificationsLoading]);
|
|
34670
|
+
useEffect59(() => {
|
|
33985
34671
|
if (isNotificationsLoading || !keyshareReshare) return;
|
|
33986
34672
|
useLayoutDataStore.getState().setSettingsNotifications({
|
|
33987
34673
|
id: "keyshare-reshare-required",
|
|
@@ -33992,7 +34678,7 @@ function useSettingsNotifications() {
|
|
|
33992
34678
|
message: t("passport:securityMenu.keyshareReshare.notification")
|
|
33993
34679
|
});
|
|
33994
34680
|
}, [t, isNotificationsLoading, keyshareReshare]);
|
|
33995
|
-
|
|
34681
|
+
useEffect59(() => {
|
|
33996
34682
|
if (isNotificationsLoading || !backupWarning?.enabled || !securityStatus) return;
|
|
33997
34683
|
const isProtectedBackupMissing = !securityStatus?.level || securityStatus?.level === "basic";
|
|
33998
34684
|
useLayoutDataStore.getState().setSettingsNotifications({
|
|
@@ -34004,7 +34690,7 @@ function useSettingsNotifications() {
|
|
|
34004
34690
|
message: t("passport:securityMenu.securityLevel.basic.description")
|
|
34005
34691
|
});
|
|
34006
34692
|
}, [t, isNotificationsLoading, backupWarning, securityStatus]);
|
|
34007
|
-
|
|
34693
|
+
useEffect59(() => {
|
|
34008
34694
|
if (isNotificationsLoading || !isKYCconfigured || !kycNotCompletedWarning?.enabled) return;
|
|
34009
34695
|
const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
|
|
34010
34696
|
useLayoutDataStore.getState().setSettingsNotifications({
|
|
@@ -34017,7 +34703,7 @@ function useSettingsNotifications() {
|
|
|
34017
34703
|
});
|
|
34018
34704
|
}, [t, isNotificationsLoading, isKYCconfigured, kycNotCompletedWarning, userProfile]);
|
|
34019
34705
|
const hasEmail = providers.map((p) => p.provider).includes("email");
|
|
34020
|
-
|
|
34706
|
+
useEffect59(() => {
|
|
34021
34707
|
if (isNotificationsLoading || !emailNotConnectedWarning?.enabled) return;
|
|
34022
34708
|
useLayoutDataStore.getState().setSettingsNotifications({
|
|
34023
34709
|
id: "email-not-connected",
|
|
@@ -34045,41 +34731,41 @@ var init_useSettingsNotifications = __esm({
|
|
|
34045
34731
|
|
|
34046
34732
|
// src/internal/assets/embark-ai-dark.svg
|
|
34047
34733
|
import * as React32 from "react";
|
|
34048
|
-
import { jsx as
|
|
34734
|
+
import { jsx as jsx141, jsxs as jsxs128 } from "react/jsx-runtime";
|
|
34049
34735
|
var SvgEmbarkAiDark, embark_ai_dark_default;
|
|
34050
34736
|
var init_embark_ai_dark = __esm({
|
|
34051
34737
|
"src/internal/assets/embark-ai-dark.svg"() {
|
|
34052
|
-
SvgEmbarkAiDark = (props) => /* @__PURE__ */
|
|
34053
|
-
/* @__PURE__ */
|
|
34054
|
-
/* @__PURE__ */
|
|
34055
|
-
/* @__PURE__ */
|
|
34056
|
-
/* @__PURE__ */
|
|
34057
|
-
/* @__PURE__ */
|
|
34058
|
-
/* @__PURE__ */
|
|
34059
|
-
/* @__PURE__ */
|
|
34060
|
-
/* @__PURE__ */
|
|
34061
|
-
/* @__PURE__ */
|
|
34062
|
-
/* @__PURE__ */
|
|
34063
|
-
/* @__PURE__ */
|
|
34064
|
-
/* @__PURE__ */
|
|
34738
|
+
SvgEmbarkAiDark = (props) => /* @__PURE__ */ jsxs128("svg", { width: 873, height: 152, viewBox: "0 0 873 152", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
34739
|
+
/* @__PURE__ */ jsxs128("g", { clipPath: "url(#clip0_753_38)", children: [
|
|
34740
|
+
/* @__PURE__ */ jsx141("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" }),
|
|
34741
|
+
/* @__PURE__ */ jsx141("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" }),
|
|
34742
|
+
/* @__PURE__ */ jsx141("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" }),
|
|
34743
|
+
/* @__PURE__ */ jsx141("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" }),
|
|
34744
|
+
/* @__PURE__ */ jsx141("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" }),
|
|
34745
|
+
/* @__PURE__ */ jsx141("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" }),
|
|
34746
|
+
/* @__PURE__ */ jsx141("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" }),
|
|
34747
|
+
/* @__PURE__ */ jsx141("path", { d: "M862.114 123.078V27.8086H873.022V123.078H862.114Z", fill: "#ffffff" }),
|
|
34748
|
+
/* @__PURE__ */ jsx141("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)" }),
|
|
34749
|
+
/* @__PURE__ */ jsx141("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)" }),
|
|
34750
|
+
/* @__PURE__ */ jsx141("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)" })
|
|
34065
34751
|
] }),
|
|
34066
|
-
/* @__PURE__ */
|
|
34067
|
-
/* @__PURE__ */
|
|
34068
|
-
/* @__PURE__ */
|
|
34069
|
-
/* @__PURE__ */
|
|
34070
|
-
/* @__PURE__ */
|
|
34752
|
+
/* @__PURE__ */ jsxs128("defs", { children: [
|
|
34753
|
+
/* @__PURE__ */ jsxs128("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: [
|
|
34754
|
+
/* @__PURE__ */ jsx141("stop", { stopColor: "#CCFFF8" }),
|
|
34755
|
+
/* @__PURE__ */ jsx141("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
34756
|
+
/* @__PURE__ */ jsx141("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
34071
34757
|
] }),
|
|
34072
|
-
/* @__PURE__ */
|
|
34073
|
-
/* @__PURE__ */
|
|
34074
|
-
/* @__PURE__ */
|
|
34075
|
-
/* @__PURE__ */
|
|
34758
|
+
/* @__PURE__ */ jsxs128("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: [
|
|
34759
|
+
/* @__PURE__ */ jsx141("stop", { stopColor: "#CCFFF8" }),
|
|
34760
|
+
/* @__PURE__ */ jsx141("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
34761
|
+
/* @__PURE__ */ jsx141("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
34076
34762
|
] }),
|
|
34077
|
-
/* @__PURE__ */
|
|
34078
|
-
/* @__PURE__ */
|
|
34079
|
-
/* @__PURE__ */
|
|
34080
|
-
/* @__PURE__ */
|
|
34763
|
+
/* @__PURE__ */ jsxs128("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: [
|
|
34764
|
+
/* @__PURE__ */ jsx141("stop", { stopColor: "#CCFFF8" }),
|
|
34765
|
+
/* @__PURE__ */ jsx141("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
34766
|
+
/* @__PURE__ */ jsx141("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
34081
34767
|
] }),
|
|
34082
|
-
/* @__PURE__ */
|
|
34768
|
+
/* @__PURE__ */ jsx141("clipPath", { id: "clip0_753_38", children: /* @__PURE__ */ jsx141("rect", { width: 873, height: 152, fill: "white" }) })
|
|
34083
34769
|
] })
|
|
34084
34770
|
] });
|
|
34085
34771
|
embark_ai_dark_default = SvgEmbarkAiDark;
|
|
@@ -34088,41 +34774,41 @@ var init_embark_ai_dark = __esm({
|
|
|
34088
34774
|
|
|
34089
34775
|
// src/internal/assets/embark-ai-light.svg
|
|
34090
34776
|
import * as React33 from "react";
|
|
34091
|
-
import { jsx as
|
|
34777
|
+
import { jsx as jsx142, jsxs as jsxs129 } from "react/jsx-runtime";
|
|
34092
34778
|
var SvgEmbarkAiLight, embark_ai_light_default;
|
|
34093
34779
|
var init_embark_ai_light = __esm({
|
|
34094
34780
|
"src/internal/assets/embark-ai-light.svg"() {
|
|
34095
|
-
SvgEmbarkAiLight = (props) => /* @__PURE__ */
|
|
34096
|
-
/* @__PURE__ */
|
|
34097
|
-
/* @__PURE__ */
|
|
34098
|
-
/* @__PURE__ */
|
|
34099
|
-
/* @__PURE__ */
|
|
34100
|
-
/* @__PURE__ */
|
|
34101
|
-
/* @__PURE__ */
|
|
34102
|
-
/* @__PURE__ */
|
|
34103
|
-
/* @__PURE__ */
|
|
34104
|
-
/* @__PURE__ */
|
|
34105
|
-
/* @__PURE__ */
|
|
34106
|
-
/* @__PURE__ */
|
|
34107
|
-
/* @__PURE__ */
|
|
34781
|
+
SvgEmbarkAiLight = (props) => /* @__PURE__ */ jsxs129("svg", { width: 873, height: 152, viewBox: "0 0 873 152", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
|
|
34782
|
+
/* @__PURE__ */ jsxs129("g", { clipPath: "url(#clip0_753_38)", children: [
|
|
34783
|
+
/* @__PURE__ */ jsx142("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" }),
|
|
34784
|
+
/* @__PURE__ */ jsx142("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" }),
|
|
34785
|
+
/* @__PURE__ */ jsx142("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" }),
|
|
34786
|
+
/* @__PURE__ */ jsx142("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" }),
|
|
34787
|
+
/* @__PURE__ */ jsx142("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" }),
|
|
34788
|
+
/* @__PURE__ */ jsx142("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" }),
|
|
34789
|
+
/* @__PURE__ */ jsx142("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" }),
|
|
34790
|
+
/* @__PURE__ */ jsx142("path", { d: "M862.114 123.078V27.8086H873.022V123.078H862.114Z", fill: "#2B2959" }),
|
|
34791
|
+
/* @__PURE__ */ jsx142("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)" }),
|
|
34792
|
+
/* @__PURE__ */ jsx142("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)" }),
|
|
34793
|
+
/* @__PURE__ */ jsx142("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)" })
|
|
34108
34794
|
] }),
|
|
34109
|
-
/* @__PURE__ */
|
|
34110
|
-
/* @__PURE__ */
|
|
34111
|
-
/* @__PURE__ */
|
|
34112
|
-
/* @__PURE__ */
|
|
34113
|
-
/* @__PURE__ */
|
|
34795
|
+
/* @__PURE__ */ jsxs129("defs", { children: [
|
|
34796
|
+
/* @__PURE__ */ jsxs129("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: [
|
|
34797
|
+
/* @__PURE__ */ jsx142("stop", { stopColor: "#CCFFF8" }),
|
|
34798
|
+
/* @__PURE__ */ jsx142("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
34799
|
+
/* @__PURE__ */ jsx142("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
34114
34800
|
] }),
|
|
34115
|
-
/* @__PURE__ */
|
|
34116
|
-
/* @__PURE__ */
|
|
34117
|
-
/* @__PURE__ */
|
|
34118
|
-
/* @__PURE__ */
|
|
34801
|
+
/* @__PURE__ */ jsxs129("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: [
|
|
34802
|
+
/* @__PURE__ */ jsx142("stop", { stopColor: "#CCFFF8" }),
|
|
34803
|
+
/* @__PURE__ */ jsx142("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
34804
|
+
/* @__PURE__ */ jsx142("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
34119
34805
|
] }),
|
|
34120
|
-
/* @__PURE__ */
|
|
34121
|
-
/* @__PURE__ */
|
|
34122
|
-
/* @__PURE__ */
|
|
34123
|
-
/* @__PURE__ */
|
|
34806
|
+
/* @__PURE__ */ jsxs129("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: [
|
|
34807
|
+
/* @__PURE__ */ jsx142("stop", { stopColor: "#CCFFF8" }),
|
|
34808
|
+
/* @__PURE__ */ jsx142("stop", { offset: 0.36, stopColor: "#0DE4B3" }),
|
|
34809
|
+
/* @__PURE__ */ jsx142("stop", { offset: 1, stopColor: "#D13AFF" })
|
|
34124
34810
|
] }),
|
|
34125
|
-
/* @__PURE__ */
|
|
34811
|
+
/* @__PURE__ */ jsx142("clipPath", { id: "clip0_753_38", children: /* @__PURE__ */ jsx142("rect", { width: 873, height: 152, fill: "white" }) })
|
|
34126
34812
|
] })
|
|
34127
34813
|
] });
|
|
34128
34814
|
embark_ai_light_default = SvgEmbarkAiLight;
|
|
@@ -34135,7 +34821,7 @@ var init_package = __esm({
|
|
|
34135
34821
|
"package.json"() {
|
|
34136
34822
|
package_default = {
|
|
34137
34823
|
name: "@embarkai/ui-kit",
|
|
34138
|
-
version: "0.6.
|
|
34824
|
+
version: "0.6.13",
|
|
34139
34825
|
description: "React UI components and hooks for embarkAI authentication and Account Abstraction",
|
|
34140
34826
|
type: "module",
|
|
34141
34827
|
main: "./dist/index.cjs",
|
|
@@ -34241,7 +34927,7 @@ var init_package = __esm({
|
|
|
34241
34927
|
// src/internal/components/Footer/Footer.tsx
|
|
34242
34928
|
import { useMutation as useMutation23, useQueryClient as useQueryClient31 } from "@tanstack/react-query";
|
|
34243
34929
|
import { Loader as Loader32, LogOut } from "lucide-react";
|
|
34244
|
-
import { jsx as
|
|
34930
|
+
import { jsx as jsx143, jsxs as jsxs130 } from "react/jsx-runtime";
|
|
34245
34931
|
function Footer() {
|
|
34246
34932
|
const qc = useQueryClient31();
|
|
34247
34933
|
const { callbacksRef, config } = useProviderConfig();
|
|
@@ -34275,7 +34961,7 @@ function Footer() {
|
|
|
34275
34961
|
return { disconnectedUserId: userId, disconnectAddress };
|
|
34276
34962
|
},
|
|
34277
34963
|
onSuccess: async ({ disconnectAddress, disconnectedUserId }) => {
|
|
34278
|
-
|
|
34964
|
+
qc.removeQueries({ queryKey: [CHECK_BACKUP_QUERY_KEY] });
|
|
34279
34965
|
if (!!useExternalWalletStore.getState().externalAddress) wagmiDisconnect();
|
|
34280
34966
|
const { setError, setStatus, setIsLoading, setSession, setAddress } = useSession.getState();
|
|
34281
34967
|
setSession(null);
|
|
@@ -34297,16 +34983,16 @@ function Footer() {
|
|
|
34297
34983
|
useLayoutStore.getState().setIsDialogForced(false);
|
|
34298
34984
|
}
|
|
34299
34985
|
});
|
|
34300
|
-
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */
|
|
34986
|
+
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ jsx143("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx143("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
|
|
34301
34987
|
const EmbarkAiLogo = EMBARKAI_LOGOS[colorMode];
|
|
34302
|
-
return /* @__PURE__ */
|
|
34988
|
+
return /* @__PURE__ */ jsxs130(
|
|
34303
34989
|
"div",
|
|
34304
34990
|
{
|
|
34305
34991
|
style: { borderTop: "1px solid var(--ui-kit-bd)" },
|
|
34306
34992
|
className: "relative w-full flex flex-col items-center p-[var(--ui-kit-pd)] pb-5",
|
|
34307
34993
|
children: [
|
|
34308
|
-
/* @__PURE__ */
|
|
34309
|
-
/* @__PURE__ */
|
|
34994
|
+
/* @__PURE__ */ jsxs130("div", { className: cn2("w-full flex justify-between", !!address ? "justify-between" : "justify-center"), children: [
|
|
34995
|
+
/* @__PURE__ */ jsxs130(
|
|
34310
34996
|
Button,
|
|
34311
34997
|
{
|
|
34312
34998
|
ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_CHAIN_BUTTON, inst),
|
|
@@ -34322,12 +35008,12 @@ function Footer() {
|
|
|
34322
35008
|
useLayoutDataStore.getState().setPage("chain" /* CHAIN */);
|
|
34323
35009
|
},
|
|
34324
35010
|
children: [
|
|
34325
|
-
/* @__PURE__ */
|
|
34326
|
-
/* @__PURE__ */
|
|
35011
|
+
/* @__PURE__ */ jsx143(ChainIcon, { className: "flex-none w-6 h-6" }),
|
|
35012
|
+
/* @__PURE__ */ jsx143("span", { className: "text-xs font-bold", children: chainConfig.name || "embarkAI Wallet" })
|
|
34327
35013
|
]
|
|
34328
35014
|
}
|
|
34329
35015
|
),
|
|
34330
|
-
!!address ? /* @__PURE__ */
|
|
35016
|
+
!!address ? /* @__PURE__ */ jsxs130(
|
|
34331
35017
|
Button,
|
|
34332
35018
|
{
|
|
34333
35019
|
ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_LOGOUT_BUTTON, inst),
|
|
@@ -34337,13 +35023,13 @@ function Footer() {
|
|
|
34337
35023
|
onClick: () => disconnect(address),
|
|
34338
35024
|
disabled: isDisconnecting || isDialogForced,
|
|
34339
35025
|
children: [
|
|
34340
|
-
/* @__PURE__ */
|
|
34341
|
-
isDisconnecting ? /* @__PURE__ */
|
|
35026
|
+
/* @__PURE__ */ jsx143("span", { children: t("passport:auth.logout") }),
|
|
35027
|
+
isDisconnecting ? /* @__PURE__ */ jsx143(Loader32, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx143(LogOut, { className: "w-4 h-4" })
|
|
34342
35028
|
]
|
|
34343
35029
|
}
|
|
34344
35030
|
) : null
|
|
34345
35031
|
] }),
|
|
34346
|
-
/* @__PURE__ */
|
|
35032
|
+
/* @__PURE__ */ jsxs130(
|
|
34347
35033
|
"div",
|
|
34348
35034
|
{
|
|
34349
35035
|
className: cn2(
|
|
@@ -34353,8 +35039,8 @@ function Footer() {
|
|
|
34353
35039
|
// 'text-[var(--ui-kit-fg-muted)]'
|
|
34354
35040
|
),
|
|
34355
35041
|
children: [
|
|
34356
|
-
/* @__PURE__ */
|
|
34357
|
-
/* @__PURE__ */
|
|
35042
|
+
/* @__PURE__ */ jsx143(EmbarkAiLogo, { className: "h-2.5 w-auto" }),
|
|
35043
|
+
/* @__PURE__ */ jsx143("span", { className: "block font-mono text-[8px] leading-3 ", children: `${package_default.version}` })
|
|
34358
35044
|
]
|
|
34359
35045
|
}
|
|
34360
35046
|
)
|
|
@@ -34428,7 +35114,7 @@ var init_onborading_setup = __esm({
|
|
|
34428
35114
|
init_SendMenu2();
|
|
34429
35115
|
init_SettingsMenu2();
|
|
34430
35116
|
init_TransactionsMenu2();
|
|
34431
|
-
|
|
35117
|
+
init_UserSecurityActivityMenu2();
|
|
34432
35118
|
EMBARKAI_HEADER_ONBOARDING_ID = "embark-header-user-section";
|
|
34433
35119
|
EMBARKAI_HEADER_TOUR_BUTTON_ID = "embark-header-tour-button-section";
|
|
34434
35120
|
ONBOARDING_TOURS = {
|
|
@@ -34446,7 +35132,7 @@ var init_onborading_setup = __esm({
|
|
|
34446
35132
|
...MAIN_MENU_TOUR,
|
|
34447
35133
|
...FOOTER_TOUR
|
|
34448
35134
|
],
|
|
34449
|
-
["user-activity" /*
|
|
35135
|
+
["user-security-activity" /* USER_SECURITY_ACTIVITY */]: () => USER_SECURITY_ACTIVITY_MENU_TOUR,
|
|
34450
35136
|
["settings" /* SETTINGS */]: () => SETTINGS_MENU_TOUR,
|
|
34451
35137
|
["buy" /* BUY */]: () => BUY_MENU_BINANCE_TOUR,
|
|
34452
35138
|
["send" /* SEND */]: () => {
|
|
@@ -34475,8 +35161,8 @@ var init_onborading_setup = __esm({
|
|
|
34475
35161
|
|
|
34476
35162
|
// src/internal/components/Header/Header.tsx
|
|
34477
35163
|
import { CircleQuestionMarkIcon, Copy as Copy4, Loader as Loader33 } from "lucide-react";
|
|
34478
|
-
import { useCallback as useCallback34, useRef as
|
|
34479
|
-
import { Fragment as Fragment47, jsx as
|
|
35164
|
+
import { useCallback as useCallback34, useRef as useRef28, useState as useState39 } from "react";
|
|
35165
|
+
import { Fragment as Fragment47, jsx as jsx144, jsxs as jsxs131 } from "react/jsx-runtime";
|
|
34480
35166
|
function formatAddress3(addr) {
|
|
34481
35167
|
if (!addr) return "";
|
|
34482
35168
|
return `${addr.slice(0, 10)}...${addr.slice(-4)}`;
|
|
@@ -34488,10 +35174,10 @@ function Header() {
|
|
|
34488
35174
|
const embarkPage = useLayoutDataStore((st) => st.page);
|
|
34489
35175
|
const isOnboardingTourAvailable = useOnboardingStore((st) => st.isTourAvailable);
|
|
34490
35176
|
const proMode = useProMode();
|
|
34491
|
-
const [proToast, setProToast] =
|
|
34492
|
-
const [copied, setCopied] =
|
|
34493
|
-
const clickCountRef =
|
|
34494
|
-
const clickTimerRef =
|
|
35177
|
+
const [proToast, setProToast] = useState39(false);
|
|
35178
|
+
const [copied, setCopied] = useState39(false);
|
|
35179
|
+
const clickCountRef = useRef28(0);
|
|
35180
|
+
const clickTimerRef = useRef28(null);
|
|
34495
35181
|
const handleAvatarClick = useCallback34(() => {
|
|
34496
35182
|
clickCountRef.current += 1;
|
|
34497
35183
|
if (clickTimerRef.current) {
|
|
@@ -34514,34 +35200,34 @@ function Header() {
|
|
|
34514
35200
|
const avatar = profile?.avatar || null;
|
|
34515
35201
|
const displayName = profile?.nicknameDisplay || profile?.displayName;
|
|
34516
35202
|
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || null;
|
|
34517
|
-
return /* @__PURE__ */
|
|
35203
|
+
return /* @__PURE__ */ jsxs131(
|
|
34518
35204
|
"div",
|
|
34519
35205
|
{
|
|
34520
35206
|
ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_ONBOARDING_ID, inst),
|
|
34521
35207
|
style: { borderBottom: "1px solid var(--ui-kit-bd)" },
|
|
34522
35208
|
className: "w-full flex flex-col gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)] pt-5",
|
|
34523
35209
|
children: [
|
|
34524
|
-
/* @__PURE__ */
|
|
34525
|
-
/* @__PURE__ */
|
|
35210
|
+
/* @__PURE__ */ jsxs131("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
35211
|
+
/* @__PURE__ */ jsxs131(
|
|
34526
35212
|
"div",
|
|
34527
35213
|
{
|
|
34528
35214
|
className: "relative flex-none w-12 h-12 flex items-center justify-center cursor-pointer select-none",
|
|
34529
35215
|
onClick: handleAvatarClick,
|
|
34530
35216
|
children: [
|
|
34531
|
-
proMode && /* @__PURE__ */
|
|
34532
|
-
avatar ? /* @__PURE__ */
|
|
35217
|
+
proMode && /* @__PURE__ */ jsx144("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" }),
|
|
35218
|
+
avatar ? /* @__PURE__ */ jsx144("img", { src: avatar, alt: displayName, className: "w-full h-full object-cover rounded-full" }) : /* @__PURE__ */ jsx144(lumia_default2, { className: "w-12 h-12" })
|
|
34533
35219
|
]
|
|
34534
35220
|
}
|
|
34535
35221
|
),
|
|
34536
|
-
/* @__PURE__ */
|
|
35222
|
+
/* @__PURE__ */ jsxs131(
|
|
34537
35223
|
"div",
|
|
34538
35224
|
{
|
|
34539
35225
|
style: { width: "calc(100% - 48px - var(--ui-kit-gap))" },
|
|
34540
35226
|
className: "flex-1 flex flex-col justify-center gap-1",
|
|
34541
35227
|
children: [
|
|
34542
|
-
isProfileLoading && /* @__PURE__ */
|
|
34543
|
-
!!address && !isProfileLoading && !!profile && /* @__PURE__ */
|
|
34544
|
-
/* @__PURE__ */
|
|
35228
|
+
isProfileLoading && /* @__PURE__ */ jsx144(Loader33, { className: "w-4 h-4 animate-spin" }),
|
|
35229
|
+
!!address && !isProfileLoading && !!profile && /* @__PURE__ */ jsxs131(Fragment47, { children: [
|
|
35230
|
+
/* @__PURE__ */ jsx144("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx144(
|
|
34545
35231
|
"span",
|
|
34546
35232
|
{
|
|
34547
35233
|
className: cn2(
|
|
@@ -34551,19 +35237,19 @@ function Header() {
|
|
|
34551
35237
|
children: displayName || config.current?.ui?.title || "embarkAI"
|
|
34552
35238
|
}
|
|
34553
35239
|
) }),
|
|
34554
|
-
/* @__PURE__ */
|
|
35240
|
+
/* @__PURE__ */ jsx144(BalanceView, {})
|
|
34555
35241
|
] })
|
|
34556
35242
|
]
|
|
34557
35243
|
}
|
|
34558
35244
|
)
|
|
34559
35245
|
] }),
|
|
34560
|
-
!!address && /* @__PURE__ */
|
|
34561
|
-
/* @__PURE__ */
|
|
34562
|
-
!!ChainIcon ? /* @__PURE__ */
|
|
34563
|
-
/* @__PURE__ */
|
|
35246
|
+
!!address && /* @__PURE__ */ jsxs131("div", { className: "w-full flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
|
|
35247
|
+
/* @__PURE__ */ jsxs131("div", { className: "flex items-center w-fit text-[10px] px-2 leading-6 text-[var(--ui-kit-fg)] gap-2", children: [
|
|
35248
|
+
!!ChainIcon ? /* @__PURE__ */ jsx144(ChainIcon, { className: "flex-none w-6 h-6" }) : /* @__PURE__ */ jsx144("div", { className: "flex-none w-6 h-6 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx144("span", { className: "text-[var(--ui-kit-fg-inverted)] text-sm font-bold", children: chainConfig.name.charAt(0) }) }),
|
|
35249
|
+
/* @__PURE__ */ jsx144("span", { className: cn2("transition-colors", copied && "text-[var(--ui-kit-bg-success)]"), children: formatAddress3(address) })
|
|
34564
35250
|
] }),
|
|
34565
|
-
/* @__PURE__ */
|
|
34566
|
-
/* @__PURE__ */
|
|
35251
|
+
/* @__PURE__ */ jsxs131("div", { className: "w-fit flex items-center", children: [
|
|
35252
|
+
/* @__PURE__ */ jsx144(
|
|
34567
35253
|
Button,
|
|
34568
35254
|
{
|
|
34569
35255
|
size: "small",
|
|
@@ -34574,10 +35260,10 @@ function Header() {
|
|
|
34574
35260
|
setCopied(true);
|
|
34575
35261
|
setTimeout(() => setCopied(false), 1500);
|
|
34576
35262
|
},
|
|
34577
|
-
children: copied ? /* @__PURE__ */
|
|
35263
|
+
children: copied ? /* @__PURE__ */ jsx144(PositiveIcon, {}) : /* @__PURE__ */ jsx144(Copy4, { className: "w-4 h-4" })
|
|
34578
35264
|
}
|
|
34579
35265
|
),
|
|
34580
|
-
!!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */
|
|
35266
|
+
!!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */ jsx144(
|
|
34581
35267
|
Button,
|
|
34582
35268
|
{
|
|
34583
35269
|
ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_TOUR_BUTTON_ID, inst),
|
|
@@ -34585,12 +35271,12 @@ function Header() {
|
|
|
34585
35271
|
variant: "ghost",
|
|
34586
35272
|
className: "text-[10px] px-2",
|
|
34587
35273
|
onClick: () => onboarder.startTour(ONBOARDING_TOURS[embarkPage]({ config: config.current })),
|
|
34588
|
-
children: /* @__PURE__ */
|
|
35274
|
+
children: /* @__PURE__ */ jsx144(CircleQuestionMarkIcon, { className: "w-4 h-4" })
|
|
34589
35275
|
}
|
|
34590
35276
|
)
|
|
34591
35277
|
] })
|
|
34592
35278
|
] }),
|
|
34593
|
-
proToast && /* @__PURE__ */
|
|
35279
|
+
proToast && /* @__PURE__ */ jsx144("div", { className: "text-xs text-center text-[var(--ui-kit-primary)] font-medium animate-pulse", children: "Pro Mode activated" })
|
|
34594
35280
|
]
|
|
34595
35281
|
}
|
|
34596
35282
|
);
|
|
@@ -34626,7 +35312,7 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
|
34626
35312
|
import { merge as merge2 } from "lodash-es";
|
|
34627
35313
|
import { ArrowLeft as ArrowLeft25, SlidersHorizontal, X } from "lucide-react";
|
|
34628
35314
|
import { forwardRef as forwardRef7 } from "react";
|
|
34629
|
-
import { Fragment as Fragment48, jsx as
|
|
35315
|
+
import { Fragment as Fragment48, jsx as jsx145, jsxs as jsxs132 } from "react/jsx-runtime";
|
|
34630
35316
|
function useDecideContentStyles() {
|
|
34631
35317
|
const isMobileView = useLayoutStore((st) => st.isMobileView);
|
|
34632
35318
|
const isClosing = useLayoutStore((st) => !!st.isDialogOpen && !!st.isDialogAnimating);
|
|
@@ -34649,7 +35335,7 @@ var init_dialog = __esm({
|
|
|
34649
35335
|
Dialog = DialogPrimitive.Root;
|
|
34650
35336
|
DialogPortal = DialogPrimitive.Portal;
|
|
34651
35337
|
DialogOverlay = forwardRef7(
|
|
34652
|
-
({ className, closing, ...props }, ref) => /* @__PURE__ */
|
|
35338
|
+
({ className, closing, ...props }, ref) => /* @__PURE__ */ jsx145(
|
|
34653
35339
|
DialogPrimitive.Overlay,
|
|
34654
35340
|
{
|
|
34655
35341
|
ref,
|
|
@@ -34681,7 +35367,7 @@ var init_dialog = __esm({
|
|
|
34681
35367
|
const { isMobileView, isClosing, style } = useDecideContentStyles();
|
|
34682
35368
|
const animationCnPrefix = isMobileView ? "animate-mobile-dialog" : "animate-dialog";
|
|
34683
35369
|
const dialogAnimationCn = isClosing ? `${animationCnPrefix}-out` : `${animationCnPrefix}-in`;
|
|
34684
|
-
return /* @__PURE__ */
|
|
35370
|
+
return /* @__PURE__ */ jsx145(DialogPortal, { children: /* @__PURE__ */ jsxs132(
|
|
34685
35371
|
"div",
|
|
34686
35372
|
{
|
|
34687
35373
|
"data-purpose": "embarkai-ui-container",
|
|
@@ -34689,8 +35375,8 @@ var init_dialog = __esm({
|
|
|
34689
35375
|
"data-current-theme-mode": colorMode,
|
|
34690
35376
|
style: { ...style, outline: "none" },
|
|
34691
35377
|
children: [
|
|
34692
|
-
/* @__PURE__ */
|
|
34693
|
-
/* @__PURE__ */
|
|
35378
|
+
/* @__PURE__ */ jsx145(DialogOverlay, { closing: isClosing }),
|
|
35379
|
+
/* @__PURE__ */ jsx145(
|
|
34694
35380
|
"div",
|
|
34695
35381
|
{
|
|
34696
35382
|
className: cn2(
|
|
@@ -34702,7 +35388,7 @@ var init_dialog = __esm({
|
|
|
34702
35388
|
// allows to embuff embark content menu via --ui-kit-content-maw
|
|
34703
35389
|
isMobileView ? "items-end w-dvw h-dvh" : "items-center w-[var(--ui-kit-content-maw,var(--ui-kit-maw))] mx-auto"
|
|
34704
35390
|
),
|
|
34705
|
-
children: /* @__PURE__ */
|
|
35391
|
+
children: /* @__PURE__ */ jsxs132(
|
|
34706
35392
|
DialogPrimitive.Content,
|
|
34707
35393
|
{
|
|
34708
35394
|
ref,
|
|
@@ -34719,7 +35405,7 @@ var init_dialog = __esm({
|
|
|
34719
35405
|
...props,
|
|
34720
35406
|
children: [
|
|
34721
35407
|
children,
|
|
34722
|
-
!isDialogForced && /* @__PURE__ */
|
|
35408
|
+
!isDialogForced && /* @__PURE__ */ jsxs132(
|
|
34723
35409
|
"div",
|
|
34724
35410
|
{
|
|
34725
35411
|
className: cn2(
|
|
@@ -34727,7 +35413,7 @@ var init_dialog = __esm({
|
|
|
34727
35413
|
"absolute right-[var(--ui-kit-pd)] top-[var(--ui-kit-pd)]"
|
|
34728
35414
|
),
|
|
34729
35415
|
children: [
|
|
34730
|
-
!isSessionLoading && /* @__PURE__ */
|
|
35416
|
+
!isSessionLoading && /* @__PURE__ */ jsxs132(
|
|
34731
35417
|
Button,
|
|
34732
35418
|
{
|
|
34733
35419
|
variant: "ghost",
|
|
@@ -34735,12 +35421,12 @@ var init_dialog = __esm({
|
|
|
34735
35421
|
className: "relative w-4 h-4",
|
|
34736
35422
|
onClick: () => setPage("languages" /* LANGUAGES */),
|
|
34737
35423
|
children: [
|
|
34738
|
-
/* @__PURE__ */
|
|
34739
|
-
/* @__PURE__ */
|
|
35424
|
+
/* @__PURE__ */ jsx145("span", { className: "sr-only", children: t("passport:common.language") }),
|
|
35425
|
+
/* @__PURE__ */ jsx145("span", { className: "w-4 h-4 leading-4 block text-[10px] font-bold", children: getLanguageIcon(i18n.resolvedLanguage) || i18n.resolvedLanguage?.toUpperCase() })
|
|
34740
35426
|
]
|
|
34741
35427
|
}
|
|
34742
35428
|
),
|
|
34743
|
-
isSettings && /* @__PURE__ */
|
|
35429
|
+
isSettings && /* @__PURE__ */ jsxs132(
|
|
34744
35430
|
Button,
|
|
34745
35431
|
{
|
|
34746
35432
|
variant: "ghost",
|
|
@@ -34748,10 +35434,10 @@ var init_dialog = __esm({
|
|
|
34748
35434
|
className: "relative w-4 h-4",
|
|
34749
35435
|
onClick: () => setPage("settings" /* SETTINGS */),
|
|
34750
35436
|
children: [
|
|
34751
|
-
/* @__PURE__ */
|
|
34752
|
-
/* @__PURE__ */
|
|
34753
|
-
!!settingsNotifications.length && /* @__PURE__ */
|
|
34754
|
-
/* @__PURE__ */
|
|
35437
|
+
/* @__PURE__ */ jsx145("span", { className: "sr-only", children: t("passport:common.settings") }),
|
|
35438
|
+
/* @__PURE__ */ jsx145(SlidersHorizontal, { className: "w-4 h-4" }),
|
|
35439
|
+
!!settingsNotifications.length && /* @__PURE__ */ jsxs132(Fragment48, { children: [
|
|
35440
|
+
/* @__PURE__ */ jsx145(
|
|
34755
35441
|
"div",
|
|
34756
35442
|
{
|
|
34757
35443
|
className: cn2(
|
|
@@ -34760,7 +35446,7 @@ var init_dialog = __esm({
|
|
|
34760
35446
|
)
|
|
34761
35447
|
}
|
|
34762
35448
|
),
|
|
34763
|
-
/* @__PURE__ */
|
|
35449
|
+
/* @__PURE__ */ jsx145(
|
|
34764
35450
|
"div",
|
|
34765
35451
|
{
|
|
34766
35452
|
className: cn2(
|
|
@@ -34773,9 +35459,9 @@ var init_dialog = __esm({
|
|
|
34773
35459
|
]
|
|
34774
35460
|
}
|
|
34775
35461
|
),
|
|
34776
|
-
/* @__PURE__ */
|
|
34777
|
-
/* @__PURE__ */
|
|
34778
|
-
/* @__PURE__ */
|
|
35462
|
+
/* @__PURE__ */ jsx145(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsxs132(Button, { variant: "ghost", size: "icon", className: "w-4 h-4", children: [
|
|
35463
|
+
/* @__PURE__ */ jsx145(X, { className: "h-4 w-4" }),
|
|
35464
|
+
/* @__PURE__ */ jsx145("span", { className: "sr-only", children: t("passport:common.close") })
|
|
34779
35465
|
] }) })
|
|
34780
35466
|
]
|
|
34781
35467
|
}
|
|
@@ -34791,11 +35477,11 @@ var init_dialog = __esm({
|
|
|
34791
35477
|
}
|
|
34792
35478
|
);
|
|
34793
35479
|
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
34794
|
-
DialogHeader = ({ className, ...props }) => /* @__PURE__ */
|
|
35480
|
+
DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx145("div", { className: cn2("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
|
|
34795
35481
|
DialogHeader.displayName = "DialogHeader";
|
|
34796
|
-
DialogFooter = ({ className, ...props }) => /* @__PURE__ */
|
|
35482
|
+
DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx145("div", { className: cn2("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
34797
35483
|
DialogFooter.displayName = "DialogFooter";
|
|
34798
|
-
DialogTitle = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */
|
|
35484
|
+
DialogTitle = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */ jsx145(
|
|
34799
35485
|
DialogPrimitive.Title,
|
|
34800
35486
|
{
|
|
34801
35487
|
ref,
|
|
@@ -34804,24 +35490,24 @@ var init_dialog = __esm({
|
|
|
34804
35490
|
}
|
|
34805
35491
|
));
|
|
34806
35492
|
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
34807
|
-
DialogDescription = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */
|
|
35493
|
+
DialogDescription = forwardRef7(({ className, ...props }, ref) => /* @__PURE__ */ jsx145(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
|
|
34808
35494
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
34809
35495
|
}
|
|
34810
35496
|
});
|
|
34811
35497
|
|
|
34812
35498
|
// src/internal/components/ui/visually-hidden.tsx
|
|
34813
|
-
import { jsx as
|
|
35499
|
+
import { jsx as jsx146 } from "react/jsx-runtime";
|
|
34814
35500
|
var VisuallyHidden;
|
|
34815
35501
|
var init_visually_hidden = __esm({
|
|
34816
35502
|
"src/internal/components/ui/visually-hidden.tsx"() {
|
|
34817
|
-
VisuallyHidden = ({ children }) => /* @__PURE__ */
|
|
35503
|
+
VisuallyHidden = ({ children }) => /* @__PURE__ */ jsx146("span", { className: "sr-only absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children });
|
|
34818
35504
|
}
|
|
34819
35505
|
});
|
|
34820
35506
|
|
|
34821
35507
|
// src/internal/components/Dialog/Dialog.tsx
|
|
34822
35508
|
import { AnimatePresence, motion } from "motion/react";
|
|
34823
|
-
import { useEffect as
|
|
34824
|
-
import { jsx as
|
|
35509
|
+
import { useEffect as useEffect60 } from "react";
|
|
35510
|
+
import { jsx as jsx147, jsxs as jsxs133 } from "react/jsx-runtime";
|
|
34825
35511
|
function Dialog2() {
|
|
34826
35512
|
const config = useProviderConfig().config;
|
|
34827
35513
|
const className = config.current?.ui?.dialogClassName;
|
|
@@ -34829,7 +35515,7 @@ function Dialog2() {
|
|
|
34829
35515
|
const { colorMode, maxScrollHeight, isDialogOpen, dialogContent, isDialogForced, isBackupRequired } = useLayoutStore();
|
|
34830
35516
|
const page = useLayoutDataStore((st) => st.page);
|
|
34831
35517
|
const transitionPageHeight = useLayoutDataStore((st) => st.transitionPageHeight);
|
|
34832
|
-
|
|
35518
|
+
useEffect60(() => useLayoutStore.setState({ isSettings: !!session }), [session]);
|
|
34833
35519
|
usePageMapper();
|
|
34834
35520
|
useAutoConnect();
|
|
34835
35521
|
useBackupStatusChanges();
|
|
@@ -34838,7 +35524,7 @@ function Dialog2() {
|
|
|
34838
35524
|
useListenIframeAuthEvents();
|
|
34839
35525
|
useAllowExternalModalsScroll(isDialogOpen);
|
|
34840
35526
|
const isHeaderHidden = !session || isBackupRequired;
|
|
34841
|
-
return /* @__PURE__ */
|
|
35527
|
+
return /* @__PURE__ */ jsx147(
|
|
34842
35528
|
Dialog,
|
|
34843
35529
|
{
|
|
34844
35530
|
open: isDialogOpen,
|
|
@@ -34850,17 +35536,17 @@ function Dialog2() {
|
|
|
34850
35536
|
setPage(null);
|
|
34851
35537
|
}
|
|
34852
35538
|
},
|
|
34853
|
-
children: /* @__PURE__ */
|
|
35539
|
+
children: /* @__PURE__ */ jsxs133(
|
|
34854
35540
|
DialogContent,
|
|
34855
35541
|
{
|
|
34856
35542
|
ref: (inst) => onboarder.registerElement(EMBARKAI_DIALOG_ONBOARDING_ID, inst),
|
|
34857
35543
|
colorMode,
|
|
34858
35544
|
className,
|
|
34859
35545
|
children: [
|
|
34860
|
-
/* @__PURE__ */
|
|
34861
|
-
/* @__PURE__ */
|
|
34862
|
-
!isHeaderHidden && /* @__PURE__ */
|
|
34863
|
-
/* @__PURE__ */
|
|
35546
|
+
/* @__PURE__ */ jsx147(VisuallyHidden, { children: /* @__PURE__ */ jsx147(DialogTitle, { children: "embarkAI" }) }),
|
|
35547
|
+
/* @__PURE__ */ jsx147(DialogDescription, { className: "sr-only", children: "embarkAI wallet" }),
|
|
35548
|
+
!isHeaderHidden && /* @__PURE__ */ jsx147(Header, {}),
|
|
35549
|
+
/* @__PURE__ */ jsx147(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx147(
|
|
34864
35550
|
motion.div,
|
|
34865
35551
|
{
|
|
34866
35552
|
style: { overflow: "hidden" },
|
|
@@ -34868,7 +35554,7 @@ function Dialog2() {
|
|
|
34868
35554
|
animate: { opacity: 1, height: "auto" },
|
|
34869
35555
|
exit: { opacity: 0, height: transitionPageHeight },
|
|
34870
35556
|
transition: Y_ANIMATION_SETUP,
|
|
34871
|
-
children: /* @__PURE__ */
|
|
35557
|
+
children: /* @__PURE__ */ jsx147(
|
|
34872
35558
|
"div",
|
|
34873
35559
|
{
|
|
34874
35560
|
ref: (inst) => onboarder.registerElement(`${EMBARKAI_DIALOG_ONBOARDING_ID}-${page}`, inst),
|
|
@@ -34883,7 +35569,7 @@ function Dialog2() {
|
|
|
34883
35569
|
},
|
|
34884
35570
|
page || "empty"
|
|
34885
35571
|
) }),
|
|
34886
|
-
/* @__PURE__ */
|
|
35572
|
+
/* @__PURE__ */ jsx147(Footer, {})
|
|
34887
35573
|
]
|
|
34888
35574
|
}
|
|
34889
35575
|
)
|
|
@@ -34920,7 +35606,7 @@ var init_Dialog2 = __esm({
|
|
|
34920
35606
|
});
|
|
34921
35607
|
|
|
34922
35608
|
// src/internal/components/DirectWalletHandler.tsx
|
|
34923
|
-
import { useEffect as
|
|
35609
|
+
import { useEffect as useEffect61 } from "react";
|
|
34924
35610
|
import { useConnection } from "wagmi";
|
|
34925
35611
|
function DirectWalletHandler() {
|
|
34926
35612
|
const walletMode = useProviderConfig().config.current?.wallet?.mode || "both";
|
|
@@ -34929,12 +35615,12 @@ function DirectWalletHandler() {
|
|
|
34929
35615
|
const externalConnectorName = useExternalWalletStore((st) => st.connectorName);
|
|
34930
35616
|
const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
|
|
34931
35617
|
const { address, isConnected, chainId, connector } = useConnection();
|
|
34932
|
-
|
|
35618
|
+
useEffect61(() => {
|
|
34933
35619
|
const { setConfigMode, setActiveMode } = useExternalWalletStore.getState();
|
|
34934
35620
|
setConfigMode(walletMode);
|
|
34935
35621
|
if (walletMode !== "both") setActiveMode(walletMode);
|
|
34936
35622
|
}, [walletMode]);
|
|
34937
|
-
|
|
35623
|
+
useEffect61(() => {
|
|
34938
35624
|
if ((!!externalAddress || isExternalConnected) && !isConnected) {
|
|
34939
35625
|
useExternalWalletStore.getState().clearExternalWallet();
|
|
34940
35626
|
return;
|
|
@@ -35036,7 +35722,7 @@ import {
|
|
|
35036
35722
|
import { Fragment as Fragment49 } from "react";
|
|
35037
35723
|
import { create as create20 } from "zustand";
|
|
35038
35724
|
import { persist as persist4 } from "zustand/middleware";
|
|
35039
|
-
import { jsx as
|
|
35725
|
+
import { jsx as jsx148, jsxs as jsxs134 } from "react/jsx-runtime";
|
|
35040
35726
|
function getChainParams(chainCfg) {
|
|
35041
35727
|
return {
|
|
35042
35728
|
activeChainId: chainCfg.id,
|
|
@@ -35054,23 +35740,23 @@ function waitForStoreHydration() {
|
|
|
35054
35740
|
}
|
|
35055
35741
|
function SessionProvider({ children }) {
|
|
35056
35742
|
const config = useProviderConfig().config;
|
|
35057
|
-
return /* @__PURE__ */
|
|
35743
|
+
return /* @__PURE__ */ jsxs134(Fragment49, {
|
|
35058
35744
|
/** dApp's router might have its own error boundaries setup via imported @embarkai/ui-kitErrorBoundary */
|
|
35059
35745
|
children: [
|
|
35060
35746
|
children,
|
|
35061
|
-
/* @__PURE__ */
|
|
35062
|
-
config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */
|
|
35063
|
-
/* @__PURE__ */
|
|
35064
|
-
/* @__PURE__ */
|
|
35065
|
-
/* @__PURE__ */
|
|
35747
|
+
/* @__PURE__ */ jsxs134(ErrorBoundary, { children: [
|
|
35748
|
+
config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ jsx148(DirectWalletHandler, {}),
|
|
35749
|
+
/* @__PURE__ */ jsx148(BalanceFeedProvider, {}),
|
|
35750
|
+
/* @__PURE__ */ jsx148(ChainSync, {}),
|
|
35751
|
+
/* @__PURE__ */ jsx148(
|
|
35066
35752
|
TssManagerWithRef,
|
|
35067
35753
|
{
|
|
35068
35754
|
mpcPin: void 0
|
|
35069
35755
|
}
|
|
35070
35756
|
),
|
|
35071
|
-
/* @__PURE__ */
|
|
35072
|
-
/* @__PURE__ */
|
|
35073
|
-
/* @__PURE__ */
|
|
35757
|
+
/* @__PURE__ */ jsx148(KeyshareReshareCheck, {}),
|
|
35758
|
+
/* @__PURE__ */ jsx148(Dialog2, {}),
|
|
35759
|
+
/* @__PURE__ */ jsx148(OnboardingOverlay, {})
|
|
35074
35760
|
] })
|
|
35075
35761
|
]
|
|
35076
35762
|
});
|
|
@@ -36676,7 +37362,7 @@ function notifyNoProjetctId(projectId) {
|
|
|
36676
37362
|
'\n\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n\u2551 \u26A0\uFE0F embarkAI WARNING \u26A0\uFE0F \u2551\n\u2560\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2563\n\u2551 \u2551\n\u2551 projectId is NOT configured! \u2551\n\u2551 \u2551\n\u2551 Your integration will NOT work without a valid projectId. \u2551\n\u2551 Most features will be disabled and errors will occur. \u2551\n\u2551 \u2551\n\u2551 To fix this: \u2551\n\u2551 1. Get your projectId from: https://dashboard.embarkai.io/ \u2551\n\u2551 2. Add it to your Provider: \u2551\n\u2551 \u2551\n\u2551 <Provider projectId="your-project-id"> \u2551\n\u2551 {children} \u2551\n\u2551 </Provider> \u2551\n\u2551 \u2551\n\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255D\n'
|
|
36677
37363
|
);
|
|
36678
37364
|
}
|
|
36679
|
-
var
|
|
37365
|
+
var init_utils14 = __esm({
|
|
36680
37366
|
"src/context/utils.ts"() {
|
|
36681
37367
|
}
|
|
36682
37368
|
});
|
|
@@ -36690,12 +37376,12 @@ import {
|
|
|
36690
37376
|
createContext,
|
|
36691
37377
|
useCallback as useCallback36,
|
|
36692
37378
|
useContext,
|
|
36693
|
-
useEffect as
|
|
36694
|
-
useMemo as
|
|
36695
|
-
useRef as
|
|
37379
|
+
useEffect as useEffect62,
|
|
37380
|
+
useMemo as useMemo22,
|
|
37381
|
+
useRef as useRef29
|
|
36696
37382
|
} from "react";
|
|
36697
37383
|
import { WagmiProvider } from "wagmi";
|
|
36698
|
-
import { jsx as
|
|
37384
|
+
import { jsx as jsx149 } from "react/jsx-runtime";
|
|
36699
37385
|
function clearLegacyWagmiStorage() {
|
|
36700
37386
|
if (typeof window === "undefined" || !window.localStorage) return;
|
|
36701
37387
|
const legacyKeys = [
|
|
@@ -36714,16 +37400,16 @@ function clearLegacyWagmiStorage() {
|
|
|
36714
37400
|
function Provider2(props) {
|
|
36715
37401
|
const { children, projectId, initialConfig = {}, callbacks } = props;
|
|
36716
37402
|
const queryClient = useQueryClient32();
|
|
36717
|
-
const callbacksRef =
|
|
36718
|
-
|
|
36719
|
-
const config =
|
|
37403
|
+
const callbacksRef = useRef29(callbacks);
|
|
37404
|
+
useEffect62(() => notifyNoProjetctId(projectId), [projectId]);
|
|
37405
|
+
const config = useRef29(
|
|
36720
37406
|
(() => {
|
|
36721
37407
|
const merged = merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig);
|
|
36722
37408
|
merged.services = resolveServices(merged.services);
|
|
36723
37409
|
return merged;
|
|
36724
37410
|
})()
|
|
36725
37411
|
);
|
|
36726
|
-
const wagmiConfig3 =
|
|
37412
|
+
const wagmiConfig3 = useRef29(getWagmiConfig(config.current?.wallet?.walletConnectId || null));
|
|
36727
37413
|
const updateConfig = useCallback36((updates) => {
|
|
36728
37414
|
const prev = config.current;
|
|
36729
37415
|
const next = { ...prev };
|
|
@@ -36758,7 +37444,7 @@ function Provider2(props) {
|
|
|
36758
37444
|
const next = updates ? { ...prev, ...updates } : void 0;
|
|
36759
37445
|
callbacksRef.current = next;
|
|
36760
37446
|
}, []);
|
|
36761
|
-
|
|
37447
|
+
useEffect62(() => {
|
|
36762
37448
|
if (typeof window === "undefined" || !projectId) return;
|
|
36763
37449
|
const mergedConfig = merge3(DEFAULT_PROVIDER_CONFIG, initialConfig);
|
|
36764
37450
|
mergedConfig.services = resolveServices(mergedConfig.services);
|
|
@@ -36779,7 +37465,7 @@ function Provider2(props) {
|
|
|
36779
37465
|
useSession.getState().setActiveChainId(mergedConfig.network.chainId);
|
|
36780
37466
|
}
|
|
36781
37467
|
}, [projectId, initialConfig]);
|
|
36782
|
-
|
|
37468
|
+
useEffect62(() => {
|
|
36783
37469
|
if (typeof window === "undefined" || !projectId) return;
|
|
36784
37470
|
try {
|
|
36785
37471
|
initSdkErrorTracking();
|
|
@@ -36808,7 +37494,7 @@ function Provider2(props) {
|
|
|
36808
37494
|
console.error("[PROVIDER] Error setting up iframe manager:", error);
|
|
36809
37495
|
}
|
|
36810
37496
|
}, [projectId]);
|
|
36811
|
-
|
|
37497
|
+
useEffect62(() => {
|
|
36812
37498
|
if (!projectId) return;
|
|
36813
37499
|
try {
|
|
36814
37500
|
getIframeManager().setQueryClient(queryClient);
|
|
@@ -36817,7 +37503,7 @@ function Provider2(props) {
|
|
|
36817
37503
|
console.warn("[PROVIDER] No iframe manager available yet to set query client");
|
|
36818
37504
|
}
|
|
36819
37505
|
}, [queryClient, projectId]);
|
|
36820
|
-
const contextValue =
|
|
37506
|
+
const contextValue = useMemo22(
|
|
36821
37507
|
() => ({
|
|
36822
37508
|
config,
|
|
36823
37509
|
updateConfig,
|
|
@@ -36828,7 +37514,7 @@ function Provider2(props) {
|
|
|
36828
37514
|
}),
|
|
36829
37515
|
[config, updateConfig, callbacks, updateCallbacks]
|
|
36830
37516
|
);
|
|
36831
|
-
return /* @__PURE__ */
|
|
37517
|
+
return /* @__PURE__ */ jsx149(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx149(WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ jsx149(SessionProvider, { children }) }) });
|
|
36832
37518
|
}
|
|
36833
37519
|
var UIContext, useProviderConfig;
|
|
36834
37520
|
var init_ProviderContext = __esm({
|
|
@@ -36836,7 +37522,7 @@ var init_ProviderContext = __esm({
|
|
|
36836
37522
|
init_initial();
|
|
36837
37523
|
init_iframe_manager();
|
|
36838
37524
|
init_SessionContext();
|
|
36839
|
-
|
|
37525
|
+
init_utils14();
|
|
36840
37526
|
UIContext = createContext(void 0);
|
|
36841
37527
|
useProviderConfig = () => {
|
|
36842
37528
|
const ctx = useContext(UIContext);
|
|
@@ -36848,7 +37534,7 @@ var init_ProviderContext = __esm({
|
|
|
36848
37534
|
|
|
36849
37535
|
// src/styles/built.css
|
|
36850
37536
|
var built_default = `/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
|
|
36851
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .collapse{visibility:collapse}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .sticky{position:sticky}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .top-\\(--ui-kit-pd\\){top:var(--ui-kit-pd)}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1{top:.25rem}.embarkai-ui-scope .top-1\\.5{top:.375rem}.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 .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .right-\\(--ui-kit-pd\\){right:var(--ui-kit-pd)}.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 .bottom-0{bottom:0}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\.5{left:.375rem}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .z-1{z-index:1}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-12{z-index:12}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-100{z-index:100}.embarkai-ui-scope .z-9998{z-index:9998}.embarkai-ui-scope .z-9999{z-index:9999}.embarkai-ui-scope .float-right{float:right}.embarkai-ui-scope .container{width:100%}@media (min-width:40rem){.embarkai-ui-scope .container{max-width:40rem}}@media (min-width:48rem){.embarkai-ui-scope .container{max-width:48rem}}@media (min-width:64rem){.embarkai-ui-scope .container{max-width:64rem}}@media (min-width:80rem){.embarkai-ui-scope .container{max-width:80rem}}@media (min-width:96rem){.embarkai-ui-scope .container{max-width:96rem}}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-inline:-.25rem}.embarkai-ui-scope .mx-auto{margin-inline:auto}.embarkai-ui-scope .my-1{margin-block:.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 .mr-1{margin-right:.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 .block{display:block}.embarkai-ui-scope .contents{display:contents}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline-flex{display:inline-flex}.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-2{height:.5rem}.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-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-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-48{height:12rem}.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-dvh{height:100dvh}.embarkai-ui-scope .h-fit{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 .max-h-\\[var\\(--radix-select-content-available-height\\)\\]{max-height:var(--radix-select-content-available-height)}.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-2{width:.5rem}.embarkai-ui-scope .w-2\\.5{width:.625rem}.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-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-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-28{width:7rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-55{width:13.75rem}.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\\,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-dvw{width:100dvw}.embarkai-ui-scope .w-fit{width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-max{width:max-content}.embarkai-ui-scope .w-px{width:1px}.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-\\[420px\\]{max-width:420px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.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 .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-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .flex-0{flex:0}.embarkai-ui-scope .flex-1{flex:1}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink{flex-shrink:1}.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .origin-\\[var\\(--radix-select-content-transform-origin\\)\\]{transform-origin:var(--radix-select-content-transform-origin)}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:calc(calc(1 / 3 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .rotate-180{rotate:180deg}.embarkai-ui-scope .rotate-360{rotate:360deg}.embarkai-ui-scope .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.embarkai-ui-scope .animate-glow-error{animation:2s infinite glow-error}.embarkai-ui-scope .animate-glow-warning{animation:2s infinite glow-warning}.embarkai-ui-scope .animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}.embarkai-ui-scope .animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.embarkai-ui-scope .animate-spin{animation:1s linear infinite spin}.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 .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-block:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.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 .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-center{align-items:center}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .gap-\\(--ui-kit-gap\\){gap:var(--ui-kit-gap)}.embarkai-ui-scope .gap-\\(--ui-kt-gap\\){gap:var(--ui-kt-gap)}.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)}:where(.embarkai-ui-scope .space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.embarkai-ui-scope .space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.25rem * var(--tw-space-y-reverse));margin-block-end:calc(.25rem * calc(1 - var(--tw-space-y-reverse)))}:where(.embarkai-ui-scope .space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.embarkai-ui-scope .space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.embarkai-ui-scope .space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(.25rem * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(.25rem * 2) * calc(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\(--ui-kit-el-bdrs\\){border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.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:3.40282e38px}.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-style:var(--tw-border-style);border-width:1px}.embarkai-ui-scope .border-0{border-style:var(--tw-border-style);border-width:0}.embarkai-ui-scope .border-2{border-style:var(--tw-border-style);border-width:2px}.embarkai-ui-scope .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.embarkai-ui-scope .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.embarkai-ui-scope .border-dashed{--tw-border-style:dashed;border-style:dashed}.embarkai-ui-scope .border-\\(--ui-kit-bd\\){border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\(--ui-kit-fg-muted\\){border-color:var(--ui-kit-fg-muted)}.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:#0000}.embarkai-ui-scope .border-t-transparent{border-top-color:#0000}.embarkai-ui-scope .bg-\\(--ui-kit-bg\\){background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\(--ui-kit-bg-success\\){background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\(--ui-kit-bg-warning\\){background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\(--ui-kit-secondary\\){background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{background-color:#f3ba2f}.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{background-color:oklch(93.2% .032 255.585)}.embarkai-ui-scope .bg-gray-100{background-color:oklch(96.7% .003 264.542)}.embarkai-ui-scope .bg-green-100{background-color:oklch(96.2% .044 156.743)}.embarkai-ui-scope .bg-red-100{background-color:oklch(93.6% .032 17.717)}.embarkai-ui-scope .bg-transparent{background-color:#0000}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{object-fit:contain}.embarkai-ui-scope .object-cover{object-fit:cover}.embarkai-ui-scope .p-\\(--ui-kit-pd\\){padding:var(--ui-kit-pd)}.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-2\\!{padding:.5rem!important}.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-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[12px\\]{padding:12px}.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-\\(--ui-kit-gap\\){padding-inline:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\(--ui-kit-pd\\){padding-inline:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-inline:0}.embarkai-ui-scope .px-1{padding-inline:.25rem}.embarkai-ui-scope .px-2{padding-inline:.5rem}.embarkai-ui-scope .px-3{padding-inline:.75rem}.embarkai-ui-scope .px-4{padding-inline:1rem}.embarkai-ui-scope .px-5{padding-inline:1.25rem}.embarkai-ui-scope .px-8{padding-inline:2rem}.embarkai-ui-scope .px-10{padding-inline:2.5rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-inline:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-inline:var(--ui-kit-pd)}.embarkai-ui-scope .py-\\(--ui-kit-pd\\){padding-block:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-block:0}.embarkai-ui-scope .py-1{padding-block:.25rem}.embarkai-ui-scope .py-1\\.5{padding-block:.375rem}.embarkai-ui-scope .py-2{padding-block:.5rem}.embarkai-ui-scope .py-3{padding-block:.75rem}.embarkai-ui-scope .py-4{padding-block:1rem}.embarkai-ui-scope .py-8{padding-block:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-block:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-block:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-block:var(--ui-kit-pd)}.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 .pr-8{padding-right:2rem}.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 .text-center{text-align:center}.embarkai-ui-scope .text-left{text-align:left}.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-mono\\!{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.embarkai-ui-scope .font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,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:var(--tw-leading,calc(2 / 1.5))}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:var(--tw-leading,calc(1.75 / 1.25))}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75))}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.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 .leading-3{--tw-leading:calc(.25rem * 3);line-height:.75rem}.embarkai-ui-scope .leading-4{--tw-leading:calc(.25rem * 4);line-height:1rem}.embarkai-ui-scope .leading-5{--tw-leading:calc(.25rem * 5);line-height:1.25rem}.embarkai-ui-scope .leading-6{--tw-leading:calc(.25rem * 6);line-height:1.5rem}.embarkai-ui-scope .leading-7{--tw-leading:calc(.25rem * 7);line-height:1.75rem}.embarkai-ui-scope .leading-8{--tw-leading:calc(.25rem * 8);line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{--tw-leading:8px;line-height:8px}.embarkai-ui-scope .leading-none{--tw-leading:1;line-height:1}.embarkai-ui-scope .leading-tight{--tw-leading:1.25;line-height:1.25}.embarkai-ui-scope .font-bold{--tw-font-weight:700;font-weight:700}.embarkai-ui-scope .font-light{--tw-font-weight:300;font-weight:300}.embarkai-ui-scope .font-medium{--tw-font-weight:500;font-weight:500}.embarkai-ui-scope .font-normal{--tw-font-weight:400;font-weight:400}.embarkai-ui-scope .font-semibold{--tw-font-weight:600;font-weight:600}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{--tw-tracking:.3em;letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{--tw-tracking:-.025em;letter-spacing:-.025em}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .wrap-break-word{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.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 .text-\\(--ui-kit-bg-success\\){color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\(--ui-kit-bg-warning\\){color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\(--ui-kit-fg\\){color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\(--ui-kit-fg-muted\\){color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\(--ui-kit-success\\){color:var(--ui-kit-success)}.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{color:#000}.embarkai-ui-scope .text-blue-600{color:oklch(54.6% .245 262.881)}.embarkai-ui-scope .text-blue-800{color:oklch(42.4% .199 265.638)}.embarkai-ui-scope .text-gray-400{color:oklch(70.7% .022 261.325)}.embarkai-ui-scope .text-gray-500{color:oklch(55.1% .027 264.364)}.embarkai-ui-scope .text-gray-600{color:oklch(44.6% .03 256.802)}.embarkai-ui-scope .text-green-500{color:oklch(72.3% .219 149.579)}.embarkai-ui-scope .text-green-600{color:oklch(62.7% .194 149.214)}.embarkai-ui-scope .text-green-800{color:oklch(44.8% .119 151.328)}.embarkai-ui-scope .text-red-600{color:oklch(57.7% .245 27.325)}.embarkai-ui-scope .text-red-800{color:oklch(44.4% .177 26.899)}.embarkai-ui-scope .text-sky-500{color:oklch(68.5% .169 237.323)}.embarkai-ui-scope .text-white{color:#fff}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .line-through{text-decoration-line:line-through}.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 .opacity-0{opacity:0}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-bd\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--ui-kit-bd));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-fg\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--ui-kit-fg));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .ring-\\(--ui-kit-bg-success\\)\\/50{--tw-ring-color:var(--ui-kit-bg-success)}@supports (color:color-mix(in lab, red, red)){.embarkai-ui-scope .ring-\\(--ui-kit-bg-success\\)\\/50{--tw-ring-color:color-mix(in oklab, var(--ui-kit-bg-success) 50%, transparent)}}.embarkai-ui-scope .ring-offset-0{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.embarkai-ui-scope .outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.embarkai-ui-scope .outline-hidden{outline-offset:2px;outline:2px solid #0000}}.embarkai-ui-scope .outline{outline-style:var(--tw-outline-style);outline-width:1px}.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 .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .duration-125{--tw-duration:.125s;transition-duration:.125s}.embarkai-ui-scope .duration-200{--tw-duration:.2s;transition-duration:.2s}.embarkai-ui-scope .duration-375{--tw-duration:.375s;transition-duration:.375s}.embarkai-ui-scope .duration-500{--tw-duration:.5s;transition-duration:.5s}.embarkai-ui-scope .ease-in-out{--tw-ease:cubic-bezier(.4, 0, .2, 1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope .select-all{-webkit-user-select:all;user-select:all}.embarkai-ui-scope .select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.embarkai-ui-scope .group-hover\\:opacity-80:is(:where(.group):hover *){opacity:.8}.embarkai-ui-scope .group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.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-style:var(--tw-border-style);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-inline: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\\)\\]::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}@media (hover:hover){.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{background-color:#f0f6f8}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{background-color:#f3ba2f}.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{background-color:oklch(98.5% .002 247.839)}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{color:oklch(44.6% .03 256.802)}.embarkai-ui-scope .hover\\:text-gray-700:hover{color:oklch(37.3% .034 259.733)}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .file\\:hover\\:opacity-90::file-selector-button:hover{opacity:.9}.embarkai-ui-scope .focus-within\\:hover\\:opacity-100:focus-within:hover{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:#0000}.embarkai-ui-scope .focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.embarkai-ui-scope .focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.embarkai-ui-scope .focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.embarkai-ui-scope .focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{background-color:#f3ba2f}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80::file-selector-button:active{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}@media (hover:hover){.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:disabled:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:disabled:hover{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:disabled:hover{opacity:.5}}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:disabled:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:disabled:active{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:disabled:active{opacity:.5}.embarkai-ui-scope .aria-invalid\\:border-\\[var\\(--ui-kit-error\\)\\][aria-invalid=true]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .aria-invalid\\:ring-\\[var\\(--ui-kit-error\\)\\][aria-invalid=true]{--tw-ring-color:var(--ui-kit-error)}.embarkai-ui-scope .data-disabled\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-disabled\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem;translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:calc(.25rem * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:.25rem;translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:calc(.25rem * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.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}:is(.embarkai-ui-scope .data-\\[slot\\=select-value\\]\\:\\*\\:line-clamp-1[data-slot=select-value]>*){-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.embarkai-ui-scope .data-\\[slot\\=select-value\\]\\:\\*\\:flex[data-slot=select-value]>*){display:flex}:is(.embarkai-ui-scope .data-\\[slot\\=select-value\\]\\:\\*\\:items-center[data-slot=select-value]>*){align-items:center}:is(.embarkai-ui-scope .data-\\[slot\\=select-value\\]\\:\\*\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}.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)}@media (min-width:40rem){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}:where(.embarkai-ui-scope .sm\\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(.25rem * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(.25rem * 2) * calc(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:48rem){.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-block:.25rem}.embarkai-ui-scope .md\\:text-3xl{font-size:1.875rem;line-height:var(--tw-leading,calc(2.25 / 1.875))}}.embarkai-ui-scope .\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.embarkai-ui-scope .\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.embarkai-ui-scope .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}:is(.embarkai-ui-scope .last\\:\\[span\\]\\:\\*\\:flex:last-child:is(span)>*){display:flex}:is(.embarkai-ui-scope .last\\:\\[span\\]\\:\\*\\:items-center:last-child:is(span)>*){align-items:center}:is(.embarkai-ui-scope .\\*\\:\\[span\\]\\:last\\:gap-2>*):is(span):last-child{gap:.5rem}: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,#fffc);--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,#0009);--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,transparent);--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,#f4f4f4);--ui-kit-success:var(--embark-ui-success,var(--ui-kit-fg));--ui-kit-bg-success:var(--embark-ui-bg-success,#0de4b3);--ui-kit-warning:var(--embark-ui-warning,var(--ui-kit-fg));--ui-kit-bg-warning:var(--embark-ui-bg-warning,#f0b100);--ui-kit-error:var(--embark-ui-error,var(--ui-kit-fg-inverted));--ui-kit-bg-error:var(--embark-ui-bg-error,#fb2c36)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,#000c);--ui-kit-bg:var(--embark-ui-bg,#040404);--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,#fff9);--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-secondary:var(--embark-ui-secondary,#111);--ui-kit-bd:var(--embark-ui-bd,#343434);--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,transparent);--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,#111);--ui-kit-success:var(--embark-ui-success,var(--ui-kit-fg-inverted));--ui-kit-bg-success:var(--embark-ui-bg-success,#0de4b3);--ui-kit-warning:var(--embark-ui-warning,var(--ui-kit-fg-inverted));--ui-kit-bg-warning:var(--embark-ui-bg-warning,#f0b100);--ui-kit-error:var(--embark-ui-error,var(--ui-kit-fg));--ui-kit-bg-error:var(--embark-ui-bg-error,#fb2c36)}.embarkai-ui-scope,.embarkai-ui-scope *{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;margin:0}.embarkai-ui-scope p,.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 button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{margin:0;font-family:var(--ui-kit-ff)!important}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{-webkit-appearance:none;-moz-appearance:none;border-style:solid;appearance:none!important;outline:none!important}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0px 4px 20px var(--ui-kit-shadow-c), inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s}.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:.375s lumia-mobile-dialog-fade-in}.embarkai-ui-scope .animate-mobile-dialog-out{animation:.375s forwards lumia-mobile-dialog-fade-out}@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:.375s lumia-dialog-fade-in}.embarkai-ui-scope .animate-dialog-out{animation:.375s forwards lumia-dialog-fade-out}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0px);max-height:var(--ui-kit-scrollbar-mah,300px);overflow:hidden auto}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;background-color:var(--ui-kit-bd);border-radius:2px;width:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{background-color:#0000;margin-top:10px;margin-bottom:10px}.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(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.embarkai-ui-scope .button-shine-outline{-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;width:100%;height:100%;padding:1px;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;background:conic-gradient(from 0deg, transparent 0%, var(--ui-kit-fg) 8%, transparent 24%);width:500px;height:500px;animation:3s linear infinite rotateShine;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@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)}}@keyframes glow-error{0%,to{box-shadow:inset 0 0 16px var(--ui-kit-bg-error)}50%{box-shadow:inset 0 0 4px var(--ui-kit-bg-error)}}`;
|
|
37537
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .collapse{visibility:collapse}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .sticky{position:sticky}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .top-\\(--ui-kit-pd\\){top:var(--ui-kit-pd)}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1{top:.25rem}.embarkai-ui-scope .top-1\\.5{top:.375rem}.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 .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .right-\\(--ui-kit-pd\\){right:var(--ui-kit-pd)}.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 .bottom-0{bottom:0}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\.5{left:.375rem}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .z-1{z-index:1}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-12{z-index:12}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-100{z-index:100}.embarkai-ui-scope .z-9998{z-index:9998}.embarkai-ui-scope .z-9999{z-index:9999}.embarkai-ui-scope .float-right{float:right}.embarkai-ui-scope .container{width:100%}@media (min-width:40rem){.embarkai-ui-scope .container{max-width:40rem}}@media (min-width:48rem){.embarkai-ui-scope .container{max-width:48rem}}@media (min-width:64rem){.embarkai-ui-scope .container{max-width:64rem}}@media (min-width:80rem){.embarkai-ui-scope .container{max-width:80rem}}@media (min-width:96rem){.embarkai-ui-scope .container{max-width:96rem}}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-inline:-.25rem}.embarkai-ui-scope .mx-auto{margin-inline:auto}.embarkai-ui-scope .my-1{margin-block:.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 .mr-1{margin-right:.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 .block{display:block}.embarkai-ui-scope .contents{display:contents}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline-flex{display:inline-flex}.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-2{height:.5rem}.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-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-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.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-dvh{height:100dvh}.embarkai-ui-scope .h-fit{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 .max-h-\\[var\\(--radix-select-content-available-height\\)\\]{max-height:var(--radix-select-content-available-height)}.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-2{width:.5rem}.embarkai-ui-scope .w-2\\.5{width:.625rem}.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-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-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-28{width:7rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-55{width:13.75rem}.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-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[var\\(--ui-kit-content-maw\\,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-dvw{width:100dvw}.embarkai-ui-scope .w-fit{width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-max{width:max-content}.embarkai-ui-scope .w-px{width:1px}.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-\\[420px\\]{max-width:420px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.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 .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-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .flex-0{flex:0}.embarkai-ui-scope .flex-1{flex:1}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink{flex-shrink:1}.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .origin-\\[var\\(--radix-select-content-transform-origin\\)\\]{transform-origin:var(--radix-select-content-transform-origin)}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:calc(calc(1 / 3 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .rotate-180{rotate:180deg}.embarkai-ui-scope .rotate-360{rotate:360deg}.embarkai-ui-scope .transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.embarkai-ui-scope .animate-glow-error{animation:2s infinite glow-error}.embarkai-ui-scope .animate-glow-warning{animation:2s infinite glow-warning}.embarkai-ui-scope .animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}.embarkai-ui-scope .animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.embarkai-ui-scope .animate-spin{animation:1s linear infinite spin}.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 .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-block:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.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 .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-center{align-items:center}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .gap-\\(--ui-kit-gap\\){gap:var(--ui-kit-gap)}.embarkai-ui-scope .gap-\\(--ui-kt-gap\\){gap:var(--ui-kt-gap)}.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)}:where(.embarkai-ui-scope .space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.embarkai-ui-scope .space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.25rem * var(--tw-space-y-reverse));margin-block-end:calc(.25rem * calc(1 - var(--tw-space-y-reverse)))}:where(.embarkai-ui-scope .space-y-1\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.embarkai-ui-scope .space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(.25rem * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(.25rem * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.embarkai-ui-scope .space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(.25rem * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(.25rem * 2) * calc(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\(--ui-kit-el-bdrs\\){border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.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:3.40282e38px}.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-style:var(--tw-border-style);border-width:1px}.embarkai-ui-scope .border-0{border-style:var(--tw-border-style);border-width:0}.embarkai-ui-scope .border-2{border-style:var(--tw-border-style);border-width:2px}.embarkai-ui-scope .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.embarkai-ui-scope .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.embarkai-ui-scope .border-dashed{--tw-border-style:dashed;border-style:dashed}.embarkai-ui-scope .border-\\(--ui-kit-bd\\){border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\(--ui-kit-fg-muted\\){border-color:var(--ui-kit-fg-muted)}.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:#0000}.embarkai-ui-scope .border-t-transparent{border-top-color:#0000}.embarkai-ui-scope .bg-\\(--ui-kit-bd\\){background-color:var(--ui-kit-bd)}.embarkai-ui-scope .bg-\\(--ui-kit-bg\\){background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\(--ui-kit-bg-success\\){background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\(--ui-kit-bg-warning\\){background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\(--ui-kit-primary\\){background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\(--ui-kit-secondary\\){background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{background-color:#f3ba2f}.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{background-color:oklch(93.2% .032 255.585)}.embarkai-ui-scope .bg-gray-100{background-color:oklch(96.7% .003 264.542)}.embarkai-ui-scope .bg-green-100{background-color:oklch(96.2% .044 156.743)}.embarkai-ui-scope .bg-red-100{background-color:oklch(93.6% .032 17.717)}.embarkai-ui-scope .bg-transparent{background-color:#0000}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{object-fit:contain}.embarkai-ui-scope .object-cover{object-fit:cover}.embarkai-ui-scope .p-\\(--ui-kit-pd\\){padding:var(--ui-kit-pd)}.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-2\\!{padding:.5rem!important}.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-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[12px\\]{padding:12px}.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-\\(--ui-kit-gap\\){padding-inline:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\(--ui-kit-pd\\){padding-inline:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-inline:0}.embarkai-ui-scope .px-1{padding-inline:.25rem}.embarkai-ui-scope .px-2{padding-inline:.5rem}.embarkai-ui-scope .px-3{padding-inline:.75rem}.embarkai-ui-scope .px-4{padding-inline:1rem}.embarkai-ui-scope .px-5{padding-inline:1.25rem}.embarkai-ui-scope .px-8{padding-inline:2rem}.embarkai-ui-scope .px-10{padding-inline:2.5rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-inline:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-inline:var(--ui-kit-pd)}.embarkai-ui-scope .py-\\(--ui-kit-pd\\){padding-block:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-block:0}.embarkai-ui-scope .py-1{padding-block:.25rem}.embarkai-ui-scope .py-1\\.5{padding-block:.375rem}.embarkai-ui-scope .py-2{padding-block:.5rem}.embarkai-ui-scope .py-3{padding-block:.75rem}.embarkai-ui-scope .py-4{padding-block:1rem}.embarkai-ui-scope .py-8{padding-block:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-block:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-block:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-block:var(--ui-kit-pd)}.embarkai-ui-scope .pt-1{padding-top:.25rem}.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 .pr-8{padding-right:2rem}.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-2{padding-left:.5rem}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-left{text-align:left}.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-mono\\!{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.embarkai-ui-scope .font-sans{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,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:var(--tw-leading,calc(2 / 1.5))}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75 / 1.125))}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25 / .875))}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:var(--tw-leading,calc(1.75 / 1.25))}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75))}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.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 .leading-3{--tw-leading:calc(.25rem * 3);line-height:.75rem}.embarkai-ui-scope .leading-4{--tw-leading:calc(.25rem * 4);line-height:1rem}.embarkai-ui-scope .leading-5{--tw-leading:calc(.25rem * 5);line-height:1.25rem}.embarkai-ui-scope .leading-6{--tw-leading:calc(.25rem * 6);line-height:1.5rem}.embarkai-ui-scope .leading-7{--tw-leading:calc(.25rem * 7);line-height:1.75rem}.embarkai-ui-scope .leading-8{--tw-leading:calc(.25rem * 8);line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{--tw-leading:8px;line-height:8px}.embarkai-ui-scope .leading-none{--tw-leading:1;line-height:1}.embarkai-ui-scope .leading-tight{--tw-leading:1.25;line-height:1.25}.embarkai-ui-scope .font-bold{--tw-font-weight:700;font-weight:700}.embarkai-ui-scope .font-light{--tw-font-weight:300;font-weight:300}.embarkai-ui-scope .font-medium{--tw-font-weight:500;font-weight:500}.embarkai-ui-scope .font-normal{--tw-font-weight:400;font-weight:400}.embarkai-ui-scope .font-semibold{--tw-font-weight:600;font-weight:600}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{--tw-tracking:.3em;letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{--tw-tracking:-.025em;letter-spacing:-.025em}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .wrap-break-word{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.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 .text-\\(--ui-kit-bg-success\\){color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\(--ui-kit-bg-warning\\){color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\(--ui-kit-fg\\){color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\(--ui-kit-fg-inverted\\){color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\(--ui-kit-fg-muted\\){color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\(--ui-kit-fg-muted\\)\\!{color:var(--ui-kit-fg-muted)!important}.embarkai-ui-scope .text-\\(--ui-kit-success\\){color:var(--ui-kit-success)}.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{color:#000}.embarkai-ui-scope .text-blue-600{color:oklch(54.6% .245 262.881)}.embarkai-ui-scope .text-blue-800{color:oklch(42.4% .199 265.638)}.embarkai-ui-scope .text-gray-400{color:oklch(70.7% .022 261.325)}.embarkai-ui-scope .text-gray-500{color:oklch(55.1% .027 264.364)}.embarkai-ui-scope .text-gray-600{color:oklch(44.6% .03 256.802)}.embarkai-ui-scope .text-green-500{color:oklch(72.3% .219 149.579)}.embarkai-ui-scope .text-green-600{color:oklch(62.7% .194 149.214)}.embarkai-ui-scope .text-green-800{color:oklch(44.8% .119 151.328)}.embarkai-ui-scope .text-red-600{color:oklch(57.7% .245 27.325)}.embarkai-ui-scope .text-red-800{color:oklch(44.4% .177 26.899)}.embarkai-ui-scope .text-sky-500{color:oklch(68.5% .169 237.323)}.embarkai-ui-scope .text-white{color:#fff}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .line-through{text-decoration-line:line-through}.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 .opacity-0{opacity:0}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-bd\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--ui-kit-bd));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-fg\\)\\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--ui-kit-fg));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .ring-\\(--ui-kit-bg-success\\)\\/50{--tw-ring-color:var(--ui-kit-bg-success)}@supports (color:color-mix(in lab, red, red)){.embarkai-ui-scope .ring-\\(--ui-kit-bg-success\\)\\/50{--tw-ring-color:color-mix(in oklab, var(--ui-kit-bg-success) 50%, transparent)}}.embarkai-ui-scope .ring-offset-0{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.embarkai-ui-scope .outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.embarkai-ui-scope .outline-hidden{outline-offset:2px;outline:2px solid #0000}}.embarkai-ui-scope .outline{outline-style:var(--tw-outline-style);outline-width:1px}.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 .backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-\\[color\\,box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-\\[width\\]{transition-property:width;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .duration-125{--tw-duration:.125s;transition-duration:.125s}.embarkai-ui-scope .duration-200{--tw-duration:.2s;transition-duration:.2s}.embarkai-ui-scope .duration-375{--tw-duration:.375s;transition-duration:.375s}.embarkai-ui-scope .duration-500{--tw-duration:.5s;transition-duration:.5s}.embarkai-ui-scope .ease-in-out{--tw-ease:cubic-bezier(.4, 0, .2, 1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.embarkai-ui-scope .select-all{-webkit-user-select:all;user-select:all}.embarkai-ui-scope .select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.embarkai-ui-scope .group-hover\\:opacity-80:is(:where(.group):hover *){opacity:.8}.embarkai-ui-scope .group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}}.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-style:var(--tw-border-style);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-inline: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\\)\\]::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}@media (hover:hover){.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{background-color:#f0f6f8}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{background-color:#f3ba2f}.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{background-color:oklch(98.5% .002 247.839)}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{color:oklch(44.6% .03 256.802)}.embarkai-ui-scope .hover\\:text-gray-700:hover{color:oklch(37.3% .034 259.733)}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .file\\:hover\\:opacity-90::file-selector-button:hover{opacity:.9}.embarkai-ui-scope .focus-within\\:hover\\:opacity-100:focus-within:hover{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:#0000}.embarkai-ui-scope .focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.embarkai-ui-scope .focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.embarkai-ui-scope .focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.embarkai-ui-scope .focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.embarkai-ui-scope .focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{background-color:#f3ba2f}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80::file-selector-button:active{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}@media (hover:hover){.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:disabled:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:disabled:hover{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:disabled:hover{opacity:.5}}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:disabled:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:disabled:active{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:disabled:active{opacity:.5}.embarkai-ui-scope .aria-invalid\\:border-\\[var\\(--ui-kit-error\\)\\][aria-invalid=true]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .aria-invalid\\:ring-\\[var\\(--ui-kit-error\\)\\][aria-invalid=true]{--tw-ring-color:var(--ui-kit-error)}.embarkai-ui-scope .data-disabled\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-disabled\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:.25rem;translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:calc(.25rem * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:.25rem;translate:var(--tw-translate-x) var(--tw-translate-y)}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:calc(.25rem * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.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}:is(.embarkai-ui-scope .data-\\[slot\\=select-value\\]\\:\\*\\:line-clamp-1[data-slot=select-value]>*){-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.embarkai-ui-scope .data-\\[slot\\=select-value\\]\\:\\*\\:flex[data-slot=select-value]>*){display:flex}:is(.embarkai-ui-scope .data-\\[slot\\=select-value\\]\\:\\*\\:items-center[data-slot=select-value]>*){align-items:center}:is(.embarkai-ui-scope .data-\\[slot\\=select-value\\]\\:\\*\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}.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)}@media (min-width:40rem){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}:where(.embarkai-ui-scope .sm\\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(.25rem * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(.25rem * 2) * calc(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:48rem){.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-block:.25rem}.embarkai-ui-scope .md\\:text-3xl{font-size:1.875rem;line-height:var(--tw-leading,calc(2.25 / 1.875))}}.embarkai-ui-scope .\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.embarkai-ui-scope .\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.embarkai-ui-scope .\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:1rem;height:1rem}:is(.embarkai-ui-scope .last\\:\\[span\\]\\:\\*\\:flex:last-child:is(span)>*){display:flex}:is(.embarkai-ui-scope .last\\:\\[span\\]\\:\\*\\:items-center:last-child:is(span)>*){align-items:center}:is(.embarkai-ui-scope .\\*\\:\\[span\\]\\:last\\:gap-2>*):is(span):last-child{gap:.5rem}: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,#fffc);--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,#0009);--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,transparent);--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,#f4f4f4);--ui-kit-success:var(--embark-ui-success,var(--ui-kit-fg));--ui-kit-bg-success:var(--embark-ui-bg-success,#0de4b3);--ui-kit-warning:var(--embark-ui-warning,var(--ui-kit-fg));--ui-kit-bg-warning:var(--embark-ui-bg-warning,#f0b100);--ui-kit-error:var(--embark-ui-error,var(--ui-kit-fg-inverted));--ui-kit-bg-error:var(--embark-ui-bg-error,#fb2c36)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,#000c);--ui-kit-bg:var(--embark-ui-bg,#040404);--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,#fff9);--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-secondary:var(--embark-ui-secondary,#111);--ui-kit-bd:var(--embark-ui-bd,#343434);--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,transparent);--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,#111);--ui-kit-success:var(--embark-ui-success,var(--ui-kit-fg-inverted));--ui-kit-bg-success:var(--embark-ui-bg-success,#0de4b3);--ui-kit-warning:var(--embark-ui-warning,var(--ui-kit-fg-inverted));--ui-kit-bg-warning:var(--embark-ui-bg-warning,#f0b100);--ui-kit-error:var(--embark-ui-error,var(--ui-kit-fg));--ui-kit-bg-error:var(--embark-ui-bg-error,#fb2c36)}.embarkai-ui-scope,.embarkai-ui-scope *{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;margin:0}.embarkai-ui-scope p,.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 button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{margin:0;font-family:var(--ui-kit-ff)!important}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{-webkit-appearance:none;-moz-appearance:none;border-style:solid;appearance:none!important;outline:none!important}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0px 4px 20px var(--ui-kit-shadow-c), inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s}.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:.375s lumia-mobile-dialog-fade-in}.embarkai-ui-scope .animate-mobile-dialog-out{animation:.375s forwards lumia-mobile-dialog-fade-out}@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:.375s lumia-dialog-fade-in}.embarkai-ui-scope .animate-dialog-out{animation:.375s forwards lumia-dialog-fade-out}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0px);max-height:var(--ui-kit-scrollbar-mah,300px);overflow:hidden auto}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;background-color:var(--ui-kit-bd);border-radius:2px;width:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{background-color:#0000;margin-top:10px;margin-bottom:10px}.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(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.embarkai-ui-scope .button-shine-outline{-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;width:100%;height:100%;padding:1px;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;background:conic-gradient(from 0deg, transparent 0%, var(--ui-kit-fg) 8%, transparent 24%);width:500px;height:500px;animation:3s linear infinite rotateShine;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@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)}}@keyframes glow-error{0%,to{box-shadow:inset 0 0 16px var(--ui-kit-bg-error)}50%{box-shadow:inset 0 0 4px var(--ui-kit-bg-error)}}`;
|
|
36852
37538
|
|
|
36853
37539
|
// src/index.ts
|
|
36854
37540
|
init_ProviderContext();
|
|
@@ -36866,9 +37552,9 @@ init_useLayoutStore();
|
|
|
36866
37552
|
init_useUserProfile();
|
|
36867
37553
|
init_pro_mode();
|
|
36868
37554
|
init_utils();
|
|
36869
|
-
import { LoaderIcon as
|
|
36870
|
-
import { useEffect as
|
|
36871
|
-
import { Fragment as Fragment50, jsx as
|
|
37555
|
+
import { LoaderIcon as LoaderIcon24, ShieldAlertIcon as ShieldAlertIcon2, ShieldCheckIcon as ShieldCheckIcon3 } from "lucide-react";
|
|
37556
|
+
import { useEffect as useEffect63, useMemo as useMemo23 } from "react";
|
|
37557
|
+
import { Fragment as Fragment50, jsx as jsx150, jsxs as jsxs135 } from "react/jsx-runtime";
|
|
36872
37558
|
function getFormattedStatus(label, status, showStatus) {
|
|
36873
37559
|
const isStatus = showStatus && status && status !== "idle" && status !== "ready";
|
|
36874
37560
|
if (!isStatus) return label;
|
|
@@ -36877,14 +37563,14 @@ function getFormattedStatus(label, status, showStatus) {
|
|
|
36877
37563
|
function NotificationsIndicator() {
|
|
36878
37564
|
const settingsNotifications = useLayoutDataStore((st) => st.settingsNotifications);
|
|
36879
37565
|
const isNotificationsLoading = useLayoutDataStore((st) => st.isNotificationsLoading);
|
|
36880
|
-
const pieSlices =
|
|
37566
|
+
const pieSlices = useMemo23(() => {
|
|
36881
37567
|
if (settingsNotifications?.length === 0) return [{ value: 1, color: "var(--ui-kit-bg-success)" }];
|
|
36882
37568
|
return settingsNotifications.map((notification, _, nArr) => ({
|
|
36883
37569
|
value: 1 / nArr.length,
|
|
36884
37570
|
color: notification.mandatory ? "var(--ui-kit-bg-error)" : "var(--ui-kit-bg-warning)"
|
|
36885
37571
|
}));
|
|
36886
37572
|
}, [settingsNotifications]);
|
|
36887
|
-
return /* @__PURE__ */
|
|
37573
|
+
return /* @__PURE__ */ jsx150(
|
|
36888
37574
|
"div",
|
|
36889
37575
|
{
|
|
36890
37576
|
className: "w-8 h-8 relative flex items-center justify-center",
|
|
@@ -36894,8 +37580,8 @@ function NotificationsIndicator() {
|
|
|
36894
37580
|
e.stopPropagation();
|
|
36895
37581
|
useLayoutDataStore.getState().setPage("settings" /* SETTINGS */);
|
|
36896
37582
|
},
|
|
36897
|
-
children: isNotificationsLoading ? /* @__PURE__ */
|
|
36898
|
-
settingsNotifications.length > 0 && /* @__PURE__ */
|
|
37583
|
+
children: isNotificationsLoading ? /* @__PURE__ */ jsx150("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx150(LoaderIcon24, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsxs135(Fragment50, { children: [
|
|
37584
|
+
settingsNotifications.length > 0 && /* @__PURE__ */ jsx150(
|
|
36899
37585
|
"div",
|
|
36900
37586
|
{
|
|
36901
37587
|
className: cn2(
|
|
@@ -36904,8 +37590,8 @@ function NotificationsIndicator() {
|
|
|
36904
37590
|
)
|
|
36905
37591
|
}
|
|
36906
37592
|
),
|
|
36907
|
-
/* @__PURE__ */
|
|
36908
|
-
/* @__PURE__ */
|
|
37593
|
+
/* @__PURE__ */ jsx150(PieChart, { className: "w-8 h-8 cursor-pointer", data: pieSlices }),
|
|
37594
|
+
/* @__PURE__ */ jsx150(
|
|
36909
37595
|
"div",
|
|
36910
37596
|
{
|
|
36911
37597
|
className: cn2(
|
|
@@ -36915,7 +37601,7 @@ function NotificationsIndicator() {
|
|
|
36915
37601
|
"flex items-center justify-center",
|
|
36916
37602
|
{ "bg-(--ui-kit-bg)": settingsNotifications.length > 0 }
|
|
36917
37603
|
),
|
|
36918
|
-
children: settingsNotifications.length > 0 ? /* @__PURE__ */
|
|
37604
|
+
children: settingsNotifications.length > 0 ? /* @__PURE__ */ jsx150(ShieldAlertIcon2, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx150(ShieldCheckIcon3, { className: "w-4 h-4 text-(--ui-kit-success)" })
|
|
36919
37605
|
}
|
|
36920
37606
|
)
|
|
36921
37607
|
] })
|
|
@@ -36933,25 +37619,25 @@ function ConnectWalletButton(props) {
|
|
|
36933
37619
|
const colorMode = useLayoutStore((st) => st.colorMode);
|
|
36934
37620
|
const { address, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
|
|
36935
37621
|
const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
|
|
36936
|
-
|
|
37622
|
+
useEffect63(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
|
|
36937
37623
|
const { data: profile, isLoading: isProfileLoading } = useUserProfile();
|
|
36938
37624
|
const proMode = useProMode();
|
|
36939
37625
|
const displayName = profile?.nicknameDisplay || profile?.displayName;
|
|
36940
37626
|
const isConnecting = connectButtonLabel !== label || isLoading;
|
|
36941
|
-
return /* @__PURE__ */
|
|
37627
|
+
return /* @__PURE__ */ jsx150("div", { "data-current-theme-mode": colorMode, className: cn2("embarkai-ui-scope w-fit h-fit", className), children: !address ? (
|
|
36942
37628
|
/** external Buttons can be provided */
|
|
36943
|
-
/* @__PURE__ */
|
|
37629
|
+
/* @__PURE__ */ jsx150(Fragment50, { children: ConnectButton ? /* @__PURE__ */ jsxs135(
|
|
36944
37630
|
ConnectButton,
|
|
36945
37631
|
{
|
|
36946
37632
|
type: "button",
|
|
36947
37633
|
disabled: isConnecting,
|
|
36948
37634
|
onClick: () => useLayoutDataStore.getState().setPage("auth" /* AUTH */),
|
|
36949
37635
|
children: [
|
|
36950
|
-
isConnecting ? /* @__PURE__ */
|
|
37636
|
+
isConnecting ? /* @__PURE__ */ jsx150("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx150(LoaderIcon24, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx150(embarkAI_default2, { className: "w-6 h-6" }),
|
|
36951
37637
|
connectButtonLabel.toUpperCase()
|
|
36952
37638
|
]
|
|
36953
37639
|
}
|
|
36954
|
-
) : /* @__PURE__ */
|
|
37640
|
+
) : /* @__PURE__ */ jsxs135(
|
|
36955
37641
|
Button,
|
|
36956
37642
|
{
|
|
36957
37643
|
type: "button",
|
|
@@ -36968,12 +37654,12 @@ function ConnectWalletButton(props) {
|
|
|
36968
37654
|
"disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
|
|
36969
37655
|
),
|
|
36970
37656
|
children: [
|
|
36971
|
-
isConnecting ? /* @__PURE__ */
|
|
37657
|
+
isConnecting ? /* @__PURE__ */ jsx150("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx150(LoaderIcon24, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx150(embarkAI_default2, { className: "w-6 h-6" }),
|
|
36972
37658
|
connectButtonLabel.toUpperCase()
|
|
36973
37659
|
]
|
|
36974
37660
|
}
|
|
36975
37661
|
) })
|
|
36976
|
-
) : /* @__PURE__ */
|
|
37662
|
+
) : /* @__PURE__ */ jsxs135(
|
|
36977
37663
|
"button",
|
|
36978
37664
|
{
|
|
36979
37665
|
type: "button",
|
|
@@ -36986,15 +37672,15 @@ function ConnectWalletButton(props) {
|
|
|
36986
37672
|
"rounded-[var(--ui-kit-bdrs)] p-4 max-w-sm min-w-[256px]"
|
|
36987
37673
|
),
|
|
36988
37674
|
children: [
|
|
36989
|
-
/* @__PURE__ */
|
|
36990
|
-
proMode && /* @__PURE__ */
|
|
36991
|
-
isProfileLoading ? /* @__PURE__ */
|
|
37675
|
+
/* @__PURE__ */ jsxs135("div", { className: "relative w-12 h-12 rounded-full bg-(--ui-kit-secondary) flex items-center justify-center shrink-0", children: [
|
|
37676
|
+
proMode && /* @__PURE__ */ jsx150("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" }),
|
|
37677
|
+
isProfileLoading ? /* @__PURE__ */ jsx150(LoaderIcon24, { className: "w-4 h-4 animate-spin" }) : !!profile?.avatar ? /* @__PURE__ */ jsx150("img", { src: profile.avatar, alt: "User avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx150(embarkAI_default2, { className: "w-6 h-6" })
|
|
36992
37678
|
] }),
|
|
36993
|
-
/* @__PURE__ */
|
|
36994
|
-
/* @__PURE__ */
|
|
36995
|
-
/* @__PURE__ */
|
|
37679
|
+
/* @__PURE__ */ jsxs135("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
|
|
37680
|
+
/* @__PURE__ */ jsx150("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: /* @__PURE__ */ jsx150("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName || "" }) }),
|
|
37681
|
+
/* @__PURE__ */ jsx150(BalanceView, {})
|
|
36996
37682
|
] }),
|
|
36997
|
-
/* @__PURE__ */
|
|
37683
|
+
/* @__PURE__ */ jsx150(NotificationsIndicator, {})
|
|
36998
37684
|
]
|
|
36999
37685
|
}
|
|
37000
37686
|
) });
|
|
@@ -37041,24 +37727,24 @@ init_useColorMode();
|
|
|
37041
37727
|
init_button();
|
|
37042
37728
|
init_utils();
|
|
37043
37729
|
import { Moon, Sun } from "lucide-react";
|
|
37044
|
-
import { jsx as
|
|
37730
|
+
import { jsx as jsx151 } from "react/jsx-runtime";
|
|
37045
37731
|
function ThemeToggle(props) {
|
|
37046
37732
|
const { className, ...btnProps } = props;
|
|
37047
37733
|
const { colorMode, setColorMode } = useColorMode();
|
|
37048
|
-
return /* @__PURE__ */
|
|
37734
|
+
return /* @__PURE__ */ jsx151(
|
|
37049
37735
|
"div",
|
|
37050
37736
|
{
|
|
37051
37737
|
className: cn2("embarkai-ui-scope", className),
|
|
37052
37738
|
"data-current-theme-mode": colorMode,
|
|
37053
37739
|
style: { width: "fit-content", height: "fit-content" },
|
|
37054
|
-
children: /* @__PURE__ */
|
|
37740
|
+
children: /* @__PURE__ */ jsx151(
|
|
37055
37741
|
Button,
|
|
37056
37742
|
{
|
|
37057
37743
|
...btnProps,
|
|
37058
37744
|
variant: "ghost",
|
|
37059
37745
|
onClick: () => setColorMode(colorMode === "light" ? "dark" : "light"),
|
|
37060
37746
|
title: `Current theme: ${colorMode}. Click to switch.`,
|
|
37061
|
-
children: colorMode === "dark" ? /* @__PURE__ */
|
|
37747
|
+
children: colorMode === "dark" ? /* @__PURE__ */ jsx151(Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx151(Moon, { className: "w-4 h-4" })
|
|
37062
37748
|
}
|
|
37063
37749
|
)
|
|
37064
37750
|
}
|
|
@@ -37070,18 +37756,18 @@ init_i18n();
|
|
|
37070
37756
|
init_button();
|
|
37071
37757
|
init_useLayoutDataStore();
|
|
37072
37758
|
init_utils();
|
|
37073
|
-
import { jsx as
|
|
37759
|
+
import { jsx as jsx152 } from "react/jsx-runtime";
|
|
37074
37760
|
function LangToggle(props) {
|
|
37075
37761
|
const { className, ...btnProps } = props;
|
|
37076
37762
|
const { i18n } = useT();
|
|
37077
37763
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
37078
|
-
return /* @__PURE__ */
|
|
37764
|
+
return /* @__PURE__ */ jsx152(
|
|
37079
37765
|
"div",
|
|
37080
37766
|
{
|
|
37081
37767
|
className: cn2("embarkai-ui-scope", className),
|
|
37082
37768
|
"data-mbark-language": i18n.resolvedLanguage || "en",
|
|
37083
37769
|
style: { width: "fit-content", height: "fit-content" },
|
|
37084
|
-
children: /* @__PURE__ */
|
|
37770
|
+
children: /* @__PURE__ */ jsx152(
|
|
37085
37771
|
Button,
|
|
37086
37772
|
{
|
|
37087
37773
|
...btnProps,
|
|
@@ -37110,7 +37796,7 @@ init_cn();
|
|
|
37110
37796
|
init_button();
|
|
37111
37797
|
import { Copy as Copy5, ExternalLink as ExternalLink2 } from "lucide-react";
|
|
37112
37798
|
import * as React35 from "react";
|
|
37113
|
-
import { jsx as
|
|
37799
|
+
import { jsx as jsx153, jsxs as jsxs136 } from "react/jsx-runtime";
|
|
37114
37800
|
function toExplorerAddressUrl(address, chain) {
|
|
37115
37801
|
const base = chain?.blockExplorers?.default?.url;
|
|
37116
37802
|
if (!base) return null;
|
|
@@ -37124,7 +37810,7 @@ var Address = ({
|
|
|
37124
37810
|
address,
|
|
37125
37811
|
chain,
|
|
37126
37812
|
className,
|
|
37127
|
-
truncate = true,
|
|
37813
|
+
truncate: truncate2 = true,
|
|
37128
37814
|
showCopy = true,
|
|
37129
37815
|
showExplorer = true,
|
|
37130
37816
|
label
|
|
@@ -37132,11 +37818,11 @@ var Address = ({
|
|
|
37132
37818
|
const addr = address || "";
|
|
37133
37819
|
const explorer = toExplorerAddressUrl(addr, chain || void 0);
|
|
37134
37820
|
const [copied, setCopied] = React35.useState(false);
|
|
37135
|
-
if (!addr) return /* @__PURE__ */
|
|
37136
|
-
return /* @__PURE__ */
|
|
37137
|
-
label && /* @__PURE__ */
|
|
37138
|
-
/* @__PURE__ */
|
|
37139
|
-
showCopy && /* @__PURE__ */
|
|
37821
|
+
if (!addr) return /* @__PURE__ */ jsx153("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
|
|
37822
|
+
return /* @__PURE__ */ jsxs136("div", { className: cn("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
|
|
37823
|
+
label && /* @__PURE__ */ jsx153("span", { className: "text-sm font-medium", children: label }),
|
|
37824
|
+
/* @__PURE__ */ jsx153("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate2 ? short(addr) : addr }),
|
|
37825
|
+
showCopy && /* @__PURE__ */ jsx153(
|
|
37140
37826
|
Button,
|
|
37141
37827
|
{
|
|
37142
37828
|
variant: "ghost",
|
|
@@ -37150,10 +37836,10 @@ var Address = ({
|
|
|
37150
37836
|
} catch {
|
|
37151
37837
|
}
|
|
37152
37838
|
},
|
|
37153
|
-
children: /* @__PURE__ */
|
|
37839
|
+
children: /* @__PURE__ */ jsx153(Copy5, { className: "h-4 w-4" })
|
|
37154
37840
|
}
|
|
37155
37841
|
),
|
|
37156
|
-
showExplorer && explorer && /* @__PURE__ */
|
|
37842
|
+
showExplorer && explorer && /* @__PURE__ */ jsx153(
|
|
37157
37843
|
"a",
|
|
37158
37844
|
{
|
|
37159
37845
|
href: explorer,
|
|
@@ -37161,7 +37847,7 @@ var Address = ({
|
|
|
37161
37847
|
rel: "noreferrer noopener",
|
|
37162
37848
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
37163
37849
|
title: "Open in explorer",
|
|
37164
|
-
children: /* @__PURE__ */
|
|
37850
|
+
children: /* @__PURE__ */ jsx153(ExternalLink2, { className: "h-4 w-4" })
|
|
37165
37851
|
}
|
|
37166
37852
|
)
|
|
37167
37853
|
] });
|
|
@@ -37170,7 +37856,7 @@ var Address = ({
|
|
|
37170
37856
|
// src/internal/components/UserOpStatus.tsx
|
|
37171
37857
|
init_badge();
|
|
37172
37858
|
init_button();
|
|
37173
|
-
import { jsx as
|
|
37859
|
+
import { jsx as jsx154, jsxs as jsxs137 } from "react/jsx-runtime";
|
|
37174
37860
|
var UserOpStatus = ({
|
|
37175
37861
|
userOpHash,
|
|
37176
37862
|
chain,
|
|
@@ -37285,35 +37971,35 @@ var UserOpStatus = ({
|
|
|
37285
37971
|
const stateBadge = () => {
|
|
37286
37972
|
if (receipt) {
|
|
37287
37973
|
const ok = !!receipt.success;
|
|
37288
|
-
return /* @__PURE__ */
|
|
37289
|
-
ok ? /* @__PURE__ */
|
|
37974
|
+
return /* @__PURE__ */ jsxs137(Badge, { variant: ok ? "success" : "destructive", children: [
|
|
37975
|
+
ok ? /* @__PURE__ */ jsx154(CheckCircle28, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx154(AlertCircle4, { className: "h-3 w-3" }),
|
|
37290
37976
|
ok ? "Included" : "Failed"
|
|
37291
37977
|
] });
|
|
37292
37978
|
}
|
|
37293
37979
|
if (rejected) {
|
|
37294
|
-
return /* @__PURE__ */
|
|
37295
|
-
/* @__PURE__ */
|
|
37980
|
+
return /* @__PURE__ */ jsxs137(Badge, { variant: "destructive", children: [
|
|
37981
|
+
/* @__PURE__ */ jsx154(AlertCircle4, { className: "h-3 w-3" }),
|
|
37296
37982
|
" Rejected by bundler"
|
|
37297
37983
|
] });
|
|
37298
37984
|
}
|
|
37299
37985
|
if (timedOut) {
|
|
37300
|
-
return /* @__PURE__ */
|
|
37301
|
-
/* @__PURE__ */
|
|
37986
|
+
return /* @__PURE__ */ jsxs137(Badge, { variant: "warning", children: [
|
|
37987
|
+
/* @__PURE__ */ jsx154(AlertCircle4, { className: "h-3 w-3" }),
|
|
37302
37988
|
" Timeout - may be rejected"
|
|
37303
37989
|
] });
|
|
37304
37990
|
}
|
|
37305
37991
|
if (mempool) {
|
|
37306
|
-
return /* @__PURE__ */
|
|
37307
|
-
/* @__PURE__ */
|
|
37992
|
+
return /* @__PURE__ */ jsxs137(Badge, { variant: "outline", children: [
|
|
37993
|
+
/* @__PURE__ */ jsx154(Clock2, { className: "h-3 w-3" }),
|
|
37308
37994
|
" Pending in bundler"
|
|
37309
37995
|
] });
|
|
37310
37996
|
}
|
|
37311
|
-
return /* @__PURE__ */
|
|
37312
|
-
/* @__PURE__ */
|
|
37997
|
+
return /* @__PURE__ */ jsxs137(Badge, { variant: "secondary", children: [
|
|
37998
|
+
/* @__PURE__ */ jsx154(Clock2, { className: "h-3 w-3" }),
|
|
37313
37999
|
" Waiting"
|
|
37314
38000
|
] });
|
|
37315
38001
|
};
|
|
37316
|
-
return /* @__PURE__ */
|
|
38002
|
+
return /* @__PURE__ */ jsxs137(
|
|
37317
38003
|
"div",
|
|
37318
38004
|
{
|
|
37319
38005
|
className: cn(
|
|
@@ -37322,20 +38008,20 @@ var UserOpStatus = ({
|
|
|
37322
38008
|
),
|
|
37323
38009
|
style: { textAlign: "left", listStyle: "none" },
|
|
37324
38010
|
children: [
|
|
37325
|
-
/* @__PURE__ */
|
|
37326
|
-
/* @__PURE__ */
|
|
38011
|
+
/* @__PURE__ */ jsxs137("div", { className: "flex items-center justify-between mb-3", children: [
|
|
38012
|
+
/* @__PURE__ */ jsxs137("div", { className: "flex items-center gap-2", children: [
|
|
37327
38013
|
stateBadge(),
|
|
37328
|
-
/* @__PURE__ */
|
|
38014
|
+
/* @__PURE__ */ jsx154("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
|
|
37329
38015
|
] }),
|
|
37330
|
-
/* @__PURE__ */
|
|
37331
|
-
/* @__PURE__ */
|
|
37332
|
-
/* @__PURE__ */
|
|
38016
|
+
/* @__PURE__ */ jsxs137(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
|
|
38017
|
+
/* @__PURE__ */ jsx154(RefreshCw4, { className: cn("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
|
|
38018
|
+
/* @__PURE__ */ jsx154("span", { className: "text-xs", children: "Refresh" })
|
|
37333
38019
|
] })
|
|
37334
38020
|
] }),
|
|
37335
|
-
/* @__PURE__ */
|
|
37336
|
-
/* @__PURE__ */
|
|
37337
|
-
/* @__PURE__ */
|
|
37338
|
-
/* @__PURE__ */
|
|
38021
|
+
/* @__PURE__ */ jsxs137("div", { className: "flex items-center gap-2 mb-2", children: [
|
|
38022
|
+
/* @__PURE__ */ jsx154("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
|
|
38023
|
+
/* @__PURE__ */ jsx154("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
|
|
38024
|
+
/* @__PURE__ */ jsx154(
|
|
37339
38025
|
Button,
|
|
37340
38026
|
{
|
|
37341
38027
|
variant: "ghost",
|
|
@@ -37347,14 +38033,14 @@ var UserOpStatus = ({
|
|
|
37347
38033
|
} catch {
|
|
37348
38034
|
}
|
|
37349
38035
|
},
|
|
37350
|
-
children: /* @__PURE__ */
|
|
38036
|
+
children: /* @__PURE__ */ jsx154(Copy6, { className: "h-3.5 w-3.5" })
|
|
37351
38037
|
}
|
|
37352
38038
|
)
|
|
37353
38039
|
] }),
|
|
37354
|
-
receipt && receipt.receipt?.transactionHash && /* @__PURE__ */
|
|
37355
|
-
/* @__PURE__ */
|
|
37356
|
-
/* @__PURE__ */
|
|
37357
|
-
/* @__PURE__ */
|
|
38040
|
+
receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ jsxs137("div", { className: "flex items-center gap-2 mb-3", children: [
|
|
38041
|
+
/* @__PURE__ */ jsx154("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
|
|
38042
|
+
/* @__PURE__ */ jsx154("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
|
|
38043
|
+
/* @__PURE__ */ jsx154(
|
|
37358
38044
|
Button,
|
|
37359
38045
|
{
|
|
37360
38046
|
variant: "ghost",
|
|
@@ -37366,10 +38052,10 @@ var UserOpStatus = ({
|
|
|
37366
38052
|
} catch {
|
|
37367
38053
|
}
|
|
37368
38054
|
},
|
|
37369
|
-
children: /* @__PURE__ */
|
|
38055
|
+
children: /* @__PURE__ */ jsx154(Copy6, { className: "h-3.5 w-3.5" })
|
|
37370
38056
|
}
|
|
37371
38057
|
),
|
|
37372
|
-
chain?.blockExplorers?.default?.url && /* @__PURE__ */
|
|
38058
|
+
chain?.blockExplorers?.default?.url && /* @__PURE__ */ jsx154(
|
|
37373
38059
|
"a",
|
|
37374
38060
|
{
|
|
37375
38061
|
href: `${chain.blockExplorers.default.url}/tx/${receipt.receipt.transactionHash}`,
|
|
@@ -37377,11 +38063,11 @@ var UserOpStatus = ({
|
|
|
37377
38063
|
rel: "noreferrer noopener",
|
|
37378
38064
|
className: "inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-accent text-foreground",
|
|
37379
38065
|
title: "Open in explorer",
|
|
37380
|
-
children: /* @__PURE__ */
|
|
38066
|
+
children: /* @__PURE__ */ jsx154(ExternalLink3, { className: "h-3.5 w-3.5" })
|
|
37381
38067
|
}
|
|
37382
38068
|
)
|
|
37383
38069
|
] }),
|
|
37384
|
-
receipt && /* @__PURE__ */
|
|
38070
|
+
receipt && /* @__PURE__ */ jsxs137("div", { className: "text-xs text-muted-foreground mb-3", children: [
|
|
37385
38071
|
"Block ",
|
|
37386
38072
|
parseInt(receipt.receipt?.blockNumber || "0x0", 16),
|
|
37387
38073
|
" \u2022 Gas Used",
|
|
@@ -37390,32 +38076,32 @@ var UserOpStatus = ({
|
|
|
37390
38076
|
" \u2022 Success ",
|
|
37391
38077
|
String(!!receipt.success)
|
|
37392
38078
|
] }),
|
|
37393
|
-
/* @__PURE__ */
|
|
38079
|
+
/* @__PURE__ */ jsx154("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ jsxs137("span", { className: "ml-2", children: [
|
|
37394
38080
|
"\u2022 Polling for ",
|
|
37395
38081
|
Math.round((Date.now() - startTimeRef.current) / 1e3),
|
|
37396
38082
|
"s"
|
|
37397
38083
|
] }) }),
|
|
37398
|
-
mempool && /* @__PURE__ */
|
|
37399
|
-
/* @__PURE__ */
|
|
38084
|
+
mempool && /* @__PURE__ */ jsxs137("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
|
|
38085
|
+
/* @__PURE__ */ jsxs137("div", { children: [
|
|
37400
38086
|
"Seen by bundler at ",
|
|
37401
|
-
/* @__PURE__ */
|
|
38087
|
+
/* @__PURE__ */ jsx154(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
|
|
37402
38088
|
] }),
|
|
37403
|
-
/* @__PURE__ */
|
|
38089
|
+
/* @__PURE__ */ jsxs137("div", { children: [
|
|
37404
38090
|
"sender ",
|
|
37405
|
-
/* @__PURE__ */
|
|
38091
|
+
/* @__PURE__ */ jsx154(Address, { address: mempool.sender, chain, truncate: false })
|
|
37406
38092
|
] })
|
|
37407
38093
|
] }),
|
|
37408
|
-
error && /* @__PURE__ */
|
|
37409
|
-
/* @__PURE__ */
|
|
38094
|
+
error && /* @__PURE__ */ jsxs137("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
38095
|
+
/* @__PURE__ */ jsx154(AlertCircle4, { className: "h-4 w-4" }),
|
|
37410
38096
|
" ",
|
|
37411
38097
|
error
|
|
37412
38098
|
] }),
|
|
37413
|
-
rejected && /* @__PURE__ */
|
|
37414
|
-
/* @__PURE__ */
|
|
38099
|
+
rejected && /* @__PURE__ */ jsxs137("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
38100
|
+
/* @__PURE__ */ jsx154(AlertCircle4, { className: "h-4 w-4" }),
|
|
37415
38101
|
"UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
|
|
37416
38102
|
] }),
|
|
37417
|
-
timedOut && /* @__PURE__ */
|
|
37418
|
-
/* @__PURE__ */
|
|
38103
|
+
timedOut && /* @__PURE__ */ jsxs137("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
38104
|
+
/* @__PURE__ */ jsx154(AlertCircle4, { className: "h-4 w-4" }),
|
|
37419
38105
|
"Stopped polling after ",
|
|
37420
38106
|
Math.round(maxPollTimeMs / 1e3),
|
|
37421
38107
|
"s. UserOperation may have been rejected by the bundler."
|
|
@@ -37430,7 +38116,7 @@ init_cn();
|
|
|
37430
38116
|
init_button();
|
|
37431
38117
|
import { Copy as Copy7, ExternalLink as ExternalLink4 } from "lucide-react";
|
|
37432
38118
|
import * as React37 from "react";
|
|
37433
|
-
import { jsx as
|
|
38119
|
+
import { jsx as jsx155, jsxs as jsxs138 } from "react/jsx-runtime";
|
|
37434
38120
|
function toExplorerUrl(kind, value, chain) {
|
|
37435
38121
|
const base = chain?.blockExplorers?.default?.url;
|
|
37436
38122
|
if (!base) return null;
|
|
@@ -37445,7 +38131,7 @@ var Hash = ({
|
|
|
37445
38131
|
hash,
|
|
37446
38132
|
chain,
|
|
37447
38133
|
className,
|
|
37448
|
-
truncate = true,
|
|
38134
|
+
truncate: truncate2 = true,
|
|
37449
38135
|
showCopy = true,
|
|
37450
38136
|
showExplorer = true,
|
|
37451
38137
|
kind = "tx",
|
|
@@ -37454,11 +38140,11 @@ var Hash = ({
|
|
|
37454
38140
|
const value = hash || "";
|
|
37455
38141
|
const explorer = toExplorerUrl(kind, value, chain || void 0);
|
|
37456
38142
|
const [copied, setCopied] = React37.useState(false);
|
|
37457
|
-
if (!value) return /* @__PURE__ */
|
|
37458
|
-
return /* @__PURE__ */
|
|
37459
|
-
label && /* @__PURE__ */
|
|
37460
|
-
/* @__PURE__ */
|
|
37461
|
-
showCopy && /* @__PURE__ */
|
|
38143
|
+
if (!value) return /* @__PURE__ */ jsx155("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
|
|
38144
|
+
return /* @__PURE__ */ jsxs138("div", { className: cn("flex items-center gap-2", className), children: [
|
|
38145
|
+
label && /* @__PURE__ */ jsx155("span", { className: "text-sm font-medium", children: label }),
|
|
38146
|
+
/* @__PURE__ */ jsx155("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate2 ? short2(value) : value }),
|
|
38147
|
+
showCopy && /* @__PURE__ */ jsx155(
|
|
37462
38148
|
Button,
|
|
37463
38149
|
{
|
|
37464
38150
|
variant: "ghost",
|
|
@@ -37472,10 +38158,10 @@ var Hash = ({
|
|
|
37472
38158
|
} catch {
|
|
37473
38159
|
}
|
|
37474
38160
|
},
|
|
37475
|
-
children: /* @__PURE__ */
|
|
38161
|
+
children: /* @__PURE__ */ jsx155(Copy7, { className: "h-4 w-4" })
|
|
37476
38162
|
}
|
|
37477
38163
|
),
|
|
37478
|
-
showExplorer && explorer && /* @__PURE__ */
|
|
38164
|
+
showExplorer && explorer && /* @__PURE__ */ jsx155(
|
|
37479
38165
|
"a",
|
|
37480
38166
|
{
|
|
37481
38167
|
href: explorer,
|
|
@@ -37483,7 +38169,7 @@ var Hash = ({
|
|
|
37483
38169
|
rel: "noreferrer noopener",
|
|
37484
38170
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
37485
38171
|
title: "Open in explorer",
|
|
37486
|
-
children: /* @__PURE__ */
|
|
38172
|
+
children: /* @__PURE__ */ jsx155(ExternalLink4, { className: "h-4 w-4" })
|
|
37487
38173
|
}
|
|
37488
38174
|
)
|
|
37489
38175
|
] });
|
|
@@ -37491,13 +38177,13 @@ var Hash = ({
|
|
|
37491
38177
|
|
|
37492
38178
|
// src/internal/components/TransactionsMenu/TransactionsList.tsx
|
|
37493
38179
|
init_base();
|
|
37494
|
-
import { useEffect as
|
|
37495
|
-
import { jsx as
|
|
38180
|
+
import { useEffect as useEffect65, useState as useState43 } from "react";
|
|
38181
|
+
import { jsx as jsx156, jsxs as jsxs139 } from "react/jsx-runtime";
|
|
37496
38182
|
var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
37497
|
-
const [transactions, setTransactions] =
|
|
37498
|
-
const [loading, setLoading] =
|
|
37499
|
-
const [error, setError] =
|
|
37500
|
-
|
|
38183
|
+
const [transactions, setTransactions] = useState43([]);
|
|
38184
|
+
const [loading, setLoading] = useState43(true);
|
|
38185
|
+
const [error, setError] = useState43(null);
|
|
38186
|
+
useEffect65(() => {
|
|
37501
38187
|
const fetchTransactions2 = async () => {
|
|
37502
38188
|
try {
|
|
37503
38189
|
setLoading(true);
|
|
@@ -37543,31 +38229,31 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
|
37543
38229
|
window.open(`${explorerUrl}/tx/${txHash}`, "_blank");
|
|
37544
38230
|
};
|
|
37545
38231
|
if (loading) {
|
|
37546
|
-
return /* @__PURE__ */
|
|
37547
|
-
/* @__PURE__ */
|
|
37548
|
-
/* @__PURE__ */
|
|
38232
|
+
return /* @__PURE__ */ jsxs139("div", { className: "p-4 text-center", children: [
|
|
38233
|
+
/* @__PURE__ */ jsx156("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
|
|
38234
|
+
/* @__PURE__ */ jsx156("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
|
|
37549
38235
|
] });
|
|
37550
38236
|
}
|
|
37551
38237
|
if (error) {
|
|
37552
|
-
return /* @__PURE__ */
|
|
37553
|
-
/* @__PURE__ */
|
|
37554
|
-
/* @__PURE__ */
|
|
38238
|
+
return /* @__PURE__ */ jsxs139("div", { className: "p-4 text-center", children: [
|
|
38239
|
+
/* @__PURE__ */ jsx156("p", { className: "text-red-600 text-sm", children: error }),
|
|
38240
|
+
/* @__PURE__ */ jsx156("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
|
|
37555
38241
|
] });
|
|
37556
38242
|
}
|
|
37557
38243
|
if (transactions.length === 0) {
|
|
37558
|
-
return /* @__PURE__ */
|
|
38244
|
+
return /* @__PURE__ */ jsx156("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx156("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
|
|
37559
38245
|
}
|
|
37560
|
-
return /* @__PURE__ */
|
|
38246
|
+
return /* @__PURE__ */ jsx156("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx156("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ jsxs139(
|
|
37561
38247
|
"div",
|
|
37562
38248
|
{
|
|
37563
38249
|
className: "border rounded-lg p-3 hover:bg-gray-50 cursor-pointer transition-colors",
|
|
37564
38250
|
onClick: () => openTransaction(tx.hash),
|
|
37565
38251
|
children: [
|
|
37566
|
-
/* @__PURE__ */
|
|
37567
|
-
/* @__PURE__ */
|
|
37568
|
-
/* @__PURE__ */
|
|
37569
|
-
/* @__PURE__ */
|
|
37570
|
-
/* @__PURE__ */
|
|
38252
|
+
/* @__PURE__ */ jsxs139("div", { className: "flex justify-between items-start mb-2", children: [
|
|
38253
|
+
/* @__PURE__ */ jsxs139("div", { className: "flex-1", children: [
|
|
38254
|
+
/* @__PURE__ */ jsxs139("div", { className: "flex items-center space-x-2 mb-1", children: [
|
|
38255
|
+
/* @__PURE__ */ jsx156("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress4(tx.hash) }),
|
|
38256
|
+
/* @__PURE__ */ jsx156(
|
|
37571
38257
|
"span",
|
|
37572
38258
|
{
|
|
37573
38259
|
className: `text-xs px-2 py-1 rounded ${tx.status === "ok" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`,
|
|
@@ -37575,40 +38261,40 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
|
37575
38261
|
}
|
|
37576
38262
|
)
|
|
37577
38263
|
] }),
|
|
37578
|
-
/* @__PURE__ */
|
|
37579
|
-
/* @__PURE__ */
|
|
37580
|
-
/* @__PURE__ */
|
|
37581
|
-
/* @__PURE__ */
|
|
38264
|
+
/* @__PURE__ */ jsxs139("div", { className: "text-sm space-y-1", children: [
|
|
38265
|
+
/* @__PURE__ */ jsxs139("div", { children: [
|
|
38266
|
+
/* @__PURE__ */ jsx156("span", { className: "text-gray-600", children: "From:" }),
|
|
38267
|
+
/* @__PURE__ */ jsxs139("span", { className: "font-mono ml-1", children: [
|
|
37582
38268
|
formatAddress4(tx.from.hash),
|
|
37583
|
-
tx.from.is_contract && /* @__PURE__ */
|
|
38269
|
+
tx.from.is_contract && /* @__PURE__ */ jsx156("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
|
|
37584
38270
|
] })
|
|
37585
38271
|
] }),
|
|
37586
|
-
/* @__PURE__ */
|
|
37587
|
-
/* @__PURE__ */
|
|
37588
|
-
/* @__PURE__ */
|
|
38272
|
+
/* @__PURE__ */ jsxs139("div", { children: [
|
|
38273
|
+
/* @__PURE__ */ jsx156("span", { className: "text-gray-600", children: "To:" }),
|
|
38274
|
+
/* @__PURE__ */ jsxs139("span", { className: "font-mono ml-1", children: [
|
|
37589
38275
|
formatAddress4(tx.to.hash),
|
|
37590
|
-
tx.to.is_contract && /* @__PURE__ */
|
|
38276
|
+
tx.to.is_contract && /* @__PURE__ */ jsx156("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
|
|
37591
38277
|
] })
|
|
37592
38278
|
] }),
|
|
37593
|
-
/* @__PURE__ */
|
|
37594
|
-
/* @__PURE__ */
|
|
37595
|
-
/* @__PURE__ */
|
|
38279
|
+
/* @__PURE__ */ jsxs139("div", { children: [
|
|
38280
|
+
/* @__PURE__ */ jsx156("span", { className: "text-gray-600", children: "Value:" }),
|
|
38281
|
+
/* @__PURE__ */ jsxs139("span", { className: "font-semibold ml-1", children: [
|
|
37596
38282
|
formatValue3(tx.value),
|
|
37597
38283
|
" LUMIA"
|
|
37598
38284
|
] })
|
|
37599
38285
|
] })
|
|
37600
38286
|
] })
|
|
37601
38287
|
] }),
|
|
37602
|
-
/* @__PURE__ */
|
|
37603
|
-
/* @__PURE__ */
|
|
37604
|
-
/* @__PURE__ */
|
|
38288
|
+
/* @__PURE__ */ jsxs139("div", { className: "text-right text-xs text-gray-500", children: [
|
|
38289
|
+
/* @__PURE__ */ jsx156("div", { children: formatDate2(tx.timestamp) }),
|
|
38290
|
+
/* @__PURE__ */ jsxs139("div", { className: "mt-1", children: [
|
|
37605
38291
|
"Gas: ",
|
|
37606
38292
|
parseInt(tx.gas_used).toLocaleString()
|
|
37607
38293
|
] }),
|
|
37608
|
-
tx.method && /* @__PURE__ */
|
|
38294
|
+
tx.method && /* @__PURE__ */ jsx156("div", { className: "mt-1 text-blue-600", children: tx.method })
|
|
37609
38295
|
] })
|
|
37610
38296
|
] }),
|
|
37611
|
-
tx.transaction_types.length > 0 && /* @__PURE__ */
|
|
38297
|
+
tx.transaction_types.length > 0 && /* @__PURE__ */ jsx156("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ jsx156("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
|
|
37612
38298
|
]
|
|
37613
38299
|
},
|
|
37614
38300
|
tx.hash
|
|
@@ -37840,7 +38526,7 @@ function useDirectWallet() {
|
|
|
37840
38526
|
}
|
|
37841
38527
|
|
|
37842
38528
|
// src/hooks/useSendDirectTransaction.ts
|
|
37843
|
-
import { useCallback as useCallback41, useState as
|
|
38529
|
+
import { useCallback as useCallback41, useState as useState45 } from "react";
|
|
37844
38530
|
import { isAddress as isAddress4, parseEther as parseEther3 } from "viem";
|
|
37845
38531
|
import { useConnection as useConnection2, useSwitchChain as useSwitchChain4, useSendTransaction as useWagmiSendTransaction } from "wagmi";
|
|
37846
38532
|
|
|
@@ -37863,9 +38549,9 @@ function useSendDirectTransaction() {
|
|
|
37863
38549
|
const { connector } = useConnection2();
|
|
37864
38550
|
const { sendTransactionAsync: sendWagmiTransactionAsync } = useWagmiSendTransaction();
|
|
37865
38551
|
const { switchChainAsync } = useSwitchChain4();
|
|
37866
|
-
const [isPending, setIsPending] =
|
|
37867
|
-
const [error, setError] =
|
|
37868
|
-
const [txHash, setTxHash] =
|
|
38552
|
+
const [isPending, setIsPending] = useState45(false);
|
|
38553
|
+
const [error, setError] = useState45(null);
|
|
38554
|
+
const [txHash, setTxHash] = useState45(null);
|
|
37869
38555
|
const sendTransactionAsync = useCallback41(
|
|
37870
38556
|
async (params) => {
|
|
37871
38557
|
if (!isConnected || !connector) {
|
|
@@ -37925,7 +38611,7 @@ function useSendDirectTransaction() {
|
|
|
37925
38611
|
init_SessionContext();
|
|
37926
38612
|
init_account2();
|
|
37927
38613
|
init_linkedProfiles();
|
|
37928
|
-
import { useCallback as useCallback42, useMemo as
|
|
38614
|
+
import { useCallback as useCallback42, useMemo as useMemo24, useState as useState46 } from "react";
|
|
37929
38615
|
import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress5, parseEther as parseEther4, parseUnits as parseUnits4 } from "viem";
|
|
37930
38616
|
var ERC20_TRANSFER_ABI2 = [
|
|
37931
38617
|
{
|
|
@@ -37941,10 +38627,10 @@ var ERC20_TRANSFER_ABI2 = [
|
|
|
37941
38627
|
function useTransferToLinkedWallet() {
|
|
37942
38628
|
const session = useSession((st) => st.session);
|
|
37943
38629
|
const { profiles } = useLinkedProfiles();
|
|
37944
|
-
const [isPending, setIsPending] =
|
|
37945
|
-
const [error, setError] =
|
|
37946
|
-
const [userOpHash, setUserOpHash] =
|
|
37947
|
-
const linkedWallets =
|
|
38630
|
+
const [isPending, setIsPending] = useState46(false);
|
|
38631
|
+
const [error, setError] = useState46(null);
|
|
38632
|
+
const [userOpHash, setUserOpHash] = useState46(null);
|
|
38633
|
+
const linkedWallets = useMemo24(
|
|
37948
38634
|
() => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
|
|
37949
38635
|
[profiles]
|
|
37950
38636
|
);
|