@uxland/primary-shell 2.1.0 → 2.1.2

package/dist/infrastructure/ioc/container.d.ts

@@ -0,0 +1,7 @@
+import { Container } from 'inversify';
+
+declare const container: Container;
+declare const lazyInject: (serviceIdentifier: string | symbol | import("inversify").interfaces.Newable<any> | import("inversify").interfaces.Abstract<any>) => (proto: any, key: string) => void;
+export { container, lazyInject };
+export declare const registerDep: (dep: any) => void;
+export declare const unregisterDep: (dep: any) => void;

package/dist/infrastructure/ioc/types.d.ts

@@ -0,0 +1,5 @@
+export declare const TYPES: {
+    primaryApi: symbol;
+    store: symbol;
+    localeManager: symbol;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",
@@ -25,7 +25,8 @@
     "url": "https://github.com/uxland/harmonix/issues"
   },
   "dependencies": {
-    "@uxland/harmonix": "^1.0.0"
+    "@uxland/harmonix": "^1.0.0",
+    "axios": "^1.7.2"
   },
   "devDependencies": {
     "lit": "^3.1.0",
@@ -39,7 +40,11 @@
     "mediatr-ts": "^1.2.1",
     "tslib": "^2.3.0",
     "vite": "^5.2.8",
-    "@salut/design-system-salut": "1.6.0"
+    "inversify": "^6.0.2",
+    "inversify-inject-decorators": "^3.1.0",
+    "jwt-decode": "^4.0.0",
+    "@salut/design-system-salut": "1.6.0",
+    "reflect-metadata": "^0.2.2"
   },
   "scripts": {
     "serve": "vite",

package/src/UI/components/index.ts

@@ -3,3 +3,5 @@ import "./clinical-monitoring/clinical-monitoring";
 import "./title-view/title-view";
 import "./primaria-breadcumbs/primaria-breadcumbs";
 import "../shared-components";
+import "../components/patient-header/patient-header";
+import "../components/professional-header/professional-header";

package/src/UI/components/patient-header/patient-header.ts

@@ -0,0 +1,28 @@
+import { LitElement, css, html, unsafeCSS } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import styles from "./styles.scss?inline";
+import { template } from "./template";
+import { shellApi } from "../../../api/api";
+import { IPatientInfo } from "primary/shell/src/features/get-patient-info/model";
+import { GetPatientInfo } from "../../../features/get-patient-info/request";
+
+@customElement("patient-header")
+export class PatientHeader extends LitElement {
+  render() {
+    return html`${template(this)}`;
+  }
+
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+
+  @property({ type: Object })
+  patient: IPatientInfo;
+
+  connectedCallback() {
+    super.connectedCallback();
+    shellApi.broker.send(new GetPatientInfo()).then((response: IPatientInfo) => {
+      this.patient = response;
+    });
+  }
+}

package/src/UI/components/patient-header/styles.scss

@@ -0,0 +1,25 @@
+.wrapper {
+    gap: 16px;
+    @include layout-horizontal;
+    @include layout-center;
+    .details {
+        color: var(--color-neutral-500);
+    }
+}
+
+.name-details {
+    display: flex;
+    @include layout-vertical;
+    line-height: 24px;
+    size: 14px;
+    .name {
+        font-family: var(--font-semibold);
+        color: var(--color-primary-700);
+        font-weight: 600;
+        text-decoration: underline;
+    }
+    .details {
+        font-weight: 400;
+        font-family: var(--font-regular);
+    }
+}

package/src/UI/components/patient-header/template.ts

@@ -0,0 +1,18 @@
+import { html } from "lit";
+import { PatientHeader } from "./patient-header";
+
+export const template = (props: PatientHeader) => html`
+    <div class="wrapper">
+      <dss-avatar size="lg" name="${props.patient.firstName.charAt(
+        0,
+      )}" surname="${props.patient.lastName.charAt(0)}"></dss-avatar>
+      <div class="name-details">
+        <div class="name">
+          ${props.patient.firstName} ${props.patient.lastName}
+        </div>
+        <div class="details">
+          ${props.patient.patientId}
+        </div>
+      </div>
+    </div>
+`;

package/src/UI/components/primaria-shell/template.ts

@@ -15,9 +15,11 @@ export const template = (props: PrimariaShell) => html`
         <img src=${salutLogo} alt="logo" />
       </div>
       <primaria-content-switcher id="header-region-container"></primaria-content-switcher>
+      <patient-header></patient-header>
     </div>
     <div class="header__right">
        <div id="header-actions-region-container"></div>
+       <professional-header></professional-header>
     </div>
   </div>
   <div class="main-container">

package/src/UI/components/professional-header/professional-header.ts

@@ -0,0 +1,27 @@
+import { LitElement, css, html, unsafeCSS } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import styles from "./styles.scss?inline";
+import { template } from "./template";
+import { shellApi } from "../../../api/api";
+import { IUserInfo } from "primary/shell/src/features/get-user-info/model";
+import { GetUserInfo } from "../../../features/get-user-info/request";
+
+@customElement("professional-header")
+export class ProfessionalHeader extends LitElement {
+  render() {
+    return html`${template(this)}`;
+  }
+
+  static styles = css`
+    ${unsafeCSS(styles)}
+  `;
+  @property({ type: Object })
+  professional: IUserInfo;
+
+  connectedCallback() {
+    super.connectedCallback();
+    shellApi.broker.send(new GetUserInfo()).then((response: IUserInfo) => {
+      this.professional = response;
+    });
+  }
+}

package/src/UI/components/professional-header/styles.scss

@@ -0,0 +1,25 @@
+.wrapper {
+    gap: 16px;
+    @include layout-horizontal;
+    @include layout-center;
+    .details {
+        color: var(--color-neutral-500);
+    }
+}
+
+.name-details {
+    display: flex;
+    @include layout-vertical;
+    line-height: 24px;
+    size: 14px;
+    .name {
+        font-family: var(--font-semibold);
+        color: var(--color-primary-700);
+        font-weight: 600;
+        text-decoration: underline;
+    }
+    .details {
+        font-weight: 400;
+        font-family: var(--font-regular);
+    }
+}

package/src/UI/components/professional-header/template.ts

@@ -0,0 +1,18 @@
+import { html } from "lit";
+import { ProfessionalHeader } from "./professional-header";
+
+export const template = (props: ProfessionalHeader) => html`
+  <div class="wrapper">
+    <dss-avatar size="lg" name="${props.professional.firstName.charAt(
+      0,
+    )}" surname="${props.professional.lastName.charAt(0)}"></dss-avatar>
+    <div class="name-details">
+      <div class="name">
+        ${props.professional.firstName} ${props.professional.lastName}
+      </div>
+      <div class="details">
+        ${props.professional.speciality}
+      </div>
+    </div>
+  </div>
+`;

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

@@ -22,9 +22,9 @@ export class NotifierComponent extends LitElement {
   render() {
     return html`
       <div class="snackbar ${this.options.type}">
-        <i class="dss-icon-button dss-icon-button--primary dss-icon-button--md ">
+        <dss-container><i class="dss-icon-button dss-icon-button--primary dss-icon-button--md ">
           <span class="dss-icon">${ifDefined(getIcon(this.options.type))}</span>
-        </i>
+        </i></dss-container>
         <div class="snackbar__message">${this.options.message ?? ""}</div>
         <div class="snackbar__action">
           <dss-container><button class="dss-icon-button dss-icon-button--success dss-icon-button--md">

package/src/api/api.ts

@@ -15,15 +15,12 @@ import {
 import { PrimariaGlobalStateManager, createGlobalStateManager } from "./global-state/global-state";
 import { PrimariaBroker } from "./broker/primaria-broker";
 import { createBroker } from "./broker/factory";
+import { HttpClient, createHttpClient } from "./http-client/http-client";
 const broker = createBroker();
 
-interface PrimariaHttpClient {
-  get(url: string): Promise<any>;
-  post(url: string, data: any): Promise<any>;
-}
 
 export interface PrimariaApi extends HarmonixApi {
-  httpClient: PrimariaHttpClient;
+  httpClient: HttpClient;
   interactionManager: PrimariaInteractionManager;
   broker: PrimariaBroker;
   regionManager: PrimariaRegionManager;
@@ -45,14 +42,7 @@ export const primariaApiFactory: ApiFactory<PrimariaApi> = (
   return {
     pluginInfo: pluginInfo,
     regionManager: createRegionManagerProxy(pluginInfo, regionManager),
-    httpClient: {
-      get: (url: string) => fetch(url).then((r) => r.json()),
-      post: (url: string, data: any) =>
-        fetch(url, {
-          method: "POST",
-          body: JSON.stringify(data),
-        }).then((r) => r.json()),
-    },
+    httpClient: createHttpClient(),
     interactionManager: { ...createInteractionManager() },
     broker: broker,
     createLocaleManager: createLocaleManager(pluginInfo.pluginId) as any,

package/src/api/broker/factory.test.ts

@@ -40,7 +40,7 @@ describe("Broker test", () => {
       describe("Given some subscriptions for an event", () => {
         let handlers: Mock[];
         beforeEach(() => {
-          handlers = Array.from({ length: 5 }).map(() => {
+          handlers = Array.from({length: 5}).map(() => {
             const handler = vi.fn();
             sut.subscribe("MyEvent", handler);
             return handler;
@@ -48,15 +48,20 @@ describe("Broker test", () => {
         });
         describe("When event is published", () => {
           beforeEach(() => {
-            sut.publish("MyEvent", { greeting: "Hello" });
+            sut.publish("MyEvent", {greeting: "Hello"});
           });
           it("Then handler is called", () => {
             for (const handler of handlers) {
-              expect(handler).toBeCalledWith({ greeting: "Hello" });
+              expect(handler).toBeCalledWith({greeting: "Hello"});
             }
           });
         });
       });
+      describe("Given no subscriptions for an event", () => {
+        it("When event is published, Then nothing happens", () => {
+          expect(() => sut.publish("MyEvent", { greeting: "Hello" })).not.toThrow();
+        });
+      });
     });
   });
   describe("Message broker test", () => {

package/src/api/broker/factory.ts

@@ -30,6 +30,9 @@ class Broker implements PrimariaBroker {
   publish(event: string | IEvent, payload?: unknown): Promise<void> {
     const eventPayload =
       typeof event === "string" ? this.getEvent(event as string, payload) : event;
+    const classConstructor = eventPayload.constructor || Object.getPrototypeOf(eventPayload).constructor;
+    const handlerSubscriptions = mediatorSettings.dispatcher.notifications._mappings.filter(m => m.notification === classConstructor);
+    if (!handlerSubscriptions.length) return Promise.resolve();
     return this.mediator.publish(eventPayload);
   }
   subscribe<TEvent extends IEvent>(

package/src/api/global-state/global-state.test.ts

@@ -25,7 +25,7 @@ describe("PrimariaGlobalStateManagerImpl", () => {
     globalStateManager.setData(key, value);
 
     expect(globalStateManager.getData(key)).toBe(value);
-    expect(brokerMock.publish).toHaveBeenCalledWith("data-setted", {
+    expect(brokerMock.publish).toHaveBeenCalledWith("data_set", {
       key: key,
       value: value,
     });

package/src/api/global-state/global-state.ts

@@ -19,7 +19,7 @@ class PrimariaGlobalStateManagerImpl implements PrimariaGlobalStateManager {
    */
   setData(key: string, value: any): void {
     this.state[key] = value;
-    this.broker.publish("data-setted", {
+    this.broker.publish("data_set", {
       key: key,
       value: value,
     });

package/src/api/http-client/http-client.ts

@@ -0,0 +1,14 @@
+
+import  axios, { AxiosRequestConfig, AxiosResponse } from "axios";
+const token = "eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJ1S2hQbXhscHB4d2sxUDVfWmQ5am9CeTV6N2p5MHFPd0ZWY3RwZjBDa0E4In0.eyJleHAiOjE3MjEzMDc3MTcsImlhdCI6MTcyMTMwNzQxNywianRpIjoiNWRkMDE1YzgtNTQ5Yy00ZGM2LWE4YWItMTUzNDJiMWRhNThmIiwiaXNzIjoiaHR0cHM6Ly9pbnRlZ3JhY2lvLnBkcy5oZXMuY2F0c2FsdXQuaW50cmFuZXQuZ2VuY2F0LmNhdC9hdXRoL3JlYWxtcy9FVEMiLCJzdWIiOiJlMjRlMzFlMC01NWZiLTRhZmEtYTQzNi0yYmRhOGYyYWQ0ZWUiLCJ0eXAiOiJCZWFyZXIiLCJhenAiOiJldGMtY2NmLWludCIsInNlc3Npb25fc3RhdGUiOiJhY2M2ZDBlYi1iMTBjLTQ3ZDEtYjFlOC0xYWQ5ODU5NTAyNTkiLCJyZWFsbV9hY2Nlc3MiOnsicm9sZXMiOlsiZGVmYXVsdC1yb2xlcy1oZXMtY2FtIl19LCJzY29wZSI6IiIsInNpZCI6ImFjYzZkMGViLWIxMGMtNDdkMS1iMWU4LTFhZDk4NTk1MDI1OSIsImNsaWVudEhvc3QiOiIxMC41My4yNTQuMTUwIiwiYWNjZXNzX3J1bGVzIjp7fSwiYWNjZXNzX2luZm8iOnsicGF0aWVudF9nZW5kZXIiOiIxIiwicGF0aWVudF9iaXJ0aGRhdGUiOiIxOTk5MDEwMSIsInByb2Zlc3Npb25hbF9yb2xlIjoiQURNIiwicHJvZmVzc2lvbmFsX2lkIjoiMTIzNDU2Nzg5MCIsInVwX2NvZGUiOiIwNzczMyIsInBhdGllbnRfZ2l2ZW5fbmFtZSI6ImNhc3RhbnkiLCJwYXRpZW50X2lkIjoiMTIzNDU2Nzg5MCIsInByb2Zlc3Npb25hbF9zcGVjaWFsaXR5IjoiU1BFQzAxIiwicHJvZmVzc2lvbmFsX3NlcnZpY2UiOiJTRVJWMDEiLCJwYXRpZW50X2xhc3RfbmFtZSI6IkFSRUdBTEwiLCJlcF9jb2RlIjoiMDIwOCJ9LCJjbGllbnRBZGRyZXNzIjoiMTAuNTMuMjU0LjE1MCIsImNsaWVudF9pZCI6ImV0Yy1jY2YtaW50In0.NiDKnMchNB4zqL9zOdq15G8y2BYGOyjk8n1xofB2WyxhVpbTXhXAgApS-4DCqczmdPt4sOwtt-FVVxcYku2gKcQQ1Leapb7CmHoUT_ak5ovOE8ZrD5Ryz6rfC_O1lO8Ut4M_J-KzMxj7WvUNYhkIqcHFSMwDdNC6xxc4ZYMOUI4bOif_Tiy7CxvMIpFGm1YS_jiGS2PGI8Y1o_1DApqMs88MxK9ItO-DIfQgKcR3wV6J-QZueaKVtih-kLma33TZc0jz7xG1EyOMJ5cC4r1Sxp877b9ut4JCmMaWOfWNf2tldLcpXTvV_BWg53YpwYOl4pvZdg3lFWEb009DofTQbQ"
+let instance = axios.create({
+    headers: {
+        "Authorization": "Bearer "+ token
+    }
+});
+export interface HttpClient {
+    request<T = any, R = AxiosResponse<T>, D = any>(config: AxiosRequestConfig<D>): Promise<R>;
+}
+export const createHttpClient = () : HttpClient => {
+    return {request: instance.request}
+};

package/src/features/bootstrapper.ts

@@ -0,0 +1,16 @@
+import { PrimariaApi } from "@uxland/primary-shell";
+import { container } from "../infrastructure/ioc/container";
+import { TYPES } from "../infrastructure/ioc/types";
+import { bootstrapGetUserInfo, teardownGetUserInfo } from "./get-user-info/bootstrapper";
+import { bootstrapGetPatientInfo, teardownGetPatientInfo } from "./get-patient-info/bootstrapper";
+
+export const bootstrapFeatures = (api: PrimariaApi) => {
+  container.bind(TYPES.primaryApi).toConstantValue(api);
+  bootstrapGetUserInfo();
+  bootstrapGetPatientInfo();
+};
+
+export const teardownFeatures = () => {
+  teardownGetUserInfo();
+  teardownGetPatientInfo();
+};

package/src/features/get-patient-info/backend-adapter.ts

@@ -0,0 +1,24 @@
+import { injectable } from "inversify";
+import { IPatientInfo } from "./model";
+import { jwtDecode } from "jwt-decode";
+
+export abstract class PatientInfoBackendAdapter {
+  abstract getPatientInfo(): Promise<IPatientInfo>;
+}
+@injectable()
+export class GetPatientInfoBackendAdapter implements PatientInfoBackendAdapter {
+  token =
+    "eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJ1S2hQbXhscHB4d2sxUDVfWmQ5am9CeTV6N2p5MHFPd0ZWY3RwZjBDa0E4In0.eyJleHAiOjE3MjEzMDc3MTcsImlhdCI6MTcyMTMwNzQxNywianRpIjoiNWRkMDE1YzgtNTQ5Yy00ZGM2LWE4YWItMTUzNDJiMWRhNThmIiwiaXNzIjoiaHR0cHM6Ly9pbnRlZ3JhY2lvLnBkcy5oZXMuY2F0c2FsdXQuaW50cmFuZXQuZ2VuY2F0LmNhdC9hdXRoL3JlYWxtcy9FVEMiLCJzdWIiOiJlMjRlMzFlMC01NWZiLTRhZmEtYTQzNi0yYmRhOGYyYWQ0ZWUiLCJ0eXAiOiJCZWFyZXIiLCJhenAiOiJldGMtY2NmLWludCIsInNlc3Npb25fc3RhdGUiOiJhY2M2ZDBlYi1iMTBjLTQ3ZDEtYjFlOC0xYWQ5ODU5NTAyNTkiLCJyZWFsbV9hY2Nlc3MiOnsicm9sZXMiOlsiZGVmYXVsdC1yb2xlcy1oZXMtY2FtIl19LCJzY29wZSI6IiIsInNpZCI6ImFjYzZkMGViLWIxMGMtNDdkMS1iMWU4LTFhZDk4NTk1MDI1OSIsImNsaWVudEhvc3QiOiIxMC41My4yNTQuMTUwIiwiYWNjZXNzX3J1bGVzIjp7fSwiYWNjZXNzX2luZm8iOnsicGF0aWVudF9nZW5kZXIiOiIxIiwicGF0aWVudF9iaXJ0aGRhdGUiOiIxOTk5MDEwMSIsInByb2Zlc3Npb25hbF9yb2xlIjoiQURNIiwicHJvZmVzc2lvbmFsX2lkIjoiMTIzNDU2Nzg5MCIsInVwX2NvZGUiOiIwNzczMyIsInBhdGllbnRfZ2l2ZW5fbmFtZSI6ImNhc3RhbnkiLCJwYXRpZW50X2lkIjoiMTIzNDU2Nzg5MCIsInByb2Zlc3Npb25hbF9zcGVjaWFsaXR5IjoiU1BFQzAxIiwicHJvZmVzc2lvbmFsX3NlcnZpY2UiOiJTRVJWMDEiLCJwYXRpZW50X2xhc3RfbmFtZSI6IkFSRUdBTEwiLCJlcF9jb2RlIjoiMDIwOCJ9LCJjbGllbnRBZGRyZXNzIjoiMTAuNTMuMjU0LjE1MCIsImNsaWVudF9pZCI6ImV0Yy1jY2YtaW50In0.NiDKnMchNB4zqL9zOdq15G8y2BYGOyjk8n1xofB2WyxhVpbTXhXAgApS-4DCqczmdPt4sOwtt-FVVxcYku2gKcQQ1Leapb7CmHoUT_ak5ovOE8ZrD5Ryz6rfC_O1lO8Ut4M_J-KzMxj7WvUNYhkIqcHFSMwDdNC6xxc4ZYMOUI4bOif_Tiy7CxvMIpFGm1YS_jiGS2PGI8Y1o_1DApqMs88MxK9ItO-DIfQgKcR3wV6J-QZueaKVtih-kLma33TZc0jz7xG1EyOMJ5cC4r1Sxp877b9ut4JCmMaWOfWNf2tldLcpXTvV_BWg53YpwYOl4pvZdg3lFWEb009DofTQbQ";
+  getPatientInfo(): Promise<IPatientInfo> {
+    const decodedToken = jwtDecode(this.token);
+    console.log(decodedToken);
+    const patientInfo: IPatientInfo = {
+      patientId: decodedToken.access_info.professional_id,
+      firstName: decodedToken.access_info.patient_given_name,
+      lastName: decodedToken.access_info.patient_last_name,
+      gender: decodedToken.access_info.patient_gender,
+      birthdate: decodedToken.access_info.patient_birthdate,
+    };
+    return Promise.resolve(patientInfo);
+  }
+}

package/src/features/get-patient-info/bootstrapper.ts

@@ -0,0 +1,17 @@
+import { shellApi } from "../../api/api";
+import { container, registerDep, unregisterDep } from "../../infrastructure/ioc/container";
+import { registerRequest, unregisterRequest } from "../utils";
+import { GetPatientInfoBackendAdapter } from "./backend-adapter";
+import { GetPatientInfoHandler } from "./handler";
+import { GetPatientInfo } from "./request";
+
+export const bootstrapGetPatientInfo = () => {
+  teardownGetPatientInfo();
+  registerRequest(shellApi, container)(GetPatientInfo, GetPatientInfoHandler);
+  registerDep(GetPatientInfoBackendAdapter);
+};
+
+export const teardownGetPatientInfo = () => {
+  unregisterRequest(container)(GetPatientInfoHandler);
+  unregisterDep(GetPatientInfoBackendAdapter);
+};

package/src/features/get-patient-info/handler.ts

@@ -0,0 +1,25 @@
+import { inject } from "inversify";
+import { TYPES } from "../../infrastructure/ioc/types";
+import { PrimariaApi } from "@uxland/primary-shell";
+import { GetPatientInfoBackendAdapter, PatientInfoBackendAdapter } from "./backend-adapter";
+import { GetPatientInfo } from "./request";
+import { IPatientInfo } from "./model";
+
+export class GetPatientInfoHandler {
+  constructor(
+    @inject(TYPES.primaryApi) private api: PrimariaApi,
+    @inject(GetPatientInfoBackendAdapter) private backendAdapter: PatientInfoBackendAdapter,
+  ) {}
+  async handle(message: GetPatientInfo): Promise<IPatientInfo | undefined> {
+    try {
+      const patientInfo = await this.backendAdapter.getPatientInfo();
+      this.api.globalStateManager.setData("patientInfo", patientInfo);
+      return patientInfo;
+    } catch (error) {
+      this.api.interactionManager.notify({
+        type: "error",
+        message: error.message,
+      });
+    }
+  }
+}

package/src/features/get-patient-info/model.ts

@@ -0,0 +1,7 @@
+export interface IPatientInfo {
+  patientId: string;
+  firstName: string;
+  lastName: string;
+  gender: string;
+  birthdate: string;
+}

package/src/features/get-patient-info/request.ts

@@ -0,0 +1,4 @@
+import { IRequest } from "@uxland/primary-shell";
+import { IPatientInfo } from "./model";
+
+export class GetPatientInfo implements IRequest<IPatientInfo> {}

package/src/features/get-user-info/backend-adapter.ts

@@ -0,0 +1,24 @@
+import { injectable } from "inversify";
+import { IUserInfo } from "./model";
+import { jwtDecode } from "jwt-decode";
+
+export abstract class UserInfoBackendAdapter {
+  abstract getUserInfo(): Promise<IUserInfo>;
+}
+@injectable()
+export class GetUserInfoBackendAdapter implements UserInfoBackendAdapter {
+  token =
+    "eyJhbGciOiJSUzI1NiIsInR5cCIgOiAiSldUIiwia2lkIiA6ICJ1S2hQbXhscHB4d2sxUDVfWmQ5am9CeTV6N2p5MHFPd0ZWY3RwZjBDa0E4In0.eyJleHAiOjE3MjEzMDc3MTcsImlhdCI6MTcyMTMwNzQxNywianRpIjoiNWRkMDE1YzgtNTQ5Yy00ZGM2LWE4YWItMTUzNDJiMWRhNThmIiwiaXNzIjoiaHR0cHM6Ly9pbnRlZ3JhY2lvLnBkcy5oZXMuY2F0c2FsdXQuaW50cmFuZXQuZ2VuY2F0LmNhdC9hdXRoL3JlYWxtcy9FVEMiLCJzdWIiOiJlMjRlMzFlMC01NWZiLTRhZmEtYTQzNi0yYmRhOGYyYWQ0ZWUiLCJ0eXAiOiJCZWFyZXIiLCJhenAiOiJldGMtY2NmLWludCIsInNlc3Npb25fc3RhdGUiOiJhY2M2ZDBlYi1iMTBjLTQ3ZDEtYjFlOC0xYWQ5ODU5NTAyNTkiLCJyZWFsbV9hY2Nlc3MiOnsicm9sZXMiOlsiZGVmYXVsdC1yb2xlcy1oZXMtY2FtIl19LCJzY29wZSI6IiIsInNpZCI6ImFjYzZkMGViLWIxMGMtNDdkMS1iMWU4LTFhZDk4NTk1MDI1OSIsImNsaWVudEhvc3QiOiIxMC41My4yNTQuMTUwIiwiYWNjZXNzX3J1bGVzIjp7fSwiYWNjZXNzX2luZm8iOnsicGF0aWVudF9nZW5kZXIiOiIxIiwicGF0aWVudF9iaXJ0aGRhdGUiOiIxOTk5MDEwMSIsInByb2Zlc3Npb25hbF9yb2xlIjoiQURNIiwicHJvZmVzc2lvbmFsX2lkIjoiMTIzNDU2Nzg5MCIsInVwX2NvZGUiOiIwNzczMyIsInBhdGllbnRfZ2l2ZW5fbmFtZSI6ImNhc3RhbnkiLCJwYXRpZW50X2lkIjoiMTIzNDU2Nzg5MCIsInByb2Zlc3Npb25hbF9zcGVjaWFsaXR5IjoiU1BFQzAxIiwicHJvZmVzc2lvbmFsX3NlcnZpY2UiOiJTRVJWMDEiLCJwYXRpZW50X2xhc3RfbmFtZSI6IkFSRUdBTEwiLCJlcF9jb2RlIjoiMDIwOCJ9LCJjbGllbnRBZGRyZXNzIjoiMTAuNTMuMjU0LjE1MCIsImNsaWVudF9pZCI6ImV0Yy1jY2YtaW50In0.NiDKnMchNB4zqL9zOdq15G8y2BYGOyjk8n1xofB2WyxhVpbTXhXAgApS-4DCqczmdPt4sOwtt-FVVxcYku2gKcQQ1Leapb7CmHoUT_ak5ovOE8ZrD5Ryz6rfC_O1lO8Ut4M_J-KzMxj7WvUNYhkIqcHFSMwDdNC6xxc4ZYMOUI4bOif_Tiy7CxvMIpFGm1YS_jiGS2PGI8Y1o_1DApqMs88MxK9ItO-DIfQgKcR3wV6J-QZueaKVtih-kLma33TZc0jz7xG1EyOMJ5cC4r1Sxp877b9ut4JCmMaWOfWNf2tldLcpXTvV_BWg53YpwYOl4pvZdg3lFWEb009DofTQbQ";
+  getUserInfo(): Promise<IUserInfo> {
+    const decodedToken = jwtDecode(this.token);
+    const userInfo: IUserInfo = {
+      userId: decodedToken.access_info.professional_id,
+      firstName: "Nom", // TODO get professional data
+      lastName: "Cognom", // TODO get professional data
+      role: decodedToken.access_info.professional_role,
+      speciality: decodedToken.access_info.professional_speciality,
+      service: decodedToken.access_info.professional_service,
+    };
+    return Promise.resolve(userInfo);
+  }
+}

package/src/features/get-user-info/bootstrapper.ts

@@ -0,0 +1,17 @@
+import { shellApi } from "../../api/api";
+import { container, registerDep, unregisterDep } from "../../infrastructure/ioc/container";
+import { registerRequest, unregisterRequest } from "../utils";
+import { GetUserInfoBackendAdapter } from "./backend-adapter";
+import { GetUserInfoHandler } from "./handler";
+import { GetUserInfo } from "./request";
+
+export const bootstrapGetUserInfo = () => {
+  teardownGetUserInfo();
+  registerRequest(shellApi, container)(GetUserInfo, GetUserInfoHandler);
+  registerDep(GetUserInfoBackendAdapter);
+};
+
+export const teardownGetUserInfo = () => {
+  unregisterRequest(container)(GetUserInfoHandler);
+  unregisterDep(GetUserInfoBackendAdapter);
+};

package/src/features/get-user-info/handler.ts

@@ -0,0 +1,26 @@
+import { PrimariaApi } from "@uxland/primary-shell";
+import { TYPES } from "../../infrastructure/ioc/types";
+import { inject } from "inversify";
+import { GetUserInfo } from "./request";
+import { IUserInfo } from "./model";
+import { UserInfoBackendAdapter } from "./backend-adapter";
+import { GetUserInfoBackendAdapter } from "./backend-adapter";
+
+export class GetUserInfoHandler {
+  constructor(
+    @inject(TYPES.primaryApi) private api: PrimariaApi,
+    @inject(GetUserInfoBackendAdapter) private backendAdapter: UserInfoBackendAdapter,
+  ) {}
+  async handle(message: GetUserInfo): Promise<IUserInfo | undefined> {
+    try {
+      const userInfo = await this.backendAdapter.getUserInfo();
+      this.api.globalStateManager.setData("userInfo", userInfo);
+      return userInfo;
+    } catch (error) {
+      this.api.interactionManager.notify({
+        type: "error",
+        message: error.message,
+      });
+    }
+  }
+}

package/src/features/get-user-info/model.ts

@@ -0,0 +1,8 @@
+export interface IUserInfo {
+  userId: string;
+  firstName: string;
+  lastName: string;
+  role: string;
+  speciality: string;
+  service: string;
+}

package/src/features/get-user-info/request.ts

@@ -0,0 +1,4 @@
+import { IRequest } from "@uxland/primary-shell";
+import { IUserInfo } from "./model";
+
+export class GetUserInfo implements IRequest<IUserInfo> {}

package/src/features/utils.ts

@@ -0,0 +1,20 @@
+import { Container, injectable, interfaces } from "inversify";
+import { IRequest, IRequestClass } from "..";
+import { PrimariaApi } from "../api/api";
+import Newable = interfaces.Newable;
+
+//TODO aixo ho fan ja les Broker extensions de plugins/core. Veure si s'ha de canviar
+export const registerRequest =
+  (api: PrimariaApi, container: Container) =>
+  (command: IRequestClass<any>, handler: Newable<any>) => {
+    container.bind(handler).to(handler).inTransientScope();
+    injectable()(handler);
+    api.broker.registerRequest(command, (cmd: IRequest<any>) => {
+      const handlerInstance = container.get(handler);
+      return handlerInstance.handle(cmd);
+    });
+  };
+
+export const unregisterRequest = (container: Container) => (handler: Newable<any>) => {
+  container.isBound(handler) && container.unbind(handler);
+};

package/src/index.ts

@@ -1,3 +1,4 @@
+import "reflect-metadata";
 export * from "./initializer";
 export * from "./regions";
 export * from "./plugin";

package/src/infrastructure/ioc/container.ts

@@ -0,0 +1,14 @@
+import { Container } from "inversify";
+import getDecorators from "inversify-inject-decorators";
+const container = new Container();
+const { lazyInject } = getDecorators(container, false);
+
+export { container, lazyInject };
+
+export const registerDep = (dep: any) => {
+  container.bind(dep).toSelf();
+};
+
+export const unregisterDep = (dep: any) => {
+  container.isBound(dep) && container.unbind(dep);
+};

package/src/infrastructure/ioc/types.ts

@@ -0,0 +1,5 @@
+export const TYPES = {
+  primaryApi: Symbol.for("primaryApi"),
+  store: Symbol.for("store"),
+  localeManager: Symbol.for("localeManager"),
+};

package/src/initializer.ts

@@ -6,6 +6,9 @@ import { shellApi } from "./api/api";
 import { initializeLocalization } from "./locales";
 import { shellRegions } from "./regions";
 import { clinicalMonitoringId } from "./constants";
+import { bootstrapFeatures } from "./features/bootstrapper";
+import { GetUserInfo } from "./features/get-user-info/request";
+import { GetPatientInfo } from "./features/get-patient-info/request";
 
 export const initializeShell = async (element: HTMLElement) => {
   initializeLocalization(shellApi);
@@ -13,6 +16,15 @@ export const initializeShell = async (element: HTMLElement) => {
   const shell = new PrimariaShell();
   element.appendChild(shell as any);
   registerViews();
+  bootstrapFeatures(shellApi);
+  // shellApi.broker.subscribe("data_set", (event: any) => {
+  //   console.log(event);
+  // });
+  // shellApi.broker.subscribe("data_set", (event: any) => {
+  //   console.log(event, "2");
+  // });
+  shellApi.broker.send(new GetUserInfo());
+  shellApi.broker.send(new GetPatientInfo());
 };
 
 const registerViews = () => {