@lifi/widget 4.0.0-beta.14 → 4.0.0-beta.17

package/dist/esm/pages/MainPage/ReviewButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewButton.js","names":[],"sources":["../../../../src/pages/MainPage/ReviewButton.tsx"],"sourcesContent":["import { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useSplitSubvariantStore } from '../../stores/settings/useSplitSubvariantStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const ReviewButton: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const { subvariant, subvariantOptions } = useWidgetConfig()\n  const splitState = useSplitSubvariantStore((state) => state.state)\n  const { toAddress, requiredToAddress } = useToAddressRequirements()\n  const { routes, setReviewableRoute } = useRoutes()\n\n  const currentRoute = routes?.[0]\n\n  const handleClick = async () => {\n    if (!currentRoute) {\n      return\n    }\n\n    setReviewableRoute(currentRoute)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: currentRoute.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route: currentRoute,\n      routes: routes!,\n    })\n  }\n\n  const getButtonText = (): string => {\n    if (currentRoute) {\n      switch (subvariant) {\n        case 'custom':\n          return t(`button.${subvariantOptions?.custom ?? 'checkout'}Review`)\n        case 'refuel':\n          return t('button.getGas')\n        default: {\n          const transactionType =\n            currentRoute.fromChainId === currentRoute.toChainId\n              ? 'swap'\n              : 'bridge'\n          return t(`button.${transactionType}Review`)\n        }\n      }\n    }\n    switch (subvariant) {\n      case 'custom':\n        return subvariantOptions?.custom === 'deposit'\n          ? t('button.deposit')\n          : t('button.buy')\n      case 'refuel':\n        return t('button.getGas')\n      case 'split':\n        if (splitState) {\n          return t(`button.${splitState}`)\n        }\n        return t('button.exchange')\n      default:\n        return t('button.exchange')\n    }\n  }\n\n  return (\n    <BaseTransactionButton\n      text={getButtonText()}\n      onClick={handleClick}\n      disabled={currentRoute && requiredToAddress && !toAddress}\n      route={currentRoute}\n      sx={{ flex: 1 }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,qBAA+B;CAC1C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,UAAU,iBAAiB;CACjC,MAAM,EAAE,YAAY,sBAAsB,iBAAiB;CAC3D,MAAM,aAAa,yBAAyB,UAAU,MAAM,MAAM;CAClE,MAAM,EAAE,WAAW,sBAAsB,0BAA0B;CACnE,MAAM,EAAE,QAAQ,uBAAuB,WAAW;CAElD,MAAM,eAAe,SAAS;CAE9B,MAAM,cAAc,YAAY;AAC9B,MAAI,CAAC,aACH;AAGF,qBAAmB,aAAa;AAChC,WAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,aAAa,IAAI;GACrC,CAAC;AACF,UAAQ,KAAK,YAAY,eAAe;GACtC,OAAO;GACC;GACT,CAAC;;CAGJ,MAAM,sBAA8B;AAClC,MAAI,aACF,SAAQ,YAAR;GACE,KAAK,SACH,QAAO,EAAE,UAAU,mBAAmB,UAAU,WAAW,QAAQ;GACrE,KAAK,SACH,QAAO,EAAE,gBAAgB;GAC3B,QAKE,QAAO,EAAE,UAHP,aAAa,gBAAgB,aAAa,YACtC,SACA,SAC6B,QAAQ;;AAIjD,UAAQ,YAAR;GACE,KAAK,SACH,QAAO,mBAAmB,WAAW,YACjC,EAAE,iBAAiB,GACnB,EAAE,aAAa;GACrB,KAAK,SACH,QAAO,EAAE,gBAAgB;GAC3B,KAAK;AACH,QAAI,WACF,QAAO,EAAE,UAAU,aAAa;AAElC,WAAO,EAAE,kBAAkB;GAC7B,QACE,QAAO,EAAE,kBAAkB;;;AAIjC,QACE,oBAAC,uBAAD;EACE,MAAM,eAAe;EACrB,SAAS;EACT,UAAU,gBAAgB,qBAAqB,CAAC;EAChD,OAAO;EACP,IAAI,EAAE,MAAM,GAAG;EACf,CAAA"}
+{"version":3,"file":"ReviewButton.js","names":[],"sources":["../../../../src/pages/MainPage/ReviewButton.tsx"],"sourcesContent":["import { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { BaseTransactionButton } from '../../components/BaseTransactionButton/BaseTransactionButton.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useSplitSubvariantStore } from '../../stores/settings/useSplitSubvariantStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const ReviewButton: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const { subvariant, subvariantOptions } = useWidgetConfig()\n  const splitState = useSplitSubvariantStore((state) => state.state)\n  const { toAddress, requiredToAddress } = useToAddressRequirements()\n  const { routes, setReviewableRoute } = useRoutes()\n\n  const currentRoute = routes?.[0]\n\n  const handleClick = async () => {\n    if (!currentRoute) {\n      return\n    }\n\n    setReviewableRoute(currentRoute)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: currentRoute.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route: currentRoute,\n      routes: routes!,\n    })\n  }\n\n  const getButtonText = (): string => {\n    if (currentRoute) {\n      switch (subvariant) {\n        case 'custom':\n          return t(`button.${subvariantOptions?.custom ?? 'checkout'}Review`)\n        case 'refuel':\n          return t('button.getGas')\n        default: {\n          const transactionType =\n            currentRoute.fromChainId === currentRoute.toChainId\n              ? 'swap'\n              : 'bridge'\n          return t(`button.${transactionType}Review`)\n        }\n      }\n    }\n    switch (subvariant) {\n      case 'custom':\n        return subvariantOptions?.custom === 'deposit'\n          ? t('button.deposit')\n          : t('button.buy')\n      case 'refuel':\n        return t('button.getGas')\n      case 'split':\n        if (splitState) {\n          return t(`button.${splitState}`)\n        }\n        return t('button.exchange')\n      default:\n        return t('button.exchange')\n    }\n  }\n\n  return (\n    <BaseTransactionButton\n      text={getButtonText()}\n      onClick={handleClick}\n      disabled={currentRoute && requiredToAddress && !toAddress}\n      route={currentRoute}\n      sx={{ flex: 1 }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,qBAA+B;CAC1C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,UAAU,iBAAiB;CACjC,MAAM,EAAE,YAAY,sBAAsB,iBAAiB;CAC3D,MAAM,aAAa,yBAAyB,UAAU,MAAM,MAAM;CAClE,MAAM,EAAE,WAAW,sBAAsB,0BAA0B;CACnE,MAAM,EAAE,QAAQ,uBAAuB,WAAW;CAElD,MAAM,eAAe,SAAS;CAE9B,MAAM,cAAc,YAAY;AAC9B,MAAI,CAAC,aACH;AAGF,qBAAmB,aAAa;AAChC,WAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,aAAa,IAAI;GACrC,CAAC;AACF,UAAQ,KAAA,iBAAgC;GACtC,OAAO;GACC;GACT,CAAC;;CAGJ,MAAM,sBAA8B;AAClC,MAAI,aACF,SAAQ,YAAR;GACE,KAAK,SACH,QAAO,EAAE,UAAU,mBAAmB,UAAU,WAAW,QAAQ;GACrE,KAAK,SACH,QAAO,EAAE,gBAAgB;GAC3B,QAKE,QAAO,EAAE,UAHP,aAAa,gBAAgB,aAAa,YACtC,SACA,SAC6B,QAAQ;;AAIjD,UAAQ,YAAR;GACE,KAAK,SACH,QAAO,mBAAmB,WAAW,YACjC,EAAE,iBAAiB,GACnB,EAAE,aAAa;GACrB,KAAK,SACH,QAAO,EAAE,gBAAgB;GAC3B,KAAK;AACH,QAAI,WACF,QAAO,EAAE,UAAU,aAAa;AAElC,WAAO,EAAE,kBAAkB;GAC7B,QACE,QAAO,EAAE,kBAAkB;;;AAIjC,QACE,oBAAC,uBAAD;EACE,MAAM,eAAe;EACrB,SAAS;EACT,UAAU,gBAAgB,qBAAqB,CAAC;EAChD,OAAO;EACP,IAAI,EAAE,MAAM,GAAG;EACf,CAAA"}

package/dist/esm/pages/RoutesPage/RoutesPage.js

@@ -1,5 +1,5 @@
 import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
-import { WidgetEvent } from "../../types/events.js";
+import "../../types/events.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useFieldValues } from "../../stores/form/useFieldValues.js";
 import { useRoutes } from "../../hooks/useRoutes.js";
@@ -44,7 +44,7 @@ const RoutesPage = () => {
 			to: navigationRoutes.transactionExecution,
 			search: { routeId: route.id }
 		});
-		emitter.emit(WidgetEvent.RouteSelected, {
+		emitter.emit("routeSelected", {
 			route,
 			routes
 		});
@@ -56,7 +56,7 @@ const RoutesPage = () => {
 		className: "long-list",
 		direction: "column",
 		spacing: 2,
-		flex: 1,
+		sx: { flex: 1 },
 		children: routeNotFound ? /* @__PURE__ */ jsx(RouteNotFoundCard, {}) : isLoading && !routes?.length ? Array.from({ length: 3 }).map((_, index) => /* @__PURE__ */ jsx(RouteCardSkeleton, {}, index)) : routes?.map((route, index) => /* @__PURE__ */ jsx(RouteCard, {
 			route,
 			onClick: allowInteraction ? () => handleRouteClick(route) : void 0,

package/dist/esm/pages/RoutesPage/RoutesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RoutesPage.js","names":[],"sources":["../../../../src/pages/RoutesPage/RoutesPage.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js'\nimport { RouteCard } from '../../components/RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../../components/RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../../components/RouteCard/RouteNotFoundCard.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { Stack } from './RoutesPage.style.js'\n\nexport const RoutesPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const {\n    routes,\n    isLoading,\n    isFetching,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    setReviewableRoute,\n  } = useRoutes()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const [toAddress] = useFieldValues('toAddress')\n  const { requiredToAddress } = useToAddressRequirements()\n\n  const headerAction = useMemo(\n    () => (\n      <ProgressToNextUpdate\n        updatedAt={dataUpdatedAt || Date.now()}\n        timeToUpdate={refetchTime}\n        isLoading={isFetching}\n        onClick={() => refetch()}\n        sx={{ marginRight: -1 }}\n        size=\"medium\"\n      />\n    ),\n    [dataUpdatedAt, isFetching, refetch, refetchTime]\n  )\n\n  useHeader(t('header.receive'), headerAction)\n\n  const handleRouteClick = (route: Route) => {\n    setReviewableRoute(route)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: route.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route,\n      routes: routes!,\n    })\n  }\n\n  const routeNotFound = !routes?.length && !isLoading && !isFetching\n\n  const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress\n\n  const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n  return (\n    <Stack className=\"long-list\" direction=\"column\" spacing={2} flex={1}>\n      {routeNotFound ? (\n        <RouteNotFoundCard />\n      ) : isLoading && !routes?.length ? (\n        Array.from({ length: 3 }).map((_, index) => (\n          <RouteCardSkeleton key={index} />\n        ))\n      ) : (\n        routes?.map((route: Route, index: number) => (\n          <RouteCard\n            key={index}\n            route={route}\n            onClick={\n              allowInteraction ? () => handleRouteClick(route) : undefined\n            }\n            active={index === 0}\n            expanded={routes?.length === 1}\n          />\n        ))\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,mBAAgC;CAC3C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,UAAU,iBAAiB;CACjC,MAAM,EACJ,QACA,WACA,YACA,eACA,aACA,WACA,SACA,uBACE,WAAW;CACf,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,WAAW,CAAC;CACnE,MAAM,CAAC,aAAa,eAAe,YAAY;CAC/C,MAAM,EAAE,sBAAsB,0BAA0B;CAExD,MAAM,eAAe,cAEjB,oBAAC,sBAAD;EACE,WAAW,iBAAiB,KAAK,KAAK;EACtC,cAAc;EACd,WAAW;EACX,eAAe,SAAS;EACxB,IAAI,EAAE,aAAa,IAAI;EACvB,MAAK;EACL,CAAA,EAEJ;EAAC;EAAe;EAAY;EAAS;EAAY,CAClD;AAED,WAAU,EAAE,iBAAiB,EAAE,aAAa;CAE5C,MAAM,oBAAoB,UAAiB;AACzC,qBAAmB,MAAM;AACzB,WAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,MAAM,IAAI;GAC9B,CAAC;AACF,UAAQ,KAAK,YAAY,eAAe;GACtC;GACQ;GACT,CAAC;;CAGJ,MAAM,gBAAgB,CAAC,QAAQ,UAAU,CAAC,aAAa,CAAC;CAExD,MAAM,uBAAuB,SAAS,MAAM,qBAAqB,CAAC;CAElE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;AAEjD,QACE,oBAAC,OAAD;EAAO,WAAU;EAAY,WAAU;EAAS,SAAS;EAAG,MAAM;YAC/D,gBACC,oBAAC,mBAAD,EAAqB,CAAA,GACnB,aAAa,CAAC,QAAQ,SACxB,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,EAAiC,EAAT,MAAS,CACjC,GAEF,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;GAES;GACP,SACE,yBAAyB,iBAAiB,MAAM,GAAG,KAAA;GAErD,QAAQ,UAAU;GAClB,UAAU,QAAQ,WAAW;GAC7B,EAPK,MAOL,CACF;EAEE,CAAA"}
+{"version":3,"file":"RoutesPage.js","names":[],"sources":["../../../../src/pages/RoutesPage/RoutesPage.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { useAccount } from '@lifi/wallet-management'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ProgressToNextUpdate } from '../../components/ProgressToNextUpdate.js'\nimport { RouteCard } from '../../components/RouteCard/RouteCard.js'\nimport { RouteCardSkeleton } from '../../components/RouteCard/RouteCardSkeleton.js'\nimport { RouteNotFoundCard } from '../../components/RouteCard/RouteNotFoundCard.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useRoutes } from '../../hooks/useRoutes.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { Stack } from './RoutesPage.style.js'\n\nexport const RoutesPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const emitter = useWidgetEvents()\n  const {\n    routes,\n    isLoading,\n    isFetching,\n    dataUpdatedAt,\n    refetchTime,\n    fromChain,\n    refetch,\n    setReviewableRoute,\n  } = useRoutes()\n  const { account } = useAccount({ chainType: fromChain?.chainType })\n  const [toAddress] = useFieldValues('toAddress')\n  const { requiredToAddress } = useToAddressRequirements()\n\n  const headerAction = useMemo(\n    () => (\n      <ProgressToNextUpdate\n        updatedAt={dataUpdatedAt || Date.now()}\n        timeToUpdate={refetchTime}\n        isLoading={isFetching}\n        onClick={() => refetch()}\n        sx={{ marginRight: -1 }}\n        size=\"medium\"\n      />\n    ),\n    [dataUpdatedAt, isFetching, refetch, refetchTime]\n  )\n\n  useHeader(t('header.receive'), headerAction)\n\n  const handleRouteClick = (route: Route) => {\n    setReviewableRoute(route)\n    navigate({\n      to: navigationRoutes.transactionExecution,\n      search: { routeId: route.id },\n    })\n    emitter.emit(WidgetEvent.RouteSelected, {\n      route,\n      routes: routes!,\n    })\n  }\n\n  const routeNotFound = !routes?.length && !isLoading && !isFetching\n\n  const toAddressUnsatisfied = routes?.[0] && requiredToAddress && !toAddress\n\n  const allowInteraction = account.isConnected && !toAddressUnsatisfied\n\n  return (\n    <Stack\n      className=\"long-list\"\n      direction=\"column\"\n      spacing={2}\n      sx={{ flex: 1 }}\n    >\n      {routeNotFound ? (\n        <RouteNotFoundCard />\n      ) : isLoading && !routes?.length ? (\n        Array.from({ length: 3 }).map((_, index) => (\n          <RouteCardSkeleton key={index} />\n        ))\n      ) : (\n        routes?.map((route: Route, index: number) => (\n          <RouteCard\n            key={index}\n            route={route}\n            onClick={\n              allowInteraction ? () => handleRouteClick(route) : undefined\n            }\n            active={index === 0}\n            expanded={routes?.length === 1}\n          />\n        ))\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkBA,MAAa,mBAAgC;CAC3C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,UAAU,iBAAiB;CACjC,MAAM,EACJ,QACA,WACA,YACA,eACA,aACA,WACA,SACA,uBACE,WAAW;CACf,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,WAAW,CAAC;CACnE,MAAM,CAAC,aAAa,eAAe,YAAY;CAC/C,MAAM,EAAE,sBAAsB,0BAA0B;CAExD,MAAM,eAAe,cAEjB,oBAAC,sBAAD;EACE,WAAW,iBAAiB,KAAK,KAAK;EACtC,cAAc;EACd,WAAW;EACX,eAAe,SAAS;EACxB,IAAI,EAAE,aAAa,IAAI;EACvB,MAAK;EACL,CAAA,EAEJ;EAAC;EAAe;EAAY;EAAS;EAAY,CAClD;AAED,WAAU,EAAE,iBAAiB,EAAE,aAAa;CAE5C,MAAM,oBAAoB,UAAiB;AACzC,qBAAmB,MAAM;AACzB,WAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,MAAM,IAAI;GAC9B,CAAC;AACF,UAAQ,KAAA,iBAAgC;GACtC;GACQ;GACT,CAAC;;CAGJ,MAAM,gBAAgB,CAAC,QAAQ,UAAU,CAAC,aAAa,CAAC;CAExD,MAAM,uBAAuB,SAAS,MAAM,qBAAqB,CAAC;CAElE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;AAEjD,QACE,oBAAC,OAAD;EACE,WAAU;EACV,WAAU;EACV,SAAS;EACT,IAAI,EAAE,MAAM,GAAG;YAEd,gBACC,oBAAC,mBAAD,EAAqB,CAAA,GACnB,aAAa,CAAC,QAAQ,SACxB,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,EAAiC,EAAT,MAAS,CACjC,GAEF,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;GAES;GACP,SACE,yBAAyB,iBAAiB,MAAM,GAAG,KAAA;GAErD,QAAQ,UAAU;GAClB,UAAU,QAAQ,WAAW;GAC7B,EAPK,MAOL,CACF;EAEE,CAAA"}

package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { useSwapOnly } from "../../hooks/useSwapOnly.js";
 import { useScrollableOverflowHidden } from "../../hooks/useScrollableContainer.js";
 import { FullPageContainer } from "../../components/FullPageContainer.js";
@@ -21,9 +21,9 @@ const SelectTokenPage = ({ formType }) => {
 	const wideVariant = useWideVariant();
 	const { t } = useTranslation();
 	useHeader(formType === "from" ? subvariant === "custom" ? t("header.payWith") : t("header.from") : t("header.to"));
-	const hideChainSelect = wideVariant && !subvariantOptions?.wide?.disableChainSidebar || swapOnly && formType === "to" || hiddenUI?.includes(HiddenUI.ChainSelect);
+	const hideChainSelect = wideVariant && !subvariantOptions?.wide?.disableChainSidebar || swapOnly && formType === "to" || hiddenUI?.includes("chainSelect");
 	const isMobile = useMediaQuery((theme) => theme.breakpoints.down(theme.breakpoints.values.xs));
-	const hideSearchTokenInput = hiddenUI?.includes(HiddenUI.SearchTokenInput);
+	const hideSearchTokenInput = hiddenUI?.includes("searchTokenInput");
 	return /* @__PURE__ */ jsxs(FullPageContainer, {
 		disableGutters: true,
 		children: [/* @__PURE__ */ jsxs(Box, {

package/dist/esm/pages/SelectTokenPage/SelectTokenPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectTokenPage.js","names":[],"sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"sourcesContent":["import { Box, type Theme, useMediaQuery } from '@mui/material'\nimport type { FC } from 'react'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ChainSelect } from '../../components/ChainSelect/ChainSelect.js'\nimport { FullPageContainer } from '../../components/FullPageContainer.js'\nimport { TokenList } from '../../components/TokenList/TokenList.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useScrollableOverflowHidden } from '../../hooks/useScrollableContainer.js'\nimport { useSwapOnly } from '../../hooks/useSwapOnly.js'\nimport { useWideVariant } from '../../hooks/useWideVariant.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormTypeProps } from '../../stores/form/types.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { SearchTokenInput } from './SearchTokenInput.js'\n\nexport const SelectTokenPage: FC<FormTypeProps> = ({ formType }) => {\n  useScrollableOverflowHidden()\n\n  const headerRef = useRef<HTMLElement>(null)\n\n  const swapOnly = useSwapOnly()\n\n  const { subvariant, hiddenUI, subvariantOptions } = useWidgetConfig()\n  const wideVariant = useWideVariant()\n\n  const { t } = useTranslation()\n  const title =\n    formType === 'from'\n      ? subvariant === 'custom'\n        ? t('header.payWith')\n        : t('header.from')\n      : t('header.to')\n\n  useHeader(title)\n\n  const hideChainSelect =\n    (wideVariant && !subvariantOptions?.wide?.disableChainSidebar) ||\n    (swapOnly && formType === 'to') ||\n    hiddenUI?.includes(HiddenUI.ChainSelect)\n\n  const isMobile = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.down(theme.breakpoints.values.xs)\n  )\n  const hideSearchTokenInput = hiddenUI?.includes(HiddenUI.SearchTokenInput)\n\n  const hasHeader = !hideChainSelect || !hideSearchTokenInput\n\n  return (\n    <FullPageContainer disableGutters>\n      <Box\n        ref={headerRef}\n        sx={{\n          pb: hasHeader ? 2 : 0,\n          px: 3,\n        }}\n      >\n        {!hideChainSelect ? <ChainSelect formType={formType} /> : null}\n        {!hideSearchTokenInput && (\n          <Box\n            sx={{\n              mt: !hideChainSelect ? 2 : 0,\n            }}\n          >\n            <SearchTokenInput formType={formType} />\n          </Box>\n        )}\n      </Box>\n      <TokenList\n        // Rerender component if variant changes (since chains tiles change height)\n        key={\n          hideChainSelect\n            ? 'without-offset'\n            : isMobile\n              ? 'with-offset-mobile'\n              : 'with-offset'\n        }\n        headerRef={headerRef}\n        formType={formType}\n      />\n    </FullPageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,mBAAsC,EAAE,eAAe;AAClE,8BAA6B;CAE7B,MAAM,YAAY,OAAoB,KAAK;CAE3C,MAAM,WAAW,aAAa;CAE9B,MAAM,EAAE,YAAY,UAAU,sBAAsB,iBAAiB;CACrE,MAAM,cAAc,gBAAgB;CAEpC,MAAM,EAAE,MAAM,gBAAgB;AAQ9B,WANE,aAAa,SACT,eAAe,WACb,EAAE,iBAAiB,GACnB,EAAE,cAAc,GAClB,EAAE,YAAY,CAEJ;CAEhB,MAAM,kBACH,eAAe,CAAC,mBAAmB,MAAM,uBACzC,YAAY,aAAa,QAC1B,UAAU,SAAS,SAAS,YAAY;CAE1C,MAAM,WAAW,eAAe,UAC9B,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,GAAG,CACpD;CACD,MAAM,uBAAuB,UAAU,SAAS,SAAS,iBAAiB;AAI1E,QACE,qBAAC,mBAAD;EAAmB,gBAAA;YAAnB,CACE,qBAAC,KAAD;GACE,KAAK;GACL,IAAI;IACF,IAPU,CAAC,mBAAmB,CAAC,uBAOf,IAAI;IACpB,IAAI;IACL;aALH,CAOG,CAAC,kBAAkB,oBAAC,aAAD,EAAuB,UAAY,CAAA,GAAG,MACzD,CAAC,wBACA,oBAAC,KAAD;IACE,IAAI,EACF,IAAI,CAAC,kBAAkB,IAAI,GAC5B;cAED,oBAAC,kBAAD,EAA4B,UAAY,CAAA;IACpC,CAAA,CAEJ;MACN,oBAAC,WAAD;GASa;GACD;GACV,EARE,kBACI,mBACA,WACE,uBACA,cAIR,CACgB"}
+{"version":3,"file":"SelectTokenPage.js","names":[],"sources":["../../../../src/pages/SelectTokenPage/SelectTokenPage.tsx"],"sourcesContent":["import { Box, type Theme, useMediaQuery } from '@mui/material'\nimport type { FC } from 'react'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ChainSelect } from '../../components/ChainSelect/ChainSelect.js'\nimport { FullPageContainer } from '../../components/FullPageContainer.js'\nimport { TokenList } from '../../components/TokenList/TokenList.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useScrollableOverflowHidden } from '../../hooks/useScrollableContainer.js'\nimport { useSwapOnly } from '../../hooks/useSwapOnly.js'\nimport { useWideVariant } from '../../hooks/useWideVariant.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { FormTypeProps } from '../../stores/form/types.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { SearchTokenInput } from './SearchTokenInput.js'\n\nexport const SelectTokenPage: FC<FormTypeProps> = ({ formType }) => {\n  useScrollableOverflowHidden()\n\n  const headerRef = useRef<HTMLElement>(null)\n\n  const swapOnly = useSwapOnly()\n\n  const { subvariant, hiddenUI, subvariantOptions } = useWidgetConfig()\n  const wideVariant = useWideVariant()\n\n  const { t } = useTranslation()\n  const title =\n    formType === 'from'\n      ? subvariant === 'custom'\n        ? t('header.payWith')\n        : t('header.from')\n      : t('header.to')\n\n  useHeader(title)\n\n  const hideChainSelect =\n    (wideVariant && !subvariantOptions?.wide?.disableChainSidebar) ||\n    (swapOnly && formType === 'to') ||\n    hiddenUI?.includes(HiddenUI.ChainSelect)\n\n  const isMobile = useMediaQuery((theme: Theme) =>\n    theme.breakpoints.down(theme.breakpoints.values.xs)\n  )\n  const hideSearchTokenInput = hiddenUI?.includes(HiddenUI.SearchTokenInput)\n\n  const hasHeader = !hideChainSelect || !hideSearchTokenInput\n\n  return (\n    <FullPageContainer disableGutters>\n      <Box\n        ref={headerRef}\n        sx={{\n          pb: hasHeader ? 2 : 0,\n          px: 3,\n        }}\n      >\n        {!hideChainSelect ? <ChainSelect formType={formType} /> : null}\n        {!hideSearchTokenInput && (\n          <Box\n            sx={{\n              mt: !hideChainSelect ? 2 : 0,\n            }}\n          >\n            <SearchTokenInput formType={formType} />\n          </Box>\n        )}\n      </Box>\n      <TokenList\n        // Rerender component if variant changes (since chains tiles change height)\n        key={\n          hideChainSelect\n            ? 'without-offset'\n            : isMobile\n              ? 'with-offset-mobile'\n              : 'with-offset'\n        }\n        headerRef={headerRef}\n        formType={formType}\n      />\n    </FullPageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,mBAAsC,EAAE,eAAe;AAClE,8BAA6B;CAE7B,MAAM,YAAY,OAAoB,KAAK;CAE3C,MAAM,WAAW,aAAa;CAE9B,MAAM,EAAE,YAAY,UAAU,sBAAsB,iBAAiB;CACrE,MAAM,cAAc,gBAAgB;CAEpC,MAAM,EAAE,MAAM,gBAAgB;AAQ9B,WANE,aAAa,SACT,eAAe,WACb,EAAE,iBAAiB,GACnB,EAAE,cAAc,GAClB,EAAE,YAAY,CAEJ;CAEhB,MAAM,kBACH,eAAe,CAAC,mBAAmB,MAAM,uBACzC,YAAY,aAAa,QAC1B,UAAU,SAAA,cAA8B;CAE1C,MAAM,WAAW,eAAe,UAC9B,MAAM,YAAY,KAAK,MAAM,YAAY,OAAO,GAAG,CACpD;CACD,MAAM,uBAAuB,UAAU,SAAA,mBAAmC;AAI1E,QACE,qBAAC,mBAAD;EAAmB,gBAAA;YAAnB,CACE,qBAAC,KAAD;GACE,KAAK;GACL,IAAI;IACF,IAPU,CAAC,mBAAmB,CAAC,uBAOf,IAAI;IACpB,IAAI;IACL;aALH,CAOG,CAAC,kBAAkB,oBAAC,aAAD,EAAuB,UAAY,CAAA,GAAG,MACzD,CAAC,wBACA,oBAAC,KAAD;IACE,IAAI,EACF,IAAI,CAAC,kBAAkB,IAAI,GAC5B;cAED,oBAAC,kBAAD,EAA4B,UAAY,CAAA;IACpC,CAAA,CAEJ;MACN,oBAAC,WAAD;GASa;GACD;GACV,EARE,kBACI,mBACA,WACE,uBACA,cAIR,CACgB"}

package/dist/esm/pages/SendToWallet/BookmarksPage.js

@@ -22,7 +22,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import ContentCopyRounded from "@mui/icons-material/ContentCopyRounded";
 import OpenInNewRounded from "@mui/icons-material/OpenInNewRounded";
-import DeleteOutline from "@mui/icons-material/DeleteOutline";
+import DeleteOutline from "@mui/icons-material/DeleteOutlined";
 import TurnedIn from "@mui/icons-material/TurnedIn";
 //#region src/pages/SendToWallet/BookmarksPage.tsx
 const BookmarksPage = () => {

package/dist/esm/pages/SendToWallet/BookmarksPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarksPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/BookmarksPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutline'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport { Button, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem//ListItemButton.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { EmptyListIndicator } from './EmptyListIndicator.js'\nimport {\n  BookmarkButtonContainer,\n  BookmarksListContainer,\n  FullHeightAdjustablePageContainer,\n} from './SendToWalletPage.style.js'\n\nexport const BookmarksPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const { bookmarks } = useBookmarks()\n  const { requiredToChainType } = useToAddressRequirements()\n  const { addBookmark, removeBookmark, setSelectedBookmark } =\n    useBookmarkActions()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { variant } = useWidgetConfig()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.bookmarkedWallets'))\n\n  const handleAddBookmark = () => {\n    bookmarkAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkSelected = (bookmark: Bookmark) => {\n    setFieldValue('toAddress', bookmark.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(bookmark)\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  return (\n    <FullHeightAdjustablePageContainer\n      disableGutters\n      enableFullHeight={variant !== 'drawer'}\n    >\n      <BookmarksListContainer>\n        {bookmarks.map((bookmark) => (\n          <ListItem key={bookmark.address} sx={{ position: 'relative' }}>\n            <ListItemButton\n              onClick={() => handleBookmarkSelected(bookmark)}\n              disabled={\n                requiredToChainType &&\n                requiredToChainType !== bookmark.chainType\n              }\n            >\n              <ListItemAvatar>\n                <AccountAvatar\n                  chainId={defaultChainIdsByType[bookmark.chainType]}\n                />\n              </ListItemAvatar>\n              <ListItemText\n                primary={bookmark.name}\n                secondary={shortenAddress(bookmark.address)}\n              />\n            </ListItemButton>\n            <ContextMenu\n              disabled={\n                !!(\n                  requiredToChainType &&\n                  requiredToChainType !== bookmark.chainType\n                )\n              }\n              items={[\n                {\n                  icon: <ContentCopyRounded />,\n                  label: t('button.copyAddress'),\n                  onClick: () =>\n                    navigator.clipboard.writeText(bookmark.address),\n                },\n                {\n                  icon: <OpenInNewRounded />,\n                  label: t('button.viewOnExplorer'),\n                  onClick: () =>\n                    window.open(\n                      getAddressLink(\n                        bookmark.address,\n                        defaultChainIdsByType[bookmark.chainType]\n                      ),\n                      '_blank'\n                    ),\n                },\n                {\n                  icon: <DeleteOutline />,\n                  label: t('button.delete'),\n                  onClick: () => removeBookmark(bookmark.address),\n                },\n              ]}\n            />\n          </ListItem>\n        ))}\n        {!bookmarks.length && (\n          <EmptyListIndicator icon={<TurnedIn sx={{ fontSize: 48 }} />}>\n            {t('sendToWallet.noBookmarkedWallets')}\n          </EmptyListIndicator>\n        )}\n      </BookmarksListContainer>\n      <BookmarkButtonContainer>\n        <Button variant=\"contained\" onClick={handleAddBookmark}>\n          {t('sendToWallet.addBookmark')}\n        </Button>\n      </BookmarkButtonContainer>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        onAddBookmark={addBookmark}\n      />\n    </FullHeightAdjustablePageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,sBAAmC;CAC9C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,0BAA0B,OAAwB,KAAK;CAC7D,MAAM,EAAE,cAAc,cAAc;CACpC,MAAM,EAAE,wBAAwB,0BAA0B;CAC1D,MAAM,EAAE,aAAa,gBAAgB,wBACnC,oBAAoB;CACtB,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,YAAY,iBAAiB;CACrC,MAAM,EAAE,mBAAmB,aAAa;AAExC,WAAU,EAAE,2BAA2B,CAAC;CAExC,MAAM,0BAA0B;AAC9B,0BAAwB,SAAS,MAAM;;CAGzC,MAAM,0BAA0B,aAAuB;AACrD,gBAAc,aAAa,SAAS,SAAS;GAC3C,WAAW;GACX,SAAS;GACV,CAAC;AACF,sBAAoB,SAAS;AAC7B,WAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;GAAM,CAAC;;AAGxD,QACE,qBAAC,mCAAD;EACE,gBAAA;EACA,kBAAkB,YAAY;YAFhC;GAIE,qBAAC,wBAAD,EAAA,UAAA,CACG,UAAU,KAAK,aACd,qBAACA,YAAD;IAAiC,IAAI,EAAE,UAAU,YAAY;cAA7D,CACE,qBAACC,kBAAD;KACE,eAAe,uBAAuB,SAAS;KAC/C,UACE,uBACA,wBAAwB,SAAS;eAJrC,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,SAAS,YACxC,CAAA,EACa,CAAA,EACjB,oBAAC,cAAD;MACE,SAAS,SAAS;MAClB,WAAW,eAAe,SAAS,QAAQ;MAC3C,CAAA,CACa;QACjB,oBAAC,aAAD;KACE,UACE,CAAC,EACC,uBACA,wBAAwB,SAAS;KAGrC,OAAO;MACL;OACE,MAAM,oBAAC,oBAAD,EAAsB,CAAA;OAC5B,OAAO,EAAE,qBAAqB;OAC9B,eACE,UAAU,UAAU,UAAU,SAAS,QAAQ;OAClD;MACD;OACE,MAAM,oBAAC,kBAAD,EAAoB,CAAA;OAC1B,OAAO,EAAE,wBAAwB;OACjC,eACE,OAAO,KACL,eACE,SAAS,SACT,sBAAsB,SAAS,WAChC,EACD,SACD;OACJ;MACD;OACE,MAAM,oBAAC,eAAD,EAAiB,CAAA;OACvB,OAAO,EAAE,gBAAgB;OACzB,eAAe,eAAe,SAAS,QAAQ;OAChD;MACF;KACD,CAAA,CACO;MAnDI,SAAS,QAmDb,CACX,EACD,CAAC,UAAU,UACV,oBAAC,oBAAD;IAAoB,MAAM,oBAAC,UAAD,EAAU,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;cACzD,EAAE,mCAAmC;IACnB,CAAA,CAEA,EAAA,CAAA;GACzB,oBAAC,yBAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;cAClC,EAAE,2BAA2B;IACvB,CAAA,EACe,CAAA;GAC1B,oBAAC,sBAAD;IACE,KAAK;IACL,eAAe;IACf,CAAA;GACgC"}
+{"version":3,"file":"BookmarksPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/BookmarksPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport { Button, ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem//ListItemButton.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { EmptyListIndicator } from './EmptyListIndicator.js'\nimport {\n  BookmarkButtonContainer,\n  BookmarksListContainer,\n  FullHeightAdjustablePageContainer,\n} from './SendToWalletPage.style.js'\n\nexport const BookmarksPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const { bookmarks } = useBookmarks()\n  const { requiredToChainType } = useToAddressRequirements()\n  const { addBookmark, removeBookmark, setSelectedBookmark } =\n    useBookmarkActions()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const { variant } = useWidgetConfig()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.bookmarkedWallets'))\n\n  const handleAddBookmark = () => {\n    bookmarkAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkSelected = (bookmark: Bookmark) => {\n    setFieldValue('toAddress', bookmark.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(bookmark)\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  return (\n    <FullHeightAdjustablePageContainer\n      disableGutters\n      enableFullHeight={variant !== 'drawer'}\n    >\n      <BookmarksListContainer>\n        {bookmarks.map((bookmark) => (\n          <ListItem key={bookmark.address} sx={{ position: 'relative' }}>\n            <ListItemButton\n              onClick={() => handleBookmarkSelected(bookmark)}\n              disabled={\n                requiredToChainType &&\n                requiredToChainType !== bookmark.chainType\n              }\n            >\n              <ListItemAvatar>\n                <AccountAvatar\n                  chainId={defaultChainIdsByType[bookmark.chainType]}\n                />\n              </ListItemAvatar>\n              <ListItemText\n                primary={bookmark.name}\n                secondary={shortenAddress(bookmark.address)}\n              />\n            </ListItemButton>\n            <ContextMenu\n              disabled={\n                !!(\n                  requiredToChainType &&\n                  requiredToChainType !== bookmark.chainType\n                )\n              }\n              items={[\n                {\n                  icon: <ContentCopyRounded />,\n                  label: t('button.copyAddress'),\n                  onClick: () =>\n                    navigator.clipboard.writeText(bookmark.address),\n                },\n                {\n                  icon: <OpenInNewRounded />,\n                  label: t('button.viewOnExplorer'),\n                  onClick: () =>\n                    window.open(\n                      getAddressLink(\n                        bookmark.address,\n                        defaultChainIdsByType[bookmark.chainType]\n                      ),\n                      '_blank'\n                    ),\n                },\n                {\n                  icon: <DeleteOutline />,\n                  label: t('button.delete'),\n                  onClick: () => removeBookmark(bookmark.address),\n                },\n              ]}\n            />\n          </ListItem>\n        ))}\n        {!bookmarks.length && (\n          <EmptyListIndicator icon={<TurnedIn sx={{ fontSize: 48 }} />}>\n            {t('sendToWallet.noBookmarkedWallets')}\n          </EmptyListIndicator>\n        )}\n      </BookmarksListContainer>\n      <BookmarkButtonContainer>\n        <Button variant=\"contained\" onClick={handleAddBookmark}>\n          {t('sendToWallet.addBookmark')}\n        </Button>\n      </BookmarkButtonContainer>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        onAddBookmark={addBookmark}\n      />\n    </FullHeightAdjustablePageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAa,sBAAmC;CAC9C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,0BAA0B,OAAwB,KAAK;CAC7D,MAAM,EAAE,cAAc,cAAc;CACpC,MAAM,EAAE,wBAAwB,0BAA0B;CAC1D,MAAM,EAAE,aAAa,gBAAgB,wBACnC,oBAAoB;CACtB,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,YAAY,iBAAiB;CACrC,MAAM,EAAE,mBAAmB,aAAa;AAExC,WAAU,EAAE,2BAA2B,CAAC;CAExC,MAAM,0BAA0B;AAC9B,0BAAwB,SAAS,MAAM;;CAGzC,MAAM,0BAA0B,aAAuB;AACrD,gBAAc,aAAa,SAAS,SAAS;GAC3C,WAAW;GACX,SAAS;GACV,CAAC;AACF,sBAAoB,SAAS;AAC7B,WAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;GAAM,CAAC;;AAGxD,QACE,qBAAC,mCAAD;EACE,gBAAA;EACA,kBAAkB,YAAY;YAFhC;GAIE,qBAAC,wBAAD,EAAA,UAAA,CACG,UAAU,KAAK,aACd,qBAACA,YAAD;IAAiC,IAAI,EAAE,UAAU,YAAY;cAA7D,CACE,qBAACC,kBAAD;KACE,eAAe,uBAAuB,SAAS;KAC/C,UACE,uBACA,wBAAwB,SAAS;eAJrC,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,SAAS,YACxC,CAAA,EACa,CAAA,EACjB,oBAAC,cAAD;MACE,SAAS,SAAS;MAClB,WAAW,eAAe,SAAS,QAAQ;MAC3C,CAAA,CACa;QACjB,oBAAC,aAAD;KACE,UACE,CAAC,EACC,uBACA,wBAAwB,SAAS;KAGrC,OAAO;MACL;OACE,MAAM,oBAAC,oBAAD,EAAsB,CAAA;OAC5B,OAAO,EAAE,qBAAqB;OAC9B,eACE,UAAU,UAAU,UAAU,SAAS,QAAQ;OAClD;MACD;OACE,MAAM,oBAAC,kBAAD,EAAoB,CAAA;OAC1B,OAAO,EAAE,wBAAwB;OACjC,eACE,OAAO,KACL,eACE,SAAS,SACT,sBAAsB,SAAS,WAChC,EACD,SACD;OACJ;MACD;OACE,MAAM,oBAAC,eAAD,EAAiB,CAAA;OACvB,OAAO,EAAE,gBAAgB;OACzB,eAAe,eAAe,SAAS,QAAQ;OAChD;MACF;KACD,CAAA,CACO;MAnDI,SAAS,QAmDb,CACX,EACD,CAAC,UAAU,UACV,oBAAC,oBAAD;IAAoB,MAAM,oBAAC,UAAD,EAAU,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;cACzD,EAAE,mCAAmC;IACnB,CAAA,CAEA,EAAA,CAAA;GACzB,oBAAC,yBAAD,EAAA,UACE,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;cAClC,EAAE,2BAA2B;IACvB,CAAA,EACe,CAAA;GAC1B,oBAAC,sBAAD;IACE,KAAK;IACL,eAAe;IACf,CAAA;GACgC"}

package/dist/esm/pages/SendToWallet/RecentWalletsPage.js

@@ -22,7 +22,7 @@ import { useTranslation } from "react-i18next";
 import History from "@mui/icons-material/History";
 import ContentCopyRounded from "@mui/icons-material/ContentCopyRounded";
 import OpenInNewRounded from "@mui/icons-material/OpenInNewRounded";
-import DeleteOutline from "@mui/icons-material/DeleteOutline";
+import DeleteOutline from "@mui/icons-material/DeleteOutlined";
 import TurnedInNot from "@mui/icons-material/TurnedInNot";
 //#region src/pages/SendToWallet/RecentWalletsPage.tsx
 const RecentWalletsPage = () => {

package/dist/esm/pages/SendToWallet/RecentWalletsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecentWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/RecentWalletsPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutline'\nimport History from '@mui/icons-material/History'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedInNot from '@mui/icons-material/TurnedInNot'\nimport { ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { EmptyListIndicator } from './EmptyListIndicator.js'\nimport {\n  ListContainer,\n  SendToWalletPageContainer,\n} from './SendToWalletPage.style.js'\n\nexport const RecentWalletsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const [bookmarkTarget, setBookmarkTarget] = useState<Bookmark>()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const { recentWallets } = useBookmarks()\n  const { requiredToChainType } = useToAddressRequirements()\n  const {\n    removeRecentWallet,\n    addBookmark,\n    setSelectedBookmark,\n    addRecentWallet,\n  } = useBookmarkActions()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.recentWallets'))\n\n  const handleRecentSelected = (recentWallet: Bookmark) => {\n    addRecentWallet(recentWallet)\n    setFieldValue('toAddress', recentWallet.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(recentWallet)\n    navigate({\n      to: navigationRoutes.home,\n      replace: true,\n    })\n  }\n\n  const handleAddBookmark = (bookmark: Bookmark) => {\n    addBookmark(bookmark)\n    navigate({ to: navigationRoutes.bookmarks, replace: true })\n  }\n\n  return (\n    <SendToWalletPageContainer disableGutters>\n      <ListContainer>\n        {recentWallets.map((recentWallet) => (\n          <ListItem key={recentWallet.address} sx={{ position: 'relative' }}>\n            <ListItemButton\n              disabled={\n                requiredToChainType &&\n                requiredToChainType !== recentWallet.chainType\n              }\n              onClick={() => handleRecentSelected(recentWallet)}\n            >\n              <ListItemAvatar>\n                <AccountAvatar\n                  chainId={defaultChainIdsByType[recentWallet.chainType]}\n                />\n              </ListItemAvatar>\n              <ListItemText\n                primary={\n                  recentWallet.name || shortenAddress(recentWallet.address)\n                }\n                secondary={\n                  recentWallet.name\n                    ? shortenAddress(recentWallet.address)\n                    : undefined\n                }\n              />\n            </ListItemButton>\n            <ContextMenu\n              disabled={\n                !!(\n                  requiredToChainType &&\n                  requiredToChainType !== recentWallet.chainType\n                )\n              }\n              items={[\n                {\n                  icon: <ContentCopyRounded />,\n                  label: t('button.copyAddress'),\n                  onClick: () =>\n                    navigator.clipboard.writeText(recentWallet.address),\n                },\n                {\n                  icon: <OpenInNewRounded />,\n                  label: t('button.viewOnExplorer'),\n                  onClick: () =>\n                    window.open(\n                      getAddressLink(\n                        recentWallet.address,\n                        defaultChainIdsByType[recentWallet.chainType]\n                      ),\n                      '_blank'\n                    ),\n                },\n                {\n                  icon: <TurnedInNot />,\n                  label: t('button.bookmark'),\n                  onClick: () => {\n                    setBookmarkTarget(recentWallet)\n                    bookmarkAddressSheetRef.current?.open()\n                  },\n                },\n                {\n                  icon: <DeleteOutline />,\n                  label: t('button.delete'),\n                  onClick: () => removeRecentWallet(recentWallet.address),\n                },\n              ]}\n            />\n          </ListItem>\n        ))}\n        {!recentWallets.length && (\n          <EmptyListIndicator icon={<History sx={{ fontSize: 48 }} />}>\n            {t('sendToWallet.noRecentWallets')}\n          </EmptyListIndicator>\n        )}\n      </ListContainer>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        validatedWallet={bookmarkTarget}\n        onAddBookmark={handleAddBookmark}\n      />\n    </SendToWalletPageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,0BAAuC;CAClD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,gBAAgB,qBAAqB,UAAoB;CAChE,MAAM,0BAA0B,OAAwB,KAAK;CAC7D,MAAM,EAAE,kBAAkB,cAAc;CACxC,MAAM,EAAE,wBAAwB,0BAA0B;CAC1D,MAAM,EACJ,oBACA,aACA,qBACA,oBACE,oBAAoB;CACxB,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,mBAAmB,aAAa;AAExC,WAAU,EAAE,uBAAuB,CAAC;CAEpC,MAAM,wBAAwB,iBAA2B;AACvD,kBAAgB,aAAa;AAC7B,gBAAc,aAAa,aAAa,SAAS;GAC/C,WAAW;GACX,SAAS;GACV,CAAC;AACF,sBAAoB,aAAa;AACjC,WAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;GACV,CAAC;;CAGJ,MAAM,qBAAqB,aAAuB;AAChD,cAAY,SAAS;AACrB,WAAS;GAAE,IAAI,iBAAiB;GAAW,SAAS;GAAM,CAAC;;AAG7D,QACE,qBAAC,2BAAD;EAA2B,gBAAA;YAA3B,CACE,qBAAC,eAAD,EAAA,UAAA,CACG,cAAc,KAAK,iBAClB,qBAACA,YAAD;GAAqC,IAAI,EAAE,UAAU,YAAY;aAAjE,CACE,qBAACC,kBAAD;IACE,UACE,uBACA,wBAAwB,aAAa;IAEvC,eAAe,qBAAqB,aAAa;cALnD,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,aAAa,YAC5C,CAAA,EACa,CAAA,EACjB,oBAAC,cAAD;KACE,SACE,aAAa,QAAQ,eAAe,aAAa,QAAQ;KAE3D,WACE,aAAa,OACT,eAAe,aAAa,QAAQ,GACpC,KAAA;KAEN,CAAA,CACa;OACjB,oBAAC,aAAD;IACE,UACE,CAAC,EACC,uBACA,wBAAwB,aAAa;IAGzC,OAAO;KACL;MACE,MAAM,oBAAC,oBAAD,EAAsB,CAAA;MAC5B,OAAO,EAAE,qBAAqB;MAC9B,eACE,UAAU,UAAU,UAAU,aAAa,QAAQ;MACtD;KACD;MACE,MAAM,oBAAC,kBAAD,EAAoB,CAAA;MAC1B,OAAO,EAAE,wBAAwB;MACjC,eACE,OAAO,KACL,eACE,aAAa,SACb,sBAAsB,aAAa,WACpC,EACD,SACD;MACJ;KACD;MACE,MAAM,oBAAC,aAAD,EAAe,CAAA;MACrB,OAAO,EAAE,kBAAkB;MAC3B,eAAe;AACb,yBAAkB,aAAa;AAC/B,+BAAwB,SAAS,MAAM;;MAE1C;KACD;MACE,MAAM,oBAAC,eAAD,EAAiB,CAAA;MACvB,OAAO,EAAE,gBAAgB;MACzB,eAAe,mBAAmB,aAAa,QAAQ;MACxD;KACF;IACD,CAAA,CACO;KAjEI,aAAa,QAiEjB,CACX,EACD,CAAC,cAAc,UACd,oBAAC,oBAAD;GAAoB,MAAM,oBAAC,SAAD,EAAS,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;aACxD,EAAE,+BAA+B;GACf,CAAA,CAET,EAAA,CAAA,EAChB,oBAAC,sBAAD;GACE,KAAK;GACL,iBAAiB;GACjB,eAAe;GACf,CAAA,CACwB"}
+{"version":3,"file":"RecentWalletsPage.js","names":["ListItem","ListItemButton"],"sources":["../../../../src/pages/SendToWallet/RecentWalletsPage.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport DeleteOutline from '@mui/icons-material/DeleteOutlined'\nimport History from '@mui/icons-material/History'\nimport OpenInNewRounded from '@mui/icons-material/OpenInNewRounded'\nimport TurnedInNot from '@mui/icons-material/TurnedInNot'\nimport { ListItemAvatar, ListItemText } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { type JSX, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { AccountAvatar } from '../../components/Avatar/AccountAvatar.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ContextMenu } from '../../components/ContextMenu.js'\nimport { ListItem } from '../../components/ListItem/ListItem.js'\nimport { ListItemButton } from '../../components/ListItem/ListItemButton.js'\nimport { useExplorer } from '../../hooks/useExplorer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { defaultChainIdsByType } from '../../utils/chainType.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { shortenAddress } from '../../utils/wallet.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { EmptyListIndicator } from './EmptyListIndicator.js'\nimport {\n  ListContainer,\n  SendToWalletPageContainer,\n} from './SendToWalletPage.style.js'\n\nexport const RecentWalletsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const [bookmarkTarget, setBookmarkTarget] = useState<Bookmark>()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const { recentWallets } = useBookmarks()\n  const { requiredToChainType } = useToAddressRequirements()\n  const {\n    removeRecentWallet,\n    addBookmark,\n    setSelectedBookmark,\n    addRecentWallet,\n  } = useBookmarkActions()\n  const { setFieldValue } = useFieldActions()\n  const { getAddressLink } = useExplorer()\n\n  useHeader(t('header.recentWallets'))\n\n  const handleRecentSelected = (recentWallet: Bookmark) => {\n    addRecentWallet(recentWallet)\n    setFieldValue('toAddress', recentWallet.address, {\n      isTouched: true,\n      isDirty: true,\n    })\n    setSelectedBookmark(recentWallet)\n    navigate({\n      to: navigationRoutes.home,\n      replace: true,\n    })\n  }\n\n  const handleAddBookmark = (bookmark: Bookmark) => {\n    addBookmark(bookmark)\n    navigate({ to: navigationRoutes.bookmarks, replace: true })\n  }\n\n  return (\n    <SendToWalletPageContainer disableGutters>\n      <ListContainer>\n        {recentWallets.map((recentWallet) => (\n          <ListItem key={recentWallet.address} sx={{ position: 'relative' }}>\n            <ListItemButton\n              disabled={\n                requiredToChainType &&\n                requiredToChainType !== recentWallet.chainType\n              }\n              onClick={() => handleRecentSelected(recentWallet)}\n            >\n              <ListItemAvatar>\n                <AccountAvatar\n                  chainId={defaultChainIdsByType[recentWallet.chainType]}\n                />\n              </ListItemAvatar>\n              <ListItemText\n                primary={\n                  recentWallet.name || shortenAddress(recentWallet.address)\n                }\n                secondary={\n                  recentWallet.name\n                    ? shortenAddress(recentWallet.address)\n                    : undefined\n                }\n              />\n            </ListItemButton>\n            <ContextMenu\n              disabled={\n                !!(\n                  requiredToChainType &&\n                  requiredToChainType !== recentWallet.chainType\n                )\n              }\n              items={[\n                {\n                  icon: <ContentCopyRounded />,\n                  label: t('button.copyAddress'),\n                  onClick: () =>\n                    navigator.clipboard.writeText(recentWallet.address),\n                },\n                {\n                  icon: <OpenInNewRounded />,\n                  label: t('button.viewOnExplorer'),\n                  onClick: () =>\n                    window.open(\n                      getAddressLink(\n                        recentWallet.address,\n                        defaultChainIdsByType[recentWallet.chainType]\n                      ),\n                      '_blank'\n                    ),\n                },\n                {\n                  icon: <TurnedInNot />,\n                  label: t('button.bookmark'),\n                  onClick: () => {\n                    setBookmarkTarget(recentWallet)\n                    bookmarkAddressSheetRef.current?.open()\n                  },\n                },\n                {\n                  icon: <DeleteOutline />,\n                  label: t('button.delete'),\n                  onClick: () => removeRecentWallet(recentWallet.address),\n                },\n              ]}\n            />\n          </ListItem>\n        ))}\n        {!recentWallets.length && (\n          <EmptyListIndicator icon={<History sx={{ fontSize: 48 }} />}>\n            {t('sendToWallet.noRecentWallets')}\n          </EmptyListIndicator>\n        )}\n      </ListContainer>\n      <BookmarkAddressSheet\n        ref={bookmarkAddressSheetRef}\n        validatedWallet={bookmarkTarget}\n        onAddBookmark={handleAddBookmark}\n      />\n    </SendToWalletPageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,0BAAuC;CAClD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,gBAAgB,qBAAqB,UAAoB;CAChE,MAAM,0BAA0B,OAAwB,KAAK;CAC7D,MAAM,EAAE,kBAAkB,cAAc;CACxC,MAAM,EAAE,wBAAwB,0BAA0B;CAC1D,MAAM,EACJ,oBACA,aACA,qBACA,oBACE,oBAAoB;CACxB,MAAM,EAAE,kBAAkB,iBAAiB;CAC3C,MAAM,EAAE,mBAAmB,aAAa;AAExC,WAAU,EAAE,uBAAuB,CAAC;CAEpC,MAAM,wBAAwB,iBAA2B;AACvD,kBAAgB,aAAa;AAC7B,gBAAc,aAAa,aAAa,SAAS;GAC/C,WAAW;GACX,SAAS;GACV,CAAC;AACF,sBAAoB,aAAa;AACjC,WAAS;GACP,IAAI,iBAAiB;GACrB,SAAS;GACV,CAAC;;CAGJ,MAAM,qBAAqB,aAAuB;AAChD,cAAY,SAAS;AACrB,WAAS;GAAE,IAAI,iBAAiB;GAAW,SAAS;GAAM,CAAC;;AAG7D,QACE,qBAAC,2BAAD;EAA2B,gBAAA;YAA3B,CACE,qBAAC,eAAD,EAAA,UAAA,CACG,cAAc,KAAK,iBAClB,qBAACA,YAAD;GAAqC,IAAI,EAAE,UAAU,YAAY;aAAjE,CACE,qBAACC,kBAAD;IACE,UACE,uBACA,wBAAwB,aAAa;IAEvC,eAAe,qBAAqB,aAAa;cALnD,CAOE,oBAAC,gBAAD,EAAA,UACE,oBAAC,eAAD,EACE,SAAS,sBAAsB,aAAa,YAC5C,CAAA,EACa,CAAA,EACjB,oBAAC,cAAD;KACE,SACE,aAAa,QAAQ,eAAe,aAAa,QAAQ;KAE3D,WACE,aAAa,OACT,eAAe,aAAa,QAAQ,GACpC,KAAA;KAEN,CAAA,CACa;OACjB,oBAAC,aAAD;IACE,UACE,CAAC,EACC,uBACA,wBAAwB,aAAa;IAGzC,OAAO;KACL;MACE,MAAM,oBAAC,oBAAD,EAAsB,CAAA;MAC5B,OAAO,EAAE,qBAAqB;MAC9B,eACE,UAAU,UAAU,UAAU,aAAa,QAAQ;MACtD;KACD;MACE,MAAM,oBAAC,kBAAD,EAAoB,CAAA;MAC1B,OAAO,EAAE,wBAAwB;MACjC,eACE,OAAO,KACL,eACE,aAAa,SACb,sBAAsB,aAAa,WACpC,EACD,SACD;MACJ;KACD;MACE,MAAM,oBAAC,aAAD,EAAe,CAAA;MACrB,OAAO,EAAE,kBAAkB;MAC3B,eAAe;AACb,yBAAkB,aAAa;AAC/B,+BAAwB,SAAS,MAAM;;MAE1C;KACD;MACE,MAAM,oBAAC,eAAD,EAAiB,CAAA;MACvB,OAAO,EAAE,gBAAgB;MACzB,eAAe,mBAAmB,aAAa,QAAQ;MACxD;KACF;IACD,CAAA,CACO;KAjEI,aAAa,QAiEjB,CACX,EACD,CAAC,cAAc,UACd,oBAAC,oBAAD;GAAoB,MAAM,oBAAC,SAAD,EAAS,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA;aACxD,EAAE,+BAA+B;GACf,CAAA,CAET,EAAA,CAAA,EAChB,oBAAC,sBAAD;GACE,KAAK;GACL,iBAAiB;GACjB,eAAe;GACf,CAAA,CACwB"}

package/dist/esm/pages/SendToWallet/SendToWalletPage.js

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI, RequiredUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useFieldValues } from "../../stores/form/useFieldValues.js";
 import { useBookmarkActions } from "../../stores/bookmarks/useBookmarkActions.js";
@@ -7,7 +7,7 @@ import { useBookmarks } from "../../stores/bookmarks/useBookmarks.js";
 import { useFieldActions } from "../../stores/form/useFieldActions.js";
 import { useChain } from "../../hooks/useChain.js";
 import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
-import { AddressType, useAddressValidation } from "../../hooks/useAddressValidation.js";
+import { useAddressValidation } from "../../hooks/useAddressValidation.js";
 import { useHeader } from "../../hooks/useHeader.js";
 import { ButtonTertiary } from "../../components/ButtonTertiary.js";
 import { AccountDeployedMessage } from "../../components/Messages/AccountDeployedMessage.js";
@@ -77,7 +77,7 @@ const SendToWalletPage = () => {
 			return;
 		}
 		setValidatedWallet({
-			name: validationResult.addressType === AddressType.NameService ? inputAddressValue : void 0,
+			name: validationResult.addressType === 1 ? inputAddressValue : void 0,
 			address: validationResult.address,
 			chainType: validationResult.chainType
 		});
@@ -99,7 +99,7 @@ const SendToWalletPage = () => {
 		setIsBookmarkButtonLoading(false);
 		if (validationResult.isValid) {
 			setValidatedWallet({
-				name: validationResult.addressType === AddressType.NameService ? inputAddressValue : void 0,
+				name: validationResult.addressType === 1 ? inputAddressValue : void 0,
 				address: validationResult.address,
 				chainType: validationResult.chainType
 			});
@@ -192,7 +192,7 @@ const SendToWalletPage = () => {
 						onAddBookmark: handleAddBookmark
 					})
 				]
-			}), requiredUI?.includes(RequiredUI.AccountDeployedMessage) && /* @__PURE__ */ jsx(AccountDeployedMessage, {})]
+			}), requiredUI?.includes("accountDeployedMessage") && /* @__PURE__ */ jsx(AccountDeployedMessage, {})]
 		}), /* @__PURE__ */ jsxs(Box, {
 			sx: {
 				display: "flex",
@@ -209,7 +209,7 @@ const SendToWalletPage = () => {
 						children: recentWallets.length
 					})
 				}),
-				!hiddenUI?.includes(HiddenUI.AddressBookConnectedWallets) && /* @__PURE__ */ jsx(CardButton, {
+				!hiddenUI?.includes("addressBookConnectedWallets") && /* @__PURE__ */ jsx(CardButton, {
 					title: t("sendToWallet.connectedWallets"),
 					icon: /* @__PURE__ */ jsx(Wallet, {}),
 					onClick: handleConnectedWalletsClick,

package/dist/esm/pages/SendToWallet/SendToWalletPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendToWalletPage.js","names":[],"sources":["../../../../src/pages/SendToWallet/SendToWalletPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport History from '@mui/icons-material/History'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { Box, Tooltip, Typography } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type { ChangeEvent } from 'react'\nimport { useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ButtonTertiary } from '../../components/ButtonTertiary.js'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { AccountDeployedMessage } from '../../components/Messages/AccountDeployedMessage.js'\nimport {\n  AddressType,\n  useAddressValidation,\n} from '../../hooks/useAddressValidation.js'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { HiddenUI, RequiredUI } from '../../types/widget.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { ConfirmAddressSheet } from './ConfirmAddressSheet.js'\nimport {\n  AddressInput,\n  FullHeightAdjustablePageContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletIconButton,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\n\nexport const SendToWalletPage: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const confirmAddressSheetRef = useRef<BottomSheetBase>(null)\n  const { bookmarks, recentWallets } = useBookmarks()\n  const {\n    addBookmark,\n    getBookmark,\n    setSelectedBookmark,\n    getSelectedBookmark,\n    addRecentWallet,\n  } = useBookmarkActions()\n  const { setFieldValue } = useFieldActions()\n  const [inputAddressValue, setInputAddressValue] = useState(\n    () => getSelectedBookmark()?.address ?? ''\n  )\n  const [validatedWallet, setValidatedWallet] = useState<Bookmark>()\n  const [errorMessage, setErrorMessage] = useState('')\n  const { validateAddress, isValidating } = useAddressValidation()\n  const { requiredToChainType } = useToAddressRequirements()\n  const [toChainId] = useFieldValues('toChain')\n  const { chain: toChain } = useChain(toChainId)\n  const [isDoneButtonLoading, setIsDoneButtonLoading] = useState(false)\n  const [isBookmarkButtonLoading, setIsBookmarkButtonLoading] = useState(false)\n  const { variant, hiddenUI, requiredUI } = useWidgetConfig()\n\n  const { accounts } = useAccount()\n  const connectedWallets = accounts.filter((account) => account.isConnected)\n\n  useHeader(t('header.sendToWallet'))\n\n  const handleInputChange = (e: ChangeEvent) => {\n    if (errorMessage) {\n      setErrorMessage('')\n    }\n    if (getSelectedBookmark()) {\n      setFieldValue('toAddress', '', { isTouched: true })\n      setSelectedBookmark()\n    }\n    setInputAddressValue((e.target as HTMLInputElement).value.trim())\n  }\n\n  const handleDone = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!inputAddressValue) {\n      setErrorMessage(t('error.title.walletAddressRequired'))\n      return\n    }\n    setIsDoneButtonLoading(true)\n    const validationResult = await validateAddress({\n      value: inputAddressValue,\n      chainType: requiredToChainType,\n      chain: toChain,\n    })\n    setIsDoneButtonLoading(false)\n    if (!validationResult.isValid) {\n      setErrorMessage(validationResult.error)\n      return\n    }\n\n    if (\n      requiredToChainType &&\n      requiredToChainType !== validationResult.chainType\n    ) {\n      setErrorMessage(\n        t('error.title.walletChainTypeInvalid', {\n          chainName: toChain?.name,\n        })\n      )\n      return\n    }\n\n    setValidatedWallet({\n      name:\n        validationResult.addressType === AddressType.NameService\n          ? inputAddressValue\n          : undefined,\n      address: validationResult.address,\n      chainType: validationResult.chainType,\n    })\n    confirmAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkAddress = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!inputAddressValue) {\n      setErrorMessage(t('error.title.walletAddressRequired'))\n      return\n    }\n\n    const existingBookmarkWallet = getBookmark(inputAddressValue)\n    if (existingBookmarkWallet) {\n      setErrorMessage(\n        t('error.title.bookmarkAlreadyExists', {\n          name: existingBookmarkWallet.name,\n        })\n      )\n      return\n    }\n    setIsBookmarkButtonLoading(true)\n    const validationResult = await validateAddress({\n      value: inputAddressValue,\n    })\n    setIsBookmarkButtonLoading(false)\n\n    if (validationResult.isValid) {\n      setValidatedWallet({\n        name:\n          validationResult.addressType === AddressType.NameService\n            ? inputAddressValue\n            : undefined,\n        address: validationResult.address,\n        chainType: validationResult.chainType,\n      })\n      bookmarkAddressSheetRef.current?.open()\n    } else {\n      setErrorMessage(validationResult.error)\n    }\n  }\n\n  const handleRecentWalletsClick = () => {\n    navigate({ to: navigationRoutes.recentWallets })\n  }\n\n  const handleConnectedWalletsClick = () => {\n    navigate({ to: navigationRoutes.connectedWallets })\n  }\n  const handleBookmarkedWalletsClick = () => {\n    navigate({ to: navigationRoutes.bookmarks })\n  }\n\n  const handleAddBookmark = (bookmark: Bookmark) => {\n    addBookmark(bookmark)\n    navigate({ to: navigationRoutes.bookmarks })\n  }\n\n  const handleOnConfirm = (confirmedWallet: Bookmark) => {\n    setSelectedBookmark(confirmedWallet)\n    addRecentWallet(confirmedWallet)\n  }\n\n  const placeholder = t('sendToWallet.enterAddress', {\n    context: 'long',\n  })\n\n  return (\n    <FullHeightAdjustablePageContainer\n      bottomGutters\n      enableFullHeight={variant !== 'drawer'}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 2,\n          marginBottom: 6,\n        }}\n      >\n        <SendToWalletCard type={errorMessage ? 'error' : 'default'}>\n          <AddressInput\n            size=\"small\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            autoCapitalize=\"off\"\n            spellCheck=\"false\"\n            onChange={handleInputChange}\n            value={inputAddressValue}\n            placeholder={placeholder}\n            aria-label={placeholder}\n            maxRows={2}\n            inputProps={{ maxLength: 128 }}\n            multiline\n          />\n          {errorMessage ? (\n            <ValidationAlert icon={<ErrorIcon />} sx={{ pb: 2, paddingX: 2 }}>\n              {errorMessage}\n            </ValidationAlert>\n          ) : null}\n          <SendToWalletButtonRow sx={{ paddingX: 2, paddingBottom: 2 }}>\n            <ButtonTertiary\n              variant=\"text\"\n              onClick={handleDone}\n              loading={isDoneButtonLoading}\n              loadingPosition=\"center\"\n              sx={{ flexGrow: 1 }}\n            >\n              {t('button.done')}\n            </ButtonTertiary>\n            <Tooltip title={t('button.bookmark')}>\n              <SendToWalletIconButton\n                onClick={handleBookmarkAddress}\n                loading={isBookmarkButtonLoading}\n                loadingPosition=\"center\"\n              >\n                <TurnedIn fontSize=\"small\" />\n              </SendToWalletIconButton>\n            </Tooltip>\n          </SendToWalletButtonRow>\n          <ConfirmAddressSheet\n            ref={confirmAddressSheetRef}\n            validatedBookmark={validatedWallet}\n            onConfirm={handleOnConfirm}\n          />\n          <BookmarkAddressSheet\n            ref={bookmarkAddressSheetRef}\n            validatedWallet={validatedWallet}\n            onAddBookmark={handleAddBookmark}\n          />\n        </SendToWalletCard>\n        {requiredUI?.includes(RequiredUI.AccountDeployedMessage) && (\n          <AccountDeployedMessage />\n        )}\n      </Box>\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n        <CardButton\n          title={t('header.recentWallets')}\n          icon={<History />}\n          onClick={handleRecentWalletsClick}\n        >\n          {!!recentWallets.length && (\n            <Typography\n              sx={{\n                color: 'text.secondary',\n              }}\n            >\n              {recentWallets.length}\n            </Typography>\n          )}\n        </CardButton>\n        {!hiddenUI?.includes(HiddenUI.AddressBookConnectedWallets) && (\n          <CardButton\n            title={t('sendToWallet.connectedWallets')}\n            icon={<Wallet />}\n            onClick={handleConnectedWalletsClick}\n          >\n            {!!connectedWallets.length && (\n              <Typography\n                sx={{\n                  color: 'text.secondary',\n                }}\n              >\n                {connectedWallets.length}\n              </Typography>\n            )}\n          </CardButton>\n        )}\n        <CardButton\n          title={t('header.bookmarkedWallets')}\n          icon={<TurnedIn />}\n          onClick={handleBookmarkedWalletsClick}\n        >\n          {!!bookmarks.length && (\n            <Typography\n              sx={{\n                color: 'text.secondary',\n              }}\n            >\n              {bookmarks.length}\n            </Typography>\n          )}\n        </CardButton>\n      </Box>\n    </FullHeightAdjustablePageContainer>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SendToWalletPage.js","names":[],"sources":["../../../../src/pages/SendToWallet/SendToWalletPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport ErrorIcon from '@mui/icons-material/Error'\nimport History from '@mui/icons-material/History'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport Wallet from '@mui/icons-material/Wallet'\nimport { Box, Tooltip, Typography } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type { ChangeEvent } from 'react'\nimport { useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { ButtonTertiary } from '../../components/ButtonTertiary.js'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { AccountDeployedMessage } from '../../components/Messages/AccountDeployedMessage.js'\nimport {\n  AddressType,\n  useAddressValidation,\n} from '../../hooks/useAddressValidation.js'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useToAddressRequirements } from '../../hooks/useToAddressRequirements.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport { useBookmarks } from '../../stores/bookmarks/useBookmarks.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useFieldValues } from '../../stores/form/useFieldValues.js'\nimport { HiddenUI, RequiredUI } from '../../types/widget.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { BookmarkAddressSheet } from './BookmarkAddressSheet.js'\nimport { ConfirmAddressSheet } from './ConfirmAddressSheet.js'\nimport {\n  AddressInput,\n  FullHeightAdjustablePageContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletIconButton,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\n\nexport const SendToWalletPage: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const bookmarkAddressSheetRef = useRef<BottomSheetBase>(null)\n  const confirmAddressSheetRef = useRef<BottomSheetBase>(null)\n  const { bookmarks, recentWallets } = useBookmarks()\n  const {\n    addBookmark,\n    getBookmark,\n    setSelectedBookmark,\n    getSelectedBookmark,\n    addRecentWallet,\n  } = useBookmarkActions()\n  const { setFieldValue } = useFieldActions()\n  const [inputAddressValue, setInputAddressValue] = useState(\n    () => getSelectedBookmark()?.address ?? ''\n  )\n  const [validatedWallet, setValidatedWallet] = useState<Bookmark>()\n  const [errorMessage, setErrorMessage] = useState('')\n  const { validateAddress, isValidating } = useAddressValidation()\n  const { requiredToChainType } = useToAddressRequirements()\n  const [toChainId] = useFieldValues('toChain')\n  const { chain: toChain } = useChain(toChainId)\n  const [isDoneButtonLoading, setIsDoneButtonLoading] = useState(false)\n  const [isBookmarkButtonLoading, setIsBookmarkButtonLoading] = useState(false)\n  const { variant, hiddenUI, requiredUI } = useWidgetConfig()\n\n  const { accounts } = useAccount()\n  const connectedWallets = accounts.filter((account) => account.isConnected)\n\n  useHeader(t('header.sendToWallet'))\n\n  const handleInputChange = (e: ChangeEvent) => {\n    if (errorMessage) {\n      setErrorMessage('')\n    }\n    if (getSelectedBookmark()) {\n      setFieldValue('toAddress', '', { isTouched: true })\n      setSelectedBookmark()\n    }\n    setInputAddressValue((e.target as HTMLInputElement).value.trim())\n  }\n\n  const handleDone = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!inputAddressValue) {\n      setErrorMessage(t('error.title.walletAddressRequired'))\n      return\n    }\n    setIsDoneButtonLoading(true)\n    const validationResult = await validateAddress({\n      value: inputAddressValue,\n      chainType: requiredToChainType,\n      chain: toChain,\n    })\n    setIsDoneButtonLoading(false)\n    if (!validationResult.isValid) {\n      setErrorMessage(validationResult.error)\n      return\n    }\n\n    if (\n      requiredToChainType &&\n      requiredToChainType !== validationResult.chainType\n    ) {\n      setErrorMessage(\n        t('error.title.walletChainTypeInvalid', {\n          chainName: toChain?.name,\n        })\n      )\n      return\n    }\n\n    setValidatedWallet({\n      name:\n        validationResult.addressType === AddressType.NameService\n          ? inputAddressValue\n          : undefined,\n      address: validationResult.address,\n      chainType: validationResult.chainType,\n    })\n    confirmAddressSheetRef.current?.open()\n  }\n\n  const handleBookmarkAddress = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!inputAddressValue) {\n      setErrorMessage(t('error.title.walletAddressRequired'))\n      return\n    }\n\n    const existingBookmarkWallet = getBookmark(inputAddressValue)\n    if (existingBookmarkWallet) {\n      setErrorMessage(\n        t('error.title.bookmarkAlreadyExists', {\n          name: existingBookmarkWallet.name,\n        })\n      )\n      return\n    }\n    setIsBookmarkButtonLoading(true)\n    const validationResult = await validateAddress({\n      value: inputAddressValue,\n    })\n    setIsBookmarkButtonLoading(false)\n\n    if (validationResult.isValid) {\n      setValidatedWallet({\n        name:\n          validationResult.addressType === AddressType.NameService\n            ? inputAddressValue\n            : undefined,\n        address: validationResult.address,\n        chainType: validationResult.chainType,\n      })\n      bookmarkAddressSheetRef.current?.open()\n    } else {\n      setErrorMessage(validationResult.error)\n    }\n  }\n\n  const handleRecentWalletsClick = () => {\n    navigate({ to: navigationRoutes.recentWallets })\n  }\n\n  const handleConnectedWalletsClick = () => {\n    navigate({ to: navigationRoutes.connectedWallets })\n  }\n  const handleBookmarkedWalletsClick = () => {\n    navigate({ to: navigationRoutes.bookmarks })\n  }\n\n  const handleAddBookmark = (bookmark: Bookmark) => {\n    addBookmark(bookmark)\n    navigate({ to: navigationRoutes.bookmarks })\n  }\n\n  const handleOnConfirm = (confirmedWallet: Bookmark) => {\n    setSelectedBookmark(confirmedWallet)\n    addRecentWallet(confirmedWallet)\n  }\n\n  const placeholder = t('sendToWallet.enterAddress', {\n    context: 'long',\n  })\n\n  return (\n    <FullHeightAdjustablePageContainer\n      bottomGutters\n      enableFullHeight={variant !== 'drawer'}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 2,\n          marginBottom: 6,\n        }}\n      >\n        <SendToWalletCard type={errorMessage ? 'error' : 'default'}>\n          <AddressInput\n            size=\"small\"\n            autoComplete=\"off\"\n            autoCorrect=\"off\"\n            autoCapitalize=\"off\"\n            spellCheck=\"false\"\n            onChange={handleInputChange}\n            value={inputAddressValue}\n            placeholder={placeholder}\n            aria-label={placeholder}\n            maxRows={2}\n            inputProps={{ maxLength: 128 }}\n            multiline\n          />\n          {errorMessage ? (\n            <ValidationAlert icon={<ErrorIcon />} sx={{ pb: 2, paddingX: 2 }}>\n              {errorMessage}\n            </ValidationAlert>\n          ) : null}\n          <SendToWalletButtonRow sx={{ paddingX: 2, paddingBottom: 2 }}>\n            <ButtonTertiary\n              variant=\"text\"\n              onClick={handleDone}\n              loading={isDoneButtonLoading}\n              loadingPosition=\"center\"\n              sx={{ flexGrow: 1 }}\n            >\n              {t('button.done')}\n            </ButtonTertiary>\n            <Tooltip title={t('button.bookmark')}>\n              <SendToWalletIconButton\n                onClick={handleBookmarkAddress}\n                loading={isBookmarkButtonLoading}\n                loadingPosition=\"center\"\n              >\n                <TurnedIn fontSize=\"small\" />\n              </SendToWalletIconButton>\n            </Tooltip>\n          </SendToWalletButtonRow>\n          <ConfirmAddressSheet\n            ref={confirmAddressSheetRef}\n            validatedBookmark={validatedWallet}\n            onConfirm={handleOnConfirm}\n          />\n          <BookmarkAddressSheet\n            ref={bookmarkAddressSheetRef}\n            validatedWallet={validatedWallet}\n            onAddBookmark={handleAddBookmark}\n          />\n        </SendToWalletCard>\n        {requiredUI?.includes(RequiredUI.AccountDeployedMessage) && (\n          <AccountDeployedMessage />\n        )}\n      </Box>\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n        <CardButton\n          title={t('header.recentWallets')}\n          icon={<History />}\n          onClick={handleRecentWalletsClick}\n        >\n          {!!recentWallets.length && (\n            <Typography\n              sx={{\n                color: 'text.secondary',\n              }}\n            >\n              {recentWallets.length}\n            </Typography>\n          )}\n        </CardButton>\n        {!hiddenUI?.includes(HiddenUI.AddressBookConnectedWallets) && (\n          <CardButton\n            title={t('sendToWallet.connectedWallets')}\n            icon={<Wallet />}\n            onClick={handleConnectedWalletsClick}\n          >\n            {!!connectedWallets.length && (\n              <Typography\n                sx={{\n                  color: 'text.secondary',\n                }}\n              >\n                {connectedWallets.length}\n              </Typography>\n            )}\n          </CardButton>\n        )}\n        <CardButton\n          title={t('header.bookmarkedWallets')}\n          icon={<TurnedIn />}\n          onClick={handleBookmarkedWalletsClick}\n        >\n          {!!bookmarks.length && (\n            <Typography\n              sx={{\n                color: 'text.secondary',\n              }}\n            >\n              {bookmarks.length}\n            </Typography>\n          )}\n        </CardButton>\n      </Box>\n    </FullHeightAdjustablePageContainer>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/pages/SettingsPage/BridgeAndExchangeSettings.js

@@ -1,6 +1,6 @@
 import { useSettingsStore } from "../../stores/settings/SettingsStore.js";
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useSettingMonitor } from "../../hooks/useSettingMonitor.js";
 import { CardButton } from "../../components/Card/CardButton.js";
@@ -24,7 +24,7 @@ const BridgeAndExchangeSettings = ({ type }) => {
 		return [enabledTools.filter(Boolean).length, enabledTools.length];
 	});
 	const { hiddenUI } = useWidgetConfig();
-	if (type === "Bridges" && hiddenUI?.includes(HiddenUI.BridgesSettings)) return null;
+	if (type === "Bridges" && hiddenUI?.includes("bridgesSettings")) return null;
 	const customisationLookUp = {
 		Bridges: isBridgesChanged,
 		Exchanges: isExchangesChanged

package/dist/esm/pages/SettingsPage/BridgeAndExchangeSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"BridgeAndExchangeSettings.js","names":[],"sources":["../../../../src/pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"sourcesContent":["import AirlineStops from '@mui/icons-material/AirlineStops'\nimport SwapHoriz from '@mui/icons-material/SwapHoriz'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { useSettingMonitor } from '../../hooks/useSettingMonitor.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useSettingsStore } from '../../stores/settings/SettingsStore.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { BadgedValue } from './SettingsCard/BadgedValue.js'\n\nconst supportedIcons = {\n  Bridges: AirlineStops,\n  Exchanges: SwapHoriz,\n}\n\nexport const BridgeAndExchangeSettings: React.FC<{\n  type: 'Bridges' | 'Exchanges'\n}> = ({ type }) => {\n  const { isBridgesChanged, isExchangesChanged } = useSettingMonitor()\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const [enabledTools, tools] = useSettingsStore((state) => {\n    const enabledTools = Object.values(state[`_enabled${type}`])\n    return [enabledTools.filter(Boolean).length, enabledTools.length]\n  })\n\n  const { hiddenUI } = useWidgetConfig()\n\n  if (type === 'Bridges' && hiddenUI?.includes(HiddenUI.BridgesSettings)) {\n    return null\n  }\n\n  const customisationLookUp = {\n    Bridges: isBridgesChanged,\n    Exchanges: isExchangesChanged,\n  }\n\n  const handleClick = () => {\n    navigate({\n      to: navigationRoutes[type.toLowerCase() as 'bridges' | 'exchanges'],\n    })\n  }\n\n  const Icon = supportedIcons[type]\n\n  return (\n    <CardButton\n      onClick={handleClick}\n      icon={<Icon />}\n      title={t(`settings.enabled${type}`)}\n    >\n      <BadgedValue\n        badgeColor=\"info\"\n        showBadge={customisationLookUp[type]}\n      >{`${enabledTools}/${tools}`}</BadgedValue>\n    </CardButton>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAM,iBAAiB;CACrB,SAAS;CACT,WAAW;CACZ;AAED,MAAa,6BAEP,EAAE,WAAW;CACjB,MAAM,EAAE,kBAAkB,uBAAuB,mBAAmB;CACpE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,cAAc,SAAS,kBAAkB,UAAU;EACxD,MAAM,eAAe,OAAO,OAAO,MAAM,WAAW,QAAQ;AAC5D,SAAO,CAAC,aAAa,OAAO,QAAQ,CAAC,QAAQ,aAAa,OAAO;GACjE;CAEF,MAAM,EAAE,aAAa,iBAAiB;AAEtC,KAAI,SAAS,aAAa,UAAU,SAAS,SAAS,gBAAgB,CACpE,QAAO;CAGT,MAAM,sBAAsB;EAC1B,SAAS;EACT,WAAW;EACZ;CAED,MAAM,oBAAoB;AACxB,WAAS,EACP,IAAI,iBAAiB,KAAK,aAAa,GACxC,CAAC;;CAGJ,MAAM,OAAO,eAAe;AAE5B,QACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,MAAD,EAAQ,CAAA;EACd,OAAO,EAAE,mBAAmB,OAAO;YAEnC,oBAAC,aAAD;GACE,YAAW;GACX,WAAW,oBAAoB;aAC/B,GAAG,aAAa,GAAG;GAAsB,CAAA;EAChC,CAAA"}
+{"version":3,"file":"BridgeAndExchangeSettings.js","names":[],"sources":["../../../../src/pages/SettingsPage/BridgeAndExchangeSettings.tsx"],"sourcesContent":["import AirlineStops from '@mui/icons-material/AirlineStops'\nimport SwapHoriz from '@mui/icons-material/SwapHoriz'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { useSettingMonitor } from '../../hooks/useSettingMonitor.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useSettingsStore } from '../../stores/settings/SettingsStore.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { BadgedValue } from './SettingsCard/BadgedValue.js'\n\nconst supportedIcons = {\n  Bridges: AirlineStops,\n  Exchanges: SwapHoriz,\n}\n\nexport const BridgeAndExchangeSettings: React.FC<{\n  type: 'Bridges' | 'Exchanges'\n}> = ({ type }) => {\n  const { isBridgesChanged, isExchangesChanged } = useSettingMonitor()\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const [enabledTools, tools] = useSettingsStore((state) => {\n    const enabledTools = Object.values(state[`_enabled${type}`])\n    return [enabledTools.filter(Boolean).length, enabledTools.length]\n  })\n\n  const { hiddenUI } = useWidgetConfig()\n\n  if (type === 'Bridges' && hiddenUI?.includes(HiddenUI.BridgesSettings)) {\n    return null\n  }\n\n  const customisationLookUp = {\n    Bridges: isBridgesChanged,\n    Exchanges: isExchangesChanged,\n  }\n\n  const handleClick = () => {\n    navigate({\n      to: navigationRoutes[type.toLowerCase() as 'bridges' | 'exchanges'],\n    })\n  }\n\n  const Icon = supportedIcons[type]\n\n  return (\n    <CardButton\n      onClick={handleClick}\n      icon={<Icon />}\n      title={t(`settings.enabled${type}`)}\n    >\n      <BadgedValue\n        badgeColor=\"info\"\n        showBadge={customisationLookUp[type]}\n      >{`${enabledTools}/${tools}`}</BadgedValue>\n    </CardButton>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAM,iBAAiB;CACrB,SAAS;CACT,WAAW;CACZ;AAED,MAAa,6BAEP,EAAE,WAAW;CACjB,MAAM,EAAE,kBAAkB,uBAAuB,mBAAmB;CACpE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,CAAC,cAAc,SAAS,kBAAkB,UAAU;EACxD,MAAM,eAAe,OAAO,OAAO,MAAM,WAAW,QAAQ;AAC5D,SAAO,CAAC,aAAa,OAAO,QAAQ,CAAC,QAAQ,aAAa,OAAO;GACjE;CAEF,MAAM,EAAE,aAAa,iBAAiB;AAEtC,KAAI,SAAS,aAAa,UAAU,SAAA,kBAAkC,CACpE,QAAO;CAGT,MAAM,sBAAsB;EAC1B,SAAS;EACT,WAAW;EACZ;CAED,MAAM,oBAAoB;AACxB,WAAS,EACP,IAAI,iBAAiB,KAAK,aAAa,GACxC,CAAC;;CAGJ,MAAM,OAAO,eAAe;AAE5B,QACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,MAAD,EAAQ,CAAA;EACd,OAAO,EAAE,mBAAmB,OAAO;YAEnC,oBAAC,aAAD;GACE,YAAW;GACX,WAAW,oBAAoB;aAC/B,GAAG,aAAa,GAAG;GAAsB,CAAA;EAChC,CAAA"}

package/dist/esm/pages/SettingsPage/LanguageSetting.js

@@ -1,6 +1,6 @@
 import { languageNames } from "../../providers/I18nProvider/constants.js";
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useLanguages } from "../../hooks/useLanguages.js";
 import { CardValue } from "../../components/Card/CardButton.style.js";
@@ -15,7 +15,7 @@ const LanguageSetting = () => {
 	const navigate = useNavigate();
 	const { hiddenUI } = useWidgetConfig();
 	const { selectedLanguageCode } = useLanguages();
-	if (hiddenUI?.includes(HiddenUI.Language)) return null;
+	if (hiddenUI?.includes("language")) return null;
 	const handleClick = () => {
 		navigate({ to: navigationRoutes.languages });
 	};

package/dist/esm/pages/SettingsPage/LanguageSetting.js.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSetting.js","names":[],"sources":["../../../../src/pages/SettingsPage/LanguageSetting.tsx"],"sourcesContent":["import Language from '@mui/icons-material/Language'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { useLanguages } from '../../hooks/useLanguages.js'\nimport { languageNames } from '../../providers/I18nProvider/constants.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const LanguageSetting: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { hiddenUI } = useWidgetConfig()\n  const { selectedLanguageCode } = useLanguages()\n\n  if (hiddenUI?.includes(HiddenUI.Language)) {\n    return null\n  }\n\n  const handleClick = () => {\n    navigate({ to: navigationRoutes.languages })\n  }\n\n  return (\n    <CardButton\n      onClick={handleClick}\n      icon={<Language />}\n      title={t('language.title')}\n    >\n      <CardValue>\n        {languageNames[selectedLanguageCode as keyof typeof languageNames] ||\n          t('language.name', {\n            lng: selectedLanguageCode,\n          }) ||\n          selectedLanguageCode}\n      </CardValue>\n    </CardButton>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,wBAAkC;CAC7C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,aAAa,iBAAiB;CACtC,MAAM,EAAE,yBAAyB,cAAc;AAE/C,KAAI,UAAU,SAAS,SAAS,SAAS,CACvC,QAAO;CAGT,MAAM,oBAAoB;AACxB,WAAS,EAAE,IAAI,iBAAiB,WAAW,CAAC;;AAG9C,QACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,UAAD,EAAY,CAAA;EAClB,OAAO,EAAE,iBAAiB;YAE1B,oBAAC,WAAD,EAAA,UACG,cAAc,yBACb,EAAE,iBAAiB,EACjB,KAAK,sBACN,CAAC,IACF,sBACQ,CAAA;EACD,CAAA"}
+{"version":3,"file":"LanguageSetting.js","names":[],"sources":["../../../../src/pages/SettingsPage/LanguageSetting.tsx"],"sourcesContent":["import Language from '@mui/icons-material/Language'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useTranslation } from 'react-i18next'\nimport { CardButton } from '../../components/Card/CardButton.js'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { useLanguages } from '../../hooks/useLanguages.js'\nimport { languageNames } from '../../providers/I18nProvider/constants.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\n\nexport const LanguageSetting: React.FC = () => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { hiddenUI } = useWidgetConfig()\n  const { selectedLanguageCode } = useLanguages()\n\n  if (hiddenUI?.includes(HiddenUI.Language)) {\n    return null\n  }\n\n  const handleClick = () => {\n    navigate({ to: navigationRoutes.languages })\n  }\n\n  return (\n    <CardButton\n      onClick={handleClick}\n      icon={<Language />}\n      title={t('language.title')}\n    >\n      <CardValue>\n        {languageNames[selectedLanguageCode as keyof typeof languageNames] ||\n          t('language.name', {\n            lng: selectedLanguageCode,\n          }) ||\n          selectedLanguageCode}\n      </CardValue>\n    </CardButton>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,wBAAkC;CAC7C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,aAAa,iBAAiB;CACtC,MAAM,EAAE,yBAAyB,cAAc;AAE/C,KAAI,UAAU,SAAA,WAA2B,CACvC,QAAO;CAGT,MAAM,oBAAoB;AACxB,WAAS,EAAE,IAAI,iBAAiB,WAAW,CAAC;;AAG9C,QACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,UAAD,EAAY,CAAA;EAClB,OAAO,EAAE,iBAAiB;YAE1B,oBAAC,WAAD,EAAA,UACG,cAAc,yBACb,EAAE,iBAAiB,EACjB,KAAK,sBACN,CAAC,IACF,sBACQ,CAAA;EACD,CAAA"}

package/dist/esm/pages/SettingsPage/SettingsPage.js

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { PageContainer } from "../../components/PageContainer.js";
 import { useHeader } from "../../hooks/useHeader.js";
 import { SettingsList } from "./SettingsCard/SettingCard.style.js";
@@ -27,7 +27,7 @@ const SettingsPage = () => {
 			/* @__PURE__ */ jsx(RoutePrioritySettings, {}),
 			/* @__PURE__ */ jsx(GasPriceSettings, {}),
 			/* @__PURE__ */ jsx(SlippageSettings, {}),
-			!hiddenUI?.includes(HiddenUI.HideSmallBalances) && /* @__PURE__ */ jsx(SmallBalanceFilterSettings, {}),
+			!hiddenUI?.includes("hideSmallBalances") && /* @__PURE__ */ jsx(SmallBalanceFilterSettings, {}),
 			/* @__PURE__ */ jsx(BridgeAndExchangeSettings, { type: "Bridges" }),
 			/* @__PURE__ */ jsx(BridgeAndExchangeSettings, { type: "Exchanges" })
 		] }) }), /* @__PURE__ */ jsx(ResetSettingsButton, {})]

package/dist/esm/pages/SettingsPage/SettingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../../src/pages/SettingsPage/SettingsPage.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { BridgeAndExchangeSettings } from './BridgeAndExchangeSettings.js'\nimport { GasPriceSettings } from './GasPriceSettings.js'\nimport { LanguageSetting } from './LanguageSetting.js'\nimport { ResetSettingsButton } from './ResetSettingsButton.js'\nimport { RoutePrioritySettings } from './RoutePrioritySettings.js'\nimport { SettingsList } from './SettingsCard/SettingCard.style.js'\nimport { SettingsCardAccordion } from './SettingsCard/SettingsAccordian.js'\nimport { SlippageSettings } from './SlippageSettings/SlippageSettings.js'\nimport { SmallBalanceFilterSettings } from './SmallBalanceFilterSettings.js'\nimport { ThemeSettings } from './ThemeSettings.js'\n\nexport const SettingsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const { hiddenUI } = useWidgetConfig()\n  useHeader(t('header.settings'))\n\n  return (\n    <PageContainer bottomGutters>\n      <SettingsList>\n        <SettingsCardAccordion>\n          <ThemeSettings />\n          <LanguageSetting />\n          <RoutePrioritySettings />\n          <GasPriceSettings />\n          <SlippageSettings />\n          {!hiddenUI?.includes(HiddenUI.HideSmallBalances) && (\n            <SmallBalanceFilterSettings />\n          )}\n          <BridgeAndExchangeSettings type=\"Bridges\" />\n          <BridgeAndExchangeSettings type=\"Exchanges\" />\n        </SettingsCardAccordion>\n      </SettingsList>\n      <ResetSettingsButton />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAa,qBAAkC;CAC7C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,iBAAiB;AACtC,WAAU,EAAE,kBAAkB,CAAC;AAE/B,QACE,qBAAC,eAAD;EAAe,eAAA;YAAf,CACE,oBAAC,cAAD,EAAA,UACE,qBAAC,uBAAD,EAAA,UAAA;GACE,oBAAC,eAAD,EAAiB,CAAA;GACjB,oBAAC,iBAAD,EAAmB,CAAA;GACnB,oBAAC,uBAAD,EAAyB,CAAA;GACzB,oBAAC,kBAAD,EAAoB,CAAA;GACpB,oBAAC,kBAAD,EAAoB,CAAA;GACnB,CAAC,UAAU,SAAS,SAAS,kBAAkB,IAC9C,oBAAC,4BAAD,EAA8B,CAAA;GAEhC,oBAAC,2BAAD,EAA2B,MAAK,WAAY,CAAA;GAC5C,oBAAC,2BAAD,EAA2B,MAAK,aAAc,CAAA;GACxB,EAAA,CAAA,EACX,CAAA,EACf,oBAAC,qBAAD,EAAuB,CAAA,CACT"}
+{"version":3,"file":"SettingsPage.js","names":[],"sources":["../../../../src/pages/SettingsPage/SettingsPage.tsx"],"sourcesContent":["import type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { BridgeAndExchangeSettings } from './BridgeAndExchangeSettings.js'\nimport { GasPriceSettings } from './GasPriceSettings.js'\nimport { LanguageSetting } from './LanguageSetting.js'\nimport { ResetSettingsButton } from './ResetSettingsButton.js'\nimport { RoutePrioritySettings } from './RoutePrioritySettings.js'\nimport { SettingsList } from './SettingsCard/SettingCard.style.js'\nimport { SettingsCardAccordion } from './SettingsCard/SettingsAccordian.js'\nimport { SlippageSettings } from './SlippageSettings/SlippageSettings.js'\nimport { SmallBalanceFilterSettings } from './SmallBalanceFilterSettings.js'\nimport { ThemeSettings } from './ThemeSettings.js'\n\nexport const SettingsPage = (): JSX.Element => {\n  const { t } = useTranslation()\n  const { hiddenUI } = useWidgetConfig()\n  useHeader(t('header.settings'))\n\n  return (\n    <PageContainer bottomGutters>\n      <SettingsList>\n        <SettingsCardAccordion>\n          <ThemeSettings />\n          <LanguageSetting />\n          <RoutePrioritySettings />\n          <GasPriceSettings />\n          <SlippageSettings />\n          {!hiddenUI?.includes(HiddenUI.HideSmallBalances) && (\n            <SmallBalanceFilterSettings />\n          )}\n          <BridgeAndExchangeSettings type=\"Bridges\" />\n          <BridgeAndExchangeSettings type=\"Exchanges\" />\n        </SettingsCardAccordion>\n      </SettingsList>\n      <ResetSettingsButton />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAa,qBAAkC;CAC7C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,iBAAiB;AACtC,WAAU,EAAE,kBAAkB,CAAC;AAE/B,QACE,qBAAC,eAAD;EAAe,eAAA;YAAf,CACE,oBAAC,cAAD,EAAA,UACE,qBAAC,uBAAD,EAAA,UAAA;GACE,oBAAC,eAAD,EAAiB,CAAA;GACjB,oBAAC,iBAAD,EAAmB,CAAA;GACnB,oBAAC,uBAAD,EAAyB,CAAA;GACzB,oBAAC,kBAAD,EAAoB,CAAA;GACpB,oBAAC,kBAAD,EAAoB,CAAA;GACnB,CAAC,UAAU,SAAA,oBAAoC,IAC9C,oBAAC,4BAAD,EAA8B,CAAA;GAEhC,oBAAC,2BAAD,EAA2B,MAAK,WAAY,CAAA;GAC5C,oBAAC,2BAAD,EAA2B,MAAK,aAAc,CAAA;GACxB,EAAA,CAAA,EACX,CAAA,EACf,oBAAC,qBAAD,EAAuB,CAAA,CACT"}

package/dist/esm/pages/SettingsPage/ThemeSettings.js

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { CardTabs, Tab as Tab$1 } from "../../components/Tabs/Tabs.style.js";
 import { CardValue } from "../../components/Card/CardButton.style.js";
 import { SettingCardExpandable } from "./SettingsCard/SettingCardExpandable.js";
@@ -28,7 +28,7 @@ const ThemeSettings = () => {
 	const { t } = useTranslation();
 	const { mode, setMode } = useColorScheme();
 	const { hiddenUI } = useWidgetConfig();
-	if (hiddenUI?.includes(HiddenUI.Appearance)) return null;
+	if (hiddenUI?.includes("appearance")) return null;
 	const appearance = mode ?? "system";
 	const ThemeIcon = themeIcons[appearance];
 	const handleThemeChange = (_, appearance) => {

package/dist/esm/pages/SettingsPage/ThemeSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSettings.js","names":["Tab"],"sources":["../../../../src/pages/SettingsPage/ThemeSettings.tsx"],"sourcesContent":["import BrightnessAuto from '@mui/icons-material/BrightnessAuto'\nimport LightMode from '@mui/icons-material/LightMode'\nimport Nightlight from '@mui/icons-material/Nightlight'\nimport { Tooltip, useColorScheme } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Appearance } from '../../types/widget.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js'\n\nconst themeIcons = {\n  light: LightMode,\n  dark: Nightlight,\n  system: BrightnessAuto,\n}\n\ninterface ThemeTabProps {\n  title: string\n  value: Appearance\n  Icon: React.ReactElement\n}\n\n// If the Tab is not the direct child of the Tabs component you can loose the switching\n// The component passes the props to the Tab component so switching isn't lost\nconst ThemeTab: React.FC<ThemeTabProps> = ({\n  title,\n  value,\n  Icon,\n  ...props\n}) => (\n  <Tooltip title={title}>\n    <Tab icon={Icon} value={value} {...props} disableRipple />\n  </Tooltip>\n)\n\nexport const ThemeSettings: React.FC = () => {\n  const { t } = useTranslation()\n  const { mode, setMode } = useColorScheme()\n  const { hiddenUI } = useWidgetConfig()\n\n  if (hiddenUI?.includes(HiddenUI.Appearance)) {\n    return null\n  }\n\n  const appearance = mode ?? 'system'\n\n  const ThemeIcon = themeIcons[appearance]\n\n  const handleThemeChange = (\n    _: React.SyntheticEvent,\n    appearance: Appearance\n  ) => {\n    setMode(appearance)\n  }\n\n  return (\n    <SettingCardExpandable\n      value={<CardValue>{t(`button.${appearance}`)} </CardValue>}\n      icon={<ThemeIcon />}\n      title={t('settings.appearance')}\n    >\n      <CardTabs\n        value={appearance}\n        aria-label=\"tabs\"\n        indicatorColor=\"primary\"\n        onChange={handleThemeChange}\n        sx={{ mt: 1.5 }}\n      >\n        {Object.entries(themeIcons).map(([theme, Icon]) => {\n          const supportedThemeOption = theme as Appearance\n\n          return (\n            <ThemeTab\n              key={supportedThemeOption}\n              title={t(`button.${supportedThemeOption}`)}\n              value={supportedThemeOption}\n              Icon={<Icon />}\n            />\n          )\n        })}\n      </CardTabs>\n    </SettingCardExpandable>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,aAAa;CACjB,OAAO;CACP,MAAM;CACN,QAAQ;CACT;AAUD,MAAM,YAAqC,EACzC,OACA,OACA,MACA,GAAG,YAEH,oBAAC,SAAD;CAAgB;WACd,oBAACA,OAAD;EAAK,MAAM;EAAa;EAAO,GAAI;EAAO,eAAA;EAAgB,CAAA;CAClD,CAAA;AAGZ,MAAa,sBAAgC;CAC3C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,MAAM,YAAY,gBAAgB;CAC1C,MAAM,EAAE,aAAa,iBAAiB;AAEtC,KAAI,UAAU,SAAS,SAAS,WAAW,CACzC,QAAO;CAGT,MAAM,aAAa,QAAQ;CAE3B,MAAM,YAAY,WAAW;CAE7B,MAAM,qBACJ,GACA,eACG;AACH,UAAQ,WAAW;;AAGrB,QACE,oBAAC,uBAAD;EACE,OAAO,qBAAC,WAAD,EAAA,UAAA,CAAY,EAAE,UAAU,aAAa,EAAC,IAAa,EAAA,CAAA;EAC1D,MAAM,oBAAC,WAAD,EAAa,CAAA;EACnB,OAAO,EAAE,sBAAsB;YAE/B,oBAAC,UAAD;GACE,OAAO;GACP,cAAW;GACX,gBAAe;GACf,UAAU;GACV,IAAI,EAAE,IAAI,KAAK;aAEd,OAAO,QAAQ,WAAW,CAAC,KAAK,CAAC,OAAO,UAAU;IACjD,MAAM,uBAAuB;AAE7B,WACE,oBAAC,UAAD;KAEE,OAAO,EAAE,UAAU,uBAAuB;KAC1C,OAAO;KACP,MAAM,oBAAC,MAAD,EAAQ,CAAA;KACd,EAJK,qBAIL;KAEJ;GACO,CAAA;EACW,CAAA"}
+{"version":3,"file":"ThemeSettings.js","names":["Tab"],"sources":["../../../../src/pages/SettingsPage/ThemeSettings.tsx"],"sourcesContent":["import BrightnessAuto from '@mui/icons-material/BrightnessAuto'\nimport LightMode from '@mui/icons-material/LightMode'\nimport Nightlight from '@mui/icons-material/Nightlight'\nimport { Tooltip, useColorScheme } from '@mui/material'\nimport { useTranslation } from 'react-i18next'\nimport { CardValue } from '../../components/Card/CardButton.style.js'\nimport { CardTabs, Tab } from '../../components/Tabs/Tabs.style.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { Appearance } from '../../types/widget.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { SettingCardExpandable } from './SettingsCard/SettingCardExpandable.js'\n\nconst themeIcons = {\n  light: LightMode,\n  dark: Nightlight,\n  system: BrightnessAuto,\n}\n\ninterface ThemeTabProps {\n  title: string\n  value: Appearance\n  Icon: React.ReactElement\n}\n\n// If the Tab is not the direct child of the Tabs component you can loose the switching\n// The component passes the props to the Tab component so switching isn't lost\nconst ThemeTab: React.FC<ThemeTabProps> = ({\n  title,\n  value,\n  Icon,\n  ...props\n}) => (\n  <Tooltip title={title}>\n    <Tab icon={Icon} value={value} {...props} disableRipple />\n  </Tooltip>\n)\n\nexport const ThemeSettings: React.FC = () => {\n  const { t } = useTranslation()\n  const { mode, setMode } = useColorScheme()\n  const { hiddenUI } = useWidgetConfig()\n\n  if (hiddenUI?.includes(HiddenUI.Appearance)) {\n    return null\n  }\n\n  const appearance = mode ?? 'system'\n\n  const ThemeIcon = themeIcons[appearance]\n\n  const handleThemeChange = (\n    _: React.SyntheticEvent,\n    appearance: Appearance\n  ) => {\n    setMode(appearance)\n  }\n\n  return (\n    <SettingCardExpandable\n      value={<CardValue>{t(`button.${appearance}`)} </CardValue>}\n      icon={<ThemeIcon />}\n      title={t('settings.appearance')}\n    >\n      <CardTabs\n        value={appearance}\n        aria-label=\"tabs\"\n        indicatorColor=\"primary\"\n        onChange={handleThemeChange}\n        sx={{ mt: 1.5 }}\n      >\n        {Object.entries(themeIcons).map(([theme, Icon]) => {\n          const supportedThemeOption = theme as Appearance\n\n          return (\n            <ThemeTab\n              key={supportedThemeOption}\n              title={t(`button.${supportedThemeOption}`)}\n              value={supportedThemeOption}\n              Icon={<Icon />}\n            />\n          )\n        })}\n      </CardTabs>\n    </SettingCardExpandable>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAYA,MAAM,aAAa;CACjB,OAAO;CACP,MAAM;CACN,QAAQ;CACT;AAUD,MAAM,YAAqC,EACzC,OACA,OACA,MACA,GAAG,YAEH,oBAAC,SAAD;CAAgB;WACd,oBAACA,OAAD;EAAK,MAAM;EAAa;EAAO,GAAI;EAAO,eAAA;EAAgB,CAAA;CAClD,CAAA;AAGZ,MAAa,sBAAgC;CAC3C,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,MAAM,YAAY,gBAAgB;CAC1C,MAAM,EAAE,aAAa,iBAAiB;AAEtC,KAAI,UAAU,SAAA,aAA6B,CACzC,QAAO;CAGT,MAAM,aAAa,QAAQ;CAE3B,MAAM,YAAY,WAAW;CAE7B,MAAM,qBACJ,GACA,eACG;AACH,UAAQ,WAAW;;AAGrB,QACE,oBAAC,uBAAD;EACE,OAAO,qBAAC,WAAD,EAAA,UAAA,CAAY,EAAE,UAAU,aAAa,EAAC,IAAa,EAAA,CAAA;EAC1D,MAAM,oBAAC,WAAD,EAAa,CAAA;EACnB,OAAO,EAAE,sBAAsB;YAE/B,oBAAC,UAAD;GACE,OAAO;GACP,cAAW;GACX,gBAAe;GACf,UAAU;GACV,IAAI,EAAE,IAAI,KAAK;aAEd,OAAO,QAAQ,WAAW,CAAC,KAAK,CAAC,OAAO,UAAU;IACjD,MAAM,uBAAuB;AAE7B,WACE,oBAAC,UAAD;KAEE,OAAO,EAAE,UAAU,uBAAuB;KAC1C,OAAO;KACP,MAAM,oBAAC,MAAD,EAAQ,CAAA;KACd,EAJK,qBAIL;KAEJ;GACO,CAAA;EACW,CAAA"}

package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js

@@ -1,5 +1,5 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
-import { HiddenUI } from "../../types/widget.js";
+import "../../types/widget.js";
 import { Card as Card$1 } from "../../components/Card/Card.js";
 import { CardIconButton } from "../../components/Card/CardIconButton.js";
 import { CardTitle } from "../../components/Card/CardTitle.js";
@@ -47,7 +47,7 @@ const TransferIdCard = ({ transferId, txLink }) => {
 						onClick: openTransferIdInExplorer,
 						children: /* @__PURE__ */ jsx(OpenInNew, { fontSize: "inherit" })
 					}) : null,
-					!hiddenUI?.includes(HiddenUI.ContactSupport) ? /* @__PURE__ */ jsx(ContactSupportButton, { supportId: transferId }) : null
+					!hiddenUI?.includes("contactSupport") ? /* @__PURE__ */ jsx(ContactSupportButton, { supportId: transferId }) : null
 				]
 			})]
 		}), /* @__PURE__ */ jsx(Typography, {

package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransferIdCard.js","names":["Card"],"sources":["../../../../src/pages/TransactionDetailsPage/TransferIdCard.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNew from '@mui/icons-material/OpenInNew'\nimport { Box, Typography } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Card } from '../../components/Card/Card.js'\nimport { CardIconButton } from '../../components/Card/CardIconButton.js'\nimport { CardTitle } from '../../components/Card/CardTitle.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { ContactSupportButton } from './ContactSupportButton.js'\n\ninterface TransferIdCardProps {\n  transferId: string\n  txLink?: string\n}\n\nexport const TransferIdCard = ({\n  transferId,\n  txLink,\n}: TransferIdCardProps): JSX.Element => {\n  const { t } = useTranslation()\n  const { hiddenUI } = useWidgetConfig()\n\n  const copyTransferId = async () => {\n    await navigator.clipboard.writeText(transferId)\n  }\n\n  const openTransferIdInExplorer = () => {\n    window.open(txLink, '_blank')\n  }\n\n  return (\n    <Card type=\"default\" indented>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <CardTitle sx={{ p: 0 }}>{t('main.transferId')}</CardTitle>\n        <Box\n          sx={{\n            gap: 1,\n            display: 'flex',\n          }}\n        >\n          <CardIconButton size=\"small\" onClick={copyTransferId}>\n            <ContentCopyRounded fontSize=\"inherit\" />\n          </CardIconButton>\n          {txLink ? (\n            <CardIconButton size=\"small\" onClick={openTransferIdInExplorer}>\n              <OpenInNew fontSize=\"inherit\" />\n            </CardIconButton>\n          ) : null}\n          {!hiddenUI?.includes(HiddenUI.ContactSupport) ? (\n            <ContactSupportButton supportId={transferId} />\n          ) : null}\n        </Box>\n      </Box>\n      <Typography\n        variant=\"body2\"\n        sx={{\n          pt: 2,\n          wordBreak: 'break-all',\n        }}\n      >\n        {transferId}\n      </Typography>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,kBAAkB,EAC7B,YACA,aACsC;CACtC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,iBAAiB;CAEtC,MAAM,iBAAiB,YAAY;AACjC,QAAM,UAAU,UAAU,UAAU,WAAW;;CAGjD,MAAM,iCAAiC;AACrC,SAAO,KAAK,QAAQ,SAAS;;AAG/B,QACE,qBAACA,QAAD;EAAM,MAAK;EAAU,UAAA;YAArB,CACE,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,gBAAgB;IACjB;aALH,CAOE,oBAAC,WAAD;IAAW,IAAI,EAAE,GAAG,GAAG;cAAG,EAAE,kBAAkB;IAAa,CAAA,EAC3D,qBAAC,KAAD;IACE,IAAI;KACF,KAAK;KACL,SAAS;KACV;cAJH;KAME,oBAAC,gBAAD;MAAgB,MAAK;MAAQ,SAAS;gBACpC,oBAAC,oBAAD,EAAoB,UAAS,WAAY,CAAA;MAC1B,CAAA;KAChB,SACC,oBAAC,gBAAD;MAAgB,MAAK;MAAQ,SAAS;gBACpC,oBAAC,WAAD,EAAW,UAAS,WAAY,CAAA;MACjB,CAAA,GACf;KACH,CAAC,UAAU,SAAS,SAAS,eAAe,GAC3C,oBAAC,sBAAD,EAAsB,WAAW,YAAc,CAAA,GAC7C;KACA;MACF;MACN,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,WAAW;IACZ;aAEA;GACU,CAAA,CACR"}
+{"version":3,"file":"TransferIdCard.js","names":["Card"],"sources":["../../../../src/pages/TransactionDetailsPage/TransferIdCard.tsx"],"sourcesContent":["import ContentCopyRounded from '@mui/icons-material/ContentCopyRounded'\nimport OpenInNew from '@mui/icons-material/OpenInNew'\nimport { Box, Typography } from '@mui/material'\nimport type { JSX } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Card } from '../../components/Card/Card.js'\nimport { CardIconButton } from '../../components/Card/CardIconButton.js'\nimport { CardTitle } from '../../components/Card/CardTitle.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { HiddenUI } from '../../types/widget.js'\nimport { ContactSupportButton } from './ContactSupportButton.js'\n\ninterface TransferIdCardProps {\n  transferId: string\n  txLink?: string\n}\n\nexport const TransferIdCard = ({\n  transferId,\n  txLink,\n}: TransferIdCardProps): JSX.Element => {\n  const { t } = useTranslation()\n  const { hiddenUI } = useWidgetConfig()\n\n  const copyTransferId = async () => {\n    await navigator.clipboard.writeText(transferId)\n  }\n\n  const openTransferIdInExplorer = () => {\n    window.open(txLink, '_blank')\n  }\n\n  return (\n    <Card type=\"default\" indented>\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <CardTitle sx={{ p: 0 }}>{t('main.transferId')}</CardTitle>\n        <Box\n          sx={{\n            gap: 1,\n            display: 'flex',\n          }}\n        >\n          <CardIconButton size=\"small\" onClick={copyTransferId}>\n            <ContentCopyRounded fontSize=\"inherit\" />\n          </CardIconButton>\n          {txLink ? (\n            <CardIconButton size=\"small\" onClick={openTransferIdInExplorer}>\n              <OpenInNew fontSize=\"inherit\" />\n            </CardIconButton>\n          ) : null}\n          {!hiddenUI?.includes(HiddenUI.ContactSupport) ? (\n            <ContactSupportButton supportId={transferId} />\n          ) : null}\n        </Box>\n      </Box>\n      <Typography\n        variant=\"body2\"\n        sx={{\n          pt: 2,\n          wordBreak: 'break-all',\n        }}\n      >\n        {transferId}\n      </Typography>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAa,kBAAkB,EAC7B,YACA,aACsC;CACtC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,aAAa,iBAAiB;CAEtC,MAAM,iBAAiB,YAAY;AACjC,QAAM,UAAU,UAAU,UAAU,WAAW;;CAGjD,MAAM,iCAAiC;AACrC,SAAO,KAAK,QAAQ,SAAS;;AAG/B,QACE,qBAACA,QAAD;EAAM,MAAK;EAAU,UAAA;YAArB,CACE,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,gBAAgB;IACjB;aALH,CAOE,oBAAC,WAAD;IAAW,IAAI,EAAE,GAAG,GAAG;cAAG,EAAE,kBAAkB;IAAa,CAAA,EAC3D,qBAAC,KAAD;IACE,IAAI;KACF,KAAK;KACL,SAAS;KACV;cAJH;KAME,oBAAC,gBAAD;MAAgB,MAAK;MAAQ,SAAS;gBACpC,oBAAC,oBAAD,EAAoB,UAAS,WAAY,CAAA;MAC1B,CAAA;KAChB,SACC,oBAAC,gBAAD;MAAgB,MAAK;MAAQ,SAAS;gBACpC,oBAAC,WAAD,EAAW,UAAS,WAAY,CAAA;MACjB,CAAA,GACf;KACH,CAAC,UAAU,SAAA,iBAAiC,GAC3C,oBAAC,sBAAD,EAAsB,WAAW,YAAc,CAAA,GAC7C;KACA;MACF;MACN,oBAAC,YAAD;GACE,SAAQ;GACR,IAAI;IACF,IAAI;IACJ,WAAW;IACZ;aAEA;GACU,CAAA,CACR"}

package/dist/esm/pages/TransactionPage/ConfirmToAddressSheet.js

@@ -1,5 +1,5 @@
 import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
-import { WidgetEvent } from "../../types/events.js";
+import "../../types/events.js";
 import { useChain } from "../../hooks/useChain.js";
 import { AlertMessage } from "../../components/Messages/AlertMessage.js";
 import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
@@ -31,7 +31,7 @@ const ConfirmToAddressSheetContent = ({ onContinue, onClose, toAddress, toChainI
 	const ref = useRef(null);
 	useSetContentHeight(ref);
 	const handleContinue = () => {
-		emitter.emit(WidgetEvent.LowAddressActivityConfirmed, {
+		emitter.emit("lowAddressActivityConfirmed", {
 			address: toAddress,
 			chainId: toChainId
 		});

package/dist/esm/pages/TransactionPage/ConfirmToAddressSheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmToAddressSheet.js","names":[],"sources":["../../../../src/pages/TransactionPage/ConfirmToAddressSheet.tsx"],"sourcesContent":["import Wallet from '@mui/icons-material/Wallet'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes, RefObject } from 'react'\nimport { forwardRef, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport {\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n} from '../SendToWallet/SendToWalletPage.style.js'\n\ninterface ConfirmToAddressSheetProps {\n  onContinue: () => void\n  toAddress: string\n  toChainId: number\n}\n\ninterface ConfirmToAddressSheetContentProps extends ConfirmToAddressSheetProps {\n  onClose: () => void\n}\n\nexport const ConfirmToAddressSheet: ForwardRefExoticComponent<\n  ConfirmToAddressSheetProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, ConfirmToAddressSheetProps>((props, ref) => {\n  const handleClose = () => {\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  return (\n    <BottomSheet ref={ref}>\n      <ConfirmToAddressSheetContent {...props} onClose={handleClose} />\n    </BottomSheet>\n  )\n})\n\nconst ConfirmToAddressSheetContent: React.FC<\n  ConfirmToAddressSheetContentProps\n> = ({ onContinue, onClose, toAddress, toChainId }) => {\n  const { t } = useTranslation()\n  const { chain } = useChain(toChainId)\n  const emitter = useWidgetEvents()\n  const ref = useRef<HTMLElement>(null)\n  useSetContentHeight(ref)\n\n  const handleContinue = () => {\n    emitter.emit(WidgetEvent.LowAddressActivityConfirmed, {\n      address: toAddress,\n      chainId: toChainId,\n    })\n    onClose()\n    onContinue()\n  }\n\n  return (\n    <SendToWalletSheetContainer ref={ref}>\n      <IconContainer>\n        <Wallet sx={{ fontSize: 40 }} />\n      </IconContainer>\n      <Typography variant=\"h6\" sx={{ textAlign: 'center', mb: 2 }}>\n        {t('warning.title.lowAddressActivity')}\n      </Typography>\n      <SheetAddressContainer>\n        <Typography>{toAddress}</Typography>\n      </SheetAddressContainer>\n      <AlertMessage\n        severity=\"warning\"\n        title={\n          <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n            {t('warning.message.lowAddressActivity', {\n              chainName: chain?.name,\n            })}\n          </Typography>\n        }\n        icon={<WarningRounded />}\n        multiline\n      />\n      <SendToWalletButtonRow>\n        <Button variant=\"text\" onClick={onClose} fullWidth>\n          {t('button.cancel')}\n        </Button>\n        <Button variant=\"contained\" onClick={handleContinue} fullWidth>\n          {t('button.continue')}\n        </Button>\n      </SendToWalletButtonRow>\n    </SendToWalletSheetContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAa,wBAET,YAAyD,OAAO,QAAQ;CAC1E,MAAM,oBAAoB;AACtB,MAAmC,SAAS,OAAO;;AAGvD,QACE,oBAAC,aAAD;EAAkB;YAChB,oBAAC,8BAAD;GAA8B,GAAI;GAAO,SAAS;GAAe,CAAA;EACrD,CAAA;EAEhB;AAEF,MAAM,gCAED,EAAE,YAAY,SAAS,WAAW,gBAAgB;CACrD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,UAAU,SAAS,UAAU;CACrC,MAAM,UAAU,iBAAiB;CACjC,MAAM,MAAM,OAAoB,KAAK;AACrC,qBAAoB,IAAI;CAExB,MAAM,uBAAuB;AAC3B,UAAQ,KAAK,YAAY,6BAA6B;GACpD,SAAS;GACT,SAAS;GACV,CAAC;AACF,WAAS;AACT,cAAY;;AAGd,QACE,qBAAC,4BAAD;EAAiC;YAAjC;GACE,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA,EAClB,CAAA;GAChB,oBAAC,YAAD;IAAY,SAAQ;IAAK,IAAI;KAAE,WAAW;KAAU,IAAI;KAAG;cACxD,EAAE,mCAAmC;IAC3B,CAAA;GACb,oBAAC,uBAAD,EAAA,UACE,oBAAC,YAAD,EAAA,UAAa,WAAuB,CAAA,EACd,CAAA;GACxB,oBAAC,cAAD;IACE,UAAS;IACT,OACE,oBAAC,YAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,OAAO,gBAAgB;eACtD,EAAE,sCAAsC,EACvC,WAAW,OAAO,MACnB,CAAC;KACS,CAAA;IAEf,MAAM,oBAAC,gBAAD,EAAkB,CAAA;IACxB,WAAA;IACA,CAAA;GACF,qBAAC,uBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAS,WAAA;cACtC,EAAE,gBAAgB;IACZ,CAAA,EACT,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;IAAgB,WAAA;cAClD,EAAE,kBAAkB;IACd,CAAA,CACa,EAAA,CAAA;GACG"}
+{"version":3,"file":"ConfirmToAddressSheet.js","names":[],"sources":["../../../../src/pages/TransactionPage/ConfirmToAddressSheet.tsx"],"sourcesContent":["import Wallet from '@mui/icons-material/Wallet'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes, RefObject } from 'react'\nimport { forwardRef, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useChain } from '../../hooks/useChain.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport {\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n} from '../SendToWallet/SendToWalletPage.style.js'\n\ninterface ConfirmToAddressSheetProps {\n  onContinue: () => void\n  toAddress: string\n  toChainId: number\n}\n\ninterface ConfirmToAddressSheetContentProps extends ConfirmToAddressSheetProps {\n  onClose: () => void\n}\n\nexport const ConfirmToAddressSheet: ForwardRefExoticComponent<\n  ConfirmToAddressSheetProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, ConfirmToAddressSheetProps>((props, ref) => {\n  const handleClose = () => {\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  return (\n    <BottomSheet ref={ref}>\n      <ConfirmToAddressSheetContent {...props} onClose={handleClose} />\n    </BottomSheet>\n  )\n})\n\nconst ConfirmToAddressSheetContent: React.FC<\n  ConfirmToAddressSheetContentProps\n> = ({ onContinue, onClose, toAddress, toChainId }) => {\n  const { t } = useTranslation()\n  const { chain } = useChain(toChainId)\n  const emitter = useWidgetEvents()\n  const ref = useRef<HTMLElement>(null)\n  useSetContentHeight(ref)\n\n  const handleContinue = () => {\n    emitter.emit(WidgetEvent.LowAddressActivityConfirmed, {\n      address: toAddress,\n      chainId: toChainId,\n    })\n    onClose()\n    onContinue()\n  }\n\n  return (\n    <SendToWalletSheetContainer ref={ref}>\n      <IconContainer>\n        <Wallet sx={{ fontSize: 40 }} />\n      </IconContainer>\n      <Typography variant=\"h6\" sx={{ textAlign: 'center', mb: 2 }}>\n        {t('warning.title.lowAddressActivity')}\n      </Typography>\n      <SheetAddressContainer>\n        <Typography>{toAddress}</Typography>\n      </SheetAddressContainer>\n      <AlertMessage\n        severity=\"warning\"\n        title={\n          <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n            {t('warning.message.lowAddressActivity', {\n              chainName: chain?.name,\n            })}\n          </Typography>\n        }\n        icon={<WarningRounded />}\n        multiline\n      />\n      <SendToWalletButtonRow>\n        <Button variant=\"text\" onClick={onClose} fullWidth>\n          {t('button.cancel')}\n        </Button>\n        <Button variant=\"contained\" onClick={handleContinue} fullWidth>\n          {t('button.continue')}\n        </Button>\n      </SendToWalletButtonRow>\n    </SendToWalletSheetContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAa,wBAET,YAAyD,OAAO,QAAQ;CAC1E,MAAM,oBAAoB;AACtB,MAAmC,SAAS,OAAO;;AAGvD,QACE,oBAAC,aAAD;EAAkB;YAChB,oBAAC,8BAAD;GAA8B,GAAI;GAAO,SAAS;GAAe,CAAA;EACrD,CAAA;EAEhB;AAEF,MAAM,gCAED,EAAE,YAAY,SAAS,WAAW,gBAAgB;CACrD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,UAAU,SAAS,UAAU;CACrC,MAAM,UAAU,iBAAiB;CACjC,MAAM,MAAM,OAAoB,KAAK;AACrC,qBAAoB,IAAI;CAExB,MAAM,uBAAuB;AAC3B,UAAQ,KAAA,+BAA8C;GACpD,SAAS;GACT,SAAS;GACV,CAAC;AACF,WAAS;AACT,cAAY;;AAGd,QACE,qBAAC,4BAAD;EAAiC;YAAjC;GACE,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,IAAI,EAAI,CAAA,EAClB,CAAA;GAChB,oBAAC,YAAD;IAAY,SAAQ;IAAK,IAAI;KAAE,WAAW;KAAU,IAAI;KAAG;cACxD,EAAE,mCAAmC;IAC3B,CAAA;GACb,oBAAC,uBAAD,EAAA,UACE,oBAAC,YAAD,EAAA,UAAa,WAAuB,CAAA,EACd,CAAA;GACxB,oBAAC,cAAD;IACE,UAAS;IACT,OACE,oBAAC,YAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,OAAO,gBAAgB;eACtD,EAAE,sCAAsC,EACvC,WAAW,OAAO,MACnB,CAAC;KACS,CAAA;IAEf,MAAM,oBAAC,gBAAD,EAAkB,CAAA;IACxB,WAAA;IACA,CAAA;GACF,qBAAC,uBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAS,WAAA;cACtC,EAAE,gBAAgB;IACZ,CAAA,EACT,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;IAAgB,WAAA;cAClD,EAAE,kBAAkB;IACd,CAAA,CACa,EAAA,CAAA;GACG"}

package/dist/esm/pages/TransactionPage/ExchangeRateBottomSheet.js

@@ -59,7 +59,7 @@ const ExchangeRateBottomSheetContent = ({ data, onCancel, onContinue }) => {
 		children: [
 			/* @__PURE__ */ jsxs(CenterContainer, { children: [/* @__PURE__ */ jsx(IconCircle, {
 				status: "warning",
-				mb: 1,
+				sx: { mb: 1 },
 				children: /* @__PURE__ */ jsx(WarningRounded, { color: "warning" })
 			}), /* @__PURE__ */ jsx(Typography, {
 				sx: {