@azure/communication-react 1.11.0-alpha-202312150013 → 1.11.0-beta.2

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallingSoundSubscriber.d.ts

@@ -1,18 +0,0 @@
-import { CallCommon } from '@azure/communication-calling';
-import { CallingSounds } from './CallAdapter';
-import { CommunicationIdentifier } from '@azure/communication-common';
-/**
- * @private
- */
-export declare class CallingSoundSubscriber {
-    private call;
-    private soundsLoaded?;
-    private callee;
-    constructor(call: CallCommon, callee?: CommunicationIdentifier[], sounds?: CallingSounds);
-    private onCallStateChanged;
-    private subscribeCallSoundEvents;
-    unsubscribeAll(): void;
-    private loadSounds;
-    private playSound;
-}
-//# sourceMappingURL=CallingSoundSubscriber.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallingSoundSubscriber.js

@@ -1,96 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(calling-sounds) */
-import { isPhoneNumberIdentifier } from '@azure/communication-common';
-const CALL_REJECTED_CODE = 603;
-/**
- * @private
- */
-export class CallingSoundSubscriber {
-    constructor(call, callee, sounds) {
-        this.onCallStateChanged = () => {
-            this.call.on('stateChanged', () => {
-                var _a, _b, _c, _d, _e;
-                if (isPSTNCall(this.call, this.callee) && ((_a = this.soundsLoaded) === null || _a === void 0 ? void 0 : _a.callRingingSound)) {
-                    this.soundsLoaded.callRingingSound.loop = true;
-                    this.playSound(this.soundsLoaded.callRingingSound);
-                }
-                if ((this.call.state === 'Connected' || this.call.state === 'Disconnected') &&
-                    ((_b = this.soundsLoaded) === null || _b === void 0 ? void 0 : _b.callRingingSound)) {
-                    this.soundsLoaded.callRingingSound.loop = false;
-                    this.soundsLoaded.callRingingSound.pause();
-                }
-                if (this.call.state === 'Disconnected') {
-                    if (((_c = this.soundsLoaded) === null || _c === void 0 ? void 0 : _c.callBusySound) && ((_d = this.call.callEndReason) === null || _d === void 0 ? void 0 : _d.code) === CALL_REJECTED_CODE) {
-                        this.playSound(this.soundsLoaded.callBusySound);
-                    }
-                    else if ((_e = this.soundsLoaded) === null || _e === void 0 ? void 0 : _e.callEndedSound) {
-                        this.playSound(this.soundsLoaded.callEndedSound);
-                    }
-                }
-            });
-        };
-        this.call = call;
-        this.callee = callee;
-        if (sounds) {
-            this.soundsLoaded = this.loadSounds(sounds);
-            this.subscribeCallSoundEvents();
-        }
-    }
-    subscribeCallSoundEvents() {
-        this.onCallStateChanged();
-    }
-    unsubscribeAll() {
-        var _a;
-        this.call.off('stateChanged', this.onCallStateChanged);
-        if ((_a = this.soundsLoaded) === null || _a === void 0 ? void 0 : _a.callRingingSound) {
-            this.soundsLoaded.callRingingSound.pause();
-        }
-    }
-    loadSounds(sounds) {
-        var _a, _b, _c;
-        let callEndedSound;
-        if (sounds === null || sounds === void 0 ? void 0 : sounds.callEnded) {
-            callEndedSound = new Audio((_a = sounds === null || sounds === void 0 ? void 0 : sounds.callEnded) === null || _a === void 0 ? void 0 : _a.url);
-            callEndedSound.preload = 'auto';
-        }
-        let callRingingSound;
-        if (sounds === null || sounds === void 0 ? void 0 : sounds.callRinging) {
-            callRingingSound = new Audio((_b = sounds === null || sounds === void 0 ? void 0 : sounds.callRinging) === null || _b === void 0 ? void 0 : _b.url);
-            callRingingSound.preload = 'auto';
-        }
-        let callBusySound;
-        if (sounds === null || sounds === void 0 ? void 0 : sounds.callBusy) {
-            callBusySound = new Audio((_c = sounds === null || sounds === void 0 ? void 0 : sounds.callBusy) === null || _c === void 0 ? void 0 : _c.url);
-            callBusySound.preload = 'auto';
-        }
-        return {
-            callEndedSound,
-            callRingingSound,
-            callBusySound
-        };
-    }
-    playSound(sound) {
-        sound.play().catch((e) => {
-            console.error(e, 'Failed to play sound, check loader config to make sure it is correct');
-        });
-    }
-}
-/**
- * Helper function to allow the calling sound subscriber to determine when to play the ringing
- * sound when making an outbound call.
- */
-const isPSTNCall = (call, callee) => {
-    /* @conditional-compile-remove(calling-sounds) */
-    if (callee &&
-        callee.length >= 1 &&
-        !isPhoneNumberIdentifier(callee[0]) &&
-        (call.state === 'Ringing' || call.state === 'Connecting')) {
-        return true;
-    }
-    else {
-        return false;
-    }
-    return false;
-};
-//# sourceMappingURL=CallingSoundSubscriber.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/adapter/CallingSoundSubscriber.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CallingSoundSubscriber.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/adapter/CallingSoundSubscriber.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { CallCommon } from '@azure/communication-calling';\nimport { CallingSounds } from './CallAdapter';\n/* @conditional-compile-remove(calling-sounds) */\nimport { isPhoneNumberIdentifier } from '@azure/communication-common';\nimport { CommunicationIdentifier } from '@azure/communication-common';\n\ntype CallingSoundsLoaded = {\n  callEndedSound?: HTMLAudioElement;\n  callRingingSound?: HTMLAudioElement;\n  callBusySound?: HTMLAudioElement;\n};\n\nconst CALL_REJECTED_CODE = 603;\n\n/**\n * @private\n */\nexport class CallingSoundSubscriber {\n  private call: CallCommon;\n  private soundsLoaded?: CallingSoundsLoaded;\n  private callee: CommunicationIdentifier[] | undefined;\n\n  constructor(call: CallCommon, callee?: CommunicationIdentifier[], sounds?: CallingSounds) {\n    this.call = call;\n    this.callee = callee;\n    if (sounds) {\n      this.soundsLoaded = this.loadSounds(sounds);\n      this.subscribeCallSoundEvents();\n    }\n  }\n\n  private onCallStateChanged = (): void => {\n    this.call.on('stateChanged', () => {\n      if (isPSTNCall(this.call, this.callee) && this.soundsLoaded?.callRingingSound) {\n        this.soundsLoaded.callRingingSound.loop = true;\n        this.playSound(this.soundsLoaded.callRingingSound);\n      }\n      if (\n        (this.call.state === 'Connected' || this.call.state === 'Disconnected') &&\n        this.soundsLoaded?.callRingingSound\n      ) {\n        this.soundsLoaded.callRingingSound.loop = false;\n        this.soundsLoaded.callRingingSound.pause();\n      }\n      if (this.call.state === 'Disconnected') {\n        if (this.soundsLoaded?.callBusySound && this.call.callEndReason?.code === CALL_REJECTED_CODE) {\n          this.playSound(this.soundsLoaded.callBusySound);\n        } else if (this.soundsLoaded?.callEndedSound) {\n          this.playSound(this.soundsLoaded.callEndedSound);\n        }\n      }\n    });\n  };\n\n  private subscribeCallSoundEvents(): void {\n    this.onCallStateChanged();\n  }\n\n  public unsubscribeAll(): void {\n    this.call.off('stateChanged', this.onCallStateChanged);\n    if (this.soundsLoaded?.callRingingSound) {\n      this.soundsLoaded.callRingingSound.pause();\n    }\n  }\n\n  private loadSounds(sounds?: CallingSounds): CallingSoundsLoaded | undefined {\n    let callEndedSound;\n    if (sounds?.callEnded) {\n      callEndedSound = new Audio(sounds?.callEnded?.url);\n      callEndedSound.preload = 'auto';\n    }\n    let callRingingSound;\n    if (sounds?.callRinging) {\n      callRingingSound = new Audio(sounds?.callRinging?.url);\n      callRingingSound.preload = 'auto';\n    }\n    let callBusySound;\n    if (sounds?.callBusy) {\n      callBusySound = new Audio(sounds?.callBusy?.url);\n      callBusySound.preload = 'auto';\n    }\n    return {\n      callEndedSound,\n      callRingingSound,\n      callBusySound\n    };\n  }\n\n  private playSound(sound: HTMLAudioElement): void {\n    sound.play().catch((e) => {\n      console.error(e, 'Failed to play sound, check loader config to make sure it is correct');\n    });\n  }\n}\n\n/**\n * Helper function to allow the calling sound subscriber to determine when to play the ringing\n * sound when making an outbound call.\n */\nconst isPSTNCall = (call: CallCommon, callee?: CommunicationIdentifier[]): boolean => {\n  /* @conditional-compile-remove(calling-sounds) */\n  if (\n    callee &&\n    callee.length >= 1 &&\n    !isPhoneNumberIdentifier(callee[0]) &&\n    (call.state === 'Ringing' || call.state === 'Connecting')\n  ) {\n    return true;\n  } else {\n    return false;\n  }\n  return false;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SvgWithWordWrapping.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-/**
- * An SVG element component that wraps inner text to fit the width of the SVG.
- * @private
- */
-export declare const SvgWithWordWrapping: (props: {
-    width: number;
-    text: string;
-    lineHeightPx: number;
-    bufferHeightPx: number;
-}) => JSX.Element;
-//# sourceMappingURL=SvgWithWordWrapping.d.ts.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SvgWithWordWrapping.js

@@ -1,84 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React, { useLayoutEffect, useRef, useState } from 'react';
-/**
- * An SVG element component that wraps inner text to fit the width of the SVG.
- * @private
- */
-export const SvgWithWordWrapping = (props) => {
-    const { width, text, lineHeightPx, bufferHeightPx } = props;
-    const svgRef = useRef(null);
-    const calculationTextElement = useRef(null);
-    const visibleTextElement = useRef(null);
-    const [height, setHeight] = useState(0);
-    // useLayoutEffect ensures that the calculationTextElement is rendered before being used for calculations.
-    // Using useLayoutEffect over useEffect ensures we do not get a layout shift when the visibleTextElement is rendered
-    // and the height is updated. This is because useLayoutEffect runs synchronously after DOM mutations but
-    // before the browser has a chance to paint. See https://reactjs.org/docs/hooks-reference.html#uselayouteffect
-    // for more details.
-    useLayoutEffect(() => {
-        if (text && calculationTextElement.current && visibleTextElement.current) {
-            const numLines = convertTextToWrappedText(calculationTextElement.current, visibleTextElement.current, width, lineHeightPx);
-            setHeight(numLines * lineHeightPx);
-        }
-    }, [width, lineHeightPx, text]);
-    return (React.createElement("svg", { width: width, height: height + bufferHeightPx, ref: svgRef, xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("text", { height: 0, ref: calculationTextElement, style: { visibility: 'hidden' } }, text),
-        React.createElement("text", { ref: visibleTextElement, x: "0", y: bufferHeightPx / 4, role: "heading", "aria-level": 1 })));
-};
-/**
- * Wrap text in tspan elements to fit the width of the SVG
- * @param baseTextElement The text element to create the wrapped text from.
- * @param outputTextElement The text element to insert the wrapped text into.
- * @param maxWidth The maximum width of the text element.
- * @param lineHeightPx The height of each line in pixels.
- * @returns The number of lines of text.
- */
-const convertTextToWrappedText = (inputTextElement, outputTextElement, maxWidth, lineHeightPx) => {
-    var _a, _b;
-    const words = (_b = (_a = inputTextElement.textContent) === null || _a === void 0 ? void 0 : _a.split(' ')) !== null && _b !== void 0 ? _b : [];
-    if (words.length === 0 || words[0] === '') {
-        throw new Error('Text element must contain text');
-    }
-    // The current line being built.
-    let line = '';
-    // Running total of the number of lines.
-    let numLines = 0;
-    // First, clear the output text element.
-    outputTextElement.textContent = '';
-    // Iterate through each word and create a tspan element for each line.
-    for (let i = 0; i < words.length; i++) {
-        const testLine = line + words[i] + ' ';
-        const testWidth = inputTextElement.getSubStringLength(0, testLine.length);
-        if (testWidth > maxWidth && i > 0) {
-            const newLine = constructTSpanLine(line, lineHeightPx);
-            outputTextElement.appendChild(newLine);
-            line = words[i] + ' ';
-            numLines++;
-        }
-        else {
-            line = testLine;
-        }
-    }
-    // Add the last line.
-    const newLine = constructTSpanLine(line, lineHeightPx);
-    outputTextElement.appendChild(newLine);
-    numLines++;
-    // Return the number of lines to calculate the height of the SVG.
-    return numLines;
-};
-/**
- * Create a tspan element for a line of text, with text set to be centered.
- * @param line The line of text.
- * @param lineHeightPx The height of each line in pixels.
- * @returns The tspan element.
- */
-const constructTSpanLine = (line, lineHeightPx) => {
-    const tspan = document.createElementNS('http://www.w3.org/2000/svg', 'tspan');
-    tspan.textContent = line;
-    tspan.setAttribute('x', '50%');
-    tspan.setAttribute('dy', `${lineHeightPx}px`);
-    tspan.setAttribute('text-anchor', 'middle');
-    return tspan;
-};
-//# sourceMappingURL=SvgWithWordWrapping.js.map

package/dist/dist-esm/react-composites/src/composites/CallComposite/components/SvgWithWordWrapping.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SvgWithWordWrapping.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/components/SvgWithWordWrapping.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _pxToRem } from '@internal/acs-ui-common';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\n\n/**\n * An SVG element component that wraps inner text to fit the width of the SVG.\n * @private\n */\nexport const SvgWithWordWrapping = (props: {\n  width: number;\n  text: string;\n  lineHeightPx: number;\n  bufferHeightPx: number;\n}): JSX.Element => {\n  const { width, text, lineHeightPx, bufferHeightPx } = props;\n  const svgRef = useRef<SVGSVGElement>(null);\n  const calculationTextElement = useRef<SVGTextElement>(null);\n  const visibleTextElement = useRef<SVGTextElement>(null);\n  const [height, setHeight] = useState<number>(0);\n\n  // useLayoutEffect ensures that the calculationTextElement is rendered before being used for calculations.\n  // Using useLayoutEffect over useEffect ensures we do not get a layout shift when the visibleTextElement is rendered\n  // and the height is updated. This is because useLayoutEffect runs synchronously after DOM mutations but\n  // before the browser has a chance to paint. See https://reactjs.org/docs/hooks-reference.html#uselayouteffect\n  // for more details.\n  useLayoutEffect(() => {\n    if (text && calculationTextElement.current && visibleTextElement.current) {\n      const numLines = convertTextToWrappedText(\n        calculationTextElement.current,\n        visibleTextElement.current,\n        width,\n        lineHeightPx\n      );\n      setHeight(numLines * lineHeightPx);\n    }\n  }, [width, lineHeightPx, text]);\n\n  return (\n    <svg width={width} height={height + bufferHeightPx} ref={svgRef} xmlns=\"http://www.w3.org/2000/svg\">\n      <text height={0} ref={calculationTextElement} style={{ visibility: 'hidden' }}>\n        {text}\n      </text>\n      <text ref={visibleTextElement} x=\"0\" y={bufferHeightPx / 4} role=\"heading\" aria-level={1} />\n    </svg>\n  );\n};\n\n/**\n * Wrap text in tspan elements to fit the width of the SVG\n * @param baseTextElement The text element to create the wrapped text from.\n * @param outputTextElement The text element to insert the wrapped text into.\n * @param maxWidth The maximum width of the text element.\n * @param lineHeightPx The height of each line in pixels.\n * @returns The number of lines of text.\n */\nconst convertTextToWrappedText = (\n  inputTextElement: SVGTextElement,\n  outputTextElement: SVGTextElement,\n  maxWidth: number,\n  lineHeightPx: number\n): number => {\n  const words = inputTextElement.textContent?.split(' ') ?? [];\n  if (words.length === 0 || words[0] === '') {\n    throw new Error('Text element must contain text');\n  }\n\n  // The current line being built.\n  let line = '';\n\n  // Running total of the number of lines.\n  let numLines = 0;\n\n  // First, clear the output text element.\n  outputTextElement.textContent = '';\n\n  // Iterate through each word and create a tspan element for each line.\n  for (let i = 0; i < words.length; i++) {\n    const testLine = line + words[i] + ' ';\n    const testWidth = inputTextElement.getSubStringLength(0, testLine.length);\n\n    if (testWidth > maxWidth && i > 0) {\n      const newLine = constructTSpanLine(line, lineHeightPx);\n      outputTextElement.appendChild(newLine);\n      line = words[i] + ' ';\n      numLines++;\n    } else {\n      line = testLine;\n    }\n  }\n\n  // Add the last line.\n  const newLine = constructTSpanLine(line, lineHeightPx);\n  outputTextElement.appendChild(newLine);\n  numLines++;\n\n  // Return the number of lines to calculate the height of the SVG.\n  return numLines;\n};\n\n/**\n * Create a tspan element for a line of text, with text set to be centered.\n * @param line The line of text.\n * @param lineHeightPx The height of each line in pixels.\n * @returns The tspan element.\n */\nconst constructTSpanLine = (line: string, lineHeightPx: number): SVGTSpanElement => {\n  const tspan = document.createElementNS('http://www.w3.org/2000/svg', 'tspan');\n  tspan.textContent = line;\n  tspan.setAttribute('x', '50%');\n  tspan.setAttribute('dy', `${lineHeightPx}px`);\n  tspan.setAttribute('text-anchor', 'middle');\n  return tspan;\n};\n"]}

package/dist/dist-esm/react-composites/src/composites/CallComposite/utils/useConsoleErrors.d.ts

@@ -1,6 +0,0 @@
-import { CallState } from "../../../../../calling-stateful-client/src";
-/**
- * @private
- */
-export declare const useEndedCallConsoleErrors: (endedCall?: CallState) => void;
-//# sourceMappingURL=useConsoleErrors.d.ts.map

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

@@ -1,31 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-/* @conditional-compile-remove(rooms) */
-import { useEffect } from 'react';
-/* @conditional-compile-remove(rooms) */
-import { ROOM_NOT_FOUND_SUB_CODE, ROOM_NOT_VALID_SUB_CODE, NOT_INVITED_TO_ROOM_SUB_CODE, INVITE_TO_ROOM_REMOVED_SUB_CODE } from './Utils';
-/**
- * @private
- */
-export const useEndedCallConsoleErrors = (endedCall) => {
-    var _a;
-    /* @conditional-compile-remove(rooms) */
-    useEffect(() => {
-        var _a;
-        switch ((_a = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _a === void 0 ? void 0 : _a.subCode) {
-            case ROOM_NOT_FOUND_SUB_CODE:
-                console.error('Call ended because the room id provided through the adapter locator could not be found');
-                break;
-            case ROOM_NOT_VALID_SUB_CODE:
-                console.error('Call ended because this room is currently not valid.');
-                break;
-            case NOT_INVITED_TO_ROOM_SUB_CODE:
-                console.error('Call ended because you are not invited to this room.');
-                break;
-            case INVITE_TO_ROOM_REMOVED_SUB_CODE:
-                console.error('Call ended because your invite to this room has been removed.');
-                break;
-        }
-    }, [(_a = endedCall === null || endedCall === void 0 ? void 0 : endedCall.callEndReason) === null || _a === void 0 ? void 0 : _a.subCode]);
-};
-//# sourceMappingURL=useConsoleErrors.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useConsoleErrors.js","sourceRoot":"","sources":["../../../../../../../../react-composites/src/composites/CallComposite/utils/useConsoleErrors.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,wCAAwC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,wCAAwC;AACxC,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,wCAAwC;IACxC,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';\n/* @conditional-compile-remove(rooms) */\nimport { useEffect } from 'react';\n/* @conditional-compile-remove(rooms) */\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  /* @conditional-compile-remove(rooms) */\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/common/StarSurvey.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-/** @private */
-export declare const StarSurvey: (props: {
-    onStarRatingSelected: (ratings: number) => void;
-}) => JSX.Element;
-//# sourceMappingURL=StarSurvey.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/StarSurvey.js

@@ -1,29 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { _StarSurvey } from "../../../../react-components/src";
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useLocale } from '../localization';
-/** @private */
-export const StarSurvey = (
-/* @conditional-compile-remove(end-of-call-survey) */ props) => {
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const { onStarRatingSelected } = props;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const strings = useLocale().strings.call;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const StarSurveyStrings = {
-        starSurveyHelperText: strings.starSurveyHelperText,
-        starSurveyOneStarText: strings.starSurveyOneStarText,
-        starSurveyTwoStarText: strings.starSurveyTwoStarText,
-        starSurveyThreeStarText: strings.starSurveyThreeStarText,
-        starSurveyFourStarText: strings.starSurveyFourStarText,
-        starSurveyFiveStarText: strings.starSurveyFiveStarText,
-        starRatingAriaLabel: strings.starRatingAriaLabel
-    };
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return React.createElement(_StarSurvey, { strings: StarSurveyStrings, onStarRatingSelected: onStarRatingSelected });
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=StarSurvey.js.map

package/dist/dist-esm/react-composites/src/composites/common/StarSurvey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StarSurvey.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/StarSurvey.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,qDAAqD;AACrD,OAAO,EAAE,WAAW,EAAwD,yCAAmC;AAG/G,qDAAqD;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,eAAe;AACf,MAAM,CAAC,MAAM,UAAU,GAAG;AACxB,qDAAqD,CAAC,KAErD,EACY,EAAE;IACf,qDAAqD;IACrD,MAAM,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC;IACvC,qDAAqD;IACrD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IAEzC,qDAAqD;IACrD,MAAM,iBAAiB,GAAuB;QAC5C,oBAAoB,EAAE,OAAO,CAAC,oBAAoB;QAClD,qBAAqB,EAAE,OAAO,CAAC,qBAAqB;QACpD,qBAAqB,EAAE,OAAO,CAAC,qBAAqB;QACpD,uBAAuB,EAAE,OAAO,CAAC,uBAAuB;QACxD,sBAAsB,EAAE,OAAO,CAAC,sBAAsB;QACtD,sBAAsB,EAAE,OAAO,CAAC,sBAAsB;QACtD,mBAAmB,EAAE,OAAO,CAAC,mBAAmB;KACjD,CAAC;IAEF,qDAAqD;IACrD,OAAO,oBAAC,WAAW,IAAC,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,oBAAoB,GAAI,CAAC;IAE/F,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { _StarSurvey, _StarSurveyStrings, _CallSurvey, _CallSurveyResponse } from '@internal/react-components';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { _captionSettingsSelector } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useLocale } from '../localization';\n\n/** @private */\nexport const StarSurvey = (\n  /* @conditional-compile-remove(end-of-call-survey) */ props: {\n    /* @conditional-compile-remove(end-of-call-survey) */ onStarRatingSelected: (ratings: number) => void;\n  }\n): JSX.Element => {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const { onStarRatingSelected } = props;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const strings = useLocale().strings.call;\n\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const StarSurveyStrings: _StarSurveyStrings = {\n    starSurveyHelperText: strings.starSurveyHelperText,\n    starSurveyOneStarText: strings.starSurveyOneStarText,\n    starSurveyTwoStarText: strings.starSurveyTwoStarText,\n    starSurveyThreeStarText: strings.starSurveyThreeStarText,\n    starSurveyFourStarText: strings.starSurveyFourStarText,\n    starSurveyFiveStarText: strings.starSurveyFiveStarText,\n    starRatingAriaLabel: strings.starRatingAriaLabel\n  };\n\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return <_StarSurvey strings={StarSurveyStrings} onStarRatingSelected={onStarRatingSelected} />;\n\n  return <></>;\n};\n"]}

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';
-/** @private */
-export declare const SurveyPane: (props: {
-    onSubmitSurvey?: ((survey: CallSurvey) => Promise<CallSurveyResponse | undefined>) | undefined;
-}) => JSX.Element;
-//# sourceMappingURL=SurveyPane.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/SurveyPane.js

@@ -1,23 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useState } from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useLocale } from '../localization';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { Panel, PanelType } from '@fluentui/react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { SurveyPaneContent } from './SurveyPaneContent';
-/** @private */
-export const SurveyPane = (props) => {
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const strings = useLocale().strings.call;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [isOpen, setIsOpen] = useState(true);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return (React.createElement(Panel, { headerText: strings.surveyQuestion, isOpen: isOpen, onDismiss: () => setIsOpen(false), closeButtonAriaLabel: strings.surveyCancelButtonAriaLabel, type: PanelType.custom, customWidth: "32rem" },
-        React.createElement(SurveyPaneContent, { onSubmitSurvey: props.onSubmitSurvey, onDismissSidePane: () => setIsOpen(false) })));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=SurveyPane.js.map

package/dist/dist-esm/react-composites/src/composites/common/SurveyPane.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyPane.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/SurveyPane.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,qDAAqD;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,qDAAqD;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,qDAAqD;AACrD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACnD,qDAAqD;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,eAAe;AACf,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAG1B,EAAe,EAAE;IAChB,qDAAqD;IACrD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IACzC,qDAAqD;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3C,qDAAqD;IACrD,OAAO,CACL,oBAAC,KAAK,IACJ,UAAU,EAAE,OAAO,CAAC,cAAc,EAClC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EACjC,oBAAoB,EAAE,OAAO,CAAC,2BAA2B,EACzD,IAAI,EAAE,SAAS,CAAC,MAAM,EACtB,WAAW,EAAC,OAAO;QAEnB,oBAAC,iBAAiB,IAAC,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,iBAAiB,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,GAAI,CAChG,CACT,CAAC;IACF,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useState } from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useLocale } from '../localization';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { Panel, PanelType } from '@fluentui/react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { SurveyPaneContent } from './SurveyPaneContent';\n\n/** @private */\nexport const SurveyPane = (props: {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  onSubmitSurvey?: (survey: CallSurvey) => Promise<CallSurveyResponse | undefined>;\n}): JSX.Element => {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const strings = useLocale().strings.call;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [isOpen, setIsOpen] = useState(true);\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return (\n    <Panel\n      headerText={strings.surveyQuestion}\n      isOpen={isOpen}\n      onDismiss={() => setIsOpen(false)}\n      closeButtonAriaLabel={strings.surveyCancelButtonAriaLabel}\n      type={PanelType.custom}\n      customWidth=\"32rem\"\n    >\n      <SurveyPaneContent onSubmitSurvey={props.onSubmitSurvey} onDismissSidePane={() => setIsOpen(false)} />\n    </Panel>\n  );\n  return <></>;\n};\n"]}

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';
-/**
- * @private
- */
-export declare const SurveyPaneContent: (props: {
-    onSubmitSurvey?: ((survey: CallSurvey) => Promise<CallSurveyResponse | undefined>) | undefined;
-    onDismissSidePane?: (() => void) | undefined;
-}) => JSX.Element;
-//# sourceMappingURL=SurveyPaneContent.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/SurveyPaneContent.js

@@ -1,106 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { StarSurvey } from './StarSurvey';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { TagsSurvey } from './TagsSurvey';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useState } from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { PrimaryButton, Stack } from '@fluentui/react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useLocale } from '../localization';
-/**
- * @private
- */
-export const SurveyPaneContent = (
-/* @conditional-compile-remove(end-of-call-survey) */ props) => {
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [showTagsSurvey, setShowTagsSurvey] = useState(false);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [ratings, setRatings] = useState(0);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [issuesSelected, setIssuesSelected] = useState();
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const [showSubmitFeedbackButton, setShowSubmitFeedbackButton] = useState(false);
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const strings = useLocale().strings.call;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const onStarRatingSelected = (ratings) => {
-        if (ratings <= 3) {
-            setShowTagsSurvey(true);
-        }
-        else {
-            setShowSubmitFeedbackButton(true);
-        }
-        setRatings(ratings);
-    };
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const onIssuesSelected = (selectedTags) => {
-        setIssuesSelected(selectedTags);
-        setShowSubmitFeedbackButton(true);
-    };
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const issues = [
-        'NoLocalAudio',
-        'NoRemoteAudio',
-        'Echo',
-        'AudioNoise',
-        'LowVolume',
-        'AudioStoppedUnexpectedly',
-        'DistortedSpeech',
-        'AudioInterruption',
-        'OtherIssues',
-        'NoContentLocal',
-        'NoContentRemote',
-        'CannotPresent',
-        'LowQuality',
-        'Freezes',
-        'StoppedUnexpectedly',
-        'LargeDelay',
-        'NoVideoReceived',
-        'NoVideoSent',
-        'LowQuality',
-        'Freezes',
-        'StoppedUnexpectedly',
-        'DarkVideoReceived',
-        'AudioVideoOutOfSync',
-        'CallCannotJoin',
-        'CallCannotInvite',
-        'HadToRejoin',
-        'CallEndedUnexpectedly'
-    ];
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return (React.createElement(Stack, { verticalAlign: "space-between" },
-        React.createElement(Stack, null,
-            React.createElement(StarSurvey, { onStarRatingSelected: onStarRatingSelected }),
-            showTagsSurvey && React.createElement(TagsSurvey, { issues: issues, onConfirm: onIssuesSelected })),
-        showSubmitFeedbackButton && (React.createElement(Stack, { style: { borderTop: 'solid', borderTopColor: 'lightgrey' }, horizontalAlign: "end" },
-            React.createElement(PrimaryButton, { style: { marginTop: '2rem' }, onClick: () => {
-                    const surveyResults = { overallRating: { score: ratings } };
-                    if (issuesSelected === null || issuesSelected === void 0 ? void 0 : issuesSelected.overallRating) {
-                        surveyResults.overallRating = { score: ratings, issues: issuesSelected.overallRating.issues };
-                    }
-                    if (issuesSelected === null || issuesSelected === void 0 ? void 0 : issuesSelected.audioRating) {
-                        surveyResults.audioRating = { score: ratings, issues: issuesSelected.audioRating.issues };
-                    }
-                    if (issuesSelected === null || issuesSelected === void 0 ? void 0 : issuesSelected.screenshareRating) {
-                        surveyResults.screenshareRating = { score: ratings, issues: issuesSelected.screenshareRating.issues };
-                    }
-                    if (issuesSelected === null || issuesSelected === void 0 ? void 0 : issuesSelected.videoRating) {
-                        surveyResults.videoRating = { score: ratings, issues: issuesSelected.videoRating.issues };
-                    }
-                    if (props.onSubmitSurvey) {
-                        props
-                            .onSubmitSurvey(surveyResults)
-                            .then(() => console.log('survey submitted successfully', surveyResults))
-                            .catch((e) => console.log('error when submitting survey: ' + e));
-                    }
-                    if (props.onDismissSidePane) {
-                        props.onDismissSidePane();
-                    }
-                } }, strings.surveyConfirmButtonLabel)))));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=SurveyPaneContent.js.map

package/dist/dist-esm/react-composites/src/composites/common/SurveyPaneContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SurveyPaneContent.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/SurveyPaneContent.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { StarSurvey } from './StarSurvey';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { TagsSurvey } from './TagsSurvey';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useState } from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { _AudioIssue, _OverallIssue, _ScreenshareIssue, _VideoIssue } from '@internal/react-components';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { CallSurvey, CallSurveyResponse } from '@azure/communication-calling';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { PrimaryButton, Stack } from '@fluentui/react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useLocale } from '../localization';\n\n/**\n * @private\n */\nexport const SurveyPaneContent = (\n  /* @conditional-compile-remove(end-of-call-survey) */ props: {\n    /* @conditional-compile-remove(end-of-call-survey) */\n    onSubmitSurvey?: (survey: CallSurvey) => Promise<CallSurveyResponse | undefined>;\n    /* @conditional-compile-remove(end-of-call-survey) */\n    onDismissSidePane?: () => void;\n  }\n): JSX.Element => {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [showTagsSurvey, setShowTagsSurvey] = useState(false);\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [ratings, setRatings] = useState(0);\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [issuesSelected, setIssuesSelected] = useState<CallSurvey | undefined>();\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const [showSubmitFeedbackButton, setShowSubmitFeedbackButton] = useState(false);\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const strings = useLocale().strings.call;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const onStarRatingSelected = (ratings: number): void => {\n    if (ratings <= 3) {\n      setShowTagsSurvey(true);\n    } else {\n      setShowSubmitFeedbackButton(true);\n    }\n    setRatings(ratings);\n  };\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const onIssuesSelected = (selectedTags: CallSurvey): void => {\n    setIssuesSelected(selectedTags);\n    setShowSubmitFeedbackButton(true);\n  };\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const issues: (_AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue)[] = [\n    'NoLocalAudio',\n    'NoRemoteAudio',\n    'Echo',\n    'AudioNoise',\n    'LowVolume',\n    'AudioStoppedUnexpectedly',\n    'DistortedSpeech',\n    'AudioInterruption',\n    'OtherIssues',\n    'NoContentLocal',\n    'NoContentRemote',\n    'CannotPresent',\n    'LowQuality',\n    'Freezes',\n    'StoppedUnexpectedly',\n    'LargeDelay',\n    'NoVideoReceived',\n    'NoVideoSent',\n    'LowQuality',\n    'Freezes',\n    'StoppedUnexpectedly',\n    'DarkVideoReceived',\n    'AudioVideoOutOfSync',\n    'CallCannotJoin',\n    'CallCannotInvite',\n    'HadToRejoin',\n    'CallEndedUnexpectedly'\n  ];\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return (\n    <Stack verticalAlign=\"space-between\">\n      <Stack>\n        <StarSurvey onStarRatingSelected={onStarRatingSelected} />\n\n        {showTagsSurvey && <TagsSurvey issues={issues} onConfirm={onIssuesSelected} />}\n      </Stack>\n      {showSubmitFeedbackButton && (\n        <Stack style={{ borderTop: 'solid', borderTopColor: 'lightgrey' }} horizontalAlign=\"end\">\n          <PrimaryButton\n            style={{ marginTop: '2rem' }}\n            onClick={() => {\n              const surveyResults: CallSurvey = { overallRating: { score: ratings } };\n              if (issuesSelected?.overallRating) {\n                surveyResults.overallRating = { score: ratings, issues: issuesSelected.overallRating.issues };\n              }\n              if (issuesSelected?.audioRating) {\n                surveyResults.audioRating = { score: ratings, issues: issuesSelected.audioRating.issues };\n              }\n              if (issuesSelected?.screenshareRating) {\n                surveyResults.screenshareRating = { score: ratings, issues: issuesSelected.screenshareRating.issues };\n              }\n              if (issuesSelected?.videoRating) {\n                surveyResults.videoRating = { score: ratings, issues: issuesSelected.videoRating.issues };\n              }\n              if (props.onSubmitSurvey) {\n                props\n                  .onSubmitSurvey(surveyResults)\n                  .then(() => console.log('survey submitted successfully', surveyResults))\n                  .catch((e) => console.log('error when submitting survey: ' + e));\n              }\n              if (props.onDismissSidePane) {\n                props.onDismissSidePane();\n              }\n            }}\n          >\n            {strings.surveyConfirmButtonLabel}\n          </PrimaryButton>\n        </Stack>\n      )}\n    </Stack>\n  );\n\n  return <></>;\n};\n"]}

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { _AudioIssue, _OverallIssue, _ScreenshareIssue, _VideoIssue, _CallSurvey } from "../../../../react-components/src";
-/** @private */
-export declare const TagsSurvey: (props: {
-    issues: (_AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue)[];
-    onConfirm?: ((survey: _CallSurvey) => void) | undefined;
-}) => JSX.Element;
-//# sourceMappingURL=TagsSurvey.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/TagsSurvey.js

@@ -1,22 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT License.
-import React from 'react';
-/* @conditional-compile-remove(end-of-call-survey) */
-import { _TagsSurvey } from "../../../../react-components/src";
-/* @conditional-compile-remove(end-of-call-survey) */
-import { useLocale } from '../localization';
-/** @private */
-export const TagsSurvey = (
-/* @conditional-compile-remove(end-of-call-survey) */ props) => {
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const strings = useLocale().strings.call;
-    /* @conditional-compile-remove(end-of-call-survey) */
-    const tagsSurveyStrings = {
-        tagsSurveyQuestion: strings.tagsSurveyQuestion,
-        tagsSurveyHelperText: strings.tagsSurveyHelperText
-    };
-    /* @conditional-compile-remove(end-of-call-survey) */
-    return (React.createElement(_TagsSurvey, { callIssuesToTag: strings.surveyIssues, categoryHeadings: strings.SurveyIssuesHeadingStrings, issues: props.issues, onConfirm: props.onConfirm, strings: tagsSurveyStrings }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=TagsSurvey.js.map

package/dist/dist-esm/react-composites/src/composites/common/TagsSurvey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagsSurvey.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/TagsSurvey.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,qDAAqD;AACrD,OAAO,EACL,WAAW,EAOZ,yCAAmC;AAGpC,qDAAqD;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,eAAe;AACf,MAAM,CAAC,MAAM,UAAU,GAAG;AACxB,qDAAqD,CAAC,KAKrD,EACY,EAAE;IACf,qDAAqD;IACrD,MAAM,OAAO,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;IACzC,qDAAqD;IACrD,MAAM,iBAAiB,GAAuB;QAC5C,kBAAkB,EAAE,OAAO,CAAC,kBAAkB;QAC9C,oBAAoB,EAAE,OAAO,CAAC,oBAAoB;KACnD,CAAC;IAEF,qDAAqD;IACrD,OAAO,CACL,oBAAC,WAAW,IACV,eAAe,EAAE,OAAO,CAAC,YAAY,EACrC,gBAAgB,EAAE,OAAO,CAAC,0BAA0B,EACpD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,iBAAiB,GAC1B,CACH,CAAC;IAEF,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport React from 'react';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport {\n  _TagsSurvey,\n  _TagsSurveyStrings,\n  _AudioIssue,\n  _OverallIssue,\n  _ScreenshareIssue,\n  _VideoIssue,\n  _CallSurvey\n} from '@internal/react-components';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { _captionSettingsSelector } from '@internal/calling-component-bindings';\n/* @conditional-compile-remove(end-of-call-survey) */\nimport { useLocale } from '../localization';\n\n/** @private */\nexport const TagsSurvey = (\n  /* @conditional-compile-remove(end-of-call-survey) */ props: {\n    /* @conditional-compile-remove(end-of-call-survey) */\n    issues: (_AudioIssue | _OverallIssue | _ScreenshareIssue | _VideoIssue)[];\n    /* @conditional-compile-remove(end-of-call-survey) */\n    onConfirm?: (survey: _CallSurvey) => void;\n  }\n): JSX.Element => {\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const strings = useLocale().strings.call;\n  /* @conditional-compile-remove(end-of-call-survey) */\n  const tagsSurveyStrings: _TagsSurveyStrings = {\n    tagsSurveyQuestion: strings.tagsSurveyQuestion,\n    tagsSurveyHelperText: strings.tagsSurveyHelperText\n  };\n\n  /* @conditional-compile-remove(end-of-call-survey) */\n  return (\n    <_TagsSurvey\n      callIssuesToTag={strings.surveyIssues}\n      categoryHeadings={strings.SurveyIssuesHeadingStrings}\n      issues={props.issues}\n      onConfirm={props.onConfirm}\n      strings={tagsSurveyStrings}\n    />\n  );\n\n  return <></>;\n};\n"]}