@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.js
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
var tailwindMerge = require('tailwind-merge');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var hi2 = require('react-icons/hi2');
|
|
5
6
|
var React6 = require('react');
|
|
6
7
|
var framerMotion = require('framer-motion');
|
|
7
8
|
var md = require('react-icons/md');
|
|
8
|
-
var hi2 = require('react-icons/hi2');
|
|
9
9
|
var io5 = require('react-icons/io5');
|
|
10
10
|
|
|
11
11
|
function _interopNamespace(e) {
|
|
@@ -108,6 +108,20 @@ function ActionButton(_a) {
|
|
|
108
108
|
})
|
|
109
109
|
);
|
|
110
110
|
}
|
|
111
|
+
var CloseButton = ({ onClick, testId, ariaLabel = "Close", className }) => {
|
|
112
|
+
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";
|
|
113
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
114
|
+
"button",
|
|
115
|
+
{
|
|
116
|
+
"data-test-id": testId != null ? testId : "close-button",
|
|
117
|
+
onClick,
|
|
118
|
+
className: tailwindMerge.twMerge(baseClasses, className),
|
|
119
|
+
"aria-label": ariaLabel,
|
|
120
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(hi2.HiXMark, { className: "w-6 h-6" })
|
|
121
|
+
}
|
|
122
|
+
);
|
|
123
|
+
};
|
|
124
|
+
var CloseButton_default = CloseButton;
|
|
111
125
|
function PercentageButton(_a) {
|
|
112
126
|
var _b = _a, {
|
|
113
127
|
children,
|
|
@@ -2795,19 +2809,6 @@ var SwapQuoteBlockchainCostsView = ({
|
|
|
2795
2809
|
}
|
|
2796
2810
|
) });
|
|
2797
2811
|
};
|
|
2798
|
-
var CloseButton = ({ onClick, testId, ariaLabel = "Close", className }) => {
|
|
2799
|
-
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";
|
|
2800
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
2801
|
-
"button",
|
|
2802
|
-
{
|
|
2803
|
-
"data-test-id": testId != null ? testId : "close-button",
|
|
2804
|
-
onClick,
|
|
2805
|
-
className: tailwindMerge.twMerge(baseClasses, className),
|
|
2806
|
-
"aria-label": ariaLabel,
|
|
2807
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(hi2.HiXMark, { className: "w-6 h-6" })
|
|
2808
|
-
}
|
|
2809
|
-
);
|
|
2810
|
-
};
|
|
2811
2812
|
var ChooseAStrategyActionsheetView = ({
|
|
2812
2813
|
isOpen,
|
|
2813
2814
|
currentActionSheetId,
|
|
@@ -2840,7 +2841,7 @@ var ChooseAStrategyActionsheetView = ({
|
|
|
2840
2841
|
height: "full",
|
|
2841
2842
|
contentClassName: "w-full max-w-[620px] mx-auto",
|
|
2842
2843
|
children: /* @__PURE__ */ jsxRuntime.jsxs(BackgroundContainer, { className: "flex flex-col h-full", children: [
|
|
2843
|
-
/* @__PURE__ */ jsxRuntime.jsx(Navbar, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2844
|
+
/* @__PURE__ */ jsxRuntime.jsx(Navbar, { children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton_default, { onClick: onClose, ariaLabel: closeAriaLabel }) }),
|
|
2844
2845
|
/* @__PURE__ */ jsxRuntime.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: [
|
|
2845
2846
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0", children: [
|
|
2846
2847
|
/* @__PURE__ */ jsxRuntime.jsx(TextHeading, { children: resolvedYieldLabel }),
|
|
@@ -3070,7 +3071,7 @@ var TransactionScreen = ({
|
|
|
3070
3071
|
}) => {
|
|
3071
3072
|
return /* @__PURE__ */ jsxRuntime.jsx(BackgroundContainer, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full", children: [
|
|
3072
3073
|
onBack && /* @__PURE__ */ jsxRuntime.jsx(DetailsHeader, { title: backTitle, onBack }),
|
|
3073
|
-
onClose && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": testId, className: "flex justify-start px-[var(--deframe-widget-size-padding-x-md)] pt-md", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3074
|
+
onClose && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": testId, className: "flex justify-start px-[var(--deframe-widget-size-padding-x-md)] pt-md", children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton_default, { onClick: onClose }) }),
|
|
3074
3075
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full px-[var(--deframe-widget-size-padding-x-md)] pt-[var(--deframe-widget-size-padding-y-sm)]", children: /* @__PURE__ */ jsxRuntime.jsx(ProgressIndicator, { progress }) }),
|
|
3075
3076
|
/* @__PURE__ */ jsxRuntime.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: [
|
|
3076
3077
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-[var(--deframe-widget-size-gap-md)] pt-lg", children: [
|
|
@@ -3308,6 +3309,144 @@ var SwapProcessingView = ({
|
|
|
3308
3309
|
}
|
|
3309
3310
|
);
|
|
3310
3311
|
};
|
|
3312
|
+
function LoadingIcon() {
|
|
3313
|
+
const green = "var(--deframe-widget-color-brand-primary)";
|
|
3314
|
+
const trackColor = "color-mix(in srgb, var(--deframe-widget-color-brand-primary) 12%, transparent)";
|
|
3315
|
+
const sw = 2.8;
|
|
3316
|
+
const aw = 2.4;
|
|
3317
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3318
|
+
framerMotion.motion.svg,
|
|
3319
|
+
{
|
|
3320
|
+
"data-test-id": "swap-processing-simple-loading-icon",
|
|
3321
|
+
width: "56",
|
|
3322
|
+
height: "56",
|
|
3323
|
+
viewBox: "0 0 56 56",
|
|
3324
|
+
fill: "none",
|
|
3325
|
+
"aria-hidden": "true",
|
|
3326
|
+
animate: { rotate: 360 },
|
|
3327
|
+
transition: { duration: 1.6, repeat: Infinity, ease: "linear" },
|
|
3328
|
+
children: [
|
|
3329
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "28", cy: "28", r: "22", stroke: trackColor, strokeWidth: sw }),
|
|
3330
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3331
|
+
"path",
|
|
3332
|
+
{
|
|
3333
|
+
d: "M 6.75 22.31 A 22 22 0 0 1 49.25 22.31",
|
|
3334
|
+
stroke: green,
|
|
3335
|
+
strokeWidth: sw,
|
|
3336
|
+
strokeLinecap: "round"
|
|
3337
|
+
}
|
|
3338
|
+
),
|
|
3339
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3340
|
+
"path",
|
|
3341
|
+
{
|
|
3342
|
+
d: "M 45.0 18.1 L 49.25 22.31 L 51.0 16.5",
|
|
3343
|
+
stroke: green,
|
|
3344
|
+
strokeWidth: aw,
|
|
3345
|
+
strokeLinecap: "round",
|
|
3346
|
+
strokeLinejoin: "round"
|
|
3347
|
+
}
|
|
3348
|
+
),
|
|
3349
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3350
|
+
"path",
|
|
3351
|
+
{
|
|
3352
|
+
d: "M 49.25 33.69 A 22 22 0 0 1 6.75 33.69",
|
|
3353
|
+
stroke: green,
|
|
3354
|
+
strokeWidth: sw,
|
|
3355
|
+
strokeLinecap: "round"
|
|
3356
|
+
}
|
|
3357
|
+
),
|
|
3358
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3359
|
+
"path",
|
|
3360
|
+
{
|
|
3361
|
+
d: "M 11.0 37.9 L 6.75 33.69 L 5.0 39.5",
|
|
3362
|
+
stroke: green,
|
|
3363
|
+
strokeWidth: aw,
|
|
3364
|
+
strokeLinecap: "round",
|
|
3365
|
+
strokeLinejoin: "round"
|
|
3366
|
+
}
|
|
3367
|
+
)
|
|
3368
|
+
]
|
|
3369
|
+
}
|
|
3370
|
+
);
|
|
3371
|
+
}
|
|
3372
|
+
var SwapProcessingViewSimple = ({
|
|
3373
|
+
titleText,
|
|
3374
|
+
descriptionPrefix,
|
|
3375
|
+
activityHistoryText,
|
|
3376
|
+
onGoToHistory
|
|
3377
|
+
}) => {
|
|
3378
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3379
|
+
"div",
|
|
3380
|
+
{
|
|
3381
|
+
"data-test-id": "swap-processing-simple-screen",
|
|
3382
|
+
className: tailwindMerge.twMerge(
|
|
3383
|
+
"absolute inset-0 z-10",
|
|
3384
|
+
"flex flex-col items-center justify-center",
|
|
3385
|
+
"gap-[var(--deframe-widget-size-gap-lg)]",
|
|
3386
|
+
"px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
|
|
3387
|
+
"rounded-[inherit]",
|
|
3388
|
+
"backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
|
|
3389
|
+
"bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
|
|
3390
|
+
),
|
|
3391
|
+
children: [
|
|
3392
|
+
/* @__PURE__ */ jsxRuntime.jsx(LoadingIcon, {}),
|
|
3393
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3394
|
+
"div",
|
|
3395
|
+
{
|
|
3396
|
+
"data-test-id": "swap-processing-simple-copy",
|
|
3397
|
+
className: "flex flex-col items-center gap-[var(--deframe-widget-size-gap-sm)] text-center",
|
|
3398
|
+
children: [
|
|
3399
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3400
|
+
"span",
|
|
3401
|
+
{
|
|
3402
|
+
"data-test-id": "swap-processing-simple-title",
|
|
3403
|
+
className: tailwindMerge.twMerge(
|
|
3404
|
+
"[font-size:12px] [line-height:1.25] [letter-spacing:0.10em] uppercase",
|
|
3405
|
+
"[font-weight:var(--deframe-widget-font-weight-semibold)]",
|
|
3406
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3407
|
+
"text-[color:var(--deframe-widget-color-brand-primary)]"
|
|
3408
|
+
),
|
|
3409
|
+
children: titleText
|
|
3410
|
+
}
|
|
3411
|
+
),
|
|
3412
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3413
|
+
"span",
|
|
3414
|
+
{
|
|
3415
|
+
"data-test-id": "swap-processing-simple-subtitle",
|
|
3416
|
+
className: tailwindMerge.twMerge(
|
|
3417
|
+
"[font-size:var(--deframe-widget-font-size-md)] [line-height:1.6]",
|
|
3418
|
+
"[font-weight:var(--deframe-widget-font-weight-regular)]",
|
|
3419
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3420
|
+
"text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
3421
|
+
"max-w-[260px]"
|
|
3422
|
+
),
|
|
3423
|
+
children: [
|
|
3424
|
+
descriptionPrefix,
|
|
3425
|
+
" ",
|
|
3426
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3427
|
+
"button",
|
|
3428
|
+
{
|
|
3429
|
+
"data-test-id": "swap-processing-simple-history-link",
|
|
3430
|
+
onClick: onGoToHistory,
|
|
3431
|
+
"aria-label": activityHistoryText,
|
|
3432
|
+
className: tailwindMerge.twMerge(
|
|
3433
|
+
"bg-transparent border-0 p-0 cursor-pointer",
|
|
3434
|
+
"[font-weight:var(--deframe-widget-font-weight-semibold)]",
|
|
3435
|
+
"text-[color:var(--deframe-widget-color-brand-primary)]"
|
|
3436
|
+
),
|
|
3437
|
+
children: activityHistoryText
|
|
3438
|
+
}
|
|
3439
|
+
)
|
|
3440
|
+
]
|
|
3441
|
+
}
|
|
3442
|
+
)
|
|
3443
|
+
]
|
|
3444
|
+
}
|
|
3445
|
+
)
|
|
3446
|
+
]
|
|
3447
|
+
}
|
|
3448
|
+
);
|
|
3449
|
+
};
|
|
3311
3450
|
var SwapCrossChainProcessingView = ({
|
|
3312
3451
|
fromTokenSymbol,
|
|
3313
3452
|
fromTokenIcon,
|
|
@@ -3567,6 +3706,113 @@ var SwapSuccessView = ({
|
|
|
3567
3706
|
}
|
|
3568
3707
|
);
|
|
3569
3708
|
};
|
|
3709
|
+
function SuccessIcon() {
|
|
3710
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3711
|
+
framerMotion.motion.div,
|
|
3712
|
+
{
|
|
3713
|
+
"data-test-id": "swap-success-simple-icon",
|
|
3714
|
+
initial: { scale: 0.55, opacity: 0 },
|
|
3715
|
+
animate: { scale: 1, opacity: 1 },
|
|
3716
|
+
transition: { type: "spring", stiffness: 300, damping: 20, delay: 0.05 },
|
|
3717
|
+
className: tailwindMerge.twMerge(
|
|
3718
|
+
"w-[84px] h-[84px] rounded-[var(--deframe-widget-size-radius-full)] flex-shrink-0",
|
|
3719
|
+
"flex items-center justify-center",
|
|
3720
|
+
"bg-[var(--deframe-widget-color-state-success)]",
|
|
3721
|
+
"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)]"
|
|
3722
|
+
),
|
|
3723
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3724
|
+
framerMotion.motion.path,
|
|
3725
|
+
{
|
|
3726
|
+
d: "M10 22 L18 30 L34 14",
|
|
3727
|
+
stroke: "white",
|
|
3728
|
+
strokeWidth: "3.5",
|
|
3729
|
+
strokeLinecap: "round",
|
|
3730
|
+
strokeLinejoin: "round",
|
|
3731
|
+
initial: { pathLength: 0 },
|
|
3732
|
+
animate: { pathLength: 1 },
|
|
3733
|
+
transition: { duration: 0.45, delay: 0.2, ease: "easeOut" }
|
|
3734
|
+
}
|
|
3735
|
+
) })
|
|
3736
|
+
}
|
|
3737
|
+
);
|
|
3738
|
+
}
|
|
3739
|
+
var SwapSuccessViewSimple = ({
|
|
3740
|
+
onGoToWallet,
|
|
3741
|
+
labels
|
|
3742
|
+
}) => {
|
|
3743
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3744
|
+
"div",
|
|
3745
|
+
{
|
|
3746
|
+
"data-test-id": "swap-success-simple-screen",
|
|
3747
|
+
className: tailwindMerge.twMerge(
|
|
3748
|
+
"absolute inset-0 z-10",
|
|
3749
|
+
"flex flex-col items-center justify-center",
|
|
3750
|
+
"gap-[var(--deframe-widget-size-gap-lg)]",
|
|
3751
|
+
"px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
|
|
3752
|
+
"rounded-[inherit]",
|
|
3753
|
+
"backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
|
|
3754
|
+
"bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
|
|
3755
|
+
),
|
|
3756
|
+
children: [
|
|
3757
|
+
/* @__PURE__ */ jsxRuntime.jsx(SuccessIcon, {}),
|
|
3758
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3759
|
+
"div",
|
|
3760
|
+
{
|
|
3761
|
+
"data-test-id": "swap-success-simple-copy",
|
|
3762
|
+
className: "flex flex-col items-center gap-[var(--deframe-widget-size-gap-sm)] text-center",
|
|
3763
|
+
children: [
|
|
3764
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3765
|
+
"span",
|
|
3766
|
+
{
|
|
3767
|
+
"data-test-id": "swap-success-simple-title",
|
|
3768
|
+
className: tailwindMerge.twMerge(
|
|
3769
|
+
"[font-size:var(--deframe-widget-font-size-xl)]",
|
|
3770
|
+
"[line-height:var(--deframe-widget-font-leading-xl)]",
|
|
3771
|
+
"[font-weight:var(--deframe-widget-font-weight-bold)]",
|
|
3772
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3773
|
+
"text-[color:var(--deframe-widget-color-text-primary)]"
|
|
3774
|
+
),
|
|
3775
|
+
children: labels == null ? void 0 : labels.title
|
|
3776
|
+
}
|
|
3777
|
+
),
|
|
3778
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3779
|
+
"span",
|
|
3780
|
+
{
|
|
3781
|
+
"data-test-id": "swap-success-simple-subtitle",
|
|
3782
|
+
className: tailwindMerge.twMerge(
|
|
3783
|
+
"[font-size:var(--deframe-widget-font-size-md)] [line-height:1.6]",
|
|
3784
|
+
"[font-weight:var(--deframe-widget-font-weight-regular)]",
|
|
3785
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3786
|
+
"text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
3787
|
+
"max-w-[260px]"
|
|
3788
|
+
),
|
|
3789
|
+
children: [
|
|
3790
|
+
labels == null ? void 0 : labels.descriptionSuffix,
|
|
3791
|
+
" ",
|
|
3792
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3793
|
+
"button",
|
|
3794
|
+
{
|
|
3795
|
+
"data-test-id": "swap-success-simple-wallet-link",
|
|
3796
|
+
onClick: onGoToWallet,
|
|
3797
|
+
"aria-label": labels == null ? void 0 : labels.walletLinkText,
|
|
3798
|
+
className: tailwindMerge.twMerge(
|
|
3799
|
+
"bg-transparent border-0 p-0 cursor-pointer",
|
|
3800
|
+
"[font-weight:var(--deframe-widget-font-weight-semibold)]",
|
|
3801
|
+
"text-[color:var(--deframe-widget-color-brand-primary)]"
|
|
3802
|
+
),
|
|
3803
|
+
children: labels == null ? void 0 : labels.walletLinkText
|
|
3804
|
+
}
|
|
3805
|
+
)
|
|
3806
|
+
]
|
|
3807
|
+
}
|
|
3808
|
+
)
|
|
3809
|
+
]
|
|
3810
|
+
}
|
|
3811
|
+
)
|
|
3812
|
+
]
|
|
3813
|
+
}
|
|
3814
|
+
);
|
|
3815
|
+
};
|
|
3570
3816
|
var SwapTransactionFailedView = ({
|
|
3571
3817
|
fromTokenSymbol,
|
|
3572
3818
|
fromTokenIcon,
|
|
@@ -3643,6 +3889,114 @@ var SwapTransactionFailedView = ({
|
|
|
3643
3889
|
}
|
|
3644
3890
|
);
|
|
3645
3891
|
};
|
|
3892
|
+
function ErrorIcon() {
|
|
3893
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
3894
|
+
framerMotion.motion.div,
|
|
3895
|
+
{
|
|
3896
|
+
"data-test-id": "swap-failed-simple-icon",
|
|
3897
|
+
initial: { scale: 0.55, opacity: 0 },
|
|
3898
|
+
animate: { scale: 1, opacity: 1 },
|
|
3899
|
+
transition: { type: "spring", stiffness: 300, damping: 20, delay: 0.05 },
|
|
3900
|
+
className: tailwindMerge.twMerge(
|
|
3901
|
+
"w-[84px] h-[84px] rounded-[var(--deframe-widget-size-radius-full)] flex-shrink-0",
|
|
3902
|
+
"flex items-center justify-center",
|
|
3903
|
+
"bg-[var(--deframe-widget-color-state-error)]",
|
|
3904
|
+
"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)]"
|
|
3905
|
+
),
|
|
3906
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "44", height: "44", viewBox: "0 0 44 44", fill: "none", "aria-hidden": "true", children: [
|
|
3907
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3908
|
+
framerMotion.motion.line,
|
|
3909
|
+
{
|
|
3910
|
+
x1: "14",
|
|
3911
|
+
y1: "14",
|
|
3912
|
+
x2: "30",
|
|
3913
|
+
y2: "30",
|
|
3914
|
+
stroke: "white",
|
|
3915
|
+
strokeWidth: "3.5",
|
|
3916
|
+
strokeLinecap: "round",
|
|
3917
|
+
initial: { pathLength: 0 },
|
|
3918
|
+
animate: { pathLength: 1 },
|
|
3919
|
+
transition: { duration: 0.25, delay: 0.2, ease: "easeOut" }
|
|
3920
|
+
}
|
|
3921
|
+
),
|
|
3922
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3923
|
+
framerMotion.motion.line,
|
|
3924
|
+
{
|
|
3925
|
+
x1: "30",
|
|
3926
|
+
y1: "14",
|
|
3927
|
+
x2: "14",
|
|
3928
|
+
y2: "30",
|
|
3929
|
+
stroke: "white",
|
|
3930
|
+
strokeWidth: "3.5",
|
|
3931
|
+
strokeLinecap: "round",
|
|
3932
|
+
initial: { pathLength: 0 },
|
|
3933
|
+
animate: { pathLength: 1 },
|
|
3934
|
+
transition: { duration: 0.25, delay: 0.38, ease: "easeOut" }
|
|
3935
|
+
}
|
|
3936
|
+
)
|
|
3937
|
+
] })
|
|
3938
|
+
}
|
|
3939
|
+
);
|
|
3940
|
+
}
|
|
3941
|
+
var SwapTransactionFailedViewSimple = ({
|
|
3942
|
+
errorTitle,
|
|
3943
|
+
errorDescription
|
|
3944
|
+
}) => {
|
|
3945
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3946
|
+
"div",
|
|
3947
|
+
{
|
|
3948
|
+
"data-test-id": "swap-failed-simple-screen",
|
|
3949
|
+
className: tailwindMerge.twMerge(
|
|
3950
|
+
"absolute inset-0 z-10",
|
|
3951
|
+
"flex flex-col items-center justify-center",
|
|
3952
|
+
"gap-[var(--deframe-widget-size-gap-lg)]",
|
|
3953
|
+
"px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
|
|
3954
|
+
"rounded-[inherit]",
|
|
3955
|
+
"backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
|
|
3956
|
+
"bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
|
|
3957
|
+
),
|
|
3958
|
+
children: [
|
|
3959
|
+
/* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, {}),
|
|
3960
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3961
|
+
"div",
|
|
3962
|
+
{
|
|
3963
|
+
"data-test-id": "swap-failed-simple-copy",
|
|
3964
|
+
className: "flex flex-col items-center gap-[var(--deframe-widget-size-gap-sm)] text-center",
|
|
3965
|
+
children: [
|
|
3966
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3967
|
+
"span",
|
|
3968
|
+
{
|
|
3969
|
+
"data-test-id": "swap-failed-simple-title",
|
|
3970
|
+
className: tailwindMerge.twMerge(
|
|
3971
|
+
"[font-size:22px] [line-height:1.25]",
|
|
3972
|
+
"[font-weight:var(--deframe-widget-font-weight-bold)]",
|
|
3973
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3974
|
+
"text-[color:var(--deframe-widget-color-text-primary)]"
|
|
3975
|
+
),
|
|
3976
|
+
children: errorTitle
|
|
3977
|
+
}
|
|
3978
|
+
),
|
|
3979
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3980
|
+
"span",
|
|
3981
|
+
{
|
|
3982
|
+
"data-test-id": "swap-failed-simple-subtitle",
|
|
3983
|
+
className: tailwindMerge.twMerge(
|
|
3984
|
+
"[font-size:var(--deframe-widget-font-size-md)] [line-height:1.6]",
|
|
3985
|
+
"[font-weight:var(--deframe-widget-font-weight-regular)]",
|
|
3986
|
+
"font-[var(--deframe-widget-font-family)]",
|
|
3987
|
+
"text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
3988
|
+
"max-w-[260px]"
|
|
3989
|
+
),
|
|
3990
|
+
children: errorDescription
|
|
3991
|
+
}
|
|
3992
|
+
)
|
|
3993
|
+
]
|
|
3994
|
+
}
|
|
3995
|
+
)
|
|
3996
|
+
]
|
|
3997
|
+
}
|
|
3998
|
+
);
|
|
3999
|
+
};
|
|
3646
4000
|
var ChooseAnAssetSwapView = ({
|
|
3647
4001
|
actionSheetId,
|
|
3648
4002
|
isOpen,
|
|
@@ -3676,7 +4030,7 @@ var ChooseAnAssetSwapView = ({
|
|
|
3676
4030
|
height: "full",
|
|
3677
4031
|
contentClassName: "w-full max-w-[620px] mx-auto",
|
|
3678
4032
|
children: /* @__PURE__ */ jsxRuntime.jsxs(BackgroundContainer, { className: "flex flex-col h-full", children: [
|
|
3679
|
-
/* @__PURE__ */ jsxRuntime.jsx(Navbar, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
4033
|
+
/* @__PURE__ */ jsxRuntime.jsx(Navbar, { children: /* @__PURE__ */ jsxRuntime.jsx(CloseButton_default, { testId: `swap-token-actionsheet-close-${actionSheetId}`, onClick: onClose }) }),
|
|
3680
4034
|
/* @__PURE__ */ jsxRuntime.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: [
|
|
3681
4035
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-shrink-0", children: [
|
|
3682
4036
|
/* @__PURE__ */ jsxRuntime.jsx(TextHeading, { children: labels.title }),
|
|
@@ -4120,6 +4474,7 @@ exports.BackgroundContainer = BackgroundContainer;
|
|
|
4120
4474
|
exports.BannerNotification = BannerNotification;
|
|
4121
4475
|
exports.ChooseAStrategyActionsheetView = ChooseAStrategyActionsheetView;
|
|
4122
4476
|
exports.ChooseAnAssetSwapView = ChooseAnAssetSwapView;
|
|
4477
|
+
exports.CloseButton = CloseButton_default;
|
|
4123
4478
|
exports.CollapsibleInfoRow = CollapsibleInfoRow;
|
|
4124
4479
|
exports.CollapsibleSection = CollapsibleSection;
|
|
4125
4480
|
exports.ConfirmSwapButtonView = ConfirmSwapButtonView;
|
|
@@ -4176,6 +4531,7 @@ exports.SwapFromCardView = SwapFromCardView;
|
|
|
4176
4531
|
exports.SwapNetworkSelectorView = SwapNetworkSelectorView;
|
|
4177
4532
|
exports.SwapOutputAmountView = SwapOutputAmountView;
|
|
4178
4533
|
exports.SwapProcessingView = SwapProcessingView;
|
|
4534
|
+
exports.SwapProcessingViewSimple = SwapProcessingViewSimple;
|
|
4179
4535
|
exports.SwapQuoteBlockchainCostsView = SwapQuoteBlockchainCostsView;
|
|
4180
4536
|
exports.SwapQuoteDetailsView = SwapQuoteDetailsView;
|
|
4181
4537
|
exports.SwapQuoteErrorsView = SwapQuoteErrorsView;
|
|
@@ -4183,9 +4539,11 @@ exports.SwapQuoteHeaderView = SwapQuoteHeaderView;
|
|
|
4183
4539
|
exports.SwapSignatureWarningView = SwapSignatureWarningView;
|
|
4184
4540
|
exports.SwapSlippageToleranceButtonsView = SwapSlippageToleranceButtonsView;
|
|
4185
4541
|
exports.SwapSuccessView = SwapSuccessView;
|
|
4542
|
+
exports.SwapSuccessViewSimple = SwapSuccessViewSimple;
|
|
4186
4543
|
exports.SwapToCardView = SwapToCardView;
|
|
4187
4544
|
exports.SwapTokenSelectorView = SwapTokenSelectorView;
|
|
4188
4545
|
exports.SwapTransactionFailedView = SwapTransactionFailedView;
|
|
4546
|
+
exports.SwapTransactionFailedViewSimple = SwapTransactionFailedViewSimple;
|
|
4189
4547
|
exports.Tabs = Tabs;
|
|
4190
4548
|
exports.TabsContent = TabsContent;
|
|
4191
4549
|
exports.TabsList = TabsList;
|