@dative-gpi/foundation-shared-services 1.0.26 → 1.0.28-remove-deprecated2

package/composables/app/index.ts

@@ -1,4 +1,5 @@
 export * from "./useAppLanguageCode";
 export * from "./useAppLanguages";
 export * from "./useAppTimeZone";
-export * from "./useExtensionJwt";
+export * from "./useAppAuthToken";
+export * from "./useAppHost";

package/composables/app/useAppAuthToken.ts

@@ -0,0 +1,17 @@
+import { computed, ref } from "vue";
+
+const authToken = ref<string | undefined>(undefined);
+
+export const useAppAuthToken = () => {
+    const setAppAuthToken = (payload: string) => {
+        authToken.value = payload;
+    };
+
+    const ready = computed(() => authToken.value !== null);
+
+    return {
+        authToken,
+        ready,
+        setAppAuthToken
+    };
+}

package/composables/app/useAppHost.ts

@@ -0,0 +1,17 @@
+import { computed, ref } from "vue";
+
+const host = ref<string | undefined>(undefined);
+
+export const useAppHost = () => {
+  const setAppHost = (payload: string) => {
+    host.value = payload;
+  };
+
+  const ready = computed(() => host.value !== null);
+
+  return {
+    host,
+    ready,
+    setAppHost
+  };
+}

package/composables/app/useAppTimeZone.ts

@@ -1,170 +1,60 @@
-import { addMilliseconds, format, parse, subDays } from "date-fns";
 import { computed, ref } from "vue";
 
-import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
-import { ISO_FORMAT, OPTIONS } from "@dative-gpi/foundation-shared-domain/tools";
-
-import { useAppLanguageCode } from "./useAppLanguageCode";
-
 const timeZone = ref<string | undefined>(undefined);
 
 export const useAppTimeZone = () => {
-  const { $tr } = useTranslationsProvider();
-
   const setAppTimeZone = (payload: string) => {
     timeZone.value = payload;
   };
 
-  const epochToShortDateFormat = (value: number | null | undefined): string => {
-    if (value == null || !isFinite(value)) {
-      return "";
-    }
-    const date = new Date(value);
-    return date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value });
-  };
-
-  const epochToLongDateFormat = (value: number | null | undefined): string => {
-    if (value == null || !isFinite(value)) {
-      return "";
-    }
-    const date = new Date(value);
-    const now = new Date();
-    if (date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value }) === now.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value })) {
-      return $tr("ui.time-zone.today", "Today");
-    }
-    if (date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value }) === subDays(now, 1).toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value })) {
-      return $tr("ui.time-zone.yesterday", "Yesterday");
-    }
-    const dateString = date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.longDate, timeZone: timeZone.value });
-    return dateString[0].toLocaleUpperCase() + dateString.slice(1);
-  };
-
-  const epochToShortTimeFormat = (value: number | null | undefined): string => {
-    if (value == null || !isFinite(value)) {
-      return "";
-    }
-    const date = new Date(value);
-    return date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.shortTime, timeZone: timeZone.value });
-  };
-
-  const epochToLongTimeFormat = (value: number | null | undefined): string => {
-    if (value == null || !isFinite(value)) {
-      return "";
-    }
-    const date = new Date(value);
-    const now = new Date();
-    if (date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value }) === now.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value })) {
-      return `${$tr("ui.time-zone.today-at", "Today at")} ${date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.time, timeZone: timeZone.value })}`;
-    }
-    if (date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value }) === subDays(now, 1).toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value })) {
-      return `${$tr("ui.time-zone.yesterday-at", "Yesterday at")} ${date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.time, timeZone: timeZone.value })}`;
-    }
-    const dateString = date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.longTime, timeZone: timeZone.value });
-    return dateString[0].toLocaleUpperCase() + dateString.slice(1);
-  };
-
-  const epochToTimeOnlyFormat = (value: number | null | undefined): string => {
-    if (value == null || !isFinite(value)) {
-      return "";
-    }
-    const date = new Date(value);
-    return date.toLocaleString(useAppLanguageCode().languageCode.value, { ...OPTIONS.time, timeZone: timeZone.value });
-  };
-
-  const getOffsetUser = (): number => {
-    const offsetParts = (Intl.DateTimeFormat(undefined, {
-      timeZone: timeZone.value,
-      timeZoneName: "longOffset"
-    }).formatToParts(new Date).pop()?.value.slice(3) || "+00:00").split(':');
-    return (parseInt(offsetParts[0]) * 60 + parseInt(offsetParts[1])) * 60 * 1000;
-  };
-
-  const getOffsetUserChart = (withUTC: boolean = true): string => {
-    const offsetPart = (Intl.DateTimeFormat(undefined, {
-      timeZone: timeZone.value,
+  const getUserFormatter = (): Intl.DateTimeFormat => {
+    return new Intl.DateTimeFormat(undefined, {
+      timeZone: timeZone.value || Intl.DateTimeFormat().resolvedOptions().timeZone,
       timeZoneName: "longOffset"
-    }).formatToParts(new Date).pop()?.value.slice(3) || "+00:00");
-    return `${withUTC ? 'UTC ' : ''}${offsetPart}`;
+    });
   }
 
-  const getOffsetMachine = (): number => {
-    const offsetParts = (Intl.DateTimeFormat(undefined, {
+  const getMachineFormatter = (): Intl.DateTimeFormat => {
+    return new Intl.DateTimeFormat(undefined, {
       timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
       timeZoneName: "longOffset"
-    }).formatToParts(new Date).pop()?.value.slice(3) || "+00:00").split(':');
-    return (parseInt(offsetParts[0]) * 60 + parseInt(offsetParts[1])) * 60 * 1000;
-  };
+    });
+  }
 
-  const getOffsetMachineChart = (withUTC: boolean = true): string => {
-    const offsetPart = (Intl.DateTimeFormat(undefined, {
-      timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
-      timeZoneName: "longOffset"
-    }).formatToParts(new Date).pop()?.value.slice(3) || "+00:00");
-    return `${withUTC ? 'UTC ' : ''}${offsetPart}`;
+  const getUserOffsetName = (epoch: number | null = null): string => {
+    const formatter = getUserFormatter();
+    const date = formatter.formatToParts(epoch ? new Date(epoch) : new Date());
+    const timeZoneName = date.find((part) => part.type === "timeZoneName")?.value || "UTC+00:00";
+    return timeZoneName
   }
 
-  const getOffsetDifference = (): number => {
-    if (timeZone.value == null) {
+  const getUserOffset = (epoch: number | null = null): number => {
+    const timeZoneName = getUserOffsetName(epoch);
+    const [hours, minutes] = timeZoneName.slice(3).split(':');
+    if (isNaN(parseInt(hours)) || isNaN(parseInt(minutes))) {
       return 0;
     }
-    return getOffsetUser() - getOffsetMachine();
-  };
-
-  const todayToEpoch = (): number => {
-    return (new Date().getTime() + getOffsetDifference());
-  };
-
-  const pickerToEpoch = (value: Date | null | undefined): number => {
-    if (value != null) {
-      return value.getTime() - getOffsetDifference();
-    }
-    return 0;
-  };
-
-  const epochToPicker = (value: number | null | undefined): Date => {
-    if (value != null) {
-      return new Date(value + getOffsetDifference());
-    }
-    return new Date(0);
+    return (parseInt(hours) * 60 + parseInt(minutes)) * 60 * 1000;
   };
 
-  const epochToPickerHeader = (value: number): { d: number, m: number, y: number } => {
-    const date = epochToPicker(value);
-    return { d: date.getDate(), m: date.getMonth(), y: date.getFullYear() };
+  const getMachineOffsetName = (epoch: number | null = null): string => {
+    const formatter = getMachineFormatter();
+    const date = formatter.formatToParts(epoch ? new Date(epoch) : new Date());
+    const timeZoneName = date.find((part) => part.type === "timeZoneName")?.value || "UTC+00:00";
+    return timeZoneName;
   };
 
-  const todayToPicker = (): string => {
-    const date = addMilliseconds(new Date(), -getOffsetMachine());
-    date.setSeconds(0, 0);
-    return format(date, ISO_FORMAT);
-  };
-
-  const yesterdayToPicker = (): string => {
-    const date = addMilliseconds(subDays(new Date(), 1), -getOffsetMachine());
-    date.setSeconds(0, 0);
-    return format(date, ISO_FORMAT);
-  };
-
-  const parseForPicker = (value: string, dateFormat: string = ISO_FORMAT): number | null => {
-    const date = addMilliseconds(parse(value, dateFormat, new Date()), getOffsetUser());
-    if (!isFinite(date.getTime())) {
-      return null;
-    }
-    return date.getTime();
-  };
-
-  const formatFromPicker = (date: number | null): string => {
-    if (date != null) {
-      return format(date - getOffsetMachine(), ISO_FORMAT);
+  const getMachineOffset = (epoch: number | null = null): number => {
+    const timeZoneName = getMachineOffsetName(epoch);
+    const [hours, minutes] = timeZoneName.slice(3).split(':');
+    if (isNaN(parseInt(hours)) || isNaN(parseInt(minutes))) {
+      return 0;
     }
-    return "";
-  };
+    return (parseInt(hours) * 60 + parseInt(minutes)) * 60 * 1000;
+  }
 
-  const formatEpochToVariable = (epoch: number | undefined): string => {
-    if (epoch == null || !isFinite(epoch)) {
-      return "";
-    }
-    return format(epoch - getOffsetMachine(), ISO_FORMAT);
+  const getOffsetDifference = (): number => {
+    return getUserOffset() - getMachineOffset();
   };
 
   const ready = computed(() => timeZone.value !== null);
@@ -173,24 +63,10 @@ export const useAppTimeZone = () => {
     ready,
     timeZone,
     setAppTimeZone,
-    todayToEpoch,
-    pickerToEpoch,
-    epochToPicker,
-    epochToPickerHeader,
-    epochToLongDateFormat,
-    epochToLongTimeFormat,
-    epochToShortDateFormat,
-    epochToShortTimeFormat,
-    epochToTimeOnlyFormat,
-    parseForPicker,
-    todayToPicker,
-    yesterdayToPicker,
-    formatFromPicker,
-    formatEpochToVariable,
-    getOffsetUser,
-    getOffsetMachine,
+    getUserOffset,
+    getUserOffsetName,
+    getMachineOffset,
+    getMachineOffsetName,
     getOffsetDifference,
-    getOffsetUserChart,
-    getOffsetMachineChart
   };
 }

package/composables/index.ts

@@ -1,5 +1,7 @@
 export * from "./services";
 export * from "./app";
 
+export * from "./useDateFormat";
 export * from "./useFiles";
-export * from "./useFoundationShared";
+export * from "./useFoundationShared";
+export * from "./useRouting";

package/composables/services/index.ts

@@ -1,8 +1,11 @@
 export * from "./useAuthTokens";
 export * from "./useImages";
 export * from "./useLanguages";
+export * from "./useLegalInformations";
+export * from "./useNotifications";
 export * from "./useOrganisations";
 export * from "./useTerminals";
 export * from "./useTimeZones";
 export * from "./useTranslations";
+export * from "./useUserLegalInformations";
 export * from "./useUsers"; 

package/composables/services/useLegalInformations.ts

@@ -0,0 +1,10 @@
+import { LegalInformationDetails, type LegalInformationDetailsDTO } from "@dative-gpi/foundation-shared-domain/models";
+import { ComposableFactory,  ServiceFactory } from "@dative-gpi/bones-ui";
+
+import { LEGAL_INFORMATION_CURRENT_URL } from "../../config/urls";
+
+const LegalInformationServiceFactory = {
+  ...ServiceFactory.addCustom("getCurrent", axios => axios.get(LEGAL_INFORMATION_CURRENT_URL()), (dto: LegalInformationDetailsDTO) => new LegalInformationDetails(dto))
+};
+
+export const useCurrentLegalInformation = ComposableFactory.custom(LegalInformationServiceFactory.getCurrent);

package/composables/services/useNotifications.ts

@@ -0,0 +1,41 @@
+import { type NotificationDetailsDTO, type NotificationFilters, type NotificationInfosDTO } from "@dative-gpi/foundation-shared-domain/models";
+import { NotificationDetails, NotificationInfos } from "@dative-gpi/foundation-shared-domain/models";
+import { ComposableFactory, ServiceFactory } from "@dative-gpi/bones-ui/core";
+
+import { HUBS, NOTIFICATION_URL, NOTIFICATIONS_HUB_URL, NOTIFICATIONS_URL } from "../../config";
+import { HubFactory } from "../../tools";
+
+const NotificationServiceFactory = new ServiceFactory<NotificationDetailsDTO, NotificationDetails>("notification", NotificationDetails).create(factory => factory.build(
+  factory.addGet(NOTIFICATION_URL),
+  factory.addGetMany<NotificationInfosDTO, NotificationInfos, NotificationFilters>(NOTIFICATIONS_URL, NotificationInfos),
+  factory.addNotify(notifyService => ({
+    notifyCreate: (notification: NotificationDetails) => notifyService.notify("add", notification),
+    ...ServiceFactory.addCustom("acknowledge", (axios, notificationId: string) => axios.patch(NOTIFICATION_URL(notificationId)), (dto: NotificationDetailsDTO) => {
+      const result = new NotificationDetails(dto);
+      notifyService.notify("update", result);
+      return result;
+    })
+  }))
+));
+
+const useNotificationsHub = HubFactory.create(NOTIFICATIONS_HUB_URL,
+  (connection, { hasWatchers }) => {
+    connection.on(HUBS.CREATE_NOTIFICATION, (notificationId: string) => hasWatchers()
+      ? NotificationServiceFactory.get(notificationId).then(NotificationServiceFactory.notifyCreate)
+      : null);
+  },
+  async (connection) => {
+    await connection.invoke(HUBS.SUBSCRIBE);
+  }
+);
+
+const useWatchNotifications = HubFactory.createWatcher(useNotificationsHub);
+
+
+export const useNotifications = ComposableFactory.getMany(NotificationServiceFactory, () => {
+  const { watchMany } = useWatchNotifications();
+  return () => {
+    watchMany();
+  }
+});
+export const useAcknowledgeNotification = ComposableFactory.custom(NotificationServiceFactory.acknowledge);

package/composables/services/useUserLegalInformations.ts

@@ -0,0 +1,11 @@
+import { type CreateUserLegalInformationDTO, UserLegalInformationDetails, type UserLegalInformationDetailsDTO } from "@dative-gpi/foundation-shared-domain/models";
+import { ComposableFactory, ServiceFactory } from "@dative-gpi/bones-ui/core";
+
+import { USER_LEGAL_INFORMATIONS_URL } from "../../config/urls";
+
+const UserLegalInformationServiceFactory = new ServiceFactory<UserLegalInformationDetailsDTO, UserLegalInformationDetails>("userLegalInformation", UserLegalInformationDetails).create(factory => factory.build(
+  factory.addCreate<CreateUserLegalInformationDTO>(USER_LEGAL_INFORMATIONS_URL),
+  factory.addNotify()
+));
+
+export const useCreateUserLegalInformation = ComposableFactory.create(UserLegalInformationServiceFactory);

package/composables/useDateFormat.ts

@@ -0,0 +1,221 @@
+import { addMilliseconds, format, parse, subDays } from "date-fns";
+
+import { useTranslations as useTranslationsProvider } from "@dative-gpi/bones-ui/composables";
+import { ISO_FORMAT, OPTIONS } from "@dative-gpi/foundation-shared-domain/tools";
+
+import { useAppLanguageCode, useAppTimeZone } from "./app/";
+
+export const useDateFormat = () => {
+  const { $tr } = useTranslationsProvider();
+
+  const { languageCode } = useAppLanguageCode();
+  const { timeZone, getOffsetDifference, getMachineOffset, getUserOffset } = useAppTimeZone();
+
+  const isEpochToday = (value: number | null | undefined): boolean => {
+    if (value == null || !isFinite(value)) {
+      return false;
+    }
+    const date = new Date(value);
+    const now = new Date();
+    return date.toLocaleString(languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value }) 
+      === now.toLocaleString(languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value });
+  }
+
+  const isEpochYesterday = (value: number | null | undefined): boolean => {
+    if (value == null || !isFinite(value)) {
+      return false;
+    }
+    const date = new Date(value);
+    const now = new Date();
+    return date.toLocaleString(languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value }) 
+      === subDays(now, 1).toLocaleString(languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value });
+  }
+
+  const dayToMillisecond = (value: number): number => {
+    return value * 24 * 60 * 60 * 1000
+  }
+
+  const epochToDayMonthLongOnly = (value: number | null | undefined): string => {
+    if (value == null || !isFinite(value)) {
+      return "";
+    }
+    const date = new Date(value);
+    return date.toLocaleString(languageCode.value, { ...OPTIONS.dayMonthLongOnly, timeZone: timeZone.value });
+  }
+
+  const epochToShortDateFormat = (value: number | null | undefined): string => {
+    if (value == null || !isFinite(value)) {
+      return "";
+    }
+    const date = new Date(value);
+    return date.toLocaleString(languageCode.value, { ...OPTIONS.shortDate, timeZone: timeZone.value });
+  };
+
+  const epochToLongDateFormat = (value: number | null | undefined): string => {
+    if (value == null || !isFinite(value)) {
+      return "";
+    }
+    const date = new Date(value);
+    if (isEpochToday(value)) {
+      return $tr("ui.common.today", "Today");
+    }
+    if (isEpochYesterday(value)) {
+      return $tr("ui.common.yesterday", "Yesterday");
+    }
+    const dateString = date.toLocaleString(languageCode.value, { ...OPTIONS.longDate, timeZone: timeZone.value });
+    return dateString[0].toLocaleUpperCase() + dateString.slice(1);
+  };
+
+  const epochToShortTimeFormat = (value: number | null | undefined): string => {
+    if (value == null || !isFinite(value)) {
+      return "";
+    }
+    const date = new Date(value);
+    return date.toLocaleString(languageCode.value, { ...OPTIONS.shortTime, timeZone: timeZone.value });
+  };
+
+  const epochToLocalDayStart = (value: number | null | undefined): number => {
+    if (value == null || !isFinite(value)) {
+      return 0;
+    }
+    const date = new Date(value);
+    return date.setHours(0, 0, 0, 0);
+  }
+
+  const epochToLocalDayEnd = (value: number | null | undefined): number => {
+    if (value == null || !isFinite(value)) {
+      return 0;
+    }
+    const date = new Date(value);
+    return date.setHours(23, 59, 59, 999);
+  }
+
+  const epochToLongTimeFormat = (value: number | null | undefined): string => {
+    if (value == null || !isFinite(value)) {
+      return "";
+    }
+    const date = new Date(value);
+    if (isEpochToday(value)) {
+      return `${$tr("ui.common.today-at", "Today at")} ${date.toLocaleString(languageCode.value, { ...OPTIONS.time, timeZone: timeZone.value })}`;
+    }
+    if (isEpochYesterday(value)) {
+      return `${$tr("ui.common.yesterday-at", "Yesterday at")} ${date.toLocaleString(languageCode.value, { ...OPTIONS.time, timeZone: timeZone.value })}`;
+    }
+    const dateString = date.toLocaleString(languageCode.value, { ...OPTIONS.longTime, timeZone: timeZone.value });
+    return dateString[0].toLocaleUpperCase() + dateString.slice(1);
+  };
+
+  const epochToMonthYearOnlyFormat = (value: number | null | undefined): string => {
+    if (value == null || !isFinite(value)) {
+      return "";
+    }
+    const date = new Date(value);
+    return date.toLocaleString(languageCode.value, { ...OPTIONS.monthYearOnly, timeZone: timeZone.value });
+  }
+
+  const epochToTimeOnlyFormat = (value: number | null | undefined): string => {
+    if (value == null || !isFinite(value)) {
+      return "";
+    }
+    const date = new Date(value);
+    return date.toLocaleString(languageCode.value, { ...OPTIONS.time, timeZone: timeZone.value });
+  };
+
+  const epochToShortTimeOnlyFormat = (value: number | null | undefined): string => {
+    if (value == null || !isFinite(value)) {
+      return "";
+    }
+    const date = new Date(value);
+    return date.toLocaleString(languageCode.value, { ...OPTIONS.shortTimeOnly, timeZone: timeZone.value });
+  }
+
+  const epochToWeekNumber = (value: number | null | undefined): string => {
+    if (value == null || !isFinite(value)) {
+      return "";
+    }
+    const date = new Date(value);
+    date.setHours(0, 0, 0, 0);
+    date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
+    const week1 = new Date(date.getFullYear(), 0, 4);
+    return `${1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7)}`;
+  }
+
+  const todayToEpoch = (): number => {
+    return new Date().getTime() + getOffsetDifference();
+  };
+
+  const pickerToEpoch = (value: Date | null | undefined): number => {
+    if (value != null) {
+      return value.getTime() - getOffsetDifference();
+    }
+    return 0;
+  };
+
+  const epochToPicker = (value: number | null | undefined): Date => {
+    if (value != null) {
+      return new Date(value + getOffsetDifference());
+    }
+    return new Date(0);
+  };
+
+  const epochToPickerHeader = (value: number): { d: number, m: number, y: number } => {
+    const date = epochToPicker(value);
+    return { d: date.getDate(), m: date.getMonth(), y: date.getFullYear() };
+  };
+
+  const millisecondToDay = (value: number): number => {
+    return value / 1000 / 60 / 60 / 24;
+  }
+
+  const todayToPicker = (): string => {
+    const date = addMilliseconds(new Date(), -getMachineOffset());
+    date.setSeconds(0, 0);
+    return format(date, ISO_FORMAT);
+  };
+
+  const yesterdayToPicker = (): string => {
+    const yesterday = subDays(new Date(), 1);
+    const date = addMilliseconds(yesterday, -getMachineOffset(yesterday.getTime()));
+    date.setSeconds(0, 0);
+    return format(date, ISO_FORMAT);
+  };
+
+  const parseForPicker = (value: string, dateFormat: string = ISO_FORMAT): number | null => {
+    const date = addMilliseconds(parse(value, dateFormat, new Date()), getUserOffset());
+    if (!isFinite(date.getTime())) {
+      return null;
+    }
+    return date.getTime();
+  };
+
+  const epochToISO = (epoch: number | null): string => {
+    if (epoch != null) {
+      return format(epoch - getMachineOffset(epoch), ISO_FORMAT);
+    }
+    return "";
+  };
+
+  return {
+    todayToEpoch,
+    pickerToEpoch,
+    dayToMillisecond,
+    epochToDayMonthLongOnly,
+    epochToPicker,
+    epochToPickerHeader,
+    epochToLocalDayStart,
+    epochToLocalDayEnd,
+    epochToLongDateFormat,
+    epochToLongTimeFormat,
+    epochToMonthYearOnlyFormat,
+    epochToShortDateFormat,
+    epochToShortTimeFormat,
+    epochToShortTimeOnlyFormat,
+    epochToTimeOnlyFormat,
+    epochToWeekNumber,
+    millisecondToDay,
+    parseForPicker,
+    todayToPicker,
+    yesterdayToPicker,
+    epochToISO
+  };
+}

package/composables/useFiles.ts

@@ -1,8 +1,13 @@
 import { FILE_URL } from "../config/urls";
 
+import { useAppAuthToken, useRouting } from "@dative-gpi/foundation-shared-services/composables";
+
 export const useFiles = () => {
+  const { authToken } = useAppAuthToken();
+  const { openTab } = useRouting();
+
   const downloadFile = (id: string): void => {
-    window.open(FILE_URL(id), "_blank");
+    openTab(FILE_URL(id, authToken.value));
   };
 
   const readFile = (file: File): Promise<string | ArrayBuffer | null> => {

package/composables/useRouting.ts

@@ -0,0 +1,37 @@
+import { type RouteLocation, useRouter } from "vue-router";
+
+import { useAppHost } from "@dative-gpi/foundation-shared-services/composables";
+
+export const useRouting = () => {
+  const { host } = useAppHost();
+  const router = useRouter();
+
+  const handleRoutingEvent = (event: MouseEvent, target: string | RouteLocation, handleDefaultBehavior: boolean = false): void => {
+    // If a redirection is requested, check if it comes from an extension and act accordingly
+    if (event.ctrlKey || event.metaKey || event.button === 1) {
+      event.preventDefault();
+      openTab(target);
+    }
+    else if (handleDefaultBehavior) {
+      router.push(target);
+    }
+  };
+
+  const openTab = (target: string | RouteLocation): void => {
+    // Check if target is a href (string) or a to (RouteLocation), get the absolute url in either case
+    const href = typeof target === "string" ? target : router.resolve(target).href;
+
+    // If the app is in an iframe, open the link in a new tab with the parent iframe host
+    if (window.top != window.self && host.value) {
+      window.open(host.value + href, "_blank");
+    }
+    else {
+      window.open(href, "_blank");
+    }
+  };
+
+  return {
+    handleRoutingEvent,
+    openTab
+  };
+}

package/config/index.ts

@@ -1 +1,2 @@
+export * from "./literals";
 export * from "./urls";

package/config/literals/hubs.ts

@@ -0,0 +1,16 @@
+export const SUBSCRIBE = "Subscribe";
+export const UNSUBSCRIBE = "Unsubscribe";
+
+export const UPDATE_DEVICE_STATUS = "UpdateDeviceStatus";
+
+export const UPDATE_DEVICE_CONNECTIVITY = "UpdateDeviceConnectivity";
+
+export const CREATE_ALERT = "CreateAlert";
+export const UPDATE_ALERT = "UpdateAlert";
+export const REMOVE_ALERT = "RemoveAlert";
+
+export const CREATE_CONNECTIVITY_ALERT = "CreateConnectivityAlert";
+export const UPDATE_CONNECTIVITY_ALERT = "UpdateConnectivityAlert";
+export const REMOVE_CONNECTIVITY_ALERT = "RemoveConnectivityAlert";
+
+export const CREATE_NOTIFICATION = "CreateNotification";

package/config/literals/index.ts

@@ -0,0 +1 @@
+export * as HUBS from "./hubs";

package/config/urls/base.ts

@@ -1 +1,3 @@
-export const GATEWAY_URL = () => "/api/foundation/shared/v1";
+export const GATEWAY_URL = () => "/api/foundation/shared/v1";
+
+export const HUBS_URL = () => "/api/foundation/hubs/v1";

package/config/urls/files.ts

@@ -1,4 +1,10 @@
 import { GATEWAY_URL } from "./base";
 
 export const FILES_URL = () => `${GATEWAY_URL()}/files`;
-export const FILE_URL = (fileId: string) => `${FILES_URL()}/${encodeURIComponent(fileId)}`;
+export const FILE_URL = (fileId: string, accessToken?: string) => {
+  let url = `${FILES_URL()}/${encodeURIComponent(fileId)}`;
+  if (accessToken) {
+    url += `?access_token=${encodeURIComponent(accessToken)}`;
+  }
+  return url;
+};

package/config/urls/images.ts

@@ -3,6 +3,17 @@ import { GATEWAY_URL } from "./base";
 export const IMAGES_URL = () => `${GATEWAY_URL()}/images`;
 
 export const IMAGE_URL = (imageId: string) => `${IMAGES_URL()}/${encodeURIComponent(imageId)}`;
-export const IMAGE_RAW_URL = (imageId: string) => `${IMAGE_URL(imageId)}/raw`;
-
-export const IMAGE_THUMBNAIL_URL = (imageId: string) => `${IMAGE_URL(imageId)}/thumbnail`;
+export const IMAGE_RAW_URL = (imageId: string, accessToken?: string) => {
+  let url = `${IMAGE_URL(imageId)}/raw`;
+  if (accessToken) {
+    url += `?access_token=${encodeURIComponent(accessToken)}`;
+  }
+  return url;
+};
+export const IMAGE_THUMBNAIL_URL = (imageId: string, accessToken?: string) => {
+  let url = `${IMAGE_URL(imageId)}/thumbnail`;
+  if (accessToken) {
+    url += `?access_token=${encodeURIComponent(accessToken)}`;
+  }
+  return url;
+};

package/config/urls/index.ts

@@ -2,8 +2,11 @@ export * from "./authTokens";
 export * from "./files";
 export * from "./images";
 export * from "./languages";
+export * from "./legalInformations";
+export * from "./notifications";
 export * from "./organisations";
 export * from "./terminals";
 export * from "./timeZones";
 export * from "./translations";
+export * from "./userLegalInformations";
 export * from "./users";

package/config/urls/legalInformations.ts

@@ -0,0 +1,4 @@
+import { GATEWAY_URL } from "./base";
+
+export const LEGAL_INFORMATIONS_URL = () => `${GATEWAY_URL()}/legal-informations`;
+export const LEGAL_INFORMATION_CURRENT_URL = () => `${LEGAL_INFORMATIONS_URL()}/current`;

package/config/urls/notifications.ts

@@ -0,0 +1,6 @@
+import { GATEWAY_URL, HUBS_URL } from "./base";
+
+export const NOTIFICATIONS_URL = () => `${GATEWAY_URL()}/notifications`;
+export const NOTIFICATION_URL = (notificationId: string) => `${GATEWAY_URL()}/notifications/${notificationId}`;
+
+export const NOTIFICATIONS_HUB_URL = () => `${HUBS_URL()}/notifications`;

package/config/urls/userLegalInformations.ts

@@ -0,0 +1,3 @@
+import { GATEWAY_URL } from "./base";
+
+export const USER_LEGAL_INFORMATIONS_URL = () => `${GATEWAY_URL()}/user-legal-informations`;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dative-gpi/foundation-shared-services",
   "sideEffects": false,
-  "version": "1.0.26",
+  "version": "1.0.28-remove-deprecated2",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -10,13 +10,13 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.0.26"
+    "@dative-gpi/foundation-shared-domain": "1.0.28-remove-deprecated2"
   },
   "peerDependencies": {
-    "@dative-gpi/bones-ui": "^0.0.75",
+    "@dative-gpi/bones-ui": "^1.0.0",
     "@microsoft/signalr": "^8.0.0",
-    "vue": "^3.4.29",
+    "vue": "^3.4.38",
     "vue-router": "^4.3.0"
   },
-  "gitHead": "55c73ec6624ef58f78303ce68256236984c83ca9"
+  "gitHead": "65c182fd697939a07ad87c683a2f4c2fb765a7c7"
 }

package/tools/hubFactory.ts

@@ -28,7 +28,12 @@ export class HubFactory {
                     })
                 }
                 if (connection.state !== signalR.HubConnectionState.Connected) {
-                    await connection.start();
+                    try {
+                        await connection.start();
+                    }
+                    catch {
+                        return;
+                    }
                 }
                 if (!subscribed) {
                     await init(connection);

package/composables/app/useExtensionJwt.ts

@@ -1,17 +0,0 @@
-import { computed, ref } from "vue";
-
-const jwt = ref<string | undefined>(undefined);
-
-export const useExtensionJwt = () => {
-    const setExtensionJwt = (payload: string) => {
-        jwt.value = payload;
-    };
-
-    const ready = computed(() => jwt.value !== null);
-
-    return {
-        jwt,
-        ready,
-        setExtensionJwt
-    };
-}