@api-client/ui 0.0.17 → 0.1.1

package/src/mixins/FileDropMixin.ts

@@ -15,6 +15,8 @@ type Constructor<T = object> = new (...args: any[]) => T
 export declare class FileDropMixinInterface {
   dropTargetActive: boolean
 
+  dropTarget: HTMLElement
+
   /**
    * Processes dropped to the page files
    * @param files The list of dropped files
@@ -40,7 +42,9 @@ export declare class FileDropMixinInterface {
 export const FileDropMixin = dedupeMixin(
   <T extends Constructor<LitElement>>(superClass: T): Constructor<FileDropMixinInterface> & T => {
     class MyMixinClass extends superClass {
-      @property() accessor dropTargetActive: boolean
+      @property({ type: Boolean }) accessor dropTargetActive: boolean
+
+      dropTarget: HTMLElement = document.body
 
       constructor(...args: any[]) {
         super(...args)
@@ -50,11 +54,24 @@ export const FileDropMixin = dedupeMixin(
         this[dropHandler] = this[dropHandler].bind(this)
 
         this.dropTargetActive = false
+      }
+
+      override connectedCallback(): void {
+        const { dropTarget } = this
+        dropTarget.addEventListener('dragenter', this[dragEnterHandler])
+        dropTarget.addEventListener('dragleave', this[dragLeaveHandler])
+        dropTarget.addEventListener('dragover', this[dragOverHandler])
+        dropTarget.addEventListener('drop', this[dropHandler])
+        super.connectedCallback()
+      }
 
-        document.body.addEventListener('dragenter', this[dragEnterHandler])
-        document.body.addEventListener('dragleave', this[dragLeaveHandler])
-        document.body.addEventListener('dragover', this[dragOverHandler])
-        document.body.addEventListener('drop', this[dropHandler])
+      override disconnectedCallback(): void {
+        const { dropTarget } = this
+        dropTarget.removeEventListener('dragenter', this[dragEnterHandler])
+        dropTarget.removeEventListener('dragleave', this[dragLeaveHandler])
+        dropTarget.removeEventListener('dragover', this[dragOverHandler])
+        dropTarget.removeEventListener('drop', this[dropHandler])
+        super.disconnectedCallback()
       }
 
       /**
@@ -86,7 +103,7 @@ export const FileDropMixin = dedupeMixin(
           return
         }
         e.preventDefault()
-        document.body.classList.add('drop-target')
+        this.dropTarget.classList.add('drop-target')
         this.dropTargetActive = true
         e.dataTransfer.effectAllowed = 'copy'
       }
@@ -102,11 +119,11 @@ export const FileDropMixin = dedupeMixin(
         if (node.nodeType !== Node.ELEMENT_NODE) {
           return
         }
-        if (node !== document.body && !node.classList.contains('drop-info')) {
+        if (node !== this.dropTarget && !node.classList.contains('drop-info')) {
           return
         }
         e.preventDefault()
-        document.body.classList.remove('drop-target')
+        this.dropTarget.classList.remove('drop-target')
         this.dropTargetActive = false
       }
 
@@ -121,11 +138,11 @@ export const FileDropMixin = dedupeMixin(
         if (node.nodeType !== Node.ELEMENT_NODE) {
           return
         }
-        if (node !== document.body && !node.classList.contains('drop-info')) {
+        if (node !== this.dropTarget && !node.classList.contains('drop-info')) {
           return
         }
         e.preventDefault()
-        document.body.classList.add('drop-target')
+        this.dropTarget.classList.add('drop-target')
         this.dropTargetActive = true
       }
 
@@ -137,7 +154,7 @@ export const FileDropMixin = dedupeMixin(
           return
         }
         e.preventDefault()
-        document.body.classList.remove('drop-target')
+        this.dropTarget.classList.remove('drop-target')
         this.dropTargetActive = false
         this.processDroppedFiles(e.dataTransfer.files)
       }

package/src/{core → reactive}/LiveData.ts

@@ -1,4 +1,4 @@
-import { type ChangeEventDetail, createReactive, unhookReactive } from './reactive/reactive.js'
+import { type ChangeEventDetail, createReactive, unhookReactive } from './reactive.js'
 
 /**
  * `LiveData` is a utility class that wraps an object and allows you to observe changes

package/src/visualization/plugin/positioning/DataModelLayout.ts

@@ -1,6 +1,7 @@
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
-import { type Graph, layout } from '@api-client/graph'
-import { type EdgeConfig, type GraphLabel, type NodeConfig } from '@api-client/graph/src/layout/types.js'
+import { type Graph } from '@api-client/graph/graph/Graph.js'
+import layout from '@api-client/graph/layout/layout.js'
+import { type EdgeConfig, type GraphLabel, type NodeConfig } from '@api-client/graph/layout/types.js'
 import { LayoutWeight, type PositioningResult, type PositionResult, WorkspaceLayout } from './WorkspaceLayout.js'
 import { type DataModel } from '@api-client/core/legacy.js'
 

package/src/visualization/plugin/positioning/WorkspaceLayout.ts

@@ -1,5 +1,5 @@
-import { Graph } from '@api-client/graph'
-import {
+import { Graph } from '@api-client/graph/graph/Graph.js'
+import type {
   EdgeConfig,
   NodeConfig,
   GraphLabel,
@@ -7,7 +7,7 @@ import {
   AlignOptions,
   RankerOptions,
   AcyclicerOptions,
-} from '@api-client/graph/src/layout/types.js'
+} from '@api-client/graph/layout/types.js'
 import VizWorkspaceElement from '../../elements/VizWorkspaceElement.js'
 import { getObjectBoundingClientRect } from '../../lib/PositionUtils.js'
 

package/test/core/live_data.spec.ts

@@ -1,6 +1,6 @@
 import { assert } from '@open-wc/testing'
 import sinon from 'sinon'
-import { LiveData } from '../../src/core/LiveData.js'
+import { LiveData } from '../../src/reactive/LiveData.js'
 
 describe('LiveData Basic', () => {
   it('should initialize with the given object', () => {

package/test/elements/data-table/DataTable.browser.test.ts

@@ -2,8 +2,8 @@ import { fixture, assert, nextFrame, html, defineCE, unsafeStatic } from '@open-
 import { TemplateResult } from 'lit'
 import sinon from 'sinon'
 import { sendKeys } from '@web/test-runner-commands'
-import { DataTable, type EventCellInfo } from '../../../src/elements/data-table/internals/DataTable.js'
-import { LiveData } from '../../../src/core/LiveData.js'
+import { DataTable, type EventCellInfo } from '../../../src/elements/data-table/DataTable.js'
+import { LiveData } from '../../../src/reactive/LiveData.js'
 
 class TestDataTable extends DataTable<TestItem> {
   override renderHeader(): TemplateResult[] {

package/test/elements/http/CertificateAdd.test.ts

@@ -4,7 +4,11 @@ import type CertificateAdd from '../../../src/elements/http/CertificateAdd.eleme
 import type Input from '../../../src/md/input/Input.js'
 import { UiMock } from '../../helpers/UiMock.js'
 import { EventTypes } from '../../../src/events/EventTypes.js'
-import type { FileReadOptions, IOpenFileDialogInit, IOpenFileDialogResult } from '#bindings/base/FileBindings.js'
+import type {
+  FileReadOptions,
+  IOpenFileDialogInit,
+  IOpenFileDialogResult,
+} from '../../../src/bindings/base/FileBindings.js'
 import '../../../src/define/http/certificate-add.js'
 import { SnackNotifications } from '../../../src/md/notification/SnackNotifications.js'
 

package/test/elements/layout/SplitPanel.test.ts

@@ -1,6 +1,6 @@
 import { assert } from '@open-wc/testing'
 import sinon from 'sinon'
-import { SplitItem } from '#elements/layout/SplitItem.js'
+import { SplitItem } from '../../../src/elements/layout/SplitItem.js'
 import { ITabCloseDetail, SplitLayout } from '../../../src/elements/layout/SplitLayout.js'
 import { SplitPanel } from '../../../src/elements/layout/SplitPanel.js'
 import {

package/web-test-runner.config.js

@@ -4,7 +4,7 @@ import ts from 'typescript'
 import resolve from '@rollup/plugin-node-resolve'
 import { fromRollup } from '@web/dev-server-rollup'
 import { OAuth2Server } from 'oauth2-mock-server'
-// Using the core library here slows down loading time signoficantly
+// Using the core library here slows down loading time significantly
 import getPort, { portNumbers } from 'get-port'
 
 const typescriptPlugin = fromRollup(typescript, {}, {})

package/build/src/apps/activities/ApiActivity.d.ts

@@ -1,21 +0,0 @@
-import { Activity } from '../../core/Activity.js';
-import type { Intent } from '../../core/ActivityManager.js';
-import type UserService from '../services/UserService.js';
-import type OrganizationService from '../services/OrganizationService.js';
-import type ConfigurationService from '../services/ConfigurationService.js';
-import type SdkService from '../services/SdkService.js';
-import type TransmitService from '../services/TransmitService.js';
-import type LoggingService from '../services/LoggingService.js';
-export interface ApiServices {
-    user: UserService;
-    org: OrganizationService;
-    sdk: SdkService;
-    config: ConfigurationService;
-    transmit: TransmitService;
-    logger: LoggingService;
-}
-export default class ApiActivity extends Activity {
-    services: ApiServices;
-    onCreate(intent?: Intent): Promise<void>;
-}
-//# sourceMappingURL=ApiActivity.d.ts.map

package/build/src/apps/activities/ApiActivity.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiActivity.d.ts","sourceRoot":"","sources":["../../../../src/apps/activities/ApiActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,KAAK,WAAW,MAAM,4BAA4B,CAAA;AACzD,OAAO,KAAK,mBAAmB,MAAM,oCAAoC,CAAA;AACzE,OAAO,KAAK,oBAAoB,MAAM,qCAAqC,CAAA;AAC3E,OAAO,KAAK,UAAU,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,eAAe,MAAM,gCAAgC,CAAA;AACjE,OAAO,KAAK,cAAc,MAAM,+BAA+B,CAAA;AAG/D,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,WAAW,CAAA;IACjB,GAAG,EAAE,mBAAmB,CAAA;IACxB,GAAG,EAAE,UAAU,CAAA;IACf,MAAM,EAAE,oBAAoB,CAAA;IAC5B,QAAQ,EAAE,eAAe,CAAA;IACzB,MAAM,EAAE,cAAc,CAAA;CACvB;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,QAAQ;IAC/C,QAAQ,EAAG,WAAW,CAAA;IAEP,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;CAiBxD"}

package/build/src/apps/activities/ApiActivity.js

@@ -1,23 +0,0 @@
-import { Activity } from '../../core/Activity.js';
-import services from '../api_service.js';
-export default class ApiActivity extends Activity {
-    services;
-    async onCreate(intent) {
-        const user = await services.get('user');
-        const org = await services.get('org');
-        const sdk = await services.get('sdk');
-        const config = await services.get('config');
-        const transmit = await services.get('transmit');
-        const logger = await services.get('logger');
-        this.services = {
-            user,
-            org,
-            config,
-            sdk,
-            transmit,
-            logger,
-        };
-        await super.onCreate(intent);
-    }
-}
-//# sourceMappingURL=ApiActivity.js.map

package/build/src/apps/activities/ApiActivity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApiActivity.js","sourceRoot":"","sources":["../../../../src/apps/activities/ApiActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAQjD,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AAWxC,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,QAAQ;IAC/C,QAAQ,CAAc;IAEb,KAAK,CAAC,QAAQ,CAAC,MAAe;QACrC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACvC,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QACrC,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QACrC,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAC3C,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;QAC/C,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;QAC3C,IAAI,CAAC,QAAQ,GAAG;YACd,IAAI;YACJ,GAAG;YACH,MAAM;YACN,GAAG;YACH,QAAQ;YACR,MAAM;SACP,CAAA;QACD,MAAM,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC9B,CAAC;CACF","sourcesContent":["import { Activity } from '../../core/Activity.js'\nimport type { Intent } from '../../core/ActivityManager.js'\nimport type UserService from '../services/UserService.js'\nimport type OrganizationService from '../services/OrganizationService.js'\nimport type ConfigurationService from '../services/ConfigurationService.js'\nimport type SdkService from '../services/SdkService.js'\nimport type TransmitService from '../services/TransmitService.js'\nimport type LoggingService from '../services/LoggingService.js'\nimport services from '../api_service.js'\n\nexport interface ApiServices {\n  user: UserService\n  org: OrganizationService\n  sdk: SdkService\n  config: ConfigurationService\n  transmit: TransmitService\n  logger: LoggingService\n}\n\nexport default class ApiActivity extends Activity {\n  services!: ApiServices\n\n  override async onCreate(intent?: Intent): Promise<void> {\n    const user = await services.get('user')\n    const org = await services.get('org')\n    const sdk = await services.get('sdk')\n    const config = await services.get('config')\n    const transmit = await services.get('transmit')\n    const logger = await services.get('logger')\n    this.services = {\n      user,\n      org,\n      config,\n      sdk,\n      transmit,\n      logger,\n    }\n    await super.onCreate(intent)\n  }\n}\n"]}

package/build/src/apps/activities/AppStartActivity.d.ts

@@ -1,61 +0,0 @@
-import type { TemplateResult, nothing } from 'lit';
-import type { IUser } from '@api-client/core/browser.js';
-import ApiActivity from './ApiActivity.js';
-import { Intent } from '../../core/ActivityManager.js';
-export interface AppStartIntentData {
-    /**
-     * When defined it will run the activity described here.
-     * Otherwise it will just exist the process.
-     */
-    main?: string;
-    /**
-     * Whether the setup is allowed.
-     * Outside the application main screen the initial setup may not
-     * be allowed and therefore the user should see an appropriate screen.
-     */
-    allowSetup?: boolean;
-}
-/**
- * The activity that configures the application and sets up:
- * - The user
- * - The organization
- *
- * Here's the ideal flow
- *
- * - The application puts on the stack the target activity but it is in the stopped state.
- * - The current Activity stack is [`<target activity>`]
- * - The application starts the `StartActivity`.
- * - The current Activity stack is [`<target activity>`, StartActivity]
- * - The `StartActivity` checks for the user.
- *   - If the user is not logged in, the `StartActivity` starts the `LoginActivity`
- *   - The current Activity stack is [`<target activity>`, StartActivity, LoginActivity]
- *   - When the LoginActivity finishes, the onResume() here is called, we continue the flow.
- *   - The current Activity stack is [`<target activity>`, StartActivity]
- * - The `StartActivity` checks for the user.
- * - If there are no orgs:
- *   - The `StartActivity` starts the `OrganizationSetupActivity`
- *   - The current Activity stack is [`<target activity>`, StartActivity, OrganizationSetupActivity]
- *   - When the OrganizationSetupActivity finishes, the onResume() here is called, we continue the flow.
- *   - The current Activity stack is [`<target activity>`, StartActivity]
- * - If there is no org selected:
- *   - The `StartActivity` starts the `OrganizationSelectionActivity`
- *   - The current Activity stack is [`<target activity>`, StartActivity, OrganizationSelectionActivity]
- *   - When the OrganizationSelectionActivity finishes, the onResume() here is called, we continue the flow.
- *   - The current Activity stack is [`<target activity>`, StartActivity]
- * - If there is an error:
- *   - The `StartActivity` starts the `GeneralErrorActivity`
- *   - The StartActivity finishes.
- *   - The current Activity stack is [`<target activity>`, GeneralErrorActivity]
- * - Otherwise, this activity finishes
- * - The current Activity stack is [`<target activity>`]
- */
-export default class AppStartActivity extends ApiActivity {
-    static action: string;
-    user?: IUser | null;
-    intent?: Intent;
-    onCreate(intent?: Intent): Promise<void>;
-    onResume(): Promise<void>;
-    private finalize;
-    render(): TemplateResult | typeof nothing;
-}
-//# sourceMappingURL=AppStartActivity.d.ts.map

package/build/src/apps/activities/AppStartActivity.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppStartActivity.d.ts","sourceRoot":"","sources":["../../../../src/apps/activities/AppStartActivity.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAClD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAKxD,OAAO,WAAW,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAGtD,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,WAAW;IACvD,OAAgB,MAAM,SAAY;IAElC,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IAEnB,MAAM,CAAC,EAAE,MAAM,CAAA;IAEA,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAOxC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;YAoC1B,QAAQ;IAUb,MAAM,IAAI,cAAc,GAAG,OAAO,OAAO;CAGnD"}

package/build/src/apps/activities/AppStartActivity.js

@@ -1,100 +0,0 @@
-import LoadingFragment from '../fragments/loading.js';
-import { CompletionState } from '../services/OrganizationService.js';
-import OrganizationSelectionActivity from './OrganizationSelectionActivity.js';
-import OrganizationSetupActivity from './OrganizationSetupActivity.js';
-import ApiActivity from './ApiActivity.js';
-import { DialogBuilder } from '../../builders/DialogBuilder.js';
-import { APP_LOGIN, APP_START } from '../quick-api/Intents.js';
-/**
- * The activity that configures the application and sets up:
- * - The user
- * - The organization
- *
- * Here's the ideal flow
- *
- * - The application puts on the stack the target activity but it is in the stopped state.
- * - The current Activity stack is [`<target activity>`]
- * - The application starts the `StartActivity`.
- * - The current Activity stack is [`<target activity>`, StartActivity]
- * - The `StartActivity` checks for the user.
- *   - If the user is not logged in, the `StartActivity` starts the `LoginActivity`
- *   - The current Activity stack is [`<target activity>`, StartActivity, LoginActivity]
- *   - When the LoginActivity finishes, the onResume() here is called, we continue the flow.
- *   - The current Activity stack is [`<target activity>`, StartActivity]
- * - The `StartActivity` checks for the user.
- * - If there are no orgs:
- *   - The `StartActivity` starts the `OrganizationSetupActivity`
- *   - The current Activity stack is [`<target activity>`, StartActivity, OrganizationSetupActivity]
- *   - When the OrganizationSetupActivity finishes, the onResume() here is called, we continue the flow.
- *   - The current Activity stack is [`<target activity>`, StartActivity]
- * - If there is no org selected:
- *   - The `StartActivity` starts the `OrganizationSelectionActivity`
- *   - The current Activity stack is [`<target activity>`, StartActivity, OrganizationSelectionActivity]
- *   - When the OrganizationSelectionActivity finishes, the onResume() here is called, we continue the flow.
- *   - The current Activity stack is [`<target activity>`, StartActivity]
- * - If there is an error:
- *   - The `StartActivity` starts the `GeneralErrorActivity`
- *   - The StartActivity finishes.
- *   - The current Activity stack is [`<target activity>`, GeneralErrorActivity]
- * - Otherwise, this activity finishes
- * - The current Activity stack is [`<target activity>`]
- */
-export default class AppStartActivity extends ApiActivity {
-    static action = APP_START;
-    user;
-    intent;
-    async onCreate(intent) {
-        await super.onCreate(intent);
-        this.intent = intent;
-        this.addFragment('loading', new LoadingFragment());
-        this.showFragment('loading');
-    }
-    async onResume() {
-        super.onResume();
-        if (!this.user) {
-            this.user = await this.services.user.getUser();
-        }
-        if (!this.user) {
-            this.startActivity({ action: APP_LOGIN });
-            // this.finish()
-            // We do not kill the activity, but by starting a new activity we
-            // put this one in the paused state.
-            // The login activity exists and this one should be resumed.
-            return;
-        }
-        const orgState = await this.services.org.revalidate();
-        switch (orgState) {
-            case CompletionState.NoOrganizations:
-                this.startActivity({ action: OrganizationSetupActivity.action });
-                return;
-            case CompletionState.NotSelected:
-                this.startActivity({ action: OrganizationSelectionActivity.action });
-                return;
-            case CompletionState.OK:
-                await this.finish();
-                await this.finalize();
-                return;
-            case CompletionState.Error:
-                new DialogBuilder(this)
-                    .setTitle('Something went wrong')
-                    .setDescription('We are unable to complete your request. Please try again or contact our customer support.')
-                    .setRenderAs('error')
-                    .setPositiveAction({ label: 'Close' })
-                    .open();
-                return;
-        }
-    }
-    async finalize() {
-        const { intent } = this;
-        if (intent) {
-            const data = intent.data;
-            if (data.main) {
-                await this.startActivity({ action: data.main });
-            }
-        }
-    }
-    render() {
-        return this.manager.renderFragment('loading');
-    }
-}
-//# sourceMappingURL=AppStartActivity.js.map

package/build/src/apps/activities/AppStartActivity.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppStartActivity.js","sourceRoot":"","sources":["../../../../src/apps/activities/AppStartActivity.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult, nothing } from 'lit'\nimport type { IUser } from '@api-client/core/browser.js'\nimport LoadingFragment from '../fragments/loading.js'\nimport { CompletionState } from '../services/OrganizationService.js'\nimport OrganizationSelectionActivity from './OrganizationSelectionActivity.js'\nimport OrganizationSetupActivity from './OrganizationSetupActivity.js'\nimport ApiActivity from './ApiActivity.js'\nimport { DialogBuilder } from '../../builders/DialogBuilder.js'\nimport { Intent } from '../../core/ActivityManager.js'\nimport { APP_LOGIN, APP_START } from '../quick-api/Intents.js'\n\nexport interface AppStartIntentData {\n  /**\n   * When defined it will run the activity described here.\n   * Otherwise it will just exist the process.\n   */\n  main?: string\n  /**\n   * Whether the setup is allowed.\n   * Outside the application main screen the initial setup may not\n   * be allowed and therefore the user should see an appropriate screen.\n   */\n  allowSetup?: boolean\n}\n\n/**\n * The activity that configures the application and sets up:\n * - The user\n * - The organization\n *\n * Here's the ideal flow\n *\n * - The application puts on the stack the target activity but it is in the stopped state.\n * - The current Activity stack is [`<target activity>`]\n * - The application starts the `StartActivity`.\n * - The current Activity stack is [`<target activity>`, StartActivity]\n * - The `StartActivity` checks for the user.\n *   - If the user is not logged in, the `StartActivity` starts the `LoginActivity`\n *   - The current Activity stack is [`<target activity>`, StartActivity, LoginActivity]\n *   - When the LoginActivity finishes, the onResume() here is called, we continue the flow.\n *   - The current Activity stack is [`<target activity>`, StartActivity]\n * - The `StartActivity` checks for the user.\n * - If there are no orgs:\n *   - The `StartActivity` starts the `OrganizationSetupActivity`\n *   - The current Activity stack is [`<target activity>`, StartActivity, OrganizationSetupActivity]\n *   - When the OrganizationSetupActivity finishes, the onResume() here is called, we continue the flow.\n *   - The current Activity stack is [`<target activity>`, StartActivity]\n * - If there is no org selected:\n *   - The `StartActivity` starts the `OrganizationSelectionActivity`\n *   - The current Activity stack is [`<target activity>`, StartActivity, OrganizationSelectionActivity]\n *   - When the OrganizationSelectionActivity finishes, the onResume() here is called, we continue the flow.\n *   - The current Activity stack is [`<target activity>`, StartActivity]\n * - If there is an error:\n *   - The `StartActivity` starts the `GeneralErrorActivity`\n *   - The StartActivity finishes.\n *   - The current Activity stack is [`<target activity>`, GeneralErrorActivity]\n * - Otherwise, this activity finishes\n * - The current Activity stack is [`<target activity>`]\n */\nexport default class AppStartActivity extends ApiActivity {\n  static override action = APP_START\n\n  user?: IUser | null\n\n  intent?: Intent\n\n  override async onCreate(intent?: Intent): Promise<void> {\n    await super.onCreate(intent)\n    this.intent = intent\n    this.addFragment('loading', new LoadingFragment())\n    this.showFragment('loading')\n  }\n\n  override async onResume(): Promise<void> {\n    super.onResume()\n    if (!this.user) {\n      this.user = await this.services.user.getUser()\n    }\n    if (!this.user) {\n      this.startActivity({ action: APP_LOGIN })\n      // this.finish()\n      // We do not kill the activity, but by starting a new activity we\n      // put this one in the paused state.\n      // The login activity exists and this one should be resumed.\n      return\n    }\n    const orgState = await this.services.org.revalidate()\n    switch (orgState) {\n      case CompletionState.NoOrganizations:\n        this.startActivity({ action: OrganizationSetupActivity.action })\n        return\n      case CompletionState.NotSelected:\n        this.startActivity({ action: OrganizationSelectionActivity.action })\n        return\n      case CompletionState.OK:\n        await this.finish()\n        await this.finalize()\n        return\n      case CompletionState.Error:\n        new DialogBuilder(this)\n          .setTitle('Something went wrong')\n          .setDescription('We are unable to complete your request. Please try again or contact our customer support.')\n          .setRenderAs('error')\n          .setPositiveAction({ label: 'Close' })\n          .open()\n        return\n    }\n  }\n\n  private async finalize(): Promise<void> {\n    const { intent } = this\n    if (intent) {\n      const data = intent.data as AppStartIntentData\n      if (data.main) {\n        await this.startActivity({ action: data.main })\n      }\n    }\n  }\n\n  override render(): TemplateResult | typeof nothing {\n    return this.manager.renderFragment('loading')\n  }\n}\n"]}