File tree

• CHANGELOG.md
• __tests__
  • __image_snapshots__
    • chrome-docker
      • basic-js-absolute-timestamp-1-snap.png
      • basic-js-avatar-background-color-1-snap.png
      • basic-js-setup-1-snap.png
      • bubble-border-js-bubble-border-with-color-radius-style-and-width-set-1-snap.png
      • bubble-border-js-bubble-border-with-deprecated-border-style-with-color-radius-style-and-width-set-1-snap.png
      • bubble-nub-js-bubble-nub-with-avatar-initials-and-carousel-with-a-message-should-have-nub-on-message-only-1-snap.png
      • bubble-nub-js-bubble-nub-with-avatar-initials-and-carousel-without-a-message-should-not-have-nubs-1-snap.png
      • bubble-nub-js-bubble-nub-with-standard-setup-1-snap.png
      • bubble-nub-js-bubble-nub-without-avatar-initials-and-carousel-with-a-message-should-have-nub-on-message-only-and-indented-1-snap.png
      • bubble-nub-js-bubble-nub-without-avatar-initials-and-carousel-without-a-message-should-not-have-nubs-and-indented-1-snap.png
      • card-action-middleware-js-card-action-signin-1-snap.png
      • carousel-js-carousel-with-avatar-initials-1-attachment-1-snap.png
      • carousel-js-carousel-with-avatar-initials-1-attachment-with-wide-screen-1-snap.png
      • carousel-js-carousel-with-avatar-initials-2-attachments-1-snap.png
      • carousel-js-carousel-with-avatar-initials-2-attachments-with-wide-screen-1-snap.png
      • carousel-js-carousel-with-avatar-initials-4-attachments-and-message-1-snap.png
      • carousel-js-carousel-with-avatar-initials-4-attachments-and-message-2-snap.png
      • carousel-js-carousel-with-avatar-initials-4-attachments-and-no-message-1-snap.png
      • carousel-js-carousel-with-avatar-initials-4-attachments-and-no-message-2-snap.png
      • carousel-js-carousel-without-avatar-initials-1-attachment-1-snap.png
      • carousel-js-carousel-without-avatar-initials-1-attachment-with-wide-screen-1-snap.png
      • carousel-js-carousel-without-avatar-initials-2-attachments-1-snap.png
      • carousel-js-carousel-without-avatar-initials-2-attachments-with-wide-screen-1-snap.png
      • carousel-js-carousel-without-avatar-initials-4-attachments-and-message-1-snap.png
      • carousel-js-carousel-without-avatar-initials-4-attachments-and-message-2-snap.png
      • carousel-js-carousel-without-avatar-initials-4-attachments-and-no-message-1-snap.png
      • carousel-js-carousel-without-avatar-initials-4-attachments-and-no-message-2-snap.png
      • clock-skew-js-clock-skew-faking-clock-skew-should-affect-activity-order-1-snap.png
      • clock-skew-js-clock-skew-should-not-have-any-effects-1-snap.png
      • customizable-avatar-js-customizable-avatar-in-rtl-with-default-avatar-1-snap.png
      • customizable-avatar-js-customizable-avatar-in-rtl-with-default-avatar-2-snap.png
      • customizable-avatar-js-customizable-avatar-in-rtl-with-default-avatar-bubble-nub-and-round-bubble-1-snap.png
      • customizable-avatar-js-customizable-avatar-in-rtl-with-default-avatar-bubble-nub-and-round-bubble-2-snap.png
      • customizable-avatar-js-customizable-avatar-in-rtl-with-default-avatar-bubble-nub-and-round-bubble-only-on-one-side-1-snap.png
      • customizable-avatar-js-customizable-avatar-in-rtl-with-default-avatar-only-on-one-side-1-snap.png
      • customizable-avatar-js-customizable-avatar-with-default-avatar-1-snap.png
      • customizable-avatar-js-customizable-avatar-with-default-avatar-2-snap.png
      • customizable-avatar-js-customizable-avatar-with-default-avatar-bubble-nub-and-round-bubble-1-snap.png
      • customizable-avatar-js-customizable-avatar-with-default-avatar-bubble-nub-and-round-bubble-2-snap.png
      • customizable-avatar-js-customize-size-and-roundness-of-avatar-1-snap.png
      • focus-js-type-focus-sink-should-not-paste-in-the-send-box-when-focus-is-on-a-text-box-of-an-adaptive-card-1-snap.png
      • focus-js-type-focus-sink-should-not-type-in-the-send-box-when-focus-is-on-a-text-box-of-an-adaptive-card-1-snap.png
      • language-js-setting-language-to-empty-string-should-not-crash-1-snap.png
      • rich-cards-js-oauth-card-1-snap.png
      • rich-cards-js-sign-in-card-1-snap.png
      • rich-cards-js-thumbnail-card-1-snap.png
      • rtl-js-rtl-ui-carousel-should-scroll-to-the-left-instead-of-right-1-snap.png
      • rtl-js-rtl-ui-carousel-with-avatar-initials-should-display-user-and-bot-in-reversed-positions-1-snap.png
      • rtl-js-rtl-ui-with-adaptive-card-should-be-displayed-correctly-1-snap.png
      • scroll-to-bottom-js-show-new-messages-button-only-when-new-message-come-1-snap.png
      • scroll-to-bottom-js-show-new-messages-button-only-when-new-message-come-2-snap.png
      • scroll-to-bottom-js-show-new-messages-button-only-when-new-message-come-4-snap.png
      • send-typing-indicator-js-changing-typing-indicator-duration-on-the-fly-1-snap.png
      • send-typing-indicator-js-changing-typing-indicator-duration-on-the-fly-2-snap.png
      • send-typing-indicator-js-changing-typing-indicator-duration-on-the-fly-3-snap.png
      • send-typing-indicator-js-typing-indicator-should-display-in-send-box-1-snap.png
      • send-typing-indicator-js-typing-indicator-should-not-display-after-second-activity-1-snap.png
      • stacked-js-stacked-with-avatar-initials-1-attachment-with-wide-screen-1-snap.png
      • stacked-js-stacked-without-avatar-initials-1-attachment-with-wide-screen-1-snap.png
      • style-options-js-style-options-bubble-background-and-color-1-snap.png
      • suggested-actions-js-suggested-actions-command-should-not-show-suggested-actions-not-destined-for-the-user-1-snap.png
      • suggested-actions-js-suggested-actions-command-should-show-response-from-bot-and-no-text-from-user-on-imback-1-snap.png
      • suggested-actions-js-suggested-actions-command-should-show-response-from-bot-and-no-text-from-user-on-messageback-1-snap.png
      • suggested-actions-js-suggested-actions-command-should-show-response-from-bot-and-text-from-user-on-messageback-1-snap.png
      • timestamp-js-timestamp-should-update-time-1-snap.png
      • update-activity-js-should-not-replace-activity-without-activity-id-2-snap.png
      • update-activity-js-should-replace-activity-with-same-activity-id-2-snap.png
      • use-perform-card-action-js-calling-perform-card-action-should-send-card-action-to-middleware-1-snap.png
      • use-scroll-to-end-js-calling-scroll-to-end-should-scroll-to-end-1-snap.png
      • use-send-message-back-js-calling-send-message-back-should-send-a-message-back-activity-1-snap.png
      • use-text-box-js-calling-submit-should-scroll-to-end-1-snap.png
      • username-js-send-username-in-activity-1-snap.png
    • html
      • activity-grouping-avatar-middleware-at-bottom-js-activity-grouping-should-not-break-avatar-middleware-with-avatar-at-bottom-1-snap.png
      • activity-grouping-avatar-middleware-js-activity-grouping-should-not-break-avatar-middleware-1-snap.png
      • activity-grouping-disable-timestamp-js-activity-grouping-should-show-timestamp-even-if-timestamp-is-disabled-1-snap.png
      • activity-grouping-disable-timestamp-js-activity-grouping-should-show-timestamp-even-if-timestamp-is-disabled-2-snap.png
      • activity-grouping-disable-timestamp-js-activity-grouping-should-show-timestamp-even-if-timestamp-is-disabled-3-snap.png
      • activity-grouping-grouping-activity-status-js-activity-grouping-should-group-activity-status-after-activities-being-sent-1-snap.png
      • activity-grouping-grouping-activity-status-js-activity-grouping-should-group-activity-status-after-activities-being-sent-2-snap.png
      • activity-grouping-grouping-activity-status-js-activity-grouping-should-group-activity-status-after-activities-being-sent-3-snap.png
      • activity-grouping-legacy-activity-middleware-js-activity-grouping-should-not-break-legacy-activity-middleware-1-snap.png
      • activity-grouping-legacy-activity-status-middleware-js-activity-grouping-should-not-break-legacy-activity-status-middleware-1-snap.png
      • activity-grouping-legacy-activity-status-middleware-js-activity-grouping-should-not-break-legacy-activity-status-middleware-2-snap.png
      • avatar-empty-initials-js-avatar-with-empty-initials-should-leave-gutter-space-1-snap.png
      • avatar-undefined-initials-js-avatar-with-undefined-initials-should-not-leave-gutter-space-1-snap.png
      • focus-management-disable-adaptive-card-manual-js-focus-management-focus-should-not-move-after-adaptive-card-is-disable-after-manually-disabled-1-snap.png
      • focus-management-disable-adaptive-card-manual-js-focus-management-focus-should-not-move-after-adaptive-card-is-disable-after-manually-disabled-2-snap.png
      • focus-management-disable-adaptive-card-manual-js-focus-management-focus-should-not-move-after-adaptive-card-is-disable-after-manually-disabled-3-snap.png
      • focus-management-disable-hero-card-obsolete-js-focus-management-focus-should-not-move-after-hero-card-is-disable-after-obsolete-1-snap.png
      • focus-management-disable-hero-card-obsolete-js-focus-management-focus-should-not-move-after-hero-card-is-disable-after-obsolete-2-snap.png
      • focus-management-disable-hero-card-obsolete-js-focus-management-focus-should-not-move-after-hero-card-is-disable-after-obsolete-3-snap.png
      • focus-management-disable-hero-card-obsolete-js-focus-management-focus-should-not-move-after-hero-card-is-disable-after-obsolete-4-snap.png
      • focus-management-disable-ui-js-focus-management-focus-should-not-move-after-the-whole-ui-is-disabled-1-snap.png
      • focus-management-disable-ui-js-focus-management-focus-should-not-move-after-the-whole-ui-is-disabled-2-snap.png
      • focus-management-disable-ui-js-focus-management-focus-should-not-move-after-the-whole-ui-is-disabled-3-snap.png
      • focus-management-new-message-button-js-focus-management-click-on-new-message-button-should-focus-on-main-1-snap.png
      • focus-management-new-message-button-receive-hero-card-js-focus-management-after-receive-hero-card-click-on-new-message-button-should-focus-on-button-3-snap.png
      • focus-management-new-message-button-receive-hero-card-js-focus-management-after-receive-hero-card-click-on-new-message-button-should-focus-on-button-4-snap.png
      • focus-management-new-message-button-receive-message-js-focus-management-after-receive-text-message-click-on-new-message-button-should-focus-on-send-box-1-snap.png
      • focus-management-new-message-button-receive-message-js-focus-management-after-receive-text-message-click-on-new-message-button-should-focus-on-send-box-2-snap.png
      • focus-management-suggested-actions-js-focus-management-click-on-suggested-action-should-focus-on-main-1-snap.png
      • hero-card-actions-js-hero-card-actions-im-back-1-snap.png
      • hooks-use-create-activity-renderer-js-use-create-activity-renderer-should-render-activity-1-snap.png
      • hooks-use-create-activity-status-renderer-js-use-create-activity-status-renderer-should-render-activity-status-1-snap.png
      • hooks-use-create-avatar-renderer-js-use-create-avatar-renderer-should-render-avatar-1-snap.png
      • hooks-use-render-activity-js-use-render-activity-should-render-activity-1-snap.png
      • hooks-use-render-activity-status-js-use-render-activity-status-should-render-activity-status-1-snap.png
      • hooks-use-render-avatar-js-use-render-avatar-should-render-avatar-1-snap.png
      • speech-recognition-simple-js-speech-recognition-using-authorization-token-with-direct-line-protocol-should-recognize-hello-world-1-snap.png
      • speech-recognition-simple-js-speech-recognition-using-authorization-token-with-direct-line-speech-protocol-should-recognize-hello-world-1-snap.png
      • speech-recognition-simple-js-speech-recognition-using-subscription-key-with-direct-line-protocol-should-recognize-hello-world-1-snap.png
      • speech-recognition-simple-js-speech-recognition-using-subscription-key-with-direct-line-speech-protocol-should-recognize-hello-world-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-1-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-10-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-11-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-12-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-13-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-14-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-15-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-16-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-17-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-18-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-19-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-2-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-20-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-21-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-22-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-23-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-24-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-25-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-26-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-27-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-28-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-29-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-3-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-30-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-31-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-32-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-33-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-34-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-35-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-36-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-37-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-38-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-39-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-4-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-40-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-41-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-42-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-43-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-44-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-45-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-46-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-47-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-48-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-49-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-5-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-50-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-6-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-7-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-8-1-snap.png
      • transcript-activity-grouping-js-transcript-with-activity-grouping-test-9-1-snap.png
  • customizableAvatar.js
  • html
    • __jest__
      • createJobObservable.js
      • runPageProcessor.js
      • setupRunHTMLTest.js
      • sleep.js
    • activityGrouping.avatarMiddleware.atBottom.html
    • activityGrouping.avatarMiddleware.atBottom.js
    • activityGrouping.avatarMiddleware.html
    • activityGrouping.avatarMiddleware.js
    • activityGrouping.disableTimestamp.html
    • activityGrouping.disableTimestamp.js
    • activityGrouping.groupingActivityStatus.html
    • activityGrouping.groupingActivityStatus.js
    • activityGrouping.legacyActivityMiddleware.html
    • activityGrouping.legacyActivityMiddleware.js
    • activityGrouping.legacyActivityStatusMiddleware.html
    • activityGrouping.legacyActivityStatusMiddleware.js
    • assets
      • activityGrouping.css
      • activityGrouping.js
      • bot-avatar.jpg
      • transcripts
        • attachment-without-message.json
        • carousel-hero-cards.json
        • carousel-layout.json
        • index.json
        • markdown-message.json
        • multiple-lines-multiple-files.json
        • simple-messages.json
        • single-line-no-files.json
        • user-upload.json
      • user-avatar.jpg
    • avatar.emptyInitials.html
    • avatar.emptyInitials.js
    • avatar.undefinedInitials.html
    • avatar.undefinedInitials.js
    • cardAction.adaptiveCard.disallowedScheme.html
    • cardAction.adaptiveCard.openURL.html
    • cardAction.heroCard.disallowedScheme.html
    • cardAction.heroCard.openURL.html
    • focusManagement.disableHeroCard.obsolete.html
    • hooks.useCreateActivityRenderer.html
    • hooks.useCreateActivityRenderer.js
    • hooks.useCreateActivityStatusRenderer.html
    • hooks.useCreateActivityStatusRenderer.js
    • hooks.useCreateAvatarRenderer.html
    • hooks.useCreateAvatarRenderer.js
    • hooks.useGetSendTimeoutForActivity.html
    • hooks.useGetSendTimeoutForActivity.js
    • hooks.useObserveScrollPosition.js
    • hooks.useRenderActivity.html
    • hooks.useRenderActivity.js
    • hooks.useRenderActivityStatus.html
    • hooks.useRenderActivityStatus.js
    • hooks.useRenderAvatar.html
    • hooks.useRenderAvatar.js
    • hooks.useScrollTo.keepNewMessagesButton.js
    • hooks.useScrollToEnd.hideNewMessagesButton.js
    • hooks.useSendTimeoutForActivity.html
    • hooks.useSendTimeoutForActivity.js
    • offlineUI.sendFailed.noAck.html
    • simple.html
    • timestamp.changeSendTimeout.html
    • transcript.activityGrouping.html
    • transcript.activityGrouping.js
    • transcript.activityStatus.intermediateSendFailed.html
    • transcript.legacyActivityMiddleware.passwordInput.html
    • transcript.legacyActivityMiddleware.reactionButtons.html
  • timestamp.js
• docs
  • HOOKS.md
• packages
  • component/src
    • Activity
      • Bubble.js
      • CarouselFilmStrip.js
      • CarouselLayout.js
      • StackedLayout.js
    • Attachment
      • ImageAttachment.js
    • Avatar
      • ImageAvatar.js
    • BasicTranscript.js
    • Composer.js
    • Middleware
      • ActivityStatus
        • AbsoluteTime.js
        • createTimestampMiddleware.js
      • Activity
        • createCoreMiddleware.js
      • Attachment
        • createCoreMiddleware.js
      • GroupActivities
        • createCoreMiddleware.js
      • Toast
        • createCoreMiddleware.js
      • createActivityStatusRenderer.js
    • Styles
      • StyleSet
        • Bubble.js
        • CarouselFilmStrip.js
        • StackedLayout.js
      • defaultStyleOptions.js
      • mirrorStyle.js
    • Utils
      • getActivityUniqueId.js
      • intersectionOf.js
      • intersectionOf.spec.js
      • isZeroOrPositive.js
      • removeInline.js
      • removeInline.spec.js
    • hooks
      • index.js
      • internal
        • useCreateActivityRendererInternal.js
        • useMemoize.js
        • useMemoize.spec.js
      • useCreateActivityRenderer.js
      • useCreateActivityStatusRenderer.js
      • useCreateAvatarRenderer.js
      • useGetSendTimeoutForActivity.js
      • useGroupActivities.js
      • useLastTypingAt.js
      • useRenderActivity.js
      • useRenderActivityStatus.js
      • useRenderAttachment.js
      • useRenderAvatar.js
      • useRenderToast.js
      • useRenderTypingIndicator.js
      • useSendTimeoutForActivity.js
    • index.tsx
  • testharness
    • assets
      • index.css
    • package-lock.json
    • package.json
    • src
      • host
        • done.js
      • index.js
      • utils
        • createDeferredObservable.js
        • createDirectLineWithTranscript.js
        • loadTranscriptAsset.js
        • subscribeConsole.js
• samples/02.branding-styling-and-customization/j.grouping-avatar
  • comprehensive.html
• serve-test.json