@uxland/primary-shell 2.0.1-rc.2 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "2.0.1-rc.2",
+  "version": "2.1.1",
   "description": "Primaria Shell",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/harmonix/tree/app#readme",
@@ -9,7 +9,10 @@
   "main": "src/index.ts",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
-  "files": ["dist", "src"],
+  "files": [
+    "dist",
+    "src"
+  ],
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
@@ -18,18 +21,12 @@
     "type": "git",
     "url": "git+https://github.com/uxland/harmonix.git"
   },
-  "scripts": {
-    "serve": "vite",
-    "start": "ng serve --host 0.0.0.0",
-    "build": "vite build",
-    "preview": "vite preview",
-    "publish-rc": "npm publish --tag rc"
-  },
   "bugs": {
     "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",
@@ -43,6 +40,16 @@
     "mediatr-ts": "^1.2.1",
     "tslib": "^2.3.0",
     "vite": "^5.2.8",
+    "inversify": "^6.0.2",
+    "inversify-inject-decorators": "^3.1.0",
+    "jwt-decode": "^4.0.0",
     "@salut/design-system-salut": "1.6.0"
+  },
+  "scripts": {
+    "serve": "vite",
+    "start": "ng serve --host 0.0.0.0",
+    "build": "vite build",
+    "preview": "vite preview",
+    "publish-rc": "npm publish --tag rc"
   }
-}
+}

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

@@ -1,5 +1,7 @@
 import "@salut/design-system-salut";
 import "@salut/design-system-salut/css/main.css";
+import "../../fonts/fonts.css";
+import "../../styles/index.css";
 import { html } from "lit";
 import gencatLogo from "../../../UI/images/Gencat_Logotip.svg";
 import salutLogo from "../../../UI/images/Salut_Logotip.svg";
@@ -13,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/fonts/fonts.css

@@ -0,0 +1,48 @@
+/* open-sans-300 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: url('open-sans-v40-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+/* open-sans-regular - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+/* open-sans-500 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 500;
+  src: url('open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+/* open-sans-600 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: url('open-sans-v40-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+/* open-sans-700 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url('open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}
+/* open-sans-800 - latin */
+@font-face {
+  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 800;
+  src: url('open-sans-v40-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+}

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/UI/styles/index.css

@@ -0,0 +1,18 @@
+body {
+        margin: 0;
+        overflow: hidden;
+        font-size: 14px;
+        background-color: #f5f6fa;
+        font-family: 'Open Sans', sans-serif;
+        pointer-events: auto !important;
+        width: 100%;
+        height: 100%;
+      }
+
+      html {
+        font-size: 14px;
+        overflow: hidden;
+        font-family: 'Open Sans', sans-serif;
+        width: 100%;
+        height: 100%;
+      }

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> {}