@deframe-sdk/components 0.1.49 → 0.1.50
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 +163 -16
- package/dist/index.d.ts +163 -16
- package/dist/index.js +155 -125
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +155 -125
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3153,7 +3153,9 @@ function KYCPageHeader({
|
|
|
3153
3153
|
totalSteps,
|
|
3154
3154
|
onBack,
|
|
3155
3155
|
onClose,
|
|
3156
|
-
className
|
|
3156
|
+
className,
|
|
3157
|
+
backLabel,
|
|
3158
|
+
closeLabel
|
|
3157
3159
|
}) {
|
|
3158
3160
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3159
3161
|
"div",
|
|
@@ -3165,9 +3167,9 @@ function KYCPageHeader({
|
|
|
3165
3167
|
className
|
|
3166
3168
|
),
|
|
3167
3169
|
children: [
|
|
3168
|
-
/* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onBack, label:
|
|
3170
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onBack, label: backLabel, testId: "kyc-back-button", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6z" }) }) }),
|
|
3169
3171
|
typeof step === "number" && typeof totalSteps === "number" ? /* @__PURE__ */ jsxRuntime.jsx(KYCStepIndicator, { total: totalSteps, current: Math.max(step - 1, 0) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-9 flex-1", "aria-hidden": "true" }),
|
|
3170
|
-
/* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onClose, label:
|
|
3172
|
+
/* @__PURE__ */ jsxRuntime.jsx(IconButton, { onClick: onClose, label: closeLabel, testId: "kyc-close-button", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6L6 18M6 6l12 12", strokeLinecap: "round" }) }) })
|
|
3171
3173
|
]
|
|
3172
3174
|
}
|
|
3173
3175
|
);
|
|
@@ -3260,10 +3262,12 @@ function KYCFormPage({
|
|
|
3260
3262
|
footer,
|
|
3261
3263
|
actions = [],
|
|
3262
3264
|
className,
|
|
3263
|
-
containerMode = "fullscreen"
|
|
3265
|
+
containerMode = "fullscreen",
|
|
3266
|
+
backLabel,
|
|
3267
|
+
closeLabel
|
|
3264
3268
|
}) {
|
|
3265
3269
|
return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, className, containerMode, children: [
|
|
3266
|
-
/* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onBack, onClose }),
|
|
3270
|
+
/* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onBack, onClose, backLabel, closeLabel }),
|
|
3267
3271
|
/* @__PURE__ */ jsxRuntime.jsxs(PageBody, { children: [
|
|
3268
3272
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-lg)]", children: [
|
|
3269
3273
|
/* @__PURE__ */ jsxRuntime.jsx(KYCPageSection, { title, description }),
|
|
@@ -3335,7 +3339,9 @@ function KYCAddressPage({
|
|
|
3335
3339
|
banners = [],
|
|
3336
3340
|
actions,
|
|
3337
3341
|
containerMode = "fullscreen",
|
|
3338
|
-
onNext
|
|
3342
|
+
onNext,
|
|
3343
|
+
backLabel,
|
|
3344
|
+
closeLabel
|
|
3339
3345
|
}) {
|
|
3340
3346
|
const defaultActions = actions != null ? actions : [
|
|
3341
3347
|
{
|
|
@@ -3390,6 +3396,8 @@ function KYCAddressPage({
|
|
|
3390
3396
|
banners,
|
|
3391
3397
|
actions: defaultActions,
|
|
3392
3398
|
containerMode,
|
|
3399
|
+
backLabel,
|
|
3400
|
+
closeLabel,
|
|
3393
3401
|
children: [
|
|
3394
3402
|
cepField != null ? cepField : fallbackFields.cepField,
|
|
3395
3403
|
isLoading ? loadingContent != null ? loadingContent : /* @__PURE__ */ jsxRuntime.jsx(DefaultAddressLoadingContent, {}) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
@@ -3564,17 +3572,19 @@ function KYCEditPage(_a) {
|
|
|
3564
3572
|
function KYCIntroPage({
|
|
3565
3573
|
screenId = "intro",
|
|
3566
3574
|
onClose,
|
|
3567
|
-
title
|
|
3568
|
-
description
|
|
3575
|
+
title,
|
|
3576
|
+
description,
|
|
3569
3577
|
checklistItems = DEFAULT_INTRO_CHECKLIST,
|
|
3570
3578
|
banners = [],
|
|
3571
3579
|
legalNotice,
|
|
3572
|
-
primaryAction
|
|
3580
|
+
primaryAction,
|
|
3573
3581
|
className,
|
|
3574
|
-
containerMode = "fullscreen"
|
|
3582
|
+
containerMode = "fullscreen",
|
|
3583
|
+
backLabel,
|
|
3584
|
+
closeLabel
|
|
3575
3585
|
}) {
|
|
3576
3586
|
return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, containerMode, children: [
|
|
3577
|
-
onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose }),
|
|
3587
|
+
onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
|
|
3578
3588
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
3579
3589
|
"div",
|
|
3580
3590
|
{
|
|
@@ -3633,7 +3643,7 @@ function KYCIntroPage({
|
|
|
3633
3643
|
)) }),
|
|
3634
3644
|
legalNotice && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[320px] text-[length:var(--deframe-widget-font-size-xs)] leading-[var(--deframe-widget-font-leading-sm)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: legalNotice })
|
|
3635
3645
|
] }),
|
|
3636
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: renderKYCActionButton(primaryAction, 0) })
|
|
3646
|
+
primaryAction && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full", children: renderKYCActionButton(primaryAction, 0) })
|
|
3637
3647
|
]
|
|
3638
3648
|
}
|
|
3639
3649
|
)
|
|
@@ -3646,10 +3656,13 @@ function KYCLoadingPage({
|
|
|
3646
3656
|
description,
|
|
3647
3657
|
note,
|
|
3648
3658
|
className,
|
|
3649
|
-
containerMode = "fullscreen"
|
|
3659
|
+
containerMode = "fullscreen",
|
|
3660
|
+
backLabel,
|
|
3661
|
+
closeLabel,
|
|
3662
|
+
loadingLabel
|
|
3650
3663
|
}) {
|
|
3651
3664
|
return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, className, containerMode, children: [
|
|
3652
|
-
onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose }),
|
|
3665
|
+
onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
|
|
3653
3666
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--deframe-widget-size-gap-xl)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-xl)] text-center", children: [
|
|
3654
3667
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3655
3668
|
"div",
|
|
@@ -3668,7 +3681,8 @@ function KYCLoadingPage({
|
|
|
3668
3681
|
] }),
|
|
3669
3682
|
note && /* @__PURE__ */ jsxRuntime.jsx(KYCMessageBanner, { variant: "info", children: note }),
|
|
3670
3683
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: [
|
|
3671
|
-
|
|
3684
|
+
loadingLabel,
|
|
3685
|
+
" ",
|
|
3672
3686
|
/* @__PURE__ */ jsxRuntime.jsx(LoadingDots, {})
|
|
3673
3687
|
] })
|
|
3674
3688
|
] })
|
|
@@ -3688,10 +3702,12 @@ function KYCReviewPage({
|
|
|
3688
3702
|
banners = [],
|
|
3689
3703
|
actions = [],
|
|
3690
3704
|
className,
|
|
3691
|
-
containerMode = "fullscreen"
|
|
3705
|
+
containerMode = "fullscreen",
|
|
3706
|
+
backLabel,
|
|
3707
|
+
closeLabel
|
|
3692
3708
|
}) {
|
|
3693
3709
|
return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, className, containerMode, children: [
|
|
3694
|
-
/* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onClose }),
|
|
3710
|
+
/* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onClose, backLabel, closeLabel }),
|
|
3695
3711
|
/* @__PURE__ */ jsxRuntime.jsxs(PageBody2, { children: [
|
|
3696
3712
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-lg)]", children: [
|
|
3697
3713
|
/* @__PURE__ */ jsxRuntime.jsx(KYCPageSection, { title, description }),
|
|
@@ -3720,10 +3736,12 @@ function KYCReviewPageSkeleton({
|
|
|
3720
3736
|
onClose,
|
|
3721
3737
|
step = 3,
|
|
3722
3738
|
totalSteps = 4,
|
|
3723
|
-
containerMode = "fullscreen"
|
|
3739
|
+
containerMode = "fullscreen",
|
|
3740
|
+
backLabel,
|
|
3741
|
+
closeLabel
|
|
3724
3742
|
}) {
|
|
3725
3743
|
return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, containerMode, children: [
|
|
3726
|
-
/* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onClose }),
|
|
3744
|
+
/* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { step, totalSteps, onClose, backLabel, closeLabel }),
|
|
3727
3745
|
/* @__PURE__ */ jsxRuntime.jsxs(PageBody3, { children: [
|
|
3728
3746
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-lg)]", children: [
|
|
3729
3747
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-xs)]", children: [
|
|
@@ -3814,13 +3832,15 @@ function KYCStatusPage({
|
|
|
3814
3832
|
actions = [],
|
|
3815
3833
|
footer,
|
|
3816
3834
|
className,
|
|
3817
|
-
containerMode = "fullscreen"
|
|
3835
|
+
containerMode = "fullscreen",
|
|
3836
|
+
backLabel,
|
|
3837
|
+
closeLabel
|
|
3818
3838
|
}) {
|
|
3819
3839
|
var _a;
|
|
3820
3840
|
const effectiveStatus = (_a = panelStatus != null ? panelStatus : status) != null ? _a : "reviewing";
|
|
3821
3841
|
const effectiveCards = cards != null ? cards : [{ status: resolveCardStatus(effectiveStatus), fields: DEFAULT_STATUS_FIELDS }];
|
|
3822
3842
|
return /* @__PURE__ */ jsxRuntime.jsxs(KYCPageShell, { screenId, className, containerMode, children: [
|
|
3823
|
-
onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose }),
|
|
3843
|
+
onClose && /* @__PURE__ */ jsxRuntime.jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
|
|
3824
3844
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col gap-[var(--deframe-widget-size-gap-md)] px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]", children: [
|
|
3825
3845
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-[var(--deframe-widget-size-radius-md)] border border-[color:var(--deframe-widget-color-border-secondary)] bg-[color:var(--deframe-widget-color-bg-secondary)]", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
3826
3846
|
KYCStatusPanel,
|
|
@@ -15687,7 +15707,8 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15687
15707
|
blockchainCost,
|
|
15688
15708
|
onCancel,
|
|
15689
15709
|
onTryAgain,
|
|
15690
|
-
className
|
|
15710
|
+
className,
|
|
15711
|
+
labels
|
|
15691
15712
|
}) {
|
|
15692
15713
|
const [showDetails, setShowDetails] = React6.useState(true);
|
|
15693
15714
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -15704,7 +15725,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15704
15725
|
{
|
|
15705
15726
|
onClick: onCancel,
|
|
15706
15727
|
className: "absolute top-4 right-4 flex items-center justify-center w-8 h-8 text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-text-primary)] transition cursor-pointer",
|
|
15707
|
-
"aria-label":
|
|
15728
|
+
"aria-label": labels.closeAriaLabel,
|
|
15708
15729
|
"data-test-id": "onchain-withdraw-signature-warning-close",
|
|
15709
15730
|
children: /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineClose, { className: "w-6 h-6" })
|
|
15710
15731
|
}
|
|
@@ -15717,7 +15738,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15717
15738
|
{
|
|
15718
15739
|
className: "text-[28px] [font-weight:var(--deframe-widget-font-weight-extrabold)] text-[color:var(--deframe-widget-color-text-primary)] leading-tight",
|
|
15719
15740
|
"data-test-id": "onchain-withdraw-signature-warning-title",
|
|
15720
|
-
children:
|
|
15741
|
+
children: labels.title
|
|
15721
15742
|
}
|
|
15722
15743
|
),
|
|
15723
15744
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -15725,7 +15746,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15725
15746
|
{
|
|
15726
15747
|
className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)] text-center",
|
|
15727
15748
|
"data-test-id": "onchain-withdraw-signature-warning-subtitle",
|
|
15728
|
-
children:
|
|
15749
|
+
children: labels.subtitle
|
|
15729
15750
|
}
|
|
15730
15751
|
)
|
|
15731
15752
|
] }),
|
|
@@ -15754,7 +15775,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15754
15775
|
{
|
|
15755
15776
|
className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
15756
15777
|
"data-test-id": "onchain-withdraw-signature-warning-sending-label",
|
|
15757
|
-
children:
|
|
15778
|
+
children: labels.sendingLabel
|
|
15758
15779
|
}
|
|
15759
15780
|
),
|
|
15760
15781
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -15776,7 +15797,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15776
15797
|
{
|
|
15777
15798
|
className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
15778
15799
|
"data-test-id": "onchain-withdraw-signature-warning-destination-label",
|
|
15779
|
-
children:
|
|
15800
|
+
children: labels.destinationLabel
|
|
15780
15801
|
}
|
|
15781
15802
|
),
|
|
15782
15803
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -15803,10 +15824,10 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15803
15824
|
{
|
|
15804
15825
|
onClick: () => setShowDetails(!showDetails),
|
|
15805
15826
|
className: "flex justify-between items-center w-full text-left cursor-pointer p-4",
|
|
15806
|
-
"aria-label":
|
|
15827
|
+
"aria-label": labels.detailsAriaLabel,
|
|
15807
15828
|
"data-test-id": "onchain-withdraw-signature-warning-details-toggle",
|
|
15808
15829
|
children: [
|
|
15809
|
-
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)]", children:
|
|
15830
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)]", children: labels.detailsToggleLabel }),
|
|
15810
15831
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
15811
15832
|
md.MdOutlineExpandMore,
|
|
15812
15833
|
{
|
|
@@ -15826,7 +15847,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15826
15847
|
{
|
|
15827
15848
|
className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
15828
15849
|
"data-test-id": "onchain-withdraw-signature-warning-withdraw-amount-label",
|
|
15829
|
-
children:
|
|
15850
|
+
children: labels.withdrawAmountLabel
|
|
15830
15851
|
}
|
|
15831
15852
|
),
|
|
15832
15853
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -15848,7 +15869,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15848
15869
|
{
|
|
15849
15870
|
className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
15850
15871
|
"data-test-id": "onchain-withdraw-signature-warning-blockchain-cost-label",
|
|
15851
|
-
children:
|
|
15872
|
+
children: labels.blockchainCostLabel
|
|
15852
15873
|
}
|
|
15853
15874
|
),
|
|
15854
15875
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -15866,7 +15887,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15866
15887
|
{
|
|
15867
15888
|
className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
15868
15889
|
"data-test-id": "onchain-withdraw-signature-warning-receive-label",
|
|
15869
|
-
children:
|
|
15890
|
+
children: labels.receiveLabel
|
|
15870
15891
|
}
|
|
15871
15892
|
),
|
|
15872
15893
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -15898,7 +15919,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15898
15919
|
className: "flex-1",
|
|
15899
15920
|
onClick: onCancel,
|
|
15900
15921
|
"data-test-id": "onchain-withdraw-signature-warning-cancel",
|
|
15901
|
-
children:
|
|
15922
|
+
children: labels.cancelLabel
|
|
15902
15923
|
}
|
|
15903
15924
|
),
|
|
15904
15925
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -15907,7 +15928,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15907
15928
|
className: "flex-1",
|
|
15908
15929
|
onClick: onTryAgain,
|
|
15909
15930
|
"data-test-id": "onchain-withdraw-signature-warning-retry",
|
|
15910
|
-
children:
|
|
15931
|
+
children: labels.retryLabel
|
|
15911
15932
|
}
|
|
15912
15933
|
)
|
|
15913
15934
|
]
|
|
@@ -15924,7 +15945,8 @@ var OnchainWithdrawSignatureWarningSimpleView = ({
|
|
|
15924
15945
|
tokenLogoURI,
|
|
15925
15946
|
chainName,
|
|
15926
15947
|
chainIconUrl,
|
|
15927
|
-
formattedAmount
|
|
15948
|
+
formattedAmount,
|
|
15949
|
+
labels
|
|
15928
15950
|
}) => {
|
|
15929
15951
|
React6__namespace.useEffect(() => {
|
|
15930
15952
|
if (!onCancel) return;
|
|
@@ -15935,10 +15957,10 @@ var OnchainWithdrawSignatureWarningSimpleView = ({
|
|
|
15935
15957
|
EarnFeedbackOverlaySimpleView,
|
|
15936
15958
|
{
|
|
15937
15959
|
variant: "warning",
|
|
15938
|
-
title:
|
|
15939
|
-
subtitle:
|
|
15960
|
+
title: labels.title,
|
|
15961
|
+
subtitle: labels.subtitle,
|
|
15940
15962
|
formData: {
|
|
15941
|
-
headerTitle:
|
|
15963
|
+
headerTitle: labels.title,
|
|
15942
15964
|
tokenSymbol,
|
|
15943
15965
|
tokenLogoURI,
|
|
15944
15966
|
chainLabel: chainName,
|
|
@@ -15948,7 +15970,7 @@ var OnchainWithdrawSignatureWarningSimpleView = ({
|
|
|
15948
15970
|
}
|
|
15949
15971
|
) });
|
|
15950
15972
|
};
|
|
15951
|
-
function KycLoadingView({ message
|
|
15973
|
+
function KycLoadingView({ message }) {
|
|
15952
15974
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
15953
15975
|
"div",
|
|
15954
15976
|
{
|
|
@@ -16790,7 +16812,8 @@ function OnrampSuccessView({
|
|
|
16790
16812
|
summaryItems = [],
|
|
16791
16813
|
onNewDeposit,
|
|
16792
16814
|
onGoToDashboard,
|
|
16793
|
-
className
|
|
16815
|
+
className,
|
|
16816
|
+
labels
|
|
16794
16817
|
}) {
|
|
16795
16818
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
16796
16819
|
"div",
|
|
@@ -16804,17 +16827,14 @@ function OnrampSuccessView({
|
|
|
16804
16827
|
/* @__PURE__ */ jsxRuntime.jsxs(SuccessHeader, { children: [
|
|
16805
16828
|
/* @__PURE__ */ jsxRuntime.jsx(SuccessIcon3, {}),
|
|
16806
16829
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
|
|
16807
|
-
/* @__PURE__ */ jsxRuntime.jsx(SuccessTitle, { children:
|
|
16808
|
-
/* @__PURE__ */ jsxRuntime.
|
|
16809
|
-
amount,
|
|
16810
|
-
" BRLA foram adicionados \xE0 sua carteira."
|
|
16811
|
-
] })
|
|
16830
|
+
/* @__PURE__ */ jsxRuntime.jsx(SuccessTitle, { children: labels.title }),
|
|
16831
|
+
/* @__PURE__ */ jsxRuntime.jsx(SuccessDescription, { children: labels.descriptionTemplate.replace("{{amount}}", amount != null ? amount : "") })
|
|
16812
16832
|
] })
|
|
16813
16833
|
] }),
|
|
16814
16834
|
/* @__PURE__ */ jsxRuntime.jsx(DepositCard, { children: /* @__PURE__ */ jsxRuntime.jsxs(DepositRow, { children: [
|
|
16815
16835
|
/* @__PURE__ */ jsxRuntime.jsx(DepositIcon, {}),
|
|
16816
16836
|
/* @__PURE__ */ jsxRuntime.jsxs(DepositInfo, { children: [
|
|
16817
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]", children:
|
|
16837
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.depositLabel }),
|
|
16818
16838
|
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[14px] font-semibold text-[color:var(--deframe-widget-color-text-secondary)]", children: [
|
|
16819
16839
|
amount,
|
|
16820
16840
|
" BRLA"
|
|
@@ -16835,18 +16855,18 @@ function OnrampSuccessView({
|
|
|
16835
16855
|
SecondaryButton,
|
|
16836
16856
|
{
|
|
16837
16857
|
onClick: onNewDeposit,
|
|
16838
|
-
"aria-label":
|
|
16858
|
+
"aria-label": labels.newDepositAriaLabel,
|
|
16839
16859
|
"data-test-id": "onramp-success-new-deposit",
|
|
16840
|
-
children:
|
|
16860
|
+
children: labels.newDepositLabel
|
|
16841
16861
|
}
|
|
16842
16862
|
),
|
|
16843
16863
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
16844
16864
|
PrimaryButton,
|
|
16845
16865
|
{
|
|
16846
16866
|
onClick: onGoToDashboard,
|
|
16847
|
-
"aria-label":
|
|
16867
|
+
"aria-label": labels.goToDashboardAriaLabel,
|
|
16848
16868
|
"data-test-id": "onramp-success-go-dashboard",
|
|
16849
|
-
children:
|
|
16869
|
+
children: labels.goToDashboardLabel
|
|
16850
16870
|
}
|
|
16851
16871
|
)
|
|
16852
16872
|
] })
|
|
@@ -16895,7 +16915,8 @@ function OfframpInputFormView({
|
|
|
16895
16915
|
backIcon,
|
|
16896
16916
|
tokenIconUrl = "/brladigital_32.webp",
|
|
16897
16917
|
flagIconUrl = "/brazil-flag-rounded.png",
|
|
16898
|
-
className
|
|
16918
|
+
className,
|
|
16919
|
+
labels
|
|
16899
16920
|
}) {
|
|
16900
16921
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
16901
16922
|
"div",
|
|
@@ -16912,11 +16933,11 @@ function OfframpInputFormView({
|
|
|
16912
16933
|
{
|
|
16913
16934
|
onClick: onBack,
|
|
16914
16935
|
className: "flex items-center gap-2 mb-4 cursor-pointer",
|
|
16915
|
-
"aria-label":
|
|
16936
|
+
"aria-label": labels.backAriaLabel,
|
|
16916
16937
|
"data-test-id": "offramp-input-form-back-button",
|
|
16917
16938
|
children: [
|
|
16918
16939
|
backIcon || defaultBackIcon2,
|
|
16919
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-medium", children:
|
|
16940
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-medium", children: labels.backLabel })
|
|
16920
16941
|
]
|
|
16921
16942
|
}
|
|
16922
16943
|
),
|
|
@@ -16931,8 +16952,8 @@ function OfframpInputFormView({
|
|
|
16931
16952
|
}
|
|
16932
16953
|
),
|
|
16933
16954
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
|
|
16934
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextHeading, { variant: "h3", children:
|
|
16935
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children:
|
|
16955
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextHeading, { variant: "h3", children: labels.title }),
|
|
16956
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.subtitle })
|
|
16936
16957
|
] }),
|
|
16937
16958
|
/* @__PURE__ */ jsxRuntime.jsxs(ListItem, { children: [
|
|
16938
16959
|
/* @__PURE__ */ jsxRuntime.jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -16944,7 +16965,7 @@ function OfframpInputFormView({
|
|
|
16944
16965
|
}
|
|
16945
16966
|
) }),
|
|
16946
16967
|
/* @__PURE__ */ jsxRuntime.jsxs(ListItemContent, { className: "ml-4", children: [
|
|
16947
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children:
|
|
16968
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: labels.balanceLabel }),
|
|
16948
16969
|
/* @__PURE__ */ jsxRuntime.jsxs(TextHeading, { variant: "h5", className: "ml-2", children: [
|
|
16949
16970
|
brlaBalance,
|
|
16950
16971
|
" BRLA"
|
|
@@ -16952,7 +16973,7 @@ function OfframpInputFormView({
|
|
|
16952
16973
|
] })
|
|
16953
16974
|
] }),
|
|
16954
16975
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
|
|
16955
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children:
|
|
16976
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children: labels.amountQuestion }),
|
|
16956
16977
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-[var(--deframe-widget-color-bg-secondary)] border border-[var(--deframe-widget-color-border-secondary)] rounded-[var(--deframe-widget-size-radius-sm)] p-4 flex items-center justify-between", children: [
|
|
16957
16978
|
/* @__PURE__ */ jsxRuntime.jsx("img", { src: flagIconUrl, alt: "BRL", className: "w-6 h-6 rounded-full" }),
|
|
16958
16979
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -16970,7 +16991,7 @@ function OfframpInputFormView({
|
|
|
16970
16991
|
},
|
|
16971
16992
|
placeholder: "R$0.00",
|
|
16972
16993
|
className: "w-full bg-transparent text-right text-[28px] font-extrabold text-[color:var(--deframe-widget-color-text-primary)] outline-none",
|
|
16973
|
-
"aria-label":
|
|
16994
|
+
"aria-label": labels.amountAriaLabel,
|
|
16974
16995
|
"data-test-id": "offramp-input-form-amount"
|
|
16975
16996
|
}
|
|
16976
16997
|
)
|
|
@@ -16980,14 +17001,14 @@ function OfframpInputFormView({
|
|
|
16980
17001
|
{
|
|
16981
17002
|
onClick: onMaxClick,
|
|
16982
17003
|
className: "text-[length:var(--deframe-widget-font-size-sm)]",
|
|
16983
|
-
"aria-label":
|
|
16984
|
-
children:
|
|
17004
|
+
"aria-label": labels.maxAriaLabel,
|
|
17005
|
+
children: labels.maxLabel
|
|
16985
17006
|
}
|
|
16986
17007
|
) }),
|
|
16987
17008
|
hasActiveWithdrawal && /* @__PURE__ */ jsxRuntime.jsx(
|
|
16988
17009
|
BannerNotification,
|
|
16989
17010
|
{
|
|
16990
|
-
message:
|
|
17011
|
+
message: labels.activeWithdrawalWarning,
|
|
16991
17012
|
variant: "warning"
|
|
16992
17013
|
}
|
|
16993
17014
|
),
|
|
@@ -17000,16 +17021,16 @@ function OfframpInputFormView({
|
|
|
17000
17021
|
)
|
|
17001
17022
|
] }),
|
|
17002
17023
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
|
|
17003
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children:
|
|
17024
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children: labels.pixKeyQuestion }),
|
|
17004
17025
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17005
17026
|
Input2,
|
|
17006
17027
|
{
|
|
17007
17028
|
type: "text",
|
|
17008
17029
|
value: pixKey,
|
|
17009
17030
|
onChange: (e) => onPixKeyChange(e.target.value),
|
|
17010
|
-
placeholder:
|
|
17031
|
+
placeholder: labels.pixKeyPlaceholder,
|
|
17011
17032
|
className: "w-full h-12 text-[length:var(--deframe-widget-font-size-md)] border border-[var(--deframe-widget-color-border-secondary)] rounded-[var(--deframe-widget-size-radius-sm)] bg-[var(--deframe-widget-color-bg-secondary)]",
|
|
17012
|
-
"aria-label":
|
|
17033
|
+
"aria-label": labels.pixKeyAriaLabel,
|
|
17013
17034
|
"data-test-id": "offramp-input-form-pix-key"
|
|
17014
17035
|
}
|
|
17015
17036
|
),
|
|
@@ -17017,7 +17038,7 @@ function OfframpInputFormView({
|
|
|
17017
17038
|
BannerNotification,
|
|
17018
17039
|
{
|
|
17019
17040
|
variant: "info",
|
|
17020
|
-
message:
|
|
17041
|
+
message: labels.pixKeyInfo
|
|
17021
17042
|
}
|
|
17022
17043
|
)
|
|
17023
17044
|
] }),
|
|
@@ -17035,7 +17056,7 @@ function OfframpInputFormView({
|
|
|
17035
17056
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17036
17057
|
BannerNotification,
|
|
17037
17058
|
{
|
|
17038
|
-
message:
|
|
17059
|
+
message: labels.signatureInfo,
|
|
17039
17060
|
variant: "info"
|
|
17040
17061
|
}
|
|
17041
17062
|
),
|
|
@@ -17051,7 +17072,7 @@ function OfframpInputFormView({
|
|
|
17051
17072
|
{
|
|
17052
17073
|
onClick: onSubmit,
|
|
17053
17074
|
disabled: submitDisabled,
|
|
17054
|
-
"aria-label":
|
|
17075
|
+
"aria-label": labels.submitAriaLabel,
|
|
17055
17076
|
"data-test-id": "offramp-input-form-submit",
|
|
17056
17077
|
children: submitLabel
|
|
17057
17078
|
}
|
|
@@ -17605,7 +17626,8 @@ function OfframpProcessingView({
|
|
|
17605
17626
|
onClose,
|
|
17606
17627
|
closeIcon,
|
|
17607
17628
|
tokenIconUrl = "/brladigital_32.webp",
|
|
17608
|
-
className
|
|
17629
|
+
className,
|
|
17630
|
+
labels
|
|
17609
17631
|
}) {
|
|
17610
17632
|
const progressPercent = step === "creating_ticket" ? 50 : step === "transferring" ? 75 : 85;
|
|
17611
17633
|
const prepareStatus = step === "creating_ticket" ? "processing" : "done";
|
|
@@ -17630,7 +17652,7 @@ function OfframpProcessingView({
|
|
|
17630
17652
|
{
|
|
17631
17653
|
onClick: onClose,
|
|
17632
17654
|
className: "flex items-center justify-center w-8 h-8 text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-text-primary)] transition mb-4",
|
|
17633
|
-
"aria-label":
|
|
17655
|
+
"aria-label": labels.closeAriaLabel,
|
|
17634
17656
|
"data-test-id": "offramp-processing-close-button",
|
|
17635
17657
|
children: closeIcon || defaultCloseIcon
|
|
17636
17658
|
}
|
|
@@ -17642,14 +17664,14 @@ function OfframpProcessingView({
|
|
|
17642
17664
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 bg-[#F6A700] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-10 h-10 animate-pulse", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 2v6h.01L6 8.01 10 12l-4 4 .01.01H6V22h12v-5.99h-.01L18 16l-4-4 4-3.99-.01-.01H18V2H6zm10 14.5V20H8v-3.5l4-4 4 4zm-4-5l-4-4V4h8v3.5l-4 4z" }) }) }),
|
|
17643
17665
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
17644
17666
|
/* @__PURE__ */ jsxRuntime.jsxs(TextHeading, { variant: "h3", className: "mb-2 flex items-center justify-center gap-1", children: [
|
|
17645
|
-
|
|
17667
|
+
labels.title,
|
|
17646
17668
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex gap-0.5", children: [
|
|
17647
17669
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-bounce", style: { animationDelay: "0ms", animationDuration: "1.4s" }, children: "." }),
|
|
17648
17670
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-bounce", style: { animationDelay: "200ms", animationDuration: "1.4s" }, children: "." }),
|
|
17649
17671
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "animate-bounce", style: { animationDelay: "400ms", animationDuration: "1.4s" }, children: "." })
|
|
17650
17672
|
] })
|
|
17651
17673
|
] }),
|
|
17652
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children:
|
|
17674
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.subtitle })
|
|
17653
17675
|
] })
|
|
17654
17676
|
] }),
|
|
17655
17677
|
/* @__PURE__ */ jsxRuntime.jsxs(ListItem, { children: [
|
|
@@ -17662,7 +17684,7 @@ function OfframpProcessingView({
|
|
|
17662
17684
|
}
|
|
17663
17685
|
) }),
|
|
17664
17686
|
/* @__PURE__ */ jsxRuntime.jsxs(ListItemContent, { className: "ml-4", children: [
|
|
17665
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children:
|
|
17687
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: labels.amountLabel }),
|
|
17666
17688
|
/* @__PURE__ */ jsxRuntime.jsxs(TextHeading, { variant: "h5", className: "ml-2", children: [
|
|
17667
17689
|
amount,
|
|
17668
17690
|
" BRLA"
|
|
@@ -17684,25 +17706,26 @@ function OfframpProcessingView({
|
|
|
17684
17706
|
breakdown: [
|
|
17685
17707
|
{
|
|
17686
17708
|
type: "prepare_withdrawal",
|
|
17687
|
-
description:
|
|
17709
|
+
description: labels.prepareStepLabel,
|
|
17688
17710
|
status: mapStatus(prepareStatus)
|
|
17689
17711
|
},
|
|
17690
17712
|
{
|
|
17691
17713
|
type: "blockchain_signature",
|
|
17692
|
-
description:
|
|
17714
|
+
description: labels.signatureStepLabel,
|
|
17693
17715
|
status: mapStatus(signatureStatus),
|
|
17694
17716
|
explorerUrl: transferTxHash ? `https://polygonscan.com/tx/${transferTxHash}` : void 0
|
|
17695
17717
|
},
|
|
17696
17718
|
{
|
|
17697
17719
|
type: "pix_transfer",
|
|
17698
|
-
description:
|
|
17720
|
+
description: labels.pixTransferStepLabel,
|
|
17699
17721
|
status: mapStatus(sendStatus)
|
|
17700
17722
|
}
|
|
17701
17723
|
]
|
|
17702
17724
|
}
|
|
17703
17725
|
),
|
|
17704
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full space-y-3", children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { disabled: true, "aria-label":
|
|
17705
|
-
|
|
17726
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full space-y-3", children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { disabled: true, "aria-label": labels.waitingButtonAriaLabel, children: [
|
|
17727
|
+
labels.waitingButtonLabel,
|
|
17728
|
+
" ",
|
|
17706
17729
|
/* @__PURE__ */ jsxRuntime.jsx(LoadingDots, {})
|
|
17707
17730
|
] }) })
|
|
17708
17731
|
] }) })
|
|
@@ -17759,7 +17782,8 @@ function OfframpSuccessView({
|
|
|
17759
17782
|
closeIcon,
|
|
17760
17783
|
arrowUpIcon,
|
|
17761
17784
|
tokenIconUrl = "/brladigital_32.webp",
|
|
17762
|
-
className
|
|
17785
|
+
className,
|
|
17786
|
+
labels
|
|
17763
17787
|
}) {
|
|
17764
17788
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
17765
17789
|
"div",
|
|
@@ -17776,7 +17800,7 @@ function OfframpSuccessView({
|
|
|
17776
17800
|
{
|
|
17777
17801
|
onClick: onClose,
|
|
17778
17802
|
className: "flex items-center justify-center w-8 h-8 text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-text-primary)] transition mb-4",
|
|
17779
|
-
"aria-label":
|
|
17803
|
+
"aria-label": labels.closeAriaLabel,
|
|
17780
17804
|
"data-test-id": "offramp-success-close-button",
|
|
17781
17805
|
children: closeIcon || defaultCloseIcon2
|
|
17782
17806
|
}
|
|
@@ -17787,14 +17811,14 @@ function OfframpSuccessView({
|
|
|
17787
17811
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center text-center space-y-4", children: [
|
|
17788
17812
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 bg-[#1FC16B]/20 rounded-full flex items-center justify-center", children: arrowUpIcon || defaultArrowUpIcon }),
|
|
17789
17813
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
17790
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextHeading, { variant: "h3", className: "mb-2", children:
|
|
17791
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children:
|
|
17814
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextHeading, { variant: "h3", className: "mb-2", children: labels.title }),
|
|
17815
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.subtitle })
|
|
17792
17816
|
] })
|
|
17793
17817
|
] }),
|
|
17794
17818
|
/* @__PURE__ */ jsxRuntime.jsxs(ListItem, { children: [
|
|
17795
17819
|
/* @__PURE__ */ jsxRuntime.jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsxRuntime.jsx("img", { src: tokenIconUrl, alt: "Token", className: "w-10 h-10 rounded-full" }) }),
|
|
17796
17820
|
/* @__PURE__ */ jsxRuntime.jsxs(ListItemContent, { className: "ml-4", children: [
|
|
17797
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children:
|
|
17821
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: labels.amountLabel }),
|
|
17798
17822
|
/* @__PURE__ */ jsxRuntime.jsxs(TextHeading, { variant: "h5", className: "ml-2", children: [
|
|
17799
17823
|
amount,
|
|
17800
17824
|
" BRLA"
|
|
@@ -17803,33 +17827,33 @@ function OfframpSuccessView({
|
|
|
17803
17827
|
] }),
|
|
17804
17828
|
/* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 w-full inline-flex flex-col justify-start items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col justify-start items-start gap-2", children: [
|
|
17805
17829
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17806
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17830
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.withdrawAmountLabel }),
|
|
17807
17831
|
/* @__PURE__ */ jsxRuntime.jsxs(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: [
|
|
17808
17832
|
amount,
|
|
17809
17833
|
" BRLA"
|
|
17810
17834
|
] })
|
|
17811
17835
|
] }),
|
|
17812
17836
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17813
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17837
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.feeLabel }),
|
|
17814
17838
|
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: feesFormatted })
|
|
17815
17839
|
] }),
|
|
17816
17840
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17817
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17818
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children:
|
|
17841
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.methodLabel }),
|
|
17842
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: labels.methodValue })
|
|
17819
17843
|
] }),
|
|
17820
17844
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-8 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17821
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17845
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.statusLabel }),
|
|
17822
17846
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-2 py-0.5 bg-[#1FC16B]/10 rounded-3xl flex justify-end items-center gap-2", children: [
|
|
17823
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-primary)] leading-5", children:
|
|
17847
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: labels.statusValue }),
|
|
17824
17848
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 bg-teal-600 rounded-full" })
|
|
17825
17849
|
] })
|
|
17826
17850
|
] }),
|
|
17827
17851
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17828
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17852
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.transactionIdLabel }),
|
|
17829
17853
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-start items-center gap-2", children: transactionId ? /* @__PURE__ */ jsxRuntime.jsx(TransactionIdDisplay, { transactionId }) : /* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: "-" }) })
|
|
17830
17854
|
] }),
|
|
17831
17855
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17832
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17856
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.dateLabel }),
|
|
17833
17857
|
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: date })
|
|
17834
17858
|
] })
|
|
17835
17859
|
] }) }) }),
|
|
@@ -17837,9 +17861,9 @@ function OfframpSuccessView({
|
|
|
17837
17861
|
PrimaryButton,
|
|
17838
17862
|
{
|
|
17839
17863
|
onClick: onConfirm,
|
|
17840
|
-
"aria-label":
|
|
17864
|
+
"aria-label": labels.confirmAriaLabel,
|
|
17841
17865
|
"data-test-id": "offramp-success-confirm-button",
|
|
17842
|
-
children:
|
|
17866
|
+
children: labels.confirmLabel
|
|
17843
17867
|
}
|
|
17844
17868
|
)
|
|
17845
17869
|
] }) })
|
|
@@ -17953,7 +17977,8 @@ var DashboardTokenListView = ({
|
|
|
17953
17977
|
isLoading,
|
|
17954
17978
|
className,
|
|
17955
17979
|
showCard = true,
|
|
17956
|
-
onDepositClick
|
|
17980
|
+
onDepositClick,
|
|
17981
|
+
labels
|
|
17957
17982
|
}) => {
|
|
17958
17983
|
const [searchQuery, setSearchQuery] = React6.useState("");
|
|
17959
17984
|
const filteredTokens = tokens.filter((token) => {
|
|
@@ -17963,14 +17988,14 @@ var DashboardTokenListView = ({
|
|
|
17963
17988
|
return token.symbol.toLowerCase().includes(query) || token.name.toLowerCase().includes(query);
|
|
17964
17989
|
});
|
|
17965
17990
|
const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-test-id": "dashboard-token-list", children: [
|
|
17966
|
-
showCard && /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children:
|
|
17991
|
+
showCard && /* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: labels.title }),
|
|
17967
17992
|
!isLoading && tokens.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "dashboard-token-search", className: `${showCard ? "mb-6" : "mt-6 mb-6"} h-14 bg-[var(--deframe-widget-color-bg-raised)] flex items-center justify-center w-full border border-[var(--deframe-widget-color-border-default)] px-2 py-0.5 rounded gap-1`, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex items-center relative", children: [
|
|
17968
17993
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
17969
17994
|
Input2,
|
|
17970
17995
|
{
|
|
17971
17996
|
"data-test-id": "dashboard-token-search-input",
|
|
17972
17997
|
type: "text",
|
|
17973
|
-
placeholder:
|
|
17998
|
+
placeholder: labels.searchPlaceholder,
|
|
17974
17999
|
value: searchQuery,
|
|
17975
18000
|
onChange: (e) => setSearchQuery(e.target.value),
|
|
17976
18001
|
className: "w-full h-full p-4 pr-12"
|
|
@@ -18045,13 +18070,13 @@ var DashboardTokenListView = ({
|
|
|
18045
18070
|
className: "flex flex-col items-center justify-center",
|
|
18046
18071
|
children: searchQuery ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
18047
18072
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-full bg-[var(--deframe-widget-color-bg-muted)] flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineSearch, { className: "w-10 h-10 text-[var(--deframe-widget-color-text-secondary)]" }) }),
|
|
18048
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextHeading, { className: "text-center mb-4", children:
|
|
18049
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children:
|
|
18073
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextHeading, { className: "text-center mb-4", children: labels.emptySearchTitle }),
|
|
18074
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children: labels.emptySearchDescription })
|
|
18050
18075
|
] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
18051
18076
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-20 h-20 rounded-full bg-[var(--deframe-widget-color-bg-muted)] flex items-center justify-center mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(md.MdQrCodeScanner, { className: "w-10 h-10 text-[var(--deframe-widget-color-text-secondary)]" }) }),
|
|
18052
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextHeading, { className: "text-center mb-4", children:
|
|
18053
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children:
|
|
18054
|
-
onDepositClick && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onDepositClick, children: /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { children:
|
|
18077
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextHeading, { className: "text-center mb-4", children: labels.emptyDepositTitle }),
|
|
18078
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children: labels.emptyDepositDescription }),
|
|
18079
|
+
onDepositClick && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: onDepositClick, children: /* @__PURE__ */ jsxRuntime.jsx(PrimaryButton, { children: labels.depositCtaLabel }) })
|
|
18055
18080
|
] })
|
|
18056
18081
|
}
|
|
18057
18082
|
) })
|
|
@@ -18148,10 +18173,11 @@ var DashboardPortfolioView = ({
|
|
|
18148
18173
|
onWithdrawClick,
|
|
18149
18174
|
onSwapClick,
|
|
18150
18175
|
formattedTokenPositions,
|
|
18151
|
-
formattedEarnPositions
|
|
18176
|
+
formattedEarnPositions,
|
|
18177
|
+
labels
|
|
18152
18178
|
}) => {
|
|
18153
18179
|
return /* @__PURE__ */ jsxRuntime.jsx(DashboardCard, { className: "p-6 bg-[var(--deframe-widget-color-bg-subtle)]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full h-full", children: [
|
|
18154
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children:
|
|
18180
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: labels.title }),
|
|
18155
18181
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-8 bg-[var(--deframe-widget-color-bg-muted)] rounded w-64 animate-pulse" }, "skeleton") : /* @__PURE__ */ jsxRuntime.jsx(
|
|
18156
18182
|
framerMotion.motion.p,
|
|
18157
18183
|
{
|
|
@@ -18167,15 +18193,15 @@ var DashboardPortfolioView = ({
|
|
|
18167
18193
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex lg:hidden flex-row gap-2 sm:gap-4 mt-6 w-full", children: [
|
|
18168
18194
|
/* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-deposit-mobile", className: "flex-1 min-w-0 cursor-pointer", onClick: onDepositClick, children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
|
|
18169
18195
|
/* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineArrowUpward, { className: "w-4 h-4 shrink-0" }),
|
|
18170
|
-
|
|
18196
|
+
labels.depositLabel
|
|
18171
18197
|
] }) }),
|
|
18172
18198
|
/* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-withdraw-mobile", className: "flex-1 min-w-0 cursor-pointer", onClick: onWithdrawClick, children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
|
|
18173
18199
|
/* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineArrowDownward, { className: "w-4 h-4 shrink-0" }),
|
|
18174
|
-
|
|
18200
|
+
labels.withdrawLabel
|
|
18175
18201
|
] }) }),
|
|
18176
18202
|
/* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-swap-mobile", className: "flex-1 min-w-0 cursor-pointer", onClick: onSwapClick, children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
|
|
18177
18203
|
/* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineSwapHoriz, { className: "w-4 h-4 shrink-0" }),
|
|
18178
|
-
|
|
18204
|
+
labels.swapLabel
|
|
18179
18205
|
] }) })
|
|
18180
18206
|
] }),
|
|
18181
18207
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -18232,7 +18258,8 @@ function StatCardSkeletonBlock({ showDescription, className }) {
|
|
|
18232
18258
|
var DashboardPortfolioViewSimple = ({
|
|
18233
18259
|
formattedTotalValue,
|
|
18234
18260
|
isLoading,
|
|
18235
|
-
assetCount
|
|
18261
|
+
assetCount,
|
|
18262
|
+
labels
|
|
18236
18263
|
}) => {
|
|
18237
18264
|
if (isLoading) {
|
|
18238
18265
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -18257,7 +18284,7 @@ var DashboardPortfolioViewSimple = ({
|
|
|
18257
18284
|
),
|
|
18258
18285
|
children: [
|
|
18259
18286
|
/* @__PURE__ */ jsxRuntime.jsxs("article", { className: tailwindMerge.twMerge(cardClasses2, "self-stretch"), children: [
|
|
18260
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children:
|
|
18287
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children: labels.totalLabel }),
|
|
18261
18288
|
/* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
18262
18289
|
framerMotion.motion.p,
|
|
18263
18290
|
{
|
|
@@ -18271,10 +18298,10 @@ var DashboardPortfolioViewSimple = ({
|
|
|
18271
18298
|
},
|
|
18272
18299
|
"value"
|
|
18273
18300
|
) }),
|
|
18274
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-description", className: descriptionClasses, children:
|
|
18301
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-description", className: descriptionClasses, children: labels.totalDescription })
|
|
18275
18302
|
] }),
|
|
18276
18303
|
assetCount != null && /* @__PURE__ */ jsxRuntime.jsxs("article", { className: tailwindMerge.twMerge(cardClasses2, "self-stretch min-w-[160px]"), children: [
|
|
18277
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children:
|
|
18304
|
+
/* @__PURE__ */ jsxRuntime.jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children: labels.assetsLabel }),
|
|
18278
18305
|
/* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
18279
18306
|
framerMotion.motion.p,
|
|
18280
18307
|
{
|
|
@@ -18299,10 +18326,11 @@ var DashboardTokensView = ({
|
|
|
18299
18326
|
isLoadingBalances,
|
|
18300
18327
|
activeTab,
|
|
18301
18328
|
onTabChange,
|
|
18302
|
-
strategiesContent
|
|
18329
|
+
strategiesContent,
|
|
18330
|
+
labels
|
|
18303
18331
|
}) => {
|
|
18304
18332
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
18305
|
-
/* @__PURE__ */ jsxRuntime.jsx(DashboardTokenListView, { tokens: sortedRegularTokens, isLoading: isLoadingBalances, className: "hidden lg:block" }),
|
|
18333
|
+
/* @__PURE__ */ jsxRuntime.jsx(DashboardTokenListView, { tokens: sortedRegularTokens, isLoading: isLoadingBalances, className: "hidden lg:block", labels: labels.tokenList }),
|
|
18306
18334
|
/* @__PURE__ */ jsxRuntime.jsx(DashboardCard, { className: "lg:hidden p-6 bg-[var(--deframe-widget-color-bg-subtle)]", children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
18307
18335
|
Tabs,
|
|
18308
18336
|
{
|
|
@@ -18310,12 +18338,12 @@ var DashboardTokensView = ({
|
|
|
18310
18338
|
onValueChange: (value) => onTabChange(value),
|
|
18311
18339
|
children: [
|
|
18312
18340
|
/* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "w-full mb-3 flex justify-center", children: [
|
|
18313
|
-
/* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "tokens", children:
|
|
18314
|
-
/* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "strategies", children:
|
|
18341
|
+
/* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "tokens", children: labels.tokensTabLabel }),
|
|
18342
|
+
/* @__PURE__ */ jsxRuntime.jsx(TabsTrigger, { value: "strategies", children: labels.strategiesTabLabel })
|
|
18315
18343
|
] }),
|
|
18316
18344
|
/* @__PURE__ */ jsxRuntime.jsxs(TabsContent, { value: "tokens", children: [
|
|
18317
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children:
|
|
18318
|
-
/* @__PURE__ */ jsxRuntime.jsx(DashboardTokenListView, { tokens: regularTokens, isLoading: isLoadingBalances, showCard: false })
|
|
18345
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: labels.mobileTokensTitle }),
|
|
18346
|
+
/* @__PURE__ */ jsxRuntime.jsx(DashboardTokenListView, { tokens: regularTokens, isLoading: isLoadingBalances, showCard: false, labels: labels.tokenList })
|
|
18319
18347
|
] }),
|
|
18320
18348
|
/* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "strategies", children: strategiesContent })
|
|
18321
18349
|
]
|
|
@@ -18905,25 +18933,26 @@ var DashboardView = ({
|
|
|
18905
18933
|
recentTransactions,
|
|
18906
18934
|
investmentOpportunities,
|
|
18907
18935
|
quickActions,
|
|
18908
|
-
banner
|
|
18936
|
+
banner,
|
|
18937
|
+
labels
|
|
18909
18938
|
}) => {
|
|
18910
18939
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "dashboard-page", className: "w-full relative overflow-hidden mx-auto rounded p-6 lg:p-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 max-w-[1400px] mx-auto", children: [
|
|
18911
18940
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "lg:col-span-2 space-y-6", children: [
|
|
18912
18941
|
/* @__PURE__ */ jsxRuntime.jsx(DashboardPortfolioView, __spreadValues({}, portfolio)),
|
|
18913
18942
|
/* @__PURE__ */ jsxRuntime.jsx(DashboardCard, { "data-testid": "dashboard-quick-actions-card", className: "hidden lg:block p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col space-y-3", children: [
|
|
18914
|
-
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children:
|
|
18943
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextBody, { className: "mb-6", children: labels.quickActionsTitle }),
|
|
18915
18944
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-4 w-full", children: [
|
|
18916
18945
|
/* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-deposit", className: "flex-1 min-w-0 cursor-pointer", onClick: () => quickActions == null ? void 0 : quickActions.onDepositClick(), children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
|
|
18917
18946
|
/* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineArrowUpward, { className: "w-4 h-4 shrink-0" }),
|
|
18918
|
-
|
|
18947
|
+
labels.depositLabel
|
|
18919
18948
|
] }) }),
|
|
18920
18949
|
/* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-withdraw", className: "flex-1 min-w-0 cursor-pointer", onClick: () => quickActions == null ? void 0 : quickActions.onWithdrawClick(), children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
|
|
18921
18950
|
/* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineArrowDownward, { className: "w-4 h-4 shrink-0" }),
|
|
18922
|
-
|
|
18951
|
+
labels.withdrawLabel
|
|
18923
18952
|
] }) }),
|
|
18924
18953
|
/* @__PURE__ */ jsxRuntime.jsx("div", { "data-testid": "dashboard-quick-action-swap", className: "flex-1 min-w-0 cursor-pointer", onClick: () => quickActions == null ? void 0 : quickActions.onSwapClick(), children: /* @__PURE__ */ jsxRuntime.jsxs(PrimaryButton, { children: [
|
|
18925
18954
|
/* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineSwapHoriz, { className: "w-4 h-4 shrink-0" }),
|
|
18926
|
-
|
|
18955
|
+
labels.swapLabel
|
|
18927
18956
|
] }) })
|
|
18928
18957
|
] })
|
|
18929
18958
|
] }) }),
|
|
@@ -18944,7 +18973,8 @@ var DashboardView = ({
|
|
|
18944
18973
|
var DashboardViewSimple = ({
|
|
18945
18974
|
portfolio,
|
|
18946
18975
|
tokens,
|
|
18947
|
-
quickActions
|
|
18976
|
+
quickActions,
|
|
18977
|
+
labels
|
|
18948
18978
|
}) => {
|
|
18949
18979
|
const assetCount = tokens.sortedRegularTokens.filter((t) => !isDustValue(t.amountInUSD)).length;
|
|
18950
18980
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -18965,7 +18995,7 @@ var DashboardViewSimple = ({
|
|
|
18965
18995
|
{
|
|
18966
18996
|
"data-test-id": "dashboard-home-title",
|
|
18967
18997
|
className: "text-[color:var(--deframe-widget-color-text-primary)] text-[length:var(--deframe-widget-font-size-xxl)] [font-weight:var(--deframe-widget-font-weight-bold)] leading-[var(--deframe-widget-font-leading-xxl)] font-[var(--deframe-widget-font-family)]",
|
|
18968
|
-
children:
|
|
18998
|
+
children: labels.pageTitle
|
|
18969
18999
|
}
|
|
18970
19000
|
),
|
|
18971
19001
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -18973,7 +19003,7 @@ var DashboardViewSimple = ({
|
|
|
18973
19003
|
{
|
|
18974
19004
|
"data-test-id": "dashboard-home-subtitle",
|
|
18975
19005
|
className: "text-[color:var(--deframe-widget-color-text-secondary)] text-[length:var(--deframe-widget-font-size-sm)] leading-[var(--deframe-widget-font-leading-sm)] font-[var(--deframe-widget-font-family)]",
|
|
18976
|
-
children:
|
|
19006
|
+
children: labels.pageSubtitle
|
|
18977
19007
|
}
|
|
18978
19008
|
)
|
|
18979
19009
|
] }),
|
|
@@ -18988,7 +19018,7 @@ var DashboardViewSimple = ({
|
|
|
18988
19018
|
{
|
|
18989
19019
|
className: "w-auto py-[var(--deframe-widget-size-padding-y-sm)] [font-weight:var(--deframe-widget-font-weight-medium)]",
|
|
18990
19020
|
onClick: () => quickActions == null ? void 0 : quickActions.onDepositClick(),
|
|
18991
|
-
children:
|
|
19021
|
+
children: labels.depositLabel
|
|
18992
19022
|
}
|
|
18993
19023
|
),
|
|
18994
19024
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -18996,7 +19026,7 @@ var DashboardViewSimple = ({
|
|
|
18996
19026
|
{
|
|
18997
19027
|
className: "w-auto py-[var(--deframe-widget-size-padding-y-sm)] [font-weight:var(--deframe-widget-font-weight-medium)]",
|
|
18998
19028
|
onClick: () => quickActions == null ? void 0 : quickActions.onWithdrawClick(),
|
|
18999
|
-
children:
|
|
19029
|
+
children: labels.withdrawLabel
|
|
19000
19030
|
}
|
|
19001
19031
|
)
|
|
19002
19032
|
]
|