botframework-webchat-fluent-theme 4.18.1-main.20240917.4b9342a → 4.18.1-main.20240924.f09c8c5

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

@@ -1,3 +1,3 @@
-import{injectMetaTag as wi}from"inject-meta-tag";import{Components as bi}from"botframework-webchat-component";import H,{memo as ui}from"react";import La from"classnames";import $e,{memo as Ea}from"react";import{useContext as pa,useMemo as ga}from"react";import{createContext as ha}from"react";import sa,{memo as ba,useMemo as ua}from"react";function ie({Provider:e},{defaults:t,displayName:a}){let r=({children:o,...n})=>{let c=ua(()=>Object.freeze({...t,...n}),[n]);return sa.createElement(e,{value:c},o)};return r.displayName=a,ba(r)}var ce=ha(new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),ma=ie(ce,{defaults:{variant:""},displayName:"VariantComposer"}),Ze=ma;function W(){let{variant:e}=pa(ce);return ga(()=>e.split(" "),[e])}var fa=".webchat-fluent .a{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 .a:has(.webchat__stacked-layout .webchat__bubble--from-user){--webchat__bubble--background-color: var(--webchat-colorBrandBackground2);--webchat__bubble--block-padding: var(--webchat-spacingVerticalS)}.webchat-fluent .a.F{--webchat__bubble--background-color: var(--webchat-colorNeutralBackground1);--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge);--webchat__bubble--box-shadow: var(--webchat-shadow4)}.webchat-fluent .a.o{--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge)}.webchat-fluent .a.o .webchat__activity-status{margin:0 0 var(--webchat-spacingHorizontalXXS)}.webchat-fluent .a.o .webchat__stacked-layout__status{order:-1}.webchat-fluent .a.o:has(.webchat__bubble--from-user) .webchat__bubble{margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .a.o .webchat__bubble .webchat__text-content .webchat__text-content__generated-badge{display:none}.webchat-fluent .a.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 .a.o:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout{margin:0;position:static}.webchat-fluent .a.o:not(:has(.webchat__bubble--from-user)) .webchat__bubble{position:static;width:var(--webchat__bubble--max-width)}.webchat-fluent .a.o:not(:has(.webchat__bubble--from-user)) .webchat__bubble .webchat__bubble__content{overflow:visible}.webchat-fluent .a.o:not(:has(.webchat__bubble--from-user)) .webchat__text-content{margin-inline-start:28px}.webchat-fluent .a.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 .a.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 .a.o:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout__status{display:none}.webchat-fluent .a .webchat__basic-transcript__activity-body:not(:empty){padding-block-end:var(--webchat-spacingVerticalXL)}.webchat-fluent .a .webchat__stacked-layout{display:flex;flex-flow:column nowrap}.webchat-fluent .a .webchat__stacked-layout .webchat__stacked-layout__content:has(.webchat__bubble){max-width:100%;overflow:visible}.webchat-fluent .a .webchat__stacked-layout .webchat__stacked-layout__status{font-size:var(--webchat__font-size--small);line-height:var(--webchat__line-height--small)}.webchat-fluent .a .webchat__stacked-layout .webchat__bubble{max-width:100%;overflow:visible}.webchat-fluent .a .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 .a .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 .a .webchat__stacked-layout .webchat__bubble .webchat__text-content:empty{padding-block-end:0}.webchat-fluent .a .webchat__stacked-layout .webchat__bubble .webchat__text-content+.webchat__text-content{margin-top:calc(var(--webchat__bubble--block-padding) * -1)}.webchat-fluent .a .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 .a .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge{cursor:default;font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent .a .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__fileName{color:var(--webchat-colorBrandForegroundLink);font-family:inherit}.webchat-fluent .a .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__size{color:var(--webchat-colorNeutralForeground2);font-family:inherit}.webchat-fluent .a .border-loader{max-width:100%;width:var(--webchat__bubble--max-width)}.webchat-fluent .a .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier){color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .a .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .a .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .a .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .a .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 .a .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 .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .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 .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .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 .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .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 .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__pure-identifier):before,:is(.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__pure-identifier):after{all:unset}:is(.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__pure-identifier):has(.webchat__render-markdown__external-link-icon){padding-inline:3px}:is(.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .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 .a .webchat__link-definitions__header{border-radius:var(--webchat-borderRadiusMedium)}.webchat-fluent .a .webchat__link-definitions__header .webchat__link-definitions__header-text{color:var(--webchat-colorNeutralForeground3)}.webchat-fluent .a .webchat__link-definitions__header .webchat__link-definitions__header-chevron{fill:var(--webchat-colorNeutralForeground3);font-size:var(--webchat__font-size--small);width:1em}.webchat-fluent .a .webchat__link-definitions__header:focus-visible{outline-offset:1px;outline:var(--webchat-strokeWidthThin) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent .a .webchat__link-definitions{--webchat__citation__external-link--mask: var(--webchat-externalLink-mask);--webchat__citation__link--max-width: var(--webchat-externalLink-maxWidth)}.webchat-fluent .a .webchat__link-definitions .webchat__link-definitions__list{color:var(--webchat__color--subtle);display:flex;flex-flow:row wrap;gap:var(--webchat-spacingHorizontalS)}.webchat-fluent .a .webchat__link-definitions .webchat__link-definitions__list-item{border-radius:var(--webchat-borderRadiusMedium);max-width:var(--webchat__citation__link--max-width)}.webchat-fluent .a .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 .a .webchat__link-definitions .webchat__link-definitions__list-item-body{font-family:inherit;gap:var(--webchat-spacingHorizontalSNudge);min-width:0;padding:0}.webchat-fluent .a .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 .a .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 .a .webchat__link-definitions .webchat__link-definitions__list-item-main-text{gap:var(--webchat-spacingHorizontalXS)}.webchat-fluent .a .webchat__link-definitions .webchat__link-definitions__list-item-text{color:currentColor;text-decoration:none;text-overflow:ellipsis}.webchat-fluent .a .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 .a .webchat__link-definitions :is(.webchat__link-definitions__list-item-badge,.webchat__link-definitions__open-in-new-window-icon){display:none}.webchat-fluent .y{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 .B{aspect-ratio:1;background-color:var(--background-color);border-radius:var(--webchat-borderRadiusSmall);width:20px}.webchat-fluent .S{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 .N{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 .z{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 .H{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 .L{opacity:60%}.webchat-fluent .L .t{filter:grayscale(1)}.webchat-fluent .t{border-radius:var(--webchat-borderRadiusMedium);height:64px;margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .X{color:var(--webchat-colorNeutralForeground1);font-family:inherit;font-size:var(--webchat-fontSizeHero700);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightHero700);margin:0}.webchat-fluent .M{font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent .W{grid-area:toolbar}.webchat-fluent .V{-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 .V:has(.c){grid-template-areas:\"image title\" \"image subtitle\";grid-template-columns:20px 1fr}.webchat-fluent .V:empty{row-gap:14px}.webchat-fluent .V:is([aria-disabled=true],:empty){cursor:default}.webchat-fluent .V[aria-disabled=true]:not(:empty){background-color:var(--webchat-colorNeutralBackgroundDisabled)}.webchat-fluent .V:hover:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Hover)}.webchat-fluent .V:active:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Pressed)}.webchat-fluent .V:focus-visible{outline:solid 2px var(--webchat-colorStrokeFocus2);outline-offset:-2px}.webchat-fluent .V:empty:after,.webchat-fluent .V:empty:before{animation:l 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 .V:empty:after,.webchat-fluent .V:empty:before{animation-delay:-1s;animation-play-state:paused}}.webchat-fluent .V:dir(rtl):empty:after,.webchat-fluent .V:dir(rtl):empty:before{animation-direction:reverse}.webchat-fluent .V:empty:after{border-radius:16px;height:16px;width:100%}.webchat-fluent .V:empty:before{border-radius:18px;height:18px;width:66%}@keyframes l{0%{background-position-x:0%}to{background-position-x:-300%}}.webchat-fluent .c{grid-area:image;height:20px;width:20px}.webchat-fluent .R{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightRegular);grid-area:subtitle;line-height:20px;pointer-events:none}.webchat-fluent .P{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightSemibold);grid-area:title;line-height:20px}.webchat-fluent .T{container-name:i;container-type:inline-size}.webchat-fluent .b{display:grid;gap:var(--webchat-spacingHorizontalM);grid-template-columns:1fr 1fr 1fr;padding:0}@container i (width <= 480px){.webchat-fluent .b{grid-template-columns:1fr}}.webchat-fluent .D{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 .C{background-color:#e00;color:#fff}.webchat-fluent .G{height:36px;pointer-events:none;width:36px}.webchat-fluent .U{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 .U:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .U:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .U[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .j{font-size:var(--webchat-fontSizeBase200);height:1em;width:1em}.webchat-fluent .A{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .A:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .A.I{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .A.E{flex-direction:column}.webchat-fluent .n{-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 .n: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 .q .n{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .q .d{display:none}.webchat-fluent .q .h{font-size:20px;margin-top:0}.webchat-fluent .J{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 .K{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 .O{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .Q{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .Q:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .Q:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .Q:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .Q:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .Y{--webchat__sendbox-button-height: 32px;display:flex;gap:4px;height:var(--webchat__sendbox-button-height);margin-inline-start:auto}.webchat-fluent .Z{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 .Z>svg{font-size:20px;pointer-events:none}.webchat-fluent .Z.aa{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .Z:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .Z:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .Z[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .ea{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .ea:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .ra{display:grid}.webchat-fluent .oa{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .ta{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .ca{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .w{--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 .w.la .s:not(.g){visibility:hidden}.webchat-fluent .ia{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 .ia:has(.u){--webchat-sendbox-attachment-area-active: \"attachment\" }.webchat-fluent .ia:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .ia: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 .ia: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 .ia>.ba{grid-area:text-area}.webchat-fluent .ia>.u{grid-area:attachment}.webchat-fluent .ia>.na{grid-area:controls}.webchat-fluent .ia>.da{grid-area:telephone-keypad}.webchat-fluent .ha{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 .ha:focus-within{font-size:16px}}.webchat-fluent .wa{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .s{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .g{color:var(--webchat-colorStatusDangerForeground1)}.webchat-fluent .sa{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .ga{height:0;visibility:collapse}.webchat-fluent .ua{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .va{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .pa{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent ._a{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent ._a::-webkit-scrollbar{width:8px}.webchat-fluent ._a::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent ._a::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent ._a::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent.e{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.e{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent.e .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.e.r .webchat__css-custom-properties{--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalXL) var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.e .webchat__surface{background-color:var(--webchat__color--surface)}.webchat-fluent.e.r .webchat__surface{box-sizing:border-box;padding-inline-start:var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.e .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.e .webchat__basic-transcript .webchat__basic-transcript__scrollable::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge);visibility:hidden}.webchat-fluent.e .webchat__basic-transcript .webchat__basic-transcript__scrollable:hover::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge)}.webchat-fluent.e .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.e .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.e.r .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-gutter:stable}.webchat-fluent.e .webchat__basic-transcript .webchat__basic-transcript__terminator:focus-visible+.webchat__basic-transcript__focus-indicator{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.e .webchat__basic-transcript:not(:focus-visible) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent.e .webchat__basic-transcript:focus-visible:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__focus-indicator{display:none}.webchat-fluent.e .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.e .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__bubble:after,.webchat-fluent.e .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.e .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.e .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.e.r .webchat__basic-transcript .webchat__basic-transcript__filler{flex-grow:0}.webchat-fluent.e .webchat__basic-transcript:has(.webchat__basic-transcript__activity:only-child):has(.pre-chat-message-activity) .webchat__basic-transcript__filler{flex-grow:.5}.webchat-fluent.e .webchat__modal-dialog{height:100%;display:grid;place-items:center}.webchat-fluent.e .webchat__modal-dialog::backdrop{background-color:var(--webchat-colorTransparentBackground)}.webchat-fluent.e .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.e .webchat__modal-dialog .webchat__modal-dialog__close-button{color:var(--webchat-colorNeutralForeground1);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent.e .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:not(:active):hover{background-color:var(--webchat-colorNeutralBackground3)}.webchat-fluent.e .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:active{background-color:var(--webchat-colorNeutralBackground4)}.webchat-fluent.e .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:focus-visible){border:none}.webchat-fluent.e .webchat__modal-dialog .webchat__modal-dialog__close-button:focus{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.e .webchat__modal-dialog .webchat__modal-dialog__close-button-image{fill:currentColor}.webchat-fluent.e .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.e .webchat__activity-button:hover{background:var(--webchat-colorNeutralBackground1Hover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Hover);color:var(--webchat-colorNeutralForeground1Hover)}.webchat-fluent.e .webchat__activity-button:active{background:var(--webchat-colorNeutralBackground1Pressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Pressed);color:var(--webchat-colorNeutralForeground1Pressed)}.webchat-fluent.e .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.e .webchat__activity-button[aria-disabled=true]{background:var(--webchat-colorNeutralBackgroundDisabled);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStrokeDisabled);color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent.e .webchat__activity-button .webchat__activity-button__icon{height:20px;width:20px}.webchat-fluent.e .webchat__activity-copy-button .webchat__activity-copy-button__copied-text{background-color:var(--webchat-colorNeutralBackground1)}.webchat-fluent.e .webchat__activity-copy-button.webchat__activity-copy-button--copied .webchat__activity-copy-button__copied-text{animation-duration:var(--webchat-durationUltraSlow)}.webchat-fluent.e .webchat__monochrome-image-masker{background-color:var(--webchat-colorNeutralForeground4)}@property --webchat-decorator-borderFlair-animated-angle{inherits: true; initial-value: 0; syntax: \"<number>\";}@property --webchat-decorator-borderFlair-animated-color1{inherits: true; initial-value: transparent; syntax: \"<color>\";}@property --webchat-decorator-borderFlair-animated-color2{inherits: true; initial-value: transparent; syntax: \"<color>\";}@property --webchat-decorator-borderFlair-animated-color3{inherits: true; initial-value: transparent; syntax: \"<color>\";}@keyframes v{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes p{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes _{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes m{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat-fluent .f{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient(calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3));--webchat-decorator-borderFlair-borderMask: linear-gradient(hsl(0 0% 100% / 0), hsl(0 0% 100% / 0)) padding-box, linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%)) border-box;animation:v 2s linear 0ms forwards,p 1.2s linear 0ms forwards,_ 1.2s linear .2s forwards,m 1.2s linear .4s forwards;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;inset:0;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);mask-composite:intersect;pointer-events:none;position:absolute}.webchat-fluent .ma{animation-play-state:paused}@supports (-moz-appearance: none){@keyframes x{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat-fluent .f{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix(in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade));--webchat-decorator-borderFlair-animated-color2: color-mix(in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade));--webchat-decorator-borderFlair-animated-color3: color-mix(in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade));animation:x 2s linear forwards}}@keyframes k{0%{left:-33%;width:33%}to{left:100%;width:33%}}.webchat-fluent .fa{border-radius:inherit}.webchat-fluent .xa{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6);height:var(--webchat-decorator-borderLoader-borderSize);position:relative;width:100%}.webchat-fluent .ka{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);animation:k 3s linear infinite;background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);inset:0;isolation:isolate;position:absolute;width:100%}.webchat-fluent .Fa{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 .Fa:before,.webchat-fluent .Fa:after{border-top:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);content:\"\";display:flex;flex:auto;min-width:8px}.webchat-fluent .ya{text-align:center}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n";function $(){if(globalThis.document){let e=document.createElement("style");e.append(document.createTextNode(fa)),document.head.appendChild(e)}}import{useMemo as wa}from"react";function va(e){return wa(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,a])=>[t,`${t} ${a}`]))),[e])}var l=va;import{useMemo as _a}from"react";function C(e){let t=l(e),a=W();return _a(()=>a.map(r=>t[`variant-${r}`]).filter(r=>r).join(" "),[t,a])}var le={"activity-decorator":"a","variant-fluent":"F","variant-copilot":"o"};import Y,{memo as Ca,useMemo as Ha}from"react";import{hooks as Ma}from"botframework-webchat-component";import{useMemo as xa}from"react";import{hooks as ka}from"botframework-webchat-component";var{useStyleOptions:Fa}=ka;function de(e){let[t]=Fa();return xa(()=>Object.freeze([{...t,...e?.channelData?.webChat?.styleOptions}]),[e?.channelData?.webChat?.styleOptions,t])}import{getOrgSchemaMessage as Na}from"botframework-webchat-core";function se(e){return!!(e&&Na(e?.entities||[])?.keywords?.includes("AIGeneratedContent"))}import{useMemo as Sa}from"react";import{getOrgSchemaMessage as Ba}from"botframework-webchat-core";function L(e){return Sa(()=>{let t=Ba(e?.entities||[]);return typeof t?.author=="string"?{"@type":"Person",description:void 0,image:void 0,name:t?.author}:t?.author},[e])}var je={"copilot-message-header":"y","copilot-message-header__avatar":"B","copilot-message-header__title":"S","copilot-message-header__ai-generated-content":"N"};var{useLocalizer:Aa}=Ma;function za({activity:e}){let[{botAvatarImage:t,botAvatarBackgroundColor:a}]=de(e),r=l(je),o=Aa(),n=se(e),c=Ha(()=>({"--background-color":a}),[a]),i=L(e),b=i?.image||t,m=i?.name||e?.from?.name;return Y.createElement("div",{className:r["copilot-message-header"]},b&&Y.createElement("img",{alt:o("AVATAR_ALT",m),className:r["copilot-message-header__avatar"],src:b,style:c}),Y.createElement("span",{className:r["copilot-message-header__title"],title:m},m),n&&Y.createElement("span",{className:r["copilot-message-header__ai-generated-content"]},o("ACTIVITY_CONTENT_CAUTION")))}var Ge=Ca(za);function Ye({activity:e,children:t}){let a=l(le),r=W(),o=C(le),n=r.includes("copilot")&&e?.from?.role==="bot"&&!!t;return $e.createElement("div",{className:La(a["activity-decorator"],o)},n&&$e.createElement(Ge,{activity:e}),t)}Ye.displayName="ActivityDecorator";var be=Ea(Ye);import{getOrgSchemaMessage as Pa}from"botframework-webchat-core";function E(e){return!!(e&&Pa(e?.entities||[])?.keywords?.includes("PreChatMessage"))}import{hooks as rr}from"botframework-webchat-component";import or from"classnames";import P,{memo as nr,useMemo as ir}from"react";var Je={"pre-chat-message-activity":"z","pre-chat-message-activity__body":"H","pre-chat-message-activity__body--blueprint":"L","pre-chat-message-activity__body-avatar":"t","pre-chat-message-activity__body-title":"X","pre-chat-message-activity__body-subtitle":"M","pre-chat-message-activity__toolbar":"W"};import{hooks as qa}from"botframework-webchat-api";import Qa from"classnames";import M,{Fragment as er,memo as tr}from"react";import{Components as Va,hooks as Wa}from"botframework-webchat-component";import Qe from"classnames";import K,{memo as Ka,useCallback as Xa,useMemo as Oa}from"react";import{useRefFrom as Ua}from"use-ref-from";var Ia={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"},h=Ia;var qe={"pre-chat-message-activity__card-action-box":"V","pre-chat-message-activity__card-action-image":"c",blueprintAnimation:"l","pre-chat-message-activity__card-action-subtitle":"R","pre-chat-message-activity__card-action-title":"P"};var{useFocus:Za,useRenderMarkdownAsHTML:ja,useSendBoxValue:Ga,useUIState:$a}=Wa,{MonochromeImageMasker:Ya}=Va,et=({className:e,messageBackAction:t})=>{let[a,r]=Ga(),[o]=$a(),n=l(qe),c=Za(),i=Ua(t?.displayText||t?.text||""),b=ja("message activity"),m=Oa(()=>b?{__html:b(t?.text||"")}:void 0,[t?.text,b]),s=o==="disabled",d=t&&"title"in t&&t.title,u=o==="blueprint"||!d,f=Xa(()=>{r(i.current),c("sendBox")},[c,i,r]);return u?K.createElement("div",{className:Qe(e,n["pre-chat-message-activity__card-action-box"]),"data-testid":h.preChatMessageActivityStarterPromptsCardAction}):K.createElement("button",{"aria-disabled":s?!0:void 0,className:Qe(e,n["pre-chat-message-activity__card-action-box"]),"data-testid":h.preChatMessageActivityStarterPromptsCardAction,onClick:s?void 0:f,tabIndex:s?-1:void 0,type:"button"},K.createElement("div",{className:n["pre-chat-message-activity__card-action-title"]},d),"image"in t&&t.image&&K.createElement(Ya,{className:n["pre-chat-message-activity__card-action-image"],src:t.image}),K.createElement("div",{className:n["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:m}))};et.displayName="StarterPromptsCardAction";var X=Ka(et);var tt={"pre-chat-message-activity__card-action-toolbar":"T","webchat-container":"i","pre-chat-message-activity__card-action-toolbar-grid":"b"};var{useUIState:ar}=qa,at=({cardActions:e,className:t})=>{let a=l(tt),[r]=ar();return M.createElement("div",{className:Qa(t,a["pre-chat-message-activity__card-action-toolbar"])},M.createElement("div",{className:a["pre-chat-message-activity__card-action-toolbar-grid"]},r==="blueprint"?M.createElement(er,null,M.createElement(X,null),M.createElement(X,null),M.createElement(X,null)):e.filter(o=>o.type==="messageBack").map((o,n)=>M.createElement(X,{key:n,messageBackAction:o}))))};at.displayName="StarterPromptsToolbar";var rt=tr(at);var{useLocalizer:cr,useRenderMarkdownAsHTML:lr,useUIState:dr}=rr,ot=({activity:e})=>{let[t]=dr(),a=l(Je),r=lr(),o=cr(),n=L(e),c=ir(()=>r?{__html:r(n?.description||"")}:{__html:""},[n?.description,r]);return P.createElement("div",{className:a["pre-chat-message-activity"]},n&&P.createElement("div",{className:or(a["pre-chat-message-activity__body"],t==="blueprint"&&a["pre-chat-message-activity__body--blueprint"])},n.image&&P.createElement("img",{alt:o("AVATAR_ALT",n.name),className:a["pre-chat-message-activity__body-avatar"],src:n.image}),n.name&&P.createElement("h2",{className:a["pre-chat-message-activity__body-title"]},n.name),n.description&&P.createElement("div",{className:a["pre-chat-message-activity__body-subtitle"],dangerouslySetInnerHTML:c})),P.createElement(rt,{cardActions:e.suggestedActions?.actions||[],className:a["pre-chat-message-activity__toolbar"]}))};ot.displayName="PreChatMessageActivity";var ue=nr(ot);import{hooks as Mn}from"botframework-webchat-component";import U from"classnames";import w,{memo as Gt,useCallback as I,useRef as An,useState as zn}from"react";import{useRefFrom as jt}from"use-ref-from";import nt,{memo as sr}from"react";function br(e){return nt.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},nt.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 he=sr(br);import it,{memo as ur}from"react";function hr(e){return it.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},it.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 me=ur(hr);import ct,{memo as mr}from"react";function pr(e){return ct.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ct.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 pe=mr(pr);import lt,{memo as gr}from"react";function fr(e){return lt.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},lt.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 ge=gr(fr);import dt,{memo as wr}from"react";function vr(e){return dt.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},dt.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 fe=wr(vr);import{hooks as yr}from"botframework-webchat-component";import xr from"classnames";import bt,{memo as kr,useCallback as Fr,useEffect as Nr,useRef as Sr,useState as Br}from"react";import{useRefFrom as Tr}from"use-ref-from";var st={"sendbox__attachment-drop-zone":"D","sendbox__attachment-drop-zone--droppable":"C","sendbox__attachment-drop-zone-icon":"G"};var{useLocalizer:Cr}=yr,Hr=e=>{e.preventDefault()},ut=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function Mr(e,t){let a=e.parentNode;for(;a;){if(a===t)return!0;a=a.parentNode}return!1}var ht=e=>{let[t,a]=Br(!1),r=l(st),o=Sr(null),n=Cr(),c=Tr(e.onFilesAdded);Nr(()=>{let b=0,m=d=>{b++,ut(d)&&a(o.current&&(d.target===o.current||d.target instanceof HTMLElement&&Mr(d.target,o.current))?"droppable":"visible")},s=()=>--b<=0&&a(!1);return document.addEventListener("dragenter",m,!1),document.addEventListener("dragleave",s,!1),()=>{document.removeEventListener("dragenter",m),document.removeEventListener("dragleave",s)}},[a]);let i=Fr(b=>{b.preventDefault(),a(!1),ut(b.nativeEvent)&&c.current([...b.dataTransfer.files])},[c,a]);return t?bt.createElement("div",{className:xr(r["sendbox__attachment-drop-zone"],{[r["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":h.sendBoxDropZone,onDragOver:Hr,onDrop:i,ref:o},bt.createElement(he,{className:r["sendbox__attachment-drop-zone-icon"]}),n("TEXT_INPUT_DROP_ZONE")):null};ht.displayName="DropZone";var we=kr(ht);import{hooks as oo}from"botframework-webchat-component";import no from"classnames";import J,{memo as io,useCallback as co}from"react";function ve(e){let{title:t}=e,{type:a,value:r}=e;return a==="messageBack"?t||e.displayText:t||(typeof r=="string"?r:JSON.stringify(r))}import Ar,{createContext as zr,memo as Lr,useCallback as D,useContext as Er,useEffect as Pr,useMemo as Dr,useRef as _e}from"react";var mt=zr({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function Ir(e){let t=_e(0),a=_e([]),r=D(({current:s},d)=>s&&(s.tabIndex=t.current===d?0:-1),[t]),o=D(s=>{let d;typeof s=="number"?d=s:d=s(t.current),d&&!a.current.at(d)?.current&&(d=0),t.current!==d&&(t.current=d,a.current.forEach((u,f)=>r(u,f)),a.current.at(d)?.current?.focus())},[r,a,t]),n=D(s=>{let{target:d}=s,u=a.current.findIndex(({current:f})=>f===d);u!==-1&&o(u)},[a,o]),c=D(s=>d=>{let u=!e.direction,f=/up|down/iu.test(s)&&e.direction==="vertical",x=/left|right/iu.test(s)&&e.direction==="horizontal",p=/right|down/iu.test(s),k=u||f||x?p?1:-1:0,F=a.current.map((B,T)=>T),N=F.indexOf(d)+k;return F.at(N)??0},[e.direction]),i=D(s=>{let{key:d}=s;switch(d){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":o(c(d));break;case"Home":o(0);break;case"End":o(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}s.preventDefault(),s.stopPropagation()},[o,c,e]),b=D((s,d)=>{let{current:u}=s;return a.current[Number(d)]=s,u.addEventListener("focus",n),u.addEventListener("keydown",i),r(s,d),()=>{u.removeEventListener("focus",n),u.removeEventListener("keydown",i),delete a.current[Number(d)]}},[n,i,r,a]),m=Dr(()=>({itemEffector:b}),[b]);return Ar.createElement(mt.Provider,{value:m},e.children)}function pt(e){let t=_e(null),{itemEffector:a}=Er(mt);return Pr(()=>a(t,e)),t}var gt=Lr(Ir);import{hooks as Zr}from"botframework-webchat-component";import jr from"classnames";import ye,{memo as Gr,useCallback as $r}from"react";import Rr,{forwardRef as Vr,memo as Wr,useRef as Kr}from"react";var Xr=e=>e.preventDefault(),Or=Vr(({"aria-hidden":e,children:t,className:a,"data-testid":r,disabled:o,onClick:n,tabIndex:c},i)=>{let b=Kr(null);return Rr.createElement("button",{"aria-disabled":o?"true":void 0,"aria-hidden":e,className:a,"data-testid":r,onClick:o?Xr:n,ref:i||b,tabIndex:o?-1:c,type:"button"},t)}),ft=Wr(Or);var wt={"suggested-action":"U","suggested-action__image":"j"};var{useFocus:Yr,usePerformCardAction:Jr,useScrollToEnd:qr,useStyleSet:Qr,useSuggestedActions:eo,useUIState:to}=Zr;function ao({buttonText:e,className:t,displayText:a,image:r,imageAlt:o,itemIndex:n,text:c,type:i,value:b}){let[m,s]=eo(),[{suggestedAction:d}]=Qr(),[u]=to(),f=Yr(),x=pt(n),p=Jr(),k=l(wt),F=qr(),N=$r(({target:B})=>{(async function(){await f("sendBoxWithoutKeyboard"),p({displayText:a,text:c,type:i,value:b},{target:B}),i==="openUrl"&&s([]),F()})()},[a,f,p,F,s,c,i,b]);return ye.createElement(ft,{className:jr(k["suggested-action"],d+"",(t||"")+""),"data-testid":h.sendBoxSuggestedAction,disabled:u==="disabled",onClick:N,ref:x,type:"button"},r&&ye.createElement("img",{alt:o,className:k["suggested-action__image"],src:r}),ye.createElement("span",null,e))}var vt=Gr(ao);var xe={"suggested-actions":"A","suggested-actions--flow":"I","suggested-actions--stacked":"E"};var{useFocus:lo,useLocalizer:so,useStyleOptions:bo,useStyleSet:uo,useSuggestedActions:ho,useUIState:mo}=oo;function po(e){let[{suggestedActionLayout:t}]=bo(),[{suggestedActions:a}]=uo(),[r]=mo(),o=l(xe);return J.createElement("div",{"aria-label":e["aria-label"],"aria-orientation":"vertical",className:no(o["suggested-actions"],a+"",{[o["suggested-actions--flow"]]:t==="flow",[o["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},r!=="blueprint"&&e.children)}function go(){let e=l(xe),t=so(),[a,r,{activity:o}]=ho(),n=lo(),c=co(()=>{n("sendBox")},[n]),i=E(o)?[]:a.map((b,m)=>{let{displayText:s,image:d,imageAltText:u,text:f,type:x,value:p}=b;return a?.length?J.createElement(vt,{buttonText:ve(b),displayText:s,image:d,imageAlt:d&&(u||f),itemIndex:m,key:m,text:f,type:x,value:p}):null});return J.createElement(gt,{onEscapeKey:c},J.createElement(po,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},i))}var ke=io(go);import wo,{memo as vo,useMemo as _o,useState as yo}from"react";import{createContext as fo}from"react";var _t=fo(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));_t.displayName="TelephoneKeypad.Context";var q=_t;var xo=vo(({children:e})=>{let[t,a]=yo(!1),r=_o(()=>Object.freeze({setShown:a,shown:t}),[a,t]);return wo.createElement(q.Provider,{value:r},e)}),Fe=xo;import Po,{memo as Do}from"react";import{Components as Mo}from"botframework-webchat-component";import Ao from"classnames";import g,{memo as Ft,useCallback as y,useEffect as zo,useRef as Lo}from"react";import{useRefFrom as kt}from"use-ref-from";import Ne,{forwardRef as Fo,memo as No,useCallback as So}from"react";import{useRefFrom as Bo}from"use-ref-from";var yt={"telephone-keypad__button":"n","telephone-keypad__button__ruby":"d","telephone-keypad__button__text":"h","telephone-keypad--horizontal":"q"};var xt=No(Fo(({button:e,"data-testid":t,onClick:a,ruby:r},o)=>{let n=l(yt),c=Bo(a),i=So(()=>c.current?.(),[c]);return Ne.createElement("button",{className:n["telephone-keypad__button"],"data-testid":t,onClick:i,ref:o,type:"button"},Ne.createElement("span",{className:n["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!r&&Ne.createElement("ruby",{className:n["telephone-keypad__button__ruby"]},r))}));xt.displayName="TelephoneKeypad.Button";var _=xt;import{useContext as To,useMemo as Co}from"react";function S(){let{setShown:e,shown:t}=To(q);return Co(()=>Object.freeze([t,e]),[t,e])}var Se={"telephone-keypad":"J","telephone-keypad__box":"K","telephone-keypad__info-message":"O","telephone-keypad__info-message-link":"Q"};var{LocalizedString:Eo}=Mo,Nt=Ft(({children:e,isHorizontal:t})=>{let a=l(Se);return t?null:g.createElement("div",{className:a["telephone-keypad__box"]},e)});Nt.displayName="TelephoneKeypad:Orientation";var St=Ft(({autoFocus:e,className:t,onButtonClick:a,isHorizontal:r})=>{let o=kt(e),n=l(Se),c=Lo(null),i=kt(a),[,b]=S(),m=y(()=>i.current?.("1"),[i]),s=y(()=>i.current?.("2"),[i]),d=y(()=>i.current?.("3"),[i]),u=y(()=>i.current?.("4"),[i]),f=y(()=>i.current?.("5"),[i]),x=y(()=>i.current?.("6"),[i]),p=y(()=>i.current?.("7"),[i]),k=y(()=>i.current?.("8"),[i]),F=y(()=>i.current?.("9"),[i]),N=y(()=>i.current?.("0"),[i]),B=y(()=>i.current?.("*"),[i]),T=y(()=>i.current?.("#"),[i]),z=y(Z=>{Z.key==="Escape"&&b(!1)},[b]);return zo(()=>{o.current&&c.current?.focus()},[o,c]),g.createElement("div",{className:Ao(n["telephone-keypad"],t),onKeyDown:z},g.createElement(Nt,{isHorizontal:r},g.createElement(_,{button:"1","data-testid":h.sendBoxTelephoneKeypadButton1,onClick:m,ref:c}),g.createElement(_,{button:"2","data-testid":h.sendBoxTelephoneKeypadButton2,onClick:s,ruby:"ABC"}),g.createElement(_,{button:"3","data-testid":h.sendBoxTelephoneKeypadButton3,onClick:d,ruby:"DEF"}),g.createElement(_,{button:"4","data-testid":h.sendBoxTelephoneKeypadButton4,onClick:u,ruby:"GHI"}),g.createElement(_,{button:"5","data-testid":h.sendBoxTelephoneKeypadButton5,onClick:f,ruby:"JKL"}),g.createElement(_,{button:"6","data-testid":h.sendBoxTelephoneKeypadButton6,onClick:x,ruby:"MNO"}),g.createElement(_,{button:"7","data-testid":h.sendBoxTelephoneKeypadButton7,onClick:p,ruby:"PQRS"}),g.createElement(_,{button:"8","data-testid":h.sendBoxTelephoneKeypadButton8,onClick:k,ruby:"TUV"}),g.createElement(_,{button:"9","data-testid":h.sendBoxTelephoneKeypadButton9,onClick:F,ruby:"WXYZ"}),g.createElement(_,{button:"*","data-testid":h.sendBoxTelephoneKeypadButtonStar,onClick:B}),g.createElement(_,{button:"0","data-testid":h.sendBoxTelephoneKeypadButton0,onClick:N,ruby:"+"}),g.createElement(_,{button:"#","data-testid":h.sendBoxTelephoneKeypadButtonPound,onClick:T})),g.createElement("div",{className:n["telephone-keypad__info-message"]},g.createElement(pe,null),g.createElement(Eo,{linkClassName:n["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});St.displayName="TelephoneKeypad";var Bt=St;var Tt=Do(e=>S()[0]?Po.createElement(Bt,{...e}):null);Tt.displayName="TelephoneKeypad.Surrogate";var Be=Tt;import{hooks as Ko}from"botframework-webchat-component";import ee,{useCallback as Mt,useRef as Xo,memo as Oo}from"react";import{useRefFrom as Uo}from"use-ref-from";import{hooks as Ro}from"botframework-webchat-api";import Te from"classnames";import Ce,{memo as He}from"react";var Q={sendbox__toolbar:"Y","sendbox__toolbar-button":"Z","sendbox__toolbar-button--selected":"aa","sendbox__toolbar-separator":"ea"};var{useUIState:Ct}=Ro,Vo=e=>e.preventDefault(),A=He(e=>{let t=l(Q),[a]=Ct(),r=e.disabled||a==="disabled";return Ce.createElement("button",{"aria-disabled":r?"true":void 0,"aria-label":e["aria-label"],className:Te(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:r?Vo:e.onClick,tabIndex:r?-1:void 0,type:e.type==="submit"?"submit":"button"},e.children)});A.displayName="ToolbarButton";var Me=He(e=>{let[t]=Ct(),a=l(Q);return Ce.createElement("div",{className:Te(a.sendbox__toolbar,e.className)},t!=="blueprint"&&e.children)});Me.displayName="Toolbar";var Ae=He(e=>{let t=l(Q);return Ce.createElement("div",{"aria-orientation":"vertical",className:Te(t["sendbox__toolbar-separator"],e.className),role:"separator"})});Ae.displayName="ToolbarSeparator";var Ht={"sendbox__add-attachment":"ra","sendbox__add-attachment-input":"oa"};var{useLocalizer:Zo,useStyleOptions:jo}=Ko;function Go(e){let t=Xo(null),a=l(Ht),r=Zo(),[{uploadAccept:o,uploadMultiple:n}]=jo(),c=Uo(e.onFilesAdded),i=Mt(()=>t.current?.click(),[t]),b=Mt(({target:{files:m}})=>{m&&(c.current?.([...m]),t.current&&(t.current.value=""))},[t,c]);return ee.createElement("div",{className:a["sendbox__add-attachment"]},ee.createElement("input",{accept:o,"aria-disabled":e.disabled,"aria-hidden":"true",className:a["sendbox__add-attachment-input"],multiple:n,onInput:e.disabled?void 0:b,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),ee.createElement(A,{"aria-label":r("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":h.sendBoxUploadButton,onClick:i},ee.createElement(me,null)))}var At=Oo(Go);import{hooks as Yo}from"botframework-webchat-component";import Jo from"classnames";import qo,{memo as Qo}from"react";var zt={sendbox__attachment:"ta"};var{useLocalizer:en,useUIState:tn}=Yo,an={one:"TEXT_INPUT_ATTACHMENTS_ONE",two:"TEXT_INPUT_ATTACHMENTS_TWO",few:"TEXT_INPUT_ATTACHMENTS_FEW",many:"TEXT_INPUT_ATTACHMENTS_MANY",other:"TEXT_INPUT_ATTACHMENTS_OTHER"};function rn({attachments:e,className:t}){let[a]=tn(),r=l(zt),o=en({plural:!0});return a!=="blueprint"&&e.length?qo.createElement("div",{className:Jo(r.sendbox__attachment,t)},o(an,e.length)):null}var Lt=Qo(rn);import{useLiveRegion as nn}from"botframework-webchat-component/internal";import Pt,{memo as cn}from"react";var Et={"sendbox__error-message":"ca"};function Dt({error:e,id:t}){let a=l(Et);return nn(()=>e&&Pt.createElement("div",{className:"sendbox__error-message__status"},e),[e]),Pt.createElement("span",{className:a["sendbox__error-message"],id:t},e)}Dt.displayName="ErrorMessage";var It=cn(Dt);import{hooks as ln}from"botframework-webchat-component";import{useCallback as dn,useMemo as Rt,useState as sn}from"react";import{useRefFrom as bn}from"use-ref-from";var{useConnectivityStatus:un,useLocalizer:hn}=ln,mn=({attachments:e,message:t})=>{let[a]=un(),[r,o]=sn(),n=hn(),c=bn(a!=="connected"&&a!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),i=Rt(()=>Object.freeze(new Map().set("empty",n("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",n("CONNECTIVITY_STATUS_ALT_FATAL"))),[n]),b=!!t?.trim();r==="empty"&&b&&o(void 0);let m=dn(()=>(o(c.current),c.current),[c]);return Rt(()=>Object.freeze([r&&i.get(r),m]),[r,i,m])},Vt=mn;import{useCallback as pn}from"react";import{hooks as gn}from"botframework-webchat-component";var{useScrollDown:fn,useScrollUp:wn}=gn;function ze(){let e=fn(),t=wn();return pn(a=>{if(a.target instanceof HTMLTextAreaElement&&a.target.value)return;let{ctrlKey:r,metaKey:o,shiftKey:n}=a;if(r||o||n)return;let c=!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:c=!1;break}c&&(a.preventDefault(),a.stopPropagation())},[e,t])}import{useMemo as vn}from"react";function Le(e){let t=vn(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var Ee={sendbox:"w","variant-copilot":"la","sendbox__text-counter":"s","sendbox__text-counter--error":"g",sendbox__sendbox:"ia","sendbox__attachment--in-grid":"u","sendbox__text-area--in-grid":"ba","sendbox__sendbox-controls--in-grid":"na","sendbox__telephone-keypad--in-grid":"da","sendbox__sendbox-text":"ha","sendbox__sendbox-controls":"wa"};import Wt,{memo as yn,useCallback as xn}from"react";import{hooks as kn}from"botframework-webchat-component";var{useLocalizer:Fn}=kn,Kt=yn(()=>{let[e,t]=S(),a=Fn(),r=xn(()=>t(o=>!o),[t]);return Wt.createElement(A,{"aria-label":a("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":h.sendBoxTelephoneKeypadToolbarButton,onClick:r,selected:e},Wt.createElement(fe,null))});Kt.displayName="SendBox.TelephoneKeypadToolbarButton";var Xt=Kt;import{hooks as Sn}from"botframework-webchat-api";import te from"classnames";import O,{forwardRef as Bn,Fragment as Tn,useCallback as Cn}from"react";var Ot={"sendbox__text-area":"sa","sendbox__text-area--hidden":"ga","sendbox__text-area-shared":"ua","sendbox__text-area-doppelganger":"va","sendbox__text-area-input":"pa","sendbox__text-area-input--scroll":"_a"};var{useUIState:Hn}=Sn,Ut=Bn((e,t)=>{let[a]=Hn(),r=l(Ot),o=a==="disabled",n=Cn(c=>{!c.shiftKey&&c.key==="Enter"&&(c.preventDefault(),"form"in c.target&&c.target.form instanceof HTMLFormElement&&c.target?.form?.requestSubmit())},[]);return O.createElement("div",{className:te(r["sendbox__text-area"],{[r["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},a==="blueprint"?O.createElement("div",{className:te(r["sendbox__text-area-doppelganger"],r["sendbox__text-area-input--scroll"],r["sendbox__text-area-shared"])}," "):O.createElement(Tn,null,O.createElement("div",{className:te(r["sendbox__text-area-doppelganger"],r["sendbox__text-area-input--scroll"],r["sendbox__text-area-shared"])},e.value||e.placeholder," "),O.createElement("textarea",{"aria-disabled":o,"aria-label":e["aria-label"],className:te(r["sendbox__text-area-input"],r["sendbox__text-area-input--scroll"],r["sendbox__text-area-shared"]),"data-testid":e["data-testid"],onInput:e.onInput,onKeyDown:n,placeholder:e.placeholder,readOnly:o,ref:t,rows:e.startRows??1,tabIndex:e.hidden?-1:void 0,value:e.value})))});Ut.displayName="TextArea";var Zt=Ut;var{useFocus:Ln,useLocalizer:En,useMakeThumbnail:Pn,useRegisterFocusSendBox:Dn,useSendBoxAttachments:In,useSendBoxValue:Rn,useSendMessage:Vn,useStyleOptions:Wn,useUIState:Kn}=Mn;function $t(e){let[{hideTelephoneKeypadButton:t,hideUploadButton:a,maxMessageLength:r}]=Wn(),[o,n]=In(),[c,i]=Rn(),[b,m]=zn(""),[s]=S(),[d]=Kn(),u=l(Ee),f=C(Ee),x=Le("sendbox__error-message-id"),p=An(null),k=En(),F=Pn(),N=Vn(),B=Ln(),T=e.isPrimary?c:b,z=e.isPrimary?i:m,Z=d==="blueprint",[Ve,We]=Vt({message:T,attachments:o}),R=!!r&&T.length>r,ra=!Z&&!s&&r&&isFinite(r),Ke=!Z&&s;Dn(I(({noKeyboard:v,waitUntil:j})=>{p.current&&(v?j((async()=>{let V=p.current?.getAttribute("readonly");p.current?.setAttribute("readonly","true"),await new Promise(G=>setTimeout(G,0)),p.current?.focus(),typeof V!="string"?p.current?.removeAttribute("readonly"):p.current?.setAttribute("readonly",V)})()):p.current?.focus())},[p]));let Xe=jt(o),Oe=jt(T),oa=I(v=>{"tabIndex"in v.target&&typeof v.target.tabIndex=="number"&&v.target.tabIndex>=0||B("sendBox")},[B]),na=I(v=>z(v.currentTarget.value),[z]),Ue=I(async v=>{let j=Object.freeze(await Promise.all(v.map(V=>F(V).then(G=>Object.freeze({blob:V,...G&&{thumbnailURL:G}})))));n(j)},[F,n]),ia=I(v=>{v.preventDefault(),We()!=="empty"&&!R&&(N(Oe.current,void 0,{attachments:Xe.current}),z(""),n([])),B("sendBox")},[We,R,B,N,z,Oe,Xe,n]),ca=I(v=>N(`/DTMFKey ${v}`),[N]),la=ze(),da={"aria-invalid":"false",...Ve&&{"aria-describedby":x,"aria-errormessage":x,"aria-invalid":"true"}};return w.createElement("form",{...da,className:U(u.sendbox,f,e.className),"data-testid":h.sendBoxContainer,onSubmit:ia},w.createElement(ke,null),w.createElement("div",{className:U(u.sendbox__sendbox),onClickCapture:oa,onKeyDown:la},w.createElement(Zt,{"aria-label":k(R?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:U(u["sendbox__sendbox-text"],u["sendbox__text-area--in-grid"]),"data-testid":h.sendBoxTextBox,hidden:Ke,onInput:na,placeholder:e.placeholder??k("TEXT_INPUT_PLACEHOLDER"),ref:p,value:T}),w.createElement(Be,{autoFocus:!0,className:u["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:ca}),w.createElement(Lt,{attachments:o,className:u["sendbox__attachment--in-grid"]}),w.createElement("div",{className:U(u["sendbox__sendbox-controls"],u["sendbox__sendbox-controls--in-grid"])},ra&&w.createElement("div",{className:U(u["sendbox__text-counter"],{[u["sendbox__text-counter--error"]]:R})},`${T.length}/${r}`),w.createElement(Me,null,!t&&w.createElement(Xt,null),!a&&w.createElement(At,{onFilesAdded:Ue}),w.createElement(Ae,null),w.createElement(A,{"aria-label":k("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":h.sendBoxSendButton,disabled:R||Ke,type:"submit"},w.createElement(ge,null)))),w.createElement(we,{onFilesAdded:Ue}),w.createElement(It,{error:Ve,id:x})))}var ae=Gt(e=>w.createElement($t,{...e,isPrimary:!0}));ae.displayName="PrimarySendBox";var Xn=Gt($t);import Un from"react";import Zn from"classnames";var Pe={theme:"e","variant-copilot":"r"};var jn="webchat-fluent";function re(e){let t=l(Pe),a=C(Pe);return Un.createElement("div",{className:Zn(jn,t.theme,a)},e.children)}import{DecoratorComposer as oi}from"botframework-webchat-api/decorator";import ni,{memo as ii}from"react";import Yt,{Fragment as $n,memo as Yn,useCallback as Jn,useState as qn}from"react";import Qn from"classnames";var oe={"borderAnimation-angle":"v","borderAnimation-color1":"p","borderAnimation-color2":"_","borderAnimation-color3":"m","border-flair":"f","border-flair--complete":"ma","borderFlair-animation":"x"};function ei({children:e}){let t=l(oe),[a,r]=qn(!1),o=Jn(n=>(n.animationName===oe["borderAnimation-angle"]||n.animationName===oe["borderFlair-animation"])&&r(!0),[]);return Yt.createElement($n,null,e,Yt.createElement("div",{className:Qn(t["border-flair"],a&&t["border-flair--complete"]),onAnimationEnd:o}))}var Jt=Yn(ei);import De,{memo as ai}from"react";var qt={"borderAnimation-position":"k","border-loader":"fa","border-loader__track":"xa","border-loader__loader":"ka"};function ri({children:e}){let t=l(qt);return De.createElement("div",{className:t["border-loader"]},e,De.createElement("div",{className:t["border-loader__track"]},De.createElement("div",{className:t["border-loader__loader"]})))}var Qt=ai(ri);var ci=[e=>e==="activity border"&&(t=>a=>a.livestreamingState==="completing"?Jt:t(a)),e=>e==="activity border"&&(t=>a=>a.livestreamingState==="preparing"?Qt:t(a))];function li({children:e}){return ni.createElement(oi,{middleware:ci},e)}var Ie=ii(li);function ne(e){return!!(e&&e.from.role==="channel"&&e.type==="message"&&"text"in e)}import ta,{memo as si}from"react";var ea={"liner-message-activity":"Fa","liner-message-activity__text":"ya"};var aa=({activity:e})=>{let t=l(ea);return ta.createElement("div",{className:t["liner-message-activity"],role:"separator"},ta.createElement("span",{className:t["liner-message-activity__text"]},e.text))};aa.displayName="LinerMessageActivity";var Re=si(aa);var{ThemeProvider:hi}=bi,mi=Object.freeze([()=>e=>(...t)=>{let a=t[0]?.activity;if(E(a))return()=>H.createElement(ue,{activity:a});if(ne(a))return()=>H.createElement(Re,{activity:a});let r=e(...t);return r&&((...o)=>H.createElement(be,{activity:a},r(...o)))}]),pi=[()=>()=>()=>ae],gi=({children:e,variant:t="fluent"})=>H.createElement(Ze,{variant:t},H.createElement(re,null,H.createElement(Fe,null,H.createElement(hi,{activityMiddleware:mi,sendBoxMiddleware:pi},H.createElement(Ie,null,e))))),fi=ui(gi);var vi="tsup",_i="esmodules",yi="4.18.1-main.20240917.4b9342a",eu={buildTool:vi,moduleFormat:_i,version:yi};wi("botframework-webchat:fluent-theme","version=4.18.1-main.20240917.4b9342a; build-tool=tsup; module-format=esmodules");$();export{fi as FluentThemeProvider,eu as buildInfo,h as testIds};
+import{injectMetaTag as wi}from"inject-meta-tag";import{Components as bi}from"botframework-webchat-component";import H,{memo as ui}from"react";import La from"classnames";import $e,{memo as Ea}from"react";import{useContext as pa,useMemo as ga}from"react";import{createContext as ha}from"react";import sa,{memo as ba,useMemo as ua}from"react";function ie({Provider:e},{defaults:t,displayName:a}){let r=({children:o,...n})=>{let c=ua(()=>Object.freeze({...t,...n}),[n]);return sa.createElement(e,{value:c},o)};return r.displayName=a,ba(r)}var ce=ha(new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),ma=ie(ce,{defaults:{variant:""},displayName:"VariantComposer"}),Ze=ma;function W(){let{variant:e}=pa(ce);return ga(()=>e.split(" "),[e])}var fa=".webchat-fluent .a{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 .a:has(.webchat__stacked-layout .webchat__bubble--from-user){--webchat__bubble--background-color: var(--webchat-colorBrandBackground2);--webchat__bubble--block-padding: var(--webchat-spacingVerticalS)}.webchat-fluent .a.F{--webchat__bubble--background-color: var(--webchat-colorNeutralBackground1);--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge);--webchat__bubble--box-shadow: var(--webchat-shadow4)}.webchat-fluent .a.o{--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge)}.webchat-fluent .a.o .webchat__activity-status{margin:0 0 var(--webchat-spacingHorizontalXXS)}.webchat-fluent .a.o .webchat__stacked-layout__status{order:-1}.webchat-fluent .a.o:has(.webchat__bubble--from-user) .webchat__bubble{margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .a.o .webchat__bubble .webchat__text-content .webchat__text-content__generated-badge{display:none}.webchat-fluent .a.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 .a.o:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout{margin:0;position:static}.webchat-fluent .a.o:not(:has(.webchat__bubble--from-user)) .webchat__bubble{position:static;width:var(--webchat__bubble--max-width)}.webchat-fluent .a.o:not(:has(.webchat__bubble--from-user)) .webchat__bubble .webchat__bubble__content{overflow:visible}.webchat-fluent .a.o:not(:has(.webchat__bubble--from-user)) .webchat__text-content{margin-inline-start:28px}.webchat-fluent .a.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 .a.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 .a.o:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout__status{display:none}.webchat-fluent .a .webchat__basic-transcript__activity-body:not(:empty){padding-block-end:var(--webchat-spacingVerticalXL)}.webchat-fluent .a .webchat__stacked-layout{display:flex;flex-flow:column nowrap}.webchat-fluent .a .webchat__stacked-layout .webchat__stacked-layout__content:has(.webchat__bubble){max-width:100%;overflow:visible}.webchat-fluent .a .webchat__stacked-layout .webchat__stacked-layout__status{font-size:var(--webchat__font-size--small);line-height:var(--webchat__line-height--small)}.webchat-fluent .a .webchat__stacked-layout .webchat__bubble{max-width:100%;overflow:visible}.webchat-fluent .a .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 .a .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 .a .webchat__stacked-layout .webchat__bubble .webchat__text-content:empty{padding-block-end:0}.webchat-fluent .a .webchat__stacked-layout .webchat__bubble .webchat__text-content+.webchat__text-content{margin-top:calc(var(--webchat__bubble--block-padding) * -1)}.webchat-fluent .a .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 .a .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge{cursor:default;font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent .a .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__fileName{color:var(--webchat-colorBrandForegroundLink);font-family:inherit}.webchat-fluent .a .webchat__stacked-layout .webchat__bubble .webchat__fileContent__badge .webchat__fileContent__size{color:var(--webchat-colorNeutralForeground2);font-family:inherit}.webchat-fluent .a .border-loader{max-width:100%;width:var(--webchat__bubble--max-width)}.webchat-fluent .a .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier){color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .a .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .a .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .a .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .a .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 .a .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 .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .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 .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .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 .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .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 .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__pure-identifier):before,:is(.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__pure-identifier):after{all:unset}:is(.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__pure-identifier):has(.webchat__render-markdown__external-link-icon){padding-inline:3px}:is(.webchat-fluent .a .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .a .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 .a .webchat__link-definitions__header{border-radius:var(--webchat-borderRadiusMedium)}.webchat-fluent .a .webchat__link-definitions__header .webchat__link-definitions__header-text{color:var(--webchat-colorNeutralForeground3)}.webchat-fluent .a .webchat__link-definitions__header .webchat__link-definitions__header-chevron{fill:var(--webchat-colorNeutralForeground3);font-size:var(--webchat__font-size--small);width:1em}.webchat-fluent .a .webchat__link-definitions__header:focus-visible{outline-offset:1px;outline:var(--webchat-strokeWidthThin) solid var(--webchat-colorStrokeFocus2)}.webchat-fluent .a .webchat__link-definitions{--webchat__citation__external-link--mask: var(--webchat-externalLink-mask);--webchat__citation__link--max-width: var(--webchat-externalLink-maxWidth)}.webchat-fluent .a .webchat__link-definitions .webchat__link-definitions__list{color:var(--webchat__color--subtle);display:flex;flex-flow:row wrap;gap:var(--webchat-spacingHorizontalS)}.webchat-fluent .a .webchat__link-definitions .webchat__link-definitions__list-item{border-radius:var(--webchat-borderRadiusMedium);max-width:var(--webchat__citation__link--max-width)}.webchat-fluent .a .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 .a .webchat__link-definitions .webchat__link-definitions__list-item-body{font-family:inherit;gap:var(--webchat-spacingHorizontalSNudge);min-width:0;padding:0}.webchat-fluent .a .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 .a .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 .a .webchat__link-definitions .webchat__link-definitions__list-item-main-text{gap:var(--webchat-spacingHorizontalXS)}.webchat-fluent .a .webchat__link-definitions .webchat__link-definitions__list-item-text{color:currentColor;text-decoration:none;text-overflow:ellipsis}.webchat-fluent .a .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 .a .webchat__link-definitions :is(.webchat__link-definitions__list-item-badge,.webchat__link-definitions__open-in-new-window-icon){display:none}.webchat-fluent .y{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 .B{aspect-ratio:1;background-color:var(--background-color);border-radius:var(--webchat-borderRadiusSmall);width:20px}.webchat-fluent .S{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 .N{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 .z{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 .H{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 .L{opacity:60%}.webchat-fluent .L .t{filter:grayscale(1)}.webchat-fluent .t{border-radius:var(--webchat-borderRadiusMedium);height:64px;margin-block-end:var(--webchat-spacingVerticalM)}.webchat-fluent .X{color:var(--webchat-colorNeutralForeground1);font-family:inherit;font-size:var(--webchat-fontSizeHero700);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightHero700);margin:0}.webchat-fluent .M{font-size:var(--webchat-fontSizeBase300);line-height:var(--webchat-lineHeightBase300)}.webchat-fluent .W{grid-area:toolbar}.webchat-fluent .V{-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 .V:has(.c){grid-template-areas:\"image title\" \"image subtitle\";grid-template-columns:20px 1fr}.webchat-fluent .V:empty{row-gap:14px}.webchat-fluent .V:is([aria-disabled=true],:empty){cursor:default}.webchat-fluent .V[aria-disabled=true]:not(:empty){background-color:var(--webchat-colorNeutralBackgroundDisabled)}.webchat-fluent .V:hover:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Hover)}.webchat-fluent .V:active:not([aria-disabled=true],:empty){background-color:var(--webchat-colorNeutralBackground1Pressed)}.webchat-fluent .V:focus-visible{outline:solid 2px var(--webchat-colorStrokeFocus2);outline-offset:-2px}.webchat-fluent .V:empty:after,.webchat-fluent .V:empty:before{animation:l 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 .V:empty:after,.webchat-fluent .V:empty:before{animation-delay:-1s;animation-play-state:paused}}.webchat-fluent .V:dir(rtl):empty:after,.webchat-fluent .V:dir(rtl):empty:before{animation-direction:reverse}.webchat-fluent .V:empty:after{border-radius:16px;height:16px;width:100%}.webchat-fluent .V:empty:before{border-radius:18px;height:18px;width:66%}@keyframes l{0%{background-position-x:0%}to{background-position-x:-300%}}.webchat-fluent .c{grid-area:image;height:20px;width:20px}.webchat-fluent .R{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightRegular);grid-area:subtitle;line-height:20px;pointer-events:none}.webchat-fluent .P{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightSemibold);grid-area:title;line-height:20px}.webchat-fluent .T{container-name:i;container-type:inline-size}.webchat-fluent .b{display:grid;gap:var(--webchat-spacingHorizontalM);grid-template-columns:1fr 1fr 1fr;padding:0}@container i (width <= 480px){.webchat-fluent .b{grid-template-columns:1fr}}.webchat-fluent .D{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 .C{background-color:#e00;color:#fff}.webchat-fluent .G{height:36px;pointer-events:none;width:36px}.webchat-fluent .U{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 .U:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .U:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .U[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .j{font-size:var(--webchat-fontSizeBase200);height:1em;width:1em}.webchat-fluent .A{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .A:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .A.I{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .A.E{flex-direction:column}.webchat-fluent .n{-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 .n: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 .q .n{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .q .d{display:none}.webchat-fluent .q .h{font-size:20px;margin-top:0}.webchat-fluent .J{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 .K{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 .O{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .Q{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .Q:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .Q:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .Q:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .Q:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .Y{--webchat__sendbox-button-height: 32px;display:flex;gap:4px;height:var(--webchat__sendbox-button-height);margin-inline-start:auto}.webchat-fluent .Z{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 .Z>svg{font-size:20px;pointer-events:none}.webchat-fluent .Z.aa{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .Z:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .Z:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .Z[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .ea{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .ea:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .ra{display:grid}.webchat-fluent .oa{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .ta{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .ca{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .w{--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 .w.la .s:not(.g){visibility:hidden}.webchat-fluent .ia{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 .ia:has(.u){--webchat-sendbox-attachment-area-active: \"attachment\" }.webchat-fluent .ia:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .ia: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 .ia: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 .ia>.ba{grid-area:text-area}.webchat-fluent .ia>.u{grid-area:attachment}.webchat-fluent .ia>.na{grid-area:controls}.webchat-fluent .ia>.da{grid-area:telephone-keypad}.webchat-fluent .ha{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 .ha:focus-within{font-size:16px}}.webchat-fluent .wa{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .s{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .g{color:var(--webchat-colorStatusDangerForeground1)}.webchat-fluent .sa{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .ga{height:0;visibility:collapse}.webchat-fluent .ua{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .va{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .pa{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent ._a{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent ._a::-webkit-scrollbar{width:8px}.webchat-fluent ._a::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent ._a::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent ._a::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent.e{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.e{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent.e .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.e.r .webchat__css-custom-properties{--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalXL) var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.e .webchat__surface{background-color:var(--webchat__color--surface)}.webchat-fluent.e.r .webchat__surface{box-sizing:border-box;padding-inline-start:var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.e .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.e .webchat__basic-transcript .webchat__basic-transcript__scrollable::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge);visibility:hidden}.webchat-fluent.e .webchat__basic-transcript .webchat__basic-transcript__scrollable:hover::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge)}.webchat-fluent.e .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.e .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.e.r .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-gutter:stable}.webchat-fluent.e .webchat__basic-transcript .webchat__basic-transcript__terminator:focus-visible+.webchat__basic-transcript__focus-indicator{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.e .webchat__basic-transcript:not(:focus-visible) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent.e .webchat__basic-transcript:focus-visible:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__focus-indicator{display:none}.webchat-fluent.e .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.e .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__bubble:after,.webchat-fluent.e .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.e .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.e .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.e.r .webchat__basic-transcript .webchat__basic-transcript__filler{flex-grow:0}.webchat-fluent.e .webchat__basic-transcript:has(.webchat__basic-transcript__activity:only-child):has(.pre-chat-message-activity) .webchat__basic-transcript__filler{flex-grow:.5}.webchat-fluent.e .webchat__modal-dialog{height:100%;display:grid;place-items:center}.webchat-fluent.e .webchat__modal-dialog::backdrop{background-color:var(--webchat-colorTransparentBackground)}.webchat-fluent.e .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.e .webchat__modal-dialog .webchat__modal-dialog__close-button{color:var(--webchat-colorNeutralForeground1);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent.e .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:not(:active):hover{background-color:var(--webchat-colorNeutralBackground3)}.webchat-fluent.e .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:active{background-color:var(--webchat-colorNeutralBackground4)}.webchat-fluent.e .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:focus-visible){border:none}.webchat-fluent.e .webchat__modal-dialog .webchat__modal-dialog__close-button:focus{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.e .webchat__modal-dialog .webchat__modal-dialog__close-button-image{fill:currentColor}.webchat-fluent.e .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.e .webchat__activity-button:hover{background:var(--webchat-colorNeutralBackground1Hover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Hover);color:var(--webchat-colorNeutralForeground1Hover)}.webchat-fluent.e .webchat__activity-button:active{background:var(--webchat-colorNeutralBackground1Pressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Pressed);color:var(--webchat-colorNeutralForeground1Pressed)}.webchat-fluent.e .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.e .webchat__activity-button[aria-disabled=true]{background:var(--webchat-colorNeutralBackgroundDisabled);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStrokeDisabled);color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent.e .webchat__activity-button .webchat__activity-button__icon{height:20px;width:20px}.webchat-fluent.e .webchat__activity-copy-button .webchat__activity-copy-button__copied-text{background-color:var(--webchat-colorNeutralBackground1)}.webchat-fluent.e .webchat__activity-copy-button.webchat__activity-copy-button--copied .webchat__activity-copy-button__copied-text{animation-duration:var(--webchat-durationUltraSlow)}.webchat-fluent.e .webchat__monochrome-image-masker{background-color:var(--webchat-colorNeutralForeground4)}@property --webchat-decorator-borderFlair-animated-angle{inherits: true; initial-value: 0; syntax: \"<number>\";}@property --webchat-decorator-borderFlair-animated-color1{inherits: true; initial-value: transparent; syntax: \"<color>\";}@property --webchat-decorator-borderFlair-animated-color2{inherits: true; initial-value: transparent; syntax: \"<color>\";}@property --webchat-decorator-borderFlair-animated-color3{inherits: true; initial-value: transparent; syntax: \"<color>\";}@keyframes v{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes p{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes _{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes m{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat-fluent .f{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient(calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3));--webchat-decorator-borderFlair-borderMask: linear-gradient(hsl(0 0% 100% / 0), hsl(0 0% 100% / 0)) padding-box, linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%)) border-box;animation:v 2s linear 0ms forwards,p 1.2s linear 0ms forwards,_ 1.2s linear .2s forwards,m 1.2s linear .4s forwards;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;inset:0;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);mask-composite:intersect;pointer-events:none;position:absolute}.webchat-fluent .ma{animation-play-state:paused}@supports (-moz-appearance: none){@keyframes x{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat-fluent .f{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix(in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade));--webchat-decorator-borderFlair-animated-color2: color-mix(in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade));--webchat-decorator-borderFlair-animated-color3: color-mix(in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade));animation:x 2s linear forwards}}@keyframes k{0%{left:-33%;width:33%}to{left:100%;width:33%}}.webchat-fluent .fa{border-radius:inherit}.webchat-fluent .xa{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6);height:var(--webchat-decorator-borderLoader-borderSize);position:relative;width:100%}.webchat-fluent .ka{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);animation:k 3s linear infinite;background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);inset:0;isolation:isolate;position:absolute;width:100%}.webchat-fluent .Fa{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 .Fa:before,.webchat-fluent .Fa:after{border-top:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);content:\"\";display:flex;flex:auto;min-width:8px}.webchat-fluent .ya{text-align:center}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n";function $(){if(globalThis.document){let e=document.createElement("style");e.append(document.createTextNode(fa)),document.head.appendChild(e)}}import{useMemo as wa}from"react";function va(e){return wa(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,a])=>[t,`${t} ${a}`]))),[e])}var l=va;import{useMemo as _a}from"react";function C(e){let t=l(e),a=W();return _a(()=>a.map(r=>t[`variant-${r}`]).filter(r=>r).join(" "),[t,a])}var le={"activity-decorator":"a","variant-fluent":"F","variant-copilot":"o"};import Y,{memo as Ca,useMemo as Ha}from"react";import{hooks as Ma}from"botframework-webchat-component";import{useMemo as xa}from"react";import{hooks as ka}from"botframework-webchat-component";var{useStyleOptions:Fa}=ka;function de(e){let[t]=Fa();return xa(()=>Object.freeze([{...t,...e?.channelData?.webChat?.styleOptions}]),[e?.channelData?.webChat?.styleOptions,t])}import{getOrgSchemaMessage as Na}from"botframework-webchat-core";function se(e){return!!(e&&Na(e?.entities||[])?.keywords?.includes("AIGeneratedContent"))}import{useMemo as Sa}from"react";import{getOrgSchemaMessage as Ba}from"botframework-webchat-core";function L(e){return Sa(()=>{let t=Ba(e?.entities||[]);return typeof t?.author=="string"?{"@type":"Person",description:void 0,image:void 0,name:t?.author}:t?.author},[e])}var je={"copilot-message-header":"y","copilot-message-header__avatar":"B","copilot-message-header__title":"S","copilot-message-header__ai-generated-content":"N"};var{useLocalizer:Aa}=Ma;function za({activity:e}){let[{botAvatarImage:t,botAvatarBackgroundColor:a}]=de(e),r=l(je),o=Aa(),n=se(e),c=Ha(()=>({"--background-color":a}),[a]),i=L(e),b=i?.image||t,m=i?.name||e?.from?.name;return Y.createElement("div",{className:r["copilot-message-header"]},b&&Y.createElement("img",{alt:o("AVATAR_ALT",m),className:r["copilot-message-header__avatar"],src:b,style:c}),Y.createElement("span",{className:r["copilot-message-header__title"],title:m},m),n&&Y.createElement("span",{className:r["copilot-message-header__ai-generated-content"]},o("ACTIVITY_CONTENT_CAUTION")))}var Ge=Ca(za);function Ye({activity:e,children:t}){let a=l(le),r=W(),o=C(le),n=r.includes("copilot")&&e?.from?.role==="bot"&&!!t;return $e.createElement("div",{className:La(a["activity-decorator"],o)},n&&$e.createElement(Ge,{activity:e}),t)}Ye.displayName="ActivityDecorator";var be=Ea(Ye);import{getOrgSchemaMessage as Pa}from"botframework-webchat-core";function E(e){return!!(e&&Pa(e?.entities||[])?.keywords?.includes("PreChatMessage"))}import{hooks as rr}from"botframework-webchat-component";import or from"classnames";import P,{memo as nr,useMemo as ir}from"react";var Je={"pre-chat-message-activity":"z","pre-chat-message-activity__body":"H","pre-chat-message-activity__body--blueprint":"L","pre-chat-message-activity__body-avatar":"t","pre-chat-message-activity__body-title":"X","pre-chat-message-activity__body-subtitle":"M","pre-chat-message-activity__toolbar":"W"};import{hooks as qa}from"botframework-webchat-api";import Qa from"classnames";import M,{Fragment as er,memo as tr}from"react";import{Components as Va,hooks as Wa}from"botframework-webchat-component";import Qe from"classnames";import K,{memo as Ka,useCallback as Xa,useMemo as Oa}from"react";import{useRefFrom as Ua}from"use-ref-from";var Ia={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"},h=Ia;var qe={"pre-chat-message-activity__card-action-box":"V","pre-chat-message-activity__card-action-image":"c",blueprintAnimation:"l","pre-chat-message-activity__card-action-subtitle":"R","pre-chat-message-activity__card-action-title":"P"};var{useFocus:Za,useRenderMarkdownAsHTML:ja,useSendBoxValue:Ga,useUIState:$a}=Wa,{MonochromeImageMasker:Ya}=Va,et=({className:e,messageBackAction:t})=>{let[a,r]=Ga(),[o]=$a(),n=l(qe),c=Za(),i=Ua(t?.displayText||t?.text||""),b=ja("message activity"),m=Oa(()=>b?{__html:b(t?.text||"")}:void 0,[t?.text,b]),s=o==="disabled",d=t&&"title"in t&&t.title,u=o==="blueprint"||!d,f=Xa(()=>{r(i.current),c("sendBox")},[c,i,r]);return u?K.createElement("div",{className:Qe(e,n["pre-chat-message-activity__card-action-box"]),"data-testid":h.preChatMessageActivityStarterPromptsCardAction}):K.createElement("button",{"aria-disabled":s?!0:void 0,className:Qe(e,n["pre-chat-message-activity__card-action-box"]),"data-testid":h.preChatMessageActivityStarterPromptsCardAction,onClick:s?void 0:f,tabIndex:s?-1:void 0,type:"button"},K.createElement("div",{className:n["pre-chat-message-activity__card-action-title"]},d),"image"in t&&t.image&&K.createElement(Ya,{className:n["pre-chat-message-activity__card-action-image"],src:t.image}),K.createElement("div",{className:n["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:m}))};et.displayName="StarterPromptsCardAction";var X=Ka(et);var tt={"pre-chat-message-activity__card-action-toolbar":"T","webchat-container":"i","pre-chat-message-activity__card-action-toolbar-grid":"b"};var{useUIState:ar}=qa,at=({cardActions:e,className:t})=>{let a=l(tt),[r]=ar();return M.createElement("div",{className:Qa(t,a["pre-chat-message-activity__card-action-toolbar"])},M.createElement("div",{className:a["pre-chat-message-activity__card-action-toolbar-grid"]},r==="blueprint"?M.createElement(er,null,M.createElement(X,null),M.createElement(X,null),M.createElement(X,null)):e.filter(o=>o.type==="messageBack").map((o,n)=>M.createElement(X,{key:n,messageBackAction:o}))))};at.displayName="StarterPromptsToolbar";var rt=tr(at);var{useLocalizer:cr,useRenderMarkdownAsHTML:lr,useUIState:dr}=rr,ot=({activity:e})=>{let[t]=dr(),a=l(Je),r=lr(),o=cr(),n=L(e),c=ir(()=>r?{__html:r(n?.description||"")}:{__html:""},[n?.description,r]);return P.createElement("div",{className:a["pre-chat-message-activity"]},n&&P.createElement("div",{className:or(a["pre-chat-message-activity__body"],t==="blueprint"&&a["pre-chat-message-activity__body--blueprint"])},n.image&&P.createElement("img",{alt:o("AVATAR_ALT",n.name),className:a["pre-chat-message-activity__body-avatar"],src:n.image}),n.name&&P.createElement("h2",{className:a["pre-chat-message-activity__body-title"]},n.name),n.description&&P.createElement("div",{className:a["pre-chat-message-activity__body-subtitle"],dangerouslySetInnerHTML:c})),P.createElement(rt,{cardActions:e.suggestedActions?.actions||[],className:a["pre-chat-message-activity__toolbar"]}))};ot.displayName="PreChatMessageActivity";var ue=nr(ot);import{hooks as Mn}from"botframework-webchat-component";import U from"classnames";import w,{memo as Gt,useCallback as I,useRef as An,useState as zn}from"react";import{useRefFrom as jt}from"use-ref-from";import nt,{memo as sr}from"react";function br(e){return nt.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},nt.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 he=sr(br);import it,{memo as ur}from"react";function hr(e){return it.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},it.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 me=ur(hr);import ct,{memo as mr}from"react";function pr(e){return ct.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ct.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 pe=mr(pr);import lt,{memo as gr}from"react";function fr(e){return lt.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},lt.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 ge=gr(fr);import dt,{memo as wr}from"react";function vr(e){return dt.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},dt.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 fe=wr(vr);import{hooks as yr}from"botframework-webchat-component";import xr from"classnames";import bt,{memo as kr,useCallback as Fr,useEffect as Nr,useRef as Sr,useState as Br}from"react";import{useRefFrom as Tr}from"use-ref-from";var st={"sendbox__attachment-drop-zone":"D","sendbox__attachment-drop-zone--droppable":"C","sendbox__attachment-drop-zone-icon":"G"};var{useLocalizer:Cr}=yr,Hr=e=>{e.preventDefault()},ut=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function Mr(e,t){let a=e.parentNode;for(;a;){if(a===t)return!0;a=a.parentNode}return!1}var ht=e=>{let[t,a]=Br(!1),r=l(st),o=Sr(null),n=Cr(),c=Tr(e.onFilesAdded);Nr(()=>{let b=0,m=d=>{b++,ut(d)&&a(o.current&&(d.target===o.current||d.target instanceof HTMLElement&&Mr(d.target,o.current))?"droppable":"visible")},s=()=>--b<=0&&a(!1);return document.addEventListener("dragenter",m,!1),document.addEventListener("dragleave",s,!1),()=>{document.removeEventListener("dragenter",m),document.removeEventListener("dragleave",s)}},[a]);let i=Fr(b=>{b.preventDefault(),a(!1),ut(b.nativeEvent)&&c.current([...b.dataTransfer.files])},[c,a]);return t?bt.createElement("div",{className:xr(r["sendbox__attachment-drop-zone"],{[r["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":h.sendBoxDropZone,onDragOver:Hr,onDrop:i,ref:o},bt.createElement(he,{className:r["sendbox__attachment-drop-zone-icon"]}),n("TEXT_INPUT_DROP_ZONE")):null};ht.displayName="DropZone";var we=kr(ht);import{hooks as oo}from"botframework-webchat-component";import no from"classnames";import J,{memo as io,useCallback as co}from"react";function ve(e){let{title:t}=e,{type:a,value:r}=e;return a==="messageBack"?t||e.displayText:t||(typeof r=="string"?r:JSON.stringify(r))}import Ar,{createContext as zr,memo as Lr,useCallback as D,useContext as Er,useEffect as Pr,useMemo as Dr,useRef as _e}from"react";var mt=zr({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function Ir(e){let t=_e(0),a=_e([]),r=D(({current:s},d)=>s&&(s.tabIndex=t.current===d?0:-1),[t]),o=D(s=>{let d;typeof s=="number"?d=s:d=s(t.current),d&&!a.current.at(d)?.current&&(d=0),t.current!==d&&(t.current=d,a.current.forEach((u,f)=>r(u,f)),a.current.at(d)?.current?.focus())},[r,a,t]),n=D(s=>{let{target:d}=s,u=a.current.findIndex(({current:f})=>f===d);u!==-1&&o(u)},[a,o]),c=D(s=>d=>{let u=!e.direction,f=/up|down/iu.test(s)&&e.direction==="vertical",x=/left|right/iu.test(s)&&e.direction==="horizontal",p=/right|down/iu.test(s),k=u||f||x?p?1:-1:0,F=a.current.map((B,T)=>T),N=F.indexOf(d)+k;return F.at(N)??0},[e.direction]),i=D(s=>{let{key:d}=s;switch(d){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":o(c(d));break;case"Home":o(0);break;case"End":o(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}s.preventDefault(),s.stopPropagation()},[o,c,e]),b=D((s,d)=>{let{current:u}=s;return a.current[Number(d)]=s,u.addEventListener("focus",n),u.addEventListener("keydown",i),r(s,d),()=>{u.removeEventListener("focus",n),u.removeEventListener("keydown",i),delete a.current[Number(d)]}},[n,i,r,a]),m=Dr(()=>({itemEffector:b}),[b]);return Ar.createElement(mt.Provider,{value:m},e.children)}function pt(e){let t=_e(null),{itemEffector:a}=Er(mt);return Pr(()=>a(t,e)),t}var gt=Lr(Ir);import{hooks as Zr}from"botframework-webchat-component";import jr from"classnames";import ye,{memo as Gr,useCallback as $r}from"react";import Rr,{forwardRef as Vr,memo as Wr,useRef as Kr}from"react";var Xr=e=>e.preventDefault(),Or=Vr(({"aria-hidden":e,children:t,className:a,"data-testid":r,disabled:o,onClick:n,tabIndex:c},i)=>{let b=Kr(null);return Rr.createElement("button",{"aria-disabled":o?"true":void 0,"aria-hidden":e,className:a,"data-testid":r,onClick:o?Xr:n,ref:i||b,tabIndex:o?-1:c,type:"button"},t)}),ft=Wr(Or);var wt={"suggested-action":"U","suggested-action__image":"j"};var{useFocus:Yr,usePerformCardAction:Jr,useScrollToEnd:qr,useStyleSet:Qr,useSuggestedActions:eo,useUIState:to}=Zr;function ao({buttonText:e,className:t,displayText:a,image:r,imageAlt:o,itemIndex:n,text:c,type:i,value:b}){let[m,s]=eo(),[{suggestedAction:d}]=Qr(),[u]=to(),f=Yr(),x=pt(n),p=Jr(),k=l(wt),F=qr(),N=$r(({target:B})=>{(async function(){await f("sendBoxWithoutKeyboard"),p({displayText:a,text:c,type:i,value:b},{target:B}),i==="openUrl"&&s([]),F()})()},[a,f,p,F,s,c,i,b]);return ye.createElement(ft,{className:jr(k["suggested-action"],d+"",(t||"")+""),"data-testid":h.sendBoxSuggestedAction,disabled:u==="disabled",onClick:N,ref:x,type:"button"},r&&ye.createElement("img",{alt:o,className:k["suggested-action__image"],src:r}),ye.createElement("span",null,e))}var vt=Gr(ao);var xe={"suggested-actions":"A","suggested-actions--flow":"I","suggested-actions--stacked":"E"};var{useFocus:lo,useLocalizer:so,useStyleOptions:bo,useStyleSet:uo,useSuggestedActions:ho,useUIState:mo}=oo;function po(e){let[{suggestedActionLayout:t}]=bo(),[{suggestedActions:a}]=uo(),[r]=mo(),o=l(xe);return J.createElement("div",{"aria-label":e["aria-label"],"aria-orientation":"vertical",className:no(o["suggested-actions"],a+"",{[o["suggested-actions--flow"]]:t==="flow",[o["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},r!=="blueprint"&&e.children)}function go(){let e=l(xe),t=so(),[a,r,{activity:o}]=ho(),n=lo(),c=co(()=>{n("sendBox")},[n]),i=E(o)?[]:a.map((b,m)=>{let{displayText:s,image:d,imageAltText:u,text:f,type:x,value:p}=b;return a?.length?J.createElement(vt,{buttonText:ve(b),displayText:s,image:d,imageAlt:d&&(u||f),itemIndex:m,key:m,text:f,type:x,value:p}):null});return J.createElement(gt,{onEscapeKey:c},J.createElement(po,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},i))}var ke=io(go);import wo,{memo as vo,useMemo as _o,useState as yo}from"react";import{createContext as fo}from"react";var _t=fo(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));_t.displayName="TelephoneKeypad.Context";var q=_t;var xo=vo(({children:e})=>{let[t,a]=yo(!1),r=_o(()=>Object.freeze({setShown:a,shown:t}),[a,t]);return wo.createElement(q.Provider,{value:r},e)}),Fe=xo;import Po,{memo as Do}from"react";import{Components as Mo}from"botframework-webchat-component";import Ao from"classnames";import g,{memo as Ft,useCallback as y,useEffect as zo,useRef as Lo}from"react";import{useRefFrom as kt}from"use-ref-from";import Ne,{forwardRef as Fo,memo as No,useCallback as So}from"react";import{useRefFrom as Bo}from"use-ref-from";var yt={"telephone-keypad__button":"n","telephone-keypad__button__ruby":"d","telephone-keypad__button__text":"h","telephone-keypad--horizontal":"q"};var xt=No(Fo(({button:e,"data-testid":t,onClick:a,ruby:r},o)=>{let n=l(yt),c=Bo(a),i=So(()=>c.current?.(),[c]);return Ne.createElement("button",{className:n["telephone-keypad__button"],"data-testid":t,onClick:i,ref:o,type:"button"},Ne.createElement("span",{className:n["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!r&&Ne.createElement("ruby",{className:n["telephone-keypad__button__ruby"]},r))}));xt.displayName="TelephoneKeypad.Button";var _=xt;import{useContext as To,useMemo as Co}from"react";function S(){let{setShown:e,shown:t}=To(q);return Co(()=>Object.freeze([t,e]),[t,e])}var Se={"telephone-keypad":"J","telephone-keypad__box":"K","telephone-keypad__info-message":"O","telephone-keypad__info-message-link":"Q"};var{LocalizedString:Eo}=Mo,Nt=Ft(({children:e,isHorizontal:t})=>{let a=l(Se);return t?null:g.createElement("div",{className:a["telephone-keypad__box"]},e)});Nt.displayName="TelephoneKeypad:Orientation";var St=Ft(({autoFocus:e,className:t,onButtonClick:a,isHorizontal:r})=>{let o=kt(e),n=l(Se),c=Lo(null),i=kt(a),[,b]=S(),m=y(()=>i.current?.("1"),[i]),s=y(()=>i.current?.("2"),[i]),d=y(()=>i.current?.("3"),[i]),u=y(()=>i.current?.("4"),[i]),f=y(()=>i.current?.("5"),[i]),x=y(()=>i.current?.("6"),[i]),p=y(()=>i.current?.("7"),[i]),k=y(()=>i.current?.("8"),[i]),F=y(()=>i.current?.("9"),[i]),N=y(()=>i.current?.("0"),[i]),B=y(()=>i.current?.("*"),[i]),T=y(()=>i.current?.("#"),[i]),z=y(Z=>{Z.key==="Escape"&&b(!1)},[b]);return zo(()=>{o.current&&c.current?.focus()},[o,c]),g.createElement("div",{className:Ao(n["telephone-keypad"],t),onKeyDown:z},g.createElement(Nt,{isHorizontal:r},g.createElement(_,{button:"1","data-testid":h.sendBoxTelephoneKeypadButton1,onClick:m,ref:c}),g.createElement(_,{button:"2","data-testid":h.sendBoxTelephoneKeypadButton2,onClick:s,ruby:"ABC"}),g.createElement(_,{button:"3","data-testid":h.sendBoxTelephoneKeypadButton3,onClick:d,ruby:"DEF"}),g.createElement(_,{button:"4","data-testid":h.sendBoxTelephoneKeypadButton4,onClick:u,ruby:"GHI"}),g.createElement(_,{button:"5","data-testid":h.sendBoxTelephoneKeypadButton5,onClick:f,ruby:"JKL"}),g.createElement(_,{button:"6","data-testid":h.sendBoxTelephoneKeypadButton6,onClick:x,ruby:"MNO"}),g.createElement(_,{button:"7","data-testid":h.sendBoxTelephoneKeypadButton7,onClick:p,ruby:"PQRS"}),g.createElement(_,{button:"8","data-testid":h.sendBoxTelephoneKeypadButton8,onClick:k,ruby:"TUV"}),g.createElement(_,{button:"9","data-testid":h.sendBoxTelephoneKeypadButton9,onClick:F,ruby:"WXYZ"}),g.createElement(_,{button:"*","data-testid":h.sendBoxTelephoneKeypadButtonStar,onClick:B}),g.createElement(_,{button:"0","data-testid":h.sendBoxTelephoneKeypadButton0,onClick:N,ruby:"+"}),g.createElement(_,{button:"#","data-testid":h.sendBoxTelephoneKeypadButtonPound,onClick:T})),g.createElement("div",{className:n["telephone-keypad__info-message"]},g.createElement(pe,null),g.createElement(Eo,{linkClassName:n["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});St.displayName="TelephoneKeypad";var Bt=St;var Tt=Do(e=>S()[0]?Po.createElement(Bt,{...e}):null);Tt.displayName="TelephoneKeypad.Surrogate";var Be=Tt;import{hooks as Ko}from"botframework-webchat-component";import ee,{useCallback as Mt,useRef as Xo,memo as Oo}from"react";import{useRefFrom as Uo}from"use-ref-from";import{hooks as Ro}from"botframework-webchat-api";import Te from"classnames";import Ce,{memo as He}from"react";var Q={sendbox__toolbar:"Y","sendbox__toolbar-button":"Z","sendbox__toolbar-button--selected":"aa","sendbox__toolbar-separator":"ea"};var{useUIState:Ct}=Ro,Vo=e=>e.preventDefault(),A=He(e=>{let t=l(Q),[a]=Ct(),r=e.disabled||a==="disabled";return Ce.createElement("button",{"aria-disabled":r?"true":void 0,"aria-label":e["aria-label"],className:Te(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:r?Vo:e.onClick,tabIndex:r?-1:void 0,type:e.type==="submit"?"submit":"button"},e.children)});A.displayName="ToolbarButton";var Me=He(e=>{let[t]=Ct(),a=l(Q);return Ce.createElement("div",{className:Te(a.sendbox__toolbar,e.className)},t!=="blueprint"&&e.children)});Me.displayName="Toolbar";var Ae=He(e=>{let t=l(Q);return Ce.createElement("div",{"aria-orientation":"vertical",className:Te(t["sendbox__toolbar-separator"],e.className),role:"separator"})});Ae.displayName="ToolbarSeparator";var Ht={"sendbox__add-attachment":"ra","sendbox__add-attachment-input":"oa"};var{useLocalizer:Zo,useStyleOptions:jo}=Ko;function Go(e){let t=Xo(null),a=l(Ht),r=Zo(),[{uploadAccept:o,uploadMultiple:n}]=jo(),c=Uo(e.onFilesAdded),i=Mt(()=>t.current?.click(),[t]),b=Mt(({target:{files:m}})=>{m&&(c.current?.([...m]),t.current&&(t.current.value=""))},[t,c]);return ee.createElement("div",{className:a["sendbox__add-attachment"]},ee.createElement("input",{accept:o,"aria-disabled":e.disabled,"aria-hidden":"true",className:a["sendbox__add-attachment-input"],multiple:n,onInput:e.disabled?void 0:b,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),ee.createElement(A,{"aria-label":r("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":h.sendBoxUploadButton,onClick:i},ee.createElement(me,null)))}var At=Oo(Go);import{hooks as Yo}from"botframework-webchat-component";import Jo from"classnames";import qo,{memo as Qo}from"react";var zt={sendbox__attachment:"ta"};var{useLocalizer:en,useUIState:tn}=Yo,an={one:"TEXT_INPUT_ATTACHMENTS_ONE",two:"TEXT_INPUT_ATTACHMENTS_TWO",few:"TEXT_INPUT_ATTACHMENTS_FEW",many:"TEXT_INPUT_ATTACHMENTS_MANY",other:"TEXT_INPUT_ATTACHMENTS_OTHER"};function rn({attachments:e,className:t}){let[a]=tn(),r=l(zt),o=en({plural:!0});return a!=="blueprint"&&e.length?qo.createElement("div",{className:Jo(r.sendbox__attachment,t)},o(an,e.length)):null}var Lt=Qo(rn);import{useLiveRegion as nn}from"botframework-webchat-component/internal";import Pt,{memo as cn}from"react";var Et={"sendbox__error-message":"ca"};function Dt({error:e,id:t}){let a=l(Et);return nn(()=>e&&Pt.createElement("div",{className:"sendbox__error-message__status"},e),[e]),Pt.createElement("span",{className:a["sendbox__error-message"],id:t},e)}Dt.displayName="ErrorMessage";var It=cn(Dt);import{hooks as ln}from"botframework-webchat-component";import{useCallback as dn,useMemo as Rt,useState as sn}from"react";import{useRefFrom as bn}from"use-ref-from";var{useConnectivityStatus:un,useLocalizer:hn}=ln,mn=({attachments:e,message:t})=>{let[a]=un(),[r,o]=sn(),n=hn(),c=bn(a!=="connected"&&a!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),i=Rt(()=>Object.freeze(new Map().set("empty",n("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",n("CONNECTIVITY_STATUS_ALT_FATAL"))),[n]),b=!!t?.trim();r==="empty"&&b&&o(void 0);let m=dn(()=>(o(c.current),c.current),[c]);return Rt(()=>Object.freeze([r&&i.get(r),m]),[r,i,m])},Vt=mn;import{useCallback as pn}from"react";import{hooks as gn}from"botframework-webchat-component";var{useScrollDown:fn,useScrollUp:wn}=gn;function ze(){let e=fn(),t=wn();return pn(a=>{if(a.target instanceof HTMLTextAreaElement&&a.target.value)return;let{ctrlKey:r,metaKey:o,shiftKey:n}=a;if(r||o||n)return;let c=!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:c=!1;break}c&&(a.preventDefault(),a.stopPropagation())},[e,t])}import{useMemo as vn}from"react";function Le(e){let t=vn(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var Ee={sendbox:"w","variant-copilot":"la","sendbox__text-counter":"s","sendbox__text-counter--error":"g",sendbox__sendbox:"ia","sendbox__attachment--in-grid":"u","sendbox__text-area--in-grid":"ba","sendbox__sendbox-controls--in-grid":"na","sendbox__telephone-keypad--in-grid":"da","sendbox__sendbox-text":"ha","sendbox__sendbox-controls":"wa"};import Wt,{memo as yn,useCallback as xn}from"react";import{hooks as kn}from"botframework-webchat-component";var{useLocalizer:Fn}=kn,Kt=yn(()=>{let[e,t]=S(),a=Fn(),r=xn(()=>t(o=>!o),[t]);return Wt.createElement(A,{"aria-label":a("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":h.sendBoxTelephoneKeypadToolbarButton,onClick:r,selected:e},Wt.createElement(fe,null))});Kt.displayName="SendBox.TelephoneKeypadToolbarButton";var Xt=Kt;import{hooks as Sn}from"botframework-webchat-api";import te from"classnames";import O,{forwardRef as Bn,Fragment as Tn,useCallback as Cn}from"react";var Ot={"sendbox__text-area":"sa","sendbox__text-area--hidden":"ga","sendbox__text-area-shared":"ua","sendbox__text-area-doppelganger":"va","sendbox__text-area-input":"pa","sendbox__text-area-input--scroll":"_a"};var{useUIState:Hn}=Sn,Ut=Bn((e,t)=>{let[a]=Hn(),r=l(Ot),o=a==="disabled",n=Cn(c=>{!c.shiftKey&&c.key==="Enter"&&(c.preventDefault(),"form"in c.target&&c.target.form instanceof HTMLFormElement&&c.target?.form?.requestSubmit())},[]);return O.createElement("div",{className:te(r["sendbox__text-area"],{[r["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},a==="blueprint"?O.createElement("div",{className:te(r["sendbox__text-area-doppelganger"],r["sendbox__text-area-input--scroll"],r["sendbox__text-area-shared"])}," "):O.createElement(Tn,null,O.createElement("div",{className:te(r["sendbox__text-area-doppelganger"],r["sendbox__text-area-input--scroll"],r["sendbox__text-area-shared"])},e.value||e.placeholder," "),O.createElement("textarea",{"aria-disabled":o,"aria-label":e["aria-label"],className:te(r["sendbox__text-area-input"],r["sendbox__text-area-input--scroll"],r["sendbox__text-area-shared"]),"data-testid":e["data-testid"],onInput:e.onInput,onKeyDown:n,placeholder:e.placeholder,readOnly:o,ref:t,rows:e.startRows??1,tabIndex:e.hidden?-1:void 0,value:e.value})))});Ut.displayName="TextArea";var Zt=Ut;var{useFocus:Ln,useLocalizer:En,useMakeThumbnail:Pn,useRegisterFocusSendBox:Dn,useSendBoxAttachments:In,useSendBoxValue:Rn,useSendMessage:Vn,useStyleOptions:Wn,useUIState:Kn}=Mn;function $t(e){let[{hideTelephoneKeypadButton:t,hideUploadButton:a,maxMessageLength:r}]=Wn(),[o,n]=In(),[c,i]=Rn(),[b,m]=zn(""),[s]=S(),[d]=Kn(),u=l(Ee),f=C(Ee),x=Le("sendbox__error-message-id"),p=An(null),k=En(),F=Pn(),N=Vn(),B=Ln(),T=e.isPrimary?c:b,z=e.isPrimary?i:m,Z=d==="blueprint",[Ve,We]=Vt({message:T,attachments:o}),R=!!r&&T.length>r,ra=!Z&&!s&&r&&isFinite(r),Ke=!Z&&s;Dn(I(({noKeyboard:v,waitUntil:j})=>{p.current&&(v?j((async()=>{let V=p.current?.getAttribute("readonly");p.current?.setAttribute("readonly","true"),await new Promise(G=>setTimeout(G,0)),p.current?.focus(),typeof V!="string"?p.current?.removeAttribute("readonly"):p.current?.setAttribute("readonly",V)})()):p.current?.focus())},[p]));let Xe=jt(o),Oe=jt(T),oa=I(v=>{"tabIndex"in v.target&&typeof v.target.tabIndex=="number"&&v.target.tabIndex>=0||B("sendBox")},[B]),na=I(v=>z(v.currentTarget.value),[z]),Ue=I(async v=>{let j=Object.freeze(await Promise.all(v.map(V=>F(V).then(G=>Object.freeze({blob:V,...G&&{thumbnailURL:G}})))));n(j)},[F,n]),ia=I(v=>{v.preventDefault(),We()!=="empty"&&!R&&(N(Oe.current,void 0,{attachments:Xe.current}),z(""),n([])),B("sendBox")},[We,R,B,N,z,Oe,Xe,n]),ca=I(v=>N(`/DTMFKey ${v}`),[N]),la=ze(),da={"aria-invalid":"false",...Ve&&{"aria-describedby":x,"aria-errormessage":x,"aria-invalid":"true"}};return w.createElement("form",{...da,className:U(u.sendbox,f,e.className),"data-testid":h.sendBoxContainer,onSubmit:ia},w.createElement(ke,null),w.createElement("div",{className:U(u.sendbox__sendbox),onClickCapture:oa,onKeyDown:la},w.createElement(Zt,{"aria-label":k(R?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:U(u["sendbox__sendbox-text"],u["sendbox__text-area--in-grid"]),"data-testid":h.sendBoxTextBox,hidden:Ke,onInput:na,placeholder:e.placeholder??k("TEXT_INPUT_PLACEHOLDER"),ref:p,value:T}),w.createElement(Be,{autoFocus:!0,className:u["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:ca}),w.createElement(Lt,{attachments:o,className:u["sendbox__attachment--in-grid"]}),w.createElement("div",{className:U(u["sendbox__sendbox-controls"],u["sendbox__sendbox-controls--in-grid"])},ra&&w.createElement("div",{className:U(u["sendbox__text-counter"],{[u["sendbox__text-counter--error"]]:R})},`${T.length}/${r}`),w.createElement(Me,null,!t&&w.createElement(Xt,null),!a&&w.createElement(At,{onFilesAdded:Ue}),w.createElement(Ae,null),w.createElement(A,{"aria-label":k("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":h.sendBoxSendButton,disabled:R||Ke,type:"submit"},w.createElement(ge,null)))),w.createElement(we,{onFilesAdded:Ue}),w.createElement(It,{error:Ve,id:x})))}var ae=Gt(e=>w.createElement($t,{...e,isPrimary:!0}));ae.displayName="PrimarySendBox";var Xn=Gt($t);import Un from"react";import Zn from"classnames";var Pe={theme:"e","variant-copilot":"r"};var jn="webchat-fluent";function re(e){let t=l(Pe),a=C(Pe);return Un.createElement("div",{className:Zn(jn,t.theme,a)},e.children)}import{DecoratorComposer as oi}from"botframework-webchat-api/decorator";import ni,{memo as ii}from"react";import Yt,{Fragment as $n,memo as Yn,useCallback as Jn,useState as qn}from"react";import Qn from"classnames";var oe={"borderAnimation-angle":"v","borderAnimation-color1":"p","borderAnimation-color2":"_","borderAnimation-color3":"m","border-flair":"f","border-flair--complete":"ma","borderFlair-animation":"x"};function ei({children:e}){let t=l(oe),[a,r]=qn(!1),o=Jn(n=>(n.animationName===oe["borderAnimation-angle"]||n.animationName===oe["borderFlair-animation"])&&r(!0),[]);return Yt.createElement($n,null,e,Yt.createElement("div",{className:Qn(t["border-flair"],a&&t["border-flair--complete"]),onAnimationEnd:o}))}var Jt=Yn(ei);import De,{memo as ai}from"react";var qt={"borderAnimation-position":"k","border-loader":"fa","border-loader__track":"xa","border-loader__loader":"ka"};function ri({children:e}){let t=l(qt);return De.createElement("div",{className:t["border-loader"]},e,De.createElement("div",{className:t["border-loader__track"]},De.createElement("div",{className:t["border-loader__loader"]})))}var Qt=ai(ri);var ci=[e=>e==="activity border"&&(t=>a=>a.livestreamingState==="completing"?Jt:t(a)),e=>e==="activity border"&&(t=>a=>a.livestreamingState==="preparing"?Qt:t(a))];function li({children:e}){return ni.createElement(oi,{middleware:ci},e)}var Ie=ii(li);function ne(e){return!!(e&&e.from.role==="channel"&&e.type==="message"&&"text"in e)}import ta,{memo as si}from"react";var ea={"liner-message-activity":"Fa","liner-message-activity__text":"ya"};var aa=({activity:e})=>{let t=l(ea);return ta.createElement("div",{className:t["liner-message-activity"],role:"separator"},ta.createElement("span",{className:t["liner-message-activity__text"]},e.text))};aa.displayName="LinerMessageActivity";var Re=si(aa);var{ThemeProvider:hi}=bi,mi=Object.freeze([()=>e=>(...t)=>{let a=t[0]?.activity;if(E(a))return()=>H.createElement(ue,{activity:a});if(ne(a))return()=>H.createElement(Re,{activity:a});let r=e(...t);return r&&((...o)=>H.createElement(be,{activity:a},r(...o)))}]),pi=[()=>()=>()=>ae],gi=({children:e,variant:t="fluent"})=>H.createElement(Ze,{variant:t},H.createElement(re,null,H.createElement(Fe,null,H.createElement(hi,{activityMiddleware:mi,sendBoxMiddleware:pi},H.createElement(Ie,null,e))))),fi=ui(gi);var vi="tsup",_i="esmodules",yi="4.18.1-main.20240924.f09c8c5",eu={buildTool:vi,moduleFormat:_i,version:yi};wi("botframework-webchat:fluent-theme","version=4.18.1-main.20240924.f09c8c5; build-tool=tsup; module-format=esmodules");$();export{fi as FluentThemeProvider,eu as buildInfo,h as testIds};
 /*! For license information please see botframework-webchat-fluent-theme.mjs.LEGAL.txt */
 //# sourceMappingURL=botframework-webchat-fluent-theme.mjs.map