botframework-webchat-fluent-theme 4.18.1-main.20250129.b40802d → 4.18.1-main.20250213.c8c5744

package/dist/botframework-webchat-fluent-theme.js

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _injectmetatag = require('inject-meta-tag');var _botframeworkwebchatcomponent = require('botframework-webchat-component');var _decorator = require('botframework-webchat-component/decorator');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);function ne({Provider:e},{defaults:t,displayName:o}){let a=({children:n,...i})=>{let l=_react.useMemo.call(void 0, ()=>Object.freeze({...t,...i}),[i]);return _react2.default.createElement(e,{value:l},n)};return a.displayName=o,_react.memo.call(void 0, a)}var ie=_react.createContext.call(void 0, new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),uo=ne(ie,{defaults:{variant:""},displayName:"VariantComposer"}),Ye=uo;function X(){let{variant:e}=_react.useContext.call(void 0, ie);return _react.useMemo.call(void 0, ()=>e.split(" "),[e])}function mo(e){let t=document.createElement("style");return t.append(document.createTextNode(e)),t}function qe(...e){return function(){if(!globalThis.document)throw new Error("Unable to create styles: document is not defined");return e.map(t=>mo(t))}}var go=".webchat-fluent .ee{display:contents;font-family:var(--webchat__font--primary);--webchat__bubble--inline-padding: var(--webchat-spacingHorizontalL);--webchat__bubble--block-padding: var(--webchat-spacingVerticalM);--webchat__bubble--min-height: var(--webchat-bubble-minHeight);--webchat__bubble--max-width: var(--webchat-bubble-maxWidth);--webchat__bubble--min-width: var(--webchat-bubble-minWidth);--webchat-bubble-maxWidth: var(--bubble-maxWidth, max(450px, 75%));--webchat-bubble-minWidth: var(--bubble-minWidth, auto);--webchat-bubble-minHeight: var(--bubble-minHeight, 36px);--webchat-externalLink-mask: var( --externalLink-mask, var(--webchat__icon-url--external-link) center center / 10px 10px );--webchat-externalLink-maxWidth: var(--externalLink-maxWidth, 204px)}.webchat-fluent .ee:has(.webchat__stacked-layout .webchat__bubble--from-user){--webchat__bubble--background-color: var(--webchat-colorBrandBackground2);--webchat__bubble--block-padding: var(--webchat-spacingVerticalS);--webchat__bubble--min-width: auto}.webchat-fluent .ee.ue{--webchat__bubble--background-color: var(--webchat-colorNeutralBackground1);--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge);--webchat__bubble--box-shadow: var(--webchat-shadow4)}.webchat-fluent .ee.oe{--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge)}.webchat-fluent .ee.oe .webchat__activity-status{margin:0 0 var(--webchat-spacingHorizontalXXS)}.webchat-fluent .ee.oe .webchat__stacked-layout__status{order:-1}.webchat-fluent .ee.oe:has(.webchat__bubble--from-user) .webchat__bubble{margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .ee.oe .webchat__bubble .webchat__text-content .webchat__text-content__generated-badge{display:none}.webchat-fluent .ee.oe:not(:has(.webchat__bubble--from-user)){--webchat__bubble--block-padding: 0;--webchat__bubble--border-radius: var(--webchat-borderRadiusMedium);--webchat__bubble--inline-padding: 0;--webchat__bubble--max-width: 100%;--webchat__bubble--min-height: 20px;display:flex;flex-flow:column nowrap;gap:var(--webchat-spacingVerticalS);margin-inline:var(--webchat-spacingHorizontalM);padding:var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalM) var(--webchat-spacingVerticalM);position:relative}.webchat-fluent .ee.oe:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout{margin:0;position:static}.webchat-fluent .ee.oe:not(:has(.webchat__bubble--from-user)) .webchat__bubble{position:static;width:var(--webchat__bubble--max-width)}.webchat-fluent .ee.oe:not(:has(.webchat__bubble--from-user)) .webchat__bubble .webchat__bubble__content{overflow:visible}.webchat-fluent .ee.oe:not(:has(.webchat__bubble--from-user)) .webchat__text-content{margin-inline-start:28px}.webchat-fluent .ee.oe:not(:has(.webchat__bubble--from-user)) .border-loader{display:flex;flex-flow:column nowrap;gap:var(--webchat-spacingVerticalS);padding-inline-end:var(--webchat-spacingHorizontalM);width:500px}.webchat-fluent .ee.oe:not(:has(.webchat__bubble--from-user)) .border-loader__track{border-radius:inherit;box-sizing:border-box;clip-path:border-box;margin-inline-start:28px;order:-1;width:auto}.webchat-fluent .ee.oe:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout__status{display:none}.webchat-fluent .ee .webchat__basic-transcript__activity-body:not(:empty){padding-block-end:var(--webchat-spacingVerticalXL)}.webchat-fluent .ee .webchat__stacked-layout{display:flex;flex-flow:column nowrap}.webchat-fluent .ee .webchat__stacked-layout .webchat__stacked-layout__content:has(.webchat__bubble){max-width:100%;overflow:visible}.webchat-fluent .ee .webchat__stacked-layout .webchat__stacked-layout__status{font-size:var(--webchat__font-size--small);line-height:var(--webchat__line-height--small)}.webchat-fluent .ee .webchat__stacked-layout .webchat__bubble{max-width:min(var(--webchat__bubble--max-width),100%);min-width:var(--webchat__bubble--min-width);overflow:visible}.webchat-fluent .ee .webchat__stacked-layout .webchat__bubble:has(.border-loader){width:100%}.webchat-fluent .ee .webchat__stacked-layout .webchat__bubble .webchat__bubble__content{background-color:var(--webchat__bubble--background-color);border-radius:var(--webchat__bubble--border-radius);border-width:0;box-shadow:var(--webchat__bubble--box-shadow);box-sizing:border-box;color:var(--webchat-colorNeutralForeground1);max-width:100%;min-height:var(--webchat__bubble--min-height)}.webchat-fluent .ee .webchat__stacked-layout .webchat__bubble .webchat__text-content{font-size:var(--webchat__font-size--medium);line-height:var(--webchat__line-height--medium);min-height:auto;padding-block:var(--webchat__bubble--block-padding);padding-inline:var(--webchat__bubble--inline-padding)}.webchat-fluent .ee .webchat__stacked-layout .webchat__bubble .webchat__text-content:empty{padding-block-end:0}.webchat-fluent .ee .webchat__stacked-layout .webchat__bubble .webchat__text-content+.webchat__text-content{margin-top:calc(var(--webchat__bubble--block-padding) * -1)}.webchat-fluent .ee .webchat__stacked-layout .webchat__bubble .webchat__text-content__generated-badge{align-items:center;align-self:flex-start;background-color:var(--webchat-colorNeutralBackground5);border-radius:var(--webchat-borderRadiusMedium);box-sizing:border-box;color:var(--webchat-colorNeutralForeground3);cursor:default;display:inline-flex;font-size:var(--webchat-fontSizeBase100);height:16px;line-height:var(--webchat-lineHeightBase100);padding-inline:var(--webchat-spacingHorizontalXS)}.webchat-fluent .ee .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge{cursor:default;font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent .ee .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__fileName{color:var(--webchat-colorBrandForegroundLink);font-family:inherit}.webchat-fluent .ee .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__size{color:var(--webchat-colorNeutralForeground2);font-family:inherit}.webchat-fluent .ee .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier){color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .ee .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .ee .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .ee .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .ee .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .ee .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier) .webchat__render-markdown__external-link-icon{background:currentColor;-webkit-mask:var(--webchat__icon-url--external-link) no-repeat;mask:var(--webchat__icon-url--external-link) no-repeat}.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__pure-identifier{align-items:center;background-color:var(--webchat-colorNeutralBackground3);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);box-sizing:border-box;color:var(--webchat-colorNeutralForeground2);display:inline-flex;font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightSemibold);height:14px;justify-content:center;line-height:var(--webchat-lineHeightBase100);margin-left:var(--webchat-spacingHorizontalXXS);margin-right:var(--webchat-spacingHorizontalXXS);min-width:14px;text-decoration:none;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);vertical-align:calc((var(--webchat-lineHeightBase100) - var(--webchat-fontSizeBase100)) / 2)}:is(.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__pure-identifier):hover{background-color:var(--webchat-colorBrandBackground2Hover);border-color:var(--webchat-colorBrandStroke2Hover);color:var(--webchat-colorBrandForeground2Hover);cursor:pointer}:is(.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__pure-identifier):hover:active{background-color:var(--webchat-colorBrandBackground2Pressed);border-color:var(--webchat-colorBrandStroke2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}:is(.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__pure-identifier):before,:is(.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__pure-identifier):after{all:unset}:is(.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__pure-identifier):has(.webchat__render-markdown__external-link-icon){padding-inline:3px}:is(.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .ee .webchat__render-markdown .webchat__render-markdown__pure-identifier) .webchat__render-markdown__external-link-icon{background:currentColor;height:.7em;-webkit-mask:var(--webchat__icon-url--external-link) no-repeat;mask:var(--webchat__icon-url--external-link) no-repeat}.webchat-fluent .ee .webchat__link-definitions__header{border-radius:var(--webchat-borderRadiusMedium)}.webchat-fluent .ee .webchat__link-definitions__header .webchat__link-definitions__header-text{color:var(--webchat-colorNeutralForeground3)}.webchat-fluent .ee .webchat__link-definitions__header .webchat__link-definitions__header-chevron{fill:var(--webchat-colorNeutralForeground3);font-size:var(--webchat__font-size--small);width:1em}.webchat-fluent .ee .webchat__link-definitions__header:focus-visible{outline-offset:1px;outline:var(--webchat-strokeWidthThin) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent .ee .webchat__link-definitions{--webchat__citation__external-link--mask: var(--webchat-externalLink-mask);--webchat__citation__link--max-width: var(--webchat-externalLink-maxWidth)}.webchat-fluent .ee .webchat__link-definitions .webchat__link-definitions__list{color:var(--webchat__color--subtle);display:flex;flex-flow:row wrap;gap:var(--webchat-spacingHorizontalS)}.webchat-fluent .ee .webchat__link-definitions .webchat__link-definitions__list-item{border-radius:var(--webchat-borderRadiusMedium);max-width:var(--webchat__citation__link--max-width)}.webchat-fluent .ee .webchat__link-definitions .webchat__link-definitions__list-item-box{background-color:var(--webchat-colorNeutralBackground3);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:var(--webchat__font-size--small);height:24px;padding-inline-end:var(--webchat-spacingHorizontalS)}.webchat-fluent .ee .webchat__link-definitions .webchat__link-definitions__list-item-body{font-family:inherit;gap:var(--webchat-spacingHorizontalSNudge);min-width:0;padding:0}.webchat-fluent .ee .webchat__link-definitions .webchat__link-definitions__badge{align-self:center;background-color:transparent;border-radius:0;border:none;color:currentColor;font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase100);margin:0;min-width:20px;padding:0;position:relative;text-align:center}.webchat-fluent .ee .webchat__link-definitions .webchat__link-definitions__badge:after{border-right:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);bottom:0;content:\"\";display:block;height:16px;position:absolute;right:0;top:0;width:0}.webchat-fluent .ee .webchat__link-definitions .webchat__link-definitions__list-item-main-text{gap:var(--webchat-spacingHorizontalXS)}.webchat-fluent .ee .webchat__link-definitions .webchat__link-definitions__list-item-text{color:currentColor;text-decoration:none;text-overflow:ellipsis}.webchat-fluent .ee .webchat__link-definitions .webchat__link-definitions__list-item-main-text:has(.webchat__link-definitions__open-in-new-window-icon):before{align-self:center;background:currentColor;color:currentColor;content:\"\";flex:none;font-size:var(--webchat-fontSizeBase400);height:1em;-webkit-mask:var(--webchat__citation__external-link--mask) no-repeat;mask:var(--webchat__citation__external-link--mask) no-repeat;padding:0;width:1em}.webchat-fluent .ee .webchat__link-definitions :is(.webchat__link-definitions__list-item-badge,.webchat__link-definitions__open-in-new-window-icon){display:none}.webchat-fluent .ve{align-items:center;box-sizing:border-box;cursor:default;display:flex;flex-wrap:nowrap;gap:var(--webchat-spacingHorizontalS);max-width:var(--webchat__bubble--max-width)}.webchat-fluent .pe{aspect-ratio:1;background-color:var(--background-color);border-radius:var(--webchat-borderRadiusSmall);width:20px}.webchat-fluent ._e{font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase300);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.webchat-fluent .fe{align-items:center;background-color:var(--webchat-colorNeutralBackground5);border-radius:var(--webchat-borderRadiusMedium);color:var(--webchat-colorNeutralForeground3);display:flex;flex:none;font-size:var(--webchat-fontSizeBase100);height:20px;line-height:var(--webchat-lineHeightBase100);padding-inline:var(--webchat-spacingHorizontalXS)}.webchat-fluent .ke{box-sizing:border-box;display:grid;gap:var(--webchat-spacingHorizontalXXXL);grid-template-areas:\"body\" \"toolbar\";grid-template-rows:auto auto;padding:var(--webchat-spacingHorizontalXXXL) var(--webchat-spacingHorizontalM);position:relative}.webchat-fluent .me{align-items:center;display:flex;flex-flow:column nowrap;font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightRegular);gap:var(--webchat-spacingVerticalXS);grid-area:body;line-height:var(--webchat-lineHeightBase300);text-align:center}.webchat-fluent .xe{opacity:60%}.webchat-fluent .xe .re{filter:grayscale(1)}.webchat-fluent .re{border-radius:var(--webchat-borderRadiusMedium);height:64px;margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .ye{color:var(--webchat-colorNeutralForeground1);font-family:inherit;font-size:var(--webchat-fontSizeHero700);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightHero700);margin:0;overflow-wrap:anywhere}.webchat-fluent .Be{font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300);overflow-wrap:anywhere}.webchat-fluent .Ne{grid-area:toolbar}.webchat-fluent .Se{-webkit-appearance:none;appearance:none;background-color:var(--webchat-colorNeutralBackground1);border:0;border-radius:16px;box-shadow:var(--webchat-shadow2);color:var(--webchat-colorNeutralForeground1);cursor:pointer;display:grid;gap:var(--webchat-spacingVerticalS);grid-template-areas:\"title\" \"subtitle\";grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:hidden;padding:16px 20px;text-align:left;transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);-webkit-user-select:none;user-select:none}.webchat-fluent .Se:has(.te){grid-template-areas:\"image title\" \"image subtitle\";grid-template-columns:20px 1fr}.webchat-fluent .Se:empty{row-gap:14px}.webchat-fluent .Se:is([aria-disabled=true],:empty){cursor:default}.webchat-fluent .Se[aria-disabled=true]:not(:empty){background-color:var(--webchat-colorNeutralBackgroundDisabled)}.webchat-fluent .Se:hover:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Hover)}.webchat-fluent .Se:active:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Pressed)}.webchat-fluent .Se:focus-visible{outline:solid 2px var(--webchat-colorStrokeFocus2);outline-offset:-2px}.webchat-fluent .Se:empty:after,.webchat-fluent .Se:empty:before{animation:ce 3s linear infinite;background-attachment:fixed;background-image:linear-gradient(-90deg,var(--webchat-colorNeutralStencil1) 0%,var(--webchat-colorNeutralStencil2) 50%,var(--webchat-colorNeutralStencil1) 100%);background-size:300% 100%;content:\"\";display:block}@media (prefers-reduced-motion: reduce){.webchat-fluent .Se:empty:after,.webchat-fluent .Se:empty:before{animation-delay:-1s;animation-play-state:paused}}.webchat-fluent .Se:dir(rtl):empty:after,.webchat-fluent .Se:dir(rtl):empty:before{animation-direction:reverse}.webchat-fluent .Se:empty:after{border-radius:16px;height:16px;width:100%}.webchat-fluent .Se:empty:before{border-radius:18px;height:18px;width:66%}@keyframes ce{0%{background-position-x:0%}to{background-position-x:-300%}}.webchat-fluent .te{color:var(--webchat-colorNeutralForeground4);font-size:20px;grid-area:image}.webchat-fluent .ze{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightRegular);grid-area:subtitle;line-height:20px;pointer-events:none}.webchat-fluent .He{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightSemibold);grid-area:title;line-height:20px}.webchat-fluent .Fe{container-name:le;container-type:inline-size}.webchat-fluent .ie{display:grid;gap:var(--webchat-spacingHorizontalM);grid-template-columns:1fr 1fr 1fr;padding:0}@container le (width <= 480px){.webchat-fluent .ie{grid-template-columns:1fr}}.webchat-fluent .Me{background-color:var(--webchat-colorNeutralBackground4);border-radius:inherit;cursor:copy;display:grid;gap:8px;inset:0;place-content:center;place-items:center;position:absolute;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent .Xe{background-color:var(--webchat-colorBrandBackground2Hover)}.webchat-fluent .Le{font-size:36px;pointer-events:none}.webchat-fluent .We{align-items:center;background:transparent;border-radius:var(--webchat-borderRadiusXLarge);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorBrandStroke2);color:currentColor;cursor:pointer;display:flex;font-family:var(--webchat__font--primary);font-size:var(--webchat-fontSizeBase200);gap:var(--webchat-spacingHorizontalXS);padding:var(--webchat-spacingVerticalXS) var(--webchat-spacingHorizontalS);text-align:start;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}@media (hover: hover){.webchat-fluent .We:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .We:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .We[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .Ve{font-size:var(--webchat-fontSizeBase200);height:1em;width:1em}.webchat-fluent .Re{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .Re:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .Re.Pe{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .Re.Te{flex-direction:column}.webchat-fluent .ne{-webkit-user-select:none;align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:100%;border:solid 1px var(--webchat-colorNeutralStroke1);color:var(--webchat-colorGray200);font-weight:var(--webchat-fontWeightSemibold);cursor:pointer;display:flex;flex-direction:column;height:60px;opacity:.7;padding:0;position:relative;touch-action:none;user-select:none;width:60px}.webchat-fluent .ne:hover{background-color:var(--webchat-colorGray30)}.webchat-fluent .be{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .de{font-size:24px;margin-top:8px}.webchat-fluent .Ce .ne{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .Ce .be{display:none}.webchat-fluent .Ce .de{font-size:20px;margin-top:0}.webchat-fluent .De{align-items:center;background:var(--webchat-colorNeutralBackground1);border:none;border-radius:var(--webchat-borderRadiusXLarge);display:flex;flex-direction:column;font-family:var(--webchat-fontFamilyBase);justify-content:center}.webchat-fluent .Ge{box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);justify-items:center;padding:16px;width:100%}.webchat-fluent .Ue{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .je{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .je:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .je:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .je:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .je:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .Ae{--webchat__sendbox-button-height: 32px;display:flex;gap:4px;height:var(--webchat__sendbox-button-height);margin-inline-start:auto}.webchat-fluent .Ie{align-items:center;-webkit-appearance:none;appearance:none;aspect-ratio:1;background:transparent;border-radius:var(--webchat-borderRadiusSmall);border:none;color:currentColor;cursor:pointer;display:flex;height:var(--webchat__sendbox-button-height);justify-content:center;padding:3px}.webchat-fluent .Ie>.webchat__monochrome-image-masker{font-size:20px;pointer-events:none}.webchat-fluent .Ie.Ke{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .Ie:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .Ie:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .Ie[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .Ee{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .Ee:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .qe{display:grid}.webchat-fluent .Je{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .Oe{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .Qe{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .he{--webchat__sendbox--padding: var(--webchat__padding--sendbox);color:var(--webchat-colorNeutralForeground1);font-family:var(--webchat-fontFamilyBase);padding:var(--webchat__sendbox--padding);text-rendering:optimizeLegibility;--webchat-sendbox-attachment-area-active: ;--webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge)}.webchat-fluent .he.Ye .se:not(.ge){visibility:hidden}.webchat-fluent .Ze{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-sendbox-border-radius);border:1px solid var(--webchat-colorNeutralStroke1);display:grid;font-family:var(--webchat-fontFamilyBase);font-size:14px;gap:6px;grid-template:[telephone-keypad-start] \"text-area\" [telephone-keypad-end] var(--webchat-sendbox-attachment-area-active) \"controls\" / [telephone-keypad] 1fr;line-height:20px;padding:8px;position:relative}.webchat-fluent .Ze:has(.we){--webchat-sendbox-attachment-area-active: \"attachment\"}.webchat-fluent .Ze:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .Ze:after{border-bottom-left-radius:var(--webchat-sendbox-border-radius);border-bottom-right-radius:var(--webchat-sendbox-border-radius);border-bottom:var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);bottom:-1px;clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);content:\"\";height:var(--webchat-sendbox-border-radius);left:-1px;position:absolute;right:-1px;transition:clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid)}.webchat-fluent .Ze:focus-within:after{clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);transition:clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent .Ze>.ea{grid-area:text-area}.webchat-fluent .Ze>.we{grid-area:attachment}.webchat-fluent .Ze>.aa{grid-area:controls}.webchat-fluent .Ze>.oa{grid-area:telephone-keypad}.webchat-fluent .ra{background-color:transparent;border:none;flex:auto;font-family:var(--webchat-fontFamilyBase);font-size:14px;line-height:20px;outline:none;padding:4px 4px 0;resize:none}@media only screen and (hover: none) and (pointer: coarse){.webchat-fluent .ra:focus-within{font-size:16px}}.webchat-fluent .ta{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .se{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .ge{color:var(--webchat-colorStatusDangerForeground1)}.webchat-fluent .ca{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .la{height:0;visibility:collapse}.webchat-fluent .ia{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .na{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .ba{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent .da{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .da::-webkit-scrollbar{width:8px}.webchat-fluent .da::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .da::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .da::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent._{display:contents;--webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);--webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);--webchat-colorNeutralForeground1Hover: var(--colorNeutralForeground1Hover, #242424);--webchat-colorNeutralForeground1Pressed: var(--colorNeutralForeground1Pressed, #242424);--webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);--webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);--webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);--webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);--webchat-colorNeutralForeground3: var(--colorNeutralForeground3, #616161);--webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);--webchat-colorNeutralForeground5: var(--colorNeutralForeground5, #7e7e7e);--webchat-colorNeutralBackgroundDisabled: var(--colorNeutralBackgroundDisabled, #f0f0f0);--webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);--webchat-colorNeutralBackground1Hover: var(--colorNeutralBackground1Hover, #f5f5f5);--webchat-colorNeutralBackground1Pressed: var(--colorNeutralBackground1Pressed, #e0e0e0);--webchat-colorNeutralBackground3: var(--colorNeutralBackground3, #f5f5f5);--webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);--webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);--webchat-colorNeutralBackground6: var(--colorNeutralBackground6, #e6e6e6);--webchat-colorNeutralStencil1: var(--colorNeutralStencil1, #e6e6e6);--webchat-colorNeutralStencil2: var(--colorNeutralStencil2, #fafafa);--webchat-colorNeutralShadowAmbient: var(--colorNeutralShadowAmbient, rgba(0, 0, 0, .12));--webchat-colorNeutralShadowKey: var(--colorNeutralShadowKey, rgba(0, 0, 0, .14));--webchat-colorTransparentBackground: var(--colorTransparentBackground, rgba(0, 0, 0, .4));--webchat-colorNeutralStrokeDisabled: var(--colorNeutralStrokeDisabled, #e0e0e0);--webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);--webchat-colorNeutralStroke1Hover: var(--colorNeutralStroke1Hover, #c7c7c7);--webchat-colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed, #b3b3b3);--webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);--webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);--webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);--webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);--webchat-colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed, #01384d);--webchat-colorTransparentStroke: var(--colorTransparentStroke, transparent);--webchat-colorBrandForeground1: var(--colorBrandForeground1, #01678c);--webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);--webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);--webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);--webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);--webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);--webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c);--webchat-colorBrandBackground2: var(--colorBrandBackground2, #def2fc);--webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);--webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);--webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);--webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);--webchat-colorGray30: var(--colorGray30, #edebe9);--webchat-colorGray160: var(--colorGray160, #323130);--webchat-colorGray190: var(--colorGray190, #201f1e);--webchat-colorGray200: var(--colorGray200, #1b1a19);--webchat-colorGrey8: #141414;--webchat-colorGrey14: #242424;--webchat-colorGrey92: #ebebeb;--webchat-colorGrey98: #fafafa;--webchat-shadow2: var(--shadow2, 0 0 2px rgba(0, 0, 0, 12%), 0 1px 2px rgba(0, 0, 0, 14%));--webchat-shadow4: var(--shadow4, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .14));--webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108));--webchat-shadow64: var(--shadow64, 0 0 8px rgba(0, 0, 0, .12), 0 32px 64px rgba(0, 0, 0, .14));--webchat-spacingHorizontalNone: var(--spacingHorizontalNone, 0);--webchat-spacingHorizontalXXS: var(--spacingHorizontalXXS, 2px);--webchat-spacingHorizontalXS: var(--spacingHorizontalXS, 4px);--webchat-spacingHorizontalSNudge: var(--spacingHorizontalSNudge, 6px);--webchat-spacingHorizontalS: var(--spacingHorizontalS, 8px);--webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);--webchat-spacingHorizontalM: var(--spacingHorizontalM, 12px);--webchat-spacingHorizontalL: var(--spacingHorizontalL, 16px);--webchat-spacingHorizontalXL: var(--spacingHorizontalXL, 20px);--webchat-spacingHorizontalXXL: var(--spacingHorizontalXXL, 24px);--webchat-spacingHorizontalXXXL: var(--spacingHorizontalXXXL, 32px);--webchat-spacingVerticalNone: var(--spacingVerticalNone, 0);--webchat-spacingVerticalXXS: var(--spacingVerticalXXS, 2px);--webchat-spacingVerticalXS: var(--spacingVerticalXS, 4px);--webchat-spacingVerticalSNudge: var(--spacingVerticalSNudge, 6px);--webchat-spacingVerticalS: var(--spacingVerticalS, 8px);--webchat-spacingVerticalMNudge: var(--spacingVerticalMNudge, 10px);--webchat-spacingVerticalM: var(--spacingVerticalM, 12px);--webchat-spacingVerticalL: var(--spacingVerticalL, 16px);--webchat-spacingVerticalXL: var(--spacingVerticalXL, 20px);--webchat-spacingVerticalXXL: var(--spacingVerticalXXL, 24px);--webchat-spacingVerticalXXXL: var(--spacingVerticalXXXL, 32px);--webchat-fontFamilyBase: var( --fontFamilyBase, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif );--webchat-fontFamilyMonospace: var(--fontFamilyMonospace, Consolas, \"Courier New\", Courier, monospace);--webchat-fontFamilyNumeric: var( --fontFamilyNumeric, Bahnschrift, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif );--webchat-fontWeightRegular: var(--fontWeightRegular, 400);--webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);--webchat-fontSizeBase100: var(--fontSizeBase100, 10px);--webchat-fontSizeBase200: var(--fontSizeBase200, 12px);--webchat-fontSizeBase300: var(--fontSizeBase300, 14px);--webchat-fontSizeBase400: var(--fontSizeBase400, 16px);--webchat-fontSizeBase500: var(--fontSizeBase500, 20px);--webchat-fontSizeBase600: var(--fontSizeBase600, 24px);--webchat-fontSizeHero700: var(--fontSizeHero700, 28px);--webchat-fontSizeHero800: var(--fontSizeHero800, 32px);--webchat-fontSizeHero900: var(--fontSizeHero900, 40px);--webchat-lineHeightBase100: var(--lineHeightBase100, 14px);--webchat-lineHeightBase200: var(--lineHeightBase200, 16px);--webchat-lineHeightBase300: var(--lineHeightBase300, 20px);--webchat-lineHeightBase400: var(--lineHeightBase400, 22px);--webchat-lineHeightBase500: var(--lineHeightBase500, 28px);--webchat-lineHeightBase600: var(--lineHeightBase600, 32px);--webchat-lineHeightHero700: var(--lineHeightHero700, 36px);--webchat-lineHeightHero800: var(--lineHeightHero800, 40px);--webchat-lineHeightHero900: var(--lineHeightHero900, 52px);--webchat-lineHeightHero1000: var(--lineHeightHero1000, 92px);--webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);--webchat-borderRadiusMedium: var(--borderRadiusMedium, 4px);--webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);--webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);--webchat-strokeWidthThin: var(--strokeWidthThin, 1px);--webchat-strokeWidthThick: var(--strokeWidthThick, 2px);--webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);--webchat-durationUltraFast: var(--durationUltraFast, 0);--webchat-durationNormal: var(--durationNormal, .2s);--webchat-durationUltraSlow: var(--durationUltraSlow, .5s);--webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1, 0, 1, 1));--webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0, 0, 0, 1))}@media (prefers-reduced-motion){.webchat-fluent._{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent._ .webchat__css-custom-properties{--webchat__color--accent: var(--webchat-colorBrandForeground1);--webchat__color--subtle: var(--webchat-colorNeutralForeground2);--webchat__color--timestamp: var(--webchat-colorNeutralForeground3);--webchat__font--primary: var(--webchat-fontFamilyBase);--webchat__font-size--small: var(--webchat-fontSizeBase200);--webchat__font-size--medium: var(--webchat-fontSizeBase300);--webchat__line-height--small: var(--webchat-lineHeightBase200);--webchat__line-height--medium: var(--webchat-lineHeightBase300);--webchat__max-width--bubble: var(--webchat-bubble-maxWidth);--webchat__min-height--bubble: var(--webchat-bubble-minHeight);--webchat__padding--regular: var(--webchat-spacingVerticalS);--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalMNudge) var(--webchat-spacingHorizontalMNudge);--webchat__border-animation--color-1: #464feb;--webchat__border-animation--color-2: #47cffa;--webchat__border-animation--color-3: #b47cf8}.webchat-fluent._.ae .webchat__css-custom-properties{--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalXL) var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent._ .webchat__surface{background-color:var(--webchat__color--surface)}.webchat-fluent._.ae .webchat__surface{box-sizing:border-box;padding-inline-start:var(--webchat-spacingHorizontalMNudge)}.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralForeground5) transparent;-moz-scrollbar-width:thin}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body)::-webkit-scrollbar{height:var(--webchat-spacingVerticalMNudge);width:var(--webchat-spacingVerticalMNudge);visibility:hidden}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body)::-webkit-scrollbar-corner{background:transparent}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body):hover::-webkit-scrollbar{height:var(--webchat-spacingVerticalMNudge);width:var(--webchat-spacingVerticalMNudge)}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body):hover::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--webchat-colorNeutralForeground5);border-radius:10px;border-right:4px solid transparent;border:3px solid transparent}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body):hover::-webkit-scrollbar-thumb:hover{background-clip:padding-box;background-color:var(--webchat-colorNeutralForeground5);border-radius:10px;border-right:2px solid transparent;border:1px solid transparent}.webchat-fluent._.ae .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-gutter:stable}.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__terminator:focus-visible+.webchat__basic-transcript__focus-indicator{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__basic-transcript:not(:focus-visible) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent._ .webchat__basic-transcript:focus-visible:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__focus-indicator{display:none}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__bubble:after,.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .pre-chat-message-activity:after{border-radius:var(--webchat__bubble--border-radius);content:\"\";inset:0;outline-offset:0;outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);pointer-events:none;position:absolute}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .pre-chat-message-activity:after{border-radius:var(--webchat-borderRadiusMedium);outline-offset:-3px}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .liner-message-activity__text{border-radius:20px;outline-offset:4px;outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent._.ae .webchat__basic-transcript .webchat__basic-transcript__filler{flex-grow:0}.webchat-fluent._ .webchat__basic-transcript:has(.webchat__basic-transcript__activity:only-child):has(.pre-chat-message-activity) .webchat__basic-transcript__filler{flex-grow:.5}.webchat-fluent._ .webchat__modal-dialog{height:100%;display:grid;place-items:center}.webchat-fluent._ .webchat__modal-dialog::backdrop{background-color:var(--webchat-colorTransparentBackground)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__box{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusXLarge);position:relative;color:var(--webchat-colorNeutralForeground1);box-shadow:var(--webchat-shadow64)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button{color:var(--webchat-colorNeutralForeground1);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:active):hover{background-color:var(--webchat-colorNeutralBackground3)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:active{background-color:var(--webchat-colorNeutralBackground4)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:focus-visible){border:none}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:focus{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button-image{fill:currentColor}.webchat-fluent._ .webchat__code-block{border:none;font-family:var(--webchat-fontFamilyMonospace);font-size:var(--webchat-fontSizeBase300);--webchat__code-block__copy-button--color: var(--webchat-colorNeutralForeground1);--webchat__code-block__copy-button--background: var(--webchat-colorNeutralBackground3)}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button{background:transparent;border:none;color:var(--webchat__code-block__copy-button--color);height:20px;margin-inline-start:var(--webchat-spacingHorizontalS);padding:0;width:20px;transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button .webchat__code-block-copy-button__icon{background-color:currentColor}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button:hover,.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button:active{background:var(--webchat__code-block__copy-button--background);color:var(--webchat__code-block__copy-button--color)}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button:focus{color:var(--webchat__code-block__copy-button--color);outline-color:currentColor}.webchat-fluent._ .webchat__code-block:has(.webchat__code-block__body:focus-visible):focus-within{outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);outline-offset:calc(var(--webchat-strokeWidthThick) * -1)}.webchat-fluent._ .webchat__code-block:has(.webchat__code-block__body:focus-visible):focus-within .webchat__code-block__body{outline:none}.webchat-fluent._ .webchat__code-block:has(>.webchat__code-block__theme--github-dark-default){--webchat__background--code-block: var(--codeBlockBackground, var(--webchat-colorGrey8));--webchat__code-block__copy-button--background: var( --codeBlockCopyButtonBackgroundPressed, var(--webchat-colorGrey14) );--webchat__code-block__copy-button--color: var(--codeBlockCopyButtonForeground, var(--webchat__color--code-block));--webchat__color--code-block: var(--codeBlockForeground, var(--webchat-colorGrey98))}.webchat-fluent._ .webchat__code-block:has(>.webchat__code-block__theme--github-light-default){--webchat__background--code-block: var(--codeBlockBackground, var(--webchat-colorGrey98));--webchat__code-block__copy-button--background: var(--codeBlockBackgroundPressed, var(--webchat-colorGrey92));--webchat__code-block__copy-button--color: var(--codeBlockCopyButtonForeground, var(--webchat__color--code-block));--webchat__color--code-block: var(--codeBlockForeground, var(--webchat-colorGrey8))}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__close-button-layout{display:flex;padding:var(--webchat-spacingVerticalS) var(--webchat-spacingHorizontalS)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__close-button{align-items:center;aspect-ratio:1;display:flex;height:var(--webchat-lineHeightBase300);justify-content:center;padding:0;width:unset}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__code-block-copy-button{--webchat__code-block__copy-button--color: var(--webchat-colorNeutralForeground1);--webchat__code-block__copy-button--background: var(--webchat-colorNeutralBackground3);margin-block-start:var(--webchat-spacingVerticalS);position:absolute;right:32px;top:0}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__box{width:fit-content}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__body{margin:0;padding:var(--webchat-spacingVerticalS) var(--webchat-spacingHorizontalM)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__title{font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__body{font-family:var(--webchat-fontFamilyMonospace);font-size:var(--webchat-fontSizeBase300);margin:0 calc(var(--webchat-spacingHorizontalM) * -1);padding:0 var(--webchat-spacingHorizontalM)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__footer{color:var(--webchat-colorNeutralForeground4);font-size:var(--webchat-fontSizeBase100);line-height:var(--webchat-lineHeightBase100)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__activity-button{background:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1);color:var(--webchat-colorNeutralForeground1);gap:var(--webchat-spacingHorizontalXS);padding:5px var(--webchat-spacingHorizontalM)}.webchat-fluent._ .webchat__activity-button:hover{background:var(--webchat-colorNeutralBackground1Hover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Hover);color:var(--webchat-colorNeutralForeground1Hover)}.webchat-fluent._ .webchat__activity-button:active{background:var(--webchat-colorNeutralBackground1Pressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Pressed);color:var(--webchat-colorNeutralForeground1Pressed)}.webchat-fluent._ .webchat__activity-button:focus-visible{background:var(--webchat-colorNeutralBackground1);outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);outline-offset:calc(var(--webchat-strokeWidthThick) * -1)}.webchat-fluent._ .webchat__activity-button[aria-disabled=true]{background:var(--webchat-colorNeutralBackgroundDisabled);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStrokeDisabled);color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent._ .webchat__activity-button .webchat__activity-button__icon{height:20px;width:20px}.webchat-fluent._ .webchat__activity-copy-button .webchat__activity-copy-button__copied-text{background-color:var(--webchat-colorNeutralBackground1)}.webchat-fluent._ .webchat__activity-copy-button.webchat__activity-copy-button--copied .webchat__activity-copy-button__copied-text{animation-duration:var(--webchat-durationUltraSlow)}.webchat-fluent._ .webchat__monochrome-image-masker{background-color:currentColor;height:1em;width:1em}.webchat-fluent._ .webchat__thumb-button{color:var(--webchat-colorNeutralForeground1)}.webchat-fluent._ .webchat__thumb-button:focus-visible{outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__thumb-button[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent._ .webchat__tooltip{--webchat__tooltip-background: var(--tooltip-background, var(--webchat-colorNeutralBackground1));color:var(--webchat-colorNeutralForeground1);filter:drop-shadow(0 0 2px var(--webchat-colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--webchat-colorNeutralShadowKey));font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase200);font-weight:var(--webchat-fontWeightRegular);line-height:var(--webchat-lineHeightBase200);padding:var(--webchat-spacingVerticalSNudge) var(--webchat-spacingHorizontalM);transition:opacity var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent .ha{align-items:center;box-sizing:border-box;color:var(--webchat-colorNeutralForeground3);display:flex;flex-direction:row;font-family:var(--webchat__font--primary);font-size:var(--webchat-fontSizeBase200);font-weight:var(--webchat-fontWeightRegular);gap:var(--webchat-spacingHorizontalM);line-height:var(--webchat-lineHeightBase200);padding:var(--webchat-spacingVerticalSNudge) var(--webchat-spacingHorizontalM);text-align:center;width:100%}.webchat-fluent .ha:before,.webchat-fluent .ha:after{border-top:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);content:\"\";display:flex;flex:auto;min-width:8px}.webchat-fluent .sa{text-align:center}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n",le=qe(go);function wo(e){return _react.useMemo.call(void 0, ()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,o])=>[t,`${t} ${o}`]))),[e])}var c=wo;function F(e){let t=c(e),o=X();return _react.useMemo.call(void 0, ()=>o.map(a=>t[`variant-${a}`]).filter(a=>a).join(" "),[t,o])}var ce={"activity-decorator":"ee","variant-fluent":"ue","variant-copilot":"oe"};var{useStyleOptions:ko}=_botframeworkwebchatcomponent.hooks;function se(e){var o,a;let[t]=ko();return _react.useMemo.call(void 0, ()=>{var n,i;return Object.freeze([{...t,...(i=(n=e==null?void 0:e.channelData)==null?void 0:n.webChat)==null?void 0:i.styleOptions}])},[(a=(o=e==null?void 0:e.channelData)==null?void 0:o.webChat)==null?void 0:a.styleOptions,t])}var _botframeworkwebchatcore = require('botframework-webchat-core');function de(e){var t,o;return!!(e&&((o=(t=_botframeworkwebchatcore.getOrgSchemaMessage.call(void 0, (e==null?void 0:e.entities)||[]))==null?void 0:t.keywords)!=null&&o.includes("AIGeneratedContent")))}function E(e){return _react.useMemo.call(void 0, ()=>{let t=_botframeworkwebchatcore.getOrgSchemaMessage.call(void 0, (e==null?void 0:e.entities)||[]);return typeof(t==null?void 0:t.author)=="string"?{"@type":"Person",description:void 0,image:void 0,name:t==null?void 0:t.author}:t==null?void 0:t.author},[e])}var Je={"copilot-message-header":"ve","copilot-message-header__avatar":"pe","copilot-message-header__title":"_e","copilot-message-header__ai-generated-content":"fe"};var{useLocalizer:Fo}=_botframeworkwebchatcomponent.hooks;function zo({activity:e}){var s;let[{botAvatarImage:t,botAvatarBackgroundColor:o}]=se(e),a=c(Je),n=Fo(),i=de(e),l=_react.useMemo.call(void 0, ()=>({"--background-color":o}),[o]),r=E(e),b=(r==null?void 0:r.image)||t,p=(r==null?void 0:r.name)||((s=e==null?void 0:e.from)==null?void 0:s.name);return _react2.default.createElement("div",{className:a["copilot-message-header"]},b&&_react2.default.createElement("img",{alt:n("AVATAR_ALT",p),className:a["copilot-message-header__avatar"],src:b,style:l}),_react2.default.createElement("span",{className:a["copilot-message-header__title"],title:p},p),i&&_react2.default.createElement("span",{className:a["copilot-message-header__ai-generated-content"]},n("ACTIVITY_CONTENT_CAUTION")))}var Qe=_react.memo.call(void 0, zo);function tt({activity:e,children:t}){var l;let o=c(ce),a=X(),n=F(ce),i=a.includes("copilot")&&((l=e==null?void 0:e.from)==null?void 0:l.role)==="bot"&&!!t;return _react2.default.createElement("div",{className:_classnames2.default.call(void 0, o["activity-decorator"],n)},i&&_react2.default.createElement(Qe,{activity:e}),t)}tt.displayName="ActivityDecorator";var be=_react.memo.call(void 0, tt);function P(e){var t,o;return!!(e&&((o=(t=_botframeworkwebchatcore.getOrgSchemaMessage.call(void 0, (e==null?void 0:e.entities)||[]))==null?void 0:t.keywords)!=null&&o.includes("PreChatMessage")))}var ot={"pre-chat-message-activity":"ke","pre-chat-message-activity__body":"me","pre-chat-message-activity__body--blueprint":"xe","pre-chat-message-activity__body-avatar":"re","pre-chat-message-activity__body-title":"ye","pre-chat-message-activity__body-subtitle":"Be","pre-chat-message-activity__toolbar":"Ne"};var _botframeworkwebchatapi = require('botframework-webchat-api');var _usereffrom = require('use-ref-from');var Do={preChatMessageActivityStarterPromptsCardAction:"pre-chat message activity starter prompts card action",sendBoxContainer:"send box container",sendBoxDropZone:"send box drop zone",sendBoxSendButton:"send box send button",sendBoxSuggestedAction:"send box suggested action",sendBoxTextBox:"send box text area",sendBoxTelephoneKeypadButton1:"send box telephone keypad button 1",sendBoxTelephoneKeypadButton2:"send box telephone keypad button 2",sendBoxTelephoneKeypadButton3:"send box telephone keypad button 3",sendBoxTelephoneKeypadButton4:"send box telephone keypad button 4",sendBoxTelephoneKeypadButton5:"send box telephone keypad button 5",sendBoxTelephoneKeypadButton6:"send box telephone keypad button 6",sendBoxTelephoneKeypadButton7:"send box telephone keypad button 7",sendBoxTelephoneKeypadButton8:"send box telephone keypad button 8",sendBoxTelephoneKeypadButton9:"send box telephone keypad button 9",sendBoxTelephoneKeypadButton0:"send box telephone keypad button 0",sendBoxTelephoneKeypadButtonStar:"send box telephone keypad button star",sendBoxTelephoneKeypadButtonPound:"send box telephone keypad button pound",sendBoxTelephoneKeypadToolbarButton:"send box telephone keypad toolbar button",sendBoxUploadButton:"send box upload button"},m= exports.testIds =Do;var at={"pre-chat-message-activity__card-action-box":"Se","pre-chat-message-activity__card-action-image":"te",blueprintAnimation:"ce","pre-chat-message-activity__card-action-subtitle":"ze","pre-chat-message-activity__card-action-title":"He"};var{useFocus:Uo,useRenderMarkdownAsHTML:jo,useSendBoxValue:Go,useUIState:Zo}=_botframeworkwebchatcomponent.hooks,{MonochromeImageMasker:$o}=_botframeworkwebchatcomponent.Components,nt=({className:e,messageBackAction:t})=>{let[o,a]=Go(),[n]=Zo(),i=c(at),l=Uo(),r=_usereffrom.useRefFrom.call(void 0, (t==null?void 0:t.displayText)||(t==null?void 0:t.text)||""),b=jo("message activity"),p=_react.useMemo.call(void 0, ()=>b?{__html:b((t==null?void 0:t.text)||"")}:void 0,[t==null?void 0:t.text,b]),s=n==="disabled",u=t&&"title"in t&&t.title,h=n==="blueprint"||!u,g=_react.useCallback.call(void 0, ()=>{a(r.current),l("sendBox")},[l,r,a]);return h?_react2.default.createElement("div",{className:_classnames2.default.call(void 0, e,i["pre-chat-message-activity__card-action-box"]),"data-testid":m.preChatMessageActivityStarterPromptsCardAction}):_react2.default.createElement("button",{"aria-disabled":s?!0:void 0,className:_classnames2.default.call(void 0, e,i["pre-chat-message-activity__card-action-box"]),"data-testid":m.preChatMessageActivityStarterPromptsCardAction,onClick:s?void 0:g,tabIndex:s?-1:void 0,type:"button"},_react2.default.createElement("div",{className:i["pre-chat-message-activity__card-action-title"]},u),"image"in t&&t.image&&_react2.default.createElement($o,{className:i["pre-chat-message-activity__card-action-image"],src:t.image}),_react2.default.createElement("div",{className:i["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:p}))};nt.displayName="StarterPromptsCardAction";var U=_react.memo.call(void 0, nt);var it={"pre-chat-message-activity__card-action-toolbar":"Fe","webchat-container":"le","pre-chat-message-activity__card-action-toolbar-grid":"ie"};var{useUIState:ta}=_botframeworkwebchatapi.hooks,lt=({cardActions:e,className:t})=>{let o=c(it),[a]=ta();return _react2.default.createElement("div",{className:_classnames2.default.call(void 0, t,o["pre-chat-message-activity__card-action-toolbar"])},_react2.default.createElement("div",{className:o["pre-chat-message-activity__card-action-toolbar-grid"]},a==="blueprint"?_react2.default.createElement(_react.Fragment,null,_react2.default.createElement(U,null),_react2.default.createElement(U,null),_react2.default.createElement(U,null)):e.filter(n=>n.type==="messageBack").map((n,i)=>_react2.default.createElement(U,{key:i,messageBackAction:n}))))};lt.displayName="StarterPromptsToolbar";var ct=_react.memo.call(void 0, lt);var{useLocalizer:ia,useRenderMarkdownAsHTML:la,useUIState:ca}=_botframeworkwebchatcomponent.hooks,st=({activity:e})=>{var r;let[t]=ca(),o=c(ot),a=la(),n=ia(),i=E(e),l=_react.useMemo.call(void 0, ()=>a?{__html:a((i==null?void 0:i.description)||"")}:{__html:""},[i==null?void 0:i.description,a]);return _react2.default.createElement("div",{className:o["pre-chat-message-activity"]},i&&_react2.default.createElement("div",{className:_classnames2.default.call(void 0, o["pre-chat-message-activity__body"],t==="blueprint"&&o["pre-chat-message-activity__body--blueprint"])},i.image&&_react2.default.createElement("img",{alt:n("AVATAR_ALT",i.name),className:o["pre-chat-message-activity__body-avatar"],src:i.image}),i.name&&_react2.default.createElement("h2",{className:o["pre-chat-message-activity__body-title"]},i.name),i.description&&_react2.default.createElement("div",{className:o["pre-chat-message-activity__body-subtitle"],dangerouslySetInnerHTML:l})),_react2.default.createElement(ct,{cardActions:((r=e.suggestedActions)==null?void 0:r.actions)||[],className:o["pre-chat-message-activity__toolbar"]}))};st.displayName="PreChatMessageActivity";var ue=_react.memo.call(void 0, st);var{MonochromeImageMasker:ha}=_botframeworkwebchatcomponent.Components,pa=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M6 2a2 2 0 0 0-2 2v5.2c.32-.08.66-.15 1-.18V4a1 1 0 0 1 1-1h4v3.5c0 .83.67 1.5 1.5 1.5H15v8a1 1 0 0 1-1 1h-3.6c-.18.36-.4.7-.66 1H14a2 2 0 0 0 2-2V7.41c0-.4-.16-.78-.44-1.06l-3.91-3.91A1.5 1.5 0 0 0 10.59 2H6Zm8.8 5h-3.3a.5.5 0 0 1-.5-.5V3.2L14.8 7ZM10 14.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-4-2a.5.5 0 0 0-1 0V14H3.5a.5.5 0 0 0 0 1H5v1.5a.5.5 0 0 0 1 0V15h1.5a.5.5 0 0 0 0-1H6v-1.5Z"/></svg>')}`;function ma(e){return _react2.default.createElement(ha,{className:_classnames2.default.call(void 0, "icon__add-document",e.className),src:pa})}var he=_react.memo.call(void 0, ma);var{MonochromeImageMasker:_a}=_botframeworkwebchatcomponent.Components,ya=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m4.83 10.48 5.65-5.65a3 3 0 0 1 4.25 4.24L8 15.8a1.5 1.5 0 0 1-2.12-2.12l6-6.01a.5.5 0 1 0-.7-.71l-6 6.01a2.5 2.5 0 0 0 3.53 3.54l6.71-6.72a4 4 0 1 0-5.65-5.66L4.12 9.78a.5.5 0 0 0 .7.7Z"/></svg>')}`;function xa(e){return _react2.default.createElement(_a,{className:_classnames2.default.call(void 0, "icon__attachment",e.className),src:ya})}var pe=_react.memo.call(void 0, xa);var{MonochromeImageMasker:Ba}=_botframeworkwebchatcomponent.Components,Ma=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 7.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3Zm.25-2a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z"/></svg>')}`;function Ca(e){return _react2.default.createElement(Ba,{className:_classnames2.default.call(void 0, "icon__info--small",e.className),src:Ma})}var me=_react.memo.call(void 0, Ca);var{MonochromeImageMasker:La}=_botframeworkwebchatcomponent.Components,Ea=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2.18 2.11a.5.5 0 0 1 .54-.06l15 7.5a.5.5 0 0 1 0 .9l-15 7.5a.5.5 0 0 1-.7-.58L3.98 10 2.02 2.63a.5.5 0 0 1 .16-.52Zm2.7 8.39-1.61 6.06L16.38 10 3.27 3.44 4.88 9.5h6.62a.5.5 0 1 1 0 1H4.88Z"/></svg>')}`;function Pa(e){return _react2.default.createElement(La,{className:_classnames2.default.call(void 0, "icon__send",e.className),src:Ea})}var ge=_react.memo.call(void 0, Pa);var{MonochromeImageMasker:Wa}=_botframeworkwebchatcomponent.Components,Ka=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M6 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm0 4a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM7.25 12a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 16a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM15.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z"/></svg>')}`;function Xa(e){return _react2.default.createElement(Wa,{className:_classnames2.default.call(void 0, "icon__telephone-keypad",e.className),src:Ka})}var fe=_react.memo.call(void 0, Xa);var dt={"sendbox__attachment-drop-zone":"Me","sendbox__attachment-drop-zone--droppable":"Xe","sendbox__attachment-drop-zone-icon":"Le"};var{useLocalizer:Qa}=_botframeworkwebchatcomponent.hooks,Y=e=>{e.preventDefault()},ut=e=>{var t,o;return!!((o=(t=e.dataTransfer)==null?void 0:t.types)!=null&&o.some(a=>a.toLowerCase()==="files"))};function er(e,t){let o=e.parentNode;for(;o;){if(o===t)return!0;o=o.parentNode}return!1}var ht=e=>{let[t,o]=_react.useState.call(void 0, !1),a=c(dt),n=_react.useRef.call(void 0, null),i=Qa(),l=_usereffrom.useRefFrom.call(void 0, e.onFilesAdded);_react.useEffect.call(void 0, ()=>{let b=0,p=g=>{document.addEventListener("dragover",Y),b++,ut(g)&&o(n.current&&(g.target===n.current||g.target instanceof HTMLElement&&er(g.target,n.current))?"droppable":"visible")},s=()=>--b<=0&&o(!1),u=()=>{document.removeEventListener("dragover",Y),b=0,o(!1)},h=g=>{var v;(v=n.current)!=null&&v.contains(g.target)||u()};return document.addEventListener("dragend",u),document.addEventListener("dragenter",p),document.addEventListener("dragleave",s),document.addEventListener("drop",h),()=>{document.removeEventListener("dragend",u),document.removeEventListener("dragenter",p),document.removeEventListener("dragleave",s),document.removeEventListener("dragover",Y),document.removeEventListener("drop",h)}},[o]);let r=_react.useCallback.call(void 0, b=>{b.preventDefault(),o(!1),ut(b.nativeEvent)&&l.current([...b.dataTransfer.files])},[l,o]);return t?_react2.default.createElement("div",{className:_classnames2.default.call(void 0, a["sendbox__attachment-drop-zone"],{[a["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":m.sendBoxDropZone,onDragOver:Y,onDrop:r,ref:n},_react2.default.createElement(he,{className:a["sendbox__attachment-drop-zone-icon"]}),i("TEXT_INPUT_DROP_ZONE")):null};ht.displayName="DropZone";var we=_react.memo.call(void 0, ht);function ve(e){let{title:t}=e,{type:o,value:a}=e;return o==="messageBack"?t||e.displayText:t||(typeof a=="string"?a:JSON.stringify(a))}var pt=_react.createContext.call(void 0, {itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function lr(e){let t=_react.useRef.call(void 0, 0),o=_react.useRef.call(void 0, []),a=_react.useCallback.call(void 0, ({current:s},u)=>s&&(s.tabIndex=t.current===u?0:-1),[t]),n=_react.useCallback.call(void 0, s=>{var h,g,v;let u;typeof s=="number"?u=s:u=s(t.current),u&&!((h=o.current.at(u))!=null&&h.current)&&(u=0),t.current!==u&&(t.current=u,o.current.forEach((f,y)=>a(f,y)),(v=(g=o.current.at(u))==null?void 0:g.current)==null||v.focus())},[a,o,t]),i=_react.useCallback.call(void 0, s=>{let{target:u}=s,h=o.current.findIndex(({current:g})=>g===u);h!==-1&&n(h)},[o,n]),l=_react.useCallback.call(void 0, s=>u=>{var S;let h=!e.direction,g=/up|down/iu.test(s)&&e.direction==="vertical",v=/left|right/iu.test(s)&&e.direction==="horizontal",f=/right|down/iu.test(s),y=h||g||v?f?1:-1:0,T=o.current.map((C,H)=>H),B=T.indexOf(u)+y;return(S=T.at(B))!=null?S:0},[e.direction]),r=_react.useCallback.call(void 0, s=>{var h;let{key:u}=s;switch(u){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":n(l(u));break;case"Home":n(0);break;case"End":n(-1);break;case"Escape":(h=e.onEscapeKey)==null||h.call(e);break;default:return}s.preventDefault(),s.stopPropagation()},[n,l,e]),b=_react.useCallback.call(void 0, (s,u)=>{let{current:h}=s;return o.current[Number(u)]=s,h.addEventListener("focus",i),h.addEventListener("keydown",r),a(s,u),()=>{h.removeEventListener("focus",i),h.removeEventListener("keydown",r),delete o.current[Number(u)]}},[i,r,a,o]),p=_react.useMemo.call(void 0, ()=>({itemEffector:b}),[b]);return _react2.default.createElement(pt.Provider,{value:p},e.children)}function mt(e){let t=_react.useRef.call(void 0, null),{itemEffector:o}=_react.useContext.call(void 0, pt);return _react.useEffect.call(void 0, ()=>o(t,e)),t}var gt=_react.memo.call(void 0, lr);var ur=e=>e.preventDefault(),hr=_react.forwardRef.call(void 0, ({"aria-hidden":e,children:t,className:o,"data-testid":a,disabled:n,onClick:i,tabIndex:l},r)=>{let b=_react.useRef.call(void 0, null);return _react2.default.createElement("button",{"aria-disabled":n?"true":void 0,"aria-hidden":e,className:o,"data-testid":a,onClick:n?ur:i,ref:r||b,tabIndex:n?-1:l,type:"button"},t)}),ft=_react.memo.call(void 0, hr);var wt={"suggested-action":"We","suggested-action__image":"Ve"};var{useFocus:vr,usePerformCardAction:_r,useScrollToEnd:yr,useStyleSet:xr,useSuggestedActions:kr,useUIState:Nr}=_botframeworkwebchatcomponent.hooks;function Sr({buttonText:e,className:t,displayText:o,image:a,imageAlt:n,itemIndex:i,text:l,type:r,value:b}){let[p,s]=kr(),[{suggestedAction:u}]=xr(),[h]=Nr(),g=vr(),v=mt(i),f=_r(),y=c(wt),T=yr(),B=_react.useCallback.call(void 0, ({target:S})=>{(async function(){await g("sendBoxWithoutKeyboard"),f({displayText:o,text:l,type:r,value:b},{target:S}),r==="openUrl"&&s([]),T()})()},[o,g,f,T,s,l,r,b]);return _react2.default.createElement(ft,{className:_classnames2.default.call(void 0, y["suggested-action"],u+"",(t||"")+""),"data-testid":m.sendBoxSuggestedAction,disabled:h==="disabled",onClick:B,ref:v,type:"button"},a&&_react2.default.createElement("img",{alt:n,className:y["suggested-action__image"],src:a}),_react2.default.createElement("span",null,e))}var vt=_react.memo.call(void 0, Sr);var xe={"suggested-actions":"Re","suggested-actions--flow":"Pe","suggested-actions--stacked":"Te"};var{useFocus:Fr,useLocalizer:zr,useStyleOptions:Ar,useStyleSet:Lr,useSuggestedActions:Er,useUIState:Pr}=_botframeworkwebchatcomponent.hooks;function Dr(e){let[{suggestedActionLayout:t}]=Ar(),[{suggestedActions:o}]=Lr(),[a]=Pr(),n=c(xe);return _react2.default.createElement("div",{"aria-label":e["aria-label"],"aria-orientation":"vertical",className:_classnames2.default.call(void 0, n["suggested-actions"],o+"",{[n["suggested-actions--flow"]]:t==="flow",[n["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},a!=="blueprint"&&e.children)}function Ir(){let e=c(xe),t=zr(),[o,a,{activity:n}]=Er(),i=Fr(),l=_react.useCallback.call(void 0, ()=>{i("sendBox")},[i]),r=P(n)?[]:o.map((b,p)=>{let{displayText:s,image:u,imageAltText:h,text:g,type:v,value:f}=b;return o!=null&&o.length?_react2.default.createElement(vt,{buttonText:ve(b),displayText:s,image:u,imageAlt:u&&(h||g),itemIndex:p,key:p,text:g,type:v,value:f}):null});return _react2.default.createElement(gt,{onEscapeKey:l},_react2.default.createElement(Dr,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},r))}var ke=_react.memo.call(void 0, Ir);var _t=_react.createContext.call(void 0, new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));_t.displayName="TelephoneKeypad.Context";var J=_t;var Rr=_react.memo.call(void 0, ({children:e})=>{let[t,o]=_react.useState.call(void 0, !1),a=_react.useMemo.call(void 0, ()=>Object.freeze({setShown:o,shown:t}),[o,t]);return _react2.default.createElement(J.Provider,{value:a},e)}),Ne=Rr;var yt={"telephone-keypad__button":"ne","telephone-keypad__button__ruby":"be","telephone-keypad__button__text":"de","telephone-keypad--horizontal":"Ce"};var xt=_react.memo.call(void 0, _react.forwardRef.call(void 0, ({button:e,"data-testid":t,onClick:o,ruby:a},n)=>{let i=c(yt),l=_usereffrom.useRefFrom.call(void 0, o),r=_react.useCallback.call(void 0, ()=>{var b;return(b=l.current)==null?void 0:b.call(l)},[l]);return _react2.default.createElement("button",{className:i["telephone-keypad__button"],"data-testid":t,onClick:r,ref:n,type:"button"},_react2.default.createElement("span",{className:i["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!a&&_react2.default.createElement("ruby",{className:i["telephone-keypad__button__ruby"]},a))}));xt.displayName="TelephoneKeypad.Button";var k=xt;function M(){let{setShown:e,shown:t}=_react.useContext.call(void 0, J);return _react.useMemo.call(void 0, ()=>Object.freeze([t,e]),[t,e])}var Te={"telephone-keypad":"De","telephone-keypad__box":"Ge","telephone-keypad__info-message":"Ue","telephone-keypad__info-message-link":"je"};var{LocalizedString:an}=_botframeworkwebchatcomponent.Components,St=_react.memo.call(void 0, ({children:e,isHorizontal:t})=>{let o=c(Te);return t?null:_react2.default.createElement("div",{className:o["telephone-keypad__box"]},e)});St.displayName="TelephoneKeypad:Orientation";var Tt=_react.memo.call(void 0, ({autoFocus:e,className:t,onButtonClick:o,isHorizontal:a})=>{let n=_usereffrom.useRefFrom.call(void 0, e),i=c(Te),l=_react.useRef.call(void 0, null),r=_usereffrom.useRefFrom.call(void 0, o),[,b]=M(),p=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"1")},[r]),s=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"2")},[r]),u=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"3")},[r]),h=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"4")},[r]),g=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"5")},[r]),v=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"6")},[r]),f=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"7")},[r]),y=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"8")},[r]),T=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"9")},[r]),B=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"0")},[r]),S=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"*")},[r]),C=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"#")},[r]),H=_react.useCallback.call(void 0, d=>{d.key==="Escape"&&b(!1)},[b]);return _react.useEffect.call(void 0, ()=>{var d;n.current&&((d=l.current)==null||d.focus())},[n,l]),_react2.default.createElement("div",{className:_classnames2.default.call(void 0, i["telephone-keypad"],t),onKeyDown:H},_react2.default.createElement(St,{isHorizontal:a},_react2.default.createElement(k,{button:"1","data-testid":m.sendBoxTelephoneKeypadButton1,onClick:p,ref:l}),_react2.default.createElement(k,{button:"2","data-testid":m.sendBoxTelephoneKeypadButton2,onClick:s,ruby:"ABC"}),_react2.default.createElement(k,{button:"3","data-testid":m.sendBoxTelephoneKeypadButton3,onClick:u,ruby:"DEF"}),_react2.default.createElement(k,{button:"4","data-testid":m.sendBoxTelephoneKeypadButton4,onClick:h,ruby:"GHI"}),_react2.default.createElement(k,{button:"5","data-testid":m.sendBoxTelephoneKeypadButton5,onClick:g,ruby:"JKL"}),_react2.default.createElement(k,{button:"6","data-testid":m.sendBoxTelephoneKeypadButton6,onClick:v,ruby:"MNO"}),_react2.default.createElement(k,{button:"7","data-testid":m.sendBoxTelephoneKeypadButton7,onClick:f,ruby:"PQRS"}),_react2.default.createElement(k,{button:"8","data-testid":m.sendBoxTelephoneKeypadButton8,onClick:y,ruby:"TUV"}),_react2.default.createElement(k,{button:"9","data-testid":m.sendBoxTelephoneKeypadButton9,onClick:T,ruby:"WXYZ"}),_react2.default.createElement(k,{button:"*","data-testid":m.sendBoxTelephoneKeypadButtonStar,onClick:S}),_react2.default.createElement(k,{button:"0","data-testid":m.sendBoxTelephoneKeypadButton0,onClick:B,ruby:"+"}),_react2.default.createElement(k,{button:"#","data-testid":m.sendBoxTelephoneKeypadButtonPound,onClick:C})),_react2.default.createElement("div",{className:i["telephone-keypad__info-message"]},_react2.default.createElement(me,null),_react2.default.createElement(an,{linkClassName:i["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});Tt.displayName="TelephoneKeypad";var Bt=Tt;var Mt=_react.memo.call(void 0, e=>M()[0]?_react2.default.createElement(Bt,{...e}):null);Mt.displayName="TelephoneKeypad.Surrogate";var Be=Mt;var Q={sendbox__toolbar:"Ae","sendbox__toolbar-button":"Ie","sendbox__toolbar-button--selected":"Ke","sendbox__toolbar-separator":"Ee"};var{useUIState:Ct}=_botframeworkwebchatapi.hooks,sn=e=>e.preventDefault(),L=_react.memo.call(void 0, e=>{let t=c(Q),[o]=Ct(),a=e.disabled||o==="disabled";return _react2.default.createElement("button",{"aria-disabled":a?"true":void 0,"aria-label":e["aria-label"],className:_classnames2.default.call(void 0, t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:a?sn:e.onClick,tabIndex:a?-1:void 0,type:e.type==="submit"?"submit":"button"},e.children)});L.displayName="ToolbarButton";var Fe=_react.memo.call(void 0, e=>{let[t]=Ct(),o=c(Q);return _react2.default.createElement("div",{className:_classnames2.default.call(void 0, o.sendbox__toolbar,e.className)},t!=="blueprint"&&e.children)});Fe.displayName="Toolbar";var ze=_react.memo.call(void 0, e=>{let t=c(Q);return _react2.default.createElement("div",{"aria-orientation":"vertical",className:_classnames2.default.call(void 0, t["sendbox__toolbar-separator"],e.className),role:"separator"})});ze.displayName="ToolbarSeparator";var Ht={"sendbox__add-attachment":"qe","sendbox__add-attachment-input":"Je"};var{useLocalizer:mn,useStyleOptions:gn}=_botframeworkwebchatcomponent.hooks;function fn(e){let t=_react.useRef.call(void 0, null),o=c(Ht),a=mn(),[{uploadAccept:n,uploadMultiple:i}]=gn(),l=_usereffrom.useRefFrom.call(void 0, e.onFilesAdded),r=_react.useCallback.call(void 0, ()=>{var p;return(p=t.current)==null?void 0:p.click()},[t]),b=_react.useCallback.call(void 0, ({target:{files:p}})=>{var s;p&&((s=l.current)==null||s.call(l,[...p]),t.current&&(t.current.value=""))},[t,l]);return _react2.default.createElement("div",{className:o["sendbox__add-attachment"]},_react2.default.createElement("input",{accept:n,"aria-disabled":e.disabled,"aria-hidden":"true",className:o["sendbox__add-attachment-input"],multiple:i,onInput:e.disabled?void 0:b,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),_react2.default.createElement(L,{"aria-label":a("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":m.sendBoxUploadButton,onClick:r},_react2.default.createElement(pe,null)))}var zt=_react.memo.call(void 0, fn);var At={sendbox__attachment:"Oe"};var{useLocalizer:kn,useUIState:Nn}=_botframeworkwebchatcomponent.hooks,Sn={one:"TEXT_INPUT_ATTACHMENTS_ONE",two:"TEXT_INPUT_ATTACHMENTS_TWO",few:"TEXT_INPUT_ATTACHMENTS_FEW",many:"TEXT_INPUT_ATTACHMENTS_MANY",other:"TEXT_INPUT_ATTACHMENTS_OTHER"};function Tn({attachments:e,className:t}){let[o]=Nn(),a=c(At),n=kn({plural:!0});return o!=="blueprint"&&e.length?_react2.default.createElement("div",{className:_classnames2.default.call(void 0, a.sendbox__attachment,t)},n(Sn,e.length)):null}var Lt=_react.memo.call(void 0, Tn);var _internal = require('botframework-webchat-component/internal');var Et={"sendbox__error-message":"Qe"};function Dt({error:e,id:t}){let o=c(Et);return _internal.useLiveRegion.call(void 0, ()=>e&&_react2.default.createElement("div",{className:"sendbox__error-message__status"},e),[e]),_react2.default.createElement("span",{className:o["sendbox__error-message"],id:t},e)}Dt.displayName="ErrorMessage";var It=_react.memo.call(void 0, Dt);var{useConnectivityStatus:Ln,useLocalizer:En}=_botframeworkwebchatcomponent.hooks,Pn=({attachments:e,message:t})=>{let[o]=Ln(),[a,n]=_react.useState.call(void 0, ),i=En(),l=_usereffrom.useRefFrom.call(void 0, o!=="connected"&&o!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),r=_react.useMemo.call(void 0, ()=>Object.freeze(new Map().set("empty",i("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",i("CONNECTIVITY_STATUS_ALT_FATAL"))),[i]),b=!!(t!=null&&t.trim());a==="empty"&&b&&n(void 0);let p=_react.useCallback.call(void 0, ()=>(n(l.current),l.current),[l]);return _react.useMemo.call(void 0, ()=>Object.freeze([a&&r.get(a),p]),[a,r,p])},Vt=Pn;var{useScrollDown:On,useScrollUp:Vn}=_botframeworkwebchatcomponent.hooks;function Ae(){let e=On(),t=Vn();return _react.useCallback.call(void 0, o=>{if(o.target instanceof HTMLTextAreaElement&&o.target.value)return;let{ctrlKey:a,metaKey:n,shiftKey:i}=o;if(a||n||i)return;let l=!0;switch(o.key){case"End":e({displacement:1/0});break;case"Home":t({displacement:1/0});break;case"PageDown":e();break;case"PageUp":t();break;default:l=!1;break}l&&(o.preventDefault(),o.stopPropagation())},[e,t])}function Le(e){let t=_react.useMemo.call(void 0, ()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var Ee={sendbox:"he","variant-copilot":"Ye","sendbox__text-counter":"se","sendbox__text-counter--error":"ge",sendbox__sendbox:"Ze","sendbox__attachment--in-grid":"we","sendbox__text-area--in-grid":"ea","sendbox__sendbox-controls--in-grid":"aa","sendbox__telephone-keypad--in-grid":"oa","sendbox__sendbox-text":"ra","sendbox__sendbox-controls":"ta"};var{useLocalizer:jn}=_botframeworkwebchatcomponent.hooks,Kt=_react.memo.call(void 0, ()=>{let[e,t]=M(),o=jn(),a=_react.useCallback.call(void 0, ()=>t(n=>!n),[t]);return _react2.default.createElement(L,{"aria-label":o("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":m.sendBoxTelephoneKeypadToolbarButton,onClick:a,selected:e},_react2.default.createElement(fe,null))});Kt.displayName="SendBox.TelephoneKeypadToolbarButton";var Xt=Kt;var Rt={"sendbox__text-area":"ca","sendbox__text-area--hidden":"la","sendbox__text-area-shared":"ia","sendbox__text-area-doppelganger":"na","sendbox__text-area-input":"ba","sendbox__text-area-input--scroll":"da"};var{useUIState:Jn}=_botframeworkwebchatapi.hooks,Ut=_react.forwardRef.call(void 0, (e,t)=>{var l;let[o]=Jn(),a=c(Rt),n=o==="disabled",i=_react.useCallback.call(void 0, r=>{var b,p;!r.shiftKey&&r.key==="Enter"&&(r.preventDefault(),"form"in r.target&&r.target.form instanceof HTMLFormElement&&((p=(b=r.target)==null?void 0:b.form)==null||p.requestSubmit()))},[]);return _react2.default.createElement("div",{className:_classnames2.default.call(void 0, a["sendbox__text-area"],{[a["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},o==="blueprint"?_react2.default.createElement("div",{className:_classnames2.default.call(void 0, a["sendbox__text-area-doppelganger"],a["sendbox__text-area-input--scroll"],a["sendbox__text-area-shared"])}," "):_react2.default.createElement(_react.Fragment,null,_react2.default.createElement("div",{className:_classnames2.default.call(void 0, a["sendbox__text-area-doppelganger"],a["sendbox__text-area-input--scroll"],a["sendbox__text-area-shared"])},e.value||e.placeholder," "),_react2.default.createElement("textarea",{"aria-disabled":n,"aria-label":e["aria-label"],className:_classnames2.default.call(void 0, a["sendbox__text-area-input"],a["sendbox__text-area-input--scroll"],a["sendbox__text-area-shared"]),"data-testid":e["data-testid"],onInput:e.onInput,onKeyDown:i,placeholder:e.placeholder,readOnly:n,ref:t,rows:(l=e.startRows)!=null?l:1,tabIndex:e.hidden?-1:void 0,value:e.value})))});Ut.displayName="TextArea";var jt=Ut;var{useFocus:oi,useLocalizer:ai,useMakeThumbnail:ri,useRegisterFocusSendBox:ni,useSendBoxAttachments:ii,useSendBoxValue:li,useSendMessage:ci,useStyleOptions:si,useUIState:di}=_botframeworkwebchatcomponent.hooks;function $t(e){var Re;let[{hideTelephoneKeypadButton:t,hideUploadButton:o,maxMessageLength:a}]=si(),[n,i]=ii(),[l,r]=li(),[b,p]=_react.useState.call(void 0, ""),[s]=M(),[u]=di(),h=c(Ee),g=F(Ee),v=Le("sendbox__error-message-id"),f=_react.useRef.call(void 0, null),y=ai(),T=ri(),B=ci(),S=oi(),C=e.isPrimary?l:b,H=e.isPrimary?r:p,d=u==="blueprint",[Ie,Oe]=Vt({message:C,attachments:n}),V=!!a&&C.length>a,Qt=!d&&!s&&a&&isFinite(a),Ve=!d&&s;ni(_react.useCallback.call(void 0, ({noKeyboard:x,waitUntil:Z})=>{var W;f.current&&(x?Z((async()=>{var Ue,je,Ge,Ze,$e;let K=(Ue=f.current)==null?void 0:Ue.getAttribute("readonly");(je=f.current)==null||je.setAttribute("readonly","true"),await new Promise(io=>setTimeout(io,0)),(Ge=f.current)==null||Ge.focus(),typeof K!="string"?(Ze=f.current)==null||Ze.removeAttribute("readonly"):($e=f.current)==null||$e.setAttribute("readonly",K)})()):(W=f.current)==null||W.focus())},[f]));let We=_usereffrom.useRefFrom.call(void 0, n),Ke=_usereffrom.useRefFrom.call(void 0, C),eo=_react.useCallback.call(void 0, x=>{"tabIndex"in x.target&&typeof x.target.tabIndex=="number"&&x.target.tabIndex>=0||S("sendBox")},[S]),to=_react.useCallback.call(void 0, x=>H(x.currentTarget.value),[H]),Xe=_react.useCallback.call(void 0, async x=>{let Z=Object.freeze(await Promise.all(x.map(W=>T(W).then(K=>Object.freeze({blob:W,...K&&{thumbnailURL:K}})))));i(Z)},[T,i]),oo=_react.useCallback.call(void 0, x=>{x.preventDefault(),Oe()!=="empty"&&!V&&(B(Ke.current,void 0,{attachments:We.current}),H(""),i([])),S("sendBox")},[Oe,V,S,B,H,Ke,We,i]),ao=_react.useCallback.call(void 0, x=>B(`/DTMFKey ${x}`),[B]),ro=Ae(),no={"aria-invalid":"false",...Ie&&{"aria-describedby":v,"aria-errormessage":v,"aria-invalid":"true"}};return _react2.default.createElement("form",{...no,className:_classnames2.default.call(void 0, h.sendbox,g,e.className),"data-testid":m.sendBoxContainer,onSubmit:oo},_react2.default.createElement(ke,null),_react2.default.createElement("div",{className:_classnames2.default.call(void 0, h.sendbox__sendbox),onClickCapture:eo,onKeyDown:ro},_react2.default.createElement(jt,{"aria-label":y(V?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:_classnames2.default.call(void 0, h["sendbox__sendbox-text"],h["sendbox__text-area--in-grid"]),"data-testid":m.sendBoxTextBox,hidden:Ve,onInput:to,placeholder:(Re=e.placeholder)!=null?Re:y("TEXT_INPUT_PLACEHOLDER"),ref:f,value:C}),_react2.default.createElement(Be,{autoFocus:!0,className:h["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:ao}),_react2.default.createElement(Lt,{attachments:n,className:h["sendbox__attachment--in-grid"]}),_react2.default.createElement("div",{className:_classnames2.default.call(void 0, h["sendbox__sendbox-controls"],h["sendbox__sendbox-controls--in-grid"])},Qt&&_react2.default.createElement("div",{className:_classnames2.default.call(void 0, h["sendbox__text-counter"],{[h["sendbox__text-counter--error"]]:V})},`${C.length}/${a}`),_react2.default.createElement(Fe,null,!t&&_react2.default.createElement(Xt,null),!o&&_react2.default.createElement(zt,{onFilesAdded:Xe}),_react2.default.createElement(ze,null),_react2.default.createElement(L,{"aria-label":y("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":m.sendBoxSendButton,disabled:V||Ve,type:"submit"},_react2.default.createElement(ge,null)))),_react2.default.createElement(we,{onFilesAdded:Xe}),_react2.default.createElement(It,{error:Ie,id:v})))}var oe=_react.memo.call(void 0, e=>_react2.default.createElement($t,{...e,isPrimary:!0}));oe.displayName="PrimarySendBox";var bi=_react.memo.call(void 0, $t);var Pe={theme:"_","variant-copilot":"ae"};var mi="webchat-fluent";function ae(e){let t=c(Pe),o=F(Pe);return _react2.default.createElement("div",{className:_classnames2.default.call(void 0, mi,t.theme,o)},e.children)}function re(e){return!!(e&&e.from.role==="channel"&&e.type==="message"&&"text"in e)}var Yt={"liner-message-activity":"ha","liner-message-activity__text":"sa"};var Jt=({activity:e})=>{let t=c(Yt);return _react2.default.createElement("div",{className:t["liner-message-activity"],role:"separator"},_react2.default.createElement("span",{className:t["liner-message-activity__text"]},e.text))};Jt.displayName="LinerMessageActivity";var De=_react.memo.call(void 0, Jt);var{ThemeProvider:yi}=_botframeworkwebchatcomponent.Components,xi=Object.freeze([()=>e=>(...t)=>{var n;let o=(n=t[0])==null?void 0:n.activity;if(P(o))return()=>_react2.default.createElement(ue,{activity:o});if(re(o))return()=>_react2.default.createElement(De,{activity:o});let a=e(...t);return a&&((...i)=>_react2.default.createElement(be,{activity:o},a(...i)))}]),ki=[()=>()=>()=>oe],Ni=le(),Si=Object.freeze({feedbackActionsPlacement:"activity-actions"}),Ti=({children:e,variant:t="fluent"})=>_react2.default.createElement(Ye,{variant:t},_react2.default.createElement(ae,null,_react2.default.createElement(Ne,null,_react2.default.createElement(yi,{activityMiddleware:xi,sendBoxMiddleware:ki,styleOptions:Si,styles:Ni},_react2.default.createElement(_decorator.WebChatDecorator,null,e))))),Bi= exports.FluentThemeProvider =_react.memo.call(void 0, Ti);var Ci="tsup",Hi="commonjs",Fi="4.18.1-main.20250129.b40802d",su= exports.buildInfo ={buildTool:Ci,moduleFormat:Hi,version:Fi};_injectmetatag.injectMetaTag.call(void 0, "botframework-webchat:fluent-theme","version=4.18.1-main.20250129.b40802d; build-tool=tsup; module-format=commonjs");exports.FluentThemeProvider = Bi; exports.buildInfo = su; exports.testIds = m;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _injectmetatag = require('inject-meta-tag');var _decorator = require('botframework-webchat-api/decorator');var _botframeworkwebchatcomponent = require('botframework-webchat-component');var _decorator3 = require('botframework-webchat-component/decorator');var _react = require('react'); var _react2 = _interopRequireDefault(_react);var _classnames = require('classnames'); var _classnames2 = _interopRequireDefault(_classnames);function ne({Provider:e},{defaults:t,displayName:o}){let a=({children:n,...i})=>{let l=_react.useMemo.call(void 0, ()=>Object.freeze({...t,...i}),[i]);return _react2.default.createElement(e,{value:l},n)};return a.displayName=o,_react.memo.call(void 0, a)}var ie=_react.createContext.call(void 0, new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),mo=ne(ie,{defaults:{variant:""},displayName:"VariantComposer"}),Je=mo;function O(){let{variant:e}=_react.useContext.call(void 0, ie);return _react.useMemo.call(void 0, ()=>e.split(" "),[e])}function fo(e){let t=document.createElement("style");return t.append(document.createTextNode(e)),t}function Qe(...e){return function(){if(!globalThis.document)throw new Error("Unable to create styles: document is not defined");return e.map(t=>fo(t))}}var vo=".webchat-fluent .aa{display:contents;font-family:var(--webchat__font--primary);--webchat__bubble--inline-padding: var(--webchat-spacingHorizontalL);--webchat__bubble--block-padding: var(--webchat-spacingVerticalM);--webchat__bubble--min-height: var(--webchat-bubble-minHeight);--webchat__bubble--max-width: var(--webchat-bubble-maxWidth);--webchat__bubble--min-width: var(--webchat-bubble-minWidth);--webchat-bubble-maxWidth: var(--bubble-maxWidth, max(450px, 75%));--webchat-bubble-minWidth: var(--bubble-minWidth, auto);--webchat-bubble-minHeight: var(--bubble-minHeight, 36px);--webchat-externalLink-mask: var( --externalLink-mask, var(--webchat__icon-url--external-link) center center / 10px 10px );--webchat-externalLink-maxWidth: var(--externalLink-maxWidth, 204px)}.webchat-fluent .aa:has(.webchat__stacked-layout .webchat__bubble--from-user){--webchat__bubble--background-color: var(--webchat-colorBrandBackground2);--webchat__bubble--block-padding: var(--webchat-spacingVerticalS);--webchat__bubble--min-width: auto}.webchat-fluent .aa.ua{--webchat__bubble--background-color: var(--webchat-colorNeutralBackground1);--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge);--webchat__bubble--box-shadow: var(--webchat-shadow4)}.webchat-fluent .aa.oa{--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge)}.webchat-fluent .aa.oa .webchat__activity-status{margin:0 0 var(--webchat-spacingHorizontalXXS)}.webchat-fluent .aa.oa .webchat__stacked-layout__status{order:-1}.webchat-fluent .aa.oa:has(.webchat__bubble--from-user) .webchat__bubble{margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .aa.oa .webchat__bubble .webchat__text-content .webchat__text-content__generated-badge{display:none}.webchat-fluent .aa.oa:not(:has(.webchat__bubble--from-user)){--webchat__bubble--block-padding: 0;--webchat__bubble--border-radius: var(--webchat-borderRadiusMedium);--webchat__bubble--inline-padding: 0;--webchat__bubble--max-width: 100%;--webchat__bubble--min-height: 20px;display:flex;flex-flow:column nowrap;gap:var(--webchat-spacingVerticalS);margin-inline:var(--webchat-spacingHorizontalM);padding:var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalM) var(--webchat-spacingVerticalM);position:relative}.webchat-fluent .aa.oa:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout{margin:0;position:static}.webchat-fluent .aa.oa:not(:has(.webchat__bubble--from-user)) .webchat__bubble{position:static;width:var(--webchat__bubble--max-width)}.webchat-fluent .aa.oa:not(:has(.webchat__bubble--from-user)) .webchat__bubble .webchat__bubble__content{overflow:visible}.webchat-fluent .aa.oa:not(:has(.webchat__bubble--from-user)) .webchat__text-content{margin-inline-start:28px}.webchat-fluent .aa.oa:not(:has(.webchat__bubble--from-user)) .border-loader{display:flex;flex-flow:column nowrap;gap:var(--webchat-spacingVerticalS);padding-inline-end:var(--webchat-spacingHorizontalM);width:500px}.webchat-fluent .aa.oa:not(:has(.webchat__bubble--from-user)) .border-loader__track{border-radius:inherit;box-sizing:border-box;clip-path:border-box;margin-inline-start:28px;order:-1;width:auto}.webchat-fluent .aa.oa:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout__status{display:none}.webchat-fluent .aa .webchat__basic-transcript__activity-body:not(:empty){padding-block-end:var(--webchat-spacingVerticalXL)}.webchat-fluent .aa .webchat__stacked-layout{display:flex;flex-flow:column nowrap}.webchat-fluent .aa .webchat__stacked-layout .webchat__stacked-layout__content:has(.webchat__bubble){max-width:100%;overflow:visible}.webchat-fluent .aa .webchat__stacked-layout .webchat__stacked-layout__status{font-size:var(--webchat__font-size--small);line-height:var(--webchat__line-height--small)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble{max-width:min(var(--webchat__bubble--max-width),100%);min-width:var(--webchat__bubble--min-width);overflow:visible}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble:has(.border-loader){width:100%}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble:has(.activity-loader) .webchat__bubble__content{background:transparent;box-shadow:none}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__bubble__content{background-color:var(--webchat__bubble--background-color);border-radius:var(--webchat__bubble--border-radius);border-width:0;box-shadow:var(--webchat__bubble--box-shadow);box-sizing:border-box;color:var(--webchat-colorNeutralForeground1);max-width:100%;min-height:var(--webchat__bubble--min-height)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__text-content{font-size:var(--webchat__font-size--medium);line-height:var(--webchat__line-height--medium);min-height:auto;padding-block:var(--webchat__bubble--block-padding);padding-inline:var(--webchat__bubble--inline-padding)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__text-content:empty{padding-block-end:0}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__text-content+.webchat__text-content{margin-top:calc(var(--webchat__bubble--block-padding) * -1)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__text-content__generated-badge{align-items:center;align-self:flex-start;background-color:var(--webchat-colorNeutralBackground5);border-radius:var(--webchat-borderRadiusMedium);box-sizing:border-box;color:var(--webchat-colorNeutralForeground3);cursor:default;display:inline-flex;font-size:var(--webchat-fontSizeBase100);height:16px;line-height:var(--webchat-lineHeightBase100);padding-inline:var(--webchat-spacingHorizontalXS)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge{cursor:default;font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__fileName{color:var(--webchat-colorBrandForegroundLink);font-family:inherit}.webchat-fluent .aa .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__size{color:var(--webchat-colorNeutralForeground2);font-family:inherit}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier){color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .aa .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier) .webchat__render-markdown__external-link-icon{background:currentColor;-webkit-mask:var(--webchat__icon-url--external-link) no-repeat;mask:var(--webchat__icon-url--external-link) no-repeat}.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier{align-items:center;background-color:var(--webchat-colorNeutralBackground3);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);box-sizing:border-box;color:var(--webchat-colorNeutralForeground2);display:inline-flex;font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightSemibold);height:14px;justify-content:center;line-height:var(--webchat-lineHeightBase100);margin-left:var(--webchat-spacingHorizontalXXS);margin-right:var(--webchat-spacingHorizontalXXS);min-width:14px;text-decoration:none;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);vertical-align:calc((var(--webchat-lineHeightBase100) - var(--webchat-fontSizeBase100)) / 2)}:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier):hover{background-color:var(--webchat-colorBrandBackground2Hover);border-color:var(--webchat-colorBrandStroke2Hover);color:var(--webchat-colorBrandForeground2Hover);cursor:pointer}:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier):hover:active{background-color:var(--webchat-colorBrandBackground2Pressed);border-color:var(--webchat-colorBrandStroke2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier):before,:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier):after{all:unset}:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier):has(.webchat__render-markdown__external-link-icon){padding-inline:3px}:is(.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .aa .webchat__render-markdown .webchat__render-markdown__pure-identifier) .webchat__render-markdown__external-link-icon{background:currentColor;height:.7em;-webkit-mask:var(--webchat__icon-url--external-link) no-repeat;mask:var(--webchat__icon-url--external-link) no-repeat}.webchat-fluent .aa .webchat__link-definitions__header{border-radius:var(--webchat-borderRadiusMedium)}.webchat-fluent .aa .webchat__link-definitions__header .webchat__link-definitions__header-text{color:var(--webchat-colorNeutralForeground3)}.webchat-fluent .aa .webchat__link-definitions__header .webchat__link-definitions__header-chevron{fill:var(--webchat-colorNeutralForeground3);font-size:var(--webchat__font-size--small);width:1em}.webchat-fluent .aa .webchat__link-definitions__header:focus-visible{outline-offset:1px;outline:var(--webchat-strokeWidthThin) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent .aa .webchat__link-definitions{--webchat__citation__external-link--mask: var(--webchat-externalLink-mask);--webchat__citation__link--max-width: var(--webchat-externalLink-maxWidth)}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list{color:var(--webchat__color--subtle);display:flex;flex-flow:row wrap;gap:var(--webchat-spacingHorizontalS)}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item{border-radius:var(--webchat-borderRadiusMedium);max-width:var(--webchat__citation__link--max-width)}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item-box{background-color:var(--webchat-colorNeutralBackground3);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:var(--webchat__font-size--small);height:24px;padding-inline-end:var(--webchat-spacingHorizontalS)}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item-body{font-family:inherit;gap:var(--webchat-spacingHorizontalSNudge);min-width:0;padding:0}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__badge{align-self:center;background-color:transparent;border-radius:0;border:none;color:currentColor;font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase100);margin:0;min-width:20px;padding:0;position:relative;text-align:center}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__badge:after{border-right:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);bottom:0;content:\"\";display:block;height:16px;position:absolute;right:0;top:0;width:0}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item-main-text{gap:var(--webchat-spacingHorizontalXS)}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item-text{color:currentColor;text-decoration:none;text-overflow:ellipsis}.webchat-fluent .aa .webchat__link-definitions .webchat__link-definitions__list-item-main-text:has(.webchat__link-definitions__open-in-new-window-icon):before{align-self:center;background:currentColor;color:currentColor;content:\"\";flex:none;font-size:var(--webchat-fontSizeBase400);height:1em;-webkit-mask:var(--webchat__citation__external-link--mask) no-repeat;mask:var(--webchat__citation__external-link--mask) no-repeat;padding:0;width:1em}.webchat-fluent .aa .webchat__link-definitions :is(.webchat__link-definitions__list-item-badge,.webchat__link-definitions__open-in-new-window-icon){display:none}.webchat-fluent .va{align-items:center;box-sizing:border-box;cursor:default;display:flex;flex-wrap:nowrap;gap:var(--webchat-spacingHorizontalS);max-width:var(--webchat__bubble--max-width)}.webchat-fluent .pa{aspect-ratio:1;background-color:var(--background-color);border-radius:var(--webchat-borderRadiusSmall);width:20px}.webchat-fluent ._a{font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase300);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.webchat-fluent .fa{align-items:center;background-color:var(--webchat-colorNeutralBackground5);border-radius:var(--webchat-borderRadiusMedium);color:var(--webchat-colorNeutralForeground3);display:flex;flex:none;font-size:var(--webchat-fontSizeBase100);height:20px;line-height:var(--webchat-lineHeightBase100);padding-inline:var(--webchat-spacingHorizontalXS)}.webchat-fluent .ka{flex:none;height:8px;margin:var(--webchat-spacingHorizontalM) 0 0 18px;width:auto}.webchat-fluent .ka.ma{margin:0 0 var(--webchat-spacingHorizontalM) var(--webchat-spacingVerticalSNudge)}.webchat-fluent .xa{box-sizing:border-box;display:grid;gap:var(--webchat-spacingHorizontalXXXL);grid-template-areas:\"body\" \"toolbar\";grid-template-rows:auto auto;padding:var(--webchat-spacingHorizontalXXXL) var(--webchat-spacingHorizontalM);position:relative}.webchat-fluent .ya{align-items:center;display:flex;flex-flow:column nowrap;font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightRegular);gap:var(--webchat-spacingVerticalXS);grid-area:body;line-height:var(--webchat-lineHeightBase300);text-align:center}.webchat-fluent .Ba{opacity:60%}.webchat-fluent .Ba .ra{filter:grayscale(1)}.webchat-fluent .ra{border-radius:var(--webchat-borderRadiusMedium);height:64px;margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .Na{color:var(--webchat-colorNeutralForeground1);font-family:inherit;font-size:var(--webchat-fontSizeHero700);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightHero700);margin:0;overflow-wrap:anywhere}.webchat-fluent .Sa{font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300);overflow-wrap:anywhere}.webchat-fluent .za{grid-area:toolbar}.webchat-fluent .Ha{-webkit-appearance:none;appearance:none;background-color:var(--webchat-colorNeutralBackground1);border:0;border-radius:16px;box-shadow:var(--webchat-shadow2);color:var(--webchat-colorNeutralForeground1);cursor:pointer;display:grid;gap:var(--webchat-spacingVerticalS);grid-template-areas:\"title\" \"subtitle\";grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:hidden;padding:16px 20px;text-align:left;transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);-webkit-user-select:none;user-select:none}.webchat-fluent .Ha:has(.ta){grid-template-areas:\"image title\" \"image subtitle\";grid-template-columns:20px 1fr}.webchat-fluent .Ha:empty{row-gap:14px}.webchat-fluent .Ha:is([aria-disabled=true],:empty){cursor:default}.webchat-fluent .Ha[aria-disabled=true]:not(:empty){background-color:var(--webchat-colorNeutralBackgroundDisabled)}.webchat-fluent .Ha:hover:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Hover)}.webchat-fluent .Ha:active:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Pressed)}.webchat-fluent .Ha:focus-visible{outline:solid 2px var(--webchat-colorStrokeFocus2);outline-offset:-2px}.webchat-fluent .Ha:empty:after,.webchat-fluent .Ha:empty:before{animation:ca 3s linear infinite;background-attachment:fixed;background-image:linear-gradient(-90deg,var(--webchat-colorNeutralStencil1) 0%,var(--webchat-colorNeutralStencil2) 50%,var(--webchat-colorNeutralStencil1) 100%);background-size:300% 100%;content:\"\";display:block}@media (prefers-reduced-motion: reduce){.webchat-fluent .Ha:empty:after,.webchat-fluent .Ha:empty:before{animation-delay:-1s;animation-play-state:paused}}.webchat-fluent .Ha:dir(rtl):empty:after,.webchat-fluent .Ha:dir(rtl):empty:before{animation-direction:reverse}.webchat-fluent .Ha:empty:after{border-radius:16px;height:16px;width:100%}.webchat-fluent .Ha:empty:before{border-radius:18px;height:18px;width:66%}@keyframes ca{0%{background-position-x:0%}to{background-position-x:-300%}}.webchat-fluent .ta{color:var(--webchat-colorNeutralForeground4);font-size:20px;grid-area:image}.webchat-fluent .Fa{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightRegular);grid-area:subtitle;line-height:20px;pointer-events:none}.webchat-fluent .Ma{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightSemibold);grid-area:title;line-height:20px}.webchat-fluent .Xa{container-name:la;container-type:inline-size}.webchat-fluent .ia{display:grid;gap:var(--webchat-spacingHorizontalM);grid-template-columns:1fr 1fr 1fr;padding:0}@container la (width <= 480px){.webchat-fluent .ia{grid-template-columns:1fr}}.webchat-fluent .La{background-color:var(--webchat-colorNeutralBackground4);border-radius:inherit;cursor:copy;display:grid;gap:8px;inset:0;place-content:center;place-items:center;position:absolute;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent .Wa{background-color:var(--webchat-colorBrandBackground2Hover)}.webchat-fluent .Va{font-size:36px;pointer-events:none}.webchat-fluent .Ra{align-items:center;background:transparent;border-radius:var(--webchat-borderRadiusXLarge);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorBrandStroke2);color:currentColor;cursor:pointer;display:flex;font-family:var(--webchat__font--primary);font-size:var(--webchat-fontSizeBase200);gap:var(--webchat-spacingHorizontalXS);padding:var(--webchat-spacingVerticalXS) var(--webchat-spacingHorizontalS);text-align:start;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}@media (hover: hover){.webchat-fluent .Ra:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .Ra:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .Ra[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .Pa{font-size:var(--webchat-fontSizeBase200);height:1em;width:1em}.webchat-fluent .Ta{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .Ta:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .Ta.Ca{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .Ta.Da{flex-direction:column}.webchat-fluent .na{-webkit-user-select:none;align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:100%;border:solid 1px var(--webchat-colorNeutralStroke1);color:var(--webchat-colorGray200);font-weight:var(--webchat-fontWeightSemibold);cursor:pointer;display:flex;flex-direction:column;height:60px;opacity:.7;padding:0;position:relative;touch-action:none;user-select:none;width:60px}.webchat-fluent .na:hover{background-color:var(--webchat-colorGray30)}.webchat-fluent .ba{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .da{font-size:24px;margin-top:8px}.webchat-fluent .Ga .na{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .Ga .ba{display:none}.webchat-fluent .Ga .da{font-size:20px;margin-top:0}.webchat-fluent .Ua{align-items:center;background:var(--webchat-colorNeutralBackground1);border:none;border-radius:var(--webchat-borderRadiusXLarge);display:flex;flex-direction:column;font-family:var(--webchat-fontFamilyBase);justify-content:center}.webchat-fluent .ja{box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);justify-items:center;padding:16px;width:100%}.webchat-fluent .Aa{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .Ia{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .Ia:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .Ia:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .Ia:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .Ia:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .Ka{--webchat__sendbox-button-height: 32px;display:flex;gap:4px;height:var(--webchat__sendbox-button-height);margin-inline-start:auto}.webchat-fluent .Ea{align-items:center;-webkit-appearance:none;appearance:none;aspect-ratio:1;background:transparent;border-radius:var(--webchat-borderRadiusSmall);border:none;color:currentColor;cursor:pointer;display:flex;height:var(--webchat__sendbox-button-height);justify-content:center;padding:3px}.webchat-fluent .Ea>.webchat__monochrome-image-masker{font-size:20px;pointer-events:none}.webchat-fluent .Ea.qa{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .Ea:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .Ea:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .Ea[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .Ja{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .Ja:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .Oa{display:grid}.webchat-fluent .Qa{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .Ya{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .Za{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .ha{--webchat__sendbox--padding: var(--webchat__padding--sendbox);color:var(--webchat-colorNeutralForeground1);font-family:var(--webchat-fontFamilyBase);padding:var(--webchat__sendbox--padding);text-rendering:optimizeLegibility;--webchat-sendbox-attachment-area-active: ;--webchat-sendbox-border-radius: var(--webchat-borderRadiusLarge)}.webchat-fluent .ha.ae .sa:not(.ga){visibility:hidden}.webchat-fluent .ee{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-sendbox-border-radius);border:1px solid var(--webchat-colorNeutralStroke1);display:grid;font-family:var(--webchat-fontFamilyBase);font-size:14px;gap:6px;grid-template:[telephone-keypad-start] \"text-area\" [telephone-keypad-end] var(--webchat-sendbox-attachment-area-active) \"controls\" / [telephone-keypad] 1fr;line-height:20px;padding:8px;position:relative}.webchat-fluent .ee:has(.wa){--webchat-sendbox-attachment-area-active: \"attachment\"}.webchat-fluent .ee:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .ee:after{border-bottom-left-radius:var(--webchat-sendbox-border-radius);border-bottom-right-radius:var(--webchat-sendbox-border-radius);border-bottom:var(--webchat-strokeWidthThicker) solid var(--webchat-colorCompoundBrandForeground1Hover);bottom:-1px;clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 50% 0 50%);content:\"\";height:var(--webchat-sendbox-border-radius);left:-1px;position:absolute;right:-1px;transition:clip-path var(--webchat-durationUltraFast) var(--webchat-curveAccelerateMid)}.webchat-fluent .ee:focus-within:after{clip-path:inset(calc(100% - var(--webchat-strokeWidthThicker)) 0 0 0);transition:clip-path var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent .ee>.oe{grid-area:text-area}.webchat-fluent .ee>.wa{grid-area:attachment}.webchat-fluent .ee>.re{grid-area:controls}.webchat-fluent .ee>.te{grid-area:telephone-keypad}.webchat-fluent .ce{background-color:transparent;border:none;flex:auto;font-family:var(--webchat-fontFamilyBase);font-size:14px;line-height:20px;outline:none;padding:4px 4px 0;resize:none}@media only screen and (hover: none) and (pointer: coarse){.webchat-fluent .ce:focus-within{font-size:16px}}.webchat-fluent .le{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .sa{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .ga{color:var(--webchat-colorStatusDangerForeground1)}.webchat-fluent .ie{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .ne{height:0;visibility:collapse}.webchat-fluent .be{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .de{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .he{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent .se{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .se::-webkit-scrollbar{width:8px}.webchat-fluent .se::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .se::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .se::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent._{display:contents;--webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);--webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);--webchat-colorNeutralForeground1Hover: var(--colorNeutralForeground1Hover, #242424);--webchat-colorNeutralForeground1Pressed: var(--colorNeutralForeground1Pressed, #242424);--webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);--webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);--webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);--webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);--webchat-colorNeutralForeground3: var(--colorNeutralForeground3, #616161);--webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);--webchat-colorNeutralForeground5: var(--colorNeutralForeground5, #7e7e7e);--webchat-colorNeutralBackgroundDisabled: var(--colorNeutralBackgroundDisabled, #f0f0f0);--webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);--webchat-colorNeutralBackground1Hover: var(--colorNeutralBackground1Hover, #f5f5f5);--webchat-colorNeutralBackground1Pressed: var(--colorNeutralBackground1Pressed, #e0e0e0);--webchat-colorNeutralBackground3: var(--colorNeutralBackground3, #f5f5f5);--webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);--webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);--webchat-colorNeutralBackground6: var(--colorNeutralBackground6, #e6e6e6);--webchat-colorNeutralStencil1: var(--colorNeutralStencil1, #e6e6e6);--webchat-colorNeutralStencil2: var(--colorNeutralStencil2, #fafafa);--webchat-colorNeutralShadowAmbient: var(--colorNeutralShadowAmbient, rgba(0, 0, 0, .12));--webchat-colorNeutralShadowKey: var(--colorNeutralShadowKey, rgba(0, 0, 0, .14));--webchat-colorTransparentBackground: var(--colorTransparentBackground, rgba(0, 0, 0, .4));--webchat-colorNeutralStrokeDisabled: var(--colorNeutralStrokeDisabled, #e0e0e0);--webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);--webchat-colorNeutralStroke1Hover: var(--colorNeutralStroke1Hover, #c7c7c7);--webchat-colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed, #b3b3b3);--webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);--webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);--webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);--webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);--webchat-colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed, #01384d);--webchat-colorTransparentStroke: var(--colorTransparentStroke, transparent);--webchat-colorBrandForeground1: var(--colorBrandForeground1, #01678c);--webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);--webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);--webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);--webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);--webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);--webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c);--webchat-colorBrandBackground2: var(--colorBrandBackground2, #def2fc);--webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);--webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);--webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);--webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);--webchat-colorGray30: var(--colorGray30, #edebe9);--webchat-colorGray160: var(--colorGray160, #323130);--webchat-colorGray190: var(--colorGray190, #201f1e);--webchat-colorGray200: var(--colorGray200, #1b1a19);--webchat-colorGrey8: #141414;--webchat-colorGrey14: #242424;--webchat-colorGrey92: #ebebeb;--webchat-colorGrey98: #fafafa;--webchat-shadow2: var(--shadow2, 0 0 2px rgba(0, 0, 0, 12%), 0 1px 2px rgba(0, 0, 0, 14%));--webchat-shadow4: var(--shadow4, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .14));--webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108));--webchat-shadow64: var(--shadow64, 0 0 8px rgba(0, 0, 0, .12), 0 32px 64px rgba(0, 0, 0, .14));--webchat-spacingHorizontalNone: var(--spacingHorizontalNone, 0);--webchat-spacingHorizontalXXS: var(--spacingHorizontalXXS, 2px);--webchat-spacingHorizontalXS: var(--spacingHorizontalXS, 4px);--webchat-spacingHorizontalSNudge: var(--spacingHorizontalSNudge, 6px);--webchat-spacingHorizontalS: var(--spacingHorizontalS, 8px);--webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);--webchat-spacingHorizontalM: var(--spacingHorizontalM, 12px);--webchat-spacingHorizontalL: var(--spacingHorizontalL, 16px);--webchat-spacingHorizontalXL: var(--spacingHorizontalXL, 20px);--webchat-spacingHorizontalXXL: var(--spacingHorizontalXXL, 24px);--webchat-spacingHorizontalXXXL: var(--spacingHorizontalXXXL, 32px);--webchat-spacingVerticalNone: var(--spacingVerticalNone, 0);--webchat-spacingVerticalXXS: var(--spacingVerticalXXS, 2px);--webchat-spacingVerticalXS: var(--spacingVerticalXS, 4px);--webchat-spacingVerticalSNudge: var(--spacingVerticalSNudge, 6px);--webchat-spacingVerticalS: var(--spacingVerticalS, 8px);--webchat-spacingVerticalMNudge: var(--spacingVerticalMNudge, 10px);--webchat-spacingVerticalM: var(--spacingVerticalM, 12px);--webchat-spacingVerticalL: var(--spacingVerticalL, 16px);--webchat-spacingVerticalXL: var(--spacingVerticalXL, 20px);--webchat-spacingVerticalXXL: var(--spacingVerticalXXL, 24px);--webchat-spacingVerticalXXXL: var(--spacingVerticalXXXL, 32px);--webchat-fontFamilyBase: var( --fontFamilyBase, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif );--webchat-fontFamilyMonospace: var(--fontFamilyMonospace, Consolas, \"Courier New\", Courier, monospace);--webchat-fontFamilyNumeric: var( --fontFamilyNumeric, Bahnschrift, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif );--webchat-fontWeightRegular: var(--fontWeightRegular, 400);--webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);--webchat-fontSizeBase100: var(--fontSizeBase100, 10px);--webchat-fontSizeBase200: var(--fontSizeBase200, 12px);--webchat-fontSizeBase300: var(--fontSizeBase300, 14px);--webchat-fontSizeBase400: var(--fontSizeBase400, 16px);--webchat-fontSizeBase500: var(--fontSizeBase500, 20px);--webchat-fontSizeBase600: var(--fontSizeBase600, 24px);--webchat-fontSizeHero700: var(--fontSizeHero700, 28px);--webchat-fontSizeHero800: var(--fontSizeHero800, 32px);--webchat-fontSizeHero900: var(--fontSizeHero900, 40px);--webchat-lineHeightBase100: var(--lineHeightBase100, 14px);--webchat-lineHeightBase200: var(--lineHeightBase200, 16px);--webchat-lineHeightBase300: var(--lineHeightBase300, 20px);--webchat-lineHeightBase400: var(--lineHeightBase400, 22px);--webchat-lineHeightBase500: var(--lineHeightBase500, 28px);--webchat-lineHeightBase600: var(--lineHeightBase600, 32px);--webchat-lineHeightHero700: var(--lineHeightHero700, 36px);--webchat-lineHeightHero800: var(--lineHeightHero800, 40px);--webchat-lineHeightHero900: var(--lineHeightHero900, 52px);--webchat-lineHeightHero1000: var(--lineHeightHero1000, 92px);--webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);--webchat-borderRadiusMedium: var(--borderRadiusMedium, 4px);--webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);--webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);--webchat-strokeWidthThin: var(--strokeWidthThin, 1px);--webchat-strokeWidthThick: var(--strokeWidthThick, 2px);--webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);--webchat-durationUltraFast: var(--durationUltraFast, 0);--webchat-durationNormal: var(--durationNormal, .2s);--webchat-durationUltraSlow: var(--durationUltraSlow, .5s);--webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1, 0, 1, 1));--webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0, 0, 0, 1))}@media (prefers-reduced-motion){.webchat-fluent._{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent._ .webchat__css-custom-properties{--webchat__color--accent: var(--webchat-colorBrandForeground1);--webchat__color--subtle: var(--webchat-colorNeutralForeground2);--webchat__color--timestamp: var(--webchat-colorNeutralForeground3);--webchat__font--primary: var(--webchat-fontFamilyBase);--webchat__font-size--small: var(--webchat-fontSizeBase200);--webchat__font-size--medium: var(--webchat-fontSizeBase300);--webchat__line-height--small: var(--webchat-lineHeightBase200);--webchat__line-height--medium: var(--webchat-lineHeightBase300);--webchat__max-width--bubble: var(--webchat-bubble-maxWidth);--webchat__min-height--bubble: var(--webchat-bubble-minHeight);--webchat__padding--regular: var(--webchat-spacingVerticalS);--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalMNudge) var(--webchat-spacingHorizontalMNudge);--webchat__border-animation--color-1: #464feb;--webchat__border-animation--color-2: #47cffa;--webchat__border-animation--color-3: #b47cf8}.webchat-fluent._.ea .webchat__css-custom-properties{--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalXL) var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent._ .webchat__surface{background-color:var(--webchat__color--surface)}.webchat-fluent._.ea .webchat__surface{box-sizing:border-box;padding-inline-start:var(--webchat-spacingHorizontalMNudge)}.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralForeground5) transparent;-moz-scrollbar-width:thin}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body)::-webkit-scrollbar{height:var(--webchat-spacingVerticalMNudge);width:var(--webchat-spacingVerticalMNudge);visibility:hidden}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body)::-webkit-scrollbar-corner{background:transparent}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body):hover::-webkit-scrollbar{height:var(--webchat-spacingVerticalMNudge);width:var(--webchat-spacingVerticalMNudge)}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body):hover::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--webchat-colorNeutralForeground5);border-radius:10px;border-right:4px solid transparent;border:3px solid transparent}:is(.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__scrollable,.webchat-fluent._ .webchat__view-code-dialog__code-body,.webchat-fluent._ .webchat__render-markdown [data-math-type=block],.webchat-fluent._ .webchat__view-code-dialog__body):hover::-webkit-scrollbar-thumb:hover{background-clip:padding-box;background-color:var(--webchat-colorNeutralForeground5);border-radius:10px;border-right:2px solid transparent;border:1px solid transparent}.webchat-fluent._.ea .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-gutter:stable}.webchat-fluent._ .webchat__basic-transcript .webchat__basic-transcript__terminator:focus-visible+.webchat__basic-transcript__focus-indicator{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__basic-transcript:not(:focus-visible) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent._ .webchat__basic-transcript:focus-visible:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__focus-indicator{display:none}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__bubble:after,.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .pre-chat-message-activity:after{border-radius:var(--webchat__bubble--border-radius);content:\"\";inset:0;outline-offset:0;outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);pointer-events:none;position:absolute}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .pre-chat-message-activity:after{border-radius:var(--webchat-borderRadiusMedium);outline-offset:-3px}.webchat-fluent._ .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .liner-message-activity__text{border-radius:20px;outline-offset:4px;outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent._.ea .webchat__basic-transcript .webchat__basic-transcript__filler{flex-grow:0}.webchat-fluent._ .webchat__basic-transcript:has(.webchat__basic-transcript__activity:only-child):has(.pre-chat-message-activity) .webchat__basic-transcript__filler{flex-grow:.5}.webchat-fluent._ .webchat__modal-dialog{height:100%;display:grid;place-items:center}.webchat-fluent._ .webchat__modal-dialog::backdrop{background-color:var(--webchat-colorTransparentBackground)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__box{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusXLarge);position:relative;color:var(--webchat-colorNeutralForeground1);box-shadow:var(--webchat-shadow64)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button{color:var(--webchat-colorNeutralForeground1);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:active):hover{background-color:var(--webchat-colorNeutralBackground3)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:active{background-color:var(--webchat-colorNeutralBackground4)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:focus-visible){border:none}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button:focus{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__modal-dialog .webchat__modal-dialog__close-button-image{fill:currentColor}.webchat-fluent._ .webchat__code-block{border:none;font-family:var(--webchat-fontFamilyMonospace);font-size:var(--webchat-fontSizeBase300);--webchat__code-block__copy-button--color: var(--webchat-colorNeutralForeground1);--webchat__code-block__copy-button--background: var(--webchat-colorNeutralBackground3)}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button{background:transparent;border:none;color:var(--webchat__code-block__copy-button--color);height:20px;margin-inline-start:var(--webchat-spacingHorizontalS);padding:0;width:20px;transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button .webchat__code-block-copy-button__icon{background-color:currentColor}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button:hover,.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button:active{background:var(--webchat__code-block__copy-button--background);color:var(--webchat__code-block__copy-button--color)}.webchat-fluent._ .webchat__code-block .webchat__code-block-copy-button:focus{color:var(--webchat__code-block__copy-button--color);outline-color:currentColor}.webchat-fluent._ .webchat__code-block:has(.webchat__code-block__body:focus-visible):focus-within{outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);outline-offset:calc(var(--webchat-strokeWidthThick) * -1)}.webchat-fluent._ .webchat__code-block:has(.webchat__code-block__body:focus-visible):focus-within .webchat__code-block__body{outline:none}.webchat-fluent._ .webchat__code-block:has(>.webchat__code-block__theme--github-dark-default){--webchat__background--code-block: var(--codeBlockBackground, var(--webchat-colorGrey8));--webchat__code-block__copy-button--background: var( --codeBlockCopyButtonBackgroundPressed, var(--webchat-colorGrey14) );--webchat__code-block__copy-button--color: var(--codeBlockCopyButtonForeground, var(--webchat__color--code-block));--webchat__color--code-block: var(--codeBlockForeground, var(--webchat-colorGrey98))}.webchat-fluent._ .webchat__code-block:has(>.webchat__code-block__theme--github-light-default){--webchat__background--code-block: var(--codeBlockBackground, var(--webchat-colorGrey98));--webchat__code-block__copy-button--background: var(--codeBlockBackgroundPressed, var(--webchat-colorGrey92));--webchat__code-block__copy-button--color: var(--codeBlockCopyButtonForeground, var(--webchat__color--code-block));--webchat__color--code-block: var(--codeBlockForeground, var(--webchat-colorGrey8))}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__close-button-layout{display:flex;padding:var(--webchat-spacingVerticalS) var(--webchat-spacingHorizontalS)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__close-button{align-items:center;aspect-ratio:1;display:flex;height:var(--webchat-lineHeightBase300);justify-content:center;padding:0;width:unset}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__code-block-copy-button{--webchat__code-block__copy-button--color: var(--webchat-colorNeutralForeground1);--webchat__code-block__copy-button--background: var(--webchat-colorNeutralBackground3);margin-block-start:var(--webchat-spacingVerticalS);position:absolute;right:32px;top:0}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__box{width:fit-content}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__modal-dialog__body{margin:0;padding:var(--webchat-spacingVerticalS) var(--webchat-spacingHorizontalM)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__title{font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__body{font-family:var(--webchat-fontFamilyMonospace);font-size:var(--webchat-fontSizeBase300);margin:0 calc(var(--webchat-spacingHorizontalM) * -1);padding:0 var(--webchat-spacingHorizontalM)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__footer{color:var(--webchat-colorNeutralForeground4);font-size:var(--webchat-fontSizeBase100);line-height:var(--webchat-lineHeightBase100)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent._ .webchat__modal-dialog.webchat__view-code-dialog .webchat__view-code-dialog__link:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__activity-button{background:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1);color:var(--webchat-colorNeutralForeground1);gap:var(--webchat-spacingHorizontalXS);padding:5px var(--webchat-spacingHorizontalM)}.webchat-fluent._ .webchat__activity-button:hover{background:var(--webchat-colorNeutralBackground1Hover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Hover);color:var(--webchat-colorNeutralForeground1Hover)}.webchat-fluent._ .webchat__activity-button:active{background:var(--webchat-colorNeutralBackground1Pressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Pressed);color:var(--webchat-colorNeutralForeground1Pressed)}.webchat-fluent._ .webchat__activity-button:focus-visible{background:var(--webchat-colorNeutralBackground1);outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);outline-offset:calc(var(--webchat-strokeWidthThick) * -1)}.webchat-fluent._ .webchat__activity-button[aria-disabled=true]{background:var(--webchat-colorNeutralBackgroundDisabled);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStrokeDisabled);color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent._ .webchat__activity-button .webchat__activity-button__icon{height:20px;width:20px}.webchat-fluent._ .webchat__activity-copy-button .webchat__activity-copy-button__copied-text{background-color:var(--webchat-colorNeutralBackground1)}.webchat-fluent._ .webchat__activity-copy-button.webchat__activity-copy-button--copied .webchat__activity-copy-button__copied-text{animation-duration:var(--webchat-durationUltraSlow)}.webchat-fluent._ .webchat__monochrome-image-masker{background-color:currentColor;height:1em;width:1em}.webchat-fluent._ .webchat__thumb-button{color:var(--webchat-colorNeutralForeground1)}.webchat-fluent._ .webchat__thumb-button:focus-visible{outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent._ .webchat__thumb-button[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent._ .webchat__tooltip{--webchat__tooltip-background: var(--tooltip-background, var(--webchat-colorNeutralBackground1));color:var(--webchat-colorNeutralForeground1);filter:drop-shadow(0 0 2px var(--webchat-colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--webchat-colorNeutralShadowKey));font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase200);font-weight:var(--webchat-fontWeightRegular);line-height:var(--webchat-lineHeightBase200);padding:var(--webchat-spacingVerticalSNudge) var(--webchat-spacingHorizontalM);transition:opacity var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent .ge{align-items:center;box-sizing:border-box;color:var(--webchat-colorNeutralForeground3);display:flex;flex-direction:row;font-family:var(--webchat__font--primary);font-size:var(--webchat-fontSizeBase200);font-weight:var(--webchat-fontWeightRegular);gap:var(--webchat-spacingHorizontalM);line-height:var(--webchat-lineHeightBase200);padding:var(--webchat-spacingVerticalSNudge) var(--webchat-spacingHorizontalM);text-align:center;width:100%}.webchat-fluent .ge:before,.webchat-fluent .ge:after{border-top:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);content:\"\";display:flex;flex:auto;min-width:8px}.webchat-fluent .we{text-align:center}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n",le=Qe(vo);function yo(e){return _react.useMemo.call(void 0, ()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,o])=>[t,`${t} ${o}`]))),[e])}var c=yo;function B(e){let t=c(e),o=O();return _react.useMemo.call(void 0, ()=>o.map(a=>t[`variant-${a}`]).filter(a=>a).join(" "),[t,o])}var ce={"activity-decorator":"aa","variant-fluent":"ua","variant-copilot":"oa"};var{useStyleOptions:Mo}=_botframeworkwebchatcomponent.hooks;function se(e){var o,a;let[t]=Mo();return _react.useMemo.call(void 0, ()=>{var n,i;return Object.freeze([{...t,...(i=(n=e==null?void 0:e.channelData)==null?void 0:n.webChat)==null?void 0:i.styleOptions}])},[(a=(o=e==null?void 0:e.channelData)==null?void 0:o.webChat)==null?void 0:a.styleOptions,t])}var _botframeworkwebchatcore = require('botframework-webchat-core');function de(e){var t,o;return!!(e&&((o=(t=_botframeworkwebchatcore.getOrgSchemaMessage.call(void 0, (e==null?void 0:e.entities)||[]))==null?void 0:t.keywords)!=null&&o.includes("AIGeneratedContent")))}function D(e){return _react.useMemo.call(void 0, ()=>{let t=_botframeworkwebchatcore.getOrgSchemaMessage.call(void 0, (e==null?void 0:e.entities)||[]);return typeof(t==null?void 0:t.author)=="string"?{"@type":"Person",description:void 0,image:void 0,name:t==null?void 0:t.author}:t==null?void 0:t.author},[e])}var $e={"copilot-message-header":"va","copilot-message-header__avatar":"pa","copilot-message-header__title":"_a","copilot-message-header__ai-generated-content":"fa"};var{useLocalizer:Ao}=_botframeworkwebchatcomponent.hooks;function Do({activity:e}){var s;let[{botAvatarImage:t,botAvatarBackgroundColor:o}]=se(e),a=c($e),n=Ao(),i=de(e),l=_react.useMemo.call(void 0, ()=>({"--background-color":o}),[o]),r=D(e),b=(r==null?void 0:r.image)||t,p=(r==null?void 0:r.name)||((s=e==null?void 0:e.from)==null?void 0:s.name);return _react2.default.createElement("div",{className:a["copilot-message-header"]},b&&_react2.default.createElement("img",{alt:n("AVATAR_ALT",p),className:a["copilot-message-header__avatar"],src:b,style:l}),_react2.default.createElement("span",{className:a["copilot-message-header__title"],title:p},p),i&&_react2.default.createElement("span",{className:a["copilot-message-header__ai-generated-content"]},n("ACTIVITY_CONTENT_CAUTION")))}var qe=_react.memo.call(void 0, Do);function tt({activity:e,children:t}){var l;let o=c(ce),a=O(),n=B(ce),i=a.includes("copilot")&&((l=e==null?void 0:e.from)==null?void 0:l.role)==="bot"&&!!t;return _react2.default.createElement("div",{className:_classnames2.default.call(void 0, o["activity-decorator"],n)},i&&_react2.default.createElement(qe,{activity:e}),t)}tt.displayName="ActivityDecorator";var be=_react.memo.call(void 0, tt);var ot={"activity-loader":"ka","variant-fluent":"ma"};var Zo="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MDAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCA0MDAgMjAiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDE9IjAiIHgyPSIxMDAlIiB5MT0iMCIgeTI9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAlIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdG9wLWNvbG9yIiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjI7MC4zMzswLjU7MC42NjswLjg7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iI2FkNWFlMTsjYWQ1YWUxOyMwRTk0RTE7IzBFOTRFMTsjNjY5ZmMyOyM2NjlmYzI7I2FkNWFlMSIvPjwvc3RvcD48c3RvcCBvZmZzZXQ9IjUwJSI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ic3RvcC1jb2xvciIgZHVyPSIycyIga2V5VGltZXM9IjA7MC4yOzAuMzM7MC41OzAuNjY7MC44OzEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IiNlOTYxOGQ7I2U5NjE4ZDsjNTdBQjgyOyM1N0FCODI7IzYzNzdlMDsjNjM3N2UwOyNlOTYxOGQiLz48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxMDAlIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdG9wLWNvbG9yIiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjI7MC4zMzswLjU7MC42NjswLjg7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iI2ZkOWU1ZjsjZmQ5ZTVmOyNDNkMyMjU7I0M2QzIyNTsjOWI4MGVjOyM5YjgwZWM7I2ZkOWU1ZiIvPjwvc3RvcD48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48ZyBmaWxsPSJ1cmwoI2EpIj48cmVjdCBoZWlnaHQ9IjIwIiByeD0iMTAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9IngiIGR1cj0iMnMiIGtleVRpbWVzPSIwOzAuNTswLjY2OzEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjI2OzI2OzA7MCIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9IndpZHRoIiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjI7MC4zMzswLjU7MC42NjsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIyMDsyMDszMDszMDsyMDsyMCIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGR1cj0iMnMiIGtleVRpbWVzPSIwOzAuNTswLjY2OzEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjE7MTswOzAiLz48L3JlY3Q+PHJlY3QgaGVpZ2h0PSIyMCIgcng9IjEwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ4IiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjI7MC4zMzswLjU7MC42NjswLjg7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iNjI7NjI7NzI7NzI7MjY7MjY7MCIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9IndpZHRoIiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjI7MC4zMzswLjU7MC42NjswLjg7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMTA0OzEwNDsyMDsyMDs3MDs3MDsyMCIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGR1cj0iMnMiIGtleVRpbWVzPSIwOzAuODsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxOzE7MCIvPjwvcmVjdD48cmVjdCBoZWlnaHQ9IjIwIiByeD0iMTAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9IngiIGR1cj0iMnMiIGtleVRpbWVzPSIwOzAuMjswLjMzOzAuNTswLjY2OzAuODsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIxODI7MTgyOzEwODsxMDg7MTEyOzExMjsyNiIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9IndpZHRoIiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjI7MC4zMzswLjU7MC42NjsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIyMDsyMDs2MDs2MDsyMDsyMCIvPjwvcmVjdD48cmVjdCBoZWlnaHQ9IjIwIiByeD0iMTAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9IngiIGR1cj0iMnMiIGtleVRpbWVzPSIwOzAuMjswLjMzOzAuNTswLjY2OzAuODsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIyMTg7MjE4OzE4NDsxODQ7MTQ4OzE0ODs2MiIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9IndpZHRoIiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjI7MC4zMzswLjU7MC42NjswLjg7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iNjA7NjA7ODA7ODA7NDA7NDA7MTA0Ii8+PC9yZWN0PjxyZWN0IGhlaWdodD0iMjAiIHJ4PSIxMCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ieCIgZHVyPSIycyIga2V5VGltZXM9IjA7MC4yOzAuMzM7MC41OzAuNjY7MC44OzEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjI5NDsyOTQ7MjgwOzI4MDsyMDQ7MjA0OzE4MiIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9IndpZHRoIiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjI7MC4zMzswLjU7MC42NjswLjg7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iNDA7NDA7MjA7MjA7ODA7ODA7MjAiLz48L3JlY3Q+PHJlY3QgaGVpZ2h0PSIyMCIgcng9IjEwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ4IiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjI7MC4zMzswLjU7MC42NjswLjg7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMzUwOzM1MDszMTY7MzE2OzMwMDszMDA7MjE4Ii8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0id2lkdGgiIGR1cj0iMnMiIGtleVRpbWVzPSIwOzAuMjswLjMzOzAuNTswLjY2OzAuODsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIyMDsyMDs2MDs2MDsyMDsyMDs2MCIvPjwvcmVjdD48cmVjdCBoZWlnaHQ9IjIwIiByeD0iMTAiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9IngiIGR1cj0iMnMiIGtleVRpbWVzPSIwOzAuMjswLjMzOzAuNTswLjY2OzAuODsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIzODY7Mzg2OzM5MjszOTI7MzM2OzMzNjsyOTQiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ3aWR0aCIgZHVyPSIycyIga2V5VGltZXM9IjA7MC41OzAuNjY7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iMjA7MjA7NDA7NDAiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjU7MC42NjsxIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdmFsdWVzPSIwOzA7MTsxIi8+PC9yZWN0PjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgcng9IjEwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJ4IiBkdXI9IjJzIiBrZXlUaW1lcz0iMDswLjI7MC4zMzswLjU7MC42NjswLjg7MSIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iNDIyOzQyMjs0Mjg7NDI4OzM5MjszOTI7MzUwIi8+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgZHVyPSIycyIga2V5VGltZXM9IjA7MC44OzEiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiB2YWx1ZXM9IjA7MDsxIi8+PC9yZWN0PjwvZz48L3N2Zz4=";function Oo({children:e}){let t=c(ot),o=B(t);return _react2.default.createElement(_react.Fragment,null,e,_react2.default.createElement("img",{alt:"",className:_classnames2.default.call(void 0, t["activity-loader"],o),role:"presentation",src:Zo}))}var rt=_react.memo.call(void 0, Oo);function L(e){var t,o;return!!(e&&((o=(t=_botframeworkwebchatcore.getOrgSchemaMessage.call(void 0, (e==null?void 0:e.entities)||[]))==null?void 0:t.keywords)!=null&&o.includes("PreChatMessage")))}var nt={"pre-chat-message-activity":"xa","pre-chat-message-activity__body":"ya","pre-chat-message-activity__body--blueprint":"Ba","pre-chat-message-activity__body-avatar":"ra","pre-chat-message-activity__body-title":"Na","pre-chat-message-activity__body-subtitle":"Sa","pre-chat-message-activity__toolbar":"za"};var _botframeworkwebchatapi = require('botframework-webchat-api');var _usereffrom = require('use-ref-from');var Uo={preChatMessageActivityStarterPromptsCardAction:"pre-chat message activity starter prompts card action",sendBoxContainer:"send box container",sendBoxDropZone:"send box drop zone",sendBoxSendButton:"send box send button",sendBoxSuggestedAction:"send box suggested action",sendBoxTextBox:"send box text area",sendBoxTelephoneKeypadButton1:"send box telephone keypad button 1",sendBoxTelephoneKeypadButton2:"send box telephone keypad button 2",sendBoxTelephoneKeypadButton3:"send box telephone keypad button 3",sendBoxTelephoneKeypadButton4:"send box telephone keypad button 4",sendBoxTelephoneKeypadButton5:"send box telephone keypad button 5",sendBoxTelephoneKeypadButton6:"send box telephone keypad button 6",sendBoxTelephoneKeypadButton7:"send box telephone keypad button 7",sendBoxTelephoneKeypadButton8:"send box telephone keypad button 8",sendBoxTelephoneKeypadButton9:"send box telephone keypad button 9",sendBoxTelephoneKeypadButton0:"send box telephone keypad button 0",sendBoxTelephoneKeypadButtonStar:"send box telephone keypad button star",sendBoxTelephoneKeypadButtonPound:"send box telephone keypad button pound",sendBoxTelephoneKeypadToolbarButton:"send box telephone keypad toolbar button",sendBoxUploadButton:"send box upload button"},m= exports.testIds =Uo;var it={"pre-chat-message-activity__card-action-box":"Ha","pre-chat-message-activity__card-action-image":"ta",blueprintAnimation:"ca","pre-chat-message-activity__card-action-subtitle":"Fa","pre-chat-message-activity__card-action-title":"Ma"};var{useFocus:ea,useRenderMarkdownAsHTML:ta,useSendBoxValue:oa,useUIState:aa}=_botframeworkwebchatcomponent.hooks,{MonochromeImageMasker:ra}=_botframeworkwebchatcomponent.Components,ct=({className:e,messageBackAction:t})=>{let[o,a]=oa(),[n]=aa(),i=c(it),l=ea(),r=_usereffrom.useRefFrom.call(void 0, (t==null?void 0:t.displayText)||(t==null?void 0:t.text)||""),b=ta("message activity"),p=_react.useMemo.call(void 0, ()=>b?{__html:b((t==null?void 0:t.text)||"")}:void 0,[t==null?void 0:t.text,b]),s=n==="disabled",u=t&&"title"in t&&t.title,h=n==="blueprint"||!u,g=_react.useCallback.call(void 0, ()=>{a(r.current),l("sendBox")},[l,r,a]);return h?_react2.default.createElement("div",{className:_classnames2.default.call(void 0, e,i["pre-chat-message-activity__card-action-box"]),"data-testid":m.preChatMessageActivityStarterPromptsCardAction}):_react2.default.createElement("button",{"aria-disabled":s?!0:void 0,className:_classnames2.default.call(void 0, e,i["pre-chat-message-activity__card-action-box"]),"data-testid":m.preChatMessageActivityStarterPromptsCardAction,onClick:s?void 0:g,tabIndex:s?-1:void 0,type:"button"},_react2.default.createElement("div",{className:i["pre-chat-message-activity__card-action-title"]},u),"image"in t&&t.image&&_react2.default.createElement(ra,{className:i["pre-chat-message-activity__card-action-image"],src:t.image}),_react2.default.createElement("div",{className:i["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:p}))};ct.displayName="StarterPromptsCardAction";var R=_react.memo.call(void 0, ct);var st={"pre-chat-message-activity__card-action-toolbar":"Xa","webchat-container":"la","pre-chat-message-activity__card-action-toolbar-grid":"ia"};var{useUIState:da}=_botframeworkwebchatapi.hooks,dt=({cardActions:e,className:t})=>{let o=c(st),[a]=da();return _react2.default.createElement("div",{className:_classnames2.default.call(void 0, t,o["pre-chat-message-activity__card-action-toolbar"])},_react2.default.createElement("div",{className:o["pre-chat-message-activity__card-action-toolbar-grid"]},a==="blueprint"?_react2.default.createElement(_react.Fragment,null,_react2.default.createElement(R,null),_react2.default.createElement(R,null),_react2.default.createElement(R,null)):e.filter(n=>n.type==="messageBack").map((n,i)=>_react2.default.createElement(R,{key:i,messageBackAction:n}))))};dt.displayName="StarterPromptsToolbar";var bt=_react.memo.call(void 0, dt);var{useLocalizer:ma,useRenderMarkdownAsHTML:ga,useUIState:wa}=_botframeworkwebchatcomponent.hooks,ut=({activity:e})=>{var r;let[t]=wa(),o=c(nt),a=ga(),n=ma(),i=D(e),l=_react.useMemo.call(void 0, ()=>a?{__html:a((i==null?void 0:i.description)||"")}:{__html:""},[i==null?void 0:i.description,a]);return _react2.default.createElement("div",{className:o["pre-chat-message-activity"]},i&&_react2.default.createElement("div",{className:_classnames2.default.call(void 0, o["pre-chat-message-activity__body"],t==="blueprint"&&o["pre-chat-message-activity__body--blueprint"])},i.image&&_react2.default.createElement("img",{alt:n("AVATAR_ALT",i.name),className:o["pre-chat-message-activity__body-avatar"],src:i.image}),i.name&&_react2.default.createElement("h2",{className:o["pre-chat-message-activity__body-title"]},i.name),i.description&&_react2.default.createElement("div",{className:o["pre-chat-message-activity__body-subtitle"],dangerouslySetInnerHTML:l})),_react2.default.createElement(bt,{cardActions:((r=e.suggestedActions)==null?void 0:r.actions)||[],className:o["pre-chat-message-activity__toolbar"]}))};ut.displayName="PreChatMessageActivity";var ue=_react.memo.call(void 0, ut);var{MonochromeImageMasker:xa}=_botframeworkwebchatcomponent.Components,ka=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M6 2a2 2 0 0 0-2 2v5.2c.32-.08.66-.15 1-.18V4a1 1 0 0 1 1-1h4v3.5c0 .83.67 1.5 1.5 1.5H15v8a1 1 0 0 1-1 1h-3.6c-.18.36-.4.7-.66 1H14a2 2 0 0 0 2-2V7.41c0-.4-.16-.78-.44-1.06l-3.91-3.91A1.5 1.5 0 0 0 10.59 2H6Zm8.8 5h-3.3a.5.5 0 0 1-.5-.5V3.2L14.8 7ZM10 14.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-4-2a.5.5 0 0 0-1 0V14H3.5a.5.5 0 0 0 0 1H5v1.5a.5.5 0 0 0 1 0V15h1.5a.5.5 0 0 0 0-1H6v-1.5Z"/></svg>')}`;function Na(e){return _react2.default.createElement(xa,{className:_classnames2.default.call(void 0, "icon__add-document",e.className),src:ka})}var he=_react.memo.call(void 0, Na);var{MonochromeImageMasker:Ta}=_botframeworkwebchatcomponent.Components,za=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="m4.83 10.48 5.65-5.65a3 3 0 0 1 4.25 4.24L8 15.8a1.5 1.5 0 0 1-2.12-2.12l6-6.01a.5.5 0 1 0-.7-.71l-6 6.01a2.5 2.5 0 0 0 3.53 3.54l6.71-6.72a4 4 0 1 0-5.65-5.66L4.12 9.78a.5.5 0 0 0 .7.7Z"/></svg>')}`;function Ha(e){return _react2.default.createElement(Ta,{className:_classnames2.default.call(void 0, "icon__attachment",e.className),src:za})}var pe=_react.memo.call(void 0, Ha);var{MonochromeImageMasker:La}=_botframeworkwebchatcomponent.Components,Wa=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8.5 7.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3Zm.25-2a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z"/></svg>')}`;function Pa(e){return _react2.default.createElement(La,{className:_classnames2.default.call(void 0, "icon__info--small",e.className),src:Wa})}var me=_react.memo.call(void 0, Pa);var{MonochromeImageMasker:Oa}=_botframeworkwebchatcomponent.Components,Xa=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2.18 2.11a.5.5 0 0 1 .54-.06l15 7.5a.5.5 0 0 1 0 .9l-15 7.5a.5.5 0 0 1-.7-.58L3.98 10 2.02 2.63a.5.5 0 0 1 .16-.52Zm2.7 8.39-1.61 6.06L16.38 10 3.27 3.44 4.88 9.5h6.62a.5.5 0 1 1 0 1H4.88Z"/></svg>')}`;function Ra(e){return _react2.default.createElement(Oa,{className:_classnames2.default.call(void 0, "icon__send",e.className),src:Xa})}var ge=_react.memo.call(void 0, Ra);var{MonochromeImageMasker:Ja}=_botframeworkwebchatcomponent.Components,Qa=`data:image/svg+xml;utf8,${encodeURIComponent('<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M6 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm0 4a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM7.25 12a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 16a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM15.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z"/></svg>')}`;function $a(e){return _react2.default.createElement(Ja,{className:_classnames2.default.call(void 0, "icon__telephone-keypad",e.className),src:Qa})}var we=_react.memo.call(void 0, $a);var ht={"sendbox__attachment-drop-zone":"La","sendbox__attachment-drop-zone--droppable":"Wa","sendbox__attachment-drop-zone-icon":"Va"};var{useLocalizer:cr}=_botframeworkwebchatcomponent.hooks,J=e=>{e.preventDefault()},mt=e=>{var t,o;return!!((o=(t=e.dataTransfer)==null?void 0:t.types)!=null&&o.some(a=>a.toLowerCase()==="files"))};function sr(e,t){let o=e.parentNode;for(;o;){if(o===t)return!0;o=o.parentNode}return!1}var gt=e=>{let[t,o]=_react.useState.call(void 0, !1),a=c(ht),n=_react.useRef.call(void 0, null),i=cr(),l=_usereffrom.useRefFrom.call(void 0, e.onFilesAdded);_react.useEffect.call(void 0, ()=>{let b=0,p=g=>{document.addEventListener("dragover",J),b++,mt(g)&&o(n.current&&(g.target===n.current||g.target instanceof HTMLElement&&sr(g.target,n.current))?"droppable":"visible")},s=()=>--b<=0&&o(!1),u=()=>{document.removeEventListener("dragover",J),b=0,o(!1)},h=g=>{var v;(v=n.current)!=null&&v.contains(g.target)||u()};return document.addEventListener("dragend",u),document.addEventListener("dragenter",p),document.addEventListener("dragleave",s),document.addEventListener("drop",h),()=>{document.removeEventListener("dragend",u),document.removeEventListener("dragenter",p),document.removeEventListener("dragleave",s),document.removeEventListener("dragover",J),document.removeEventListener("drop",h)}},[o]);let r=_react.useCallback.call(void 0, b=>{b.preventDefault(),o(!1),mt(b.nativeEvent)&&l.current([...b.dataTransfer.files])},[l,o]);return t?_react2.default.createElement("div",{className:_classnames2.default.call(void 0, a["sendbox__attachment-drop-zone"],{[a["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":m.sendBoxDropZone,onDragOver:J,onDrop:r,ref:n},_react2.default.createElement(he,{className:a["sendbox__attachment-drop-zone-icon"]}),i("TEXT_INPUT_DROP_ZONE")):null};gt.displayName="DropZone";var fe=_react.memo.call(void 0, gt);function ve(e){let{title:t}=e,{type:o,value:a}=e;return o==="messageBack"?t||e.displayText:t||(typeof a=="string"?a:JSON.stringify(a))}var wt=_react.createContext.call(void 0, {itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function gr(e){let t=_react.useRef.call(void 0, 0),o=_react.useRef.call(void 0, []),a=_react.useCallback.call(void 0, ({current:s},u)=>s&&(s.tabIndex=t.current===u?0:-1),[t]),n=_react.useCallback.call(void 0, s=>{var h,g,v;let u;typeof s=="number"?u=s:u=s(t.current),u&&!((h=o.current.at(u))!=null&&h.current)&&(u=0),t.current!==u&&(t.current=u,o.current.forEach((w,y)=>a(w,y)),(v=(g=o.current.at(u))==null?void 0:g.current)==null||v.focus())},[a,o,t]),i=_react.useCallback.call(void 0, s=>{let{target:u}=s,h=o.current.findIndex(({current:g})=>g===u);h!==-1&&n(h)},[o,n]),l=_react.useCallback.call(void 0, s=>u=>{var S;let h=!e.direction,g=/up|down/iu.test(s)&&e.direction==="vertical",v=/left|right/iu.test(s)&&e.direction==="horizontal",w=/right|down/iu.test(s),y=h||g||v?w?1:-1:0,M=o.current.map((H,C)=>C),I=M.indexOf(u)+y;return(S=M.at(I))!=null?S:0},[e.direction]),r=_react.useCallback.call(void 0, s=>{var h;let{key:u}=s;switch(u){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":n(l(u));break;case"Home":n(0);break;case"End":n(-1);break;case"Escape":(h=e.onEscapeKey)==null||h.call(e);break;default:return}s.preventDefault(),s.stopPropagation()},[n,l,e]),b=_react.useCallback.call(void 0, (s,u)=>{let{current:h}=s;return o.current[Number(u)]=s,h.addEventListener("focus",i),h.addEventListener("keydown",r),a(s,u),()=>{h.removeEventListener("focus",i),h.removeEventListener("keydown",r),delete o.current[Number(u)]}},[i,r,a,o]),p=_react.useMemo.call(void 0, ()=>({itemEffector:b}),[b]);return _react2.default.createElement(wt.Provider,{value:p},e.children)}function ft(e){let t=_react.useRef.call(void 0, null),{itemEffector:o}=_react.useContext.call(void 0, wt);return _react.useEffect.call(void 0, ()=>o(t,e)),t}var vt=_react.memo.call(void 0, gr);var yr=e=>e.preventDefault(),xr=_react.forwardRef.call(void 0, ({"aria-hidden":e,children:t,className:o,"data-testid":a,disabled:n,onClick:i,tabIndex:l},r)=>{let b=_react.useRef.call(void 0, null);return _react2.default.createElement("button",{"aria-disabled":n?"true":void 0,"aria-hidden":e,className:o,"data-testid":a,onClick:n?yr:i,ref:r||b,tabIndex:n?-1:l,type:"button"},t)}),_t=_react.memo.call(void 0, xr);var yt={"suggested-action":"Ra","suggested-action__image":"Pa"};var{useFocus:Br,usePerformCardAction:Tr,useScrollToEnd:zr,useStyleSet:Hr,useSuggestedActions:Cr,useUIState:Fr}=_botframeworkwebchatcomponent.hooks;function Ar({buttonText:e,className:t,displayText:o,image:a,imageAlt:n,itemIndex:i,text:l,type:r,value:b}){let[p,s]=Cr(),[{suggestedAction:u}]=Hr(),[h]=Fr(),g=Br(),v=ft(i),w=Tr(),y=c(yt),M=zr(),I=_react.useCallback.call(void 0, ({target:S})=>{(async function(){await g("sendBoxWithoutKeyboard"),w({displayText:o,text:l,type:r,value:b},{target:S}),r==="openUrl"&&s([]),M()})()},[o,g,w,M,s,l,r,b]);return _react2.default.createElement(_t,{className:_classnames2.default.call(void 0, y["suggested-action"],u+"",(t||"")+""),"data-testid":m.sendBoxSuggestedAction,disabled:h==="disabled",onClick:I,ref:v,type:"button"},a&&_react2.default.createElement("img",{alt:n,className:y["suggested-action__image"],src:a}),_react2.default.createElement("span",null,e))}var xt=_react.memo.call(void 0, Ar);var xe={"suggested-actions":"Ta","suggested-actions--flow":"Ca","suggested-actions--stacked":"Da"};var{useFocus:jr,useLocalizer:Vr,useStyleOptions:Zr,useStyleSet:Or,useSuggestedActions:Xr,useUIState:Rr}=_botframeworkwebchatcomponent.hooks;function Ur(e){let[{suggestedActionLayout:t}]=Zr(),[{suggestedActions:o}]=Or(),[a]=Rr(),n=c(xe);return _react2.default.createElement("div",{"aria-label":e["aria-label"],"aria-orientation":"vertical",className:_classnames2.default.call(void 0, n["suggested-actions"],o+"",{[n["suggested-actions--flow"]]:t==="flow",[n["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},a!=="blueprint"&&e.children)}function Gr(){let e=c(xe),t=Vr(),[o,a,{activity:n}]=Xr(),i=jr(),l=_react.useCallback.call(void 0, ()=>{i("sendBox")},[i]),r=L(n)?[]:o.map((b,p)=>{let{displayText:s,image:u,imageAltText:h,text:g,type:v,value:w}=b;return o!=null&&o.length?_react2.default.createElement(xt,{buttonText:ve(b),displayText:s,image:u,imageAlt:u&&(h||g),itemIndex:p,key:p,text:g,type:v,value:w}):null});return _react2.default.createElement(vt,{onEscapeKey:l},_react2.default.createElement(Ur,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},r))}var ke=_react.memo.call(void 0, Gr);var kt=_react.createContext.call(void 0, new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));kt.displayName="TelephoneKeypad.Context";var $=kt;var qr=_react.memo.call(void 0, ({children:e})=>{let[t,o]=_react.useState.call(void 0, !1),a=_react.useMemo.call(void 0, ()=>Object.freeze({setShown:o,shown:t}),[o,t]);return _react2.default.createElement($.Provider,{value:a},e)}),Ne=qr;var Nt={"telephone-keypad__button":"na","telephone-keypad__button__ruby":"ba","telephone-keypad__button__text":"da","telephone-keypad--horizontal":"Ga"};var St=_react.memo.call(void 0, _react.forwardRef.call(void 0, ({button:e,"data-testid":t,onClick:o,ruby:a},n)=>{let i=c(Nt),l=_usereffrom.useRefFrom.call(void 0, o),r=_react.useCallback.call(void 0, ()=>{var b;return(b=l.current)==null?void 0:b.call(l)},[l]);return _react2.default.createElement("button",{className:i["telephone-keypad__button"],"data-testid":t,onClick:r,ref:n,type:"button"},_react2.default.createElement("span",{className:i["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!a&&_react2.default.createElement("ruby",{className:i["telephone-keypad__button__ruby"]},a))}));St.displayName="TelephoneKeypad.Button";var k=St;function T(){let{setShown:e,shown:t}=_react.useContext.call(void 0, $);return _react.useMemo.call(void 0, ()=>Object.freeze([t,e]),[t,e])}var Me={"telephone-keypad":"Ua","telephone-keypad__box":"ja","telephone-keypad__info-message":"Aa","telephone-keypad__info-message-link":"Ia"};var{LocalizedString:hn}=_botframeworkwebchatcomponent.Components,Bt=_react.memo.call(void 0, ({children:e,isHorizontal:t})=>{let o=c(Me);return t?null:_react2.default.createElement("div",{className:o["telephone-keypad__box"]},e)});Bt.displayName="TelephoneKeypad:Orientation";var Tt=_react.memo.call(void 0, ({autoFocus:e,className:t,onButtonClick:o,isHorizontal:a})=>{let n=_usereffrom.useRefFrom.call(void 0, e),i=c(Me),l=_react.useRef.call(void 0, null),r=_usereffrom.useRefFrom.call(void 0, o),[,b]=T(),p=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"1")},[r]),s=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"2")},[r]),u=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"3")},[r]),h=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"4")},[r]),g=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"5")},[r]),v=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"6")},[r]),w=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"7")},[r]),y=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"8")},[r]),M=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"9")},[r]),I=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"0")},[r]),S=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"*")},[r]),H=_react.useCallback.call(void 0, ()=>{var d;return(d=r.current)==null?void 0:d.call(r,"#")},[r]),C=_react.useCallback.call(void 0, d=>{d.key==="Escape"&&b(!1)},[b]);return _react.useEffect.call(void 0, ()=>{var d;n.current&&((d=l.current)==null||d.focus())},[n,l]),_react2.default.createElement("div",{className:_classnames2.default.call(void 0, i["telephone-keypad"],t),onKeyDown:C},_react2.default.createElement(Bt,{isHorizontal:a},_react2.default.createElement(k,{button:"1","data-testid":m.sendBoxTelephoneKeypadButton1,onClick:p,ref:l}),_react2.default.createElement(k,{button:"2","data-testid":m.sendBoxTelephoneKeypadButton2,onClick:s,ruby:"ABC"}),_react2.default.createElement(k,{button:"3","data-testid":m.sendBoxTelephoneKeypadButton3,onClick:u,ruby:"DEF"}),_react2.default.createElement(k,{button:"4","data-testid":m.sendBoxTelephoneKeypadButton4,onClick:h,ruby:"GHI"}),_react2.default.createElement(k,{button:"5","data-testid":m.sendBoxTelephoneKeypadButton5,onClick:g,ruby:"JKL"}),_react2.default.createElement(k,{button:"6","data-testid":m.sendBoxTelephoneKeypadButton6,onClick:v,ruby:"MNO"}),_react2.default.createElement(k,{button:"7","data-testid":m.sendBoxTelephoneKeypadButton7,onClick:w,ruby:"PQRS"}),_react2.default.createElement(k,{button:"8","data-testid":m.sendBoxTelephoneKeypadButton8,onClick:y,ruby:"TUV"}),_react2.default.createElement(k,{button:"9","data-testid":m.sendBoxTelephoneKeypadButton9,onClick:M,ruby:"WXYZ"}),_react2.default.createElement(k,{button:"*","data-testid":m.sendBoxTelephoneKeypadButtonStar,onClick:S}),_react2.default.createElement(k,{button:"0","data-testid":m.sendBoxTelephoneKeypadButton0,onClick:I,ruby:"+"}),_react2.default.createElement(k,{button:"#","data-testid":m.sendBoxTelephoneKeypadButtonPound,onClick:H})),_react2.default.createElement("div",{className:i["telephone-keypad__info-message"]},_react2.default.createElement(me,null),_react2.default.createElement(hn,{linkClassName:i["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});Tt.displayName="TelephoneKeypad";var zt=Tt;var Ht=_react.memo.call(void 0, e=>T()[0]?_react2.default.createElement(zt,{...e}):null);Ht.displayName="TelephoneKeypad.Surrogate";var Ie=Ht;var q={sendbox__toolbar:"Ka","sendbox__toolbar-button":"Ea","sendbox__toolbar-button--selected":"qa","sendbox__toolbar-separator":"Ja"};var{useUIState:Ct}=_botframeworkwebchatapi.hooks,fn=e=>e.preventDefault(),A=_react.memo.call(void 0, e=>{let t=c(q),[o]=Ct(),a=e.disabled||o==="disabled";return _react2.default.createElement("button",{"aria-disabled":a?"true":void 0,"aria-label":e["aria-label"],className:_classnames2.default.call(void 0, t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:a?fn:e.onClick,tabIndex:a?-1:void 0,type:e.type==="submit"?"submit":"button"},e.children)});A.displayName="ToolbarButton";var He=_react.memo.call(void 0, e=>{let[t]=Ct(),o=c(q);return _react2.default.createElement("div",{className:_classnames2.default.call(void 0, o.sendbox__toolbar,e.className)},t!=="blueprint"&&e.children)});He.displayName="Toolbar";var Ce=_react.memo.call(void 0, e=>{let t=c(q);return _react2.default.createElement("div",{"aria-orientation":"vertical",className:_classnames2.default.call(void 0, t["sendbox__toolbar-separator"],e.className),role:"separator"})});Ce.displayName="ToolbarSeparator";var Ft={"sendbox__add-attachment":"Oa","sendbox__add-attachment-input":"Qa"};var{useLocalizer:Nn,useStyleOptions:Sn}=_botframeworkwebchatcomponent.hooks;function Mn(e){let t=_react.useRef.call(void 0, null),o=c(Ft),a=Nn(),[{uploadAccept:n,uploadMultiple:i}]=Sn(),l=_usereffrom.useRefFrom.call(void 0, e.onFilesAdded),r=_react.useCallback.call(void 0, ()=>{var p;return(p=t.current)==null?void 0:p.click()},[t]),b=_react.useCallback.call(void 0, ({target:{files:p}})=>{var s;p&&((s=l.current)==null||s.call(l,[...p]),t.current&&(t.current.value=""))},[t,l]);return _react2.default.createElement("div",{className:o["sendbox__add-attachment"]},_react2.default.createElement("input",{accept:n,"aria-disabled":e.disabled,"aria-hidden":"true",className:o["sendbox__add-attachment-input"],multiple:i,onInput:e.disabled?void 0:b,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),_react2.default.createElement(A,{"aria-label":a("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":m.sendBoxUploadButton,onClick:r},_react2.default.createElement(pe,null)))}var Dt=_react.memo.call(void 0, Mn);var Lt={sendbox__attachment:"Ya"};var{useLocalizer:Cn,useUIState:Fn}=_botframeworkwebchatcomponent.hooks,An={one:"TEXT_INPUT_ATTACHMENTS_ONE",two:"TEXT_INPUT_ATTACHMENTS_TWO",few:"TEXT_INPUT_ATTACHMENTS_FEW",many:"TEXT_INPUT_ATTACHMENTS_MANY",other:"TEXT_INPUT_ATTACHMENTS_OTHER"};function Dn({attachments:e,className:t}){let[o]=Fn(),a=c(Lt),n=Cn({plural:!0});return o!=="blueprint"&&e.length?_react2.default.createElement("div",{className:_classnames2.default.call(void 0, a.sendbox__attachment,t)},n(An,e.length)):null}var Wt=_react.memo.call(void 0, Dn);var _internal = require('botframework-webchat-component/internal');var Pt={"sendbox__error-message":"Za"};function jt({error:e,id:t}){let o=c(Pt);return _internal.useLiveRegion.call(void 0, ()=>e&&_react2.default.createElement("div",{className:"sendbox__error-message__status"},e),[e]),_react2.default.createElement("span",{className:o["sendbox__error-message"],id:t},e)}jt.displayName="ErrorMessage";var Vt=_react.memo.call(void 0, jt);var{useConnectivityStatus:On,useLocalizer:Xn}=_botframeworkwebchatcomponent.hooks,Rn=({attachments:e,message:t})=>{let[o]=On(),[a,n]=_react.useState.call(void 0, ),i=Xn(),l=_usereffrom.useRefFrom.call(void 0, o!=="connected"&&o!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),r=_react.useMemo.call(void 0, ()=>Object.freeze(new Map().set("empty",i("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",i("CONNECTIVITY_STATUS_ALT_FATAL"))),[i]),b=!!(t!=null&&t.trim());a==="empty"&&b&&n(void 0);let p=_react.useCallback.call(void 0, ()=>(n(l.current),l.current),[l]);return _react.useMemo.call(void 0, ()=>Object.freeze([a&&r.get(a),p]),[a,r,p])},Ot=Rn;var{useScrollDown:Yn,useScrollUp:Kn}=_botframeworkwebchatcomponent.hooks;function Fe(){let e=Yn(),t=Kn();return _react.useCallback.call(void 0, o=>{if(o.target instanceof HTMLTextAreaElement&&o.target.value)return;let{ctrlKey:a,metaKey:n,shiftKey:i}=o;if(a||n||i)return;let l=!0;switch(o.key){case"End":e({displacement:1/0});break;case"Home":t({displacement:1/0});break;case"PageDown":e();break;case"PageUp":t();break;default:l=!1;break}l&&(o.preventDefault(),o.stopPropagation())},[e,t])}function Ae(e){let t=_react.useMemo.call(void 0, ()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var De={sendbox:"ha","variant-copilot":"ae","sendbox__text-counter":"sa","sendbox__text-counter--error":"ga",sendbox__sendbox:"ee","sendbox__attachment--in-grid":"wa","sendbox__text-area--in-grid":"oe","sendbox__sendbox-controls--in-grid":"re","sendbox__telephone-keypad--in-grid":"te","sendbox__sendbox-text":"ce","sendbox__sendbox-controls":"le"};var{useLocalizer:ti}=_botframeworkwebchatcomponent.hooks,Rt=_react.memo.call(void 0, ()=>{let[e,t]=T(),o=ti(),a=_react.useCallback.call(void 0, ()=>t(n=>!n),[t]);return _react2.default.createElement(A,{"aria-label":o("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":m.sendBoxTelephoneKeypadToolbarButton,onClick:a,selected:e},_react2.default.createElement(we,null))});Rt.displayName="SendBox.TelephoneKeypadToolbarButton";var Ut=Rt;var Gt={"sendbox__text-area":"ie","sendbox__text-area--hidden":"ne","sendbox__text-area-shared":"be","sendbox__text-area-doppelganger":"de","sendbox__text-area-input":"he","sendbox__text-area-input--scroll":"se"};var{useUIState:li}=_botframeworkwebchatapi.hooks,Yt=_react.forwardRef.call(void 0, (e,t)=>{var l;let[o]=li(),a=c(Gt),n=o==="disabled",i=_react.useCallback.call(void 0, r=>{var b,p;!r.shiftKey&&r.key==="Enter"&&(r.preventDefault(),"form"in r.target&&r.target.form instanceof HTMLFormElement&&((p=(b=r.target)==null?void 0:b.form)==null||p.requestSubmit()))},[]);return _react2.default.createElement("div",{className:_classnames2.default.call(void 0, a["sendbox__text-area"],{[a["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},o==="blueprint"?_react2.default.createElement("div",{className:_classnames2.default.call(void 0, a["sendbox__text-area-doppelganger"],a["sendbox__text-area-input--scroll"],a["sendbox__text-area-shared"])}," "):_react2.default.createElement(_react.Fragment,null,_react2.default.createElement("div",{className:_classnames2.default.call(void 0, a["sendbox__text-area-doppelganger"],a["sendbox__text-area-input--scroll"],a["sendbox__text-area-shared"])},e.value||e.placeholder," "),_react2.default.createElement("textarea",{"aria-disabled":n,"aria-label":e["aria-label"],className:_classnames2.default.call(void 0, a["sendbox__text-area-input"],a["sendbox__text-area-input--scroll"],a["sendbox__text-area-shared"]),"data-testid":e["data-testid"],onInput:e.onInput,onKeyDown:i,placeholder:e.placeholder,readOnly:n,ref:t,rows:(l=e.startRows)!=null?l:1,tabIndex:e.hidden?-1:void 0,value:e.value})))});Yt.displayName="TextArea";var Kt=Yt;var{useFocus:bi,useLocalizer:ui,useMakeThumbnail:hi,useRegisterFocusSendBox:pi,useSendBoxAttachments:mi,useSendBoxValue:gi,useSendMessage:wi,useStyleOptions:fi,useUIState:vi}=_botframeworkwebchatcomponent.hooks;function $t(e){var Xe;let[{hideTelephoneKeypadButton:t,hideUploadButton:o,maxMessageLength:a}]=fi(),[n,i]=mi(),[l,r]=gi(),[b,p]=_react.useState.call(void 0, ""),[s]=T(),[u]=vi(),h=c(De),g=B(De),v=Ae("sendbox__error-message-id"),w=_react.useRef.call(void 0, null),y=ui(),M=hi(),I=wi(),S=bi(),H=e.isPrimary?l:b,C=e.isPrimary?r:p,d=u==="blueprint",[Pe,Ee]=Ot({message:H,attachments:n}),j=!!a&&H.length>a,oo=!d&&!s&&a&&isFinite(a),je=!d&&s;pi(_react.useCallback.call(void 0, ({noKeyboard:x,waitUntil:Y})=>{var V;w.current&&(x?Y((async()=>{var Re,Ue,Ge,Ye,Ke;let Z=(Re=w.current)==null?void 0:Re.getAttribute("readonly");(Ue=w.current)==null||Ue.setAttribute("readonly","true"),await new Promise(so=>setTimeout(so,0)),(Ge=w.current)==null||Ge.focus(),typeof Z!="string"?(Ye=w.current)==null||Ye.removeAttribute("readonly"):(Ke=w.current)==null||Ke.setAttribute("readonly",Z)})()):(V=w.current)==null||V.focus())},[w]));let Ve=_usereffrom.useRefFrom.call(void 0, n),Ze=_usereffrom.useRefFrom.call(void 0, H),ao=_react.useCallback.call(void 0, x=>{"tabIndex"in x.target&&typeof x.target.tabIndex=="number"&&x.target.tabIndex>=0||S("sendBox")},[S]),ro=_react.useCallback.call(void 0, x=>C(x.currentTarget.value),[C]),Oe=_react.useCallback.call(void 0, async x=>{let Y=Object.freeze(await Promise.all(x.map(V=>M(V).then(Z=>Object.freeze({blob:V,...Z&&{thumbnailURL:Z}})))));i(Y)},[M,i]),no=_react.useCallback.call(void 0, x=>{x.preventDefault(),Ee()!=="empty"&&!j&&(I(Ze.current,void 0,{attachments:Ve.current}),C(""),i([])),S("sendBox")},[Ee,j,S,I,C,Ze,Ve,i]),io=_react.useCallback.call(void 0, x=>I(`/DTMFKey ${x}`),[I]),lo=Fe(),co={"aria-invalid":"false",...Pe&&{"aria-describedby":v,"aria-errormessage":v,"aria-invalid":"true"}};return _react2.default.createElement("form",{...co,className:_classnames2.default.call(void 0, h.sendbox,g,e.className),"data-testid":m.sendBoxContainer,onSubmit:no},_react2.default.createElement(ke,null),_react2.default.createElement("div",{className:_classnames2.default.call(void 0, h.sendbox__sendbox),onClickCapture:ao,onKeyDown:lo},_react2.default.createElement(Kt,{"aria-label":y(j?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:_classnames2.default.call(void 0, h["sendbox__sendbox-text"],h["sendbox__text-area--in-grid"]),"data-testid":m.sendBoxTextBox,hidden:je,onInput:ro,placeholder:(Xe=e.placeholder)!=null?Xe:y("TEXT_INPUT_PLACEHOLDER"),ref:w,value:H}),_react2.default.createElement(Ie,{autoFocus:!0,className:h["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:io}),_react2.default.createElement(Wt,{attachments:n,className:h["sendbox__attachment--in-grid"]}),_react2.default.createElement("div",{className:_classnames2.default.call(void 0, h["sendbox__sendbox-controls"],h["sendbox__sendbox-controls--in-grid"])},oo&&_react2.default.createElement("div",{className:_classnames2.default.call(void 0, h["sendbox__text-counter"],{[h["sendbox__text-counter--error"]]:j})},`${H.length}/${a}`),_react2.default.createElement(He,null,!t&&_react2.default.createElement(Ut,null),!o&&_react2.default.createElement(Dt,{onFilesAdded:Oe}),_react2.default.createElement(Ce,null),_react2.default.createElement(A,{"aria-label":y("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":m.sendBoxSendButton,disabled:j||je,type:"submit"},_react2.default.createElement(ge,null)))),_react2.default.createElement(fe,{onFilesAdded:Oe}),_react2.default.createElement(Vt,{error:Pe,id:v})))}var oe=_react.memo.call(void 0, e=>_react2.default.createElement($t,{...e,isPrimary:!0}));oe.displayName="PrimarySendBox";var _i=_react.memo.call(void 0, $t);var Le={theme:"_","variant-copilot":"ea"};var Ni="webchat-fluent";function ae(e){let t=c(Le),o=B(Le);return _react2.default.createElement("div",{className:_classnames2.default.call(void 0, Ni,t.theme,o)},e.children)}function re(e){return!!(e&&e.from.role==="channel"&&e.type==="message"&&"text"in e)}var qt={"liner-message-activity":"ge","liner-message-activity__text":"we"};var to=({activity:e})=>{let t=c(qt);return _react2.default.createElement("div",{className:t["liner-message-activity"],role:"separator"},_react2.default.createElement("span",{className:t["liner-message-activity__text"]},e.text))};to.displayName="LinerMessageActivity";var We=_react.memo.call(void 0, to);var{ThemeProvider:Hi}=_botframeworkwebchatcomponent.Components,Ci=Object.freeze([()=>e=>(...t)=>{var n;let o=(n=t[0])==null?void 0:n.activity;if(L(o))return()=>_react2.default.createElement(ue,{activity:o});if(re(o))return()=>_react2.default.createElement(We,{activity:o});let a=e(...t);return a&&((...i)=>_react2.default.createElement(be,{activity:o},a(...i)))}]),Fi=[()=>()=>()=>oe],Ai=[e=>e==="activity border"&&(t=>o=>o.livestreamingState==="preparing"?rt:t(o))],Di=le(),Li=Object.freeze({feedbackActionsPlacement:"activity-actions"}),Wi=({children:e,variant:t="fluent"})=>_react2.default.createElement(Je,{variant:t},_react2.default.createElement(ae,null,_react2.default.createElement(Ne,null,_react2.default.createElement(Hi,{activityMiddleware:Ci,sendBoxMiddleware:Fi,styleOptions:Li,styles:Di},_react2.default.createElement(_decorator3.WebChatDecorator,null,_react2.default.createElement(_decorator.DecoratorComposer,{middleware:Ai},e)))))),Pi= exports.FluentThemeProvider =_react.memo.call(void 0, Wi);var ji="tsup",Vi="commonjs",Zi="4.18.1-main.20250213.c8c5744",zu= exports.buildInfo ={buildTool:ji,moduleFormat:Vi,version:Zi};_injectmetatag.injectMetaTag.call(void 0, "botframework-webchat:fluent-theme","version=4.18.1-main.20250213.c8c5744; build-tool=tsup; module-format=commonjs");exports.FluentThemeProvider = Pi; exports.buildInfo = zu; exports.testIds = m;
 /*! For license information please see botframework-webchat-fluent-theme.js.LEGAL.txt */
 //# sourceMappingURL=botframework-webchat-fluent-theme.js.map

package/dist/botframework-webchat-fluent-theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/private/FluentThemeProvider.tsx","../src/components/activity/ActivityDecorator.tsx","../src/private/createComposer.tsx","../src/private/VariantComposer.ts","../src/private/useVariants.ts","../../styles/src/private/makeCreateStyles.ts","../src/styles/createStyles.ts","../../styles/src/react/private/useStyles.ts","/__w/1/s/BotFramework-WebChat/packages/fluent-theme/dist/botframework-webchat-fluent-theme.js"],"names":["createComposer","Provider","defaults","displayName","Composer","children","props","value","useMemo","React","memo","VariantContext","createContext","VariantComposer","VariantComposer_default","useVariants","variant","useContext","createStyle","content","style","makeCreateStyles","contents","fluentStyleContent","createStyles_default","n","useStyles","styles","baseClassName","resultClassName"],"mappings":"AAAA,yNAA8B,8ECCH,qEACM,4EACW,gGCF7B,SCCRA,EAAAA,CAGL,CAAE,QAAA,CAAAC,CAAS,CAAA,CAAe,CAAE,QAAA,CAAAC,CAAAA,CAAU,WAAA,CAAAC,CAAY,CAAA,CAA6D,CAC/G,IAAMC,CAAAA,CAAW,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAA,EAAmB,CACxD,IAAMC,CAAAA,CAAQC,4BAAAA,CAAQ,CAAA,EAAM,MAAA,CAAO,MAAA,CAAO,CAAE,GAAGN,CAAAA,CAAU,GAAGI,CAAM,CAAC,CAAA,CAAG,CAACA,CAAK,CAAC,CAAA,CAE7E,OAAOG,eAAAA,CAAA,aAAA,CAACR,CAAAA,CAAA,CAAS,KAAA,CAAOM,CAAAA,CAAAA,CAAQF,CAAS,CAC3C,CAAA,CAEA,OAAAD,CAAAA,CAAS,WAAA,CAAcD,CAAAA,CAEhBO,yBAAAA,CAAa,CACtB,CCHO,IAAMC,EAAAA,CAAiBC,kCAAAA,IACxB,KAAA,CACF,CAAC,CAAA,CACD,CACE,GAAA,CAAA,CAAM,CACJ,MAAM,IAAI,KAAA,CAAM,sDAAsD,CACxE,CACF,CACF,CACF,CAAA,CAEMC,EAAAA,CAAkBb,EAAAA,CAAmCW,EAAAA,CAAgB,CACzE,QAAA,CAAU,CAAE,OAAA,CAAS,EAAG,CAAA,CACxB,WAAA,CAAa,iBACf,CAAC,CAAA,CAEMG,EAAAA,CAAQD,EAAAA,CCzBA,SAARE,CAAAA,CAAAA,CAA+B,CACpC,GAAM,CAAE,OAAA,CAAAC,CAAQ,CAAA,CAAIC,+BAAAA,EAAyB,CAAA,CAC7C,OAAOT,4BAAAA,CAAQ,CAAA,EAAMQ,CAAAA,CAAQ,KAAA,CAAM,GAAG,CAAA,CAAG,CAACA,CAAO,CAAC,CACpD,CCNA,SAASE,EAAAA,CAAYC,CAAAA,CAAiB,CACpC,IAAMC,CAAAA,CAAQ,QAAA,CAAS,aAAA,CAAc,OAAO,CAAA,CAE5C,OAAAA,CAAAA,CAAM,MAAA,CAAO,QAAA,CAAS,cAAA,CAAeD,CAAO,CAAC,CAAA,CAEtCC,CACT,CAEe,SAARC,EAAAA,CAAAA,GAAqCC,CAAAA,CAAoB,CAC9D,OAAO,QAAA,CAAA,CAAwB,CAC7B,EAAA,CAAI,CAAC,UAAA,CAAW,QAAA,CACd,MAAM,IAAI,KAAA,CAAM,kDAAkD,CAAA,CAGpE,OAAOA,CAAAA,CAAS,GAAA,CAAIH,CAAAA,EAAWD,EAAAA,CAAYC,CAAO,CAAC,CACrD,CACF,CCdO,IAAMI,EAAAA,CAAqB,s5kDAAA,CAE3BC,EAAAA,CAAQC,EAAAA,CAAiBF,EAAkB,CAAA,CCJlD,SAESG,EAAAA,CAAsCC,CAAAA,CAAc,CAE3D,OAAOnB,4BAAAA,CACL,CAAA,EACE,MAAA,CAAO,MAAA,CACL,MAAA,CAAO,WAAA,CACL,MAAA,CAAO,OAAA,CAAQmB,CAAM,CAAA,CAAE,GAAA,CAAI,CAAC,CAACC,CAAAA,CAAeC,CAAe,CAAA,CAAA,EAAM,CAC/DD,CAAAA,CACA,CAAA,EAAA;ACTinnD","file":"/__w/1/s/BotFramework-WebChat/packages/fluent-theme/dist/botframework-webchat-fluent-theme.js","sourcesContent":["import { injectMetaTag } from 'inject-meta-tag';\n\nimport FluentThemeProvider from './private/FluentThemeProvider';\nimport testIds from './testIds';\n\nconst buildTool = process.env['build_tool'];\nconst moduleFormat = process.env['module_format'];\nconst version = process.env['npm_package_version'];\n\nconst buildInfo = { buildTool, moduleFormat, version };\n\ninjectMetaTag(\n  'botframework-webchat:fluent-theme',\n  `version=${process.env['npm_package_version']}; build-tool=${process.env['build_tool']}; module-format=${process.env['module_format']}`\n);\n\nexport { FluentThemeProvider, buildInfo, testIds };\n","import { type ActivityMiddleware, type StyleOptions } from 'botframework-webchat-api';\nimport { Components } from 'botframework-webchat-component';\nimport { WebChatDecorator } from 'botframework-webchat-component/decorator';\nimport React, { memo, type ReactNode } from 'react';\n\nimport { ActivityDecorator } from '../components/activity';\nimport { isPreChatMessageActivity, PreChatMessageActivity } from '../components/preChatActivity';\nimport { PrimarySendBox } from '../components/sendBox';\nimport { TelephoneKeypadProvider } from '../components/telephoneKeypad';\nimport { WebChatTheme } from '../components/theme';\nimport { createStyles } from '../styles';\nimport VariantComposer, { VariantList } from './VariantComposer';\nimport { isLinerMessageActivity, LinerMessageActivity } from '../components/linerActivity';\n\nconst { ThemeProvider } = Components;\n\ntype Props = Readonly<{ children?: ReactNode | undefined; variant?: VariantList | undefined }>;\n\nconst activityMiddleware: readonly ActivityMiddleware[] = Object.freeze([\n  () =>\n    next =>\n    (...args) => {\n      const activity = args[0]?.activity;\n\n      // TODO: Should show pre-chat only when it is the very first message in the chat history.\n      if (isPreChatMessageActivity(activity)) {\n        return () => <PreChatMessageActivity activity={activity} />;\n      }\n\n      if (isLinerMessageActivity(activity)) {\n        return () => <LinerMessageActivity activity={activity} />;\n      }\n\n      const renderActivity = next(...args);\n\n      return renderActivity\n        ? (...args) => <ActivityDecorator activity={activity}>{renderActivity(...args)}</ActivityDecorator>\n        : renderActivity;\n    }\n]);\n\nconst sendBoxMiddleware = [() => () => () => PrimarySendBox];\n\nconst styles = createStyles();\n\nconst fluentStyleOptions: StyleOptions = Object.freeze({\n  feedbackActionsPlacement: 'activity-actions'\n});\n\nconst FluentThemeProvider = ({ children, variant = 'fluent' }: Props) => (\n  <VariantComposer variant={variant}>\n    <WebChatTheme>\n      <TelephoneKeypadProvider>\n        <ThemeProvider\n          activityMiddleware={activityMiddleware}\n          sendBoxMiddleware={sendBoxMiddleware}\n          styleOptions={fluentStyleOptions}\n          styles={styles}\n        >\n          <WebChatDecorator>{children}</WebChatDecorator>\n        </ThemeProvider>\n      </TelephoneKeypadProvider>\n    </WebChatTheme>\n  </VariantComposer>\n);\n\nexport default memo(FluentThemeProvider);\n","import { WebChatActivity } from 'botframework-webchat-component';\nimport cx from 'classnames';\nimport React, { ReactNode, memo } from 'react';\nimport useVariants from '../../private/useVariants';\nimport { useStyles, useVariantClassName } from '../../styles';\nimport styles from './ActivityDecorator.module.css';\nimport CopilotMessageHeader from './CopilotMessageHeader';\n\nfunction ActivityDecorator({ activity, children }: Readonly<{ activity: WebChatActivity; children: ReactNode }>) {\n  const classNames = useStyles(styles);\n  const variants = useVariants();\n  const variantClassName = useVariantClassName(styles);\n\n  const shouldRenderHeader = variants.includes('copilot') && activity?.from?.role === 'bot' && !!children;\n\n  return (\n    <div className={cx(classNames['activity-decorator'], variantClassName)}>\n      {shouldRenderHeader && <CopilotMessageHeader activity={activity} />}\n      {children}\n    </div>\n  );\n}\n\nActivityDecorator.displayName = 'ActivityDecorator';\n\nexport default memo(ActivityDecorator);\n","import React, { type Context, memo, type ReactNode, useMemo } from 'react';\n\nexport default function createComposer<\n  C,\n  P extends { children?: ReactNode | undefined } = Partial<C> & { children?: ReactNode | undefined }\n>({ Provider }: Context<C>, { defaults, displayName }: Readonly<{ defaults: Readonly<C>; displayName: string }>) {\n  const Composer = ({ children, ...props }: Readonly<P>) => {\n    const value = useMemo(() => Object.freeze({ ...defaults, ...props }), [props]);\n\n    return <Provider value={value}>{children}</Provider>;\n  };\n\n  Composer.displayName = displayName;\n\n  return memo(Composer);\n}\n","import { createContext } from 'react';\n\nimport createComposer from './createComposer';\n\ntype VariantName = 'fluent' | 'copilot' | '';\n\nexport type VariantList = `${VariantName}`;\n\nexport type VariantContextType = {\n  variant: VariantList;\n};\n\nexport const VariantContext = createContext<VariantContextType>(\n  new Proxy(\n    {},\n    {\n      get() {\n        throw new Error('Unable to use VariantContext without VariantComposer');\n      }\n    }\n  ) as unknown as VariantContextType\n);\n\nconst VariantComposer = createComposer<VariantContextType>(VariantContext, {\n  defaults: { variant: '' },\n  displayName: 'VariantComposer'\n});\n\nexport default VariantComposer;\n","import { useContext, useMemo } from 'react';\nimport { VariantContext } from './VariantComposer';\n\nexport default function useVariants() {\n  const { variant } = useContext(VariantContext);\n  return useMemo(() => variant.split(' '), [variant]);\n}\n","function createStyle(content: string) {\n  const style = document.createElement('style');\n\n  style.append(document.createTextNode(content));\n\n  return style;\n}\n\nexport default function makeCreateStyles(...contents: string[]) {\n  return function createStyles() {\n    if (!globalThis.document) {\n      throw new Error('Unable to create styles: document is not defined');\n    }\n\n    return contents.map(content => createStyle(content));\n  };\n}\n","import { makeCreateStyles } from 'botframework-webchat-styles';\n\nexport const fluentStyleContent = '@--FLUENT-STYLES-CONTENT--@';\n\nexport default makeCreateStyles(fluentStyleContent);\n","import { useMemo } from 'react';\n\nfunction useStyles<T extends CSSModuleClasses>(styles: T): T {\n  // @ts-expect-error: entries/fromEntries don't allow to specify keys type\n  return useMemo(\n    () =>\n      Object.freeze(\n        Object.fromEntries(\n          Object.entries(styles).map(([baseClassName, resultClassName]) => [\n            baseClassName,\n            `${baseClassName} ${resultClassName}`\n          ])\n        )\n      ),\n    [styles]\n  );\n}\n\nexport default useStyles;\n",null]}
+{"version":3,"sources":["../src/index.ts","../src/private/FluentThemeProvider.tsx","../src/components/activity/ActivityDecorator.tsx","../src/private/createComposer.tsx","../src/private/VariantComposer.ts","../src/private/useVariants.ts","../../styles/src/private/makeCreateStyles.ts","../src/styles/createStyles.ts","../../styles/src/react/private/useStyles.ts","/__w/1/s/BotFramework-WebChat/packages/fluent-theme/dist/botframework-webchat-fluent-theme.js"],"names":["createComposer","Provider","defaults","displayName","Composer","children","props","value","useMemo","React","memo","VariantContext","createContext","VariantComposer","VariantComposer_default","useVariants","variant","useContext","createStyle","content","style","makeCreateStyles","contents","fluentStyleContent","createStyles_default","n","useStyles","styles","baseClassName","resultClassName"],"mappings":"AAAA,yNAA8B,+DCCyB,8EAC5B,sEACM,4EACW,gGCH7B,SCCRA,EAAAA,CAGL,CAAE,QAAA,CAAAC,CAAS,CAAA,CAAe,CAAE,QAAA,CAAAC,CAAAA,CAAU,WAAA,CAAAC,CAAY,CAAA,CAA6D,CAC/G,IAAMC,CAAAA,CAAW,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAA,EAAmB,CACxD,IAAMC,CAAAA,CAAQC,4BAAAA,CAAQ,CAAA,EAAM,MAAA,CAAO,MAAA,CAAO,CAAE,GAAGN,CAAAA,CAAU,GAAGI,CAAM,CAAC,CAAA,CAAG,CAACA,CAAK,CAAC,CAAA,CAE7E,OAAOG,eAAAA,CAAA,aAAA,CAACR,CAAAA,CAAA,CAAS,KAAA,CAAOM,CAAAA,CAAAA,CAAQF,CAAS,CAC3C,CAAA,CAEA,OAAAD,CAAAA,CAAS,WAAA,CAAcD,CAAAA,CAEhBO,yBAAAA,CAAa,CACtB,CCHO,IAAMC,EAAAA,CAAiBC,kCAAAA,IACxB,KAAA,CACF,CAAC,CAAA,CACD,CACE,GAAA,CAAA,CAAM,CACJ,MAAM,IAAI,KAAA,CAAM,sDAAsD,CACxE,CACF,CACF,CACF,CAAA,CAEMC,EAAAA,CAAkBb,EAAAA,CAAmCW,EAAAA,CAAgB,CACzE,QAAA,CAAU,CAAE,OAAA,CAAS,EAAG,CAAA,CACxB,WAAA,CAAa,iBACf,CAAC,CAAA,CAEMG,EAAAA,CAAQD,EAAAA,CCzBA,SAARE,CAAAA,CAAAA,CAA+B,CACpC,GAAM,CAAE,OAAA,CAAAC,CAAQ,CAAA,CAAIC,+BAAAA,EAAyB,CAAA,CAC7C,OAAOT,4BAAAA,CAAQ,CAAA,EAAMQ,CAAAA,CAAQ,KAAA,CAAM,GAAG,CAAA,CAAG,CAACA,CAAO,CAAC,CACpD,CCNA,SAASE,EAAAA,CAAYC,CAAAA,CAAiB,CACpC,IAAMC,CAAAA,CAAQ,QAAA,CAAS,aAAA,CAAc,OAAO,CAAA,CAE5C,OAAAA,CAAAA,CAAM,MAAA,CAAO,QAAA,CAAS,cAAA,CAAeD,CAAO,CAAC,CAAA,CAEtCC,CACT,CAEe,SAARC,EAAAA,CAAAA,GAAqCC,CAAAA,CAAoB,CAC9D,OAAO,QAAA,CAAA,CAAwB,CAC7B,EAAA,CAAI,CAAC,UAAA,CAAW,QAAA,CACd,MAAM,IAAI,KAAA,CAAM,kDAAkD,CAAA,CAGpE,OAAOA,CAAAA,CAAS,GAAA,CAAIH,CAAAA,EAAWD,EAAAA,CAAYC,CAAO,CAAC,CACrD,CACF,CCdO,IAAMI,EAAAA,CAAqB,0vlDAAA,CAE3BC,EAAAA,CAAQC,EAAAA,CAAiBF,EAAkB,CAAA,CCJlD,SAESG,EAAAA,CAAsCC,CAAAA,CAAc,CAE3D,OAAOnB,4BAAAA,CACL,CAAA,EACE,MAAA,CAAO,MAAA,CACL,MAAA,CAAO,WAAA,CACL,MAAA,CAAO,OAAA,CAAQmB,CAAM,CAAA,CAAE,GAAA,CAAI,CAAC,CAACC,CAAAA,CAAeC,CAAe,CAAA,CAAA,EAAM,CAC/DD,CAAAA,CACA,CAAA,EAAA;ACT6hoD","file":"/__w/1/s/BotFramework-WebChat/packages/fluent-theme/dist/botframework-webchat-fluent-theme.js","sourcesContent":["import { injectMetaTag } from 'inject-meta-tag';\n\nimport FluentThemeProvider from './private/FluentThemeProvider';\nimport testIds from './testIds';\n\nconst buildTool = process.env['build_tool'];\nconst moduleFormat = process.env['module_format'];\nconst version = process.env['npm_package_version'];\n\nconst buildInfo = { buildTool, moduleFormat, version };\n\ninjectMetaTag(\n  'botframework-webchat:fluent-theme',\n  `version=${process.env['npm_package_version']}; build-tool=${process.env['build_tool']}; module-format=${process.env['module_format']}`\n);\n\nexport { FluentThemeProvider, buildInfo, testIds };\n","import { type ActivityMiddleware, type StyleOptions } from 'botframework-webchat-api';\nimport { DecoratorComposer, DecoratorMiddleware } from 'botframework-webchat-api/decorator';\nimport { Components } from 'botframework-webchat-component';\nimport { WebChatDecorator } from 'botframework-webchat-component/decorator';\nimport React, { memo, type ReactNode } from 'react';\n\nimport { ActivityDecorator } from '../components/activity';\nimport ActivityLoader from '../components/activity/ActivityLoader';\nimport { isPreChatMessageActivity, PreChatMessageActivity } from '../components/preChatActivity';\nimport { PrimarySendBox } from '../components/sendBox';\nimport { TelephoneKeypadProvider } from '../components/telephoneKeypad';\nimport { WebChatTheme } from '../components/theme';\nimport { createStyles } from '../styles';\nimport VariantComposer, { VariantList } from './VariantComposer';\nimport { isLinerMessageActivity, LinerMessageActivity } from '../components/linerActivity';\n\nconst { ThemeProvider } = Components;\n\ntype Props = Readonly<{ children?: ReactNode | undefined; variant?: VariantList | undefined }>;\n\nconst activityMiddleware: readonly ActivityMiddleware[] = Object.freeze([\n  () =>\n    next =>\n    (...args) => {\n      const activity = args[0]?.activity;\n\n      // TODO: Should show pre-chat only when it is the very first message in the chat history.\n      if (isPreChatMessageActivity(activity)) {\n        return () => <PreChatMessageActivity activity={activity} />;\n      }\n\n      if (isLinerMessageActivity(activity)) {\n        return () => <LinerMessageActivity activity={activity} />;\n      }\n\n      const renderActivity = next(...args);\n\n      return renderActivity\n        ? (...args) => <ActivityDecorator activity={activity}>{renderActivity(...args)}</ActivityDecorator>\n        : renderActivity;\n    }\n]);\n\nconst sendBoxMiddleware = [() => () => () => PrimarySendBox];\n\nconst decoratorMiddleware: DecoratorMiddleware[] = [\n  init =>\n    init === 'activity border' &&\n    (next => request => (request.livestreamingState === 'preparing' ? ActivityLoader : next(request)))\n];\n\nconst styles = createStyles();\n\nconst fluentStyleOptions: StyleOptions = Object.freeze({\n  feedbackActionsPlacement: 'activity-actions'\n});\n\nconst FluentThemeProvider = ({ children, variant = 'fluent' }: Props) => (\n  <VariantComposer variant={variant}>\n    <WebChatTheme>\n      <TelephoneKeypadProvider>\n        <ThemeProvider\n          activityMiddleware={activityMiddleware}\n          sendBoxMiddleware={sendBoxMiddleware}\n          styleOptions={fluentStyleOptions}\n          styles={styles}\n        >\n          <WebChatDecorator>\n            <DecoratorComposer middleware={decoratorMiddleware}>{children}</DecoratorComposer>\n          </WebChatDecorator>\n        </ThemeProvider>\n      </TelephoneKeypadProvider>\n    </WebChatTheme>\n  </VariantComposer>\n);\n\nexport default memo(FluentThemeProvider);\n","import { WebChatActivity } from 'botframework-webchat-component';\nimport cx from 'classnames';\nimport React, { ReactNode, memo } from 'react';\nimport useVariants from '../../private/useVariants';\nimport { useStyles, useVariantClassName } from '../../styles';\nimport styles from './ActivityDecorator.module.css';\nimport CopilotMessageHeader from './CopilotMessageHeader';\n\nfunction ActivityDecorator({ activity, children }: Readonly<{ activity: WebChatActivity; children: ReactNode }>) {\n  const classNames = useStyles(styles);\n  const variants = useVariants();\n  const variantClassName = useVariantClassName(styles);\n\n  const shouldRenderHeader = variants.includes('copilot') && activity?.from?.role === 'bot' && !!children;\n\n  return (\n    <div className={cx(classNames['activity-decorator'], variantClassName)}>\n      {shouldRenderHeader && <CopilotMessageHeader activity={activity} />}\n      {children}\n    </div>\n  );\n}\n\nActivityDecorator.displayName = 'ActivityDecorator';\n\nexport default memo(ActivityDecorator);\n","import React, { type Context, memo, type ReactNode, useMemo } from 'react';\n\nexport default function createComposer<\n  C,\n  P extends { children?: ReactNode | undefined } = Partial<C> & { children?: ReactNode | undefined }\n>({ Provider }: Context<C>, { defaults, displayName }: Readonly<{ defaults: Readonly<C>; displayName: string }>) {\n  const Composer = ({ children, ...props }: Readonly<P>) => {\n    const value = useMemo(() => Object.freeze({ ...defaults, ...props }), [props]);\n\n    return <Provider value={value}>{children}</Provider>;\n  };\n\n  Composer.displayName = displayName;\n\n  return memo(Composer);\n}\n","import { createContext } from 'react';\n\nimport createComposer from './createComposer';\n\ntype VariantName = 'fluent' | 'copilot' | '';\n\nexport type VariantList = `${VariantName}`;\n\nexport type VariantContextType = {\n  variant: VariantList;\n};\n\nexport const VariantContext = createContext<VariantContextType>(\n  new Proxy(\n    {},\n    {\n      get() {\n        throw new Error('Unable to use VariantContext without VariantComposer');\n      }\n    }\n  ) as unknown as VariantContextType\n);\n\nconst VariantComposer = createComposer<VariantContextType>(VariantContext, {\n  defaults: { variant: '' },\n  displayName: 'VariantComposer'\n});\n\nexport default VariantComposer;\n","import { useContext, useMemo } from 'react';\nimport { VariantContext } from './VariantComposer';\n\nexport default function useVariants() {\n  const { variant } = useContext(VariantContext);\n  return useMemo(() => variant.split(' '), [variant]);\n}\n","function createStyle(content: string) {\n  const style = document.createElement('style');\n\n  style.append(document.createTextNode(content));\n\n  return style;\n}\n\nexport default function makeCreateStyles(...contents: string[]) {\n  return function createStyles() {\n    if (!globalThis.document) {\n      throw new Error('Unable to create styles: document is not defined');\n    }\n\n    return contents.map(content => createStyle(content));\n  };\n}\n","import { makeCreateStyles } from 'botframework-webchat-styles';\n\nexport const fluentStyleContent = '@--FLUENT-STYLES-CONTENT--@';\n\nexport default makeCreateStyles(fluentStyleContent);\n","import { useMemo } from 'react';\n\nfunction useStyles<T extends CSSModuleClasses>(styles: T): T {\n  // @ts-expect-error: entries/fromEntries don't allow to specify keys type\n  return useMemo(\n    () =>\n      Object.freeze(\n        Object.fromEntries(\n          Object.entries(styles).map(([baseClassName, resultClassName]) => [\n            baseClassName,\n            `${baseClassName} ${resultClassName}`\n          ])\n        )\n      ),\n    [styles]\n  );\n}\n\nexport default useStyles;\n",null]}