botframework-webchat-fluent-theme 4.17.0-main.20240411.647b269 → 4.17.0-main.20240416.4ff01ae

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/private/FluentThemeProvider.tsx","../src/external/ThemeProvider.tsx","../src/private/SendBox.tsx"],"sourcesContent":["import { injectMetaTag } from 'inject-meta-tag';\n\nimport FluentThemeProvider from './private/FluentThemeProvider';\n\ndeclare const NPM_PACKAGE_VERSION: string;\n\ninjectMetaTag('botframework-webchat-fluent-theme:version', NPM_PACKAGE_VERSION);\n\nexport { FluentThemeProvider };\n","import React, { memo, type ReactNode } from 'react';\n\nimport ThemeProvider from '../external/ThemeProvider';\nimport SendBox from './SendBox';\n\ntype Props = Readonly<{ children?: ReactNode | undefined }>;\n\nconst STYLE_OPTIONS = { bubbleBackground: '#fee' };\n\nconst sendBoxMiddleware = [() => () => () => SendBox];\n\nconst FluentThemeProvider = ({ children }: Props) => (\n  <ThemeProvider sendBoxMiddleware={sendBoxMiddleware} styleOptions={STYLE_OPTIONS}>\n    {children}\n  </ThemeProvider>\n);\n\nexport default memo(FluentThemeProvider);\n","import { type Components } from 'botframework-webchat-component';\n\n// TODO: We should do isomorphic:\n//       - If loading UMD, we should look at window.WebChat.Components.ThemeProvider\n//       - Otherwise, we should import { type Components } from 'botframework-webchat-component'\ntype ThemeProviderType = (typeof Components)['ThemeProvider'];\n\nconst {\n  WebChat: {\n    Components: { ThemeProvider }\n  }\n} = globalThis as unknown as {\n  WebChat: { Components: { ThemeProvider: ThemeProviderType } };\n};\n\nexport default ThemeProvider;\n","import React, { memo } from 'react';\n\ntype Props = Readonly<{ className?: string | undefined }>;\n\nconst SendBox = ({ className }: Props) => <div className={className}>{'Fluent send box'}</div>;\n\nexport default memo(SendBox);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BAA8B;;;ACA9B,IAAAA,gBAA4C;;;ACO5C,IAAM;AAAA,EACJ,SAAS;AAAA,IACP,YAAY,EAAE,cAAc;AAAA,EAC9B;AACF,IAAI;AAIJ,IAAO,wBAAQ;;;ACff,mBAA4B;AAI5B,IAAM,UAAU,CAAC,EAAE,UAAU,MAAa,6BAAAC,QAAA,cAAC,SAAI,aAAuB,iBAAkB;AAExF,IAAO,sBAAQ,mBAAK,OAAO;;;AFC3B,IAAM,gBAAgB,EAAE,kBAAkB,OAAO;AAEjD,IAAM,oBAAoB,CAAC,MAAM,MAAM,MAAM,eAAO;AAEpD,IAAM,sBAAsB,CAAC,EAAE,SAAS,MACtC,8BAAAC,QAAA,cAAC,yBAAc,mBAAsC,cAAc,iBAChE,QACH;AAGF,IAAO,kCAAQ,oBAAK,mBAAmB;;;IDXvC,sCAAc,6CAA6C,8BAAmB;","names":["import_react","React","React"]}
+{"version":3,"sources":["../src/index.ts","../src/private/FluentThemeProvider.tsx","../src/components/telephoneKeypad/Provider.tsx","../src/components/telephoneKeypad/private/Context.ts","../src/components/telephoneKeypad/Surrogate.tsx","../src/components/telephoneKeypad/private/TelephoneKeypad.tsx","../src/components/telephoneKeypad/private/Button.tsx","../src/components/telephoneKeypad/private/Button.module.css","../src/styles/injectStyle.ts","../src/styles/useStyles.ts","../src/testIds.ts","../src/components/telephoneKeypad/useShown.ts","../src/components/telephoneKeypad/private/TelephoneKeypad.module.css","../src/components/Theme.tsx","../src/components/Theme.module.css","../src/components/sendbox/index.tsx","../src/icons/SendIcon.tsx","../src/components/dropZone/index.tsx","../src/icons/AddDocumentIcon.tsx","../src/components/dropZone/index.module.css","../src/components/DropZone.tsx","../src/components/suggestedActions/index.tsx","../src/components/suggestedActions/SuggestedAction.tsx","../src/components/suggestedActions/SuggestedAction.module.css","../src/components/suggestedActions/AccessibleButton.tsx","../src/components/suggestedActions/private/computeSuggestedActionText.ts","../src/components/suggestedActions/index.module.css","../src/components/SuggestedActions.tsx","../src/components/sendbox/AddAttachmentButton.tsx","../src/icons/AttachmentIcon.tsx","../src/components/sendbox/Toolbar.tsx","../src/components/sendbox/Toolbar.module.css","../src/components/sendbox/AddAttachmentButton.module.css","../src/components/sendbox/Attachments.tsx","../src/components/sendbox/Attachments.module.css","../src/components/sendbox/ErrorMessage.tsx","../src/components/sendbox/ErrorMessage.module.css","../src/components/sendbox/TelephoneKeypadToolbarButton.tsx","../src/icons/TelephoneKeypad.tsx","../src/components/sendbox/TextArea.tsx","../src/components/sendbox/TextArea.module.css","../src/components/sendbox/private/useSubmitError.ts","../src/components/sendbox/private/useUniqueId.ts","../src/components/sendbox/index.module.css","../src/components/SendBox.tsx"],"sourcesContent":["import { injectMetaTag } from 'inject-meta-tag';\n\nimport FluentThemeProvider from './private/FluentThemeProvider';\nimport testIds from './testIds';\nimport { injectStyle } from './styles';\n\ndeclare const NPM_PACKAGE_VERSION: string;\n\ninjectMetaTag('botframework-webchat-fluent-theme:version', NPM_PACKAGE_VERSION);\n\ninjectStyle();\n\nexport { FluentThemeProvider, testIds };\n","import { Components } from 'botframework-webchat-component';\nimport React, { memo, type ReactNode } from 'react';\n\nimport { TelephoneKeypadProvider } from '../components/TelephoneKeypad';\nimport WebChatTheme from '../components/Theme';\nimport SendBox from '../components/SendBox';\n\nconst { ThemeProvider } = Components;\n\ntype Props = Readonly<{ children?: ReactNode | undefined }>;\n\nconst sendBoxMiddleware = [() => () => () => SendBox];\n\nconst FluentThemeProvider = ({ children }: Props) => (\n  <WebChatTheme>\n    <TelephoneKeypadProvider>\n      <ThemeProvider sendBoxMiddleware={sendBoxMiddleware}>{children}</ThemeProvider>\n    </TelephoneKeypadProvider>\n  </WebChatTheme>\n);\n\nexport default memo(FluentThemeProvider);\n","import React, { memo, useMemo, useState, type ReactNode } from 'react';\n\nimport Context from './private/Context';\n\ntype Props = Readonly<{ children?: ReactNode | undefined }>;\n\nconst Provider = memo(({ children }: Props) => {\n  const [shown, setShown] = useState(false);\n\n  const context = useMemo(\n    () =>\n      Object.freeze({\n        setShown,\n        shown\n      }),\n    [setShown, shown]\n  );\n\n  return <Context.Provider value={context}>{children}</Context.Provider>;\n});\n\nexport default Provider;\n","import { createContext, type Dispatch, type SetStateAction } from 'react';\n\ntype ContextType = Readonly<{\n  setShown: Dispatch<SetStateAction<boolean>>;\n  shown: boolean;\n}>;\n\nconst Context = createContext<ContextType>(\n  new Proxy({} as ContextType, {\n    get() {\n      throw new Error('botframework-webchat: This hook can only used under its corresponding <Provider>.');\n    }\n  })\n);\n\nContext.displayName = 'TelephoneKeypad.Context';\n\nexport default Context;\n","import React, { memo } from 'react';\n\nimport type { PropsOf } from '../../types/PropsOf';\nimport TelephoneKeypad from './private/TelephoneKeypad';\nimport useShown from './useShown';\n\ntype Props = PropsOf<typeof TelephoneKeypad>;\n\nconst TelephoneKeypadSurrogate = memo((props: Props) => (useShown()[0] ? <TelephoneKeypad {...props} /> : false));\n\nTelephoneKeypadSurrogate.displayName = 'TelephoneKeypad.Surrogate';\n\nexport default TelephoneKeypadSurrogate;\n","import React, { KeyboardEventHandler, memo, useCallback, useEffect, useRef, type ReactNode } from 'react';\nimport { useRefFrom } from 'use-ref-from';\n\nimport Button from './Button';\n// import HorizontalDialPadController from './HorizontalDialPadController';\nimport testIds from '../../../testIds';\nimport { type DTMF } from '../types';\nimport useShown from '../useShown';\nimport styles from './TelephoneKeypad.module.css';\nimport { useStyles } from '../../../styles';\n\ntype Props = Readonly<{\n  autoFocus?: boolean | undefined;\n  isHorizontal: boolean;\n  onButtonClick: (button: DTMF) => void;\n}>;\n\nconst Orientation = memo(\n  ({ children, isHorizontal }: Readonly<{ children?: ReactNode | undefined; isHorizontal: boolean }>) => {\n    const classNames = useStyles(styles);\n\n    return isHorizontal ? (\n      // <HorizontalDialPadController>{children}</HorizontalDialPadController>\n      false\n    ) : (\n      <div className={classNames['telephone-keypad__box']}>{children}</div>\n    );\n  }\n);\n\nOrientation.displayName = 'TelephoneKeypad:Orientation';\n\nconst TelephoneKeypad = memo(({ autoFocus, onButtonClick, isHorizontal }: Props) => {\n  const autoFocusRef = useRefFrom(autoFocus);\n  const classNames = useStyles(styles);\n  const firstButtonRef = useRef<HTMLButtonElement>(null);\n  const onButtonClickRef = useRefFrom(onButtonClick);\n  const [, setShown] = useShown();\n\n  const handleButton1Click = useCallback(() => onButtonClickRef.current?.('1'), [onButtonClickRef]);\n  const handleButton2Click = useCallback(() => onButtonClickRef.current?.('2'), [onButtonClickRef]);\n  const handleButton3Click = useCallback(() => onButtonClickRef.current?.('3'), [onButtonClickRef]);\n  const handleButton4Click = useCallback(() => onButtonClickRef.current?.('4'), [onButtonClickRef]);\n  const handleButton5Click = useCallback(() => onButtonClickRef.current?.('5'), [onButtonClickRef]);\n  const handleButton6Click = useCallback(() => onButtonClickRef.current?.('6'), [onButtonClickRef]);\n  const handleButton7Click = useCallback(() => onButtonClickRef.current?.('7'), [onButtonClickRef]);\n  const handleButton8Click = useCallback(() => onButtonClickRef.current?.('8'), [onButtonClickRef]);\n  const handleButton9Click = useCallback(() => onButtonClickRef.current?.('9'), [onButtonClickRef]);\n  const handleButton0Click = useCallback(() => onButtonClickRef.current?.('0'), [onButtonClickRef]);\n  const handleButtonStarClick = useCallback(() => onButtonClickRef.current?.('star'), [onButtonClickRef]);\n  const handleButtonPoundClick = useCallback(() => onButtonClickRef.current?.('pound'), [onButtonClickRef]);\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n    event => {\n      if (event.key === 'Escape') {\n        // TODO: Should send focus to the send box.\n        setShown(false);\n      }\n    },\n    [setShown]\n  );\n\n  useEffect(() => {\n    autoFocusRef.current && firstButtonRef.current?.focus();\n  }, [autoFocusRef, firstButtonRef]);\n\n  return (\n    <div className={classNames['telephone-keypad']} onKeyDown={handleKeyDown}>\n      <Orientation isHorizontal={isHorizontal}>\n        <Button\n          button=\"1\"\n          data-testid={testIds.sendBoxTelephoneKeypadButton1}\n          onClick={handleButton1Click}\n          ref={firstButtonRef}\n        />\n        <Button\n          button=\"2\"\n          data-testid={testIds.sendBoxTelephoneKeypadButton2}\n          onClick={handleButton2Click}\n          ruby=\"ABC\"\n        />\n        <Button\n          button=\"3\"\n          data-testid={testIds.sendBoxTelephoneKeypadButton3}\n          onClick={handleButton3Click}\n          ruby=\"DEF\"\n        />\n        <Button\n          button=\"4\"\n          data-testid={testIds.sendBoxTelephoneKeypadButton4}\n          onClick={handleButton4Click}\n          ruby=\"GHI\"\n        />\n        <Button\n          button=\"5\"\n          data-testid={testIds.sendBoxTelephoneKeypadButton5}\n          onClick={handleButton5Click}\n          ruby=\"JKL\"\n        />\n        <Button\n          button=\"6\"\n          data-testid={testIds.sendBoxTelephoneKeypadButton6}\n          onClick={handleButton6Click}\n          ruby=\"MNO\"\n        />\n        <Button\n          button=\"7\"\n          data-testid={testIds.sendBoxTelephoneKeypadButton7}\n          onClick={handleButton7Click}\n          ruby=\"PQRS\"\n        />\n        <Button\n          button=\"8\"\n          data-testid={testIds.sendBoxTelephoneKeypadButton8}\n          onClick={handleButton8Click}\n          ruby=\"TUV\"\n        />\n        <Button\n          button=\"9\"\n          data-testid={testIds.sendBoxTelephoneKeypadButton9}\n          onClick={handleButton9Click}\n          ruby=\"WXYZ\"\n        />\n        <Button button=\"star\" data-testid={testIds.sendBoxTelephoneKeypadButtonStar} onClick={handleButtonStarClick} />\n        <Button button=\"0\" data-testid={testIds.sendBoxTelephoneKeypadButton0} onClick={handleButton0Click} ruby=\"+\" />\n        <Button\n          button=\"pound\"\n          data-testid={testIds.sendBoxTelephoneKeypadButtonPound}\n          onClick={handleButtonPoundClick}\n        />\n      </Orientation>\n    </div>\n  );\n});\n\nTelephoneKeypad.displayName = 'TelephoneKeypad';\n\nexport default TelephoneKeypad;\n","import React, { forwardRef, memo, useCallback, type Ref } from 'react';\n\nimport { useRefFrom } from 'use-ref-from';\n\nimport { type DTMF } from '../types';\n\nimport styles from './Button.module.css';\nimport { useStyles } from '../../../styles';\n\ntype Props = Readonly<{\n  button: DTMF;\n  ['data-testid']?: string | undefined;\n  onClick?: (() => void) | undefined;\n  ruby?: string | undefined;\n}>;\n\nconst Button = memo(\n  // As we are all TypeScript, internal components do not need propTypes.\n  // eslint-disable-next-line react/prop-types\n  forwardRef(({ button, 'data-testid': dataTestId, onClick, ruby }: Props, ref: Ref<HTMLButtonElement>) => {\n    const classNames = useStyles(styles);\n    const onClickRef = useRefFrom(onClick);\n\n    const handleClick = useCallback(() => onClickRef.current?.(), [onClickRef]);\n\n    return (\n      <button\n        className={classNames['telephone-keypad__button']}\n        data-testid={dataTestId}\n        onClick={handleClick}\n        ref={ref}\n        type=\"button\"\n      >\n        <span className={classNames['telephone-keypad__button__text']}>\n          {button === 'star' ? '\\u2217' : button === 'pound' ? '#' : button}\n        </span>\n        {!!ruby && <ruby className={classNames['telephone-keypad__button__ruby']}>{ruby}</ruby>}\n      </button>\n    );\n  })\n);\n\nButton.displayName = 'TelephoneKeypad.Button';\n\nexport default Button;\n","\n:global(.webchat-fluent) .telephone-keypad__button {\n  -webkit-user-select: none;\n  align-items: center;\n  appearance: none;\n  /* backgroundColor: isDarkTheme() || isHighContrastTheme() ? black : white, */\n  background-color: White;\n  border-radius: 100%;\n\n  /* Whitelabel styles */\n  /* border: `solid 1px ${isHighContrastTheme() ? white : isDarkTheme() ? gray160 : gray40}`, */\n  /* color: inherit; */\n\n  border: solid 1px var(--webchat-colorNeutralStroke1);\n  color: var(--webchat-colorGray200);\n  font-weight: var(--webchat-fontWeightSemibold);\n\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  height: 60px;\n  opacity: 0.7;\n  padding: 0;\n  position: relative;\n  touch-action: none;\n  user-select: none;\n  width: 60px;\n\n  &:hover {\n    /* backgroundColor: isHighContrastTheme() ? gray210 : isDarkTheme() ? gray150 : gray30 */\n    background-color: var(--webchat-colorGray30)\n  }\n}\n\n:global(.webchat-fluent) .telephone-keypad__button__ruby {\n  /* color: isHighContrastTheme() ? white : isDarkTheme() ? gray40 : gray160, */\n  color: var(--webchat-colorGray190);\n  font-size: 10px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__button__text {\n  font-size: 24px;\n  margin-top: 8px;\n}\n\n:global(.webchat-fluent) .telephone-keypad--horizontal {\n  & .telephone-keypad__button {\n    height: 32px;\n    justify-content: center;\n    margin: 8px 4px;\n    width: 32px;\n  };\n\n  .telephone-keypad__button__ruby {\n    display: none;\n  }\n\n  & .telephone-keypad__button__text {\n    font-size: 20px;\n    margin-top: 0;\n  }\n}\n","export const injectedStyles = '@--INJECTED-STYLES-CONTENT--@';\n\nexport default function injectStyles() {\n  if (globalThis.document) {\n    const style = document.createElement('style');\n    style.append(document.createTextNode(injectedStyles));\n    document.head.appendChild(style);\n  }\n}\n","import { useMemo } from 'react';\n\nfunction useStyles<T extends CSSModuleClasses>(styles: T): T {\n  // @ts-expect-error: entries/fromEntries don't allow to specify keys type\n  return useMemo(\n    () =>\n      Object.freeze(\n        Object.fromEntries(\n          Object.entries(styles).map(([baseClassName, resultClassName]) => [\n            baseClassName,\n            `${baseClassName} ${resultClassName}`\n          ])\n        )\n      ),\n    [styles]\n  );\n}\n\nexport default useStyles;\n","const testIds = {\n  sendBoxDropZone: 'send box drop zone',\n  sendBoxSendButton: 'send box send button',\n  sendBoxTextBox: 'send box text area',\n  sendBoxTelephoneKeypadButton1: `send box telephone keypad button 1`,\n  sendBoxTelephoneKeypadButton2: `send box telephone keypad button 2`,\n  sendBoxTelephoneKeypadButton3: `send box telephone keypad button 3`,\n  sendBoxTelephoneKeypadButton4: `send box telephone keypad button 4`,\n  sendBoxTelephoneKeypadButton5: `send box telephone keypad button 5`,\n  sendBoxTelephoneKeypadButton6: `send box telephone keypad button 6`,\n  sendBoxTelephoneKeypadButton7: `send box telephone keypad button 7`,\n  sendBoxTelephoneKeypadButton8: `send box telephone keypad button 8`,\n  sendBoxTelephoneKeypadButton9: `send box telephone keypad button 9`,\n  sendBoxTelephoneKeypadButton0: `send box telephone keypad button 0`,\n  sendBoxTelephoneKeypadButtonStar: `send box telephone keypad button star`,\n  sendBoxTelephoneKeypadButtonPound: `send box telephone keypad button pound`,\n  sendBoxTelephoneKeypadToolbarButton: 'send box telephone keypad toolbar button',\n  sendBoxUploadButton: 'send box upload button'\n};\n\nexport default testIds;\n","import { useContext, useMemo, type Dispatch, type SetStateAction } from 'react';\n\nimport Context from './private/Context';\n\nexport default function useShown(): readonly [boolean, Dispatch<SetStateAction<boolean>>] {\n  const { setShown, shown } = useContext(Context);\n\n  return useMemo(() => Object.freeze([shown, setShown]), [shown, setShown]);\n}\n","\n:global(.webchat-fluent) .telephone-keypad {\n  /* Commented out whitelabel styles for now. */\n  /* background: getHighContrastDarkThemeColor(highContrastColor: black, darkThemeColor: gray190, string, defaultColor: gray10), */\n  /* borderRadius: '8px 8px 0px 0px; */\n  /* boxShadow: '-3px 0px 7px 0px rgba(0, 0, 0, 0.13), -0.6px 0px 1.8px 0px rgba(0, 0, 0, 0.10)', */\n\n  align-items: center;\n  background: var(--webchat-colorNeutralBackground1);\n  /* border: isHighContrastTheme() ? `1px solid ${white}` : none; */\n  border: none;\n  border-radius: var(--webchat-borderRadiusXLarge);\n  /* boxShadow: var(--shadow16); */\n  display: flex;\n  flex-direction: column;\n  font-family: var(--webchat-fontFamilyBase);\n  justify-content: center;\n  /* margin: var(--spacingHorizontalMNudge)' */\n}\n\n:global(.webchat-fluent) .telephone-keypad__box {\n  box-sizing: border-box;\n  display: grid;\n  gap: 16px;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: repeat(4, 1fr);\n  justify-items: center;\n  padding: 16px;\n  width: 100%;\n}\n","import React, { type ReactNode } from 'react';\nimport cx from 'classnames';\nimport styles from './Theme.module.css';\nimport { useStyles } from '../styles';\n\nexport const rootClassName = 'webchat-fluent';\n\nexport default function WebchatTheme(props: Readonly<{ readonly children: ReactNode | undefined }>) {\n  const classNames = useStyles(styles);\n  return <div className={cx(rootClassName, classNames['theme'])}>{props.children}</div>;\n}\n","\n:global(.webchat-fluent).theme {\n  display: contents;\n\n  --webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);\n  --webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);\n  --webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);\n\n  --webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);\n\n  --webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);\n  --webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);\n  --webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);\n\n  --webchat-colorSubtleBackgroundHover: var(--colorSubtleBackgroundHover, #f5f5f5);\n  --webchat-colorSubtleBackgroundPressed: var(--colorSubtleBackgroundPressed, #e0e0e0);\n\n  --webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);\n  --webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);\n  --webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);\n\n  --webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);\n\n  --webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);\n  --webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);\n\n  --webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);\n  --webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);\n\n  --webchat-colorCompoundBrandForeground1: var(--colorCompoundBrandForeground1, #077fab);\n\n  --webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);\n  --webchat-colorCompoundBrandForeground1Pressed: var(--colorCompoundBrandForeground1Pressed, #01678c);\n\n  --webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);\n\n  /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/colors.ts */\n  --webchat-colorGray30: var(--colorGray30, #edebe9);\n  --webchat-colorGray160: var(--colorGray160, #323130);\n  --webchat-colorGray190: var(--colorGray190, #201f1e);\n  --webchat-colorGray200: var(--colorGray200, #1b1a19);\n\n  /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/borderRadius.ts */\n  --webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);\n  --webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);\n  --webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);\n\n  /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/utils/shadows.ts */\n  --webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108));\n\n  /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/spacings.ts */\n  --webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);\n\n  /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n  --webchat-fontFamilyBase: var(--fontFamilyBase, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif);\n  --webchat-fontFamilyNumeric: var(--fontFamilyNumeric, Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif);\n\n  /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n  --webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);\n}","import { hooks } from 'botframework-webchat-component';\nimport cx from 'classnames';\nimport React, { memo, useCallback, useRef, useState, type FormEventHandler, type MouseEventHandler } from 'react';\nimport { useRefFrom } from 'use-ref-from';\nimport { SendIcon } from '../../icons/SendIcon';\nimport testIds from '../../testIds';\nimport DropZone from '../DropZone';\nimport SuggestedActions from '../SuggestedActions';\nimport { TelephoneKeypadSurrogate, useTelephoneKeypadShown, type DTMF } from '../TelephoneKeypad';\nimport AddAttachmentButton from './AddAttachmentButton';\nimport Attachments from './Attachments';\nimport ErrorMessage from './ErrorMessage';\nimport TelephoneKeypadToolbarButton from './TelephoneKeypadToolbarButton';\nimport TextArea from './TextArea';\nimport { Toolbar, ToolbarButton, ToolbarSeparator } from './Toolbar';\nimport useSubmitError from './private/useSubmitError';\nimport useUniqueId from './private/useUniqueId';\nimport styles from './index.module.css';\nimport { useStyles } from '../../styles';\n\nconst { useStyleOptions, useMakeThumbnail, useLocalizer, useSendBoxAttachments, useSendMessage } = hooks;\n\nfunction SendBox(\n  props: Readonly<{\n    className?: string | undefined;\n    placeholder?: string | undefined;\n  }>\n) {\n  const inputRef = useRef<HTMLTextAreaElement>(null);\n  const [message, setMessage] = useState('');\n  const [attachments, setAttachments] = useSendBoxAttachments();\n  const [{ hideTelephoneKeypadButton, hideUploadButton, maxMessageLength }] = useStyleOptions();\n  const isMessageLengthExceeded = !!maxMessageLength && message.length > maxMessageLength;\n  const classNames = useStyles(styles);\n  const localize = useLocalizer();\n  const sendMessage = useSendMessage();\n  const makeThumbnail = useMakeThumbnail();\n  const errorMessageId = useUniqueId('sendbox__error-message-id');\n  const [errorRef, errorMessage] = useSubmitError({ message, attachments });\n  const [telephoneKeypadShown] = useTelephoneKeypadShown();\n\n  const attachmentsRef = useRefFrom(attachments);\n  const messageRef = useRefFrom(message);\n\n  const handleSendBoxClick = useCallback<MouseEventHandler>(\n    event => {\n      if ('tabIndex' in event.target && typeof event.target.tabIndex === 'number' && event.target.tabIndex >= 0) {\n        return;\n      }\n\n      // TODO: Should call `useFocus('sendBox')`.\n      inputRef.current?.focus();\n    },\n    [inputRef]\n  );\n\n  const handleMessageChange: React.FormEventHandler<HTMLTextAreaElement> = useCallback(\n    event => setMessage(event.currentTarget.value),\n    [setMessage]\n  );\n\n  const handleAddFiles = useCallback(\n    async (inputFiles: File[]) => {\n      const newAttachments = Object.freeze(\n        await Promise.all(\n          inputFiles.map(file =>\n            makeThumbnail(file).then(thumbnailURL =>\n              Object.freeze({\n                blob: file,\n                ...(thumbnailURL && { thumbnailURL })\n              })\n            )\n          )\n        )\n      );\n\n      setAttachments(newAttachments);\n\n      // TODO: Currently in the UX, we have no way to remove attachments.\n      //       Keep concatenating doesn't make sense in current UX.\n      //       When end-user can remove attachment, we should enable the code again.\n      // setAttachments(attachments => attachments.concat(newAttachments));\n    },\n    [makeThumbnail, setAttachments]\n  );\n\n  const handleFormSubmit: FormEventHandler<HTMLFormElement> = useCallback(\n    event => {\n      event.preventDefault();\n\n      if (errorRef.current !== 'empty' && !isMessageLengthExceeded) {\n        sendMessage(messageRef.current, undefined, { attachments: attachmentsRef.current });\n\n        setMessage('');\n        setAttachments([]);\n      }\n\n      // TODO: Should call `useFocus('sendBox')`.\n      inputRef.current?.focus();\n    },\n    [attachmentsRef, messageRef, sendMessage, setAttachments, setMessage, isMessageLengthExceeded, errorRef, inputRef]\n  );\n\n  const handleTelephoneKeypadButtonClick = useCallback(\n    // TODO: We need more official way of sending DTMF.\n    (dtmf: DTMF) => sendMessage(`/DTMF ${dtmf}`),\n    [sendMessage]\n  );\n\n  const aria = {\n    'aria-invalid': 'false' as const,\n    ...(errorMessage && {\n      'aria-invalid': 'true' as const,\n      'aria-errormessage': errorMessageId\n    })\n  };\n\n  return (\n    <form {...aria} className={cx(classNames['sendbox'], props.className)} onSubmit={handleFormSubmit}>\n      <SuggestedActions />\n      <div className={cx(classNames['sendbox__sendbox'])} onClickCapture={handleSendBoxClick}>\n        <TelephoneKeypadSurrogate\n          autoFocus={true}\n          isHorizontal={false}\n          onButtonClick={handleTelephoneKeypadButtonClick}\n        />\n        <TextArea\n          aria-label={isMessageLengthExceeded ? localize('TEXT_INPUT_LENGTH_EXCEEDED_ALT') : localize('TEXT_INPUT_ALT')}\n          className={classNames['sendbox__sendbox-text']}\n          data-testid={testIds.sendBoxTextBox}\n          hidden={telephoneKeypadShown}\n          onInput={handleMessageChange}\n          placeholder={props.placeholder ?? localize('TEXT_INPUT_PLACEHOLDER')}\n          ref={inputRef}\n          value={message}\n        />\n        <Attachments attachments={attachments} />\n        <div className={cx(classNames['sendbox__sendbox-controls'])}>\n          {maxMessageLength && (\n            <div\n              className={cx(classNames['sendbox__text-counter'], {\n                [classNames['sendbox__text-counter--error']]: isMessageLengthExceeded\n              })}\n            >\n              {`${message.length}/${maxMessageLength}`}\n            </div>\n          )}\n          <Toolbar>\n            {!hideTelephoneKeypadButton && <TelephoneKeypadToolbarButton />}\n            {!hideUploadButton && <AddAttachmentButton onFilesAdded={handleAddFiles} />}\n            <ToolbarSeparator />\n            <ToolbarButton\n              aria-label={localize('TEXT_INPUT_SEND_BUTTON_ALT')}\n              data-testid={testIds.sendBoxSendButton}\n              disabled={isMessageLengthExceeded}\n              type=\"submit\"\n            >\n              <SendIcon />\n            </ToolbarButton>\n          </Toolbar>\n        </div>\n        <DropZone onFilesAdded={handleAddFiles} />\n        <ErrorMessage error={errorMessage} id={errorMessageId} />\n      </div>\n    </form>\n  );\n}\n\nexport default memo(SendBox);\n","import React from 'react';\n\nexport function SendIcon(props: Readonly<{ readonly className?: string }>) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={props.className}\n      fill=\"currentColor\"\n      height=\"1em\"\n      viewBox=\"0 0 20 20\"\n      width=\"1em\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M2.18 2.11a.5.5 0 0 1 .54-.06l15 7.5a.5.5 0 0 1 0 .9l-15 7.5a.5.5 0 0 1-.7-.58L3.98 10 2.02 2.63a.5.5 0 0 1 .16-.52Zm2.7 8.39-1.61 6.06L16.38 10 3.27 3.44 4.88 9.5h6.62a.5.5 0 1 1 0 1H4.88Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n","import { hooks } from 'botframework-webchat-component';\nimport cx from 'classnames';\nimport React, { memo, useCallback, useEffect, useRef, useState, type DragEventHandler } from 'react';\nimport { useRefFrom } from 'use-ref-from';\n\nimport { AddDocumentIcon } from '../../icons/AddDocumentIcon';\nimport testIds from '../../testIds';\nimport styles from './index.module.css';\nimport { useStyles } from '../../styles';\n\nconst { useLocalizer } = hooks;\n\nconst handleDragOver: DragEventHandler<HTMLDivElement> = event => {\n  // This is for preventing the browser from opening the dropped file in a new tab.\n  event.preventDefault();\n};\n\n// Notes: For files dragging from outside of browser, it only tell us if it is a \"File\" instead of \"text/plain\" or \"text/uri-list\".\n//        For images dragging inside of browser, it only tell us that it is \"text/plain\", \"text/uri-list\" and \"text/html\". But not \"image/*\".\n//        So we cannot whitelist what is droppable.\n//        We are using case-insensitive of type \"files\" so we can drag in WebDriver.\nconst isFilesTransferEvent = (event: DragEvent) =>\n  !!event.dataTransfer?.types?.some(type => type.toLowerCase() === 'files');\n\nfunction isDescendantOf(target: Node, ancestor: Node): boolean {\n  let current = target.parentNode;\n\n  while (current) {\n    if (current === ancestor) {\n      return true;\n    }\n\n    current = current.parentNode;\n  }\n\n  return false;\n}\n\nconst DropZone = (props: { readonly onFilesAdded: (files: File[]) => void }) => {\n  const [dropZoneState, setDropZoneState] = useState<false | 'visible' | 'droppable'>(false);\n  const classNames = useStyles(styles);\n  const dropZoneRef = useRef<HTMLDivElement>(null);\n  const localize = useLocalizer();\n  const onFilesAddedRef = useRefFrom(props.onFilesAdded);\n\n  useEffect(() => {\n    let entranceCounter = 0;\n\n    const handleDragEnter = (event: DragEvent) => {\n      entranceCounter++;\n\n      if (isFilesTransferEvent(event)) {\n        setDropZoneState(\n          dropZoneRef.current &&\n            (event.target === dropZoneRef.current ||\n              (event.target instanceof HTMLElement && isDescendantOf(event.target, dropZoneRef.current)))\n            ? 'droppable'\n            : 'visible'\n        );\n      }\n    };\n\n    const handleDragLeave = () => --entranceCounter <= 0 && setDropZoneState(false);\n\n    document.addEventListener('dragenter', handleDragEnter, false);\n    document.addEventListener('dragleave', handleDragLeave, false);\n\n    return () => {\n      document.removeEventListener('dragenter', handleDragEnter);\n      document.removeEventListener('dragleave', handleDragLeave);\n    };\n  }, [setDropZoneState]);\n\n  const handleDrop = useCallback<DragEventHandler<HTMLDivElement>>(\n    event => {\n      event.preventDefault();\n\n      setDropZoneState(false);\n\n      if (!isFilesTransferEvent(event.nativeEvent)) {\n        return;\n      }\n\n      onFilesAddedRef.current([...event.dataTransfer.files]);\n    },\n    [onFilesAddedRef, setDropZoneState]\n  );\n\n  return dropZoneState ? (\n    <div\n      className={cx(classNames['sendbox__attachment-drop-zone'], {\n        [classNames['sendbox__attachment-drop-zone--droppable']]: dropZoneState === 'droppable'\n      })}\n      data-testid={testIds.sendBoxDropZone}\n      onDragOver={handleDragOver}\n      onDrop={handleDrop}\n      ref={dropZoneRef}\n    >\n      <AddDocumentIcon className={classNames['sendbox__attachment-drop-zone-icon']} />\n      {localize('TEXT_INPUT_DROP_ZONE')}\n    </div>\n  ) : null;\n};\n\nDropZone.displayName = 'DropZone';\n\nexport default memo(DropZone);\n","import React from 'react';\n\nexport function AddDocumentIcon(props: Readonly<{ readonly className?: string }>) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={props.className}\n      fill=\"currentColor\"\n      height=\"1em\"\n      viewBox=\"0 0 20 20\"\n      width=\"1em\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M6 2a2 2 0 0 0-2 2v5.2c.32-.08.66-.15 1-.18V4a1 1 0 0 1 1-1h4v3.5c0 .83.67 1.5 1.5 1.5H15v8a1 1 0 0 1-1 1h-3.6c-.18.36-.4.7-.66 1H14a2 2 0 0 0 2-2V7.41c0-.4-.16-.78-.44-1.06l-3.91-3.91A1.5 1.5 0 0 0 10.59 2H6Zm8.8 5h-3.3a.5.5 0 0 1-.5-.5V3.2L14.8 7ZM10 14.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-4-2a.5.5 0 0 0-1 0V14H3.5a.5.5 0 0 0 0 1H5v1.5a.5.5 0 0 0 1 0V15h1.5a.5.5 0 0 0 0-1H6v-1.5Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n",":global(.webchat-fluent) .sendbox__attachment-drop-zone {\n  background-color: var(--webchat-colorNeutralBackground4);\n  border-radius: inherit;\n  cursor: copy;\n  display: grid;\n  gap: 8px;\n  inset: 0;\n  place-content: center;\n  place-items: center;\n  position: absolute;\n}\n\n:global(.webchat-fluent) .sendbox__attachment-drop-zone--droppable {\n  background-color: #e00;\n  color: White\n}\n\n:global(.webchat-fluent) .sendbox__attachment-drop-zone-icon {\n  height: 36px;\n  /* Set \"pointer-events: none\" to ignore dragging over the icon. Otherwise, when dragging over the icon; it would disable the \"--droppable\" modifier.*/\n  pointer-events: none;\n  width: 36px\n}\n","import DropZone from './dropZone/index';\n\nexport default DropZone;\n","import { hooks } from 'botframework-webchat-component';\nimport cx from 'classnames';\nimport React, { memo, type ReactNode } from 'react';\nimport SuggestedAction from './SuggestedAction';\nimport computeSuggestedActionText from './private/computeSuggestedActionText';\nimport styles from './index.module.css';\nimport { useStyles } from '../../styles';\n\nconst { useLocalizer, useStyleOptions, useStyleSet, useSuggestedActions } = hooks;\n\nfunction SuggestedActionStackedOrFlowContainer(\n  props: Readonly<{\n    'aria-label'?: string | undefined;\n    children?: ReactNode | undefined;\n    className?: string | undefined;\n  }>\n) {\n  const [{ suggestedActionLayout }] = useStyleOptions();\n  const [{ suggestedActions: suggestedActionsStyleSet }] = useStyleSet();\n  const classNames = useStyles(styles);\n\n  return (\n    <div\n      aria-label={props['aria-label']}\n      aria-live=\"polite\"\n      aria-orientation=\"vertical\"\n      className={cx(\n        classNames['suggested-actions'],\n        suggestedActionsStyleSet + '',\n        {\n          [classNames['suggested-actions--flow']]: suggestedActionLayout === 'flow',\n          [classNames['suggested-actions--stacked']]: suggestedActionLayout !== 'flow'\n        },\n        props.className\n      )}\n      role=\"toolbar\"\n    >\n      {!!props.children && !!React.Children.count(props.children) && props.children}\n    </div>\n  );\n}\n\nfunction SuggestedActions() {\n  const classNames = useStyles(styles);\n  const localize = useLocalizer();\n  const [suggestedActions] = useSuggestedActions();\n  const children = suggestedActions.map((cardAction, index) => {\n    const { displayText, image, imageAltText, text, type, value } = cardAction as {\n      displayText?: string;\n      image?: string;\n      imageAltText?: string;\n      text?: string;\n      type:\n        | 'call'\n        | 'downloadFile'\n        | 'imBack'\n        | 'messageBack'\n        | 'openUrl'\n        | 'playAudio'\n        | 'playVideo'\n        | 'postBack'\n        | 'showImage'\n        | 'signin';\n      value?: { [key: string]: any } | string;\n    };\n\n    if (!suggestedActions?.length) {\n      return null;\n    }\n\n    return (\n      <SuggestedAction\n        buttonText={computeSuggestedActionText(cardAction)}\n        displayText={displayText}\n        image={image}\n        // Image alt text should use `imageAltText` field and fallback to `text` field.\n        // https://github.com/microsoft/botframework-sdk/blob/main/specs/botframework-activity/botframework-activity.md#image-alt-text\n        imageAlt={image && (imageAltText || text)}\n        itemIndex={index}\n        // eslint-disable-next-line react/no-array-index-key\n        key={index}\n        text={text}\n        type={type}\n        value={value}\n      />\n    );\n  });\n  return (\n    <SuggestedActionStackedOrFlowContainer\n      aria-label={localize('SUGGESTED_ACTIONS_LABEL_ALT')}\n      className={classNames['suggested-actions']}\n    >\n      {children}\n    </SuggestedActionStackedOrFlowContainer>\n  );\n}\n\nexport default memo(SuggestedActions);\n","import { hooks } from 'botframework-webchat-component';\nimport { type DirectLineCardAction } from 'botframework-webchat-core';\nimport cx from 'classnames';\nimport React, { MouseEventHandler, memo, useCallback, useRef } from 'react';\nimport styles from './SuggestedAction.module.css';\nimport { useStyles } from '../../styles';\nimport AccessibleButton from './AccessibleButton';\n\nconst { useDisabled, useFocus, usePerformCardAction, useScrollToEnd, useStyleSet, useSuggestedActions } = hooks;\n\ntype SuggestedActionProps = Readonly<{\n  buttonText: string | undefined;\n  className?: string | undefined;\n  displayText?: string | undefined;\n  image?: string | undefined;\n  imageAlt?: string | undefined;\n  itemIndex: number;\n  text?: string | undefined;\n  type?:\n    | 'call'\n    | 'downloadFile'\n    | 'imBack'\n    | 'messageBack'\n    | 'openUrl'\n    | 'playAudio'\n    | 'playVideo'\n    | 'postBack'\n    | 'showImage'\n    | 'signin';\n  value?: any;\n}>;\n\nfunction SuggestedAction({\n  buttonText,\n  className,\n  displayText,\n  image,\n  imageAlt,\n  text,\n  type,\n  value\n}: SuggestedActionProps) {\n  const [_, setSuggestedActions] = useSuggestedActions();\n  const [{ suggestedAction: suggestedActionStyleSet }] = useStyleSet();\n  const [disabled] = useDisabled();\n  const focus = useFocus();\n  const focusRef = useRef<HTMLButtonElement>(null);\n  const performCardAction = usePerformCardAction();\n  const classNames = useStyles(styles);\n  const scrollToEnd = useScrollToEnd();\n\n  const handleClick = useCallback<MouseEventHandler<HTMLButtonElement>>(\n    ({ target }) => {\n      (async function () {\n        // We need to focus to the send box before we are performing this card action.\n        // The will make sure the focus is always on Web Chat.\n        // Otherwise, the focus may momentarily send to `document.body` and screen reader will be confused.\n        await focus('sendBoxWithoutKeyboard');\n\n        // TODO: [P3] #XXX We should not destruct DirectLineCardAction into React props and pass them in. It makes typings difficult.\n        //       Instead, we should pass a \"cardAction\" props.\n        performCardAction({ displayText, text, type, value } as DirectLineCardAction, { target });\n\n        // Since \"openUrl\" action do not submit, the suggested action buttons do not hide after click.\n        type === 'openUrl' && setSuggestedActions([]);\n\n        scrollToEnd();\n      })();\n    },\n    [displayText, focus, performCardAction, scrollToEnd, setSuggestedActions, text, type, value]\n  );\n\n  return (\n    <AccessibleButton\n      className={cx(classNames['suggested-action'], suggestedActionStyleSet + '', (className || '') + '')}\n      disabled={disabled}\n      onClick={handleClick}\n      ref={focusRef}\n      type=\"button\"\n    >\n      {image && <img alt={imageAlt} className={classNames['suggested-action__image']} src={image} />}\n      <span>{buttonText}</span>\n    </AccessibleButton>\n  );\n}\n\nexport default memo(SuggestedAction);\n",":global(.webchat-fluent) .suggested-action {\n  align-items: center;\n  background: transparent;\n  border-radius: 8px;\n  border: 1px solid var(--webchat-colorBrandStroke2);\n  cursor: pointer;\n  display: flex;\n  font-size: 12px;\n  gap: 4px;\n  padding: 4px 8px 4px;\n  text-align: start;\n  transition: all .15s ease-out;\n\n  @media (hover: hover) {\n    &:not([aria-disabled=\"true\"]):hover {\n      background-color: var(--webchat-colorBrandBackground2Hover);\n      color: var(--webchat-colorBrandForeground2Hover)\n    }\n  }\n  &:not([aria-disabled=\"true\"]):active {\n    background-color: var(--webchat-colorBrandBackground2Pressed);\n    color: var(--webchat-colorBrandForeground2Pressed)\n  }\n  &[aria-disabled=\"true\"] {\n    color: var(--webchat-colorNeutralForegroundDisabled);\n    cursor: not-allowed\n  }\n}\n\n:global(.webchat-fluent) .suggested-action__image {\n  font-size: 12px;\n  height: 1em;\n  width: 1em;\n}\n","import React, { MouseEventHandler, ReactNode, forwardRef, memo, useRef } from 'react';\n\nconst preventDefaultHandler: MouseEventHandler<HTMLButtonElement> = event => event.preventDefault();\n\ntype AccessibleButtonProps = Readonly<{\n  className?: string | undefined;\n  'aria-hidden'?: boolean;\n  children?: ReactNode;\n  disabled?: boolean;\n  onClick?: MouseEventHandler<HTMLButtonElement>;\n  tabIndex?: number;\n  type: 'button';\n}>;\n\n// Differences between <button> and <AccessibleButton>:\n// - Disable behavior\n//   - When the widget is disabled\n//     - Set \"aria-disabled\" attribute to \"true\"\n//     - Set \"readonly\" attribute\n//     - Set \"tabIndex\" to -1\n//     - Remove \"onClick\" handler\n//   - Why this is needed\n//     - Browser compatibility: when the widget is disabled, different browser send focus to different places\n//     - When the widget become disabled, it's reasonable to keep the focus on the same widget for an extended period of time\n//       - When the user presses TAB after the current widget is disabled, it should jump to the next non-disabled widget\n\n// Developers using this accessible widget will need to:\n// - Style the disabled widget themselves, using CSS query `:disabled, [aria-disabled=\"true\"] {}`\n// - Modify all code that check disabled through \"disabled\" attribute to use aria-disabled=\"true\" instead\n//   - aria-disabled=\"true\" is the source of truth\n// - If the widget is contained by a <form>, the developer need to filter out some `onSubmit` event caused by this widget\n\nconst AccessibleButton = forwardRef<HTMLButtonElement, AccessibleButtonProps>(\n  ({ 'aria-hidden': ariaHidden, children, disabled, onClick, tabIndex, ...props }, forwardedRef) => {\n    const targetRef = useRef<HTMLButtonElement>(null);\n\n    const ref = forwardedRef || targetRef;\n\n    return (\n      <button\n        aria-disabled={disabled ? 'true' : 'false'}\n        aria-hidden={ariaHidden}\n        onClick={disabled ? preventDefaultHandler : onClick}\n        ref={ref}\n        tabIndex={tabIndex}\n        {...(disabled && {\n          'aria-disabled': 'true',\n          tabIndex: -1\n        })}\n        {...props}\n        type=\"button\"\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport default memo(AccessibleButton);\n","import type { DirectLineCardAction } from 'botframework-webchat-core';\n\n// Please refer to this article to find out how to compute the \"button text\" for suggested action.\n// https://github.com/Microsoft/botframework-sdk/blob/main/specs/botframework-activity/botframework-activity.md#card-action\nexport default function computeSuggestedActionText(cardAction: DirectLineCardAction) {\n  // \"CardAction\" must contains at least image or title.\n  const { title } = cardAction as { title?: string };\n  const { type, value } = cardAction;\n\n  if (type === 'messageBack') {\n    return title || cardAction.displayText;\n  } else if (title) {\n    return title;\n  } else if (typeof value === 'string') {\n    return value;\n  }\n\n  return JSON.stringify(value);\n}\n\n// TODO: [P1] This is copied from botframework-webchat-component. Think about what we should do to eliminate duplications.\n","\n:global(.webchat-fluent) .suggested-actions {\n  align-items: flex-end;\n  align-self: flex-end;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n\n  &:not(:empty) {\n    padding-block-end: 8px;\n    padding-inline-start: 4px\n  }\n\n  &.suggested-actions--flow {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n  }\n\n  &.suggested-actions--stacked {\n    flex-direction: column\n  }\n}\n","import SuggestedActions from './suggestedActions/index';\n\nexport default SuggestedActions;\n","import { hooks } from 'botframework-webchat-component';\nimport React, { useCallback, useRef, type ChangeEventHandler, memo } from 'react';\nimport { useRefFrom } from 'use-ref-from';\nimport { AttachmentIcon } from '../../icons/AttachmentIcon';\nimport testIds from '../../testIds';\nimport { ToolbarButton } from './Toolbar';\nimport styles from './AddAttachmentButton.module.css';\nimport { useStyles } from '../../styles';\n\nconst { useLocalizer, useStyleOptions } = hooks;\n\nfunction AddAttachmentButton(\n  props: Readonly<{\n    disabled?: boolean | undefined;\n    onFilesAdded: ((files: File[]) => void) | undefined;\n  }>\n) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const classNames = useStyles(styles);\n  const localize = useLocalizer();\n  const [{ uploadAccept, uploadMultiple }] = useStyleOptions();\n  const onFilesAddedRef = useRefFrom(props.onFilesAdded);\n\n  const handleClick = useCallback(() => inputRef.current?.click(), [inputRef]);\n\n  const handleFileChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    ({ target: { files } }) => {\n      if (files) {\n        onFilesAddedRef.current?.([...files]);\n\n        if (inputRef.current) {\n          inputRef.current.value = '';\n        }\n      }\n    },\n    [inputRef, onFilesAddedRef]\n  );\n\n  return (\n    <div className={classNames['sendbox__add-attachment']}>\n      <input\n        accept={uploadAccept}\n        aria-disabled={props.disabled}\n        aria-hidden=\"true\"\n        className={classNames['sendbox__add-attachment-input']}\n        multiple={uploadMultiple}\n        onInput={props.disabled ? undefined : handleFileChange}\n        readOnly={props.disabled}\n        ref={inputRef}\n        role=\"button\"\n        tabIndex={-1}\n        type=\"file\"\n      />\n      <ToolbarButton\n        aria-label={localize('TEXT_INPUT_UPLOAD_BUTTON_ALT')}\n        data-testid={testIds.sendBoxUploadButton}\n        onClick={handleClick}\n      >\n        <AttachmentIcon />\n      </ToolbarButton>\n    </div>\n  );\n}\n\nexport default memo(AddAttachmentButton);\n","import React from 'react';\n\nexport function AttachmentIcon(props: Readonly<{ readonly className?: string }>) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={props.className}\n      fill=\"currentColor\"\n      height=\"1em\"\n      viewBox=\"0 0 20 20\"\n      width=\"1em\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"m4.83 10.48 5.65-5.65a3 3 0 0 1 4.25 4.24L8 15.8a1.5 1.5 0 0 1-2.12-2.12l6-6.01a.5.5 0 1 0-.7-.71l-6 6.01a2.5 2.5 0 0 0 3.53 3.54l6.71-6.72a4 4 0 1 0-5.65-5.66L4.12 9.78a.5.5 0 0 0 .7.7Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n","import cx from 'classnames';\nimport React, { memo, type MouseEventHandler, type ReactNode } from 'react';\nimport styles from './Toolbar.module.css';\nimport { useStyles } from '../../styles';\n\nconst preventDefaultHandler: MouseEventHandler<HTMLButtonElement> = event => event.preventDefault();\n\nexport const ToolbarButton = memo(\n  (\n    props: Readonly<{\n      'aria-label'?: string | undefined;\n      children?: ReactNode | undefined;\n      className?: string | undefined;\n      'data-testid'?: string | undefined;\n      disabled?: boolean | undefined;\n      onClick?: MouseEventHandler<HTMLButtonElement> | undefined;\n      type?: 'button' | 'submit' | undefined;\n    }>\n  ) => {\n    const classNames = useStyles(styles);\n\n    return (\n      <button\n        aria-label={props['aria-label']}\n        className={cx(classNames['sendbox__toolbar-button'], props.className)}\n        data-testid={props['data-testid']}\n        onClick={props.disabled ? preventDefaultHandler : props.onClick}\n        type={props.type === 'submit' ? 'submit' : 'button'}\n        {...(props.disabled && {\n          'aria-disabled': 'true',\n          tabIndex: -1\n        })}\n      >\n        {props.children}\n      </button>\n    );\n  }\n);\n\nToolbarButton.displayName = 'ToolbarButton';\n\nexport const Toolbar = memo((props: Readonly<{ children?: ReactNode | undefined; className?: string | undefined }>) => {\n  const classNames = useStyles(styles);\n\n  return <div className={cx(classNames['sendbox__toolbar'], props.className)}>{props.children}</div>;\n});\n\nToolbar.displayName = 'Toolbar';\n\nexport const ToolbarSeparator = memo(\n  (props: Readonly<{ children?: ReactNode | undefined; className?: string | undefined }>) => {\n    const classNames = useStyles(styles);\n\n    return (\n      <div\n        aria-orientation=\"vertical\"\n        className={cx(classNames['sendbox__toolbar-separator'], props.className)}\n        role=\"separator\"\n      />\n    );\n  }\n);\n\nToolbarSeparator.displayName = 'ToolbarSeparator';\n",":global(.webchat-fluent) .sendbox__toolbar {\n  display: flex;\n  gap: 4px;\n  margin-inline-start: auto;\n}\n\n:global(.webchat-fluent) .sendbox__toolbar-button {\n  align-items: center;\n  appearance: none;\n  aspect-ratio: 1;\n  background: transparent;\n  border-radius: var(--webchat-borderRadiusSmall);\n  border: none;\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  padding: 3px;\n  width: 32px;\n\n  > svg {\n    font-size: 20px;\n    pointer-events: none;\n  }\n\n  @media (hover: hover) {\n    &:not([aria-disabled=\"true\"]):hover {\n      background-color: var(--webchat-colorSubtleBackgroundHover);\n      color: var(--webchat-colorCompoundBrandForeground1Hover);\n    }\n  }\n  &:not([aria-disabled=\"true\"]):active {\n    background-color: var(--webchat-colorSubtleBackgroundPressed);\n    color: var(--webchat-colorCompoundBrandForeground1Pressed);\n  }\n  &[aria-disabled=\"true\"] {\n    color: var(--webchat-colorNeutralForegroundDisabled);\n    cursor: not-allowed;\n  }\n}\n\n:global(.webchat-fluent) .sendbox__toolbar-separator {\n  align-self: center;\n  border-inline-end: 1px solid var(--webchat-colorNeutralStroke2);\n  height: 28px;\n\n  &:first-child, &:last-child, &:only-child {\n    display: none\n  }\n}\n",":global(.webchat-fluent) .sendbox__add-attachment {\n  display: grid\n}\n\n:global(.webchat-fluent) .sendbox__add-attachment-input {\n  font-size: 0;\n  height: 0;\n  opacity: 0;\n  width: 0;\n}\n","import { hooks } from 'botframework-webchat-component';\nimport React, { memo } from 'react';\nimport styles from './Attachments.module.css';\nimport { useStyles } from '../../styles';\n\nconst { useLocalizer } = hooks;\n\nconst attachmentsPluralStringIds = {\n  one: 'TEXT_INPUT_ATTACHMENTS_ONE',\n  two: 'TEXT_INPUT_ATTACHMENTS_TWO',\n  few: 'TEXT_INPUT_ATTACHMENTS_FEW',\n  many: 'TEXT_INPUT_ATTACHMENTS_MANY',\n  other: 'TEXT_INPUT_ATTACHMENTS_OTHER'\n};\n\nfunction Attachments({\n  attachments\n}: Readonly<{\n  readonly attachments: readonly Readonly<{ blob: Blob | File; thumbnailURL?: URL | undefined }>[];\n}>) {\n  const classNames = useStyles(styles);\n  const localizeWithPlural = useLocalizer({ plural: true });\n\n  return attachments.length ? (\n    <div className={classNames['sendbox__attachment']}>\n      {localizeWithPlural(attachmentsPluralStringIds, attachments.length)}\n    </div>\n  ) : null;\n}\n\nexport default memo(Attachments);\n",":global(.webchat-fluent) .sendbox__attachment {\n  border-radius: var(--webchat-borderRadiusLarge);\n  border: 1px solid var(--webchat-colorNeutralStroke1);\n  cursor: default;\n  padding: 6px 8px;\n  width: fit-content\n}\n","import React, { memo } from 'react';\nimport styles from './ErrorMessage.module.css';\nimport { useStyles } from '../../styles';\n\nfunction ErrorMessage(props: Readonly<{ id: string; error?: string | undefined }>) {\n  const classNames = useStyles(styles);\n  return (\n    // eslint-disable-next-line react/forbid-dom-props\n    <span className={classNames['sendbox__error-message']} id={props.id} role=\"alert\">\n      {props.error}\n    </span>\n  );\n}\n\nexport default memo(ErrorMessage);\n",":global(.webchat-fluent) .sendbox__error-message {\n  color: transparent;\n  font-size: 0;\n  height: 0;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 0;\n}\n","import React, { memo, useCallback } from 'react';\n\nimport { hooks } from 'botframework-webchat-component';\nimport { TelephoneKeypadIcon } from '../../icons/TelephoneKeypad';\nimport testIds from '../../testIds';\nimport { useTelephoneKeypadShown } from '../TelephoneKeypad';\nimport { ToolbarButton } from './Toolbar';\n\nconst { useLocalizer } = hooks;\n\nconst TelephoneKeypadToolbarButton = memo(() => {\n  const [, setTelephoneKeypadShown] = useTelephoneKeypadShown();\n  const localize = useLocalizer();\n\n  const handleClick = useCallback(() => setTelephoneKeypadShown(shown => !shown), [setTelephoneKeypadShown]);\n\n  return (\n    <ToolbarButton\n      aria-label={localize('TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT')}\n      data-testid={testIds.sendBoxTelephoneKeypadToolbarButton}\n      onClick={handleClick}\n    >\n      <TelephoneKeypadIcon />\n    </ToolbarButton>\n  );\n});\n\nTelephoneKeypadToolbarButton.displayName = 'SendBox.TelephoneKeypadToolbarButton';\n\nexport default TelephoneKeypadToolbarButton;\n","import React from 'react';\n\nexport function TelephoneKeypadIcon(props: Readonly<{ readonly className?: string }>) {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={props.className}\n      fill=\"currentColor\"\n      height=\"1em\"\n      viewBox=\"0 0 20 20\"\n      width=\"1em\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M6 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm0 4a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM7.25 12a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 16a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM15.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n","import cx from 'classnames';\nimport React, { forwardRef, useCallback, type FormEventHandler, type KeyboardEventHandler } from 'react';\nimport { useStyles } from '../../styles';\nimport styles from './TextArea.module.css';\n\nconst TextArea = forwardRef<\n  HTMLTextAreaElement,\n  Readonly<{\n    'aria-label'?: string | undefined;\n    className?: string | undefined;\n    'data-testid'?: string | undefined;\n\n    /**\n     * `true`, if the text area should be hidden but stay in the DOM, otherwise, `false`.\n     *\n     * Keeping the element in the DOM while making it invisible to users and PWDs is useful in these scenarios:\n     *\n     * - When the DTMF keypad is going away, we need to send focus to the text area before we unmount DTMF keypad,\n     *   This ensures the flow of focus did not sent to document body\n     */\n    hidden?: boolean | undefined;\n    onInput?: FormEventHandler<HTMLTextAreaElement> | undefined;\n    placeholder?: string | undefined;\n    startRows?: number | undefined;\n    value?: string | undefined;\n  }>\n>((props, ref) => {\n  const classNames = useStyles(styles);\n\n  const handleKeyDown = useCallback<KeyboardEventHandler<HTMLTextAreaElement>>(event => {\n    // Shift+Enter adds a new line\n    // Enter requests related form submission\n    if (!event.shiftKey && event.key === 'Enter') {\n      event.preventDefault();\n\n      if ('form' in event.target && event.target.form instanceof HTMLFormElement) {\n        event.target?.form?.requestSubmit();\n      }\n    }\n  }, []);\n\n  return (\n    <div\n      className={cx(\n        classNames['sendbox__text-area'],\n        {\n          [classNames['sendbox__text-area--hidden']]: props.hidden\n        },\n        props.className\n      )}\n      role={props.hidden ? 'hidden' : undefined}\n    >\n      <div\n        className={cx(\n          classNames['sendbox__text-area-doppelganger'],\n          classNames['sendbox__text-area-shared'],\n          classNames['sendbox__text-area-input--scroll']\n        )}\n      >\n        {props.value || props.placeholder}{' '}\n      </div>\n      <textarea\n        aria-label={props['aria-label']}\n        className={cx(\n          classNames['sendbox__text-area-input'],\n          classNames['sendbox__text-area-shared'],\n          classNames['sendbox__text-area-input--scroll']\n        )}\n        data-testid={props['data-testid']}\n        onInput={props.onInput}\n        onKeyDown={handleKeyDown}\n        placeholder={props.placeholder}\n        ref={ref}\n        rows={props.startRows ?? 1}\n        // eslint-disable-next-line no-magic-numbers\n        tabIndex={props.hidden ? -1 : undefined}\n        value={props.value}\n      />\n    </div>\n  );\n});\n\nTextArea.displayName = 'TextArea';\n\nexport default TextArea;\n",":global(.webchat-fluent) .sendbox__text-area {\n  display: grid;\n  grid-template-areas: 'main';\n  max-height: 200px;\n  overflow: hidden;\n}\n\n:global(.webchat-fluent) .sendbox__text-area--hidden {\n  /* TODO: Not perfect way of hiding the text box. */\n  height: 0;\n  visibility: collapse;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-shared {\n  border: none;\n  font: inherit;\n  grid-area: main;\n  outline: inherit;\n  overflow-wrap: anywhere;\n  resize: inherit;\n  scrollbar-gutter: stable;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-doppelganger {\n  overflow: hidden;\n  visibility: hidden;\n  white-space: pre-wrap;\n}\n\n:global(.webchat-fluent) .sendbox__text-area-input {\n  height: 100%;\n  padding: 0\n}\n\n:global(.webchat-fluent) .sendbox__text-area-input--scroll {\n  /* Edge uses -webkit-scrollbar if scrollbar-* is not set */\n  scrollbar-color: unset;\n  scrollbar-width: unset;\n  /* Firefox */\n  -moz-scrollbar-color: var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);\n  -moz-scrollbar-width: thin;\n\n  /* Chrome, Edge, and Safari */\n  &::-webkit-scrollbar {\n    width: 8px\n  }\n\n  &::-webkit-scrollbar-track {\n    background-color: var(--webchat-colorNeutralBackground5);\n    border-radius: 16px\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: var(--webchat-colorNeutralForeground2);\n    border-radius: 16px\n  }\n\n  &::-webkit-scrollbar-corner {\n    background-color: var(--webchat-colorNeutralBackground5);\n  }\n}\n","import { hooks } from 'botframework-webchat-component';\nimport { RefObject, useMemo } from 'react';\nimport { useRefFrom } from 'use-ref-from';\n\nconst { useConnectivityStatus, useLocalizer } = hooks;\n\ntype ErrorMessageStringMap = ReadonlyMap<SendError, string>;\n\ntype SendError = 'empty' | 'offline';\n\nconst useSubmitError = ({\n  attachments,\n  message\n}: Readonly<{\n  attachments: readonly Readonly<{ blob: Blob | File; thumbnailURL?: URL | undefined }>[];\n  message: string;\n}>) => {\n  const [connectivityStatus] = useConnectivityStatus();\n  const localize = useLocalizer();\n\n  const submitErrorRef = useRefFrom<'empty' | 'offline' | undefined>(\n    connectivityStatus !== 'connected' && connectivityStatus !== 'reconnected'\n      ? 'offline'\n      : !message && !attachments.length\n        ? 'empty'\n        : undefined\n  );\n\n  const errorMessageStringMap = useMemo<ErrorMessageStringMap>(\n    () =>\n      Object.freeze(\n        new Map<SendError, string>()\n          .set('empty', localize('SEND_BOX_IS_EMPTY_TOOLTIP_ALT'))\n          // TODO: [P0] We should add a new string for \"Cannot send message while offline.\"\n          .set('offline', localize('CONNECTIVITY_STATUS_ALT_FATAL'))\n      ),\n    [localize]\n  );\n\n  return useMemo<Readonly<[RefObject<SendError | undefined>, string | undefined]>>(\n    () => Object.freeze([submitErrorRef, submitErrorRef.current && errorMessageStringMap.get(submitErrorRef.current)]),\n    [errorMessageStringMap, submitErrorRef]\n  );\n};\n\nexport default useSubmitError;\n","/* eslint no-magic-numbers: [\"error\", { \"ignore\": [2, 5, 36] }] */\n\nimport { useMemo } from 'react';\n// TODO: fix math-random fails to import crypto\n// import random from 'math-random';\n\nexport default function useUniqueId(prefix?: string): string {\n  const id = useMemo(() => Math.random().toString(36).substr(2, 5), []);\n\n  prefix = prefix ? `${prefix}--` : '';\n\n  return `${prefix}${id}`;\n}\n",":global(.webchat-fluent) .sendbox {\n  color: var(--webchat-colorNeutralForeground1);\n  font-family: var(--webchat-fontFamilyBase);\n  padding: 0 10px 10px;\n  text-rendering: optimizeLegibility;\n}\n\n:global(.webchat-fluent) .sendbox__sendbox {\n  background-color: var(--webchat-colorNeutralBackground1);\n  border-radius: var(--webchat-borderRadiusLarge);\n  border: 1px solid var(--webchat-colorNeutralStroke1);\n  display: grid;\n  font-family: var(--webchat-fontFamilyBase);\n  font-size: 14px;\n  gap: 6px;\n  line-height: 20px;\n  padding: 8px;\n  position: relative;\n\n  &:focus-within {\n    border-color: var(--webchat-colorNeutralStroke1Selected);\n    /* TODO clarify with design the color:\n      - Teams is using colorCompoundBrandForeground1\n      - Fluent is using colorCompoundBrandStroke\n      - we are using colorCompoundBrandForeground1Hover */\n    box-shadow: inset 0 -6px 0 -3px var(--webchat-colorCompoundBrandForeground1Hover);\n  }\n}\n\n:global(.webchat-fluent) .sendbox__sendbox-text {\n  background-color: transparent;\n  border: none;\n  flex: auto;\n  font-family: var(--webchat-fontFamilyBase);\n  font-size: 14px;\n  line-height: 20px;\n  outline: none;\n  padding: 4px 4px 0;\n  resize: none;\n}\n\n:global(.webchat-fluent) .sendbox__sendbox-controls {\n  align-items: center;\n  display: flex;\n  padding-inline-start: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter {\n  color: var(--webchat-colorNeutralForeground4);\n  cursor: default;\n  font-family: var(--webchat-fontFamilyNumeric);\n  font-size: 10px;\n  line-height: 14px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter--error {\n  color: var(--webchat-colorStatusDangerForeground1);\n}\n","import SendBox from './sendbox/index';\n\nexport default SendBox;\n"],"mappings":"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","names":["import_botframework_webchat_component","import_react","import_react","React","import_react","import_react","import_use_ref_from","import_react","telephone-keypad__button","telephone-keypad__button__ruby","telephone-keypad__button__text","telephone-keypad--horizontal","import_react","React","Button_default","import_react","telephone-keypad","telephone-keypad__box","React","Button_default","TelephoneKeypad_default","React","TelephoneKeypad_default","import_react","theme","React","cx","import_botframework_webchat_component","import_classnames","import_react","import_use_ref_from","import_react","React","import_classnames","import_react","import_use_ref_from","import_react","React","sendbox__attachment-drop-zone","sendbox__attachment-drop-zone--droppable","sendbox__attachment-drop-zone-icon","React","cx","dropZone_default","dropZone_default","import_botframework_webchat_component","import_classnames","import_react","import_botframework_webchat_component","import_classnames","import_react","suggested-action","suggested-action__image","import_react","React","React","cx","SuggestedAction_default","suggested-actions","suggested-actions--flow","suggested-actions--stacked","useLocalizer","useStyleSet","useSuggestedActions","React","cx","SuggestedAction_default","suggestedActions_default","suggestedActions_default","import_botframework_webchat_component","import_react","import_use_ref_from","import_react","React","import_classnames","import_react","sendbox__toolbar","sendbox__toolbar-button","sendbox__toolbar-separator","preventDefaultHandler","React","cx","sendbox__add-attachment","sendbox__add-attachment-input","useLocalizer","useStyleOptions","React","AddAttachmentButton_default","import_botframework_webchat_component","import_react","sendbox__attachment","useLocalizer","React","Attachments_default","import_react","sendbox__error-message","React","ErrorMessage_default","import_react","import_botframework_webchat_component","import_react","React","useLocalizer","React","import_classnames","import_react","sendbox__text-area","sendbox__text-area--hidden","sendbox__text-area-shared","sendbox__text-area-doppelganger","sendbox__text-area-input","sendbox__text-area-input--scroll","React","cx","TextArea_default","import_botframework_webchat_component","import_react","import_use_ref_from","useLocalizer","import_react","sendbox","sendbox__sendbox","sendbox__sendbox-text","sendbox__sendbox-controls","sendbox__text-counter","sendbox__text-counter--error","useStyleOptions","useLocalizer","React","cx","TextArea_default","Attachments_default","AddAttachmentButton_default","ErrorMessage_default","sendbox_default","sendbox_default","React"]}