@pontive/pontkit-core 1.4.0 → 1.6.0

package/dist/components/widgets/index.d.ts

@@ -5,3 +5,4 @@ export * from './pont-invitation/pont-invitation';
 export * from './pont-signin/pont-signin';
 export * from './pont-signup/pont-signup';
 export * from './pont-account-menu';
+export * from './pont-organization-switcher';

package/dist/components/widgets/pont-organization-switcher/index.d.ts

@@ -0,0 +1 @@
+export * from './pont-organization-switcher';

package/dist/components/widgets/pont-organization-switcher/pont-organization-switcher.d.ts

@@ -0,0 +1,63 @@
+import { LitElement, PropertyValues } from 'lit';
+import { AuthState } from '../../../context';
+/** Fired on the element (bubbling, composed) after the session moved. */
+export declare const ORGANIZATION_CHANGED_EVENT = "pont-organization-changed";
+/** Fired when a switch was refused; the session is unchanged. */
+export declare const ORGANIZATION_SWITCH_FAILED_EVENT = "pont-organization-switch-failed";
+export interface OrganizationChangedDetail {
+    organizationId: string;
+    roles: string[];
+    permissions: string[];
+}
+/**
+ * Lets a signed-in user move their session to another organization they
+ * belong to.
+ *
+ * The session acts in one organization at a time; the access token says which
+ * (org_id) and what the user holds there. Nobody is asked to pick at sign-in,
+ * so this is where an app offers the choice, wherever it wants it — typically
+ * the header. Choosing one is a refresh that names the organization
+ * (Auth.switchOrganization): new tokens, same session, no sign-in.
+ *
+ * Renders nothing until the session is known, for a signed-out user, and for a
+ * user with no organizations — a B2C app can include it and never show it.
+ *
+ * After a switch it fires `pont-organization-changed` so the app can reload
+ * what it shows for the old organization. With `reload-on-switch` it reloads
+ * the page instead, which is what a server-rendered page needs: the server
+ * reads the new access token from the cookie on the next request.
+ */
+export declare class PontOrganizationSwitcher extends LitElement {
+    protected createRenderRoot(): HTMLElement | DocumentFragment;
+    /** Reload the page after a successful switch. */
+    reloadOnSwitch: boolean;
+    /** Label shown when the session acts in no organization. */
+    emptyLabel: string;
+    /**
+     * Called after a switch, with the same detail as `pont-organization-changed`.
+     * A property rather than only an event so framework bindings that pass props
+     * (the React and Vue wrappers) can take it as `onOrganizationChanged`.
+     */
+    onOrganizationChanged?: (detail: OrganizationChangedDetail) => void;
+    /** Called when a switch is refused; the session is unchanged. */
+    onSwitchFailed?: (detail: {
+        organizationId: string;
+        error: unknown;
+    }) => void;
+    auth?: AuthState;
+    private organizations;
+    private currentId;
+    private loaded;
+    private switching;
+    private error;
+    private readonly onFocus;
+    private readonly onChangedElsewhere;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    private readCurrent;
+    private load;
+    private select;
+    private nameOf;
+    render(): import('lit-html').TemplateResult<1>;
+}

package/dist/element-tag-map.d.ts

@@ -22,6 +22,7 @@ import { PontLink } from './components/renderers/navigation/link/_link';
 import { PontLogo } from './components/renderers/visuals/logo/_logo';
 import { PontModal } from './components/ui/modal/index';
 import { PontNameField } from './components/renderers/auth/field/_name-field';
+import { PontOrganizationSwitcher } from './components/widgets/pont-organization-switcher/pont-organization-switcher';
 import { PontOtp } from './components/renderers/auth/otp/_otp';
 import { PontOtpResend } from './components/renderers/auth/otp/_otp-resend';
 import { PontPasskeyButton } from './components/renderers/auth/button/_passkey-button';
@@ -69,6 +70,7 @@ declare global {
         "pont-logo": PontLogo;
         "pont-modal": PontModal;
         "pont-name-field": PontNameField;
+        "pont-organization-switcher": PontOrganizationSwitcher;
         "pont-otp": PontOtp;
         "pont-otp-resend": PontOtpResend;
         "pont-passkey-button": PontPasskeyButton;