valtech-components 2.0.795 → 2.0.797

package/src/lib/components/types.ts

@@ -1,321 +0,0 @@
-import { FormControl, ValidatorFn } from '@angular/forms';
-import { Color } from '@ionic/core';
-import { ImageMetadata } from './atoms/image/types';
-
-/**
- * Possible states for an interactive component.
- */
-export type ComponentState = 'ENABLED' | 'DISABLED' | 'WORKING' | 'ERROR';
-const ENABLED: ComponentState = 'ENABLED';
-const DISABLED: ComponentState = 'DISABLED';
-const WORKING: ComponentState = 'WORKING';
-const ERROR: ComponentState = 'ERROR';
-
-/**
- * Object containing all possible component states.
- */
-export const ComponentStates = { ENABLED, DISABLED, WORKING, ERROR };
-
-/**
- * Types of actions that a button or link can perform.
- */
-export enum ActionType {
-  BROWSER_NEW_TAB, // Open in a new browser tab
-  BROWSER_DOWNLOAD, // Download via browser
-  NATIVE_DOWNLOAD, // Download using native capabilities
-  APP_NAVIGATION, // Internal app navigation
-  BROWSER_NAVIGATION, // Navigation in the browser
-}
-
-/**
- * Represents an executable action for a button or link.
- */
-export type Action = {
-  /** Action description */
-  description: string;
-  /** Action type */
-  type: ActionType;
-  /** Action source or destination */
-  source: string;
-};
-
-/**
- * Supported input types for forms.
- */
-export enum InputType {
-  TEXT,
-  TEXTAREA,
-  EMAIL,
-  PASSWORD,
-  COMMENT,
-  NUMBER,
-  NUMBER_FROM_TO,
-  PIN_CODE,
-  DATE,
-  DATE_RANGE,
-  HOUR,
-  CHECK,
-  RADIO,
-  SELECT,
-  SEARCH_SELECT,
-  MULTI_SELECT,
-  MULTI_SELECT_SIMPLE,
-  FILE,
-  TOGGLE,
-  RANGE,
-  PHONE,
-  CURRENCY,
-  CHECKBOX_RADIO,
-  HANDLE,
-}
-
-/**
- * Option for select, radio, etc. inputs.
- */
-export type InputOption = {
-  /** Unique option identifier */
-  id: string;
-  /** Display name */
-  name: string;
-  /** Whether the option is selected by default */
-  selected?: boolean;
-  /** Display order */
-  order: number;
-};
-
-/**
- * Metadata for a form field.
- */
-export type InputMetadata = {
-  /** Associated form control (optional, created internally by val-form) */
-  control?: FormControl;
-  /** From control (only for NUMBER_FROM_TO type) */
-  fromControl?: FormControl;
-  /** To control (only for NUMBER_FROM_TO type) */
-  toControl?: FormControl;
-  /** Unique token for the input */
-  token: string;
-  /** Display label */
-  label: string;
-  /** Field name */
-  name: string;
-  /** Help text (shown below input, for validation hints) */
-  hint: string;
-  /** Description text (shown below label, explains the field purpose) */
-  description?: string;
-  /** Input placeholder */
-  placeholder: string;
-  /** Input type */
-  type: InputType;
-  /** Display order */
-  order: number;
-  /** Associated validators */
-  validators: ValidatorFn[];
-  /** Options (for select, radio, etc.) */
-  options?: InputOption[];
-  /** Allowed range (for number, date, etc.) */
-  range?: {
-    min: number;
-    max: number;
-  };
-  /** Custom error messages */
-  errors: {
-    [key: string]: string;
-  };
-  /** Initial value for the field */
-  value?: string;
-  /** Default value configuration - string for custom defaults, true for auto defaults */
-  withDefault?: string | boolean;
-  /** Field state */
-  state: ComponentState;
-  /** Label for "from" field (only for NUMBER_FROM_TO type) */
-  fromLabel?: string;
-  /** Label for "to" field (only for NUMBER_FROM_TO type) */
-  toLabel?: string;
-  /** Placeholder for "from" field (only for NUMBER_FROM_TO type) */
-  fromPlaceholder?: string;
-  /** Placeholder for "to" field (only for NUMBER_FROM_TO type) */
-  toPlaceholder?: string;
-
-  // i18n support properties
-  /** Key for content lookup */
-  contentKey?: string;
-  /** Component class name for content lookup */
-  contentClass?: string;
-  /** Fallback text if content key is not found */
-  contentFallback?: string;
-
-  // select-input specific i18n properties
-  /** Custom header text for select modal */
-  modalHeader?: string;
-  /** Custom cancel button text for select modal */
-  cancelText?: string;
-  /** Custom OK button text for select modal */
-  okText?: string;
-  /** Interface del ion-select (default: 'popover'). 'modal' para listas largas. */
-  selectInterface?: 'popover' | 'modal' | 'action-sheet' | 'alert';
-
-  // check-input specific properties
-  /** Position of label for checkbox ('start' | 'end') */
-  labelPlacement?: 'start' | 'end';
-
-  // PIN_CODE specific properties
-  /** Number of digits in PIN (default: 5, only for PIN_CODE type) */
-  length?: number;
-  /** Size of the input boxes: 'small' | 'medium' | 'large' (default: 'medium', only for PIN_CODE type) */
-  size?: 'small' | 'medium' | 'large';
-  /** Allow only numbers (default: true, only for PIN_CODE type) */
-  allowNumbersOnly?: boolean;
-  /** Mask input - show dots instead of characters (only for PIN_CODE type) */
-  mask?: boolean;
-  /** Auto focus first input (only for PIN_CODE type) */
-  autoFocus?: boolean;
-  /** Custom input styles (only for PIN_CODE type) */
-  inputStyles?: Record<string, string>;
-};
-
-/**
- * A section in a form, grouping multiple fields.
- */
-export type FormSection = {
-  /** Section name */
-  name: string;
-  /** Display order */
-  order: number;
-  /** Fields included in the section */
-  fields: InputMetadata[];
-};
-
-/**
- * Data sent when submitting a form.
- */
-export type FormSubmit = {
-  /** Form field values as key-value pairs */
-  fields: Record<string, any>;
-  /** Optional token for the operation */
-  token?: string;
-};
-
-/**
- * Metadata for a complete form.
- */
-export type FormMetadata = {
-  /** Form name */
-  name: string;
-  /** Form sections */
-  sections: FormSection[];
-  /** Action buttons configuration */
-  actions: ButtonMetadata;
-  /** Global form state */
-  state: ComponentState;
-};
-
-/**
- * Possible action types for a toolbar.
- */
-export enum ToolbarActionType {
-  AVATAR = 'AVATAR',
-  ICON = 'ICON',
-  IMAGE = 'IMAGE',
-  BUTTON = 'BUTTON',
-}
-
-/**
- * Toolbar action definition.
- */
-export type ToolbarAction = {
-  /** Action type */
-  type: 'AVATAR' | 'ICON' | 'IMAGE' | 'BUTTON';
-  /** Optional token identifier */
-  token?: string;
-  /** Toolbar position */
-  position: 'left' | 'right' | 'center';
-  /** Optional description */
-  description?: string;
-  /** Associated image (if any) */
-  image?: ImageMetadata;
-  /**
-   * User shape para el modo `AVATAR` — habilita fallback inteligente:
-   * foto → iniciales (de `name`/`email`) → icono persona. Si se omite, el
-   * toolbar solo muestra la imagen pasada en `description`.
-   */
-  user?: { name?: string; email?: string; avatarUrl?: string; handle?: string } | null;
-};
-
-/**
- * Metadata for an icon.
- */
-export interface IconMetada {
-  /** Icon name */
-  name: string;
-  /** Icon slot position */
-  slot: 'start' | 'end';
-}
-
-/**
- * Button configuration object.
- * Supports both static and reactive content.
- * @type {ButtonMetadata}
- * @property text - Static button label (takes precedence over textConfig).
- * @property textConfig - Reactive content configuration for button text.
- * @property color - The button color (Ionic color string).
- * @property icon - Icon to display (optional).
- * @property state - Button state (enabled, disabled, working, etc.).
- * @property expand, fill, size, shape, href, target, download, handler, etc. - See ButtonMetadata for all options.
- */
-export interface ButtonMetadata {
-  /** Associated action type */
-  actionType?: ActionType;
-  /** Button expansion */
-  expand?: 'full' | 'block';
-  /** Associated link */
-  link?: string;
-  /** Associated href link */
-  href?: string;
-  /** Link target */
-  target?: '_blank' | '_self' | '_parent' | '_top';
-  /** Download file name */
-  download?: string;
-  /** Button color */
-  color: Color;
-  /** Button state */
-  state: ComponentState;
-  /** Static display text (takes precedence over reactive content) */
-  text?: string;
-  /** Reactive content configuration for button text */
-  contentKey?: string;
-  /** Component class name for content lookup (required with contentKey) */
-  contentClass?: string;
-  /** Fallback text if contentKey is not found */
-  contentFallback?: string;
-  /** Values to interpolate into the content string */
-  contentInterpolation?: Record<string, string | number>;
-  /** Associated icon */
-  icon?: IconMetada;
-  /** Button shape */
-  shape?: 'round';
-  /** Button size */
-  size?: 'small' | 'default' | 'large';
-  /** Button fill */
-  fill?: 'clear' | 'outline' | 'solid' | 'default';
-  /** Button type */
-  type: 'button' | 'submit' | 'reset';
-  /** Optional token identifier */
-  token?: string;
-  /** Optional reference */
-  ref?: any;
-  /** Action handler */
-  handler?: (value: any) => any | Promise<any>;
-}
-
-/**
- * Configuration for reactive content in val-button component.
- * Use this interface when you only need to specify content-related properties.
- * This follows the same pattern as TextContentConfig for consistency.
- */
-export interface ButtonContentConfig {
-  contentKey: string;
-  contentClass: string;
-  contentFallback?: string;
-  contentInterpolation?: Record<string, string | number>;
-}

package/src/lib/config/company-footer.config.ts

@@ -1,169 +0,0 @@
-/**
- * Shared Company Footer Configuration
- *
- * This configuration is shared across all Valtech products:
- * - ui-docs
- * - showcase
- * - myvaltech (company website)
- *
- * When links or social profiles change, update here and publish a new version.
- */
-
-/**
- * Social media links for Valtech
- */
-export const VALTECH_SOCIAL_LINKS = [
-  {
-    icon: 'logo-facebook',
-    url: 'https://m.facebook.com/profile.php?id=61557610734470',
-    name: 'Facebook',
-  },
-  { icon: 'logo-instagram', url: 'https://www.instagram.com/valtechltda/', name: 'Instagram' },
-  { icon: 'logo-linkedin', url: 'https://www.linkedin.com/company/valtechltda/', name: 'LinkedIn' },
-  { icon: 'logo-twitter', url: 'https://twitter.com/valtechltda', name: 'Twitter' },
-  {
-    icon: 'logo-youtube',
-    url: 'https://www.youtube.com/channel/UCuF4FGdTiUXxANx1HS4Wi5Q',
-    name: 'YouTube',
-  },
-  { icon: 'logo-tiktok', url: 'https://www.tiktok.com/@valtechltda', name: 'TikTok' },
-];
-
-/**
- * Footer logo configuration
- * Uses CSS variable for automatic theme-aware logo switching
- */
-export const VALTECH_FOOTER_LOGO = {
-  logoCssVariable: '--main-logo',
-  logoAlt: 'Valtech Logo',
-  logoRoute: '/',
-};
-
-/**
- * Company link definition
- */
-export interface CompanyLink {
-  /** i18n key for the link text */
-  key: string;
-  /** URL path (relative) or absolute URL */
-  url: string;
-  /**
-   * Hint for `LegalLinkService` about which app owns this link in a multi-app factory:
-   * - `'legal'` — canonical legal content (terms, privacy, …) — lives on main site
-   * - `'site'`  — marketing/info pages (about, blog, …) — lives on main site
-   * - `'support'` — support/help — typically per-app (each product has own support)
-   *
-   * In satellite apps with `provideValtechLegal({ baseUrl })`, links with kind
-   * `'legal'` or `'site'` get rewritten to the main site URL.
-   */
-  kind?: 'legal' | 'site' | 'support';
-  /** Force opens in a new tab. Resolver may also set this when rewriting cross-origin. */
-  external?: boolean;
-}
-
-/**
- * Company links organized by section
- */
-export const VALTECH_COMPANY_LINKS = {
-  legal: [
-    { key: 'aboutUs', url: '/legal/about', kind: 'site', external: false },
-    { key: 'privacyPolicy', url: '/legal/privacy', kind: 'legal', external: false },
-    { key: 'termsConditions', url: '/legal/terms', kind: 'legal', external: false },
-  ] as CompanyLink[],
-  support: [
-    { key: 'contactSupport', url: '/contact', kind: 'support', external: false },
-    { key: 'faq', url: '/legal/faq', kind: 'site', external: false },
-    { key: 'feedback', url: '/feedback', kind: 'support', external: false },
-  ] as CompanyLink[],
-};
-
-/**
- * i18n keys for the footer (Layout namespace)
- * These should be registered in each app's i18n config
- */
-export const VALTECH_FOOTER_I18N = {
-  es: {
-    // Footer titles
-    footerLeftTitle: 'Sigamos en contacto',
-    footerRightTitle: 'Soporte',
-    // Legal links
-    aboutUs: 'Nosotros',
-    privacyPolicy: 'Política de privacidad',
-    termsConditions: 'Términos y condiciones',
-    // Support links
-    contactSupport: 'Contactar a soporte',
-    faq: 'Preguntas frecuentes',
-    feedback: 'Feedback',
-    // Copyright - {year} is replaced with current year
-    copyrightText:
-      '© {year}, Soluciones Valtech Ltda. o sus empresas afiliadas. Todos los derechos reservados.',
-  },
-  en: {
-    // Footer titles
-    footerLeftTitle: 'Stay in touch',
-    footerRightTitle: 'Support',
-    // Legal links
-    aboutUs: 'About Us',
-    privacyPolicy: 'Privacy Policy',
-    termsConditions: 'Terms & Conditions',
-    // Support links
-    contactSupport: 'Contact Support',
-    faq: 'FAQ',
-    feedback: 'Feedback',
-    // Copyright - {year} is replaced with current year
-    copyrightText: '© {year}, Soluciones Valtech Ltda. or its affiliates. All rights reserved.',
-  },
-};
-
-/**
- * Default language selector configuration for footer
- */
-export const VALTECH_LANGUAGE_SELECTOR = {
-  mode: 'default' as const,
-  showFlags: true,
-  showLabel: false,
-  fill: 'outline' as const,
-  size: 'default' as const,
-};
-
-/**
- * Optional URL resolver applied per link (e.g. `LegalLinkService.resolve.bind(svc)`).
- * Returns `{ url, external? }` to allow cross-origin rewrites.
- */
-export type CompanyLinkResolver = (link: CompanyLink) => { url: string; external?: boolean };
-
-/**
- * Helper to build footer links from company links config.
- *
- * @param links - Array of company links
- * @param t - Translation function (key: string) => string
- * @param resolver - Optional resolver — typically `(link) => ({ url: legalLink.resolve(link.url), external: legalLink.isExternal(link.url) && (link.kind === 'legal' || link.kind === 'site') })` to point cross-app legal/site links to the main site.
- * @returns Array of link objects ready for FooterLinksMetadata
- */
-export function buildFooterLinks(
-  links: CompanyLink[],
-  t: (key: string) => string,
-  resolver?: CompanyLinkResolver
-): Array<{
-  url: string;
-  text: string;
-  color: string;
-  token: string;
-  download: boolean;
-  hoverable: boolean;
-  target?: string;
-}> {
-  return links.map(link => {
-    const resolved = resolver ? resolver(link) : { url: link.url, external: link.external };
-    const external = resolved.external ?? link.external;
-    return {
-      url: resolved.url,
-      text: t(link.key),
-      color: 'dark',
-      token: '',
-      download: false,
-      hoverable: true,
-      ...(external ? { target: '_blank' } : {}),
-    };
-  });
-}

package/src/lib/services/ads/ads-consent.service.ts

@@ -1,166 +0,0 @@
-/**
- * Ads Consent Service
- *
- * Integra el servicio de Ads con el Consent Mode v2 existente en AnalyticsService.
- * Proporciona estado de consent especifico para ads (advertising).
- */
-
-import { Injectable, Injector, PLATFORM_ID, inject, signal, computed, effect } from '@angular/core';
-import { isPlatformBrowser } from '@angular/common';
-import { AdsConsentState } from './types';
-
-/**
- * Servicio que maneja el consent para ads.
- *
- * Se integra con AnalyticsService para reutilizar el estado de consent GDPR.
- * Si AnalyticsService no esta disponible, usa valores por defecto conservadores.
- */
-@Injectable({ providedIn: 'root' })
-export class AdsConsentService {
-  private readonly platformId = inject(PLATFORM_ID);
-  private readonly injector = inject(Injector);
-
-  // Cache del estado de consent
-  private readonly _consentState = signal<AdsConsentState>({
-    adStorage: false,
-    adPersonalization: false,
-    adUserData: false,
-  });
-
-  /** Estado de consent para ads (readonly) */
-  readonly adsConsentState = this._consentState.asReadonly();
-
-  /** Indica si se pueden mostrar ads (al menos consent basico) */
-  readonly canShowAds = computed(() => {
-    // Siempre permitimos mostrar ads (pueden ser no personalizados)
-    // El control real esta en canPersonalize
-    return true;
-  });
-
-  /** Indica si se pueden mostrar ads personalizados */
-  readonly canPersonalize = computed(() => {
-    const state = this._consentState();
-    return state.adStorage && state.adPersonalization && state.adUserData;
-  });
-
-  private analyticsService: unknown = null;
-  private consentSyncInterval: ReturnType<typeof setInterval> | null = null;
-
-  constructor() {
-    if (isPlatformBrowser(this.platformId)) {
-      this.initializeConsentSync();
-    }
-  }
-
-  /**
-   * Inicializa la sincronizacion con AnalyticsService.
-   */
-  private initializeConsentSync(): void {
-    // Intentar obtener AnalyticsService de forma lazy
-    // Usamos setTimeout para dar tiempo a que se inicialice
-    setTimeout(() => {
-      this.syncWithAnalyticsConsent();
-    }, 100);
-
-    // Re-sincronizar periodicamente por si el usuario cambia consent
-    this.consentSyncInterval = setInterval(() => {
-      this.syncWithAnalyticsConsent();
-    }, 5000);
-  }
-
-  /**
-   * Sincroniza el estado de consent desde AnalyticsService.
-   */
-  private async syncWithAnalyticsConsent(): Promise<void> {
-    try {
-      // Importar AnalyticsService dinamicamente
-      const { AnalyticsService } = await import('../firebase/analytics.service');
-
-      if (!this.analyticsService) {
-        this.analyticsService = this.injector.get(AnalyticsService, null);
-      }
-
-      if (this.analyticsService) {
-        // AnalyticsService expone consentState como signal
-        const consentState = (this.analyticsService as { consentState: () => { settings: Record<string, boolean | undefined> } }).consentState();
-        this.updateFromAnalyticsConsent(consentState.settings);
-      }
-    } catch {
-      // AnalyticsService no disponible - usar defaults
-      this.setDefaultConsent();
-    }
-  }
-
-  /**
-   * Actualiza el estado de consent desde AnalyticsService.
-   */
-  private updateFromAnalyticsConsent(settings: Record<string, boolean | undefined>): void {
-    const hasAdvertisingConsent = settings['advertising'] === true;
-
-    this._consentState.set({
-      adStorage: hasAdvertisingConsent,
-      adPersonalization: hasAdvertisingConsent,
-      adUserData: hasAdvertisingConsent,
-    });
-  }
-
-  /**
-   * Establece consent por defecto (sin datos personales).
-   */
-  private setDefaultConsent(): void {
-    this._consentState.set({
-      adStorage: false,
-      adPersonalization: false,
-      adUserData: false,
-    });
-  }
-
-  /**
-   * Actualiza manualmente el consent para ads.
-   * Usar cuando el usuario actualiza sus preferencias directamente.
-   *
-   * @param consent - Nuevo estado de consent parcial
-   */
-  updateConsent(consent: Partial<AdsConsentState>): void {
-    this._consentState.update((current) => ({
-      ...current,
-      ...consent,
-    }));
-
-    // Notificar a GPT si ya esta cargado
-    this.applyConsentToGPT();
-  }
-
-  /**
-   * Aplica el estado de consent actual a GPT.
-   */
-  applyConsentToGPT(): void {
-    if (!isPlatformBrowser(this.platformId)) return;
-
-    const googletag = window.googletag;
-    if (!googletag) return;
-
-    googletag.cmd.push(() => {
-      const canPersonalize = this.canPersonalize();
-      // 0 = personalized, 1 = non-personalized
-      googletag.pubads().setRequestNonPersonalizedAds(canPersonalize ? 0 : 1);
-    });
-  }
-
-  /**
-   * Obtiene el estado actual de consent.
-   */
-  getConsentState(): AdsConsentState {
-    return this._consentState();
-  }
-
-  /**
-   * Destruye el servicio y limpia recursos.
-   */
-  destroy(): void {
-    if (this.consentSyncInterval) {
-      clearInterval(this.consentSyncInterval);
-      this.consentSyncInterval = null;
-    }
-  }
-}