@embarkai/ui-kit 0.4.121 → 0.4.122
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 +292 -259
- package/dist/index.js +99 -67
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -22899,30 +22899,96 @@ var init_onboarding_setup5 = __esm({
|
|
|
22899
22899
|
}
|
|
22900
22900
|
});
|
|
22901
22901
|
|
|
22902
|
+
// src/internal/components/MainMenu/constants.ts
|
|
22903
|
+
var import_lucide_react54, MAIN_MENU_BUTTONS;
|
|
22904
|
+
var init_constants7 = __esm({
|
|
22905
|
+
"src/internal/components/MainMenu/constants.ts"() {
|
|
22906
|
+
import_lucide_react54 = require("lucide-react");
|
|
22907
|
+
MAIN_MENU_BUTTONS = [
|
|
22908
|
+
{
|
|
22909
|
+
id: "send",
|
|
22910
|
+
page: "send" /* SEND */,
|
|
22911
|
+
onboardingId: "mainmenu-send-button" /* sendButton */,
|
|
22912
|
+
label: "passport:main.send",
|
|
22913
|
+
icon: import_lucide_react54.ChevronRight,
|
|
22914
|
+
pageParams: { sendFlow: "send" }
|
|
22915
|
+
},
|
|
22916
|
+
{
|
|
22917
|
+
id: "bridge",
|
|
22918
|
+
page: "send" /* SEND */,
|
|
22919
|
+
onboardingId: "mainmenu-bridge-button" /* bridgeButton */,
|
|
22920
|
+
label: "passport:main.bridge",
|
|
22921
|
+
icon: import_lucide_react54.ArrowRightLeftIcon,
|
|
22922
|
+
pageParams: { sendFlow: "bridge" }
|
|
22923
|
+
},
|
|
22924
|
+
{
|
|
22925
|
+
id: "receive",
|
|
22926
|
+
page: "receive" /* RECEIVE */,
|
|
22927
|
+
onboardingId: "mainmenu-receive-button" /* receiveButton */,
|
|
22928
|
+
label: "passport:main.receive",
|
|
22929
|
+
icon: import_lucide_react54.ChevronLeft,
|
|
22930
|
+
pageParams: {}
|
|
22931
|
+
},
|
|
22932
|
+
{
|
|
22933
|
+
id: "buy",
|
|
22934
|
+
page: "buy" /* BUY */,
|
|
22935
|
+
onboardingId: "mainmenu-buy-button" /* buyButton */,
|
|
22936
|
+
label: "passport:main.buy",
|
|
22937
|
+
icon: import_lucide_react54.DollarSign,
|
|
22938
|
+
pageParams: {}
|
|
22939
|
+
}
|
|
22940
|
+
];
|
|
22941
|
+
}
|
|
22942
|
+
});
|
|
22943
|
+
|
|
22902
22944
|
// src/internal/components/MainMenu/MainMenu.tsx
|
|
22903
22945
|
function MainMenu() {
|
|
22946
|
+
const { config } = useProviderConfig();
|
|
22904
22947
|
const { t } = useT();
|
|
22905
22948
|
const { open: openEmbarkAI } = useOpenPage();
|
|
22906
22949
|
const address = useSession((st) => st.address);
|
|
22907
22950
|
useOnboardingTourAvailable(true);
|
|
22908
22951
|
useProvidersList();
|
|
22952
|
+
const menuButtons = MAIN_MENU_BUTTONS.filter(({ id }) => {
|
|
22953
|
+
switch (id) {
|
|
22954
|
+
case "bridge":
|
|
22955
|
+
return !!config.current?.features?.showAssetBridge;
|
|
22956
|
+
default:
|
|
22957
|
+
return true;
|
|
22958
|
+
}
|
|
22959
|
+
});
|
|
22909
22960
|
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
|
-
|
|
22961
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
22962
|
+
"div",
|
|
22912
22963
|
{
|
|
22913
|
-
|
|
22914
|
-
|
|
22915
|
-
|
|
22916
|
-
|
|
22917
|
-
|
|
22918
|
-
|
|
22919
|
-
|
|
22920
|
-
|
|
22921
|
-
|
|
22922
|
-
|
|
22923
|
-
|
|
22924
|
-
|
|
22925
|
-
|
|
22964
|
+
className: cn(
|
|
22965
|
+
//
|
|
22966
|
+
"grid w-full",
|
|
22967
|
+
"gap-0 md:gap-[var(--ui-kit-gap)]",
|
|
22968
|
+
"py-[10px] md:py-1",
|
|
22969
|
+
{
|
|
22970
|
+
"grid-cols-4": menuButtons.length === 4,
|
|
22971
|
+
"grid-cols-3": menuButtons.length < 4
|
|
22972
|
+
}
|
|
22973
|
+
),
|
|
22974
|
+
children: menuButtons.map(({ page, onboardingId, label, icon: Icon2, pageParams }, btnIdx) => /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(
|
|
22975
|
+
Button,
|
|
22976
|
+
{
|
|
22977
|
+
ref: (inst) => onboarder.registerElement(onboardingId, inst),
|
|
22978
|
+
size: "large",
|
|
22979
|
+
variant: "ghost",
|
|
22980
|
+
disabled: !address,
|
|
22981
|
+
className: cn("flex-col w-full h-fit p-0"),
|
|
22982
|
+
onClick: () => openEmbarkAI(page, pageParams),
|
|
22983
|
+
children: [
|
|
22984
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(Icon2, { className: "w-5 h-5 md:w-8 md:h-8" }),
|
|
22985
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-xs font-semibold", children: t(label) })
|
|
22986
|
+
]
|
|
22987
|
+
},
|
|
22988
|
+
`${page}-${btnIdx}`
|
|
22989
|
+
))
|
|
22990
|
+
}
|
|
22991
|
+
),
|
|
22926
22992
|
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "w-full border-b border-[var(--ui-kit-bd)]" }),
|
|
22927
22993
|
/* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "w-full flex justify-between items-center", children: [
|
|
22928
22994
|
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "pl-[var(--ui-kit-pd)] text-xl font-semibold", children: t("passport:main.assets") }),
|
|
@@ -22935,7 +23001,7 @@ function MainMenu() {
|
|
|
22935
23001
|
onClick: () => useLayoutDataStore.getState().setPage("activity-log" /* ACTIVITY_LOG */),
|
|
22936
23002
|
children: [
|
|
22937
23003
|
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "text-xs", children: t("passport:main.activity") }),
|
|
22938
|
-
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
23004
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_lucide_react55.ListIcon, { className: "w-4 h-4" })
|
|
22939
23005
|
]
|
|
22940
23006
|
}
|
|
22941
23007
|
)
|
|
@@ -22943,56 +23009,23 @@ function MainMenu() {
|
|
|
22943
23009
|
/* @__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
23010
|
] });
|
|
22945
23011
|
}
|
|
22946
|
-
var
|
|
23012
|
+
var import_lucide_react55, import_jsx_runtime97;
|
|
22947
23013
|
var init_MainMenu = __esm({
|
|
22948
23014
|
"src/internal/components/MainMenu/MainMenu.tsx"() {
|
|
23015
|
+
init_ProviderContext();
|
|
22949
23016
|
init_SessionContext();
|
|
22950
23017
|
init_useOpenPage();
|
|
22951
23018
|
init_useT();
|
|
22952
|
-
|
|
23019
|
+
import_lucide_react55 = require("lucide-react");
|
|
22953
23020
|
init_useLayoutDataStore();
|
|
23021
|
+
init_cn();
|
|
22954
23022
|
init_Expandable2();
|
|
22955
23023
|
init_ManageWalletMenu();
|
|
22956
23024
|
init_Onboarding();
|
|
22957
23025
|
init_PortfolioMenu2();
|
|
22958
23026
|
init_button();
|
|
23027
|
+
init_constants7();
|
|
22959
23028
|
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
23029
|
}
|
|
22997
23030
|
});
|
|
22998
23031
|
|
|
@@ -23256,7 +23289,7 @@ function NicknameEditForm(props) {
|
|
|
23256
23289
|
/* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
23257
23290
|
Input,
|
|
23258
23291
|
{
|
|
23259
|
-
Icon:
|
|
23292
|
+
Icon: import_lucide_react56.AtSignIcon,
|
|
23260
23293
|
value: nicknameValue,
|
|
23261
23294
|
onChange: handleNicknameInputChange,
|
|
23262
23295
|
placeholder: t("passport:nicknameMenu.placeholder"),
|
|
@@ -23274,7 +23307,7 @@ function NicknameEditForm(props) {
|
|
|
23274
23307
|
className: cn2("w-12", {
|
|
23275
23308
|
"bg-[var(--ui-kit-bg-success)] text-[var(--ui-kit-success)]": isNicknameAvailalable
|
|
23276
23309
|
}),
|
|
23277
|
-
children: isCheckingAvailability || isNicknameChanging ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
23310
|
+
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
23311
|
}
|
|
23279
23312
|
)
|
|
23280
23313
|
] }) })
|
|
@@ -23302,21 +23335,21 @@ function NicknameEditForm(props) {
|
|
|
23302
23335
|
setIsNicknameCopied(true);
|
|
23303
23336
|
setTimeout(() => setIsNicknameCopied(false), 2e3);
|
|
23304
23337
|
},
|
|
23305
|
-
children: isNicknameCopied ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(PositiveIcon, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
23338
|
+
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
23339
|
}
|
|
23307
23340
|
)
|
|
23308
23341
|
] }),
|
|
23309
23342
|
!!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
23343
|
] });
|
|
23311
23344
|
}
|
|
23312
|
-
var import_react_query41,
|
|
23345
|
+
var import_react_query41, import_lucide_react56, import_react72, import_jsx_runtime98;
|
|
23313
23346
|
var init_NicknameEditForm = __esm({
|
|
23314
23347
|
"src/internal/components/NicknameMenu/NicknameEditForm.tsx"() {
|
|
23315
23348
|
init_ProviderContext();
|
|
23316
23349
|
init_SessionContext();
|
|
23317
23350
|
init_i18n();
|
|
23318
23351
|
import_react_query41 = require("@tanstack/react-query");
|
|
23319
|
-
|
|
23352
|
+
import_lucide_react56 = require("lucide-react");
|
|
23320
23353
|
import_react72 = require("react");
|
|
23321
23354
|
init_icons();
|
|
23322
23355
|
init_nickname();
|
|
@@ -23363,12 +23396,12 @@ function NicknameMenu() {
|
|
|
23363
23396
|
size: "icon",
|
|
23364
23397
|
title: t("passport:common.back"),
|
|
23365
23398
|
onClick: () => useLayoutDataStore.getState().setPage("settings" /* SETTINGS */),
|
|
23366
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
|
|
23399
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react57.ArrowLeft, { className: "h-4 w-4 flex-none" })
|
|
23367
23400
|
}
|
|
23368
23401
|
),
|
|
23369
23402
|
/* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex gap-[var(--ui-kit-gap)] items-center w-fit", children: [
|
|
23370
23403
|
/* @__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)(
|
|
23404
|
+
isNicknameInfoLoading && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_lucide_react57.Loader, { className: "w-4 h-4 animate-spin" })
|
|
23372
23405
|
] })
|
|
23373
23406
|
] }),
|
|
23374
23407
|
/* @__PURE__ */ (0, import_jsx_runtime99.jsx)(NicknameEditForm, { nicknameInfo, isInitialUser }),
|
|
@@ -23420,7 +23453,7 @@ function NicknameMenu() {
|
|
|
23420
23453
|
!!resolvedError?.length && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Highlight, { type: "error", children: resolvedError })
|
|
23421
23454
|
] });
|
|
23422
23455
|
}
|
|
23423
|
-
var import_react_query42, import_dayjs5,
|
|
23456
|
+
var import_react_query42, import_dayjs5, import_lucide_react57, import_react73, import_jsx_runtime99;
|
|
23424
23457
|
var init_NicknameMenu = __esm({
|
|
23425
23458
|
"src/internal/components/NicknameMenu/NicknameMenu.tsx"() {
|
|
23426
23459
|
init_SessionContext();
|
|
@@ -23428,7 +23461,7 @@ var init_NicknameMenu = __esm({
|
|
|
23428
23461
|
init_i18n();
|
|
23429
23462
|
import_react_query42 = require("@tanstack/react-query");
|
|
23430
23463
|
import_dayjs5 = __toESM(require("dayjs"), 1);
|
|
23431
|
-
|
|
23464
|
+
import_lucide_react57 = require("lucide-react");
|
|
23432
23465
|
import_react73 = require("react");
|
|
23433
23466
|
init_nickname();
|
|
23434
23467
|
init_profile();
|
|
@@ -23589,7 +23622,7 @@ function ReceiveMenu() {
|
|
|
23589
23622
|
size: "icon",
|
|
23590
23623
|
title: "Back",
|
|
23591
23624
|
onClick: () => useLayoutDataStore.getState().setPage("main-menu" /* MAIN_MENU */),
|
|
23592
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23625
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.ArrowLeft, { className: "h-4 w-4" })
|
|
23593
23626
|
}
|
|
23594
23627
|
),
|
|
23595
23628
|
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)("span", { className: "text-xl font-semibold", children: t("passport:receiveMenu.title") })
|
|
@@ -23615,13 +23648,13 @@ function ReceiveMenu() {
|
|
|
23615
23648
|
setTimeout(() => setAddressCopied(false), 2e3);
|
|
23616
23649
|
},
|
|
23617
23650
|
children: [
|
|
23618
|
-
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23651
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.Wallet2Icon, { className: "h-4 w-4 flex-none" }),
|
|
23619
23652
|
/* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("span", { className: cn2("text-[10px] flex-1 block", { "text-[var(--ui-kit-bg-success)]": isAddressCopied }), children: [
|
|
23620
23653
|
address.slice(0, 10),
|
|
23621
23654
|
"...",
|
|
23622
23655
|
address.slice(-6)
|
|
23623
23656
|
] }),
|
|
23624
|
-
isAddressCopied ? /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23657
|
+
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
23658
|
]
|
|
23626
23659
|
}
|
|
23627
23660
|
),
|
|
@@ -23639,10 +23672,10 @@ function ReceiveMenu() {
|
|
|
23639
23672
|
setNicknameCopied(true);
|
|
23640
23673
|
setTimeout(() => setNicknameCopied(false), 2e3);
|
|
23641
23674
|
},
|
|
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)(
|
|
23675
|
+
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: [
|
|
23676
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.AtSignIcon, { className: "h-4 w-4 flex-none" }),
|
|
23644
23677
|
/* @__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)(
|
|
23678
|
+
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
23679
|
] })
|
|
23647
23680
|
}
|
|
23648
23681
|
),
|
|
@@ -23662,22 +23695,22 @@ function ReceiveMenu() {
|
|
|
23662
23695
|
setTimeout(() => setFingerprintCopied(false), 2e3);
|
|
23663
23696
|
},
|
|
23664
23697
|
children: [
|
|
23665
|
-
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
|
|
23698
|
+
/* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_lucide_react58.FingerprintIcon, { className: "w-4 h-4 flex-none" }),
|
|
23666
23699
|
/* @__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)(
|
|
23700
|
+
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
23701
|
]
|
|
23669
23702
|
}
|
|
23670
23703
|
)
|
|
23671
23704
|
] })
|
|
23672
23705
|
] });
|
|
23673
23706
|
}
|
|
23674
|
-
var import_react_query43,
|
|
23707
|
+
var import_react_query43, import_lucide_react58, import_qrcode, import_react74, import_jsx_runtime100;
|
|
23675
23708
|
var init_ReceiveMenu = __esm({
|
|
23676
23709
|
"src/internal/components/ReceiveMenu/ReceiveMenu.tsx"() {
|
|
23677
23710
|
init_SessionContext();
|
|
23678
23711
|
init_i18n();
|
|
23679
23712
|
import_react_query43 = require("@tanstack/react-query");
|
|
23680
|
-
|
|
23713
|
+
import_lucide_react58 = require("lucide-react");
|
|
23681
23714
|
import_qrcode = __toESM(require("qrcode"), 1);
|
|
23682
23715
|
import_react74 = require("react");
|
|
23683
23716
|
init_nickname();
|
|
@@ -23787,7 +23820,7 @@ var init_useSecurityStore = __esm({
|
|
|
23787
23820
|
|
|
23788
23821
|
// src/internal/components/SecurityMenu/constants.ts
|
|
23789
23822
|
var KEYSHARE_RECOVERY_STATS_QUERY, CONNECTED_TRUSTED_APPS_QUERY;
|
|
23790
|
-
var
|
|
23823
|
+
var init_constants8 = __esm({
|
|
23791
23824
|
"src/internal/components/SecurityMenu/constants.ts"() {
|
|
23792
23825
|
KEYSHARE_RECOVERY_STATS_QUERY = "keyshare-recovery-stats-query";
|
|
23793
23826
|
CONNECTED_TRUSTED_APPS_QUERY = "connected-trusted-apps-query";
|
|
@@ -23817,7 +23850,7 @@ var init_useConnectedApps = __esm({
|
|
|
23817
23850
|
init_SessionContext();
|
|
23818
23851
|
import_react_query44 = require("@tanstack/react-query");
|
|
23819
23852
|
init_httpClient();
|
|
23820
|
-
|
|
23853
|
+
init_constants8();
|
|
23821
23854
|
}
|
|
23822
23855
|
});
|
|
23823
23856
|
|
|
@@ -23862,7 +23895,7 @@ function Application(props) {
|
|
|
23862
23895
|
"rounded-[8px]"
|
|
23863
23896
|
),
|
|
23864
23897
|
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)(
|
|
23898
|
+
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
23899
|
!!trustedAuthorizedApp && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
23867
23900
|
"div",
|
|
23868
23901
|
{
|
|
@@ -23870,7 +23903,7 @@ function Application(props) {
|
|
|
23870
23903
|
"flex items-center justify-center",
|
|
23871
23904
|
"absolute -top-1 -right-1 h-5 w-5 rounded-full bg-[var(--ui-kit-bg-success)]"
|
|
23872
23905
|
),
|
|
23873
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
23906
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react59.ShieldCheckIcon, { className: "w-4 h-4 text-black" })
|
|
23874
23907
|
}
|
|
23875
23908
|
)
|
|
23876
23909
|
]
|
|
@@ -23880,7 +23913,7 @@ function Application(props) {
|
|
|
23880
23913
|
/* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("span", { className: "flex flex-col", children: [
|
|
23881
23914
|
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "text-sm font-semibold truncate", children: name }),
|
|
23882
23915
|
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)(
|
|
23916
|
+
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react59.ExternalLinkIcon, { className: "w-3 h-3 flex-none", strokeWidth: 1 }),
|
|
23884
23917
|
/* @__PURE__ */ (0, import_jsx_runtime101.jsx)("span", { className: "flex-1 truncate", children: new URL(appUrl).hostname })
|
|
23885
23918
|
] })
|
|
23886
23919
|
] }),
|
|
@@ -23912,7 +23945,7 @@ function Application(props) {
|
|
|
23912
23945
|
}
|
|
23913
23946
|
});
|
|
23914
23947
|
},
|
|
23915
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
|
|
23948
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_lucide_react59.ShieldBanIcon, { className: "h-4 w-4" })
|
|
23916
23949
|
}
|
|
23917
23950
|
)
|
|
23918
23951
|
]
|
|
@@ -23928,20 +23961,20 @@ function ConnectedApps() {
|
|
|
23928
23961
|
ref: (inst) => onboarder.registerElement("embarkai-security-menu-connected-apps-onboarding" /* connectedApps */, inst),
|
|
23929
23962
|
className: "w-full flex flex-col gap-[var(--ui-kit-gap)]",
|
|
23930
23963
|
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)(
|
|
23964
|
+
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
23965
|
!isConnectedAppsLoading && connectedApps.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Highlight, { type: "info", children: t("passport:securityMenu.connectedApps.noConnectedApps") }),
|
|
23933
23966
|
!isConnectedAppsLoading && connectedApps.length > 0 && connectedApps.map((app, index) => /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Application, { ...app }, index))
|
|
23934
23967
|
]
|
|
23935
23968
|
}
|
|
23936
23969
|
);
|
|
23937
23970
|
}
|
|
23938
|
-
var import_dayjs6,
|
|
23971
|
+
var import_dayjs6, import_lucide_react59, import_jsx_runtime101;
|
|
23939
23972
|
var init_ConnectedApps = __esm({
|
|
23940
23973
|
"src/internal/components/SecurityMenu/ConnectedApps/ConnectedApps.tsx"() {
|
|
23941
23974
|
init_utils();
|
|
23942
23975
|
init_i18n();
|
|
23943
23976
|
import_dayjs6 = __toESM(require("dayjs"), 1);
|
|
23944
|
-
|
|
23977
|
+
import_lucide_react59 = require("lucide-react");
|
|
23945
23978
|
init_Onboarding();
|
|
23946
23979
|
init_button();
|
|
23947
23980
|
init_highlight();
|
|
@@ -23986,7 +24019,7 @@ function UntrustApplication() {
|
|
|
23986
24019
|
"?"
|
|
23987
24020
|
] }),
|
|
23988
24021
|
/* @__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)(
|
|
24022
|
+
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
24023
|
/* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex-1 text-left", children: [
|
|
23991
24024
|
/* @__PURE__ */ (0, import_jsx_runtime102.jsx)("div", { className: "font-medium", children: appToUntrust.appName }),
|
|
23992
24025
|
appToUntrust.hostname && /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "text-[10px]", children: [
|
|
@@ -24027,23 +24060,23 @@ function UntrustApplication() {
|
|
|
24027
24060
|
className: "flex-1",
|
|
24028
24061
|
onClick: () => handleUntrustApp(),
|
|
24029
24062
|
disabled: isUntrustingApp,
|
|
24030
|
-
children: isUntrustingApp ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
|
|
24063
|
+
children: isUntrustingApp ? /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(import_lucide_react60.Loader, { className: "h-4 w-4 animate-spin" }) : t("passport:common.delete")
|
|
24031
24064
|
}
|
|
24032
24065
|
)
|
|
24033
24066
|
] })
|
|
24034
24067
|
] });
|
|
24035
24068
|
}
|
|
24036
|
-
var import_react_query45,
|
|
24069
|
+
var import_react_query45, import_lucide_react60, import_jsx_runtime102;
|
|
24037
24070
|
var init_UntrustApplication = __esm({
|
|
24038
24071
|
"src/internal/components/SecurityMenu/ConnectedApps/UntrustApplication.tsx"() {
|
|
24039
24072
|
init_SessionContext();
|
|
24040
24073
|
init_i18n();
|
|
24041
24074
|
import_react_query45 = require("@tanstack/react-query");
|
|
24042
|
-
|
|
24075
|
+
import_lucide_react60 = require("lucide-react");
|
|
24043
24076
|
init_iframe_manager();
|
|
24044
24077
|
init_button();
|
|
24045
24078
|
init_highlight();
|
|
24046
|
-
|
|
24079
|
+
init_constants8();
|
|
24047
24080
|
init_useSecurityStore();
|
|
24048
24081
|
import_jsx_runtime102 = require("react/jsx-runtime");
|
|
24049
24082
|
}
|
|
@@ -24059,16 +24092,16 @@ var init_ConnectedApps2 = __esm({
|
|
|
24059
24092
|
});
|
|
24060
24093
|
|
|
24061
24094
|
// src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx
|
|
24062
|
-
var
|
|
24095
|
+
var import_lucide_react61, import_react75, import_jsx_runtime103, KeyshareStatus;
|
|
24063
24096
|
var init_KeyshareStatus = __esm({
|
|
24064
24097
|
"src/internal/components/SecurityMenu/Keyshare/KeyshareStatus.tsx"() {
|
|
24065
|
-
|
|
24098
|
+
import_lucide_react61 = require("lucide-react");
|
|
24066
24099
|
import_react75 = require("react");
|
|
24067
24100
|
init_utils();
|
|
24068
24101
|
import_jsx_runtime103 = require("react/jsx-runtime");
|
|
24069
24102
|
KeyshareStatus = (0, import_react75.forwardRef)((props, ref) => {
|
|
24070
24103
|
const { isLoading, content, icon: Icon2, children } = props;
|
|
24071
|
-
if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
24104
|
+
if (isLoading) return /* @__PURE__ */ (0, import_jsx_runtime103.jsx)(import_lucide_react61.Loader, { className: "w-4 h-4 animate-spin" });
|
|
24072
24105
|
return /* @__PURE__ */ (0, import_jsx_runtime103.jsxs)("div", { ref, className: "group relative w-full h-full", children: [
|
|
24073
24106
|
children,
|
|
24074
24107
|
/* @__PURE__ */ (0, import_jsx_runtime103.jsx)(
|
|
@@ -24142,7 +24175,7 @@ function LastBackup(props) {
|
|
|
24142
24175
|
onClick: () => useLayoutDataStore.getState().setPage("keysare-backup" /* KEYSARE_BACKUP */),
|
|
24143
24176
|
children: [
|
|
24144
24177
|
/* @__PURE__ */ (0, import_jsx_runtime104.jsxs)("span", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
24145
|
-
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(
|
|
24178
|
+
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)(import_lucide_react62.DatabaseBackup, { className: "w-4 h-4 flex-none" }),
|
|
24146
24179
|
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "font-medium text-xs", children: t("passport:securityMenu.lastBackup") })
|
|
24147
24180
|
] }),
|
|
24148
24181
|
/* @__PURE__ */ (0, import_jsx_runtime104.jsx)("span", { className: "block font-mono! ", children: t("passport:securityMenu.lastBackupMeta", {
|
|
@@ -24155,12 +24188,12 @@ function LastBackup(props) {
|
|
|
24155
24188
|
}
|
|
24156
24189
|
);
|
|
24157
24190
|
}
|
|
24158
|
-
var import_dayjs7,
|
|
24191
|
+
var import_dayjs7, import_lucide_react62, import_jsx_runtime104;
|
|
24159
24192
|
var init_LastBackup = __esm({
|
|
24160
24193
|
"src/internal/components/SecurityMenu/Keyshare/LastBackup.tsx"() {
|
|
24161
24194
|
init_useT();
|
|
24162
24195
|
import_dayjs7 = __toESM(require("dayjs"), 1);
|
|
24163
|
-
|
|
24196
|
+
import_lucide_react62 = require("lucide-react");
|
|
24164
24197
|
init_useLayoutDataStore();
|
|
24165
24198
|
init_cn();
|
|
24166
24199
|
init_Onboarding();
|
|
@@ -24202,7 +24235,7 @@ var init_useKeyshareRecoveryStats = __esm({
|
|
|
24202
24235
|
init_keyshare();
|
|
24203
24236
|
init_iframe_manager();
|
|
24204
24237
|
init_vaultClient();
|
|
24205
|
-
|
|
24238
|
+
init_constants8();
|
|
24206
24239
|
}
|
|
24207
24240
|
});
|
|
24208
24241
|
|
|
@@ -24219,7 +24252,7 @@ function Keyshare() {
|
|
|
24219
24252
|
return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
|
|
24220
24253
|
/* @__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
24254
|
/* @__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)(
|
|
24255
|
+
isRecoveryLoading && /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react63.LoaderIcon, { className: "h-4 w-4 animate-spin" })
|
|
24223
24256
|
] }),
|
|
24224
24257
|
!isRecoveryLoading && /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_jsx_runtime105.Fragment, { children: [
|
|
24225
24258
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(
|
|
@@ -24240,7 +24273,7 @@ function Keyshare() {
|
|
|
24240
24273
|
type: serverHasKeyshare ? "success" : "warning",
|
|
24241
24274
|
className: "w-full h-full flex flex-col items-center gap-0",
|
|
24242
24275
|
children: [
|
|
24243
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
24276
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react63.Cloud, { className: "h-6 w-6" }),
|
|
24244
24277
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Server Share" })
|
|
24245
24278
|
]
|
|
24246
24279
|
}
|
|
@@ -24259,7 +24292,7 @@ function Keyshare() {
|
|
|
24259
24292
|
type: localInfo?.hasKeyshare ? "success" : "warning",
|
|
24260
24293
|
className: "w-full h-full flex flex-col items-center gap-0",
|
|
24261
24294
|
children: [
|
|
24262
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
24295
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react63.Laptop, { className: "h-6 w-6" }),
|
|
24263
24296
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Local Share" })
|
|
24264
24297
|
]
|
|
24265
24298
|
}
|
|
@@ -24278,7 +24311,7 @@ function Keyshare() {
|
|
|
24278
24311
|
type: hasServerBackup ? "success" : "warning",
|
|
24279
24312
|
className: "w-full h-full flex flex-col items-center gap-0",
|
|
24280
24313
|
children: [
|
|
24281
|
-
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
|
|
24314
|
+
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)(import_lucide_react63.Server, { className: "h-6 w-6" }),
|
|
24282
24315
|
/* @__PURE__ */ (0, import_jsx_runtime105.jsx)("span", { className: "text-[10px] font-medium leading-4", children: "Vault Backup" })
|
|
24283
24316
|
]
|
|
24284
24317
|
}
|
|
@@ -24292,12 +24325,12 @@ function Keyshare() {
|
|
|
24292
24325
|
] })
|
|
24293
24326
|
] });
|
|
24294
24327
|
}
|
|
24295
|
-
var
|
|
24328
|
+
var import_lucide_react63, import_jsx_runtime105;
|
|
24296
24329
|
var init_Keyshare = __esm({
|
|
24297
24330
|
"src/internal/components/SecurityMenu/Keyshare/Keyshare.tsx"() {
|
|
24298
24331
|
init_SessionContext();
|
|
24299
24332
|
init_useT();
|
|
24300
|
-
|
|
24333
|
+
import_lucide_react63 = require("lucide-react");
|
|
24301
24334
|
init_icons();
|
|
24302
24335
|
init_auth();
|
|
24303
24336
|
init_vaultClient();
|
|
@@ -24510,7 +24543,7 @@ function AddressListEditor(props) {
|
|
|
24510
24543
|
}
|
|
24511
24544
|
setIsAssetSelector((prev) => !prev);
|
|
24512
24545
|
},
|
|
24513
|
-
children: isAssetSelector ? /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
24546
|
+
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
24547
|
}
|
|
24515
24548
|
)
|
|
24516
24549
|
] }),
|
|
@@ -24542,7 +24575,7 @@ function AddressListEditor(props) {
|
|
|
24542
24575
|
size: "large",
|
|
24543
24576
|
onClick: () => handleAddress(customAddress),
|
|
24544
24577
|
className: "flex-none px-4",
|
|
24545
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
24578
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react64.ChevronRightIcon, { className: "w-4 h-4" })
|
|
24546
24579
|
}
|
|
24547
24580
|
)
|
|
24548
24581
|
] }),
|
|
@@ -24568,7 +24601,7 @@ function AddressListEditor(props) {
|
|
|
24568
24601
|
size: "medium",
|
|
24569
24602
|
onClick: () => onChange(addresses.filter((_, i) => i !== index)),
|
|
24570
24603
|
className: "flex-none px-4",
|
|
24571
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
24604
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(import_lucide_react64.TrashIcon, { className: "w-4 h-4 text-[var(--ui-kit-bg-error)]" })
|
|
24572
24605
|
}
|
|
24573
24606
|
)
|
|
24574
24607
|
] }, index))
|
|
@@ -24621,7 +24654,7 @@ function PolicyForm() {
|
|
|
24621
24654
|
},
|
|
24622
24655
|
className: "w-full flex flex-col gap-[var(--ui-kit-gap)]",
|
|
24623
24656
|
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)(
|
|
24657
|
+
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
24658
|
/* @__PURE__ */ (0, import_jsx_runtime106.jsx)(
|
|
24626
24659
|
AddressListEditor,
|
|
24627
24660
|
{
|
|
@@ -24698,13 +24731,13 @@ function PolicyForm() {
|
|
|
24698
24731
|
showFormErrors && formErrorMessage && /* @__PURE__ */ (0, import_jsx_runtime106.jsx)(Highlight, { type: "error", children: formErrorMessage })
|
|
24699
24732
|
] });
|
|
24700
24733
|
}
|
|
24701
|
-
var import_react_query48,
|
|
24734
|
+
var import_react_query48, import_lucide_react64, import_react77, import_jsx_runtime106;
|
|
24702
24735
|
var init_PolicyForm = __esm({
|
|
24703
24736
|
"src/internal/components/SecurityMenu/UserPolicies/PolicyForm.tsx"() {
|
|
24704
24737
|
init_SessionContext();
|
|
24705
24738
|
init_useT();
|
|
24706
24739
|
import_react_query48 = require("@tanstack/react-query");
|
|
24707
|
-
|
|
24740
|
+
import_lucide_react64 = require("lucide-react");
|
|
24708
24741
|
import_react77 = require("react");
|
|
24709
24742
|
init_button();
|
|
24710
24743
|
init_highlight();
|
|
@@ -24720,7 +24753,7 @@ var init_PolicyForm = __esm({
|
|
|
24720
24753
|
|
|
24721
24754
|
// src/internal/components/SecurityMenu/UserPolicies/constants.ts
|
|
24722
24755
|
var DEFAULT_POLICY_RULES;
|
|
24723
|
-
var
|
|
24756
|
+
var init_constants9 = __esm({
|
|
24724
24757
|
"src/internal/components/SecurityMenu/UserPolicies/constants.ts"() {
|
|
24725
24758
|
DEFAULT_POLICY_RULES = {
|
|
24726
24759
|
destinations: { allow: [], deny: [] },
|
|
@@ -24816,7 +24849,7 @@ function UserPolicies() {
|
|
|
24816
24849
|
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
24850
|
}
|
|
24818
24851
|
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)(
|
|
24852
|
+
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
24853
|
}
|
|
24821
24854
|
const policy = policyView?.policy ?? null;
|
|
24822
24855
|
const overriddenBy = policyView?.overriddenBy ?? [];
|
|
@@ -24881,7 +24914,7 @@ function UserPolicies() {
|
|
|
24881
24914
|
className: "flex-1",
|
|
24882
24915
|
onClick: () => usePolicyForm.setState(activeRules, true),
|
|
24883
24916
|
children: [
|
|
24884
|
-
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
24917
|
+
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react65.PencilIcon, { className: "w-4 h-4" }),
|
|
24885
24918
|
/* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: t("passport:securityMenu.assetsPolicies.editPolicy") })
|
|
24886
24919
|
]
|
|
24887
24920
|
}
|
|
@@ -24894,13 +24927,13 @@ function UserPolicies() {
|
|
|
24894
24927
|
className: "px-4",
|
|
24895
24928
|
onClick: () => setIsConfirmingDelete(true),
|
|
24896
24929
|
title: t("passport:securityMenu.assetsPolicies.deletePolicy"),
|
|
24897
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
|
|
24930
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(import_lucide_react65.TrashIcon, { className: "w-4 h-4 text-[var(--ui-kit-bg-error)]" })
|
|
24898
24931
|
}
|
|
24899
24932
|
)
|
|
24900
24933
|
] })
|
|
24901
24934
|
] });
|
|
24902
24935
|
}
|
|
24903
|
-
var import_react_query49, import_clsx3,
|
|
24936
|
+
var import_react_query49, import_clsx3, import_lucide_react65, import_react78, import_jsx_runtime107;
|
|
24904
24937
|
var init_UserPolicies = __esm({
|
|
24905
24938
|
"src/internal/components/SecurityMenu/UserPolicies/UserPolicies.tsx"() {
|
|
24906
24939
|
init_ProviderContext();
|
|
@@ -24908,12 +24941,12 @@ var init_UserPolicies = __esm({
|
|
|
24908
24941
|
init_useT();
|
|
24909
24942
|
import_react_query49 = require("@tanstack/react-query");
|
|
24910
24943
|
import_clsx3 = __toESM(require("clsx"), 1);
|
|
24911
|
-
|
|
24944
|
+
import_lucide_react65 = require("lucide-react");
|
|
24912
24945
|
import_react78 = require("react");
|
|
24913
24946
|
init_button();
|
|
24914
24947
|
init_highlight();
|
|
24915
24948
|
init_api4();
|
|
24916
|
-
|
|
24949
|
+
init_constants9();
|
|
24917
24950
|
init_usePolicyForm();
|
|
24918
24951
|
init_useUserAssetsPolicies();
|
|
24919
24952
|
import_jsx_runtime107 = require("react/jsx-runtime");
|
|
@@ -24928,7 +24961,7 @@ var init_UserPolicies2 = __esm({
|
|
|
24928
24961
|
init_useUserAssetsPolicies();
|
|
24929
24962
|
init_usePolicyForm();
|
|
24930
24963
|
init_api4();
|
|
24931
|
-
|
|
24964
|
+
init_constants9();
|
|
24932
24965
|
}
|
|
24933
24966
|
});
|
|
24934
24967
|
|
|
@@ -25028,7 +25061,7 @@ function SecurityMenuContent() {
|
|
|
25028
25061
|
className: "w-full justify-start",
|
|
25029
25062
|
onClick: () => useSecurityStore.setState({ showConnectedApps: true }),
|
|
25030
25063
|
children: [
|
|
25031
|
-
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
25064
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react66.LayoutGridIcon, { className: "h-4 w-4" }),
|
|
25032
25065
|
t("passport:securityMenu.connectedApps.connectedApps")
|
|
25033
25066
|
]
|
|
25034
25067
|
}
|
|
@@ -25041,7 +25074,7 @@ function SecurityMenuContent() {
|
|
|
25041
25074
|
className: "w-full justify-start",
|
|
25042
25075
|
onClick: () => useSecurityStore.setState({ showAssetsPolicies: true }),
|
|
25043
25076
|
children: [
|
|
25044
|
-
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
25077
|
+
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react66.ShieldCogIcon, { className: "h-4 w-4" }),
|
|
25045
25078
|
t("passport:securityMenu.assetsPolicies.assetsPolicies")
|
|
25046
25079
|
]
|
|
25047
25080
|
}
|
|
@@ -25084,7 +25117,7 @@ function SecurityMenu() {
|
|
|
25084
25117
|
break;
|
|
25085
25118
|
}
|
|
25086
25119
|
},
|
|
25087
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
|
|
25120
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(import_lucide_react66.ArrowLeft, { className: "h-4 w-4" })
|
|
25088
25121
|
}
|
|
25089
25122
|
),
|
|
25090
25123
|
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "text-xl font-semibold", children: securityMenuTitle || t("passport:securityMenu.title") })
|
|
@@ -25092,12 +25125,12 @@ function SecurityMenu() {
|
|
|
25092
25125
|
/* @__PURE__ */ (0, import_jsx_runtime108.jsx)(SecurityMenuContent, {})
|
|
25093
25126
|
] });
|
|
25094
25127
|
}
|
|
25095
|
-
var
|
|
25128
|
+
var import_lucide_react66, import_react80, import_jsx_runtime108;
|
|
25096
25129
|
var init_SecurityMenu = __esm({
|
|
25097
25130
|
"src/internal/components/SecurityMenu/SecurityMenu.tsx"() {
|
|
25098
25131
|
init_ProviderContext();
|
|
25099
25132
|
init_i18n();
|
|
25100
|
-
|
|
25133
|
+
import_lucide_react66 = require("lucide-react");
|
|
25101
25134
|
import_react80 = require("react");
|
|
25102
25135
|
init_useLayoutDataStore();
|
|
25103
25136
|
init_Expandable2();
|
|
@@ -25252,7 +25285,7 @@ function SenderSelector(props) {
|
|
|
25252
25285
|
}
|
|
25253
25286
|
)
|
|
25254
25287
|
] }),
|
|
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)(
|
|
25288
|
+
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
25289
|
]
|
|
25257
25290
|
},
|
|
25258
25291
|
`sender-${sender.address}`
|
|
@@ -25282,12 +25315,12 @@ function SenderSelector(props) {
|
|
|
25282
25315
|
})
|
|
25283
25316
|
] });
|
|
25284
25317
|
}
|
|
25285
|
-
var
|
|
25318
|
+
var import_lucide_react67, import_jsx_runtime109;
|
|
25286
25319
|
var init_SenderSelector = __esm({
|
|
25287
25320
|
"src/internal/components/SendMenu/hyperbridge/components/SenderSelector.tsx"() {
|
|
25288
25321
|
init_i18n();
|
|
25289
25322
|
init_utils();
|
|
25290
|
-
|
|
25323
|
+
import_lucide_react67 = require("lucide-react");
|
|
25291
25324
|
init_useLayoutDataStore();
|
|
25292
25325
|
init_useExternalWalletStore();
|
|
25293
25326
|
init_ConnectExternalWalletMenu2();
|
|
@@ -26459,7 +26492,7 @@ function SelectStep(props) {
|
|
|
26459
26492
|
const SelectedWarpRoteIcon = TOKENS_ICONS[(selectedWarpRoute?.symbol || "null_icon").toUpperCase()] || TOKENS_ICONS.EMBARKAI;
|
|
26460
26493
|
const isError = useFlowSelectorStore((st) => !!st.error);
|
|
26461
26494
|
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)(
|
|
26495
|
+
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
26496
|
}
|
|
26464
26497
|
const isBalanceInsufficient = !routeTokenBalance || Number(amount || 0) > Number(routeTokenBalance || 0);
|
|
26465
26498
|
const isFalsyAmount = !amount || !Number(amount) || Number(amount) <= 0;
|
|
@@ -26512,7 +26545,7 @@ function SelectStep(props) {
|
|
|
26512
26545
|
t("passport:common.balance"),
|
|
26513
26546
|
": "
|
|
26514
26547
|
] }),
|
|
26515
|
-
isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26548
|
+
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
26549
|
!isRouteTokenBalanceLoading && /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("span", { className: cn2("font-semibold", { "text-[var(--ui-kit-bg-error)]": isBalanceInsufficient }), children: [
|
|
26517
26550
|
formatPrice(Number(routeTokenBalance || 0)),
|
|
26518
26551
|
" ",
|
|
@@ -26535,7 +26568,7 @@ function SelectStep(props) {
|
|
|
26535
26568
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(SelectedWarpRoteIcon, { className: "w-6 h-6" }),
|
|
26536
26569
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: selectedWarpRoute.symbol })
|
|
26537
26570
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime111.jsxs)("div", { className: "flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
26538
|
-
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26571
|
+
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.ArrowLeftRightIcon, { className: "w-6 h-6" }),
|
|
26539
26572
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: hyperlaneWarpRoutes.length ? t("passport:bridgeMenu.labels.selectToken") : t("passport:bridgeMenu.errors.noWarpRoutes") })
|
|
26540
26573
|
] }),
|
|
26541
26574
|
!!selectedWarpRoute?.chainPair && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
@@ -26545,7 +26578,7 @@ function SelectStep(props) {
|
|
|
26545
26578
|
size: "medium",
|
|
26546
26579
|
className: "bg-[var(--ui-kit-bg)] flex items-center gap-[var(--ui-kit-gap)]",
|
|
26547
26580
|
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)(
|
|
26581
|
+
chIdx > 0 && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.ArrowLeftRightIcon, { className: "w-4 h-4 " }),
|
|
26549
26582
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)(ResolveChainIcon, { chainName: chain.chainName, className: "w-4 h-4" })
|
|
26550
26583
|
] }, `${selectedWarpRoute.id}-icon-${chain.chainID}-${chIdx}`))
|
|
26551
26584
|
}
|
|
@@ -26587,7 +26620,7 @@ function SelectStep(props) {
|
|
|
26587
26620
|
disabled: !hyperlaneWarpRoutes.length || isQuoteEstimating,
|
|
26588
26621
|
variant: "ghost",
|
|
26589
26622
|
onClick: swapChains,
|
|
26590
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26623
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.ArrowRightLeftIcon, { className: "w-4 h-4 " })
|
|
26591
26624
|
}
|
|
26592
26625
|
),
|
|
26593
26626
|
/* @__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 +26680,7 @@ function SelectStep(props) {
|
|
|
26647
26680
|
disabled: isQuoteEstimating || !originChain || !destinationChain || !hyperRoute,
|
|
26648
26681
|
placeholder: t("passport:bridgeMenu.labels.optionalRecipient") + " (ex: 0x...)",
|
|
26649
26682
|
value: recipient || "",
|
|
26650
|
-
Icon:
|
|
26683
|
+
Icon: import_lucide_react68.Wallet2Icon,
|
|
26651
26684
|
onChange: (e) => {
|
|
26652
26685
|
useFlowSelectorStore.getState().setError(null);
|
|
26653
26686
|
useBridgeStore.getState().setRecipient(e.target.value);
|
|
@@ -26662,7 +26695,7 @@ function SelectStep(props) {
|
|
|
26662
26695
|
e.stopPropagation();
|
|
26663
26696
|
useBridgeStore.getState().setRecipient(null);
|
|
26664
26697
|
},
|
|
26665
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26698
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.XIcon, { className: "w-4 h-4" })
|
|
26666
26699
|
}
|
|
26667
26700
|
)
|
|
26668
26701
|
}
|
|
@@ -26681,19 +26714,19 @@ function SelectStep(props) {
|
|
|
26681
26714
|
onClick: () => handleQuoteEstimation(amount),
|
|
26682
26715
|
disabled: isQuoteEstimationDisabled,
|
|
26683
26716
|
children: [
|
|
26684
|
-
isQuoteEstimating && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(
|
|
26717
|
+
isQuoteEstimating && /* @__PURE__ */ (0, import_jsx_runtime111.jsx)(import_lucide_react68.LoaderIcon, { className: "h-4 w-4 animate-spin" }),
|
|
26685
26718
|
/* @__PURE__ */ (0, import_jsx_runtime111.jsx)("span", { children: isBalanceInsufficient ? t("passport:bridgeMenu.statuses.balanceInsufficient").toUpperCase() : t("passport:bridgeMenu.actions.estimateQuote").toUpperCase() })
|
|
26686
26719
|
]
|
|
26687
26720
|
}
|
|
26688
26721
|
)
|
|
26689
26722
|
] });
|
|
26690
26723
|
}
|
|
26691
|
-
var
|
|
26724
|
+
var import_lucide_react68, import_react87, import_jsx_runtime111;
|
|
26692
26725
|
var init_SelectStep = __esm({
|
|
26693
26726
|
"src/internal/components/SendMenu/hyperbridge/steps/SelectStep.tsx"() {
|
|
26694
26727
|
init_tokens();
|
|
26695
26728
|
init_i18n();
|
|
26696
|
-
|
|
26729
|
+
import_lucide_react68 = require("lucide-react");
|
|
26697
26730
|
import_react87 = require("react");
|
|
26698
26731
|
init_priceFormatter();
|
|
26699
26732
|
init_utils();
|
|
@@ -26728,16 +26761,16 @@ function Checkbox({ className, ...props }) {
|
|
|
26728
26761
|
className
|
|
26729
26762
|
),
|
|
26730
26763
|
...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)(
|
|
26764
|
+
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
26765
|
}
|
|
26733
26766
|
);
|
|
26734
26767
|
}
|
|
26735
|
-
var CheckboxPrimitive,
|
|
26768
|
+
var CheckboxPrimitive, import_lucide_react69, import_jsx_runtime112;
|
|
26736
26769
|
var init_checkbox = __esm({
|
|
26737
26770
|
"src/internal/components/ui/checkbox.tsx"() {
|
|
26738
26771
|
init_utils();
|
|
26739
26772
|
CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"), 1);
|
|
26740
|
-
|
|
26773
|
+
import_lucide_react69 = require("lucide-react");
|
|
26741
26774
|
import_jsx_runtime112 = require("react/jsx-runtime");
|
|
26742
26775
|
}
|
|
26743
26776
|
});
|
|
@@ -26852,7 +26885,7 @@ function ConfirmStep(props) {
|
|
|
26852
26885
|
onClick: () => bridgeAsset(),
|
|
26853
26886
|
className: "w-full",
|
|
26854
26887
|
children: [
|
|
26855
|
-
isAssetBridging && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(
|
|
26888
|
+
isAssetBridging && /* @__PURE__ */ (0, import_jsx_runtime113.jsx)(import_lucide_react70.LoaderIcon, { className: "h-4 w-4 animate-spin" }),
|
|
26856
26889
|
/* @__PURE__ */ (0, import_jsx_runtime113.jsx)("span", { children: (bridgeTxStatus || t("passport:common.continue")).toUpperCase() })
|
|
26857
26890
|
]
|
|
26858
26891
|
}
|
|
@@ -26861,12 +26894,12 @@ function ConfirmStep(props) {
|
|
|
26861
26894
|
}
|
|
26862
26895
|
);
|
|
26863
26896
|
}
|
|
26864
|
-
var
|
|
26897
|
+
var import_lucide_react70, import_react88, import_jsx_runtime113, P_CN;
|
|
26865
26898
|
var init_ConfirmStep = __esm({
|
|
26866
26899
|
"src/internal/components/SendMenu/hyperbridge/steps/ConfirmStep.tsx"() {
|
|
26867
26900
|
init_SessionContext();
|
|
26868
26901
|
init_i18n();
|
|
26869
|
-
|
|
26902
|
+
import_lucide_react70 = require("lucide-react");
|
|
26870
26903
|
import_react88 = require("react");
|
|
26871
26904
|
init_priceFormatter();
|
|
26872
26905
|
init_utils();
|
|
@@ -27041,7 +27074,7 @@ function HistoryDetailsStep() {
|
|
|
27041
27074
|
disabled: !txHash,
|
|
27042
27075
|
onClick: () => window.open(`${CHAINS_UI_META[item.originChain].explorerUrl}/tx/${txHash}`, "_blank", "noopener,noreferrer"),
|
|
27043
27076
|
children: [
|
|
27044
|
-
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
27077
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.ExternalLinkIcon, { className: "w-4 h-4" }),
|
|
27045
27078
|
txHash ? `Explore TX: ${txHash.slice(0, 8)}...${txHash.slice(-4)}` : "N/A"
|
|
27046
27079
|
]
|
|
27047
27080
|
},
|
|
@@ -27140,7 +27173,7 @@ function HistoryItem(props) {
|
|
|
27140
27173
|
]
|
|
27141
27174
|
}
|
|
27142
27175
|
),
|
|
27143
|
-
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
27176
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.ArrowRightIcon, { className: "w-4 h-4 flex-none" }),
|
|
27144
27177
|
/* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
27145
27178
|
"div",
|
|
27146
27179
|
{
|
|
@@ -27178,7 +27211,7 @@ function HistoryItem(props) {
|
|
|
27178
27211
|
},
|
|
27179
27212
|
children: [
|
|
27180
27213
|
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)("span", { className: "text-xs leading-4", children: t("passport:common.details") }),
|
|
27181
|
-
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
27214
|
+
/* @__PURE__ */ (0, import_jsx_runtime115.jsx)(import_lucide_react71.InfoIcon, { className: "w-4 h-4" })
|
|
27182
27215
|
]
|
|
27183
27216
|
}
|
|
27184
27217
|
)
|
|
@@ -27197,7 +27230,7 @@ function HistoryStep() {
|
|
|
27197
27230
|
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
27231
|
}
|
|
27199
27232
|
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)(
|
|
27233
|
+
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
27234
|
!isLoading && txList.map((item) => /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(HistoryItem, { ...item }, item.id)),
|
|
27202
27235
|
hasNextPage && /* @__PURE__ */ (0, import_jsx_runtime115.jsxs)(
|
|
27203
27236
|
Button,
|
|
@@ -27208,21 +27241,21 @@ function HistoryStep() {
|
|
|
27208
27241
|
className: "w-full",
|
|
27209
27242
|
onClick: () => fetchNextPage(),
|
|
27210
27243
|
children: [
|
|
27211
|
-
isTxDataFetching ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
|
|
27244
|
+
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
27245
|
t("passport:common.loadMore")
|
|
27213
27246
|
]
|
|
27214
27247
|
}
|
|
27215
27248
|
)
|
|
27216
27249
|
] });
|
|
27217
27250
|
}
|
|
27218
|
-
var import_react_query54, import_dayjs8,
|
|
27251
|
+
var import_react_query54, import_dayjs8, import_lucide_react71, import_jsx_runtime115, P_CN3;
|
|
27219
27252
|
var init_HistoryStep = __esm({
|
|
27220
27253
|
"src/internal/components/SendMenu/hyperbridge/steps/HistoryStep.tsx"() {
|
|
27221
27254
|
init_SessionContext();
|
|
27222
27255
|
init_i18n();
|
|
27223
27256
|
import_react_query54 = require("@tanstack/react-query");
|
|
27224
27257
|
import_dayjs8 = __toESM(require("dayjs"), 1);
|
|
27225
|
-
|
|
27258
|
+
import_lucide_react71 = require("lucide-react");
|
|
27226
27259
|
init_tokens();
|
|
27227
27260
|
init_priceFormatter();
|
|
27228
27261
|
init_utils();
|
|
@@ -27309,7 +27342,7 @@ function SelectAssetRoute(props) {
|
|
|
27309
27342
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ResolveChainIcon, { chainName: fromChain.chainName, className: "w-6 h-6 flex-none" }),
|
|
27310
27343
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "max-w-[100px] truncate", children: fromChain.chainLabel })
|
|
27311
27344
|
] }),
|
|
27312
|
-
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(
|
|
27345
|
+
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(import_lucide_react72.ArrowLeftRightIcon, { className: "w-4 h-4 flex-none" }),
|
|
27313
27346
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsxs)("span", { className: "flex items-center flex-1 gap-[var(--ui-kit-gap)] justify-between", children: [
|
|
27314
27347
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)("span", { className: "max-w-[100px] truncate", children: toChain.chainLabel }),
|
|
27315
27348
|
/* @__PURE__ */ (0, import_jsx_runtime116.jsx)(ResolveChainIcon, { chainName: toChain.chainName, className: "w-6 h-6 flex-none" })
|
|
@@ -27321,12 +27354,12 @@ function SelectAssetRoute(props) {
|
|
|
27321
27354
|
] })
|
|
27322
27355
|
] });
|
|
27323
27356
|
}
|
|
27324
|
-
var
|
|
27357
|
+
var import_lucide_react72, import_react89, import_jsx_runtime116;
|
|
27325
27358
|
var init_SelectAssetRoute = __esm({
|
|
27326
27359
|
"src/internal/components/SendMenu/hyperbridge/steps/SelectAssetRoute.tsx"() {
|
|
27327
27360
|
init_tokens();
|
|
27328
27361
|
init_i18n();
|
|
27329
|
-
|
|
27362
|
+
import_lucide_react72 = require("lucide-react");
|
|
27330
27363
|
import_react89 = require("react");
|
|
27331
27364
|
init_button();
|
|
27332
27365
|
init_ResolveChainIcon();
|
|
@@ -27786,7 +27819,7 @@ var init_utils12 = __esm({
|
|
|
27786
27819
|
function AssetInputIcon({ asset, size = "small" }) {
|
|
27787
27820
|
const iconSizeClass = size === "small" ? "w-6 h-6" : "w-12 h-12";
|
|
27788
27821
|
const subiconSizeClass = size === "small" ? "w-4 h-4" : "w-5 h-5";
|
|
27789
|
-
if (!asset) return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
27822
|
+
if (!asset) return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react73.Coins, { className: iconSizeClass, strokeWidth: 1 });
|
|
27790
27823
|
const isNft = isNftAsset3(asset);
|
|
27791
27824
|
if (isNft) {
|
|
27792
27825
|
return asset.image || asset.nftMetadata?.image ? /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: cn2(iconSizeClass, "flex-none relative"), children: [
|
|
@@ -27803,10 +27836,10 @@ function AssetInputIcon({ asset, size = "small" }) {
|
|
|
27803
27836
|
}
|
|
27804
27837
|
}
|
|
27805
27838
|
),
|
|
27806
|
-
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
27839
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react73.Sparkles, { className: cn2(subiconSizeClass, "absolute -top-1 -right-1") })
|
|
27807
27840
|
] }) : /* @__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)(
|
|
27841
|
+
/* @__PURE__ */ (0, import_jsx_runtime119.jsx)(import_lucide_react73.Image, { className: cn2(iconSizeClass, "flex-none") }),
|
|
27842
|
+
/* @__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
27843
|
] });
|
|
27811
27844
|
}
|
|
27812
27845
|
const isSecurity = isSecurityToken2(asset);
|
|
@@ -27833,7 +27866,7 @@ function AssetInputIcon({ asset, size = "small" }) {
|
|
|
27833
27866
|
children: [
|
|
27834
27867
|
!!CommonAssetIcon ? /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(CommonAssetIcon, { className: iconSizeClass }) : targetAssetIcon,
|
|
27835
27868
|
isSecurity && /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
|
|
27836
|
-
|
|
27869
|
+
import_lucide_react73.ShieldCheck,
|
|
27837
27870
|
{
|
|
27838
27871
|
style: { fill: "var(--ui-kit-bg-warning)" },
|
|
27839
27872
|
className: cn2(subiconSizeClass, "absolute -top-1 -right-1 text-[var(--ui-kit-bg-error)]")
|
|
@@ -27843,10 +27876,10 @@ function AssetInputIcon({ asset, size = "small" }) {
|
|
|
27843
27876
|
}
|
|
27844
27877
|
);
|
|
27845
27878
|
}
|
|
27846
|
-
var
|
|
27879
|
+
var import_lucide_react73, import_jsx_runtime119;
|
|
27847
27880
|
var init_AssetInputIcon = __esm({
|
|
27848
27881
|
"src/internal/components/SendMenu/send/components/AssetInputIcon.tsx"() {
|
|
27849
|
-
|
|
27882
|
+
import_lucide_react73 = require("lucide-react");
|
|
27850
27883
|
init_tokens();
|
|
27851
27884
|
init_no_image();
|
|
27852
27885
|
init_utils();
|
|
@@ -27868,7 +27901,7 @@ function NftDisplayCard({ asset }) {
|
|
|
27868
27901
|
className: "w-16 h-16 rounded-[var(--ui-kit-el-bdrs)] object-cover",
|
|
27869
27902
|
onError: () => setImageError(true)
|
|
27870
27903
|
}
|
|
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)(
|
|
27904
|
+
) : /* @__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
27905
|
/* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "flex-1 min-w-0", children: [
|
|
27873
27906
|
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "font-semibold text-[var(--ui-kit-fg)] truncate", children: asset.nftMetadata?.name || asset.name }),
|
|
27874
27907
|
/* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "text-sm text-[var(--ui-kit-fg-muted)]", children: [
|
|
@@ -27879,16 +27912,16 @@ function NftDisplayCard({ asset }) {
|
|
|
27879
27912
|
] })
|
|
27880
27913
|
] }),
|
|
27881
27914
|
/* @__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)(
|
|
27915
|
+
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)(import_lucide_react74.Sparkles, { className: "w-3 h-3" }),
|
|
27883
27916
|
/* @__PURE__ */ (0, import_jsx_runtime120.jsx)("span", { children: asset.type === "erc721" ? "ERC-721" : "ERC-1155" })
|
|
27884
27917
|
] })
|
|
27885
27918
|
] })
|
|
27886
27919
|
] });
|
|
27887
27920
|
}
|
|
27888
|
-
var
|
|
27921
|
+
var import_lucide_react74, import_react94, import_jsx_runtime120;
|
|
27889
27922
|
var init_NftDisplayCard = __esm({
|
|
27890
27923
|
"src/internal/components/SendMenu/send/components/NftDisplayCard.tsx"() {
|
|
27891
|
-
|
|
27924
|
+
import_lucide_react74 = require("lucide-react");
|
|
27892
27925
|
import_react94 = require("react");
|
|
27893
27926
|
import_jsx_runtime120 = require("react/jsx-runtime");
|
|
27894
27927
|
}
|
|
@@ -28041,10 +28074,10 @@ function NicknameData(props) {
|
|
|
28041
28074
|
e.currentTarget.src = no_image_default;
|
|
28042
28075
|
}
|
|
28043
28076
|
}
|
|
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)(
|
|
28077
|
+
) : /* @__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
28078
|
/* @__PURE__ */ (0, import_jsx_runtime122.jsxs)("div", { className: "flex flex-col gap-1", children: [
|
|
28046
28079
|
/* @__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)(
|
|
28080
|
+
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)(import_lucide_react75.CheckCircle2, { className: "w-4 h-4 flex-shrink-0" }),
|
|
28048
28081
|
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: nicknameData.handle })
|
|
28049
28082
|
] }),
|
|
28050
28083
|
nicknameData.fingerprint && /* @__PURE__ */ (0, import_jsx_runtime122.jsxs)(
|
|
@@ -28055,7 +28088,7 @@ function NicknameData(props) {
|
|
|
28055
28088
|
isFingerprintVerified ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-error)]"
|
|
28056
28089
|
),
|
|
28057
28090
|
children: [
|
|
28058
|
-
isFingerprintVerified ? /* @__PURE__ */ (0, import_jsx_runtime122.jsx)(
|
|
28091
|
+
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
28092
|
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: `${resolvedAddress.slice(0, 6)}...${resolvedAddress.slice(-4)} : ` }),
|
|
28060
28093
|
/* @__PURE__ */ (0, import_jsx_runtime122.jsx)("span", { children: isFingerprintVerified ? "Verified" : "FAILED" })
|
|
28061
28094
|
]
|
|
@@ -28064,10 +28097,10 @@ function NicknameData(props) {
|
|
|
28064
28097
|
] })
|
|
28065
28098
|
] });
|
|
28066
28099
|
}
|
|
28067
|
-
var
|
|
28100
|
+
var import_lucide_react75, import_react95, import_jsx_runtime122;
|
|
28068
28101
|
var init_NicknameData = __esm({
|
|
28069
28102
|
"src/internal/components/SendMenu/send/components/NicknameData.tsx"() {
|
|
28070
|
-
|
|
28103
|
+
import_lucide_react75 = require("lucide-react");
|
|
28071
28104
|
import_react95 = require("react");
|
|
28072
28105
|
init_no_image();
|
|
28073
28106
|
init_utils();
|
|
@@ -28286,7 +28319,7 @@ function InputSendStep(props) {
|
|
|
28286
28319
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(AssetInputIcon, { asset: selectedAsset }),
|
|
28287
28320
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: (isNft ? selectedAsset.nftMetadata?.name || selectedAsset.symbol : selectedAsset.name).toUpperCase() })
|
|
28288
28321
|
] }) : /* @__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)(
|
|
28322
|
+
isAssetsLoading && /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react76.Loader, { className: "w-4 h-4 animate-spin" })
|
|
28290
28323
|
]
|
|
28291
28324
|
}
|
|
28292
28325
|
),
|
|
@@ -28294,13 +28327,13 @@ function InputSendStep(props) {
|
|
|
28294
28327
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28295
28328
|
Input,
|
|
28296
28329
|
{
|
|
28297
|
-
Icon: isNicknameInput ?
|
|
28330
|
+
Icon: isNicknameInput ? import_lucide_react76.AtSign : import_lucide_react76.Wallet2,
|
|
28298
28331
|
type: "text",
|
|
28299
28332
|
value: recipient,
|
|
28300
28333
|
disabled: isAssetsLoading,
|
|
28301
28334
|
onChange: (e) => setRecipient(e.target.value),
|
|
28302
28335
|
placeholder: "0x... or @nickname",
|
|
28303
|
-
element: isNicknameInput && isResolving ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28336
|
+
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
28337
|
}
|
|
28305
28338
|
),
|
|
28306
28339
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(NicknameData, { resolvedNicknameData, isNicknameInput }),
|
|
@@ -28309,7 +28342,7 @@ function InputSendStep(props) {
|
|
|
28309
28342
|
!isNft && selectedAsset && /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("span", { className: "block text-[10px]", children: [
|
|
28310
28343
|
t("passport:common.balance"),
|
|
28311
28344
|
" ",
|
|
28312
|
-
isBalanceLoading ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28345
|
+
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
28346
|
formatPrice(balanceData.formatted),
|
|
28314
28347
|
" ",
|
|
28315
28348
|
balanceData.symbol
|
|
@@ -28336,13 +28369,13 @@ function InputSendStep(props) {
|
|
|
28336
28369
|
type: isComplianceLoading ? "info" : erc3643CanTransfer ? "success" : "error",
|
|
28337
28370
|
className: "flex gap-[var(--ui-kit-gap)]",
|
|
28338
28371
|
children: isComplianceLoading ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
|
|
28339
|
-
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28372
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react76.Loader, { className: "h-4 w-4 animate-spin" }),
|
|
28340
28373
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: "Checking compliance..." })
|
|
28341
28374
|
] }) : erc3643CanTransfer ? /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
|
|
28342
|
-
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28375
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react76.CheckCircle2, { className: "h-4 w-4" }),
|
|
28343
28376
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: "Transfer compliant" })
|
|
28344
28377
|
] }) : /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(import_jsx_runtime123.Fragment, { children: [
|
|
28345
|
-
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
|
|
28378
|
+
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(import_lucide_react76.AlertCircle, { className: "h-4 w-4" }),
|
|
28346
28379
|
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: complianceError || "Transfer not allowed" })
|
|
28347
28380
|
] })
|
|
28348
28381
|
}
|
|
@@ -28362,12 +28395,12 @@ function InputSendStep(props) {
|
|
|
28362
28395
|
)
|
|
28363
28396
|
] });
|
|
28364
28397
|
}
|
|
28365
|
-
var
|
|
28398
|
+
var import_lucide_react76, import_viem20, import_jsx_runtime123;
|
|
28366
28399
|
var init_InputSendStep = __esm({
|
|
28367
28400
|
"src/internal/components/SendMenu/send/sendSteps/InputSendStep.tsx"() {
|
|
28368
28401
|
init_SessionContext();
|
|
28369
28402
|
init_useT();
|
|
28370
|
-
|
|
28403
|
+
import_lucide_react76 = require("lucide-react");
|
|
28371
28404
|
import_viem20 = require("viem");
|
|
28372
28405
|
init_priceFormatter();
|
|
28373
28406
|
init_button();
|
|
@@ -28426,11 +28459,11 @@ function ConfirmSendStep(props) {
|
|
|
28426
28459
|
className: "flex flex-col gap-[var(--ui-kit-gap)]",
|
|
28427
28460
|
children: [
|
|
28428
28461
|
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)(
|
|
28462
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_lucide_react77.AlertTriangle, { className: "h-4 w-4" }),
|
|
28430
28463
|
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { children: "This handle is frozen. Proceed with caution." })
|
|
28431
28464
|
] }),
|
|
28432
28465
|
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)(
|
|
28466
|
+
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_lucide_react77.Shield, { className: "h-4 w-4 flex-shrink-0" }),
|
|
28434
28467
|
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { children: "Security token compliance verified" })
|
|
28435
28468
|
] }),
|
|
28436
28469
|
!isNft && /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex justify-between leading-5", children: [
|
|
@@ -28453,7 +28486,7 @@ function ConfirmSendStep(props) {
|
|
|
28453
28486
|
alt: nicknameData.handle,
|
|
28454
28487
|
className: "w-12 h-12 rounded-full object-cover flex-shrink-0"
|
|
28455
28488
|
}
|
|
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)(
|
|
28489
|
+
) : /* @__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
28490
|
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("div", { className: "flex flex-1 flex-col gap-1", children: [
|
|
28458
28491
|
/* @__PURE__ */ (0, import_jsx_runtime124.jsx)("span", { className: "font-medium text-[14px] leading-4 truncate", children: nicknameData.handle }),
|
|
28459
28492
|
nicknameData.fingerprint && /* @__PURE__ */ (0, import_jsx_runtime124.jsxs)(
|
|
@@ -28464,7 +28497,7 @@ function ConfirmSendStep(props) {
|
|
|
28464
28497
|
isFingerprintVerified ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-error)]"
|
|
28465
28498
|
),
|
|
28466
28499
|
children: [
|
|
28467
|
-
isFingerprintVerified ? /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
28500
|
+
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
28501
|
/* @__PURE__ */ (0, import_jsx_runtime124.jsxs)("span", { children: [
|
|
28469
28502
|
"Fingerprint: ",
|
|
28470
28503
|
nicknameData.fingerprint
|
|
@@ -28546,7 +28579,7 @@ function ConfirmSendStep(props) {
|
|
|
28546
28579
|
className: "w-full",
|
|
28547
28580
|
size: "large",
|
|
28548
28581
|
children: [
|
|
28549
|
-
isTransactionPending && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(
|
|
28582
|
+
isTransactionPending && /* @__PURE__ */ (0, import_jsx_runtime124.jsx)(import_lucide_react77.Loader, { className: "h-4 w-4 animate-spin" }),
|
|
28550
28583
|
t("passport:common.confirm")
|
|
28551
28584
|
]
|
|
28552
28585
|
}
|
|
@@ -28555,13 +28588,13 @@ function ConfirmSendStep(props) {
|
|
|
28555
28588
|
}
|
|
28556
28589
|
);
|
|
28557
28590
|
}
|
|
28558
|
-
var import_react_query57,
|
|
28591
|
+
var import_react_query57, import_lucide_react77, import_jsx_runtime124;
|
|
28559
28592
|
var init_ConfirmSendStep = __esm({
|
|
28560
28593
|
"src/internal/components/SendMenu/send/sendSteps/ConfirmSendStep.tsx"() {
|
|
28561
28594
|
init_SessionContext();
|
|
28562
28595
|
init_i18n();
|
|
28563
28596
|
import_react_query57 = require("@tanstack/react-query");
|
|
28564
|
-
|
|
28597
|
+
import_lucide_react77 = require("lucide-react");
|
|
28565
28598
|
init_priceFormatter();
|
|
28566
28599
|
init_utils();
|
|
28567
28600
|
init_Onboarding();
|
|
@@ -28689,7 +28722,7 @@ function SendMenu() {
|
|
|
28689
28722
|
}
|
|
28690
28723
|
),
|
|
28691
28724
|
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)(
|
|
28725
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_lucide_react78.Loader, { className: "h-4 w-4 animate-spin" }),
|
|
28693
28726
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "flex-1", children: [
|
|
28694
28727
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "block leading-4 font-semibold", children: t("passport:sendMenu.pendingStep") }),
|
|
28695
28728
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { children: t("passport:sendMenu.pendingStepMsg") })
|
|
@@ -28697,7 +28730,7 @@ function SendMenu() {
|
|
|
28697
28730
|
] }),
|
|
28698
28731
|
txStep === "success" && userOpHash && /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(import_jsx_runtime125.Fragment, { children: [
|
|
28699
28732
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)(Highlight, { type: "success", className: "flex gap-[var(--ui-kit-gap)]", children: [
|
|
28700
|
-
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
|
|
28733
|
+
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)(import_lucide_react78.CheckCircle2, { className: "h-4 w-4" }),
|
|
28701
28734
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("span", { className: "flex-1", children: [
|
|
28702
28735
|
/* @__PURE__ */ (0, import_jsx_runtime125.jsx)("span", { className: "block leading-4 font-semibold", children: "Transaction Initiated" }),
|
|
28703
28736
|
/* @__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 +28748,7 @@ function SendMenu() {
|
|
|
28715
28748
|
] })
|
|
28716
28749
|
] });
|
|
28717
28750
|
}
|
|
28718
|
-
var
|
|
28751
|
+
var import_lucide_react78, import_react96, import_viem21, import_jsx_runtime125;
|
|
28719
28752
|
var init_SendMenu = __esm({
|
|
28720
28753
|
"src/internal/components/SendMenu/send/SendMenu.tsx"() {
|
|
28721
28754
|
init_SessionContext();
|
|
@@ -28723,7 +28756,7 @@ var init_SendMenu = __esm({
|
|
|
28723
28756
|
init_useNicknameResolve();
|
|
28724
28757
|
init_useSendTransaction();
|
|
28725
28758
|
init_useT();
|
|
28726
|
-
|
|
28759
|
+
import_lucide_react78 = require("lucide-react");
|
|
28727
28760
|
import_react96 = require("react");
|
|
28728
28761
|
import_viem21 = require("viem");
|
|
28729
28762
|
init_useBlockscoutAssets2();
|
|
@@ -28840,7 +28873,7 @@ function SelectorFlowButtons() {
|
|
|
28840
28873
|
useFlowSelectorStore.getState().setFlow("send");
|
|
28841
28874
|
},
|
|
28842
28875
|
children: [
|
|
28843
|
-
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
28876
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react79.ArrowRightIcon, { className: "h-4 w-4" }),
|
|
28844
28877
|
t("passport:sendMenu.actions.send")
|
|
28845
28878
|
]
|
|
28846
28879
|
}
|
|
@@ -28856,7 +28889,7 @@ function SelectorFlowButtons() {
|
|
|
28856
28889
|
useFlowSelectorStore.getState().setFlow("bridge");
|
|
28857
28890
|
},
|
|
28858
28891
|
children: [
|
|
28859
|
-
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
28892
|
+
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react79.ArrowRightLeftIcon, { className: "h-4 w-4" }),
|
|
28860
28893
|
t("passport:bridgeMenu.actions.bridge")
|
|
28861
28894
|
]
|
|
28862
28895
|
}
|
|
@@ -28927,7 +28960,7 @@ function SendFlowSelector() {
|
|
|
28927
28960
|
}
|
|
28928
28961
|
}
|
|
28929
28962
|
},
|
|
28930
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
|
|
28963
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_lucide_react79.ArrowLeft, { className: "h-4 w-4" })
|
|
28931
28964
|
}
|
|
28932
28965
|
),
|
|
28933
28966
|
/* @__PURE__ */ (0, import_jsx_runtime126.jsx)("span", { className: "text-xl font-semibold", children: menuTitle })
|
|
@@ -28951,12 +28984,12 @@ function SendFlowSelector() {
|
|
|
28951
28984
|
] })
|
|
28952
28985
|
] });
|
|
28953
28986
|
}
|
|
28954
|
-
var
|
|
28987
|
+
var import_lucide_react79, import_react98, import_jsx_runtime126;
|
|
28955
28988
|
var init_SendFlowSelector = __esm({
|
|
28956
28989
|
"src/internal/components/SendMenu/SendFlowSelector.tsx"() {
|
|
28957
28990
|
init_ProviderContext();
|
|
28958
28991
|
init_i18n();
|
|
28959
|
-
|
|
28992
|
+
import_lucide_react79 = require("lucide-react");
|
|
28960
28993
|
import_react98 = require("react");
|
|
28961
28994
|
init_useLayoutDataStore();
|
|
28962
28995
|
init_utils();
|
|
@@ -29735,7 +29768,7 @@ function TransactionsGroup(props) {
|
|
|
29735
29768
|
children: [
|
|
29736
29769
|
/* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("div", { className: "flex items-center justify-between gap-[var(--ui-kit-gap)]", children: [
|
|
29737
29770
|
/* @__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)(
|
|
29771
|
+
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
29772
|
/* @__PURE__ */ (0, import_jsx_runtime127.jsx)("span", { className: "text-[10px] uppercase", children: isIncoming ? t("passport:common.received") : t("passport:common.sent") }),
|
|
29740
29773
|
parent.status === "ok" ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(PositiveIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(NegativeIcon, {})
|
|
29741
29774
|
] }),
|
|
@@ -29763,7 +29796,7 @@ function TransactionsGroup(props) {
|
|
|
29763
29796
|
onClick: (e) => {
|
|
29764
29797
|
e.stopPropagation();
|
|
29765
29798
|
},
|
|
29766
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
29799
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(import_lucide_react80.Copy, { className: "w-4 h-4" })
|
|
29767
29800
|
}
|
|
29768
29801
|
) })
|
|
29769
29802
|
] }),
|
|
@@ -29789,7 +29822,7 @@ function TransactionsGroup(props) {
|
|
|
29789
29822
|
internalsToRender.length,
|
|
29790
29823
|
")"
|
|
29791
29824
|
] }),
|
|
29792
|
-
expanded ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(
|
|
29825
|
+
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
29826
|
]
|
|
29794
29827
|
}
|
|
29795
29828
|
),
|
|
@@ -29810,11 +29843,11 @@ function TransactionsGroup(props) {
|
|
|
29810
29843
|
}
|
|
29811
29844
|
);
|
|
29812
29845
|
}
|
|
29813
|
-
var
|
|
29846
|
+
var import_lucide_react80, import_jsx_runtime127;
|
|
29814
29847
|
var init_TransactionsGroup = __esm({
|
|
29815
29848
|
"src/internal/components/TransactionsMenu/TransactionsGroup.tsx"() {
|
|
29816
29849
|
init_i18n();
|
|
29817
|
-
|
|
29850
|
+
import_lucide_react80 = require("lucide-react");
|
|
29818
29851
|
init_icons();
|
|
29819
29852
|
init_utils();
|
|
29820
29853
|
init_button();
|
|
@@ -29851,7 +29884,7 @@ function TransactionsMenu() {
|
|
|
29851
29884
|
const txHistoryResolvedError = txHistoryError ? txHistoryError instanceof Error ? txHistoryError.message : "Failed to load transactions" : null;
|
|
29852
29885
|
return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(Expandable, { isExpanded: true, contentClassName: "w-full flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
29853
29886
|
/* @__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)(
|
|
29887
|
+
/* @__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
29888
|
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "text-xl font-semibold", children: t("passport:transactionsMenu.title") }),
|
|
29856
29889
|
historySupported && /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
29857
29890
|
Button,
|
|
@@ -29861,15 +29894,15 @@ function TransactionsMenu() {
|
|
|
29861
29894
|
onClick: refreshTxHistory,
|
|
29862
29895
|
disabled: isTxHistoryFetching,
|
|
29863
29896
|
title: "Refresh transactions",
|
|
29864
|
-
children: isTxHistoryFetching ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
|
|
29897
|
+
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
29898
|
}
|
|
29866
29899
|
)
|
|
29867
29900
|
] }),
|
|
29868
29901
|
!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)(
|
|
29902
|
+
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
29903
|
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
29904
|
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)(
|
|
29905
|
+
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)(import_lucide_react81.XCircle, { className: "w-4 h-4 flex-none" }),
|
|
29873
29906
|
/* @__PURE__ */ (0, import_jsx_runtime128.jsx)("span", { className: "block w-full flex-1 text-center text-xs", children: txHistoryResolvedError })
|
|
29874
29907
|
] }),
|
|
29875
29908
|
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 +29916,13 @@ function TransactionsMenu() {
|
|
|
29883
29916
|
)) })
|
|
29884
29917
|
] });
|
|
29885
29918
|
}
|
|
29886
|
-
var import_react_query58,
|
|
29919
|
+
var import_react_query58, import_lucide_react81, import_react100, import_jsx_runtime128;
|
|
29887
29920
|
var init_TransactionsMenu = __esm({
|
|
29888
29921
|
"src/internal/components/TransactionsMenu/TransactionsMenu.tsx"() {
|
|
29889
29922
|
init_SessionContext();
|
|
29890
29923
|
init_i18n();
|
|
29891
29924
|
import_react_query58 = require("@tanstack/react-query");
|
|
29892
|
-
|
|
29925
|
+
import_lucide_react81 = require("lucide-react");
|
|
29893
29926
|
import_react100 = require("react");
|
|
29894
29927
|
init_useLayoutDataStore();
|
|
29895
29928
|
init_Expandable2();
|
|
@@ -29928,20 +29961,20 @@ var init_TransactionsMenu2 = __esm({
|
|
|
29928
29961
|
});
|
|
29929
29962
|
|
|
29930
29963
|
// src/internal/components/SettingsMenu/constants.ts
|
|
29931
|
-
var
|
|
29932
|
-
var
|
|
29964
|
+
var import_lucide_react82, NAV_BUTTONS;
|
|
29965
|
+
var init_constants10 = __esm({
|
|
29933
29966
|
"src/internal/components/SettingsMenu/constants.ts"() {
|
|
29934
|
-
|
|
29967
|
+
import_lucide_react82 = require("lucide-react");
|
|
29935
29968
|
init_icons();
|
|
29936
29969
|
NAV_BUTTONS = [
|
|
29937
|
-
{ id: "transactions" /* TRANSACTIONS */, name: "passport:transactionsMenu.title", Icon:
|
|
29938
|
-
{ id: "user-activity" /* USER_ACTIVITY */, name: "passport:userActivityMenu.title", Icon:
|
|
29970
|
+
{ id: "transactions" /* TRANSACTIONS */, name: "passport:transactionsMenu.title", Icon: import_lucide_react82.ArrowLeftRight },
|
|
29971
|
+
{ id: "user-activity" /* USER_ACTIVITY */, name: "passport:userActivityMenu.title", Icon: import_lucide_react82.ActivityIcon },
|
|
29939
29972
|
{ 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:
|
|
29973
|
+
{ id: "nickname-settings" /* NICKNAME_SETTINGS */, name: "passport:nicknameMenu.title", Icon: import_lucide_react82.AtSign },
|
|
29974
|
+
{ id: "manage-wallet" /* MANAGE_WALLET */, name: "passport:profilesMenu.title", Icon: import_lucide_react82.UsersRound },
|
|
29975
|
+
{ id: "security" /* SECURITY */, name: "passport:securityMenu.title", Icon: import_lucide_react82.LockKeyhole },
|
|
29976
|
+
{ id: "keysare-backup" /* KEYSARE_BACKUP */, name: "passport:backupMenu.title", Icon: import_lucide_react82.DatabaseBackup },
|
|
29977
|
+
{ id: "chain" /* CHAIN */, name: "passport:chainMenu.title", Icon: import_lucide_react82.Link2 }
|
|
29945
29978
|
];
|
|
29946
29979
|
}
|
|
29947
29980
|
});
|
|
@@ -29963,7 +29996,7 @@ function useSettingsButtons(chainId) {
|
|
|
29963
29996
|
}
|
|
29964
29997
|
});
|
|
29965
29998
|
if (proMode) {
|
|
29966
|
-
settingsButtons.push({ id: "devices" /* DEVICES */, name: "passport:guardiansMenu.title", Icon:
|
|
29999
|
+
settingsButtons.push({ id: "devices" /* DEVICES */, name: "passport:guardiansMenu.title", Icon: import_lucide_react83.HardDrive });
|
|
29967
30000
|
}
|
|
29968
30001
|
return settingsButtons;
|
|
29969
30002
|
}
|
|
@@ -29985,7 +30018,7 @@ function SettingsMenu() {
|
|
|
29985
30018
|
const highlightedKeys = settingsNotifications.map((n) => n.target);
|
|
29986
30019
|
return /* @__PURE__ */ (0, import_jsx_runtime129.jsxs)(Expandable, { isExpanded: true, contentClassName: "flex flex-col gap-[var(--ui-kit-gap)]", children: [
|
|
29987
30020
|
/* @__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)(
|
|
30021
|
+
/* @__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
30022
|
/* @__PURE__ */ (0, import_jsx_runtime129.jsx)("span", { className: "text-xl font-semibold", children: t("passport:common.settings") })
|
|
29990
30023
|
] }),
|
|
29991
30024
|
/* @__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 +30041,14 @@ function SettingsMenu() {
|
|
|
30008
30041
|
)) })
|
|
30009
30042
|
] });
|
|
30010
30043
|
}
|
|
30011
|
-
var import_react_query59,
|
|
30044
|
+
var import_react_query59, import_lucide_react83, import_jsx_runtime129;
|
|
30012
30045
|
var init_SettingsMenu = __esm({
|
|
30013
30046
|
"src/internal/components/SettingsMenu/SettingsMenu.tsx"() {
|
|
30014
30047
|
init_ProviderContext();
|
|
30015
30048
|
init_SessionContext();
|
|
30016
30049
|
init_i18n();
|
|
30017
30050
|
import_react_query59 = require("@tanstack/react-query");
|
|
30018
|
-
|
|
30051
|
+
import_lucide_react83 = require("lucide-react");
|
|
30019
30052
|
init_nickname();
|
|
30020
30053
|
init_profile();
|
|
30021
30054
|
init_useLayoutDataStore();
|
|
@@ -30026,7 +30059,7 @@ var init_SettingsMenu = __esm({
|
|
|
30026
30059
|
init_Onboarding();
|
|
30027
30060
|
init_TransactionsMenu2();
|
|
30028
30061
|
init_button();
|
|
30029
|
-
|
|
30062
|
+
init_constants10();
|
|
30030
30063
|
import_jsx_runtime129 = require("react/jsx-runtime");
|
|
30031
30064
|
}
|
|
30032
30065
|
});
|
|
@@ -30068,7 +30101,7 @@ function UserActivityMenu() {
|
|
|
30068
30101
|
size: "icon",
|
|
30069
30102
|
title: "Back",
|
|
30070
30103
|
onClick: () => useLayoutDataStore.getState().setPage("settings" /* SETTINGS */),
|
|
30071
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
|
|
30104
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(import_lucide_react84.ArrowLeft, { className: "h-4 w-4" })
|
|
30072
30105
|
}
|
|
30073
30106
|
),
|
|
30074
30107
|
/* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { className: "text-xl font-semibold", children: t("passport:userActivityMenu.title") })
|
|
@@ -30080,11 +30113,11 @@ function UserActivityMenu() {
|
|
|
30080
30113
|
) : /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("div", { className: "w-full flex flex-col gap-[var(--ui-kit-gap)]" })
|
|
30081
30114
|
] });
|
|
30082
30115
|
}
|
|
30083
|
-
var
|
|
30116
|
+
var import_lucide_react84, import_jsx_runtime130;
|
|
30084
30117
|
var init_UserActivityMenu = __esm({
|
|
30085
30118
|
"src/internal/components/UserActivityMenu/UserActivityMenu.tsx"() {
|
|
30086
30119
|
init_i18n();
|
|
30087
|
-
|
|
30120
|
+
import_lucide_react84 = require("lucide-react");
|
|
30088
30121
|
init_useLayoutDataStore();
|
|
30089
30122
|
init_Expandable2();
|
|
30090
30123
|
init_Onboarding();
|
|
@@ -30390,7 +30423,7 @@ var init_package = __esm({
|
|
|
30390
30423
|
"package.json"() {
|
|
30391
30424
|
package_default = {
|
|
30392
30425
|
name: "@embarkai/ui-kit",
|
|
30393
|
-
version: "0.4.
|
|
30426
|
+
version: "0.4.122",
|
|
30394
30427
|
description: "React UI components and hooks for EmbarkAI authentication and Account Abstraction",
|
|
30395
30428
|
type: "module",
|
|
30396
30429
|
main: "./dist/index.cjs",
|
|
@@ -30588,7 +30621,7 @@ function Footer() {
|
|
|
30588
30621
|
disabled: isDisconnecting || isDialogForced,
|
|
30589
30622
|
children: [
|
|
30590
30623
|
/* @__PURE__ */ (0, import_jsx_runtime132.jsx)("span", { children: t("passport:auth.logout") }),
|
|
30591
|
-
isDisconnecting ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(
|
|
30624
|
+
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
30625
|
]
|
|
30593
30626
|
}
|
|
30594
30627
|
) : null
|
|
@@ -30607,7 +30640,7 @@ function Footer() {
|
|
|
30607
30640
|
}
|
|
30608
30641
|
);
|
|
30609
30642
|
}
|
|
30610
|
-
var import_react_query60,
|
|
30643
|
+
var import_react_query60, import_lucide_react85, import_jsx_runtime132, FOOTER_ONBOARDING_CHAIN_BUTTON, FOOTER_ONBOARDING_LOGOUT_BUTTON, FOOTER_TOUR;
|
|
30611
30644
|
var init_Footer = __esm({
|
|
30612
30645
|
"src/internal/components/Footer/Footer.tsx"() {
|
|
30613
30646
|
init_package();
|
|
@@ -30617,7 +30650,7 @@ var init_Footer = __esm({
|
|
|
30617
30650
|
init_i18n();
|
|
30618
30651
|
init_useSafeDisconnect();
|
|
30619
30652
|
import_react_query60 = require("@tanstack/react-query");
|
|
30620
|
-
|
|
30653
|
+
import_lucide_react85 = require("lucide-react");
|
|
30621
30654
|
init_auth();
|
|
30622
30655
|
init_base3();
|
|
30623
30656
|
init_useLayoutDataStore();
|
|
@@ -30778,7 +30811,7 @@ function Header() {
|
|
|
30778
30811
|
style: { width: "calc(100% - 48px - var(--ui-kit-gap))" },
|
|
30779
30812
|
className: "flex-1 flex flex-col justify-center gap-1",
|
|
30780
30813
|
children: [
|
|
30781
|
-
isProfileLoading && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
30814
|
+
isProfileLoading && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react86.Loader, { className: "w-4 h-4 animate-spin" }),
|
|
30782
30815
|
!!address && !isProfileLoading && !!profile && /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(import_jsx_runtime133.Fragment, { children: [
|
|
30783
30816
|
/* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "w-full flex items-center gap-[var(--ui-kit-gap)]", children: [
|
|
30784
30817
|
/* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
@@ -30816,7 +30849,7 @@ function Header() {
|
|
|
30816
30849
|
setCopied(true);
|
|
30817
30850
|
setTimeout(() => setCopied(false), 1500);
|
|
30818
30851
|
},
|
|
30819
|
-
children: copied ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(PositiveIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
30852
|
+
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
30853
|
}
|
|
30821
30854
|
),
|
|
30822
30855
|
!!isOnboardingTourAvailable && ONBOARDING_TOURS[embarkPage] && /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
@@ -30827,7 +30860,7 @@ function Header() {
|
|
|
30827
30860
|
variant: "ghost",
|
|
30828
30861
|
className: "text-[10px] px-2",
|
|
30829
30862
|
onClick: () => onboarder.startTour(ONBOARDING_TOURS[embarkPage]({ config: config.current })),
|
|
30830
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
|
|
30863
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_lucide_react86.CircleQuestionMarkIcon, { className: "w-4 h-4" })
|
|
30831
30864
|
}
|
|
30832
30865
|
)
|
|
30833
30866
|
] })
|
|
@@ -30837,14 +30870,14 @@ function Header() {
|
|
|
30837
30870
|
}
|
|
30838
30871
|
);
|
|
30839
30872
|
}
|
|
30840
|
-
var
|
|
30873
|
+
var import_lucide_react86, import_react103, import_jsx_runtime133;
|
|
30841
30874
|
var init_Header = __esm({
|
|
30842
30875
|
"src/internal/components/Header/Header.tsx"() {
|
|
30843
30876
|
init_lumia2();
|
|
30844
30877
|
init_networks3();
|
|
30845
30878
|
init_ProviderContext();
|
|
30846
30879
|
init_SessionContext();
|
|
30847
|
-
|
|
30880
|
+
import_lucide_react86 = require("lucide-react");
|
|
30848
30881
|
import_react103 = require("react");
|
|
30849
30882
|
init_icons();
|
|
30850
30883
|
init_auth();
|
|
@@ -30880,7 +30913,7 @@ function useDecideContentStyles() {
|
|
|
30880
30913
|
style: (0, import_lodash_es17.merge)({}, mobileStyles)
|
|
30881
30914
|
};
|
|
30882
30915
|
}
|
|
30883
|
-
var DialogPrimitive, import_lodash_es17,
|
|
30916
|
+
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
30917
|
var init_dialog = __esm({
|
|
30885
30918
|
"src/internal/components/ui/dialog.tsx"() {
|
|
30886
30919
|
init_utils();
|
|
@@ -30888,7 +30921,7 @@ var init_dialog = __esm({
|
|
|
30888
30921
|
init_i18n();
|
|
30889
30922
|
DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
|
|
30890
30923
|
import_lodash_es17 = require("lodash-es");
|
|
30891
|
-
|
|
30924
|
+
import_lucide_react87 = require("lucide-react");
|
|
30892
30925
|
import_react104 = require("react");
|
|
30893
30926
|
init_useLayoutDataStore();
|
|
30894
30927
|
init_useLayoutStore();
|
|
@@ -30997,7 +31030,7 @@ var init_dialog = __esm({
|
|
|
30997
31030
|
onClick: () => setPage("settings" /* SETTINGS */),
|
|
30998
31031
|
children: [
|
|
30999
31032
|
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "sr-only", children: t("passport:common.settings") }),
|
|
31000
|
-
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
31033
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react87.SlidersHorizontal, { className: "w-4 h-4" }),
|
|
31001
31034
|
!!settingsNotifications.length && /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
|
|
31002
31035
|
"div",
|
|
31003
31036
|
{
|
|
@@ -31013,7 +31046,7 @@ var init_dialog = __esm({
|
|
|
31013
31046
|
}
|
|
31014
31047
|
),
|
|
31015
31048
|
/* @__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)(
|
|
31049
|
+
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)(import_lucide_react87.X, { className: "h-4 w-4" }),
|
|
31017
31050
|
/* @__PURE__ */ (0, import_jsx_runtime134.jsx)("span", { className: "sr-only", children: t("passport:common.close") })
|
|
31018
31051
|
] }) })
|
|
31019
31052
|
]
|
|
@@ -33998,7 +34031,7 @@ init_ErrorBoundary2();
|
|
|
33998
34031
|
// src/components/ConnectWalletButton.tsx
|
|
33999
34032
|
init_lumia2();
|
|
34000
34033
|
init_embarkAI2();
|
|
34001
|
-
var
|
|
34034
|
+
var import_lucide_react88 = require("lucide-react");
|
|
34002
34035
|
var import_react111 = require("react");
|
|
34003
34036
|
init_SessionContext();
|
|
34004
34037
|
init_auth();
|
|
@@ -34051,7 +34084,7 @@ function ConnectWalletButton(props) {
|
|
|
34051
34084
|
disabled: isConnecting,
|
|
34052
34085
|
onClick: () => setPage("auth" /* AUTH */),
|
|
34053
34086
|
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)(
|
|
34087
|
+
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
34088
|
connectButtonLabel.toUpperCase()
|
|
34056
34089
|
]
|
|
34057
34090
|
}
|
|
@@ -34072,7 +34105,7 @@ function ConnectWalletButton(props) {
|
|
|
34072
34105
|
"disabled:hover:bg-[var(--ui-kit-bg)] disabled:active:bg-[var(--ui-kit-bg)]"
|
|
34073
34106
|
),
|
|
34074
34107
|
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)(
|
|
34108
|
+
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
34109
|
connectButtonLabel.toUpperCase()
|
|
34077
34110
|
]
|
|
34078
34111
|
}
|
|
@@ -34095,7 +34128,7 @@ function ConnectWalletButton(props) {
|
|
|
34095
34128
|
] }),
|
|
34096
34129
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "text-left flex-1 min-w-0 text-[var(--ui-kit-fg)]", children: [
|
|
34097
34130
|
/* @__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)(
|
|
34131
|
+
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
34132
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(KYCStatus, {})
|
|
34100
34133
|
] }),
|
|
34101
34134
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(BalanceView, {})
|
|
@@ -34103,7 +34136,7 @@ function ConnectWalletButton(props) {
|
|
|
34103
34136
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
34104
34137
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "group relative", children: [
|
|
34105
34138
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
34106
|
-
|
|
34139
|
+
import_lucide_react88.Cloud,
|
|
34107
34140
|
{
|
|
34108
34141
|
className: `w-3 h-3 ${indicators.server ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
34109
34142
|
}
|
|
@@ -34125,7 +34158,7 @@ function ConnectWalletButton(props) {
|
|
|
34125
34158
|
] }),
|
|
34126
34159
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "group relative", children: [
|
|
34127
34160
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
34128
|
-
|
|
34161
|
+
import_lucide_react88.Laptop,
|
|
34129
34162
|
{
|
|
34130
34163
|
className: `w-3 h-3 ${indicators.local ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
34131
34164
|
}
|
|
@@ -34147,7 +34180,7 @@ function ConnectWalletButton(props) {
|
|
|
34147
34180
|
] }),
|
|
34148
34181
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsxs)("div", { className: "group relative", children: [
|
|
34149
34182
|
/* @__PURE__ */ (0, import_jsx_runtime139.jsx)(
|
|
34150
|
-
|
|
34183
|
+
import_lucide_react88.Shield,
|
|
34151
34184
|
{
|
|
34152
34185
|
className: `w-3 h-3 ${indicators.backup ? "text-[var(--ui-kit-bg-success)]" : "text-[var(--ui-kit-bg-warning)]"}`
|
|
34153
34186
|
}
|
|
@@ -34221,7 +34254,7 @@ init_useOpenPage();
|
|
|
34221
34254
|
init_useColorMode();
|
|
34222
34255
|
|
|
34223
34256
|
// src/components/ThemeToggle.tsx
|
|
34224
|
-
var
|
|
34257
|
+
var import_lucide_react89 = require("lucide-react");
|
|
34225
34258
|
init_useColorMode();
|
|
34226
34259
|
init_button();
|
|
34227
34260
|
init_utils();
|
|
@@ -34242,7 +34275,7 @@ function ThemeToggle(props) {
|
|
|
34242
34275
|
variant: "ghost",
|
|
34243
34276
|
onClick: () => setColorMode(colorMode === "light" ? "dark" : "light"),
|
|
34244
34277
|
title: `Current theme: ${colorMode}. Click to switch.`,
|
|
34245
|
-
children: colorMode === "dark" ? /* @__PURE__ */ (0, import_jsx_runtime140.jsx)(
|
|
34278
|
+
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
34279
|
}
|
|
34247
34280
|
)
|
|
34248
34281
|
}
|
|
@@ -34283,14 +34316,14 @@ function LangToggle(props) {
|
|
|
34283
34316
|
init_useLayoutDataStore();
|
|
34284
34317
|
|
|
34285
34318
|
// src/internal/components/UserOpStatus.tsx
|
|
34286
|
-
var
|
|
34319
|
+
var import_lucide_react91 = require("lucide-react");
|
|
34287
34320
|
var React34 = __toESM(require("react"), 1);
|
|
34288
34321
|
init_getUserOperationByHash();
|
|
34289
34322
|
init_getUserOperationReceipt();
|
|
34290
34323
|
init_cn();
|
|
34291
34324
|
|
|
34292
34325
|
// src/internal/components/Address.tsx
|
|
34293
|
-
var
|
|
34326
|
+
var import_lucide_react90 = require("lucide-react");
|
|
34294
34327
|
var React33 = __toESM(require("react"), 1);
|
|
34295
34328
|
init_cn();
|
|
34296
34329
|
init_button();
|
|
@@ -34334,7 +34367,7 @@ var Address = ({
|
|
|
34334
34367
|
} catch {
|
|
34335
34368
|
}
|
|
34336
34369
|
},
|
|
34337
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
34370
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react90.Copy, { className: "h-4 w-4" })
|
|
34338
34371
|
}
|
|
34339
34372
|
),
|
|
34340
34373
|
showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
@@ -34345,7 +34378,7 @@ var Address = ({
|
|
|
34345
34378
|
rel: "noreferrer noopener",
|
|
34346
34379
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
34347
34380
|
title: "Open in explorer",
|
|
34348
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(
|
|
34381
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime142.jsx)(import_lucide_react90.ExternalLink, { className: "h-4 w-4" })
|
|
34349
34382
|
}
|
|
34350
34383
|
)
|
|
34351
34384
|
] });
|
|
@@ -34470,30 +34503,30 @@ var UserOpStatus = ({
|
|
|
34470
34503
|
if (receipt) {
|
|
34471
34504
|
const ok = !!receipt.success;
|
|
34472
34505
|
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: ok ? "success" : "destructive", children: [
|
|
34473
|
-
ok ? /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34506
|
+
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
34507
|
ok ? "Included" : "Failed"
|
|
34475
34508
|
] });
|
|
34476
34509
|
}
|
|
34477
34510
|
if (rejected) {
|
|
34478
34511
|
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "destructive", children: [
|
|
34479
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34512
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
|
|
34480
34513
|
" Rejected by bundler"
|
|
34481
34514
|
] });
|
|
34482
34515
|
}
|
|
34483
34516
|
if (timedOut) {
|
|
34484
34517
|
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "warning", children: [
|
|
34485
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34518
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-3 w-3" }),
|
|
34486
34519
|
" Timeout - may be rejected"
|
|
34487
34520
|
] });
|
|
34488
34521
|
}
|
|
34489
34522
|
if (mempool) {
|
|
34490
34523
|
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "outline", children: [
|
|
34491
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34524
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Clock, { className: "h-3 w-3" }),
|
|
34492
34525
|
" Pending in bundler"
|
|
34493
34526
|
] });
|
|
34494
34527
|
}
|
|
34495
34528
|
return /* @__PURE__ */ (0, import_jsx_runtime143.jsxs)(Badge, { variant: "secondary", children: [
|
|
34496
|
-
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34529
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Clock, { className: "h-3 w-3" }),
|
|
34497
34530
|
" Waiting"
|
|
34498
34531
|
] });
|
|
34499
34532
|
};
|
|
@@ -34512,7 +34545,7 @@ var UserOpStatus = ({
|
|
|
34512
34545
|
/* @__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
34546
|
] }),
|
|
34514
34547
|
/* @__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)(
|
|
34548
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.RefreshCw, { className: cn("h-3.5 w-3.5 mr-1", refreshing && "animate-spin") }),
|
|
34516
34549
|
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)("span", { className: "text-xs", children: "Refresh" })
|
|
34517
34550
|
] })
|
|
34518
34551
|
] }),
|
|
@@ -34531,7 +34564,7 @@ var UserOpStatus = ({
|
|
|
34531
34564
|
} catch {
|
|
34532
34565
|
}
|
|
34533
34566
|
},
|
|
34534
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34567
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Copy, { className: "h-3.5 w-3.5" })
|
|
34535
34568
|
}
|
|
34536
34569
|
)
|
|
34537
34570
|
] }),
|
|
@@ -34550,7 +34583,7 @@ var UserOpStatus = ({
|
|
|
34550
34583
|
} catch {
|
|
34551
34584
|
}
|
|
34552
34585
|
},
|
|
34553
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34586
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.Copy, { className: "h-3.5 w-3.5" })
|
|
34554
34587
|
}
|
|
34555
34588
|
),
|
|
34556
34589
|
chain?.blockExplorers?.default?.url && /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
@@ -34561,7 +34594,7 @@ var UserOpStatus = ({
|
|
|
34561
34594
|
rel: "noreferrer noopener",
|
|
34562
34595
|
className: "inline-flex items-center justify-center h-8 w-8 rounded-md hover:bg-accent text-foreground",
|
|
34563
34596
|
title: "Open in explorer",
|
|
34564
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(
|
|
34597
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.ExternalLink, { className: "h-3.5 w-3.5" })
|
|
34565
34598
|
}
|
|
34566
34599
|
)
|
|
34567
34600
|
] }),
|
|
@@ -34590,16 +34623,16 @@ var UserOpStatus = ({
|
|
|
34590
34623
|
] })
|
|
34591
34624
|
] }),
|
|
34592
34625
|
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)(
|
|
34626
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
|
|
34594
34627
|
" ",
|
|
34595
34628
|
error
|
|
34596
34629
|
] }),
|
|
34597
34630
|
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)(
|
|
34631
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
|
|
34599
34632
|
"UserOperation was dropped from bundler mempool. This usually means it was invalid or replaced."
|
|
34600
34633
|
] }),
|
|
34601
34634
|
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)(
|
|
34635
|
+
/* @__PURE__ */ (0, import_jsx_runtime143.jsx)(import_lucide_react91.AlertCircle, { className: "h-4 w-4" }),
|
|
34603
34636
|
"Stopped polling after ",
|
|
34604
34637
|
Math.round(maxPollTimeMs / 1e3),
|
|
34605
34638
|
"s. UserOperation may have been rejected by the bundler."
|
|
@@ -34610,7 +34643,7 @@ var UserOpStatus = ({
|
|
|
34610
34643
|
};
|
|
34611
34644
|
|
|
34612
34645
|
// src/internal/components/Hash.tsx
|
|
34613
|
-
var
|
|
34646
|
+
var import_lucide_react92 = require("lucide-react");
|
|
34614
34647
|
var React35 = __toESM(require("react"), 1);
|
|
34615
34648
|
init_cn();
|
|
34616
34649
|
init_button();
|
|
@@ -34656,7 +34689,7 @@ var Hash = ({
|
|
|
34656
34689
|
} catch {
|
|
34657
34690
|
}
|
|
34658
34691
|
},
|
|
34659
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
34692
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react92.Copy, { className: "h-4 w-4" })
|
|
34660
34693
|
}
|
|
34661
34694
|
),
|
|
34662
34695
|
showExplorer && explorer && /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
@@ -34667,7 +34700,7 @@ var Hash = ({
|
|
|
34667
34700
|
rel: "noreferrer noopener",
|
|
34668
34701
|
className: "inline-flex items-center justify-center h-10 w-10 rounded-md hover:bg-accent text-foreground",
|
|
34669
34702
|
title: "Open in explorer",
|
|
34670
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(
|
|
34703
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime144.jsx)(import_lucide_react92.ExternalLink, { className: "h-4 w-4" })
|
|
34671
34704
|
}
|
|
34672
34705
|
)
|
|
34673
34706
|
] });
|