@lifi/widget 0.0.0-preview-6cc63bac → 0.0.0-preview-fe8dc5e6

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

@@ -5,12 +5,12 @@ import { BottomSheet } from "../../components/BottomSheet/BottomSheet.js";
 import { useSetContentHeight } from "../../hooks/useSetContentHeight.js";
 import { ButtonRow, CenterContainer, ContentContainer, DetailLabel, DetailRow, DetailValue, WarningMessage, WarningTitle } from "./TokenValueBottomSheet.style.js";
 import { calculateValueLossPercentage } from "./utils.js";
-import { forwardRef, useRef, useState } from "react";
+import { useRef, useState } from "react";
 import { Button, Checkbox, FormControlLabel } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 //#region src/pages/TransactionPage/TokenValueBottomSheet.tsx
-const TokenValueBottomSheet = forwardRef(({ route, onContinue, onCancel }, ref) => {
+const TokenValueBottomSheet = ({ route, onContinue, onCancel, ref }) => {
 	const handleCancel = () => {
 		ref.current?.close();
 		onCancel?.();
@@ -24,7 +24,7 @@ const TokenValueBottomSheet = forwardRef(({ route, onContinue, onCancel }, ref)
 			onCancel: handleCancel
 		})
 	});
-});
+};
 const TokenValueBottomSheetContent = ({ route, onCancel, onContinue }) => {
 	const [accepted, setAccepted] = useState(false);
 	const { t } = useTranslation();

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

@@ -1 +1 @@
-{"version":3,"file":"TokenValueBottomSheet.js","names":[],"sources":["../../../../src/pages/TransactionPage/TokenValueBottomSheet.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { Button, Checkbox, FormControlLabel } from '@mui/material'\nimport type { ForwardRefExoticComponent, RefAttributes, RefObject } from 'react'\nimport { forwardRef, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { FeeBreakdownTooltip } from '../../components/FeeBreakdownTooltip.js'\nimport { IconCircle } from '../../components/IconCircle/IconCircle.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport {\n  ButtonRow,\n  CenterContainer,\n  ContentContainer,\n  DetailLabel,\n  DetailRow,\n  DetailValue,\n  WarningMessage,\n  WarningTitle,\n} from './TokenValueBottomSheet.style.js'\nimport { calculateValueLossPercentage } from './utils.js'\n\ninterface TokenValueBottomSheetProps {\n  route: Route\n  onContinue(): void\n  onCancel?(): void\n}\n\nexport const TokenValueBottomSheet: ForwardRefExoticComponent<\n  TokenValueBottomSheetProps & RefAttributes<BottomSheetBase>\n> = forwardRef<BottomSheetBase, TokenValueBottomSheetProps>(\n  ({ route, onContinue, onCancel }, ref) => {\n    const handleCancel = () => {\n      ;(ref as RefObject<BottomSheetBase>).current?.close()\n      onCancel?.()\n    }\n\n    return (\n      <BottomSheet ref={ref} onClose={onCancel}>\n        <TokenValueBottomSheetContent\n          route={route}\n          onContinue={onContinue}\n          onCancel={handleCancel}\n        />\n      </BottomSheet>\n    )\n  }\n)\n\nconst TokenValueBottomSheetContent: React.FC<TokenValueBottomSheetProps> = ({\n  route,\n  onCancel,\n  onContinue,\n}) => {\n  const [accepted, setAccepted] = useState(false)\n  const { t } = useTranslation()\n  const ref = useRef<HTMLElement>(null)\n  useSetContentHeight(ref)\n  const { gasCosts, feeCosts, gasCostUSD, feeCostUSD } =\n    getAccumulatedFeeCostsBreakdown(route)\n  const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n  const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n\n  return (\n    <ContentContainer ref={ref}>\n      <CenterContainer>\n        <IconCircle status=\"warning\" sx={{ mb: 2.5 }} />\n        <WarningTitle>{t('warning.title.highValueLoss')}</WarningTitle>\n      </CenterContainer>\n      <WarningMessage>{t('warning.message.highValueLoss')}</WarningMessage>\n      <DetailRow>\n        <DetailLabel>{t('main.sending')}</DetailLabel>\n        <DetailValue>\n          {t('format.currency', { value: route.fromAmountUSD })}\n        </DetailValue>\n      </DetailRow>\n      <DetailRow>\n        <DetailLabel>{t('main.fees.network')}</DetailLabel>\n        <FeeBreakdownTooltip gasCosts={gasCosts} gasless={!gasCostUSD}>\n          <DetailValue>\n            {!gasCostUSD\n              ? t('main.fees.free')\n              : t('format.currency', { value: gasCostUSD })}\n          </DetailValue>\n        </FeeBreakdownTooltip>\n      </DetailRow>\n      {feeCostUSD ? (\n        <DetailRow>\n          <DetailLabel>{t('main.fees.provider')}</DetailLabel>\n          <FeeBreakdownTooltip feeCosts={feeCosts}>\n            <DetailValue>\n              {t('format.currency', { value: feeCostUSD })}\n            </DetailValue>\n          </FeeBreakdownTooltip>\n        </DetailRow>\n      ) : null}\n      <DetailRow>\n        <DetailLabel>{t('main.receiving')}</DetailLabel>\n        <DetailValue>\n          {t('format.currency', { value: route.toAmountUSD })}\n        </DetailValue>\n      </DetailRow>\n      <DetailRow>\n        <DetailLabel>{t('main.valueLoss')}</DetailLabel>\n        <DetailValue>\n          {calculateValueLossPercentage(\n            fromAmountUSD,\n            toAmountUSD,\n            gasCostUSD,\n            feeCostUSD\n          )}\n          %\n        </DetailValue>\n      </DetailRow>\n      <FormControlLabel\n        control={\n          <Checkbox\n            checked={accepted}\n            onChange={(_, checked) => setAccepted(checked)}\n          />\n        }\n        label={t('warning.checkbox.highValueLoss')}\n        sx={{ mt: 1 }}\n      />\n      <ButtonRow>\n        <Button variant=\"text\" onClick={onCancel} fullWidth>\n          {t('button.cancel')}\n        </Button>\n        <Button\n          variant=\"contained\"\n          onClick={onContinue}\n          disabled={!accepted}\n          fullWidth\n        >\n          {t('button.continue')}\n        </Button>\n      </ButtonRow>\n    </ContentContainer>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"TokenValueBottomSheet.js","names":[],"sources":["../../../../src/pages/TransactionPage/TokenValueBottomSheet.tsx"],"sourcesContent":["import type { Route } from '@lifi/sdk'\nimport { Button, Checkbox, FormControlLabel } from '@mui/material'\nimport type { JSX, Ref, RefObject } from 'react'\nimport { useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { BottomSheet } from '../../components/BottomSheet/BottomSheet.js'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { FeeBreakdownTooltip } from '../../components/FeeBreakdownTooltip.js'\nimport { IconCircle } from '../../components/IconCircle/IconCircle.js'\nimport { useSetContentHeight } from '../../hooks/useSetContentHeight.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport {\n  ButtonRow,\n  CenterContainer,\n  ContentContainer,\n  DetailLabel,\n  DetailRow,\n  DetailValue,\n  WarningMessage,\n  WarningTitle,\n} from './TokenValueBottomSheet.style.js'\nimport { calculateValueLossPercentage } from './utils.js'\n\ninterface TokenValueBottomSheetProps {\n  route: Route\n  onContinue(): void\n  onCancel?(): void\n}\n\nexport const TokenValueBottomSheet = ({\n  route,\n  onContinue,\n  onCancel,\n  ref,\n}: TokenValueBottomSheetProps & {\n  ref?: Ref<BottomSheetBase>\n}): JSX.Element => {\n  const handleCancel = () => {\n    ;(ref as RefObject<BottomSheetBase>).current?.close()\n    onCancel?.()\n  }\n\n  return (\n    <BottomSheet ref={ref} onClose={onCancel}>\n      <TokenValueBottomSheetContent\n        route={route}\n        onContinue={onContinue}\n        onCancel={handleCancel}\n      />\n    </BottomSheet>\n  )\n}\n\nconst TokenValueBottomSheetContent: React.FC<TokenValueBottomSheetProps> = ({\n  route,\n  onCancel,\n  onContinue,\n}) => {\n  const [accepted, setAccepted] = useState(false)\n  const { t } = useTranslation()\n  const ref = useRef<HTMLElement>(null)\n  useSetContentHeight(ref)\n  const { gasCosts, feeCosts, gasCostUSD, feeCostUSD } =\n    getAccumulatedFeeCostsBreakdown(route)\n  const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n  const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n\n  return (\n    <ContentContainer ref={ref}>\n      <CenterContainer>\n        <IconCircle status=\"warning\" sx={{ mb: 2.5 }} />\n        <WarningTitle>{t('warning.title.highValueLoss')}</WarningTitle>\n      </CenterContainer>\n      <WarningMessage>{t('warning.message.highValueLoss')}</WarningMessage>\n      <DetailRow>\n        <DetailLabel>{t('main.sending')}</DetailLabel>\n        <DetailValue>\n          {t('format.currency', { value: route.fromAmountUSD })}\n        </DetailValue>\n      </DetailRow>\n      <DetailRow>\n        <DetailLabel>{t('main.fees.network')}</DetailLabel>\n        <FeeBreakdownTooltip gasCosts={gasCosts} gasless={!gasCostUSD}>\n          <DetailValue>\n            {!gasCostUSD\n              ? t('main.fees.free')\n              : t('format.currency', { value: gasCostUSD })}\n          </DetailValue>\n        </FeeBreakdownTooltip>\n      </DetailRow>\n      {feeCostUSD ? (\n        <DetailRow>\n          <DetailLabel>{t('main.fees.provider')}</DetailLabel>\n          <FeeBreakdownTooltip feeCosts={feeCosts}>\n            <DetailValue>\n              {t('format.currency', { value: feeCostUSD })}\n            </DetailValue>\n          </FeeBreakdownTooltip>\n        </DetailRow>\n      ) : null}\n      <DetailRow>\n        <DetailLabel>{t('main.receiving')}</DetailLabel>\n        <DetailValue>\n          {t('format.currency', { value: route.toAmountUSD })}\n        </DetailValue>\n      </DetailRow>\n      <DetailRow>\n        <DetailLabel>{t('main.valueLoss')}</DetailLabel>\n        <DetailValue>\n          {calculateValueLossPercentage(\n            fromAmountUSD,\n            toAmountUSD,\n            gasCostUSD,\n            feeCostUSD\n          )}\n          %\n        </DetailValue>\n      </DetailRow>\n      <FormControlLabel\n        control={\n          <Checkbox\n            checked={accepted}\n            onChange={(_, checked) => setAccepted(checked)}\n          />\n        }\n        label={t('warning.checkbox.highValueLoss')}\n        sx={{ mt: 1 }}\n      />\n      <ButtonRow>\n        <Button variant=\"text\" onClick={onCancel} fullWidth>\n          {t('button.cancel')}\n        </Button>\n        <Button\n          variant=\"contained\"\n          onClick={onContinue}\n          disabled={!accepted}\n          fullWidth\n        >\n          {t('button.continue')}\n        </Button>\n      </ButtonRow>\n    </ContentContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AA6BA,MAAa,yBAAyB,EACpC,OACA,YACA,UACA,UAGiB;CACjB,MAAM,qBAAqB;EACxB,IAAoC,SAAS,MAAM;EACpD,WAAW;CACb;CAEA,OACE,oBAAC,aAAD;EAAkB;EAAK,SAAS;YAC9B,oBAAC,8BAAD;GACS;GACK;GACZ,UAAU;EACX,CAAA;CACU,CAAA;AAEjB;AAEA,MAAM,gCAAsE,EAC1E,OACA,UACA,iBACI;CACJ,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,MAAM,OAAoB,IAAI;CACpC,oBAAoB,GAAG;CACvB,MAAM,EAAE,UAAU,UAAU,YAAY,eACtC,gCAAgC,KAAK;CACvC,MAAM,gBAAgB,OAAO,WAAW,MAAM,aAAa;CAC3D,MAAM,cAAc,OAAO,WAAW,MAAM,WAAW;CAEvD,OACE,qBAAC,kBAAD;EAAuB;YAAvB;GACE,qBAAC,iBAAD,EAAA,UAAA,CACE,oBAAC,YAAD;IAAY,QAAO;IAAU,IAAI,EAAE,IAAI,IAAI;GAAI,CAAA,GAC/C,oBAAC,cAAD,EAAA,UAAe,EAAE,6BAA6B,EAAgB,CAAA,CAC/C,EAAA,CAAA;GACjB,oBAAC,gBAAD,EAAA,UAAiB,EAAE,+BAA+B,EAAkB,CAAA;GACpE,qBAAC,WAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,EAAE,cAAc,EAAe,CAAA,GAC7C,oBAAC,aAAD,EAAA,UACG,EAAE,mBAAmB,EAAE,OAAO,MAAM,cAAc,CAAC,EACzC,CAAA,CACJ,EAAA,CAAA;GACX,qBAAC,WAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,EAAE,mBAAmB,EAAe,CAAA,GAClD,oBAAC,qBAAD;IAA+B;IAAU,SAAS,CAAC;cACjD,oBAAC,aAAD,EAAA,UACG,CAAC,aACE,EAAE,gBAAgB,IAClB,EAAE,mBAAmB,EAAE,OAAO,WAAW,CAAC,EACnC,CAAA;GACM,CAAA,CACZ,EAAA,CAAA;GACV,aACC,qBAAC,WAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,EAAE,oBAAoB,EAAe,CAAA,GACnD,oBAAC,qBAAD;IAA+B;cAC7B,oBAAC,aAAD,EAAA,UACG,EAAE,mBAAmB,EAAE,OAAO,WAAW,CAAC,EAChC,CAAA;GACM,CAAA,CACZ,EAAA,CAAA,IACT;GACJ,qBAAC,WAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,EAAE,gBAAgB,EAAe,CAAA,GAC/C,oBAAC,aAAD,EAAA,UACG,EAAE,mBAAmB,EAAE,OAAO,MAAM,YAAY,CAAC,EACvC,CAAA,CACJ,EAAA,CAAA;GACX,qBAAC,WAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,EAAE,gBAAgB,EAAe,CAAA,GAC/C,qBAAC,aAAD,EAAA,UAAA,CACG,6BACC,eACA,aACA,YACA,UACF,GAAE,GAES,EAAA,CAAA,CACJ,EAAA,CAAA;GACX,oBAAC,kBAAD;IACE,SACE,oBAAC,UAAD;KACE,SAAS;KACT,WAAW,GAAG,YAAY,YAAY,OAAO;IAC9C,CAAA;IAEH,OAAO,EAAE,gCAAgC;IACzC,IAAI,EAAE,IAAI,EAAE;GACb,CAAA;GACD,qBAAC,WAAD,EAAA,UAAA,CACE,oBAAC,QAAD;IAAQ,SAAQ;IAAO,SAAS;IAAU,WAAA;cACvC,EAAE,eAAe;GACZ,CAAA,GACR,oBAAC,QAAD;IACE,SAAQ;IACR,SAAS;IACT,UAAU,CAAC;IACX,WAAA;cAEC,EAAE,iBAAiB;GACd,CAAA,CACC,EAAA,CAAA;EACK;;AAEtB"}

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/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.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/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/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,39 +1,38 @@
 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(() => {
-		return createClient({
-			...sdkConfig,
+	return /* @__PURE__ */ jsx(SDKClientContext, {
+		value: useMemo(() => {
+			return createClient({
+				...sdkConfig,
+				apiKey,
+				integrator: integrator ?? window?.location.hostname,
+				routeOptions: {
+					fee: feeConfig?.fee,
+					referrer,
+					order: routePriority,
+					slippage,
+					...sdkConfig?.routeOptions
+				},
+				disableVersionCheck: true,
+				widgetVersion: version
+			});
+		}, [
+			sdkConfig,
 			apiKey,
-			integrator: integrator ?? window?.location.hostname,
-			routeOptions: {
-				fee: feeConfig?.fee,
-				referrer,
-				order: routePriority,
-				slippage,
-				...sdkConfig?.routeOptions
-			},
-			disableVersionCheck: true,
-			widgetVersion: version
-		});
-	}, [
-		sdkConfig,
-		apiKey,
-		integrator,
-		feeConfig,
-		referrer,
-		routePriority,
-		slippage
-	]);
-	return /* @__PURE__ */ jsx(SDKClientContext.Provider, {
-		value: client,
+			integrator,
+			feeConfig,
+			referrer,
+			routePriority,
+			slippage
+		]),
 		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;CA2BpB,OAAO,oBAAC,kBAAD;EAAkB,OAzBC,cAAc;GACtC,OAAO,aAAa;IAClB,GAAG;IACH;IACA,YAAY,cAAc,QAAQ,SAAS;IAC3C,cAAc;KACZ,KAAK,WAAW;KAChB;KACA,OAAO;KACP;KACA,GAAG,WAAW;IAChB;IACA,qBAAqB;IACrB,eAAe;GACjB,CAAC;EACH,GAAG;GACD;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAEqC;EAAI;CAA2B,CAAA;AACtE"}

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

@@ -1,43 +1,41 @@
 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();
 	if (!widgetConfig?.integrator) throw new Error("Required property \"integrator\" is missing.");
-	const value = useMemo(() => {
-		try {
-			const value = {
-				...widgetConfig,
-				elementId
-			};
-			setDefaultSettings(value);
-			return value;
-		} catch (e) {
-			console.warn(e);
-			return {
-				...widgetConfig,
-				elementId,
-				integrator: widgetConfig.integrator
-			};
-		}
-	}, [
-		elementId,
-		widgetConfig,
-		setDefaultSettings
-	]);
-	return /* @__PURE__ */ jsx(WidgetContext.Provider, {
-		value,
+	return /* @__PURE__ */ jsx(WidgetContext, {
+		value: useMemo(() => {
+			try {
+				const value = {
+					...widgetConfig,
+					elementId
+				};
+				setDefaultSettings(value);
+				return value;
+			} catch (e) {
+				console.warn(e);
+				return {
+					...widgetConfig,
+					elementId,
+					integrator: widgetConfig.integrator
+				};
+			}
+		}, [
+			elementId,
+			widgetConfig,
+			setDefaultSettings
+		]),
 		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;CAwB9D,OAAO,oBAAC,eAAD;EAAe,OArBR,cAAkC;GAC9C,IAAI;IAEF,MAAM,QAAQ;KACZ,GAAG;KACH;IACF;IAGA,mBAAmB,KAAK;IAExB,OAAO;GACT,SAAS,GAAG;IACV,QAAQ,KAAK,CAAC;IACd,OAAO;KACL,GAAG;KACH;KACA,YAAY,aAAa;IAC3B;GACF;EACF,GAAG;GAAC;GAAW;GAAc;EAAkB,CACd;EAAI;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"}