valtech-components 4.0.209 → 4.0.211

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -39,11 +39,11 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for align prop in template.
      */
-    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
+    propsAlign: import("@angular/core").Signal<"right" | "center" | "left">;
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"dark" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/molecules/cta-card/cta-card.component.d.ts

@@ -35,7 +35,7 @@ export declare class CtaCardComponent {
     /** Emitted with the token of the clicked action button */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "borderRadius" | "bordered" | "shadowed" | "align" | "padding">>>;
+    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed" | "align">>>;
     getBackground(): string;
     getColor(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CtaCardComponent, never>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -42,7 +42,7 @@ export declare class FeaturesListComponent {
         iconSize: number;
         mode: "horizontal" | "vertical";
         gap: "small" | "medium" | "large";
-        alignment: "center" | "start";
+        alignment: "start" | "center";
         imageShape: "circle" | "square";
         maxVisible: number;
         showMoreLabel?: string;

package/lib/components/molecules/load-more/load-more.component.d.ts

@@ -26,7 +26,7 @@ export declare class LoadMoreComponent {
     readonly color: import("@angular/core").Signal<string>;
     readonly fill: import("@angular/core").Signal<string>;
     readonly shape: import("@angular/core").Signal<string>;
-    readonly size: import("@angular/core").Signal<"default" | "small" | "large">;
+    readonly size: import("@angular/core").Signal<"small" | "default" | "large">;
     readonly threshold: import("@angular/core").Signal<string>;
     readonly label: import("@angular/core").Signal<string>;
     private readonly _pendingComplete;

package/lib/components/molecules/metric-card/metric-card.component.d.ts

@@ -28,7 +28,7 @@ export declare class MetricCardComponent {
     /** Emitted with the token of the clicked action */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "borderRadius" | "bordered" | "shadowed" | "padding">>>;
+    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed">>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "val-metric-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
 }

package/lib/components/molecules/reaction-bar/reaction-bar.component.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ReactionBarMetadata, ReactionBarEvent, EnrichedReaction } from './types';
+import { ReactionSet } from '../../../services/reactions/types';
+import * as i0 from "@angular/core";
+/**
+ * Barra de reacciones emoji configurables por contexto.
+ *
+ * Muestra un set de emojis y permite al usuario reaccionar a una entidad.
+ * Soporta conteos, multiples reacciones y modo picker (popup).
+ *
+ * @example
+ * html
+ * <val-reaction-bar
+ *   [props]="{
+ *     entityRef: { entityType: 'post', entityId: 'p1' },
+ *     reactionSet: mySet,
+ *     showCounts: true
+ *   }"
+ *   (reactionChange)="onReaction($event)"
+ * />
+ */
+export declare class ReactionBarComponent implements OnInit {
+    props: ReactionBarMetadata;
+    reactionChange: EventEmitter<ReactionBarEvent>;
+    private reactionsService;
+    private i18n;
+    protected reactionSet: import("@angular/core").WritableSignal<ReactionSet>;
+    protected myReactions: import("@angular/core").WritableSignal<string[]>;
+    protected counts: import("@angular/core").WritableSignal<Record<string, number>>;
+    protected isLoading: import("@angular/core").WritableSignal<boolean>;
+    protected pickerOpen: import("@angular/core").WritableSignal<boolean>;
+    protected enrichedReactions: import("@angular/core").Signal<EnrichedReaction[]>;
+    constructor();
+    ngOnInit(): void;
+    private loadSetAndCounts;
+    private loadCounts;
+    protected onReact(token: string): void;
+    protected onReactAndClosePicker(token: string): void;
+    protected togglePicker(): void;
+    private handleReact;
+    protected t(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactionBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ReactionBarComponent, "val-reaction-bar", never, { "props": { "alias": "props"; "required": false; }; }, { "reactionChange": "reactionChange"; }, never, never, true, never>;
+}

package/lib/components/molecules/reaction-bar/types.d.ts

@@ -0,0 +1,55 @@
+import { ReactionSet } from '../../../services/reactions/types';
+export interface ReactionBarMetadata {
+    /** Referencia a la entidad a reaccionar */
+    entityRef: {
+        entityType: string;
+        entityId: string;
+    };
+    /** ID del set de reacciones a mostrar. Si no se provee, se carga desde el binding. */
+    reactionSetId?: string;
+    /** Set completo (si ya se tiene, evita fetch) */
+    reactionSet?: ReactionSet;
+    /** Max reacciones permitidas por usuario: 1=swap, 0=multiples */
+    maxReactions?: number;
+    /** Tamano visual */
+    size?: 'sm' | 'md' | 'lg';
+    /** Mostrar conteos numericos junto al emoji */
+    showCounts?: boolean;
+    /** Layout: row=barra horizontal, picker=popup selector */
+    layout?: 'row' | 'picker';
+    /** Modo readonly */
+    readonly?: boolean;
+    /** appId para la API */
+    appId?: string;
+    /** Reacciones del usuario ya conocidas (evita fetch inicial) */
+    initialMyReactions?: string[];
+    /** Conteos ya conocidos (evita fetch inicial) */
+    initialCounts?: Record<string, number>;
+    /** Omitir carga inicial desde API */
+    skipInitialLoad?: boolean;
+}
+export interface ReactionBarState {
+    reactionSet: ReactionSet | null;
+    myReactions: string[];
+    counts: Record<string, number>;
+    isLoading: boolean;
+    error: string | null;
+}
+export interface ReactionBarEvent {
+    token: string;
+    active: boolean;
+    entityRef: {
+        entityType: string;
+        entityId: string;
+    };
+    counts: Record<string, number>;
+}
+export interface EnrichedReaction {
+    token: string;
+    emoji: string;
+    label: string;
+    icon: string;
+    order: number;
+    count: number;
+    active: boolean;
+}

package/lib/components/organisms/account-view/account-view.component.d.ts

@@ -35,7 +35,7 @@ export declare class AccountViewComponent {
      * mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: AccountViewConfig;
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly orgs: import("@angular/core").WritableSignal<Organization[]>;

package/lib/components/organisms/article/article.component.d.ts

@@ -57,7 +57,7 @@ export declare class ArticleComponent implements OnInit {
         linkConfig?: import("valtech-components").LinkProcessorConfig;
         allowPartialBold?: boolean;
         authorColor?: import("@ionic/core").Color;
-        alignment?: "left" | "center" | "right";
+        alignment?: "right" | "center" | "left";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
@@ -78,7 +78,7 @@ export declare class ArticleComponent implements OnInit {
         actionType?: import("valtech-components").ActionType; /**
          * Obtiene los estilos de padding para el contenedor article
          */
-        expand?: "full" | "block";
+        expand?: "block" | "full";
         link?: string;
         href?: string;
         routerLink?: string | any[];
@@ -93,9 +93,9 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "default" | "small" | "large";
-        fill?: "default" | "clear" | "outline" | "solid";
-        type: "reset" | "submit" | "button";
+        size?: "small" | "default" | "large";
+        fill?: "outline" | "clear" | "solid" | "default";
+        type: "button" | "submit" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/components/organisms/auth-cta/auth-cta.component.d.ts

@@ -35,7 +35,7 @@ export declare class AuthCtaComponent {
     onRegister: EventEmitter<void>;
     constructor();
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "borderRadius" | "align" | "padding">>>;
+    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "padding" | "borderRadius" | "align">>>;
     loginLabel: import("@angular/core").Signal<string>;
     registerLabel: import("@angular/core").Signal<string>;
     topLogoProps: import("@angular/core").Signal<{

package/lib/components/organisms/landing-steps/landing-steps.component.d.ts

@@ -4,7 +4,7 @@ export declare class LandingStepsComponent {
     private readonly props_;
     set props(v: LandingStepsMetadata);
     readonly p: import("@angular/core").Signal<LandingStepsMetadata>;
-    readonly cols: import("@angular/core").Signal<2 | 3 | 4>;
+    readonly cols: import("@angular/core").Signal<3 | 2 | 4>;
     readonly accentColor: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LandingStepsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LandingStepsComponent, "val-landing-steps", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;

package/lib/components/organisms/organization-view/organization-view.component.d.ts

@@ -38,6 +38,7 @@ export declare class OrganizationViewComponent {
     private nav;
     private i18n;
     readonly auth: AuthService;
+    private orgSwitch;
     private orgService;
     private toast;
     private errors;
@@ -52,7 +53,7 @@ export declare class OrganizationViewComponent {
      * `resolvedConfig` mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: OrganizationViewConfig;
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">> & Pick<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">> & Pick<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly org: import("@angular/core").WritableSignal<Organization>;

package/lib/components/organisms/switch-org-modal/switch-org-modal.component.d.ts

@@ -32,6 +32,8 @@ export declare class SwitchOrgModalComponent {
     onProfileClick?: () => void;
     /** Callback al hacer clic en "Nueva organización". Si está presente, muestra el CTA. */
     onCreateOrg?: () => void;
+    /** Callback al hacer clic en "Administrar" de la org activa. Si está presente, muestra el botón. */
+    onManageOrg?: () => void;
     /** Namespace i18n con que la vista resuelve sus textos. */
     i18nNamespace: string;
     readonly orgs: import("@angular/core").WritableSignal<Organization[]>;
@@ -48,6 +50,7 @@ export declare class SwitchOrgModalComponent {
     protected onLogoError(orgId: string): void;
     protected readonly userInitials: import("@angular/core").Signal<string>;
     readonly activeOrgId: import("@angular/core").Signal<string>;
+    readonly activeOrg: import("@angular/core").Signal<Organization>;
     readonly filteredOrgs: import("@angular/core").Signal<Organization[]>;
     constructor();
     onQueryChange(value: string): void;
@@ -55,9 +58,10 @@ export declare class SwitchOrgModalComponent {
     private loadOrgs;
     loadMore(): void;
     onProfile(): void;
+    onManage(): void;
     onCreateNew(): void;
     dismiss(): void;
     t(key: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SwitchOrgModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchOrgModalComponent, "val-switch-org-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "onSuccess": { "alias": "onSuccess"; "required": false; }; "onProfileClick": { "alias": "onProfileClick"; "required": false; }; "onCreateOrg": { "alias": "onCreateOrg"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchOrgModalComponent, "val-switch-org-modal", never, { "_modalRef": { "alias": "_modalRef"; "required": false; }; "onSuccess": { "alias": "onSuccess"; "required": false; }; "onProfileClick": { "alias": "onProfileClick"; "required": false; }; "onCreateOrg": { "alias": "onCreateOrg"; "required": false; }; "onManageOrg": { "alias": "onManageOrg"; "required": false; }; "i18nNamespace": { "alias": "i18nNamespace"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/services/auth/org-switch.service.d.ts

@@ -1,5 +1,6 @@
 import { Observable } from 'rxjs';
 import { AuthService } from './auth.service';
+import { Organization } from '../org/types';
 import * as i0 from "@angular/core";
 /**
  * Event emitted when the active organization changes.
@@ -89,6 +90,7 @@ export declare class OrgSwitchService {
     private auth;
     private readonly _switching;
     private readonly _orgChanged;
+    private readonly _orgDataUpdated;
     /**
      * `true` while a switch is in flight. UI should disable interactions
      * with org-scoped data and show a loading indicator.
@@ -102,6 +104,13 @@ export declare class OrgSwitchService {
      * see the updated Firebase user / activeOrg claim.
      */
     readonly orgChanged$: Observable<OrgChangedEvent>;
+    /**
+     * Fires when org data (name, logoUrl, etc.) changes without a full org switch.
+     * Subscribe in the app shell to keep the header org avatar up to date.
+     */
+    readonly orgDataUpdated$: Observable<Organization>;
+    /** Notify subscribers that the active org's data was updated. */
+    notifyOrgDataUpdated(org: Organization): void;
     constructor(auth: AuthService);
     /**
      * Switch the user's active organization.

package/lib/services/reactions/config.d.ts

@@ -0,0 +1,20 @@
+import { EnvironmentProviders, InjectionToken } from '@angular/core';
+import { ValtechReactionsConfig } from './types';
+/**
+ * Token de inyeccion para la configuracion del servicio de Reactions.
+ */
+export declare const VALTECH_REACTIONS_CONFIG: InjectionToken<ValtechReactionsConfig>;
+/**
+ * Provee el servicio de reactions a la aplicacion Angular.
+ *
+ * @param config - Configuracion de reactions
+ * @returns EnvironmentProviders para usar en bootstrapApplication
+ *
+ * @example
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideValtechReactions({ apiUrl: environment.apiUrl, appId: 'my-app' }),
+ *   ],
+ * });
+ */
+export declare function provideValtechReactions(config: ValtechReactionsConfig): EnvironmentProviders;

package/lib/services/reactions/index.d.ts

@@ -0,0 +1,3 @@
+export { VALTECH_REACTIONS_CONFIG, provideValtechReactions } from './config';
+export { ReactionsService } from './reactions.service';
+export type { ValtechReactionsConfig, ReactionSetContext, ReactionDefinition, ReactionSet, ReactionCounts, ReactRequest, ReactResponse, GetCountsResponse, GetMyReactionsResponse, } from './types';

package/lib/services/reactions/reactions.service.d.ts

@@ -0,0 +1,42 @@
+import { Observable } from 'rxjs';
+import { ReactRequest, ReactResponse, GetCountsResponse, ReactionSet } from './types';
+import * as i0 from "@angular/core";
+/**
+ * Servicio para gestionar reacciones emoji configurables por contexto.
+ *
+ * Requiere provideValtechReactions() en el bootstrap de la app.
+ *
+ * @example
+ * const svc = inject(ReactionsService);
+ * svc.react({ entityRef: { entityType: 'post', entityId: '1' }, token: 'heart', appId: 'app' })
+ *   .subscribe(res => console.log(res.counts));
+ */
+export declare class ReactionsService {
+    private http;
+    private config;
+    constructor();
+    private get apiUrl();
+    private get baseUrl();
+    /**
+     * Toggle reaccion — retorna estado nuevo + conteos actualizados.
+     */
+    react(req: ReactRequest): Observable<ReactResponse>;
+    /**
+     * Conteos + reacciones del usuario para una entidad.
+     */
+    getCounts(appId: string, entityType: string, entityId: string): Observable<GetCountsResponse>;
+    /**
+     * Solo mis tokens activos para una entidad.
+     */
+    getMyReactions(appId: string, entityType: string, entityId: string): Observable<string[]>;
+    /**
+     * Obtener un set de reacciones por ID.
+     */
+    getSet(setId: string): Observable<ReactionSet>;
+    /**
+     * Listar todos los sets disponibles para una app.
+     */
+    listSets(appId: string): Observable<ReactionSet[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ReactionsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ReactionsService>;
+}

package/lib/services/reactions/types.d.ts

@@ -0,0 +1,48 @@
+export type ReactionSetContext = 'formal' | 'social' | 'celebration' | 'opinion' | 'custom';
+export interface ReactionDefinition {
+    token: string;
+    emoji: string;
+    label: string;
+    icon: string;
+    order: number;
+}
+export interface ReactionSet {
+    setId: string;
+    appId: string;
+    name: string;
+    context: ReactionSetContext;
+    reactions: ReactionDefinition[];
+    isPreset: boolean;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface ReactionCounts {
+    counts: Record<string, number>;
+}
+export interface ReactRequest {
+    entityRef: {
+        entityType: string;
+        entityId: string;
+    };
+    token: string;
+    appId: string;
+}
+export interface ReactResponse {
+    operationId: string;
+    token: string;
+    active: boolean;
+    counts: Record<string, number>;
+}
+export interface GetCountsResponse {
+    operationId: string;
+    counts: Record<string, number>;
+    myReactions: string[];
+}
+export interface GetMyReactionsResponse {
+    operationId: string;
+    tokens: string[];
+}
+export interface ValtechReactionsConfig {
+    apiUrl: string;
+    appId?: string;
+}

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.209";
+export declare const VERSION = "4.0.211";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.209",
+  "version": "4.0.211",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"

package/public-api.d.ts

@@ -412,6 +412,9 @@ export * from './lib/components/molecules/request-form/request-form.component';
 export * from './lib/components/molecules/request-form/types';
 export * from './lib/components/molecules/content-reaction/content-reaction.component';
 export * from './lib/components/molecules/content-reaction/types';
+export * from './lib/services/reactions/index';
+export * from './lib/components/molecules/reaction-bar/reaction-bar.component';
+export * from './lib/components/molecules/reaction-bar/types';
 export * from './lib/services/splash-screen';
 export * from './lib/services/haptics';
 export * from './lib/components/templates/docs-layout/docs-layout.component';