@lifi/widget 4.0.0 → 4.1.0

package/dist/esm/i18n/en.json

@@ -66,7 +66,9 @@
     "exchange": "Exchange",
     "from": "Exchange from",
     "gas": "Gas",
+    "limit": "Limit",
     "payWith": "Pay with",
+    "private": "Private",
     "receive": "Receive",
     "received": "Received",
     "recentWallets": "Recent wallets",
@@ -77,6 +79,7 @@
     "sendToWallet": "Send to wallet",
     "settings": "Settings",
     "swap": "Swap",
+    "swapAndBridge": "Swap & Bridge",
     "to": "Exchange to",
     "transactionDetails": "Transaction details",
     "activities": "Activities",

package/dist/esm/index.d.ts

@@ -1,5 +1,5 @@
 import { DefaultFieldValues, DefaultValues, ExtractValueType, FormActions, FormFieldArray, FormFieldNames, FormKeyHelper, FormProps, FormStoreStore, FormType, FormTypeProps, FormValueControl, FormValues, FormValuesState, GenericFormValue, ResetOptions, SetOptions, TouchedFields, ValidationActions, ValidationProps } from "./stores/form/types.js";
-import { AllowDeny, AllowDenyItems, AllowDenySet, AllowDenySetItem, AllowDenySets, Appearance, CalculateFeeParams, CustomMode, DefaultUI, DisabledUIConfig, ExpansionType, ExplorerUrl, FieldNames, FieldValues, FormFieldOptions, FormRef, FormRefProps, FormState, HiddenUIConfig, ModeOptions, NavigationProps, PoweredByType, RequiredUIConfig, RouteLabel, RouteLabelRule, SetFieldValueFunction, SplitMode, SplitModeOptions, ToAddress, WidgetChains, WidgetConfig, WidgetConfigPartialProps, WidgetConfigProps, WidgetContractTool, WidgetDrawerProps, WidgetFeeConfig, WidgetLanguages, WidgetMode, WidgetProps, WidgetProvider, WidgetSDKConfig, WidgetTheme, WidgetThemeComponents, WidgetTokens, WidgetVariant, WidgetWalletConfig } from "./types/widget.js";
+import { AllowDeny, AllowDenyItems, AllowDenySet, AllowDenySetItem, AllowDenySets, Appearance, CalculateFeeParams, CustomMode, DefaultUI, DisabledUIConfig, ExpansionType, ExplorerUrl, FieldNames, FieldValues, FormFieldOptions, FormRef, FormRefProps, FormState, HiddenUIConfig, InternalNavigationTabKey, InternalWidgetMode, ModeOptions, NavigationProps, NavigationTabKey, PoweredByType, RequiredUIConfig, RouteLabel, RouteLabelRule, SetFieldValueFunction, SplitMode, SplitModeOptions, SplitNavigationTabKey, ToAddress, WidgetChains, WidgetConfig, WidgetConfigPartialProps, WidgetConfigProps, WidgetContractTool, WidgetDrawerProps, WidgetFeeConfig, WidgetLanguages, WidgetMode, WidgetProps, WidgetProvider, WidgetSDKConfig, WidgetTheme, WidgetThemeComponents, WidgetTokens, WidgetVariant, WidgetWalletConfig } from "./types/widget.js";
 import { WidgetDrawer } from "./AppDrawer.js";
 import { App } from "./App.js";
 import { TokenAmount } from "./types/token.js";
@@ -30,4 +30,4 @@ import { getPriceImpact } from "./utils/getPriceImpact.js";
 import { percentFormatter } from "./utils/percentFormatter.js";
 import { ChainId, ChainType, CoinKey } from "@lifi/sdk";
 export type * from "@lifi/sdk";
-export { AllowDeny, AllowDenyItems, AllowDenySet, AllowDenySetItem, AllowDenySets, Appearance, Bookmark, BookmarkActions, BookmarkProps, BookmarkState, BookmarkStore, CalculateFeeParams, ChainId, ChainPinned, ChainTokenSelected, ChainType, CoinKey, ContactSupport, CustomMode, DefaultFieldValues, DefaultUI, DefaultValues, DisabledUIConfig, ExpansionType, ExplorerUrl, ExtractValueType, FieldNames, FieldValues, FormActions, FormFieldArray, FormFieldChanged, FormFieldNames, FormFieldOptions, FormKeyHelper, FormProps, FormRef, FormRefProps, FormState, FormStoreStore, FormType, FormTypeProps, FormValueControl, FormValues, FormValuesState, GenericFormValue, HiddenUIConfig, ItemPrice, ItemPriceProps, App as LiFiWidget, LowAddressActivityConfirmed, ModeOptions, NFT, NFTBase, NFTBaseProps, NFTOwner, NFTProps, NavigationProps, PoweredByType, RequiredUIConfig, ResetOptions, RouteExecutionUpdate, RouteHighValueLossUpdate, RouteLabel, RouteLabelRule, RouteSelected, SetFieldValueFunction, SetOptions, SettingUpdated, SplitMode, SplitModeOptions, ToAddress, type TokenAmount, TokenSearch, TouchedFields, ValidationActions, ValidationProps, WidgetChains, WidgetConfig, WidgetConfigPartialProps, WidgetConfigProps, WidgetContractTool, type WidgetDrawer, WidgetDrawerProps, WidgetEvent, type WidgetEventEmitter, WidgetEvents, WidgetFeeConfig, WidgetLanguages, WidgetMode, WidgetProps, WidgetProvider, WidgetSDKConfig, WidgetSkeleton, WidgetTheme, WidgetThemeComponents, WidgetTokens, WidgetVariant, WidgetWalletConfig, azureLightTheme, compactNumberFormatter, createTheme, currencyExtendedFormatter, defaultMaxHeight, formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, getPriceImpact, jumperTheme, name, navigationRoutes, palette, paletteDark, paletteLight, percentFormatter, priceToTokenAmount, usdDecimals, useFieldActions, useFieldValues, useWidgetChains, useWidgetEvents, version, watermelonLightTheme, widgetEvents, windows95Theme, wrapLongWords };
+export { AllowDeny, AllowDenyItems, AllowDenySet, AllowDenySetItem, AllowDenySets, Appearance, Bookmark, BookmarkActions, BookmarkProps, BookmarkState, BookmarkStore, CalculateFeeParams, ChainId, ChainPinned, ChainTokenSelected, ChainType, CoinKey, ContactSupport, CustomMode, DefaultFieldValues, DefaultUI, DefaultValues, DisabledUIConfig, ExpansionType, ExplorerUrl, ExtractValueType, FieldNames, FieldValues, FormActions, FormFieldArray, FormFieldChanged, FormFieldNames, FormFieldOptions, FormKeyHelper, FormProps, FormRef, FormRefProps, FormState, FormStoreStore, FormType, FormTypeProps, FormValueControl, FormValues, FormValuesState, GenericFormValue, HiddenUIConfig, InternalNavigationTabKey, InternalWidgetMode, ItemPrice, ItemPriceProps, App as LiFiWidget, LowAddressActivityConfirmed, ModeOptions, NFT, NFTBase, NFTBaseProps, NFTOwner, NFTProps, NavigationProps, NavigationTabKey, PoweredByType, RequiredUIConfig, ResetOptions, RouteExecutionUpdate, RouteHighValueLossUpdate, RouteLabel, RouteLabelRule, RouteSelected, SetFieldValueFunction, SetOptions, SettingUpdated, SplitMode, SplitModeOptions, SplitNavigationTabKey, ToAddress, type TokenAmount, TokenSearch, TouchedFields, ValidationActions, ValidationProps, WidgetChains, WidgetConfig, WidgetConfigPartialProps, WidgetConfigProps, WidgetContractTool, type WidgetDrawer, WidgetDrawerProps, WidgetEvent, type WidgetEventEmitter, WidgetEvents, WidgetFeeConfig, WidgetLanguages, WidgetMode, WidgetProps, WidgetProvider, WidgetSDKConfig, WidgetSkeleton, WidgetTheme, WidgetThemeComponents, WidgetTokens, WidgetVariant, WidgetWalletConfig, azureLightTheme, compactNumberFormatter, createTheme, currencyExtendedFormatter, defaultMaxHeight, formatDuration, formatInputAmount, formatSlippage, formatTokenAmount, formatTokenPrice, getPriceImpact, jumperTheme, name, navigationRoutes, palette, paletteDark, paletteLight, percentFormatter, priceToTokenAmount, usdDecimals, useFieldActions, useFieldValues, useWidgetChains, useWidgetEvents, version, watermelonLightTheme, widgetEvents, windows95Theme, wrapLongWords };

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

@@ -1 +1 @@
-{"version":3,"file":"ActivitiesPage.js","names":[],"sources":["../../../../src/pages/ActivitiesPage/ActivitiesPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { Box, List } from '@mui/material'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { type JSX, useCallback, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TransactionCardSkeleton } from '../../components/TransactionCard/TransactionCardSkeleton.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useTransactionList } from '../../hooks/useTransactionList.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { ActiveTransactionItem } from './ActiveTransactionItem.js'\nimport { ActivitiesPageMenuButton } from './ActivitiesPageMenuButton.js'\nimport { TransactionHistoryEmpty } from './TransactionHistoryEmpty.js'\nimport { TransactionHistoryItem } from './TransactionHistoryItem.js'\n\nconst SKELETON_COUNT = 2\n\nexport const ActivitiesPage = (): JSX.Element => {\n  // Parent ref and useVirtualizer should be in one file to avoid blank page (0 virtual items) issue\n  const parentRef = useRef<HTMLDivElement | null>(null)\n  const { items, isLoading } = useTransactionList()\n\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n  const hasFailedItems = useRouteExecutionStore(\n    useCallback(\n      (state) =>\n        Object.values(state.routes).some(\n          (r) =>\n            r?.status === RouteExecutionStatus.Failed &&\n            accountAddresses.includes(r.route.fromAddress)\n        ),\n      [accountAddresses]\n    )\n  )\n\n  useHeader(\n    t('header.activities'),\n    hasFailedItems ? <ActivitiesPageMenuButton /> : null\n  )\n\n  const { listHeight } = useListHeight({\n    listParentRef: parentRef,\n  })\n\n  const hasStoreItems = items.length > 0\n  const skeletonCount = isLoading && hasStoreItems ? SKELETON_COUNT : 0\n  const totalCount = items.length + skeletonCount\n\n  const getItemKey = useCallback(\n    (index: number) => {\n      if (index >= items.length) {\n        return `skeleton-${index}`\n      }\n      const item = items[index]\n      if (item.type === 'active') {\n        return `active-${item.routeId}`\n      }\n      return `${item.type}-${item.txHash || item.routeExecution.route.id}`\n    },\n    [items]\n  )\n\n  const { getVirtualItems, getTotalSize, measureElement } = useVirtualizer({\n    count: hasStoreItems ? totalCount : 0,\n    overscan: 3,\n    paddingEnd: 12,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => (items[index]?.type === 'active' ? 218 : 196),\n    getItemKey,\n  })\n\n  const isEmpty = !items.length && !isLoading\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        className=\"long-list\"\n        ref={parentRef}\n        style={{ height: listHeight }}\n        sx={{ overflow: 'auto', paddingX: 3, paddingTop: 1.5 }}\n      >\n        {isEmpty ? (\n          <TransactionHistoryEmpty />\n        ) : isLoading && !hasStoreItems ? (\n          <List\n            disablePadding\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 2,\n              marginBottom: 2,\n            }}\n          >\n            {Array.from({ length: SKELETON_COUNT }).map((_, index) => (\n              <TransactionCardSkeleton key={index} />\n            ))}\n          </List>\n        ) : (\n          <List\n            style={{ height: getTotalSize(), position: 'relative' }}\n            disablePadding\n          >\n            {getVirtualItems().map((item) => {\n              const listItem =\n                item.index < items.length ? items[item.index] : null\n              return (\n                <li\n                  key={item.key}\n                  ref={measureElement}\n                  data-index={item.index}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    paddingBottom: 16,\n                    transform: `translateY(${item.start}px)`,\n                    listStyle: 'none',\n                  }}\n                >\n                  {!listItem ? (\n                    <TransactionCardSkeleton />\n                  ) : listItem.type === 'active' ? (\n                    <ActiveTransactionItem routeId={listItem.routeId} />\n                  ) : (\n                    <TransactionHistoryItem\n                      route={listItem.routeExecution.route}\n                      type={listItem.type}\n                      transactionHash={listItem.txHash}\n                      startedAt={listItem.startedAt}\n                    />\n                  )}\n                </li>\n              )\n            })}\n          </List>\n        )}\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAAiB;AAEvB,MAAa,uBAAoC;CAE/C,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,EAAE,OAAO,cAAc,mBAAmB;CAEhD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,OAAO,GAC/C,CAAC,QAAQ,CACX;CACA,MAAM,iBAAiB,uBACrB,aACG,UACC,OAAO,OAAO,MAAM,MAAM,EAAE,MACzB,MACC,GAAG,WAAA,KACH,iBAAiB,SAAS,EAAE,MAAM,WAAW,CACjD,GACF,CAAC,gBAAgB,CACnB,CACF;CAEA,UACE,EAAE,mBAAmB,GACrB,iBAAiB,oBAAC,0BAAD,CAA2B,CAAA,IAAI,IAClD;CAEA,MAAM,EAAE,eAAe,cAAc,EACnC,eAAe,UACjB,CAAC;CAED,MAAM,gBAAgB,MAAM,SAAS;CACrC,MAAM,gBAAgB,aAAa,gBAAgB,iBAAiB;CACpE,MAAM,aAAa,MAAM,SAAS;CAElC,MAAM,aAAa,aAChB,UAAkB;EACjB,IAAI,SAAS,MAAM,QACjB,OAAO,YAAY;EAErB,MAAM,OAAO,MAAM;EACnB,IAAI,KAAK,SAAS,UAChB,OAAO,UAAU,KAAK;EAExB,OAAO,GAAG,KAAK,KAAK,GAAG,KAAK,UAAU,KAAK,eAAe,MAAM;CAClE,GACA,CAAC,KAAK,CACR;CAEA,MAAM,EAAE,iBAAiB,cAAc,mBAAmB,eAAe;EACvE,OAAO,gBAAgB,aAAa;EACpC,UAAU;EACV,YAAY;EACZ,wBAAwB,UAAU;EAClC,eAAe,UAAW,MAAM,QAAQ,SAAS,WAAW,MAAM;EAClE;CACF,CAAC;CAED,MAAM,UAAU,CAAC,MAAM,UAAU,CAAC;CAElC,OACE,oBAAC,eAAD;EAAe,gBAAA;YACb,oBAAC,KAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO,EAAE,QAAQ,WAAW;GAC5B,IAAI;IAAE,UAAU;IAAQ,UAAU;IAAG,YAAY;GAAI;aAEpD,UACC,oBAAC,yBAAD,CAA0B,CAAA,IACxB,aAAa,CAAC,gBAChB,oBAAC,MAAD;IACE,gBAAA;IACA,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;KACL,cAAc;IAChB;cAEC,MAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,EAAE,KAAK,GAAG,UAC9C,oBAAC,yBAAD,CAAsC,GAAR,KAAQ,CACvC;GACG,CAAA,IAEN,oBAAC,MAAD;IACE,OAAO;KAAE,QAAQ,aAAa;KAAG,UAAU;IAAW;IACtD,gBAAA;cAEC,gBAAgB,EAAE,KAAK,SAAS;KAC/B,MAAM,WACJ,KAAK,QAAQ,MAAM,SAAS,MAAM,KAAK,SAAS;KAClD,OACE,oBAAC,MAAD;MAEE,KAAK;MACL,cAAY,KAAK;MACjB,OAAO;OACL,UAAU;OACV,KAAK;OACL,MAAM;OACN,OAAO;OACP,eAAe;OACf,WAAW,cAAc,KAAK,MAAM;OACpC,WAAW;MACb;gBAEC,CAAC,WACA,oBAAC,yBAAD,CAA0B,CAAA,IACxB,SAAS,SAAS,WACpB,oBAAC,uBAAD,EAAuB,SAAS,SAAS,QAAU,CAAA,IAEnD,oBAAC,wBAAD;OACE,OAAO,SAAS,eAAe;OAC/B,MAAM,SAAS;OACf,iBAAiB,SAAS;OAC1B,WAAW,SAAS;MACrB,CAAA;KAED,GAzBG,KAAK,GAyBR;IAER,CAAC;GACG,CAAA;EAEL,CAAA;CACQ,CAAA;AAEnB"}
+{"version":3,"file":"ActivitiesPage.js","names":[],"sources":["../../../../src/pages/ActivitiesPage/ActivitiesPage.tsx"],"sourcesContent":["import { useAccount } from '@lifi/wallet-management'\nimport { Box, List } from '@mui/material'\nimport { useVirtualizer } from '@tanstack/react-virtual'\nimport { type JSX, useCallback, useMemo, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { TransactionCardSkeleton } from '../../components/TransactionCard/TransactionCardSkeleton.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { useListHeight } from '../../hooks/useListHeight.js'\nimport { useTransactionList } from '../../hooks/useTransactionList.js'\nimport { useRouteExecutionStore } from '../../stores/routes/RouteExecutionStore.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { ActiveTransactionItem } from './ActiveTransactionItem.js'\nimport { ActivitiesPageMenuButton } from './ActivitiesPageMenuButton.js'\nimport { TransactionHistoryEmpty } from './TransactionHistoryEmpty.js'\nimport { TransactionHistoryItem } from './TransactionHistoryItem.js'\n\nconst SKELETON_COUNT = 2\n\nexport const ActivitiesPage = (): JSX.Element => {\n  // Parent ref and useVirtualizer should be in one file to avoid blank page (0 virtual items) issue\n  const parentRef = useRef<HTMLDivElement | null>(null)\n  const { items, isLoading } = useTransactionList()\n\n  const { t } = useTranslation()\n  const { accounts } = useAccount()\n  const accountAddresses = useMemo(\n    () => accounts.map((account) => account.address),\n    [accounts]\n  )\n  const hasFailedItems = useRouteExecutionStore(\n    useCallback(\n      (state) =>\n        Object.values(state.routes).some(\n          (r) =>\n            r?.status === RouteExecutionStatus.Failed &&\n            accountAddresses.includes(r.route.fromAddress)\n        ),\n      [accountAddresses]\n    )\n  )\n\n  useHeader(\n    t('header.activities'),\n    hasFailedItems ? <ActivitiesPageMenuButton /> : null\n  )\n\n  const { listHeight } = useListHeight({\n    listParentRef: parentRef,\n  })\n\n  const hasStoreItems = items.length > 0\n  const skeletonCount = isLoading && hasStoreItems ? SKELETON_COUNT : 0\n  const totalCount = items.length + skeletonCount\n\n  const getItemKey = useCallback(\n    (index: number) => {\n      if (index >= items.length) {\n        return `skeleton-${index}`\n      }\n      const item = items[index]\n      if (item.type === 'active') {\n        return `active-${item.routeId}`\n      }\n      return `${item.type}-${item.txHash || item.routeExecution.route.id}`\n    },\n    [items]\n  )\n\n  const { getVirtualItems, getTotalSize, measureElement } = useVirtualizer({\n    count: hasStoreItems ? totalCount : 0,\n    overscan: 3,\n    paddingEnd: 12,\n    getScrollElement: () => parentRef.current,\n    estimateSize: (index) => (items[index]?.type === 'active' ? 218 : 196),\n    getItemKey,\n  })\n\n  const isEmpty = !items.length && !isLoading\n\n  return (\n    <PageContainer disableGutters>\n      <Box\n        className=\"long-list\"\n        ref={parentRef}\n        style={{ height: listHeight }}\n        sx={{ overflow: 'auto', paddingX: 3, paddingTop: 1.5 }}\n      >\n        {isEmpty ? (\n          <TransactionHistoryEmpty />\n        ) : isLoading && !hasStoreItems ? (\n          <List\n            disablePadding\n            sx={{\n              display: 'flex',\n              flexDirection: 'column',\n              gap: 2,\n              marginBottom: 2,\n            }}\n          >\n            {Array.from({ length: SKELETON_COUNT }).map((_, index) => (\n              <TransactionCardSkeleton key={index} />\n            ))}\n          </List>\n        ) : (\n          <List\n            style={{ height: getTotalSize(), position: 'relative' }}\n            disablePadding\n          >\n            {getVirtualItems().map((item) => {\n              const listItem =\n                item.index < items.length ? items[item.index] : null\n              return (\n                <li\n                  key={item.key}\n                  ref={measureElement}\n                  data-index={item.index}\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    width: '100%',\n                    paddingBottom: 16,\n                    transform: `translateY(${item.start}px)`,\n                    listStyle: 'none',\n                  }}\n                >\n                  {!listItem ? (\n                    <TransactionCardSkeleton />\n                  ) : listItem.type === 'active' ? (\n                    <ActiveTransactionItem routeId={listItem.routeId} />\n                  ) : (\n                    <TransactionHistoryItem\n                      route={listItem.routeExecution.route}\n                      type={listItem.type}\n                      transactionHash={listItem.txHash}\n                      startedAt={listItem.startedAt}\n                    />\n                  )}\n                </li>\n              )\n            })}\n          </List>\n        )}\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,MAAM,iBAAiB;AAEvB,MAAa,uBAAoC;CAE/C,MAAM,YAAY,OAA8B,IAAI;CACpD,MAAM,EAAE,OAAO,cAAc,mBAAmB;CAEhD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,cACjB,SAAS,KAAK,YAAY,QAAQ,OAAO,GAC/C,CAAC,QAAQ,CACX;CACA,MAAM,iBAAiB,uBACrB,aACG,UACC,OAAO,OAAO,MAAM,MAAM,CAAC,CAAC,MACzB,MACC,GAAG,WAAA,KACH,iBAAiB,SAAS,EAAE,MAAM,WAAW,CACjD,GACF,CAAC,gBAAgB,CACnB,CACF;CAEA,UACE,EAAE,mBAAmB,GACrB,iBAAiB,oBAAC,0BAAD,CAA2B,CAAA,IAAI,IAClD;CAEA,MAAM,EAAE,eAAe,cAAc,EACnC,eAAe,UACjB,CAAC;CAED,MAAM,gBAAgB,MAAM,SAAS;CACrC,MAAM,gBAAgB,aAAa,gBAAgB,iBAAiB;CACpE,MAAM,aAAa,MAAM,SAAS;CAElC,MAAM,aAAa,aAChB,UAAkB;EACjB,IAAI,SAAS,MAAM,QACjB,OAAO,YAAY;EAErB,MAAM,OAAO,MAAM;EACnB,IAAI,KAAK,SAAS,UAChB,OAAO,UAAU,KAAK;EAExB,OAAO,GAAG,KAAK,KAAK,GAAG,KAAK,UAAU,KAAK,eAAe,MAAM;CAClE,GACA,CAAC,KAAK,CACR;CAEA,MAAM,EAAE,iBAAiB,cAAc,mBAAmB,eAAe;EACvE,OAAO,gBAAgB,aAAa;EACpC,UAAU;EACV,YAAY;EACZ,wBAAwB,UAAU;EAClC,eAAe,UAAW,MAAM,MAAM,EAAE,SAAS,WAAW,MAAM;EAClE;CACF,CAAC;CAED,MAAM,UAAU,CAAC,MAAM,UAAU,CAAC;CAElC,OACE,oBAAC,eAAD;EAAe,gBAAA;YACb,oBAAC,KAAD;GACE,WAAU;GACV,KAAK;GACL,OAAO,EAAE,QAAQ,WAAW;GAC5B,IAAI;IAAE,UAAU;IAAQ,UAAU;IAAG,YAAY;GAAI;aAEpD,UACC,oBAAC,yBAAD,CAA0B,CAAA,IACxB,aAAa,CAAC,gBAChB,oBAAC,MAAD;IACE,gBAAA;IACA,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;KACL,cAAc;IAChB;cAEC,MAAM,KAAK,EAAE,QAAQ,eAAe,CAAC,CAAC,CAAC,KAAK,GAAG,UAC9C,oBAAC,yBAAD,CAAsC,GAAR,KAAQ,CACvC;GACG,CAAA,IAEN,oBAAC,MAAD;IACE,OAAO;KAAE,QAAQ,aAAa;KAAG,UAAU;IAAW;IACtD,gBAAA;cAEC,gBAAgB,CAAC,CAAC,KAAK,SAAS;KAC/B,MAAM,WACJ,KAAK,QAAQ,MAAM,SAAS,MAAM,KAAK,SAAS;KAClD,OACE,oBAAC,MAAD;MAEE,KAAK;MACL,cAAY,KAAK;MACjB,OAAO;OACL,UAAU;OACV,KAAK;OACL,MAAM;OACN,OAAO;OACP,eAAe;OACf,WAAW,cAAc,KAAK,MAAM;OACpC,WAAW;MACb;gBAEC,CAAC,WACA,oBAAC,yBAAD,CAA0B,CAAA,IACxB,SAAS,SAAS,WACpB,oBAAC,uBAAD,EAAuB,SAAS,SAAS,QAAU,CAAA,IAEnD,oBAAC,wBAAD;OACE,OAAO,SAAS,eAAe;OAC/B,MAAM,SAAS;OACf,iBAAiB,SAAS;OAC1B,WAAW,SAAS;MACrB,CAAA;KAED,GAzBG,KAAK,GAyBR;IAER,CAAC;GACG,CAAA;EAEL,CAAA;CACQ,CAAA;AAEnB"}

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

@@ -2,7 +2,7 @@ import { useWidgetEvents } from "../../hooks/useWidgetEvents.js";
 import "../../types/events.js";
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
 import { navigationRoutes } from "../../utils/navigationRoutes.js";
-import { useSplitModeStore } from "../../stores/settings/useSplitModeStore.js";
+import { useSplitMode } from "../../stores/navigationTabs/useNavigationTabsStore.js";
 import { useRoutes } from "../../hooks/useRoutes.js";
 import { useToAddressRequirements } from "../../hooks/useToAddressRequirements.js";
 import { BaseTransactionButton } from "../../components/BaseTransactionButton/BaseTransactionButton.js";
@@ -15,7 +15,7 @@ const ReviewButton = () => {
 	const navigate = useNavigate();
 	const emitter = useWidgetEvents();
 	const { mode, modeOptions } = useWidgetConfig();
-	const splitState = useSplitModeStore((state) => state.state);
+	const splitState = useSplitMode();
 	const { toAddress, requiredToAddress } = useToAddressRequirements();
 	const { routes, setReviewableRoute } = useRoutes();
 	const currentRoute = routes?.[0];

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 { useSplitModeStore } from '../../stores/settings/useSplitModeStore.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 { mode, modeOptions } = useWidgetConfig()\n  const splitState = useSplitModeStore((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 (mode) {\n        case 'custom':\n          return t(`button.${modeOptions?.custom?.type ?? '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 (mode) {\n      case 'custom':\n        return modeOptions?.custom?.type === '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,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAC9C,MAAM,aAAa,mBAAmB,UAAU,MAAM,KAAK;CAC3D,MAAM,EAAE,WAAW,sBAAsB,yBAAyB;CAClE,MAAM,EAAE,QAAQ,uBAAuB,UAAU;CAEjD,MAAM,eAAe,SAAS;CAE9B,MAAM,cAAc,YAAY;EAC9B,IAAI,CAAC,cACH;EAGF,mBAAmB,YAAY;EAC/B,SAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,aAAa,GAAG;EACrC,CAAC;EACD,QAAQ,KAAA,iBAAgC;GACtC,OAAO;GACC;EACV,CAAC;CACH;CAEA,MAAM,sBAA8B;EAClC,IAAI,cACF,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,EAAE,UAAU,aAAa,QAAQ,QAAQ,WAAW,OAAO;GACpE,KAAK,UACH,OAAO,EAAE,eAAe;GAC1B,SAKE,OAAO,EAAE,UAHP,aAAa,gBAAgB,aAAa,YACtC,SACA,SAC6B,OAAO;EAE9C;EAEF,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,aAAa,QAAQ,SAAS,YACjC,EAAE,gBAAgB,IAClB,EAAE,YAAY;GACpB,KAAK,UACH,OAAO,EAAE,eAAe;GAC1B,KAAK;IACH,IAAI,YACF,OAAO,EAAE,UAAU,YAAY;IAEjC,OAAO,EAAE,iBAAiB;GAC5B,SACE,OAAO,EAAE,iBAAiB;EAC9B;CACF;CAEA,OACE,oBAAC,uBAAD;EACE,MAAM,cAAc;EACpB,SAAS;EACT,UAAU,gBAAgB,qBAAqB,CAAC;EAChD,OAAO;EACP,IAAI,EAAE,MAAM,EAAE;CACf,CAAA;AAEL"}
+{"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 { useSplitMode } from '../../stores/navigationTabs/useNavigationTabsStore.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 { mode, modeOptions } = useWidgetConfig()\n  const splitState = useSplitMode()\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 (mode) {\n        case 'custom':\n          return t(`button.${modeOptions?.custom?.type ?? '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 (mode) {\n      case 'custom':\n        return modeOptions?.custom?.type === '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,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,EAAE,MAAM,gBAAgB,gBAAgB;CAC9C,MAAM,aAAa,aAAa;CAChC,MAAM,EAAE,WAAW,sBAAsB,yBAAyB;CAClE,MAAM,EAAE,QAAQ,uBAAuB,UAAU;CAEjD,MAAM,eAAe,SAAS;CAE9B,MAAM,cAAc,YAAY;EAC9B,IAAI,CAAC,cACH;EAGF,mBAAmB,YAAY;EAC/B,SAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,aAAa,GAAG;EACrC,CAAC;EACD,QAAQ,KAAA,iBAAgC;GACtC,OAAO;GACC;EACV,CAAC;CACH;CAEA,MAAM,sBAA8B;EAClC,IAAI,cACF,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,EAAE,UAAU,aAAa,QAAQ,QAAQ,WAAW,OAAO;GACpE,KAAK,UACH,OAAO,EAAE,eAAe;GAC1B,SAKE,OAAO,EAAE,UAHP,aAAa,gBAAgB,aAAa,YACtC,SACA,SAC6B,OAAO;EAE9C;EAEF,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,aAAa,QAAQ,SAAS,YACjC,EAAE,gBAAgB,IAClB,EAAE,YAAY;GACpB,KAAK,UACH,OAAO,EAAE,eAAe;GAC1B,KAAK;IACH,IAAI,YACF,OAAO,EAAE,UAAU,YAAY;IAEjC,OAAO,EAAE,iBAAiB;GAC5B,SACE,OAAO,EAAE,iBAAiB;EAC9B;CACF;CAEA,OACE,oBAAC,uBAAD;EACE,MAAM,cAAc;EACpB,SAAS;EACT,UAAU,gBAAgB,qBAAqB,CAAC;EAChD,OAAO;EACP,IAAI,EAAE,MAAM,EAAE;CACf,CAAA;AAEL"}

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\n      className=\"long-list\"\n      direction=\"column\"\n      spacing={2}\n      sx={{ flex: 1, pt: 1.5 }}\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,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,EACJ,QACA,WACA,YACA,eACA,aACA,WACA,SACA,uBACE,UAAU;CACd,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,sBAAsB,yBAAyB;CAEvD,MAAM,eAAe,cAEjB,oBAAC,sBAAD;EACE,WAAW,iBAAiB,KAAK,IAAI;EACrC,cAAc;EACd,WAAW;EACX,eAAe,QAAQ;EACvB,IAAI,EAAE,aAAa,GAAG;EACtB,MAAK;CACN,CAAA,GAEH;EAAC;EAAe;EAAY;EAAS;CAAW,CAClD;CAEA,UAAU,EAAE,gBAAgB,GAAG,YAAY;CAE3C,MAAM,oBAAoB,UAAiB;EACzC,mBAAmB,KAAK;EACxB,SAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,MAAM,GAAG;EAC9B,CAAC;EACD,QAAQ,KAAA,iBAAgC;GACtC;GACQ;EACV,CAAC;CACH;CAEA,MAAM,gBAAgB,CAAC,QAAQ,UAAU,CAAC,aAAa,CAAC;CAExD,MAAM,uBAAuB,SAAS,MAAM,qBAAqB,CAAC;CAElE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;CAEjD,OACE,oBAAC,OAAD;EACE,WAAU;EACV,WAAU;EACV,SAAS;EACT,IAAI;GAAE,MAAM;GAAG,IAAI;EAAI;YAEtB,gBACC,oBAAC,mBAAD,CAAoB,CAAA,IAClB,aAAa,CAAC,QAAQ,SACxB,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,GAAG,UAChC,oBAAC,mBAAD,CAAgC,GAAR,KAAQ,CACjC,IAED,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;GAES;GACP,SACE,yBAAyB,iBAAiB,KAAK,IAAI,KAAA;GAErD,QAAQ,UAAU;GAClB,UAAU,QAAQ,WAAW;EAC9B,GAPM,KAON,CACF;CAEE,CAAA;AAEX"}
+{"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, pt: 1.5 }}\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,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,gBAAgB;CAChC,MAAM,EACJ,QACA,WACA,YACA,eACA,aACA,WACA,SACA,uBACE,UAAU;CACd,MAAM,EAAE,YAAY,WAAW,EAAE,WAAW,WAAW,UAAU,CAAC;CAClE,MAAM,CAAC,aAAa,eAAe,WAAW;CAC9C,MAAM,EAAE,sBAAsB,yBAAyB;CAEvD,MAAM,eAAe,cAEjB,oBAAC,sBAAD;EACE,WAAW,iBAAiB,KAAK,IAAI;EACrC,cAAc;EACd,WAAW;EACX,eAAe,QAAQ;EACvB,IAAI,EAAE,aAAa,GAAG;EACtB,MAAK;CACN,CAAA,GAEH;EAAC;EAAe;EAAY;EAAS;CAAW,CAClD;CAEA,UAAU,EAAE,gBAAgB,GAAG,YAAY;CAE3C,MAAM,oBAAoB,UAAiB;EACzC,mBAAmB,KAAK;EACxB,SAAS;GACP,IAAI,iBAAiB;GACrB,QAAQ,EAAE,SAAS,MAAM,GAAG;EAC9B,CAAC;EACD,QAAQ,KAAA,iBAAgC;GACtC;GACQ;EACV,CAAC;CACH;CAEA,MAAM,gBAAgB,CAAC,QAAQ,UAAU,CAAC,aAAa,CAAC;CAExD,MAAM,uBAAuB,SAAS,MAAM,qBAAqB,CAAC;CAElE,MAAM,mBAAmB,QAAQ,eAAe,CAAC;CAEjD,OACE,oBAAC,OAAD;EACE,WAAU;EACV,WAAU;EACV,SAAS;EACT,IAAI;GAAE,MAAM;GAAG,IAAI;EAAI;YAEtB,gBACC,oBAAC,mBAAD,CAAoB,CAAA,IAClB,aAAa,CAAC,QAAQ,SACxB,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,UAChC,oBAAC,mBAAD,CAAgC,GAAR,KAAQ,CACjC,IAED,QAAQ,KAAK,OAAc,UACzB,oBAAC,WAAD;GAES;GACP,SACE,yBAAyB,iBAAiB,KAAK,IAAI,KAAA;GAErD,QAAQ,UAAU;GAClB,UAAU,QAAQ,WAAW;EAC9B,GAPM,KAON,CACF;CAEE,CAAA;AAEX"}

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

@@ -1 +1 @@
-{"version":3,"file":"RoutesPage.style.js","names":["Stack","MuiStack"],"sources":["../../../../src/pages/RoutesPage/RoutesPage.style.ts"],"sourcesContent":["import { Stack as MuiStack, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const Stack: React.FC<React.ComponentProps<typeof MuiStack>> = styled(\n  MuiStack\n)(({ theme }) => ({\n  position: 'relative',\n  padding: theme.spacing(0, 3, 3, 3),\n}))\n"],"mappings":";;AAGA,MAAaA,UAAyD,OACpEC,KACF,GAAG,EAAE,aAAa;CAChB,UAAU;CACV,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AACnC,EAAE"}
+{"version":3,"file":"RoutesPage.style.js","names":["Stack","MuiStack"],"sources":["../../../../src/pages/RoutesPage/RoutesPage.style.ts"],"sourcesContent":["import { Stack as MuiStack, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const Stack: React.FC<React.ComponentProps<typeof MuiStack>> = styled(\n  MuiStack\n)(({ theme }) => ({\n  position: 'relative',\n  padding: theme.spacing(0, 3, 3, 3),\n}))\n"],"mappings":";;AAGA,MAAaA,UAAyD,OACpEC,KACF,CAAC,EAAE,EAAE,aAAa;CAChB,UAAU;CACV,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AACnC,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectEnabledToolsPage.js","names":[],"sources":["../../../src/pages/SelectEnabledToolsPage.tsx"],"sourcesContent":["import { Box, Checkbox, debounce, Tooltip } from '@mui/material'\nimport type { ChangeEvent, ChangeEventHandler } from 'react'\nimport { memo, useCallback, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../components/PageContainer.js'\nimport { SearchInput } from '../components/Search/SearchInput.js'\nimport { type ToolCollectionTypes, Tools } from '../components/Tools/Tools.js'\nimport { useHeader } from '../hooks/useHeader.js'\nimport { useListHeight } from '../hooks/useListHeight.js'\nimport { useTools } from '../hooks/useTools.js'\nimport { useSettingsStore } from '../stores/settings/SettingsStore.js'\nimport { useSettingsActions } from '../stores/settings/useSettingsActions.js'\n\ninterface SelectAllCheckboxProps {\n  allCheckboxesSelected: boolean\n  onClick: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void\n  anyCheckboxesSelected: boolean\n  noCheckboxesAvailable: boolean\n}\n\nconst SelectAllCheckbox = memo<SelectAllCheckboxProps>(\n  ({\n    allCheckboxesSelected,\n    anyCheckboxesSelected,\n    noCheckboxesAvailable,\n    onClick,\n  }) => {\n    const { t } = useTranslation()\n    const tooltipTitle = noCheckboxesAvailable\n      ? undefined\n      : allCheckboxesSelected\n        ? t('tooltip.deselectAll')\n        : t('tooltip.selectAll')\n\n    return (\n      <Tooltip title={tooltipTitle}>\n        <Checkbox\n          id=\"select-all\"\n          checked={allCheckboxesSelected}\n          indeterminate={anyCheckboxesSelected && !allCheckboxesSelected}\n          onChange={onClick}\n          disabled={noCheckboxesAvailable}\n          sx={{ mr: -1.5, height: 20 }}\n        />\n      </Tooltip>\n    )\n  }\n)\n\nexport const SelectEnabledToolsPage: React.FC<{\n  type: 'Bridges' | 'Exchanges'\n}> = ({ type }) => {\n  const typeKey = type.toLowerCase() as 'bridges' | 'exchanges'\n  const { tools } = useTools()\n  const { toggleToolKeys } = useSettingsActions()\n\n  const disabledTools = useSettingsStore((state) => state[`disabled${type}`])\n\n  const { t } = useTranslation()\n  const headerRef = useRef<HTMLElement>(null)\n  const listRef = useRef<HTMLDivElement>(null)\n  const [searchValue, setSearchValue] = useState('')\n\n  const { listHeight } = useListHeight({\n    listParentRef: listRef,\n    headerRef,\n  })\n\n  const filteredTools = useMemo(() => {\n    const toolsList = tools?.[typeKey] ?? []\n\n    if (!searchValue) {\n      return toolsList\n    }\n\n    const lowerSearchValue = searchValue.toLowerCase()\n    return toolsList.filter((tool) =>\n      tool.name.toLowerCase().includes(lowerSearchValue)\n    ) as ToolCollectionTypes\n  }, [tools, typeKey, searchValue])\n\n  const handleSelectAll = useCallback(() => {\n    toggleToolKeys(\n      type,\n      filteredTools.map((tool) => tool.key)\n    )\n  }, [toggleToolKeys, type, filteredTools])\n\n  const headerAction = useMemo(\n    () => (\n      <SelectAllCheckbox\n        allCheckboxesSelected={\n          !!filteredTools.length &&\n          filteredTools.every((tool) => !disabledTools.includes(tool.key))\n        }\n        anyCheckboxesSelected={\n          !!filteredTools.length &&\n          filteredTools.some((tool) => disabledTools.includes(tool.key))\n        }\n        noCheckboxesAvailable={!filteredTools.length}\n        onClick={handleSelectAll}\n      />\n    ),\n    [disabledTools, handleSelectAll, filteredTools]\n  )\n\n  useHeader(t(`settings.enabled${type}`), headerAction)\n\n  const handleSearchInputChange: ChangeEventHandler<HTMLInputElement> =\n    useCallback((e) => {\n      setSearchValue(e.target.value)\n      listRef.current?.scrollTo(0, 0)\n    }, [])\n\n  const debouncedSearchInputChange = debounce(handleSearchInputChange, 250)\n\n  return (\n    <PageContainer disableGutters>\n      <Box ref={headerRef} sx={{ px: 3, pb: 2, pt: 1.5 }}>\n        <SearchInput\n          onChange={debouncedSearchInputChange}\n          placeholder={t(`main.search${type}`)}\n          autoFocus\n        />\n      </Box>\n      <Box ref={listRef} style={{ height: listHeight, overflow: 'auto' }}>\n        <Tools filteredTools={filteredTools} type={type} />\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,oBAAoB,MACvB,EACC,uBACA,uBACA,uBACA,cACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAO7B,OACE,oBAAC,SAAD;EAAS,OAPU,wBACjB,KAAA,IACA,wBACE,EAAE,qBAAqB,IACvB,EAAE,mBAAmB;YAIvB,oBAAC,UAAD;GACE,IAAG;GACH,SAAS;GACT,eAAe,yBAAyB,CAAC;GACzC,UAAU;GACV,UAAU;GACV,IAAI;IAAE,IAAI;IAAM,QAAQ;GAAG;EAC5B,CAAA;CACM,CAAA;AAEb,CACF;AAEA,MAAa,0BAEP,EAAE,WAAW;CACjB,MAAM,UAAU,KAAK,YAAY;CACjC,MAAM,EAAE,UAAU,SAAS;CAC3B,MAAM,EAAE,mBAAmB,mBAAmB;CAE9C,MAAM,gBAAgB,kBAAkB,UAAU,MAAM,WAAW,OAAO;CAE1E,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,YAAY,OAAoB,IAAI;CAC1C,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CAEjD,MAAM,EAAE,eAAe,cAAc;EACnC,eAAe;EACf;CACF,CAAC;CAED,MAAM,gBAAgB,cAAc;EAClC,MAAM,YAAY,QAAQ,YAAY,CAAC;EAEvC,IAAI,CAAC,aACH,OAAO;EAGT,MAAM,mBAAmB,YAAY,YAAY;EACjD,OAAO,UAAU,QAAQ,SACvB,KAAK,KAAK,YAAY,EAAE,SAAS,gBAAgB,CACnD;CACF,GAAG;EAAC;EAAO;EAAS;CAAW,CAAC;CAEhC,MAAM,kBAAkB,kBAAkB;EACxC,eACE,MACA,cAAc,KAAK,SAAS,KAAK,GAAG,CACtC;CACF,GAAG;EAAC;EAAgB;EAAM;CAAa,CAAC;CAExC,MAAM,eAAe,cAEjB,oBAAC,mBAAD;EACE,uBACE,CAAC,CAAC,cAAc,UAChB,cAAc,OAAO,SAAS,CAAC,cAAc,SAAS,KAAK,GAAG,CAAC;EAEjE,uBACE,CAAC,CAAC,cAAc,UAChB,cAAc,MAAM,SAAS,cAAc,SAAS,KAAK,GAAG,CAAC;EAE/D,uBAAuB,CAAC,cAAc;EACtC,SAAS;CACV,CAAA,GAEH;EAAC;EAAe;EAAiB;CAAa,CAChD;CAEA,UAAU,EAAE,mBAAmB,MAAM,GAAG,YAAY;CAUpD,OACE,qBAAC,eAAD;EAAe,gBAAA;YAAf,CACE,oBAAC,KAAD;GAAK,KAAK;GAAW,IAAI;IAAE,IAAI;IAAG,IAAI;IAAG,IAAI;GAAI;aAC/C,oBAAC,aAAD;IACE,UAN2B,SALjC,aAAa,MAAM;KACjB,eAAe,EAAE,OAAO,KAAK;KAC7B,QAAQ,SAAS,SAAS,GAAG,CAAC;IAChC,GAAG,CAAC,CAE4D,GAAG,GAM1B;IACnC,aAAa,EAAE,cAAc,MAAM;IACnC,WAAA;GACD,CAAA;EACE,CAAA,GACL,oBAAC,KAAD;GAAK,KAAK;GAAS,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;aAC/D,oBAAC,OAAD;IAAsB;IAAqB;GAAO,CAAA;EAC/C,CAAA,CACQ;;AAEnB"}
+{"version":3,"file":"SelectEnabledToolsPage.js","names":[],"sources":["../../../src/pages/SelectEnabledToolsPage.tsx"],"sourcesContent":["import { Box, Checkbox, debounce, Tooltip } from '@mui/material'\nimport type { ChangeEvent, ChangeEventHandler } from 'react'\nimport { memo, useCallback, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PageContainer } from '../components/PageContainer.js'\nimport { SearchInput } from '../components/Search/SearchInput.js'\nimport { type ToolCollectionTypes, Tools } from '../components/Tools/Tools.js'\nimport { useHeader } from '../hooks/useHeader.js'\nimport { useListHeight } from '../hooks/useListHeight.js'\nimport { useTools } from '../hooks/useTools.js'\nimport { useSettingsStore } from '../stores/settings/SettingsStore.js'\nimport { useSettingsActions } from '../stores/settings/useSettingsActions.js'\n\ninterface SelectAllCheckboxProps {\n  allCheckboxesSelected: boolean\n  onClick: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void\n  anyCheckboxesSelected: boolean\n  noCheckboxesAvailable: boolean\n}\n\nconst SelectAllCheckbox = memo<SelectAllCheckboxProps>(\n  ({\n    allCheckboxesSelected,\n    anyCheckboxesSelected,\n    noCheckboxesAvailable,\n    onClick,\n  }) => {\n    const { t } = useTranslation()\n    const tooltipTitle = noCheckboxesAvailable\n      ? undefined\n      : allCheckboxesSelected\n        ? t('tooltip.deselectAll')\n        : t('tooltip.selectAll')\n\n    return (\n      <Tooltip title={tooltipTitle}>\n        <Checkbox\n          id=\"select-all\"\n          checked={allCheckboxesSelected}\n          indeterminate={anyCheckboxesSelected && !allCheckboxesSelected}\n          onChange={onClick}\n          disabled={noCheckboxesAvailable}\n          sx={{ mr: -1.5, height: 20 }}\n        />\n      </Tooltip>\n    )\n  }\n)\n\nexport const SelectEnabledToolsPage: React.FC<{\n  type: 'Bridges' | 'Exchanges'\n}> = ({ type }) => {\n  const typeKey = type.toLowerCase() as 'bridges' | 'exchanges'\n  const { tools } = useTools()\n  const { toggleToolKeys } = useSettingsActions()\n\n  const disabledTools = useSettingsStore((state) => state[`disabled${type}`])\n\n  const { t } = useTranslation()\n  const headerRef = useRef<HTMLElement>(null)\n  const listRef = useRef<HTMLDivElement>(null)\n  const [searchValue, setSearchValue] = useState('')\n\n  const { listHeight } = useListHeight({\n    listParentRef: listRef,\n    headerRef,\n  })\n\n  const filteredTools = useMemo(() => {\n    const toolsList = tools?.[typeKey] ?? []\n\n    if (!searchValue) {\n      return toolsList\n    }\n\n    const lowerSearchValue = searchValue.toLowerCase()\n    return toolsList.filter((tool) =>\n      tool.name.toLowerCase().includes(lowerSearchValue)\n    ) as ToolCollectionTypes\n  }, [tools, typeKey, searchValue])\n\n  const handleSelectAll = useCallback(() => {\n    toggleToolKeys(\n      type,\n      filteredTools.map((tool) => tool.key)\n    )\n  }, [toggleToolKeys, type, filteredTools])\n\n  const headerAction = useMemo(\n    () => (\n      <SelectAllCheckbox\n        allCheckboxesSelected={\n          !!filteredTools.length &&\n          filteredTools.every((tool) => !disabledTools.includes(tool.key))\n        }\n        anyCheckboxesSelected={\n          !!filteredTools.length &&\n          filteredTools.some((tool) => disabledTools.includes(tool.key))\n        }\n        noCheckboxesAvailable={!filteredTools.length}\n        onClick={handleSelectAll}\n      />\n    ),\n    [disabledTools, handleSelectAll, filteredTools]\n  )\n\n  useHeader(t(`settings.enabled${type}`), headerAction)\n\n  const handleSearchInputChange: ChangeEventHandler<HTMLInputElement> =\n    useCallback((e) => {\n      setSearchValue(e.target.value)\n      listRef.current?.scrollTo(0, 0)\n    }, [])\n\n  const debouncedSearchInputChange = debounce(handleSearchInputChange, 250)\n\n  return (\n    <PageContainer disableGutters>\n      <Box ref={headerRef} sx={{ px: 3, pb: 2, pt: 1.5 }}>\n        <SearchInput\n          onChange={debouncedSearchInputChange}\n          placeholder={t(`main.search${type}`)}\n          autoFocus\n        />\n      </Box>\n      <Box ref={listRef} style={{ height: listHeight, overflow: 'auto' }}>\n        <Tools filteredTools={filteredTools} type={type} />\n      </Box>\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAM,oBAAoB,MACvB,EACC,uBACA,uBACA,uBACA,cACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAO7B,OACE,oBAAC,SAAD;EAAS,OAPU,wBACjB,KAAA,IACA,wBACE,EAAE,qBAAqB,IACvB,EAAE,mBAAmB;YAIvB,oBAAC,UAAD;GACE,IAAG;GACH,SAAS;GACT,eAAe,yBAAyB,CAAC;GACzC,UAAU;GACV,UAAU;GACV,IAAI;IAAE,IAAI;IAAM,QAAQ;GAAG;EAC5B,CAAA;CACM,CAAA;AAEb,CACF;AAEA,MAAa,0BAEP,EAAE,WAAW;CACjB,MAAM,UAAU,KAAK,YAAY;CACjC,MAAM,EAAE,UAAU,SAAS;CAC3B,MAAM,EAAE,mBAAmB,mBAAmB;CAE9C,MAAM,gBAAgB,kBAAkB,UAAU,MAAM,WAAW,OAAO;CAE1E,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,YAAY,OAAoB,IAAI;CAC1C,MAAM,UAAU,OAAuB,IAAI;CAC3C,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CAEjD,MAAM,EAAE,eAAe,cAAc;EACnC,eAAe;EACf;CACF,CAAC;CAED,MAAM,gBAAgB,cAAc;EAClC,MAAM,YAAY,QAAQ,YAAY,CAAC;EAEvC,IAAI,CAAC,aACH,OAAO;EAGT,MAAM,mBAAmB,YAAY,YAAY;EACjD,OAAO,UAAU,QAAQ,SACvB,KAAK,KAAK,YAAY,CAAC,CAAC,SAAS,gBAAgB,CACnD;CACF,GAAG;EAAC;EAAO;EAAS;CAAW,CAAC;CAEhC,MAAM,kBAAkB,kBAAkB;EACxC,eACE,MACA,cAAc,KAAK,SAAS,KAAK,GAAG,CACtC;CACF,GAAG;EAAC;EAAgB;EAAM;CAAa,CAAC;CAExC,MAAM,eAAe,cAEjB,oBAAC,mBAAD;EACE,uBACE,CAAC,CAAC,cAAc,UAChB,cAAc,OAAO,SAAS,CAAC,cAAc,SAAS,KAAK,GAAG,CAAC;EAEjE,uBACE,CAAC,CAAC,cAAc,UAChB,cAAc,MAAM,SAAS,cAAc,SAAS,KAAK,GAAG,CAAC;EAE/D,uBAAuB,CAAC,cAAc;EACtC,SAAS;CACV,CAAA,GAEH;EAAC;EAAe;EAAiB;CAAa,CAChD;CAEA,UAAU,EAAE,mBAAmB,MAAM,GAAG,YAAY;CAUpD,OACE,qBAAC,eAAD;EAAe,gBAAA;YAAf,CACE,oBAAC,KAAD;GAAK,KAAK;GAAW,IAAI;IAAE,IAAI;IAAG,IAAI;IAAG,IAAI;GAAI;aAC/C,oBAAC,aAAD;IACE,UAN2B,SALjC,aAAa,MAAM;KACjB,eAAe,EAAE,OAAO,KAAK;KAC7B,QAAQ,SAAS,SAAS,GAAG,CAAC;IAChC,GAAG,CAAC,CAE4D,GAAG,GAM1B;IACnC,aAAa,EAAE,cAAc,MAAM;IACnC,WAAA;GACD,CAAA;EACE,CAAA,GACL,oBAAC,KAAD;GAAK,KAAK;GAAS,OAAO;IAAE,QAAQ;IAAY,UAAU;GAAO;aAC/D,oBAAC,OAAD;IAAsB;IAAqB;GAAO,CAAA;EAC/C,CAAA,CACQ;;AAEnB"}

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

@@ -4,7 +4,7 @@ import { useAddressValidation } from "../../hooks/useAddressValidation.js";
 import { AlertMessage } from "../../components/Messages/AlertMessage.js";
 import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
 import { AddressInput, BookmarkInputFields, IconContainer, SendToWalletButtonRow, SendToWalletCard, SendToWalletSheetContainer, SheetAddressContainer, SheetTitle, ValidationAlert } from "./SendToWalletPage.style.js";
-import { forwardRef, useState } from "react";
+import { useState } from "react";
 import { Button, Typography } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
@@ -12,7 +12,7 @@ import WarningRounded from "@mui/icons-material/WarningRounded";
 import TurnedIn from "@mui/icons-material/TurnedIn";
 import ErrorIcon from "@mui/icons-material/Error";
 //#region src/pages/SendToWallet/BookmarkAddressSheet.tsx
-const BookmarkAddressSheet = forwardRef(({ validatedWallet, onAddBookmark }, ref) => {
+const BookmarkAddressSheet = ({ validatedWallet, onAddBookmark, ref }) => {
 	const { t } = useTranslation();
 	const [name, setName] = useState("");
 	const [address, setAddress] = useState("");
@@ -169,7 +169,7 @@ const BookmarkAddressSheet = forwardRef(({ validatedWallet, onAddBookmark }, ref
 			})] })
 		] })
 	});
-});
+};
 //#endregion
 export { BookmarkAddressSheet };
 

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

@@ -1 +1 @@
-{"version":3,"file":"BookmarkAddressSheet.js","names":[],"sources":["../../../../src/pages/SendToWallet/BookmarkAddressSheet.tsx"],"sourcesContent":["import ErrorIcon from '@mui/icons-material/Error'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ChangeEvent, RefObject } from 'react'\nimport {\n  type ForwardRefExoticComponent,\n  forwardRef,\n  type RefAttributes,\n  useState,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Input } from '../../components/Input.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport {\n  AddressInput,\n  BookmarkInputFields,\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n  SheetTitle,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\nimport type { BookmarkError } from './types.js'\n\ninterface BookmarkAddressProps {\n  onAddBookmark: (bookmark: Bookmark) => void\n  validatedWallet?: Bookmark\n}\n\nexport const BookmarkAddressSheet: ForwardRefExoticComponent<\n  BookmarkAddressProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, BookmarkAddressProps>(\n  ({ validatedWallet, onAddBookmark }, ref) => {\n    const { t } = useTranslation()\n    const [name, setName] = useState('')\n    const [address, setAddress] = useState('')\n    const [error, setError] = useState<BookmarkError>()\n    const { validateAddress, isValidating } = useAddressValidation()\n    const { getBookmark } = useBookmarkActions()\n\n    const nameValue = name.trim() || validatedWallet?.name || ''\n    const addressValue = address || validatedWallet?.address || ''\n\n    const handleCancel = () => {\n      setError(undefined)\n      ;(ref as RefObject<BottomSheetBase>).current?.close()\n    }\n\n    const validateWithAddressFromInput = async () => {\n      const validationResult = await validateAddress({ value: address })\n      if (!validationResult.isValid) {\n        setError({ type: 'address', message: validationResult.error })\n        return\n      }\n\n      return {\n        name: nameValue,\n        address: validationResult.address,\n        chainType: validationResult.chainType,\n      }\n    }\n\n    const validateWithValidatedWallet = (validatedWallet: Bookmark) => {\n      if (error) {\n        setError(undefined)\n      }\n      return {\n        name: nameValue,\n        address: validatedWallet.address,\n        chainType: validatedWallet.chainType,\n      }\n    }\n\n    const handleBookmark = async () => {\n      if (isValidating) {\n        return\n      }\n      if (!nameValue) {\n        setError({\n          type: 'name',\n          message: t('error.title.bookmarkNameRequired'),\n        })\n        return\n      }\n      if (!addressValue) {\n        setError({\n          type: 'address',\n          message: t('error.title.walletAddressRequired'),\n        })\n        return\n      }\n\n      //  If the validatedWallet is supplied as a prop then we should assume\n      //  the address has already been validated\n      const validatedBookmark = validatedWallet\n        ? validateWithValidatedWallet(validatedWallet)\n        : await validateWithAddressFromInput()\n\n      if (validatedBookmark) {\n        const existingBookmark = getBookmark(validatedBookmark.address)\n        if (existingBookmark) {\n          setError({\n            type: 'address',\n            message: t('error.title.bookmarkAlreadyExists', {\n              name: existingBookmark.name,\n            }),\n          })\n          return\n        }\n        ;(ref as RefObject<BottomSheetBase>).current?.close()\n\n        onAddBookmark({\n          name: validatedBookmark.name,\n          address: validatedBookmark.address,\n          chainType: validatedBookmark.chainType,\n        })\n      }\n    }\n\n    const handleAddressInputChange = (e: ChangeEvent) => {\n      if (error) {\n        setError(undefined)\n      }\n      setAddress((e.target as HTMLInputElement).value.trim())\n    }\n\n    const handleNameInputChange = (e: ChangeEvent) => {\n      if (error) {\n        setError(undefined)\n      }\n      setName((e.target as HTMLInputElement).value)\n    }\n\n    const resetValues = () => {\n      setName('')\n      setAddress('')\n    }\n\n    return (\n      <BottomSheet ref={ref} onClose={resetValues}>\n        <SendToWalletSheetContainer>\n          <IconContainer>\n            <TurnedIn sx={{ fontSize: 40 }} />\n          </IconContainer>\n          <SheetTitle>{t('sendToWallet.bookmarkWallet')}</SheetTitle>\n          {validatedWallet ? (\n            <SheetAddressContainer>\n              {validatedWallet?.name ? (\n                <Typography\n                  sx={{\n                    fontWeight: 600,\n                    mb: 0.5,\n                  }}\n                >\n                  {validatedWallet?.name}\n                </Typography>\n              ) : null}\n              <Typography>{validatedWallet?.address}</Typography>\n            </SheetAddressContainer>\n          ) : null}\n          <BookmarkInputFields>\n            <SendToWalletCard\n              type={error?.type === 'name' ? 'error' : 'default'}\n            >\n              <Input\n                size=\"small\"\n                autoComplete=\"off\"\n                autoCorrect=\"off\"\n                autoCapitalize=\"off\"\n                spellCheck=\"false\"\n                onChange={handleNameInputChange}\n                value={name}\n                placeholder={\n                  validatedWallet?.name || t('sendToWallet.enterName')\n                }\n                aria-label={\n                  validatedWallet?.name || t('sendToWallet.enterName')\n                }\n                inputProps={{ maxLength: 128 }}\n              />\n            </SendToWalletCard>\n            {!validatedWallet && (\n              <SendToWalletCard\n                type={error?.type === 'address' ? 'error' : 'default'}\n              >\n                <AddressInput\n                  size=\"small\"\n                  autoComplete=\"off\"\n                  autoCorrect=\"off\"\n                  autoCapitalize=\"off\"\n                  spellCheck=\"false\"\n                  onChange={handleAddressInputChange}\n                  value={address}\n                  placeholder={t('sendToWallet.enterAddress', {\n                    context: 'long',\n                  })}\n                  aria-label={t('sendToWallet.enterAddress', {\n                    context: 'long',\n                  })}\n                  maxRows={2}\n                  inputProps={{ maxLength: 128 }}\n                  multiline\n                />\n              </SendToWalletCard>\n            )}\n            {error ? (\n              <ValidationAlert icon={<ErrorIcon />}>\n                {error.message}\n              </ValidationAlert>\n            ) : null}\n          </BookmarkInputFields>\n          <AlertMessage\n            title={\n              <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n                {t('warning.message.fundsLossPrevention')}\n              </Typography>\n            }\n            icon={<WarningRounded />}\n          />\n          <SendToWalletButtonRow>\n            <Button variant=\"text\" onClick={handleCancel} fullWidth>\n              {t('button.cancel')}\n            </Button>\n            <Button\n              variant=\"contained\"\n              onClick={handleBookmark}\n              loading={isValidating}\n              loadingPosition=\"center\"\n              fullWidth\n              focusRipple\n            >\n              {t('button.bookmark')}\n            </Button>\n          </SendToWalletButtonRow>\n        </SendToWalletSheetContainer>\n      </BottomSheet>\n    )\n  }\n)\n"],"mappings":"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"}
+{"version":3,"file":"BookmarkAddressSheet.js","names":[],"sources":["../../../../src/pages/SendToWallet/BookmarkAddressSheet.tsx"],"sourcesContent":["import ErrorIcon from '@mui/icons-material/Error'\nimport TurnedIn from '@mui/icons-material/TurnedIn'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { ChangeEvent, JSX, Ref, RefObject } from 'react'\nimport { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Input } from '../../components/Input.js'\nimport { AlertMessage } from '../../components/Messages/AlertMessage.js'\nimport { useAddressValidation } from '../../hooks/useAddressValidation.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useBookmarkActions } from '../../stores/bookmarks/useBookmarkActions.js'\nimport {\n  AddressInput,\n  BookmarkInputFields,\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletCard,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n  SheetTitle,\n  ValidationAlert,\n} from './SendToWalletPage.style.js'\nimport type { BookmarkError } from './types.js'\n\ninterface BookmarkAddressProps {\n  onAddBookmark: (bookmark: Bookmark) => void\n  validatedWallet?: Bookmark\n}\n\nexport const BookmarkAddressSheet = ({\n  validatedWallet,\n  onAddBookmark,\n  ref,\n}: BookmarkAddressProps & {\n  ref?: Ref<BottomSheetBase>\n}): JSX.Element => {\n  const { t } = useTranslation()\n  const [name, setName] = useState('')\n  const [address, setAddress] = useState('')\n  const [error, setError] = useState<BookmarkError>()\n  const { validateAddress, isValidating } = useAddressValidation()\n  const { getBookmark } = useBookmarkActions()\n\n  const nameValue = name.trim() || validatedWallet?.name || ''\n  const addressValue = address || validatedWallet?.address || ''\n\n  const handleCancel = () => {\n    setError(undefined)\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  const validateWithAddressFromInput = async () => {\n    const validationResult = await validateAddress({ value: address })\n    if (!validationResult.isValid) {\n      setError({ type: 'address', message: validationResult.error })\n      return\n    }\n\n    return {\n      name: nameValue,\n      address: validationResult.address,\n      chainType: validationResult.chainType,\n    }\n  }\n\n  const validateWithValidatedWallet = (validatedWallet: Bookmark) => {\n    if (error) {\n      setError(undefined)\n    }\n    return {\n      name: nameValue,\n      address: validatedWallet.address,\n      chainType: validatedWallet.chainType,\n    }\n  }\n\n  const handleBookmark = async () => {\n    if (isValidating) {\n      return\n    }\n    if (!nameValue) {\n      setError({\n        type: 'name',\n        message: t('error.title.bookmarkNameRequired'),\n      })\n      return\n    }\n    if (!addressValue) {\n      setError({\n        type: 'address',\n        message: t('error.title.walletAddressRequired'),\n      })\n      return\n    }\n\n    //  If the validatedWallet is supplied as a prop then we should assume\n    //  the address has already been validated\n    const validatedBookmark = validatedWallet\n      ? validateWithValidatedWallet(validatedWallet)\n      : await validateWithAddressFromInput()\n\n    if (validatedBookmark) {\n      const existingBookmark = getBookmark(validatedBookmark.address)\n      if (existingBookmark) {\n        setError({\n          type: 'address',\n          message: t('error.title.bookmarkAlreadyExists', {\n            name: existingBookmark.name,\n          }),\n        })\n        return\n      }\n      ;(ref as RefObject<BottomSheetBase>).current?.close()\n\n      onAddBookmark({\n        name: validatedBookmark.name,\n        address: validatedBookmark.address,\n        chainType: validatedBookmark.chainType,\n      })\n    }\n  }\n\n  const handleAddressInputChange = (e: ChangeEvent) => {\n    if (error) {\n      setError(undefined)\n    }\n    setAddress((e.target as HTMLInputElement).value.trim())\n  }\n\n  const handleNameInputChange = (e: ChangeEvent) => {\n    if (error) {\n      setError(undefined)\n    }\n    setName((e.target as HTMLInputElement).value)\n  }\n\n  const resetValues = () => {\n    setName('')\n    setAddress('')\n  }\n\n  return (\n    <BottomSheet ref={ref} onClose={resetValues}>\n      <SendToWalletSheetContainer>\n        <IconContainer>\n          <TurnedIn sx={{ fontSize: 40 }} />\n        </IconContainer>\n        <SheetTitle>{t('sendToWallet.bookmarkWallet')}</SheetTitle>\n        {validatedWallet ? (\n          <SheetAddressContainer>\n            {validatedWallet?.name ? (\n              <Typography\n                sx={{\n                  fontWeight: 600,\n                  mb: 0.5,\n                }}\n              >\n                {validatedWallet?.name}\n              </Typography>\n            ) : null}\n            <Typography>{validatedWallet?.address}</Typography>\n          </SheetAddressContainer>\n        ) : null}\n        <BookmarkInputFields>\n          <SendToWalletCard type={error?.type === 'name' ? 'error' : 'default'}>\n            <Input\n              size=\"small\"\n              autoComplete=\"off\"\n              autoCorrect=\"off\"\n              autoCapitalize=\"off\"\n              spellCheck=\"false\"\n              onChange={handleNameInputChange}\n              value={name}\n              placeholder={validatedWallet?.name || t('sendToWallet.enterName')}\n              aria-label={validatedWallet?.name || t('sendToWallet.enterName')}\n              inputProps={{ maxLength: 128 }}\n            />\n          </SendToWalletCard>\n          {!validatedWallet && (\n            <SendToWalletCard\n              type={error?.type === 'address' ? 'error' : 'default'}\n            >\n              <AddressInput\n                size=\"small\"\n                autoComplete=\"off\"\n                autoCorrect=\"off\"\n                autoCapitalize=\"off\"\n                spellCheck=\"false\"\n                onChange={handleAddressInputChange}\n                value={address}\n                placeholder={t('sendToWallet.enterAddress', {\n                  context: 'long',\n                })}\n                aria-label={t('sendToWallet.enterAddress', {\n                  context: 'long',\n                })}\n                maxRows={2}\n                inputProps={{ maxLength: 128 }}\n                multiline\n              />\n            </SendToWalletCard>\n          )}\n          {error ? (\n            <ValidationAlert icon={<ErrorIcon />}>\n              {error.message}\n            </ValidationAlert>\n          ) : null}\n        </BookmarkInputFields>\n        <AlertMessage\n          title={\n            <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n              {t('warning.message.fundsLossPrevention')}\n            </Typography>\n          }\n          icon={<WarningRounded />}\n        />\n        <SendToWalletButtonRow>\n          <Button variant=\"text\" onClick={handleCancel} fullWidth>\n            {t('button.cancel')}\n          </Button>\n          <Button\n            variant=\"contained\"\n            onClick={handleBookmark}\n            loading={isValidating}\n            loadingPosition=\"center\"\n            fullWidth\n            focusRipple\n          >\n            {t('button.bookmark')}\n          </Button>\n        </SendToWalletButtonRow>\n      </SendToWalletSheetContainer>\n    </BottomSheet>\n  )\n}\n"],"mappings":"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"}

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

@@ -4,14 +4,14 @@ import { AlertMessage } from "../../components/Messages/AlertMessage.js";
 import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
 import { IconContainer, SendToWalletButtonRow, SendToWalletSheetContainer, SheetAddressContainer, SheetTitle } from "./SendToWalletPage.style.js";
 import { useSetContentHeight } from "../../hooks/useSetContentHeight.js";
-import { forwardRef, useRef } from "react";
+import { useRef } from "react";
 import { Button, Typography } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import Wallet from "@mui/icons-material/Wallet";
 import WarningRounded from "@mui/icons-material/WarningRounded";
 //#region src/pages/SendToWallet/ConfirmAddressSheet.tsx
-const ConfirmAddressSheet = forwardRef((props, ref) => {
+const ConfirmAddressSheet = ({ ref, ...props }) => {
 	const handleClose = () => {
 		ref.current?.close();
 	};
@@ -22,7 +22,7 @@ const ConfirmAddressSheet = forwardRef((props, ref) => {
 			onClose: handleClose
 		})
 	});
-});
+};
 const ConfirmAddressSheetContent = ({ validatedBookmark, onConfirm, onClose }) => {
 	const { t } = useTranslation();
 	const navigateBack = useNavigateBack();

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmAddressSheet.js","names":[],"sources":["../../../../src/pages/SendToWallet/ConfirmAddressSheet.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 { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport {\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n  SheetTitle,\n} from './SendToWalletPage.style.js'\n\ninterface ConfirmAddressSheetProps {\n  onConfirm: (wallet: Bookmark) => void\n  validatedBookmark?: Bookmark\n}\n\ninterface ConfirmAddressSheetContentProps extends ConfirmAddressSheetProps {\n  onClose: () => void\n}\n\nexport const ConfirmAddressSheet: ForwardRefExoticComponent<\n  ConfirmAddressSheetProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, ConfirmAddressSheetProps>((props, ref) => {\n  const handleClose = () => {\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  return (\n    <BottomSheet ref={ref}>\n      <ConfirmAddressSheetContent {...props} onClose={handleClose} />\n    </BottomSheet>\n  )\n})\n\nconst ConfirmAddressSheetContent: React.FC<ConfirmAddressSheetContentProps> = ({\n  validatedBookmark,\n  onConfirm,\n  onClose,\n}) => {\n  const { t } = useTranslation()\n  const navigateBack = useNavigateBack()\n  const { setFieldValue } = useFieldActions()\n  const containerRef = useRef<HTMLElement>(null)\n  useSetContentHeight(containerRef)\n\n  const handleConfirm = () => {\n    if (validatedBookmark) {\n      setFieldValue('toAddress', validatedBookmark.address, {\n        isTouched: true,\n        isDirty: true,\n      })\n      onConfirm?.(validatedBookmark)\n      onClose()\n      navigateBack()\n    }\n  }\n\n  return (\n    <SendToWalletSheetContainer ref={containerRef}>\n      <IconContainer>\n        <Wallet sx={{ fontSize: 40 }} />\n      </IconContainer>\n      <SheetTitle>{t('sendToWallet.confirmWalletAddress')}</SheetTitle>\n      <SheetAddressContainer>\n        {validatedBookmark?.name ? (\n          <Typography\n            sx={{\n              fontWeight: 600,\n              mb: 0.5,\n            }}\n          >\n            {validatedBookmark?.name}\n          </Typography>\n        ) : null}\n        <Typography>{validatedBookmark?.address}</Typography>\n      </SheetAddressContainer>\n      <AlertMessage\n        severity=\"warning\"\n        title={\n          <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n            {t('warning.message.fundsLossPrevention')}\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={handleConfirm} fullWidth>\n          {t('button.confirm')}\n        </Button>\n      </SendToWalletButtonRow>\n    </SendToWalletSheetContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AA8BA,MAAa,sBAET,YAAuD,OAAO,QAAQ;CACxE,MAAM,oBAAoB;EACvB,IAAoC,SAAS,MAAM;CACtD;CAEA,OACE,oBAAC,aAAD;EAAkB;YAChB,oBAAC,4BAAD;GAA4B,GAAI;GAAO,SAAS;EAAc,CAAA;CACnD,CAAA;AAEjB,CAAC;AAED,MAAM,8BAAyE,EAC7E,mBACA,WACA,cACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,eAAe,OAAoB,IAAI;CAC7C,oBAAoB,YAAY;CAEhC,MAAM,sBAAsB;EAC1B,IAAI,mBAAmB;GACrB,cAAc,aAAa,kBAAkB,SAAS;IACpD,WAAW;IACX,SAAS;GACX,CAAC;GACD,YAAY,iBAAiB;GAC7B,QAAQ;GACR,aAAa;EACf;CACF;CAEA,OACE,qBAAC,4BAAD;EAA4B,KAAK;YAAjC;GACE,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA,EAClB,CAAA;GACf,oBAAC,YAAD,EAAA,UAAa,EAAE,mCAAmC,EAAc,CAAA;GAChE,qBAAC,uBAAD,EAAA,UAAA,CACG,mBAAmB,OAClB,oBAAC,YAAD;IACE,IAAI;KACF,YAAY;KACZ,IAAI;IACN;cAEC,mBAAmB;GACV,CAAA,IACV,MACJ,oBAAC,YAAD,EAAA,UAAa,mBAAmB,QAAoB,CAAA,CAC/B,EAAA,CAAA;GACvB,oBAAC,cAAD;IACE,UAAS;IACT,OACE,oBAAC,YAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,OAAO,eAAe;eACrD,EAAE,qCAAqC;IAC9B,CAAA;IAEd,MAAM,oBAAC,gBAAD,CAAiB,CAAA;IACvB,WAAA;GACD,CAAA;GACD,qBAAC,uBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAS,WAAA;cACtC,EAAE,eAAe;GACZ,CAAA,GACR,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;IAAe,WAAA;cACjD,EAAE,gBAAgB;GACb,CAAA,CACa,EAAA,CAAA;EACG;;AAEhC"}
+{"version":3,"file":"ConfirmAddressSheet.js","names":[],"sources":["../../../../src/pages/SendToWallet/ConfirmAddressSheet.tsx"],"sourcesContent":["import Wallet from '@mui/icons-material/Wallet'\nimport WarningRounded from '@mui/icons-material/WarningRounded'\nimport { Button, Typography } from '@mui/material'\nimport type { JSX, Ref, RefObject } from 'react'\nimport { 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 { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport type { Bookmark } from '../../stores/bookmarks/types.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport {\n  IconContainer,\n  SendToWalletButtonRow,\n  SendToWalletSheetContainer,\n  SheetAddressContainer,\n  SheetTitle,\n} from './SendToWalletPage.style.js'\n\ninterface ConfirmAddressSheetProps {\n  onConfirm: (wallet: Bookmark) => void\n  validatedBookmark?: Bookmark\n}\n\ninterface ConfirmAddressSheetContentProps extends ConfirmAddressSheetProps {\n  onClose: () => void\n}\n\nexport const ConfirmAddressSheet = ({\n  ref,\n  ...props\n}: ConfirmAddressSheetProps & {\n  ref?: Ref<BottomSheetBase>\n}): JSX.Element => {\n  const handleClose = () => {\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n  }\n\n  return (\n    <BottomSheet ref={ref}>\n      <ConfirmAddressSheetContent {...props} onClose={handleClose} />\n    </BottomSheet>\n  )\n}\n\nconst ConfirmAddressSheetContent: React.FC<ConfirmAddressSheetContentProps> = ({\n  validatedBookmark,\n  onConfirm,\n  onClose,\n}) => {\n  const { t } = useTranslation()\n  const navigateBack = useNavigateBack()\n  const { setFieldValue } = useFieldActions()\n  const containerRef = useRef<HTMLElement>(null)\n  useSetContentHeight(containerRef)\n\n  const handleConfirm = () => {\n    if (validatedBookmark) {\n      setFieldValue('toAddress', validatedBookmark.address, {\n        isTouched: true,\n        isDirty: true,\n      })\n      onConfirm?.(validatedBookmark)\n      onClose()\n      navigateBack()\n    }\n  }\n\n  return (\n    <SendToWalletSheetContainer ref={containerRef}>\n      <IconContainer>\n        <Wallet sx={{ fontSize: 40 }} />\n      </IconContainer>\n      <SheetTitle>{t('sendToWallet.confirmWalletAddress')}</SheetTitle>\n      <SheetAddressContainer>\n        {validatedBookmark?.name ? (\n          <Typography\n            sx={{\n              fontWeight: 600,\n              mb: 0.5,\n            }}\n          >\n            {validatedBookmark?.name}\n          </Typography>\n        ) : null}\n        <Typography>{validatedBookmark?.address}</Typography>\n      </SheetAddressContainer>\n      <AlertMessage\n        severity=\"warning\"\n        title={\n          <Typography variant=\"body2\" sx={{ color: 'text.primary' }}>\n            {t('warning.message.fundsLossPrevention')}\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={handleConfirm} fullWidth>\n          {t('button.confirm')}\n        </Button>\n      </SendToWalletButtonRow>\n    </SendToWalletSheetContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AA8BA,MAAa,uBAAuB,EAClC,KACA,GAAG,YAGc;CACjB,MAAM,oBAAoB;EACvB,IAAoC,SAAS,MAAM;CACtD;CAEA,OACE,oBAAC,aAAD;EAAkB;YAChB,oBAAC,4BAAD;GAA4B,GAAI;GAAO,SAAS;EAAc,CAAA;CACnD,CAAA;AAEjB;AAEA,MAAM,8BAAyE,EAC7E,mBACA,WACA,cACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,eAAe,OAAoB,IAAI;CAC7C,oBAAoB,YAAY;CAEhC,MAAM,sBAAsB;EAC1B,IAAI,mBAAmB;GACrB,cAAc,aAAa,kBAAkB,SAAS;IACpD,WAAW;IACX,SAAS;GACX,CAAC;GACD,YAAY,iBAAiB;GAC7B,QAAQ;GACR,aAAa;EACf;CACF;CAEA,OACE,qBAAC,4BAAD;EAA4B,KAAK;YAAjC;GACE,oBAAC,eAAD,EAAA,UACE,oBAAC,QAAD,EAAQ,IAAI,EAAE,UAAU,GAAG,EAAI,CAAA,EAClB,CAAA;GACf,oBAAC,YAAD,EAAA,UAAa,EAAE,mCAAmC,EAAc,CAAA;GAChE,qBAAC,uBAAD,EAAA,UAAA,CACG,mBAAmB,OAClB,oBAAC,YAAD;IACE,IAAI;KACF,YAAY;KACZ,IAAI;IACN;cAEC,mBAAmB;GACV,CAAA,IACV,MACJ,oBAAC,YAAD,EAAA,UAAa,mBAAmB,QAAoB,CAAA,CAC/B,EAAA,CAAA;GACvB,oBAAC,cAAD;IACE,UAAS;IACT,OACE,oBAAC,YAAD;KAAY,SAAQ;KAAQ,IAAI,EAAE,OAAO,eAAe;eACrD,EAAE,qCAAqC;IAC9B,CAAA;IAEd,MAAM,oBAAC,gBAAD,CAAiB,CAAA;IACvB,WAAA;GACD,CAAA;GACD,qBAAC,uBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAS,WAAA;cACtC,EAAE,eAAe;GACZ,CAAA,GACR,oBAAC,QAAD;IAAQ,SAAQ;IAAY,SAAS;IAAe,WAAA;cACjD,EAAE,gBAAgB;GACb,CAAA,CACa,EAAA,CAAA;EACG;;AAEhC"}

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 AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'\nimport ErrorIcon from '@mui/icons-material/Error'\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 { 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      topGutters\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?.accountDeployedMessage && <AccountDeployedMessage />}\n      </Box>\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n        <CardButton\n          title={t('header.recentWallets')}\n          icon={<AccountBalanceWalletIcon />}\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?.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 AccountBalanceWalletIcon from '@mui/icons-material/AccountBalanceWallet'\nimport ErrorIcon from '@mui/icons-material/Error'\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 { 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      topGutters\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?.accountDeployedMessage && <AccountDeployedMessage />}\n      </Box>\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n        <CardButton\n          title={t('header.recentWallets')}\n          icon={<AccountBalanceWalletIcon />}\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?.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAa,yBAAmC;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,0BAA0B,OAAwB,IAAI;CAC5D,MAAM,yBAAyB,OAAwB,IAAI;CAC3D,MAAM,EAAE,WAAW,kBAAkB,aAAa;CAClD,MAAM,EACJ,aACA,aACA,qBACA,qBACA,oBACE,mBAAmB;CACvB,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,CAAC,mBAAmB,wBAAwB,eAC1C,oBAAoB,CAAC,EAAE,WAAW,EAC1C;CACA,MAAM,CAAC,iBAAiB,sBAAsB,SAAmB;CACjE,MAAM,CAAC,cAAc,mBAAmB,SAAS,EAAE;CACnD,MAAM,EAAE,iBAAiB,iBAAiB,qBAAqB;CAC/D,MAAM,EAAE,wBAAwB,yBAAyB;CACzD,MAAM,CAAC,aAAa,eAAe,SAAS;CAC5C,MAAM,EAAE,OAAO,YAAY,SAAS,SAAS;CAC7C,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,KAAK;CACpE,MAAM,CAAC,yBAAyB,8BAA8B,SAAS,KAAK;CAC5E,MAAM,EAAE,SAAS,UAAU,eAAe,gBAAgB;CAE1D,MAAM,EAAE,aAAa,WAAW;CAChC,MAAM,mBAAmB,SAAS,QAAQ,YAAY,QAAQ,WAAW;CAEzE,UAAU,EAAE,qBAAqB,CAAC;CAElC,MAAM,qBAAqB,MAAmB;EAC5C,IAAI,cACF,gBAAgB,EAAE;EAEpB,IAAI,oBAAoB,GAAG;GACzB,cAAc,aAAa,IAAI,EAAE,WAAW,KAAK,CAAC;GAClD,oBAAoB;EACtB;EACA,qBAAsB,EAAE,OAA4B,MAAM,KAAK,CAAC;CAClE;CAEA,MAAM,aAAa,YAAY;EAC7B,IAAI,cACF;EAEF,IAAI,CAAC,mBAAmB;GACtB,gBAAgB,EAAE,mCAAmC,CAAC;GACtD;EACF;EACA,uBAAuB,IAAI;EAC3B,MAAM,mBAAmB,MAAM,gBAAgB;GAC7C,OAAO;GACP,WAAW;GACX,OAAO;EACT,CAAC;EACD,uBAAuB,KAAK;EAC5B,IAAI,CAAC,iBAAiB,SAAS;GAC7B,gBAAgB,iBAAiB,KAAK;GACtC;EACF;EAEA,IACE,uBACA,wBAAwB,iBAAiB,WACzC;GACA,gBACE,EAAE,sCAAsC,EACtC,WAAW,SAAS,KACtB,CAAC,CACH;GACA;EACF;EAEA,mBAAmB;GACjB,MACE,iBAAiB,gBAAA,IACb,oBACA,KAAA;GACN,SAAS,iBAAiB;GAC1B,WAAW,iBAAiB;EAC9B,CAAC;EACD,uBAAuB,SAAS,KAAK;CACvC;CAEA,MAAM,wBAAwB,YAAY;EACxC,IAAI,cACF;EAEF,IAAI,CAAC,mBAAmB;GACtB,gBAAgB,EAAE,mCAAmC,CAAC;GACtD;EACF;EAEA,MAAM,yBAAyB,YAAY,iBAAiB;EAC5D,IAAI,wBAAwB;GAC1B,gBACE,EAAE,qCAAqC,EACrC,MAAM,uBAAuB,KAC/B,CAAC,CACH;GACA;EACF;EACA,2BAA2B,IAAI;EAC/B,MAAM,mBAAmB,MAAM,gBAAgB,EAC7C,OAAO,kBACT,CAAC;EACD,2BAA2B,KAAK;EAEhC,IAAI,iBAAiB,SAAS;GAC5B,mBAAmB;IACjB,MACE,iBAAiB,gBAAA,IACb,oBACA,KAAA;IACN,SAAS,iBAAiB;IAC1B,WAAW,iBAAiB;GAC9B,CAAC;GACD,wBAAwB,SAAS,KAAK;EACxC,OACE,gBAAgB,iBAAiB,KAAK;CAE1C;CAEA,MAAM,iCAAiC;EACrC,SAAS,EAAE,IAAI,iBAAiB,cAAc,CAAC;CACjD;CAEA,MAAM,oCAAoC;EACxC,SAAS,EAAE,IAAI,iBAAiB,iBAAiB,CAAC;CACpD;CACA,MAAM,qCAAqC;EACzC,SAAS,EAAE,IAAI,iBAAiB,UAAU,CAAC;CAC7C;CAEA,MAAM,qBAAqB,aAAuB;EAChD,YAAY,QAAQ;EACpB,SAAS,EAAE,IAAI,iBAAiB,UAAU,CAAC;CAC7C;CAEA,MAAM,mBAAmB,oBAA8B;EACrD,oBAAoB,eAAe;EACnC,gBAAgB,eAAe;CACjC;CAEA,MAAM,cAAc,EAAE,6BAA6B,EACjD,SAAS,OACX,CAAC;CAED,OACE,qBAAC,mCAAD;EACE,YAAA;EACA,eAAA;EACA,kBAAkB,YAAY;YAHhC,CAKE,qBAAC,KAAD;GACE,IAAI;IACF,SAAS;IACT,eAAe;IACf,KAAK;IACL,cAAc;GAChB;aANF,CAQE,qBAAC,kBAAD;IAAkB,MAAM,eAAe,UAAU;cAAjD;KACE,oBAAC,cAAD;MACE,MAAK;MACL,cAAa;MACb,aAAY;MACZ,gBAAe;MACf,YAAW;MACX,UAAU;MACV,OAAO;MACM;MACb,cAAY;MACZ,SAAS;MACT,YAAY,EAAE,WAAW,IAAI;MAC7B,WAAA;KACD,CAAA;KACA,eACC,oBAAC,iBAAD;MAAiB,MAAM,oBAAC,WAAD,CAAY,CAAA;MAAG,IAAI;OAAE,IAAI;OAAG,UAAU;MAAE;gBAC5D;KACc,CAAA,IACf;KACJ,qBAAC,uBAAD;MAAuB,IAAI;OAAE,UAAU;OAAG,eAAe;MAAE;gBAA3D,CACE,oBAAC,gBAAD;OACE,SAAQ;OACR,SAAS;OACT,SAAS;OACT,iBAAgB;OAChB,IAAI,EAAE,UAAU,EAAE;iBAEjB,EAAE,aAAa;MACF,CAAA,GAChB,oBAAC,SAAD;OAAS,OAAO,EAAE,iBAAiB;iBACjC,oBAAC,wBAAD;QACE,SAAS;QACT,SAAS;QACT,iBAAgB;kBAEhB,oBAAC,UAAD,EAAU,UAAS,QAAS,CAAA;OACN,CAAA;MACjB,CAAA,CACY;;KACvB,oBAAC,qBAAD;MACE,KAAK;MACL,mBAAmB;MACnB,WAAW;KACZ,CAAA;KACD,oBAAC,sBAAD;MACE,KAAK;MACY;MACjB,eAAe;KAChB,CAAA;IACe;OACjB,YAAY,0BAA0B,oBAAC,wBAAD,CAAyB,CAAA,CAC7D;MACL,qBAAC,KAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,eAAe;IAAU,KAAK;GAAE;aAA5D;IACE,oBAAC,YAAD;KACE,OAAO,EAAE,sBAAsB;KAC/B,MAAM,oBAAC,0BAAD,CAA2B,CAAA;KACjC,SAAS;eAER,CAAC,CAAC,cAAc,UACf,oBAAC,YAAD;MACE,IAAI,EACF,OAAO,iBACT;gBAEC,cAAc;KACL,CAAA;IAEJ,CAAA;IACX,CAAC,UAAU,+BACV,oBAAC,YAAD;KACE,OAAO,EAAE,+BAA+B;KACxC,MAAM,oBAAC,QAAD,CAAS,CAAA;KACf,SAAS;eAER,CAAC,CAAC,iBAAiB,UAClB,oBAAC,YAAD;MACE,IAAI,EACF,OAAO,iBACT;gBAEC,iBAAiB;KACR,CAAA;IAEJ,CAAA;IAEd,oBAAC,YAAD;KACE,OAAO,EAAE,0BAA0B;KACnC,MAAM,oBAAC,UAAD,CAAW,CAAA;KACjB,SAAS;eAER,CAAC,CAAC,UAAU,UACX,oBAAC,YAAD;MACE,IAAI,EACF,OAAO,iBACT;gBAEC,UAAU;KACD,CAAA;IAEJ,CAAA;GACT;IAC4B;;AAEvC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SendToWalletPage.style.js","names":[],"sources":["../../../../src/pages/SendToWallet/SendToWalletPage.style.tsx"],"sourcesContent":["import {\n  Alert,\n  alertClasses,\n  Box,\n  inputBaseClasses,\n  styled,\n  Typography,\n} from '@mui/material'\nimport type React from 'react'\nimport { ButtonTertiary } from '../../components/ButtonTertiary.js'\nimport { InputCard } from '../../components/Card/InputCard.js'\nimport { Input } from '../../components/Input.js'\nimport type { PageContainerProps } from '../../components/PageContainer.js'\nimport { PageContainer } from '../../components/PageContainer.js'\n\nexport const AddressInput: React.FC<\n  React.ComponentProps<typeof Input> & PageContainerProps\n> = styled(Input)(({ theme }) => ({\n  padding: 0,\n  [`.${inputBaseClasses.input}`]: {\n    padding: theme.spacing(2),\n    minHeight: 48,\n  },\n}))\n\nexport const BookmarkInputFields: React.FC<\n  React.ComponentProps<typeof Box> & PageContainerProps\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  width: '100%',\n}))\n\ninterface FullHeightAdjustablePageContainerProps extends PageContainerProps {\n  enableFullHeight?: boolean\n}\n\nexport const FullHeightAdjustablePageContainer: React.FC<\n  React.ComponentProps<typeof PageContainer> &\n    FullHeightAdjustablePageContainerProps\n> = styled(PageContainer, {\n  shouldForwardProp: (prop) => prop !== 'enableFullHeight',\n})<FullHeightAdjustablePageContainerProps>(({ theme, enableFullHeight }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n  justifyContent: 'space-between',\n  ...(enableFullHeight && theme.container?.height === '100%'\n    ? {\n        height: '100%',\n      }\n    : {}),\n}))\n\nexport const SendToWalletCard: React.FC<\n  React.ComponentProps<typeof InputCard>\n> = styled(InputCard)({\n  display: 'flex',\n  flexDirection: 'column',\n})\n\nexport const SendToWalletSheetContainer: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  padding: theme.spacing(4, 3, 3),\n  gap: theme.spacing(2),\n}))\n\nexport const SendToWalletButtonRow: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    width: '100%',\n    gap: theme.spacing(1),\n  }))\n\nexport const SendToWalletIconButton: React.FC<\n  React.ComponentProps<typeof ButtonTertiary>\n> = styled(ButtonTertiary)(({ theme }) => ({\n  padding: theme.spacing(1.25),\n  minWidth: 40,\n}))\n\nexport const IconContainer: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  width: 80,\n  height: 80,\n  borderRadius: '50%',\n  color: theme.vars.palette.grey[800],\n  background: theme.vars.palette.grey[300],\n  ...theme.applyStyles('dark', {\n    color: theme.vars.palette.grey[300],\n    background: theme.vars.palette.grey[800],\n  }),\n}))\n\nexport const SheetTitle: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(() => ({\n    fontSize: 18,\n    fontWeight: 700,\n  }))\n\nexport const SheetAddressContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(() => ({\n    width: '100%',\n    wordWrap: 'break-word',\n  }))\n\nexport const BookmarkButtonContainer: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => ({\n  background: theme.vars.palette.background.default,\n  display: 'flex',\n  flexDirection: 'column',\n  flexShrink: 0,\n  padding: theme.spacing(2, 3, 3),\n  width: '100%',\n}))\n\nexport const ValidationAlert: React.FC<React.ComponentProps<typeof Alert>> =\n  styled(Alert)(({ theme }) => ({\n    backgroundColor: 'transparent',\n    padding: 0,\n    color: theme.vars.palette.text.primary,\n    [`.${alertClasses.icon}`]: {\n      padding: 0,\n      color: theme.vars.palette.error.main,\n    },\n    [`.${alertClasses.message}`]: { padding: theme.spacing(0.25, 0, 0, 0) },\n  }))\n"],"mappings":";;;;;;AAeA,MAAa,eAET,OAAO,KAAK,GAAG,EAAE,aAAa;CAChC,SAAS;EACR,IAAI,iBAAiB,UAAU;EAC9B,SAAS,MAAM,QAAQ,CAAC;EACxB,WAAW;CACb;AACF,EAAE;AAEF,MAAa,sBAET,OAAO,GAAG,GAAG,EAAE,aAAa;CAC9B,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,CAAC;CACpB,OAAO;AACT,EAAE;AAMF,MAAa,oCAGT,OAAO,eAAe,EACxB,oBAAoB,SAAS,SAAS,mBACxC,CAAC,GAA2C,EAAE,OAAO,wBAAwB;CAC3E,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,CAAC;CACpB,gBAAgB;CAChB,GAAI,oBAAoB,MAAM,WAAW,WAAW,SAChD,EACE,QAAQ,OACV,IACA,CAAC;AACP,EAAE;AAEF,MAAa,mBAET,OAAO,SAAS,EAAE;CACpB,SAAS;CACT,eAAe;AACjB,CAAC;AAED,MAAa,6BAET,OAAO,GAAG,GAAG,EAAE,aAAa;CAC9B,SAAS;CACT,eAAe;CACf,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,GAAG,CAAC;CAC9B,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,MAAa,wBACX,OAAO,GAAG,GAAG,EAAE,aAAa;CAC1B,SAAS;CACT,OAAO;CACP,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEJ,MAAa,yBAET,OAAO,cAAc,GAAG,EAAE,aAAa;CACzC,SAAS,MAAM,QAAQ,IAAI;CAC3B,UAAU;AACZ,EAAE;AAEF,MAAa,gBAA4D,OACvE,GACF,GAAG,EAAE,aAAa;CAChB,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,cAAc;CACd,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,YAAY,MAAM,KAAK,QAAQ,KAAK;CACpC,GAAG,MAAM,YAAY,QAAQ;EAC3B,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,YAAY,MAAM,KAAK,QAAQ,KAAK;CACtC,CAAC;AACH,EAAE;AAEF,MAAa,aACX,OAAO,UAAU,SAAS;CACxB,UAAU;CACV,YAAY;AACd,EAAE;AAEJ,MAAa,wBACX,OAAO,GAAG,SAAS;CACjB,OAAO;CACP,UAAU;AACZ,EAAE;AAEJ,MAAa,0BAET,OAAO,GAAG,GAAG,EAAE,aAAa;CAC9B,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,SAAS;CACT,eAAe;CACf,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,GAAG,CAAC;CAC9B,OAAO;AACT,EAAE;AAEF,MAAa,kBACX,OAAO,KAAK,GAAG,EAAE,aAAa;CAC5B,iBAAiB;CACjB,SAAS;CACT,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC9B,IAAI,aAAa,SAAS;EACzB,SAAS;EACT,OAAO,MAAM,KAAK,QAAQ,MAAM;CAClC;EACC,IAAI,aAAa,YAAY,EAAE,SAAS,MAAM,QAAQ,KAAM,GAAG,GAAG,CAAC,EAAE;AACxE,EAAE"}
+{"version":3,"file":"SendToWalletPage.style.js","names":[],"sources":["../../../../src/pages/SendToWallet/SendToWalletPage.style.tsx"],"sourcesContent":["import {\n  Alert,\n  alertClasses,\n  Box,\n  inputBaseClasses,\n  styled,\n  Typography,\n} from '@mui/material'\nimport type React from 'react'\nimport { ButtonTertiary } from '../../components/ButtonTertiary.js'\nimport { InputCard } from '../../components/Card/InputCard.js'\nimport { Input } from '../../components/Input.js'\nimport type { PageContainerProps } from '../../components/PageContainer.js'\nimport { PageContainer } from '../../components/PageContainer.js'\n\nexport const AddressInput: React.FC<\n  React.ComponentProps<typeof Input> & PageContainerProps\n> = styled(Input)(({ theme }) => ({\n  padding: 0,\n  [`.${inputBaseClasses.input}`]: {\n    padding: theme.spacing(2),\n    minHeight: 48,\n  },\n}))\n\nexport const BookmarkInputFields: React.FC<\n  React.ComponentProps<typeof Box> & PageContainerProps\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  width: '100%',\n}))\n\ninterface FullHeightAdjustablePageContainerProps extends PageContainerProps {\n  enableFullHeight?: boolean\n}\n\nexport const FullHeightAdjustablePageContainer: React.FC<\n  React.ComponentProps<typeof PageContainer> &\n    FullHeightAdjustablePageContainerProps\n> = styled(PageContainer, {\n  shouldForwardProp: (prop) => prop !== 'enableFullHeight',\n})<FullHeightAdjustablePageContainerProps>(({ theme, enableFullHeight }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n  justifyContent: 'space-between',\n  ...(enableFullHeight && theme.container?.height === '100%'\n    ? {\n        height: '100%',\n      }\n    : {}),\n}))\n\nexport const SendToWalletCard: React.FC<\n  React.ComponentProps<typeof InputCard>\n> = styled(InputCard)({\n  display: 'flex',\n  flexDirection: 'column',\n})\n\nexport const SendToWalletSheetContainer: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'center',\n  padding: theme.spacing(4, 3, 3),\n  gap: theme.spacing(2),\n}))\n\nexport const SendToWalletButtonRow: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    display: 'flex',\n    width: '100%',\n    gap: theme.spacing(1),\n  }))\n\nexport const SendToWalletIconButton: React.FC<\n  React.ComponentProps<typeof ButtonTertiary>\n> = styled(ButtonTertiary)(({ theme }) => ({\n  padding: theme.spacing(1.25),\n  minWidth: 40,\n}))\n\nexport const IconContainer: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  width: 80,\n  height: 80,\n  borderRadius: '50%',\n  color: theme.vars.palette.grey[800],\n  background: theme.vars.palette.grey[300],\n  ...theme.applyStyles('dark', {\n    color: theme.vars.palette.grey[300],\n    background: theme.vars.palette.grey[800],\n  }),\n}))\n\nexport const SheetTitle: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(() => ({\n    fontSize: 18,\n    fontWeight: 700,\n  }))\n\nexport const SheetAddressContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(() => ({\n    width: '100%',\n    wordWrap: 'break-word',\n  }))\n\nexport const BookmarkButtonContainer: React.FC<\n  React.ComponentProps<typeof Box>\n> = styled(Box)(({ theme }) => ({\n  background: theme.vars.palette.background.default,\n  display: 'flex',\n  flexDirection: 'column',\n  flexShrink: 0,\n  padding: theme.spacing(2, 3, 3),\n  width: '100%',\n}))\n\nexport const ValidationAlert: React.FC<React.ComponentProps<typeof Alert>> =\n  styled(Alert)(({ theme }) => ({\n    backgroundColor: 'transparent',\n    padding: 0,\n    color: theme.vars.palette.text.primary,\n    [`.${alertClasses.icon}`]: {\n      padding: 0,\n      color: theme.vars.palette.error.main,\n    },\n    [`.${alertClasses.message}`]: { padding: theme.spacing(0.25, 0, 0, 0) },\n  }))\n"],"mappings":";;;;;;AAeA,MAAa,eAET,OAAO,KAAK,CAAC,EAAE,EAAE,aAAa;CAChC,SAAS;EACR,IAAI,iBAAiB,UAAU;EAC9B,SAAS,MAAM,QAAQ,CAAC;EACxB,WAAW;CACb;AACF,EAAE;AAEF,MAAa,sBAET,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC9B,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,CAAC;CACpB,OAAO;AACT,EAAE;AAMF,MAAa,oCAGT,OAAO,eAAe,EACxB,oBAAoB,SAAS,SAAS,mBACxC,CAAC,CAAC,EAA0C,EAAE,OAAO,wBAAwB;CAC3E,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,CAAC;CACpB,gBAAgB;CAChB,GAAI,oBAAoB,MAAM,WAAW,WAAW,SAChD,EACE,QAAQ,OACV,IACA,CAAC;AACP,EAAE;AAEF,MAAa,mBAET,OAAO,SAAS,CAAC,CAAC;CACpB,SAAS;CACT,eAAe;AACjB,CAAC;AAED,MAAa,6BAET,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC9B,SAAS;CACT,eAAe;CACf,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,GAAG,CAAC;CAC9B,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,MAAa,wBACX,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC1B,SAAS;CACT,OAAO;CACP,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEJ,MAAa,yBAET,OAAO,cAAc,CAAC,EAAE,EAAE,aAAa;CACzC,SAAS,MAAM,QAAQ,IAAI;CAC3B,UAAU;AACZ,EAAE;AAEF,MAAa,gBAA4D,OACvE,GACF,CAAC,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,OAAO;CACP,QAAQ;CACR,cAAc;CACd,OAAO,MAAM,KAAK,QAAQ,KAAK;CAC/B,YAAY,MAAM,KAAK,QAAQ,KAAK;CACpC,GAAG,MAAM,YAAY,QAAQ;EAC3B,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC/B,YAAY,MAAM,KAAK,QAAQ,KAAK;CACtC,CAAC;AACH,EAAE;AAEF,MAAa,aACX,OAAO,UAAU,CAAC,QAAQ;CACxB,UAAU;CACV,YAAY;AACd,EAAE;AAEJ,MAAa,wBACX,OAAO,GAAG,CAAC,QAAQ;CACjB,OAAO;CACP,UAAU;AACZ,EAAE;AAEJ,MAAa,0BAET,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC9B,YAAY,MAAM,KAAK,QAAQ,WAAW;CAC1C,SAAS;CACT,eAAe;CACf,YAAY;CACZ,SAAS,MAAM,QAAQ,GAAG,GAAG,CAAC;CAC9B,OAAO;AACT,EAAE;AAEF,MAAa,kBACX,OAAO,KAAK,CAAC,EAAE,EAAE,aAAa;CAC5B,iBAAiB;CACjB,SAAS;CACT,OAAO,MAAM,KAAK,QAAQ,KAAK;EAC9B,IAAI,aAAa,SAAS;EACzB,SAAS;EACT,OAAO,MAAM,KAAK,QAAQ,MAAM;CAClC;EACC,IAAI,aAAa,YAAY,EAAE,SAAS,MAAM,QAAQ,KAAM,GAAG,GAAG,CAAC,EAAE;AACxE,EAAE"}

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 { 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?.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":";;;;;;;;;;;;AAWA,MAAM,iBAAiB;CACrB,SAAS;CACT,WAAW;AACb;AAEA,MAAa,6BAEP,EAAE,WAAW;CACjB,MAAM,EAAE,kBAAkB,uBAAuB,kBAAkB;CACnE,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,CAAC,cAAc,SAAS,kBAAkB,UAAU;EACxD,MAAM,eAAe,OAAO,OAAO,MAAM,WAAW,OAAO;EAC3D,OAAO,CAAC,aAAa,OAAO,OAAO,EAAE,QAAQ,aAAa,MAAM;CAClE,CAAC;CAED,MAAM,EAAE,aAAa,gBAAgB;CAErC,IAAI,SAAS,aAAa,UAAU,iBAClC,OAAO;CAGT,MAAM,sBAAsB;EAC1B,SAAS;EACT,WAAW;CACb;CAEA,MAAM,oBAAoB;EACxB,SAAS,EACP,IAAI,iBAAiB,KAAK,YAAY,GACxC,CAAC;CACH;CAEA,MAAM,OAAO,eAAe;CAE5B,OACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,MAAD,CAAO,CAAA;EACb,OAAO,EAAE,mBAAmB,MAAM;YAElC,oBAAC,aAAD;GACE,YAAW;GACX,WAAW,oBAAoB;aAC/B,GAAG,aAAa,GAAG;EAAqB,CAAA;CAChC,CAAA;AAEhB"}
+{"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 { 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?.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":";;;;;;;;;;;;AAWA,MAAM,iBAAiB;CACrB,SAAS;CACT,WAAW;AACb;AAEA,MAAa,6BAEP,EAAE,WAAW;CACjB,MAAM,EAAE,kBAAkB,uBAAuB,kBAAkB;CACnE,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,CAAC,cAAc,SAAS,kBAAkB,UAAU;EACxD,MAAM,eAAe,OAAO,OAAO,MAAM,WAAW,OAAO;EAC3D,OAAO,CAAC,aAAa,OAAO,OAAO,CAAC,CAAC,QAAQ,aAAa,MAAM;CAClE,CAAC;CAED,MAAM,EAAE,aAAa,gBAAgB;CAErC,IAAI,SAAS,aAAa,UAAU,iBAClC,OAAO;CAGT,MAAM,sBAAsB;EAC1B,SAAS;EACT,WAAW;CACb;CAEA,MAAM,oBAAoB;EACxB,SAAS,EACP,IAAI,iBAAiB,KAAK,YAAY,GACxC,CAAC;CACH;CAEA,MAAM,OAAO,eAAe;CAE5B,OACE,oBAAC,YAAD;EACE,SAAS;EACT,MAAM,oBAAC,MAAD,CAAO,CAAA;EACb,OAAO,EAAE,mBAAmB,MAAM;YAElC,oBAAC,aAAD;GACE,YAAW;GACX,WAAW,oBAAoB;aAC/B,GAAG,aAAa,GAAG;EAAqB,CAAA;CAChC,CAAA;AAEhB"}

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

@@ -1,7 +1,7 @@
 import { useSettingsActions } from "../../stores/settings/useSettingsActions.js";
 import { useSettings } from "../../stores/settings/useSettings.js";
-import { useSettingMonitor } from "../../hooks/useSettingMonitor.js";
 import { CardTabs, Tab } from "../../components/Tabs/Tabs.style.js";
+import { useSettingMonitor } from "../../hooks/useSettingMonitor.js";
 import { BadgedValue } from "./SettingsCard/BadgedValue.js";
 import { SettingCardExpandable } from "./SettingsCard/SettingCardExpandable.js";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"ResetSettingsButton.style.js","names":[],"sources":["../../../../src/pages/SettingsPage/ResetSettingsButton.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const ResetButtonContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    background: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    borderRadius: '16px',\n    padding: '16px',\n    svg: {\n      fill: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 40%, transparent)`,\n    },\n  }))\n"],"mappings":";;AAGA,MAAa,uBACX,OAAO,GAAG,GAAG,EAAE,aAAa;CAC1B,YAAY,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;CACzE,cAAc;CACd,SAAS;CACT,KAAK,EACH,MAAM,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,oBACrE;AACF,EAAE"}
+{"version":3,"file":"ResetSettingsButton.style.js","names":[],"sources":["../../../../src/pages/SettingsPage/ResetSettingsButton.style.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const ResetButtonContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    background: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 4%, transparent)`,\n    borderRadius: '16px',\n    padding: '16px',\n    svg: {\n      fill: `color-mix(in srgb, ${theme.vars.palette.common.onBackground} 40%, transparent)`,\n    },\n  }))\n"],"mappings":";;AAGA,MAAa,uBACX,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa;CAC1B,YAAY,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa;CACzE,cAAc;CACd,SAAS;CACT,KAAK,EACH,MAAM,sBAAsB,MAAM,KAAK,QAAQ,OAAO,aAAa,oBACrE;AACF,EAAE"}

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

@@ -1,7 +1,7 @@
 import { useSettingsActions } from "../../stores/settings/useSettingsActions.js";
 import { useSettings } from "../../stores/settings/useSettings.js";
-import { useSettingMonitor } from "../../hooks/useSettingMonitor.js";
 import { CardTabs, Tab } from "../../components/Tabs/Tabs.style.js";
+import { useSettingMonitor } from "../../hooks/useSettingMonitor.js";
 import { BadgedValue } from "./SettingsCard/BadgedValue.js";
 import { SettingCardExpandable } from "./SettingsCard/SettingCardExpandable.js";
 import { jsx } from "react/jsx-runtime";

package/dist/esm/pages/SettingsPage/SettingsCard/SettingCard.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingCard.style.js","names":["Badge","MuiBadge"],"sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"sourcesContent":["import { Box, badgeClasses, Badge as MuiBadge, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const SettingsList: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n}))\n\nexport const Badge: React.FC<React.ComponentProps<typeof MuiBadge>> = styled(\n  MuiBadge\n)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.25),\n  [`.${badgeClasses.badge}`]: {\n    width: 10,\n    height: 10,\n    // the following removes MUI styling so we can position the badge with flex\n    position: 'relative',\n    transform: 'translateX(0)',\n    borderRadius: '50%',\n  },\n}))\n"],"mappings":";;AAGA,MAAa,eAA2D,OACtE,GACF,GAAG,EAAE,aAAa;CAChB,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,MAAaA,UAAyD,OACpEC,KACF,GAAG,EAAE,aAAa;CAChB,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,IAAI;EACtB,IAAI,aAAa,UAAU;EAC1B,OAAO;EACP,QAAQ;EAER,UAAU;EACV,WAAW;EACX,cAAc;CAChB;AACF,EAAE"}
+{"version":3,"file":"SettingCard.style.js","names":["Badge","MuiBadge"],"sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingCard.style.tsx"],"sourcesContent":["import { Box, badgeClasses, Badge as MuiBadge, styled } from '@mui/material'\nimport type React from 'react'\n\nexport const SettingsList: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n}))\n\nexport const Badge: React.FC<React.ComponentProps<typeof MuiBadge>> = styled(\n  MuiBadge\n)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1.25),\n  [`.${badgeClasses.badge}`]: {\n    width: 10,\n    height: 10,\n    // the following removes MUI styling so we can position the badge with flex\n    position: 'relative',\n    transform: 'translateX(0)',\n    borderRadius: '50%',\n  },\n}))\n"],"mappings":";;AAGA,MAAa,eAA2D,OACtE,GACF,CAAC,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,eAAe;CACf,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,MAAaA,UAAyD,OACpEC,KACF,CAAC,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,YAAY;CACZ,KAAK,MAAM,QAAQ,IAAI;EACtB,IAAI,aAAa,UAAU;EAC1B,OAAO;EACP,QAAQ;EAER,UAAU;EACV,WAAW;EACX,cAAc;CAChB;AACF,EAAE"}

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

@@ -1,11 +1,11 @@
 import { Card as Card$1 } from "../../../components/Card/Card.js";
 import { CardRowButton, CardTitleContainer, CardValue } from "../../../components/Card/CardButton.style.js";
 import { useSettingsCardExpandable } from "./SettingsAccordian.js";
-import { forwardRef, useId, useImperativeHandle, useRef } from "react";
+import { useId, useImperativeHandle, useRef } from "react";
 import { Collapse } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/pages/SettingsPage/SettingsCard/SettingCardExpandable.tsx
-const SettingCardExpandable = forwardRef(({ icon, title, value, children, disabled, keepValueVisible, onEntered }, ref) => {
+const SettingCardExpandable = ({ icon, title, value, children, disabled, keepValueVisible, onEntered, ref }) => {
 	const { expanded, toggleExpanded } = useSettingsCardExpandable();
 	const buttonId = useId();
 	const collapseId = useId();
@@ -40,7 +40,7 @@ const SettingCardExpandable = forwardRef(({ icon, title, value, children, disabl
 			children
 		})]
 	});
-});
+};
 //#endregion
 export { SettingCardExpandable };
 

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

@@ -1 +1 @@
-{"version":3,"file":"SettingCardExpandable.js","names":["Card"],"sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingCardExpandable.tsx"],"sourcesContent":["import { Collapse } from '@mui/material'\nimport type { PropsWithChildren, ReactNode } from 'react'\nimport {\n  type ForwardRefExoticComponent,\n  forwardRef,\n  type RefAttributes,\n  useId,\n  useImperativeHandle,\n  useRef,\n} from 'react'\nimport { Card } from '../../../components/Card/Card.js'\nimport {\n  CardRowButton,\n  CardTitleContainer,\n  CardValue,\n} from '../../../components/Card/CardButton.style.js'\nimport { useSettingsCardExpandable } from './SettingsAccordian.js'\nimport type { SettingCardTitle } from './types.js'\n\ninterface SettingCardExpandableProps extends SettingCardTitle {\n  value: ReactNode\n  disabled?: boolean\n  keepValueVisible?: boolean\n  onEntered?: () => void\n}\n\nexport interface SettingCardExpandableRef {\n  element: HTMLButtonElement | null\n  isExpanded: boolean\n  toggleExpanded: (forceExpanded?: boolean) => void\n}\n\nexport const SettingCardExpandable: ForwardRefExoticComponent<\n  PropsWithChildren<SettingCardExpandableProps> &\n    RefAttributes<SettingCardExpandableRef>\n> = forwardRef<\n  SettingCardExpandableRef,\n  PropsWithChildren<SettingCardExpandableProps>\n>(\n  (\n    { icon, title, value, children, disabled, keepValueVisible, onEntered },\n    ref\n  ) => {\n    const { expanded, toggleExpanded } = useSettingsCardExpandable()\n    const buttonId = useId()\n    const collapseId = useId()\n    const buttonRef = useRef<HTMLButtonElement>(null)\n\n    useImperativeHandle(\n      ref,\n      () => ({\n        element: buttonRef.current,\n        isExpanded: expanded,\n        toggleExpanded,\n      }),\n      [expanded, toggleExpanded]\n    )\n\n    return (\n      <Card sx={{ p: 1 }}>\n        <CardRowButton\n          ref={buttonRef}\n          id={buttonId}\n          aria-expanded={expanded}\n          aria-controls={collapseId}\n          onClick={disabled ? undefined : () => toggleExpanded()}\n          disableRipple\n          sx={{ p: 1, cursor: disabled ? 'default' : 'pointer' }}\n        >\n          <CardTitleContainer>\n            {icon}\n            <CardValue>{title}</CardValue>\n          </CardTitleContainer>\n          {(!expanded || keepValueVisible) && value}\n        </CardRowButton>\n        <Collapse\n          id={collapseId}\n          role=\"region\"\n          aria-labelledby={buttonId}\n          in={expanded}\n          mountOnEnter\n          unmountOnExit\n          onEntered={onEntered}\n        >\n          {children}\n        </Collapse>\n      </Card>\n    )\n  }\n)\n"],"mappings":";;;;;;;AAgCA,MAAa,wBAGT,YAKA,EAAE,MAAM,OAAO,OAAO,UAAU,UAAU,kBAAkB,aAC5D,QACG;CACH,MAAM,EAAE,UAAU,mBAAmB,0BAA0B;CAC/D,MAAM,WAAW,MAAM;CACvB,MAAM,aAAa,MAAM;CACzB,MAAM,YAAY,OAA0B,IAAI;CAEhD,oBACE,YACO;EACL,SAAS,UAAU;EACnB,YAAY;EACZ;CACF,IACA,CAAC,UAAU,cAAc,CAC3B;CAEA,OACE,qBAACA,QAAD;EAAM,IAAI,EAAE,GAAG,EAAE;YAAjB,CACE,qBAAC,eAAD;GACE,KAAK;GACL,IAAI;GACJ,iBAAe;GACf,iBAAe;GACf,SAAS,WAAW,KAAA,UAAkB,eAAe;GACrD,eAAA;GACA,IAAI;IAAE,GAAG;IAAG,QAAQ,WAAW,YAAY;GAAU;aAPvD,CASE,qBAAC,oBAAD,EAAA,UAAA,CACG,MACD,oBAAC,WAAD,EAAA,UAAY,MAAiB,CAAA,CACX,EAAA,CAAA,IAClB,CAAC,YAAY,qBAAqB,KACvB;MACf,oBAAC,UAAD;GACE,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,IAAI;GACJ,cAAA;GACA,eAAA;GACW;GAEV;EACO,CAAA,CACN;;AAEV,CACF"}
+{"version":3,"file":"SettingCardExpandable.js","names":["Card"],"sources":["../../../../../src/pages/SettingsPage/SettingsCard/SettingCardExpandable.tsx"],"sourcesContent":["import { Collapse } from '@mui/material'\nimport type { JSX, PropsWithChildren, ReactNode, Ref } from 'react'\nimport { useId, useImperativeHandle, useRef } from 'react'\nimport { Card } from '../../../components/Card/Card.js'\nimport {\n  CardRowButton,\n  CardTitleContainer,\n  CardValue,\n} from '../../../components/Card/CardButton.style.js'\nimport { useSettingsCardExpandable } from './SettingsAccordian.js'\nimport type { SettingCardTitle } from './types.js'\n\ninterface SettingCardExpandableProps extends SettingCardTitle {\n  value: ReactNode\n  disabled?: boolean\n  keepValueVisible?: boolean\n  onEntered?: () => void\n}\n\nexport interface SettingCardExpandableRef {\n  element: HTMLButtonElement | null\n  isExpanded: boolean\n  toggleExpanded: (forceExpanded?: boolean) => void\n}\n\nexport const SettingCardExpandable = ({\n  icon,\n  title,\n  value,\n  children,\n  disabled,\n  keepValueVisible,\n  onEntered,\n  ref,\n}: PropsWithChildren<SettingCardExpandableProps> & {\n  ref?: Ref<SettingCardExpandableRef>\n}): JSX.Element => {\n  const { expanded, toggleExpanded } = useSettingsCardExpandable()\n  const buttonId = useId()\n  const collapseId = useId()\n  const buttonRef = useRef<HTMLButtonElement>(null)\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      element: buttonRef.current,\n      isExpanded: expanded,\n      toggleExpanded,\n    }),\n    [expanded, toggleExpanded]\n  )\n\n  return (\n    <Card sx={{ p: 1 }}>\n      <CardRowButton\n        ref={buttonRef}\n        id={buttonId}\n        aria-expanded={expanded}\n        aria-controls={collapseId}\n        onClick={disabled ? undefined : () => toggleExpanded()}\n        disableRipple\n        sx={{ p: 1, cursor: disabled ? 'default' : 'pointer' }}\n      >\n        <CardTitleContainer>\n          {icon}\n          <CardValue>{title}</CardValue>\n        </CardTitleContainer>\n        {(!expanded || keepValueVisible) && value}\n      </CardRowButton>\n      <Collapse\n        id={collapseId}\n        role=\"region\"\n        aria-labelledby={buttonId}\n        in={expanded}\n        mountOnEnter\n        unmountOnExit\n        onEntered={onEntered}\n      >\n        {children}\n      </Collapse>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;AAyBA,MAAa,yBAAyB,EACpC,MACA,OACA,OACA,UACA,UACA,kBACA,WACA,UAGiB;CACjB,MAAM,EAAE,UAAU,mBAAmB,0BAA0B;CAC/D,MAAM,WAAW,MAAM;CACvB,MAAM,aAAa,MAAM;CACzB,MAAM,YAAY,OAA0B,IAAI;CAEhD,oBACE,YACO;EACL,SAAS,UAAU;EACnB,YAAY;EACZ;CACF,IACA,CAAC,UAAU,cAAc,CAC3B;CAEA,OACE,qBAACA,QAAD;EAAM,IAAI,EAAE,GAAG,EAAE;YAAjB,CACE,qBAAC,eAAD;GACE,KAAK;GACL,IAAI;GACJ,iBAAe;GACf,iBAAe;GACf,SAAS,WAAW,KAAA,UAAkB,eAAe;GACrD,eAAA;GACA,IAAI;IAAE,GAAG;IAAG,QAAQ,WAAW,YAAY;GAAU;aAPvD,CASE,qBAAC,oBAAD,EAAA,UAAA,CACG,MACD,oBAAC,WAAD,EAAA,UAAY,MAAiB,CAAA,CACX,EAAA,CAAA,IAClB,CAAC,YAAY,qBAAqB,KACvB;MACf,oBAAC,UAAD;GACE,IAAI;GACJ,MAAK;GACL,mBAAiB;GACjB,IAAI;GACJ,cAAA;GACA,eAAA;GACW;GAEV;EACO,CAAA,CACN;;AAEV"}

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

@@ -1,4 +1,4 @@
-import { createContext, useContext, useEffect, useId, useState } from "react";
+import { createContext, use, useEffect, useId, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/pages/SettingsPage/SettingsCard/SettingsAccordian.tsx
 const SettingsAccordionContext = createContext({
@@ -7,7 +7,7 @@ const SettingsAccordionContext = createContext({
 });
 const SettingsCardAccordion = ({ children }) => {
 	const [openCard, setOpenCard] = useState("");
-	return /* @__PURE__ */ jsx(SettingsAccordionContext.Provider, {
+	return /* @__PURE__ */ jsx(SettingsAccordionContext, {
 		value: {
 			openCard,
 			setOpenCard
@@ -18,7 +18,7 @@ const SettingsCardAccordion = ({ children }) => {
 const useSettingsCardExpandable = () => {
 	const settingCardExpandableId = useId();
 	const [expanded, setExpanded] = useState(false);
-	const { openCard, setOpenCard } = useContext(SettingsAccordionContext);
+	const { openCard, setOpenCard } = use(SettingsAccordionContext);
 	const toggleExpanded = (forceExpanded) => {
 		const newExpanded = forceExpanded ?? !expanded;
 		setExpanded(newExpanded);