@embarkai/ui-kit 0.4.75 → 0.4.77
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 +423 -416
- package/dist/index.d.cts +4 -2
- package/dist/index.d.ts +4 -2
- package/dist/index.js +309 -302
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -5853,7 +5853,7 @@ var init_en = __esm({
|
|
|
5853
5853
|
},
|
|
5854
5854
|
nicknameMenu: {
|
|
5855
5855
|
title: "Nickname",
|
|
5856
|
-
yourNickname: "Your
|
|
5856
|
+
yourNickname: "Your nickname",
|
|
5857
5857
|
cooldownMessage: "You can change your nickname again on {{canChangeAt}} ({{days}} days remained)",
|
|
5858
5858
|
lastChanged: "Last changed",
|
|
5859
5859
|
timesChanged: "Times changed",
|
|
@@ -5875,7 +5875,8 @@ var init_en = __esm({
|
|
|
5875
5875
|
alreadyYourNickname: "This is already your nickname",
|
|
5876
5876
|
checkingAvailability: "Checking availability...",
|
|
5877
5877
|
nicknameAvailable: "Nickname is available",
|
|
5878
|
-
nicknameNotAvailable: "This nickname is not available"
|
|
5878
|
+
nicknameNotAvailable: "This nickname is not available",
|
|
5879
|
+
nicknameChanged: "Nickname has been changed"
|
|
5879
5880
|
},
|
|
5880
5881
|
initialUser: {
|
|
5881
5882
|
welcome: "Your nickname is set as {{nickname}}",
|
|
@@ -6418,7 +6419,8 @@ var init_ru = __esm({
|
|
|
6418
6419
|
alreadyYourNickname: "\u042D\u0442\u043E \u0443\u0436\u0435 \u0432\u0430\u0448 \u043D\u0438\u043A\u043D\u0435\u0439\u043C",
|
|
6419
6420
|
checkingAvailability: "\u041F\u0440\u043E\u0432\u0435\u0440\u043A\u0430 \u0434\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u0438...",
|
|
6420
6421
|
nicknameAvailable: "\u041D\u0438\u043A\u043D\u0435\u0439\u043C \u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D",
|
|
6421
|
-
nicknameNotAvailable: "\u042D\u0442\u043E\u0442 \u043D\u0438\u043A\u043D\u0435\u0439\u043C \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D"
|
|
6422
|
+
nicknameNotAvailable: "\u042D\u0442\u043E\u0442 \u043D\u0438\u043A\u043D\u0435\u0439\u043C \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u0435\u043D",
|
|
6423
|
+
nicknameChanged: "\u041D\u0438\u043A\u043D\u0435\u0439\u043C \u0431\u044B\u043B \u0438\u0437\u043C\u0435\u043D\u0435\u043D"
|
|
6422
6424
|
},
|
|
6423
6425
|
initialUser: {
|
|
6424
6426
|
welcome: "\u0412\u0430\u0448 \u043D\u0438\u043A\u043D\u0435\u0439\u043C \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D \u043A\u0430\u043A {{nickname}}",
|
|
@@ -6961,7 +6963,8 @@ var init_zh = __esm({
|
|
|
6961
6963
|
alreadyYourNickname: "\u6B64\u6635\u79F0\u5DF2\u662F\u60A8\u7684\u6635\u79F0",
|
|
6962
6964
|
checkingAvailability: "\u6B63\u5728\u68C0\u67E5\u53EF\u7528\u6027...",
|
|
6963
6965
|
nicknameAvailable: "\u6635\u79F0\u53EF\u7528",
|
|
6964
|
-
nicknameNotAvailable: "\u6B64\u6635\u79F0\u4E0D\u53EF\u7528"
|
|
6966
|
+
nicknameNotAvailable: "\u6B64\u6635\u79F0\u4E0D\u53EF\u7528",
|
|
6967
|
+
nicknameChanged: "\u6635\u79F0\u5DF2\u66F4\u6539"
|
|
6965
6968
|
},
|
|
6966
6969
|
initialUser: {
|
|
6967
6970
|
welcome: "\u60A8\u7684\u6635\u79F0\u5DF2\u8BBE\u7F6E\u4E3A {{nickname}}",
|
|
@@ -9123,7 +9126,7 @@ var init_onboarder = __esm({
|
|
|
9123
9126
|
const elementRef = this.elements.get(elId)?.deref();
|
|
9124
9127
|
if (!elementRef) return;
|
|
9125
9128
|
const { x, y, width, height } = elementRef.getBoundingClientRect();
|
|
9126
|
-
elementRef.scrollIntoView({ behavior: "smooth", block: "
|
|
9129
|
+
elementRef.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
|
|
9127
9130
|
useOnboardingStore.getState().setElRect({ x, y, width, height });
|
|
9128
9131
|
}, 200);
|
|
9129
9132
|
});
|
|
@@ -9141,7 +9144,7 @@ var init_onboarder = __esm({
|
|
|
9141
9144
|
elRectData = elementRef.getBoundingClientRect();
|
|
9142
9145
|
} else {
|
|
9143
9146
|
elRectData = element.getBoundingClientRect();
|
|
9144
|
-
element.scrollIntoView({ behavior: "smooth", block: "
|
|
9147
|
+
element.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
|
|
9145
9148
|
}
|
|
9146
9149
|
useOnboardingStore.getState().setElRect(elRectData);
|
|
9147
9150
|
}
|
|
@@ -9204,9 +9207,9 @@ var init_onboarder = __esm({
|
|
|
9204
9207
|
if (!this.tour) return null;
|
|
9205
9208
|
return this.tour[this.tourPointer];
|
|
9206
9209
|
}
|
|
9207
|
-
|
|
9208
|
-
|
|
9209
|
-
}
|
|
9210
|
+
// getCurrentTargetElement(): HTMLElement | null {
|
|
9211
|
+
// return this.elements.get(this.tour[this.tourPointer]?.elId)?.deref() || null
|
|
9212
|
+
// }
|
|
9210
9213
|
};
|
|
9211
9214
|
onboarder = new Onboarder();
|
|
9212
9215
|
}
|
|
@@ -9214,62 +9217,28 @@ var init_onboarder = __esm({
|
|
|
9214
9217
|
|
|
9215
9218
|
// src/internal/components/Onboarding/OnboardingOverlay.tsx
|
|
9216
9219
|
function getTooltipXPos(params) {
|
|
9217
|
-
const { x, width, isMobileView
|
|
9218
|
-
const
|
|
9219
|
-
const
|
|
9220
|
-
const
|
|
9221
|
-
const
|
|
9222
|
-
const
|
|
9223
|
-
|
|
9224
|
-
|
|
9225
|
-
if (
|
|
9226
|
-
|
|
9227
|
-
isOverflowX: true,
|
|
9228
|
-
width: ttWidth,
|
|
9229
|
-
x: x - (ttEndX - window.innerWidth) - 2 * expandValue
|
|
9230
|
-
// unstick tooltip from window right edge
|
|
9231
|
-
};
|
|
9232
|
-
}
|
|
9233
|
-
if (isTTOverflowsFrame) {
|
|
9234
|
-
const calcedX = x - ttShiftX - ttWidth / 2 + frameWidth / 2;
|
|
9235
|
-
return {
|
|
9236
|
-
isOverflowX: true,
|
|
9237
|
-
width: ttWidth,
|
|
9238
|
-
x: calcedX < expandValue ? expandValue : calcedX
|
|
9239
|
-
};
|
|
9240
|
-
}
|
|
9241
|
-
return {
|
|
9242
|
-
isOverflowX: isTTOverflowsFrame || isTTOverflowsWindow,
|
|
9243
|
-
width: ttWidth,
|
|
9244
|
-
x: x - ttShiftX
|
|
9245
|
-
};
|
|
9220
|
+
const { x, width, isMobileView } = params;
|
|
9221
|
+
const frameWidth = isMobileView ? width : width + 2 * EXPAND;
|
|
9222
|
+
const ttWidth = isMobileView ? window.innerWidth - 2 * EXPAND : Math.max(frameWidth, TOOLTIP_MIN_WIDTH);
|
|
9223
|
+
const ttCenterPosX = x + width / 2;
|
|
9224
|
+
const ttExpectedStartX = ttCenterPosX - ttWidth / 2;
|
|
9225
|
+
const ttExpectedEndX = ttCenterPosX + ttWidth / 2;
|
|
9226
|
+
let ttTargetStartX = ttExpectedStartX;
|
|
9227
|
+
if (ttExpectedStartX < EXPAND) ttTargetStartX = EXPAND;
|
|
9228
|
+
if (ttExpectedEndX > window.innerWidth - EXPAND) ttTargetStartX = window.innerWidth - EXPAND - ttWidth;
|
|
9229
|
+
return { width: ttWidth, x: ttTargetStartX };
|
|
9246
9230
|
}
|
|
9247
9231
|
function getTooltipYPos(params) {
|
|
9248
|
-
const { y, height, isMobileView
|
|
9249
|
-
|
|
9250
|
-
const
|
|
9232
|
+
const { y, height, isMobileView } = params;
|
|
9233
|
+
const topPosY = y - EXPAND * 2 - TOP_POS_OFFSET;
|
|
9234
|
+
const targetBottomY = y + height + EXPAND * 2;
|
|
9235
|
+
const bottomPosY = Math.min(targetBottomY, window.innerHeight - EXPAND - TOP_POS_OFFSET);
|
|
9251
9236
|
const isTopPos = isMobileView && topPosY >= EXPAND;
|
|
9252
|
-
return {
|
|
9253
|
-
isTopPos,
|
|
9254
|
-
isOverflowY: topPosY < EXPAND,
|
|
9255
|
-
y: isTopPos ? topPosY : bottomPosY
|
|
9256
|
-
// topPosY >= EXPAND - unstick tooltip from window top edge
|
|
9257
|
-
};
|
|
9237
|
+
return { isTopPos, y: isTopPos ? topPosY : bottomPosY };
|
|
9258
9238
|
}
|
|
9259
9239
|
function OnboardingOverlay() {
|
|
9260
9240
|
const { t } = useT();
|
|
9261
9241
|
const page = useLayoutDataStore((st) => st.page);
|
|
9262
|
-
const isOnboarding = useLayoutDataStore((st) => st.isOnboarding);
|
|
9263
|
-
const isMobileView = useLayoutStore((st) => st.isMobileView);
|
|
9264
|
-
const colorMode = useLayoutStore((st) => st.colorMode);
|
|
9265
|
-
const { elRect, mountIntoNode } = useOnboardingStore();
|
|
9266
|
-
const {
|
|
9267
|
-
actions: tourStepActions = [],
|
|
9268
|
-
waitSecs = null,
|
|
9269
|
-
title,
|
|
9270
|
-
description,
|
|
9271
|
-
forced = false
|
|
9272
|
-
} = onboarder.getCurrentStep() || {};
|
|
9273
9242
|
(0, import_react21.useEffect)(() => {
|
|
9274
9243
|
setTimeout(() => {
|
|
9275
9244
|
if (!page) {
|
|
@@ -9284,17 +9253,28 @@ function OnboardingOverlay() {
|
|
|
9284
9253
|
useOnboardingStore.getState().setMountIntoNode(embarkUIContainer);
|
|
9285
9254
|
}, 0);
|
|
9286
9255
|
}, [page]);
|
|
9256
|
+
const isOnboarding = useLayoutDataStore((st) => st.isOnboarding);
|
|
9257
|
+
const isMobileView = useLayoutStore((st) => st.isMobileView);
|
|
9258
|
+
const colorMode = useLayoutStore((st) => st.colorMode);
|
|
9259
|
+
const { elRect, mountIntoNode } = useOnboardingStore();
|
|
9287
9260
|
const [continueCountdown, setContinueCountdown] = (0, import_react21.useState)(null);
|
|
9288
|
-
const
|
|
9289
|
-
|
|
9290
|
-
|
|
9291
|
-
|
|
9292
|
-
|
|
9293
|
-
|
|
9294
|
-
|
|
9295
|
-
|
|
9296
|
-
|
|
9297
|
-
|
|
9261
|
+
const {
|
|
9262
|
+
actions: tourStepActions = [],
|
|
9263
|
+
waitSecs = null,
|
|
9264
|
+
title,
|
|
9265
|
+
description,
|
|
9266
|
+
forced = false
|
|
9267
|
+
} = onboarder.getCurrentStep() || {};
|
|
9268
|
+
const position = (0, import_react21.useMemo)(() => {
|
|
9269
|
+
const posParams = {
|
|
9270
|
+
x: elRect.x,
|
|
9271
|
+
y: elRect.y,
|
|
9272
|
+
width: elRect.width,
|
|
9273
|
+
height: elRect.height,
|
|
9274
|
+
isMobileView
|
|
9275
|
+
};
|
|
9276
|
+
return { ...getTooltipXPos(posParams), ...getTooltipYPos(posParams) };
|
|
9277
|
+
}, [elRect, isMobileView]);
|
|
9298
9278
|
(0, import_react21.useEffect)(() => {
|
|
9299
9279
|
if (!waitSecs) return;
|
|
9300
9280
|
setContinueCountdown(waitSecs);
|
|
@@ -9321,6 +9301,7 @@ function OnboardingOverlay() {
|
|
|
9321
9301
|
style: { zIndex: isOnboarding ? 1e4 : -9999 },
|
|
9322
9302
|
className: cn(
|
|
9323
9303
|
"embarkai-ui-scope",
|
|
9304
|
+
// with data-current-theme-mode will provide full embark cssv set
|
|
9324
9305
|
"overflow-hidden pointer-events-auto",
|
|
9325
9306
|
"fixed left-0 top-0",
|
|
9326
9307
|
isOnboarding ? "w-[100dvw] h-[100dvh]" : "w-0 h-0"
|
|
@@ -9346,10 +9327,10 @@ function OnboardingOverlay() {
|
|
|
9346
9327
|
fill: "black",
|
|
9347
9328
|
style: {
|
|
9348
9329
|
transition: "x 0.3s ease, y 0.3s ease, width 0.3s ease, height 0.3s ease",
|
|
9349
|
-
x: elRect.x -
|
|
9350
|
-
y: elRect.y -
|
|
9351
|
-
width: elRect.width +
|
|
9352
|
-
height: elRect.height +
|
|
9330
|
+
x: elRect.x - EXPAND,
|
|
9331
|
+
y: elRect.y - EXPAND,
|
|
9332
|
+
width: elRect.width + EXPAND * 2,
|
|
9333
|
+
height: elRect.height + EXPAND * 2
|
|
9353
9334
|
}
|
|
9354
9335
|
}
|
|
9355
9336
|
)
|
|
@@ -9368,14 +9349,14 @@ function OnboardingOverlay() {
|
|
|
9368
9349
|
"overflow-hidden"
|
|
9369
9350
|
),
|
|
9370
9351
|
style: {
|
|
9371
|
-
willChange: "top, left, width, height
|
|
9352
|
+
willChange: "top, left, width, height",
|
|
9372
9353
|
width: isOnboarding ? position.width : 0,
|
|
9373
9354
|
height: isOnboarding ? "auto" : 0,
|
|
9374
9355
|
top: isOnboarding ? position.y : window.innerHeight / 2,
|
|
9375
9356
|
left: isOnboarding ? position.x : window.innerWidth / 2,
|
|
9376
9357
|
transition: "top 0.3s ease, left 0.3s ease, width 0.3s ease",
|
|
9377
9358
|
transform: position.isTopPos ? `translateY(calc(-100% + ${TOP_POS_OFFSET}px))` : "translateY(0)",
|
|
9378
|
-
borderRadius:
|
|
9359
|
+
borderRadius: "var(--ui-kit-bdrs)"
|
|
9379
9360
|
},
|
|
9380
9361
|
children: [
|
|
9381
9362
|
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "font-bold", children: t(title) }),
|
|
@@ -9385,15 +9366,12 @@ function OnboardingOverlay() {
|
|
|
9385
9366
|
{
|
|
9386
9367
|
size: "small",
|
|
9387
9368
|
variant: "ghost",
|
|
9369
|
+
className: "absolute top-1 right-1 text-[var(--ui-kit-success)]",
|
|
9388
9370
|
onClick: () => {
|
|
9389
9371
|
setContinueCountdown(null);
|
|
9390
9372
|
onboarder.endTour();
|
|
9391
9373
|
},
|
|
9392
|
-
className:
|
|
9393
|
-
"absolute top-2 right-2 text-[10px]",
|
|
9394
|
-
colorMode === "dark" ? "text-[var(--ui-kit-fg-inverted)]" : "text-[var(--ui-kit-fg)]"
|
|
9395
|
-
),
|
|
9396
|
-
children: t("passport:common.hide")
|
|
9374
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.XIcon, { className: "h-3 w-3" })
|
|
9397
9375
|
}
|
|
9398
9376
|
),
|
|
9399
9377
|
!!tourStepActions?.length ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "flex grid grid-cols-2 gap-[var(--ui-kit-gap)]", children: tourStepActions.map(({ caption, onClick }, index) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
|
|
@@ -9453,7 +9431,7 @@ var init_OnboardingOverlay = __esm({
|
|
|
9453
9431
|
init_onboarder();
|
|
9454
9432
|
init_useOnboardingStore();
|
|
9455
9433
|
import_jsx_runtime21 = require("react/jsx-runtime");
|
|
9456
|
-
EXPAND =
|
|
9434
|
+
EXPAND = 8;
|
|
9457
9435
|
TOOLTIP_MIN_WIDTH = 320;
|
|
9458
9436
|
TOP_POS_OFFSET = 112;
|
|
9459
9437
|
}
|
|
@@ -10784,7 +10762,7 @@ function BinanceSummary(props) {
|
|
|
10784
10762
|
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "font-bold", children: [
|
|
10785
10763
|
formatPrice(srcQueryAmount),
|
|
10786
10764
|
" ",
|
|
10787
|
-
selectedFiat
|
|
10765
|
+
selectedFiat?.toUpperCase()
|
|
10788
10766
|
] })
|
|
10789
10767
|
] }),
|
|
10790
10768
|
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex justify-between text-xs leading-5", children: [
|
|
@@ -10792,7 +10770,7 @@ function BinanceSummary(props) {
|
|
|
10792
10770
|
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "font-bold", children: [
|
|
10793
10771
|
formatPrice(cryptoToRecieve),
|
|
10794
10772
|
" ",
|
|
10795
|
-
selectedCrypto
|
|
10773
|
+
selectedCrypto?.toUpperCase()
|
|
10796
10774
|
] })
|
|
10797
10775
|
] }),
|
|
10798
10776
|
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Highlight, { type: "info", className: "", children: [
|
|
@@ -10831,7 +10809,7 @@ function BinanceSummary(props) {
|
|
|
10831
10809
|
!!quoteData?.totalAmount && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("strong", { children: [
|
|
10832
10810
|
formatPrice(Number(quoteData.totalAmount)),
|
|
10833
10811
|
" ",
|
|
10834
|
-
selectedCrypto
|
|
10812
|
+
selectedCrypto?.toUpperCase()
|
|
10835
10813
|
] })
|
|
10836
10814
|
]
|
|
10837
10815
|
}
|
|
@@ -11074,7 +11052,7 @@ function BinanceTxHistoryItem(props) {
|
|
|
11074
11052
|
} = txPayload || {};
|
|
11075
11053
|
const statusInfo = STATUS_CODE_TO_MESSAGE[txStatus];
|
|
11076
11054
|
const badgeVariant = getStatusVariant(txStatus);
|
|
11077
|
-
const TokenIcon = TOKENS_ICONS[cryptoCurrency
|
|
11055
|
+
const TokenIcon = TOKENS_ICONS[cryptoCurrency?.toUpperCase()] || TOKENS_ICONS["EMBARKAI"];
|
|
11078
11056
|
return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
|
|
11079
11057
|
"div",
|
|
11080
11058
|
{
|
|
@@ -11417,8 +11395,8 @@ function Binance() {
|
|
|
11417
11395
|
const minimumAmountWarningMsg = srcInputAmount < fiatMinimum ? (
|
|
11418
11396
|
// @ts-expect-error i18n typings
|
|
11419
11397
|
t("passport:buyMenu.inputPlaceholder.providerMin", {
|
|
11420
|
-
minimum: fiatMinimum
|
|
11421
|
-
currency: selectedFiat
|
|
11398
|
+
minimum: fiatMinimum?.toFixed(2),
|
|
11399
|
+
currency: selectedFiat?.toUpperCase(),
|
|
11422
11400
|
provider: "BINANCE CONNECT"
|
|
11423
11401
|
})
|
|
11424
11402
|
) : void 0;
|
|
@@ -15345,7 +15323,7 @@ var init_MethodSelector = __esm({
|
|
|
15345
15323
|
});
|
|
15346
15324
|
|
|
15347
15325
|
// src/internal/components/KeyshareRestoreMenu/onboarding.setup.ts
|
|
15348
|
-
var KEYSHARE_BACKUP_MENU_TOUR;
|
|
15326
|
+
var KEYSHARE_BACKUP_MENU_TOUR, KEYSHARE_BACKUP_MENU_TOUR_NO_PASSKEY;
|
|
15349
15327
|
var init_onboarding_setup3 = __esm({
|
|
15350
15328
|
"src/internal/components/KeyshareRestoreMenu/onboarding.setup.ts"() {
|
|
15351
15329
|
init_hooks();
|
|
@@ -15405,6 +15383,43 @@ var init_onboarding_setup3 = __esm({
|
|
|
15405
15383
|
description: "passport:backupMenu.onboarding.backupAdvanced.description"
|
|
15406
15384
|
}
|
|
15407
15385
|
];
|
|
15386
|
+
KEYSHARE_BACKUP_MENU_TOUR_NO_PASSKEY = [
|
|
15387
|
+
{
|
|
15388
|
+
elId: "embarkai-keyshare-backup-menu-onboarding" /* backupMenu */,
|
|
15389
|
+
title: "passport:backupMenu.onboarding.backupMenu.title",
|
|
15390
|
+
description: "passport:backupMenu.onboarding.backupMenu.description",
|
|
15391
|
+
onNext: () => {
|
|
15392
|
+
const { setSuccess, setError, setRestorePassword, setRestoreFile, setShowPassword, setUsePasskey, setMethod } = useRestoreStore.getState();
|
|
15393
|
+
setSuccess(null);
|
|
15394
|
+
setError(null);
|
|
15395
|
+
setRestoreFile(null);
|
|
15396
|
+
setRestorePassword("<your-strong-password>");
|
|
15397
|
+
setShowPassword(true);
|
|
15398
|
+
setUsePasskey(false);
|
|
15399
|
+
setMethod("server");
|
|
15400
|
+
}
|
|
15401
|
+
},
|
|
15402
|
+
{
|
|
15403
|
+
elId: "embarkai-keyshare-backup-menu-onboarding" /* backupMenu */,
|
|
15404
|
+
title: "passport:backupMenu.onboarding.backupEncryptionPassword.title",
|
|
15405
|
+
description: "passport:backupMenu.onboarding.backupEncryptionPassword.description",
|
|
15406
|
+
onNext: () => {
|
|
15407
|
+
const { setRestorePassword, setShowPassword } = useRestoreStore.getState();
|
|
15408
|
+
setRestorePassword("");
|
|
15409
|
+
setShowPassword(false);
|
|
15410
|
+
}
|
|
15411
|
+
},
|
|
15412
|
+
{
|
|
15413
|
+
elId: "embarkai-keyshare-backup-status-onboarding" /* backupStatus */,
|
|
15414
|
+
title: "passport:backupMenu.onboarding.backupStatus.title",
|
|
15415
|
+
description: "passport:backupMenu.onboarding.backupStatus.description"
|
|
15416
|
+
},
|
|
15417
|
+
{
|
|
15418
|
+
elId: "embarkai-keyshare-backup-advanced-onboarding" /* backupAdvanced */,
|
|
15419
|
+
title: "passport:backupMenu.onboarding.backupAdvanced.title",
|
|
15420
|
+
description: "passport:backupMenu.onboarding.backupAdvanced.description"
|
|
15421
|
+
}
|
|
15422
|
+
];
|
|
15408
15423
|
}
|
|
15409
15424
|
});
|
|
15410
15425
|
|
|
@@ -18508,14 +18523,22 @@ var init_useNicknameStore = __esm({
|
|
|
18508
18523
|
"src/internal/components/NicknameMenu/useNicknameStore.ts"() {
|
|
18509
18524
|
import_zustand10 = require("zustand");
|
|
18510
18525
|
useNicknameStore = (0, import_zustand10.create)((set) => ({
|
|
18511
|
-
renderKey: "",
|
|
18526
|
+
renderKey: "nickname-menu-render-key",
|
|
18512
18527
|
setRenderKey: (renderKey) => set({ renderKey }),
|
|
18513
18528
|
nicknameValue: "",
|
|
18514
18529
|
setNicknameValue: (nicknameValue) => set({ nicknameValue }),
|
|
18515
18530
|
availability: null,
|
|
18516
18531
|
setAvailability: (availability) => set({ availability }),
|
|
18532
|
+
success: null,
|
|
18533
|
+
setSuccess: (success) => set({ success }),
|
|
18517
18534
|
error: null,
|
|
18518
|
-
setError: (error) => set({ error })
|
|
18535
|
+
setError: (error) => set({ error }),
|
|
18536
|
+
reset: () => set({
|
|
18537
|
+
renderKey: "nickname-menu-render-key",
|
|
18538
|
+
nicknameValue: "",
|
|
18539
|
+
availability: null,
|
|
18540
|
+
error: null
|
|
18541
|
+
})
|
|
18519
18542
|
}));
|
|
18520
18543
|
}
|
|
18521
18544
|
});
|
|
@@ -18588,14 +18611,7 @@ function NicknameEditForm(props) {
|
|
|
18588
18611
|
const nicknameAvailability = useNicknameStore((st) => st.availability);
|
|
18589
18612
|
const { isCheckingAvailability } = useNicknameAvailability(nicknameInfo ? nicknameInfo.handle : "");
|
|
18590
18613
|
const [isNicknameCopied, setIsNicknameCopied] = (0, import_react58.useState)(false);
|
|
18591
|
-
const {
|
|
18592
|
-
mutate: changeNickname2,
|
|
18593
|
-
isError: isNicknameChangeError,
|
|
18594
|
-
isPending: isNicknameChanging,
|
|
18595
|
-
isSuccess: isNicknameChangeSuccess,
|
|
18596
|
-
// error: nicknameChangeError,
|
|
18597
|
-
reset
|
|
18598
|
-
} = (0, import_react_query35.useMutation)({
|
|
18614
|
+
const { mutate: changeNickname2, isPending: isNicknameChanging } = (0, import_react_query35.useMutation)({
|
|
18599
18615
|
mutationFn: (handle) => changeNickname(handle),
|
|
18600
18616
|
onSuccess: () => {
|
|
18601
18617
|
qc.invalidateQueries({ queryKey: [QUERY_KEYS.nicknameInfo] });
|
|
@@ -18603,7 +18619,15 @@ function NicknameEditForm(props) {
|
|
|
18603
18619
|
callbacksRef.current?.onAccountUpdate?.({
|
|
18604
18620
|
providers: qc.getQueryData([PROVIDERS_QUERY_KEY, address])
|
|
18605
18621
|
});
|
|
18606
|
-
if (!!isInitialUser)
|
|
18622
|
+
if (!!isInitialUser) {
|
|
18623
|
+
setTimeout(() => useLayoutDataStore.getState().setPage(null), 1500);
|
|
18624
|
+
}
|
|
18625
|
+
useNicknameStore.getState().setSuccess(t("passport:nicknameMenu.availability.nicknameChanged"));
|
|
18626
|
+
useNicknameStore.getState().setRenderKey(`nickname-has-been-changed-${Date.now()}`);
|
|
18627
|
+
setTimeout(() => {
|
|
18628
|
+
useNicknameStore.getState().setSuccess(null);
|
|
18629
|
+
useNicknameStore.getState().setRenderKey(`nickname-has-been-changed-${Date.now()}`);
|
|
18630
|
+
}, 1500);
|
|
18607
18631
|
},
|
|
18608
18632
|
onError: (error) => {
|
|
18609
18633
|
const changeNicknameError = error;
|
|
@@ -18619,17 +18643,16 @@ function NicknameEditForm(props) {
|
|
|
18619
18643
|
const handleNicknameInputChange = (0, import_react58.useCallback)(
|
|
18620
18644
|
(e) => {
|
|
18621
18645
|
const { error, setError, setNicknameValue } = useNicknameStore.getState();
|
|
18622
|
-
const
|
|
18623
|
-
setNicknameValue(
|
|
18624
|
-
if (error &&
|
|
18625
|
-
if (
|
|
18626
|
-
|
|
18627
|
-
const validation = validateNickname(value);
|
|
18646
|
+
const nextInputValue = e.target.value;
|
|
18647
|
+
setNicknameValue(nextInputValue);
|
|
18648
|
+
if (error && nextInputValue.length >= 3) setError(null);
|
|
18649
|
+
if (nextInputValue?.length < 1) return;
|
|
18650
|
+
const validation = validateNickname(nextInputValue);
|
|
18628
18651
|
if (!validation.valid && validation.error) {
|
|
18629
18652
|
setError(getNicknameErrorMessage(validation.error, { t }));
|
|
18630
18653
|
}
|
|
18631
18654
|
},
|
|
18632
|
-
[
|
|
18655
|
+
[t]
|
|
18633
18656
|
);
|
|
18634
18657
|
const handleSubmit = (0, import_react58.useCallback)(
|
|
18635
18658
|
(e) => {
|
|
@@ -18656,34 +18679,43 @@ function NicknameEditForm(props) {
|
|
|
18656
18679
|
const normalizedInputValue = normalizeNickname(nicknameValue);
|
|
18657
18680
|
const isSameAsCurrentNickname = normalizedInputValue === currentNickname.toLowerCase();
|
|
18658
18681
|
const isSubmitDisabled = !canChange || nicknameValue.length === 0 || isSameAsCurrentNickname || !!nicknameError || isNicknameChanging || isCheckingAvailability || !nicknameAvailability?.available;
|
|
18659
|
-
const isNicknameAvailalable = !isCheckingAvailability && !isNicknameChanging &&
|
|
18682
|
+
const isNicknameAvailalable = !isCheckingAvailability && !isNicknameChanging && nicknameAvailability?.available;
|
|
18660
18683
|
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
|
|
18661
|
-
canChange ? /* @__PURE__ */ (0, import_jsx_runtime81.
|
|
18662
|
-
/* @__PURE__ */ (0, import_jsx_runtime81.
|
|
18663
|
-
|
|
18664
|
-
{
|
|
18665
|
-
|
|
18666
|
-
|
|
18667
|
-
|
|
18668
|
-
|
|
18669
|
-
|
|
18670
|
-
|
|
18671
|
-
|
|
18672
|
-
|
|
18673
|
-
|
|
18674
|
-
|
|
18675
|
-
|
|
18676
|
-
|
|
18677
|
-
|
|
18678
|
-
|
|
18679
|
-
|
|
18680
|
-
|
|
18681
|
-
|
|
18682
|
-
|
|
18683
|
-
|
|
18684
|
-
|
|
18685
|
-
|
|
18686
|
-
|
|
18684
|
+
canChange ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
|
|
18685
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("span", { className: "text-[10px] leading-4 text-[var(--ui-kit-fg-muted)]", children: [
|
|
18686
|
+
t("passport:nicknameMenu.yourNickname"),
|
|
18687
|
+
currentNickname !== nicknameValue && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("strong", { className: "text-[var(--ui-kit-fg)]", children: [
|
|
18688
|
+
": ",
|
|
18689
|
+
currentNickname
|
|
18690
|
+
] })
|
|
18691
|
+
] }),
|
|
18692
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("form", { onSubmit: handleSubmit, className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
18693
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
18694
|
+
Input,
|
|
18695
|
+
{
|
|
18696
|
+
Icon: import_lucide_react47.AtSignIcon,
|
|
18697
|
+
value: nicknameValue,
|
|
18698
|
+
onChange: handleNicknameInputChange,
|
|
18699
|
+
placeholder: t("passport:nicknameMenu.placeholder"),
|
|
18700
|
+
disabled: isNicknameChanging,
|
|
18701
|
+
className: "flex-1"
|
|
18702
|
+
}
|
|
18703
|
+
),
|
|
18704
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
18705
|
+
Button,
|
|
18706
|
+
{
|
|
18707
|
+
type: "submit",
|
|
18708
|
+
size: "large",
|
|
18709
|
+
disabled: isSubmitDisabled,
|
|
18710
|
+
title: isNicknameAvailalable ? t("passport:nicknameMenu.availability.nicknameAvailable") : "",
|
|
18711
|
+
className: cn("w-12", {
|
|
18712
|
+
"bg-[var(--ui-kit-bg-success)] text-[var(--ui-kit-success)]": isNicknameAvailalable
|
|
18713
|
+
}),
|
|
18714
|
+
children: isCheckingAvailability || isNicknameChanging ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react47.LoaderIcon, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react47.SaveIcon, { className: "w-4 h-4" })
|
|
18715
|
+
}
|
|
18716
|
+
)
|
|
18717
|
+
] }) })
|
|
18718
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "w-full flex items-center justify-between px-[var(--ui-kit-pd)] h-12 bg-[var(--ui-kit-secondary)] rounded-[var(--ui-kit-el-bdrs)]", children: [
|
|
18687
18719
|
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
|
|
18688
18720
|
"span",
|
|
18689
18721
|
{
|
|
@@ -18761,6 +18793,7 @@ function NicknameMenu() {
|
|
|
18761
18793
|
const address = useSession((st) => st.address);
|
|
18762
18794
|
const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
|
|
18763
18795
|
const nicknameRenderKey = useNicknameStore((st) => st.renderKey);
|
|
18796
|
+
const nicknameSuccess = useNicknameStore((st) => st.success);
|
|
18764
18797
|
const nicknameError = useNicknameStore((st) => st.error);
|
|
18765
18798
|
const {
|
|
18766
18799
|
data: nicknameInfo,
|
|
@@ -18770,9 +18803,10 @@ function NicknameMenu() {
|
|
|
18770
18803
|
retry: 1,
|
|
18771
18804
|
enabled: !!address,
|
|
18772
18805
|
queryKey: [QUERY_KEYS.nicknameInfo, address],
|
|
18773
|
-
queryFn: getNicknameInfo
|
|
18806
|
+
queryFn: async () => await getNicknameInfo()
|
|
18774
18807
|
});
|
|
18775
18808
|
const resolvedError = nicknameError || nicknameInfoError?.message || null;
|
|
18809
|
+
(0, import_react59.useEffect)(() => () => useNicknameStore.getState().reset(), []);
|
|
18776
18810
|
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
18777
18811
|
"div",
|
|
18778
18812
|
{
|
|
@@ -18796,16 +18830,12 @@ function NicknameMenu() {
|
|
|
18796
18830
|
isNicknameInfoLoading && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react48.Loader, { className: "w-4 h-4 animate-spin" })
|
|
18797
18831
|
] })
|
|
18798
18832
|
] }),
|
|
18799
|
-
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:nicknameMenu.yourNickname") }),
|
|
18800
18833
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(NicknameEditForm, { nicknameInfo, isInitialUser }),
|
|
18801
|
-
!nicknameInfo?.canChange && nicknameInfo?.cooldownEndsAt && /* @__PURE__ */ (0, import_jsx_runtime82.
|
|
18802
|
-
|
|
18803
|
-
|
|
18804
|
-
|
|
18805
|
-
|
|
18806
|
-
}) })
|
|
18807
|
-
] }),
|
|
18808
|
-
!!nicknameInfo && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] justify-between text-[10px]", children: [
|
|
18834
|
+
!nicknameInfo?.canChange && nicknameInfo?.cooldownEndsAt && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Highlight, { type: "info", children: t("passport:nicknameMenu.cooldownMessage", {
|
|
18835
|
+
canChangeAt: (0, import_dayjs4.default)(nicknameInfo.cooldownEndsAt).format("MMM D, YYYY"),
|
|
18836
|
+
days: String(getDaysRemaining(nicknameInfo.cooldownEndsAt))
|
|
18837
|
+
}) }),
|
|
18838
|
+
!nicknameSuccess && !!nicknameInfo && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] justify-between text-[10px]", children: [
|
|
18809
18839
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { children: [
|
|
18810
18840
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: nicknameInfo.changedAt ? t("passport:nicknameMenu.lastChanged") : t("passport:common.created") }),
|
|
18811
18841
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: ": " }),
|
|
@@ -18817,6 +18847,7 @@ function NicknameMenu() {
|
|
|
18817
18847
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("strong", { className: "text-[var(--ui-kit-fg)]", children: nicknameInfo.changeCount })
|
|
18818
18848
|
] })
|
|
18819
18849
|
] }),
|
|
18850
|
+
!!nicknameSuccess && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Highlight, { type: "success", children: nicknameSuccess }),
|
|
18820
18851
|
isInitialUser && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(Highlight, { type: "success", children: [
|
|
18821
18852
|
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("p", {
|
|
18822
18853
|
//@ts-expect-error i18n typings
|
|
@@ -18848,7 +18879,7 @@ function NicknameMenu() {
|
|
|
18848
18879
|
}
|
|
18849
18880
|
);
|
|
18850
18881
|
}
|
|
18851
|
-
var import_react_query36, import_dayjs4, import_lucide_react48, import_jsx_runtime82;
|
|
18882
|
+
var import_react_query36, import_dayjs4, import_lucide_react48, import_react59, import_jsx_runtime82;
|
|
18852
18883
|
var init_NicknameMenu = __esm({
|
|
18853
18884
|
"src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
|
|
18854
18885
|
init_SessionContext();
|
|
@@ -18857,6 +18888,7 @@ var init_NicknameMenu = __esm({
|
|
|
18857
18888
|
import_react_query36 = require("@tanstack/react-query");
|
|
18858
18889
|
import_dayjs4 = __toESM(require("dayjs"), 1);
|
|
18859
18890
|
import_lucide_react48 = require("lucide-react");
|
|
18891
|
+
import_react59 = require("react");
|
|
18860
18892
|
init_nickname();
|
|
18861
18893
|
init_profile();
|
|
18862
18894
|
init_useLayoutDataStore();
|
|
@@ -18894,11 +18926,11 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
|
|
|
18894
18926
|
const activeChainConfig = useSession((st) => st.chainConfig);
|
|
18895
18927
|
const resolvedChainId = chainId ?? activeChainId;
|
|
18896
18928
|
const shouldUseActiveClient = !chainId || chainId === activeChainId;
|
|
18897
|
-
const chainConfig = (0,
|
|
18929
|
+
const chainConfig = (0, import_react60.useMemo)(() => {
|
|
18898
18930
|
if (shouldUseActiveClient) return activeChainConfig;
|
|
18899
18931
|
return (0, import_read16.getChainConfig)(chainId);
|
|
18900
18932
|
}, [activeChainConfig, chainId, shouldUseActiveClient]);
|
|
18901
|
-
const publicClient = (0,
|
|
18933
|
+
const publicClient = (0, import_react60.useMemo)(() => {
|
|
18902
18934
|
if (shouldUseActiveClient) return activePublicClient;
|
|
18903
18935
|
if (!chainId) return activePublicClient;
|
|
18904
18936
|
try {
|
|
@@ -18915,12 +18947,12 @@ function useResolvedPublicClient(chainId, logScope = "useResolvedPublicClient")
|
|
|
18915
18947
|
resolvedChainId
|
|
18916
18948
|
};
|
|
18917
18949
|
}
|
|
18918
|
-
var import_read16,
|
|
18950
|
+
var import_read16, import_react60, publicClientByChainId;
|
|
18919
18951
|
var init_useResolvedPublicClient = __esm({
|
|
18920
18952
|
"src/internal/hooks/useResolvedPublicClient.ts"() {
|
|
18921
18953
|
init_SessionContext();
|
|
18922
18954
|
import_read16 = require("@embarkai/core/read");
|
|
18923
|
-
|
|
18955
|
+
import_react60 = require("react");
|
|
18924
18956
|
publicClientByChainId = /* @__PURE__ */ new Map();
|
|
18925
18957
|
}
|
|
18926
18958
|
});
|
|
@@ -18984,7 +19016,7 @@ var init_useNativeBalance = __esm({
|
|
|
18984
19016
|
function useWatchTokens(options) {
|
|
18985
19017
|
const { address, chainId, enabled, publicClient } = options;
|
|
18986
19018
|
const { config } = useProviderConfig();
|
|
18987
|
-
const watchTokens = (0,
|
|
19019
|
+
const watchTokens = (0, import_react61.useMemo)(() => {
|
|
18988
19020
|
const allWatchTokens = config.current.watchTokens;
|
|
18989
19021
|
const tokensForChain = chainId ? allWatchTokens?.[chainId] || [] : [];
|
|
18990
19022
|
return tokensForChain;
|
|
@@ -19052,12 +19084,12 @@ function useWatchTokens(options) {
|
|
|
19052
19084
|
}
|
|
19053
19085
|
});
|
|
19054
19086
|
}
|
|
19055
|
-
var import_react_query38,
|
|
19087
|
+
var import_react_query38, import_react61, import_viem7;
|
|
19056
19088
|
var init_useWatchTokens = __esm({
|
|
19057
19089
|
"src/internal/hooks/useBlockscoutAssets/useWatchTokens.ts"() {
|
|
19058
19090
|
init_ProviderContext();
|
|
19059
19091
|
import_react_query38 = require("@tanstack/react-query");
|
|
19060
|
-
|
|
19092
|
+
import_react61 = require("react");
|
|
19061
19093
|
import_viem7 = require("viem");
|
|
19062
19094
|
init_constants6();
|
|
19063
19095
|
}
|
|
@@ -19206,11 +19238,11 @@ function useBlockscoutAssets(options) {
|
|
|
19206
19238
|
tokenBalancesQueryKey: customTokenBalancesQueryKey
|
|
19207
19239
|
} = useProviderConfig().config?.current?.portfolio || {};
|
|
19208
19240
|
const blockscoutApiUrl = getBlockscoutApiUrl(chainConfig);
|
|
19209
|
-
const blockscoutClient = (0,
|
|
19241
|
+
const blockscoutClient = (0, import_react62.useMemo)(
|
|
19210
19242
|
() => blockscoutApiUrl ? (0, import_core4.createBlockscoutClient)({ baseUrl: blockscoutApiUrl }) : null,
|
|
19211
19243
|
[blockscoutApiUrl]
|
|
19212
19244
|
);
|
|
19213
|
-
const lastRefreshRef = (0,
|
|
19245
|
+
const lastRefreshRef = (0, import_react62.useRef)(0);
|
|
19214
19246
|
const {
|
|
19215
19247
|
data: watchTokenAssets = [],
|
|
19216
19248
|
isLoading: watchTokensLoading,
|
|
@@ -19282,7 +19314,7 @@ function useBlockscoutAssets(options) {
|
|
|
19282
19314
|
queryKey: [BLOCKSCOUT_QUERY_KEY, "nfts", resolvedChainId, blockscoutApiUrl, address],
|
|
19283
19315
|
queryFn: () => blockscoutClient.getNfts(address)
|
|
19284
19316
|
});
|
|
19285
|
-
const erc20TokenAddresses = (0,
|
|
19317
|
+
const erc20TokenAddresses = (0, import_react62.useMemo)(() => {
|
|
19286
19318
|
if (!blockscoutItems) return [];
|
|
19287
19319
|
return blockscoutItems.filter((tb) => tb.token.type === "ERC-20").map((tb) => tb.token.address_hash);
|
|
19288
19320
|
}, [blockscoutItems]);
|
|
@@ -19327,7 +19359,7 @@ function useBlockscoutAssets(options) {
|
|
|
19327
19359
|
// 1 minute
|
|
19328
19360
|
// gcTime: BLOCKSCOUT_QUERY_GC_TIME,
|
|
19329
19361
|
});
|
|
19330
|
-
const assets = (0,
|
|
19362
|
+
const assets = (0, import_react62.useMemo)(() => {
|
|
19331
19363
|
const result = [];
|
|
19332
19364
|
const addedAddresses = /* @__PURE__ */ new Set();
|
|
19333
19365
|
if (nativeBalanceData) {
|
|
@@ -19421,7 +19453,7 @@ function useBlockscoutAssets(options) {
|
|
|
19421
19453
|
watchTokenAssets,
|
|
19422
19454
|
chainConfig
|
|
19423
19455
|
]);
|
|
19424
|
-
const nativeBalance = (0,
|
|
19456
|
+
const nativeBalance = (0, import_react62.useMemo)(() => {
|
|
19425
19457
|
if (!nativeBalanceData) return null;
|
|
19426
19458
|
return {
|
|
19427
19459
|
value: nativeBalanceData.value,
|
|
@@ -19429,11 +19461,11 @@ function useBlockscoutAssets(options) {
|
|
|
19429
19461
|
symbol: nativeBalanceData.symbol
|
|
19430
19462
|
};
|
|
19431
19463
|
}, [nativeBalanceData]);
|
|
19432
|
-
const error = (0,
|
|
19464
|
+
const error = (0, import_react62.useMemo)(() => {
|
|
19433
19465
|
if (!blockscoutError) return null;
|
|
19434
19466
|
return createError(blockscoutError);
|
|
19435
19467
|
}, [blockscoutError]);
|
|
19436
|
-
const refreshBalances = (0,
|
|
19468
|
+
const refreshBalances = (0, import_react62.useCallback)(async () => {
|
|
19437
19469
|
const now = Date.now();
|
|
19438
19470
|
if (now - lastRefreshRef.current < BLOCKSCOUT_REFRESH_DEBOUNCE) {
|
|
19439
19471
|
return;
|
|
@@ -19449,7 +19481,7 @@ function useBlockscoutAssets(options) {
|
|
|
19449
19481
|
qc.invalidateQueries({ queryKey: [WATCH_TOKENS_QUERY_KEY] })
|
|
19450
19482
|
]);
|
|
19451
19483
|
}, [qc, customTokenBalancesQueryKey]);
|
|
19452
|
-
const getTokenBalance = (0,
|
|
19484
|
+
const getTokenBalance = (0, import_react62.useCallback)(
|
|
19453
19485
|
(tokenAddress) => {
|
|
19454
19486
|
return assets.find((a) => a.address?.toLowerCase() === tokenAddress.toLowerCase()) || null;
|
|
19455
19487
|
},
|
|
@@ -19468,13 +19500,13 @@ function useBlockscoutAssets(options) {
|
|
|
19468
19500
|
lastUpdated: dataUpdatedAt || null
|
|
19469
19501
|
};
|
|
19470
19502
|
}
|
|
19471
|
-
var import_core4, import_react_query39,
|
|
19503
|
+
var import_core4, import_react_query39, import_react62;
|
|
19472
19504
|
var init_useBlockscoutAssets = __esm({
|
|
19473
19505
|
"src/internal/hooks/useBlockscoutAssets/useBlockscoutAssets.ts"() {
|
|
19474
19506
|
init_ProviderContext();
|
|
19475
19507
|
import_core4 = require("@embarkai/core");
|
|
19476
19508
|
import_react_query39 = require("@tanstack/react-query");
|
|
19477
|
-
|
|
19509
|
+
import_react62 = require("react");
|
|
19478
19510
|
init_initial();
|
|
19479
19511
|
init_constants();
|
|
19480
19512
|
init_useResolvedPublicClient();
|
|
@@ -19765,7 +19797,7 @@ function PortfolioMenu() {
|
|
|
19765
19797
|
enabled: !!address
|
|
19766
19798
|
});
|
|
19767
19799
|
const shownProjectAssets = projectAssets.filter((asset) => !asset.hideInPortfolio);
|
|
19768
|
-
const refreshAllAssetsBalances = (0,
|
|
19800
|
+
const refreshAllAssetsBalances = (0, import_react63.useCallback)(() => {
|
|
19769
19801
|
Promise.all(shownProjectAssets.map((asset) => qc.invalidateQueries({ queryKey: asset.balanceQueryKey })));
|
|
19770
19802
|
refreshBlockscoutBalances();
|
|
19771
19803
|
}, [qc, shownProjectAssets, refreshBlockscoutBalances]);
|
|
@@ -19821,7 +19853,7 @@ function PortfolioMenu() {
|
|
|
19821
19853
|
}
|
|
19822
19854
|
);
|
|
19823
19855
|
}
|
|
19824
|
-
var import_react_query41, import_lucide_react50,
|
|
19856
|
+
var import_react_query41, import_lucide_react50, import_react63, import_jsx_runtime85;
|
|
19825
19857
|
var init_PortfolioMenu = __esm({
|
|
19826
19858
|
"src/internal/components/PortfolioMenu/PortfolioMenu.tsx"() {
|
|
19827
19859
|
init_ProviderContext();
|
|
@@ -19829,7 +19861,7 @@ var init_PortfolioMenu = __esm({
|
|
|
19829
19861
|
init_i18n();
|
|
19830
19862
|
import_react_query41 = require("@tanstack/react-query");
|
|
19831
19863
|
import_lucide_react50 = require("lucide-react");
|
|
19832
|
-
|
|
19864
|
+
import_react63 = require("react");
|
|
19833
19865
|
init_useBlockscoutAssets2();
|
|
19834
19866
|
init_useLayoutDataStore();
|
|
19835
19867
|
init_useLayoutStore();
|
|
@@ -19953,11 +19985,11 @@ function ReceiveMenu() {
|
|
|
19953
19985
|
const { t } = useT();
|
|
19954
19986
|
const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
|
|
19955
19987
|
const open = page === "receive";
|
|
19956
|
-
const [qrCodeUrl, setQrCodeUrl] = (0,
|
|
19957
|
-
const [copied, setCopied] = (0,
|
|
19958
|
-
const [fingerprintCopied, setFingerprintCopied] = (0,
|
|
19988
|
+
const [qrCodeUrl, setQrCodeUrl] = (0, import_react64.useState)("");
|
|
19989
|
+
const [copied, setCopied] = (0, import_react64.useState)(false);
|
|
19990
|
+
const [fingerprintCopied, setFingerprintCopied] = (0, import_react64.useState)(false);
|
|
19959
19991
|
useOnboardingTourAvailable(true);
|
|
19960
|
-
const fingerprint = (0,
|
|
19992
|
+
const fingerprint = (0, import_react64.useMemo)(() => {
|
|
19961
19993
|
if (!session?.ownerAddress) return null;
|
|
19962
19994
|
try {
|
|
19963
19995
|
return generateFingerprint(session.ownerAddress);
|
|
@@ -19965,7 +19997,7 @@ function ReceiveMenu() {
|
|
|
19965
19997
|
return null;
|
|
19966
19998
|
}
|
|
19967
19999
|
}, [session?.ownerAddress]);
|
|
19968
|
-
(0,
|
|
20000
|
+
(0, import_react64.useEffect)(() => {
|
|
19969
20001
|
if (open && address) {
|
|
19970
20002
|
import_qrcode.default.toDataURL(address, {
|
|
19971
20003
|
width: 200,
|
|
@@ -19978,7 +20010,7 @@ function ReceiveMenu() {
|
|
|
19978
20010
|
});
|
|
19979
20011
|
}
|
|
19980
20012
|
}, [open, address]);
|
|
19981
|
-
const handleCopy = (0,
|
|
20013
|
+
const handleCopy = (0, import_react64.useCallback)(async () => {
|
|
19982
20014
|
if (!address) return;
|
|
19983
20015
|
try {
|
|
19984
20016
|
await navigator.clipboard.writeText(address);
|
|
@@ -19988,7 +20020,7 @@ function ReceiveMenu() {
|
|
|
19988
20020
|
console.error("Failed to copy address:", error);
|
|
19989
20021
|
}
|
|
19990
20022
|
}, [address]);
|
|
19991
|
-
const handleCopyFingerprint = (0,
|
|
20023
|
+
const handleCopyFingerprint = (0, import_react64.useCallback)(async () => {
|
|
19992
20024
|
if (!fingerprint) return;
|
|
19993
20025
|
try {
|
|
19994
20026
|
await navigator.clipboard.writeText(fingerprint);
|
|
@@ -20050,14 +20082,14 @@ function ReceiveMenu() {
|
|
|
20050
20082
|
}
|
|
20051
20083
|
);
|
|
20052
20084
|
}
|
|
20053
|
-
var import_lucide_react51, import_qrcode,
|
|
20085
|
+
var import_lucide_react51, import_qrcode, import_react64, import_jsx_runtime86;
|
|
20054
20086
|
var init_ReceiveMenu = __esm({
|
|
20055
20087
|
"src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
|
|
20056
20088
|
init_SessionContext();
|
|
20057
20089
|
init_i18n();
|
|
20058
20090
|
import_lucide_react51 = require("lucide-react");
|
|
20059
20091
|
import_qrcode = __toESM(require("qrcode"), 1);
|
|
20060
|
-
|
|
20092
|
+
import_react64 = require("react");
|
|
20061
20093
|
init_useLayoutDataStore();
|
|
20062
20094
|
init_useLayoutStore();
|
|
20063
20095
|
init_nickname_fingerprint();
|
|
@@ -20078,18 +20110,21 @@ var init_ReceiveMenu2 = __esm({
|
|
|
20078
20110
|
});
|
|
20079
20111
|
|
|
20080
20112
|
// src/internal/components/SecurityMenu/onboarding.setup.ts
|
|
20081
|
-
var
|
|
20113
|
+
var SECURITY_MENU_TOUR;
|
|
20082
20114
|
var init_onboarding_setup8 = __esm({
|
|
20083
20115
|
"src/internal/components/SecurityMenu/onboarding.setup.ts"() {
|
|
20084
|
-
|
|
20085
|
-
CONNECTED_APPS_TOUR = [
|
|
20116
|
+
SECURITY_MENU_TOUR = [
|
|
20086
20117
|
{
|
|
20087
|
-
elId: "embarkai-security-menu-
|
|
20088
|
-
title: "passport:securityMenu.onboarding.
|
|
20089
|
-
description: "passport:securityMenu.onboarding.
|
|
20090
|
-
}
|
|
20091
|
-
|
|
20092
|
-
|
|
20118
|
+
elId: "embarkai-security-menu-onboarding" /* securityMenu */,
|
|
20119
|
+
title: "passport:securityMenu.onboarding.securityMenu.title",
|
|
20120
|
+
description: "passport:securityMenu.onboarding.securityMenu.description"
|
|
20121
|
+
},
|
|
20122
|
+
/** KEYSHARE */
|
|
20123
|
+
{
|
|
20124
|
+
elId: "embarkai-security-menu-keyshare-onboarding" /* keyshare */,
|
|
20125
|
+
title: "passport:securityMenu.onboarding.keyshare.title",
|
|
20126
|
+
description: "passport:securityMenu.onboarding.keyshare.description"
|
|
20127
|
+
},
|
|
20093
20128
|
{
|
|
20094
20129
|
elId: "embarkai-security-menu-keyshare-onboarding" /* keyshare */,
|
|
20095
20130
|
title: "passport:securityMenu.onboarding.keyshare.details.concept.title",
|
|
@@ -20115,39 +20150,11 @@ var init_onboarding_setup8 = __esm({
|
|
|
20115
20150
|
title: "passport:securityMenu.onboarding.keyshareExistingVaultBkp.title",
|
|
20116
20151
|
description: "passport:securityMenu.onboarding.keyshareExistingVaultBkp.description"
|
|
20117
20152
|
},
|
|
20118
|
-
...CONNECTED_APPS_TOUR
|
|
20119
|
-
];
|
|
20120
|
-
SECURITY_MENU_TOUR = [
|
|
20121
|
-
{
|
|
20122
|
-
elId: "embarkai-security-menu-onboarding" /* securityMenu */,
|
|
20123
|
-
title: "passport:securityMenu.onboarding.securityMenu.title",
|
|
20124
|
-
description: "passport:securityMenu.onboarding.securityMenu.description"
|
|
20125
|
-
},
|
|
20126
|
-
/** KEYSHARE */
|
|
20127
|
-
{
|
|
20128
|
-
elId: "embarkai-security-menu-keyshare-onboarding" /* keyshare */,
|
|
20129
|
-
title: "passport:securityMenu.onboarding.keyshare.title",
|
|
20130
|
-
description: "passport:securityMenu.onboarding.keyshare.description",
|
|
20131
|
-
actions: [
|
|
20132
|
-
{
|
|
20133
|
-
caption: "passport:securityMenu.onboarding.keyshare.detailsButton",
|
|
20134
|
-
onClick: () => {
|
|
20135
|
-
onboarder.endTour();
|
|
20136
|
-
setTimeout(() => onboarder.startTour(KEYSHARE_TOUR), 220);
|
|
20137
|
-
}
|
|
20138
|
-
},
|
|
20139
|
-
{
|
|
20140
|
-
caption: "passport:common.continue",
|
|
20141
|
-
onClick: () => onboarder.next()
|
|
20142
|
-
}
|
|
20143
|
-
]
|
|
20144
|
-
},
|
|
20145
20153
|
{
|
|
20146
|
-
elId: "embarkai-security-menu-
|
|
20147
|
-
title: "passport:securityMenu.onboarding.
|
|
20148
|
-
description: "passport:securityMenu.onboarding.
|
|
20149
|
-
}
|
|
20150
|
-
...CONNECTED_APPS_TOUR
|
|
20154
|
+
elId: "embarkai-security-menu-connected-apps-onboarding" /* connectedApps */,
|
|
20155
|
+
title: "passport:securityMenu.onboarding.connectedApps.title",
|
|
20156
|
+
description: "passport:securityMenu.onboarding.connectedApps.description"
|
|
20157
|
+
}
|
|
20151
20158
|
];
|
|
20152
20159
|
}
|
|
20153
20160
|
});
|
|
@@ -20305,7 +20312,7 @@ function Application(props) {
|
|
|
20305
20312
|
function ConnectedApps() {
|
|
20306
20313
|
const { t } = useT();
|
|
20307
20314
|
const { data: connectedApps = [], isLoading: isConnectedAppsLoading } = useConnectedApps();
|
|
20308
|
-
(0,
|
|
20315
|
+
(0, import_react65.useEffect)(() => {
|
|
20309
20316
|
if (!connectedApps.length || isConnectedAppsLoading) return;
|
|
20310
20317
|
useSecurityStore.getState().setRenderKey(`connected-apps-loaded-${Date.now()}`);
|
|
20311
20318
|
}, [connectedApps, isConnectedAppsLoading]);
|
|
@@ -20337,14 +20344,14 @@ function ConnectedApps() {
|
|
|
20337
20344
|
)
|
|
20338
20345
|
] });
|
|
20339
20346
|
}
|
|
20340
|
-
var import_dayjs5, import_lucide_react52,
|
|
20347
|
+
var import_dayjs5, import_lucide_react52, import_react65, import_jsx_runtime87;
|
|
20341
20348
|
var init_ConnectedApps = __esm({
|
|
20342
20349
|
"src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx"() {
|
|
20343
20350
|
init_utils2();
|
|
20344
20351
|
init_i18n();
|
|
20345
20352
|
import_dayjs5 = __toESM(require("dayjs"), 1);
|
|
20346
20353
|
import_lucide_react52 = require("lucide-react");
|
|
20347
|
-
|
|
20354
|
+
import_react65 = require("react");
|
|
20348
20355
|
init_Onboarding();
|
|
20349
20356
|
init_button();
|
|
20350
20357
|
init_highlight();
|
|
@@ -20462,14 +20469,14 @@ var init_ConnectedApps2 = __esm({
|
|
|
20462
20469
|
});
|
|
20463
20470
|
|
|
20464
20471
|
// src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx
|
|
20465
|
-
var import_lucide_react54,
|
|
20472
|
+
var import_lucide_react54, import_react66, import_jsx_runtime89, KeyshareStatus;
|
|
20466
20473
|
var init_KeyshareStatus = __esm({
|
|
20467
20474
|
"src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx"() {
|
|
20468
20475
|
import_lucide_react54 = require("lucide-react");
|
|
20469
|
-
|
|
20476
|
+
import_react66 = require("react");
|
|
20470
20477
|
init_utils2();
|
|
20471
20478
|
import_jsx_runtime89 = require("react/jsx-runtime");
|
|
20472
|
-
KeyshareStatus = (0,
|
|
20479
|
+
KeyshareStatus = (0, import_react66.forwardRef)((props, ref) => {
|
|
20473
20480
|
const { isLoading, content, icon: Icon2, children } = props;
|
|
20474
20481
|
if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_lucide_react54.Loader, { className: "w-4 h-4 animate-spin" });
|
|
20475
20482
|
return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { ref, className: "group relative w-full h-full", children: [
|
|
@@ -20608,7 +20615,7 @@ function Keyshare() {
|
|
|
20608
20615
|
const { t } = useT();
|
|
20609
20616
|
const serverHasKeyshare = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
|
|
20610
20617
|
const { data: recoveryData, isLoading: isRecoveryLoading } = useKeyshareRecoveryStats();
|
|
20611
|
-
(0,
|
|
20618
|
+
(0, import_react67.useEffect)(() => {
|
|
20612
20619
|
if (!recoveryData?.keyshareInfo || isRecoveryLoading) return;
|
|
20613
20620
|
useSecurityStore.getState().setRenderKey(`keyshare-loaded-${Date.now()}`);
|
|
20614
20621
|
}, [recoveryData, isRecoveryLoading]);
|
|
@@ -20705,13 +20712,13 @@ function Keyshare() {
|
|
|
20705
20712
|
] })
|
|
20706
20713
|
] });
|
|
20707
20714
|
}
|
|
20708
|
-
var import_lucide_react56,
|
|
20715
|
+
var import_lucide_react56, import_react67, import_jsx_runtime91;
|
|
20709
20716
|
var init_Keyshare = __esm({
|
|
20710
20717
|
"src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx"() {
|
|
20711
20718
|
init_SessionContext();
|
|
20712
20719
|
init_useT();
|
|
20713
20720
|
import_lucide_react56 = require("lucide-react");
|
|
20714
|
-
|
|
20721
|
+
import_react67 = require("react");
|
|
20715
20722
|
init_icons();
|
|
20716
20723
|
init_auth();
|
|
20717
20724
|
init_useLayoutDataStore();
|
|
@@ -21055,12 +21062,12 @@ function SenderSelector(props) {
|
|
|
21055
21062
|
const { openConnectModal } = (0, import_rainbowkit.useConnectModal)();
|
|
21056
21063
|
const directWalletAddress = useExternalWalletStore((st) => st.externalAddress);
|
|
21057
21064
|
const directWalletIsConnected = useExternalWalletStore((st) => st.isExternalConnected);
|
|
21058
|
-
const pendingWalletRef = (0,
|
|
21065
|
+
const pendingWalletRef = (0, import_react68.useRef)(null);
|
|
21059
21066
|
const originChain = useBridgeStore((st) => st.originChain);
|
|
21060
21067
|
const bridgeSender = useBridgeStore((st) => st.bridgeSender);
|
|
21061
21068
|
const bridgeSenders = useBridgeStore((st) => st.bridgeSenders);
|
|
21062
|
-
const [walletMessage, setWalletMessage] = (0,
|
|
21063
|
-
(0,
|
|
21069
|
+
const [walletMessage, setWalletMessage] = (0, import_react68.useState)(null);
|
|
21070
|
+
(0, import_react68.useEffect)(() => {
|
|
21064
21071
|
useFlowSelectorStore.getState().setRenderKey(`sender-selected-${Date.now()}`);
|
|
21065
21072
|
}, [walletMessage]);
|
|
21066
21073
|
const { mutate: loginDirectWallet, isPending: isDirectWalletLoggingIn } = (0, import_react_query45.useMutation)({
|
|
@@ -21116,7 +21123,7 @@ function SenderSelector(props) {
|
|
|
21116
21123
|
setWalletMessage(error instanceof Error ? error.message : "Wallet login failed. Please try again.");
|
|
21117
21124
|
}
|
|
21118
21125
|
});
|
|
21119
|
-
(0,
|
|
21126
|
+
(0, import_react68.useEffect)(() => {
|
|
21120
21127
|
const pendingProfile = pendingWalletRef.current;
|
|
21121
21128
|
if (!pendingProfile || !directWalletIsConnected || !directWalletAddress) return;
|
|
21122
21129
|
if (directWalletAddress.toLowerCase() !== pendingProfile.externalId?.toLowerCase()) return;
|
|
@@ -21207,14 +21214,14 @@ function SenderSelector(props) {
|
|
|
21207
21214
|
] })
|
|
21208
21215
|
] });
|
|
21209
21216
|
}
|
|
21210
|
-
var import_rainbowkit, import_react_query45,
|
|
21217
|
+
var import_rainbowkit, import_react_query45, import_react68, import_wagmi3, import_jsx_runtime93;
|
|
21211
21218
|
var init_SenderSelector = __esm({
|
|
21212
21219
|
"src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
|
|
21213
21220
|
init_ProviderContext();
|
|
21214
21221
|
init_i18n();
|
|
21215
21222
|
import_rainbowkit = require("@rainbow-me/rainbowkit");
|
|
21216
21223
|
import_react_query45 = require("@tanstack/react-query");
|
|
21217
|
-
|
|
21224
|
+
import_react68 = require("react");
|
|
21218
21225
|
import_wagmi3 = require("wagmi");
|
|
21219
21226
|
init_wallet();
|
|
21220
21227
|
init_useLayoutDataStore();
|
|
@@ -21314,8 +21321,8 @@ var init_wallets = __esm({
|
|
|
21314
21321
|
function useAvailableSenders() {
|
|
21315
21322
|
const address = useSession((st) => st.address);
|
|
21316
21323
|
const { profiles } = useLinkedProfiles();
|
|
21317
|
-
const lastCalcedSenders = (0,
|
|
21318
|
-
(0,
|
|
21324
|
+
const lastCalcedSenders = (0, import_react69.useRef)([]);
|
|
21325
|
+
(0, import_react69.useEffect)(() => {
|
|
21319
21326
|
const sendersAccumulator = [
|
|
21320
21327
|
{
|
|
21321
21328
|
type: "embarkai-wallet",
|
|
@@ -21346,13 +21353,13 @@ function useAvailableSenders() {
|
|
|
21346
21353
|
directWalletProfile: profiles.filter((p) => p.provider === "wallet")[0] || null
|
|
21347
21354
|
};
|
|
21348
21355
|
}
|
|
21349
|
-
var
|
|
21356
|
+
var import_react69;
|
|
21350
21357
|
var init_useAvailableSenders = __esm({
|
|
21351
21358
|
"src/internal/components/SendMenu/hyperbridge/hooks/useAvailableSenders.ts"() {
|
|
21352
21359
|
init_SessionContext();
|
|
21353
21360
|
init_tokens();
|
|
21354
21361
|
init_linkedProfiles();
|
|
21355
|
-
|
|
21362
|
+
import_react69 = require("react");
|
|
21356
21363
|
init_wallets();
|
|
21357
21364
|
init_useFlowSelector();
|
|
21358
21365
|
init_useBridgeStore();
|
|
@@ -21700,29 +21707,29 @@ function useHyperlaneHistory() {
|
|
|
21700
21707
|
queryFn: async ({ pageParam }) => await getHyperlaneBridgeHistory({ page: pageParam, pageSize: TX_HISTORY_PAGE_SIZE })
|
|
21701
21708
|
});
|
|
21702
21709
|
const { data: txHistoryData, isLoading: isBridgeTxHistoryLoading } = query;
|
|
21703
|
-
const txList = (0,
|
|
21710
|
+
const txList = (0, import_react70.useMemo)(
|
|
21704
21711
|
() => txHistoryData?.pages?.map((p) => p.data).flat(Infinity) || [],
|
|
21705
21712
|
[txHistoryData]
|
|
21706
21713
|
);
|
|
21707
|
-
const updateExpandable = (0,
|
|
21714
|
+
const updateExpandable = (0, import_react70.useCallback)(
|
|
21708
21715
|
(0, import_lodash_es12.debounce)(() => {
|
|
21709
21716
|
useFlowSelectorStore.getState().setRenderKey(`hyperlane-history-loaded-${Date.now()}`);
|
|
21710
21717
|
}, 250),
|
|
21711
21718
|
[]
|
|
21712
21719
|
);
|
|
21713
|
-
(0,
|
|
21720
|
+
(0, import_react70.useEffect)(() => {
|
|
21714
21721
|
if (isBridgeTxHistoryLoading || txList.length === 0) return;
|
|
21715
21722
|
updateExpandable();
|
|
21716
21723
|
}, [isBridgeTxHistoryLoading, txList]);
|
|
21717
21724
|
return { query, txList };
|
|
21718
21725
|
}
|
|
21719
|
-
var import_react_query46, import_lodash_es12,
|
|
21726
|
+
var import_react_query46, import_lodash_es12, import_react70, HYPERLANE_HISTORY_QUERY_KEY, TX_HISTORY_PAGE_SIZE, TX_HISTORY_POLLING_INTERVAL;
|
|
21720
21727
|
var init_useHyperlaneHistory = __esm({
|
|
21721
21728
|
"src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneHistory.ts"() {
|
|
21722
21729
|
init_SessionContext();
|
|
21723
21730
|
import_react_query46 = require("@tanstack/react-query");
|
|
21724
21731
|
import_lodash_es12 = require("lodash-es");
|
|
21725
|
-
|
|
21732
|
+
import_react70 = require("react");
|
|
21726
21733
|
init_useLayoutDataStore();
|
|
21727
21734
|
init_useFlowSelector();
|
|
21728
21735
|
init_api3();
|
|
@@ -21754,7 +21761,7 @@ function useBridge() {
|
|
|
21754
21761
|
const address = useSession((st) => st.address);
|
|
21755
21762
|
const { data: walletClient } = (0, import_wagmi4.useWalletClient)();
|
|
21756
21763
|
const { switchChainAsync } = (0, import_wagmi4.useSwitchChain)();
|
|
21757
|
-
const swapDirection = (0,
|
|
21764
|
+
const swapDirection = (0, import_react71.useCallback)(() => {
|
|
21758
21765
|
const {
|
|
21759
21766
|
bridgeStep,
|
|
21760
21767
|
originChain,
|
|
@@ -21806,7 +21813,7 @@ function useBridge() {
|
|
|
21806
21813
|
useFlowSelectorStore.getState().setError(error instanceof Error ? error.message : String(error));
|
|
21807
21814
|
}
|
|
21808
21815
|
});
|
|
21809
|
-
const handleQuoteEstimation = (0,
|
|
21816
|
+
const handleQuoteEstimation = (0, import_react71.useCallback)((amnt) => {
|
|
21810
21817
|
const { originChain, destinationChain, bridgeSender } = useBridgeStore.getState();
|
|
21811
21818
|
if (!amnt || !Number(amnt)) {
|
|
21812
21819
|
useBridgeStore.getState().setQuote(null);
|
|
@@ -21931,14 +21938,14 @@ function useBridge() {
|
|
|
21931
21938
|
isAssetBridging
|
|
21932
21939
|
};
|
|
21933
21940
|
}
|
|
21934
|
-
var import_react_query47,
|
|
21941
|
+
var import_react_query47, import_react71, import_wagmi4;
|
|
21935
21942
|
var init_useBridge = __esm({
|
|
21936
21943
|
"src/internal/components/SendMenu/hyperbridge/hooks/useBridge.ts"() {
|
|
21937
21944
|
init_SessionContext();
|
|
21938
21945
|
init_i18n();
|
|
21939
21946
|
init_useExternalWalletStore();
|
|
21940
21947
|
import_react_query47 = require("@tanstack/react-query");
|
|
21941
|
-
|
|
21948
|
+
import_react71 = require("react");
|
|
21942
21949
|
import_wagmi4 = require("wagmi");
|
|
21943
21950
|
init_useLayoutStore();
|
|
21944
21951
|
init_useFlowSelector();
|
|
@@ -21972,7 +21979,7 @@ function useHyperlaneRoutes() {
|
|
|
21972
21979
|
return warpRoutes;
|
|
21973
21980
|
}
|
|
21974
21981
|
});
|
|
21975
|
-
(0,
|
|
21982
|
+
(0, import_react72.useEffect)(() => {
|
|
21976
21983
|
if (!errorWarpRoutes) return;
|
|
21977
21984
|
useFlowSelectorStore.getState().setError(errorWarpRoutes.message);
|
|
21978
21985
|
const { resetSelections, setRecipient, setOriginChain, setDestinationChain } = useBridgeStore.getState();
|
|
@@ -21981,7 +21988,7 @@ function useHyperlaneRoutes() {
|
|
|
21981
21988
|
setOriginChain(null);
|
|
21982
21989
|
setDestinationChain(null);
|
|
21983
21990
|
}, [errorWarpRoutes]);
|
|
21984
|
-
(0,
|
|
21991
|
+
(0, import_react72.useEffect)(() => {
|
|
21985
21992
|
if (!!hyperRoute || !hyperlaneWarpRoutes.length) return;
|
|
21986
21993
|
const warpRouteToAutoSelect = hyperlaneWarpRoutes.find((route) => route.routeId === hyperRoute);
|
|
21987
21994
|
if (!warpRouteToAutoSelect) return;
|
|
@@ -22000,12 +22007,12 @@ function useHyperlaneRoutes() {
|
|
|
22000
22007
|
}, [hyperRoute, hyperlaneWarpRoutes]);
|
|
22001
22008
|
return { hyperlaneWarpRoutes, isLoadingWarpRoutes };
|
|
22002
22009
|
}
|
|
22003
|
-
var import_react_query48,
|
|
22010
|
+
var import_react_query48, import_react72, HYPERLANE_WARP_ROUTES_QUERY_KEY;
|
|
22004
22011
|
var init_useHyperlaneRoutes = __esm({
|
|
22005
22012
|
"src/internal/components/SendMenu/hyperbridge/hooks/useHyperlaneRoutes.ts"() {
|
|
22006
22013
|
init_SessionContext();
|
|
22007
22014
|
import_react_query48 = require("@tanstack/react-query");
|
|
22008
|
-
|
|
22015
|
+
import_react72 = require("react");
|
|
22009
22016
|
init_useLayoutDataStore();
|
|
22010
22017
|
init_useFlowSelector();
|
|
22011
22018
|
init_api3();
|
|
@@ -22021,7 +22028,7 @@ function useMenuTitle(warpRoutes) {
|
|
|
22021
22028
|
const bridgeStep = useBridgeStore((st) => st.bridgeStep);
|
|
22022
22029
|
const hyperRoute = useBridgeStore((st) => st.hyperRoute);
|
|
22023
22030
|
const hyperRouteMeta = warpRoutes?.length ? warpRoutes.find((route) => route.routeId === hyperRoute) : null;
|
|
22024
|
-
(0,
|
|
22031
|
+
(0, import_react73.useEffect)(() => {
|
|
22025
22032
|
const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
|
|
22026
22033
|
switch (true) {
|
|
22027
22034
|
case bridgeStep === "sender-selector":
|
|
@@ -22049,11 +22056,11 @@ function useMenuTitle(warpRoutes) {
|
|
|
22049
22056
|
}
|
|
22050
22057
|
}, [bridgeStep, hyperRouteMeta, t]);
|
|
22051
22058
|
}
|
|
22052
|
-
var
|
|
22059
|
+
var import_react73;
|
|
22053
22060
|
var init_useMenuTitle = __esm({
|
|
22054
22061
|
"src/internal/components/SendMenu/hyperbridge/hooks/useMenuTitle.ts"() {
|
|
22055
22062
|
init_i18n();
|
|
22056
|
-
|
|
22063
|
+
import_react73 = require("react");
|
|
22057
22064
|
init_useFlowSelector();
|
|
22058
22065
|
init_useBridgeStore();
|
|
22059
22066
|
}
|
|
@@ -22310,7 +22317,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
|
|
|
22310
22317
|
};
|
|
22311
22318
|
}
|
|
22312
22319
|
});
|
|
22313
|
-
const refreshRouteTokenBalance = (0,
|
|
22320
|
+
const refreshRouteTokenBalance = (0, import_react74.useCallback)(
|
|
22314
22321
|
(senderWallet) => {
|
|
22315
22322
|
switch (true) {
|
|
22316
22323
|
case senderWallet === "embarkai-wallet":
|
|
@@ -22326,7 +22333,7 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
|
|
|
22326
22333
|
},
|
|
22327
22334
|
[refreshBalances, qc]
|
|
22328
22335
|
);
|
|
22329
|
-
(0,
|
|
22336
|
+
(0, import_react74.useEffect)(() => {
|
|
22330
22337
|
if (!bridgeSender || !originChain) return;
|
|
22331
22338
|
switch (bridgeSender) {
|
|
22332
22339
|
case "embarkai-wallet":
|
|
@@ -22357,14 +22364,14 @@ function useBridgeBalance(hyperlaneWarpRoutes) {
|
|
|
22357
22364
|
isRouteTokenBalanceLoading: isAssetsLoading || isExternalBalanceLoading || isExternalNativeBalanceLoading
|
|
22358
22365
|
};
|
|
22359
22366
|
}
|
|
22360
|
-
var import_core8, import_react_query49,
|
|
22367
|
+
var import_core8, import_react_query49, import_react74, import_viem14, import_wagmi5, EXTERNAL_WALLET_BRIDGING_BALANCE_QUERY, EXTERNAL_WALLET_BRIDGING_NATIVE_BALANCE_QUERY;
|
|
22361
22368
|
var init_useBridgeBalance = __esm({
|
|
22362
22369
|
"src/internal/components/SendMenu/hyperbridge/hooks/useBridgeBalance.ts"() {
|
|
22363
22370
|
init_SessionContext();
|
|
22364
22371
|
init_i18n();
|
|
22365
22372
|
import_core8 = require("@embarkai/core");
|
|
22366
22373
|
import_react_query49 = require("@tanstack/react-query");
|
|
22367
|
-
|
|
22374
|
+
import_react74 = require("react");
|
|
22368
22375
|
import_viem14 = require("viem");
|
|
22369
22376
|
import_wagmi5 = require("wagmi");
|
|
22370
22377
|
init_useBlockscoutAssets2();
|
|
@@ -22488,7 +22495,7 @@ function SelectStep(props) {
|
|
|
22488
22495
|
variant: "outline",
|
|
22489
22496
|
size: "medium",
|
|
22490
22497
|
className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
|
|
22491
|
-
children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
22498
|
+
children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_react75.Fragment, { children: [
|
|
22492
22499
|
chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react59.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
|
|
22493
22500
|
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
|
|
22494
22501
|
] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
|
|
@@ -22632,13 +22639,13 @@ function SelectStep(props) {
|
|
|
22632
22639
|
)
|
|
22633
22640
|
] });
|
|
22634
22641
|
}
|
|
22635
|
-
var import_lucide_react59,
|
|
22642
|
+
var import_lucide_react59, import_react75, import_jsx_runtime97;
|
|
22636
22643
|
var init_SelectStep = __esm({
|
|
22637
22644
|
"src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
|
|
22638
22645
|
init_tokens();
|
|
22639
22646
|
init_i18n();
|
|
22640
22647
|
import_lucide_react59 = require("lucide-react");
|
|
22641
|
-
|
|
22648
|
+
import_react75 = require("react");
|
|
22642
22649
|
init_priceFormatter();
|
|
22643
22650
|
init_utils2();
|
|
22644
22651
|
init_Onboarding();
|
|
@@ -22688,7 +22695,7 @@ var init_checkbox = __esm({
|
|
|
22688
22695
|
// src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx
|
|
22689
22696
|
function ConfirmStep(props) {
|
|
22690
22697
|
const { isAssetBridging, bridgeAsset, hyperlaneWarpRoutes } = props;
|
|
22691
|
-
const [userConsent, setUserConsent] = (0,
|
|
22698
|
+
const [userConsent, setUserConsent] = (0, import_react76.useState)(false);
|
|
22692
22699
|
const { t } = useT();
|
|
22693
22700
|
const address = useSession((st) => st.address);
|
|
22694
22701
|
const bridgeSender = useBridgeStore((st) => st.bridgeSenders.find((s) => s.type === st.bridgeSender));
|
|
@@ -22804,13 +22811,13 @@ function ConfirmStep(props) {
|
|
|
22804
22811
|
}
|
|
22805
22812
|
);
|
|
22806
22813
|
}
|
|
22807
|
-
var import_lucide_react61,
|
|
22814
|
+
var import_lucide_react61, import_react76, import_jsx_runtime99, P_CN;
|
|
22808
22815
|
var init_ConfirmStep = __esm({
|
|
22809
22816
|
"src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
|
|
22810
22817
|
init_SessionContext();
|
|
22811
22818
|
init_i18n();
|
|
22812
22819
|
import_lucide_react61 = require("lucide-react");
|
|
22813
|
-
|
|
22820
|
+
import_react76 = require("react");
|
|
22814
22821
|
init_priceFormatter();
|
|
22815
22822
|
init_utils2();
|
|
22816
22823
|
init_Onboarding();
|
|
@@ -23187,7 +23194,7 @@ function SelectAssetRoute(props) {
|
|
|
23187
23194
|
const { hyperlaneWarpRoutes } = props;
|
|
23188
23195
|
const { t } = useT();
|
|
23189
23196
|
const selectedAssetSymbol = useBridgeStore((st) => st.bridgeAssetSymbol);
|
|
23190
|
-
const tokenList = (0,
|
|
23197
|
+
const tokenList = (0, import_react77.useMemo)(() => {
|
|
23191
23198
|
const tokens = hyperlaneWarpRoutes.map((route) => route.symbol);
|
|
23192
23199
|
const uniqueTokens = Array.from(new Set(tokens));
|
|
23193
23200
|
return uniqueTokens.map((symbol) => ({
|
|
@@ -23267,13 +23274,13 @@ function SelectAssetRoute(props) {
|
|
|
23267
23274
|
] })
|
|
23268
23275
|
] });
|
|
23269
23276
|
}
|
|
23270
|
-
var import_lucide_react63,
|
|
23277
|
+
var import_lucide_react63, import_react77, import_jsx_runtime102;
|
|
23271
23278
|
var init_SelectAssetRoute = __esm({
|
|
23272
23279
|
"src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
|
|
23273
23280
|
init_tokens();
|
|
23274
23281
|
init_i18n();
|
|
23275
23282
|
import_lucide_react63 = require("lucide-react");
|
|
23276
|
-
|
|
23283
|
+
import_react77 = require("react");
|
|
23277
23284
|
init_button();
|
|
23278
23285
|
init_useFlowSelector();
|
|
23279
23286
|
init_ResolveChainIcon();
|
|
@@ -23301,7 +23308,7 @@ function HyperlaneBridge() {
|
|
|
23301
23308
|
const { hyperlaneWarpRoutes, isLoadingWarpRoutes } = useHyperlaneRoutes();
|
|
23302
23309
|
const { directWalletProfile } = useAvailableSenders();
|
|
23303
23310
|
useMenuTitle(hyperlaneWarpRoutes);
|
|
23304
|
-
(0,
|
|
23311
|
+
(0, import_react78.useEffect)(() => {
|
|
23305
23312
|
return () => {
|
|
23306
23313
|
useBridgeStore.getState().resetSelections();
|
|
23307
23314
|
};
|
|
@@ -23334,10 +23341,10 @@ function HyperlaneBridge() {
|
|
|
23334
23341
|
bridgeStep === "tx-history-details" && /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(HistoryDetailsStep, {})
|
|
23335
23342
|
] });
|
|
23336
23343
|
}
|
|
23337
|
-
var
|
|
23344
|
+
var import_react78, import_jsx_runtime103;
|
|
23338
23345
|
var init_HyperlaneBridge = __esm({
|
|
23339
23346
|
"src/internal/components/SendMenu/hyperbridge/HyperlaneBridge.tsx"() {
|
|
23340
|
-
|
|
23347
|
+
import_react78 = require("react");
|
|
23341
23348
|
init_SenderSelector();
|
|
23342
23349
|
init_useAvailableSenders();
|
|
23343
23350
|
init_useBridge();
|
|
@@ -23355,7 +23362,7 @@ function BridgeHistorySwitch(props) {
|
|
|
23355
23362
|
const selectorFlow = useFlowSelectorStore((st) => st.flow);
|
|
23356
23363
|
const isUiLocked = useFlowSelectorStore((st) => st.isUiLocked);
|
|
23357
23364
|
const bridgeStep = useBridgeStore((st) => st.bridgeStep);
|
|
23358
|
-
const lastBridgeStepRef = (0,
|
|
23365
|
+
const lastBridgeStepRef = (0, import_react79.useRef)(null);
|
|
23359
23366
|
if (selectorFlow !== "bridge" || bridgeStep === "confirm" || bridgeStep === "success" || bridgeStep === "sender-selector" || bridgeStep === "select-token" || bridgeStep === "tx-history-details") {
|
|
23360
23367
|
return null;
|
|
23361
23368
|
}
|
|
@@ -23374,10 +23381,10 @@ function BridgeHistorySwitch(props) {
|
|
|
23374
23381
|
}
|
|
23375
23382
|
);
|
|
23376
23383
|
}
|
|
23377
|
-
var
|
|
23384
|
+
var import_react79, import_jsx_runtime104;
|
|
23378
23385
|
var init_HistorySwitch = __esm({
|
|
23379
23386
|
"src/internal/components/SendMenu/hyperbridge/components/HistorySwitch.tsx"() {
|
|
23380
|
-
|
|
23387
|
+
import_react79 = require("react");
|
|
23381
23388
|
init_switch();
|
|
23382
23389
|
init_useFlowSelector();
|
|
23383
23390
|
init_useBridgeStore();
|
|
@@ -23468,11 +23475,11 @@ function looksLikeNickname(input) {
|
|
|
23468
23475
|
}
|
|
23469
23476
|
function useNicknameResolve(input, options) {
|
|
23470
23477
|
const { enabled = true, chainId } = options;
|
|
23471
|
-
const [debouncedInput, setDebouncedInput] = (0,
|
|
23472
|
-
const [isDebouncing, setIsDebouncing] = (0,
|
|
23478
|
+
const [debouncedInput, setDebouncedInput] = (0, import_react80.useState)("");
|
|
23479
|
+
const [isDebouncing, setIsDebouncing] = (0, import_react80.useState)(false);
|
|
23473
23480
|
const normalized = normalizeNickname(input);
|
|
23474
23481
|
const isNicknameInput = looksLikeNickname(input) && normalized.length >= 3;
|
|
23475
|
-
(0,
|
|
23482
|
+
(0, import_react80.useEffect)(() => {
|
|
23476
23483
|
if (!isNicknameInput || !enabled) {
|
|
23477
23484
|
setDebouncedInput("");
|
|
23478
23485
|
setIsDebouncing(false);
|
|
@@ -23498,7 +23505,7 @@ function useNicknameResolve(input, options) {
|
|
|
23498
23505
|
const isNotFound = query.isError && query.error?.code === "NICKNAME_NOT_FOUND";
|
|
23499
23506
|
const isWalletNotSetup = !!query.data && query.data.resolvedTarget === null;
|
|
23500
23507
|
const isFrozen = query.data?.isFrozen ?? false;
|
|
23501
|
-
const fingerprintVerification = (0,
|
|
23508
|
+
const fingerprintVerification = (0, import_react80.useMemo)(() => {
|
|
23502
23509
|
if (!query.data?.owner || !query.data?.fingerprint) {
|
|
23503
23510
|
return null;
|
|
23504
23511
|
}
|
|
@@ -23520,11 +23527,11 @@ function useNicknameResolve(input, options) {
|
|
|
23520
23527
|
resolvedAddress
|
|
23521
23528
|
};
|
|
23522
23529
|
}
|
|
23523
|
-
var import_react_query51,
|
|
23530
|
+
var import_react_query51, import_react80, DEBOUNCE_MS2;
|
|
23524
23531
|
var init_useNicknameResolve = __esm({
|
|
23525
23532
|
"src/hooks/useNicknameResolve.ts"() {
|
|
23526
23533
|
import_react_query51 = require("@tanstack/react-query");
|
|
23527
|
-
|
|
23534
|
+
import_react80 = require("react");
|
|
23528
23535
|
init_nickname();
|
|
23529
23536
|
init_profile();
|
|
23530
23537
|
init_nickname_fingerprint();
|
|
@@ -23537,10 +23544,10 @@ var init_useNicknameResolve = __esm({
|
|
|
23537
23544
|
function useSendTransaction() {
|
|
23538
23545
|
const session = useSession((st) => st.session);
|
|
23539
23546
|
const address = useSession((st) => st.address);
|
|
23540
|
-
const [isLoading, setIsLoading] = (0,
|
|
23541
|
-
const [error, setError] = (0,
|
|
23542
|
-
const [userOpHash, setUserOpHash] = (0,
|
|
23543
|
-
const sendTransaction = (0,
|
|
23547
|
+
const [isLoading, setIsLoading] = (0, import_react81.useState)(false);
|
|
23548
|
+
const [error, setError] = (0, import_react81.useState)(null);
|
|
23549
|
+
const [userOpHash, setUserOpHash] = (0, import_react81.useState)(null);
|
|
23550
|
+
const sendTransaction = (0, import_react81.useCallback)(
|
|
23544
23551
|
async (params) => {
|
|
23545
23552
|
if (!session || !address) {
|
|
23546
23553
|
setError("No active session");
|
|
@@ -23637,7 +23644,7 @@ function useSendTransaction() {
|
|
|
23637
23644
|
},
|
|
23638
23645
|
[session, address]
|
|
23639
23646
|
);
|
|
23640
|
-
const reset = (0,
|
|
23647
|
+
const reset = (0, import_react81.useCallback)(() => {
|
|
23641
23648
|
setError(null);
|
|
23642
23649
|
setUserOpHash(null);
|
|
23643
23650
|
setIsLoading(false);
|
|
@@ -23650,10 +23657,10 @@ function useSendTransaction() {
|
|
|
23650
23657
|
reset
|
|
23651
23658
|
};
|
|
23652
23659
|
}
|
|
23653
|
-
var
|
|
23660
|
+
var import_react81, import_viem15, ERC20_TRANSFER_ABI, ERC721_SAFE_TRANSFER_ABI, ERC1155_SAFE_TRANSFER_ABI;
|
|
23654
23661
|
var init_useSendTransaction = __esm({
|
|
23655
23662
|
"src/hooks/useSendTransaction.ts"() {
|
|
23656
|
-
|
|
23663
|
+
import_react81 = require("react");
|
|
23657
23664
|
import_viem15 = require("viem");
|
|
23658
23665
|
init_SessionContext();
|
|
23659
23666
|
init_account2();
|
|
@@ -23796,7 +23803,7 @@ var init_AssetInputIcon = __esm({
|
|
|
23796
23803
|
|
|
23797
23804
|
// src/internal/components/SendMenu/send/components/NftDisplayCard.tsx
|
|
23798
23805
|
function NftDisplayCard({ asset }) {
|
|
23799
|
-
const [imageError, setImageError] = (0,
|
|
23806
|
+
const [imageError, setImageError] = (0, import_react82.useState)(false);
|
|
23800
23807
|
const nftImage = asset.image || asset.nftMetadata?.image;
|
|
23801
23808
|
return /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)("div", { className: "flex items-center gap-3 p-3 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg-secondary)]", children: [
|
|
23802
23809
|
nftImage && !imageError ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
@@ -23824,11 +23831,11 @@ function NftDisplayCard({ asset }) {
|
|
|
23824
23831
|
] })
|
|
23825
23832
|
] });
|
|
23826
23833
|
}
|
|
23827
|
-
var import_lucide_react65,
|
|
23834
|
+
var import_lucide_react65, import_react82, import_jsx_runtime106;
|
|
23828
23835
|
var init_NftDisplayCard = __esm({
|
|
23829
23836
|
"src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
|
|
23830
23837
|
import_lucide_react65 = require("lucide-react");
|
|
23831
|
-
|
|
23838
|
+
import_react82 = require("react");
|
|
23832
23839
|
import_jsx_runtime106 = require("react/jsx-runtime");
|
|
23833
23840
|
}
|
|
23834
23841
|
});
|
|
@@ -23948,11 +23955,11 @@ function NicknameData(props) {
|
|
|
23948
23955
|
isWalletNotSetup,
|
|
23949
23956
|
isFrozen
|
|
23950
23957
|
} = resolvedNicknameData;
|
|
23951
|
-
(0,
|
|
23958
|
+
(0, import_react83.useEffect)(() => {
|
|
23952
23959
|
if (!resolvedNicknameData?.data?.fingerprint || !isNicknameInput) return;
|
|
23953
23960
|
useFlowSelectorStore.getState().setRenderKey(`nickname-resolved-${Date.now()}`);
|
|
23954
23961
|
}, [resolvedNicknameData, isNicknameInput]);
|
|
23955
|
-
(0,
|
|
23962
|
+
(0, import_react83.useEffect)(() => {
|
|
23956
23963
|
if (isResolving) return;
|
|
23957
23964
|
let errMessage = null;
|
|
23958
23965
|
switch (true) {
|
|
@@ -24007,11 +24014,11 @@ function NicknameData(props) {
|
|
|
24007
24014
|
] })
|
|
24008
24015
|
] });
|
|
24009
24016
|
}
|
|
24010
|
-
var import_lucide_react66,
|
|
24017
|
+
var import_lucide_react66, import_react83, import_jsx_runtime108;
|
|
24011
24018
|
var init_NicknameData = __esm({
|
|
24012
24019
|
"src/internal/components/SendMenu/send/components/NicknameData.tsx"() {
|
|
24013
24020
|
import_lucide_react66 = require("lucide-react");
|
|
24014
|
-
|
|
24021
|
+
import_react83 = require("react");
|
|
24015
24022
|
init_no_image();
|
|
24016
24023
|
init_utils2();
|
|
24017
24024
|
init_useFlowSelector();
|
|
@@ -24540,16 +24547,16 @@ function SendMenu() {
|
|
|
24540
24547
|
userOpHash,
|
|
24541
24548
|
reset
|
|
24542
24549
|
} = useSendTransaction();
|
|
24543
|
-
(0,
|
|
24550
|
+
(0, import_react84.useEffect)(() => {
|
|
24544
24551
|
useFlowSelectorStore.getState().setIsUiLocked(isAssetsLoading || isTransactionPending);
|
|
24545
24552
|
}, [isAssetsLoading, isTransactionPending]);
|
|
24546
|
-
(0,
|
|
24553
|
+
(0, import_react84.useEffect)(() => {
|
|
24547
24554
|
useFlowSelectorStore.getState().setError(sendTransactionError || null);
|
|
24548
24555
|
}, [sendTransactionError]);
|
|
24549
24556
|
const { txStep, recipient, amount, selectedAsset, setSelectedAsset } = useSendStore();
|
|
24550
24557
|
const isNft = isNftAsset3(selectedAsset);
|
|
24551
24558
|
const isSecurity = isSecurityToken2(selectedAsset);
|
|
24552
|
-
(0,
|
|
24559
|
+
(0, import_react84.useEffect)(() => {
|
|
24553
24560
|
const shouldDefaultAsset = assets.length > 0 && !selectedAsset;
|
|
24554
24561
|
if (!shouldDefaultAsset) return;
|
|
24555
24562
|
const chainNativeCurrency = useSession.getState().chainConfig?.nativeCurrency;
|
|
@@ -24559,7 +24566,7 @@ function SendMenu() {
|
|
|
24559
24566
|
if (isBalance(erc20)) return setSelectedAsset(erc20);
|
|
24560
24567
|
setSelectedAsset(assets[0]);
|
|
24561
24568
|
}, [assets, selectedAsset]);
|
|
24562
|
-
(0,
|
|
24569
|
+
(0, import_react84.useEffect)(
|
|
24563
24570
|
() => () => {
|
|
24564
24571
|
useSendStore.getState().reset();
|
|
24565
24572
|
reset();
|
|
@@ -24569,7 +24576,7 @@ function SendMenu() {
|
|
|
24569
24576
|
const isNicknameInput = looksLikeNickname(recipient);
|
|
24570
24577
|
const resolvedNicknameData = useNicknameResolve(recipient, { enabled: isNicknameInput, chainId: activeChainId });
|
|
24571
24578
|
const effectiveAddress = isNicknameInput ? resolvedNicknameData?.resolvedAddress : recipient;
|
|
24572
|
-
const complianceAmount = (0,
|
|
24579
|
+
const complianceAmount = (0, import_react84.useMemo)(() => {
|
|
24573
24580
|
if (!isSecurity || !amount || !selectedAsset) return void 0;
|
|
24574
24581
|
try {
|
|
24575
24582
|
return (0, import_viem20.parseUnits)(amount, selectedAsset.decimals || 18);
|
|
@@ -24584,7 +24591,7 @@ function SendMenu() {
|
|
|
24584
24591
|
enabled: isSecurity && !!effectiveAddress && !!complianceAmount,
|
|
24585
24592
|
chainId: activeChainId
|
|
24586
24593
|
});
|
|
24587
|
-
(0,
|
|
24594
|
+
(0, import_react84.useEffect)(() => {
|
|
24588
24595
|
const updateMenuTitle = useFlowSelectorStore.getState().setMenuTitle;
|
|
24589
24596
|
switch (true) {
|
|
24590
24597
|
case txStep === "select-asset":
|
|
@@ -24654,7 +24661,7 @@ function SendMenu() {
|
|
|
24654
24661
|
] })
|
|
24655
24662
|
] });
|
|
24656
24663
|
}
|
|
24657
|
-
var import_lucide_react69,
|
|
24664
|
+
var import_lucide_react69, import_react84, import_viem20, import_jsx_runtime111;
|
|
24658
24665
|
var init_SendMenu = __esm({
|
|
24659
24666
|
"src/internal/components/SendMenu/send/SendMenu.tsx"() {
|
|
24660
24667
|
init_SessionContext();
|
|
@@ -24663,7 +24670,7 @@ var init_SendMenu = __esm({
|
|
|
24663
24670
|
init_useSendTransaction();
|
|
24664
24671
|
init_useT();
|
|
24665
24672
|
import_lucide_react69 = require("lucide-react");
|
|
24666
|
-
|
|
24673
|
+
import_react84 = require("react");
|
|
24667
24674
|
import_viem20 = require("viem");
|
|
24668
24675
|
init_useBlockscoutAssets2();
|
|
24669
24676
|
init_useLayoutDataStore();
|
|
@@ -24688,7 +24695,7 @@ var init_send = __esm({
|
|
|
24688
24695
|
|
|
24689
24696
|
// src/internal/components/SendMenu/useSendMenuParams.ts
|
|
24690
24697
|
function useSendMenuParams() {
|
|
24691
|
-
(0,
|
|
24698
|
+
(0, import_react85.useEffect)(() => {
|
|
24692
24699
|
const { pageParams, setPageParams } = useLayoutDataStore.getState();
|
|
24693
24700
|
if (!pageParams || !(0, import_lodash_es13.keys)(pageParams).length) return;
|
|
24694
24701
|
console.log("[SEND PARAMS]", pageParams);
|
|
@@ -24725,11 +24732,11 @@ function useSendMenuParams() {
|
|
|
24725
24732
|
setPageParams(null);
|
|
24726
24733
|
}, []);
|
|
24727
24734
|
}
|
|
24728
|
-
var import_lodash_es13,
|
|
24735
|
+
var import_lodash_es13, import_react85;
|
|
24729
24736
|
var init_useSendMenuParams = __esm({
|
|
24730
24737
|
"src/internal/components/SendMenu/useSendMenuParams.ts"() {
|
|
24731
24738
|
import_lodash_es13 = require("lodash-es");
|
|
24732
|
-
|
|
24739
|
+
import_react85 = require("react");
|
|
24733
24740
|
init_useLayoutDataStore();
|
|
24734
24741
|
init_useBridgeStore();
|
|
24735
24742
|
init_useSendStore();
|
|
@@ -24799,7 +24806,7 @@ function SendFlowSelector() {
|
|
|
24799
24806
|
const sendStep = useSendStore((st) => st.txStep);
|
|
24800
24807
|
const bridgeStep = useBridgeStore((st) => st.bridgeStep);
|
|
24801
24808
|
useOnboardingTourAvailable(sendStep === "input" && bridgeStep === "select");
|
|
24802
|
-
(0,
|
|
24809
|
+
(0, import_react86.useEffect)(
|
|
24803
24810
|
() => () => {
|
|
24804
24811
|
useFlowSelectorStore.getState().setError(null);
|
|
24805
24812
|
},
|
|
@@ -24878,12 +24885,12 @@ function SendFlowSelector() {
|
|
|
24878
24885
|
}
|
|
24879
24886
|
);
|
|
24880
24887
|
}
|
|
24881
|
-
var import_lucide_react70,
|
|
24888
|
+
var import_lucide_react70, import_react86, import_jsx_runtime112, SELECTOR_FLOW;
|
|
24882
24889
|
var init_SendFlowSelector = __esm({
|
|
24883
24890
|
"src/internal/components/SendMenu/SendFlowSelector.tsx"() {
|
|
24884
24891
|
init_i18n();
|
|
24885
24892
|
import_lucide_react70 = require("lucide-react");
|
|
24886
|
-
|
|
24893
|
+
import_react86 = require("react");
|
|
24887
24894
|
init_useLayoutDataStore();
|
|
24888
24895
|
init_useLayoutStore();
|
|
24889
24896
|
init_utils2();
|
|
@@ -24951,12 +24958,12 @@ function getServerSnapshot() {
|
|
|
24951
24958
|
return false;
|
|
24952
24959
|
}
|
|
24953
24960
|
function useProMode() {
|
|
24954
|
-
return (0,
|
|
24961
|
+
return (0, import_react87.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
|
|
24955
24962
|
}
|
|
24956
|
-
var
|
|
24963
|
+
var import_react87, STORAGE_KEY, EVENT_NAME;
|
|
24957
24964
|
var init_pro_mode = __esm({
|
|
24958
24965
|
"src/internal/lib/pro-mode.ts"() {
|
|
24959
|
-
|
|
24966
|
+
import_react87 = require("react");
|
|
24960
24967
|
STORAGE_KEY = "embarkai_pro_mode";
|
|
24961
24968
|
EVENT_NAME = "embarkai-pro-mode-changed";
|
|
24962
24969
|
}
|
|
@@ -25013,7 +25020,7 @@ function useSettingsButtons() {
|
|
|
25013
25020
|
if (proMode) {
|
|
25014
25021
|
settingsButtons.push({ id: "devices" /* DEVICES */, name: "passport:guardiansMenu.title", Icon: import_lucide_react72.HardDrive });
|
|
25015
25022
|
}
|
|
25016
|
-
(0,
|
|
25023
|
+
(0, import_react88.useEffect)(() => {
|
|
25017
25024
|
const cssvEl = document.querySelector(".embarkai-ui-scope");
|
|
25018
25025
|
if (!cssvEl || !window?.getComputedStyle) {
|
|
25019
25026
|
return;
|
|
@@ -25079,7 +25086,7 @@ function SettingsMenu() {
|
|
|
25079
25086
|
}
|
|
25080
25087
|
);
|
|
25081
25088
|
}
|
|
25082
|
-
var import_react_query54, import_lucide_react72,
|
|
25089
|
+
var import_react_query54, import_lucide_react72, import_react88, import_jsx_runtime113;
|
|
25083
25090
|
var init_SettingsMenu = __esm({
|
|
25084
25091
|
"src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
|
|
25085
25092
|
init_ProviderContext();
|
|
@@ -25087,7 +25094,7 @@ var init_SettingsMenu = __esm({
|
|
|
25087
25094
|
init_i18n();
|
|
25088
25095
|
import_react_query54 = require("@tanstack/react-query");
|
|
25089
25096
|
import_lucide_react72 = require("lucide-react");
|
|
25090
|
-
|
|
25097
|
+
import_react88 = require("react");
|
|
25091
25098
|
init_nickname();
|
|
25092
25099
|
init_profile();
|
|
25093
25100
|
init_useLayoutDataStore();
|
|
@@ -25977,7 +25984,7 @@ function TransactionsMenu() {
|
|
|
25977
25984
|
useOnboardingTourAvailable(true);
|
|
25978
25985
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
25979
25986
|
const maxScrollHeight = useLayoutStore((st) => st.maxScrollHeight);
|
|
25980
|
-
const [expandedGroups, setExpandedGroups] = (0,
|
|
25987
|
+
const [expandedGroups, setExpandedGroups] = (0, import_react89.useState)({});
|
|
25981
25988
|
const historySupported = isTransactionHistorySupported(chainConfig?.id);
|
|
25982
25989
|
const {
|
|
25983
25990
|
data: txHistoryGroups = [],
|
|
@@ -25990,7 +25997,7 @@ function TransactionsMenu() {
|
|
|
25990
25997
|
queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address],
|
|
25991
25998
|
queryFn: () => getTransactionsListQuery({ address, chainConfig })
|
|
25992
25999
|
});
|
|
25993
|
-
const refreshTxHistory = (0,
|
|
26000
|
+
const refreshTxHistory = (0, import_react89.useCallback)(
|
|
25994
26001
|
() => qc.invalidateQueries({ queryKey: [TRANSACTIONS_HISTORY_QUERY_KEY, chainConfig.id, address] }),
|
|
25995
26002
|
[qc, chainConfig.id, address]
|
|
25996
26003
|
);
|
|
@@ -26040,14 +26047,14 @@ function TransactionsMenu() {
|
|
|
26040
26047
|
}
|
|
26041
26048
|
);
|
|
26042
26049
|
}
|
|
26043
|
-
var import_react_query55, import_lucide_react75,
|
|
26050
|
+
var import_react_query55, import_lucide_react75, import_react89, import_jsx_runtime116;
|
|
26044
26051
|
var init_TransactionsMenu = __esm({
|
|
26045
26052
|
"src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
|
|
26046
26053
|
init_SessionContext();
|
|
26047
26054
|
init_i18n();
|
|
26048
26055
|
import_react_query55 = require("@tanstack/react-query");
|
|
26049
26056
|
import_lucide_react75 = require("lucide-react");
|
|
26050
|
-
|
|
26057
|
+
import_react89 = require("react");
|
|
26051
26058
|
init_useLayoutDataStore();
|
|
26052
26059
|
init_useLayoutStore();
|
|
26053
26060
|
init_Expandable2();
|
|
@@ -26247,7 +26254,7 @@ function usePageMapper() {
|
|
|
26247
26254
|
setIsDialogOpen,
|
|
26248
26255
|
setIsDialogClosing
|
|
26249
26256
|
} = useLayoutStore();
|
|
26250
|
-
const closeDialog = (0,
|
|
26257
|
+
const closeDialog = (0, import_react90.useCallback)(() => {
|
|
26251
26258
|
setIsDialogClosing(true);
|
|
26252
26259
|
setTimeout(() => {
|
|
26253
26260
|
setDialogContent(null);
|
|
@@ -26258,7 +26265,7 @@ function usePageMapper() {
|
|
|
26258
26265
|
setIsDialogOpen(false);
|
|
26259
26266
|
}, CLEAR_DIALOG_TIMEOUT);
|
|
26260
26267
|
}, [setDialogContent, setDialogDescription, setDialogTitle, setIsDialogForced, setIsDialogOpen, setIsDialogClosing]);
|
|
26261
|
-
const openDialog = (0,
|
|
26268
|
+
const openDialog = (0, import_react90.useCallback)(
|
|
26262
26269
|
(pageItem) => {
|
|
26263
26270
|
const PageContentComponent = pageItem.component;
|
|
26264
26271
|
setDialogTitle(pageItem.title);
|
|
@@ -26268,7 +26275,7 @@ function usePageMapper() {
|
|
|
26268
26275
|
},
|
|
26269
26276
|
[setDialogContent, setDialogDescription, setDialogTitle, setIsDialogOpen]
|
|
26270
26277
|
);
|
|
26271
|
-
(0,
|
|
26278
|
+
(0, import_react90.useEffect)(() => {
|
|
26272
26279
|
if (page === null) return closeDialog();
|
|
26273
26280
|
const pageItem = PAGE_MAP[page];
|
|
26274
26281
|
if (!pageItem) {
|
|
@@ -26279,10 +26286,10 @@ function usePageMapper() {
|
|
|
26279
26286
|
openDialog(pageItem);
|
|
26280
26287
|
}, [page, closeDialog, openDialog]);
|
|
26281
26288
|
}
|
|
26282
|
-
var
|
|
26289
|
+
var import_react90, import_jsx_runtime117, CLEAR_DIALOG_TIMEOUT;
|
|
26283
26290
|
var init_usePageMapper = __esm({
|
|
26284
26291
|
"src/internal/hooks/usePageMapper.tsx"() {
|
|
26285
|
-
|
|
26292
|
+
import_react90 = require("react");
|
|
26286
26293
|
init_PageMap();
|
|
26287
26294
|
init_constants();
|
|
26288
26295
|
init_useLayoutDataStore();
|
|
@@ -26298,24 +26305,24 @@ function useSettingsNotifications() {
|
|
|
26298
26305
|
const providers = import_auth23.jwtTokenManager.getProviders();
|
|
26299
26306
|
const hasEmail = providers.includes("email");
|
|
26300
26307
|
const { data: userProfile = null } = useUserProfile();
|
|
26301
|
-
(0,
|
|
26308
|
+
(0, import_react91.useEffect)(() => {
|
|
26302
26309
|
const isKYCVerified = userProfile?.kycDetails?.kycStatus === "verified";
|
|
26303
26310
|
setSettingsNotifications({
|
|
26304
26311
|
...COMPLETE_KYC_PROGRESS,
|
|
26305
26312
|
status: isKYCVerified ? "resolved" : "active"
|
|
26306
26313
|
});
|
|
26307
26314
|
}, [userProfile, setSettingsNotifications]);
|
|
26308
|
-
(0,
|
|
26315
|
+
(0, import_react91.useEffect)(() => {
|
|
26309
26316
|
setSettingsNotifications({
|
|
26310
26317
|
...EMAIL_NOT_CONNECTED_NOTIFICATION,
|
|
26311
26318
|
status: hasEmail ? "resolved" : "active"
|
|
26312
26319
|
});
|
|
26313
26320
|
}, [hasEmail, setSettingsNotifications]);
|
|
26314
26321
|
}
|
|
26315
|
-
var
|
|
26322
|
+
var import_react91, EMAIL_NOT_CONNECTED_NOTIFICATION, COMPLETE_KYC_PROGRESS;
|
|
26316
26323
|
var init_useSettingsNotifications = __esm({
|
|
26317
26324
|
"src/internal/hooks/useSettingsNotifications.ts"() {
|
|
26318
|
-
|
|
26325
|
+
import_react91 = require("react");
|
|
26319
26326
|
init_auth();
|
|
26320
26327
|
init_useLayoutDataStore();
|
|
26321
26328
|
init_useUserProfile();
|
|
@@ -26338,7 +26345,7 @@ var init_package = __esm({
|
|
|
26338
26345
|
"package.json"() {
|
|
26339
26346
|
package_default = {
|
|
26340
26347
|
name: "@embarkai/ui-kit",
|
|
26341
|
-
version: "0.4.
|
|
26348
|
+
version: "0.4.77",
|
|
26342
26349
|
description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
|
|
26343
26350
|
type: "module",
|
|
26344
26351
|
main: "./dist/index.cjs",
|
|
@@ -26649,7 +26656,7 @@ var init_onborading_setup = __esm({
|
|
|
26649
26656
|
},
|
|
26650
26657
|
["receive" /* RECEIVE */]: () => RECEIVE_MENU_TOUR,
|
|
26651
26658
|
["security" /* SECURITY */]: () => SECURITY_MENU_TOUR,
|
|
26652
|
-
["keysare-backup" /* KEYSARE_BACKUP */]: () => KEYSHARE_BACKUP_MENU_TOUR,
|
|
26659
|
+
["keysare-backup" /* KEYSARE_BACKUP */]: ({ config }) => config?.passkey?.enabled ? KEYSHARE_BACKUP_MENU_TOUR : KEYSHARE_BACKUP_MENU_TOUR_NO_PASSKEY,
|
|
26653
26660
|
["transactions" /* TRANSACTIONS */]: () => TRANSACTIONS_MENU_TOUR,
|
|
26654
26661
|
["nickname-settings" /* NICKNAME_SETTINGS */]: () => NICKNAME_MENU_TOUR,
|
|
26655
26662
|
["manage-wallet" /* MANAGE_WALLET */]: () => MANAGE_WALLET_MENU_TOUR,
|
|
@@ -26670,11 +26677,11 @@ function Header() {
|
|
|
26670
26677
|
const embarkPage = useLayoutDataStore((st) => st.page);
|
|
26671
26678
|
const isOnboardingTourAvailable = useOnboardingStore((st) => st.isTourAvailable);
|
|
26672
26679
|
const proMode = useProMode();
|
|
26673
|
-
const [proToast, setProToast] = (0,
|
|
26674
|
-
const [copied, setCopied] = (0,
|
|
26675
|
-
const clickCountRef = (0,
|
|
26676
|
-
const clickTimerRef = (0,
|
|
26677
|
-
const handleAvatarClick = (0,
|
|
26680
|
+
const [proToast, setProToast] = (0, import_react92.useState)(false);
|
|
26681
|
+
const [copied, setCopied] = (0, import_react92.useState)(false);
|
|
26682
|
+
const clickCountRef = (0, import_react92.useRef)(0);
|
|
26683
|
+
const clickTimerRef = (0, import_react92.useRef)(null);
|
|
26684
|
+
const handleAvatarClick = (0, import_react92.useCallback)(() => {
|
|
26678
26685
|
clickCountRef.current += 1;
|
|
26679
26686
|
if (clickTimerRef.current) {
|
|
26680
26687
|
clearTimeout(clickTimerRef.current);
|
|
@@ -26769,7 +26776,7 @@ function Header() {
|
|
|
26769
26776
|
size: "small",
|
|
26770
26777
|
variant: "ghost",
|
|
26771
26778
|
className: "text-[10px] px-2",
|
|
26772
|
-
onClick: () => onboarder.startTour(ONBOARDING_TOURS[embarkPage]()),
|
|
26779
|
+
onClick: () => onboarder.startTour(ONBOARDING_TOURS[embarkPage]({ config: config.current })),
|
|
26773
26780
|
children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react77.CircleQuestionMarkIcon, { className: "w-4 h-4" })
|
|
26774
26781
|
}
|
|
26775
26782
|
)
|
|
@@ -26780,7 +26787,7 @@ function Header() {
|
|
|
26780
26787
|
}
|
|
26781
26788
|
);
|
|
26782
26789
|
}
|
|
26783
|
-
var import_lucide_react77,
|
|
26790
|
+
var import_lucide_react77, import_react92, import_jsx_runtime119;
|
|
26784
26791
|
var init_Header = __esm({
|
|
26785
26792
|
"src/internal/components/Header/Header.tsx"() {
|
|
26786
26793
|
init_lumia2();
|
|
@@ -26788,7 +26795,7 @@ var init_Header = __esm({
|
|
|
26788
26795
|
init_ProviderContext();
|
|
26789
26796
|
init_SessionContext();
|
|
26790
26797
|
import_lucide_react77 = require("lucide-react");
|
|
26791
|
-
|
|
26798
|
+
import_react92 = require("react");
|
|
26792
26799
|
init_icons();
|
|
26793
26800
|
init_auth();
|
|
26794
26801
|
init_useLayoutDataStore();
|
|
@@ -26823,7 +26830,7 @@ function useDecideContentStyles() {
|
|
|
26823
26830
|
style: (0, import_lodash_es14.merge)({}, mobileStyles)
|
|
26824
26831
|
};
|
|
26825
26832
|
}
|
|
26826
|
-
var DialogPrimitive, import_lodash_es14, import_lucide_react78,
|
|
26833
|
+
var DialogPrimitive, import_lodash_es14, import_lucide_react78, import_react93, import_jsx_runtime120, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
|
|
26827
26834
|
var init_dialog = __esm({
|
|
26828
26835
|
"src/internal/components/ui/dialog.tsx"() {
|
|
26829
26836
|
init_utils2();
|
|
@@ -26832,14 +26839,14 @@ var init_dialog = __esm({
|
|
|
26832
26839
|
DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
|
|
26833
26840
|
import_lodash_es14 = require("lodash-es");
|
|
26834
26841
|
import_lucide_react78 = require("lucide-react");
|
|
26835
|
-
|
|
26842
|
+
import_react93 = require("react");
|
|
26836
26843
|
init_useLayoutDataStore();
|
|
26837
26844
|
init_useLayoutStore();
|
|
26838
26845
|
init_button();
|
|
26839
26846
|
import_jsx_runtime120 = require("react/jsx-runtime");
|
|
26840
26847
|
Dialog = DialogPrimitive.Root;
|
|
26841
26848
|
DialogPortal = DialogPrimitive.Portal;
|
|
26842
|
-
DialogOverlay = (0,
|
|
26849
|
+
DialogOverlay = (0, import_react93.forwardRef)(
|
|
26843
26850
|
({ className, closing, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
26844
26851
|
DialogPrimitive.Overlay,
|
|
26845
26852
|
{
|
|
@@ -26861,7 +26868,7 @@ var init_dialog = __esm({
|
|
|
26861
26868
|
border: "1px solid var(--ui-kit-bd)",
|
|
26862
26869
|
boxShadow: "var(--ui-kit-shadow, 0px 4px 10px var(--ui-kit-shadow-c, rgba(0, 0, 0, 0.1)))"
|
|
26863
26870
|
};
|
|
26864
|
-
DialogContent = (0,
|
|
26871
|
+
DialogContent = (0, import_react93.forwardRef)(
|
|
26865
26872
|
({ className, children, colorMode, ...props }, ref) => {
|
|
26866
26873
|
const { t, i18n } = useT();
|
|
26867
26874
|
const isSessionLoading = useSession((st) => st.isLoading);
|
|
@@ -26973,7 +26980,7 @@ var init_dialog = __esm({
|
|
|
26973
26980
|
DialogHeader.displayName = "DialogHeader";
|
|
26974
26981
|
DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
26975
26982
|
DialogFooter.displayName = "DialogFooter";
|
|
26976
|
-
DialogTitle = (0,
|
|
26983
|
+
DialogTitle = (0, import_react93.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
26977
26984
|
DialogPrimitive.Title,
|
|
26978
26985
|
{
|
|
26979
26986
|
ref,
|
|
@@ -26982,7 +26989,7 @@ var init_dialog = __esm({
|
|
|
26982
26989
|
}
|
|
26983
26990
|
));
|
|
26984
26991
|
DialogTitle.displayName = DialogPrimitive.Title.displayName;
|
|
26985
|
-
DialogDescription = (0,
|
|
26992
|
+
DialogDescription = (0, import_react93.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
|
|
26986
26993
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
|
26987
26994
|
}
|
|
26988
26995
|
});
|
|
@@ -27007,7 +27014,7 @@ function Dialog2() {
|
|
|
27007
27014
|
const isWalletLinking = useLayoutDataStore((st) => st.isWalletLinking);
|
|
27008
27015
|
const setPage = useLayoutDataStore((st) => st.setPage);
|
|
27009
27016
|
const { colorMode, isDialogOpen, dialogTitle, dialogDescription, dialogContent, isDialogForced, setIsSettings } = useLayoutStore();
|
|
27010
|
-
(0,
|
|
27017
|
+
(0, import_react94.useEffect)(() => setIsSettings(!!session), [session, setIsSettings]);
|
|
27011
27018
|
usePageMapper();
|
|
27012
27019
|
useAutoConnect();
|
|
27013
27020
|
useBackupStatusChanges();
|
|
@@ -27053,13 +27060,13 @@ function Dialog2() {
|
|
|
27053
27060
|
}
|
|
27054
27061
|
);
|
|
27055
27062
|
}
|
|
27056
|
-
var import_framer_motion,
|
|
27063
|
+
var import_framer_motion, import_react94, import_jsx_runtime122, EMBARKAI_DIALOG_ONBOARDING_ID;
|
|
27057
27064
|
var init_Dialog = __esm({
|
|
27058
27065
|
"src/internal/components/Dialog/Dialog.tsx"() {
|
|
27059
27066
|
init_ProviderContext();
|
|
27060
27067
|
init_SessionContext();
|
|
27061
27068
|
import_framer_motion = require("framer-motion");
|
|
27062
|
-
|
|
27069
|
+
import_react94 = require("react");
|
|
27063
27070
|
init_constants();
|
|
27064
27071
|
init_useAutoConnect();
|
|
27065
27072
|
init_useBackupStatusChanges();
|
|
@@ -27097,13 +27104,13 @@ function DirectWalletHandler() {
|
|
|
27097
27104
|
const setExternalChainId = useExternalWalletStore((st) => st.setExternalChainId);
|
|
27098
27105
|
const setConfigMode = useExternalWalletStore((st) => st.setConfigMode);
|
|
27099
27106
|
const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
|
|
27100
|
-
(0,
|
|
27107
|
+
(0, import_react95.useEffect)(() => {
|
|
27101
27108
|
setConfigMode(walletMode);
|
|
27102
27109
|
if (walletMode !== "both") {
|
|
27103
27110
|
setActiveMode(walletMode);
|
|
27104
27111
|
}
|
|
27105
27112
|
}, [walletMode, setConfigMode, setActiveMode]);
|
|
27106
|
-
(0,
|
|
27113
|
+
(0, import_react95.useEffect)(() => {
|
|
27107
27114
|
if (isConnected && address && !isExternalConnected && connector && chain?.id) {
|
|
27108
27115
|
setExternalWallet({
|
|
27109
27116
|
address,
|
|
@@ -27112,17 +27119,17 @@ function DirectWalletHandler() {
|
|
|
27112
27119
|
});
|
|
27113
27120
|
}
|
|
27114
27121
|
}, [isConnected, address, isExternalConnected, connector, chain?.id, setExternalWallet]);
|
|
27115
|
-
(0,
|
|
27122
|
+
(0, import_react95.useEffect)(() => {
|
|
27116
27123
|
if (isExternalConnected && !isConnected) {
|
|
27117
27124
|
clearExternalWallet();
|
|
27118
27125
|
}
|
|
27119
27126
|
}, [isConnected, isExternalConnected, clearExternalWallet]);
|
|
27120
|
-
(0,
|
|
27127
|
+
(0, import_react95.useEffect)(() => {
|
|
27121
27128
|
if (isExternalConnected && isConnected && chain?.id) {
|
|
27122
27129
|
setExternalChainId(chain.id);
|
|
27123
27130
|
}
|
|
27124
27131
|
}, [chain?.id, isConnected, isExternalConnected, setExternalChainId]);
|
|
27125
|
-
(0,
|
|
27132
|
+
(0, import_react95.useEffect)(() => {
|
|
27126
27133
|
if (isExternalConnected && isConnected && address && address !== externalAddress && connector && chain?.id) {
|
|
27127
27134
|
setExternalWallet({
|
|
27128
27135
|
address,
|
|
@@ -27133,10 +27140,10 @@ function DirectWalletHandler() {
|
|
|
27133
27140
|
}, [address, isConnected, isExternalConnected, externalAddress, chain?.id, connector, setExternalWallet]);
|
|
27134
27141
|
return null;
|
|
27135
27142
|
}
|
|
27136
|
-
var
|
|
27143
|
+
var import_react95, import_wagmi8;
|
|
27137
27144
|
var init_DirectWalletHandler = __esm({
|
|
27138
27145
|
"src/internal/components/DirectWalletHandler.tsx"() {
|
|
27139
|
-
|
|
27146
|
+
import_react95 = require("react");
|
|
27140
27147
|
import_wagmi8 = require("wagmi");
|
|
27141
27148
|
init_ProviderContext();
|
|
27142
27149
|
init_useExternalWalletStore();
|
|
@@ -27144,14 +27151,14 @@ var init_DirectWalletHandler = __esm({
|
|
|
27144
27151
|
});
|
|
27145
27152
|
|
|
27146
27153
|
// src/internal/components/TssManager.tsx
|
|
27147
|
-
var
|
|
27154
|
+
var import_react96, TssManagerWithRef;
|
|
27148
27155
|
var init_TssManager = __esm({
|
|
27149
27156
|
"src/internal/components/TssManager.tsx"() {
|
|
27150
27157
|
init_SessionContext();
|
|
27151
|
-
|
|
27158
|
+
import_react96 = __toESM(require("react"), 1);
|
|
27152
27159
|
init_auth();
|
|
27153
27160
|
init_clients();
|
|
27154
|
-
TssManagerWithRef =
|
|
27161
|
+
TssManagerWithRef = import_react96.default.forwardRef((props, ref) => {
|
|
27155
27162
|
const { mpcPin } = props;
|
|
27156
27163
|
const usePaymaster = useSession((st) => st.usePaymaster);
|
|
27157
27164
|
const publicClient = useSession((st) => st.publicClient);
|
|
@@ -27159,14 +27166,14 @@ var init_TssManager = __esm({
|
|
|
27159
27166
|
const setStatus = useSession((st) => st.setStatus);
|
|
27160
27167
|
const setSession = useSession((st) => st.setSession);
|
|
27161
27168
|
const setAddress = useSession((st) => st.setAddress);
|
|
27162
|
-
const onSessionCreated = (0,
|
|
27169
|
+
const onSessionCreated = (0, import_react96.useCallback)(
|
|
27163
27170
|
(session, address) => {
|
|
27164
27171
|
setSession(session);
|
|
27165
27172
|
setAddress(address);
|
|
27166
27173
|
},
|
|
27167
27174
|
[setSession, setAddress]
|
|
27168
27175
|
);
|
|
27169
|
-
const createSessionWithKeyshare =
|
|
27176
|
+
const createSessionWithKeyshare = import_react96.default.useCallback(
|
|
27170
27177
|
async (userId, hasServerKeyshare, isNewUser) => {
|
|
27171
27178
|
setStatus("checking key management setup...");
|
|
27172
27179
|
await ensureKeyshare(userId, hasServerKeyshare, setStatus, isNewUser);
|
|
@@ -27191,7 +27198,7 @@ var init_TssManager = __esm({
|
|
|
27191
27198
|
},
|
|
27192
27199
|
[setStatus, usePaymaster, activeChainId, publicClient, mpcPin]
|
|
27193
27200
|
);
|
|
27194
|
-
|
|
27201
|
+
import_react96.default.useImperativeHandle(ref, () => ({ createSessionWithKeyshare }), [createSessionWithKeyshare]);
|
|
27195
27202
|
return null;
|
|
27196
27203
|
});
|
|
27197
27204
|
}
|
|
@@ -27219,7 +27226,7 @@ function WalletConnectHandler() {
|
|
|
27219
27226
|
const projectId = providerConfig?.projectId;
|
|
27220
27227
|
const setExternalWallet = useExternalWalletStore((st) => st.setExternalWallet);
|
|
27221
27228
|
const setPendingWalletLogin = useLayoutDataStore((st) => st.setPendingWalletLogin);
|
|
27222
|
-
const onLinkingComplete = (0,
|
|
27229
|
+
const onLinkingComplete = (0, import_react97.useCallback)(
|
|
27223
27230
|
async (success) => {
|
|
27224
27231
|
setIsWalletLinking(false);
|
|
27225
27232
|
if (!success && !passportWalletAddress) {
|
|
@@ -27248,10 +27255,10 @@ function WalletConnectHandler() {
|
|
|
27248
27255
|
},
|
|
27249
27256
|
[qc, passportWalletAddress, setProviderType, setPage, setIsWalletLinking]
|
|
27250
27257
|
);
|
|
27251
|
-
const [hasStartedLinking, setHasStartedLinking] =
|
|
27252
|
-
const [modalWasOpened, setModalWasOpened] =
|
|
27253
|
-
const [pendingModalOpen, setPendingModalOpen] =
|
|
27254
|
-
(0,
|
|
27258
|
+
const [hasStartedLinking, setHasStartedLinking] = import_react97.default.useState(false);
|
|
27259
|
+
const [modalWasOpened, setModalWasOpened] = import_react97.default.useState(false);
|
|
27260
|
+
const [pendingModalOpen, setPendingModalOpen] = import_react97.default.useState(false);
|
|
27261
|
+
(0, import_react97.useEffect)(() => {
|
|
27255
27262
|
if (isWalletLinking && !hasStartedLinking) {
|
|
27256
27263
|
console.log("[WalletConnectHandler] Starting wallet link flow:", {
|
|
27257
27264
|
isConnected,
|
|
@@ -27289,18 +27296,18 @@ function WalletConnectHandler() {
|
|
|
27289
27296
|
setProviderType,
|
|
27290
27297
|
walletMode
|
|
27291
27298
|
]);
|
|
27292
|
-
(0,
|
|
27299
|
+
(0, import_react97.useEffect)(() => {
|
|
27293
27300
|
if (pendingModalOpen && !isConnected && openConnectModal) {
|
|
27294
27301
|
setPendingModalOpen(false);
|
|
27295
27302
|
openConnectModal();
|
|
27296
27303
|
}
|
|
27297
27304
|
}, [pendingModalOpen, isConnected, openConnectModal]);
|
|
27298
|
-
(0,
|
|
27305
|
+
(0, import_react97.useEffect)(() => {
|
|
27299
27306
|
if (connectModalOpen && hasStartedLinking) {
|
|
27300
27307
|
setModalWasOpened(true);
|
|
27301
27308
|
}
|
|
27302
27309
|
}, [connectModalOpen, hasStartedLinking]);
|
|
27303
|
-
(0,
|
|
27310
|
+
(0, import_react97.useEffect)(() => {
|
|
27304
27311
|
if (modalWasOpened && !connectModalOpen && !isConnected && isWalletLinking) {
|
|
27305
27312
|
console.log("[WalletConnectHandler] Modal closed without connecting");
|
|
27306
27313
|
onLinkingComplete(false);
|
|
@@ -27308,7 +27315,7 @@ function WalletConnectHandler() {
|
|
|
27308
27315
|
setModalWasOpened(false);
|
|
27309
27316
|
}
|
|
27310
27317
|
}, [connectModalOpen, modalWasOpened, isConnected, isWalletLinking]);
|
|
27311
|
-
(0,
|
|
27318
|
+
(0, import_react97.useEffect)(() => {
|
|
27312
27319
|
if (isWalletLinking) {
|
|
27313
27320
|
const timeout = setTimeout(() => {
|
|
27314
27321
|
console.warn("[WalletConnectHandler] Wallet linking timed out, resetting state");
|
|
@@ -27428,7 +27435,7 @@ function WalletConnectHandler() {
|
|
|
27428
27435
|
setPage(passportWalletAddress ? "manage-wallet" /* MANAGE_WALLET */ : "auth" /* AUTH */);
|
|
27429
27436
|
}
|
|
27430
27437
|
});
|
|
27431
|
-
(0,
|
|
27438
|
+
(0, import_react97.useEffect)(() => {
|
|
27432
27439
|
if (!!chain?.id && isConnected && walletAddress && isWalletLinking && hasStartedLinking && modalWasOpened && !pendingModalOpen) {
|
|
27433
27440
|
console.log("[WalletConnectHandler] handleWalletSign triggered");
|
|
27434
27441
|
if (!passportWalletAddress) {
|
|
@@ -27438,7 +27445,7 @@ function WalletConnectHandler() {
|
|
|
27438
27445
|
handleWalletSign({ chainId: chain.id, signingWalletAddress: walletAddress });
|
|
27439
27446
|
}
|
|
27440
27447
|
}, [chain, isConnected, walletAddress, isWalletLinking, hasStartedLinking, modalWasOpened, pendingModalOpen]);
|
|
27441
|
-
(0,
|
|
27448
|
+
(0, import_react97.useEffect)(() => {
|
|
27442
27449
|
if (isConnected && !chain?.id && isWalletLinking && hasStartedLinking && !connectModalOpen && !isWalletSigning) {
|
|
27443
27450
|
const timeout = setTimeout(() => {
|
|
27444
27451
|
console.warn("[WalletConnectHandler] Wallet connected but chain info missing, resetting");
|
|
@@ -27460,7 +27467,7 @@ function WalletConnectHandler() {
|
|
|
27460
27467
|
]);
|
|
27461
27468
|
return null;
|
|
27462
27469
|
}
|
|
27463
|
-
var import_rainbowkit2, import_react_query57,
|
|
27470
|
+
var import_rainbowkit2, import_react_query57, import_react97, import_wagmi9;
|
|
27464
27471
|
var init_WalletConnectHandler = __esm({
|
|
27465
27472
|
"src/internal/components/WalletConnectHandler.tsx"() {
|
|
27466
27473
|
init_ProviderContext();
|
|
@@ -27468,7 +27475,7 @@ var init_WalletConnectHandler = __esm({
|
|
|
27468
27475
|
init_linkedProfiles();
|
|
27469
27476
|
import_rainbowkit2 = require("@rainbow-me/rainbowkit");
|
|
27470
27477
|
import_react_query57 = require("@tanstack/react-query");
|
|
27471
|
-
|
|
27478
|
+
import_react97 = __toESM(require("react"), 1);
|
|
27472
27479
|
import_wagmi9 = require("wagmi");
|
|
27473
27480
|
init_wallet();
|
|
27474
27481
|
init_AuthMenu2();
|
|
@@ -27496,7 +27503,7 @@ function waitForStoreHydration() {
|
|
|
27496
27503
|
}
|
|
27497
27504
|
function SessionProvider({ children }) {
|
|
27498
27505
|
const config = useProviderConfig().config;
|
|
27499
|
-
return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(
|
|
27506
|
+
return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_react98.Fragment, { children: [
|
|
27500
27507
|
children,
|
|
27501
27508
|
config.current?.wallet?.enabled && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(WalletConnectHandler, {}),
|
|
27502
27509
|
config.current?.wallet?.enabled && (config.current?.wallet?.mode === "direct" || config.current?.wallet?.mode === "both") && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(DirectWalletHandler, {}),
|
|
@@ -27512,11 +27519,11 @@ function SessionProvider({ children }) {
|
|
|
27512
27519
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(OnboardingOverlay, {})
|
|
27513
27520
|
] });
|
|
27514
27521
|
}
|
|
27515
|
-
var import_read22,
|
|
27522
|
+
var import_read22, import_react98, import_zustand16, import_middleware4, import_jsx_runtime123, useSession, requireActiveChainId;
|
|
27516
27523
|
var init_SessionContext = __esm({
|
|
27517
27524
|
"src/context/SessionContext.tsx"() {
|
|
27518
27525
|
import_read22 = require("@embarkai/core/read");
|
|
27519
|
-
|
|
27526
|
+
import_react98 = require("react");
|
|
27520
27527
|
import_zustand16 = require("zustand");
|
|
27521
27528
|
import_middleware4 = require("zustand/middleware");
|
|
27522
27529
|
init_BalanceFeedProvider2();
|
|
@@ -30197,7 +30204,7 @@ var init_rainbowkit = __esm({
|
|
|
30197
30204
|
function RainbowKitProvider({ children }) {
|
|
30198
30205
|
const config = useProviderConfig().config;
|
|
30199
30206
|
const colorMode = useLayoutStore((st) => st.colorMode);
|
|
30200
|
-
const rainbowConfig = (0,
|
|
30207
|
+
const rainbowConfig = (0, import_react99.useMemo)(
|
|
30201
30208
|
() => createRainbowConfig({
|
|
30202
30209
|
projectId: config.current?.wallet?.walletConnectProjectId,
|
|
30203
30210
|
allowedWallets: config.current?.wallet?.allowedWallets,
|
|
@@ -30211,7 +30218,7 @@ function RainbowKitProvider({ children }) {
|
|
|
30211
30218
|
config.current?.wallet?.walletConnectProjectId
|
|
30212
30219
|
]
|
|
30213
30220
|
);
|
|
30214
|
-
const customTheme = (0,
|
|
30221
|
+
const customTheme = (0, import_react99.useMemo)(() => {
|
|
30215
30222
|
if (!config.current?.wallet?.enabled) return {};
|
|
30216
30223
|
return colorMode === "dark" ? {
|
|
30217
30224
|
...(0, import_rainbowkit4.darkTheme)(),
|
|
@@ -30228,11 +30235,11 @@ function RainbowKitProvider({ children }) {
|
|
|
30228
30235
|
if (!config.current?.wallet?.enabled) return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_jsx_runtime124.Fragment, { children });
|
|
30229
30236
|
return /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_wagmi11.WagmiProvider, { config: rainbowConfig, children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_rainbowkit4.RainbowKitProvider, { theme: customTheme, modalSize: "compact", showRecentTransactions: true, children }) });
|
|
30230
30237
|
}
|
|
30231
|
-
var import_rainbowkit4,
|
|
30238
|
+
var import_rainbowkit4, import_react99, import_wagmi11, import_styles, import_jsx_runtime124;
|
|
30232
30239
|
var init_RainbowKitContext = __esm({
|
|
30233
30240
|
"src/context/RainbowKitContext.tsx"() {
|
|
30234
30241
|
import_rainbowkit4 = require("@rainbow-me/rainbowkit");
|
|
30235
|
-
|
|
30242
|
+
import_react99 = require("react");
|
|
30236
30243
|
import_wagmi11 = require("wagmi");
|
|
30237
30244
|
init_rainbowkit();
|
|
30238
30245
|
init_useLayoutStore();
|
|
@@ -30288,10 +30295,10 @@ function clearLegacyWagmiStorage() {
|
|
|
30288
30295
|
}
|
|
30289
30296
|
function Provider(props) {
|
|
30290
30297
|
const { children, projectId, initialConfig = {}, callbacks } = props;
|
|
30291
|
-
const callbacksRef = (0,
|
|
30292
|
-
(0,
|
|
30293
|
-
const config = (0,
|
|
30294
|
-
const updateConfig = (0,
|
|
30298
|
+
const callbacksRef = (0, import_react100.useRef)(callbacks);
|
|
30299
|
+
(0, import_react100.useEffect)(() => notifyNoProjetctId(projectId), [projectId]);
|
|
30300
|
+
const config = (0, import_react100.useRef)((0, import_lodash_es15.merge)({}, DEFAULT_PROVIDER_CONFIG, { projectId }, initialConfig));
|
|
30301
|
+
const updateConfig = (0, import_react100.useCallback)((updates) => {
|
|
30295
30302
|
const prev = config.current;
|
|
30296
30303
|
const next = { ...prev };
|
|
30297
30304
|
if (updates.projectId !== void 0) next.projectId = updates.projectId;
|
|
@@ -30325,12 +30332,12 @@ function Provider(props) {
|
|
|
30325
30332
|
if (updates.translations) next.translations = { ...next.translations, ...updates.translations };
|
|
30326
30333
|
config.current = next;
|
|
30327
30334
|
}, []);
|
|
30328
|
-
const updateCallbacks = (0,
|
|
30335
|
+
const updateCallbacks = (0, import_react100.useCallback)((updates) => {
|
|
30329
30336
|
const prev = callbacksRef.current;
|
|
30330
30337
|
const next = updates ? { ...prev, ...updates } : void 0;
|
|
30331
30338
|
callbacksRef.current = next;
|
|
30332
30339
|
}, []);
|
|
30333
|
-
(0,
|
|
30340
|
+
(0, import_react100.useEffect)(() => {
|
|
30334
30341
|
if (typeof window === "undefined" || !projectId) return;
|
|
30335
30342
|
const mergedConfig = (0, import_lodash_es15.merge)(DEFAULT_PROVIDER_CONFIG, initialConfig);
|
|
30336
30343
|
updateConfig(mergedConfig);
|
|
@@ -30350,7 +30357,7 @@ function Provider(props) {
|
|
|
30350
30357
|
useSession.getState().setActiveChainId(mergedConfig.network.chainId);
|
|
30351
30358
|
}
|
|
30352
30359
|
}, [projectId, initialConfig]);
|
|
30353
|
-
(0,
|
|
30360
|
+
(0, import_react100.useEffect)(() => {
|
|
30354
30361
|
if (typeof window === "undefined" || !projectId) return;
|
|
30355
30362
|
try {
|
|
30356
30363
|
(0, import_error_tracking4.initSdkErrorTracking)();
|
|
@@ -30379,7 +30386,7 @@ function Provider(props) {
|
|
|
30379
30386
|
console.error("[PROVIDER] Error setting up iframe manager:", error);
|
|
30380
30387
|
}
|
|
30381
30388
|
}, [projectId]);
|
|
30382
|
-
const contextValue = (0,
|
|
30389
|
+
const contextValue = (0, import_react100.useMemo)(
|
|
30383
30390
|
() => ({
|
|
30384
30391
|
config,
|
|
30385
30392
|
updateConfig,
|
|
@@ -30400,12 +30407,12 @@ function Provider(props) {
|
|
|
30400
30407
|
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(WagmiProvider2, { children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(UIContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(SessionProvider, { children }) }) })
|
|
30401
30408
|
);
|
|
30402
30409
|
}
|
|
30403
|
-
var import_error_tracking4, import_lodash_es15,
|
|
30410
|
+
var import_error_tracking4, import_lodash_es15, import_react100, import_jsx_runtime126, UIContext, useProviderConfig;
|
|
30404
30411
|
var init_ProviderContext = __esm({
|
|
30405
30412
|
"src/context/ProviderContext.tsx"() {
|
|
30406
30413
|
import_error_tracking4 = require("@embarkai/core/internal/error-tracking");
|
|
30407
30414
|
import_lodash_es15 = require("lodash-es");
|
|
30408
|
-
|
|
30415
|
+
import_react100 = require("react");
|
|
30409
30416
|
init_initial();
|
|
30410
30417
|
init_iframe_manager();
|
|
30411
30418
|
init_RainbowKitContext();
|
|
@@ -30413,9 +30420,9 @@ var init_ProviderContext = __esm({
|
|
|
30413
30420
|
init_utils12();
|
|
30414
30421
|
init_WagmiContext();
|
|
30415
30422
|
import_jsx_runtime126 = require("react/jsx-runtime");
|
|
30416
|
-
UIContext = (0,
|
|
30423
|
+
UIContext = (0, import_react100.createContext)(void 0);
|
|
30417
30424
|
useProviderConfig = () => {
|
|
30418
|
-
const ctx = (0,
|
|
30425
|
+
const ctx = (0, import_react100.useContext)(UIContext);
|
|
30419
30426
|
if (!ctx) throw new Error("useProviderConfig must be used within a Provider");
|
|
30420
30427
|
return ctx;
|
|
30421
30428
|
};
|
|
@@ -30522,7 +30529,7 @@ __export(index_exports, {
|
|
|
30522
30529
|
module.exports = __toCommonJS(index_exports);
|
|
30523
30530
|
|
|
30524
30531
|
// src/styles/built.css
|
|
30525
|
-
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 .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-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-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[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-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{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-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.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-\\[12px\\]{padding:12px}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-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-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.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 .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{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\: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-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-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 :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}`;
|
|
30532
|
+
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 .inset-0{inset:0}.embarkai-ui-scope .-right-1{right:-.25rem}.embarkai-ui-scope .-right-2{right:-.5rem}.embarkai-ui-scope .-top-1{top:-.25rem}.embarkai-ui-scope .-top-2{top:-.5rem}.embarkai-ui-scope .bottom-0{bottom:0}.embarkai-ui-scope .bottom-full{bottom:100%}.embarkai-ui-scope .left-0{left:0}.embarkai-ui-scope .left-1\\/2{left:50%}.embarkai-ui-scope .left-4{left:1rem}.embarkai-ui-scope .right-0{right:0}.embarkai-ui-scope .right-1{right:.25rem}.embarkai-ui-scope .right-2{right:.5rem}.embarkai-ui-scope .right-3{right:.75rem}.embarkai-ui-scope .right-4{right:1rem}.embarkai-ui-scope .right-\\[var\\(--ui-kit-pd\\)\\]{right:var(--ui-kit-pd)}.embarkai-ui-scope .right-full{right:100%}.embarkai-ui-scope .top-0{top:0}.embarkai-ui-scope .top-1{top:.25rem}.embarkai-ui-scope .top-1\\/2{top:50%}.embarkai-ui-scope .top-2{top:.5rem}.embarkai-ui-scope .top-4{top:1rem}.embarkai-ui-scope .top-\\[var\\(--ui-kit-pd\\)\\]{top:var(--ui-kit-pd)}.embarkai-ui-scope .z-10{z-index:10}.embarkai-ui-scope .z-50{z-index:50}.embarkai-ui-scope .z-\\[9998\\]{z-index:9998}.embarkai-ui-scope .z-\\[9999\\]{z-index:9999}.embarkai-ui-scope .-m-px{margin:-1px}.embarkai-ui-scope .-mx-1{margin-left:-.25rem;margin-right:-.25rem}.embarkai-ui-scope .mx-auto{margin-left:auto;margin-right:auto}.embarkai-ui-scope .my-1{margin-top:.25rem;margin-bottom:.25rem}.embarkai-ui-scope .mb-1{margin-bottom:.25rem}.embarkai-ui-scope .mb-2{margin-bottom:.5rem}.embarkai-ui-scope .mb-3{margin-bottom:.75rem}.embarkai-ui-scope .mb-4{margin-bottom:1rem}.embarkai-ui-scope .ml-1{margin-left:.25rem}.embarkai-ui-scope .ml-2{margin-left:.5rem}.embarkai-ui-scope .ml-auto{margin-left:auto}.embarkai-ui-scope .mr-1{margin-right:.25rem}.embarkai-ui-scope .mt-0\\.5{margin-top:.125rem}.embarkai-ui-scope .mt-1{margin-top:.25rem}.embarkai-ui-scope .mt-2{margin-top:.5rem}.embarkai-ui-scope .mt-4{margin-top:1rem}.embarkai-ui-scope .block{display:block}.embarkai-ui-scope .inline-block{display:inline-block}.embarkai-ui-scope .inline{display:inline}.embarkai-ui-scope .flex{display:flex}.embarkai-ui-scope .inline-flex{display:inline-flex}.embarkai-ui-scope .table{display:table}.embarkai-ui-scope .grid{display:grid}.embarkai-ui-scope .hidden{display:none}.embarkai-ui-scope .aspect-square{aspect-ratio:1/1}.embarkai-ui-scope .size-4{width:1rem;height:1rem}.embarkai-ui-scope .size-8{width:2rem;height:2rem}.embarkai-ui-scope .size-auto{width:auto;height:auto}.embarkai-ui-scope .h-0{height:0}.embarkai-ui-scope .h-1{height:.25rem}.embarkai-ui-scope .h-10{height:2.5rem}.embarkai-ui-scope .h-12{height:3rem}.embarkai-ui-scope .h-16{height:4rem}.embarkai-ui-scope .h-3{height:.75rem}.embarkai-ui-scope .h-3\\.5{height:.875rem}.embarkai-ui-scope .h-4{height:1rem}.embarkai-ui-scope .h-48{height:12rem}.embarkai-ui-scope .h-5{height:1.25rem}.embarkai-ui-scope .h-6{height:1.5rem}.embarkai-ui-scope .h-7{height:1.75rem}.embarkai-ui-scope .h-8{height:2rem}.embarkai-ui-scope .h-\\[100dvh\\]{height:100dvh}.embarkai-ui-scope .h-\\[48px\\]{height:48px}.embarkai-ui-scope .h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.embarkai-ui-scope .h-auto{height:auto}.embarkai-ui-scope .h-fit{height:-moz-fit-content;height:fit-content}.embarkai-ui-scope .h-full{height:100%}.embarkai-ui-scope .h-px{height:1px}.embarkai-ui-scope .max-h-96{max-height:24rem}.embarkai-ui-scope .max-h-\\[95dvh\\]{max-height:95dvh}.embarkai-ui-scope .min-h-10{min-height:2.5rem}.embarkai-ui-scope .min-h-12{min-height:3rem}.embarkai-ui-scope .w-0{width:0}.embarkai-ui-scope .w-1{width:.25rem}.embarkai-ui-scope .w-1\\/2{width:50%}.embarkai-ui-scope .w-10{width:2.5rem}.embarkai-ui-scope .w-12{width:3rem}.embarkai-ui-scope .w-16{width:4rem}.embarkai-ui-scope .w-3{width:.75rem}.embarkai-ui-scope .w-3\\.5{width:.875rem}.embarkai-ui-scope .w-4{width:1rem}.embarkai-ui-scope .w-48{width:12rem}.embarkai-ui-scope .w-5{width:1.25rem}.embarkai-ui-scope .w-6{width:1.5rem}.embarkai-ui-scope .w-7{width:1.75rem}.embarkai-ui-scope .w-8{width:2rem}.embarkai-ui-scope .w-\\[100dvw\\]{width:100dvw}.embarkai-ui-scope .w-\\[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-\\[calc\\(50\\%-8px\\)\\]{max-width:calc(50% - 8px)}.embarkai-ui-scope .max-w-full{max-width:100%}.embarkai-ui-scope .max-w-sm{max-width:24rem}.embarkai-ui-scope .flex-1{flex:1 1 0%}.embarkai-ui-scope .flex-none{flex:none}.embarkai-ui-scope .flex-shrink-0,.embarkai-ui-scope .shrink-0{flex-shrink:0}.embarkai-ui-scope .-translate-x-1\\/2{--tw-translate-x:-50%}.embarkai-ui-scope .-translate-x-1\\/2,.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-x-\\[var\\(--ui-kit-gap\\)\\]{--tw-translate-x:calc(var(--ui-kit-gap)*-1)}.embarkai-ui-scope .-translate-y-1\\/2{--tw-translate-y:-50%}.embarkai-ui-scope .-translate-y-1\\/2,.embarkai-ui-scope .-translate-y-1\\/3{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.embarkai-ui-scope .-translate-y-1\\/3{--tw-translate-y:-33.333333%}.embarkai-ui-scope .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes glow-warning{0%,to{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-pointer{cursor:pointer}.embarkai-ui-scope .cursor-text{cursor:text}.embarkai-ui-scope .select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.embarkai-ui-scope .select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.embarkai-ui-scope .resize{resize:both}.embarkai-ui-scope .scroll-my-1{scroll-margin-top:.25rem;scroll-margin-bottom:.25rem}.embarkai-ui-scope .list-inside{list-style-position:inside}.embarkai-ui-scope .list-disc{list-style-type:disc}.embarkai-ui-scope .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.embarkai-ui-scope .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.embarkai-ui-scope .flex-col{flex-direction:column}.embarkai-ui-scope .flex-col-reverse{flex-direction:column-reverse}.embarkai-ui-scope .flex-wrap{flex-wrap:wrap}.embarkai-ui-scope .place-content-center{place-content:center}.embarkai-ui-scope .items-start{align-items:flex-start}.embarkai-ui-scope .items-end{align-items:flex-end}.embarkai-ui-scope .items-center{align-items:center}.embarkai-ui-scope .justify-start{justify-content:flex-start}.embarkai-ui-scope .justify-end{justify-content:flex-end}.embarkai-ui-scope .justify-center{justify-content:center}.embarkai-ui-scope .justify-between{justify-content:space-between}.embarkai-ui-scope .gap-0{gap:0}.embarkai-ui-scope .gap-1{gap:.25rem}.embarkai-ui-scope .gap-2{gap:.5rem}.embarkai-ui-scope .gap-3{gap:.75rem}.embarkai-ui-scope .gap-4{gap:1rem}.embarkai-ui-scope .gap-\\[10px\\]{gap:10px}.embarkai-ui-scope .gap-\\[var\\(--ui-kit-gap\\)\\]{gap:var(--ui-kit-gap)}.embarkai-ui-scope :is(.space-x-1>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.embarkai-ui-scope :is(.space-y-0\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-1\\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.embarkai-ui-scope :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.embarkai-ui-scope .overflow-hidden{overflow:hidden}.embarkai-ui-scope .overflow-y-auto{overflow-y:auto}.embarkai-ui-scope .overflow-x-hidden{overflow-x:hidden}.embarkai-ui-scope .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embarkai-ui-scope .text-ellipsis{text-overflow:ellipsis}.embarkai-ui-scope .whitespace-nowrap{white-space:nowrap}.embarkai-ui-scope .whitespace-pre-line{white-space:pre-line}.embarkai-ui-scope .whitespace-pre-wrap{white-space:pre-wrap}.embarkai-ui-scope .break-normal{overflow-wrap:normal;word-break:normal}.embarkai-ui-scope .break-words{overflow-wrap:break-word}.embarkai-ui-scope .break-all{word-break:break-all}.embarkai-ui-scope .rounded{border-radius:.25rem}.embarkai-ui-scope .rounded-\\[10px\\]{border-radius:10px}.embarkai-ui-scope .rounded-\\[8px\\]{border-radius:8px}.embarkai-ui-scope .rounded-\\[calc\\(var\\(--ui-kit-el-bdrs\\)_\\/_2\\)\\]{border-radius:calc(var(--ui-kit-el-bdrs)/2)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-bdrs\\)\\]{border-radius:var(--ui-kit-bdrs)}.embarkai-ui-scope .rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .rounded-full{border-radius:9999px}.embarkai-ui-scope .rounded-lg{border-radius:.5rem}.embarkai-ui-scope .rounded-md{border-radius:.375rem}.embarkai-ui-scope .rounded-xl{border-radius:.75rem}.embarkai-ui-scope .border{border-width:1px}.embarkai-ui-scope .border-0{border-width:0}.embarkai-ui-scope .border-2{border-width:2px}.embarkai-ui-scope .border-b{border-bottom-width:1px}.embarkai-ui-scope .border-t{border-top-width:1px}.embarkai-ui-scope .border-dashed{border-style:dashed}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bd\\)\\]{border-color:var(--ui-kit-bd)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-error\\)\\]{border-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-success\\)\\]{border-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-bg-warning\\)\\]{border-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-error\\)\\]{border-color:var(--ui-kit-error)}.embarkai-ui-scope .border-\\[var\\(--ui-kit-secondary\\)\\]{border-color:var(--ui-kit-secondary)}.embarkai-ui-scope .border-current{border-color:currentColor}.embarkai-ui-scope .border-transparent{border-color:transparent}.embarkai-ui-scope .border-t-transparent{border-top-color:transparent}.embarkai-ui-scope .bg-\\[\\#002c15\\]{--tw-bg-opacity:1;background-color:rgb(0 44 21/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#081f2c\\]{--tw-bg-opacity:1;background-color:rgb(8 31 44/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f0f6f8\\]{--tw-bg-opacity:1;background-color:rgb(240 246 248/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[\\#f3ba2f\\]{--tw-bg-opacity:1;background-color:rgb(243 186 47/var(--tw-bg-opacity,1))}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg\\)\\]{background-color:var(--ui-kit-bg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-error\\)\\]{background-color:var(--ui-kit-bg-error)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-info\\)\\]{background-color:var(--ui-kit-bg-info)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-secondary\\)\\]{background-color:var(--ui-kit-bg-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-success\\)\\]{background-color:var(--ui-kit-bg-success)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-bg-warning\\)\\]{background-color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-fg\\)\\]{background-color:var(--ui-kit-fg)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-overlay\\)\\]{background-color:var(--ui-kit-overlay)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-primary\\)\\]{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary\\)\\]{background-color:var(--ui-kit-secondary)}.embarkai-ui-scope .bg-\\[var\\(--ui-kit-secondary-h\\)\\]{background-color:var(--ui-kit-secondary-h)}.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-\\[12px\\]{padding:12px}.embarkai-ui-scope .p-\\[2px\\]{padding:2px}.embarkai-ui-scope .p-\\[var\\(--ui-kit-gap\\)\\]{padding:var(--ui-kit-gap)}.embarkai-ui-scope .p-\\[var\\(--ui-kit-pd\\)\\]{padding:var(--ui-kit-pd)}.embarkai-ui-scope .px-0{padding-left:0;padding-right:0}.embarkai-ui-scope .px-1{padding-left:.25rem;padding-right:.25rem}.embarkai-ui-scope .px-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-7{line-height:1.75rem}.embarkai-ui-scope .leading-8{line-height:2rem}.embarkai-ui-scope .leading-\\[8px\\]{line-height:8px}.embarkai-ui-scope .leading-none{line-height:1}.embarkai-ui-scope .leading-tight{line-height:1.25}.embarkai-ui-scope .tracking-\\[0\\.3em\\]{letter-spacing:.3em}.embarkai-ui-scope .tracking-tight{letter-spacing:-.025em}.embarkai-ui-scope .text-\\[\\#c3f53c\\]{--tw-text-opacity:1;color:rgb(195 245 60/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-error\\)\\]{color:var(--ui-kit-bg-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-success\\)\\]{color:var(--ui-kit-bg-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-bg-warning\\)\\]{color:var(--ui-kit-bg-warning)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-error\\)\\]{color:var(--ui-kit-error)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg\\)\\]{color:var(--ui-kit-fg)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-inverted\\)\\]{color:var(--ui-kit-fg-inverted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-fg-muted\\)\\]{color:var(--ui-kit-fg-muted)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-info\\)\\]{color:var(--ui-kit-info)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-primary\\)\\]{color:var(--ui-kit-primary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-success\\)\\]{color:var(--ui-kit-success)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-text-secondary\\)\\]{color:var(--ui-kit-text-secondary)}.embarkai-ui-scope .text-\\[var\\(--ui-kit-warning\\)\\]{color:var(--ui-kit-warning)}.embarkai-ui-scope .text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.embarkai-ui-scope .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.embarkai-ui-scope .underline{text-decoration-line:underline}.embarkai-ui-scope .underline-offset-2{text-underline-offset:2px}.embarkai-ui-scope .underline-offset-4{text-underline-offset:4px}.embarkai-ui-scope .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.embarkai-ui-scope .opacity-0{opacity:0}.embarkai-ui-scope .opacity-100{opacity:1}.embarkai-ui-scope .opacity-50{opacity:.5}.embarkai-ui-scope .opacity-60{opacity:.6}.embarkai-ui-scope .shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.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 .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{pointer-events:none;position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0,var(--ui-kit-fg) 8%,transparent 24%);animation:rotateShine 3s linear infinite}.embarkai-ui-scope .file\\:mr-\\[var\\(--ui-kit-gap\\)\\]::file-selector-button{margin-right:var(--ui-kit-gap)}.embarkai-ui-scope .file\\:h-12::file-selector-button{height:3rem}.embarkai-ui-scope .file\\:cursor-pointer::file-selector-button{cursor:pointer}.embarkai-ui-scope .file\\:rounded-\\[var\\(--ui-kit-el-bdrs\\)\\]::file-selector-button{border-radius:var(--ui-kit-el-bdrs)}.embarkai-ui-scope .file\\:border-0::file-selector-button{border-width:0}.embarkai-ui-scope .file\\:bg-\\[var\\(--ui-kit-primary\\)\\]::file-selector-button{background-color:var(--ui-kit-primary)}.embarkai-ui-scope .file\\: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-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-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 :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}`;
|
|
30526
30533
|
|
|
30527
30534
|
// src/index.ts
|
|
30528
30535
|
var import_core10 = require("@embarkai/core");
|
|
@@ -30532,7 +30539,7 @@ init_ProviderContext();
|
|
|
30532
30539
|
init_lumia2();
|
|
30533
30540
|
init_embarkAI2();
|
|
30534
30541
|
var import_lucide_react79 = require("lucide-react");
|
|
30535
|
-
var
|
|
30542
|
+
var import_react101 = require("react");
|
|
30536
30543
|
init_SessionContext();
|
|
30537
30544
|
init_auth();
|
|
30538
30545
|
init_BalanceView2();
|
|
@@ -30565,10 +30572,10 @@ function ConnectWalletButton(props) {
|
|
|
30565
30572
|
const colorMode = useLayoutStore((st) => st.colorMode);
|
|
30566
30573
|
const { session, address, hasServerVault, isLoading, isIframeReady, status, setUsePaymaster } = useSession();
|
|
30567
30574
|
const connectButtonLabel = getFormattedStatus(label || "Connect", status, isIframeReady);
|
|
30568
|
-
(0,
|
|
30575
|
+
(0, import_react101.useEffect)(() => setUsePaymaster(usePaymaster), [setUsePaymaster, usePaymaster]);
|
|
30569
30576
|
const { data: profile, isLoading: isProfileLoading } = useUserProfile();
|
|
30570
30577
|
const displayName = profile?.nicknameDisplay || profile?.displayName || import_auth23.jwtTokenManager.getDisplayName();
|
|
30571
|
-
const indicators = (0,
|
|
30578
|
+
const indicators = (0, import_react101.useMemo)(() => {
|
|
30572
30579
|
const userId = session?.mpcUserId;
|
|
30573
30580
|
if (!userId) return { server: false, local: false, backup: false };
|
|
30574
30581
|
const server = import_auth23.jwtTokenManager.getHasKeyshare() ?? false;
|
|
@@ -31207,14 +31214,14 @@ var Hash = ({
|
|
|
31207
31214
|
};
|
|
31208
31215
|
|
|
31209
31216
|
// src/internal/components/TransactionsMenu/TransactionsList.tsx
|
|
31210
|
-
var
|
|
31217
|
+
var import_react102 = require("react");
|
|
31211
31218
|
init_base2();
|
|
31212
31219
|
var import_jsx_runtime133 = require("react/jsx-runtime");
|
|
31213
31220
|
var TransactionsList = ({ address, itemsCount = 10 }) => {
|
|
31214
|
-
const [transactions, setTransactions] = (0,
|
|
31215
|
-
const [loading, setLoading] = (0,
|
|
31216
|
-
const [error, setError] = (0,
|
|
31217
|
-
(0,
|
|
31221
|
+
const [transactions, setTransactions] = (0, import_react102.useState)([]);
|
|
31222
|
+
const [loading, setLoading] = (0, import_react102.useState)(true);
|
|
31223
|
+
const [error, setError] = (0, import_react102.useState)(null);
|
|
31224
|
+
(0, import_react102.useEffect)(() => {
|
|
31218
31225
|
const fetchTransactions2 = async () => {
|
|
31219
31226
|
try {
|
|
31220
31227
|
setLoading(true);
|
|
@@ -31505,13 +31512,13 @@ function useUserOpStatus(options = {}) {
|
|
|
31505
31512
|
init_useErc3643Compliance();
|
|
31506
31513
|
|
|
31507
31514
|
// src/hooks/useWalletMode.ts
|
|
31508
|
-
var
|
|
31515
|
+
var import_react103 = require("react");
|
|
31509
31516
|
init_useExternalWalletStore();
|
|
31510
31517
|
function useWalletMode() {
|
|
31511
31518
|
const configMode = useExternalWalletStore((st) => st.configMode);
|
|
31512
31519
|
const activeMode = useExternalWalletStore((st) => st.activeMode);
|
|
31513
31520
|
const setActiveMode = useExternalWalletStore((st) => st.setActiveMode);
|
|
31514
|
-
const switchMode = (0,
|
|
31521
|
+
const switchMode = (0, import_react103.useCallback)(
|
|
31515
31522
|
(mode) => {
|
|
31516
31523
|
if (configMode !== "both") return;
|
|
31517
31524
|
setActiveMode(mode);
|
|
@@ -31527,7 +31534,7 @@ function useWalletMode() {
|
|
|
31527
31534
|
}
|
|
31528
31535
|
|
|
31529
31536
|
// src/hooks/useDirectWallet.ts
|
|
31530
|
-
var
|
|
31537
|
+
var import_react104 = require("react");
|
|
31531
31538
|
var import_rainbowkit6 = require("@rainbow-me/rainbowkit");
|
|
31532
31539
|
var import_wagmi13 = require("wagmi");
|
|
31533
31540
|
init_useExternalWalletStore();
|
|
@@ -31541,13 +31548,13 @@ function useDirectWallet() {
|
|
|
31541
31548
|
const { disconnect: wagmiDisconnect } = (0, import_wagmi13.useDisconnect)();
|
|
31542
31549
|
const { openConnectModal } = (0, import_rainbowkit6.useConnectModal)();
|
|
31543
31550
|
const setIsWalletLinking = useLayoutDataStore((st) => st.setIsWalletLinking);
|
|
31544
|
-
const connect = (0,
|
|
31551
|
+
const connect = (0, import_react104.useCallback)(() => {
|
|
31545
31552
|
setIsWalletLinking(true);
|
|
31546
31553
|
}, [setIsWalletLinking]);
|
|
31547
|
-
const reconnect = (0,
|
|
31554
|
+
const reconnect = (0, import_react104.useCallback)(() => {
|
|
31548
31555
|
if (openConnectModal) openConnectModal();
|
|
31549
31556
|
}, [openConnectModal]);
|
|
31550
|
-
const disconnect = (0,
|
|
31557
|
+
const disconnect = (0, import_react104.useCallback)(() => {
|
|
31551
31558
|
wagmiDisconnect();
|
|
31552
31559
|
clearExternalWallet();
|
|
31553
31560
|
}, [wagmiDisconnect, clearExternalWallet]);
|
|
@@ -31563,7 +31570,7 @@ function useDirectWallet() {
|
|
|
31563
31570
|
}
|
|
31564
31571
|
|
|
31565
31572
|
// src/hooks/useSendDirectTransaction.ts
|
|
31566
|
-
var
|
|
31573
|
+
var import_react105 = require("react");
|
|
31567
31574
|
var import_viem22 = require("viem");
|
|
31568
31575
|
var import_wagmi14 = require("wagmi");
|
|
31569
31576
|
init_useExternalWalletStore();
|
|
@@ -31572,10 +31579,10 @@ function useSendDirectTransaction() {
|
|
|
31572
31579
|
const externalChainId = useExternalWalletStore((st) => st.externalChainId);
|
|
31573
31580
|
const { sendTransactionAsync } = (0, import_wagmi14.useSendTransaction)();
|
|
31574
31581
|
const { switchChainAsync } = (0, import_wagmi14.useSwitchChain)();
|
|
31575
|
-
const [isPending, setIsPending] = (0,
|
|
31576
|
-
const [error, setError] = (0,
|
|
31577
|
-
const [txHash, setTxHash] = (0,
|
|
31578
|
-
const sendTransaction = (0,
|
|
31582
|
+
const [isPending, setIsPending] = (0, import_react105.useState)(false);
|
|
31583
|
+
const [error, setError] = (0, import_react105.useState)(null);
|
|
31584
|
+
const [txHash, setTxHash] = (0, import_react105.useState)(null);
|
|
31585
|
+
const sendTransaction = (0, import_react105.useCallback)(
|
|
31579
31586
|
async (params) => {
|
|
31580
31587
|
if (!isConnected) {
|
|
31581
31588
|
setError("No external wallet connected");
|
|
@@ -31609,7 +31616,7 @@ function useSendDirectTransaction() {
|
|
|
31609
31616
|
},
|
|
31610
31617
|
[isConnected, externalChainId, sendTransactionAsync, switchChainAsync]
|
|
31611
31618
|
);
|
|
31612
|
-
const reset = (0,
|
|
31619
|
+
const reset = (0, import_react105.useCallback)(() => {
|
|
31613
31620
|
setError(null);
|
|
31614
31621
|
setTxHash(null);
|
|
31615
31622
|
setIsPending(false);
|
|
@@ -31618,7 +31625,7 @@ function useSendDirectTransaction() {
|
|
|
31618
31625
|
}
|
|
31619
31626
|
|
|
31620
31627
|
// src/hooks/useTransferToLinkedWallet.ts
|
|
31621
|
-
var
|
|
31628
|
+
var import_react106 = require("react");
|
|
31622
31629
|
var import_viem23 = require("viem");
|
|
31623
31630
|
init_SessionContext();
|
|
31624
31631
|
init_account2();
|
|
@@ -31637,14 +31644,14 @@ var ERC20_TRANSFER_ABI2 = [
|
|
|
31637
31644
|
function useTransferToLinkedWallet() {
|
|
31638
31645
|
const session = useSession((st) => st.session);
|
|
31639
31646
|
const { profiles } = useLinkedProfiles();
|
|
31640
|
-
const [isPending, setIsPending] = (0,
|
|
31641
|
-
const [error, setError] = (0,
|
|
31642
|
-
const [userOpHash, setUserOpHash] = (0,
|
|
31643
|
-
const linkedWallets = (0,
|
|
31647
|
+
const [isPending, setIsPending] = (0, import_react106.useState)(false);
|
|
31648
|
+
const [error, setError] = (0, import_react106.useState)(null);
|
|
31649
|
+
const [userOpHash, setUserOpHash] = (0, import_react106.useState)(null);
|
|
31650
|
+
const linkedWallets = (0, import_react106.useMemo)(
|
|
31644
31651
|
() => (profiles || []).filter((p) => p.provider === "wallet" && p.externalId).map((p) => p.externalId),
|
|
31645
31652
|
[profiles]
|
|
31646
31653
|
);
|
|
31647
|
-
const transfer = (0,
|
|
31654
|
+
const transfer = (0, import_react106.useCallback)(
|
|
31648
31655
|
async (params) => {
|
|
31649
31656
|
if (!session) {
|
|
31650
31657
|
setError("No active session");
|
|
@@ -31695,7 +31702,7 @@ function useTransferToLinkedWallet() {
|
|
|
31695
31702
|
},
|
|
31696
31703
|
[session, linkedWallets]
|
|
31697
31704
|
);
|
|
31698
|
-
const reset = (0,
|
|
31705
|
+
const reset = (0, import_react106.useCallback)(() => {
|
|
31699
31706
|
setError(null);
|
|
31700
31707
|
setUserOpHash(null);
|
|
31701
31708
|
setIsPending(false);
|
|
@@ -31719,7 +31726,7 @@ function useNativeWalletSignature() {
|
|
|
31719
31726
|
|
|
31720
31727
|
// src/hooks/useLogout.ts
|
|
31721
31728
|
var import_auth25 = require("@embarkai/core/auth");
|
|
31722
|
-
var
|
|
31729
|
+
var import_react107 = require("react");
|
|
31723
31730
|
var import_wagmi16 = require("wagmi");
|
|
31724
31731
|
init_ProviderContext();
|
|
31725
31732
|
init_SessionContext();
|
|
@@ -31739,7 +31746,7 @@ function useLogout() {
|
|
|
31739
31746
|
}
|
|
31740
31747
|
}
|
|
31741
31748
|
});
|
|
31742
|
-
const logout2 = (0,
|
|
31749
|
+
const logout2 = (0, import_react107.useCallback)(async () => {
|
|
31743
31750
|
const { setSession, setIsLoading, setAddress, setStatus, setError } = useSession.getState();
|
|
31744
31751
|
const prevAddress = address;
|
|
31745
31752
|
let userId = null;
|
|
@@ -31858,7 +31865,7 @@ function useTransactions() {
|
|
|
31858
31865
|
|
|
31859
31866
|
// src/modules/assets.ts
|
|
31860
31867
|
init_SessionContext();
|
|
31861
|
-
var
|
|
31868
|
+
var import_react108 = __toESM(require("react"), 1);
|
|
31862
31869
|
var import_viem25 = require("viem");
|
|
31863
31870
|
var import_wagmi18 = require("wagmi");
|
|
31864
31871
|
var COMMON_TOKENS = [
|
|
@@ -32013,7 +32020,7 @@ function useTokenBalance2(tokenAddress, userAddress) {
|
|
|
32013
32020
|
}
|
|
32014
32021
|
});
|
|
32015
32022
|
const { tokenInfo } = useTokenInfo(tokenAddress);
|
|
32016
|
-
const formattedBalance =
|
|
32023
|
+
const formattedBalance = import_react108.default.useMemo(() => {
|
|
32017
32024
|
if (!balance || !tokenInfo) return "0";
|
|
32018
32025
|
return (0, import_viem25.formatUnits)(balance, tokenInfo.decimals);
|
|
32019
32026
|
}, [balance, tokenInfo]);
|