@azure/communication-react 1.23.0 → 1.24.0-alpha-202501282341

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/utils/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './TrackErrors';\nexport * from './Utils';"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/utils/index.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nexport * from './TrackErrors';\nexport * from './Utils';\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/spotlightUtils.js

@@ -24,8 +24,12 @@ export const useLocalSpotlightCallbacksWithPrompt = (onStartLocalSpotlight, onSt
             };
         }
         return {
-            onStartLocalSpotlightWithPrompt: onStartLocalSpotlight ? getStartLocalSpotlightWithPromptCallback(onStartLocalSpotlight, setIsPromptOpen, setPromptProps, strings) : undefined,
-            onStopLocalSpotlightWithPrompt: onStopLocalSpotlight ? getStopLocalSpotlightWithPromptCallback(onStopLocalSpotlight, setIsPromptOpen, setPromptProps, strings) : undefined
+            onStartLocalSpotlightWithPrompt: onStartLocalSpotlight
+                ? getStartLocalSpotlightWithPromptCallback(onStartLocalSpotlight, setIsPromptOpen, setPromptProps, strings)
+                : undefined,
+            onStopLocalSpotlightWithPrompt: onStopLocalSpotlight
+                ? getStopLocalSpotlightWithPromptCallback(onStopLocalSpotlight, setIsPromptOpen, setPromptProps, strings)
+                : undefined
         };
     }, [onStartLocalSpotlight, onStopLocalSpotlight, setIsPromptOpen, setPromptProps, strings]);
 };
@@ -75,8 +79,12 @@ export const useRemoteSpotlightCallbacksWithPrompt = (onStartRemoteSpotlight, on
             };
         }
         return {
-            onStartRemoteSpotlightWithPrompt: onStartRemoteSpotlight ? getStartRemoteSpotlightWithPromptCallback(onStartRemoteSpotlight, setIsPromptOpen, setPromptProps, strings) : undefined,
-            onStopRemoteSpotlightWithPrompt: onStopRemoteSpotlight ? getStopRemoteSpotlightWithPromptCallback(onStopRemoteSpotlight, setIsPromptOpen, setPromptProps, strings) : undefined
+            onStartRemoteSpotlightWithPrompt: onStartRemoteSpotlight
+                ? getStartRemoteSpotlightWithPromptCallback(onStartRemoteSpotlight, setIsPromptOpen, setPromptProps, strings)
+                : undefined,
+            onStopRemoteSpotlightWithPrompt: onStopRemoteSpotlight
+                ? getStopRemoteSpotlightWithPromptCallback(onStopRemoteSpotlight, setIsPromptOpen, setPromptProps, strings)
+                : undefined
         };
     }, [onStartRemoteSpotlight, onStopRemoteSpotlight, setIsPromptOpen, setPromptProps, strings]);
 };
@@ -132,7 +140,9 @@ export const useStopAllSpotlightCallbackWithPrompt = (stopAllSpotlight, setIsPro
             };
         }
         return {
-            stopAllSpotlightWithPrompt: stopAllSpotlight ? getStopAllSpotlightCallbackWithPromptCallback(stopAllSpotlight, setIsPromptOpen, setPromptProps, strings) : undefined
+            stopAllSpotlightWithPrompt: stopAllSpotlight
+                ? getStopAllSpotlightCallbackWithPromptCallback(stopAllSpotlight, setIsPromptOpen, setPromptProps, strings)
+                : undefined
         };
     }, [stopAllSpotlight, setIsPromptOpen, setPromptProps, strings]);
 };

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/spotlightUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"spotlightUtils.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/utils/spotlightUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { useMemo } from 'react';\nimport { CallCompositeStrings } from '../Strings';\nimport { PromptProps } from '../components/Prompt';\nimport { useLocale } from '../../localization';\n\n/**\n * @internal\n */\nexport const useLocalSpotlightCallbacksWithPrompt = (onStartLocalSpotlight?: () => Promise<void>, onStopLocalSpotlight?: () => Promise<void>, setIsPromptOpen?: (isOpen: boolean) => void, setPromptProps?: (promptProps: PromptProps) => void): {\n  onStartLocalSpotlightWithPrompt?: () => Promise<void>;\n  onStopLocalSpotlightWithPrompt?: () => Promise<void>;\n} => {\n  const strings = useLocale().strings.call;\n  return useMemo(() => {\n    if (!setIsPromptOpen || !setPromptProps) {\n      return {\n        onStartLocalSpotlightWithPrompt: onStartLocalSpotlight,\n        onStopLocalSpotlightWithPrompt: onStopLocalSpotlight\n      };\n    }\n    return {\n      onStartLocalSpotlightWithPrompt: onStartLocalSpotlight ? getStartLocalSpotlightWithPromptCallback(onStartLocalSpotlight, setIsPromptOpen, setPromptProps, strings) : undefined,\n      onStopLocalSpotlightWithPrompt: onStopLocalSpotlight ? getStopLocalSpotlightWithPromptCallback(onStopLocalSpotlight, setIsPromptOpen, setPromptProps, strings) : undefined\n    };\n  }, [onStartLocalSpotlight, onStopLocalSpotlight, setIsPromptOpen, setPromptProps, strings]);\n};\nconst getStartLocalSpotlightWithPromptCallback = (onStartSpotlight: (userIds?: string[]) => void, setIsPromptOpen: (isOpen: boolean) => void, setPromptProps: (promptProps: PromptProps) => void, strings: CallCompositeStrings): ((userIds?: string[]) => Promise<void>) => {\n  return async (): Promise<void> => {\n    setPromptProps({\n      heading: strings.spotlightPrompt.startSpotlightHeading,\n      text: strings.spotlightPrompt.startSpotlightOnSelfText,\n      confirmButtonLabel: strings.spotlightPrompt.startSpotlightConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.startSpotlightCancelButtonLabel,\n      closeButtonLabel: strings.spotlightPrompt.closeSpotlightPromptButtonLabel,\n      onConfirm: () => {\n        onStartSpotlight();\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\nconst getStopLocalSpotlightWithPromptCallback = (onStopSpotlight: () => void, setIsPromptOpen: (isOpen: boolean) => void, setPromptProps: (promptProps: PromptProps) => void, strings: CallCompositeStrings): (() => Promise<void>) => {\n  return async (): Promise<void> => {\n    setPromptProps({\n      heading: strings.spotlightPrompt.stopSpotlightOnSelfHeading,\n      text: strings.spotlightPrompt.stopSpotlightOnSelfText,\n      confirmButtonLabel: strings.spotlightPrompt.stopSpotlightOnSelfConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.stopSpotlightCancelButtonLabel,\n      onConfirm: () => {\n        onStopSpotlight();\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\n\n/**\n * @internal\n */\nexport const useRemoteSpotlightCallbacksWithPrompt = (onStartRemoteSpotlight?: (userIds: string[]) => Promise<void>, onStopRemoteSpotlight?: (userIds: string[]) => Promise<void>, setIsPromptOpen?: (isOpen: boolean) => void, setPromptProps?: (promptProps: PromptProps) => void): {\n  onStartRemoteSpotlightWithPrompt?: (userIds: string[]) => Promise<void>;\n  onStopRemoteSpotlightWithPrompt?: (userIds: string[]) => Promise<void>;\n} => {\n  const strings = useLocale().strings.call;\n  return useMemo(() => {\n    if (!setIsPromptOpen || !setPromptProps) {\n      return {\n        onStartRemoteSpotlightWithPrompt: onStartRemoteSpotlight,\n        onStopRemoteSpotlightWithPrompt: onStopRemoteSpotlight\n      };\n    }\n    return {\n      onStartRemoteSpotlightWithPrompt: onStartRemoteSpotlight ? getStartRemoteSpotlightWithPromptCallback(onStartRemoteSpotlight, setIsPromptOpen, setPromptProps, strings) : undefined,\n      onStopRemoteSpotlightWithPrompt: onStopRemoteSpotlight ? getStopRemoteSpotlightWithPromptCallback(onStopRemoteSpotlight, setIsPromptOpen, setPromptProps, strings) : undefined\n    };\n  }, [onStartRemoteSpotlight, onStopRemoteSpotlight, setIsPromptOpen, setPromptProps, strings]);\n};\nconst getStartRemoteSpotlightWithPromptCallback = (onStartSpotlight: (userIds: string[]) => void, setIsPromptOpen: (isOpen: boolean) => void, setPromptProps: (promptProps: PromptProps) => void, strings: CallCompositeStrings): ((userIds: string[]) => Promise<void>) => {\n  return async (userIds: string[]): Promise<void> => {\n    if (userIds.length > 1) {\n      onStartSpotlight(userIds);\n    }\n    setPromptProps({\n      heading: strings.spotlightPrompt.startSpotlightHeading,\n      text: strings.spotlightPrompt.startSpotlightText,\n      confirmButtonLabel: strings.spotlightPrompt.startSpotlightConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.startSpotlightCancelButtonLabel,\n      closeButtonLabel: strings.spotlightPrompt.closeSpotlightPromptButtonLabel,\n      onConfirm: () => {\n        onStartSpotlight(userIds);\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\nconst getStopRemoteSpotlightWithPromptCallback = (onStopSpotlight: (userIds: string[]) => void, setIsPromptOpen: (isOpen: boolean) => void, setPromptProps: (promptProps: PromptProps) => void, strings: CallCompositeStrings): ((userIds: string[]) => Promise<void>) => {\n  return async (userIds: string[]): Promise<void> => {\n    if (userIds.length > 1) {\n      onStopSpotlight(userIds);\n    }\n    setPromptProps({\n      heading: strings.spotlightPrompt.stopSpotlightHeading,\n      text: strings.spotlightPrompt.stopSpotlightText,\n      confirmButtonLabel: strings.spotlightPrompt.stopSpotlightConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.stopSpotlightCancelButtonLabel,\n      closeButtonLabel: strings.spotlightPrompt.closeSpotlightPromptButtonLabel,\n      onConfirm: () => {\n        onStopSpotlight(userIds);\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\n\n/**\n * @internal\n */\nexport const useStopAllSpotlightCallbackWithPrompt = (stopAllSpotlight?: () => Promise<void>, setIsPromptOpen?: (isOpen: boolean) => void, setPromptProps?: (promptProps: PromptProps) => void): {\n  stopAllSpotlightWithPrompt?: (userIds?: string[]) => Promise<void>;\n} => {\n  const strings = useLocale().strings.call;\n  return useMemo(() => {\n    if (!setIsPromptOpen || !setPromptProps) {\n      return {\n        stopAllSpotlightWithPrompt: stopAllSpotlight\n      };\n    }\n    return {\n      stopAllSpotlightWithPrompt: stopAllSpotlight ? getStopAllSpotlightCallbackWithPromptCallback(stopAllSpotlight, setIsPromptOpen, setPromptProps, strings) : undefined\n    };\n  }, [stopAllSpotlight, setIsPromptOpen, setPromptProps, strings]);\n};\nconst getStopAllSpotlightCallbackWithPromptCallback = (stopAllSpotlight: () => void, setIsPromptOpen: (isOpen: boolean) => void, setPromptProps: (promptProps: PromptProps) => void, strings: CallCompositeStrings): (() => Promise<void>) => {\n  return async (): Promise<void> => {\n    setPromptProps({\n      heading: strings.spotlightPrompt.stopAllSpotlightHeading,\n      text: strings.spotlightPrompt.stopAllSpotlightText,\n      confirmButtonLabel: strings.spotlightPrompt.stopSpotlightConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.stopSpotlightCancelButtonLabel,\n      closeButtonLabel: strings.spotlightPrompt.closeSpotlightPromptButtonLabel,\n      onConfirm: () => {\n        stopAllSpotlight();\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};"]}
+{"version":3,"file":"spotlightUtils.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/utils/spotlightUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,oCAAoC,GAAG,CAClD,qBAA2C,EAC3C,oBAA0C,EAC1C,eAA2C,EAC3C,cAAmD,EAInD,EAAE;IACF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,eAAe,IAAI,CAAC,cAAc,EAAE,CAAC;YACxC,OAAO;gBACL,+BAA+B,EAAE,qBAAqB;gBACtD,8BAA8B,EAAE,oBAAoB;aACrD,CAAC;QACJ,CAAC;QACD,OAAO;YACL,+BAA+B,EAAE,qBAAqB;gBACpD,CAAC,CAAC,wCAAwC,CAAC,qBAAqB,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,CAAC;gBAC3G,CAAC,CAAC,SAAS;YACb,8BAA8B,EAAE,oBAAoB;gBAClD,CAAC,CAAC,uCAAuC,CAAC,oBAAoB,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,CAAC;gBACzG,CAAC,CAAC,SAAS;SACd,CAAC;IACJ,CAAC,EAAE,CAAC,qBAAqB,EAAE,oBAAoB,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;AAC9F,CAAC,CAAC;AAEF,MAAM,wCAAwC,GAAG,CAC/C,gBAA8C,EAC9C,eAA0C,EAC1C,cAAkD,EAClD,OAA6B,EACY,EAAE;IAC3C,OAAO,GAAwB,EAAE;QAC/B,cAAc,CAAC;YACb,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,qBAAqB;YACtD,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,wBAAwB;YACtD,kBAAkB,EAAE,OAAO,CAAC,eAAe,CAAC,gCAAgC;YAC5E,iBAAiB,EAAE,OAAO,CAAC,eAAe,CAAC,+BAA+B;YAC1E,gBAAgB,EAAE,OAAO,CAAC,eAAe,CAAC,+BAA+B;YACzE,SAAS,EAAE,GAAG,EAAE;gBACd,gBAAgB,EAAE,CAAC;gBACnB,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC;SACvC,CAAC,CAAC;QACH,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAA,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,uCAAuC,GAAG,CAC9C,eAA2B,EAC3B,eAA0C,EAC1C,cAAkD,EAClD,OAA6B,EACN,EAAE;IACzB,OAAO,GAAwB,EAAE;QAC/B,cAAc,CAAC;YACb,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,0BAA0B;YAC3D,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,uBAAuB;YACrD,kBAAkB,EAAE,OAAO,CAAC,eAAe,CAAC,qCAAqC;YACjF,iBAAiB,EAAE,OAAO,CAAC,eAAe,CAAC,8BAA8B;YACzE,SAAS,EAAE,GAAG,EAAE;gBACd,eAAe,EAAE,CAAC;gBAClB,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC;SACvC,CAAC,CAAC;QACH,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAA,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qCAAqC,GAAG,CACnD,sBAA6D,EAC7D,qBAA4D,EAC5D,eAA2C,EAC3C,cAAmD,EAInD,EAAE;IACF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,eAAe,IAAI,CAAC,cAAc,EAAE,CAAC;YACxC,OAAO;gBACL,gCAAgC,EAAE,sBAAsB;gBACxD,+BAA+B,EAAE,qBAAqB;aACvD,CAAC;QACJ,CAAC;QACD,OAAO;YACL,gCAAgC,EAAE,sBAAsB;gBACtD,CAAC,CAAC,yCAAyC,CAAC,sBAAsB,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,CAAC;gBAC7G,CAAC,CAAC,SAAS;YACb,+BAA+B,EAAE,qBAAqB;gBACpD,CAAC,CAAC,wCAAwC,CAAC,qBAAqB,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,CAAC;gBAC3G,CAAC,CAAC,SAAS;SACd,CAAC;IACJ,CAAC,EAAE,CAAC,sBAAsB,EAAE,qBAAqB,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;AAChG,CAAC,CAAC;AAEF,MAAM,yCAAyC,GAAG,CAChD,gBAA6C,EAC7C,eAA0C,EAC1C,cAAkD,EAClD,OAA6B,EACW,EAAE;IAC1C,OAAO,CAAO,OAAiB,EAAiB,EAAE;QAChD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvB,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC;QACD,cAAc,CAAC;YACb,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,qBAAqB;YACtD,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,kBAAkB;YAChD,kBAAkB,EAAE,OAAO,CAAC,eAAe,CAAC,gCAAgC;YAC5E,iBAAiB,EAAE,OAAO,CAAC,eAAe,CAAC,+BAA+B;YAC1E,gBAAgB,EAAE,OAAO,CAAC,eAAe,CAAC,+BAA+B;YACzE,SAAS,EAAE,GAAG,EAAE;gBACd,gBAAgB,CAAC,OAAO,CAAC,CAAC;gBAC1B,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC;SACvC,CAAC,CAAC;QACH,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAA,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,wCAAwC,GAAG,CAC/C,eAA4C,EAC5C,eAA0C,EAC1C,cAAkD,EAClD,OAA6B,EACW,EAAE;IAC1C,OAAO,CAAO,OAAiB,EAAiB,EAAE;QAChD,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACvB,eAAe,CAAC,OAAO,CAAC,CAAC;QAC3B,CAAC;QAED,cAAc,CAAC;YACb,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,oBAAoB;YACrD,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,iBAAiB;YAC/C,kBAAkB,EAAE,OAAO,CAAC,eAAe,CAAC,+BAA+B;YAC3E,iBAAiB,EAAE,OAAO,CAAC,eAAe,CAAC,8BAA8B;YACzE,gBAAgB,EAAE,OAAO,CAAC,eAAe,CAAC,+BAA+B;YACzE,SAAS,EAAE,GAAG,EAAE;gBACd,eAAe,CAAC,OAAO,CAAC,CAAC;gBACzB,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC;SACvC,CAAC,CAAC;QACH,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAA,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,qCAAqC,GAAG,CACnD,gBAAsC,EACtC,eAA2C,EAC3C,cAAmD,EAGnD,EAAE;IACF,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IAEzC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,eAAe,IAAI,CAAC,cAAc,EAAE,CAAC;YACxC,OAAO;gBACL,0BAA0B,EAAE,gBAAgB;aAC7C,CAAC;QACJ,CAAC;QACD,OAAO;YACL,0BAA0B,EAAE,gBAAgB;gBAC1C,CAAC,CAAC,6CAA6C,CAAC,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,CAAC;gBAC3G,CAAC,CAAC,SAAS;SACd,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;AACnE,CAAC,CAAC;AAEF,MAAM,6CAA6C,GAAG,CACpD,gBAA4B,EAC5B,eAA0C,EAC1C,cAAkD,EAClD,OAA6B,EACN,EAAE;IACzB,OAAO,GAAwB,EAAE;QAC/B,cAAc,CAAC;YACb,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,uBAAuB;YACxD,IAAI,EAAE,OAAO,CAAC,eAAe,CAAC,oBAAoB;YAClD,kBAAkB,EAAE,OAAO,CAAC,eAAe,CAAC,+BAA+B;YAC3E,iBAAiB,EAAE,OAAO,CAAC,eAAe,CAAC,8BAA8B;YACzE,gBAAgB,EAAE,OAAO,CAAC,eAAe,CAAC,+BAA+B;YACzE,SAAS,EAAE,GAAG,EAAE;gBACd,gBAAgB,EAAE,CAAC;gBACnB,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;YACD,QAAQ,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC;SACvC,CAAC,CAAC;QACH,eAAe,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,CAAA,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { useMemo } from 'react';\nimport { CallCompositeStrings } from '../Strings';\nimport { PromptProps } from '../components/Prompt';\nimport { useLocale } from '../../localization';\n\n/**\n * @internal\n */\nexport const useLocalSpotlightCallbacksWithPrompt = (\n  onStartLocalSpotlight?: () => Promise<void>,\n  onStopLocalSpotlight?: () => Promise<void>,\n  setIsPromptOpen?: (isOpen: boolean) => void,\n  setPromptProps?: (promptProps: PromptProps) => void\n): {\n  onStartLocalSpotlightWithPrompt?: () => Promise<void>;\n  onStopLocalSpotlightWithPrompt?: () => Promise<void>;\n} => {\n  const strings = useLocale().strings.call;\n\n  return useMemo(() => {\n    if (!setIsPromptOpen || !setPromptProps) {\n      return {\n        onStartLocalSpotlightWithPrompt: onStartLocalSpotlight,\n        onStopLocalSpotlightWithPrompt: onStopLocalSpotlight\n      };\n    }\n    return {\n      onStartLocalSpotlightWithPrompt: onStartLocalSpotlight\n        ? getStartLocalSpotlightWithPromptCallback(onStartLocalSpotlight, setIsPromptOpen, setPromptProps, strings)\n        : undefined,\n      onStopLocalSpotlightWithPrompt: onStopLocalSpotlight\n        ? getStopLocalSpotlightWithPromptCallback(onStopLocalSpotlight, setIsPromptOpen, setPromptProps, strings)\n        : undefined\n    };\n  }, [onStartLocalSpotlight, onStopLocalSpotlight, setIsPromptOpen, setPromptProps, strings]);\n};\n\nconst getStartLocalSpotlightWithPromptCallback = (\n  onStartSpotlight: (userIds?: string[]) => void,\n  setIsPromptOpen: (isOpen: boolean) => void,\n  setPromptProps: (promptProps: PromptProps) => void,\n  strings: CallCompositeStrings\n): ((userIds?: string[]) => Promise<void>) => {\n  return async (): Promise<void> => {\n    setPromptProps({\n      heading: strings.spotlightPrompt.startSpotlightHeading,\n      text: strings.spotlightPrompt.startSpotlightOnSelfText,\n      confirmButtonLabel: strings.spotlightPrompt.startSpotlightConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.startSpotlightCancelButtonLabel,\n      closeButtonLabel: strings.spotlightPrompt.closeSpotlightPromptButtonLabel,\n      onConfirm: () => {\n        onStartSpotlight();\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\n\nconst getStopLocalSpotlightWithPromptCallback = (\n  onStopSpotlight: () => void,\n  setIsPromptOpen: (isOpen: boolean) => void,\n  setPromptProps: (promptProps: PromptProps) => void,\n  strings: CallCompositeStrings\n): (() => Promise<void>) => {\n  return async (): Promise<void> => {\n    setPromptProps({\n      heading: strings.spotlightPrompt.stopSpotlightOnSelfHeading,\n      text: strings.spotlightPrompt.stopSpotlightOnSelfText,\n      confirmButtonLabel: strings.spotlightPrompt.stopSpotlightOnSelfConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.stopSpotlightCancelButtonLabel,\n      onConfirm: () => {\n        onStopSpotlight();\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\n\n/**\n * @internal\n */\nexport const useRemoteSpotlightCallbacksWithPrompt = (\n  onStartRemoteSpotlight?: (userIds: string[]) => Promise<void>,\n  onStopRemoteSpotlight?: (userIds: string[]) => Promise<void>,\n  setIsPromptOpen?: (isOpen: boolean) => void,\n  setPromptProps?: (promptProps: PromptProps) => void\n): {\n  onStartRemoteSpotlightWithPrompt?: (userIds: string[]) => Promise<void>;\n  onStopRemoteSpotlightWithPrompt?: (userIds: string[]) => Promise<void>;\n} => {\n  const strings = useLocale().strings.call;\n\n  return useMemo(() => {\n    if (!setIsPromptOpen || !setPromptProps) {\n      return {\n        onStartRemoteSpotlightWithPrompt: onStartRemoteSpotlight,\n        onStopRemoteSpotlightWithPrompt: onStopRemoteSpotlight\n      };\n    }\n    return {\n      onStartRemoteSpotlightWithPrompt: onStartRemoteSpotlight\n        ? getStartRemoteSpotlightWithPromptCallback(onStartRemoteSpotlight, setIsPromptOpen, setPromptProps, strings)\n        : undefined,\n      onStopRemoteSpotlightWithPrompt: onStopRemoteSpotlight\n        ? getStopRemoteSpotlightWithPromptCallback(onStopRemoteSpotlight, setIsPromptOpen, setPromptProps, strings)\n        : undefined\n    };\n  }, [onStartRemoteSpotlight, onStopRemoteSpotlight, setIsPromptOpen, setPromptProps, strings]);\n};\n\nconst getStartRemoteSpotlightWithPromptCallback = (\n  onStartSpotlight: (userIds: string[]) => void,\n  setIsPromptOpen: (isOpen: boolean) => void,\n  setPromptProps: (promptProps: PromptProps) => void,\n  strings: CallCompositeStrings\n): ((userIds: string[]) => Promise<void>) => {\n  return async (userIds: string[]): Promise<void> => {\n    if (userIds.length > 1) {\n      onStartSpotlight(userIds);\n    }\n    setPromptProps({\n      heading: strings.spotlightPrompt.startSpotlightHeading,\n      text: strings.spotlightPrompt.startSpotlightText,\n      confirmButtonLabel: strings.spotlightPrompt.startSpotlightConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.startSpotlightCancelButtonLabel,\n      closeButtonLabel: strings.spotlightPrompt.closeSpotlightPromptButtonLabel,\n      onConfirm: () => {\n        onStartSpotlight(userIds);\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\n\nconst getStopRemoteSpotlightWithPromptCallback = (\n  onStopSpotlight: (userIds: string[]) => void,\n  setIsPromptOpen: (isOpen: boolean) => void,\n  setPromptProps: (promptProps: PromptProps) => void,\n  strings: CallCompositeStrings\n): ((userIds: string[]) => Promise<void>) => {\n  return async (userIds: string[]): Promise<void> => {\n    if (userIds.length > 1) {\n      onStopSpotlight(userIds);\n    }\n\n    setPromptProps({\n      heading: strings.spotlightPrompt.stopSpotlightHeading,\n      text: strings.spotlightPrompt.stopSpotlightText,\n      confirmButtonLabel: strings.spotlightPrompt.stopSpotlightConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.stopSpotlightCancelButtonLabel,\n      closeButtonLabel: strings.spotlightPrompt.closeSpotlightPromptButtonLabel,\n      onConfirm: () => {\n        onStopSpotlight(userIds);\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\n\n/**\n * @internal\n */\nexport const useStopAllSpotlightCallbackWithPrompt = (\n  stopAllSpotlight?: () => Promise<void>,\n  setIsPromptOpen?: (isOpen: boolean) => void,\n  setPromptProps?: (promptProps: PromptProps) => void\n): {\n  stopAllSpotlightWithPrompt?: (userIds?: string[]) => Promise<void>;\n} => {\n  const strings = useLocale().strings.call;\n\n  return useMemo(() => {\n    if (!setIsPromptOpen || !setPromptProps) {\n      return {\n        stopAllSpotlightWithPrompt: stopAllSpotlight\n      };\n    }\n    return {\n      stopAllSpotlightWithPrompt: stopAllSpotlight\n        ? getStopAllSpotlightCallbackWithPromptCallback(stopAllSpotlight, setIsPromptOpen, setPromptProps, strings)\n        : undefined\n    };\n  }, [stopAllSpotlight, setIsPromptOpen, setPromptProps, strings]);\n};\n\nconst getStopAllSpotlightCallbackWithPromptCallback = (\n  stopAllSpotlight: () => void,\n  setIsPromptOpen: (isOpen: boolean) => void,\n  setPromptProps: (promptProps: PromptProps) => void,\n  strings: CallCompositeStrings\n): (() => Promise<void>) => {\n  return async (): Promise<void> => {\n    setPromptProps({\n      heading: strings.spotlightPrompt.stopAllSpotlightHeading,\n      text: strings.spotlightPrompt.stopAllSpotlightText,\n      confirmButtonLabel: strings.spotlightPrompt.stopSpotlightConfirmButtonLabel,\n      cancelButtonLabel: strings.spotlightPrompt.stopSpotlightCancelButtonLabel,\n      closeButtonLabel: strings.spotlightPrompt.closeSpotlightPromptButtonLabel,\n      onConfirm: () => {\n        stopAllSpotlight();\n        setIsPromptOpen(false);\n      },\n      onCancel: () => setIsPromptOpen(false)\n    });\n    setIsPromptOpen(true);\n  };\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/timerUtils.js

@@ -23,8 +23,8 @@ export const getHours = (time) => {
  */
 export const getReadableTime = (time) => {
     const hours = getHours(time);
-    const readableMinutes = ('0' + getMinutes(time) % 60).slice(-2);
-    const readableSeconds = ('0' + getSeconds(time) % 60).slice(-2);
+    const readableMinutes = ('0' + (getMinutes(time) % 60)).slice(-2);
+    const readableSeconds = ('0' + (getSeconds(time) % 60)).slice(-2);
     return `${hours > 0 ? hours + ':' : ''}${readableMinutes}:${readableSeconds}`;
 };
 //# sourceMappingURL=timerUtils.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/timerUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"timerUtils.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/utils/timerUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE;IACjD,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE;IACjD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAU,EAAE;IAC/C,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAU,EAAE;IACtD,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,eAAe,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,CAAC,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAChE,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,eAAe,IAAI,eAAe,EAAE,CAAC;AAChF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @internal\n */\nexport const getMinutes = (time: number): number => {\n  return Math.floor(getSeconds(time) / 60);\n};\n\n/**\n * @internal\n */\nexport const getSeconds = (time: number): number => {\n  return Math.floor(time / 1000);\n};\n\n/**\n * @internal\n */\nexport const getHours = (time: number): number => {\n  return Math.floor(getMinutes(time) / 60);\n};\n\n/**\n * @internal\n */\nexport const getReadableTime = (time: number): string => {\n  const hours = getHours(time);\n  const readableMinutes = ('0' + getMinutes(time) % 60).slice(-2);\n  const readableSeconds = ('0' + getSeconds(time) % 60).slice(-2);\n  return `${hours > 0 ? hours + ':' : ''}${readableMinutes}:${readableSeconds}`;\n};"]}
+{"version":3,"file":"timerUtils.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/utils/timerUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE;IACjD,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,IAAY,EAAU,EAAE;IACjD,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAAY,EAAU,EAAE;IAC/C,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAU,EAAE;IACtD,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,eAAe,GAAG,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,MAAM,eAAe,GAAG,CAAC,GAAG,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,eAAe,IAAI,eAAe,EAAE,CAAC;AAChF,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @internal\n */\nexport const getMinutes = (time: number): number => {\n  return Math.floor(getSeconds(time) / 60);\n};\n\n/**\n * @internal\n */\nexport const getSeconds = (time: number): number => {\n  return Math.floor(time / 1000);\n};\n\n/**\n * @internal\n */\nexport const getHours = (time: number): number => {\n  return Math.floor(getMinutes(time) / 60);\n};\n\n/**\n * @internal\n */\nexport const getReadableTime = (time: number): string => {\n  const hours = getHours(time);\n  const readableMinutes = ('0' + (getMinutes(time) % 60)).slice(-2);\n  const readableSeconds = ('0' + (getSeconds(time) % 60)).slice(-2);\n  return `${hours > 0 ? hours + ':' : ''}${readableMinutes}:${readableSeconds}`;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/useConsoleErrors.js.map

@@ -1 +1 @@
-{"version":3,"file":"useConsoleErrors.js","sourceRoot":"","sources":["../../../../../../../preprocess-dist/react-composites/src/composites/CallComposite/utils/useConsoleErrors.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE1I;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,SAAqB,EAAQ,EAAE;;IACvE,SAAS,CAAC,GAAG,EAAE;;QACb,QAAQ,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,0CAAE,OAAO,EAAE,CAAC;YAC1C,KAAK,uBAAuB;gBAC1B,OAAO,CAAC,KAAK,CAAC,wFAAwF,CAAC,CAAC;gBACxG,MAAM;YACR,KAAK,uBAAuB;gBAC1B,OAAO,CAAC,KAAK,CAAC,sDAAsD,CAAC,CAAC;gBACtE,MAAM;YACR,KAAK,4BAA4B;gBAC/B,OAAO,CAAC,KAAK,CAAC,sDAAsD,CAAC,CAAC;gBACtE,MAAM;YACR,KAAK,+BAA+B;gBAClC,OAAO,CAAC,KAAK,CAAC,+DAA+D,CAAC,CAAC;gBAC/E,MAAM;QACV,CAAC;IACH,CAAC,EAAE,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,0CAAE,OAAO,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallState } from '@internal/calling-stateful-client';\nimport { useEffect } from 'react';\nimport { ROOM_NOT_FOUND_SUB_CODE, ROOM_NOT_VALID_SUB_CODE, NOT_INVITED_TO_ROOM_SUB_CODE, INVITE_TO_ROOM_REMOVED_SUB_CODE } from './Utils';\n\n/**\n * @private\n */\nexport const useEndedCallConsoleErrors = (endedCall?: CallState): void => {\n  useEffect(() => {\n    switch (endedCall?.callEndReason?.subCode) {\n      case ROOM_NOT_FOUND_SUB_CODE:\n        console.error('Call ended because the room id provided through the adapter locator could not be found');\n        break;\n      case ROOM_NOT_VALID_SUB_CODE:\n        console.error('Call ended because this room is currently not valid.');\n        break;\n      case NOT_INVITED_TO_ROOM_SUB_CODE:\n        console.error('Call ended because you are not invited to this room.');\n        break;\n      case INVITE_TO_ROOM_REMOVED_SUB_CODE:\n        console.error('Call ended because your invite to this room has been removed.');\n        break;\n    }\n  }, [endedCall?.callEndReason?.subCode]);\n};"]}
+{"version":3,"file":"useConsoleErrors.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/utils/useConsoleErrors.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,4BAA4B,EAC5B,+BAA+B,EAChC,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,SAAqB,EAAQ,EAAE;;IACvE,SAAS,CAAC,GAAG,EAAE;;QACb,QAAQ,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,0CAAE,OAAO,EAAE,CAAC;YAC1C,KAAK,uBAAuB;gBAC1B,OAAO,CAAC,KAAK,CAAC,wFAAwF,CAAC,CAAC;gBACxG,MAAM;YACR,KAAK,uBAAuB;gBAC1B,OAAO,CAAC,KAAK,CAAC,sDAAsD,CAAC,CAAC;gBACtE,MAAM;YACR,KAAK,4BAA4B;gBAC/B,OAAO,CAAC,KAAK,CAAC,sDAAsD,CAAC,CAAC;gBACtE,MAAM;YACR,KAAK,+BAA+B;gBAClC,OAAO,CAAC,KAAK,CAAC,+DAA+D,CAAC,CAAC;gBAC/E,MAAM;QACV,CAAC;IACH,CAAC,EAAE,CAAC,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,0CAAE,OAAO,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallState } from '@internal/calling-stateful-client';\nimport { useEffect } from 'react';\nimport {\n  ROOM_NOT_FOUND_SUB_CODE,\n  ROOM_NOT_VALID_SUB_CODE,\n  NOT_INVITED_TO_ROOM_SUB_CODE,\n  INVITE_TO_ROOM_REMOVED_SUB_CODE\n} from './Utils';\n\n/**\n * @private\n */\nexport const useEndedCallConsoleErrors = (endedCall?: CallState): void => {\n  useEffect(() => {\n    switch (endedCall?.callEndReason?.subCode) {\n      case ROOM_NOT_FOUND_SUB_CODE:\n        console.error('Call ended because the room id provided through the adapter locator could not be found');\n        break;\n      case ROOM_NOT_VALID_SUB_CODE:\n        console.error('Call ended because this room is currently not valid.');\n        break;\n      case NOT_INVITED_TO_ROOM_SUB_CODE:\n        console.error('Call ended because you are not invited to this room.');\n        break;\n      case INVITE_TO_ROOM_REMOVED_SUB_CODE:\n        console.error('Call ended because your invite to this room has been removed.');\n        break;\n    }\n  }, [endedCall?.callEndReason?.subCode]);\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.d.ts

@@ -7,8 +7,10 @@ import { CallWithChatCompositeIcons } from '../common/icons';
 import { CallSurveyImprovementSuggestions } from "../../../../react-components/src";
 import { RemoteVideoTileMenuOptions } from '../CallComposite/CallComposite';
 import { LocalVideoTileOptions } from '../CallComposite/CallComposite';
+import { DeviceCheckOptions } from '../CallComposite/CallComposite';
 import { CommonCallControlOptions } from '../common/types/CommonCallControlOptions';
 import { VideoGalleryLayout } from "../../../../react-components/src";
+import { AttachmentOptions } from "../../../../react-components/src";
 /**
  * Props required for the {@link CallWithChatComposite}
  *
@@ -62,6 +64,62 @@ export type CallWithChatCompositeOptions = {
      * If using the boolean values, true will cause default behavior across the whole control bar. False hides the whole control bar.
      */
     callControls?: boolean | CallWithChatControlOptions;
+    /**
+     * Properties for configuring the File Sharing feature.
+     * If undefined, file sharing feature will be disabled.
+     * @beta
+     */
+    attachmentOptions?: AttachmentOptions;
+    /**
+     * Device permissions check options for your call.
+     * Here you can choose what device permissions you prompt the user for,
+     * as well as what device permissions must be accepted before starting a call.
+     */
+    deviceChecks?: DeviceCheckOptions;
+    /**
+     * Callback you may provide to supply users with further steps to troubleshoot why they have been
+     * unable to grant your site the required permissions for the call.
+     *
+     * @example
+     * ```ts
+     * onPermissionsTroubleshootingClick: () =>
+     *  window.open('https://contoso.com/permissions-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'further troubleshooting' link.
+     */
+    onPermissionsTroubleshootingClick?: (permissionsState: {
+        camera: PermissionState;
+        microphone: PermissionState;
+    }) => void;
+    /**
+     * Optional callback to supply users with further troubleshooting steps for network issues
+     * experienced when connecting to a call.
+     *
+     * @example
+     * ```ts
+     * onNetworkingTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/network-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a 'network troubleshooting' link.
+     */
+    onNetworkingTroubleShootingClick?: () => void;
+    /**
+     * Callback you may provide to supply users with a provided page to showcase supported browsers by ACS.
+     *
+     * @example
+     * ```ts
+     * onBrowserTroubleShootingClick?: () =>
+     *  window.open('https://contoso.com/browser-troubleshooting', '_blank');
+     * ```
+     *
+     * @remarks
+     * if this is not supplied, the composite will not show a unsupported browser page.
+     */
+    onEnvironmentInfoTroubleshootingClick?: () => void;
     /**
      * Remote participant video tile menu options
      */
@@ -164,6 +222,13 @@ export type CallWithChatCompositeOptions = {
          */
         hideSpotlightButtons?: boolean;
     };
+    /**
+     * Enables rich text editor for the send and edit boxes
+     * @defaultValue `false`
+     *
+     * @beta
+     */
+    richTextEditor?: boolean;
 };
 /**
  * CallWithChatComposite brings together key components to provide a full call with chat experience out of the box.

package/dist/dist-esm/react-composites/src/composites/CallWithChatComposite/CallWithChatComposite.js

@@ -2,7 +2,11 @@
 // Licensed under the MIT License.
 import React, { useCallback, useState, useMemo, useEffect, useRef } from 'react';
 import { mergeStyles, Stack } from '@fluentui/react';
+/* @conditional-compile-remove(breakout-rooms) */
+import { Spinner, SpinnerSize } from '@fluentui/react';
 import { callCompositeContainerStyles, compositeOuterContainerStyles } from './styles/CallWithChatCompositeStyles';
+/* @conditional-compile-remove(breakout-rooms) */
+import { chatSpinnerContainerStyles } from './styles/CallWithChatCompositeStyles';
 import { CallWithChatBackedCallAdapter } from './adapter/CallWithChatBackedCallAdapter';
 import { CallWithChatBackedChatAdapter } from './adapter/CallWithChatBackedChatAdapter';
 import { ChatComposite } from '../ChatComposite';
@@ -17,7 +21,10 @@ import { getDesktopCommonButtonStyles } from '../common/ControlBar/CommonCallCon
 import { isDisabled } from '../CallComposite/utils';
 import { SidePaneHeader } from '../common/SidePaneHeader';
 import { useUnreadMessagesTracker } from './ChatButton/useUnreadMessagesTracker';
+/* @conditional-compile-remove(breakout-rooms) */
+import { useLocale } from '../localization';
 const CallWithChatScreen = (props) => {
+    var _a, _b;
     const { callWithChatAdapter, fluentTheme, formFactor = 'desktop' } = props;
     const { surveyOptions } = props;
     const mobileView = formFactor === 'mobile';
@@ -84,27 +91,52 @@ const CallWithChatScreen = (props) => {
         tooltipOnContent: callWithChatStrings.chatButtonTooltipClose
     }), [callWithChatStrings]);
     const theme = useTheme();
-    const commonButtonStyles = useMemo(() => !mobileView ? getDesktopCommonButtonStyles(theme) : undefined, [mobileView, theme]);
+    const commonButtonStyles = useMemo(() => (!mobileView ? getDesktopCommonButtonStyles(theme) : undefined), [mobileView, theme]);
     const showChatButton = checkShowChatButton(props.callControls);
     const chatButtonDisabled = showChatButton && (checkChatButtonIsDisabled(props.callControls) || !hasJoinedCall || isOnHold);
-    const chatTabHeaderProps = useMemo(() => mobileView && showChatButton ? {
-        onClick: toggleChat,
-        disabled: chatButtonDisabled
-    } : undefined, [chatButtonDisabled, mobileView, toggleChat, showChatButton]);
+    const chatTabHeaderProps = useMemo(() => mobileView && showChatButton
+        ? {
+            onClick: toggleChat,
+            disabled: chatButtonDisabled
+        }
+        : undefined, [chatButtonDisabled, mobileView, toggleChat, showChatButton]);
     const unreadChatMessagesCount = useUnreadMessagesTracker(chatAdapter, isChatOpen, isChatInitialized);
     const customChatButton = useCallback((args) => ({
         placement: mobileView ? 'primary' : 'secondary',
-        onRenderButton: () => React.createElement(ChatButtonWithUnreadMessagesBadge, { checked: isChatOpen, showLabel: args.displayType !== 'compact', onClick: toggleChat, disabled: chatButtonDisabled, strings: chatButtonStrings, styles: commonButtonStyles, newMessageLabel: callWithChatStrings.chatButtonNewMessageNotificationLabel, unreadChatMessagesCount: unreadChatMessagesCount, 
+        onRenderButton: () => (React.createElement(ChatButtonWithUnreadMessagesBadge, { checked: isChatOpen, showLabel: args.displayType !== 'compact', onClick: toggleChat, disabled: chatButtonDisabled, strings: chatButtonStrings, styles: commonButtonStyles, newMessageLabel: callWithChatStrings.chatButtonNewMessageNotificationLabel, unreadChatMessagesCount: unreadChatMessagesCount, 
             // As chat is disabled when on hold, we don't want to show the unread badge when on hold
-            hideUnreadChatMessagesBadge: isOnHold, disableTooltip: mobileView })
-    }), [callWithChatStrings.chatButtonNewMessageNotificationLabel, chatButtonStrings, commonButtonStyles, isChatOpen, chatButtonDisabled, mobileView, toggleChat, unreadChatMessagesCount, isOnHold]);
+            hideUnreadChatMessagesBadge: isOnHold, disableTooltip: mobileView }))
+    }), [
+        callWithChatStrings.chatButtonNewMessageNotificationLabel,
+        chatButtonStrings,
+        commonButtonStyles,
+        isChatOpen,
+        chatButtonDisabled,
+        mobileView,
+        toggleChat,
+        unreadChatMessagesCount,
+        isOnHold
+    ]);
     const callControlOptionsFromProps = useMemo(() => (Object.assign({}, (typeof props.callControls === 'object' ? props.callControls : {}))), [props.callControls]);
     const injectedCustomButtonsFromProps = useMemo(() => {
         var _a;
         return [...((_a = callControlOptionsFromProps.onFetchCustomButtonProps) !== null && _a !== void 0 ? _a : [])];
     }, [callControlOptionsFromProps]);
     const callCompositeOptions = useMemo(() => ({
-        callControls: props.callControls === false ? false : Object.assign(Object.assign({}, callControlOptionsFromProps), { onFetchCustomButtonProps: [...(showChatButton ? [customChatButton] : []), ...injectedCustomButtonsFromProps], legacyControlBarExperience: false }),
+        callControls: props.callControls === false
+            ? false
+            : Object.assign(Object.assign({}, callControlOptionsFromProps), { onFetchCustomButtonProps: [
+                    ...(showChatButton ? [customChatButton] : []),
+                    ...injectedCustomButtonsFromProps
+                ], legacyControlBarExperience: false }),
+        /* @conditional-compile-remove(call-readiness) */
+        deviceChecks: props.deviceChecks,
+        /* @conditional-compile-remove(call-readiness) */
+        onNetworkingTroubleShootingClick: props.onNetworkingTroubleShootingClick,
+        /* @conditional-compile-remove(call-readiness) */
+        onPermissionsTroubleshootingClick: props.onPermissionsTroubleshootingClick,
+        /* @conditional-compile-remove(unsupported-browser) */
+        onEnvironmentInfoTroubleshootingClick: props.onEnvironmentInfoTroubleshootingClick,
         remoteVideoTileMenuOptions: props.remoteVideoTileMenuOptions,
         galleryOptions: props.galleryOptions,
         localVideoTile: props.localVideoTile,
@@ -114,16 +146,69 @@ const CallWithChatScreen = (props) => {
             backgroundImage: props.backgroundImage
         },
         spotlight: props.spotlight
-    }), [props.callControls, callControlOptionsFromProps, showChatButton, customChatButton, injectedCustomButtonsFromProps, props.galleryOptions, props.localVideoTile, props.remoteVideoTileMenuOptions, surveyOptions, props.logo, props.backgroundImage, props.spotlight]);
+    }), [
+        props.callControls,
+        callControlOptionsFromProps,
+        showChatButton,
+        customChatButton,
+        injectedCustomButtonsFromProps,
+        /* @conditional-compile-remove(call-readiness) */
+        props.deviceChecks,
+        /* @conditional-compile-remove(unsupported-browser) */
+        props.onEnvironmentInfoTroubleshootingClick,
+        /* @conditional-compile-remove(call-readiness) */
+        props.onNetworkingTroubleShootingClick,
+        /* @conditional-compile-remove(call-readiness) */
+        props.onPermissionsTroubleshootingClick,
+        props.galleryOptions,
+        props.localVideoTile,
+        props.remoteVideoTileMenuOptions,
+        surveyOptions,
+        props.logo,
+        props.backgroundImage,
+        props.spotlight
+    ]);
     const chatCompositeOptions = useMemo(() => ({
-        topic: false
-    }), []);
+        topic: false,
+        /* @conditional-compile-remove(chat-composite-participant-pane) */
+        participantPane: false,
+        /* @conditional-compile-remove(file-sharing-acs) */
+        attachmentOptions: props.attachmentOptions,
+        /* @conditional-compile-remove(rich-text-editor-composite-support) */
+        richTextEditor: props.richTextEditor
+    }), [
+        /* @conditional-compile-remove(file-sharing-acs) */
+        props.attachmentOptions,
+        /* @conditional-compile-remove(rich-text-editor-composite-support) */
+        props.richTextEditor
+    ]);
+    /* @conditional-compile-remove(breakout-rooms) */
+    const chatSpinnerLabel = useLocale().strings.callWithChat.chatContentSpinnerLabel;
     const onRenderChatContent = useCallback(() => {
-        return React.createElement(ChatComposite, { adapter: chatAdapter, fluentTheme: theme, options: chatCompositeOptions, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData });
-    }, [chatAdapter, props.onFetchAvatarPersonaData, chatCompositeOptions, theme]);
+        /* @conditional-compile-remove(breakout-rooms) */
+        if (!isChatInitialized) {
+            return (React.createElement(Stack, { styles: chatSpinnerContainerStyles },
+                React.createElement(Spinner, { label: chatSpinnerLabel, size: SpinnerSize.large })));
+        }
+        return (React.createElement(ChatComposite, { adapter: chatAdapter, fluentTheme: theme, options: chatCompositeOptions, onFetchAvatarPersonaData: props.onFetchAvatarPersonaData }));
+    }, [
+        chatAdapter,
+        props.onFetchAvatarPersonaData,
+        chatCompositeOptions,
+        theme,
+        /* @conditional-compile-remove(breakout-rooms) */ isChatInitialized,
+        /* @conditional-compile-remove(breakout-rooms) */ chatSpinnerLabel
+    ]);
     let chatPaneTitle = callWithChatStrings.chatPaneTitle;
-    const sidePaneHeaderRenderer = useCallback(() => { var _a; return React.createElement(SidePaneHeader, { headingText: chatPaneTitle, onClose: closeChat, dismissSidePaneButtonAriaLabel: (_a = callWithChatStrings.dismissSidePaneButtonLabel) !== null && _a !== void 0 ? _a : '', mobileView: mobileView, chatButtonPresent: showChatButton }); }, [chatPaneTitle, closeChat, callWithChatStrings.dismissSidePaneButtonLabel, mobileView, showChatButton]);
-    const sidePaneContentRenderer = useMemo(() => hasJoinedCall ? onRenderChatContent : undefined, [hasJoinedCall, onRenderChatContent]);
+    /* @conditional-compile-remove(breakout-rooms) */
+    if ((_b = (_a = callAdapter.getState().call) === null || _a === void 0 ? void 0 : _a.breakoutRooms) === null || _b === void 0 ? void 0 : _b.breakoutRoomOriginCallId) {
+        chatPaneTitle = callWithChatStrings.breakoutRoomChatPaneTitle;
+    }
+    const sidePaneHeaderRenderer = useCallback(() => {
+        var _a;
+        return (React.createElement(SidePaneHeader, { headingText: chatPaneTitle, onClose: closeChat, dismissSidePaneButtonAriaLabel: (_a = callWithChatStrings.dismissSidePaneButtonLabel) !== null && _a !== void 0 ? _a : '', mobileView: mobileView, chatButtonPresent: showChatButton }));
+    }, [chatPaneTitle, closeChat, callWithChatStrings.dismissSidePaneButtonLabel, mobileView, showChatButton]);
+    const sidePaneContentRenderer = useMemo(() => (hasJoinedCall ? onRenderChatContent : undefined), [hasJoinedCall, onRenderChatContent]);
     const sidePaneRenderer = useMemo(() => ({
         contentRenderer: sidePaneContentRenderer,
         headerRenderer: sidePaneHeaderRenderer,
@@ -147,11 +232,11 @@ const CallWithChatScreen = (props) => {
             callAdapter.off('callEnded', closeChat);
         };
     }, [callAdapter, closeChat]);
-    return React.createElement("div", { ref: containerRef, className: mergeStyles(containerDivStyles) },
+    return (React.createElement("div", { ref: containerRef, className: mergeStyles(containerDivStyles) },
         React.createElement(Stack, { verticalFill: true, grow: true, styles: compositeOuterContainerStyles, id: compositeParentDivId },
             React.createElement(Stack, { horizontal: true, grow: true },
                 React.createElement(Stack.Item, { grow: true, styles: callCompositeContainerStyles(mobileView) },
-                    React.createElement(CallCompositeInner, Object.assign({}, props, { formFactor: formFactor, options: callCompositeOptions, adapter: callAdapter, fluentTheme: fluentTheme, callInvitationUrl: props.joinInvitationURL, overrideSidePane: overrideSidePaneProps, onSidePaneIdChange: onSidePaneIdChange, mobileChatTabHeader: chatTabHeaderProps, onCloseChatPane: closeChat }))))));
+                    React.createElement(CallCompositeInner, Object.assign({}, props, { formFactor: formFactor, options: callCompositeOptions, adapter: callAdapter, fluentTheme: fluentTheme, callInvitationUrl: props.joinInvitationURL, overrideSidePane: overrideSidePaneProps, onSidePaneIdChange: onSidePaneIdChange, mobileChatTabHeader: chatTabHeaderProps, onCloseChatPane: closeChat })))))));
 };
 /**
  * CallWithChatComposite brings together key components to provide a full call with chat experience out of the box.
@@ -161,11 +246,19 @@ const CallWithChatScreen = (props) => {
 export const CallWithChatComposite = (props) => {
     var _a, _b;
     const { adapter, fluentTheme, rtl, formFactor, joinInvitationURL, options } = props;
-    return React.createElement(BaseProvider, { fluentTheme: fluentTheme, rtl: rtl, locale: props.locale, icons: props.icons, formFactor: props.formFactor },
-        React.createElement(CallWithChatScreen, Object.assign({}, props, { callWithChatAdapter: adapter, formFactor: formFactor, callControls: options === null || options === void 0 ? void 0 : options.callControls, joinInvitationURL: joinInvitationURL, fluentTheme: fluentTheme, remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions, localVideoTile: options === null || options === void 0 ? void 0 : options.localVideoTile, galleryOptions: options === null || options === void 0 ? void 0 : options.galleryOptions, logo: (_a = options === null || options === void 0 ? void 0 : options.branding) === null || _a === void 0 ? void 0 : _a.logo, backgroundImage: (_b = options === null || options === void 0 ? void 0 : options.branding) === null || _b === void 0 ? void 0 : _b.backgroundImage, surveyOptions: options === null || options === void 0 ? void 0 : options.surveyOptions, spotlight: options === null || options === void 0 ? void 0 : options.spotlight })));
+    return (React.createElement(BaseProvider, { fluentTheme: fluentTheme, rtl: rtl, locale: props.locale, icons: props.icons, formFactor: props.formFactor },
+        React.createElement(CallWithChatScreen, Object.assign({}, props, { 
+            /* @conditional-compile-remove(call-readiness) */
+            deviceChecks: options === null || options === void 0 ? void 0 : options.deviceChecks, callWithChatAdapter: adapter, formFactor: formFactor, callControls: options === null || options === void 0 ? void 0 : options.callControls, joinInvitationURL: joinInvitationURL, fluentTheme: fluentTheme, remoteVideoTileMenuOptions: options === null || options === void 0 ? void 0 : options.remoteVideoTileMenuOptions, 
+            /* @conditional-compile-remove(file-sharing-acs) */
+            attachmentOptions: options === null || options === void 0 ? void 0 : options.attachmentOptions, localVideoTile: options === null || options === void 0 ? void 0 : options.localVideoTile, galleryOptions: options === null || options === void 0 ? void 0 : options.galleryOptions, logo: (_a = options === null || options === void 0 ? void 0 : options.branding) === null || _a === void 0 ? void 0 : _a.logo, backgroundImage: (_b = options === null || options === void 0 ? void 0 : options.branding) === null || _b === void 0 ? void 0 : _b.backgroundImage, surveyOptions: options === null || options === void 0 ? void 0 : options.surveyOptions, spotlight: options === null || options === void 0 ? void 0 : options.spotlight, 
+            /* @conditional-compile-remove(rich-text-editor-composite-support) */
+            richTextEditor: options === null || options === void 0 ? void 0 : options.richTextEditor }))));
 };
 const hasJoinedCallFn = (page, callStatus) => {
-    return page === 'call' && (callStatus === 'Connected' || callStatus === 'RemoteHold' || callStatus === 'Disconnecting') || page === 'hold' && (callStatus === 'LocalHold' || callStatus === 'Disconnecting');
+    return ((page === 'call' &&
+        (callStatus === 'Connected' || callStatus === 'RemoteHold' || callStatus === 'Disconnecting')) ||
+        (page === 'hold' && (callStatus === 'LocalHold' || callStatus === 'Disconnecting')));
 };
 const checkShowChatButton = (callControls) => {
     if (callControls === undefined || callControls === true) {