npm - @azure/communication-react - Versions diffs - 1.18.0-alpha-202407180014 → 1.18.0-alpha-202407191547 - Mend

@azure/communication-react 1.18.0-alpha-202407180014 → 1.18.0-alpha-202407191547

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 (56) hide show

package/dist/dist-cjs/communication-react/index.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-B3X0l4SB.js');
+var index = require('./index-BWVQuckY.js');
 require('react');
 require('@fluentui/react');
 require('@fluentui/react-components');

package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js CHANGED Viewed

@@ -2,5 +2,5 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
 // GENERATED FILE. DO NOT EDIT MANUALLY.
-module.exports = '1.18.0-alpha-202407180014';
+module.exports = '1.18.0-alpha-202407191547';
 //# sourceMappingURL=telemetryVersion.js.map

package/dist/dist-esm/acs-ui-common/src/telemetryVersion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"telemetryVersion.js","sourceRoot":"","sources":["../../../../../acs-ui-common/src/telemetryVersion.js"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wCAAwC;AAExC,MAAM,CAAC,OAAO,GAAG,2BAA2B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n// GENERATED FILE. DO NOT EDIT MANUALLY.\n\nmodule.exports = '1.18.0-alpha-~~202407180014~~';\n"]}
1	+ {"version":3,"file":"telemetryVersion.js","sourceRoot":"","sources":["../../../../../acs-ui-common/src/telemetryVersion.js"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,kCAAkC;AAElC,wCAAwC;AAExC,MAAM,CAAC,OAAO,GAAG,2BAA2B,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n// GENERATED FILE. DO NOT EDIT MANUALLY.\n\nmodule.exports = '1.18.0-alpha-202407191547';\n"]}

package/dist/dist-esm/react-components/src/components/Attachment/AttachmentCard.js CHANGED Viewed

@@ -16,7 +16,7 @@ import React from 'react';
 import { Announcer } from '../Announcer';
 import { useEffect, useState, useMemo } from 'react';
 import { useLocaleAttachmentCardStringsTrampoline } from '../utils/common';
-import { useAttachmentCardStyles, attachmentNameContainerClassName, ATTACHMENT_CARD_MIN_PROGRESS } from '../styles/AttachmentCard.styles';
+import { useAttachmentCardStyles, ATTACHMENT_CARD_MIN_PROGRESS, titleTooltipContainerStyle } from '../styles/AttachmentCard.styles';
 /**
  * @internal
  * A component for displaying an attachment card with attachment icon and progress bar.
@@ -56,18 +56,24 @@ export const _AttachmentCard = (props) => {
     return (React.createElement("div", { "data-is-focusable": true },
         React.createElement(Announcer, { announcementString: announcerString, ariaLive: 'polite' }),
         React.createElement(Card, { className: mergeClasses(attachmentCardStyles.root, selfResizing ? attachmentCardStyles.dynamicWidth : attachmentCardStyles.staticWidth), size: "small", role: "listitem", appearance: "filled-alternative", "aria-label": attachment.name, "data-testid": 'attachment-card' },
-            React.createElement(CardHeader, { className: attachmentCardStyles.content, image: React.createElement("div", { className: attachmentCardStyles.fileIcon },
-                    React.createElement(Icon, { "data-ui-id": 'attachmenttype-icon', iconName: getFileTypeIconProps({
+            React.createElement(CardHeader, { className: attachmentCardStyles.content, image: {
+                    className: attachmentCardStyles.fileIcon,
+                    children: (React.createElement(Icon, { "data-ui-id": 'attachmenttype-icon', iconName: getFileTypeIconProps({
                             extension: extension,
                             size: 24,
                             imageFileType: 'svg'
-                        }).iconName })), header: React.createElement("div", { className: attachmentNameContainerClassName, id: 'attachment-' + attachment.id },
-                    React.createElement(TooltipHost, { content: attachment.name, calloutProps: {
+                        }).iconName }))
+                }, header: {
+                    id: 'attachment-' + attachment.id,
+                    children: (React.createElement(TooltipHost, { content: attachment.name, calloutProps: {
                             gapSpace: 0,
                             target: '#attachment-' + attachment.id
-                        } },
-                        React.createElement("div", { className: attachmentCardStyles.fileNameLabel },
-                            React.createElement(Text, { className: attachmentCardStyles.title, "aria-label": attachment.name }, attachment.name)))), action: React.createElement("div", { className: attachmentCardStyles.focusState }, MappedMenuItems(menuActions, Object.assign(Object.assign({}, attachment), { url: (_e = attachment.url) !== null && _e !== void 0 ? _e : '' }), onActionHandlerFailed)) })),
+                        }, hostClassName: titleTooltipContainerStyle },
+                        React.createElement(Text, { className: attachmentCardStyles.title, "aria-label": attachment.name }, attachment.name)))
+                }, action: {
+                    className: attachmentCardStyles.actions,
+                    children: MappedMenuItems(menuActions, Object.assign(Object.assign({}, attachment), { url: (_e = attachment.url) !== null && _e !== void 0 ? _e : '' }), onActionHandlerFailed)
+                } })),
         isUploadInProgress ? (React.createElement(CardFooter, null,
             React.createElement(ProgressBar, { thickness: "medium", value: Math.max(progress !== null && progress !== void 0 ? progress : 0, ATTACHMENT_CARD_MIN_PROGRESS), shape: "rounded" }))) : (React.createElement(React.Fragment, null, " "))));
 };

package/dist/dist-esm/react-components/src/components/Attachment/AttachmentCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttachmentCard.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Attachment/AttachmentCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { Icon, TooltipHost } from '@fluentui/react';\nimport {\n Card,\n CardHeader,\n Text,\n Menu,\n MenuTrigger,\n ToolbarButton,\n MenuPopover,\n MenuItem,\n MenuList,\n Toolbar,\n CardFooter,\n ProgressBar,\n mergeClasses\n} from '@fluentui/react-components';\nimport { getFileTypeIconProps } from '@fluentui/react-file-type-icons';\nimport React from 'react';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport { Announcer } from '../Announcer';\nimport { useEffect, useState, useMemo } from 'react';\nimport { _AttachmentUploadCardsStrings } from './AttachmentUploadCards';\nimport { useLocaleAttachmentCardStringsTrampoline } from '../utils/common';\nimport { AttachmentMenuAction } from '../../types/Attachment';\nimport { AttachmentMetadata, AttachmentMetadataInProgress } from '@internal/acs-ui-common';\nimport {\n useAttachmentCardStyles,\n attachmentNameContainerClassName,\n ATTACHMENT_CARD_MIN_PROGRESS\n} from '../styles/AttachmentCard.styles';\n\n/*\n @internal\n * AttachmentCard Component Props.\n /\nexport interface _AttachmentCardProps {\n /\n Attachment details including name, extension, url, etc.\n /\n attachment: AttachmentMetadata \| AttachmentMetadataInProgress;\n /\n An array of menu actions to be displayed in the attachment card.\n /\n menuActions: AttachmentMenuAction[];\n /\n Optional aria label strings for attachment upload cards\n /\n strings?: _AttachmentUploadCardsStrings;\n /\n Optional callback that runs if menu bar action onclick throws.\n /\n onActionHandlerFailed?: (errMsg: string) => void;\n /\n Optional flag to enable self resizing of the attachment card.\n /\n selfResizing?: boolean;\n}\n\n/\n @internal\n * A component for displaying an attachment card with attachment icon and progress bar.\n \n `_AttachmentCard` internally uses the `Card` component from `@fluentui/react-components`. You can checkout the details about these components [here](https://react.fluentui.dev/?path=/docs/components-card).\n */\nexport const _AttachmentCard = (props: _AttachmentCardProps): JSX.Element => {\n const { attachment, menuActions, onActionHandlerFailed, selfResizing } = props;\n const attachmentCardStyles = useAttachmentCardStyles();\n\n const progress = useMemo(() => {\n return 'progress' in attachment ? attachment.progress : undefined;\n }, [attachment]);\n\n const isUploadInProgress = useMemo(() => {\n return progress !== undefined && progress >= 0 && progress < 1;\n }, [progress]);\n\n const [announcerString, setAnnouncerString] = useState<string \| undefined>(undefined);\n const localeStrings = useLocaleAttachmentCardStringsTrampoline();\n const uploadStartedString = props.strings?.uploading ?? localeStrings.uploading;\n const uploadCompletedString = props.strings?.uploadCompleted ?? localeStrings.uploadCompleted;\n\n useEffect(() => {\n if (isUploadInProgress) {\n setAnnouncerString(`${uploadStartedString} ${attachment.name}`);\n } else if (progress === 1) {\n setAnnouncerString(`${attachment.name} ${uploadCompletedString}`);\n } else {\n setAnnouncerString(undefined);\n }\n }, [progress, isUploadInProgress, attachment.name, uploadStartedString, uploadCompletedString]);\n\n const extension = useMemo((): string => {\n const re = /(?:\\.([^.]+))?$/;\n const match = re.exec(attachment.name);\n return match && match[1] ? match[1] : '';\n }, [attachment]);\n return (\n <div data-is-focusable={true}>\n <Announcer announcementString={announcerString} ariaLive={'polite'} />\n <Card\n className={mergeClasses(\n attachmentCardStyles.root,\n selfResizing ? attachmentCardStyles.dynamicWidth : attachmentCardStyles.staticWidth\n )}\n size=\"small\"\n role=\"listitem\"\n appearance=\"filled-alternative\"\n aria-label={attachment.name}\n data-testid={'attachment-card'}\n >\n <CardHeader\n className={attachmentCardStyles.content}\n image={\n <div className={attachmentCardStyles.fileIcon}>\n <Icon\n data-ui-id={'attachmenttype-icon'}\n iconName={\n getFileTypeIconProps({\n extension: extension,\n size: 24,\n imageFileType: 'svg'\n }).iconName\n }\n />\n </div>\n }\n header={\n <div className={attachmentNameContainerClassName} id={'attachment-' + attachment.id}>\n <TooltipHost\n content={attachment.name}\n calloutProps={{\n gapSpace: 0,\n target: '#attachment-' + attachment.id\n }}\n >\n <div className={attachmentCardStyles.fileNameLabel}>\n <Text className={attachmentCardStyles.title} aria-label={attachment.name}>\n {attachment.name}\n </Text>\n </div>\n </TooltipHost>\n </div>\n }\n action={\n <div className={attachmentCardStyles.focusState}>\n {MappedMenuItems(\n menuActions,\n {\n ...attachment,\n url: attachment.url ?? ''\n },\n onActionHandlerFailed\n )}\n </div>\n }\n />\n </Card>\n {isUploadInProgress ? (\n <CardFooter>\n <ProgressBar\n thickness=\"medium\"\n value={Math.max(progress ?? 0, ATTACHMENT_CARD_MIN_PROGRESS)}\n shape=\"rounded\"\n />\n </CardFooter>\n ) : (\n <> </>\n )}\n </div>\n );\n};\n\nconst MappedMenuItems = (\n menuActions: AttachmentMenuAction[],\n attachment: AttachmentMetadata,\n handleOnClickError?: (errMsg: string) => void\n): JSX.Element => {\n const localeStrings = useLocaleAttachmentCardStringsTrampoline();\n\n if (menuActions.length === 0) {\n return <></>;\n }\n return menuActions.length === 1 ? (\n <TooltipHost content={menuActions[0].name}>\n <ToolbarButton\n aria-label={menuActions[0].name}\n role=\"button\"\n icon={menuActions[0].icon}\n onClick={() => {\n try {\n menuActions[0].onClick(attachment);\n } catch (e) {\n handleOnClickError?.((e as Error).message);\n }\n }}\n />\n </TooltipHost>\n ) : (\n <Toolbar>\n <Menu>\n <TooltipHost content={localeStrings.attachmentMoreMenu}>\n <MenuTrigger>\n <ToolbarButton\n aria-label={localeStrings.attachmentMoreMenu}\n role=\"button\"\n icon={<Icon iconName=\"AttachmentMoreMenu\" />}\n />\n </MenuTrigger>\n </TooltipHost>\n <MenuPopover>\n <MenuList>\n {menuActions.map((menuItem, index) => (\n <MenuItem\n aria-label={menuItem.name}\n key={index}\n icon={menuItem.icon}\n onClick={async () => {\n try {\n await menuItem.onClick(attachment);\n } catch (e) {\n handleOnClickError?.((e as Error).message);\n }\n }}\n >\n {menuItem.name}\n </MenuItem>\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n </Toolbar>\n );\n};\n"]}
1	+ {"version":3,"file":"AttachmentCard.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/Attachment/AttachmentCard.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { Icon, TooltipHost } from '@fluentui/react';\nimport {\n Card,\n CardHeader,\n Text,\n Menu,\n MenuTrigger,\n ToolbarButton,\n MenuPopover,\n MenuItem,\n MenuList,\n Toolbar,\n CardFooter,\n ProgressBar,\n mergeClasses\n} from '@fluentui/react-components';\nimport { getFileTypeIconProps } from '@fluentui/react-file-type-icons';\nimport React from 'react';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport { Announcer } from '../Announcer';\nimport { useEffect, useState, useMemo } from 'react';\nimport { _AttachmentUploadCardsStrings } from './AttachmentUploadCards';\nimport { useLocaleAttachmentCardStringsTrampoline } from '../utils/common';\nimport { AttachmentMenuAction } from '../../types/Attachment';\nimport { AttachmentMetadata, AttachmentMetadataInProgress } from '@internal/acs-ui-common';\nimport {\n useAttachmentCardStyles,\n ATTACHMENT_CARD_MIN_PROGRESS,\n titleTooltipContainerStyle\n} from '../styles/AttachmentCard.styles';\n\n/*\n @internal\n * AttachmentCard Component Props.\n /\nexport interface _AttachmentCardProps {\n /\n Attachment details including name, extension, url, etc.\n /\n attachment: AttachmentMetadata \| AttachmentMetadataInProgress;\n /\n An array of menu actions to be displayed in the attachment card.\n /\n menuActions: AttachmentMenuAction[];\n /\n Optional aria label strings for attachment upload cards\n /\n strings?: _AttachmentUploadCardsStrings;\n /\n Optional callback that runs if menu bar action onclick throws.\n /\n onActionHandlerFailed?: (errMsg: string) => void;\n /\n Optional flag to enable self resizing of the attachment card.\n /\n selfResizing?: boolean;\n}\n\n/\n @internal\n * A component for displaying an attachment card with attachment icon and progress bar.\n \n `_AttachmentCard` internally uses the `Card` component from `@fluentui/react-components`. You can checkout the details about these components [here](https://react.fluentui.dev/?path=/docs/components-card).\n */\nexport const _AttachmentCard = (props: _AttachmentCardProps): JSX.Element => {\n const { attachment, menuActions, onActionHandlerFailed, selfResizing } = props;\n const attachmentCardStyles = useAttachmentCardStyles();\n\n const progress = useMemo(() => {\n return 'progress' in attachment ? attachment.progress : undefined;\n }, [attachment]);\n\n const isUploadInProgress = useMemo(() => {\n return progress !== undefined && progress >= 0 && progress < 1;\n }, [progress]);\n\n const [announcerString, setAnnouncerString] = useState<string \| undefined>(undefined);\n const localeStrings = useLocaleAttachmentCardStringsTrampoline();\n const uploadStartedString = props.strings?.uploading ?? localeStrings.uploading;\n const uploadCompletedString = props.strings?.uploadCompleted ?? localeStrings.uploadCompleted;\n\n useEffect(() => {\n if (isUploadInProgress) {\n setAnnouncerString(`${uploadStartedString} ${attachment.name}`);\n } else if (progress === 1) {\n setAnnouncerString(`${attachment.name} ${uploadCompletedString}`);\n } else {\n setAnnouncerString(undefined);\n }\n }, [progress, isUploadInProgress, attachment.name, uploadStartedString, uploadCompletedString]);\n\n const extension = useMemo((): string => {\n const re = /(?:\\.([^.]+))?$/;\n const match = re.exec(attachment.name);\n return match && match[1] ? match[1] : '';\n }, [attachment]);\n return (\n <div data-is-focusable={true}>\n <Announcer announcementString={announcerString} ariaLive={'polite'} />\n <Card\n className={mergeClasses(\n attachmentCardStyles.root,\n selfResizing ? attachmentCardStyles.dynamicWidth : attachmentCardStyles.staticWidth\n )}\n size=\"small\"\n role=\"listitem\"\n appearance=\"filled-alternative\"\n aria-label={attachment.name}\n data-testid={'attachment-card'}\n >\n <CardHeader\n className={attachmentCardStyles.content}\n image={{\n className: attachmentCardStyles.fileIcon,\n children: (\n <Icon\n data-ui-id={'attachmenttype-icon'}\n iconName={\n getFileTypeIconProps({\n extension: extension,\n size: 24,\n imageFileType: 'svg'\n }).iconName\n }\n />\n )\n }}\n header={{\n id: 'attachment-' + attachment.id,\n children: (\n <TooltipHost\n content={attachment.name}\n calloutProps={{\n gapSpace: 0,\n target: '#attachment-' + attachment.id\n }}\n hostClassName={titleTooltipContainerStyle}\n >\n <Text className={attachmentCardStyles.title} aria-label={attachment.name}>\n {attachment.name}\n </Text>\n </TooltipHost>\n )\n }}\n action={{\n className: attachmentCardStyles.actions,\n children: MappedMenuItems(\n menuActions,\n {\n ...attachment,\n url: attachment.url ?? ''\n },\n onActionHandlerFailed\n )\n }}\n />\n </Card>\n {isUploadInProgress ? (\n <CardFooter>\n <ProgressBar\n thickness=\"medium\"\n value={Math.max(progress ?? 0, ATTACHMENT_CARD_MIN_PROGRESS)}\n shape=\"rounded\"\n />\n </CardFooter>\n ) : (\n <> </>\n )}\n </div>\n );\n};\n\nconst MappedMenuItems = (\n menuActions: AttachmentMenuAction[],\n attachment: AttachmentMetadata,\n handleOnClickError?: (errMsg: string) => void\n): JSX.Element => {\n const localeStrings = useLocaleAttachmentCardStringsTrampoline();\n\n if (menuActions.length === 0) {\n return <></>;\n }\n return menuActions.length === 1 ? (\n <TooltipHost content={menuActions[0].name}>\n <ToolbarButton\n aria-label={menuActions[0].name}\n role=\"button\"\n icon={menuActions[0].icon}\n onClick={() => {\n try {\n menuActions[0].onClick(attachment);\n } catch (e) {\n handleOnClickError?.((e as Error).message);\n }\n }}\n />\n </TooltipHost>\n ) : (\n <Toolbar>\n <Menu>\n <TooltipHost content={localeStrings.attachmentMoreMenu}>\n <MenuTrigger>\n <ToolbarButton\n aria-label={localeStrings.attachmentMoreMenu}\n role=\"button\"\n icon={<Icon iconName=\"AttachmentMoreMenu\" />}\n />\n </MenuTrigger>\n </TooltipHost>\n <MenuPopover>\n <MenuList>\n {menuActions.map((menuItem, index) => (\n <MenuItem\n aria-label={menuItem.name}\n key={index}\n icon={menuItem.icon}\n onClick={async () => {\n try {\n await menuItem.onClick(attachment);\n } catch (e) {\n handleOnClickError?.((e as Error).message);\n }\n }}\n >\n {menuItem.name}\n </MenuItem>\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n </Toolbar>\n );\n};\n"]}

package/dist/dist-esm/react-components/src/components/styles/AttachmentCard.styles.d.ts CHANGED Viewed

@@ -9,11 +9,11 @@ export declare const _ATTACHMENT_CARD_MARGIN_IN_PX = 2;
 /**
  * @private
  */
-export declare const useAttachmentCardStyles: () => Record<"content" | "title" | "root" | "dynamicWidth" | "staticWidth" | "fileIcon" | "focusState" | "fileNameLabel", string>;
+export declare const useAttachmentCardStyles: () => Record<"content" | "title" | "root" | "actions" | "dynamicWidth" | "staticWidth" | "fileIcon", string>;
 /**
  * @private
  */
-export declare const attachmentNameContainerClassName: string;
+export declare const titleTooltipContainerStyle: string;
 /**
  * @private
  */

package/dist/dist-esm/react-components/src/components/styles/AttachmentCard.styles.js CHANGED Viewed

@@ -1,8 +1,8 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT License.
-import { mergeStyles } from '@fluentui/react';
 import { makeStyles, shorthands } from '@fluentui/react-components';
 import { _pxToRem } from "../../../../acs-ui-common/src";
+import { mergeStyles } from '@fluentui/react';
 /**
  * @private
  */
@@ -25,39 +25,37 @@ export const useAttachmentCardStyles = makeStyles({
         width: `${_ATTACHMENT_CARD_WIDTH_IN_REM}rem`
     },
     fileIcon: {
-        marginLeft: _pxToRem(4)
+        marginLeft: _pxToRem(4),
+        // don't shrink the file icon container
+        flexShrink: 0
     },
     content: {
         '> div': {
-            width: '100%',
             overflow: 'hidden',
             textOverflow: 'ellipsis'
         }
     },
     title: {
-        width: '100%'
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis'
     },
-    focusState: {
+    actions: {
         '& > * button:focus': {
             border: `black solid ${_pxToRem(1)}`
-        }
-    },
-    fileNameLabel: {
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-        overflowX: 'clip'
+        },
+        // don't shrink the actions container
+        flexShrink: 0
     }
 });
 /**
  * @private
  */
-export const attachmentNameContainerClassName = mergeStyles({
-    marginTop: _pxToRem(5),
-    overflow: 'hidden',
+export const titleTooltipContainerStyle = mergeStyles({
+    width: '100%',
     textOverflow: 'ellipsis',
-    span: {
-        whiteSpace: 'nowrap'
-    }
+    whiteSpace: 'nowrap',
+    overflowX: 'clip'
 });
 /**
  * @private

package/dist/dist-esm/react-components/src/components/styles/AttachmentCard.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttachmentCard.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/AttachmentCard.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,~~WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,~~UAAU,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,sCAAgC;~~AAEnD~~;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,CAAC;AAChD;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,CAAC;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAAC;IAChD,IAAI,EAAE;QACJ,qBAAqB,oBAChB,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CACzB;KACF;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,GAAG,6BAA6B,KAAK;KAChD;IACD,WAAW,EAAE;QACX,KAAK,EAAE,GAAG,6BAA6B,KAAK;KAC7C;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;~~KACxB~~;IACD,OAAO,EAAE;QACP,OAAO,EAAE;YACP,~~KAAK,EAAE,MAAM;YACb,~~QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;SACzB;KACF;IACD,KAAK,EAAE;QACL,~~KAAK~~,EAAE,~~MAAM~~;~~KACd~~;~~IACD~~,UAAU,EAAE;~~QACV~~,oBAAoB,EAAE;YACpB,MAAM,EAAE,eAAe,QAAQ,CAAC,CAAC,CAAC,EAAE;SACrC;~~KACF;IACD~~,~~aAAa,EAAE~~;~~QACb~~,~~YAAY,EAAE,~~UAAU~~;QACxB~~,~~UAAU,~~EAAE,~~QAAQ~~;~~QACpB,SAAS,EAAE,MAAM~~;~~KAClB;~~CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,~~gCAAgC~~,GAAG,WAAW,CAAC;~~IAC1D~~,~~SAAS~~,EAAE,~~QAAQ,CAAC,CAAC,CAAC~~;~~IACtB~~,~~QAAQ,EAAE,QAAQ;IAClB,~~YAAY,EAAE,UAAU;IACxB,~~IAAI~~,EAAE;~~QACJ~~,~~UAAU~~,EAAE,~~QAAQ~~;~~KACrB;CACF~~,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,IAAI,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ~~mergeStyles~~ } from '@fluentui/react';\nimport { ~~makeStyles,~~ ~~shorthands~~ } from '@~~fluentui~~/~~react~~-~~components~~';\nimport { ~~_pxToRem~~ } from '@~~internal~~/~~acs-ui-common~~';\n\n/*\n @private\n /\nexport const _ATTACHMENT_CARD_WIDTH_IN_REM = 12;\n/\n @private\n /\nexport const _ATTACHMENT_CARD_MARGIN_IN_PX = 2;\n\n/\n @private\n /\nexport const useAttachmentCardStyles = makeStyles({\n root: {\n '& div[role=toolbar]': {\n ...shorthands.padding(0)\n }\n },\n dynamicWidth: {\n minWidth: `${_ATTACHMENT_CARD_WIDTH_IN_REM}rem`\n },\n staticWidth: {\n width: `${_ATTACHMENT_CARD_WIDTH_IN_REM}rem`\n },\n fileIcon: {\n marginLeft: _pxToRem(4)\n },\n content: {\n '> div': {\n ~~width: '100%',\n~~ overflow: 'hidden',\n textOverflow: 'ellipsis'\n }\n },\n title: {\n ~~width~~: '~~100%~~'\n },\n ~~focusState~~: {\n '& > button:focus': {\n border: `black solid ${_pxToRem(1)}`\n }~~\n }~~,\n ~~fileNameLabel: {\n~~ ~~textOverflow:~~ '~~ellipsis',\n whiteSpace:~~ ~~'nowrap',\~~n ~~overflowX~~: ~~'clip'~~\n }\n});\n\n/*\n @private\n /\nexport const ~~attachmentNameContainerClassName~~ = mergeStyles({\n ~~marginTop~~: ~~_pxToRem(5),\n overflow:~~ '~~hidden~~',\n textOverflow: 'ellipsis',\n ~~span: {\n~~ whiteSpace: 'nowrap'\n }\n});\n\n/\n @private\n */\nexport const ATTACHMENT_CARD_MIN_PROGRESS = 0.05;\n"]}
1	+ {"version":3,"file":"AttachmentCard.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/AttachmentCard.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,sCAAgC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,EAAE,CAAC;AAChD;;GAEG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,CAAC;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,UAAU,CAAC;IAChD,IAAI,EAAE;QACJ,qBAAqB,oBAChB,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CACzB;KACF;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,GAAG,6BAA6B,KAAK;KAChD;IACD,WAAW,EAAE;QACX,KAAK,EAAE,GAAG,6BAA6B,KAAK;KAC7C;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;QACvB,uCAAuC;QACvC,UAAU,EAAE,CAAC;KACd;IACD,OAAO,EAAE;QACP,OAAO,EAAE;YACP,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;SACzB;KACF;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,UAAU;KACzB;IACD,OAAO,EAAE;QACP,oBAAoB,EAAE;YACpB,MAAM,EAAE,eAAe,QAAQ,CAAC,CAAC,CAAC,EAAE;SACrC;QACD,qCAAqC;QACrC,UAAU,EAAE,CAAC;KACd;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,WAAW,CAAC;IACpD,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,UAAU;IACxB,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,IAAI,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { makeStyles, shorthands } from '@fluentui/react-components';\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport { mergeStyles } from '@fluentui/react';\n\n/*\n @private\n /\nexport const _ATTACHMENT_CARD_WIDTH_IN_REM = 12;\n/\n @private\n /\nexport const _ATTACHMENT_CARD_MARGIN_IN_PX = 2;\n\n/\n @private\n /\nexport const useAttachmentCardStyles = makeStyles({\n root: {\n '& div[role=toolbar]': {\n ...shorthands.padding(0)\n }\n },\n dynamicWidth: {\n minWidth: `${_ATTACHMENT_CARD_WIDTH_IN_REM}rem`\n },\n staticWidth: {\n width: `${_ATTACHMENT_CARD_WIDTH_IN_REM}rem`\n },\n fileIcon: {\n marginLeft: _pxToRem(4),\n // don't shrink the file icon container\n flexShrink: 0\n },\n content: {\n '> div': {\n overflow: 'hidden',\n textOverflow: 'ellipsis'\n }\n },\n title: {\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis'\n },\n actions: {\n '& > button:focus': {\n border: `black solid ${_pxToRem(1)}`\n },\n // don't shrink the actions container\n flexShrink: 0\n }\n});\n\n/*\n @private\n /\nexport const titleTooltipContainerStyle = mergeStyles({\n width: '100%',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflowX: 'clip'\n});\n\n/\n @private\n */\nexport const ATTACHMENT_CARD_MIN_PROGRESS = 0.05;\n"]}

package/dist/dist-esm/react-components/src/localization/locales/ar-SA/strings.json CHANGED Viewed

@@ -185,8 +185,8 @@
         "failToSendTag": "فشل الإرسال",
         "editedTag": "تم التحرير",
         "liveAuthorIntro": "قال {author}",
-        "messageContentAriaText": "{author} قال {message}",
-        "messageContentMineAriaText": "لقد قلت {message}",
+        "messageContentAriaText": "{status} {author} قال {message}",
+        "messageContentMineAriaText": "{status} أنت قولت {message}",
         "editBoxTextLimit": "تجاوزت رسالتك الحد الأقصى لعدد الأحرف {limitNumber}",
         "editBoxPlaceholderText": "تحرير رسالتك",
         "newMessagesIndicator": "رسائل جديدة",
@@ -220,7 +220,8 @@
         "richTextDeleteColumnMenu": "حذف العمود",
         "richTextDeleteRowMenu": "حذف الصف",
         "richTextDeleteTableMenu": "حذف الجدول",
-        "richTextToolbarMoreButtonAriaLabel": "خيارات إضافية"
+        "richTextToolbarMoreButtonAriaLabel": "خيارات إضافية",
+        "attachmentUploadsPendingError": "يتم الآن التحميل... الرجاء الانتظار."
     },
     "errorBar": {
         "unableToReachChatService": "أنت غير متصل",
@@ -237,6 +238,7 @@
         "startScreenShareGeneric": "حدثت مشكلة أثناء بدء مشاركة الشاشة.",
         "stopScreenShareGeneric": "فشل إيقاف مشاركة الشاشة",
         "callNetworkQualityLow": "جودة الشبكة مقبولة.",
+        "teamsMeetingCallNetworkQualityLow": "جودة الشبكة منخفضة.",
         "callNoSpeakerFound": "لم يتم العثور على سماعات أو سماعات رأس. قم بتوصيل جهاز صوت لسماع المكالمة.",
         "callNoMicrophoneFound": "لم يتم العثور على ميكروفونات. قم بتوصيل جهاز إدخال صوت.",
         "callMicrophoneAccessDenied": "يتعذر الوصول إلى الميكروفون. انقر فوق التأمين في شريط العناوين لمنح الإذن لصفحة ويب هذه.",
@@ -257,160 +259,189 @@
         "failedToJoinCallInvalidMeetingLink": "تعذر الانضمام إلى الاجتماع. ارتباط غير صالح.",
         "cameraFrozenForRemoteParticipants": "يواجه المستخدمون في المكالمة مشكلات في رؤية الفيديو الخاص بك. الرجاء التحقق من أجهزتك وشبكتك.",
         "unableToStartVideoEffect": "يتعذر تطبيق تأثير الفيديو.",
-        "startSpotlightWhileMaxParticipantsAreSpotlighted": "لا يمكن بدء تسليط الضوء على المشاركين (المشاركين) لأنه تم بالفعل تسليط الضوء على الحد الأقصى لعدد المشاركين."
+        "startSpotlightWhileMaxParticipantsAreSpotlighted": "لا يمكن بدء تسليط الضوء على المشاركين (المشاركين) لأنه تم بالفعل تسليط الضوء على الحد الأقصى لعدد المشاركين.",
+        "mutedByRemoteParticipant": "تم كتم صوتك من قبل مشارك آخر."
     },
-    "notifications": {
-        "unableToReachChatService": {
-            "title": "أنت غير متصل.",
-            "closeButtonAriaLabel": "إغلاق"
-        },
-        "accessDenied": {
-            "title": "غير قادر على الوصول إلى خدمات الدردشة",
-            "message": "الرجاء التحقق من بيانات اعتماد المستخدم المقدمة",
-            "closeButtonAriaLabel": "إغلاق"
-        },
-        "userNotInChatThread": {
-            "title": "لم تعد في مؤشر ترابط الدردشة هذا.",
-            "closeButtonAriaLabel": "إغلاق"
-        },
-        "sendMessageNotInChatThread": {
-            "title": "فشل إرسال الرسالة",
-            "message": "لم تعد مضمناً في هذا ترابط الدردشة هذا",
-            "closeButtonAriaLabel": "إغلاق"
-        },
-        "sendMessageGeneric": {
-            "title": "فشل إرسال الرسالة.",
-            "closeButtonAriaLabel": "إغلاق"
-        },
+    "notificationStack": {
         "callingNetworkFailure": {
             "title": "مكالمة مزعجة",
             "message": "يبدو أنك غير متصل. الرجاء التحقق من اتصال الشبكة والمحاولة مرة أخرى.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "startVideoGeneric": {
             "title": "فشل بدء الفيديو.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "stopVideoGeneric": {
             "title": "فشل إيقاف الفيديو.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "muteGeneric": {
             "title": "فشل كتم صوت الميكروفون.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "unmuteGeneric": {
-            "title": "فشل إلغاء كتم صوت الميكروفون",
-            "closeButtonAriaLabel": "إغلاق"
+            "title": "فشل إلغاء كتم صوت الميكروفون.",
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "speakingWhileMuted": {
             "title": "تم كتم صوتك.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "startScreenShareGeneric": {
             "title": "حدثت مشكلة أثناء بدء مشاركة الشاشة.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "stopScreenShareGeneric": {
             "title": "فشل إيقاف مشاركة الشاشة",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callNetworkQualityLow": {
             "title": "جودة الشبكة مقبولة.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "teamsMeetingCallNetworkQualityLow": {
+            "title": "جودة الشبكة منخفضة.",
+            "dismissButtonAriaLabel": "إغلاق",
+            "message": "انضم إلى هذه المكالمة من هاتفك للحصول على صوت أفضل. يمكنك متابعة عرض الاجتماع على هذا الجهاز.",
+            "primaryButtonLabel": "انضمام عبر الهاتف"
         },
         "callNoSpeakerFound": {
             "title": "لم يتم العثور على سماعات أو سماعات رأس",
             "message": "قم بتوصيل جهاز صوت لسماع المكالمة.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callNoMicrophoneFound": {
             "title": "لم يتم العثور على ميكروفونات",
             "message": "قم بتوصيل جهاز إدخال صوت.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callMicrophoneAccessDenied": {
             "title": "يتعذر الوصول إلى الميكروفون",
             "message": "انقر فوق التأمين في شريط العناوين لمنح الإذن لصفحة ويب هذه.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callMicrophoneAccessDeniedSafari": {
             "title": "يتعذر الوصول إلى الميكروفون",
             "message": "قم بتحديث الصفحة للسماح بالأذونات، أو تحقق من إعدادات هذا المستعرض وتحقق من تمكين الأذونات لموقع الويب هذا.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callMicrophoneMutedBySystem": {
             "title": "تم كتم صوتك بواسطة النظام.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callMicrophoneUnmutedBySystem": {
             "title": "تم استرداد الميكروفون وتم إلغاء كتم صوتك من قبل النظام.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callMacOsMicrophoneAccessDenied": {
             "title": "يتعذر الوصول إلى الميكروفون",
             "message": "امنح الميكروفون إذنا في إعدادات خصوصية macOS.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callLocalVideoFreeze": {
             "title": "النطاق الترددي للشبكة ضعيف.",
             "message": "قد يظهر الفيديو متوقفا مؤقتا للآخرين في المكالمة.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callCameraAccessDenied": {
             "title": "تعذر الوصول إلى الكاميرا",
             "message": "انقر فوق التأمين في شريط العناوين لمنح الإذن لصفحة ويب هذه.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callCameraAccessDeniedSafari": {
             "title": "تعذر الوصول إلى الكاميرا",
             "message": "قم بتحديث الصفحة للسماح بالأذونات، أو تحقق من إعدادات هذا المستعرض وتحقق من تمكين الأذونات لموقع الويب هذا.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callCameraAlreadyInUse": {
             "title": "تعذر الوصول إلى الكاميرا",
             "message": "قد يكون قيد الاستخدام بالفعل بواسطة تطبيق آخر.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callVideoStoppedBySystem": {
             "title": "تم إيقاف الفيديو الخاص بك من قبل النظام.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callVideoRecoveredBySystem": {
             "title": "تم استئناف الفيديو الخاص بك.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callMacOsCameraAccessDenied": {
             "title": "يقوم MacOS بحظر الوصول إلى الكاميرا",
             "message": "قم بتحديث إعدادات الخصوصية للسماح لهذا المستعرض بالوصول إلى الكاميرا.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "callMacOsScreenShareAccessDenied": {
             "title": "يقوم MacOS بحظر مشاركة الشاشة",
             "message": "قم بتحديث إعدادات الخصوصية للسماح لهذا المستعرض بتسجيل الشاشة.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "failedToJoinCallGeneric": {
-            "title": "فشل في الانضمام إلى المكالمة.",
-            "closeButtonAriaLabel": "إغلاق"
+            "title": "فشل الانضمام إلى المكالمة.",
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "failedToJoinCallInvalidMeetingLink": {
             "title": "تعذر الانضمام إلى الاجتماع. ارتباط غير صالح.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "cameraFrozenForRemoteParticipants": {
             "title": "يواجه المستخدمون في المكالمة مشكلات في رؤية الفيديو الخاص بك.",
             "message": "الرجاء التحقق من أجهزتك وشبكتك.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "unableToStartVideoEffect": {
             "title": "يتعذر تطبيق تأثير الفيديو.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
         },
         "startSpotlightWhileMaxParticipantsAreSpotlighted": {
             "title": "يتعذر بدء تسليط ضوء على المشاركين.",
             "message": "يتم تسليط الضوء على الحد الأقصى لعدد المشاركين بالفعل.",
-            "closeButtonAriaLabel": "إغلاق"
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "mutedByRemoteParticipant": {
+            "title": "تم كتم صوتك من قبل مشارك آخر.",
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "recordingStarted": {
+            "title": "بدأ التسجيل.",
+            "message": "من خلال الانضمام، فأنت توافق على كتابة هذا الاجتماع.",
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "transcriptionStarted": {
+            "title": "بدأت كتابة الحديث.",
+            "message": "من خلال الانضمام، فأنت توافق على كتابة هذا الاجتماع.",
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "recordingStopped": {
+            "title": "يتم الآن حفظ التسجيل.",
+            "message": "لقد توقف التسجيل.",
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "transcriptionStopped": {
+            "title": "يتم الآن حفظ كتابة الحديث.",
+            "message": "توقفت كتابة الحديث.",
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "recordingAndTranscriptionStarted": {
+            "title": "بدء التسجيل والنسخ. ",
+            "message": "من خلال الانضمام، فأنت توافق على كتابة هذا الاجتماع.",
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "recordingAndTranscriptionStopped": {
+            "title": "يتم حفظ التسجيل وكتابة الحديث.",
+            "message": "التسجيل وكتابة الحديث متوقفان.",
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "recordingStoppedStillTranscribing": {
+            "title": "لقد توقف التسجيل.",
+            "message": "أنت الآن تقوم فقط بكتابة الحديث لهذا الاجتماع.",
+            "dismissButtonAriaLabel": "إغلاق"
+        },
+        "transcriptionStoppedStillRecording": {
+            "title": "توقفت كتابة الحديث.",
+            "message": "أنت الآن تسجل هذا الاجتماع فقط.",
+            "dismissButtonAriaLabel": "إغلاق"
         }
     },
     "videoGallery": {
@@ -436,7 +467,8 @@
         "spotlightLimitReachedMenuTitle": "تم الوصول إلى الحد الأقصى لتسليط الضوء",
         "stopSpotlightVideoTileMenuLabel": "التوقف عن تسليط الضوء",
         "stopSpotlightOnSelfVideoTileMenuLabel": "الخروج من وضع تسليط الضوء",
-        "attendeeRole": "الحضور"
+        "attendeeRole": "الحضور",
+        "muteParticipantMenuItemLabel": "كتم الصوت"
     },
     "dialpad": {
         "placeholderText": "أدخل رقم الهاتف",
@@ -578,9 +610,15 @@
         "meetingConferencePhoneInfoModalMeetingId": "أدخل معرف الاجتماع",
         "meetingConferencePhoneInfoModalWait": "انتظر حتى يتم القبول من قبل المنظم",
         "meetingConferencePhoneInfoModalNoPhoneAvailable": "لا يتوفر هاتف",
-        "meetingConferencePhoneInfoModalTollFree": "{phoneNumber} (رقم مجاني) {country}، {city}",
-        "meetingConferencePhoneInfoModalTollFreeWithoutGeoData": "{phoneNumber} (رقم مجاني)",
-        "meetingConferencePhoneInfoModalToll": "{country} {phoneNumber} (رقم غير مجاني)، {city}",
-        "meetingConferencePhoneInfoModalTollWithoutGeoData": "{phoneNumber} (رقم غير مجاني)"
+        "meetingConferencePhoneInfoModalTollGeoData": "{country}، {city}",
+        "meetingConferencePhoneInfoModalTollFree": "(رقم مجاني)",
+        "meetingConferencePhoneInfoModalToll": "(الرقم غير المجاني)"
+    },
+    "IncomingCallNotification": {
+        "incomingCallNotificationPlaceholderId": "مستخدم غير معروف",
+        "incomingCallNotificationPlaceholderAlert": "مكالمة واردة",
+        "incomingCallNoticicationAcceptWithAudioAriaLabel": "قبول مع الصوت",
+        "incomingCallNoticicationAcceptWithVideoAriaLabel": "قبول مع الفيديو",
+        "incomingCallNoticicationRejectAriaLabel": "رفض"
     }
 }