@unifold/connect-react 0.1.34 → 0.1.35
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.js +385 -315
- package/dist/index.mjs +385 -315
- package/dist/styles-base.css +1 -1
- package/dist/styles.css +1 -1
- package/package.json +4 -4
package/dist/index.mjs
CHANGED
|
@@ -11904,24 +11904,34 @@ function CurrencyModal({
|
|
|
11904
11904
|
onClose: handleClose
|
|
11905
11905
|
}
|
|
11906
11906
|
),
|
|
11907
|
-
/* @__PURE__ */
|
|
11908
|
-
|
|
11909
|
-
|
|
11910
|
-
|
|
11911
|
-
|
|
11912
|
-
|
|
11913
|
-
|
|
11914
|
-
className: "uf-w-full uf-px-4 uf-py-2.5 uf-text-sm uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30",
|
|
11915
|
-
style: {
|
|
11916
|
-
backgroundColor: components.search.backgroundColor,
|
|
11917
|
-
color: components.search.inputColor,
|
|
11918
|
-
fontFamily: fonts.regular,
|
|
11919
|
-
borderRadius: components.input.borderRadius,
|
|
11920
|
-
border: `${components.input.borderWidth}px solid ${components.input.borderColor}`
|
|
11907
|
+
/* @__PURE__ */ jsxs5("div", { className: "uf-pb-2", children: [
|
|
11908
|
+
/* @__PURE__ */ jsx62(
|
|
11909
|
+
"style",
|
|
11910
|
+
{
|
|
11911
|
+
dangerouslySetInnerHTML: {
|
|
11912
|
+
__html: `.uf-currency-modal-search::placeholder { color: ${components.search.placeholderColor}; }`
|
|
11913
|
+
}
|
|
11921
11914
|
}
|
|
11922
|
-
|
|
11923
|
-
|
|
11924
|
-
|
|
11915
|
+
),
|
|
11916
|
+
/* @__PURE__ */ jsx62("div", { className: "uf-relative", children: /* @__PURE__ */ jsx62(
|
|
11917
|
+
"input",
|
|
11918
|
+
{
|
|
11919
|
+
type: "text",
|
|
11920
|
+
value: searchQuery,
|
|
11921
|
+
onChange: (e) => setSearchQuery(e.target.value),
|
|
11922
|
+
placeholder: "Search",
|
|
11923
|
+
className: "uf-currency-modal-search uf-w-full uf-p-4 uf-text-sm uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30",
|
|
11924
|
+
style: {
|
|
11925
|
+
backgroundColor: components.search.backgroundColor,
|
|
11926
|
+
color: components.search.inputColor,
|
|
11927
|
+
fontFamily: fonts.regular,
|
|
11928
|
+
borderRadius: components.input.borderRadius,
|
|
11929
|
+
border: `${components.input.borderWidth}px solid ${components.input.borderColor}`
|
|
11930
|
+
}
|
|
11931
|
+
}
|
|
11932
|
+
) })
|
|
11933
|
+
] }),
|
|
11934
|
+
/* @__PURE__ */ jsx62("div", { className: "uf-flex-1 sm:uf-flex-none uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden sm:uf-min-h-[200px] sm:uf-max-h-[400px]", children: /* @__PURE__ */ jsxs5("div", { className: "uf-space-y-2", children: [
|
|
11925
11935
|
/* @__PURE__ */ jsx62(
|
|
11926
11936
|
CurrencyListSection,
|
|
11927
11937
|
{
|
|
@@ -12443,188 +12453,153 @@ function DepositDetailContent({ execution }) {
|
|
|
12443
12453
|
className: "uf-overflow-hidden uf-mb-3",
|
|
12444
12454
|
style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` },
|
|
12445
12455
|
children: [
|
|
12446
|
-
/* @__PURE__ */ jsxs6(
|
|
12447
|
-
|
|
12448
|
-
|
|
12449
|
-
|
|
12450
|
-
|
|
12451
|
-
|
|
12452
|
-
|
|
12453
|
-
|
|
12454
|
-
|
|
12455
|
-
|
|
12456
|
-
|
|
12457
|
-
|
|
12458
|
-
|
|
12459
|
-
|
|
12460
|
-
|
|
12461
|
-
|
|
12462
|
-
|
|
12463
|
-
|
|
12464
|
-
"
|
|
12465
|
-
|
|
12466
|
-
|
|
12467
|
-
|
|
12468
|
-
|
|
12469
|
-
|
|
12470
|
-
|
|
12471
|
-
|
|
12472
|
-
|
|
12473
|
-
|
|
12474
|
-
|
|
12475
|
-
|
|
12476
|
-
|
|
12477
|
-
|
|
12478
|
-
|
|
12479
|
-
|
|
12480
|
-
|
|
12481
|
-
|
|
12482
|
-
|
|
12483
|
-
|
|
12484
|
-
|
|
12485
|
-
|
|
12486
|
-
|
|
12487
|
-
|
|
12488
|
-
|
|
12489
|
-
|
|
12490
|
-
|
|
12491
|
-
|
|
12492
|
-
|
|
12493
|
-
|
|
12494
|
-
|
|
12495
|
-
|
|
12496
|
-
|
|
12497
|
-
|
|
12498
|
-
|
|
12499
|
-
|
|
12500
|
-
|
|
12501
|
-
|
|
12502
|
-
"
|
|
12503
|
-
|
|
12504
|
-
|
|
12505
|
-
|
|
12506
|
-
|
|
12507
|
-
|
|
12508
|
-
|
|
12509
|
-
|
|
12510
|
-
|
|
12511
|
-
|
|
12512
|
-
|
|
12513
|
-
|
|
12514
|
-
|
|
12515
|
-
|
|
12516
|
-
|
|
12517
|
-
|
|
12518
|
-
|
|
12519
|
-
|
|
12520
|
-
|
|
12521
|
-
|
|
12522
|
-
|
|
12523
|
-
|
|
12524
|
-
|
|
12525
|
-
|
|
12526
|
-
|
|
12527
|
-
|
|
12528
|
-
|
|
12529
|
-
|
|
12530
|
-
|
|
12531
|
-
className: "uf-text-sm",
|
|
12532
|
-
style: {
|
|
12533
|
-
color: components.card.labelColor,
|
|
12534
|
-
fontFamily: fonts.regular
|
|
12535
|
-
},
|
|
12536
|
-
children: "USD Value"
|
|
12537
|
-
}
|
|
12538
|
-
),
|
|
12539
|
-
/* @__PURE__ */ jsx72(
|
|
12540
|
-
"span",
|
|
12541
|
-
{
|
|
12542
|
-
style: {
|
|
12543
|
-
color: components.card.titleColor,
|
|
12544
|
-
fontFamily: fonts.regular,
|
|
12545
|
-
fontSize: "14px"
|
|
12546
|
-
},
|
|
12547
|
-
children: formatUsdAmount2(
|
|
12548
|
-
execution.source_amount_usd,
|
|
12549
|
-
execution.source_amount_base_unit
|
|
12550
|
-
)
|
|
12551
|
-
}
|
|
12552
|
-
)
|
|
12553
|
-
]
|
|
12554
|
-
}
|
|
12555
|
-
),
|
|
12556
|
-
isPending && /* @__PURE__ */ jsxs6(
|
|
12557
|
-
"div",
|
|
12558
|
-
{
|
|
12559
|
-
className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3 uf-border-b",
|
|
12560
|
-
style: { borderColor: colors2.border },
|
|
12561
|
-
children: [
|
|
12562
|
-
/* @__PURE__ */ jsx72(
|
|
12563
|
-
"span",
|
|
12564
|
-
{
|
|
12565
|
-
className: "uf-text-sm",
|
|
12566
|
-
style: {
|
|
12567
|
-
color: components.card.labelColor,
|
|
12568
|
-
fontFamily: fonts.regular
|
|
12569
|
-
},
|
|
12570
|
-
children: "Estimated delivery time"
|
|
12571
|
-
}
|
|
12572
|
-
),
|
|
12573
|
-
/* @__PURE__ */ jsx72(
|
|
12574
|
-
"span",
|
|
12575
|
-
{
|
|
12576
|
-
style: {
|
|
12577
|
-
color: components.card.titleColor,
|
|
12578
|
-
fontFamily: fonts.regular,
|
|
12579
|
-
fontSize: "14px"
|
|
12580
|
-
},
|
|
12581
|
-
children: formatEstimatedTime(execution?.estimated_processing_time)
|
|
12582
|
-
}
|
|
12456
|
+
/* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
12457
|
+
/* @__PURE__ */ jsx72(
|
|
12458
|
+
"span",
|
|
12459
|
+
{
|
|
12460
|
+
className: "uf-text-sm",
|
|
12461
|
+
style: {
|
|
12462
|
+
color: components.card.rowLeftLabel,
|
|
12463
|
+
fontFamily: fonts.regular
|
|
12464
|
+
},
|
|
12465
|
+
children: "Amount Sent"
|
|
12466
|
+
}
|
|
12467
|
+
),
|
|
12468
|
+
/* @__PURE__ */ jsxs6(
|
|
12469
|
+
"span",
|
|
12470
|
+
{
|
|
12471
|
+
style: {
|
|
12472
|
+
color: components.card.rowRightLabel,
|
|
12473
|
+
fontFamily: fonts.regular,
|
|
12474
|
+
fontSize: "14px"
|
|
12475
|
+
},
|
|
12476
|
+
children: [
|
|
12477
|
+
formatAmount(
|
|
12478
|
+
execution.source_amount_base_unit,
|
|
12479
|
+
execution.source_token_metadata?.decimals
|
|
12480
|
+
),
|
|
12481
|
+
" ",
|
|
12482
|
+
formatCurrency(execution.source_currency)
|
|
12483
|
+
]
|
|
12484
|
+
}
|
|
12485
|
+
)
|
|
12486
|
+
] }),
|
|
12487
|
+
/* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
12488
|
+
/* @__PURE__ */ jsx72(
|
|
12489
|
+
"span",
|
|
12490
|
+
{
|
|
12491
|
+
className: "uf-text-sm",
|
|
12492
|
+
style: {
|
|
12493
|
+
color: components.card.rowLeftLabel,
|
|
12494
|
+
fontFamily: fonts.regular
|
|
12495
|
+
},
|
|
12496
|
+
children: "Amount Received"
|
|
12497
|
+
}
|
|
12498
|
+
),
|
|
12499
|
+
/* @__PURE__ */ jsxs6(
|
|
12500
|
+
"span",
|
|
12501
|
+
{
|
|
12502
|
+
style: {
|
|
12503
|
+
color: components.card.rowRightLabel,
|
|
12504
|
+
fontFamily: fonts.regular,
|
|
12505
|
+
fontSize: "14px"
|
|
12506
|
+
},
|
|
12507
|
+
children: [
|
|
12508
|
+
formatAmount(
|
|
12509
|
+
execution.destination_amount_base_unit,
|
|
12510
|
+
execution.destination_token_metadata?.decimals
|
|
12511
|
+
),
|
|
12512
|
+
" ",
|
|
12513
|
+
formatCurrency(execution.destination_currency)
|
|
12514
|
+
]
|
|
12515
|
+
}
|
|
12516
|
+
)
|
|
12517
|
+
] }),
|
|
12518
|
+
/* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
12519
|
+
/* @__PURE__ */ jsx72(
|
|
12520
|
+
"span",
|
|
12521
|
+
{
|
|
12522
|
+
className: "uf-text-sm",
|
|
12523
|
+
style: {
|
|
12524
|
+
color: components.card.rowLeftLabel,
|
|
12525
|
+
fontFamily: fonts.regular
|
|
12526
|
+
},
|
|
12527
|
+
children: "USD Value"
|
|
12528
|
+
}
|
|
12529
|
+
),
|
|
12530
|
+
/* @__PURE__ */ jsx72(
|
|
12531
|
+
"span",
|
|
12532
|
+
{
|
|
12533
|
+
style: {
|
|
12534
|
+
color: components.card.rowRightLabel,
|
|
12535
|
+
fontFamily: fonts.regular,
|
|
12536
|
+
fontSize: "14px"
|
|
12537
|
+
},
|
|
12538
|
+
children: formatUsdAmount2(
|
|
12539
|
+
execution.source_amount_usd,
|
|
12540
|
+
execution.source_amount_base_unit
|
|
12583
12541
|
)
|
|
12584
|
-
|
|
12585
|
-
|
|
12586
|
-
),
|
|
12587
|
-
/* @__PURE__ */ jsxs6(
|
|
12588
|
-
|
|
12589
|
-
|
|
12590
|
-
|
|
12591
|
-
|
|
12592
|
-
|
|
12593
|
-
|
|
12594
|
-
|
|
12595
|
-
|
|
12596
|
-
|
|
12597
|
-
|
|
12598
|
-
|
|
12599
|
-
|
|
12600
|
-
|
|
12601
|
-
|
|
12602
|
-
|
|
12603
|
-
|
|
12604
|
-
|
|
12605
|
-
"
|
|
12606
|
-
|
|
12607
|
-
|
|
12608
|
-
|
|
12609
|
-
|
|
12610
|
-
|
|
12611
|
-
|
|
12612
|
-
|
|
12613
|
-
|
|
12614
|
-
|
|
12615
|
-
|
|
12616
|
-
|
|
12542
|
+
}
|
|
12543
|
+
)
|
|
12544
|
+
] }),
|
|
12545
|
+
isPending && /* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
12546
|
+
/* @__PURE__ */ jsx72(
|
|
12547
|
+
"span",
|
|
12548
|
+
{
|
|
12549
|
+
className: "uf-text-sm",
|
|
12550
|
+
style: {
|
|
12551
|
+
color: components.card.rowLeftLabel,
|
|
12552
|
+
fontFamily: fonts.regular
|
|
12553
|
+
},
|
|
12554
|
+
children: "Estimated delivery time"
|
|
12555
|
+
}
|
|
12556
|
+
),
|
|
12557
|
+
/* @__PURE__ */ jsx72(
|
|
12558
|
+
"span",
|
|
12559
|
+
{
|
|
12560
|
+
style: {
|
|
12561
|
+
color: components.card.rowRightLabel,
|
|
12562
|
+
fontFamily: fonts.regular,
|
|
12563
|
+
fontSize: "14px"
|
|
12564
|
+
},
|
|
12565
|
+
children: formatEstimatedTime(execution?.estimated_processing_time)
|
|
12566
|
+
}
|
|
12567
|
+
)
|
|
12568
|
+
] }),
|
|
12569
|
+
/* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
12570
|
+
/* @__PURE__ */ jsx72(
|
|
12571
|
+
"span",
|
|
12572
|
+
{
|
|
12573
|
+
className: "uf-text-sm",
|
|
12574
|
+
style: {
|
|
12575
|
+
color: components.card.rowLeftLabel,
|
|
12576
|
+
fontFamily: fonts.regular
|
|
12577
|
+
},
|
|
12578
|
+
children: "Source Network"
|
|
12579
|
+
}
|
|
12580
|
+
),
|
|
12581
|
+
/* @__PURE__ */ jsx72(
|
|
12582
|
+
"span",
|
|
12583
|
+
{
|
|
12584
|
+
style: {
|
|
12585
|
+
color: components.card.rowRightLabel,
|
|
12586
|
+
fontFamily: fonts.regular,
|
|
12587
|
+
fontSize: "14px"
|
|
12588
|
+
},
|
|
12589
|
+
children: getNetworkName(
|
|
12590
|
+
execution.source_chain_type,
|
|
12591
|
+
execution.source_chain_id
|
|
12617
12592
|
)
|
|
12618
|
-
|
|
12619
|
-
|
|
12620
|
-
),
|
|
12593
|
+
}
|
|
12594
|
+
)
|
|
12595
|
+
] }),
|
|
12621
12596
|
/* @__PURE__ */ jsxs6("div", { className: "uf-flex uf-justify-between uf-items-center uf-px-4 uf-py-3", children: [
|
|
12622
12597
|
/* @__PURE__ */ jsx72(
|
|
12623
12598
|
"span",
|
|
12624
12599
|
{
|
|
12625
12600
|
className: "uf-text-sm",
|
|
12626
12601
|
style: {
|
|
12627
|
-
color: components.card.
|
|
12602
|
+
color: components.card.rowLeftLabel,
|
|
12628
12603
|
fontFamily: fonts.regular
|
|
12629
12604
|
},
|
|
12630
12605
|
children: "Destination Network"
|
|
@@ -12634,7 +12609,7 @@ function DepositDetailContent({ execution }) {
|
|
|
12634
12609
|
"span",
|
|
12635
12610
|
{
|
|
12636
12611
|
style: {
|
|
12637
|
-
color: components.card.
|
|
12612
|
+
color: components.card.rowRightLabel,
|
|
12638
12613
|
fontFamily: fonts.regular,
|
|
12639
12614
|
fontSize: "14px"
|
|
12640
12615
|
},
|
|
@@ -12676,15 +12651,14 @@ function DepositDetailContent({ execution }) {
|
|
|
12676
12651
|
href: execution.explorer_url,
|
|
12677
12652
|
target: "_blank",
|
|
12678
12653
|
rel: "noopener noreferrer",
|
|
12679
|
-
className: "uf-grid uf-grid-cols-[auto_1fr_auto] uf-items-center uf-gap-2 uf-px-4 uf-py-3
|
|
12680
|
-
style: { borderColor: colors2.border },
|
|
12654
|
+
className: "uf-grid uf-grid-cols-[auto_1fr_auto] uf-items-center uf-gap-2 uf-px-4 uf-py-3 hover:uf-bg-card/50 uf-transition-colors",
|
|
12681
12655
|
children: [
|
|
12682
12656
|
/* @__PURE__ */ jsx72(
|
|
12683
12657
|
"div",
|
|
12684
12658
|
{
|
|
12685
12659
|
className: "uf-text-sm",
|
|
12686
12660
|
style: {
|
|
12687
|
-
color: components.card.
|
|
12661
|
+
color: components.card.rowLeftLabel,
|
|
12688
12662
|
fontFamily: fonts.regular
|
|
12689
12663
|
},
|
|
12690
12664
|
children: "Deposit Tx"
|
|
@@ -12695,7 +12669,7 @@ function DepositDetailContent({ execution }) {
|
|
|
12695
12669
|
{
|
|
12696
12670
|
className: "uf-text-sm uf-text-right",
|
|
12697
12671
|
style: {
|
|
12698
|
-
color: components.card.
|
|
12672
|
+
color: components.card.rowRightLabel,
|
|
12699
12673
|
fontFamily: fonts.regular
|
|
12700
12674
|
},
|
|
12701
12675
|
children: formatTransactionHash(execution.transaction_hash)
|
|
@@ -12705,7 +12679,7 @@ function DepositDetailContent({ execution }) {
|
|
|
12705
12679
|
ExternalLink,
|
|
12706
12680
|
{
|
|
12707
12681
|
className: "uf-w-3.5 uf-h-3.5 uf-block",
|
|
12708
|
-
style: { color: components.card.
|
|
12682
|
+
style: { color: components.card.actionIcon }
|
|
12709
12683
|
}
|
|
12710
12684
|
)
|
|
12711
12685
|
]
|
|
@@ -12724,7 +12698,7 @@ function DepositDetailContent({ execution }) {
|
|
|
12724
12698
|
{
|
|
12725
12699
|
className: "uf-text-sm",
|
|
12726
12700
|
style: {
|
|
12727
|
-
color: components.card.
|
|
12701
|
+
color: components.card.rowLeftLabel,
|
|
12728
12702
|
fontFamily: fonts.regular
|
|
12729
12703
|
},
|
|
12730
12704
|
children: "Completion Tx"
|
|
@@ -12735,7 +12709,7 @@ function DepositDetailContent({ execution }) {
|
|
|
12735
12709
|
{
|
|
12736
12710
|
className: "uf-text-sm uf-text-right",
|
|
12737
12711
|
style: {
|
|
12738
|
-
color: components.card.
|
|
12712
|
+
color: components.card.rowRightLabel,
|
|
12739
12713
|
fontFamily: fonts.regular
|
|
12740
12714
|
},
|
|
12741
12715
|
children: formatTransactionHash(
|
|
@@ -12747,7 +12721,7 @@ function DepositDetailContent({ execution }) {
|
|
|
12747
12721
|
ExternalLink,
|
|
12748
12722
|
{
|
|
12749
12723
|
className: "uf-w-3.5 uf-h-3.5 uf-block",
|
|
12750
|
-
style: { color: components.card.
|
|
12724
|
+
style: { color: components.card.actionIcon }
|
|
12751
12725
|
}
|
|
12752
12726
|
)
|
|
12753
12727
|
]
|
|
@@ -13506,25 +13480,28 @@ function BuyWithCard({
|
|
|
13506
13480
|
}
|
|
13507
13481
|
}
|
|
13508
13482
|
) }) }),
|
|
13509
|
-
selectedCurrencyData?.suggested_amounts && selectedCurrencyData.suggested_amounts.length > 0 && /* @__PURE__ */ jsx102("div", { className: "uf-flex uf-gap-3 uf-justify-center", children: selectedCurrencyData.suggested_amounts.map((quickAmount) =>
|
|
13510
|
-
|
|
13511
|
-
|
|
13512
|
-
|
|
13513
|
-
|
|
13514
|
-
|
|
13515
|
-
|
|
13516
|
-
|
|
13517
|
-
|
|
13518
|
-
|
|
13519
|
-
|
|
13483
|
+
selectedCurrencyData?.suggested_amounts && selectedCurrencyData.suggested_amounts.length > 0 && /* @__PURE__ */ jsx102("div", { className: "uf-flex uf-gap-3 uf-justify-center", children: selectedCurrencyData.suggested_amounts.map((quickAmount) => {
|
|
13484
|
+
const isSelected = parseFloat(amount) === quickAmount;
|
|
13485
|
+
return /* @__PURE__ */ jsxs8(
|
|
13486
|
+
"button",
|
|
13487
|
+
{
|
|
13488
|
+
onClick: () => handleQuickAmount(quickAmount),
|
|
13489
|
+
className: "uf-w-24 uf-py-2 hover:uf-bg-accent uf-transition-colors uf-text-sm uf-font-medium",
|
|
13490
|
+
style: {
|
|
13491
|
+
backgroundColor: components.card.backgroundColor,
|
|
13492
|
+
color: components.card.titleColor,
|
|
13493
|
+
fontFamily: fonts.medium,
|
|
13494
|
+
borderRadius: components.card.borderRadius,
|
|
13495
|
+
border: `${components.card.borderWidth}px solid ${isSelected ? colors2.primary : components.card.borderColor}`
|
|
13496
|
+
},
|
|
13497
|
+
children: [
|
|
13498
|
+
getCurrencySymbol(currency),
|
|
13499
|
+
quickAmount.toLocaleString()
|
|
13500
|
+
]
|
|
13520
13501
|
},
|
|
13521
|
-
|
|
13522
|
-
|
|
13523
|
-
|
|
13524
|
-
]
|
|
13525
|
-
},
|
|
13526
|
-
quickAmount
|
|
13527
|
-
)) }),
|
|
13502
|
+
quickAmount
|
|
13503
|
+
);
|
|
13504
|
+
}) }),
|
|
13528
13505
|
amountValidationError && /* @__PURE__ */ jsx102(
|
|
13529
13506
|
"div",
|
|
13530
13507
|
{
|
|
@@ -13543,7 +13520,7 @@ function BuyWithCard({
|
|
|
13543
13520
|
"span",
|
|
13544
13521
|
{
|
|
13545
13522
|
style: {
|
|
13546
|
-
color: components.card.
|
|
13523
|
+
color: components.card.labelColor,
|
|
13547
13524
|
fontFamily: fonts.medium
|
|
13548
13525
|
},
|
|
13549
13526
|
children: "Provider"
|
|
@@ -13602,7 +13579,7 @@ function BuyWithCard({
|
|
|
13602
13579
|
{
|
|
13603
13580
|
className: "uf-text-xs uf-font-normal uf-mb-2",
|
|
13604
13581
|
style: {
|
|
13605
|
-
color: components.card.
|
|
13582
|
+
color: components.card.headerColor,
|
|
13606
13583
|
fontFamily: fonts.regular
|
|
13607
13584
|
},
|
|
13608
13585
|
children: "Auto-picked for you"
|
|
@@ -13717,8 +13694,8 @@ function BuyWithCard({
|
|
|
13717
13694
|
/* @__PURE__ */ jsx102(
|
|
13718
13695
|
"div",
|
|
13719
13696
|
{
|
|
13720
|
-
className: `uf-transition-all uf-duration-300 uf-min-h-[420px] ${showQuotesView && !showOnrampView ? "uf-opacity-100" : "uf-opacity-0 uf-pointer-events-none uf-absolute uf-inset-0"}`,
|
|
13721
|
-
children: /* @__PURE__ */ jsx102("div", { className: "uf-space-y-2 uf-pt-2", children: sortedQuotes.map((quote, index2) => {
|
|
13697
|
+
className: `uf-transition-all uf-duration-300 uf-min-h-[420px] uf-flex uf-flex-col ${showQuotesView && !showOnrampView ? "uf-opacity-100" : "uf-opacity-0 uf-pointer-events-none uf-absolute uf-inset-0"}`,
|
|
13698
|
+
children: /* @__PURE__ */ jsx102("div", { className: "uf-space-y-2 uf-pt-2 uf-pb-8 uf-overflow-y-auto uf-flex-1 uf-min-h-0", children: sortedQuotes.map((quote, index2) => {
|
|
13722
13699
|
const badges = getProviderBadges(quote, sortedQuotes);
|
|
13723
13700
|
const displayName = quote.service_provider_display_name;
|
|
13724
13701
|
const isSelected = selectedProvider?.service_provider === quote.service_provider;
|
|
@@ -13735,11 +13712,11 @@ function BuyWithCard({
|
|
|
13735
13712
|
},
|
|
13736
13713
|
onMouseEnter: () => setHoveredProviderIndex(index2),
|
|
13737
13714
|
onMouseLeave: () => setHoveredProviderIndex(null),
|
|
13738
|
-
className:
|
|
13715
|
+
className: "uf-w-full uf-transition-colors uf-p-3 uf-flex uf-items-center uf-justify-between uf-group",
|
|
13739
13716
|
style: {
|
|
13740
13717
|
backgroundColor: hoveredProviderIndex === index2 ? colors2.cardHover : components.card.backgroundColor,
|
|
13741
13718
|
borderRadius: components.card.borderRadius,
|
|
13742
|
-
border: `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
13719
|
+
border: isSelected ? `2px solid ${colors2.primary}` : `${components.card.borderWidth}px solid ${components.card.borderColor}`
|
|
13743
13720
|
},
|
|
13744
13721
|
children: [
|
|
13745
13722
|
/* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-gap-3", children: [
|
|
@@ -13766,7 +13743,8 @@ function BuyWithCard({
|
|
|
13766
13743
|
badges.map((badge, i) => /* @__PURE__ */ jsxs8(
|
|
13767
13744
|
"span",
|
|
13768
13745
|
{
|
|
13769
|
-
className: "uf-text-[10px] uf-
|
|
13746
|
+
className: "uf-text-[10px] uf-font-normal",
|
|
13747
|
+
style: { color: colors2.success },
|
|
13770
13748
|
children: [
|
|
13771
13749
|
badge,
|
|
13772
13750
|
i < badges.length - 1 && ","
|
|
@@ -13774,8 +13752,25 @@ function BuyWithCard({
|
|
|
13774
13752
|
},
|
|
13775
13753
|
i
|
|
13776
13754
|
)),
|
|
13777
|
-
quote.low_kyc === false && badges.length > 0 && /* @__PURE__ */ jsx102(
|
|
13778
|
-
|
|
13755
|
+
quote.low_kyc === false && badges.length > 0 && /* @__PURE__ */ jsx102(
|
|
13756
|
+
"span",
|
|
13757
|
+
{
|
|
13758
|
+
className: "uf-text-[10px]",
|
|
13759
|
+
style: { color: components.card.subtextRightColor },
|
|
13760
|
+
children: "\u2022"
|
|
13761
|
+
}
|
|
13762
|
+
),
|
|
13763
|
+
quote.low_kyc === false && /* @__PURE__ */ jsx102(
|
|
13764
|
+
"span",
|
|
13765
|
+
{
|
|
13766
|
+
className: "uf-text-[10px] uf-font-normal",
|
|
13767
|
+
style: {
|
|
13768
|
+
color: components.card.subtextRightColor,
|
|
13769
|
+
fontFamily: fonts.regular
|
|
13770
|
+
},
|
|
13771
|
+
children: "No document upload"
|
|
13772
|
+
}
|
|
13773
|
+
)
|
|
13779
13774
|
] })
|
|
13780
13775
|
] })
|
|
13781
13776
|
] }),
|
|
@@ -13876,7 +13871,7 @@ function BuyWithCard({
|
|
|
13876
13871
|
}
|
|
13877
13872
|
)
|
|
13878
13873
|
] }),
|
|
13879
|
-
/* @__PURE__ */ jsx102("div", { className: "uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx102(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.
|
|
13874
|
+
/* @__PURE__ */ jsx102("div", { className: "uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx102(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.iconColor } }) }),
|
|
13880
13875
|
/* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
|
|
13881
13876
|
/* @__PURE__ */ jsx102("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsxs8("div", { className: "uf-relative", children: [
|
|
13882
13877
|
/* @__PURE__ */ jsx102(
|
|
@@ -13919,7 +13914,7 @@ function BuyWithCard({
|
|
|
13919
13914
|
}
|
|
13920
13915
|
)
|
|
13921
13916
|
] }),
|
|
13922
|
-
/* @__PURE__ */ jsx102("div", { className: "uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx102(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.
|
|
13917
|
+
/* @__PURE__ */ jsx102("div", { className: "uf-px-1 uf-self-start uf-pt-2", children: /* @__PURE__ */ jsx102(ChevronRight, { className: "uf-w-4 uf-h-4", style: { color: components.card.iconColor } }) }),
|
|
13923
13918
|
/* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
|
|
13924
13919
|
/* @__PURE__ */ jsx102("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsxs8("div", { className: "uf-relative", children: [
|
|
13925
13920
|
/* @__PURE__ */ jsx102(
|
|
@@ -14401,7 +14396,7 @@ function DepositExecutionItem({
|
|
|
14401
14396
|
{
|
|
14402
14397
|
className: "uf-font-medium uf-text-sm uf-flex-shrink-0",
|
|
14403
14398
|
style: {
|
|
14404
|
-
color: components.card.
|
|
14399
|
+
color: components.card.textRightColor,
|
|
14405
14400
|
fontFamily: fonts.medium
|
|
14406
14401
|
},
|
|
14407
14402
|
children: formatUsdAmount2(execution.source_amount_usd || "0")
|
|
@@ -14450,7 +14445,7 @@ function TransferCryptoButton({
|
|
|
14450
14445
|
Zap,
|
|
14451
14446
|
{
|
|
14452
14447
|
className: "uf-w-5 uf-h-5",
|
|
14453
|
-
style: { color:
|
|
14448
|
+
style: { color: components.card.iconColor }
|
|
14454
14449
|
}
|
|
14455
14450
|
) }),
|
|
14456
14451
|
/* @__PURE__ */ jsxs11("div", { className: "uf-text-left", children: [
|
|
@@ -14537,7 +14532,7 @@ function DepositWithCardButton({
|
|
|
14537
14532
|
CreditCard,
|
|
14538
14533
|
{
|
|
14539
14534
|
className: "uf-w-5 uf-h-5",
|
|
14540
|
-
style: { color:
|
|
14535
|
+
style: { color: components.card.iconColor }
|
|
14541
14536
|
}
|
|
14542
14537
|
) }),
|
|
14543
14538
|
/* @__PURE__ */ jsxs12("div", { className: "uf-text-left", children: [
|
|
@@ -14630,7 +14625,7 @@ function PayWithExchangeButton({
|
|
|
14630
14625
|
ArrowLeftRight,
|
|
14631
14626
|
{
|
|
14632
14627
|
className: "uf-w-5 uf-h-5",
|
|
14633
|
-
style: { color:
|
|
14628
|
+
style: { color: components.card.iconColor }
|
|
14634
14629
|
}
|
|
14635
14630
|
) }),
|
|
14636
14631
|
/* @__PURE__ */ jsxs13("div", { className: "uf-text-left", children: [
|
|
@@ -14717,7 +14712,7 @@ function DepositTrackerButton({
|
|
|
14717
14712
|
Clock,
|
|
14718
14713
|
{
|
|
14719
14714
|
className: "uf-w-5 uf-h-5",
|
|
14720
|
-
style: { color:
|
|
14715
|
+
style: { color: components.card.iconColor }
|
|
14721
14716
|
}
|
|
14722
14717
|
),
|
|
14723
14718
|
badge !== void 0 && badge > 0 && /* @__PURE__ */ jsx162(
|
|
@@ -17547,7 +17542,7 @@ function DepositsModal({
|
|
|
17547
17542
|
onClose: handleClose
|
|
17548
17543
|
}
|
|
17549
17544
|
),
|
|
17550
|
-
/* @__PURE__ */ jsx33("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx33("div", { className: "uf-space-y-2", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx33("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx33(
|
|
17545
|
+
/* @__PURE__ */ jsx33("div", { className: "uf-flex-1 uf-min-h-0 uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsx33("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx33("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx33(
|
|
17551
17546
|
"div",
|
|
17552
17547
|
{
|
|
17553
17548
|
className: "uf-text-sm",
|
|
@@ -17741,23 +17736,33 @@ function TokenSelectorSheet({
|
|
|
17741
17736
|
),
|
|
17742
17737
|
/* @__PURE__ */ jsx34("div", { className: "uf-w-7 uf-h-5 uf-invisible" })
|
|
17743
17738
|
] }),
|
|
17744
|
-
/* @__PURE__ */
|
|
17745
|
-
|
|
17746
|
-
|
|
17747
|
-
|
|
17748
|
-
|
|
17749
|
-
|
|
17750
|
-
|
|
17751
|
-
className: "uf-w-full uf-px-4 uf-py-2.5 uf-text-sm uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30",
|
|
17752
|
-
style: {
|
|
17753
|
-
backgroundColor: components.search.backgroundColor,
|
|
17754
|
-
color: components.search.inputColor,
|
|
17755
|
-
fontFamily: fonts.regular,
|
|
17756
|
-
borderRadius: components.input.borderRadius,
|
|
17757
|
-
border: `${components.input.borderWidth}px solid ${components.input.borderColor}`
|
|
17739
|
+
/* @__PURE__ */ jsxs30("div", { className: "uf-pb-3", children: [
|
|
17740
|
+
/* @__PURE__ */ jsx34(
|
|
17741
|
+
"style",
|
|
17742
|
+
{
|
|
17743
|
+
dangerouslySetInnerHTML: {
|
|
17744
|
+
__html: `.uf-token-sheet-search::placeholder { color: ${components.search.placeholderColor}; }`
|
|
17745
|
+
}
|
|
17758
17746
|
}
|
|
17759
|
-
|
|
17760
|
-
|
|
17747
|
+
),
|
|
17748
|
+
/* @__PURE__ */ jsx34("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsx34(
|
|
17749
|
+
"input",
|
|
17750
|
+
{
|
|
17751
|
+
type: "text",
|
|
17752
|
+
placeholder: "Search",
|
|
17753
|
+
value: searchQuery,
|
|
17754
|
+
onChange: (e) => setSearchQuery(e.target.value),
|
|
17755
|
+
className: "uf-token-sheet-search uf-w-full uf-px-4 uf-py-2.5 uf-text-sm uf-outline-none focus:uf-ring-2 focus:uf-ring-ring/30",
|
|
17756
|
+
style: {
|
|
17757
|
+
backgroundColor: components.search.backgroundColor,
|
|
17758
|
+
color: components.search.inputColor,
|
|
17759
|
+
fontFamily: fonts.regular,
|
|
17760
|
+
borderRadius: components.input.borderRadius,
|
|
17761
|
+
border: `${components.input.borderWidth}px solid ${components.input.borderColor}`
|
|
17762
|
+
}
|
|
17763
|
+
}
|
|
17764
|
+
) })
|
|
17765
|
+
] }),
|
|
17761
17766
|
quickSelectOptions.length > 0 && !searchQuery && /* @__PURE__ */ jsxs30("div", { className: "uf-pb-3 uf--mx-6", children: [
|
|
17762
17767
|
/* @__PURE__ */ jsx34(
|
|
17763
17768
|
"div",
|
|
@@ -18009,12 +18014,13 @@ function TokenSelectorSheet({
|
|
|
18009
18014
|
style: {
|
|
18010
18015
|
fontSize: 12,
|
|
18011
18016
|
flexShrink: 0,
|
|
18012
|
-
color: components.card.labelColor,
|
|
18013
18017
|
fontFamily: fonts.regular
|
|
18014
18018
|
},
|
|
18015
18019
|
children: [
|
|
18016
|
-
"
|
|
18017
|
-
|
|
18020
|
+
/* @__PURE__ */ jsxs30("span", { style: { color: components.card.textRightColor }, children: [
|
|
18021
|
+
"Minimum:",
|
|
18022
|
+
" "
|
|
18023
|
+
] }),
|
|
18018
18024
|
/* @__PURE__ */ jsxs30("span", { style: { color: components.card.labelHighlightRightColor }, children: [
|
|
18019
18025
|
"$",
|
|
18020
18026
|
chain.minimum_deposit_amount_usd
|
|
@@ -18090,13 +18096,15 @@ function DepositPollingUi({
|
|
|
18090
18096
|
function DepositFooterLinks({
|
|
18091
18097
|
onGlossaryClick
|
|
18092
18098
|
}) {
|
|
18099
|
+
const { colors: colors2 } = useTheme();
|
|
18093
18100
|
return /* @__PURE__ */ jsxs322("div", { className: "uf-flex uf-justify-end uf-items-center uf-gap-2 uf-text-xs uf-text-muted-foreground", children: [
|
|
18094
18101
|
/* @__PURE__ */ jsx36(
|
|
18095
18102
|
"a",
|
|
18096
18103
|
{
|
|
18097
18104
|
href: "https://unifold.io/terms",
|
|
18098
18105
|
target: "_blank",
|
|
18099
|
-
className: "uf-cursor-pointer hover:uf-
|
|
18106
|
+
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
18107
|
+
style: { color: colors2.primary },
|
|
18100
18108
|
children: "Terms"
|
|
18101
18109
|
}
|
|
18102
18110
|
),
|
|
@@ -18106,7 +18114,8 @@ function DepositFooterLinks({
|
|
|
18106
18114
|
{
|
|
18107
18115
|
href: "https://unifold.io/support",
|
|
18108
18116
|
target: "_blank",
|
|
18109
|
-
className: "uf-cursor-pointer hover:uf-
|
|
18117
|
+
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
18118
|
+
style: { color: colors2.primary },
|
|
18110
18119
|
children: "Help"
|
|
18111
18120
|
}
|
|
18112
18121
|
),
|
|
@@ -18114,8 +18123,9 @@ function DepositFooterLinks({
|
|
|
18114
18123
|
/* @__PURE__ */ jsx36(
|
|
18115
18124
|
"div",
|
|
18116
18125
|
{
|
|
18117
|
-
className: "uf-cursor-pointer hover:uf-
|
|
18126
|
+
className: "uf-cursor-pointer hover:uf-opacity-90 uf-transition-colors",
|
|
18118
18127
|
onClick: onGlossaryClick,
|
|
18128
|
+
style: { color: colors2.primary },
|
|
18119
18129
|
children: "Glossary"
|
|
18120
18130
|
}
|
|
18121
18131
|
)
|
|
@@ -18125,61 +18135,117 @@ var t3 = i18n2.transferCrypto;
|
|
|
18125
18135
|
function GlossaryModal({
|
|
18126
18136
|
open,
|
|
18127
18137
|
onOpenChange,
|
|
18128
|
-
|
|
18129
|
-
|
|
18138
|
+
backgroundColor: backgroundColorProp,
|
|
18139
|
+
themeClass: themeClassProp,
|
|
18140
|
+
colors: colorsProp
|
|
18130
18141
|
}) {
|
|
18142
|
+
const { themeClass, colors: colors2, components } = useTheme();
|
|
18143
|
+
const resolvedThemeClass = themeClassProp ?? themeClass;
|
|
18144
|
+
const modalBackground = backgroundColorProp ?? colors2.background;
|
|
18131
18145
|
return /* @__PURE__ */ jsx37(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs33(
|
|
18132
18146
|
DialogContent2,
|
|
18133
18147
|
{
|
|
18134
|
-
className: `sm:uf-max-w-[400px] !uf-top-auto !uf-h-auto sm:!uf-top-[50%] uf-border-secondary uf-
|
|
18135
|
-
style: { backgroundColor:
|
|
18148
|
+
className: `sm:uf-max-w-[400px] !uf-top-auto !uf-h-auto sm:!uf-top-[50%] uf-border-secondary uf-p-0 uf-gap-0 [&>button]:uf-hidden ${resolvedThemeClass}`,
|
|
18149
|
+
style: { backgroundColor: modalBackground },
|
|
18136
18150
|
children: [
|
|
18137
|
-
/* @__PURE__ */ jsxs33("div", { className: "uf-flex uf-items-center uf-justify-between
|
|
18138
|
-
/* @__PURE__ */ jsx37(
|
|
18151
|
+
/* @__PURE__ */ jsxs33("div", { className: "uf-relative uf-flex uf-items-center uf-justify-between", children: [
|
|
18152
|
+
/* @__PURE__ */ jsx37("span", { className: "uf-invisible uf-w-9 uf-h-9 uf-flex uf-shrink-0 uf-items-center uf-justify-center", "aria-hidden": true, children: /* @__PURE__ */ jsx37(X, { className: "uf-w-4 uf-h-4" }) }),
|
|
18153
|
+
/* @__PURE__ */ jsx37(
|
|
18154
|
+
DialogTitle2,
|
|
18155
|
+
{
|
|
18156
|
+
className: "uf-text-base uf-font-medium uf-absolute uf-left-0 uf-right-0 uf-text-center uf-pointer-events-none",
|
|
18157
|
+
style: { color: components.header.titleColor },
|
|
18158
|
+
children: "Glossary"
|
|
18159
|
+
}
|
|
18160
|
+
),
|
|
18139
18161
|
/* @__PURE__ */ jsx37(
|
|
18140
18162
|
"button",
|
|
18141
18163
|
{
|
|
18142
18164
|
onClick: () => onOpenChange(false),
|
|
18143
|
-
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-
|
|
18165
|
+
className: "uf-p-1 uf-rounded-lg hover:uf-bg-secondary uf-transition-colors uf-flex-shrink-0 uf-z-[1]",
|
|
18166
|
+
style: { color: components.header.buttonColor },
|
|
18144
18167
|
children: /* @__PURE__ */ jsx37(X, { className: "uf-w-4 uf-h-4" })
|
|
18145
18168
|
}
|
|
18146
18169
|
)
|
|
18147
18170
|
] }),
|
|
18148
|
-
/* @__PURE__ */ jsx37("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-
|
|
18149
|
-
/* @__PURE__ */ jsxs33(
|
|
18150
|
-
|
|
18151
|
-
|
|
18152
|
-
|
|
18153
|
-
|
|
18154
|
-
|
|
18155
|
-
|
|
18156
|
-
|
|
18157
|
-
|
|
18158
|
-
|
|
18159
|
-
|
|
18160
|
-
|
|
18161
|
-
|
|
18162
|
-
|
|
18163
|
-
|
|
18164
|
-
|
|
18165
|
-
|
|
18166
|
-
|
|
18167
|
-
|
|
18168
|
-
|
|
18169
|
-
|
|
18170
|
-
|
|
18171
|
-
|
|
18172
|
-
|
|
18173
|
-
|
|
18174
|
-
|
|
18175
|
-
|
|
18176
|
-
|
|
18177
|
-
|
|
18178
|
-
|
|
18179
|
-
|
|
18180
|
-
|
|
18181
|
-
|
|
18182
|
-
|
|
18171
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-max-h-[60vh] sm:uf-max-h-[400px] uf-overflow-y-auto uf-pb-4 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: /* @__PURE__ */ jsxs33("div", { className: "uf-space-y-3", children: [
|
|
18172
|
+
/* @__PURE__ */ jsxs33(
|
|
18173
|
+
"div",
|
|
18174
|
+
{
|
|
18175
|
+
className: "uf-rounded-xl uf-p-3",
|
|
18176
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
18177
|
+
children: [
|
|
18178
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Your Deposit Token" }),
|
|
18179
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.selectTokenDepositTooltip })
|
|
18180
|
+
]
|
|
18181
|
+
}
|
|
18182
|
+
),
|
|
18183
|
+
/* @__PURE__ */ jsxs33(
|
|
18184
|
+
"div",
|
|
18185
|
+
{
|
|
18186
|
+
className: "uf-rounded-xl uf-p-3",
|
|
18187
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
18188
|
+
children: [
|
|
18189
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Deposit Address" }),
|
|
18190
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "A unique wallet address generated for you. Send supported tokens to this address and they will be automatically converted and deposited into your account." })
|
|
18191
|
+
]
|
|
18192
|
+
}
|
|
18193
|
+
),
|
|
18194
|
+
/* @__PURE__ */ jsxs33(
|
|
18195
|
+
"div",
|
|
18196
|
+
{
|
|
18197
|
+
className: "uf-rounded-xl uf-p-3",
|
|
18198
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
18199
|
+
children: [
|
|
18200
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Price Impact" }),
|
|
18201
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.priceImpact.tooltip })
|
|
18202
|
+
]
|
|
18203
|
+
}
|
|
18204
|
+
),
|
|
18205
|
+
/* @__PURE__ */ jsxs33(
|
|
18206
|
+
"div",
|
|
18207
|
+
{
|
|
18208
|
+
className: "uf-rounded-xl uf-p-3",
|
|
18209
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
18210
|
+
children: [
|
|
18211
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Slippage" }),
|
|
18212
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.slippage.tooltip })
|
|
18213
|
+
]
|
|
18214
|
+
}
|
|
18215
|
+
),
|
|
18216
|
+
/* @__PURE__ */ jsxs33(
|
|
18217
|
+
"div",
|
|
18218
|
+
{
|
|
18219
|
+
className: "uf-rounded-xl uf-p-3",
|
|
18220
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
18221
|
+
children: [
|
|
18222
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Processing Time" }),
|
|
18223
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The estimated time for your deposit to be confirmed and credited. This depends on the source network's block confirmation time and current congestion." })
|
|
18224
|
+
]
|
|
18225
|
+
}
|
|
18226
|
+
),
|
|
18227
|
+
/* @__PURE__ */ jsxs33(
|
|
18228
|
+
"div",
|
|
18229
|
+
{
|
|
18230
|
+
className: "uf-rounded-xl uf-p-3",
|
|
18231
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
18232
|
+
children: [
|
|
18233
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Minimum Deposit" }),
|
|
18234
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: t3.minDeposit.tooltip })
|
|
18235
|
+
]
|
|
18236
|
+
}
|
|
18237
|
+
),
|
|
18238
|
+
/* @__PURE__ */ jsxs33(
|
|
18239
|
+
"div",
|
|
18240
|
+
{
|
|
18241
|
+
className: "uf-rounded-xl uf-p-3",
|
|
18242
|
+
style: { backgroundColor: components.card.backgroundColor },
|
|
18243
|
+
children: [
|
|
18244
|
+
/* @__PURE__ */ jsx37("div", { className: "uf-text-sm uf-font-medium uf-mb-1", style: { color: components.card.titleColor }, children: "Recipient Address" }),
|
|
18245
|
+
/* @__PURE__ */ jsx37("p", { className: "uf-text-xs uf-leading-relaxed", style: { color: components.card.descriptionColor }, children: "The destination address on the target blockchain where your converted deposit will be sent. This is typically your wallet address on the application's native chain." })
|
|
18246
|
+
]
|
|
18247
|
+
}
|
|
18248
|
+
)
|
|
18183
18249
|
] }) })
|
|
18184
18250
|
]
|
|
18185
18251
|
}
|
|
@@ -18420,7 +18486,7 @@ function TransferCryptoSingleInput({
|
|
|
18420
18486
|
className: "uf-space-y-3 [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden",
|
|
18421
18487
|
style: { backgroundColor: colors2.background },
|
|
18422
18488
|
children: [
|
|
18423
|
-
/* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-
|
|
18489
|
+
/* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-mb-1 uf-flex uf-items-center uf-justify-between", style: { color: components.card.labelColor }, children: /* @__PURE__ */ jsx39("div", { className: "uf-flex uf-items-center uf-gap-1", children: t4.selectTokenDeposit }) }),
|
|
18424
18490
|
/* @__PURE__ */ jsx39(
|
|
18425
18491
|
"button",
|
|
18426
18492
|
{
|
|
@@ -18524,7 +18590,7 @@ function TransferCryptoSingleInput({
|
|
|
18524
18590
|
] })
|
|
18525
18591
|
] }),
|
|
18526
18592
|
/* @__PURE__ */ jsxs34("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
18527
|
-
/* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-
|
|
18593
|
+
/* @__PURE__ */ jsx39("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
18528
18594
|
/* @__PURE__ */ jsx39("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
18529
18595
|
// QR Skeleton - matches QR code appearance
|
|
18530
18596
|
/* @__PURE__ */ jsx39(
|
|
@@ -18569,7 +18635,7 @@ function TransferCryptoSingleInput({
|
|
|
18569
18635
|
}
|
|
18570
18636
|
) })
|
|
18571
18637
|
] }),
|
|
18572
|
-
/* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsxs34("div", { className: "uf-text-sm uf-
|
|
18638
|
+
/* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsxs34("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
18573
18639
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
18574
18640
|
// Address skeleton
|
|
18575
18641
|
/* @__PURE__ */ jsx39(
|
|
@@ -18581,12 +18647,13 @@ function TransferCryptoSingleInput({
|
|
|
18581
18647
|
}
|
|
18582
18648
|
}
|
|
18583
18649
|
)
|
|
18584
|
-
) : /* @__PURE__ */ jsx39("span", { className: "uf-text-sm uf-truncate uf-min-w-0", children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
|
|
18650
|
+
) : /* @__PURE__ */ jsx39("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t4.noAddressAvailable }),
|
|
18585
18651
|
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx39(
|
|
18586
18652
|
"span",
|
|
18587
18653
|
{
|
|
18588
18654
|
onClick: handleCopyAddress,
|
|
18589
|
-
className:
|
|
18655
|
+
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
18656
|
+
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
18590
18657
|
children: copied ? /* @__PURE__ */ jsx39(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx39(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
18591
18658
|
}
|
|
18592
18659
|
)
|
|
@@ -18648,7 +18715,8 @@ function TransferCryptoSingleInput({
|
|
|
18648
18715
|
"span",
|
|
18649
18716
|
{
|
|
18650
18717
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
18651
|
-
className:
|
|
18718
|
+
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
18719
|
+
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
18652
18720
|
children: copiedRecipient ? /* @__PURE__ */ jsx39(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx39(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
18653
18721
|
}
|
|
18654
18722
|
)
|
|
@@ -19039,7 +19107,7 @@ function TransferCryptoDoubleInput({
|
|
|
19039
19107
|
children: [
|
|
19040
19108
|
/* @__PURE__ */ jsxs36("div", { className: "uf-grid uf-grid-cols-2 uf-gap-2.5", children: [
|
|
19041
19109
|
/* @__PURE__ */ jsxs36("div", { children: [
|
|
19042
|
-
/* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-
|
|
19110
|
+
/* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: t5.selectedToken }),
|
|
19043
19111
|
/* @__PURE__ */ jsxs36(
|
|
19044
19112
|
Select2,
|
|
19045
19113
|
{
|
|
@@ -19047,7 +19115,7 @@ function TransferCryptoDoubleInput({
|
|
|
19047
19115
|
onValueChange: setToken,
|
|
19048
19116
|
disabled: tokensLoading || supportedTokens.length === 0,
|
|
19049
19117
|
children: [
|
|
19050
|
-
/* @__PURE__ */ jsx41(SelectTrigger2, { className: "uf-
|
|
19118
|
+
/* @__PURE__ */ jsx41(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx41(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : selectedToken ? renderTokenItem(selectedToken) : /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: token }) }) }) }),
|
|
19051
19119
|
/* @__PURE__ */ jsx41(SelectContent2, { className: "uf-bg-secondary uf-border uf-text-foreground uf-max-h-[300px]", style: { border: `1px solid ${isDarkMode ? "rgba(255,255,255,0.15)" : "rgba(0,0,0,0.15)"}`, ...fonts.regular ? { "--uf-font-family": fonts.regular } : {} }, children: supportedTokens.map((tokenData) => /* @__PURE__ */ jsx41(
|
|
19052
19120
|
SelectItem2,
|
|
19053
19121
|
{
|
|
@@ -19062,7 +19130,7 @@ function TransferCryptoDoubleInput({
|
|
|
19062
19130
|
)
|
|
19063
19131
|
] }),
|
|
19064
19132
|
/* @__PURE__ */ jsxs36("div", { children: [
|
|
19065
|
-
/* @__PURE__ */ jsxs36("div", { className: "uf-text-xs uf-
|
|
19133
|
+
/* @__PURE__ */ jsxs36("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: [
|
|
19066
19134
|
t5.selectedChain,
|
|
19067
19135
|
/* @__PURE__ */ jsxs36("span", { className: "uf-font-medium", style: { color: components.card.labelHighlightRightColor }, children: [
|
|
19068
19136
|
"$",
|
|
@@ -19078,7 +19146,7 @@ function TransferCryptoDoubleInput({
|
|
|
19078
19146
|
onValueChange: setChain,
|
|
19079
19147
|
disabled: tokensLoading || availableChainsForToken.length === 0,
|
|
19080
19148
|
children: [
|
|
19081
|
-
/* @__PURE__ */ jsx41(SelectTrigger2, { className: "uf-
|
|
19149
|
+
/* @__PURE__ */ jsx41(SelectTrigger2, { className: "uf-h-10 hover:uf-opacity-90 uf-text-foreground disabled:uf-opacity-50", style: { backgroundColor: components.card.backgroundColor, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ jsx41(SelectValue2, { children: tokensLoading ? /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-light uf-text-muted-foreground", children: t5.loading }) }) : currentChainFromBackend ? renderChainItem(currentChainFromBackend) : currentChainData ? renderChainItem(currentChainData) : /* @__PURE__ */ jsx41("div", { className: "uf-flex uf-items-center uf-gap-2", children: /* @__PURE__ */ jsx41("span", { className: "uf-text-xs uf-font-normal", children: chain }) }) }) }),
|
|
19082
19150
|
/* @__PURE__ */ jsx41(
|
|
19083
19151
|
SelectContent2,
|
|
19084
19152
|
{
|
|
@@ -19121,7 +19189,7 @@ function TransferCryptoDoubleInput({
|
|
|
19121
19189
|
] })
|
|
19122
19190
|
] }),
|
|
19123
19191
|
/* @__PURE__ */ jsxs36("div", { className: "uf-flex uf-flex-col uf-items-center uf-pt-2", children: [
|
|
19124
|
-
/* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-
|
|
19192
|
+
/* @__PURE__ */ jsx41("div", { className: "uf-text-xs uf-mb-2 uf-flex uf-items-center uf-gap-1", style: { color: components.card.labelColor }, children: "Intent address" }),
|
|
19125
19193
|
/* @__PURE__ */ jsx41("div", { className: "uf-shadow-lg", style: { borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: loading || tokensLoading || !initialSelectionDone ? (
|
|
19126
19194
|
// QR Skeleton - matches QR code appearance
|
|
19127
19195
|
/* @__PURE__ */ jsx41(
|
|
@@ -19166,7 +19234,7 @@ function TransferCryptoDoubleInput({
|
|
|
19166
19234
|
}
|
|
19167
19235
|
) })
|
|
19168
19236
|
] }),
|
|
19169
|
-
/* @__PURE__ */ jsx41("div", { children: /* @__PURE__ */ jsxs36("div", { className: "uf-text-sm uf-
|
|
19237
|
+
/* @__PURE__ */ jsx41("div", { children: /* @__PURE__ */ jsxs36("div", { className: "uf-text-sm uf-mb-2 uf-flex uf-justify-center uf-items-center uf-gap-1", children: [
|
|
19170
19238
|
loading || tokensLoading || !initialSelectionDone ? (
|
|
19171
19239
|
// Address skeleton
|
|
19172
19240
|
/* @__PURE__ */ jsx41(
|
|
@@ -19178,12 +19246,13 @@ function TransferCryptoDoubleInput({
|
|
|
19178
19246
|
}
|
|
19179
19247
|
}
|
|
19180
19248
|
)
|
|
19181
|
-
) : /* @__PURE__ */ jsx41("span", { className: "uf-text-sm uf-truncate uf-min-w-0", children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
|
|
19249
|
+
) : /* @__PURE__ */ jsx41("span", { className: "uf-text-sm uf-truncate uf-min-w-0", style: { color: components.card.titleColor }, children: depositAddress ? truncateAddress(depositAddress, 8, 6) : t5.noAddressAvailable }),
|
|
19182
19250
|
depositAddress && initialSelectionDone && /* @__PURE__ */ jsx41(
|
|
19183
19251
|
"span",
|
|
19184
19252
|
{
|
|
19185
19253
|
onClick: handleCopyAddress,
|
|
19186
|
-
className:
|
|
19254
|
+
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
19255
|
+
style: { color: copied ? colors2.success : components.card.actionColor },
|
|
19187
19256
|
children: copied ? /* @__PURE__ */ jsx41(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx41(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
19188
19257
|
}
|
|
19189
19258
|
)
|
|
@@ -19245,7 +19314,8 @@ function TransferCryptoDoubleInput({
|
|
|
19245
19314
|
"span",
|
|
19246
19315
|
{
|
|
19247
19316
|
onClick: () => handleCopyRecipientAddress(recipientAddress),
|
|
19248
|
-
className:
|
|
19317
|
+
className: "uf-flex-shrink-0 uf-transition-colors uf-cursor-pointer",
|
|
19318
|
+
style: { color: copiedRecipient ? colors2.success : components.card.actionColor },
|
|
19249
19319
|
children: copiedRecipient ? /* @__PURE__ */ jsx41(Check, { className: "uf-w-3.5 uf-h-3.5" }) : /* @__PURE__ */ jsx41(Copy, { className: "uf-w-3.5 uf-h-3.5" })
|
|
19250
19320
|
}
|
|
19251
19321
|
)
|
|
@@ -21639,7 +21709,7 @@ function DepositModal({
|
|
|
21639
21709
|
onClose: handleClose
|
|
21640
21710
|
}
|
|
21641
21711
|
),
|
|
21642
|
-
/* @__PURE__ */ jsx48("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx48(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx48("div", { className: "uf-space-y-2 uf-pb-
|
|
21712
|
+
/* @__PURE__ */ jsx48("div", { className: "uf-h-[460px] uf-overflow-y-auto [scrollbar-width:none] [&::-webkit-scrollbar]:uf-hidden", children: selectedExecution ? /* @__PURE__ */ jsx48(DepositDetailContent, { execution: selectedExecution }) : /* @__PURE__ */ jsx48("div", { className: "uf-space-y-2 uf-pb-8", children: allExecutions.length === 0 ? /* @__PURE__ */ jsx48("div", { className: "uf-py-8 uf-px-4 uf-text-center", children: /* @__PURE__ */ jsx48(
|
|
21643
21713
|
"div",
|
|
21644
21714
|
{
|
|
21645
21715
|
className: "uf-text-sm",
|