@openocean.finance/widget 1.0.4 → 1.0.8

package/dist/esm/components/StepActions/StepActions.style.d.ts

@@ -0,0 +1,7 @@
+export declare const StepConnector: import("@emotion/styled").StyledComponent<import("@mui/material").StepConnectorProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StepLabel: import("@emotion/styled").StyledComponent<import("@mui/material").StepLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StepLabelTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "children" | "sx" | "style" | "className" | "classes" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StepContent: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    last: boolean;
+}, {}, {}>;
+export declare const StepAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "sx" | "style" | "className" | "classes" | "variant" | "alt" | "imgProps" | "sizes" | "src" | "srcSet" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/StepActions/StepActions.style.js

@@ -0,0 +1,64 @@
+import { Box, StepConnector as MuiStepConnector, StepLabel as MuiStepLabel, Typography, alpha, stepConnectorClasses, stepLabelClasses, styled, } from '@mui/material';
+import { AvatarMasked } from '../Avatar/Avatar.style.js';
+export const StepConnector = styled(MuiStepConnector, {
+    shouldForwardProp: (prop) => !['active', 'completed', 'error'].includes(prop),
+})(({ theme }) => ({
+    marginLeft: theme.spacing(2.375),
+    [`.${stepConnectorClasses.line}`]: {
+        minHeight: 8,
+        borderLeftWidth: 2,
+        borderColor: alpha(theme.palette.common.white, 0.16),
+        ...theme.applyStyles('light', {
+            borderColor: alpha(theme.palette.common.black, 0.12),
+        }),
+    },
+}));
+export const StepLabel = styled(MuiStepLabel, {
+    shouldForwardProp: (prop) => !['active', 'completed', 'error', 'disabled'].includes(prop),
+})(({ theme }) => ({
+    padding: 0,
+    alignItems: 'center',
+    [`.${stepLabelClasses.iconContainer}`]: {
+        paddingLeft: theme.spacing(1.25),
+        paddingRight: theme.spacing(3.25),
+    },
+    [`.${stepLabelClasses.labelContainer}`]: {
+        minHeight: 24,
+        display: 'flex',
+        alignItems: 'center',
+    },
+    [`&.${stepLabelClasses.disabled}`]: {
+        cursor: 'inherit',
+    },
+}));
+export const StepLabelTypography = styled(Typography)(({ theme }) => ({
+    fontSize: 12,
+    fontWeight: 500,
+    lineHeight: 1.325,
+    color: theme.palette.text.secondary,
+    padding: theme.spacing(0.5, 0),
+}));
+export const StepContent = styled(Box, {
+    shouldForwardProp: (prop) => !['last'].includes(prop),
+})(({ theme }) => ({
+    borderLeft: `2px solid ${alpha(theme.palette.common.white, 0.16)}`,
+    margin: theme.spacing(0, 0, 0, 2.375),
+    paddingLeft: theme.spacing(4.375),
+    variants: [
+        {
+            props: ({ last }) => last,
+            style: {
+                borderLeft: 'none',
+                paddingLeft: theme.spacing(4.625),
+            },
+        },
+    ],
+    ...theme.applyStyles('light', {
+        borderLeft: `2px solid ${alpha(theme.palette.common.black, 0.12)}`,
+    }),
+}));
+export const StepAvatar = styled(AvatarMasked)(({ theme }) => ({
+    color: theme.palette.text.primary,
+    backgroundColor: 'transparent',
+}));
+//# sourceMappingURL=StepActions.style.js.map

package/dist/esm/components/StepActions/StepActions.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepActions.style.js","sourceRoot":"","sources":["../../../../src/components/StepActions/StepActions.style.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/StepActions/StepFees.d.ts

@@ -0,0 +1,5 @@
+import type { TypographyProps } from '@mui/material';
+import type { OpenOceanStepExtended } from '@openocean.finance/widget-sdk';
+export declare const StepFees: React.FC<TypographyProps & {
+    step: OpenOceanStepExtended;
+}>;

package/dist/esm/components/StepActions/StepFees.js

@@ -0,0 +1,32 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { getStepFeeCostsBreakdown } from '../../utils/fees.js';
+export const StepFees = ({ step, ...other }) => {
+    const { t } = useTranslation();
+    const isDone = step.execution?.status === 'DONE';
+    const gasCosts = step.execution?.gasCosts ?? step.estimate.gasCosts;
+    const feeCosts = step.execution?.feeCosts ?? step.estimate.feeCosts;
+    let fees = 0;
+    if (gasCosts) {
+        const { amountUSD } = getStepFeeCostsBreakdown(gasCosts);
+        fees += amountUSD;
+    }
+    if (feeCosts) {
+        const filteredfeeCosts = feeCosts?.filter((fee) => !fee.included);
+        if (filteredfeeCosts?.length) {
+            const { amountUSD } = getStepFeeCostsBreakdown(filteredfeeCosts);
+            fees += amountUSD;
+        }
+    }
+    return (_jsxs(Typography, { ...other, sx: [
+            {
+                fontSize: 12,
+                fontWeight: '500',
+                color: 'text.secondary',
+                lineHeight: 1.3334,
+            },
+            ...(Array.isArray(other.sx) ? other.sx : [other.sx]),
+        ], children: [t('format.currency', { value: fees }), ' ', isDone ? t('main.fees.paid') : t('main.fees.estimated')] }));
+};
+//# sourceMappingURL=StepFees.js.map

package/dist/esm/components/StepActions/StepFees.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepFees.js","sourceRoot":"","sources":["../../../../src/components/StepActions/StepFees.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAA;AAE9D,MAAM,CAAC,MAAM,QAAQ,GAIjB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAE9B,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAA;IACnE,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAA;IACnE,IAAI,IAAI,GAAG,CAAC,CAAA;IAEZ,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAA;QACxD,IAAI,IAAI,SAAS,CAAA;IACnB,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,MAAM,gBAAgB,GAAG,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QACjE,IAAI,gBAAgB,EAAE,MAAM,EAAE,CAAC;YAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,wBAAwB,CAAC,gBAAgB,CAAC,CAAA;YAChE,IAAI,IAAI,SAAS,CAAA;QACnB,CAAC;IACH,CAAC;IAED,OAAO,CACL,MAAC,UAAU,OACL,KAAK,EACT,EAAE,EAAE;YACF;gBACE,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,KAAK;gBACjB,KAAK,EAAE,gBAAgB;gBACvB,UAAU,EAAE,MAAM;aACnB;YACD,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SACrD,aAEA,CAAC,CAAC,iBAAiB,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAC1C,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,IAC7C,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/StepActions/types.d.ts

@@ -0,0 +1,17 @@
+import type { BoxProps } from '@mui/material';
+import type { OpenOceanStep, Step } from '@openocean.finance/widget-sdk';
+import type { SubvariantOptions, WidgetFeeConfig, WidgetSubvariant } from '../../types/widget.js';
+export interface StepActionsProps extends BoxProps {
+    step: OpenOceanStep;
+    dense?: boolean;
+}
+export interface StepDetailsLabelProps {
+    step: Step;
+    subvariant?: Extract<WidgetSubvariant, 'custom'>;
+    subvariantOptions?: SubvariantOptions;
+    feeConfig?: WidgetFeeConfig;
+    relayerSupport?: boolean;
+}
+export interface IncludedStepsProps {
+    step: OpenOceanStep;
+}

package/dist/esm/components/StepActions/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/StepActions/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/StepActions/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/StepDivider/StepDivider.d.ts

@@ -0,0 +1 @@
+export declare const StepDivider: React.FC;

package/dist/esm/components/StepDivider/StepDivider.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Divider } from '@mui/material';
+import { Container } from './StepDivider.style.js';
+export const StepDivider = () => {
+    return (_jsx(Container, { children: _jsx(Divider, { orientation: "vertical", flexItem: true }) }));
+};
+//# sourceMappingURL=StepDivider.js.map

package/dist/esm/components/StepDivider/StepDivider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepDivider.js","sourceRoot":"","sources":["../../../../src/components/StepDivider/StepDivider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAElD,MAAM,CAAC,MAAM,WAAW,GAAa,GAAG,EAAE;IACxC,OAAO,CACL,KAAC,SAAS,cACR,KAAC,OAAO,IAAC,WAAW,EAAC,UAAU,EAAC,QAAQ,SAAG,GACjC,CACb,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/StepDivider/StepDivider.style.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("@emotion/styled").StyledComponent<import("@mui/material").ContainerOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "fixed" | "maxWidth" | "children" | "sx" | "style" | "className" | "classes" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/StepDivider/StepDivider.style.js

@@ -0,0 +1,8 @@
+import { Container as MuiContainer, styled } from '@mui/material';
+export const Container = styled(MuiContainer)(({ theme }) => ({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: theme.spacing(2),
+}));
+//# sourceMappingURL=StepDivider.style.js.map

package/dist/esm/components/StepDivider/StepDivider.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepDivider.style.js","sourceRoot":"","sources":["../../../../src/components/StepDivider/StepDivider.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAEjE,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC,CAAA"}

package/dist/esm/components/Switch.d.ts

@@ -0,0 +1 @@
+export declare const Switch: import("@emotion/styled").StyledComponent<import("@mui/material").SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/esm/components/Switch.js

@@ -0,0 +1,57 @@
+import { Switch as MuiSwitch, alpha, styled, switchClasses, } from '@mui/material';
+export const Switch = styled(MuiSwitch)(({ theme }) => ({
+    width: 42,
+    height: 24,
+    padding: 0,
+    [`.${switchClasses.switchBase}`]: {
+        padding: 0,
+        margin: theme.spacing(0.25),
+        transitionDuration: theme.transitions.duration.standard,
+        [`&.${switchClasses.checked}`]: {
+            transform: 'translateX(18px)',
+            color: theme.palette.common.white,
+            [`& + .${switchClasses.track}`]: {
+                backgroundColor: theme.palette.primary.main,
+                opacity: 1,
+                border: 0,
+            },
+            [`&.${switchClasses.disabled} + .${switchClasses.track}`]: {
+                opacity: 0.5,
+            },
+        },
+        [`&.Mui-focusVisible .${switchClasses.thumb}`]: {
+            color: theme.palette.primary.main,
+            border: '6px solid',
+            borderColor: theme.palette.common.white,
+        },
+        [`&.${switchClasses.disabled} .${switchClasses.thumb}`]: {
+            color: alpha(theme.palette.common.white, 0.12),
+            ...theme.applyStyles('light', {
+                color: alpha(theme.palette.common.black, 0.12),
+            }),
+        },
+        [`&.${switchClasses.disabled} + .${switchClasses.track}`]: {
+            opacity: 0.3,
+            ...theme.applyStyles('light', {
+                opacity: 0.7,
+            }),
+        },
+    },
+    [`.${switchClasses.thumb}`]: {
+        boxSizing: 'border-box',
+        width: 20,
+        height: 20,
+    },
+    [`.${switchClasses.track}`]: {
+        borderRadius: 24 / 2,
+        backgroundColor: alpha(theme.palette.common.white, 0.16),
+        opacity: 1,
+        transition: theme.transitions.create(['background-color'], {
+            duration: theme.transitions.duration.standard,
+        }),
+        ...theme.applyStyles('light', {
+            backgroundColor: alpha(theme.palette.common.black, 0.16),
+        }),
+    },
+}));
+//# sourceMappingURL=Switch.js.map

package/dist/esm/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,IAAI,SAAS,EACnB,KAAK,EACL,MAAM,EACN,aAAa,GACd,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACtD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,CAAC;IACV,CAAC,IAAI,aAAa,CAAC,UAAU,EAAE,CAAC,EAAE;QAChC,OAAO,EAAE,CAAC;QACV,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAC3B,kBAAkB,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ;QACvD,CAAC,KAAK,aAAa,CAAC,OAAO,EAAE,CAAC,EAAE;YAC9B,SAAS,EAAE,kBAAkB;YAC7B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;YACjC,CAAC,QAAQ,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBAC/B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;gBAC3C,OAAO,EAAE,CAAC;gBACV,MAAM,EAAE,CAAC;aACV;YACD,CAAC,KAAK,aAAa,CAAC,QAAQ,OAAO,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;gBACzD,OAAO,EAAE,GAAG;aACb;SACF;QACD,CAAC,uBAAuB,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YAC9C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;YACjC,MAAM,EAAE,WAAW;YACnB,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SACxC;QACD,CAAC,KAAK,aAAa,CAAC,QAAQ,KAAK,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YACvD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;YAC9C,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;gBAC5B,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;aAC/C,CAAC;SACH;QACD,CAAC,KAAK,aAAa,CAAC,QAAQ,OAAO,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;YACzD,OAAO,EAAE,GAAG;YACZ,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;gBAC5B,OAAO,EAAE,GAAG;aACb,CAAC;SACH;KACF;IACD,CAAC,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,SAAS,EAAE,YAAY;QACvB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;IACD,CAAC,IAAI,aAAa,CAAC,KAAK,EAAE,CAAC,EAAE;QAC3B,YAAY,EAAE,EAAE,GAAG,CAAC;QACpB,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;QACxD,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,kBAAkB,CAAC,EAAE;YACzD,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAQ;SAC9C,CAAC;QACF,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;YAC5B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;SACzD,CAAC;KACH;CACF,CAAC,CAAC,CAAA"}

package/dist/esm/components/Tabs/Tabs.style.d.ts

@@ -0,0 +1,5 @@
+export declare const Tabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "classes" | "variant" | "orientation" | "action" | "value" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CardTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "sx" | "style" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "classes" | "variant" | "orientation" | "action" | "value" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Tab: import("@emotion/styled").StyledComponent<import("@mui/material").TabOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "sx" | "label" | "style" | "className" | "tabIndex" | "icon" | "disabled" | "classes" | "action" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "iconPosition" | "wrapped"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    component?: React.ElementType;
+}, {}, {}>;

package/dist/esm/components/Tabs/Tabs.style.js

@@ -0,0 +1,43 @@
+import { Tab as MuiTab, Tabs as MuiTabs, alpha, styled, tabClasses, tabsClasses, } from '@mui/material';
+export const Tabs = styled(MuiTabs)(({ theme }) => ({
+    flex: 1,
+    [`.${tabsClasses.indicator}`]: {
+        top: theme.spacing(0.5),
+        left: theme.spacing(0.5),
+        height: `calc(100% - ${theme.spacing(1)})`,
+        width: `calc(100% - ${theme.spacing(1)})`,
+    },
+    [`.${tabsClasses.fixed}`]: {
+        padding: theme.spacing(0.5),
+    },
+}));
+export const CardTabs = styled(Tabs)(({ theme }) => ({
+    backgroundColor: alpha(theme.palette.common.white, 0.08),
+    [`.${tabsClasses.indicator}`]: {
+        backgroundColor: alpha(theme.palette.common.black, 0.56),
+        ...theme.applyStyles('light', {
+            backgroundColor: theme.palette.background.paper,
+        }),
+    },
+    ...theme.applyStyles('light', {
+        backgroundColor: alpha(theme.palette.common.black, 0.04),
+    }),
+}));
+export const Tab = styled(MuiTab)(({ theme }) => ({
+    zIndex: 1,
+    flex: 1,
+    textTransform: 'none',
+    fontSize: '1rem',
+    fontWeight: 700,
+    color: theme.palette.common.white,
+    [`&.${tabClasses.selected}`]: {
+        color: theme.palette.common.white,
+        ...theme.applyStyles('light', {
+            color: theme.palette.common.black,
+        }),
+    },
+    ...theme.applyStyles('light', {
+        color: theme.palette.common.black,
+    }),
+}));
+//# sourceMappingURL=Tabs.style.js.map

package/dist/esm/components/Tabs/Tabs.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.style.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.style.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,GAAG,IAAI,MAAM,EACb,IAAI,IAAI,OAAO,EACf,KAAK,EACL,MAAM,EACN,UAAU,EACV,WAAW,GACZ,MAAM,eAAe,CAAA;AAEtB,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClD,IAAI,EAAE,CAAC;IACP,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC,EAAE;QAC7B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACvB,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QACxB,MAAM,EAAE,eAAe,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAC1C,KAAK,EAAE,eAAe,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;KAC1C;IACD,CAAC,IAAI,WAAW,CAAC,KAAK,EAAE,CAAC,EAAE;QACzB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;KAC5B;CACF,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;IACxD,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC,EAAE;QAC7B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;QACxD,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;YAC5B,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;SAChD,CAAC;KACH;IACD,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;QAC5B,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC;KACzD,CAAC;CACH,CAAC,CAAC,CAAA;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,CAAW,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,aAAa,EAAE,MAAM;IACrB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG;IACf,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;IACjC,CAAC,KAAK,UAAU,CAAC,QAAQ,EAAE,CAAC,EAAE;QAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;QACjC,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;YAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;SAClC,CAAC;KACH;IACD,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE;QAC5B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;KAClC,CAAC;CACH,CAAC,CAAC,CAAA"}

package/dist/esm/components/TextFitter/TextFitter.d.ts

@@ -0,0 +1,3 @@
+import type { PropsWithChildren } from 'react';
+import type { TextFitterProps } from './types.js';
+export declare const TextFitter: React.FC<PropsWithChildren<TextFitterProps>>;

package/dist/esm/components/TextFitter/TextFitter.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTheme } from '@mui/material';
+import { useCallback, useLayoutEffect, useRef, useState } from 'react';
+import { useInView } from 'react-intersection-observer';
+const initialState = {
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+};
+export const TextFitter = ({ children, width = '100%', height, preserveAspectRatio = 'xMinYMid meet', textStyle, svgStyle, cropTop, cropBottom, onFit, }) => {
+    const theme = useTheme();
+    const textRef = useRef(null);
+    const [viewBox, setViewBox] = useState(initialState);
+    const [ref] = useInView({
+        onChange(inView) {
+            if (inView) {
+                calculateBox();
+            }
+        },
+    });
+    const calculateBox = useCallback(() => {
+        if (!textRef.current) {
+            return;
+        }
+        const box = textRef.current.getBBox();
+        if (cropTop) {
+            box.y += box.height * cropTop;
+            box.height -= box.height * cropTop;
+        }
+        if (cropBottom) {
+            box.height -= box.height * cropBottom;
+        }
+        setViewBox(box);
+        onFit?.();
+    }, [cropBottom, cropTop, onFit]);
+    // biome-ignore lint/correctness/useExhaustiveDependencies:
+    useLayoutEffect(() => {
+        calculateBox();
+    }, [calculateBox, children]);
+    useLayoutEffect(() => {
+        if (document.fonts) {
+            document.fonts.ready.then(() => {
+                calculateBox();
+            });
+        }
+    }, [calculateBox]);
+    return (_jsxs("svg", { style: svgStyle, viewBox: `${viewBox.x} ${viewBox.y} ${viewBox.width} ${viewBox.height}`, width: width, height: height, 
+        // height={
+        //   textRect.height && maxHeight && textRect.height >= maxHeight
+        //     ? maxHeight
+        //     : height
+        // }
+        preserveAspectRatio: preserveAspectRatio, fill: theme.palette.text.primary, ref: ref, children: [_jsx("title", { children: children }), _jsx("text", { x: 0, y: 0, style: textStyle, ref: textRef, children: children })] }));
+};
+//# sourceMappingURL=TextFitter.js.map

package/dist/esm/components/TextFitter/TextFitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextFitter.js","sourceRoot":"","sources":["../../../../src/components/TextFitter/TextFitter.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/TextFitter/types.d.ts

@@ -0,0 +1,12 @@
+import type { CSSProperties } from 'react';
+export interface TextFitterProps {
+    textStyle?: CSSProperties;
+    svgStyle?: CSSProperties;
+    onFit?(): void;
+    maxHeight?: string | number;
+    height?: string | number;
+    width?: string | number;
+    preserveAspectRatio?: string;
+    cropTop?: number;
+    cropBottom?: number;
+}

package/dist/esm/components/TextFitter/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/TextFitter/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/TextFitter/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Timer/RouteTimer.d.ts

@@ -0,0 +1,4 @@
+import type { RouteExtended } from '@openocean.finance/widget-sdk';
+export declare const RouteTimer: React.FC<{
+    route: RouteExtended;
+}>;

package/dist/esm/components/Timer/RouteTimer.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useStopwatch } from '../../hooks/timer/useStopwatch.js';
+import { useSettings } from '../../stores/settings/useSettings.js';
+import { formatTimer } from '../../utils/timer.js';
+import { TimerContent } from './TimerContent.js';
+export const RouteTimer = ({ route }) => {
+    const firstActiveStep = route?.steps.find((step) => step.execution);
+    const firstActiveProcess = firstActiveStep?.execution?.process.at(0);
+    const startTime = new Date(firstActiveProcess?.startedAt ?? Date.now());
+    const { seconds, minutes, days, hours } = useStopwatch({
+        autoStart: true,
+        offsetTimestamp: startTime,
+    });
+    const { language } = useSettings(['language']);
+    return (_jsx(TimerContent, { children: formatTimer({
+            days,
+            hours,
+            seconds,
+            minutes,
+            locale: language,
+        }) }));
+};
+//# sourceMappingURL=RouteTimer.js.map

package/dist/esm/components/Timer/RouteTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouteTimer.js","sourceRoot":"","sources":["../../../../src/components/Timer/RouteTimer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,CAAC,MAAM,UAAU,GAElB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjB,MAAM,eAAe,GAAG,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACnE,MAAM,kBAAkB,GAAG,eAAe,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IAEpE,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,kBAAkB,EAAE,SAAS,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IACvE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC;QACrD,SAAS,EAAE,IAAI;QACf,eAAe,EAAE,SAAS;KAC3B,CAAC,CAAA;IAEF,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;IAE9C,OAAO,CACL,KAAC,YAAY,cACV,WAAW,CAAC;YACX,IAAI;YACJ,KAAK;YACL,OAAO;YACP,OAAO;YACP,MAAM,EAAE,QAAQ;SACjB,CAAC,GACW,CAChB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Timer/StepTimer.d.ts

@@ -0,0 +1,5 @@
+import type { OpenOceanStepExtended } from '@openocean.finance/widget-sdk';
+export declare const StepTimer: React.FC<{
+    step: OpenOceanStepExtended;
+    hideInProgress?: boolean;
+}>;

package/dist/esm/components/Timer/StepTimer.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useStopwatch } from '../../hooks/timer/useStopwatch.js';
+import { useSettings } from '../../stores/settings/useSettings.js';
+import { formatTimer } from '../../utils/timer.js';
+import { TimerContent } from './TimerContent.js';
+const getFirstExecutionProcess = (step) => step.execution?.process.at(0);
+const getExecutionProcess = (step) => step.execution?.process.at(-1);
+const getStartTimestamp = (step) => new Date(getFirstExecutionProcess(step)?.startedAt ?? Date.now());
+export const StepTimer = ({ step }) => {
+    const { i18n } = useTranslation();
+    const { language } = useSettings(['language']);
+    const [isExecutionStarted, setExecutionStarted] = useState(() => !!getExecutionProcess(step));
+    const { seconds, minutes, days, hours, isRunning, pause, reset, start } = useStopwatch({
+        autoStart: true,
+        offsetTimestamp: getStartTimestamp(step),
+    });
+    useEffect(() => {
+        const executionProcess = getExecutionProcess(step);
+        if (!executionProcess) {
+            return;
+        }
+        const shouldRestart = executionProcess.status === 'FAILED' || executionProcess.status === 'DONE';
+        const shouldStart = executionProcess.status === 'STARTED' ||
+            executionProcess.status === 'PENDING';
+        const shouldResume = executionProcess.status === 'PENDING';
+        if (isExecutionStarted && shouldRestart) {
+            setExecutionStarted(false);
+            pause();
+            return;
+        }
+        if (isExecutionStarted && !isRunning && shouldResume) {
+            start();
+            return;
+        }
+        if (!isExecutionStarted && shouldStart) {
+            setExecutionStarted(true);
+            reset();
+            return;
+        }
+    }, [isExecutionStarted, isRunning, pause, reset, start, step]);
+    if (step.execution?.status === 'DONE') {
+        return null;
+    }
+    if (!isExecutionStarted) {
+        const showSeconds = step.estimate.executionDuration < 60;
+        const duration = showSeconds
+            ? Math.floor(step.estimate.executionDuration)
+            : Math.floor(step.estimate.executionDuration / 60);
+        return (_jsx(TimerContent, { children: duration.toLocaleString(i18n.language, {
+                style: 'unit',
+                unit: showSeconds ? 'second' : 'minute',
+                unitDisplay: 'narrow',
+            }) }));
+    }
+    return (_jsx(TimerContent, { children: formatTimer({
+            locale: language,
+            days,
+            hours,
+            minutes,
+            seconds,
+        }) }));
+};
+//# sourceMappingURL=StepTimer.js.map

package/dist/esm/components/Timer/StepTimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepTimer.js","sourceRoot":"","sources":["../../../../src/components/Timer/StepTimer.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Timer/TimerContent.d.ts

@@ -0,0 +1,2 @@
+import type { FC, PropsWithChildren } from 'react';
+export declare const TimerContent: FC<PropsWithChildren>;

package/dist/esm/components/Timer/TimerContent.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AccessTimeFilled } from '@mui/icons-material';
+import { Tooltip } from '@mui/material';
+import { Box } from '@mui/system';
+import { useTranslation } from 'react-i18next';
+import { IconTypography } from '../IconTypography.js';
+export const TimerContent = ({ children }) => {
+    const { t } = useTranslation();
+    return (_jsx(Tooltip, { title: t('tooltip.estimatedTime'), sx: { cursor: 'help' }, children: _jsxs(Box, { component: "span", sx: {
+                display: 'flex',
+                alignItems: 'center',
+                height: 14,
+            }, children: [_jsx(IconTypography, { as: "span", sx: { marginRight: 0.5, fontSize: 16 }, children: _jsx(AccessTimeFilled, { fontSize: "inherit" }) }), _jsx(Box, { component: "span", sx: {
+                        fontVariantNumeric: 'tabular-nums',
+                        cursor: 'help',
+                    }, children: children })] }) }));
+};
+//# sourceMappingURL=TimerContent.js.map

package/dist/esm/components/Timer/TimerContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimerContent.js","sourceRoot":"","sources":["../../../../src/components/Timer/TimerContent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,MAAM,CAAC,MAAM,YAAY,GAA0B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAClE,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAA;IAC9B,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAChE,MAAC,GAAG,IACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;gBACF,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,MAAM,EAAE,EAAE;aACX,aAED,KAAC,cAAc,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,YAC9D,KAAC,gBAAgB,IAAC,QAAQ,EAAC,SAAS,GAAG,GACxB,EACjB,KAAC,GAAG,IACF,SAAS,EAAC,MAAM,EAChB,EAAE,EAAE;wBACF,kBAAkB,EAAE,cAAc;wBAClC,MAAM,EAAE,MAAM;qBACf,YAEA,QAAQ,GACL,IACF,GACE,CACX,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/components/Token/Token.d.ts

@@ -0,0 +1,17 @@
+import type { BoxProps } from '@mui/material';
+import type { OpenOceanStep, TokenAmount } from '@openocean.finance/widget-sdk';
+import type { FC } from 'react';
+interface TokenProps {
+    token: TokenAmount;
+    impactToken?: TokenAmount;
+    enableImpactTokenTooltip?: boolean;
+    step?: OpenOceanStep;
+    stepVisible?: boolean;
+    disableDescription?: boolean;
+    isLoading?: boolean;
+}
+export declare const Token: FC<TokenProps & BoxProps>;
+export declare const TokenFallback: FC<TokenProps & BoxProps>;
+export declare const TokenBase: FC<TokenProps & BoxProps>;
+export declare const TokenSkeleton: FC<Partial<TokenProps> & BoxProps>;
+export {};