@pushwoosh/dumb-components 1.1.162 → 1.1.164

package/NativeRichMediaPreview/types.d.ts

@@ -1,245 +1,249 @@
-/** Text fragment with an optional custom color. */
+/** Text block. */
 export type NativeRichMediaText = {
     /** Text content. */
     text: string;
-    /** CSS text color; falls back to the block's default. */
-    color?: string;
+    /** Text color in HEX with opacity (example: #RRGGBBFF). */
+    color: string;
 };
-/** What happens when an interactive element is tapped. */
+/** Border config. */
+export type NativeRichMediaBorder = {
+    /** Border color in HEX with opacity (example: #RRGGBBFF). */
+    color: string;
+    /** Border radius in pt. */
+    radius: number;
+};
+/** Surface of a card: optional image over a background color. */
+export type NativeRichMediaCover = {
+    /** Cover image URL. */
+    image?: string;
+    /** Background color in HEX with opacity (example: #RRGGBBFF). */
+    background: string;
+};
+/** Available actions. */
 export type NativeRichMediaAction = {
     type: 'close';
 } | {
     type: 'url';
     url: string;
 };
-/** Button rendered inside a rich media block. */
+/** Button block. */
 export type NativeRichMediaButton = {
-    /** Button caption. */
-    text: string;
-    /** CSS caption color. */
-    textColor?: string;
-    /** CSS background of the button. */
-    background?: string;
-    /** Corner radius in pt. */
-    cornerRadius?: number;
+    /** Button text. */
+    text: NativeRichMediaText;
+    /** Button background color in HEX with opacity (example: #RRGGBBFF). */
+    background: string;
+    /** Border config. */
+    border: NativeRichMediaBorder;
     /** Tap action. */
-    action?: NativeRichMediaAction;
+    action: NativeRichMediaAction;
 };
 /** Reward panel shown after winning a scratchcard or spinwheel. */
 export type NativeRichMediaReward = {
-    /** Panel heading. */
+    /** Title; a valid reward has a title or a code. */
     title?: NativeRichMediaText;
-    /** Panel body text. */
+    /** Message. */
     message?: NativeRichMediaText;
     /** Promo code displayed with a copy control. */
     code?: string;
-    /** Caption of the confirmation button. */
-    button?: string;
-    /** Confirmation button action. */
-    action?: NativeRichMediaAction;
+    /** Confirmation button, including its own tap action. */
+    button?: NativeRichMediaButton;
 };
-/** Content of a `modal` rich media. */
-export type NativeRichMediaModalBlock = {
-    /** CSS background of the modal card. */
-    background?: string;
-    /** Heading. */
-    title?: NativeRichMediaText;
-    /** Body text. */
-    message?: NativeRichMediaText;
-    /** Cover image URL. */
-    image?: string;
+/** Content of a `banner` rich media. */
+export type NativeRichMediaBannerBlock = {
     /** Show a close (✕) chip. */
-    showClose?: boolean;
-    /** Dim the screen behind the card (default `true`). */
-    dimBackground?: boolean;
-    /** Action buttons under the message. */
-    buttons?: NativeRichMediaButton[];
-};
-/** Content of a `sheet` rich media; same shape as {@link NativeRichMediaModalBlock}, docked to the bottom. */
-export type NativeRichMediaSheetBlock = NativeRichMediaModalBlock;
-/** Single card of a `carousel` rich media. */
-export type NativeRichMediaCarouselItem = {
-    /** Card image URL. */
+    showClose: boolean;
+    /** Screen edge the banner is docked to (default `bottom`). */
+    position: 'top' | 'bottom';
+    /** Banner background color in HEX with opacity (example: #RRGGBBFF). */
+    background: string;
+    /** Leading image URL. */
     image?: string;
-    /** Card heading. */
-    title?: string;
-    /** Card secondary text. */
-    subtitle?: string;
-    /** URL opened when the card is tapped. */
-    url?: string;
+    /** Title. */
+    title?: NativeRichMediaText;
+    /** Message. */
+    message?: NativeRichMediaText;
+    /** Tap action. */
+    action: NativeRichMediaAction;
+    /** Auto-dismiss timeout in seconds; omit to keep the banner until closed. */
+    autoDismiss?: number;
 };
 /** Content of a `carousel` rich media. */
 export type NativeRichMediaCarouselBlock = {
-    /** Carousel cards. */
-    items: NativeRichMediaCarouselItem[];
     /** Show a close (✕) chip. */
-    showClose?: boolean;
+    showClose: boolean;
+    /** Carousel cards. */
+    items: Array<{
+        /** Title. */
+        title?: NativeRichMediaText;
+        /** Message. */
+        message?: NativeRichMediaText;
+        /** Card image URL. */
+        image?: string;
+        /** Tap action of the card. */
+        action?: NativeRichMediaAction;
+    }>;
 };
-/** Single slide of a `stories` rich media. */
-export type NativeRichMediaStoryItem = {
-    /** Slide image URL. */
+/** Content of a `modal` rich media. */
+export type NativeRichMediaModalBlock = {
+    /** Show a close (✕) chip. */
+    showClose: boolean;
+    /** Dim the screen behind the card. */
+    dimBackground: boolean;
+    /** Card background color in HEX with opacity (example: #RRGGBBFF). */
+    background: string;
+    /** Cover image URL. */
     image?: string;
-    /** Slide heading. */
-    title?: string;
-    /** Slide secondary text. */
-    subtitle?: string;
-    /** Caption of the slide's action button. */
-    button?: string;
-    /** URL opened by the action button. */
-    url?: string;
-    /** Slide duration in seconds. */
-    duration?: number;
+    /** Title. */
+    title?: NativeRichMediaText;
+    /** Message. */
+    message?: NativeRichMediaText;
+    /** Action buttons under the message. */
+    buttons: Array<NativeRichMediaButton>;
 };
-/** Content of a `stories` rich media. */
-export type NativeRichMediaStoriesBlock = {
-    /** Story slides. */
-    items: NativeRichMediaStoryItem[];
-    /** Restart from the first slide after the last one. */
-    loop?: boolean;
+/** Content of a `sheet` rich media. */
+export type NativeRichMediaSheetBlock = {
     /** Show a close (✕) chip. */
-    showClose?: boolean;
-};
-/** Content of a `banner` rich media. */
-export type NativeRichMediaBannerBlock = {
-    /** Screen edge the banner is docked to (default `bottom`). */
-    position?: 'top' | 'bottom';
-    /** Leading image URL. */
+    showClose: boolean;
+    /** Dim the screen behind the card. */
+    dimBackground: boolean;
+    /** Sheet background color in HEX with opacity (example: #RRGGBBFF). */
+    background: string;
+    /** Cover image URL. */
     image?: string;
-    /** Heading. */
+    /** Title. */
     title?: NativeRichMediaText;
-    /** Body text. */
+    /** Message. */
     message?: NativeRichMediaText;
-    /** CSS background of the banner. */
-    background?: string;
-    /** Tap action. */
-    action?: NativeRichMediaAction;
-    /** Auto-dismiss timeout in seconds. */
-    autoDismiss?: number;
+    /** Action buttons under the message. */
+    buttons: Array<NativeRichMediaButton>;
+};
+/** Content of a `stories` rich media. */
+export type NativeRichMediaStoriesBlock = {
     /** Show a close (✕) chip. */
-    showClose?: boolean;
+    showClose: boolean;
+    /** Restart from the first slide after the last one. */
+    loop: boolean;
+    /** Story slides. */
+    items: Array<{
+        /** Title. */
+        title?: NativeRichMediaText;
+        /** Message. */
+        message?: NativeRichMediaText;
+        /** Slide image URL. */
+        image?: string;
+        /** Action buttons at the bottom. */
+        buttons: Array<NativeRichMediaButton>;
+        /** Slide duration in seconds (SDK: default 5, max 30). */
+        duration: number;
+    }>;
 };
 /** Content of a `fullscreen` rich media. */
 export type NativeRichMediaFullscreenBlock = {
-    /** Cover image URL. */
-    image?: string;
-    /** Heading. */
+    /** Show a close (✕) chip. */
+    showClose: boolean;
+    /** Surface of the screen. */
+    cover: NativeRichMediaCover;
+    /** Title. */
     title?: NativeRichMediaText;
-    /** Body text. */
+    /** Message. */
     message?: NativeRichMediaText;
     /** Action buttons at the bottom. */
-    buttons?: NativeRichMediaButton[];
-    /** Show a close (✕) chip. */
-    showClose?: boolean;
+    buttons: Array<NativeRichMediaButton>;
 };
 /** Content of a `video` rich media. */
 export type NativeRichMediaVideoBlock = {
+    /** Title. */
+    title?: NativeRichMediaText;
+    /** Message. */
+    message?: NativeRichMediaText;
+    /** Show a close (✕) chip. */
+    showClose: boolean;
+    /** Loop playback. */
+    loop: boolean;
+    /** Start playback muted. */
+    muted: boolean;
     /** Video URL. */
-    url?: string;
+    url: string;
     /** Poster image URL shown before playback. */
     poster?: string;
     /** Image URL shown when the video cannot be played. */
     fallback?: string;
-    /** Heading over the video. */
-    title?: NativeRichMediaText;
-    /** Body text over the video. */
-    message?: NativeRichMediaText;
-    /** Caption of the action button. */
-    button?: string;
-    /** Action button action. */
-    action?: NativeRichMediaAction;
-    /** Loop playback. */
-    loop?: boolean;
-    /** Start playback muted. */
-    muted?: boolean;
-    /** Show a close (✕) chip. */
-    showClose?: boolean;
+    /** Action buttons at the bottom. */
+    buttons: Array<NativeRichMediaButton>;
 };
 /** Content of a `pip` (picture-in-picture) rich media. */
 export type NativeRichMediaPipBlock = {
+    /** Show a close (✕) chip. */
+    showClose: boolean;
+    /** Screen corner the pip window is docked to. */
+    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    /** Loop playback. */
+    loop: boolean;
+    /** Start playback muted. */
+    muted: boolean;
     /** Video URL. */
-    url?: string;
+    url: string;
     /** Poster image URL shown before playback. */
     poster?: string;
     /** Image URL shown when the video cannot be played. */
     fallback?: string;
-    /** Screen corner the pip window is docked to (default `bottom-right`). */
-    position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-    /** Pip window width in pt. */
-    width?: number;
+    /** Pip window width as a percent of the box width, clamped between 15 and 70 (values ≤ 1 are treated as a fraction). */
+    width: number;
     /** Width-to-height ratio of the pip window. */
-    aspectRatio?: number;
-    /** Corner radius in pt. */
-    cornerRadius?: number;
-    /** Loop playback. */
-    loop?: boolean;
-    /** Start playback muted. */
-    muted?: boolean;
-    /** Caption of the action button. */
-    button?: string;
-    /** Action button action. */
+    aspectRatio: number;
+    /** Border radius in pt. */
+    borderRadius?: number;
+    /** Tap action of the pip window itself. */
     action?: NativeRichMediaAction;
-    /** Show a close (✕) chip. */
-    showClose?: boolean;
-};
-/** Scratch layer of a {@link NativeRichMediaScratchcardBlock}. */
-export type NativeRichMediaScratchcardCover = {
-    /** Cover image URL. */
-    image?: string;
-    /** CSS cover color used when there is no image. */
-    color?: string;
 };
 /** Content of a `scratchcard` rich media. */
 export type NativeRichMediaScratchcardBlock = {
-    /** CSS background: a color or gradient stops. */
-    background?: string | string[];
-    /** Heading. */
+    /** Show a close (✕) chip. */
+    showClose: boolean;
+    /** Color or gradient stops in HEX with opacity (example: #RRGGBBFF). */
+    background: string | string[];
+    /** Scratched-area fraction (0–1) that reveals the reward. */
+    revealThreshold: number;
+    /** Scratch layer hiding the reward. */
+    cover: NativeRichMediaCover;
+    /** Instant-reveal button, including its own tap action. */
+    revealButton?: Omit<NativeRichMediaButton, 'action'>;
+    /** Title. */
     title?: NativeRichMediaText;
-    /** Body text. */
+    /** Message. */
     message?: NativeRichMediaText;
-    /** Scratch layer hiding the reward. */
-    cover?: NativeRichMediaScratchcardCover;
-    /** Scratched-area fraction (0–1) that reveals the reward. */
-    revealThreshold?: number;
-    /** Caption of the instant-reveal button. */
-    revealButton?: string;
     /** Reward revealed under the cover. */
-    reward?: NativeRichMediaReward;
-    /** Show a close (✕) chip. */
-    showClose?: boolean;
-};
-/** Single sector of a {@link NativeRichMediaSpinwheelBlock}. */
-export type NativeRichMediaSpinwheelSegment = {
-    /** Sector caption. */
-    text: string;
-    /** CSS sector fill color. */
-    color?: string;
-    /** CSS caption color. */
-    textColor?: string;
-    /** Relative sector size; defaults to an even split. */
-    weight?: number;
-    /** Reward granted when the wheel stops on this sector. */
-    reward?: NativeRichMediaReward;
+    reward: NativeRichMediaReward;
 };
 /** Content of a `spinwheel` rich media. */
 export type NativeRichMediaSpinwheelBlock = {
-    /** CSS background: a color or gradient stops. */
-    background?: string | string[];
-    /** Heading. */
+    /** Title. */
     title?: NativeRichMediaText;
-    /** Body text. */
+    /** Message. */
     message?: NativeRichMediaText;
-    /** Index of the winning segment; omit for a losing spin. */
-    winIndex?: number;
-    /** Caption of the spin button. */
-    spinButton?: string;
-    /** Wheel sectors. */
-    segments: NativeRichMediaSpinwheelSegment[];
+    /** Show a close (✕) chip. */
+    showClose: boolean;
+    /** Color or gradient stops in HEX with opacity (example: #RRGGBBFF). */
+    background: string | string[];
+    /** Index of the winning segment. */
+    winIndex: number;
+    /** Spin button, including its own tap action. */
+    spinButton: Omit<NativeRichMediaButton, 'action'>;
     /** Reward shown after a winning spin. */
-    reward?: NativeRichMediaReward;
+    reward: NativeRichMediaReward;
     /** Heading shown after a losing spin. */
     loseTitle?: NativeRichMediaText;
-    /** Show a close (✕) chip. */
-    showClose?: boolean;
+    /** Wheel sectors. */
+    segments: Array<{
+        /** Message. */
+        message: NativeRichMediaText;
+        /** Color in HEX with opacity (example: #RRGGBBFF). */
+        color?: string;
+        /** Relative sector size. */
+        weight: number;
+        /** Reward granted when the wheel stops on this sector. */
+        reward?: NativeRichMediaReward;
+    }>;
 };
 /** Native rich media config: a display type and the matching content block. */
 export type NativeRichMediaConfig = {
@@ -281,12 +285,12 @@ export declare const NATIVE_RICH_MEDIA_DISPLAY_TYPES: NativeRichMediaDisplayType
 export type NativeRichMediaPreviewProps = {
     /** Rich media config, as an object or a JSON string. */
     content: string | NativeRichMediaConfig;
-    /** Accessible name of the preview (rendered as the `title` attribute). */
-    name?: string;
-    /** Preview width; number is treated as px (default `304`). */
-    width?: string | number;
-    /** Preview height; number is treated as px (default `659`). */
-    height?: string | number;
+    /** Preview box width; number is treated as px. */
+    width: string | number;
+    /** Preview box height; number is treated as px. */
+    height: string | number;
+    /** Index of the slide shown for `carousel`/`stories` (clamped to the items range, default `0`); ignored by other display types. */
+    activeIndex?: number;
     /** Show a spinner instead of the content. */
     isLoading?: boolean;
     /** Render the container chrome — white backdrop and border (default `true`). Set `false` for a transparent preview over the consumer's own background. */

package/NativeRichMediaPreview/views/NativeRichMediaBannerView/NativeRichMediaBannerView.js

@@ -1,46 +1,41 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card, CloseGlyph, TextContainer } from './styles';
+import { Vertical } from '@pushwoosh/kit-helpers';
+import { Card, CloseGlyph } from './styles';
 import { NativeRichMediaCoverImg } from '../../components/NativeRichMediaCoverImg';
-import { NativeRichMediaPtLabel } from '../../components/NativeRichMediaPtLabel';
-import { PT } from '../../helpers';
-import { TemplateLayer } from '../../styles';
+import { NativeRichMediaText } from '../../components/NativeRichMediaText';
+import { NativeRichMediaTitle } from '../../components/NativeRichMediaTitle';
+import { EDGE_INSET, asTextValue } from '../../helpers';
 export function NativeRichMediaBannerView(props) {
   const {
     block
   } = props;
   const isTop = block.position === 'top';
-  return _jsx(TemplateLayer, {
-    children: _jsxs(Card, {
-      "$top": isTop ? PT.SAFE_TOP + 10 : undefined,
-      "$bottom": isTop ? undefined : PT.SAFE_BOTTOM + 10,
-      "$background": block.background || '#1F1F1F',
-      children: [block.image && _jsx(NativeRichMediaCoverImg, {
-        url: block.image,
-        width: 52,
-        height: 52,
-        borderRadius: 12,
-        flex: "none"
-      }), _jsxs(TextContainer, {
-        children: [block.title && _jsx(NativeRichMediaPtLabel, {
-          value: block.title,
-          size: 16,
-          weight: 600,
-          fallbackColor: "#FFFFFF",
-          align: "left",
-          truncate: true
-        }), block.message && _jsx(NativeRichMediaPtLabel, {
-          value: block.message,
-          size: 13,
-          weight: 400,
-          fallbackColor: "rgba(255,255,255,0.7)",
-          align: "left",
-          lineHeight: 1.3,
-          clamp2: true,
-          marginTop: block.title ? 2 : undefined
-        })]
-      }), block.showClose !== false && _jsx(CloseGlyph, {
-        children: "\u2715"
+  const title = asTextValue(block.title);
+  const message = asTextValue(block.message);
+  return _jsxs(Card, {
+    "$marginTop": isTop ? EDGE_INSET : undefined,
+    "$marginBottom": isTop ? undefined : EDGE_INSET,
+    "$background": block.background,
+    children: [block.image && _jsx(NativeRichMediaCoverImg, {
+      url: block.image,
+      width: 52,
+      height: 52,
+      borderRadius: 12,
+      flex: "none"
+    }), _jsxs(Vertical, {
+      "$gap": 4,
+      children: [title.text && _jsx(NativeRichMediaTitle, {
+        "$color": title.color,
+        "$size": "h4",
+        "$truncate": true,
+        children: title.text
+      }), message.text && _jsx(NativeRichMediaText, {
+        "$color": message.color,
+        "$clamp": 2,
+        children: message.text
       })]
-    })
+    }), block.showClose && _jsx(CloseGlyph, {
+      children: "\u2715"
+    })]
   });
 }

package/NativeRichMediaPreview/views/NativeRichMediaBannerView/styles.d.ts

@@ -1,7 +1,6 @@
 export declare const Card: import("styled-components").StyledComponent<"div", any, {
-    $background: string;
-    $top?: number;
-    $bottom?: number;
+    $background?: string;
+    $marginTop?: number;
+    $marginBottom?: number;
 }, never>;
-export declare const TextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CloseGlyph: import("styled-components").StyledComponent<"div", any, {}, never>;

package/NativeRichMediaPreview/views/NativeRichMediaBannerView/styles.js

@@ -1,19 +1,16 @@
 import styled from 'styled-components';
+import { FontSize, FontWeight } from '@pushwoosh/kit-constants';
 export const Card = styled.div.withConfig({
   displayName: "Card",
   componentId: "sc-1fs78cm-0"
-})(["position:absolute;left:12px;right:12px;border-radius:18px;box-shadow:0 16px 28px rgba(0,0,0,0.28);padding:12px 14px;display:flex;align-items:center;gap:12px;background:", ";", " ", ""], ({
+})(["margin:0 12px;border-radius:18px;box-shadow:0 16px 28px rgba(0,0,0,0.28);padding:12px 14px;display:flex;align-items:center;gap:12px;background:", ";", " ", ""], ({
   $background
 }) => $background, ({
-  $top
-}) => $top !== undefined ? `top: ${$top}px;` : '', ({
-  $bottom
-}) => $bottom !== undefined ? `bottom: ${$bottom}px;` : '');
-export const TextContainer = styled.div.withConfig({
-  displayName: "TextContainer",
-  componentId: "sc-1fs78cm-1"
-})(["flex:1;min-width:0;"]);
+  $marginTop
+}) => $marginTop !== undefined ? `margin-top: ${$marginTop}px;` : '', ({
+  $marginBottom
+}) => $marginBottom !== undefined ? `margin-bottom: ${$marginBottom}px;` : '');
 export const CloseGlyph = styled.div.withConfig({
   displayName: "CloseGlyph",
-  componentId: "sc-1fs78cm-2"
-})(["flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);font-size:13px;font-weight:700;"]);
+  componentId: "sc-1fs78cm-1"
+})(["flex:none;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.6);font-size:", ";font-weight:", ";user-select:none;cursor:pointer;"], FontSize.SMALL, FontWeight.BOLD);

package/NativeRichMediaPreview/views/NativeRichMediaCarouselView/NativeRichMediaCarouselView.js

@@ -1,43 +1,44 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Card, Dot, Dots, GradientOverlay, SubtitleText, TextBlock, TitleText } from './styles';
+import { Card, Dot, Dots, GradientOverlay, TextBlock } from './styles';
 import { NativeRichMediaCloseChip } from '../../components/NativeRichMediaCloseChip';
 import { NativeRichMediaCoverImg } from '../../components/NativeRichMediaCoverImg';
-import { asText } from '../../helpers';
-import { TemplateLayer } from '../../styles';
+import { NativeRichMediaText } from '../../components/NativeRichMediaText';
+import { NativeRichMediaTitle } from '../../components/NativeRichMediaTitle';
+import { asTextValue, clampIndex } from '../../helpers';
 export function NativeRichMediaCarouselView(props) {
   const {
     block,
-    activeIndex,
-    onNavigate
+    activeIndex
   } = props;
   const items = block.items;
-  const idx = Math.max(0, Math.min(activeIndex, items.length - 1));
+  const idx = clampIndex(activeIndex, items.length);
   const item = items[idx] || {};
-  return _jsx(TemplateLayer, {
-    children: _jsxs(Card, {
-      children: [_jsx(NativeRichMediaCoverImg, {
-        url: item.image,
-        position: "absolute",
-        inset: true
-      }), (item.title || item.subtitle) && _jsxs(_Fragment, {
-        children: [_jsx(GradientOverlay, {}), _jsxs(TextBlock, {
-          children: [item.title && _jsx(TitleText, {
-            children: asText(item.title)
-          }), item.subtitle && _jsx(SubtitleText, {
-            children: asText(item.subtitle)
-          })]
+  const title = asTextValue(item.title);
+  const message = asTextValue(item.message);
+  return _jsxs(Card, {
+    children: [_jsx(NativeRichMediaCoverImg, {
+      url: item.image,
+      position: "absolute",
+      inset: true
+    }), (title.text || message.text) && _jsxs(_Fragment, {
+      children: [_jsx(GradientOverlay, {}), _jsxs(TextBlock, {
+        children: [title.text && _jsx(NativeRichMediaTitle, {
+          "$color": title.color,
+          children: title.text
+        }), message.text && _jsx(NativeRichMediaText, {
+          "$color": message.color,
+          children: message.text
         })]
-      }), items.length > 1 && _jsx(Dots, {
-        children: items.map((_, i) => _jsx(Dot
-        // eslint-disable-next-line react/no-array-index-key
-        , {
-          "$active": i === idx,
-          onClick: () => onNavigate(i)
-        }, `carousel-dot-${i}`))
-      }), block.showClose !== false && _jsx(NativeRichMediaCloseChip, {
-        top: 12,
-        right: 12
       })]
-    })
+    }), items.length > 1 && _jsx(Dots, {
+      children: items.map((_, i) => _jsx(Dot
+      // eslint-disable-next-line react/no-array-index-key
+      , {
+        "$active": i === idx
+      }, `carousel-dot-${i}`))
+    }), block.showClose && _jsx(NativeRichMediaCloseChip, {
+      top: 12,
+      right: 12
+    })]
   });
 }

package/NativeRichMediaPreview/views/NativeRichMediaCarouselView/styles.d.ts

@@ -1,8 +1,6 @@
 export declare const Card: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const GradientOverlay: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextBlock: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TitleText: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SubtitleText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Dots: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Dot: import("styled-components").StyledComponent<"div", any, {
     $active?: boolean;