valtech-components 4.0.209 → 4.0.210

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/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;

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.210";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.209",
+  "version": "4.0.210",
   "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';