botframework-webchat-fluent-theme 4.18.1-main.20240927.ea7a875 → 4.18.1-main.20241008.1d59ded
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/botframework-webchat-fluent-theme.css.map +1 -1
- package/dist/botframework-webchat-fluent-theme.development.css.map +1 -1
- package/dist/botframework-webchat-fluent-theme.development.js +8 -8
- package/dist/botframework-webchat-fluent-theme.development.js.map +1 -1
- package/dist/botframework-webchat-fluent-theme.js +1 -1
- package/dist/botframework-webchat-fluent-theme.js.map +1 -1
- package/dist/botframework-webchat-fluent-theme.mjs +1 -1
- package/dist/botframework-webchat-fluent-theme.mjs.map +1 -1
- package/dist/botframework-webchat-fluent-theme.production.min.css.map +1 -1
- package/dist/botframework-webchat-fluent-theme.production.min.js +8 -8
- package/dist/botframework-webchat-fluent-theme.production.min.js.map +1 -1
- package/package.json +8 -6
- package/src/components/activity/ActivityDecorator.module.css +37 -14
- package/src/components/activity/CopilotMessageHeader.module.css +0 -1
- package/src/components/dropZone/DropZone.module.css +2 -2
- package/src/components/linerActivity/private/LinerMessageActivity.module.css +3 -3
- package/src/components/sendBox/Attachments.module.css +1 -1
- package/src/components/sendBox/SendBox.module.css +3 -4
- package/src/components/sendBox/TextArea.module.css +3 -3
- package/src/components/sendBox/Toolbar.module.css +7 -5
- package/src/components/suggestedActions/SuggestedAction.module.css +6 -6
- package/src/components/suggestedActions/SuggestedActions.module.css +2 -3
- package/src/components/telephoneKeypad/private/Button.module.css +2 -3
- package/src/components/telephoneKeypad/private/TelephoneKeypad.module.css +0 -1
- package/src/components/theme/Theme.module.css +53 -23
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";var eo=Object.create;var me=Object.defineProperty;var to=Object.getOwnPropertyDescriptor;var ao=Object.getOwnPropertyNames;var oo=Object.getPrototypeOf,ro=Object.prototype.hasOwnProperty;var no=(e,t)=>{for(var a in t)me(e,a,{get:t[a],enumerable:!0})},st=(e,t,a,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ao(t))!ro.call(e,r)&&r!==a&&me(e,r,{get:()=>t[r],enumerable:!(o=to(t,r))||o.enumerable});return e};var s=(e,t,a)=>(a=e!=null?eo(oo(e)):{},st(t||!e||!e.__esModule?me(a,"default",{value:e,enumerable:!0}):a,e)),io=e=>st(me({},"__esModule",{value:!0}),e);var Yr={};no(Yr,{FluentThemeProvider:()=>Ua,buildInfo:()=>$r,testIds:()=>g});module.exports=io(Yr);var Za=require("inject-meta-tag");var Xa=require("botframework-webchat-component"),Oa=require("botframework-webchat-component/decorator"),A=s(require("react"));var xt=s(require("classnames")),ae=s(require("react"));var ge=require("react");var dt=require("react");var $=s(require("react"));function Te({Provider:e},{defaults:t,displayName:a}){let o=({children:r,...n})=>{let l=(0,$.useMemo)(()=>Object.freeze({...t,...n}),[n]);return $.default.createElement(e,{value:l},r)};return o.displayName=a,(0,$.memo)(o)}var Ce=(0,dt.createContext)(new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),lo=Te(Ce,{defaults:{variant:""},displayName:"VariantComposer"}),bt=lo;function te(){let{variant:e}=(0,ge.useContext)(Ce);return(0,ge.useMemo)(()=>e.split(" "),[e])}var ut=require("botframework-webchat-styles"),co=".webchat-fluent .e{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-maxWidth: var(--bubble-maxWidth, 450px);--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 .e:has(.webchat__stacked-layout .webchat__bubble--from-user){--webchat__bubble--background-color: var(--webchat-colorBrandBackground2);--webchat__bubble--block-padding: var(--webchat-spacingVerticalS)}.webchat-fluent .e.p{--webchat__bubble--background-color: var(--webchat-colorNeutralBackground1);--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge);--webchat__bubble--box-shadow: var(--webchat-shadow4)}.webchat-fluent .e.o{--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge)}.webchat-fluent .e.o .webchat__activity-status{margin:0 0 var(--webchat-spacingHorizontalXXS)}.webchat-fluent .e.o .webchat__stacked-layout__status{order:-1}.webchat-fluent .e.o:has(.webchat__bubble--from-user) .webchat__bubble{margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .e.o .webchat__bubble .webchat__text-content .webchat__text-content__generated-badge{display:none}.webchat-fluent .e.o: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 .e.o:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout{margin:0;position:static}.webchat-fluent .e.o:not(:has(.webchat__bubble--from-user)) .webchat__bubble{position:static;width:var(--webchat__bubble--max-width)}.webchat-fluent .e.o:not(:has(.webchat__bubble--from-user)) .webchat__bubble .webchat__bubble__content{overflow:visible}.webchat-fluent .e.o:not(:has(.webchat__bubble--from-user)) .webchat__text-content{margin-inline-start:28px}.webchat-fluent .e.o: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 .e.o: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 .e.o:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout__status{display:none}.webchat-fluent .e .webchat__basic-transcript__activity-body:not(:empty){padding-block-end:var(--webchat-spacingVerticalXL)}.webchat-fluent .e .webchat__stacked-layout{display:flex;flex-flow:column nowrap}.webchat-fluent .e .webchat__stacked-layout .webchat__stacked-layout__content:has(.webchat__bubble){max-width:100%;overflow:visible}.webchat-fluent .e .webchat__stacked-layout .webchat__stacked-layout__status{font-size:var(--webchat__font-size--small);line-height:var(--webchat__line-height--small)}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble{max-width:100%;overflow:visible}.webchat-fluent .e .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:var(--webchat__bubble--max-width);min-height:var(--webchat__bubble--min-height)}.webchat-fluent .e .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 .e .webchat__stacked-layout .webchat__bubble .webchat__text-content:empty{padding-block-end:0}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__text-content+.webchat__text-content{margin-top:calc(var(--webchat__bubble--block-padding) * -1)}.webchat-fluent .e .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 .e .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge{cursor:default;font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__fileName{color:var(--webchat-colorBrandForegroundLink);font-family:inherit}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__size{color:var(--webchat-colorNeutralForeground2);font-family:inherit}.webchat-fluent .e .border-loader{max-width:100%;width:var(--webchat__bubble--max-width)}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier){color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .e .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 .e .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 .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .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 .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .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 .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .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 .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):before,:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):after{all:unset}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):has(.webchat__render-markdown__external-link-icon){padding-inline:3px}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .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 .e .webchat__link-definitions__header{border-radius:var(--webchat-borderRadiusMedium)}.webchat-fluent .e .webchat__link-definitions__header .webchat__link-definitions__header-text{color:var(--webchat-colorNeutralForeground3)}.webchat-fluent .e .webchat__link-definitions__header .webchat__link-definitions__header-chevron{fill:var(--webchat-colorNeutralForeground3);font-size:var(--webchat__font-size--small);width:1em}.webchat-fluent .e .webchat__link-definitions__header:focus-visible{outline-offset:1px;outline:var(--webchat-strokeWidthThin) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent .e .webchat__link-definitions{--webchat__citation__external-link--mask: var(--webchat-externalLink-mask);--webchat__citation__link--max-width: var(--webchat-externalLink-maxWidth)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list{color:var(--webchat__color--subtle);display:flex;flex-flow:row wrap;gap:var(--webchat-spacingHorizontalS)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item{border-radius:var(--webchat-borderRadiusMedium);max-width:var(--webchat__citation__link--max-width)}.webchat-fluent .e .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 .e .webchat__link-definitions .webchat__link-definitions__list-item-body{font-family:inherit;gap:var(--webchat-spacingHorizontalSNudge);min-width:0;padding:0}.webchat-fluent .e .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 .e .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 .e .webchat__link-definitions .webchat__link-definitions__list-item-main-text{gap:var(--webchat-spacingHorizontalXS)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-text{color:currentColor;text-decoration:none;text-overflow:ellipsis}.webchat-fluent .e .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 .e .webchat__link-definitions :is(.webchat__link-definitions__list-item-badge,.webchat__link-definitions__open-in-new-window-icon){display:none}.webchat-fluent .v{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 ._{aspect-ratio:1;background-color:var(--background-color);border-radius:var(--webchat-borderRadiusSmall);width:20px}.webchat-fluent .f{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 .x{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 .k{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 .m{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 .B{opacity:60%}.webchat-fluent .B .t{filter:grayscale(1)}.webchat-fluent .t{border-radius:var(--webchat-borderRadiusMedium);height:64px;margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .y{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 .N{font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300);overflow-wrap:anywhere}.webchat-fluent .S{grid-area:toolbar}.webchat-fluent .z{-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 .z:has(.l){grid-template-areas:\"image title\" \"image subtitle\";grid-template-columns:20px 1fr}.webchat-fluent .z:empty{row-gap:14px}.webchat-fluent .z:is([aria-disabled=true],:empty){cursor:default}.webchat-fluent .z[aria-disabled=true]:not(:empty){background-color:var(--webchat-colorNeutralBackgroundDisabled)}.webchat-fluent .z:hover:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Hover)}.webchat-fluent .z:active:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Pressed)}.webchat-fluent .z:focus-visible{outline:solid 2px var(--webchat-colorStrokeFocus2);outline-offset:-2px}.webchat-fluent .z:empty:after,.webchat-fluent .z:empty:before{animation:c 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 .z:empty:after,.webchat-fluent .z:empty:before{animation-delay:-1s;animation-play-state:paused}}.webchat-fluent .z:dir(rtl):empty:after,.webchat-fluent .z:dir(rtl):empty:before{animation-direction:reverse}.webchat-fluent .z:empty:after{border-radius:16px;height:16px;width:100%}.webchat-fluent .z:empty:before{border-radius:18px;height:18px;width:66%}@keyframes c{0%{background-position-x:0%}to{background-position-x:-300%}}.webchat-fluent .l{grid-area:image;height:20px;width:20px}.webchat-fluent .H{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightRegular);grid-area:subtitle;line-height:20px;pointer-events:none}.webchat-fluent .F{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightSemibold);grid-area:title;line-height:20px}.webchat-fluent .X{container-name:i;container-type:inline-size}.webchat-fluent .n{display:grid;gap:var(--webchat-spacingHorizontalM);grid-template-columns:1fr 1fr 1fr;padding:0}@container i (width <= 480px){.webchat-fluent .n{grid-template-columns:1fr}}.webchat-fluent .L{background-color:var(--webchat-colorNeutralBackground4);border-radius:inherit;cursor:copy;display:grid;gap:8px;inset:0;place-content:center;place-items:center;position:absolute}.webchat-fluent .M{background-color:#e00;color:#fff}.webchat-fluent .W{height:36px;pointer-events:none;width:36px}.webchat-fluent .V{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 .V:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .V:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .V[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .R{font-size:var(--webchat-fontSizeBase200);height:1em;width:1em}.webchat-fluent .P{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .P:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .P.T{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .P.D{flex-direction:column}.webchat-fluent .b{-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 .b:hover{background-color:var(--webchat-colorGray30)}.webchat-fluent .d{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .h{font-size:24px;margin-top:8px}.webchat-fluent .C .b{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .C .d{display:none}.webchat-fluent .C .h{font-size:20px;margin-top:0}.webchat-fluent .G{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 .U{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 .j{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .A{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .A:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .A:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .A:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .A:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .I{--webchat__sendbox-button-height: 32px;display:flex;gap:4px;height:var(--webchat__sendbox-button-height);margin-inline-start:auto}.webchat-fluent .E{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 .E>svg{font-size:20px;pointer-events:none}.webchat-fluent .E.q{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .E:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .E:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .E[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .J{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .J:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .K{display:grid}.webchat-fluent .O{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .Q{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .Y{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .s{--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 .s.Z .g:not(.u){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(.w){--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>.ae{grid-area:text-area}.webchat-fluent .ee>.w{grid-area:attachment}.webchat-fluent .ee>.re{grid-area:controls}.webchat-fluent .ee>.oe{grid-area:telephone-keypad}.webchat-fluent .te{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 .te:focus-within{font-size:16px}}.webchat-fluent .le{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .g{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .u{color:var(--webchat-colorStatusDangerForeground1)}.webchat-fluent .ce{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .ie{height:0;visibility:collapse}.webchat-fluent .ne{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .be{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .de{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent .he{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .he::-webkit-scrollbar{width:8px}.webchat-fluent .he::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .he::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .he::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent.a{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-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-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-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(--strokeWidthThicker, 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.a{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent.a .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.a.r .webchat__css-custom-properties{--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalXL) var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.a .webchat__surface{background-color:var(--webchat__color--surface)}.webchat-fluent.a.r .webchat__surface{box-sizing:border-box;padding-inline-start:var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralForeground5) transparent;-moz-scrollbar-width:thin}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge);visibility:hidden}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable:hover::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge)}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable: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}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable: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.a.r .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-gutter:stable}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__terminator:focus-visible+.webchat__basic-transcript__focus-indicator{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.a .webchat__basic-transcript:not(:focus-visible) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent.a .webchat__basic-transcript:focus-visible:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__focus-indicator{display:none}.webchat-fluent.a .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.a .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__bubble:after,.webchat-fluent.a .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.a .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.a .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.a.r .webchat__basic-transcript .webchat__basic-transcript__filler{flex-grow:0}.webchat-fluent.a .webchat__basic-transcript:has(.webchat__basic-transcript__activity:only-child):has(.pre-chat-message-activity) .webchat__basic-transcript__filler{flex-grow:.5}.webchat-fluent.a .webchat__modal-dialog{height:100%;display:grid;place-items:center}.webchat-fluent.a .webchat__modal-dialog::backdrop{background-color:var(--webchat-colorTransparentBackground)}.webchat-fluent.a .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.a .webchat__modal-dialog .webchat__modal-dialog__close-button{color:var(--webchat-colorNeutralForeground1);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:not(:active):hover{background-color:var(--webchat-colorNeutralBackground3)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:active{background-color:var(--webchat-colorNeutralBackground4)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:focus-visible){border:none}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button-image{fill:currentColor}.webchat-fluent.a .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.a .webchat__activity-button:hover{background:var(--webchat-colorNeutralBackground1Hover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Hover);color:var(--webchat-colorNeutralForeground1Hover)}.webchat-fluent.a .webchat__activity-button:active{background:var(--webchat-colorNeutralBackground1Pressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Pressed);color:var(--webchat-colorNeutralForeground1Pressed)}.webchat-fluent.a .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.a .webchat__activity-button[aria-disabled=true]{background:var(--webchat-colorNeutralBackgroundDisabled);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStrokeDisabled);color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent.a .webchat__activity-button .webchat__activity-button__icon{height:20px;width:20px}.webchat-fluent.a .webchat__activity-copy-button .webchat__activity-copy-button__copied-text{background-color:var(--webchat-colorNeutralBackground1)}.webchat-fluent.a .webchat__activity-copy-button.webchat__activity-copy-button--copied .webchat__activity-copy-button__copied-text{animation-duration:var(--webchat-durationUltraSlow)}.webchat-fluent.a .webchat__monochrome-image-masker{background-color:var(--webchat-colorNeutralForeground4)}.webchat-fluent .se{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 .se:before,.webchat-fluent .se:after{border-top:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);content:\"\";display:flex;flex:auto;min-width:8px}.webchat-fluent .ge{text-align:center}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n",He=(0,ut.makeCreateStyles)(co);var c=require("botframework-webchat-styles/react");var ht=require("react");function V(e){let t=(0,c.useStyles)(e),a=te();return(0,ht.useMemo)(()=>a.map(o=>t[`variant-${o}`]).filter(o=>o).join(" "),[t,a])}var Me={"activity-decorator":"e","variant-fluent":"p","variant-copilot":"o"};var I=s(require("react")),_t=require("botframework-webchat-component");var pt=require("react"),mt=require("botframework-webchat-component"),{useStyleOptions:bo}=mt.hooks;function Ae(e){let[t]=bo();return(0,pt.useMemo)(()=>Object.freeze([{...t,...e?.channelData?.webChat?.styleOptions}]),[e?.channelData?.webChat?.styleOptions,t])}var gt=require("botframework-webchat-core");function Fe(e){return!!(e&&(0,gt.getOrgSchemaMessage)(e?.entities||[])?.keywords?.includes("AIGeneratedContent"))}var ft=require("react"),wt=require("botframework-webchat-core");function Y(e){return(0,ft.useMemo)(()=>{let t=(0,wt.getOrgSchemaMessage)(e?.entities||[]);return typeof t?.author=="string"?{"@type":"Person",description:void 0,image:void 0,name:t?.author}:t?.author},[e])}var vt={"copilot-message-header":"v","copilot-message-header__avatar":"_","copilot-message-header__title":"f","copilot-message-header__ai-generated-content":"x"};var{useLocalizer:ho}=_t.hooks;function po({activity:e}){let[{botAvatarImage:t,botAvatarBackgroundColor:a}]=Ae(e),o=(0,c.useStyles)(vt),r=ho(),n=Fe(e),l=(0,I.useMemo)(()=>({"--background-color":a}),[a]),i=Y(e),h=i?.image||t,f=i?.name||e?.from?.name;return I.default.createElement("div",{className:o["copilot-message-header"]},h&&I.default.createElement("img",{alt:r("AVATAR_ALT",f),className:o["copilot-message-header__avatar"],src:h,style:l}),I.default.createElement("span",{className:o["copilot-message-header__title"],title:f},f),n&&I.default.createElement("span",{className:o["copilot-message-header__ai-generated-content"]},r("ACTIVITY_CONTENT_CAUTION")))}var yt=(0,I.memo)(po);function kt({activity:e,children:t}){let a=(0,c.useStyles)(Me),o=te(),r=V(Me),n=o.includes("copilot")&&e?.from?.role==="bot"&&!!t;return ae.default.createElement("div",{className:(0,xt.default)(a["activity-decorator"],r)},n&&ae.default.createElement(yt,{activity:e}),t)}kt.displayName="ActivityDecorator";var ze=(0,ae.memo)(kt);var Nt=require("botframework-webchat-core");function q(e){return!!(e&&(0,Nt.getOrgSchemaMessage)(e?.entities||[])?.keywords?.includes("PreChatMessage"))}var Lt=require("botframework-webchat-component"),Et=s(require("classnames")),M=s(require("react"));var St={"pre-chat-message-activity":"k","pre-chat-message-activity__body":"m","pre-chat-message-activity__body--blueprint":"B","pre-chat-message-activity__body-avatar":"t","pre-chat-message-activity__body-title":"y","pre-chat-message-activity__body-subtitle":"N","pre-chat-message-activity__toolbar":"S"};var Mt=require("botframework-webchat-api"),At=s(require("classnames")),S=s(require("react"));var fe=require("botframework-webchat-component"),Le=s(require("classnames")),N=s(require("react")),Tt=require("use-ref-from");var go={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"},g=go;var Bt={"pre-chat-message-activity__card-action-box":"z","pre-chat-message-activity__card-action-image":"l",blueprintAnimation:"c","pre-chat-message-activity__card-action-subtitle":"H","pre-chat-message-activity__card-action-title":"F"};var{useFocus:wo,useRenderMarkdownAsHTML:vo,useSendBoxValue:_o,useUIState:yo}=fe.hooks,{MonochromeImageMasker:xo}=fe.Components,Ct=({className:e,messageBackAction:t})=>{let[a,o]=_o(),[r]=yo(),n=(0,c.useStyles)(Bt),l=wo(),i=(0,Tt.useRefFrom)(t?.displayText||t?.text||""),h=vo("message activity"),f=(0,N.useMemo)(()=>h?{__html:h(t?.text||"")}:void 0,[t?.text,h]),u=r==="disabled",b=t&&"title"in t&&t.title,m=r==="blueprint"||!b,_=(0,N.useCallback)(()=>{o(i.current),l("sendBox")},[l,i,o]);return m?N.default.createElement("div",{className:(0,Le.default)(e,n["pre-chat-message-activity__card-action-box"]),"data-testid":g.preChatMessageActivityStarterPromptsCardAction}):N.default.createElement("button",{"aria-disabled":u?!0:void 0,className:(0,Le.default)(e,n["pre-chat-message-activity__card-action-box"]),"data-testid":g.preChatMessageActivityStarterPromptsCardAction,onClick:u?void 0:_,tabIndex:u?-1:void 0,type:"button"},N.default.createElement("div",{className:n["pre-chat-message-activity__card-action-title"]},b),"image"in t&&t.image&&N.default.createElement(xo,{className:n["pre-chat-message-activity__card-action-image"],src:t.image}),N.default.createElement("div",{className:n["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:f}))};Ct.displayName="StarterPromptsCardAction";var oe=(0,N.memo)(Ct);var Ht={"pre-chat-message-activity__card-action-toolbar":"X","webchat-container":"i","pre-chat-message-activity__card-action-toolbar-grid":"n"};var{useUIState:No}=Mt.hooks,Ft=({cardActions:e,className:t})=>{let a=(0,c.useStyles)(Ht),[o]=No();return S.default.createElement("div",{className:(0,At.default)(t,a["pre-chat-message-activity__card-action-toolbar"])},S.default.createElement("div",{className:a["pre-chat-message-activity__card-action-toolbar-grid"]},o==="blueprint"?S.default.createElement(S.Fragment,null,S.default.createElement(oe,null),S.default.createElement(oe,null),S.default.createElement(oe,null)):e.filter(r=>r.type==="messageBack").map((r,n)=>S.default.createElement(oe,{key:n,messageBackAction:r}))))};Ft.displayName="StarterPromptsToolbar";var zt=(0,S.memo)(Ft);var{useLocalizer:So,useRenderMarkdownAsHTML:Bo,useUIState:To}=Lt.hooks,Pt=({activity:e})=>{let[t]=To(),a=(0,c.useStyles)(St),o=Bo(),r=So(),n=Y(e),l=(0,M.useMemo)(()=>o?{__html:o(n?.description||"")}:{__html:""},[n?.description,o]);return M.default.createElement("div",{className:a["pre-chat-message-activity"]},n&&M.default.createElement("div",{className:(0,Et.default)(a["pre-chat-message-activity__body"],t==="blueprint"&&a["pre-chat-message-activity__body--blueprint"])},n.image&&M.default.createElement("img",{alt:r("AVATAR_ALT",n.name),className:a["pre-chat-message-activity__body-avatar"],src:n.image}),n.name&&M.default.createElement("h2",{className:a["pre-chat-message-activity__body-title"]},n.name),n.description&&M.default.createElement("div",{className:a["pre-chat-message-activity__body-subtitle"],dangerouslySetInnerHTML:l})),M.default.createElement(zt,{cardActions:e.suggestedActions?.actions||[],className:a["pre-chat-message-activity__toolbar"]}))};Pt.displayName="PreChatMessageActivity";var Ee=(0,M.memo)(Pt);var Da=require("botframework-webchat-component"),J=s(require("classnames")),p=s(require("react")),et=require("use-ref-from");var re=s(require("react"));function Co(e){return re.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},re.default.createElement("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",fill:"currentColor"}))}var Pe=(0,re.memo)(Co);var ne=s(require("react"));function Ho(e){return ne.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ne.default.createElement("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",fill:"currentColor"}))}var De=(0,ne.memo)(Ho);var ie=s(require("react"));function Mo(e){return ie.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ie.default.createElement("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",fill:"currentColor"}))}var Ie=(0,ie.memo)(Mo);var le=s(require("react"));function Ao(e){return le.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},le.default.createElement("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",fill:"currentColor"}))}var Re=(0,le.memo)(Ao);var ce=s(require("react"));function Fo(e){return ce.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ce.default.createElement("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",fill:"currentColor"}))}var Ve=(0,ce.memo)(Fo);var Rt=require("botframework-webchat-component"),Vt=s(require("classnames")),x=s(require("react")),Wt=require("use-ref-from");var Dt={"sendbox__attachment-drop-zone":"L","sendbox__attachment-drop-zone--droppable":"M","sendbox__attachment-drop-zone-icon":"W"};var{useLocalizer:Lo}=Rt.hooks,Eo=e=>{e.preventDefault()},It=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function Po(e,t){let a=e.parentNode;for(;a;){if(a===t)return!0;a=a.parentNode}return!1}var Kt=e=>{let[t,a]=(0,x.useState)(!1),o=(0,c.useStyles)(Dt),r=(0,x.useRef)(null),n=Lo(),l=(0,Wt.useRefFrom)(e.onFilesAdded);(0,x.useEffect)(()=>{let h=0,f=b=>{h++,It(b)&&a(r.current&&(b.target===r.current||b.target instanceof HTMLElement&&Po(b.target,r.current))?"droppable":"visible")},u=()=>--h<=0&&a(!1);return document.addEventListener("dragenter",f,!1),document.addEventListener("dragleave",u,!1),()=>{document.removeEventListener("dragenter",f),document.removeEventListener("dragleave",u)}},[a]);let i=(0,x.useCallback)(h=>{h.preventDefault(),a(!1),It(h.nativeEvent)&&l.current([...h.dataTransfer.files])},[l,a]);return t?x.default.createElement("div",{className:(0,Vt.default)(o["sendbox__attachment-drop-zone"],{[o["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":g.sendBoxDropZone,onDragOver:Eo,onDrop:i,ref:r},x.default.createElement(Pe,{className:o["sendbox__attachment-drop-zone-icon"]}),n("TEXT_INPUT_DROP_ZONE")):null};Kt.displayName="DropZone";var We=(0,x.memo)(Kt);var qt=require("botframework-webchat-component"),Jt=s(require("classnames")),R=s(require("react"));function Ke(e){let{title:t}=e,{type:a,value:o}=e;return a==="messageBack"?t||e.displayText:t||(typeof o=="string"?o:JSON.stringify(o))}var w=s(require("react")),Xt=(0,w.createContext)({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function Do(e){let t=(0,w.useRef)(0),a=(0,w.useRef)([]),o=(0,w.useCallback)(({current:u},b)=>u&&(u.tabIndex=t.current===b?0:-1),[t]),r=(0,w.useCallback)(u=>{let b;typeof u=="number"?b=u:b=u(t.current),b&&!a.current.at(b)?.current&&(b=0),t.current!==b&&(t.current=b,a.current.forEach((m,_)=>o(m,_)),a.current.at(b)?.current?.focus())},[o,a,t]),n=(0,w.useCallback)(u=>{let{target:b}=u,m=a.current.findIndex(({current:_})=>_===b);m!==-1&&r(m)},[a,r]),l=(0,w.useCallback)(u=>b=>{let m=!e.direction,_=/up|down/iu.test(u)&&e.direction==="vertical",C=/left|right/iu.test(u)&&e.direction==="horizontal",v=/right|down/iu.test(u),H=m||_||C?v?1:-1:0,F=a.current.map((P,D)=>D),z=F.indexOf(b)+H;return F.at(z)??0},[e.direction]),i=(0,w.useCallback)(u=>{let{key:b}=u;switch(b){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":r(l(b));break;case"Home":r(0);break;case"End":r(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}u.preventDefault(),u.stopPropagation()},[r,l,e]),h=(0,w.useCallback)((u,b)=>{let{current:m}=u;return a.current[Number(b)]=u,m.addEventListener("focus",n),m.addEventListener("keydown",i),o(u,b),()=>{m.removeEventListener("focus",n),m.removeEventListener("keydown",i),delete a.current[Number(b)]}},[n,i,o,a]),f=(0,w.useMemo)(()=>({itemEffector:h}),[h]);return w.default.createElement(Xt.Provider,{value:f},e.children)}function Ot(e){let t=(0,w.useRef)(null),{itemEffector:a}=(0,w.useContext)(Xt);return(0,w.useEffect)(()=>a(t,e)),t}var Ut=(0,w.memo)(Do);var jt=require("botframework-webchat-component"),$t=s(require("classnames")),K=s(require("react"));var W=s(require("react")),Io=e=>e.preventDefault(),Ro=(0,W.forwardRef)(({"aria-hidden":e,children:t,className:a,"data-testid":o,disabled:r,onClick:n,tabIndex:l},i)=>{let h=(0,W.useRef)(null);return W.default.createElement("button",{"aria-disabled":r?"true":void 0,"aria-hidden":e,className:a,"data-testid":o,onClick:r?Io:n,ref:i||h,tabIndex:r?-1:l,type:"button"},t)}),Zt=(0,W.memo)(Ro);var Gt={"suggested-action":"V","suggested-action__image":"R"};var{useFocus:Wo,usePerformCardAction:Ko,useScrollToEnd:Xo,useStyleSet:Oo,useSuggestedActions:Uo,useUIState:Zo}=jt.hooks;function Go({buttonText:e,className:t,displayText:a,image:o,imageAlt:r,itemIndex:n,text:l,type:i,value:h}){let[f,u]=Uo(),[{suggestedAction:b}]=Oo(),[m]=Zo(),_=Wo(),C=Ot(n),v=Ko(),H=(0,c.useStyles)(Gt),F=Xo(),z=(0,K.useCallback)(({target:P})=>{(async function(){await _("sendBoxWithoutKeyboard"),v({displayText:a,text:l,type:i,value:h},{target:P}),i==="openUrl"&&u([]),F()})()},[a,_,v,F,u,l,i,h]);return K.default.createElement(Zt,{className:(0,$t.default)(H["suggested-action"],b+"",(t||"")+""),"data-testid":g.sendBoxSuggestedAction,disabled:m==="disabled",onClick:z,ref:C,type:"button"},o&&K.default.createElement("img",{alt:r,className:H["suggested-action__image"],src:o}),K.default.createElement("span",null,e))}var Yt=(0,K.memo)(Go);var Xe={"suggested-actions":"P","suggested-actions--flow":"T","suggested-actions--stacked":"D"};var{useFocus:$o,useLocalizer:Yo,useStyleOptions:qo,useStyleSet:Jo,useSuggestedActions:Qo,useUIState:er}=qt.hooks;function tr(e){let[{suggestedActionLayout:t}]=qo(),[{suggestedActions:a}]=Jo(),[o]=er(),r=(0,c.useStyles)(Xe);return R.default.createElement("div",{"aria-label":e["aria-label"],"aria-orientation":"vertical",className:(0,Jt.default)(r["suggested-actions"],a+"",{[r["suggested-actions--flow"]]:t==="flow",[r["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},o!=="blueprint"&&e.children)}function ar(){let e=(0,c.useStyles)(Xe),t=Yo(),[a,o,{activity:r}]=Qo(),n=$o(),l=(0,R.useCallback)(()=>{n("sendBox")},[n]),i=q(r)?[]:a.map((h,f)=>{let{displayText:u,image:b,imageAltText:m,text:_,type:C,value:v}=h;return a?.length?R.default.createElement(Yt,{buttonText:Ke(h),displayText:u,image:b,imageAlt:b&&(m||_),itemIndex:f,key:f,text:_,type:C,value:v}):null});return R.default.createElement(Ut,{onEscapeKey:l},R.default.createElement(tr,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},i))}var Oe=(0,R.memo)(ar);var X=s(require("react"));var Qt=require("react"),ea=(0,Qt.createContext)(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));ea.displayName="TelephoneKeypad.Context";var we=ea;var or=(0,X.memo)(({children:e})=>{let[t,a]=(0,X.useState)(!1),o=(0,X.useMemo)(()=>Object.freeze({setShown:a,shown:t}),[a,t]);return X.default.createElement(we.Provider,{value:o},e)}),Ue=or;var _e=s(require("react"));var ra=require("botframework-webchat-component"),na=s(require("classnames")),d=s(require("react")),Ge=require("use-ref-from");var L=s(require("react")),aa=require("use-ref-from");var ta={"telephone-keypad__button":"b","telephone-keypad__button__ruby":"d","telephone-keypad__button__text":"h","telephone-keypad--horizontal":"C"};var oa=(0,L.memo)((0,L.forwardRef)(({button:e,"data-testid":t,onClick:a,ruby:o},r)=>{let n=(0,c.useStyles)(ta),l=(0,aa.useRefFrom)(a),i=(0,L.useCallback)(()=>l.current?.(),[l]);return L.default.createElement("button",{className:n["telephone-keypad__button"],"data-testid":t,onClick:i,ref:r,type:"button"},L.default.createElement("span",{className:n["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!o&&L.default.createElement("ruby",{className:n["telephone-keypad__button__ruby"]},o))}));oa.displayName="TelephoneKeypad.Button";var k=oa;var ve=require("react");function E(){let{setShown:e,shown:t}=(0,ve.useContext)(we);return(0,ve.useMemo)(()=>Object.freeze([t,e]),[t,e])}var Ze={"telephone-keypad":"G","telephone-keypad__box":"U","telephone-keypad__info-message":"j","telephone-keypad__info-message-link":"A"};var{LocalizedString:ir}=ra.Components,ia=(0,d.memo)(({children:e,isHorizontal:t})=>{let a=(0,c.useStyles)(Ze);return t?null:d.default.createElement("div",{className:a["telephone-keypad__box"]},e)});ia.displayName="TelephoneKeypad:Orientation";var la=(0,d.memo)(({autoFocus:e,className:t,onButtonClick:a,isHorizontal:o})=>{let r=(0,Ge.useRefFrom)(e),n=(0,c.useStyles)(Ze),l=(0,d.useRef)(null),i=(0,Ge.useRefFrom)(a),[,h]=E(),f=(0,d.useCallback)(()=>i.current?.("1"),[i]),u=(0,d.useCallback)(()=>i.current?.("2"),[i]),b=(0,d.useCallback)(()=>i.current?.("3"),[i]),m=(0,d.useCallback)(()=>i.current?.("4"),[i]),_=(0,d.useCallback)(()=>i.current?.("5"),[i]),C=(0,d.useCallback)(()=>i.current?.("6"),[i]),v=(0,d.useCallback)(()=>i.current?.("7"),[i]),H=(0,d.useCallback)(()=>i.current?.("8"),[i]),F=(0,d.useCallback)(()=>i.current?.("9"),[i]),z=(0,d.useCallback)(()=>i.current?.("0"),[i]),P=(0,d.useCallback)(()=>i.current?.("*"),[i]),D=(0,d.useCallback)(()=>i.current?.("#"),[i]),j=(0,d.useCallback)(ue=>{ue.key==="Escape"&&h(!1)},[h]);return(0,d.useEffect)(()=>{r.current&&l.current?.focus()},[r,l]),d.default.createElement("div",{className:(0,na.default)(n["telephone-keypad"],t),onKeyDown:j},d.default.createElement(ia,{isHorizontal:o},d.default.createElement(k,{button:"1","data-testid":g.sendBoxTelephoneKeypadButton1,onClick:f,ref:l}),d.default.createElement(k,{button:"2","data-testid":g.sendBoxTelephoneKeypadButton2,onClick:u,ruby:"ABC"}),d.default.createElement(k,{button:"3","data-testid":g.sendBoxTelephoneKeypadButton3,onClick:b,ruby:"DEF"}),d.default.createElement(k,{button:"4","data-testid":g.sendBoxTelephoneKeypadButton4,onClick:m,ruby:"GHI"}),d.default.createElement(k,{button:"5","data-testid":g.sendBoxTelephoneKeypadButton5,onClick:_,ruby:"JKL"}),d.default.createElement(k,{button:"6","data-testid":g.sendBoxTelephoneKeypadButton6,onClick:C,ruby:"MNO"}),d.default.createElement(k,{button:"7","data-testid":g.sendBoxTelephoneKeypadButton7,onClick:v,ruby:"PQRS"}),d.default.createElement(k,{button:"8","data-testid":g.sendBoxTelephoneKeypadButton8,onClick:H,ruby:"TUV"}),d.default.createElement(k,{button:"9","data-testid":g.sendBoxTelephoneKeypadButton9,onClick:F,ruby:"WXYZ"}),d.default.createElement(k,{button:"*","data-testid":g.sendBoxTelephoneKeypadButtonStar,onClick:P}),d.default.createElement(k,{button:"0","data-testid":g.sendBoxTelephoneKeypadButton0,onClick:z,ruby:"+"}),d.default.createElement(k,{button:"#","data-testid":g.sendBoxTelephoneKeypadButtonPound,onClick:D})),d.default.createElement("div",{className:n["telephone-keypad__info-message"]},d.default.createElement(Ie,null),d.default.createElement(ir,{linkClassName:n["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});la.displayName="TelephoneKeypad";var ca=la;var sa=(0,_e.memo)(e=>E()[0]?_e.default.createElement(ca,{...e}):null);sa.displayName="TelephoneKeypad.Surrogate";var je=sa;var ha=require("botframework-webchat-component"),B=s(require("react")),pa=require("use-ref-from");var da=require("botframework-webchat-api"),xe=s(require("classnames")),O=s(require("react"));var ye={sendbox__toolbar:"I","sendbox__toolbar-button":"E","sendbox__toolbar-button--selected":"q","sendbox__toolbar-separator":"J"};var{useUIState:ba}=da.hooks,cr=e=>e.preventDefault(),U=(0,O.memo)(e=>{let t=(0,c.useStyles)(ye),[a]=ba(),o=e.disabled||a==="disabled";return O.default.createElement("button",{"aria-disabled":o?"true":void 0,"aria-label":e["aria-label"],className:(0,xe.default)(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:o?cr:e.onClick,tabIndex:o?-1:void 0,type:e.type==="submit"?"submit":"button"},e.children)});U.displayName="ToolbarButton";var $e=(0,O.memo)(e=>{let[t]=ba(),a=(0,c.useStyles)(ye);return O.default.createElement("div",{className:(0,xe.default)(a.sendbox__toolbar,e.className)},t!=="blueprint"&&e.children)});$e.displayName="Toolbar";var Ye=(0,O.memo)(e=>{let t=(0,c.useStyles)(ye);return O.default.createElement("div",{"aria-orientation":"vertical",className:(0,xe.default)(t["sendbox__toolbar-separator"],e.className),role:"separator"})});Ye.displayName="ToolbarSeparator";var ua={"sendbox__add-attachment":"K","sendbox__add-attachment-input":"O"};var{useLocalizer:dr,useStyleOptions:br}=ha.hooks;function ur(e){let t=(0,B.useRef)(null),a=(0,c.useStyles)(ua),o=dr(),[{uploadAccept:r,uploadMultiple:n}]=br(),l=(0,pa.useRefFrom)(e.onFilesAdded),i=(0,B.useCallback)(()=>t.current?.click(),[t]),h=(0,B.useCallback)(({target:{files:f}})=>{f&&(l.current?.([...f]),t.current&&(t.current.value=""))},[t,l]);return B.default.createElement("div",{className:a["sendbox__add-attachment"]},B.default.createElement("input",{accept:r,"aria-disabled":e.disabled,"aria-hidden":"true",className:a["sendbox__add-attachment-input"],multiple:n,onInput:e.disabled?void 0:h,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),B.default.createElement(U,{"aria-label":o("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":g.sendBoxUploadButton,onClick:i},B.default.createElement(De,null)))}var ma=(0,B.memo)(ur);var fa=require("botframework-webchat-component"),wa=s(require("classnames")),ke=s(require("react"));var ga={sendbox__attachment:"Q"};var{useLocalizer:pr,useUIState:mr}=fa.hooks,gr={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 fr({attachments:e,className:t}){let[a]=mr(),o=(0,c.useStyles)(ga),r=pr({plural:!0});return a!=="blueprint"&&e.length?ke.default.createElement("div",{className:(0,wa.default)(o.sendbox__attachment,t)},r(gr,e.length)):null}var va=(0,ke.memo)(fr);var ya=require("botframework-webchat-component/internal"),se=s(require("react"));var _a={"sendbox__error-message":"Y"};function xa({error:e,id:t}){let a=(0,c.useStyles)(_a);return(0,ya.useLiveRegion)(()=>e&&se.default.createElement("div",{className:"sendbox__error-message__status"},e),[e]),se.default.createElement("span",{className:a["sendbox__error-message"],id:t},e)}xa.displayName="ErrorMessage";var ka=(0,se.memo)(xa);var Na=require("botframework-webchat-component"),Z=require("react"),Sa=require("use-ref-from"),{useConnectivityStatus:vr,useLocalizer:_r}=Na.hooks,yr=({attachments:e,message:t})=>{let[a]=vr(),[o,r]=(0,Z.useState)(),n=_r(),l=(0,Sa.useRefFrom)(a!=="connected"&&a!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),i=(0,Z.useMemo)(()=>Object.freeze(new Map().set("empty",n("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",n("CONNECTIVITY_STATUS_ALT_FATAL"))),[n]),h=!!t?.trim();o==="empty"&&h&&r(void 0);let f=(0,Z.useCallback)(()=>(r(l.current),l.current),[l]);return(0,Z.useMemo)(()=>Object.freeze([o&&i.get(o),f]),[o,i,f])},Ba=yr;var Ta=require("react"),Ca=require("botframework-webchat-component"),{useScrollDown:xr,useScrollUp:kr}=Ca.hooks;function qe(){let e=xr(),t=kr();return(0,Ta.useCallback)(a=>{if(a.target instanceof HTMLTextAreaElement&&a.target.value)return;let{ctrlKey:o,metaKey:r,shiftKey:n}=a;if(o||r||n)return;let l=!0;switch(a.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&&(a.preventDefault(),a.stopPropagation())},[e,t])}var Ha=require("react");function Je(e){let t=(0,Ha.useMemo)(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var Qe={sendbox:"s","variant-copilot":"Z","sendbox__text-counter":"g","sendbox__text-counter--error":"u",sendbox__sendbox:"ee","sendbox__attachment--in-grid":"w","sendbox__text-area--in-grid":"ae","sendbox__sendbox-controls--in-grid":"re","sendbox__telephone-keypad--in-grid":"oe","sendbox__sendbox-text":"te","sendbox__sendbox-controls":"le"};var G=s(require("react")),Ma=require("botframework-webchat-component");var{useLocalizer:Sr}=Ma.hooks,Aa=(0,G.memo)(()=>{let[e,t]=E(),a=Sr(),o=(0,G.useCallback)(()=>t(r=>!r),[t]);return G.default.createElement(U,{"aria-label":a("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":g.sendBoxTelephoneKeypadToolbarButton,onClick:o,selected:e},G.default.createElement(Ve,null))});Aa.displayName="SendBox.TelephoneKeypadToolbarButton";var Fa=Aa;var La=require("botframework-webchat-api"),de=s(require("classnames")),T=s(require("react"));var za={"sendbox__text-area":"ce","sendbox__text-area--hidden":"ie","sendbox__text-area-shared":"ne","sendbox__text-area-doppelganger":"be","sendbox__text-area-input":"de","sendbox__text-area-input--scroll":"he"};var{useUIState:Tr}=La.hooks,Ea=(0,T.forwardRef)((e,t)=>{let[a]=Tr(),o=(0,c.useStyles)(za),r=a==="disabled",n=(0,T.useCallback)(l=>{!l.shiftKey&&l.key==="Enter"&&(l.preventDefault(),"form"in l.target&&l.target.form instanceof HTMLFormElement&&l.target?.form?.requestSubmit())},[]);return T.default.createElement("div",{className:(0,de.default)(o["sendbox__text-area"],{[o["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},a==="blueprint"?T.default.createElement("div",{className:(0,de.default)(o["sendbox__text-area-doppelganger"],o["sendbox__text-area-input--scroll"],o["sendbox__text-area-shared"])}," "):T.default.createElement(T.Fragment,null,T.default.createElement("div",{className:(0,de.default)(o["sendbox__text-area-doppelganger"],o["sendbox__text-area-input--scroll"],o["sendbox__text-area-shared"])},e.value||e.placeholder," "),T.default.createElement("textarea",{"aria-disabled":r,"aria-label":e["aria-label"],className:(0,de.default)(o["sendbox__text-area-input"],o["sendbox__text-area-input--scroll"],o["sendbox__text-area-shared"]),"data-testid":e["data-testid"],onInput:e.onInput,onKeyDown:n,placeholder:e.placeholder,readOnly:r,ref:t,rows:e.startRows??1,tabIndex:e.hidden?-1:void 0,value:e.value})))});Ea.displayName="TextArea";var Pa=Ea;var{useFocus:Cr,useLocalizer:Hr,useMakeThumbnail:Mr,useRegisterFocusSendBox:Ar,useSendBoxAttachments:Fr,useSendBoxValue:zr,useSendMessage:Lr,useStyleOptions:Er,useUIState:Pr}=Da.hooks;function Ia(e){let[{hideTelephoneKeypadButton:t,hideUploadButton:a,maxMessageLength:o}]=Er(),[r,n]=Fr(),[l,i]=zr(),[h,f]=(0,p.useState)(""),[u]=E(),[b]=Pr(),m=(0,c.useStyles)(Qe),_=V(Qe),C=Je("sendbox__error-message-id"),v=(0,p.useRef)(null),H=Hr(),F=Mr(),z=Lr(),P=Cr(),D=e.isPrimary?l:h,j=e.isPrimary?i:f,ue=b==="blueprint",[ot,rt]=Ba({message:D,attachments:r}),Q=!!o&&D.length>o,Ga=!ue&&!u&&o&&isFinite(o),nt=!ue&&u;Ar((0,p.useCallback)(({noKeyboard:y,waitUntil:he})=>{v.current&&(y?he((async()=>{let ee=v.current?.getAttribute("readonly");v.current?.setAttribute("readonly","true"),await new Promise(pe=>setTimeout(pe,0)),v.current?.focus(),typeof ee!="string"?v.current?.removeAttribute("readonly"):v.current?.setAttribute("readonly",ee)})()):v.current?.focus())},[v]));let it=(0,et.useRefFrom)(r),lt=(0,et.useRefFrom)(D),ja=(0,p.useCallback)(y=>{"tabIndex"in y.target&&typeof y.target.tabIndex=="number"&&y.target.tabIndex>=0||P("sendBox")},[P]),$a=(0,p.useCallback)(y=>j(y.currentTarget.value),[j]),ct=(0,p.useCallback)(async y=>{let he=Object.freeze(await Promise.all(y.map(ee=>F(ee).then(pe=>Object.freeze({blob:ee,...pe&&{thumbnailURL:pe}})))));n(he)},[F,n]),Ya=(0,p.useCallback)(y=>{y.preventDefault(),rt()!=="empty"&&!Q&&(z(lt.current,void 0,{attachments:it.current}),j(""),n([])),P("sendBox")},[rt,Q,P,z,j,lt,it,n]),qa=(0,p.useCallback)(y=>z(`/DTMFKey ${y}`),[z]),Ja=qe(),Qa={"aria-invalid":"false",...ot&&{"aria-describedby":C,"aria-errormessage":C,"aria-invalid":"true"}};return p.default.createElement("form",{...Qa,className:(0,J.default)(m.sendbox,_,e.className),"data-testid":g.sendBoxContainer,onSubmit:Ya},p.default.createElement(Oe,null),p.default.createElement("div",{className:(0,J.default)(m.sendbox__sendbox),onClickCapture:ja,onKeyDown:Ja},p.default.createElement(Pa,{"aria-label":H(Q?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:(0,J.default)(m["sendbox__sendbox-text"],m["sendbox__text-area--in-grid"]),"data-testid":g.sendBoxTextBox,hidden:nt,onInput:$a,placeholder:e.placeholder??H("TEXT_INPUT_PLACEHOLDER"),ref:v,value:D}),p.default.createElement(je,{autoFocus:!0,className:m["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:qa}),p.default.createElement(va,{attachments:r,className:m["sendbox__attachment--in-grid"]}),p.default.createElement("div",{className:(0,J.default)(m["sendbox__sendbox-controls"],m["sendbox__sendbox-controls--in-grid"])},Ga&&p.default.createElement("div",{className:(0,J.default)(m["sendbox__text-counter"],{[m["sendbox__text-counter--error"]]:Q})},`${D.length}/${o}`),p.default.createElement($e,null,!t&&p.default.createElement(Fa,null),!a&&p.default.createElement(ma,{onFilesAdded:ct}),p.default.createElement(Ye,null),p.default.createElement(U,{"aria-label":H("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":g.sendBoxSendButton,disabled:Q||nt,type:"submit"},p.default.createElement(Re,null)))),p.default.createElement(We,{onFilesAdded:ct}),p.default.createElement(ka,{error:ot,id:C})))}var Ne=(0,p.memo)(e=>p.default.createElement(Ia,{...e,isPrimary:!0}));Ne.displayName="PrimarySendBox";var Dr=(0,p.memo)(Ia);var Ra=s(require("react")),Va=s(require("classnames"));var tt={theme:"a","variant-copilot":"r"};var Rr="webchat-fluent";function Se(e){let t=(0,c.useStyles)(tt),a=V(tt);return Ra.default.createElement("div",{className:(0,Va.default)(Rr,t.theme,a)},e.children)}function Be(e){return!!(e&&e.from.role==="channel"&&e.type==="message"&&"text"in e)}var be=s(require("react"));var Wa={"liner-message-activity":"se","liner-message-activity__text":"ge"};var Ka=({activity:e})=>{let t=(0,c.useStyles)(Wa);return be.default.createElement("div",{className:t["liner-message-activity"],role:"separator"},be.default.createElement("span",{className:t["liner-message-activity__text"]},e.text))};Ka.displayName="LinerMessageActivity";var at=(0,be.memo)(Ka);var{ThemeProvider:Wr}=Xa.Components,Kr=Object.freeze([()=>e=>(...t)=>{let a=t[0]?.activity;if(q(a))return()=>A.default.createElement(Ee,{activity:a});if(Be(a))return()=>A.default.createElement(at,{activity:a});let o=e(...t);return o&&((...r)=>A.default.createElement(ze,{activity:a},o(...r)))}]),Xr=[()=>()=>()=>Ne],Or=He(),Ur=({children:e,variant:t="fluent"})=>A.default.createElement(bt,{variant:t},A.default.createElement(Se,null,A.default.createElement(Ue,null,A.default.createElement(Wr,{activityMiddleware:Kr,sendBoxMiddleware:Xr,styles:Or},A.default.createElement(Oa.WebChatDecorator,null,e))))),Ua=(0,A.memo)(Ur);var Zr="tsup",Gr="commonjs",jr="4.18.1-main.20240927.ea7a875",$r={buildTool:Zr,moduleFormat:Gr,version:jr};(0,Za.injectMetaTag)("botframework-webchat:fluent-theme","version=4.18.1-main.20240927.ea7a875; build-tool=tsup; module-format=commonjs");
|
|
1
|
+
"use strict";var to=Object.create;var me=Object.defineProperty;var ao=Object.getOwnPropertyDescriptor;var oo=Object.getOwnPropertyNames;var ro=Object.getPrototypeOf,no=Object.prototype.hasOwnProperty;var io=(e,t)=>{for(var a in t)me(e,a,{get:t[a],enumerable:!0})},st=(e,t,a,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of oo(t))!no.call(e,r)&&r!==a&&me(e,r,{get:()=>t[r],enumerable:!(o=ao(t,r))||o.enumerable});return e};var s=(e,t,a)=>(a=e!=null?to(ro(e)):{},st(t||!e||!e.__esModule?me(a,"default",{value:e,enumerable:!0}):a,e)),lo=e=>st(me({},"__esModule",{value:!0}),e);var Qr={};io(Qr,{FluentThemeProvider:()=>ja,buildInfo:()=>Jr,testIds:()=>g});module.exports=lo(Qr);var Za=require("inject-meta-tag");var Xa=require("botframework-webchat-component"),Ua=require("botframework-webchat-component/decorator"),A=s(require("react"));var kt=s(require("classnames")),ae=s(require("react"));var ge=require("react");var dt=require("react");var $=s(require("react"));function Te({Provider:e},{defaults:t,displayName:a}){let o=({children:r,...n})=>{let l=(0,$.useMemo)(()=>Object.freeze({...t,...n}),[n]);return $.default.createElement(e,{value:l},r)};return o.displayName=a,(0,$.memo)(o)}var Ce=(0,dt.createContext)(new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),co=Te(Ce,{defaults:{variant:""},displayName:"VariantComposer"}),bt=co;function te(){let{variant:e}=(0,ge.useContext)(Ce);return(0,ge.useMemo)(()=>e.split(" "),[e])}function so(e){let t=document.createElement("style");return t.append(document.createTextNode(e)),t}function ut(...e){return function(){if(!globalThis.document)throw new Error("Unable to create styles: document is not defined");return e.map(t=>so(t))}}var bo=".webchat-fluent .e{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-maxWidth: var(--bubble-maxWidth, 450px);--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 .e:has(.webchat__stacked-layout .webchat__bubble--from-user){--webchat__bubble--background-color: var(--webchat-colorBrandBackground2);--webchat__bubble--block-padding: var(--webchat-spacingVerticalS)}.webchat-fluent .e.p{--webchat__bubble--background-color: var(--webchat-colorNeutralBackground1);--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge);--webchat__bubble--box-shadow: var(--webchat-shadow4)}.webchat-fluent .e.o{--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge)}.webchat-fluent .e.o .webchat__activity-status{margin:0 0 var(--webchat-spacingHorizontalXXS)}.webchat-fluent .e.o .webchat__stacked-layout__status{order:-1}.webchat-fluent .e.o:has(.webchat__bubble--from-user) .webchat__bubble{margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .e.o .webchat__bubble .webchat__text-content .webchat__text-content__generated-badge{display:none}.webchat-fluent .e.o: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 .e.o:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout{margin:0;position:static}.webchat-fluent .e.o:not(:has(.webchat__bubble--from-user)) .webchat__bubble{position:static;width:var(--webchat__bubble--max-width)}.webchat-fluent .e.o:not(:has(.webchat__bubble--from-user)) .webchat__bubble .webchat__bubble__content{overflow:visible}.webchat-fluent .e.o:not(:has(.webchat__bubble--from-user)) .webchat__text-content{margin-inline-start:28px}.webchat-fluent .e.o: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 .e.o: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 .e.o:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout__status{display:none}.webchat-fluent .e .webchat__basic-transcript__activity-body:not(:empty){padding-block-end:var(--webchat-spacingVerticalXL)}.webchat-fluent .e .webchat__stacked-layout{display:flex;flex-flow:column nowrap}.webchat-fluent .e .webchat__stacked-layout .webchat__stacked-layout__content:has(.webchat__bubble){max-width:100%;overflow:visible}.webchat-fluent .e .webchat__stacked-layout .webchat__stacked-layout__status{font-size:var(--webchat__font-size--small);line-height:var(--webchat__line-height--small)}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble{max-width:100%;overflow:visible}.webchat-fluent .e .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:var(--webchat__bubble--max-width);min-height:var(--webchat__bubble--min-height)}.webchat-fluent .e .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 .e .webchat__stacked-layout .webchat__bubble .webchat__text-content:empty{padding-block-end:0}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__text-content+.webchat__text-content{margin-top:calc(var(--webchat__bubble--block-padding) * -1)}.webchat-fluent .e .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 .e .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge{cursor:default;font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__fileName{color:var(--webchat-colorBrandForegroundLink);font-family:inherit}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__size{color:var(--webchat-colorNeutralForeground2);font-family:inherit}.webchat-fluent .e .border-loader{max-width:100%;width:var(--webchat__bubble--max-width)}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier){color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .e .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 .e .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 .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .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 .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .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 .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .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 .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):before,:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):after{all:unset}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):has(.webchat__render-markdown__external-link-icon){padding-inline:3px}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .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 .e .webchat__link-definitions__header{border-radius:var(--webchat-borderRadiusMedium)}.webchat-fluent .e .webchat__link-definitions__header .webchat__link-definitions__header-text{color:var(--webchat-colorNeutralForeground3)}.webchat-fluent .e .webchat__link-definitions__header .webchat__link-definitions__header-chevron{fill:var(--webchat-colorNeutralForeground3);font-size:var(--webchat__font-size--small);width:1em}.webchat-fluent .e .webchat__link-definitions__header:focus-visible{outline-offset:1px;outline:var(--webchat-strokeWidthThin) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent .e .webchat__link-definitions{--webchat__citation__external-link--mask: var(--webchat-externalLink-mask);--webchat__citation__link--max-width: var(--webchat-externalLink-maxWidth)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list{color:var(--webchat__color--subtle);display:flex;flex-flow:row wrap;gap:var(--webchat-spacingHorizontalS)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item{border-radius:var(--webchat-borderRadiusMedium);max-width:var(--webchat__citation__link--max-width)}.webchat-fluent .e .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 .e .webchat__link-definitions .webchat__link-definitions__list-item-body{font-family:inherit;gap:var(--webchat-spacingHorizontalSNudge);min-width:0;padding:0}.webchat-fluent .e .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 .e .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 .e .webchat__link-definitions .webchat__link-definitions__list-item-main-text{gap:var(--webchat-spacingHorizontalXS)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-text{color:currentColor;text-decoration:none;text-overflow:ellipsis}.webchat-fluent .e .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 .e .webchat__link-definitions :is(.webchat__link-definitions__list-item-badge,.webchat__link-definitions__open-in-new-window-icon){display:none}.webchat-fluent .v{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 ._{aspect-ratio:1;background-color:var(--background-color);border-radius:var(--webchat-borderRadiusSmall);width:20px}.webchat-fluent .f{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 .x{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 .k{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 .m{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 .B{opacity:60%}.webchat-fluent .B .t{filter:grayscale(1)}.webchat-fluent .t{border-radius:var(--webchat-borderRadiusMedium);height:64px;margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .y{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 .N{font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300);overflow-wrap:anywhere}.webchat-fluent .S{grid-area:toolbar}.webchat-fluent .z{-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 .z:has(.l){grid-template-areas:\"image title\" \"image subtitle\";grid-template-columns:20px 1fr}.webchat-fluent .z:empty{row-gap:14px}.webchat-fluent .z:is([aria-disabled=true],:empty){cursor:default}.webchat-fluent .z[aria-disabled=true]:not(:empty){background-color:var(--webchat-colorNeutralBackgroundDisabled)}.webchat-fluent .z:hover:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Hover)}.webchat-fluent .z:active:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Pressed)}.webchat-fluent .z:focus-visible{outline:solid 2px var(--webchat-colorStrokeFocus2);outline-offset:-2px}.webchat-fluent .z:empty:after,.webchat-fluent .z:empty:before{animation:c 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 .z:empty:after,.webchat-fluent .z:empty:before{animation-delay:-1s;animation-play-state:paused}}.webchat-fluent .z:dir(rtl):empty:after,.webchat-fluent .z:dir(rtl):empty:before{animation-direction:reverse}.webchat-fluent .z:empty:after{border-radius:16px;height:16px;width:100%}.webchat-fluent .z:empty:before{border-radius:18px;height:18px;width:66%}@keyframes c{0%{background-position-x:0%}to{background-position-x:-300%}}.webchat-fluent .l{grid-area:image;height:20px;width:20px}.webchat-fluent .H{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightRegular);grid-area:subtitle;line-height:20px;pointer-events:none}.webchat-fluent .F{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightSemibold);grid-area:title;line-height:20px}.webchat-fluent .X{container-name:i;container-type:inline-size}.webchat-fluent .n{display:grid;gap:var(--webchat-spacingHorizontalM);grid-template-columns:1fr 1fr 1fr;padding:0}@container i (width <= 480px){.webchat-fluent .n{grid-template-columns:1fr}}.webchat-fluent .L{background-color:var(--webchat-colorNeutralBackground4);border-radius:inherit;cursor:copy;display:grid;gap:8px;inset:0;place-content:center;place-items:center;position:absolute}.webchat-fluent .M{background-color:#e00;color:#fff}.webchat-fluent .W{height:36px;pointer-events:none;width:36px}.webchat-fluent .V{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 .V:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .V:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .V[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .R{font-size:var(--webchat-fontSizeBase200);height:1em;width:1em}.webchat-fluent .P{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .P:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .P.T{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .P.D{flex-direction:column}.webchat-fluent .b{-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 .b:hover{background-color:var(--webchat-colorGray30)}.webchat-fluent .d{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .h{font-size:24px;margin-top:8px}.webchat-fluent .C .b{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .C .d{display:none}.webchat-fluent .C .h{font-size:20px;margin-top:0}.webchat-fluent .G{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 .U{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 .j{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .I{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .I:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .I:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .I:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .I:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .A{--webchat__sendbox-button-height: 32px;display:flex;gap:4px;height:var(--webchat__sendbox-button-height);margin-inline-start:auto}.webchat-fluent .E{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 .E>svg{font-size:20px;pointer-events:none}.webchat-fluent .E.q{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .E:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .E:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .E[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .J{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .J:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .K{display:grid}.webchat-fluent .O{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .Q{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .Y{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .s{--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 .s.Z .g:not(.u){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(.w){--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>.ae{grid-area:text-area}.webchat-fluent .ee>.w{grid-area:attachment}.webchat-fluent .ee>.re{grid-area:controls}.webchat-fluent .ee>.oe{grid-area:telephone-keypad}.webchat-fluent .te{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 .te:focus-within{font-size:16px}}.webchat-fluent .le{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .g{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .u{color:var(--webchat-colorStatusDangerForeground1)}.webchat-fluent .ce{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .ie{height:0;visibility:collapse}.webchat-fluent .ne{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .be{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .de{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent .he{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .he::-webkit-scrollbar{width:8px}.webchat-fluent .he::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .he::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .he::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent.a{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-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-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-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(--strokeWidthThicker, 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.a{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent.a .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.a.r .webchat__css-custom-properties{--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalXL) var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.a .webchat__surface{background-color:var(--webchat__color--surface)}.webchat-fluent.a.r .webchat__surface{box-sizing:border-box;padding-inline-start:var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralForeground5) transparent;-moz-scrollbar-width:thin}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge);visibility:hidden}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable:hover::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge)}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable: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}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable: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.a.r .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-gutter:stable}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__terminator:focus-visible+.webchat__basic-transcript__focus-indicator{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.a .webchat__basic-transcript:not(:focus-visible) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent.a .webchat__basic-transcript:focus-visible:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__focus-indicator{display:none}.webchat-fluent.a .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.a .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__bubble:after,.webchat-fluent.a .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.a .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.a .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.a.r .webchat__basic-transcript .webchat__basic-transcript__filler{flex-grow:0}.webchat-fluent.a .webchat__basic-transcript:has(.webchat__basic-transcript__activity:only-child):has(.pre-chat-message-activity) .webchat__basic-transcript__filler{flex-grow:.5}.webchat-fluent.a .webchat__modal-dialog{height:100%;display:grid;place-items:center}.webchat-fluent.a .webchat__modal-dialog::backdrop{background-color:var(--webchat-colorTransparentBackground)}.webchat-fluent.a .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.a .webchat__modal-dialog .webchat__modal-dialog__close-button{color:var(--webchat-colorNeutralForeground1);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:not(:active):hover{background-color:var(--webchat-colorNeutralBackground3)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:active{background-color:var(--webchat-colorNeutralBackground4)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:focus-visible){border:none}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button-image{fill:currentColor}.webchat-fluent.a .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.a .webchat__activity-button:hover{background:var(--webchat-colorNeutralBackground1Hover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Hover);color:var(--webchat-colorNeutralForeground1Hover)}.webchat-fluent.a .webchat__activity-button:active{background:var(--webchat-colorNeutralBackground1Pressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Pressed);color:var(--webchat-colorNeutralForeground1Pressed)}.webchat-fluent.a .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.a .webchat__activity-button[aria-disabled=true]{background:var(--webchat-colorNeutralBackgroundDisabled);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStrokeDisabled);color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent.a .webchat__activity-button .webchat__activity-button__icon{height:20px;width:20px}.webchat-fluent.a .webchat__activity-copy-button .webchat__activity-copy-button__copied-text{background-color:var(--webchat-colorNeutralBackground1)}.webchat-fluent.a .webchat__activity-copy-button.webchat__activity-copy-button--copied .webchat__activity-copy-button__copied-text{animation-duration:var(--webchat-durationUltraSlow)}.webchat-fluent.a .webchat__monochrome-image-masker{background-color:var(--webchat-colorNeutralForeground4)}.webchat-fluent .se{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 .se:before,.webchat-fluent .se:after{border-top:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);content:\"\";display:flex;flex:auto;min-width:8px}.webchat-fluent .ge{text-align:center}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n",He=ut(bo);var ht=require("react");function uo(e){return(0,ht.useMemo)(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,a])=>[t,`${t} ${a}`]))),[e])}var c=uo;var pt=require("react");function O(e){let t=c(e),a=te();return(0,pt.useMemo)(()=>a.map(o=>t[`variant-${o}`]).filter(o=>o).join(" "),[t,a])}var Me={"activity-decorator":"e","variant-fluent":"p","variant-copilot":"o"};var I=s(require("react")),yt=require("botframework-webchat-component");var mt=require("react"),gt=require("botframework-webchat-component"),{useStyleOptions:po}=gt.hooks;function Ae(e){let[t]=po();return(0,mt.useMemo)(()=>Object.freeze([{...t,...e?.channelData?.webChat?.styleOptions}]),[e?.channelData?.webChat?.styleOptions,t])}var ft=require("botframework-webchat-core");function Fe(e){return!!(e&&(0,ft.getOrgSchemaMessage)(e?.entities||[])?.keywords?.includes("AIGeneratedContent"))}var wt=require("react"),vt=require("botframework-webchat-core");function Y(e){return(0,wt.useMemo)(()=>{let t=(0,vt.getOrgSchemaMessage)(e?.entities||[]);return typeof t?.author=="string"?{"@type":"Person",description:void 0,image:void 0,name:t?.author}:t?.author},[e])}var _t={"copilot-message-header":"v","copilot-message-header__avatar":"_","copilot-message-header__title":"f","copilot-message-header__ai-generated-content":"x"};var{useLocalizer:go}=yt.hooks;function fo({activity:e}){let[{botAvatarImage:t,botAvatarBackgroundColor:a}]=Ae(e),o=c(_t),r=go(),n=Fe(e),l=(0,I.useMemo)(()=>({"--background-color":a}),[a]),i=Y(e),h=i?.image||t,f=i?.name||e?.from?.name;return I.default.createElement("div",{className:o["copilot-message-header"]},h&&I.default.createElement("img",{alt:r("AVATAR_ALT",f),className:o["copilot-message-header__avatar"],src:h,style:l}),I.default.createElement("span",{className:o["copilot-message-header__title"],title:f},f),n&&I.default.createElement("span",{className:o["copilot-message-header__ai-generated-content"]},r("ACTIVITY_CONTENT_CAUTION")))}var xt=(0,I.memo)(fo);function Nt({activity:e,children:t}){let a=c(Me),o=te(),r=O(Me),n=o.includes("copilot")&&e?.from?.role==="bot"&&!!t;return ae.default.createElement("div",{className:(0,kt.default)(a["activity-decorator"],r)},n&&ae.default.createElement(xt,{activity:e}),t)}Nt.displayName="ActivityDecorator";var ze=(0,ae.memo)(Nt);var St=require("botframework-webchat-core");function q(e){return!!(e&&(0,St.getOrgSchemaMessage)(e?.entities||[])?.keywords?.includes("PreChatMessage"))}var Et=require("botframework-webchat-component"),Pt=s(require("classnames")),M=s(require("react"));var Bt={"pre-chat-message-activity":"k","pre-chat-message-activity__body":"m","pre-chat-message-activity__body--blueprint":"B","pre-chat-message-activity__body-avatar":"t","pre-chat-message-activity__body-title":"y","pre-chat-message-activity__body-subtitle":"N","pre-chat-message-activity__toolbar":"S"};var At=require("botframework-webchat-api"),Ft=s(require("classnames")),S=s(require("react"));var fe=require("botframework-webchat-component"),Le=s(require("classnames")),N=s(require("react")),Ct=require("use-ref-from");var vo={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"},g=vo;var Tt={"pre-chat-message-activity__card-action-box":"z","pre-chat-message-activity__card-action-image":"l",blueprintAnimation:"c","pre-chat-message-activity__card-action-subtitle":"H","pre-chat-message-activity__card-action-title":"F"};var{useFocus:yo,useRenderMarkdownAsHTML:xo,useSendBoxValue:ko,useUIState:No}=fe.hooks,{MonochromeImageMasker:So}=fe.Components,Ht=({className:e,messageBackAction:t})=>{let[a,o]=ko(),[r]=No(),n=c(Tt),l=yo(),i=(0,Ct.useRefFrom)(t?.displayText||t?.text||""),h=xo("message activity"),f=(0,N.useMemo)(()=>h?{__html:h(t?.text||"")}:void 0,[t?.text,h]),u=r==="disabled",b=t&&"title"in t&&t.title,m=r==="blueprint"||!b,_=(0,N.useCallback)(()=>{o(i.current),l("sendBox")},[l,i,o]);return m?N.default.createElement("div",{className:(0,Le.default)(e,n["pre-chat-message-activity__card-action-box"]),"data-testid":g.preChatMessageActivityStarterPromptsCardAction}):N.default.createElement("button",{"aria-disabled":u?!0:void 0,className:(0,Le.default)(e,n["pre-chat-message-activity__card-action-box"]),"data-testid":g.preChatMessageActivityStarterPromptsCardAction,onClick:u?void 0:_,tabIndex:u?-1:void 0,type:"button"},N.default.createElement("div",{className:n["pre-chat-message-activity__card-action-title"]},b),"image"in t&&t.image&&N.default.createElement(So,{className:n["pre-chat-message-activity__card-action-image"],src:t.image}),N.default.createElement("div",{className:n["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:f}))};Ht.displayName="StarterPromptsCardAction";var oe=(0,N.memo)(Ht);var Mt={"pre-chat-message-activity__card-action-toolbar":"X","webchat-container":"i","pre-chat-message-activity__card-action-toolbar-grid":"n"};var{useUIState:To}=At.hooks,zt=({cardActions:e,className:t})=>{let a=c(Mt),[o]=To();return S.default.createElement("div",{className:(0,Ft.default)(t,a["pre-chat-message-activity__card-action-toolbar"])},S.default.createElement("div",{className:a["pre-chat-message-activity__card-action-toolbar-grid"]},o==="blueprint"?S.default.createElement(S.Fragment,null,S.default.createElement(oe,null),S.default.createElement(oe,null),S.default.createElement(oe,null)):e.filter(r=>r.type==="messageBack").map((r,n)=>S.default.createElement(oe,{key:n,messageBackAction:r}))))};zt.displayName="StarterPromptsToolbar";var Lt=(0,S.memo)(zt);var{useLocalizer:Co,useRenderMarkdownAsHTML:Ho,useUIState:Mo}=Et.hooks,Dt=({activity:e})=>{let[t]=Mo(),a=c(Bt),o=Ho(),r=Co(),n=Y(e),l=(0,M.useMemo)(()=>o?{__html:o(n?.description||"")}:{__html:""},[n?.description,o]);return M.default.createElement("div",{className:a["pre-chat-message-activity"]},n&&M.default.createElement("div",{className:(0,Pt.default)(a["pre-chat-message-activity__body"],t==="blueprint"&&a["pre-chat-message-activity__body--blueprint"])},n.image&&M.default.createElement("img",{alt:r("AVATAR_ALT",n.name),className:a["pre-chat-message-activity__body-avatar"],src:n.image}),n.name&&M.default.createElement("h2",{className:a["pre-chat-message-activity__body-title"]},n.name),n.description&&M.default.createElement("div",{className:a["pre-chat-message-activity__body-subtitle"],dangerouslySetInnerHTML:l})),M.default.createElement(Lt,{cardActions:e.suggestedActions?.actions||[],className:a["pre-chat-message-activity__toolbar"]}))};Dt.displayName="PreChatMessageActivity";var Ee=(0,M.memo)(Dt);var Ia=require("botframework-webchat-component"),J=s(require("classnames")),p=s(require("react")),et=require("use-ref-from");var re=s(require("react"));function Ao(e){return re.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},re.default.createElement("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",fill:"currentColor"}))}var Pe=(0,re.memo)(Ao);var ne=s(require("react"));function Fo(e){return ne.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ne.default.createElement("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",fill:"currentColor"}))}var De=(0,ne.memo)(Fo);var ie=s(require("react"));function zo(e){return ie.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ie.default.createElement("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",fill:"currentColor"}))}var Ie=(0,ie.memo)(zo);var le=s(require("react"));function Lo(e){return le.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},le.default.createElement("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",fill:"currentColor"}))}var Re=(0,le.memo)(Lo);var ce=s(require("react"));function Eo(e){return ce.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ce.default.createElement("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",fill:"currentColor"}))}var Oe=(0,ce.memo)(Eo);var Ot=require("botframework-webchat-component"),Vt=s(require("classnames")),x=s(require("react")),Wt=require("use-ref-from");var It={"sendbox__attachment-drop-zone":"L","sendbox__attachment-drop-zone--droppable":"M","sendbox__attachment-drop-zone-icon":"W"};var{useLocalizer:Do}=Ot.hooks,Io=e=>{e.preventDefault()},Rt=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function Ro(e,t){let a=e.parentNode;for(;a;){if(a===t)return!0;a=a.parentNode}return!1}var Kt=e=>{let[t,a]=(0,x.useState)(!1),o=c(It),r=(0,x.useRef)(null),n=Do(),l=(0,Wt.useRefFrom)(e.onFilesAdded);(0,x.useEffect)(()=>{let h=0,f=b=>{h++,Rt(b)&&a(r.current&&(b.target===r.current||b.target instanceof HTMLElement&&Ro(b.target,r.current))?"droppable":"visible")},u=()=>--h<=0&&a(!1);return document.addEventListener("dragenter",f,!1),document.addEventListener("dragleave",u,!1),()=>{document.removeEventListener("dragenter",f),document.removeEventListener("dragleave",u)}},[a]);let i=(0,x.useCallback)(h=>{h.preventDefault(),a(!1),Rt(h.nativeEvent)&&l.current([...h.dataTransfer.files])},[l,a]);return t?x.default.createElement("div",{className:(0,Vt.default)(o["sendbox__attachment-drop-zone"],{[o["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":g.sendBoxDropZone,onDragOver:Io,onDrop:i,ref:r},x.default.createElement(Pe,{className:o["sendbox__attachment-drop-zone-icon"]}),n("TEXT_INPUT_DROP_ZONE")):null};Kt.displayName="DropZone";var Ve=(0,x.memo)(Kt);var Jt=require("botframework-webchat-component"),Qt=s(require("classnames")),R=s(require("react"));function We(e){let{title:t}=e,{type:a,value:o}=e;return a==="messageBack"?t||e.displayText:t||(typeof o=="string"?o:JSON.stringify(o))}var w=s(require("react")),Xt=(0,w.createContext)({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function Oo(e){let t=(0,w.useRef)(0),a=(0,w.useRef)([]),o=(0,w.useCallback)(({current:u},b)=>u&&(u.tabIndex=t.current===b?0:-1),[t]),r=(0,w.useCallback)(u=>{let b;typeof u=="number"?b=u:b=u(t.current),b&&!a.current.at(b)?.current&&(b=0),t.current!==b&&(t.current=b,a.current.forEach((m,_)=>o(m,_)),a.current.at(b)?.current?.focus())},[o,a,t]),n=(0,w.useCallback)(u=>{let{target:b}=u,m=a.current.findIndex(({current:_})=>_===b);m!==-1&&r(m)},[a,r]),l=(0,w.useCallback)(u=>b=>{let m=!e.direction,_=/up|down/iu.test(u)&&e.direction==="vertical",C=/left|right/iu.test(u)&&e.direction==="horizontal",v=/right|down/iu.test(u),H=m||_||C?v?1:-1:0,F=a.current.map((P,D)=>D),z=F.indexOf(b)+H;return F.at(z)??0},[e.direction]),i=(0,w.useCallback)(u=>{let{key:b}=u;switch(b){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":r(l(b));break;case"Home":r(0);break;case"End":r(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}u.preventDefault(),u.stopPropagation()},[r,l,e]),h=(0,w.useCallback)((u,b)=>{let{current:m}=u;return a.current[Number(b)]=u,m.addEventListener("focus",n),m.addEventListener("keydown",i),o(u,b),()=>{m.removeEventListener("focus",n),m.removeEventListener("keydown",i),delete a.current[Number(b)]}},[n,i,o,a]),f=(0,w.useMemo)(()=>({itemEffector:h}),[h]);return w.default.createElement(Xt.Provider,{value:f},e.children)}function Ut(e){let t=(0,w.useRef)(null),{itemEffector:a}=(0,w.useContext)(Xt);return(0,w.useEffect)(()=>a(t,e)),t}var jt=(0,w.memo)(Oo);var $t=require("botframework-webchat-component"),Yt=s(require("classnames")),W=s(require("react"));var V=s(require("react")),Vo=e=>e.preventDefault(),Wo=(0,V.forwardRef)(({"aria-hidden":e,children:t,className:a,"data-testid":o,disabled:r,onClick:n,tabIndex:l},i)=>{let h=(0,V.useRef)(null);return V.default.createElement("button",{"aria-disabled":r?"true":void 0,"aria-hidden":e,className:a,"data-testid":o,onClick:r?Vo:n,ref:i||h,tabIndex:r?-1:l,type:"button"},t)}),Zt=(0,V.memo)(Wo);var Gt={"suggested-action":"V","suggested-action__image":"R"};var{useFocus:Xo,usePerformCardAction:Uo,useScrollToEnd:jo,useStyleSet:Zo,useSuggestedActions:Go,useUIState:$o}=$t.hooks;function Yo({buttonText:e,className:t,displayText:a,image:o,imageAlt:r,itemIndex:n,text:l,type:i,value:h}){let[f,u]=Go(),[{suggestedAction:b}]=Zo(),[m]=$o(),_=Xo(),C=Ut(n),v=Uo(),H=c(Gt),F=jo(),z=(0,W.useCallback)(({target:P})=>{(async function(){await _("sendBoxWithoutKeyboard"),v({displayText:a,text:l,type:i,value:h},{target:P}),i==="openUrl"&&u([]),F()})()},[a,_,v,F,u,l,i,h]);return W.default.createElement(Zt,{className:(0,Yt.default)(H["suggested-action"],b+"",(t||"")+""),"data-testid":g.sendBoxSuggestedAction,disabled:m==="disabled",onClick:z,ref:C,type:"button"},o&&W.default.createElement("img",{alt:r,className:H["suggested-action__image"],src:o}),W.default.createElement("span",null,e))}var qt=(0,W.memo)(Yo);var Ke={"suggested-actions":"P","suggested-actions--flow":"T","suggested-actions--stacked":"D"};var{useFocus:Jo,useLocalizer:Qo,useStyleOptions:er,useStyleSet:tr,useSuggestedActions:ar,useUIState:or}=Jt.hooks;function rr(e){let[{suggestedActionLayout:t}]=er(),[{suggestedActions:a}]=tr(),[o]=or(),r=c(Ke);return R.default.createElement("div",{"aria-label":e["aria-label"],"aria-orientation":"vertical",className:(0,Qt.default)(r["suggested-actions"],a+"",{[r["suggested-actions--flow"]]:t==="flow",[r["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},o!=="blueprint"&&e.children)}function nr(){let e=c(Ke),t=Qo(),[a,o,{activity:r}]=ar(),n=Jo(),l=(0,R.useCallback)(()=>{n("sendBox")},[n]),i=q(r)?[]:a.map((h,f)=>{let{displayText:u,image:b,imageAltText:m,text:_,type:C,value:v}=h;return a?.length?R.default.createElement(qt,{buttonText:We(h),displayText:u,image:b,imageAlt:b&&(m||_),itemIndex:f,key:f,text:_,type:C,value:v}):null});return R.default.createElement(jt,{onEscapeKey:l},R.default.createElement(rr,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},i))}var Xe=(0,R.memo)(nr);var K=s(require("react"));var ea=require("react"),ta=(0,ea.createContext)(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));ta.displayName="TelephoneKeypad.Context";var we=ta;var ir=(0,K.memo)(({children:e})=>{let[t,a]=(0,K.useState)(!1),o=(0,K.useMemo)(()=>Object.freeze({setShown:a,shown:t}),[a,t]);return K.default.createElement(we.Provider,{value:o},e)}),Ue=ir;var _e=s(require("react"));var na=require("botframework-webchat-component"),ia=s(require("classnames")),d=s(require("react")),Ze=require("use-ref-from");var L=s(require("react")),oa=require("use-ref-from");var aa={"telephone-keypad__button":"b","telephone-keypad__button__ruby":"d","telephone-keypad__button__text":"h","telephone-keypad--horizontal":"C"};var ra=(0,L.memo)((0,L.forwardRef)(({button:e,"data-testid":t,onClick:a,ruby:o},r)=>{let n=c(aa),l=(0,oa.useRefFrom)(a),i=(0,L.useCallback)(()=>l.current?.(),[l]);return L.default.createElement("button",{className:n["telephone-keypad__button"],"data-testid":t,onClick:i,ref:r,type:"button"},L.default.createElement("span",{className:n["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!o&&L.default.createElement("ruby",{className:n["telephone-keypad__button__ruby"]},o))}));ra.displayName="TelephoneKeypad.Button";var k=ra;var ve=require("react");function E(){let{setShown:e,shown:t}=(0,ve.useContext)(we);return(0,ve.useMemo)(()=>Object.freeze([t,e]),[t,e])}var je={"telephone-keypad":"G","telephone-keypad__box":"U","telephone-keypad__info-message":"j","telephone-keypad__info-message-link":"I"};var{LocalizedString:sr}=na.Components,la=(0,d.memo)(({children:e,isHorizontal:t})=>{let a=c(je);return t?null:d.default.createElement("div",{className:a["telephone-keypad__box"]},e)});la.displayName="TelephoneKeypad:Orientation";var ca=(0,d.memo)(({autoFocus:e,className:t,onButtonClick:a,isHorizontal:o})=>{let r=(0,Ze.useRefFrom)(e),n=c(je),l=(0,d.useRef)(null),i=(0,Ze.useRefFrom)(a),[,h]=E(),f=(0,d.useCallback)(()=>i.current?.("1"),[i]),u=(0,d.useCallback)(()=>i.current?.("2"),[i]),b=(0,d.useCallback)(()=>i.current?.("3"),[i]),m=(0,d.useCallback)(()=>i.current?.("4"),[i]),_=(0,d.useCallback)(()=>i.current?.("5"),[i]),C=(0,d.useCallback)(()=>i.current?.("6"),[i]),v=(0,d.useCallback)(()=>i.current?.("7"),[i]),H=(0,d.useCallback)(()=>i.current?.("8"),[i]),F=(0,d.useCallback)(()=>i.current?.("9"),[i]),z=(0,d.useCallback)(()=>i.current?.("0"),[i]),P=(0,d.useCallback)(()=>i.current?.("*"),[i]),D=(0,d.useCallback)(()=>i.current?.("#"),[i]),G=(0,d.useCallback)(ue=>{ue.key==="Escape"&&h(!1)},[h]);return(0,d.useEffect)(()=>{r.current&&l.current?.focus()},[r,l]),d.default.createElement("div",{className:(0,ia.default)(n["telephone-keypad"],t),onKeyDown:G},d.default.createElement(la,{isHorizontal:o},d.default.createElement(k,{button:"1","data-testid":g.sendBoxTelephoneKeypadButton1,onClick:f,ref:l}),d.default.createElement(k,{button:"2","data-testid":g.sendBoxTelephoneKeypadButton2,onClick:u,ruby:"ABC"}),d.default.createElement(k,{button:"3","data-testid":g.sendBoxTelephoneKeypadButton3,onClick:b,ruby:"DEF"}),d.default.createElement(k,{button:"4","data-testid":g.sendBoxTelephoneKeypadButton4,onClick:m,ruby:"GHI"}),d.default.createElement(k,{button:"5","data-testid":g.sendBoxTelephoneKeypadButton5,onClick:_,ruby:"JKL"}),d.default.createElement(k,{button:"6","data-testid":g.sendBoxTelephoneKeypadButton6,onClick:C,ruby:"MNO"}),d.default.createElement(k,{button:"7","data-testid":g.sendBoxTelephoneKeypadButton7,onClick:v,ruby:"PQRS"}),d.default.createElement(k,{button:"8","data-testid":g.sendBoxTelephoneKeypadButton8,onClick:H,ruby:"TUV"}),d.default.createElement(k,{button:"9","data-testid":g.sendBoxTelephoneKeypadButton9,onClick:F,ruby:"WXYZ"}),d.default.createElement(k,{button:"*","data-testid":g.sendBoxTelephoneKeypadButtonStar,onClick:P}),d.default.createElement(k,{button:"0","data-testid":g.sendBoxTelephoneKeypadButton0,onClick:z,ruby:"+"}),d.default.createElement(k,{button:"#","data-testid":g.sendBoxTelephoneKeypadButtonPound,onClick:D})),d.default.createElement("div",{className:n["telephone-keypad__info-message"]},d.default.createElement(Ie,null),d.default.createElement(sr,{linkClassName:n["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});ca.displayName="TelephoneKeypad";var sa=ca;var da=(0,_e.memo)(e=>E()[0]?_e.default.createElement(sa,{...e}):null);da.displayName="TelephoneKeypad.Surrogate";var Ge=da;var pa=require("botframework-webchat-component"),B=s(require("react")),ma=require("use-ref-from");var ba=require("botframework-webchat-api"),xe=s(require("classnames")),X=s(require("react"));var ye={sendbox__toolbar:"A","sendbox__toolbar-button":"E","sendbox__toolbar-button--selected":"q","sendbox__toolbar-separator":"J"};var{useUIState:ua}=ba.hooks,br=e=>e.preventDefault(),U=(0,X.memo)(e=>{let t=c(ye),[a]=ua(),o=e.disabled||a==="disabled";return X.default.createElement("button",{"aria-disabled":o?"true":void 0,"aria-label":e["aria-label"],className:(0,xe.default)(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:o?br:e.onClick,tabIndex:o?-1:void 0,type:e.type==="submit"?"submit":"button"},e.children)});U.displayName="ToolbarButton";var $e=(0,X.memo)(e=>{let[t]=ua(),a=c(ye);return X.default.createElement("div",{className:(0,xe.default)(a.sendbox__toolbar,e.className)},t!=="blueprint"&&e.children)});$e.displayName="Toolbar";var Ye=(0,X.memo)(e=>{let t=c(ye);return X.default.createElement("div",{"aria-orientation":"vertical",className:(0,xe.default)(t["sendbox__toolbar-separator"],e.className),role:"separator"})});Ye.displayName="ToolbarSeparator";var ha={"sendbox__add-attachment":"K","sendbox__add-attachment-input":"O"};var{useLocalizer:hr,useStyleOptions:pr}=pa.hooks;function mr(e){let t=(0,B.useRef)(null),a=c(ha),o=hr(),[{uploadAccept:r,uploadMultiple:n}]=pr(),l=(0,ma.useRefFrom)(e.onFilesAdded),i=(0,B.useCallback)(()=>t.current?.click(),[t]),h=(0,B.useCallback)(({target:{files:f}})=>{f&&(l.current?.([...f]),t.current&&(t.current.value=""))},[t,l]);return B.default.createElement("div",{className:a["sendbox__add-attachment"]},B.default.createElement("input",{accept:r,"aria-disabled":e.disabled,"aria-hidden":"true",className:a["sendbox__add-attachment-input"],multiple:n,onInput:e.disabled?void 0:h,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),B.default.createElement(U,{"aria-label":o("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":g.sendBoxUploadButton,onClick:i},B.default.createElement(De,null)))}var ga=(0,B.memo)(mr);var wa=require("botframework-webchat-component"),va=s(require("classnames")),ke=s(require("react"));var fa={sendbox__attachment:"Q"};var{useLocalizer:fr,useUIState:wr}=wa.hooks,vr={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 _r({attachments:e,className:t}){let[a]=wr(),o=c(fa),r=fr({plural:!0});return a!=="blueprint"&&e.length?ke.default.createElement("div",{className:(0,va.default)(o.sendbox__attachment,t)},r(vr,e.length)):null}var _a=(0,ke.memo)(_r);var xa=require("botframework-webchat-component/internal"),se=s(require("react"));var ya={"sendbox__error-message":"Y"};function ka({error:e,id:t}){let a=c(ya);return(0,xa.useLiveRegion)(()=>e&&se.default.createElement("div",{className:"sendbox__error-message__status"},e),[e]),se.default.createElement("span",{className:a["sendbox__error-message"],id:t},e)}ka.displayName="ErrorMessage";var Na=(0,se.memo)(ka);var Sa=require("botframework-webchat-component"),j=require("react"),Ba=require("use-ref-from"),{useConnectivityStatus:xr,useLocalizer:kr}=Sa.hooks,Nr=({attachments:e,message:t})=>{let[a]=xr(),[o,r]=(0,j.useState)(),n=kr(),l=(0,Ba.useRefFrom)(a!=="connected"&&a!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),i=(0,j.useMemo)(()=>Object.freeze(new Map().set("empty",n("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",n("CONNECTIVITY_STATUS_ALT_FATAL"))),[n]),h=!!t?.trim();o==="empty"&&h&&r(void 0);let f=(0,j.useCallback)(()=>(r(l.current),l.current),[l]);return(0,j.useMemo)(()=>Object.freeze([o&&i.get(o),f]),[o,i,f])},Ta=Nr;var Ca=require("react"),Ha=require("botframework-webchat-component"),{useScrollDown:Sr,useScrollUp:Br}=Ha.hooks;function qe(){let e=Sr(),t=Br();return(0,Ca.useCallback)(a=>{if(a.target instanceof HTMLTextAreaElement&&a.target.value)return;let{ctrlKey:o,metaKey:r,shiftKey:n}=a;if(o||r||n)return;let l=!0;switch(a.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&&(a.preventDefault(),a.stopPropagation())},[e,t])}var Ma=require("react");function Je(e){let t=(0,Ma.useMemo)(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var Qe={sendbox:"s","variant-copilot":"Z","sendbox__text-counter":"g","sendbox__text-counter--error":"u",sendbox__sendbox:"ee","sendbox__attachment--in-grid":"w","sendbox__text-area--in-grid":"ae","sendbox__sendbox-controls--in-grid":"re","sendbox__telephone-keypad--in-grid":"oe","sendbox__sendbox-text":"te","sendbox__sendbox-controls":"le"};var Z=s(require("react")),Aa=require("botframework-webchat-component");var{useLocalizer:Cr}=Aa.hooks,Fa=(0,Z.memo)(()=>{let[e,t]=E(),a=Cr(),o=(0,Z.useCallback)(()=>t(r=>!r),[t]);return Z.default.createElement(U,{"aria-label":a("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":g.sendBoxTelephoneKeypadToolbarButton,onClick:o,selected:e},Z.default.createElement(Oe,null))});Fa.displayName="SendBox.TelephoneKeypadToolbarButton";var za=Fa;var Ea=require("botframework-webchat-api"),de=s(require("classnames")),T=s(require("react"));var La={"sendbox__text-area":"ce","sendbox__text-area--hidden":"ie","sendbox__text-area-shared":"ne","sendbox__text-area-doppelganger":"be","sendbox__text-area-input":"de","sendbox__text-area-input--scroll":"he"};var{useUIState:Mr}=Ea.hooks,Pa=(0,T.forwardRef)((e,t)=>{let[a]=Mr(),o=c(La),r=a==="disabled",n=(0,T.useCallback)(l=>{!l.shiftKey&&l.key==="Enter"&&(l.preventDefault(),"form"in l.target&&l.target.form instanceof HTMLFormElement&&l.target?.form?.requestSubmit())},[]);return T.default.createElement("div",{className:(0,de.default)(o["sendbox__text-area"],{[o["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},a==="blueprint"?T.default.createElement("div",{className:(0,de.default)(o["sendbox__text-area-doppelganger"],o["sendbox__text-area-input--scroll"],o["sendbox__text-area-shared"])}," "):T.default.createElement(T.Fragment,null,T.default.createElement("div",{className:(0,de.default)(o["sendbox__text-area-doppelganger"],o["sendbox__text-area-input--scroll"],o["sendbox__text-area-shared"])},e.value||e.placeholder," "),T.default.createElement("textarea",{"aria-disabled":r,"aria-label":e["aria-label"],className:(0,de.default)(o["sendbox__text-area-input"],o["sendbox__text-area-input--scroll"],o["sendbox__text-area-shared"]),"data-testid":e["data-testid"],onInput:e.onInput,onKeyDown:n,placeholder:e.placeholder,readOnly:r,ref:t,rows:e.startRows??1,tabIndex:e.hidden?-1:void 0,value:e.value})))});Pa.displayName="TextArea";var Da=Pa;var{useFocus:Ar,useLocalizer:Fr,useMakeThumbnail:zr,useRegisterFocusSendBox:Lr,useSendBoxAttachments:Er,useSendBoxValue:Pr,useSendMessage:Dr,useStyleOptions:Ir,useUIState:Rr}=Ia.hooks;function Ra(e){let[{hideTelephoneKeypadButton:t,hideUploadButton:a,maxMessageLength:o}]=Ir(),[r,n]=Er(),[l,i]=Pr(),[h,f]=(0,p.useState)(""),[u]=E(),[b]=Rr(),m=c(Qe),_=O(Qe),C=Je("sendbox__error-message-id"),v=(0,p.useRef)(null),H=Fr(),F=zr(),z=Dr(),P=Ar(),D=e.isPrimary?l:h,G=e.isPrimary?i:f,ue=b==="blueprint",[ot,rt]=Ta({message:D,attachments:r}),Q=!!o&&D.length>o,Ga=!ue&&!u&&o&&isFinite(o),nt=!ue&&u;Lr((0,p.useCallback)(({noKeyboard:y,waitUntil:he})=>{v.current&&(y?he((async()=>{let ee=v.current?.getAttribute("readonly");v.current?.setAttribute("readonly","true"),await new Promise(pe=>setTimeout(pe,0)),v.current?.focus(),typeof ee!="string"?v.current?.removeAttribute("readonly"):v.current?.setAttribute("readonly",ee)})()):v.current?.focus())},[v]));let it=(0,et.useRefFrom)(r),lt=(0,et.useRefFrom)(D),$a=(0,p.useCallback)(y=>{"tabIndex"in y.target&&typeof y.target.tabIndex=="number"&&y.target.tabIndex>=0||P("sendBox")},[P]),Ya=(0,p.useCallback)(y=>G(y.currentTarget.value),[G]),ct=(0,p.useCallback)(async y=>{let he=Object.freeze(await Promise.all(y.map(ee=>F(ee).then(pe=>Object.freeze({blob:ee,...pe&&{thumbnailURL:pe}})))));n(he)},[F,n]),qa=(0,p.useCallback)(y=>{y.preventDefault(),rt()!=="empty"&&!Q&&(z(lt.current,void 0,{attachments:it.current}),G(""),n([])),P("sendBox")},[rt,Q,P,z,G,lt,it,n]),Ja=(0,p.useCallback)(y=>z(`/DTMFKey ${y}`),[z]),Qa=qe(),eo={"aria-invalid":"false",...ot&&{"aria-describedby":C,"aria-errormessage":C,"aria-invalid":"true"}};return p.default.createElement("form",{...eo,className:(0,J.default)(m.sendbox,_,e.className),"data-testid":g.sendBoxContainer,onSubmit:qa},p.default.createElement(Xe,null),p.default.createElement("div",{className:(0,J.default)(m.sendbox__sendbox),onClickCapture:$a,onKeyDown:Qa},p.default.createElement(Da,{"aria-label":H(Q?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:(0,J.default)(m["sendbox__sendbox-text"],m["sendbox__text-area--in-grid"]),"data-testid":g.sendBoxTextBox,hidden:nt,onInput:Ya,placeholder:e.placeholder??H("TEXT_INPUT_PLACEHOLDER"),ref:v,value:D}),p.default.createElement(Ge,{autoFocus:!0,className:m["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:Ja}),p.default.createElement(_a,{attachments:r,className:m["sendbox__attachment--in-grid"]}),p.default.createElement("div",{className:(0,J.default)(m["sendbox__sendbox-controls"],m["sendbox__sendbox-controls--in-grid"])},Ga&&p.default.createElement("div",{className:(0,J.default)(m["sendbox__text-counter"],{[m["sendbox__text-counter--error"]]:Q})},`${D.length}/${o}`),p.default.createElement($e,null,!t&&p.default.createElement(za,null),!a&&p.default.createElement(ga,{onFilesAdded:ct}),p.default.createElement(Ye,null),p.default.createElement(U,{"aria-label":H("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":g.sendBoxSendButton,disabled:Q||nt,type:"submit"},p.default.createElement(Re,null)))),p.default.createElement(Ve,{onFilesAdded:ct}),p.default.createElement(Na,{error:ot,id:C})))}var Ne=(0,p.memo)(e=>p.default.createElement(Ra,{...e,isPrimary:!0}));Ne.displayName="PrimarySendBox";var Or=(0,p.memo)(Ra);var Oa=s(require("react")),Va=s(require("classnames"));var tt={theme:"a","variant-copilot":"r"};var Wr="webchat-fluent";function Se(e){let t=c(tt),a=O(tt);return Oa.default.createElement("div",{className:(0,Va.default)(Wr,t.theme,a)},e.children)}function Be(e){return!!(e&&e.from.role==="channel"&&e.type==="message"&&"text"in e)}var be=s(require("react"));var Wa={"liner-message-activity":"se","liner-message-activity__text":"ge"};var Ka=({activity:e})=>{let t=c(Wa);return be.default.createElement("div",{className:t["liner-message-activity"],role:"separator"},be.default.createElement("span",{className:t["liner-message-activity__text"]},e.text))};Ka.displayName="LinerMessageActivity";var at=(0,be.memo)(Ka);var{ThemeProvider:Xr}=Xa.Components,Ur=Object.freeze([()=>e=>(...t)=>{let a=t[0]?.activity;if(q(a))return()=>A.default.createElement(Ee,{activity:a});if(Be(a))return()=>A.default.createElement(at,{activity:a});let o=e(...t);return o&&((...r)=>A.default.createElement(ze,{activity:a},o(...r)))}]),jr=[()=>()=>()=>Ne],Zr=He(),Gr=({children:e,variant:t="fluent"})=>A.default.createElement(bt,{variant:t},A.default.createElement(Se,null,A.default.createElement(Ue,null,A.default.createElement(Xr,{activityMiddleware:Ur,sendBoxMiddleware:jr,styles:Zr},A.default.createElement(Ua.WebChatDecorator,null,e))))),ja=(0,A.memo)(Gr);var $r="tsup",Yr="commonjs",qr="4.18.1-main.20241008.1d59ded",Jr={buildTool:$r,moduleFormat:Yr,version:qr};(0,Za.injectMetaTag)("botframework-webchat:fluent-theme","version=4.18.1-main.20241008.1d59ded; build-tool=tsup; module-format=commonjs");
|
|
2
2
|
/*! For license information please see botframework-webchat-fluent-theme.js.LEGAL.txt */
|
|
3
3
|
//# sourceMappingURL=botframework-webchat-fluent-theme.js.map
|