@fluid-topics/ft-app-context 1.1.81 → 1.1.83

package/build/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./mixins/withDateFormat";
 export * from "./redux-stores/FtAppInfoStore";
 export * from "./redux-stores/FtUserAssetsStore";
 export * from "./services";

package/build/index.js

@@ -1,5 +1,6 @@
 import { customElement } from "@fluid-topics/ft-wc-utils";
 import { FtAppContext } from "./ft-app-context";
+export * from "./mixins/withDateFormat";
 export * from "./redux-stores/FtAppInfoStore";
 export * from "./redux-stores/FtUserAssetsStore";
 export * from "./services";

package/build/mixins/withDateFormat.d.ts

@@ -0,0 +1,11 @@
+import { FtLitElementRedux } from "@fluid-topics/ft-wc-utils/build/redux";
+import { PropertyValues } from "lit";
+import { Constructor } from "@fluid-topics/ft-wc-utils/build/generic-types";
+import { FtMetadata } from "@fluid-topics/public-api";
+export type FtLitElementWithDateFormatInterface = {
+    dateFormatOptionsChanged(props: PropertyValues): boolean;
+    formatDateValues(metadata?: FtMetadata): FtMetadata | undefined;
+};
+type FtLitElementWithDateFormatType<T extends Constructor<FtLitElementRedux>> = T & Constructor<FtLitElementWithDateFormatInterface>;
+export declare function withDateFormat<T extends Constructor<FtLitElementRedux>>(Class: T): FtLitElementWithDateFormatType<T>;
+export {};

package/build/mixins/withDateFormat.js

@@ -0,0 +1,54 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { property } from "lit/decorators.js";
+import { redux } from "@fluid-topics/ft-wc-utils/build/redux";
+import { DateFormatter } from "@fluid-topics/ft-wc-utils/build/DateFormatter";
+import { ftAppInfoStore } from "../redux-stores/FtAppInfoStore";
+export function withDateFormat(Class) {
+    class FtLitElementWithDateFormatClass extends Class {
+        constructor(...props) {
+            super(props);
+            this.useLongDateFormat = false;
+            this.useDateTimeFormat = false;
+            this.metadataDescriptors = [];
+            this.uiLocale = "en-US";
+            this.addStore(ftAppInfoStore);
+        }
+        dateFormatOptionsChanged(props) {
+            return props.has("metadataDescriptors")
+                || props.has("useLongDateFormat")
+                || props.has("useDateTimeFormat")
+                || props.has("uiLocale");
+        }
+        formatDateValues(metadata) {
+            var _a, _b;
+            const isDateMetadata = (_b = (_a = this.metadataDescriptors.find(descriptor => descriptor.key === (metadata === null || metadata === void 0 ? void 0 : metadata.key))) === null || _a === void 0 ? void 0 : _a.date) !== null && _b !== void 0 ? _b : false;
+            return isDateMetadata ? this.formatMetadataDates(metadata) : metadata;
+        }
+        formatMetadataDates(metadata) {
+            return {
+                key: metadata.key,
+                label: metadata.label,
+                values: metadata.values.map(date => DateFormatter.format(date, this.uiLocale, this.useLongDateFormat, this.useDateTimeFormat)),
+                hierarchicalValues: metadata.hierarchicalValues
+            };
+        }
+    }
+    __decorate([
+        property({ type: Boolean })
+    ], FtLitElementWithDateFormatClass.prototype, "useLongDateFormat", void 0);
+    __decorate([
+        property({ type: Boolean })
+    ], FtLitElementWithDateFormatClass.prototype, "useDateTimeFormat", void 0);
+    __decorate([
+        redux({ store: ftAppInfoStore.name, selector: (s) => { var _a, _b; return (_b = (_a = s.metadataConfiguration) === null || _a === void 0 ? void 0 : _a.descriptors) !== null && _b !== void 0 ? _b : []; } })
+    ], FtLitElementWithDateFormatClass.prototype, "metadataDescriptors", void 0);
+    __decorate([
+        redux({ store: ftAppInfoStore.name })
+    ], FtLitElementWithDateFormatClass.prototype, "uiLocale", void 0);
+    return FtLitElementWithDateFormatClass;
+}

package/build/redux-stores/FtAppInfoStore.d.ts

@@ -1,5 +1,6 @@
 import { FtReduxStore, Optional } from "@fluid-topics/ft-wc-utils";
 import { FtMetadataConfiguration, FtSession, FtUiLocale } from "@fluid-topics/public-api";
+import { PayloadAction } from "@reduxjs/toolkit";
 export declare const FtAppInfoStoreName = "ft-app-info";
 export interface FtAppInfoState {
     baseUrl: Optional<string>;
@@ -15,7 +16,12 @@ export interface FtAppInfoState {
     navigatorOnline: boolean;
     forcedOffline: boolean;
 }
-declare const reducers: {};
+export declare class AuthenticationChangeEvent extends CustomEvent<Optional<FtSession>> {
+    constructor(session: Optional<FtSession>);
+}
+declare const reducers: {
+    session: (state: FtAppInfoState, action: PayloadAction<Optional<FtSession>>) => void;
+};
 export type FtAppInfoStateReducers = typeof reducers;
 export type FtAppInfoStore = FtReduxStore<FtAppInfoState, FtAppInfoStateReducers>;
 export declare const ftAppInfoStore: FtAppInfoStore;

package/build/redux-stores/FtAppInfoStore.js

@@ -1,6 +1,18 @@
-import { FtReduxStore } from "@fluid-topics/ft-wc-utils";
+import { deepEqual, FtReduxStore } from "@fluid-topics/ft-wc-utils";
 export const FtAppInfoStoreName = "ft-app-info";
-const reducers = {};
+export class AuthenticationChangeEvent extends CustomEvent {
+    constructor(session) {
+        super("authentication-change", { detail: session });
+    }
+}
+const reducers = {
+    session: (state, action) => {
+        if (!deepEqual(state.session, action.payload)) {
+            state.session = action.payload;
+            setTimeout(() => ftAppInfoStore.eventBus.dispatchEvent(new AuthenticationChangeEvent(action.payload)), 0);
+        }
+    }
+};
 export const ftAppInfoStore = FtReduxStore.get({
     name: FtAppInfoStoreName,
     reducers: reducers,

package/build/services/DateService.d.ts

@@ -0,0 +1,15 @@
+declare global {
+    interface Window {
+        FluidTopicsDateService: DateService;
+    }
+}
+interface DateServiceFormatOptions {
+    locale?: string;
+    longFormat?: boolean;
+    withTime?: boolean;
+}
+export declare class DateService {
+    isDate(metadataKey: string): boolean;
+    format(date: string, options?: DateServiceFormatOptions): string;
+}
+export {};

package/build/services/DateService.js

@@ -0,0 +1,14 @@
+import { DateFormatter } from "@fluid-topics/ft-wc-utils";
+import { ftAppInfoStore } from "../redux-stores/FtAppInfoStore";
+export class DateService {
+    isDate(metadataKey) {
+        var _a, _b, _c, _d;
+        const descriptors = (_b = (_a = ftAppInfoStore.getState().metadataConfiguration) === null || _a === void 0 ? void 0 : _a.descriptors) !== null && _b !== void 0 ? _b : [];
+        return (_d = (_c = descriptors.find(descriptor => descriptor.key === metadataKey)) === null || _c === void 0 ? void 0 : _c.date) !== null && _d !== void 0 ? _d : false;
+    }
+    format(date, options) {
+        var _a, _b, _c;
+        return DateFormatter.format(date, (_a = options === null || options === void 0 ? void 0 : options.locale) !== null && _a !== void 0 ? _a : ftAppInfoStore.getState().uiLocale, (_b = options === null || options === void 0 ? void 0 : options.longFormat) !== null && _b !== void 0 ? _b : false, (_c = options === null || options === void 0 ? void 0 : options.withTime) !== null && _c !== void 0 ? _c : false);
+    }
+}
+window.FluidTopicsDateService = new DateService();

package/build/services/FtI18nService.d.ts

@@ -16,6 +16,10 @@ export declare class FtI18nServiceInternalClass extends FtServiceWithCache {
     constructor(messageContextProvider: (locale: string, name: string) => Promise<FtMessageContext>);
     [clearAfterUnitTest]: () => void;
     private clearWhenUiLocaleChanges;
+    /**
+     * ⚠️ Only use in GWT or unit test contexts
+     * @param context
+     */
     addContext(context: FtMessageContext): void;
     getAllContexts(): Array<FtMessageContext>;
     prepareContext(name: string, defaultMessages: Record<string, string>): Promise<void>;

package/build/services/FtI18nService.js

@@ -26,6 +26,10 @@ export class FtI18nServiceInternalClass extends FtServiceWithCache {
             this.notifyAll();
         }
     }
+    /**
+     * ⚠️ Only use in GWT or unit test contexts
+     * @param context
+     */
     addContext(context) {
         const name = context.name.toLowerCase();
         this.cache.setFinal(name, context);

package/build/services/FtServiceWithCache.d.ts

@@ -1,11 +1,11 @@
 import { CacheRegistry } from "@fluid-topics/ft-wc-utils";
-import { FluidTopicsApi } from "@fluid-topics/public-api";
+import type { FluidTopicsApi } from "@fluid-topics/public-api";
 export declare class FtServiceWithCache {
     private overrideApi?;
     static commonCache: CacheRegistry;
     cache: CacheRegistry;
     constructor(withCommonCache?: boolean, overrideApi?: FluidTopicsApi | undefined);
     protected get api(): FluidTopicsApi;
-    protected get awaitApi(): FluidTopicsApi | Promise<FluidTopicsApi>;
+    protected get awaitApi(): Promise<FluidTopicsApi>;
     clearCache(): void;
 }

package/build/services/FtServiceWithCache.js

@@ -14,8 +14,7 @@ export class FtServiceWithCache {
         return (_a = this.overrideApi) !== null && _a !== void 0 ? _a : FluidTopicsApiProvider.get();
     }
     get awaitApi() {
-        var _a;
-        return (_a = this.overrideApi) !== null && _a !== void 0 ? _a : FluidTopicsApiProvider.await();
+        return this.overrideApi ? Promise.resolve(this.overrideApi) : FluidTopicsApiProvider.await();
     }
     clearCache() {
         this.cache.clearAll();

package/build/services/index.d.ts

@@ -5,3 +5,4 @@ export * from "./FtI18nService";
 export * from "./FtServiceWithCache";
 export * from "./HighlightHtmlService";
 export * from "./SavedSearchesService";
+export * from "./DateService";

package/build/services/index.js

@@ -5,3 +5,4 @@ export * from "./FtI18nService";
 export * from "./FtServiceWithCache";
 export * from "./HighlightHtmlService";
 export * from "./SavedSearchesService";
+export * from "./DateService";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-app-context",
-  "version": "1.1.81",
+  "version": "1.1.83",
   "description": "Global application context for Fluid Topics integrations",
   "keywords": [
     "Lit"
@@ -19,11 +19,11 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-wc-utils": "1.1.81",
+    "@fluid-topics/ft-wc-utils": "1.1.83",
     "lit": "3.1.0"
   },
   "devDependencies": {
-    "@fluid-topics/public-api": "1.0.70"
+    "@fluid-topics/public-api": "1.0.71"
   },
-  "gitHead": "5dea8a4771738158973c6e7abcd669b1ba24d778"
+  "gitHead": "2ca7449aa6df93b0b6ba0794e695aa3f605f38bf"
 }