@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.mjs
CHANGED
|
@@ -3129,7 +3129,9 @@ function KYCPageHeader({
|
|
|
3129
3129
|
totalSteps,
|
|
3130
3130
|
onBack,
|
|
3131
3131
|
onClose,
|
|
3132
|
-
className
|
|
3132
|
+
className,
|
|
3133
|
+
backLabel,
|
|
3134
|
+
closeLabel
|
|
3133
3135
|
}) {
|
|
3134
3136
|
return /* @__PURE__ */ jsxs(
|
|
3135
3137
|
"div",
|
|
@@ -3141,9 +3143,9 @@ function KYCPageHeader({
|
|
|
3141
3143
|
className
|
|
3142
3144
|
),
|
|
3143
3145
|
children: [
|
|
3144
|
-
/* @__PURE__ */ jsx(IconButton, { onClick: onBack, label:
|
|
3146
|
+
/* @__PURE__ */ jsx(IconButton, { onClick: onBack, label: backLabel, testId: "kyc-back-button", children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6z" }) }) }),
|
|
3145
3147
|
typeof step === "number" && typeof totalSteps === "number" ? /* @__PURE__ */ jsx(KYCStepIndicator, { total: totalSteps, current: Math.max(step - 1, 0) }) : /* @__PURE__ */ jsx("div", { className: "h-9 flex-1", "aria-hidden": "true" }),
|
|
3146
|
-
/* @__PURE__ */ jsx(IconButton, { onClick: onClose, label:
|
|
3148
|
+
/* @__PURE__ */ jsx(IconButton, { onClick: onClose, label: closeLabel, testId: "kyc-close-button", children: /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12", strokeLinecap: "round" }) }) })
|
|
3147
3149
|
]
|
|
3148
3150
|
}
|
|
3149
3151
|
);
|
|
@@ -3236,10 +3238,12 @@ function KYCFormPage({
|
|
|
3236
3238
|
footer,
|
|
3237
3239
|
actions = [],
|
|
3238
3240
|
className,
|
|
3239
|
-
containerMode = "fullscreen"
|
|
3241
|
+
containerMode = "fullscreen",
|
|
3242
|
+
backLabel,
|
|
3243
|
+
closeLabel
|
|
3240
3244
|
}) {
|
|
3241
3245
|
return /* @__PURE__ */ jsxs(KYCPageShell, { screenId, className, containerMode, children: [
|
|
3242
|
-
/* @__PURE__ */ jsx(KYCPageHeader, { step, totalSteps, onBack, onClose }),
|
|
3246
|
+
/* @__PURE__ */ jsx(KYCPageHeader, { step, totalSteps, onBack, onClose, backLabel, closeLabel }),
|
|
3243
3247
|
/* @__PURE__ */ jsxs(PageBody, { children: [
|
|
3244
3248
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-lg)]", children: [
|
|
3245
3249
|
/* @__PURE__ */ jsx(KYCPageSection, { title, description }),
|
|
@@ -3311,7 +3315,9 @@ function KYCAddressPage({
|
|
|
3311
3315
|
banners = [],
|
|
3312
3316
|
actions,
|
|
3313
3317
|
containerMode = "fullscreen",
|
|
3314
|
-
onNext
|
|
3318
|
+
onNext,
|
|
3319
|
+
backLabel,
|
|
3320
|
+
closeLabel
|
|
3315
3321
|
}) {
|
|
3316
3322
|
const defaultActions = actions != null ? actions : [
|
|
3317
3323
|
{
|
|
@@ -3366,6 +3372,8 @@ function KYCAddressPage({
|
|
|
3366
3372
|
banners,
|
|
3367
3373
|
actions: defaultActions,
|
|
3368
3374
|
containerMode,
|
|
3375
|
+
backLabel,
|
|
3376
|
+
closeLabel,
|
|
3369
3377
|
children: [
|
|
3370
3378
|
cepField != null ? cepField : fallbackFields.cepField,
|
|
3371
3379
|
isLoading ? loadingContent != null ? loadingContent : /* @__PURE__ */ jsx(DefaultAddressLoadingContent, {}) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -3540,17 +3548,19 @@ function KYCEditPage(_a) {
|
|
|
3540
3548
|
function KYCIntroPage({
|
|
3541
3549
|
screenId = "intro",
|
|
3542
3550
|
onClose,
|
|
3543
|
-
title
|
|
3544
|
-
description
|
|
3551
|
+
title,
|
|
3552
|
+
description,
|
|
3545
3553
|
checklistItems = DEFAULT_INTRO_CHECKLIST,
|
|
3546
3554
|
banners = [],
|
|
3547
3555
|
legalNotice,
|
|
3548
|
-
primaryAction
|
|
3556
|
+
primaryAction,
|
|
3549
3557
|
className,
|
|
3550
|
-
containerMode = "fullscreen"
|
|
3558
|
+
containerMode = "fullscreen",
|
|
3559
|
+
backLabel,
|
|
3560
|
+
closeLabel
|
|
3551
3561
|
}) {
|
|
3552
3562
|
return /* @__PURE__ */ jsxs(KYCPageShell, { screenId, containerMode, children: [
|
|
3553
|
-
onClose && /* @__PURE__ */ jsx(KYCPageHeader, { onClose }),
|
|
3563
|
+
onClose && /* @__PURE__ */ jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
|
|
3554
3564
|
/* @__PURE__ */ jsxs(
|
|
3555
3565
|
"div",
|
|
3556
3566
|
{
|
|
@@ -3609,7 +3619,7 @@ function KYCIntroPage({
|
|
|
3609
3619
|
)) }),
|
|
3610
3620
|
legalNotice && /* @__PURE__ */ 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 })
|
|
3611
3621
|
] }),
|
|
3612
|
-
/* @__PURE__ */ jsx("div", { className: "w-full", children: renderKYCActionButton(primaryAction, 0) })
|
|
3622
|
+
primaryAction && /* @__PURE__ */ jsx("div", { className: "w-full", children: renderKYCActionButton(primaryAction, 0) })
|
|
3613
3623
|
]
|
|
3614
3624
|
}
|
|
3615
3625
|
)
|
|
@@ -3622,10 +3632,13 @@ function KYCLoadingPage({
|
|
|
3622
3632
|
description,
|
|
3623
3633
|
note,
|
|
3624
3634
|
className,
|
|
3625
|
-
containerMode = "fullscreen"
|
|
3635
|
+
containerMode = "fullscreen",
|
|
3636
|
+
backLabel,
|
|
3637
|
+
closeLabel,
|
|
3638
|
+
loadingLabel
|
|
3626
3639
|
}) {
|
|
3627
3640
|
return /* @__PURE__ */ jsxs(KYCPageShell, { screenId, className, containerMode, children: [
|
|
3628
|
-
onClose && /* @__PURE__ */ jsx(KYCPageHeader, { onClose }),
|
|
3641
|
+
onClose && /* @__PURE__ */ jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
|
|
3629
3642
|
/* @__PURE__ */ 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: [
|
|
3630
3643
|
/* @__PURE__ */ jsx(
|
|
3631
3644
|
"div",
|
|
@@ -3644,7 +3657,8 @@ function KYCLoadingPage({
|
|
|
3644
3657
|
] }),
|
|
3645
3658
|
note && /* @__PURE__ */ jsx(KYCMessageBanner, { variant: "info", children: note }),
|
|
3646
3659
|
/* @__PURE__ */ jsxs("div", { className: "text-[length:var(--deframe-widget-font-size-xs)] text-[color:var(--deframe-widget-color-text-tertiary)]", children: [
|
|
3647
|
-
|
|
3660
|
+
loadingLabel,
|
|
3661
|
+
" ",
|
|
3648
3662
|
/* @__PURE__ */ jsx(LoadingDots, {})
|
|
3649
3663
|
] })
|
|
3650
3664
|
] })
|
|
@@ -3664,10 +3678,12 @@ function KYCReviewPage({
|
|
|
3664
3678
|
banners = [],
|
|
3665
3679
|
actions = [],
|
|
3666
3680
|
className,
|
|
3667
|
-
containerMode = "fullscreen"
|
|
3681
|
+
containerMode = "fullscreen",
|
|
3682
|
+
backLabel,
|
|
3683
|
+
closeLabel
|
|
3668
3684
|
}) {
|
|
3669
3685
|
return /* @__PURE__ */ jsxs(KYCPageShell, { screenId, className, containerMode, children: [
|
|
3670
|
-
/* @__PURE__ */ jsx(KYCPageHeader, { step, totalSteps, onClose }),
|
|
3686
|
+
/* @__PURE__ */ jsx(KYCPageHeader, { step, totalSteps, onClose, backLabel, closeLabel }),
|
|
3671
3687
|
/* @__PURE__ */ jsxs(PageBody2, { children: [
|
|
3672
3688
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-lg)]", children: [
|
|
3673
3689
|
/* @__PURE__ */ jsx(KYCPageSection, { title, description }),
|
|
@@ -3696,10 +3712,12 @@ function KYCReviewPageSkeleton({
|
|
|
3696
3712
|
onClose,
|
|
3697
3713
|
step = 3,
|
|
3698
3714
|
totalSteps = 4,
|
|
3699
|
-
containerMode = "fullscreen"
|
|
3715
|
+
containerMode = "fullscreen",
|
|
3716
|
+
backLabel,
|
|
3717
|
+
closeLabel
|
|
3700
3718
|
}) {
|
|
3701
3719
|
return /* @__PURE__ */ jsxs(KYCPageShell, { screenId, containerMode, children: [
|
|
3702
|
-
/* @__PURE__ */ jsx(KYCPageHeader, { step, totalSteps, onClose }),
|
|
3720
|
+
/* @__PURE__ */ jsx(KYCPageHeader, { step, totalSteps, onClose, backLabel, closeLabel }),
|
|
3703
3721
|
/* @__PURE__ */ jsxs(PageBody3, { children: [
|
|
3704
3722
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-lg)]", children: [
|
|
3705
3723
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-xs)]", children: [
|
|
@@ -3790,13 +3808,15 @@ function KYCStatusPage({
|
|
|
3790
3808
|
actions = [],
|
|
3791
3809
|
footer,
|
|
3792
3810
|
className,
|
|
3793
|
-
containerMode = "fullscreen"
|
|
3811
|
+
containerMode = "fullscreen",
|
|
3812
|
+
backLabel,
|
|
3813
|
+
closeLabel
|
|
3794
3814
|
}) {
|
|
3795
3815
|
var _a;
|
|
3796
3816
|
const effectiveStatus = (_a = panelStatus != null ? panelStatus : status) != null ? _a : "reviewing";
|
|
3797
3817
|
const effectiveCards = cards != null ? cards : [{ status: resolveCardStatus(effectiveStatus), fields: DEFAULT_STATUS_FIELDS }];
|
|
3798
3818
|
return /* @__PURE__ */ jsxs(KYCPageShell, { screenId, className, containerMode, children: [
|
|
3799
|
-
onClose && /* @__PURE__ */ jsx(KYCPageHeader, { onClose }),
|
|
3819
|
+
onClose && /* @__PURE__ */ jsx(KYCPageHeader, { onClose, backLabel, closeLabel }),
|
|
3800
3820
|
/* @__PURE__ */ 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: [
|
|
3801
3821
|
/* @__PURE__ */ 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__ */ jsx(
|
|
3802
3822
|
KYCStatusPanel,
|
|
@@ -15663,7 +15683,8 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15663
15683
|
blockchainCost,
|
|
15664
15684
|
onCancel,
|
|
15665
15685
|
onTryAgain,
|
|
15666
|
-
className
|
|
15686
|
+
className,
|
|
15687
|
+
labels
|
|
15667
15688
|
}) {
|
|
15668
15689
|
const [showDetails, setShowDetails] = useState(true);
|
|
15669
15690
|
return /* @__PURE__ */ jsxs(
|
|
@@ -15680,7 +15701,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15680
15701
|
{
|
|
15681
15702
|
onClick: onCancel,
|
|
15682
15703
|
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",
|
|
15683
|
-
"aria-label":
|
|
15704
|
+
"aria-label": labels.closeAriaLabel,
|
|
15684
15705
|
"data-test-id": "onchain-withdraw-signature-warning-close",
|
|
15685
15706
|
children: /* @__PURE__ */ jsx(MdOutlineClose, { className: "w-6 h-6" })
|
|
15686
15707
|
}
|
|
@@ -15693,7 +15714,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15693
15714
|
{
|
|
15694
15715
|
className: "text-[28px] [font-weight:var(--deframe-widget-font-weight-extrabold)] text-[color:var(--deframe-widget-color-text-primary)] leading-tight",
|
|
15695
15716
|
"data-test-id": "onchain-withdraw-signature-warning-title",
|
|
15696
|
-
children:
|
|
15717
|
+
children: labels.title
|
|
15697
15718
|
}
|
|
15698
15719
|
),
|
|
15699
15720
|
/* @__PURE__ */ jsx(
|
|
@@ -15701,7 +15722,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15701
15722
|
{
|
|
15702
15723
|
className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)] text-center",
|
|
15703
15724
|
"data-test-id": "onchain-withdraw-signature-warning-subtitle",
|
|
15704
|
-
children:
|
|
15725
|
+
children: labels.subtitle
|
|
15705
15726
|
}
|
|
15706
15727
|
)
|
|
15707
15728
|
] }),
|
|
@@ -15730,7 +15751,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15730
15751
|
{
|
|
15731
15752
|
className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
15732
15753
|
"data-test-id": "onchain-withdraw-signature-warning-sending-label",
|
|
15733
|
-
children:
|
|
15754
|
+
children: labels.sendingLabel
|
|
15734
15755
|
}
|
|
15735
15756
|
),
|
|
15736
15757
|
/* @__PURE__ */ jsxs(
|
|
@@ -15752,7 +15773,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15752
15773
|
{
|
|
15753
15774
|
className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
15754
15775
|
"data-test-id": "onchain-withdraw-signature-warning-destination-label",
|
|
15755
|
-
children:
|
|
15776
|
+
children: labels.destinationLabel
|
|
15756
15777
|
}
|
|
15757
15778
|
),
|
|
15758
15779
|
/* @__PURE__ */ jsx(
|
|
@@ -15779,10 +15800,10 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15779
15800
|
{
|
|
15780
15801
|
onClick: () => setShowDetails(!showDetails),
|
|
15781
15802
|
className: "flex justify-between items-center w-full text-left cursor-pointer p-4",
|
|
15782
|
-
"aria-label":
|
|
15803
|
+
"aria-label": labels.detailsAriaLabel,
|
|
15783
15804
|
"data-test-id": "onchain-withdraw-signature-warning-details-toggle",
|
|
15784
15805
|
children: [
|
|
15785
|
-
/* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)]", children:
|
|
15806
|
+
/* @__PURE__ */ jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)]", children: labels.detailsToggleLabel }),
|
|
15786
15807
|
/* @__PURE__ */ jsx(
|
|
15787
15808
|
MdOutlineExpandMore,
|
|
15788
15809
|
{
|
|
@@ -15802,7 +15823,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15802
15823
|
{
|
|
15803
15824
|
className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
15804
15825
|
"data-test-id": "onchain-withdraw-signature-warning-withdraw-amount-label",
|
|
15805
|
-
children:
|
|
15826
|
+
children: labels.withdrawAmountLabel
|
|
15806
15827
|
}
|
|
15807
15828
|
),
|
|
15808
15829
|
/* @__PURE__ */ jsxs(
|
|
@@ -15824,7 +15845,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15824
15845
|
{
|
|
15825
15846
|
className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
15826
15847
|
"data-test-id": "onchain-withdraw-signature-warning-blockchain-cost-label",
|
|
15827
|
-
children:
|
|
15848
|
+
children: labels.blockchainCostLabel
|
|
15828
15849
|
}
|
|
15829
15850
|
),
|
|
15830
15851
|
/* @__PURE__ */ jsx(
|
|
@@ -15842,7 +15863,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15842
15863
|
{
|
|
15843
15864
|
className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
|
|
15844
15865
|
"data-test-id": "onchain-withdraw-signature-warning-receive-label",
|
|
15845
|
-
children:
|
|
15866
|
+
children: labels.receiveLabel
|
|
15846
15867
|
}
|
|
15847
15868
|
),
|
|
15848
15869
|
/* @__PURE__ */ jsxs(
|
|
@@ -15874,7 +15895,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15874
15895
|
className: "flex-1",
|
|
15875
15896
|
onClick: onCancel,
|
|
15876
15897
|
"data-test-id": "onchain-withdraw-signature-warning-cancel",
|
|
15877
|
-
children:
|
|
15898
|
+
children: labels.cancelLabel
|
|
15878
15899
|
}
|
|
15879
15900
|
),
|
|
15880
15901
|
/* @__PURE__ */ jsx(
|
|
@@ -15883,7 +15904,7 @@ function OnchainWithdrawSignatureWarningView({
|
|
|
15883
15904
|
className: "flex-1",
|
|
15884
15905
|
onClick: onTryAgain,
|
|
15885
15906
|
"data-test-id": "onchain-withdraw-signature-warning-retry",
|
|
15886
|
-
children:
|
|
15907
|
+
children: labels.retryLabel
|
|
15887
15908
|
}
|
|
15888
15909
|
)
|
|
15889
15910
|
]
|
|
@@ -15900,7 +15921,8 @@ var OnchainWithdrawSignatureWarningSimpleView = ({
|
|
|
15900
15921
|
tokenLogoURI,
|
|
15901
15922
|
chainName,
|
|
15902
15923
|
chainIconUrl,
|
|
15903
|
-
formattedAmount
|
|
15924
|
+
formattedAmount,
|
|
15925
|
+
labels
|
|
15904
15926
|
}) => {
|
|
15905
15927
|
React6.useEffect(() => {
|
|
15906
15928
|
if (!onCancel) return;
|
|
@@ -15911,10 +15933,10 @@ var OnchainWithdrawSignatureWarningSimpleView = ({
|
|
|
15911
15933
|
EarnFeedbackOverlaySimpleView,
|
|
15912
15934
|
{
|
|
15913
15935
|
variant: "warning",
|
|
15914
|
-
title:
|
|
15915
|
-
subtitle:
|
|
15936
|
+
title: labels.title,
|
|
15937
|
+
subtitle: labels.subtitle,
|
|
15916
15938
|
formData: {
|
|
15917
|
-
headerTitle:
|
|
15939
|
+
headerTitle: labels.title,
|
|
15918
15940
|
tokenSymbol,
|
|
15919
15941
|
tokenLogoURI,
|
|
15920
15942
|
chainLabel: chainName,
|
|
@@ -15924,7 +15946,7 @@ var OnchainWithdrawSignatureWarningSimpleView = ({
|
|
|
15924
15946
|
}
|
|
15925
15947
|
) });
|
|
15926
15948
|
};
|
|
15927
|
-
function KycLoadingView({ message
|
|
15949
|
+
function KycLoadingView({ message }) {
|
|
15928
15950
|
return /* @__PURE__ */ jsx(
|
|
15929
15951
|
"div",
|
|
15930
15952
|
{
|
|
@@ -16766,7 +16788,8 @@ function OnrampSuccessView({
|
|
|
16766
16788
|
summaryItems = [],
|
|
16767
16789
|
onNewDeposit,
|
|
16768
16790
|
onGoToDashboard,
|
|
16769
|
-
className
|
|
16791
|
+
className,
|
|
16792
|
+
labels
|
|
16770
16793
|
}) {
|
|
16771
16794
|
return /* @__PURE__ */ jsxs(
|
|
16772
16795
|
"div",
|
|
@@ -16780,17 +16803,14 @@ function OnrampSuccessView({
|
|
|
16780
16803
|
/* @__PURE__ */ jsxs(SuccessHeader, { children: [
|
|
16781
16804
|
/* @__PURE__ */ jsx(SuccessIcon3, {}),
|
|
16782
16805
|
/* @__PURE__ */ jsxs("div", { className: "text-center", children: [
|
|
16783
|
-
/* @__PURE__ */ jsx(SuccessTitle, { children:
|
|
16784
|
-
/* @__PURE__ */
|
|
16785
|
-
amount,
|
|
16786
|
-
" BRLA foram adicionados \xE0 sua carteira."
|
|
16787
|
-
] })
|
|
16806
|
+
/* @__PURE__ */ jsx(SuccessTitle, { children: labels.title }),
|
|
16807
|
+
/* @__PURE__ */ jsx(SuccessDescription, { children: labels.descriptionTemplate.replace("{{amount}}", amount != null ? amount : "") })
|
|
16788
16808
|
] })
|
|
16789
16809
|
] }),
|
|
16790
16810
|
/* @__PURE__ */ jsx(DepositCard, { children: /* @__PURE__ */ jsxs(DepositRow, { children: [
|
|
16791
16811
|
/* @__PURE__ */ jsx(DepositIcon, {}),
|
|
16792
16812
|
/* @__PURE__ */ jsxs(DepositInfo, { children: [
|
|
16793
|
-
/* @__PURE__ */ jsx("p", { className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]", children:
|
|
16813
|
+
/* @__PURE__ */ jsx("p", { className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.depositLabel }),
|
|
16794
16814
|
/* @__PURE__ */ jsxs("p", { className: "text-[14px] font-semibold text-[color:var(--deframe-widget-color-text-secondary)]", children: [
|
|
16795
16815
|
amount,
|
|
16796
16816
|
" BRLA"
|
|
@@ -16811,18 +16831,18 @@ function OnrampSuccessView({
|
|
|
16811
16831
|
SecondaryButton,
|
|
16812
16832
|
{
|
|
16813
16833
|
onClick: onNewDeposit,
|
|
16814
|
-
"aria-label":
|
|
16834
|
+
"aria-label": labels.newDepositAriaLabel,
|
|
16815
16835
|
"data-test-id": "onramp-success-new-deposit",
|
|
16816
|
-
children:
|
|
16836
|
+
children: labels.newDepositLabel
|
|
16817
16837
|
}
|
|
16818
16838
|
),
|
|
16819
16839
|
/* @__PURE__ */ jsx(
|
|
16820
16840
|
PrimaryButton,
|
|
16821
16841
|
{
|
|
16822
16842
|
onClick: onGoToDashboard,
|
|
16823
|
-
"aria-label":
|
|
16843
|
+
"aria-label": labels.goToDashboardAriaLabel,
|
|
16824
16844
|
"data-test-id": "onramp-success-go-dashboard",
|
|
16825
|
-
children:
|
|
16845
|
+
children: labels.goToDashboardLabel
|
|
16826
16846
|
}
|
|
16827
16847
|
)
|
|
16828
16848
|
] })
|
|
@@ -16871,7 +16891,8 @@ function OfframpInputFormView({
|
|
|
16871
16891
|
backIcon,
|
|
16872
16892
|
tokenIconUrl = "/brladigital_32.webp",
|
|
16873
16893
|
flagIconUrl = "/brazil-flag-rounded.png",
|
|
16874
|
-
className
|
|
16894
|
+
className,
|
|
16895
|
+
labels
|
|
16875
16896
|
}) {
|
|
16876
16897
|
return /* @__PURE__ */ jsxs(
|
|
16877
16898
|
"div",
|
|
@@ -16888,11 +16909,11 @@ function OfframpInputFormView({
|
|
|
16888
16909
|
{
|
|
16889
16910
|
onClick: onBack,
|
|
16890
16911
|
className: "flex items-center gap-2 mb-4 cursor-pointer",
|
|
16891
|
-
"aria-label":
|
|
16912
|
+
"aria-label": labels.backAriaLabel,
|
|
16892
16913
|
"data-test-id": "offramp-input-form-back-button",
|
|
16893
16914
|
children: [
|
|
16894
16915
|
backIcon || defaultBackIcon2,
|
|
16895
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-medium", children:
|
|
16916
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-medium", children: labels.backLabel })
|
|
16896
16917
|
]
|
|
16897
16918
|
}
|
|
16898
16919
|
),
|
|
@@ -16907,8 +16928,8 @@ function OfframpInputFormView({
|
|
|
16907
16928
|
}
|
|
16908
16929
|
),
|
|
16909
16930
|
/* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
|
|
16910
|
-
/* @__PURE__ */ jsx(TextHeading, { variant: "h3", children:
|
|
16911
|
-
/* @__PURE__ */ jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children:
|
|
16931
|
+
/* @__PURE__ */ jsx(TextHeading, { variant: "h3", children: labels.title }),
|
|
16932
|
+
/* @__PURE__ */ jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.subtitle })
|
|
16912
16933
|
] }),
|
|
16913
16934
|
/* @__PURE__ */ jsxs(ListItem, { children: [
|
|
16914
16935
|
/* @__PURE__ */ jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsx(
|
|
@@ -16920,7 +16941,7 @@ function OfframpInputFormView({
|
|
|
16920
16941
|
}
|
|
16921
16942
|
) }),
|
|
16922
16943
|
/* @__PURE__ */ jsxs(ListItemContent, { className: "ml-4", children: [
|
|
16923
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children:
|
|
16944
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: labels.balanceLabel }),
|
|
16924
16945
|
/* @__PURE__ */ jsxs(TextHeading, { variant: "h5", className: "ml-2", children: [
|
|
16925
16946
|
brlaBalance,
|
|
16926
16947
|
" BRLA"
|
|
@@ -16928,7 +16949,7 @@ function OfframpInputFormView({
|
|
|
16928
16949
|
] })
|
|
16929
16950
|
] }),
|
|
16930
16951
|
/* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
|
|
16931
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children:
|
|
16952
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children: labels.amountQuestion }),
|
|
16932
16953
|
/* @__PURE__ */ 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: [
|
|
16933
16954
|
/* @__PURE__ */ jsx("img", { src: flagIconUrl, alt: "BRL", className: "w-6 h-6 rounded-full" }),
|
|
16934
16955
|
/* @__PURE__ */ jsx(
|
|
@@ -16946,7 +16967,7 @@ function OfframpInputFormView({
|
|
|
16946
16967
|
},
|
|
16947
16968
|
placeholder: "R$0.00",
|
|
16948
16969
|
className: "w-full bg-transparent text-right text-[28px] font-extrabold text-[color:var(--deframe-widget-color-text-primary)] outline-none",
|
|
16949
|
-
"aria-label":
|
|
16970
|
+
"aria-label": labels.amountAriaLabel,
|
|
16950
16971
|
"data-test-id": "offramp-input-form-amount"
|
|
16951
16972
|
}
|
|
16952
16973
|
)
|
|
@@ -16956,14 +16977,14 @@ function OfframpInputFormView({
|
|
|
16956
16977
|
{
|
|
16957
16978
|
onClick: onMaxClick,
|
|
16958
16979
|
className: "text-[length:var(--deframe-widget-font-size-sm)]",
|
|
16959
|
-
"aria-label":
|
|
16960
|
-
children:
|
|
16980
|
+
"aria-label": labels.maxAriaLabel,
|
|
16981
|
+
children: labels.maxLabel
|
|
16961
16982
|
}
|
|
16962
16983
|
) }),
|
|
16963
16984
|
hasActiveWithdrawal && /* @__PURE__ */ jsx(
|
|
16964
16985
|
BannerNotification,
|
|
16965
16986
|
{
|
|
16966
|
-
message:
|
|
16987
|
+
message: labels.activeWithdrawalWarning,
|
|
16967
16988
|
variant: "warning"
|
|
16968
16989
|
}
|
|
16969
16990
|
),
|
|
@@ -16976,16 +16997,16 @@ function OfframpInputFormView({
|
|
|
16976
16997
|
)
|
|
16977
16998
|
] }),
|
|
16978
16999
|
/* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
|
|
16979
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children:
|
|
17000
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] mb-2", children: labels.pixKeyQuestion }),
|
|
16980
17001
|
/* @__PURE__ */ jsx(
|
|
16981
17002
|
Input2,
|
|
16982
17003
|
{
|
|
16983
17004
|
type: "text",
|
|
16984
17005
|
value: pixKey,
|
|
16985
17006
|
onChange: (e) => onPixKeyChange(e.target.value),
|
|
16986
|
-
placeholder:
|
|
17007
|
+
placeholder: labels.pixKeyPlaceholder,
|
|
16987
17008
|
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)]",
|
|
16988
|
-
"aria-label":
|
|
17009
|
+
"aria-label": labels.pixKeyAriaLabel,
|
|
16989
17010
|
"data-test-id": "offramp-input-form-pix-key"
|
|
16990
17011
|
}
|
|
16991
17012
|
),
|
|
@@ -16993,7 +17014,7 @@ function OfframpInputFormView({
|
|
|
16993
17014
|
BannerNotification,
|
|
16994
17015
|
{
|
|
16995
17016
|
variant: "info",
|
|
16996
|
-
message:
|
|
17017
|
+
message: labels.pixKeyInfo
|
|
16997
17018
|
}
|
|
16998
17019
|
)
|
|
16999
17020
|
] }),
|
|
@@ -17011,7 +17032,7 @@ function OfframpInputFormView({
|
|
|
17011
17032
|
/* @__PURE__ */ jsx(
|
|
17012
17033
|
BannerNotification,
|
|
17013
17034
|
{
|
|
17014
|
-
message:
|
|
17035
|
+
message: labels.signatureInfo,
|
|
17015
17036
|
variant: "info"
|
|
17016
17037
|
}
|
|
17017
17038
|
),
|
|
@@ -17027,7 +17048,7 @@ function OfframpInputFormView({
|
|
|
17027
17048
|
{
|
|
17028
17049
|
onClick: onSubmit,
|
|
17029
17050
|
disabled: submitDisabled,
|
|
17030
|
-
"aria-label":
|
|
17051
|
+
"aria-label": labels.submitAriaLabel,
|
|
17031
17052
|
"data-test-id": "offramp-input-form-submit",
|
|
17032
17053
|
children: submitLabel
|
|
17033
17054
|
}
|
|
@@ -17581,7 +17602,8 @@ function OfframpProcessingView({
|
|
|
17581
17602
|
onClose,
|
|
17582
17603
|
closeIcon,
|
|
17583
17604
|
tokenIconUrl = "/brladigital_32.webp",
|
|
17584
|
-
className
|
|
17605
|
+
className,
|
|
17606
|
+
labels
|
|
17585
17607
|
}) {
|
|
17586
17608
|
const progressPercent = step === "creating_ticket" ? 50 : step === "transferring" ? 75 : 85;
|
|
17587
17609
|
const prepareStatus = step === "creating_ticket" ? "processing" : "done";
|
|
@@ -17606,7 +17628,7 @@ function OfframpProcessingView({
|
|
|
17606
17628
|
{
|
|
17607
17629
|
onClick: onClose,
|
|
17608
17630
|
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",
|
|
17609
|
-
"aria-label":
|
|
17631
|
+
"aria-label": labels.closeAriaLabel,
|
|
17610
17632
|
"data-test-id": "offramp-processing-close-button",
|
|
17611
17633
|
children: closeIcon || defaultCloseIcon
|
|
17612
17634
|
}
|
|
@@ -17618,14 +17640,14 @@ function OfframpProcessingView({
|
|
|
17618
17640
|
/* @__PURE__ */ jsx("div", { className: "w-20 h-20 bg-[#F6A700] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx("svg", { className: "w-10 h-10 animate-pulse", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ 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" }) }) }),
|
|
17619
17641
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
17620
17642
|
/* @__PURE__ */ jsxs(TextHeading, { variant: "h3", className: "mb-2 flex items-center justify-center gap-1", children: [
|
|
17621
|
-
|
|
17643
|
+
labels.title,
|
|
17622
17644
|
/* @__PURE__ */ jsxs("span", { className: "flex gap-0.5", children: [
|
|
17623
17645
|
/* @__PURE__ */ jsx("span", { className: "animate-bounce", style: { animationDelay: "0ms", animationDuration: "1.4s" }, children: "." }),
|
|
17624
17646
|
/* @__PURE__ */ jsx("span", { className: "animate-bounce", style: { animationDelay: "200ms", animationDuration: "1.4s" }, children: "." }),
|
|
17625
17647
|
/* @__PURE__ */ jsx("span", { className: "animate-bounce", style: { animationDelay: "400ms", animationDuration: "1.4s" }, children: "." })
|
|
17626
17648
|
] })
|
|
17627
17649
|
] }),
|
|
17628
|
-
/* @__PURE__ */ jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children:
|
|
17650
|
+
/* @__PURE__ */ jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.subtitle })
|
|
17629
17651
|
] })
|
|
17630
17652
|
] }),
|
|
17631
17653
|
/* @__PURE__ */ jsxs(ListItem, { children: [
|
|
@@ -17638,7 +17660,7 @@ function OfframpProcessingView({
|
|
|
17638
17660
|
}
|
|
17639
17661
|
) }),
|
|
17640
17662
|
/* @__PURE__ */ jsxs(ListItemContent, { className: "ml-4", children: [
|
|
17641
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children:
|
|
17663
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: labels.amountLabel }),
|
|
17642
17664
|
/* @__PURE__ */ jsxs(TextHeading, { variant: "h5", className: "ml-2", children: [
|
|
17643
17665
|
amount,
|
|
17644
17666
|
" BRLA"
|
|
@@ -17660,25 +17682,26 @@ function OfframpProcessingView({
|
|
|
17660
17682
|
breakdown: [
|
|
17661
17683
|
{
|
|
17662
17684
|
type: "prepare_withdrawal",
|
|
17663
|
-
description:
|
|
17685
|
+
description: labels.prepareStepLabel,
|
|
17664
17686
|
status: mapStatus(prepareStatus)
|
|
17665
17687
|
},
|
|
17666
17688
|
{
|
|
17667
17689
|
type: "blockchain_signature",
|
|
17668
|
-
description:
|
|
17690
|
+
description: labels.signatureStepLabel,
|
|
17669
17691
|
status: mapStatus(signatureStatus),
|
|
17670
17692
|
explorerUrl: transferTxHash ? `https://polygonscan.com/tx/${transferTxHash}` : void 0
|
|
17671
17693
|
},
|
|
17672
17694
|
{
|
|
17673
17695
|
type: "pix_transfer",
|
|
17674
|
-
description:
|
|
17696
|
+
description: labels.pixTransferStepLabel,
|
|
17675
17697
|
status: mapStatus(sendStatus)
|
|
17676
17698
|
}
|
|
17677
17699
|
]
|
|
17678
17700
|
}
|
|
17679
17701
|
),
|
|
17680
|
-
/* @__PURE__ */ jsx("div", { className: "w-full space-y-3", children: /* @__PURE__ */ jsxs(PrimaryButton, { disabled: true, "aria-label":
|
|
17681
|
-
|
|
17702
|
+
/* @__PURE__ */ jsx("div", { className: "w-full space-y-3", children: /* @__PURE__ */ jsxs(PrimaryButton, { disabled: true, "aria-label": labels.waitingButtonAriaLabel, children: [
|
|
17703
|
+
labels.waitingButtonLabel,
|
|
17704
|
+
" ",
|
|
17682
17705
|
/* @__PURE__ */ jsx(LoadingDots, {})
|
|
17683
17706
|
] }) })
|
|
17684
17707
|
] }) })
|
|
@@ -17735,7 +17758,8 @@ function OfframpSuccessView({
|
|
|
17735
17758
|
closeIcon,
|
|
17736
17759
|
arrowUpIcon,
|
|
17737
17760
|
tokenIconUrl = "/brladigital_32.webp",
|
|
17738
|
-
className
|
|
17761
|
+
className,
|
|
17762
|
+
labels
|
|
17739
17763
|
}) {
|
|
17740
17764
|
return /* @__PURE__ */ jsxs(
|
|
17741
17765
|
"div",
|
|
@@ -17752,7 +17776,7 @@ function OfframpSuccessView({
|
|
|
17752
17776
|
{
|
|
17753
17777
|
onClick: onClose,
|
|
17754
17778
|
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",
|
|
17755
|
-
"aria-label":
|
|
17779
|
+
"aria-label": labels.closeAriaLabel,
|
|
17756
17780
|
"data-test-id": "offramp-success-close-button",
|
|
17757
17781
|
children: closeIcon || defaultCloseIcon2
|
|
17758
17782
|
}
|
|
@@ -17763,14 +17787,14 @@ function OfframpSuccessView({
|
|
|
17763
17787
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center space-y-4", children: [
|
|
17764
17788
|
/* @__PURE__ */ jsx("div", { className: "w-20 h-20 bg-[#1FC16B]/20 rounded-full flex items-center justify-center", children: arrowUpIcon || defaultArrowUpIcon }),
|
|
17765
17789
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
17766
|
-
/* @__PURE__ */ jsx(TextHeading, { variant: "h3", className: "mb-2", children:
|
|
17767
|
-
/* @__PURE__ */ jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children:
|
|
17790
|
+
/* @__PURE__ */ jsx(TextHeading, { variant: "h3", className: "mb-2", children: labels.title }),
|
|
17791
|
+
/* @__PURE__ */ jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: labels.subtitle })
|
|
17768
17792
|
] })
|
|
17769
17793
|
] }),
|
|
17770
17794
|
/* @__PURE__ */ jsxs(ListItem, { children: [
|
|
17771
17795
|
/* @__PURE__ */ jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsx("img", { src: tokenIconUrl, alt: "Token", className: "w-10 h-10 rounded-full" }) }),
|
|
17772
17796
|
/* @__PURE__ */ jsxs(ListItemContent, { className: "ml-4", children: [
|
|
17773
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children:
|
|
17797
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] ml-2", children: labels.amountLabel }),
|
|
17774
17798
|
/* @__PURE__ */ jsxs(TextHeading, { variant: "h5", className: "ml-2", children: [
|
|
17775
17799
|
amount,
|
|
17776
17800
|
" BRLA"
|
|
@@ -17779,33 +17803,33 @@ function OfframpSuccessView({
|
|
|
17779
17803
|
] }),
|
|
17780
17804
|
/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx("div", { className: "p-4 w-full inline-flex flex-col justify-start items-center gap-2 overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex flex-col justify-start items-start gap-2", children: [
|
|
17781
17805
|
/* @__PURE__ */ jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17782
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17806
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.withdrawAmountLabel }),
|
|
17783
17807
|
/* @__PURE__ */ jsxs(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: [
|
|
17784
17808
|
amount,
|
|
17785
17809
|
" BRLA"
|
|
17786
17810
|
] })
|
|
17787
17811
|
] }),
|
|
17788
17812
|
/* @__PURE__ */ jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17789
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17813
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.feeLabel }),
|
|
17790
17814
|
/* @__PURE__ */ 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 })
|
|
17791
17815
|
] }),
|
|
17792
17816
|
/* @__PURE__ */ jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17793
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17794
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "font-[var(--deframe-widget-font-weight-semibold)] text-[color:var(--deframe-widget-color-text-primary)] leading-5", children:
|
|
17817
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.methodLabel }),
|
|
17818
|
+
/* @__PURE__ */ 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 })
|
|
17795
17819
|
] }),
|
|
17796
17820
|
/* @__PURE__ */ jsxs("div", { className: "self-stretch h-8 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17797
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17821
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.statusLabel }),
|
|
17798
17822
|
/* @__PURE__ */ jsxs("div", { className: "px-2 py-0.5 bg-[#1FC16B]/10 rounded-3xl flex justify-end items-center gap-2", children: [
|
|
17799
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-primary)] leading-5", children:
|
|
17823
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: labels.statusValue }),
|
|
17800
17824
|
/* @__PURE__ */ jsx("div", { className: "w-2 h-2 bg-teal-600 rounded-full" })
|
|
17801
17825
|
] })
|
|
17802
17826
|
] }),
|
|
17803
17827
|
/* @__PURE__ */ jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17804
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17828
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.transactionIdLabel }),
|
|
17805
17829
|
/* @__PURE__ */ jsx("div", { className: "flex justify-start items-center gap-2", children: transactionId ? /* @__PURE__ */ jsx(TransactionIdDisplay, { transactionId }) : /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-primary)] leading-5", children: "-" }) })
|
|
17806
17830
|
] }),
|
|
17807
17831
|
/* @__PURE__ */ jsxs("div", { className: "self-stretch h-6 border-b border-[var(--deframe-widget-color-border-secondary)] inline-flex justify-between items-start", children: [
|
|
17808
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children:
|
|
17832
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-secondary)] leading-5", children: labels.dateLabel }),
|
|
17809
17833
|
/* @__PURE__ */ 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 })
|
|
17810
17834
|
] })
|
|
17811
17835
|
] }) }) }),
|
|
@@ -17813,9 +17837,9 @@ function OfframpSuccessView({
|
|
|
17813
17837
|
PrimaryButton,
|
|
17814
17838
|
{
|
|
17815
17839
|
onClick: onConfirm,
|
|
17816
|
-
"aria-label":
|
|
17840
|
+
"aria-label": labels.confirmAriaLabel,
|
|
17817
17841
|
"data-test-id": "offramp-success-confirm-button",
|
|
17818
|
-
children:
|
|
17842
|
+
children: labels.confirmLabel
|
|
17819
17843
|
}
|
|
17820
17844
|
)
|
|
17821
17845
|
] }) })
|
|
@@ -17929,7 +17953,8 @@ var DashboardTokenListView = ({
|
|
|
17929
17953
|
isLoading,
|
|
17930
17954
|
className,
|
|
17931
17955
|
showCard = true,
|
|
17932
|
-
onDepositClick
|
|
17956
|
+
onDepositClick,
|
|
17957
|
+
labels
|
|
17933
17958
|
}) => {
|
|
17934
17959
|
const [searchQuery, setSearchQuery] = useState("");
|
|
17935
17960
|
const filteredTokens = tokens.filter((token) => {
|
|
@@ -17939,14 +17964,14 @@ var DashboardTokenListView = ({
|
|
|
17939
17964
|
return token.symbol.toLowerCase().includes(query) || token.name.toLowerCase().includes(query);
|
|
17940
17965
|
});
|
|
17941
17966
|
const content = /* @__PURE__ */ jsxs("div", { "data-test-id": "dashboard-token-list", children: [
|
|
17942
|
-
showCard && /* @__PURE__ */ jsx(TextBody, { className: "mb-6", children:
|
|
17967
|
+
showCard && /* @__PURE__ */ jsx(TextBody, { className: "mb-6", children: labels.title }),
|
|
17943
17968
|
!isLoading && tokens.length > 0 && /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex-1 flex items-center relative", children: [
|
|
17944
17969
|
/* @__PURE__ */ jsx(
|
|
17945
17970
|
Input2,
|
|
17946
17971
|
{
|
|
17947
17972
|
"data-test-id": "dashboard-token-search-input",
|
|
17948
17973
|
type: "text",
|
|
17949
|
-
placeholder:
|
|
17974
|
+
placeholder: labels.searchPlaceholder,
|
|
17950
17975
|
value: searchQuery,
|
|
17951
17976
|
onChange: (e) => setSearchQuery(e.target.value),
|
|
17952
17977
|
className: "w-full h-full p-4 pr-12"
|
|
@@ -18021,13 +18046,13 @@ var DashboardTokenListView = ({
|
|
|
18021
18046
|
className: "flex flex-col items-center justify-center",
|
|
18022
18047
|
children: searchQuery ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
18023
18048
|
/* @__PURE__ */ 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__ */ jsx(MdOutlineSearch, { className: "w-10 h-10 text-[var(--deframe-widget-color-text-secondary)]" }) }),
|
|
18024
|
-
/* @__PURE__ */ jsx(TextHeading, { className: "text-center mb-4", children:
|
|
18025
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children:
|
|
18049
|
+
/* @__PURE__ */ jsx(TextHeading, { className: "text-center mb-4", children: labels.emptySearchTitle }),
|
|
18050
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children: labels.emptySearchDescription })
|
|
18026
18051
|
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
18027
18052
|
/* @__PURE__ */ 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__ */ jsx(MdQrCodeScanner, { className: "w-10 h-10 text-[var(--deframe-widget-color-text-secondary)]" }) }),
|
|
18028
|
-
/* @__PURE__ */ jsx(TextHeading, { className: "text-center mb-4", children:
|
|
18029
|
-
/* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children:
|
|
18030
|
-
onDepositClick && /* @__PURE__ */ jsx("button", { type: "button", onClick: onDepositClick, children: /* @__PURE__ */ jsx(PrimaryButton, { children:
|
|
18053
|
+
/* @__PURE__ */ jsx(TextHeading, { className: "text-center mb-4", children: labels.emptyDepositTitle }),
|
|
18054
|
+
/* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children: labels.emptyDepositDescription }),
|
|
18055
|
+
onDepositClick && /* @__PURE__ */ jsx("button", { type: "button", onClick: onDepositClick, children: /* @__PURE__ */ jsx(PrimaryButton, { children: labels.depositCtaLabel }) })
|
|
18031
18056
|
] })
|
|
18032
18057
|
}
|
|
18033
18058
|
) })
|
|
@@ -18124,10 +18149,11 @@ var DashboardPortfolioView = ({
|
|
|
18124
18149
|
onWithdrawClick,
|
|
18125
18150
|
onSwapClick,
|
|
18126
18151
|
formattedTokenPositions,
|
|
18127
|
-
formattedEarnPositions
|
|
18152
|
+
formattedEarnPositions,
|
|
18153
|
+
labels
|
|
18128
18154
|
}) => {
|
|
18129
18155
|
return /* @__PURE__ */ jsx(DashboardCard, { className: "p-6 bg-[var(--deframe-widget-color-bg-subtle)]", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col w-full h-full", children: [
|
|
18130
|
-
/* @__PURE__ */ jsx(TextBody, { className: "mb-6", children:
|
|
18156
|
+
/* @__PURE__ */ jsx(TextBody, { className: "mb-6", children: labels.title }),
|
|
18131
18157
|
/* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mb-2", children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "h-8 bg-[var(--deframe-widget-color-bg-muted)] rounded w-64 animate-pulse" }, "skeleton") : /* @__PURE__ */ jsx(
|
|
18132
18158
|
motion.p,
|
|
18133
18159
|
{
|
|
@@ -18143,15 +18169,15 @@ var DashboardPortfolioView = ({
|
|
|
18143
18169
|
/* @__PURE__ */ jsxs("div", { className: "flex lg:hidden flex-row gap-2 sm:gap-4 mt-6 w-full", children: [
|
|
18144
18170
|
/* @__PURE__ */ jsx("div", { "data-testid": "dashboard-quick-action-deposit-mobile", className: "flex-1 min-w-0 cursor-pointer", onClick: onDepositClick, children: /* @__PURE__ */ jsxs(PrimaryButton, { children: [
|
|
18145
18171
|
/* @__PURE__ */ jsx(MdOutlineArrowUpward, { className: "w-4 h-4 shrink-0" }),
|
|
18146
|
-
|
|
18172
|
+
labels.depositLabel
|
|
18147
18173
|
] }) }),
|
|
18148
18174
|
/* @__PURE__ */ jsx("div", { "data-testid": "dashboard-quick-action-withdraw-mobile", className: "flex-1 min-w-0 cursor-pointer", onClick: onWithdrawClick, children: /* @__PURE__ */ jsxs(PrimaryButton, { children: [
|
|
18149
18175
|
/* @__PURE__ */ jsx(MdOutlineArrowDownward, { className: "w-4 h-4 shrink-0" }),
|
|
18150
|
-
|
|
18176
|
+
labels.withdrawLabel
|
|
18151
18177
|
] }) }),
|
|
18152
18178
|
/* @__PURE__ */ jsx("div", { "data-testid": "dashboard-quick-action-swap-mobile", className: "flex-1 min-w-0 cursor-pointer", onClick: onSwapClick, children: /* @__PURE__ */ jsxs(PrimaryButton, { children: [
|
|
18153
18179
|
/* @__PURE__ */ jsx(MdOutlineSwapHoriz, { className: "w-4 h-4 shrink-0" }),
|
|
18154
|
-
|
|
18180
|
+
labels.swapLabel
|
|
18155
18181
|
] }) })
|
|
18156
18182
|
] }),
|
|
18157
18183
|
/* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsx(
|
|
@@ -18208,7 +18234,8 @@ function StatCardSkeletonBlock({ showDescription, className }) {
|
|
|
18208
18234
|
var DashboardPortfolioViewSimple = ({
|
|
18209
18235
|
formattedTotalValue,
|
|
18210
18236
|
isLoading,
|
|
18211
|
-
assetCount
|
|
18237
|
+
assetCount,
|
|
18238
|
+
labels
|
|
18212
18239
|
}) => {
|
|
18213
18240
|
if (isLoading) {
|
|
18214
18241
|
return /* @__PURE__ */ jsxs(
|
|
@@ -18233,7 +18260,7 @@ var DashboardPortfolioViewSimple = ({
|
|
|
18233
18260
|
),
|
|
18234
18261
|
children: [
|
|
18235
18262
|
/* @__PURE__ */ jsxs("article", { className: twMerge(cardClasses2, "self-stretch"), children: [
|
|
18236
|
-
/* @__PURE__ */ jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children:
|
|
18263
|
+
/* @__PURE__ */ jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children: labels.totalLabel }),
|
|
18237
18264
|
/* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
|
|
18238
18265
|
motion.p,
|
|
18239
18266
|
{
|
|
@@ -18247,10 +18274,10 @@ var DashboardPortfolioViewSimple = ({
|
|
|
18247
18274
|
},
|
|
18248
18275
|
"value"
|
|
18249
18276
|
) }),
|
|
18250
|
-
/* @__PURE__ */ jsx("p", { "data-test-id": "stat-card-description", className: descriptionClasses, children:
|
|
18277
|
+
/* @__PURE__ */ jsx("p", { "data-test-id": "stat-card-description", className: descriptionClasses, children: labels.totalDescription })
|
|
18251
18278
|
] }),
|
|
18252
18279
|
assetCount != null && /* @__PURE__ */ jsxs("article", { className: twMerge(cardClasses2, "self-stretch min-w-[160px]"), children: [
|
|
18253
|
-
/* @__PURE__ */ jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children:
|
|
18280
|
+
/* @__PURE__ */ jsx("p", { "data-test-id": "stat-card-label", className: labelClasses, children: labels.assetsLabel }),
|
|
18254
18281
|
/* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
|
|
18255
18282
|
motion.p,
|
|
18256
18283
|
{
|
|
@@ -18275,10 +18302,11 @@ var DashboardTokensView = ({
|
|
|
18275
18302
|
isLoadingBalances,
|
|
18276
18303
|
activeTab,
|
|
18277
18304
|
onTabChange,
|
|
18278
|
-
strategiesContent
|
|
18305
|
+
strategiesContent,
|
|
18306
|
+
labels
|
|
18279
18307
|
}) => {
|
|
18280
18308
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
18281
|
-
/* @__PURE__ */ jsx(DashboardTokenListView, { tokens: sortedRegularTokens, isLoading: isLoadingBalances, className: "hidden lg:block" }),
|
|
18309
|
+
/* @__PURE__ */ jsx(DashboardTokenListView, { tokens: sortedRegularTokens, isLoading: isLoadingBalances, className: "hidden lg:block", labels: labels.tokenList }),
|
|
18282
18310
|
/* @__PURE__ */ jsx(DashboardCard, { className: "lg:hidden p-6 bg-[var(--deframe-widget-color-bg-subtle)]", children: /* @__PURE__ */ jsxs(
|
|
18283
18311
|
Tabs,
|
|
18284
18312
|
{
|
|
@@ -18286,12 +18314,12 @@ var DashboardTokensView = ({
|
|
|
18286
18314
|
onValueChange: (value) => onTabChange(value),
|
|
18287
18315
|
children: [
|
|
18288
18316
|
/* @__PURE__ */ jsxs(TabsList, { className: "w-full mb-3 flex justify-center", children: [
|
|
18289
|
-
/* @__PURE__ */ jsx(TabsTrigger, { value: "tokens", children:
|
|
18290
|
-
/* @__PURE__ */ jsx(TabsTrigger, { value: "strategies", children:
|
|
18317
|
+
/* @__PURE__ */ jsx(TabsTrigger, { value: "tokens", children: labels.tokensTabLabel }),
|
|
18318
|
+
/* @__PURE__ */ jsx(TabsTrigger, { value: "strategies", children: labels.strategiesTabLabel })
|
|
18291
18319
|
] }),
|
|
18292
18320
|
/* @__PURE__ */ jsxs(TabsContent, { value: "tokens", children: [
|
|
18293
|
-
/* @__PURE__ */ jsx(TextBody, { className: "mb-6", children:
|
|
18294
|
-
/* @__PURE__ */ jsx(DashboardTokenListView, { tokens: regularTokens, isLoading: isLoadingBalances, showCard: false })
|
|
18321
|
+
/* @__PURE__ */ jsx(TextBody, { className: "mb-6", children: labels.mobileTokensTitle }),
|
|
18322
|
+
/* @__PURE__ */ jsx(DashboardTokenListView, { tokens: regularTokens, isLoading: isLoadingBalances, showCard: false, labels: labels.tokenList })
|
|
18295
18323
|
] }),
|
|
18296
18324
|
/* @__PURE__ */ jsx(TabsContent, { value: "strategies", children: strategiesContent })
|
|
18297
18325
|
]
|
|
@@ -18881,25 +18909,26 @@ var DashboardView = ({
|
|
|
18881
18909
|
recentTransactions,
|
|
18882
18910
|
investmentOpportunities,
|
|
18883
18911
|
quickActions,
|
|
18884
|
-
banner
|
|
18912
|
+
banner,
|
|
18913
|
+
labels
|
|
18885
18914
|
}) => {
|
|
18886
18915
|
return /* @__PURE__ */ jsx("div", { "data-test-id": "dashboard-page", className: "w-full relative overflow-hidden mx-auto rounded p-6 lg:p-12", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 max-w-[1400px] mx-auto", children: [
|
|
18887
18916
|
/* @__PURE__ */ jsxs("div", { className: "lg:col-span-2 space-y-6", children: [
|
|
18888
18917
|
/* @__PURE__ */ jsx(DashboardPortfolioView, __spreadValues({}, portfolio)),
|
|
18889
18918
|
/* @__PURE__ */ jsx(DashboardCard, { "data-testid": "dashboard-quick-actions-card", className: "hidden lg:block p-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col space-y-3", children: [
|
|
18890
|
-
/* @__PURE__ */ jsx(TextBody, { className: "mb-6", children:
|
|
18919
|
+
/* @__PURE__ */ jsx(TextBody, { className: "mb-6", children: labels.quickActionsTitle }),
|
|
18891
18920
|
/* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-4 w-full", children: [
|
|
18892
18921
|
/* @__PURE__ */ 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__ */ jsxs(PrimaryButton, { children: [
|
|
18893
18922
|
/* @__PURE__ */ jsx(MdOutlineArrowUpward, { className: "w-4 h-4 shrink-0" }),
|
|
18894
|
-
|
|
18923
|
+
labels.depositLabel
|
|
18895
18924
|
] }) }),
|
|
18896
18925
|
/* @__PURE__ */ 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__ */ jsxs(PrimaryButton, { children: [
|
|
18897
18926
|
/* @__PURE__ */ jsx(MdOutlineArrowDownward, { className: "w-4 h-4 shrink-0" }),
|
|
18898
|
-
|
|
18927
|
+
labels.withdrawLabel
|
|
18899
18928
|
] }) }),
|
|
18900
18929
|
/* @__PURE__ */ 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__ */ jsxs(PrimaryButton, { children: [
|
|
18901
18930
|
/* @__PURE__ */ jsx(MdOutlineSwapHoriz, { className: "w-4 h-4 shrink-0" }),
|
|
18902
|
-
|
|
18931
|
+
labels.swapLabel
|
|
18903
18932
|
] }) })
|
|
18904
18933
|
] })
|
|
18905
18934
|
] }) }),
|
|
@@ -18920,7 +18949,8 @@ var DashboardView = ({
|
|
|
18920
18949
|
var DashboardViewSimple = ({
|
|
18921
18950
|
portfolio,
|
|
18922
18951
|
tokens,
|
|
18923
|
-
quickActions
|
|
18952
|
+
quickActions,
|
|
18953
|
+
labels
|
|
18924
18954
|
}) => {
|
|
18925
18955
|
const assetCount = tokens.sortedRegularTokens.filter((t) => !isDustValue(t.amountInUSD)).length;
|
|
18926
18956
|
return /* @__PURE__ */ jsxs(
|
|
@@ -18941,7 +18971,7 @@ var DashboardViewSimple = ({
|
|
|
18941
18971
|
{
|
|
18942
18972
|
"data-test-id": "dashboard-home-title",
|
|
18943
18973
|
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)]",
|
|
18944
|
-
children:
|
|
18974
|
+
children: labels.pageTitle
|
|
18945
18975
|
}
|
|
18946
18976
|
),
|
|
18947
18977
|
/* @__PURE__ */ jsx(
|
|
@@ -18949,7 +18979,7 @@ var DashboardViewSimple = ({
|
|
|
18949
18979
|
{
|
|
18950
18980
|
"data-test-id": "dashboard-home-subtitle",
|
|
18951
18981
|
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)]",
|
|
18952
|
-
children:
|
|
18982
|
+
children: labels.pageSubtitle
|
|
18953
18983
|
}
|
|
18954
18984
|
)
|
|
18955
18985
|
] }),
|
|
@@ -18964,7 +18994,7 @@ var DashboardViewSimple = ({
|
|
|
18964
18994
|
{
|
|
18965
18995
|
className: "w-auto py-[var(--deframe-widget-size-padding-y-sm)] [font-weight:var(--deframe-widget-font-weight-medium)]",
|
|
18966
18996
|
onClick: () => quickActions == null ? void 0 : quickActions.onDepositClick(),
|
|
18967
|
-
children:
|
|
18997
|
+
children: labels.depositLabel
|
|
18968
18998
|
}
|
|
18969
18999
|
),
|
|
18970
19000
|
/* @__PURE__ */ jsx(
|
|
@@ -18972,7 +19002,7 @@ var DashboardViewSimple = ({
|
|
|
18972
19002
|
{
|
|
18973
19003
|
className: "w-auto py-[var(--deframe-widget-size-padding-y-sm)] [font-weight:var(--deframe-widget-font-weight-medium)]",
|
|
18974
19004
|
onClick: () => quickActions == null ? void 0 : quickActions.onWithdrawClick(),
|
|
18975
|
-
children:
|
|
19005
|
+
children: labels.withdrawLabel
|
|
18976
19006
|
}
|
|
18977
19007
|
)
|
|
18978
19008
|
]
|