@memori.ai/memori-react 2.7.2 → 2.8.0

package/src/components/MemoriWidget/MemoriWidget.tsx

@@ -203,6 +203,7 @@ export interface Props {
   AZURE_COGNITIVE_SERVICES_TTS_KEY?: string;
   onStateChange?: (state?: DialogState) => void;
   additionalInfo?: OpenSession['additionalInfo'] & { [key: string]: string };
+  customMediaRenderer?: ChatProps['customMediaRenderer'];
 }
 
 const MemoriWidget = ({
@@ -235,6 +236,7 @@ const MemoriWidget = ({
   AZURE_COGNITIVE_SERVICES_TTS_KEY,
   onStateChange,
   additionalInfo,
+  customMediaRenderer,
 }: Props) => {
   const { t, i18n } = useTranslation();
 
@@ -2312,6 +2314,7 @@ const MemoriWidget = ({
     resetTranscript,
     listening,
     isPlayingAudio,
+    customMediaRenderer,
   };
 
   const integrationBackground =

package/src/index.tsx

@@ -40,6 +40,7 @@ export interface Props {
   AZURE_COGNITIVE_SERVICES_TTS_KEY?: string;
   onStateChange?: (state?: DialogState) => void;
   additionalInfo?: WidgetProps['additionalInfo'];
+  customMediaRenderer?: WidgetProps['customMediaRenderer'];
 }
 
 const getPreferredLanguages = () => {
@@ -87,6 +88,7 @@ const Memori: React.FC<Props> = ({
   AZURE_COGNITIVE_SERVICES_TTS_KEY,
   onStateChange,
   additionalInfo,
+  customMediaRenderer,
 }) => {
   const [memori, setMemori] = useState<IMemori>();
   const [speechKey, setSpeechKey] = useState<string | undefined>(
@@ -213,6 +215,7 @@ const Memori: React.FC<Props> = ({
       }
       onStateChange={onStateChange}
       additionalInfo={additionalInfo}
+      customMediaRenderer={customMediaRenderer}
       {...(tag && pin ? { personification: { tag, pin } } : {})}
     />
   ) : (