@nuskin/marketing-components 1.51.0-video-player.1 → 1.52.0

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 import React$1, { ReactElement, ComponentProps, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-interface CsTextProps$1 {
+interface CsTextProps$2 {
     readonly full_width?: boolean;
     readonly container_background_color?: unknown;
     readonly alignment?: 'left' | 'center' | 'right';
@@ -11,7 +11,7 @@ interface CsTextProps$1 {
         text_editor?: Record<string, unknown>;
     };
 }
-declare const CsText: ({ full_width, container_background_color, alignment, text_editor, font_color, $ }: CsTextProps$1) => ReactElement | null;
+declare const CsText: ({ full_width, container_background_color, alignment, text_editor, font_color, $ }: CsTextProps$2) => ReactElement | null;
 
 type NsImageProps = {
     alt: string;
@@ -352,8 +352,8 @@ interface HeroBannerProps {
 
 declare const HeroBanner: React$1.FC<HeroBannerProps>;
 
-type CsTextProps = ComponentProps<typeof CsText>;
-interface RichTextProps extends Omit<CsTextProps, 'text_editor' | 'font_color'> {
+type CsTextProps$1 = ComponentProps<typeof CsText>;
+interface RichTextProps extends Omit<CsTextProps$1, 'text_editor' | 'font_color'> {
     readonly text_editor: string;
     readonly font_color?: 'Light' | 'Dark';
     readonly container_alignment?: 'left' | 'center' | 'right';
@@ -447,6 +447,34 @@ declare function BynderMedia({ bynder_media, $ }: Readonly<BynderMediaProps>): R
 declare function getMediaUrl(selected: BynderImageDataType['selected'], isPublic: boolean, previewUrls: BynderImageDataType['previewUrls']): string;
 declare function extractBynderMedia(mediaJson?: string): BynderMediaExtracted | null;
 
+type CsTextProps = ComponentProps<typeof CsText>;
+interface TableRichTextProps extends Omit<CsTextProps, 'text_editor' | 'font_color'> {
+    readonly text_editor: string;
+    readonly font_color?: 'Light' | 'Dark';
+    readonly container_alignment?: 'left' | 'center' | 'right';
+    readonly container_vertical_alignment?: 'top' | 'center' | 'bottom';
+    readonly container_width?: 100 | 75 | 50 | 25;
+    readonly container_background_color?: string;
+}
+/**
+ * RichText Component
+ *
+ * Wrapper component that sanitizes Rich Text Editor content before passing to CsText.
+ * Uses DOMPurify to remove dangerous markup (scripts, styles, event handlers, etc.)
+ * while preserving allowed formatting tags and attributes.
+ *
+ * SECURITY FEATURES:
+ * - Removes script tags and event handlers
+ * - Strips dangerous attributes and tags
+ * - Allows only specified tags: p, div, span, a, br, strong, em, i, u, h1, h2, h3, ul, ol, li
+ * - Allows only specified attributes: href, target, rel, title, class, style, data-cslp
+ * - Sanitization is applied before rendering in CsText
+ *
+ * @param props - CsText component props with sanitizable text_editor content
+ * @returns Rendered component with sanitized content
+ */
+declare const TableRichText: ({ text_editor, font_color, container_alignment, container_vertical_alignment, container_width, container_background_color, ...restProps }: TableRichTextProps) => ReactElement | null;
+
 type FaqSectionWidth = 25 | 50 | 75 | 100;
 interface FaqItemEditTags {
     question?: Record<string, unknown>;
@@ -578,4 +606,4 @@ declare function buildEmbedUrl(source: string, raw: unknown, opts?: PlaybackOpti
  */
 declare function buildVideoDescriptor(videoSource: string | undefined, url: string | undefined, opts?: PlaybackOptions): VideoDescriptor | null;
 
-export { type BannerAlignment, type BannerData, type BannerTextProps, Button, type Button$, type ButtonAlignment, type ButtonBlockProp, type ButtonProps, type ButtonSize, type ButtonType, type ButtonVariant, Buttons, type ButtonsBlock, type ButtonsBlock$, type ButtonsEntry, type BynderImageDataType, BynderMedia, type BynderMediaExtracted, type BynderMediaProps, type BynderMediaType, type CSEditTags$1 as CSEditTags, Carousel, type CarouselPreset, type CarouselProps, type CarouselRenderSlide, type ColorTheme, _default as ColumnControl, type ColumnControlProps, type ContentAlignment, ContentCard, type ContentCardProps, CsImage, CsText as CsTextComponent, DEFAULT_BANNER_CONFIG, DEFAULT_CAROUSEL_CONFIG, DEFAULT_ROTATION_INTERVAL, Faq, type FaqEditTags, type FaqItemData, type FaqItemEditTags, type FaqProps, type FaqSectionWidth, type GradientDepth$1 as GradientDepth, type GradientDirection, HeroBanner, type HeroBanner$, type HeroBannerMediaType, type HeroBannerProps, type IconPosition, type LinkTarget, MarketingBannerComponent as MarketingBanner, type MarketingBannerData, type MarketingBannerProps, type MediaType, PLACEHOLDER_VALUES, type PlaybackOptions, RichText as RichTextComponent, SpacingDivider, type SpacingDividerProps, type TextAlignment, type TextColor, type UseCarouselReturn, type VerticalAlignment, type VideoDescriptor, type VideoKind, VideoPlayer, VideoPlayerFromDescriptor, type VideoPlayerProps, buildEmbedUrl, buildVideoDescriptor, extractBynderMedia, extractVideoId, getMediaUrl, safeVideoSrc };
+export { type BannerAlignment, type BannerData, type BannerTextProps, Button, type Button$, type ButtonAlignment, type ButtonBlockProp, type ButtonProps, type ButtonSize, type ButtonType, type ButtonVariant, Buttons, type ButtonsBlock, type ButtonsBlock$, type ButtonsEntry, type BynderImageDataType, BynderMedia, type BynderMediaExtracted, type BynderMediaProps, type BynderMediaType, type CSEditTags$1 as CSEditTags, Carousel, type CarouselPreset, type CarouselProps, type CarouselRenderSlide, type ColorTheme, _default as ColumnControl, type ColumnControlProps, type ContentAlignment, ContentCard, type ContentCardProps, CsImage, CsText as CsTextComponent, DEFAULT_BANNER_CONFIG, DEFAULT_CAROUSEL_CONFIG, DEFAULT_ROTATION_INTERVAL, Faq, type FaqEditTags, type FaqItemData, type FaqItemEditTags, type FaqProps, type FaqSectionWidth, type GradientDepth$1 as GradientDepth, type GradientDirection, HeroBanner, type HeroBanner$, type HeroBannerMediaType, type HeroBannerProps, type IconPosition, type LinkTarget, MarketingBannerComponent as MarketingBanner, type MarketingBannerData, type MarketingBannerProps, type MediaType, PLACEHOLDER_VALUES, type PlaybackOptions, RichText as RichTextComponent, SpacingDivider, type SpacingDividerProps, TableRichText, type TextAlignment, type TextColor, type UseCarouselReturn, type VerticalAlignment, type VideoDescriptor, type VideoKind, VideoPlayer, VideoPlayerFromDescriptor, type VideoPlayerProps, buildEmbedUrl, buildVideoDescriptor, extractBynderMedia, extractVideoId, getMediaUrl, safeVideoSrc };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import React$1, { ReactElement, ComponentProps, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
-interface CsTextProps$1 {
+interface CsTextProps$2 {
     readonly full_width?: boolean;
     readonly container_background_color?: unknown;
     readonly alignment?: 'left' | 'center' | 'right';
@@ -11,7 +11,7 @@ interface CsTextProps$1 {
         text_editor?: Record<string, unknown>;
     };
 }
-declare const CsText: ({ full_width, container_background_color, alignment, text_editor, font_color, $ }: CsTextProps$1) => ReactElement | null;
+declare const CsText: ({ full_width, container_background_color, alignment, text_editor, font_color, $ }: CsTextProps$2) => ReactElement | null;
 
 type NsImageProps = {
     alt: string;
@@ -352,8 +352,8 @@ interface HeroBannerProps {
 
 declare const HeroBanner: React$1.FC<HeroBannerProps>;
 
-type CsTextProps = ComponentProps<typeof CsText>;
-interface RichTextProps extends Omit<CsTextProps, 'text_editor' | 'font_color'> {
+type CsTextProps$1 = ComponentProps<typeof CsText>;
+interface RichTextProps extends Omit<CsTextProps$1, 'text_editor' | 'font_color'> {
     readonly text_editor: string;
     readonly font_color?: 'Light' | 'Dark';
     readonly container_alignment?: 'left' | 'center' | 'right';
@@ -447,6 +447,34 @@ declare function BynderMedia({ bynder_media, $ }: Readonly<BynderMediaProps>): R
 declare function getMediaUrl(selected: BynderImageDataType['selected'], isPublic: boolean, previewUrls: BynderImageDataType['previewUrls']): string;
 declare function extractBynderMedia(mediaJson?: string): BynderMediaExtracted | null;
 
+type CsTextProps = ComponentProps<typeof CsText>;
+interface TableRichTextProps extends Omit<CsTextProps, 'text_editor' | 'font_color'> {
+    readonly text_editor: string;
+    readonly font_color?: 'Light' | 'Dark';
+    readonly container_alignment?: 'left' | 'center' | 'right';
+    readonly container_vertical_alignment?: 'top' | 'center' | 'bottom';
+    readonly container_width?: 100 | 75 | 50 | 25;
+    readonly container_background_color?: string;
+}
+/**
+ * RichText Component
+ *
+ * Wrapper component that sanitizes Rich Text Editor content before passing to CsText.
+ * Uses DOMPurify to remove dangerous markup (scripts, styles, event handlers, etc.)
+ * while preserving allowed formatting tags and attributes.
+ *
+ * SECURITY FEATURES:
+ * - Removes script tags and event handlers
+ * - Strips dangerous attributes and tags
+ * - Allows only specified tags: p, div, span, a, br, strong, em, i, u, h1, h2, h3, ul, ol, li
+ * - Allows only specified attributes: href, target, rel, title, class, style, data-cslp
+ * - Sanitization is applied before rendering in CsText
+ *
+ * @param props - CsText component props with sanitizable text_editor content
+ * @returns Rendered component with sanitized content
+ */
+declare const TableRichText: ({ text_editor, font_color, container_alignment, container_vertical_alignment, container_width, container_background_color, ...restProps }: TableRichTextProps) => ReactElement | null;
+
 type FaqSectionWidth = 25 | 50 | 75 | 100;
 interface FaqItemEditTags {
     question?: Record<string, unknown>;
@@ -578,4 +606,4 @@ declare function buildEmbedUrl(source: string, raw: unknown, opts?: PlaybackOpti
  */
 declare function buildVideoDescriptor(videoSource: string | undefined, url: string | undefined, opts?: PlaybackOptions): VideoDescriptor | null;
 
-export { type BannerAlignment, type BannerData, type BannerTextProps, Button, type Button$, type ButtonAlignment, type ButtonBlockProp, type ButtonProps, type ButtonSize, type ButtonType, type ButtonVariant, Buttons, type ButtonsBlock, type ButtonsBlock$, type ButtonsEntry, type BynderImageDataType, BynderMedia, type BynderMediaExtracted, type BynderMediaProps, type BynderMediaType, type CSEditTags$1 as CSEditTags, Carousel, type CarouselPreset, type CarouselProps, type CarouselRenderSlide, type ColorTheme, _default as ColumnControl, type ColumnControlProps, type ContentAlignment, ContentCard, type ContentCardProps, CsImage, CsText as CsTextComponent, DEFAULT_BANNER_CONFIG, DEFAULT_CAROUSEL_CONFIG, DEFAULT_ROTATION_INTERVAL, Faq, type FaqEditTags, type FaqItemData, type FaqItemEditTags, type FaqProps, type FaqSectionWidth, type GradientDepth$1 as GradientDepth, type GradientDirection, HeroBanner, type HeroBanner$, type HeroBannerMediaType, type HeroBannerProps, type IconPosition, type LinkTarget, MarketingBannerComponent as MarketingBanner, type MarketingBannerData, type MarketingBannerProps, type MediaType, PLACEHOLDER_VALUES, type PlaybackOptions, RichText as RichTextComponent, SpacingDivider, type SpacingDividerProps, type TextAlignment, type TextColor, type UseCarouselReturn, type VerticalAlignment, type VideoDescriptor, type VideoKind, VideoPlayer, VideoPlayerFromDescriptor, type VideoPlayerProps, buildEmbedUrl, buildVideoDescriptor, extractBynderMedia, extractVideoId, getMediaUrl, safeVideoSrc };
+export { type BannerAlignment, type BannerData, type BannerTextProps, Button, type Button$, type ButtonAlignment, type ButtonBlockProp, type ButtonProps, type ButtonSize, type ButtonType, type ButtonVariant, Buttons, type ButtonsBlock, type ButtonsBlock$, type ButtonsEntry, type BynderImageDataType, BynderMedia, type BynderMediaExtracted, type BynderMediaProps, type BynderMediaType, type CSEditTags$1 as CSEditTags, Carousel, type CarouselPreset, type CarouselProps, type CarouselRenderSlide, type ColorTheme, _default as ColumnControl, type ColumnControlProps, type ContentAlignment, ContentCard, type ContentCardProps, CsImage, CsText as CsTextComponent, DEFAULT_BANNER_CONFIG, DEFAULT_CAROUSEL_CONFIG, DEFAULT_ROTATION_INTERVAL, Faq, type FaqEditTags, type FaqItemData, type FaqItemEditTags, type FaqProps, type FaqSectionWidth, type GradientDepth$1 as GradientDepth, type GradientDirection, HeroBanner, type HeroBanner$, type HeroBannerMediaType, type HeroBannerProps, type IconPosition, type LinkTarget, MarketingBannerComponent as MarketingBanner, type MarketingBannerData, type MarketingBannerProps, type MediaType, PLACEHOLDER_VALUES, type PlaybackOptions, RichText as RichTextComponent, SpacingDivider, type SpacingDividerProps, TableRichText, type TextAlignment, type TextColor, type UseCarouselReturn, type VerticalAlignment, type VideoDescriptor, type VideoKind, VideoPlayer, VideoPlayerFromDescriptor, type VideoPlayerProps, buildEmbedUrl, buildVideoDescriptor, extractBynderMedia, extractVideoId, getMediaUrl, safeVideoSrc };