botframework-webchat-component 4.13.0 → 4.14.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintignore +1 -9
- package/.eslintrc.yml +6 -0
- package/lib/Activity/Avatar.d.ts +10 -0
- package/lib/Activity/Avatar.d.ts.map +1 -0
- package/lib/Activity/Avatar.js +2 -1
- package/lib/Activity/Bubble.d.ts +11 -0
- package/lib/Activity/Bubble.d.ts.map +1 -0
- package/lib/Activity/Bubble.js +2 -2
- package/lib/Activity/CarouselFilmStrip.js +20 -30
- package/lib/Activity/CarouselFilmStripAttachment.js +120 -0
- package/lib/Activity/CarouselLayout.js +5 -5
- package/lib/Activity/Speak.d.ts +10 -0
- package/lib/Activity/Speak.d.ts.map +1 -0
- package/lib/Activity/Speak.js +10 -12
- package/lib/Activity/StackedLayout.d.ts +18 -0
- package/lib/Activity/StackedLayout.d.ts.map +1 -0
- package/lib/Activity/StackedLayout.js +18 -14
- package/lib/Assets/TypingAnimation.js +2 -2
- package/lib/Attachment/Assets/DownloadIcon.js +3 -1
- package/lib/Attachment/AudioAttachment.js +2 -2
- package/lib/Attachment/AudioContent.d.ts +11 -0
- package/lib/Attachment/AudioContent.d.ts.map +1 -0
- package/lib/Attachment/AudioContent.js +4 -4
- package/lib/Attachment/FileContent.d.ts +10 -0
- package/lib/Attachment/FileContent.d.ts.map +1 -0
- package/lib/Attachment/FileContent.js +4 -9
- package/lib/Attachment/HTMLVideoContent.d.ts +11 -0
- package/lib/Attachment/HTMLVideoContent.d.ts.map +1 -0
- package/lib/Attachment/HTMLVideoContent.js +2 -2
- package/lib/Attachment/ImageContent.d.ts +8 -0
- package/lib/Attachment/ImageContent.d.ts.map +1 -0
- package/lib/Attachment/ImageContent.js +2 -2
- package/lib/Attachment/TextContent.d.ts +8 -0
- package/lib/Attachment/TextContent.d.ts.map +1 -0
- package/lib/Attachment/TextContent.js +4 -4
- package/lib/Attachment/VideoAttachment.js +2 -2
- package/lib/Attachment/VideoContent.d.ts +11 -0
- package/lib/Attachment/VideoContent.d.ts.map +1 -0
- package/lib/Attachment/VideoContent.js +1 -1
- package/lib/Attachment/VimeoContent.d.ts +10 -0
- package/lib/Attachment/VimeoContent.d.ts.map +1 -0
- package/lib/Attachment/VimeoContent.js +8 -8
- package/lib/Attachment/YouTubeContent.d.ts +10 -0
- package/lib/Attachment/YouTubeContent.d.ts.map +1 -0
- package/lib/Attachment/YouTubeContent.js +5 -5
- package/lib/Avatar/ImageAvatar.js +2 -2
- package/lib/Avatar/InitialsAvatar.js +2 -2
- package/lib/BasicConnectivityStatus.js +2 -2
- package/lib/BasicSendBox.d.ts +9 -0
- package/lib/BasicSendBox.d.ts.map +1 -0
- package/lib/BasicSendBox.js +6 -5
- package/lib/BasicToast.js +4 -4
- package/lib/BasicToaster.js +4 -4
- package/lib/BasicTranscript.js +143 -123
- package/lib/BasicTypingIndicator.d.ts +5 -0
- package/lib/BasicTypingIndicator.d.ts.map +1 -0
- package/lib/BasicTypingIndicator.js +2 -2
- package/lib/BasicWebChat.d.ts +9 -0
- package/lib/BasicWebChat.d.ts.map +1 -0
- package/lib/BasicWebChat.js +6 -4
- package/lib/Composer.d.ts +23 -0
- package/lib/Composer.d.ts.map +1 -0
- package/lib/Composer.js +33 -55
- package/lib/ConnectivityStatus/Assets/ErrorNotificationIcon.js +2 -2
- package/lib/ConnectivityStatus/Assets/SpinnerAnimation.js +2 -2
- package/lib/ConnectivityStatus/Assets/WarningNotificationIcon.js +2 -2
- package/lib/ConnectivityStatus/Connected.js +1 -1
- package/lib/ConnectivityStatus/Connecting.js +4 -4
- package/lib/ConnectivityStatus/FailedToConnect.js +2 -2
- package/lib/ConnectivityStatus/JavaScriptError.js +2 -2
- package/lib/Dictation.js +13 -4
- package/lib/ErrorBox.d.ts +8 -0
- package/lib/ErrorBox.d.ts.map +1 -0
- package/lib/ErrorBox.js +2 -2
- package/lib/Middleware/Activity/createCoreMiddleware.d.ts +3 -0
- package/lib/Middleware/Activity/createCoreMiddleware.d.ts.map +1 -0
- package/lib/Middleware/Activity/createCoreMiddleware.js +1 -1
- package/lib/Middleware/ActivityStatus/AbsoluteTime.js +1 -1
- package/lib/Middleware/ActivityStatus/RelativeTime.js +1 -1
- package/lib/Middleware/ActivityStatus/SendStatus/SendFailedRetry.js +3 -3
- package/lib/Middleware/ActivityStatus/SendStatus/SendStatus.d.ts +11 -0
- package/lib/Middleware/ActivityStatus/SendStatus/SendStatus.d.ts.map +1 -0
- package/lib/Middleware/ActivityStatus/SendStatus/SendStatus.js +4 -4
- package/lib/Middleware/ActivityStatus/Timestamp.d.ts +9 -0
- package/lib/Middleware/ActivityStatus/Timestamp.d.ts.map +1 -0
- package/lib/Middleware/ActivityStatus/Timestamp.js +2 -2
- package/lib/Middleware/ActivityStatus/createCoreMiddleware.d.ts +3 -0
- package/lib/Middleware/ActivityStatus/createCoreMiddleware.d.ts.map +1 -0
- package/lib/Middleware/ActivityStatus/createCoreMiddleware.js +1 -1
- package/lib/Middleware/ActivityStatus/createSendStatusMiddleware.js +5 -3
- package/lib/Middleware/ActivityStatus/createTimestampMiddleware.js +1 -1
- package/lib/Middleware/Attachment/createCoreMiddleware.d.ts +3 -0
- package/lib/Middleware/Attachment/createCoreMiddleware.d.ts.map +1 -0
- package/lib/Middleware/Attachment/createCoreMiddleware.js +9 -9
- package/lib/Middleware/AttachmentForScreenReader/AudioAttachment.js +1 -1
- package/lib/Middleware/AttachmentForScreenReader/FileAttachment.js +1 -1
- package/lib/Middleware/AttachmentForScreenReader/ImageAttachment.js +1 -1
- package/lib/Middleware/AttachmentForScreenReader/TextAttachment.js +1 -1
- package/lib/Middleware/AttachmentForScreenReader/VideoAttachment.js +1 -1
- package/lib/Middleware/AttachmentForScreenReader/createCoreMiddleware.d.ts +3 -0
- package/lib/Middleware/AttachmentForScreenReader/createCoreMiddleware.d.ts.map +1 -0
- package/lib/Middleware/AttachmentForScreenReader/createCoreMiddleware.js +9 -5
- package/lib/Middleware/Avatar/createCoreMiddleware.d.ts +11 -0
- package/lib/Middleware/Avatar/createCoreMiddleware.d.ts.map +1 -0
- package/lib/Middleware/Avatar/createCoreMiddleware.js +2 -2
- package/lib/Middleware/CardAction/createCoreMiddleware.js +2 -2
- package/lib/Middleware/GroupActivities/createCoreMiddleware.js +1 -1
- package/lib/Middleware/ScrollToEndButton/ScrollToEndButton.js +71 -0
- package/lib/Middleware/ScrollToEndButton/createScrollToEndButtonMiddleware.d.ts +3 -0
- package/lib/Middleware/ScrollToEndButton/createScrollToEndButtonMiddleware.d.ts.map +1 -0
- package/lib/Middleware/ScrollToEndButton/createScrollToEndButtonMiddleware.js +27 -0
- package/lib/Middleware/Toast/createCoreMiddleware.d.ts +4 -0
- package/lib/Middleware/Toast/createCoreMiddleware.d.ts.map +1 -0
- package/lib/Middleware/Toast/createCoreMiddleware.js +1 -1
- package/lib/Middleware/TypingIndicator/createCoreMiddleware.d.ts +3 -0
- package/lib/Middleware/TypingIndicator/createCoreMiddleware.d.ts.map +1 -0
- package/lib/Middleware/TypingIndicator/createCoreMiddleware.js +3 -2
- package/lib/ReactWebChat.d.ts +10 -0
- package/lib/ReactWebChat.d.ts.map +1 -0
- package/lib/ReactWebChat.js +19 -7
- package/lib/ScreenReaderActivity.js +64 -45
- package/lib/SendBox/Assets/AttachmentIcon.js +3 -1
- package/lib/SendBox/Assets/MicrophoneIcon.js +3 -1
- package/lib/SendBox/Assets/SendIcon.js +2 -2
- package/lib/SendBox/AutoResizeTextArea.d.ts +23 -0
- package/lib/SendBox/AutoResizeTextArea.d.ts.map +1 -0
- package/lib/SendBox/AutoResizeTextArea.js +6 -6
- package/lib/SendBox/DictationInterims.d.ts +9 -0
- package/lib/SendBox/DictationInterims.d.ts.map +1 -0
- package/lib/SendBox/DictationInterims.js +2 -2
- package/lib/SendBox/IconButton.js +2 -2
- package/lib/SendBox/MicrophoneButton.d.ts +11 -0
- package/lib/SendBox/MicrophoneButton.d.ts.map +1 -0
- package/lib/SendBox/MicrophoneButton.js +25 -24
- package/lib/SendBox/SendButton.d.ts +9 -0
- package/lib/SendBox/SendButton.d.ts.map +1 -0
- package/lib/SendBox/SendButton.js +7 -5
- package/lib/SendBox/SuggestedAction.js +5 -9
- package/lib/SendBox/SuggestedActions.d.ts +5 -0
- package/lib/SendBox/SuggestedActions.d.ts.map +1 -0
- package/lib/SendBox/SuggestedActions.js +10 -7
- package/lib/SendBox/TextBox.d.ts +28 -0
- package/lib/SendBox/TextBox.d.ts.map +1 -0
- package/lib/SendBox/TextBox.js +12 -7
- package/lib/SendBox/UploadButton.d.ts +9 -0
- package/lib/SendBox/UploadButton.d.ts.map +1 -0
- package/lib/SendBox/UploadButton.js +5 -5
- package/lib/Styles/StyleSet/Activities.d.ts +5 -0
- package/lib/Styles/StyleSet/Activities.d.ts.map +1 -0
- package/lib/Styles/StyleSet/AudioAttachment.d.ts +6 -0
- package/lib/Styles/StyleSet/AudioAttachment.d.ts.map +1 -0
- package/lib/Styles/StyleSet/AudioContent.d.ts +4 -0
- package/lib/Styles/StyleSet/AudioContent.d.ts.map +1 -0
- package/lib/Styles/StyleSet/AutoResizeTextArea.d.ts +37 -0
- package/lib/Styles/StyleSet/AutoResizeTextArea.d.ts.map +1 -0
- package/lib/Styles/StyleSet/Avatar.d.ts +9 -0
- package/lib/Styles/StyleSet/Avatar.d.ts.map +1 -0
- package/lib/Styles/StyleSet/BasicTranscript.d.ts +77 -0
- package/lib/Styles/StyleSet/BasicTranscript.d.ts.map +1 -0
- package/lib/Styles/StyleSet/Bubble.d.ts +5 -0
- package/lib/Styles/StyleSet/Bubble.d.ts.map +1 -0
- package/lib/Styles/StyleSet/Bubble.js +1 -1
- package/lib/Styles/StyleSet/CarouselFilmStrip.d.ts +5 -0
- package/lib/Styles/StyleSet/CarouselFilmStrip.d.ts.map +1 -0
- package/lib/Styles/StyleSet/CarouselFilmStrip.js +2 -18
- package/lib/Styles/StyleSet/CarouselFilmStripAttachment.d.ts +3 -0
- package/lib/Styles/StyleSet/CarouselFilmStripAttachment.d.ts.map +1 -0
- package/lib/Styles/StyleSet/CarouselFilmStripAttachment.js +63 -0
- package/lib/Styles/StyleSet/CarouselFlipper.d.ts +27 -0
- package/lib/Styles/StyleSet/CarouselFlipper.d.ts.map +1 -0
- package/lib/Styles/StyleSet/ConnectivityNotification.d.ts +13 -0
- package/lib/Styles/StyleSet/ConnectivityNotification.d.ts.map +1 -0
- package/lib/Styles/StyleSet/DictationInterims.d.ts +13 -0
- package/lib/Styles/StyleSet/DictationInterims.d.ts.map +1 -0
- package/lib/Styles/StyleSet/ErrorBox.d.ts +33 -0
- package/lib/Styles/StyleSet/ErrorBox.d.ts.map +1 -0
- package/lib/Styles/StyleSet/ErrorNotification.d.ts +23 -0
- package/lib/Styles/StyleSet/ErrorNotification.d.ts.map +1 -0
- package/lib/Styles/StyleSet/FileContent.d.ts +32 -0
- package/lib/Styles/StyleSet/FileContent.d.ts.map +1 -0
- package/lib/Styles/StyleSet/ImageAvatar.d.ts +7 -0
- package/lib/Styles/StyleSet/ImageAvatar.d.ts.map +1 -0
- package/lib/Styles/StyleSet/InitialsAvatar.d.ts +19 -0
- package/lib/Styles/StyleSet/InitialsAvatar.d.ts.map +1 -0
- package/lib/Styles/StyleSet/MicrophoneButton.d.ts +13 -0
- package/lib/Styles/StyleSet/MicrophoneButton.d.ts.map +1 -0
- package/lib/Styles/StyleSet/Root.d.ts +8 -0
- package/lib/Styles/StyleSet/Root.d.ts.map +1 -0
- package/lib/Styles/StyleSet/ScrollToEndButton.d.ts +36 -0
- package/lib/Styles/StyleSet/ScrollToEndButton.d.ts.map +1 -0
- package/lib/Styles/StyleSet/ScrollToEndButton.js +36 -34
- package/lib/Styles/StyleSet/SendBox.d.ts +24 -0
- package/lib/Styles/StyleSet/SendBox.d.ts.map +1 -0
- package/lib/Styles/StyleSet/SendBoxButton.d.ts +33 -0
- package/lib/Styles/StyleSet/SendBoxButton.d.ts.map +1 -0
- package/lib/Styles/StyleSet/SendBoxTextBox.d.ts +41 -0
- package/lib/Styles/StyleSet/SendBoxTextBox.d.ts.map +1 -0
- package/lib/Styles/StyleSet/SendStatus.d.ts +8 -0
- package/lib/Styles/StyleSet/SendStatus.d.ts.map +1 -0
- package/lib/Styles/StyleSet/SingleAttachmentActivity.d.ts +11 -0
- package/lib/Styles/StyleSet/SingleAttachmentActivity.d.ts.map +1 -0
- package/lib/Styles/StyleSet/SpinnerAnimation.d.ts +15 -0
- package/lib/Styles/StyleSet/SpinnerAnimation.d.ts.map +1 -0
- package/lib/Styles/StyleSet/StackedLayout.d.ts +63 -0
- package/lib/Styles/StyleSet/StackedLayout.d.ts.map +1 -0
- package/lib/Styles/StyleSet/SuggestedAction.d.ts +49 -0
- package/lib/Styles/StyleSet/SuggestedAction.d.ts.map +1 -0
- package/lib/Styles/StyleSet/SuggestedAction.js +2 -2
- package/lib/Styles/StyleSet/SuggestedActions.d.ts +118 -0
- package/lib/Styles/StyleSet/SuggestedActions.d.ts.map +1 -0
- package/lib/Styles/StyleSet/TextContent.d.ts +28 -0
- package/lib/Styles/StyleSet/TextContent.d.ts.map +1 -0
- package/lib/Styles/StyleSet/Toast.d.ts +65 -0
- package/lib/Styles/StyleSet/Toast.d.ts.map +1 -0
- package/lib/Styles/StyleSet/Toaster.d.ts +111 -0
- package/lib/Styles/StyleSet/Toaster.d.ts.map +1 -0
- package/lib/Styles/StyleSet/TypingAnimation.d.ts +8 -0
- package/lib/Styles/StyleSet/TypingAnimation.d.ts.map +1 -0
- package/lib/Styles/StyleSet/TypingIndicator.d.ts +11 -0
- package/lib/Styles/StyleSet/TypingIndicator.d.ts.map +1 -0
- package/lib/Styles/StyleSet/UploadButton.d.ts +14 -0
- package/lib/Styles/StyleSet/UploadButton.d.ts.map +1 -0
- package/lib/Styles/StyleSet/VideoAttachment.d.ts +2 -0
- package/lib/Styles/StyleSet/VideoAttachment.d.ts.map +1 -0
- package/lib/Styles/StyleSet/VideoContent.d.ts +6 -0
- package/lib/Styles/StyleSet/VideoContent.d.ts.map +1 -0
- package/lib/Styles/StyleSet/VimeoContent.d.ts +7 -0
- package/lib/Styles/StyleSet/VimeoContent.d.ts.map +1 -0
- package/lib/Styles/StyleSet/WarningNotification.d.ts +22 -0
- package/lib/Styles/StyleSet/WarningNotification.d.ts.map +1 -0
- package/lib/Styles/StyleSet/YouTubeContent.d.ts +7 -0
- package/lib/Styles/StyleSet/YouTubeContent.d.ts.map +1 -0
- package/lib/Styles/createStyleSet.d.ts +1103 -0
- package/lib/Styles/createStyleSet.d.ts.map +1 -0
- package/lib/Styles/createStyleSet.js +44 -41
- package/lib/Styles/mirrorStyle.js +2 -2
- package/lib/Toast/CollapseIcon.js +3 -1
- package/lib/Toast/DismissIcon.js +3 -1
- package/lib/Toast/ExpandIcon.js +3 -1
- package/lib/Toast/NotificationIcon.js +1 -1
- package/lib/Toast/createToastMiddleware.d.ts +4 -0
- package/lib/Toast/createToastMiddleware.d.ts.map +1 -0
- package/lib/Toast/createToastMiddleware.js +2 -2
- package/lib/Utils/AccessKeySink/Surface.js +7 -5
- package/lib/Utils/AccessibleButton.js +6 -4
- package/lib/Utils/AccessibleInputText.d.ts +21 -0
- package/lib/Utils/AccessibleInputText.d.ts.map +1 -0
- package/lib/Utils/AccessibleInputText.js +29 -25
- package/lib/Utils/AccessibleTextArea.d.ts +20 -0
- package/lib/Utils/AccessibleTextArea.d.ts.map +1 -0
- package/lib/Utils/AccessibleTextArea.js +35 -24
- package/lib/Utils/CroppedImage.js +2 -2
- package/lib/Utils/Fade.js +2 -2
- package/lib/Utils/FocusRedirector.js +3 -3
- package/lib/Utils/InlineMarkdown.js +6 -6
- package/lib/Utils/TypeFocusSink/FocusBox.js +6 -4
- package/lib/Utils/TypeFocusSink/getTabIndex.d.ts +2 -0
- package/lib/Utils/TypeFocusSink/getTabIndex.d.ts.map +1 -0
- package/lib/Utils/TypeFocusSink/getTabIndex.js +1 -1
- package/lib/Utils/TypeFocusSink/navigableEvent.js +1 -1
- package/lib/Utils/activityAltText.js +100 -0
- package/lib/Utils/addTargetBlankToHyperlinksMarkdown.js +1 -1
- package/lib/Utils/createCustomEvent.js +1 -1
- package/lib/Utils/debounce.js +1 -1
- package/lib/Utils/detectBrowser.js +1 -1
- package/lib/Utils/downscaleImageToDataURL/downscaleImageToDataURLUsingWorker.js +2 -2
- package/lib/Utils/downscaleImageToDataURL/index.js +2 -2
- package/lib/Utils/filterMap.js +1 -1
- package/lib/Utils/findLastIndex.js +2 -2
- package/lib/Utils/mapMap.js +1 -1
- package/lib/Utils/readDataURIToBlob.js +2 -2
- package/lib/Utils/singleToArray.js +1 -1
- package/lib/connectToWebChat.js +5 -3
- package/lib/hooks/index.d.ts +21 -0
- package/lib/hooks/index.d.ts.map +1 -0
- package/lib/hooks/index.js +1 -1
- package/lib/hooks/internal/BypassSpeechSynthesisPonyfill.js +97 -39
- package/lib/hooks/internal/UITracker.js +2 -2
- package/lib/hooks/internal/useAcknowledgedActivity.js +2 -2
- package/lib/hooks/internal/useDispatchScrollPosition.js +1 -1
- package/lib/hooks/internal/useDispatchTranscriptFocus.js +1 -1
- package/lib/hooks/internal/useEnterKeyHint.js +1 -1
- package/lib/hooks/internal/useForceRender.js +2 -2
- package/lib/hooks/internal/useForceRenderAtInterval.js +2 -2
- package/lib/hooks/internal/useInternalRenderMarkdownInline.js +1 -1
- package/lib/hooks/internal/useLocalizeAccessKey.js +2 -2
- package/lib/hooks/internal/useMemoize.js +2 -2
- package/lib/hooks/internal/useNavigatorPlatform.js +1 -1
- package/lib/hooks/internal/useNonce.js +1 -1
- package/lib/hooks/internal/useRegisterFocusSendBox.js +1 -1
- package/lib/hooks/internal/useRegisterFocusTranscript.js +1 -1
- package/lib/hooks/internal/useRegisterScrollRelative.js +1 -1
- package/lib/hooks/internal/useRegisterScrollTo.js +1 -1
- package/lib/hooks/internal/useRegisterScrollToEnd.js +1 -1
- package/lib/hooks/internal/useReplaceEmoticon.js +2 -2
- package/lib/hooks/internal/useResumeAudioContext.js +33 -0
- package/lib/hooks/internal/useScrollRelative.js +1 -1
- package/lib/hooks/internal/useSettableDictateAbortable.js +1 -1
- package/lib/hooks/internal/useSuggestedActionsAccessKey.js +1 -1
- package/lib/hooks/internal/useUniqueId.d.ts +2 -0
- package/lib/hooks/internal/useUniqueId.d.ts.map +1 -0
- package/lib/hooks/internal/useUniqueId.js +1 -1
- package/lib/hooks/useDictateAbortable.d.ts +2 -0
- package/lib/hooks/useDictateAbortable.d.ts.map +1 -0
- package/lib/hooks/useDictateAbortable.js +2 -2
- package/lib/hooks/useFocus.d.ts +2 -0
- package/lib/hooks/useFocus.d.ts.map +1 -0
- package/lib/hooks/useFocus.js +1 -1
- package/lib/hooks/useFocusSendBox.d.ts +3 -0
- package/lib/hooks/useFocusSendBox.d.ts.map +1 -0
- package/lib/hooks/useFocusSendBox.js +2 -1
- package/lib/hooks/useObserveScrollPosition.d.ts +3 -0
- package/lib/hooks/useObserveScrollPosition.d.ts.map +1 -0
- package/lib/hooks/useObserveScrollPosition.js +2 -2
- package/lib/hooks/useObserveTranscriptFocus.d.ts +5 -0
- package/lib/hooks/useObserveTranscriptFocus.d.ts.map +1 -0
- package/lib/hooks/useObserveTranscriptFocus.js +2 -2
- package/lib/hooks/useRenderMarkdownAsHTML.d.ts +5 -0
- package/lib/hooks/useRenderMarkdownAsHTML.d.ts.map +1 -0
- package/lib/hooks/useRenderMarkdownAsHTML.js +2 -2
- package/lib/hooks/useScrollDown.d.ts +4 -0
- package/lib/hooks/useScrollDown.d.ts.map +1 -0
- package/lib/hooks/useScrollDown.js +1 -1
- package/lib/hooks/useScrollTo.d.ts +5 -0
- package/lib/hooks/useScrollTo.d.ts.map +1 -0
- package/lib/hooks/useScrollTo.js +1 -1
- package/lib/hooks/useScrollToEnd.d.ts +2 -0
- package/lib/hooks/useScrollToEnd.d.ts.map +1 -0
- package/lib/hooks/useScrollToEnd.js +1 -1
- package/lib/hooks/useScrollUp.d.ts +4 -0
- package/lib/hooks/useScrollUp.d.ts.map +1 -0
- package/lib/hooks/useScrollUp.js +1 -1
- package/lib/hooks/useSendFiles.d.ts +2 -0
- package/lib/hooks/useSendFiles.d.ts.map +1 -0
- package/lib/hooks/useSendFiles.js +3 -3
- package/lib/hooks/useStyleSet.d.ts +2 -0
- package/lib/hooks/useStyleSet.d.ts.map +1 -0
- package/lib/hooks/useStyleSet.js +1 -1
- package/lib/hooks/useWebSpeechPonyfill.d.ts +3 -0
- package/lib/hooks/useWebSpeechPonyfill.d.ts.map +1 -0
- package/lib/hooks/useWebSpeechPonyfill.js +1 -1
- package/lib/index.d.ts +209 -22
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +19 -19
- package/lib/tsconfig.json +1 -1
- package/lib/types/ScrollPosition.d.ts +6 -0
- package/lib/types/ScrollPosition.d.ts.map +1 -0
- package/lib/types/ScrollPosition.js +2 -0
- package/package.json +38 -38
- package/src/Activity/{Avatar.js → Avatar.tsx} +9 -2
- package/src/Activity/{Bubble.js → Bubble.tsx} +10 -2
- package/src/Activity/CarouselFilmStrip.js +20 -29
- package/src/Activity/CarouselFilmStripAttachment.js +92 -0
- package/src/Activity/{Speak.js → Speak.tsx} +12 -5
- package/src/Activity/{StackedLayout.js → StackedLayout.tsx} +36 -11
- package/src/Attachment/Assets/DownloadIcon.js +8 -1
- package/src/Attachment/{AudioContent.js → AudioContent.tsx} +12 -3
- package/src/Attachment/{FileContent.js → FileContent.tsx} +10 -7
- package/src/Attachment/{HTMLVideoContent.js → HTMLVideoContent.tsx} +10 -2
- package/src/Attachment/{ImageContent.js → ImageContent.tsx} +7 -2
- package/src/Attachment/{TextContent.js → TextContent.tsx} +14 -7
- package/src/Attachment/{VideoContent.js → VideoContent.tsx} +10 -2
- package/src/Attachment/{VimeoContent.js → VimeoContent.tsx} +15 -8
- package/src/Attachment/{YouTubeContent.js → YouTubeContent.tsx} +12 -5
- package/src/{BasicSendBox.js → BasicSendBox.tsx} +9 -5
- package/src/BasicToaster.js +4 -4
- package/src/BasicTranscript.js +114 -98
- package/src/{BasicTypingIndicator.js → BasicTypingIndicator.tsx} +1 -1
- package/src/{BasicWebChat.js → BasicWebChat.tsx} +13 -4
- package/src/{Composer.js → Composer.tsx} +41 -42
- package/src/Dictation.js +13 -4
- package/src/{ErrorBox.js → ErrorBox.tsx} +7 -2
- package/src/Middleware/Activity/{createCoreMiddleware.js → createCoreMiddleware.tsx} +2 -1
- package/src/Middleware/ActivityStatus/SendStatus/{SendStatus.js → SendStatus.tsx} +8 -3
- package/src/Middleware/ActivityStatus/{Timestamp.js → Timestamp.tsx} +8 -2
- package/src/Middleware/ActivityStatus/{createCoreMiddleware.js → createCoreMiddleware.tsx} +3 -1
- package/src/Middleware/ActivityStatus/createSendStatusMiddleware.js +8 -6
- package/src/Middleware/ActivityStatus/createTimestampMiddleware.js +10 -8
- package/src/Middleware/Attachment/{createCoreMiddleware.js → createCoreMiddleware.tsx} +8 -7
- package/src/Middleware/AttachmentForScreenReader/{createCoreMiddleware.js → createCoreMiddleware.tsx} +4 -3
- package/src/Middleware/Avatar/{createCoreMiddleware.js → createCoreMiddleware.tsx} +10 -3
- package/src/Middleware/CardAction/createCoreMiddleware.js +43 -41
- package/src/Middleware/GroupActivities/createCoreMiddleware.js +6 -4
- package/src/Middleware/ScrollToEndButton/ScrollToEndButton.js +45 -0
- package/src/Middleware/ScrollToEndButton/createScrollToEndButtonMiddleware.ts +17 -0
- package/src/Middleware/Toast/{createCoreMiddleware.js → createCoreMiddleware.tsx} +3 -1
- package/src/Middleware/TypingIndicator/{createCoreMiddleware.js → createCoreMiddleware.tsx} +3 -4
- package/src/{ReactWebChat.js → ReactWebChat.tsx} +25 -7
- package/src/ScreenReaderActivity.js +47 -37
- package/src/SendBox/Assets/AttachmentIcon.js +1 -1
- package/src/SendBox/Assets/MicrophoneIcon.js +1 -1
- package/src/SendBox/{AutoResizeTextArea.js → AutoResizeTextArea.tsx} +30 -4
- package/src/SendBox/{DictationInterims.js → DictationInterims.tsx} +6 -2
- package/src/SendBox/{MicrophoneButton.js → MicrophoneButton.tsx} +35 -25
- package/src/SendBox/{SendButton.js → SendButton.tsx} +8 -3
- package/src/SendBox/SuggestedAction.js +1 -15
- package/src/SendBox/{SuggestedActions.js → SuggestedActions.tsx} +42 -21
- package/src/SendBox/{TextBox.js → TextBox.tsx} +21 -7
- package/src/SendBox/{UploadButton.js → UploadButton.tsx} +7 -3
- package/src/Styles/StyleSet/CarouselFilmStrip.ts +0 -20
- package/src/Styles/StyleSet/CarouselFilmStripAttachment.ts +56 -0
- package/src/Styles/StyleSet/ScrollToEndButton.ts +33 -31
- package/src/Styles/StyleSet/SuggestedAction.ts +1 -1
- package/src/Styles/createStyleSet.ts +41 -39
- package/src/Toast/CollapseIcon.js +9 -1
- package/src/Toast/DismissIcon.js +9 -1
- package/src/Toast/ExpandIcon.js +9 -1
- package/src/Toast/{createToastMiddleware.js → createToastMiddleware.tsx} +3 -2
- package/src/Utils/{AccessibleInputText.js → AccessibleInputText.tsx} +48 -5
- package/src/Utils/{AccessibleTextArea.js → AccessibleTextArea.tsx} +67 -6
- package/src/Utils/TypeFocusSink/FocusBox.js +4 -4
- package/src/Utils/TypeFocusSink/getTabIndex.ts +1 -1
- package/src/Utils/activityAltText.ts +135 -0
- package/src/Utils/findLastIndex.spec.js +2 -0
- package/src/Utils/intersectionOf.spec.js +2 -0
- package/src/Utils/mapMap.spec.js +2 -0
- package/src/Utils/removeInline.spec.js +2 -0
- package/src/Utils/{singleToArray.js → singleToArray.ts} +1 -1
- package/src/Utils/walkMarkdownTokens.spec.js +3 -3
- package/src/hooks/{index.js → index.ts} +1 -0
- package/src/hooks/internal/BypassSpeechSynthesisPonyfill.js +68 -17
- package/src/hooks/internal/useMemoize.spec.js +2 -0
- package/src/hooks/internal/useResumeAudioContext.ts +7 -0
- package/src/hooks/internal/useScrollRelative.js +4 -3
- package/src/hooks/internal/{useUniqueId.js → useUniqueId.ts} +1 -1
- package/src/hooks/{useDictateAbortable.js → useDictateAbortable.ts} +1 -1
- package/src/hooks/{useFocus.js → useFocus.ts} +1 -1
- package/src/hooks/{useFocusSendBox.js → useFocusSendBox.ts} +2 -1
- package/src/hooks/{useObserveScrollPosition.js → useObserveScrollPosition.ts} +6 -1
- package/src/hooks/{useObserveTranscriptFocus.js → useObserveTranscriptFocus.ts} +6 -1
- package/src/hooks/{useRenderMarkdownAsHTML.js → useRenderMarkdownAsHTML.ts} +6 -2
- package/src/hooks/{useScrollDown.js → useScrollDown.ts} +1 -1
- package/src/hooks/{useScrollTo.js → useScrollTo.ts} +5 -1
- package/src/hooks/{useScrollToEnd.js → useScrollToEnd.ts} +1 -1
- package/src/hooks/{useScrollUp.js → useScrollUp.ts} +1 -1
- package/src/hooks/{useSendFiles.js → useSendFiles.ts} +3 -2
- package/src/hooks/{useStyleSet.js → useStyleSet.ts} +1 -1
- package/src/hooks/useWebSpeechPonyfill.ts +7 -0
- package/src/index.ts +7 -11
- package/src/tsconfig.json +1 -1
- package/src/types/ScrollPosition.ts +6 -0
- package/lib/Activity/ScrollToEndButton.js +0 -81
- package/lib/Attachment/Assets/ErrorIcon.js +0 -22
- package/lib/Utils/remarkStripMarkdown.js +0 -26
- package/lib/hooks/internal/useStripMarkdown.js +0 -19
- package/src/Activity/ScrollToEndButton.js +0 -58
- package/src/Attachment/Assets/ErrorIcon.js +0 -9
- package/src/Utils/remarkStripMarkdown.js +0 -13
- package/src/hooks/internal/useStripMarkdown.js +0 -7
- package/src/hooks/useWebSpeechPonyfill.js +0 -5
- package/src/index.tsx +0 -35
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createSendBoxTextBoxStyle({ paddingRegular, primaryFont, sendBoxBackground, sendBoxDisabledTextColor, sendBoxMaxHeight, sendBoxPlaceholderColor, sendBoxTextColor, subtle }: StrictStyleOptions): {
|
|
3
|
+
'&.webchat__send-box-text-box': {
|
|
4
|
+
alignItems: string;
|
|
5
|
+
fontFamily: string;
|
|
6
|
+
padding: number;
|
|
7
|
+
position: string;
|
|
8
|
+
'& .webchat__send-box-text-box__input': {
|
|
9
|
+
border: number;
|
|
10
|
+
fontFamily: string;
|
|
11
|
+
fontSize: string;
|
|
12
|
+
height: string;
|
|
13
|
+
outline: number;
|
|
14
|
+
padding: number;
|
|
15
|
+
};
|
|
16
|
+
'& .webchat__send-box-text-box__input, & .webchat__send-box-text-box__html-text-area': {
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
'&:not(:disabled):not([aria-disabled="true"])': {
|
|
19
|
+
color: string;
|
|
20
|
+
};
|
|
21
|
+
'&:disabled, &[aria-disabled="true"]': {
|
|
22
|
+
color: string;
|
|
23
|
+
};
|
|
24
|
+
'&::placeholder': {
|
|
25
|
+
color: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
'& .webchat__send-box-text-box__input, & .webchat__send-box-text-box__text-area': {
|
|
29
|
+
maxHeight: string | number;
|
|
30
|
+
};
|
|
31
|
+
'& .webchat__send-box-text-box__glass': {
|
|
32
|
+
height: string;
|
|
33
|
+
left: number;
|
|
34
|
+
position: string;
|
|
35
|
+
top: number;
|
|
36
|
+
userSelect: number;
|
|
37
|
+
width: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=SendBoxTextBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SendBoxTextBox.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SendBoxTextBox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,wBAAwB,EACxB,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,MAAM,EACP,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CpB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createSendStatusStyle({ fontSizeSmall, primaryFont, subtle, timestampColor }: StrictStyleOptions): {
|
|
3
|
+
color: string;
|
|
4
|
+
fontFamily: string;
|
|
5
|
+
fontSize: string | number;
|
|
6
|
+
paddingTop: number;
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=SendStatus.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SendStatus.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SendStatus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,aAAa,EACb,WAAW,EACX,MAAM,EACN,cAAc,EACf,EAAE,kBAAkB;;;;;EAOpB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createSingleCardActivityStyle({ bubbleMaxWidth, bubbleMinWidth, paddingRegular }: StrictStyleOptions): {
|
|
3
|
+
'& > .bubble-box': {
|
|
4
|
+
maxWidth: number;
|
|
5
|
+
minWidth: number;
|
|
6
|
+
};
|
|
7
|
+
'& > .filler': {
|
|
8
|
+
minWidth: number;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=SingleAttachmentActivity.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleAttachmentActivity.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SingleAttachmentActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,6BAA6B,CAAC,EACpD,cAAc,EACd,cAAc,EACd,cAAc,EACf,EAAE,kBAAkB;;;;;;;;EAWpB"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createSpinnerAnimationStyle({ spinnerAnimationBackgroundImage, spinnerAnimationHeight, spinnerAnimationWidth, spinnerAnimationPadding }: StrictStyleOptions): {
|
|
3
|
+
backgroundImage: string;
|
|
4
|
+
backgroundRepeat: string;
|
|
5
|
+
backgroundSize: string;
|
|
6
|
+
height: string | number;
|
|
7
|
+
width: string | number;
|
|
8
|
+
':not(.webchat__spinner--rtl)': {
|
|
9
|
+
marginRight: string | number;
|
|
10
|
+
};
|
|
11
|
+
'.webchat__spinner--rtl': {
|
|
12
|
+
marginLeft: string | number;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=SpinnerAnimation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SpinnerAnimation.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SpinnerAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAU9D,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAClD,+BAA+B,EAC/B,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACxB,EAAE,kBAAkB;;;;;;;;;;;;EAsBpB"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createStackedLayoutStyle({ avatarSize, bubbleMaxWidth, bubbleMinWidth, paddingRegular, transitionDuration }: StrictStyleOptions): {
|
|
3
|
+
'&.webchat__stacked-layout': {
|
|
4
|
+
marginLeft: number;
|
|
5
|
+
marginRight: number;
|
|
6
|
+
'& .webchat__stacked-layout__alignment-pad': {
|
|
7
|
+
transitionDuration: string;
|
|
8
|
+
transitionProperty: string;
|
|
9
|
+
width: number;
|
|
10
|
+
};
|
|
11
|
+
'&.webchat__stacked-layout--extra-trailing .webchat__stacked-layout__alignment-pad': {
|
|
12
|
+
width: number;
|
|
13
|
+
};
|
|
14
|
+
'& .webchat__stacked-layout__avatar-gutter': {
|
|
15
|
+
transitionDuration: string;
|
|
16
|
+
transitionProperty: string;
|
|
17
|
+
width: number;
|
|
18
|
+
};
|
|
19
|
+
'& .webchat__stacked-layout__attachment': {
|
|
20
|
+
maxWidth: number;
|
|
21
|
+
minWidth: number;
|
|
22
|
+
transitionDuration: string;
|
|
23
|
+
transitionProperty: string;
|
|
24
|
+
};
|
|
25
|
+
'& .webchat__stacked-layout__attachment-row': {
|
|
26
|
+
marginTop: number;
|
|
27
|
+
width: string;
|
|
28
|
+
};
|
|
29
|
+
'&.webchat__stacked-layout--no-message .webchat__stacked-layout__attachment-row.webchat__stacked-layout__attachment-row--first': {
|
|
30
|
+
marginTop: number;
|
|
31
|
+
};
|
|
32
|
+
'& .webchat__stacked-layout__message': {
|
|
33
|
+
maxWidth: number;
|
|
34
|
+
overflow: string;
|
|
35
|
+
transitionDuration: string;
|
|
36
|
+
transitionProperty: string;
|
|
37
|
+
};
|
|
38
|
+
'& .webchat__stacked-layout__nub-pad': {
|
|
39
|
+
transitionDuration: string;
|
|
40
|
+
transitionProperty: string;
|
|
41
|
+
width: number;
|
|
42
|
+
};
|
|
43
|
+
'&.webchat__stacked-layout--hide-avatar, &.webchat__stacked-layout--show-avatar': {
|
|
44
|
+
'& .webchat__stacked-layout__avatar-gutter': {
|
|
45
|
+
width: number;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
'&.webchat__stacked-layout--hide-avatar, &.webchat__stacked-layout--show-avatar, &.webchat__stacked-layout--hide-nub, &.webchat__stacked-layout--show-nub': {
|
|
49
|
+
'& .webchat__stacked-layout__attachment, & .webchat__stacked-layout__message': {
|
|
50
|
+
maxWidth: number;
|
|
51
|
+
};
|
|
52
|
+
'& .webchat__stacked-layout__nub-pad': {
|
|
53
|
+
width: number;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
'&:not(.webchat__stacked-layout--top-callout)': {
|
|
57
|
+
'& .webchat__stacked-layout__avatar-gutter, & .webchat__stacked-layout__content': {
|
|
58
|
+
justifyContent: string;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=StackedLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StackedLayout.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/StackedLayout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,EACnB,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EpB"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createSuggestedActionStyle({ accent, paddingRegular, paddingWide, primaryFont, suggestedActionBackground, suggestedActionBorderColor, suggestedActionBorderStyle, suggestedActionBorderWidth, suggestedActionBorderRadius, suggestedActionImageHeight, suggestedActionTextColor, suggestedActionDisabledBackground, suggestedActionDisabledBorderColor, suggestedActionDisabledBorderStyle, suggestedActionDisabledBorderWidth, suggestedActionDisabledTextColor, suggestedActionHeight, suggestedActionsStackedLayoutButtonMaxHeight, subtle }: StrictStyleOptions): {
|
|
3
|
+
'&.webchat__suggested-action': {
|
|
4
|
+
display: string;
|
|
5
|
+
maxWidth: string;
|
|
6
|
+
'& .webchat__suggested-action__button': {
|
|
7
|
+
alignItems: string;
|
|
8
|
+
borderRadius: string | number;
|
|
9
|
+
fontFamily: string;
|
|
10
|
+
fontSize: string;
|
|
11
|
+
height: string | number;
|
|
12
|
+
justifyContent: string;
|
|
13
|
+
maxWidth: string;
|
|
14
|
+
paddingLeft: number;
|
|
15
|
+
paddingRight: number;
|
|
16
|
+
whiteSpace: string;
|
|
17
|
+
width: string;
|
|
18
|
+
'&:disabled, &[aria-disabled="true"]': {
|
|
19
|
+
background: string;
|
|
20
|
+
borderColor: string;
|
|
21
|
+
borderStyle: string;
|
|
22
|
+
borderWidth: string | number;
|
|
23
|
+
color: string;
|
|
24
|
+
};
|
|
25
|
+
'&:not(:disabled):not([aria-disabled="true"])': {
|
|
26
|
+
background: string;
|
|
27
|
+
borderColor: string;
|
|
28
|
+
borderStyle: string;
|
|
29
|
+
borderWidth: string | number;
|
|
30
|
+
color: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
'& .webchat__suggested-action__image': {
|
|
34
|
+
height: string | number;
|
|
35
|
+
};
|
|
36
|
+
'& .webchat__suggested-action--wrapping': {
|
|
37
|
+
height: string;
|
|
38
|
+
maxHeight: string | number;
|
|
39
|
+
minHeight: string | number;
|
|
40
|
+
};
|
|
41
|
+
'&:not(.webchat__suggested-action--rtl) .webchat__suggested-action__image + .webchat__suggested-action__text': {
|
|
42
|
+
paddingLeft: number;
|
|
43
|
+
};
|
|
44
|
+
'&.webchat__suggested-action--rtl .webchat__suggested-action__image + .webchat__suggested-action__text': {
|
|
45
|
+
paddingRight: number;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=SuggestedAction.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SuggestedAction.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SuggestedAction.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EACjD,MAAM,EACN,cAAc,EACd,WAAW,EACX,WAAW,EACX,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAC3B,0BAA0B,EAC1B,wBAAwB,EACxB,iCAAiC,EACjC,kCAAkC,EAClC,kCAAkC,EAClC,kCAAkC,EAClC,gCAAgC,EAChC,qBAAqB,EACrB,4CAA4C,EAC5C,MAAM,EACP,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0DpB"}
|
|
@@ -63,7 +63,7 @@ function createSuggestedActionStyle(_ref) {
|
|
|
63
63
|
'& .webchat__suggested-action--wrapping': {
|
|
64
64
|
height: 'auto',
|
|
65
65
|
maxHeight: suggestedActionsStackedLayoutButtonMaxHeight || '100%',
|
|
66
|
-
minHeight: typeof suggestedActionsStackedLayoutButtonMaxHeight === 'number' ? Math.min(suggestedActionsStackedLayoutButtonMaxHeight, suggestedActionHeight) : suggestedActionHeight
|
|
66
|
+
minHeight: typeof suggestedActionsStackedLayoutButtonMaxHeight === 'number' && typeof suggestedActionHeight === 'number' ? Math.min(suggestedActionsStackedLayoutButtonMaxHeight, suggestedActionHeight) : suggestedActionHeight
|
|
67
67
|
},
|
|
68
68
|
'&:not(.webchat__suggested-action--rtl) .webchat__suggested-action__image + .webchat__suggested-action__text': {
|
|
69
69
|
paddingLeft: paddingRegular
|
|
@@ -74,4 +74,4 @@ function createSuggestedActionStyle(_ref) {
|
|
|
74
74
|
}
|
|
75
75
|
};
|
|
76
76
|
}
|
|
77
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
77
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU3VnZ2VzdGVkQWN0aW9uLnRzIl0sIm5hbWVzIjpbImNyZWF0ZVN1Z2dlc3RlZEFjdGlvblN0eWxlIiwiYWNjZW50IiwicGFkZGluZ1JlZ3VsYXIiLCJwYWRkaW5nV2lkZSIsInByaW1hcnlGb250Iiwic3VnZ2VzdGVkQWN0aW9uQmFja2dyb3VuZCIsInN1Z2dlc3RlZEFjdGlvbkJvcmRlckNvbG9yIiwic3VnZ2VzdGVkQWN0aW9uQm9yZGVyU3R5bGUiLCJzdWdnZXN0ZWRBY3Rpb25Cb3JkZXJXaWR0aCIsInN1Z2dlc3RlZEFjdGlvbkJvcmRlclJhZGl1cyIsInN1Z2dlc3RlZEFjdGlvbkltYWdlSGVpZ2h0Iiwic3VnZ2VzdGVkQWN0aW9uVGV4dENvbG9yIiwic3VnZ2VzdGVkQWN0aW9uRGlzYWJsZWRCYWNrZ3JvdW5kIiwic3VnZ2VzdGVkQWN0aW9uRGlzYWJsZWRCb3JkZXJDb2xvciIsInN1Z2dlc3RlZEFjdGlvbkRpc2FibGVkQm9yZGVyU3R5bGUiLCJzdWdnZXN0ZWRBY3Rpb25EaXNhYmxlZEJvcmRlcldpZHRoIiwic3VnZ2VzdGVkQWN0aW9uRGlzYWJsZWRUZXh0Q29sb3IiLCJzdWdnZXN0ZWRBY3Rpb25IZWlnaHQiLCJzdWdnZXN0ZWRBY3Rpb25zU3RhY2tlZExheW91dEJ1dHRvbk1heEhlaWdodCIsInN1YnRsZSIsImRpc3BsYXkiLCJtYXhXaWR0aCIsImFsaWduSXRlbXMiLCJib3JkZXJSYWRpdXMiLCJmb250RmFtaWx5IiwiZm9udFNpemUiLCJoZWlnaHQiLCJqdXN0aWZ5Q29udGVudCIsInBhZGRpbmdMZWZ0IiwicGFkZGluZ1JpZ2h0Iiwid2hpdGVTcGFjZSIsIndpZHRoIiwiYmFja2dyb3VuZCIsImJvcmRlckNvbG9yIiwiYm9yZGVyU3R5bGUiLCJib3JkZXJXaWR0aCIsImNvbG9yIiwibWF4SGVpZ2h0IiwibWluSGVpZ2h0IiwiTWF0aCIsIm1pbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBO0FBSWUsU0FBU0EsMEJBQVQsT0FvQlE7QUFBQSxNQW5CckJDLE1BbUJxQixRQW5CckJBLE1BbUJxQjtBQUFBLE1BbEJyQkMsY0FrQnFCLFFBbEJyQkEsY0FrQnFCO0FBQUEsTUFqQnJCQyxXQWlCcUIsUUFqQnJCQSxXQWlCcUI7QUFBQSxNQWhCckJDLFdBZ0JxQixRQWhCckJBLFdBZ0JxQjtBQUFBLE1BZnJCQyx5QkFlcUIsUUFmckJBLHlCQWVxQjtBQUFBLE1BZHJCQywwQkFjcUIsUUFkckJBLDBCQWNxQjtBQUFBLE1BYnJCQywwQkFhcUIsUUFickJBLDBCQWFxQjtBQUFBLE1BWnJCQywwQkFZcUIsUUFackJBLDBCQVlxQjtBQUFBLE1BWHJCQywyQkFXcUIsUUFYckJBLDJCQVdxQjtBQUFBLE1BVnJCQywwQkFVcUIsUUFWckJBLDBCQVVxQjtBQUFBLE1BVHJCQyx3QkFTcUIsUUFUckJBLHdCQVNxQjtBQUFBLE1BUnJCQyxpQ0FRcUIsUUFSckJBLGlDQVFxQjtBQUFBLE1BUHJCQyxrQ0FPcUIsUUFQckJBLGtDQU9xQjtBQUFBLE1BTnJCQyxrQ0FNcUIsUUFOckJBLGtDQU1xQjtBQUFBLE1BTHJCQyxrQ0FLcUIsUUFMckJBLGtDQUtxQjtBQUFBLE1BSnJCQyxnQ0FJcUIsUUFKckJBLGdDQUlxQjtBQUFBLE1BSHJCQyxxQkFHcUIsUUFIckJBLHFCQUdxQjtBQUFBLE1BRnJCQyw0Q0FFcUIsUUFGckJBLDRDQUVxQjtBQUFBLE1BRHJCQyxNQUNxQixRQURyQkEsTUFDcUI7QUFDckIsU0FBTztBQUNMLG1DQUErQjtBQUM3QkMsTUFBQUEsT0FBTyxFQUFFLE1BRG9CO0FBRTdCQyxNQUFBQSxRQUFRLEVBQUUsTUFGbUI7QUFJN0IsOENBQXdDO0FBQ3RDQyxRQUFBQSxVQUFVLEVBQUUsUUFEMEI7QUFFdENDLFFBQUFBLFlBQVksRUFBRWQsMkJBRndCO0FBR3RDZSxRQUFBQSxVQUFVLEVBQUVwQixXQUgwQjtBQUl0Q3FCLFFBQUFBLFFBQVEsRUFBRSxTQUo0QjtBQUt0Q0MsUUFBQUEsTUFBTSxFQUFFVCxxQkFMOEI7QUFNdENVLFFBQUFBLGNBQWMsRUFBRSxRQU5zQjtBQU90Q04sUUFBQUEsUUFBUSxFQUFFLE1BUDRCO0FBUXRDTyxRQUFBQSxXQUFXLEVBQUV6QixXQVJ5QjtBQVN0QzBCLFFBQUFBLFlBQVksRUFBRTFCLFdBVHdCO0FBVXRDMkIsUUFBQUEsVUFBVSxFQUFFLFFBVjBCO0FBV3RDQyxRQUFBQSxLQUFLLEVBQUUsTUFYK0I7QUFhdEMsK0NBQXVDO0FBQ3JDQyxVQUFBQSxVQUFVLEVBQUVwQixpQ0FBaUMsSUFBSVAseUJBRFo7QUFFckM0QixVQUFBQSxXQUFXLEVBQUVwQixrQ0FGd0I7QUFHckNxQixVQUFBQSxXQUFXLEVBQUVwQixrQ0FId0I7QUFJckNxQixVQUFBQSxXQUFXLEVBQUVwQixrQ0FKd0I7QUFLckNxQixVQUFBQSxLQUFLLEVBQUVwQixnQ0FBZ0MsSUFBSUc7QUFMTixTQWJEO0FBcUJ0Qyx3REFBZ0Q7QUFDOUNhLFVBQUFBLFVBQVUsRUFBRTNCLHlCQURrQztBQUU5QzRCLFVBQUFBLFdBQVcsRUFBRTNCLDBCQUEwQixJQUFJTCxNQUZHO0FBRzlDaUMsVUFBQUEsV0FBVyxFQUFFM0IsMEJBSGlDO0FBSTlDNEIsVUFBQUEsV0FBVyxFQUFFM0IsMEJBSmlDO0FBSzlDNEIsVUFBQUEsS0FBSyxFQUFFekIsd0JBQXdCLElBQUlWO0FBTFc7QUFyQlYsT0FKWDtBQWtDN0IsNkNBQXVDO0FBQ3JDeUIsUUFBQUEsTUFBTSxFQUFFaEI7QUFENkIsT0FsQ1Y7QUFzQzdCLGdEQUEwQztBQUN4Q2dCLFFBQUFBLE1BQU0sRUFBRSxNQURnQztBQUV4Q1csUUFBQUEsU0FBUyxFQUFFbkIsNENBQTRDLElBQUksTUFGbkI7QUFHeENvQixRQUFBQSxTQUFTLEVBQ1AsT0FBT3BCLDRDQUFQLEtBQXdELFFBQXhELElBQW9FLE9BQU9ELHFCQUFQLEtBQWlDLFFBQXJHLEdBQ0lzQixJQUFJLENBQUNDLEdBQUwsQ0FBU3RCLDRDQUFULEVBQXVERCxxQkFBdkQsQ0FESixHQUVJQTtBQU5rQyxPQXRDYjtBQStDN0IscUhBQStHO0FBQzdHVyxRQUFBQSxXQUFXLEVBQUUxQjtBQURnRyxPQS9DbEY7QUFtRDdCLCtHQUF5RztBQUN2RzJCLFFBQUFBLFlBQVksRUFBRTNCO0FBRHlGO0FBbkQ1RTtBQUQxQixHQUFQO0FBeUREIiwic291cmNlUm9vdCI6ImNvbXBvbmVudDovLy8iLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQgbm8tbWFnaWMtbnVtYmVyczogXCJvZmZcIiAqL1xuXG5pbXBvcnQgeyBTdHJpY3RTdHlsZU9wdGlvbnMgfSBmcm9tICdib3RmcmFtZXdvcmstd2ViY2hhdC1hcGknO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVTdWdnZXN0ZWRBY3Rpb25TdHlsZSh7XG4gIGFjY2VudCxcbiAgcGFkZGluZ1JlZ3VsYXIsXG4gIHBhZGRpbmdXaWRlLFxuICBwcmltYXJ5Rm9udCxcbiAgc3VnZ2VzdGVkQWN0aW9uQmFja2dyb3VuZCxcbiAgc3VnZ2VzdGVkQWN0aW9uQm9yZGVyQ29sb3IsXG4gIHN1Z2dlc3RlZEFjdGlvbkJvcmRlclN0eWxlLFxuICBzdWdnZXN0ZWRBY3Rpb25Cb3JkZXJXaWR0aCxcbiAgc3VnZ2VzdGVkQWN0aW9uQm9yZGVyUmFkaXVzLFxuICBzdWdnZXN0ZWRBY3Rpb25JbWFnZUhlaWdodCxcbiAgc3VnZ2VzdGVkQWN0aW9uVGV4dENvbG9yLFxuICBzdWdnZXN0ZWRBY3Rpb25EaXNhYmxlZEJhY2tncm91bmQsXG4gIHN1Z2dlc3RlZEFjdGlvbkRpc2FibGVkQm9yZGVyQ29sb3IsXG4gIHN1Z2dlc3RlZEFjdGlvbkRpc2FibGVkQm9yZGVyU3R5bGUsXG4gIHN1Z2dlc3RlZEFjdGlvbkRpc2FibGVkQm9yZGVyV2lkdGgsXG4gIHN1Z2dlc3RlZEFjdGlvbkRpc2FibGVkVGV4dENvbG9yLFxuICBzdWdnZXN0ZWRBY3Rpb25IZWlnaHQsXG4gIHN1Z2dlc3RlZEFjdGlvbnNTdGFja2VkTGF5b3V0QnV0dG9uTWF4SGVpZ2h0LFxuICBzdWJ0bGVcbn06IFN0cmljdFN0eWxlT3B0aW9ucykge1xuICByZXR1cm4ge1xuICAgICcmLndlYmNoYXRfX3N1Z2dlc3RlZC1hY3Rpb24nOiB7XG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBtYXhXaWR0aDogJzEwMCUnLFxuXG4gICAgICAnJiAud2ViY2hhdF9fc3VnZ2VzdGVkLWFjdGlvbl9fYnV0dG9uJzoge1xuICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgYm9yZGVyUmFkaXVzOiBzdWdnZXN0ZWRBY3Rpb25Cb3JkZXJSYWRpdXMsXG4gICAgICAgIGZvbnRGYW1pbHk6IHByaW1hcnlGb250LFxuICAgICAgICBmb250U2l6ZTogJ2luaGVyaXQnLFxuICAgICAgICBoZWlnaHQ6IHN1Z2dlc3RlZEFjdGlvbkhlaWdodCxcbiAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgICAgICBtYXhXaWR0aDogJzEwMCUnLFxuICAgICAgICBwYWRkaW5nTGVmdDogcGFkZGluZ1dpZGUsXG4gICAgICAgIHBhZGRpbmdSaWdodDogcGFkZGluZ1dpZGUsXG4gICAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuXG4gICAgICAgICcmOmRpc2FibGVkLCAmW2FyaWEtZGlzYWJsZWQ9XCJ0cnVlXCJdJzoge1xuICAgICAgICAgIGJhY2tncm91bmQ6IHN1Z2dlc3RlZEFjdGlvbkRpc2FibGVkQmFja2dyb3VuZCB8fCBzdWdnZXN0ZWRBY3Rpb25CYWNrZ3JvdW5kLFxuICAgICAgICAgIGJvcmRlckNvbG9yOiBzdWdnZXN0ZWRBY3Rpb25EaXNhYmxlZEJvcmRlckNvbG9yLFxuICAgICAgICAgIGJvcmRlclN0eWxlOiBzdWdnZXN0ZWRBY3Rpb25EaXNhYmxlZEJvcmRlclN0eWxlLFxuICAgICAgICAgIGJvcmRlcldpZHRoOiBzdWdnZXN0ZWRBY3Rpb25EaXNhYmxlZEJvcmRlcldpZHRoLFxuICAgICAgICAgIGNvbG9yOiBzdWdnZXN0ZWRBY3Rpb25EaXNhYmxlZFRleHRDb2xvciB8fCBzdWJ0bGVcbiAgICAgICAgfSxcblxuICAgICAgICAnJjpub3QoOmRpc2FibGVkKTpub3QoW2FyaWEtZGlzYWJsZWQ9XCJ0cnVlXCJdKSc6IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiBzdWdnZXN0ZWRBY3Rpb25CYWNrZ3JvdW5kLFxuICAgICAgICAgIGJvcmRlckNvbG9yOiBzdWdnZXN0ZWRBY3Rpb25Cb3JkZXJDb2xvciB8fCBhY2NlbnQsXG4gICAgICAgICAgYm9yZGVyU3R5bGU6IHN1Z2dlc3RlZEFjdGlvbkJvcmRlclN0eWxlLFxuICAgICAgICAgIGJvcmRlcldpZHRoOiBzdWdnZXN0ZWRBY3Rpb25Cb3JkZXJXaWR0aCxcbiAgICAgICAgICBjb2xvcjogc3VnZ2VzdGVkQWN0aW9uVGV4dENvbG9yIHx8IGFjY2VudFxuICAgICAgICB9XG4gICAgICB9LFxuXG4gICAgICAnJiAud2ViY2hhdF9fc3VnZ2VzdGVkLWFjdGlvbl9faW1hZ2UnOiB7XG4gICAgICAgIGhlaWdodDogc3VnZ2VzdGVkQWN0aW9uSW1hZ2VIZWlnaHRcbiAgICAgIH0sXG5cbiAgICAgICcmIC53ZWJjaGF0X19zdWdnZXN0ZWQtYWN0aW9uLS13cmFwcGluZyc6IHtcbiAgICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICAgIG1heEhlaWdodDogc3VnZ2VzdGVkQWN0aW9uc1N0YWNrZWRMYXlvdXRCdXR0b25NYXhIZWlnaHQgfHwgJzEwMCUnLFxuICAgICAgICBtaW5IZWlnaHQ6XG4gICAgICAgICAgdHlwZW9mIHN1Z2dlc3RlZEFjdGlvbnNTdGFja2VkTGF5b3V0QnV0dG9uTWF4SGVpZ2h0ID09PSAnbnVtYmVyJyAmJiB0eXBlb2Ygc3VnZ2VzdGVkQWN0aW9uSGVpZ2h0ID09PSAnbnVtYmVyJ1xuICAgICAgICAgICAgPyBNYXRoLm1pbihzdWdnZXN0ZWRBY3Rpb25zU3RhY2tlZExheW91dEJ1dHRvbk1heEhlaWdodCwgc3VnZ2VzdGVkQWN0aW9uSGVpZ2h0KVxuICAgICAgICAgICAgOiBzdWdnZXN0ZWRBY3Rpb25IZWlnaHRcbiAgICAgIH0sXG5cbiAgICAgICcmOm5vdCgud2ViY2hhdF9fc3VnZ2VzdGVkLWFjdGlvbi0tcnRsKSAud2ViY2hhdF9fc3VnZ2VzdGVkLWFjdGlvbl9faW1hZ2UgKyAud2ViY2hhdF9fc3VnZ2VzdGVkLWFjdGlvbl9fdGV4dCc6IHtcbiAgICAgICAgcGFkZGluZ0xlZnQ6IHBhZGRpbmdSZWd1bGFyXG4gICAgICB9LFxuXG4gICAgICAnJi53ZWJjaGF0X19zdWdnZXN0ZWQtYWN0aW9uLS1ydGwgLndlYmNoYXRfX3N1Z2dlc3RlZC1hY3Rpb25fX2ltYWdlICsgLndlYmNoYXRfX3N1Z2dlc3RlZC1hY3Rpb25fX3RleHQnOiB7XG4gICAgICAgIHBhZGRpbmdSaWdodDogcGFkZGluZ1JlZ3VsYXJcbiAgICAgIH1cbiAgICB9XG4gIH07XG59XG4iXX0=
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createSuggestedActionsStyle({ paddingRegular, suggestedActionsCarouselFlipperSize, suggestedActionsFlowMaxHeight, suggestedActionsStackedHeight, suggestedActionsStackedOverflow, transcriptOverlayButtonBackground, transcriptOverlayButtonBackgroundOnDisabled, transcriptOverlayButtonBackgroundOnFocus, transcriptOverlayButtonBackgroundOnHover, transcriptOverlayButtonColor, transcriptOverlayButtonColorOnDisabled, transcriptOverlayButtonColorOnFocus, transcriptOverlayButtonColorOnHover }: StrictStyleOptions): {
|
|
3
|
+
'&.webchat__suggested-actions': {
|
|
4
|
+
'&.webchat__suggested-actions--carousel-layout': {
|
|
5
|
+
'& .webchat__suggested-actions__carousel': {
|
|
6
|
+
paddingBottom: number;
|
|
7
|
+
paddingTop: number;
|
|
8
|
+
'& .webchat__suggested-actions__button': {
|
|
9
|
+
paddingBottom: number;
|
|
10
|
+
paddingLeft: number;
|
|
11
|
+
paddingRight: number;
|
|
12
|
+
paddingTop: number;
|
|
13
|
+
};
|
|
14
|
+
'& .react-film__filmstrip': {
|
|
15
|
+
scrollbarWidth: string;
|
|
16
|
+
};
|
|
17
|
+
'& .react-film__flipper': {
|
|
18
|
+
'&:disabled, &[aria-disabled="true"]': {
|
|
19
|
+
'& .react-film__flipper__body': {
|
|
20
|
+
backgroundColor: string;
|
|
21
|
+
color: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
'&:focus .react-film__flipper__body': {
|
|
25
|
+
backgroundColor: string;
|
|
26
|
+
color: string;
|
|
27
|
+
};
|
|
28
|
+
'&:hover .react-film__flipper__body': {
|
|
29
|
+
backgroundColor: string;
|
|
30
|
+
color: string;
|
|
31
|
+
};
|
|
32
|
+
'& .react-film__flipper__body': {
|
|
33
|
+
background: string;
|
|
34
|
+
color: string;
|
|
35
|
+
outline: number;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
'&:not(.webchat__suggested-actions--rtl)': {
|
|
40
|
+
'& .react-film__filmstrip__item:first-child': {
|
|
41
|
+
paddingLeft: number;
|
|
42
|
+
};
|
|
43
|
+
'& .react-film__filmstrip__item:last-child': {
|
|
44
|
+
paddingRight: number;
|
|
45
|
+
};
|
|
46
|
+
'& .react-film__flipper + .react-film__filmstrip': {
|
|
47
|
+
'& .react-film__filmstrip__item:first-child': {
|
|
48
|
+
paddingLeft: number;
|
|
49
|
+
};
|
|
50
|
+
'& .react-film__filmstrip__item:last-child': {
|
|
51
|
+
paddingRight: number;
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
'&.webchat__suggested-actions--rtl': {
|
|
56
|
+
'& .react-film__filmstrip__item:first-child': {
|
|
57
|
+
paddingRight: number;
|
|
58
|
+
};
|
|
59
|
+
'& .react-film__filmstrip__item:last-child': {
|
|
60
|
+
paddingLeft: number;
|
|
61
|
+
};
|
|
62
|
+
'& .react-film__flipper + .react-film__filmstrip': {
|
|
63
|
+
'& .react-film__filmstrip__item:first-child': {
|
|
64
|
+
paddingRight: number;
|
|
65
|
+
};
|
|
66
|
+
'& .react-film__filmstrip__item:last-child': {
|
|
67
|
+
paddingLeft: number;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
'&.webchat__suggested-actions--flow-layout': {
|
|
73
|
+
'& .webchat__suggested-actions__flow-box': {
|
|
74
|
+
maxHeight: undefined;
|
|
75
|
+
overflowY: string;
|
|
76
|
+
paddingBottom: number;
|
|
77
|
+
paddingLeft: number;
|
|
78
|
+
paddingRight: number;
|
|
79
|
+
paddingTop: number;
|
|
80
|
+
};
|
|
81
|
+
'& .webchat__suggested-actions__item': {
|
|
82
|
+
maxWidth: string;
|
|
83
|
+
overflow: string;
|
|
84
|
+
};
|
|
85
|
+
'& .webchat__suggested-actions__button': {
|
|
86
|
+
padding: number;
|
|
87
|
+
};
|
|
88
|
+
};
|
|
89
|
+
'&.webchat__suggested-actions--stacked-layout': {
|
|
90
|
+
'& .webchat__suggested-actions__stack': {
|
|
91
|
+
maxHeight: number | "auto";
|
|
92
|
+
overflowY: string;
|
|
93
|
+
paddingBottom: number;
|
|
94
|
+
paddingLeft: number;
|
|
95
|
+
paddingRight: number;
|
|
96
|
+
paddingTop: number;
|
|
97
|
+
};
|
|
98
|
+
'& .webchat__suggested-actions__button': {
|
|
99
|
+
paddingBottom: number;
|
|
100
|
+
paddingLeft: number;
|
|
101
|
+
paddingRight: number;
|
|
102
|
+
paddingTop: number;
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
'&.webchat__suggested-actions--flow-layout, &.webchat__suggested-actions--stacked-layout': {
|
|
106
|
+
'& .webchat__suggested-actions__button-text': {
|
|
107
|
+
overflow: string;
|
|
108
|
+
textOverflow: string;
|
|
109
|
+
};
|
|
110
|
+
'& .webchat__suggested-actions__button-text-stacked-text-wrap': {
|
|
111
|
+
alignItems: string;
|
|
112
|
+
display: string;
|
|
113
|
+
whiteSpace: string;
|
|
114
|
+
};
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
};
|
|
118
|
+
//# sourceMappingURL=SuggestedActions.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SuggestedActions.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/SuggestedActions.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,2BAA2B,CAAC,EAClD,cAAc,EACd,mCAAmC,EACnC,6BAA6B,EAC7B,6BAA6B,EAC7B,+BAA+B,EAC/B,iCAAiC,EACjC,2CAA2C,EAC3C,wCAAwC,EACxC,wCAAwC,EACxC,4BAA4B,EAC5B,sCAAsC,EACtC,mCAAmC,EACnC,mCAAmC,EACpC,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0IpB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createTextContentStyle({ bubbleMaxWidth, bubbleMinHeight, markdownExternalLinkIconImage, primaryFont, paddingRegular }: StrictStyleOptions): {
|
|
3
|
+
fontFamily: string;
|
|
4
|
+
margin: number;
|
|
5
|
+
minHeight: number;
|
|
6
|
+
padding: number;
|
|
7
|
+
'& > :first-child': {
|
|
8
|
+
marginTop: number;
|
|
9
|
+
};
|
|
10
|
+
'& > :last-child': {
|
|
11
|
+
marginBottom: number;
|
|
12
|
+
};
|
|
13
|
+
'&.markdown': {
|
|
14
|
+
'& img:not(.webchat__markdown__external-link-icon)': {
|
|
15
|
+
maxWidth: number;
|
|
16
|
+
width: string;
|
|
17
|
+
};
|
|
18
|
+
'& img.webchat__markdown__external-link-icon': {
|
|
19
|
+
backgroundImage: string;
|
|
20
|
+
height: string;
|
|
21
|
+
marginLeft: string;
|
|
22
|
+
};
|
|
23
|
+
'& pre': {
|
|
24
|
+
overflow: string;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=TextContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextContent.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/TextContent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,cAAc,EACd,eAAe,EACf,6BAA6B,EAC7B,WAAW,EACX,cAAc,EACf,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;EAgCpB"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createToastStyle({ primaryFont, toasterHeight, toastErrorColor, toastFontSize, toastIconWidth, toastInfoColor, toastSuccessColor, toastTextPadding, toastWarnColor }: StrictStyleOptions): {
|
|
3
|
+
fontFamily: string;
|
|
4
|
+
fontSize: string | number;
|
|
5
|
+
minHeight: string | number;
|
|
6
|
+
'&.webchat__toast--error': {
|
|
7
|
+
color: string;
|
|
8
|
+
fill: string;
|
|
9
|
+
};
|
|
10
|
+
'&.webchat__toast--info': {
|
|
11
|
+
color: string;
|
|
12
|
+
fill: string;
|
|
13
|
+
};
|
|
14
|
+
'&.webchat__toast--success': {
|
|
15
|
+
color: string;
|
|
16
|
+
fill: string;
|
|
17
|
+
};
|
|
18
|
+
'&.webchat__toast--warn': {
|
|
19
|
+
color: string;
|
|
20
|
+
fill: string;
|
|
21
|
+
};
|
|
22
|
+
'& .webchat__toast__iconBox': {
|
|
23
|
+
alignItems: string;
|
|
24
|
+
display: string;
|
|
25
|
+
flexShrink: number;
|
|
26
|
+
height: string | number;
|
|
27
|
+
justifyContent: string;
|
|
28
|
+
width: string | number;
|
|
29
|
+
};
|
|
30
|
+
'& .webchat__toast__dismissButton': {
|
|
31
|
+
alignItems: string;
|
|
32
|
+
appearance: string;
|
|
33
|
+
backgroundColor: string;
|
|
34
|
+
border: number;
|
|
35
|
+
display: string;
|
|
36
|
+
height: string | number;
|
|
37
|
+
justifyContent: string;
|
|
38
|
+
outline: number;
|
|
39
|
+
padding: number;
|
|
40
|
+
width: string | number;
|
|
41
|
+
'&:focus .webchat__toast__dismissButtonFocus': {
|
|
42
|
+
borderColor: string;
|
|
43
|
+
};
|
|
44
|
+
'&:hover .webchat__toast__dismissButtonFocus': {
|
|
45
|
+
backgroundColor: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
'& .webchat__toast__dismissButtonFocus': {
|
|
49
|
+
alignItems: string;
|
|
50
|
+
borderColor: string;
|
|
51
|
+
borderStyle: string;
|
|
52
|
+
borderWidth: number;
|
|
53
|
+
borderRadius: number;
|
|
54
|
+
display: string;
|
|
55
|
+
height: number;
|
|
56
|
+
justifyContent: string;
|
|
57
|
+
width: number;
|
|
58
|
+
};
|
|
59
|
+
'& .webchat__toast__text': {
|
|
60
|
+
alignSelf: string;
|
|
61
|
+
paddingBottom: string | number;
|
|
62
|
+
paddingTop: string | number;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/Toast.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACf,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EpB"}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createToasterStyle({ primaryFont, toasterHeight, toasterMaxHeight, toastErrorBackgroundColor, toastErrorColor, toasterSingularMaxHeight, toastFontSize, toastIconWidth, toastInfoBackgroundColor, toastInfoColor, toastSeparatorColor, toastSuccessBackgroundColor, toastSuccessColor, toastWarnBackgroundColor, toastWarnColor }: StrictStyleOptions): {
|
|
3
|
+
overflowY: string;
|
|
4
|
+
'&:not(.webchat__toaster--expandable)': {
|
|
5
|
+
maxHeight: string | number;
|
|
6
|
+
};
|
|
7
|
+
'&.webchat__toaster--expandable:not(.webchat__toaster--expanded) > ul': {
|
|
8
|
+
height: number;
|
|
9
|
+
};
|
|
10
|
+
'&.webchat__toaster--expandable.webchat__toaster--expanded': {
|
|
11
|
+
maxHeight: string | number;
|
|
12
|
+
};
|
|
13
|
+
'& .webchat__toaster__header': {
|
|
14
|
+
alignItems: string;
|
|
15
|
+
alignSelf: string;
|
|
16
|
+
appearance: string;
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
border: number;
|
|
19
|
+
display: string;
|
|
20
|
+
fontFamily: string;
|
|
21
|
+
fontSize: string | number;
|
|
22
|
+
minHeight: string | number;
|
|
23
|
+
outline: number;
|
|
24
|
+
padding: number;
|
|
25
|
+
textAlign: string;
|
|
26
|
+
'&:focus .webchat__toaster__expandIconFocus': {
|
|
27
|
+
borderColor: string;
|
|
28
|
+
};
|
|
29
|
+
'&:hover .webchat__toaster__expandIconFocus': {
|
|
30
|
+
backgroundColor: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
'& .webchat__toaster__expandIconFocus': {
|
|
34
|
+
alignItems: string;
|
|
35
|
+
borderColor: string;
|
|
36
|
+
borderStyle: string;
|
|
37
|
+
borderWidth: number;
|
|
38
|
+
borderRadius: number;
|
|
39
|
+
display: string;
|
|
40
|
+
height: number;
|
|
41
|
+
justifyContent: string;
|
|
42
|
+
width: number;
|
|
43
|
+
};
|
|
44
|
+
'&.webchat__toaster--error': {
|
|
45
|
+
'&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
|
|
46
|
+
backgroundColor: string;
|
|
47
|
+
};
|
|
48
|
+
'& .webchat__toaster__header': {
|
|
49
|
+
color: string;
|
|
50
|
+
fill: string;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
'&.webchat__toaster--info': {
|
|
54
|
+
'&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
|
|
55
|
+
backgroundColor: string;
|
|
56
|
+
};
|
|
57
|
+
'& .webchat__toaster__header': {
|
|
58
|
+
color: string;
|
|
59
|
+
fill: string;
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
'&.webchat__toaster--success': {
|
|
63
|
+
'&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
|
|
64
|
+
backgroundColor: string;
|
|
65
|
+
};
|
|
66
|
+
'& .webchat__toaster__header': {
|
|
67
|
+
color: string;
|
|
68
|
+
fill: string;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
'&.webchat__toaster--warn': {
|
|
72
|
+
'&:not(.webchat__toaster--expandable), & .webchat__toaster__header': {
|
|
73
|
+
backgroundColor: string;
|
|
74
|
+
};
|
|
75
|
+
'& .webchat__toaster__header': {
|
|
76
|
+
color: string;
|
|
77
|
+
fill: string;
|
|
78
|
+
};
|
|
79
|
+
};
|
|
80
|
+
'& .webchat__toaster__expandLevelIconBox': {
|
|
81
|
+
height: string | number;
|
|
82
|
+
width: string | number;
|
|
83
|
+
};
|
|
84
|
+
'& .webchat__toaster__expandIcon': {
|
|
85
|
+
height: string | number;
|
|
86
|
+
width: string | number;
|
|
87
|
+
};
|
|
88
|
+
'& .webchat__toaster__expandText': {
|
|
89
|
+
padding: string;
|
|
90
|
+
};
|
|
91
|
+
'& .webchat__toaster__expandLevelIconBox, & .webchat__toaster__expandIcon': {
|
|
92
|
+
alignItems: string;
|
|
93
|
+
display: string;
|
|
94
|
+
justifyContent: string;
|
|
95
|
+
};
|
|
96
|
+
'& .webchat__toaster__list': {
|
|
97
|
+
margin: number;
|
|
98
|
+
overflowY: string;
|
|
99
|
+
padding: number;
|
|
100
|
+
};
|
|
101
|
+
'& .webchat__toaster__listItem:first-child:last-child': {
|
|
102
|
+
overflow: string;
|
|
103
|
+
};
|
|
104
|
+
'& .webchat__toaster__listItem:not(:first-child), & .webchat__toaster__listItem:not(:last-child)': {
|
|
105
|
+
borderBottomColor: string;
|
|
106
|
+
borderBottomStyle: string;
|
|
107
|
+
borderBottomWidth: number;
|
|
108
|
+
minHeight: number;
|
|
109
|
+
};
|
|
110
|
+
};
|
|
111
|
+
//# sourceMappingURL=Toaster.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/Toaster.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,yBAAyB,EACzB,eAAe,EACf,wBAAwB,EACxB,aAAa,EACb,cAAc,EACd,wBAAwB,EACxB,cAAc,EACd,mBAAmB,EACnB,2BAA2B,EAC3B,iBAAiB,EACjB,wBAAwB,EACxB,cAAc,EACf,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsIpB"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createTypingAnimationStyle({ typingAnimationBackgroundImage, typingAnimationHeight, typingAnimationWidth }: StrictStyleOptions): {
|
|
3
|
+
backgroundImage: string;
|
|
4
|
+
backgroundRepeat: string;
|
|
5
|
+
height: string | number;
|
|
6
|
+
width: string | number;
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=TypingAnimation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TypingAnimation.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/TypingAnimation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAS9D,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EACjD,8BAA8B,EAC9B,qBAAqB,EACrB,oBAAoB,EACrB,EAAE,kBAAkB;;;;;EAcpB"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createTypingIndicatorStyle({ paddingRegular }: StrictStyleOptions): {
|
|
3
|
+
paddingBottom: number;
|
|
4
|
+
'&:not(.webchat__typingIndicator--rtl)': {
|
|
5
|
+
paddingLeft: number;
|
|
6
|
+
};
|
|
7
|
+
'&.webchat__typingIndicator--rtl': {
|
|
8
|
+
paddingRight: number;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=TypingIndicator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TypingIndicator.d.ts","sourceRoot":"","sources":["../../../src/Styles/StyleSet/TypingIndicator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,EAAE,cAAc,EAAE,EAAE,kBAAkB;;;;;;;;EAYxF"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StrictStyleOptions } from 'botframework-webchat-api';
|
|
2
|
+
export default function createUploadButtonStyle({ sendBoxButtonColor, sendBoxButtonColorOnFocus, sendBoxButtonColorOnHover, sendBoxHeight, subtle }: StrictStyleOptions): {
|
|
3
|
+
width: string | number;
|
|
4
|
+
'& > .icon > svg': {
|
|
5
|
+
fill: string;
|
|
6
|
+
};
|
|
7
|
+
'& > input:hover + .icon > svg': {
|
|
8
|
+
fill: string;
|
|
9
|
+
};
|
|
10
|
+
'& > input:focus + .icon > svg': {
|
|
11
|
+
fill: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=UploadButton.d.ts.map
|