@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.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: "Voltar", 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" }) }) }),
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: "Fechar", 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" }) }) })
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 = "Verifica\xE7\xE3o de identidade",
3544
- description = "Para garantir a seguran\xE7a da plataforma, precisamos confirmar sua identidade. O processo leva cerca de 5 minutos.",
3551
+ title,
3552
+ description,
3545
3553
  checklistItems = DEFAULT_INTRO_CHECKLIST,
3546
3554
  banners = [],
3547
3555
  legalNotice,
3548
- primaryAction = { label: "Come\xE7ar verifica\xE7\xE3o" },
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
- "Carregando ",
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": "Fechar",
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: "Saque n\xE3o assinado"
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: "A assinatura da transa\xE7\xE3o foi cancelada. Nenhum valor foi enviado."
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: "Voc\xEA est\xE1 enviando"
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: "Para o endere\xE7o"
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": "Detalhes da transa\xE7\xE3o",
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: "Detalhes da transa\xE7\xE3o" }),
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: "Valor de retirada"
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: "Custo da blockchain"
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: "Voc\xEA receber\xE1"
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: "Cancelar"
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: "Tente novamente"
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: "Saque n\xE3o assinado",
15915
- subtitle: "A assinatura da transa\xE7\xE3o foi cancelada.",
15936
+ title: labels.title,
15937
+ subtitle: labels.subtitle,
15916
15938
  formData: {
15917
- headerTitle: "Saque",
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 = "Carregando" }) {
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: "Dep\xF3sito via PIX conclu\xEDdo" }),
16784
- /* @__PURE__ */ jsxs(SuccessDescription, { children: [
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: "Voc\xEA depositou via PIX" }),
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": "Fazer novo dep\xF3sito",
16834
+ "aria-label": labels.newDepositAriaLabel,
16815
16835
  "data-test-id": "onramp-success-new-deposit",
16816
- children: "Fazer novo dep\xF3sito"
16836
+ children: labels.newDepositLabel
16817
16837
  }
16818
16838
  ),
16819
16839
  /* @__PURE__ */ jsx(
16820
16840
  PrimaryButton,
16821
16841
  {
16822
16842
  onClick: onGoToDashboard,
16823
- "aria-label": "Ir para carteira",
16843
+ "aria-label": labels.goToDashboardAriaLabel,
16824
16844
  "data-test-id": "onramp-success-go-dashboard",
16825
- children: "Ir para carteira"
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": "Voltar",
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: "Voltar" })
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: "Saque via PIX" }),
16911
- /* @__PURE__ */ jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: "Insira o valor e a chave PIX para receber em sua conta banc\xE1ria." })
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: "Saldo em BRLA dispon\xEDvel" }),
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: "Quanto voc\xEA quer enviar via PIX?" }),
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": "Valor do saque",
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": "Usar valor m\xE1ximo",
16960
- children: "Max"
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: "Voc\xEA j\xE1 tem um saque em andamento. Aguarde a conclus\xE3o antes de iniciar outro.",
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: "Qual \xE9 a sua chave PIX?" }),
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: "(CPF, email, telefone ou aleat\xF3ria)",
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": "Chave PIX",
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: "A chave PIX deve estar vinculada ao mesmo CPF do seu cadastro."
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: "Depois de inserir o valor e confirmar o pix voc\xEA precisa assinar a transa\xE7\xE3o na sua wallet. Processamento pode levar alguns minutos.",
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": "Confirmar saque",
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": "Fechar",
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
- "Estamos enviando seu PIX",
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: "Seu PIX est\xE1 sendo enviado. Na maioria das vezes, cai em segundos." })
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: "Voc\xEA sacou via PIX" }),
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: "Preparando seu saque",
17685
+ description: labels.prepareStepLabel,
17664
17686
  status: mapStatus(prepareStatus)
17665
17687
  },
17666
17688
  {
17667
17689
  type: "blockchain_signature",
17668
- description: "Assinatura",
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: "Enviando PIX para sua conta",
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": "Aguarde processamento", children: [
17681
- "Aguarde ",
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": "Fechar",
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: "PIX enviado com sucesso!" }),
17767
- /* @__PURE__ */ jsx(TextBody, { className: "text-[color:var(--deframe-widget-color-text-secondary)]", children: "Seu saque foi conclu\xEDdo e o valor j\xE1 est\xE1 na sua conta." })
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: "Voc\xEA sacou via PIX" }),
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: "Valor do saque" }),
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: "Taxa" }),
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: "Metodo" }),
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: "Transferencia banc\xE1ria (PIX)" })
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: "Status" }),
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: "Sucesso" }),
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: "ID da Transa\xE7\xE3o" }),
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: "Data" }),
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": "Confirmar",
17840
+ "aria-label": labels.confirmAriaLabel,
17817
17841
  "data-test-id": "offramp-success-confirm-button",
17818
- children: "Ok, obrigado"
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: "Seus tokens" }),
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: "Pesquisar aqui...",
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: "Nenhum token encontrado" }),
18025
- /* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children: "Tente buscar por outro nome ou s\xEDmbolo." })
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: "Deposite e comece a usar a wallet" }),
18029
- /* @__PURE__ */ jsx(TextBody, { variant: "text-large", className: "text-center mb-4", children: "Use Pix para adicionar saldo instantaneamente na sua carteira." }),
18030
- onDepositClick && /* @__PURE__ */ jsx("button", { type: "button", onClick: onDepositClick, children: /* @__PURE__ */ jsx(PrimaryButton, { children: "Depositar via Pix" }) })
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: "Portf\xF3lio" }),
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
- "Depositar"
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
- "Sacar"
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
- "Trocar"
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: "Total da Carteira" }),
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: "Soma do saldo por token (em BRL)." })
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: "Ativos" }),
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: "Cripto" }),
18290
- /* @__PURE__ */ jsx(TabsTrigger, { value: "strategies", children: "Investimentos" })
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: "Seus tokens" }),
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: "A\xE7\xF5es r\xE1pidas" }),
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
- "Depositar"
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
- "Sacar"
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
- "Trocar"
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: "Wallet"
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: "Resumo da sua carteira e movimenta\xE7\xF5es."
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: "Depositar"
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: "Sacar"
19005
+ children: labels.withdrawLabel
18976
19006
  }
18977
19007
  )
18978
19008
  ]