sass-template-common 0.12.21 → 0.13.0

package/dist/sass-template-common.d.ts

@@ -377,6 +377,8 @@ declare type CarrouselProps = {
     cardGap?: number;
     fullPageWidth?: boolean;
     pagination?: boolean;
+    /** Dots circulares (opt-in). No altera el estilo de barra de `pagination`. */
+    paginationCircle?: boolean;
     enableDrag?: boolean;
 };
 
@@ -793,6 +795,7 @@ export declare type ConfigDynamic = {
     'Carrusel card': any;
     'Carrusel story': any;
     'Carrusel owl': any;
+    'Carrusel video'?: any;
     'Modulo fotogaleria': any;
     'Destacado full width'?: any;
 };
@@ -800,6 +803,7 @@ export declare type ConfigDynamic = {
 export declare type ConfigMain = {
     Diario: DestacadoDiario;
     'Diario con imagen': DestacadoDiario;
+    'Diario en vivo': DestacadoDiarioLive;
     Super: SectionCardCSS & Super;
     '3 notas verticales': {
         customLargeSection?: SectionCardCSS & Super;
@@ -932,7 +936,7 @@ declare interface Date_2 {
 }
 export { Date_2 as Date }
 
-export declare const DEBUG_MainSlots: ({ mainBlock, StylesConfigMain, config, banners, }: Props_22) => JSX.Element | null;
+export declare const DEBUG_MainSlots: ({ mainBlock, StylesConfigMain, config, banners, commonServices, }: Props_22) => JSX.Element | null;
 
 declare type DebugCfg = {
     buttonPosition?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
@@ -1023,6 +1027,31 @@ declare type DestacadoDiario = {
     customNewsDescriptionStyles: NewsDescriptionBlockCSS;
 };
 
+declare type DestacadoDiarioLive = {
+    customSectionCardStyles: SectionCardCSS;
+    customNewsDescriptionStyles: NewsDescriptionBlockCSS;
+    customLiveStyles?: SectionCardCSS & {
+        borderBottom?: string;
+        padding?: string;
+        '--image-play-margin'?: string;
+        '--news-description-padding'?: string;
+        '--news-description-border-bottom'?: string;
+    };
+};
+
+export declare interface DestacadoDiarioLiveProps extends SectionCardProps, NewDescriptionBlockProps {
+    banner?: ReactNode;
+    banners?: BannerResponse[];
+    rightOnlyBanner?: boolean;
+    customSectionCardStyles?: CSSProperties;
+    customNewsDescriptionStyles?: CSSProperties;
+    customLiveStyles?: CSSProperties;
+    paths: RoutePathConfig;
+    block: NewListResponseData[];
+    commonServices?: CommonServices;
+    speculationPrerenderClass?: string;
+}
+
 export declare const DestacadoNoticias: FC<DestacadoNoticiasProps>;
 
 declare interface DestacadoNoticiasProps extends Omit<ImageProps_2, 'preview'>, SectionProps {
@@ -1115,7 +1144,7 @@ export declare class DynamicBlockServices extends CommonServices {
 
 export declare const DynamicComponents: ({ slots, DYNAMIC_SLOT_SUBINDEXES, stylesConfig, AutorIcon, config, banners, showTagBySection, pathname, }: Props_21) => ReactNode[];
 
-export declare const DynamicMainSlot: ({ component, data, banners, rightOnlyBanner, isHome, }: Props_20) => JSX.Element;
+export declare const DynamicMainSlot: ({ component, data, banners, rightOnlyBanner, isHome, commonServices, }: Props_20) => JSX.Element;
 
 export declare function DynamicSlot({ component, slot_id, data, banners, isHome, }: Props_18): JSX.Element | undefined;
 
@@ -3137,6 +3166,7 @@ declare type Props_20 = {
     banners: BannerResponse[];
     rightOnlyBanner?: boolean;
     isHome?: boolean;
+    commonServices?: CommonServices;
 };
 
 declare type Props_21 = {
@@ -3155,6 +3185,7 @@ declare type Props_22 = {
     StylesConfigMain: ConfigMain;
     config: Config;
     banners: BannerResponse[];
+    commonServices?: CommonServices;
 };
 
 declare type Props_23 = {
@@ -3385,6 +3416,36 @@ declare type Props_45 = {
      * asi que el header no cambia salvo que el consumidor lo prenda.
      */
     showPosition?: boolean;
+    /**
+     * Si true, el mail deja de salir como bloque de texto (`.sass-com-ah1-email`)
+     * y pasa a ser UNA RED MAS dentro de `.sass-com-ah1-social`: un icono de
+     * sobre que linkea al `mailto:`. Es como lo pinta el sitio viejo de Debate
+     * (`getSocialFollowLink` tiene `mail: 'mailto:{username}'` y la ficha del
+     * autor no tiene linea de mail aparte).
+     *
+     * Apagado por defecto: los sitios que hoy muestran el mail en texto lo
+     * siguen mostrando igual. A diferencia del bloque de texto, esta variante SI
+     * respeta el flag del CMS (`USER_MOSTRAR_MAIL` / `USER_SHOWEMAIL`).
+     */
+    showEmailAsSocial?: boolean;
+    /**
+     * Si true, la bio del autor se pinta como HTML en lugar de texto escapado.
+     *
+     * El CMS deja cargar la descripcion con formato (`<br>` entre parrafos,
+     * negritas, links), pero React escapa los children: el redactor que separo
+     * su bio en cinco bloques veia los `<br>` literales en la ficha. Con el
+     * toggle prendido el markup se interpreta, pasado antes por
+     * `sanitizeRichText`: sobreviven los tags de formato y los links, y se caen
+     * `<script>`, `<iframe>`, los handlers `on*` y los `href="javascript:"`.
+     *
+     * Apagado por defecto: los sitios que hoy tienen `<`/`>` en la bio como
+     * texto (o que no cargan HTML) no cambian.
+     *
+     * El nodo pasa de `<p>` a `<div>` cuando esta prendido -- un `<p>` no puede
+     * contener `<p>` ni `<ul>` y el browser cerraria el parrafo antes de tiempo,
+     * partiendo la ficha. La clase (`.sass-com-ah1-description`) es la misma.
+     */
+    allowBioHtml?: boolean;
 };
 
 declare type Props_46 = {
@@ -3392,6 +3453,12 @@ declare type Props_46 = {
     autorIcon: any;
     /** Si true, usa iconos rellenos (filled) para redes sociales en lugar de outline */
     socialIconsFilled?: boolean;
+    /**
+     * Si true, la bio se pinta como HTML sanitizado en lugar de texto escapado.
+     * Mismo contrato que en `AutorHeader1`: pasa el formato del CMS (`<br>`,
+     * negritas, links) y no pasa nada ejecutable. Apagado por defecto.
+     */
+    allowBioHtml?: boolean;
 };
 
 declare type Props_47 = {
@@ -3868,6 +3935,16 @@ export declare function runConfigOriginComparison(params: {
     runs?: number;
 }): Promise<ConfigOriginComparisonReport | null>;
 
+/**
+ * Devuelve el HTML con SOLO los tags y atributos de la allowlist. Lo que no
+ * esta permitido pierde el markup pero mantiene el texto.
+ *
+ * @example
+ * sanitizeRichText('a<br>b<script>x()</script><a href="javascript:x()">c</a>')
+ * // 'a<br />b<a>c</a>'
+ */
+export declare const sanitizeRichText: (html?: string | null) => string;
+
 export declare function ScriptHydrator({ containerId, containerId2 }: Props_17): null;
 
 declare type ScriptProps = {
@@ -4118,6 +4195,13 @@ export declare const Spin: ({ className }: {
 
 export declare function StaticSlotWrapper({ children, stylesConfigEntry, }: Props_19): JSX.Element;
 
+/**
+ * Texto plano: saca los tags y colapsa espacios. Es lo que necesita cualquier
+ * consumidor que NO renderiza HTML (schemas JSON-LD, `meta description`,
+ * `aria-label`, `title`), donde un `<br>` literal seria basura visible.
+ */
+export declare const stripHtml: (html?: string | null) => string;
+
 export declare const SubscribeColumn: (props: Props_30) => JSX.Element;
 
 export declare const SubscribeRow: FC<Props_31>;
@@ -4369,6 +4453,16 @@ export declare const VideoBlock3: FC<Props_35>;
 
 export declare const VideoBlock4: FC<Props_48>;
 
+export declare const VideoCarousel: FC<VideoCarouselProps>;
+
+declare interface VideoCarouselProps {
+    titleUrl?: string;
+    content: Array<VideoResponseData>;
+    title?: string;
+    slot_id?: string;
+    identificador?: number;
+}
+
 export declare const VideoEmbeddedHeader: ({ newsformated, internal, commonServices, }: {
     newsformated: NewListResponseData;
     internal?: string;