@azure/communication-react 1.3.2-alpha-202208110020.0 → 1.3.3-alpha-202208120013.0

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/** @private */
+export interface SendDtmfDialpadStrings {
+    dialpadModalAriaLabel: string;
+    dialpadCloseModalButtonAriaLabel: string;
+}
+/** @private */
+export interface SendDtmfDialpadProps {
+    isMobile: boolean;
+    showDialpad: boolean;
+    strings: SendDtmfDialpadStrings;
+    onDismissDialpad: () => void;
+}
+/** @private */
+export declare const SendDtmfDialpad: (props: SendDtmfDialpadProps) => JSX.Element;
+//# sourceMappingURL=SendDtmfDialpad.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SendDtmfDialpad.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/SendDtmfDialpad.tsx"],"names":[],"mappings":";AAYA,eAAe;AACf,MAAM,WAAW,sBAAsB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gCAAgC,EAAE,MAAM,CAAC;CAC1C;AAED,eAAe;AACf,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,sBAAsB,CAAC;IAChC,gBAAgB,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAe;AACf,eAAO,MAAM,eAAe,UAAW,oBAAoB,KAAG,WA6D7D,CAAC"}

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

@@ -0,0 +1,36 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+import React from 'react';
+import { useMemo } from 'react';
+import { Dialpad } from "../../../../react-components/src";
+import { _DrawerSurface } from "../../../../react-components/src";
+import { Modal, Stack, useTheme, IconButton } from '@fluentui/react';
+import { themeddialpadModalStyle, themedDialpadStyle } from './SendDtmfDialpad.styles';
+import { drawerContainerStyles } from '../CallWithChatComposite/styles/CallWithChatCompositeStyles';
+import { usePropsFor } from '../CallComposite/hooks/usePropsFor';
+/** @private */
+export const SendDtmfDialpad = (props) => {
+    const dialpadProps = usePropsFor(Dialpad);
+    const { strings, isMobile, showDialpad, onDismissDialpad } = props;
+    const theme = useTheme();
+    const onDismissTriggered = () => {
+        onDismissDialpad();
+    };
+    const dialpadModalStyle = useMemo(() => themeddialpadModalStyle(theme), [theme]);
+    const dialpadStyle = useMemo(() => themedDialpadStyle(isMobile, theme), [theme, isMobile]);
+    const dialpadStrings = {
+        placeholderText: ''
+    };
+    if (isMobile) {
+        return (React.createElement(Stack, null, showDialpad && (React.createElement(Stack, { styles: drawerContainerStyles },
+            React.createElement(_DrawerSurface, { onLightDismiss: onDismissTriggered },
+                React.createElement(Stack, { style: { padding: '1rem' } },
+                    React.createElement(Dialpad, Object.assign({ styles: dialpadStyle }, dialpadProps, { showDeleteButton: false }))))))));
+    }
+    return (React.createElement(React.Fragment, null, React.createElement(Modal, { titleAriaId: strings.dialpadModalAriaLabel, isOpen: showDialpad, onDismiss: onDismissTriggered, isBlocking: true, styles: dialpadModalStyle },
+        React.createElement(Stack, { horizontal: true, horizontalAlign: "end", verticalAlign: "center" },
+            React.createElement(IconButton, { iconProps: { iconName: 'Cancel' }, ariaLabel: strings.dialpadCloseModalButtonAriaLabel, onClick: onDismissTriggered, style: { color: theme.palette.black } })),
+        React.createElement(Stack, null,
+            React.createElement(Dialpad, Object.assign({ styles: dialpadStyle }, dialpadProps, { showDeleteButton: false, strings: dialpadStrings }))))));
+};
+//# sourceMappingURL=SendDtmfDialpad.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SendDtmfDialpad.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/SendDtmfDialpad.tsx"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,OAAO,EAAiC,yCAAmC;AACpF,OAAO,EAAqC,cAAc,EAAE,yCAAmC;AAC/F,OAAO,EAAgB,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnF,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,6DAA6D,CAAC;AACpG,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAgBjE,eAAe;AACf,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAe,EAAE;IAC1E,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAE1C,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAEnE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,kBAAkB,GAAG,GAAS,EAAE;QACpC,gBAAgB,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAA0B,OAAO,CAAC,GAAG,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAExG,MAAM,YAAY,GAA2B,OAAO,CAAC,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEnH,MAAM,cAAc,GAAmB;QACrC,eAAe,EAAE,EAAE;KACpB,CAAC;IAEF,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,oBAAC,KAAK,QACH,WAAW,IAAI,CACd,oBAAC,KAAK,IAAC,MAAM,EAAE,qBAAqB;YAClC,oBAAC,cAAc,IAAC,cAAc,EAAE,kBAAkB;gBAChD,oBAAC,KAAK,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;oBAC/B,oBAAC,OAAO,kBAAC,MAAM,EAAE,YAAY,IAAM,YAAY,IAAE,gBAAgB,EAAE,KAAK,IAAI,CACtE,CACO,CACX,CACT,CACK,CACT,CAAC;KACH;IAED,OAAO,CACL,0CAEI,oBAAC,KAAK,IACJ,WAAW,EAAE,OAAO,CAAC,qBAAqB,EAC1C,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,kBAAkB,EAC7B,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,iBAAiB;QAEzB,oBAAC,KAAK,IAAC,UAAU,QAAC,eAAe,EAAC,KAAK,EAAC,aAAa,EAAC,QAAQ;YAC5D,oBAAC,UAAU,IACT,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACjC,SAAS,EAAE,OAAO,CAAC,gCAAgC,EACnD,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,GACrC,CACI;QAER,oBAAC,KAAK;YACJ,oBAAC,OAAO,kBAAC,MAAM,EAAE,YAAY,IAAM,YAAY,IAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,IAAI,CAC/F,CACF,CAET,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { IModalStyles, Theme } from '@fluentui/react';
+import { DialpadStyles } from "../../../../react-components/src";
+/**
+ * @private
+ */
+export declare const themeddialpadModalStyle: (theme: Theme) => Partial<IModalStyles>;
+/**
+ * @private
+ */
+export declare const themedDialpadStyle: (isMobile: boolean, theme: Theme) => Partial<DialpadStyles>;
+//# sourceMappingURL=SendDtmfDialpad.styles.d.ts.map

package/dist/dist-esm/react-composites/src/composites/common/SendDtmfDialpad.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendDtmfDialpad.styles.d.ts","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/SendDtmfDialpad.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,yCAAmC;AAE3D;;GAEG;AACH,eAAO,MAAM,uBAAuB,UAAW,KAAK,KAAG,QAAQ,YAAY,CAKzE,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,kBAAkB,aAAc,OAAO,SAAS,KAAK,KAAG,QAAQ,aAAa,CAsBxF,CAAC"}

package/dist/dist-esm/react-composites/src/composites/common/SendDtmfDialpad.styles.js

@@ -0,0 +1,38 @@
+// Copyright (c) Microsoft Corporation.
+// Licensed under the MIT license.
+/**
+ * @private
+ */
+export const themeddialpadModalStyle = (theme) => ({
+    main: {
+        borderRadius: theme.effects.roundedCorner6,
+        padding: '1rem'
+    }
+});
+/**
+ * @private
+ */
+export const themedDialpadStyle = (isMobile, theme) => ({
+    root: {
+        padding: 0,
+        marginLeft: 0,
+        marginRight: 0,
+        maxWidth: '100%'
+    },
+    textField: {
+        root: {
+            borderBottom: `1px solid ${theme.palette.neutralTertiaryAlt}`
+        },
+        field: {
+            backgroundColor: theme.palette.white,
+            fontSize: theme.fonts.large.fontSize,
+            padding: '1.063rem 0.5rem',
+            textAlign: 'center',
+            paddingTop: 0
+        }
+    },
+    primaryContent: {
+        color: theme.palette.themeDarkAlt
+    }
+});
+//# sourceMappingURL=SendDtmfDialpad.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SendDtmfDialpad.styles.js","sourceRoot":"","sources":["../../../../../../../react-composites/src/composites/common/SendDtmfDialpad.styles.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAMlC;;GAEG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAY,EAAyB,EAAE,CAAC,CAAC;IAC/E,IAAI,EAAE;QACJ,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc;QAC1C,OAAO,EAAE,MAAM;KAChB;CACF,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAiB,EAAE,KAAY,EAA0B,EAAE,CAAC,CAAC;IAC9F,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,MAAM;KACjB;IACD,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,YAAY,EAAE,aAAa,KAAK,CAAC,OAAO,CAAC,kBAAkB,EAAE;SAC9D;QACD,KAAK,EAAE;YACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK;YACpC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;YACpC,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,CAAC;SACd;KACF;IACD,cAAc,EAAE;QACd,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,YAAY;KAClC;CACF,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azure/communication-react",
-  "version": "1.3.2-alpha-202208110020.0",
+  "version": "1.3.3-alpha-202208120013.0",
   "sideEffects": false,
   "description": "React library for building modern communication user experiences utilizing Azure Communication Services",
   "keywords": [
@@ -85,13 +85,13 @@
     "@azure/core-auth": "1.3.2",
     "@babel/cli": "~7.16.0",
     "@babel/core": "~7.16.0",
-    "@internal/calling-component-bindings": "1.3.2-alpha-202208110020.0",
-    "@internal/calling-stateful-client": "1.3.2-alpha-202208110020.0",
-    "@internal/chat-component-bindings": "1.3.2-alpha-202208110020.0",
-    "@internal/chat-stateful-client": "1.3.2-alpha-202208110020.0",
-    "@internal/fake-backends": "1.3.2-alpha-202208110020.0",
-    "@internal/react-components": "1.3.2-alpha-202208110020.0",
-    "@internal/react-composites": "1.3.2-alpha-202208110020.0",
+    "@internal/calling-component-bindings": "1.3.3-alpha-202208120013.0",
+    "@internal/calling-stateful-client": "1.3.3-alpha-202208120013.0",
+    "@internal/chat-component-bindings": "1.3.3-alpha-202208120013.0",
+    "@internal/chat-stateful-client": "1.3.3-alpha-202208120013.0",
+    "@internal/fake-backends": "1.3.3-alpha-202208120013.0",
+    "@internal/react-components": "1.3.3-alpha-202208120013.0",
+    "@internal/react-composites": "1.3.3-alpha-202208120013.0",
     "@microsoft/api-documenter": "~7.12.11",
     "@microsoft/api-extractor": "~7.18.0",
     "@rollup/plugin-json": "~4.1.0",