@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/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 };