@deriv-web-design/ui 0.1.35 → 0.1.36
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/block-registry.json +248 -5
- package/components.manifest.json +33 -0
- package/dist/index.d.mts +126 -4
- package/dist/index.d.ts +126 -4
- package/dist/index.js +230 -75
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +224 -75
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/block-registry.json
CHANGED
|
@@ -918,7 +918,9 @@
|
|
|
918
918
|
"initialMarket",
|
|
919
919
|
"initialQuoteCurrency",
|
|
920
920
|
"apiOrigin",
|
|
921
|
-
"maxRows"
|
|
921
|
+
"maxRows",
|
|
922
|
+
"title",
|
|
923
|
+
"labels"
|
|
922
924
|
],
|
|
923
925
|
"variants": [
|
|
924
926
|
"default"
|
|
@@ -947,7 +949,8 @@
|
|
|
947
949
|
"variant": "default",
|
|
948
950
|
"initialMarket": "spot",
|
|
949
951
|
"initialQuoteCurrency": "USDT",
|
|
950
|
-
"apiOrigin": "https://deriv.exchange"
|
|
952
|
+
"apiOrigin": "https://deriv.exchange",
|
|
953
|
+
"title": "Explore the markets"
|
|
951
954
|
},
|
|
952
955
|
"fields": {
|
|
953
956
|
"apiOrigin": {
|
|
@@ -969,12 +972,88 @@
|
|
|
969
972
|
"maxLength": 12,
|
|
970
973
|
"default": "USDT"
|
|
971
974
|
},
|
|
975
|
+
"labels": {
|
|
976
|
+
"type": "object",
|
|
977
|
+
"required": false,
|
|
978
|
+
"description": "Optional toolbar / status / column / empty-state overrides. Omit any key to keep the English default.",
|
|
979
|
+
"objectFields": {
|
|
980
|
+
"column1h": {
|
|
981
|
+
"type": "string",
|
|
982
|
+
"required": false,
|
|
983
|
+
"maxLength": 40
|
|
984
|
+
},
|
|
985
|
+
"column24h": {
|
|
986
|
+
"type": "string",
|
|
987
|
+
"required": false,
|
|
988
|
+
"maxLength": 40
|
|
989
|
+
},
|
|
990
|
+
"column7d": {
|
|
991
|
+
"type": "string",
|
|
992
|
+
"required": false,
|
|
993
|
+
"maxLength": 40
|
|
994
|
+
},
|
|
995
|
+
"columnName": {
|
|
996
|
+
"type": "string",
|
|
997
|
+
"required": false,
|
|
998
|
+
"maxLength": 40
|
|
999
|
+
},
|
|
1000
|
+
"columnPrice": {
|
|
1001
|
+
"type": "string",
|
|
1002
|
+
"required": false,
|
|
1003
|
+
"maxLength": 40
|
|
1004
|
+
},
|
|
1005
|
+
"connecting": {
|
|
1006
|
+
"type": "string",
|
|
1007
|
+
"required": false,
|
|
1008
|
+
"maxLength": 60
|
|
1009
|
+
},
|
|
1010
|
+
"emptyPairsTemplate": {
|
|
1011
|
+
"type": "string",
|
|
1012
|
+
"required": false,
|
|
1013
|
+
"maxLength": 120,
|
|
1014
|
+
"description": "Supports {quote} and {kind} placeholders."
|
|
1015
|
+
},
|
|
1016
|
+
"futures": {
|
|
1017
|
+
"type": "string",
|
|
1018
|
+
"required": false,
|
|
1019
|
+
"maxLength": 40
|
|
1020
|
+
},
|
|
1021
|
+
"live": {
|
|
1022
|
+
"type": "string",
|
|
1023
|
+
"required": false,
|
|
1024
|
+
"maxLength": 40
|
|
1025
|
+
},
|
|
1026
|
+
"loadError": {
|
|
1027
|
+
"type": "string",
|
|
1028
|
+
"required": false,
|
|
1029
|
+
"maxLength": 120
|
|
1030
|
+
},
|
|
1031
|
+
"loading": {
|
|
1032
|
+
"type": "string",
|
|
1033
|
+
"required": false,
|
|
1034
|
+
"maxLength": 80
|
|
1035
|
+
},
|
|
1036
|
+
"spot": {
|
|
1037
|
+
"type": "string",
|
|
1038
|
+
"required": false,
|
|
1039
|
+
"maxLength": 40
|
|
1040
|
+
}
|
|
1041
|
+
}
|
|
1042
|
+
},
|
|
972
1043
|
"maxRows": {
|
|
973
1044
|
"type": "number",
|
|
974
1045
|
"required": false,
|
|
975
1046
|
"min": 1,
|
|
976
1047
|
"max": 500
|
|
977
1048
|
},
|
|
1049
|
+
"title": {
|
|
1050
|
+
"type": "string",
|
|
1051
|
+
"required": false,
|
|
1052
|
+
"default": "Explore the markets",
|
|
1053
|
+
"defaultSource": "effective",
|
|
1054
|
+
"maxLength": 80,
|
|
1055
|
+
"description": "Section heading. Overridable for Raven / Makima i18n."
|
|
1056
|
+
},
|
|
978
1057
|
"variant": {
|
|
979
1058
|
"type": "string",
|
|
980
1059
|
"required": false,
|
|
@@ -1011,7 +1090,10 @@
|
|
|
1011
1090
|
"market",
|
|
1012
1091
|
"defaultPair",
|
|
1013
1092
|
"tradeHref",
|
|
1014
|
-
"apiOrigin"
|
|
1093
|
+
"apiOrigin",
|
|
1094
|
+
"title",
|
|
1095
|
+
"subtitle",
|
|
1096
|
+
"labels"
|
|
1015
1097
|
],
|
|
1016
1098
|
"variants": [
|
|
1017
1099
|
"default"
|
|
@@ -1041,7 +1123,8 @@
|
|
|
1041
1123
|
"market": "spot",
|
|
1042
1124
|
"defaultPair": "BTC/USDT",
|
|
1043
1125
|
"tradeHref": "https://deriv.exchange",
|
|
1044
|
-
"apiOrigin": "https://deriv.exchange"
|
|
1126
|
+
"apiOrigin": "https://deriv.exchange",
|
|
1127
|
+
"title": "Buy and sell in seconds"
|
|
1045
1128
|
},
|
|
1046
1129
|
"fields": {
|
|
1047
1130
|
"apiOrigin": {
|
|
@@ -1053,6 +1136,59 @@
|
|
|
1053
1136
|
"required": false,
|
|
1054
1137
|
"maxLength": 40
|
|
1055
1138
|
},
|
|
1139
|
+
"labels": {
|
|
1140
|
+
"type": "object",
|
|
1141
|
+
"required": false,
|
|
1142
|
+
"description": "Optional UI chrome / status / field label overrides. Omit any key to keep the English default.",
|
|
1143
|
+
"objectFields": {
|
|
1144
|
+
"amountToSpend": {
|
|
1145
|
+
"type": "string",
|
|
1146
|
+
"required": false,
|
|
1147
|
+
"maxLength": 60
|
|
1148
|
+
},
|
|
1149
|
+
"buy": {
|
|
1150
|
+
"type": "string",
|
|
1151
|
+
"required": false,
|
|
1152
|
+
"maxLength": 40
|
|
1153
|
+
},
|
|
1154
|
+
"connecting": {
|
|
1155
|
+
"type": "string",
|
|
1156
|
+
"required": false,
|
|
1157
|
+
"maxLength": 80
|
|
1158
|
+
},
|
|
1159
|
+
"estimateTemplate": {
|
|
1160
|
+
"type": "string",
|
|
1161
|
+
"required": false,
|
|
1162
|
+
"maxLength": 200,
|
|
1163
|
+
"description": "Supports {base}, {price}, {quote} placeholders."
|
|
1164
|
+
},
|
|
1165
|
+
"livePrices": {
|
|
1166
|
+
"type": "string",
|
|
1167
|
+
"required": false,
|
|
1168
|
+
"maxLength": 80
|
|
1169
|
+
},
|
|
1170
|
+
"sell": {
|
|
1171
|
+
"type": "string",
|
|
1172
|
+
"required": false,
|
|
1173
|
+
"maxLength": 40
|
|
1174
|
+
},
|
|
1175
|
+
"waitingForPrice": {
|
|
1176
|
+
"type": "string",
|
|
1177
|
+
"required": false,
|
|
1178
|
+
"maxLength": 80
|
|
1179
|
+
},
|
|
1180
|
+
"youPay": {
|
|
1181
|
+
"type": "string",
|
|
1182
|
+
"required": false,
|
|
1183
|
+
"maxLength": 40
|
|
1184
|
+
},
|
|
1185
|
+
"youReceive": {
|
|
1186
|
+
"type": "string",
|
|
1187
|
+
"required": false,
|
|
1188
|
+
"maxLength": 40
|
|
1189
|
+
}
|
|
1190
|
+
}
|
|
1191
|
+
},
|
|
1056
1192
|
"market": {
|
|
1057
1193
|
"type": "string",
|
|
1058
1194
|
"required": false,
|
|
@@ -1061,6 +1197,20 @@
|
|
|
1061
1197
|
],
|
|
1062
1198
|
"default": "spot"
|
|
1063
1199
|
},
|
|
1200
|
+
"subtitle": {
|
|
1201
|
+
"type": "string",
|
|
1202
|
+
"required": false,
|
|
1203
|
+
"maxLength": 320,
|
|
1204
|
+
"description": "Supporting paragraph under the title. Overridable for i18n."
|
|
1205
|
+
},
|
|
1206
|
+
"title": {
|
|
1207
|
+
"type": "string",
|
|
1208
|
+
"required": false,
|
|
1209
|
+
"default": "Buy and sell in seconds",
|
|
1210
|
+
"defaultSource": "effective",
|
|
1211
|
+
"maxLength": 80,
|
|
1212
|
+
"description": "Section heading. Overridable for Raven / Makima i18n."
|
|
1213
|
+
},
|
|
1064
1214
|
"tradeHref": {
|
|
1065
1215
|
"type": "string",
|
|
1066
1216
|
"required": false
|
|
@@ -7123,7 +7273,8 @@
|
|
|
7123
7273
|
"symbols",
|
|
7124
7274
|
"symbolsEndpoint",
|
|
7125
7275
|
"exchangeRateWsUrl",
|
|
7126
|
-
"defaultSymbol"
|
|
7276
|
+
"defaultSymbol",
|
|
7277
|
+
"labels"
|
|
7127
7278
|
],
|
|
7128
7279
|
"variants": [
|
|
7129
7280
|
"main",
|
|
@@ -7166,6 +7317,98 @@
|
|
|
7166
7317
|
"type": "string",
|
|
7167
7318
|
"required": false
|
|
7168
7319
|
},
|
|
7320
|
+
"labels": {
|
|
7321
|
+
"type": "object",
|
|
7322
|
+
"required": false,
|
|
7323
|
+
"description": "Optional UI copy overrides for Raven / Makima i18n. Omit any key to keep the English default.",
|
|
7324
|
+
"objectFields": {
|
|
7325
|
+
"assetPrice": {
|
|
7326
|
+
"type": "string",
|
|
7327
|
+
"required": false,
|
|
7328
|
+
"maxLength": 60
|
|
7329
|
+
},
|
|
7330
|
+
"calculate": {
|
|
7331
|
+
"type": "string",
|
|
7332
|
+
"required": false,
|
|
7333
|
+
"maxLength": 40
|
|
7334
|
+
},
|
|
7335
|
+
"calculating": {
|
|
7336
|
+
"type": "string",
|
|
7337
|
+
"required": false,
|
|
7338
|
+
"maxLength": 40
|
|
7339
|
+
},
|
|
7340
|
+
"calculatorPanel": {
|
|
7341
|
+
"type": "string",
|
|
7342
|
+
"required": false,
|
|
7343
|
+
"maxLength": 40
|
|
7344
|
+
},
|
|
7345
|
+
"contractSize": {
|
|
7346
|
+
"type": "string",
|
|
7347
|
+
"required": false,
|
|
7348
|
+
"maxLength": 60
|
|
7349
|
+
},
|
|
7350
|
+
"effectiveLeverage": {
|
|
7351
|
+
"type": "string",
|
|
7352
|
+
"required": false,
|
|
7353
|
+
"maxLength": 60
|
|
7354
|
+
},
|
|
7355
|
+
"marginRequired": {
|
|
7356
|
+
"type": "string",
|
|
7357
|
+
"required": false,
|
|
7358
|
+
"maxLength": 60
|
|
7359
|
+
},
|
|
7360
|
+
"pipSize": {
|
|
7361
|
+
"type": "string",
|
|
7362
|
+
"required": false,
|
|
7363
|
+
"maxLength": 40
|
|
7364
|
+
},
|
|
7365
|
+
"pipValue": {
|
|
7366
|
+
"type": "string",
|
|
7367
|
+
"required": false,
|
|
7368
|
+
"maxLength": 40
|
|
7369
|
+
},
|
|
7370
|
+
"pointSize": {
|
|
7371
|
+
"type": "string",
|
|
7372
|
+
"required": false,
|
|
7373
|
+
"maxLength": 40
|
|
7374
|
+
},
|
|
7375
|
+
"reset": {
|
|
7376
|
+
"type": "string",
|
|
7377
|
+
"required": false,
|
|
7378
|
+
"maxLength": 40
|
|
7379
|
+
},
|
|
7380
|
+
"resultsPanel": {
|
|
7381
|
+
"type": "string",
|
|
7382
|
+
"required": false,
|
|
7383
|
+
"maxLength": 40
|
|
7384
|
+
},
|
|
7385
|
+
"swapChargeLong": {
|
|
7386
|
+
"type": "string",
|
|
7387
|
+
"required": false,
|
|
7388
|
+
"maxLength": 60
|
|
7389
|
+
},
|
|
7390
|
+
"swapChargeShort": {
|
|
7391
|
+
"type": "string",
|
|
7392
|
+
"required": false,
|
|
7393
|
+
"maxLength": 60
|
|
7394
|
+
},
|
|
7395
|
+
"symbols": {
|
|
7396
|
+
"type": "string",
|
|
7397
|
+
"required": false,
|
|
7398
|
+
"maxLength": 40
|
|
7399
|
+
},
|
|
7400
|
+
"tradeVolume": {
|
|
7401
|
+
"type": "string",
|
|
7402
|
+
"required": false,
|
|
7403
|
+
"maxLength": 60
|
|
7404
|
+
},
|
|
7405
|
+
"volume": {
|
|
7406
|
+
"type": "string",
|
|
7407
|
+
"required": false,
|
|
7408
|
+
"maxLength": 60
|
|
7409
|
+
}
|
|
7410
|
+
}
|
|
7411
|
+
},
|
|
7169
7412
|
"symbols": {
|
|
7170
7413
|
"type": "array",
|
|
7171
7414
|
"required": false,
|
package/components.manifest.json
CHANGED
|
@@ -1026,10 +1026,21 @@
|
|
|
1026
1026
|
"required": false,
|
|
1027
1027
|
"default": "USDT"
|
|
1028
1028
|
},
|
|
1029
|
+
"labels": {
|
|
1030
|
+
"type": "CryptoMarketsTableLabels",
|
|
1031
|
+
"required": false,
|
|
1032
|
+
"description": "Optional overrides for toolbar, status, columns, and empty states."
|
|
1033
|
+
},
|
|
1029
1034
|
"maxRows": {
|
|
1030
1035
|
"type": "number",
|
|
1031
1036
|
"required": false
|
|
1032
1037
|
},
|
|
1038
|
+
"title": {
|
|
1039
|
+
"type": "string",
|
|
1040
|
+
"required": false,
|
|
1041
|
+
"description": "Section heading.",
|
|
1042
|
+
"defaultExpression": "DEFAULT_CRYPTO_MARKETS_TABLE_TITLE"
|
|
1043
|
+
},
|
|
1033
1044
|
"variant": {
|
|
1034
1045
|
"type": "\"default\"",
|
|
1035
1046
|
"required": false,
|
|
@@ -1055,11 +1066,28 @@
|
|
|
1055
1066
|
"required": false,
|
|
1056
1067
|
"description": "Pair like \"BTC/USDT\" or symbol id like \"btc1863usdt1863\"."
|
|
1057
1068
|
},
|
|
1069
|
+
"labels": {
|
|
1070
|
+
"type": "CryptoTradeConverterLabels",
|
|
1071
|
+
"required": false,
|
|
1072
|
+
"description": "Optional overrides for remaining UI chrome / status / field labels."
|
|
1073
|
+
},
|
|
1058
1074
|
"market": {
|
|
1059
1075
|
"type": "\"spot\"",
|
|
1060
1076
|
"required": false,
|
|
1061
1077
|
"default": "spot"
|
|
1062
1078
|
},
|
|
1079
|
+
"subtitle": {
|
|
1080
|
+
"type": "string",
|
|
1081
|
+
"required": false,
|
|
1082
|
+
"description": "Supporting paragraph under the title.",
|
|
1083
|
+
"defaultExpression": "DEFAULT_CRYPTO_TRADE_CONVERTER_SUBTITLE"
|
|
1084
|
+
},
|
|
1085
|
+
"title": {
|
|
1086
|
+
"type": "string",
|
|
1087
|
+
"required": false,
|
|
1088
|
+
"description": "Section heading.",
|
|
1089
|
+
"defaultExpression": "DEFAULT_CRYPTO_TRADE_CONVERTER_TITLE"
|
|
1090
|
+
},
|
|
1063
1091
|
"tradeHref": {
|
|
1064
1092
|
"type": "string",
|
|
1065
1093
|
"required": false,
|
|
@@ -4037,6 +4065,11 @@
|
|
|
4037
4065
|
"description": "Deriv's public WebSocket API endpoint, used to fetch live USD exchange rates when a selected instrument's base/profit currency isn't already USD. `app_id=1089` is Deriv's public demo app id (safe to ship — it is not a secret, only a rate-limited API client identifier); register your own at https://api.deriv.com for production traffic volumes. Pass `null` to disable live conversion — non-USD instruments then show \"N/A\" for any value that would have required it, instead of a silently wrong number.",
|
|
4038
4066
|
"defaultExpression": "DEFAULT_EXCHANGE_RATE_WS_URL"
|
|
4039
4067
|
},
|
|
4068
|
+
"labels": {
|
|
4069
|
+
"type": "TradingCalculatorLabels",
|
|
4070
|
+
"required": false,
|
|
4071
|
+
"description": "Optional UI copy overrides for Raven / Makima i18n. Omit any key (or the whole object) to keep the English defaults."
|
|
4072
|
+
},
|
|
4040
4073
|
"symbols": {
|
|
4041
4074
|
"type": "TradingSymbolSpec[]",
|
|
4042
4075
|
"required": false,
|
package/dist/index.d.mts
CHANGED
|
@@ -2285,13 +2285,66 @@ interface TradingCalculatorProps extends HTMLAttributes<HTMLElement> {
|
|
|
2285
2285
|
exchangeRateWsUrl?: string | null;
|
|
2286
2286
|
/** Symbol code to preselect on mount once symbols have loaded, e.g. "EURUSD". */
|
|
2287
2287
|
defaultSymbol?: string;
|
|
2288
|
+
/**
|
|
2289
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2290
|
+
* Omit any key (or the whole object) to keep the English defaults.
|
|
2291
|
+
*/
|
|
2292
|
+
labels?: TradingCalculatorLabels;
|
|
2288
2293
|
/** Extra class name merged onto the root `<section>`. */
|
|
2289
2294
|
className?: string;
|
|
2290
2295
|
}
|
|
2296
|
+
/**
|
|
2297
|
+
* Optional UI copy overrides. Every key is optional; English defaults live in
|
|
2298
|
+
* `DEFAULT_TRADING_CALCULATOR_LABELS`.
|
|
2299
|
+
*
|
|
2300
|
+
* Templates with `{…}` placeholders:
|
|
2301
|
+
* - `volumeRangeError`: `Volume must be between {min} and {max} lots.`
|
|
2302
|
+
* - `exchangeRateErrorWithMessage`: `Unable to fetch live exchange rates ({message}). Please try again.`
|
|
2303
|
+
* - `noSymbolsMatch`: `No symbols match "{query}"`
|
|
2304
|
+
*/
|
|
2305
|
+
type TradingCalculatorLabels = {
|
|
2306
|
+
calculatorPanel?: string;
|
|
2307
|
+
resultsPanel?: string;
|
|
2308
|
+
calculate?: string;
|
|
2309
|
+
calculating?: string;
|
|
2310
|
+
reset?: string;
|
|
2311
|
+
symbols?: string;
|
|
2312
|
+
volume?: string;
|
|
2313
|
+
assetPrice?: string;
|
|
2314
|
+
contractSize?: string;
|
|
2315
|
+
pipSize?: string;
|
|
2316
|
+
effectiveLeverage?: string;
|
|
2317
|
+
pointSize?: string;
|
|
2318
|
+
marginRequired?: string;
|
|
2319
|
+
tradeVolume?: string;
|
|
2320
|
+
pipValue?: string;
|
|
2321
|
+
swapChargeLong?: string;
|
|
2322
|
+
swapChargeShort?: string;
|
|
2323
|
+
swapLongRate?: string;
|
|
2324
|
+
swapShortRate?: string;
|
|
2325
|
+
swapCalculationType?: string;
|
|
2326
|
+
threeDaySwap?: string;
|
|
2327
|
+
weekendSwaps?: string;
|
|
2328
|
+
threeDaySwapFallback?: string;
|
|
2329
|
+
loadingSymbols?: string;
|
|
2330
|
+
symbolsUnavailable?: string;
|
|
2331
|
+
searchSymbolPlaceholder?: string;
|
|
2332
|
+
symbolsLoadError?: string;
|
|
2333
|
+
retry?: string;
|
|
2334
|
+
selectSymbolError?: string;
|
|
2335
|
+
volumeRequiredError?: string;
|
|
2336
|
+
volumePositiveError?: string;
|
|
2337
|
+
volumeRangeError?: string;
|
|
2338
|
+
assetPriceError?: string;
|
|
2339
|
+
exchangeRateError?: string;
|
|
2340
|
+
exchangeRateErrorWithMessage?: string;
|
|
2341
|
+
noSymbolsMatch?: string;
|
|
2342
|
+
};
|
|
2343
|
+
declare const DEFAULT_TRADING_CALCULATOR_LABELS: Required<TradingCalculatorLabels>;
|
|
2291
2344
|
|
|
2292
2345
|
declare const DEFAULT_SYMBOLS_ENDPOINT = "https://deriv-static-pricingfeedv2.firebaseio.com/n8n/row/prod/dynamic_trading_specs.json";
|
|
2293
2346
|
declare const DEFAULT_EXCHANGE_RATE_WS_URL = "wss://ws.derivws.com/websockets/v3?app_id=1089";
|
|
2294
|
-
declare const TradingCalculator: ({ variant, symbols: symbolsProp, symbolsEndpoint, exchangeRateWsUrl, defaultSymbol, className, ...props }: TradingCalculatorProps) => react_jsx_runtime.JSX.Element;
|
|
2347
|
+
declare const TradingCalculator: ({ variant, symbols: symbolsProp, symbolsEndpoint, exchangeRateWsUrl, defaultSymbol, labels: labelsProp, className, ...props }: TradingCalculatorProps) => react_jsx_runtime.JSX.Element;
|
|
2295
2348
|
|
|
2296
2349
|
/**
|
|
2297
2350
|
* Which deriv.com/trading-calculators "How to calculate…" explainer this
|
|
@@ -2359,6 +2412,31 @@ interface TradingCalculatorHowToProps extends HTMLAttributes<HTMLElement> {
|
|
|
2359
2412
|
declare const TradingCalculatorHowTo: ({ variant, title, description, className, ...props }: TradingCalculatorHowToProps) => react_jsx_runtime.JSX.Element;
|
|
2360
2413
|
|
|
2361
2414
|
type CryptoTradeConverterVariant = "default";
|
|
2415
|
+
/**
|
|
2416
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2417
|
+
* Omit any key to keep the English default.
|
|
2418
|
+
*/
|
|
2419
|
+
type CryptoTradeConverterLabels = {
|
|
2420
|
+
buy?: string;
|
|
2421
|
+
sell?: string;
|
|
2422
|
+
connecting?: string;
|
|
2423
|
+
livePrices?: string;
|
|
2424
|
+
waitingForPrice?: string;
|
|
2425
|
+
unsupportedBrowser?: string;
|
|
2426
|
+
selectMarket?: string;
|
|
2427
|
+
chooseMarket?: string;
|
|
2428
|
+
tradeSideGroup?: string;
|
|
2429
|
+
youPay?: string;
|
|
2430
|
+
youReceive?: string;
|
|
2431
|
+
amountToSpend?: string;
|
|
2432
|
+
primaryAmountAria?: string;
|
|
2433
|
+
convertedAmountAria?: string;
|
|
2434
|
+
/** Template: `Estimate at 1 {base} = {price} {quote}. Fees and spread excluded.` */
|
|
2435
|
+
estimateTemplate?: string;
|
|
2436
|
+
change24hSuffix?: string;
|
|
2437
|
+
waitingForLivePrice?: string;
|
|
2438
|
+
invalidAmount?: string;
|
|
2439
|
+
};
|
|
2362
2440
|
type CryptoTradeConverterProps = {
|
|
2363
2441
|
variant?: CryptoTradeConverterVariant;
|
|
2364
2442
|
market?: "spot";
|
|
@@ -2368,23 +2446,67 @@ type CryptoTradeConverterProps = {
|
|
|
2368
2446
|
tradeHref?: string;
|
|
2369
2447
|
/** Allowlisted HTTPS API origin (default https://deriv.exchange). */
|
|
2370
2448
|
apiOrigin?: string;
|
|
2449
|
+
/** Section heading. @default "Buy and sell in seconds" */
|
|
2450
|
+
title?: string;
|
|
2451
|
+
/**
|
|
2452
|
+
* Supporting paragraph under the title.
|
|
2453
|
+
* @default "Choose your asset, enter an amount, and confirm…"
|
|
2454
|
+
*/
|
|
2455
|
+
subtitle?: string;
|
|
2456
|
+
/** Optional overrides for remaining UI chrome / status / field labels. */
|
|
2457
|
+
labels?: CryptoTradeConverterLabels;
|
|
2371
2458
|
className?: string;
|
|
2372
2459
|
};
|
|
2460
|
+
declare const DEFAULT_CRYPTO_TRADE_CONVERTER_TITLE = "Buy and sell in seconds";
|
|
2461
|
+
declare const DEFAULT_CRYPTO_TRADE_CONVERTER_SUBTITLE = "Choose your asset, enter an amount, and confirm. Your crypto lands in your account instantly, ready to trade, hold, or withdraw whenever you want.";
|
|
2462
|
+
declare const DEFAULT_CRYPTO_TRADE_CONVERTER_LABELS: Required<CryptoTradeConverterLabels>;
|
|
2373
2463
|
|
|
2374
2464
|
declare const DEFAULT_TRADE_HREF = "https://deriv.exchange";
|
|
2375
|
-
declare const CryptoTradeConverter: ({ variant: _variant, market: _market, defaultPair, tradeHref, apiOrigin, className, }: CryptoTradeConverterProps) => react_jsx_runtime.JSX.Element;
|
|
2465
|
+
declare const CryptoTradeConverter: ({ variant: _variant, market: _market, defaultPair, tradeHref, apiOrigin, title, subtitle, labels: labelsProp, className, }: CryptoTradeConverterProps) => react_jsx_runtime.JSX.Element;
|
|
2376
2466
|
|
|
2377
2467
|
type CryptoMarketsTableVariant = "default";
|
|
2468
|
+
/**
|
|
2469
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2470
|
+
* Omit any key to keep the English default.
|
|
2471
|
+
*/
|
|
2472
|
+
type CryptoMarketsTableLabels = {
|
|
2473
|
+
spot?: string;
|
|
2474
|
+
futures?: string;
|
|
2475
|
+
live?: string;
|
|
2476
|
+
connecting?: string;
|
|
2477
|
+
marketTypeGroup?: string;
|
|
2478
|
+
quoteCurrencyTabs?: string;
|
|
2479
|
+
/** Accessible name for the horizontally scrollable table region. */
|
|
2480
|
+
scrollRegion?: string;
|
|
2481
|
+
columnName?: string;
|
|
2482
|
+
columnPrice?: string;
|
|
2483
|
+
column1h?: string;
|
|
2484
|
+
column24h?: string;
|
|
2485
|
+
column7d?: string;
|
|
2486
|
+
unsupportedBrowser?: string;
|
|
2487
|
+
loadError?: string;
|
|
2488
|
+
loading?: string;
|
|
2489
|
+
/** Template: `No {quote} pairs on {kind} yet…` */
|
|
2490
|
+
emptyPairsTemplate?: string;
|
|
2491
|
+
/** Template: `{name} available hourly price history, up to 7 days` */
|
|
2492
|
+
sparklineAriaTemplate?: string;
|
|
2493
|
+
};
|
|
2378
2494
|
type CryptoMarketsTableProps = {
|
|
2379
2495
|
variant?: CryptoMarketsTableVariant;
|
|
2380
2496
|
initialMarket?: "spot" | "futures";
|
|
2381
2497
|
initialQuoteCurrency?: string;
|
|
2382
2498
|
apiOrigin?: string;
|
|
2383
2499
|
maxRows?: number;
|
|
2500
|
+
/** Section heading. @default "Explore the markets" */
|
|
2501
|
+
title?: string;
|
|
2502
|
+
/** Optional overrides for toolbar, status, columns, and empty states. */
|
|
2503
|
+
labels?: CryptoMarketsTableLabels;
|
|
2384
2504
|
className?: string;
|
|
2385
2505
|
};
|
|
2506
|
+
declare const DEFAULT_CRYPTO_MARKETS_TABLE_TITLE = "Explore the markets";
|
|
2507
|
+
declare const DEFAULT_CRYPTO_MARKETS_TABLE_LABELS: Required<CryptoMarketsTableLabels>;
|
|
2386
2508
|
|
|
2387
|
-
declare const CryptoMarketsTable: ({ variant: _variant, initialMarket, initialQuoteCurrency, apiOrigin, maxRows, className, }: CryptoMarketsTableProps) => react_jsx_runtime.JSX.Element;
|
|
2509
|
+
declare const CryptoMarketsTable: ({ variant: _variant, initialMarket, initialQuoteCurrency, apiOrigin, maxRows, title, labels: labelsProp, className, }: CryptoMarketsTableProps) => react_jsx_runtime.JSX.Element;
|
|
2388
2510
|
|
|
2389
2511
|
interface FeatureOfficeRegion {
|
|
2390
2512
|
/** Stable identifier — must match `FeatureOffice.region` for filtering to work. CMS-managed. */
|
|
@@ -3024,4 +3146,4 @@ interface AffiliatesSliderProps extends HTMLAttributes<HTMLElement> {
|
|
|
3024
3146
|
|
|
3025
3147
|
declare const AffiliatesSlider: ({ title, description, min, max, step, defaultValue, value, onValueChange, referralsLabel, incomeLabel, incomePerReferral, currencySymbol, tickValues, disclaimer, disclaimerIconSrc, disclaimerIconAlt, sliderLabel, className, ...props }: AffiliatesSliderProps) => react_jsx_runtime.JSX.Element;
|
|
3026
3148
|
|
|
3027
|
-
export { AVATAR_DATA, Accordion, type AccordionProps, AffiliatesSlider, type AffiliatesSliderProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, type AwardItem, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CORAL_BANNER_DERIV_SLIDES, CTABanner, type CTABannerProps, type CalculationToken, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, ComparisonCards, type ComparisonCardsCard, type ComparisonCardsProps, type ComparisonCardsRow, type ComparisonCardsTheme, CoralBanner, type CoralBannerButton, type CoralBannerProps, type CoralBannerSlide, CountryLinkGrid, type CountryLinkGridHeadingLevel, type CountryLinkGridItem, type CountryLinkGridProps, CryptoMarketsTable, type CryptoMarketsTableProps, type CryptoMarketsTableVariant, CryptoTradeConverter, type CryptoTradeConverterProps, type CryptoTradeConverterVariant, DEFAULT_AWARDS, DEFAULT_CULTURE_CARDS, DEFAULT_EXCHANGE_RATE_WS_URL, DEFAULT_SYMBOLS_ENDPOINT, DEFAULT_TRADE_HREF, DayNightTransition, type DayNightTransitionProps, DocumentChips, type DocumentChipsDocument, type DocumentChipsGroup, type DocumentChipsHeadingLevel, type DocumentChipsLanguageLink, type DocumentChipsProps, type DocumentChipsVariant, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, DynamicTable, type DynamicTableColumnDef, type DynamicTableProps, type DynamicTableRowData, type DynamicTableVariant, EntityInfoSection, type EntityInfoSectionHeadingLevel, type EntityInfoSectionLink, type EntityInfoSectionProps, FEATURE_AWARDS_TEXT_CONTENT, FEATURE_BLOG_CATEGORIES_TEXT_CONTENT, FEATURE_BLOG_TEXT_CONTENT, FEATURE_OFFICES_TEXT_CONTENT, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureAwards, type FeatureAwardsProps, FeatureBlog, type FeatureBlogAuthor, FeatureBlogCategories, type FeatureBlogCategoriesProps, type FeatureBlogCategoryPost, type FeatureBlogCategoryTab, type FeatureBlogContentBlock, type FeatureBlogContentBlockType, FeatureBlogPage, type FeatureBlogPageProps, type FeatureBlogPost, type FeatureBlogProps, type FeatureBlogSharePlatform, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsCarousel, type FeatureCardsCarouselItem, type FeatureCardsCarouselProps, type FeatureCardsCarouselTone, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, type FeatureOffice, type FeatureOfficeRegion, FeatureOffices, type FeatureOfficesProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, FeatureSplit, type FeatureSplitImagePosition, type FeatureSplitProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, type FormulaBlock, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, type HelpCenterContentBlock, type HelpCenterContentBlockType, HelpCenterPage, type HelpCenterPageProps, type HelpCenterQuestionItem, HelpCentreCategories, type HelpCentreCategoriesProps, type HelpCentreCategoryItem, HelpCentreSubCategories, type HelpCentreSubCategoriesProps, type HelpCentreSubCategoryItem, Hero, type HeroButtonProps, type HeroProps, type HeroTrustpilotProps, type HeroVariant, IMAGE_BANNER_CHIPS_DEFAULT_IMAGE, ImageBanner, type ImageBannerProps, type ImageBannerVariant, type LanguageItem, LanguageSelectModal, type LanguageSelectModalOption, type LanguageSelectModalProps, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, LinkModal, type LinkModalProps, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, MasterPartner, type MasterPartnerNote, type MasterPartnerProps, type MasterPartnerStep, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, OPTIONS_TYPES_ACCUMULATOR_CONTENT, OPTIONS_TYPES_DIGITAL_CONTENT, OPTIONS_TYPES_EU_MULTIPLIERS_CONTENT, OPTIONS_TYPES_MULTIPLIERS_CONTENT, OPTIONS_TYPES_PLACEHOLDER_ITEMS, OPTIONS_TYPES_TURBO_CONTENT, OPTIONS_TYPES_VANILLA_CONTENT, OptionsTypes, type OptionsTypesAnimation, type OptionsTypesIcon, type OptionsTypesItem, type OptionsTypesMetaItem, type OptionsTypesProps, type OptionsTypesVariant, PARALLAX_BANNER_TEXT_CONTENT, Pagination, type PaginationProps, ParallaxBanner, type ParallaxBannerCultureCard, type ParallaxBannerProps, type PartnerPayoutItem, PartnersPayout, type PartnersPayoutProps, PeopleGrid, type PeopleGridProps, type PersonItem, RESOURCE_BANNER_DERIV_CONTENT, ResourceBanner, type ResourceBannerHeadingLevel, type ResourceBannerLink, type ResourceBannerProps, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, StickyMarketCardsLottie, type StickyMarketCardsLottieItem, type StickyMarketCardsLottieProps, type StickyMarketCardsLottieTheme, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, type SwapCalculationMode, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, type TierAccent, type TierItem, Tiers, type TiersProps, TradingCalculator, TradingCalculatorHowTo, type TradingCalculatorHowToProps, type TradingCalculatorHowToVariant, type TradingCalculatorProps, type TradingCalculatorResults, type TradingCalculatorVariant, type TradingSymbolSpec, dayNightTransitionV2Preset, isLottieSrc };
|
|
3149
|
+
export { AVATAR_DATA, Accordion, type AccordionProps, AffiliatesSlider, type AffiliatesSliderProps, ArticleHero, type ArticleHeroArticle, type ArticleHeroColumn, type ArticleHeroProps, ArticleSection, type ArticleSectionItem, type ArticleSectionProps, type ArticleSectionVariant, AvatarGrid, type AvatarGridProps, type AvatarItem, type AvatarPosition, type AwardItem, BottomSheet, type BottomSheetAction, type BottomSheetProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSize, Button, type ButtonColorScheme, type ButtonIconPosition, type ButtonProps, type ButtonVariant, COL_ONE_LOGOS, COL_TWO_LOGOS, CORAL_BANNER_DERIV_SLIDES, CTABanner, type CTABannerProps, type CalculationToken, Card, type CardPrimaryStyle, type CardProps, type CardTag, type CardThumbnailType, Chip, ChipDropdown, type ChipDropdownOption, type ChipDropdownProps, type ChipProps, type ChipSize, ComparisonCards, type ComparisonCardsCard, type ComparisonCardsProps, type ComparisonCardsRow, type ComparisonCardsTheme, CoralBanner, type CoralBannerButton, type CoralBannerProps, type CoralBannerSlide, CountryLinkGrid, type CountryLinkGridHeadingLevel, type CountryLinkGridItem, type CountryLinkGridProps, CryptoMarketsTable, type CryptoMarketsTableLabels, type CryptoMarketsTableProps, type CryptoMarketsTableVariant, CryptoTradeConverter, type CryptoTradeConverterLabels, type CryptoTradeConverterProps, type CryptoTradeConverterVariant, DEFAULT_AWARDS, DEFAULT_CRYPTO_MARKETS_TABLE_LABELS, DEFAULT_CRYPTO_MARKETS_TABLE_TITLE, DEFAULT_CRYPTO_TRADE_CONVERTER_LABELS, DEFAULT_CRYPTO_TRADE_CONVERTER_SUBTITLE, DEFAULT_CRYPTO_TRADE_CONVERTER_TITLE, DEFAULT_CULTURE_CARDS, DEFAULT_EXCHANGE_RATE_WS_URL, DEFAULT_SYMBOLS_ENDPOINT, DEFAULT_TRADE_HREF, DEFAULT_TRADING_CALCULATOR_LABELS, DayNightTransition, type DayNightTransitionProps, DocumentChips, type DocumentChipsDocument, type DocumentChipsGroup, type DocumentChipsHeadingLevel, type DocumentChipsLanguageLink, type DocumentChipsProps, type DocumentChipsVariant, DotLottieInView, type DotLottieInViewProps, DownloadBadge, type DownloadBadgeColorScheme, type DownloadBadgePlatform, type DownloadBadgeProps, DownloadBanner, type DownloadBannerProps, type DownloadBannerStyle, DynamicTable, type DynamicTableColumnDef, type DynamicTableProps, type DynamicTableRowData, type DynamicTableVariant, EntityInfoSection, type EntityInfoSectionHeadingLevel, type EntityInfoSectionLink, type EntityInfoSectionProps, FEATURE_AWARDS_TEXT_CONTENT, FEATURE_BLOG_CATEGORIES_TEXT_CONTENT, FEATURE_BLOG_TEXT_CONTENT, FEATURE_OFFICES_TEXT_CONTENT, FEATURE_SCROLL_DATA, FaqAccordion, type FaqAccordionColorScheme, type FaqAccordionProps, type FaqItem, FeatureAwards, type FeatureAwardsProps, FeatureBlog, type FeatureBlogAuthor, FeatureBlogCategories, type FeatureBlogCategoriesProps, type FeatureBlogCategoryPost, type FeatureBlogCategoryTab, type FeatureBlogContentBlock, type FeatureBlogContentBlockType, FeatureBlogPage, type FeatureBlogPageProps, type FeatureBlogPost, type FeatureBlogProps, type FeatureBlogSharePlatform, FeatureBullets, type FeatureBulletsProps, type FeatureCardIconItem, type FeatureCardItem, FeatureCards, FeatureCardsCarousel, type FeatureCardsCarouselItem, type FeatureCardsCarouselProps, type FeatureCardsCarouselTone, FeatureCardsIcon, type FeatureCardsIconProps, type FeatureCardsProps, type FeatureOffice, type FeatureOfficeRegion, FeatureOffices, type FeatureOfficesProps, FeatureScroll, type FeatureScrollItem, type FeatureScrollProps, FeatureSplit, type FeatureSplitImagePosition, type FeatureSplitProps, Footer, type FooterAiSummaryItem, type FooterAiSummaryProps, type FooterAppBadge, type FooterDerivGoProps, type FooterLinkItem, type FooterNavSection, type FooterProps, type FooterSocialLink, type FormulaBlock, Header, type HeaderButtonProps, type HeaderProps, type HeaderVariant, type HelpCenterContentBlock, type HelpCenterContentBlockType, HelpCenterPage, type HelpCenterPageProps, type HelpCenterQuestionItem, HelpCentreCategories, type HelpCentreCategoriesProps, type HelpCentreCategoryItem, HelpCentreSubCategories, type HelpCentreSubCategoriesProps, type HelpCentreSubCategoryItem, Hero, type HeroButtonProps, type HeroProps, type HeroTrustpilotProps, type HeroVariant, IMAGE_BANNER_CHIPS_DEFAULT_IMAGE, ImageBanner, type ImageBannerProps, type ImageBannerVariant, type LanguageItem, LanguageSelectModal, type LanguageSelectModalOption, type LanguageSelectModalProps, type LeaderItem, Leaders, type LeadersProps, Link, type LinkColorScheme, LinkModal, type LinkModalProps, type LinkProps, type LogoItem, LogoMarquee, type LogoMarqueeProps, MasterPartner, type MasterPartnerNote, type MasterPartnerProps, type MasterPartnerStep, type NavDropdownColumn, type NavDropdownFeature, type NavDropdownItem, type NavItem, Navbar, type NavbarProps, OPTIONS_TYPES_ACCUMULATOR_CONTENT, OPTIONS_TYPES_DIGITAL_CONTENT, OPTIONS_TYPES_EU_MULTIPLIERS_CONTENT, OPTIONS_TYPES_MULTIPLIERS_CONTENT, OPTIONS_TYPES_PLACEHOLDER_ITEMS, OPTIONS_TYPES_TURBO_CONTENT, OPTIONS_TYPES_VANILLA_CONTENT, OptionsTypes, type OptionsTypesAnimation, type OptionsTypesIcon, type OptionsTypesItem, type OptionsTypesMetaItem, type OptionsTypesProps, type OptionsTypesVariant, PARALLAX_BANNER_TEXT_CONTENT, Pagination, type PaginationProps, ParallaxBanner, type ParallaxBannerCultureCard, type ParallaxBannerProps, type PartnerPayoutItem, PartnersPayout, type PartnersPayoutProps, PeopleGrid, type PeopleGridProps, type PersonItem, RESOURCE_BANNER_DERIV_CONTENT, ResourceBanner, type ResourceBannerHeadingLevel, type ResourceBannerLink, type ResourceBannerProps, STEPS_DATA, SearchField, type SearchFieldProps, type SearchFieldStatus, type StatItem, Stats, type StatsAward, type StatsProps, StatsSimple, type StatsSimpleProps, type StepItem, Steps, type StepsImagePosition, type StepsProps, type StickyCardItem, type StickyCardTheme, type StickyMarketCardItem, type StickyMarketCardTheme, StickyMarketCards, StickyMarketCardsLottie, type StickyMarketCardsLottieItem, type StickyMarketCardsLottieProps, type StickyMarketCardsLottieTheme, type StickyMarketCardsProps, StickyStackedCards, type StickyStackedCardsProps, type SwapCalculationMode, TEXT_CONTENT, type TabItem, Table, type TableColumnDef, type TableColumnWidth, type TableProps, type TableRowData, Tabs, type TabsProps, Tag, type TagFontWeight, type TagProps, type TagSize, type TagVariant, Testimonial, type TestimonialItem, type TestimonialProps, TextField, type TextFieldProps, type TextFieldStatus, type TextFieldVariant, TextScroll, type TextScrollProps, type TierAccent, type TierItem, Tiers, type TiersProps, TradingCalculator, TradingCalculatorHowTo, type TradingCalculatorHowToProps, type TradingCalculatorHowToVariant, type TradingCalculatorLabels, type TradingCalculatorProps, type TradingCalculatorResults, type TradingCalculatorVariant, type TradingSymbolSpec, dayNightTransitionV2Preset, isLottieSrc };
|