@azure/communication-react 1.19.0-alpha-202408070015 → 1.19.0-beta.1

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ChatButton/NotificationIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationIcon.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallWithChatComposite/ChatButton/NotificationIcon.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqC,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAS5G;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAe,EAAE;IAC5E,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,CAAC,gBAAwB,EAAe,EAAE;QAC7D,IAAI,gBAAgB,GAAG,CAAC,EAAE,CAAC;YACzB,OAAO,yCAAK,CAAC;QACf,CAAC;aAAM,CAAC;YACN,MAAM,oBAAoB,GAAG,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;YAC5E,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,gBAAc,oBAAoB,GAAG,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,EAAE,MAAM,EAAE,sBAAsB,CAAC,KAAK,CAAC,IAC1G,oBAAoB,CAChB,CACR,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,kBACO,kDAAkD,EAC7D,eAAe,EAAC,QAAQ,EACxB,aAAa,EAAC,QAAQ,EACtB,MAAM,EAAE,+BAA+B,CAAC,KAAK,CAAC;QAE9C,oBAAC,KAAK,QAAE,YAAY,CAAC,iBAAiB,CAAC,CAAS,CAC1C,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,KAAK,CAAC;AACzC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAE9B,MAAM,+BAA+B,GAAG,eAAe,CACrD,CAAC,KAAa,EAAe,EAAE,CAAC,CAAC;IAC/B,IAAI,EAAE;QACJ,YAAY,EAAE,GAAG,mBAAmB,KAAK,EAAE,qDAAqD;QAChG,MAAM,EAAE,GAAG,mBAAmB,KAAK;QACnC,QAAQ,EAAE,GAAG,mBAAmB,KAAK,EAAE,sIAAsI;QAC7K,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;QACtC,MAAM,EAAE,uBAAuB,EAAE,gCAAgC;QACjE,OAAO,EAAE,GAAG,0BAA0B,KAAK;QAE3C,kEAAkE;QAClE,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,IAAI,GAAG,GAAG,0BAA0B,GAAG,CAAC,KAAK;QAClD,IAAI,EAAE,GAAG,GAAG,GAAG,0BAA0B,GAAG,CAAC,KAAK;KACnD;CACF,CAAC,CACH,CAAC;AAEF,MAAM,sBAAsB,GAAG,eAAe,CAC5C,CAAC,KAAa,EAAgB,EAAE,CAAC,CAAC;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KACtC;CACF,CAAC,CACH,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { IIconStyles, IStackStyles, ITheme, memoizeFunction, Stack, useTheme, Text } from '@fluentui/react';\n\n/**\n * @private\n */\nexport type NotificationIconProps = {\n  chatMessagesCount: number;\n  label?: string;\n};\n/**\n * @private\n */\nexport const NotificationIcon = (props: NotificationIconProps): JSX.Element => {\n  const { chatMessagesCount, label } = props;\n  const theme = useTheme();\n  const renderNumber = (numberOfMessages: number): JSX.Element => {\n    if (numberOfMessages < 1) {\n      return <></>;\n    } else {\n      const textNumberOfMessages = numberOfMessages < 9 ? numberOfMessages : '9+';\n      return (\n        <Text role={'status'} aria-label={textNumberOfMessages + (label ?? '')} styles={notificationTextStyles(theme)}>\n          {textNumberOfMessages}\n        </Text>\n      );\n    }\n  };\n\n  return (\n    <Stack\n      data-ui-id=\"call-with-chat-composite-chat-button-unread-icon\"\n      horizontalAlign=\"center\"\n      verticalAlign=\"center\"\n      styles={notificationIconContainerStyles(theme)}\n    >\n      <Stack>{renderNumber(chatMessagesCount)}</Stack>\n    </Stack>\n  );\n};\n\nconst notificationIconPaddingREM = 0.225;\nconst notificationSizeREM = 1;\n\nconst notificationIconContainerStyles = memoizeFunction(\n  (theme: ITheme): IIconStyles => ({\n    root: {\n      borderRadius: `${notificationSizeREM}rem`, // Create a css circle. This should match the height.\n      height: `${notificationSizeREM}rem`,\n      minWidth: `${notificationSizeREM}rem`, // use min-width over width as we want to extend the width of the notification icon when contents is more than one character (e.g. 9+)\n      background: theme.palette.themePrimary,\n      border: `0.0625rem solid white`, // border should always be white\n      padding: `${notificationIconPaddingREM}rem`,\n\n      // positioning to place the badge within the button appropriately.\n      position: 'absolute',\n      top: `-${0.5 - notificationIconPaddingREM / 2}rem`,\n      left: `${0.5 + notificationIconPaddingREM / 2}rem`\n    }\n  })\n);\n\nconst notificationTextStyles = memoizeFunction(\n  (theme: ITheme): IStackStyles => ({\n    root: {\n      color: 'white',\n      fontSize: theme.fonts.xSmall.fontSize\n    }\n  })\n);\n"]}
+{"version":3,"file":"NotificationIcon.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallWithChatComposite/ChatButton/NotificationIcon.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqC,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAS5G;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAe,EAAE;IAC5E,MAAM,EACJ,iBAAiB,EACjB,KAAK,EACN,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,CAAC,gBAAwB,EAAe,EAAE;QAC7D,IAAI,gBAAgB,GAAG,CAAC,EAAE,CAAC;YACzB,OAAO,yCAAK,CAAC;QACf,CAAC;aAAM,CAAC;YACN,MAAM,oBAAoB,GAAG,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC;YAC5E,OAAO,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,gBAAc,oBAAoB,GAAG,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC,EAAE,MAAM,EAAE,sBAAsB,CAAC,KAAK,CAAC,IAC/G,oBAAoB,CAChB,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IACF,OAAO,oBAAC,KAAK,kBAAY,kDAAkD,EAAC,eAAe,EAAC,QAAQ,EAAC,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,+BAA+B,CAAC,KAAK,CAAC;QACtK,oBAAC,KAAK,QAAE,YAAY,CAAC,iBAAiB,CAAC,CAAS,CAC1C,CAAC;AACb,CAAC,CAAC;AACF,MAAM,0BAA0B,GAAG,KAAK,CAAC;AACzC,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,+BAA+B,GAAG,eAAe,CAAC,CAAC,KAAa,EAAe,EAAE,CAAC,CAAC;IACvF,IAAI,EAAE;QACJ,YAAY,EAAE,GAAG,mBAAmB,KAAK;QACzC,qDAAqD;QACrD,MAAM,EAAE,GAAG,mBAAmB,KAAK;QACnC,QAAQ,EAAE,GAAG,mBAAmB,KAAK;QACrC,sIAAsI;QACtI,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;QACtC,MAAM,EAAE,uBAAuB;QAC/B,gCAAgC;QAChC,OAAO,EAAE,GAAG,0BAA0B,KAAK;QAC3C,kEAAkE;QAClE,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,IAAI,GAAG,GAAG,0BAA0B,GAAG,CAAC,KAAK;QAClD,IAAI,EAAE,GAAG,GAAG,GAAG,0BAA0B,GAAG,CAAC,KAAK;KACnD;CACF,CAAC,CAAC,CAAC;AACJ,MAAM,sBAAsB,GAAG,eAAe,CAAC,CAAC,KAAa,EAAgB,EAAE,CAAC,CAAC;IAC/E,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KACtC;CACF,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\nimport { IIconStyles, IStackStyles, ITheme, memoizeFunction, Stack, useTheme, Text } from '@fluentui/react';\n\n/**\n * @private\n */\nexport type NotificationIconProps = {\n  chatMessagesCount: number;\n  label?: string;\n};\n/**\n * @private\n */\nexport const NotificationIcon = (props: NotificationIconProps): JSX.Element => {\n  const {\n    chatMessagesCount,\n    label\n  } = props;\n  const theme = useTheme();\n  const renderNumber = (numberOfMessages: number): JSX.Element => {\n    if (numberOfMessages < 1) {\n      return <></>;\n    } else {\n      const textNumberOfMessages = numberOfMessages < 9 ? numberOfMessages : '9+';\n      return <Text role={'status'} aria-label={textNumberOfMessages + (label ?? '')} styles={notificationTextStyles(theme)}>\n          {textNumberOfMessages}\n        </Text>;\n    }\n  };\n  return <Stack data-ui-id=\"call-with-chat-composite-chat-button-unread-icon\" horizontalAlign=\"center\" verticalAlign=\"center\" styles={notificationIconContainerStyles(theme)}>\n      <Stack>{renderNumber(chatMessagesCount)}</Stack>\n    </Stack>;\n};\nconst notificationIconPaddingREM = 0.225;\nconst notificationSizeREM = 1;\nconst notificationIconContainerStyles = memoizeFunction((theme: ITheme): IIconStyles => ({\n  root: {\n    borderRadius: `${notificationSizeREM}rem`,\n    // Create a css circle. This should match the height.\n    height: `${notificationSizeREM}rem`,\n    minWidth: `${notificationSizeREM}rem`,\n    // use min-width over width as we want to extend the width of the notification icon when contents is more than one character (e.g. 9+)\n    background: theme.palette.themePrimary,\n    border: `0.0625rem solid white`,\n    // border should always be white\n    padding: `${notificationIconPaddingREM}rem`,\n    // positioning to place the badge within the button appropriately.\n    position: 'absolute',\n    top: `-${0.5 - notificationIconPaddingREM / 2}rem`,\n    left: `${0.5 + notificationIconPaddingREM / 2}rem`\n  }\n}));\nconst notificationTextStyles = memoizeFunction((theme: ITheme): IStackStyles => ({\n  root: {\n    color: 'white',\n    fontSize: theme.fonts.xSmall.fontSize\n  }\n}));"]}

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ChatButton/useUnreadMessagesTracker.js

@@ -17,7 +17,7 @@ export const useUnreadMessagesTracker = (chatAdapter, isChatPaneVisible, isChatI
         // Increment unread messages when a new message is received and the chat pane is closed
         const incrementUnreadChatMessagesCount = (event) => {
             if (!isChatPaneVisible && validNewChatMessage(event.message)) {
-                setUnreadChatMessages((prevUnreadChatMessages) => {
+                setUnreadChatMessages(prevUnreadChatMessages => {
                     const newUnreadChatMessages = new Set(prevUnreadChatMessages);
                     newUnreadChatMessages.add(event.message.id);
                     return newUnreadChatMessages;
@@ -27,7 +27,7 @@ export const useUnreadMessagesTracker = (chatAdapter, isChatPaneVisible, isChatI
         // Decrement unread messages when a message is deleted and the chat pane is closed
         const decrementUnreadChatMessagesCount = (event) => {
             if (!isChatPaneVisible) {
-                setUnreadChatMessages((prevUnreadChatMessages) => {
+                setUnreadChatMessages(prevUnreadChatMessages => {
                     const newUnreadChatMessages = new Set(prevUnreadChatMessages);
                     newUnreadChatMessages.delete(event.message.id);
                     return newUnreadChatMessages;

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/ChatButton/useUnreadMessagesTracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUnreadMessagesTracker.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallWithChatComposite/ChatButton/useUnreadMessagesTracker.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI5C;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACtC,WAAwB,EACxB,iBAA0B,EAC1B,eAAwB,EAChB,EAAE;IACV,sCAAsC;IACtC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IAErF,SAAS,CAAC,GAAG,EAAE;QACb,iDAAiD;QACjD,IAAI,iBAAiB,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1C,qBAAqB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;YACjC,OAAO;QACT,CAAC;QAED,uFAAuF;QACvF,MAAM,gCAAgC,GAAG,CAAC,KAA+B,EAAQ,EAAE;YACjF,IAAI,CAAC,iBAAiB,IAAI,mBAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC7D,qBAAqB,CAAC,CAAC,sBAAsB,EAAE,EAAE;oBAC/C,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC;oBAC9D,qBAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBAC5C,OAAO,qBAAqB,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,kFAAkF;QAClF,MAAM,gCAAgC,GAAG,CAAC,KAA+B,EAAQ,EAAE;YACjF,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,qBAAqB,CAAC,CAAC,sBAAsB,EAAE,EAAE;oBAC/C,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC;oBAC9D,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBAC/C,OAAO,qBAAqB,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,WAAW,CAAC,EAAE,CAAC,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;QACpE,WAAW,CAAC,EAAE,CAAC,gBAAgB,EAAE,gCAAgC,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,GAAG,CAAC,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;YACrE,WAAW,CAAC,GAAG,CAAC,gBAAgB,EAAE,gCAAgC,CAAC,CAAC;QACtE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7E,OAAO,kBAAkB,CAAC,IAAI,CAAC;AACjC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAW,EAAE,CAC5D,CAAC,CAAC,OAAO,CAAC,iBAAiB,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { useEffect, useState } from 'react';\nimport { ChatAdapter } from '../../ChatComposite/adapter/ChatAdapter';\nimport { ChatMessage } from '@azure/communication-chat';\n\n/**\n * Used by the CallWithChatComposite to track unread messages for showing as a badge on the Chat Button.\n * @private\n */\nexport const useUnreadMessagesTracker = (\n  chatAdapter: ChatAdapter,\n  isChatPaneVisible: boolean,\n  isChatInitiazed: boolean\n): number => {\n  // Store messageIds of unread messages\n  const [unreadChatMessages, setUnreadChatMessages] = useState<Set<string>>(new Set());\n\n  useEffect(() => {\n    // Clear unread messages when chat pane is opened\n    if (isChatPaneVisible || !isChatInitiazed) {\n      setUnreadChatMessages(new Set());\n      return;\n    }\n\n    // Increment unread messages when a new message is received and the chat pane is closed\n    const incrementUnreadChatMessagesCount = (event: { message: ChatMessage }): void => {\n      if (!isChatPaneVisible && validNewChatMessage(event.message)) {\n        setUnreadChatMessages((prevUnreadChatMessages) => {\n          const newUnreadChatMessages = new Set(prevUnreadChatMessages);\n          newUnreadChatMessages.add(event.message.id);\n          return newUnreadChatMessages;\n        });\n      }\n    };\n\n    // Decrement unread messages when a message is deleted and the chat pane is closed\n    const decrementUnreadChatMessagesCount = (event: { message: ChatMessage }): void => {\n      if (!isChatPaneVisible) {\n        setUnreadChatMessages((prevUnreadChatMessages) => {\n          const newUnreadChatMessages = new Set(prevUnreadChatMessages);\n          newUnreadChatMessages.delete(event.message.id);\n          return newUnreadChatMessages;\n        });\n      }\n    };\n\n    chatAdapter.on('messageReceived', incrementUnreadChatMessagesCount);\n    chatAdapter.on('messageDeleted', decrementUnreadChatMessagesCount);\n\n    return () => {\n      chatAdapter.off('messageReceived', incrementUnreadChatMessagesCount);\n      chatAdapter.off('messageDeleted', decrementUnreadChatMessagesCount);\n    };\n  }, [chatAdapter, setUnreadChatMessages, isChatPaneVisible, isChatInitiazed]);\n\n  return unreadChatMessages.size;\n};\n\n/**\n * Helper function to determine if the message in the event is a valid one from a user.\n * Display name is used since system messages will not have one.\n */\nconst validNewChatMessage = (message: ChatMessage): boolean =>\n  !!message.senderDisplayName && (message.type === 'text' || message.type === 'html');\n"]}
+{"version":3,"file":"useUnreadMessagesTracker.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallWithChatComposite/ChatButton/useUnreadMessagesTracker.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI5C;;;GAGG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAwB,EAAE,iBAA0B,EAAE,eAAwB,EAAU,EAAE;IACjI,sCAAsC;IACtC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAc,IAAI,GAAG,EAAE,CAAC,CAAC;IACrF,SAAS,CAAC,GAAG,EAAE;QACb,iDAAiD;QACjD,IAAI,iBAAiB,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1C,qBAAqB,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;YACjC,OAAO;QACT,CAAC;QAED,uFAAuF;QACvF,MAAM,gCAAgC,GAAG,CAAC,KAEzC,EAAQ,EAAE;YACT,IAAI,CAAC,iBAAiB,IAAI,mBAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC7D,qBAAqB,CAAC,sBAAsB,CAAC,EAAE;oBAC7C,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC;oBAC9D,qBAAqB,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBAC5C,OAAO,qBAAqB,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,kFAAkF;QAClF,MAAM,gCAAgC,GAAG,CAAC,KAEzC,EAAQ,EAAE;YACT,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBACvB,qBAAqB,CAAC,sBAAsB,CAAC,EAAE;oBAC7C,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC,sBAAsB,CAAC,CAAC;oBAC9D,qBAAqB,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBAC/C,OAAO,qBAAqB,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QACF,WAAW,CAAC,EAAE,CAAC,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;QACpE,WAAW,CAAC,EAAE,CAAC,gBAAgB,EAAE,gCAAgC,CAAC,CAAC;QACnE,OAAO,GAAG,EAAE;YACV,WAAW,CAAC,GAAG,CAAC,iBAAiB,EAAE,gCAAgC,CAAC,CAAC;YACrE,WAAW,CAAC,GAAG,CAAC,gBAAgB,EAAE,gCAAgC,CAAC,CAAC;QACtE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,eAAe,CAAC,CAAC,CAAC;IAC7E,OAAO,kBAAkB,CAAC,IAAI,CAAC;AACjC,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,mBAAmB,GAAG,CAAC,OAAoB,EAAW,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,IAAI,CAAC,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { useEffect, useState } from 'react';\nimport { ChatAdapter } from '../../ChatComposite/adapter/ChatAdapter';\nimport { ChatMessage } from '@azure/communication-chat';\n\n/**\n * Used by the CallWithChatComposite to track unread messages for showing as a badge on the Chat Button.\n * @private\n */\nexport const useUnreadMessagesTracker = (chatAdapter: ChatAdapter, isChatPaneVisible: boolean, isChatInitiazed: boolean): number => {\n  // Store messageIds of unread messages\n  const [unreadChatMessages, setUnreadChatMessages] = useState<Set<string>>(new Set());\n  useEffect(() => {\n    // Clear unread messages when chat pane is opened\n    if (isChatPaneVisible || !isChatInitiazed) {\n      setUnreadChatMessages(new Set());\n      return;\n    }\n\n    // Increment unread messages when a new message is received and the chat pane is closed\n    const incrementUnreadChatMessagesCount = (event: {\n      message: ChatMessage;\n    }): void => {\n      if (!isChatPaneVisible && validNewChatMessage(event.message)) {\n        setUnreadChatMessages(prevUnreadChatMessages => {\n          const newUnreadChatMessages = new Set(prevUnreadChatMessages);\n          newUnreadChatMessages.add(event.message.id);\n          return newUnreadChatMessages;\n        });\n      }\n    };\n\n    // Decrement unread messages when a message is deleted and the chat pane is closed\n    const decrementUnreadChatMessagesCount = (event: {\n      message: ChatMessage;\n    }): void => {\n      if (!isChatPaneVisible) {\n        setUnreadChatMessages(prevUnreadChatMessages => {\n          const newUnreadChatMessages = new Set(prevUnreadChatMessages);\n          newUnreadChatMessages.delete(event.message.id);\n          return newUnreadChatMessages;\n        });\n      }\n    };\n    chatAdapter.on('messageReceived', incrementUnreadChatMessagesCount);\n    chatAdapter.on('messageDeleted', decrementUnreadChatMessagesCount);\n    return () => {\n      chatAdapter.off('messageReceived', incrementUnreadChatMessagesCount);\n      chatAdapter.off('messageDeleted', decrementUnreadChatMessagesCount);\n    };\n  }, [chatAdapter, setUnreadChatMessages, isChatPaneVisible, isChatInitiazed]);\n  return unreadChatMessages.size;\n};\n\n/**\n * Helper function to determine if the message in the event is a valid one from a user.\n * Display name is used since system messages will not have one.\n */\nconst validNewChatMessage = (message: ChatMessage): boolean => !!message.senderDisplayName && (message.type === 'text' || message.type === 'html');"]}

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/Strings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/CallWithChatComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Strings used by the {@link CallWithChatComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface CallWithChatCompositeStrings {\n  /**\n   * {@link CallWithChatComposite} control bar People button label\n   */\n  peopleButtonLabel: string;\n  /**\n   * {@link CallWithChatComposite} control bar People button label when checked\n   */\n  selectedPeopleButtonLabel: string;\n  /**\n   * {@link CallWithChatComposite} aria label for control bar People button when unchecked\n   */\n  peopleButtonTooltipOpenAriaLabel: string;\n  /**\n   * {@link CallWithChatComposite} aria label for control bar People button when checked\n   */\n  peopleButtonTooltipCloseAriaLabel: string;\n  /**\n   * {@link CallWithChatComposite} control bar People button ToolTipContent\n   */\n  peopleButtonTooltipOpen: string;\n  /**\n   * {@link CallWithChatComposite} control bar People button ToolTipContent\n   */\n  peopleButtonTooltipClose: string;\n  /**\n   * {@link CallWithChatComposite} control bar Chat button label.\n   */\n  chatButtonLabel: string;\n  /**\n   * {@Link CallWithChatComposite} control bar Chat button ToolTipContent.\n   */\n  chatButtonTooltipOpen: string;\n  /**\n   * {@Link CallWithChatComposite} control bar Chat button ToolTipContent.\n   */\n  chatButtonTooltipClose: string;\n  /**\n   * {@link CallWithChatComposite} control bar Chat button enhanced tooltip string.\n   */\n  chatButtonTooltipClosedWithMessageCount: string;\n  /**\n   * Title for the audio device selection sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true` and when no speakers are available.\n   */\n  moreDrawerAudioDeviceMenuTitle?: string;\n  /**\n   * Title for the microphone selection sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true` and when speakers are available.\n   */\n  moreDrawerMicrophoneMenuTitle: string;\n  /**\n   * Title for the speaker selection sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true`.\n   */\n  moreDrawerSpeakerMenuTitle: string;\n  /**\n   * Title for the captions sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true`.\n   */\n  moreDrawerCaptionsMenuTitle: string;\n  /**\n   * Title for the spoken language sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true`.\n   */\n  moreDrawerSpokenLanguageMenuTitle: string;\n  /**\n   * Title for the caption language sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true`.\n   */\n  moreDrawerCaptionLanguageMenuTitle: string;\n  /**\n   * Title for the gallery options sub-menu in the more button drawer.\n   */\n  moreDrawerGalleryOptionsMenuTitle: string;\n  /**\n   * {@Link CallWithChatComposite} control bar More button label\n   */\n  moreDrawerButtonLabel: string;\n  /**\n   * {@Link CallWithChatComposite} control bar More button tooltip content\n   */\n  moreDrawerButtonTooltip: string;\n  /**\n   * Side pane People section Title.\n   */\n  peoplePaneTitle: string;\n  /**\n   * Side pane People section subheader.\n   */\n  peoplePaneSubTitle: string;\n  /**\n   * Side pane Chat screen title.\n   */\n  chatPaneTitle: string;\n  /**\n   * New Message label for chat button with notification icon component.\n   */\n  chatButtonNewMessageNotificationLabel: string;\n  /**\n   * Aria label for the picture in picture in picture tile that.\n   * This feature currently only shows on mobileView when the chat or people pane is expanded.\n   * @remarks\n   * This component displays the local and most-dominant remote participant and when clicked\n   * returns the user to the call screen.\n   */\n  pictureInPictureTileAriaLabel: string;\n  /**\n   * Label for menu item to remove participant\n   */\n  removeMenuLabel: string;\n  /**\n   * Label for button to copy invite link\n   */\n  copyInviteLinkButtonLabel: string;\n  /**\n   * Label for button to copy invite link when it has been actioned\n   */\n  copyInviteLinkButtonActionedLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to open dialpad\n   */\n  openDialpadButtonLabel: string;\n  /**\n   * Label for SidePaneHeader dismiss button\n   */\n  dismissSidePaneButtonLabel?: string;\n  /**\n   * Aria Description string for return to call button\n   */\n  returnToCallButtonAriaDescription?: string;\n  /**\n   * Aria label string for return to call back button\n   */\n  returnToCallButtonAriaLabel?: string;\n\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for add people dropdown\n   */\n  peoplePaneAddPeopleButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to start a call\n   */\n  dialpadStartCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Title for dialpad Modal\n   */\n  dialpadModalTitle: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal\n   */\n  dialpadModalAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal close button\n   */\n  dialpadCloseModalButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Placeholder text for dtmf dialpad\n   */\n  dtmfDialpadPlaceholderText: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for the button to open dtmf dialpad\n   */\n  openDtmfDialpadLabel: string;\n  /**\n   * aria label for when the invite link has been actioned\n   */\n  copyInviteLinkActionedAriaLabel: string;\n}\n"]}
+{"version":3,"file":"Strings.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-composites/src/composites/CallWithChatComposite/Strings.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Strings used by the {@link CallWithChatComposite} directly.\n *\n * This strings are in addition to those used by the components from the component library.\n *\n * @public\n */\nexport interface CallWithChatCompositeStrings {\n  /**\n   * {@link CallWithChatComposite} control bar People button label\n   */\n  peopleButtonLabel: string;\n  /**\n   * {@link CallWithChatComposite} control bar People button label when checked\n   */\n  selectedPeopleButtonLabel: string;\n  /**\n   * {@link CallWithChatComposite} aria label for control bar People button when unchecked\n   */\n  peopleButtonTooltipOpenAriaLabel: string;\n  /**\n   * {@link CallWithChatComposite} aria label for control bar People button when checked\n   */\n  peopleButtonTooltipCloseAriaLabel: string;\n  /**\n   * {@link CallWithChatComposite} control bar People button ToolTipContent\n   */\n  peopleButtonTooltipOpen: string;\n  /**\n   * {@link CallWithChatComposite} control bar People button ToolTipContent\n   */\n  peopleButtonTooltipClose: string;\n  /**\n   * {@link CallWithChatComposite} control bar Chat button label.\n   */\n  chatButtonLabel: string;\n  /**\n   * {@Link CallWithChatComposite} control bar Chat button ToolTipContent.\n   */\n  chatButtonTooltipOpen: string;\n  /**\n   * {@Link CallWithChatComposite} control bar Chat button ToolTipContent.\n   */\n  chatButtonTooltipClose: string;\n  /**\n   * {@link CallWithChatComposite} control bar Chat button enhanced tooltip string.\n   */\n  chatButtonTooltipClosedWithMessageCount: string;\n  /**\n   * Title for the audio device selection sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true` and when no speakers are available.\n   */\n  moreDrawerAudioDeviceMenuTitle?: string;\n  /**\n   * Title for the microphone selection sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true` and when speakers are available.\n   */\n  moreDrawerMicrophoneMenuTitle: string;\n  /**\n   * Title for the speaker selection sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true`.\n   */\n  moreDrawerSpeakerMenuTitle: string;\n  /**\n   * Title for the captions sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true`.\n   */\n  moreDrawerCaptionsMenuTitle: string;\n  /**\n   * Title for the spoken language sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true`.\n   */\n  moreDrawerSpokenLanguageMenuTitle: string;\n  /**\n   * Title for the caption language sub-menu in more button drawer.\n   *\n   * Only used with `mobileView` set to `true`.\n   */\n  moreDrawerCaptionLanguageMenuTitle: string;\n  /**\n   * Title for the gallery options sub-menu in the more button drawer.\n   */\n  moreDrawerGalleryOptionsMenuTitle: string;\n  /**\n   * {@Link CallWithChatComposite} control bar More button label\n   */\n  moreDrawerButtonLabel: string;\n  /**\n   * {@Link CallWithChatComposite} control bar More button tooltip content\n   */\n  moreDrawerButtonTooltip: string;\n  /**\n   * Side pane People section Title.\n   */\n  peoplePaneTitle: string;\n  /**\n   * Side pane People section subheader.\n   */\n  peoplePaneSubTitle: string;\n  /**\n   * Side pane Chat screen title.\n   */\n  chatPaneTitle: string;\n  /**\n   * New Message label for chat button with notification icon component.\n   */\n  chatButtonNewMessageNotificationLabel: string;\n  /**\n   * Aria label for the picture in picture in picture tile that.\n   * This feature currently only shows on mobileView when the chat or people pane is expanded.\n   * @remarks\n   * This component displays the local and most-dominant remote participant and when clicked\n   * returns the user to the call screen.\n   */\n  pictureInPictureTileAriaLabel: string;\n  /**\n   * Label for menu item to remove participant\n   */\n  removeMenuLabel: string;\n  /**\n   * Label for button to copy invite link\n   */\n  copyInviteLinkButtonLabel: string;\n  /**\n   * Label for button to copy invite link when it has been actioned\n   */\n  copyInviteLinkButtonActionedLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to open dialpad\n   */\n  openDialpadButtonLabel: string;\n  /**\n   * Label for SidePaneHeader dismiss button\n   */\n  dismissSidePaneButtonLabel?: string;\n  /**\n   * Aria Description string for return to call button\n   */\n  returnToCallButtonAriaDescription?: string;\n  /**\n   * Aria label string for return to call back button\n   */\n  returnToCallButtonAriaLabel?: string;\n\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for add people dropdown\n   */\n  peoplePaneAddPeopleButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for button to start a call\n   */\n  dialpadStartCallButtonLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Title for dialpad Modal\n   */\n  dialpadModalTitle: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal\n   */\n  dialpadModalAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Aria Label for dialpad Modal close button\n   */\n  dialpadCloseModalButtonAriaLabel: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Placeholder text for dtmf dialpad\n   */\n  dtmfDialpadPlaceholderText: string;\n  /* @conditional-compile-remove(PSTN-calls) */\n  /**\n   * Label for the button to open dtmf dialpad\n   */\n  openDtmfDialpadLabel: string;\n  /**\n   * aria label for when the invite link has been actioned\n   */\n  copyInviteLinkActionedAriaLabel: string;\n}"]}

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.d.ts

@@ -3,7 +3,6 @@ import { TeamsMeetingIdLocator } from '@azure/communication-calling';
 import { Reaction } from '@azure/communication-calling';
 import { StartCaptionsOptions } from '@azure/communication-calling';
 import { AddPhoneNumberOptions } from '@azure/communication-calling';
-import type { BreakoutRoomsUpdatedListener } from '@azure/communication-calling';
 import { DtmfTone } from '@azure/communication-calling';
 import { CreateVideoStreamViewResult, VideoStreamOptions } from "../../../../../react-components/src";
 import { MessageOptions } from "../../../../../acs-ui-common/src";
@@ -111,7 +110,7 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     /** Fetch initial Call and Chat data such as chat messages. */
     fetchInitialData(): Promise<void>;
     /** Send a chat message. */
-    sendMessage(content: string, options?: MessageOptions): Promise<void>;
+    sendMessage(content: string, /* @conditional-compile-remove(file-sharing-acs) */ options?: MessageOptions): Promise<void>;
     /** Upload a chat image. */
     uploadImage(image: Blob, imageFileName: string): Promise<UploadChatImageResult>;
     /** Delete a chat image. */
@@ -148,7 +147,6 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     stopAllSpotlight(): Promise<void>;
     muteParticipant(userId: string): Promise<void>;
     muteAllRemoteParticipants(): Promise<void>;
-    returnFromBreakoutRoom(): Promise<void>;
     on(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;
     on(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;
     on(event: 'callEnded', listener: CallEndedListener): void;
@@ -174,7 +172,6 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     on(event: 'isSpokenLanguageChanged', listener: IsSpokenLanguageChangedListener): void;
     on(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
     on(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
-    on(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
     on(event: 'chatInitialized', listener: ChatInitializedListener): void;
     off(event: 'callParticipantsJoined', listener: ParticipantsJoinedListener): void;
     off(event: 'callParticipantsLeft', listener: ParticipantsLeftListener): void;
@@ -202,7 +199,6 @@ export declare class AzureCommunicationCallWithChatAdapter implements CallWithCh
     off(event: 'capabilitiesChanged', listener: CapabilitiesChangedListener): void;
     off(event: 'spotlightChanged', listener: SpotlightChangedListener): void;
     off(event: 'chatInitialized', listener: ChatInitializedListener): void;
-    off(event: 'breakoutRoomsUpdated', listener: BreakoutRoomsUpdatedListener): void;
     private executeWithResolvedChatAdapter;
 }
 /**

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/adapter/AzureCommunicationCallWithChatAdapter.js

@@ -74,7 +74,7 @@ export class AzureCommunicationCallWithChatAdapter {
         this.onCallStateChange = onCallStateChange;
     }
     setChatAdapterPromise(chatAdapter) {
-        chatAdapter.then((adapter) => {
+        chatAdapter.then(adapter => {
             if (!this.isAdapterDisposed) {
                 this.updateChatAdapter(adapter);
             }
@@ -338,17 +338,15 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Fetch initial Call and Chat data such as chat messages. */
     fetchInitialData() {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter((adapter) => {
+            return yield this.executeWithResolvedChatAdapter(adapter => {
                 return adapter.fetchInitialData();
             });
         });
     }
     /** Send a chat message. */
-    sendMessage(content, 
-    /* @conditional-compile-remove(file-sharing-acs) */
-    options) {
+    sendMessage(content, /* @conditional-compile-remove(file-sharing-acs) */ options) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter((adapter) => {
+            return yield this.executeWithResolvedChatAdapter(adapter => {
                 return adapter.sendMessage(content, /* @conditional-compile-remove(file-sharing-acs) */ options);
             });
         });
@@ -357,7 +355,7 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Upload a chat image. */
     uploadImage(image, imageFileName) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter((adapter) => {
+            return yield this.executeWithResolvedChatAdapter(adapter => {
                 return adapter.uploadImage(image, imageFileName);
             });
         });
@@ -366,7 +364,7 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Delete a chat image. */
     deleteImage(imageId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter((adapter) => {
+            return yield this.executeWithResolvedChatAdapter(adapter => {
                 return adapter.deleteImage(imageId);
             });
         });
@@ -374,7 +372,7 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Send a chat read receipt. */
     sendReadReceipt(chatMessageId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter((adapter) => {
+            return yield this.executeWithResolvedChatAdapter(adapter => {
                 return adapter.sendReadReceipt(chatMessageId);
             });
         });
@@ -382,7 +380,7 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Send an isTyping indicator. */
     sendTypingIndicator() {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter((adapter) => {
+            return yield this.executeWithResolvedChatAdapter(adapter => {
                 return adapter.sendTypingIndicator();
             });
         });
@@ -390,7 +388,7 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Load previous Chat messages. */
     loadPreviousChatMessages(messagesToLoad) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter((adapter) => {
+            return yield this.executeWithResolvedChatAdapter(adapter => {
                 return adapter.loadPreviousChatMessages(messagesToLoad);
             });
         });
@@ -398,7 +396,7 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Update an existing message. */
     updateMessage(messageId, content, options) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.executeWithResolvedChatAdapter((adapter) => {
+            return this.executeWithResolvedChatAdapter(adapter => {
                 return adapter.updateMessage(messageId, content, options);
             });
         });
@@ -406,20 +404,20 @@ export class AzureCommunicationCallWithChatAdapter {
     /** Delete an existing message. */
     deleteMessage(messageId) {
         return __awaiter(this, void 0, void 0, function* () {
-            return yield this.executeWithResolvedChatAdapter((adapter) => {
+            return yield this.executeWithResolvedChatAdapter(adapter => {
                 return adapter.deleteMessage(messageId);
             });
         });
     }
     downloadResourceToCache(resourceDetails) {
         return __awaiter(this, void 0, void 0, function* () {
-            this.executeWithResolvedChatAdapter((adapter) => {
+            this.executeWithResolvedChatAdapter(adapter => {
                 adapter.downloadResourceToCache(resourceDetails);
             });
         });
     }
     removeResourceFromCache(resourceDetails) {
-        this.executeWithResolvedChatAdapter((adapter) => {
+        this.executeWithResolvedChatAdapter(adapter => {
             adapter.removeResourceFromCache(resourceDetails);
         });
     }
@@ -523,12 +521,6 @@ export class AzureCommunicationCallWithChatAdapter {
             return this.callAdapter.muteAllRemoteParticipants();
         });
     }
-    /* @conditional-compile-remove(breakout-rooms) */
-    returnFromBreakoutRoom() {
-        return __awaiter(this, void 0, void 0, function* () {
-            return this.callAdapter.returnFromBreakoutRoom();
-        });
-    }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     on(event, listener) {
         switch (event) {
@@ -575,37 +567,37 @@ export class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.on('messageReceived', listener);
                 });
                 break;
             case 'messageEdited':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.on('messageEdited', listener);
                 });
                 break;
             case 'messageDeleted':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.on('messageDeleted', listener);
                 });
                 break;
             case 'messageSent':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.on('messageSent', listener);
                 });
                 break;
             case 'messageRead':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.on('messageRead', listener);
                 });
                 break;
             case 'chatParticipantsAdded':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.on('participantsAdded', listener);
                 });
                 break;
             case 'chatParticipantsRemoved':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.on('participantsRemoved', listener);
                 });
                 break;
@@ -613,7 +605,7 @@ export class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.on('error', listener);
                 break;
             case 'chatError':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.on('error', listener);
                 });
                 break;
@@ -670,37 +662,37 @@ export class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('isSpokenLanguageChanged', listener);
                 break;
             case 'messageReceived':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.off('messageReceived', listener);
                 });
                 break;
             case 'messageEdited':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.off('messageEdited', listener);
                 });
                 break;
             case 'messageDeleted':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.off('messageDeleted', listener);
                 });
                 break;
             case 'messageSent':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.off('messageSent', listener);
                 });
                 break;
             case 'messageRead':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.off('messageRead', listener);
                 });
                 break;
             case 'chatParticipantsAdded':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.off('participantsAdded', listener);
                 });
                 break;
             case 'chatParticipantsRemoved':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.off('participantsRemoved', listener);
                 });
                 break;
@@ -708,7 +700,7 @@ export class AzureCommunicationCallWithChatAdapter {
                 this.callAdapter.off('error', listener);
                 break;
             case 'chatError':
-                this.executeWithResolvedChatAdapter((adapter) => {
+                this.executeWithResolvedChatAdapter(adapter => {
                     adapter.off('error', listener);
                 });
                 break;
@@ -770,8 +762,8 @@ export class TeamsMeetingLinkProvider {
         return __awaiter(this, void 0, void 0, function* () {
             {
                 // Wait for the call to be connected and get the chat thread ID from `call.callInfo`.
-                const chatThreadPromise = new Promise((resolve) => {
-                    this.callAdapterPromise.then((callAdapter) => {
+                const chatThreadPromise = new Promise(resolve => {
+                    this.callAdapterPromise.then(callAdapter => {
                         // Ensure function is idempotent by removing any existing subscription.
                         this.callAdapterSubscription && callAdapter.offStateChange(this.callAdapterSubscription);
                         this.callAdapterSubscription = (state) => {
@@ -813,17 +805,17 @@ export class TeamsMeetingIdProvider {
      */
     getChatThreadPromise() {
         return __awaiter(this, void 0, void 0, function* () {
-            return new Promise((resolve) => {
+            return new Promise(resolve => {
                 const stateChangeListener = (state) => {
                     var _a, _b, _c;
                     if (((_a = state.call) === null || _a === void 0 ? void 0 : _a.state) === 'Connected' && ((_b = state.call.info) === null || _b === void 0 ? void 0 : _b.threadId)) {
-                        this.callAdapter.then((adapter) => {
+                        this.callAdapter.then(adapter => {
                             adapter.offStateChange(stateChangeListener);
                         });
                         resolve((_c = state.call.info) === null || _c === void 0 ? void 0 : _c.threadId);
                     }
                 };
-                this.callAdapter.then((adapter) => {
+                this.callAdapter.then(adapter => {
                     var _a, _b, _c;
                     const callState = (_a = adapter.getState().call) === null || _a === void 0 ? void 0 : _a.state;
                     const threadId = (_c = (_b = adapter.getState().call) === null || _b === void 0 ? void 0 : _b.info) === null || _c === void 0 ? void 0 : _c.threadId;
@@ -882,26 +874,7 @@ export const createAzureCommunicationCallWithChatAdapter = (_a) => __awaiter(voi
  *
  * @public
  */
-export const useAzureCommunicationCallWithChatAdapter = (
-/**
- * Arguments to be passed to {@link createAzureCommunicationCallWithChatAdapter}.
- *
- * Allows arguments to be undefined so that you can respect the rule-of-hooks and pass in arguments
- * as they are created. The adapter is only created when all arguments are defined.
- */
-args, 
-/**
- * Optional callback to modify the adapter once it is created.
- *
- * If set, must return the modified adapter.
- */
-afterCreate, 
-/**
- * Optional callback called before the adapter is disposed.
- *
- * This is useful for clean up tasks, e.g., leaving any ongoing calls.
- */
-beforeDispose) => {
+export const useAzureCommunicationCallWithChatAdapter = (args, afterCreate, beforeDispose) => {
     const { credential, displayName, endpoint, locator, userId, 
     /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, callAdapterOptions } = args;
     // State update needed to rerender the parent component when a new adapter is created.
@@ -956,18 +929,7 @@ beforeDispose) => {
         }))();
     }, 
     // Explicitly list all arguments so that caller doesn't have to memoize the `args` object.
-    [
-        adapterRef,
-        afterCreateRef,
-        /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId,
-        beforeDisposeRef,
-        credential,
-        displayName,
-        endpoint,
-        locator,
-        userId,
-        callAdapterOptions
-    ]);
+    [adapterRef, afterCreateRef, /* @conditional-compile-remove(PSTN-calls) */ alternateCallerId, beforeDisposeRef, credential, displayName, endpoint, locator, userId, callAdapterOptions]);
     // Dispose any existing adapter when the component unmounts.
     useEffect(() => {
         return () => {