@lifi/widget 2.9.4 → 3.0.0-alpha.1

package/cjs/components/SendToWallet/SendToWallet.style.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = exports.FormControl = void 0;
-const material_1 = require("@mui/material");
-const InputBase_1 = require("@mui/material/InputBase");
-const styles_1 = require("@mui/material/styles");
-exports.FormControl = (0, styles_1.styled)(material_1.FormControl)(({ theme }) => ({
-    padding: theme.spacing(1.5, 2, 1.5, 0),
-}));
-exports.Input = (0, styles_1.styled)(material_1.InputBase)(({ theme }) => ({
-    [`.${InputBase_1.inputBaseClasses.input}`]: {
-        height: 32,
-        padding: theme.spacing(0, 0, 0, 2),
-    },
-    [`&.${InputBase_1.inputBaseClasses.disabled}`]: {
-        color: 'inherit',
-    },
-    [`.${InputBase_1.inputBaseClasses.input}.${InputBase_1.inputBaseClasses.disabled}`]: {
-        WebkitTextFillColor: 'unset',
-    },
-}));

package/cjs/components/SendToWallet/SendToWalletButton.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SendToWalletButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Wallet_1 = require("@mui/icons-material/Wallet");
-const material_1 = require("@mui/material");
-const react_hook_form_1 = require("react-hook-form");
-const react_i18next_1 = require("react-i18next");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const stores_1 = require("../../stores");
-const types_1 = require("../../types");
-const SendToWalletButton = () => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { setValue } = (0, react_hook_form_1.useFormContext)();
-    const emitter = (0, hooks_1.useWidgetEvents)();
-    const { disabledUI, hiddenUI, requiredUI } = (0, providers_1.useWidgetConfig)();
-    const { showSendToWallet, toggleSendToWallet } = (0, stores_1.useSendToWalletStore)();
-    const { showDestinationWallet } = (0, stores_1.useSettings)(['showDestinationWallet']);
-    if (!showDestinationWallet ||
-        hiddenUI?.includes(types_1.HiddenUI.ToAddress) ||
-        requiredUI?.includes(types_1.RequiredUI.ToAddress)) {
-        return null;
-    }
-    const handleClick = () => {
-        if (showSendToWallet && !disabledUI?.includes(types_1.DisabledUI.ToAddress)) {
-            setValue(providers_1.FormKey.ToAddress, '', { shouldTouch: true });
-        }
-        toggleSendToWallet();
-        emitter.emit(types_1.WidgetEvent.SendToWalletToggled, stores_1.useSendToWalletStore.getState().showSendToWallet);
-    };
-    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: t('main.sendToWallet'), placement: "bottom-end", enterDelay: 400, arrow: true, children: (0, jsx_runtime_1.jsx)(material_1.Button, { variant: showSendToWallet ? 'contained' : 'text', onClick: handleClick, sx: {
-                minWidth: 48,
-                marginLeft: 1,
-            }, children: (0, jsx_runtime_1.jsx)(Wallet_1.default, {}) }) }));
-};
-exports.SendToWalletButton = SendToWalletButton;

package/cjs/components/SendToWallet/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./SendToWallet"), exports);
-__exportStar(require("./SendToWalletButton"), exports);

package/cjs/components/SmallAvatar.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmallAvatarSkeleton = exports.SmallAvatarSkeletonContainer = exports.SmallAvatarSkeletonBase = exports.SmallAvatar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
-exports.SmallAvatar = (0, styles_1.styled)(material_1.Avatar)(({ theme }) => ({
-    background: theme.palette.background.paper,
-    width: 16,
-    height: 16,
-    border: `2px solid ${theme.palette.background.paper}`,
-}));
-exports.SmallAvatarSkeletonBase = (0, styles_1.styled)(material_1.Skeleton)(({ theme }) => ({
-    border: `2px solid ${theme.palette.background.paper}`,
-    width: 16,
-    height: 16,
-}));
-exports.SmallAvatarSkeletonContainer = (0, styles_1.styled)(material_1.Box)(({ theme }) => ({
-    background: theme.palette.background.paper,
-    borderRadius: '50%',
-}));
-const SmallAvatarSkeleton = () => {
-    return ((0, jsx_runtime_1.jsx)(exports.SmallAvatarSkeletonContainer, { children: (0, jsx_runtime_1.jsx)(exports.SmallAvatarSkeletonBase, { variant: "circular" }) }));
-};
-exports.SmallAvatarSkeleton = SmallAvatarSkeleton;

package/cjs/components/Step/CircularProgress.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CircularProgress = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Done_1 = require("@mui/icons-material/Done");
-const ErrorRounded_1 = require("@mui/icons-material/ErrorRounded");
-const InfoRounded_1 = require("@mui/icons-material/InfoRounded");
-const WarningRounded_1 = require("@mui/icons-material/WarningRounded");
-const styles_1 = require("@mui/material/styles");
-const CircularProgress_style_1 = require("./CircularProgress.style");
-function CircularProgress({ process }) {
-    return ((0, jsx_runtime_1.jsxs)(CircularProgress_style_1.CircularIcon, { status: process.status, substatus: process.substatus, children: [process.status === 'STARTED' || process.status === 'PENDING' ? ((0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularProgressPending, { size: 32, thickness: 3 })) : null, process.status === 'ACTION_REQUIRED' ? ((0, jsx_runtime_1.jsx)(InfoRounded_1.default, { color: "info", sx: {
-                    position: 'absolute',
-                    fontSize: '1rem',
-                } })) : null, process.status === 'DONE' &&
-                (process.substatus === 'PARTIAL' || process.substatus === 'REFUNDED') ? ((0, jsx_runtime_1.jsx)(WarningRounded_1.default, { sx: (theme) => ({
-                    position: 'absolute',
-                    fontSize: '1rem',
-                    color: (0, styles_1.darken)(theme.palette.warning.main, 0.32),
-                }) })) : process.status === 'DONE' ? ((0, jsx_runtime_1.jsx)(Done_1.default, { color: "success", sx: {
-                    position: 'absolute',
-                    fontSize: '1rem',
-                } })) : null, process.status === 'FAILED' ? ((0, jsx_runtime_1.jsx)(ErrorRounded_1.default, { color: "error", sx: {
-                    position: 'absolute',
-                    fontSize: '1rem',
-                } })) : null] }));
-}
-exports.CircularProgress = CircularProgress;

package/cjs/components/Step/CircularProgress.style.js

@@ -1,72 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CircularProgressPending = exports.CircularIcon = void 0;
-const material_1 = require("@mui/material");
-const CircularProgress_1 = require("@mui/material/CircularProgress");
-const styles_1 = require("@mui/material/styles");
-const getStatusColor = (theme, status, substatus) => {
-    switch (status) {
-        case 'ACTION_REQUIRED':
-            return (0, styles_1.alpha)(theme.palette.info.main, 0.12);
-        case 'DONE':
-            if (substatus === 'PARTIAL' || substatus === 'REFUNDED') {
-                return (0, styles_1.alpha)(theme.palette.warning.main, 0.48);
-            }
-            return (0, styles_1.alpha)(theme.palette.success.main, 0.12);
-        case 'FAILED':
-            return (0, styles_1.alpha)(theme.palette.error.main, 0.12);
-        default:
-            return theme.palette.grey[theme.palette.mode === 'light' ? 300 : 800];
-    }
-};
-exports.CircularIcon = (0, styles_1.styled)(material_1.Box, {
-    shouldForwardProp: (prop) => !['status', 'substatus'].includes(prop),
-})(({ theme, status, substatus }) => ({
-    backgroundColor: ['ACTION_REQUIRED', 'DONE', 'FAILED'].includes(status)
-        ? getStatusColor(theme, status, substatus)
-        : theme.palette.background.paper,
-    borderStyle: 'solid',
-    borderColor: getStatusColor(theme, status, substatus),
-    borderWidth: !['ACTION_REQUIRED', 'DONE', 'FAILED'].includes(status)
-        ? 2
-        : 0,
-    display: 'grid',
-    position: 'relative',
-    placeItems: 'center',
-    width: 32,
-    height: 32,
-    borderRadius: '50%',
-}));
-const circleAnimation = (0, styles_1.keyframes) `
-  0% {
-    stroke-dashoffset: 129;
-    transform: rotate(0);
-  }
-  50% {
-    stroke-dashoffset: 56;
-    transform: rotate(45deg);
-  };
-  100% {
-    stroke-dashoffset: 129;
-    transform: rotate(360deg);
-  }
-`;
-// This `styled()` function invokes keyframes. `styled-components` only supports keyframes
-// in string templates. Do not convert these styles in JS object as it will break.
-exports.CircularProgressPending = (0, styles_1.styled)(material_1.CircularProgress) `
-  color: ${({ theme }) => theme.palette.mode === 'light'
-    ? theme.palette.primary.main
-    : theme.palette.primary.light};
-  animation-duration: 3s;
-  position: absolute;
-  left: -2px;
-  .${CircularProgress_1.circularProgressClasses.circle} {
-    animation-duration: 2s;
-    animation-timing-function: linear;
-    animation-name: ${circleAnimation};
-    stroke-dasharray: 129;
-    stroke-dashoffset: 129;
-    stroke-linecap: round;
-    transform-origin: 100% 100%;
-  }
-`;

package/cjs/components/Step/DestinationWalletAddress.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { LifiStep } from '@lifi/sdk';
-export declare const DestinationWalletAddress: React.FC<{
-    step: LifiStep;
-    toAddress: string;
-    toAddressLink: string;
-}>;

package/cjs/components/Step/DestinationWalletAddress.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DestinationWalletAddress = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const LinkRounded_1 = require("@mui/icons-material/LinkRounded");
-const Wallet_1 = require("@mui/icons-material/Wallet");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const CircularProgress_style_1 = require("./CircularProgress.style");
-const StepProcess_style_1 = require("./StepProcess.style");
-const DestinationWalletAddress = ({ step, toAddress, toAddressLink }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const isDone = step.execution?.status === 'DONE';
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { px: 2, py: 1, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                display: 'flex',
-                alignItems: 'center',
-            }, children: [(0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularIcon, { status: isDone ? 'DONE' : 'NOT_STARTED', children: (0, jsx_runtime_1.jsx)(Wallet_1.default, { color: isDone ? 'success' : 'inherit', sx: {
-                            position: 'absolute',
-                            fontSize: '1rem',
-                        } }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { mx: 2, flex: 1, fontSize: 14, fontWeight: 400, children: isDone
-                        ? t('main.sentToAddress', {
-                            address: toAddress,
-                        })
-                        : t('main.sendToAddress', {
-                            address: toAddress,
-                        }) }), (0, jsx_runtime_1.jsx)(StepProcess_style_1.LinkButton, { size: "small", edge: "end", LinkComponent: material_1.Link, href: toAddressLink, target: "_blank", rel: "nofollow noreferrer", children: (0, jsx_runtime_1.jsx)(LinkRounded_1.default, {}) })] }) }));
-};
-exports.DestinationWalletAddress = DestinationWalletAddress;

package/cjs/components/Step/GasStepProcess.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import type { LifiStep } from '@lifi/sdk';
-export declare const GasStepProcess: React.FC<{
-    step: LifiStep;
-}>;

package/cjs/components/Step/GasStepProcess.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GasStepProcess = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const EvStation_1 = require("@mui/icons-material/EvStation");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const CircularProgress_style_1 = require("./CircularProgress.style");
-const GasStepProcess = ({ step }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const isDone = step.execution?.status === 'DONE';
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { px: 2, py: 1, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                display: 'flex',
-                alignItems: 'center',
-            }, children: [(0, jsx_runtime_1.jsx)(CircularProgress_style_1.CircularIcon, { status: isDone ? 'DONE' : 'NOT_STARTED', children: (0, jsx_runtime_1.jsx)(EvStation_1.default, { color: isDone ? 'success' : 'inherit', sx: {
-                            position: 'absolute',
-                            fontSize: '1rem',
-                        } }) }), (0, jsx_runtime_1.jsxs)(material_1.Typography, { ml: 2, flex: 1, fontSize: 14, fontWeight: 400, children: [t('format.currency', {
-                            value: (step.execution?.gasAmountUSD ||
-                                step.estimate.gasCosts?.reduce((amount, gasCost) => amount + parseFloat(gasCost.amountUSD || '0'), 0)) ??
-                                0,
-                        }), ' ', isDone ? t('main.gasFeePaid') : t('main.gasFeeEstimated')] })] }) }));
-};
-exports.GasStepProcess = GasStepProcess;

package/cjs/components/Step/Step.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { LifiStep, TokenAmount } from '@lifi/sdk';
-export declare const Step: React.FC<{
-    step: LifiStep;
-    fromToken?: TokenAmount;
-    toToken?: TokenAmount;
-    toAddress?: string;
-}>;

package/cjs/components/Step/Step.js

@@ -1,56 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Step = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
-const react_i18next_1 = require("react-i18next");
-const Card_1 = require("../../components/Card");
-const StepActions_1 = require("../../components/StepActions");
-const Token_1 = require("../../components/Token");
-const hooks_1 = require("../../hooks");
-const providers_1 = require("../../providers");
-const utils_1 = require("../../utils");
-const DestinationWalletAddress_1 = require("./DestinationWalletAddress");
-const GasStepProcess_1 = require("./GasStepProcess");
-const StepProcess_1 = require("./StepProcess");
-const StepTimer_1 = require("./StepTimer");
-const Step = ({ step, fromToken, toToken, toAddress }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const { getChainById } = (0, hooks_1.useChains)();
-    const { subvariant } = (0, providers_1.useWidgetConfig)();
-    const stepHasError = step.execution?.process.some((process) => process.status === 'FAILED');
-    const getCardTitle = () => {
-        switch (step.type) {
-            case 'lifi':
-                const hasCrossStep = step.includedSteps.some((step) => step.type === 'cross');
-                const hasSwapStep = step.includedSteps.some((step) => step.type === 'swap');
-                if (hasCrossStep && hasSwapStep) {
-                    return subvariant === 'nft'
-                        ? t('main.stepBridgeAndBuy')
-                        : t('main.stepSwapAndBridge');
-                }
-                if (hasCrossStep) {
-                    return subvariant === 'nft'
-                        ? t('main.stepBridgeAndBuy')
-                        : t('main.stepBridge');
-                }
-                return subvariant === 'nft'
-                    ? t('main.stepSwapAndBuy')
-                    : t('main.stepSwap');
-            default:
-                return subvariant === 'nft'
-                    ? t('main.stepSwapAndBuy')
-                    : t('main.stepSwap');
-        }
-    };
-    const formattedToAddress = (0, utils_1.shortenAddress)(toAddress);
-    const toAddressLink = toAddress
-        ? `${getChainById(step.action.toChainId)?.metamask
-            .blockExplorerUrls[0]}address/${toAddress}`
-        : undefined;
-    return ((0, jsx_runtime_1.jsxs)(Card_1.Card, { variant: stepHasError ? 'error' : 'default', children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                    display: 'flex',
-                    flex: 1,
-                }, children: [(0, jsx_runtime_1.jsx)(Card_1.CardTitle, { flex: 1, children: getCardTitle() }), (0, jsx_runtime_1.jsx)(Card_1.CardTitle, { sx: { fontWeight: 500 }, children: (0, jsx_runtime_1.jsx)(StepTimer_1.StepTimer, { step: step }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { py: 1, children: [fromToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: fromToken, px: 2, py: 1 }) : null, (0, jsx_runtime_1.jsx)(StepActions_1.StepActions, { step: step, px: 2, py: 1, dense: true }), step.execution?.process.map((process, index) => ((0, jsx_runtime_1.jsx)(StepProcess_1.StepProcess, { step: step, process: process }, index))), (0, jsx_runtime_1.jsx)(GasStepProcess_1.GasStepProcess, { step: step }), formattedToAddress && toAddressLink ? ((0, jsx_runtime_1.jsx)(DestinationWalletAddress_1.DestinationWalletAddress, { step: step, toAddress: formattedToAddress, toAddressLink: toAddressLink })) : null, toToken ? (0, jsx_runtime_1.jsx)(Token_1.Token, { token: toToken, px: 2, py: 1 }) : null] })] }));
-};
-exports.Step = Step;

package/cjs/components/Step/StepList.d.ts

@@ -1,3 +0,0 @@
-import type { Route } from '@lifi/sdk';
-import type { WidgetSubvariant } from '../../types';
-export declare const getStepList: (route?: Route, subvariant?: WidgetSubvariant) => import("react/jsx-runtime").JSX.Element[] | undefined;

package/cjs/components/Step/StepList.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getStepList = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const StepDivider_1 = require("../../components/StepDivider");
-const Step_1 = require("./Step");
-const getStepList = (route, subvariant) => route?.steps.map((step, index, steps) => {
-    const lastIndex = steps.length - 1;
-    const fromToken = index === 0
-        ? { ...step.action.fromToken, amount: step.action.fromAmount }
-        : undefined;
-    const toToken = index === lastIndex
-        ? {
-            ...(step.execution?.toToken ?? step.action?.toToken),
-            amount: step.execution?.toAmount
-                ? step.execution.toAmount
-                : subvariant === 'nft'
-                    ? route.toAmount
-                    : step.estimate.toAmount,
-        }
-        : undefined;
-    const toAddress = index === lastIndex && route.fromAddress !== route.toAddress
-        ? route.toAddress
-        : undefined;
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Step_1.Step, { step: step, fromToken: fromToken, toToken: toToken, toAddress: toAddress }), steps.length > 1 && index !== steps.length - 1 ? ((0, jsx_runtime_1.jsx)(StepDivider_1.StepDivider, {})) : null] }, step.id));
-});
-exports.getStepList = getStepList;

package/cjs/components/Step/StepProcess.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { LifiStep, Process } from '@lifi/sdk';
-export declare const StepProcess: React.FC<{
-    step: LifiStep;
-    process: Process;
-}>;

package/cjs/components/Step/StepProcess.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StepProcess = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const LinkRounded_1 = require("@mui/icons-material/LinkRounded");
-const material_1 = require("@mui/material");
-const hooks_1 = require("../../hooks");
-const CircularProgress_1 = require("./CircularProgress");
-const StepProcess_style_1 = require("./StepProcess.style");
-const StepProcess = ({ step, process }) => {
-    const { title, message } = (0, hooks_1.useProcessMessage)(step, process);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { px: 2, py: 1, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
-                    display: 'flex',
-                    alignItems: 'center',
-                }, children: [(0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, { process: process }), (0, jsx_runtime_1.jsx)(material_1.Typography, { mx: 2, flex: 1, fontSize: 14, fontWeight: process.error ? 600 : 400, children: title }), process.txLink ? ((0, jsx_runtime_1.jsx)(StepProcess_style_1.LinkButton, { size: "small", edge: "end", LinkComponent: material_1.Link, href: process.txLink, target: "_blank", rel: "nofollow noreferrer", children: (0, jsx_runtime_1.jsx)(LinkRounded_1.default, {}) })) : null] }), message ? ((0, jsx_runtime_1.jsx)(material_1.Typography, { ml: 6, fontSize: 14, fontWeight: 500, color: "text.secondary", children: message })) : null] }));
-};
-exports.StepProcess = StepProcess;

package/cjs/components/Step/StepProcess.style.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LinkButton = void 0;
-const material_1 = require("@mui/material");
-const styles_1 = require("@mui/material/styles");
-exports.LinkButton = (0, styles_1.styled)(material_1.IconButton)(({ theme }) => ({
-    padding: theme.spacing(0.5),
-}));

package/cjs/components/Step/StepTimer.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { LifiStep } from '@lifi/sdk';
-export declare const StepTimer: React.FC<{
-    step: LifiStep;
-    hideInProgress?: boolean;
-}>;

package/cjs/components/Step/StepTimer.js

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StepTimer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_i18next_1 = require("react-i18next");
-const react_timer_hook_1 = require("react-timer-hook");
-const getExpiryTimestamp = (step) => new Date((step.execution?.process[0]?.startedAt ?? Date.now()) +
-    step.estimate.executionDuration * 1000);
-const StepTimer = ({ step, hideInProgress }) => {
-    const { t } = (0, react_i18next_1.useTranslation)();
-    const [isExpired, setExpired] = (0, react_1.useState)(false);
-    const [isExecutionStarted, setExecutionStarted] = (0, react_1.useState)(!!step.execution);
-    const [expiryTimestamp] = (0, react_1.useState)(() => getExpiryTimestamp(step));
-    const { seconds, minutes, isRunning, pause, resume, restart } = (0, react_timer_hook_1.useTimer)({
-        autoStart: false,
-        expiryTimestamp,
-        onExpire: () => setExpired(true),
-    });
-    (0, react_1.useEffect)(() => {
-        if (isExpired || !step.execution) {
-            return;
-        }
-        if (!isExecutionStarted) {
-            setExecutionStarted(true);
-            restart(getExpiryTimestamp(step));
-        }
-        const shouldBePaused = step.execution.process.some((process) => process.status === 'ACTION_REQUIRED' || process.status === 'FAILED');
-        if (isRunning && shouldBePaused) {
-            pause();
-        }
-        else if (!isRunning && !shouldBePaused) {
-            resume();
-        }
-    }, [
-        expiryTimestamp,
-        isExecutionStarted,
-        isExpired,
-        isRunning,
-        pause,
-        restart,
-        resume,
-        step,
-    ]);
-    if (!isExecutionStarted) {
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: t('main.estimatedTime', {
-                value: Math.ceil(step.estimate.executionDuration / 60),
-            }) }));
-    }
-    const isTimerExpired = isExpired || (!minutes && !seconds);
-    if (step.execution?.status === 'DONE' ||
-        step.execution?.status === 'FAILED' ||
-        (isTimerExpired && hideInProgress)) {
-        return null;
-    }
-    return isTimerExpired ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: t('main.inProgress') })) : (
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: `${minutes}:${seconds < 10 ? `0${seconds}` : seconds}` }));
-};
-exports.StepTimer = StepTimer;

package/cjs/components/Step/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Step"), exports);
-__exportStar(require("./StepList"), exports);

package/cjs/components/StepActions/StepActions.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import type { LifiStep, Step } from '@lifi/sdk';
-import type { WidgetSubvariant } from '../../types';
-import type { StepActionsProps, StepDetailsLabelProps } from './types';
-export declare const StepActions: React.FC<StepActionsProps>;
-export declare const IncludedSteps: React.FC<{
-    step: LifiStep;
-    subvariant?: WidgetSubvariant;
-}>;
-export declare const StepDetailsContent: React.FC<{
-    step: Step;
-    subvariant?: WidgetSubvariant;
-}>;
-export declare const CustomStepDetailsLabel: React.FC<StepDetailsLabelProps>;
-export declare const CrossStepDetailsLabel: React.FC<Omit<StepDetailsLabelProps, 'variant'>>;
-export declare const SwapStepDetailsLabel: React.FC<Omit<StepDetailsLabelProps, 'variant'>>;
-export declare const ProtocolStepDetailsLabel: React.FC<Omit<StepDetailsLabelProps, 'variant'>>;