diff --git a/.changeset/audio-lines-float-icon.md b/.changeset/audio-lines-float-icon.md new file mode 100644 index 0000000..1b0450d --- /dev/null +++ b/.changeset/audio-lines-float-icon.md @@ -0,0 +1,5 @@ +--- +"@perspective-ai/sdk": patch +--- + +Change the float launcher's default icon from a microphone to lucide's AudioLines icon for the voice and voice+text channels. diff --git a/packages/sdk/src/float.ts b/packages/sdk/src/float.ts index ee643ef..1784f82 100644 --- a/packages/sdk/src/float.ts +++ b/packages/sdk/src/float.ts @@ -20,7 +20,7 @@ import { ensureHostPreconnect, } from "./iframe"; import { createLoadingIndicator } from "./loading"; -import { injectStyles, MIC_ICON, MESSAGES_ICON, CLOSE_ICON } from "./styles"; +import { injectStyles, AUDIO_ICON, MESSAGES_ICON, CLOSE_ICON } from "./styles"; import { getPersistedOpenState, setPersistedOpenState } from "./state"; import { cn, @@ -106,7 +106,7 @@ function resolveTeaserConfig( export function getDefaultIconHtml(config: InternalEmbedConfig): string { return getChannelMode(resolveChannel(config)) === "text" ? MESSAGES_ICON - : MIC_ICON; + : AUDIO_ICON; } export function createIconImg( diff --git a/packages/sdk/src/styles.ts b/packages/sdk/src/styles.ts index f9ee75c..4851a42 100644 --- a/packages/sdk/src/styles.ts +++ b/packages/sdk/src/styles.ts @@ -463,18 +463,24 @@ export function injectStyles(): void { document.head.appendChild(style); } -export const MIC_ICON = ` - +export const AUDIO_ICON = ` + + + + + + `; +// export const MIC_ICON = ` +// +// `; + export const MESSAGES_ICON = ` `; -/** @deprecated Use MIC_ICON instead */ -export const CHAT_ICON = MIC_ICON; - export const CLOSE_ICON = ` `;