@embarkai/ui-kit 0.4.119 → 0.4.121
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/iframe/index.html +1 -1
- package/dist/iframe/main.js +1 -1
- package/dist/index.cjs +615 -461
- package/dist/index.d.cts +57 -0
- package/dist/index.d.ts +57 -0
- package/dist/index.js +432 -279
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5400,6 +5400,7 @@ var init_useLayoutDataStore = __esm({
|
|
|
5400
5400
|
init_constants();
|
|
5401
5401
|
PageKey = /* @__PURE__ */ ((PageKey3) => {
|
|
5402
5402
|
PageKey3["AUTH"] = "auth";
|
|
5403
|
+
PageKey3["USER_ACTIVITY"] = "user-activity";
|
|
5403
5404
|
PageKey3["LANGUAGES"] = "languages";
|
|
5404
5405
|
PageKey3["MAIN_MENU"] = "main-menu";
|
|
5405
5406
|
PageKey3["ACTIVITY_LOG"] = "activity-log";
|
|
@@ -7478,6 +7479,7 @@ var init_en = __esm({
|
|
|
7478
7479
|
select: "Select",
|
|
7479
7480
|
selectAll: "Select All",
|
|
7480
7481
|
selectNone: "Select None",
|
|
7482
|
+
comingSoon: "Coming Soon",
|
|
7481
7483
|
errors: {
|
|
7482
7484
|
oops: "Oops, something went wrong. Please try again."
|
|
7483
7485
|
},
|
|
@@ -7578,6 +7580,15 @@ var init_en = __esm({
|
|
|
7578
7580
|
activityLogMenu: {
|
|
7579
7581
|
title: "My Activity"
|
|
7580
7582
|
},
|
|
7583
|
+
userActivityMenu: {
|
|
7584
|
+
title: "Activity",
|
|
7585
|
+
description: "Your recent activity",
|
|
7586
|
+
noActivities: "No recent activity",
|
|
7587
|
+
onboarding: {
|
|
7588
|
+
title: "Your recent activity",
|
|
7589
|
+
description: "Activity log of your recent actions like login, profile connection/disconnection, backup operations etc."
|
|
7590
|
+
}
|
|
7591
|
+
},
|
|
7581
7592
|
connectMenu: {
|
|
7582
7593
|
connectWallet: "Connect Wallet Profile",
|
|
7583
7594
|
noWallets: "No wallets available to connect",
|
|
@@ -7840,7 +7851,7 @@ var init_en = __esm({
|
|
|
7840
7851
|
}
|
|
7841
7852
|
},
|
|
7842
7853
|
profilesMenu: {
|
|
7843
|
-
title: "Profiles",
|
|
7854
|
+
title: "Connected Profiles",
|
|
7844
7855
|
email: {
|
|
7845
7856
|
placeholder: "Provide Email to connect",
|
|
7846
7857
|
sentTo: "We sent a verification code to",
|
|
@@ -8091,6 +8102,7 @@ var init_ru = __esm({
|
|
|
8091
8102
|
select: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C",
|
|
8092
8103
|
selectAll: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435",
|
|
8093
8104
|
selectNone: "\u0421\u043D\u044F\u0442\u044C \u0432\u044B\u0431\u043E\u0440",
|
|
8105
|
+
comingSoon: "\u0421\u043A\u043E\u0440\u043E",
|
|
8094
8106
|
errors: {
|
|
8095
8107
|
oops: "\u0423\u043F\u0441, \u0447\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A. \u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u043F\u043E\u043F\u0440\u043E\u0431\u0443\u0439\u0442\u0435 \u0441\u043D\u043E\u0432\u0430."
|
|
8096
8108
|
},
|
|
@@ -8156,13 +8168,19 @@ var init_ru = __esm({
|
|
|
8156
8168
|
},
|
|
8157
8169
|
main: {
|
|
8158
8170
|
send: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C",
|
|
8171
|
+
bridge: "\u041C\u043E\u0441\u0442",
|
|
8159
8172
|
receive: "\u041F\u043E\u043B\u0443\u0447\u0438\u0442\u044C",
|
|
8160
8173
|
buy: "\u041A\u0443\u043F\u0438\u0442\u044C",
|
|
8161
8174
|
assets: "\u041F\u043E\u0440\u0442\u0444\u043E\u043B\u0438\u043E",
|
|
8175
|
+
activity: "\u041E\u043D\u0447\u0435\u0439\u043D-\u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C",
|
|
8162
8176
|
onboarding: {
|
|
8163
8177
|
sendButton: {
|
|
8164
8178
|
title: "\u041C\u0435\u043D\u044E \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438",
|
|
8165
|
-
description: "\u041E\u0442\u043F\u0440\u0430\u0432\u044C\u0442\u0435 \u043D\u0430\u043F\u0440\u044F\u043C\u0443\u044E \u043D\u0430 \u0430\u0434\u0440\u0435\u0441 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 \u0432 \u0442\u043E\u0439 \u0436\u0435 \u0441\u0435\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 \u043C\u0435\u043D\u044E \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438
|
|
8179
|
+
description: "\u041E\u0442\u043F\u0440\u0430\u0432\u044C\u0442\u0435 \u043D\u0430\u043F\u0440\u044F\u043C\u0443\u044E \u043D\u0430 \u0430\u0434\u0440\u0435\u0441 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 \u0432 \u0442\u043E\u0439 \u0436\u0435 \u0441\u0435\u0442\u0438 \u0447\u0435\u0440\u0435\u0437 \u043C\u0435\u043D\u044E \u043E\u0442\u043F\u0440\u0430\u0432\u043A\u0438."
|
|
8180
|
+
},
|
|
8181
|
+
bridgeButton: {
|
|
8182
|
+
title: "\u041C\u0435\u043D\u044E \u043C\u043E\u0441\u0442\u0430",
|
|
8183
|
+
description: "\u041F\u0435\u0440\u0435\u043D\u043E\u0441\u0438\u0442\u0435 \u0430\u043A\u0442\u0438\u0432\u044B \u043C\u0435\u0436\u0434\u0443 \u0440\u0430\u0437\u043D\u044B\u043C\u0438 \u0441\u0435\u0442\u044F\u043C\u0438 \u0438 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430\u043C\u0438 \u0447\u0435\u0440\u0435\u0437 \u043C\u0435\u043D\u044E \u043C\u043E\u0441\u0442\u0430."
|
|
8166
8184
|
},
|
|
8167
8185
|
receiveButton: {
|
|
8168
8186
|
title: "\u041C\u0435\u043D\u044E \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u0438\u044F",
|
|
@@ -8172,12 +8190,28 @@ var init_ru = __esm({
|
|
|
8172
8190
|
title: "\u041C\u0435\u043D\u044E \u043F\u043E\u043A\u0443\u043F\u043A\u0438",
|
|
8173
8191
|
description: "\u041F\u043E\u043A\u0443\u043F\u0430\u0439\u0442\u0435 \u043A\u0440\u0438\u043F\u0442\u043E\u0432\u0430\u043B\u044E\u0442\u0443 \u0437\u0430 \u0444\u0438\u0430\u0442 \u0432 \u043A\u043E\u0448\u0435\u043B\u0451\u043A embarkAI \u0447\u0435\u0440\u0435\u0437 \u043C\u0435\u043D\u044E \u043F\u043E\u043A\u0443\u043F\u043A\u0438."
|
|
8174
8192
|
},
|
|
8193
|
+
portfolioSection: {
|
|
8194
|
+
title: "\u0420\u0430\u0437\u0434\u0435\u043B \u043F\u043E\u0440\u0442\u0444\u043E\u043B\u0438\u043E",
|
|
8195
|
+
description: "\u0418\u0437\u0443\u0447\u0438\u0442\u0435 \u0430\u043A\u0442\u0438\u0432\u044B \u0432\u0430\u0448\u0435\u0433\u043E \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 embarkAI."
|
|
8196
|
+
},
|
|
8175
8197
|
portfolioButton: {
|
|
8176
8198
|
title: "\u041C\u0435\u043D\u044E \u043F\u043E\u0440\u0442\u0444\u043E\u043B\u0438\u043E",
|
|
8177
8199
|
description: "\u0418\u0437\u0443\u0447\u0438\u0442\u0435 \u043A\u0440\u0438\u043F\u0442\u043E\u0430\u043A\u0442\u0438\u0432\u044B \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430 embarkAI \u0447\u0435\u0440\u0435\u0437 \u043C\u0435\u043D\u044E \u043F\u043E\u0440\u0442\u0444\u043E\u043B\u0438\u043E."
|
|
8178
8200
|
}
|
|
8179
8201
|
}
|
|
8180
8202
|
},
|
|
8203
|
+
activityLogMenu: {
|
|
8204
|
+
title: "\u041C\u043E\u044F \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C"
|
|
8205
|
+
},
|
|
8206
|
+
userActivityMenu: {
|
|
8207
|
+
title: "\u0410\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C",
|
|
8208
|
+
description: "\u0412\u0430\u0448\u0430 \u043D\u0435\u0434\u0430\u0432\u043D\u044F\u044F \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u044C",
|
|
8209
|
+
noActivities: "\u041D\u0435\u0442 \u043D\u0435\u0434\u0430\u0432\u043D\u0435\u0439 \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u0438",
|
|
8210
|
+
onboarding: {
|
|
8211
|
+
title: "\u041C\u0435\u043D\u044E \u043D\u0435\u0434\u0430\u0432\u043D\u0435\u0439 \u0430\u043A\u0442\u0438\u0432\u043D\u043E\u0441\u0442\u0438",
|
|
8212
|
+
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."
|
|
8213
|
+
}
|
|
8214
|
+
},
|
|
8181
8215
|
connectMenu: {
|
|
8182
8216
|
connectWallet: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u043F\u0440\u043E\u0444\u0438\u043B\u044C \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u0430",
|
|
8183
8217
|
noWallets: "\u041D\u0435\u0442 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0445 \u043A\u043E\u0448\u0435\u043B\u044C\u043A\u043E\u0432 \u0434\u043B\u044F \u043F\u043E\u0434\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F",
|
|
@@ -8440,7 +8474,7 @@ var init_ru = __esm({
|
|
|
8440
8474
|
}
|
|
8441
8475
|
},
|
|
8442
8476
|
profilesMenu: {
|
|
8443
|
-
title: "\u041F\u0440\u043E\u0444\u0438\u043B\u0438",
|
|
8477
|
+
title: "\u041F\u043E\u0434\u043A\u043B\u044E\u0447\u0451\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0444\u0438\u043B\u0438",
|
|
8444
8478
|
email: {
|
|
8445
8479
|
placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448 email",
|
|
8446
8480
|
sentTo: "\u041C\u044B \u043E\u0442\u043F\u0440\u0430\u0432\u0438\u043B\u0438 \u043A\u043E\u0434 \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u044F \u043D\u0430",
|
|
@@ -8691,6 +8725,7 @@ var init_zh = __esm({
|
|
|
8691
8725
|
select: "\u9009\u62E9",
|
|
8692
8726
|
selectAll: "\u5168\u9009",
|
|
8693
8727
|
selectNone: "\u5168\u4E0D\u9009",
|
|
8728
|
+
comingSoon: "\u5373\u5C06\u63A8\u51FA",
|
|
8694
8729
|
errors: {
|
|
8695
8730
|
oops: "\u54CE\u5440\uFF0C\u51FA\u4E86\u70B9\u95EE\u9898\u3002\u8BF7\u518D\u8BD5\u4E00\u6B21\u3002"
|
|
8696
8731
|
},
|
|
@@ -8756,13 +8791,19 @@ var init_zh = __esm({
|
|
|
8756
8791
|
},
|
|
8757
8792
|
main: {
|
|
8758
8793
|
send: "\u53D1\u9001",
|
|
8794
|
+
bridge: "\u8DE8\u94FE",
|
|
8759
8795
|
receive: "\u63A5\u6536",
|
|
8760
8796
|
buy: "\u8D2D\u4E70",
|
|
8761
8797
|
assets: "\u6295\u8D44\u7EC4\u5408",
|
|
8798
|
+
activity: "\u94FE\u4E0A\u6D3B\u52A8",
|
|
8762
8799
|
onboarding: {
|
|
8763
8800
|
sendButton: {
|
|
8764
8801
|
title: "\u53D1\u9001\u83DC\u5355",
|
|
8765
|
-
description: "\u901A\u8FC7\u53D1\u9001\u83DC\u5355\u76F4\u63A5\u53D1\u9001\u5230\u540C\u4E00\u94FE\u4E0A\u7684\u94B1\u5305\u5730\u5740\
|
|
8802
|
+
description: "\u901A\u8FC7\u53D1\u9001\u83DC\u5355\u76F4\u63A5\u53D1\u9001\u5230\u540C\u4E00\u94FE\u4E0A\u7684\u94B1\u5305\u5730\u5740\u3002"
|
|
8803
|
+
},
|
|
8804
|
+
bridgeButton: {
|
|
8805
|
+
title: "\u8DE8\u94FE\u83DC\u5355",
|
|
8806
|
+
description: "\u901A\u8FC7\u8DE8\u94FE\u83DC\u5355\u5728\u4E0D\u540C\u94FE\u548C\u94B1\u5305\u4E4B\u95F4\u6865\u63A5\u8D44\u4EA7\u3002"
|
|
8766
8807
|
},
|
|
8767
8808
|
receiveButton: {
|
|
8768
8809
|
title: "\u63A5\u6536\u83DC\u5355",
|
|
@@ -8772,12 +8813,28 @@ var init_zh = __esm({
|
|
|
8772
8813
|
title: "\u8D2D\u4E70\u83DC\u5355",
|
|
8773
8814
|
description: "\u901A\u8FC7\u8D2D\u4E70\u83DC\u5355\u5C06\u6CD5\u5E01\u8D2D\u4E70\u7684\u52A0\u5BC6\u8D27\u5E01\u5B58\u5165 embarkAI \u94B1\u5305\u3002"
|
|
8774
8815
|
},
|
|
8816
|
+
portfolioSection: {
|
|
8817
|
+
title: "\u6295\u8D44\u7EC4\u5408\u677F\u5757",
|
|
8818
|
+
description: "\u63A2\u7D22\u60A8\u7684 embarkAI \u94B1\u5305\u8D44\u4EA7\u3002"
|
|
8819
|
+
},
|
|
8775
8820
|
portfolioButton: {
|
|
8776
8821
|
title: "\u6295\u8D44\u7EC4\u5408\u83DC\u5355",
|
|
8777
8822
|
description: "\u901A\u8FC7\u6295\u8D44\u7EC4\u5408\u83DC\u5355\u63A2\u7D22 embarkAI \u94B1\u5305\u7684\u52A0\u5BC6\u8D44\u4EA7\u3002"
|
|
8778
8823
|
}
|
|
8779
8824
|
}
|
|
8780
8825
|
},
|
|
8826
|
+
activityLogMenu: {
|
|
8827
|
+
title: "\u6211\u7684\u6D3B\u52A8"
|
|
8828
|
+
},
|
|
8829
|
+
userActivityMenu: {
|
|
8830
|
+
title: "\u6D3B\u52A8",
|
|
8831
|
+
description: "\u60A8\u6700\u8FD1\u7684\u6D3B\u52A8",
|
|
8832
|
+
noActivities: "\u6682\u65E0\u6700\u8FD1\u6D3B\u52A8",
|
|
8833
|
+
onboarding: {
|
|
8834
|
+
title: "\u6700\u8FD1\u6D3B\u52A8\u83DC\u5355",
|
|
8835
|
+
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"
|
|
8836
|
+
}
|
|
8837
|
+
},
|
|
8781
8838
|
connectMenu: {
|
|
8782
8839
|
connectWallet: "\u8FDE\u63A5\u94B1\u5305\u914D\u7F6E\u6587\u4EF6",
|
|
8783
8840
|
noWallets: "\u6CA1\u6709\u53EF\u8FDE\u63A5\u7684\u94B1\u5305",
|
|
@@ -9040,7 +9097,7 @@ var init_zh = __esm({
|
|
|
9040
9097
|
}
|
|
9041
9098
|
},
|
|
9042
9099
|
profilesMenu: {
|
|
9043
|
-
title: "\u4E2A\u4EBA\u8D44\u6599",
|
|
9100
|
+
title: "\u5DF2\u8FDE\u63A5\u7684\u4E2A\u4EBA\u8D44\u6599",
|
|
9044
9101
|
email: {
|
|
9045
9102
|
placeholder: "\u63D0\u4F9B\u90AE\u7BB1\u4EE5\u8FDE\u63A5",
|
|
9046
9103
|
sentTo: "\u6211\u4EEC\u5DF2\u5411\u60A8\u7684\u90AE\u7BB1\u53D1\u9001\u9A8C\u8BC1\u7801",
|
|
@@ -21532,7 +21589,7 @@ var init_SumsubIframe = __esm({
|
|
|
21532
21589
|
src: iframeUrl,
|
|
21533
21590
|
title: "Sumsub KYC Verification",
|
|
21534
21591
|
className: "noScrollbars w-full border-0 rounded-[10px]",
|
|
21535
|
-
sandbox: "allow-scripts allow-same-origin allow-forms allow-popups",
|
|
21592
|
+
sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox",
|
|
21536
21593
|
allow: "camera; microphone; geolocation; clipboard-write",
|
|
21537
21594
|
style: { height: isLoading || error ? 0 : height }
|
|
21538
21595
|
},
|
|
@@ -21545,13 +21602,31 @@ var init_SumsubIframe = __esm({
|
|
|
21545
21602
|
|
|
21546
21603
|
// src/internal/components/KYC/KycMenu.tsx
|
|
21547
21604
|
import { ArrowLeft as ArrowLeft15 } from "lucide-react";
|
|
21605
|
+
import { useEffect as useEffect36 } from "react";
|
|
21548
21606
|
import { jsx as jsx90, jsxs as jsxs81 } from "react/jsx-runtime";
|
|
21549
21607
|
function KycMenu() {
|
|
21550
|
-
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
21551
21608
|
const { t } = useT();
|
|
21609
|
+
const isMobileView = useLayoutStore((st) => st.isMobileView);
|
|
21610
|
+
useEffect36(() => {
|
|
21611
|
+
if (isMobileView) return;
|
|
21612
|
+
const embarkaiContentElement = document.querySelector(".embarkai-ui-scope-content");
|
|
21613
|
+
embarkaiContentElement?.style.setProperty("--ui-kit-content-maw", "clamp(0px, 100dvw, 768px)");
|
|
21614
|
+
return () => {
|
|
21615
|
+
embarkaiContentElement?.style.removeProperty("--ui-kit-content-maw");
|
|
21616
|
+
};
|
|
21617
|
+
}, [isMobileView]);
|
|
21552
21618
|
return /* @__PURE__ */ jsxs81(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
21553
21619
|
/* @__PURE__ */ jsxs81("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
21554
|
-
/* @__PURE__ */ jsx90(
|
|
21620
|
+
/* @__PURE__ */ jsx90(
|
|
21621
|
+
Button,
|
|
21622
|
+
{
|
|
21623
|
+
variant: "ghost",
|
|
21624
|
+
size: "icon",
|
|
21625
|
+
title: t("passport:common.back"),
|
|
21626
|
+
onClick: () => useLayoutDataStore.getState().setPage("settings" /* SETTINGS */),
|
|
21627
|
+
children: /* @__PURE__ */ jsx90(ArrowLeft15, { className: "h-4 w-4" })
|
|
21628
|
+
}
|
|
21629
|
+
),
|
|
21555
21630
|
/* @__PURE__ */ jsx90("span", { className: "text-xl font-semibold", children: t("passport:kycMenu.title") })
|
|
21556
21631
|
] }),
|
|
21557
21632
|
/* @__PURE__ */ jsx90(KycContent, {})
|
|
@@ -21563,6 +21638,7 @@ var init_KycMenu = __esm({
|
|
|
21563
21638
|
init_ProviderContext();
|
|
21564
21639
|
init_i18n();
|
|
21565
21640
|
init_useLayoutDataStore();
|
|
21641
|
+
init_useLayoutStore();
|
|
21566
21642
|
init_Expandable2();
|
|
21567
21643
|
init_button();
|
|
21568
21644
|
init_SumsubIframe();
|
|
@@ -22963,11 +23039,11 @@ var init_useNicknameStore = __esm({
|
|
|
22963
23039
|
// src/internal/components/NicknameMenu/useNicknameAvailability.ts
|
|
22964
23040
|
import { useMutation as useMutation15 } from "@tanstack/react-query";
|
|
22965
23041
|
import { debounce as debounce4 } from "lodash-es";
|
|
22966
|
-
import { useCallback as useCallback26, useEffect as
|
|
23042
|
+
import { useCallback as useCallback26, useEffect as useEffect37 } from "react";
|
|
22967
23043
|
function useNicknameAvailability(currentNickname) {
|
|
22968
23044
|
const { t } = useT();
|
|
22969
23045
|
const nicknameValue = useNicknameStore((st) => st.nicknameValue);
|
|
22970
|
-
|
|
23046
|
+
useEffect37(() => {
|
|
22971
23047
|
if (!currentNickname) return;
|
|
22972
23048
|
useNicknameStore.getState().setNicknameValue(currentNickname);
|
|
22973
23049
|
}, [currentNickname]);
|
|
@@ -22989,7 +23065,7 @@ function useNicknameAvailability(currentNickname) {
|
|
|
22989
23065
|
}
|
|
22990
23066
|
});
|
|
22991
23067
|
const debouncedCheckAvailability = useCallback26(debounce4(checkAvailability, DEBOUNCE_MS), [checkAvailability]);
|
|
22992
|
-
|
|
23068
|
+
useEffect37(() => {
|
|
22993
23069
|
if (!currentNickname) return;
|
|
22994
23070
|
const normalizedInputValue = normalizeNickname(nicknameValue);
|
|
22995
23071
|
const { valid: isNicknameValid } = validateNickname(nicknameValue);
|
|
@@ -23018,7 +23094,7 @@ var init_useNicknameAvailability = __esm({
|
|
|
23018
23094
|
// src/internal/components/NicknameMenu/NicknameEditForm.tsx
|
|
23019
23095
|
import { useMutation as useMutation16, useQueryClient as useQueryClient21 } from "@tanstack/react-query";
|
|
23020
23096
|
import { AtSignIcon, CopyIcon as CopyIcon2, LoaderIcon as LoaderIcon12, SaveIcon } from "lucide-react";
|
|
23021
|
-
import { useCallback as useCallback27, useEffect as
|
|
23097
|
+
import { useCallback as useCallback27, useEffect as useEffect38, useRef as useRef18, useState as useState23 } from "react";
|
|
23022
23098
|
import { Fragment as Fragment34, jsx as jsx98, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
23023
23099
|
function NicknameEditForm(props) {
|
|
23024
23100
|
const { isInitialUser, nicknameInfo } = props;
|
|
@@ -23033,7 +23109,7 @@ function NicknameEditForm(props) {
|
|
|
23033
23109
|
const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
|
|
23034
23110
|
const [isNicknameCopied, setIsNicknameCopied] = useState23(false);
|
|
23035
23111
|
const exitTimerRef = useRef18(null);
|
|
23036
|
-
|
|
23112
|
+
useEffect38(() => () => {
|
|
23037
23113
|
if (exitTimerRef.current) clearTimeout(exitTimerRef.current);
|
|
23038
23114
|
}, []);
|
|
23039
23115
|
const { mutate: changeNickname2, isPending: isNicknameChanging } = useMutation16({
|
|
@@ -23197,7 +23273,7 @@ var init_NicknameEditForm = __esm({
|
|
|
23197
23273
|
import { useQuery as useQuery20 } from "@tanstack/react-query";
|
|
23198
23274
|
import dayjs5 from "dayjs";
|
|
23199
23275
|
import { ArrowLeft as ArrowLeft18, Loader as Loader18 } from "lucide-react";
|
|
23200
|
-
import { useEffect as
|
|
23276
|
+
import { useEffect as useEffect39 } from "react";
|
|
23201
23277
|
import { jsx as jsx99, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
23202
23278
|
function NicknameMenu() {
|
|
23203
23279
|
const { isInitialUser } = usePageParams().current;
|
|
@@ -23217,7 +23293,7 @@ function NicknameMenu() {
|
|
|
23217
23293
|
queryFn: async () => await getNicknameInfo()
|
|
23218
23294
|
});
|
|
23219
23295
|
const resolvedError = nicknameError || nicknameInfoError?.message || null;
|
|
23220
|
-
|
|
23296
|
+
useEffect39(() => () => useNicknameStore.getState().reset(), []);
|
|
23221
23297
|
return /* @__PURE__ */ jsxs90(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
23222
23298
|
/* @__PURE__ */ jsxs90("div", { className: "flex items-center gap-[var(--ui-kit-gap)] ", children: [
|
|
23223
23299
|
/* @__PURE__ */ jsx99(
|
|
@@ -23409,7 +23485,7 @@ var init_nickname_fingerprint = __esm({
|
|
|
23409
23485
|
import { useQuery as useQuery21 } from "@tanstack/react-query";
|
|
23410
23486
|
import { ArrowLeft as ArrowLeft19, AtSignIcon as AtSignIcon2, CheckCircle2 as CheckCircle24, Copy as Copy2, FingerprintIcon, LoaderIcon as LoaderIcon13, Wallet2Icon as Wallet2Icon4 } from "lucide-react";
|
|
23411
23487
|
import QRCode from "qrcode";
|
|
23412
|
-
import { useEffect as
|
|
23488
|
+
import { useEffect as useEffect40, useMemo as useMemo15, useState as useState24 } from "react";
|
|
23413
23489
|
import { Fragment as Fragment35, jsx as jsx100, jsxs as jsxs91 } from "react/jsx-runtime";
|
|
23414
23490
|
function ReceiveMenu() {
|
|
23415
23491
|
const { t } = useT();
|
|
@@ -23435,7 +23511,7 @@ function ReceiveMenu() {
|
|
|
23435
23511
|
return null;
|
|
23436
23512
|
}
|
|
23437
23513
|
}, [session?.ownerAddress]);
|
|
23438
|
-
|
|
23514
|
+
useEffect40(() => {
|
|
23439
23515
|
if (!address) return;
|
|
23440
23516
|
QRCode.toDataURL(address, {
|
|
23441
23517
|
width: 200,
|
|
@@ -24237,7 +24313,7 @@ var init_utils10 = __esm({
|
|
|
24237
24313
|
});
|
|
24238
24314
|
|
|
24239
24315
|
// src/internal/components/SecurityMenu/UserPolicies/usePolicyForm.ts
|
|
24240
|
-
import { useEffect as
|
|
24316
|
+
import { useEffect as useEffect41, useState as useState25 } from "react";
|
|
24241
24317
|
import { create as create14 } from "zustand";
|
|
24242
24318
|
function updateDestinations(patch) {
|
|
24243
24319
|
usePolicyForm.setState((st) => ({ ...st, destinations: { ...st?.destinations, ...patch } }));
|
|
@@ -24249,7 +24325,7 @@ function useWatchFormData() {
|
|
|
24249
24325
|
const [showFormErrors, setShowFormErrors] = useState25(false);
|
|
24250
24326
|
const formData = usePolicyForm();
|
|
24251
24327
|
const formState = usePolicyFormValidation();
|
|
24252
|
-
|
|
24328
|
+
useEffect41(() => {
|
|
24253
24329
|
if (!formData) return;
|
|
24254
24330
|
setShowFormErrors(false);
|
|
24255
24331
|
const errors = {};
|
|
@@ -24276,7 +24352,7 @@ function useWatchFormData() {
|
|
|
24276
24352
|
}
|
|
24277
24353
|
usePolicyFormValidation.setState(errors, true);
|
|
24278
24354
|
}, [formData]);
|
|
24279
|
-
|
|
24355
|
+
useEffect41(() => () => usePolicyFormValidation.setState({}, true), []);
|
|
24280
24356
|
const formErrorItem = Object.entries(formState).find(([_, value]) => value?.error);
|
|
24281
24357
|
const formErrorMessage = formErrorItem ? `${formErrorItem[0].toUpperCase()}: ${formErrorItem[1]?.error}` : "";
|
|
24282
24358
|
return {
|
|
@@ -24783,9 +24859,9 @@ var init_UserPolicies2 = __esm({
|
|
|
24783
24859
|
|
|
24784
24860
|
// src/internal/components/SecurityMenu/useSecurityMenuParams.ts
|
|
24785
24861
|
import { keys as keys4 } from "lodash-es";
|
|
24786
|
-
import { useEffect as
|
|
24862
|
+
import { useEffect as useEffect42 } from "react";
|
|
24787
24863
|
function useSecurityMenuParams() {
|
|
24788
|
-
|
|
24864
|
+
useEffect42(() => {
|
|
24789
24865
|
const { pageParams, setPageParams } = useLayoutDataStore.getState();
|
|
24790
24866
|
if (!pageParams || !keys4(pageParams).length) return;
|
|
24791
24867
|
const { submenu } = pageParams;
|
|
@@ -24819,7 +24895,7 @@ var init_useSecurityMenuParams = __esm({
|
|
|
24819
24895
|
|
|
24820
24896
|
// src/internal/components/SecurityMenu/SecurityMenu.tsx
|
|
24821
24897
|
import { ArrowLeft as ArrowLeft20, LayoutGridIcon, ShieldCogIcon } from "lucide-react";
|
|
24822
|
-
import { useEffect as
|
|
24898
|
+
import { useEffect as useEffect43 } from "react";
|
|
24823
24899
|
import { Fragment as Fragment38, jsx as jsx108, jsxs as jsxs99 } from "react/jsx-runtime";
|
|
24824
24900
|
function SecurityMenuContent() {
|
|
24825
24901
|
const { t } = useT();
|
|
@@ -24828,7 +24904,7 @@ function SecurityMenuContent() {
|
|
|
24828
24904
|
const { appToUntrust, showConnectedApps, showAssetsPolicies } = useSecurityStore();
|
|
24829
24905
|
const policyForm = usePolicyForm();
|
|
24830
24906
|
useOnboardingTourAvailable(!showConnectedApps && !showAssetsPolicies);
|
|
24831
|
-
|
|
24907
|
+
useEffect43(() => {
|
|
24832
24908
|
let securityTitle = "";
|
|
24833
24909
|
switch (true) {
|
|
24834
24910
|
case showConnectedApps:
|
|
@@ -24849,7 +24925,7 @@ function SecurityMenuContent() {
|
|
|
24849
24925
|
return () => {
|
|
24850
24926
|
};
|
|
24851
24927
|
}, [t, showConnectedApps, showAssetsPolicies, policyForm]);
|
|
24852
|
-
|
|
24928
|
+
useEffect43(
|
|
24853
24929
|
() => () => {
|
|
24854
24930
|
usePolicyForm.setState(null, true);
|
|
24855
24931
|
useSecurityStore.setState(
|
|
@@ -25145,12 +25221,12 @@ var init_SenderSelector = __esm({
|
|
|
25145
25221
|
});
|
|
25146
25222
|
|
|
25147
25223
|
// src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts
|
|
25148
|
-
import { useEffect as
|
|
25224
|
+
import { useEffect as useEffect44, useRef as useRef19 } from "react";
|
|
25149
25225
|
function useAvailableSenders() {
|
|
25150
25226
|
const address = useSession((st) => st.address);
|
|
25151
25227
|
const { profiles } = useLinkedProfiles();
|
|
25152
25228
|
const lastCalcedSenders = useRef19([]);
|
|
25153
|
-
|
|
25229
|
+
useEffect44(() => {
|
|
25154
25230
|
const sendersAccumulator = [
|
|
25155
25231
|
{
|
|
25156
25232
|
type: "embarkai-wallet",
|
|
@@ -25853,7 +25929,7 @@ var init_useBridge = __esm({
|
|
|
25853
25929
|
|
|
25854
25930
|
// src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts
|
|
25855
25931
|
import { useQuery as useQuery25 } from "@tanstack/react-query";
|
|
25856
|
-
import { useEffect as
|
|
25932
|
+
import { useEffect as useEffect45 } from "react";
|
|
25857
25933
|
function useHyperlaneRoutes() {
|
|
25858
25934
|
const address = useSession((st) => st.address);
|
|
25859
25935
|
const page = useLayoutDataStore((st) => st.page);
|
|
@@ -25869,7 +25945,7 @@ function useHyperlaneRoutes() {
|
|
|
25869
25945
|
queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
|
|
25870
25946
|
queryFn: async () => await getHyperlaneWarpRoutes()
|
|
25871
25947
|
});
|
|
25872
|
-
|
|
25948
|
+
useEffect45(() => {
|
|
25873
25949
|
if (!errorWarpRoutes) return;
|
|
25874
25950
|
useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
|
|
25875
25951
|
const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
|
|
@@ -25878,7 +25954,7 @@ function useHyperlaneRoutes() {
|
|
|
25878
25954
|
setOriginChain(null);
|
|
25879
25955
|
setDestinationChain(null);
|
|
25880
25956
|
}, [errorWarpRoutes]);
|
|
25881
|
-
|
|
25957
|
+
useEffect45(() => {
|
|
25882
25958
|
if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
|
|
25883
25959
|
let targetHyperRouteToSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
|
|
25884
25960
|
if (!targetHyperRouteToSelect) {
|
|
@@ -25917,13 +25993,13 @@ var init_useHyperlaneRoutes = __esm({
|
|
|
25917
25993
|
});
|
|
25918
25994
|
|
|
25919
25995
|
// src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts
|
|
25920
|
-
import { useEffect as
|
|
25996
|
+
import { useEffect as useEffect46 } from "react";
|
|
25921
25997
|
function useMenuTitle(warpRoutes) {
|
|
25922
25998
|
const { t } = useT();
|
|
25923
25999
|
const bridgeStep = useBridgeStore((st) => st.bridgeStep);
|
|
25924
26000
|
const hyperRoute = useBridgeStore((st) => st.hyperRoute);
|
|
25925
26001
|
const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
|
|
25926
|
-
|
|
26002
|
+
useEffect46(() => {
|
|
25927
26003
|
const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
|
|
25928
26004
|
switch (true) {
|
|
25929
26005
|
case bridgeStep === "sender-selector":
|
|
@@ -26117,7 +26193,7 @@ var init_ResolveChainIcon = __esm({
|
|
|
26117
26193
|
// src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
|
|
26118
26194
|
import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
|
|
26119
26195
|
import { useQuery as useQuery26, useQueryClient as useQueryClient26 } from "@tanstack/react-query";
|
|
26120
|
-
import { useCallback as useCallback30, useEffect as
|
|
26196
|
+
import { useCallback as useCallback30, useEffect as useEffect47 } from "react";
|
|
26121
26197
|
import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi3, formatUnits as formatUnits9, http as http3 } from "viem";
|
|
26122
26198
|
import { useSwitchChain as useSwitchChain3 } from "wagmi";
|
|
26123
26199
|
function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
|
|
@@ -26223,7 +26299,7 @@ function useBridgeBalance(isLoadingWarpRoutes, hyperlaneWarpRoutes) {
|
|
|
26223
26299
|
},
|
|
26224
26300
|
[refreshBalances, qc]
|
|
26225
26301
|
);
|
|
26226
|
-
|
|
26302
|
+
useEffect47(() => {
|
|
26227
26303
|
if (!!isLoadingWarpRoutes || !bridgeSender || !originChain) return;
|
|
26228
26304
|
switch (bridgeSender) {
|
|
26229
26305
|
case "embarkai-wallet":
|
|
@@ -27186,7 +27262,7 @@ var init_steps = __esm({
|
|
|
27186
27262
|
});
|
|
27187
27263
|
|
|
27188
27264
|
// src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx
|
|
27189
|
-
import { useEffect as
|
|
27265
|
+
import { useEffect as useEffect48 } from "react";
|
|
27190
27266
|
import { jsx as jsx117, jsxs as jsxs106 } from "react/jsx-runtime";
|
|
27191
27267
|
function HyperlaneBridge() {
|
|
27192
27268
|
const bridgeStep = useBridgeStore((st) => st.bridgeStep);
|
|
@@ -27194,7 +27270,7 @@ function HyperlaneBridge() {
|
|
|
27194
27270
|
const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
|
|
27195
27271
|
const { directWalletProfiles } = useAvailableSenders();
|
|
27196
27272
|
useMenuTitle(hyperlaneWarpRoutes);
|
|
27197
|
-
|
|
27273
|
+
useEffect48(() => {
|
|
27198
27274
|
return () => {
|
|
27199
27275
|
useBridgeStore.getState().resetSelections();
|
|
27200
27276
|
};
|
|
@@ -27349,7 +27425,7 @@ var init_useErc3643Compliance = __esm({
|
|
|
27349
27425
|
|
|
27350
27426
|
// src/hooks/useNicknameResolve.ts
|
|
27351
27427
|
import { useQuery as useQuery27 } from "@tanstack/react-query";
|
|
27352
|
-
import { useEffect as
|
|
27428
|
+
import { useEffect as useEffect49, useMemo as useMemo18, useState as useState29 } from "react";
|
|
27353
27429
|
function looksLikeNickname(input) {
|
|
27354
27430
|
if (!input) return false;
|
|
27355
27431
|
if (input.startsWith("0x")) return false;
|
|
@@ -27363,7 +27439,7 @@ function useNicknameResolve(input, options) {
|
|
|
27363
27439
|
const [isDebouncing, setIsDebouncing] = useState29(false);
|
|
27364
27440
|
const normalized = normalizeNickname(input);
|
|
27365
27441
|
const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
|
|
27366
|
-
|
|
27442
|
+
useEffect49(() => {
|
|
27367
27443
|
if (!isNicknameInput || !enabled) {
|
|
27368
27444
|
setDebouncedInput("");
|
|
27369
27445
|
setIsDebouncing(false);
|
|
@@ -27831,7 +27907,7 @@ var init_AssetList = __esm({
|
|
|
27831
27907
|
|
|
27832
27908
|
// src/internal/components/SendMenu/send/components/NicknameData.tsx
|
|
27833
27909
|
import { AtSign, CheckCircle2 as CheckCircle25, ShieldAlert, ShieldCheck as ShieldCheck2 } from "lucide-react";
|
|
27834
|
-
import { useEffect as
|
|
27910
|
+
import { useEffect as useEffect50 } from "react";
|
|
27835
27911
|
import { jsx as jsx122, jsxs as jsxs110 } from "react/jsx-runtime";
|
|
27836
27912
|
function NicknameData(props) {
|
|
27837
27913
|
const { resolvedNicknameData, isNicknameInput } = props;
|
|
@@ -27844,7 +27920,7 @@ function NicknameData(props) {
|
|
|
27844
27920
|
isWalletNotSetup,
|
|
27845
27921
|
isFrozen
|
|
27846
27922
|
} = resolvedNicknameData;
|
|
27847
|
-
|
|
27923
|
+
useEffect50(() => {
|
|
27848
27924
|
if (isResolving) return;
|
|
27849
27925
|
let errMessage = null;
|
|
27850
27926
|
switch (true) {
|
|
@@ -28413,7 +28489,7 @@ var init_sendSteps = __esm({
|
|
|
28413
28489
|
|
|
28414
28490
|
// src/internal/components/SendMenu/send/SendMenu.tsx
|
|
28415
28491
|
import { CheckCircle2 as CheckCircle27, Loader as Loader28 } from "lucide-react";
|
|
28416
|
-
import { useEffect as
|
|
28492
|
+
import { useEffect as useEffect51, useMemo as useMemo19 } from "react";
|
|
28417
28493
|
import { parseUnits as parseUnits2 } from "viem";
|
|
28418
28494
|
import { Fragment as Fragment44, jsx as jsx125, jsxs as jsxs113 } from "react/jsx-runtime";
|
|
28419
28495
|
function SendMenu() {
|
|
@@ -28434,16 +28510,16 @@ function SendMenu() {
|
|
|
28434
28510
|
userOpHash,
|
|
28435
28511
|
reset
|
|
28436
28512
|
} = useSendTransaction();
|
|
28437
|
-
|
|
28513
|
+
useEffect51(() => {
|
|
28438
28514
|
useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
|
|
28439
28515
|
}, [isAssetsLoading, isTransactionPending]);
|
|
28440
|
-
|
|
28516
|
+
useEffect51(() => {
|
|
28441
28517
|
useFlowSelectorStore.getState().setError(sendTransactionError || null);
|
|
28442
28518
|
}, [sendTransactionError]);
|
|
28443
28519
|
const { txStep, recipient, amount, selectedAsset, setSelectedAsset } = useSendStore();
|
|
28444
28520
|
const isNft = isNftAsset3(selectedAsset);
|
|
28445
28521
|
const isSecurity = isSecurityToken2(selectedAsset);
|
|
28446
|
-
|
|
28522
|
+
useEffect51(() => {
|
|
28447
28523
|
const shouldDefaultAsset = assets.length > 0 && !selectedAsset;
|
|
28448
28524
|
if (!shouldDefaultAsset) return;
|
|
28449
28525
|
const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
|
|
@@ -28453,7 +28529,7 @@ function SendMenu() {
|
|
|
28453
28529
|
if (isBalance(erc20)) return setSelectedAsset(erc20);
|
|
28454
28530
|
setSelectedAsset(assets[0]);
|
|
28455
28531
|
}, [assets, selectedAsset]);
|
|
28456
|
-
|
|
28532
|
+
useEffect51(
|
|
28457
28533
|
() => () => {
|
|
28458
28534
|
useSendStore.getState().reset();
|
|
28459
28535
|
reset();
|
|
@@ -28478,7 +28554,7 @@ function SendMenu() {
|
|
|
28478
28554
|
enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
|
|
28479
28555
|
chainId: activeChainId
|
|
28480
28556
|
});
|
|
28481
|
-
|
|
28557
|
+
useEffect51(() => {
|
|
28482
28558
|
const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
|
|
28483
28559
|
switch (true) {
|
|
28484
28560
|
case txStep === "select-asset":
|
|
@@ -28577,10 +28653,10 @@ var init_send = __esm({
|
|
|
28577
28653
|
|
|
28578
28654
|
// src/internal/components/SendMenu/useSendMenuParams.ts
|
|
28579
28655
|
import { keys as keys5 } from "lodash-es";
|
|
28580
|
-
import { useEffect as
|
|
28656
|
+
import { useEffect as useEffect52 } from "react";
|
|
28581
28657
|
function useSendMenuParams() {
|
|
28582
28658
|
const { config } = useProviderConfig();
|
|
28583
|
-
|
|
28659
|
+
useEffect52(() => {
|
|
28584
28660
|
const { pageParams, setPageParams } = useLayoutDataStore.getState();
|
|
28585
28661
|
if (!pageParams || !keys5(pageParams).length) return;
|
|
28586
28662
|
const { sendFlow, send, bridge } = pageParams || {};
|
|
@@ -28645,7 +28721,7 @@ var init_useSendMenuParams = __esm({
|
|
|
28645
28721
|
|
|
28646
28722
|
// src/internal/components/SendMenu/SendFlowSelector.tsx
|
|
28647
28723
|
import { ArrowLeft as ArrowLeft21, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon3 } from "lucide-react";
|
|
28648
|
-
import { useEffect as
|
|
28724
|
+
import { useEffect as useEffect53, useMemo as useMemo20 } from "react";
|
|
28649
28725
|
import { jsx as jsx126, jsxs as jsxs114 } from "react/jsx-runtime";
|
|
28650
28726
|
function SelectorFlowButtons() {
|
|
28651
28727
|
const { t } = useT();
|
|
@@ -28706,13 +28782,13 @@ function SendFlowSelector() {
|
|
|
28706
28782
|
const sendStep = useSendStore((st) => st.txStep);
|
|
28707
28783
|
const bridgeStep = useBridgeStore((st) => st.bridgeStep);
|
|
28708
28784
|
useOnboardingTourAvailable(sendStep === "input" && bridgeStep === "select");
|
|
28709
|
-
|
|
28785
|
+
useEffect53(
|
|
28710
28786
|
() => () => {
|
|
28711
28787
|
useFlowSelectorStore.getState().setError(null);
|
|
28712
28788
|
},
|
|
28713
28789
|
[]
|
|
28714
28790
|
);
|
|
28715
|
-
|
|
28791
|
+
useEffect53(() => {
|
|
28716
28792
|
if (!!config?.current?.features?.showAssetBridge) return;
|
|
28717
28793
|
if (selectorFlow === "bridge") useFlowSelectorStore.getState().setFlow("send");
|
|
28718
28794
|
}, [selectorFlow]);
|
|
@@ -29758,13 +29834,14 @@ var init_TransactionsMenu2 = __esm({
|
|
|
29758
29834
|
});
|
|
29759
29835
|
|
|
29760
29836
|
// src/internal/components/SettingsMenu/constants.ts
|
|
29761
|
-
import { ArrowLeftRight, AtSign as AtSign4, DatabaseBackup as DatabaseBackup2, Link2, LockKeyhole, UsersRound } from "lucide-react";
|
|
29837
|
+
import { ActivityIcon, ArrowLeftRight, AtSign as AtSign4, DatabaseBackup as DatabaseBackup2, Link2, LockKeyhole, UsersRound } from "lucide-react";
|
|
29762
29838
|
var NAV_BUTTONS;
|
|
29763
29839
|
var init_constants9 = __esm({
|
|
29764
29840
|
"src/internal/components/SettingsMenu/constants.ts"() {
|
|
29765
29841
|
init_icons();
|
|
29766
29842
|
NAV_BUTTONS = [
|
|
29767
29843
|
{ id: "transactions" /* TRANSACTIONS */, name: "passport:transactionsMenu.title", Icon: ArrowLeftRight },
|
|
29844
|
+
{ id: "user-activity" /* USER_ACTIVITY */, name: "passport:userActivityMenu.title", Icon: ActivityIcon },
|
|
29768
29845
|
{ id: "kyc" /* KYC */, name: "passport:kycMenu.title", Icon: kyc_default },
|
|
29769
29846
|
{ id: "nickname-settings" /* NICKNAME_SETTINGS */, name: "passport:nicknameMenu.title", Icon: AtSign4 },
|
|
29770
29847
|
{ id: "manage-wallet" /* MANAGE_WALLET */, name: "passport:profilesMenu.title", Icon: UsersRound },
|
|
@@ -29882,6 +29959,68 @@ var init_SettingsMenu2 = __esm({
|
|
|
29882
29959
|
}
|
|
29883
29960
|
});
|
|
29884
29961
|
|
|
29962
|
+
// src/internal/components/UserActivityMenu/UserActivityMenu.tsx
|
|
29963
|
+
import { ArrowLeft as ArrowLeft24 } from "lucide-react";
|
|
29964
|
+
import { jsx as jsx130, jsxs as jsxs118 } from "react/jsx-runtime";
|
|
29965
|
+
function UserActivityMenu() {
|
|
29966
|
+
const { t } = useT();
|
|
29967
|
+
useOnboardingTourAvailable(true);
|
|
29968
|
+
const activities = [];
|
|
29969
|
+
return /* @__PURE__ */ jsxs118(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
29970
|
+
/* @__PURE__ */ jsxs118("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
29971
|
+
/* @__PURE__ */ jsx130(
|
|
29972
|
+
Button,
|
|
29973
|
+
{
|
|
29974
|
+
variant: "ghost",
|
|
29975
|
+
size: "icon",
|
|
29976
|
+
title: "Back",
|
|
29977
|
+
onClick: () => useLayoutDataStore.getState().setPage("settings" /* SETTINGS */),
|
|
29978
|
+
children: /* @__PURE__ */ jsx130(ArrowLeft24, { className: "h-4 w-4" })
|
|
29979
|
+
}
|
|
29980
|
+
),
|
|
29981
|
+
/* @__PURE__ */ jsx130("span", { className: "text-xl font-semibold", children: t("passport:userActivityMenu.title") })
|
|
29982
|
+
] }),
|
|
29983
|
+
/* @__PURE__ */ jsx130("span", { className: "text-xs text-[var(--ui-kit-fg-muted)]", children: t("passport:userActivityMenu.description") }),
|
|
29984
|
+
activities.length === 0 ? (
|
|
29985
|
+
// <Highlight>{t('passport:userActivityMenu.noActivities')}</Highlight>
|
|
29986
|
+
/* @__PURE__ */ jsx130(Highlight, { className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:common.comingSoon") })
|
|
29987
|
+
) : /* @__PURE__ */ jsx130("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]" })
|
|
29988
|
+
] });
|
|
29989
|
+
}
|
|
29990
|
+
var init_UserActivityMenu = __esm({
|
|
29991
|
+
"src/internal/components/UserActivityMenu/UserActivityMenu.tsx"() {
|
|
29992
|
+
init_i18n();
|
|
29993
|
+
init_useLayoutDataStore();
|
|
29994
|
+
init_Expandable2();
|
|
29995
|
+
init_Onboarding();
|
|
29996
|
+
init_button();
|
|
29997
|
+
init_highlight();
|
|
29998
|
+
}
|
|
29999
|
+
});
|
|
30000
|
+
|
|
30001
|
+
// src/internal/components/UserActivityMenu/onboarding.setup.ts
|
|
30002
|
+
var USER_ACTIVITY_MENU_TOUR;
|
|
30003
|
+
var init_onboarding_setup12 = __esm({
|
|
30004
|
+
"src/internal/components/UserActivityMenu/onboarding.setup.ts"() {
|
|
30005
|
+
init_constants();
|
|
30006
|
+
USER_ACTIVITY_MENU_TOUR = [
|
|
30007
|
+
{
|
|
30008
|
+
elId: `${EMBARKAI_DIALOG_ONBOARDING_ID}-${"user-activity" /* USER_ACTIVITY */}`,
|
|
30009
|
+
title: "passport:userActivityMenu.onboarding.title",
|
|
30010
|
+
description: "passport:userActivityMenu.onboarding.description"
|
|
30011
|
+
}
|
|
30012
|
+
];
|
|
30013
|
+
}
|
|
30014
|
+
});
|
|
30015
|
+
|
|
30016
|
+
// src/internal/components/UserActivityMenu/index.ts
|
|
30017
|
+
var init_UserActivityMenu2 = __esm({
|
|
30018
|
+
"src/internal/components/UserActivityMenu/index.ts"() {
|
|
30019
|
+
init_UserActivityMenu();
|
|
30020
|
+
init_onboarding_setup12();
|
|
30021
|
+
}
|
|
30022
|
+
});
|
|
30023
|
+
|
|
29885
30024
|
// src/internal/components/PageMap.tsx
|
|
29886
30025
|
var PAGE_MAP;
|
|
29887
30026
|
var init_PageMap = __esm({
|
|
@@ -29907,6 +30046,7 @@ var init_PageMap = __esm({
|
|
|
29907
30046
|
init_SendMenu2();
|
|
29908
30047
|
init_SettingsMenu2();
|
|
29909
30048
|
init_TransactionsMenu2();
|
|
30049
|
+
init_UserActivityMenu2();
|
|
29910
30050
|
PAGE_MAP = {
|
|
29911
30051
|
["auth" /* AUTH */]: {
|
|
29912
30052
|
key: "auth" /* AUTH */,
|
|
@@ -29914,6 +30054,12 @@ var init_PageMap = __esm({
|
|
|
29914
30054
|
description: "Authenticate to access your wallet",
|
|
29915
30055
|
component: AuthMenu
|
|
29916
30056
|
},
|
|
30057
|
+
["user-activity" /* USER_ACTIVITY */]: {
|
|
30058
|
+
key: "user-activity" /* USER_ACTIVITY */,
|
|
30059
|
+
title: "User Activity",
|
|
30060
|
+
description: "View your recent activity",
|
|
30061
|
+
component: UserActivityMenu
|
|
30062
|
+
},
|
|
29917
30063
|
["languages" /* LANGUAGES */]: {
|
|
29918
30064
|
key: "languages" /* LANGUAGES */,
|
|
29919
30065
|
title: "Languages",
|
|
@@ -30057,8 +30203,8 @@ var init_PageMap = __esm({
|
|
|
30057
30203
|
});
|
|
30058
30204
|
|
|
30059
30205
|
// src/internal/hooks/usePageMapper.tsx
|
|
30060
|
-
import { useCallback as useCallback33, useEffect as
|
|
30061
|
-
import { jsx as
|
|
30206
|
+
import { useCallback as useCallback33, useEffect as useEffect54 } from "react";
|
|
30207
|
+
import { jsx as jsx131 } from "react/jsx-runtime";
|
|
30062
30208
|
function usePageMapper() {
|
|
30063
30209
|
const page = useLayoutDataStore((st) => st.page);
|
|
30064
30210
|
const closeDialog = useCallback33(() => {
|
|
@@ -30075,12 +30221,12 @@ function usePageMapper() {
|
|
|
30075
30221
|
}, []);
|
|
30076
30222
|
const openDialog = useCallback33((pageItem) => {
|
|
30077
30223
|
useLayoutStore.setState({
|
|
30078
|
-
dialogContent: /* @__PURE__ */
|
|
30224
|
+
dialogContent: /* @__PURE__ */ jsx131(pageItem.component, {}),
|
|
30079
30225
|
isDialogOpen: true
|
|
30080
30226
|
// isDialogAnimating: true
|
|
30081
30227
|
});
|
|
30082
30228
|
}, []);
|
|
30083
|
-
|
|
30229
|
+
useEffect54(() => {
|
|
30084
30230
|
if (page === null) return closeDialog();
|
|
30085
30231
|
const pageItem = PAGE_MAP[page];
|
|
30086
30232
|
if (!pageItem) {
|
|
@@ -30103,20 +30249,20 @@ var init_usePageMapper = __esm({
|
|
|
30103
30249
|
});
|
|
30104
30250
|
|
|
30105
30251
|
// src/internal/hooks/useSettingsNotifications.ts
|
|
30106
|
-
import { useEffect as
|
|
30252
|
+
import { useEffect as useEffect55 } from "react";
|
|
30107
30253
|
function useSettingsNotifications() {
|
|
30108
30254
|
const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
|
|
30109
30255
|
const providers = jwtTokenManager2.getProviders();
|
|
30110
30256
|
const hasEmail = providers.includes("email");
|
|
30111
30257
|
const { data: userProfile = null } = useUserProfile();
|
|
30112
|
-
|
|
30258
|
+
useEffect55(() => {
|
|
30113
30259
|
const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
|
|
30114
30260
|
setSettingsNotifications({
|
|
30115
30261
|
...COMPLETE_KYC_PROGRESS,
|
|
30116
30262
|
status: isKYCVerified ? "resolved" : "active"
|
|
30117
30263
|
});
|
|
30118
30264
|
}, [userProfile, setSettingsNotifications]);
|
|
30119
|
-
|
|
30265
|
+
useEffect55(() => {
|
|
30120
30266
|
setSettingsNotifications({
|
|
30121
30267
|
...EMAIL_NOT_CONNECTED_NOTIFICATION,
|
|
30122
30268
|
status: hasEmail ? "resolved" : "active"
|
|
@@ -30148,7 +30294,7 @@ var init_package = __esm({
|
|
|
30148
30294
|
"package.json"() {
|
|
30149
30295
|
package_default = {
|
|
30150
30296
|
name: "@embarkai/ui-kit",
|
|
30151
|
-
version: "0.4.
|
|
30297
|
+
version: "0.4.121",
|
|
30152
30298
|
description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
|
|
30153
30299
|
type: "module",
|
|
30154
30300
|
main: "./dist/index.cjs",
|
|
@@ -30254,7 +30400,7 @@ var init_package = __esm({
|
|
|
30254
30400
|
// src/internal/components/Footer/Footer.tsx
|
|
30255
30401
|
import { useMutation as useMutation22, useQueryClient as useQueryClient29 } from "@tanstack/react-query";
|
|
30256
30402
|
import { Loader as Loader30, LogOut } from "lucide-react";
|
|
30257
|
-
import { jsx as
|
|
30403
|
+
import { jsx as jsx132, jsxs as jsxs119 } from "react/jsx-runtime";
|
|
30258
30404
|
function Footer() {
|
|
30259
30405
|
const qc = useQueryClient29();
|
|
30260
30406
|
const { callbacksRef, config } = useProviderConfig();
|
|
@@ -30309,15 +30455,15 @@ function Footer() {
|
|
|
30309
30455
|
useLayoutStore.getState().setIsDialogForced(false);
|
|
30310
30456
|
}
|
|
30311
30457
|
});
|
|
30312
|
-
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */
|
|
30313
|
-
return /* @__PURE__ */
|
|
30458
|
+
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || (() => /* @__PURE__ */ jsx132("div", { className: "flex-none w-4 h-4 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx132("span", { className: "text-[var(--ui-kit-fg-inverted)] text-xs font-bold", children: chainConfig.name.charAt(0) }) }));
|
|
30459
|
+
return /* @__PURE__ */ jsxs119(
|
|
30314
30460
|
"div",
|
|
30315
30461
|
{
|
|
30316
30462
|
style: { borderTop: "1px solid var(--ui-kit-bd)" },
|
|
30317
30463
|
className: "relative w-full flex flex-col items-center p-[var(--ui-kit-pd)] pb-5",
|
|
30318
30464
|
children: [
|
|
30319
|
-
/* @__PURE__ */
|
|
30320
|
-
/* @__PURE__ */
|
|
30465
|
+
/* @__PURE__ */ jsxs119("div", { className: cn2("w-full flex justify-between", !!address ? "justify-between" : "justify-center"), children: [
|
|
30466
|
+
/* @__PURE__ */ jsxs119(
|
|
30321
30467
|
Button,
|
|
30322
30468
|
{
|
|
30323
30469
|
ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_CHAIN_BUTTON, inst),
|
|
@@ -30333,12 +30479,12 @@ function Footer() {
|
|
|
30333
30479
|
useLayoutDataStore.getState().setPage("chain" /* CHAIN */);
|
|
30334
30480
|
},
|
|
30335
30481
|
children: [
|
|
30336
|
-
/* @__PURE__ */
|
|
30337
|
-
/* @__PURE__ */
|
|
30482
|
+
/* @__PURE__ */ jsx132(ChainIcon, { className: "flex-none w-6 h-6" }),
|
|
30483
|
+
/* @__PURE__ */ jsx132("span", { className: "text-xs font-bold", children: chainConfig.name || "EmbarkAI Wallet" })
|
|
30338
30484
|
]
|
|
30339
30485
|
}
|
|
30340
30486
|
),
|
|
30341
|
-
!!address ? /* @__PURE__ */
|
|
30487
|
+
!!address ? /* @__PURE__ */ jsxs119(
|
|
30342
30488
|
Button,
|
|
30343
30489
|
{
|
|
30344
30490
|
ref: (inst) => onboarder.registerElement(FOOTER_ONBOARDING_LOGOUT_BUTTON, inst),
|
|
@@ -30348,13 +30494,13 @@ function Footer() {
|
|
|
30348
30494
|
onClick: () => disconnect(address),
|
|
30349
30495
|
disabled: isDisconnecting || isDialogForced,
|
|
30350
30496
|
children: [
|
|
30351
|
-
/* @__PURE__ */
|
|
30352
|
-
isDisconnecting ? /* @__PURE__ */
|
|
30497
|
+
/* @__PURE__ */ jsx132("span", { children: t("passport:auth.logout") }),
|
|
30498
|
+
isDisconnecting ? /* @__PURE__ */ jsx132(Loader30, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx132(LogOut, { className: "w-4 h-4" })
|
|
30353
30499
|
]
|
|
30354
30500
|
}
|
|
30355
30501
|
) : null
|
|
30356
30502
|
] }),
|
|
30357
|
-
/* @__PURE__ */
|
|
30503
|
+
/* @__PURE__ */ jsx132(
|
|
30358
30504
|
"span",
|
|
30359
30505
|
{
|
|
30360
30506
|
className: cn2(
|
|
@@ -30428,6 +30574,7 @@ var init_onborading_setup = __esm({
|
|
|
30428
30574
|
init_SendMenu2();
|
|
30429
30575
|
init_SettingsMenu2();
|
|
30430
30576
|
init_TransactionsMenu2();
|
|
30577
|
+
init_UserActivityMenu2();
|
|
30431
30578
|
EMBARKAI_HEADER_ONBOARDING_ID = "embark-header-user-section";
|
|
30432
30579
|
EMBARKAI_HEADER_TOUR_BUTTON_ID = "embark-header-tour-button-section";
|
|
30433
30580
|
ONBOARDING_TOURS = {
|
|
@@ -30445,6 +30592,7 @@ var init_onborading_setup = __esm({
|
|
|
30445
30592
|
...MAIN_MENU_TOUR,
|
|
30446
30593
|
...FOOTER_TOUR
|
|
30447
30594
|
],
|
|
30595
|
+
["user-activity" /* USER_ACTIVITY */]: () => USER_ACTIVITY_MENU_TOUR,
|
|
30448
30596
|
["settings" /* SETTINGS */]: () => SETTINGS_MENU_TOUR,
|
|
30449
30597
|
["buy" /* BUY */]: () => BUY_MENU_BINANCE_TOUR,
|
|
30450
30598
|
["send" /* SEND */]: () => {
|
|
@@ -30474,7 +30622,7 @@ var init_onborading_setup = __esm({
|
|
|
30474
30622
|
// src/internal/components/Header/Header.tsx
|
|
30475
30623
|
import { CircleQuestionMarkIcon, Copy as Copy4, Loader as Loader31 } from "lucide-react";
|
|
30476
30624
|
import { useCallback as useCallback34, useRef as useRef21, useState as useState33 } from "react";
|
|
30477
|
-
import { Fragment as Fragment46, jsx as
|
|
30625
|
+
import { Fragment as Fragment46, jsx as jsx133, jsxs as jsxs120 } from "react/jsx-runtime";
|
|
30478
30626
|
function formatAddress3(addr) {
|
|
30479
30627
|
if (!addr) return "";
|
|
30480
30628
|
return `${addr.slice(0, 10)}...${addr.slice(-4)}`;
|
|
@@ -30512,35 +30660,35 @@ function Header() {
|
|
|
30512
30660
|
const avatar = profile?.avatar || jwtTokenManager2.getAvatar();
|
|
30513
30661
|
const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
|
|
30514
30662
|
const ChainIcon = NETWORK_OPTIONS.find((net) => net.chainId === chainConfig.id)?.Icon || null;
|
|
30515
|
-
return /* @__PURE__ */
|
|
30663
|
+
return /* @__PURE__ */ jsxs120(
|
|
30516
30664
|
"div",
|
|
30517
30665
|
{
|
|
30518
30666
|
ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_ONBOARDING_ID, inst),
|
|
30519
30667
|
style: { borderBottom: "1px solid var(--ui-kit-bd)" },
|
|
30520
30668
|
className: "w-full flex flex-col gap-[var(--ui-kit-gap)] p-[var(--ui-kit-pd)] pt-5",
|
|
30521
30669
|
children: [
|
|
30522
|
-
/* @__PURE__ */
|
|
30523
|
-
/* @__PURE__ */
|
|
30670
|
+
/* @__PURE__ */ jsxs120("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
30671
|
+
/* @__PURE__ */ jsxs120(
|
|
30524
30672
|
"div",
|
|
30525
30673
|
{
|
|
30526
30674
|
className: "relative flex-none w-12 h-12 flex items-center justify-center cursor-pointer select-none",
|
|
30527
30675
|
onClick: handleAvatarClick,
|
|
30528
30676
|
children: [
|
|
30529
|
-
proMode && /* @__PURE__ */
|
|
30530
|
-
avatar ? /* @__PURE__ */
|
|
30677
|
+
proMode && /* @__PURE__ */ jsx133("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" }),
|
|
30678
|
+
avatar ? /* @__PURE__ */ jsx133("img", { src: avatar, alt: displayName, className: "w-full h-full object-cover rounded-full" }) : /* @__PURE__ */ jsx133(lumia_default2, { className: "w-12 h-12" })
|
|
30531
30679
|
]
|
|
30532
30680
|
}
|
|
30533
30681
|
),
|
|
30534
|
-
/* @__PURE__ */
|
|
30682
|
+
/* @__PURE__ */ jsxs120(
|
|
30535
30683
|
"div",
|
|
30536
30684
|
{
|
|
30537
30685
|
style: { width: "calc(100% - 48px - var(--ui-kit-gap))" },
|
|
30538
30686
|
className: "flex-1 flex flex-col justify-center gap-1",
|
|
30539
30687
|
children: [
|
|
30540
|
-
isProfileLoading && /* @__PURE__ */
|
|
30541
|
-
!!address && !isProfileLoading && !!profile && /* @__PURE__ */
|
|
30542
|
-
/* @__PURE__ */
|
|
30543
|
-
/* @__PURE__ */
|
|
30688
|
+
isProfileLoading && /* @__PURE__ */ jsx133(Loader31, { className: "w-4 h-4 animate-spin" }),
|
|
30689
|
+
!!address && !isProfileLoading && !!profile && /* @__PURE__ */ jsxs120(Fragment46, { children: [
|
|
30690
|
+
/* @__PURE__ */ jsxs120("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
30691
|
+
/* @__PURE__ */ jsx133(
|
|
30544
30692
|
"span",
|
|
30545
30693
|
{
|
|
30546
30694
|
className: cn2(
|
|
@@ -30550,21 +30698,21 @@ function Header() {
|
|
|
30550
30698
|
children: displayName || config.current?.ui?.title || "EmbarkAI"
|
|
30551
30699
|
}
|
|
30552
30700
|
),
|
|
30553
|
-
/* @__PURE__ */
|
|
30701
|
+
/* @__PURE__ */ jsx133(KYCStatus, {})
|
|
30554
30702
|
] }),
|
|
30555
|
-
/* @__PURE__ */
|
|
30703
|
+
/* @__PURE__ */ jsx133(BalanceView, {})
|
|
30556
30704
|
] })
|
|
30557
30705
|
]
|
|
30558
30706
|
}
|
|
30559
30707
|
)
|
|
30560
30708
|
] }),
|
|
30561
|
-
!!address && /* @__PURE__ */
|
|
30562
|
-
/* @__PURE__ */
|
|
30563
|
-
!!ChainIcon ? /* @__PURE__ */
|
|
30564
|
-
/* @__PURE__ */
|
|
30709
|
+
!!address && /* @__PURE__ */ jsxs120("div", { className: "w-full flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
|
|
30710
|
+
/* @__PURE__ */ jsxs120("div", { className: "flex items-center w-fit text-[10px] px-2 leading-6 text-[var(--ui-kit-fg)] gap-2", children: [
|
|
30711
|
+
!!ChainIcon ? /* @__PURE__ */ jsx133(ChainIcon, { className: "flex-none w-6 h-6" }) : /* @__PURE__ */ jsx133("div", { className: "flex-none w-6 h-6 rounded-full flex items-center justify-center bg-[var(--ui-kit-primary)]", children: /* @__PURE__ */ jsx133("span", { className: "text-[var(--ui-kit-fg-inverted)] text-sm font-bold", children: chainConfig.name.charAt(0) }) }),
|
|
30712
|
+
/* @__PURE__ */ jsx133("span", { className: cn2("transition-colors", copied && "text-[var(--ui-kit-bg-success)]"), children: formatAddress3(address) })
|
|
30565
30713
|
] }),
|
|
30566
|
-
/* @__PURE__ */
|
|
30567
|
-
/* @__PURE__ */
|
|
30714
|
+
/* @__PURE__ */ jsxs120("div", { className: "w-fit flex items-center", children: [
|
|
30715
|
+
/* @__PURE__ */ jsx133(
|
|
30568
30716
|
Button,
|
|
30569
30717
|
{
|
|
30570
30718
|
size: "small",
|
|
@@ -30575,10 +30723,10 @@ function Header() {
|
|
|
30575
30723
|
setCopied(true);
|
|
30576
30724
|
setTimeout(() => setCopied(false), 1500);
|
|
30577
30725
|
},
|
|
30578
|
-
children: copied ? /* @__PURE__ */
|
|
30726
|
+
children: copied ? /* @__PURE__ */ jsx133(PositiveIcon, {}) : /* @__PURE__ */ jsx133(Copy4, { className: "w-4 h-4" })
|
|
30579
30727
|
}
|
|
30580
30728
|
),
|
|
30581
|
-
!!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */
|
|
30729
|
+
!!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */ jsx133(
|
|
30582
30730
|
Button,
|
|
30583
30731
|
{
|
|
30584
30732
|
ref: (inst) => onboarder.registerElement(EMBARKAI_HEADER_TOUR_BUTTON_ID, inst),
|
|
@@ -30586,12 +30734,12 @@ function Header() {
|
|
|
30586
30734
|
variant: "ghost",
|
|
30587
30735
|
className: "text-[10px] px-2",
|
|
30588
30736
|
onClick: () => onboarder.startTour(ONBOARDING_TOURS[embarkPage]({ config: config.current })),
|
|
30589
|
-
children: /* @__PURE__ */
|
|
30737
|
+
children: /* @__PURE__ */ jsx133(CircleQuestionMarkIcon, { className: "w-4 h-4" })
|
|
30590
30738
|
}
|
|
30591
30739
|
)
|
|
30592
30740
|
] })
|
|
30593
30741
|
] }),
|
|
30594
|
-
proToast && /* @__PURE__ */
|
|
30742
|
+
proToast && /* @__PURE__ */ jsx133("div", { className: "text-xs text-center text-[var(--ui-kit-primary)] font-medium animate-pulse", children: "Pro Mode activated" })
|
|
30595
30743
|
]
|
|
30596
30744
|
}
|
|
30597
30745
|
);
|
|
@@ -30627,9 +30775,9 @@ var init_Header2 = __esm({
|
|
|
30627
30775
|
// src/internal/components/ui/dialog.tsx
|
|
30628
30776
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
30629
30777
|
import { merge as merge2 } from "lodash-es";
|
|
30630
|
-
import { ArrowLeft as
|
|
30778
|
+
import { ArrowLeft as ArrowLeft25, SlidersHorizontal, X } from "lucide-react";
|
|
30631
30779
|
import { forwardRef as forwardRef6 } from "react";
|
|
30632
|
-
import { jsx as
|
|
30780
|
+
import { jsx as jsx134, jsxs as jsxs121 } from "react/jsx-runtime";
|
|
30633
30781
|
function useDecideContentStyles() {
|
|
30634
30782
|
const isMobileView = useLayoutStore((st) => st.isMobileView);
|
|
30635
30783
|
const isClosing = useLayoutStore((st) => !!st.isDialogOpen && !!st.isDialogAnimating);
|
|
@@ -30652,7 +30800,7 @@ var init_dialog = __esm({
|
|
|
30652
30800
|
Dialog = DialogPrimitive.Root;
|
|
30653
30801
|
DialogPortal = DialogPrimitive.Portal;
|
|
30654
30802
|
DialogOverlay = forwardRef6(
|
|
30655
|
-
({ className, closing, ...props }, ref) => /* @__PURE__ */
|
|
30803
|
+
({ className, closing, ...props }, ref) => /* @__PURE__ */ jsx134(
|
|
30656
30804
|
DialogPrimitive.Overlay,
|
|
30657
30805
|
{
|
|
30658
30806
|
ref,
|
|
@@ -30684,7 +30832,7 @@ var init_dialog = __esm({
|
|
|
30684
30832
|
const { isMobileView, isClosing, style } = useDecideContentStyles();
|
|
30685
30833
|
const animationCnPrefix = isMobileView ? "animate-mobile-dialog" : "animate-dialog";
|
|
30686
30834
|
const dialogAnimationCn = isClosing ? `${animationCnPrefix}-out` : `${animationCnPrefix}-in`;
|
|
30687
|
-
return /* @__PURE__ */
|
|
30835
|
+
return /* @__PURE__ */ jsx134(DialogPortal, { children: /* @__PURE__ */ jsxs121(
|
|
30688
30836
|
"div",
|
|
30689
30837
|
{
|
|
30690
30838
|
"data-purpose": "embarkai-ui-container",
|
|
@@ -30692,16 +30840,20 @@ var init_dialog = __esm({
|
|
|
30692
30840
|
"data-current-theme-mode": colorMode,
|
|
30693
30841
|
style: { ...style, outline: "none" },
|
|
30694
30842
|
children: [
|
|
30695
|
-
/* @__PURE__ */
|
|
30696
|
-
/* @__PURE__ */
|
|
30843
|
+
/* @__PURE__ */ jsx134(DialogOverlay, { closing: isClosing }),
|
|
30844
|
+
/* @__PURE__ */ jsx134(
|
|
30697
30845
|
"div",
|
|
30698
30846
|
{
|
|
30699
30847
|
className: cn2(
|
|
30848
|
+
"embarkai-ui-scope-content",
|
|
30849
|
+
// used only as selector for targeted --ui-kit-content-maw set, no styles applied
|
|
30700
30850
|
"fixed inset-0 z-[9999] flex items-center justify-center pointer-events-none outline-none",
|
|
30701
30851
|
dialogAnimationCn,
|
|
30702
|
-
isMobileView ?
|
|
30852
|
+
isMobileView ? null : "transition-[width] duration-500",
|
|
30853
|
+
// allows to embuff embark content menu via --ui-kit-content-maw
|
|
30854
|
+
isMobileView ? "items-end w-[100dvw] h-[100dvh]" : "items-center w-[var(--ui-kit-content-maw,var(--ui-kit-maw))] mx-auto"
|
|
30703
30855
|
),
|
|
30704
|
-
children: /* @__PURE__ */
|
|
30856
|
+
children: /* @__PURE__ */ jsxs121(
|
|
30705
30857
|
DialogPrimitive.Content,
|
|
30706
30858
|
{
|
|
30707
30859
|
ref,
|
|
@@ -30711,13 +30863,14 @@ var init_dialog = __esm({
|
|
|
30711
30863
|
"pointer-events-auto",
|
|
30712
30864
|
"p-0 gap-0 text-[var(--ui-kit-fg)]",
|
|
30713
30865
|
"rounded-[var(--ui-kit-bdrs)] overflow-hidden",
|
|
30714
|
-
|
|
30866
|
+
"w-full",
|
|
30867
|
+
// isMobileView ? 'w-[100dvw]' : 'w-[var(--ui-kit-maw)]',
|
|
30715
30868
|
className
|
|
30716
30869
|
),
|
|
30717
30870
|
...props,
|
|
30718
30871
|
children: [
|
|
30719
30872
|
children,
|
|
30720
|
-
!isDialogForced && /* @__PURE__ */
|
|
30873
|
+
!isDialogForced && /* @__PURE__ */ jsxs121(
|
|
30721
30874
|
"div",
|
|
30722
30875
|
{
|
|
30723
30876
|
className: cn2(
|
|
@@ -30725,7 +30878,7 @@ var init_dialog = __esm({
|
|
|
30725
30878
|
"absolute right-[var(--ui-kit-pd)] top-[var(--ui-kit-pd)]"
|
|
30726
30879
|
),
|
|
30727
30880
|
children: [
|
|
30728
|
-
!isSessionLoading && /* @__PURE__ */
|
|
30881
|
+
!isSessionLoading && /* @__PURE__ */ jsxs121(
|
|
30729
30882
|
Button,
|
|
30730
30883
|
{
|
|
30731
30884
|
variant: "ghost",
|
|
@@ -30733,12 +30886,12 @@ var init_dialog = __esm({
|
|
|
30733
30886
|
className: "relative w-4 h-4",
|
|
30734
30887
|
onClick: () => setPage("languages" /* LANGUAGES */),
|
|
30735
30888
|
children: [
|
|
30736
|
-
/* @__PURE__ */
|
|
30737
|
-
/* @__PURE__ */
|
|
30889
|
+
/* @__PURE__ */ jsx134("span", { className: "sr-only", children: t("passport:common.language") }),
|
|
30890
|
+
/* @__PURE__ */ jsx134("span", { className: "w-4 h-4 leading-4 block text-[10px] font-bold", children: getLanguageIcon(i18n.resolvedLanguage) || i18n.resolvedLanguage?.toUpperCase() })
|
|
30738
30891
|
]
|
|
30739
30892
|
}
|
|
30740
30893
|
),
|
|
30741
|
-
isSettings && /* @__PURE__ */
|
|
30894
|
+
isSettings && /* @__PURE__ */ jsxs121(
|
|
30742
30895
|
Button,
|
|
30743
30896
|
{
|
|
30744
30897
|
variant: "ghost",
|
|
@@ -30746,9 +30899,9 @@ var init_dialog = __esm({
|
|
|
30746
30899
|
className: "relative w-4 h-4",
|
|
30747
30900
|
onClick: () => setPage("settings" /* SETTINGS */),
|
|
30748
30901
|
children: [
|
|
30749
|
-
/* @__PURE__ */
|
|
30750
|
-
/* @__PURE__ */
|
|
30751
|
-
!!settingsNotifications.length && /* @__PURE__ */
|
|
30902
|
+
/* @__PURE__ */ jsx134("span", { className: "sr-only", children: t("passport:common.settings") }),
|
|
30903
|
+
/* @__PURE__ */ jsx134(SlidersHorizontal, { className: "w-4 h-4" }),
|
|
30904
|
+
!!settingsNotifications.length && /* @__PURE__ */ jsx134(
|
|
30752
30905
|
"div",
|
|
30753
30906
|
{
|
|
30754
30907
|
className: cn2(
|
|
@@ -30762,9 +30915,9 @@ var init_dialog = __esm({
|
|
|
30762
30915
|
]
|
|
30763
30916
|
}
|
|
30764
30917
|
),
|
|
30765
|
-
/* @__PURE__ */
|
|
30766
|
-
/* @__PURE__ */
|
|
30767
|
-
/* @__PURE__ */
|
|
30918
|
+
/* @__PURE__ */ jsx134(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ jsxs121(Button, { variant: "ghost", size: "icon", className: "w-4 h-4", children: [
|
|
30919
|
+
/* @__PURE__ */ jsx134(X, { className: "h-4 w-4" }),
|
|
30920
|
+
/* @__PURE__ */ jsx134("span", { className: "sr-only", children: t("passport:common.close") })
|
|
30768
30921
|
] }) })
|
|
30769
30922
|
]
|
|
30770
30923
|
}
|
|
@@ -30780,11 +30933,11 @@ var init_dialog = __esm({
|
|
|
30780
30933
|
}
|
|
30781
30934
|
);
|
|
30782
30935
|
DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
30783
|
-
DialogHeader = ({ className, ...props }) => /* @__PURE__ */
|
|
30936
|
+
DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx134("div", { className: cn2("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
|
|
30784
30937
|
DialogHeader.displayName = "DialogHeader";
|
|
30785
|
-
DialogFooter = ({ className, ...props }) => /* @__PURE__ */
|
|
30938
|
+
DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx134("div", { className: cn2("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
30786
30939
|
DialogFooter.displayName = "DialogFooter";
|
|
30787
|
-
DialogTitle = forwardRef6(({ className, ...props }, ref) => /* @__PURE__ */
|
|
30940
|
+
DialogTitle = forwardRef6(({ className, ...props }, ref) => /* @__PURE__ */ jsx134(
|
|
30788
30941
|
DialogPrimitive.Title,
|
|
30789
30942
|
{
|
|
30790
30943
|
ref,
|
|
@@ -30793,24 +30946,24 @@ var init_dialog = __esm({
|
|
|
30793
30946
|
}
|
|
30794
30947
|
));
|
|
30795
30948
|
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
30796
|
-
DialogDescription = forwardRef6(({ className, ...props }, ref) => /* @__PURE__ */
|
|
30949
|
+
DialogDescription = forwardRef6(({ className, ...props }, ref) => /* @__PURE__ */ jsx134(DialogPrimitive.Description, { ref, className: cn2("text-sm text-muted-foreground", className), ...props }));
|
|
30797
30950
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
30798
30951
|
}
|
|
30799
30952
|
});
|
|
30800
30953
|
|
|
30801
30954
|
// src/internal/components/ui/visually-hidden.tsx
|
|
30802
|
-
import { jsx as
|
|
30955
|
+
import { jsx as jsx135 } from "react/jsx-runtime";
|
|
30803
30956
|
var VisuallyHidden;
|
|
30804
30957
|
var init_visually_hidden = __esm({
|
|
30805
30958
|
"src/internal/components/ui/visually-hidden.tsx"() {
|
|
30806
|
-
VisuallyHidden = ({ children }) => /* @__PURE__ */
|
|
30959
|
+
VisuallyHidden = ({ children }) => /* @__PURE__ */ jsx135("span", { className: "sr-only absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0", children });
|
|
30807
30960
|
}
|
|
30808
30961
|
});
|
|
30809
30962
|
|
|
30810
30963
|
// src/internal/components/Dialog/Dialog.tsx
|
|
30811
30964
|
import { AnimatePresence, motion } from "motion/react";
|
|
30812
|
-
import { useEffect as
|
|
30813
|
-
import { jsx as
|
|
30965
|
+
import { useEffect as useEffect56 } from "react";
|
|
30966
|
+
import { jsx as jsx136, jsxs as jsxs122 } from "react/jsx-runtime";
|
|
30814
30967
|
function Dialog2() {
|
|
30815
30968
|
const config = useProviderConfig().config;
|
|
30816
30969
|
const className = config.current?.ui?.dialogClassName;
|
|
@@ -30819,7 +30972,7 @@ function Dialog2() {
|
|
|
30819
30972
|
const { colorMode, maxScrollHeight, isDialogOpen, dialogContent, isDialogForced } = useLayoutStore();
|
|
30820
30973
|
const page = useLayoutDataStore((st) => st.page);
|
|
30821
30974
|
const transitionPageHeight = useLayoutDataStore((st) => st.transitionPageHeight);
|
|
30822
|
-
|
|
30975
|
+
useEffect56(() => useLayoutStore.setState({ isSettings: !!session }), [session]);
|
|
30823
30976
|
usePageMapper();
|
|
30824
30977
|
useAutoConnect();
|
|
30825
30978
|
useBackupStatusChanges();
|
|
@@ -30828,7 +30981,7 @@ function Dialog2() {
|
|
|
30828
30981
|
useListenIframeAuthEvents();
|
|
30829
30982
|
useAllowExternalModalsScroll(isDialogOpen);
|
|
30830
30983
|
const isHeaderHidden = !session || page === "keysare-backup" /* KEYSARE_BACKUP */ && !hasServerVault;
|
|
30831
|
-
return /* @__PURE__ */
|
|
30984
|
+
return /* @__PURE__ */ jsx136(
|
|
30832
30985
|
Dialog,
|
|
30833
30986
|
{
|
|
30834
30987
|
open: isDialogOpen,
|
|
@@ -30840,17 +30993,17 @@ function Dialog2() {
|
|
|
30840
30993
|
setPage(null);
|
|
30841
30994
|
}
|
|
30842
30995
|
},
|
|
30843
|
-
children: /* @__PURE__ */
|
|
30996
|
+
children: /* @__PURE__ */ jsxs122(
|
|
30844
30997
|
DialogContent,
|
|
30845
30998
|
{
|
|
30846
30999
|
ref: (inst) => onboarder.registerElement(EMBARKAI_DIALOG_ONBOARDING_ID, inst),
|
|
30847
31000
|
colorMode,
|
|
30848
31001
|
className,
|
|
30849
31002
|
children: [
|
|
30850
|
-
/* @__PURE__ */
|
|
30851
|
-
/* @__PURE__ */
|
|
30852
|
-
!isHeaderHidden && /* @__PURE__ */
|
|
30853
|
-
/* @__PURE__ */
|
|
31003
|
+
/* @__PURE__ */ jsx136(VisuallyHidden, { children: /* @__PURE__ */ jsx136(DialogTitle, { children: "embarkAI" }) }),
|
|
31004
|
+
/* @__PURE__ */ jsx136(DialogDescription, { className: "sr-only", children: "embarkAI wallet" }),
|
|
31005
|
+
!isHeaderHidden && /* @__PURE__ */ jsx136(Header, {}),
|
|
31006
|
+
/* @__PURE__ */ jsx136(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx136(
|
|
30854
31007
|
motion.div,
|
|
30855
31008
|
{
|
|
30856
31009
|
style: { overflow: "hidden" },
|
|
@@ -30858,7 +31011,7 @@ function Dialog2() {
|
|
|
30858
31011
|
animate: { opacity: 1, height: "auto" },
|
|
30859
31012
|
exit: { opacity: 0, height: transitionPageHeight },
|
|
30860
31013
|
transition: Y_ANIMATION_SETUP,
|
|
30861
|
-
children: /* @__PURE__ */
|
|
31014
|
+
children: /* @__PURE__ */ jsx136(
|
|
30862
31015
|
"div",
|
|
30863
31016
|
{
|
|
30864
31017
|
ref: (inst) => onboarder.registerElement(`${EMBARKAI_DIALOG_ONBOARDING_ID}-${page}`, inst),
|
|
@@ -30873,7 +31026,7 @@ function Dialog2() {
|
|
|
30873
31026
|
},
|
|
30874
31027
|
page || "empty"
|
|
30875
31028
|
) }),
|
|
30876
|
-
/* @__PURE__ */
|
|
31029
|
+
/* @__PURE__ */ jsx136(Footer, {})
|
|
30877
31030
|
]
|
|
30878
31031
|
}
|
|
30879
31032
|
)
|
|
@@ -30910,7 +31063,7 @@ var init_Dialog2 = __esm({
|
|
|
30910
31063
|
});
|
|
30911
31064
|
|
|
30912
31065
|
// src/internal/components/DirectWalletHandler.tsx
|
|
30913
|
-
import { useEffect as
|
|
31066
|
+
import { useEffect as useEffect57 } from "react";
|
|
30914
31067
|
import { useConnection } from "wagmi";
|
|
30915
31068
|
function DirectWalletHandler() {
|
|
30916
31069
|
const walletMode = useProviderConfig().config.current?.wallet?.mode || "both";
|
|
@@ -30919,12 +31072,12 @@ function DirectWalletHandler() {
|
|
|
30919
31072
|
const externalConnectorName = useExternalWalletStore((st) => st.connectorName);
|
|
30920
31073
|
const isExternalConnected = useExternalWalletStore((st) => st.isExternalConnected);
|
|
30921
31074
|
const { address, isConnected, chainId, connector } = useConnection();
|
|
30922
|
-
|
|
31075
|
+
useEffect57(() => {
|
|
30923
31076
|
const { setConfigMode, setActiveMode } = useExternalWalletStore.getState();
|
|
30924
31077
|
setConfigMode(walletMode);
|
|
30925
31078
|
if (walletMode !== "both") setActiveMode(walletMode);
|
|
30926
31079
|
}, [walletMode]);
|
|
30927
|
-
|
|
31080
|
+
useEffect57(() => {
|
|
30928
31081
|
if ((!!externalAddress || isExternalConnected) && !isConnected) {
|
|
30929
31082
|
useExternalWalletStore.getState().clearExternalWallet();
|
|
30930
31083
|
return;
|
|
@@ -31018,7 +31171,7 @@ import {
|
|
|
31018
31171
|
import { Fragment as Fragment47 } from "react";
|
|
31019
31172
|
import { create as create19 } from "zustand";
|
|
31020
31173
|
import { persist as persist5 } from "zustand/middleware";
|
|
31021
|
-
import { jsx as
|
|
31174
|
+
import { jsx as jsx137, jsxs as jsxs123 } from "react/jsx-runtime";
|
|
31022
31175
|
function getChainParams(chainCfg) {
|
|
31023
31176
|
return {
|
|
31024
31177
|
activeChainId: chainCfg.id,
|
|
@@ -31036,22 +31189,22 @@ function waitForStoreHydration() {
|
|
|
31036
31189
|
}
|
|
31037
31190
|
function SessionProvider({ children }) {
|
|
31038
31191
|
const config = useProviderConfig().config;
|
|
31039
|
-
return /* @__PURE__ */
|
|
31192
|
+
return /* @__PURE__ */ jsxs123(Fragment47, {
|
|
31040
31193
|
/** dApp's router might have its own error boundaries setup via imported @embarkai/ui-kitErrorBoundary */
|
|
31041
31194
|
children: [
|
|
31042
31195
|
children,
|
|
31043
|
-
/* @__PURE__ */
|
|
31044
|
-
config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */
|
|
31045
|
-
/* @__PURE__ */
|
|
31046
|
-
/* @__PURE__ */
|
|
31047
|
-
/* @__PURE__ */
|
|
31196
|
+
/* @__PURE__ */ jsxs123(ErrorBoundary, { children: [
|
|
31197
|
+
config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ jsx137(DirectWalletHandler, {}),
|
|
31198
|
+
/* @__PURE__ */ jsx137(BalanceFeedProvider, {}),
|
|
31199
|
+
/* @__PURE__ */ jsx137(ChainSync, {}),
|
|
31200
|
+
/* @__PURE__ */ jsx137(
|
|
31048
31201
|
TssManagerWithRef,
|
|
31049
31202
|
{
|
|
31050
31203
|
mpcPin: void 0
|
|
31051
31204
|
}
|
|
31052
31205
|
),
|
|
31053
|
-
/* @__PURE__ */
|
|
31054
|
-
/* @__PURE__ */
|
|
31206
|
+
/* @__PURE__ */ jsx137(Dialog2, {}),
|
|
31207
|
+
/* @__PURE__ */ jsx137(OnboardingOverlay, {})
|
|
31055
31208
|
] })
|
|
31056
31209
|
]
|
|
31057
31210
|
});
|
|
@@ -33515,12 +33668,12 @@ import {
|
|
|
33515
33668
|
createContext,
|
|
33516
33669
|
useCallback as useCallback36,
|
|
33517
33670
|
useContext,
|
|
33518
|
-
useEffect as
|
|
33671
|
+
useEffect as useEffect58,
|
|
33519
33672
|
useMemo as useMemo21,
|
|
33520
33673
|
useRef as useRef22
|
|
33521
33674
|
} from "react";
|
|
33522
33675
|
import { WagmiProvider } from "wagmi";
|
|
33523
|
-
import { jsx as
|
|
33676
|
+
import { jsx as jsx138 } from "react/jsx-runtime";
|
|
33524
33677
|
function clearLegacyWagmiStorage() {
|
|
33525
33678
|
if (typeof window === "undefined" || !window.localStorage) return;
|
|
33526
33679
|
const legacyKeys = [
|
|
@@ -33539,7 +33692,7 @@ function clearLegacyWagmiStorage() {
|
|
|
33539
33692
|
function Provider(props) {
|
|
33540
33693
|
const { children, projectId, initialConfig = {}, callbacks } = props;
|
|
33541
33694
|
const callbacksRef = useRef22(callbacks);
|
|
33542
|
-
|
|
33695
|
+
useEffect58(() => notifyNoProjetctId(projectId), [projectId]);
|
|
33543
33696
|
const config = useRef22(merge3({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
|
|
33544
33697
|
const wagmiConfig3 = useRef22(getWagmiConfig(config.current?.wallet?.walletConnectId || null));
|
|
33545
33698
|
const updateConfig = useCallback36((updates) => {
|
|
@@ -33581,7 +33734,7 @@ function Provider(props) {
|
|
|
33581
33734
|
const next = updates ? { ...prev, ...updates } : void 0;
|
|
33582
33735
|
callbacksRef.current = next;
|
|
33583
33736
|
}, []);
|
|
33584
|
-
|
|
33737
|
+
useEffect58(() => {
|
|
33585
33738
|
if (typeof window === "undefined" || !projectId) return;
|
|
33586
33739
|
const mergedConfig = merge3(DEFAULT_PROVIDER_CONFIG, initialConfig);
|
|
33587
33740
|
updateConfig(mergedConfig);
|
|
@@ -33601,7 +33754,7 @@ function Provider(props) {
|
|
|
33601
33754
|
useSession.getState().setActiveChainId(mergedConfig.network.chainId);
|
|
33602
33755
|
}
|
|
33603
33756
|
}, [projectId, initialConfig]);
|
|
33604
|
-
|
|
33757
|
+
useEffect58(() => {
|
|
33605
33758
|
if (typeof window === "undefined" || !projectId) return;
|
|
33606
33759
|
try {
|
|
33607
33760
|
initSdkErrorTracking();
|
|
@@ -33641,7 +33794,7 @@ function Provider(props) {
|
|
|
33641
33794
|
}),
|
|
33642
33795
|
[config, updateConfig, callbacks, updateCallbacks]
|
|
33643
33796
|
);
|
|
33644
|
-
return /* @__PURE__ */
|
|
33797
|
+
return /* @__PURE__ */ jsx138(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx138(WagmiProvider, { config: wagmiConfig3.current, children: /* @__PURE__ */ jsx138(SessionProvider, { children }) }) });
|
|
33645
33798
|
}
|
|
33646
33799
|
var UIContext, useProviderConfig;
|
|
33647
33800
|
var init_ProviderContext = __esm({
|
|
@@ -33660,7 +33813,7 @@ var init_ProviderContext = __esm({
|
|
|
33660
33813
|
});
|
|
33661
33814
|
|
|
33662
33815
|
// src/styles/built.css
|
|
33663
|
-
var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .sticky{position:sticky}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-1{right:.25rem}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1{top:.25rem}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .col-span-2{grid-column:span 2/span 2}.embarkai-ui-scope .float-right{float:right}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[30dvw\\]{width:30dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[60dvw\\]{width:60dvw}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-7xl{max-width:80rem}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[420px\\]{max-width:420px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(100\\%-48px-var\\(--ui-kit-gap\\)\\)\\]{max-width:calc(100% - 48px - var(--ui-kit-gap))}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{box-shadow:inset 0 0 16px var(--ui-kit-bg-warning)}50%{box-shadow:inset 0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-not-allowed{cursor:not-allowed}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[12px\\]{padding:12px}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-10{padding-left:2.5rem;padding-right:2.5rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-light{font-weight:300}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-bd\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-bd);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-fg\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-fg);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .ring-offset-0{--tw-ring-offset-width:0px}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--w3m-z-index:10001!important}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease forwards}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease forwards}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:border-\\[var\\(--ui-kit-bd\\)\\]:focus-within{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .focus-within\\:opacity-100:focus-within{opacity:1}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus-within\\:hover\\:opacity-100:hover:focus-within{opacity:1}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-80){opacity:.8}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .md\\:text-3xl{font-size:1.875rem;line-height:2.25rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
|
|
33816
|
+
var built_default = `.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.embarkai-ui-scope .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.embarkai-ui-scope .pointer-events-none{pointer-events:none}.embarkai-ui-scope .pointer-events-auto{pointer-events:auto}.embarkai-ui-scope .visible{visibility:visible}.embarkai-ui-scope .invisible{visibility:hidden}.embarkai-ui-scope .static{position:static}.embarkai-ui-scope .fixed{position:fixed}.embarkai-ui-scope .absolute{position:absolute}.embarkai-ui-scope .relative{position:relative}.embarkai-ui-scope .sticky{position:sticky}.embarkai-ui-scope .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-1{right:.25rem}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1{top:.25rem}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .col-span-2{grid-column:span 2/span 2}.embarkai-ui-scope .float-right{float:right}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[30dvw\\]{width:30dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.embarkai-ui-scope .w-\\[60dvw\\]{width:60dvw}.embarkai-ui-scope .w-\\[var\\(--ui-kit-content-maw\\2c var\\(--ui-kit-maw\\)\\)\\]{width:var(--ui-kit-content-maw,var(--ui-kit-maw))}.embarkai-ui-scope .w-\\[var\\(--ui-kit-maw\\)\\]{width:var(--ui-kit-maw)}.embarkai-ui-scope .w-fit{width:-moz-fit-content;width:fit-content}.embarkai-ui-scope .w-full{width:100%}.embarkai-ui-scope .w-px{width:1px}.embarkai-ui-scope .min-w-0{min-width:0}.embarkai-ui-scope .min-w-10{min-width:2.5rem}.embarkai-ui-scope .min-w-16{min-width:4rem}.embarkai-ui-scope .min-w-\\[256px\\]{min-width:256px}.embarkai-ui-scope .min-w-\\[8rem\\]{min-width:8rem}.embarkai-ui-scope .min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.embarkai-ui-scope .max-w-7xl{max-width:80rem}.embarkai-ui-scope .max-w-\\[100px\\]{max-width:100px}.embarkai-ui-scope .max-w-\\[144px\\]{max-width:144px}.embarkai-ui-scope .max-w-\\[150px\\]{max-width:150px}.embarkai-ui-scope .max-w-\\[160px\\]{max-width:160px}.embarkai-ui-scope .max-w-\\[256px\\]{max-width:256px}.embarkai-ui-scope .max-w-\\[420px\\]{max-width:420px}.embarkai-ui-scope .max-w-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[calc\\(100\\%-48px-var\\(--ui-kit-gap\\)\\)\\]{max-width:calc(100% - 48px - var(--ui-kit-gap))}.embarkai-ui-scope .max-w-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{box-shadow:inset 0 0 16px var(--ui-kit-bg-warning)}50%{box-shadow:inset 0 0 4px var(--ui-kit-bg-warning)}}.embarkai-ui-scope .animate-glow-warning{animation:glow-warning 2s ease infinite}@keyframes pulse{50%{opacity:.5}}.embarkai-ui-scope .animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.embarkai-ui-scope .animate-spin{animation:spin 1s linear infinite}.embarkai-ui-scope .cursor-default{cursor:default}.embarkai-ui-scope .cursor-not-allowed{cursor:not-allowed}.embarkai-ui-scope .cursor-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-transparent{background-color:transparent}.embarkai-ui-scope .fill-\\[var\\(--ui-kit-bg-warning\\)\\]{fill:var(--ui-kit-bg-warning)}.embarkai-ui-scope .object-contain{-o-object-fit:contain;object-fit:contain}.embarkai-ui-scope .object-cover{-o-object-fit:cover;object-fit:cover}.embarkai-ui-scope .p-0{padding:0}.embarkai-ui-scope .p-1{padding:.25rem}.embarkai-ui-scope .p-2{padding:.5rem}.embarkai-ui-scope .p-3{padding:.75rem}.embarkai-ui-scope .p-4{padding:1rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[12px\\]{padding:12px}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-10{padding-left:2.5rem;padding-right:2.5rem}.embarkai-ui-scope .px-2{padding-left:.5rem;padding-right:.5rem}.embarkai-ui-scope .px-3{padding-left:.75rem;padding-right:.75rem}.embarkai-ui-scope .px-4{padding-left:1rem;padding-right:1rem}.embarkai-ui-scope .px-5{padding-left:1.25rem;padding-right:1.25rem}.embarkai-ui-scope .px-8{padding-left:2rem;padding-right:2rem}.embarkai-ui-scope .px-\\[var\\(--ui-kit-gap\\)\\]{padding-left:var(--ui-kit-gap);padding-right:var(--ui-kit-gap)}.embarkai-ui-scope .px-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .py-0{padding-top:0;padding-bottom:0}.embarkai-ui-scope .py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.embarkai-ui-scope .py-2{padding-top:.5rem;padding-bottom:.5rem}.embarkai-ui-scope .py-3{padding-top:.75rem;padding-bottom:.75rem}.embarkai-ui-scope .py-4{padding-top:1rem;padding-bottom:1rem}.embarkai-ui-scope .py-8{padding-top:2rem;padding-bottom:2rem}.embarkai-ui-scope .py-\\[10px\\]{padding-top:10px;padding-bottom:10px}.embarkai-ui-scope .py-\\[var\\(--ui-kit-gap\\)\\]{padding-top:var(--ui-kit-gap);padding-bottom:var(--ui-kit-gap)}.embarkai-ui-scope .py-\\[var\\(--ui-kit-pd\\)\\]{padding-top:var(--ui-kit-pd);padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pb-2{padding-bottom:.5rem}.embarkai-ui-scope .pb-5{padding-bottom:1.25rem}.embarkai-ui-scope .pb-6{padding-bottom:1.5rem}.embarkai-ui-scope .pb-\\[var\\(--ui-kit-pd\\)\\]{padding-bottom:var(--ui-kit-pd)}.embarkai-ui-scope .pl-\\[var\\(--ui-kit-pd\\)\\]{padding-left:var(--ui-kit-pd)}.embarkai-ui-scope .pr-8{padding-right:2rem}.embarkai-ui-scope .pt-3{padding-top:.75rem}.embarkai-ui-scope .pt-4{padding-top:1rem}.embarkai-ui-scope .pt-5{padding-top:1.25rem}.embarkai-ui-scope .text-left{text-align:left}.embarkai-ui-scope .text-center{text-align:center}.embarkai-ui-scope .text-right{text-align:right}.embarkai-ui-scope .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.embarkai-ui-scope .font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.embarkai-ui-scope .text-2xl{font-size:1.5rem;line-height:2rem}.embarkai-ui-scope .text-\\[10px\\]{font-size:10px}.embarkai-ui-scope .text-\\[14px\\]{font-size:14px}.embarkai-ui-scope .text-\\[16px\\]{font-size:16px}.embarkai-ui-scope .text-\\[8px\\]{font-size:8px}.embarkai-ui-scope .text-lg{font-size:1.125rem;line-height:1.75rem}.embarkai-ui-scope .text-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .text-xl{font-size:1.25rem;line-height:1.75rem}.embarkai-ui-scope .text-xs{font-size:.75rem;line-height:1rem}.embarkai-ui-scope .font-bold{font-weight:700}.embarkai-ui-scope .font-light{font-weight:300}.embarkai-ui-scope .font-medium{font-weight:500}.embarkai-ui-scope .font-normal{font-weight:400}.embarkai-ui-scope .font-semibold{font-weight:600}.embarkai-ui-scope .uppercase{text-transform:uppercase}.embarkai-ui-scope .lowercase{text-transform:lowercase}.embarkai-ui-scope .leading-3{line-height:.75rem}.embarkai-ui-scope .leading-4{line-height:1rem}.embarkai-ui-scope .leading-5{line-height:1.25rem}.embarkai-ui-scope .leading-6{line-height:1.5rem}.embarkai-ui-scope .leading-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-sky-500{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-bd\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-bd);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-\\[inset_0_0_0_1px_var\\(--ui-kit-fg\\)\\]{--tw-shadow:inset 0 0 0 1px var(--ui-kit-fg);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.embarkai-ui-scope .ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .ring-offset-0{--tw-ring-offset-width:0px}.embarkai-ui-scope .blur{--tw-blur:blur(8px)}.embarkai-ui-scope .blur,.embarkai-ui-scope .grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .grayscale{--tw-grayscale:grayscale(100%)}.embarkai-ui-scope .filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[color\\2c box-shadow\\]{transition-property:color,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-\\[width\\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .transition-none{transition-property:none}.embarkai-ui-scope .transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.embarkai-ui-scope .duration-200{transition-duration:.2s}.embarkai-ui-scope .duration-500{transition-duration:.5s}.embarkai-ui-scope .ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--w3m-z-index:10001!important}.embarkai-ui-scope{--ui-kit-ff:var(--embark-ui-ff,-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif);--ui-kit-maw:var(--embark-ui-maw,384px);--ui-kit-pd:var(--embark-ui-pd,12px);--ui-kit-gap:var(--embark-ui-gap,10px);--ui-kit-bdrs:var(--embark-ui-bdrs,20px);--ui-kit-el-bdrs:var(--embark-ui-element-bdrs,10px);--ui-kit-backdrop-blur:var(--embark-ui-backdrop-blur,10px)}.embarkai-ui-scope[data-current-theme-mode=light]{--ui-kit-overlay:var(--embark-ui-overlay,hsla(0,0%,100%,.8));--ui-kit-bg:var(--embark-ui-bg,#fff);--ui-kit-fg:var(--embark-ui-fg,#000);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#fff);--ui-kit-fg-muted:var(--embark-ui-fg-muted,rgba(0,0,0,.6));--ui-kit-primary:var(--embark-ui-primary,#000);--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-bd:var(--embark-ui-bd,#ebebeb);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#a9a9a9);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope[data-current-theme-mode=dark]{--ui-kit-overlay:var(--embark-ui-overlay,rgba(0,0,0,.8));--ui-kit-bg:var(--embark-ui-bg,#1a1a1a);--ui-kit-fg:var(--embark-ui-fg,#fff);--ui-kit-fg-inverted:var(--embark-ui-fg-inverted,#000);--ui-kit-fg-muted:var(--embark-ui-fg-muted,hsla(0,0%,100%,.6));--ui-kit-primary:var(--embark-ui-primary,#fff);--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-bd:var(--embark-ui-bd,#3a3a3a);--ui-kit-bd-intense:var(--embark-ui-bd-intense,#4a4a4a);--ui-kit-shadow:var(--embark-ui-shadow,0 0 0 0 transparent);--ui-kit-shadow-c:var(--embark-ui-shadow-c,rgba(0,0,0,.1));--ui-kit-info:var(--embark-ui-info,var(--ui-kit-fg));--ui-kit-bg-info:var(--embark-ui-bg-info,var(--ui-kit-secondary));--ui-kit-success:var(--embark-ui-success,#000);--ui-kit-bg-success:var(--embark-ui-bg-success,#21ff51);--ui-kit-warning:var(--embark-ui-warning,#000);--ui-kit-bg-warning:var(--embark-ui-bg-warning,#e9fa00);--ui-kit-error:var(--embark-ui-error,#fff);--ui-kit-bg-error:var(--embark-ui-bg-error,#d6204e)}.embarkai-ui-scope,.embarkai-ui-scope *{margin:0;box-sizing:border-box;font-family:var(--ui-kit-ff);font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-ms-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope button,.embarkai-ui-scope h1,.embarkai-ui-scope h2,.embarkai-ui-scope h3,.embarkai-ui-scope h4,.embarkai-ui-scope h5,.embarkai-ui-scope h6,.embarkai-ui-scope input,.embarkai-ui-scope p,.embarkai-ui-scope select,.embarkai-ui-scope textarea{font-family:var(--ui-kit-ff)!important;margin:0}.embarkai-ui-scope button,.embarkai-ui-scope input,.embarkai-ui-scope select,.embarkai-ui-scope textarea{border-style:solid;outline:none!important;appearance:none!important;-webkit-appearance:none;-moz-appearance:none}.embarkai-ui-scope input,.embarkai-ui-scope textarea{font-size:16px!important}.embarkai-ui-scope .account-connect-button{box-shadow:0 4px 20px var(--ui-kit-shadow-c),inset 0 0 0 1px var(--ui-kit-bd);transition:transform .25s ease}.embarkai-ui-scope .account-connect-button:hover{transform:scale(1.02)}.embarkai-ui-scope .account-connect-button:active{transform:scale(1)}@keyframes lumia-mobile-dialog-fade-in{0%{opacity:0;transform:translateY(64px)}to{opacity:1;transform:translateY(0)}}@keyframes lumia-mobile-dialog-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(64px)}}.embarkai-ui-scope .animate-mobile-dialog-in{animation:lumia-mobile-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-mobile-dialog-out{animation:lumia-mobile-dialog-fade-out 375ms ease forwards}@keyframes lumia-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lumia-dialog-fade-out{0%{opacity:1}to{opacity:0}}.embarkai-ui-scope .animate-dialog-in{animation:lumia-dialog-fade-in 375ms ease}.embarkai-ui-scope .animate-dialog-out{animation:lumia-dialog-fade-out 375ms ease forwards}.embarkai-ui-scope .list-scrollbar-y{width:100%;padding-right:var(--ui-kit-list-scrollbar-pd-r,0);overflow-y:auto;overflow-x:hidden;max-height:var(--ui-kit-scrollbar-mah,300px)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar{width:4px;height:4px}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-thumb{cursor:pointer;width:4px;border-radius:2px;background-color:var(--ui-kit-bd)}.embarkai-ui-scope .list-scrollbar-y::-webkit-scrollbar-track{margin-top:10px;margin-bottom:10px;background-color:transparent}.embarkai-ui-scope .noScrollbars::-webkit-scrollbar{display:none}.embarkai-ui-scope div[data-radix-popper-content-wrapper]{z-index:10000!important}@keyframes rotateShine{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.embarkai-ui-scope .button-shine-outline{position:absolute;top:0;left:0;width:100%;height:100%;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude}.embarkai-ui-scope .button-shine-outline-shiner{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\:px-\\[var\\(--ui-kit-pd\\)\\]::file-selector-button{padding-left:var(--ui-kit-pd);padding-right:var(--ui-kit-pd)}.embarkai-ui-scope .file\\:text-\\[16px\\]::file-selector-button{font-size:16px}.embarkai-ui-scope .file\\:text-\\[var\\(--ui-kit-fg-inverted\\)\\]::file-selector-button{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::-moz-placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .placeholder\\:text-\\[var\\(--ui-kit-fg-muted\\)\\]::placeholder{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .focus-within\\:border-\\[var\\(--ui-kit-bd\\)\\]:focus-within{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .focus-within\\:opacity-100:focus-within{opacity:1}.embarkai-ui-scope .hover\\:bg-\\[\\#002c15\\]:hover{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#081f2c\\]:hover{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f0f6f8\\]:hover{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[\\#f3ba2f\\]:hover{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[\\#c3f53c\\]:hover{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-\\[var\\(--ui-kit-fg\\)\\]:hover{color:var(--ui-kit-fg)}.embarkai-ui-scope .hover\\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.embarkai-ui-scope .hover\\:underline:hover{text-decoration-line:underline}.embarkai-ui-scope .hover\\:opacity-80:hover{opacity:.8}.embarkai-ui-scope .hover\\:brightness-110:hover{--tw-brightness:brightness(1.1);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.embarkai-ui-scope .file\\:hover\\:opacity-90:hover::file-selector-button{opacity:.9}.embarkai-ui-scope .focus-within\\:hover\\:opacity-100:hover:focus-within{opacity:1}.embarkai-ui-scope .focus\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-transparent:focus{background-color:transparent}.embarkai-ui-scope .focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .focus-visible\\:ring-0:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-\\[2px\\]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.embarkai-ui-scope .focus-visible\\:ring-transparent:focus-visible{--tw-ring-color:transparent}.embarkai-ui-scope .focus-visible\\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.embarkai-ui-scope .active\\:bg-\\[\\#f3ba2f\\]:active{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .active\\:text-\\[\\#c3f53c\\]:active{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .active\\:opacity-60:active{opacity:.6}.embarkai-ui-scope .file\\:active\\:opacity-80:active::file-selector-button{opacity:.8}.embarkai-ui-scope .disabled\\:cursor-default:disabled{cursor:default}.embarkai-ui-scope .disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.embarkai-ui-scope .disabled\\:opacity-50:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:hover\\:bg-\\[var\\(--ui-kit-bg\\)\\]:hover:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:hover\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:hover:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:hover\\:opacity-50:hover:disabled{opacity:.5}.embarkai-ui-scope .disabled\\:active\\:bg-\\[var\\(--ui-kit-bg\\)\\]:active:disabled{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .disabled\\:active\\:text-\\[var\\(--ui-kit-bg-error\\)\\]:active:disabled{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .disabled\\:active\\:opacity-50:active:disabled{opacity:.5}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-100){opacity:1}.embarkai-ui-scope :is(.group:hover .group-hover\\:opacity-80){opacity:.8}.embarkai-ui-scope .data-\\[disabled\\]\\:pointer-events-none[data-disabled]{pointer-events:none}.embarkai-ui-scope .data-\\[size\\=default\\]\\:h-12[data-size=default]{height:3rem}.embarkai-ui-scope .data-\\[size\\=sm\\]\\:h-10[data-size=sm]{height:2.5rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.embarkai-ui-scope .data-\\[side\\=bottom\\]\\:translate-y-1[data-side=bottom],.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=left\\]\\:-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.embarkai-ui-scope .data-\\[side\\=right\\]\\:translate-x-1[data-side=right],.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .data-\\[side\\=top\\]\\:-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:border-\\[var\\(--ui-kit-bd-intense\\)\\][data-state=checked]{border-color:var(--ui-kit-bd-intense)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:bg-\\[var\\(--ui-kit-secondary\\)\\][data-state=checked]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .data-\\[state\\=checked\\]\\:text-\\[var\\(--ui-kit-fg\\)\\][data-state=checked]{color:var(--ui-kit-fg)}.embarkai-ui-scope .data-\\[disabled\\]\\:opacity-50[data-disabled]{opacity:.5}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:line-clamp-1[data-slot=select-value]>*){overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:flex[data-slot=select-value]>*){display:flex}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:items-center[data-slot=select-value]>*){align-items:center}.embarkai-ui-scope :is(.\\*\\:data-\\[slot\\=select-value\\]\\:gap-\\[var\\(--ui-kit-gap\\)\\][data-slot=select-value]>*){gap:var(--ui-kit-gap)}@media (min-width:640px){.embarkai-ui-scope .sm\\:flex-row{flex-direction:row}.embarkai-ui-scope .sm\\:justify-end{justify-content:flex-end}.embarkai-ui-scope :is(.sm\\:space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope .sm\\:text-left{text-align:left}}@media (min-width:768px){.embarkai-ui-scope .md\\:h-8{height:2rem}.embarkai-ui-scope .md\\:w-8{width:2rem}.embarkai-ui-scope .md\\:gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope .md\\:py-1{padding-top:.25rem;padding-bottom:.25rem}.embarkai-ui-scope .md\\:text-3xl{font-size:1.875rem;line-height:2.25rem}}.embarkai-ui-scope :is(.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-])){width:1rem;height:1rem}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:pointer-events-none svg){pointer-events:none}.embarkai-ui-scope :is(.\\[\\&_svg\\]\\:shrink-0 svg){flex-shrink:0}`;
|
|
33664
33817
|
|
|
33665
33818
|
// src/index.ts
|
|
33666
33819
|
init_ProviderContext();
|
|
@@ -33681,8 +33834,8 @@ init_useUserProfile();
|
|
|
33681
33834
|
init_pro_mode();
|
|
33682
33835
|
init_utils();
|
|
33683
33836
|
import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader32, Shield as Shield2 } from "lucide-react";
|
|
33684
|
-
import { useEffect as
|
|
33685
|
-
import { Fragment as Fragment48, jsx as
|
|
33837
|
+
import { useEffect as useEffect59, useMemo as useMemo22 } from "react";
|
|
33838
|
+
import { Fragment as Fragment48, jsx as jsx139, jsxs as jsxs124 } from "react/jsx-runtime";
|
|
33686
33839
|
function getFormattedStatus(label, status, showStatus) {
|
|
33687
33840
|
const isStatus = showStatus && status && status !== "idle" && status !== "ready";
|
|
33688
33841
|
if (!isStatus) return label;
|
|
@@ -33701,7 +33854,7 @@ function ConnectWalletButton(props) {
|
|
|
33701
33854
|
const colorMode = useLayoutStore((st) => st.colorMode);
|
|
33702
33855
|
const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
|
|
33703
33856
|
const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
|
|
33704
|
-
|
|
33857
|
+
useEffect59(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
|
|
33705
33858
|
const { data: profile, isLoading: isProfileLoading } = useUserProfile();
|
|
33706
33859
|
const displayName = profile?.nicknameDisplay || profile?.displayName || jwtTokenManager2.getDisplayName();
|
|
33707
33860
|
const indicators = useMemo22(() => {
|
|
@@ -33713,20 +33866,20 @@ function ConnectWalletButton(props) {
|
|
|
33713
33866
|
}, [session, address, hasServerVault]);
|
|
33714
33867
|
const proMode = useProMode();
|
|
33715
33868
|
const isConnecting = connectButtonLabel !== label || isLoading;
|
|
33716
|
-
return /* @__PURE__ */
|
|
33869
|
+
return /* @__PURE__ */ jsx139("div", { "data-current-theme-mode": colorMode, className: cn2("embarkai-ui-scope w-fit h-fit", className), children: !address ? (
|
|
33717
33870
|
/** external Buttons can be provided */
|
|
33718
|
-
/* @__PURE__ */
|
|
33871
|
+
/* @__PURE__ */ jsx139(Fragment48, { children: ConnectButton ? /* @__PURE__ */ jsxs124(
|
|
33719
33872
|
ConnectButton,
|
|
33720
33873
|
{
|
|
33721
33874
|
type: "button",
|
|
33722
33875
|
disabled: isConnecting,
|
|
33723
33876
|
onClick: () => setPage("auth" /* AUTH */),
|
|
33724
33877
|
children: [
|
|
33725
|
-
isConnecting ? /* @__PURE__ */
|
|
33878
|
+
isConnecting ? /* @__PURE__ */ jsx139("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx139(Loader32, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx139(embarkAI_default2, { className: "w-6 h-6" }),
|
|
33726
33879
|
connectButtonLabel.toUpperCase()
|
|
33727
33880
|
]
|
|
33728
33881
|
}
|
|
33729
|
-
) : /* @__PURE__ */
|
|
33882
|
+
) : /* @__PURE__ */ jsxs124(
|
|
33730
33883
|
Button,
|
|
33731
33884
|
{
|
|
33732
33885
|
type: "button",
|
|
@@ -33743,12 +33896,12 @@ function ConnectWalletButton(props) {
|
|
|
33743
33896
|
"disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
|
|
33744
33897
|
),
|
|
33745
33898
|
children: [
|
|
33746
|
-
isConnecting ? /* @__PURE__ */
|
|
33899
|
+
isConnecting ? /* @__PURE__ */ jsx139("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ jsx139(Loader32, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ jsx139(embarkAI_default2, { className: "w-6 h-6" }),
|
|
33747
33900
|
connectButtonLabel.toUpperCase()
|
|
33748
33901
|
]
|
|
33749
33902
|
}
|
|
33750
33903
|
) })
|
|
33751
|
-
) : /* @__PURE__ */
|
|
33904
|
+
) : /* @__PURE__ */ jsxs124(
|
|
33752
33905
|
"button",
|
|
33753
33906
|
{
|
|
33754
33907
|
type: "button",
|
|
@@ -33761,26 +33914,26 @@ function ConnectWalletButton(props) {
|
|
|
33761
33914
|
"rounded-[var(--ui-kit-bdrs)] p-4 max-w-sm min-w-[256px]"
|
|
33762
33915
|
),
|
|
33763
33916
|
children: [
|
|
33764
|
-
/* @__PURE__ */
|
|
33765
|
-
proMode && /* @__PURE__ */
|
|
33766
|
-
profile?.avatar ? /* @__PURE__ */
|
|
33917
|
+
/* @__PURE__ */ jsxs124("div", { className: "relative w-12 h-12 rounded-full bg-[var(--ui-kit-fg)] flex items-center justify-center flex-shrink-0", children: [
|
|
33918
|
+
proMode && /* @__PURE__ */ jsx139("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" }),
|
|
33919
|
+
profile?.avatar ? /* @__PURE__ */ jsx139("img", { src: profile.avatar, alt: "User avatar", className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx139(lumia_default2, { className: "w-12 h-12" })
|
|
33767
33920
|
] }),
|
|
33768
|
-
/* @__PURE__ */
|
|
33769
|
-
/* @__PURE__ */
|
|
33770
|
-
isProfileLoading ? /* @__PURE__ */
|
|
33771
|
-
/* @__PURE__ */
|
|
33921
|
+
/* @__PURE__ */ jsxs124("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
|
|
33922
|
+
/* @__PURE__ */ jsxs124("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
33923
|
+
isProfileLoading ? /* @__PURE__ */ jsx139(Loader32, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx139("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
|
|
33924
|
+
/* @__PURE__ */ jsx139(KYCStatus, {})
|
|
33772
33925
|
] }),
|
|
33773
|
-
/* @__PURE__ */
|
|
33926
|
+
/* @__PURE__ */ jsx139(BalanceView, {})
|
|
33774
33927
|
] }),
|
|
33775
|
-
/* @__PURE__ */
|
|
33776
|
-
/* @__PURE__ */
|
|
33777
|
-
/* @__PURE__ */
|
|
33928
|
+
/* @__PURE__ */ jsxs124("div", { className: "flex items-center space-x-1", children: [
|
|
33929
|
+
/* @__PURE__ */ jsxs124("div", { className: "group relative", children: [
|
|
33930
|
+
/* @__PURE__ */ jsx139(
|
|
33778
33931
|
Cloud4,
|
|
33779
33932
|
{
|
|
33780
33933
|
className: `w-3 h-3 ${indicators.server ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
33781
33934
|
}
|
|
33782
33935
|
),
|
|
33783
|
-
/* @__PURE__ */
|
|
33936
|
+
/* @__PURE__ */ jsxs124(
|
|
33784
33937
|
"div",
|
|
33785
33938
|
{
|
|
33786
33939
|
className: cn2(
|
|
@@ -33795,14 +33948,14 @@ function ConnectWalletButton(props) {
|
|
|
33795
33948
|
}
|
|
33796
33949
|
)
|
|
33797
33950
|
] }),
|
|
33798
|
-
/* @__PURE__ */
|
|
33799
|
-
/* @__PURE__ */
|
|
33951
|
+
/* @__PURE__ */ jsxs124("div", { className: "group relative", children: [
|
|
33952
|
+
/* @__PURE__ */ jsx139(
|
|
33800
33953
|
Laptop2,
|
|
33801
33954
|
{
|
|
33802
33955
|
className: `w-3 h-3 ${indicators.local ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
33803
33956
|
}
|
|
33804
33957
|
),
|
|
33805
|
-
/* @__PURE__ */
|
|
33958
|
+
/* @__PURE__ */ jsxs124(
|
|
33806
33959
|
"div",
|
|
33807
33960
|
{
|
|
33808
33961
|
className: cn2(
|
|
@@ -33817,14 +33970,14 @@ function ConnectWalletButton(props) {
|
|
|
33817
33970
|
}
|
|
33818
33971
|
)
|
|
33819
33972
|
] }),
|
|
33820
|
-
/* @__PURE__ */
|
|
33821
|
-
/* @__PURE__ */
|
|
33973
|
+
/* @__PURE__ */ jsxs124("div", { className: "group relative", children: [
|
|
33974
|
+
/* @__PURE__ */ jsx139(
|
|
33822
33975
|
Shield2,
|
|
33823
33976
|
{
|
|
33824
33977
|
className: `w-3 h-3 ${indicators.backup ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
33825
33978
|
}
|
|
33826
33979
|
),
|
|
33827
|
-
/* @__PURE__ */
|
|
33980
|
+
/* @__PURE__ */ jsxs124(
|
|
33828
33981
|
"div",
|
|
33829
33982
|
{
|
|
33830
33983
|
className: cn2(
|
|
@@ -33840,7 +33993,7 @@ function ConnectWalletButton(props) {
|
|
|
33840
33993
|
)
|
|
33841
33994
|
] })
|
|
33842
33995
|
] }),
|
|
33843
|
-
!!settingsNotifications.length && /* @__PURE__ */
|
|
33996
|
+
!!settingsNotifications.length && /* @__PURE__ */ jsx139(
|
|
33844
33997
|
"div",
|
|
33845
33998
|
{
|
|
33846
33999
|
className: cn2(
|
|
@@ -33897,24 +34050,24 @@ init_useColorMode();
|
|
|
33897
34050
|
init_button();
|
|
33898
34051
|
init_utils();
|
|
33899
34052
|
import { Moon, Sun } from "lucide-react";
|
|
33900
|
-
import { jsx as
|
|
34053
|
+
import { jsx as jsx140 } from "react/jsx-runtime";
|
|
33901
34054
|
function ThemeToggle(props) {
|
|
33902
34055
|
const { className, ...btnProps } = props;
|
|
33903
34056
|
const { colorMode, setColorMode } = useColorMode();
|
|
33904
|
-
return /* @__PURE__ */
|
|
34057
|
+
return /* @__PURE__ */ jsx140(
|
|
33905
34058
|
"div",
|
|
33906
34059
|
{
|
|
33907
34060
|
className: cn2("embarkai-ui-scope", className),
|
|
33908
34061
|
"data-current-theme-mode": colorMode,
|
|
33909
34062
|
style: { width: "fit-content", height: "fit-content" },
|
|
33910
|
-
children: /* @__PURE__ */
|
|
34063
|
+
children: /* @__PURE__ */ jsx140(
|
|
33911
34064
|
Button,
|
|
33912
34065
|
{
|
|
33913
34066
|
...btnProps,
|
|
33914
34067
|
variant: "ghost",
|
|
33915
34068
|
onClick: () => setColorMode(colorMode === "light" ? "dark" : "light"),
|
|
33916
34069
|
title: `Current theme: ${colorMode}. Click to switch.`,
|
|
33917
|
-
children: colorMode === "dark" ? /* @__PURE__ */
|
|
34070
|
+
children: colorMode === "dark" ? /* @__PURE__ */ jsx140(Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx140(Moon, { className: "w-4 h-4" })
|
|
33918
34071
|
}
|
|
33919
34072
|
)
|
|
33920
34073
|
}
|
|
@@ -33926,18 +34079,18 @@ init_i18n();
|
|
|
33926
34079
|
init_button();
|
|
33927
34080
|
init_useLayoutDataStore();
|
|
33928
34081
|
init_utils();
|
|
33929
|
-
import { jsx as
|
|
34082
|
+
import { jsx as jsx141 } from "react/jsx-runtime";
|
|
33930
34083
|
function LangToggle(props) {
|
|
33931
34084
|
const { className, ...btnProps } = props;
|
|
33932
34085
|
const { i18n } = useT();
|
|
33933
34086
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
33934
|
-
return /* @__PURE__ */
|
|
34087
|
+
return /* @__PURE__ */ jsx141(
|
|
33935
34088
|
"div",
|
|
33936
34089
|
{
|
|
33937
34090
|
className: cn2("embarkai-ui-scope", className),
|
|
33938
34091
|
"data-mbark-language": i18n.resolvedLanguage || "en",
|
|
33939
34092
|
style: { width: "fit-content", height: "fit-content" },
|
|
33940
|
-
children: /* @__PURE__ */
|
|
34093
|
+
children: /* @__PURE__ */ jsx141(
|
|
33941
34094
|
Button,
|
|
33942
34095
|
{
|
|
33943
34096
|
...btnProps,
|
|
@@ -33966,7 +34119,7 @@ init_cn();
|
|
|
33966
34119
|
init_button();
|
|
33967
34120
|
import { Copy as Copy5, ExternalLink as ExternalLink2 } from "lucide-react";
|
|
33968
34121
|
import * as React33 from "react";
|
|
33969
|
-
import { jsx as
|
|
34122
|
+
import { jsx as jsx142, jsxs as jsxs125 } from "react/jsx-runtime";
|
|
33970
34123
|
function toExplorerAddressUrl(address, chain) {
|
|
33971
34124
|
const base = chain?.blockExplorers?.default?.url;
|
|
33972
34125
|
if (!base) return null;
|
|
@@ -33988,11 +34141,11 @@ var Address = ({
|
|
|
33988
34141
|
const addr = address || "";
|
|
33989
34142
|
const explorer = toExplorerAddressUrl(addr, chain || void 0);
|
|
33990
34143
|
const [copied, setCopied] = React33.useState(false);
|
|
33991
|
-
if (!addr) return /* @__PURE__ */
|
|
33992
|
-
return /* @__PURE__ */
|
|
33993
|
-
label && /* @__PURE__ */
|
|
33994
|
-
/* @__PURE__ */
|
|
33995
|
-
showCopy && /* @__PURE__ */
|
|
34144
|
+
if (!addr) return /* @__PURE__ */ jsx142("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
|
|
34145
|
+
return /* @__PURE__ */ jsxs125("div", { className: cn("flex items-center gap-2", className), style: { listStyle: "none" }, children: [
|
|
34146
|
+
label && /* @__PURE__ */ jsx142("span", { className: "text-sm font-medium", children: label }),
|
|
34147
|
+
/* @__PURE__ */ jsx142("code", { className: "text-xs bg-background px-2 py-1 rounded select-all", children: truncate ? short(addr) : addr }),
|
|
34148
|
+
showCopy && /* @__PURE__ */ jsx142(
|
|
33996
34149
|
Button,
|
|
33997
34150
|
{
|
|
33998
34151
|
variant: "ghost",
|
|
@@ -34006,10 +34159,10 @@ var Address = ({
|
|
|
34006
34159
|
} catch {
|
|
34007
34160
|
}
|
|
34008
34161
|
},
|
|
34009
|
-
children: /* @__PURE__ */
|
|
34162
|
+
children: /* @__PURE__ */ jsx142(Copy5, { className: "h-4 w-4" })
|
|
34010
34163
|
}
|
|
34011
34164
|
),
|
|
34012
|
-
showExplorer && explorer && /* @__PURE__ */
|
|
34165
|
+
showExplorer && explorer && /* @__PURE__ */ jsx142(
|
|
34013
34166
|
"a",
|
|
34014
34167
|
{
|
|
34015
34168
|
href: explorer,
|
|
@@ -34017,7 +34170,7 @@ var Address = ({
|
|
|
34017
34170
|
rel: "noreferrer noopener",
|
|
34018
34171
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
34019
34172
|
title: "Open in explorer",
|
|
34020
|
-
children: /* @__PURE__ */
|
|
34173
|
+
children: /* @__PURE__ */ jsx142(ExternalLink2, { className: "h-4 w-4" })
|
|
34021
34174
|
}
|
|
34022
34175
|
)
|
|
34023
34176
|
] });
|
|
@@ -34026,7 +34179,7 @@ var Address = ({
|
|
|
34026
34179
|
// src/internal/components/UserOpStatus.tsx
|
|
34027
34180
|
init_badge();
|
|
34028
34181
|
init_button();
|
|
34029
|
-
import { jsx as
|
|
34182
|
+
import { jsx as jsx143, jsxs as jsxs126 } from "react/jsx-runtime";
|
|
34030
34183
|
var UserOpStatus = ({
|
|
34031
34184
|
userOpHash,
|
|
34032
34185
|
chain,
|
|
@@ -34141,35 +34294,35 @@ var UserOpStatus = ({
|
|
|
34141
34294
|
const stateBadge = () => {
|
|
34142
34295
|
if (receipt) {
|
|
34143
34296
|
const ok = !!receipt.success;
|
|
34144
|
-
return /* @__PURE__ */
|
|
34145
|
-
ok ? /* @__PURE__ */
|
|
34297
|
+
return /* @__PURE__ */ jsxs126(Badge, { variant: ok ? "success" : "destructive", children: [
|
|
34298
|
+
ok ? /* @__PURE__ */ jsx143(CheckCircle28, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx143(AlertCircle5, { className: "h-3 w-3" }),
|
|
34146
34299
|
ok ? "Included" : "Failed"
|
|
34147
34300
|
] });
|
|
34148
34301
|
}
|
|
34149
34302
|
if (rejected) {
|
|
34150
|
-
return /* @__PURE__ */
|
|
34151
|
-
/* @__PURE__ */
|
|
34303
|
+
return /* @__PURE__ */ jsxs126(Badge, { variant: "destructive", children: [
|
|
34304
|
+
/* @__PURE__ */ jsx143(AlertCircle5, { className: "h-3 w-3" }),
|
|
34152
34305
|
" Rejected by bundler"
|
|
34153
34306
|
] });
|
|
34154
34307
|
}
|
|
34155
34308
|
if (timedOut) {
|
|
34156
|
-
return /* @__PURE__ */
|
|
34157
|
-
/* @__PURE__ */
|
|
34309
|
+
return /* @__PURE__ */ jsxs126(Badge, { variant: "warning", children: [
|
|
34310
|
+
/* @__PURE__ */ jsx143(AlertCircle5, { className: "h-3 w-3" }),
|
|
34158
34311
|
" Timeout - may be rejected"
|
|
34159
34312
|
] });
|
|
34160
34313
|
}
|
|
34161
34314
|
if (mempool) {
|
|
34162
|
-
return /* @__PURE__ */
|
|
34163
|
-
/* @__PURE__ */
|
|
34315
|
+
return /* @__PURE__ */ jsxs126(Badge, { variant: "outline", children: [
|
|
34316
|
+
/* @__PURE__ */ jsx143(Clock2, { className: "h-3 w-3" }),
|
|
34164
34317
|
" Pending in bundler"
|
|
34165
34318
|
] });
|
|
34166
34319
|
}
|
|
34167
|
-
return /* @__PURE__ */
|
|
34168
|
-
/* @__PURE__ */
|
|
34320
|
+
return /* @__PURE__ */ jsxs126(Badge, { variant: "secondary", children: [
|
|
34321
|
+
/* @__PURE__ */ jsx143(Clock2, { className: "h-3 w-3" }),
|
|
34169
34322
|
" Waiting"
|
|
34170
34323
|
] });
|
|
34171
34324
|
};
|
|
34172
|
-
return /* @__PURE__ */
|
|
34325
|
+
return /* @__PURE__ */ jsxs126(
|
|
34173
34326
|
"div",
|
|
34174
34327
|
{
|
|
34175
34328
|
className: cn(
|
|
@@ -34178,20 +34331,20 @@ var UserOpStatus = ({
|
|
|
34178
34331
|
),
|
|
34179
34332
|
style: { textAlign: "left", listStyle: "none" },
|
|
34180
34333
|
children: [
|
|
34181
|
-
/* @__PURE__ */
|
|
34182
|
-
/* @__PURE__ */
|
|
34334
|
+
/* @__PURE__ */ jsxs126("div", { className: "flex items-center justify-between mb-3", children: [
|
|
34335
|
+
/* @__PURE__ */ jsxs126("div", { className: "flex items-center gap-2", children: [
|
|
34183
34336
|
stateBadge(),
|
|
34184
|
-
/* @__PURE__ */
|
|
34337
|
+
/* @__PURE__ */ jsx143("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
|
|
34185
34338
|
] }),
|
|
34186
|
-
/* @__PURE__ */
|
|
34187
|
-
/* @__PURE__ */
|
|
34188
|
-
/* @__PURE__ */
|
|
34339
|
+
/* @__PURE__ */ jsxs126(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
|
|
34340
|
+
/* @__PURE__ */ jsx143(RefreshCw4, { className: cn("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
|
|
34341
|
+
/* @__PURE__ */ jsx143("span", { className: "text-xs", children: "Refresh" })
|
|
34189
34342
|
] })
|
|
34190
34343
|
] }),
|
|
34191
|
-
/* @__PURE__ */
|
|
34192
|
-
/* @__PURE__ */
|
|
34193
|
-
/* @__PURE__ */
|
|
34194
|
-
/* @__PURE__ */
|
|
34344
|
+
/* @__PURE__ */ jsxs126("div", { className: "flex items-center gap-2 mb-2", children: [
|
|
34345
|
+
/* @__PURE__ */ jsx143("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "UO Hash" }),
|
|
34346
|
+
/* @__PURE__ */ jsx143("code", { className: "text-xs font-mono flex-1 select-all", children: userOpHash }),
|
|
34347
|
+
/* @__PURE__ */ jsx143(
|
|
34195
34348
|
Button,
|
|
34196
34349
|
{
|
|
34197
34350
|
variant: "ghost",
|
|
@@ -34203,14 +34356,14 @@ var UserOpStatus = ({
|
|
|
34203
34356
|
} catch {
|
|
34204
34357
|
}
|
|
34205
34358
|
},
|
|
34206
|
-
children: /* @__PURE__ */
|
|
34359
|
+
children: /* @__PURE__ */ jsx143(Copy6, { className: "h-3.5 w-3.5" })
|
|
34207
34360
|
}
|
|
34208
34361
|
)
|
|
34209
34362
|
] }),
|
|
34210
|
-
receipt && receipt.receipt?.transactionHash && /* @__PURE__ */
|
|
34211
|
-
/* @__PURE__ */
|
|
34212
|
-
/* @__PURE__ */
|
|
34213
|
-
/* @__PURE__ */
|
|
34363
|
+
receipt && receipt.receipt?.transactionHash && /* @__PURE__ */ jsxs126("div", { className: "flex items-center gap-2 mb-3", children: [
|
|
34364
|
+
/* @__PURE__ */ jsx143("span", { className: "text-sm font-medium min-w-16 shrink-0", children: "Tx Hash" }),
|
|
34365
|
+
/* @__PURE__ */ jsx143("code", { className: "text-xs font-mono flex-1 select-all", children: receipt.receipt.transactionHash }),
|
|
34366
|
+
/* @__PURE__ */ jsx143(
|
|
34214
34367
|
Button,
|
|
34215
34368
|
{
|
|
34216
34369
|
variant: "ghost",
|
|
@@ -34222,10 +34375,10 @@ var UserOpStatus = ({
|
|
|
34222
34375
|
} catch {
|
|
34223
34376
|
}
|
|
34224
34377
|
},
|
|
34225
|
-
children: /* @__PURE__ */
|
|
34378
|
+
children: /* @__PURE__ */ jsx143(Copy6, { className: "h-3.5 w-3.5" })
|
|
34226
34379
|
}
|
|
34227
34380
|
),
|
|
34228
|
-
chain?.blockExplorers?.default?.url && /* @__PURE__ */
|
|
34381
|
+
chain?.blockExplorers?.default?.url && /* @__PURE__ */ jsx143(
|
|
34229
34382
|
"a",
|
|
34230
34383
|
{
|
|
34231
34384
|
href: `${chain.blockExplorers.default.url}/tx/${receipt.receipt.transactionHash}`,
|
|
@@ -34233,11 +34386,11 @@ var UserOpStatus = ({
|
|
|
34233
34386
|
rel: "noreferrer noopener",
|
|
34234
34387
|
className: "inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-accent text-foreground",
|
|
34235
34388
|
title: "Open in explorer",
|
|
34236
|
-
children: /* @__PURE__ */
|
|
34389
|
+
children: /* @__PURE__ */ jsx143(ExternalLink3, { className: "h-3.5 w-3.5" })
|
|
34237
34390
|
}
|
|
34238
34391
|
)
|
|
34239
34392
|
] }),
|
|
34240
|
-
receipt && /* @__PURE__ */
|
|
34393
|
+
receipt && /* @__PURE__ */ jsxs126("div", { className: "text-xs text-muted-foreground mb-3", children: [
|
|
34241
34394
|
"Block ",
|
|
34242
34395
|
parseInt(receipt.receipt?.blockNumber || "0x0", 16),
|
|
34243
34396
|
" \u2022 Gas Used",
|
|
@@ -34246,32 +34399,32 @@ var UserOpStatus = ({
|
|
|
34246
34399
|
" \u2022 Success ",
|
|
34247
34400
|
String(!!receipt.success)
|
|
34248
34401
|
] }),
|
|
34249
|
-
/* @__PURE__ */
|
|
34402
|
+
/* @__PURE__ */ jsx143("div", { className: "text-xs text-muted-foreground", children: !receipt && !timedOut && !rejected && /* @__PURE__ */ jsxs126("span", { className: "ml-2", children: [
|
|
34250
34403
|
"\u2022 Polling for ",
|
|
34251
34404
|
Math.round((Date.now() - startTimeRef.current) / 1e3),
|
|
34252
34405
|
"s"
|
|
34253
34406
|
] }) }),
|
|
34254
|
-
mempool && /* @__PURE__ */
|
|
34255
|
-
/* @__PURE__ */
|
|
34407
|
+
mempool && /* @__PURE__ */ jsxs126("div", { className: "text-sm text-muted-foreground mt-2", style: { listStyle: "none" }, children: [
|
|
34408
|
+
/* @__PURE__ */ jsxs126("div", { children: [
|
|
34256
34409
|
"Seen by bundler at ",
|
|
34257
|
-
/* @__PURE__ */
|
|
34410
|
+
/* @__PURE__ */ jsx143(Address, { address: mempool.entryPoint, chain, showExplorer: true, truncate: false })
|
|
34258
34411
|
] }),
|
|
34259
|
-
/* @__PURE__ */
|
|
34412
|
+
/* @__PURE__ */ jsxs126("div", { children: [
|
|
34260
34413
|
"sender ",
|
|
34261
|
-
/* @__PURE__ */
|
|
34414
|
+
/* @__PURE__ */ jsx143(Address, { address: mempool.sender, chain, truncate: false })
|
|
34262
34415
|
] })
|
|
34263
34416
|
] }),
|
|
34264
|
-
error && /* @__PURE__ */
|
|
34265
|
-
/* @__PURE__ */
|
|
34417
|
+
error && /* @__PURE__ */ jsxs126("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34418
|
+
/* @__PURE__ */ jsx143(AlertCircle5, { className: "h-4 w-4" }),
|
|
34266
34419
|
" ",
|
|
34267
34420
|
error
|
|
34268
34421
|
] }),
|
|
34269
|
-
rejected && /* @__PURE__ */
|
|
34270
|
-
/* @__PURE__ */
|
|
34422
|
+
rejected && /* @__PURE__ */ jsxs126("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34423
|
+
/* @__PURE__ */ jsx143(AlertCircle5, { className: "h-4 w-4" }),
|
|
34271
34424
|
"UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
|
|
34272
34425
|
] }),
|
|
34273
|
-
timedOut && /* @__PURE__ */
|
|
34274
|
-
/* @__PURE__ */
|
|
34426
|
+
timedOut && /* @__PURE__ */ jsxs126("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34427
|
+
/* @__PURE__ */ jsx143(AlertCircle5, { className: "h-4 w-4" }),
|
|
34275
34428
|
"Stopped polling after ",
|
|
34276
34429
|
Math.round(maxPollTimeMs / 1e3),
|
|
34277
34430
|
"s. UserOperation may have been rejected by the bundler."
|
|
@@ -34286,7 +34439,7 @@ init_cn();
|
|
|
34286
34439
|
init_button();
|
|
34287
34440
|
import { Copy as Copy7, ExternalLink as ExternalLink4 } from "lucide-react";
|
|
34288
34441
|
import * as React35 from "react";
|
|
34289
|
-
import { jsx as
|
|
34442
|
+
import { jsx as jsx144, jsxs as jsxs127 } from "react/jsx-runtime";
|
|
34290
34443
|
function toExplorerUrl(kind, value, chain) {
|
|
34291
34444
|
const base = chain?.blockExplorers?.default?.url;
|
|
34292
34445
|
if (!base) return null;
|
|
@@ -34310,11 +34463,11 @@ var Hash = ({
|
|
|
34310
34463
|
const value = hash || "";
|
|
34311
34464
|
const explorer = toExplorerUrl(kind, value, chain || void 0);
|
|
34312
34465
|
const [copied, setCopied] = React35.useState(false);
|
|
34313
|
-
if (!value) return /* @__PURE__ */
|
|
34314
|
-
return /* @__PURE__ */
|
|
34315
|
-
label && /* @__PURE__ */
|
|
34316
|
-
/* @__PURE__ */
|
|
34317
|
-
showCopy && /* @__PURE__ */
|
|
34466
|
+
if (!value) return /* @__PURE__ */ jsx144("span", { className: cn("text-muted-foreground", className), children: "\u2014" });
|
|
34467
|
+
return /* @__PURE__ */ jsxs127("div", { className: cn("flex items-center gap-2", className), children: [
|
|
34468
|
+
label && /* @__PURE__ */ jsx144("span", { className: "text-sm font-medium", children: label }),
|
|
34469
|
+
/* @__PURE__ */ jsx144("code", { className: "text-xs bg-background px-2 py-1 rounded break-all", children: truncate ? short2(value) : value }),
|
|
34470
|
+
showCopy && /* @__PURE__ */ jsx144(
|
|
34318
34471
|
Button,
|
|
34319
34472
|
{
|
|
34320
34473
|
variant: "ghost",
|
|
@@ -34328,10 +34481,10 @@ var Hash = ({
|
|
|
34328
34481
|
} catch {
|
|
34329
34482
|
}
|
|
34330
34483
|
},
|
|
34331
|
-
children: /* @__PURE__ */
|
|
34484
|
+
children: /* @__PURE__ */ jsx144(Copy7, { className: "h-4 w-4" })
|
|
34332
34485
|
}
|
|
34333
34486
|
),
|
|
34334
|
-
showExplorer && explorer && /* @__PURE__ */
|
|
34487
|
+
showExplorer && explorer && /* @__PURE__ */ jsx144(
|
|
34335
34488
|
"a",
|
|
34336
34489
|
{
|
|
34337
34490
|
href: explorer,
|
|
@@ -34339,7 +34492,7 @@ var Hash = ({
|
|
|
34339
34492
|
rel: "noreferrer noopener",
|
|
34340
34493
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
34341
34494
|
title: "Open in explorer",
|
|
34342
|
-
children: /* @__PURE__ */
|
|
34495
|
+
children: /* @__PURE__ */ jsx144(ExternalLink4, { className: "h-4 w-4" })
|
|
34343
34496
|
}
|
|
34344
34497
|
)
|
|
34345
34498
|
] });
|
|
@@ -34347,13 +34500,13 @@ var Hash = ({
|
|
|
34347
34500
|
|
|
34348
34501
|
// src/internal/components/TransactionsMenu/TransactionsList.tsx
|
|
34349
34502
|
init_base3();
|
|
34350
|
-
import { useEffect as
|
|
34351
|
-
import { jsx as
|
|
34503
|
+
import { useEffect as useEffect61, useState as useState37 } from "react";
|
|
34504
|
+
import { jsx as jsx145, jsxs as jsxs128 } from "react/jsx-runtime";
|
|
34352
34505
|
var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
34353
34506
|
const [transactions, setTransactions] = useState37([]);
|
|
34354
34507
|
const [loading, setLoading] = useState37(true);
|
|
34355
34508
|
const [error, setError] = useState37(null);
|
|
34356
|
-
|
|
34509
|
+
useEffect61(() => {
|
|
34357
34510
|
const fetchTransactions2 = async () => {
|
|
34358
34511
|
try {
|
|
34359
34512
|
setLoading(true);
|
|
@@ -34399,31 +34552,31 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
|
34399
34552
|
window.open(`${explorerUrl}/tx/${txHash}`, "_blank");
|
|
34400
34553
|
};
|
|
34401
34554
|
if (loading) {
|
|
34402
|
-
return /* @__PURE__ */
|
|
34403
|
-
/* @__PURE__ */
|
|
34404
|
-
/* @__PURE__ */
|
|
34555
|
+
return /* @__PURE__ */ jsxs128("div", { className: "p-4 text-center", children: [
|
|
34556
|
+
/* @__PURE__ */ jsx145("div", { className: "animate-spin inline-block w-6 h-6 border-2 border-current border-t-transparent rounded-full" }),
|
|
34557
|
+
/* @__PURE__ */ jsx145("p", { className: "mt-2 text-sm text-gray-600", children: "Loading transactions..." })
|
|
34405
34558
|
] });
|
|
34406
34559
|
}
|
|
34407
34560
|
if (error) {
|
|
34408
|
-
return /* @__PURE__ */
|
|
34409
|
-
/* @__PURE__ */
|
|
34410
|
-
/* @__PURE__ */
|
|
34561
|
+
return /* @__PURE__ */ jsxs128("div", { className: "p-4 text-center", children: [
|
|
34562
|
+
/* @__PURE__ */ jsx145("p", { className: "text-red-600 text-sm", children: error }),
|
|
34563
|
+
/* @__PURE__ */ jsx145("button", { onClick: () => window.location.reload(), className: "mt-2 text-blue-600 text-sm hover:underline", children: "Retry" })
|
|
34411
34564
|
] });
|
|
34412
34565
|
}
|
|
34413
34566
|
if (transactions.length === 0) {
|
|
34414
|
-
return /* @__PURE__ */
|
|
34567
|
+
return /* @__PURE__ */ jsx145("div", { className: "p-4 text-center", children: /* @__PURE__ */ jsx145("p", { className: "text-gray-600 text-sm", children: "No transactions found" }) });
|
|
34415
34568
|
}
|
|
34416
|
-
return /* @__PURE__ */
|
|
34569
|
+
return /* @__PURE__ */ jsx145("div", { className: "max-h-96 overflow-y-auto", children: /* @__PURE__ */ jsx145("div", { className: "space-y-2 p-2", children: transactions.map((tx) => /* @__PURE__ */ jsxs128(
|
|
34417
34570
|
"div",
|
|
34418
34571
|
{
|
|
34419
34572
|
className: "border rounded-lg p-3 hover:bg-gray-50 cursor-pointer transition-colors",
|
|
34420
34573
|
onClick: () => openTransaction(tx.hash),
|
|
34421
34574
|
children: [
|
|
34422
|
-
/* @__PURE__ */
|
|
34423
|
-
/* @__PURE__ */
|
|
34424
|
-
/* @__PURE__ */
|
|
34425
|
-
/* @__PURE__ */
|
|
34426
|
-
/* @__PURE__ */
|
|
34575
|
+
/* @__PURE__ */ jsxs128("div", { className: "flex justify-between items-start mb-2", children: [
|
|
34576
|
+
/* @__PURE__ */ jsxs128("div", { className: "flex-1", children: [
|
|
34577
|
+
/* @__PURE__ */ jsxs128("div", { className: "flex items-center space-x-2 mb-1", children: [
|
|
34578
|
+
/* @__PURE__ */ jsx145("span", { className: "text-xs font-mono bg-gray-100 px-2 py-1 rounded", children: formatAddress4(tx.hash) }),
|
|
34579
|
+
/* @__PURE__ */ jsx145(
|
|
34427
34580
|
"span",
|
|
34428
34581
|
{
|
|
34429
34582
|
className: `text-xs px-2 py-1 rounded ${tx.status === "ok" ? "bg-green-100 text-green-800" : "bg-red-100 text-red-800"}`,
|
|
@@ -34431,40 +34584,40 @@ var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
|
34431
34584
|
}
|
|
34432
34585
|
)
|
|
34433
34586
|
] }),
|
|
34434
|
-
/* @__PURE__ */
|
|
34435
|
-
/* @__PURE__ */
|
|
34436
|
-
/* @__PURE__ */
|
|
34437
|
-
/* @__PURE__ */
|
|
34587
|
+
/* @__PURE__ */ jsxs128("div", { className: "text-sm space-y-1", children: [
|
|
34588
|
+
/* @__PURE__ */ jsxs128("div", { children: [
|
|
34589
|
+
/* @__PURE__ */ jsx145("span", { className: "text-gray-600", children: "From:" }),
|
|
34590
|
+
/* @__PURE__ */ jsxs128("span", { className: "font-mono ml-1", children: [
|
|
34438
34591
|
formatAddress4(tx.from.hash),
|
|
34439
|
-
tx.from.is_contract && /* @__PURE__ */
|
|
34592
|
+
tx.from.is_contract && /* @__PURE__ */ jsx145("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
|
|
34440
34593
|
] })
|
|
34441
34594
|
] }),
|
|
34442
|
-
/* @__PURE__ */
|
|
34443
|
-
/* @__PURE__ */
|
|
34444
|
-
/* @__PURE__ */
|
|
34595
|
+
/* @__PURE__ */ jsxs128("div", { children: [
|
|
34596
|
+
/* @__PURE__ */ jsx145("span", { className: "text-gray-600", children: "To:" }),
|
|
34597
|
+
/* @__PURE__ */ jsxs128("span", { className: "font-mono ml-1", children: [
|
|
34445
34598
|
formatAddress4(tx.to.hash),
|
|
34446
|
-
tx.to.is_contract && /* @__PURE__ */
|
|
34599
|
+
tx.to.is_contract && /* @__PURE__ */ jsx145("span", { className: "text-xs text-blue-600 ml-1", children: "(Contract)" })
|
|
34447
34600
|
] })
|
|
34448
34601
|
] }),
|
|
34449
|
-
/* @__PURE__ */
|
|
34450
|
-
/* @__PURE__ */
|
|
34451
|
-
/* @__PURE__ */
|
|
34602
|
+
/* @__PURE__ */ jsxs128("div", { children: [
|
|
34603
|
+
/* @__PURE__ */ jsx145("span", { className: "text-gray-600", children: "Value:" }),
|
|
34604
|
+
/* @__PURE__ */ jsxs128("span", { className: "font-semibold ml-1", children: [
|
|
34452
34605
|
formatValue3(tx.value),
|
|
34453
34606
|
" LUMIA"
|
|
34454
34607
|
] })
|
|
34455
34608
|
] })
|
|
34456
34609
|
] })
|
|
34457
34610
|
] }),
|
|
34458
|
-
/* @__PURE__ */
|
|
34459
|
-
/* @__PURE__ */
|
|
34460
|
-
/* @__PURE__ */
|
|
34611
|
+
/* @__PURE__ */ jsxs128("div", { className: "text-right text-xs text-gray-500", children: [
|
|
34612
|
+
/* @__PURE__ */ jsx145("div", { children: formatDate2(tx.timestamp) }),
|
|
34613
|
+
/* @__PURE__ */ jsxs128("div", { className: "mt-1", children: [
|
|
34461
34614
|
"Gas: ",
|
|
34462
34615
|
parseInt(tx.gas_used).toLocaleString()
|
|
34463
34616
|
] }),
|
|
34464
|
-
tx.method && /* @__PURE__ */
|
|
34617
|
+
tx.method && /* @__PURE__ */ jsx145("div", { className: "mt-1 text-blue-600", children: tx.method })
|
|
34465
34618
|
] })
|
|
34466
34619
|
] }),
|
|
34467
|
-
tx.transaction_types.length > 0 && /* @__PURE__ */
|
|
34620
|
+
tx.transaction_types.length > 0 && /* @__PURE__ */ jsx145("div", { className: "flex flex-wrap gap-1 mt-2", children: tx.transaction_types.map((type, idx) => /* @__PURE__ */ jsx145("span", { className: "text-xs bg-blue-100 text-blue-800 px-2 py-1 rounded-full", children: type.replace("_", " ") }, idx)) })
|
|
34468
34621
|
]
|
|
34469
34622
|
},
|
|
34470
34623
|
tx.hash
|