@clivly/chat-widget 0.11.0-next.0 → 0.11.0

package/dist/browser-mount.cjs

@@ -256,6 +256,13 @@ const WIDGET_STYLES = `
   padding: 0.5rem 1rem;
   text-align: center;
 }
+/* Only the name carries the gradient. "Powered by" is ordinary running text
+   and inherits the muted colour of the line, so the mark reads as a signature
+   rather than the whole sentence being branded. */
+.clivly-chat-widget__powered a {
+  color: inherit;
+  text-decoration: none;
+}
 /* The attribution is Clivly's mark, not the host's, so it uses the stops from
    the logo itself rather than --clivly-chat-accent: the accent is driven by
    each customer's own brandColor, and a signature that changed colour per
@@ -265,20 +272,23 @@ const WIDGET_STYLES = `
    background-clip is painted over it, so anything that drops the background —
    forced-colors, an older engine, a copied-out snippet — degrades to solid
    coral rather than to invisible text. */
-.clivly-chat-widget__powered a {
+.clivly-chat-widget__powered-mark {
   background-image: linear-gradient(90deg, #ff5a4a 0%, #c0231a 100%);
   -webkit-background-clip: text;
   background-clip: text;
   color: #c0231a;
-  text-decoration: none;
   -webkit-text-fill-color: transparent;
 }
 /* Forced-colors mode strips background-image outright, which would leave the
-   text painted in a transparent fill. Hand the colour back to the UA. */
+   text painted in a transparent fill. Hand the colour back to the UA so the
+   mark inherits the link colour the UA picked rather than re-pinning coral. */
 @media (forced-colors: active) {
   .clivly-chat-widget__powered a {
-    background-image: none;
     color: LinkText;
+  }
+  .clivly-chat-widget__powered-mark {
+    background-image: none;
+    color: currentColor;
     -webkit-text-fill-color: currentColor;
   }
 }
@@ -800,11 +810,18 @@ function ChatWidget({ className, createTransport, defaultVisitor, getSession, in
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "clivly-chat-widget__powered",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
 							href: "https://clivly.com",
 							rel: "noopener",
 							target: "_blank",
-							children: "Powered by Clivly"
+							children: [
+								"Powered by",
+								" ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "clivly-chat-widget__powered-mark",
+									children: "Clivly"
+								})
+							]
 						})
 					})
 				]

package/dist/browser-mount.d.cts

@@ -148,13 +148,13 @@ interface ChatWidgetProps {
 }
 //#endregion
 //#region src/browser-mount.d.ts
-interface MountChatWidgetOptions extends Omit<ChatWidgetProps, "getSession" | "widgetId"> {
+export interface MountChatWidgetOptions extends Omit<ChatWidgetProps, "getSession" | "widgetId"> {
   container: Element | ShadowRoot;
   sessionUrl: string;
   socketUrlTemplate?: string;
   widgetId: string;
 }
-interface ChatWidgetMount {
+export interface ChatWidgetMount {
   root: Root;
   /**
    * Repaint the widget in a different theme. `"auto"` resumes following the
@@ -166,11 +166,10 @@ interface ChatWidgetMount {
    */
   setTheme: (theme: ChatWidgetTheme) => void;
 }
-declare function mountChatWidget(options: MountChatWidgetOptions): Root;
-interface ScriptMountResult extends ChatWidgetMount {
+export declare function mountChatWidget(options: MountChatWidgetOptions): Root;
+export interface ScriptMountResult extends ChatWidgetMount {
   shadowRoot: ShadowRoot;
 }
-declare function mountChatWidgetScript(script?: HTMLScriptElement): ScriptMountResult;
-declare function autoMountChatWidgetScript(script?: HTMLScriptElement | null): ScriptMountResult | null;
-//#endregion
-export { ChatWidgetMount, MountChatWidgetOptions, ScriptMountResult, autoMountChatWidgetScript, mountChatWidget, mountChatWidgetScript };
+export declare function mountChatWidgetScript(script?: HTMLScriptElement): ScriptMountResult;
+export declare function autoMountChatWidgetScript(script?: HTMLScriptElement | null): ScriptMountResult | null;
+//#endregion

package/dist/browser-mount.d.mts

@@ -148,13 +148,13 @@ interface ChatWidgetProps {
 }
 //#endregion
 //#region src/browser-mount.d.ts
-interface MountChatWidgetOptions extends Omit<ChatWidgetProps, "getSession" | "widgetId"> {
+export interface MountChatWidgetOptions extends Omit<ChatWidgetProps, "getSession" | "widgetId"> {
   container: Element | ShadowRoot;
   sessionUrl: string;
   socketUrlTemplate?: string;
   widgetId: string;
 }
-interface ChatWidgetMount {
+export interface ChatWidgetMount {
   root: Root;
   /**
    * Repaint the widget in a different theme. `"auto"` resumes following the
@@ -166,11 +166,10 @@ interface ChatWidgetMount {
    */
   setTheme: (theme: ChatWidgetTheme) => void;
 }
-declare function mountChatWidget(options: MountChatWidgetOptions): Root;
-interface ScriptMountResult extends ChatWidgetMount {
+export declare function mountChatWidget(options: MountChatWidgetOptions): Root;
+export interface ScriptMountResult extends ChatWidgetMount {
   shadowRoot: ShadowRoot;
 }
-declare function mountChatWidgetScript(script?: HTMLScriptElement): ScriptMountResult;
-declare function autoMountChatWidgetScript(script?: HTMLScriptElement | null): ScriptMountResult | null;
-//#endregion
-export { ChatWidgetMount, MountChatWidgetOptions, ScriptMountResult, autoMountChatWidgetScript, mountChatWidget, mountChatWidgetScript };
+export declare function mountChatWidgetScript(script?: HTMLScriptElement): ScriptMountResult;
+export declare function autoMountChatWidgetScript(script?: HTMLScriptElement | null): ScriptMountResult | null;
+//#endregion

package/dist/browser-mount.mjs

@@ -255,6 +255,13 @@ const WIDGET_STYLES = `
   padding: 0.5rem 1rem;
   text-align: center;
 }
+/* Only the name carries the gradient. "Powered by" is ordinary running text
+   and inherits the muted colour of the line, so the mark reads as a signature
+   rather than the whole sentence being branded. */
+.clivly-chat-widget__powered a {
+  color: inherit;
+  text-decoration: none;
+}
 /* The attribution is Clivly's mark, not the host's, so it uses the stops from
    the logo itself rather than --clivly-chat-accent: the accent is driven by
    each customer's own brandColor, and a signature that changed colour per
@@ -264,20 +271,23 @@ const WIDGET_STYLES = `
    background-clip is painted over it, so anything that drops the background —
    forced-colors, an older engine, a copied-out snippet — degrades to solid
    coral rather than to invisible text. */
-.clivly-chat-widget__powered a {
+.clivly-chat-widget__powered-mark {
   background-image: linear-gradient(90deg, #ff5a4a 0%, #c0231a 100%);
   -webkit-background-clip: text;
   background-clip: text;
   color: #c0231a;
-  text-decoration: none;
   -webkit-text-fill-color: transparent;
 }
 /* Forced-colors mode strips background-image outright, which would leave the
-   text painted in a transparent fill. Hand the colour back to the UA. */
+   text painted in a transparent fill. Hand the colour back to the UA so the
+   mark inherits the link colour the UA picked rather than re-pinning coral. */
 @media (forced-colors: active) {
   .clivly-chat-widget__powered a {
-    background-image: none;
     color: LinkText;
+  }
+  .clivly-chat-widget__powered-mark {
+    background-image: none;
+    color: currentColor;
     -webkit-text-fill-color: currentColor;
   }
 }
@@ -799,11 +809,18 @@ function ChatWidget({ className, createTransport, defaultVisitor, getSession, in
 					}),
 					/* @__PURE__ */ jsx("p", {
 						className: "clivly-chat-widget__powered",
-						children: /* @__PURE__ */ jsx("a", {
+						children: /* @__PURE__ */ jsxs("a", {
 							href: "https://clivly.com",
 							rel: "noopener",
 							target: "_blank",
-							children: "Powered by Clivly"
+							children: [
+								"Powered by",
+								" ",
+								/* @__PURE__ */ jsx("span", {
+									className: "clivly-chat-widget__powered-mark",
+									children: "Clivly"
+								})
+							]
 						})
 					})
 				]

package/dist/browser.cjs

@@ -256,6 +256,13 @@ const WIDGET_STYLES = `
   padding: 0.5rem 1rem;
   text-align: center;
 }
+/* Only the name carries the gradient. "Powered by" is ordinary running text
+   and inherits the muted colour of the line, so the mark reads as a signature
+   rather than the whole sentence being branded. */
+.clivly-chat-widget__powered a {
+  color: inherit;
+  text-decoration: none;
+}
 /* The attribution is Clivly's mark, not the host's, so it uses the stops from
    the logo itself rather than --clivly-chat-accent: the accent is driven by
    each customer's own brandColor, and a signature that changed colour per
@@ -265,20 +272,23 @@ const WIDGET_STYLES = `
    background-clip is painted over it, so anything that drops the background —
    forced-colors, an older engine, a copied-out snippet — degrades to solid
    coral rather than to invisible text. */
-.clivly-chat-widget__powered a {
+.clivly-chat-widget__powered-mark {
   background-image: linear-gradient(90deg, #ff5a4a 0%, #c0231a 100%);
   -webkit-background-clip: text;
   background-clip: text;
   color: #c0231a;
-  text-decoration: none;
   -webkit-text-fill-color: transparent;
 }
 /* Forced-colors mode strips background-image outright, which would leave the
-   text painted in a transparent fill. Hand the colour back to the UA. */
+   text painted in a transparent fill. Hand the colour back to the UA so the
+   mark inherits the link colour the UA picked rather than re-pinning coral. */
 @media (forced-colors: active) {
   .clivly-chat-widget__powered a {
-    background-image: none;
     color: LinkText;
+  }
+  .clivly-chat-widget__powered-mark {
+    background-image: none;
+    color: currentColor;
     -webkit-text-fill-color: currentColor;
   }
 }
@@ -800,11 +810,18 @@ function ChatWidget({ className, createTransport, defaultVisitor, getSession, in
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "clivly-chat-widget__powered",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
 							href: "https://clivly.com",
 							rel: "noopener",
 							target: "_blank",
-							children: "Powered by Clivly"
+							children: [
+								"Powered by",
+								" ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "clivly-chat-widget__powered-mark",
+									children: "Clivly"
+								})
+							]
 						})
 					})
 				]

package/dist/browser.d.cts

@@ -174,11 +174,10 @@ declare function mountChatWidgetScript$1(script?: HTMLScriptElement): ScriptMoun
 declare function autoMountChatWidgetScript$1(script?: HTMLScriptElement | null): ScriptMountResult$1 | null;
 //#endregion
 //#region src/browser.d.ts
-type ChatWidgetMount = ChatWidgetMount$1;
-type MountChatWidgetOptions = MountChatWidgetOptions$1;
-type ScriptMountResult = ScriptMountResult$1;
-declare const mountChatWidget: typeof mountChatWidget$1;
-declare const mountChatWidgetScript: typeof mountChatWidgetScript$1;
-declare const autoMountChatWidgetScript: typeof autoMountChatWidgetScript$1;
-//#endregion
-export { ChatWidgetMount, MountChatWidgetOptions, ScriptMountResult, autoMountChatWidgetScript, mountChatWidget, mountChatWidgetScript };
+export type ChatWidgetMount = ChatWidgetMount$1;
+export type MountChatWidgetOptions = MountChatWidgetOptions$1;
+export type ScriptMountResult = ScriptMountResult$1;
+export declare const mountChatWidget: typeof mountChatWidget$1;
+export declare const mountChatWidgetScript: typeof mountChatWidgetScript$1;
+export declare const autoMountChatWidgetScript: typeof autoMountChatWidgetScript$1;
+//#endregion

package/dist/browser.d.mts

@@ -174,11 +174,10 @@ declare function mountChatWidgetScript$1(script?: HTMLScriptElement): ScriptMoun
 declare function autoMountChatWidgetScript$1(script?: HTMLScriptElement | null): ScriptMountResult$1 | null;
 //#endregion
 //#region src/browser.d.ts
-type ChatWidgetMount = ChatWidgetMount$1;
-type MountChatWidgetOptions = MountChatWidgetOptions$1;
-type ScriptMountResult = ScriptMountResult$1;
-declare const mountChatWidget: typeof mountChatWidget$1;
-declare const mountChatWidgetScript: typeof mountChatWidgetScript$1;
-declare const autoMountChatWidgetScript: typeof autoMountChatWidgetScript$1;
-//#endregion
-export { ChatWidgetMount, MountChatWidgetOptions, ScriptMountResult, autoMountChatWidgetScript, mountChatWidget, mountChatWidgetScript };
+export type ChatWidgetMount = ChatWidgetMount$1;
+export type MountChatWidgetOptions = MountChatWidgetOptions$1;
+export type ScriptMountResult = ScriptMountResult$1;
+export declare const mountChatWidget: typeof mountChatWidget$1;
+export declare const mountChatWidgetScript: typeof mountChatWidgetScript$1;
+export declare const autoMountChatWidgetScript: typeof autoMountChatWidgetScript$1;
+//#endregion

package/dist/browser.mjs

@@ -255,6 +255,13 @@ const WIDGET_STYLES = `
   padding: 0.5rem 1rem;
   text-align: center;
 }
+/* Only the name carries the gradient. "Powered by" is ordinary running text
+   and inherits the muted colour of the line, so the mark reads as a signature
+   rather than the whole sentence being branded. */
+.clivly-chat-widget__powered a {
+  color: inherit;
+  text-decoration: none;
+}
 /* The attribution is Clivly's mark, not the host's, so it uses the stops from
    the logo itself rather than --clivly-chat-accent: the accent is driven by
    each customer's own brandColor, and a signature that changed colour per
@@ -264,20 +271,23 @@ const WIDGET_STYLES = `
    background-clip is painted over it, so anything that drops the background —
    forced-colors, an older engine, a copied-out snippet — degrades to solid
    coral rather than to invisible text. */
-.clivly-chat-widget__powered a {
+.clivly-chat-widget__powered-mark {
   background-image: linear-gradient(90deg, #ff5a4a 0%, #c0231a 100%);
   -webkit-background-clip: text;
   background-clip: text;
   color: #c0231a;
-  text-decoration: none;
   -webkit-text-fill-color: transparent;
 }
 /* Forced-colors mode strips background-image outright, which would leave the
-   text painted in a transparent fill. Hand the colour back to the UA. */
+   text painted in a transparent fill. Hand the colour back to the UA so the
+   mark inherits the link colour the UA picked rather than re-pinning coral. */
 @media (forced-colors: active) {
   .clivly-chat-widget__powered a {
-    background-image: none;
     color: LinkText;
+  }
+  .clivly-chat-widget__powered-mark {
+    background-image: none;
+    color: currentColor;
     -webkit-text-fill-color: currentColor;
   }
 }
@@ -799,11 +809,18 @@ function ChatWidget({ className, createTransport, defaultVisitor, getSession, in
 					}),
 					/* @__PURE__ */ jsx("p", {
 						className: "clivly-chat-widget__powered",
-						children: /* @__PURE__ */ jsx("a", {
+						children: /* @__PURE__ */ jsxs("a", {
 							href: "https://clivly.com",
 							rel: "noopener",
 							target: "_blank",
-							children: "Powered by Clivly"
+							children: [
+								"Powered by",
+								" ",
+								/* @__PURE__ */ jsx("span", {
+									className: "clivly-chat-widget__powered-mark",
+									children: "Clivly"
+								})
+							]
 						})
 					})
 				]

package/dist/index.cjs

@@ -256,6 +256,13 @@ const WIDGET_STYLES = `
   padding: 0.5rem 1rem;
   text-align: center;
 }
+/* Only the name carries the gradient. "Powered by" is ordinary running text
+   and inherits the muted colour of the line, so the mark reads as a signature
+   rather than the whole sentence being branded. */
+.clivly-chat-widget__powered a {
+  color: inherit;
+  text-decoration: none;
+}
 /* The attribution is Clivly's mark, not the host's, so it uses the stops from
    the logo itself rather than --clivly-chat-accent: the accent is driven by
    each customer's own brandColor, and a signature that changed colour per
@@ -265,20 +272,23 @@ const WIDGET_STYLES = `
    background-clip is painted over it, so anything that drops the background —
    forced-colors, an older engine, a copied-out snippet — degrades to solid
    coral rather than to invisible text. */
-.clivly-chat-widget__powered a {
+.clivly-chat-widget__powered-mark {
   background-image: linear-gradient(90deg, #ff5a4a 0%, #c0231a 100%);
   -webkit-background-clip: text;
   background-clip: text;
   color: #c0231a;
-  text-decoration: none;
   -webkit-text-fill-color: transparent;
 }
 /* Forced-colors mode strips background-image outright, which would leave the
-   text painted in a transparent fill. Hand the colour back to the UA. */
+   text painted in a transparent fill. Hand the colour back to the UA so the
+   mark inherits the link colour the UA picked rather than re-pinning coral. */
 @media (forced-colors: active) {
   .clivly-chat-widget__powered a {
-    background-image: none;
     color: LinkText;
+  }
+  .clivly-chat-widget__powered-mark {
+    background-image: none;
+    color: currentColor;
     -webkit-text-fill-color: currentColor;
   }
 }
@@ -800,11 +810,18 @@ function ChatWidget({ className, createTransport, defaultVisitor, getSession, in
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 						className: "clivly-chat-widget__powered",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
 							href: "https://clivly.com",
 							rel: "noopener",
 							target: "_blank",
-							children: "Powered by Clivly"
+							children: [
+								"Powered by",
+								" ",
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "clivly-chat-widget__powered-mark",
+									children: "Clivly"
+								})
+							]
 						})
 					})
 				]

package/dist/index.d.cts

@@ -24,7 +24,7 @@ interface ResolveThemeOptions {
  * document, and guessing dark would flash the wrong palette on hydration for
  * the majority of pages.
  */
-declare function resolveTheme(theme: ChatWidgetTheme, { root, view }?: ResolveThemeOptions): ResolvedTheme;
+export declare function resolveTheme(theme: ChatWidgetTheme, { root, view }?: ResolveThemeOptions): ResolvedTheme;
 //#endregion
 //#region src/types.d.ts
 type WidgetSenderType = "visitor" | "operator" | "system";
@@ -125,13 +125,13 @@ interface CreateWebSocketTransportOptions {
   getProtocols?: (session: WidgetSessionPayload) => string | string[] | undefined;
   resolveUrl: (session: WidgetSessionPayload) => string;
 }
-declare function createWebSocketTransport({ createSocket, getProtocols, resolveUrl }: CreateWebSocketTransportOptions): CreateChatTransport;
+export declare function createWebSocketTransport({ createSocket, getProtocols, resolveUrl }: CreateWebSocketTransportOptions): CreateChatTransport;
 interface CreateLoopbackTransportOptions {
   operatorName?: string;
   operatorReply?: (body: string) => string | null;
   replyDelayMs?: number;
 }
-declare function createLoopbackTransport({ operatorName, operatorReply, replyDelayMs }?: CreateLoopbackTransportOptions): CreateChatTransport;
+export declare function createLoopbackTransport({ operatorName, operatorReply, replyDelayMs }?: CreateLoopbackTransportOptions): CreateChatTransport;
 //#endregion
 //#region src/chat-widget.d.ts
 interface ChatWidgetProps {
@@ -173,12 +173,12 @@ interface ChatWidgetProps {
   theme?: ChatWidgetTheme;
   widgetId: string;
 }
-declare function ChatWidget({ className, createTransport, defaultVisitor, getSession, initiallyOpen, launcherLabel, storage, style, theme, widgetId }: ChatWidgetProps): ReactElement;
-declare function ChatLauncher(): null;
-declare function ChatPanel(): null;
-declare function MessageComposer(): null;
-declare function PreChatForm(): null;
-declare function ConversationView(): null;
+export declare function ChatWidget({ className, createTransport, defaultVisitor, getSession, initiallyOpen, launcherLabel, storage, style, theme, widgetId }: ChatWidgetProps): ReactElement;
+export declare function ChatLauncher(): null;
+export declare function ChatPanel(): null;
+export declare function MessageComposer(): null;
+export declare function PreChatForm(): null;
+export declare function ConversationView(): null;
 //#endregion
 //#region src/browser-mount.d.ts
 interface MountChatWidgetOptions$1 extends Omit<ChatWidgetProps, "getSession" | "widgetId"> {
@@ -224,16 +224,16 @@ interface CreateSessionFetcherOptions {
   fetchImpl?: typeof fetch;
   sessionUrl: string;
 }
-declare function createSessionFetcher({ fetchImpl, sessionUrl }: CreateSessionFetcherOptions): GetSession;
+export declare function createSessionFetcher({ fetchImpl, sessionUrl }: CreateSessionFetcherOptions): GetSession;
 //#endregion
 //#region src/index.d.ts
-type ChatWidgetMount = ChatWidgetMount$1;
-type MountChatWidgetOptions = MountChatWidgetOptions$1;
-type ScriptMountResult = ScriptMountResult$1;
-declare const autoMountChatWidgetScript: typeof autoMountChatWidgetScript$1;
-type CreateClivlyTransportOptions = CreateClivlyTransportOptions$1;
-declare const createClivlyTransport: typeof createClivlyTransport$1;
-declare const mountChatWidget: typeof mountChatWidget$1;
-declare const mountChatWidgetScript: typeof mountChatWidgetScript$1;
+export type ChatWidgetMount = ChatWidgetMount$1;
+export type MountChatWidgetOptions = MountChatWidgetOptions$1;
+export type ScriptMountResult = ScriptMountResult$1;
+export declare const autoMountChatWidgetScript: typeof autoMountChatWidgetScript$1;
+export type CreateClivlyTransportOptions = CreateClivlyTransportOptions$1;
+export declare const createClivlyTransport: typeof createClivlyTransport$1;
+export declare const mountChatWidget: typeof mountChatWidget$1;
+export declare const mountChatWidgetScript: typeof mountChatWidgetScript$1;
 //#endregion
-export { ChatLauncher, ChatPanel, type ChatTransportConnection, type ChatTransportHandlers, ChatWidget, ChatWidgetMount, type ChatWidgetProps, type ChatWidgetTheme, type ChatWidgetVisitor, ConversationView, type CreateChatTransport, type CreateChatTransportOptions, CreateClivlyTransportOptions, type CreateLoopbackTransportOptions, type CreateWebSocketTransportOptions, type GetSession, type GetSessionOptions, MessageComposer, MountChatWidgetOptions, PreChatForm, type ResolvedTheme, ScriptMountResult, type WidgetClientCreateMessageEvent, type WidgetClientEvent, type WidgetConfig, type WidgetContact, type WidgetConversation, type WidgetConversationSnapshotEvent, type WidgetErrorEvent, type WidgetMessage, type WidgetMessageAckEvent, type WidgetMessageCreatedEvent, type WidgetSenderType, type WidgetServerEvent, type WidgetSessionPayload, type WidgetSessionReadyEvent, type WidgetSummary, autoMountChatWidgetScript, createClivlyTransport, createLoopbackTransport, createSessionFetcher, createWebSocketTransport, mountChatWidget, mountChatWidgetScript, resolveTheme };
+export type { ChatTransportConnection, ChatTransportHandlers, ChatWidgetProps, ChatWidgetTheme, ChatWidgetVisitor, CreateChatTransport, CreateChatTransportOptions, CreateLoopbackTransportOptions, CreateWebSocketTransportOptions, GetSession, GetSessionOptions, ResolvedTheme, WidgetClientCreateMessageEvent, WidgetClientEvent, WidgetConfig, WidgetContact, WidgetConversation, WidgetConversationSnapshotEvent, WidgetErrorEvent, WidgetMessage, WidgetMessageAckEvent, WidgetMessageCreatedEvent, WidgetSenderType, WidgetServerEvent, WidgetSessionPayload, WidgetSessionReadyEvent, WidgetSummary };

package/dist/index.d.mts

@@ -24,7 +24,7 @@ interface ResolveThemeOptions {
  * document, and guessing dark would flash the wrong palette on hydration for
  * the majority of pages.
  */
-declare function resolveTheme(theme: ChatWidgetTheme, { root, view }?: ResolveThemeOptions): ResolvedTheme;
+export declare function resolveTheme(theme: ChatWidgetTheme, { root, view }?: ResolveThemeOptions): ResolvedTheme;
 //#endregion
 //#region src/types.d.ts
 type WidgetSenderType = "visitor" | "operator" | "system";
@@ -125,13 +125,13 @@ interface CreateWebSocketTransportOptions {
   getProtocols?: (session: WidgetSessionPayload) => string | string[] | undefined;
   resolveUrl: (session: WidgetSessionPayload) => string;
 }
-declare function createWebSocketTransport({ createSocket, getProtocols, resolveUrl }: CreateWebSocketTransportOptions): CreateChatTransport;
+export declare function createWebSocketTransport({ createSocket, getProtocols, resolveUrl }: CreateWebSocketTransportOptions): CreateChatTransport;
 interface CreateLoopbackTransportOptions {
   operatorName?: string;
   operatorReply?: (body: string) => string | null;
   replyDelayMs?: number;
 }
-declare function createLoopbackTransport({ operatorName, operatorReply, replyDelayMs }?: CreateLoopbackTransportOptions): CreateChatTransport;
+export declare function createLoopbackTransport({ operatorName, operatorReply, replyDelayMs }?: CreateLoopbackTransportOptions): CreateChatTransport;
 //#endregion
 //#region src/chat-widget.d.ts
 interface ChatWidgetProps {
@@ -173,12 +173,12 @@ interface ChatWidgetProps {
   theme?: ChatWidgetTheme;
   widgetId: string;
 }
-declare function ChatWidget({ className, createTransport, defaultVisitor, getSession, initiallyOpen, launcherLabel, storage, style, theme, widgetId }: ChatWidgetProps): ReactElement;
-declare function ChatLauncher(): null;
-declare function ChatPanel(): null;
-declare function MessageComposer(): null;
-declare function PreChatForm(): null;
-declare function ConversationView(): null;
+export declare function ChatWidget({ className, createTransport, defaultVisitor, getSession, initiallyOpen, launcherLabel, storage, style, theme, widgetId }: ChatWidgetProps): ReactElement;
+export declare function ChatLauncher(): null;
+export declare function ChatPanel(): null;
+export declare function MessageComposer(): null;
+export declare function PreChatForm(): null;
+export declare function ConversationView(): null;
 //#endregion
 //#region src/browser-mount.d.ts
 interface MountChatWidgetOptions$1 extends Omit<ChatWidgetProps, "getSession" | "widgetId"> {
@@ -224,16 +224,16 @@ interface CreateSessionFetcherOptions {
   fetchImpl?: typeof fetch;
   sessionUrl: string;
 }
-declare function createSessionFetcher({ fetchImpl, sessionUrl }: CreateSessionFetcherOptions): GetSession;
+export declare function createSessionFetcher({ fetchImpl, sessionUrl }: CreateSessionFetcherOptions): GetSession;
 //#endregion
 //#region src/index.d.ts
-type ChatWidgetMount = ChatWidgetMount$1;
-type MountChatWidgetOptions = MountChatWidgetOptions$1;
-type ScriptMountResult = ScriptMountResult$1;
-declare const autoMountChatWidgetScript: typeof autoMountChatWidgetScript$1;
-type CreateClivlyTransportOptions = CreateClivlyTransportOptions$1;
-declare const createClivlyTransport: typeof createClivlyTransport$1;
-declare const mountChatWidget: typeof mountChatWidget$1;
-declare const mountChatWidgetScript: typeof mountChatWidgetScript$1;
+export type ChatWidgetMount = ChatWidgetMount$1;
+export type MountChatWidgetOptions = MountChatWidgetOptions$1;
+export type ScriptMountResult = ScriptMountResult$1;
+export declare const autoMountChatWidgetScript: typeof autoMountChatWidgetScript$1;
+export type CreateClivlyTransportOptions = CreateClivlyTransportOptions$1;
+export declare const createClivlyTransport: typeof createClivlyTransport$1;
+export declare const mountChatWidget: typeof mountChatWidget$1;
+export declare const mountChatWidgetScript: typeof mountChatWidgetScript$1;
 //#endregion
-export { ChatLauncher, ChatPanel, type ChatTransportConnection, type ChatTransportHandlers, ChatWidget, ChatWidgetMount, type ChatWidgetProps, type ChatWidgetTheme, type ChatWidgetVisitor, ConversationView, type CreateChatTransport, type CreateChatTransportOptions, CreateClivlyTransportOptions, type CreateLoopbackTransportOptions, type CreateWebSocketTransportOptions, type GetSession, type GetSessionOptions, MessageComposer, MountChatWidgetOptions, PreChatForm, type ResolvedTheme, ScriptMountResult, type WidgetClientCreateMessageEvent, type WidgetClientEvent, type WidgetConfig, type WidgetContact, type WidgetConversation, type WidgetConversationSnapshotEvent, type WidgetErrorEvent, type WidgetMessage, type WidgetMessageAckEvent, type WidgetMessageCreatedEvent, type WidgetSenderType, type WidgetServerEvent, type WidgetSessionPayload, type WidgetSessionReadyEvent, type WidgetSummary, autoMountChatWidgetScript, createClivlyTransport, createLoopbackTransport, createSessionFetcher, createWebSocketTransport, mountChatWidget, mountChatWidgetScript, resolveTheme };
+export type { ChatTransportConnection, ChatTransportHandlers, ChatWidgetProps, ChatWidgetTheme, ChatWidgetVisitor, CreateChatTransport, CreateChatTransportOptions, CreateLoopbackTransportOptions, CreateWebSocketTransportOptions, GetSession, GetSessionOptions, ResolvedTheme, WidgetClientCreateMessageEvent, WidgetClientEvent, WidgetConfig, WidgetContact, WidgetConversation, WidgetConversationSnapshotEvent, WidgetErrorEvent, WidgetMessage, WidgetMessageAckEvent, WidgetMessageCreatedEvent, WidgetSenderType, WidgetServerEvent, WidgetSessionPayload, WidgetSessionReadyEvent, WidgetSummary };

package/dist/index.mjs

@@ -255,6 +255,13 @@ const WIDGET_STYLES = `
   padding: 0.5rem 1rem;
   text-align: center;
 }
+/* Only the name carries the gradient. "Powered by" is ordinary running text
+   and inherits the muted colour of the line, so the mark reads as a signature
+   rather than the whole sentence being branded. */
+.clivly-chat-widget__powered a {
+  color: inherit;
+  text-decoration: none;
+}
 /* The attribution is Clivly's mark, not the host's, so it uses the stops from
    the logo itself rather than --clivly-chat-accent: the accent is driven by
    each customer's own brandColor, and a signature that changed colour per
@@ -264,20 +271,23 @@ const WIDGET_STYLES = `
    background-clip is painted over it, so anything that drops the background —
    forced-colors, an older engine, a copied-out snippet — degrades to solid
    coral rather than to invisible text. */
-.clivly-chat-widget__powered a {
+.clivly-chat-widget__powered-mark {
   background-image: linear-gradient(90deg, #ff5a4a 0%, #c0231a 100%);
   -webkit-background-clip: text;
   background-clip: text;
   color: #c0231a;
-  text-decoration: none;
   -webkit-text-fill-color: transparent;
 }
 /* Forced-colors mode strips background-image outright, which would leave the
-   text painted in a transparent fill. Hand the colour back to the UA. */
+   text painted in a transparent fill. Hand the colour back to the UA so the
+   mark inherits the link colour the UA picked rather than re-pinning coral. */
 @media (forced-colors: active) {
   .clivly-chat-widget__powered a {
-    background-image: none;
     color: LinkText;
+  }
+  .clivly-chat-widget__powered-mark {
+    background-image: none;
+    color: currentColor;
     -webkit-text-fill-color: currentColor;
   }
 }
@@ -799,11 +809,18 @@ function ChatWidget({ className, createTransport, defaultVisitor, getSession, in
 					}),
 					/* @__PURE__ */ jsx("p", {
 						className: "clivly-chat-widget__powered",
-						children: /* @__PURE__ */ jsx("a", {
+						children: /* @__PURE__ */ jsxs("a", {
 							href: "https://clivly.com",
 							rel: "noopener",
 							target: "_blank",
-							children: "Powered by Clivly"
+							children: [
+								"Powered by",
+								" ",
+								/* @__PURE__ */ jsx("span", {
+									className: "clivly-chat-widget__powered-mark",
+									children: "Clivly"
+								})
+							]
 						})
 					})
 				]