botframework-webchat-fluent-theme 4.18.0 → 4.18.1-main.20240808.851825d

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.
Files changed (31) hide show
  1. package/dist/botframework-webchat-fluent-theme.css.map +1 -1
  2. package/dist/botframework-webchat-fluent-theme.d.mts +1 -0
  3. package/dist/botframework-webchat-fluent-theme.d.ts +1 -0
  4. package/dist/botframework-webchat-fluent-theme.development.css.map +1 -1
  5. package/dist/botframework-webchat-fluent-theme.development.js +1 -1
  6. package/dist/botframework-webchat-fluent-theme.development.js.map +1 -1
  7. package/dist/botframework-webchat-fluent-theme.js +1 -1
  8. package/dist/botframework-webchat-fluent-theme.js.map +1 -1
  9. package/dist/botframework-webchat-fluent-theme.mjs +1 -1
  10. package/dist/botframework-webchat-fluent-theme.mjs.map +1 -1
  11. package/dist/botframework-webchat-fluent-theme.production.min.css.map +1 -1
  12. package/dist/botframework-webchat-fluent-theme.production.min.js +1 -1
  13. package/dist/botframework-webchat-fluent-theme.production.min.js.map +1 -1
  14. package/package.json +6 -5
  15. package/src/components/preChatActivity/PreChatMessageActivity.module.css +34 -0
  16. package/src/components/preChatActivity/PreChatMessageActivity.tsx +35 -0
  17. package/src/components/preChatActivity/StarterPromptsCardAction.module.css +58 -0
  18. package/src/components/preChatActivity/StarterPromptsCardAction.tsx +64 -0
  19. package/src/components/preChatActivity/StarterPromptsToolbar.module.css +18 -0
  20. package/src/components/preChatActivity/StarterPromptsToolbar.tsx +35 -0
  21. package/src/components/preChatActivity/index.tsx +2 -0
  22. package/src/components/preChatActivity/isPreChatMessageActivity.ts +26 -0
  23. package/src/components/preChatActivity/private/MonochromeImageMasker.module.css +5 -0
  24. package/src/components/preChatActivity/private/MonochromeImageMasker.tsx +19 -0
  25. package/src/components/sendBox/SendBox.tsx +24 -13
  26. package/src/components/sendBox/index.tsx +1 -1
  27. package/src/components/suggestedActions/SuggestedActions.tsx +46 -43
  28. package/src/components/theme/Theme.module.css +23 -5
  29. package/src/components/theme/Theme.tsx +1 -1
  30. package/src/private/FluentThemeProvider.tsx +20 -3
  31. package/src/testIds.ts +1 -0
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/telephoneKeypad/private/Button.module.css","../src/components/telephoneKeypad/private/TelephoneKeypad.module.css","../src/components/theme/Theme.module.css","../src/components/dropZone/DropZone.module.css","../src/components/suggestedActions/SuggestedAction.module.css","../src/components/suggestedActions/SuggestedActions.module.css","../src/components/sendBox/Toolbar.module.css","../src/components/sendBox/AddAttachmentButton.module.css","../src/components/sendBox/Attachments.module.css","../src/components/sendBox/ErrorMessage.module.css","../src/components/sendBox/TextArea.module.css","../src/components/sendBox/SendBox.module.css"],"sourcesContent":["\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","\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\n:global(.webchat-fluent) .telephone-keypad__info-message {\n align-items: center;\n color: var(--webchat-colorNeutralForeground4);\n display: flex;\n font-size: 12px;\n gap: 6px;\n margin-block-end: 6px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message-link {\n color: var(--webchat-colorBrandForegroundLink);\n text-decoration-color: transparent;\n\n &:target {\n color: var(--webchat-colorBrandForegroundLinkSelected);\n }\n &:hover {\n color: var(--webchat-colorBrandForegroundLinkHover);\n text-decoration: underline 1px currentColor;\n }\n &:active {\n color: var(--webchat-colorBrandForegroundLinkPressed);\n }\n &:focus-visible {\n outline: none;\n text-decoration: underline 1px double var(--webchat-colorStrokeFocus2);\n }\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-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);\n --webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);\n --webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);\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-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);\n --webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);\n --webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);\n \n --webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);\n\n --webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);\n\n --webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);\n --webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);\n\n --webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);\n --webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);\n --webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);\n --webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c); \n\n --webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);\n --webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);\n\n --webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);\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 \n --webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);\n\n --webchat-durationUltraFast: var(--durationUltraFast, 0);\n --webchat-durationNormal: var(--durationNormal, 200ms);\n\n --webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));\n --webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1));\n}\n\n@media (prefers-reduced-motion) {\n :global(.webchat-fluent).theme {\n --webchat-durationUltraFast: 0.01ms;\n --webchat-durationNormal: 0.01ms;\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",":global(.webchat-fluent) .suggested-action {\n align-items: center;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--webchat-colorBrandStroke2);\n color: currentColor;\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","\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",":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 color: currentColor;\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 &.sendbox__toolbar-button--selected {\n color: var(--webchat-colorNeutralForeground2BrandSelected);\n }\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n color: var(--webchat-colorNeutralForeground2BrandHover);\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n color: var(--webchat-colorNeutralForeground2BrandPressed);\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: 1px; /* iOS Safari does not honor 0px for the width. */\n}\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",":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",":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 background-color: inherit;\n color: currentColor;\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",":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 --webchat-sendbox-attachment-area-active: ;\n --webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge);\n}\n\n:global(.webchat-fluent) .sendbox__sendbox {\n background-color: var(--webchat-colorNeutralBackground1);\n border-radius: var(--webchat-sendbox-border-radius);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n display: grid;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n gap: 6px;\n grid-template:\n [telephone-keypad-start] 'text-area' [telephone-keypad-end]\n var(--webchat-sendbox-attachment-area-active)\n 'controls' / [telephone-keypad] 1fr\n ;\n line-height: 20px;\n padding: 8px;\n position: relative;\n\n &:has(.sendbox__attachment--in-grid) {\n --webchat-sendbox-attachment-area-active: 'attachment'\n }\n\n &:focus-within {\n border-color: var(--webchat-colorNeutralStroke1Selected);\n }\n\n &::after {\n border-bottom-left-radius: var(--webchat-sendbox-border-radius);\n border-bottom-right-radius: var(--webchat-sendbox-border-radius);\n border-bottom: var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);\n bottom: -1px;\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);\n content: \"\";\n height: var(--webchat-sendbox-border-radius);\n left: -1px;\n position: absolute;\n right: -1px;\n transition: clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid);\n }\n\n &:focus-within::after {\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);\n transition: clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);\n }\n\n > .sendbox__text-area--in-grid {\n grid-area: text-area;\n }\n\n > .sendbox__attachment--in-grid {\n grid-area: attachment;\n }\n\n > .sendbox__sendbox-controls--in-grid {\n grid-area: controls;\n }\n\n > .sendbox__telephone-keypad--in-grid {\n grid-area: telephone-keypad;\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 /* Prevent zoom on focus on iOS */\n @media only screen and (hover: none) and (pointer: coarse) {\n &:focus-within {\n font-size: 16px;\n }\n }\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 margin-inline-end: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter--error {\n color: var(--webchat-colorStatusDangerForeground1);\n}\n"],"mappings":"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","names":["telephone-keypad__button","telephone-keypad__button__ruby","telephone-keypad__button__text","telephone-keypad--horizontal","telephone-keypad","telephone-keypad__box","telephone-keypad__info-message","telephone-keypad__info-message-link","theme","sendbox__attachment-drop-zone","sendbox__attachment-drop-zone--droppable","sendbox__attachment-drop-zone-icon","suggested-action","suggested-action__image","suggested-actions","suggested-actions--flow","suggested-actions--stacked","sendbox__toolbar","sendbox__toolbar-button","sendbox__toolbar-button--selected","sendbox__toolbar-separator","sendbox__add-attachment","sendbox__add-attachment-input","sendbox__attachment","sendbox__error-message","sendbox__text-area","sendbox__text-area--hidden","sendbox__text-area-shared","sendbox__text-area-doppelganger","sendbox__text-area-input","sendbox__text-area-input--scroll","sendbox","sendbox__sendbox","sendbox__attachment--in-grid","sendbox__text-area--in-grid","sendbox__sendbox-controls--in-grid","sendbox__telephone-keypad--in-grid","sendbox__sendbox-text","sendbox__sendbox-controls","sendbox__text-counter","sendbox__text-counter--error"]}
1
+ {"version":3,"sources":["../src/components/preChatActivity/PreChatMessageActivity.module.css","../src/components/preChatActivity/private/MonochromeImageMasker.module.css","../src/components/preChatActivity/StarterPromptsCardAction.module.css","../src/components/preChatActivity/StarterPromptsToolbar.module.css","../src/components/dropZone/DropZone.module.css","../src/components/suggestedActions/SuggestedAction.module.css","../src/components/suggestedActions/SuggestedActions.module.css","../src/components/telephoneKeypad/private/Button.module.css","../src/components/telephoneKeypad/private/TelephoneKeypad.module.css","../src/components/sendBox/Toolbar.module.css","../src/components/sendBox/AddAttachmentButton.module.css","../src/components/sendBox/Attachments.module.css","../src/components/sendBox/ErrorMessage.module.css","../src/components/sendBox/SendBox.module.css","../src/components/sendBox/TextArea.module.css","../src/components/theme/Theme.module.css"],"sourcesContent":[":global(.webchat-fluent) .pre-chat-message-activity {\n display: grid;\n grid-template-areas: 'body' 'toolbar';\n grid-template-rows: auto auto;\n gap: var(--webchat-spacingHorizontalXXXL);\n padding: var(--webchat-spacingHorizontalXXXL);\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__body {\n font-family: var(--webchat-fontFamilyBase);\n font-size: var(--webchat-fontSizeBase300);\n font-weight: var(--webchat-fontWeightRegular);\n grid-area: body;\n line-height: var(--webchat-lineHeightBase300);\n text-align: center;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__body h2 {\n color: var(--webchat-colorNeutralForeground1);\n font-family: inherit;\n font-weight: var(--webchat-fontWeightSemibold);\n font-size: var(--webchat-fontSizeHero700);\n line-height: var(--webchat-lineHeightHero700);\n margin: var(--webchat-spacingVerticalL) 0 0;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__body img {\n border-radius: 4px;\n height: 64px;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__toolbar {\n grid-area: toolbar;\n}\n",":global(.webchat-fluent) .pre-chat-message-activity__monochrome-image-masker {\n background-color: var(--webchat-colorNeutralForeground4);\n mask-image: var(--mask-image);\n --webkit-mask-image: var(--mask-image);\n}\n",":global(.webchat-fluent) .pre-chat-message-activity__card-action-box {\n appearance: none;\n background-color: var(--webchat-colorNeutralBackground1);\n border: 0;\n border-radius: 16px;\n box-shadow: var(--webchat-shadow2);\n color: var(--webchat-colorNeutralForeground1);\n cursor: pointer;\n display: grid;\n gap: 8px;\n grid-template-areas: 'image title' 'image subtitle';\n grid-template-columns: 20px 1fr;\n grid-template-rows: auto 1fr;\n overflow: hidden;\n padding: 16px 20px;\n text-align: left;\n user-select: none;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-box:disabled {\n background-color: var(--webchat-colorNeutralBackground1Disabled);\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-box:hover {\n background-color: var(--webchat-colorNeutralGrey94);\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-box:active {\n background-color: var(--webchat-colorNeutralBackground1Pressed);\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-box:focus-visible {\n outline: solid 2px var(--webchat-colorStrokeFocus2);\n outline-offset: -2px;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-image {\n grid-area: image;\n height: 20px;\n width: 20px;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-subtitle {\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n font-weight: var(--webchat-fontWeightRegular);\n grid-area: subtitle;\n line-height: 20px;\n pointer-events: none; /* Links in subtitle are not clickable. */\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-title {\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n font-weight: var(--webchat-fontWeightSemibold);\n grid-area: title;\n line-height: 20px;\n}\n",":global(.webchat-fluent) .pre-chat-message-activity__card-action-toolbar {\n container-name: webchat-container;\n container-type: inline-size;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-toolbar-grid {\n display: grid;\n gap: var(--webchat-spacingHorizontalM);\n grid-template-columns: 1fr 1fr 1fr;\n padding: 0;\n}\n\n/* TODO: What is the good width to show as 3 columns? Web Chat, by default, has a bubble max width of 480px. */\n@container webchat-container (width <= 480px) {\n :global(.webchat-fluent) .pre-chat-message-activity__card-action-toolbar-grid {\n grid-template-columns: 1fr;\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",":global(.webchat-fluent) .suggested-action {\n align-items: center;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--webchat-colorBrandStroke2);\n color: currentColor;\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","\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","\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","\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\n:global(.webchat-fluent) .telephone-keypad__info-message {\n align-items: center;\n color: var(--webchat-colorNeutralForeground4);\n display: flex;\n font-size: 12px;\n gap: 6px;\n margin-block-end: 6px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message-link {\n color: var(--webchat-colorBrandForegroundLink);\n text-decoration-color: transparent;\n\n &:target {\n color: var(--webchat-colorBrandForegroundLinkSelected);\n }\n &:hover {\n color: var(--webchat-colorBrandForegroundLinkHover);\n text-decoration: underline 1px currentColor;\n }\n &:active {\n color: var(--webchat-colorBrandForegroundLinkPressed);\n }\n &:focus-visible {\n outline: none;\n text-decoration: underline 1px double var(--webchat-colorStrokeFocus2);\n }\n}\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 color: currentColor;\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 &.sendbox__toolbar-button--selected {\n color: var(--webchat-colorNeutralForeground2BrandSelected);\n }\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n color: var(--webchat-colorNeutralForeground2BrandHover);\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n color: var(--webchat-colorNeutralForeground2BrandPressed);\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: 1px; /* iOS Safari does not honor 0px for the width. */\n}\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",":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",":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 --webchat-sendbox-attachment-area-active: ;\n --webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge);\n}\n\n:global(.webchat-fluent) .sendbox__sendbox {\n background-color: var(--webchat-colorNeutralBackground1);\n border-radius: var(--webchat-sendbox-border-radius);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n display: grid;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n gap: 6px;\n grid-template:\n [telephone-keypad-start] 'text-area' [telephone-keypad-end]\n var(--webchat-sendbox-attachment-area-active)\n 'controls' / [telephone-keypad] 1fr\n ;\n line-height: 20px;\n padding: 8px;\n position: relative;\n\n &:has(.sendbox__attachment--in-grid) {\n --webchat-sendbox-attachment-area-active: 'attachment'\n }\n\n &:focus-within {\n border-color: var(--webchat-colorNeutralStroke1Selected);\n }\n\n &::after {\n border-bottom-left-radius: var(--webchat-sendbox-border-radius);\n border-bottom-right-radius: var(--webchat-sendbox-border-radius);\n border-bottom: var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);\n bottom: -1px;\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);\n content: \"\";\n height: var(--webchat-sendbox-border-radius);\n left: -1px;\n position: absolute;\n right: -1px;\n transition: clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid);\n }\n\n &:focus-within::after {\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);\n transition: clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);\n }\n\n > .sendbox__text-area--in-grid {\n grid-area: text-area;\n }\n\n > .sendbox__attachment--in-grid {\n grid-area: attachment;\n }\n\n > .sendbox__sendbox-controls--in-grid {\n grid-area: controls;\n }\n\n > .sendbox__telephone-keypad--in-grid {\n grid-area: telephone-keypad;\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 /* Prevent zoom on focus on iOS */\n @media only screen and (hover: none) and (pointer: coarse) {\n &:focus-within {\n font-size: 16px;\n }\n }\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 margin-inline-end: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter--error {\n color: var(--webchat-colorStatusDangerForeground1);\n}\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 background-color: inherit;\n color: currentColor;\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",":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-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);\n --webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);\n --webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);\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-colorNeutralBackground1Disabled: var(--colorNeutralBackground1Disabled, #f0f0f0);\n --webchat-colorNeutralBackground1Pressed: var(--colorNeutralBackground1Pressed, #e0e0e0);\n\n --webchat-colorNeutralGrey94: var(--colorNeutralGrey94, #f0f0f0);\n\n --webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);\n --webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);\n --webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);\n\n --webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);\n\n --webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);\n\n --webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);\n --webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);\n\n --webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);\n --webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);\n --webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);\n --webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c);\n\n --webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);\n --webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);\n\n --webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);\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 --webchat-spacingHorizontalM: var(--spacingHorizontalM, 12px);\n --webchat-spacingHorizontalXXXL: var(--spacingHorizontalXXXL, 32px);\n --webchat-spacingVerticalL: var(--spacingVerticalL, 16px);\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-fontWeightRegular: var(--fontWeightRegular, 400);\n --webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n --webchat-fontSizeBase300: var(--fontSizeBase300, 14px);\n --webchat-fontSizeHero700: var(--fontSizeHero700, 28px);\n\n --webchat-lineHeightBase300: var(--lineHeightBase300, 20px);\n --webchat-lineHeightHero700: var(--lineHeightHero700, 36px);\n\n --webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);\n\n --webchat-durationUltraFast: var(--durationUltraFast, 0);\n --webchat-durationNormal: var(--durationNormal, 200ms);\n\n --webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));\n --webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1));\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/utils/shadows.ts */\n --webchat-shadow2: 0 0 2px rgba(0, 0, 0, 12%), 0 1px 2px rgba(0, 0, 0, 14%);\n}\n\n@media (prefers-reduced-motion) {\n :global(.webchat-fluent).theme {\n --webchat-durationUltraFast: 0.01ms;\n --webchat-durationNormal: 0.01ms;\n }\n}\n"],"mappings":"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","names":["pre-chat-message-activity","pre-chat-message-activity__body","pre-chat-message-activity__toolbar","pre-chat-message-activity__monochrome-image-masker","pre-chat-message-activity__card-action-box","pre-chat-message-activity__card-action-image","pre-chat-message-activity__card-action-subtitle","pre-chat-message-activity__card-action-title","pre-chat-message-activity__card-action-toolbar","pre-chat-message-activity__card-action-toolbar-grid","sendbox__attachment-drop-zone","sendbox__attachment-drop-zone--droppable","sendbox__attachment-drop-zone-icon","suggested-action","suggested-action__image","suggested-actions","suggested-actions--flow","suggested-actions--stacked","telephone-keypad__button","telephone-keypad__button__ruby","telephone-keypad__button__text","telephone-keypad--horizontal","telephone-keypad","telephone-keypad__box","telephone-keypad__info-message","telephone-keypad__info-message-link","sendbox__toolbar","sendbox__toolbar-button","sendbox__toolbar-button--selected","sendbox__toolbar-separator","sendbox__add-attachment","sendbox__add-attachment-input","sendbox__attachment","sendbox__error-message","sendbox","sendbox__sendbox","sendbox__attachment--in-grid","sendbox__text-area--in-grid","sendbox__sendbox-controls--in-grid","sendbox__telephone-keypad--in-grid","sendbox__sendbox-text","sendbox__sendbox-controls","sendbox__text-counter","sendbox__text-counter--error","sendbox__text-area","sendbox__text-area--hidden","sendbox__text-area-shared","sendbox__text-area-doppelganger","sendbox__text-area-input","sendbox__text-area-input--scroll","theme"]}
@@ -5,6 +5,7 @@ declare const _default: React.MemoExoticComponent<({ children }: Readonly<{
5
5
  }>) => React.JSX.Element>;
6
6
 
7
7
  declare const testIds: {
8
+ preChatMessageActivityStarterPromptsCardAction: string;
8
9
  sendBoxDropZone: string;
9
10
  sendBoxSendButton: string;
10
11
  sendBoxTextBox: string;
@@ -5,6 +5,7 @@ declare const _default: React.MemoExoticComponent<({ children }: Readonly<{
5
5
  }>) => React.JSX.Element>;
6
6
 
7
7
  declare const testIds: {
8
+ preChatMessageActivityStarterPromptsCardAction: string;
8
9
  sendBoxDropZone: string;
9
10
  sendBoxSendButton: string;
10
11
  sendBoxTextBox: string;
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/telephoneKeypad/private/Button.module.css","../src/components/telephoneKeypad/private/TelephoneKeypad.module.css","../src/components/theme/Theme.module.css","../src/components/dropZone/DropZone.module.css","../src/components/suggestedActions/SuggestedAction.module.css","../src/components/suggestedActions/SuggestedActions.module.css","../src/components/sendBox/Toolbar.module.css","../src/components/sendBox/AddAttachmentButton.module.css","../src/components/sendBox/Attachments.module.css","../src/components/sendBox/ErrorMessage.module.css","../src/components/sendBox/TextArea.module.css","../src/components/sendBox/SendBox.module.css"],"sourcesContent":["\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","\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\n:global(.webchat-fluent) .telephone-keypad__info-message {\n align-items: center;\n color: var(--webchat-colorNeutralForeground4);\n display: flex;\n font-size: 12px;\n gap: 6px;\n margin-block-end: 6px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message-link {\n color: var(--webchat-colorBrandForegroundLink);\n text-decoration-color: transparent;\n\n &:target {\n color: var(--webchat-colorBrandForegroundLinkSelected);\n }\n &:hover {\n color: var(--webchat-colorBrandForegroundLinkHover);\n text-decoration: underline 1px currentColor;\n }\n &:active {\n color: var(--webchat-colorBrandForegroundLinkPressed);\n }\n &:focus-visible {\n outline: none;\n text-decoration: underline 1px double var(--webchat-colorStrokeFocus2);\n }\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-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);\n --webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);\n --webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);\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-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);\n --webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);\n --webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);\n \n --webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);\n\n --webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);\n\n --webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);\n --webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);\n\n --webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);\n --webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);\n --webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);\n --webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c); \n\n --webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);\n --webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);\n\n --webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);\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 \n --webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);\n\n --webchat-durationUltraFast: var(--durationUltraFast, 0);\n --webchat-durationNormal: var(--durationNormal, 200ms);\n\n --webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));\n --webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1));\n}\n\n@media (prefers-reduced-motion) {\n :global(.webchat-fluent).theme {\n --webchat-durationUltraFast: 0.01ms;\n --webchat-durationNormal: 0.01ms;\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",":global(.webchat-fluent) .suggested-action {\n align-items: center;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--webchat-colorBrandStroke2);\n color: currentColor;\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","\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",":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 color: currentColor;\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 &.sendbox__toolbar-button--selected {\n color: var(--webchat-colorNeutralForeground2BrandSelected);\n }\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n color: var(--webchat-colorNeutralForeground2BrandHover);\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n color: var(--webchat-colorNeutralForeground2BrandPressed);\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: 1px; /* iOS Safari does not honor 0px for the width. */\n}\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",":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",":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 background-color: inherit;\n color: currentColor;\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",":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 --webchat-sendbox-attachment-area-active: ;\n --webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge);\n}\n\n:global(.webchat-fluent) .sendbox__sendbox {\n background-color: var(--webchat-colorNeutralBackground1);\n border-radius: var(--webchat-sendbox-border-radius);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n display: grid;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n gap: 6px;\n grid-template:\n [telephone-keypad-start] 'text-area' [telephone-keypad-end]\n var(--webchat-sendbox-attachment-area-active)\n 'controls' / [telephone-keypad] 1fr\n ;\n line-height: 20px;\n padding: 8px;\n position: relative;\n\n &:has(.sendbox__attachment--in-grid) {\n --webchat-sendbox-attachment-area-active: 'attachment'\n }\n\n &:focus-within {\n border-color: var(--webchat-colorNeutralStroke1Selected);\n }\n\n &::after {\n border-bottom-left-radius: var(--webchat-sendbox-border-radius);\n border-bottom-right-radius: var(--webchat-sendbox-border-radius);\n border-bottom: var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);\n bottom: -1px;\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);\n content: \"\";\n height: var(--webchat-sendbox-border-radius);\n left: -1px;\n position: absolute;\n right: -1px;\n transition: clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid);\n }\n\n &:focus-within::after {\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);\n transition: clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);\n }\n\n > .sendbox__text-area--in-grid {\n grid-area: text-area;\n }\n\n > .sendbox__attachment--in-grid {\n grid-area: attachment;\n }\n\n > .sendbox__sendbox-controls--in-grid {\n grid-area: controls;\n }\n\n > .sendbox__telephone-keypad--in-grid {\n grid-area: telephone-keypad;\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 /* Prevent zoom on focus on iOS */\n @media only screen and (hover: none) and (pointer: coarse) {\n &:focus-within {\n font-size: 16px;\n }\n }\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 margin-inline-end: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter--error {\n color: var(--webchat-colorStatusDangerForeground1);\n}\n"],"mappings":"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","names":["telephone-keypad__button","telephone-keypad__button__ruby","telephone-keypad__button__text","telephone-keypad--horizontal","telephone-keypad","telephone-keypad__box","telephone-keypad__info-message","telephone-keypad__info-message-link","theme","sendbox__attachment-drop-zone","sendbox__attachment-drop-zone--droppable","sendbox__attachment-drop-zone-icon","suggested-action","suggested-action__image","suggested-actions","suggested-actions--flow","suggested-actions--stacked","sendbox__toolbar","sendbox__toolbar-button","sendbox__toolbar-button--selected","sendbox__toolbar-separator","sendbox__add-attachment","sendbox__add-attachment-input","sendbox__attachment","sendbox__error-message","sendbox__text-area","sendbox__text-area--hidden","sendbox__text-area-shared","sendbox__text-area-doppelganger","sendbox__text-area-input","sendbox__text-area-input--scroll","sendbox","sendbox__sendbox","sendbox__attachment--in-grid","sendbox__text-area--in-grid","sendbox__sendbox-controls--in-grid","sendbox__telephone-keypad--in-grid","sendbox__sendbox-text","sendbox__sendbox-controls","sendbox__text-counter","sendbox__text-counter--error"]}
1
+ {"version":3,"sources":["../src/components/preChatActivity/PreChatMessageActivity.module.css","../src/components/preChatActivity/private/MonochromeImageMasker.module.css","../src/components/preChatActivity/StarterPromptsCardAction.module.css","../src/components/preChatActivity/StarterPromptsToolbar.module.css","../src/components/dropZone/DropZone.module.css","../src/components/suggestedActions/SuggestedAction.module.css","../src/components/suggestedActions/SuggestedActions.module.css","../src/components/telephoneKeypad/private/Button.module.css","../src/components/telephoneKeypad/private/TelephoneKeypad.module.css","../src/components/sendBox/Toolbar.module.css","../src/components/sendBox/AddAttachmentButton.module.css","../src/components/sendBox/Attachments.module.css","../src/components/sendBox/ErrorMessage.module.css","../src/components/sendBox/SendBox.module.css","../src/components/sendBox/TextArea.module.css","../src/components/theme/Theme.module.css"],"sourcesContent":[":global(.webchat-fluent) .pre-chat-message-activity {\n display: grid;\n grid-template-areas: 'body' 'toolbar';\n grid-template-rows: auto auto;\n gap: var(--webchat-spacingHorizontalXXXL);\n padding: var(--webchat-spacingHorizontalXXXL);\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__body {\n font-family: var(--webchat-fontFamilyBase);\n font-size: var(--webchat-fontSizeBase300);\n font-weight: var(--webchat-fontWeightRegular);\n grid-area: body;\n line-height: var(--webchat-lineHeightBase300);\n text-align: center;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__body h2 {\n color: var(--webchat-colorNeutralForeground1);\n font-family: inherit;\n font-weight: var(--webchat-fontWeightSemibold);\n font-size: var(--webchat-fontSizeHero700);\n line-height: var(--webchat-lineHeightHero700);\n margin: var(--webchat-spacingVerticalL) 0 0;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__body img {\n border-radius: 4px;\n height: 64px;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__toolbar {\n grid-area: toolbar;\n}\n",":global(.webchat-fluent) .pre-chat-message-activity__monochrome-image-masker {\n background-color: var(--webchat-colorNeutralForeground4);\n mask-image: var(--mask-image);\n --webkit-mask-image: var(--mask-image);\n}\n",":global(.webchat-fluent) .pre-chat-message-activity__card-action-box {\n appearance: none;\n background-color: var(--webchat-colorNeutralBackground1);\n border: 0;\n border-radius: 16px;\n box-shadow: var(--webchat-shadow2);\n color: var(--webchat-colorNeutralForeground1);\n cursor: pointer;\n display: grid;\n gap: 8px;\n grid-template-areas: 'image title' 'image subtitle';\n grid-template-columns: 20px 1fr;\n grid-template-rows: auto 1fr;\n overflow: hidden;\n padding: 16px 20px;\n text-align: left;\n user-select: none;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-box:disabled {\n background-color: var(--webchat-colorNeutralBackground1Disabled);\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-box:hover {\n background-color: var(--webchat-colorNeutralGrey94);\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-box:active {\n background-color: var(--webchat-colorNeutralBackground1Pressed);\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-box:focus-visible {\n outline: solid 2px var(--webchat-colorStrokeFocus2);\n outline-offset: -2px;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-image {\n grid-area: image;\n height: 20px;\n width: 20px;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-subtitle {\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n font-weight: var(--webchat-fontWeightRegular);\n grid-area: subtitle;\n line-height: 20px;\n pointer-events: none; /* Links in subtitle are not clickable. */\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-title {\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n font-weight: var(--webchat-fontWeightSemibold);\n grid-area: title;\n line-height: 20px;\n}\n",":global(.webchat-fluent) .pre-chat-message-activity__card-action-toolbar {\n container-name: webchat-container;\n container-type: inline-size;\n}\n\n:global(.webchat-fluent) .pre-chat-message-activity__card-action-toolbar-grid {\n display: grid;\n gap: var(--webchat-spacingHorizontalM);\n grid-template-columns: 1fr 1fr 1fr;\n padding: 0;\n}\n\n/* TODO: What is the good width to show as 3 columns? Web Chat, by default, has a bubble max width of 480px. */\n@container webchat-container (width <= 480px) {\n :global(.webchat-fluent) .pre-chat-message-activity__card-action-toolbar-grid {\n grid-template-columns: 1fr;\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",":global(.webchat-fluent) .suggested-action {\n align-items: center;\n background: transparent;\n border-radius: 8px;\n border: 1px solid var(--webchat-colorBrandStroke2);\n color: currentColor;\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","\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","\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","\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\n:global(.webchat-fluent) .telephone-keypad__info-message {\n align-items: center;\n color: var(--webchat-colorNeutralForeground4);\n display: flex;\n font-size: 12px;\n gap: 6px;\n margin-block-end: 6px;\n}\n\n:global(.webchat-fluent) .telephone-keypad__info-message-link {\n color: var(--webchat-colorBrandForegroundLink);\n text-decoration-color: transparent;\n\n &:target {\n color: var(--webchat-colorBrandForegroundLinkSelected);\n }\n &:hover {\n color: var(--webchat-colorBrandForegroundLinkHover);\n text-decoration: underline 1px currentColor;\n }\n &:active {\n color: var(--webchat-colorBrandForegroundLinkPressed);\n }\n &:focus-visible {\n outline: none;\n text-decoration: underline 1px double var(--webchat-colorStrokeFocus2);\n }\n}\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 color: currentColor;\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 &.sendbox__toolbar-button--selected {\n color: var(--webchat-colorNeutralForeground2BrandSelected);\n }\n @media (hover: hover) {\n &:not([aria-disabled=\"true\"]):hover {\n color: var(--webchat-colorNeutralForeground2BrandHover);\n }\n }\n &:not([aria-disabled=\"true\"]):active {\n color: var(--webchat-colorNeutralForeground2BrandPressed);\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: 1px; /* iOS Safari does not honor 0px for the width. */\n}\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",":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",":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 --webchat-sendbox-attachment-area-active: ;\n --webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge);\n}\n\n:global(.webchat-fluent) .sendbox__sendbox {\n background-color: var(--webchat-colorNeutralBackground1);\n border-radius: var(--webchat-sendbox-border-radius);\n border: 1px solid var(--webchat-colorNeutralStroke1);\n display: grid;\n font-family: var(--webchat-fontFamilyBase);\n font-size: 14px;\n gap: 6px;\n grid-template:\n [telephone-keypad-start] 'text-area' [telephone-keypad-end]\n var(--webchat-sendbox-attachment-area-active)\n 'controls' / [telephone-keypad] 1fr\n ;\n line-height: 20px;\n padding: 8px;\n position: relative;\n\n &:has(.sendbox__attachment--in-grid) {\n --webchat-sendbox-attachment-area-active: 'attachment'\n }\n\n &:focus-within {\n border-color: var(--webchat-colorNeutralStroke1Selected);\n }\n\n &::after {\n border-bottom-left-radius: var(--webchat-sendbox-border-radius);\n border-bottom-right-radius: var(--webchat-sendbox-border-radius);\n border-bottom: var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);\n bottom: -1px;\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);\n content: \"\";\n height: var(--webchat-sendbox-border-radius);\n left: -1px;\n position: absolute;\n right: -1px;\n transition: clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid);\n }\n\n &:focus-within::after {\n clip-path: inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);\n transition: clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);\n }\n\n > .sendbox__text-area--in-grid {\n grid-area: text-area;\n }\n\n > .sendbox__attachment--in-grid {\n grid-area: attachment;\n }\n\n > .sendbox__sendbox-controls--in-grid {\n grid-area: controls;\n }\n\n > .sendbox__telephone-keypad--in-grid {\n grid-area: telephone-keypad;\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 /* Prevent zoom on focus on iOS */\n @media only screen and (hover: none) and (pointer: coarse) {\n &:focus-within {\n font-size: 16px;\n }\n }\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 margin-inline-end: 4px;\n}\n\n:global(.webchat-fluent) .sendbox__text-counter--error {\n color: var(--webchat-colorStatusDangerForeground1);\n}\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 background-color: inherit;\n color: currentColor;\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",":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-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);\n --webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);\n --webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);\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-colorNeutralBackground1Disabled: var(--colorNeutralBackground1Disabled, #f0f0f0);\n --webchat-colorNeutralBackground1Pressed: var(--colorNeutralBackground1Pressed, #e0e0e0);\n\n --webchat-colorNeutralGrey94: var(--colorNeutralGrey94, #f0f0f0);\n\n --webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);\n --webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);\n --webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);\n\n --webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);\n\n --webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);\n\n --webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);\n --webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);\n\n --webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);\n --webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);\n --webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);\n --webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c);\n\n --webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);\n --webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);\n\n --webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);\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 --webchat-spacingHorizontalM: var(--spacingHorizontalM, 12px);\n --webchat-spacingHorizontalXXXL: var(--spacingHorizontalXXXL, 32px);\n --webchat-spacingVerticalL: var(--spacingVerticalL, 16px);\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-fontWeightRegular: var(--fontWeightRegular, 400);\n --webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/global/fonts.ts */\n --webchat-fontSizeBase300: var(--fontSizeBase300, 14px);\n --webchat-fontSizeHero700: var(--fontSizeHero700, 28px);\n\n --webchat-lineHeightBase300: var(--lineHeightBase300, 20px);\n --webchat-lineHeightHero700: var(--lineHeightHero700, 36px);\n\n --webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);\n\n --webchat-durationUltraFast: var(--durationUltraFast, 0);\n --webchat-durationNormal: var(--durationNormal, 200ms);\n\n --webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));\n --webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1));\n\n /* https://github.com/microsoft/fluentui/blob/master/packages/tokens/src/utils/shadows.ts */\n --webchat-shadow2: 0 0 2px rgba(0, 0, 0, 12%), 0 1px 2px rgba(0, 0, 0, 14%);\n}\n\n@media (prefers-reduced-motion) {\n :global(.webchat-fluent).theme {\n --webchat-durationUltraFast: 0.01ms;\n --webchat-durationNormal: 0.01ms;\n }\n}\n"],"mappings":"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","names":["pre-chat-message-activity","pre-chat-message-activity__body","pre-chat-message-activity__toolbar","pre-chat-message-activity__monochrome-image-masker","pre-chat-message-activity__card-action-box","pre-chat-message-activity__card-action-image","pre-chat-message-activity__card-action-subtitle","pre-chat-message-activity__card-action-title","pre-chat-message-activity__card-action-toolbar","pre-chat-message-activity__card-action-toolbar-grid","sendbox__attachment-drop-zone","sendbox__attachment-drop-zone--droppable","sendbox__attachment-drop-zone-icon","suggested-action","suggested-action__image","suggested-actions","suggested-actions--flow","suggested-actions--stacked","telephone-keypad__button","telephone-keypad__button__ruby","telephone-keypad__button__text","telephone-keypad--horizontal","telephone-keypad","telephone-keypad__box","telephone-keypad__info-message","telephone-keypad__info-message-link","sendbox__toolbar","sendbox__toolbar-button","sendbox__toolbar-button--selected","sendbox__toolbar-separator","sendbox__add-attachment","sendbox__add-attachment-input","sendbox__attachment","sendbox__error-message","sendbox","sendbox__sendbox","sendbox__attachment--in-grid","sendbox__text-area--in-grid","sendbox__sendbox-controls--in-grid","sendbox__telephone-keypad--in-grid","sendbox__sendbox-text","sendbox__sendbox-controls","sendbox__text-counter","sendbox__text-counter--error","sendbox__text-area","sendbox__text-area--hidden","sendbox__text-area-shared","sendbox__text-area-doppelganger","sendbox__text-area-input","sendbox__text-area-input--scroll","theme"]}