@unifold/connect-react 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.
Files changed (5) hide show
  1. package/dist/index.d.mts +14 -0
  2. package/dist/index.d.ts +14 -0
  3. package/dist/index.js +37 -15
  4. package/dist/index.mjs +37 -15
  5. package/package.json +4 -4
package/dist/index.d.mts CHANGED
@@ -31,6 +31,20 @@ interface UnifoldConnectProviderConfig {
31
31
  components?: ComponentConfig;
32
32
  /** Default `initialScreen` for `beginDeposit()` when the call omits it */
33
33
  defaultInitialScreen?: DepositModalInitialScreen;
34
+ /** Main menu — Transfer Crypto row title. @default `"Transfer Crypto"` (from package i18n when omitted) */
35
+ transferCryptoTitle?: string;
36
+ /** Main menu — Deposit with Card row title. @default `"Deposit with Card"` */
37
+ depositWithCardTitle?: string;
38
+ /** Main menu — Pay with Exchange row title. @default `"Pay with Exchange"` */
39
+ payWithExchangeTitle?: string;
40
+ /** Main menu — Deposit Tracker row title. @default `"Deposit Tracker"` */
41
+ depositTrackerTitle?: string;
42
+ /** Main menu — Deposit Tracker row description. @default `"Track your deposit progress"` */
43
+ depositTrackerSubTitle?: string;
44
+ /** Deposit with Card onramp: hide You use / You buy / You receive. @default false */
45
+ hideDepositFlowInfo?: boolean;
46
+ /** Deposit with Card onramp: hide wallet address disclaimer. @default false */
47
+ hideDisplayDescription?: boolean;
34
48
  };
35
49
  }
36
50
  interface DepositResult {
package/dist/index.d.ts CHANGED
@@ -31,6 +31,20 @@ interface UnifoldConnectProviderConfig {
31
31
  components?: ComponentConfig;
32
32
  /** Default `initialScreen` for `beginDeposit()` when the call omits it */
33
33
  defaultInitialScreen?: DepositModalInitialScreen;
34
+ /** Main menu — Transfer Crypto row title. @default `"Transfer Crypto"` (from package i18n when omitted) */
35
+ transferCryptoTitle?: string;
36
+ /** Main menu — Deposit with Card row title. @default `"Deposit with Card"` */
37
+ depositWithCardTitle?: string;
38
+ /** Main menu — Pay with Exchange row title. @default `"Pay with Exchange"` */
39
+ payWithExchangeTitle?: string;
40
+ /** Main menu — Deposit Tracker row title. @default `"Deposit Tracker"` */
41
+ depositTrackerTitle?: string;
42
+ /** Main menu — Deposit Tracker row description. @default `"Track your deposit progress"` */
43
+ depositTrackerSubTitle?: string;
44
+ /** Deposit with Card onramp: hide You use / You buy / You receive. @default false */
45
+ hideDepositFlowInfo?: boolean;
46
+ /** Deposit with Card onramp: hide wallet address disclaimer. @default false */
47
+ hideDisplayDescription?: boolean;
34
48
  };
35
49
  }
36
50
  interface DepositResult {
package/dist/index.js CHANGED
@@ -12097,6 +12097,10 @@ var en_default2 = {
12097
12097
  payWithExchange: {
12098
12098
  title: "Pay with Exchange",
12099
12099
  subtitle: "Transfer from exchange"
12100
+ },
12101
+ depositTracker: {
12102
+ title: "Deposit Tracker",
12103
+ subtitle: "Track your deposit progress"
12100
12104
  }
12101
12105
  },
12102
12106
  payWithExchange: {
@@ -13048,7 +13052,9 @@ function BuyWithCard({
13048
13052
  onDepositError,
13049
13053
  themeClass = "",
13050
13054
  wallets: externalWallets,
13051
- assetCdnUrl
13055
+ assetCdnUrl,
13056
+ hideDepositFlowInfo = false,
13057
+ hideDisplayDescription = false
13052
13058
  }) {
13053
13059
  const { colors: colors2, fonts, components } = useTheme();
13054
13060
  const [amount, setAmount] = (0, import_react9.useState)("");
@@ -13867,7 +13873,7 @@ function BuyWithCard({
13867
13873
  children: t.onramp.canCloseModal
13868
13874
  }
13869
13875
  ),
13870
- /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
13876
+ !hideDepositFlowInfo && /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsxs)("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
13871
13877
  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
13872
13878
  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
13873
13879
  "img",
@@ -13981,7 +13987,7 @@ function BuyWithCard({
13981
13987
  )
13982
13988
  ] })
13983
13989
  ] }) }),
13984
- /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)(
13990
+ !hideDisplayDescription && /* @__PURE__ */ (0, import_jsx_runtime27.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_runtime27.jsx)(
13985
13991
  "p",
13986
13992
  {
13987
13993
  className: "uf-text-xs uf-leading-relaxed",
@@ -21438,11 +21444,18 @@ function DepositModal({
21438
21444
  depositConfirmationMode = "auto_ui",
21439
21445
  enableConnectWallet = false,
21440
21446
  enablePayWithExchange,
21447
+ hideDepositFlowInfo = false,
21448
+ hideDisplayDescription = false,
21441
21449
  onDepositSuccess,
21442
21450
  onDepositError,
21443
21451
  theme = "dark",
21444
21452
  hideOverlay = false,
21445
- initialScreen = "main"
21453
+ initialScreen = "main",
21454
+ transferCryptoTitle = t6.transferCrypto.title,
21455
+ depositWithCardTitle = t6.depositWithCard.title,
21456
+ payWithExchangeTitle = t6.payWithExchange.title,
21457
+ depositTrackerTitle = t6.depositTracker.title,
21458
+ depositTrackerSubTitle = t6.depositTracker.subtitle
21446
21459
  }) {
21447
21460
  const { colors: colors2, fonts, components } = useTheme();
21448
21461
  const effectiveInitialScreen = (0, import_react8.useMemo)(() => {
@@ -21780,7 +21793,7 @@ function DepositModal({
21780
21793
  TransferCryptoButton,
21781
21794
  {
21782
21795
  onClick: () => setView("transfer"),
21783
- title: t6.transferCrypto.title,
21796
+ title: transferCryptoTitle,
21784
21797
  subtitle: t6.transferCrypto.subtitle,
21785
21798
  featuredTokens: projectConfig?.transfer_crypto.networks
21786
21799
  }
@@ -21799,7 +21812,7 @@ function DepositModal({
21799
21812
  DepositWithCardButton,
21800
21813
  {
21801
21814
  onClick: () => setView("card"),
21802
- title: t6.depositWithCard.title,
21815
+ title: depositWithCardTitle,
21803
21816
  subtitle: t6.depositWithCard.subtitle,
21804
21817
  paymentNetworks: projectConfig?.payment_networks.networks
21805
21818
  }
@@ -21808,7 +21821,7 @@ function DepositModal({
21808
21821
  PayWithExchangeButton,
21809
21822
  {
21810
21823
  onClick: () => setView("exchange"),
21811
- title: t6.payWithExchange.title,
21824
+ title: payWithExchangeTitle,
21812
21825
  subtitle: t6.payWithExchange.subtitle,
21813
21826
  exchanges,
21814
21827
  loading: exchangesLoading
@@ -21821,8 +21834,8 @@ function DepositModal({
21821
21834
  setAllExecutions(depositExecutions);
21822
21835
  setView("tracker");
21823
21836
  },
21824
- title: "Deposit Tracker",
21825
- subtitle: "Track your deposit progress",
21837
+ title: depositTrackerTitle,
21838
+ subtitle: depositTrackerSubTitle,
21826
21839
  badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
21827
21840
  }
21828
21841
  )
@@ -21833,7 +21846,7 @@ function DepositModal({
21833
21846
  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
21834
21847
  DepositHeader,
21835
21848
  {
21836
- title: t6.transferCrypto.title,
21849
+ title: transferCryptoTitle,
21837
21850
  showBack: showBackTransfer,
21838
21851
  onBack: handleBack,
21839
21852
  onClose: handleClose,
@@ -21884,7 +21897,7 @@ function DepositModal({
21884
21897
  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
21885
21898
  DepositHeader,
21886
21899
  {
21887
- title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
21900
+ title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
21888
21901
  showBack: showBackTracker,
21889
21902
  onBack: handleBack,
21890
21903
  onClose: handleClose
@@ -21912,7 +21925,7 @@ function DepositModal({
21912
21925
  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
21913
21926
  DepositHeader,
21914
21927
  {
21915
- title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
21928
+ title: cardView === "quotes" ? t6.quotes : depositWithCardTitle,
21916
21929
  showBack: showBackCard,
21917
21930
  onBack: handleBack,
21918
21931
  onClose: handleClose,
@@ -21943,7 +21956,9 @@ function DepositModal({
21943
21956
  onDepositError,
21944
21957
  themeClass,
21945
21958
  wallets,
21946
- assetCdnUrl: projectConfig?.asset_cdn_url
21959
+ assetCdnUrl: projectConfig?.asset_cdn_url,
21960
+ hideDepositFlowInfo,
21961
+ hideDisplayDescription
21947
21962
  }
21948
21963
  ),
21949
21964
  depositPoweredByFooter
@@ -21952,7 +21967,7 @@ function DepositModal({
21952
21967
  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
21953
21968
  DepositHeader,
21954
21969
  {
21955
- title: t6.payWithExchange.title,
21970
+ title: payWithExchangeTitle,
21956
21971
  showBack: true,
21957
21972
  onBack: handleBack,
21958
21973
  onClose: handleClose
@@ -22226,7 +22241,14 @@ function UnifoldProvider2({
22226
22241
  onDepositSuccess: handleDepositSuccess,
22227
22242
  onDepositError: handleDepositError,
22228
22243
  theme: resolvedTheme,
22229
- initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen
22244
+ initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
22245
+ transferCryptoTitle: config?.transferCryptoTitle,
22246
+ depositWithCardTitle: config?.depositWithCardTitle,
22247
+ payWithExchangeTitle: config?.payWithExchangeTitle,
22248
+ depositTrackerTitle: config?.depositTrackerTitle,
22249
+ depositTrackerSubTitle: config?.depositTrackerSubTitle,
22250
+ hideDepositFlowInfo: config?.hideDepositFlowInfo,
22251
+ hideDisplayDescription: config?.hideDisplayDescription
22230
22252
  }
22231
22253
  )
22232
22254
  ]
package/dist/index.mjs CHANGED
@@ -12079,6 +12079,10 @@ var en_default2 = {
12079
12079
  payWithExchange: {
12080
12080
  title: "Pay with Exchange",
12081
12081
  subtitle: "Transfer from exchange"
12082
+ },
12083
+ depositTracker: {
12084
+ title: "Deposit Tracker",
12085
+ subtitle: "Track your deposit progress"
12082
12086
  }
12083
12087
  },
12084
12088
  payWithExchange: {
@@ -13030,7 +13034,9 @@ function BuyWithCard({
13030
13034
  onDepositError,
13031
13035
  themeClass = "",
13032
13036
  wallets: externalWallets,
13033
- assetCdnUrl
13037
+ assetCdnUrl,
13038
+ hideDepositFlowInfo = false,
13039
+ hideDisplayDescription = false
13034
13040
  }) {
13035
13041
  const { colors: colors2, fonts, components } = useTheme();
13036
13042
  const [amount, setAmount] = useState92("");
@@ -13849,7 +13855,7 @@ function BuyWithCard({
13849
13855
  children: t.onramp.canCloseModal
13850
13856
  }
13851
13857
  ),
13852
- /* @__PURE__ */ jsx102("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__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
13858
+ !hideDepositFlowInfo && /* @__PURE__ */ jsx102("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__ */ jsxs8("div", { className: "uf-flex uf-items-center uf-justify-center", children: [
13853
13859
  /* @__PURE__ */ jsxs8("div", { className: "uf-flex uf-flex-col uf-items-center uf-min-w-[72px]", children: [
13854
13860
  /* @__PURE__ */ jsx102("div", { className: "uf-h-8 uf-flex uf-items-center uf-justify-center uf-mb-1.5", children: /* @__PURE__ */ jsx102(
13855
13861
  "img",
@@ -13963,7 +13969,7 @@ function BuyWithCard({
13963
13969
  )
13964
13970
  ] })
13965
13971
  ] }) }),
13966
- /* @__PURE__ */ jsx102("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__ */ jsx102(
13972
+ !hideDisplayDescription && /* @__PURE__ */ jsx102("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__ */ jsx102(
13967
13973
  "p",
13968
13974
  {
13969
13975
  className: "uf-text-xs uf-leading-relaxed",
@@ -21420,11 +21426,18 @@ function DepositModal({
21420
21426
  depositConfirmationMode = "auto_ui",
21421
21427
  enableConnectWallet = false,
21422
21428
  enablePayWithExchange,
21429
+ hideDepositFlowInfo = false,
21430
+ hideDisplayDescription = false,
21423
21431
  onDepositSuccess,
21424
21432
  onDepositError,
21425
21433
  theme = "dark",
21426
21434
  hideOverlay = false,
21427
- initialScreen = "main"
21435
+ initialScreen = "main",
21436
+ transferCryptoTitle = t6.transferCrypto.title,
21437
+ depositWithCardTitle = t6.depositWithCard.title,
21438
+ payWithExchangeTitle = t6.payWithExchange.title,
21439
+ depositTrackerTitle = t6.depositTracker.title,
21440
+ depositTrackerSubTitle = t6.depositTracker.subtitle
21428
21441
  }) {
21429
21442
  const { colors: colors2, fonts, components } = useTheme();
21430
21443
  const effectiveInitialScreen = useMemo82(() => {
@@ -21762,7 +21775,7 @@ function DepositModal({
21762
21775
  TransferCryptoButton,
21763
21776
  {
21764
21777
  onClick: () => setView("transfer"),
21765
- title: t6.transferCrypto.title,
21778
+ title: transferCryptoTitle,
21766
21779
  subtitle: t6.transferCrypto.subtitle,
21767
21780
  featuredTokens: projectConfig?.transfer_crypto.networks
21768
21781
  }
@@ -21781,7 +21794,7 @@ function DepositModal({
21781
21794
  DepositWithCardButton,
21782
21795
  {
21783
21796
  onClick: () => setView("card"),
21784
- title: t6.depositWithCard.title,
21797
+ title: depositWithCardTitle,
21785
21798
  subtitle: t6.depositWithCard.subtitle,
21786
21799
  paymentNetworks: projectConfig?.payment_networks.networks
21787
21800
  }
@@ -21790,7 +21803,7 @@ function DepositModal({
21790
21803
  PayWithExchangeButton,
21791
21804
  {
21792
21805
  onClick: () => setView("exchange"),
21793
- title: t6.payWithExchange.title,
21806
+ title: payWithExchangeTitle,
21794
21807
  subtitle: t6.payWithExchange.subtitle,
21795
21808
  exchanges,
21796
21809
  loading: exchangesLoading
@@ -21803,8 +21816,8 @@ function DepositModal({
21803
21816
  setAllExecutions(depositExecutions);
21804
21817
  setView("tracker");
21805
21818
  },
21806
- title: "Deposit Tracker",
21807
- subtitle: "Track your deposit progress",
21819
+ title: depositTrackerTitle,
21820
+ subtitle: depositTrackerSubTitle,
21808
21821
  badge: depositExecutions.length > 0 ? depositExecutions.length : void 0
21809
21822
  }
21810
21823
  )
@@ -21815,7 +21828,7 @@ function DepositModal({
21815
21828
  /* @__PURE__ */ jsx49(
21816
21829
  DepositHeader,
21817
21830
  {
21818
- title: t6.transferCrypto.title,
21831
+ title: transferCryptoTitle,
21819
21832
  showBack: showBackTransfer,
21820
21833
  onBack: handleBack,
21821
21834
  onClose: handleClose,
@@ -21866,7 +21879,7 @@ function DepositModal({
21866
21879
  /* @__PURE__ */ jsx49(
21867
21880
  DepositHeader,
21868
21881
  {
21869
- title: selectedExecution ? "Deposit Details" : "Deposit Tracker",
21882
+ title: selectedExecution ? "Deposit Details" : depositTrackerTitle,
21870
21883
  showBack: showBackTracker,
21871
21884
  onBack: handleBack,
21872
21885
  onClose: handleClose
@@ -21894,7 +21907,7 @@ function DepositModal({
21894
21907
  /* @__PURE__ */ jsx49(
21895
21908
  DepositHeader,
21896
21909
  {
21897
- title: cardView === "quotes" ? t6.quotes : t6.depositWithCard.title,
21910
+ title: cardView === "quotes" ? t6.quotes : depositWithCardTitle,
21898
21911
  showBack: showBackCard,
21899
21912
  onBack: handleBack,
21900
21913
  onClose: handleClose,
@@ -21925,7 +21938,9 @@ function DepositModal({
21925
21938
  onDepositError,
21926
21939
  themeClass,
21927
21940
  wallets,
21928
- assetCdnUrl: projectConfig?.asset_cdn_url
21941
+ assetCdnUrl: projectConfig?.asset_cdn_url,
21942
+ hideDepositFlowInfo,
21943
+ hideDisplayDescription
21929
21944
  }
21930
21945
  ),
21931
21946
  depositPoweredByFooter
@@ -21934,7 +21949,7 @@ function DepositModal({
21934
21949
  /* @__PURE__ */ jsx49(
21935
21950
  DepositHeader,
21936
21951
  {
21937
- title: t6.payWithExchange.title,
21952
+ title: payWithExchangeTitle,
21938
21953
  showBack: true,
21939
21954
  onBack: handleBack,
21940
21955
  onClose: handleClose
@@ -22208,7 +22223,14 @@ function UnifoldProvider2({
22208
22223
  onDepositSuccess: handleDepositSuccess,
22209
22224
  onDepositError: handleDepositError,
22210
22225
  theme: resolvedTheme,
22211
- initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen
22226
+ initialScreen: depositConfig.initialScreen ?? config?.defaultInitialScreen,
22227
+ transferCryptoTitle: config?.transferCryptoTitle,
22228
+ depositWithCardTitle: config?.depositWithCardTitle,
22229
+ payWithExchangeTitle: config?.payWithExchangeTitle,
22230
+ depositTrackerTitle: config?.depositTrackerTitle,
22231
+ depositTrackerSubTitle: config?.depositTrackerSubTitle,
22232
+ hideDepositFlowInfo: config?.hideDepositFlowInfo,
22233
+ hideDisplayDescription: config?.hideDisplayDescription
22212
22234
  }
22213
22235
  )
22214
22236
  ]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unifold/connect-react",
3
- "version": "0.1.37",
3
+ "version": "0.1.38",
4
4
  "description": "Unifold Connect React - Complete React SDK with UI components for crypto deposits",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "dependencies": {
33
33
  "@tanstack/react-query": "^5.90.11",
34
- "@unifold/core": "0.1.37",
35
- "@unifold/react-provider": "0.1.37",
36
- "@unifold/ui-react": "0.1.37"
34
+ "@unifold/core": "0.1.38",
35
+ "@unifold/react-provider": "0.1.38",
36
+ "@unifold/ui-react": "0.1.38"
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/react": "^19.0.0",