@lifi/widget 3.0.0-alpha.4 → 3.0.0-alpha.41

package/_esm/components/Card/CardButton.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardButton.style.js","sourceRoot":"","sources":["../../../components/Card/CardButton.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,MAAM;IACd,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACzB,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;CACvC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,MAAM;IACb,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAC1C,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5D,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardHeader.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const CardHeader: import("@emotion/styled").StyledComponent<import("@mui/material").CardHeaderOwnProps<"span", "span"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "title" | "sx" | "style" | "className" | "action" | "classes" | "disableTypography" | "subheader" | "avatar" | "subheaderTypographyProps" | "titleTypographyProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/Card/CardHeader.js

@@ -0,0 +1,22 @@
+import { CardHeader as MuiCardHeader, cardHeaderClasses, styled, } from '@mui/material';
+export const CardHeader = styled(MuiCardHeader)(({ theme }) => ({
+    [`.${cardHeaderClasses.action}`]: {
+        marginTop: -2,
+        alignSelf: 'center',
+    },
+    [`.${cardHeaderClasses.title}`]: {
+        fontWeight: 600,
+        fontSize: 18,
+        lineHeight: 1.3334,
+        color: theme.palette.text.primary,
+        textAlign: 'left',
+    },
+    [`.${cardHeaderClasses.subheader}`]: {
+        fontWeight: 500,
+        fontSize: 12,
+        lineHeight: 1.3334,
+        color: theme.palette.text.secondary,
+        textAlign: 'left',
+    },
+}));
+//# sourceMappingURL=CardHeader.js.map

package/_esm/components/Card/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,IAAI,aAAa,EAC3B,iBAAiB,EACjB,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC9D,CAAC,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC,EAAE;QAChC,SAAS,EAAE,CAAC,CAAC;QACb,SAAS,EAAE,QAAQ;KACpB;IACD,CAAC,IAAI,iBAAiB,CAAC,KAAK,EAAE,CAAC,EAAE;QAC/B,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;QACjC,SAAS,EAAE,MAAM;KAClB;IACD,CAAC,IAAI,iBAAiB,CAAC,SAAS,EAAE,CAAC,EAAE;QACnC,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS;QACnC,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardIconButton.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const CardIconButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "color" | "children" | "sx" | "style" | "className" | "tabIndex" | "disabled" | "action" | "size" | "classes" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/Card/CardIconButton.js

@@ -0,0 +1,12 @@
+import { IconButton as MuiIconButton, styled } from '@mui/material';
+import { getContrastAlphaColor } from '../../utils/colors.js';
+export const CardIconButton = styled(MuiIconButton)(({ theme }) => {
+    return {
+        padding: theme.spacing(0.5),
+        backgroundColor: getContrastAlphaColor(theme, 0.04),
+        '&:hover': {
+            backgroundColor: getContrastAlphaColor(theme, 0.08),
+        },
+    };
+});
+//# sourceMappingURL=CardIconButton.js.map

package/_esm/components/Card/CardIconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardIconButton.js","sourceRoot":"","sources":["../../../components/Card/CardIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,OAAO;QACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;QACnD,SAAS,EAAE;YACT,eAAe,EAAE,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC;SACpD;KACF,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/_esm/components/Card/CardLabel.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const CardLabel: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    type?: "insurance" | "active" | "insurance-icon" | undefined;
+}, {}, {}>;
+export declare const CardLabelTypography: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "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" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    type?: "icon" | undefined;
+}, {}, {}>;

package/_esm/components/Card/CardLabel.js

@@ -0,0 +1,44 @@
+import { Box, Typography, getContrastRatio, lighten, styled, } from '@mui/material';
+import { blend } from '../../utils/colors.js';
+export const CardLabel = styled(Box, {
+    shouldForwardProp: (prop) => prop !== 'type',
+})(({ theme, type }) => {
+    const backgroundColor = type === 'active'
+        ? theme.palette.mode === 'light'
+            ? theme.palette.secondary.main
+            : blend(theme.palette.background.paper, theme.palette.secondary.main, 0.8)
+        : type?.includes('insurance')
+            ? blend(theme.palette.background.paper, theme.palette.success.main, theme.palette.mode === 'light' ? 0.12 : 0.24)
+            : theme.palette.mode === 'light'
+                ? blend(theme.palette.background.paper, theme.palette.common.black, 0.12)
+                : blend(theme.palette.background.paper, theme.palette.common.white, 0.16);
+    return {
+        backgroundColor,
+        borderRadius: theme.shape.borderRadius,
+        color: type?.includes('insurance')
+            ? lighten(theme.palette.success.main, theme.palette.mode === 'light' ? 0 : 0.24)
+            : getContrastRatio(theme.palette.common.white, backgroundColor) >= 3
+                ? theme.palette.common.white
+                : theme.palette.common.black,
+        padding: type === 'insurance' ? theme.spacing(0, 1.5) : 0,
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: 24,
+        minWidth: 24,
+        userSelect: 'none',
+        fontSize: '1rem',
+        marginRight: theme.spacing(1),
+    };
+});
+export const CardLabelTypography = styled(Typography, {
+    shouldForwardProp: (prop) => prop !== 'type',
+})(({ theme, type }) => ({
+    padding: type === 'icon'
+        ? theme.spacing(0.75, 0, 0.75, 0.75)
+        : theme.spacing(0.75, 1.5),
+    fontSize: 12,
+    lineHeight: 1,
+    fontWeight: '600',
+}));
+//# sourceMappingURL=CardLabel.js.map

package/_esm/components/Card/CardLabel.js.map

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

package/_esm/components/Card/CardTitle.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const CardTitle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "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" | "align" | "classes" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    required?: boolean | undefined;
+}, {}, {}>;

package/_esm/components/Card/CardTitle.js

@@ -0,0 +1,16 @@
+import { Typography, styled } from '@mui/material';
+export const CardTitle = styled(Typography, {
+    shouldForwardProp: (prop) => !['required'].includes(prop),
+})(({ theme, required }) => ({
+    fontSize: 14,
+    lineHeight: 1,
+    fontWeight: 700,
+    padding: theme.spacing(2, 2, 0, 2),
+    textAlign: 'left',
+    color: theme.palette.text.primary,
+    '&:after': {
+        content: required ? '" *"' : 'none',
+        color: theme.palette.error.main,
+    },
+}));
+//# sourceMappingURL=CardTitle.js.map

package/_esm/components/Card/CardTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardTitle.js","sourceRoot":"","sources":["../../../components/Card/CardTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,EAAE;IAC1C,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACpE,CAAC,CAAyB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,GAAG;IACf,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAClC,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;IACjC,SAAS,EAAE;QACT,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACnC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;KAChC;CACF,CAAC,CAAC,CAAC"}

package/_esm/components/Card/InputCard.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const InputCard: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "elevation" | "classes" | "variant" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("./Card.js").CardProps, "title" | "theme" | "color" | "content" | "translate" | "children" | "component" | "ref" | "sx" | "slot" | "style" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "elevation" | "as" | "classes" | "variant" | "square" | "raised" | "selectionColor" | "indented"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/Card/InputCard.js

@@ -0,0 +1,7 @@
+import { styled } from '@mui/material';
+import { Card } from './Card.js';
+export const InputCard = styled(Card, {
+    name: 'MuiInputCard',
+    slot: 'root',
+})({});
+//# sourceMappingURL=InputCard.js.map

package/_esm/components/Card/InputCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputCard.js","sourceRoot":"","sources":["../../../components/Card/InputCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,EAAE;IACpC,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,MAAM;CACb,CAAC,CAAC,EAAE,CAAC,CAAC"}

package/_esm/components/ChainSelect/ChainSelect.d.ts

@@ -0,0 +1,2 @@
+import type { FormTypeProps } from '../../stores/form/types.js';
+export declare const ChainSelect: ({ formType }: FormTypeProps) => import("react/jsx-runtime").JSX.Element;

package/_esm/components/ChainSelect/ChainSelect.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Box, Skeleton, Tooltip, Typography } from '@mui/material';
+import { useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { maxChainsToOrder, maxChainsToShow, } from '../../stores/chains/createChainOrderStore.js';
+import { FormKeyHelper } from '../../stores/form/types.js';
+import { useFieldValues } from '../../stores/form/useFieldValues.js';
+import { navigationRoutes } from '../../utils/navigationRoutes.js';
+import { ChainCard, ChainContainer } from './ChainSelect.style.js';
+import { useChainSelect } from './useChainSelect.js';
+export const ChainSelect = ({ formType }) => {
+    const navigate = useNavigate();
+    const { chainOrder, chains, getChains, isLoading, setChainOrder, setCurrentChain, } = useChainSelect(formType);
+    const [chainId] = useFieldValues(FormKeyHelper.getChainKey(formType));
+    useEffect(() => {
+        if (chainId) {
+            const hasChainInOrderedList = chainOrder.includes(chainId);
+            // If we don't have a chain in the ordered chain list we should add it.
+            if (!hasChainInOrderedList) {
+                setChainOrder(chainId, formType);
+            }
+        }
+    }, [chainId, chainOrder, formType, setChainOrder]);
+    const showAllChains = () => {
+        navigate(navigationRoutes[`${formType}Chain`]);
+    };
+    // We check if we can accommodate all the chains on the grid
+    // If there are more than 10 chains we show the number of hidden chains as the last one tile
+    const chainsToHide = chains?.length === maxChainsToShow
+        ? 0
+        : (chains?.length ?? 0) - maxChainsToOrder;
+    // When there is less than 10 chains we don't care about the order
+    const chainsToShow = chainsToHide > 0 ? getChains() : chains;
+    return (_jsxs(ChainContainer, { children: [isLoading
+                ? Array.from({ length: maxChainsToOrder }).map((_, index) => (_jsx(Skeleton, { variant: "rectangular", width: 56, height: 56, sx: { borderRadius: 1 } }, index)))
+                : chainsToShow?.map((chain) => (_jsx(Tooltip, { title: chain.name, placement: "top", enterDelay: 400, enterNextDelay: 100, disableInteractive: true, arrow: true, children: _jsx(ChainCard, { component: "button", onClick: () => setCurrentChain(chain.id), type: chainId === chain.id ? 'selected' : 'default', selectionColor: "primary", children: _jsx(Avatar, { src: chain.logoURI, alt: chain.key, sx: { width: 40, height: 40 }, children: chain.name[0] }) }) }, chain.id))), chainsToHide > 0 ? (_jsx(ChainCard, { component: "button", onClick: showAllChains, children: _jsx(Box, { sx: {
+                        width: 40,
+                        height: 40,
+                        display: 'grid',
+                        placeItems: 'center',
+                    }, children: _jsxs(Typography, { fontWeight: 500, children: ["+", chainsToHide] }) }) })) : null] }));
+};
+//# sourceMappingURL=ChainSelect.js.map

package/_esm/components/ChainSelect/ChainSelect.js.map

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

package/_esm/components/ChainSelect/ChainSelect.style.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const ChainCard: import("@emotion/styled").StyledComponent<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "elevation" | "classes" | "variant" | "square" | "raised"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & import("../../components/Card/Card.js").CardProps, {}, {}>;
+export declare const ChainContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/ChainSelect/ChainSelect.style.js

@@ -0,0 +1,16 @@
+import { Box, styled } from '@mui/material';
+import { Card } from '../../components/Card/Card.js';
+export const ChainCard = styled(Card)({
+    display: 'grid',
+    placeItems: 'center',
+    minWidth: 52,
+    height: 56,
+});
+export const ChainContainer = styled(Box)(({ theme }) => ({
+    display: 'grid',
+    gridTemplateColumns: 'repeat(auto-fit, minmax(52px, 1fr))',
+    gridAutoRows: '56px',
+    justifyContent: 'space-between',
+    gap: theme.spacing(1.5),
+}));
+//# sourceMappingURL=ChainSelect.style.js.map

package/_esm/components/ChainSelect/ChainSelect.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainSelect.style.js","sourceRoot":"","sources":["../../../components/ChainSelect/ChainSelect.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AAErD,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,EAAE;CACX,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACxD,OAAO,EAAE,MAAM;IACf,mBAAmB,EAAE,qCAAqC;IAC1D,YAAY,EAAE,MAAM;IACpB,cAAc,EAAE,eAAe;IAC/B,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;CACxB,CAAC,CAAC,CAAC"}

package/_esm/components/ChainSelect/useChainSelect.d.ts

@@ -0,0 +1,10 @@
+import type { EVMChain } from '@lifi/sdk';
+import type { FormType } from '../../stores/form/types.js';
+export declare const useChainSelect: (formType: FormType) => {
+    chainOrder: number[];
+    chains: import("@lifi/sdk").ExtendedChain[] | undefined;
+    getChains: () => EVMChain[];
+    isLoading: boolean;
+    setChainOrder: (chainId: number, type: FormType) => void;
+    setCurrentChain: (chainId: number) => void;
+};

package/_esm/components/ChainSelect/useChainSelect.js

@@ -0,0 +1,51 @@
+import { useChains } from '../../hooks/useChains.js';
+import { useSwapOnly } from '../../hooks/useSwapOnly.js';
+import { useToAddressReset } from '../../hooks/useToAddressReset.js';
+import { useChainOrder } from '../../stores/chains/useChainOrder.js';
+import { FormKeyHelper } from '../../stores/form/types.js';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { useFieldController } from '../../stores/form/useFieldController.js';
+export const useChainSelect = (formType) => {
+    const chainKey = FormKeyHelper.getChainKey(formType);
+    const { onChange } = useFieldController({ name: chainKey });
+    const { setFieldValue, getFieldValues } = useFieldActions();
+    const { chains, isLoading, getChainById } = useChains(formType);
+    const [chainOrder, setChainOrder] = useChainOrder(formType);
+    const swapOnly = useSwapOnly();
+    const { tryResetToAddress } = useToAddressReset();
+    const getChains = () => {
+        if (!chains) {
+            return [];
+        }
+        const selectedChains = chainOrder
+            .map((chainId) => chains.find((chain) => chain.id === chainId))
+            .filter(Boolean);
+        return selectedChains;
+    };
+    const setCurrentChain = (chainId) => {
+        onChange(chainId);
+        if (swapOnly) {
+            setFieldValue(FormKeyHelper.getChainKey('to'), chainId, {
+                isTouched: true,
+            });
+        }
+        setFieldValue(FormKeyHelper.getTokenKey(formType), '');
+        setFieldValue(FormKeyHelper.getAmountKey(formType), '');
+        setFieldValue('tokenSearchFilter', '');
+        const [toChainId] = getFieldValues('toChain');
+        const toChain = getChainById(toChainId);
+        if (toChain) {
+            tryResetToAddress(toChain);
+        }
+        setChainOrder(chainId, formType);
+    };
+    return {
+        chainOrder,
+        chains,
+        getChains,
+        isLoading,
+        setChainOrder,
+        setCurrentChain,
+    };
+};
+//# sourceMappingURL=useChainSelect.js.map

package/_esm/components/ChainSelect/useChainSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChainSelect.js","sourceRoot":"","sources":["../../../components/ChainSelect/useChainSelect.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAkB,EAAE,EAAE;IACnD,MAAM,QAAQ,GAAG,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,EAAE,QAAQ,EAAE,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE5D,MAAM,EAAE,aAAa,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,CAAC;IAC5D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,iBAAiB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAElD,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,cAAc,GAAG,UAAU;aAC9B,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;aAC9D,MAAM,CAAC,OAAO,CAAe,CAAC;QACjC,OAAO,cAAc,CAAC;IACxB,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,OAAe,EAAE,EAAE;QAC1C,QAAQ,CAAC,OAAO,CAAC,CAAC;QAClB,IAAI,QAAQ,EAAE,CAAC;YACb,aAAa,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE;gBACtD,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;QACD,aAAa,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QACvD,aAAa,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;QACxD,aAAa,CAAC,mBAAmB,EAAE,EAAE,CAAC,CAAC;QAEvC,MAAM,CAAC,SAAS,CAAC,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC;QAC9C,MAAM,OAAO,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;QACxC,IAAI,OAAO,EAAE,CAAC;YACZ,iBAAiB,CAAC,OAAO,CAAC,CAAC;QAC7B,CAAC;QACD,aAAa,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO;QACL,UAAU;QACV,MAAM;QACN,SAAS;QACT,SAAS;QACT,aAAa;QACb,eAAe;KAChB,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/ContractComponent/ContractComponent.d.ts

@@ -0,0 +1,3 @@
+import type { CardProps } from '@mui/material';
+import type { PropsWithChildren } from 'react';
+export declare const ContractComponent: React.FC<PropsWithChildren<CardProps>>;

package/_esm/components/ContractComponent/ContractComponent.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Card } from '../Card/Card.js';
+export const ContractComponent = ({ children, ...props }) => {
+    if (!children) {
+        return null;
+    }
+    return _jsx(Card, { ...props, children: children });
+};
+//# sourceMappingURL=ContractComponent.js.map

package/_esm/components/ContractComponent/ContractComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContractComponent.js","sourceRoot":"","sources":["../../../components/ContractComponent/ContractComponent.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,MAAM,CAAC,MAAM,iBAAiB,GAA2C,CAAC,EACxE,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,KAAC,IAAI,OAAK,KAAK,YAAG,QAAQ,GAAQ,CAAC;AAC5C,CAAC,CAAC"}

package/_esm/components/ContractComponent/ItemPrice.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { ContractCall } from '@lifi/sdk';
+import type { TokenAmount } from '../../types/token.js';
+export interface ItemPriceProps {
+    token: TokenAmount;
+    contractCalls?: ContractCall[];
+}
+export declare const ItemPrice: React.FC<ItemPriceProps>;

package/_esm/components/ContractComponent/ItemPrice.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { useFieldActions } from '../../stores/form/useFieldActions.js';
+import { Token } from '../Token/Token.js';
+export const ItemPrice = ({ token, contractCalls, }) => {
+    const { setFieldValue } = useFieldActions();
+    useEffect(() => {
+        if (token) {
+            setFieldValue('toChain', token.chainId, { isTouched: true });
+            setFieldValue('toToken', token.address, { isTouched: true });
+            setFieldValue('toAmount', token.amount?.toString(), {
+                isTouched: true,
+            });
+        }
+        if (contractCalls) {
+            setFieldValue('contractCalls', contractCalls, {
+                isTouched: true,
+            });
+        }
+    }, [contractCalls, setFieldValue, token]);
+    return _jsx(Token, { token: token, p: 2 });
+};
+//# sourceMappingURL=ItemPrice.js.map

package/_esm/components/ContractComponent/ItemPrice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemPrice.js","sourceRoot":"","sources":["../../../components/ContractComponent/ItemPrice.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,KAAK,EACL,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC7D,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC7D,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;gBAClD,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;QACD,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,eAAe,EAAE,aAAa,EAAE;gBAC5C,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAC1C,OAAO,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,GAAI,CAAC;AACvC,CAAC,CAAC"}

package/_esm/components/ContractComponent/NFT/NFT.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { NFTProps } from './types.js';
+export declare const NFT: React.FC<NFTProps>;

package/_esm/components/ContractComponent/NFT/NFT.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { useFieldActions } from '../../../stores/form/useFieldActions.js';
+import { NFTBase } from './NFTBase.js';
+export const NFT = ({ imageUrl, isLoading, collectionName, assetName, owner, token, contractCall, }) => {
+    const { setFieldValue } = useFieldActions();
+    useEffect(() => {
+        if (token) {
+            setFieldValue('toChain', token.chainId, { isTouched: true });
+            setFieldValue('toToken', token.address, { isTouched: true });
+            setFieldValue('toAmount', token.amount?.toString(), {
+                isTouched: true,
+            });
+        }
+        if (contractCall) {
+            setFieldValue('contractCalls', [contractCall], {
+                isTouched: true,
+            });
+        }
+    }, [contractCall, setFieldValue, token]);
+    return (_jsx(NFTBase, { isLoading: isLoading, imageUrl: imageUrl, collectionName: collectionName, assetName: assetName, owner: owner, token: token }));
+};
+//# sourceMappingURL=NFT.js.map

package/_esm/components/ContractComponent/NFT/NFT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NFT.js","sourceRoot":"","sources":["../../../../components/ContractComponent/NFT/NFT.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC,MAAM,CAAC,MAAM,GAAG,GAAuB,CAAC,EACtC,QAAQ,EACR,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,KAAK,EACL,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,aAAa,EAAE,GAAG,eAAe,EAAE,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,EAAE,CAAC;YACV,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC7D,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAC7D,aAAa,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;gBAClD,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;QACD,IAAI,YAAY,EAAE,CAAC;YACjB,aAAa,CAAC,eAAe,EAAE,CAAC,YAAY,CAAC,EAAE;gBAC7C,SAAS,EAAE,IAAI;aAChB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IACzC,OAAO,CACL,KAAC,OAAO,IACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/ContractComponent/NFT/NFT.style.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const PreviewAvatar: import("@emotion/styled").StyledComponent<import("@mui/material").AvatarOwnProps & import("@mui/material").AvatarSlotsAndSlotProps & import("@mui/material/OverridableComponent.js").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "sx" | "style" | "className" | "sizes" | "alt" | "src" | "srcSet" | "classes" | "variant" | "imgProps" | "slots" | "slotProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/_esm/components/ContractComponent/NFT/NFT.style.js

@@ -0,0 +1,8 @@
+import { Avatar, styled } from '@mui/material';
+export const PreviewAvatar = styled(Avatar)(({ theme }) => ({
+    background: theme.palette.background.paper,
+    width: 96,
+    height: 96,
+    borderRadius: theme.shape.borderRadius,
+}));
+//# sourceMappingURL=NFT.style.js.map

package/_esm/components/ContractComponent/NFT/NFT.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NFT.style.js","sourceRoot":"","sources":["../../../../components/ContractComponent/NFT/NFT.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;IAC1C,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;CACvC,CAAC,CAAC,CAAC"}

package/_esm/components/ContractComponent/NFT/NFTBase.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" resolution-mode="require"/>
+import type { NFTProps } from './types.js';
+export declare const NFTBase: React.FC<NFTProps>;

package/_esm/components/ContractComponent/NFT/NFTBase.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Link, Skeleton, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { Token } from '../../Token/Token.js';
+import { PreviewAvatar } from './NFT.style.js';
+export const NFTBase = ({ imageUrl, isLoading, collectionName, assetName, owner, token, }) => {
+    const { t } = useTranslation();
+    return (_jsxs(Box, { p: 2, children: [_jsxs(Box, { display: "flex", children: [isLoading ? (_jsx(Skeleton, { width: 96, height: 96, variant: "rectangular", sx: { borderRadius: 1 } })) : (_jsx(PreviewAvatar, { src: imageUrl })), _jsxs(Box, { ml: 2, children: [isLoading ? (_jsx(Skeleton, { width: 144, height: 21, variant: "text" })) : (_jsx(Typography, { fontSize: 14, color: "text.secondary", children: collectionName })), isLoading ? (_jsx(Skeleton, { width: 112, height: 27, variant: "text" })) : (_jsx(Typography, { fontSize: 18, fontWeight: 600, children: assetName })), isLoading ? (_jsx(Skeleton, { width: 128, height: 21, variant: "text" })) : owner ? (_jsxs(Typography, { fontSize: 14, color: "text.secondary", children: [t('main.ownedBy'), ' ', _jsx(Link, { href: owner.url, target: "_blank", underline: "none", color: "primary", children: owner.name })] })) : null] })] }), _jsx(Token, { token: token, isLoading: isLoading, mt: 2 })] }));
+};
+//# sourceMappingURL=NFTBase.js.map

package/_esm/components/ContractComponent/NFT/NFTBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NFTBase.js","sourceRoot":"","sources":["../../../../components/ContractComponent/NFT/NFTBase.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,MAAM,CAAC,MAAM,OAAO,GAAuB,CAAC,EAC1C,QAAQ,EACR,SAAS,EACT,cAAc,EACd,SAAS,EACT,KAAK,EACL,KAAK,GACN,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,OAAO,CACL,MAAC,GAAG,IAAC,CAAC,EAAE,CAAC,aACP,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,aAChB,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IACP,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,aAAa,EACrB,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,GACvB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IAAC,GAAG,EAAE,QAAQ,GAAI,CACjC,EACD,MAAC,GAAG,IAAC,EAAE,EAAE,CAAC,aACP,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CACpD,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAC,gBAAgB,YAC7C,cAAc,GACJ,CACd,EACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CACpD,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,YACtC,SAAS,GACC,CACd,EACA,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,QAAQ,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CACpD,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,MAAC,UAAU,IAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAC,gBAAgB,aAC7C,CAAC,CAAC,cAAc,CAAC,EAAE,GAAG,EACvB,KAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,GAAG,EACf,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,MAAM,EAChB,KAAK,EAAC,SAAS,YAEd,KAAK,CAAC,IAAI,GACN,IACI,CACd,CAAC,CAAC,CAAC,IAAI,IACJ,IACF,EACN,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,GAAI,IAChD,CACP,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/ContractComponent/NFT/types.d.ts

@@ -0,0 +1,16 @@
+import type { ContractCall, TokenAmount } from '@lifi/sdk';
+export interface NFTBaseProps {
+    imageUrl?: string;
+    collectionName?: string;
+    assetName?: string;
+    isLoading?: boolean;
+    owner?: NFTOwner;
+    token: TokenAmount;
+}
+export interface NFTProps extends NFTBaseProps {
+    contractCall?: ContractCall;
+}
+export interface NFTOwner {
+    name?: string;
+    url?: string;
+}

package/_esm/components/ContractComponent/NFT/types.js.map

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

package/_esm/components/Dialog.d.ts

@@ -0,0 +1,19 @@
+import type { DialogProps, PaperProps } from '@mui/material';
+import type { PropsWithChildren } from 'react';
+export declare const modalProps: {
+    sx: {
+        position: string;
+        overflow: string;
+    };
+};
+export declare const paperProps: Partial<PaperProps>;
+export declare const slotProps: {
+    backdrop: {
+        sx: {
+            position: string;
+            backgroundColor: string;
+            backdropFilter: string;
+        };
+    };
+};
+export declare const Dialog: React.FC<PropsWithChildren<DialogProps>>;

package/_esm/components/Dialog.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog as MuiDialog } from '@mui/material';
+import { useGetScrollableContainer } from '../hooks/useScrollableContainer.js';
+export const modalProps = {
+    sx: {
+        position: 'absolute',
+        overflow: 'hidden',
+    },
+};
+export const paperProps = {
+    sx: (theme) => ({
+        position: 'absolute',
+        backgroundImage: 'none',
+        backgroundColor: theme.palette.background.default,
+        borderTopLeftRadius: theme.shape.borderRadius,
+        borderTopRightRadius: theme.shape.borderRadius,
+    }),
+};
+export const slotProps = {
+    backdrop: {
+        sx: {
+            position: 'absolute',
+            backgroundColor: 'rgb(0 0 0 / 32%)',
+            backdropFilter: 'blur(3px)',
+        },
+    },
+};
+export const Dialog = ({ children, open, onClose, }) => {
+    const getContainer = useGetScrollableContainer();
+    return (_jsx(MuiDialog, { container: getContainer, open: open, onClose: onClose, sx: modalProps.sx, PaperProps: paperProps, slotProps: slotProps, children: children }));
+};
+//# sourceMappingURL=Dialog.js.map

package/_esm/components/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../components/Dialog.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAE/E,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,EAAE,EAAE;QACF,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAwB;IAC7C,EAAE,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;QACrB,QAAQ,EAAE,UAAU;QACpB,eAAe,EAAE,MAAM;QACvB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO;QACjD,mBAAmB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QAC7C,oBAAoB,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;KAC/C,CAAC;CACH,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,QAAQ,EAAE;QACR,EAAE,EAAE;YACF,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,kBAAkB;YACnC,cAAc,EAAE,WAAW;SAC5B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAA6C,CAAC,EAC/D,QAAQ,EACR,IAAI,EACJ,OAAO,GACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,yBAAyB,EAAE,CAAC;IACjD,OAAO,CACL,KAAC,SAAS,IACR,SAAS,EAAE,YAAY,EACvB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,UAAU,CAAC,EAAE,EACjB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC"}

package/_esm/components/GasMessage/FundsSufficiencyMessage.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WarningRounded } from '@mui/icons-material';
+import { Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import { AlertMessage } from '../AlertMessage/AlertMessage.js';
+export const FundsSufficiencyMessage = () => {
+    const { t } = useTranslation();
+    return (_jsx(AlertMessage, { severity: "warning", icon: _jsx(WarningRounded, {}), title: _jsx(Typography, { variant: "body2", px: 1, color: "text.primary", children: t(`warning.message.insufficientFunds`) }), multilineTitle: true }));
+};
+//# sourceMappingURL=FundsSufficiencyMessage.js.map