@azure/communication-react 1.18.0-alpha-202406110013 → 1.18.0-alpha-202406130013

package/dist/dist-esm/react-composites/src/composites/common/icons.d.ts

@@ -117,11 +117,6 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     OpenAttachment: React.JSX.Element;
     AttachmentMoreMenu: React.JSX.Element;
     DataLossPreventionProhibited: React.JSX.Element;
-    /**
-     * Icons that can be overridden for {@link CallWithChatComposite}.
-     *
-     * @public
-     */
     ErrorBarCallVideoRecoveredBySystem: React.JSX.Element;
     ErrorBarCallVideoStoppedBySystem: React.JSX.Element;
     MessageResend: React.JSX.Element;
@@ -138,6 +133,7 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     UnsupportedEnvironmentWarning: React.JSX.Element;
     BrowserPermissionDeniedError: React.JSX.Element;
     VideoTilePinned: React.JSX.Element;
+    ParticipantItemPinned: React.JSX.Element;
     VideoTileMoreOptions: React.JSX.Element;
     VideoTileScaleFit: React.JSX.Element;
     VideoTileScaleFill: React.JSX.Element;
@@ -159,6 +155,13 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     ContextMenuCameraIcon: React.JSX.Element;
     ContextMenuMicIcon: React.JSX.Element;
     ContextMenuSpeakerIcon: React.JSX.Element;
+    /**
+     * Icon wrapper to use when including customizable icons inside the CallWithChatComposite.
+     * This wrapper ensures the icon name is being type-checked helping ensure no typos
+     * and ensure that icon is customizable through the composite API.
+     *
+     * @private
+     */
     ContextMenuRemoveParticipant: React.JSX.Element;
     SurveyStarIcon: React.JSX.Element;
     SurveyStarIconFilled: React.JSX.Element;
@@ -166,13 +169,6 @@ export declare const DEFAULT_COMPOSITE_ICONS: {
     StopSpotlightContextualMenuItem: React.JSX.Element;
     VideoTileSpotlighted: React.JSX.Element;
     RichTextBoldButtonIcon: React.JSX.Element;
-    /**
-     * Icons that can be overridden in one of the composites exported by this library.
-     *
-     * See {@link ChatCompositeIcons}, {@link CallCompositeIcons} and {@link CallWithChatCompositeIcons} for more targeted types.
-     *
-     * @public
-     */
     RichTextItalicButtonIcon: React.JSX.Element;
     RichTextUnderlineButtonIcon: React.JSX.Element;
     RichTextBulletListButtonIcon: React.JSX.Element;

package/dist/dist-esm/react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.d.ts

@@ -0,0 +1,46 @@
+import { IModalStyles, Theme, IStackTokens, IStackItemStyles } from '@fluentui/react';
+/**
+ * @private
+ */
+export declare const phoneInfoContainerTokens: IStackTokens;
+/**
+ * @private
+ */
+export declare const phoneInfoContainerStyle: IStackItemStyles;
+/**
+ * @private
+ */
+export declare const themedPhoneInfoModalStyle: (theme: Theme) => Partial<IModalStyles>;
+/**
+ * @private
+ */
+export declare const titleClassName: string;
+/**
+ * @private
+ */
+export declare const titleContainerClassName: string;
+/**
+ * @private
+ */
+export declare const phoneInfoLabelStyle: string;
+/**
+ * @private
+ */
+export declare const phoneInfoTextStyle: string;
+/**
+ * @private
+ */
+export declare const phoneInfoIcon: (theme: Theme) => string;
+/**
+ * @private
+ */
+export declare const phoneInfoInstructionLine: string;
+/**
+ * @private
+ */
+export declare const phoneInfoStep: string;
+/**
+ * @private
+ */
+export declare const phoneInfoIconStyle: (theme: Theme) => string;
+//# sourceMappingURL=TeamsMeetingConferenceInfo.style.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.js

@@ -0,0 +1,96 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT License.
+import { mergeStyles, FontWeights } from '@fluentui/react';
+import { _pxToRem } from "../../../../../acs-ui-common/src";
+/**
+ * @private
+ */
+export const phoneInfoContainerTokens = {
+    childrenGap: '0.5rem'
+};
+/**
+ * @private
+ */
+export const phoneInfoContainerStyle = {
+    root: {
+        position: 'relative',
+        maxHeight: '100%',
+        overflow: 'hidden'
+    }
+};
+/**
+ * @private
+ */
+export const themedPhoneInfoModalStyle = (theme) => ({
+    main: {
+        borderRadius: theme.effects.roundedCorner6,
+        padding: _pxToRem(24),
+        width: _pxToRem(600),
+        height: 'fit-content',
+        overflow: 'hidden'
+    }
+});
+/**
+ * @private
+ */
+export const titleClassName = mergeStyles({
+    fontWeight: 600,
+    fontSize: _pxToRem(20),
+    lineHeight: _pxToRem(28)
+});
+/**
+ * @private
+ */
+export const titleContainerClassName = mergeStyles({
+    paddingBottom: _pxToRem(20)
+});
+/**
+ * @private
+ */
+export const phoneInfoLabelStyle = mergeStyles({
+    fontSize: _pxToRem(14),
+    lineHeight: _pxToRem(40)
+});
+/**
+ * @private
+ */
+export const phoneInfoTextStyle = mergeStyles({
+    fontSize: _pxToRem(14),
+    lineHeight: _pxToRem(40),
+    fontWeight: FontWeights.semibold
+});
+/**
+ * @private
+ */
+export const phoneInfoIcon = (theme) => {
+    return mergeStyles({
+        background: `${theme.palette.themeLighter}`,
+        height: _pxToRem(36),
+        width: _pxToRem(36),
+        marginRight: _pxToRem(12),
+        borderRadius: _pxToRem(18)
+    });
+};
+/**
+ * @private
+ */
+export const phoneInfoInstructionLine = mergeStyles({
+    padding: '0.5rem 1rem'
+});
+/**
+ * @private
+ */
+export const phoneInfoStep = mergeStyles({
+    minWidth: _pxToRem(150),
+    textAlign: 'right'
+});
+/**
+ * @private
+ */
+export const phoneInfoIconStyle = (theme) => {
+    return mergeStyles({
+        padding: _pxToRem(8),
+        color: `${theme.palette.themePrimary}`
+    });
+};
+//# sourceMappingURL=TeamsMeetingConferenceInfo.style.js.map

package/dist/dist-esm/react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamsMeetingConferenceInfo.style.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/common/styles/TeamsMeetingConferenceInfo.style.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAgB,WAAW,EAAS,WAAW,EAAkC,MAAM,iBAAiB,CAAC;AAChH,OAAO,EAAE,QAAQ,EAAE,yCAAgC;AAEnD;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAiB;IACpD,WAAW,EAAE,QAAQ;CACtB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAqB;IACvD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,MAAM;QACjB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,KAAY,EAAyB,EAAE,CAAC,CAAC;IACjF,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC;QACrB,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;QACpB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,QAAQ;KACnB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;IACxC,UAAU,EAAE,GAAG;IACf,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC;IACjD,aAAa,EAAE,QAAQ,CAAC,EAAE,CAAC;CAC5B,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC;IAC7C,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,WAAW,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAC,EAAE,CAAC;IACtB,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;IACxB,UAAU,EAAE,WAAW,CAAC,QAAQ;CACjC,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAY,EAAU,EAAE;IACpD,OAAO,WAAW,CAAC;QACjB,UAAU,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;QAC3C,MAAM,EAAE,QAAQ,CAAC,EAAE,CAAC;QACpB,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC;QACnB,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC;QACzB,YAAY,EAAE,QAAQ,CAAC,EAAE,CAAC;KAC3B,CAAC,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC;IAClD,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,WAAW,CAAC;IACvC,QAAQ,EAAE,QAAQ,CAAC,GAAG,CAAC;IACvB,SAAS,EAAE,OAAO;CACnB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAY,EAAU,EAAE;IACzD,OAAO,WAAW,CAAC;QACjB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;QACpB,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE;KACvC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { IModalStyles, mergeStyles, Theme, FontWeights, IStackTokens, IStackItemStyles } from '@fluentui/react';\nimport { _pxToRem } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const phoneInfoContainerTokens: IStackTokens = {\n  childrenGap: '0.5rem'\n};\n\n/**\n * @private\n */\nexport const phoneInfoContainerStyle: IStackItemStyles = {\n  root: {\n    position: 'relative',\n    maxHeight: '100%',\n    overflow: 'hidden'\n  }\n};\n\n/**\n * @private\n */\nexport const themedPhoneInfoModalStyle = (theme: Theme): Partial<IModalStyles> => ({\n  main: {\n    borderRadius: theme.effects.roundedCorner6,\n    padding: _pxToRem(24),\n    width: _pxToRem(600),\n    height: 'fit-content',\n    overflow: 'hidden'\n  }\n});\n\n/**\n * @private\n */\nexport const titleClassName = mergeStyles({\n  fontWeight: 600,\n  fontSize: _pxToRem(20),\n  lineHeight: _pxToRem(28)\n});\n\n/**\n * @private\n */\nexport const titleContainerClassName = mergeStyles({\n  paddingBottom: _pxToRem(20)\n});\n\n/**\n * @private\n */\nexport const phoneInfoLabelStyle = mergeStyles({\n  fontSize: _pxToRem(14),\n  lineHeight: _pxToRem(40)\n});\n\n/**\n * @private\n */\nexport const phoneInfoTextStyle = mergeStyles({\n  fontSize: _pxToRem(14),\n  lineHeight: _pxToRem(40),\n  fontWeight: FontWeights.semibold\n});\n\n/**\n * @private\n */\nexport const phoneInfoIcon = (theme: Theme): string => {\n  return mergeStyles({\n    background: `${theme.palette.themeLighter}`,\n    height: _pxToRem(36),\n    width: _pxToRem(36),\n    marginRight: _pxToRem(12),\n    borderRadius: _pxToRem(18)\n  });\n};\n\n/**\n * @private\n */\nexport const phoneInfoInstructionLine = mergeStyles({\n  padding: '0.5rem 1rem'\n});\n\n/**\n * @private\n */\nexport const phoneInfoStep = mergeStyles({\n  minWidth: _pxToRem(150),\n  textAlign: 'right'\n});\n\n/**\n * @private\n */\nexport const phoneInfoIconStyle = (theme: Theme): string => {\n  return mergeStyles({\n    padding: _pxToRem(8),\n    color: `${theme.palette.themePrimary}`\n  });\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/localization/locales/en-US/strings.json

@@ -337,7 +337,12 @@
         "leaveConfirmDialogContent": "Are you sure you want to leave the call?",
         "endCallConfirmDialogTitle": "End the call?",
         "endCallConfirmDialogContent": "You'll end the call for everyone.",
-        "invalidMeetingIdentifier": "Invalid meeting ID or passcode"
+        "invalidMeetingIdentifier": "Invalid meeting ID or passcode",
+        "pinParticipantMenuLabel": "Pin for me",
+        "pinParticipantLimitReachedMenuLabel": "Pin (limit reached)",
+        "unpinParticipantMenuLabel": "Unpin",
+        "pinParticipantMenuItemAriaLabel": "Pin",
+        "unpinParticipantMenuItemAriaLabel": "Unpin"
     },
     "chat": {
         "chatListHeader": "In this chat",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.18.0-alpha-202406110013",
+  "version": "1.18.0-alpha-202406130013",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -57,7 +57,7 @@
   "peerDependencies": {
     "@azure/communication-calling": "1.26.1-beta.1",
     "@azure/communication-calling-effects": "1.0.1",
-    "@azure/communication-chat": "1.6.0-beta.1",
+    "@azure/communication-chat": "1.6.0-beta.2",
     "@types/react": ">=16.8.0 <19.0.0",
     "@types/react-dom": ">=16.8.0 <19.0.0",
     "react": ">=16.8.0 <19.0.0",