@embarkai/ui-kit 0.4.121 → 0.4.123
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 +309 -269
- package/dist/index.d.cts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +116 -77
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -11780,9 +11780,9 @@ var init_useOnboardingStore = __esm({
|
|
|
11780
11780
|
useOnboardingStore = (0, import_zustand6.create)((set) => ({
|
|
11781
11781
|
isTourAvailable: false,
|
|
11782
11782
|
setIsTourAvailable: (isTourAvailable) => set({ isTourAvailable }),
|
|
11783
|
-
elRect: { x:
|
|
11783
|
+
elRect: { x: 0, y: 0, width: 0, height: 0 },
|
|
11784
11784
|
setElRect: (elRect) => set({ elRect }),
|
|
11785
|
-
mountIntoNode:
|
|
11785
|
+
mountIntoNode: null,
|
|
11786
11786
|
setMountIntoNode: (mountIntoNode) => set({ mountIntoNode })
|
|
11787
11787
|
}));
|
|
11788
11788
|
}
|
|
@@ -11802,7 +11802,8 @@ var init_onboarder = __esm({
|
|
|
11802
11802
|
elements = /* @__PURE__ */ new Map();
|
|
11803
11803
|
/** deferred DOM observer */
|
|
11804
11804
|
domObserverTimer = null;
|
|
11805
|
-
domObserver =
|
|
11805
|
+
domObserver = null;
|
|
11806
|
+
onDomMutation = ([domMutation]) => {
|
|
11806
11807
|
if (this.domObserverTimer) clearTimeout(this.domObserverTimer);
|
|
11807
11808
|
this.domObserverTimer = setTimeout(() => {
|
|
11808
11809
|
const elId = this.tour[this.tourPointer]?.elId;
|
|
@@ -11812,10 +11813,11 @@ var init_onboarder = __esm({
|
|
|
11812
11813
|
elementRef.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
|
|
11813
11814
|
useOnboardingStore.getState().setElRect({ x, y, width, height });
|
|
11814
11815
|
}, 200);
|
|
11815
|
-
}
|
|
11816
|
+
};
|
|
11816
11817
|
/** deferred resize observer */
|
|
11817
11818
|
resizeObserverTimer = null;
|
|
11818
|
-
resizeObserver =
|
|
11819
|
+
resizeObserver = null;
|
|
11820
|
+
onResize = (entries) => {
|
|
11819
11821
|
if (this.resizeObserverTimer) clearTimeout(this.resizeObserverTimer);
|
|
11820
11822
|
this.resizeObserverTimer = setTimeout(() => {
|
|
11821
11823
|
for (const entry of entries) {
|
|
@@ -11832,16 +11834,19 @@ var init_onboarder = __esm({
|
|
|
11832
11834
|
useOnboardingStore.getState().setElRect(elRectData);
|
|
11833
11835
|
}
|
|
11834
11836
|
}, 200);
|
|
11835
|
-
}
|
|
11837
|
+
};
|
|
11836
11838
|
/** TOUR */
|
|
11837
11839
|
startTour(tour) {
|
|
11838
11840
|
if (!tour || tour.length === 0) return;
|
|
11839
11841
|
this.tourPointer = 0;
|
|
11840
11842
|
this.tour = tour;
|
|
11843
|
+
useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
|
|
11841
11844
|
useLayoutDataStore.getInitialState().setIsOnboarding(true);
|
|
11842
11845
|
useLayoutStore.getInitialState().setIsDialogForced(true);
|
|
11843
11846
|
const startElRef = this.elements.get(tour[0].elId)?.deref();
|
|
11844
11847
|
if (!!startElRef) {
|
|
11848
|
+
this.domObserver ??= new MutationObserver(this.onDomMutation);
|
|
11849
|
+
this.resizeObserver ??= new ResizeObserver(this.onResize);
|
|
11845
11850
|
this.domObserver.observe(startElRef, { childList: true, subtree: true });
|
|
11846
11851
|
this.resizeObserver.observe(startElRef);
|
|
11847
11852
|
this.resizeObserver.observe(document.body);
|
|
@@ -11850,8 +11855,8 @@ var init_onboarder = __esm({
|
|
|
11850
11855
|
endTour() {
|
|
11851
11856
|
this.tour = null;
|
|
11852
11857
|
this.tourPointer = 0;
|
|
11853
|
-
this.domObserver
|
|
11854
|
-
this.resizeObserver
|
|
11858
|
+
this.domObserver?.disconnect();
|
|
11859
|
+
this.resizeObserver?.disconnect();
|
|
11855
11860
|
useOnboardingStore.getState().setElRect({ x: window.innerWidth / 2, y: window.innerHeight / 2, width: 0, height: 0 });
|
|
11856
11861
|
setTimeout(() => {
|
|
11857
11862
|
useLayoutDataStore.getInitialState().setIsOnboarding(false);
|
|
@@ -11863,14 +11868,16 @@ var init_onboarder = __esm({
|
|
|
11863
11868
|
const curStep = this.tour[this.tourPointer];
|
|
11864
11869
|
curStep?.onNext?.();
|
|
11865
11870
|
if (this.tourPointer === this.tour.length - 1) return this.endTour();
|
|
11866
|
-
this.resizeObserver
|
|
11867
|
-
this.domObserver
|
|
11871
|
+
this.resizeObserver?.disconnect();
|
|
11872
|
+
this.domObserver?.disconnect();
|
|
11868
11873
|
setTimeout(() => {
|
|
11869
11874
|
const nextStepPointer = this.tourPointer + 1;
|
|
11870
11875
|
this.tourPointer = nextStepPointer;
|
|
11871
11876
|
const nextStep = this.tour[nextStepPointer];
|
|
11872
11877
|
const nextElRef = this.elements.get(nextStep.elId)?.deref();
|
|
11873
11878
|
if (!!nextElRef) {
|
|
11879
|
+
this.domObserver ??= new MutationObserver(this.onDomMutation);
|
|
11880
|
+
this.resizeObserver ??= new ResizeObserver(this.onResize);
|
|
11874
11881
|
this.domObserver.observe(nextElRef, { childList: true, subtree: true });
|
|
11875
11882
|
this.resizeObserver.observe(nextElRef);
|
|
11876
11883
|
this.resizeObserver.observe(document.body);
|
|
@@ -22899,30 +22906,96 @@ var init_onboarding_setup5 = __esm({
|
|
|
22899
22906
|
}
|
|
22900
22907
|
});
|
|
22901
22908
|
|
|
22909
|
+
// src/internal/components/MainMenu/constants.ts
|
|
22910
|
+
var import_lucide_react54, MAIN_MENU_BUTTONS;
|
|
22911
|
+
var init_constants7 = __esm({
|
|
22912
|
+
"src/internal/components/MainMenu/constants.ts"() {
|
|
22913
|
+
import_lucide_react54 = require("lucide-react");
|
|
22914
|
+
MAIN_MENU_BUTTONS = [
|
|
22915
|
+
{
|
|
22916
|
+
id: "send",
|
|
22917
|
+
page: "send" /* SEND */,
|
|
22918
|
+
onboardingId: "mainmenu-send-button" /* sendButton */,
|
|
22919
|
+
label: "passport:main.send",
|
|
22920
|
+
icon: import_lucide_react54.ChevronRight,
|
|
22921
|
+
pageParams: { sendFlow: "send" }
|
|
22922
|
+
},
|
|
22923
|
+
{
|
|
22924
|
+
id: "bridge",
|
|
22925
|
+
page: "send" /* SEND */,
|
|
22926
|
+
onboardingId: "mainmenu-bridge-button" /* bridgeButton */,
|
|
22927
|
+
label: "passport:main.bridge",
|
|
22928
|
+
icon: import_lucide_react54.ArrowRightLeftIcon,
|
|
22929
|
+
pageParams: { sendFlow: "bridge" }
|
|
22930
|
+
},
|
|
22931
|
+
{
|
|
22932
|
+
id: "receive",
|
|
22933
|
+
page: "receive" /* RECEIVE */,
|
|
22934
|
+
onboardingId: "mainmenu-receive-button" /* receiveButton */,
|
|
22935
|
+
label: "passport:main.receive",
|
|
22936
|
+
icon: import_lucide_react54.ChevronLeft,
|
|
22937
|
+
pageParams: {}
|
|
22938
|
+
},
|
|
22939
|
+
{
|
|
22940
|
+
id: "buy",
|
|
22941
|
+
page: "buy" /* BUY */,
|
|
22942
|
+
onboardingId: "mainmenu-buy-button" /* buyButton */,
|
|
22943
|
+
label: "passport:main.buy",
|
|
22944
|
+
icon: import_lucide_react54.DollarSign,
|
|
22945
|
+
pageParams: {}
|
|
22946
|
+
}
|
|
22947
|
+
];
|
|
22948
|
+
}
|
|
22949
|
+
});
|
|
22950
|
+
|
|
22902
22951
|
// src/internal/components/MainMenu/MainMenu.tsx
|
|
22903
22952
|
function MainMenu() {
|
|
22953
|
+
const { config } = useProviderConfig();
|
|
22904
22954
|
const { t } = useT();
|
|
22905
22955
|
const { open: openEmbarkAI } = useOpenPage();
|
|
22906
22956
|
const address = useSession((st) => st.address);
|
|
22907
22957
|
useOnboardingTourAvailable(true);
|
|
22908
22958
|
useProvidersList();
|
|
22959
|
+
const menuButtons = MAIN_MENU_BUTTONS.filter(({ id }) => {
|
|
22960
|
+
switch (id) {
|
|
22961
|
+
case "bridge":
|
|
22962
|
+
return !!config.current?.features?.showAssetBridge;
|
|
22963
|
+
default:
|
|
22964
|
+
return true;
|
|
22965
|
+
}
|
|
22966
|
+
});
|
|
22909
22967
|
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
22910
|
-
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
22911
|
-
|
|
22968
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
22969
|
+
"div",
|
|
22912
22970
|
{
|
|
22913
|
-
|
|
22914
|
-
|
|
22915
|
-
|
|
22916
|
-
|
|
22917
|
-
|
|
22918
|
-
|
|
22919
|
-
|
|
22920
|
-
|
|
22921
|
-
|
|
22922
|
-
|
|
22923
|
-
|
|
22924
|
-
|
|
22925
|
-
|
|
22971
|
+
className: cn(
|
|
22972
|
+
//
|
|
22973
|
+
"grid w-full",
|
|
22974
|
+
"gap-0 md:gap-[var(--ui-kit-gap)]",
|
|
22975
|
+
"py-[10px] md:py-1",
|
|
22976
|
+
{
|
|
22977
|
+
"grid-cols-4": menuButtons.length === 4,
|
|
22978
|
+
"grid-cols-3": menuButtons.length < 4
|
|
22979
|
+
}
|
|
22980
|
+
),
|
|
22981
|
+
children: menuButtons.map(({ page, onboardingId, label, icon: Icon2, pageParams }, btnIdx) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
22982
|
+
Button,
|
|
22983
|
+
{
|
|
22984
|
+
ref: (inst) => onboarder.registerElement(onboardingId, inst),
|
|
22985
|
+
size: "large",
|
|
22986
|
+
variant: "ghost",
|
|
22987
|
+
disabled: !address,
|
|
22988
|
+
className: cn("flex-col w-full h-fit p-0"),
|
|
22989
|
+
onClick: () => openEmbarkAI(page, pageParams),
|
|
22990
|
+
children: [
|
|
22991
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Icon2, { className: "w-5 h-5 md:w-8 md:h-8" }),
|
|
22992
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-xs font-semibold", children: t(label) })
|
|
22993
|
+
]
|
|
22994
|
+
},
|
|
22995
|
+
`${page}-${btnIdx}`
|
|
22996
|
+
))
|
|
22997
|
+
}
|
|
22998
|
+
),
|
|
22926
22999
|
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "w-full border-b border-[var(--ui-kit-bd)]" }),
|
|
22927
23000
|
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "w-full flex justify-between items-center", children: [
|
|
22928
23001
|
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "pl-[var(--ui-kit-pd)] text-xl font-semibold", children: t("passport:main.assets") }),
|
|
@@ -22935,7 +23008,7 @@ function MainMenu() {
|
|
|
22935
23008
|
onClick: () => useLayoutDataStore.getState().setPage("activity-log" /* ACTIVITY_LOG */),
|
|
22936
23009
|
children: [
|
|
22937
23010
|
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-xs", children: t("passport:main.activity") }),
|
|
22938
|
-
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
23011
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react55.ListIcon, { className: "w-4 h-4" })
|
|
22939
23012
|
]
|
|
22940
23013
|
}
|
|
22941
23014
|
)
|
|
@@ -22943,56 +23016,23 @@ function MainMenu() {
|
|
|
22943
23016
|
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { ref: (inst) => onboarder.registerElement("mainmenu-portfolio-section" /* portfolioSection */, inst), className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(PortfolioList, {}) })
|
|
22944
23017
|
] });
|
|
22945
23018
|
}
|
|
22946
|
-
var
|
|
23019
|
+
var import_lucide_react55, import_jsx_runtime97;
|
|
22947
23020
|
var init_MainMenu = __esm({
|
|
22948
23021
|
"src/internal/components/MainMenu/MainMenu.tsx"() {
|
|
23022
|
+
init_ProviderContext();
|
|
22949
23023
|
init_SessionContext();
|
|
22950
23024
|
init_useOpenPage();
|
|
22951
23025
|
init_useT();
|
|
22952
|
-
|
|
23026
|
+
import_lucide_react55 = require("lucide-react");
|
|
22953
23027
|
init_useLayoutDataStore();
|
|
23028
|
+
init_cn();
|
|
22954
23029
|
init_Expandable2();
|
|
22955
23030
|
init_ManageWalletMenu();
|
|
22956
23031
|
init_Onboarding();
|
|
22957
23032
|
init_PortfolioMenu2();
|
|
22958
23033
|
init_button();
|
|
23034
|
+
init_constants7();
|
|
22959
23035
|
import_jsx_runtime97 = require("react/jsx-runtime");
|
|
22960
|
-
MAIN_MENU_BUTTONS = [
|
|
22961
|
-
{
|
|
22962
|
-
page: "send" /* SEND */,
|
|
22963
|
-
onboardingId: "mainmenu-send-button" /* sendButton */,
|
|
22964
|
-
label: "passport:main.send",
|
|
22965
|
-
icon: import_lucide_react54.ChevronRight,
|
|
22966
|
-
pageParams: { sendFlow: "send" }
|
|
22967
|
-
},
|
|
22968
|
-
{
|
|
22969
|
-
page: "send" /* SEND */,
|
|
22970
|
-
onboardingId: "mainmenu-bridge-button" /* bridgeButton */,
|
|
22971
|
-
label: "passport:main.bridge",
|
|
22972
|
-
icon: import_lucide_react54.ArrowRightLeftIcon,
|
|
22973
|
-
pageParams: { sendFlow: "bridge" }
|
|
22974
|
-
},
|
|
22975
|
-
{
|
|
22976
|
-
page: "receive" /* RECEIVE */,
|
|
22977
|
-
onboardingId: "mainmenu-receive-button" /* receiveButton */,
|
|
22978
|
-
label: "passport:main.receive",
|
|
22979
|
-
icon: import_lucide_react54.ChevronLeft,
|
|
22980
|
-
pageParams: {}
|
|
22981
|
-
},
|
|
22982
|
-
{
|
|
22983
|
-
page: "buy" /* BUY */,
|
|
22984
|
-
onboardingId: "mainmenu-buy-button" /* buyButton */,
|
|
22985
|
-
label: "passport:main.buy",
|
|
22986
|
-
icon: import_lucide_react54.DollarSign,
|
|
22987
|
-
pageParams: {}
|
|
22988
|
-
}
|
|
22989
|
-
// {
|
|
22990
|
-
// page: PageKey.ASSETS,
|
|
22991
|
-
// onboardingId: MainMenuOnboardingID.portfolioButton,
|
|
22992
|
-
// label: 'passport:main.assets',
|
|
22993
|
-
// icon: Wallet2
|
|
22994
|
-
// }
|
|
22995
|
-
];
|
|
22996
23036
|
}
|
|
22997
23037
|
});
|
|
22998
23038
|
|
|
@@ -23256,7 +23296,7 @@ function NicknameEditForm(props) {
|
|
|
23256
23296
|
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
23257
23297
|
Input,
|
|
23258
23298
|
{
|
|
23259
|
-
Icon:
|
|
23299
|
+
Icon: import_lucide_react56.AtSignIcon,
|
|
23260
23300
|
value: nicknameValue,
|
|
23261
23301
|
onChange: handleNicknameInputChange,
|
|
23262
23302
|
placeholder: t("passport:nicknameMenu.placeholder"),
|
|
@@ -23274,7 +23314,7 @@ function NicknameEditForm(props) {
|
|
|
23274
23314
|
className: cn2("w-12", {
|
|
23275
23315
|
"bg-[var(--ui-kit-bg-success)] text-[var(--ui-kit-success)]": isNicknameAvailalable
|
|
23276
23316
|
}),
|
|
23277
|
-
children: isCheckingAvailability || isNicknameChanging ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
23317
|
+
children: isCheckingAvailability || isNicknameChanging ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react56.LoaderIcon, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react56.SaveIcon, { className: "w-4 h-4" })
|
|
23278
23318
|
}
|
|
23279
23319
|
)
|
|
23280
23320
|
] }) })
|
|
@@ -23302,21 +23342,21 @@ function NicknameEditForm(props) {
|
|
|
23302
23342
|
setIsNicknameCopied(true);
|
|
23303
23343
|
setTimeout(() => setIsNicknameCopied(false), 2e3);
|
|
23304
23344
|
},
|
|
23305
|
-
children: isNicknameCopied ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PositiveIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
23345
|
+
children: isNicknameCopied ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PositiveIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_lucide_react56.CopyIcon, { className: "w-4 h-4" })
|
|
23306
23346
|
}
|
|
23307
23347
|
)
|
|
23308
23348
|
] }),
|
|
23309
23349
|
!!canChange && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "w-full flex items-center leadding-4 text-[10px] text-[var(--ui-kit-fg-muted)]", children: t("passport:nicknameMenu.hint") })
|
|
23310
23350
|
] });
|
|
23311
23351
|
}
|
|
23312
|
-
var import_react_query41,
|
|
23352
|
+
var import_react_query41, import_lucide_react56, import_react72, import_jsx_runtime98;
|
|
23313
23353
|
var init_NicknameEditForm = __esm({
|
|
23314
23354
|
"src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
|
|
23315
23355
|
init_ProviderContext();
|
|
23316
23356
|
init_SessionContext();
|
|
23317
23357
|
init_i18n();
|
|
23318
23358
|
import_react_query41 = require("@tanstack/react-query");
|
|
23319
|
-
|
|
23359
|
+
import_lucide_react56 = require("lucide-react");
|
|
23320
23360
|
import_react72 = require("react");
|
|
23321
23361
|
init_icons();
|
|
23322
23362
|
init_nickname();
|
|
@@ -23363,12 +23403,12 @@ function NicknameMenu() {
|
|
|
23363
23403
|
size: "icon",
|
|
23364
23404
|
title: t("passport:common.back"),
|
|
23365
23405
|
onClick: () => useLayoutDataStore.getState().setPage("settings" /* SETTINGS */),
|
|
23366
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
23406
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react57.ArrowLeft, { className: "h-4 w-4 flex-none" })
|
|
23367
23407
|
}
|
|
23368
23408
|
),
|
|
23369
23409
|
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex gap-[var(--ui-kit-gap)] items-center w-fit", children: [
|
|
23370
23410
|
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)("span", { className: "text-xl font-semibold", children: t("passport:nicknameMenu.title") }),
|
|
23371
|
-
isNicknameInfoLoading && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
23411
|
+
isNicknameInfoLoading && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react57.Loader, { className: "w-4 h-4 animate-spin" })
|
|
23372
23412
|
] })
|
|
23373
23413
|
] }),
|
|
23374
23414
|
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(NicknameEditForm, { nicknameInfo, isInitialUser }),
|
|
@@ -23420,7 +23460,7 @@ function NicknameMenu() {
|
|
|
23420
23460
|
!!resolvedError?.length && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Highlight, { type: "error", children: resolvedError })
|
|
23421
23461
|
] });
|
|
23422
23462
|
}
|
|
23423
|
-
var import_react_query42, import_dayjs5,
|
|
23463
|
+
var import_react_query42, import_dayjs5, import_lucide_react57, import_react73, import_jsx_runtime99;
|
|
23424
23464
|
var init_NicknameMenu = __esm({
|
|
23425
23465
|
"src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
|
|
23426
23466
|
init_SessionContext();
|
|
@@ -23428,7 +23468,7 @@ var init_NicknameMenu = __esm({
|
|
|
23428
23468
|
init_i18n();
|
|
23429
23469
|
import_react_query42 = require("@tanstack/react-query");
|
|
23430
23470
|
import_dayjs5 = __toESM(require("dayjs"), 1);
|
|
23431
|
-
|
|
23471
|
+
import_lucide_react57 = require("lucide-react");
|
|
23432
23472
|
import_react73 = require("react");
|
|
23433
23473
|
init_nickname();
|
|
23434
23474
|
init_profile();
|
|
@@ -23589,7 +23629,7 @@ function ReceiveMenu() {
|
|
|
23589
23629
|
size: "icon",
|
|
23590
23630
|
title: "Back",
|
|
23591
23631
|
onClick: () => useLayoutDataStore.getState().setPage("main-menu" /* MAIN_MENU */),
|
|
23592
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23632
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.ArrowLeft, { className: "h-4 w-4" })
|
|
23593
23633
|
}
|
|
23594
23634
|
),
|
|
23595
23635
|
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-xl font-semibold", children: t("passport:receiveMenu.title") })
|
|
@@ -23615,13 +23655,13 @@ function ReceiveMenu() {
|
|
|
23615
23655
|
setTimeout(() => setAddressCopied(false), 2e3);
|
|
23616
23656
|
},
|
|
23617
23657
|
children: [
|
|
23618
|
-
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23658
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.Wallet2Icon, { className: "h-4 w-4 flex-none" }),
|
|
23619
23659
|
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { className: cn2("text-[10px] flex-1 block", { "text-[var(--ui-kit-bg-success)]": isAddressCopied }), children: [
|
|
23620
23660
|
address.slice(0, 10),
|
|
23621
23661
|
"...",
|
|
23622
23662
|
address.slice(-6)
|
|
23623
23663
|
] }),
|
|
23624
|
-
isAddressCopied ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23664
|
+
isAddressCopied ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.CheckCircle2, { className: "h-4 w-4 text-[var(--ui-kit-bg-success)] flex-none" }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.Copy, { className: "h-4 w-4 flex-none" })
|
|
23625
23665
|
]
|
|
23626
23666
|
}
|
|
23627
23667
|
),
|
|
@@ -23639,10 +23679,10 @@ function ReceiveMenu() {
|
|
|
23639
23679
|
setNicknameCopied(true);
|
|
23640
23680
|
setTimeout(() => setNicknameCopied(false), 2e3);
|
|
23641
23681
|
},
|
|
23642
|
-
children: isNicknameInfoLoading ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23643
|
-
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23682
|
+
children: isNicknameInfoLoading ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.LoaderIcon, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(import_jsx_runtime100.Fragment, { children: [
|
|
23683
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.AtSignIcon, { className: "h-4 w-4 flex-none" }),
|
|
23644
23684
|
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: cn2("text-xs flex-1", { "text-[var(--ui-kit-bg-success)]": isNicknameCopied }), children: nicknameInfo.handle }),
|
|
23645
|
-
isNicknameCopied ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23685
|
+
isNicknameCopied ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.CheckCircle2, { className: "h-4 w-4 text-[var(--ui-kit-bg-success)] flex-none" }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.Copy, { className: "h-4 w-4 flex-none" })
|
|
23646
23686
|
] })
|
|
23647
23687
|
}
|
|
23648
23688
|
),
|
|
@@ -23662,22 +23702,22 @@ function ReceiveMenu() {
|
|
|
23662
23702
|
setTimeout(() => setFingerprintCopied(false), 2e3);
|
|
23663
23703
|
},
|
|
23664
23704
|
children: [
|
|
23665
|
-
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23705
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.FingerprintIcon, { className: "w-4 h-4 flex-none" }),
|
|
23666
23706
|
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: cn2("text-xs font-bold flex-1", { "text-[var(--ui-kit-bg-success)]": fingerprintCopied }), children: fingerprint }),
|
|
23667
|
-
fingerprintCopied ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23707
|
+
fingerprintCopied ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.CheckCircle2, { className: "w-4 h-4 text-[var(--ui-kit-bg-success)] flex-none" }) : /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.Copy, { className: "w-4 h-4 flex-none" })
|
|
23668
23708
|
]
|
|
23669
23709
|
}
|
|
23670
23710
|
)
|
|
23671
23711
|
] })
|
|
23672
23712
|
] });
|
|
23673
23713
|
}
|
|
23674
|
-
var import_react_query43,
|
|
23714
|
+
var import_react_query43, import_lucide_react58, import_qrcode, import_react74, import_jsx_runtime100;
|
|
23675
23715
|
var init_ReceiveMenu = __esm({
|
|
23676
23716
|
"src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
|
|
23677
23717
|
init_SessionContext();
|
|
23678
23718
|
init_i18n();
|
|
23679
23719
|
import_react_query43 = require("@tanstack/react-query");
|
|
23680
|
-
|
|
23720
|
+
import_lucide_react58 = require("lucide-react");
|
|
23681
23721
|
import_qrcode = __toESM(require("qrcode"), 1);
|
|
23682
23722
|
import_react74 = require("react");
|
|
23683
23723
|
init_nickname();
|
|
@@ -23787,7 +23827,7 @@ var init_useSecurityStore = __esm({
|
|
|
23787
23827
|
|
|
23788
23828
|
// src/internal/components/SecurityMenu/constants.ts
|
|
23789
23829
|
var KEYSHARE_RECOVERY_STATS_QUERY, CONNECTED_TRUSTED_APPS_QUERY;
|
|
23790
|
-
var
|
|
23830
|
+
var init_constants8 = __esm({
|
|
23791
23831
|
"src/internal/components/SecurityMenu/constants.ts"() {
|
|
23792
23832
|
KEYSHARE_RECOVERY_STATS_QUERY = "keyshare-recovery-stats-query";
|
|
23793
23833
|
CONNECTED_TRUSTED_APPS_QUERY = "connected-trusted-apps-query";
|
|
@@ -23817,7 +23857,7 @@ var init_useConnectedApps = __esm({
|
|
|
23817
23857
|
init_SessionContext();
|
|
23818
23858
|
import_react_query44 = require("@tanstack/react-query");
|
|
23819
23859
|
init_httpClient();
|
|
23820
|
-
|
|
23860
|
+
init_constants8();
|
|
23821
23861
|
}
|
|
23822
23862
|
});
|
|
23823
23863
|
|
|
@@ -23862,7 +23902,7 @@ function Application(props) {
|
|
|
23862
23902
|
"rounded-[8px]"
|
|
23863
23903
|
),
|
|
23864
23904
|
children: [
|
|
23865
|
-
logo ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "w-full h-full p-1", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("img", { src: logo, alt: name, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
23905
|
+
logo ? /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "w-full h-full p-1", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("img", { src: logo, alt: name, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react59.AppWindowMac, { className: "w-6 h-6 text-[var(--ui-kit-fg)]" }),
|
|
23866
23906
|
!!trustedAuthorizedApp && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
23867
23907
|
"div",
|
|
23868
23908
|
{
|
|
@@ -23870,7 +23910,7 @@ function Application(props) {
|
|
|
23870
23910
|
"flex items-center justify-center",
|
|
23871
23911
|
"absolute -top-1 -right-1 h-5 w-5 rounded-full bg-[var(--ui-kit-bg-success)]"
|
|
23872
23912
|
),
|
|
23873
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
23913
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react59.ShieldCheckIcon, { className: "w-4 h-4 text-black" })
|
|
23874
23914
|
}
|
|
23875
23915
|
)
|
|
23876
23916
|
]
|
|
@@ -23880,7 +23920,7 @@ function Application(props) {
|
|
|
23880
23920
|
/* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { className: "flex flex-col", children: [
|
|
23881
23921
|
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-sm font-semibold truncate", children: name }),
|
|
23882
23922
|
appUrl && /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
23883
|
-
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
23923
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react59.ExternalLinkIcon, { className: "w-3 h-3 flex-none", strokeWidth: 1 }),
|
|
23884
23924
|
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "flex-1 truncate", children: new URL(appUrl).hostname })
|
|
23885
23925
|
] })
|
|
23886
23926
|
] }),
|
|
@@ -23912,7 +23952,7 @@ function Application(props) {
|
|
|
23912
23952
|
}
|
|
23913
23953
|
});
|
|
23914
23954
|
},
|
|
23915
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
23955
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react59.ShieldBanIcon, { className: "h-4 w-4" })
|
|
23916
23956
|
}
|
|
23917
23957
|
)
|
|
23918
23958
|
]
|
|
@@ -23928,20 +23968,20 @@ function ConnectedApps() {
|
|
|
23928
23968
|
ref: (inst) => onboarder.registerElement("embarkai-security-menu-connected-apps-onboarding" /* connectedApps */, inst),
|
|
23929
23969
|
className: "w-full flex flex-col gap-[var(--ui-kit-gap)]",
|
|
23930
23970
|
children: [
|
|
23931
|
-
isConnectedAppsLoading && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "w-full flex justify-center items-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
23971
|
+
isConnectedAppsLoading && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "w-full flex justify-center items-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react59.LoaderIcon, { className: "h-4 w-4 animate-spin" }) }),
|
|
23932
23972
|
!isConnectedAppsLoading && connectedApps.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Highlight, { type: "info", children: t("passport:securityMenu.connectedApps.noConnectedApps") }),
|
|
23933
23973
|
!isConnectedAppsLoading && connectedApps.length > 0 && connectedApps.map((app, index) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Application, { ...app }, index))
|
|
23934
23974
|
]
|
|
23935
23975
|
}
|
|
23936
23976
|
);
|
|
23937
23977
|
}
|
|
23938
|
-
var import_dayjs6,
|
|
23978
|
+
var import_dayjs6, import_lucide_react59, import_jsx_runtime101;
|
|
23939
23979
|
var init_ConnectedApps = __esm({
|
|
23940
23980
|
"src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx"() {
|
|
23941
23981
|
init_utils();
|
|
23942
23982
|
init_i18n();
|
|
23943
23983
|
import_dayjs6 = __toESM(require("dayjs"), 1);
|
|
23944
|
-
|
|
23984
|
+
import_lucide_react59 = require("lucide-react");
|
|
23945
23985
|
init_Onboarding();
|
|
23946
23986
|
init_button();
|
|
23947
23987
|
init_highlight();
|
|
@@ -23986,7 +24026,7 @@ function UntrustApplication() {
|
|
|
23986
24026
|
"?"
|
|
23987
24027
|
] }),
|
|
23988
24028
|
/* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "w-full flex items-center justify-center gap-[var(--ui-kit-gap)]", children: [
|
|
23989
|
-
appToUntrust.appLogo ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex-shrink-0 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("img", { src: appToUntrust.appLogo, alt: appToUntrust.appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
24029
|
+
appToUntrust.appLogo ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex-shrink-0 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("img", { src: appToUntrust.appLogo, alt: appToUntrust.appName, className: "w-full h-full object-contain" }) }) : /* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "w-12 h-12 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-bg)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react60.AppWindowMac, { className: "w-6 h-6" }) }),
|
|
23990
24030
|
/* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex-1 text-left", children: [
|
|
23991
24031
|
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "font-medium", children: appToUntrust.appName }),
|
|
23992
24032
|
appToUntrust.hostname && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "text-[10px]", children: [
|
|
@@ -24027,23 +24067,23 @@ function UntrustApplication() {
|
|
|
24027
24067
|
className: "flex-1",
|
|
24028
24068
|
onClick: () => handleUntrustApp(),
|
|
24029
24069
|
disabled: isUntrustingApp,
|
|
24030
|
-
children: isUntrustingApp ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
24070
|
+
children: isUntrustingApp ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react60.Loader, { className: "h-4 w-4 animate-spin" }) : t("passport:common.delete")
|
|
24031
24071
|
}
|
|
24032
24072
|
)
|
|
24033
24073
|
] })
|
|
24034
24074
|
] });
|
|
24035
24075
|
}
|
|
24036
|
-
var import_react_query45,
|
|
24076
|
+
var import_react_query45, import_lucide_react60, import_jsx_runtime102;
|
|
24037
24077
|
var init_UntrustApplication = __esm({
|
|
24038
24078
|
"src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx"() {
|
|
24039
24079
|
init_SessionContext();
|
|
24040
24080
|
init_i18n();
|
|
24041
24081
|
import_react_query45 = require("@tanstack/react-query");
|
|
24042
|
-
|
|
24082
|
+
import_lucide_react60 = require("lucide-react");
|
|
24043
24083
|
init_iframe_manager();
|
|
24044
24084
|
init_button();
|
|
24045
24085
|
init_highlight();
|
|
24046
|
-
|
|
24086
|
+
init_constants8();
|
|
24047
24087
|
init_useSecurityStore();
|
|
24048
24088
|
import_jsx_runtime102 = require("react/jsx-runtime");
|
|
24049
24089
|
}
|
|
@@ -24059,16 +24099,16 @@ var init_ConnectedApps2 = __esm({
|
|
|
24059
24099
|
});
|
|
24060
24100
|
|
|
24061
24101
|
// src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx
|
|
24062
|
-
var
|
|
24102
|
+
var import_lucide_react61, import_react75, import_jsx_runtime103, KeyshareStatus;
|
|
24063
24103
|
var init_KeyshareStatus = __esm({
|
|
24064
24104
|
"src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx"() {
|
|
24065
|
-
|
|
24105
|
+
import_lucide_react61 = require("lucide-react");
|
|
24066
24106
|
import_react75 = require("react");
|
|
24067
24107
|
init_utils();
|
|
24068
24108
|
import_jsx_runtime103 = require("react/jsx-runtime");
|
|
24069
24109
|
KeyshareStatus = (0, import_react75.forwardRef)((props, ref) => {
|
|
24070
24110
|
const { isLoading, content, icon: Icon2, children } = props;
|
|
24071
|
-
if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
24111
|
+
if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react61.Loader, { className: "w-4 h-4 animate-spin" });
|
|
24072
24112
|
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { ref, className: "group relative w-full h-full", children: [
|
|
24073
24113
|
children,
|
|
24074
24114
|
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
@@ -24142,7 +24182,7 @@ function LastBackup(props) {
|
|
|
24142
24182
|
onClick: () => useLayoutDataStore.getState().setPage("keysare-backup" /* KEYSARE_BACKUP */),
|
|
24143
24183
|
children: [
|
|
24144
24184
|
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
24145
|
-
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
24185
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react62.DatabaseBackup, { className: "w-4 h-4 flex-none" }),
|
|
24146
24186
|
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "font-medium text-xs", children: t("passport:securityMenu.lastBackup") })
|
|
24147
24187
|
] }),
|
|
24148
24188
|
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "block font-mono! ", children: t("passport:securityMenu.lastBackupMeta", {
|
|
@@ -24155,12 +24195,12 @@ function LastBackup(props) {
|
|
|
24155
24195
|
}
|
|
24156
24196
|
);
|
|
24157
24197
|
}
|
|
24158
|
-
var import_dayjs7,
|
|
24198
|
+
var import_dayjs7, import_lucide_react62, import_jsx_runtime104;
|
|
24159
24199
|
var init_LastBackup = __esm({
|
|
24160
24200
|
"src/internal/components/SecurityMenu/Keyshare/LastBackup.tsx"() {
|
|
24161
24201
|
init_useT();
|
|
24162
24202
|
import_dayjs7 = __toESM(require("dayjs"), 1);
|
|
24163
|
-
|
|
24203
|
+
import_lucide_react62 = require("lucide-react");
|
|
24164
24204
|
init_useLayoutDataStore();
|
|
24165
24205
|
init_cn();
|
|
24166
24206
|
init_Onboarding();
|
|
@@ -24202,7 +24242,7 @@ var init_useKeyshareRecoveryStats = __esm({
|
|
|
24202
24242
|
init_keyshare();
|
|
24203
24243
|
init_iframe_manager();
|
|
24204
24244
|
init_vaultClient();
|
|
24205
|
-
|
|
24245
|
+
init_constants8();
|
|
24206
24246
|
}
|
|
24207
24247
|
});
|
|
24208
24248
|
|
|
@@ -24219,7 +24259,7 @@ function Keyshare() {
|
|
|
24219
24259
|
return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
|
|
24220
24260
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)] px-[var(--ui-kit-gap)]", children: [
|
|
24221
24261
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-xs leading-4", children: t("passport:securityMenu.keyshareStatus.title") }),
|
|
24222
|
-
isRecoveryLoading && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
24262
|
+
isRecoveryLoading && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react63.LoaderIcon, { className: "h-4 w-4 animate-spin" })
|
|
24223
24263
|
] }),
|
|
24224
24264
|
!isRecoveryLoading && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
|
|
24225
24265
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
|
|
@@ -24240,7 +24280,7 @@ function Keyshare() {
|
|
|
24240
24280
|
type: serverHasKeyshare ? "success" : "warning",
|
|
24241
24281
|
className: "w-full h-full flex flex-col items-center gap-0",
|
|
24242
24282
|
children: [
|
|
24243
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
24283
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react63.Cloud, { className: "h-6 w-6" }),
|
|
24244
24284
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Server Share" })
|
|
24245
24285
|
]
|
|
24246
24286
|
}
|
|
@@ -24259,7 +24299,7 @@ function Keyshare() {
|
|
|
24259
24299
|
type: localInfo?.hasKeyshare ? "success" : "warning",
|
|
24260
24300
|
className: "w-full h-full flex flex-col items-center gap-0",
|
|
24261
24301
|
children: [
|
|
24262
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
24302
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react63.Laptop, { className: "h-6 w-6" }),
|
|
24263
24303
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Local Share" })
|
|
24264
24304
|
]
|
|
24265
24305
|
}
|
|
@@ -24278,7 +24318,7 @@ function Keyshare() {
|
|
|
24278
24318
|
type: hasServerBackup ? "success" : "warning",
|
|
24279
24319
|
className: "w-full h-full flex flex-col items-center gap-0",
|
|
24280
24320
|
children: [
|
|
24281
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
24321
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react63.Server, { className: "h-6 w-6" }),
|
|
24282
24322
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Vault Backup" })
|
|
24283
24323
|
]
|
|
24284
24324
|
}
|
|
@@ -24292,12 +24332,12 @@ function Keyshare() {
|
|
|
24292
24332
|
] })
|
|
24293
24333
|
] });
|
|
24294
24334
|
}
|
|
24295
|
-
var
|
|
24335
|
+
var import_lucide_react63, import_jsx_runtime105;
|
|
24296
24336
|
var init_Keyshare = __esm({
|
|
24297
24337
|
"src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx"() {
|
|
24298
24338
|
init_SessionContext();
|
|
24299
24339
|
init_useT();
|
|
24300
|
-
|
|
24340
|
+
import_lucide_react63 = require("lucide-react");
|
|
24301
24341
|
init_icons();
|
|
24302
24342
|
init_auth();
|
|
24303
24343
|
init_vaultClient();
|
|
@@ -24510,7 +24550,7 @@ function AddressListEditor(props) {
|
|
|
24510
24550
|
}
|
|
24511
24551
|
setIsAssetSelector((prev) => !prev);
|
|
24512
24552
|
},
|
|
24513
|
-
children: isAssetSelector ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
24553
|
+
children: isAssetSelector ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react64.ChevronUpIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react64.PlusIcon, { className: "w-4 h-4" })
|
|
24514
24554
|
}
|
|
24515
24555
|
)
|
|
24516
24556
|
] }),
|
|
@@ -24542,7 +24582,7 @@ function AddressListEditor(props) {
|
|
|
24542
24582
|
size: "large",
|
|
24543
24583
|
onClick: () => handleAddress(customAddress),
|
|
24544
24584
|
className: "flex-none px-4",
|
|
24545
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
24585
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react64.ChevronRightIcon, { className: "w-4 h-4" })
|
|
24546
24586
|
}
|
|
24547
24587
|
)
|
|
24548
24588
|
] }),
|
|
@@ -24568,7 +24608,7 @@ function AddressListEditor(props) {
|
|
|
24568
24608
|
size: "medium",
|
|
24569
24609
|
onClick: () => onChange(addresses.filter((_, i) => i !== index)),
|
|
24570
24610
|
className: "flex-none px-4",
|
|
24571
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
24611
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react64.TrashIcon, { className: "w-4 h-4 text-[var(--ui-kit-bg-error)]" })
|
|
24572
24612
|
}
|
|
24573
24613
|
)
|
|
24574
24614
|
] }, index))
|
|
@@ -24621,7 +24661,7 @@ function PolicyForm() {
|
|
|
24621
24661
|
},
|
|
24622
24662
|
className: "w-full flex flex-col gap-[var(--ui-kit-gap)]",
|
|
24623
24663
|
children: [
|
|
24624
|
-
isAssetsLoading ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "col-span-2 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
24664
|
+
isAssetsLoading ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)("div", { className: "col-span-2 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react64.LoaderIcon, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime106.jsxs)(import_jsx_runtime106.Fragment, { children: [
|
|
24625
24665
|
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
24626
24666
|
AddressListEditor,
|
|
24627
24667
|
{
|
|
@@ -24698,13 +24738,13 @@ function PolicyForm() {
|
|
|
24698
24738
|
showFormErrors && formErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Highlight, { type: "error", children: formErrorMessage })
|
|
24699
24739
|
] });
|
|
24700
24740
|
}
|
|
24701
|
-
var import_react_query48,
|
|
24741
|
+
var import_react_query48, import_lucide_react64, import_react77, import_jsx_runtime106;
|
|
24702
24742
|
var init_PolicyForm = __esm({
|
|
24703
24743
|
"src/internal/components/SecurityMenu/UserPolicies/PolicyForm.tsx"() {
|
|
24704
24744
|
init_SessionContext();
|
|
24705
24745
|
init_useT();
|
|
24706
24746
|
import_react_query48 = require("@tanstack/react-query");
|
|
24707
|
-
|
|
24747
|
+
import_lucide_react64 = require("lucide-react");
|
|
24708
24748
|
import_react77 = require("react");
|
|
24709
24749
|
init_button();
|
|
24710
24750
|
init_highlight();
|
|
@@ -24720,7 +24760,7 @@ var init_PolicyForm = __esm({
|
|
|
24720
24760
|
|
|
24721
24761
|
// src/internal/components/SecurityMenu/UserPolicies/constants.ts
|
|
24722
24762
|
var DEFAULT_POLICY_RULES;
|
|
24723
|
-
var
|
|
24763
|
+
var init_constants9 = __esm({
|
|
24724
24764
|
"src/internal/components/SecurityMenu/UserPolicies/constants.ts"() {
|
|
24725
24765
|
DEFAULT_POLICY_RULES = {
|
|
24726
24766
|
destinations: { allow: [], deny: [] },
|
|
@@ -24816,7 +24856,7 @@ function UserPolicies() {
|
|
|
24816
24856
|
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Highlight, { type: "info", className: "text-[var(--ui-kit-fg-muted)]", children: t("passport:securityMenu.assetsPolicies.disabled") }) });
|
|
24817
24857
|
}
|
|
24818
24858
|
if (isPolicyLoading) {
|
|
24819
|
-
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
24859
|
+
return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react65.LoaderIcon, { className: "w-4 h-4 animate-spin" }) });
|
|
24820
24860
|
}
|
|
24821
24861
|
const policy = policyView?.policy ?? null;
|
|
24822
24862
|
const overriddenBy = policyView?.overriddenBy ?? [];
|
|
@@ -24881,7 +24921,7 @@ function UserPolicies() {
|
|
|
24881
24921
|
className: "flex-1",
|
|
24882
24922
|
onClick: () => usePolicyForm.setState(activeRules, true),
|
|
24883
24923
|
children: [
|
|
24884
|
-
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
24924
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react65.PencilIcon, { className: "w-4 h-4" }),
|
|
24885
24925
|
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: t("passport:securityMenu.assetsPolicies.editPolicy") })
|
|
24886
24926
|
]
|
|
24887
24927
|
}
|
|
@@ -24894,13 +24934,13 @@ function UserPolicies() {
|
|
|
24894
24934
|
className: "px-4",
|
|
24895
24935
|
onClick: () => setIsConfirmingDelete(true),
|
|
24896
24936
|
title: t("passport:securityMenu.assetsPolicies.deletePolicy"),
|
|
24897
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
24937
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react65.TrashIcon, { className: "w-4 h-4 text-[var(--ui-kit-bg-error)]" })
|
|
24898
24938
|
}
|
|
24899
24939
|
)
|
|
24900
24940
|
] })
|
|
24901
24941
|
] });
|
|
24902
24942
|
}
|
|
24903
|
-
var import_react_query49, import_clsx3,
|
|
24943
|
+
var import_react_query49, import_clsx3, import_lucide_react65, import_react78, import_jsx_runtime107;
|
|
24904
24944
|
var init_UserPolicies = __esm({
|
|
24905
24945
|
"src/internal/components/SecurityMenu/UserPolicies/UserPolicies.tsx"() {
|
|
24906
24946
|
init_ProviderContext();
|
|
@@ -24908,12 +24948,12 @@ var init_UserPolicies = __esm({
|
|
|
24908
24948
|
init_useT();
|
|
24909
24949
|
import_react_query49 = require("@tanstack/react-query");
|
|
24910
24950
|
import_clsx3 = __toESM(require("clsx"), 1);
|
|
24911
|
-
|
|
24951
|
+
import_lucide_react65 = require("lucide-react");
|
|
24912
24952
|
import_react78 = require("react");
|
|
24913
24953
|
init_button();
|
|
24914
24954
|
init_highlight();
|
|
24915
24955
|
init_api4();
|
|
24916
|
-
|
|
24956
|
+
init_constants9();
|
|
24917
24957
|
init_usePolicyForm();
|
|
24918
24958
|
init_useUserAssetsPolicies();
|
|
24919
24959
|
import_jsx_runtime107 = require("react/jsx-runtime");
|
|
@@ -24928,7 +24968,7 @@ var init_UserPolicies2 = __esm({
|
|
|
24928
24968
|
init_useUserAssetsPolicies();
|
|
24929
24969
|
init_usePolicyForm();
|
|
24930
24970
|
init_api4();
|
|
24931
|
-
|
|
24971
|
+
init_constants9();
|
|
24932
24972
|
}
|
|
24933
24973
|
});
|
|
24934
24974
|
|
|
@@ -25028,7 +25068,7 @@ function SecurityMenuContent() {
|
|
|
25028
25068
|
className: "w-full justify-start",
|
|
25029
25069
|
onClick: () => useSecurityStore.setState({ showConnectedApps: true }),
|
|
25030
25070
|
children: [
|
|
25031
|
-
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
25071
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react66.LayoutGridIcon, { className: "h-4 w-4" }),
|
|
25032
25072
|
t("passport:securityMenu.connectedApps.connectedApps")
|
|
25033
25073
|
]
|
|
25034
25074
|
}
|
|
@@ -25041,7 +25081,7 @@ function SecurityMenuContent() {
|
|
|
25041
25081
|
className: "w-full justify-start",
|
|
25042
25082
|
onClick: () => useSecurityStore.setState({ showAssetsPolicies: true }),
|
|
25043
25083
|
children: [
|
|
25044
|
-
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
25084
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react66.ShieldCogIcon, { className: "h-4 w-4" }),
|
|
25045
25085
|
t("passport:securityMenu.assetsPolicies.assetsPolicies")
|
|
25046
25086
|
]
|
|
25047
25087
|
}
|
|
@@ -25084,7 +25124,7 @@ function SecurityMenu() {
|
|
|
25084
25124
|
break;
|
|
25085
25125
|
}
|
|
25086
25126
|
},
|
|
25087
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
25127
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react66.ArrowLeft, { className: "h-4 w-4" })
|
|
25088
25128
|
}
|
|
25089
25129
|
),
|
|
25090
25130
|
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "text-xl font-semibold", children: securityMenuTitle || t("passport:securityMenu.title") })
|
|
@@ -25092,12 +25132,12 @@ function SecurityMenu() {
|
|
|
25092
25132
|
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SecurityMenuContent, {})
|
|
25093
25133
|
] });
|
|
25094
25134
|
}
|
|
25095
|
-
var
|
|
25135
|
+
var import_lucide_react66, import_react80, import_jsx_runtime108;
|
|
25096
25136
|
var init_SecurityMenu = __esm({
|
|
25097
25137
|
"src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
|
|
25098
25138
|
init_ProviderContext();
|
|
25099
25139
|
init_i18n();
|
|
25100
|
-
|
|
25140
|
+
import_lucide_react66 = require("lucide-react");
|
|
25101
25141
|
import_react80 = require("react");
|
|
25102
25142
|
init_useLayoutDataStore();
|
|
25103
25143
|
init_Expandable2();
|
|
@@ -25252,7 +25292,7 @@ function SenderSelector(props) {
|
|
|
25252
25292
|
}
|
|
25253
25293
|
)
|
|
25254
25294
|
] }),
|
|
25255
|
-
directWalletIsConnected && sender?.address === directWalletAddress && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex items-center justify-center bg-[var(--ui-kit-bg-success)] rounded-full w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
|
|
25295
|
+
directWalletIsConnected && sender?.address === directWalletAddress && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex items-center justify-center bg-[var(--ui-kit-bg-success)] rounded-full w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_lucide_react67.Link2Icon, { className: "w-4 h-4 text-[var(--ui-kit-success)]" }) })
|
|
25256
25296
|
]
|
|
25257
25297
|
},
|
|
25258
25298
|
`sender-${sender.address}`
|
|
@@ -25282,12 +25322,12 @@ function SenderSelector(props) {
|
|
|
25282
25322
|
})
|
|
25283
25323
|
] });
|
|
25284
25324
|
}
|
|
25285
|
-
var
|
|
25325
|
+
var import_lucide_react67, import_jsx_runtime109;
|
|
25286
25326
|
var init_SenderSelector = __esm({
|
|
25287
25327
|
"src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
|
|
25288
25328
|
init_i18n();
|
|
25289
25329
|
init_utils();
|
|
25290
|
-
|
|
25330
|
+
import_lucide_react67 = require("lucide-react");
|
|
25291
25331
|
init_useLayoutDataStore();
|
|
25292
25332
|
init_useExternalWalletStore();
|
|
25293
25333
|
init_ConnectExternalWalletMenu2();
|
|
@@ -26459,7 +26499,7 @@ function SelectStep(props) {
|
|
|
26459
26499
|
const SelectedWarpRoteIcon = TOKENS_ICONS[(selectedWarpRoute?.symbol || "null_icon").toUpperCase()] || TOKENS_ICONS.EMBARKAI;
|
|
26460
26500
|
const isError = useFlowSelectorStore((st) => !!st.error);
|
|
26461
26501
|
if (isLoadingWarpRoutes) {
|
|
26462
|
-
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26502
|
+
return /* @__PURE__ */ (0, import_jsx_runtime111.jsx)("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.LoaderIcon, { className: "w-4 h-4 animate-spin" }) });
|
|
26463
26503
|
}
|
|
26464
26504
|
const isBalanceInsufficient = !routeTokenBalance || Number(amount || 0) > Number(routeTokenBalance || 0);
|
|
26465
26505
|
const isFalsyAmount = !amount || !Number(amount) || Number(amount) <= 0;
|
|
@@ -26512,7 +26552,7 @@ function SelectStep(props) {
|
|
|
26512
26552
|
t("passport:common.balance"),
|
|
26513
26553
|
": "
|
|
26514
26554
|
] }),
|
|
26515
|
-
isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26555
|
+
isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.LoaderIcon, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }),
|
|
26516
26556
|
!isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: cn2("font-semibold", { "text-[var(--ui-kit-bg-error)]": isBalanceInsufficient }), children: [
|
|
26517
26557
|
formatPrice(Number(routeTokenBalance || 0)),
|
|
26518
26558
|
" ",
|
|
@@ -26535,7 +26575,7 @@ function SelectStep(props) {
|
|
|
26535
26575
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(SelectedWarpRoteIcon, { className: "w-6 h-6" }),
|
|
26536
26576
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: selectedWarpRoute.symbol })
|
|
26537
26577
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
26538
|
-
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26578
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.ArrowLeftRightIcon, { className: "w-6 h-6" }),
|
|
26539
26579
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: hyperlaneWarpRoutes.length ? t("passport:bridgeMenu.labels.selectToken") : t("passport:bridgeMenu.errors.noWarpRoutes") })
|
|
26540
26580
|
] }),
|
|
26541
26581
|
!!selectedWarpRoute?.chainPair && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
@@ -26545,7 +26585,7 @@ function SelectStep(props) {
|
|
|
26545
26585
|
size: "medium",
|
|
26546
26586
|
className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
|
|
26547
26587
|
children: selectedWarpRoute.chainPair.map((chain, chIdx) => /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_react87.Fragment, { children: [
|
|
26548
|
-
chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26588
|
+
chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
|
|
26549
26589
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
|
|
26550
26590
|
] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
|
|
26551
26591
|
}
|
|
@@ -26587,7 +26627,7 @@ function SelectStep(props) {
|
|
|
26587
26627
|
disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
|
|
26588
26628
|
variant: "ghost",
|
|
26589
26629
|
onClick: swapChains,
|
|
26590
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26630
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.ArrowRightLeftIcon, { className: "w-4 h-4 " })
|
|
26591
26631
|
}
|
|
26592
26632
|
),
|
|
26593
26633
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(Badge, { variant: "outline", size: "large", className: "block flex-1 flex gap-[var(--ui-kit-gap)] justify-center", children: destinationChain ? /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)(import_jsx_runtime111.Fragment, { children: [
|
|
@@ -26647,7 +26687,7 @@ function SelectStep(props) {
|
|
|
26647
26687
|
disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
|
|
26648
26688
|
placeholder: t("passport:bridgeMenu.labels.optionalRecipient") + " (ex: 0x...)",
|
|
26649
26689
|
value: recipient || "",
|
|
26650
|
-
Icon:
|
|
26690
|
+
Icon: import_lucide_react68.Wallet2Icon,
|
|
26651
26691
|
onChange: (e) => {
|
|
26652
26692
|
useFlowSelectorStore.getState().setError(null);
|
|
26653
26693
|
useBridgeStore.getState().setRecipient(e.target.value);
|
|
@@ -26662,7 +26702,7 @@ function SelectStep(props) {
|
|
|
26662
26702
|
e.stopPropagation();
|
|
26663
26703
|
useBridgeStore.getState().setRecipient(null);
|
|
26664
26704
|
},
|
|
26665
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26705
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.XIcon, { className: "w-4 h-4" })
|
|
26666
26706
|
}
|
|
26667
26707
|
)
|
|
26668
26708
|
}
|
|
@@ -26681,19 +26721,19 @@ function SelectStep(props) {
|
|
|
26681
26721
|
onClick: () => handleQuoteEstimation(amount),
|
|
26682
26722
|
disabled: isQuoteEstimationDisabled,
|
|
26683
26723
|
children: [
|
|
26684
|
-
isQuoteEstimating && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26724
|
+
isQuoteEstimating && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.LoaderIcon, { className: "h-4 w-4 animate-spin" }),
|
|
26685
26725
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: isBalanceInsufficient ? t("passport:bridgeMenu.statuses.balanceInsufficient").toUpperCase() : t("passport:bridgeMenu.actions.estimateQuote").toUpperCase() })
|
|
26686
26726
|
]
|
|
26687
26727
|
}
|
|
26688
26728
|
)
|
|
26689
26729
|
] });
|
|
26690
26730
|
}
|
|
26691
|
-
var
|
|
26731
|
+
var import_lucide_react68, import_react87, import_jsx_runtime111;
|
|
26692
26732
|
var init_SelectStep = __esm({
|
|
26693
26733
|
"src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
|
|
26694
26734
|
init_tokens();
|
|
26695
26735
|
init_i18n();
|
|
26696
|
-
|
|
26736
|
+
import_lucide_react68 = require("lucide-react");
|
|
26697
26737
|
import_react87 = require("react");
|
|
26698
26738
|
init_priceFormatter();
|
|
26699
26739
|
init_utils();
|
|
@@ -26728,16 +26768,16 @@ function Checkbox({ className, ...props }) {
|
|
|
26728
26768
|
className
|
|
26729
26769
|
),
|
|
26730
26770
|
...props,
|
|
26731
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center transition-none", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
|
|
26771
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center transition-none", children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_lucide_react69.CheckIcon, { className: "w-4 h-4 text-[var(--ui-kit-fg)]" }) })
|
|
26732
26772
|
}
|
|
26733
26773
|
);
|
|
26734
26774
|
}
|
|
26735
|
-
var CheckboxPrimitive,
|
|
26775
|
+
var CheckboxPrimitive, import_lucide_react69, import_jsx_runtime112;
|
|
26736
26776
|
var init_checkbox = __esm({
|
|
26737
26777
|
"src/internal/components/ui/checkbox.tsx"() {
|
|
26738
26778
|
init_utils();
|
|
26739
26779
|
CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
|
|
26740
|
-
|
|
26780
|
+
import_lucide_react69 = require("lucide-react");
|
|
26741
26781
|
import_jsx_runtime112 = require("react/jsx-runtime");
|
|
26742
26782
|
}
|
|
26743
26783
|
});
|
|
@@ -26852,7 +26892,7 @@ function ConfirmStep(props) {
|
|
|
26852
26892
|
onClick: () => bridgeAsset(),
|
|
26853
26893
|
className: "w-full",
|
|
26854
26894
|
children: [
|
|
26855
|
-
isAssetBridging && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
26895
|
+
isAssetBridging && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_lucide_react70.LoaderIcon, { className: "h-4 w-4 animate-spin" }),
|
|
26856
26896
|
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: (bridgeTxStatus || t("passport:common.continue")).toUpperCase() })
|
|
26857
26897
|
]
|
|
26858
26898
|
}
|
|
@@ -26861,12 +26901,12 @@ function ConfirmStep(props) {
|
|
|
26861
26901
|
}
|
|
26862
26902
|
);
|
|
26863
26903
|
}
|
|
26864
|
-
var
|
|
26904
|
+
var import_lucide_react70, import_react88, import_jsx_runtime113, P_CN;
|
|
26865
26905
|
var init_ConfirmStep = __esm({
|
|
26866
26906
|
"src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
|
|
26867
26907
|
init_SessionContext();
|
|
26868
26908
|
init_i18n();
|
|
26869
|
-
|
|
26909
|
+
import_lucide_react70 = require("lucide-react");
|
|
26870
26910
|
import_react88 = require("react");
|
|
26871
26911
|
init_priceFormatter();
|
|
26872
26912
|
init_utils();
|
|
@@ -27041,7 +27081,7 @@ function HistoryDetailsStep() {
|
|
|
27041
27081
|
disabled: !txHash,
|
|
27042
27082
|
onClick: () => window.open(`${CHAINS_UI_META[item.originChain].explorerUrl}/tx/${txHash}`, "_blank", "noopener,noreferrer"),
|
|
27043
27083
|
children: [
|
|
27044
|
-
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
27084
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.ExternalLinkIcon, { className: "w-4 h-4" }),
|
|
27045
27085
|
txHash ? `Explore TX: ${txHash.slice(0, 8)}...${txHash.slice(-4)}` : "N/A"
|
|
27046
27086
|
]
|
|
27047
27087
|
},
|
|
@@ -27140,7 +27180,7 @@ function HistoryItem(props) {
|
|
|
27140
27180
|
]
|
|
27141
27181
|
}
|
|
27142
27182
|
),
|
|
27143
|
-
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
27183
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.ArrowRightIcon, { className: "w-4 h-4 flex-none" }),
|
|
27144
27184
|
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
27145
27185
|
"div",
|
|
27146
27186
|
{
|
|
@@ -27178,7 +27218,7 @@ function HistoryItem(props) {
|
|
|
27178
27218
|
},
|
|
27179
27219
|
children: [
|
|
27180
27220
|
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "text-xs leading-4", children: t("passport:common.details") }),
|
|
27181
|
-
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
27221
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.InfoIcon, { className: "w-4 h-4" })
|
|
27182
27222
|
]
|
|
27183
27223
|
}
|
|
27184
27224
|
)
|
|
@@ -27197,7 +27237,7 @@ function HistoryStep() {
|
|
|
27197
27237
|
return /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(Highlight, { type: "info", className: "w-full text-center text-[10px] text-[var(--ui-kit-fg-muted)] leading-4", children: t("passport:bridgeMenu.errors.noHistory") });
|
|
27198
27238
|
}
|
|
27199
27239
|
return /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
27200
|
-
isLoading && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
27240
|
+
isLoading && /* @__PURE__ */ (0, import_jsx_runtime115.jsx)("div", { className: "w-full flex items-center justify-center p-[var(--ui-kit-pd)]", children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.LoaderIcon, { className: "w-4 h-4 animate-spin" }) }),
|
|
27201
27241
|
!isLoading && txList.map((item) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(HistoryItem, { ...item }, item.id)),
|
|
27202
27242
|
hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
27203
27243
|
Button,
|
|
@@ -27208,21 +27248,21 @@ function HistoryStep() {
|
|
|
27208
27248
|
className: "w-full",
|
|
27209
27249
|
onClick: () => fetchNextPage(),
|
|
27210
27250
|
children: [
|
|
27211
|
-
isTxDataFetching ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
27251
|
+
isTxDataFetching ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.LoaderIcon, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.DownloadIcon, { className: "w-4 h-4" }),
|
|
27212
27252
|
t("passport:common.loadMore")
|
|
27213
27253
|
]
|
|
27214
27254
|
}
|
|
27215
27255
|
)
|
|
27216
27256
|
] });
|
|
27217
27257
|
}
|
|
27218
|
-
var import_react_query54, import_dayjs8,
|
|
27258
|
+
var import_react_query54, import_dayjs8, import_lucide_react71, import_jsx_runtime115, P_CN3;
|
|
27219
27259
|
var init_HistoryStep = __esm({
|
|
27220
27260
|
"src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx"() {
|
|
27221
27261
|
init_SessionContext();
|
|
27222
27262
|
init_i18n();
|
|
27223
27263
|
import_react_query54 = require("@tanstack/react-query");
|
|
27224
27264
|
import_dayjs8 = __toESM(require("dayjs"), 1);
|
|
27225
|
-
|
|
27265
|
+
import_lucide_react71 = require("lucide-react");
|
|
27226
27266
|
init_tokens();
|
|
27227
27267
|
init_priceFormatter();
|
|
27228
27268
|
init_utils();
|
|
@@ -27309,7 +27349,7 @@ function SelectAssetRoute(props) {
|
|
|
27309
27349
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ResolveChainIcon, { chainName: fromChain.chainName, className: "w-6 h-6 flex-none" }),
|
|
27310
27350
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "max-w-[100px] truncate", children: fromChain.chainLabel })
|
|
27311
27351
|
] }),
|
|
27312
|
-
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
27352
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react72.ArrowLeftRightIcon, { className: "w-4 h-4 flex-none" }),
|
|
27313
27353
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "flex items-center flex-1 gap-[var(--ui-kit-gap)] justify-between", children: [
|
|
27314
27354
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "max-w-[100px] truncate", children: toChain.chainLabel }),
|
|
27315
27355
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ResolveChainIcon, { chainName: toChain.chainName, className: "w-6 h-6 flex-none" })
|
|
@@ -27321,12 +27361,12 @@ function SelectAssetRoute(props) {
|
|
|
27321
27361
|
] })
|
|
27322
27362
|
] });
|
|
27323
27363
|
}
|
|
27324
|
-
var
|
|
27364
|
+
var import_lucide_react72, import_react89, import_jsx_runtime116;
|
|
27325
27365
|
var init_SelectAssetRoute = __esm({
|
|
27326
27366
|
"src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
|
|
27327
27367
|
init_tokens();
|
|
27328
27368
|
init_i18n();
|
|
27329
|
-
|
|
27369
|
+
import_lucide_react72 = require("lucide-react");
|
|
27330
27370
|
import_react89 = require("react");
|
|
27331
27371
|
init_button();
|
|
27332
27372
|
init_ResolveChainIcon();
|
|
@@ -27786,7 +27826,7 @@ var init_utils12 = __esm({
|
|
|
27786
27826
|
function AssetInputIcon({ asset, size = "small" }) {
|
|
27787
27827
|
const iconSizeClass = size === "small" ? "w-6 h-6" : "w-12 h-12";
|
|
27788
27828
|
const subiconSizeClass = size === "small" ? "w-4 h-4" : "w-5 h-5";
|
|
27789
|
-
if (!asset) return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
27829
|
+
if (!asset) return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react73.Coins, { className: iconSizeClass, strokeWidth: 1 });
|
|
27790
27830
|
const isNft = isNftAsset3(asset);
|
|
27791
27831
|
if (isNft) {
|
|
27792
27832
|
return asset.image || asset.nftMetadata?.image ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: cn2(iconSizeClass, "flex-none relative"), children: [
|
|
@@ -27803,10 +27843,10 @@ function AssetInputIcon({ asset, size = "small" }) {
|
|
|
27803
27843
|
}
|
|
27804
27844
|
}
|
|
27805
27845
|
),
|
|
27806
|
-
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
27846
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react73.Sparkles, { className: cn2(subiconSizeClass, "absolute -top-1 -right-1") })
|
|
27807
27847
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: cn2(iconSizeClass, "relative flex-none"), children: [
|
|
27808
|
-
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
27809
|
-
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
27848
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react73.Image, { className: cn2(iconSizeClass, "flex-none") }),
|
|
27849
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react73.Sparkles, { className: cn2(subiconSizeClass, "absolute -top-1 -right-1 text-[var(--ui-kit-bg-success)]") })
|
|
27810
27850
|
] });
|
|
27811
27851
|
}
|
|
27812
27852
|
const isSecurity = isSecurityToken2(asset);
|
|
@@ -27833,7 +27873,7 @@ function AssetInputIcon({ asset, size = "small" }) {
|
|
|
27833
27873
|
children: [
|
|
27834
27874
|
!!CommonAssetIcon ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(CommonAssetIcon, { className: iconSizeClass }) : targetAssetIcon,
|
|
27835
27875
|
isSecurity && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
27836
|
-
|
|
27876
|
+
import_lucide_react73.ShieldCheck,
|
|
27837
27877
|
{
|
|
27838
27878
|
style: { fill: "var(--ui-kit-bg-warning)" },
|
|
27839
27879
|
className: cn2(subiconSizeClass, "absolute -top-1 -right-1 text-[var(--ui-kit-bg-error)]")
|
|
@@ -27843,10 +27883,10 @@ function AssetInputIcon({ asset, size = "small" }) {
|
|
|
27843
27883
|
}
|
|
27844
27884
|
);
|
|
27845
27885
|
}
|
|
27846
|
-
var
|
|
27886
|
+
var import_lucide_react73, import_jsx_runtime119;
|
|
27847
27887
|
var init_AssetInputIcon = __esm({
|
|
27848
27888
|
"src/internal/components/SendMenu/send/components/AssetInputIcon.tsx"() {
|
|
27849
|
-
|
|
27889
|
+
import_lucide_react73 = require("lucide-react");
|
|
27850
27890
|
init_tokens();
|
|
27851
27891
|
init_no_image();
|
|
27852
27892
|
init_utils();
|
|
@@ -27868,7 +27908,7 @@ function NftDisplayCard({ asset }) {
|
|
|
27868
27908
|
className: "w-16 h-16 rounded-[var(--ui-kit-el-bdrs)] object-cover",
|
|
27869
27909
|
onError: () => setImageError(true)
|
|
27870
27910
|
}
|
|
27871
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "w-16 h-16 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-fg)] flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
27911
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "w-16 h-16 rounded-[var(--ui-kit-el-bdrs)] bg-[var(--ui-kit-fg)] flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_lucide_react74.Image, { className: "w-8 h-8 text-[var(--ui-kit-fg-inverted)]" }) }),
|
|
27872
27912
|
/* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex-1 min-w-0", children: [
|
|
27873
27913
|
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "font-semibold text-[var(--ui-kit-fg)] truncate", children: asset.nftMetadata?.name || asset.name }),
|
|
27874
27914
|
/* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "text-sm text-[var(--ui-kit-fg-muted)]", children: [
|
|
@@ -27879,16 +27919,16 @@ function NftDisplayCard({ asset }) {
|
|
|
27879
27919
|
] })
|
|
27880
27920
|
] }),
|
|
27881
27921
|
/* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "text-xs text-[var(--ui-kit-fg-muted)] mt-1 flex items-center gap-1", children: [
|
|
27882
|
-
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
|
|
27922
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_lucide_react74.Sparkles, { className: "w-3 h-3" }),
|
|
27883
27923
|
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { children: asset.type === "erc721" ? "ERC-721" : "ERC-1155" })
|
|
27884
27924
|
] })
|
|
27885
27925
|
] })
|
|
27886
27926
|
] });
|
|
27887
27927
|
}
|
|
27888
|
-
var
|
|
27928
|
+
var import_lucide_react74, import_react94, import_jsx_runtime120;
|
|
27889
27929
|
var init_NftDisplayCard = __esm({
|
|
27890
27930
|
"src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
|
|
27891
|
-
|
|
27931
|
+
import_lucide_react74 = require("lucide-react");
|
|
27892
27932
|
import_react94 = require("react");
|
|
27893
27933
|
import_jsx_runtime120 = require("react/jsx-runtime");
|
|
27894
27934
|
}
|
|
@@ -28041,10 +28081,10 @@ function NicknameData(props) {
|
|
|
28041
28081
|
e.currentTarget.src = no_image_default;
|
|
28042
28082
|
}
|
|
28043
28083
|
}
|
|
28044
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
28084
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_lucide_react75.AtSign, { className: "w-5 h-5" }) }),
|
|
28045
28085
|
/* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
28046
28086
|
/* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)] text-[10px] text-[var(--ui-kit-bg-success)]", children: [
|
|
28047
|
-
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
28087
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_lucide_react75.CheckCircle2, { className: "w-4 h-4 flex-shrink-0" }),
|
|
28048
28088
|
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: nicknameData.handle })
|
|
28049
28089
|
] }),
|
|
28050
28090
|
nicknameData.fingerprint && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
|
|
@@ -28055,7 +28095,7 @@ function NicknameData(props) {
|
|
|
28055
28095
|
isFingerprintVerified ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-error)]"
|
|
28056
28096
|
),
|
|
28057
28097
|
children: [
|
|
28058
|
-
isFingerprintVerified ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
28098
|
+
isFingerprintVerified ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_lucide_react75.ShieldCheck, { className: "w-4 h-4 flex-shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_lucide_react75.ShieldAlert, { className: "w-4 h-4 flex-shrink-0" }),
|
|
28059
28099
|
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: `${resolvedAddress.slice(0, 6)}...${resolvedAddress.slice(-4)} : ` }),
|
|
28060
28100
|
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: isFingerprintVerified ? "Verified" : "FAILED" })
|
|
28061
28101
|
]
|
|
@@ -28064,10 +28104,10 @@ function NicknameData(props) {
|
|
|
28064
28104
|
] })
|
|
28065
28105
|
] });
|
|
28066
28106
|
}
|
|
28067
|
-
var
|
|
28107
|
+
var import_lucide_react75, import_react95, import_jsx_runtime122;
|
|
28068
28108
|
var init_NicknameData = __esm({
|
|
28069
28109
|
"src/internal/components/SendMenu/send/components/NicknameData.tsx"() {
|
|
28070
|
-
|
|
28110
|
+
import_lucide_react75 = require("lucide-react");
|
|
28071
28111
|
import_react95 = require("react");
|
|
28072
28112
|
init_no_image();
|
|
28073
28113
|
init_utils();
|
|
@@ -28286,7 +28326,7 @@ function InputSendStep(props) {
|
|
|
28286
28326
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(AssetInputIcon, { asset: selectedAsset }),
|
|
28287
28327
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: (isNft ? selectedAsset.nftMetadata?.name || selectedAsset.symbol : selectedAsset.name).toUpperCase() })
|
|
28288
28328
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { className: "text-[var(--ui-kit-fg-muted)]", children: "No Asset Selected" }),
|
|
28289
|
-
isAssetsLoading && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28329
|
+
isAssetsLoading && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react76.Loader, { className: "w-4 h-4 animate-spin" })
|
|
28290
28330
|
]
|
|
28291
28331
|
}
|
|
28292
28332
|
),
|
|
@@ -28294,13 +28334,13 @@ function InputSendStep(props) {
|
|
|
28294
28334
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28295
28335
|
Input,
|
|
28296
28336
|
{
|
|
28297
|
-
Icon: isNicknameInput ?
|
|
28337
|
+
Icon: isNicknameInput ? import_lucide_react76.AtSign : import_lucide_react76.Wallet2,
|
|
28298
28338
|
type: "text",
|
|
28299
28339
|
value: recipient,
|
|
28300
28340
|
disabled: isAssetsLoading,
|
|
28301
28341
|
onChange: (e) => setRecipient(e.target.value),
|
|
28302
28342
|
placeholder: "0x... or @nickname",
|
|
28303
|
-
element: isNicknameInput && isResolving ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28343
|
+
element: isNicknameInput && isResolving ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react76.Loader, { className: "w-4 h-4 animate-spin text-[var(--ui-kit-fg-muted)]" }) : null
|
|
28304
28344
|
}
|
|
28305
28345
|
),
|
|
28306
28346
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(NicknameData, { resolvedNicknameData, isNicknameInput }),
|
|
@@ -28309,7 +28349,7 @@ function InputSendStep(props) {
|
|
|
28309
28349
|
!isNft && selectedAsset && /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("span", { className: "block text-[10px]", children: [
|
|
28310
28350
|
t("passport:common.balance"),
|
|
28311
28351
|
" ",
|
|
28312
|
-
isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28352
|
+
isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react76.Loader, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("span", { className: "text-[var(--ui-kit-fg)] font-semibold", children: [
|
|
28313
28353
|
formatPrice(balanceData.formatted),
|
|
28314
28354
|
" ",
|
|
28315
28355
|
balanceData.symbol
|
|
@@ -28336,13 +28376,13 @@ function InputSendStep(props) {
|
|
|
28336
28376
|
type: isComplianceLoading ? "info" : erc3643CanTransfer ? "success" : "error",
|
|
28337
28377
|
className: "flex gap-[var(--ui-kit-gap)]",
|
|
28338
28378
|
children: isComplianceLoading ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
|
|
28339
|
-
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28379
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react76.Loader, { className: "h-4 w-4 animate-spin" }),
|
|
28340
28380
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: "Checking compliance..." })
|
|
28341
28381
|
] }) : erc3643CanTransfer ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
|
|
28342
|
-
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28382
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react76.CheckCircle2, { className: "h-4 w-4" }),
|
|
28343
28383
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: "Transfer compliant" })
|
|
28344
28384
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
|
|
28345
|
-
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28385
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react76.AlertCircle, { className: "h-4 w-4" }),
|
|
28346
28386
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: complianceError || "Transfer not allowed" })
|
|
28347
28387
|
] })
|
|
28348
28388
|
}
|
|
@@ -28362,12 +28402,12 @@ function InputSendStep(props) {
|
|
|
28362
28402
|
)
|
|
28363
28403
|
] });
|
|
28364
28404
|
}
|
|
28365
|
-
var
|
|
28405
|
+
var import_lucide_react76, import_viem20, import_jsx_runtime123;
|
|
28366
28406
|
var init_InputSendStep = __esm({
|
|
28367
28407
|
"src/internal/components/SendMenu/send/sendSteps/InputSendStep.tsx"() {
|
|
28368
28408
|
init_SessionContext();
|
|
28369
28409
|
init_useT();
|
|
28370
|
-
|
|
28410
|
+
import_lucide_react76 = require("lucide-react");
|
|
28371
28411
|
import_viem20 = require("viem");
|
|
28372
28412
|
init_priceFormatter();
|
|
28373
28413
|
init_button();
|
|
@@ -28426,11 +28466,11 @@ function ConfirmSendStep(props) {
|
|
|
28426
28466
|
className: "flex flex-col gap-[var(--ui-kit-gap)]",
|
|
28427
28467
|
children: [
|
|
28428
28468
|
isNicknameInput && isFrozen && /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Highlight, { type: "warning", className: "flex gap-[var(--ui-kit-gap)]", children: [
|
|
28429
|
-
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
28469
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_lucide_react77.AlertTriangle, { className: "h-4 w-4" }),
|
|
28430
28470
|
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { children: "This handle is frozen. Proceed with caution." })
|
|
28431
28471
|
] }),
|
|
28432
28472
|
isSecurity && erc3643CanTransfer && /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
|
|
28433
|
-
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
28473
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_lucide_react77.Shield, { className: "h-4 w-4 flex-shrink-0" }),
|
|
28434
28474
|
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { children: "Security token compliance verified" })
|
|
28435
28475
|
] }),
|
|
28436
28476
|
!isNft && /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex justify-between leading-5", children: [
|
|
@@ -28453,7 +28493,7 @@ function ConfirmSendStep(props) {
|
|
|
28453
28493
|
alt: nicknameData.handle,
|
|
28454
28494
|
className: "w-12 h-12 rounded-full object-cover flex-shrink-0"
|
|
28455
28495
|
}
|
|
28456
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
28496
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)("div", { className: "w-12 h-12 rounded-full bg-[var(--ui-kit-secondary)] flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_lucide_react77.AtSign, { className: "w-6 h-6" }) }),
|
|
28457
28497
|
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-1 flex-col gap-1", children: [
|
|
28458
28498
|
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "font-medium text-[14px] leading-4 truncate", children: nicknameData.handle }),
|
|
28459
28499
|
nicknameData.fingerprint && /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
|
|
@@ -28464,7 +28504,7 @@ function ConfirmSendStep(props) {
|
|
|
28464
28504
|
isFingerprintVerified ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-error)]"
|
|
28465
28505
|
),
|
|
28466
28506
|
children: [
|
|
28467
|
-
isFingerprintVerified ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
28507
|
+
isFingerprintVerified ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_lucide_react77.ShieldCheck, { className: "w-4 h-4 flex-shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_lucide_react77.ShieldAlert, { className: "w-4 h-4 flex-shrink-0" }),
|
|
28468
28508
|
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("span", { children: [
|
|
28469
28509
|
"Fingerprint: ",
|
|
28470
28510
|
nicknameData.fingerprint
|
|
@@ -28546,7 +28586,7 @@ function ConfirmSendStep(props) {
|
|
|
28546
28586
|
className: "w-full",
|
|
28547
28587
|
size: "large",
|
|
28548
28588
|
children: [
|
|
28549
|
-
isTransactionPending && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
28589
|
+
isTransactionPending && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_lucide_react77.Loader, { className: "h-4 w-4 animate-spin" }),
|
|
28550
28590
|
t("passport:common.confirm")
|
|
28551
28591
|
]
|
|
28552
28592
|
}
|
|
@@ -28555,13 +28595,13 @@ function ConfirmSendStep(props) {
|
|
|
28555
28595
|
}
|
|
28556
28596
|
);
|
|
28557
28597
|
}
|
|
28558
|
-
var import_react_query57,
|
|
28598
|
+
var import_react_query57, import_lucide_react77, import_jsx_runtime124;
|
|
28559
28599
|
var init_ConfirmSendStep = __esm({
|
|
28560
28600
|
"src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx"() {
|
|
28561
28601
|
init_SessionContext();
|
|
28562
28602
|
init_i18n();
|
|
28563
28603
|
import_react_query57 = require("@tanstack/react-query");
|
|
28564
|
-
|
|
28604
|
+
import_lucide_react77 = require("lucide-react");
|
|
28565
28605
|
init_priceFormatter();
|
|
28566
28606
|
init_utils();
|
|
28567
28607
|
init_Onboarding();
|
|
@@ -28689,7 +28729,7 @@ function SendMenu() {
|
|
|
28689
28729
|
}
|
|
28690
28730
|
),
|
|
28691
28731
|
txStep === "pending" && /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Highlight, { type: "info", className: "flex gap-[var(--ui-kit-gap)]", children: [
|
|
28692
|
-
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
28732
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_lucide_react78.Loader, { className: "h-4 w-4 animate-spin" }),
|
|
28693
28733
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "flex-1", children: [
|
|
28694
28734
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "block leading-4 font-semibold", children: t("passport:sendMenu.pendingStep") }),
|
|
28695
28735
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: t("passport:sendMenu.pendingStepMsg") })
|
|
@@ -28697,7 +28737,7 @@ function SendMenu() {
|
|
|
28697
28737
|
] }),
|
|
28698
28738
|
txStep === "success" && userOpHash && /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
|
|
28699
28739
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
|
|
28700
|
-
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
28740
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_lucide_react78.CheckCircle2, { className: "h-4 w-4" }),
|
|
28701
28741
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "flex-1", children: [
|
|
28702
28742
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "block leading-4 font-semibold", children: "Transaction Initiated" }),
|
|
28703
28743
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: "Your transaction is being processed and might take some time to accomplish. Visit your transaction history for details." })
|
|
@@ -28715,7 +28755,7 @@ function SendMenu() {
|
|
|
28715
28755
|
] })
|
|
28716
28756
|
] });
|
|
28717
28757
|
}
|
|
28718
|
-
var
|
|
28758
|
+
var import_lucide_react78, import_react96, import_viem21, import_jsx_runtime125;
|
|
28719
28759
|
var init_SendMenu = __esm({
|
|
28720
28760
|
"src/internal/components/SendMenu/send/SendMenu.tsx"() {
|
|
28721
28761
|
init_SessionContext();
|
|
@@ -28723,7 +28763,7 @@ var init_SendMenu = __esm({
|
|
|
28723
28763
|
init_useNicknameResolve();
|
|
28724
28764
|
init_useSendTransaction();
|
|
28725
28765
|
init_useT();
|
|
28726
|
-
|
|
28766
|
+
import_lucide_react78 = require("lucide-react");
|
|
28727
28767
|
import_react96 = require("react");
|
|
28728
28768
|
import_viem21 = require("viem");
|
|
28729
28769
|
init_useBlockscoutAssets2();
|
|
@@ -28840,7 +28880,7 @@ function SelectorFlowButtons() {
|
|
|
28840
28880
|
useFlowSelectorStore.getState().setFlow("send");
|
|
28841
28881
|
},
|
|
28842
28882
|
children: [
|
|
28843
|
-
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
28883
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react79.ArrowRightIcon, { className: "h-4 w-4" }),
|
|
28844
28884
|
t("passport:sendMenu.actions.send")
|
|
28845
28885
|
]
|
|
28846
28886
|
}
|
|
@@ -28856,7 +28896,7 @@ function SelectorFlowButtons() {
|
|
|
28856
28896
|
useFlowSelectorStore.getState().setFlow("bridge");
|
|
28857
28897
|
},
|
|
28858
28898
|
children: [
|
|
28859
|
-
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
28899
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react79.ArrowRightLeftIcon, { className: "h-4 w-4" }),
|
|
28860
28900
|
t("passport:bridgeMenu.actions.bridge")
|
|
28861
28901
|
]
|
|
28862
28902
|
}
|
|
@@ -28927,7 +28967,7 @@ function SendFlowSelector() {
|
|
|
28927
28967
|
}
|
|
28928
28968
|
}
|
|
28929
28969
|
},
|
|
28930
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
28970
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react79.ArrowLeft, { className: "h-4 w-4" })
|
|
28931
28971
|
}
|
|
28932
28972
|
),
|
|
28933
28973
|
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "text-xl font-semibold", children: menuTitle })
|
|
@@ -28951,12 +28991,12 @@ function SendFlowSelector() {
|
|
|
28951
28991
|
] })
|
|
28952
28992
|
] });
|
|
28953
28993
|
}
|
|
28954
|
-
var
|
|
28994
|
+
var import_lucide_react79, import_react98, import_jsx_runtime126;
|
|
28955
28995
|
var init_SendFlowSelector = __esm({
|
|
28956
28996
|
"src/internal/components/SendMenu/SendFlowSelector.tsx"() {
|
|
28957
28997
|
init_ProviderContext();
|
|
28958
28998
|
init_i18n();
|
|
28959
|
-
|
|
28999
|
+
import_lucide_react79 = require("lucide-react");
|
|
28960
29000
|
import_react98 = require("react");
|
|
28961
29001
|
init_useLayoutDataStore();
|
|
28962
29002
|
init_utils();
|
|
@@ -29735,7 +29775,7 @@ function TransactionsGroup(props) {
|
|
|
29735
29775
|
children: [
|
|
29736
29776
|
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
|
|
29737
29777
|
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center gap-1 flex-0 w-fit", children: [
|
|
29738
|
-
parent.direction === "in" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
29778
|
+
parent.direction === "in" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react80.ChevronLeft, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react80.ChevronRight, { className: "w-4 h-4" }),
|
|
29739
29779
|
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "text-[10px] uppercase", children: isIncoming ? t("passport:common.received") : t("passport:common.sent") }),
|
|
29740
29780
|
parent.status === "ok" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(PositiveIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(NegativeIcon, {})
|
|
29741
29781
|
] }),
|
|
@@ -29763,7 +29803,7 @@ function TransactionsGroup(props) {
|
|
|
29763
29803
|
onClick: (e) => {
|
|
29764
29804
|
e.stopPropagation();
|
|
29765
29805
|
},
|
|
29766
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
29806
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react80.Copy, { className: "w-4 h-4" })
|
|
29767
29807
|
}
|
|
29768
29808
|
) })
|
|
29769
29809
|
] }),
|
|
@@ -29789,7 +29829,7 @@ function TransactionsGroup(props) {
|
|
|
29789
29829
|
internalsToRender.length,
|
|
29790
29830
|
")"
|
|
29791
29831
|
] }),
|
|
29792
|
-
expanded ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
29832
|
+
expanded ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react80.ChevronUp, { className: "w-4 h-4 text-[var(--ui-kit-fg-muted)]" }) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react80.ChevronDown, { className: "w-4 h-4 text-[var(--ui-kit-fg-muted)]" })
|
|
29793
29833
|
]
|
|
29794
29834
|
}
|
|
29795
29835
|
),
|
|
@@ -29810,11 +29850,11 @@ function TransactionsGroup(props) {
|
|
|
29810
29850
|
}
|
|
29811
29851
|
);
|
|
29812
29852
|
}
|
|
29813
|
-
var
|
|
29853
|
+
var import_lucide_react80, import_jsx_runtime127;
|
|
29814
29854
|
var init_TransactionsGroup = __esm({
|
|
29815
29855
|
"src/internal/components/TransactionsMenu/TransactionsGroup.tsx"() {
|
|
29816
29856
|
init_i18n();
|
|
29817
|
-
|
|
29857
|
+
import_lucide_react80 = require("lucide-react");
|
|
29818
29858
|
init_icons();
|
|
29819
29859
|
init_utils();
|
|
29820
29860
|
init_button();
|
|
@@ -29851,7 +29891,7 @@ function TransactionsMenu() {
|
|
|
29851
29891
|
const txHistoryResolvedError = txHistoryError ? txHistoryError instanceof Error ? txHistoryError.message : "Failed to load transactions" : null;
|
|
29852
29892
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
29853
29893
|
/* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
29854
|
-
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
29894
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("settings" /* SETTINGS */), children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react81.ArrowLeft, { className: "h-4 w-4" }) }),
|
|
29855
29895
|
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "text-xl font-semibold", children: t("passport:transactionsMenu.title") }),
|
|
29856
29896
|
historySupported && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
29857
29897
|
Button,
|
|
@@ -29861,15 +29901,15 @@ function TransactionsMenu() {
|
|
|
29861
29901
|
onClick: refreshTxHistory,
|
|
29862
29902
|
disabled: isTxHistoryFetching,
|
|
29863
29903
|
title: "Refresh transactions",
|
|
29864
|
-
children: isTxHistoryFetching ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
29904
|
+
children: isTxHistoryFetching ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react81.Loader, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react81.RefreshCw, { className: "h-4 w-4" })
|
|
29865
29905
|
}
|
|
29866
29906
|
)
|
|
29867
29907
|
] }),
|
|
29868
29908
|
!historySupported && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Highlight, { type: "warning", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { children: t("passport:transactionsMenu.comingSoon") }) }),
|
|
29869
|
-
historySupported && isTxHistoryLoading && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
29909
|
+
historySupported && isTxHistoryLoading && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react81.Loader, { className: "w-4 h-4 animate-spin" }) }),
|
|
29870
29910
|
historySupported && !isTxHistoryLoading && !txHistoryResolvedError && txHistoryGroups.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(Highlight, { type: "info", children: /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { children: t("passport:transactionsMenu.noTransactions") }) }),
|
|
29871
29911
|
historySupported && !isTxHistoryLoading && txHistoryResolvedError && /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(Highlight, { type: "error", className: "flex gap-[var(--ui-kit-gap)]", children: [
|
|
29872
|
-
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
29912
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react81.XCircle, { className: "w-4 h-4 flex-none" }),
|
|
29873
29913
|
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "block w-full flex-1 text-center text-xs", children: txHistoryResolvedError })
|
|
29874
29914
|
] }),
|
|
29875
29915
|
historySupported && !isTxHistoryLoading && !txHistoryResolvedError && txHistoryGroups.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: txHistoryGroups.map((group) => /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
@@ -29883,13 +29923,13 @@ function TransactionsMenu() {
|
|
|
29883
29923
|
)) })
|
|
29884
29924
|
] });
|
|
29885
29925
|
}
|
|
29886
|
-
var import_react_query58,
|
|
29926
|
+
var import_react_query58, import_lucide_react81, import_react100, import_jsx_runtime128;
|
|
29887
29927
|
var init_TransactionsMenu = __esm({
|
|
29888
29928
|
"src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
|
|
29889
29929
|
init_SessionContext();
|
|
29890
29930
|
init_i18n();
|
|
29891
29931
|
import_react_query58 = require("@tanstack/react-query");
|
|
29892
|
-
|
|
29932
|
+
import_lucide_react81 = require("lucide-react");
|
|
29893
29933
|
import_react100 = require("react");
|
|
29894
29934
|
init_useLayoutDataStore();
|
|
29895
29935
|
init_Expandable2();
|
|
@@ -29928,20 +29968,20 @@ var init_TransactionsMenu2 = __esm({
|
|
|
29928
29968
|
});
|
|
29929
29969
|
|
|
29930
29970
|
// src/internal/components/SettingsMenu/constants.ts
|
|
29931
|
-
var
|
|
29932
|
-
var
|
|
29971
|
+
var import_lucide_react82, NAV_BUTTONS;
|
|
29972
|
+
var init_constants10 = __esm({
|
|
29933
29973
|
"src/internal/components/SettingsMenu/constants.ts"() {
|
|
29934
|
-
|
|
29974
|
+
import_lucide_react82 = require("lucide-react");
|
|
29935
29975
|
init_icons();
|
|
29936
29976
|
NAV_BUTTONS = [
|
|
29937
|
-
{ id: "transactions" /* TRANSACTIONS */, name: "passport:transactionsMenu.title", Icon:
|
|
29938
|
-
{ id: "user-activity" /* USER_ACTIVITY */, name: "passport:userActivityMenu.title", Icon:
|
|
29977
|
+
{ id: "transactions" /* TRANSACTIONS */, name: "passport:transactionsMenu.title", Icon: import_lucide_react82.ArrowLeftRight },
|
|
29978
|
+
{ id: "user-activity" /* USER_ACTIVITY */, name: "passport:userActivityMenu.title", Icon: import_lucide_react82.ActivityIcon },
|
|
29939
29979
|
{ id: "kyc" /* KYC */, name: "passport:kycMenu.title", Icon: kyc_default },
|
|
29940
|
-
{ id: "nickname-settings" /* NICKNAME_SETTINGS */, name: "passport:nicknameMenu.title", Icon:
|
|
29941
|
-
{ id: "manage-wallet" /* MANAGE_WALLET */, name: "passport:profilesMenu.title", Icon:
|
|
29942
|
-
{ id: "security" /* SECURITY */, name: "passport:securityMenu.title", Icon:
|
|
29943
|
-
{ id: "keysare-backup" /* KEYSARE_BACKUP */, name: "passport:backupMenu.title", Icon:
|
|
29944
|
-
{ id: "chain" /* CHAIN */, name: "passport:chainMenu.title", Icon:
|
|
29980
|
+
{ id: "nickname-settings" /* NICKNAME_SETTINGS */, name: "passport:nicknameMenu.title", Icon: import_lucide_react82.AtSign },
|
|
29981
|
+
{ id: "manage-wallet" /* MANAGE_WALLET */, name: "passport:profilesMenu.title", Icon: import_lucide_react82.UsersRound },
|
|
29982
|
+
{ id: "security" /* SECURITY */, name: "passport:securityMenu.title", Icon: import_lucide_react82.LockKeyhole },
|
|
29983
|
+
{ id: "keysare-backup" /* KEYSARE_BACKUP */, name: "passport:backupMenu.title", Icon: import_lucide_react82.DatabaseBackup },
|
|
29984
|
+
{ id: "chain" /* CHAIN */, name: "passport:chainMenu.title", Icon: import_lucide_react82.Link2 }
|
|
29945
29985
|
];
|
|
29946
29986
|
}
|
|
29947
29987
|
});
|
|
@@ -29963,7 +30003,7 @@ function useSettingsButtons(chainId) {
|
|
|
29963
30003
|
}
|
|
29964
30004
|
});
|
|
29965
30005
|
if (proMode) {
|
|
29966
|
-
settingsButtons.push({ id: "devices" /* DEVICES */, name: "passport:guardiansMenu.title", Icon:
|
|
30006
|
+
settingsButtons.push({ id: "devices" /* DEVICES */, name: "passport:guardiansMenu.title", Icon: import_lucide_react83.HardDrive });
|
|
29967
30007
|
}
|
|
29968
30008
|
return settingsButtons;
|
|
29969
30009
|
}
|
|
@@ -29985,7 +30025,7 @@ function SettingsMenu() {
|
|
|
29985
30025
|
const highlightedKeys = settingsNotifications.map((n) => n.target);
|
|
29986
30026
|
return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Expandable, { isExpanded: true, contentClassName: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
29987
30027
|
/* @__PURE__ */ (0, import_jsx_runtime129.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
29988
|
-
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
|
|
30028
|
+
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)(Button, { variant: "ghost", size: "icon", title: "Back", onClick: () => setPage("main-menu" /* MAIN_MENU */), children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(import_lucide_react83.ArrowLeft, { className: "h-4 w-4" }) }),
|
|
29989
30029
|
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "text-xl font-semibold", children: t("passport:common.settings") })
|
|
29990
30030
|
] }),
|
|
29991
30031
|
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: settingsButtons.map((el) => ({ ...el, onClick: () => setPage(el.id) })).map(({ id, name, Icon: Icon2, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(
|
|
@@ -30008,14 +30048,14 @@ function SettingsMenu() {
|
|
|
30008
30048
|
)) })
|
|
30009
30049
|
] });
|
|
30010
30050
|
}
|
|
30011
|
-
var import_react_query59,
|
|
30051
|
+
var import_react_query59, import_lucide_react83, import_jsx_runtime129;
|
|
30012
30052
|
var init_SettingsMenu = __esm({
|
|
30013
30053
|
"src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
|
|
30014
30054
|
init_ProviderContext();
|
|
30015
30055
|
init_SessionContext();
|
|
30016
30056
|
init_i18n();
|
|
30017
30057
|
import_react_query59 = require("@tanstack/react-query");
|
|
30018
|
-
|
|
30058
|
+
import_lucide_react83 = require("lucide-react");
|
|
30019
30059
|
init_nickname();
|
|
30020
30060
|
init_profile();
|
|
30021
30061
|
init_useLayoutDataStore();
|
|
@@ -30026,7 +30066,7 @@ var init_SettingsMenu = __esm({
|
|
|
30026
30066
|
init_Onboarding();
|
|
30027
30067
|
init_TransactionsMenu2();
|
|
30028
30068
|
init_button();
|
|
30029
|
-
|
|
30069
|
+
init_constants10();
|
|
30030
30070
|
import_jsx_runtime129 = require("react/jsx-runtime");
|
|
30031
30071
|
}
|
|
30032
30072
|
});
|
|
@@ -30068,7 +30108,7 @@ function UserActivityMenu() {
|
|
|
30068
30108
|
size: "icon",
|
|
30069
30109
|
title: "Back",
|
|
30070
30110
|
onClick: () => useLayoutDataStore.getState().setPage("settings" /* SETTINGS */),
|
|
30071
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
30111
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_lucide_react84.ArrowLeft, { className: "h-4 w-4" })
|
|
30072
30112
|
}
|
|
30073
30113
|
),
|
|
30074
30114
|
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "text-xl font-semibold", children: t("passport:userActivityMenu.title") })
|
|
@@ -30080,11 +30120,11 @@ function UserActivityMenu() {
|
|
|
30080
30120
|
) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]" })
|
|
30081
30121
|
] });
|
|
30082
30122
|
}
|
|
30083
|
-
var
|
|
30123
|
+
var import_lucide_react84, import_jsx_runtime130;
|
|
30084
30124
|
var init_UserActivityMenu = __esm({
|
|
30085
30125
|
"src/internal/components/UserActivityMenu/UserActivityMenu.tsx"() {
|
|
30086
30126
|
init_i18n();
|
|
30087
|
-
|
|
30127
|
+
import_lucide_react84 = require("lucide-react");
|
|
30088
30128
|
init_useLayoutDataStore();
|
|
30089
30129
|
init_Expandable2();
|
|
30090
30130
|
init_Onboarding();
|
|
@@ -30390,7 +30430,7 @@ var init_package = __esm({
|
|
|
30390
30430
|
"package.json"() {
|
|
30391
30431
|
package_default = {
|
|
30392
30432
|
name: "@embarkai/ui-kit",
|
|
30393
|
-
version: "0.4.
|
|
30433
|
+
version: "0.4.123",
|
|
30394
30434
|
description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
|
|
30395
30435
|
type: "module",
|
|
30396
30436
|
main: "./dist/index.cjs",
|
|
@@ -30588,7 +30628,7 @@ function Footer() {
|
|
|
30588
30628
|
disabled: isDisconnecting || isDialogForced,
|
|
30589
30629
|
children: [
|
|
30590
30630
|
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { children: t("passport:auth.logout") }),
|
|
30591
|
-
isDisconnecting ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
30631
|
+
isDisconnecting ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react85.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_lucide_react85.LogOut, { className: "w-4 h-4" })
|
|
30592
30632
|
]
|
|
30593
30633
|
}
|
|
30594
30634
|
) : null
|
|
@@ -30607,7 +30647,7 @@ function Footer() {
|
|
|
30607
30647
|
}
|
|
30608
30648
|
);
|
|
30609
30649
|
}
|
|
30610
|
-
var import_react_query60,
|
|
30650
|
+
var import_react_query60, import_lucide_react85, import_jsx_runtime132, FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, FOOTER_TOUR;
|
|
30611
30651
|
var init_Footer = __esm({
|
|
30612
30652
|
"src/internal/components/Footer/Footer.tsx"() {
|
|
30613
30653
|
init_package();
|
|
@@ -30617,7 +30657,7 @@ var init_Footer = __esm({
|
|
|
30617
30657
|
init_i18n();
|
|
30618
30658
|
init_useSafeDisconnect();
|
|
30619
30659
|
import_react_query60 = require("@tanstack/react-query");
|
|
30620
|
-
|
|
30660
|
+
import_lucide_react85 = require("lucide-react");
|
|
30621
30661
|
init_auth();
|
|
30622
30662
|
init_base3();
|
|
30623
30663
|
init_useLayoutDataStore();
|
|
@@ -30778,7 +30818,7 @@ function Header() {
|
|
|
30778
30818
|
style: { width: "calc(100% - 48px - var(--ui-kit-gap))" },
|
|
30779
30819
|
className: "flex-1 flex flex-col justify-center gap-1",
|
|
30780
30820
|
children: [
|
|
30781
|
-
isProfileLoading && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
30821
|
+
isProfileLoading && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react86.Loader, { className: "w-4 h-4 animate-spin" }),
|
|
30782
30822
|
!!address && !isProfileLoading && !!profile && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
|
|
30783
30823
|
/* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
30784
30824
|
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
@@ -30816,7 +30856,7 @@ function Header() {
|
|
|
30816
30856
|
setCopied(true);
|
|
30817
30857
|
setTimeout(() => setCopied(false), 1500);
|
|
30818
30858
|
},
|
|
30819
|
-
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(PositiveIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
30859
|
+
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(PositiveIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react86.Copy, { className: "w-4 h-4" })
|
|
30820
30860
|
}
|
|
30821
30861
|
),
|
|
30822
30862
|
!!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
@@ -30827,7 +30867,7 @@ function Header() {
|
|
|
30827
30867
|
variant: "ghost",
|
|
30828
30868
|
className: "text-[10px] px-2",
|
|
30829
30869
|
onClick: () => onboarder.startTour(ONBOARDING_TOURS[embarkPage]({ config: config.current })),
|
|
30830
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
30870
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react86.CircleQuestionMarkIcon, { className: "w-4 h-4" })
|
|
30831
30871
|
}
|
|
30832
30872
|
)
|
|
30833
30873
|
] })
|
|
@@ -30837,14 +30877,14 @@ function Header() {
|
|
|
30837
30877
|
}
|
|
30838
30878
|
);
|
|
30839
30879
|
}
|
|
30840
|
-
var
|
|
30880
|
+
var import_lucide_react86, import_react103, import_jsx_runtime133;
|
|
30841
30881
|
var init_Header = __esm({
|
|
30842
30882
|
"src/internal/components/Header/Header.tsx"() {
|
|
30843
30883
|
init_lumia2();
|
|
30844
30884
|
init_networks3();
|
|
30845
30885
|
init_ProviderContext();
|
|
30846
30886
|
init_SessionContext();
|
|
30847
|
-
|
|
30887
|
+
import_lucide_react86 = require("lucide-react");
|
|
30848
30888
|
import_react103 = require("react");
|
|
30849
30889
|
init_icons();
|
|
30850
30890
|
init_auth();
|
|
@@ -30880,7 +30920,7 @@ function useDecideContentStyles() {
|
|
|
30880
30920
|
style: (0, import_lodash_es17.merge)({}, mobileStyles)
|
|
30881
30921
|
};
|
|
30882
30922
|
}
|
|
30883
|
-
var DialogPrimitive, import_lodash_es17,
|
|
30923
|
+
var DialogPrimitive, import_lodash_es17, import_lucide_react87, import_react104, import_jsx_runtime134, Dialog, DialogPortal, DialogOverlay, CONTENT_BG_SETUP, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription;
|
|
30884
30924
|
var init_dialog = __esm({
|
|
30885
30925
|
"src/internal/components/ui/dialog.tsx"() {
|
|
30886
30926
|
init_utils();
|
|
@@ -30888,7 +30928,7 @@ var init_dialog = __esm({
|
|
|
30888
30928
|
init_i18n();
|
|
30889
30929
|
DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
|
|
30890
30930
|
import_lodash_es17 = require("lodash-es");
|
|
30891
|
-
|
|
30931
|
+
import_lucide_react87 = require("lucide-react");
|
|
30892
30932
|
import_react104 = require("react");
|
|
30893
30933
|
init_useLayoutDataStore();
|
|
30894
30934
|
init_useLayoutStore();
|
|
@@ -30997,7 +31037,7 @@ var init_dialog = __esm({
|
|
|
30997
31037
|
onClick: () => setPage("settings" /* SETTINGS */),
|
|
30998
31038
|
children: [
|
|
30999
31039
|
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "sr-only", children: t("passport:common.settings") }),
|
|
31000
|
-
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
31040
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react87.SlidersHorizontal, { className: "w-4 h-4" }),
|
|
31001
31041
|
!!settingsNotifications.length && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
31002
31042
|
"div",
|
|
31003
31043
|
{
|
|
@@ -31013,7 +31053,7 @@ var init_dialog = __esm({
|
|
|
31013
31053
|
}
|
|
31014
31054
|
),
|
|
31015
31055
|
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(DialogPrimitive.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime134.jsxs)(Button, { variant: "ghost", size: "icon", className: "w-4 h-4", children: [
|
|
31016
|
-
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
31056
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react87.X, { className: "h-4 w-4" }),
|
|
31017
31057
|
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "sr-only", children: t("passport:common.close") })
|
|
31018
31058
|
] }) })
|
|
31019
31059
|
]
|
|
@@ -33998,7 +34038,7 @@ init_ErrorBoundary2();
|
|
|
33998
34038
|
// src/components/ConnectWalletButton.tsx
|
|
33999
34039
|
init_lumia2();
|
|
34000
34040
|
init_embarkAI2();
|
|
34001
|
-
var
|
|
34041
|
+
var import_lucide_react88 = require("lucide-react");
|
|
34002
34042
|
var import_react111 = require("react");
|
|
34003
34043
|
init_SessionContext();
|
|
34004
34044
|
init_auth();
|
|
@@ -34051,7 +34091,7 @@ function ConnectWalletButton(props) {
|
|
|
34051
34091
|
disabled: isConnecting,
|
|
34052
34092
|
onClick: () => setPage("auth" /* AUTH */),
|
|
34053
34093
|
children: [
|
|
34054
|
-
isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
34094
|
+
isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(embarkAI_default2, { className: "w-6 h-6" }),
|
|
34055
34095
|
connectButtonLabel.toUpperCase()
|
|
34056
34096
|
]
|
|
34057
34097
|
}
|
|
@@ -34072,7 +34112,7 @@ function ConnectWalletButton(props) {
|
|
|
34072
34112
|
"disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
|
|
34073
34113
|
),
|
|
34074
34114
|
children: [
|
|
34075
|
-
isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
34115
|
+
isConnecting ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "w-6 h-6 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(embarkAI_default2, { className: "w-6 h-6" }),
|
|
34076
34116
|
connectButtonLabel.toUpperCase()
|
|
34077
34117
|
]
|
|
34078
34118
|
}
|
|
@@ -34095,7 +34135,7 @@ function ConnectWalletButton(props) {
|
|
|
34095
34135
|
] }),
|
|
34096
34136
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
|
|
34097
34137
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
34098
|
-
isProfileLoading ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
34138
|
+
isProfileLoading ? /* @__PURE__ */ (0, import_jsx_runtime139.jsx)(import_lucide_react88.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime139.jsx)("span", { className: "w-fit text-[14px] leading-4 truncate max-w-[144px] text-[var(--ui-kit-fg)]", children: displayName }),
|
|
34099
34139
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(KYCStatus, {})
|
|
34100
34140
|
] }),
|
|
34101
34141
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(BalanceView, {})
|
|
@@ -34103,7 +34143,7 @@ function ConnectWalletButton(props) {
|
|
|
34103
34143
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
34104
34144
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "group relative", children: [
|
|
34105
34145
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
34106
|
-
|
|
34146
|
+
import_lucide_react88.Cloud,
|
|
34107
34147
|
{
|
|
34108
34148
|
className: `w-3 h-3 ${indicators.server ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
34109
34149
|
}
|
|
@@ -34125,7 +34165,7 @@ function ConnectWalletButton(props) {
|
|
|
34125
34165
|
] }),
|
|
34126
34166
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "group relative", children: [
|
|
34127
34167
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
34128
|
-
|
|
34168
|
+
import_lucide_react88.Laptop,
|
|
34129
34169
|
{
|
|
34130
34170
|
className: `w-3 h-3 ${indicators.local ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
34131
34171
|
}
|
|
@@ -34147,7 +34187,7 @@ function ConnectWalletButton(props) {
|
|
|
34147
34187
|
] }),
|
|
34148
34188
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "group relative", children: [
|
|
34149
34189
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
34150
|
-
|
|
34190
|
+
import_lucide_react88.Shield,
|
|
34151
34191
|
{
|
|
34152
34192
|
className: `w-3 h-3 ${indicators.backup ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
34153
34193
|
}
|
|
@@ -34221,7 +34261,7 @@ init_useOpenPage();
|
|
|
34221
34261
|
init_useColorMode();
|
|
34222
34262
|
|
|
34223
34263
|
// src/components/ThemeToggle.tsx
|
|
34224
|
-
var
|
|
34264
|
+
var import_lucide_react89 = require("lucide-react");
|
|
34225
34265
|
init_useColorMode();
|
|
34226
34266
|
init_button();
|
|
34227
34267
|
init_utils();
|
|
@@ -34242,7 +34282,7 @@ function ThemeToggle(props) {
|
|
|
34242
34282
|
variant: "ghost",
|
|
34243
34283
|
onClick: () => setColorMode(colorMode === "light" ? "dark" : "light"),
|
|
34244
34284
|
title: `Current theme: ${colorMode}. Click to switch.`,
|
|
34245
|
-
children: colorMode === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
34285
|
+
children: colorMode === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_lucide_react89.Sun, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(import_lucide_react89.Moon, { className: "w-4 h-4" })
|
|
34246
34286
|
}
|
|
34247
34287
|
)
|
|
34248
34288
|
}
|
|
@@ -34283,14 +34323,14 @@ function LangToggle(props) {
|
|
|
34283
34323
|
init_useLayoutDataStore();
|
|
34284
34324
|
|
|
34285
34325
|
// src/internal/components/UserOpStatus.tsx
|
|
34286
|
-
var
|
|
34326
|
+
var import_lucide_react91 = require("lucide-react");
|
|
34287
34327
|
var React34 = __toESM(require("react"), 1);
|
|
34288
34328
|
init_getUserOperationByHash();
|
|
34289
34329
|
init_getUserOperationReceipt();
|
|
34290
34330
|
init_cn();
|
|
34291
34331
|
|
|
34292
34332
|
// src/internal/components/Address.tsx
|
|
34293
|
-
var
|
|
34333
|
+
var import_lucide_react90 = require("lucide-react");
|
|
34294
34334
|
var React33 = __toESM(require("react"), 1);
|
|
34295
34335
|
init_cn();
|
|
34296
34336
|
init_button();
|
|
@@ -34334,7 +34374,7 @@ var Address = ({
|
|
|
34334
34374
|
} catch {
|
|
34335
34375
|
}
|
|
34336
34376
|
},
|
|
34337
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
34377
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react90.Copy, { className: "h-4 w-4" })
|
|
34338
34378
|
}
|
|
34339
34379
|
),
|
|
34340
34380
|
showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
@@ -34345,7 +34385,7 @@ var Address = ({
|
|
|
34345
34385
|
rel: "noreferrer noopener",
|
|
34346
34386
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
34347
34387
|
title: "Open in explorer",
|
|
34348
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
34388
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react90.ExternalLink, { className: "h-4 w-4" })
|
|
34349
34389
|
}
|
|
34350
34390
|
)
|
|
34351
34391
|
] });
|
|
@@ -34470,30 +34510,30 @@ var UserOpStatus = ({
|
|
|
34470
34510
|
if (receipt) {
|
|
34471
34511
|
const ok = !!receipt.success;
|
|
34472
34512
|
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: ok ? "success" : "destructive", children: [
|
|
34473
|
-
ok ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34513
|
+
ok ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.CheckCircle2, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
|
|
34474
34514
|
ok ? "Included" : "Failed"
|
|
34475
34515
|
] });
|
|
34476
34516
|
}
|
|
34477
34517
|
if (rejected) {
|
|
34478
34518
|
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "destructive", children: [
|
|
34479
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34519
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
|
|
34480
34520
|
" Rejected by bundler"
|
|
34481
34521
|
] });
|
|
34482
34522
|
}
|
|
34483
34523
|
if (timedOut) {
|
|
34484
34524
|
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "warning", children: [
|
|
34485
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34525
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
|
|
34486
34526
|
" Timeout - may be rejected"
|
|
34487
34527
|
] });
|
|
34488
34528
|
}
|
|
34489
34529
|
if (mempool) {
|
|
34490
34530
|
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "outline", children: [
|
|
34491
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34531
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Clock, { className: "h-3 w-3" }),
|
|
34492
34532
|
" Pending in bundler"
|
|
34493
34533
|
] });
|
|
34494
34534
|
}
|
|
34495
34535
|
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "secondary", children: [
|
|
34496
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34536
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Clock, { className: "h-3 w-3" }),
|
|
34497
34537
|
" Waiting"
|
|
34498
34538
|
] });
|
|
34499
34539
|
};
|
|
@@ -34512,7 +34552,7 @@ var UserOpStatus = ({
|
|
|
34512
34552
|
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "text-xs text-muted-foreground", children: "This is a UserOperation hash (EIP-4337), not a L2 tx hash." })
|
|
34513
34553
|
] }),
|
|
34514
34554
|
/* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Button, { variant: "ghost", size: "small", onClick: () => tick(), disabled: refreshing, className: "h-8", children: [
|
|
34515
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34555
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.RefreshCw, { className: cn("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
|
|
34516
34556
|
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "text-xs", children: "Refresh" })
|
|
34517
34557
|
] })
|
|
34518
34558
|
] }),
|
|
@@ -34531,7 +34571,7 @@ var UserOpStatus = ({
|
|
|
34531
34571
|
} catch {
|
|
34532
34572
|
}
|
|
34533
34573
|
},
|
|
34534
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34574
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Copy, { className: "h-3.5 w-3.5" })
|
|
34535
34575
|
}
|
|
34536
34576
|
)
|
|
34537
34577
|
] }),
|
|
@@ -34550,7 +34590,7 @@ var UserOpStatus = ({
|
|
|
34550
34590
|
} catch {
|
|
34551
34591
|
}
|
|
34552
34592
|
},
|
|
34553
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34593
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Copy, { className: "h-3.5 w-3.5" })
|
|
34554
34594
|
}
|
|
34555
34595
|
),
|
|
34556
34596
|
chain?.blockExplorers?.default?.url && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
@@ -34561,7 +34601,7 @@ var UserOpStatus = ({
|
|
|
34561
34601
|
rel: "noreferrer noopener",
|
|
34562
34602
|
className: "inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-accent text-foreground",
|
|
34563
34603
|
title: "Open in explorer",
|
|
34564
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34604
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.ExternalLink, { className: "h-3.5 w-3.5" })
|
|
34565
34605
|
}
|
|
34566
34606
|
)
|
|
34567
34607
|
] }),
|
|
@@ -34590,16 +34630,16 @@ var UserOpStatus = ({
|
|
|
34590
34630
|
] })
|
|
34591
34631
|
] }),
|
|
34592
34632
|
error && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34593
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34633
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
|
|
34594
34634
|
" ",
|
|
34595
34635
|
error
|
|
34596
34636
|
] }),
|
|
34597
34637
|
rejected && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34598
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34638
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
|
|
34599
34639
|
"UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
|
|
34600
34640
|
] }),
|
|
34601
34641
|
timedOut && /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)("div", { className: "text-sm text-destructive flex items-center gap-1 mt-4", children: [
|
|
34602
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34642
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
|
|
34603
34643
|
"Stopped polling after ",
|
|
34604
34644
|
Math.round(maxPollTimeMs / 1e3),
|
|
34605
34645
|
"s. UserOperation may have been rejected by the bundler."
|
|
@@ -34610,7 +34650,7 @@ var UserOpStatus = ({
|
|
|
34610
34650
|
};
|
|
34611
34651
|
|
|
34612
34652
|
// src/internal/components/Hash.tsx
|
|
34613
|
-
var
|
|
34653
|
+
var import_lucide_react92 = require("lucide-react");
|
|
34614
34654
|
var React35 = __toESM(require("react"), 1);
|
|
34615
34655
|
init_cn();
|
|
34616
34656
|
init_button();
|
|
@@ -34656,7 +34696,7 @@ var Hash = ({
|
|
|
34656
34696
|
} catch {
|
|
34657
34697
|
}
|
|
34658
34698
|
},
|
|
34659
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
34699
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react92.Copy, { className: "h-4 w-4" })
|
|
34660
34700
|
}
|
|
34661
34701
|
),
|
|
34662
34702
|
showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
@@ -34667,7 +34707,7 @@ var Hash = ({
|
|
|
34667
34707
|
rel: "noreferrer noopener",
|
|
34668
34708
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
34669
34709
|
title: "Open in explorer",
|
|
34670
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
34710
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react92.ExternalLink, { className: "h-4 w-4" })
|
|
34671
34711
|
}
|
|
34672
34712
|
)
|
|
34673
34713
|
] });
|