@lifi/widget 4.0.0 → 4.2.0

package/dist/esm/pages/TransactionPage/TokenValueBottomSheet.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenValueBottomSheet.style.js","names":[],"sources":["../../../../src/pages/TransactionPage/TokenValueBottomSheet.style.tsx"],"sourcesContent":["import { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const CenterContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(() => ({\n    display: 'grid',\n    placeItems: 'center',\n    position: 'relative',\n  }))\n\nexport const ContentContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    padding: theme.spacing(3),\n  }))\n\nexport const WarningTitle: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    fontSize: 18,\n    fontWeight: 700,\n  }))\n\nexport const WarningMessage: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    marginBottom: theme.spacing(2.5),\n    fontSize: 14,\n    fontWeight: 500,\n  }))\n\nexport const DetailRow: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  paddingTop: theme.spacing(0.75),\n  paddingBottom: theme.spacing(0.75),\n}))\n\nexport const DetailLabel: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    fontSize: 14,\n    fontWeight: 500,\n    color: theme.vars.palette.text.secondary,\n  }))\n\nexport const DetailValue: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)({\n    fontSize: 14,\n    fontWeight: 700,\n  })\n\nexport const ButtonRow: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  marginTop: theme.spacing(3),\n  gap: theme.spacing(1.5),\n}))\n"],"mappings":";;AAGA,MAAa,kBACX,OAAO,GAAG,SAAS;CACjB,SAAS;CACT,YAAY;CACZ,UAAU;AACZ,EAAE;AAEJ,MAAa,mBACX,OAAO,GAAG,GAAG,EAAE,aAAa,EAC1B,SAAS,MAAM,QAAQ,CAAC,EAC1B,EAAE;AAEJ,MAAa,eACX,OAAO,UAAU,GAAG,EAAE,aAAa;CACjC,YAAY,MAAM,QAAQ,CAAC;CAC3B,eAAe,MAAM,QAAQ,CAAC;CAC9B,UAAU;CACV,YAAY;AACd,EAAE;AAEJ,MAAa,iBACX,OAAO,UAAU,GAAG,EAAE,aAAa;CACjC,cAAc,MAAM,QAAQ,GAAG;CAC/B,UAAU;CACV,YAAY;AACd,EAAE;AAEJ,MAAa,YAAwD,OACnE,GACF,GAAG,EAAE,aAAa;CAChB,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,YAAY,MAAM,QAAQ,GAAI;CAC9B,eAAe,MAAM,QAAQ,GAAI;AACnC,EAAE;AAEF,MAAa,cACX,OAAO,UAAU,GAAG,EAAE,aAAa;CACjC,UAAU;CACV,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;AACjC,EAAE;AAEJ,MAAa,cACX,OAAO,UAAU,EAAE;CACjB,UAAU;CACV,YAAY;AACd,CAAC;AAEH,MAAa,YAAwD,OACnE,GACF,GAAG,EAAE,aAAa;CAChB,SAAS;CACT,WAAW,MAAM,QAAQ,CAAC;CAC1B,KAAK,MAAM,QAAQ,GAAG;AACxB,EAAE"}
+{"version":3,"file":"TokenValueBottomSheet.style.js","names":[],"sources":["../../../../src/pages/TransactionPage/TokenValueBottomSheet.style.tsx"],"sourcesContent":["import { Box, styled, Typography } from '@mui/material'\nimport type React from 'react'\n\nexport const CenterContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(() => ({\n    display: 'grid',\n    placeItems: 'center',\n    position: 'relative',\n  }))\n\nexport const ContentContainer: React.FC<React.ComponentProps<typeof Box>> =\n  styled(Box)(({ theme }) => ({\n    padding: theme.spacing(3),\n  }))\n\nexport const WarningTitle: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    paddingTop: theme.spacing(1),\n    paddingBottom: theme.spacing(1),\n    fontSize: 18,\n    fontWeight: 700,\n  }))\n\nexport const WarningMessage: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    marginBottom: theme.spacing(2.5),\n    fontSize: 14,\n    fontWeight: 500,\n  }))\n\nexport const DetailRow: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'center',\n  paddingTop: theme.spacing(0.75),\n  paddingBottom: theme.spacing(0.75),\n}))\n\nexport const DetailLabel: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)(({ theme }) => ({\n    fontSize: 14,\n    fontWeight: 500,\n    color: theme.vars.palette.text.secondary,\n  }))\n\nexport const DetailValue: React.FC<React.ComponentProps<typeof Typography>> =\n  styled(Typography)({\n    fontSize: 14,\n    fontWeight: 700,\n  })\n\nexport const ButtonRow: React.FC<React.ComponentProps<typeof Box>> = styled(\n  Box\n)(({ theme }) => ({\n  display: 'flex',\n  marginTop: theme.spacing(3),\n  gap: theme.spacing(1.5),\n}))\n"],"mappings":";;AAGA,MAAa,kBACX,OAAO,GAAG,CAAC,QAAQ;CACjB,SAAS;CACT,YAAY;CACZ,UAAU;AACZ,EAAE;AAEJ,MAAa,mBACX,OAAO,GAAG,CAAC,EAAE,EAAE,aAAa,EAC1B,SAAS,MAAM,QAAQ,CAAC,EAC1B,EAAE;AAEJ,MAAa,eACX,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACjC,YAAY,MAAM,QAAQ,CAAC;CAC3B,eAAe,MAAM,QAAQ,CAAC;CAC9B,UAAU;CACV,YAAY;AACd,EAAE;AAEJ,MAAa,iBACX,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACjC,cAAc,MAAM,QAAQ,GAAG;CAC/B,UAAU;CACV,YAAY;AACd,EAAE;AAEJ,MAAa,YAAwD,OACnE,GACF,CAAC,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,gBAAgB;CAChB,YAAY;CACZ,YAAY,MAAM,QAAQ,GAAI;CAC9B,eAAe,MAAM,QAAQ,GAAI;AACnC,EAAE;AAEF,MAAa,cACX,OAAO,UAAU,CAAC,EAAE,EAAE,aAAa;CACjC,UAAU;CACV,YAAY;CACZ,OAAO,MAAM,KAAK,QAAQ,KAAK;AACjC,EAAE;AAEJ,MAAa,cACX,OAAO,UAAU,CAAC,CAAC;CACjB,UAAU;CACV,YAAY;AACd,CAAC;AAEH,MAAa,YAAwD,OACnE,GACF,CAAC,EAAE,EAAE,aAAa;CAChB,SAAS;CACT,WAAW,MAAM,QAAQ,CAAC;CAC1B,KAAK,MAAM,QAAQ,GAAG;AACxB,EAAE"}

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

@@ -11,7 +11,7 @@ import { ExecutionDoneCard } from "./ExecutionDoneCard.js";
 import { TransactionDoneButtons } from "./TransactionDoneButtons.js";
 import { TransactionFailedButtons } from "./TransactionFailedButtons.js";
 import { Box } from "@mui/material";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { LazyMotion, MotionConfig, domMax } from "motion/react";
 //#region src/pages/TransactionPage/TransactionExecutionContent.tsx
 /**
@@ -34,40 +34,36 @@ const TransactionExecutionContent = ({ route, status, restartRoute, deleteRoute
 					flexDirection: "column",
 					gap: 2
 				},
-				children: [
-					/* @__PURE__ */ jsx(ExecutionStatusCard, {
-						title,
-						description: message,
-						rows: useExecutionRows(route, isDone ? route.toAddress : void 0),
-						iconSlot: mode === "custom" && isDone && !!(contractCompactComponent || contractSecondaryComponent) ? contractCompactComponent || contractSecondaryComponent : /* @__PURE__ */ jsx(StatusIcon, {
-							route,
-							status
-						}),
-						footerSlot: isDone ? /* @__PURE__ */ jsx(ExecutionDoneCard, {
-							route,
-							status
-						}) : /* @__PURE__ */ jsx(Card$1, {
-							type: "default",
-							indented: true,
-							children: /* @__PURE__ */ jsx(RouteTokens, {
-								route,
-								defaultExpanded: defaultUI?.transactionDetailsExpanded
-							})
-						})
-					}),
-					/* @__PURE__ */ jsx(WarningMessages, {
+				children: [/* @__PURE__ */ jsx(ExecutionStatusCard, {
+					title,
+					description: message,
+					rows: useExecutionRows(route, isDone ? route.toAddress : void 0),
+					iconSlot: mode === "custom" && isDone && !!(contractCompactComponent || contractSecondaryComponent) ? contractCompactComponent || contractSecondaryComponent : /* @__PURE__ */ jsx(StatusIcon, {
 						route,
-						allowInteraction: true
+						status
 					}),
-					status === 8 ? /* @__PURE__ */ jsx(TransactionFailedButtons, {
-						route,
-						restartRoute,
-						deleteRoute
-					}) : isDone ? /* @__PURE__ */ jsx(TransactionDoneButtons, {
+					footerSlot: isDone ? /* @__PURE__ */ jsx(ExecutionDoneCard, {
 						route,
 						status
-					}) : null
-				]
+					}) : /* @__PURE__ */ jsx(Card$1, {
+						type: "default",
+						indented: true,
+						children: /* @__PURE__ */ jsx(RouteTokens, {
+							route,
+							defaultExpanded: defaultUI?.transactionDetailsExpanded
+						})
+					})
+				}), status === 8 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WarningMessages, {
+					route,
+					allowInteraction: true
+				}), /* @__PURE__ */ jsx(TransactionFailedButtons, {
+					route,
+					restartRoute,
+					deleteRoute
+				})] }) : isDone ? /* @__PURE__ */ jsx(TransactionDoneButtons, {
+					route,
+					status
+				}) : null]
 			})
 		})
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"TransactionExecutionContent.js","names":["Card"],"sources":["../../../../src/pages/TransactionPage/TransactionExecutionContent.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport { domMax, LazyMotion, MotionConfig } from 'motion/react'\nimport type React from 'react'\nimport type { JSX } from 'react'\nimport { Card } from '../../components/Card/Card.js'\nimport { ExecutionStatusCard } from '../../components/ExecutionStatusCard/ExecutionStatusCard.js'\nimport { StatusIcon } from '../../components/ExecutionStatusCard/StatusIcon.js'\nimport { WarningMessages } from '../../components/Messages/WarningMessages.js'\nimport { RouteTokens } from '../../components/RouteCard/RouteTokens.js'\nimport { useExecutionRows } from '../../components/StepActions/executionRows.js'\nimport { useRouteExecutionMessage } from '../../hooks/useRouteExecutionMessage.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport { ExecutionDoneCard } from './ExecutionDoneCard.js'\nimport { TransactionDoneButtons } from './TransactionDoneButtons.js'\nimport { TransactionFailedButtons } from './TransactionFailedButtons.js'\n\nexport interface TransactionExecutionContentProps {\n  route: RouteExtended\n  status: RouteExecutionStatus\n  restartRoute: () => void\n  deleteRoute: () => void\n}\n\n/**\n * Execution-phase layout for the Transaction page.\n * Renders the {@link ExecutionStatusCard}, warning messages,\n * and terminal action buttons.\n */\nexport const TransactionExecutionContent: React.FC<\n  TransactionExecutionContentProps\n> = ({ route, status, restartRoute, deleteRoute }): JSX.Element => {\n  const { title, message } = useRouteExecutionMessage(route, status)\n  const {\n    mode,\n    contractCompactComponent,\n    contractSecondaryComponent,\n    defaultUI,\n  } = useWidgetConfig()\n\n  const isDone = hasEnumFlag(status, RouteExecutionStatus.Done)\n  const rows = useExecutionRows(route, isDone ? route.toAddress : undefined)\n\n  const showContract =\n    mode === 'custom' &&\n    isDone &&\n    !!(contractCompactComponent || contractSecondaryComponent)\n\n  const iconSlot = showContract ? (\n    contractCompactComponent || contractSecondaryComponent\n  ) : (\n    <StatusIcon route={route} status={status} />\n  )\n\n  const footerSlot = isDone ? (\n    <ExecutionDoneCard route={route} status={status} />\n  ) : (\n    <Card type=\"default\" indented>\n      <RouteTokens\n        route={route}\n        defaultExpanded={defaultUI?.transactionDetailsExpanded}\n      />\n    </Card>\n  )\n\n  return (\n    <LazyMotion features={domMax} strict>\n      <MotionConfig reducedMotion=\"user\">\n        <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n          <ExecutionStatusCard\n            title={title}\n            description={message}\n            rows={rows}\n            iconSlot={iconSlot}\n            footerSlot={footerSlot}\n          />\n          <WarningMessages route={route} allowInteraction />\n          {status === RouteExecutionStatus.Failed ? (\n            <TransactionFailedButtons\n              route={route}\n              restartRoute={restartRoute}\n              deleteRoute={deleteRoute}\n            />\n          ) : isDone ? (\n            <TransactionDoneButtons route={route} status={status} />\n          ) : null}\n        </Box>\n      </MotionConfig>\n    </LazyMotion>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,+BAER,EAAE,OAAO,QAAQ,cAAc,kBAA+B;CACjE,MAAM,EAAE,OAAO,YAAY,yBAAyB,OAAO,MAAM;CACjE,MAAM,EACJ,MACA,0BACA,4BACA,cACE,gBAAgB;CAEpB,MAAM,SAAS,YAAY,QAAA,CAAiC;CAyB5D,OACE,oBAAC,YAAD;EAAY,UAAU;EAAQ,QAAA;YAC5B,oBAAC,cAAD;GAAc,eAAc;aAC1B,qBAAC,KAAD;IAAK,IAAI;KAAE,SAAS;KAAQ,eAAe;KAAU,KAAK;IAAE;cAA5D;KACE,oBAAC,qBAAD;MACS;MACP,aAAa;MACb,MA/BG,iBAAiB,OAAO,SAAS,MAAM,YAAY,KAAA,CA+B7C;MACT,UA7BR,SAAS,YACT,UACA,CAAC,EAAE,4BAA4B,8BAG/B,4BAA4B,6BAE5B,oBAAC,YAAD;OAAmB;OAAe;MAAS,CAAA;MAuBnC,YApBS,SACjB,oBAAC,mBAAD;OAA0B;OAAe;MAAS,CAAA,IAElD,oBAACA,QAAD;OAAM,MAAK;OAAU,UAAA;iBACnB,oBAAC,aAAD;QACS;QACP,iBAAiB,WAAW;OAC7B,CAAA;MACG,CAAA;KAaC,CAAA;KACD,oBAAC,iBAAD;MAAwB;MAAO,kBAAA;KAAkB,CAAA;KAChD,WAAA,IACC,oBAAC,0BAAD;MACS;MACO;MACD;KACd,CAAA,IACC,SACF,oBAAC,wBAAD;MAA+B;MAAe;KAAS,CAAA,IACrD;IACD;;EACO,CAAA;CACJ,CAAA;AAEhB"}
+{"version":3,"file":"TransactionExecutionContent.js","names":["Card"],"sources":["../../../../src/pages/TransactionPage/TransactionExecutionContent.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport { domMax, LazyMotion, MotionConfig } from 'motion/react'\nimport type React from 'react'\nimport type { JSX } from 'react'\nimport { Card } from '../../components/Card/Card.js'\nimport { ExecutionStatusCard } from '../../components/ExecutionStatusCard/ExecutionStatusCard.js'\nimport { StatusIcon } from '../../components/ExecutionStatusCard/StatusIcon.js'\nimport { WarningMessages } from '../../components/Messages/WarningMessages.js'\nimport { RouteTokens } from '../../components/RouteCard/RouteTokens.js'\nimport { useExecutionRows } from '../../components/StepActions/executionRows.js'\nimport { useRouteExecutionMessage } from '../../hooks/useRouteExecutionMessage.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport { ExecutionDoneCard } from './ExecutionDoneCard.js'\nimport { TransactionDoneButtons } from './TransactionDoneButtons.js'\nimport { TransactionFailedButtons } from './TransactionFailedButtons.js'\n\nexport interface TransactionExecutionContentProps {\n  route: RouteExtended\n  status: RouteExecutionStatus\n  restartRoute: () => void\n  deleteRoute: () => void\n}\n\n/**\n * Execution-phase layout for the Transaction page.\n * Renders the {@link ExecutionStatusCard}, warning messages,\n * and terminal action buttons.\n */\nexport const TransactionExecutionContent: React.FC<\n  TransactionExecutionContentProps\n> = ({ route, status, restartRoute, deleteRoute }): JSX.Element => {\n  const { title, message } = useRouteExecutionMessage(route, status)\n  const {\n    mode,\n    contractCompactComponent,\n    contractSecondaryComponent,\n    defaultUI,\n  } = useWidgetConfig()\n\n  const isDone = hasEnumFlag(status, RouteExecutionStatus.Done)\n  const rows = useExecutionRows(route, isDone ? route.toAddress : undefined)\n\n  const showContract =\n    mode === 'custom' &&\n    isDone &&\n    !!(contractCompactComponent || contractSecondaryComponent)\n\n  const iconSlot = showContract ? (\n    contractCompactComponent || contractSecondaryComponent\n  ) : (\n    <StatusIcon route={route} status={status} />\n  )\n\n  const footerSlot = isDone ? (\n    <ExecutionDoneCard route={route} status={status} />\n  ) : (\n    <Card type=\"default\" indented>\n      <RouteTokens\n        route={route}\n        defaultExpanded={defaultUI?.transactionDetailsExpanded}\n      />\n    </Card>\n  )\n\n  return (\n    <LazyMotion features={domMax} strict>\n      <MotionConfig reducedMotion=\"user\">\n        <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n          <ExecutionStatusCard\n            title={title}\n            description={message}\n            rows={rows}\n            iconSlot={iconSlot}\n            footerSlot={footerSlot}\n          />\n          {status === RouteExecutionStatus.Failed ? (\n            <>\n              <WarningMessages route={route} allowInteraction />\n              <TransactionFailedButtons\n                route={route}\n                restartRoute={restartRoute}\n                deleteRoute={deleteRoute}\n              />\n            </>\n          ) : isDone ? (\n            <TransactionDoneButtons route={route} status={status} />\n          ) : null}\n        </Box>\n      </MotionConfig>\n    </LazyMotion>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,+BAER,EAAE,OAAO,QAAQ,cAAc,kBAA+B;CACjE,MAAM,EAAE,OAAO,YAAY,yBAAyB,OAAO,MAAM;CACjE,MAAM,EACJ,MACA,0BACA,4BACA,cACE,gBAAgB;CAEpB,MAAM,SAAS,YAAY,QAAA,CAAiC;CAyB5D,OACE,oBAAC,YAAD;EAAY,UAAU;EAAQ,QAAA;YAC5B,oBAAC,cAAD;GAAc,eAAc;aAC1B,qBAAC,KAAD;IAAK,IAAI;KAAE,SAAS;KAAQ,eAAe;KAAU,KAAK;IAAE;cAA5D,CACE,oBAAC,qBAAD;KACS;KACP,aAAa;KACb,MA/BG,iBAAiB,OAAO,SAAS,MAAM,YAAY,KAAA,CA+B7C;KACT,UA7BR,SAAS,YACT,UACA,CAAC,EAAE,4BAA4B,8BAG/B,4BAA4B,6BAE5B,oBAAC,YAAD;MAAmB;MAAe;KAAS,CAAA;KAuBnC,YApBS,SACjB,oBAAC,mBAAD;MAA0B;MAAe;KAAS,CAAA,IAElD,oBAACA,QAAD;MAAM,MAAK;MAAU,UAAA;gBACnB,oBAAC,aAAD;OACS;OACP,iBAAiB,WAAW;MAC7B,CAAA;KACG,CAAA;IAaC,CAAA,GACA,WAAA,IACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,iBAAD;KAAwB;KAAO,kBAAA;IAAkB,CAAA,GACjD,oBAAC,0BAAD;KACS;KACO;KACD;IACd,CAAA,CACD,EAAA,CAAA,IACA,SACF,oBAAC,wBAAD;KAA+B;KAAe;IAAS,CAAA,IACrD,IACD;;EACO,CAAA;CACJ,CAAA;AAEhB"}

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

@@ -69,7 +69,10 @@ const TransactionReview = ({ route, executeRoute, routeRefreshing }) => {
 		switch (mode) {
 			case "custom": return modeOptions?.custom?.type === "deposit" ? t("button.deposit") : t("button.buy");
 			case "refuel": return t("button.startBridging");
-			default: return t(`button.start${route.fromChainId === route.toChainId ? "Swapping" : "Bridging"}`);
+			default: {
+				const transactionType = route.fromChainId === route.toChainId ? "Swapping" : "Bridging";
+				return t(`button.start${transactionType}`);
+			}
 		}
 	};
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [

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

@@ -1 +1 @@
-{"version":3,"file":"TransactionReview.js","names":["Card"],"sources":["../../../../src/pages/TransactionPage/TransactionReview.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Card } from '../../components/Card/Card.js'\nimport { WarningMessages } from '../../components/Messages/WarningMessages.js'\nimport { RouteTokens } from '../../components/RouteCard/RouteTokens.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useHeaderStore } from '../../stores/header/useHeaderStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport {\n  calculateValueLossPercentage,\n  getTokenValueLossThreshold,\n} from './utils.js'\n\ninterface TransactionReviewProps {\n  route: RouteExtended\n  executeRoute: () => void\n  routeRefreshing: boolean\n}\n\nexport const TransactionReview: React.FC<TransactionReviewProps> = ({\n  route,\n  executeRoute,\n  routeRefreshing,\n}) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const emitter = useWidgetEvents()\n  const setBackAction = useHeaderStore((state) => state.setBackAction)\n  const { mode, modeOptions, hiddenUI, defaultUI } = useWidgetConfig()\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route.toChainId)\n\n  const handleExecuteRoute = () => {\n    if (tokenValueBottomSheetRef.current?.isOpen()) {\n      const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n      const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n      const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n      emitter.emit(WidgetEvent.RouteHighValueLoss, {\n        fromAmountUSD,\n        toAmountUSD,\n        gasCostUSD,\n        feeCostUSD,\n        valueLoss: calculateValueLossPercentage(\n          fromAmountUSD,\n          toAmountUSD,\n          gasCostUSD,\n          feeCostUSD\n        ),\n      })\n    }\n    tokenValueBottomSheetRef.current?.close()\n    executeRoute()\n    setFieldValue('fromAmount', '')\n    if (mode === 'custom') {\n      setFieldValue('fromToken', '')\n      setFieldValue('toToken', '')\n    }\n    setBackAction(() => {\n      navigate({ to: navigationRoutes.home, replace: true })\n    })\n  }\n\n  const handleStartClick = () => {\n    if (\n      toAddress &&\n      !hasActivity &&\n      !isLoadingAddressActivity &&\n      isActivityAddressFetched &&\n      !hiddenUI?.lowAddressActivityConfirmation\n    ) {\n      confirmToAddressSheetRef.current?.open()\n      return\n    }\n\n    const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n    const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n    const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n    const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(\n      fromAmountUSD,\n      toAmountUSD,\n      gasCostUSD,\n      feeCostUSD\n    )\n    if (tokenValueLossThresholdExceeded && mode !== 'custom') {\n      tokenValueBottomSheetRef.current?.open()\n    } else {\n      handleExecuteRoute()\n    }\n  }\n\n  const getButtonText = (): string => {\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.startBridging')\n      default: {\n        const transactionType =\n          route.fromChainId === route.toChainId ? 'Swapping' : 'Bridging'\n        return t(`button.start${transactionType}`)\n      }\n    }\n  }\n\n  return (\n    <>\n      <Card type=\"default\" indented>\n        <RouteTokens\n          route={route}\n          showEssentials\n          defaultExpanded={defaultUI?.transactionDetailsExpanded}\n        />\n      </Card>\n      <WarningMessages sx={{ mt: 2 }} route={route} allowInteraction />\n      <Box sx={{ flex: 1 }}>\n        <StartTransactionButton\n          text={getButtonText()}\n          onClick={handleStartClick}\n          route={route}\n          loading={routeRefreshing || isLoadingAddressActivity}\n        />\n      </Box>\n      {mode !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={handleExecuteRoute}\n        />\n      ) : null}\n      {!hiddenUI?.lowAddressActivityConfirmation ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={handleExecuteRoute}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,qBAAuD,EAClE,OACA,cACA,sBACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,UAAU,gBAAgB;CAChC,MAAM,gBAAgB,gBAAgB,UAAU,MAAM,aAAa;CACnE,MAAM,EAAE,MAAM,aAAa,UAAU,cAAc,gBAAgB;CAEnE,MAAM,2BAA2B,OAAwB,IAAI;CAC7D,MAAM,2BAA2B,OAAwB,IAAI;CAE7D,MAAM,EACJ,WACA,aACA,WAAW,0BACX,WAAW,6BACT,mBAAmB,MAAM,SAAS;CAEtC,MAAM,2BAA2B;EAC/B,IAAI,yBAAyB,SAAS,OAAO,GAAG;GAC9C,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;GACxE,MAAM,gBAAgB,OAAO,WAAW,MAAM,aAAa;GAC3D,MAAM,cAAc,OAAO,WAAW,MAAM,WAAW;GACvD,QAAQ,KAAA,sBAAqC;IAC3C;IACA;IACA;IACA;IACA,WAAW,6BACT,eACA,aACA,YACA,UACF;GACF,CAAC;EACH;EACA,yBAAyB,SAAS,MAAM;EACxC,aAAa;EACb,cAAc,cAAc,EAAE;EAC9B,IAAI,SAAS,UAAU;GACrB,cAAc,aAAa,EAAE;GAC7B,cAAc,WAAW,EAAE;EAC7B;EACA,oBAAoB;GAClB,SAAS;IAAE,IAAI,iBAAiB;IAAM,SAAS;GAAK,CAAC;EACvD,CAAC;CACH;CAEA,MAAM,yBAAyB;EAC7B,IACE,aACA,CAAC,eACD,CAAC,4BACD,4BACA,CAAC,UAAU,gCACX;GACA,yBAAyB,SAAS,KAAK;GACvC;EACF;EAEA,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;EASxE,IANwC,2BAFlB,OAAO,WAAW,MAAM,aAGhC,GAFM,OAAO,WAAW,MAAM,WAGhC,GACV,YACA,UAEgC,KAAK,SAAS,UAC9C,yBAAyB,SAAS,KAAK;OAEvC,mBAAmB;CAEvB;CAEA,MAAM,sBAA8B;EAClC,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,aAAa,QAAQ,SAAS,YACjC,EAAE,gBAAgB,IAClB,EAAE,YAAY;GACpB,KAAK,UACH,OAAO,EAAE,sBAAsB;GACjC,SAGE,OAAO,EAAE,eADP,MAAM,gBAAgB,MAAM,YAAY,aAAa,YACd;EAE7C;CACF;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA;EACE,oBAACA,QAAD;GAAM,MAAK;GAAU,UAAA;aACnB,oBAAC,aAAD;IACS;IACP,gBAAA;IACA,iBAAiB,WAAW;GAC7B,CAAA;EACG,CAAA;EACN,oBAAC,iBAAD;GAAiB,IAAI,EAAE,IAAI,EAAE;GAAU;GAAO,kBAAA;EAAkB,CAAA;EAChE,oBAAC,KAAD;GAAK,IAAI,EAAE,MAAM,EAAE;aACjB,oBAAC,wBAAD;IACE,MAAM,cAAc;IACpB,SAAS;IACF;IACP,SAAS,mBAAmB;GAC7B,CAAA;EACE,CAAA;EACJ,SAAS,WACR,oBAAC,uBAAD;GACS;GACP,KAAK;GACL,YAAY;EACb,CAAA,IACC;EACH,CAAC,UAAU,iCACV,oBAAC,uBAAD;GACE,KAAK;GACL,YAAY;GACD;GACX,WAAW,MAAM;EAClB,CAAA,IACC;CACJ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"TransactionReview.js","names":["Card"],"sources":["../../../../src/pages/TransactionPage/TransactionReview.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { Card } from '../../components/Card/Card.js'\nimport { WarningMessages } from '../../components/Messages/WarningMessages.js'\nimport { RouteTokens } from '../../components/RouteCard/RouteTokens.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useWidgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { useHeaderStore } from '../../stores/header/useHeaderStore.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport {\n  calculateValueLossPercentage,\n  getTokenValueLossThreshold,\n} from './utils.js'\n\ninterface TransactionReviewProps {\n  route: RouteExtended\n  executeRoute: () => void\n  routeRefreshing: boolean\n}\n\nexport const TransactionReview: React.FC<TransactionReviewProps> = ({\n  route,\n  executeRoute,\n  routeRefreshing,\n}) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const emitter = useWidgetEvents()\n  const setBackAction = useHeaderStore((state) => state.setBackAction)\n  const { mode, modeOptions, hiddenUI, defaultUI } = useWidgetConfig()\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route.toChainId)\n\n  const handleExecuteRoute = () => {\n    if (tokenValueBottomSheetRef.current?.isOpen()) {\n      const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n      const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n      const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n      emitter.emit(WidgetEvent.RouteHighValueLoss, {\n        fromAmountUSD,\n        toAmountUSD,\n        gasCostUSD,\n        feeCostUSD,\n        valueLoss: calculateValueLossPercentage(\n          fromAmountUSD,\n          toAmountUSD,\n          gasCostUSD,\n          feeCostUSD\n        ),\n      })\n    }\n    tokenValueBottomSheetRef.current?.close()\n    executeRoute()\n    setFieldValue('fromAmount', '')\n    if (mode === 'custom') {\n      setFieldValue('fromToken', '')\n      setFieldValue('toToken', '')\n    }\n    setBackAction(() => {\n      navigate({ to: navigationRoutes.home, replace: true })\n    })\n  }\n\n  const handleStartClick = () => {\n    if (\n      toAddress &&\n      !hasActivity &&\n      !isLoadingAddressActivity &&\n      isActivityAddressFetched &&\n      !hiddenUI?.lowAddressActivityConfirmation\n    ) {\n      confirmToAddressSheetRef.current?.open()\n      return\n    }\n\n    const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n    const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n    const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n    const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(\n      fromAmountUSD,\n      toAmountUSD,\n      gasCostUSD,\n      feeCostUSD\n    )\n    if (tokenValueLossThresholdExceeded && mode !== 'custom') {\n      tokenValueBottomSheetRef.current?.open()\n    } else {\n      handleExecuteRoute()\n    }\n  }\n\n  const getButtonText = (): string => {\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.startBridging')\n      default: {\n        const transactionType =\n          route.fromChainId === route.toChainId ? 'Swapping' : 'Bridging'\n        return t(`button.start${transactionType}`)\n      }\n    }\n  }\n\n  return (\n    <>\n      <Card type=\"default\" indented>\n        <RouteTokens\n          route={route}\n          showEssentials\n          defaultExpanded={defaultUI?.transactionDetailsExpanded}\n        />\n      </Card>\n      <WarningMessages sx={{ mt: 2 }} route={route} allowInteraction />\n      <Box sx={{ flex: 1 }}>\n        <StartTransactionButton\n          text={getButtonText()}\n          onClick={handleStartClick}\n          route={route}\n          loading={routeRefreshing || isLoadingAddressActivity}\n        />\n      </Box>\n      {mode !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={handleExecuteRoute}\n        />\n      ) : null}\n      {!hiddenUI?.lowAddressActivityConfirmation ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={handleExecuteRoute}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA+BA,MAAa,qBAAuD,EAClE,OACA,cACA,sBACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,UAAU,gBAAgB;CAChC,MAAM,gBAAgB,gBAAgB,UAAU,MAAM,aAAa;CACnE,MAAM,EAAE,MAAM,aAAa,UAAU,cAAc,gBAAgB;CAEnE,MAAM,2BAA2B,OAAwB,IAAI;CAC7D,MAAM,2BAA2B,OAAwB,IAAI;CAE7D,MAAM,EACJ,WACA,aACA,WAAW,0BACX,WAAW,6BACT,mBAAmB,MAAM,SAAS;CAEtC,MAAM,2BAA2B;EAC/B,IAAI,yBAAyB,SAAS,OAAO,GAAG;GAC9C,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;GACxE,MAAM,gBAAgB,OAAO,WAAW,MAAM,aAAa;GAC3D,MAAM,cAAc,OAAO,WAAW,MAAM,WAAW;GACvD,QAAQ,KAAA,sBAAqC;IAC3C;IACA;IACA;IACA;IACA,WAAW,6BACT,eACA,aACA,YACA,UACF;GACF,CAAC;EACH;EACA,yBAAyB,SAAS,MAAM;EACxC,aAAa;EACb,cAAc,cAAc,EAAE;EAC9B,IAAI,SAAS,UAAU;GACrB,cAAc,aAAa,EAAE;GAC7B,cAAc,WAAW,EAAE;EAC7B;EACA,oBAAoB;GAClB,SAAS;IAAE,IAAI,iBAAiB;IAAM,SAAS;GAAK,CAAC;EACvD,CAAC;CACH;CAEA,MAAM,yBAAyB;EAC7B,IACE,aACA,CAAC,eACD,CAAC,4BACD,4BACA,CAAC,UAAU,gCACX;GACA,yBAAyB,SAAS,KAAK;GACvC;EACF;EAEA,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;EASxE,IANwC,2BAFlB,OAAO,WAAW,MAAM,aAGhC,GAFM,OAAO,WAAW,MAAM,WAGhC,GACV,YACA,UAEgC,KAAK,SAAS,UAC9C,yBAAyB,SAAS,KAAK;OAEvC,mBAAmB;CAEvB;CAEA,MAAM,sBAA8B;EAClC,QAAQ,MAAR;GACE,KAAK,UACH,OAAO,aAAa,QAAQ,SAAS,YACjC,EAAE,gBAAgB,IAClB,EAAE,YAAY;GACpB,KAAK,UACH,OAAO,EAAE,sBAAsB;GACjC,SAAS;IACP,MAAM,kBACJ,MAAM,gBAAgB,MAAM,YAAY,aAAa;IACvD,OAAO,EAAE,eAAe,iBAAiB;GAC3C;EACF;CACF;CAEA,OACE,qBAAA,YAAA,EAAA,UAAA;EACE,oBAACA,QAAD;GAAM,MAAK;GAAU,UAAA;aACnB,oBAAC,aAAD;IACS;IACP,gBAAA;IACA,iBAAiB,WAAW;GAC7B,CAAA;EACG,CAAA;EACN,oBAAC,iBAAD;GAAiB,IAAI,EAAE,IAAI,EAAE;GAAU;GAAO,kBAAA;EAAkB,CAAA;EAChE,oBAAC,KAAD;GAAK,IAAI,EAAE,MAAM,EAAE;aACjB,oBAAC,wBAAD;IACE,MAAM,cAAc;IACpB,SAAS;IACF;IACP,SAAS,mBAAmB;GAC7B,CAAA;EACE,CAAA;EACJ,SAAS,WACR,oBAAC,uBAAD;GACS;GACP,KAAK;GACL,YAAY;EACb,CAAA,IACC;EACH,CAAC,UAAU,iCACV,oBAAC,uBAAD;GACE,KAAK;GACL,YAAY;GACD;GACX,WAAW,MAAM;EAClB,CAAA,IACC;CACJ,EAAA,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/pages/TransactionPage/utils.ts"],"sourcesContent":["export const calculateValueLossPercentage = (\n  fromAmountUSD: number,\n  toAmountUSD: number,\n  gasCostUSD: number,\n  feeCostUSD: number\n): number => {\n  return Number.parseFloat(\n    (\n      (toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) - 1) *\n      100\n    ).toFixed(2)\n  )\n}\n\nexport const getTokenValueLossThreshold = (\n  fromAmountUSD: number,\n  toAmountUSD: number,\n  gasCostUSD: number,\n  feeCostUSD: number\n): boolean => {\n  if (!fromAmountUSD || !toAmountUSD) {\n    return false\n  }\n  return toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) < 0.9\n}\n"],"mappings":";AAAA,MAAa,gCACX,eACA,aACA,YACA,eACW;CACX,OAAO,OAAO,aAET,eAAe,gBAAgB,aAAa,cAAc,KAC3D,KACA,QAAQ,CAAC,CACb;AACF;AAEA,MAAa,8BACX,eACA,aACA,YACA,eACY;CACZ,IAAI,CAAC,iBAAiB,CAAC,aACrB,OAAO;CAET,OAAO,eAAe,gBAAgB,aAAa,cAAc;AACnE"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../../src/pages/TransactionPage/utils.ts"],"sourcesContent":["export const calculateValueLossPercentage = (\n  fromAmountUSD: number,\n  toAmountUSD: number,\n  gasCostUSD: number,\n  feeCostUSD: number\n): number => {\n  return Number.parseFloat(\n    (\n      (toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) - 1) *\n      100\n    ).toFixed(2)\n  )\n}\n\nexport const getTokenValueLossThreshold = (\n  fromAmountUSD: number,\n  toAmountUSD: number,\n  gasCostUSD: number,\n  feeCostUSD: number\n): boolean => {\n  if (!fromAmountUSD || !toAmountUSD) {\n    return false\n  }\n  return toAmountUSD / (fromAmountUSD + gasCostUSD + feeCostUSD) < 0.9\n}\n"],"mappings":";AAAA,MAAa,gCACX,eACA,aACA,YACA,eACW;CACX,OAAO,OAAO,aAET,eAAe,gBAAgB,aAAa,cAAc,KAC3D,IAAA,CACA,QAAQ,CAAC,CACb;AACF;AAEA,MAAa,8BACX,eACA,aACA,YACA,eACY;CACZ,IAAI,CAAC,iBAAiB,CAAC,aACrB,OAAO;CAET,OAAO,eAAe,gBAAgB,aAAa,cAAc;AACnE"}

package/dist/esm/providers/I18nProvider/I18nProvider.js

@@ -7,7 +7,7 @@ import { useLanguages } from "../../hooks/useLanguages.js";
 import { compactNumberFormatter } from "../../utils/compactNumberFormatter.js";
 import { currencyExtendedFormatter } from "../../utils/currencyExtendedFormatter.js";
 import { percentFormatter } from "../../utils/percentFormatter.js";
-import { en } from "./enResource.js";
+import { enResource as en } from "./enResource.js";
 import { useEffect, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { I18nextProvider } from "react-i18next";

package/dist/esm/providers/I18nProvider/I18nProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"I18nProvider.js","names":["enResource"],"sources":["../../../../src/providers/I18nProvider/I18nProvider.tsx"],"sourcesContent":["import { createInstance, type i18n } from 'i18next'\nimport { useEffect, useMemo, useRef } from 'react'\nimport { I18nextProvider } from 'react-i18next'\nimport { useLanguages } from '../../hooks/useLanguages.js'\nimport { useSettingsStore } from '../../stores/settings/SettingsStore.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { compactNumberFormatter } from '../../utils/compactNumberFormatter.js'\nimport { currencyExtendedFormatter } from '../../utils/currencyExtendedFormatter.js'\nimport { percentFormatter } from '../../utils/percentFormatter.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { allLanguages } from './constants.js'\nimport { enResource } from './enResource.js'\nimport { mergeWithLanguageResources } from './i18n.js'\nimport type { LanguageKey, LanguageResource, PartialResource } from './types.js'\n\nexport const I18nProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const { languages, languageResources } = useWidgetConfig()\n  const { language, languageCache } = useSettings(['language', 'languageCache'])\n  const i18nInstanceRef = useRef<i18n | null>(null)\n\n  const i18nInstance = useMemo(() => {\n    if (i18nInstanceRef.current) {\n      // Update i18n instance with language and language cache updates\n      if (language && languageCache && language !== 'en') {\n        i18nInstanceRef.current.addResourceBundle(\n          language,\n          'translation',\n          languageCache,\n          true,\n          true\n        )\n      }\n      return i18nInstanceRef.current\n    }\n\n    // Custom language resources (of non-default languages) are added statically.\n    // If custom language resources extend existing languages, they are merged with dynamically loaded resources.\n    const customLanguageKeys = languageResources\n      ? Object.keys(languageResources).filter(\n          (key: string) => !allLanguages.includes(key as LanguageKey)\n        )\n      : []\n    const initialLanguage = language || languages?.default\n    const i18n = createInstance({\n      lng: initialLanguage,\n      fallbackLng: 'en',\n      lowerCaseLng: true,\n      interpolation: { escapeValue: false },\n      resources: {\n        en: {\n          translation: mergeWithLanguageResources(\n            enResource,\n            languageResources?.en\n          ),\n        },\n        ...(initialLanguage &&\n          initialLanguage !== 'en' &&\n          languageCache && {\n            [initialLanguage]: {\n              translation: languageCache,\n            },\n          }),\n        // Add non-existing custom language resources\n        ...customLanguageKeys.reduce(\n          (acc, key) => {\n            const customResource = languageResources?.[key as LanguageKey]\n            if (customResource) {\n              acc[key] = {\n                translation: customResource,\n              }\n            }\n            return acc\n          },\n          {} as Record<\n            string,\n            { translation: PartialResource<LanguageResource> }\n          >\n        ),\n      },\n      detection: {\n        caches: [],\n      },\n      returnEmptyString: false,\n    })\n\n    i18n.init()\n\n    i18n.services.formatter?.addCached('numberExt', compactNumberFormatter)\n    i18n.services.formatter?.addCached('currencyExt', currencyExtendedFormatter)\n    i18n.services.formatter?.addCached('percent', percentFormatter)\n    i18nInstanceRef.current = i18n\n    return i18n\n  }, [language, languageResources, languages?.default, languageCache])\n\n  return (\n    <I18nextProvider i18n={i18nInstance}>\n      {children}\n      <DefaultLanguageHandler />\n    </I18nextProvider>\n  )\n}\n\n// Sync language settings internally when config.languages.default changes externally\nconst DefaultLanguageHandler: React.FC = () => {\n  const { languages } = useWidgetConfig()\n  const [lastDefaultLanguage, setValue] = useSettingsStore((state) => [\n    state.lastDefaultLanguage,\n    state.setValue,\n  ])\n  const { setLanguageWithCode: setLanguage } = useLanguages()\n\n  useEffect(() => {\n    const currentDefaultLanguage = languages?.default\n\n    const defaultLanguageChanged =\n      currentDefaultLanguage && currentDefaultLanguage !== lastDefaultLanguage\n\n    if (!defaultLanguageChanged) {\n      return\n    }\n\n    const updateLanguage = async () => {\n      await setLanguage(currentDefaultLanguage)\n      setValue('lastDefaultLanguage', currentDefaultLanguage)\n    }\n\n    updateLanguage()\n  }, [languages?.default, setValue, lastDefaultLanguage, setLanguage])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAa,gBAAmD,EAC9D,eACI;CACJ,MAAM,EAAE,WAAW,sBAAsB,gBAAgB;CACzD,MAAM,EAAE,UAAU,kBAAkB,YAAY,CAAC,YAAY,eAAe,CAAC;CAC7E,MAAM,kBAAkB,OAAoB,IAAI;CA4EhD,OACE,qBAAC,iBAAD;EAAiB,MA3EE,cAAc;GACjC,IAAI,gBAAgB,SAAS;IAE3B,IAAI,YAAY,iBAAiB,aAAa,MAC5C,gBAAgB,QAAQ,kBACtB,UACA,eACA,eACA,MACA,IACF;IAEF,OAAO,gBAAgB;GACzB;GAIA,MAAM,qBAAqB,oBACvB,OAAO,KAAK,iBAAiB,EAAE,QAC5B,QAAgB,CAAC,aAAa,SAAS,GAAkB,CAC5D,IACA,CAAC;GACL,MAAM,kBAAkB,YAAY,WAAW;GAC/C,MAAM,OAAO,eAAe;IAC1B,KAAK;IACL,aAAa;IACb,cAAc;IACd,eAAe,EAAE,aAAa,MAAM;IACpC,WAAW;KACT,IAAI,EACF,aAAa,2BACXA,IACA,mBAAmB,EACrB,EACF;KACA,GAAI,mBACF,oBAAoB,QACpB,iBAAiB,GACd,kBAAkB,EACjB,aAAa,cACf,EACF;KAEF,GAAG,mBAAmB,QACnB,KAAK,QAAQ;MACZ,MAAM,iBAAiB,oBAAoB;MAC3C,IAAI,gBACF,IAAI,OAAO,EACT,aAAa,eACf;MAEF,OAAO;KACT,GACA,CAAC,CAIH;IACF;IACA,WAAW,EACT,QAAQ,CAAC,EACX;IACA,mBAAmB;GACrB,CAAC;GAED,KAAK,KAAK;GAEV,KAAK,SAAS,WAAW,UAAU,aAAa,sBAAsB;GACtE,KAAK,SAAS,WAAW,UAAU,eAAe,yBAAyB;GAC3E,KAAK,SAAS,WAAW,UAAU,WAAW,gBAAgB;GAC9D,gBAAgB,UAAU;GAC1B,OAAO;EACT,GAAG;GAAC;GAAU;GAAmB,WAAW;GAAS;EAAa,CAG9B;YAAlC,CACG,UACD,oBAAC,wBAAD,CAAyB,CAAA,CACV;;AAErB;AAGA,MAAM,+BAAyC;CAC7C,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,CAAC,qBAAqB,YAAY,kBAAkB,UAAU,CAClE,MAAM,qBACN,MAAM,QACR,CAAC;CACD,MAAM,EAAE,qBAAqB,gBAAgB,aAAa;CAE1D,gBAAgB;EACd,MAAM,yBAAyB,WAAW;EAK1C,IAAI,EAFF,0BAA0B,2BAA2B,sBAGrD;EAGF,MAAM,iBAAiB,YAAY;GACjC,MAAM,YAAY,sBAAsB;GACxC,SAAS,uBAAuB,sBAAsB;EACxD;EAEA,eAAe;CACjB,GAAG;EAAC,WAAW;EAAS;EAAU;EAAqB;CAAW,CAAC;CAEnE,OAAO;AACT"}
+{"version":3,"file":"I18nProvider.js","names":["enResource"],"sources":["../../../../src/providers/I18nProvider/I18nProvider.tsx"],"sourcesContent":["import { createInstance, type i18n } from 'i18next'\nimport { useEffect, useMemo, useRef } from 'react'\nimport { I18nextProvider } from 'react-i18next'\nimport { useLanguages } from '../../hooks/useLanguages.js'\nimport { useSettingsStore } from '../../stores/settings/SettingsStore.js'\nimport { useSettings } from '../../stores/settings/useSettings.js'\nimport { compactNumberFormatter } from '../../utils/compactNumberFormatter.js'\nimport { currencyExtendedFormatter } from '../../utils/currencyExtendedFormatter.js'\nimport { percentFormatter } from '../../utils/percentFormatter.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { allLanguages } from './constants.js'\nimport { enResource } from './enResource.js'\nimport { mergeWithLanguageResources } from './i18n.js'\nimport type { LanguageKey, LanguageResource, PartialResource } from './types.js'\n\nexport const I18nProvider: React.FC<React.PropsWithChildren> = ({\n  children,\n}) => {\n  const { languages, languageResources } = useWidgetConfig()\n  const { language, languageCache } = useSettings(['language', 'languageCache'])\n  const i18nInstanceRef = useRef<i18n | null>(null)\n\n  const i18nInstance = useMemo(() => {\n    if (i18nInstanceRef.current) {\n      // Update i18n instance with language and language cache updates\n      if (language && languageCache && language !== 'en') {\n        i18nInstanceRef.current.addResourceBundle(\n          language,\n          'translation',\n          languageCache,\n          true,\n          true\n        )\n      }\n      return i18nInstanceRef.current\n    }\n\n    // Custom language resources (of non-default languages) are added statically.\n    // If custom language resources extend existing languages, they are merged with dynamically loaded resources.\n    const customLanguageKeys = languageResources\n      ? Object.keys(languageResources).filter(\n          (key: string) => !allLanguages.includes(key as LanguageKey)\n        )\n      : []\n    const initialLanguage = language || languages?.default\n    const i18n = createInstance({\n      lng: initialLanguage,\n      fallbackLng: 'en',\n      lowerCaseLng: true,\n      interpolation: { escapeValue: false },\n      resources: {\n        en: {\n          translation: mergeWithLanguageResources(\n            enResource,\n            languageResources?.en\n          ),\n        },\n        ...(initialLanguage &&\n          initialLanguage !== 'en' &&\n          languageCache && {\n            [initialLanguage]: {\n              translation: languageCache,\n            },\n          }),\n        // Add non-existing custom language resources\n        ...customLanguageKeys.reduce(\n          (acc, key) => {\n            const customResource = languageResources?.[key as LanguageKey]\n            if (customResource) {\n              acc[key] = {\n                translation: customResource,\n              }\n            }\n            return acc\n          },\n          {} as Record<\n            string,\n            { translation: PartialResource<LanguageResource> }\n          >\n        ),\n      },\n      detection: {\n        caches: [],\n      },\n      returnEmptyString: false,\n    })\n\n    i18n.init()\n\n    i18n.services.formatter?.addCached('numberExt', compactNumberFormatter)\n    i18n.services.formatter?.addCached('currencyExt', currencyExtendedFormatter)\n    i18n.services.formatter?.addCached('percent', percentFormatter)\n    i18nInstanceRef.current = i18n\n    return i18n\n  }, [language, languageResources, languages?.default, languageCache])\n\n  return (\n    <I18nextProvider i18n={i18nInstance}>\n      {children}\n      <DefaultLanguageHandler />\n    </I18nextProvider>\n  )\n}\n\n// Sync language settings internally when config.languages.default changes externally\nconst DefaultLanguageHandler: React.FC = () => {\n  const { languages } = useWidgetConfig()\n  const [lastDefaultLanguage, setValue] = useSettingsStore((state) => [\n    state.lastDefaultLanguage,\n    state.setValue,\n  ])\n  const { setLanguageWithCode: setLanguage } = useLanguages()\n\n  useEffect(() => {\n    const currentDefaultLanguage = languages?.default\n\n    const defaultLanguageChanged =\n      currentDefaultLanguage && currentDefaultLanguage !== lastDefaultLanguage\n\n    if (!defaultLanguageChanged) {\n      return\n    }\n\n    const updateLanguage = async () => {\n      await setLanguage(currentDefaultLanguage)\n      setValue('lastDefaultLanguage', currentDefaultLanguage)\n    }\n\n    updateLanguage()\n  }, [languages?.default, setValue, lastDefaultLanguage, setLanguage])\n\n  return null\n}\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAa,gBAAmD,EAC9D,eACI;CACJ,MAAM,EAAE,WAAW,sBAAsB,gBAAgB;CACzD,MAAM,EAAE,UAAU,kBAAkB,YAAY,CAAC,YAAY,eAAe,CAAC;CAC7E,MAAM,kBAAkB,OAAoB,IAAI;CA4EhD,OACE,qBAAC,iBAAD;EAAiB,MA3EE,cAAc;GACjC,IAAI,gBAAgB,SAAS;IAE3B,IAAI,YAAY,iBAAiB,aAAa,MAC5C,gBAAgB,QAAQ,kBACtB,UACA,eACA,eACA,MACA,IACF;IAEF,OAAO,gBAAgB;GACzB;GAIA,MAAM,qBAAqB,oBACvB,OAAO,KAAK,iBAAiB,CAAC,CAAC,QAC5B,QAAgB,CAAC,aAAa,SAAS,GAAkB,CAC5D,IACA,CAAC;GACL,MAAM,kBAAkB,YAAY,WAAW;GAC/C,MAAM,OAAO,eAAe;IAC1B,KAAK;IACL,aAAa;IACb,cAAc;IACd,eAAe,EAAE,aAAa,MAAM;IACpC,WAAW;KACT,IAAI,EACF,aAAa,2BACXA,IACA,mBAAmB,EACrB,EACF;KACA,GAAI,mBACF,oBAAoB,QACpB,iBAAiB,GACd,kBAAkB,EACjB,aAAa,cACf,EACF;KAEF,GAAG,mBAAmB,QACnB,KAAK,QAAQ;MACZ,MAAM,iBAAiB,oBAAoB;MAC3C,IAAI,gBACF,IAAI,OAAO,EACT,aAAa,eACf;MAEF,OAAO;KACT,GACA,CAAC,CAIH;IACF;IACA,WAAW,EACT,QAAQ,CAAC,EACX;IACA,mBAAmB;GACrB,CAAC;GAED,KAAK,KAAK;GAEV,KAAK,SAAS,WAAW,UAAU,aAAa,sBAAsB;GACtE,KAAK,SAAS,WAAW,UAAU,eAAe,yBAAyB;GAC3E,KAAK,SAAS,WAAW,UAAU,WAAW,gBAAgB;GAC9D,gBAAgB,UAAU;GAC1B,OAAO;EACT,GAAG;GAAC;GAAU;GAAmB,WAAW;GAAS;EAAa,CAG9B;YAAlC,CACG,UACD,oBAAC,wBAAD,CAAyB,CAAA,CACV;;AAErB;AAGA,MAAM,+BAAyC;CAC7C,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,CAAC,qBAAqB,YAAY,kBAAkB,UAAU,CAClE,MAAM,qBACN,MAAM,QACR,CAAC;CACD,MAAM,EAAE,qBAAqB,gBAAgB,aAAa;CAE1D,gBAAgB;EACd,MAAM,yBAAyB,WAAW;EAK1C,IAAI,EAFF,0BAA0B,2BAA2B,sBAGrD;EAGF,MAAM,iBAAiB,YAAY;GACjC,MAAM,YAAY,sBAAsB;GACxC,SAAS,uBAAuB,sBAAsB;EACxD;EAEA,eAAe;CACjB,GAAG;EAAC,WAAW;EAAS;EAAU;EAAqB;CAAW,CAAC;CAEnE,OAAO;AACT"}

package/dist/esm/providers/I18nProvider/enResource.d.ts

@@ -1,2 +1,2 @@
 import en from "../../i18n/en.json" with { type: "json" };
-export { en };
+export { en as enResource };

package/dist/esm/providers/I18nProvider/enResource.js

@@ -1,2 +1,2 @@
 import en from "../../i18n/en.json" with { type: "json" };
-export { en };
+export { en as enResource };

package/dist/esm/providers/I18nProvider/i18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.js","names":[],"sources":["../../../../src/providers/I18nProvider/i18n.ts"],"sourcesContent":["import { deepMerge } from '../../utils/deepMerge.js'\nimport type { LanguageKey, LanguageResource, PartialResource } from './types.js'\n\n// Dynamically import the JSON file for the specified language\nexport async function loadLocale(\n  lng: LanguageKey,\n  customLanguageResource?: PartialResource<LanguageResource>\n): Promise<LanguageResource> {\n  let languageResource: LanguageResource\n  try {\n    const languageResourceModule = await import(`../../i18n/${lng}.json`)\n    languageResource = languageResourceModule.default as LanguageResource\n  } catch {\n    languageResource = {} as LanguageResource\n  }\n  return mergeWithLanguageResources(languageResource, customLanguageResource)\n}\n\nexport function mergeWithLanguageResources(\n  languageResource: LanguageResource,\n  customLanguageResource?: PartialResource<LanguageResource>\n): LanguageResource {\n  return customLanguageResource\n    ? deepMerge(languageResource, customLanguageResource)\n    : languageResource\n}\n"],"mappings":";;AAIA,eAAsB,WACpB,KACA,wBAC2B;CAC3B,IAAI;CACJ,IAAI;EAEF,oBAAmB,MADkB,OAAO,cAAc,IAAI,SACpB;CAC5C,QAAQ;EACN,mBAAmB,CAAC;CACtB;CACA,OAAO,2BAA2B,kBAAkB,sBAAsB;AAC5E;AAEA,SAAgB,2BACd,kBACA,wBACkB;CAClB,OAAO,yBACH,UAAU,kBAAkB,sBAAsB,IAClD;AACN"}
+{"version":3,"file":"i18n.js","names":[],"sources":["../../../../src/providers/I18nProvider/i18n.ts"],"sourcesContent":["import { deepMerge } from '../../utils/deepMerge.js'\nimport type { LanguageKey, LanguageResource, PartialResource } from './types.js'\n\n// Dynamically import the JSON file for the specified language\nexport async function loadLocale(\n  lng: LanguageKey,\n  customLanguageResource?: PartialResource<LanguageResource>\n): Promise<LanguageResource> {\n  let languageResource: LanguageResource\n  try {\n    const languageResourceModule = await import(`../../i18n/${lng}.json`)\n    languageResource = languageResourceModule.default as LanguageResource\n  } catch {\n    languageResource = {} as LanguageResource\n  }\n  return mergeWithLanguageResources(languageResource, customLanguageResource)\n}\n\nexport function mergeWithLanguageResources(\n  languageResource: LanguageResource,\n  customLanguageResource?: PartialResource<LanguageResource>\n): LanguageResource {\n  return customLanguageResource\n    ? deepMerge(languageResource, customLanguageResource)\n    : languageResource\n}\n"],"mappings":";;AAIA,eAAsB,WACpB,KACA,wBAC2B;CAC3B,IAAI;CACJ,IAAI;EAEF,oBAAmB,MADkB,OAAO,cAAc,IAAI,QAAA,CACpB;CAC5C,QAAQ;EACN,mBAAmB,CAAC;CACtB;CACA,OAAO,2BAA2B,kBAAkB,sBAAsB;AAC5E;AAEA,SAAgB,2BACd,kBACA,wBACkB;CAClB,OAAO,yBACH,UAAU,kBAAkB,sBAAsB,IAClD;AACN"}

package/dist/esm/providers/I18nProvider/types.d.ts

@@ -1,4 +1,4 @@
-import { en } from "./enResource.js";
+import { enResource as en } from "./enResource.js";
 
 //#region src/providers/I18nProvider/types.d.ts
 type PartialResource<T> = T extends object ? { [P in keyof T]?: PartialResource<T[P]> } : T;
@@ -8,5 +8,5 @@ type LanguageResources = { [K in LanguageKey]?: PartialResource<LanguageResource
   [language: string]: PartialResource<LanguageResource>;
 };
 //#endregion
-export { LanguageKey, LanguageResource, LanguageResources };
+export { LanguageKey, LanguageResource, LanguageResources, PartialResource };
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/providers/QueryClientProvider.js

@@ -1,10 +1,10 @@
 import { queryClient } from "../config/queryClient.js";
-import { useContext } from "react";
+import { use } from "react";
 import { jsx } from "react/jsx-runtime";
 import { QueryClientContext, QueryClientProvider } from "@tanstack/react-query";
 //#region src/providers/QueryClientProvider.tsx
 const QueryClientProvider$1 = ({ children }) => {
-	return useContext(QueryClientContext) ? children : /* @__PURE__ */ jsx(QueryClientProvider, {
+	return use(QueryClientContext) ? children : /* @__PURE__ */ jsx(QueryClientProvider, {
 		client: queryClient,
 		children
 	});

package/dist/esm/providers/QueryClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryClientProvider.js","names":["QueryClientProvider","TanstackQueryClientContext","TanstackQueryClientProvider"],"sources":["../../../src/providers/QueryClientProvider.tsx"],"sourcesContent":["import {\n  QueryClientContext as TanstackQueryClientContext,\n  QueryClientProvider as TanstackQueryClientProvider,\n} from '@tanstack/react-query'\nimport type { PropsWithChildren } from 'react'\nimport { useContext } from 'react'\nimport { queryClient } from '../config/queryClient.js'\n\nexport const QueryClientProvider: React.FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const existingQueryClient = useContext(TanstackQueryClientContext)\n  return existingQueryClient ? (\n    children\n  ) : (\n    <TanstackQueryClientProvider client={queryClient}>\n      {children}\n    </TanstackQueryClientProvider>\n  )\n}\n"],"mappings":";;;;;AAQA,MAAaA,yBAAoD,EAC/D,eACI;CAEJ,OAD4B,WAAWC,kBACd,IACvB,WAEA,oBAACC,qBAAD;EAA6B,QAAQ;EAClC;CAC0B,CAAA;AAEjC"}
+{"version":3,"file":"QueryClientProvider.js","names":["QueryClientProvider","TanstackQueryClientContext","TanstackQueryClientProvider"],"sources":["../../../src/providers/QueryClientProvider.tsx"],"sourcesContent":["import {\n  QueryClientContext as TanstackQueryClientContext,\n  QueryClientProvider as TanstackQueryClientProvider,\n} from '@tanstack/react-query'\nimport type { PropsWithChildren } from 'react'\nimport { use } from 'react'\nimport { queryClient } from '../config/queryClient.js'\n\nexport const QueryClientProvider: React.FC<PropsWithChildren> = ({\n  children,\n}) => {\n  const existingQueryClient = use(TanstackQueryClientContext)\n  return existingQueryClient ? (\n    children\n  ) : (\n    <TanstackQueryClientProvider client={queryClient}>\n      {children}\n    </TanstackQueryClientProvider>\n  )\n}\n"],"mappings":";;;;;AAQA,MAAaA,yBAAoD,EAC/D,eACI;CAEJ,OAD4B,IAAIC,kBACP,IACvB,WAEA,oBAACC,qBAAD;EAA6B,QAAQ;EAClC;CAC0B,CAAA;AAEjC"}

package/dist/esm/providers/SDKClientProvider.js

@@ -1,11 +1,11 @@
 import { useWidgetConfig } from "./WidgetProvider/WidgetProvider.js";
 import { version } from "../config/version.js";
 import { createClient } from "@lifi/sdk";
-import { createContext, useContext, useMemo } from "react";
+import { createContext, use, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/providers/SDKClientProvider.tsx
 const SDKClientContext = createContext({});
-const useSDKClient = () => useContext(SDKClientContext);
+const useSDKClient = () => use(SDKClientContext);
 const SDKClientProvider = ({ children }) => {
 	const { sdkConfig, apiKey, integrator, feeConfig, referrer, routePriority, slippage } = useWidgetConfig();
 	const client = useMemo(() => {
@@ -32,7 +32,7 @@ const SDKClientProvider = ({ children }) => {
 		routePriority,
 		slippage
 	]);
-	return /* @__PURE__ */ jsx(SDKClientContext.Provider, {
+	return /* @__PURE__ */ jsx(SDKClientContext, {
 		value: client,
 		children
 	});

package/dist/esm/providers/SDKClientProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SDKClientProvider.js","names":[],"sources":["../../../src/providers/SDKClientProvider.tsx"],"sourcesContent":["import { createClient, type SDKClient } from '@lifi/sdk'\nimport {\n  createContext,\n  type JSX,\n  type PropsWithChildren,\n  useContext,\n  useMemo,\n} from 'react'\nimport { version } from '../config/version.js'\nimport { useWidgetConfig } from './WidgetProvider/WidgetProvider.js'\n\nconst SDKClientContext = createContext<SDKClient>({} as SDKClient)\n\nexport const useSDKClient = (): SDKClient => useContext(SDKClientContext)\n\nexport const SDKClientProvider = ({\n  children,\n}: PropsWithChildren): JSX.Element => {\n  const {\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    referrer,\n    routePriority,\n    slippage,\n  } = useWidgetConfig()\n\n  const client: SDKClient = useMemo(() => {\n    return createClient({\n      ...sdkConfig,\n      apiKey,\n      integrator: integrator ?? window?.location.hostname,\n      routeOptions: {\n        fee: feeConfig?.fee,\n        referrer,\n        order: routePriority,\n        slippage,\n        ...sdkConfig?.routeOptions,\n      },\n      disableVersionCheck: true,\n      widgetVersion: version,\n    })\n  }, [\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    referrer,\n    routePriority,\n    slippage,\n  ])\n\n  return (\n    <SDKClientContext.Provider value={client}>\n      {children}\n    </SDKClientContext.Provider>\n  )\n}\n"],"mappings":";;;;;;AAWA,MAAM,mBAAmB,cAAyB,CAAC,CAAc;AAEjE,MAAa,qBAAgC,WAAW,gBAAgB;AAExE,MAAa,qBAAqB,EAChC,eACoC;CACpC,MAAM,EACJ,WACA,QACA,YACA,WACA,UACA,eACA,aACE,gBAAgB;CAEpB,MAAM,SAAoB,cAAc;EACtC,OAAO,aAAa;GAClB,GAAG;GACH;GACA,YAAY,cAAc,QAAQ,SAAS;GAC3C,cAAc;IACZ,KAAK,WAAW;IAChB;IACA,OAAO;IACP;IACA,GAAG,WAAW;GAChB;GACA,qBAAqB;GACrB,eAAe;EACjB,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO;EAC/B;CACwB,CAAA;AAE/B"}
+{"version":3,"file":"SDKClientProvider.js","names":[],"sources":["../../../src/providers/SDKClientProvider.tsx"],"sourcesContent":["import { createClient, type SDKClient } from '@lifi/sdk'\nimport {\n  createContext,\n  type JSX,\n  type PropsWithChildren,\n  use,\n  useMemo,\n} from 'react'\nimport { version } from '../config/version.js'\nimport { useWidgetConfig } from './WidgetProvider/WidgetProvider.js'\n\nconst SDKClientContext = createContext<SDKClient>({} as SDKClient)\n\nexport const useSDKClient = (): SDKClient => use(SDKClientContext)\n\nexport const SDKClientProvider = ({\n  children,\n}: PropsWithChildren): JSX.Element => {\n  const {\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    referrer,\n    routePriority,\n    slippage,\n  } = useWidgetConfig()\n\n  const client: SDKClient = useMemo(() => {\n    return createClient({\n      ...sdkConfig,\n      apiKey,\n      integrator: integrator ?? window?.location.hostname,\n      routeOptions: {\n        fee: feeConfig?.fee,\n        referrer,\n        order: routePriority,\n        slippage,\n        ...sdkConfig?.routeOptions,\n      },\n      disableVersionCheck: true,\n      widgetVersion: version,\n    })\n  }, [\n    sdkConfig,\n    apiKey,\n    integrator,\n    feeConfig,\n    referrer,\n    routePriority,\n    slippage,\n  ])\n\n  return <SDKClientContext value={client}>{children}</SDKClientContext>\n}\n"],"mappings":";;;;;;AAWA,MAAM,mBAAmB,cAAyB,CAAC,CAAc;AAEjE,MAAa,qBAAgC,IAAI,gBAAgB;AAEjE,MAAa,qBAAqB,EAChC,eACoC;CACpC,MAAM,EACJ,WACA,QACA,YACA,WACA,UACA,eACA,aACE,gBAAgB;CAEpB,MAAM,SAAoB,cAAc;EACtC,OAAO,aAAa;GAClB,GAAG;GACH;GACA,YAAY,cAAc,QAAQ,SAAS;GAC3C,cAAc;IACZ,KAAK,WAAW;IAChB;IACA,OAAO;IACP;IACA,GAAG,WAAW;GAChB;GACA,qBAAqB;GACrB,eAAe;EACjB,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO,oBAAC,kBAAD;EAAkB,OAAO;EAAS;CAA2B,CAAA;AACtE"}

package/dist/esm/providers/WidgetProvider/WidgetProvider.js

@@ -1,12 +1,11 @@
 import { useSettingsActions } from "../../stores/settings/useSettingsActions.js";
-import { createContext, useContext, useId, useMemo } from "react";
+import { createContext, use, useId, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/providers/WidgetProvider/WidgetProvider.tsx
 const WidgetContext = createContext({
 	elementId: "",
 	integrator: ""
 });
-const useWidgetConfig = () => useContext(WidgetContext);
+const useWidgetConfig = () => use(WidgetContext);
 const WidgetProvider = ({ children, config: widgetConfig }) => {
 	const elementId = useId();
 	const { setDefaultSettings } = useSettingsActions();
@@ -32,12 +31,12 @@ const WidgetProvider = ({ children, config: widgetConfig }) => {
 		widgetConfig,
 		setDefaultSettings
 	]);
-	return /* @__PURE__ */ jsx(WidgetContext.Provider, {
+	return /* @__PURE__ */ jsx(WidgetContext, {
 		value,
 		children
 	});
 };
 //#endregion
-export { WidgetProvider, useWidgetConfig };
+export { WidgetContext, WidgetProvider, useWidgetConfig };
 
 //# sourceMappingURL=WidgetProvider.js.map

package/dist/esm/providers/WidgetProvider/WidgetProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import { createContext, useContext, useId, useMemo } from 'react'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport type { WidgetContextProps, WidgetProviderProps } from './types.js'\n\nconst initialContext: WidgetContextProps = {\n  elementId: '',\n  integrator: '',\n}\n\nconst WidgetContext = createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps =>\n  useContext(WidgetContext)\n\nexport const WidgetProvider: React.FC<\n  React.PropsWithChildren<WidgetProviderProps>\n> = ({ children, config: widgetConfig }) => {\n  const elementId = useId()\n  const { setDefaultSettings } = useSettingsActions()\n\n  if (!widgetConfig?.integrator) {\n    throw new Error('Required property \"integrator\" is missing.')\n  }\n\n  const value = useMemo((): WidgetContextProps => {\n    try {\n      // Create widget configuration object\n      const value = {\n        ...widgetConfig,\n        elementId,\n      } as WidgetContextProps\n\n      // Set default settings for widget settings store\n      setDefaultSettings(value)\n\n      return value\n    } catch (e) {\n      console.warn(e)\n      return {\n        ...widgetConfig,\n        elementId,\n        integrator: widgetConfig.integrator,\n      }\n    }\n  }, [elementId, widgetConfig, setDefaultSettings])\n  return (\n    <WidgetContext.Provider value={value}>{children}</WidgetContext.Provider>\n  )\n}\n"],"mappings":";;;;AASA,MAAM,gBAAgB,cAAkC;CAJtD,WAAW;CACX,YAAY;AAGuD,CAAC;AAEtE,MAAa,wBACX,WAAW,aAAa;AAE1B,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,uBAAuB,mBAAmB;CAElD,IAAI,CAAC,cAAc,YACjB,MAAM,IAAI,MAAM,8CAA4C;CAG9D,MAAM,QAAQ,cAAkC;EAC9C,IAAI;GAEF,MAAM,QAAQ;IACZ,GAAG;IACH;GACF;GAGA,mBAAmB,KAAK;GAExB,OAAO;EACT,SAAS,GAAG;GACV,QAAQ,KAAK,CAAC;GACd,OAAO;IACL,GAAG;IACH;IACA,YAAY,aAAa;GAC3B;EACF;CACF,GAAG;EAAC;EAAW;EAAc;CAAkB,CAAC;CAChD,OACE,oBAAC,cAAc,UAAf;EAA+B;EAAQ;CAAiC,CAAA;AAE5E"}
+{"version":3,"file":"WidgetProvider.js","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"sourcesContent":["import type { Context } from 'react'\nimport { createContext, use, useId, useMemo } from 'react'\nimport { useSettingsActions } from '../../stores/settings/useSettingsActions.js'\nimport type { WidgetContextProps, WidgetProviderProps } from './types.js'\n\nconst initialContext: WidgetContextProps = {\n  elementId: '',\n  integrator: '',\n}\n\nexport const WidgetContext: Context<WidgetContextProps> =\n  createContext<WidgetContextProps>(initialContext)\n\nexport const useWidgetConfig = (): WidgetContextProps => use(WidgetContext)\n\nexport const WidgetProvider: React.FC<\n  React.PropsWithChildren<WidgetProviderProps>\n> = ({ children, config: widgetConfig }) => {\n  const elementId = useId()\n  const { setDefaultSettings } = useSettingsActions()\n\n  if (!widgetConfig?.integrator) {\n    throw new Error('Required property \"integrator\" is missing.')\n  }\n\n  const value = useMemo((): WidgetContextProps => {\n    try {\n      // Create widget configuration object\n      const value = {\n        ...widgetConfig,\n        elementId,\n      } as WidgetContextProps\n\n      // Set default settings for widget settings store\n      setDefaultSettings(value)\n\n      return value\n    } catch (e) {\n      console.warn(e)\n      return {\n        ...widgetConfig,\n        elementId,\n        integrator: widgetConfig.integrator,\n      }\n    }\n  }, [elementId, widgetConfig, setDefaultSettings])\n  return <WidgetContext value={value}>{children}</WidgetContext>\n}\n"],"mappings":";;;AAUA,MAAa,gBACX,cAAkC;CALlC,WAAW;CACX,YAAY;AAIsB,CAAc;AAElD,MAAa,wBAA4C,IAAI,aAAa;AAE1E,MAAa,kBAER,EAAE,UAAU,QAAQ,mBAAmB;CAC1C,MAAM,YAAY,MAAM;CACxB,MAAM,EAAE,uBAAuB,mBAAmB;CAElD,IAAI,CAAC,cAAc,YACjB,MAAM,IAAI,MAAM,8CAA4C;CAG9D,MAAM,QAAQ,cAAkC;EAC9C,IAAI;GAEF,MAAM,QAAQ;IACZ,GAAG;IACH;GACF;GAGA,mBAAmB,KAAK;GAExB,OAAO;EACT,SAAS,GAAG;GACV,QAAQ,KAAK,CAAC;GACd,OAAO;IACL,GAAG;IACH;IACA,YAAY,aAAa;GAC3B;EACF;CACF,GAAG;EAAC;EAAW;EAAc;CAAkB,CAAC;CAChD,OAAO,oBAAC,eAAD;EAAsB;EAAQ;CAAwB,CAAA;AAC/D"}

package/dist/esm/stores/StoreProvider.js

@@ -1,16 +1,15 @@
 import { HeaderStoreProvider } from "./header/useHeaderStore.js";
-import { SplitModeStoreProvider } from "./settings/useSplitModeStore.js";
+import { NavigationTabsStoreProvider } from "./navigationTabs/useNavigationTabsStore.js";
 import { BookmarkStoreProvider } from "./bookmarks/BookmarkStore.js";
 import { ChainOrderStoreProvider } from "./chains/ChainOrderStore.js";
 import { RouteExecutionStoreProvider } from "./routes/RouteExecutionStore.js";
 import { PinnedTokensStoreProvider } from "./pinnedTokens/PinnedTokensStore.js";
-import { getSplitMode } from "../utils/variant.js";
 import { FormStoreProvider } from "./form/FormStore.js";
 import { jsx } from "react/jsx-runtime";
 //#region src/stores/StoreProvider.tsx
 const StoreProvider = ({ children, config, formRef }) => {
-	return /* @__PURE__ */ jsx(SplitModeStoreProvider, {
-		state: config.mode === "split" ? getSplitMode(config.modeOptions?.split) : void 0,
+	return /* @__PURE__ */ jsx(NavigationTabsStoreProvider, {
+		config,
 		children: /* @__PURE__ */ jsx(HeaderStoreProvider, {
 			namePrefix: config?.keyPrefix,
 			children: /* @__PURE__ */ jsx(BookmarkStoreProvider, {

package/dist/esm/stores/StoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoreProvider.js","names":[],"sources":["../../../src/stores/StoreProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport type { WidgetConfigProps } from '../types/widget.js'\nimport { getSplitMode } from '../utils/variant.js'\nimport { BookmarkStoreProvider } from './bookmarks/BookmarkStore.js'\nimport { ChainOrderStoreProvider } from './chains/ChainOrderStore.js'\nimport { FormStoreProvider } from './form/FormStore.js'\nimport { HeaderStoreProvider } from './header/useHeaderStore.js'\nimport { PinnedTokensStoreProvider } from './pinnedTokens/PinnedTokensStore.js'\nimport { RouteExecutionStoreProvider } from './routes/RouteExecutionStore.js'\nimport { SplitModeStoreProvider } from './settings/useSplitModeStore.js'\n\nexport const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({\n  children,\n  config,\n  formRef,\n}) => {\n  return (\n    <SplitModeStoreProvider\n      state={\n        config.mode === 'split'\n          ? getSplitMode(config.modeOptions?.split)\n          : undefined\n      }\n    >\n      <HeaderStoreProvider namePrefix={config?.keyPrefix}>\n        <BookmarkStoreProvider namePrefix={config?.keyPrefix}>\n          <PinnedTokensStoreProvider namePrefix={config?.keyPrefix}>\n            <FormStoreProvider formRef={formRef}>\n              <ChainOrderStoreProvider namePrefix={config?.keyPrefix}>\n                <RouteExecutionStoreProvider namePrefix={config?.keyPrefix}>\n                  {children}\n                </RouteExecutionStoreProvider>\n              </ChainOrderStoreProvider>\n            </FormStoreProvider>\n          </PinnedTokensStoreProvider>\n        </BookmarkStoreProvider>\n      </HeaderStoreProvider>\n    </SplitModeStoreProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;AAWA,MAAa,iBAAiE,EAC5E,UACA,QACA,cACI;CACJ,OACE,oBAAC,wBAAD;EACE,OACE,OAAO,SAAS,UACZ,aAAa,OAAO,aAAa,KAAK,IACtC,KAAA;YAGN,oBAAC,qBAAD;GAAqB,YAAY,QAAQ;aACvC,oBAAC,uBAAD;IAAuB,YAAY,QAAQ;cACzC,oBAAC,2BAAD;KAA2B,YAAY,QAAQ;eAC7C,oBAAC,mBAAD;MAA4B;gBAC1B,oBAAC,yBAAD;OAAyB,YAAY,QAAQ;iBAC3C,oBAAC,6BAAD;QAA6B,YAAY,QAAQ;QAC9C;OAC0B,CAAA;MACN,CAAA;KACR,CAAA;IACM,CAAA;GACN,CAAA;EACJ,CAAA;CACC,CAAA;AAE5B"}
+{"version":3,"file":"StoreProvider.js","names":[],"sources":["../../../src/stores/StoreProvider.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react'\nimport type { WidgetConfigProps } from '../types/widget.js'\nimport { BookmarkStoreProvider } from './bookmarks/BookmarkStore.js'\nimport { ChainOrderStoreProvider } from './chains/ChainOrderStore.js'\nimport { FormStoreProvider } from './form/FormStore.js'\nimport { HeaderStoreProvider } from './header/useHeaderStore.js'\nimport { NavigationTabsStoreProvider } from './navigationTabs/useNavigationTabsStore.js'\nimport { PinnedTokensStoreProvider } from './pinnedTokens/PinnedTokensStore.js'\nimport { RouteExecutionStoreProvider } from './routes/RouteExecutionStore.js'\n\nexport const StoreProvider: React.FC<PropsWithChildren<WidgetConfigProps>> = ({\n  children,\n  config,\n  formRef,\n}) => {\n  return (\n    <NavigationTabsStoreProvider config={config}>\n      <HeaderStoreProvider namePrefix={config?.keyPrefix}>\n        <BookmarkStoreProvider namePrefix={config?.keyPrefix}>\n          <PinnedTokensStoreProvider namePrefix={config?.keyPrefix}>\n            <FormStoreProvider formRef={formRef}>\n              <ChainOrderStoreProvider namePrefix={config?.keyPrefix}>\n                <RouteExecutionStoreProvider namePrefix={config?.keyPrefix}>\n                  {children}\n                </RouteExecutionStoreProvider>\n              </ChainOrderStoreProvider>\n            </FormStoreProvider>\n          </PinnedTokensStoreProvider>\n        </BookmarkStoreProvider>\n      </HeaderStoreProvider>\n    </NavigationTabsStoreProvider>\n  )\n}\n"],"mappings":";;;;;;;;;AAUA,MAAa,iBAAiE,EAC5E,UACA,QACA,cACI;CACJ,OACE,oBAAC,6BAAD;EAAqC;YACnC,oBAAC,qBAAD;GAAqB,YAAY,QAAQ;aACvC,oBAAC,uBAAD;IAAuB,YAAY,QAAQ;cACzC,oBAAC,2BAAD;KAA2B,YAAY,QAAQ;eAC7C,oBAAC,mBAAD;MAA4B;gBAC1B,oBAAC,yBAAD;OAAyB,YAAY,QAAQ;iBAC3C,oBAAC,6BAAD;QAA6B,YAAY,QAAQ;QAC9C;OAC0B,CAAA;MACN,CAAA;KACR,CAAA;IACM,CAAA;GACN,CAAA;EACJ,CAAA;CACM,CAAA;AAEjC"}

package/dist/esm/stores/bookmarks/BookmarkStore.js

@@ -1,6 +1,6 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
 import { createBookmarksStore } from "./createBookmarkStore.js";
-import { createContext, useContext, useRef } from "react";
+import { createContext, use, useRef } from "react";
 import { useShallow } from "zustand/shallow";
 import { jsx } from "react/jsx-runtime";
 //#region src/stores/bookmarks/BookmarkStore.tsx
@@ -12,13 +12,13 @@ const BookmarkStoreProvider = ({ children, ...props }) => {
 		...props,
 		toAddress
 	});
-	return /* @__PURE__ */ jsx(BookmarkStoreContext.Provider, {
+	return /* @__PURE__ */ jsx(BookmarkStoreContext, {
 		value: storeRef.current,
 		children
 	});
 };
 function useBookmarkStore(selector) {
-	const useStore = useContext(BookmarkStoreContext);
+	const useStore = use(BookmarkStoreContext);
 	if (!useStore) throw new Error(`You forgot to wrap your component in <${BookmarkStoreProvider.name}>.`);
 	return useStore(useShallow(selector));
 }

package/dist/esm/stores/bookmarks/BookmarkStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookmarkStore.js","names":[],"sources":["../../../../src/stores/bookmarks/BookmarkStore.tsx"],"sourcesContent":["import { createContext, useContext, useRef } from 'react'\nimport { useShallow } from 'zustand/shallow'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createBookmarksStore } from './createBookmarkStore.js'\nimport type { BookmarkState, BookmarkStore } from './types.js'\n\nconst BookmarkStoreContext = createContext<BookmarkStore | null>(null)\n\nexport const BookmarkStoreProvider: React.FC<PersistStoreProviderProps> = ({\n  children,\n  ...props\n}) => {\n  const { toAddress } = useWidgetConfig()\n  const storeRef = useRef<BookmarkStore>(null)\n\n  if (!storeRef.current) {\n    storeRef.current = createBookmarksStore({ ...props, toAddress })\n  }\n\n  return (\n    <BookmarkStoreContext.Provider value={storeRef.current}>\n      {children}\n    </BookmarkStoreContext.Provider>\n  )\n}\n\nexport function useBookmarkStore<T>(selector: (store: BookmarkState) => T): T {\n  const useStore = useContext(BookmarkStoreContext)\n\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${BookmarkStoreProvider.name}>.`\n    )\n  }\n\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;;AAOA,MAAM,uBAAuB,cAAoC,IAAI;AAErE,MAAa,yBAA8D,EACzE,UACA,GAAG,YACC;CACJ,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,WAAW,OAAsB,IAAI;CAE3C,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,qBAAqB;EAAE,GAAG;EAAO;CAAU,CAAC;CAGjE,OACE,oBAAC,qBAAqB,UAAtB;EAA+B,OAAO,SAAS;EAC5C;CAC4B,CAAA;AAEnC;AAEA,SAAgB,iBAAoB,UAA0C;CAC5E,MAAM,WAAW,WAAW,oBAAoB;CAEhD,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,sBAAsB,KAAK,GACtE;CAGF,OAAO,SAAS,WAAW,QAAQ,CAAC;AACtC"}
+{"version":3,"file":"BookmarkStore.js","names":[],"sources":["../../../../src/stores/bookmarks/BookmarkStore.tsx"],"sourcesContent":["import { createContext, use, useRef } from 'react'\nimport { useShallow } from 'zustand/shallow'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createBookmarksStore } from './createBookmarkStore.js'\nimport type { BookmarkState, BookmarkStore } from './types.js'\n\nconst BookmarkStoreContext = createContext<BookmarkStore | null>(null)\n\nexport const BookmarkStoreProvider: React.FC<PersistStoreProviderProps> = ({\n  children,\n  ...props\n}) => {\n  const { toAddress } = useWidgetConfig()\n  const storeRef = useRef<BookmarkStore>(null)\n\n  if (!storeRef.current) {\n    storeRef.current = createBookmarksStore({ ...props, toAddress })\n  }\n\n  return (\n    <BookmarkStoreContext value={storeRef.current}>\n      {children}\n    </BookmarkStoreContext>\n  )\n}\n\nexport function useBookmarkStore<T>(selector: (store: BookmarkState) => T): T {\n  const useStore = use(BookmarkStoreContext)\n\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${BookmarkStoreProvider.name}>.`\n    )\n  }\n\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;;AAOA,MAAM,uBAAuB,cAAoC,IAAI;AAErE,MAAa,yBAA8D,EACzE,UACA,GAAG,YACC;CACJ,MAAM,EAAE,cAAc,gBAAgB;CACtC,MAAM,WAAW,OAAsB,IAAI;CAE3C,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,qBAAqB;EAAE,GAAG;EAAO;CAAU,CAAC;CAGjE,OACE,oBAAC,sBAAD;EAAsB,OAAO,SAAS;EACnC;CACmB,CAAA;AAE1B;AAEA,SAAgB,iBAAoB,UAA0C;CAC5E,MAAM,WAAW,IAAI,oBAAoB;CAEzC,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,sBAAsB,KAAK,GACtE;CAGF,OAAO,SAAS,WAAW,QAAQ,CAAC;AACtC"}

package/dist/esm/stores/bookmarks/createBookmarkStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createBookmarkStore.js","names":[],"sources":["../../../../src/stores/bookmarks/createBookmarkStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport type { ToAddress } from '../../types/widget.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { BookmarkState } from './types.js'\n\nconst recentWalletsLimit = 10\n\ninterface PersistBookmarkProps extends PersistStoreProps {\n  toAddress?: ToAddress\n}\nexport const createBookmarksStore = ({\n  namePrefix,\n  toAddress,\n}: PersistBookmarkProps): UseBoundStore<StoreApi<BookmarkState>> =>\n  create<BookmarkState>()(\n    persist(\n      (set, get) => ({\n        selectedBookmark: toAddress,\n        bookmarks: [],\n        recentWallets: [],\n        getBookmark: (address) =>\n          get().bookmarks.find((bookmark) => bookmark.address === address),\n        addBookmark: (bookmark) => {\n          set((state) => ({\n            bookmarks: [bookmark, ...state.bookmarks],\n          }))\n        },\n        removeBookmark: (address) => {\n          set((state) => ({\n            bookmarks: state.bookmarks.filter(\n              (storedBookmark) => storedBookmark.address !== address\n            ),\n          }))\n        },\n        getSelectedBookmark: () => get().selectedBookmark,\n        setSelectedBookmark: (bookmark) => {\n          set((_state) => ({\n            selectedBookmark: bookmark,\n          }))\n        },\n        addRecentWallet: (bookmark) => {\n          set((state) => ({\n            recentWallets: [\n              bookmark,\n              ...state.recentWallets.filter(\n                (recentWallet) => recentWallet.address !== bookmark.address\n              ),\n            ].slice(0, recentWalletsLimit),\n          }))\n        },\n        removeRecentWallet: (address) => {\n          set((state) => ({\n            recentWallets: state.recentWallets.filter(\n              (storedRecent) => storedRecent.address !== address\n            ),\n          }))\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-bookmarks`,\n        version: 0,\n        partialize: (state) => ({\n          bookmarks: state.bookmarks,\n          recentWallets: state.recentWallets,\n        }),\n        onRehydrateStorage: () => {\n          return (state) => {\n            if (state && toAddress && !toAddress.name) {\n              const existingBookmark = state.getBookmark(toAddress.address)\n              if (existingBookmark) {\n                state.setSelectedBookmark(existingBookmark)\n              }\n            }\n          }\n        },\n      }\n    )\n  )\n"],"mappings":";;;AAOA,MAAM,qBAAqB;AAK3B,MAAa,wBAAwB,EACnC,YACA,gBAEA,OAAsB,EACpB,SACG,KAAK,SAAS;CACb,kBAAkB;CAClB,WAAW,CAAC;CACZ,eAAe,CAAC;CAChB,cAAc,YACZ,IAAI,EAAE,UAAU,MAAM,aAAa,SAAS,YAAY,OAAO;CACjE,cAAc,aAAa;EACzB,KAAK,WAAW,EACd,WAAW,CAAC,UAAU,GAAG,MAAM,SAAS,EAC1C,EAAE;CACJ;CACA,iBAAiB,YAAY;EAC3B,KAAK,WAAW,EACd,WAAW,MAAM,UAAU,QACxB,mBAAmB,eAAe,YAAY,OACjD,EACF,EAAE;CACJ;CACA,2BAA2B,IAAI,EAAE;CACjC,sBAAsB,aAAa;EACjC,KAAK,YAAY,EACf,kBAAkB,SACpB,EAAE;CACJ;CACA,kBAAkB,aAAa;EAC7B,KAAK,WAAW,EACd,eAAe,CACb,UACA,GAAG,MAAM,cAAc,QACpB,iBAAiB,aAAa,YAAY,SAAS,OACtD,CACF,EAAE,MAAM,GAAG,kBAAkB,EAC/B,EAAE;CACJ;CACA,qBAAqB,YAAY;EAC/B,KAAK,WAAW,EACd,eAAe,MAAM,cAAc,QAChC,iBAAiB,aAAa,YAAY,OAC7C,EACF,EAAE;CACJ;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW;EACtB,WAAW,MAAM;EACjB,eAAe,MAAM;CACvB;CACA,0BAA0B;EACxB,QAAQ,UAAU;GAChB,IAAI,SAAS,aAAa,CAAC,UAAU,MAAM;IACzC,MAAM,mBAAmB,MAAM,YAAY,UAAU,OAAO;IAC5D,IAAI,kBACF,MAAM,oBAAoB,gBAAgB;GAE9C;EACF;CACF;AACF,CACF,CACF"}
+{"version":3,"file":"createBookmarkStore.js","names":[],"sources":["../../../../src/stores/bookmarks/createBookmarkStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport type { ToAddress } from '../../types/widget.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { BookmarkState } from './types.js'\n\nconst recentWalletsLimit = 10\n\ninterface PersistBookmarkProps extends PersistStoreProps {\n  toAddress?: ToAddress\n}\nexport const createBookmarksStore = ({\n  namePrefix,\n  toAddress,\n}: PersistBookmarkProps): UseBoundStore<StoreApi<BookmarkState>> =>\n  create<BookmarkState>()(\n    persist(\n      (set, get) => ({\n        selectedBookmark: toAddress,\n        bookmarks: [],\n        recentWallets: [],\n        getBookmark: (address) =>\n          get().bookmarks.find((bookmark) => bookmark.address === address),\n        addBookmark: (bookmark) => {\n          set((state) => ({\n            bookmarks: [bookmark, ...state.bookmarks],\n          }))\n        },\n        removeBookmark: (address) => {\n          set((state) => ({\n            bookmarks: state.bookmarks.filter(\n              (storedBookmark) => storedBookmark.address !== address\n            ),\n          }))\n        },\n        getSelectedBookmark: () => get().selectedBookmark,\n        setSelectedBookmark: (bookmark) => {\n          set((_state) => ({\n            selectedBookmark: bookmark,\n          }))\n        },\n        addRecentWallet: (bookmark) => {\n          set((state) => ({\n            recentWallets: [\n              bookmark,\n              ...state.recentWallets.filter(\n                (recentWallet) => recentWallet.address !== bookmark.address\n              ),\n            ].slice(0, recentWalletsLimit),\n          }))\n        },\n        removeRecentWallet: (address) => {\n          set((state) => ({\n            recentWallets: state.recentWallets.filter(\n              (storedRecent) => storedRecent.address !== address\n            ),\n          }))\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-bookmarks`,\n        version: 0,\n        partialize: (state) => ({\n          bookmarks: state.bookmarks,\n          recentWallets: state.recentWallets,\n        }),\n        onRehydrateStorage: () => {\n          return (state) => {\n            if (state && toAddress && !toAddress.name) {\n              const existingBookmark = state.getBookmark(toAddress.address)\n              if (existingBookmark) {\n                state.setSelectedBookmark(existingBookmark)\n              }\n            }\n          }\n        },\n      }\n    )\n  )\n"],"mappings":";;;AAOA,MAAM,qBAAqB;AAK3B,MAAa,wBAAwB,EACnC,YACA,gBAEA,OAAsB,CAAC,CACrB,SACG,KAAK,SAAS;CACb,kBAAkB;CAClB,WAAW,CAAC;CACZ,eAAe,CAAC;CAChB,cAAc,YACZ,IAAI,CAAC,CAAC,UAAU,MAAM,aAAa,SAAS,YAAY,OAAO;CACjE,cAAc,aAAa;EACzB,KAAK,WAAW,EACd,WAAW,CAAC,UAAU,GAAG,MAAM,SAAS,EAC1C,EAAE;CACJ;CACA,iBAAiB,YAAY;EAC3B,KAAK,WAAW,EACd,WAAW,MAAM,UAAU,QACxB,mBAAmB,eAAe,YAAY,OACjD,EACF,EAAE;CACJ;CACA,2BAA2B,IAAI,CAAC,CAAC;CACjC,sBAAsB,aAAa;EACjC,KAAK,YAAY,EACf,kBAAkB,SACpB,EAAE;CACJ;CACA,kBAAkB,aAAa;EAC7B,KAAK,WAAW,EACd,eAAe,CACb,UACA,GAAG,MAAM,cAAc,QACpB,iBAAiB,aAAa,YAAY,SAAS,OACtD,CACF,CAAC,CAAC,MAAM,GAAG,kBAAkB,EAC/B,EAAE;CACJ;CACA,qBAAqB,YAAY;EAC/B,KAAK,WAAW,EACd,eAAe,MAAM,cAAc,QAChC,iBAAiB,aAAa,YAAY,OAC7C,EACF,EAAE;CACJ;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW;EACtB,WAAW,MAAM;EACjB,eAAe,MAAM;CACvB;CACA,0BAA0B;EACxB,QAAQ,UAAU;GAChB,IAAI,SAAS,aAAa,CAAC,UAAU,MAAM;IACzC,MAAM,mBAAmB,MAAM,YAAY,UAAU,OAAO;IAC5D,IAAI,kBACF,MAAM,oBAAoB,gBAAgB;GAE9C;EACF;CACF;AACF,CACF,CACF"}

package/dist/esm/stores/chains/ChainOrderStore.js

@@ -1,12 +1,12 @@
+import { getConfigItemSets, isItemAllowedForSets } from "../../utils/item.js";
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
 import { useSwapOnly } from "../../hooks/useSwapOnly.js";
-import { getConfigItemSets, isItemAllowedForSets } from "../../utils/item.js";
 import { useChains } from "../../hooks/useChains.js";
 import { useFieldActions } from "../form/useFieldActions.js";
 import { useExternalWalletProvider } from "../../providers/WalletProvider/useExternalWalletProvider.js";
 import { getDefaultValuesFromQueryString } from "../form/getDefaultValuesFromQueryString.js";
 import { createChainOrderStore } from "./createChainOrderStore.js";
-import { createContext, useContext, useEffect, useRef } from "react";
+import { createContext, use, useEffect, useRef } from "react";
 import { useShallow } from "zustand/shallow";
 import { jsx } from "react/jsx-runtime";
 //#region src/stores/chains/ChainOrderStore.tsx
@@ -63,13 +63,13 @@ function ChainOrderStoreProvider({ children, ...props }) {
 		toChainConfig,
 		buildUrl
 	]);
-	return /* @__PURE__ */ jsx(ChainOrderStoreContext.Provider, {
+	return /* @__PURE__ */ jsx(ChainOrderStoreContext, {
 		value: storeRef.current,
 		children
 	});
 }
 function useChainOrderStoreContext() {
-	const useStore = useContext(ChainOrderStoreContext);
+	const useStore = use(ChainOrderStoreContext);
 	if (!useStore) throw new Error(`You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`);
 	return useStore;
 }

package/dist/esm/stores/chains/ChainOrderStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"sourcesContent":["import { createContext, type JSX, useContext, useEffect, useRef } from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport { useChains } from '../../hooks/useChains.js'\nimport { useSwapOnly } from '../../hooks/useSwapOnly.js'\nimport { useExternalWalletProvider } from '../../providers/WalletProvider/useExternalWalletProvider.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js'\nimport { getDefaultValuesFromQueryString } from '../form/getDefaultValuesFromQueryString.js'\nimport type { FormType } from '../form/types.js'\nimport { useFieldActions } from '../form/useFieldActions.js'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createChainOrderStore } from './createChainOrderStore.js'\nimport type { ChainOrderState } from './types.js'\n\ntype ChainOrderStore = UseBoundStore<StoreApi<ChainOrderState>>\n\nconst ChainOrderStoreContext = createContext<ChainOrderStore | null>(null)\n\nexport function ChainOrderStoreProvider({\n  children,\n  ...props\n}: PersistStoreProviderProps): JSX.Element {\n  const {\n    chains: chainsConfig,\n    hiddenUI,\n    fromChain: fromChainConfig,\n    toChain: toChainConfig,\n    buildUrl,\n  } = useWidgetConfig()\n  const storeRef = useRef<ChainOrderStore>(null)\n  const { chains } = useChains()\n  const { setFieldValue, getFieldValues } = useFieldActions()\n  const swapOnly = useSwapOnly()\n  const { variant } = useWidgetConfig()\n  const { externalChainTypes, useExternalWalletProvidersOnly } =\n    useExternalWalletProvider()\n\n  if (!storeRef.current) {\n    storeRef.current = createChainOrderStore({\n      ...props,\n    })\n  }\n\n  useEffect(() => {\n    if (chains) {\n      ;(['from', 'to'] as FormType[]).forEach((key) => {\n        const configChainIds = chainsConfig?.[key]\n        const isFromKey = key === 'from'\n\n        // Convert configChainIds to Sets for O(1) lookup\n        const configChainIdsSet = getConfigItemSets(\n          configChainIds,\n          (chainIds) => new Set(chainIds)\n        )\n        const filteredChains = chains.filter((chain) => {\n          const passesChainsConfigFilter = configChainIdsSet\n            ? isItemAllowedForSets(chain.id, configChainIdsSet)\n            : true\n          // If the integrator uses external wallet management and has not opted in for partial wallet management,\n          // restrict the displayed chains to those compatible with external wallet management.\n          // This ensures users only see chains for which they can sign transactions.\n          const passesWalletConfigFilter = isFromKey\n            ? !useExternalWalletProvidersOnly ||\n              externalChainTypes.includes(chain.chainType)\n            : true\n          return passesChainsConfigFilter && passesWalletConfigFilter\n        })\n\n        const chainOrder = storeRef.current?.getState().initializeChains(\n          filteredChains.map((chain) => chain.id),\n          key\n        )\n\n        const isSwapTo = swapOnly && key === 'to'\n\n        // Show \"All networks\" button if there are multiple networks\n        const showAllNetworks =\n          filteredChains.length > 1 && !hiddenUI?.allNetworks && !isSwapTo\n\n        // Initialize the isAllNetworks with true if the tab is shown,\n        // there is no config chain value and no url chain value\n        const urlValues = getDefaultValuesFromQueryString({ buildUrl })\n        const urlChainValue =\n          key === 'from' ? urlValues.fromChain : urlValues.toChain\n        const configChainValue =\n          key === 'from' ? fromChainConfig : toChainConfig\n        const initialIsAllNetworks =\n          showAllNetworks && !configChainValue && !urlChainValue\n        storeRef.current?.getState().setIsAllNetworks(initialIsAllNetworks, key)\n        storeRef.current?.getState().setShowAllNetworks(showAllNetworks, key)\n\n        // If swap only, set the to chain to the from chain\n        if (isSwapTo) {\n          const [fromChainValue] = getFieldValues('fromChain')\n          setFieldValue('toChain', fromChainValue)\n        }\n\n        // When \"All Networks\" is active, don't auto-select a chain from the\n        // persisted chain order. This prevents stale cross-ecosystem selections\n        // (e.g. EVM from + Solana to) from triggering the \"destination wallet\n        // address required\" message after a page refresh.\n        if (initialIsAllNetworks) {\n          return\n        }\n\n        const [chainValue] = getFieldValues(`${key}Chain`)\n        if (chainValue) {\n          return\n        }\n\n        const firstAllowedPinnedChain = storeRef.current\n          ?.getState()\n          .pinnedChains?.find((chainId) =>\n            filteredChains.some((chain) => chain.id === chainId)\n          )\n        if (\n          variant === 'wide' &&\n          !hiddenUI?.chainSidebar &&\n          firstAllowedPinnedChain\n        ) {\n          setFieldValue(`${key}Chain`, firstAllowedPinnedChain)\n        } else if (chainOrder?.length) {\n          setFieldValue(`${key}Chain`, chainOrder[0])\n        }\n      })\n    }\n  }, [\n    chains,\n    chainsConfig,\n    externalChainTypes,\n    getFieldValues,\n    setFieldValue,\n    useExternalWalletProvidersOnly,\n    variant,\n    hiddenUI,\n    swapOnly,\n    fromChainConfig,\n    toChainConfig,\n    buildUrl,\n  ])\n\n  return (\n    <ChainOrderStoreContext.Provider value={storeRef.current}>\n      {children}\n    </ChainOrderStoreContext.Provider>\n  )\n}\n\nfunction useChainOrderStoreContext() {\n  const useStore = useContext(ChainOrderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useChainOrderStore<T>(\n  selector: (state: ChainOrderState) => T\n): T {\n  const useStore = useChainOrderStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,yBAAyB,cAAsC,IAAI;AAEzE,SAAgB,wBAAwB,EACtC,UACA,GAAG,SACsC;CACzC,MAAM,EACJ,QAAQ,cACR,UACA,WAAW,iBACX,SAAS,eACT,aACE,gBAAgB;CACpB,MAAM,WAAW,OAAwB,IAAI;CAC7C,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,EAAE,eAAe,mBAAmB,gBAAgB;CAC1D,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,YAAY,gBAAgB;CACpC,MAAM,EAAE,oBAAoB,mCAC1B,0BAA0B;CAE5B,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,sBAAsB,EACvC,GAAG,MACL,CAAC;CAGH,gBAAgB;EACd,IAAI,QACD,CAAE,QAAQ,IAAI,EAAiB,SAAS,QAAQ;GAC/C,MAAM,iBAAiB,eAAe;GACtC,MAAM,YAAY,QAAQ;GAG1B,MAAM,oBAAoB,kBACxB,iBACC,aAAa,IAAI,IAAI,QAAQ,CAChC;GACA,MAAM,iBAAiB,OAAO,QAAQ,UAAU;IAC9C,MAAM,2BAA2B,oBAC7B,qBAAqB,MAAM,IAAI,iBAAiB,IAChD;IAIJ,MAAM,2BAA2B,YAC7B,CAAC,kCACD,mBAAmB,SAAS,MAAM,SAAS,IAC3C;IACJ,OAAO,4BAA4B;GACrC,CAAC;GAED,MAAM,aAAa,SAAS,SAAS,SAAS,EAAE,iBAC9C,eAAe,KAAK,UAAU,MAAM,EAAE,GACtC,GACF;GAEA,MAAM,WAAW,YAAY,QAAQ;GAGrC,MAAM,kBACJ,eAAe,SAAS,KAAK,CAAC,UAAU,eAAe,CAAC;GAI1D,MAAM,YAAY,gCAAgC,EAAE,SAAS,CAAC;GAC9D,MAAM,gBACJ,QAAQ,SAAS,UAAU,YAAY,UAAU;GAGnD,MAAM,uBACJ,mBAAmB,EAFnB,QAAQ,SAAS,kBAAkB,kBAEK,CAAC;GAC3C,SAAS,SAAS,SAAS,EAAE,iBAAiB,sBAAsB,GAAG;GACvE,SAAS,SAAS,SAAS,EAAE,mBAAmB,iBAAiB,GAAG;GAGpE,IAAI,UAAU;IACZ,MAAM,CAAC,kBAAkB,eAAe,WAAW;IACnD,cAAc,WAAW,cAAc;GACzC;GAMA,IAAI,sBACF;GAGF,MAAM,CAAC,cAAc,eAAe,GAAG,IAAI,MAAM;GACjD,IAAI,YACF;GAGF,MAAM,0BAA0B,SAAS,SACrC,SAAS,EACV,cAAc,MAAM,YACnB,eAAe,MAAM,UAAU,MAAM,OAAO,OAAO,CACrD;GACF,IACE,YAAY,UACZ,CAAC,UAAU,gBACX,yBAEA,cAAc,GAAG,IAAI,QAAQ,uBAAuB;QAC/C,IAAI,YAAY,QACrB,cAAc,GAAG,IAAI,QAAQ,WAAW,EAAE;EAE9C,CAAC;CAEL,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,uBAAuB,UAAxB;EAAiC,OAAO,SAAS;EAC9C;CAC8B,CAAA;AAErC;AAEA,SAAS,4BAA4B;CACnC,MAAM,WAAW,WAAW,sBAAsB;CAClD,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,wBAAwB,KAAK,GACxE;CAEF,OAAO;AACT;AAEA,SAAgB,mBACd,UACG;CAEH,OADiB,0BACH,EAAE,WAAW,QAAQ,CAAC;AACtC"}
+{"version":3,"file":"ChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/ChainOrderStore.tsx"],"sourcesContent":["import { createContext, type JSX, use, useEffect, useRef } from 'react'\nimport type { StoreApi, UseBoundStore } from 'zustand'\nimport { useShallow } from 'zustand/shallow'\nimport { useChains } from '../../hooks/useChains.js'\nimport { useSwapOnly } from '../../hooks/useSwapOnly.js'\nimport { useExternalWalletProvider } from '../../providers/WalletProvider/useExternalWalletProvider.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js'\nimport { getDefaultValuesFromQueryString } from '../form/getDefaultValuesFromQueryString.js'\nimport type { FormType } from '../form/types.js'\nimport { useFieldActions } from '../form/useFieldActions.js'\nimport type { PersistStoreProviderProps } from '../types.js'\nimport { createChainOrderStore } from './createChainOrderStore.js'\nimport type { ChainOrderState } from './types.js'\n\ntype ChainOrderStore = UseBoundStore<StoreApi<ChainOrderState>>\n\nconst ChainOrderStoreContext = createContext<ChainOrderStore | null>(null)\n\nexport function ChainOrderStoreProvider({\n  children,\n  ...props\n}: PersistStoreProviderProps): JSX.Element {\n  const {\n    chains: chainsConfig,\n    hiddenUI,\n    fromChain: fromChainConfig,\n    toChain: toChainConfig,\n    buildUrl,\n  } = useWidgetConfig()\n  const storeRef = useRef<ChainOrderStore>(null)\n  const { chains } = useChains()\n  const { setFieldValue, getFieldValues } = useFieldActions()\n  const swapOnly = useSwapOnly()\n  const { variant } = useWidgetConfig()\n  const { externalChainTypes, useExternalWalletProvidersOnly } =\n    useExternalWalletProvider()\n\n  if (!storeRef.current) {\n    storeRef.current = createChainOrderStore({\n      ...props,\n    })\n  }\n\n  useEffect(() => {\n    if (chains) {\n      ;(['from', 'to'] as FormType[]).forEach((key) => {\n        const configChainIds = chainsConfig?.[key]\n        const isFromKey = key === 'from'\n\n        // Convert configChainIds to Sets for O(1) lookup\n        const configChainIdsSet = getConfigItemSets(\n          configChainIds,\n          (chainIds) => new Set(chainIds)\n        )\n        const filteredChains = chains.filter((chain) => {\n          const passesChainsConfigFilter = configChainIdsSet\n            ? isItemAllowedForSets(chain.id, configChainIdsSet)\n            : true\n          // If the integrator uses external wallet management and has not opted in for partial wallet management,\n          // restrict the displayed chains to those compatible with external wallet management.\n          // This ensures users only see chains for which they can sign transactions.\n          const passesWalletConfigFilter = isFromKey\n            ? !useExternalWalletProvidersOnly ||\n              externalChainTypes.includes(chain.chainType)\n            : true\n          return passesChainsConfigFilter && passesWalletConfigFilter\n        })\n\n        const chainOrder = storeRef.current?.getState().initializeChains(\n          filteredChains.map((chain) => chain.id),\n          key\n        )\n\n        const isSwapTo = swapOnly && key === 'to'\n\n        // Show \"All networks\" button if there are multiple networks\n        const showAllNetworks =\n          filteredChains.length > 1 && !hiddenUI?.allNetworks && !isSwapTo\n\n        // Initialize the isAllNetworks with true if the tab is shown,\n        // there is no config chain value and no url chain value\n        const urlValues = getDefaultValuesFromQueryString({ buildUrl })\n        const urlChainValue =\n          key === 'from' ? urlValues.fromChain : urlValues.toChain\n        const configChainValue =\n          key === 'from' ? fromChainConfig : toChainConfig\n        const initialIsAllNetworks =\n          showAllNetworks && !configChainValue && !urlChainValue\n        storeRef.current?.getState().setIsAllNetworks(initialIsAllNetworks, key)\n        storeRef.current?.getState().setShowAllNetworks(showAllNetworks, key)\n\n        // If swap only, set the to chain to the from chain\n        if (isSwapTo) {\n          const [fromChainValue] = getFieldValues('fromChain')\n          setFieldValue('toChain', fromChainValue)\n        }\n\n        // When \"All Networks\" is active, don't auto-select a chain from the\n        // persisted chain order. This prevents stale cross-ecosystem selections\n        // (e.g. EVM from + Solana to) from triggering the \"destination wallet\n        // address required\" message after a page refresh.\n        if (initialIsAllNetworks) {\n          return\n        }\n\n        const [chainValue] = getFieldValues(`${key}Chain`)\n        if (chainValue) {\n          return\n        }\n\n        const firstAllowedPinnedChain = storeRef.current\n          ?.getState()\n          .pinnedChains?.find((chainId) =>\n            filteredChains.some((chain) => chain.id === chainId)\n          )\n        if (\n          variant === 'wide' &&\n          !hiddenUI?.chainSidebar &&\n          firstAllowedPinnedChain\n        ) {\n          setFieldValue(`${key}Chain`, firstAllowedPinnedChain)\n        } else if (chainOrder?.length) {\n          setFieldValue(`${key}Chain`, chainOrder[0])\n        }\n      })\n    }\n  }, [\n    chains,\n    chainsConfig,\n    externalChainTypes,\n    getFieldValues,\n    setFieldValue,\n    useExternalWalletProvidersOnly,\n    variant,\n    hiddenUI,\n    swapOnly,\n    fromChainConfig,\n    toChainConfig,\n    buildUrl,\n  ])\n\n  return (\n    <ChainOrderStoreContext value={storeRef.current}>\n      {children}\n    </ChainOrderStoreContext>\n  )\n}\n\nfunction useChainOrderStoreContext() {\n  const useStore = use(ChainOrderStoreContext)\n  if (!useStore) {\n    throw new Error(\n      `You forgot to wrap your component in <${ChainOrderStoreProvider.name}>.`\n    )\n  }\n  return useStore\n}\n\nexport function useChainOrderStore<T>(\n  selector: (state: ChainOrderState) => T\n): T {\n  const useStore = useChainOrderStoreContext()\n  return useStore(useShallow(selector))\n}\n"],"mappings":";;;;;;;;;;;;AAiBA,MAAM,yBAAyB,cAAsC,IAAI;AAEzE,SAAgB,wBAAwB,EACtC,UACA,GAAG,SACsC;CACzC,MAAM,EACJ,QAAQ,cACR,UACA,WAAW,iBACX,SAAS,eACT,aACE,gBAAgB;CACpB,MAAM,WAAW,OAAwB,IAAI;CAC7C,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,EAAE,eAAe,mBAAmB,gBAAgB;CAC1D,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,YAAY,gBAAgB;CACpC,MAAM,EAAE,oBAAoB,mCAC1B,0BAA0B;CAE5B,IAAI,CAAC,SAAS,SACZ,SAAS,UAAU,sBAAsB,EACvC,GAAG,MACL,CAAC;CAGH,gBAAgB;EACd,IAAI,QACD,CAAE,QAAQ,IAAI,CAAC,CAAgB,SAAS,QAAQ;GAC/C,MAAM,iBAAiB,eAAe;GACtC,MAAM,YAAY,QAAQ;GAG1B,MAAM,oBAAoB,kBACxB,iBACC,aAAa,IAAI,IAAI,QAAQ,CAChC;GACA,MAAM,iBAAiB,OAAO,QAAQ,UAAU;IAC9C,MAAM,2BAA2B,oBAC7B,qBAAqB,MAAM,IAAI,iBAAiB,IAChD;IAIJ,MAAM,2BAA2B,YAC7B,CAAC,kCACD,mBAAmB,SAAS,MAAM,SAAS,IAC3C;IACJ,OAAO,4BAA4B;GACrC,CAAC;GAED,MAAM,aAAa,SAAS,SAAS,SAAS,CAAC,CAAC,iBAC9C,eAAe,KAAK,UAAU,MAAM,EAAE,GACtC,GACF;GAEA,MAAM,WAAW,YAAY,QAAQ;GAGrC,MAAM,kBACJ,eAAe,SAAS,KAAK,CAAC,UAAU,eAAe,CAAC;GAI1D,MAAM,YAAY,gCAAgC,EAAE,SAAS,CAAC;GAC9D,MAAM,gBACJ,QAAQ,SAAS,UAAU,YAAY,UAAU;GAGnD,MAAM,uBACJ,mBAAmB,EAFnB,QAAQ,SAAS,kBAAkB,kBAEK,CAAC;GAC3C,SAAS,SAAS,SAAS,CAAC,CAAC,iBAAiB,sBAAsB,GAAG;GACvE,SAAS,SAAS,SAAS,CAAC,CAAC,mBAAmB,iBAAiB,GAAG;GAGpE,IAAI,UAAU;IACZ,MAAM,CAAC,kBAAkB,eAAe,WAAW;IACnD,cAAc,WAAW,cAAc;GACzC;GAMA,IAAI,sBACF;GAGF,MAAM,CAAC,cAAc,eAAe,GAAG,IAAI,MAAM;GACjD,IAAI,YACF;GAGF,MAAM,0BAA0B,SAAS,SACrC,SAAS,CAAC,CACX,cAAc,MAAM,YACnB,eAAe,MAAM,UAAU,MAAM,OAAO,OAAO,CACrD;GACF,IACE,YAAY,UACZ,CAAC,UAAU,gBACX,yBAEA,cAAc,GAAG,IAAI,QAAQ,uBAAuB;QAC/C,IAAI,YAAY,QACrB,cAAc,GAAG,IAAI,QAAQ,WAAW,EAAE;EAE9C,CAAC;CAEL,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OACE,oBAAC,wBAAD;EAAwB,OAAO,SAAS;EACrC;CACqB,CAAA;AAE5B;AAEA,SAAS,4BAA4B;CACnC,MAAM,WAAW,IAAI,sBAAsB;CAC3C,IAAI,CAAC,UACH,MAAM,IAAI,MACR,yCAAyC,wBAAwB,KAAK,GACxE;CAEF,OAAO;AACT;AAEA,SAAgB,mBACd,UACG;CAEH,OADiB,0BACH,CAAC,CAAC,WAAW,QAAQ,CAAC;AACtC"}

package/dist/esm/stores/chains/createChainOrderStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"createChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/createChainOrderStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { ChainOrderState } from './types.js'\n\n// (10 tiles: 9 + 1 for \"All chains\")\nexport const maxGridItemsToShow = 10\nexport const maxChainsToShow: number = maxGridItemsToShow - 1\n// If there are more than maxChainsToShow chains to show,\n// -1 tile to show a button \"+ N\" more chains\nexport const maxChainsToOrder: number = maxChainsToShow - 1\n\nconst defaultChainState = {\n  from: [],\n  to: [],\n}\n\nexport const createChainOrderStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<ChainOrderState>> =>\n  create<ChainOrderState>()(\n    persist(\n      (set, get) => ({\n        chainOrder: defaultChainState,\n        fromIsAllNetworks: true,\n        toIsAllNetworks: true,\n        fromShowAllNetworks: true,\n        toShowAllNetworks: true,\n        availableChains: defaultChainState,\n        pinnedChains: [],\n        initializeChains: (chainIds, type) => {\n          set((state: ChainOrderState) => {\n            const chainOrder = state.chainOrder[type].filter((chainId) =>\n              chainIds.includes(chainId)\n            )\n            const chainsToAdd = chainIds.filter(\n              (chainId) => !chainOrder.includes(chainId)\n            )\n            if (chainOrder.length === maxChainsToOrder || !chainsToAdd.length) {\n              return {\n                availableChains: {\n                  ...state.availableChains,\n                  [type]: chainIds,\n                },\n                chainOrder: {\n                  ...state.chainOrder,\n                  [type]: chainOrder,\n                },\n              }\n            }\n            const chainsToAddLength = maxChainsToOrder - chainOrder.length\n            for (let index = 0; index < chainsToAddLength; index++) {\n              chainOrder.push(chainsToAdd[index])\n            }\n            return {\n              availableChains: {\n                ...state.availableChains,\n                [type]: chainIds,\n              },\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n          return get().chainOrder[type].slice(0, maxChainsToOrder)\n        },\n        setChain: (chainId, type) => {\n          const state = get()\n          if (\n            state.chainOrder[type].includes(chainId) ||\n            !state.availableChains[type].includes(chainId)\n          ) {\n            return\n          }\n          set((state: ChainOrderState) => {\n            const chainOrder = [chainId, ...state.chainOrder[type]].slice(\n              0,\n              maxChainsToOrder\n            )\n            return {\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n        },\n        setIsAllNetworks: (isAllNetworks, formType) => {\n          set({ [`${formType}IsAllNetworks`]: isAllNetworks })\n        },\n        setShowAllNetworks: (showAllNetworks, formType) => {\n          set({ [`${formType}ShowAllNetworks`]: showAllNetworks })\n        },\n        setPinnedChain: (chainId) => {\n          const currentPinnedChains = get().pinnedChains\n          const wasAlreadyPinned = currentPinnedChains.includes(chainId)\n          set((state: ChainOrderState) => {\n            const pinnedChains = [...state.pinnedChains]\n            if (wasAlreadyPinned) {\n              return {\n                pinnedChains: pinnedChains.filter((id) => id !== chainId),\n              }\n            }\n            pinnedChains.push(chainId)\n            return {\n              pinnedChains,\n            }\n          })\n          widgetEvents.emit(WidgetEvent.ChainPinned, {\n            chainId,\n            pinned: !wasAlreadyPinned,\n          })\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-chains-order`,\n        version: 4,\n        partialize: (state) => ({\n          chainOrder: state.chainOrder,\n          pinnedChains: state.pinnedChains,\n        }),\n      }\n    )\n  )\n"],"mappings":";;;;AAeA,MAAM,oBAAoB;CACxB,MAAM,CAAC;CACP,IAAI,CAAC;AACP;AAEA,MAAa,yBAAyB,EACpC,iBAEA,OAAwB,EACtB,SACG,KAAK,SAAS;CACb,YAAY;CACZ,mBAAmB;CACnB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,iBAAiB;CACjB,cAAc,CAAC;CACf,mBAAmB,UAAU,SAAS;EACpC,KAAK,UAA2B;GAC9B,MAAM,aAAa,MAAM,WAAW,MAAM,QAAQ,YAChD,SAAS,SAAS,OAAO,CAC3B;GACA,MAAM,cAAc,SAAS,QAC1B,YAAY,CAAC,WAAW,SAAS,OAAO,CAC3C;GACA,IAAI,WAAW,WAAA,KAA+B,CAAC,YAAY,QACzD,OAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;IACV;IACA,YAAY;KACV,GAAG,MAAM;MACR,OAAO;IACV;GACF;GAEF,MAAM,oBAAA,IAAuC,WAAW;GACxD,KAAK,IAAI,QAAQ,GAAG,QAAQ,mBAAmB,SAC7C,WAAW,KAAK,YAAY,MAAM;GAEpC,OAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;IACV;IACA,YAAY;KACV,GAAG,MAAM;MACR,OAAO;IACV;GACF;EACF,CAAC;EACD,OAAO,IAAI,EAAE,WAAW,MAAM,MAAM,GAAA,CAAmB;CACzD;CACA,WAAW,SAAS,SAAS;EAC3B,MAAM,QAAQ,IAAI;EAClB,IACE,MAAM,WAAW,MAAM,SAAS,OAAO,KACvC,CAAC,MAAM,gBAAgB,MAAM,SAAS,OAAO,GAE7C;EAEF,KAAK,UAA2B;GAC9B,MAAM,aAAa,CAAC,SAAS,GAAG,MAAM,WAAW,KAAK,EAAE,MACtD,GAAA,CAEF;GACA,OAAO,EACL,YAAY;IACV,GAAG,MAAM;KACR,OAAO;GACV,EACF;EACF,CAAC;CACH;CACA,mBAAmB,eAAe,aAAa;EAC7C,IAAI,GAAG,GAAG,SAAS,iBAAiB,cAAc,CAAC;CACrD;CACA,qBAAqB,iBAAiB,aAAa;EACjD,IAAI,GAAG,GAAG,SAAS,mBAAmB,gBAAgB,CAAC;CACzD;CACA,iBAAiB,YAAY;EAE3B,MAAM,mBADsB,IAAI,EAAE,aACW,SAAS,OAAO;EAC7D,KAAK,UAA2B;GAC9B,MAAM,eAAe,CAAC,GAAG,MAAM,YAAY;GAC3C,IAAI,kBACF,OAAO,EACL,cAAc,aAAa,QAAQ,OAAO,OAAO,OAAO,EAC1D;GAEF,aAAa,KAAK,OAAO;GACzB,OAAO,EACL,aACF;EACF,CAAC;EACD,aAAa,KAAA,eAA8B;GACzC;GACA,QAAQ,CAAC;EACX,CAAC;CACH;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW;EACtB,YAAY,MAAM;EAClB,cAAc,MAAM;CACtB;AACF,CACF,CACF"}
+{"version":3,"file":"createChainOrderStore.js","names":[],"sources":["../../../../src/stores/chains/createChainOrderStore.ts"],"sourcesContent":["import type { StoreApi, UseBoundStore } from 'zustand'\nimport { create } from 'zustand'\nimport { persist } from 'zustand/middleware'\nimport { widgetEvents } from '../../hooks/useWidgetEvents.js'\nimport { WidgetEvent } from '../../types/events.js'\nimport type { PersistStoreProps } from '../types.js'\nimport type { ChainOrderState } from './types.js'\n\n// (10 tiles: 9 + 1 for \"All chains\")\nexport const maxGridItemsToShow = 10\nexport const maxChainsToShow: number = maxGridItemsToShow - 1\n// If there are more than maxChainsToShow chains to show,\n// -1 tile to show a button \"+ N\" more chains\nexport const maxChainsToOrder: number = maxChainsToShow - 1\n\nconst defaultChainState = {\n  from: [],\n  to: [],\n}\n\nexport const createChainOrderStore = ({\n  namePrefix,\n}: PersistStoreProps): UseBoundStore<StoreApi<ChainOrderState>> =>\n  create<ChainOrderState>()(\n    persist(\n      (set, get) => ({\n        chainOrder: defaultChainState,\n        fromIsAllNetworks: true,\n        toIsAllNetworks: true,\n        fromShowAllNetworks: true,\n        toShowAllNetworks: true,\n        availableChains: defaultChainState,\n        pinnedChains: [],\n        initializeChains: (chainIds, type) => {\n          set((state: ChainOrderState) => {\n            const chainOrder = state.chainOrder[type].filter((chainId) =>\n              chainIds.includes(chainId)\n            )\n            const chainsToAdd = chainIds.filter(\n              (chainId) => !chainOrder.includes(chainId)\n            )\n            if (chainOrder.length === maxChainsToOrder || !chainsToAdd.length) {\n              return {\n                availableChains: {\n                  ...state.availableChains,\n                  [type]: chainIds,\n                },\n                chainOrder: {\n                  ...state.chainOrder,\n                  [type]: chainOrder,\n                },\n              }\n            }\n            const chainsToAddLength = maxChainsToOrder - chainOrder.length\n            for (let index = 0; index < chainsToAddLength; index++) {\n              chainOrder.push(chainsToAdd[index])\n            }\n            return {\n              availableChains: {\n                ...state.availableChains,\n                [type]: chainIds,\n              },\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n          return get().chainOrder[type].slice(0, maxChainsToOrder)\n        },\n        setChain: (chainId, type) => {\n          const state = get()\n          if (\n            state.chainOrder[type].includes(chainId) ||\n            !state.availableChains[type].includes(chainId)\n          ) {\n            return\n          }\n          set((state: ChainOrderState) => {\n            const chainOrder = [chainId, ...state.chainOrder[type]].slice(\n              0,\n              maxChainsToOrder\n            )\n            return {\n              chainOrder: {\n                ...state.chainOrder,\n                [type]: chainOrder,\n              },\n            }\n          })\n        },\n        setIsAllNetworks: (isAllNetworks, formType) => {\n          set({ [`${formType}IsAllNetworks`]: isAllNetworks })\n        },\n        setShowAllNetworks: (showAllNetworks, formType) => {\n          set({ [`${formType}ShowAllNetworks`]: showAllNetworks })\n        },\n        setPinnedChain: (chainId) => {\n          const currentPinnedChains = get().pinnedChains\n          const wasAlreadyPinned = currentPinnedChains.includes(chainId)\n          set((state: ChainOrderState) => {\n            const pinnedChains = [...state.pinnedChains]\n            if (wasAlreadyPinned) {\n              return {\n                pinnedChains: pinnedChains.filter((id) => id !== chainId),\n              }\n            }\n            pinnedChains.push(chainId)\n            return {\n              pinnedChains,\n            }\n          })\n          widgetEvents.emit(WidgetEvent.ChainPinned, {\n            chainId,\n            pinned: !wasAlreadyPinned,\n          })\n        },\n      }),\n      {\n        name: `${namePrefix || 'li.fi'}-widget-chains-order`,\n        version: 4,\n        partialize: (state) => ({\n          chainOrder: state.chainOrder,\n          pinnedChains: state.pinnedChains,\n        }),\n      }\n    )\n  )\n"],"mappings":";;;;AAeA,MAAM,oBAAoB;CACxB,MAAM,CAAC;CACP,IAAI,CAAC;AACP;AAEA,MAAa,yBAAyB,EACpC,iBAEA,OAAwB,CAAC,CACvB,SACG,KAAK,SAAS;CACb,YAAY;CACZ,mBAAmB;CACnB,iBAAiB;CACjB,qBAAqB;CACrB,mBAAmB;CACnB,iBAAiB;CACjB,cAAc,CAAC;CACf,mBAAmB,UAAU,SAAS;EACpC,KAAK,UAA2B;GAC9B,MAAM,aAAa,MAAM,WAAW,KAAK,CAAC,QAAQ,YAChD,SAAS,SAAS,OAAO,CAC3B;GACA,MAAM,cAAc,SAAS,QAC1B,YAAY,CAAC,WAAW,SAAS,OAAO,CAC3C;GACA,IAAI,WAAW,WAAA,KAA+B,CAAC,YAAY,QACzD,OAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;IACV;IACA,YAAY;KACV,GAAG,MAAM;MACR,OAAO;IACV;GACF;GAEF,MAAM,oBAAA,IAAuC,WAAW;GACxD,KAAK,IAAI,QAAQ,GAAG,QAAQ,mBAAmB,SAC7C,WAAW,KAAK,YAAY,MAAM;GAEpC,OAAO;IACL,iBAAiB;KACf,GAAG,MAAM;MACR,OAAO;IACV;IACA,YAAY;KACV,GAAG,MAAM;MACR,OAAO;IACV;GACF;EACF,CAAC;EACD,OAAO,IAAI,CAAC,CAAC,WAAW,KAAK,CAAC,MAAM,GAAA,CAAmB;CACzD;CACA,WAAW,SAAS,SAAS;EAC3B,MAAM,QAAQ,IAAI;EAClB,IACE,MAAM,WAAW,KAAK,CAAC,SAAS,OAAO,KACvC,CAAC,MAAM,gBAAgB,KAAK,CAAC,SAAS,OAAO,GAE7C;EAEF,KAAK,UAA2B;GAC9B,MAAM,aAAa,CAAC,SAAS,GAAG,MAAM,WAAW,KAAK,CAAC,CAAC,MACtD,GAAA,CAEF;GACA,OAAO,EACL,YAAY;IACV,GAAG,MAAM;KACR,OAAO;GACV,EACF;EACF,CAAC;CACH;CACA,mBAAmB,eAAe,aAAa;EAC7C,IAAI,GAAG,GAAG,SAAS,iBAAiB,cAAc,CAAC;CACrD;CACA,qBAAqB,iBAAiB,aAAa;EACjD,IAAI,GAAG,GAAG,SAAS,mBAAmB,gBAAgB,CAAC;CACzD;CACA,iBAAiB,YAAY;EAE3B,MAAM,mBADsB,IAAI,CAAC,CAAC,aACW,SAAS,OAAO;EAC7D,KAAK,UAA2B;GAC9B,MAAM,eAAe,CAAC,GAAG,MAAM,YAAY;GAC3C,IAAI,kBACF,OAAO,EACL,cAAc,aAAa,QAAQ,OAAO,OAAO,OAAO,EAC1D;GAEF,aAAa,KAAK,OAAO;GACzB,OAAO,EACL,aACF;EACF,CAAC;EACD,aAAa,KAAA,eAA8B;GACzC;GACA,QAAQ,CAAC;EACX,CAAC;CACH;AACF,IACA;CACE,MAAM,GAAG,cAAc,QAAQ;CAC/B,SAAS;CACT,aAAa,WAAW;EACtB,YAAY,MAAM;EAClB,cAAc,MAAM;CACtB;AACF,CACF,CACF"}

package/dist/esm/stores/form/FormStore.js

@@ -61,7 +61,7 @@ const FormStoreProvider = ({ children, formRef }) => {
 		}));
 	}
 	useFormRef(storeRef.current, formRef);
-	return /* @__PURE__ */ jsxs(FormStoreContext.Provider, {
+	return /* @__PURE__ */ jsxs(FormStoreContext, {
 		value: storeRef.current,
 		children: [children, /* @__PURE__ */ jsx(FormUpdater, { reactiveFormValues })]
 	});