@session-services/web-elements 0.1.28 → 0.1.31

package/dist/session-services-elements/session-services-elements.esm.js

@@ -1 +1 @@
-import{p as e,b as t}from"./p-CNOpF6tk.js";export{s as setNonce}from"./p-CNOpF6tk.js";import{g as o}from"./p-DQuL1Twl.js";(()=>{const t=import.meta.url,o={};return""!==t&&(o.resourcesUrl=new URL(".",t).href),e(o)})().then((async e=>(await o(),t([["p-703444ed",[[769,"session-services-formatted-text",{text:[1],theme:[1],currentTheme:[32],segments:[32]},null,{text:["textChanged"],theme:["themeChanged"]}]]],["p-1acfcdfd",[[769,"session-services-ticketing",{tenantId:[1,"tenant-id"],eventId:[1,"event-id"],apiUrl:[1,"api-url"],locale:[1],returnUrl:[1,"return-url"],couponCode:[1,"coupon-code"],initialAdmissionPrices:[1,"initial-admission-prices"],initialPreviewQuote:[1,"initial-preview-quote"],passcode:[1],stickyCheckout:[4,"sticky-checkout"],theme:[1],enableAnalytics:[4,"enable-analytics"],debugAnalytics:[4,"debug-analytics"],event:[32],selectedItems:[32],quote:[32],previewQuote:[32],loading:[32],error:[32],quoteLoading:[32],previewLoading:[32],quoteError:[32],couponError:[32],couponInput:[32],appliedCouponCode:[32],passcodeInput:[32],activePasscode:[32],passcodeDenied:[32],selectionPrompt:[32],checkoutLoading:[32],currentTheme:[32],openModalAdmissionId:[32]},null,{tenantId:["propsChanged"],eventId:["propsChanged"],apiUrl:["propsChanged"],passcode:["propsChanged"],couponCode:["couponCodeChanged"],initialAdmissionPrices:["couponCodeChanged"],initialPreviewQuote:["couponCodeChanged"],theme:["themeChanged"]}]]]],e))));
+import{p as e,b as o}from"./p-DhbVMqIT.js";export{s as setNonce}from"./p-DhbVMqIT.js";import{g as n}from"./p-DQuL1Twl.js";(()=>{const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((async e=>(await n(),o([["p-8483ca88",[[513,"session-services-formatted-text",{text:[1],theme:[1],currentTheme:[32],segments:[32]},null,{text:[{textChanged:0}],theme:[{themeChanged:0}]}]]],["p-d7264f6b",[[513,"session-services-ticketing",{tenantId:[1,"tenant-id"],eventId:[1,"event-id"],apiUrl:[1,"api-url"],locale:[1],returnUrl:[1,"return-url"],couponCode:[1,"coupon-code"],initialAdmissionPrices:[1,"initial-admission-prices"],initialPreviewQuote:[1,"initial-preview-quote"],passcode:[1],stickyCheckout:[4,"sticky-checkout"],theme:[1],enableAnalytics:[4,"enable-analytics"],debugAnalytics:[4,"debug-analytics"],event:[32],selectedItems:[32],quote:[32],previewQuote:[32],initialLoading:[32],eventLoading:[32],retryLoading:[32],passcodeLoading:[32],error:[32],errorKind:[32],refreshError:[32],quoteLoading:[32],previewLoading:[32],quoteError:[32],couponError:[32],couponInput:[32],appliedCouponCode:[32],passcodeInput:[32],activePasscode:[32],passcodeDenied:[32],selectionPrompt:[32],checkoutLoading:[32],checkoutError:[32],currentTheme:[32],openModalAdmissionId:[32],verificationRequired:[32]},null,{tenantId:[{propsChanged:0}],eventId:[{propsChanged:0}],apiUrl:[{propsChanged:0}],passcode:[{propsChanged:0}],couponCode:[{couponCodeChanged:0}],initialAdmissionPrices:[{couponCodeChanged:0}],initialPreviewQuote:[{couponCodeChanged:0}],theme:[{themeChanged:0}]}]]]],e))));

package/dist/types/components/session-services-ticketing/bot-detection.d.ts

@@ -0,0 +1,13 @@
+export type BotSignal = "automation-user-agent" | "chromedriver" | "phantomjs" | "playwright" | "puppeteer" | "selenium" | "webdriver";
+export type BotDetection = {
+    bot: boolean;
+    signals: BotSignal[];
+};
+export type BotEnvironment = {
+    globals: object;
+    root: Pick<Element, "hasAttribute">;
+    userAgent: string;
+    webdriver: boolean;
+};
+export declare function detectBot(env?: BotEnvironment): BotDetection;
+export declare function isProductionApi(apiUrl: string): boolean;

package/dist/types/components/session-services-ticketing/bot-detection.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/session-services-ticketing/session-services-ticketing.d.ts

@@ -1,6 +1,15 @@
 import type { DetailedEvent, OrderQuote } from "@session-services/sdk/schemas";
 import { type EventEmitter } from "../../stencil-public-runtime";
 import { type SelectionKey } from "./session-services-ticketing.logic";
+export type AnalyticsSkipReason = "analytics_initialization_failed" | "analytics_not_initialized" | "missing_event" | "missing_promoter_id" | "missing_team_id";
+export type AnalyticsEventSkipped = {
+    eventType: string;
+    eventId: string;
+    reason: AnalyticsSkipReason;
+    promoterId?: string;
+    teamId?: string;
+};
+type ErrorKind = "configuration" | "not_found" | "access" | "transient";
 export declare class SessionsTicketing {
     host: HTMLElement;
     tenantId: string;
@@ -24,8 +33,13 @@ export declare class SessionsTicketing {
     selectedItems: Map<SelectionKey, number>;
     quote: OrderQuote | null;
     previewQuote: OrderQuote | null;
-    loading: boolean;
+    initialLoading: boolean;
+    eventLoading: boolean;
+    retryLoading: boolean;
+    passcodeLoading: boolean;
     error: string | null;
+    errorKind: ErrorKind | null;
+    refreshError: string | null;
     quoteLoading: boolean;
     previewLoading: boolean;
     quoteError: string | null;
@@ -37,30 +51,59 @@ export declare class SessionsTicketing {
     passcodeDenied: boolean;
     selectionPrompt: boolean;
     checkoutLoading: boolean;
+    checkoutError: string | null;
     currentTheme: "light" | "dark";
     openModalAdmissionId: string | null;
+    verificationRequired: boolean;
     checkoutInit: EventEmitter<{
-        orderId: string;
-        checkoutUrl: string;
+        orderId?: string;
+        checkoutUrl?: string;
     }>;
     cartUpdate: EventEmitter<OrderQuote>;
     errorOccurred: EventEmitter<{
         error: string;
     }>;
+    analyticsEventSkipped: EventEmitter<AnalyticsEventSkipped>;
     private client;
     private analytics?;
     private mediaQueryList?;
     private requestId;
     private previewRequestId;
+    private eventRequestId;
+    private checkoutRequestId;
+    private couponRequestId;
+    private initializeId;
+    private initialSettled;
+    private active;
+    private trackedIdentity?;
+    private quoteRevision?;
+    private checkoutIdempotencyKeys;
+    private eventController?;
+    private quoteController?;
+    private previewController?;
+    private checkoutController?;
+    private couponController?;
     private quoteTimer?;
     private promptTimer?;
-    componentWillLoad(): Promise<void>;
-    propsChanged(): Promise<void>;
-    couponCodeChanged(): Promise<void>;
+    private botBypassed;
+    private modalTrigger?;
+    private modalFocusPending;
+    private modalRestorePending;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    propsChanged(): void;
+    couponCodeChanged(): void;
     themeChanged(): void;
     disconnectedCallback(): void;
     private handleDiscountQueryChange;
+    private continueAfterVerification;
+    private startInitialization;
+    private handleInitializationError;
     private initializeComponent;
+    private handleLoadedEvent;
+    private finishInitialLoad;
+    private invalidateRequests;
     private setInitialCoupon;
     private initialCouponCode;
     private parsedInitialPreviewQuote;
@@ -70,15 +113,18 @@ export declare class SessionsTicketing {
     private setupTheme;
     private handleSystemThemeChange;
     private trackEvent;
+    private analyticsProperties;
+    private analyticsForEvent;
     private analyticsContext;
-    private activeAnalytics;
-    private analyticsEvent;
+    private emitAnalyticsEventSkipped;
     private getLowestPrice;
     private getAdmissionListProducts;
     private loadEventData;
+    private isEventRequestCurrent;
     private pruneSelectedItems;
     private trackLoadedEvent;
     private setupAnalytics;
+    private trackPageViewed;
     private trackProductViewed;
     private updateQuantity;
     private setQuantity;
@@ -90,12 +136,15 @@ export declare class SessionsTicketing {
     private updateQuote;
     private scheduleQuoteUpdate;
     private clearQuoteTimer;
+    private invalidateQuote;
     private clearPromptTimer;
     private promptTicketSelection;
     private getQuoteRequestItems;
     private fetchCartQuote;
     private applyQuote;
     private handleQuoteError;
+    private quoteRevisionFor;
+    private currentQuoteRevision;
     private updatePreviewQuote;
     private fetchPreviewQuote;
     private handleCouponInput;
@@ -105,7 +154,8 @@ export declare class SessionsTicketing {
     private applyCartCoupon;
     private applyPreviewCoupon;
     private removeCartCoupon;
-    private handleCouponError;
+    private isCouponOperationCurrent;
+    private isPreviewCouponOperationCurrent;
     private setCouponError;
     private trackCouponEntered;
     private trackCouponApplied;
@@ -113,7 +163,10 @@ export declare class SessionsTicketing {
     private trackCouponRemoved;
     private handlePasscodeInput;
     private submitPasscode;
+    private retryEventLoad;
     private initiateCheckout;
+    private getCheckoutIdempotencyKey;
+    private isCheckoutRequestCurrent;
     private trackCheckoutStarted;
     private trackExternalTicketClick;
     private getCheckoutItems;
@@ -129,6 +182,7 @@ export declare class SessionsTicketing {
     private getQuoteAdmission;
     private getQuoteSection;
     private formatDateTimeRange;
+    private dateFormatter;
     private formatPriceValue;
     private handleQuantityDecrease;
     private handleQuantityIncrease;
@@ -159,6 +213,8 @@ export declare class SessionsTicketing {
     private renderSectionWithAdmissions;
     private renderLoadingState;
     private renderErrorState;
+    private renderUpdatingState;
+    private renderVerificationState;
     private renderPasscodeState;
     private renderNotFoundState;
     private renderCouponPanel;
@@ -180,6 +236,7 @@ export declare class SessionsTicketing {
     private renderDoorAlert;
     private loadingView;
     private errorView;
+    private verificationView;
     private missingEventView;
     private pendingView;
     private renderReadyState;
@@ -187,3 +244,4 @@ export declare class SessionsTicketing {
     private renderUnavailableState;
     render(): any;
 }
+export {};

package/dist/types/components/session-services-ticketing/session-services-ticketing.logic.d.ts

@@ -75,8 +75,11 @@ export declare function visibleAdmissions(event: DetailedEvent, mode: TicketingM
         base: number;
         booking: number;
         currency: "AUD" | "AED" | "ALL" | "AMD" | "ANG" | "AOA" | "ARS" | "AWG" | "AZN" | "BAM" | "BBD" | "BDT" | "BGN" | "BHD" | "BIF" | "BMD" | "BND" | "BOB" | "BRL" | "BSD" | "BTN" | "BWP" | "BZD" | "CAD" | "CHF" | "CLP" | "CNY" | "COP" | "CRC" | "CVE" | "CZK" | "DJF" | "DKK" | "DOP" | "DZD" | "EGP" | "ERN" | "ETB" | "EUR" | "FJD" | "FKP" | "GBP" | "GEL" | "GHS" | "GIP" | "GMD" | "GNF" | "GTQ" | "GYD" | "HKD" | "HNL" | "HUF" | "IDR" | "ILS" | "INR" | "ISK" | "JMD" | "JOD" | "JPY" | "KES" | "KGS" | "KHR" | "KMF" | "KRW" | "KWD" | "KYD" | "KZT" | "LAK" | "LBP" | "LKR" | "LRD" | "LSL" | "LYD" | "MAD" | "MDL" | "MGA" | "MKD" | "MNT" | "MOP" | "MUR" | "MVR" | "MWK" | "MXN" | "MYR" | "NAD" | "NGN" | "NIO" | "NOK" | "NPR" | "NZD" | "OMR" | "PAB" | "PEN" | "PGK" | "PHP" | "PKR" | "PLN" | "PYG" | "QAR" | "RON" | "RSD" | "RWF" | "SAR" | "SBD" | "SCR" | "SEK" | "SGD" | "SHP" | "SLE" | "SRD" | "SVC" | "SZL" | "THB" | "TJS" | "TMT" | "TND" | "TOP" | "TRY" | "TTD" | "TWD" | "TZS" | "UAH" | "UGX" | "USD" | "UYU" | "UZS" | "VND" | "VUV" | "WST" | "XAF" | "XCD" | "XOF" | "XPF" | "ZAR" | "ZMW" | "ZWL";
+        override?: {
+            booking: number;
+        };
     };
-    visibility: "ALWAYS" | "HIDDEN";
+    visibility: "ALWAYS" | "HIDDEN" | "AFTER_ADMISSION";
     teamId: string;
     promoterId: string;
     eventId: string;
@@ -89,12 +92,14 @@ export declare function visibleAdmissions(event: DetailedEvent, mode: TicketingM
     reserved?: number;
     createdAt?: string;
     updatedAt?: string;
+    visibleAfterAdmissionId?: string;
     sectionId?: string;
 }[];
 export declare function topLevelTicketItems(sections: Section[], admissions: Admission[], input?: AdmissionStackingInput): TopLevelItem[];
 export declare function getAdmissionDisplayState(input: {
     admission: Admission;
     event: DetailedEvent;
+    locale?: string;
     section?: Section;
     sectionSoldOut?: boolean;
 }): AdmissionDisplayState;
@@ -135,8 +140,11 @@ export declare function quoteItemsBySelection(quote: OrderQuote | null): Map<str
             base: number;
             booking: number;
             currency: "AUD" | "AED" | "ALL" | "AMD" | "ANG" | "AOA" | "ARS" | "AWG" | "AZN" | "BAM" | "BBD" | "BDT" | "BGN" | "BHD" | "BIF" | "BMD" | "BND" | "BOB" | "BRL" | "BSD" | "BTN" | "BWP" | "BZD" | "CAD" | "CHF" | "CLP" | "CNY" | "COP" | "CRC" | "CVE" | "CZK" | "DJF" | "DKK" | "DOP" | "DZD" | "EGP" | "ERN" | "ETB" | "EUR" | "FJD" | "FKP" | "GBP" | "GEL" | "GHS" | "GIP" | "GMD" | "GNF" | "GTQ" | "GYD" | "HKD" | "HNL" | "HUF" | "IDR" | "ILS" | "INR" | "ISK" | "JMD" | "JOD" | "JPY" | "KES" | "KGS" | "KHR" | "KMF" | "KRW" | "KWD" | "KYD" | "KZT" | "LAK" | "LBP" | "LKR" | "LRD" | "LSL" | "LYD" | "MAD" | "MDL" | "MGA" | "MKD" | "MNT" | "MOP" | "MUR" | "MVR" | "MWK" | "MXN" | "MYR" | "NAD" | "NGN" | "NIO" | "NOK" | "NPR" | "NZD" | "OMR" | "PAB" | "PEN" | "PGK" | "PHP" | "PKR" | "PLN" | "PYG" | "QAR" | "RON" | "RSD" | "RWF" | "SAR" | "SBD" | "SCR" | "SEK" | "SGD" | "SHP" | "SLE" | "SRD" | "SVC" | "SZL" | "THB" | "TJS" | "TMT" | "TND" | "TOP" | "TRY" | "TTD" | "TWD" | "TZS" | "UAH" | "UGX" | "USD" | "UYU" | "UZS" | "VND" | "VUV" | "WST" | "XAF" | "XCD" | "XOF" | "XPF" | "ZAR" | "ZMW" | "ZWL";
+            override?: {
+                booking: number;
+            };
         };
-        visibility: "ALWAYS" | "HIDDEN";
+        visibility: "ALWAYS" | "HIDDEN" | "AFTER_ADMISSION";
         teamId: string;
         promoterId: string;
         eventId: string;
@@ -149,6 +157,7 @@ export declare function quoteItemsBySelection(quote: OrderQuote | null): Map<str
         reserved?: number;
         createdAt?: string;
         updatedAt?: string;
+        visibleAfterAdmissionId?: string;
         sectionId?: string;
     };
     section?: {

package/dist/types/components.d.ts

@@ -6,7 +6,9 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { OrderQuote } from "@session-services/sdk/schemas";
+import { AnalyticsEventSkipped } from "./components/session-services-ticketing/session-services-ticketing";
 export { OrderQuote } from "@session-services/sdk/schemas";
+export { AnalyticsEventSkipped } from "./components/session-services-ticketing/session-services-ticketing";
 export namespace Components {
     interface SessionServicesFormattedText {
         /**
@@ -66,11 +68,12 @@ declare global {
     };
     interface HTMLSessionServicesTicketingElementEventMap {
         "checkoutInit": {
-    orderId: string;
-    checkoutUrl: string;
+    orderId?: string;
+    checkoutUrl?: string;
   };
         "cartUpdate": OrderQuote;
         "errorOccurred": { error: string };
+        "analyticsEventSkipped": AnalyticsEventSkipped;
     }
     interface HTMLSessionServicesTicketingElement extends Components.SessionServicesTicketing, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSessionServicesTicketingElementEventMap>(type: K, listener: (this: HTMLSessionServicesTicketingElement, ev: SessionServicesTicketingCustomEvent<HTMLSessionServicesTicketingElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -92,6 +95,8 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
     interface SessionServicesFormattedText {
         /**
           * @default ""
@@ -124,10 +129,11 @@ declare namespace LocalJSX {
           * @default "en-US"
          */
         "locale"?: string;
+        "onAnalyticsEventSkipped"?: (event: SessionServicesTicketingCustomEvent<AnalyticsEventSkipped>) => void;
         "onCartUpdate"?: (event: SessionServicesTicketingCustomEvent<OrderQuote>) => void;
         "onCheckoutInit"?: (event: SessionServicesTicketingCustomEvent<{
-    orderId: string;
-    checkoutUrl: string;
+    orderId?: string;
+    checkoutUrl?: string;
   }>) => void;
         "onErrorOccurred"?: (event: SessionServicesTicketingCustomEvent<{ error: string }>) => void;
         "passcode"?: string;
@@ -142,17 +148,39 @@ declare namespace LocalJSX {
          */
         "theme"?: "light" | "dark" | "system";
     }
+
+    interface SessionServicesFormattedTextAttributes {
+        "text": string;
+        "theme": "light" | "dark" | "system";
+    }
+    interface SessionServicesTicketingAttributes {
+        "tenantId": string;
+        "eventId": string;
+        "apiUrl": string;
+        "locale": string;
+        "returnUrl": string;
+        "couponCode": string;
+        "initialAdmissionPrices": | Record<string, { discount: number; gross: number; total: number }>
+    | string;
+        "initialPreviewQuote": OrderQuote | string;
+        "passcode": string;
+        "stickyCheckout": boolean;
+        "theme": "light" | "dark" | "system";
+        "enableAnalytics": boolean;
+        "debugAnalytics": boolean;
+    }
+
     interface IntrinsicElements {
-        "session-services-formatted-text": SessionServicesFormattedText;
-        "session-services-ticketing": SessionServicesTicketing;
+        "session-services-formatted-text": Omit<SessionServicesFormattedText, keyof SessionServicesFormattedTextAttributes> & { [K in keyof SessionServicesFormattedText & keyof SessionServicesFormattedTextAttributes]?: SessionServicesFormattedText[K] } & { [K in keyof SessionServicesFormattedText & keyof SessionServicesFormattedTextAttributes as `attr:${K}`]?: SessionServicesFormattedTextAttributes[K] } & { [K in keyof SessionServicesFormattedText & keyof SessionServicesFormattedTextAttributes as `prop:${K}`]?: SessionServicesFormattedText[K] };
+        "session-services-ticketing": Omit<SessionServicesTicketing, keyof SessionServicesTicketingAttributes> & { [K in keyof SessionServicesTicketing & keyof SessionServicesTicketingAttributes]?: SessionServicesTicketing[K] } & { [K in keyof SessionServicesTicketing & keyof SessionServicesTicketingAttributes as `attr:${K}`]?: SessionServicesTicketingAttributes[K] } & { [K in keyof SessionServicesTicketing & keyof SessionServicesTicketingAttributes as `prop:${K}`]?: SessionServicesTicketing[K] } & OneOf<"tenantId", SessionServicesTicketing["tenantId"], SessionServicesTicketingAttributes["tenantId"]> & OneOf<"eventId", SessionServicesTicketing["eventId"], SessionServicesTicketingAttributes["eventId"]>;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "session-services-formatted-text": LocalJSX.SessionServicesFormattedText & JSXBase.HTMLAttributes<HTMLSessionServicesFormattedTextElement>;
-            "session-services-ticketing": LocalJSX.SessionServicesTicketing & JSXBase.HTMLAttributes<HTMLSessionServicesTicketingElement>;
+            "session-services-formatted-text": LocalJSX.IntrinsicElements["session-services-formatted-text"] & JSXBase.HTMLAttributes<HTMLSessionServicesFormattedTextElement>;
+            "session-services-ticketing": LocalJSX.IntrinsicElements["session-services-ticketing"] & JSXBase.HTMLAttributes<HTMLSessionServicesTicketingElement>;
         }
     }
 }

package/dist/types/index.d.ts

@@ -7,4 +7,4 @@
  * DO NOT use this file to export your components. Instead, use the recommended approaches
  * to consume components of this package as outlined in the `README.md`.
  */
-export {};
+export type { Components } from "./components";

package/dist/types/stencil-public-runtime.d.ts

@@ -63,6 +63,12 @@ export interface ShadowRootOptions {
      * focusable part is given focus, and the shadow host is given any available `:focus` styling.
      */
     delegatesFocus?: boolean;
+    /**
+     * Sets the slot assignment mode for the shadow root. When set to `'manual'`, enables imperative
+     * slotting using the `HTMLSlotElement.assign()` method. Defaults to `'named'` for standard
+     * declarative slotting behavior.
+     */
+    slotAssignment?: 'manual' | 'named';
 }
 export interface ModeStyles {
     [modeName: string]: string | string[];
@@ -119,8 +125,27 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsOptions {
+    /**
+     * Initial custom states to set on the ElementInternals.states CustomStateSet.
+     * Each key is the state name and the value is the initial boolean state.
+     *
+     * These states can be targeted with the CSS `:state()` pseudo-class.
+     *
+     * @example
+     * ```tsx
+     * @AttachInternals({ states: { open: true, active: false } })
+     * internals: ElementInternals;
+     * ```
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet
+     */
+    states?: {
+        [stateName: string]: boolean;
+    };
+}
 export interface AttachInternalsDecorator {
-    (): PropertyDecorator;
+    (opts?: AttachInternalsOptions): PropertyDecorator;
 }
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
@@ -156,7 +181,9 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
+    (propName: any, watchOptions?: {
+        immediate?: boolean;
+    }): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
 }
 export interface PropSerializeDecorator {
     (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
@@ -610,7 +637,7 @@ export interface FunctionalUtilities {
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
-    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
+    (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[] | null;
 }
 /**
  * A Child VDOM node
@@ -652,6 +679,7 @@ export declare namespace h {
     function h(sel: any, data: VNodeData | null, text: string): VNode;
     function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
     function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+    function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
     namespace JSX {
         interface IntrinsicElements extends LocalJSX.IntrinsicElements, JSXBase.IntrinsicElements {
             [tagName: string]: any;
@@ -666,6 +694,36 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+export declare function h(sel: any, data: VNodeData | null, ...children: (VNode | string | number)[]): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsx mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsx".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsx(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxmode with multiple children.
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @returns a jsx vnode
+ */
+export declare function jsxs(type: any, props: any, key?: string): VNode;
+/**
+ * Automatic JSX runtime functions for TypeScript's react-jsxdev mode.
+ * These functions are called automatically by TypeScript when using "jsx": "react-jsxdev".
+ * @param type type of node
+ * @param props properties of node
+ * @param key optional key for the node
+ * @param isStaticChildren indicates if the children are static
+ * @param source source information
+ * @param self reference to the component instance
+ * @returns a jsx vnode
+ */
+export declare function jsxDEV(type: any, props: any, key?: string | number, isStaticChildren?: boolean, source?: any, self?: any): VNode;
 /**
  * A virtual DOM node
  */
@@ -695,7 +753,7 @@ declare namespace LocalJSX {
 export { LocalJSX as JSX };
 export declare namespace JSXBase {
     interface IntrinsicElements {
-        slot: JSXBase.SlotAttributes;
+        slot: JSXBase.SlotAttributes<HTMLSlotElement>;
         a: JSXBase.AnchorHTMLAttributes<HTMLAnchorElement>;
         abbr: JSXBase.HTMLAttributes;
         address: JSXBase.HTMLAttributes;
@@ -865,7 +923,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes extends JSXAttributes {
+    interface SlotAttributes<T = HTMLSlotElement> extends JSXAttributes<T> {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -921,6 +979,9 @@ export declare namespace JSXBase {
         popoverTargetAction?: string;
         popoverTargetElement?: Element | null;
         popoverTarget?: string;
+        command?: string;
+        commandFor?: string;
+        commandfor?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -1009,6 +1070,7 @@ export declare namespace JSXBase {
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
+        referrerPolicy?: ReferrerPolicy;
         sizes?: string;
         src?: string;
         srcSet?: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@session-services/web-elements",
   "private": false,
-  "version": "0.1.28",
+  "version": "0.1.31",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "types": "dist/types/components.d.ts",
@@ -14,6 +14,10 @@
       "require": "./dist/session-services-elements/session-services-elements.cjs.js",
       "types": "./dist/types/components.d.ts"
     },
+    "./dist/components": {
+      "import": "./dist/components/index.js",
+      "types": "./dist/components/index.d.ts"
+    },
     "./dist/*": {
       "import": "./dist/*",
       "types": "./dist/*"
@@ -144,18 +148,18 @@
     "access": "public"
   },
   "devDependencies": {
-    "@stencil/core": "^4.27.1",
-    "@stencil/react-output-target": "^0.6.0",
-    "@types/jest": "^29.5.14",
-    "@types/node": "^24",
-    "jest": "^29.7.0",
-    "puppeteer": "^24.3.0",
-    "rollup": "^4.53.3",
+    "@stencil/core": "^4.43.5",
+    "@stencil/react-output-target": "^1.5.3",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^24.13.2",
+    "jest": "^30.4.2",
+    "puppeteer": "^25.1.0",
+    "rollup": "^4.61.1",
     "rollup-plugin-esbuild": "^6.2.1",
-    "typescript": "5.9.3",
-    "vitest": "4.0.15",
+    "typescript": "~6.0.3",
+    "vitest": "4.1.8",
+    "@session-services/sdk": "0.1.31",
     "@session-services/tsconfig": "0.1.0",
-    "@session-services/sdk": "0.1.28",
     "@session-services/utils": "0.1.18"
   },
   "scripts": {