@unifold/ui-web 0.1.37 → 0.1.38

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 CHANGED
@@ -48787,6 +48787,10 @@ var en_default2 = {
48787
48787
  payWithExchange: {
48788
48788
  title: "Pay with Exchange",
48789
48789
  subtitle: "Transfer from exchange"
48790
+ },
48791
+ depositTracker: {
48792
+ title: "Deposit Tracker",
48793
+ subtitle: "Track your deposit progress"
48790
48794
  }
48791
48795
  },
48792
48796
  payWithExchange: {
@@ -49738,7 +49742,9 @@ function BuyWithCard({
49738
49742
  onDepositError,
49739
49743
  themeClass = "",
49740
49744
  wallets: externalWallets,
49741
- assetCdnUrl
49745
+ assetCdnUrl,
49746
+ hideDepositFlowInfo = false,
49747
+ hideDisplayDescription = false
49742
49748
  }) {
49743
49749
  const { colors: colors2, fonts, components } = useTheme();
49744
49750
  const [amount, setAmount] = (0, import_react7.useState)("");
@@ -50557,7 +50563,7 @@ function BuyWithCard({
50557
50563
  children: t.onramp.canCloseModal
50558
50564
  }
50559
50565
  ),
50560
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
50566
+ !hideDepositFlowInfo && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
50561
50567
  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
50562
50568
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
50563
50569
  "img",
@@ -50671,7 +50677,7 @@ function BuyWithCard({
50671
50677
  )
50672
50678
  ] })
50673
50679
  ] }) }),
50674
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
50680
+ !hideDisplayDescription && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
50675
50681
  "p",
50676
50682
  {
50677
50683
  className: "uf-text-xs uf-leading-relaxed",
@@ -58128,11 +58134,18 @@ function DepositModal({
58128
58134
  depositConfirmationMode = "auto_ui",
58129
58135
  enableConnectWallet = false,
58130
58136
  enablePayWithExchange,
58137
+ hideDepositFlowInfo = false,
58138
+ hideDisplayDescription = false,
58131
58139
  onDepositSuccess,
58132
58140
  onDepositError,
58133
58141
  theme = "dark",
58134
58142
  hideOverlay = false,
58135
- initialScreen = "main"
58143
+ initialScreen = "main",
58144
+ transferCryptoTitle = t6.transferCrypto.title,
58145
+ depositWithCardTitle = t6.depositWithCard.title,
58146
+ payWithExchangeTitle = t6.payWithExchange.title,
58147
+ depositTrackerTitle = t6.depositTracker.title,
58148
+ depositTrackerSubTitle = t6.depositTracker.subtitle
58136
58149
  }) {
58137
58150
  const { colors: colors2, fonts, components } = useTheme();
58138
58151
  const effectiveInitialScreen = (0, import_react3.useMemo)(() => {
@@ -58470,7 +58483,7 @@ function DepositModal({
58470
58483
  TransferCryptoButton,
58471
58484
  {
58472
58485
  onClick: () => setView("transfer"),
58473
- title: t6.transferCrypto.title,
58486
+ title: transferCryptoTitle,
58474
58487
  subtitle: t6.transferCrypto.subtitle,
58475
58488
  featuredTokens: projectConfig?.transfer_crypto.networks
58476
58489
  }
@@ -58489,7 +58502,7 @@ function DepositModal({
58489
58502
  DepositWithCardButton,
58490
58503
  {
58491
58504
  onClick: () => setView("card"),
58492
- title: t6.depositWithCard.title,
58505
+ title: depositWithCardTitle,
58493
58506
  subtitle: t6.depositWithCard.subtitle,
58494
58507
  paymentNetworks: projectConfig?.payment_networks.networks
58495
58508
  }
@@ -58498,7 +58511,7 @@ function DepositModal({
58498
58511
  PayWithExchangeButton,
58499
58512
  {
58500
58513
  onClick: () => setView("exchange"),
58501
- title: t6.payWithExchange.title,
58514
+ title: payWithExchangeTitle,
58502
58515
  subtitle: t6.payWithExchange.subtitle,
58503
58516
  exchanges,
58504
58517
  loading: exchangesLoading
@@ -58511,8 +58524,8 @@ function DepositModal({
58511
58524
  setAllExecutions(depositExecutions);
58512
58525
  setView("tracker");
58513
58526
  },
58514
- title: "Deposit Tracker",
58515
- subtitle: "Track your deposit progress",
58527
+ title: depositTrackerTitle,
58528
+ subtitle: depositTrackerSubTitle,
58516
58529
  badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
58517
58530
  }
58518
58531
  )
@@ -58523,7 +58536,7 @@ function DepositModal({
58523
58536
  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58524
58537
  DepositHeader,
58525
58538
  {
58526
- title: t6.transferCrypto.title,
58539
+ title: transferCryptoTitle,
58527
58540
  showBack: showBackTransfer,
58528
58541
  onBack: handleBack,
58529
58542
  onClose: handleClose,
@@ -58574,7 +58587,7 @@ function DepositModal({
58574
58587
  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58575
58588
  DepositHeader,
58576
58589
  {
58577
- title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
58590
+ title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
58578
58591
  showBack: showBackTracker,
58579
58592
  onBack: handleBack,
58580
58593
  onClose: handleClose
@@ -58602,7 +58615,7 @@ function DepositModal({
58602
58615
  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58603
58616
  DepositHeader,
58604
58617
  {
58605
- title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
58618
+ title: cardView === "quotes" ? t6.quotes : depositWithCardTitle,
58606
58619
  showBack: showBackCard,
58607
58620
  onBack: handleBack,
58608
58621
  onClose: handleClose,
@@ -58633,7 +58646,9 @@ function DepositModal({
58633
58646
  onDepositError,
58634
58647
  themeClass,
58635
58648
  wallets,
58636
- assetCdnUrl: projectConfig?.asset_cdn_url
58649
+ assetCdnUrl: projectConfig?.asset_cdn_url,
58650
+ hideDepositFlowInfo,
58651
+ hideDisplayDescription
58637
58652
  }
58638
58653
  ),
58639
58654
  depositPoweredByFooter
@@ -58642,7 +58657,7 @@ function DepositModal({
58642
58657
  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58643
58658
  DepositHeader,
58644
58659
  {
58645
- title: t6.payWithExchange.title,
58660
+ title: payWithExchangeTitle,
58646
58661
  showBack: true,
58647
58662
  onBack: handleBack,
58648
58663
  onClose: handleClose
@@ -58913,7 +58928,14 @@ function UnifoldProvider2({
58913
58928
  onDepositSuccess: handleDepositSuccess,
58914
58929
  onDepositError: handleDepositError,
58915
58930
  theme: resolvedTheme,
58916
- initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen
58931
+ initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
58932
+ transferCryptoTitle: config?.transferCryptoTitle,
58933
+ depositWithCardTitle: config?.depositWithCardTitle,
58934
+ payWithExchangeTitle: config?.payWithExchangeTitle,
58935
+ depositTrackerTitle: config?.depositTrackerTitle,
58936
+ depositTrackerSubTitle: config?.depositTrackerSubTitle,
58937
+ hideDepositFlowInfo: config?.hideDepositFlowInfo,
58938
+ hideDisplayDescription: config?.hideDisplayDescription
58917
58939
  }
58918
58940
  )
58919
58941
  ]
package/dist/index.mjs CHANGED
@@ -48774,6 +48774,10 @@ var en_default2 = {
48774
48774
  payWithExchange: {
48775
48775
  title: "Pay with Exchange",
48776
48776
  subtitle: "Transfer from exchange"
48777
+ },
48778
+ depositTracker: {
48779
+ title: "Deposit Tracker",
48780
+ subtitle: "Track your deposit progress"
48777
48781
  }
48778
48782
  },
48779
48783
  payWithExchange: {
@@ -49725,7 +49729,9 @@ function BuyWithCard({
49725
49729
  onDepositError,
49726
49730
  themeClass = "",
49727
49731
  wallets: externalWallets,
49728
- assetCdnUrl
49732
+ assetCdnUrl,
49733
+ hideDepositFlowInfo = false,
49734
+ hideDisplayDescription = false
49729
49735
  }) {
49730
49736
  const { colors: colors2, fonts, components } = useTheme();
49731
49737
  const [amount, setAmount] = (0, import_react7.useState)("");
@@ -50544,7 +50550,7 @@ function BuyWithCard({
50544
50550
  children: t.onramp.canCloseModal
50545
50551
  }
50546
50552
  ),
50547
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
50553
+ !hideDepositFlowInfo && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
50548
50554
  /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
50549
50555
  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
50550
50556
  "img",
@@ -50658,7 +50664,7 @@ function BuyWithCard({
50658
50664
  )
50659
50665
  ] })
50660
50666
  ] }) }),
50661
- /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
50667
+ !hideDisplayDescription && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "uf-w-full uf-p-4 uf-mb-4", style: { backgroundColor: components.card.backgroundColor, borderRadius: components.card.borderRadius, border: `${components.card.borderWidth}px solid ${components.card.borderColor}` }, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
50662
50668
  "p",
50663
50669
  {
50664
50670
  className: "uf-text-xs uf-leading-relaxed",
@@ -58115,11 +58121,18 @@ function DepositModal({
58115
58121
  depositConfirmationMode = "auto_ui",
58116
58122
  enableConnectWallet = false,
58117
58123
  enablePayWithExchange,
58124
+ hideDepositFlowInfo = false,
58125
+ hideDisplayDescription = false,
58118
58126
  onDepositSuccess,
58119
58127
  onDepositError,
58120
58128
  theme = "dark",
58121
58129
  hideOverlay = false,
58122
- initialScreen = "main"
58130
+ initialScreen = "main",
58131
+ transferCryptoTitle = t6.transferCrypto.title,
58132
+ depositWithCardTitle = t6.depositWithCard.title,
58133
+ payWithExchangeTitle = t6.payWithExchange.title,
58134
+ depositTrackerTitle = t6.depositTracker.title,
58135
+ depositTrackerSubTitle = t6.depositTracker.subtitle
58123
58136
  }) {
58124
58137
  const { colors: colors2, fonts, components } = useTheme();
58125
58138
  const effectiveInitialScreen = (0, import_react3.useMemo)(() => {
@@ -58457,7 +58470,7 @@ function DepositModal({
58457
58470
  TransferCryptoButton,
58458
58471
  {
58459
58472
  onClick: () => setView("transfer"),
58460
- title: t6.transferCrypto.title,
58473
+ title: transferCryptoTitle,
58461
58474
  subtitle: t6.transferCrypto.subtitle,
58462
58475
  featuredTokens: projectConfig?.transfer_crypto.networks
58463
58476
  }
@@ -58476,7 +58489,7 @@ function DepositModal({
58476
58489
  DepositWithCardButton,
58477
58490
  {
58478
58491
  onClick: () => setView("card"),
58479
- title: t6.depositWithCard.title,
58492
+ title: depositWithCardTitle,
58480
58493
  subtitle: t6.depositWithCard.subtitle,
58481
58494
  paymentNetworks: projectConfig?.payment_networks.networks
58482
58495
  }
@@ -58485,7 +58498,7 @@ function DepositModal({
58485
58498
  PayWithExchangeButton,
58486
58499
  {
58487
58500
  onClick: () => setView("exchange"),
58488
- title: t6.payWithExchange.title,
58501
+ title: payWithExchangeTitle,
58489
58502
  subtitle: t6.payWithExchange.subtitle,
58490
58503
  exchanges,
58491
58504
  loading: exchangesLoading
@@ -58498,8 +58511,8 @@ function DepositModal({
58498
58511
  setAllExecutions(depositExecutions);
58499
58512
  setView("tracker");
58500
58513
  },
58501
- title: "Deposit Tracker",
58502
- subtitle: "Track your deposit progress",
58514
+ title: depositTrackerTitle,
58515
+ subtitle: depositTrackerSubTitle,
58503
58516
  badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
58504
58517
  }
58505
58518
  )
@@ -58510,7 +58523,7 @@ function DepositModal({
58510
58523
  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58511
58524
  DepositHeader,
58512
58525
  {
58513
- title: t6.transferCrypto.title,
58526
+ title: transferCryptoTitle,
58514
58527
  showBack: showBackTransfer,
58515
58528
  onBack: handleBack,
58516
58529
  onClose: handleClose,
@@ -58561,7 +58574,7 @@ function DepositModal({
58561
58574
  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58562
58575
  DepositHeader,
58563
58576
  {
58564
- title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
58577
+ title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
58565
58578
  showBack: showBackTracker,
58566
58579
  onBack: handleBack,
58567
58580
  onClose: handleClose
@@ -58589,7 +58602,7 @@ function DepositModal({
58589
58602
  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58590
58603
  DepositHeader,
58591
58604
  {
58592
- title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
58605
+ title: cardView === "quotes" ? t6.quotes : depositWithCardTitle,
58593
58606
  showBack: showBackCard,
58594
58607
  onBack: handleBack,
58595
58608
  onClose: handleClose,
@@ -58620,7 +58633,9 @@ function DepositModal({
58620
58633
  onDepositError,
58621
58634
  themeClass,
58622
58635
  wallets,
58623
- assetCdnUrl: projectConfig?.asset_cdn_url
58636
+ assetCdnUrl: projectConfig?.asset_cdn_url,
58637
+ hideDepositFlowInfo,
58638
+ hideDisplayDescription
58624
58639
  }
58625
58640
  ),
58626
58641
  depositPoweredByFooter
@@ -58629,7 +58644,7 @@ function DepositModal({
58629
58644
  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
58630
58645
  DepositHeader,
58631
58646
  {
58632
- title: t6.payWithExchange.title,
58647
+ title: payWithExchangeTitle,
58633
58648
  showBack: true,
58634
58649
  onBack: handleBack,
58635
58650
  onClose: handleClose
@@ -58900,7 +58915,14 @@ function UnifoldProvider2({
58900
58915
  onDepositSuccess: handleDepositSuccess,
58901
58916
  onDepositError: handleDepositError,
58902
58917
  theme: resolvedTheme,
58903
- initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen
58918
+ initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
58919
+ transferCryptoTitle: config?.transferCryptoTitle,
58920
+ depositWithCardTitle: config?.depositWithCardTitle,
58921
+ payWithExchangeTitle: config?.payWithExchangeTitle,
58922
+ depositTrackerTitle: config?.depositTrackerTitle,
58923
+ depositTrackerSubTitle: config?.depositTrackerSubTitle,
58924
+ hideDepositFlowInfo: config?.hideDepositFlowInfo,
58925
+ hideDisplayDescription: config?.hideDisplayDescription
58904
58926
  }
58905
58927
  )
58906
58928
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unifold/ui-web",
3
- "version": "0.1.37",
3
+ "version": "0.1.38",
4
4
  "description": "Unifold UI Web - Framework-agnostic deposit widget",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -27,10 +27,10 @@
27
27
  "@types/react-dom": "^19.0.0",
28
28
  "tsup": "^8.0.0",
29
29
  "typescript": "^5.0.0",
30
- "@unifold/connect-react": "0.1.37",
31
- "@unifold/ui-react": "0.1.37",
32
- "@unifold/core": "0.1.37",
33
- "@unifold/react-provider": "0.1.37"
30
+ "@unifold/connect-react": "0.1.38",
31
+ "@unifold/core": "0.1.38",
32
+ "@unifold/react-provider": "0.1.38",
33
+ "@unifold/ui-react": "0.1.38"
34
34
  },
35
35
  "keywords": [
36
36
  "unifold",