funda-ui 4.7.770 → 4.7.810

package/Chatbox/index.css

@@ -135,6 +135,7 @@
   --custom-chatbox-questions-hover-bg: #e9e9e9;
   --custom-chatbox-content-html-elem-border-color: #ddd;
   --custom-chatbox-content-html-elem-bg: rgba(0,0,0,.05);
+  --custom-chatbox-voice-input-color: #ff4444;
   --custom-balloon-border-radius: 0.35rem;
   --custom-balloon-color: rgba(16, 16, 16, 0.95);
   --custom-balloon-text-color: #fff;
@@ -455,6 +456,67 @@
   background-color: var(--custom-chatbox-stop-color);
   border-color: var(--custom-chatbox-stop-color);
 }
+.custom-chatbox-container .msgcontrol [class*=chatbox-voice-input-btn] {
+  border: none;
+  right: 3.2rem;
+  background: none;
+  width: 40px;
+  height: 40px;
+  z-index: 4;
+}
+.custom-chatbox-container .msgcontrol [class*=chatbox-voice-input-btn] svg path {
+  fill: var(--custom-chatbox-primary-text);
+}
+.custom-chatbox-container .msgcontrol [class*=chatbox-voice-input-btn-wrapper].active > span {
+  border-radius: 50%;
+  margin-left: 0.5rem;
+  z-index: 3;
+  right: calc(40px + 0.4rem + 0.3rem);
+  bottom: 0.3rem;
+  position: absolute;
+  background-color: var(--custom-chatbox-primary-color);
+  width: 40px;
+  height: 40px;
+  display: block;
+  pointer-events: none;
+  background-color: var(--custom-chatbox-voice-input-color);
+  border-color: var(--custom-chatbox-voice-input-color);
+  animation: pulse 1.5s ease-in-out infinite;
+}
+.custom-chatbox-container .msgcontrol [class*=chatbox-voice-input-btn-wrapper].active > span::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  border-radius: 50%;
+  border: 3px solid var(--custom-chatbox-voice-input-color);
+  animation: ripple 1.5s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+}
+.custom-chatbox-container .msgcontrol [class*=chatbox-voice-input-btn-wrapper].active > button svg path {
+  fill: var(--custom-chatbox-msg-bg);
+}
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  50% {
+    opacity: 0.8;
+    transform: scale(1.05);
+  }
+}
+@keyframes ripple {
+  0% {
+    transform: scale(1);
+    opacity: 0.8;
+  }
+  100% {
+    transform: scale(1.4);
+    opacity: 0;
+  }
+}
 .custom-chatbox-container .loading {
   margin-top: 0;
   height: 5px;

package/Chatbox/index.d.ts

@@ -48,6 +48,41 @@ export declare type CustomRequestResponse = {
     isStream: boolean;
 };
 export declare type CustomRequestFunction = (message: string, config: CustomRequestConfig, customMethods: CustomMethod[], conversationHistory: MessageDetail[]) => Promise<CustomRequestResponse>;
+export declare type VoiceConfig = {
+    enableVoiceInput: boolean;
+    holdToTalk?: boolean;
+    voiceInputAppId?: string;
+    voiceInputApiKey?: string;
+    voiceInputApiSecret?: string;
+    voiceInputSampleRate?: number;
+    voiceInputFormat?: string;
+    voiceInputEncoding?: string;
+    voiceInputHost?: string;
+    voiceInputPath?: string;
+    voiceInputProtocol?: string;
+    voiceInputHmacAlgorithm?: string;
+    voiceInputHashAlgorithm?: string;
+    voiceInputUrlTemplate?: string;
+    voiceInputRequestBodyTemplate?: string;
+    voiceInputAudioBodyTemplate?: string;
+    voiceInputUuid?: string;
+    voiceInputLang?: string;
+    voiceInputUtc?: string;
+    voiceResponseExtractor?: string;
+    voiceInputIdleTimeoutSeconds?: number;
+    voiceInputEndTimeoutSeconds?: number;
+    generateVoiceSignature?: (params: {
+        host: string;
+        path: string;
+        date: string;
+        apiKey: string;
+        apiSecret: string;
+    }) => string | Promise<string>;
+    onVoiceInputStart?: () => void;
+    onVoiceInputEnd?: (text: string) => void;
+    onVoiceInputError?: (error: Error) => void;
+    onVoiceInputInterrupt?: () => void;
+};
 export declare type ChatboxProps = {
     debug?: boolean;
     defaultRows?: number;
@@ -96,6 +131,7 @@ export declare type ChatboxProps = {
     onInputCallback?: (input: string) => Promise<string>;
     onChunk?: (controlRef: React.RefObject<any>, lastContent: string, conversationHistory: MessageDetail[]) => any;
     onComplete?: (controlRef: React.RefObject<any>, lastContent: string, conversationHistory: MessageDetail[]) => any;
+    voiceConfig?: VoiceConfig;
 };
 declare const Chatbox: (props: ChatboxProps) => JSX.Element;
 export default Chatbox;