@uxland/primary-shell 7.14.0 → 7.15.1

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

@@ -1 +1,4 @@
-export declare const initializeShell: (hostAppElement: HTMLElement) => void;
+export interface IShellParams {
+    visitId: string;
+}
+export declare const initializeShell: (hostAppElement: HTMLElement, shellParams?: IShellParams) => void;

package/dist/primary/shell/src/features/bootstrapper.d.ts

@@ -1,3 +1,4 @@
 import { PrimariaApi } from '../api/api';
-export declare const useFeatures: (api: PrimariaApi) => void;
+import { IShellParams } from '../bootstrapper';
+export declare const useFeatures: (api: PrimariaApi, shellParams?: IShellParams) => void;
 export declare const disposeFeatures: (api: PrimariaApi) => void;

package/dist/primary/shell/src/features/visit/finalize-visit/bootstrapper.d.ts

@@ -1,3 +1,4 @@
 import { PrimariaApi } from '../../../api/api';
-export declare const useFinalizeVisit: (api: PrimariaApi) => void;
+import { IShellParams } from '../../../bootstrapper';
+export declare const useFinalizeVisit: (api: PrimariaApi, shellParams?: IShellParams) => void;
 export declare const disposeFinalizeVisit: () => void;

package/dist/primary/shell/src/features/visit/finalize-visit/component/finalize-visit-button.d.ts

@@ -1,8 +1,7 @@
 import { LitElement } from 'lit';
 export declare class FinalizeVisitButton extends LitElement {
+    constructor(visitId: string);
     render(): import('lit').TemplateResult<1>;
-    connectedCallback(): void;
-    visitId: string | undefined;
-    getVisitId(): Promise<void>;
+    visitId: string;
     finalizeVisitHandler(): void;
 }

package/package.json

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

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

@@ -19,7 +19,6 @@ export const template = (props: PrimariaShellHeader) => {
       <div id="header-region-container"></div>
     </div>
     <div class="header__right">
-      <finalize-visit-button></finalize-visit-button>
       <div id="header-actions-region-container"></div>
       <header-divider></header-divider>
       ${when(

package/src/bootstrapper.ts

@@ -4,10 +4,14 @@ import { useFeatures } from "./features/bootstrapper";
 import { useLocalization } from "./locales";
 import { useUI } from "./UI/bootstrapper";
 
-export const initializeShell = (hostAppElement: HTMLElement) => {
+export interface IShellParams { 
+  visitId: string;
+}
+
+export const initializeShell = (hostAppElement: HTMLElement, shellParams?: IShellParams) => {
   useLocalization(shellApi);
   useUI();
-  useFeatures(shellApi);
+  useFeatures(shellApi, shellParams);
   const shell = new PrimariaShell();
   hostAppElement.appendChild(shell as any);
 };

package/src/features/bootstrapper.ts

@@ -1,5 +1,6 @@
 import { mediatorSettings } from "mediatr-ts";
 import { PrimariaApi } from "../api/api";
+import { IShellParams } from "../bootstrapper";
 import { container } from "../infrastructure/ioc/container";
 import { TYPES } from "../infrastructure/ioc/types";
 import { useExitShell, disposeExitShell } from "./exit/bootstrapper";
@@ -8,12 +9,12 @@ import { GetUserInfo } from "./get-user-info/request";
 import { disposeGetVisitId, useGetVisitId } from "./visit/get-visit-id/bootstrapper";
 import { disposeFinalizeVisit, useFinalizeVisit } from "./visit/finalize-visit/bootstrapper";
 
-export const useFeatures = (api: PrimariaApi) => {
+export const useFeatures = (api: PrimariaApi, shellParams?: IShellParams) => {
   container.bind(TYPES.primaryApi).toConstantValue(api);
   useGetUserInfo(api);
   useExitShell(api);
   useGetVisitId(api);
-  useFinalizeVisit(api);
+  useFinalizeVisit(api, shellParams);
   api.broker.send(new GetUserInfo());
 };
 

package/src/features/visit/finalize-visit/bootstrapper.ts

@@ -1,15 +1,24 @@
 import { PrimariaApi } from "../../../api/api";
+import { IShellParams } from "../../../bootstrapper";
 import { BrokerDisposableHandler } from "../../../api/broker/primaria-broker";
 import { container } from "../../../infrastructure/ioc/container";
 import { registerRequest } from "../../utils";
 import { FinalizeVisitHandler } from "./handler";
 import { FinalizeVisit } from "./request";
+import { FinalizeVisitButton } from "./component/finalize-visit-button";
 
 let request: BrokerDisposableHandler;
 
-export const useFinalizeVisit = (api: PrimariaApi) => {
+export const useFinalizeVisit = (api: PrimariaApi, shellParams?: IShellParams) => {
   disposeFinalizeVisit();
-  request = registerRequest(api, container)(FinalizeVisit, FinalizeVisitHandler);
+  if (shellParams?.visitId) {
+    api.regionManager.registerView(api.regionManager.regions.shell.headerRightActions, {
+      id: "finalize-visit-button",
+      sortHint: "0001",
+      factory: () => Promise.resolve(new FinalizeVisitButton(shellParams.visitId)),
+    });
+    request = registerRequest(api, container)(FinalizeVisit, FinalizeVisitHandler);
+  }
 };
 
 export const disposeFinalizeVisit = () => {

package/src/features/visit/finalize-visit/component/finalize-visit-button.ts

@@ -1,32 +1,21 @@
 import { LitElement, html } from "lit";
 import { template } from "./template";
 import { property } from "lit/decorators.js";
-import { GetVisitId } from "../../get-visit-id/request";
 import { shellApi } from "../../../../api/api";
 import { FinalizeVisit } from "../request";
 
 export class FinalizeVisitButton extends LitElement {
-  render() {
-    return html`${template(this)}`;
+  constructor(visitId: string) {
+    super();
+    this.visitId = visitId;
   }
 
-  connectedCallback() {
-    super.connectedCallback();
-    this.getVisitId();
+  render() {
+    return html`${template(this)}`;
   }
 
-  @property({ type: String }) 
-  visitId: string | undefined;
-
-  async getVisitId() {
-    try {
-      await shellApi.broker.send(new GetVisitId()).then((visitIdResponse: string | undefined) => {
-        this.visitId = visitIdResponse;
-      });
-    } catch (error) {
-      console.error(error.message);
-    }
-  }
+  @property({ type: String })
+  visitId: string;
 
   finalizeVisitHandler() {
     if (this.visitId) {