import {LoraClient} from 'lora-client'

@Component({
  // ...
})
class LoraClientExample {
  serviceUrl = "https://lora.deployment.com/api/lora";
  authHeaderSupplier = () => `Bearer ${this.access_token}`;
  // ...
}

function onTicketCreated(ticket: TicketInformation) {
  console.log('Ticket created:', ticket);
}

import {LoraClientService} from 'lora-client'
import {ClientMessage} from "./ClientMessage";

async function connect() {
  // create service instance
  const loraClientService = new LoraClientService();
  loraClientService.setServiceUrl("https://lora.deployment.com/api/lora");
  loraClientService.setAuthHeaderSupplier(() => `Bearer myauthtoken`);
  // create new session (also you can reuse sessionId by storing it in local storage as example)
  const sessionId = await loraClientService.createSession();
  // you can get old messages history
  const oldMessages = await loraClientService.getMessagesHistory(sessionId);

  //subscribe to events
  loraClientService.loraClientService.on('message', (message: ClientMessage) => {
    console.log('Message from Lora:', message);
  });
  loraClientService.loraClientService.on('status', (status: ConnectionStatus) => {
    console.log('Client status chnaged:', status);
  });

  // connect to lora
  await loraClientService.connect({sessionId});
}

connect();

import {Component, Inject} from '@angular/core';
import {ClientMessage, ClientMessagePartDetails} from "@/lora-client/src";
import {NgForOf} from "@angular/common";

@Component({
  selector: 'parts-table',
  standalone: true,
  imports: [NgForOf],
  styleUrl: './parts-table.component.css',
  template: `
    <div>
      <table>
        <tr>
          <th *ngFor="let column of columns">{{ column }}</th>
        </tr>

        <tr *ngFor="let part of message.parts">
          <td *ngFor="let column of columns">{{ part[column] }}</td>
        </tr>
      </table>
    </div>
  `
})
export class PartsTableComponent {
  readonly columns = [
    'anlagenKennzeichen',
    'geo',
    'hersteller',
    'komponententyp',
    'lieferant',
    'lieferzeitInWochen',
    'terminCDR',
    'terminLieferungBaustelle',
    'terminMMR',
    'terminPDR',
    'terminvFAT',
    'verantwortlicher'
  ];

  constructor(@Inject('message') public message: ClientMessage) {
  }
}