@uxland/primary-shell 3.2.6 → 3.3.0

package/dist/primary/shell/src/UI/shared-components/primaria-interaction/components/dialog-component.d.ts

@@ -1,6 +1,5 @@
 import { LitElement } from 'lit';
-import { IConfirmMixin } from '../confirm-mixin';
-import { ConfirmOptions, CustomConfirmOptions } from '../typings';
+import { ConfirmOptions, ConfirmResult, CustomConfirmOptions } from '../typings';
 
 export declare class DialogComponent extends LitElement {
     render(): import('lit').TemplateResult<1>;
@@ -10,8 +9,8 @@ export declare class DialogComponent extends LitElement {
     _cancel(e: any): void;
     _accept(e: any): void;
     componentCloseRequest(e: CustomEvent): void;
-    close(result: boolean): Promise<void>;
-    getCustomComponent(): IConfirmMixin | any;
+    close(result: ConfirmResult): Promise<void>;
+    getCustomComponent(): any;
     acceptButton: HTMLElement;
     actionsContainer: HTMLElement;
     header: HTMLElement;

package/dist/primary/shell/src/UI/shared-components/primaria-interaction/confirm-mixin.d.ts

@@ -1,16 +1,11 @@
 import { LitElement } from 'lit';
-import { Constructor } from './typings';
+import { ConfirmResult, Constructor } from './typings';
 
-export interface IConfirmMixin {
-    model: any;
-    close(result: boolean): void;
-    canAccept(): Promise<boolean> | boolean;
-    accept(): Promise<void> | void;
-}
 export declare class ConfirmMixinBase {
     model: any;
-    close(result: boolean): void;
+    outputModel: any;
+    close(result: ConfirmResult): void;
     canAccept(): Promise<boolean> | boolean;
-    accept(): Promise<void> | void;
+    accept(result: ConfirmResult): Promise<ConfirmResult>;
 }
 export declare function confirmMixin<T extends Constructor<LitElement>>(superClass: T): Constructor<ConfirmMixinBase> & T;

package/dist/primary/shell/src/UI/shared-components/primaria-interaction/confirm.d.ts

@@ -1,3 +1,3 @@
-import { ConfirmOptions, CustomConfirmOptions } from './typings';
+import { ConfirmOptions, ConfirmResult, CustomConfirmOptions } from './typings';
 
-export declare const doConfirm: (options: (ConfirmOptions & CustomConfirmOptions) | any) => Promise<any>;
+export declare const confirm: (options: (ConfirmOptions & CustomConfirmOptions) | any) => Promise<ConfirmResult>;

package/dist/primary/shell/src/UI/shared-components/primaria-interaction/index.d.ts

@@ -1,4 +1,5 @@
 export * from './confirm';
 export * from './notify';
+export * from './open-dialog';
 export * from './confirm-mixin';
 export * from './typings';

package/dist/primary/shell/src/UI/shared-components/primaria-interaction/open-dialog.d.ts

@@ -0,0 +1,3 @@
+import { DialogOptions } from './typings';
+
+export declare const openDialog: (options: DialogOptions | any) => void;

package/dist/primary/shell/src/UI/shared-components/primaria-interaction/shared.d.ts

@@ -0,0 +1,3 @@
+import { ConfirmOptions, ConfirmResult, CustomConfirmOptions, DialogOptions } from './typings';
+
+export declare const buildDialogComponent: (options: DialogOptions & ConfirmOptions & CustomConfirmOptions) => Promise<ConfirmResult>;

package/dist/primary/shell/src/UI/shared-components/primaria-interaction/typings.d.ts

@@ -7,18 +7,23 @@ export interface ConfirmOptions {
     type: ConfirmType;
     acceptLabel: string;
     cancelLabel: string;
-    modal?: boolean;
 }
 export interface CustomConfirmOptions<T = any> {
     title: string;
     componentConstructor: Constructor<LitElement | any>;
     type: ConfirmType;
-    modal?: boolean;
     acceptLabel?: string;
     cancelLabel?: string;
     model?: T;
     fullCustomization?: boolean;
 }
+export interface DialogOptions<T = any> {
+    title: string;
+    componentConstructor: Constructor<LitElement | any>;
+    model?: T;
+    showCloseButton?: boolean;
+    fullCustomization?: boolean;
+}
 export type ConfirmType = "danger" | "warning" | "info" | "success";
 export interface NotifyOptions {
     message?: string;
@@ -26,6 +31,10 @@ export interface NotifyOptions {
     position?: NotifyPosition;
     order?: string;
 }
+export interface ConfirmResult<T = any> {
+    confirmed: boolean;
+    outputModel?: T;
+}
 export type NotifyOrder = "first" | "second" | "third" | "fourth" | "fifth";
 export type NotifyPosition = "bottom" | "center" | "top";
 export type NotifyType = "danger" | "warning" | "info" | "success" | "error";

package/dist/primary/shell/src/UI/shared-components/{primaria-menu-with-submenu/primaria-menu-with-submenu.d.ts → primaria-nav-menu/primaria-nav-menu.d.ts}

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
 
-export declare class PrimariaMenuWithSubmenu extends LitElement {
+export declare class PrimariaNavMenu extends LitElement {
     constructor(icon: string, label: string, subItems: {
         icon?: string;
         label: string;

package/dist/primary/shell/src/UI/shared-components/primaria-nav-menu/template.d.ts

@@ -0,0 +1,3 @@
+import { PrimariaNavMenu } from './primaria-nav-menu';
+
+export declare const template: (props: PrimariaNavMenu) => import('lit').TemplateResult<1>;

package/dist/primary/shell/src/api/api.d.ts

@@ -5,6 +5,7 @@ import { PrimariaGlobalStateManager } from './global-state/global-state';
 import { HttpClient } from './http-client/http-client';
 import { PrimariaInteractionManager } from './interaction-manager/interaction';
 import { TokenManager } from './token-manager/token-manager';
+import { EcapEventManager } from './ecap-event-manager/ecap-event-manager';
 
 export interface PrimariaApi extends HarmonixApi {
     httpClient: HttpClient;
@@ -13,6 +14,7 @@ export interface PrimariaApi extends HarmonixApi {
     regionManager: PrimariaRegionManager;
     globalStateManager: PrimariaGlobalStateManager;
     tokenManager: TokenManager;
+    ecapEventManager: EcapEventManager;
 }
 export declare const PrimariaRegionHost: any;
 /**

package/dist/primary/shell/src/api/ecap-event-manager/ecap-event-manager.d.ts

@@ -0,0 +1,16 @@
+export declare abstract class EcapEventManager {
+    /**
+     * Publish an Ecap event.
+     * @param event - Event name.
+     * @param eventType - Event type.
+     * @param url - Asociated URL to event.
+     */
+    abstract publish(event: string, eventType: string, url: string): void;
+}
+declare class EcapEventManagerImpl implements EcapEventManager {
+    publish(event: string, eventType: string, url: string): void;
+    private createEcapEvent;
+    private raiseEcapEvent;
+}
+export declare const createEcapEventManager: () => EcapEventManagerImpl;
+export {};

package/dist/primary/shell/src/api/ecap-event-manager/typings.d.ts

@@ -0,0 +1,5 @@
+export interface IEcapEvent {
+    event: string;
+    eventType: string;
+    url: string;
+}

package/dist/primary/shell/src/api/interaction-manager/interaction.d.ts

@@ -1,8 +1,9 @@
-import { ConfirmOptions, CustomConfirmOptions, NotifyOptions } from '../../UI/shared-components/primaria-interaction';
+import { ConfirmOptions, ConfirmResult, CustomConfirmOptions, DialogOptions, NotifyOptions } from '../../UI/shared-components/primaria-interaction';
 
 export interface PrimariaInteractionManager {
-    notify(options: NotifyOptions): Promise<any>;
-    doConfirm(options: ConfirmOptions): Promise<boolean>;
-    doCustomConfirm(options: CustomConfirmOptions): Promise<boolean>;
+    notify(options: NotifyOptions): void;
+    confirm(options: ConfirmOptions): Promise<ConfirmResult>;
+    customConfirm(options: CustomConfirmOptions): Promise<ConfirmResult>;
+    openDialog(options: DialogOptions): void;
 }
 export declare const createInteractionManager: () => PrimariaInteractionManager;

package/dist/primary/shell/src/index.d.ts

@@ -6,6 +6,8 @@ export * from './api/api';
 export * from './api/broker/primaria-broker';
 export { PrimariaMenuItem } from './UI/shared-components/primaria-menu-item/primaria-menu-item';
 export { confirmMixin } from './UI/shared-components/primaria-interaction';
-export type { IConfirmMixin, CustomConfirmOptions, } from './UI/shared-components/primaria-interaction';
+export type { CustomConfirmOptions } from './UI/shared-components/primaria-interaction';
+export { EcapEventManager, createEcapEventManager, } from './api/ecap-event-manager/ecap-event-manager';
+export type { IEcapEvent } from './api/ecap-event-manager/typings';
 export * from './internal-plugins';
 export * from '@uxland/harmonix-adapters';

package/dist/primary/shell/src/internal-plugins/activity-history/components/activity-history/activity-history.d.ts

@@ -17,7 +17,7 @@ export declare class ActivityHistory extends ActivityHistory_base {
     _toggleFilters(): void;
     _maximize(): void;
     _minimize(): void;
-    _handleSearch(value: string): void;
+    _handleSearchChange(event: any): void;
     _handleSelectDate(date: string): void;
     selectedDate: Date;
     scrollToClosestDate(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "3.2.6",
+  "version": "3.3.0",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",

package/src/UI/components/poc-events-ecap/poc-events-ecap.ts

@@ -1,5 +1,6 @@
 import { LitElement, css, html } from "lit";
 import { customElement } from "lit/decorators.js";
+import { shellApi } from "../../../api/api";
 
 //@ts-ignore
 @customElement("poc-events-ecap")
@@ -25,16 +26,9 @@ export class PocEventsEcap extends LitElement {
   goToLinkOnEcap(url?: string, accio?: string) {
     const finalUrl = url || (this as any).shadowRoot?.getElementById("url")?.value;
     const finalAccio = accio || (this as any).shadowRoot?.getElementById("accio")?.value;
-    if (window.parent) {
-      const ecapEvent = {
-        TipusEvent: "URL_EXTERNA",
-        Accio: finalAccio,
-        URL_LLAMADA: finalUrl,
-      };
-      console.log(JSON.stringify(ecapEvent));
-      //sending data to parent window if opened inside iframe
-      window.parent.postMessage(JSON.stringify(ecapEvent), "*");
-    }
+
+    //sending data to parent window if opened inside iframe
+    shellApi.ecapEventManager.publish(finalAccio, "URL_EXTERNA", finalUrl);
   }
 
   static styles = css`

package/src/UI/shared-components/primaria-interaction/components/dialog-component-styles.css

@@ -34,12 +34,15 @@
     .dialog__header {
       display: flex;
       flex-direction: row;
-      justify-content: space-between;
+      justify-content: center;
       padding: 24px;
       border-top-left-radius: 8px;
       border-top-right-radius: 8px;
-      justify-content: center;
       align-items: center;
+
+      &.with-close{
+        justify-content: space-between;
+      }
       h2 {
         color: var(--color-neutral-900);
         padding: 0;

package/src/UI/shared-components/primaria-interaction/components/dialog-component.ts

@@ -1,7 +1,13 @@
 import { LitElement, css, html, nothing, unsafeCSS } from "lit";
+import { when } from "lit/directives/when.js";
 import { customElement, property, query } from "lit/decorators.js";
-import { IConfirmMixin } from "../confirm-mixin";
-import { ConfirmOptions, ConfirmType, CustomConfirmOptions } from "../typings";
+import {
+  ConfirmOptions,
+  ConfirmResult,
+  ConfirmType,
+  CustomConfirmOptions,
+  DialogOptions,
+} from "../typings";
 import styles from "./dialog-component-styles.css?inline";
 
 const dssToConfirmTypeClass = (type: ConfirmType) => {
@@ -28,9 +34,9 @@ const renderActions = (props: DialogComponent) => {
 const renderMessage = (options: ConfirmOptions) =>
   html` <div id="message">${options.message || ""}</div> `;
 
-function renderCustomContent(options: CustomConfirmOptions, props: DialogComponent) {
-  if (options.componentConstructor) {
-    const component = new options.componentConstructor() as LitElement;
+function renderCustomContent(props: DialogComponent) {
+  if (props.options.componentConstructor) {
+    const component = new props.options.componentConstructor() as LitElement;
     component.setAttribute("id", "__custom-element__");
     component.addEventListener("closed", props.componentCloseRequest.bind(props));
     return html`${component}`;
@@ -38,33 +44,36 @@ function renderCustomContent(options: CustomConfirmOptions, props: DialogCompone
   return nothing;
 }
 
+function renderDefaultContent(props: DialogComponent) {
+  const showClose = (props.options as DialogOptions).showCloseButton;
+  return html`<div class="dialog__header ${props.options.type} ${showClose ? "with-close" : ""}">
+            <h2 part="title">${props.options.title || ""}</h2>
+            ${when(
+              showClose,
+              () =>
+                html`<dss-icon-button size="md" icon="cancel" @click="${
+                  props._cancel
+                }"></dss-icon-button>`,
+              () => nothing,
+            )}
+          </div>
+          <div class="dialog__content">
+            ${when(
+              props.options.message,
+              () => renderMessage(props.options),
+              () => renderCustomContent(props),
+            )}
+          </div>
+          ${renderActions(props)}`;
+}
+
 @customElement("dialog-component")
 export class DialogComponent extends LitElement {
   render() {
     return html`
-      <div
-        class="modal"
-        @click=${(e) => e.target === this.modal && !this.options.modal && this.close(false)}
-      >
-        <div
-          class="dialog"
-        >
-        ${
-          this.options.fullCustomization
-            ? renderCustomContent(this.options, this)
-            : html`<div class="dialog__header ${this.options.type}">
-            <h2 part="title">${this.options.title || ""}</h2>
-          </div>
-          <div class="dialog__content">
-            ${
-              this.options.message
-                ? renderMessage(this.options)
-                : renderCustomContent(this.options, this)
-            }
-          </div>
-          ${renderActions(this)}`
-        }
-          
+      <div class="modal">
+        <div class="dialog">
+        ${this.options.fullCustomization ? renderCustomContent(this) : renderDefaultContent(this)}
         </div>
       </div>
     `;
@@ -83,33 +92,34 @@ export class DialogComponent extends LitElement {
   modal: any;
 
   _cancel(e) {
-    console.log("canceling modal");
-    this.close(false);
+    this.close({ confirmed: false });
   }
 
   _accept(e) {
-    console.log("accepting modal");
-    this.close(true);
+    this.close({ confirmed: true });
   }
 
   componentCloseRequest(e: CustomEvent) {
     this.close(e.detail);
   }
 
-  async close(result: boolean) {
-    if (result) {
+  async close(result: ConfirmResult) {
+    let finalResult = result;
+    if (finalResult?.confirmed) {
       const component = this.getCustomComponent();
       if (component?.canAccept) {
         const canAccept = await component.canAccept();
         if (!canAccept) return;
-        if (component.accept) await component.accept();
+      }
+      if (component?.accept) {
+        finalResult = await component.accept(finalResult);
       }
     }
+    this.dispatchEvent(new CustomEvent("closed", { detail: finalResult }));
     this.modal.style.display = "none";
-    this.dispatchEvent(new CustomEvent("closed", { detail: result }));
   }
 
-  getCustomComponent(): IConfirmMixin | any {
+  getCustomComponent(): any {
     return this.shadowRoot?.querySelector("#__custom-element__");
   }
 

package/src/UI/shared-components/primaria-interaction/confirm-mixin.ts

@@ -1,34 +1,30 @@
 import { dedupeMixin } from "@uxland/lit-utilities";
 import { LitElement } from "lit";
 import { property } from "lit/decorators.js";
-import { Constructor } from "./typings";
-
-export interface IConfirmMixin {
-  model: any;
-  close(result: boolean): void;
-  canAccept(): Promise<boolean> | boolean;
-  accept(): Promise<void> | void;
-}
+import { ConfirmResult, Constructor } from "./typings";
 
 export declare class ConfirmMixinBase {
   model: any;
-  close(result: boolean): void;
+  outputModel: any;
+  close(result: ConfirmResult): void;
   canAccept(): Promise<boolean> | boolean;
-  accept(): Promise<void> | void;
+  accept(result: ConfirmResult): Promise<ConfirmResult>;
 }
 
 const ConfirmMixin = dedupeMixin(<T extends Constructor<LitElement>>(superClass: T) => {
   class ConfirmMixinClass extends superClass implements ConfirmMixinBase {
     @property()
     model: T;
-    close(result: boolean) {
+    @property()
+    outputModel: T;
+    close(result: ConfirmResult) {
       (this as any).dispatchEvent(new CustomEvent("closed", { detail: result }));
     }
     canAccept(): Promise<boolean> | boolean {
       return Promise.resolve(true);
     }
-    accept(): Promise<void> | void {
-      return Promise.resolve();
+    accept(result: ConfirmResult): Promise<ConfirmResult> {
+      return Promise.resolve(result);
     }
   }
   return ConfirmMixinClass as Constructor<ConfirmMixinBase> & T;

package/src/UI/shared-components/primaria-interaction/confirm.ts

@@ -1,30 +1,9 @@
 import "./components/dialog-component";
-import { ConfirmOptions, CustomConfirmOptions } from "./typings";
+import { buildDialogComponent } from "./shared";
+import { ConfirmOptions, ConfirmResult, CustomConfirmOptions } from "./typings";
 
-export const doConfirm = async (
+export const confirm = async (
   options: (ConfirmOptions & CustomConfirmOptions) | any,
-): Promise<any> => {
-  if (!options.message && !options.componentConstructor) {
-    throw new Error("message, componentConstructor options properties are required");
-  }
-  return new Promise((resolve) => {
-    const component: any = document.body.appendChild(document.createElement("dialog-component"));
-
-    component.options = options;
-    const result = component.updateComplete;
-
-    result.then(() => {
-      if (options.componentConstructor) {
-        const customComponent = component.shadowRoot.querySelector(`#__custom-element__`);
-        customComponent.model = options.model;
-      }
-      component.addEventListener("closed", closeComponent);
-      component.options && component.show();
-    });
-
-    function closeComponent(e: { detail: any }) {
-      component.remove();
-      resolve(e.detail);
-    }
-  });
+): Promise<ConfirmResult> => {
+  return buildDialogComponent(options);
 };

package/src/UI/shared-components/primaria-interaction/index.ts

@@ -1,4 +1,5 @@
 export * from "./confirm";
 export * from "./notify";
+export * from "./open-dialog";
 export * from "./confirm-mixin";
 export * from "./typings";

package/src/UI/shared-components/primaria-interaction/open-dialog.ts

@@ -0,0 +1,8 @@
+import "./components/dialog-component";
+import { buildDialogComponent } from "./shared";
+import { DialogOptions } from "./typings";
+
+export const openDialog = (options: DialogOptions | any): void => {
+  options.showCloseButton = "showCloseButton" in options ? options.showCloseButton : true;
+  buildDialogComponent(options);
+};

package/src/UI/shared-components/primaria-interaction/shared.ts

@@ -0,0 +1,29 @@
+import { ConfirmOptions, ConfirmResult, CustomConfirmOptions, DialogOptions } from "./typings";
+
+export const buildDialogComponent = (
+  options: DialogOptions & ConfirmOptions & CustomConfirmOptions,
+): Promise<ConfirmResult> => {
+  if (!options.message && !options.componentConstructor) {
+    throw new Error("message, componentConstructor options properties are required");
+  }
+  return new Promise((resolve) => {
+    const component: any = document.body.appendChild(document.createElement("dialog-component"));
+
+    component.options = options;
+    const result = component.updateComplete;
+
+    result.then(() => {
+      if (options.componentConstructor) {
+        const customComponent = component.shadowRoot.querySelector("#__custom-element__");
+        customComponent.model = options.model;
+      }
+      component.addEventListener("closed", closeComponent);
+      component.options && component.show();
+    });
+
+    function closeComponent(e: { detail: ConfirmResult }) {
+      component.remove();
+      resolve(e.detail);
+    }
+  });
+};

package/src/UI/shared-components/primaria-interaction/typings.ts

@@ -7,20 +7,26 @@ export interface ConfirmOptions {
   type: ConfirmType;
   acceptLabel: string;
   cancelLabel: string;
-  modal?: boolean;
 }
 
 export interface CustomConfirmOptions<T = any> {
   title: string;
   componentConstructor: Constructor<LitElement | any>;
   type: ConfirmType;
-  modal?: boolean;
   acceptLabel?: string;
   cancelLabel?: string;
   model?: T;
   fullCustomization?: boolean;
 }
 
+export interface DialogOptions<T = any> {
+  title: string;
+  componentConstructor: Constructor<LitElement | any>;
+  model?: T;
+  showCloseButton?: boolean;
+  fullCustomization?: boolean;
+}
+
 export type ConfirmType = "danger" | "warning" | "info" | "success";
 
 export interface NotifyOptions {
@@ -30,6 +36,11 @@ export interface NotifyOptions {
   order?: string;
 }
 
+export interface ConfirmResult<T = any> {
+  confirmed: boolean;
+  outputModel?: T;
+}
+
 export type NotifyOrder = "first" | "second" | "third" | "fourth" | "fifth";
 export type NotifyPosition = "bottom" | "center" | "top";
 export type NotifyType = "danger" | "warning" | "info" | "success" | "error";

package/src/UI/shared-components/{primaria-menu-with-submenu/primaria-menu-with-submenu.ts → primaria-nav-menu/primaria-nav-menu.ts}

@@ -3,8 +3,8 @@ import { template } from "./template";
 import styles from "./styles.css?inline";
 import { customElement, property, state } from "lit/decorators.js";
 
-@customElement("primaria-menu-with-submenu")
-export class PrimariaMenuWithSubmenu extends LitElement {
+@customElement("primaria-nav-menu")
+export class PrimariaNavMenu extends LitElement {
   constructor(
     icon: string,
     label: string,

package/src/UI/shared-components/{primaria-menu-with-submenu → primaria-nav-menu}/styles.css

@@ -1,4 +1,4 @@
-.item {
+.nav-menu {
   position: relative;
   display: flex;
   flex-direction: row;

package/src/UI/shared-components/{primaria-menu-with-submenu → primaria-nav-menu}/template.ts

@@ -1,11 +1,11 @@
 import { html } from "lit";
-import { PrimariaMenuWithSubmenu } from "./primaria-menu-with-submenu";
+import { PrimariaNavMenu } from "./primaria-nav-menu";
 
-export const template = (props: PrimariaMenuWithSubmenu) => {
+export const template = (props: PrimariaNavMenu) => {
   const actionMenuStyle = `left: ${props.parentWidth}px`;
 
   return html`
-    <div class="item" @click="${props.toggleMenu}" ?expanded=${props.showText}>
+    <div class="nav-menu" @click="${props.toggleMenu}" ?expanded=${props.showText}>
       <dss-container><i class="dss-icon dss-icon--md">${props.icon}</i></dss-container>
       ${props.showText ? html`<span>${props.label}</span>` : ""}
       ${

package/src/api/api.ts

@@ -17,6 +17,8 @@ import {
 } from "./interaction-manager/interaction";
 import { createLocaleManager } from "./localization/localization";
 import { TokenManager, createTokenManager } from "./token-manager/token-manager";
+import { EcapEventManager, createEcapEventManager } from "./ecap-event-manager/ecap-event-manager";
+
 const broker = createBroker();
 
 export interface PrimariaApi extends HarmonixApi {
@@ -26,6 +28,7 @@ export interface PrimariaApi extends HarmonixApi {
   regionManager: PrimariaRegionManager;
   globalStateManager: PrimariaGlobalStateManager;
   tokenManager: TokenManager;
+  ecapEventManager: EcapEventManager;
 }
 
 const regionManager: IRegionManager = createRegionManager("primaria");
@@ -51,6 +54,7 @@ export const primariaApiFactory: ApiFactory<PrimariaApi> = (
     createLocaleManager: createLocaleManager(pluginInfo.pluginId) as any,
     globalStateManager,
     tokenManager,
+    ecapEventManager: createEcapEventManager(),
   };
 };
 

package/src/api/ecap-event-manager/ecap-event-manager.ts

@@ -0,0 +1,34 @@
+import { IEcapEvent } from "./typings";
+
+export abstract class EcapEventManager {
+  /**
+   * Publish an Ecap event.
+   * @param event - Event name.
+   * @param eventType - Event type.
+   * @param url - Asociated URL to event.
+   */
+  abstract publish(event: string, eventType: string, url: string): void;
+}
+
+class EcapEventManagerImpl implements EcapEventManager {
+  publish(event: string, eventType: string, url: string) {
+    const ecapEvent = this.createEcapEvent(event, eventType, url);
+    this.raiseEcapEvent(ecapEvent);
+  }
+
+  private createEcapEvent(event: string, eventType: string, url: string) {
+    return {
+      event,
+      eventType,
+      url,
+    } as IEcapEvent;
+  }
+  private raiseEcapEvent(ecapEvent: IEcapEvent) {
+    if (window.parent) window.parent.postMessage(JSON.stringify(ecapEvent), "*");
+    console.log("metod", JSON.stringify(ecapEvent));
+  }
+}
+
+const ecapEventManager = new EcapEventManagerImpl();
+
+export const createEcapEventManager = () => ecapEventManager;

package/src/api/ecap-event-manager/typings.ts

@@ -0,0 +1,5 @@
+export interface IEcapEvent {
+  event: string;
+  eventType: string;
+  url: string;
+}