@azure/communication-react 1.18.0-beta.1 → 1.19.0-alpha-202407230014

package/dist/dist-esm/react-components/src/components/utils/RichTextEditorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/RichTextEditorUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;;GAGG;AACH,MAAM,CAAN,IAAY,eASX;AATD,WAAY,eAAe;IACzB,8CAA2B,CAAA;IAC3B,kDAA+B,CAAA;IAC/B,oDAAiC,CAAA;IACjC,kCAAe,CAAA;IACf,sCAAmB,CAAA;IACnB,8CAA2B,CAAA;IAC3B,8CAA2B,CAAA;IAC3B,sCAAmB,CAAA;AACrB,CAAC,EATW,eAAe,KAAf,eAAe,QAS1B;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,yBAEX;AAFD,WAAY,yBAAyB;IACnC,4CAAe,CAAA;AACjB,CAAC,EAFW,yBAAyB,KAAzB,yBAAyB,QAEpC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAoB,EAAE,OAAoB,EAAE,OAA0B,EAAQ,EAAE;IAC5G,IAAI,OAAO,YAAY,oBAAoB,EAAE,CAAC;QAC5C,kCAAkC;QAClC,wCAAwC;QACxC,iCAAiC;IACnC,CAAC;SAAM,IAAI,OAAO,CAAC,qBAAqB,CAAC,MAAM,EAAE,CAAC;QAChD,4CAA4C;QAC5C,OAAO,CAAC,qBAAqB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACjE,CAAC;AACH,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAqB,EAAE,OAAoB,EAAE,OAA0B,EAAQ,EAAE;IAC9G,IAAI,OAAO,YAAY,gBAAgB,EAAE,CAAC;QACxC,oCAAoC;QACpC,wCAAwC;QACxC,iCAAiC;IACnC,CAAC;SAAM,IAAI,OAAO,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAAC;QACjD,4CAA4C;QAC5C,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { BorderFormat, DatasetFormat, ModelToDomContext } from 'roosterjs-content-model-types';\n\n/**\n * Plugin event type for RoosterJS plugins\n * @private\n */\nexport enum PluginEventType {\n  EditorReady = 'editorReady',\n  BeforeDispose = 'beforeDispose',\n  ContentChanged = 'contentChanged',\n  Input = 'input',\n  KeyDown = 'keyDown',\n  BeforePaste = 'beforePaste',\n  ZoomChanged = 'zoomChanged',\n  MouseUp = 'mouseUp',\n}\n\n/**\n * ContentChanged event source for RoosterJS\n * @private\n */\nexport enum ContentChangedEventSource {\n  Paste = 'Paste',\n}\n\n/**\n * Applies the border format to the specified element.\n * If the element is an HTMLTableCellElement, it skips setting editing info\n * and to use classes instead of inline styles.\n * For all other cases, the default format applier is used.\n */\nexport const borderApplier = (format: BorderFormat, element: HTMLElement, context: ModelToDomContext): void => {\n  if (element instanceof HTMLTableCellElement) {\n    // don't set format for table cell\n    // as it will set inline styles for them\n    // we want to use classes instead\n  } else if (context.defaultFormatAppliers.border) {\n    // apply default formats for all other cases\n    context.defaultFormatAppliers.border(format, element, context);\n  }\n};\n\n/**\n * Applies the dataset format to the given HTML element.\n * If the element is an HTMLTableElement, it skips setting editing info\n * and to use classes instead of inline styles.\n * For all other cases, it applies the default formats.\n */\nexport const dataSetApplier = (format: DatasetFormat, element: HTMLElement, context: ModelToDomContext): void => {\n  if (element instanceof HTMLTableElement) {\n    // don't set editing info for tables\n    // as it will set inline styles for them\n    // we want to use classes instead\n  } else if (context.defaultFormatAppliers.dataset) {\n    // apply default formats for all other cases\n    context.defaultFormatAppliers.dataset(format, element, context);\n  }\n};"]}
+{"version":3,"file":"RichTextEditorUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/RichTextEditorUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAIlC;;;GAGG;AACH,MAAM,CAAN,IAAY,eASX;AATD,WAAY,eAAe;IACzB,8CAA2B,CAAA;IAC3B,kDAA+B,CAAA;IAC/B,oDAAiC,CAAA;IACjC,kCAAe,CAAA;IACf,sCAAmB,CAAA;IACnB,8CAA2B,CAAA;IAC3B,8CAA2B,CAAA;IAC3B,sCAAmB,CAAA;AACrB,CAAC,EATW,eAAe,KAAf,eAAe,QAS1B;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,yBAEX;AAFD,WAAY,yBAAyB;IACnC,4CAAe,CAAA;AACjB,CAAC,EAFW,yBAAyB,KAAzB,yBAAyB,QAEpC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAoB,EAAE,OAAoB,EAAE,OAA0B,EAAQ,EAAE;IAC5G,IAAI,OAAO,YAAY,oBAAoB,EAAE,CAAC;QAC5C,kCAAkC;QAClC,wCAAwC;QACxC,iCAAiC;IACnC,CAAC;SAAM,IAAI,OAAO,CAAC,qBAAqB,CAAC,MAAM,EAAE,CAAC;QAChD,4CAA4C;QAC5C,OAAO,CAAC,qBAAqB,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACjE,CAAC;AACH,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,MAAqB,EAAE,OAAoB,EAAE,OAA0B,EAAQ,EAAE;IAC9G,IAAI,OAAO,YAAY,gBAAgB,EAAE,CAAC;QACxC,oCAAoC;QACpC,wCAAwC;QACxC,iCAAiC;IACnC,CAAC;SAAM,IAAI,OAAO,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAAC;QACjD,4CAA4C;QAC5C,OAAO,CAAC,qBAAqB,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IAClE,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport type { BorderFormat, DatasetFormat, ModelToDomContext } from 'roosterjs-content-model-types';\n\n/**\n * Plugin event type for RoosterJS plugins\n * @private\n */\nexport enum PluginEventType {\n  EditorReady = 'editorReady',\n  BeforeDispose = 'beforeDispose',\n  ContentChanged = 'contentChanged',\n  Input = 'input',\n  KeyDown = 'keyDown',\n  BeforePaste = 'beforePaste',\n  ZoomChanged = 'zoomChanged',\n  MouseUp = 'mouseUp'\n}\n\n/**\n * ContentChanged event source for RoosterJS\n * @private\n */\nexport enum ContentChangedEventSource {\n  Paste = 'Paste'\n}\n\n/**\n * Applies the border format to the specified element.\n * If the element is an HTMLTableCellElement, it skips setting editing info\n * and to use classes instead of inline styles.\n * For all other cases, the default format applier is used.\n */\nexport const borderApplier = (format: BorderFormat, element: HTMLElement, context: ModelToDomContext): void => {\n  if (element instanceof HTMLTableCellElement) {\n    // don't set format for table cell\n    // as it will set inline styles for them\n    // we want to use classes instead\n  } else if (context.defaultFormatAppliers.border) {\n    // apply default formats for all other cases\n    context.defaultFormatAppliers.border(format, element, context);\n  }\n};\n\n/**\n * Applies the dataset format to the given HTML element.\n * If the element is an HTMLTableElement, it skips setting editing info\n * and to use classes instead of inline styles.\n * For all other cases, it applies the default formats.\n */\nexport const dataSetApplier = (format: DatasetFormat, element: HTMLElement, context: ModelToDomContext): void => {\n  if (element instanceof HTMLTableElement) {\n    // don't set editing info for tables\n    // as it will set inline styles for them\n    // we want to use classes instead\n  } else if (context.defaultFormatAppliers.dataset) {\n    // apply default formats for all other cases\n    context.defaultFormatAppliers.dataset(format, element, context);\n  }\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/RichTextTableUtils.js

@@ -36,81 +36,89 @@ export function parseKey(key) {
  * @returns An array of context menu items.
  */
 export const getTableEditContextMenuItems = (editor, strings) => {
-    return [{
+    return [
+        {
             key: 'RichTextTableEditMenuTableInsert',
             text: strings.richTextInsertRowOrColumnMenu,
             ariaLabel: strings.richTextInsertRowOrColumnMenu,
             iconProps: {
                 iconName: 'RichTextTableInsertMenuIcon',
-                styles: {
-                    root: tableContextMenuIconStyles
-                }
+                styles: { root: tableContextMenuIconStyles }
             },
             subMenuProps: {
-                items: [{
+                items: [
+                    {
                         key: 'RichTextTableEditMenuTableInsertRowAbove',
                         text: strings.richTextInsertRowAboveMenu,
                         ariaLabel: strings.richTextInsertRowAboveMenu,
                         onClick: () => {
                             editTable(editor, 'insertAbove');
                         }
-                    }, {
+                    },
+                    {
                         key: 'RichTextTableEditMenuTableInsertRowBelow',
                         text: strings.richTextInsertRowBelowMenu,
                         ariaLabel: strings.richTextInsertRowBelowMenu,
                         onClick: () => {
                             editTable(editor, 'insertBelow');
                         }
-                    }, {
+                    },
+                    {
                         key: 'RichTextTableEditMenuTableInsertColumnLeft',
                         text: strings.richTextInsertColumnLeftMenu,
                         ariaLabel: strings.richTextInsertColumnLeftMenu,
                         onClick: () => {
                             editTable(editor, 'insertLeft');
                         }
-                    }, {
+                    },
+                    {
                         key: 'RichTextTableEditMenuTableInsertColumnRight',
                         text: strings.richTextInsertColumnRightMenu,
                         ariaLabel: strings.richTextInsertColumnRightMenu,
                         onClick: () => {
                             editTable(editor, 'insertRight');
                         }
-                    }]
+                    }
+                ]
             }
-        }, {
+        },
+        {
             key: 'RichTextTableEditMenuTableDelete',
             text: strings.richTextDeleteRowOrColumnMenu,
             ariaLabel: strings.richTextDeleteRowOrColumnMenu,
             iconProps: {
                 iconName: 'RichTextTableDeleteMenuIcon',
-                styles: {
-                    root: tableContextMenuIconStyles
-                }
+                styles: { root: tableContextMenuIconStyles }
             },
             subMenuProps: {
-                items: [{
+                items: [
+                    {
                         key: 'RichTextTableEditMenuTableDeleteRow',
                         text: strings.richTextDeleteRowMenu,
                         ariaLabel: strings.richTextDeleteRowMenu,
                         onClick: () => {
                             editTable(editor, 'deleteRow');
                         }
-                    }, {
+                    },
+                    {
                         key: 'RichTextTableEditMenuTableDeleteColumn',
                         text: strings.richTextDeleteColumnMenu,
                         ariaLabel: strings.richTextDeleteColumnMenu,
                         onClick: () => {
                             editTable(editor, 'deleteColumn');
                         }
-                    }, {
+                    },
+                    {
                         key: 'RichTextTableEditMenuTableDeleteTable',
                         text: strings.richTextDeleteTableMenu,
                         ariaLabel: strings.richTextDeleteTableMenu,
                         onClick: () => {
                             editTable(editor, 'deleteTable');
                         }
-                    }]
+                    }
+                ]
             }
-        }];
+        }
+    ];
 };
 //# sourceMappingURL=RichTextTableUtils.js.map

package/dist/dist-esm/react-components/src/components/utils/RichTextTableUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextTableUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/RichTextTableUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { editTable } from 'roosterjs-content-model-api';\nimport { tableContextMenuIconStyles } from '../styles/RichTextEditor.styles';\nimport { RichTextStrings } from '../RichTextEditor/RichTextSendBox';\nimport { IEditor } from 'roosterjs-content-model-types';\nimport { IContextualMenuItem } from '@fluentui/react';\n\n/**\n * @private\n *\n * String to be replaces by actual values of row and column.\n */\nexport const ColumnRowReplaceString = '{column} x {row}';\n\n/**\n * @private\n *\n * Function to create key pair for the selected table size.\n */\nexport function createKey(row: number, column: number): string {\n  return `${row},${column}`;\n}\n\n/**\n * @private\n *\n * Function to parse key to the selected table size valules.\n */\nexport function parseKey(key: string): {\n  row: number;\n  column: number;\n} {\n  const [row, column] = key.split(',');\n  return {\n    row: parseInt(row),\n    column: parseInt(column)\n  };\n}\n\n/**\n * Returns an array of context menu items for editing a rich text table.\n *\n * @param editor - The editor instance.\n * @param strings - An object containing localized strings for the context menu items.\n * @returns An array of context menu items.\n */\nexport const getTableEditContextMenuItems = (editor: IEditor, strings: Partial<RichTextStrings>): IContextualMenuItem[] => {\n  return [{\n    key: 'RichTextTableEditMenuTableInsert',\n    text: strings.richTextInsertRowOrColumnMenu,\n    ariaLabel: strings.richTextInsertRowOrColumnMenu,\n    iconProps: {\n      iconName: 'RichTextTableInsertMenuIcon',\n      styles: {\n        root: tableContextMenuIconStyles\n      }\n    },\n    subMenuProps: {\n      items: [{\n        key: 'RichTextTableEditMenuTableInsertRowAbove',\n        text: strings.richTextInsertRowAboveMenu,\n        ariaLabel: strings.richTextInsertRowAboveMenu,\n        onClick: () => {\n          editTable(editor, 'insertAbove');\n        }\n      }, {\n        key: 'RichTextTableEditMenuTableInsertRowBelow',\n        text: strings.richTextInsertRowBelowMenu,\n        ariaLabel: strings.richTextInsertRowBelowMenu,\n        onClick: () => {\n          editTable(editor, 'insertBelow');\n        }\n      }, {\n        key: 'RichTextTableEditMenuTableInsertColumnLeft',\n        text: strings.richTextInsertColumnLeftMenu,\n        ariaLabel: strings.richTextInsertColumnLeftMenu,\n        onClick: () => {\n          editTable(editor, 'insertLeft');\n        }\n      }, {\n        key: 'RichTextTableEditMenuTableInsertColumnRight',\n        text: strings.richTextInsertColumnRightMenu,\n        ariaLabel: strings.richTextInsertColumnRightMenu,\n        onClick: () => {\n          editTable(editor, 'insertRight');\n        }\n      }]\n    }\n  }, {\n    key: 'RichTextTableEditMenuTableDelete',\n    text: strings.richTextDeleteRowOrColumnMenu,\n    ariaLabel: strings.richTextDeleteRowOrColumnMenu,\n    iconProps: {\n      iconName: 'RichTextTableDeleteMenuIcon',\n      styles: {\n        root: tableContextMenuIconStyles\n      }\n    },\n    subMenuProps: {\n      items: [{\n        key: 'RichTextTableEditMenuTableDeleteRow',\n        text: strings.richTextDeleteRowMenu,\n        ariaLabel: strings.richTextDeleteRowMenu,\n        onClick: () => {\n          editTable(editor, 'deleteRow');\n        }\n      }, {\n        key: 'RichTextTableEditMenuTableDeleteColumn',\n        text: strings.richTextDeleteColumnMenu,\n        ariaLabel: strings.richTextDeleteColumnMenu,\n        onClick: () => {\n          editTable(editor, 'deleteColumn');\n        }\n      }, {\n        key: 'RichTextTableEditMenuTableDeleteTable',\n        text: strings.richTextDeleteTableMenu,\n        ariaLabel: strings.richTextDeleteTableMenu,\n        onClick: () => {\n          editTable(editor, 'deleteTable');\n        }\n      }]\n    }\n  }];\n};"]}
+{"version":3,"file":"RichTextTableUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/RichTextTableUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { editTable } from 'roosterjs-content-model-api';\nimport { tableContextMenuIconStyles } from '../styles/RichTextEditor.styles';\nimport { RichTextStrings } from '../RichTextEditor/RichTextSendBox';\nimport { IEditor } from 'roosterjs-content-model-types';\nimport { IContextualMenuItem } from '@fluentui/react';\n\n/**\n * @private\n *\n * String to be replaces by actual values of row and column.\n */\nexport const ColumnRowReplaceString = '{column} x {row}';\n\n/**\n * @private\n *\n * Function to create key pair for the selected table size.\n */\nexport function createKey(row: number, column: number): string {\n  return `${row},${column}`;\n}\n\n/**\n * @private\n *\n * Function to parse key to the selected table size valules.\n */\nexport function parseKey(key: string): { row: number; column: number } {\n  const [row, column] = key.split(',');\n  return {\n    row: parseInt(row),\n    column: parseInt(column)\n  };\n}\n\n/**\n * Returns an array of context menu items for editing a rich text table.\n *\n * @param editor - The editor instance.\n * @param strings - An object containing localized strings for the context menu items.\n * @returns An array of context menu items.\n */\nexport const getTableEditContextMenuItems = (\n  editor: IEditor,\n  strings: Partial<RichTextStrings>\n): IContextualMenuItem[] => {\n  return [\n    {\n      key: 'RichTextTableEditMenuTableInsert',\n      text: strings.richTextInsertRowOrColumnMenu,\n      ariaLabel: strings.richTextInsertRowOrColumnMenu,\n      iconProps: {\n        iconName: 'RichTextTableInsertMenuIcon',\n        styles: { root: tableContextMenuIconStyles }\n      },\n      subMenuProps: {\n        items: [\n          {\n            key: 'RichTextTableEditMenuTableInsertRowAbove',\n            text: strings.richTextInsertRowAboveMenu,\n            ariaLabel: strings.richTextInsertRowAboveMenu,\n            onClick: () => {\n              editTable(editor, 'insertAbove');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableInsertRowBelow',\n            text: strings.richTextInsertRowBelowMenu,\n            ariaLabel: strings.richTextInsertRowBelowMenu,\n            onClick: () => {\n              editTable(editor, 'insertBelow');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableInsertColumnLeft',\n            text: strings.richTextInsertColumnLeftMenu,\n            ariaLabel: strings.richTextInsertColumnLeftMenu,\n            onClick: () => {\n              editTable(editor, 'insertLeft');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableInsertColumnRight',\n            text: strings.richTextInsertColumnRightMenu,\n            ariaLabel: strings.richTextInsertColumnRightMenu,\n            onClick: () => {\n              editTable(editor, 'insertRight');\n            }\n          }\n        ]\n      }\n    },\n    {\n      key: 'RichTextTableEditMenuTableDelete',\n      text: strings.richTextDeleteRowOrColumnMenu,\n      ariaLabel: strings.richTextDeleteRowOrColumnMenu,\n      iconProps: {\n        iconName: 'RichTextTableDeleteMenuIcon',\n        styles: { root: tableContextMenuIconStyles }\n      },\n      subMenuProps: {\n        items: [\n          {\n            key: 'RichTextTableEditMenuTableDeleteRow',\n            text: strings.richTextDeleteRowMenu,\n            ariaLabel: strings.richTextDeleteRowMenu,\n            onClick: () => {\n              editTable(editor, 'deleteRow');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableDeleteColumn',\n            text: strings.richTextDeleteColumnMenu,\n            ariaLabel: strings.richTextDeleteColumnMenu,\n            onClick: () => {\n              editTable(editor, 'deleteColumn');\n            }\n          },\n          {\n            key: 'RichTextTableEditMenuTableDeleteTable',\n            text: strings.richTextDeleteTableMenu,\n            ariaLabel: strings.richTextDeleteTableMenu,\n            onClick: () => {\n              editTable(editor, 'deleteTable');\n            }\n          }\n        ]\n      }\n    }\n  ];\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/SendBoxUtils.d.ts

@@ -1,4 +1,5 @@
 import { AttachmentMetadataInProgress } from "../../../../acs-ui-common/src";
+import { AttachmentMetadata } from "../../../../acs-ui-common/src";
 /**
  * @private
  */
@@ -11,6 +12,10 @@ export declare const hasIncompleteAttachmentUploads: (attachmentsWithProgress: A
  * @private
  */
 export declare const isAttachmentUploadCompleted: (attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined) => boolean;
+/**
+ * @internal
+ */
+export declare const addUploadedImagesToMessage: (message: string, uploadInlineImages: AttachmentMetadataInProgress[]) => Promise<string>;
 /**
  * @private
  */
@@ -34,4 +39,28 @@ export declare const isSendBoxButtonAriaDisabled: ({ hasContent, hasCompletedAtt
     hasError: boolean;
     disabled: boolean;
 }) => boolean;
+interface CancelInlineImageUploadProps {
+    imageSrcArray: string[] | undefined;
+    imageUploadsInProgress: AttachmentMetadataInProgress[] | undefined;
+    messageId?: string;
+    editBoxOnCancelInlineImageUpload?: (id: string, messageId: string) => void;
+    sendBoxOnCancelInlineImageUpload?: (id: string) => void;
+}
+/**
+ * @internal
+ */
+export declare const cancelInlineImageUpload: (props: CancelInlineImageUploadProps) => void;
+/**
+ * @internal
+ */
+export declare const toAttachmentMetadata: (attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined) => AttachmentMetadata[] | undefined;
+/**
+ * @internal
+ */
+export declare const insertImagesToContentString: (content: string, imageUploadsInProgress?: AttachmentMetadataInProgress[], onCompleted?: (content: string) => void) => Promise<void>;
+/**
+ * @internal
+ */
+export declare const removeBrokenImageContent: (content: string) => string;
+export {};
 //# sourceMappingURL=SendBoxUtils.d.ts.map

package/dist/dist-esm/react-components/src/components/utils/SendBoxUtils.js

@@ -1,5 +1,14 @@
 // 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());
+    });
+};
 /**
  * @private
  */
@@ -10,15 +19,62 @@ const EMPTY_MESSAGE_REGEX = /^\s*$/;
  * @private
  */
 export const hasIncompleteAttachmentUploads = (attachmentsWithProgress) => {
-    return !!((attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.length) && !attachmentsWithProgress.filter(attachmentUpload => !attachmentUpload.error).every(attachmentUpload => attachmentUpload.progress === 1 && attachmentUpload.progress !== undefined));
+    return !!((attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.length) &&
+        !attachmentsWithProgress
+            .filter((attachmentUpload) => !attachmentUpload.error)
+            .every((attachmentUpload) => attachmentUpload.progress === 1 && attachmentUpload.progress !== undefined));
 };
 /* @conditional-compile-remove(file-sharing-acs) */
 /**
  * @private
  */
 export const isAttachmentUploadCompleted = (attachmentsWithProgress) => {
-    return !!(attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.find(attachment => !attachment.error));
+    return !!(attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.find((attachment) => !attachment.error));
 };
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+// Before sending the image, we need to add the image id we get back after uploading the images to the message content.
+export const addUploadedImagesToMessage = (message, uploadInlineImages) => __awaiter(void 0, void 0, void 0, function* () {
+    if (message === '') {
+        return message;
+    }
+    const document = new DOMParser().parseFromString(message !== null && message !== void 0 ? message : '', 'text/html');
+    const imagesPromise = Array.from(document.querySelectorAll('img')).map((img) => {
+        return new Promise((resolve, rejects) => {
+            const uploadInlineImage = uploadInlineImages.find((imageUpload) => !imageUpload.error && (imageUpload.url === img.src || imageUpload.id === img.id));
+            // The message might content images that comes with the message before editing, those images are not in the uploadInlineImages array.
+            // This function should only modify the message content for images in the uploadInlineImages array.
+            if (!uploadInlineImage) {
+                resolve();
+                return;
+            }
+            const imageElement = new Image();
+            imageElement.src = img.src;
+            imageElement.onload = () => {
+                var _a;
+                // imageElement is a copy of original img element, so changes need to be made to the original img element
+                img.id = (_a = uploadInlineImage === null || uploadInlineImage === void 0 ? void 0 : uploadInlineImage.id) !== null && _a !== void 0 ? _a : '';
+                img.src = '';
+                img.width = imageElement.width;
+                img.height = imageElement.height;
+                img.style.aspectRatio = `${imageElement.width} / ${imageElement.height}`;
+                // Clear maxWidth and maxHeight styles so that they can set in the style attribute
+                img.style.maxWidth = '';
+                img.style.maxHeight = '';
+                resolve();
+            };
+            imageElement.onerror = () => {
+                console.log('Error loading image', img.src);
+                rejects();
+            };
+        });
+    });
+    yield Promise.all(imagesPromise);
+    const newMessage = document.body.innerHTML;
+    return newMessage;
+});
 /**
  * @private
  */
@@ -52,6 +108,71 @@ hasCompletedAttachmentUploads, hasError, disabled }) => {
     // no content
     !(hasContent || /* @conditional-compile-remove(file-sharing-acs) */ hasCompletedAttachmentUploads) ||
         //error message exists
-        hasError || disabled);
+        hasError ||
+        disabled);
+};
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const cancelInlineImageUpload = (props) => {
+    const { imageSrcArray, imageUploadsInProgress, messageId, editBoxOnCancelInlineImageUpload, sendBoxOnCancelInlineImageUpload } = props;
+    if (imageSrcArray && imageUploadsInProgress && (imageUploadsInProgress === null || imageUploadsInProgress === void 0 ? void 0 : imageUploadsInProgress.length) > 0) {
+        imageUploadsInProgress === null || imageUploadsInProgress === void 0 ? void 0 : imageUploadsInProgress.map((uploadImage) => {
+            if (uploadImage.url && !(imageSrcArray === null || imageSrcArray === void 0 ? void 0 : imageSrcArray.includes(uploadImage.url))) {
+                sendBoxOnCancelInlineImageUpload && sendBoxOnCancelInlineImageUpload(uploadImage.id);
+                editBoxOnCancelInlineImageUpload && editBoxOnCancelInlineImageUpload(uploadImage.id, messageId || '');
+            }
+        });
+    }
+};
+/* @conditional-compile-remove(file-sharing-acs) */
+/**
+ * @internal
+ */
+export const toAttachmentMetadata = (attachmentsWithProgress) => {
+    return attachmentsWithProgress === null || attachmentsWithProgress === void 0 ? void 0 : attachmentsWithProgress.filter((attachment) => {
+        var _a;
+        return !('error' in attachment) && !((_a = attachment.error) === null || _a === void 0 ? void 0 : _a.message);
+    }).map((attachment) => {
+        var _a;
+        return {
+            id: attachment.id,
+            name: attachment.name,
+            url: (_a = attachment.url) !== null && _a !== void 0 ? _a : ''
+        };
+    });
+};
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const insertImagesToContentString = (content, imageUploadsInProgress, onCompleted) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!imageUploadsInProgress || imageUploadsInProgress.length <= 0) {
+        onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(content);
+    }
+    const newContent = yield addUploadedImagesToMessage(content, imageUploadsInProgress !== null && imageUploadsInProgress !== void 0 ? imageUploadsInProgress : []);
+    onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(newContent);
+});
+/* @conditional-compile-remove(rich-text-editor-image-upload) */
+/**
+ * @internal
+ */
+export const removeBrokenImageContent = (content) => {
+    const document = new DOMParser().parseFromString(content, 'text/html');
+    document.querySelectorAll('img').forEach((img) => {
+        // Before submitting/resend the message, we need to trim the unnecessary attributes such as src,
+        // which is set to a local svg of a broken image icon at this point.
+        // Once message is submitted/resent, it will be fetched again and might not be a broken image anymore,
+        // That's why we need to remove the class and data-ui-id attribute of 'broken-image-wrapper'
+        if (img.className === 'broken-image-wrapper') {
+            img.removeAttribute('class');
+            img.removeAttribute('src');
+            img.removeAttribute('data-ui-id');
+            img.style.width = '';
+            img.style.height = '';
+        }
+    });
+    return document.body.innerHTML;
 };
 //# sourceMappingURL=SendBoxUtils.js.map

package/dist/dist-esm/react-components/src/components/utils/SendBoxUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendBoxUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/SendBoxUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAKlC;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,IAAI,CAAC;AAC9C,MAAM,mBAAmB,GAAG,OAAO,CAAC;AAEpC,mDAAmD;AACnD;;GAEG;AACH,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAAC,uBAAmE,EAAW,EAAE;IAC7H,OAAO,CAAC,CAAC,CAAC,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,MAAM,KAAI,CAAC,uBAAuB,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE,CAAC,gBAAgB,CAAC,QAAQ,KAAK,CAAC,IAAI,gBAAgB,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC;AACnO,CAAC,CAAC;AAEF,mDAAmD;AACnD;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,uBAAmE,EAAW,EAAE;IAC1H,OAAO,CAAC,CAAC,CAAA,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA,CAAC;AAC1E,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAW,EAAE;IAC/D,OAAO,WAAW,GAAG,yBAAyB,CAAC;AACjD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAe,EAAU,EAAE;IACtD,IAAI,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,OAAO,EAAE,CAAC;IACZ,CAAC;SAAM,CAAC;QACN,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,UAAU;AACV,mDAAmD;AACnD,6BAA6B,EAC7B,QAAQ,EACR,QAAQ,EAOT,EAAW,EAAE;IACZ,OAAO;IACL,aAAa;IACb,CAAC,CAAC,UAAU,IAAI,mDAAmD,CAAA,6BAA6B,CAAC;QACjG,sBAAsB;QACtB,QAAQ,IAAI,QAAQ,CACrB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { AttachmentMetadataInProgress } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const MAXIMUM_LENGTH_OF_MESSAGE = 8000;\nconst EMPTY_MESSAGE_REGEX = /^\\s*$/;\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport const hasIncompleteAttachmentUploads = (attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined): boolean => {\n  return !!(attachmentsWithProgress?.length && !attachmentsWithProgress.filter(attachmentUpload => !attachmentUpload.error).every(attachmentUpload => attachmentUpload.progress === 1 && attachmentUpload.progress !== undefined));\n};\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport const isAttachmentUploadCompleted = (attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined): boolean => {\n  return !!attachmentsWithProgress?.find(attachment => !attachment.error);\n};\n\n/**\n * @private\n */\nexport const isMessageTooLong = (valueLength: number): boolean => {\n  return valueLength > MAXIMUM_LENGTH_OF_MESSAGE;\n};\n\n/**\n * @private\n */\nexport const sanitizeText = (message: string): string => {\n  if (EMPTY_MESSAGE_REGEX.test(message)) {\n    return '';\n  } else {\n    return message;\n  }\n};\n\n/**\n * Determines whether the send box should be disabled for ARIA accessibility.\n *\n * @param hasContent - Indicates whether the send box has content.\n * @param hasCompletedAttachmentUploads - Indicates whether attachment uploads have completed.\n * @param hasError - Indicates whether there is an error.\n * @param disabled - Indicates whether the send box is disabled.\n * @returns A boolean value indicating whether the send box should be disabled for ARIA accessibility.\n */\nexport const isSendBoxButtonAriaDisabled = ({\n  hasContent,\n  /* @conditional-compile-remove(file-sharing-acs) */\n  hasCompletedAttachmentUploads,\n  hasError,\n  disabled\n}: {\n  hasContent: boolean;\n  /* @conditional-compile-remove(file-sharing-acs) */\n  hasCompletedAttachmentUploads: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}): boolean => {\n  return (\n    // no content\n    !(hasContent || /* @conditional-compile-remove(file-sharing-acs) */hasCompletedAttachmentUploads) ||\n    //error message exists\n    hasError || disabled\n  );\n};"]}
+{"version":3,"file":"SendBoxUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/SendBoxUtils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { AttachmentMetadataInProgress } from '@internal/acs-ui-common';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { AttachmentMetadata } from '@internal/acs-ui-common';\n\n/**\n * @private\n */\nexport const MAXIMUM_LENGTH_OF_MESSAGE = 8000;\nconst EMPTY_MESSAGE_REGEX = /^\\s*$/;\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport const hasIncompleteAttachmentUploads = (\n  attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined\n): boolean => {\n  return !!(\n    attachmentsWithProgress?.length &&\n    !attachmentsWithProgress\n      .filter((attachmentUpload) => !attachmentUpload.error)\n      .every((attachmentUpload) => attachmentUpload.progress === 1 && attachmentUpload.progress !== undefined)\n  );\n};\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @private\n */\nexport const isAttachmentUploadCompleted = (\n  attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined\n): boolean => {\n  return !!attachmentsWithProgress?.find((attachment) => !attachment.error);\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\n// Before sending the image, we need to add the image id we get back after uploading the images to the message content.\nexport const addUploadedImagesToMessage = async (\n  message: string,\n  uploadInlineImages: AttachmentMetadataInProgress[]\n): Promise<string> => {\n  if (message === '') {\n    return message;\n  }\n  const document = new DOMParser().parseFromString(message ?? '', 'text/html');\n  const imagesPromise = Array.from(document.querySelectorAll('img')).map((img) => {\n    return new Promise<void>((resolve, rejects) => {\n      const uploadInlineImage = uploadInlineImages.find(\n        (imageUpload) => !imageUpload.error && (imageUpload.url === img.src || imageUpload.id === img.id)\n      );\n      // The message might content images that comes with the message before editing, those images are not in the uploadInlineImages array.\n      // This function should only modify the message content for images in the uploadInlineImages array.\n      if (!uploadInlineImage) {\n        resolve();\n        return;\n      }\n      const imageElement = new Image();\n      imageElement.src = img.src;\n      imageElement.onload = () => {\n        // imageElement is a copy of original img element, so changes need to be made to the original img element\n        img.id = uploadInlineImage?.id ?? '';\n        img.src = '';\n        img.width = imageElement.width;\n        img.height = imageElement.height;\n        img.style.aspectRatio = `${imageElement.width} / ${imageElement.height}`;\n        // Clear maxWidth and maxHeight styles so that they can set in the style attribute\n        img.style.maxWidth = '';\n        img.style.maxHeight = '';\n        resolve();\n      };\n      imageElement.onerror = () => {\n        console.log('Error loading image', img.src);\n        rejects();\n      };\n    });\n  });\n  await Promise.all(imagesPromise);\n  const newMessage = document.body.innerHTML;\n  return newMessage;\n};\n\n/**\n * @private\n */\nexport const isMessageTooLong = (valueLength: number): boolean => {\n  return valueLength > MAXIMUM_LENGTH_OF_MESSAGE;\n};\n\n/**\n * @private\n */\nexport const sanitizeText = (message: string): string => {\n  if (EMPTY_MESSAGE_REGEX.test(message)) {\n    return '';\n  } else {\n    return message;\n  }\n};\n\n/**\n * Determines whether the send box should be disabled for ARIA accessibility.\n *\n * @param hasContent - Indicates whether the send box has content.\n * @param hasCompletedAttachmentUploads - Indicates whether attachment uploads have completed.\n * @param hasError - Indicates whether there is an error.\n * @param disabled - Indicates whether the send box is disabled.\n * @returns A boolean value indicating whether the send box should be disabled for ARIA accessibility.\n */\nexport const isSendBoxButtonAriaDisabled = ({\n  hasContent,\n  /* @conditional-compile-remove(file-sharing-acs) */\n  hasCompletedAttachmentUploads,\n  hasError,\n  disabled\n}: {\n  hasContent: boolean;\n  /* @conditional-compile-remove(file-sharing-acs) */\n  hasCompletedAttachmentUploads: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}): boolean => {\n  return (\n    // no content\n    !(hasContent || /* @conditional-compile-remove(file-sharing-acs) */ hasCompletedAttachmentUploads) ||\n    //error message exists\n    hasError ||\n    disabled\n  );\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\ninterface CancelInlineImageUploadProps {\n  imageSrcArray: string[] | undefined;\n  imageUploadsInProgress: AttachmentMetadataInProgress[] | undefined;\n  messageId?: string;\n  editBoxOnCancelInlineImageUpload?: (id: string, messageId: string) => void;\n  sendBoxOnCancelInlineImageUpload?: (id: string) => void;\n}\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const cancelInlineImageUpload = (props: CancelInlineImageUploadProps): void => {\n  const {\n    imageSrcArray,\n    imageUploadsInProgress,\n    messageId,\n    editBoxOnCancelInlineImageUpload,\n    sendBoxOnCancelInlineImageUpload\n  } = props;\n  if (imageSrcArray && imageUploadsInProgress && imageUploadsInProgress?.length > 0) {\n    imageUploadsInProgress?.map((uploadImage) => {\n      if (uploadImage.url && !imageSrcArray?.includes(uploadImage.url)) {\n        sendBoxOnCancelInlineImageUpload && sendBoxOnCancelInlineImageUpload(uploadImage.id);\n        editBoxOnCancelInlineImageUpload && editBoxOnCancelInlineImageUpload(uploadImage.id, messageId || '');\n      }\n    });\n  }\n};\n\n/* @conditional-compile-remove(file-sharing-acs) */\n/**\n * @internal\n */\nexport const toAttachmentMetadata = (\n  attachmentsWithProgress: AttachmentMetadataInProgress[] | undefined\n): AttachmentMetadata[] | undefined => {\n  return attachmentsWithProgress\n    ?.filter((attachment) => {\n      return !('error' in attachment) && !attachment.error?.message;\n    })\n    .map((attachment) => {\n      return {\n        id: attachment.id,\n        name: attachment.name,\n        url: attachment.url ?? ''\n      };\n    });\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const insertImagesToContentString = async (\n  content: string,\n  imageUploadsInProgress?: AttachmentMetadataInProgress[],\n  onCompleted?: (content: string) => void\n): Promise<void> => {\n  if (!imageUploadsInProgress || imageUploadsInProgress.length <= 0) {\n    onCompleted?.(content);\n  }\n  const newContent = await addUploadedImagesToMessage(content, imageUploadsInProgress ?? []);\n  onCompleted?.(newContent);\n};\n\n/* @conditional-compile-remove(rich-text-editor-image-upload) */\n/**\n * @internal\n */\nexport const removeBrokenImageContent = (content: string): string => {\n  const document = new DOMParser().parseFromString(content, 'text/html');\n  document.querySelectorAll('img').forEach((img) => {\n    // Before submitting/resend the message, we need to trim the unnecessary attributes such as src,\n    // which is set to a local svg of a broken image icon at this point.\n    // Once message is submitted/resent, it will be fetched again and might not be a broken image anymore,\n    // That's why we need to remove the class and data-ui-id attribute of 'broken-image-wrapper'\n    if (img.className === 'broken-image-wrapper') {\n      img.removeAttribute('class');\n      img.removeAttribute('src');\n      img.removeAttribute('data-ui-id');\n      img.style.width = '';\n      img.style.height = '';\n    }\n  });\n  return document.body.innerHTML;\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/common.js.map

@@ -1 +1 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/common.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,mDAAmD;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C;;;GAGG;AACH,MAAM,CAAC,MAAM,wCAAwC,GAAG,GAAkC,EAAE;IAC1F,mDAAmD;IACnD,OAAO,SAAS,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;IACnC,OAAO;QACL,gBAAgB,EAAE,EAAE;QACpB,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,EAAE;QACb,kBAAkB,EAAE,EAAE;KACvB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,gBAAmC,EAAW,EAAE;IAC/F,OAAO,CAAC,CAAC,gBAAgB,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAClH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _AttachmentUploadCardsStrings } from '../Attachment/AttachmentUploadCards';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { useLocale } from '../../localization';\nimport { ParticipantState } from '../../types';\n\n/**\n * Conditionally modify locale strings passed to the attachment card\n * @returns attachment card strings\n */\nexport const useLocaleAttachmentCardStringsTrampoline = (): _AttachmentUploadCardsStrings => {\n  /* @conditional-compile-remove(file-sharing-acs) */\n  return useLocale().strings.sendBox;\n  return {\n    removeAttachment: '',\n    uploadCompleted: '',\n    uploading: '',\n    attachmentMoreMenu: ''\n  };\n};\n\n/**\n * Identify if a participant state if part of the Calling states or Hold states.\n */\nexport const _isParticipantStateCallingOrHold = (participantState?: ParticipantState): boolean => {\n  return !!participantState && ['Idle', 'Connecting', 'EarlyMedia', 'Ringing', 'Hold'].includes(participantState);\n};"]}
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/common.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAGlC,mDAAmD;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C;;;GAGG;AACH,MAAM,CAAC,MAAM,wCAAwC,GAAG,GAAkC,EAAE;IAC1F,mDAAmD;IACnD,OAAO,SAAS,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;IACnC,OAAO;QACL,gBAAgB,EAAE,EAAE;QACpB,eAAe,EAAE,EAAE;QACnB,SAAS,EAAE,EAAE;QACb,kBAAkB,EAAE,EAAE;KACvB,CAAC;AACJ,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,CAAC,gBAAmC,EAAW,EAAE;IAC/F,OAAO,CAAC,CAAC,gBAAgB,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;AAClH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { _AttachmentUploadCardsStrings } from '../Attachment/AttachmentUploadCards';\n/* @conditional-compile-remove(file-sharing-acs) */\nimport { useLocale } from '../../localization';\nimport { ParticipantState } from '../../types';\n\n/**\n * Conditionally modify locale strings passed to the attachment card\n * @returns attachment card strings\n */\nexport const useLocaleAttachmentCardStringsTrampoline = (): _AttachmentUploadCardsStrings => {\n  /* @conditional-compile-remove(file-sharing-acs) */\n  return useLocale().strings.sendBox;\n  return {\n    removeAttachment: '',\n    uploadCompleted: '',\n    uploading: '',\n    attachmentMoreMenu: ''\n  };\n};\n\n/**\n * Identify if a participant state if part of the Calling states or Hold states.\n */\nexport const _isParticipantStateCallingOrHold = (participantState?: ParticipantState): boolean => {\n  return !!participantState && ['Idle', 'Connecting', 'EarlyMedia', 'Ringing', 'Hold'].includes(participantState);\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/delay.js.map

@@ -1 +1 @@
-{"version":3,"file":"delay.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/delay.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAiB,EAAE;IACpD,OAAO,IAAI,OAAO,CAAC,UAAU,OAAO;QAClC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @private\n */\nexport const delay = (delay: number): Promise<void> => {\n  return new Promise(function (resolve) {\n    setTimeout(resolve, delay);\n  });\n};"]}
+{"version":3,"file":"delay.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/delay.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAiB,EAAE;IACpD,OAAO,IAAI,OAAO,CAAC,UAAU,OAAO;QAClC,UAAU,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @private\n */\nexport const delay = (delay: number): Promise<void> => {\n  return new Promise(function (resolve) {\n    setTimeout(resolve, delay);\n  });\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/formatPhoneNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatPhoneNumber.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/formatPhoneNumber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,WAAmB,EAAU,EAAE;IAC/D,6EAA6E;IAC7E,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,8DAA8D;IAC9D,kEAAkE;IAClE,iFAAiF;IACjF,qEAAqE;IACrE,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QAC3B,aAAa,GAAG,IAAI,CAAC;QACrB,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;SAAM,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QAClC,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;QAC9C,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,sFAAsF;IACtF,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAC;IAE7C,8EAA8E;IAC9E,qFAAqF;IACrF,qEAAqE;IAErE,IAAI,iBAAiB,GAAG,CAAC,IAAI,iBAAiB,GAAG,EAAE,EAAE,CAAC;QACpD,4DAA4D;QAC5D,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,WAAW,CAAC;IACtD,CAAC;IAED,2EAA2E;IAC3E,uBAAuB;IACvB,IAAI,iBAAiB,GAAG,CAAC,EAAE,CAAC;QAC1B,OAAO,GAAG,aAAa,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAChF,CAAC;IAED,2EAA2E;IAC3E,mCAAmC;IACnC,OAAO,GAAG,aAAa,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;AAC/H,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @private\n */\nexport const formatPhoneNumber = (phoneNumber: string): string => {\n  // if input value is falsy eg if the user deletes the input, then just return\n  if (!phoneNumber) {\n    return phoneNumber;\n  }\n\n  // if phone number starts with 1, format like 1 (xxx)xxx-xxxx.\n  // if phone number starts with +, we format like +x (xxx)xxx-xxxx.\n  // For now we are only supporting NA phone number formatting with country code +x\n  // first we chop off the countrycode then we add it on when returning\n  let countryCodeNA = '';\n  if (phoneNumber[0] === '1') {\n    countryCodeNA = '1 ';\n    phoneNumber = phoneNumber.slice(1, phoneNumber.length);\n  } else if (phoneNumber[0] === '+') {\n    countryCodeNA = phoneNumber.slice(0, 2) + ' ';\n    phoneNumber = phoneNumber.slice(2, phoneNumber.length);\n  }\n\n  // phoneNumberLength is used to know when to apply our formatting for the phone number\n  const phoneNumberLength = phoneNumber.length;\n\n  // we need to return the value with no formatting if its less then four digits\n  // this is to avoid weird behavior that occurs if you  format the area code too early\n  // if phoneNumberLength is greater than 10 we don't do any formatting\n\n  if (phoneNumberLength < 4 || phoneNumberLength > 10) {\n    // no formatting in this case, remove ' ' behind countrycode\n    return countryCodeNA.replace(' ', '') + phoneNumber;\n  }\n\n  // if phoneNumberLength is greater than 4 and less the 7 we start to return\n  // the formatted number\n  if (phoneNumberLength < 7) {\n    return `${countryCodeNA}(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3)}`;\n  }\n\n  // finally, if the phoneNumberLength is greater then seven, we add the last\n  // bit of formatting and return it.\n  return `${countryCodeNA}(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3, 6)}-${phoneNumber.slice(6, phoneNumber.length)}`;\n};"]}
+{"version":3,"file":"formatPhoneNumber.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/formatPhoneNumber.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,WAAmB,EAAU,EAAE;IAC/D,6EAA6E;IAC7E,IAAI,CAAC,WAAW,EAAE,CAAC;QACjB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,8DAA8D;IAC9D,kEAAkE;IAClE,iFAAiF;IACjF,qEAAqE;IACrE,IAAI,aAAa,GAAG,EAAE,CAAC;IACvB,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QAC3B,aAAa,GAAG,IAAI,CAAC;QAErB,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;SAAM,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;QAClC,aAAa,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC;QAC9C,WAAW,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,sFAAsF;IACtF,MAAM,iBAAiB,GAAG,WAAW,CAAC,MAAM,CAAC;IAE7C,8EAA8E;IAC9E,qFAAqF;IACrF,qEAAqE;IAErE,IAAI,iBAAiB,GAAG,CAAC,IAAI,iBAAiB,GAAG,EAAE,EAAE,CAAC;QACpD,4DAA4D;QAC5D,OAAO,aAAa,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,WAAW,CAAC;IACtD,CAAC;IAED,2EAA2E;IAC3E,uBAAuB;IACvB,IAAI,iBAAiB,GAAG,CAAC,EAAE,CAAC;QAC1B,OAAO,GAAG,aAAa,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAChF,CAAC;IAED,2EAA2E;IAC3E,mCAAmC;IACnC,OAAO,GAAG,aAAa,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,WAAW,CAAC,KAAK,CACjG,CAAC,EACD,WAAW,CAAC,MAAM,CACnB,EAAE,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * @private\n */\nexport const formatPhoneNumber = (phoneNumber: string): string => {\n  // if input value is falsy eg if the user deletes the input, then just return\n  if (!phoneNumber) {\n    return phoneNumber;\n  }\n\n  // if phone number starts with 1, format like 1 (xxx)xxx-xxxx.\n  // if phone number starts with +, we format like +x (xxx)xxx-xxxx.\n  // For now we are only supporting NA phone number formatting with country code +x\n  // first we chop off the countrycode then we add it on when returning\n  let countryCodeNA = '';\n  if (phoneNumber[0] === '1') {\n    countryCodeNA = '1 ';\n\n    phoneNumber = phoneNumber.slice(1, phoneNumber.length);\n  } else if (phoneNumber[0] === '+') {\n    countryCodeNA = phoneNumber.slice(0, 2) + ' ';\n    phoneNumber = phoneNumber.slice(2, phoneNumber.length);\n  }\n\n  // phoneNumberLength is used to know when to apply our formatting for the phone number\n  const phoneNumberLength = phoneNumber.length;\n\n  // we need to return the value with no formatting if its less then four digits\n  // this is to avoid weird behavior that occurs if you  format the area code too early\n  // if phoneNumberLength is greater than 10 we don't do any formatting\n\n  if (phoneNumberLength < 4 || phoneNumberLength > 10) {\n    // no formatting in this case, remove ' ' behind countrycode\n    return countryCodeNA.replace(' ', '') + phoneNumber;\n  }\n\n  // if phoneNumberLength is greater than 4 and less the 7 we start to return\n  // the formatted number\n  if (phoneNumberLength < 7) {\n    return `${countryCodeNA}(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3)}`;\n  }\n\n  // finally, if the phoneNumberLength is greater then seven, we add the last\n  // bit of formatting and return it.\n  return `${countryCodeNA}(${phoneNumber.slice(0, 3)}) ${phoneNumber.slice(3, 6)}-${phoneNumber.slice(\n    6,\n    phoneNumber.length\n  )}`;\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.js

@@ -14,8 +14,8 @@
  *
  * if MessageId of B is larger than message Id of A, then B is created after A
  * if the last read message is created after the message A is sent, then user should have read message A as well */
-export default ((message, readReceiptsBySenderId) => {
-    return Object.entries(readReceiptsBySenderId)
+export default (message, readReceiptsBySenderId) => {
+    return (Object.entries(readReceiptsBySenderId)
         // Filter to only read receipts that match the message OR the participant has read a different message after this message has been created
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         .filter(([_, readReceipt]) => readReceipt.lastReadMessage >= message.messageId)
@@ -23,9 +23,6 @@ export default ((message, readReceiptsBySenderId) => {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         .filter(([_, readReceipt]) => readReceipt.displayName && readReceipt.displayName !== '')
         // Map properties to useful array
-        .map(([id, readReceipt]) => ({
-        id,
-        displayName: readReceipt.displayName
-    }));
-});
+        .map(([id, readReceipt]) => ({ id, displayName: readReceipt.displayName })));
+};
 //# sourceMappingURL=getParticipantsWhoHaveReadMessage.js.map

package/dist/dist-esm/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"getParticipantsWhoHaveReadMessage.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/getParticipantsWhoHaveReadMessage.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAOlC;;;;;;;;;;;;;mHAamH;AACnH,eAAe,CAAC,CAAC,OAA4F,EAAE,sBAA8C,EAGzJ,EAAE;IACJ,OAAO,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC;QAC7C,0IAA0I;QAC1I,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,eAAe,IAAI,OAAO,CAAC,SAAS,CAAC;QAC/E,gDAAgD;QAChD,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,WAAW,KAAK,EAAE,CAAC;QACxF,iCAAiC;SAChC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3B,EAAE;QACF,WAAW,EAAE,WAAW,CAAC,WAAW;KACrC,CAAC,CAAC,CAAC;AACN,CAAC,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ChatMessage, ReadReceiptsBySenderId } from '../..';\n\n/* @conditional-compile-remove(data-loss-prevention) */\nimport { BlockedMessage } from '../../types/ChatMessage';\n\n/**\n * @private\n *logic: Looking at message A, how do we know it's read number?\n * Assumption: if user read the latest message, user has read all messages before that\n * ReadReceipt behaviour: read receipt is only sent to the last message\n *\n * If participant read a message that is sent later than message A, then the participant has read message A\n * How do we check if the message is sent later than message A?\n * We compare if the messageID of the last read message is larger than or equal to the message A's id\n * Because messageID is the creation timestamp of each message\n * Timestamps are in epoch time so lecixographical ordering is the same as time ordering.\n *\n * if MessageId of B is larger than message Id of A, then B is created after A\n * if the last read message is created after the message A is sent, then user should have read message A as well */\nexport default ((message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */BlockedMessage, readReceiptsBySenderId: ReadReceiptsBySenderId): {\n  id: string;\n  displayName: string;\n}[] => {\n  return Object.entries(readReceiptsBySenderId)\n  // Filter to only read receipts that match the message OR the participant has read a different message after this message has been created\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  .filter(([_, readReceipt]) => readReceipt.lastReadMessage >= message.messageId)\n  // make sure the person is not removed from chat\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  .filter(([_, readReceipt]) => readReceipt.displayName && readReceipt.displayName !== '')\n  // Map properties to useful array\n  .map(([id, readReceipt]) => ({\n    id,\n    displayName: readReceipt.displayName\n  }));\n});"]}
+{"version":3,"file":"getParticipantsWhoHaveReadMessage.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/getParticipantsWhoHaveReadMessage.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAOlC;;;;;;;;;;;;;mHAamH;AACnH,eAAe,CACb,OAA6F,EAC7F,sBAA8C,EACP,EAAE;IACzC,OAAO,CACL,MAAM,CAAC,OAAO,CAAC,sBAAsB,CAAC;QACpC,0IAA0I;QAC1I,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,eAAe,IAAI,OAAO,CAAC,SAAS,CAAC;QAC/E,gDAAgD;QAChD,6DAA6D;SAC5D,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,WAAW,KAAK,EAAE,CAAC;QACxF,iCAAiC;SAChC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,CAC9E,CAAC;AACJ,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { ChatMessage, ReadReceiptsBySenderId } from '../..';\n\n/* @conditional-compile-remove(data-loss-prevention) */\nimport { BlockedMessage } from '../../types/ChatMessage';\n\n/**\n * @private\n *logic: Looking at message A, how do we know it's read number?\n * Assumption: if user read the latest message, user has read all messages before that\n * ReadReceipt behaviour: read receipt is only sent to the last message\n *\n * If participant read a message that is sent later than message A, then the participant has read message A\n * How do we check if the message is sent later than message A?\n * We compare if the messageID of the last read message is larger than or equal to the message A's id\n * Because messageID is the creation timestamp of each message\n * Timestamps are in epoch time so lecixographical ordering is the same as time ordering.\n *\n * if MessageId of B is larger than message Id of A, then B is created after A\n * if the last read message is created after the message A is sent, then user should have read message A as well */\nexport default (\n  message: ChatMessage | /* @conditional-compile-remove(data-loss-prevention) */ BlockedMessage,\n  readReceiptsBySenderId: ReadReceiptsBySenderId\n): { id: string; displayName: string }[] => {\n  return (\n    Object.entries(readReceiptsBySenderId)\n      // Filter to only read receipts that match the message OR the participant has read a different message after this message has been created\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .filter(([_, readReceipt]) => readReceipt.lastReadMessage >= message.messageId)\n      // make sure the person is not removed from chat\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      .filter(([_, readReceipt]) => readReceipt.displayName && readReceipt.displayName !== '')\n      // Map properties to useful array\n      .map(([id, readReceipt]) => ({ id, displayName: readReceipt.displayName }))\n  );\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/keyboardNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardNavigation.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/keyboardNavigation.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAmC,EAAE,QAAwF,EAAQ,EAAE;IACxK,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACvC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACd,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * For keyboard navigation - when this component has active focus, enter key and space keys should have the same behavior as mouse click.\n *\n * @private\n */\nexport const submitWithKeyboard = (e: React.KeyboardEvent<HTMLElement>, onSubmit: (e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void): void => {\n  if (e.key === 'Enter' || e.key === ' ') {\n    onSubmit(e);\n  }\n};"]}
+{"version":3,"file":"keyboardNavigation.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/keyboardNavigation.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,CAAmC,EACnC,QAAwF,EAClF,EAAE;IACR,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QACvC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACd,CAAC;AACH,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * For keyboard navigation - when this component has active focus, enter key and space keys should have the same behavior as mouse click.\n *\n * @private\n */\nexport const submitWithKeyboard = (\n  e: React.KeyboardEvent<HTMLElement>,\n  onSubmit: (e?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void\n): void => {\n  if (e.key === 'Enter' || e.key === ' ') {\n    onSubmit(e);\n  }\n};\n"]}

package/dist/dist-esm/react-components/src/components/utils/merge.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/merge.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAAoC,MAAqB,EAAE,MAAqB;IAC7G,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,gCAChC,CAAC,MAAM,IAAI,EAAE,CAAC,GACd,CAAC,MAAM,IAAI,EAAE,CAAC,CACZ,CAAA,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC3B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QACvB,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { useMemo } from 'react';\n\n/**\n * Shallow merge two objects and return a memoized result.\n *\n * @private\n */\nexport function useShallowMerge<T extends Record<string, unknown>>(target: T | undefined, source: T | undefined): T | undefined {\n  const memoizedMerge = useMemo(() => ({\n    ...(target || {}),\n    ...(source || {})\n  } as T), [target, source]);\n  if (!target && !source) {\n    return undefined;\n  }\n  return memoizedMerge;\n}"]}
+{"version":3,"file":"merge.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/merge.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,MAAqB,EACrB,MAAqB;IAErB,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,iCACK,CAAC,MAAM,IAAI,EAAE,CAAC,GACd,CAAC,MAAM,IAAI,EAAE,CAAC,EACZ,EACT,CAAC,MAAM,EAAE,MAAM,CAAC,CACjB,CAAC;IAEF,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC;QACvB,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,aAAa,CAAC;AACvB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { useMemo } from 'react';\n\n/**\n * Shallow merge two objects and return a memoized result.\n *\n * @private\n */\nexport function useShallowMerge<T extends Record<string, unknown>>(\n  target: T | undefined,\n  source: T | undefined\n): T | undefined {\n  const memoizedMerge = useMemo(\n    () =>\n      ({\n        ...(target || {}),\n        ...(source || {})\n      }) as T,\n    [target, source]\n  );\n\n  if (!target && !source) {\n    return undefined;\n  }\n\n  return memoizedMerge;\n}\n"]}

package/dist/dist-esm/react-components/src/components/utils/overFlowGalleriesUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"overFlowGalleriesUtils.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/overFlowGalleriesUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;;;;;GAQG;AACH,MAAM,UAAU,SAAS,CAAI,GAAQ,EAAE,UAAkB;IACvD,MAAM,WAAW,GAAU,EAAE,CAAC;IAC9B,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;QACpB,OAAO,WAAW,CAAC;IACrB,CAAC;IACD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC;QAChD,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;IACjD,CAAC;IACD,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Helper function to bucketize a given array of items into buckets of a specified size.\n *\n * @param arr array to bucketize\n * @param bucketSize number of children for each bucket\n * @returns nested array of given children\n *\n * @private\n */\nexport function bucketize<T>(arr: T[], bucketSize: number): T[][] {\n  const bucketArray: T[][] = [];\n  if (bucketSize <= 0) {\n    return bucketArray;\n  }\n  for (let i = 0; i < arr.length; i += bucketSize) {\n    bucketArray.push(arr.slice(i, i + bucketSize));\n  }\n  return bucketArray;\n}"]}
+{"version":3,"file":"overFlowGalleriesUtils.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/overFlowGalleriesUtils.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC;;;;;;;;GAQG;AACH,MAAM,UAAU,SAAS,CAAI,GAAQ,EAAE,UAAkB;IACvD,MAAM,WAAW,GAAU,EAAE,CAAC;IAE9B,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;QACpB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC;QAChD,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,OAAO,WAAW,CAAC;AACrB,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\n/**\n * Helper function to bucketize a given array of items into buckets of a specified size.\n *\n * @param arr array to bucketize\n * @param bucketSize number of children for each bucket\n * @returns nested array of given children\n *\n * @private\n */\nexport function bucketize<T>(arr: T[], bucketSize: number): T[][] {\n  const bucketArray: T[][] = [];\n\n  if (bucketSize <= 0) {\n    return bucketArray;\n  }\n\n  for (let i = 0; i < arr.length; i += bucketSize) {\n    bucketArray.push(arr.slice(i, i + bucketSize));\n  }\n\n  return bucketArray;\n}\n"]}

package/dist/dist-esm/react-components/src/components/utils/responsive.js

@@ -10,9 +10,14 @@ import { _convertRemToPx as convertRemToPx } from "../../../../acs-ui-common/src
  */
 export const _useContainerWidth = (containerRef) => {
     const [width, setWidth] = useState(undefined);
-    const observer = useRef(new ResizeObserver(entries => {
+    const observer = useRef(new ResizeObserver((entries) => {
         const { width } = entries[0].contentRect;
-        setWidth(width);
+        if (Number.isNaN(width)) {
+            setWidth(0);
+        }
+        else {
+            setWidth(width);
+        }
     }));
     useEffect(() => {
         if (containerRef.current) {
@@ -33,9 +38,14 @@ export const _useContainerWidth = (containerRef) => {
  */
 export const _useContainerHeight = (containerRef) => {
     const [height, setHeight] = useState(undefined);
-    const observer = useRef(new ResizeObserver(entries => {
+    const observer = useRef(new ResizeObserver((entries) => {
         const { height } = entries[0].contentRect;
-        setHeight(height);
+        if (Number.isNaN(height)) {
+            setHeight(0);
+        }
+        else {
+            setHeight(height);
+        }
     }));
     useEffect(() => {
         if (containerRef.current) {

package/dist/dist-esm/react-components/src/components/utils/responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../../../../../preprocess-dist/react-components/src/components/utils/responsive.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,sCAAgC;AAE5E;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,YAAoC,EAAsB,EAAE;IAC7F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;QACnD,MAAM,EACJ,KAAK,EACN,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAC3B,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,CAAC,CAAC,CAAC;IACJ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;QACD,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC;QACzC,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,YAAoC,EAAsB,EAAE;IAC9F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACpE,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;QACnD,MAAM,EACJ,MAAM,EACP,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAC3B,SAAS,CAAC,MAAM,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC,CAAC;IACJ,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;QACD,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC;QACzC,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC7B,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AACF,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,gBAAgB,GAAG,KAAK,CAAC;AAE/B;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,iBAAyB,EAAW,EAAE,CAAC,iBAAiB,IAAI,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE3H;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,kBAA0B,EAAW,EAAE,CAAC,kBAAkB,IAAI,cAAc,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { RefObject, useEffect, useState, useRef } from 'react';\nimport { _convertRemToPx as convertRemToPx } from '@internal/acs-ui-common';\n\n/**\n * A utility hook for providing the width of a parent element.\n * Returns updated width if parent/window resizes.\n * @param containerRef - Ref of a parent element whose width will be returned.\n * @internal\n */\nexport const _useContainerWidth = (containerRef: RefObject<HTMLElement>): number | undefined => {\n  const [width, setWidth] = useState<number | undefined>(undefined);\n  const observer = useRef(new ResizeObserver(entries => {\n    const {\n      width\n    } = entries[0].contentRect;\n    setWidth(width);\n  }));\n  useEffect(() => {\n    if (containerRef.current) {\n      observer.current.observe(containerRef.current);\n    }\n    const currentObserver = observer.current;\n    return () => {\n      currentObserver.disconnect();\n    };\n  }, [containerRef, observer]);\n  return width;\n};\n\n/**\n * A utility hook for providing the height of a parent element.\n * Returns updated height if parent/window resizes.\n * @param containerRef - Ref of a parent element whose height will be returned.\n * @internal\n */\nexport const _useContainerHeight = (containerRef: RefObject<HTMLElement>): number | undefined => {\n  const [height, setHeight] = useState<number | undefined>(undefined);\n  const observer = useRef(new ResizeObserver(entries => {\n    const {\n      height\n    } = entries[0].contentRect;\n    setHeight(height);\n  }));\n  useEffect(() => {\n    if (containerRef.current) {\n      observer.current.observe(containerRef.current);\n    }\n    const currentObserver = observer.current;\n    return () => {\n      currentObserver.disconnect();\n    };\n  }, [containerRef, observer]);\n  return height;\n};\nconst NARROW_WIDTH_REM = 30;\nconst SHORT_HEIGHT_REM = 23.75;\n\n/**\n * Utility function to determine if container width is narrow\n * @param containerWidthRem  container width in rem\n * @returns boolean\n */\nexport const isNarrowWidth = (containerWidthRem: number): boolean => containerWidthRem <= convertRemToPx(NARROW_WIDTH_REM);\n\n/**\n * Utility function to determine if container width is short\n * @param containerWidthRem  container height in rem\n * @returns boolean\n */\nexport const isShortHeight = (containerHeightRem: number): boolean => containerHeightRem <= convertRemToPx(SHORT_HEIGHT_REM);"]}
+{"version":3,"file":"responsive.js","sourceRoot":"","sources":["../../../../../../../react-components/src/components/utils/responsive.ts"],"names":[],"mappings":"AAAA,uCAAuC;AACvC,kCAAkC;AAElC,OAAO,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,sCAAgC;AAE5E;;;;;GAKG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,YAAoC,EAAsB,EAAE;IAC7F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,MAAM,CACrB,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QACzC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YACxB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;QAED,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC;QACzC,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,YAAoC,EAAsB,EAAE;IAC9F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAEpE,MAAM,QAAQ,GAAG,MAAM,CACrB,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;QAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAC1C,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;YACzB,SAAS,CAAC,CAAC,CAAC,CAAC;QACf,CAAC;aAAM,CAAC;YACN,SAAS,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,CAAC,CACH,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACzB,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACjD,CAAC;QAED,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC;QACzC,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,UAAU,EAAE,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE7B,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAE5B,MAAM,gBAAgB,GAAG,KAAK,CAAC;AAE/B;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,iBAAyB,EAAW,EAAE,CAClE,iBAAiB,IAAI,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAExD;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,kBAA0B,EAAW,EAAE,CACnE,kBAAkB,IAAI,cAAc,CAAC,gBAAgB,CAAC,CAAC","sourcesContent":["// Copyright (c) Microsoft Corporation.\n// Licensed under the MIT License.\n\nimport { RefObject, useEffect, useState, useRef } from 'react';\nimport { _convertRemToPx as convertRemToPx } from '@internal/acs-ui-common';\n\n/**\n * A utility hook for providing the width of a parent element.\n * Returns updated width if parent/window resizes.\n * @param containerRef - Ref of a parent element whose width will be returned.\n * @internal\n */\nexport const _useContainerWidth = (containerRef: RefObject<HTMLElement>): number | undefined => {\n  const [width, setWidth] = useState<number | undefined>(undefined);\n\n  const observer = useRef(\n    new ResizeObserver((entries) => {\n      const { width } = entries[0].contentRect;\n      if (Number.isNaN(width)) {\n        setWidth(0);\n      } else {\n        setWidth(width);\n      }\n    })\n  );\n\n  useEffect(() => {\n    if (containerRef.current) {\n      observer.current.observe(containerRef.current);\n    }\n\n    const currentObserver = observer.current;\n    return () => {\n      currentObserver.disconnect();\n    };\n  }, [containerRef, observer]);\n\n  return width;\n};\n\n/**\n * A utility hook for providing the height of a parent element.\n * Returns updated height if parent/window resizes.\n * @param containerRef - Ref of a parent element whose height will be returned.\n * @internal\n */\nexport const _useContainerHeight = (containerRef: RefObject<HTMLElement>): number | undefined => {\n  const [height, setHeight] = useState<number | undefined>(undefined);\n\n  const observer = useRef(\n    new ResizeObserver((entries) => {\n      const { height } = entries[0].contentRect;\n      if (Number.isNaN(height)) {\n        setHeight(0);\n      } else {\n        setHeight(height);\n      }\n    })\n  );\n\n  useEffect(() => {\n    if (containerRef.current) {\n      observer.current.observe(containerRef.current);\n    }\n\n    const currentObserver = observer.current;\n    return () => {\n      currentObserver.disconnect();\n    };\n  }, [containerRef, observer]);\n\n  return height;\n};\n\nconst NARROW_WIDTH_REM = 30;\n\nconst SHORT_HEIGHT_REM = 23.75;\n\n/**\n * Utility function to determine if container width is narrow\n * @param containerWidthRem  container width in rem\n * @returns boolean\n */\nexport const isNarrowWidth = (containerWidthRem: number): boolean =>\n  containerWidthRem <= convertRemToPx(NARROW_WIDTH_REM);\n\n/**\n * Utility function to determine if container width is short\n * @param containerWidthRem  container height in rem\n * @returns boolean\n */\nexport const isShortHeight = (containerHeightRem: number): boolean =>\n  containerHeightRem <= convertRemToPx(SHORT_HEIGHT_REM);\n"]}

package/dist/dist-esm/react-components/src/components/utils/useLongPress.js

@@ -83,6 +83,15 @@ export default function useLongPress(props) {
         onKeyDown: handleOnKeyDown,
         onKeyUp: handleOnKeyUp,
         onTouchMove: handleOnTouchMove
-    }), [handleOnClick, handleOnKeyDown, handleOnKeyUp, handleOnMouseDown, handleOnMouseUp, handleOnTouchEnd, handleOnTouchStart, handleOnTouchMove]);
+    }), [
+        handleOnClick,
+        handleOnKeyDown,
+        handleOnKeyUp,
+        handleOnMouseDown,
+        handleOnMouseUp,
+        handleOnTouchEnd,
+        handleOnTouchStart,
+        handleOnTouchMove
+    ]);
 }
 //# sourceMappingURL=useLongPress.js.map