@deriv-web-design/ui 0.1.35 → 0.1.37
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 +317 -6
- package/components.manifest.json +38 -0
- package/dist/index.d.mts +178 -5
- package/dist/index.d.ts +178 -5
- package/dist/index.js +294 -81
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +287 -81
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
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
|
|
@@ -2342,6 +2395,50 @@ type FormulaBlock =
|
|
|
2342
2395
|
content: string;
|
|
2343
2396
|
}[];
|
|
2344
2397
|
};
|
|
2398
|
+
/**
|
|
2399
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2400
|
+
* Omit any key (or the whole object) to keep the English defaults baked into
|
|
2401
|
+
* the existing margin / pip / swap content. Does not add new variants — it
|
|
2402
|
+
* only replaces strings inside the block already on the page.
|
|
2403
|
+
*
|
|
2404
|
+
* Flat keys apply to whatever content is currently shown. For `swap-*`
|
|
2405
|
+
* instances (both formulas behind the tab switch), also pass
|
|
2406
|
+
* `swapPoints` / `swapPercentage` so each tab keeps its own translated body.
|
|
2407
|
+
*
|
|
2408
|
+
* Section `title` / `description` stay top-level props (already overridable).
|
|
2409
|
+
*/
|
|
2410
|
+
type TradingCalculatorHowToLabels = {
|
|
2411
|
+
/** Left column heading. @default "Formula" */
|
|
2412
|
+
formulaHeading?: string;
|
|
2413
|
+
/** Right column heading. @default "Example" */
|
|
2414
|
+
exampleHeading?: string;
|
|
2415
|
+
/** Chip: "Swap calculation (In points)" */
|
|
2416
|
+
swapTabPoints?: string;
|
|
2417
|
+
/** Chip: "Swap calculation (In percentage)" */
|
|
2418
|
+
swapTabPercentage?: string;
|
|
2419
|
+
/** Formula column blocks. Replaces the whole column when set. */
|
|
2420
|
+
formulaBlocks?: FormulaBlock[];
|
|
2421
|
+
/** Lead paragraph under Example. */
|
|
2422
|
+
exampleIntro?: string;
|
|
2423
|
+
/** Optional second lead line (pip uses "The calculation would be:"). */
|
|
2424
|
+
exampleLead?: string;
|
|
2425
|
+
/** Annotated calculation strips. Replaces all strips when set. */
|
|
2426
|
+
calculations?: CalculationToken[][];
|
|
2427
|
+
/** Closing sentence after the strips. */
|
|
2428
|
+
resultText?: string;
|
|
2429
|
+
/** Muted note under the example. */
|
|
2430
|
+
note?: string;
|
|
2431
|
+
/**
|
|
2432
|
+
* Body overrides for the swap "In points" tab only.
|
|
2433
|
+
* Same shape as the flat body keys above (`formulaBlocks`, `exampleIntro`, …).
|
|
2434
|
+
*/
|
|
2435
|
+
swapPoints?: Pick<TradingCalculatorHowToLabels, "formulaBlocks" | "exampleIntro" | "exampleLead" | "calculations" | "resultText" | "note" | "formulaHeading" | "exampleHeading">;
|
|
2436
|
+
/**
|
|
2437
|
+
* Body overrides for the swap "In percentage" tab only.
|
|
2438
|
+
* Same shape as the flat body keys above.
|
|
2439
|
+
*/
|
|
2440
|
+
swapPercentage?: Pick<TradingCalculatorHowToLabels, "formulaBlocks" | "exampleIntro" | "exampleLead" | "calculations" | "resultText" | "note" | "formulaHeading" | "exampleHeading">;
|
|
2441
|
+
};
|
|
2345
2442
|
interface TradingCalculatorHowToProps extends HTMLAttributes<HTMLElement> {
|
|
2346
2443
|
/**
|
|
2347
2444
|
* Which deriv.com "How to calculate…" page this instance mirrors.
|
|
@@ -2352,13 +2449,45 @@ interface TradingCalculatorHowToProps extends HTMLAttributes<HTMLElement> {
|
|
|
2352
2449
|
title?: string;
|
|
2353
2450
|
/** Section description, shown under the title. Defaults to the canonical copy for `variant`. */
|
|
2354
2451
|
description?: string;
|
|
2452
|
+
/**
|
|
2453
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2454
|
+
* Omit to keep English formula/example/chip defaults.
|
|
2455
|
+
*/
|
|
2456
|
+
labels?: TradingCalculatorHowToLabels;
|
|
2355
2457
|
/** Extra class name merged onto the root `<section>`. */
|
|
2356
2458
|
className?: string;
|
|
2357
2459
|
}
|
|
2460
|
+
/** Shared English defaults for column headings and swap chips. */
|
|
2461
|
+
declare const DEFAULT_TRADING_CALCULATOR_HOWTO_LABELS: Required<Pick<TradingCalculatorHowToLabels, "formulaHeading" | "exampleHeading" | "swapTabPoints" | "swapTabPercentage">>;
|
|
2358
2462
|
|
|
2359
|
-
declare const TradingCalculatorHowTo: ({ variant, title, description, className, ...props }: TradingCalculatorHowToProps) => react_jsx_runtime.JSX.Element;
|
|
2463
|
+
declare const TradingCalculatorHowTo: ({ variant, title, description, labels, className, ...props }: TradingCalculatorHowToProps) => react_jsx_runtime.JSX.Element;
|
|
2360
2464
|
|
|
2361
2465
|
type CryptoTradeConverterVariant = "default";
|
|
2466
|
+
/**
|
|
2467
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2468
|
+
* Omit any key to keep the English default.
|
|
2469
|
+
*/
|
|
2470
|
+
type CryptoTradeConverterLabels = {
|
|
2471
|
+
buy?: string;
|
|
2472
|
+
sell?: string;
|
|
2473
|
+
connecting?: string;
|
|
2474
|
+
livePrices?: string;
|
|
2475
|
+
waitingForPrice?: string;
|
|
2476
|
+
unsupportedBrowser?: string;
|
|
2477
|
+
selectMarket?: string;
|
|
2478
|
+
chooseMarket?: string;
|
|
2479
|
+
tradeSideGroup?: string;
|
|
2480
|
+
youPay?: string;
|
|
2481
|
+
youReceive?: string;
|
|
2482
|
+
amountToSpend?: string;
|
|
2483
|
+
primaryAmountAria?: string;
|
|
2484
|
+
convertedAmountAria?: string;
|
|
2485
|
+
/** Template: `Estimate at 1 {base} = {price} {quote}. Fees and spread excluded.` */
|
|
2486
|
+
estimateTemplate?: string;
|
|
2487
|
+
change24hSuffix?: string;
|
|
2488
|
+
waitingForLivePrice?: string;
|
|
2489
|
+
invalidAmount?: string;
|
|
2490
|
+
};
|
|
2362
2491
|
type CryptoTradeConverterProps = {
|
|
2363
2492
|
variant?: CryptoTradeConverterVariant;
|
|
2364
2493
|
market?: "spot";
|
|
@@ -2368,23 +2497,67 @@ type CryptoTradeConverterProps = {
|
|
|
2368
2497
|
tradeHref?: string;
|
|
2369
2498
|
/** Allowlisted HTTPS API origin (default https://deriv.exchange). */
|
|
2370
2499
|
apiOrigin?: string;
|
|
2500
|
+
/** Section heading. @default "Buy and sell in seconds" */
|
|
2501
|
+
title?: string;
|
|
2502
|
+
/**
|
|
2503
|
+
* Supporting paragraph under the title.
|
|
2504
|
+
* @default "Choose your asset, enter an amount, and confirm…"
|
|
2505
|
+
*/
|
|
2506
|
+
subtitle?: string;
|
|
2507
|
+
/** Optional overrides for remaining UI chrome / status / field labels. */
|
|
2508
|
+
labels?: CryptoTradeConverterLabels;
|
|
2371
2509
|
className?: string;
|
|
2372
2510
|
};
|
|
2511
|
+
declare const DEFAULT_CRYPTO_TRADE_CONVERTER_TITLE = "Buy and sell in seconds";
|
|
2512
|
+
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.";
|
|
2513
|
+
declare const DEFAULT_CRYPTO_TRADE_CONVERTER_LABELS: Required<CryptoTradeConverterLabels>;
|
|
2373
2514
|
|
|
2374
2515
|
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;
|
|
2516
|
+
declare const CryptoTradeConverter: ({ variant: _variant, market: _market, defaultPair, tradeHref, apiOrigin, title, subtitle, labels: labelsProp, className, }: CryptoTradeConverterProps) => react_jsx_runtime.JSX.Element;
|
|
2376
2517
|
|
|
2377
2518
|
type CryptoMarketsTableVariant = "default";
|
|
2519
|
+
/**
|
|
2520
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2521
|
+
* Omit any key to keep the English default.
|
|
2522
|
+
*/
|
|
2523
|
+
type CryptoMarketsTableLabels = {
|
|
2524
|
+
spot?: string;
|
|
2525
|
+
futures?: string;
|
|
2526
|
+
live?: string;
|
|
2527
|
+
connecting?: string;
|
|
2528
|
+
marketTypeGroup?: string;
|
|
2529
|
+
quoteCurrencyTabs?: string;
|
|
2530
|
+
/** Accessible name for the horizontally scrollable table region. */
|
|
2531
|
+
scrollRegion?: string;
|
|
2532
|
+
columnName?: string;
|
|
2533
|
+
columnPrice?: string;
|
|
2534
|
+
column1h?: string;
|
|
2535
|
+
column24h?: string;
|
|
2536
|
+
column7d?: string;
|
|
2537
|
+
unsupportedBrowser?: string;
|
|
2538
|
+
loadError?: string;
|
|
2539
|
+
loading?: string;
|
|
2540
|
+
/** Template: `No {quote} pairs on {kind} yet…` */
|
|
2541
|
+
emptyPairsTemplate?: string;
|
|
2542
|
+
/** Template: `{name} available hourly price history, up to 7 days` */
|
|
2543
|
+
sparklineAriaTemplate?: string;
|
|
2544
|
+
};
|
|
2378
2545
|
type CryptoMarketsTableProps = {
|
|
2379
2546
|
variant?: CryptoMarketsTableVariant;
|
|
2380
2547
|
initialMarket?: "spot" | "futures";
|
|
2381
2548
|
initialQuoteCurrency?: string;
|
|
2382
2549
|
apiOrigin?: string;
|
|
2383
2550
|
maxRows?: number;
|
|
2551
|
+
/** Section heading. @default "Explore the markets" */
|
|
2552
|
+
title?: string;
|
|
2553
|
+
/** Optional overrides for toolbar, status, columns, and empty states. */
|
|
2554
|
+
labels?: CryptoMarketsTableLabels;
|
|
2384
2555
|
className?: string;
|
|
2385
2556
|
};
|
|
2557
|
+
declare const DEFAULT_CRYPTO_MARKETS_TABLE_TITLE = "Explore the markets";
|
|
2558
|
+
declare const DEFAULT_CRYPTO_MARKETS_TABLE_LABELS: Required<CryptoMarketsTableLabels>;
|
|
2386
2559
|
|
|
2387
|
-
declare const CryptoMarketsTable: ({ variant: _variant, initialMarket, initialQuoteCurrency, apiOrigin, maxRows, className, }: CryptoMarketsTableProps) => react_jsx_runtime.JSX.Element;
|
|
2560
|
+
declare const CryptoMarketsTable: ({ variant: _variant, initialMarket, initialQuoteCurrency, apiOrigin, maxRows, title, labels: labelsProp, className, }: CryptoMarketsTableProps) => react_jsx_runtime.JSX.Element;
|
|
2388
2561
|
|
|
2389
2562
|
interface FeatureOfficeRegion {
|
|
2390
2563
|
/** Stable identifier — must match `FeatureOffice.region` for filtering to work. CMS-managed. */
|
|
@@ -3024,4 +3197,4 @@ interface AffiliatesSliderProps extends HTMLAttributes<HTMLElement> {
|
|
|
3024
3197
|
|
|
3025
3198
|
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
3199
|
|
|
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 };
|
|
3200
|
+
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_HOWTO_LABELS, 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 TradingCalculatorHowToLabels, type TradingCalculatorHowToProps, type TradingCalculatorHowToVariant, type TradingCalculatorLabels, type TradingCalculatorProps, type TradingCalculatorResults, type TradingCalculatorVariant, type TradingSymbolSpec, dayNightTransitionV2Preset, isLottieSrc };
|
package/dist/index.d.ts
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
|
|
@@ -2342,6 +2395,50 @@ type FormulaBlock =
|
|
|
2342
2395
|
content: string;
|
|
2343
2396
|
}[];
|
|
2344
2397
|
};
|
|
2398
|
+
/**
|
|
2399
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2400
|
+
* Omit any key (or the whole object) to keep the English defaults baked into
|
|
2401
|
+
* the existing margin / pip / swap content. Does not add new variants — it
|
|
2402
|
+
* only replaces strings inside the block already on the page.
|
|
2403
|
+
*
|
|
2404
|
+
* Flat keys apply to whatever content is currently shown. For `swap-*`
|
|
2405
|
+
* instances (both formulas behind the tab switch), also pass
|
|
2406
|
+
* `swapPoints` / `swapPercentage` so each tab keeps its own translated body.
|
|
2407
|
+
*
|
|
2408
|
+
* Section `title` / `description` stay top-level props (already overridable).
|
|
2409
|
+
*/
|
|
2410
|
+
type TradingCalculatorHowToLabels = {
|
|
2411
|
+
/** Left column heading. @default "Formula" */
|
|
2412
|
+
formulaHeading?: string;
|
|
2413
|
+
/** Right column heading. @default "Example" */
|
|
2414
|
+
exampleHeading?: string;
|
|
2415
|
+
/** Chip: "Swap calculation (In points)" */
|
|
2416
|
+
swapTabPoints?: string;
|
|
2417
|
+
/** Chip: "Swap calculation (In percentage)" */
|
|
2418
|
+
swapTabPercentage?: string;
|
|
2419
|
+
/** Formula column blocks. Replaces the whole column when set. */
|
|
2420
|
+
formulaBlocks?: FormulaBlock[];
|
|
2421
|
+
/** Lead paragraph under Example. */
|
|
2422
|
+
exampleIntro?: string;
|
|
2423
|
+
/** Optional second lead line (pip uses "The calculation would be:"). */
|
|
2424
|
+
exampleLead?: string;
|
|
2425
|
+
/** Annotated calculation strips. Replaces all strips when set. */
|
|
2426
|
+
calculations?: CalculationToken[][];
|
|
2427
|
+
/** Closing sentence after the strips. */
|
|
2428
|
+
resultText?: string;
|
|
2429
|
+
/** Muted note under the example. */
|
|
2430
|
+
note?: string;
|
|
2431
|
+
/**
|
|
2432
|
+
* Body overrides for the swap "In points" tab only.
|
|
2433
|
+
* Same shape as the flat body keys above (`formulaBlocks`, `exampleIntro`, …).
|
|
2434
|
+
*/
|
|
2435
|
+
swapPoints?: Pick<TradingCalculatorHowToLabels, "formulaBlocks" | "exampleIntro" | "exampleLead" | "calculations" | "resultText" | "note" | "formulaHeading" | "exampleHeading">;
|
|
2436
|
+
/**
|
|
2437
|
+
* Body overrides for the swap "In percentage" tab only.
|
|
2438
|
+
* Same shape as the flat body keys above.
|
|
2439
|
+
*/
|
|
2440
|
+
swapPercentage?: Pick<TradingCalculatorHowToLabels, "formulaBlocks" | "exampleIntro" | "exampleLead" | "calculations" | "resultText" | "note" | "formulaHeading" | "exampleHeading">;
|
|
2441
|
+
};
|
|
2345
2442
|
interface TradingCalculatorHowToProps extends HTMLAttributes<HTMLElement> {
|
|
2346
2443
|
/**
|
|
2347
2444
|
* Which deriv.com "How to calculate…" page this instance mirrors.
|
|
@@ -2352,13 +2449,45 @@ interface TradingCalculatorHowToProps extends HTMLAttributes<HTMLElement> {
|
|
|
2352
2449
|
title?: string;
|
|
2353
2450
|
/** Section description, shown under the title. Defaults to the canonical copy for `variant`. */
|
|
2354
2451
|
description?: string;
|
|
2452
|
+
/**
|
|
2453
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2454
|
+
* Omit to keep English formula/example/chip defaults.
|
|
2455
|
+
*/
|
|
2456
|
+
labels?: TradingCalculatorHowToLabels;
|
|
2355
2457
|
/** Extra class name merged onto the root `<section>`. */
|
|
2356
2458
|
className?: string;
|
|
2357
2459
|
}
|
|
2460
|
+
/** Shared English defaults for column headings and swap chips. */
|
|
2461
|
+
declare const DEFAULT_TRADING_CALCULATOR_HOWTO_LABELS: Required<Pick<TradingCalculatorHowToLabels, "formulaHeading" | "exampleHeading" | "swapTabPoints" | "swapTabPercentage">>;
|
|
2358
2462
|
|
|
2359
|
-
declare const TradingCalculatorHowTo: ({ variant, title, description, className, ...props }: TradingCalculatorHowToProps) => react_jsx_runtime.JSX.Element;
|
|
2463
|
+
declare const TradingCalculatorHowTo: ({ variant, title, description, labels, className, ...props }: TradingCalculatorHowToProps) => react_jsx_runtime.JSX.Element;
|
|
2360
2464
|
|
|
2361
2465
|
type CryptoTradeConverterVariant = "default";
|
|
2466
|
+
/**
|
|
2467
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2468
|
+
* Omit any key to keep the English default.
|
|
2469
|
+
*/
|
|
2470
|
+
type CryptoTradeConverterLabels = {
|
|
2471
|
+
buy?: string;
|
|
2472
|
+
sell?: string;
|
|
2473
|
+
connecting?: string;
|
|
2474
|
+
livePrices?: string;
|
|
2475
|
+
waitingForPrice?: string;
|
|
2476
|
+
unsupportedBrowser?: string;
|
|
2477
|
+
selectMarket?: string;
|
|
2478
|
+
chooseMarket?: string;
|
|
2479
|
+
tradeSideGroup?: string;
|
|
2480
|
+
youPay?: string;
|
|
2481
|
+
youReceive?: string;
|
|
2482
|
+
amountToSpend?: string;
|
|
2483
|
+
primaryAmountAria?: string;
|
|
2484
|
+
convertedAmountAria?: string;
|
|
2485
|
+
/** Template: `Estimate at 1 {base} = {price} {quote}. Fees and spread excluded.` */
|
|
2486
|
+
estimateTemplate?: string;
|
|
2487
|
+
change24hSuffix?: string;
|
|
2488
|
+
waitingForLivePrice?: string;
|
|
2489
|
+
invalidAmount?: string;
|
|
2490
|
+
};
|
|
2362
2491
|
type CryptoTradeConverterProps = {
|
|
2363
2492
|
variant?: CryptoTradeConverterVariant;
|
|
2364
2493
|
market?: "spot";
|
|
@@ -2368,23 +2497,67 @@ type CryptoTradeConverterProps = {
|
|
|
2368
2497
|
tradeHref?: string;
|
|
2369
2498
|
/** Allowlisted HTTPS API origin (default https://deriv.exchange). */
|
|
2370
2499
|
apiOrigin?: string;
|
|
2500
|
+
/** Section heading. @default "Buy and sell in seconds" */
|
|
2501
|
+
title?: string;
|
|
2502
|
+
/**
|
|
2503
|
+
* Supporting paragraph under the title.
|
|
2504
|
+
* @default "Choose your asset, enter an amount, and confirm…"
|
|
2505
|
+
*/
|
|
2506
|
+
subtitle?: string;
|
|
2507
|
+
/** Optional overrides for remaining UI chrome / status / field labels. */
|
|
2508
|
+
labels?: CryptoTradeConverterLabels;
|
|
2371
2509
|
className?: string;
|
|
2372
2510
|
};
|
|
2511
|
+
declare const DEFAULT_CRYPTO_TRADE_CONVERTER_TITLE = "Buy and sell in seconds";
|
|
2512
|
+
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.";
|
|
2513
|
+
declare const DEFAULT_CRYPTO_TRADE_CONVERTER_LABELS: Required<CryptoTradeConverterLabels>;
|
|
2373
2514
|
|
|
2374
2515
|
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;
|
|
2516
|
+
declare const CryptoTradeConverter: ({ variant: _variant, market: _market, defaultPair, tradeHref, apiOrigin, title, subtitle, labels: labelsProp, className, }: CryptoTradeConverterProps) => react_jsx_runtime.JSX.Element;
|
|
2376
2517
|
|
|
2377
2518
|
type CryptoMarketsTableVariant = "default";
|
|
2519
|
+
/**
|
|
2520
|
+
* Optional UI copy overrides for Raven / Makima i18n.
|
|
2521
|
+
* Omit any key to keep the English default.
|
|
2522
|
+
*/
|
|
2523
|
+
type CryptoMarketsTableLabels = {
|
|
2524
|
+
spot?: string;
|
|
2525
|
+
futures?: string;
|
|
2526
|
+
live?: string;
|
|
2527
|
+
connecting?: string;
|
|
2528
|
+
marketTypeGroup?: string;
|
|
2529
|
+
quoteCurrencyTabs?: string;
|
|
2530
|
+
/** Accessible name for the horizontally scrollable table region. */
|
|
2531
|
+
scrollRegion?: string;
|
|
2532
|
+
columnName?: string;
|
|
2533
|
+
columnPrice?: string;
|
|
2534
|
+
column1h?: string;
|
|
2535
|
+
column24h?: string;
|
|
2536
|
+
column7d?: string;
|
|
2537
|
+
unsupportedBrowser?: string;
|
|
2538
|
+
loadError?: string;
|
|
2539
|
+
loading?: string;
|
|
2540
|
+
/** Template: `No {quote} pairs on {kind} yet…` */
|
|
2541
|
+
emptyPairsTemplate?: string;
|
|
2542
|
+
/** Template: `{name} available hourly price history, up to 7 days` */
|
|
2543
|
+
sparklineAriaTemplate?: string;
|
|
2544
|
+
};
|
|
2378
2545
|
type CryptoMarketsTableProps = {
|
|
2379
2546
|
variant?: CryptoMarketsTableVariant;
|
|
2380
2547
|
initialMarket?: "spot" | "futures";
|
|
2381
2548
|
initialQuoteCurrency?: string;
|
|
2382
2549
|
apiOrigin?: string;
|
|
2383
2550
|
maxRows?: number;
|
|
2551
|
+
/** Section heading. @default "Explore the markets" */
|
|
2552
|
+
title?: string;
|
|
2553
|
+
/** Optional overrides for toolbar, status, columns, and empty states. */
|
|
2554
|
+
labels?: CryptoMarketsTableLabels;
|
|
2384
2555
|
className?: string;
|
|
2385
2556
|
};
|
|
2557
|
+
declare const DEFAULT_CRYPTO_MARKETS_TABLE_TITLE = "Explore the markets";
|
|
2558
|
+
declare const DEFAULT_CRYPTO_MARKETS_TABLE_LABELS: Required<CryptoMarketsTableLabels>;
|
|
2386
2559
|
|
|
2387
|
-
declare const CryptoMarketsTable: ({ variant: _variant, initialMarket, initialQuoteCurrency, apiOrigin, maxRows, className, }: CryptoMarketsTableProps) => react_jsx_runtime.JSX.Element;
|
|
2560
|
+
declare const CryptoMarketsTable: ({ variant: _variant, initialMarket, initialQuoteCurrency, apiOrigin, maxRows, title, labels: labelsProp, className, }: CryptoMarketsTableProps) => react_jsx_runtime.JSX.Element;
|
|
2388
2561
|
|
|
2389
2562
|
interface FeatureOfficeRegion {
|
|
2390
2563
|
/** Stable identifier — must match `FeatureOffice.region` for filtering to work. CMS-managed. */
|
|
@@ -3024,4 +3197,4 @@ interface AffiliatesSliderProps extends HTMLAttributes<HTMLElement> {
|
|
|
3024
3197
|
|
|
3025
3198
|
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
3199
|
|
|
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 };
|
|
3200
|
+
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_HOWTO_LABELS, 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 TradingCalculatorHowToLabels, type TradingCalculatorHowToProps, type TradingCalculatorHowToVariant, type TradingCalculatorLabels, type TradingCalculatorProps, type TradingCalculatorResults, type TradingCalculatorVariant, type TradingSymbolSpec, dayNightTransitionV2Preset, isLottieSrc };
|