@embarkai/ui-kit 0.4.43 → 0.4.44
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 +181 -184
- package/dist/index.d.cts +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +291 -294
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5373,7 +5373,9 @@ var init_en = __esm({
|
|
|
5373
5373
|
next: "Next",
|
|
5374
5374
|
prev: "Prev",
|
|
5375
5375
|
page: "Page",
|
|
5376
|
+
details: "Details",
|
|
5376
5377
|
loading: "Loading",
|
|
5378
|
+
loadMore: "Load More",
|
|
5377
5379
|
max: "Max",
|
|
5378
5380
|
min: "Min",
|
|
5379
5381
|
search: "Search",
|
|
@@ -5705,7 +5707,9 @@ var init_ru = __esm({
|
|
|
5705
5707
|
next: "\u0421\u043B\u0435\u0434",
|
|
5706
5708
|
prev: "\u041F\u0440\u0435\u0434",
|
|
5707
5709
|
page: "\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430",
|
|
5710
|
+
details: "\u0414\u0435\u0442\u0430\u043B\u0438",
|
|
5708
5711
|
loading: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430",
|
|
5712
|
+
loadMore: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0435\u0449\u0451",
|
|
5709
5713
|
max: "\u041C\u0430\u043A\u0441",
|
|
5710
5714
|
min: "\u041C\u0438\u043D",
|
|
5711
5715
|
search: "\u041F\u043E\u0438\u0441\u043A",
|
|
@@ -6037,7 +6041,9 @@ var init_zh = __esm({
|
|
|
6037
6041
|
next: "\u4E0B\u4E00\u6B65",
|
|
6038
6042
|
prev: "\u4E0A\u4E00\u6B65",
|
|
6039
6043
|
page: "\u9875\u9762",
|
|
6044
|
+
details: "\u8BE6\u60C5",
|
|
6040
6045
|
loading: "\u52A0\u8F7D\u4E2D",
|
|
6046
|
+
loadMore: "\u52A0\u8F7D\u66F4\u591A",
|
|
6041
6047
|
max: "\u6700\u5927",
|
|
6042
6048
|
min: "\u6700\u5C0F",
|
|
6043
6049
|
search: "\u641C\u7D22",
|
|
@@ -9844,8 +9850,8 @@ var init_statuses = __esm({
|
|
|
9844
9850
|
import { useInfiniteQuery } from "@tanstack/react-query";
|
|
9845
9851
|
import dayjs from "dayjs";
|
|
9846
9852
|
import { debounce as debounce4 } from "lodash-es";
|
|
9847
|
-
import { LoaderIcon as LoaderIcon2 } from "lucide-react";
|
|
9848
|
-
import { useCallback as useCallback11, useEffect as useEffect11
|
|
9853
|
+
import { DownloadIcon, ExternalLinkIcon, LoaderIcon as LoaderIcon2 } from "lucide-react";
|
|
9854
|
+
import { useCallback as useCallback11, useEffect as useEffect11 } from "react";
|
|
9849
9855
|
import { jsx as jsx35, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
9850
9856
|
function getStatusVariant(status) {
|
|
9851
9857
|
switch (status) {
|
|
@@ -9865,7 +9871,7 @@ function BinanceTxHistoryItem(props) {
|
|
|
9865
9871
|
const { id, initPayload, txPayload, txStatus, createdAt, updatedAt } = props;
|
|
9866
9872
|
const { t } = useT();
|
|
9867
9873
|
const {
|
|
9868
|
-
type,
|
|
9874
|
+
// type,
|
|
9869
9875
|
// status,
|
|
9870
9876
|
// externalOrderId,
|
|
9871
9877
|
fiatCurrency,
|
|
@@ -9887,49 +9893,62 @@ function BinanceTxHistoryItem(props) {
|
|
|
9887
9893
|
} = txPayload || {};
|
|
9888
9894
|
const statusInfo = STATUS_CODE_TO_MESSAGE[txStatus];
|
|
9889
9895
|
const badgeVariant = getStatusVariant(txStatus);
|
|
9896
|
+
const TokenIcon = TOKENS_ICONS[cryptoCurrency.toUpperCase()] || TOKENS_ICONS["EMBARKAI"];
|
|
9890
9897
|
return /* @__PURE__ */ jsxs30(
|
|
9891
9898
|
"div",
|
|
9892
9899
|
{
|
|
9893
9900
|
className: cn(
|
|
9894
9901
|
"relative",
|
|
9895
|
-
"w-full p-[var(--ui-kit-pd)]",
|
|
9902
|
+
"w-full p-[var(--ui-kit-pd)] space-y-1",
|
|
9896
9903
|
"rounded-[var(--ui-kit-el-bdrs)]",
|
|
9897
|
-
"bg-[var(--ui-kit-secondary
|
|
9904
|
+
"bg-[var(--ui-kit-secondary)]"
|
|
9898
9905
|
),
|
|
9899
9906
|
children: [
|
|
9900
9907
|
/* @__PURE__ */ jsx35(
|
|
9901
9908
|
Badge,
|
|
9902
9909
|
{
|
|
9903
9910
|
variant: badgeVariant,
|
|
9904
|
-
className: cn("absolute top-
|
|
9911
|
+
className: cn("absolute top-2 -translate-y-1/3 right-2", {
|
|
9905
9912
|
"bg-[var(--ui-kit-bg)] animate-glow-warning": badgeVariant === "outline"
|
|
9906
9913
|
}),
|
|
9907
9914
|
children: statusInfo?.type
|
|
9908
9915
|
}
|
|
9909
9916
|
),
|
|
9910
|
-
/* @__PURE__ */
|
|
9911
|
-
|
|
9912
|
-
/* @__PURE__ */
|
|
9913
|
-
|
|
9914
|
-
|
|
9915
|
-
|
|
9916
|
-
|
|
9917
|
-
|
|
9918
|
-
|
|
9919
|
-
|
|
9920
|
-
|
|
9921
|
-
|
|
9922
|
-
|
|
9923
|
-
fiatCurrency
|
|
9917
|
+
/* @__PURE__ */ jsxs30("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
9918
|
+
/* @__PURE__ */ jsx35(TokenIcon, { className: "w-8 h-8" }),
|
|
9919
|
+
/* @__PURE__ */ jsxs30("div", { className: "w-full", children: [
|
|
9920
|
+
/* @__PURE__ */ jsxs30("p", { className: "text-lg leading-5", children: [
|
|
9921
|
+
/* @__PURE__ */ jsx35("strong", { children: formatPrice(Number(cryptoAmount)) }),
|
|
9922
|
+
" ",
|
|
9923
|
+
cryptoCurrency
|
|
9924
|
+
] }),
|
|
9925
|
+
Number(fiatAmount || "0") > 0 && /* @__PURE__ */ jsxs30("p", { className: "text-[10px] leading-4", children: [
|
|
9926
|
+
formatPrice(Number(fiatAmount)),
|
|
9927
|
+
" ",
|
|
9928
|
+
fiatCurrency
|
|
9929
|
+
] })
|
|
9924
9930
|
] })
|
|
9925
9931
|
] }),
|
|
9926
9932
|
/* @__PURE__ */ jsxs30("div", { className: "flex items-center gap-[var(--ui-kit-gap)] justify-between", children: [
|
|
9927
|
-
/* @__PURE__ */ jsxs30("span", { className: cn("text-[10px] leading-
|
|
9928
|
-
"
|
|
9933
|
+
/* @__PURE__ */ jsxs30("span", { className: cn("text-[10px] leading-5 text-[var(--ui-kit-fg-muted)]"), children: [
|
|
9934
|
+
"ID: ",
|
|
9929
9935
|
id
|
|
9930
9936
|
] }),
|
|
9931
|
-
|
|
9932
|
-
] })
|
|
9937
|
+
/* @__PURE__ */ jsx35("span", { className: "text-[10px] leading-5 text-[var(--ui-kit-fg-muted)]", children: dayjs(updatedAt || createdAt).format("MMM D YYYY [at] HH:mm") })
|
|
9938
|
+
] }),
|
|
9939
|
+
orderDetailLink && /* @__PURE__ */ jsxs30(
|
|
9940
|
+
Button,
|
|
9941
|
+
{
|
|
9942
|
+
variant: "outline",
|
|
9943
|
+
size: "medium",
|
|
9944
|
+
className: "w-full",
|
|
9945
|
+
onClick: () => window.open(orderDetailLink, "_blank", "noopener,noreferrer"),
|
|
9946
|
+
children: [
|
|
9947
|
+
/* @__PURE__ */ jsx35(ExternalLinkIcon, { className: "w-4 h-4" }),
|
|
9948
|
+
/* @__PURE__ */ jsx35("span", { className: "text-xs leading-5", children: t("passport:common.details") })
|
|
9949
|
+
]
|
|
9950
|
+
}
|
|
9951
|
+
)
|
|
9933
9952
|
]
|
|
9934
9953
|
}
|
|
9935
9954
|
);
|
|
@@ -9937,9 +9956,8 @@ function BinanceTxHistoryItem(props) {
|
|
|
9937
9956
|
function BinanceTxHistory() {
|
|
9938
9957
|
const { t } = useT();
|
|
9939
9958
|
const walletAddress = useSession((st) => st.address);
|
|
9940
|
-
const [pagePointer, setPagePointer] = useState8(1);
|
|
9941
9959
|
const {
|
|
9942
|
-
data:
|
|
9960
|
+
data: historyData,
|
|
9943
9961
|
isLoading: isTxDataLoading,
|
|
9944
9962
|
isFetching: isTxDataFetching,
|
|
9945
9963
|
hasNextPage,
|
|
@@ -9955,9 +9973,7 @@ function BinanceTxHistory() {
|
|
|
9955
9973
|
txStatuses: SHOW_STATUSES
|
|
9956
9974
|
})
|
|
9957
9975
|
});
|
|
9958
|
-
const
|
|
9959
|
-
const pageCount = loadedPages[loadedPages.length - 1]?.pageCount || 1;
|
|
9960
|
-
const txList = loadedPages.map((p) => p.data)[pagePointer - 1] || [];
|
|
9976
|
+
const txList = historyData?.pages?.map((p) => p.data).flat(Infinity) || [];
|
|
9961
9977
|
const updateExpandable = useCallback11(
|
|
9962
9978
|
debounce4(() => {
|
|
9963
9979
|
useBuyMenuStore.getState().setRenderKey(`binance-history-loaded-${Date.now()}`);
|
|
@@ -9965,67 +9981,34 @@ function BinanceTxHistory() {
|
|
|
9965
9981
|
[]
|
|
9966
9982
|
);
|
|
9967
9983
|
useEffect11(() => {
|
|
9968
|
-
if (isTxDataLoading || txList?.length
|
|
9984
|
+
if (isTxDataLoading || !txList?.length || txList.length > 10) return;
|
|
9969
9985
|
updateExpandable();
|
|
9970
9986
|
}, [isTxDataLoading, txList]);
|
|
9971
|
-
|
|
9972
|
-
async (curCursor, curPageParams) => {
|
|
9973
|
-
const maxLoadedPage = Math.max(...curPageParams);
|
|
9974
|
-
if (curCursor !== maxLoadedPage) {
|
|
9975
|
-
setPagePointer((prev) => prev + 1);
|
|
9976
|
-
} else {
|
|
9977
|
-
const nPage = await fetchNextPage();
|
|
9978
|
-
const nextPageParams = nPage?.data?.pageParams || [];
|
|
9979
|
-
const nextCursor = Number(nextPageParams[nextPageParams.length - 1]) || 1;
|
|
9980
|
-
setPagePointer(nextCursor);
|
|
9981
|
-
}
|
|
9982
|
-
},
|
|
9983
|
-
[fetchNextPage]
|
|
9984
|
-
);
|
|
9985
|
-
if (isTxDataLoading) {
|
|
9986
|
-
return /* @__PURE__ */ jsx35("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx35(LoaderIcon2, { className: "w-4 h-4 animate-spin" }) });
|
|
9987
|
-
}
|
|
9988
|
-
if (!isTxDataLoading && txList.length === 0) {
|
|
9987
|
+
if (!isTxDataLoading && !txList.length) {
|
|
9989
9988
|
return /* @__PURE__ */ jsx35(Highlight, { children: t("passport:buyMenu.noItems.noTransactions") });
|
|
9990
9989
|
}
|
|
9991
|
-
return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]
|
|
9990
|
+
return /* @__PURE__ */ jsxs30("div", { className: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
9992
9991
|
txList.map((tx) => /* @__PURE__ */ jsx35(BinanceTxHistoryItem, { ...tx }, tx.id)),
|
|
9993
|
-
/* @__PURE__ */ jsxs30(
|
|
9994
|
-
|
|
9995
|
-
|
|
9996
|
-
|
|
9997
|
-
|
|
9998
|
-
|
|
9999
|
-
|
|
10000
|
-
|
|
10001
|
-
|
|
10002
|
-
|
|
10003
|
-
|
|
10004
|
-
|
|
10005
|
-
|
|
10006
|
-
|
|
10007
|
-
Button,
|
|
10008
|
-
{
|
|
10009
|
-
variant: "ghost",
|
|
10010
|
-
size: "medium",
|
|
10011
|
-
disabled: isTxDataFetching,
|
|
10012
|
-
className: "text-xs",
|
|
10013
|
-
onClick: () => handleNextPage(pagePointer, pageParams),
|
|
10014
|
-
children: t("passport:common.next")
|
|
10015
|
-
}
|
|
10016
|
-
)
|
|
10017
|
-
] }),
|
|
10018
|
-
isTxDataFetching ? /* @__PURE__ */ jsx35(LoaderIcon2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsxs30("span", { className: "text-xs leading-4 text-[var(--ui-kit-fg-muted)]", children: [
|
|
10019
|
-
pagePointer,
|
|
10020
|
-
" / ",
|
|
10021
|
-
pageCount
|
|
10022
|
-
] })
|
|
10023
|
-
] })
|
|
9992
|
+
hasNextPage && /* @__PURE__ */ jsxs30(
|
|
9993
|
+
Button,
|
|
9994
|
+
{
|
|
9995
|
+
variant: "ghost",
|
|
9996
|
+
size: "large",
|
|
9997
|
+
disabled: isTxDataFetching,
|
|
9998
|
+
className: "w-full",
|
|
9999
|
+
onClick: () => fetchNextPage(),
|
|
10000
|
+
children: [
|
|
10001
|
+
isTxDataFetching ? /* @__PURE__ */ jsx35(LoaderIcon2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx35(DownloadIcon, { className: "w-4 h-4" }),
|
|
10002
|
+
t("passport:common.loadMore")
|
|
10003
|
+
]
|
|
10004
|
+
}
|
|
10005
|
+
)
|
|
10024
10006
|
] });
|
|
10025
10007
|
}
|
|
10026
|
-
var TRANSACTIONS_PAGESIZE, SHOW_STATUSES
|
|
10008
|
+
var TRANSACTIONS_PAGESIZE, SHOW_STATUSES;
|
|
10027
10009
|
var init_BinanceTxHistory = __esm({
|
|
10028
10010
|
"src/internal/components/BuyMenu/binance/BinanceTxHistory.tsx"() {
|
|
10011
|
+
init_tokens();
|
|
10029
10012
|
init_utils2();
|
|
10030
10013
|
init_SessionContext();
|
|
10031
10014
|
init_i18n();
|
|
@@ -10039,7 +10022,6 @@ var init_BinanceTxHistory = __esm({
|
|
|
10039
10022
|
init_statuses();
|
|
10040
10023
|
TRANSACTIONS_PAGESIZE = 4;
|
|
10041
10024
|
SHOW_STATUSES = ["0", "1", "2", "20", "97", "99"];
|
|
10042
|
-
TX_TYPES = { 1: "passport:common.buy", 2: "passport:common.sell", 3: "passport:common.send" };
|
|
10043
10025
|
}
|
|
10044
10026
|
});
|
|
10045
10027
|
|
|
@@ -10523,7 +10505,7 @@ var init_FinchPaySummary = __esm({
|
|
|
10523
10505
|
import { useInfiniteQuery as useInfiniteQuery2 } from "@tanstack/react-query";
|
|
10524
10506
|
import dayjs2 from "dayjs";
|
|
10525
10507
|
import { LoaderIcon as LoaderIcon4 } from "lucide-react";
|
|
10526
|
-
import { useCallback as useCallback12, useState as
|
|
10508
|
+
import { useCallback as useCallback12, useState as useState8 } from "react";
|
|
10527
10509
|
import { jsx as jsx38, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
10528
10510
|
function getStatusVariant2(status) {
|
|
10529
10511
|
switch (status) {
|
|
@@ -10603,7 +10585,7 @@ function FinchPayTxHistoryItem(props) {
|
|
|
10603
10585
|
function FinchPayTxHistory() {
|
|
10604
10586
|
const { t } = useT();
|
|
10605
10587
|
const walletAddress = useSession((st) => st.address);
|
|
10606
|
-
const [cursor, setCursor] =
|
|
10588
|
+
const [cursor, setCursor] = useState8(1);
|
|
10607
10589
|
const {
|
|
10608
10590
|
data: txData,
|
|
10609
10591
|
isLoading: isTxDataLoading,
|
|
@@ -11694,7 +11676,7 @@ import { PAYMASTER_CACHE_TTL_MS } from "@embarkai/core";
|
|
|
11694
11676
|
import { getChainConfig as getChainConfig7 } from "@embarkai/core/read";
|
|
11695
11677
|
import { useQuery as useQuery4 } from "@tanstack/react-query";
|
|
11696
11678
|
import { ArrowLeft as ArrowLeft4, Copy, ExternalLink, Loader as Loader6 } from "lucide-react";
|
|
11697
|
-
import { useEffect as useEffect17, useRef as useRef11, useState as
|
|
11679
|
+
import { useEffect as useEffect17, useRef as useRef11, useState as useState9 } from "react";
|
|
11698
11680
|
import { jsx as jsx48, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
11699
11681
|
function getPaymasterExplorerUrl(chainId, paymasterAddress) {
|
|
11700
11682
|
const chainConfig = getChainConfig7(chainId);
|
|
@@ -11707,8 +11689,8 @@ function ChainsMenu() {
|
|
|
11707
11689
|
const isLoading = useSession((st) => st.isLoading);
|
|
11708
11690
|
const activeChainId = useSession((st) => st.activeChainId);
|
|
11709
11691
|
const setActiveChainId = useSession((st) => st.setActiveChainId);
|
|
11710
|
-
const [nextChainId, setNextChainId] =
|
|
11711
|
-
const [copiedChainId, setCopiedChainId] =
|
|
11692
|
+
const [nextChainId, setNextChainId] = useState9(null);
|
|
11693
|
+
const [copiedChainId, setCopiedChainId] = useState9(null);
|
|
11712
11694
|
const copiedResetTimerRef = useRef11(null);
|
|
11713
11695
|
const { t } = useT();
|
|
11714
11696
|
const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
|
|
@@ -12040,7 +12022,7 @@ var init_devices = __esm({
|
|
|
12040
12022
|
});
|
|
12041
12023
|
|
|
12042
12024
|
// src/internal/components/DevicesMenu/DeviceLinkScreen.tsx
|
|
12043
|
-
import { useState as
|
|
12025
|
+
import { useState as useState10 } from "react";
|
|
12044
12026
|
import { ArrowLeft as ArrowLeft6, Loader2 as Loader22 } from "lucide-react";
|
|
12045
12027
|
import { jsx as jsx50, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
12046
12028
|
function getErrorMessage(err) {
|
|
@@ -12062,8 +12044,8 @@ function DeviceLinkScreen() {
|
|
|
12062
12044
|
const setPage = useLayoutDataStore((s) => s.setPage);
|
|
12063
12045
|
const maxScrollHeight = useLayoutStore((s) => s.maxScrollHeight);
|
|
12064
12046
|
const { mutate: link, isPending } = useLinkDevice();
|
|
12065
|
-
const [code, setCode] =
|
|
12066
|
-
const [error, setError] =
|
|
12047
|
+
const [code, setCode] = useState10("");
|
|
12048
|
+
const [error, setError] = useState10(null);
|
|
12067
12049
|
const isValid = code.length === 6 && VALID_CHARS.test(code);
|
|
12068
12050
|
function handleCodeChange(value) {
|
|
12069
12051
|
const upper = value.toUpperCase().slice(0, 6);
|
|
@@ -12643,7 +12625,7 @@ var init_guardian_backup = __esm({
|
|
|
12643
12625
|
});
|
|
12644
12626
|
|
|
12645
12627
|
// src/internal/components/DevicesMenu/DeviceManageScreen.tsx
|
|
12646
|
-
import { useCallback as useCallback14, useEffect as useEffect19, useRef as useRef13, useState as
|
|
12628
|
+
import { useCallback as useCallback14, useEffect as useEffect19, useRef as useRef13, useState as useState11 } from "react";
|
|
12647
12629
|
import { ArrowLeft as ArrowLeft7, Cpu, Download, HardDrive, Loader2 as Loader23, Trash2, Upload } from "lucide-react";
|
|
12648
12630
|
import { Fragment as Fragment15, jsx as jsx51, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
12649
12631
|
function formatSize(bytes) {
|
|
@@ -12659,12 +12641,12 @@ function DeviceManageScreen() {
|
|
|
12659
12641
|
const deviceId = pageParams?.deviceId;
|
|
12660
12642
|
const deviceName = pageParams?.deviceName;
|
|
12661
12643
|
const guardianRef = useRef13(null);
|
|
12662
|
-
const [screen, setScreen] =
|
|
12663
|
-
const [actionState, setActionState] =
|
|
12664
|
-
const [password, setPassword] =
|
|
12665
|
-
const [statusMessage, setStatusMessage] =
|
|
12666
|
-
const [errorMessage, setErrorMessage] =
|
|
12667
|
-
const [waitingConfirm, setWaitingConfirm] =
|
|
12644
|
+
const [screen, setScreen] = useState11({ step: "connecting" });
|
|
12645
|
+
const [actionState, setActionState] = useState11(null);
|
|
12646
|
+
const [password, setPassword] = useState11("");
|
|
12647
|
+
const [statusMessage, setStatusMessage] = useState11(null);
|
|
12648
|
+
const [errorMessage, setErrorMessage] = useState11(null);
|
|
12649
|
+
const [waitingConfirm, setWaitingConfirm] = useState11(false);
|
|
12668
12650
|
useEffect19(() => {
|
|
12669
12651
|
if (!statusMessage) return;
|
|
12670
12652
|
const t = setTimeout(() => setStatusMessage(null), 3e3);
|
|
@@ -12935,7 +12917,7 @@ var init_DeviceManageScreen = __esm({
|
|
|
12935
12917
|
});
|
|
12936
12918
|
|
|
12937
12919
|
// src/internal/components/DevicesMenu/DeviceRestoreScreen.tsx
|
|
12938
|
-
import { useCallback as useCallback15, useState as
|
|
12920
|
+
import { useCallback as useCallback15, useState as useState12 } from "react";
|
|
12939
12921
|
import { AlertTriangle as AlertTriangle3, ArrowLeft as ArrowLeft8, Download as Download2, Loader2 as Loader24 } from "lucide-react";
|
|
12940
12922
|
import { Fragment as Fragment16, jsx as jsx52, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
12941
12923
|
function DeviceRestoreScreen() {
|
|
@@ -12947,10 +12929,10 @@ function DeviceRestoreScreen() {
|
|
|
12947
12929
|
const keyshareId = pageParams?.keyshareId;
|
|
12948
12930
|
const deviceId = pageParams?.deviceId;
|
|
12949
12931
|
const deviceName = pageParams?.deviceName;
|
|
12950
|
-
const [password, setPassword] =
|
|
12951
|
-
const [isWorking, setIsWorking] =
|
|
12952
|
-
const [statusMessage, setStatusMessage] =
|
|
12953
|
-
const [errorMessage, setErrorMessage] =
|
|
12932
|
+
const [password, setPassword] = useState12("");
|
|
12933
|
+
const [isWorking, setIsWorking] = useState12(false);
|
|
12934
|
+
const [statusMessage, setStatusMessage] = useState12(null);
|
|
12935
|
+
const [errorMessage, setErrorMessage] = useState12(null);
|
|
12954
12936
|
const handleRestore = useCallback15(async () => {
|
|
12955
12937
|
if (!password || !keyshareId || !userId) return;
|
|
12956
12938
|
const iframe4 = getIframeManager();
|
|
@@ -13051,7 +13033,7 @@ var init_DeviceRestoreScreen = __esm({
|
|
|
13051
13033
|
});
|
|
13052
13034
|
|
|
13053
13035
|
// src/internal/components/DevicesMenu/DevicesMenu.tsx
|
|
13054
|
-
import { useState as
|
|
13036
|
+
import { useState as useState13 } from "react";
|
|
13055
13037
|
import { ArrowLeft as ArrowLeft9, Cpu as Cpu2, Monitor, CheckCircle, Trash2 as Trash22, Loader2 as Loader25, RefreshCw, HardDrive as HardDrive2 } from "lucide-react";
|
|
13056
13038
|
import { jsx as jsx53, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
13057
13039
|
function DeviceIcon({ deviceType }) {
|
|
@@ -13063,8 +13045,8 @@ function truncateAddress(address) {
|
|
|
13063
13045
|
return `${address.slice(0, 6)}...${address.slice(-4)}`;
|
|
13064
13046
|
}
|
|
13065
13047
|
function DeviceRow({ device }) {
|
|
13066
|
-
const [confirmingUnlink, setConfirmingUnlink] =
|
|
13067
|
-
const [unlinkError, setUnlinkError] =
|
|
13048
|
+
const [confirmingUnlink, setConfirmingUnlink] = useState13(false);
|
|
13049
|
+
const [unlinkError, setUnlinkError] = useState13(null);
|
|
13068
13050
|
const { mutate: unlink, isPending } = useUnlinkDevice();
|
|
13069
13051
|
if (confirmingUnlink) {
|
|
13070
13052
|
return /* @__PURE__ */ jsxs48("div", { className: "flex flex-col gap-2 p-3 rounded-lg bg-[var(--ui-kit-bg)]", children: [
|
|
@@ -14849,7 +14831,7 @@ var init_Cloud = __esm({
|
|
|
14849
14831
|
});
|
|
14850
14832
|
|
|
14851
14833
|
// src/internal/components/KeyshareRestoreMenu/methods/Guardian.tsx
|
|
14852
|
-
import { useState as
|
|
14834
|
+
import { useState as useState15 } from "react";
|
|
14853
14835
|
import { Cpu as Cpu4, Loader2 as Loader26 } from "lucide-react";
|
|
14854
14836
|
import { Fragment as Fragment23, jsx as jsx61, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
14855
14837
|
function Guardian(props) {
|
|
@@ -14858,8 +14840,8 @@ function Guardian(props) {
|
|
|
14858
14840
|
const session = useSession((st) => st.session);
|
|
14859
14841
|
const recoveryUserId = useSession((st) => st.recoveryUserId);
|
|
14860
14842
|
const { onRestoreSuccess } = useOnRestoreSuccess();
|
|
14861
|
-
const [isWorking, setIsWorking] =
|
|
14862
|
-
const [step, setStep] =
|
|
14843
|
+
const [isWorking, setIsWorking] = useState15(false);
|
|
14844
|
+
const [step, setStep] = useState15("idle");
|
|
14863
14845
|
const handleGuardianBackup = async () => {
|
|
14864
14846
|
if (!restorePassword) {
|
|
14865
14847
|
setError("Please enter a password");
|
|
@@ -15528,15 +15510,15 @@ var init_SumsubIframeManager = __esm({
|
|
|
15528
15510
|
});
|
|
15529
15511
|
|
|
15530
15512
|
// src/internal/components/KYC/useSumsubIframe.ts
|
|
15531
|
-
import { useEffect as useEffect28, useRef as useRef15, useState as
|
|
15513
|
+
import { useEffect as useEffect28, useRef as useRef15, useState as useState16 } from "react";
|
|
15532
15514
|
function useSumsubIframe({ iframeUrl }) {
|
|
15533
15515
|
const config = useProviderConfig().config;
|
|
15534
15516
|
const { colorMode } = useColorMode();
|
|
15535
15517
|
const iframeRef = useRef15(null);
|
|
15536
|
-
const [isLoading, setIsLoading] =
|
|
15537
|
-
const [error, setError] =
|
|
15538
|
-
const [height, setHeight] =
|
|
15539
|
-
const [status, setStatus] =
|
|
15518
|
+
const [isLoading, setIsLoading] = useState16(true);
|
|
15519
|
+
const [error, setError] = useState16(null);
|
|
15520
|
+
const [height, setHeight] = useState16(0);
|
|
15521
|
+
const [status, setStatus] = useState16("");
|
|
15540
15522
|
const levelName = config.current?.kyc?.options?.levelName;
|
|
15541
15523
|
useEffect28(() => {
|
|
15542
15524
|
setError(null);
|
|
@@ -16563,7 +16545,7 @@ var init_telegram2 = __esm({
|
|
|
16563
16545
|
|
|
16564
16546
|
// src/internal/components/ManageWalletMenu/hooks/useLinkTelegram.ts
|
|
16565
16547
|
import { useQueryClient as useQueryClient15 } from "@tanstack/react-query";
|
|
16566
|
-
import { useCallback as useCallback19, useEffect as useEffect31, useState as
|
|
16548
|
+
import { useCallback as useCallback19, useEffect as useEffect31, useState as useState17 } from "react";
|
|
16567
16549
|
function useLinkTelegram() {
|
|
16568
16550
|
const {
|
|
16569
16551
|
config: { current: config },
|
|
@@ -16621,7 +16603,7 @@ function useLinkTelegram() {
|
|
|
16621
16603
|
setLinkIsLoading(false);
|
|
16622
16604
|
}
|
|
16623
16605
|
}, [config.social?.providers]);
|
|
16624
|
-
const [telegramLinkStarted, setTelegramLinkStarted] =
|
|
16606
|
+
const [telegramLinkStarted, setTelegramLinkStarted] = useState17(false);
|
|
16625
16607
|
useEffect31(() => {
|
|
16626
16608
|
console.log("[useLinkTelegram] Effect triggered:", {
|
|
16627
16609
|
providerType,
|
|
@@ -16973,7 +16955,7 @@ var init_useExternalWalletStore = __esm({
|
|
|
16973
16955
|
// src/internal/components/ManageWalletMenu/UnlinkProviderMenu.tsx
|
|
16974
16956
|
import { useMutation as useMutation15, useQueryClient as useQueryClient16 } from "@tanstack/react-query";
|
|
16975
16957
|
import { Key as Key6, Loader as Loader15 } from "lucide-react";
|
|
16976
|
-
import { useState as
|
|
16958
|
+
import { useState as useState18 } from "react";
|
|
16977
16959
|
import { useDisconnect } from "wagmi";
|
|
16978
16960
|
import { jsx as jsx74, jsxs as jsxs69 } from "react/jsx-runtime";
|
|
16979
16961
|
function UnlinkProviderMenu() {
|
|
@@ -16985,7 +16967,7 @@ function UnlinkProviderMenu() {
|
|
|
16985
16967
|
const { t } = useT();
|
|
16986
16968
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
16987
16969
|
const { confirmUnlink, setConfirmUnlink, setAlert } = useManageWalletStore();
|
|
16988
|
-
const [confirmInput, setConfirmInput] =
|
|
16970
|
+
const [confirmInput, setConfirmInput] = useState18("");
|
|
16989
16971
|
const { mutate: handleUnlinkProvider, isPending: isProviderUnlinking } = useMutation15({
|
|
16990
16972
|
mutationFn: async () => {
|
|
16991
16973
|
if (!confirmUnlink) {
|
|
@@ -17214,7 +17196,7 @@ var init_nickname_validation = __esm({
|
|
|
17214
17196
|
// src/internal/components/NicknameMenu/NicknameEditForm.tsx
|
|
17215
17197
|
import { useMutation as useMutation16, useQueryClient as useQueryClient17 } from "@tanstack/react-query";
|
|
17216
17198
|
import { AtSign, Check as Check2, ChevronRight as ChevronRight5, Copy as Copy2, Loader as Loader17 } from "lucide-react";
|
|
17217
|
-
import { useCallback as useCallback20, useState as
|
|
17199
|
+
import { useCallback as useCallback20, useState as useState19 } from "react";
|
|
17218
17200
|
import { Fragment as Fragment29, jsx as jsx76, jsxs as jsxs71 } from "react/jsx-runtime";
|
|
17219
17201
|
function NicknameEditForm(props) {
|
|
17220
17202
|
const {
|
|
@@ -17233,7 +17215,7 @@ function NicknameEditForm(props) {
|
|
|
17233
17215
|
const { t } = useT();
|
|
17234
17216
|
const passportWalletAddress = useSession((st) => st.address);
|
|
17235
17217
|
const { callbacksRef } = useProviderConfig();
|
|
17236
|
-
const [isNicknameCopied, setIsNicknameCopied] =
|
|
17218
|
+
const [isNicknameCopied, setIsNicknameCopied] = useState19(false);
|
|
17237
17219
|
const {
|
|
17238
17220
|
mutate: changeNickname2,
|
|
17239
17221
|
isError: isNicknameChangeError,
|
|
@@ -17362,16 +17344,16 @@ var init_NicknameEditForm = __esm({
|
|
|
17362
17344
|
|
|
17363
17345
|
// src/internal/components/NicknameMenu/useNickname.ts
|
|
17364
17346
|
import { useQuery as useQuery12 } from "@tanstack/react-query";
|
|
17365
|
-
import { useEffect as useEffect32, useState as
|
|
17347
|
+
import { useEffect as useEffect32, useState as useState20 } from "react";
|
|
17366
17348
|
function useNicknameForm(currentNickname) {
|
|
17367
|
-
const [inputValue, setInputValue] =
|
|
17349
|
+
const [inputValue, setInputValue] = useState20("");
|
|
17368
17350
|
const normalizedInputValue = normalizeNickname(inputValue);
|
|
17369
17351
|
const validation = validateNickname(inputValue);
|
|
17370
17352
|
const isValidForCheck = validation.valid && normalizedInputValue.length > 0;
|
|
17371
17353
|
useEffect32(() => {
|
|
17372
17354
|
setInputValue(currentNickname);
|
|
17373
17355
|
}, [currentNickname]);
|
|
17374
|
-
const [queryInputValue, setQueryInputValue] =
|
|
17356
|
+
const [queryInputValue, setQueryInputValue] = useState20("");
|
|
17375
17357
|
const isSameAsCurrentNickname = normalizedInputValue === currentNickname.toLowerCase();
|
|
17376
17358
|
const shouldCheckAvailability = validation.valid && !isSameAsCurrentNickname && inputValue.length > 0;
|
|
17377
17359
|
useEffect32(() => {
|
|
@@ -17417,12 +17399,12 @@ var init_useNickname = __esm({
|
|
|
17417
17399
|
import { useQuery as useQuery13 } from "@tanstack/react-query";
|
|
17418
17400
|
import dayjs4 from "dayjs";
|
|
17419
17401
|
import { AlertTriangle as AlertTriangle5, ArrowLeft as ArrowLeft15, Info as Info4, Loader as Loader18 } from "lucide-react";
|
|
17420
|
-
import { useState as
|
|
17402
|
+
import { useState as useState21 } from "react";
|
|
17421
17403
|
import { jsx as jsx77, jsxs as jsxs72 } from "react/jsx-runtime";
|
|
17422
17404
|
function NicknameMenu() {
|
|
17423
17405
|
const address = useSession((st) => st.address);
|
|
17424
17406
|
const { t } = useT();
|
|
17425
|
-
const [clientError, setClientError] =
|
|
17407
|
+
const [clientError, setClientError] = useState21(null);
|
|
17426
17408
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
17427
17409
|
const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
|
|
17428
17410
|
const {
|
|
@@ -18085,7 +18067,7 @@ var init_BalanceView2 = __esm({
|
|
|
18085
18067
|
// src/internal/components/PortfolioMenu/PortfolioItem.tsx
|
|
18086
18068
|
import { useQuery as useQuery16, useQueryClient as useQueryClient18 } from "@tanstack/react-query";
|
|
18087
18069
|
import { Image as ImageIcon, Loader as Loader19, ShieldAlert, Sparkles } from "lucide-react";
|
|
18088
|
-
import { useState as
|
|
18070
|
+
import { useState as useState22 } from "react";
|
|
18089
18071
|
import { formatUnits as formatUnits5 } from "viem";
|
|
18090
18072
|
import { Fragment as Fragment30, jsx as jsx79, jsxs as jsxs74 } from "react/jsx-runtime";
|
|
18091
18073
|
function openInExplorer(address) {
|
|
@@ -18138,8 +18120,8 @@ async function resolveAssetRate(symbol, address, customAssetRateQuery) {
|
|
|
18138
18120
|
}
|
|
18139
18121
|
function PortfolioItemImage(props) {
|
|
18140
18122
|
const { asset } = props;
|
|
18141
|
-
const [nftImageError, setNftImageError] =
|
|
18142
|
-
const [logoError, setLogoError] =
|
|
18123
|
+
const [nftImageError, setNftImageError] = useState22(false);
|
|
18124
|
+
const [logoError, setLogoError] = useState22(false);
|
|
18143
18125
|
const isNft = isNftAsset(asset);
|
|
18144
18126
|
const nftImage = getNftImage(asset);
|
|
18145
18127
|
const isSecurity = isSecurityToken(asset);
|
|
@@ -18447,7 +18429,7 @@ var init_nickname_fingerprint = __esm({
|
|
|
18447
18429
|
// src/internal/components/ReceiveMenu/ReceiveMenu.tsx
|
|
18448
18430
|
import { ArrowLeft as ArrowLeft17, CheckCircle2 as CheckCircle23, Copy as Copy3, Info as Info5, Loader as Loader21, Shield } from "lucide-react";
|
|
18449
18431
|
import QRCode from "qrcode";
|
|
18450
|
-
import { useCallback as useCallback23, useEffect as useEffect33, useMemo as useMemo9, useState as
|
|
18432
|
+
import { useCallback as useCallback23, useEffect as useEffect33, useMemo as useMemo9, useState as useState23 } from "react";
|
|
18451
18433
|
import { Fragment as Fragment31, jsx as jsx81, jsxs as jsxs76 } from "react/jsx-runtime";
|
|
18452
18434
|
function ReceiveMenu() {
|
|
18453
18435
|
const session = useSession((st) => st.session);
|
|
@@ -18458,9 +18440,9 @@ function ReceiveMenu() {
|
|
|
18458
18440
|
const { t } = useT();
|
|
18459
18441
|
const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
|
|
18460
18442
|
const open = page === "receive";
|
|
18461
|
-
const [qrCodeUrl, setQrCodeUrl] =
|
|
18462
|
-
const [copied, setCopied] =
|
|
18463
|
-
const [fingerprintCopied, setFingerprintCopied] =
|
|
18443
|
+
const [qrCodeUrl, setQrCodeUrl] = useState23("");
|
|
18444
|
+
const [copied, setCopied] = useState23(false);
|
|
18445
|
+
const [fingerprintCopied, setFingerprintCopied] = useState23(false);
|
|
18464
18446
|
const fingerprint = useMemo9(() => {
|
|
18465
18447
|
if (!session?.ownerAddress) return null;
|
|
18466
18448
|
try {
|
|
@@ -18638,7 +18620,7 @@ var init_hooks2 = __esm({
|
|
|
18638
18620
|
|
|
18639
18621
|
// src/internal/components/SecurityMenu/ConnectedApps.tsx
|
|
18640
18622
|
import dayjs5 from "dayjs";
|
|
18641
|
-
import { AppWindowMac, ExternalLinkIcon, Info as Info6, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
|
|
18623
|
+
import { AppWindowMac, ExternalLinkIcon as ExternalLinkIcon2, Info as Info6, ShieldBanIcon, ShieldCheckIcon } from "lucide-react";
|
|
18642
18624
|
import { Fragment as Fragment32, jsx as jsx82, jsxs as jsxs77 } from "react/jsx-runtime";
|
|
18643
18625
|
function Application(props) {
|
|
18644
18626
|
const { projectId, logo, name, appUrl, trustedAuthorizedApp, firstConnectedAt, untrustApp } = props;
|
|
@@ -18690,7 +18672,7 @@ function Application(props) {
|
|
|
18690
18672
|
/* @__PURE__ */ jsxs77("span", { className: "flex flex-col", children: [
|
|
18691
18673
|
/* @__PURE__ */ jsx82("span", { className: "text-sm font-semibold truncate", children: name }),
|
|
18692
18674
|
projectUrl && /* @__PURE__ */ jsxs77("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
18693
|
-
/* @__PURE__ */ jsx82(
|
|
18675
|
+
/* @__PURE__ */ jsx82(ExternalLinkIcon2, { className: "w-3 h-3 flex-none", strokeWidth: 1 }),
|
|
18694
18676
|
/* @__PURE__ */ jsx82("span", { className: "flex-1 truncate", children: new URL(projectUrl).hostname })
|
|
18695
18677
|
] })
|
|
18696
18678
|
] }),
|
|
@@ -19017,7 +18999,7 @@ var init_UntrustApplication = __esm({
|
|
|
19017
18999
|
// src/internal/components/SecurityMenu/SecurityMenu.tsx
|
|
19018
19000
|
import { useMutation as useMutation17, useQueryClient as useQueryClient20 } from "@tanstack/react-query";
|
|
19019
19001
|
import { ArrowLeft as ArrowLeft18 } from "lucide-react";
|
|
19020
|
-
import { useState as
|
|
19002
|
+
import { useState as useState24 } from "react";
|
|
19021
19003
|
import { jsx as jsx88, jsxs as jsxs83 } from "react/jsx-runtime";
|
|
19022
19004
|
function SecurityMenu() {
|
|
19023
19005
|
const qc = useQueryClient20();
|
|
@@ -19026,7 +19008,7 @@ function SecurityMenu() {
|
|
|
19026
19008
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
19027
19009
|
const userId = jwtTokenManager2.getUserId();
|
|
19028
19010
|
const serverHasKeyshare = jwtTokenManager2.getHasKeyshare() ?? false;
|
|
19029
|
-
const [appToUntrust, untrustApp] =
|
|
19011
|
+
const [appToUntrust, untrustApp] = useState24(null);
|
|
19030
19012
|
const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
|
|
19031
19013
|
const localInfo = recoveryData?.keyshareInfo || {};
|
|
19032
19014
|
const hasServerBackup = !!recoveryData?.shareRecoveryStats?.created || recoveryData?.shareRecoveryStats?.devices?.length > 0;
|
|
@@ -19364,7 +19346,7 @@ var init_useBridgeStore = __esm({
|
|
|
19364
19346
|
// src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx
|
|
19365
19347
|
import { useConnectModal } from "@rainbow-me/rainbowkit";
|
|
19366
19348
|
import { useMutation as useMutation18 } from "@tanstack/react-query";
|
|
19367
|
-
import { useEffect as useEffect34, useRef as useRef17, useState as
|
|
19349
|
+
import { useEffect as useEffect34, useRef as useRef17, useState as useState25 } from "react";
|
|
19368
19350
|
import { useSignMessage } from "wagmi";
|
|
19369
19351
|
import { jsx as jsx89, jsxs as jsxs84 } from "react/jsx-runtime";
|
|
19370
19352
|
function SenderSelector(props) {
|
|
@@ -19379,7 +19361,7 @@ function SenderSelector(props) {
|
|
|
19379
19361
|
const originChain = useBridgeStore((st) => st.originChain);
|
|
19380
19362
|
const bridgeSender = useBridgeStore((st) => st.bridgeSender);
|
|
19381
19363
|
const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
|
|
19382
|
-
const [walletMessage, setWalletMessage] =
|
|
19364
|
+
const [walletMessage, setWalletMessage] = useState25(null);
|
|
19383
19365
|
useEffect34(() => {
|
|
19384
19366
|
useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
|
|
19385
19367
|
}, [walletMessage]);
|
|
@@ -19987,22 +19969,25 @@ var init_utils8 = __esm({
|
|
|
19987
19969
|
});
|
|
19988
19970
|
|
|
19989
19971
|
// src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts
|
|
19990
|
-
import {
|
|
19972
|
+
import { useInfiniteQuery as useInfiniteQuery3 } from "@tanstack/react-query";
|
|
19991
19973
|
import { debounce as debounce6 } from "lodash-es";
|
|
19992
|
-
import { useCallback as useCallback24, useEffect as useEffect36
|
|
19974
|
+
import { useCallback as useCallback24, useEffect as useEffect36 } from "react";
|
|
19993
19975
|
function useHyperlaneHistory() {
|
|
19994
19976
|
const address = useSession((st) => st.address);
|
|
19995
19977
|
const page = useLayoutDataStore((st) => st.page);
|
|
19996
19978
|
const flow = useFlowSelectorStore((st) => st.flow);
|
|
19997
19979
|
const bridgeStep = useBridgeStore((st) => st.bridgeStep);
|
|
19998
|
-
const
|
|
19999
|
-
const query = useQuery19({
|
|
19980
|
+
const query = useInfiniteQuery3({
|
|
20000
19981
|
retry: false,
|
|
19982
|
+
initialPageParam: 1,
|
|
20001
19983
|
refetchInterval: TX_HISTORY_POLLING_INTERVAL,
|
|
20002
19984
|
enabled: bridgeStep === "tx-history" && !!address && page === "send" /* SEND */ && flow === "bridge",
|
|
20003
|
-
queryKey: [HYPERLANE_HISTORY_QUERY_KEY, address
|
|
20004
|
-
|
|
19985
|
+
queryKey: [HYPERLANE_HISTORY_QUERY_KEY, address],
|
|
19986
|
+
getNextPageParam: (lastPage) => lastPage.page < lastPage.pageCount ? lastPage.page + 1 : void 0,
|
|
19987
|
+
queryFn: async ({ pageParam }) => await getHyperlaneBridgeHistory({ page: pageParam, pageSize: TX_HISTORY_PAGE_SIZE })
|
|
20005
19988
|
});
|
|
19989
|
+
const { data: txHistoryData, isLoading: isBridgeTxHistoryLoading } = query;
|
|
19990
|
+
const txList = txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [];
|
|
20006
19991
|
const updateExpandable = useCallback24(
|
|
20007
19992
|
debounce6(() => {
|
|
20008
19993
|
useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
|
|
@@ -20010,15 +19995,10 @@ function useHyperlaneHistory() {
|
|
|
20010
19995
|
[]
|
|
20011
19996
|
);
|
|
20012
19997
|
useEffect36(() => {
|
|
20013
|
-
|
|
20014
|
-
if (isLoading || data.data?.length === 0) return;
|
|
19998
|
+
if (isBridgeTxHistoryLoading || txList.length === 0) return;
|
|
20015
19999
|
updateExpandable();
|
|
20016
|
-
}, [
|
|
20017
|
-
return {
|
|
20018
|
-
...query,
|
|
20019
|
-
currentPage,
|
|
20020
|
-
setCurrentPage
|
|
20021
|
-
};
|
|
20000
|
+
}, [isBridgeTxHistoryLoading, txList]);
|
|
20001
|
+
return { query, txList };
|
|
20022
20002
|
}
|
|
20023
20003
|
var HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
|
|
20024
20004
|
var init_useHyperlaneHistory = __esm({
|
|
@@ -20029,7 +20009,7 @@ var init_useHyperlaneHistory = __esm({
|
|
|
20029
20009
|
init_api3();
|
|
20030
20010
|
init_useBridgeStore();
|
|
20031
20011
|
HYPERLANE_HISTORY_QUERY_KEY = "hyperlane-tx-history-query-key";
|
|
20032
|
-
TX_HISTORY_PAGE_SIZE =
|
|
20012
|
+
TX_HISTORY_PAGE_SIZE = 4;
|
|
20033
20013
|
TX_HISTORY_POLLING_INTERVAL = 1e3 * 45;
|
|
20034
20014
|
}
|
|
20035
20015
|
});
|
|
@@ -20252,7 +20232,7 @@ var init_useBridge = __esm({
|
|
|
20252
20232
|
});
|
|
20253
20233
|
|
|
20254
20234
|
// src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts
|
|
20255
|
-
import { useQuery as
|
|
20235
|
+
import { useQuery as useQuery19 } from "@tanstack/react-query";
|
|
20256
20236
|
import { useEffect as useEffect37 } from "react";
|
|
20257
20237
|
function useHyperlaneRoutes() {
|
|
20258
20238
|
const address = useSession((st) => st.address);
|
|
@@ -20263,7 +20243,7 @@ function useHyperlaneRoutes() {
|
|
|
20263
20243
|
data: hyperlaneWarpRoutes = [],
|
|
20264
20244
|
isLoading: isLoadingWarpRoutes,
|
|
20265
20245
|
error: errorWarpRoutes
|
|
20266
|
-
} =
|
|
20246
|
+
} = useQuery19({
|
|
20267
20247
|
retry: false,
|
|
20268
20248
|
enabled: !!address && page === "send" /* SEND */ && flow === "bridge",
|
|
20269
20249
|
queryKey: [HYPERLANE_WARP_ROUTES_QUERY_KEY, address],
|
|
@@ -20368,7 +20348,7 @@ var init_ResolveChainIcon = __esm({
|
|
|
20368
20348
|
|
|
20369
20349
|
// src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts
|
|
20370
20350
|
import { CHAINS_BROWSERS_TRANSPORTS as CHAINS_BROWSERS_TRANSPORTS2 } from "@embarkai/core";
|
|
20371
|
-
import { useQuery as
|
|
20351
|
+
import { useQuery as useQuery20, useQueryClient as useQueryClient22 } from "@tanstack/react-query";
|
|
20372
20352
|
import { useCallback as useCallback26, useEffect as useEffect39 } from "react";
|
|
20373
20353
|
import { createPublicClient as createPublicClient2, erc20Abi as erc20Abi2, formatUnits as formatUnits7, http as http3 } from "viem";
|
|
20374
20354
|
import { useSwitchChain as useSwitchChain2 } from "wagmi";
|
|
@@ -20400,7 +20380,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
|
|
|
20400
20380
|
const embarkTokenBalanace = assets.find((a) => a.symbol === selectedWarpRoute?.symbol);
|
|
20401
20381
|
const originChainMeta = CHAINS_UI_META[originChain];
|
|
20402
20382
|
const isSelectedTokenNative = selectedWarpRoute?.symbol?.toUpperCase() === originChainMeta?.chain?.nativeCurrency?.symbol?.toUpperCase();
|
|
20403
|
-
const { data: externalBalanceData, isLoading: isExternalBalanceLoading } =
|
|
20383
|
+
const { data: externalBalanceData, isLoading: isExternalBalanceLoading } = useQuery20({
|
|
20404
20384
|
retry: false,
|
|
20405
20385
|
enabled: bridgeSender === "direct-wallet" && !isSelectedTokenNative && !!directWalletAddress && !!routeTokenAddress && !!originChain,
|
|
20406
20386
|
queryKey: [EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, originChain, directWalletAddress, routeTokenAddress],
|
|
@@ -20443,7 +20423,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
|
|
|
20443
20423
|
return { value, decimals, symbol, formatted };
|
|
20444
20424
|
}
|
|
20445
20425
|
});
|
|
20446
|
-
const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } =
|
|
20426
|
+
const { data: externalNativeBalanceData, isLoading: isExternalNativeBalanceLoading } = useQuery20({
|
|
20447
20427
|
retry: false,
|
|
20448
20428
|
enabled: bridgeSender === "direct-wallet" && isSelectedTokenNative && !!directWalletAddress && !!originChain,
|
|
20449
20429
|
queryKey: [EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY, originChain, directWalletAddress],
|
|
@@ -20812,11 +20792,11 @@ var init_checkbox = __esm({
|
|
|
20812
20792
|
|
|
20813
20793
|
// src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
|
|
20814
20794
|
import { LoaderIcon as LoaderIcon9 } from "lucide-react";
|
|
20815
|
-
import { useState as
|
|
20795
|
+
import { useState as useState26 } from "react";
|
|
20816
20796
|
import { jsx as jsx95, jsxs as jsxs87 } from "react/jsx-runtime";
|
|
20817
20797
|
function ConfirmStep(props) {
|
|
20818
20798
|
const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
|
|
20819
|
-
const [userConsent, setUserConsent] =
|
|
20799
|
+
const [userConsent, setUserConsent] = useState26(false);
|
|
20820
20800
|
const { t } = useT();
|
|
20821
20801
|
const address = useSession((st) => st.address);
|
|
20822
20802
|
const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
|
|
@@ -21035,76 +21015,79 @@ var init_SuccessStep = __esm({
|
|
|
21035
21015
|
// src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx
|
|
21036
21016
|
import { useQueryClient as useQueryClient23 } from "@tanstack/react-query";
|
|
21037
21017
|
import dayjs7 from "dayjs";
|
|
21038
|
-
import { ArrowRightIcon, ExternalLinkIcon as
|
|
21018
|
+
import { ArrowRightIcon, DownloadIcon as DownloadIcon2, ExternalLinkIcon as ExternalLinkIcon3, InfoIcon as InfoIcon4, LoaderIcon as LoaderIcon10 } from "lucide-react";
|
|
21039
21019
|
import { jsx as jsx97, jsxs as jsxs89 } from "react/jsx-runtime";
|
|
21040
21020
|
function HistoryDetailsStep() {
|
|
21041
21021
|
const { t } = useT();
|
|
21042
21022
|
const item = useBridgeStore((st) => st.bridgeHistoryItem);
|
|
21043
21023
|
const destinationAdress = item.recipient || item.address;
|
|
21044
|
-
return /* @__PURE__ */ jsxs89(
|
|
21045
|
-
/* @__PURE__ */ jsxs89("
|
|
21046
|
-
/* @__PURE__ */
|
|
21047
|
-
|
|
21048
|
-
|
|
21049
|
-
|
|
21050
|
-
|
|
21051
|
-
|
|
21052
|
-
] }),
|
|
21053
|
-
/* @__PURE__ */ jsxs89("p", { className: P_CN3, children: [
|
|
21054
|
-
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.quote.recipient") }),
|
|
21055
|
-
/* @__PURE__ */ jsxs89("strong", { children: [
|
|
21056
|
-
destinationAdress.slice(0, 6),
|
|
21057
|
-
"...",
|
|
21058
|
-
destinationAdress.slice(-4)
|
|
21059
|
-
] })
|
|
21060
|
-
] }),
|
|
21061
|
-
/* @__PURE__ */ jsxs89("p", { className: P_CN3, children: [
|
|
21062
|
-
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.labels.fromChain") }),
|
|
21063
|
-
/* @__PURE__ */ jsx97("strong", { children: CHAINS_UI_META[item.originChain].chainLabel })
|
|
21064
|
-
] }),
|
|
21065
|
-
/* @__PURE__ */ jsxs89("p", { className: P_CN3, children: [
|
|
21066
|
-
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.labels.toChain") }),
|
|
21067
|
-
/* @__PURE__ */ jsx97("strong", { children: CHAINS_UI_META[item.destinationChain].chainLabel })
|
|
21068
|
-
] }),
|
|
21069
|
-
/* @__PURE__ */ jsxs89("p", { className: P_CN3, children: [
|
|
21070
|
-
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.quote.amount") }),
|
|
21071
|
-
/* @__PURE__ */ jsx97("strong", { children: formatPrice(Number(item.quote.amount)) })
|
|
21072
|
-
] }),
|
|
21073
|
-
/* @__PURE__ */ jsxs89("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
|
|
21074
|
-
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.quote.igpFee") }),
|
|
21075
|
-
/* @__PURE__ */ jsxs89("strong", { children: [
|
|
21076
|
-
/* @__PURE__ */ jsx97("span", { children: formatPrice(Number(item.quote.igpFee)) }),
|
|
21077
|
-
/* @__PURE__ */ jsxs89("span", { children: [
|
|
21078
|
-
" ",
|
|
21079
|
-
item.quote.igpSymbol
|
|
21024
|
+
return /* @__PURE__ */ jsxs89("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
21025
|
+
/* @__PURE__ */ jsxs89(Highlight, { type: "info", className: "w-full", children: [
|
|
21026
|
+
/* @__PURE__ */ jsxs89("p", { className: P_CN3, children: [
|
|
21027
|
+
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.quote.sender") }),
|
|
21028
|
+
/* @__PURE__ */ jsxs89("strong", { children: [
|
|
21029
|
+
item.address.slice(0, 6),
|
|
21030
|
+
"...",
|
|
21031
|
+
item.address.slice(-4)
|
|
21080
21032
|
] })
|
|
21081
|
-
] })
|
|
21082
|
-
|
|
21083
|
-
|
|
21084
|
-
|
|
21085
|
-
|
|
21086
|
-
|
|
21087
|
-
|
|
21088
|
-
|
|
21089
|
-
|
|
21033
|
+
] }),
|
|
21034
|
+
/* @__PURE__ */ jsxs89("p", { className: P_CN3, children: [
|
|
21035
|
+
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.quote.recipient") }),
|
|
21036
|
+
/* @__PURE__ */ jsxs89("strong", { children: [
|
|
21037
|
+
destinationAdress.slice(0, 6),
|
|
21038
|
+
"...",
|
|
21039
|
+
destinationAdress.slice(-4)
|
|
21040
|
+
] })
|
|
21041
|
+
] }),
|
|
21042
|
+
/* @__PURE__ */ jsxs89("p", { className: P_CN3, children: [
|
|
21043
|
+
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.labels.fromChain") }),
|
|
21044
|
+
/* @__PURE__ */ jsx97("strong", { children: CHAINS_UI_META[item.originChain].chainLabel })
|
|
21045
|
+
] }),
|
|
21046
|
+
/* @__PURE__ */ jsxs89("p", { className: P_CN3, children: [
|
|
21047
|
+
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.labels.toChain") }),
|
|
21048
|
+
/* @__PURE__ */ jsx97("strong", { children: CHAINS_UI_META[item.destinationChain].chainLabel })
|
|
21049
|
+
] }),
|
|
21050
|
+
/* @__PURE__ */ jsxs89("p", { className: P_CN3, children: [
|
|
21051
|
+
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.quote.amount") }),
|
|
21052
|
+
/* @__PURE__ */ jsx97("strong", { children: formatPrice(Number(item.quote.amount)) })
|
|
21053
|
+
] }),
|
|
21054
|
+
/* @__PURE__ */ jsxs89("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
|
|
21055
|
+
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.quote.igpFee") }),
|
|
21056
|
+
/* @__PURE__ */ jsxs89("strong", { children: [
|
|
21057
|
+
/* @__PURE__ */ jsx97("span", { children: formatPrice(Number(item.quote.igpFee)) }),
|
|
21058
|
+
/* @__PURE__ */ jsxs89("span", { children: [
|
|
21059
|
+
" ",
|
|
21060
|
+
item.quote.igpSymbol
|
|
21061
|
+
] })
|
|
21090
21062
|
] })
|
|
21063
|
+
] }),
|
|
21064
|
+
/* @__PURE__ */ jsxs89("p", { className: "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
|
|
21065
|
+
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.quote.localFee") }),
|
|
21066
|
+
/* @__PURE__ */ jsxs89("strong", { children: [
|
|
21067
|
+
/* @__PURE__ */ jsx97("span", { children: formatPrice(Number(item.quote.localFee)) }),
|
|
21068
|
+
/* @__PURE__ */ jsxs89("span", { children: [
|
|
21069
|
+
" ",
|
|
21070
|
+
item.quote.localSymbol
|
|
21071
|
+
] })
|
|
21072
|
+
] })
|
|
21073
|
+
] }),
|
|
21074
|
+
item.quote.tokenFee && /* @__PURE__ */ jsxs89("p", { className: P_CN3, children: [
|
|
21075
|
+
/* @__PURE__ */ jsx97("span", { children: t("passport:bridgeMenu.quote.tokenFee") }),
|
|
21076
|
+
/* @__PURE__ */ jsx97("strong", { children: formatPrice(Number(item.quote.tokenFee)) })
|
|
21091
21077
|
] })
|
|
21092
21078
|
] }),
|
|
21093
|
-
item.
|
|
21094
|
-
|
|
21095
|
-
/* @__PURE__ */ jsx97("strong", { children: formatPrice(Number(item.quote.tokenFee)) })
|
|
21096
|
-
] }),
|
|
21097
|
-
item.txHashes?.map((txHash) => /* @__PURE__ */ jsx97(
|
|
21098
|
-
"a",
|
|
21079
|
+
item.txHashes?.map((txHash) => /* @__PURE__ */ jsxs89(
|
|
21080
|
+
Button,
|
|
21099
21081
|
{
|
|
21100
|
-
|
|
21101
|
-
|
|
21102
|
-
|
|
21103
|
-
|
|
21104
|
-
|
|
21105
|
-
|
|
21106
|
-
|
|
21107
|
-
|
|
21082
|
+
variant: "outline",
|
|
21083
|
+
size: "medium",
|
|
21084
|
+
className: "w-full",
|
|
21085
|
+
disabled: !txHash,
|
|
21086
|
+
onClick: () => window.open(`${CHAINS_UI_META[item.originChain].explorerUrl}/tx/${txHash}`, "_blank", "noopener,noreferrer"),
|
|
21087
|
+
children: [
|
|
21088
|
+
/* @__PURE__ */ jsx97(ExternalLinkIcon3, { className: "w-4 h-4" }),
|
|
21089
|
+
txHash ? `Explore TX: ${txHash.slice(0, 8)}...${txHash.slice(-4)}` : "N/A"
|
|
21090
|
+
]
|
|
21108
21091
|
},
|
|
21109
21092
|
txHash
|
|
21110
21093
|
))
|
|
@@ -21150,6 +21133,7 @@ function HistoryItem(props) {
|
|
|
21150
21133
|
updatedAt,
|
|
21151
21134
|
txStatus
|
|
21152
21135
|
} = props;
|
|
21136
|
+
const { t } = useT();
|
|
21153
21137
|
const qc = useQueryClient23();
|
|
21154
21138
|
const address = useSession((st) => st.address);
|
|
21155
21139
|
const warpRoutes = qc.getQueryData([HYPERLANE_WARP_ROUTES_QUERY_KEY, address]);
|
|
@@ -21163,26 +21147,18 @@ function HistoryItem(props) {
|
|
|
21163
21147
|
return /* @__PURE__ */ jsxs89(
|
|
21164
21148
|
"div",
|
|
21165
21149
|
{
|
|
21166
|
-
onClick: () => {
|
|
21167
|
-
const { setBridgeHistoryItem, setBridgeStep } = useBridgeStore.getState();
|
|
21168
|
-
setBridgeHistoryItem(props);
|
|
21169
|
-
setBridgeStep("tx-history-details");
|
|
21170
|
-
},
|
|
21171
21150
|
className: cn(
|
|
21172
21151
|
"w-full cursor-pointer",
|
|
21173
21152
|
"flex flex-col gap-1",
|
|
21174
21153
|
// gap-[var(--ui-kit-gap)]
|
|
21175
21154
|
"bg-[var(--ui-kit-secondary)]",
|
|
21176
|
-
"
|
|
21177
|
-
"p-2 rounded-[var(--ui-kit-el-bdrs)]",
|
|
21155
|
+
"p-2 rounded-[var(--ui-kit-el-bdrs)]"
|
|
21178
21156
|
// p-[var(--ui-kit-pd)]
|
|
21179
|
-
"hover:bg-[var(--ui-kit-secondary-h)] active:bg-[var(--ui-kit-secondary-a)]",
|
|
21180
|
-
"transition-colors duration-200"
|
|
21181
21157
|
),
|
|
21182
21158
|
children: [
|
|
21183
|
-
/* @__PURE__ */ jsxs89("div", { className: "flex items-
|
|
21159
|
+
/* @__PURE__ */ jsxs89("div", { className: "flex items-start gap-[var(--ui-kit-gap)] justify-between", children: [
|
|
21184
21160
|
/* @__PURE__ */ jsxs89("span", { className: "font-bold text-lg leading-6 flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
21185
|
-
/* @__PURE__ */ jsx97(AssetIcon, { className: "w-
|
|
21161
|
+
/* @__PURE__ */ jsx97(AssetIcon, { className: "w-8 h-8 flex-none" }),
|
|
21186
21162
|
/* @__PURE__ */ jsx97("span", { children: formatPrice(Number(quote.amount)) }),
|
|
21187
21163
|
/* @__PURE__ */ jsx97("span", { children: assetWarpRoute?.symbol || "" })
|
|
21188
21164
|
] }),
|
|
@@ -21200,7 +21176,7 @@ function HistoryItem(props) {
|
|
|
21200
21176
|
children: [
|
|
21201
21177
|
/* @__PURE__ */ jsxs89("div", { className: "flex w-full items-center justify-between gap-[var(--ui-kit-gap)] leading-5", children: [
|
|
21202
21178
|
/* @__PURE__ */ jsx97(ResolveChainIcon, { chainName: originChain, className: "w-6 h-6 flex-none" }),
|
|
21203
|
-
/* @__PURE__ */ jsx97("span", { className: "block flex-1 text-xs truncate", children: CHAINS_UI_META[originChain]?.chainLabel || "N/A" })
|
|
21179
|
+
/* @__PURE__ */ jsx97("span", { className: "block flex-1 text-xs truncate text-right", children: CHAINS_UI_META[originChain]?.chainLabel || "N/A" })
|
|
21204
21180
|
] }),
|
|
21205
21181
|
/* @__PURE__ */ jsxs89("strong", { className: "text-[10px] leading-5", children: [
|
|
21206
21182
|
fromAddress.slice(0, 6),
|
|
@@ -21233,33 +21209,54 @@ function HistoryItem(props) {
|
|
|
21233
21209
|
}
|
|
21234
21210
|
)
|
|
21235
21211
|
] }),
|
|
21236
|
-
/* @__PURE__ */ jsx97("span", { className: "block w-full text-[10px] text-[var(--ui-kit-fg-muted)] leading-4", children: dayjs7(updatedAt).format("MMMM D, YYYY [at] HH:mm") })
|
|
21212
|
+
/* @__PURE__ */ jsx97("span", { className: "block w-full text-[10px] text-[var(--ui-kit-fg-muted)] leading-4", children: dayjs7(updatedAt).format("MMMM D, YYYY [at] HH:mm") }),
|
|
21213
|
+
/* @__PURE__ */ jsxs89(
|
|
21214
|
+
Button,
|
|
21215
|
+
{
|
|
21216
|
+
variant: "outline",
|
|
21217
|
+
size: "medium",
|
|
21218
|
+
className: "w-full",
|
|
21219
|
+
onClick: () => {
|
|
21220
|
+
const { setBridgeHistoryItem, setBridgeStep } = useBridgeStore.getState();
|
|
21221
|
+
setBridgeHistoryItem(props);
|
|
21222
|
+
setBridgeStep("tx-history-details");
|
|
21223
|
+
},
|
|
21224
|
+
children: [
|
|
21225
|
+
/* @__PURE__ */ jsx97(InfoIcon4, { className: "w-4 h-4" }),
|
|
21226
|
+
/* @__PURE__ */ jsx97("span", { className: "text-xs leading-5", children: t("passport:common.details") })
|
|
21227
|
+
]
|
|
21228
|
+
}
|
|
21229
|
+
)
|
|
21237
21230
|
]
|
|
21238
21231
|
}
|
|
21239
21232
|
);
|
|
21240
21233
|
}
|
|
21241
21234
|
function HistoryStep() {
|
|
21242
21235
|
const { t } = useT();
|
|
21243
|
-
const {
|
|
21244
|
-
|
|
21245
|
-
|
|
21246
|
-
|
|
21236
|
+
const {
|
|
21237
|
+
txList,
|
|
21238
|
+
query: { hasNextPage, isLoading, isFetching: isTxDataFetching, fetchNextPage }
|
|
21239
|
+
} = useHyperlaneHistory();
|
|
21240
|
+
if (!isLoading && txList.length === 0) {
|
|
21247
21241
|
return /* @__PURE__ */ jsx97(Highlight, { type: "info", className: "w-full text-center text-[10px] text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.errors.noHistory") });
|
|
21248
21242
|
}
|
|
21249
21243
|
return /* @__PURE__ */ jsxs89("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
21250
|
-
|
|
21251
|
-
!
|
|
21252
|
-
|
|
21253
|
-
|
|
21254
|
-
|
|
21255
|
-
|
|
21256
|
-
|
|
21257
|
-
|
|
21258
|
-
|
|
21259
|
-
|
|
21260
|
-
|
|
21261
|
-
|
|
21262
|
-
|
|
21244
|
+
isLoading && /* @__PURE__ */ jsx97("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ jsx97(LoaderIcon10, { className: "w-4 h-4 animate-spin" }) }),
|
|
21245
|
+
!isLoading && txList.map((item) => /* @__PURE__ */ jsx97(HistoryItem, { ...item }, item.id)),
|
|
21246
|
+
hasNextPage && /* @__PURE__ */ jsxs89(
|
|
21247
|
+
Button,
|
|
21248
|
+
{
|
|
21249
|
+
variant: "ghost",
|
|
21250
|
+
size: "large",
|
|
21251
|
+
disabled: isTxDataFetching,
|
|
21252
|
+
className: "w-full",
|
|
21253
|
+
onClick: () => fetchNextPage(),
|
|
21254
|
+
children: [
|
|
21255
|
+
isTxDataFetching ? /* @__PURE__ */ jsx97(LoaderIcon10, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ jsx97(DownloadIcon2, { className: "w-4 h-4" }),
|
|
21256
|
+
t("passport:common.loadMore")
|
|
21257
|
+
]
|
|
21258
|
+
}
|
|
21259
|
+
)
|
|
21263
21260
|
] });
|
|
21264
21261
|
}
|
|
21265
21262
|
var P_CN3;
|
|
@@ -21278,18 +21275,18 @@ var init_HistoryStep = __esm({
|
|
|
21278
21275
|
init_useHyperlaneRoutes();
|
|
21279
21276
|
init_chains();
|
|
21280
21277
|
init_useBridgeStore();
|
|
21281
|
-
P_CN3 = "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)]";
|
|
21278
|
+
P_CN3 = "flex-1 flex items-center justify-between gap-[var(--ui-kit-gap)] leading-5";
|
|
21282
21279
|
}
|
|
21283
21280
|
});
|
|
21284
21281
|
|
|
21285
21282
|
// src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx
|
|
21286
21283
|
import { ArrowLeftRightIcon as ArrowLeftRightIcon2 } from "lucide-react";
|
|
21287
|
-
import { useMemo as useMemo10, useState as
|
|
21284
|
+
import { useMemo as useMemo10, useState as useState27 } from "react";
|
|
21288
21285
|
import { Fragment as Fragment37, jsx as jsx98, jsxs as jsxs90 } from "react/jsx-runtime";
|
|
21289
21286
|
function SelectAssetRoute(props) {
|
|
21290
21287
|
const { hyperlaneWarpRoutes } = props;
|
|
21291
21288
|
const { t } = useT();
|
|
21292
|
-
const [isTokenSymbolSelector, setIsTokenSymbolSelector] =
|
|
21289
|
+
const [isTokenSymbolSelector, setIsTokenSymbolSelector] = useState27(false);
|
|
21293
21290
|
const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
|
|
21294
21291
|
const tokenList = useMemo10(() => {
|
|
21295
21292
|
const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
|
|
@@ -21574,8 +21571,8 @@ var init_useErc3643Compliance = __esm({
|
|
|
21574
21571
|
});
|
|
21575
21572
|
|
|
21576
21573
|
// src/hooks/useNicknameResolve.ts
|
|
21577
|
-
import { useQuery as
|
|
21578
|
-
import { useState as
|
|
21574
|
+
import { useQuery as useQuery21 } from "@tanstack/react-query";
|
|
21575
|
+
import { useState as useState28, useEffect as useEffect41, useMemo as useMemo11 } from "react";
|
|
21579
21576
|
function looksLikeNickname(input) {
|
|
21580
21577
|
if (!input) return false;
|
|
21581
21578
|
if (input.startsWith("0x")) return false;
|
|
@@ -21585,8 +21582,8 @@ function looksLikeNickname(input) {
|
|
|
21585
21582
|
}
|
|
21586
21583
|
function useNicknameResolve(input, options) {
|
|
21587
21584
|
const { enabled = true, chainId } = options;
|
|
21588
|
-
const [debouncedInput, setDebouncedInput] =
|
|
21589
|
-
const [isDebouncing, setIsDebouncing] =
|
|
21585
|
+
const [debouncedInput, setDebouncedInput] = useState28("");
|
|
21586
|
+
const [isDebouncing, setIsDebouncing] = useState28(false);
|
|
21590
21587
|
const normalized = normalizeNickname(input);
|
|
21591
21588
|
const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
|
|
21592
21589
|
useEffect41(() => {
|
|
@@ -21604,7 +21601,7 @@ function useNicknameResolve(input, options) {
|
|
|
21604
21601
|
clearTimeout(timer);
|
|
21605
21602
|
};
|
|
21606
21603
|
}, [normalized, isNicknameInput, enabled]);
|
|
21607
|
-
const query =
|
|
21604
|
+
const query = useQuery21({
|
|
21608
21605
|
queryKey: [...QUERY_KEYS.nicknameResolve(debouncedInput), chainId],
|
|
21609
21606
|
queryFn: () => resolveNickname(debouncedInput, chainId),
|
|
21610
21607
|
enabled: enabled && isNicknameInput && debouncedInput.length > 0,
|
|
@@ -21649,14 +21646,14 @@ var init_useNicknameResolve = __esm({
|
|
|
21649
21646
|
});
|
|
21650
21647
|
|
|
21651
21648
|
// src/hooks/useSendTransaction.ts
|
|
21652
|
-
import { useCallback as useCallback27, useState as
|
|
21649
|
+
import { useCallback as useCallback27, useState as useState29 } from "react";
|
|
21653
21650
|
import { encodeFunctionData as encodeFunctionData2, isAddress, parseEther as parseEther2, parseUnits } from "viem";
|
|
21654
21651
|
function useSendTransaction() {
|
|
21655
21652
|
const session = useSession((st) => st.session);
|
|
21656
21653
|
const address = useSession((st) => st.address);
|
|
21657
|
-
const [isLoading, setIsLoading] =
|
|
21658
|
-
const [error, setError] =
|
|
21659
|
-
const [userOpHash, setUserOpHash] =
|
|
21654
|
+
const [isLoading, setIsLoading] = useState29(false);
|
|
21655
|
+
const [error, setError] = useState29(null);
|
|
21656
|
+
const [userOpHash, setUserOpHash] = useState29(null);
|
|
21660
21657
|
const sendTransaction = useCallback27(
|
|
21661
21658
|
async (params) => {
|
|
21662
21659
|
if (!session || !address) {
|
|
@@ -21917,10 +21914,10 @@ var init_AssetInputIcon = __esm({
|
|
|
21917
21914
|
|
|
21918
21915
|
// src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
|
|
21919
21916
|
import { Image as ImageIcon3, Sparkles as Sparkles3 } from "lucide-react";
|
|
21920
|
-
import { useState as
|
|
21917
|
+
import { useState as useState30 } from "react";
|
|
21921
21918
|
import { jsx as jsx102, jsxs as jsxs93 } from "react/jsx-runtime";
|
|
21922
21919
|
function NftDisplayCard({ asset }) {
|
|
21923
|
-
const [imageError, setImageError] =
|
|
21920
|
+
const [imageError, setImageError] = useState30(false);
|
|
21924
21921
|
const nftImage = asset.image || asset.nftMetadata?.image;
|
|
21925
21922
|
return /* @__PURE__ */ jsxs93("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
|
|
21926
21923
|
nftImage && !imageError ? /* @__PURE__ */ jsx102(
|
|
@@ -22745,7 +22742,7 @@ var init_send = __esm({
|
|
|
22745
22742
|
});
|
|
22746
22743
|
|
|
22747
22744
|
// src/internal/components/SendMenu/SendFlowSelector.tsx
|
|
22748
|
-
import { ArrowLeft as ArrowLeft19, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon2, InfoIcon as
|
|
22745
|
+
import { ArrowLeft as ArrowLeft19, ArrowRightIcon as ArrowRightIcon2, ArrowRightLeftIcon as ArrowRightLeftIcon2, InfoIcon as InfoIcon5 } from "lucide-react";
|
|
22749
22746
|
import { useEffect as useEffect43 } from "react";
|
|
22750
22747
|
import { jsx as jsx108, jsxs as jsxs99 } from "react/jsx-runtime";
|
|
22751
22748
|
function SelectorFlowButtons() {
|
|
@@ -22867,7 +22864,7 @@ function SendFlowSelector() {
|
|
|
22867
22864
|
SELECTOR_FLOW[selectorFlow],
|
|
22868
22865
|
error && /* @__PURE__ */ jsxs99(Highlight, { type: "error", className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
22869
22866
|
/* @__PURE__ */ jsxs99("div", { className: "w-full flex gap-[var(--ui-kit-gap)]", children: [
|
|
22870
|
-
/* @__PURE__ */ jsx108(
|
|
22867
|
+
/* @__PURE__ */ jsx108(InfoIcon5, { className: "h-4 w-4 flex-none" }),
|
|
22871
22868
|
/* @__PURE__ */ jsx108("span", { children: error })
|
|
22872
22869
|
] }),
|
|
22873
22870
|
/* @__PURE__ */ jsx108(
|
|
@@ -22990,7 +22987,7 @@ var init_constants6 = __esm({
|
|
|
22990
22987
|
});
|
|
22991
22988
|
|
|
22992
22989
|
// src/internal/components/SettingsMenu/SettingsMenu.tsx
|
|
22993
|
-
import { useQuery as
|
|
22990
|
+
import { useQuery as useQuery22 } from "@tanstack/react-query";
|
|
22994
22991
|
import { ArrowLeft as ArrowLeft20, HardDrive as HardDrive3 } from "lucide-react";
|
|
22995
22992
|
import { useEffect as useEffect44 } from "react";
|
|
22996
22993
|
import { jsx as jsx110, jsxs as jsxs100 } from "react/jsx-runtime";
|
|
@@ -23033,7 +23030,7 @@ function SettingsMenu() {
|
|
|
23033
23030
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
23034
23031
|
const settingsButtons = useSettingsButtons();
|
|
23035
23032
|
useProvidersList();
|
|
23036
|
-
|
|
23033
|
+
useQuery22({
|
|
23037
23034
|
retry: 1,
|
|
23038
23035
|
enabled: !!address,
|
|
23039
23036
|
queryKey: [QUERY_KEYS.nicknameInfo, address],
|
|
@@ -24017,9 +24014,9 @@ var init_TransactionsGroup = __esm({
|
|
|
24017
24014
|
});
|
|
24018
24015
|
|
|
24019
24016
|
// src/internal/components/TransactionsMenu/TransactionsMenu.tsx
|
|
24020
|
-
import { useQuery as
|
|
24017
|
+
import { useQuery as useQuery23, useQueryClient as useQueryClient24 } from "@tanstack/react-query";
|
|
24021
24018
|
import { ArrowLeft as ArrowLeft22, Loader as Loader32, RefreshCw as RefreshCw3, XCircle } from "lucide-react";
|
|
24022
|
-
import { useCallback as useCallback28, useState as
|
|
24019
|
+
import { useCallback as useCallback28, useState as useState31 } from "react";
|
|
24023
24020
|
import { jsx as jsx114, jsxs as jsxs104 } from "react/jsx-runtime";
|
|
24024
24021
|
function TransactionsMenu() {
|
|
24025
24022
|
const qc = useQueryClient24();
|
|
@@ -24028,14 +24025,14 @@ function TransactionsMenu() {
|
|
|
24028
24025
|
const { t } = useT();
|
|
24029
24026
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
24030
24027
|
const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
|
|
24031
|
-
const [expandedGroups, setExpandedGroups] =
|
|
24028
|
+
const [expandedGroups, setExpandedGroups] = useState31({});
|
|
24032
24029
|
const historySupported = isTransactionHistorySupported(chainConfig?.id);
|
|
24033
24030
|
const {
|
|
24034
24031
|
data: txHistoryGroups = [],
|
|
24035
24032
|
isLoading: isTxHistoryLoading,
|
|
24036
24033
|
isFetching: isTxHistoryFetching,
|
|
24037
24034
|
error: txHistoryError
|
|
24038
|
-
} =
|
|
24035
|
+
} = useQuery23({
|
|
24039
24036
|
retry: false,
|
|
24040
24037
|
enabled: !!address && !!chainConfig?.id && historySupported,
|
|
24041
24038
|
queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
|
|
@@ -24336,14 +24333,14 @@ var init_usePageMapper = __esm({
|
|
|
24336
24333
|
});
|
|
24337
24334
|
|
|
24338
24335
|
// src/internal/hooks/useSettingsNotifications.ts
|
|
24339
|
-
import { useQuery as
|
|
24336
|
+
import { useQuery as useQuery24 } from "@tanstack/react-query";
|
|
24340
24337
|
import { useEffect as useEffect46 } from "react";
|
|
24341
24338
|
function useSettingsNotifications() {
|
|
24342
24339
|
const address = useSession((st) => st.address);
|
|
24343
24340
|
const setSettingsNotifications = useLayoutDataStore((st) => st.setSettingsNotifications);
|
|
24344
24341
|
const providers = jwtTokenManager2.getProviders();
|
|
24345
24342
|
const hasEmail = providers.includes("email");
|
|
24346
|
-
const { data: userProfile = null } =
|
|
24343
|
+
const { data: userProfile = null } = useQuery24({
|
|
24347
24344
|
retry: false,
|
|
24348
24345
|
enabled: !!address,
|
|
24349
24346
|
queryKey: [QUERY_KEYS.userProfile, address],
|
|
@@ -24389,7 +24386,7 @@ var init_package = __esm({
|
|
|
24389
24386
|
"package.json"() {
|
|
24390
24387
|
package_default = {
|
|
24391
24388
|
name: "@embarkai/ui-kit",
|
|
24392
|
-
version: "0.4.
|
|
24389
|
+
version: "0.4.44",
|
|
24393
24390
|
description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
|
|
24394
24391
|
type: "module",
|
|
24395
24392
|
main: "./dist/index.cjs",
|
|
@@ -24605,9 +24602,9 @@ var init_Footer2 = __esm({
|
|
|
24605
24602
|
});
|
|
24606
24603
|
|
|
24607
24604
|
// src/internal/components/Header/Header.tsx
|
|
24608
|
-
import { useQuery as
|
|
24605
|
+
import { useQuery as useQuery25 } from "@tanstack/react-query";
|
|
24609
24606
|
import { Copy as Copy5, Loader as Loader34 } from "lucide-react";
|
|
24610
|
-
import { useCallback as useCallback30, useRef as useRef20, useState as
|
|
24607
|
+
import { useCallback as useCallback30, useRef as useRef20, useState as useState32 } from "react";
|
|
24611
24608
|
import { Fragment as Fragment44, jsx as jsx117, jsxs as jsxs106 } from "react/jsx-runtime";
|
|
24612
24609
|
function formatAddress2(addr) {
|
|
24613
24610
|
if (!addr) return "";
|
|
@@ -24619,8 +24616,8 @@ function Header() {
|
|
|
24619
24616
|
const chainConfig = useSession((st) => st.chainConfig);
|
|
24620
24617
|
const { t } = useT();
|
|
24621
24618
|
const proMode = useProMode();
|
|
24622
|
-
const [proToast, setProToast] =
|
|
24623
|
-
const [copied, setCopied] =
|
|
24619
|
+
const [proToast, setProToast] = useState32(false);
|
|
24620
|
+
const [copied, setCopied] = useState32(false);
|
|
24624
24621
|
const clickCountRef = useRef20(0);
|
|
24625
24622
|
const clickTimerRef = useRef20(null);
|
|
24626
24623
|
const handleAvatarClick = useCallback30(() => {
|
|
@@ -24641,7 +24638,7 @@ function Header() {
|
|
|
24641
24638
|
}, 1e3);
|
|
24642
24639
|
}
|
|
24643
24640
|
}, []);
|
|
24644
|
-
const { data: profile, isLoading: isProfileLoading } =
|
|
24641
|
+
const { data: profile, isLoading: isProfileLoading } = useQuery25({
|
|
24645
24642
|
retry: false,
|
|
24646
24643
|
enabled: !!address,
|
|
24647
24644
|
queryKey: [QUERY_KEYS.userProfile, address],
|
|
@@ -28356,7 +28353,7 @@ var init_ProviderContext = __esm({
|
|
|
28356
28353
|
});
|
|
28357
28354
|
|
|
28358
28355
|
// src/styles/built.css
|
|
28359
|
-
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-0\\.5{right:-.125rem}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-0\\.5{top:-.125rem}.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-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\\/2{top:50%}.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 .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-2{height:.5rem}.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-64{max-height:16rem}.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 .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-2{width:.5rem}.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-72{width:18rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.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-\\[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-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[80px\\]{max-width:80px}.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 .rotate-180{--tw-rotate:180deg}.embarkai-ui-scope .rotate-180,.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{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow: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-help{cursor:help}.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 .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-1\\.5{gap:.375rem}.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-accent\\)\\]{background-color:var(--ui-kit-accent)}.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-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.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-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[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-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-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-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 .tracking-wider{letter-spacing:.05em}.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-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 .opacity-70{opacity:.7}.embarkai-ui-scope .opacity-90{opacity:.9}.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)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.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 .transition-transform{transition-property:transform;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)}.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-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--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-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--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}@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}.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{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\\:bg-transparent::file-selector-button{background-color:transparent}.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-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.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\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.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-bg-secondary\\)\\]:hover{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.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-100:hover{opacity:1}.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\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.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\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.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\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.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 .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-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .md\\:text-xs{font-size:.75rem;line-height:1rem}}.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}`;
|
|
28356
|
+
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-0\\.5{right:-.125rem}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-0\\.5{top:-.125rem}.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-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\\/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 .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-2{height:.5rem}.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-64{max-height:16rem}.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 .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-2{width:.5rem}.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-72{width:18rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[40px\\]{width:40px}.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-\\[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-\\[680px\\]{max-width:680px}.embarkai-ui-scope .max-w-\\[80px\\]{max-width:80px}.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 .rotate-180{--tw-rotate:180deg}.embarkai-ui-scope .rotate-180,.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{transform:scale(1);box-shadow:0 0 16px var(--ui-kit-bg-warning)}50%{transform:scale(.97);box-shadow: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-help{cursor:help}.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 .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-1\\.5{gap:.375rem}.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-accent\\)\\]{background-color:var(--ui-kit-accent)}.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-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.embarkai-ui-scope .bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.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-5{padding:1.25rem}.embarkai-ui-scope .p-6{padding:1.5rem}.embarkai-ui-scope .p-8{padding:2rem}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[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-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-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-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 .tracking-wider{letter-spacing:.05em}.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-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 .opacity-70{opacity:.7}.embarkai-ui-scope .opacity-90{opacity:.9}.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)}.embarkai-ui-scope .shadow,.embarkai-ui-scope .shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.embarkai-ui-scope .shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.embarkai-ui-scope .outline-none{outline:2px solid transparent;outline-offset:2px}.embarkai-ui-scope .outline{outline-style:solid}.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 .transition-transform{transition-property:transform;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)}.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-primary-h:var(--embark-ui-primary-h,rgba(0,0,0,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,rgba(0,0,0,.6));--ui-kit-secondary:var(--embark-ui-secondary,#e4e4e4);--ui-kit-secondary-h:var(--embark-ui-secondary-h,hsla(0,0%,89%,.8));--ui-kit-secondary-a:var(--embark-ui-secondary-a,hsla(0,0%,89%,.6));--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-primary-h:var(--embark-ui-primary-h,hsla(0,0%,100%,.8));--ui-kit-primary-a:var(--embark-ui-primary-a,hsla(0,0%,100%,.6));--ui-kit-secondary:var(--embark-ui-secondary,#2a2a2a);--ui-kit-secondary-h:var(--embark-ui-secondary-h,rgba(42,42,42,.6));--ui-kit-secondary-a:var(--embark-ui-secondary-a,rgba(42,42,42,.4));--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}@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}.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{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\\:bg-transparent::file-selector-button{background-color:transparent}.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-base::file-selector-button{font-size:1rem;line-height:1.5rem}.embarkai-ui-scope .file\\:font-medium::file-selector-button{font-weight:500}.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\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus-within{background-color:var(--ui-kit-secondary-a)}.embarkai-ui-scope .focus-within\\:outline-none:focus-within{outline:2px solid transparent;outline-offset:2px}.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-bg-secondary\\)\\]:hover{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .hover\\:bg-\\[var\\(--ui-kit-secondary-h\\)\\]:hover{background-color:var(--ui-kit-secondary-h)}.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-100:hover{opacity:1}.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\\:border-\\[var\\(--ui-kit-primary\\)\\]:focus{border-color:var(--ui-kit-primary)}.embarkai-ui-scope .focus\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:focus{background-color:var(--ui-kit-secondary-a)}.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\\:bg-\\[var\\(--ui-kit-secondary-a\\)\\]:active{background-color:var(--ui-kit-secondary-a)}.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\\:bg-\\[var\\(--ui-kit-secondary\\)\\]:hover:disabled{background-color:var(--ui-kit-secondary)}.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 .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-sm{font-size:.875rem;line-height:1.25rem}.embarkai-ui-scope .md\\:text-xs{font-size:.75rem;line-height:1rem}}.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}`;
|
|
28360
28357
|
|
|
28361
28358
|
// src/index.ts
|
|
28362
28359
|
init_ProviderContext();
|
|
@@ -28467,7 +28464,7 @@ init_useLayoutDataStore();
|
|
|
28467
28464
|
init_useLayoutStore();
|
|
28468
28465
|
init_pro_mode();
|
|
28469
28466
|
init_utils2();
|
|
28470
|
-
import { useQuery as
|
|
28467
|
+
import { useQuery as useQuery26 } from "@tanstack/react-query";
|
|
28471
28468
|
import { Cloud as Cloud4, Laptop as Laptop2, Loader as Loader35, Shield as Shield3 } from "lucide-react";
|
|
28472
28469
|
import { useEffect as useEffect51, useMemo as useMemo15 } from "react";
|
|
28473
28470
|
import { Fragment as Fragment47, jsx as jsx126, jsxs as jsxs111 } from "react/jsx-runtime";
|
|
@@ -28490,7 +28487,7 @@ function ConnectWalletButton(props) {
|
|
|
28490
28487
|
const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
|
|
28491
28488
|
const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
|
|
28492
28489
|
useEffect51(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
|
|
28493
|
-
const { data: profile, isLoading: isProfileLoading } =
|
|
28490
|
+
const { data: profile, isLoading: isProfileLoading } = useQuery26({
|
|
28494
28491
|
retry: false,
|
|
28495
28492
|
enabled: !!address,
|
|
28496
28493
|
queryKey: [QUERY_KEYS.userProfile, address],
|
|
@@ -29161,12 +29158,12 @@ var Hash = ({
|
|
|
29161
29158
|
|
|
29162
29159
|
// src/internal/components/TransactionsMenu/TransactionsList.tsx
|
|
29163
29160
|
init_base();
|
|
29164
|
-
import { useEffect as useEffect53, useState as
|
|
29161
|
+
import { useEffect as useEffect53, useState as useState36 } from "react";
|
|
29165
29162
|
import { jsx as jsx132, jsxs as jsxs115 } from "react/jsx-runtime";
|
|
29166
29163
|
var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
29167
|
-
const [transactions, setTransactions] =
|
|
29168
|
-
const [loading, setLoading] =
|
|
29169
|
-
const [error, setError] =
|
|
29164
|
+
const [transactions, setTransactions] = useState36([]);
|
|
29165
|
+
const [loading, setLoading] = useState36(true);
|
|
29166
|
+
const [error, setError] = useState36(null);
|
|
29170
29167
|
useEffect53(() => {
|
|
29171
29168
|
const fetchTransactions2 = async () => {
|
|
29172
29169
|
try {
|
|
@@ -29517,7 +29514,7 @@ function useDirectWallet() {
|
|
|
29517
29514
|
|
|
29518
29515
|
// src/hooks/useSendDirectTransaction.ts
|
|
29519
29516
|
init_useExternalWalletStore();
|
|
29520
|
-
import { useCallback as useCallback39, useState as
|
|
29517
|
+
import { useCallback as useCallback39, useState as useState38 } from "react";
|
|
29521
29518
|
import { isAddress as isAddress3, parseEther as parseEther3 } from "viem";
|
|
29522
29519
|
import { useSendTransaction as useWagmiSendTransaction, useSwitchChain as useSwitchChain3 } from "wagmi";
|
|
29523
29520
|
function useSendDirectTransaction() {
|
|
@@ -29525,9 +29522,9 @@ function useSendDirectTransaction() {
|
|
|
29525
29522
|
const externalChainId = useExternalWalletStore((st) => st.externalChainId);
|
|
29526
29523
|
const { sendTransactionAsync } = useWagmiSendTransaction();
|
|
29527
29524
|
const { switchChainAsync } = useSwitchChain3();
|
|
29528
|
-
const [isPending, setIsPending] =
|
|
29529
|
-
const [error, setError] =
|
|
29530
|
-
const [txHash, setTxHash] =
|
|
29525
|
+
const [isPending, setIsPending] = useState38(false);
|
|
29526
|
+
const [error, setError] = useState38(null);
|
|
29527
|
+
const [txHash, setTxHash] = useState38(null);
|
|
29531
29528
|
const sendTransaction = useCallback39(
|
|
29532
29529
|
async (params) => {
|
|
29533
29530
|
if (!isConnected) {
|
|
@@ -29574,7 +29571,7 @@ function useSendDirectTransaction() {
|
|
|
29574
29571
|
init_SessionContext();
|
|
29575
29572
|
init_account2();
|
|
29576
29573
|
init_linkedProfiles();
|
|
29577
|
-
import { useCallback as useCallback40, useMemo as useMemo16, useState as
|
|
29574
|
+
import { useCallback as useCallback40, useMemo as useMemo16, useState as useState39 } from "react";
|
|
29578
29575
|
import { encodeFunctionData as encodeFunctionData3, isAddress as isAddress4, parseEther as parseEther4, parseUnits as parseUnits3 } from "viem";
|
|
29579
29576
|
var ERC20_TRANSFER_ABI2 = [
|
|
29580
29577
|
{
|
|
@@ -29590,9 +29587,9 @@ var ERC20_TRANSFER_ABI2 = [
|
|
|
29590
29587
|
function useTransferToLinkedWallet() {
|
|
29591
29588
|
const session = useSession((st) => st.session);
|
|
29592
29589
|
const { profiles } = useLinkedProfiles();
|
|
29593
|
-
const [isPending, setIsPending] =
|
|
29594
|
-
const [error, setError] =
|
|
29595
|
-
const [userOpHash, setUserOpHash] =
|
|
29590
|
+
const [isPending, setIsPending] = useState39(false);
|
|
29591
|
+
const [error, setError] = useState39(null);
|
|
29592
|
+
const [userOpHash, setUserOpHash] = useState39(null);
|
|
29596
29593
|
const linkedWallets = useMemo16(
|
|
29597
29594
|
() => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
|
|
29598
29595
|
[profiles]
|