@idp.global/catalog 2.2.0 → 3.1.0

package/dist_ts_web/elements/idp-scim-token-panel.js

@@ -0,0 +1,361 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, html, property, state, customElement, css } from '@design.estate/dees-element';
+import { idpElementStyles } from './tokens.js';
+import './idp-badge.js';
+import './idp-button.js';
+import './idp-icon.js';
+import './idp-input.js';
+let IdpScimTokenPanel = (() => {
+    let _classDecorators = [customElement('idp-scim-token-panel')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _tokens_decorators;
+    let _tokens_initializers = [];
+    let _tokens_extraInitializers = [];
+    let _createdToken_decorators;
+    let _createdToken_initializers = [];
+    let _createdToken_extraInitializers = [];
+    let _scimBaseUrl_decorators;
+    let _scimBaseUrl_initializers = [];
+    let _scimBaseUrl_extraInitializers = [];
+    let _newLabel_decorators;
+    let _newLabel_initializers = [];
+    let _newLabel_extraInitializers = [];
+    let _copied_decorators;
+    let _copied_initializers = [];
+    let _copied_extraInitializers = [];
+    var IdpScimTokenPanel = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _tokens_decorators = [property({ type: Array })];
+            _createdToken_decorators = [property({ type: Object })];
+            _scimBaseUrl_decorators = [property({ type: String })];
+            _newLabel_decorators = [state()];
+            _copied_decorators = [state()];
+            __esDecorate(this, null, _tokens_decorators, { kind: "accessor", name: "tokens", static: false, private: false, access: { has: obj => "tokens" in obj, get: obj => obj.tokens, set: (obj, value) => { obj.tokens = value; } }, metadata: _metadata }, _tokens_initializers, _tokens_extraInitializers);
+            __esDecorate(this, null, _createdToken_decorators, { kind: "accessor", name: "createdToken", static: false, private: false, access: { has: obj => "createdToken" in obj, get: obj => obj.createdToken, set: (obj, value) => { obj.createdToken = value; } }, metadata: _metadata }, _createdToken_initializers, _createdToken_extraInitializers);
+            __esDecorate(this, null, _scimBaseUrl_decorators, { kind: "accessor", name: "scimBaseUrl", static: false, private: false, access: { has: obj => "scimBaseUrl" in obj, get: obj => obj.scimBaseUrl, set: (obj, value) => { obj.scimBaseUrl = value; } }, metadata: _metadata }, _scimBaseUrl_initializers, _scimBaseUrl_extraInitializers);
+            __esDecorate(this, null, _newLabel_decorators, { kind: "accessor", name: "newLabel", static: false, private: false, access: { has: obj => "newLabel" in obj, get: obj => obj.newLabel, set: (obj, value) => { obj.newLabel = value; } }, metadata: _metadata }, _newLabel_initializers, _newLabel_extraInitializers);
+            __esDecorate(this, null, _copied_decorators, { kind: "accessor", name: "copied", static: false, private: false, access: { has: obj => "copied" in obj, get: obj => obj.copied, set: (obj, value) => { obj.copied = value; } }, metadata: _metadata }, _copied_initializers, _copied_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            IdpScimTokenPanel = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <div style="max-width: 720px;">
+      <idp-scim-token-panel
+        scimBaseUrl="https://idp.global/scim/v2"
+        .tokens=${[
+            { id: 't1', label: 'Okta production', tokenPrefix: 'idp_scim', createdAt: Date.now() - 86400000 * 30, lastUsedAt: Date.now() - 3600000, revoked: false },
+            { id: 't2', label: 'Entra staging', tokenPrefix: 'idp_scim', createdAt: Date.now() - 86400000 * 90, expiresAt: Date.now() + 86400000 * 30, revoked: true },
+        ]}
+        .createdToken=${{ label: 'Okta production', plaintextToken: 'idp_scim_2f8Qb1x0demoTokenValueOnlyShownOnce' }}
+      ></idp-scim-token-panel>
+    </div>
+  `;
+        static demoGroups = ['idp.global v5 admin console'];
+        #tokens_accessor_storage = __runInitializers(this, _tokens_initializers, []);
+        get tokens() { return this.#tokens_accessor_storage; }
+        set tokens(value) { this.#tokens_accessor_storage = value; }
+        #createdToken_accessor_storage = (__runInitializers(this, _tokens_extraInitializers), __runInitializers(this, _createdToken_initializers, null));
+        /** One-time reveal payload after a createScimToken round trip */
+        get createdToken() { return this.#createdToken_accessor_storage; }
+        set createdToken(value) { this.#createdToken_accessor_storage = value; }
+        #scimBaseUrl_accessor_storage = (__runInitializers(this, _createdToken_extraInitializers), __runInitializers(this, _scimBaseUrl_initializers, ''));
+        get scimBaseUrl() { return this.#scimBaseUrl_accessor_storage; }
+        set scimBaseUrl(value) { this.#scimBaseUrl_accessor_storage = value; }
+        #newLabel_accessor_storage = (__runInitializers(this, _scimBaseUrl_extraInitializers), __runInitializers(this, _newLabel_initializers, ''));
+        get newLabel() { return this.#newLabel_accessor_storage; }
+        set newLabel(value) { this.#newLabel_accessor_storage = value; }
+        #copied_accessor_storage = (__runInitializers(this, _newLabel_extraInitializers), __runInitializers(this, _copied_initializers, false));
+        get copied() { return this.#copied_accessor_storage; }
+        set copied(value) { this.#copied_accessor_storage = value; }
+        static styles = [
+            ...idpElementStyles,
+            css `
+      :host {
+        display: block;
+        font-family: var(--idp-font);
+        color: var(--idp-fg);
+      }
+      .section {
+        background: var(--idp-card);
+        border: 1px solid var(--idp-border);
+        border-radius: var(--idp-radius);
+        padding: 20px;
+      }
+      .title {
+        font-size: 14px;
+        font-weight: 600;
+      }
+      .muted {
+        font-size: 12.5px;
+        color: var(--idp-muted-fg);
+        line-height: 1.5;
+        margin-top: 3px;
+      }
+      .endpoint {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        margin-top: 12px;
+        padding: 8px 10px;
+        background: var(--idp-muted);
+        border: 1px solid var(--idp-border);
+        border-radius: 8px;
+        font-family: var(--idp-mono, ui-monospace, monospace);
+        font-size: 12px;
+        overflow-wrap: anywhere;
+      }
+      .reveal {
+        margin-top: 14px;
+        padding: 12px;
+        border: 1px solid var(--idp-info-border, var(--idp-border));
+        border-radius: 10px;
+        background: var(--idp-accent-soft);
+      }
+      .reveal-title {
+        font-size: 12.5px;
+        font-weight: 600;
+        color: var(--idp-accent);
+        display: flex;
+        align-items: center;
+        gap: 6px;
+      }
+      .reveal-token {
+        margin-top: 8px;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-family: var(--idp-mono, ui-monospace, monospace);
+        font-size: 12.5px;
+        overflow-wrap: anywhere;
+      }
+      .copy-button {
+        flex: 0 0 auto;
+        border: 1px solid var(--idp-border);
+        background: var(--idp-card);
+        border-radius: 7px;
+        font-family: inherit;
+        font-size: 11px;
+        padding: 4px 10px;
+        cursor: pointer;
+      }
+      .copy-button:hover {
+        background: var(--idp-muted);
+      }
+      .row {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        padding: 12px 0;
+        border-bottom: 1px solid var(--idp-border);
+      }
+      .row:last-of-type {
+        border-bottom: none;
+      }
+      .row-main {
+        flex: 1;
+        min-width: 0;
+      }
+      .row-name {
+        font-size: 13px;
+        font-weight: 500;
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+      .row-meta {
+        font-size: 11px;
+        color: var(--idp-muted-fg);
+        margin-top: 2px;
+      }
+      .revoke {
+        background: none;
+        border: none;
+        cursor: pointer;
+        font-family: inherit;
+        font-size: 11px;
+        font-weight: 500;
+        color: var(--idp-destructive);
+        padding: 4px 8px;
+        border-radius: 6px;
+      }
+      .revoke:hover {
+        background: var(--idp-error-bg);
+      }
+      .create-row {
+        display: flex;
+        gap: 10px;
+        align-items: flex-end;
+        margin-top: 16px;
+        padding-top: 16px;
+        border-top: 1px solid var(--idp-border);
+      }
+      .create-row idp-input {
+        flex: 1;
+      }
+      .empty {
+        padding: 18px 0;
+        font-size: 12.5px;
+        color: var(--idp-muted-fg);
+      }
+    `,
+        ];
+        formatTimeAgo(timestampArg) {
+            const deltaMs = Date.now() - timestampArg;
+            const days = Math.floor(deltaMs / 86400000);
+            if (days > 0)
+                return `${days}d ago`;
+            const hours = Math.floor(deltaMs / 3600000);
+            if (hours > 0)
+                return `${hours}h ago`;
+            return 'just now';
+        }
+        async copyToken() {
+            if (!this.createdToken)
+                return;
+            try {
+                await navigator.clipboard.writeText(this.createdToken.plaintextToken);
+                this.copied = true;
+                setTimeout(() => (this.copied = false), 2000);
+            }
+            catch {
+                // clipboard unavailable; the token stays selectable
+            }
+        }
+        submitCreate() {
+            const label = this.newLabel.trim();
+            if (!label)
+                return;
+            this.dispatchEvent(new CustomEvent('idp-scim-token-create', {
+                detail: { label },
+                bubbles: true,
+                composed: true,
+            }));
+            this.newLabel = '';
+        }
+        render() {
+            return html `
+      <div class="section">
+        <div class="title">SCIM provisioning</div>
+        <div class="muted">
+          Let your identity provider create, update and deactivate accounts automatically.
+          Configure the endpoint below with a bearer token in Okta or Microsoft Entra.
+        </div>
+        ${this.scimBaseUrl
+                ? html `<div class="endpoint"><idp-icon name="globe" size="14"></idp-icon>${this.scimBaseUrl}</div>`
+                : html ``}
+        ${this.createdToken
+                ? html `
+              <div class="reveal">
+                <div class="reveal-title">
+                  <idp-icon name="key" size="14"></idp-icon>
+                  Token for "${this.createdToken.label}" — copy it now, it won't be shown again
+                </div>
+                <div class="reveal-token">
+                  <span>${this.createdToken.plaintextToken}</span>
+                  <button class="copy-button" @click=${() => this.copyToken()}>
+                    ${this.copied ? 'Copied' : 'Copy'}
+                  </button>
+                </div>
+              </div>
+            `
+                : html ``}
+        ${this.tokens.length
+                ? this.tokens.map((tokenArg) => html `
+                <div class="row">
+                  <div class="row-main">
+                    <div class="row-name">
+                      ${tokenArg.label}
+                      ${tokenArg.revoked
+                    ? html `<idp-badge variant="error">revoked</idp-badge>`
+                    : tokenArg.expiresAt && tokenArg.expiresAt < Date.now()
+                        ? html `<idp-badge variant="warn">expired</idp-badge>`
+                        : html `<idp-badge variant="ok">active</idp-badge>`}
+                    </div>
+                    <div class="row-meta">
+                      ${tokenArg.tokenPrefix}… · created ${this.formatTimeAgo(tokenArg.createdAt)}
+                      ${tokenArg.lastUsedAt ? ` · last used ${this.formatTimeAgo(tokenArg.lastUsedAt)}` : ' · never used'}
+                    </div>
+                  </div>
+                  ${!tokenArg.revoked
+                    ? html `
+                        <button
+                          class="revoke"
+                          @click=${() => this.dispatchEvent(new CustomEvent('idp-scim-token-revoke', {
+                        detail: { tokenId: tokenArg.id },
+                        bubbles: true,
+                        composed: true,
+                    }))}
+                        >
+                          Revoke
+                        </button>
+                      `
+                    : html ``}
+                </div>
+              `)
+                : html `<div class="empty">No SCIM tokens yet. Create one to connect your IdP's provisioning.</div>`}
+        <div class="create-row">
+          <idp-input
+            label="New token label"
+            placeholder="e.g. Okta production"
+            .value=${this.newLabel}
+            @input=${(eventArg) => {
+                const target = eventArg.composedPath()[0];
+                this.newLabel = target?.value ?? '';
+            }}
+          ></idp-input>
+          <idp-button variant="accent" size="sm" @click=${() => this.submitCreate()}>Create token</idp-button>
+        </div>
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _copied_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return IdpScimTokenPanel = _classThis;
+})();
+export { IdpScimTokenPanel };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLXNjaW0tdG9rZW4tcGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLXNjaW0tdG9rZW4tcGFuZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBdUIsTUFBTSw2QkFBNkIsQ0FBQztBQUMxSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDL0MsT0FBTyxnQkFBZ0IsQ0FBQztBQUN4QixPQUFPLGlCQUFpQixDQUFDO0FBQ3pCLE9BQU8sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sZ0JBQWdCLENBQUM7SUEyQlgsaUJBQWlCOzRCQUQ3QixhQUFhLENBQUMsc0JBQXNCLENBQUM7Ozs7c0JBQ0MsV0FBVzs7Ozs7Ozs7Ozs7Ozs7OztpQ0FBbkIsU0FBUSxXQUFXOzs7O2tDQWUvQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUM7d0NBSXpCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt1Q0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUcxQixLQUFLLEVBQUU7a0NBR1AsS0FBSyxFQUFFO1lBWlIsdUtBQWdCLE1BQU0sNkJBQU4sTUFBTSx1RkFBMkI7WUFJakQseUxBQWdCLFlBQVksNkJBQVosWUFBWSxtR0FBMEQ7WUFHdEYsc0xBQWdCLFdBQVcsNkJBQVgsV0FBVyxpR0FBTTtZQUdqQyw2S0FBaUIsUUFBUSw2QkFBUixRQUFRLDJGQUFNO1lBRy9CLHVLQUFpQixNQUFNLDZCQUFOLE1BQU0sdUZBQVM7WUE3QmxDLDZLQXNSQzs7OztRQXJSUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxD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

package/dist_ts_web/elements/idp-sso-connection-form.d.ts

@@ -0,0 +1,81 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './idp-badge.js';
+import './idp-button.js';
+import './idp-icon.js';
+import './idp-input.js';
+export interface IIdpSsoConnectionItem {
+    id: string;
+    displayName: string;
+    status: 'active' | 'disabled';
+    emailDomains: string[];
+    entityId: string;
+    ssoUrl: string;
+    certificateCount: number;
+    provisioningMode: 'jit' | 'scim-only' | 'jit-and-scim';
+    defaultOrgRoles: string[];
+    groupMappings: {
+        idpGroup: string;
+        orgRoles: string[];
+    }[];
+}
+export interface IIdpSsoSpDetails {
+    spEntityId: string;
+    acsUrl: string;
+    metadataUrl: string;
+    scimBaseUrl: string;
+}
+export interface IIdpSsoCreateEventDetail {
+    displayName: string;
+    emailDomains: string[];
+    metadataXml?: string;
+    idp?: {
+        entityId: string;
+        ssoUrl: string;
+        signingCertificates: string[];
+    };
+    provisioningMode: 'jit' | 'scim-only' | 'jit-and-scim';
+    defaultOrgRoles: string[];
+    groupMappings: {
+        idpGroup: string;
+        orgRoles: string[];
+    }[];
+}
+export interface IIdpSsoStatusEventDetail {
+    connectionId: string;
+    status: 'active' | 'disabled';
+}
+export interface IIdpSsoDeleteEventDetail {
+    connectionId: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'idp-sso-connection-form': IdpSsoConnectionForm;
+    }
+}
+export declare class IdpSsoConnectionForm extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor connections: IIdpSsoConnectionItem[];
+    accessor spDetails: IIdpSsoSpDetails | null;
+    private accessor formOpen;
+    private accessor manualIdp;
+    private accessor formDisplayName;
+    private accessor formEmailDomains;
+    private accessor formMetadataXml;
+    private accessor formEntityId;
+    private accessor formSsoUrl;
+    private accessor formCertificate;
+    private accessor formProvisioningMode;
+    private accessor formDefaultRoles;
+    private accessor formGroupMappings;
+    private accessor formError;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    private parseGroupMappings;
+    private parseList;
+    private submitCreate;
+    private resetForm;
+    private readInput;
+    private renderConnectionRow;
+    private renderForm;
+    render(): TemplateResult;
+}