@api-client/ui 0.5.57 → 0.6.0

package/build/src/elements/search-input/internals/input.styles.js

@@ -0,0 +1,38 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    border-radius: var(--md-sys-shape-corner-extra-large);
+    background: var(--md-sys-color-surface-container-high);
+    height: 56px;
+    min-width: 360px;
+    max-width: 720px;
+    flex: 1 0 0;
+    padding: 4px 24px 4px 4px;
+    gap: 4px;
+    position: relative;
+    box-sizing: border-box;
+  }
+
+  :host(:hover) {
+    background-color: var(--md-sys-color-surface-container-highest-light);
+  }
+
+  .search-icon {
+    color: var(--md-sys-color-on-surface-variant);
+    width: 48px;
+    height: 48px;
+  }
+
+  .search-input {
+    color: var(--md-sys-color-on-surface-variant);
+    align-self: stretch;
+    flex: 1;
+    border: none;
+    background: none;
+    outline: none;
+  }
+`;
+//# sourceMappingURL=input.styles.js.map

package/build/src/elements/search-input/internals/input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.styles.js","sourceRoot":"","sources":["../../../../../src/elements/search-input/internals/input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    border-radius: var(--md-sys-shape-corner-extra-large);\n    background: var(--md-sys-color-surface-container-high);\n    height: 56px;\n    min-width: 360px;\n    max-width: 720px;\n    flex: 1 0 0;\n    padding: 4px 24px 4px 4px;\n    gap: 4px;\n    position: relative;\n    box-sizing: border-box;\n  }\n\n  :host(:hover) {\n    background-color: var(--md-sys-color-surface-container-highest-light);\n  }\n\n  .search-icon {\n    color: var(--md-sys-color-on-surface-variant);\n    width: 48px;\n    height: 48px;\n  }\n\n  .search-input {\n    color: var(--md-sys-color-on-surface-variant);\n    align-self: stretch;\n    flex: 1;\n    border: none;\n    background: none;\n    outline: none;\n  }\n`\n"]}

package/build/src/elements/search-input/search-input.d.ts

@@ -0,0 +1,12 @@
+import Element from './internals/input.js';
+import '../../md/icons/ui-icon.js';
+import '../../md/focus-ring/ui-focus-ring.js';
+export declare class SearchInputElement extends Element {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'search-input': SearchInputElement;
+    }
+}
+//# sourceMappingURL=search-input.d.ts.map

package/build/src/elements/search-input/search-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../../src/elements/search-input/search-input.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAI1C,OAAO,2BAA2B,CAAA;AAClC,OAAO,sCAAsC,CAAA;AAE7C,qBACa,kBAAmB,SAAQ,OAAO;IAC7C,OAAgB,MAAM,4BAAuB;CAC9C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,kBAAkB,CAAA;KACnC;CACF"}

package/build/src/elements/search-input/search-input.js

@@ -0,0 +1,30 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/input.js';
+import styles from './internals/input.styles.js';
+import typography from '../../styles/m3/typography.module.js';
+import '../../md/icons/ui-icon.js';
+import '../../md/focus-ring/ui-focus-ring.js';
+let SearchInputElement = (() => {
+    let _classDecorators = [customElement('search-input')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var SearchInputElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            SearchInputElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [styles, typography];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return SearchInputElement = _classThis;
+})();
+export { SearchInputElement };
+//# sourceMappingURL=search-input.js.map

package/build/src/elements/search-input/search-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.js","sourceRoot":"","sources":["../../../../src/elements/search-input/search-input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,UAAU,MAAM,sCAAsC,CAAA;AAE7D,OAAO,2BAA2B,CAAA;AAClC,OAAO,sCAAsC,CAAA;IAGhC,kBAAkB;4BAD9B,aAAa,CAAC,cAAc,CAAC;;;;sBACU,OAAO;kCAAf,SAAQ,WAAO;;;;YAA/C,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;;YADlC,uDAAkB;;;;;SAAlB,kBAAkB","sourcesContent":["import { customElement } from 'lit/decorators.js'\nimport Element from './internals/input.js'\nimport styles from './internals/input.styles.js'\nimport typography from '../../styles/m3/typography.module.js'\n\nimport '../../md/icons/ui-icon.js'\nimport '../../md/focus-ring/ui-focus-ring.js'\n\n@customElement('search-input')\nexport class SearchInputElement extends Element {\n  static override styles = [styles, typography]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'search-input': SearchInputElement\n  }\n}\n"]}

package/build/src/elements/setup/internals/InvitationScreen.d.ts

@@ -0,0 +1,189 @@
+import { TemplateResult, LitElement, nothing } from 'lit';
+import type { AuthProviders } from '@api-client/core/sdk/AuthSdk.js';
+import type { InvitationSchema } from '@api-client/core/models/store/Invitation.js';
+import { type IOrganization } from '../../../providers/organization.js';
+export declare enum State {
+    /**
+     * The initial state (default).
+     *
+     * Next possible states:
+     * - `Initialized`
+     * - `Error`
+     */
+    Initializing = "initializing",
+    /**
+     * The state when an error occurred.
+     * In this state, set the `errors` property to show error details.
+     * There are no next possible states from here, the parent app has to reset the flow.
+     */
+    Error = "error",
+    /**
+     * State after the app initialization is complete.
+     * It means that the app has read all necessary config but has not yet fetched invitation data.
+     *
+     * Next possible states:
+     * - `ReadingStatus`
+     */
+    Initialized = "initialized",
+    /**
+     * The state when the application is fetching invitation data.
+     * The component renders the loading indicator in this state.
+     *
+     * Next possible states:
+     * - `Login`
+     * - `Error`
+     */
+    ReadingStatus = "reading-status",
+    /**
+     * The main interaction state where the user can choose to log in (accept) or decline.
+     *
+     * Next possible states:
+     * - `Rejecting`
+     * - `InvitationAccepted`
+     * - `InvitationDeclined`
+     * - `Error`
+     */
+    Login = "login",
+    /**
+     * The state when the rejection request is being processed.
+     *
+     * Next possible states:
+     * - `Rejected`
+     * - `Error`
+     */
+    Rejecting = "rejecting",
+    /**
+     * The state when the invitation has been rejected by the user in the current session.
+     *
+     * There are no next possible states from here, the parent app has to reset the flow.
+     */
+    Rejected = "rejected",
+    /**
+     * The state when the invitation has been successfully accepted.
+     * This state can be set after reading the invitation status that was already accepted previously.
+     *
+     * There are no next possible states from here, the parent app has to reset the flow.
+     */
+    InvitationAccepted = "invitation-accepted",
+    /**
+     * The state when the invitation is found to be deleted or invalid.
+     *
+     * There are no next possible states from here, the parent app has to reset the flow.
+     */
+    InvitationDeleted = "invitation-deleted",
+    /**
+     * The state when the invitation was already declined previously.
+     *
+     * There are no next possible states from here, the parent app has to reset the flow.
+     */
+    InvitationDeclined = "invitation-declined",
+    /**
+     * The state when the invitation has expired.
+     *
+     * There are no next possible states from here, the parent app has to reset the flow.
+     */
+    InvitationExpired = "invitation-expired"
+}
+/**
+ * An App screen (HTML Element) allowing the user to accept an invitation to join an organization.
+ *
+ * This component handles the UI for invitation acceptance flow.
+ * It does not implement the actual invitation logic but dispatches events. However, the state can be set
+ * via the `state` property to reflect the current status.
+ *
+ * The parent app has to handle the invitation acceptance logic and update the state accordingly.
+ *
+ * When it comes to the user flow, the user can either accept or decline the invitation. To accept the
+ * initivation the user has to log in through one of the supported providers (Google, GitHub, LinkedIn).
+ * After successful login, the invitation is accepted. If the user declines the invitation, the invitation
+ * is rejected immediately.
+ *
+ * @fires authenticate - Dispatched when the user clicks on one of the authentication buttons.
+ *                       The detail object `CustomEvent<{ provider: AuthProviders }>` contains the selected provider.
+ * @fires reject - Dispatched when the user clicks the "Decline" button.
+ * @fires open - Dispatched when the user clicks the "Open organization" button
+ *               after a successful acceptance (state `InvitationAccepted`).
+ *
+ * @example
+ * ```html
+ * <invitation-screen
+ *   .state="${this.invitationState}"
+ *   .invitation="${this.invitationData}"
+ *   ?google="${true}"
+ *   @authenticate="${this.handleAuth}"
+ *   @reject="${this.handleReject}"
+ * ></invitation-screen>
+ * ```
+ */
+export default class InvitationScreen extends LitElement {
+    /**
+     * This is the main state definition that controls what is rendered on the screen.
+     * It can be one of the `State` enum values.
+     *
+     * @attribute
+     */
+    accessor state: State;
+    /**
+     * When set it renders the Google login button. Disabled by default.
+     * @attribute
+     */
+    accessor google: boolean;
+    /**
+     * When set it renders the LinkedIn login button. Disabled by default.
+     * @attribute
+     */
+    accessor linkedin: boolean;
+    /**
+     * When set it renders the GitHub login button. Disabled by default.
+     * @attribute
+     */
+    accessor github: boolean;
+    /**
+     * The list of errors to display.
+     */
+    accessor errors: string[] | undefined;
+    /**
+     * The invitation details retreived from the backend.
+     * This property must be set for the component to function correctly.
+     */
+    accessor invitation: InvitationSchema | undefined;
+    /**
+     * The fetched organization details for which the invitation is valid.
+     *
+     * This property consumes the `organizationContext`.
+     */
+    accessor organization: IOrganization | undefined;
+    /**
+     * Dispatches the authentication event for the selected provider.
+     *
+     * @param provider The authentication provider to use.
+     */
+    protected dispatchAuth(provider: AuthProviders): void;
+    protected authenticateGoogle(): void;
+    protected authenticateGithub(): void;
+    protected authenticateLinkedin(): void;
+    /**
+     * Handles the click on the "Open organization" button after accepting the invitation.
+     */
+    protected handleAcceptedOpen(): void;
+    /**
+     * Handles the click on the "Decline" button to reject the invitation.
+     */
+    protected handleReject(): void;
+    protected render(): unknown;
+    renderPage(): TemplateResult;
+    protected renderCheckingUser(): TemplateResult;
+    protected renderInto(): TemplateResult;
+    protected renderLoginForm(): TemplateResult;
+    protected renderRejecting(): TemplateResult;
+    protected renderRejected(): TemplateResult;
+    protected renderError(): TemplateResult;
+    protected renderInvitationAccepted(): TemplateResult;
+    protected renderInvitationDeclined(): TemplateResult;
+    protected renderInvitationDeleted(): TemplateResult;
+    protected renderInvitationExpired(): TemplateResult;
+    protected renderGoogleButton(): TemplateResult | typeof nothing;
+    protected renderGithubButton(): TemplateResult | typeof nothing;
+    protected renderLinkedinButton(): TemplateResult | typeof nothing;
+}
+//# sourceMappingURL=InvitationScreen.d.ts.map

package/build/src/elements/setup/internals/InvitationScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvitationScreen.d.ts","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/InvitationScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAI/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAA;AAEnF,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,oCAAoC,CAAA;AAE5F,oBAAY,KAAK;IACf;;;;;;OAMG;IACH,YAAY,iBAAiB;IAC7B;;;;OAIG;IACH,KAAK,UAAU;IACf;;;;;;OAMG;IACH,WAAW,gBAAgB;IAC3B;;;;;;;OAOG;IACH,aAAa,mBAAmB;IAChC;;;;;;;;OAQG;IACH,KAAK,UAAU;IACf;;;;;;OAMG;IACH,SAAS,cAAc;IACvB;;;;OAIG;IACH,QAAQ,aAAa;IACrB;;;;;OAKG;IACH,kBAAkB,wBAAwB;IAC1C;;;;OAIG;IACH,iBAAiB,uBAAuB;IACxC;;;;OAIG;IACH,kBAAkB,wBAAwB;IAC1C;;;;OAIG;IACH,iBAAiB,uBAAuB;CACzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,UAAU;IACtD;;;;;OAKG;IACyB,QAAQ,CAAC,KAAK,QAAqB;IAC/D;;;OAGG;IAC0B,QAAQ,CAAC,MAAM,UAAQ;IAEpD;;;OAGG;IAC0B,QAAQ,CAAC,QAAQ,UAAQ;IAEtD;;;OAGG;IAC0B,QAAQ,CAAC,MAAM,UAAQ;IAEpD;;OAEG;IACwB,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,CAAA;IAChE;;;OAGG;IACyB,QAAQ,CAAC,UAAU,EAAE,gBAAgB,GAAG,SAAS,CAAA;IAE7E;;;;OAIG;IAGH,QAAQ,CAAC,YAAY,EAAE,aAAa,GAAG,SAAS,CAAA;IAEhD;;;;OAIG;IACH,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAUrD,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAIpC,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAIpC,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAItC;;OAEG;IACH,SAAS,CAAC,kBAAkB,IAAI,IAAI;IASpC;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;cASX,MAAM,IAAI,OAAO;IAmBpC,UAAU,IAAI,cAAc;IA8B5B,SAAS,CAAC,kBAAkB,IAAI,cAAc;IAO9C,SAAS,CAAC,UAAU,IAAI,cAAc;IAStC,SAAS,CAAC,eAAe,IAAI,cAAc;IAc3C,SAAS,CAAC,eAAe,IAAI,cAAc;IAQ3C,SAAS,CAAC,cAAc,IAAI,cAAc;IAO1C,SAAS,CAAC,WAAW,IAAI,cAAc;IAWvC,SAAS,CAAC,wBAAwB,IAAI,cAAc;IAQpD,SAAS,CAAC,wBAAwB,IAAI,cAAc;IAmBpD,SAAS,CAAC,uBAAuB,IAAI,cAAc;IAoBnD,SAAS,CAAC,uBAAuB,IAAI,cAAc;IAoBnD,SAAS,CAAC,kBAAkB,IAAI,cAAc,GAAG,OAAO,OAAO;IAS/D,SAAS,CAAC,kBAAkB,IAAI,cAAc,GAAG,OAAO,OAAO;IAS/D,SAAS,CAAC,oBAAoB,IAAI,cAAc,GAAG,OAAO,OAAO;CAQlE"}