@fluid-topics/ft-viewer 2.2.16 → 2.2.18

package/build/asset/components/registration.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { applyMixinOnce, } from "@fluid-topics/ft-wc-utils";
 import { state } from "lit/decorators.js";
 import { consume, createContext, } from "@lit/context";
-export const assetViewerStateManagerContext = createContext(Symbol("asset-viewer-state-manager"));
+export const assetViewerStateManagerContext = createContext("asset-viewer-state-manager");
 export const toFtAssetViewerComponent = applyMixinOnce(Symbol("toFtAssetViewerComponent"), function (ReduxClass) {
     class FtAssetViewerComponentClass extends ReduxClass {
         willUpdate(props) {

package/build/asset/ft-asset-viewer-context.d.ts

@@ -10,7 +10,7 @@ export declare class FtAssetViewerContext extends FtLitElementRedux implements F
     viewerStateManager: FtAssetViewerStateManager;
     protected render(): import("lit-html").TemplateResult<1>;
     protected willUpdate(props: PropertyValues<FtAssetViewerContext>): void;
-    private initStateManager;
+    load(): Promise<void>;
     connectedCallback(): void;
     onAuthenticationChange(): void;
 }

package/build/asset/ft-asset-viewer-context.js

@@ -25,10 +25,10 @@ export class FtAssetViewerContext extends FtLitElementRedux {
     willUpdate(props) {
         super.willUpdate(props);
         if (props.has("documentId") || props.has("assetId") || props.has("origin")) {
-            this.initStateManager();
+            this.load();
         }
     }
-    async initStateManager() {
+    async load() {
         try {
             const state = await this.viewerStateManager.init(this.documentId, this.assetId, this.origin);
             if (this.documentId && this.assetId && this.origin) {
@@ -42,6 +42,7 @@ export class FtAssetViewerContext extends FtLitElementRedux {
     connectedCallback() {
         super.connectedCallback();
         this.addStore(ftAppInfoStore);
+        this.load();
     }
     onAuthenticationChange() {
         this.viewerStateManager.reload();

package/build/asset/model/FtAssetViewerStateManager.js

@@ -6,7 +6,7 @@ export class FtAssetViewerStateManager extends FtViewerStateManager {
         return new FtAssetViewerStateManager(createViewerStore(viewerId), new FtAssetViewerService());
     }
     constructor(store, service) {
-        super(store);
+        super(store, service);
         this.store = store;
         this.service = service;
     }

package/build/common/model/FtViewerStateManager.d.ts

@@ -1,8 +1,11 @@
 import { FtStateManager } from "@fluid-topics/ft-wc-utils";
 import { FtViewerReduxStore } from "./FtViewerReduxStore";
+import { FtServiceWithCache } from "@fluid-topics/ft-app-context";
 export declare abstract class FtViewerStateManager extends FtStateManager {
     store: FtViewerReduxStore;
-    protected constructor(store: FtViewerReduxStore);
+    service: FtServiceWithCache;
+    protected constructor(store: FtViewerReduxStore, service: FtServiceWithCache);
+    abstract clear(): void;
     setZoom(zoom: number | undefined): void;
     setRotation(rotation: number): void;
 }

package/build/common/model/FtViewerStateManager.js

@@ -1,8 +1,14 @@
 import { FtStateManager } from "@fluid-topics/ft-wc-utils";
+import { AuthenticationChangeEvent, ftAppInfoStore, } from "@fluid-topics/ft-app-context";
 export class FtViewerStateManager extends FtStateManager {
-    constructor(store) {
+    constructor(store, service) {
         super();
         this.store = store;
+        this.service = service;
+        ftAppInfoStore.addEventListener(AuthenticationChangeEvent.eventName, () => {
+            service.clearCache();
+            this.clear();
+        });
     }
     setZoom(zoom) {
         this.store.actions.setZoom(zoom);