@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.
Files changed (50) hide show
  1. package/dist/communication-react.d.ts +18 -0
  2. package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-HBSSHZ2s.js → ChatMessageComponentAsRichTextEditBox-GKaobFzs.js} +2 -2
  3. package/dist/dist-cjs/communication-react/{ChatMessageComponentAsRichTextEditBox-HBSSHZ2s.js.map → ChatMessageComponentAsRichTextEditBox-GKaobFzs.js.map} +1 -1
  4. package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-DDN8Weyb.js → RichTextSendBoxWrapper-CmZES75M.js} +2 -2
  5. package/dist/dist-cjs/communication-react/{RichTextSendBoxWrapper-DDN8Weyb.js.map → RichTextSendBoxWrapper-CmZES75M.js.map} +1 -1
  6. package/dist/dist-cjs/communication-react/{index-CAm6Qb1t.js → index-DodrLCSW.js} +33 -26
  7. package/dist/dist-cjs/communication-react/index-DodrLCSW.js.map +1 -0
  8. package/dist/dist-cjs/communication-react/index.js +1 -1
  9. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js +1 -1
  10. package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map +1 -1
  11. package/dist/dist-esm/calling-stateful-client/src/BetaToStableTypes.d.ts +1 -5
  12. package/dist/dist-esm/calling-stateful-client/src/BetaToStableTypes.js.map +1 -1
  13. package/dist/dist-esm/calling-stateful-client/src/StatefulCallClient.d.ts +13 -0
  14. package/dist/dist-esm/calling-stateful-client/src/StatefulCallClient.js.map +1 -1
  15. package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.d.ts +2 -2
  16. package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.js +2 -0
  17. package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.js.map +1 -1
  18. package/dist/dist-esm/calling-stateful-client/src/TypeGuards.d.ts +2 -2
  19. package/dist/dist-esm/calling-stateful-client/src/TypeGuards.js.map +1 -1
  20. package/dist/dist-esm/calling-stateful-client/src/index-public.d.ts +1 -0
  21. package/dist/dist-esm/calling-stateful-client/src/index-public.js.map +1 -1
  22. package/dist/dist-esm/calling-stateful-client/src/index.d.ts +1 -1
  23. package/dist/dist-esm/calling-stateful-client/src/index.js.map +1 -1
  24. package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.js +1 -1
  25. package/dist/dist-esm/react-components/src/components/Announcer/AnnouncerMessage.js.map +1 -1
  26. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageContent.js +3 -1
  27. package/dist/dist-esm/react-components/src/components/ChatMessage/ChatMessageContent.js.map +1 -1
  28. package/dist/dist-esm/react-components/src/components/ImageOverlay.js +3 -3
  29. package/dist/dist-esm/react-components/src/components/ImageOverlay.js.map +1 -1
  30. package/dist/dist-esm/react-components/src/components/InputBoxButton.d.ts +1 -0
  31. package/dist/dist-esm/react-components/src/components/InputBoxButton.js +2 -2
  32. package/dist/dist-esm/react-components/src/components/InputBoxButton.js.map +1 -1
  33. package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextInputBoxComponent.js +1 -1
  34. package/dist/dist-esm/react-components/src/components/RichTextEditor/RichTextInputBoxComponent.js.map +1 -1
  35. package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.d.ts +2 -0
  36. package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.js +5 -0
  37. package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.js.map +1 -1
  38. package/dist/dist-esm/react-components/src/components/styles/RichTextEditor.styles.js +4 -4
  39. package/dist/dist-esm/react-components/src/components/styles/RichTextEditor.styles.js.map +1 -1
  40. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.d.ts +3 -3
  41. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/AzureCommunicationCallAdapter.js.map +1 -1
  42. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.d.ts +2 -2
  43. package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/createHandlers.js.map +1 -1
  44. package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.d.ts +1 -1
  45. package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js +2 -2
  46. package/dist/dist-esm/react-composites/src/composites/common/styles/ModalLocalAndRemotePIP.styles.js.map +1 -1
  47. package/dist/dist-esm/react-composites/src/composites/common/utils.js +6 -6
  48. package/dist/dist-esm/react-composites/src/composites/common/utils.js.map +1 -1
  49. package/package.json +1 -1
  50. package/dist/dist-cjs/communication-react/index-CAm6Qb1t.js.map +0 -1
@@ -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, TeamsCallAgent } from "../../../../../calling-stateful-client/src";
4
+ import { CallCommon, StatefulCallClient, StatefulDeviceManager } from "../../../../../calling-stateful-client/src";
5
5
  import { VideoBackgroundEffectsDependency } from "../../../../../calling-component-bindings/src";
6
6
  /**
7
7
  * @private
@@ -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,EAKL,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,EAEJ,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,EAEJ,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 } 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 TeamsCallAgent,\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\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\n options\n ) as CallHandlersOf<AgentType>;\n }\n throw new Error('Unhandled agent type');\n}\n"]}
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"]}
@@ -12,7 +12,7 @@ export type ModalLocalAndRemotePIPStyles = {
12
12
  */
13
13
  export declare const MODAL_PIP_DEFAULT_PX: {
14
14
  rightPositionPx: number;
15
- topPositionPx: number;
15
+ bottomPositionPx: number;
16
16
  widthPx: number;
17
17
  heightPx: number;
18
18
  };
@@ -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
- topPositionPx: 52,
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) })), { top: _pxToRem(MODAL_PIP_DEFAULT_PX.topPositionPx) })
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,aAAa,EAAE,EAAE;IACjB,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,GAAG,EAAE,QAAQ,CAAC,oBAAoB,CAAC,aAAa,CAAC,GAClD;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 topPositionPx: 52,\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 top: _pxToRem(MODAL_PIP_DEFAULT_PX.topPositionPx)\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"]}
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.topPositionPx
27
- }, [modalHostWidth, rtl]);
28
- const maxDragPosition = useMemo(() => modalHostWidth === undefined || modalHostHeight === 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: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx
35
- }, [modalHostHeight, modalHostWidth, rtl]);
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;QAC1B,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,oBAAoB,CAAC,aAAa;SAC3C,EACP,CAAC,cAAc,EAAE,GAAG,CAAC,CACtB,CAAC;IACF,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,GAAG,oBAAoB,CAAC,eAAe,GAAG,oBAAoB,CAAC,OAAO;gBACtF,CAAC,CAAC,oBAAoB,CAAC,eAAe;YACxC,CAAC,EAAE,eAAe,GAAG,oBAAoB,CAAC,aAAa,GAAG,oBAAoB,CAAC,QAAQ;SACxF,EACP,CAAC,eAAe,EAAE,cAAc,EAAE,GAAG,CAAC,CACvC,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\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 * MODAL_PIP_DEFAULT_PX.topPositionPx\n },\n [modalHostWidth, rtl]\n );\n const maxDragPosition: _ICoordinates | undefined = useMemo(\n () =>\n modalHostWidth === undefined || modalHostHeight === 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: modalHostHeight - MODAL_PIP_DEFAULT_PX.topPositionPx - MODAL_PIP_DEFAULT_PX.heightPx\n },\n [modalHostHeight, modalHostWidth, rtl]\n );\n\n return { minDragPosition: minDragPosition, maxDragPosition: maxDragPosition };\n};\n\n/**\n * @private\n */\nexport const defaultSpokenLanguage = 'en-us';\n"]}
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-202406191739",
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": [