@api-client/ui 0.0.17 → 0.1.0

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

@@ -1,67 +0,0 @@
-import { html } from 'lit';
-import { Activity } from '../../core/Activity.js';
-/**
- * An activity that only renders the application loading state.
- */
-export default class LoadingActivity extends Activity {
-    static action = 'system/loader';
-    #loader = 'init';
-    #status = 'Initializing the application...';
-    onCreate(intent) {
-        if (!intent) {
-            return;
-        }
-        this.#processIntentData(intent.data);
-    }
-    onNewIntent(intent) {
-        if (!intent) {
-            return;
-        }
-        this.#processIntentData(intent.data);
-    }
-    #processIntentData(data) {
-        if (!data) {
-            return;
-        }
-        const typed = data;
-        if (typed.loader) {
-            this.#loader = typed.loader;
-            this.requestUpdate({ app: false, fragment: false });
-        }
-    }
-    render() {
-        const loader = this.#loader;
-        switch (loader) {
-            case 'init':
-                return this.#renderInit();
-            case 'user-init':
-                return this.#renderUserInit();
-            default:
-                return this.#renderNotFound();
-        }
-    }
-    #renderNotFound() {
-        return html `
-      <div class="app-loader body-large">
-        <p class="message">Loader not found</p>
-      </div>
-    `;
-    }
-    #renderInit() {
-        return html `
-      <div class="app-loader body-large">
-        <p class="message">Preparing something spectacular</p>
-        <p class="sub-message">${this.#status}</p>
-      </div>
-    `;
-    }
-    #renderUserInit() {
-        return html `
-      <div class="app-loader body-large">
-        <p class="message">Preparing something spectacular</p>
-        <p class="sub-message">Checking for a session....</p>
-      </div>
-    `;
-    }
-}
-//# sourceMappingURL=LoadingActivity.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingActivity.js","sourceRoot":"","sources":["../../../../src/apps/activities/LoadingActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAgBjD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,QAAQ;IACnD,MAAM,CAAU,MAAM,GAAG,eAAe,CAAA;IAExC,OAAO,GAAG,MAAM,CAAA;IAEhB,OAAO,GAAG,iCAAiC,CAAA;IAElC,QAAQ,CAAC,MAAe;QAC/B,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC;IAEQ,WAAW,CAAC,MAAc;QACjC,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAM;QACR,CAAC;QACD,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC;IAED,kBAAkB,CAAC,IAAc;QAC/B,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAM;QACR,CAAC;QACD,MAAM,KAAK,GAAG,IAAwB,CAAA;QACtC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,MAAM,CAAA;YAC3B,IAAI,CAAC,aAAa,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;QACrD,CAAC;IACH,CAAC;IAEQ,MAAM;QACb,MAAM,MAAM,GAAG,IAAI,CAAC,OAAyB,CAAA;QAC7C,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,MAAM;gBACT,OAAO,IAAI,CAAC,WAAW,EAAE,CAAA;YAC3B,KAAK,WAAW;gBACd,OAAO,IAAI,CAAC,eAAe,EAAE,CAAA;YAC/B;gBACE,OAAO,IAAI,CAAC,eAAe,EAAE,CAAA;QACjC,CAAC;IACH,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAA;;;;KAIV,CAAA;IACH,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAA;;;iCAGkB,IAAI,CAAC,OAAO;;KAExC,CAAA;IACH,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAA;;;;;KAKV,CAAA;IACH,CAAC","sourcesContent":["import { TemplateResult, html } from 'lit'\nimport { Activity } from '../../core/Activity.js'\nimport { Intent } from '../../core/ActivityManager.js'\n\ntype SupportedTypes = 'init' | 'user-init'\n\nexport interface LoaderIntentData {\n  /**\n   * The name of the loader to use.\n   */\n  loader?: SupportedTypes\n  /**\n   * The status message to render.\n   */\n  status?: string\n}\n\n/**\n * An activity that only renders the application loading state.\n */\nexport default class LoadingActivity extends Activity {\n  static override action = 'system/loader'\n\n  #loader = 'init'\n\n  #status = 'Initializing the application...'\n\n  override onCreate(intent?: Intent): void | Promise<void> {\n    if (!intent) {\n      return\n    }\n    this.#processIntentData(intent.data)\n  }\n\n  override onNewIntent(intent: Intent): void | Promise<void> {\n    if (!intent) {\n      return\n    }\n    this.#processIntentData(intent.data)\n  }\n\n  #processIntentData(data?: unknown): void {\n    if (!data) {\n      return\n    }\n    const typed = data as LoaderIntentData\n    if (typed.loader) {\n      this.#loader = typed.loader\n      this.requestUpdate({ app: false, fragment: false })\n    }\n  }\n\n  override render(): TemplateResult {\n    const loader = this.#loader as SupportedTypes\n    switch (loader) {\n      case 'init':\n        return this.#renderInit()\n      case 'user-init':\n        return this.#renderUserInit()\n      default:\n        return this.#renderNotFound()\n    }\n  }\n\n  #renderNotFound(): TemplateResult {\n    return html`\n      <div class=\"app-loader body-large\">\n        <p class=\"message\">Loader not found</p>\n      </div>\n    `\n  }\n\n  #renderInit(): TemplateResult {\n    return html`\n      <div class=\"app-loader body-large\">\n        <p class=\"message\">Preparing something spectacular</p>\n        <p class=\"sub-message\">${this.#status}</p>\n      </div>\n    `\n  }\n\n  #renderUserInit(): TemplateResult {\n    return html`\n      <div class=\"app-loader body-large\">\n        <p class=\"message\">Preparing something spectacular</p>\n        <p class=\"sub-message\">Checking for a session....</p>\n      </div>\n    `\n  }\n}\n"]}

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

@@ -1,26 +0,0 @@
-import { type CSSResult, type TemplateResult } from 'lit';
-import ApiActivity from './ApiActivity.js';
-import type { AuthProviders } from '@api-client/core/browser.js';
-import '@material/web/progress/linear-progress.js';
-import '../../md/button/ui-outlined-button.js';
-export default class LoginActivity extends ApiActivity {
-    #private;
-    static action: string;
-    static get styles(): CSSResult[];
-    onCreate(): Promise<void>;
-    onStop(): void | Promise<void>;
-    handleWindowMessage(event: MessageEvent): void;
-    prepareOauthRedirect(): URL;
-    authenticateGoogle(): void;
-    authenticateGithub(): void;
-    authenticateLinkedin(): void;
-    startAuth(provider: AuthProviders, url: URL): Promise<void>;
-    render(): TemplateResult;
-    private renderInto;
-    private renderLoginForm;
-    private renderCheckingUser;
-    private renderGoogleButton;
-    private renderGithubButton;
-    private renderLinkedinButton;
-}
-//# sourceMappingURL=LoginActivity.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoginActivity.d.ts","sourceRoot":"","sources":["../../../../src/apps/activities/LoginActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAC/D,OAAO,WAAW,MAAM,kBAAkB,CAAA;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAKhE,OAAO,2CAA2C,CAAA;AAClD,OAAO,uCAAuC,CAAA;AAQ9C,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,WAAW;;IACpD,OAAgB,MAAM,SAAY;IAGlC,MAAM,KAAK,MAAM,IAAI,SAAS,EAAE,CAE/B;IAMc,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAY/B,MAAM,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAMvC,mBAAmB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IAiB9C,oBAAoB,IAAI,GAAG;IAK3B,kBAAkB,IAAI,IAAI;IAK1B,kBAAkB,IAAI,IAAI;IAK1B,oBAAoB,IAAI,IAAI;IAKtB,SAAS,CAAC,QAAQ,EAAE,aAAa,EAAE,GAAG,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAIxD,MAAM,IAAI,cAAc;IAUjC,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,kBAAkB;IAO1B,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,kBAAkB;IAgB1B,OAAO,CAAC,oBAAoB;CAmB7B"}

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

@@ -1,186 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { html } from 'lit';
-import ApiActivity from './ApiActivity.js';
-import { adaptStatic } from '../../decorators/styles.js';
-import styles from './styles/login.js';
-import { APP_LOGIN } from '../quick-api/Intents.js';
-import '@material/web/progress/linear-progress.js';
-import '../../md/button/ui-outlined-button.js';
-var State;
-(function (State) {
-    State[State["Initializing"] = 0] = "Initializing";
-    State[State["Login"] = 1] = "Login";
-    State[State["Loading"] = 2] = "Loading";
-})(State || (State = {}));
-let LoginActivity = (() => {
-    let _classSuper = ApiActivity;
-    let _staticExtraInitializers = [];
-    let _static_get_styles_decorators;
-    return class LoginActivity extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _static_get_styles_decorators = [adaptStatic];
-            __esDecorate(this, null, _static_get_styles_decorators, { kind: "getter", name: "styles", static: true, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _staticExtraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static action = (__runInitializers(this, _staticExtraInitializers), APP_LOGIN);
-        static get styles() {
-            return [styles];
-        }
-        #state = State.Initializing;
-        #popup;
-        async onCreate() {
-            await super.onCreate();
-            if (this.services.user.isLoggedIn) {
-                // just in case, if the user is logged in we can kill this activity
-                // and return to the previous one.
-                this.finish();
-            }
-            else {
-                this.#state = State.Login;
-            }
-            globalThis.addEventListener('message', this.#messageHandler);
-        }
-        onStop() {
-            globalThis.removeEventListener('message', this.#messageHandler);
-        }
-        #messageHandler = this.handleWindowMessage.bind(this);
-        handleWindowMessage(event) {
-            if (event.source !== this.#popup) {
-                return;
-            }
-            const info = event.data;
-            if (info.cmd !== 'callback') {
-                return;
-            }
-            try {
-                this.#popup?.close();
-            }
-            catch {
-                // ...
-            }
-            this.#popup = undefined;
-            this.finish();
-        }
-        prepareOauthRedirect() {
-            const url = new URL('./auth-callback.html', window.location.href);
-            return url;
-        }
-        authenticateGoogle() {
-            const url = this.prepareOauthRedirect();
-            this.startAuth('google', url);
-        }
-        authenticateGithub() {
-            const url = this.prepareOauthRedirect();
-            this.startAuth('github', url);
-        }
-        authenticateLinkedin() {
-            const url = this.prepareOauthRedirect();
-            this.startAuth('linkedin', url);
-        }
-        async startAuth(provider, url) {
-            this.#popup = this.services.sdk.auth.oauthRedirect(provider, { redirect: url.toString(), type: 'tab' });
-        }
-        render() {
-            return html `
-      <main class="body-medium">
-        <div class="content">
-          <div class="slide login-slide">${this.renderInto()} ${this.renderLoginForm()}</div>
-        </div>
-      </main>
-    `;
-        }
-        renderInto() {
-            return html ` <div class="intro">
-      <h1 class="display-medium">Welcome to Quick API</h1>
-      <p class="title-large">Sign in to your account.</p>
-    </div>`;
-        }
-        renderLoginForm() {
-            if (this.#state === State.Loading) {
-                return this.renderCheckingUser();
-            }
-            return html ` <div class="login">
-      <p class="body-large">Sign up using</p>
-      <div class="login-option">${this.renderGoogleButton()}</div>
-      <div class="login-option">${this.renderGithubButton()}</div>
-      <div class="login-option">${this.renderLinkedinButton()}</div>
-    </div>`;
-        }
-        renderCheckingUser() {
-            return html ` <div class="login">
-      <p class="body-large">Loading...</p>
-      <md-linear-progress indeterminate class="login-progress"></md-linear-progress>
-    </div>`;
-        }
-        renderGoogleButton() {
-            return html `
-      <ui-outlined-button @click="${this.authenticateGoogle}">
-        <svg
-          slot="icon"
-          version="1.1"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 48 48"
-          xmlns:xlink="http://www.w3.org/1999/xlink"
-          style="display: block;"
-        >
-          <path
-            fill="#EA4335"
-            d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
-          ></path>
-          <path
-            fill="#4285F4"
-            d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
-          ></path>
-          <path
-            fill="#FBBC05"
-            d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
-          ></path>
-          <path
-            fill="#34A853"
-            d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
-          ></path>
-          <path fill="none" d="M0 0h48v48H0z"></path>
-        </svg>
-        Google
-      </ui-outlined-button>
-    `;
-        }
-        renderGithubButton() {
-            return html `
-      <ui-outlined-button @click="${this.authenticateGithub}">
-        <svg slot="icon" viewBox="0 0 98 98" xmlns="http://www.w3.org/2000/svg">
-          <path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
-            fill="#24292f"
-          />
-        </svg>
-        Github
-      </ui-outlined-button>
-    `;
-        }
-        renderLinkedinButton() {
-            return html `
-      <ui-outlined-button @click="${this.authenticateLinkedin}">
-        <svg slot="icon" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
-          <g fill="none" fill-rule="evenodd">
-            <path
-              d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z"
-              fill="#007EBB"
-            />
-            <path
-              d="M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z"
-              fill="#FFF"
-            />
-          </g>
-        </svg>
-        LinkedIn
-      </ui-outlined-button>
-    `;
-        }
-    };
-})();
-export default LoginActivity;
-//# sourceMappingURL=LoginActivity.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LoginActivity.js","sourceRoot":"","sources":["../../../../src/apps/activities/LoginActivity.ts"],"names":[],"mappings":"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","sourcesContent":["import { type CSSResult, html, type TemplateResult } from 'lit'\nimport ApiActivity from './ApiActivity.js'\nimport type { AuthProviders } from '@api-client/core/browser.js'\nimport { adaptStatic } from '../../decorators/styles.js'\nimport styles from './styles/login.js'\nimport { APP_LOGIN } from '../quick-api/Intents.js'\n\nimport '@material/web/progress/linear-progress.js'\nimport '../../md/button/ui-outlined-button.js'\n\nenum State {\n  Initializing,\n  Login,\n  Loading,\n}\n\nexport default class LoginActivity extends ApiActivity {\n  static override action = APP_LOGIN\n\n  @adaptStatic\n  static get styles(): CSSResult[] {\n    return [styles]\n  }\n\n  #state = State.Initializing\n\n  #popup?: Window\n\n  override async onCreate(): Promise<void> {\n    await super.onCreate()\n    if (this.services.user.isLoggedIn) {\n      // just in case, if the user is logged in we can kill this activity\n      // and return to the previous one.\n      this.finish()\n    } else {\n      this.#state = State.Login\n    }\n    globalThis.addEventListener('message', this.#messageHandler)\n  }\n\n  override onStop(): void | Promise<void> {\n    globalThis.removeEventListener('message', this.#messageHandler)\n  }\n\n  #messageHandler = this.handleWindowMessage.bind(this)\n\n  handleWindowMessage(event: MessageEvent): void {\n    if (event.source !== this.#popup) {\n      return\n    }\n    const info = event.data as { cmd: string; data?: string }\n    if (info.cmd !== 'callback') {\n      return\n    }\n    try {\n      this.#popup?.close()\n    } catch {\n      // ...\n    }\n    this.#popup = undefined\n    this.finish()\n  }\n\n  prepareOauthRedirect(): URL {\n    const url = new URL('./auth-callback.html', window.location.href)\n    return url\n  }\n\n  authenticateGoogle(): void {\n    const url = this.prepareOauthRedirect()\n    this.startAuth('google', url)\n  }\n\n  authenticateGithub(): void {\n    const url = this.prepareOauthRedirect()\n    this.startAuth('github', url)\n  }\n\n  authenticateLinkedin(): void {\n    const url = this.prepareOauthRedirect()\n    this.startAuth('linkedin', url)\n  }\n\n  async startAuth(provider: AuthProviders, url: URL): Promise<void> {\n    this.#popup = this.services.sdk.auth.oauthRedirect(provider, { redirect: url.toString(), type: 'tab' }) as Window\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <main class=\"body-medium\">\n        <div class=\"content\">\n          <div class=\"slide login-slide\">${this.renderInto()} ${this.renderLoginForm()}</div>\n        </div>\n      </main>\n    `\n  }\n\n  private renderInto(): TemplateResult {\n    return html` <div class=\"intro\">\n      <h1 class=\"display-medium\">Welcome to Quick API</h1>\n      <p class=\"title-large\">Sign in to your account.</p>\n    </div>`\n  }\n\n  private renderLoginForm(): TemplateResult {\n    if (this.#state === State.Loading) {\n      return this.renderCheckingUser()\n    }\n    return html` <div class=\"login\">\n      <p class=\"body-large\">Sign up using</p>\n      <div class=\"login-option\">${this.renderGoogleButton()}</div>\n      <div class=\"login-option\">${this.renderGithubButton()}</div>\n      <div class=\"login-option\">${this.renderLinkedinButton()}</div>\n    </div>`\n  }\n\n  private renderCheckingUser(): TemplateResult {\n    return html` <div class=\"login\">\n      <p class=\"body-large\">Loading...</p>\n      <md-linear-progress indeterminate class=\"login-progress\"></md-linear-progress>\n    </div>`\n  }\n\n  private renderGoogleButton(): TemplateResult {\n    return html`\n      <ui-outlined-button @click=\"${this.authenticateGoogle}\">\n        <svg\n          slot=\"icon\"\n          version=\"1.1\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 48 48\"\n          xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n          style=\"display: block;\"\n        >\n          <path\n            fill=\"#EA4335\"\n            d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n          ></path>\n          <path\n            fill=\"#4285F4\"\n            d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n          ></path>\n          <path\n            fill=\"#FBBC05\"\n            d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n          ></path>\n          <path\n            fill=\"#34A853\"\n            d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n          ></path>\n          <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\n        </svg>\n        Google\n      </ui-outlined-button>\n    `\n  }\n\n  private renderGithubButton(): TemplateResult {\n    return html`\n      <ui-outlined-button @click=\"${this.authenticateGithub}\">\n        <svg slot=\"icon\" viewBox=\"0 0 98 98\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z\"\n            fill=\"#24292f\"\n          />\n        </svg>\n        Github\n      </ui-outlined-button>\n    `\n  }\n\n  private renderLinkedinButton(): TemplateResult {\n    return html`\n      <ui-outlined-button @click=\"${this.authenticateLinkedin}\">\n        <svg slot=\"icon\" viewBox=\"0 0 72 72\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g fill=\"none\" fill-rule=\"evenodd\">\n            <path\n              d=\"M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z\"\n              fill=\"#007EBB\"\n            />\n            <path\n              d=\"M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z\"\n              fill=\"#FFF\"\n            />\n          </g>\n        </svg>\n        LinkedIn\n      </ui-outlined-button>\n    `\n  }\n}\n"]}

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

@@ -1,35 +0,0 @@
-import { type TemplateResult, type CSSResult } from 'lit';
-import ApiActivity from './ApiActivity.js';
-import { DialogBuilder } from '../../builders/DialogBuilder.js';
-import type { IOrganization } from '@api-client/core/browser.js';
-import '@material/web/progress/linear-progress.js';
-import '@material/web/select/outlined-select.js';
-import '@material/web/select/select-option.js';
-import '../../md/button/ui-filled-button.js';
-declare enum SetupStep {
-    Initializing = 0,
-    Selection = 1,
-    Loading = 2
-}
-export default class OrganizationSelectionActivity extends ApiActivity {
-    static action: string;
-    /**
-     * Currently rendered error dialog.
-     */
-    errorDialog?: DialogBuilder;
-    accessor step: SetupStep;
-    organizations?: IOrganization[];
-    static get styles(): CSSResult[];
-    protected handleOrgSelection(e: SubmitEvent): Promise<void>;
-    /**
-     * Selects the organization and persists the state.
-     * @param organization The organization key to select
-     */
-    selectOrganization(organization: string): Promise<void>;
-    onStart(): Promise<void>;
-    render(): TemplateResult;
-    renderForm(): TemplateResult;
-    renderLoader(): TemplateResult;
-}
-export {};
-//# sourceMappingURL=OrganizationSelectionActivity.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationSelectionActivity.d.ts","sourceRoot":"","sources":["../../../../src/apps/activities/OrganizationSelectionActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,KAAK,CAAA;AAC/D,OAAO,WAAW,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAKhE,OAAO,2CAA2C,CAAA;AAClD,OAAO,yCAAyC,CAAA;AAChD,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAE5C,aAAK,SAAS;IACZ,YAAY,IAAA;IACZ,SAAS,IAAA;IACT,OAAO,IAAA;CACR;AAED,MAAM,CAAC,OAAO,OAAO,6BAA8B,SAAQ,WAAW;IACpE,OAAgB,MAAM,SAA4B;IAElD;;OAEG;IACH,WAAW,CAAC,EAAE,aAAa,CAAA;IAEJ,QAAQ,CAAC,IAAI,YAAyB;IAC7D,aAAa,CAAC,EAAE,aAAa,EAAE,CAAA;IAG/B,MAAM,KAAK,MAAM,IAAI,SAAS,EAAE,CAE/B;cAEe,kBAAkB,CAAC,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC;IAUjE;;;OAGG;IACG,kBAAkB,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAM9C,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC;IAK9B,MAAM,IAAI,cAAc;IAajC,UAAU,IAAI,cAAc;IAkB5B,YAAY,IAAI,cAAc;CAS/B"}

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

@@ -1,107 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { html } from 'lit';
-import ApiActivity from './ApiActivity.js';
-import { adaptStatic } from '../../decorators/styles.js';
-import styles from './styles/login.js';
-import state from '../../decorators/state.js';
-import { CurrentOrganizationKey } from '../../lib/StoreKeys.js';
-import '@material/web/progress/linear-progress.js';
-import '@material/web/select/outlined-select.js';
-import '@material/web/select/select-option.js';
-import '../../md/button/ui-filled-button.js';
-var SetupStep;
-(function (SetupStep) {
-    SetupStep[SetupStep["Initializing"] = 0] = "Initializing";
-    SetupStep[SetupStep["Selection"] = 1] = "Selection";
-    SetupStep[SetupStep["Loading"] = 2] = "Loading";
-})(SetupStep || (SetupStep = {}));
-let OrganizationSelectionActivity = (() => {
-    let _classSuper = ApiActivity;
-    let _staticExtraInitializers = [];
-    let _static_get_styles_decorators;
-    let _step_decorators;
-    let _step_initializers = [];
-    let _step_extraInitializers = [];
-    return class OrganizationSelectionActivity extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _step_decorators = [state({ app: false })];
-            _static_get_styles_decorators = [adaptStatic];
-            __esDecorate(this, null, _static_get_styles_decorators, { kind: "getter", name: "styles", static: true, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _staticExtraInitializers);
-            __esDecorate(this, null, _step_decorators, { kind: "accessor", name: "step", static: false, private: false, access: { has: obj => "step" in obj, get: obj => obj.step, set: (obj, value) => { obj.step = value; } }, metadata: _metadata }, _step_initializers, _step_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static action = (__runInitializers(this, _staticExtraInitializers), 'app/select-organization');
-        /**
-         * Currently rendered error dialog.
-         */
-        errorDialog;
-        #step_accessor_storage = __runInitializers(this, _step_initializers, SetupStep.Initializing);
-        get step() { return this.#step_accessor_storage; }
-        set step(value) { this.#step_accessor_storage = value; }
-        organizations = __runInitializers(this, _step_extraInitializers);
-        static get styles() {
-            return [styles];
-        }
-        async handleOrgSelection(e) {
-            e.preventDefault();
-            const form = e.target;
-            const organization = String(form.org.value).trim();
-            if (!organization) {
-                return;
-            }
-            this.selectOrganization(organization);
-        }
-        /**
-         * Selects the organization and persists the state.
-         * @param organization The organization key to select
-         */
-        async selectOrganization(organization) {
-            this.step = SetupStep.Loading;
-            await this.services.config.local.set(CurrentOrganizationKey, organization);
-            this.finish();
-        }
-        async onStart() {
-            this.organizations = this.services.org.organizations;
-            super.onStart();
-        }
-        render() {
-            return html `
-      <main class="body-medium">
-        <div class="content">
-          <div class="slide account-setup-slide">
-            <h1 class="display-medium">Select your organization.</h1>
-            ${this.step === SetupStep.Loading ? this.renderLoader() : this.renderForm()}
-          </div>
-        </div>
-      </main>
-    `;
-        }
-        renderForm() {
-            const { organizations = [] } = this;
-            return html `
-      <form class="organization-selector" @submit=${this.handleOrgSelection}>
-        <md-outlined-select name="org" required>
-          ${organizations.map((i) => html `
-              <md-select-option value="${i.key}">
-                <div slot="headline">${i.name}</div>
-              </md-select-option>
-            `)}
-        </md-outlined-select>
-        <ui-filled-button type="submit">Continue</ui-filled-button>
-      </form>
-    `;
-        }
-        renderLoader() {
-            return html `
-      <md-linear-progress
-        indeterminate
-        class="login-progress"
-        aria-label="Setting up organization"
-      ></md-linear-progress>
-    `;
-        }
-    };
-})();
-export default OrganizationSelectionActivity;
-//# sourceMappingURL=OrganizationSelectionActivity.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationSelectionActivity.js","sourceRoot":"","sources":["../../../../src/apps/activities/OrganizationSelectionActivity.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAuC,MAAM,KAAK,CAAA;AAC/D,OAAO,WAAW,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAGxD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,KAAK,MAAM,2BAA2B,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,2CAA2C,CAAA;AAClD,OAAO,yCAAyC,CAAA;AAChD,OAAO,uCAAuC,CAAA;AAC9C,OAAO,qCAAqC,CAAA;AAE5C,IAAK,SAIJ;AAJD,WAAK,SAAS;IACZ,yDAAY,CAAA;IACZ,mDAAS,CAAA;IACT,+CAAO,CAAA;AACT,CAAC,EAJI,SAAS,KAAT,SAAS,QAIb;;sBAE0D,WAAW;;;;;;iBAAjD,6BAA8B,SAAQ,WAAW;;;gCAQnE,KAAK,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC;6CAGrB,WAAW;YACZ,+KAAW,MAAM,2DAEhB;YANsB,iKAAS,IAAI,6BAAJ,IAAI,mFAAyB;;;QAP7D,MAAM,CAAU,MAAM,IADH,iDAA6B,EACvB,yBAAyB,EAAA;QAElD;;WAEG;QACH,WAAW,CAAgB;QAEJ,qEAAgB,SAAS,CAAC,YAAY,EAAA;QAAtC,IAAS,IAAI,0CAAyB;QAAtC,IAAS,IAAI,gDAAyB;QAC7D,aAAa,oDAAkB;QAG/B,MAAM,KAAK,MAAM;YACf,OAAO,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC;QAES,KAAK,CAAC,kBAAkB,CAAC,CAAc;YAC/C,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAA;YACxC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAA;YAClD,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClB,OAAM;YACR,CAAC;YACD,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAA;QACvC,CAAC;QAED;;;WAGG;QACH,KAAK,CAAC,kBAAkB,CAAC,YAAoB;YAC3C,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,OAAO,CAAA;YAC7B,MAAM,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAA;YAC1E,IAAI,CAAC,MAAM,EAAE,CAAA;QACf,CAAC;QAEQ,KAAK,CAAC,OAAO;YACpB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAA;YACpD,KAAK,CAAC,OAAO,EAAE,CAAA;QACjB,CAAC;QAEQ,MAAM;YACb,OAAO,IAAI,CAAA;;;;;cAKD,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE;;;;KAIlF,CAAA;QACH,CAAC;QAED,UAAU;YACR,MAAM,EAAE,aAAa,GAAG,EAAE,EAAE,GAAG,IAAI,CAAA;YACnC,OAAO,IAAI,CAAA;oDACqC,IAAI,CAAC,kBAAkB;;YAE/D,aAAa,CAAC,GAAG,CACjB,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAA;yCACkB,CAAC,CAAC,GAAG;uCACP,CAAC,CAAC,IAAI;;aAEhC,CACF;;;;KAIN,CAAA;QACH,CAAC;QAED,YAAY;YACV,OAAO,IAAI,CAAA;;;;;;KAMV,CAAA;QACH,CAAC;;;AAhFH","sourcesContent":["import { html, type TemplateResult, type CSSResult } from 'lit'\nimport ApiActivity from './ApiActivity.js'\nimport { adaptStatic } from '../../decorators/styles.js'\nimport { DialogBuilder } from '../../builders/DialogBuilder.js'\nimport type { IOrganization } from '@api-client/core/browser.js'\nimport styles from './styles/login.js'\nimport state from '../../decorators/state.js'\nimport { CurrentOrganizationKey } from '../../lib/StoreKeys.js'\n\nimport '@material/web/progress/linear-progress.js'\nimport '@material/web/select/outlined-select.js'\nimport '@material/web/select/select-option.js'\nimport '../../md/button/ui-filled-button.js'\n\nenum SetupStep {\n  Initializing,\n  Selection,\n  Loading,\n}\n\nexport default class OrganizationSelectionActivity extends ApiActivity {\n  static override action = 'app/select-organization'\n\n  /**\n   * Currently rendered error dialog.\n   */\n  errorDialog?: DialogBuilder\n\n  @state({ app: false }) accessor step = SetupStep.Initializing\n  organizations?: IOrganization[]\n\n  @adaptStatic\n  static get styles(): CSSResult[] {\n    return [styles]\n  }\n\n  protected async handleOrgSelection(e: SubmitEvent): Promise<void> {\n    e.preventDefault()\n    const form = e.target as HTMLFormElement\n    const organization = String(form.org.value).trim()\n    if (!organization) {\n      return\n    }\n    this.selectOrganization(organization)\n  }\n\n  /**\n   * Selects the organization and persists the state.\n   * @param organization The organization key to select\n   */\n  async selectOrganization(organization: string): Promise<void> {\n    this.step = SetupStep.Loading\n    await this.services.config.local.set(CurrentOrganizationKey, organization)\n    this.finish()\n  }\n\n  override async onStart(): Promise<void> {\n    this.organizations = this.services.org.organizations\n    super.onStart()\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <main class=\"body-medium\">\n        <div class=\"content\">\n          <div class=\"slide account-setup-slide\">\n            <h1 class=\"display-medium\">Select your organization.</h1>\n            ${this.step === SetupStep.Loading ? this.renderLoader() : this.renderForm()}\n          </div>\n        </div>\n      </main>\n    `\n  }\n\n  renderForm(): TemplateResult {\n    const { organizations = [] } = this\n    return html`\n      <form class=\"organization-selector\" @submit=${this.handleOrgSelection}>\n        <md-outlined-select name=\"org\" required>\n          ${organizations.map(\n            (i) => html`\n              <md-select-option value=\"${i.key}\">\n                <div slot=\"headline\">${i.name}</div>\n              </md-select-option>\n            `\n          )}\n        </md-outlined-select>\n        <ui-filled-button type=\"submit\">Continue</ui-filled-button>\n      </form>\n    `\n  }\n\n  renderLoader(): TemplateResult {\n    return html`\n      <md-linear-progress\n        indeterminate\n        class=\"login-progress\"\n        aria-label=\"Setting up organization\"\n      ></md-linear-progress>\n    `\n  }\n}\n"]}

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

@@ -1,40 +0,0 @@
-import { type CSSResult, type TemplateResult } from 'lit';
-import ApiActivity from './ApiActivity.js';
-import { type IUser } from '@api-client/core/browser.js';
-import { DialogBuilder } from '../../builders/DialogBuilder.js';
-import '@material/web/progress/linear-progress.js';
-import '@material/web/textfield/outlined-text-field.js';
-import '../../md/button/ui-filled-button.js';
-declare enum SetupStep {
-    Initializing = 0,
-    Login = 1,
-    Loading = 2
-}
-export default class OrganizationSetupActivity extends ApiActivity {
-    static action: string;
-    /**
-     * Currently rendered error dialog.
-     */
-    errorDialog?: DialogBuilder;
-    static get styles(): CSSResult[];
-    accessor step: SetupStep;
-    /**
-     * The current user.
-     */
-    accessor user: IUser | null | undefined;
-    /**
-     * The user entered organization.
-     */
-    accessor organization: string | undefined;
-    get userName(): string;
-    onResume(): Promise<void>;
-    private onOrganizationSubmit;
-    private setupOrganization;
-    private renderErrorDialog;
-    render(): TemplateResult;
-    private renderOrganizationSetupContent;
-    private renderOrganizationInput;
-    private renderOrganizationSetupLoader;
-}
-export {};
-//# sourceMappingURL=OrganizationSetupActivity.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationSetupActivity.d.ts","sourceRoot":"","sources":["../../../../src/apps/activities/OrganizationSetupActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAC/D,OAAO,WAAW,MAAM,kBAAkB,CAAA;AAE1C,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AAI/D,OAAO,2CAA2C,CAAA;AAClD,OAAO,gDAAgD,CAAA;AACvD,OAAO,qCAAqC,CAAA;AAE5C,aAAK,SAAS;IACZ,YAAY,IAAA;IACZ,KAAK,IAAA;IACL,OAAO,IAAA;CACR;AAED,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,WAAW;IAChE,OAAgB,MAAM,SAA2B;IAEjD;;OAEG;IACH,WAAW,CAAC,EAAE,aAAa,CAAA;IAG3B,MAAM,KAAK,MAAM,IAAI,SAAS,EAAE,CAE/B;IAEsB,QAAQ,CAAC,IAAI,YAAyB;IAE7D;;OAEG;IACoB,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,CAAA;IAE9D;;OAEG;IACoB,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAEhE,IAAI,QAAQ,IAAI,MAAM,CAErB;IAEc,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAOxC,OAAO,CAAC,oBAAoB;YAUd,iBAAiB;IAY/B,OAAO,CAAC,iBAAiB;IAkBhB,MAAM,IAAI,cAAc;IAgBjC,OAAO,CAAC,8BAA8B;IAatC,OAAO,CAAC,uBAAuB;IAiB/B,OAAO,CAAC,6BAA6B;CAKtC"}