@deframe-sdk/components 0.1.12 → 0.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +43 -7
- package/dist/index.d.ts +43 -7
- package/dist/index.js +375 -17
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +372 -18
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +71 -0
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { twMerge } from 'tailwind-merge';
|
|
2
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
|
+
import { HiXMark, HiChevronUp, HiChevronDown, HiChevronLeft, HiArrowRight } from 'react-icons/hi2';
|
|
3
4
|
import * as React6 from 'react';
|
|
4
5
|
import React6__default, { useState, useEffect } from 'react';
|
|
5
6
|
import { motion, AnimatePresence } from 'framer-motion';
|
|
6
7
|
import { MdClose, MdOutlineSearch, MdOutlineSearchOff, MdOutlineSwapHoriz, MdHistory, MdCheckCircleOutline, MdErrorOutline, MdWarningAmber, MdInfoOutline } from 'react-icons/md';
|
|
7
|
-
import { HiChevronUp, HiChevronDown, HiChevronLeft, HiArrowRight, HiXMark } from 'react-icons/hi2';
|
|
8
8
|
import { IoAlertCircleOutline, IoTimeOutline, IoCheckmarkOutline } from 'react-icons/io5';
|
|
9
9
|
|
|
10
10
|
var __defProp = Object.defineProperty;
|
|
@@ -87,6 +87,20 @@ function ActionButton(_a) {
|
|
|
87
87
|
})
|
|
88
88
|
);
|
|
89
89
|
}
|
|
90
|
+
var CloseButton = ({ onClick, testId, ariaLabel = "Close", className }) => {
|
|
91
|
+
const baseClasses = "w-12 h-12 rounded-[var(--deframe-widget-size-radius-full)] flex items-center justify-center text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-brand-primary)] transition-colors cursor-pointer";
|
|
92
|
+
return /* @__PURE__ */ jsx(
|
|
93
|
+
"button",
|
|
94
|
+
{
|
|
95
|
+
"data-test-id": testId != null ? testId : "close-button",
|
|
96
|
+
onClick,
|
|
97
|
+
className: twMerge(baseClasses, className),
|
|
98
|
+
"aria-label": ariaLabel,
|
|
99
|
+
children: /* @__PURE__ */ jsx(HiXMark, { className: "w-6 h-6" })
|
|
100
|
+
}
|
|
101
|
+
);
|
|
102
|
+
};
|
|
103
|
+
var CloseButton_default = CloseButton;
|
|
90
104
|
function PercentageButton(_a) {
|
|
91
105
|
var _b = _a, {
|
|
92
106
|
children,
|
|
@@ -2774,19 +2788,6 @@ var SwapQuoteBlockchainCostsView = ({
|
|
|
2774
2788
|
}
|
|
2775
2789
|
) });
|
|
2776
2790
|
};
|
|
2777
|
-
var CloseButton = ({ onClick, testId, ariaLabel = "Close", className }) => {
|
|
2778
|
-
const baseClasses = "w-12 h-12 rounded-[var(--deframe-widget-size-radius-full)] flex items-center justify-center text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-brand-primary)] transition-colors cursor-pointer";
|
|
2779
|
-
return /* @__PURE__ */ jsx(
|
|
2780
|
-
"button",
|
|
2781
|
-
{
|
|
2782
|
-
"data-test-id": testId != null ? testId : "close-button",
|
|
2783
|
-
onClick,
|
|
2784
|
-
className: twMerge(baseClasses, className),
|
|
2785
|
-
"aria-label": ariaLabel,
|
|
2786
|
-
children: /* @__PURE__ */ jsx(HiXMark, { className: "w-6 h-6" })
|
|
2787
|
-
}
|
|
2788
|
-
);
|
|
2789
|
-
};
|
|
2790
2791
|
var ChooseAStrategyActionsheetView = ({
|
|
2791
2792
|
isOpen,
|
|
2792
2793
|
currentActionSheetId,
|
|
@@ -2819,7 +2820,7 @@ var ChooseAStrategyActionsheetView = ({
|
|
|
2819
2820
|
height: "full",
|
|
2820
2821
|
contentClassName: "w-full max-w-[620px] mx-auto",
|
|
2821
2822
|
children: /* @__PURE__ */ jsxs(BackgroundContainer, { className: "flex flex-col h-full", children: [
|
|
2822
|
-
/* @__PURE__ */ jsx(Navbar, { children: /* @__PURE__ */ jsx(
|
|
2823
|
+
/* @__PURE__ */ jsx(Navbar, { children: /* @__PURE__ */ jsx(CloseButton_default, { onClick: onClose, ariaLabel: closeAriaLabel }) }),
|
|
2823
2824
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 w-full px-[var(--deframe-widget-size-padding-x-lg)] py-[var(--deframe-widget-size-padding-y-lg)] overflow-hidden", children: [
|
|
2824
2825
|
/* @__PURE__ */ jsxs("div", { className: "flex-shrink-0", children: [
|
|
2825
2826
|
/* @__PURE__ */ jsx(TextHeading, { children: resolvedYieldLabel }),
|
|
@@ -3049,7 +3050,7 @@ var TransactionScreen = ({
|
|
|
3049
3050
|
}) => {
|
|
3050
3051
|
return /* @__PURE__ */ jsx(BackgroundContainer, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
|
|
3051
3052
|
onBack && /* @__PURE__ */ jsx(DetailsHeader, { title: backTitle, onBack }),
|
|
3052
|
-
onClose && /* @__PURE__ */ jsx("div", { "data-testid": testId, className: "flex justify-start px-[var(--deframe-widget-size-padding-x-md)] pt-md", children: /* @__PURE__ */ jsx(
|
|
3053
|
+
onClose && /* @__PURE__ */ jsx("div", { "data-testid": testId, className: "flex justify-start px-[var(--deframe-widget-size-padding-x-md)] pt-md", children: /* @__PURE__ */ jsx(CloseButton_default, { onClick: onClose }) }),
|
|
3053
3054
|
/* @__PURE__ */ jsx("div", { className: "w-full px-[var(--deframe-widget-size-padding-x-md)] pt-[var(--deframe-widget-size-padding-y-sm)]", children: /* @__PURE__ */ jsx(ProgressIndicator, { progress }) }),
|
|
3054
3055
|
/* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)] flex flex-col gap-[var(--deframe-widget-size-gap-lg)]", children: [
|
|
3055
3056
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-[var(--deframe-widget-size-gap-md)] pt-lg", children: [
|
|
@@ -3287,6 +3288,144 @@ var SwapProcessingView = ({
|
|
|
3287
3288
|
}
|
|
3288
3289
|
);
|
|
3289
3290
|
};
|
|
3291
|
+
function LoadingIcon() {
|
|
3292
|
+
const green = "var(--deframe-widget-color-brand-primary)";
|
|
3293
|
+
const trackColor = "color-mix(in srgb, var(--deframe-widget-color-brand-primary) 12%, transparent)";
|
|
3294
|
+
const sw = 2.8;
|
|
3295
|
+
const aw = 2.4;
|
|
3296
|
+
return /* @__PURE__ */ jsxs(
|
|
3297
|
+
motion.svg,
|
|
3298
|
+
{
|
|
3299
|
+
"data-test-id": "swap-processing-simple-loading-icon",
|
|
3300
|
+
width: "56",
|
|
3301
|
+
height: "56",
|
|
3302
|
+
viewBox: "0 0 56 56",
|
|
3303
|
+
fill: "none",
|
|
3304
|
+
"aria-hidden": "true",
|
|
3305
|
+
animate: { rotate: 360 },
|
|
3306
|
+
transition: { duration: 1.6, repeat: Infinity, ease: "linear" },
|
|
3307
|
+
children: [
|
|
3308
|
+
/* @__PURE__ */ jsx("circle", { cx: "28", cy: "28", r: "22", stroke: trackColor, strokeWidth: sw }),
|
|
3309
|
+
/* @__PURE__ */ jsx(
|
|
3310
|
+
"path",
|
|
3311
|
+
{
|
|
3312
|
+
d: "M 6.75 22.31 A 22 22 0 0 1 49.25 22.31",
|
|
3313
|
+
stroke: green,
|
|
3314
|
+
strokeWidth: sw,
|
|
3315
|
+
strokeLinecap: "round"
|
|
3316
|
+
}
|
|
3317
|
+
),
|
|
3318
|
+
/* @__PURE__ */ jsx(
|
|
3319
|
+
"path",
|
|
3320
|
+
{
|
|
3321
|
+
d: "M 45.0 18.1 L 49.25 22.31 L 51.0 16.5",
|
|
3322
|
+
stroke: green,
|
|
3323
|
+
strokeWidth: aw,
|
|
3324
|
+
strokeLinecap: "round",
|
|
3325
|
+
strokeLinejoin: "round"
|
|
3326
|
+
}
|
|
3327
|
+
),
|
|
3328
|
+
/* @__PURE__ */ jsx(
|
|
3329
|
+
"path",
|
|
3330
|
+
{
|
|
3331
|
+
d: "M 49.25 33.69 A 22 22 0 0 1 6.75 33.69",
|
|
3332
|
+
stroke: green,
|
|
3333
|
+
strokeWidth: sw,
|
|
3334
|
+
strokeLinecap: "round"
|
|
3335
|
+
}
|
|
3336
|
+
),
|
|
3337
|
+
/* @__PURE__ */ jsx(
|
|
3338
|
+
"path",
|
|
3339
|
+
{
|
|
3340
|
+
d: "M 11.0 37.9 L 6.75 33.69 L 5.0 39.5",
|
|
3341
|
+
stroke: green,
|
|
3342
|
+
strokeWidth: aw,
|
|
3343
|
+
strokeLinecap: "round",
|
|
3344
|
+
strokeLinejoin: "round"
|
|
3345
|
+
}
|
|
3346
|
+
)
|
|
3347
|
+
]
|
|
3348
|
+
}
|
|
3349
|
+
);
|
|
3350
|
+
}
|
|
3351
|
+
var SwapProcessingViewSimple = ({
|
|
3352
|
+
titleText,
|
|
3353
|
+
descriptionPrefix,
|
|
3354
|
+
activityHistoryText,
|
|
3355
|
+
onGoToHistory
|
|
3356
|
+
}) => {
|
|
3357
|
+
return /* @__PURE__ */ jsxs(
|
|
3358
|
+
"div",
|
|
3359
|
+
{
|
|
3360
|
+
"data-test-id": "swap-processing-simple-screen",
|
|
3361
|
+
className: twMerge(
|
|
3362
|
+
"absolute inset-0 z-10",
|
|
3363
|
+
"flex flex-col items-center justify-center",
|
|
3364
|
+
"gap-[var(--deframe-widget-size-gap-lg)]",
|
|
3365
|
+
"px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
|
|
3366
|
+
"rounded-[inherit]",
|
|
3367
|
+
"backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
|
|
3368
|
+
"bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
|
|
3369
|
+
),
|
|
3370
|
+
children: [
|
|
3371
|
+
/* @__PURE__ */ jsx(LoadingIcon, {}),
|
|
3372
|
+
/* @__PURE__ */ jsxs(
|
|
3373
|
+
"div",
|
|
3374
|
+
{
|
|
3375
|
+
"data-test-id": "swap-processing-simple-copy",
|
|
3376
|
+
className: "flex flex-col items-center gap-[var(--deframe-widget-size-gap-sm)] text-center",
|
|
3377
|
+
children: [
|
|
3378
|
+
/* @__PURE__ */ jsx(
|
|
3379
|
+
"span",
|
|
3380
|
+
{
|
|
3381
|
+
"data-test-id": "swap-processing-simple-title",
|
|
3382
|
+
className: twMerge(
|
|
3383
|
+
"[font-size:12px] [line-height:1.25] [letter-spacing:0.10em] uppercase",
|
|
3384
|
+
"[font-weight:var(--deframe-widget-font-weight-semibold)]",
|
|
3385
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3386
|
+
"text-[color:var(--deframe-widget-color-brand-primary)]"
|
|
3387
|
+
),
|
|
3388
|
+
children: titleText
|
|
3389
|
+
}
|
|
3390
|
+
),
|
|
3391
|
+
/* @__PURE__ */ jsxs(
|
|
3392
|
+
"span",
|
|
3393
|
+
{
|
|
3394
|
+
"data-test-id": "swap-processing-simple-subtitle",
|
|
3395
|
+
className: twMerge(
|
|
3396
|
+
"[font-size:var(--deframe-widget-font-size-md)] [line-height:1.6]",
|
|
3397
|
+
"[font-weight:var(--deframe-widget-font-weight-regular)]",
|
|
3398
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3399
|
+
"text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
3400
|
+
"max-w-[260px]"
|
|
3401
|
+
),
|
|
3402
|
+
children: [
|
|
3403
|
+
descriptionPrefix,
|
|
3404
|
+
" ",
|
|
3405
|
+
/* @__PURE__ */ jsx(
|
|
3406
|
+
"button",
|
|
3407
|
+
{
|
|
3408
|
+
"data-test-id": "swap-processing-simple-history-link",
|
|
3409
|
+
onClick: onGoToHistory,
|
|
3410
|
+
"aria-label": activityHistoryText,
|
|
3411
|
+
className: twMerge(
|
|
3412
|
+
"bg-transparent border-0 p-0 cursor-pointer",
|
|
3413
|
+
"[font-weight:var(--deframe-widget-font-weight-semibold)]",
|
|
3414
|
+
"text-[color:var(--deframe-widget-color-brand-primary)]"
|
|
3415
|
+
),
|
|
3416
|
+
children: activityHistoryText
|
|
3417
|
+
}
|
|
3418
|
+
)
|
|
3419
|
+
]
|
|
3420
|
+
}
|
|
3421
|
+
)
|
|
3422
|
+
]
|
|
3423
|
+
}
|
|
3424
|
+
)
|
|
3425
|
+
]
|
|
3426
|
+
}
|
|
3427
|
+
);
|
|
3428
|
+
};
|
|
3290
3429
|
var SwapCrossChainProcessingView = ({
|
|
3291
3430
|
fromTokenSymbol,
|
|
3292
3431
|
fromTokenIcon,
|
|
@@ -3546,6 +3685,113 @@ var SwapSuccessView = ({
|
|
|
3546
3685
|
}
|
|
3547
3686
|
);
|
|
3548
3687
|
};
|
|
3688
|
+
function SuccessIcon() {
|
|
3689
|
+
return /* @__PURE__ */ jsx(
|
|
3690
|
+
motion.div,
|
|
3691
|
+
{
|
|
3692
|
+
"data-test-id": "swap-success-simple-icon",
|
|
3693
|
+
initial: { scale: 0.55, opacity: 0 },
|
|
3694
|
+
animate: { scale: 1, opacity: 1 },
|
|
3695
|
+
transition: { type: "spring", stiffness: 300, damping: 20, delay: 0.05 },
|
|
3696
|
+
className: twMerge(
|
|
3697
|
+
"w-[84px] h-[84px] rounded-[var(--deframe-widget-size-radius-full)] flex-shrink-0",
|
|
3698
|
+
"flex items-center justify-center",
|
|
3699
|
+
"bg-[var(--deframe-widget-color-state-success)]",
|
|
3700
|
+
"shadow-[0_0_0_10px_color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_12%,transparent),0_0_32px_color-mix(in_srgb,var(--deframe-widget-color-brand-primary)_22%,transparent)]"
|
|
3701
|
+
),
|
|
3702
|
+
children: /* @__PURE__ */ jsx("svg", { width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
|
|
3703
|
+
motion.path,
|
|
3704
|
+
{
|
|
3705
|
+
d: "M10 22 L18 30 L34 14",
|
|
3706
|
+
stroke: "white",
|
|
3707
|
+
strokeWidth: "3.5",
|
|
3708
|
+
strokeLinecap: "round",
|
|
3709
|
+
strokeLinejoin: "round",
|
|
3710
|
+
initial: { pathLength: 0 },
|
|
3711
|
+
animate: { pathLength: 1 },
|
|
3712
|
+
transition: { duration: 0.45, delay: 0.2, ease: "easeOut" }
|
|
3713
|
+
}
|
|
3714
|
+
) })
|
|
3715
|
+
}
|
|
3716
|
+
);
|
|
3717
|
+
}
|
|
3718
|
+
var SwapSuccessViewSimple = ({
|
|
3719
|
+
onGoToWallet,
|
|
3720
|
+
labels
|
|
3721
|
+
}) => {
|
|
3722
|
+
return /* @__PURE__ */ jsxs(
|
|
3723
|
+
"div",
|
|
3724
|
+
{
|
|
3725
|
+
"data-test-id": "swap-success-simple-screen",
|
|
3726
|
+
className: twMerge(
|
|
3727
|
+
"absolute inset-0 z-10",
|
|
3728
|
+
"flex flex-col items-center justify-center",
|
|
3729
|
+
"gap-[var(--deframe-widget-size-gap-lg)]",
|
|
3730
|
+
"px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
|
|
3731
|
+
"rounded-[inherit]",
|
|
3732
|
+
"backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
|
|
3733
|
+
"bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
|
|
3734
|
+
),
|
|
3735
|
+
children: [
|
|
3736
|
+
/* @__PURE__ */ jsx(SuccessIcon, {}),
|
|
3737
|
+
/* @__PURE__ */ jsxs(
|
|
3738
|
+
"div",
|
|
3739
|
+
{
|
|
3740
|
+
"data-test-id": "swap-success-simple-copy",
|
|
3741
|
+
className: "flex flex-col items-center gap-[var(--deframe-widget-size-gap-sm)] text-center",
|
|
3742
|
+
children: [
|
|
3743
|
+
/* @__PURE__ */ jsx(
|
|
3744
|
+
"span",
|
|
3745
|
+
{
|
|
3746
|
+
"data-test-id": "swap-success-simple-title",
|
|
3747
|
+
className: twMerge(
|
|
3748
|
+
"[font-size:var(--deframe-widget-font-size-xl)]",
|
|
3749
|
+
"[line-height:var(--deframe-widget-font-leading-xl)]",
|
|
3750
|
+
"[font-weight:var(--deframe-widget-font-weight-bold)]",
|
|
3751
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3752
|
+
"text-[color:var(--deframe-widget-color-text-primary)]"
|
|
3753
|
+
),
|
|
3754
|
+
children: labels == null ? void 0 : labels.title
|
|
3755
|
+
}
|
|
3756
|
+
),
|
|
3757
|
+
/* @__PURE__ */ jsxs(
|
|
3758
|
+
"span",
|
|
3759
|
+
{
|
|
3760
|
+
"data-test-id": "swap-success-simple-subtitle",
|
|
3761
|
+
className: twMerge(
|
|
3762
|
+
"[font-size:var(--deframe-widget-font-size-md)] [line-height:1.6]",
|
|
3763
|
+
"[font-weight:var(--deframe-widget-font-weight-regular)]",
|
|
3764
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3765
|
+
"text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
3766
|
+
"max-w-[260px]"
|
|
3767
|
+
),
|
|
3768
|
+
children: [
|
|
3769
|
+
labels == null ? void 0 : labels.descriptionSuffix,
|
|
3770
|
+
" ",
|
|
3771
|
+
/* @__PURE__ */ jsx(
|
|
3772
|
+
"button",
|
|
3773
|
+
{
|
|
3774
|
+
"data-test-id": "swap-success-simple-wallet-link",
|
|
3775
|
+
onClick: onGoToWallet,
|
|
3776
|
+
"aria-label": labels == null ? void 0 : labels.walletLinkText,
|
|
3777
|
+
className: twMerge(
|
|
3778
|
+
"bg-transparent border-0 p-0 cursor-pointer",
|
|
3779
|
+
"[font-weight:var(--deframe-widget-font-weight-semibold)]",
|
|
3780
|
+
"text-[color:var(--deframe-widget-color-brand-primary)]"
|
|
3781
|
+
),
|
|
3782
|
+
children: labels == null ? void 0 : labels.walletLinkText
|
|
3783
|
+
}
|
|
3784
|
+
)
|
|
3785
|
+
]
|
|
3786
|
+
}
|
|
3787
|
+
)
|
|
3788
|
+
]
|
|
3789
|
+
}
|
|
3790
|
+
)
|
|
3791
|
+
]
|
|
3792
|
+
}
|
|
3793
|
+
);
|
|
3794
|
+
};
|
|
3549
3795
|
var SwapTransactionFailedView = ({
|
|
3550
3796
|
fromTokenSymbol,
|
|
3551
3797
|
fromTokenIcon,
|
|
@@ -3622,6 +3868,114 @@ var SwapTransactionFailedView = ({
|
|
|
3622
3868
|
}
|
|
3623
3869
|
);
|
|
3624
3870
|
};
|
|
3871
|
+
function ErrorIcon() {
|
|
3872
|
+
return /* @__PURE__ */ jsx(
|
|
3873
|
+
motion.div,
|
|
3874
|
+
{
|
|
3875
|
+
"data-test-id": "swap-failed-simple-icon",
|
|
3876
|
+
initial: { scale: 0.55, opacity: 0 },
|
|
3877
|
+
animate: { scale: 1, opacity: 1 },
|
|
3878
|
+
transition: { type: "spring", stiffness: 300, damping: 20, delay: 0.05 },
|
|
3879
|
+
className: twMerge(
|
|
3880
|
+
"w-[84px] h-[84px] rounded-[var(--deframe-widget-size-radius-full)] flex-shrink-0",
|
|
3881
|
+
"flex items-center justify-center",
|
|
3882
|
+
"bg-[var(--deframe-widget-color-state-error)]",
|
|
3883
|
+
"shadow-[0_0_0_10px_color-mix(in_srgb,var(--deframe-widget-color-state-error)_12%,transparent),0_0_32px_color-mix(in_srgb,var(--deframe-widget-color-state-error)_22%,transparent)]"
|
|
3884
|
+
),
|
|
3885
|
+
children: /* @__PURE__ */ jsxs("svg", { width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", "aria-hidden": "true", children: [
|
|
3886
|
+
/* @__PURE__ */ jsx(
|
|
3887
|
+
motion.line,
|
|
3888
|
+
{
|
|
3889
|
+
x1: "14",
|
|
3890
|
+
y1: "14",
|
|
3891
|
+
x2: "30",
|
|
3892
|
+
y2: "30",
|
|
3893
|
+
stroke: "white",
|
|
3894
|
+
strokeWidth: "3.5",
|
|
3895
|
+
strokeLinecap: "round",
|
|
3896
|
+
initial: { pathLength: 0 },
|
|
3897
|
+
animate: { pathLength: 1 },
|
|
3898
|
+
transition: { duration: 0.25, delay: 0.2, ease: "easeOut" }
|
|
3899
|
+
}
|
|
3900
|
+
),
|
|
3901
|
+
/* @__PURE__ */ jsx(
|
|
3902
|
+
motion.line,
|
|
3903
|
+
{
|
|
3904
|
+
x1: "30",
|
|
3905
|
+
y1: "14",
|
|
3906
|
+
x2: "14",
|
|
3907
|
+
y2: "30",
|
|
3908
|
+
stroke: "white",
|
|
3909
|
+
strokeWidth: "3.5",
|
|
3910
|
+
strokeLinecap: "round",
|
|
3911
|
+
initial: { pathLength: 0 },
|
|
3912
|
+
animate: { pathLength: 1 },
|
|
3913
|
+
transition: { duration: 0.25, delay: 0.38, ease: "easeOut" }
|
|
3914
|
+
}
|
|
3915
|
+
)
|
|
3916
|
+
] })
|
|
3917
|
+
}
|
|
3918
|
+
);
|
|
3919
|
+
}
|
|
3920
|
+
var SwapTransactionFailedViewSimple = ({
|
|
3921
|
+
errorTitle,
|
|
3922
|
+
errorDescription
|
|
3923
|
+
}) => {
|
|
3924
|
+
return /* @__PURE__ */ jsxs(
|
|
3925
|
+
"div",
|
|
3926
|
+
{
|
|
3927
|
+
"data-test-id": "swap-failed-simple-screen",
|
|
3928
|
+
className: twMerge(
|
|
3929
|
+
"absolute inset-0 z-10",
|
|
3930
|
+
"flex flex-col items-center justify-center",
|
|
3931
|
+
"gap-[var(--deframe-widget-size-gap-lg)]",
|
|
3932
|
+
"px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
|
|
3933
|
+
"rounded-[inherit]",
|
|
3934
|
+
"backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
|
|
3935
|
+
"bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
|
|
3936
|
+
),
|
|
3937
|
+
children: [
|
|
3938
|
+
/* @__PURE__ */ jsx(ErrorIcon, {}),
|
|
3939
|
+
/* @__PURE__ */ jsxs(
|
|
3940
|
+
"div",
|
|
3941
|
+
{
|
|
3942
|
+
"data-test-id": "swap-failed-simple-copy",
|
|
3943
|
+
className: "flex flex-col items-center gap-[var(--deframe-widget-size-gap-sm)] text-center",
|
|
3944
|
+
children: [
|
|
3945
|
+
/* @__PURE__ */ jsx(
|
|
3946
|
+
"span",
|
|
3947
|
+
{
|
|
3948
|
+
"data-test-id": "swap-failed-simple-title",
|
|
3949
|
+
className: twMerge(
|
|
3950
|
+
"[font-size:22px] [line-height:1.25]",
|
|
3951
|
+
"[font-weight:var(--deframe-widget-font-weight-bold)]",
|
|
3952
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3953
|
+
"text-[color:var(--deframe-widget-color-text-primary)]"
|
|
3954
|
+
),
|
|
3955
|
+
children: errorTitle
|
|
3956
|
+
}
|
|
3957
|
+
),
|
|
3958
|
+
/* @__PURE__ */ jsx(
|
|
3959
|
+
"span",
|
|
3960
|
+
{
|
|
3961
|
+
"data-test-id": "swap-failed-simple-subtitle",
|
|
3962
|
+
className: twMerge(
|
|
3963
|
+
"[font-size:var(--deframe-widget-font-size-md)] [line-height:1.6]",
|
|
3964
|
+
"[font-weight:var(--deframe-widget-font-weight-regular)]",
|
|
3965
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3966
|
+
"text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
3967
|
+
"max-w-[260px]"
|
|
3968
|
+
),
|
|
3969
|
+
children: errorDescription
|
|
3970
|
+
}
|
|
3971
|
+
)
|
|
3972
|
+
]
|
|
3973
|
+
}
|
|
3974
|
+
)
|
|
3975
|
+
]
|
|
3976
|
+
}
|
|
3977
|
+
);
|
|
3978
|
+
};
|
|
3625
3979
|
var ChooseAnAssetSwapView = ({
|
|
3626
3980
|
actionSheetId,
|
|
3627
3981
|
isOpen,
|
|
@@ -3655,7 +4009,7 @@ var ChooseAnAssetSwapView = ({
|
|
|
3655
4009
|
height: "full",
|
|
3656
4010
|
contentClassName: "w-full max-w-[620px] mx-auto",
|
|
3657
4011
|
children: /* @__PURE__ */ jsxs(BackgroundContainer, { className: "flex flex-col h-full", children: [
|
|
3658
|
-
/* @__PURE__ */ jsx(Navbar, { children: /* @__PURE__ */ jsx(
|
|
4012
|
+
/* @__PURE__ */ jsx(Navbar, { children: /* @__PURE__ */ jsx(CloseButton_default, { testId: `swap-token-actionsheet-close-${actionSheetId}`, onClick: onClose }) }),
|
|
3659
4013
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 w-full px-[var(--deframe-widget-size-padding-x-lg)] py-[var(--deframe-widget-size-padding-y-lg)] overflow-hidden", children: [
|
|
3660
4014
|
/* @__PURE__ */ jsxs("div", { className: "flex-shrink-0", children: [
|
|
3661
4015
|
/* @__PURE__ */ jsx(TextHeading, { children: labels.title }),
|
|
@@ -4092,6 +4446,6 @@ var ConfirmSwapButtonView = ({
|
|
|
4092
4446
|
) });
|
|
4093
4447
|
};
|
|
4094
4448
|
|
|
4095
|
-
export { ActionButton, ActionSheet, AddressDisplay, BackgroundContainer, BannerNotification, ChooseAStrategyActionsheetView, ChooseAnAssetSwapView, CollapsibleInfoRow, CollapsibleSection, ConfirmSwapButtonView, ConnectWalletList, Currency, DeframeComponentsProvider, DetailsHeader, Currency as Fiat, FlexCol, FlexRow, HighRiskBadge, HistoryDepositDetailsView, HistoryWithdrawDetailsView, InfoLabel, InfoRow, InfoRowIconLabel, InfoRowIconValue, InfoRowWithIcon, InfoValue, Input2 as Input, Link, ListItem, ListItemContent, ListItemLeftSide, ListItemRightSide, LoadingDots, LowRiskBadge, MediumRiskBadge, Navbar, PercentageButton, PrimaryButton, ProgressIndicator, ScrollableContent, SearchEmptyState, SearchInput, SecondaryButton, SectionCard, Select, SelectContent, SelectItem, SelectTrigger, Skeleton, StepDisplay, StepStatusIcon, StepStatusText, StrategyDetailsView, SummaryDetails, SummaryDetailsCryptoControlV2, SwapAdvancedSettingsView, SwapAmountInputView, SwapCrossChainProcessingView, SwapFormView, SwapFromCardView, SwapNetworkSelectorView, SwapOutputAmountView, SwapProcessingView, SwapQuoteBlockchainCostsView, SwapQuoteDetailsView, SwapQuoteErrorsView, SwapQuoteHeaderView, SwapSignatureWarningView, SwapSlippageToleranceButtonsView, SwapSuccessView, SwapToCardView, SwapTokenSelectorView, SwapTransactionFailedView, Tabs, TabsContent, TabsList, TabsTrigger, TertiaryButton, Text_default as Text, TextAccent, TextBody, TextHeading, Title, TokenWithChainBadge, TransactionProcessingDetails, TransactionScreen, TransactionScreenIcon, TransactionScreenInvestmentCard, WalletConnectPanel, WalletItem, ConnectWalletList as WalletList, WalletListContainer };
|
|
4449
|
+
export { ActionButton, ActionSheet, AddressDisplay, BackgroundContainer, BannerNotification, ChooseAStrategyActionsheetView, ChooseAnAssetSwapView, CloseButton_default as CloseButton, CollapsibleInfoRow, CollapsibleSection, ConfirmSwapButtonView, ConnectWalletList, Currency, DeframeComponentsProvider, DetailsHeader, Currency as Fiat, FlexCol, FlexRow, HighRiskBadge, HistoryDepositDetailsView, HistoryWithdrawDetailsView, InfoLabel, InfoRow, InfoRowIconLabel, InfoRowIconValue, InfoRowWithIcon, InfoValue, Input2 as Input, Link, ListItem, ListItemContent, ListItemLeftSide, ListItemRightSide, LoadingDots, LowRiskBadge, MediumRiskBadge, Navbar, PercentageButton, PrimaryButton, ProgressIndicator, ScrollableContent, SearchEmptyState, SearchInput, SecondaryButton, SectionCard, Select, SelectContent, SelectItem, SelectTrigger, Skeleton, StepDisplay, StepStatusIcon, StepStatusText, StrategyDetailsView, SummaryDetails, SummaryDetailsCryptoControlV2, SwapAdvancedSettingsView, SwapAmountInputView, SwapCrossChainProcessingView, SwapFormView, SwapFromCardView, SwapNetworkSelectorView, SwapOutputAmountView, SwapProcessingView, SwapProcessingViewSimple, SwapQuoteBlockchainCostsView, SwapQuoteDetailsView, SwapQuoteErrorsView, SwapQuoteHeaderView, SwapSignatureWarningView, SwapSlippageToleranceButtonsView, SwapSuccessView, SwapSuccessViewSimple, SwapToCardView, SwapTokenSelectorView, SwapTransactionFailedView, SwapTransactionFailedViewSimple, Tabs, TabsContent, TabsList, TabsTrigger, TertiaryButton, Text_default as Text, TextAccent, TextBody, TextHeading, Title, TokenWithChainBadge, TransactionProcessingDetails, TransactionScreen, TransactionScreenIcon, TransactionScreenInvestmentCard, WalletConnectPanel, WalletItem, ConnectWalletList as WalletList, WalletListContainer };
|
|
4096
4450
|
//# sourceMappingURL=index.mjs.map
|
|
4097
4451
|
//# sourceMappingURL=index.mjs.map
|