@embarkai/ui-kit 0.4.121 → 0.4.123

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