@finsemble/finsemble-ui 10.0.0-beta.3 → 10.0.0-iocd.2

package/react/components/FinsembleProvider.js

@@ -1,22 +1,34 @@
 import * as React from "react";
-import { store } from "../store";
-import { Provider } from "react-redux";
+import { store, createStore } from "../store";
+import { Provider, createDispatchHook, createSelectorHook } from "react-redux";
 import { useState, useEffect } from "react";
-export const FinsembleProvider = ({ children }) => {
+import { FEAGlobals } from "../../common/Globals";
+import { useFloatingFocus } from "../hooks/useFloatingFocus";
+export { createStore };
+export const reduxContext = React.createContext(null);
+/** Strongly typed version of useDispatch from react-redux.
+ * https://react-redux.js.org/api/hooks#usedispatch */
+export const useDispatch = createDispatchHook(reduxContext);
+/** Strongly typed version of useSelector from react-redux.
+ * https://react-redux.js.org/api/hooks#useselector */
+export const useSelector = createSelectorHook(reduxContext);
+export const FinsembleProvider = (props) => {
     const [ready, setReady] = useState(false);
+    if (props.floatingFocus !== false)
+        useFloatingFocus();
     useEffect(() => {
+        var _a;
         if (ready)
             return;
         const release = () => {
             setReady(true);
         };
-        if (window.FSBL) {
-            window.FSBL.addEventListener("onReady", release);
-        }
-        else {
-            window.addEventListener("FSBLReady", release);
-        }
+        // We need to check to make sure FSBL exists because this code may run in a preload, before
+        // FSBL has been injected, in which case we need to wait on the window listener
+        window.FSBL && ((_a = FEAGlobals.FSBL) === null || _a === void 0 ? void 0 : _a.addEventListener)
+            ? FEAGlobals.FSBL.addEventListener("onReady", release)
+            : window.addEventListener("FEAGlobals.FSBLReady", release);
     }, [ready]);
-    return ready ? React.createElement(Provider, { store: store }, children) : null;
+    return ready ? (React.createElement(Provider, { context: reduxContext, store: props.store || store }, props.children)) : null;
 };
 //# sourceMappingURL=FinsembleProvider.js.map

package/react/components/FinsembleProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinsembleProvider.js","sourceRoot":"","sources":["../../src/components/FinsembleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,CAAC,MAAM,iBAAiB,GAA4B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK;YAAE,OAAO;QAClB,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,IAAI,MAAM,CAAC,IAAI,EAAE;YAChB,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;SACjD;aAAM;YACN,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;SAC9C;IACF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAY,CAAC,CAAC,CAAC,IAAI,CAAC;AACrE,CAAC,CAAC","sourcesContent":["import * as React from \"react\";\r\nimport { store } from \"../store\";\r\nimport { Provider } from \"react-redux\";\r\nimport { useState, useEffect } from \"react\";\r\n\r\n/**\r\n * The <FinsembleProvider> must be an ancestor of any Finsemble React UI components or hooks.\r\n * It manages FSBL initialization (ensuring that all components and hooks are operating with a properly initialized API.)\r\n * It also constructs the UI API's redux store and makes it available through a Context Provider for all descendent components and hooks.\r\n *\r\n * The <FinsembleProvider> will render its children.\r\n */\r\nexport const FinsembleProvider: React.FunctionComponent = ({ children }) => {\r\n\tconst [ready, setReady] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (ready) return;\r\n\t\tconst release = () => {\r\n\t\t\tsetReady(true);\r\n\t\t};\r\n\t\tif (window.FSBL) {\r\n\t\t\twindow.FSBL.addEventListener(\"onReady\", release);\r\n\t\t} else {\r\n\t\t\twindow.addEventListener(\"FSBLReady\", release);\r\n\t\t}\r\n\t}, [ready]);\r\n\r\n\treturn ready ? <Provider store={store}>{children}</Provider> : null;\r\n};\r\n"]}
+{"version":3,"file":"FinsembleProvider.js","sourceRoot":"","sources":["../../../../src/ui/components/FinsembleProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAI7D,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,MAAM,CAAC,MAAM,YAAY,GAAQ,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AAE3D;sDACsD;AACtD,MAAM,CAAC,MAAM,WAAW,GAAoC,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAE7F;sDACsD;AACtD,MAAM,CAAC,MAAM,WAAW,GAAqD,kBAAkB,CAAC,YAAY,CAAC,CAAC;AAmB9G,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE1C,IAAI,KAAK,CAAC,aAAa,KAAK,KAAK;QAAE,gBAAgB,EAAE,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;;QACd,IAAI,KAAK;YAAE,OAAO;QAClB,MAAM,OAAO,GAAG,GAAG,EAAE;YACpB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,2FAA2F;QAC3F,+EAA+E;QAC9E,MAAc,CAAC,IAAI,KAAI,MAAA,UAAU,CAAC,IAAI,0CAAE,gBAAgB,CAAA;YACxD,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC;YACtD,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,KAAK,CAAC,CAAC,CAAC,CACd,oBAAC,QAAQ,IAAC,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,IAC1D,KAAK,CAAC,QAAQ,CACL,CACX,CAAC,CAAC,CAAC,IAAI,CAAC;AACV,CAAC,CAAC"}

package/react/components/appCatalog/AppCatalog.d.ts

@@ -3,4 +3,12 @@
  * All rights reserved.
  */
 /// <reference types="react" />
+/**
+ * @deprecated This feature is deprecated. It is no longer supported and will likely go away in the future. Please contact
+ * support@finsemble.com if you are using this component.
+ *
+ * A UI component that stores all the applications and allows the end user to add, remove, browse, or launch an application
+ * from the app catalog window.
+ */
 export declare const AppCatalog: () => JSX.Element;
+//# sourceMappingURL=AppCatalog.d.ts.map

package/react/components/appCatalog/AppCatalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalog.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAQH;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,mBAmBtB,CAAC"}

package/react/components/appCatalog/AppCatalog.js

@@ -6,8 +6,21 @@ import React, { useState, useEffect } from "react";
 import { createStore } from "./stores/appStore";
 import { AppCatalogComponent } from "./AppCatalogComponent";
 import storeActions from "./stores/storeActions";
+import { useTitle } from "../../hooks/useTitle";
+/**
+ * @deprecated This feature is deprecated. It is no longer supported and will likely go away in the future. Please contact
+ * support@finsemble.com if you are using this component.
+ *
+ * A UI component that stores all the applications and allows the end user to add, remove, browse, or launch an application
+ * from the app catalog window.
+ */
 export const AppCatalog = () => {
     const [isReady, setIsReady] = useState(false);
+    useTitle("App Catalog");
+    // Add styles to the app catalog window's body.
+    useEffect(() => {
+        document.body.classList.add("app-catalog-body");
+    }, []);
     useEffect(() => {
         createStore(() => {
             storeActions.initialize(() => {

package/react/components/appCatalog/AppCatalog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppCatalog.js","sourceRoot":"","sources":["../../../src/components/appCatalog/AppCatalog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,YAAY,MAAM,uBAAuB,CAAC;AAMjD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,OAAO,0CAAG,OAAO,IAAI,oBAAC,mBAAmB,OAAG,CAAI,CAAC;AAClD,CAAC,CAAC","sourcesContent":["/*!\r\n * Copyright 2017 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { createStore } from \"./stores/appStore\";\r\nimport { AppCatalogComponent } from \"./AppCatalogComponent\";\r\nimport storeActions from \"./stores/storeActions\";\r\n\r\n/**\r\n * A UI component that stores all the applications and allows the end user to add, remove, browse, or launch an application\r\n * from the app catalog window.\r\n */\r\nexport const AppCatalog = () => {\r\n\tconst [isReady, setIsReady] = useState(false);\r\n\tuseEffect(() => {\r\n\t\tcreateStore(() => {\r\n\t\t\tstoreActions.initialize(() => {\r\n\t\t\t\tsetIsReady(true);\r\n\t\t\t});\r\n\t\t});\r\n\t\treturn () => {};\r\n\t});\r\n\treturn <>{isReady && <AppCatalogComponent />}</>;\r\n};\r\n"]}
+{"version":3,"file":"AppCatalog.js","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalog.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC9B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,QAAQ,CAAC,aAAa,CAAC,CAAC;IAExB,+CAA+C;IAC/C,SAAS,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;IACjD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACd,WAAW,CAAC,GAAG,EAAE;YAChB,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE;gBAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IACH,OAAO,0CAAG,OAAO,IAAI,oBAAC,mBAAmB,OAAG,CAAI,CAAC;AAClD,CAAC,CAAC"}

package/react/components/appCatalog/AppCatalogComponent.d.ts

@@ -1,24 +1,99 @@
+/**
+ * @deprecated This feature is deprecated. It is no longer supported and will likely go away in the future. Please contact
+ * support@finsemble.com if you are using this component.
+ */
 export class AppCatalogComponent extends React.Component<any, any, any> {
     constructor(props: any);
+    state: {
+        apps: never[];
+        isLoading: boolean;
+        serverError: boolean;
+        installed: never[];
+        tags: never[];
+        installationActionTaken: null;
+    };
     bindCorrectContext(): void;
     addedAppsChanged(): void;
+    /**
+     * Force an update. Used to update from store listeners.
+     *
+     * @memberof AppMarket
+     */
     update(): void;
+    /**
+     * Action to take when the back button is clicked (which just goes home)
+     */
     goHome(): void;
+    /**
+     * Calls the store to add a tag to the activeTag list. Also updates the app view to switch to the AppResults page (since adding a tag implies filtering has begun)
+     * @param {string} tag The name of the tag to add
+     */
     addTag(tag: string): void;
+    /**
+     * Calls the store to remove a tag from the activeTag list. Also updates the app view to switch to the homepage if all tags have been removed
+     * @param {string} tag The name of the tag to add
+     */
     removeTag(tag: string): void;
+    /**
+     * Performs a search through the catalog
+     * @param {string} search The text to search the catalog with
+     */
     changeSearch(search: string): void;
+    /**
+     * Opens the AppShowcase page for the app supplied
+     */
     openAppShowcase(): void;
+    /**
+     * When the notification for installing/removing an app is shown a timeout is set to call this function to cease showing the notification
+     */
     stopShowingInstalledNotification(): void;
+    /**
+     * Compiles a list of apps that are installed from the information received back from appd
+     * and the information contained on the system
+     * @param {boolean} filtered If true, uses the filtered apps array. Otherwise uses all apps
+     */
     compileAddedInfo(filtered: boolean): any;
     getPageContents(): JSX.Element;
+    /**
+     * Determines the apps page based on the state of the activeTags, search text, etc
+     */
     determineActivePage(): string | undefined;
     navigateToShowcase(id: any): void;
     viewApp(error: any, event: any): void;
+    /**
+     * Checks if we have an activeApp defined
+     *
+     * @returns {boolean}
+     * @memberof AppMarket
+     */
     isActiveApp(): boolean;
-    getActiveTags(): any;
+    /**
+     * Returns the active tags from the store
+     *
+     * @returns {array} activeTags
+     * @memberof AppMarket
+     */
+    getActiveTags(): any[];
+    UNSAFE_componentWillMount(): void;
     _asyncAppRequest: Promise<void> | undefined;
     _asyncTagsRequest: Promise<void> | undefined;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    /**
+     * Returns the activeApp from the Store
+     *
+     * @returns {string} activeApp
+     * @memberof AppMarket
+     */
     getActiveApp(): string;
+    /**
+     * Returns the filtered list of apps from search
+     *
+     * @returns {object} filteredApps
+     * @memberof AppMarket
+     */
     getFilteredApps(): object;
+    render(): JSX.Element;
 }
 import React from "react";
+//# sourceMappingURL=AppCatalogComponent.d.ts.map

package/react/components/appCatalog/AppCatalogComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCatalogComponent.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalogComponent.jsx"],"names":[],"mappings":"AAaA;;;GAGG;AACH;IACC,wBAWC;IATA;;;;;;;MAOC;IAIF,2BAgBC;IAwFD,yBAsBC;IAED;;;;OAIG;IACH,eAEC;IA+ED;;OAEG;IACH,eAEC;IArBD;;;OAGG;IACH,YAFW,MAAM,QAIhB;IAED;;;OAGG;IACH,eAFW,MAAM,QAIhB;IASD;;;OAGG;IACH,qBAFW,MAAM,QAIhB;IAeD;;OAEG;IACH,wBAUC;IA1BD;;OAEG;IACH,yCAIC;IAqBD;;;;OAIG;IACH,2BAFW,OAAO,OAgBjB;IAED,+BAqCC;IAlLD;;OAEG;IACH,0CAgBC;IAkFD,kCAEC;IA5ID,sCAEC;IAkED;;;;;OAKG;IACH,eAHa,OAAO,CAKnB;IAED;;;;;OAKG;IACH,uBAEC;IAvKD,kCA+CC;IAtCE,4CAiBG;IAIL,6CAgBG;IAGJ,0BAYC;IAED,6BAgBC;IA4DD;;;;;OAKG;IACH,gBAHa,MAAM,CAKlB;IAsBD;;;;;OAKG;IACH,mBAHa,MAAM,CAKlB;IAyHD,sBA4CC;CACD"}

package/react/components/appCatalog/AppCatalogComponent.js

@@ -1,11 +1,17 @@
 import React from "react";
+// components
 import SearchBar from "./components/SearchBar";
 import Home from "./components/Home";
 import AppResults from "./components/AppResults";
 import AppShowcase from "./components/Showcase/AppShowcase";
+// data
 import { getStore } from "./stores/appStore";
 import storeActions from "./stores/storeActions";
-import "../../ui-assets/css/appCatalog.css";
+import "../../assets/css/appCatalog.css";
+/**
+ * @deprecated This feature is deprecated. It is no longer supported and will likely go away in the future. Please contact
+ * support@finsemble.com if you are using this component.
+ */
 export class AppCatalogComponent extends React.Component {
     constructor(props) {
         super(props);
@@ -15,7 +21,7 @@ export class AppCatalogComponent extends React.Component {
             serverError: false,
             installed: [],
             tags: [],
-            installationActionTaken: null,
+            installationActionTaken: null, // type: string | null
         };
         this.bindCorrectContext();
     }
@@ -36,7 +42,10 @@ export class AppCatalogComponent extends React.Component {
         this.isActiveApp = this.isActiveApp.bind(this);
         this.getActiveTags = this.getActiveTags.bind(this);
     }
+    // eslint-disable-next-line react/no-deprecated
     UNSAFE_componentWillMount() {
+        // For more information on async react rendering, see here
+        // https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html
         this.setState({
             isLoading: true,
         }, () => {
@@ -76,6 +85,7 @@ export class AppCatalogComponent extends React.Component {
         getStore().addListener({ field: "filteredApps" }, this.update);
         getStore().addListener({ field: "activeTags" }, this.update);
         getStore().addListener({ field: "activeApp" }, this.openAppShowcase);
+        // Get notified when user wants to view an app
         FSBL.Clients.RouterClient.addListener("viewApp", this.viewApp);
         let installed = storeActions.getInstalledApps();
         this.setState({
@@ -87,7 +97,9 @@ export class AppCatalogComponent extends React.Component {
         getStore().removeListener({ field: "filteredApps" }, this.update);
         getStore().removeListener({ field: "activeTags" }, this.update);
         getStore().removeListener({ field: "activeApp" }, this.openAppShowcase);
+        // Get notified when user wants to view an app
         FSBL.Clients.RouterClient.removeListener("viewApp", this.viewApp);
+        // Make sure async requests have finished.
         if (this._asyncAppRequest && this._asyncAppRequest.cancel) {
             this._asyncAppRequest.cancel();
         }
@@ -101,9 +113,11 @@ export class AppCatalogComponent extends React.Component {
     addedAppsChanged() {
         let action;
         if (this.state.installed.length > Object.keys(storeActions.getInstalledApps()).length) {
+            // If the components installed apps is greater than that of the store, that means an app was removed
             action = "remove";
         }
         else if (this.state.installed.length < Object.keys(storeActions.getInstalledApps()).length) {
+            // If the component's installed apps is less than that of the store, that means an app was added
             action = "add";
         }
         if (action) {
@@ -116,9 +130,17 @@ export class AppCatalogComponent extends React.Component {
             });
         }
     }
+    /**
+     * Force an update. Used to update from store listeners.
+     *
+     * @memberof AppMarket
+     */
     update() {
         this.forceUpdate();
     }
+    /**
+     * Determines the apps page based on the state of the activeTags, search text, etc
+     */
     determineActivePage() {
         const activeTags = this.getActiveTags();
         const filteredApps = this.getFilteredApps();
@@ -136,30 +158,72 @@ export class AppCatalogComponent extends React.Component {
         }
         return page;
     }
+    /**
+     * Returns the activeApp from the Store
+     *
+     * @returns {string} activeApp
+     * @memberof AppMarket
+     */
     getActiveApp() {
         return storeActions.getActiveApp();
     }
+    /**
+     * Checks if we have an activeApp defined
+     *
+     * @returns {boolean}
+     * @memberof AppMarket
+     */
     isActiveApp() {
         return storeActions.getActiveApp() !== null;
     }
+    /**
+     * Returns the active tags from the store
+     *
+     * @returns {array} activeTags
+     * @memberof AppMarket
+     */
     getActiveTags() {
         return storeActions.getActiveTags();
     }
+    /**
+     * Returns the filtered list of apps from search
+     *
+     * @returns {object} filteredApps
+     * @memberof AppMarket
+     */
     getFilteredApps() {
         return storeActions.getFilteredApps();
     }
+    /**
+     * Calls the store to add a tag to the activeTag list. Also updates the app view to switch to the AppResults page (since adding a tag implies filtering has begun)
+     * @param {string} tag The name of the tag to add
+     */
     addTag(tag) {
         storeActions.addTag(tag);
     }
+    /**
+     * Calls the store to remove a tag from the activeTag list. Also updates the app view to switch to the homepage if all tags have been removed
+     * @param {string} tag The name of the tag to add
+     */
     removeTag(tag) {
         storeActions.removeTag(tag);
     }
+    /**
+     * Action to take when the back button is clicked (which just goes home)
+     */
     goHome() {
         storeActions.goHome();
     }
+    /**
+     * Performs a search through the catalog
+     * @param {string} search The text to search the catalog with
+     */
     changeSearch(search) {
         storeActions.searchApps(search);
     }
+    /**
+     * When the notification for installing/removing an app is shown a timeout is set to call this function to cease showing the notification
+     */
     stopShowingInstalledNotification() {
         this.setState({
             installationActionTaken: null,
@@ -168,6 +232,9 @@ export class AppCatalogComponent extends React.Component {
     navigateToShowcase(id) {
         storeActions.openApp(id);
     }
+    /**
+     * Opens the AppShowcase page for the app supplied
+     */
     openAppShowcase() {
         let app = storeActions.getActiveApp();
         if (app !== null) {
@@ -177,16 +244,15 @@ export class AppCatalogComponent extends React.Component {
         }
         this.forceUpdate();
     }
+    /**
+     * Compiles a list of apps that are installed from the information received back from appd
+     * and the information contained on the system
+     * @param {boolean} filtered If true, uses the filtered apps array. Otherwise uses all apps
+     */
     compileAddedInfo(filtered) {
-        let { installed } = this.state;
-        let forceSearch = storeActions.getForceSearch();
-        let apps;
-        if (filtered || forceSearch) {
-            apps = storeActions.getFilteredApps();
-        }
-        else {
-            apps = this.state.apps;
-        }
+        const { installed } = this.state;
+        const forceSearch = storeActions.getForceSearch();
+        const apps = filtered || forceSearch ? storeActions.getFilteredApps() : this.state.apps;
         return apps.map((app) => {
             if (installed.includes(app.appId)) {
                 app.installed = true;
@@ -201,17 +267,18 @@ export class AppCatalogComponent extends React.Component {
         const filteredApps = this.getFilteredApps();
         const activeTags = this.getActiveTags();
         let activePage = this.determineActivePage();
-        let apps = this.compileAddedInfo(filteredApps.length > 0);
+        const apps = this.compileAddedInfo(filteredApps.length > 0);
+        // Force default case if activePage isn't search and apps.length is 0
         if (apps.length === 0 && activePage !== "appSearch")
             activePage = -1;
+        const theApp = this.compileAddedInfo(false).find((app) => this.getActiveApp() === app.appId);
         switch (activePage) {
             case "home":
                 return (React.createElement(Home, { tags: this.state.tags, cards: apps, seeMore: this.addTag, addApp: this.addApp, removeApp: this.removeApp, addTag: this.addTag, viewAppShowcase: this.navigateToShowcase }));
             case "appSearch":
                 return (React.createElement(AppResults, { cards: apps, tags: activeTags, addApp: this.addApp, removeApp: this.removeApp, viewAppShowcase: this.navigateToShowcase, addTag: this.addTag }));
             case "showcase":
-                let app = this.compileAddedInfo(false).find((app) => this.getActiveApp() === app.appId);
-                return React.createElement(AppShowcase, { app: app, addApp: this.addApp, removeApp: this.removeApp, addTag: this.addTag });
+                return React.createElement(AppShowcase, { app: theApp, addApp: this.addApp, removeApp: this.removeApp, addTag: this.addTag });
             default:
                 return React.createElement("div", null);
         }

package/react/components/appCatalog/AppCatalogComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppCatalogComponent.js","sourceRoot":"","sources":["../../../src/components/appCatalog/AppCatalogComponent.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\n// components\r\nimport SearchBar from \"./components/SearchBar\";\r\nimport Home from \"./components/Home\";\r\nimport AppResults from \"./components/AppResults\";\r\nimport AppShowcase from \"./components/Showcase/AppShowcase\";\r\n\r\n// data\r\nimport { getStore } from \"./stores/appStore\";\r\nimport storeActions from \"./stores/storeActions\";\r\n\r\nimport \"../../ui-assets/css/appCatalog.css\";\r\n\r\nexport class AppCatalogComponent extends React.Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\t\tthis.state = {\r\n\t\t\tapps: [],\r\n\t\t\tisLoading: false,\r\n\t\t\tserverError: false,\r\n\t\t\tinstalled: [],\r\n\t\t\ttags: [],\r\n\t\t\tinstallationActionTaken: null,\r\n\t\t};\r\n\t\tthis.bindCorrectContext();\r\n\t}\r\n\r\n\tbindCorrectContext() {\r\n\t\tthis.addedAppsChanged = this.addedAppsChanged.bind(this);\r\n\t\tthis.update = this.update.bind(this);\r\n\t\tthis.goHome = this.goHome.bind(this);\r\n\t\tthis.addTag = this.addTag.bind(this);\r\n\t\tthis.removeTag = this.removeTag.bind(this);\r\n\t\tthis.changeSearch = this.changeSearch.bind(this);\r\n\t\tthis.openAppShowcase = this.openAppShowcase.bind(this);\r\n\t\tthis.stopShowingInstalledNotification = this.stopShowingInstalledNotification.bind(this);\r\n\t\tthis.compileAddedInfo = this.compileAddedInfo.bind(this);\r\n\t\tthis.getPageContents = this.getPageContents.bind(this);\r\n\t\tthis.determineActivePage = this.determineActivePage.bind(this);\r\n\t\tthis.navigateToShowcase = this.navigateToShowcase.bind(this);\r\n\t\tthis.viewApp = this.viewApp.bind(this);\r\n\t\tthis.isActiveApp = this.isActiveApp.bind(this);\r\n\t\tthis.getActiveTags = this.getActiveTags.bind(this);\r\n\t}\r\n\r\n\t// eslint-disable-next-line react/no-deprecated\r\n\tUNSAFE_componentWillMount() {\r\n\t\t// For more information on async react rendering, see here\r\n\t\t// https://reactjs.org/blog/2018/03/27/update-on-async-rendering.html\r\n\r\n\t\tthis.setState(\r\n\t\t\t{\r\n\t\t\t\tisLoading: true,\r\n\t\t\t},\r\n\t\t\t() => {\r\n\t\t\t\tthis._asyncAppRequest = storeActions\r\n\t\t\t\t\t.getApps()\r\n\t\t\t\t\t.then((apps) => {\r\n\t\t\t\t\t\tthis.setState({\r\n\t\t\t\t\t\t\tapps,\r\n\t\t\t\t\t\t\tisLoading: false,\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t})\r\n\t\t\t\t\t.catch((err) => {\r\n\t\t\t\t\t\tthis.setState(\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tserverError: true,\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t() => {\r\n\t\t\t\t\t\t\t\tFSBL.Clients.Logger.error(\"Error connecting to FDC3 AppD server.\", err);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t});\r\n\t\t\t}\r\n\t\t);\r\n\r\n\t\tthis._asyncTagsRequest = storeActions\r\n\t\t\t.getTags()\r\n\t\t\t.then((tags) => {\r\n\t\t\t\tthis.setState({\r\n\t\t\t\t\ttags,\r\n\t\t\t\t});\r\n\t\t\t})\r\n\t\t\t.catch((err) => {\r\n\t\t\t\tthis.setState(\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\tserverError: true,\r\n\t\t\t\t\t},\r\n\t\t\t\t\t() => {\r\n\t\t\t\t\t\tFSBL.Clients.Logger.error(\"Error retrieving tags from FDC3 AppD server.\", err);\r\n\t\t\t\t\t}\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t}\r\n\r\n\tcomponentDidMount() {\r\n\t\tgetStore().addListener({ field: \"appDefinitions\" }, this.addedAppsChanged);\r\n\t\tgetStore().addListener({ field: \"filteredApps\" }, this.update);\r\n\t\tgetStore().addListener({ field: \"activeTags\" }, this.update);\r\n\t\tgetStore().addListener({ field: \"activeApp\" }, this.openAppShowcase);\r\n\t\t// Get notified when user wants to view an app\r\n\t\tFSBL.Clients.RouterClient.addListener(\"viewApp\", this.viewApp);\r\n\t\tlet installed = storeActions.getInstalledApps();\r\n\r\n\t\tthis.setState({\r\n\t\t\tinstalled: Object.keys(installed),\r\n\t\t});\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tgetStore().removeListener({ field: \"appDefinitions\" }, this.addedAppsChanged);\r\n\t\tgetStore().removeListener({ field: \"filteredApps\" }, this.update);\r\n\t\tgetStore().removeListener({ field: \"activeTags\" }, this.update);\r\n\t\tgetStore().removeListener({ field: \"activeApp\" }, this.openAppShowcase);\r\n\t\t// Get notified when user wants to view an app\r\n\t\tFSBL.Clients.RouterClient.removeListener(\"viewApp\", this.viewApp);\r\n\r\n\t\t// Make sure async requests have finished.\r\n\t\tif (this._asyncAppRequest && this._asyncAppRequest.cancel) {\r\n\t\t\tthis._asyncAppRequest.cancel();\r\n\t\t}\r\n\r\n\t\tif (this._asyncTagsRequest && this._asyncTagsRequest.cancel) {\r\n\t\t\tthis._asyncTagsRequest.cancel();\r\n\t\t}\r\n\t}\r\n\r\n\tviewApp(error, event) {\r\n\t\t!error && this.navigateToShowcase(event.data.app.appID);\r\n\t}\r\n\r\n\taddedAppsChanged() {\r\n\t\tlet action;\r\n\t\tif (this.state.installed.length > Object.keys(storeActions.getInstalledApps()).length) {\r\n\t\t\t// If the components installed apps is greater than that of the store, that means an app was removed\r\n\t\t\taction = \"remove\";\r\n\t\t} else if (this.state.installed.length < Object.keys(storeActions.getInstalledApps()).length) {\r\n\t\t\t// If the component's installed apps is less than that of the store, that means an app was added\r\n\t\t\taction = \"add\";\r\n\t\t}\r\n\r\n\t\tif (action) {\r\n\t\t\tthis.setState(\r\n\t\t\t\t{\r\n\t\t\t\t\tinstallationActionTaken: action,\r\n\t\t\t\t\tinstalled: Object.keys(storeActions.getInstalledApps()),\r\n\t\t\t\t},\r\n\t\t\t\t() => {\r\n\t\t\t\t\tsetTimeout(this.stopShowingInstalledNotification, 1500);\r\n\t\t\t\t\tthis.update();\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Force an update. Used to update from store listeners.\r\n\t *\r\n\t * @memberof AppMarket\r\n\t */\r\n\tupdate() {\r\n\t\tthis.forceUpdate();\r\n\t}\r\n\r\n\t/**\r\n\t * Determines the apps page based on the state of the activeTags, search text, etc\r\n\t */\r\n\tdetermineActivePage() {\r\n\t\tconst activeTags = this.getActiveTags();\r\n\t\tconst filteredApps = this.getFilteredApps();\r\n\t\tconst activeApp = this.getActiveApp();\r\n\t\tconst forceSearch = storeActions.getForceSearch();\r\n\t\tlet page;\r\n\r\n\t\tif (activeApp && !forceSearch) {\r\n\t\t\tpage = \"showcase\";\r\n\t\t} else if (filteredApps.length > 0 || forceSearch) {\r\n\t\t\tpage = \"appSearch\";\r\n\t\t} else if (filteredApps.length === 0 && activeTags.length === 0) {\r\n\t\t\tpage = \"home\";\r\n\t\t}\r\n\r\n\t\treturn page;\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the activeApp from the Store\r\n\t *\r\n\t * @returns {string} activeApp\r\n\t * @memberof AppMarket\r\n\t */\r\n\tgetActiveApp() {\r\n\t\treturn storeActions.getActiveApp();\r\n\t}\r\n\r\n\t/**\r\n\t * Checks if we have an activeApp defined\r\n\t *\r\n\t * @returns {boolean}\r\n\t * @memberof AppMarket\r\n\t */\r\n\tisActiveApp() {\r\n\t\treturn storeActions.getActiveApp() !== null;\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the active tags from the store\r\n\t *\r\n\t * @returns {array} activeTags\r\n\t * @memberof AppMarket\r\n\t */\r\n\tgetActiveTags() {\r\n\t\treturn storeActions.getActiveTags();\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the filtered list of apps from search\r\n\t *\r\n\t * @returns {object} filteredApps\r\n\t * @memberof AppMarket\r\n\t */\r\n\tgetFilteredApps() {\r\n\t\treturn storeActions.getFilteredApps();\r\n\t}\r\n\r\n\t/**\r\n\t * Calls the store to add a tag to the activeTag list. Also updates the app view to switch to the AppResults page (since adding a tag implies filtering has begun)\r\n\t * @param {string} tag The name of the tag to add\r\n\t */\r\n\taddTag(tag) {\r\n\t\tstoreActions.addTag(tag);\r\n\t}\r\n\r\n\t/**\r\n\t * Calls the store to remove a tag from the activeTag list. Also updates the app view to switch to the homepage if all tags have been removed\r\n\t * @param {string} tag The name of the tag to add\r\n\t */\r\n\tremoveTag(tag) {\r\n\t\tstoreActions.removeTag(tag);\r\n\t}\r\n\r\n\t/**\r\n\t * Action to take when the back button is clicked (which just goes home)\r\n\t */\r\n\tgoHome() {\r\n\t\tstoreActions.goHome();\r\n\t}\r\n\r\n\t/**\r\n\t * Performs a search through the catalog\r\n\t * @param {string} search The text to search the catalog with\r\n\t */\r\n\tchangeSearch(search) {\r\n\t\tstoreActions.searchApps(search);\r\n\t}\r\n\r\n\t/**\r\n\t * When the notification for installing/removing an app is shown a timeout is set to call this function to cease showing the notification\r\n\t */\r\n\tstopShowingInstalledNotification() {\r\n\t\tthis.setState({\r\n\t\t\tinstallationActionTaken: null,\r\n\t\t});\r\n\t}\r\n\r\n\tnavigateToShowcase(id) {\r\n\t\tstoreActions.openApp(id);\r\n\t}\r\n\r\n\t/**\r\n\t * Opens the AppShowcase page for the app supplied\r\n\t */\r\n\topenAppShowcase() {\r\n\t\tlet app = storeActions.getActiveApp();\r\n\r\n\t\tif (app !== null) {\r\n\t\t\tstoreActions.setForceSearch(false);\r\n\t\t\tstoreActions.clearTags();\r\n\t\t\tstoreActions.clearFilteredApps();\r\n\t\t}\r\n\r\n\t\tthis.forceUpdate();\r\n\t}\r\n\r\n\t/**\r\n\t * Compiles a list of apps that are installed from the information received back from appd\r\n\t * and the information contained on the system\r\n\t * TODO: This is temporary. It will change when there is actually a way to know from launcher what apps are installed, and which are not\r\n\t * @param {boolean} filtered If true, uses the filtered apps array. Otherwise uses all apps\r\n\t */\r\n\tcompileAddedInfo(filtered) {\r\n\t\tlet { installed } = this.state;\r\n\t\tlet forceSearch = storeActions.getForceSearch();\r\n\t\tlet apps;\r\n\t\tif (filtered || forceSearch) {\r\n\t\t\tapps = storeActions.getFilteredApps();\r\n\t\t} else {\r\n\t\t\tapps = this.state.apps;\r\n\t\t}\r\n\r\n\t\treturn apps.map((app) => {\r\n\t\t\tif (installed.includes(app.appId)) {\r\n\t\t\t\tapp.installed = true;\r\n\t\t\t} else {\r\n\t\t\t\tapp.installed = false;\r\n\t\t\t}\r\n\r\n\t\t\treturn app;\r\n\t\t});\r\n\t}\r\n\r\n\tgetPageContents() {\r\n\t\tconst filteredApps = this.getFilteredApps();\r\n\t\tconst activeTags = this.getActiveTags();\r\n\t\tlet activePage = this.determineActivePage();\r\n\t\tlet apps = this.compileAddedInfo(filteredApps.length > 0);\r\n\t\t// Force default case if activepage isn't search and apps.length is 0\r\n\t\tif (apps.length === 0 && activePage !== \"appSearch\") activePage = -1;\r\n\t\tswitch (activePage) {\r\n\t\t\tcase \"home\":\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<Home\r\n\t\t\t\t\t\ttags={this.state.tags}\r\n\t\t\t\t\t\tcards={apps}\r\n\t\t\t\t\t\tseeMore={this.addTag}\r\n\t\t\t\t\t\taddApp={this.addApp}\r\n\t\t\t\t\t\tremoveApp={this.removeApp}\r\n\t\t\t\t\t\taddTag={this.addTag}\r\n\t\t\t\t\t\tviewAppShowcase={this.navigateToShowcase}\r\n\t\t\t\t\t/>\r\n\t\t\t\t);\r\n\t\t\tcase \"appSearch\":\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<AppResults\r\n\t\t\t\t\t\tcards={apps}\r\n\t\t\t\t\t\ttags={activeTags}\r\n\t\t\t\t\t\taddApp={this.addApp}\r\n\t\t\t\t\t\tremoveApp={this.removeApp}\r\n\t\t\t\t\t\tviewAppShowcase={this.navigateToShowcase}\r\n\t\t\t\t\t\taddTag={this.addTag}\r\n\t\t\t\t\t/>\r\n\t\t\t\t);\r\n\t\t\tcase \"showcase\":\r\n\t\t\t\tlet app = this.compileAddedInfo(false).find((app) => this.getActiveApp() === app.appId);\r\n\t\t\t\treturn <AppShowcase app={app} addApp={this.addApp} removeApp={this.removeApp} addTag={this.addTag} />;\r\n\t\t\tdefault:\r\n\t\t\t\treturn <div></div>;\r\n\t\t}\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet { tags } = this.state;\r\n\t\tlet page = this.determineActivePage();\r\n\t\tlet pageContents = this.getPageContents();\r\n\r\n\t\treturn (\r\n\t\t\t<div className=\"app-catalog\">\r\n\t\t\t\t{this.state.serverError && (\r\n\t\t\t\t\t<div className=\"server-error\">\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<span>Catalog contents are currently unavailable.</span>\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<span>Please check your connection or consult your System Admin.</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t{this.state.apps.length === 0 && !this.state.isLoading && (\r\n\t\t\t\t\t<div className=\"server-error\">\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<span>There are no apps available in this catalog.</span>\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t<span>Please contact your System Admin.</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t{this.state.apps.length > 0 && (\r\n\t\t\t\t\t<div>\r\n\t\t\t\t\t\t<SearchBar\r\n\t\t\t\t\t\t\thidden={page === \"showcase\"}\r\n\t\t\t\t\t\t\tbackButton={page !== \"home\"}\r\n\t\t\t\t\t\t\ttags={tags}\r\n\t\t\t\t\t\t\tactiveTags={this.getActiveTags}\r\n\t\t\t\t\t\t\ttagSelected={this.addTag}\r\n\t\t\t\t\t\t\tremoveTag={this.removeTag}\r\n\t\t\t\t\t\t\tgoHome={this.goHome}\r\n\t\t\t\t\t\t\tinstallationActionTaken={this.state.installationActionTaken}\r\n\t\t\t\t\t\t\tsearch={this.changeSearch}\r\n\t\t\t\t\t\t\tisViewingApp={this.isActiveApp}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<div className=\"market_content\">{pageContents}</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n}\r\n"]}
+{"version":3,"file":"AppCatalogComponent.js","sourceRoot":"","sources":["../../../../../src/ui/components/appCatalog/AppCatalogComponent.jsx"],"names":[],"mappings":"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"}

package/react/components/appCatalog/components/AppCard.d.ts

@@ -1,16 +1,65 @@
 export default AppCard;
+/**
+ * The card that displays on any page with information about an app. Clicking on it will lead to the AppShowcase or install (if the check is clicked)
+ * @param {object} props Component props
+ * @param {object} props...card The entire object that belongs to a single app. See FDC app directory.
+ * @param {boolean} props.entitled If true, the app cannot be installed by this user, only viewed
+ * @param {boolean} props.installed If true the app is installed on this local fsbl
+ */
 declare class AppCard extends React.Component<any, any, any> {
     constructor(props: any);
+    state: {
+        checkShown: boolean;
+        checkHighlighted: boolean;
+        awaitingInstall: boolean;
+        toggleCheckAfterAction: boolean;
+        titleUnderlined: boolean;
+        appName: any;
+        id: any;
+        entitled: any;
+        tags: any;
+    };
     bindCorrectContext(): void;
+    /**
+     * Toggles the highlight state of the check mark for installing an app
+     */
     toggleHighlight(): void;
+    /**
+     * Toggles the 'highlight' state of the app title. On mouse over, the title is underlined to show that its a link
+     */
     toggleTitleUnderline(): void;
+    /**
+     * Shows the check mark for adding/removing an app
+     */
     showCheck(): void;
+    /**
+     * Hides the check mark for adding/removing an app
+     */
     hideCheck(): void;
+    /**
+     * Calls parent passed function to open the app showcase for the supplied app
+     */
     openAppShowcase(): void;
+    /**
+     * Prevents bubbling (which would open the app showcase), then calls to add an app
+     * @param {object} e React Synthetic event
+     */
     addApp(e: object): void;
+    /**
+     * Prevents bubbling (which would open the app showcase), then calls to remove an app
+     * @param {object} e React Synthetic event
+     */
     removeApp(e: object): void;
+    /**
+     * Prevents bubbling (which would open the app showcase), then calls to add a filtering tag
+     * @param {string} name The tag name to add
+     * @param {object} e React Synthetic event
+     */
     addTag(name: string, e: object): void;
+    componentDidMount(): void;
+    render(): JSX.Element;
     footer: HTMLDivElement | null | undefined;
     tagNamesList: HTMLDivElement | null | undefined;
 }
 import React from "react";
+//# sourceMappingURL=AppCard.d.ts.map

package/react/components/appCatalog/components/AppCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppCard.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/appCatalog/components/AppCard.jsx"],"names":[],"mappings":";AAUA;;;;;;GAMG;AACH;IACC,wBAcC;IAZA;;;;;;;;;;MAUC;IAIF,2BASC;IAcD;;OAEG;IACH,wBAIC;IAED;;OAEG;IACH,6BAIC;IAED;;OAEG;IACH,kBAIC;IAED;;OAEG;IACH,kBAcC;IAED;;OAEG;IACH,wBAEC;IAED;;;OAGG;IACH,UAFW,MAAM,QAiBhB;IAED;;;OAGG;IACH,aAFW,MAAM,QAyBhB;IAED;;;;OAIG;IACH,aAHW,MAAM,KACN,MAAM,QAOhB;IA7HD,0BAUC;IAqHD,sBAgGC;IAxBK,0CAAgB;IAOf,gDAAsB;CAkB7B"}