@azure/communication-react 1.5.1-alpha-202306080014 → 1.5.1-alpha-202306100013

package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.js

@@ -178,7 +178,7 @@ export const defaultBlockedMessageStyleContainer = (theme) => ({
  * @private
  */
 export const gutterWithAvatar = {
-    width: `${AVATAR_WIDTH_REM}`,
+    width: `${AVATAR_WIDTH_REM}rem`,
     position: 'relative',
     float: 'left',
     display: 'block',

package/dist/dist-esm/react-components/src/components/styles/MessageThread.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageThread.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/MessageThread.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IButtonStyles, mergeStyles, Theme } from '@fluentui/react';\nimport { CSSProperties } from 'react';\nimport { MESSAGE_STATUS_INDICATOR_SIZE_REM } from './MessageStatusIndicator.styles';\nimport { ComponentSlotStyle } from '../../types';\n\n// Minimum chat bubble width. This matches the minimum chat bubble width from FluentUI\n// that can contain a message and a timestamp.\nconst CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM = 6.25;\n\n// Chat messages should span just short of the width of the container.\n// When calculating the width of a message we also must take into account\n// the width of the avatar/gutter and the gap between the message and avatar/gutter.\nconst AVATAR_WIDTH_REM = 2;\nconst AVATAR_MESSAGE_GAP_REM = 0.5;\nconst MESSAGE_AMOUNT_OUT_FROM_EDGE_REM = 2;\n\n// Avatars should display on top of chat messages when the chat thread is narrow\nconst MESSAGE_AVATAR_OVERLAP_REM = 0.425;\nconst CHAT_MESSAGE_ZINDEX = 1;\nconst AVATAR_ZINDEX = 2;\n// new message button should be on top of chat message\nconst NEW_MESSAGE_BUTTON_ZINDEX = 2;\n\n/**\n * @private\n */\nexport const messageThreadContainerStyle = mergeStyles({\n  height: '100%',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'auto',\n  position: 'relative',\n  alignSelf: 'center'\n});\n\n/**\n * @private\n */\nexport const noMessageStatusStyle = mergeStyles({\n  // This should match the size of the message status indicator icon to ensure\n  // multiple messages sent by the user are aligned correctly.\n  width: `${MESSAGE_STATUS_INDICATOR_SIZE_REM}rem`\n});\n\n/**\n * @private\n */\nexport const chatStyle: ComponentSlotStyle = {\n  paddingBottom: '0.5rem',\n  paddingTop: '0.8rem',\n  border: 'none',\n  overflow: 'auto',\n  // `height: 100%` ensures that the Chat component covers 100% of it's parents height\n  // to prevent intermittent scrollbars when gifs are present in the chat.\n  height: '100%'\n};\n\n/**\n * @private\n */\nexport const newMessageButtonContainerStyle = mergeStyles({\n  position: 'absolute',\n  zIndex: NEW_MESSAGE_BUTTON_ZINDEX,\n  bottom: 0,\n  right: '1.5rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageStyle: CSSProperties = {\n  overflowY: 'hidden'\n};\n\n/**\n * @private\n */\nexport const chatMessageDateStyle: CSSProperties = {\n  fontWeight: 600\n};\n\n/**\n * @private\n */\nexport const defaultChatItemMessageContainer = (overlapAvatarAndMessage: boolean): ComponentSlotStyle => {\n  const messageAvatarGap = overlapAvatarAndMessage ? -MESSAGE_AVATAR_OVERLAP_REM : AVATAR_MESSAGE_GAP_REM;\n  return {\n    marginRight: '0rem',\n    marginLeft: `${messageAvatarGap}rem`,\n    width: `calc(100% - ${AVATAR_WIDTH_REM + MESSAGE_AMOUNT_OUT_FROM_EDGE_REM + messageAvatarGap}rem)`,\n    zIndex: CHAT_MESSAGE_ZINDEX,\n    '& msft-mention': {\n      color: '#D83B01',\n      fontWeight: 600\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const defaultMyChatMessageContainer: ComponentSlotStyle = {\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginLeft: '0rem',\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n};\n\n/**\n * @private\n */\nexport const FailedMyChatMessageContainer: ComponentSlotStyle = {\n  ...defaultChatItemMessageContainer,\n  backgroundColor: 'rgba(168, 0, 0, 0.2)'\n};\n\n/**\n * @private\n */\nexport const defaultChatMessageContainer = (theme: Theme): ComponentSlotStyle => ({\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginRight: '0rem',\n  '& img': {\n    maxWidth: '100% !important', // Add !important to make sure it won't be overridden by style defined in element\n    height: 'auto !important'\n  },\n  '& p': {\n    // Deal with awkward padding seen in messages from Teams.\n    // For more info see https://github.com/Azure/communication-ui-library/pull/1507\n    marginBlock: '0.125rem'\n  },\n  '& blockquote': {\n    backgroundColor: theme.palette.white,\n    clear: 'left',\n    minHeight: '2.25rem',\n    width: 'fit-content',\n    margin: '7px 0px',\n    padding: '7px 15px',\n    border: 'solid',\n    borderRadius: '4px',\n    borderWidth: '1px',\n    borderColor: theme.palette.neutralQuaternary,\n    borderLeftWidth: '4px'\n  },\n  '& table': {\n    backgroundColor: theme.palette.white,\n    border: theme.palette.neutralQuaternary,\n    borderCollapse: 'collapse',\n    tableLayout: 'auto',\n    width: '100%',\n\n    '& tr': {\n      border: `1px solid ${theme.palette.neutralQuaternary}`,\n\n      '& td': {\n        border: `1px solid ${theme.palette.neutralQuaternary}`,\n        wordBreak: 'normal',\n        padding: '0px 5px'\n      }\n    }\n  },\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n});\n\n/**\n * @private\n * @conditional-compile-remove(data-loss-prevention)\n */\nexport const defaultBlockedMessageStyleContainer = (theme: Theme): ComponentSlotStyle => ({\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginRight: '0rem',\n  color: theme.palette.neutralSecondary,\n\n  '& i': {\n    paddingTop: '0.25rem'\n  },\n\n  '& p': {\n    // Deal with awkward padding seen in messages from Teams.\n    // For more info see https://github.com/Azure/communication-ui-library/pull/1507\n    marginBlock: '0.125rem',\n    paddingRight: '0.75rem',\n    fontStyle: 'italic'\n  },\n\n  '& a': {\n    marginBlock: '0.125rem',\n    fontStyle: 'normal',\n    color: theme.palette.themePrimary,\n    textDecoration: 'none'\n  },\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n});\n\n/**\n * @private\n */\nexport const gutterWithAvatar: ComponentSlotStyle = {\n  width: `${AVATAR_WIDTH_REM}`,\n  position: 'relative',\n  float: 'left',\n  display: 'block',\n  visibility: 'visible',\n  zIndex: AVATAR_ZINDEX\n};\n\n/**\n * @private\n */\nexport const gutterWithHiddenAvatar: ComponentSlotStyle = {\n  ...gutterWithAvatar,\n  visibility: 'hidden',\n  // we use this hidden avatar just as a width placeholder\n  // the placeholder is needed for responsive bubble width\n  height: 0\n};\n\n/**\n * @private\n */\nexport const messageStatusContainerStyle = (mine: boolean): string =>\n  mergeStyles({\n    marginLeft: mine ? '0.25rem' : '0rem'\n  });\n\n/**\n * @private\n */\nexport const newMessageButtonStyle = mergeStyles({\n  float: 'right',\n  width: 'fit-content'\n});\n\n/**\n * @private\n */\nexport const buttonWithIconStyles: IButtonStyles = {\n  textContainer: {\n    display: 'contents'\n  }\n};\n\n/**\n * @private\n */\nexport const loadPreviousMessageButtonStyle = mergeStyles({\n  border: 'none',\n  minHeight: '1.5rem',\n  '&:hover': { background: 'none' },\n  '&:active': { background: 'none' }\n});\n\n/**\n * @private\n */\nexport const DownIconStyle = mergeStyles({\n  marginRight: '0.5em'\n});\n"]}
+{"version":3,"file":"MessageThread.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/MessageThread.styles.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { IButtonStyles, mergeStyles, Theme } from '@fluentui/react';\nimport { CSSProperties } from 'react';\nimport { MESSAGE_STATUS_INDICATOR_SIZE_REM } from './MessageStatusIndicator.styles';\nimport { ComponentSlotStyle } from '../../types';\n\n// Minimum chat bubble width. This matches the minimum chat bubble width from FluentUI\n// that can contain a message and a timestamp.\nconst CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM = 6.25;\n\n// Chat messages should span just short of the width of the container.\n// When calculating the width of a message we also must take into account\n// the width of the avatar/gutter and the gap between the message and avatar/gutter.\nconst AVATAR_WIDTH_REM = 2;\nconst AVATAR_MESSAGE_GAP_REM = 0.5;\nconst MESSAGE_AMOUNT_OUT_FROM_EDGE_REM = 2;\n\n// Avatars should display on top of chat messages when the chat thread is narrow\nconst MESSAGE_AVATAR_OVERLAP_REM = 0.425;\nconst CHAT_MESSAGE_ZINDEX = 1;\nconst AVATAR_ZINDEX = 2;\n// new message button should be on top of chat message\nconst NEW_MESSAGE_BUTTON_ZINDEX = 2;\n\n/**\n * @private\n */\nexport const messageThreadContainerStyle = mergeStyles({\n  height: '100%',\n  width: '100%',\n  maxHeight: '100%',\n  overflow: 'auto',\n  position: 'relative',\n  alignSelf: 'center'\n});\n\n/**\n * @private\n */\nexport const noMessageStatusStyle = mergeStyles({\n  // This should match the size of the message status indicator icon to ensure\n  // multiple messages sent by the user are aligned correctly.\n  width: `${MESSAGE_STATUS_INDICATOR_SIZE_REM}rem`\n});\n\n/**\n * @private\n */\nexport const chatStyle: ComponentSlotStyle = {\n  paddingBottom: '0.5rem',\n  paddingTop: '0.8rem',\n  border: 'none',\n  overflow: 'auto',\n  // `height: 100%` ensures that the Chat component covers 100% of it's parents height\n  // to prevent intermittent scrollbars when gifs are present in the chat.\n  height: '100%'\n};\n\n/**\n * @private\n */\nexport const newMessageButtonContainerStyle = mergeStyles({\n  position: 'absolute',\n  zIndex: NEW_MESSAGE_BUTTON_ZINDEX,\n  bottom: 0,\n  right: '1.5rem'\n});\n\n/**\n * @private\n */\nexport const chatMessageStyle: CSSProperties = {\n  overflowY: 'hidden'\n};\n\n/**\n * @private\n */\nexport const chatMessageDateStyle: CSSProperties = {\n  fontWeight: 600\n};\n\n/**\n * @private\n */\nexport const defaultChatItemMessageContainer = (overlapAvatarAndMessage: boolean): ComponentSlotStyle => {\n  const messageAvatarGap = overlapAvatarAndMessage ? -MESSAGE_AVATAR_OVERLAP_REM : AVATAR_MESSAGE_GAP_REM;\n  return {\n    marginRight: '0rem',\n    marginLeft: `${messageAvatarGap}rem`,\n    width: `calc(100% - ${AVATAR_WIDTH_REM + MESSAGE_AMOUNT_OUT_FROM_EDGE_REM + messageAvatarGap}rem)`,\n    zIndex: CHAT_MESSAGE_ZINDEX,\n    '& msft-mention': {\n      color: '#D83B01',\n      fontWeight: 600\n    }\n  };\n};\n\n/**\n * @private\n */\nexport const defaultMyChatMessageContainer: ComponentSlotStyle = {\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginLeft: '0rem',\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n};\n\n/**\n * @private\n */\nexport const FailedMyChatMessageContainer: ComponentSlotStyle = {\n  ...defaultChatItemMessageContainer,\n  backgroundColor: 'rgba(168, 0, 0, 0.2)'\n};\n\n/**\n * @private\n */\nexport const defaultChatMessageContainer = (theme: Theme): ComponentSlotStyle => ({\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginRight: '0rem',\n  '& img': {\n    maxWidth: '100% !important', // Add !important to make sure it won't be overridden by style defined in element\n    height: 'auto !important'\n  },\n  '& p': {\n    // Deal with awkward padding seen in messages from Teams.\n    // For more info see https://github.com/Azure/communication-ui-library/pull/1507\n    marginBlock: '0.125rem'\n  },\n  '& blockquote': {\n    backgroundColor: theme.palette.white,\n    clear: 'left',\n    minHeight: '2.25rem',\n    width: 'fit-content',\n    margin: '7px 0px',\n    padding: '7px 15px',\n    border: 'solid',\n    borderRadius: '4px',\n    borderWidth: '1px',\n    borderColor: theme.palette.neutralQuaternary,\n    borderLeftWidth: '4px'\n  },\n  '& table': {\n    backgroundColor: theme.palette.white,\n    border: theme.palette.neutralQuaternary,\n    borderCollapse: 'collapse',\n    tableLayout: 'auto',\n    width: '100%',\n\n    '& tr': {\n      border: `1px solid ${theme.palette.neutralQuaternary}`,\n\n      '& td': {\n        border: `1px solid ${theme.palette.neutralQuaternary}`,\n        wordBreak: 'normal',\n        padding: '0px 5px'\n      }\n    }\n  },\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n});\n\n/**\n * @private\n * @conditional-compile-remove(data-loss-prevention)\n */\nexport const defaultBlockedMessageStyleContainer = (theme: Theme): ComponentSlotStyle => ({\n  maxWidth: '100%',\n  minWidth: `${CHAT_MESSAGE_CONTAINER_MIN_WIDTH_REM}rem`,\n  marginRight: '0rem',\n  color: theme.palette.neutralSecondary,\n\n  '& i': {\n    paddingTop: '0.25rem'\n  },\n\n  '& p': {\n    // Deal with awkward padding seen in messages from Teams.\n    // For more info see https://github.com/Azure/communication-ui-library/pull/1507\n    marginBlock: '0.125rem',\n    paddingRight: '0.75rem',\n    fontStyle: 'italic'\n  },\n\n  '& a': {\n    marginBlock: '0.125rem',\n    fontStyle: 'normal',\n    color: theme.palette.themePrimary,\n    textDecoration: 'none'\n  },\n  // This makes message bubble show border in high contrast mode making each message distinguishable\n  border: '1px solid transparent'\n});\n\n/**\n * @private\n */\nexport const gutterWithAvatar: ComponentSlotStyle = {\n  width: `${AVATAR_WIDTH_REM}rem`,\n  position: 'relative',\n  float: 'left',\n  display: 'block',\n  visibility: 'visible',\n  zIndex: AVATAR_ZINDEX\n};\n\n/**\n * @private\n */\nexport const gutterWithHiddenAvatar: ComponentSlotStyle = {\n  ...gutterWithAvatar,\n  visibility: 'hidden',\n  // we use this hidden avatar just as a width placeholder\n  // the placeholder is needed for responsive bubble width\n  height: 0\n};\n\n/**\n * @private\n */\nexport const messageStatusContainerStyle = (mine: boolean): string =>\n  mergeStyles({\n    marginLeft: mine ? '0.25rem' : '0rem'\n  });\n\n/**\n * @private\n */\nexport const newMessageButtonStyle = mergeStyles({\n  float: 'right',\n  width: 'fit-content'\n});\n\n/**\n * @private\n */\nexport const buttonWithIconStyles: IButtonStyles = {\n  textContainer: {\n    display: 'contents'\n  }\n};\n\n/**\n * @private\n */\nexport const loadPreviousMessageButtonStyle = mergeStyles({\n  border: 'none',\n  minHeight: '1.5rem',\n  '&:hover': { background: 'none' },\n  '&:active': { background: 'none' }\n});\n\n/**\n * @private\n */\nexport const DownIconStyle = mergeStyles({\n  marginRight: '0.5em'\n});\n"]}

package/dist/dist-esm/react-components/src/components/styles/ParticipantList.styles.js

@@ -14,7 +14,10 @@ export const participantListStyle = mergeStyles({
 export const participantListItemStyle = {
     root: {
         paddingLeft: '1rem',
-        paddingRight: '1rem'
+        paddingRight: '1rem',
+        ':focus-visible': {
+            margin: '0.125rem'
+        }
     }
 };
 /**

package/dist/dist-esm/react-components/src/components/styles/ParticipantList.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParticipantList.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ParticipantList.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAC9C,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAA8B;IACjE,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,MAAM;KACrB;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { mergeStyles } from '@fluentui/react';\nimport { ParticipantListItemStyles } from '../ParticipantList';\n\n/**\n * @private\n */\nexport const participantListStyle = mergeStyles({\n  height: '100%',\n  padding: '0.125rem'\n});\n\n/**\n * @private\n */\nexport const participantListItemStyle: ParticipantListItemStyles = {\n  root: {\n    paddingLeft: '1rem',\n    paddingRight: '1rem'\n  }\n};\n\n/**\n * @private\n */\nexport const iconStyles = mergeStyles({\n  display: 'flex',\n  lineHeight: 0,\n  alignItems: 'center'\n});\n"]}
+{"version":3,"file":"ParticipantList.styles.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/styles/ParticipantList.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,WAAW,CAAC;IAC9C,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAA8B;IACjE,IAAI,EAAE;QACJ,WAAW,EAAE,MAAM;QACnB,YAAY,EAAE,MAAM;QACpB,gBAAgB,EAAE;YAChB,MAAM,EAAE,UAAU;SACnB;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC;IACpC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { mergeStyles } from '@fluentui/react';\nimport { ParticipantListItemStyles } from '../ParticipantList';\n\n/**\n * @private\n */\nexport const participantListStyle = mergeStyles({\n  height: '100%',\n  padding: '0.125rem'\n});\n\n/**\n * @private\n */\nexport const participantListItemStyle: ParticipantListItemStyles = {\n  root: {\n    paddingLeft: '1rem',\n    paddingRight: '1rem',\n    ':focus-visible': {\n      margin: '0.125rem'\n    }\n  }\n};\n\n/**\n * @private\n */\nexport const iconStyles = mergeStyles({\n  display: 'flex',\n  lineHeight: 0,\n  alignItems: 'center'\n});\n"]}

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

@@ -0,0 +1,332 @@
+{
+    "participantItem": {
+        "isMeText": "(أنت)",
+        "menuTitle": "المزيد من الخيارات",
+        "removeButtonLabel": "إزالة",
+        "sharingIconLabel": "جارٍ المشاركة",
+        "mutedIconLabel": "تم كتم الصوت",
+        "displayNamePlaceholder": "مشارك غير مسمى",
+        "participantStateRinging": "يتم الآن الاتصال...",
+        "participantStateHold": "قيد الانتظار"
+    },
+    "typingIndicator": {
+        "singleUser": "{user} يكتب",
+        "multipleUsers": "يكتب {users} الآن...",
+        "multipleUsersAbbreviateOne": "جارٍ الكتابة بواسطة {users} وشخص آخر",
+        "multipleUsersAbbreviateMany": "{users} وآخرون {numOthers} يكتبون ...",
+        "delimiter": "و "
+    },
+    "sendBox": {
+        "placeholderText": "أدخل رسالة",
+        "textTooLong": "تجاوز طول الرسالة الحد الأقصى.",
+        "sendButtonAriaLabel": "إرسال رسالة",
+        "fileUploadsPendingError": "جارِ التحميل... يرجى الانتظار.",
+        "removeFile": "إزالة الملف",
+        "uploading": "جارٍ التحميل",
+        "uploadCompleted": "اكتمل التحميل"
+    },
+    "mentionPopover": {
+        "mentionPopoverHeader": "الاقتراحات"
+    },
+    "messageStatusIndicator": {
+        "deliveredAriaLabel": "تم إرسال الرسالة",
+        "deliveredTooltipText": "تم الإرسال",
+        "seenAriaLabel": "تمت مشاهدة الرسالة من قِبل الآخرين.",
+        "seenTooltipText": "تمت المشاهدة",
+        "readByTooltipText": "تمت القراءة بواسطة {messageThreadReadCount} من {remoteParticipantsCount}",
+        "sendingAriaLabel": "إرسال الرسالة",
+        "sendingTooltipText": "جاري الإرسال",
+        "failedToSendAriaLabel": "فشل إرسال الرسالة",
+        "failedToSendTooltipText": "فشل الإرسال"
+    },
+    "endCallButton": {
+        "label": "مغادرة",
+        "tooltipContent": "مغادرة المكالمة"
+    },
+    "cameraButton": {
+        "onLabel": "إيقاف تشغيل",
+        "offLabel": "تمكين",
+        "tooltipDisabledContent": "الكاميرا مُعطلة",
+        "tooltipOnContent": "إيقاف تشغيل الكاميرا",
+        "tooltipOffContent": "تشغيل الكاميرا",
+        "tooltipVideoLoadingContent": "جار تحميل الفيديو",
+        "cameraMenuTitle": "الكاميرا",
+        "cameraMenuTooltip": "اختيار الكاميرا",
+        "cameraButtonSplitRoleDescription": "زر الانقسام",
+        "onSplitButtonAriaLabel": "خيارات إيقاف تشغيل الكاميرا",
+        "offSplitButtonAriaLabel": "خيارات تشغيل الكاميرا",
+        "cameraActionTurnedOnAnnouncement": "تم تشغيل كاميراتك",
+        "cameraActionTurnedOffAnnouncement": "تم إيقاف تشغيل كاميراتك",
+        "onSplitButtonPrimaryActionCamera": "إيقاف تشغيل الكاميرا",
+        "offSplitButtonPrimaryActionCamera": "تشغيل الكاميرا",
+        "cameraPrimaryActionSplitButtonTitle": "استخدام الكاميرا",
+        "videoEffectsMenuItemTitle": "التأثيرات"
+    },
+    "microphoneButton": {
+        "onLabel": "كتم الصوت",
+        "offLabel": "إلغاء كتم الصوت",
+        "tooltipDisabledContent": "تم تعطيل الميكروفون",
+        "tooltipOnContent": "كتم صوت الميكروفون",
+        "tooltipOffContent": "إلغاء كتم صوت الميكروفون",
+        "microphoneMenuTitle": "الميكروفون",
+        "microphoneMenuTooltip": "اختيار الميكروفون",
+        "speakerMenuTitle": "مكبر الصوت",
+        "speakerMenuTooltip": "اختيار مكبر صوت",
+        "microphoneButtonSplitRoleDescription": "زر الانقسام",
+        "onSplitButtonAriaLabel": "كتم صوت الميكروفون وخيارات الصوت",
+        "offSplitButtonAriaLabel": "إلغاء كتم صوت الميكروفون وخيارات الصوت",
+        "microphoneActionTurnedOnAnnouncement": "تم تشغيل الميكروفون",
+        "microphoneActionTurnedOffAnnouncement": "تم إيقاف الميكروفون",
+        "offSplitButtonMicrophonePrimaryAction": "إلغاء كتم صوت الميكروفون",
+        "onSplitButtonMicrophonePrimaryAction": "كتم صوت الميكروفون",
+        "micPrimaryActionSplitButtonTitle": "استخدام الميكروفون"
+    },
+    "devicesButton": {
+        "label": "الأجهزة",
+        "tooltipContent": "إدارة الأجهزة",
+        "cameraMenuTitle": "الكاميرا",
+        "cameraMenuTooltip": "اختيار الكاميرا",
+        "audioDeviceMenuTitle": "جهاز صوت",
+        "audioDeviceMenuTooltip": "إلغاء كتم صوت الجهاز",
+        "microphoneMenuTitle": "الميكروفون",
+        "microphoneMenuTooltip": "اختيار الميكروفون",
+        "speakerMenuTitle": "مكبر الصوت",
+        "speakerMenuTooltip": "اختيار مكبر صوت"
+    },
+    "participantsButton": {
+        "label": "الأشخاص",
+        "tooltipContent": "إظهار المشاركين",
+        "menuHeader": "في هذه المكالمة",
+        "participantsListButtonLabel": "{numParticipants} من الأشخاص",
+        "muteAllButtonLabel": "كتم صوت الجميع",
+        "copyInviteLinkButtonLabel": "نسخ ارتباط دعوة",
+        "copyInviteLinkActionedAriaLabel": "تم نسخ ارتباط الدعوة"
+    },
+    "screenShareButton": {
+        "onLabel": "إيقاف التقديم",
+        "offLabel": "تقديم",
+        "tooltipDisabledContent": "تم تعطيل التقديم",
+        "tooltipOnContent": "تقديم العرض على شاشتك.",
+        "tooltipOffContent": "عرض الشاشة"
+    },
+    "messageThread": {
+        "yesterday": "أمس",
+        "sunday": "الأحد",
+        "monday": "الاثنين",
+        "tuesday": "الثلاثاء",
+        "wednesday": "الأربعاء",
+        "thursday": "الخميس",
+        "friday": "الجمعة",
+        "saturday": "السبت",
+        "participantJoined": "انضم إلى المحادثة.",
+        "participantLeft": "قام بمغادرة الدردشة.",
+        "editMessage": "تحرير",
+        "removeMessage": "حذف",
+        "resendMessage": "محاولة الإرسال مرة أخرى",
+        "failToSendTag": "فشل الإرسال",
+        "editedTag": "تم التحرير",
+        "liveAuthorIntro": "قال {author}",
+        "messageContentAriaText": "{author} قال {message}",
+        "messageContentMineAriaText": "لقد قلت {message}",
+        "editBoxTextLimit": "تجاوزت رسالتك الحد الأقصى لعدد الأحرف {limitNumber}",
+        "editBoxPlaceholderText": "تحرير رسالتك",
+        "newMessagesIndicator": "رسائل جديدة",
+        "noDisplayNameSub": "لا يوجد اسم",
+        "editBoxCancelButton": "إلغاء الأمر",
+        "editBoxSubmitButton": "إرسال",
+        "messageReadCount": "تمت القراءة بواسطة {messageReadByCount} من {remoteParticipantsCount}",
+        "actionMenuMoreOptions": "المزيد من الخيارات",
+        "downloadFile": "تنزيل ملف",
+        "blockedWarningText": "تم حذف هذه الرسالة بسبب نهج تنظيمي.",
+        "blockedWarningLinkText": "تفاصيل",
+        "fileCardGroupMessage": "The message has {fileCount} attachment"
+    },
+    "errorBar": {
+        "unableToReachChatService": "أنت غير متصل",
+        "accessDenied": "يتعذر الوصول إلى خدمات الدردشة - الرجاء التحقق من بيانات اعتماد المستخدم المقدمة",
+        "userNotInChatThread": "لم تعد مضمناً في هذا ترابط الدردشة هذا",
+        "sendMessageNotInChatThread": "فشل إرسال الرسالة لأنك لم تعد في مؤشر ترابط الدردشة هذا",
+        "sendMessageGeneric": "فشل إرسال الرسالة",
+        "callingNetworkFailure": "مكالمة مزعجة - يبدو أنك غير متصل",
+        "startVideoGeneric": "فشل بدء الفيديو",
+        "stopVideoGeneric": "فشل إيقاف الفيديو",
+        "muteGeneric": "فشل كتم صوت الميكروفون",
+        "unmuteGeneric": "فشل إلغاء كتم صوت الميكروفون",
+        "speakingWhileMuted": "تم كتم صوت الميكروفون",
+        "startScreenShareGeneric": "فشل تشغيل مشاركة الشاشة",
+        "stopScreenShareGeneric": "فشل إيقاف مشاركة الشاشة",
+        "callNetworkQualityLow": "جودة الشبكة مقبولة.",
+        "callNoSpeakerFound": "لم يتم العثور على سماعات أو سماعات رأس. قم بتوصيل جهاز صوت لسماع المكالمة.",
+        "callNoMicrophoneFound": "لم يتم العثور على ميكروفونات. قم بتوصيل جهاز إدخال صوت.",
+        "callMicrophoneAccessDenied": "يتعذر الوصول إلى الميكروفون. انقر فوق التأمين في شريط العناوين لمنح الإذن لصفحة ويب هذه.",
+        "callMicrophoneAccessDeniedSafari": "يتعذر الوصول إلى الميكروفون. قم بتحديث الصفحة للسماح بالأذونات، أو تحقق من إعدادات هذا المستعرض وتحقق من تمكين الأذونات لموقع الويب هذا.",
+        "callMicrophoneMutedBySystem": "تم كتم صوتك بواسطة النظام.",
+        "callMicrophoneUnmutedBySystem": "تم استرداد الميكروفون وتم إلغاء كتم صوتك من قبل النظام.",
+        "callMacOsMicrophoneAccessDenied": "يتعذر الوصول إلى الميكروفون. امنح الميكروفون إذنا في إعدادات خصوصية macOS.",
+        "callLocalVideoFreeze": "النطاق الترددي للشبكة ضعيف. قد يظهر الفيديو متوقفا مؤقتا للآخرين في المكالمة.",
+        "callCameraAccessDenied": "يتعذر الوصول إلى الكاميرا. انقر فوق التأمين في شريط العناوين لمنح الإذن لصفحة ويب هذه.",
+        "callCameraAccessDeniedSafari": "يتعذر الوصول إلى الكاميرا. قم بتحديث الصفحة للسماح بالأذونات، أو تحقق من إعدادات هذا المستعرض وتحقق من تمكين الأذونات لموقع الويب هذا.",
+        "callCameraAlreadyInUse": "يتعذر الوصول إلى الكاميرا. قد يكون قيد الاستخدام بالفعل بواسطة تطبيق آخر.",
+        "callVideoStoppedBySystem": "تم إيقاف الفيديو الخاص بك من قبل النظام.",
+        "callVideoRecoveredBySystem": "تم استئناف الفيديو الخاص بك.",
+        "callMacOsCameraAccessDenied": "يقوم MacOS بحظر الوصول إلى الكاميرا الخاصة بك. قم بتحديث إعدادات الخصوصية للسماح لهذا المستعرض بالوصول إلى الكاميرا.",
+        "callMacOsScreenShareAccessDenied": "يقوم MacOS بحظر مشاركة الشاشة. قم بتحديث إعدادات الخصوصية للسماح لهذا المستعرض بتسجيل الشاشة.",
+        "dismissButtonAriaLabel": "إغلاق",
+        "failedToJoinCallGeneric": "فشل في الانضمام إلى المكالمة.",
+        "failedToJoinCallInvalidMeetingLink": "تعذر الانضمام إلى الاجتماع. ارتباط غير صالح.",
+        "startScreenSharingGeneric": "حدثت مشكلة أثناء بدء مشاركة الشاشة.",
+        "cameraFrozenForRemoteParticipants": "يواجه المستخدمون في المكالمة مشكلات في رؤية الفيديو الخاص بك. الرجاء التحقق من أجهزتك وشبكتك.",
+        "unableToStartVideoEffect": "يتعذر تطبيق تأثير الفيديو."
+    },
+    "videoGallery": {
+        "screenIsBeingSharedMessage": "أنت تشارك شاشتك",
+        "screenShareLoadingMessage": "يتم الآن تحميل شاشة {participant}",
+        "localVideoLabel": "أنت",
+        "localVideoCameraSwitcherLabel": "تبديل الكاميرا",
+        "localVideoMovementLabel": "لوحة فيديو محلية قابلة للنقل",
+        "localVideoSelectedDescription": "تم تحديد {cameraName}",
+        "displayNamePlaceholder": "مشارك غير مسمى",
+        "fitRemoteParticipantToFrame": "الملاءمة داخل إطار",
+        "fillRemoteParticipantFrame": "تعبئة الإطار",
+        "pinParticipantForMe": "تثبيت نيابة عني",
+        "pinParticipantForMeLimitReached": "تثبيت (تم بلوغ الحد الأقصى)",
+        "unpinParticipantForMe": "إلغاء التثبيت",
+        "pinParticipantMenuItemAriaLabel": "تثبيت {participantName}",
+        "unpinParticipantMenuItemAriaLabel": "إزالة تثبيت {participantName}",
+        "pinnedParticipantAnnouncementAriaLabel": "تم تثبيت {participantName}",
+        "unpinnedParticipantAnnouncementAriaLabel": "تم إلغاء تثبيت {participantName}"
+    },
+    "dialpad": {
+        "placeholderText": "أدخل رقم الهاتف",
+        "deleteButtonAriaLabel": "حذف"
+    },
+    "holdButton": {
+        "onLabel": "استئناف",
+        "offLabel": "انتظار",
+        "tooltipOnContent": "استئناف المكالمة",
+        "tooltipOffContent": "تعليق المكالمة"
+    },
+    "videoTile": {
+        "participantStateRinging": "يتم الآن الاتصال...",
+        "participantStateHold": "قيد الانتظار"
+    },
+    "CameraAndMicrophoneSitePermissionsRequest": {
+        "primaryText": "السماح {appName} باستخدام الكاميرا والميكروفون لديك",
+        "secondaryText": "هذا حتى يتمكن المشاركون من مشاهدتك والاستماع إليك.",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها",
+        "primaryButtonText": "المتابعة بدون الكاميرا والميكروفون",
+        "ariaLabel": "السماح بالوصول إلى الكاميرا والميكروفون"
+    },
+    "CameraSitePermissionsRequest": {
+        "primaryText": "السماح {appName} باستخدام الكاميرا",
+        "secondaryText": "هذا حتى يتمكن المشاركون من مشاهدتك والاستماع إليك.",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها",
+        "primaryButtonText": "المتابعة دون كاميرا",
+        "ariaLabel": "السماح بالوصول إلى الكاميرا"
+    },
+    "MicrophoneSitePermissionsRequest": {
+        "primaryText": "السماح {appName} باستخدام الميكروفون",
+        "secondaryText": "هذا حتى يتمكن المشاركون من الاستماع إليك.",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها",
+        "primaryButtonText": "المتابعة دون ميكروفون",
+        "ariaLabel": "السماح بالوصول إلى الميكروفون"
+    },
+    "CameraAndMicrophoneSitePermissionsCheck": {
+        "primaryText": "التحقق من الوصول إلى الكاميرا والميكروفون",
+        "secondaryText": "السماح بالوصول إذا طُلب منك ذلك. هذا حتى يتمكن المشاركون من رؤيتك والاستماع إليك.",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها",
+        "primaryButtonText": "المتابعة بدون الكاميرا والميكروفون",
+        "ariaLabel": "التحقق من الوصول إلى الكاميرا والميكروفون. السماح بالوصول إذا طُلب منك ذلك."
+    },
+    "CameraSitePermissionsCheck": {
+        "primaryText": "التحقق من الوصول إلى الكاميرا",
+        "secondaryText": "السماح بالوصول إذا طُلب منك ذلك. هذا حتى يتمكن المشاركون من رؤيتك.",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها",
+        "primaryButtonText": "المتابعة بدون كاميرا",
+        "ariaLabel": "التحقق من الوصول إلى الكاميرا. السماح بالوصول إذا طُلب منك ذلك."
+    },
+    "MicrophoneSitePermissionsCheck": {
+        "primaryText": "التحقق من الوصول إلى الميكروفون",
+        "secondaryText": "السماح بالوصول إذا طُلب منك ذلك. هذا حتى يتمكن المشاركون من الاستماع إليك.",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها",
+        "primaryButtonText": "المتابعة بدون ميكروفون",
+        "ariaLabel": "التحقق من الوصول إلى الميكروفون. السماح بالوصول إذا طُلب منك ذلك."
+    },
+    "CameraAndMicrophoneSitePermissionsDenied": {
+        "primaryText": "يتعذر الوصول إلى الكاميرا والميكروفون",
+        "secondaryText": "انقر فوق أيقونة التأمين في شريط العناوين لمنح أذونات الميكروفون لصفحة الويب هذه. قد يكون تحديث الصفحة مطلوبا.",
+        "primaryButtonText": "المتابعة دون الكاميرا والميكروفون",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها"
+    },
+    "CameraAndMicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "يتعذر الوصول إلى الكاميرا والميكروفون",
+        "secondaryText": "قم بتحديث الصفحة للسماح بالأذونات، أو تحقق من إعدادات هذا المستعرض وتحقق من تمكين الأذونات لموقع الويب هذا.",
+        "primaryButtonText": "المتابعة دون الكاميرا والميكروفون",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها"
+    },
+    "CameraSitePermissionsDenied": {
+        "primaryText": "تعذر الوصول إلى الكاميرا",
+        "secondaryText": "انقر فوق أيقونة التأمين في شريط العناوين لمنح أذونات الكاميرا لصفحة ويب هذه. قد يكون تحديث الصفحة مطلوبا.",
+        "primaryButtonText": "المتابعة دون كاميرا",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها"
+    },
+    "MicrophoneSitePermissionsDenied": {
+        "primaryText": "يتعذر الوصول إلى الميكروفون",
+        "secondaryText": "انقر فوق أيقونة التأمين في شريط العناوين لمنح أذونات الميكروفون لصفحة الويب هذه. قد يكون تحديث الصفحة مطلوبا.",
+        "primaryButtonText": "المتابعة بدون ميكروفون",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها"
+    },
+    "CameraSitePermissionsDeniedSafari": {
+        "primaryText": "تعذر الوصول إلى الكاميرا",
+        "secondaryText": "قم بتحديث الصفحة للسماح بالأذونات، أو تحقق من إعدادات هذا المستعرض وتحقق من تمكين الأذونات لموقع الويب هذا.",
+        "primaryButtonText": "المتابعة دون كاميرا",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها"
+    },
+    "MicrophoneSitePermissionsDeniedSafari": {
+        "primaryText": "يتعذر الوصول إلى الميكروفون",
+        "secondaryText": "قم بتحديث الصفحة للسماح بالأذونات، أو تحقق من إعدادات هذا المستعرض وتحقق من تمكين الأذونات لموقع الويب هذا.",
+        "primaryButtonText": "المتابعة دون ميكروفون",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها"
+    },
+    "UnsupportedBrowser": {
+        "primaryText": "المتصفح غير مدعوم",
+        "secondaryText": "الرجاء الانضمام إلى هذه المكالمة باستخدام مستعرض متوافق.",
+        "moreHelpLinkText": "الاطلاع على متطلبات التوافق"
+    },
+    "UnsupportedBrowserVersion": {
+        "primaryText": "يلزم تحديث المستعرض",
+        "secondaryText": "لضمان أفضل مكالمة ممكنة، الرجاء تحديث المستعرض الخاص بك ثم محاولة الانضمام إلى المكالمة مرة أخرى.",
+        "moreHelpLinkText": "الاطلاع على متطلبات التوافق",
+        "continueAnywayButtonText": "بدء المكالمة دون تحديث"
+    },
+    "UnsupportedOperatingSystem": {
+        "primaryText": "نظام التشغيل غير معتمد",
+        "secondaryText": "الرجاء الانضمام إلى هذه المكالمة باستخدام جهاز بنظام تشغيل متوافق.",
+        "moreHelpLinkText": "الاطلاع على متطلبات التوافق"
+    },
+    "BrowserPermissionDenied": {
+        "primaryText": "يتعذر استخدام الكاميرا أو الميكروفون",
+        "secondaryText": "قد لا يكون لدى المستعرض إمكانية الوصول إلى الكاميرا أو الميكروفون لديك. لحل هذه المشكلة، افتح \"تفضيلات النظام\".",
+        "primaryButtonText": "حاول مرة أخرى",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها"
+    },
+    "BrowserPermissionDeniedIOS": {
+        "primaryText": "السماح بالوصول إلى الميكروفون للمتابعة",
+        "secondaryText": "حتى يتمكن المشاركون الآخرون من سماعك.",
+        "primaryButtonText": "حاول مرة أخرى",
+        "imageAltText": "موقع إذن جهاز الكاميرا والميكروفون لـ iOS",
+        "linkText": "هل تحتاج إلى مساعدة؟ الحصول على تعليمات استكشاف الأخطاء وإصلاحها",
+        "step1Text": "انتقل إلى تطبيق الإعدادات",
+        "step2Text": "التمرير لأسفل للوصول إلى إعدادات هذا المستعرض",
+        "step3Text": "تشغيل الميكروفون (الكاميرا اختيارية)",
+        "step4Text": "حاول الانضمام إلى المكالمة مرة أخرى",
+        "step1DigitText": "1",
+        "step2DigitText": "2",
+        "step3DigitText": "3",
+        "step4DigitText": "4"
+    },
+    "VerticalGallery": {
+        "leftNavButtonAriaLabel": "الصفحة السابقة",
+        "rightNavButtonAriaLabel": "الصفحة التالية"
+    }
+}