@lifi/widget 4.3.1 → 4.5.0

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 { 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"}
+{"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;EAC9B,UAAA,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;EAAvB,UAAA;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;IACjD,UAAA,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;IAC7B,UAAA,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;IACvC,UAAA,EAAE,eAAe;GACZ,CAAA,GACR,oBAAC,QAAD;IACE,SAAQ;IACR,SAAS;IACT,UAAU,CAAC;IACX,WAAA;IAEC,UAAA,EAAE,iBAAiB;GACd,CAAA,CACC,EAAA,CAAA;EACK;;AAEtB"}

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

@@ -1,3 +1,4 @@
+import "../../stores/routes/types.js";
 import { TransactionExecutionContent } from "./TransactionExecutionContent.js";
 import { TransactionReview } from "./TransactionReview.js";
 import { jsx } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"TransactionContent.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionContent.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport type React from 'react'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { TransactionExecutionContent } from './TransactionExecutionContent.js'\nimport { TransactionReview } from './TransactionReview.js'\n\ninterface TransactionContentProps {\n  route: RouteExtended\n  status: RouteExecutionStatus\n  executeRoute: () => void\n  restartRoute: () => void\n  deleteRoute: () => void\n  routeRefreshing: boolean\n}\n\nexport const TransactionContent: React.FC<TransactionContentProps> = ({\n  route,\n  status,\n  executeRoute,\n  restartRoute,\n  deleteRoute,\n  routeRefreshing,\n}) => {\n  if (status === RouteExecutionStatus.Idle) {\n    return (\n      <TransactionReview\n        route={route}\n        executeRoute={executeRoute}\n        routeRefreshing={routeRefreshing}\n      />\n    )\n  }\n\n  return (\n    <TransactionExecutionContent\n      route={route}\n      status={status}\n      restartRoute={restartRoute}\n      deleteRoute={deleteRoute}\n    />\n  )\n}\n"],"mappings":";;;;AAeA,MAAa,sBAAyD,EACpE,OACA,QACA,cACA,cACA,aACA,sBACI;CACJ,IAAI,WAAA,GACF,OACE,oBAAC,mBAAD;EACS;EACO;EACG;CAClB,CAAA;CAIL,OACE,oBAAC,6BAAD;EACS;EACC;EACM;EACD;CACd,CAAA;AAEL"}
+{"version":3,"file":"TransactionContent.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionContent.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport type React from 'react'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { TransactionExecutionContent } from './TransactionExecutionContent.js'\nimport { TransactionReview } from './TransactionReview.js'\n\ninterface TransactionContentProps {\n  route: RouteExtended\n  status: RouteExecutionStatus\n  executeRoute: () => void\n  restartRoute: () => void\n  deleteRoute: () => void\n  routeRefreshing: boolean\n}\n\nexport const TransactionContent: React.FC<TransactionContentProps> = ({\n  route,\n  status,\n  executeRoute,\n  restartRoute,\n  deleteRoute,\n  routeRefreshing,\n}) => {\n  if (status === RouteExecutionStatus.Idle) {\n    return (\n      <TransactionReview\n        route={route}\n        executeRoute={executeRoute}\n        routeRefreshing={routeRefreshing}\n      />\n    )\n  }\n\n  return (\n    <TransactionExecutionContent\n      route={route}\n      status={status}\n      restartRoute={restartRoute}\n      deleteRoute={deleteRoute}\n    />\n  )\n}\n"],"mappings":";;;;;AAeA,MAAa,sBAAyD,EACpE,OACA,QACA,cACA,cACA,aACA,sBACI;CACJ,IAAI,WAAA,GACF,OACE,oBAAC,mBAAD;EACS;EACO;EACG;CAClB,CAAA;CAIL,OACE,oBAAC,6BAAD;EACS;EACC;EACM;EACD;CACd,CAAA;AAEL"}

package/dist/esm/pages/TransactionPage/TransactionDoneButtons.d.ts

@@ -0,0 +1,12 @@
+import { RouteExecutionStatus } from "../../stores/routes/types.js";
+import { RouteExtended } from "@lifi/sdk";
+import React from "react";
+//#region src/pages/TransactionPage/TransactionDoneButtons.d.ts
+interface TransactionDoneButtonsProps {
+  route: RouteExtended;
+  status: RouteExecutionStatus;
+}
+declare const TransactionDoneButtons: React.FC<TransactionDoneButtonsProps>;
+//#endregion
+export { TransactionDoneButtons };
+//# sourceMappingURL=TransactionDoneButtons.d.ts.map

package/dist/esm/pages/TransactionPage/TransactionDoneButtons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TransactionDoneButtons.d.ts","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionDoneButtons.tsx"],"mappings":";;;;UAaU;EACR,OAAO;EACP,QAAQ;;cAGG,wBAAwB,MAAM,GAAG"}

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

@@ -2,6 +2,7 @@ import { navigationRoutes } from "../../utils/navigationRoutes.js";
 import { useFieldActions } from "../../stores/form/useFieldActions.js";
 import { formatTokenAmount } from "../../utils/format.js";
 import { hasEnumFlag } from "../../utils/enum.js";
+import "../../stores/routes/types.js";
 import { getExecutionToToken } from "../../utils/token.js";
 import { useClearAmountFields } from "../../stores/form/useClearAmountFields.js";
 import { useNavigate } from "@tanstack/react-router";

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

@@ -1 +1 @@
-{"version":3,"file":"TransactionDoneButtons.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionDoneButtons.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Button } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useClearAmountFields } from '../../stores/form/useClearAmountFields.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport { formatTokenAmount } from '../../utils/format.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { getExecutionToToken } from '../../utils/token.js'\n\ninterface TransactionDoneButtonsProps {\n  route: RouteExtended\n  status: RouteExecutionStatus\n}\n\nexport const TransactionDoneButtons: React.FC<TransactionDoneButtonsProps> = ({\n  route,\n  status,\n}) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const clearAmountFields = useClearAmountFields()\n\n  if (!hasEnumFlag(status, RouteExecutionStatus.Done)) {\n    return null\n  }\n\n  const handlePartialDone = () => {\n    const toToken = getExecutionToToken(route)\n    if (\n      toToken.chainId !== route.toToken.chainId &&\n      toToken.address !== route.toToken.address\n    ) {\n      setFieldValue(\n        'fromAmount',\n        formatTokenAmount(toToken.amount, toToken.decimals),\n        { isTouched: true }\n      )\n      setFieldValue('fromChain', toToken.chainId, { isTouched: true })\n      setFieldValue('fromToken', toToken.address, { isTouched: true })\n      setFieldValue('toChain', route.toToken.chainId, {\n        isTouched: true,\n      })\n      setFieldValue('toToken', route.toToken.address, {\n        isTouched: true,\n      })\n    } else {\n      clearAmountFields()\n    }\n  }\n\n  const handleClick = () => {\n    if (hasEnumFlag(status, RouteExecutionStatus.Partial)) {\n      handlePartialDone()\n    } else {\n      clearAmountFields()\n    }\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  return (\n    <Button variant=\"contained\" fullWidth onClick={handleClick}>\n      {t('button.done')}\n    </Button>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAkBA,MAAa,0BAAiE,EAC5E,OACA,aACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,oBAAoB,qBAAqB;CAE/C,IAAI,CAAC,YAAY,QAAA,CAAiC,GAChD,OAAO;CAGT,MAAM,0BAA0B;EAC9B,MAAM,UAAU,oBAAoB,KAAK;EACzC,IACE,QAAQ,YAAY,MAAM,QAAQ,WAClC,QAAQ,YAAY,MAAM,QAAQ,SAClC;GACA,cACE,cACA,kBAAkB,QAAQ,QAAQ,QAAQ,QAAQ,GAClD,EAAE,WAAW,KAAK,CACpB;GACA,cAAc,aAAa,QAAQ,SAAS,EAAE,WAAW,KAAK,CAAC;GAC/D,cAAc,aAAa,QAAQ,SAAS,EAAE,WAAW,KAAK,CAAC;GAC/D,cAAc,WAAW,MAAM,QAAQ,SAAS,EAC9C,WAAW,KACb,CAAC;GACD,cAAc,WAAW,MAAM,QAAQ,SAAS,EAC9C,WAAW,KACb,CAAC;EACH,OACE,kBAAkB;CAEtB;CAEA,MAAM,oBAAoB;EACxB,IAAI,YAAY,QAAA,EAAoC,GAClD,kBAAkB;OAElB,kBAAkB;EAEpB,SAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;EAAK,CAAC;CACvD;CAEA,OACE,oBAAC,QAAD;EAAQ,SAAQ;EAAY,WAAA;EAAU,SAAS;YAC5C,EAAE,aAAa;CACV,CAAA;AAEZ"}
+{"version":3,"file":"TransactionDoneButtons.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionDoneButtons.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Button } from '@mui/material'\nimport { useNavigate } from '@tanstack/react-router'\nimport type React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useClearAmountFields } from '../../stores/form/useClearAmountFields.js'\nimport { useFieldActions } from '../../stores/form/useFieldActions.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport { formatTokenAmount } from '../../utils/format.js'\nimport { navigationRoutes } from '../../utils/navigationRoutes.js'\nimport { getExecutionToToken } from '../../utils/token.js'\n\ninterface TransactionDoneButtonsProps {\n  route: RouteExtended\n  status: RouteExecutionStatus\n}\n\nexport const TransactionDoneButtons: React.FC<TransactionDoneButtonsProps> = ({\n  route,\n  status,\n}) => {\n  const { t } = useTranslation()\n  const navigate = useNavigate()\n  const { setFieldValue } = useFieldActions()\n  const clearAmountFields = useClearAmountFields()\n\n  if (!hasEnumFlag(status, RouteExecutionStatus.Done)) {\n    return null\n  }\n\n  const handlePartialDone = () => {\n    const toToken = getExecutionToToken(route)\n    if (\n      toToken.chainId !== route.toToken.chainId &&\n      toToken.address !== route.toToken.address\n    ) {\n      setFieldValue(\n        'fromAmount',\n        formatTokenAmount(toToken.amount, toToken.decimals),\n        { isTouched: true }\n      )\n      setFieldValue('fromChain', toToken.chainId, { isTouched: true })\n      setFieldValue('fromToken', toToken.address, { isTouched: true })\n      setFieldValue('toChain', route.toToken.chainId, {\n        isTouched: true,\n      })\n      setFieldValue('toToken', route.toToken.address, {\n        isTouched: true,\n      })\n    } else {\n      clearAmountFields()\n    }\n  }\n\n  const handleClick = () => {\n    if (hasEnumFlag(status, RouteExecutionStatus.Partial)) {\n      handlePartialDone()\n    } else {\n      clearAmountFields()\n    }\n    navigate({ to: navigationRoutes.home, replace: true })\n  }\n\n  return (\n    <Button variant=\"contained\" fullWidth onClick={handleClick}>\n      {t('button.done')}\n    </Button>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAkBA,MAAa,0BAAiE,EAC5E,OACA,aACI;CACJ,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,kBAAkB,gBAAgB;CAC1C,MAAM,oBAAoB,qBAAqB;CAE/C,IAAI,CAAC,YAAY,QAAA,CAAiC,GAChD,OAAO;CAGT,MAAM,0BAA0B;EAC9B,MAAM,UAAU,oBAAoB,KAAK;EACzC,IACE,QAAQ,YAAY,MAAM,QAAQ,WAClC,QAAQ,YAAY,MAAM,QAAQ,SAClC;GACA,cACE,cACA,kBAAkB,QAAQ,QAAQ,QAAQ,QAAQ,GAClD,EAAE,WAAW,KAAK,CACpB;GACA,cAAc,aAAa,QAAQ,SAAS,EAAE,WAAW,KAAK,CAAC;GAC/D,cAAc,aAAa,QAAQ,SAAS,EAAE,WAAW,KAAK,CAAC;GAC/D,cAAc,WAAW,MAAM,QAAQ,SAAS,EAC9C,WAAW,KACb,CAAC;GACD,cAAc,WAAW,MAAM,QAAQ,SAAS,EAC9C,WAAW,KACb,CAAC;EACH,OACE,kBAAkB;CAEtB;CAEA,MAAM,oBAAoB;EACxB,IAAI,YAAY,QAAA,EAAoC,GAClD,kBAAkB;OAElB,kBAAkB;EAEpB,SAAS;GAAE,IAAI,iBAAiB;GAAM,SAAS;EAAK,CAAC;CACvD;CAEA,OACE,oBAAC,QAAD;EAAQ,SAAQ;EAAY,WAAA;EAAU,SAAS;EAC5C,UAAA,EAAE,aAAa;CACV,CAAA;AAEZ"}

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

@@ -1,6 +1,7 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
 import { Card as Card$1 } from "../../components/Card/Card.js";
 import { hasEnumFlag } from "../../utils/enum.js";
+import "../../stores/routes/types.js";
 import { RouteTokens } from "../../components/RouteCard/RouteTokens.js";
 import { WarningMessages } from "../../components/Messages/WarningMessages.js";
 import { useExecutionRows } from "../../components/StepActions/executionRows.js";

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          {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"}
+{"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;EAC5B,UAAA,oBAAC,cAAD;GAAc,eAAc;GAC1B,UAAA,qBAAC,KAAD;IAAK,IAAI;KAAE,SAAS;KAAQ,eAAe;KAAU,KAAK;IAAE;IAA5D,UAAA,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;MACnB,UAAA,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/TransactionFailedButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransactionFailedButtons.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionFailedButtons.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box, Button } from '@mui/material'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport { getTokenValueLossThreshold } from './utils.js'\n\ninterface TransactionFailedButtonsProps {\n  route: RouteExtended\n  restartRoute: () => void\n  deleteRoute: () => void\n}\n\nexport const TransactionFailedButtons: React.FC<\n  TransactionFailedButtonsProps\n> = ({ route, restartRoute, deleteRoute }) => {\n  const { t } = useTranslation()\n  const navigateBack = useNavigateBack()\n  const { mode, hiddenUI } = useWidgetConfig()\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route.toChainId)\n\n  const handleRemoveRoute = () => {\n    navigateBack()\n    deleteRoute()\n  }\n\n  const handleRetryClick = () => {\n    if (\n      toAddress &&\n      !hasActivity &&\n      !isLoadingAddressActivity &&\n      isActivityAddressFetched &&\n      !hiddenUI?.lowAddressActivityConfirmation\n    ) {\n      confirmToAddressSheetRef.current?.open()\n      return\n    }\n\n    const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n    const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n    const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n    const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(\n      fromAmountUSD,\n      toAmountUSD,\n      gasCostUSD,\n      feeCostUSD\n    )\n    if (tokenValueLossThresholdExceeded && mode !== 'custom') {\n      tokenValueBottomSheetRef.current?.open()\n    } else {\n      restartRoute()\n    }\n  }\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n      <Box sx={{ display: 'flex', gap: 1.5 }}>\n        <Box sx={{ flex: 1 }}>\n          <Button onClick={handleRemoveRoute} fullWidth>\n            {t('button.delete')}\n          </Button>\n        </Box>\n        <Box sx={{ flex: 1 }}>\n          <StartTransactionButton\n            text={t('button.tryAgain')}\n            onClick={handleRetryClick}\n            route={route}\n            loading={isLoadingAddressActivity}\n          />\n        </Box>\n      </Box>\n      {mode !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={restartRoute}\n        />\n      ) : null}\n      {!hiddenUI?.lowAddressActivityConfirmation ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={restartRoute}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAa,4BAER,EAAE,OAAO,cAAc,kBAAkB;CAC5C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAE3C,MAAM,2BAA2B,OAAwB,IAAI;CAC7D,MAAM,2BAA2B,OAAwB,IAAI;CAE7D,MAAM,EACJ,WACA,aACA,WAAW,0BACX,WAAW,6BACT,mBAAmB,MAAM,SAAS;CAEtC,MAAM,0BAA0B;EAC9B,aAAa;EACb,YAAY;CACd;CAEA,MAAM,yBAAyB;EAC7B,IACE,aACA,CAAC,eACD,CAAC,4BACD,4BACA,CAAC,UAAU,gCACX;GACA,yBAAyB,SAAS,KAAK;GACvC;EACF;EAEA,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;EASxE,IANwC,2BAFlB,OAAO,WAAW,MAAM,aAGhC,GAFM,OAAO,WAAW,MAAM,WAGhC,GACV,YACA,UAEgC,KAAK,SAAS,UAC9C,yBAAyB,SAAS,KAAK;OAEvC,aAAa;CAEjB;CAEA,OACE,qBAAC,KAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAI;YAA9D;GACE,qBAAC,KAAD;IAAK,IAAI;KAAE,SAAS;KAAQ,KAAK;IAAI;cAArC,CACE,oBAAC,KAAD;KAAK,IAAI,EAAE,MAAM,EAAE;eACjB,oBAAC,QAAD;MAAQ,SAAS;MAAmB,WAAA;gBACjC,EAAE,eAAe;KACZ,CAAA;IACL,CAAA,GACL,oBAAC,KAAD;KAAK,IAAI,EAAE,MAAM,EAAE;eACjB,oBAAC,wBAAD;MACE,MAAM,EAAE,iBAAiB;MACzB,SAAS;MACF;MACP,SAAS;KACV,CAAA;IACE,CAAA,CACF;;GACJ,SAAS,WACR,oBAAC,uBAAD;IACS;IACP,KAAK;IACL,YAAY;GACb,CAAA,IACC;GACH,CAAC,UAAU,iCACV,oBAAC,uBAAD;IACE,KAAK;IACL,YAAY;IACD;IACX,WAAW,MAAM;GAClB,CAAA,IACC;EACD;;AAET"}
+{"version":3,"file":"TransactionFailedButtons.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionFailedButtons.tsx"],"sourcesContent":["import type { RouteExtended } from '@lifi/sdk'\nimport { Box, Button } from '@mui/material'\nimport { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { BottomSheetBase } from '../../components/BottomSheet/types.js'\nimport { useAddressActivity } from '../../hooks/useAddressActivity.js'\nimport { useNavigateBack } from '../../hooks/useNavigateBack.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { getAccumulatedFeeCostsBreakdown } from '../../utils/fees.js'\nimport { ConfirmToAddressSheet } from './ConfirmToAddressSheet.js'\nimport { StartTransactionButton } from './StartTransactionButton.js'\nimport { TokenValueBottomSheet } from './TokenValueBottomSheet.js'\nimport { getTokenValueLossThreshold } from './utils.js'\n\ninterface TransactionFailedButtonsProps {\n  route: RouteExtended\n  restartRoute: () => void\n  deleteRoute: () => void\n}\n\nexport const TransactionFailedButtons: React.FC<\n  TransactionFailedButtonsProps\n> = ({ route, restartRoute, deleteRoute }) => {\n  const { t } = useTranslation()\n  const navigateBack = useNavigateBack()\n  const { mode, hiddenUI } = useWidgetConfig()\n\n  const tokenValueBottomSheetRef = useRef<BottomSheetBase>(null)\n  const confirmToAddressSheetRef = useRef<BottomSheetBase>(null)\n\n  const {\n    toAddress,\n    hasActivity,\n    isLoading: isLoadingAddressActivity,\n    isFetched: isActivityAddressFetched,\n  } = useAddressActivity(route.toChainId)\n\n  const handleRemoveRoute = () => {\n    navigateBack()\n    deleteRoute()\n  }\n\n  const handleRetryClick = () => {\n    if (\n      toAddress &&\n      !hasActivity &&\n      !isLoadingAddressActivity &&\n      isActivityAddressFetched &&\n      !hiddenUI?.lowAddressActivityConfirmation\n    ) {\n      confirmToAddressSheetRef.current?.open()\n      return\n    }\n\n    const { gasCostUSD, feeCostUSD } = getAccumulatedFeeCostsBreakdown(route)\n    const fromAmountUSD = Number.parseFloat(route.fromAmountUSD)\n    const toAmountUSD = Number.parseFloat(route.toAmountUSD)\n    const tokenValueLossThresholdExceeded = getTokenValueLossThreshold(\n      fromAmountUSD,\n      toAmountUSD,\n      gasCostUSD,\n      feeCostUSD\n    )\n    if (tokenValueLossThresholdExceeded && mode !== 'custom') {\n      tokenValueBottomSheetRef.current?.open()\n    } else {\n      restartRoute()\n    }\n  }\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n      <Box sx={{ display: 'flex', gap: 1.5 }}>\n        <Box sx={{ flex: 1 }}>\n          <Button onClick={handleRemoveRoute} fullWidth>\n            {t('button.delete')}\n          </Button>\n        </Box>\n        <Box sx={{ flex: 1 }}>\n          <StartTransactionButton\n            text={t('button.tryAgain')}\n            onClick={handleRetryClick}\n            route={route}\n            loading={isLoadingAddressActivity}\n          />\n        </Box>\n      </Box>\n      {mode !== 'custom' ? (\n        <TokenValueBottomSheet\n          route={route}\n          ref={tokenValueBottomSheetRef}\n          onContinue={restartRoute}\n        />\n      ) : null}\n      {!hiddenUI?.lowAddressActivityConfirmation ? (\n        <ConfirmToAddressSheet\n          ref={confirmToAddressSheetRef}\n          onContinue={restartRoute}\n          toAddress={toAddress!}\n          toChainId={route.toChainId!}\n        />\n      ) : null}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAoBA,MAAa,4BAER,EAAE,OAAO,cAAc,kBAAkB;CAC5C,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,eAAe,gBAAgB;CACrC,MAAM,EAAE,MAAM,aAAa,gBAAgB;CAE3C,MAAM,2BAA2B,OAAwB,IAAI;CAC7D,MAAM,2BAA2B,OAAwB,IAAI;CAE7D,MAAM,EACJ,WACA,aACA,WAAW,0BACX,WAAW,6BACT,mBAAmB,MAAM,SAAS;CAEtC,MAAM,0BAA0B;EAC9B,aAAa;EACb,YAAY;CACd;CAEA,MAAM,yBAAyB;EAC7B,IACE,aACA,CAAC,eACD,CAAC,4BACD,4BACA,CAAC,UAAU,gCACX;GACA,yBAAyB,SAAS,KAAK;GACvC;EACF;EAEA,MAAM,EAAE,YAAY,eAAe,gCAAgC,KAAK;EASxE,IANwC,2BAFlB,OAAO,WAAW,MAAM,aAGhC,GAFM,OAAO,WAAW,MAAM,WAGhC,GACV,YACA,UAEgC,KAAK,SAAS,UAC9C,yBAAyB,SAAS,KAAK;OAEvC,aAAa;CAEjB;CAEA,OACE,qBAAC,KAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAI;EAA9D,UAAA;GACE,qBAAC,KAAD;IAAK,IAAI;KAAE,SAAS;KAAQ,KAAK;IAAI;IAArC,UAAA,CACE,oBAAC,KAAD;KAAK,IAAI,EAAE,MAAM,EAAE;KACjB,UAAA,oBAAC,QAAD;MAAQ,SAAS;MAAmB,WAAA;MACjC,UAAA,EAAE,eAAe;KACZ,CAAA;IACL,CAAA,GACL,oBAAC,KAAD;KAAK,IAAI,EAAE,MAAM,EAAE;KACjB,UAAA,oBAAC,wBAAD;MACE,MAAM,EAAE,iBAAiB;MACzB,SAAS;MACF;MACP,SAAS;KACV,CAAA;IACE,CAAA,CACF;;GACJ,SAAS,WACR,oBAAC,uBAAD;IACS;IACP,KAAK;IACL,YAAY;GACb,CAAA,IACC;GACH,CAAC,UAAU,iCACV,oBAAC,uBAAD;IACE,KAAK;IACL,YAAY;IACD;IACX,WAAW,MAAM;GAClB,CAAA,IACC;EACD;;AAET"}

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

@@ -1,6 +1,7 @@
 import { useWidgetConfig } from "../../providers/WidgetProvider/WidgetProvider.js";
 import { PageContainer } from "../../components/PageContainer.js";
 import { hasEnumFlag } from "../../utils/enum.js";
+import "../../stores/routes/types.js";
 import { useHeader } from "../../hooks/useHeader.js";
 import { ContractComponent } from "../../components/ContractComponent/ContractComponent.js";
 import { usePacedRouteExecution } from "../../hooks/usePacedRouteExecution.js";

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

@@ -1 +1 @@
-{"version":3,"file":"TransactionPage.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionPage.tsx"],"sourcesContent":["import type { ExchangeRateUpdateParams } from '@lifi/sdk'\nimport { useLocation } from '@tanstack/react-router'\nimport { type JSX, useEffect, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { usePacedRouteExecution } from '../../hooks/usePacedRouteExecution.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useClearAmountFields } from '../../stores/form/useClearAmountFields.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport type { ExchangeRateBottomSheetBase } from './ExchangeRateBottomSheet.js'\nimport { ExchangeRateBottomSheet } from './ExchangeRateBottomSheet.js'\nimport { RouteTracker } from './RouteTracker.js'\nimport { TransactionContent } from './TransactionContent.js'\n\nexport const TransactionPage = (): JSX.Element | null => {\n  const { t } = useTranslation()\n  const { mode, modeOptions, contractSecondaryComponent } = useWidgetConfig()\n  const { search }: any = useLocation()\n  const stateRouteId = search?.routeId\n  const [routeId, setRouteId] = useState<string>(stateRouteId)\n  const [routeRefreshing, setRouteRefreshing] = useState(false)\n  const clearAmountFields = useClearAmountFields()\n\n  const exchangeRateBottomSheetRef = useRef<ExchangeRateBottomSheetBase>(null)\n\n  const onAcceptExchangeRateUpdate = (\n    resolver: (value: boolean) => void,\n    data: ExchangeRateUpdateParams\n  ) => {\n    exchangeRateBottomSheetRef.current?.open(resolver, data)\n  }\n\n  const { route, status, executeRoute, restartRoute, deleteRoute } =\n    usePacedRouteExecution({\n      routeId: routeId,\n      onAcceptExchangeRateUpdate,\n    })\n\n  const statusRef = useRef(status)\n  statusRef.current = status\n\n  const getHeaderTitle = () => {\n    if (mode === 'custom') {\n      return t(`header.${modeOptions?.custom?.type ?? 'checkout'}`)\n    }\n    if (route) {\n      const transactionType =\n        route.fromChainId === route.toChainId ? 'swap' : 'bridge'\n      return status === RouteExecutionStatus.Idle\n        ? t(`button.${transactionType}Review`)\n        : t(`header.${transactionType}`)\n    }\n\n    return t('header.exchange')\n  }\n\n  const headerAction = useMemo(\n    () =>\n      status === RouteExecutionStatus.Idle ? (\n        <RouteTracker\n          observableRouteId={stateRouteId}\n          onChange={setRouteId}\n          onFetching={setRouteRefreshing}\n        />\n      ) : undefined,\n    [stateRouteId, status]\n  )\n\n  useHeader(getHeaderTitle(), headerAction)\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: cleanup only on unmount\n  useEffect(() => {\n    return () => {\n      if (\n        statusRef.current &&\n        statusRef.current !== RouteExecutionStatus.Idle &&\n        !hasEnumFlag(statusRef.current, RouteExecutionStatus.Done)\n      ) {\n        clearAmountFields()\n      }\n    }\n  }, [])\n\n  if (!route || !status) {\n    return null\n  }\n\n  return (\n    <PageContainer\n      topGutters\n      bottomGutters\n      sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}\n    >\n      <TransactionContent\n        route={route}\n        status={status}\n        executeRoute={executeRoute}\n        restartRoute={restartRoute}\n        deleteRoute={deleteRoute}\n        routeRefreshing={routeRefreshing}\n      />\n      {mode === 'custom' && contractSecondaryComponent ? (\n        <ContractComponent>{contractSecondaryComponent}</ContractComponent>\n      ) : null}\n      <ExchangeRateBottomSheet ref={exchangeRateBottomSheetRef} />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAiBA,MAAa,wBAA4C;CACvD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,MAAM,aAAa,+BAA+B,gBAAgB;CAC1E,MAAM,EAAE,WAAgB,YAAY;CACpC,MAAM,eAAe,QAAQ;CAC7B,MAAM,CAAC,SAAS,cAAc,SAAiB,YAAY;CAC3D,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK;CAC5D,MAAM,oBAAoB,qBAAqB;CAE/C,MAAM,6BAA6B,OAAoC,IAAI;CAE3E,MAAM,8BACJ,UACA,SACG;EACH,2BAA2B,SAAS,KAAK,UAAU,IAAI;CACzD;CAEA,MAAM,EAAE,OAAO,QAAQ,cAAc,cAAc,gBACjD,uBAAuB;EACZ;EACT;CACF,CAAC;CAEH,MAAM,YAAY,OAAO,MAAM;CAC/B,UAAU,UAAU;CAEpB,MAAM,uBAAuB;EAC3B,IAAI,SAAS,UACX,OAAO,EAAE,UAAU,aAAa,QAAQ,QAAQ,YAAY;EAE9D,IAAI,OAAO;GACT,MAAM,kBACJ,MAAM,gBAAgB,MAAM,YAAY,SAAS;GACnD,OAAO,WAAA,IACH,EAAE,UAAU,gBAAgB,OAAO,IACnC,EAAE,UAAU,iBAAiB;EACnC;EAEA,OAAO,EAAE,iBAAiB;CAC5B;CAEA,MAAM,eAAe,cAEjB,WAAA,IACE,oBAAC,cAAD;EACE,mBAAmB;EACnB,UAAU;EACV,YAAY;CACb,CAAA,IACC,KAAA,GACN,CAAC,cAAc,MAAM,CACvB;CAEA,UAAU,eAAe,GAAG,YAAY;CAGxC,gBAAgB;EACd,aAAa;GACX,IACE,UAAU,WACV,UAAU,YAAA,KACV,CAAC,YAAY,UAAU,SAAA,CAAkC,GAEzD,kBAAkB;EAEtB;CACF,GAAG,CAAC,CAAC;CAEL,IAAI,CAAC,SAAS,CAAC,QACb,OAAO;CAGT,OACE,qBAAC,eAAD;EACE,YAAA;EACA,eAAA;EACA,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAE;YAHzD;GAKE,oBAAC,oBAAD;IACS;IACC;IACM;IACA;IACD;IACI;GAClB,CAAA;GACA,SAAS,YAAY,6BACpB,oBAAC,mBAAD,EAAA,UAAoB,2BAA8C,CAAA,IAChE;GACJ,oBAAC,yBAAD,EAAyB,KAAK,2BAA6B,CAAA;EAC9C;;AAEnB"}
+{"version":3,"file":"TransactionPage.js","names":[],"sources":["../../../../src/pages/TransactionPage/TransactionPage.tsx"],"sourcesContent":["import type { ExchangeRateUpdateParams } from '@lifi/sdk'\nimport { useLocation } from '@tanstack/react-router'\nimport { type JSX, useEffect, useMemo, useRef, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ContractComponent } from '../../components/ContractComponent/ContractComponent.js'\nimport { PageContainer } from '../../components/PageContainer.js'\nimport { useHeader } from '../../hooks/useHeader.js'\nimport { usePacedRouteExecution } from '../../hooks/usePacedRouteExecution.js'\nimport { useWidgetConfig } from '../../providers/WidgetProvider/WidgetProvider.js'\nimport { useClearAmountFields } from '../../stores/form/useClearAmountFields.js'\nimport { RouteExecutionStatus } from '../../stores/routes/types.js'\nimport { hasEnumFlag } from '../../utils/enum.js'\nimport type { ExchangeRateBottomSheetBase } from './ExchangeRateBottomSheet.js'\nimport { ExchangeRateBottomSheet } from './ExchangeRateBottomSheet.js'\nimport { RouteTracker } from './RouteTracker.js'\nimport { TransactionContent } from './TransactionContent.js'\n\nexport const TransactionPage = (): JSX.Element | null => {\n  const { t } = useTranslation()\n  const { mode, modeOptions, contractSecondaryComponent } = useWidgetConfig()\n  const { search }: any = useLocation()\n  const stateRouteId = search?.routeId\n  const [routeId, setRouteId] = useState<string>(stateRouteId)\n  const [routeRefreshing, setRouteRefreshing] = useState(false)\n  const clearAmountFields = useClearAmountFields()\n\n  const exchangeRateBottomSheetRef = useRef<ExchangeRateBottomSheetBase>(null)\n\n  const onAcceptExchangeRateUpdate = (\n    resolver: (value: boolean) => void,\n    data: ExchangeRateUpdateParams\n  ) => {\n    exchangeRateBottomSheetRef.current?.open(resolver, data)\n  }\n\n  const { route, status, executeRoute, restartRoute, deleteRoute } =\n    usePacedRouteExecution({\n      routeId: routeId,\n      onAcceptExchangeRateUpdate,\n    })\n\n  const statusRef = useRef(status)\n  statusRef.current = status\n\n  const getHeaderTitle = () => {\n    if (mode === 'custom') {\n      return t(`header.${modeOptions?.custom?.type ?? 'checkout'}`)\n    }\n    if (route) {\n      const transactionType =\n        route.fromChainId === route.toChainId ? 'swap' : 'bridge'\n      return status === RouteExecutionStatus.Idle\n        ? t(`button.${transactionType}Review`)\n        : t(`header.${transactionType}`)\n    }\n\n    return t('header.exchange')\n  }\n\n  const headerAction = useMemo(\n    () =>\n      status === RouteExecutionStatus.Idle ? (\n        <RouteTracker\n          observableRouteId={stateRouteId}\n          onChange={setRouteId}\n          onFetching={setRouteRefreshing}\n        />\n      ) : undefined,\n    [stateRouteId, status]\n  )\n\n  useHeader(getHeaderTitle(), headerAction)\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: cleanup only on unmount\n  useEffect(() => {\n    return () => {\n      if (\n        statusRef.current &&\n        statusRef.current !== RouteExecutionStatus.Idle &&\n        !hasEnumFlag(statusRef.current, RouteExecutionStatus.Done)\n      ) {\n        clearAmountFields()\n      }\n    }\n  }, [])\n\n  if (!route || !status) {\n    return null\n  }\n\n  return (\n    <PageContainer\n      topGutters\n      bottomGutters\n      sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}\n    >\n      <TransactionContent\n        route={route}\n        status={status}\n        executeRoute={executeRoute}\n        restartRoute={restartRoute}\n        deleteRoute={deleteRoute}\n        routeRefreshing={routeRefreshing}\n      />\n      {mode === 'custom' && contractSecondaryComponent ? (\n        <ContractComponent>{contractSecondaryComponent}</ContractComponent>\n      ) : null}\n      <ExchangeRateBottomSheet ref={exchangeRateBottomSheetRef} />\n    </PageContainer>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAa,wBAA4C;CACvD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,EAAE,MAAM,aAAa,+BAA+B,gBAAgB;CAC1E,MAAM,EAAE,WAAgB,YAAY;CACpC,MAAM,eAAe,QAAQ;CAC7B,MAAM,CAAC,SAAS,cAAc,SAAiB,YAAY;CAC3D,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK;CAC5D,MAAM,oBAAoB,qBAAqB;CAE/C,MAAM,6BAA6B,OAAoC,IAAI;CAE3E,MAAM,8BACJ,UACA,SACG;EACH,2BAA2B,SAAS,KAAK,UAAU,IAAI;CACzD;CAEA,MAAM,EAAE,OAAO,QAAQ,cAAc,cAAc,gBACjD,uBAAuB;EACZ;EACT;CACF,CAAC;CAEH,MAAM,YAAY,OAAO,MAAM;CAC/B,UAAU,UAAU;CAEpB,MAAM,uBAAuB;EAC3B,IAAI,SAAS,UACX,OAAO,EAAE,UAAU,aAAa,QAAQ,QAAQ,YAAY;EAE9D,IAAI,OAAO;GACT,MAAM,kBACJ,MAAM,gBAAgB,MAAM,YAAY,SAAS;GACnD,OAAO,WAAA,IACH,EAAE,UAAU,gBAAgB,OAAO,IACnC,EAAE,UAAU,iBAAiB;EACnC;EAEA,OAAO,EAAE,iBAAiB;CAC5B;CAEA,MAAM,eAAe,cAEjB,WAAA,IACE,oBAAC,cAAD;EACE,mBAAmB;EACnB,UAAU;EACV,YAAY;CACb,CAAA,IACC,KAAA,GACN,CAAC,cAAc,MAAM,CACvB;CAEA,UAAU,eAAe,GAAG,YAAY;CAGxC,gBAAgB;EACd,aAAa;GACX,IACE,UAAU,WACV,UAAU,YAAA,KACV,CAAC,YAAY,UAAU,SAAA,CAAkC,GAEzD,kBAAkB;EAEtB;CACF,GAAG,CAAC,CAAC;CAEL,IAAI,CAAC,SAAS,CAAC,QACb,OAAO;CAGT,OACE,qBAAC,eAAD;EACE,YAAA;EACA,eAAA;EACA,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;EAAE;EAHzD,UAAA;GAKE,oBAAC,oBAAD;IACS;IACC;IACM;IACA;IACD;IACI;GAClB,CAAA;GACA,SAAS,YAAY,6BACpB,oBAAC,mBAAD,EAAA,UAAoB,2BAA8C,CAAA,IAChE;GACJ,oBAAC,yBAAD,EAAyB,KAAK,2BAA6B,CAAA;EAC9C;;AAEnB"}

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

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

package/dist/esm/pages/TransactionPage/types.d.ts

@@ -0,0 +1,9 @@
+import { BaseTransactionButtonProps } from "../../components/BaseTransactionButton/types.js";
+import { Route } from "@lifi/sdk";
+//#region src/pages/TransactionPage/types.d.ts
+interface StartTransactionButtonProps extends BaseTransactionButtonProps {
+  route?: Route;
+}
+//#endregion
+export { StartTransactionButtonProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/pages/TransactionPage/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/pages/TransactionPage/types.ts"],"mappings":";;;UAGiB,oCACP;EACR,QAAQ"}

package/dist/esm/pages/TransactionPage/utils.d.ts

@@ -0,0 +1,6 @@
+//#region src/pages/TransactionPage/utils.d.ts
+declare const calculateValueLossPercentage: (fromAmountUSD: number, toAmountUSD: number, gasCostUSD: number, feeCostUSD: number) => number;
+declare const getTokenValueLossThreshold: (fromAmountUSD: number, toAmountUSD: number, gasCostUSD: number, feeCostUSD: number) => boolean;
+//#endregion
+export { calculateValueLossPercentage, getTokenValueLossThreshold };
+//# sourceMappingURL=utils.d.ts.map

package/dist/esm/pages/TransactionPage/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../../../src/pages/TransactionPage/utils.ts"],"mappings":";cAAa,+BACX,uBACA,qBACA,oBACA;cAUW,6BACX,uBACA,qBACA,oBACA"}

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

@@ -0,0 +1,5 @@
+//#region src/providers/I18nProvider/I18nProvider.d.ts
+declare const I18nProvider: React.FC<React.PropsWithChildren>;
+//#endregion
+export { I18nProvider };
+//# sourceMappingURL=I18nProvider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"I18nProvider.d.ts","names":[],"sources":["../../../../src/providers/I18nProvider/I18nProvider.tsx"],"mappings":";cAea,cAAc,MAAM,GAAG,MAAM"}

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,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"}
+{"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;EAAlC,UAAA,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/types.d.ts

@@ -1,10 +1,9 @@
 import { enResource as en } from "./enResource.js";
-
 //#region src/providers/I18nProvider/types.d.ts
-type PartialResource<T> = T extends object ? { [P in keyof T]?: PartialResource<T[P]> } : T;
+type PartialResource<T> = T extends object ? { [P in keyof T]?: PartialResource<T[P]>; } : T;
 type LanguageKey = "en" | "es" | "fr" | "de" | "it" | "pt" | "ja" | "ko" | "zh" | "hi" | "bn" | "th" | "vi" | "tr" | "uk" | "id" | "pl";
 type LanguageResource = typeof en;
-type LanguageResources = { [K in LanguageKey]?: PartialResource<LanguageResource> } | {
+type LanguageResources = { [K in LanguageKey]?: PartialResource<LanguageResource>; } | {
   [language: string]: PartialResource<LanguageResource>;
 };
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/I18nProvider/types.ts"],"mappings":";;;KAEY,eAAA,MAAqB,CAAA,gCAEf,CAAA,IAAK,eAAA,CAAgB,CAAA,CAAE,CAAA,OAErC,CAAA;AAAA,KAEQ,WAAA;AAAA,KAmBA,gBAAA,UAA0B,EAAA;AAAA,KAE1B,iBAAA,WAEA,WAAA,IAAe,eAAA,CAAgB,gBAAA;EAAA,oBAGjB,eAAA,CAAgB,gBAAA;AAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/I18nProvider/types.ts"],"mappings":";;KAEY,gBAAgB,KAAK,sBAE1B,WAAW,KAAK,gBAAgB,EAAE,SAErC;KAEQ;KAmBA,0BAA0B;KAE1B,uBAEL,KAAK,eAAe,gBAAgB;GAGjB,mBAAA,gBAAgB"}

package/dist/esm/providers/QueryClientProvider.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from "react";
+//#region src/providers/QueryClientProvider.d.ts
+declare const QueryClientProvider: React.FC<PropsWithChildren>;
+//#endregion
+export { QueryClientProvider };
+//# sourceMappingURL=QueryClientProvider.d.ts.map

package/dist/esm/providers/QueryClientProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryClientProvider.d.ts","names":[],"sources":["../../../src/providers/QueryClientProvider.tsx"],"mappings":";;cAQa,qBAAqB,MAAM,GAAG"}

package/dist/esm/providers/SDKClientProvider.d.ts

@@ -0,0 +1,8 @@
+import { SDKClient } from "@lifi/sdk";
+import { JSX, PropsWithChildren } from "react";
+//#region src/providers/SDKClientProvider.d.ts
+declare const useSDKClient: () => SDKClient;
+declare const SDKClientProvider: ({ children }: PropsWithChildren) => JSX.Element;
+//#endregion
+export { SDKClientProvider, useSDKClient };
+//# sourceMappingURL=SDKClientProvider.d.ts.map

package/dist/esm/providers/SDKClientProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SDKClientProvider.d.ts","names":[],"sources":["../../../src/providers/SDKClientProvider.tsx"],"mappings":";;;cAaa,oBAAmB;cAEnB,sBACX,YACC,sBAAoB,IAAI"}

package/dist/esm/providers/WalletProvider/WalletProvider.d.ts

@@ -0,0 +1,10 @@
+import { JSX, PropsWithChildren, ReactNode } from "react";
+import { WidgetProviderProps } from "@lifi/widget-provider";
+//#region src/providers/WalletProvider/WalletProvider.d.ts
+interface WalletProviderProps extends PropsWithChildren {
+  providers: ((props: PropsWithChildren<WidgetProviderProps>) => ReactNode)[];
+}
+declare const WalletProvider: ({ children, providers }: PropsWithChildren<WalletProviderProps>) => JSX.Element;
+//#endregion
+export { WalletProvider };
+//# sourceMappingURL=WalletProvider.d.ts.map

package/dist/esm/providers/WalletProvider/WalletProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletProvider.d.ts","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"mappings":";;;UAgBU,4BAA4B;EACpC,aAAa,OAAO,kBAAkB,yBAAyB;;cAGpD,mBACX,UACA,aACC,kBAAkB,yBAAuB,IAAI"}

package/dist/esm/providers/WalletProvider/WalletProvider.js

@@ -1,3 +1,4 @@
+import { getConfigItemSets, isItemAllowedForSets } from "../../utils/item.js";
 import { useWidgetConfig } from "../WidgetProvider/WidgetProvider.js";
 import { useAvailableChains } from "../../hooks/useAvailableChains.js";
 import { useExternalWalletProvider } from "./useExternalWalletProvider.js";
@@ -8,20 +9,24 @@ import { useTranslation } from "react-i18next";
 import { WalletManagementProviders } from "@lifi/wallet-management";
 //#region src/providers/WalletProvider/WalletProvider.tsx
 const WalletProvider = ({ children, providers }) => {
-	const { walletConfig } = useWidgetConfig();
+	const { walletConfig, chains: chainsConfig } = useWidgetConfig();
 	const { chains } = useAvailableChains();
 	const { i18n } = useTranslation();
 	const { useExternalWalletProvidersOnly, internalChainTypes } = useExternalWalletProvider();
+	const enabledChainTypes = useMemo(() => {
+		const chainTypeSets = getConfigItemSets(chainsConfig?.types, (items) => new Set(items));
+		return internalChainTypes.filter((chainType) => isItemAllowedForSets(chainType, chainTypeSets));
+	}, [internalChainTypes, chainsConfig?.types]);
 	if (!providers.length && !useExternalWalletProvidersOnly && process.env.NODE_ENV === "development") console.warn("No widget providers specified");
 	const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers;
 	return /* @__PURE__ */ jsx(WalletManagementProviders, {
 		config: useMemo(() => ({
 			locale: i18n.resolvedLanguage,
-			enabledChainTypes: internalChainTypes,
+			enabledChainTypes,
 			walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder
 		}), [
 			i18n.resolvedLanguage,
-			internalChainTypes,
+			enabledChainTypes,
 			walletConfig?.walletEcosystemsOrder
 		]),
 		providers: effectiveProviders,

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

@@ -1 +1 @@
-{"version":3,"file":"WalletProvider.js","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"sourcesContent":["import { WalletManagementProviders } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport {\n  type FC,\n  type JSX,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { useExternalWalletProvider } from './useExternalWalletProvider.js'\n\ninterface WalletProviderProps extends PropsWithChildren {\n  providers: ((props: PropsWithChildren<WidgetProviderProps>) => ReactNode)[]\n}\n\nexport const WalletProvider = ({\n  children,\n  providers,\n}: PropsWithChildren<WalletProviderProps>): JSX.Element => {\n  const { walletConfig } = useWidgetConfig()\n  const { chains } = useAvailableChains()\n  const { i18n } = useTranslation()\n  const { useExternalWalletProvidersOnly, internalChainTypes } =\n    useExternalWalletProvider()\n\n  if (\n    !providers.length &&\n    !useExternalWalletProvidersOnly &&\n    process.env.NODE_ENV === 'development'\n  ) {\n    console.warn('No widget providers specified')\n  }\n\n  const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers\n\n  const walletManagementConfig = useMemo(\n    () => ({\n      locale: i18n.resolvedLanguage as never,\n      enabledChainTypes: internalChainTypes,\n      walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,\n    }),\n    [\n      i18n.resolvedLanguage,\n      internalChainTypes,\n      walletConfig?.walletEcosystemsOrder,\n    ]\n  )\n\n  return (\n    <WalletManagementProviders\n      config={walletManagementConfig}\n      providers={effectiveProviders}\n      chains={chains}\n      forceInternalWalletManagement={\n        walletConfig?.forceInternalWalletManagement\n      }\n    >\n      <SDKProviderInitializer>{children}</SDKProviderInitializer>\n    </WalletManagementProviders>\n  )\n}\n\nconst SDKProviderInitializer: FC<PropsWithChildren> = ({ children }) => {\n  useInitializeSDKProviders()\n  return children\n}\n"],"mappings":";;;;;;;;;AAmBA,MAAa,kBAAkB,EAC7B,UACA,gBACyD;CACzD,MAAM,EAAE,iBAAiB,gBAAgB;CACzC,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,gCAAgC,uBACtC,0BAA0B;CAE5B,IACE,CAAC,UAAU,UACX,CAAC,kCACD,QAAQ,IAAI,aAAa,eAEzB,QAAQ,KAAK,+BAA+B;CAG9C,MAAM,qBAAqB,iCAAiC,CAAC,IAAI;CAejE,OACE,oBAAC,2BAAD;EACE,QAf2B,eACtB;GACL,QAAQ,KAAK;GACb,mBAAmB;GACnB,uBAAuB,cAAc;EACvC,IACA;GACE,KAAK;GACL;GACA,cAAc;EAChB,CAK+B;EAC7B,WAAW;EACH;EACR,+BACE,cAAc;YAGhB,oBAAC,wBAAD,EAAyB,SAAiC,CAAA;CACjC,CAAA;AAE/B;AAEA,MAAM,0BAAiD,EAAE,eAAe;CACtE,0BAA0B;CAC1B,OAAO;AACT"}
+{"version":3,"file":"WalletProvider.js","names":[],"sources":["../../../../src/providers/WalletProvider/WalletProvider.tsx"],"sourcesContent":["import { WalletManagementProviders } from '@lifi/wallet-management'\nimport type { WidgetProviderProps } from '@lifi/widget-provider'\nimport {\n  type FC,\n  type JSX,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useAvailableChains } from '../../hooks/useAvailableChains.js'\nimport { useInitializeSDKProviders } from '../../hooks/useInitializeSDKProviders.js'\nimport { getConfigItemSets, isItemAllowedForSets } from '../../utils/item.js'\nimport { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js'\nimport { useExternalWalletProvider } from './useExternalWalletProvider.js'\n\ninterface WalletProviderProps extends PropsWithChildren {\n  providers: ((props: PropsWithChildren<WidgetProviderProps>) => ReactNode)[]\n}\n\nexport const WalletProvider = ({\n  children,\n  providers,\n}: PropsWithChildren<WalletProviderProps>): JSX.Element => {\n  const { walletConfig, chains: chainsConfig } = useWidgetConfig()\n  const { chains } = useAvailableChains()\n  const { i18n } = useTranslation()\n  const { useExternalWalletProvidersOnly, internalChainTypes } =\n    useExternalWalletProvider()\n\n  // Restrict offered wallets to the ecosystems allowed by chains.types config.\n  const enabledChainTypes = useMemo(() => {\n    const chainTypeSets = getConfigItemSets(\n      chainsConfig?.types,\n      (items) => new Set(items)\n    )\n    return internalChainTypes.filter((chainType) =>\n      isItemAllowedForSets(chainType, chainTypeSets)\n    )\n  }, [internalChainTypes, chainsConfig?.types])\n\n  if (\n    !providers.length &&\n    !useExternalWalletProvidersOnly &&\n    process.env.NODE_ENV === 'development'\n  ) {\n    console.warn('No widget providers specified')\n  }\n\n  const effectiveProviders = useExternalWalletProvidersOnly ? [] : providers\n\n  const walletManagementConfig = useMemo(\n    () => ({\n      locale: i18n.resolvedLanguage as never,\n      enabledChainTypes,\n      walletEcosystemsOrder: walletConfig?.walletEcosystemsOrder,\n    }),\n    [\n      i18n.resolvedLanguage,\n      enabledChainTypes,\n      walletConfig?.walletEcosystemsOrder,\n    ]\n  )\n\n  return (\n    <WalletManagementProviders\n      config={walletManagementConfig}\n      providers={effectiveProviders}\n      chains={chains}\n      forceInternalWalletManagement={\n        walletConfig?.forceInternalWalletManagement\n      }\n    >\n      <SDKProviderInitializer>{children}</SDKProviderInitializer>\n    </WalletManagementProviders>\n  )\n}\n\nconst SDKProviderInitializer: FC<PropsWithChildren> = ({ children }) => {\n  useInitializeSDKProviders()\n  return children\n}\n"],"mappings":";;;;;;;;;;AAoBA,MAAa,kBAAkB,EAC7B,UACA,gBACyD;CACzD,MAAM,EAAE,cAAc,QAAQ,iBAAiB,gBAAgB;CAC/D,MAAM,EAAE,WAAW,mBAAmB;CACtC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,gCAAgC,uBACtC,0BAA0B;CAG5B,MAAM,oBAAoB,cAAc;EACtC,MAAM,gBAAgB,kBACpB,cAAc,QACb,UAAU,IAAI,IAAI,KAAK,CAC1B;EACA,OAAO,mBAAmB,QAAQ,cAChC,qBAAqB,WAAW,aAAa,CAC/C;CACF,GAAG,CAAC,oBAAoB,cAAc,KAAK,CAAC;CAE5C,IACE,CAAC,UAAU,UACX,CAAC,kCACD,QAAQ,IAAI,aAAa,eAEzB,QAAQ,KAAK,+BAA+B;CAG9C,MAAM,qBAAqB,iCAAiC,CAAC,IAAI;CAejE,OACE,oBAAC,2BAAD;EACE,QAf2B,eACtB;GACL,QAAQ,KAAK;GACb;GACA,uBAAuB,cAAc;EACvC,IACA;GACE,KAAK;GACL;GACA,cAAc;EAChB,CAK+B;EAC7B,WAAW;EACH;EACR,+BACE,cAAc;EAGhB,UAAA,oBAAC,wBAAD,EAAyB,SAAiC,CAAA;CACjC,CAAA;AAE/B;AAEA,MAAM,0BAAiD,EAAE,eAAe;CACtE,0BAA0B;CAC1B,OAAO;AACT"}

package/dist/esm/providers/WidgetProvider/WidgetProvider.d.ts

@@ -0,0 +1,8 @@
+import { WidgetContextProps, WidgetProviderProps } from "./types.js";
+import "react";
+//#region src/providers/WidgetProvider/WidgetProvider.d.ts
+declare const useWidgetConfig: () => WidgetContextProps;
+declare const WidgetProvider: React.FC<React.PropsWithChildren<WidgetProviderProps>>;
+//#endregion
+export { WidgetProvider, useWidgetConfig };
+//# sourceMappingURL=WidgetProvider.d.ts.map

package/dist/esm/providers/WidgetProvider/WidgetProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetProvider.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/WidgetProvider.tsx"],"mappings":";;;cAaa,uBAAsB;cAEtB,gBAAgB,MAAM,GACjC,MAAM,kBAAkB"}

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

@@ -0,0 +1,11 @@
+import { WidgetConfig } from "../../types/widget.js";
+//#region src/providers/WidgetProvider/types.d.ts
+type WidgetContextProps = WidgetConfig & {
+  elementId: string;
+};
+interface WidgetProviderProps {
+  config?: WidgetConfig;
+}
+//#endregion
+export { WidgetContextProps, WidgetProviderProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/providers/WidgetProvider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../src/providers/WidgetProvider/types.ts"],"mappings":";;KAEY,qBAAqB;EAC/B;;UAGe;EACf,SAAS"}

package/dist/esm/shared.d.ts

@@ -0,0 +1,107 @@
+import { FormKeyHelper, FormType, FormTypeProps } from "./stores/form/types.js";
+import { FormRef, WidgetConfig, WidgetTheme } from "./types/widget.js";
+import { navigationRoutes } from "./utils/navigationRoutes.js";
+import { WidgetEvent } from "./types/events.js";
+import { useWidgetEvents } from "./hooks/useWidgetEvents.js";
+import { useFieldActions } from "./stores/form/useFieldActions.js";
+import { useFieldValues } from "./stores/form/useFieldValues.js";
+import { createTheme } from "./themes/createTheme.js";
+import { formatDuration, formatInputAmount, formatTokenAmount, formatTokenPrice, priceToTokenAmount, usdDecimals } from "./utils/format.js";
+import { getPriceImpact } from "./utils/getPriceImpact.js";
+import { ActionRow } from "./components/ActionRow/ActionRow.js";
+import { CardTitle } from "./components/Card/CardTitle.js";
+import { FormControl, Input } from "./components/AmountInput/AmountInput.style.js";
+import { AmountInputEndAdornment } from "./components/AmountInput/AmountInputEndAdornment.js";
+import { InputPriceButton } from "./components/AmountInput/PriceFormHelperText.style.js";
+import { AvatarBadgedDefault } from "./components/Avatar/Avatar.js";
+import { TokenAvatar } from "./components/Avatar/TokenAvatar.js";
+import { BaseTransactionButton } from "./components/BaseTransactionButton/BaseTransactionButton.js";
+import { BottomSheetBase } from "./components/BottomSheet/types.js";
+import { ButtonTertiary } from "./components/ButtonTertiary.js";
+import { Card } from "./components/Card/Card.js";
+import { CardIconButton } from "./components/Card/CardIconButton.js";
+import { InputCard } from "./components/Card/InputCard.js";
+import { ChainSelect } from "./components/ChainSelect/ChainSelect.js";
+import { ChainAvatar } from "./components/ChainSelect/ChainSelect.style.js";
+import { ContractComponent } from "./components/ContractComponent/ContractComponent.js";
+import { ExecutionRow, useExecutionRows } from "./components/StepActions/executionRows.js";
+import { ExecutionStatusCard } from "./components/ExecutionStatusCard/ExecutionStatusCard.js";
+import { RouteExecutionStatus } from "./stores/routes/types.js";
+import { StatusIcon } from "./components/ExecutionStatusCard/StatusIcon.js";
+import { getAccumulatedFeeCostsBreakdown } from "./utils/fees.js";
+import { FeeBreakdownTooltip } from "./components/FeeBreakdownTooltip.js";
+import { IconCircle } from "./components/IconCircle/IconCircle.js";
+import { IconTypography } from "./components/IconTypography.js";
+import { ListItemButton } from "./components/ListItem/ListItemButton.js";
+import { WarningMessages } from "./components/Messages/WarningMessages.js";
+import { PageContainer } from "./components/PageContainer.js";
+import { PoweredBy } from "./components/PoweredBy/PoweredBy.js";
+import { ProgressToNextUpdate } from "./components/ProgressToNextUpdate.js";
+import { RouteCard } from "./components/RouteCard/RouteCard.js";
+import { RouteCardSkeleton } from "./components/RouteCard/RouteCardSkeleton.js";
+import { RouteDetails } from "./components/RouteCard/RouteDetails.js";
+import { DetailInfoIcon, DetailLabel, DetailLabelContainer, DetailRow, DetailValue } from "./components/RouteCard/RouteDetails.style.js";
+import { RouteNotFoundCard } from "./components/RouteCard/RouteNotFoundCard.js";
+import { RouteTokens } from "./components/RouteCard/RouteTokens.js";
+import { SearchInput } from "./components/Search/SearchInput.js";
+import { SendToWalletButton } from "./components/SendToWallet/SendToWalletButton.js";
+import { SentToWalletRow } from "./components/StepActions/SentToWalletRow.js";
+import { ExternalLink } from "./components/StepActions/StepActionRow.style.js";
+import { StepActionsList } from "./components/StepActions/StepActionsList.js";
+import { Token } from "./components/Token/Token.js";
+import { TokenNotFound } from "./components/TokenList/TokenNotFound.js";
+import { useTokenSelect } from "./components/TokenList/useTokenSelect.js";
+import { VirtualizedTokenList } from "./components/TokenList/VirtualizedTokenList.js";
+import { TokenRate } from "./components/TokenRate/TokenRate.js";
+import { DateLabelContainer, DateLabelText } from "./components/TransactionCard/TransactionCard.style.js";
+import { useAddressActivity } from "./hooks/useAddressActivity.js";
+import { AddressType, useAddressValidation } from "./hooks/useAddressValidation.js";
+import { useAvailableChains } from "./hooks/useAvailableChains.js";
+import { useChain } from "./hooks/useChain.js";
+import { useContactSupport } from "./hooks/useContactSupport.js";
+import { useDebouncedWatch } from "./hooks/useDebouncedWatch.js";
+import { useExplorer } from "./hooks/useExplorer.js";
+import { useHeader } from "./hooks/useHeader.js";
+import { useListHeight } from "./hooks/useListHeight.js";
+import { useNavigateBack } from "./hooks/useNavigateBack.js";
+import { useRouteExecution } from "./hooks/useRouteExecution.js";
+import { useRouteExecutionMessage } from "./hooks/useRouteExecutionMessage.js";
+import { useRoutes } from "./hooks/useRoutes.js";
+import { useToAddressRequirements } from "./hooks/useToAddressRequirements.js";
+import { useToken } from "./hooks/useToken.js";
+import { useTokenAddressBalance } from "./hooks/useTokenAddressBalance.js";
+import { useTokenBalances } from "./hooks/useTokenBalances.js";
+import { useTokenList } from "./hooks/useTokenList.js";
+import { useTools } from "./hooks/useTools.js";
+import { MainWarningMessages } from "./pages/MainPage/MainWarningMessages.js";
+import { Stack } from "./pages/RoutesPage/RoutesPage.style.js";
+import { SelectChainPage } from "./pages/SelectChainPage/SelectChainPage.js";
+import { SearchTokenInput } from "./pages/SelectTokenPage/SearchTokenInput.js";
+import { ContactSupportButton } from "./pages/TransactionDetailsPage/ContactSupportButton.js";
+import { ConfirmToAddressSheet } from "./pages/TransactionPage/ConfirmToAddressSheet.js";
+import { ExchangeRateBottomSheet, ExchangeRateBottomSheetBase } from "./pages/TransactionPage/ExchangeRateBottomSheet.js";
+import { ExecutionDoneCard } from "./pages/TransactionPage/ExecutionDoneCard.js";
+import { RouteTracker } from "./pages/TransactionPage/RouteTracker.js";
+import { StartTransactionButton } from "./pages/TransactionPage/StartTransactionButton.js";
+import { TokenValueBottomSheet } from "./pages/TransactionPage/TokenValueBottomSheet.js";
+import { TransactionDoneButtons } from "./pages/TransactionPage/TransactionDoneButtons.js";
+import { calculateValueLossPercentage, getTokenValueLossThreshold } from "./pages/TransactionPage/utils.js";
+import { I18nProvider } from "./providers/I18nProvider/I18nProvider.js";
+import { QueryClientProvider } from "./providers/QueryClientProvider.js";
+import { SDKClientProvider, useSDKClient } from "./providers/SDKClientProvider.js";
+import { WalletProvider } from "./providers/WalletProvider/WalletProvider.js";
+import { WidgetProvider, useWidgetConfig } from "./providers/WidgetProvider/WidgetProvider.js";
+import { BookmarkStoreProvider } from "./stores/bookmarks/BookmarkStore.js";
+import { useChainOrderStore } from "./stores/chains/ChainOrderStore.js";
+import { useHeaderStore, useSetHeaderHeight } from "./stores/header/useHeaderStore.js";
+import { useInputModeStore } from "./stores/inputMode/useInputModeStore.js";
+import { useRouteExecutionStore, useRouteExecutionStoreContext } from "./stores/routes/RouteExecutionStore.js";
+import { getSourceTxHash, isRouteActive, isRouteDone, isRouteFailed } from "./stores/routes/utils.js";
+import { StoreProvider } from "./stores/StoreProvider.js";
+import { SettingsStoreProvider, useSettingsStoreContext } from "./stores/settings/SettingsStore.js";
+import { buildRouteFromTxHistory } from "./utils/converters.js";
+import { ElementId, createElementId } from "./utils/elements.js";
+import { hasEnumFlag } from "./utils/enum.js";
+import { fitInputText } from "./utils/input.js";
+import { shortenAddress } from "./utils/wallet.js";
+export { ActionRow, AddressType, AmountInputEndAdornment, AvatarBadgedDefault, BaseTransactionButton, BookmarkStoreProvider, type BottomSheetBase, ButtonTertiary, Card, CardIconButton, CardTitle, ChainAvatar, ChainSelect, ConfirmToAddressSheet, ContactSupportButton, ContractComponent, DateLabelContainer, DateLabelText, DetailInfoIcon, DetailLabel, DetailLabelContainer, DetailRow, DetailValue, ElementId, ExchangeRateBottomSheet, type ExchangeRateBottomSheetBase, ExecutionDoneCard, type ExecutionRow, ExecutionStatusCard, ExternalLink, FeeBreakdownTooltip, FormControl, FormKeyHelper, type FormRef, type FormType, type FormTypeProps, I18nProvider, IconCircle, IconTypography, Input, InputCard, InputPriceButton, ListItemButton, MainWarningMessages, PageContainer, PoweredBy, ProgressToNextUpdate, QueryClientProvider, RouteCard, RouteCardSkeleton, RouteDetails, RouteExecutionStatus, RouteNotFoundCard, RouteTokens, RouteTracker, SDKClientProvider, SearchInput, SearchTokenInput, SelectChainPage, SendToWalletButton, SentToWalletRow, SettingsStoreProvider, Stack, StartTransactionButton, StatusIcon, StepActionsList, StoreProvider, Token, TokenAvatar, TokenNotFound, TokenRate, TokenValueBottomSheet, TransactionDoneButtons, VirtualizedTokenList, WalletProvider, WarningMessages, type WidgetConfig, WidgetEvent, WidgetProvider, type WidgetTheme, buildRouteFromTxHistory, calculateValueLossPercentage, createElementId, createTheme, fitInputText, formatDuration, formatInputAmount, formatTokenAmount, formatTokenPrice, getAccumulatedFeeCostsBreakdown, getPriceImpact, getSourceTxHash, getTokenValueLossThreshold, hasEnumFlag, isRouteActive, isRouteDone, isRouteFailed, navigationRoutes, priceToTokenAmount, shortenAddress, usdDecimals, useAddressActivity, useAddressValidation, useAvailableChains, useChain, useChainOrderStore, useContactSupport, useDebouncedWatch, useExecutionRows, useExplorer, useFieldActions, useFieldValues, useHeader, useHeaderStore, useInputModeStore, useListHeight, useNavigateBack, useRouteExecution, useRouteExecutionMessage, useRouteExecutionStore, useRouteExecutionStoreContext, useRoutes, useSDKClient, useSetHeaderHeight, useSettingsStoreContext, useToAddressRequirements, useToken, useTokenAddressBalance, useTokenBalances, useTokenList, useTokenSelect, useTools, useWidgetConfig, useWidgetEvents };