@azure/communication-react 1.18.0-alpha-202406191739 → 1.18.0-alpha-202406210015
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/communication-react.d.ts +18 -0
 - package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-HBSSHZ2s.js → ChatMessageComponentAsRichTextEditBox-GKaobFzs.js} +2 -2
 - package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-HBSSHZ2s.js.map → ChatMessageComponentAsRichTextEditBox-GKaobFzs.js.map} +1 -1
 - package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-DDN8Weyb.js → RichTextSendBoxWrapper-CmZES75M.js} +2 -2
 - package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-DDN8Weyb.js.map → RichTextSendBoxWrapper-CmZES75M.js.map} +1 -1
 - package/dist/dist-cjs/communication-react/{index-CAm6Qb1t.js → index-DodrLCSW.js} +33 -26
 - package/dist/dist-cjs/communication-react/index-DodrLCSW.js.map +1 -0
 - package/dist/dist-cjs/communication-react/index.js +1 -1
 - package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
 - package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
 - package/dist/dist-esm/calling-stateful-client/src/BetaToStableTypes.d.ts +1 -5
 - package/dist/dist-esm/calling-stateful-client/src/BetaToStableTypes.js.map +1 -1
 - package/dist/dist-esm/calling-stateful-client/src/StatefulCallClient.d.ts +13 -0
 - package/dist/dist-esm/calling-stateful-client/src/StatefulCallClient.js.map +1 -1
 - package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.d.ts +2 -2
 - package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.js +2 -0
 - package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.js.map +1 -1
 - package/dist/dist-esm/calling-stateful-client/src/TypeGuards.d.ts +2 -2
 - package/dist/dist-esm/calling-stateful-client/src/TypeGuards.js.map +1 -1
 - package/dist/dist-esm/calling-stateful-client/src/index-public.d.ts +1 -0
 - package/dist/dist-esm/calling-stateful-client/src/index-public.js.map +1 -1
 - package/dist/dist-esm/calling-stateful-client/src/index.d.ts +1 -1
 - package/dist/dist-esm/calling-stateful-client/src/index.js.map +1 -1
 - package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.js +1 -1
 - package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.js.map +1 -1
 - package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageContent.js +3 -1
 - package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageContent.js.map +1 -1
 - package/dist/dist-esm/react-components/src/components/ImageOverlay.js +3 -3
 - package/dist/dist-esm/react-components/src/components/ImageOverlay.js.map +1 -1
 - package/dist/dist-esm/react-components/src/components/InputBoxButton.d.ts +1 -0
 - package/dist/dist-esm/react-components/src/components/InputBoxButton.js +2 -2
 - package/dist/dist-esm/react-components/src/components/InputBoxButton.js.map +1 -1
 - package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextInputBoxComponent.js +1 -1
 - package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextInputBoxComponent.js.map +1 -1
 - package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.d.ts +2 -0
 - package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.js +5 -0
 - package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.js.map +1 -1
 - package/dist/dist-esm/react-components/src/components/styles/RichTextEditor.styles.js +4 -4
 - package/dist/dist-esm/react-components/src/components/styles/RichTextEditor.styles.js.map +1 -1
 - package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.d.ts +3 -3
 - package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js.map +1 -1
 - package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.d.ts +2 -2
 - package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.js.map +1 -1
 - package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.d.ts +1 -1
 - package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js +2 -2
 - package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js.map +1 -1
 - package/dist/dist-esm/react-composites/src/composites/common/utils.js +6 -6
 - package/dist/dist-esm/react-composites/src/composites/common/utils.js.map +1 -1
 - package/package.json +1 -1
 - package/dist/dist-cjs/communication-react/index-CAm6Qb1t.js.map +0 -1
 
    
        package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.d.ts
    CHANGED
    
    | 
         @@ -1,7 +1,7 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            import { CallAgent } from '@azure/communication-calling';
         
     | 
| 
      
 1 
     | 
    
         
            +
            import { CallAgent, TeamsCallAgent } from '@azure/communication-calling';
         
     | 
| 
       2 
2 
     | 
    
         
             
            import { CallingHandlers } from "../../../../../calling-component-bindings/src";
         
     | 
| 
       3 
3 
     | 
    
         
             
            import { TeamsCallingHandlers } from "../../../../../calling-component-bindings/src";
         
     | 
| 
       4 
     | 
    
         
            -
            import { CallCommon, StatefulCallClient, StatefulDeviceManager 
     | 
| 
      
 4 
     | 
    
         
            +
            import { CallCommon, StatefulCallClient, StatefulDeviceManager } from "../../../../../calling-stateful-client/src";
         
     | 
| 
       5 
5 
     | 
    
         
             
            import { VideoBackgroundEffectsDependency } from "../../../../../calling-component-bindings/src";
         
     | 
| 
       6 
6 
     | 
    
         
             
            /**
         
     | 
| 
       7 
7 
     | 
    
         
             
             * @private
         
     | 
    
        package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.js.map
    CHANGED
    
    | 
         @@ -1 +1 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            {"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/createHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAmB,4BAA4B,EAAE,sDAA6C;AACrG,0DAA0D;AAC1D,OAAO,EAAE,iCAAiC,EAAwB,sDAA6C;AAC/G,OAAO, 
     | 
| 
      
 1 
     | 
    
         
            +
            {"version":3,"file":"createHandlers.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/createHandlers.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAmB,4BAA4B,EAAE,sDAA6C;AACrG,0DAA0D;AAC1D,OAAO,EAAE,iCAAiC,EAAwB,sDAA6C;AAC/G,OAAO,EAIL,UAAU,EACV,eAAe,EACf,YAAY,EACZ,iBAAiB,EAClB,mDAA0C;AAW3C;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAC5B,UAA8B,EAC9B,SAAoB,EACpB,aAAgD,EAChD,IAA4B,EAE5B,OAEC;IAED,2CAA2C;IAC3C,IAAI,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QACxE,OAAO,4BAA4B,CACjC,UAAU,EACV,SAAS,EACT,aAAa,EACb,IAAI,EACJ,OAAO,CACqB,CAAC;IACjC,CAAC;IAED,yDAAyD;IACzD,IAAI,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5E,OAAO,iCAAiC,CACtC,UAAU,EACV,SAAS,EACT,aAAa,EACb,IAAI,EACJ,OAAO,CACqB,CAAC;IACjC,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallAgent, TeamsCallAgent } from '@azure/communication-calling';\nimport { CallingHandlers, createDefaultCallingHandlers } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(teams-identity-support)) */\nimport { createDefaultTeamsCallingHandlers, TeamsCallingHandlers } from '@internal/calling-component-bindings';\nimport {\n  CallCommon,\n  StatefulCallClient,\n  StatefulDeviceManager,\n  _isACSCall,\n  _isACSCallAgent,\n  _isTeamsCall,\n  _isTeamsCallAgent\n} from '@internal/calling-stateful-client';\n\nimport { VideoBackgroundEffectsDependency } from '@internal/calling-component-bindings';\n\n/**\n * @private\n */\nexport type CallHandlersOf<AgentType extends CallAgent | TeamsCallAgent> = AgentType extends CallAgent\n  ? CallingHandlers\n  : never | /* @conditional-compile-remove(teams-identity-support) */ TeamsCallingHandlers;\n\n/**\n * @private\n *\n * This is used to create correct handler for generic agent type\n */\nexport function createHandlers<AgentType extends CallAgent | TeamsCallAgent>(\n  callClient: StatefulCallClient,\n  callAgent: AgentType,\n  deviceManager: StatefulDeviceManager | undefined,\n  call: CallCommon | undefined,\n\n  options?: {\n    onResolveVideoBackgroundEffectsDependency?: () => Promise<VideoBackgroundEffectsDependency>;\n  }\n): CallHandlersOf<AgentType> {\n  // Call can be either undefined or ACS Call\n  if (_isACSCallAgent(callAgent) && (!call || (call && _isACSCall(call)))) {\n    return createDefaultCallingHandlers(\n      callClient,\n      callAgent,\n      deviceManager,\n      call,\n      options\n    ) as CallHandlersOf<AgentType>;\n  }\n\n  /* @conditional-compile-remove(teams-identity-support) */\n  if (_isTeamsCallAgent(callAgent) && (!call || (call && _isTeamsCall(call)))) {\n    return createDefaultTeamsCallingHandlers(\n      callClient,\n      callAgent,\n      deviceManager,\n      call,\n      options\n    ) as CallHandlersOf<AgentType>;\n  }\n  throw new Error('Unhandled agent type');\n}\n"]}
         
     | 
    
        package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js
    CHANGED
    
    | 
         @@ -9,7 +9,7 @@ import { _pxToRem } from "../../../../../acs-ui-common/src"; 
     | 
|
| 
       9 
9 
     | 
    
         
             
             */
         
     | 
| 
       10 
10 
     | 
    
         
             
            export const MODAL_PIP_DEFAULT_PX = {
         
     | 
| 
       11 
11 
     | 
    
         
             
                rightPositionPx: 16,
         
     | 
| 
       12 
     | 
    
         
            -
                 
     | 
| 
      
 12 
     | 
    
         
            +
                bottomPositionPx: 64,
         
     | 
| 
       13 
13 
     | 
    
         
             
                widthPx: 88,
         
     | 
| 
       14 
14 
     | 
    
         
             
                heightPx: 128
         
     | 
| 
       15 
15 
     | 
    
         
             
            };
         
     | 
| 
         @@ -22,7 +22,7 @@ export const getPipStyles = (theme) => ({ 
     | 
|
| 
       22 
22 
     | 
    
         
             
                        // Above the message thread / people pane.
         
     | 
| 
       23 
23 
     | 
    
         
             
                        zIndex: 2 }, (theme.rtl
         
     | 
| 
       24 
24 
     | 
    
         
             
                        ? { left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) }
         
     | 
| 
       25 
     | 
    
         
            -
                        : { right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) })), {  
     | 
| 
      
 25 
     | 
    
         
            +
                        : { right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) })), { bottom: _pxToRem(MODAL_PIP_DEFAULT_PX.bottomPositionPx) })
         
     | 
| 
       26 
26 
     | 
    
         
             
                }
         
     | 
| 
       27 
27 
     | 
    
         
             
            });
         
     | 
| 
       28 
28 
     | 
    
         
             
            /**
         
     | 
| 
         @@ -1 +1 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            {"version":3,"file":"ModalLocalAndRemotePIP.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,eAAe,EAOhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAOnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,eAAe,EAAE,EAAE;IACnB, 
     | 
| 
      
 1 
     | 
    
         
            +
            {"version":3,"file":"ModalLocalAndRemotePIP.styles.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EACL,eAAe,EAOhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAOnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,eAAe,EAAE,EAAE;IACnB,gBAAgB,EAAE,EAAE;IACpB,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,GAAG;CACd,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAgC,EAAE,CAAC,CAAC;IAC5E,KAAK,EAAE;QACL,IAAI,gCACF,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,EAC1C,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU;YACnC,0CAA0C;YAC1C,MAAM,EAAE,CAAC,IACN,CAAC,KAAK,CAAC,GAAG;YACX,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE;YAC1D,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC,EAAE,CAAC,KAC9D,MAAM,EAAE,QAAQ,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,GACxD;KACF;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAiB;IAC7C,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE;YACf,OAAO,EAAE,qBAAqB;SAC/B;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAiB,eAAe,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC;AAE3G;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAA2D;IAChF,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,aAAa;QACxB,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,QAAQ;QAClB,sFAAsF;QACtF,aAAa,EAAE,MAAM;QACrB,WAAW,EAAE,MAAM;KACpB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,gFAAgF;QAChF,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE;YACf,OAAO,EAAE,qBAAqB;YAC9B,aAAa,EAAE,MAAM;SACtB;KACF;CACF,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAW;IACzC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC;IACP,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,QAAQ;IAChB,2EAA2E;IAC3E,aAAa,EAAE,MAAM;CACtB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport {\n  concatStyleSets,\n  IModalStyleProps,\n  IModalStyles,\n  IStackStyles,\n  IStyle,\n  IStyleFunctionOrObject,\n  ITheme\n} from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * Styles for {@link ModalLocalAndRemotePIP} component\n */\nexport type ModalLocalAndRemotePIPStyles = { modal?: Partial<IModalStyles> };\n\n/**\n * Default Modal PIP related pixel measurements used for ModalLocalAndremotePIP and common/utils.\n *\n * @private\n */\nexport const MODAL_PIP_DEFAULT_PX = {\n  rightPositionPx: 16,\n  bottomPositionPx: 64,\n  widthPx: 88,\n  heightPx: 128\n};\n\n/**\n * @private\n */\nexport const getPipStyles = (theme: ITheme): ModalLocalAndRemotePIPStyles => ({\n  modal: {\n    main: {\n      borderRadius: theme.effects.roundedCorner4,\n      boxShadow: theme.effects.elevation8,\n      // Above the message thread / people pane.\n      zIndex: 2,\n      ...(theme.rtl\n        ? { left: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) }\n        : { right: _pxToRem(MODAL_PIP_DEFAULT_PX.rightPositionPx) }),\n      bottom: _pxToRem(MODAL_PIP_DEFAULT_PX.bottomPositionPx)\n    }\n  }\n});\n\n/**\n * @private\n */\nexport const PIPContainerStyle: IStackStyles = {\n  root: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n    ':focus-within': {\n      outline: '1px solid #00000000'\n    }\n  }\n};\n\n/**\n * @private\n */\nexport const hiddenStyle: IStackStyles = concatStyleSets(PIPContainerStyle, { root: { display: 'none' } });\n\n/**\n * @private\n */\nexport const modalStyle: IStyleFunctionOrObject<IModalStyleProps, IModalStyles> = {\n  main: {\n    minWidth: 'min-content',\n    minHeight: 'min-content',\n    position: 'absolute',\n    overflow: 'hidden',\n    // pointer events for root Modal div set to auto to make LocalAndRemotePIP interactive\n    pointerEvents: 'auto',\n    touchAction: 'none'\n  },\n  root: {\n    width: '100%',\n    height: '100%',\n    // pointer events for root Modal div set to none to make descendants interactive\n    pointerEvents: 'none',\n    ':focus-within': {\n      outline: '3px solid #00000000',\n      outlineOffset: '-3px'\n    }\n  }\n};\n\n/**\n * Styles for layer host to bound the modal wrapping PiPiP in the mobile pane.\n * @private\n */\nexport const modalLayerHostStyle: IStyle = {\n  display: 'flex',\n  position: 'absolute',\n  left: 0,\n  top: 0,\n  width: '100%',\n  height: '100%',\n  overflow: 'hidden',\n  zIndex: '100000',\n  // pointer events for layerHost set to none to make descendants interactive\n  pointerEvents: 'none'\n};\n"]}
         
     | 
| 
         @@ -17,22 +17,22 @@ export const useMinMaxDragPosition = (modalLayerHostId, rtl) => { 
     | 
|
| 
       17 
17 
     | 
    
         
             
                const modalHostRef = useRef(document.getElementById(modalLayerHostId));
         
     | 
| 
       18 
18 
     | 
    
         
             
                const modalHostWidth = _useContainerWidth(modalHostRef);
         
     | 
| 
       19 
19 
     | 
    
         
             
                const modalHostHeight = _useContainerHeight(modalHostRef);
         
     | 
| 
       20 
     | 
    
         
            -
                const minDragPosition = useMemo(() => modalHostWidth === undefined
         
     | 
| 
      
 20 
     | 
    
         
            +
                const minDragPosition = useMemo(() => modalHostWidth === undefined || modalHostHeight === undefined
         
     | 
| 
       21 
21 
     | 
    
         
             
                    ? undefined
         
     | 
| 
       22 
22 
     | 
    
         
             
                    : {
         
     | 
| 
       23 
23 
     | 
    
         
             
                        x: rtl
         
     | 
| 
       24 
24 
     | 
    
         
             
                            ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx
         
     | 
| 
       25 
25 
     | 
    
         
             
                            : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,
         
     | 
| 
       26 
     | 
    
         
            -
                        y: -1 * MODAL_PIP_DEFAULT_PX. 
     | 
| 
       27 
     | 
    
         
            -
                    }, [modalHostWidth, rtl]);
         
     | 
| 
       28 
     | 
    
         
            -
                const maxDragPosition = useMemo(() => modalHostWidth === undefined 
     | 
| 
      
 26 
     | 
    
         
            +
                        y: -1 * modalHostHeight + MODAL_PIP_DEFAULT_PX.heightPx + MODAL_PIP_DEFAULT_PX.bottomPositionPx
         
     | 
| 
      
 27 
     | 
    
         
            +
                    }, [modalHostHeight, modalHostWidth, rtl]);
         
     | 
| 
      
 28 
     | 
    
         
            +
                const maxDragPosition = useMemo(() => modalHostWidth === undefined
         
     | 
| 
       29 
29 
     | 
    
         
             
                    ? undefined
         
     | 
| 
       30 
30 
     | 
    
         
             
                    : {
         
     | 
| 
       31 
31 
     | 
    
         
             
                        x: rtl
         
     | 
| 
       32 
32 
     | 
    
         
             
                            ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx
         
     | 
| 
       33 
33 
     | 
    
         
             
                            : MODAL_PIP_DEFAULT_PX.rightPositionPx,
         
     | 
| 
       34 
     | 
    
         
            -
                        y:  
     | 
| 
       35 
     | 
    
         
            -
                    }, [ 
     | 
| 
      
 34 
     | 
    
         
            +
                        y: MODAL_PIP_DEFAULT_PX.bottomPositionPx
         
     | 
| 
      
 35 
     | 
    
         
            +
                    }, [modalHostWidth, rtl]);
         
     | 
| 
       36 
36 
     | 
    
         
             
                return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };
         
     | 
| 
       37 
37 
     | 
    
         
             
            };
         
     | 
| 
       38 
38 
     | 
    
         
             
            /**
         
     | 
| 
         @@ -1 +1 @@ 
     | 
|
| 
       1 
     | 
    
         
            -
            {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/utils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAiB,mBAAmB,EAAE,kBAAkB,EAAE,yCAAmC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAU9E;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAAoB,EAAE;IAC5D,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC;AACtD,CAAC,CAAC;AAEF;;GAEG;AACH,sIAAsI;AACtI,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,GAAa,EAAsB,EAAE;IACnG,MAAM,YAAY,GAAG,MAAM,CAAc,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS; 
     | 
| 
      
 1 
     | 
    
         
            +
            {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/utils.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAiB,mBAAmB,EAAE,kBAAkB,EAAE,yCAAmC;AACpG,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wCAAwC,CAAC;AAU9E;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAAoB,EAAE;IAC5D,OAAO,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC;AACtD,CAAC,CAAC;AAEF;;GAEG;AACH,sIAAsI;AACtI,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,gBAAwB,EAAE,GAAa,EAAsB,EAAE;IACnG,MAAM,YAAY,GAAG,MAAM,CAAc,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAC;IACpF,MAAM,cAAc,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC1D,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS,IAAI,eAAe,KAAK,SAAS;QAC3D,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,CAAC,EAAE,GAAG;gBACJ,CAAC,CAAC,CAAC,CAAC,GAAG,oBAAoB,CAAC,eAAe;gBAC3C,CAAC,CAAC,oBAAoB,CAAC,eAAe,GAAG,cAAc,GAAG,oBAAoB,CAAC,OAAO;YACxF,CAAC,EAAE,CAAC,CAAC,GAAG,eAAe,GAAG,oBAAoB,CAAC,QAAQ,GAAG,oBAAoB,CAAC,gBAAgB;SAChG,EACP,CAAC,eAAe,EAAE,cAAc,EAAE,GAAG,CAAC,CACvC,CAAC;IACF,MAAM,eAAe,GAA8B,OAAO,CACxD,GAAG,EAAE,CACH,cAAc,KAAK,SAAS;QAC1B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC;YACE,CAAC,EAAE,GAAG;gBACJ,CAAC,CAAC,cAAc,GAAG,oBAAoB,CAAC,eAAe,GAAG,oBAAoB,CAAC,OAAO;gBACtF,CAAC,CAAC,oBAAoB,CAAC,eAAe;YACxC,CAAC,EAAE,oBAAoB,CAAC,gBAAgB;SACzC,EACP,CAAC,cAAc,EAAE,GAAG,CAAC,CACtB,CAAC;IAEF,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;AAChF,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,OAAO,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _ICoordinates, _useContainerHeight, _useContainerWidth } from '@internal/react-components';\nimport { useMemo, useRef } from 'react';\nimport { MODAL_PIP_DEFAULT_PX } from './styles/ModalLocalAndRemotePIP.styles';\n\n/**\n * Interface for ModalLocalAndRemotePIP drag positions\n */\ninterface MinMaxDragPosition {\n  minDragPosition: _ICoordinates | undefined;\n  maxDragPosition: _ICoordinates | undefined;\n}\n\n/**\n * @private\n */\nexport const isBoolean = (value: unknown): value is boolean => {\n  return value !== null && typeof value === 'boolean';\n};\n\n/**\n * @private\n */\n// Use document.getElementById until Fluent's Stack supports componentRef property: https://github.com/microsoft/fluentui/issues/20410\nexport const useMinMaxDragPosition = (modalLayerHostId: string, rtl?: boolean): MinMaxDragPosition => {\n  const modalHostRef = useRef<HTMLElement>(document.getElementById(modalLayerHostId));\n  const modalHostWidth = _useContainerWidth(modalHostRef);\n  const modalHostHeight = _useContainerHeight(modalHostRef);\n  const minDragPosition: _ICoordinates | undefined = useMemo(\n    () =>\n      modalHostWidth === undefined || modalHostHeight === undefined\n        ? undefined\n        : {\n            x: rtl\n              ? -1 * MODAL_PIP_DEFAULT_PX.rightPositionPx\n              : MODAL_PIP_DEFAULT_PX.rightPositionPx - modalHostWidth + MODAL_PIP_DEFAULT_PX.widthPx,\n            y: -1 * modalHostHeight + MODAL_PIP_DEFAULT_PX.heightPx + MODAL_PIP_DEFAULT_PX.bottomPositionPx\n          },\n    [modalHostHeight, modalHostWidth, rtl]\n  );\n  const maxDragPosition: _ICoordinates | undefined = useMemo(\n    () =>\n      modalHostWidth === undefined\n        ? undefined\n        : {\n            x: rtl\n              ? modalHostWidth - MODAL_PIP_DEFAULT_PX.rightPositionPx - MODAL_PIP_DEFAULT_PX.widthPx\n              : MODAL_PIP_DEFAULT_PX.rightPositionPx,\n            y: MODAL_PIP_DEFAULT_PX.bottomPositionPx\n          },\n    [modalHostWidth, rtl]\n  );\n\n  return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };\n};\n\n/**\n * @private\n */\nexport const defaultSpokenLanguage = 'en-us';\n"]}
         
     | 
    
        package/package.json
    CHANGED
    
    | 
         @@ -1,6 +1,6 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            {
         
     | 
| 
       2 
2 
     | 
    
         
             
              "name": "@azure/communication-react",
         
     | 
| 
       3 
     | 
    
         
            -
              "version": "1.18.0-alpha- 
     | 
| 
      
 3 
     | 
    
         
            +
              "version": "1.18.0-alpha-202406210015",
         
     | 
| 
       4 
4 
     | 
    
         
             
              "sideEffects": false,
         
     | 
| 
       5 
5 
     | 
    
         
             
              "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
         
     | 
| 
       6 
6 
     | 
    
         
             
              "keywords": [
         
     |