@azure/communication-react 1.5.2-alpha-202301190014.0 → 1.6.0

package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.js

@@ -1,89 +0,0 @@
-import { clearCallRelatedState, ProxyCallAgentCommon } from './CallAgentDeclarativeCommon';
-/* @conditional-compile-remove(teams-identity-support) */
-import { _isTeamsCall, _isTeamsCallAgent } from './TypeGuards';
-/* @conditional-compile-remove(teams-identity-support) */
-import { teamsCallDeclaratify } from './TeamsCallDeclarative';
-/**
- * ProxyTeamsCallAgent proxies TeamsCallAgent and saves any returned state in the given context. It will subscribe to all state
- * updates in the TeamsCallAgent and in the contained TeamsCalls and RemoteParticipants. When dispose is called it will
- * unsubscribe from all state updates.
- */
-class ProxyTeamsCallAgent extends ProxyCallAgentCommon {
-    constructor(callAgent, context, internalContext) {
-        super(context, internalContext);
-        this.subscribe = () => {
-            /* @conditional-compile-remove(teams-identity-support) */
-            this._callAgent.on('callsUpdated', this.callsUpdated);
-            /* @conditional-compile-remove(teams-identity-support) */
-            this._callAgent.on('incomingCall', this.incomingCall);
-            /* @conditional-compile-remove(teams-identity-support) */
-            // There could be scenario that when ProxyTeamsCallAgent is created that the given CallAgent already has TeamsCalls. In this
-            // case we need to make sure to subscribe to those already existing Calls.
-            for (const call of this._callAgent.calls) {
-                this.addCall(call);
-            }
-        };
-        this.unsubscribe = () => {
-            /* @conditional-compile-remove(teams-identity-support) */
-            this._callAgent.off('callsUpdated', this.callsUpdated);
-            /* @conditional-compile-remove(teams-identity-support) */
-            this._callAgent.off('incomingCall', this.incomingCall);
-            this.unregisterSubscriber();
-        };
-        /* @conditional-compile-remove(teams-identity-support) */
-        this._callAgent = callAgent;
-        this.subscribe();
-    }
-    callDeclaratify(call, context) {
-        /* @conditional-compile-remove(teams-identity-support) */
-        if (_isTeamsCall(call)) {
-            return teamsCallDeclaratify(call, context);
-        }
-        throw new Error('Not reachable code, DeclarativeTeamsCallAgent.callDeclaratify must be called with an TeamsCall.');
-    }
-    startCall(agent, args) {
-        /* @conditional-compile-remove(teams-identity-support) */
-        if (_isTeamsCallAgent(agent)) {
-            return agent.startCall(...args);
-        }
-        throw new Error('Not reachable code, DeclarativeTeamsCallAgent.startCall must be called with an TeamsCallAgent.');
-    }
-    joinCall(agent, args) {
-        /* @conditional-compile-remove(teams-identity-support) */
-        if (_isTeamsCallAgent(agent)) {
-            return agent.join(...args);
-        }
-        throw new Error('Not reachable code, DeclarativeTeamsCallAgent.joinCall must be called with an TeamsCallAgent.');
-    }
-    agentSubscribe(agent, args) {
-        /* @conditional-compile-remove(teams-identity-support) */
-        if (_isTeamsCallAgent(agent)) {
-            agent.on(...args);
-        }
-        throw new Error('Not reachable code, DeclarativeTeamsCallAgent.agentSubscribe must be called with an TeamsCallAgent.');
-    }
-    agentUnsubscribe(agent, args) {
-        /* @conditional-compile-remove(teams-identity-support) */
-        if (_isTeamsCallAgent(agent)) {
-            agent.off(...args);
-        }
-        throw new Error('Not reachable code, DeclarativeTeamsCallAgent.agentUnsubscribe must be called with an TeamsCallAgent.');
-    }
-    get(target, prop) {
-        /* @conditional-compile-remove(teams-identity-support) */
-        return super.getCommon(target, prop);
-    }
-}
-/**
- * Creates a declarative CallAgent by proxying TeamsCallAgent with ProxyTeamsCallAgent which will track state updates by updating
- * the given context.
- *
- * @param callAgent - TeamsCallAgent from SDK
- * @param context - CallContext from StatefulCallClient
- * @param internalContext- InternalCallContext from StatefulCallClient
- */
-export const teamsCallAgentDeclaratify = (callAgent, context, internalContext) => {
-    clearCallRelatedState(context, internalContext);
-    return new Proxy(callAgent, new ProxyTeamsCallAgent(callAgent, context, internalContext));
-};
-//# sourceMappingURL=TeamsCallAgentDeclarative.js.map

package/dist/dist-esm/calling-stateful-client/src/TeamsCallAgentDeclarative.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TeamsCallAgentDeclarative.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/TeamsCallAgentDeclarative.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\nimport { CallAgentCommon, CallCommon, TeamsCallAgent } from './BetaToStableTypes';\n/* @conditional-compile-remove(one-to-n-calling) */\nimport { IncomingCallManagement } from './CallAgentDeclarative';\nimport { clearCallRelatedState, DeclarativeCallCommon, ProxyCallAgentCommon } from './CallAgentDeclarativeCommon';\nimport { CallContext } from './CallContext';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { _isTeamsCall, _isTeamsCallAgent } from './TypeGuards';\nimport { InternalCallContext } from './InternalCallContext';\n/* @conditional-compile-remove(teams-identity-support) */\nimport { teamsCallDeclaratify } from './TeamsCallDeclarative';\n\n/**\n * @beta\n * `DeclarativeTeamsCallAgent` extends and proxies the {@link @azure/communication-calling#TeamsCallAgent}\n */\nexport type DeclarativeTeamsCallAgent = TeamsCallAgent &\n  /* @conditional-compile-remove(one-to-n-calling) */ IncomingCallManagement;\n\n/**\n * ProxyTeamsCallAgent proxies TeamsCallAgent and saves any returned state in the given context. It will subscribe to all state\n * updates in the TeamsCallAgent and in the contained TeamsCalls and RemoteParticipants. When dispose is called it will\n * unsubscribe from all state updates.\n */\nclass ProxyTeamsCallAgent extends ProxyCallAgentCommon implements ProxyHandler<DeclarativeTeamsCallAgent> {\n  /* @conditional-compile-remove(teams-identity-support) */\n  private _callAgent: TeamsCallAgent;\n\n  constructor(callAgent: TeamsCallAgent, context: CallContext, internalContext: InternalCallContext) {\n    super(context, internalContext);\n    /* @conditional-compile-remove(teams-identity-support) */\n    this._callAgent = callAgent;\n    this.subscribe();\n  }\n\n  private subscribe = (): void => {\n    /* @conditional-compile-remove(teams-identity-support) */\n    this._callAgent.on('callsUpdated', this.callsUpdated);\n    /* @conditional-compile-remove(teams-identity-support) */\n    this._callAgent.on('incomingCall', this.incomingCall);\n\n    /* @conditional-compile-remove(teams-identity-support) */\n    // There could be scenario that when ProxyTeamsCallAgent is created that the given CallAgent already has TeamsCalls. In this\n    // case we need to make sure to subscribe to those already existing Calls.\n    for (const call of this._callAgent.calls) {\n      this.addCall(call);\n    }\n  };\n\n  protected unsubscribe = (): void => {\n    /* @conditional-compile-remove(teams-identity-support) */\n    this._callAgent.off('callsUpdated', this.callsUpdated);\n    /* @conditional-compile-remove(teams-identity-support) */\n    this._callAgent.off('incomingCall', this.incomingCall);\n\n    this.unregisterSubscriber();\n  };\n\n  protected callDeclaratify(call: CallCommon, context: CallContext): DeclarativeCallCommon {\n    /* @conditional-compile-remove(teams-identity-support) */\n    if (_isTeamsCall(call)) {\n      return teamsCallDeclaratify(call, context);\n    }\n    throw new Error('Not reachable code, DeclarativeTeamsCallAgent.callDeclaratify must be called with an TeamsCall.');\n  }\n\n  protected startCall(agent: CallAgentCommon, args: Parameters<TeamsCallAgent['startCall']>): CallCommon {\n    /* @conditional-compile-remove(teams-identity-support) */\n    if (_isTeamsCallAgent(agent)) {\n      return agent.startCall(...args);\n    }\n    throw new Error('Not reachable code, DeclarativeTeamsCallAgent.startCall must be called with an TeamsCallAgent.');\n  }\n\n  protected joinCall(agent: CallAgentCommon, args: Parameters<TeamsCallAgent['join']>): CallCommon {\n    /* @conditional-compile-remove(teams-identity-support) */\n    if (_isTeamsCallAgent(agent)) {\n      return agent.join(...args);\n    }\n    throw new Error('Not reachable code, DeclarativeTeamsCallAgent.joinCall must be called with an TeamsCallAgent.');\n  }\n\n  protected agentSubscribe(agent: CallAgentCommon, args: Parameters<TeamsCallAgent['on']>): void {\n    /* @conditional-compile-remove(teams-identity-support) */\n    if (_isTeamsCallAgent(agent)) {\n      agent.on(...args);\n    }\n    throw new Error(\n      'Not reachable code, DeclarativeTeamsCallAgent.agentSubscribe must be called with an TeamsCallAgent.'\n    );\n  }\n\n  protected agentUnsubscribe(agent: CallAgentCommon, args: Parameters<TeamsCallAgent['off']>): void {\n    /* @conditional-compile-remove(teams-identity-support) */\n    if (_isTeamsCallAgent(agent)) {\n      agent.off(...args);\n    }\n    throw new Error(\n      'Not reachable code, DeclarativeTeamsCallAgent.agentUnsubscribe must be called with an TeamsCallAgent.'\n    );\n  }\n\n  public get<P extends keyof TeamsCallAgent>(target: TeamsCallAgent, prop: P): any {\n    /* @conditional-compile-remove(teams-identity-support) */\n    return super.getCommon(target, prop);\n  }\n}\n\n/**\n * Creates a declarative CallAgent by proxying TeamsCallAgent with ProxyTeamsCallAgent which will track state updates by updating\n * the given context.\n *\n * @param callAgent - TeamsCallAgent from SDK\n * @param context - CallContext from StatefulCallClient\n * @param internalContext- InternalCallContext from StatefulCallClient\n */\nexport const teamsCallAgentDeclaratify = (\n  callAgent: TeamsCallAgent,\n  context: CallContext,\n  internalContext: InternalCallContext\n): DeclarativeTeamsCallAgent => {\n  clearCallRelatedState(context, internalContext);\n  return new Proxy(\n    callAgent,\n    new ProxyTeamsCallAgent(callAgent, context, internalContext)\n  ) as DeclarativeTeamsCallAgent;\n};\n"]}

package/dist/dist-esm/calling-stateful-client/src/TeamsCallDeclarative.d.ts

@@ -1,23 +0,0 @@
-import { CallContext } from './CallContext';
-import { TeamsCall } from './BetaToStableTypes';
-/**
- *
- * @private
- */
-export declare type DeclarativeTeamsCall = TeamsCall & {
-    /**
-     * Stop any declarative specific subscriptions and remove declarative subscribers.
-     */
-    unsubscribe(): void;
-};
-/**
- * Creates a declarative Call by proxying Call with ProxyCall.
- * This should only be used with CallAgentDeclarative as CallAgentDeclarative will add that
- * call to the context properly (need to have the Call in context to update it - CallAgentDeclarative will add Call to
- * context)
- *
- * @param call - TeamsCall from SDK
- * @param context - CallContext from StatefulCallClient
- */
-export declare const teamsCallDeclaratify: (call: TeamsCall, context: CallContext) => DeclarativeTeamsCall;
-//# sourceMappingURL=TeamsCallDeclarative.d.ts.map

package/dist/dist-esm/calling-stateful-client/src/TeamsCallDeclarative.js

@@ -1,48 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { ProxyCallCommon } from './CallDeclarativeCommon';
-class ProxyTeamsCall extends ProxyCallCommon {
-    get(target, prop) {
-        /* @conditional-compile-remove(teams-identity-support) */
-        switch (prop) {
-            case 'addParticipant': {
-                return this.getContext().withAsyncErrorTeedToState(function (...args) {
-                    return __awaiter(this, void 0, void 0, function* () {
-                        return yield target.addParticipant(...args);
-                    });
-                }, 'TeamsCall.addParticipant');
-            }
-            default:
-                return super.get(target, prop);
-        }
-        return super.get(target, prop);
-    }
-}
-/**
- * Creates a declarative Call by proxying Call with ProxyCall.
- * This should only be used with CallAgentDeclarative as CallAgentDeclarative will add that
- * call to the context properly (need to have the Call in context to update it - CallAgentDeclarative will add Call to
- * context)
- *
- * @param call - TeamsCall from SDK
- * @param context - CallContext from StatefulCallClient
- */
-export const teamsCallDeclaratify = (call, context) => {
-    const proxyCall = new ProxyTeamsCall(context);
-    proxyCall.unsubscribe();
-    Object.defineProperty(call, 'unsubscribe', {
-        configurable: false,
-        value: () => proxyCall.unsubscribe()
-    });
-    return new Proxy(call, proxyCall);
-};
-//# sourceMappingURL=TeamsCallDeclarative.js.map

package/dist/dist-esm/calling-stateful-client/src/TeamsCallDeclarative.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TeamsCallDeclarative.js","sourceRoot":"","sources":["../../../../../calling-stateful-client/src/TeamsCallDeclarative.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;;;;;;;;;;AAElC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAe1D,MAAM,cAAe,SAAQ,eAAe;IACnC,GAAG,CAA4B,MAAiB,EAAE,IAAO;QAC9D,yDAAyD;QACzD,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB,CAAC,CAAC;gBACrB,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,yBAAyB,CAAC,UACjD,GAAG,IAA6C;;wBAEhD,OAAO,MAAM,MAAM,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,CAAC;oBAC9C,CAAC;iBAAA,EACD,0BAA0B,CAAC,CAAC;aAC7B;YACD;gBACE,OAAO,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,IAAW,CAAC,CAAC;SACzC;QACD,OAAO,KAAK,CAAC,GAAG,CAAC,MAAM,EAAE,IAAW,CAAC,CAAC;IACxC,CAAC;CACF;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAe,EAAE,OAAoB,EAAwB,EAAE;IAClG,MAAM,SAAS,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC;IAC9C,SAAS,CAAC,WAAW,EAAE,CAAC;IACxB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,aAAa,EAAE;QACzC,YAAY,EAAE,KAAK;QACnB,KAAK,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,WAAW,EAAE;KACrC,CAAC,CAAC;IAEH,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,SAAS,CAAyB,CAAC;AAC5D,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport { ProxyCallCommon } from './CallDeclarativeCommon';\nimport { CallContext } from './CallContext';\nimport { TeamsCall } from './BetaToStableTypes';\n\n/**\n *\n * @private\n */\nexport type DeclarativeTeamsCall = TeamsCall & {\n  /**\n   * Stop any declarative specific subscriptions and remove declarative subscribers.\n   */\n  unsubscribe(): void;\n};\n\nclass ProxyTeamsCall extends ProxyCallCommon implements ProxyHandler<TeamsCall> {\n  public get<P extends keyof TeamsCall>(target: TeamsCall, prop: P): any {\n    /* @conditional-compile-remove(teams-identity-support) */\n    switch (prop) {\n      case 'addParticipant': {\n        return this.getContext().withAsyncErrorTeedToState(async function (\n          ...args: Parameters<TeamsCall['addParticipant']>\n        ) {\n          return await target.addParticipant(...args);\n        },\n        'TeamsCall.addParticipant');\n      }\n      default:\n        return super.get(target, prop as any);\n    }\n    return super.get(target, prop as any);\n  }\n}\n\n/**\n * Creates a declarative Call by proxying Call with ProxyCall.\n * This should only be used with CallAgentDeclarative as CallAgentDeclarative will add that\n * call to the context properly (need to have the Call in context to update it - CallAgentDeclarative will add Call to\n * context)\n *\n * @param call - TeamsCall from SDK\n * @param context - CallContext from StatefulCallClient\n */\nexport const teamsCallDeclaratify = (call: TeamsCall, context: CallContext): DeclarativeTeamsCall => {\n  const proxyCall = new ProxyTeamsCall(context);\n  proxyCall.unsubscribe();\n  Object.defineProperty(call, 'unsubscribe', {\n    configurable: false,\n    value: () => proxyCall.unsubscribe()\n  });\n\n  return new Proxy(call, proxyCall) as DeclarativeTeamsCall;\n};\n"]}

package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDenied.d.ts

@@ -1,69 +0,0 @@
-/// <reference types="react" />
-import { IButtonStyles, ILinkStyles } from '@fluentui/react';
-import { BaseCustomStyles } from '../../types';
-/**
- * @beta
- * Props for BrowserPermissionDenied component.
- */
-export interface BrowserPermissionDeniedProps {
-    /**
-     * Action to be taken by the more help link. Possible to send to external page or show other modal.
-     */
-    onTroubleshootingClick?: () => void;
-    /**
-     * Action to be taken by the try again primary button.
-     */
-    onTryAgainClick?: () => void;
-    /**
-     * Localization strings for BrowserPermissionDenied component.
-     */
-    strings?: BrowserPermissionDeniedStrings;
-    /**
-     * Allows users to pass in an object contains custom CSS styles.
-     * @Example
-     * ```
-     * <BrowserPermissionDenied styles={{ primaryButton: { root: {backgroundColor: 'blue' }}}} />
-     * ```
-     */
-    styles?: BrowserPermissionDeniedStyles;
-}
-/**
- * @beta
- * Strings for BrowserPermissionDenied component
- */
-export interface BrowserPermissionDeniedStrings {
-    /**
-     * Main button text string.
-     */
-    primaryButtonText: string;
-    /**
-     * Main text string.
-     */
-    primaryText: string;
-    /**
-     * Subtext string.
-     */
-    secondaryText: string;
-    /**
-     * More help link string.
-     */
-    linkText: string;
-}
-/**
- * Fluent styles for {@link BrowserPermissionDenied}.
- *
- * @beta
- */
-export interface BrowserPermissionDeniedStyles extends BaseCustomStyles {
-    /** Styles for the primary button. */
-    primaryButton?: IButtonStyles;
-    /** Styles for the help troubleshooting link text. */
-    troubleshootingLink?: ILinkStyles;
-}
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.
- */
-export declare const BrowserPermissionDenied: (props: BrowserPermissionDeniedProps) => JSX.Element;
-//# sourceMappingURL=BrowserPermissionDenied.d.ts.map

package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDenied.js

@@ -1,37 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import React from 'react';
-/* @conditional-compile-remove(call-readiness) */
-import { Stack, Text, Link, Icon, PrimaryButton, mergeStyleSets } from '@fluentui/react';
-/* @conditional-compile-remove(call-readiness) */
-import { useLocale } from '../../localization';
-/* @conditional-compile-remove(call-readiness) */
-import { iconContainerStyles, iconPrimaryStyles, linkTextStyles, primaryButtonStyles, primaryTextStyles, secondaryTextStyles, textContainerStyles } from './../styles/BrowserPermissionDenied.styles';
-/* @conditional-compile-remove(call-readiness) */
-import { isValidString } from '../utils';
-/* @conditional-compile-remove(call-readiness) */
-const BrowserPermissionDeniedContainer = (props) => {
-    const { onTroubleshootingClick, onTryAgainClick, strings, styles } = props;
-    return (React.createElement(Stack, { style: { padding: '2rem', paddingTop: '2.5rem', maxWidth: '25.375rem' } },
-        React.createElement(Stack, { horizontal: true, style: { paddingBottom: '1.5rem' }, horizontalAlign: 'space-between' },
-            React.createElement(Stack, { styles: iconContainerStyles, horizontalAlign: 'center' },
-                React.createElement(Icon, { styles: iconPrimaryStyles, iconName: 'BrowserPermissionDeniedError' }))),
-        React.createElement(Stack, { styles: textContainerStyles },
-            isValidString(strings === null || strings === void 0 ? void 0 : strings.primaryText) && React.createElement(Text, { styles: primaryTextStyles }, strings === null || strings === void 0 ? void 0 : strings.primaryText),
-            isValidString(strings === null || strings === void 0 ? void 0 : strings.secondaryText) && React.createElement(Text, { styles: secondaryTextStyles }, strings === null || strings === void 0 ? void 0 : strings.secondaryText),
-            onTryAgainClick && isValidString(strings === null || strings === void 0 ? void 0 : strings.primaryButtonText) && (React.createElement(PrimaryButton, { styles: mergeStyleSets(primaryButtonStyles, styles === null || styles === void 0 ? void 0 : styles.primaryButton), text: strings === null || strings === void 0 ? void 0 : strings.primaryButtonText, onClick: onTryAgainClick })),
-            onTroubleshootingClick && isValidString(strings === null || strings === void 0 ? void 0 : strings.linkText) && (React.createElement(Link, { styles: mergeStyleSets(linkTextStyles, styles === null || styles === void 0 ? void 0 : styles.troubleshootingLink), onClick: onTroubleshootingClick }, strings === null || strings === void 0 ? void 0 : strings.linkText)))));
-};
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.
- */
-export const BrowserPermissionDenied = (props) => {
-    /* @conditional-compile-remove(call-readiness) */
-    const locale = useLocale().strings.BrowserPermissionDenied;
-    /* @conditional-compile-remove(call-readiness) */
-    return React.createElement(BrowserPermissionDeniedContainer, Object.assign({}, props, { strings: props.strings ? props.strings : locale }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=BrowserPermissionDenied.js.map

package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDenied.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserPermissionDenied.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/DevicePermissions/BrowserPermissionDenied.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT license.\n\nimport React from 'react';\nimport { IButtonStyles, ILinkStyles } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) */\nimport { Stack, Text, Link, Icon, PrimaryButton, mergeStyleSets } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) */\nimport { useLocale } from '../../localization';\n/* @conditional-compile-remove(call-readiness) */\nimport { _formatString, _pxToRem } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(call-readiness) */\nimport {\n  iconContainerStyles,\n  iconPrimaryStyles,\n  linkTextStyles,\n  primaryButtonStyles,\n  primaryTextStyles,\n  secondaryTextStyles,\n  textContainerStyles\n} from './../styles/BrowserPermissionDenied.styles';\nimport { BaseCustomStyles } from '../../types';\n/* @conditional-compile-remove(call-readiness) */\nimport { isValidString } from '../utils';\n\n/**\n * @beta\n * Props for BrowserPermissionDenied component.\n */\nexport interface BrowserPermissionDeniedProps {\n  /**\n   * Action to be taken by the more help link. Possible to send to external page or show other modal.\n   */\n  onTroubleshootingClick?: () => void;\n  /**\n   * Action to be taken by the try again primary button.\n   */\n  onTryAgainClick?: () => void;\n  /**\n   * Localization strings for BrowserPermissionDenied component.\n   */\n  strings?: BrowserPermissionDeniedStrings;\n  /**\n   * Allows users to pass in an object contains custom CSS styles.\n   * @Example\n   * ```\n   * <BrowserPermissionDenied styles={{ primaryButton: { root: {backgroundColor: 'blue' }}}} />\n   * ```\n   */\n  styles?: BrowserPermissionDeniedStyles;\n}\n\n/**\n * @beta\n * Strings for BrowserPermissionDenied component\n */\nexport interface BrowserPermissionDeniedStrings {\n  /**\n   * Main button text string.\n   */\n  primaryButtonText: string;\n  /**\n   * Main text string.\n   */\n  primaryText: string;\n  /**\n   * Subtext string.\n   */\n  secondaryText: string;\n  /**\n   * More help link string.\n   */\n  linkText: string;\n}\n\n/**\n * Fluent styles for {@link BrowserPermissionDenied}.\n *\n * @beta\n */\nexport interface BrowserPermissionDeniedStyles extends BaseCustomStyles {\n  /** Styles for the primary button. */\n  primaryButton?: IButtonStyles;\n  /** Styles for the help troubleshooting link text. */\n  troubleshootingLink?: ILinkStyles;\n}\n\n/* @conditional-compile-remove(call-readiness) */\nconst BrowserPermissionDeniedContainer = (props: BrowserPermissionDeniedProps): JSX.Element => {\n  const { onTroubleshootingClick, onTryAgainClick, strings, styles } = props;\n  return (\n    <Stack style={{ padding: '2rem', paddingTop: '2.5rem', maxWidth: '25.375rem' }}>\n      <Stack horizontal style={{ paddingBottom: '1.5rem' }} horizontalAlign={'space-between'}>\n        <Stack styles={iconContainerStyles} horizontalAlign={'center'}>\n          <Icon styles={iconPrimaryStyles} iconName={'BrowserPermissionDeniedError'}></Icon>\n        </Stack>\n      </Stack>\n      <Stack styles={textContainerStyles}>\n        {isValidString(strings?.primaryText) && <Text styles={primaryTextStyles}>{strings?.primaryText}</Text>}\n        {isValidString(strings?.secondaryText) && <Text styles={secondaryTextStyles}>{strings?.secondaryText}</Text>}\n\n        {onTryAgainClick && isValidString(strings?.primaryButtonText) && (\n          <PrimaryButton\n            styles={mergeStyleSets(primaryButtonStyles, styles?.primaryButton)}\n            text={strings?.primaryButtonText}\n            onClick={onTryAgainClick}\n          />\n        )}\n\n        {onTroubleshootingClick && isValidString(strings?.linkText) && (\n          <Link styles={mergeStyleSets(linkTextStyles, styles?.troubleshootingLink)} onClick={onTroubleshootingClick}>\n            {strings?.linkText}\n          </Link>\n        )}\n      </Stack>\n    </Stack>\n  );\n};\n\n/**\n * @beta\n *\n * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.\n */\nexport const BrowserPermissionDenied = (props: BrowserPermissionDeniedProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings.BrowserPermissionDenied;\n  /* @conditional-compile-remove(call-readiness) */\n  return <BrowserPermissionDeniedContainer {...props} strings={props.strings ? props.strings : locale} />;\n  return <></>;\n};\n\"../../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDeniedIOS.d.ts

@@ -1,75 +0,0 @@
-/// <reference types="react" />
-import { BrowserPermissionDeniedProps, BrowserPermissionDeniedStrings } from './BrowserPermissionDenied';
-/**
- * @beta
- * Props for BrowserPermissionDeniedIOS component.
- */
-export interface BrowserPermissionDeniedIOSProps extends BrowserPermissionDeniedProps {
-    /**
-     * Localization strings for BrowserPermissionDeniedIOS component.
-     */
-    strings?: BrowserPermissionDeniedIOSStrings;
-    /**
-     * Link to image source.
-     *
-     * Image is inserted into the top of the component.
-     */
-    imageSource?: string;
-}
-/**
- * @beta
- * Strings for BrowserPermissionDeniedIOS component
- */
-export interface BrowserPermissionDeniedIOSStrings extends BrowserPermissionDeniedStrings {
-    /**
-     * Image alt text
-     */
-    imageAltText: string;
-    /**
-     * Main text string.
-     */
-    primaryText: string;
-    /**
-     * Subtext string.
-     */
-    secondaryText: string;
-    /**
-     * Step 1 string
-     */
-    step1Text: string;
-    /**
-     * Step 1 digit string
-     */
-    step1DigitText: string;
-    /**
-     * Step 2 string
-     */
-    step2Text: string;
-    /**
-     * Step 2 digit string
-     */
-    step2DigitText: string;
-    /**
-     * Step 3 string
-     */
-    step3Text: string;
-    /**
-     * Step 3 digit string
-     */
-    step3DigitText: string;
-    /**
-     * Step 4 string
-     */
-    step4Text: string;
-    /**
-     * Step 4 digit string
-     */
-    step4DigitText: string;
-}
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.
- */
-export declare const BrowserPermissionDeniedIOS: (props: BrowserPermissionDeniedIOSProps) => JSX.Element;
-//# sourceMappingURL=BrowserPermissionDeniedIOS.d.ts.map

package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDeniedIOS.js

@@ -1,58 +0,0 @@
-// Copyright (c) Microsoft Corporation.
-// Licensed under the MIT license.
-import React from 'react';
-/* @conditional-compile-remove(call-readiness) */
-import { useMemo } from 'react';
-/* @conditional-compile-remove(call-readiness) */
-import { Stack, Text, Link, PrimaryButton, mergeStyleSets, useTheme, Image, ImageFit } from '@fluentui/react';
-/* @conditional-compile-remove(call-readiness) */
-import { useLocale } from '../../localization';
-/* @conditional-compile-remove(call-readiness) */
-import { browserPermissionContainerStyles, iOSImageContainer, iOSStepsCircleStyles, iOSStepsContainerStyles, iOSStepsDigitTextStyles, iOSStepsTextStyles, linkTextStyles, primaryButtonStyles, primaryTextStyles, secondaryTextStyles, textContainerStyles } from './../styles/BrowserPermissionDenied.styles';
-/* @conditional-compile-remove(call-readiness) */
-import { isValidString } from '../utils';
-/* @conditional-compile-remove(call-readiness) */
-const BrowserPermissionDeniedIOSContainer = (props) => {
-    const { imageSource, onTroubleshootingClick, onTryAgainClick, strings, styles } = props;
-    const theme = useTheme();
-    const stepsCircleStyle = useMemo(() => {
-        return mergeStyleSets(iOSStepsCircleStyles, { root: { background: theme.palette.neutralLighter } });
-    }, [theme]);
-    return (React.createElement(Stack, { styles: browserPermissionContainerStyles },
-        imageSource && (React.createElement(Stack, { styles: mergeStyleSets(iOSImageContainer, { root: { background: theme.palette.neutralLighter } }) }, isValidString(strings === null || strings === void 0 ? void 0 : strings.imageAltText) && (React.createElement(Image, { src: imageSource !== null && imageSource !== void 0 ? imageSource : '', alt: strings === null || strings === void 0 ? void 0 : strings.imageAltText, imageFit: ImageFit.centerContain, style: { padding: '1.5rem' } })))),
-        React.createElement(Stack, { style: { padding: '1rem', paddingBottom: '1.25rem' } },
-            React.createElement(Stack, { styles: textContainerStyles },
-                isValidString(strings === null || strings === void 0 ? void 0 : strings.primaryText) && React.createElement(Text, { styles: primaryTextStyles }, strings === null || strings === void 0 ? void 0 : strings.primaryText),
-                isValidString(strings === null || strings === void 0 ? void 0 : strings.secondaryText) && React.createElement(Text, { styles: secondaryTextStyles }, strings === null || strings === void 0 ? void 0 : strings.secondaryText),
-                isValidString(strings === null || strings === void 0 ? void 0 : strings.step1Text) && (React.createElement(Stack, { styles: iOSStepsContainerStyles },
-                    React.createElement(Stack, { horizontalAlign: 'center', styles: stepsCircleStyle },
-                        React.createElement(Text, { styles: iOSStepsDigitTextStyles }, strings === null || strings === void 0 ? void 0 : strings.step1DigitText)),
-                    React.createElement(Text, { styles: iOSStepsTextStyles }, strings === null || strings === void 0 ? void 0 : strings.step1Text))),
-                isValidString(strings === null || strings === void 0 ? void 0 : strings.step2Text) && (React.createElement(Stack, { styles: iOSStepsContainerStyles },
-                    React.createElement(Stack, { horizontalAlign: 'center', styles: stepsCircleStyle },
-                        React.createElement(Text, { styles: iOSStepsDigitTextStyles }, strings === null || strings === void 0 ? void 0 : strings.step2DigitText)),
-                    React.createElement(Text, { styles: iOSStepsTextStyles }, strings === null || strings === void 0 ? void 0 : strings.step2Text))),
-                isValidString(strings === null || strings === void 0 ? void 0 : strings.step3Text) && (React.createElement(Stack, { styles: iOSStepsContainerStyles },
-                    React.createElement(Stack, { horizontalAlign: 'center', styles: stepsCircleStyle },
-                        React.createElement(Text, { styles: iOSStepsDigitTextStyles }, strings === null || strings === void 0 ? void 0 : strings.step3DigitText)),
-                    React.createElement(Text, { styles: iOSStepsTextStyles }, strings === null || strings === void 0 ? void 0 : strings.step3Text))),
-                isValidString(strings === null || strings === void 0 ? void 0 : strings.step4Text) && (React.createElement(Stack, { styles: mergeStyleSets(iOSStepsContainerStyles, { root: { paddingBottom: '1.5rem' } }) },
-                    React.createElement(Stack, { horizontalAlign: 'center', styles: stepsCircleStyle },
-                        React.createElement(Text, { styles: iOSStepsDigitTextStyles }, strings === null || strings === void 0 ? void 0 : strings.step4DigitText)),
-                    React.createElement(Text, { styles: iOSStepsTextStyles }, strings === null || strings === void 0 ? void 0 : strings.step4Text))),
-                isValidString(strings === null || strings === void 0 ? void 0 : strings.primaryButtonText) && (React.createElement(PrimaryButton, { styles: mergeStyleSets(primaryButtonStyles, styles === null || styles === void 0 ? void 0 : styles.primaryButton), text: strings === null || strings === void 0 ? void 0 : strings.primaryButtonText, onClick: onTryAgainClick })),
-                isValidString(strings === null || strings === void 0 ? void 0 : strings.linkText) && (React.createElement(Link, { styles: mergeStyleSets(linkTextStyles, styles === null || styles === void 0 ? void 0 : styles.troubleshootingLink), onClick: onTroubleshootingClick }, strings === null || strings === void 0 ? void 0 : strings.linkText))))));
-};
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.
- */
-export const BrowserPermissionDeniedIOS = (props) => {
-    /* @conditional-compile-remove(call-readiness) */
-    const locale = useLocale().strings.BrowserPermissionDeniedIOS;
-    /* @conditional-compile-remove(call-readiness) */
-    return React.createElement(BrowserPermissionDeniedIOSContainer, Object.assign({}, props, { strings: props.strings ? props.strings : locale }));
-    return React.createElement(React.Fragment, null);
-};
-//# sourceMappingURL=BrowserPermissionDeniedIOS.js.map

package/dist/dist-esm/react-components/src/components/DevicePermissions/BrowserPermissionDeniedIOS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserPermissionDeniedIOS.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/DevicePermissions/BrowserPermissionDeniedIOS.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(call-readiness) */\nimport { useMemo } from 'react';\n/* @conditional-compile-remove(call-readiness) */\nimport { Stack, Text, Link, PrimaryButton, mergeStyleSets, useTheme, Image, ImageFit } from '@fluentui/react';\n/* @conditional-compile-remove(call-readiness) */\nimport { useLocale } from '../../localization';\n/* @conditional-compile-remove(call-readiness) */\nimport { _formatString, _pxToRem } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(call-readiness) */\nimport {\n  browserPermissionContainerStyles,\n  iOSImageContainer,\n  iOSStepsCircleStyles,\n  iOSStepsContainerStyles,\n  iOSStepsDigitTextStyles,\n  iOSStepsTextStyles,\n  linkTextStyles,\n  primaryButtonStyles,\n  primaryTextStyles,\n  secondaryTextStyles,\n  textContainerStyles\n} from './../styles/BrowserPermissionDenied.styles';\nimport { BrowserPermissionDeniedProps, BrowserPermissionDeniedStrings } from './BrowserPermissionDenied';\n/* @conditional-compile-remove(call-readiness) */\nimport { isValidString } from '../utils';\n\n/**\n * @beta\n * Props for BrowserPermissionDeniedIOS component.\n */\nexport interface BrowserPermissionDeniedIOSProps extends BrowserPermissionDeniedProps {\n  /**\n   * Localization strings for BrowserPermissionDeniedIOS component.\n   */\n  strings?: BrowserPermissionDeniedIOSStrings;\n  /**\n   * Link to image source.\n   *\n   * Image is inserted into the top of the component.\n   */\n  imageSource?: string;\n}\n\n/**\n * @beta\n * Strings for BrowserPermissionDeniedIOS component\n */\nexport interface BrowserPermissionDeniedIOSStrings extends BrowserPermissionDeniedStrings {\n  /**\n   * Image alt text\n   */\n  imageAltText: string;\n  /**\n   * Main text string.\n   */\n  primaryText: string;\n  /**\n   * Subtext string.\n   */\n  secondaryText: string;\n  /**\n   * Step 1 string\n   */\n  step1Text: string;\n  /**\n   * Step 1 digit string\n   */\n  step1DigitText: string;\n  /**\n   * Step 2 string\n   */\n  step2Text: string;\n  /**\n   * Step 2 digit string\n   */\n  step2DigitText: string;\n  /**\n   * Step 3 string\n   */\n  step3Text: string;\n  /**\n   * Step 3 digit string\n   */\n  step3DigitText: string;\n  /**\n   * Step 4 string\n   */\n  step4Text: string;\n  /**\n   * Step 4 digit string\n   */\n  step4DigitText: string;\n}\n\n/* @conditional-compile-remove(call-readiness) */\nconst BrowserPermissionDeniedIOSContainer = (props: BrowserPermissionDeniedIOSProps): JSX.Element => {\n  const { imageSource, onTroubleshootingClick, onTryAgainClick, strings, styles } = props;\n  const theme = useTheme();\n\n  const stepsCircleStyle = useMemo(() => {\n    return mergeStyleSets(iOSStepsCircleStyles, { root: { background: theme.palette.neutralLighter } });\n  }, [theme]);\n\n  return (\n    <Stack styles={browserPermissionContainerStyles}>\n      {imageSource && (\n        <Stack styles={mergeStyleSets(iOSImageContainer, { root: { background: theme.palette.neutralLighter } })}>\n          {isValidString(strings?.imageAltText) && (\n            <Image\n              src={imageSource ?? ''}\n              alt={strings?.imageAltText}\n              imageFit={ImageFit.centerContain}\n              style={{ padding: '1.5rem' }}\n            />\n          )}\n        </Stack>\n      )}\n      <Stack style={{ padding: '1rem', paddingBottom: '1.25rem' }}>\n        <Stack styles={textContainerStyles}>\n          {isValidString(strings?.primaryText) && <Text styles={primaryTextStyles}>{strings?.primaryText}</Text>}\n          {isValidString(strings?.secondaryText) && <Text styles={secondaryTextStyles}>{strings?.secondaryText}</Text>}\n          {isValidString(strings?.step1Text) && (\n            <Stack styles={iOSStepsContainerStyles}>\n              <Stack horizontalAlign={'center'} styles={stepsCircleStyle}>\n                <Text styles={iOSStepsDigitTextStyles}>{strings?.step1DigitText}</Text>\n              </Stack>\n              <Text styles={iOSStepsTextStyles}>{strings?.step1Text}</Text>\n            </Stack>\n          )}\n          {isValidString(strings?.step2Text) && (\n            <Stack styles={iOSStepsContainerStyles}>\n              <Stack horizontalAlign={'center'} styles={stepsCircleStyle}>\n                <Text styles={iOSStepsDigitTextStyles}>{strings?.step2DigitText}</Text>\n              </Stack>\n              <Text styles={iOSStepsTextStyles}>{strings?.step2Text}</Text>\n            </Stack>\n          )}\n          {isValidString(strings?.step3Text) && (\n            <Stack styles={iOSStepsContainerStyles}>\n              <Stack horizontalAlign={'center'} styles={stepsCircleStyle}>\n                <Text styles={iOSStepsDigitTextStyles}>{strings?.step3DigitText}</Text>\n              </Stack>\n              <Text styles={iOSStepsTextStyles}>{strings?.step3Text}</Text>\n            </Stack>\n          )}\n          {isValidString(strings?.step4Text) && (\n            <Stack styles={mergeStyleSets(iOSStepsContainerStyles, { root: { paddingBottom: '1.5rem' } })}>\n              <Stack horizontalAlign={'center'} styles={stepsCircleStyle}>\n                <Text styles={iOSStepsDigitTextStyles}>{strings?.step4DigitText}</Text>\n              </Stack>\n              <Text styles={iOSStepsTextStyles}>{strings?.step4Text}</Text>\n            </Stack>\n          )}\n          {isValidString(strings?.primaryButtonText) && (\n            <PrimaryButton\n              styles={mergeStyleSets(primaryButtonStyles, styles?.primaryButton)}\n              text={strings?.primaryButtonText}\n              onClick={onTryAgainClick}\n            />\n          )}\n          {isValidString(strings?.linkText) && (\n            <Link styles={mergeStyleSets(linkTextStyles, styles?.troubleshootingLink)} onClick={onTroubleshootingClick}>\n              {strings?.linkText}\n            </Link>\n          )}\n        </Stack>\n      </Stack>\n    </Stack>\n  );\n};\n\n/**\n * @beta\n *\n * Component to allow Contoso to help their end user with their devices should their browser experience device permission issues.\n */\nexport const BrowserPermissionDeniedIOS = (props: BrowserPermissionDeniedIOSProps): JSX.Element => {\n  /* @conditional-compile-remove(call-readiness) */\n  const locale = useLocale().strings.BrowserPermissionDeniedIOS;\n  /* @conditional-compile-remove(call-readiness) */\n  return <BrowserPermissionDeniedIOSContainer {...props} strings={props.strings ? props.strings : locale} />;\n  return <></>;\n};\n\"../../../../acs-ui-common/src\""]}

package/dist/dist-esm/react-components/src/components/DevicePermissions/SitePermissions.d.ts

@@ -1,105 +0,0 @@
-/// <reference types="react" />
-import { SitePermissionsStrings, SitePermissionsStyles } from './SitePermissionsScaffolding';
-/**
- * @beta
- * Props for SitePermissions components.
- */
-export interface CommonSitePermissionsProps {
-    /**
-     * Name of application calling experience is in.
-     */
-    appName: string;
-    /**
-     * Type of the Site Permissions component.
-     */
-    type: 'request' | 'denied' | 'check';
-    /**
-     * Type of the browser used, the Site permission component will show different guidance text based on the browser type
-     */
-    browserHint?: 'safari' | 'unset';
-    /**
-     * Action to be taken by the more help link. Possible to send to external page or show other modal.
-     * If this is not provided the button will not be shown.
-     */
-    onTroubleshootingClick?: () => void;
-    /**
-     * Action that is taken when the user clicks the continue anyway button.
-     * If this is not provided the button will not be shown.
-     */
-    onContinueAnywayClick?: () => void;
-    /**
-     * Styles for SitePermissions component.
-     */
-    styles?: SitePermissionsStyles;
-}
-/**
- * @beta
- * Strings for CameraAndMicrophoneSitePermissions component.
- */
-export declare type CameraAndMicrophoneSitePermissionsStrings = SitePermissionsStrings;
-/**
- * @beta
- * Props for CameraAndMicrophoneSitePermissions component.
- */
-export interface CameraAndMicrophoneSitePermissionsProps extends CommonSitePermissionsProps {
-    /** Icon name for the camera icon */
-    cameraIconName?: string;
-    /** Icon name for the microphone icon */
-    microphoneIconName?: string;
-    /** Icon name for the central icon between the camera and microphone icons */
-    connectorIconName?: string;
-    /** Strings for use with the {@link CameraAndMicrophoneSitePermissions} */
-    strings?: CameraAndMicrophoneSitePermissionsStrings;
-}
-/**
- * @beta
- *
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- */
-export declare const CameraAndMicrophoneSitePermissions: (props: CameraAndMicrophoneSitePermissionsProps) => JSX.Element;
-/**
- * @beta
- * Strings for MicrophoneSitePermissions component.
- */
-export declare type MicrophoneSitePermissionsStrings = SitePermissionsStrings;
-/**
- * @beta
- * Props for MicrophoneSitePermissions component.
- */
-export interface MicrophoneSitePermissionsProps extends CommonSitePermissionsProps {
-    /** Icon name for the microphone icon */
-    microphoneIconName?: string;
-    /** Strings for use with the {@link MicrophoneSitePermissions} */
-    strings?: MicrophoneSitePermissionsStrings;
-}
-/**
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- *
- * @beta
- */
-export declare const MicrophoneSitePermissions: (props: MicrophoneSitePermissionsProps) => JSX.Element;
-/**
- * @beta
- * Strings for CameraSitePermissions component.
- */
-export declare type CameraSitePermissionsStrings = SitePermissionsStrings;
-/**
- * @beta
- * Props for CameraSitePermissions component.
- */
-export interface CameraSitePermissionsProps extends CommonSitePermissionsProps {
-    /** Icon name for the camera icon */
-    cameraIconName?: string;
-    /** Strings for use with the {@link CameraSitePermissions} */
-    strings?: CameraSitePermissionsStrings;
-}
-/**
- * Component to allow Contoso to help their end user with their devices should their permissions be blocked
- * by their browsers settings.
- *
- * @beta
- */
-export declare const CameraSitePermissions: (props: CameraSitePermissionsProps) => JSX.Element;
-//# sourceMappingURL=SitePermissions.d.ts.map