botframework-webchat-fluent-theme 4.18.1-main.20240820.2dbeed3 → 4.18.1-main.20240823.c5330cc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/botframework-webchat-fluent-theme.development.js +6 -6
  2. package/dist/botframework-webchat-fluent-theme.development.js.map +1 -1
  3. package/dist/botframework-webchat-fluent-theme.js +1 -1
  4. package/dist/botframework-webchat-fluent-theme.mjs +1 -1
  5. package/dist/botframework-webchat-fluent-theme.production.min.js +6 -6
  6. package/dist/botframework-webchat-fluent-theme.production.min.js.map +1 -1
  7. package/package.json +4 -4
  8. package/src/components/decorator/Decorator.tsx +6 -2
package/dist/botframework-webchat-fluent-theme.mjs CHANGED
@@ -1,3 +1,3 @@
1
- import{injectMetaTag as un}from"inject-meta-tag";import{Components as rn}from"botframework-webchat-component";import L,{memo as nn}from"react";import no from"classnames";import Pe,{memo as io}from"react";import{useContext as Zt,useMemo as jt}from"react";import{createContext as Wt}from"react";import Vt,{memo as Xt,useMemo as Ot}from"react";function q({Provider:e},{defaults:t,displayName:o}){let a=({children:r,...c})=>{let l=Ot(()=>Object.freeze({...t,...c}),[c]);return Vt.createElement(e,{value:l},r)};return a.displayName=o,Xt(a)}var J=Wt(new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),Ut=q(J,{defaults:{variant:""},displayName:"VariantComposer"}),Ae=Ut;function I(){let{variant:e}=Zt(J);return jt(()=>e.split(" "),[e])}var Gt=".webchat-fluent .e{display:contents;font-family:var(--webchat__font--primary);--webchat__bubble--inline-padding: var(--webchat-spacingHorizontalL);--webchat__bubble--block-padding: var(--webchat-spacingVerticalM);--webchat__bubble--min-height: var(--webchat-bubble-minHeight);--webchat__bubble--max-width: var(--webchat-bubble-maxWidth);--webchat-bubble-maxWidth: var(--bubble-maxWidth, 450px);--webchat-bubble-minHeight: var(--bubble-minHeight, 36px);--webchat-externalLink-mask: var(--externalLink-mask, var(--webchat__icon-url--external-link) center center / 10px 10px);--webchat-externalLink-maxWidth: var(--externalLink-maxWidth, 204px)}.webchat-fluent .e:has(.webchat__stacked-layout .webchat__bubble--from-user){--webchat__bubble--background-color: var(--webchat-colorBrandBackground2);--webchat__bubble--block-padding: var(--webchat-spacingVerticalS)}.webchat-fluent .e.h{--webchat__bubble--background-color: var(--webchat-colorNeutralBackground1);--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge);--webchat__bubble--box-shadow: var(--webchat-shadow4)}.webchat-fluent .e.s{--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge)}.webchat-fluent .e.s:not(:has(.webchat__bubble--from-user)){--webchat__bubble--block-padding: var(--webchat-spacingVerticalS) var(--webchat-spacingVerticalXXS);--webchat__bubble--border-radius: var(--webchat-borderRadiusSmall);--webchat__bubble--inline-padding: 32px var(--webchat-spacingHorizontalNone)}.webchat-fluent .e.s:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout__status{display:none}.webchat-fluent .e.s .webchat__activity-status{margin:0 0 var(--webchat-spacingHorizontalXXS)}.webchat-fluent .e.s .webchat__stacked-layout__status{order:-1}.webchat-fluent .e.s:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout .webchat__bubble .webchat__text-content{padding-block:calc(var(--webchat-spacingVerticalS) + 20px) var(--webchat-spacingVerticalXXS)}.webchat-fluent .e.s:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout .webchat__bubble{margin-block-start:-24px;margin-inline-start:-4px}.webchat-fluent .e .webchat__basic-transcript__activity-body:not(:empty){padding-block-end:var(--webchat-spacingVerticalXL)}.webchat-fluent .e .webchat__stacked-layout{display:flex;flex-flow:column nowrap}.webchat-fluent .e .webchat__stacked-layout .webchat__stacked-layout__content:has(.webchat__bubble){overflow:visible}.webchat-fluent .e .webchat__stacked-layout .webchat__stacked-layout__status{font-size:var(--webchat__font-size--small);line-height:var(--webchat__line-height--small)}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble{max-width:var(--webchat__bubble--max-width);overflow:visible}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__bubble__content{background-color:var(--webchat__bubble--background-color);border-radius:var(--webchat__bubble--border-radius);border-width:0;box-sizing:border-box;color:var(--webchat-colorNeutralForeground1);min-height:var(--webchat__bubble--min-height)}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__text-content{font-size:var(--webchat__font-size--medium);line-height:var(--webchat__line-height--medium);min-height:auto;padding-block:var(--webchat__bubble--block-padding);padding-inline:var(--webchat__bubble--inline-padding)}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__bubble__content:before{border-radius:inherit;box-shadow:var(--webchat__bubble--box-shadow);content:\"\";inset:0;isolation:isolate;pointer-events:none;position:absolute}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier){color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier) .webchat__render-markdown__external-link-icon{background:currentColor;-webkit-mask:var(--webchat__icon-url--external-link) no-repeat;mask:var(--webchat__icon-url--external-link) no-repeat}.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier{align-items:center;background-color:var(--webchat-colorNeutralBackground3);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);box-sizing:border-box;color:var(--webchat-colorNeutralForeground2);display:inline-flex;font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightSemibold);height:14px;justify-content:center;line-height:var(--webchat-lineHeightBase100);margin-left:var(--webchat-spacingHorizontalXXS);margin-right:var(--webchat-spacingHorizontalXXS);min-width:14px;text-decoration:none;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);vertical-align:calc((var(--webchat-lineHeightBase100) - var(--webchat-fontSizeBase100)) / 2)}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):hover{background-color:var(--webchat-colorBrandBackground2Hover);border-color:var(--webchat-colorBrandStroke2Hover);color:var(--webchat-colorBrandForeground2Hover);cursor:pointer}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):hover:active{background-color:var(--webchat-colorBrandBackground2Pressed);border-color:var(--webchat-colorBrandStroke2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):before,:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):after{all:unset}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):has(.webchat__render-markdown__external-link-icon){padding-inline:3px}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier) .webchat__render-markdown__external-link-icon{background:currentColor;height:.7em;-webkit-mask:var(--webchat__icon-url--external-link) no-repeat;mask:var(--webchat__icon-url--external-link) no-repeat}.webchat-fluent .e .webchat__link-definitions__header .webchat__link-definitions__header-text{color:var(--webchat-colorNeutralForeground3)}.webchat-fluent .e .webchat__link-definitions__header .webchat__link-definitions__header-chevron{fill:var(--webchat-colorNeutralForeground3);font-size:var(--webchat__font-size--small);width:1em}.webchat-fluent .e .webchat__link-definitions{--webchat__citation__external-link--mask: var(--webchat-externalLink-mask);--webchat__citation__link--max-width: var(--webchat-externalLink-maxWidth)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list{color:var(--webchat__color--subtle);display:flex;flex-flow:row wrap;gap:var(--webchat-spacingHorizontalS)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item{border-radius:var(--webchat-borderRadiusMedium);max-width:var(--webchat__citation__link--max-width)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-box{background-color:var(--webchat-colorNeutralBackground3);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:var(--webchat__font-size--small);height:24px;padding-inline-end:var(--webchat-spacingHorizontalS)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-body{font-family:inherit;gap:var(--webchat-spacingHorizontalSNudge);min-width:0;padding:0}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__badge{align-self:center;background-color:transparent;border-radius:0;border:none;color:currentColor;font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase100);margin:0;min-width:20px;padding:0;position:relative;text-align:center}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__badge:after{border-right:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);bottom:0;content:\"\";display:block;height:16px;position:absolute;right:0;top:0;width:0}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-main-text{gap:var(--webchat-spacingHorizontalXS)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-text{color:currentColor;text-decoration:none;text-overflow:ellipsis}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-main-text:has(.webchat__link-definitions__open-in-new-window-icon):before{align-self:center;background:currentColor;color:currentColor;content:\"\";flex:none;font-size:var(--webchat-fontSizeBase400);height:1em;-webkit-mask:var(--webchat__citation__external-link--mask) no-repeat;mask:var(--webchat__citation__external-link--mask) no-repeat;padding:0;width:1em}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__open-in-new-window-icon{display:none}.webchat-fluent .g{align-items:center;cursor:default;display:flex;flex-wrap:nowrap;gap:var(--webchat-spacingHorizontalS);margin-inline-start:var(--webchat-spacingVerticalMNudge);padding-block-start:var(--webchat-spacingVerticalXS);position:relative;z-index:1}.webchat-fluent .u{aspect-ratio:1;background-color:var(--background-color);border-radius:var(--webchat-borderRadiusSmall);width:20px}.webchat-fluent .w{font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase300);max-width:240px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.webchat-fluent .p{align-items:center;background-color:var(--webchat-colorNeutralBackground5);border-radius:var(--webchat-borderRadiusMedium);color:var(--webchat-colorNeutralForeground3);display:flex;font-size:var(--webchat-fontSizeBase100);height:20px;line-height:var(--webchat-lineHeightBase100);padding-inline:4px}.webchat-fluent .v{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 .r{font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightRegular);grid-area:body;line-height:var(--webchat-lineHeightBase300);text-align:center}.webchat-fluent .r h2{color:var(--webchat-colorNeutralForeground1);font-family:inherit;font-weight:var(--webchat-fontWeightSemibold);font-size:var(--webchat-fontSizeHero700);line-height:var(--webchat-lineHeightHero700);margin:var(--webchat-spacingVerticalL) 0 0}.webchat-fluent .r img{border-radius:4px;height:64px}.webchat-fluent ._{grid-area:toolbar}.webchat-fluent .f{-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:8px;grid-template-areas:\"title\" \"subtitle\";grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:hidden;padding:16px 20px;text-align:left;-webkit-user-select:none;user-select:none}.webchat-fluent .f:has(.t){grid-template-areas:\"image title\" \"image subtitle\";grid-template-columns:20px 1fr}.webchat-fluent .f:disabled{background-color:var(--webchat-colorNeutralBackgroundDisabled)}.webchat-fluent .f:hover{background-color:var(--webchat-colorNeutralBackground1Hover)}.webchat-fluent .f:active{background-color:var(--webchat-colorNeutralBackground1Pressed)}.webchat-fluent .f:focus-visible{outline:solid 2px var(--webchat-colorStrokeFocus2);outline-offset:-2px}.webchat-fluent .t{grid-area:image;height:20px;width:20px}.webchat-fluent .x{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightRegular);grid-area:subtitle;line-height:20px;pointer-events:none}.webchat-fluent .k{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightSemibold);grid-area:title;line-height:20px}.webchat-fluent .m{container-name:l;container-type:inline-size}.webchat-fluent .c{display:grid;gap:var(--webchat-spacingHorizontalM);grid-template-columns:1fr 1fr 1fr;padding:0}@container l (width <= 480px){.webchat-fluent .c{grid-template-columns:1fr}}.webchat-fluent .B{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 .N{background-color:#e00;color:#fff}.webchat-fluent .S{height:36px;pointer-events:none;width:36px}.webchat-fluent .y{align-items:center;background:transparent;border-radius:8px;border:1px solid var(--webchat-colorBrandStroke2);color:currentColor;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;text-align:start;transition:all .15s ease-out}@media (hover: hover){.webchat-fluent .y:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .y:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .y[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .H{font-size:12px;height:1em;width:1em}.webchat-fluent .z{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .z:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .z.F{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .z.X{flex-direction:column}.webchat-fluent .i{-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 .i:hover{background-color:var(--webchat-colorGray30)}.webchat-fluent .n{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .b{font-size:24px;margin-top:8px}.webchat-fluent .L .i{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .L .n{display:none}.webchat-fluent .L .b{font-size:20px;margin-top:0}.webchat-fluent .W{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 .V{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 .M{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .R{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .R:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .R:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .R:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .R:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .P{display:flex;gap:4px;margin-inline-start:auto}.webchat-fluent .T{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;justify-content:center;padding:3px;width:32px}.webchat-fluent .T>svg{font-size:20px;pointer-events:none}.webchat-fluent .T.D{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .T:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .T:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .T[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .C{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .C:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .G{display:grid}.webchat-fluent .U{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .j{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .I{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .A{--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 .E{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 .E:has(.d){--webchat-sendbox-attachment-area-active: \"attachment\" }.webchat-fluent .E:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .E: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 .E: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 .E>.q{grid-area:text-area}.webchat-fluent .E>.d{grid-area:attachment}.webchat-fluent .E>.J{grid-area:controls}.webchat-fluent .E>.K{grid-area:telephone-keypad}.webchat-fluent .O{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 .O:focus-within{font-size:16px}}.webchat-fluent .Q{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .Y{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .Z{color:var(--webchat-colorStatusDangerForeground1)}.webchat-fluent .aa{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .ea{height:0;visibility:collapse}.webchat-fluent .ra{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .oa{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .ta{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent .la{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .la::-webkit-scrollbar{width:8px}.webchat-fluent .la::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .la::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .la::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent.a{display:contents;--webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);--webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);--webchat-colorNeutralForeground1Hover: var(--colorNeutralForeground1Hover, #242424);--webchat-colorNeutralForeground1Pressed: var(--colorNeutralForeground1Pressed, #242424);--webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);--webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);--webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);--webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);--webchat-colorNeutralForeground3: var(--colorNeutralForeground3, #616161);--webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);--webchat-colorNeutralForeground5: var(--colorNeutralForeground5, #7e7e7e);--webchat-colorNeutralBackgroundDisabled: var(--colorNeutralBackgroundDisabled, #f0f0f0);--webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);--webchat-colorNeutralBackground1Hover: var(--colorNeutralBackground1Hover, #f5f5f5);--webchat-colorNeutralBackground1Pressed: var(--colorNeutralBackground1Pressed, #e0e0e0);--webchat-colorNeutralBackground3: var(--colorNeutralBackground3, #f5f5f5);--webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);--webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);--webchat-colorTransparentBackground: var(--colorTransparentBackground, rgba(0, 0, 0, .4));--webchat-colorNeutralStrokeDisabled: var(--colorNeutralStrokeDisabled, #e0e0e0);--webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);--webchat-colorNeutralStroke1Hover: var(--colorNeutralStroke1Hover, #c7c7c7);--webchat-colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed, #b3b3b3);--webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);--webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);--webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);--webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);--webchat-colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed, #01384d);--webchat-colorTransparentStroke: var(--colorTransparentStroke, transparent);--webchat-colorBrandForeground1: var(--colorBrandForeground1, #01678c);--webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);--webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);--webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);--webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);--webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);--webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c);--webchat-colorBrandBackground2: var(--colorBrandBackground2, #def2fc);--webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);--webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);--webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);--webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);--webchat-colorGray30: var(--colorGray30, #edebe9);--webchat-colorGray160: var(--colorGray160, #323130);--webchat-colorGray190: var(--colorGray190, #201f1e);--webchat-colorGray200: var(--colorGray200, #1b1a19);--webchat-shadow2: var(--shadow2, 0 0 2px rgba(0, 0, 0, 12%), 0 1px 2px rgba(0, 0, 0, 14%));--webchat-shadow4: var(--shadow4, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .14));--webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108));--webchat-shadow64: var(--shadow64, 0 0 8px rgba(0, 0, 0, .12), 0 32px 64px rgba(0, 0, 0, .14));--webchat-spacingHorizontalNone: var(--spacingHorizontalNone, 0);--webchat-spacingHorizontalXXS: var(--spacingHorizontalXXS, 2px);--webchat-spacingHorizontalXS: var(--spacingHorizontalXS, 4px);--webchat-spacingHorizontalSNudge: var(--spacingHorizontalSNudge, 6px);--webchat-spacingHorizontalS: var(--spacingHorizontalS, 8px);--webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);--webchat-spacingHorizontalM: var(--spacingHorizontalM, 12px);--webchat-spacingHorizontalL: var(--spacingHorizontalL, 16px);--webchat-spacingHorizontalXL: var(--spacingHorizontalXL, 20px);--webchat-spacingHorizontalXXL: var(--spacingHorizontalXXL, 24px);--webchat-spacingHorizontalXXXL: var(--spacingHorizontalXXXL, 32px);--webchat-spacingVerticalNone: var(--spacingVerticalNone, 0);--webchat-spacingVerticalXXS: var(--spacingVerticalXXS, 2px);--webchat-spacingVerticalXS: var(--spacingVerticalXS, 4px);--webchat-spacingVerticalSNudge: var(--spacingVerticalSNudge, 6px);--webchat-spacingVerticalS: var(--spacingVerticalS, 8px);--webchat-spacingVerticalMNudge: var(--spacingVerticalMNudge, 10px);--webchat-spacingVerticalM: var(--spacingVerticalM, 12px);--webchat-spacingVerticalL: var(--spacingVerticalL, 16px);--webchat-spacingVerticalXL: var(--spacingVerticalXL, 20px);--webchat-spacingVerticalXXL: var(--spacingVerticalXXL, 24px);--webchat-spacingVerticalXXXL: var(--spacingVerticalXXXL, 32px);--webchat-fontFamilyBase: var(--fontFamilyBase, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif);--webchat-fontFamilyNumeric: var(--fontFamilyNumeric, Bahnschrift, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif);--webchat-fontWeightRegular: var(--fontWeightRegular, 400);--webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);--webchat-fontSizeBase100: var(--fontSizeBase100, 10px);--webchat-fontSizeBase200: var(--fontSizeBase200, 12px);--webchat-fontSizeBase300: var(--fontSizeBase300, 14px);--webchat-fontSizeBase400: var(--fontSizeBase400, 16px);--webchat-fontSizeBase500: var(--fontSizeBase500, 20px);--webchat-fontSizeBase600: var(--fontSizeBase600, 24px);--webchat-fontSizeHero700: var(--fontSizeHero700, 28px);--webchat-fontSizeHero800: var(--fontSizeHero800, 32px);--webchat-fontSizeHero900: var(--fontSizeHero900, 40px);--webchat-lineHeightBase100: var(--lineHeightBase100, 14px);--webchat-lineHeightBase200: var(--lineHeightBase200, 16px);--webchat-lineHeightBase300: var(--lineHeightBase300, 20px);--webchat-lineHeightBase400: var(--lineHeightBase400, 22px);--webchat-lineHeightBase500: var(--lineHeightBase500, 28px);--webchat-lineHeightBase600: var(--lineHeightBase600, 32px);--webchat-lineHeightHero700: var(--lineHeightHero700, 36px);--webchat-lineHeightHero800: var(--lineHeightHero800, 40px);--webchat-lineHeightHero900: var(--lineHeightHero900, 52px);--webchat-lineHeightHero1000: var(--lineHeightHero1000, 92px);--webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);--webchat-borderRadiusMedium: var(--borderRadiusMedium, 4px);--webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);--webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);--webchat-strokeWidthThin: var(--strokeWidthThin, 1px);--webchat-strokeWidthThick: var(--strokeWidthThicker, 2px);--webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);--webchat-durationUltraFast: var(--durationUltraFast, 0);--webchat-durationNormal: var(--durationNormal, .2s);--webchat-durationUltraSlow: var(--durationUltraSlow, .5s);--webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));--webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1))}@media (prefers-reduced-motion){.webchat-fluent.a{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent.a .webchat__css-custom-properties{--webchat__color--accent: var(--webchat-colorBrandForeground1);--webchat__color--subtle: var(--webchat-colorNeutralForeground2);--webchat__color--timestamp: var(--webchat-colorNeutralForeground3);--webchat__font--primary: var(--webchat-fontFamilyBase);--webchat__font-size--small: var(--webchat-fontSizeBase200);--webchat__font-size--medium: var(--webchat-fontSizeBase300);--webchat__line-height--small: var(--webchat-lineHeightBase200);--webchat__line-height--medium: var(--webchat-lineHeightBase300);--webchat__max-width--bubble: var(--webchat-bubble-maxWidth);--webchat__min-height--bubble: var(--webchat-bubble-minHeight);--webchat__padding--regular: var(--webchat-spacingVerticalS);--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.a.o .webchat__css-custom-properties{--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalXL) var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.a .webchat__surface{background-color:var(--webchat__color--surface)}.webchat-fluent.a.o .webchat__surface{box-sizing:border-box;padding-inline-start:var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralForeground5) transparent;-moz-scrollbar-width:thin}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge);visibility:hidden}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable:hover::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge)}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable:hover::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--webchat-colorNeutralForeground5);border-radius:10px;border-right:4px solid transparent;border:3px solid transparent}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable:hover::-webkit-scrollbar-thumb:hover{background-clip:padding-box;background-color:var(--webchat-colorNeutralForeground5);border-radius:10px;border-right:2px solid transparent;border:1px solid transparent}.webchat-fluent.a.o .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-gutter:stable}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__terminator:focus-visible+.webchat__basic-transcript__focus-indicator{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.a .webchat__basic-transcript:not(:focus-visible) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent.a .webchat__basic-transcript:focus-visible:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__focus-indicator{display:none}.webchat-fluent.a .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent.a .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__bubble:after,.webchat-fluent.a .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .pre-chat-message-activity:after{content:\"\";position:absolute;inset:-2px;border:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);border-radius:var(--webchat__bubble--border-radius);pointer-events:none}.webchat-fluent.a .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .pre-chat-message-activity:after{inset:0;border-radius:var(--webchat-borderRadiusSmall)}.webchat-fluent.a .webchat__basic-transcript:has(.webchat__basic-transcript__activity:only-child):has(.pre-chat-message-activity) .webchat__basic-transcript__filler{flex-grow:.5}.webchat-fluent.a .webchat__modal-dialog{height:100%;display:grid;place-items:center}.webchat-fluent.a .webchat__modal-dialog::backdrop{background-color:var(--webchat-colorTransparentBackground)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__box{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusXLarge);position:relative;color:var(--webchat-colorNeutralForeground1);box-shadow:var(--webchat-shadow64)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button{color:var(--webchat-colorNeutralForeground1);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:not(:active):hover{background-color:var(--webchat-colorNeutralBackground3)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:active{background-color:var(--webchat-colorNeutralBackground4)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:focus-visible){border:none}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button-image{fill:currentColor}.webchat-fluent.a .webchat__activity-button{background:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1);color:var(--webchat-colorNeutralForeground1);gap:var(--webchat-spacingHorizontalXS);padding:5px var(--webchat-spacingHorizontalM)}.webchat-fluent.a .webchat__activity-button:hover{background:var(--webchat-colorNeutralBackground1Hover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Hover);color:var(--webchat-colorNeutralForeground1Hover)}.webchat-fluent.a .webchat__activity-button:active{background:var(--webchat-colorNeutralBackground1Pressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Pressed);color:var(--webchat-colorNeutralForeground1Pressed)}.webchat-fluent.a .webchat__activity-button:focus-visible{background:var(--webchat-colorNeutralBackground1);outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);outline-offset:calc(var(--webchat-strokeWidthThick) * -1)}.webchat-fluent.a .webchat__activity-button:disabled{background:var(--webchat-colorNeutralBackgroundDisabled);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStrokeDisabled);color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent.a .webchat__activity-button .webchat__activity-button__icon{height:20px;width:20px}.webchat-fluent.a .webchat__activity-copy-button .webchat__activity-copy-button__copied-text{background-color:var(--webchat-colorNeutralBackground1)}.webchat-fluent.a .webchat__activity-copy-button.webchat__activity-copy-button--copied .webchat__activity-copy-button__copied-text{animation-duration:var(--webchat-durationUltraSlow)}.webchat-fluent.a .webchat__monochrome-image-masker{background-color:var(--webchat-colorNeutralForeground4)}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n";function X(){if(globalThis.document){let e=document.createElement("style");e.append(document.createTextNode(Gt)),document.head.appendChild(e)}}import{useMemo as $t}from"react";function Yt(e){return $t(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,o])=>[t,`${t} ${o}`]))),[e])}var i=Yt;import{useMemo as qt}from"react";function F(e){let t=i(e),o=I();return qt(()=>o.map(a=>t[`variant-${a}`]).filter(a=>a).join(" "),[t,o])}var Q={"activity-decorator":"e","variant-fluent":"h","variant-copilot":"s"};import{hooks as eo}from"botframework-webchat-component";import O,{memo as to,useMemo as Ee}from"react";var ze={"copilot-message-header":"g","copilot-message-header__avatar":"u","copilot-message-header__title":"w","copilot-message-header__ai-generated-content":"p"};var{useStyleOptions:oo,useLocalizer:ao}=eo;function ro({activity:e}){let[{botAvatarImage:t,botAvatarBackgroundColor:o}]=oo(),a=i(ze),r=ao(),c=Ee(()=>!!e,[e]),l=e?.from?.name,n=Ee(()=>({"--background-color":o}),[o]);return O.createElement("div",{className:a["copilot-message-header"]},O.createElement("img",{alt:r("AVATAR_ALT",l),className:a["copilot-message-header__avatar"],src:t,style:n}),O.createElement("span",{className:a["copilot-message-header__title"],title:l},l),c&&O.createElement("span",{className:a["copilot-message-header__ai-generated-content"]},r("ACTIVITY_CONTENT_CAUTION")))}var Le=to(ro);function De({activity:e,children:t}){let o=i(Q),a=I(),r=F(Q),c=a.includes("copilot")&&e?.from?.role!=="user"&&!!t;return Pe.createElement("div",{className:no(o["activity-decorator"],r)},c&&Pe.createElement(Le,{activity:e}),t)}De.displayName="ActivityDecorator";var ee=io(De);import{getOrgSchemaMessage as lo}from"botframework-webchat-core";function A(e){return!!(e&&lo(e?.entities||[])?.keywords?.includes("PreChatMessage"))}import{hooks as So}from"botframework-webchat-component";import oe,{memo as Bo,useMemo as Co}from"react";var Ie={"pre-chat-message-activity":"v","pre-chat-message-activity__body":"r","pre-chat-message-activity__toolbar":"_"};import No from"classnames";import te,{memo as To}from"react";import{Components as uo,hooks as ho}from"botframework-webchat-component";import po from"classnames";import W,{memo as mo,useCallback as go,useMemo as fo}from"react";import{useRefFrom as wo}from"use-ref-from";var so={preChatMessageActivityStarterPromptsCardAction:"pre-chat message activity starter prompts card action",sendBoxDropZone:"send box drop zone",sendBoxSendButton:"send box send button",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"},u=so;var Re={"pre-chat-message-activity__card-action-box":"f","pre-chat-message-activity__card-action-image":"t","pre-chat-message-activity__card-action-subtitle":"x","pre-chat-message-activity__card-action-title":"k"};var{useFocus:vo,useRenderMarkdownAsHTML:_o,useSendBoxValue:xo}=ho,{MonochromeImageMasker:yo}=uo,Ke=({className:e,messageBackAction:t})=>{let[o,a]=xo(),r=i(Re),c=vo(),l=wo(t.displayText||t.text||""),n=_o("message activity"),b=fo(()=>n?{__html:n(t.text||"")}:{__html:""},[t.text,n]),p=go(()=>{a(l.current),c("sendBox")},[c,l,a]);return W.createElement("button",{className:po(e,r["pre-chat-message-activity__card-action-box"]),"data-testid":u.preChatMessageActivityStarterPromptsCardAction,onClick:p,type:"button"},W.createElement("div",{className:r["pre-chat-message-activity__card-action-title"]},"title"in t&&t.title),"image"in t&&t.image&&W.createElement(yo,{className:r["pre-chat-message-activity__card-action-image"],src:t.image}),W.createElement("div",{className:r["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:b}))};Ke.displayName="StarterPromptAction";var Ve=mo(Ke);var Xe={"pre-chat-message-activity__card-action-toolbar":"m","webchat-container":"l","pre-chat-message-activity__card-action-toolbar-grid":"c"};var Oe=({cardActions:e,className:t})=>{let o=i(Xe);return te.createElement("div",{className:No(t,o["pre-chat-message-activity__card-action-toolbar"])},te.createElement("div",{className:o["pre-chat-message-activity__card-action-toolbar-grid"]},e.filter(a=>a.type==="messageBack").map(a=>te.createElement(Ve,{key:a.text,messageBackAction:a}))))};Oe.displayName="StarterPrompts";var We=To(Oe);var{useRenderMarkdownAsHTML:Ho}=So,Ue=({activity:e})=>{let t=i(Ie),o=Ho(),a=Co(()=>o?{__html:o(e.text||"")}:{__html:""},[e.text,o]);return oe.createElement("div",{className:t["pre-chat-message-activity"]},oe.createElement("div",{className:t["pre-chat-message-activity__body"],dangerouslySetInnerHTML:a}),oe.createElement(We,{cardActions:e.suggestedActions?.actions||[],className:t["pre-chat-message-activity__toolbar"]}))};Ue.displayName="PreChatMessageActivity";var ae=Bo(Ue);import{hooks as Xr}from"botframework-webchat-component";import K from"classnames";import w,{memo as zt,useCallback as E,useRef as Or,useState as Wr}from"react";import{useRefFrom as At}from"use-ref-from";import Ze,{memo as Mo}from"react";function Fo(e){return Ze.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},Ze.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 re=Mo(Fo);import je,{memo as Ao}from"react";function zo(e){return je.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},je.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 ne=Ao(zo);import Ge,{memo as Eo}from"react";function Lo(e){return Ge.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg"},Ge.createElement("path",{d:"M8.5 7.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3Zm.25-2a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z",fill:"currentColor"}))}var ie=Eo(Lo);import $e,{memo as Po}from"react";function Do(e){return $e.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},$e.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 le=Po(Do);import Ye,{memo as Io}from"react";function Ro(e){return Ye.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},Ye.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 ce=Io(Ro);import{hooks as Vo}from"botframework-webchat-component";import Xo from"classnames";import Je,{memo as Oo,useCallback as Wo,useEffect as Uo,useRef as Zo,useState as jo}from"react";import{useRefFrom as Go}from"use-ref-from";var qe={"sendbox__attachment-drop-zone":"B","sendbox__attachment-drop-zone--droppable":"N","sendbox__attachment-drop-zone-icon":"S"};var{useLocalizer:$o}=Vo,Yo=e=>{e.preventDefault()},Qe=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function qo(e,t){let o=e.parentNode;for(;o;){if(o===t)return!0;o=o.parentNode}return!1}var et=e=>{let[t,o]=jo(!1),a=i(qe),r=Zo(null),c=$o(),l=Go(e.onFilesAdded);Uo(()=>{let b=0,p=s=>{b++,Qe(s)&&o(r.current&&(s.target===r.current||s.target instanceof HTMLElement&&qo(s.target,r.current))?"droppable":"visible")},d=()=>--b<=0&&o(!1);return document.addEventListener("dragenter",p,!1),document.addEventListener("dragleave",d,!1),()=>{document.removeEventListener("dragenter",p),document.removeEventListener("dragleave",d)}},[o]);let n=Wo(b=>{b.preventDefault(),o(!1),Qe(b.nativeEvent)&&l.current([...b.dataTransfer.files])},[l,o]);return t?Je.createElement("div",{className:Xo(a["sendbox__attachment-drop-zone"],{[a["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":u.sendBoxDropZone,onDragOver:Yo,onDrop:n,ref:r},Je.createElement(re,{className:a["sendbox__attachment-drop-zone-icon"]}),c("TEXT_INPUT_DROP_ZONE")):null};et.displayName="DropZone";var se=Oo(et);import{hooks as Na}from"botframework-webchat-component";import Ta from"classnames";import R,{memo as Sa,useCallback as Ba}from"react";function de(e){let{title:t}=e,{type:o,value:a}=e;return o==="messageBack"?t||e.displayText:t||(typeof a=="string"?a:JSON.stringify(a))}import Jo,{createContext as Qo,memo as ea,useCallback as z,useContext as ta,useEffect as oa,useMemo as aa,useRef as be}from"react";var tt=Qo({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function ra(e){let t=be(0),o=be([]),a=z(({current:d},s)=>d&&(d.tabIndex=t.current===s?0:-1),[t]),r=z(d=>{let s;typeof d=="number"?s=d:s=d(t.current),s&&!o.current.at(s)?.current&&(s=0),t.current!==s&&(t.current=s,o.current.forEach((h,m)=>a(h,m)),o.current.at(s)?.current?.focus())},[a,o,t]),c=z(d=>{let{target:s}=d,h=o.current.findIndex(({current:m})=>m===s);h!==-1&&r(h)},[o,r]),l=z(d=>s=>{let h=!e.direction,m=/up|down/iu.test(d)&&e.direction==="vertical",g=/left|right/iu.test(d)&&e.direction==="horizontal",v=/right|down/iu.test(d),k=h||m||g?v?1:-1:0,N=o.current.map((B,H)=>H),S=N.indexOf(s)+k;return N.at(S)??0},[e.direction]),n=z(d=>{let{key:s}=d;switch(s){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":r(l(s));break;case"Home":r(0);break;case"End":r(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}d.preventDefault(),d.stopPropagation()},[r,l,e]),b=z((d,s)=>{let{current:h}=d;return o.current[Number(s)]=d,h.addEventListener("focus",c),h.addEventListener("keydown",n),a(d,s),()=>{h.removeEventListener("focus",c),h.removeEventListener("keydown",n),delete o.current[Number(s)]}},[c,n,a,o]),p=aa(()=>({itemEffector:b}),[b]);return Jo.createElement(tt.Provider,{value:p},e.children)}function ot(e){let t=be(null),{itemEffector:o}=ta(tt);return oa(()=>o(t,e)),t}var at=ea(ra);import{hooks as ua}from"botframework-webchat-component";import ha from"classnames";import ue,{memo as pa,useCallback as ma}from"react";var rt={"suggested-action":"y","suggested-action__image":"H"};import ia,{forwardRef as la,memo as ca,useRef as sa}from"react";var da=e=>e.preventDefault(),ba=la(({"aria-hidden":e,children:t,disabled:o,onClick:a,tabIndex:r,...c},l)=>{let n=sa(null);return ia.createElement("button",{"aria-disabled":o?"true":"false","aria-hidden":e,onClick:o?da:a,ref:l||n,tabIndex:r,...o&&{"aria-disabled":"true",tabIndex:-1},...c,type:"button"},t)}),nt=ca(ba);var{useDisabled:ga,useFocus:fa,usePerformCardAction:wa,useScrollToEnd:va,useStyleSet:_a,useSuggestedActions:xa}=ua;function ya({buttonText:e,className:t,displayText:o,image:a,imageAlt:r,itemIndex:c,text:l,type:n,value:b}){let[p,d]=xa(),[{suggestedAction:s}]=_a(),[h]=ga(),m=fa(),g=ot(c),v=wa(),k=i(rt),N=va(),S=ma(({target:B})=>{(async function(){await m("sendBoxWithoutKeyboard"),v({displayText:o,text:l,type:n,value:b},{target:B}),n==="openUrl"&&d([]),N()})()},[o,m,v,N,d,l,n,b]);return ue.createElement(nt,{className:ha(k["suggested-action"],s+"",(t||"")+""),disabled:h,onClick:S,ref:g,type:"button"},a&&ue.createElement("img",{alt:r,className:k["suggested-action__image"],src:a}),ue.createElement("span",null,e))}var it=pa(ya);var he={"suggested-actions":"z","suggested-actions--flow":"F","suggested-actions--stacked":"X"};var{useFocus:Ca,useLocalizer:Ha,useStyleOptions:Ma,useStyleSet:Fa,useSuggestedActions:Aa}=Na;function za(e){let[{suggestedActionLayout:t}]=Ma(),[{suggestedActions:o}]=Fa(),a=i(he);return R.createElement("div",{"aria-label":e["aria-label"],"aria-live":"polite","aria-orientation":"vertical",className:Ta(a["suggested-actions"],o+"",{[a["suggested-actions--flow"]]:t==="flow",[a["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},!!e.children&&!!R.Children.count(e.children)&&e.children)}function Ea(){let e=i(he),t=Ha(),[o,a,{activity:r}]=Aa(),c=Ca(),l=Ba(()=>{c("sendBox")},[c]),n=A(r)?[]:o.map((b,p)=>{let{displayText:d,image:s,imageAltText:h,text:m,type:g,value:v}=b;return o?.length?R.createElement(it,{buttonText:de(b),displayText:d,image:s,imageAlt:s&&(h||m),itemIndex:p,key:p,text:m,type:g,value:v}):null});return R.createElement(at,{onEscapeKey:l},R.createElement(za,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},n))}var pe=Sa(Ea);import Pa,{memo as Da,useMemo as Ia,useState as Ra}from"react";import{createContext as La}from"react";var lt=La(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));lt.displayName="TelephoneKeypad.Context";var U=lt;var Ka=Da(({children:e})=>{let[t,o]=Ra(!1),a=Ia(()=>Object.freeze({setShown:o,shown:t}),[o,t]);return Pa.createElement(U.Provider,{value:a},e)}),me=Ka;import er,{memo as tr}from"react";import{Components as $a}from"botframework-webchat-component";import Ya from"classnames";import f,{memo as bt,useCallback as y,useEffect as qa,useRef as Ja}from"react";import{useRefFrom as dt}from"use-ref-from";import ge,{forwardRef as Xa,memo as Oa,useCallback as Wa}from"react";import{useRefFrom as Ua}from"use-ref-from";var ct={"telephone-keypad__button":"i","telephone-keypad__button__ruby":"n","telephone-keypad__button__text":"b","telephone-keypad--horizontal":"L"};var st=Oa(Xa(({button:e,"data-testid":t,onClick:o,ruby:a},r)=>{let c=i(ct),l=Ua(o),n=Wa(()=>l.current?.(),[l]);return ge.createElement("button",{className:c["telephone-keypad__button"],"data-testid":t,onClick:n,ref:r,type:"button"},ge.createElement("span",{className:c["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!a&&ge.createElement("ruby",{className:c["telephone-keypad__button__ruby"]},a))}));st.displayName="TelephoneKeypad.Button";var x=st;import{useContext as Za,useMemo as ja}from"react";function T(){let{setShown:e,shown:t}=Za(U);return ja(()=>Object.freeze([t,e]),[t,e])}var fe={"telephone-keypad":"W","telephone-keypad__box":"V","telephone-keypad__info-message":"M","telephone-keypad__info-message-link":"R"};var{LocalizedString:Qa}=$a,ut=bt(({children:e,isHorizontal:t})=>{let o=i(fe);return t?null:f.createElement("div",{className:o["telephone-keypad__box"]},e)});ut.displayName="TelephoneKeypad:Orientation";var ht=bt(({autoFocus:e,className:t,onButtonClick:o,isHorizontal:a})=>{let r=dt(e),c=i(fe),l=Ja(null),n=dt(o),[,b]=T(),p=y(()=>n.current?.("1"),[n]),d=y(()=>n.current?.("2"),[n]),s=y(()=>n.current?.("3"),[n]),h=y(()=>n.current?.("4"),[n]),m=y(()=>n.current?.("5"),[n]),g=y(()=>n.current?.("6"),[n]),v=y(()=>n.current?.("7"),[n]),k=y(()=>n.current?.("8"),[n]),N=y(()=>n.current?.("9"),[n]),S=y(()=>n.current?.("0"),[n]),B=y(()=>n.current?.("*"),[n]),H=y(()=>n.current?.("#"),[n]),P=y(M=>{M.key==="Escape"&&b(!1)},[b]);return qa(()=>{r.current&&l.current?.focus()},[r,l]),f.createElement("div",{className:Ya(c["telephone-keypad"],t),onKeyDown:P},f.createElement(ut,{isHorizontal:a},f.createElement(x,{button:"1","data-testid":u.sendBoxTelephoneKeypadButton1,onClick:p,ref:l}),f.createElement(x,{button:"2","data-testid":u.sendBoxTelephoneKeypadButton2,onClick:d,ruby:"ABC"}),f.createElement(x,{button:"3","data-testid":u.sendBoxTelephoneKeypadButton3,onClick:s,ruby:"DEF"}),f.createElement(x,{button:"4","data-testid":u.sendBoxTelephoneKeypadButton4,onClick:h,ruby:"GHI"}),f.createElement(x,{button:"5","data-testid":u.sendBoxTelephoneKeypadButton5,onClick:m,ruby:"JKL"}),f.createElement(x,{button:"6","data-testid":u.sendBoxTelephoneKeypadButton6,onClick:g,ruby:"MNO"}),f.createElement(x,{button:"7","data-testid":u.sendBoxTelephoneKeypadButton7,onClick:v,ruby:"PQRS"}),f.createElement(x,{button:"8","data-testid":u.sendBoxTelephoneKeypadButton8,onClick:k,ruby:"TUV"}),f.createElement(x,{button:"9","data-testid":u.sendBoxTelephoneKeypadButton9,onClick:N,ruby:"WXYZ"}),f.createElement(x,{button:"*","data-testid":u.sendBoxTelephoneKeypadButtonStar,onClick:B}),f.createElement(x,{button:"0","data-testid":u.sendBoxTelephoneKeypadButton0,onClick:S,ruby:"+"}),f.createElement(x,{button:"#","data-testid":u.sendBoxTelephoneKeypadButtonPound,onClick:H})),f.createElement("div",{className:c["telephone-keypad__info-message"]},f.createElement(ie,null),f.createElement(Qa,{linkClassName:c["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});ht.displayName="TelephoneKeypad";var pt=ht;var mt=tr(e=>T()[0]?er.createElement(pt,{...e}):null);mt.displayName="TelephoneKeypad.Surrogate";var we=mt;import{hooks as nr}from"botframework-webchat-component";import j,{useCallback as ft,useRef as ir,memo as lr}from"react";import{useRefFrom as cr}from"use-ref-from";import ve from"classnames";import _e,{memo as xe}from"react";var Z={sendbox__toolbar:"P","sendbox__toolbar-button":"T","sendbox__toolbar-button--selected":"D","sendbox__toolbar-separator":"C"};var ar=e=>e.preventDefault(),C=xe(e=>{let t=i(Z);return _e.createElement("button",{"aria-label":e["aria-label"],className:ve(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:e.disabled?ar:e.onClick,type:e.type==="submit"?"submit":"button",...e.disabled&&{"aria-disabled":"true",tabIndex:-1}},e.children)});C.displayName="ToolbarButton";var ye=xe(e=>{let t=i(Z);return _e.createElement("div",{className:ve(t.sendbox__toolbar,e.className)},e.children)});ye.displayName="Toolbar";var ke=xe(e=>{let t=i(Z);return _e.createElement("div",{"aria-orientation":"vertical",className:ve(t["sendbox__toolbar-separator"],e.className),role:"separator"})});ke.displayName="ToolbarSeparator";var gt={"sendbox__add-attachment":"G","sendbox__add-attachment-input":"U"};var{useLocalizer:sr,useStyleOptions:dr}=nr;function br(e){let t=ir(null),o=i(gt),a=sr(),[{uploadAccept:r,uploadMultiple:c}]=dr(),l=cr(e.onFilesAdded),n=ft(()=>t.current?.click(),[t]),b=ft(({target:{files:p}})=>{p&&(l.current?.([...p]),t.current&&(t.current.value=""))},[t,l]);return j.createElement("div",{className:o["sendbox__add-attachment"]},j.createElement("input",{accept:r,"aria-disabled":e.disabled,"aria-hidden":"true",className:o["sendbox__add-attachment-input"],multiple:c,onInput:e.disabled?void 0:b,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),j.createElement(C,{"aria-label":a("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":u.sendBoxUploadButton,onClick:n},j.createElement(ne,null)))}var wt=lr(br);import{hooks as hr}from"botframework-webchat-component";import pr,{memo as mr}from"react";import gr from"classnames";var vt={sendbox__attachment:"j"};var{useLocalizer:fr}=hr,wr={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 vr({attachments:e,className:t}){let o=i(vt),a=fr({plural:!0});return e.length?pr.createElement("div",{className:gr(o.sendbox__attachment,t)},a(wr,e.length)):null}var _t=mr(vr);import xr,{memo as yr}from"react";var xt={"sendbox__error-message":"I"};function kr(e){let t=i(xt);return xr.createElement("span",{className:t["sendbox__error-message"],id:e.id,role:"alert"},e.error)}var yt=yr(kr);import{hooks as Nr}from"botframework-webchat-component";import{useMemo as kt}from"react";import{useRefFrom as Tr}from"use-ref-from";var{useConnectivityStatus:Sr,useLocalizer:Br}=Nr,Cr=({attachments:e,message:t})=>{let[o]=Sr(),a=Br(),r=Tr(o!=="connected"&&o!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),c=kt(()=>Object.freeze(new Map().set("empty",a("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",a("CONNECTIVITY_STATUS_ALT_FATAL"))),[a]);return kt(()=>Object.freeze([r,r.current&&c.get(r.current)]),[c,r])},Nt=Cr;import{useCallback as Hr}from"react";import{hooks as Mr}from"botframework-webchat-component";var{useScrollDown:Fr,useScrollUp:Ar}=Mr;function Ne(){let e=Fr(),t=Ar();return Hr(o=>{if(o.target instanceof HTMLTextAreaElement&&o.target.value)return;let{ctrlKey:a,metaKey:r,shiftKey:c}=o;if(a||r||c)return;let l=!0;switch(o.key){case"End":e({displacement:1/0});break;case"Home":t({displacement:1/0});break;case"PageDown":e();break;case"PageUp":t();break;default:l=!1;break}l&&(o.preventDefault(),o.stopPropagation())},[e,t])}import{useMemo as zr}from"react";function Te(e){let t=zr(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var Tt={sendbox:"A",sendbox__sendbox:"E","sendbox__attachment--in-grid":"d","sendbox__text-area--in-grid":"q","sendbox__sendbox-controls--in-grid":"J","sendbox__telephone-keypad--in-grid":"K","sendbox__sendbox-text":"O","sendbox__sendbox-controls":"Q","sendbox__text-counter":"Y","sendbox__text-counter--error":"Z"};import St,{memo as Lr,useCallback as Pr}from"react";import{hooks as Dr}from"botframework-webchat-component";var{useLocalizer:Ir}=Dr,Bt=Lr(()=>{let[e,t]=T(),o=Ir(),a=Pr(()=>t(r=>!r),[t]);return St.createElement(C,{"aria-label":o("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":u.sendBoxTelephoneKeypadToolbarButton,onClick:a,selected:e},St.createElement(ce,null))});Bt.displayName="SendBox.TelephoneKeypadToolbarButton";var Ct=Bt;import Se from"classnames";import Be,{forwardRef as Kr,useCallback as Vr}from"react";var Ht={"sendbox__text-area":"aa","sendbox__text-area--hidden":"ea","sendbox__text-area-shared":"ra","sendbox__text-area-doppelganger":"oa","sendbox__text-area-input":"ta","sendbox__text-area-input--scroll":"la"};var Mt=Kr((e,t)=>{let o=i(Ht),a=Vr(r=>{!r.shiftKey&&r.key==="Enter"&&(r.preventDefault(),"form"in r.target&&r.target.form instanceof HTMLFormElement&&r.target?.form?.requestSubmit())},[]);return Be.createElement("div",{className:Se(o["sendbox__text-area"],{[o["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},Be.createElement("div",{className:Se(o["sendbox__text-area-doppelganger"],o["sendbox__text-area-shared"],o["sendbox__text-area-input--scroll"])},e.value||e.placeholder," "),Be.createElement("textarea",{"aria-label":e["aria-label"],className:Se(o["sendbox__text-area-input"],o["sendbox__text-area-shared"],o["sendbox__text-area-input--scroll"]),"data-testid":e["data-testid"],onInput:e.onInput,onKeyDown:a,placeholder:e.placeholder,ref:t,rows:e.startRows??1,tabIndex:e.hidden?-1:void 0,value:e.value}))});Mt.displayName="TextArea";var Ft=Mt;var{useFocus:Ur,useLocalizer:Zr,useMakeThumbnail:jr,useRegisterFocusSendBox:Gr,useSendBoxAttachments:$r,useSendBoxValue:Yr,useSendMessage:qr,useStyleOptions:Jr}=Xr;function Et(e){let t=Or(null),[o,a]=Wr(""),[r,c]=Yr(),l=e.isPrimary?r:o,n=e.isPrimary?c:a,[b,p]=$r(),[{hideTelephoneKeypadButton:d,hideUploadButton:s,maxMessageLength:h}]=Jr(),m=!!h&&l.length>h,g=i(Tt),v=Zr(),k=qr(),N=jr(),S=Te("sendbox__error-message-id"),[B,H]=Nt({message:l,attachments:b}),[P]=T(),M=Ur();Gr(E(({noKeyboard:_,waitUntil:Y})=>{t.current&&(_?Y((async()=>{let D=t.current?.getAttribute("readonly");t.current?.setAttribute("readonly","true"),await new Promise(V=>setTimeout(V,0)),t.current?.focus(),typeof D!="string"?t.current?.removeAttribute("readonly"):t.current?.setAttribute("readonly",D)})()):t.current?.focus())},[t]));let He=At(b),Me=At(l),Lt=E(_=>{"tabIndex"in _.target&&typeof _.target.tabIndex=="number"&&_.target.tabIndex>=0||M("sendBox")},[M]),Pt=E(_=>n(_.currentTarget.value),[n]),Fe=E(async _=>{let Y=Object.freeze(await Promise.all(_.map(D=>N(D).then(V=>Object.freeze({blob:D,...V&&{thumbnailURL:V}})))));p(Y)},[N,p]),Dt=E(_=>{_.preventDefault(),B.current!=="empty"&&!m&&(k(Me.current,void 0,{attachments:He.current}),n(""),p([])),M("sendBox")},[He,Me,k,p,n,m,B,M]),It=E(_=>k(`/DTMFKey ${_}`),[k]),Rt=Ne(),Kt={"aria-invalid":"false",...H&&{"aria-invalid":"true","aria-errormessage":S}};return w.createElement("form",{...Kt,className:K(g.sendbox,e.className),onSubmit:Dt},w.createElement(pe,null),w.createElement("div",{className:K(g.sendbox__sendbox),onClickCapture:Lt,onKeyDown:Rt},w.createElement(Ft,{"aria-label":v(m?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:K(g["sendbox__sendbox-text"],g["sendbox__text-area--in-grid"]),"data-testid":u.sendBoxTextBox,hidden:P,onInput:Pt,placeholder:e.placeholder??v("TEXT_INPUT_PLACEHOLDER"),ref:t,value:l}),w.createElement(we,{autoFocus:!0,className:g["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:It}),w.createElement(_t,{attachments:b,className:g["sendbox__attachment--in-grid"]}),w.createElement("div",{className:K(g["sendbox__sendbox-controls"],g["sendbox__sendbox-controls--in-grid"])},!P&&h&&isFinite(h)&&w.createElement("div",{className:K(g["sendbox__text-counter"],{[g["sendbox__text-counter--error"]]:m})},`${l.length}/${h}`),w.createElement(ye,null,!d&&w.createElement(Ct,null),!s&&w.createElement(wt,{onFilesAdded:Fe}),w.createElement(ke,null),w.createElement(C,{"aria-label":v("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":u.sendBoxSendButton,disabled:m||P,type:"submit"},w.createElement(le,null)))),w.createElement(se,{onFilesAdded:Fe}),w.createElement(yt,{error:H,id:S})))}var G=zt(e=>w.createElement(Et,{...e,isPrimary:!0}));G.displayName="PrimarySendBox";var Qr=zt(Et);import tn from"react";import on from"classnames";var Ce={theme:"a","variant-copilot":"o"};var an="webchat-fluent";function $(e){let t=i(Ce),o=F(Ce);return tn.createElement("div",{className:on(an,t.theme,o)},e.children)}var{ThemeProvider:ln}=rn,cn=Object.freeze([()=>e=>(...t)=>{let o=t[0]?.activity;if(o&&A(o))return()=>L.createElement(ae,{activity:o});let a=e(...t);return a&&((...r)=>L.createElement(ee,{activity:o},a(...r)))}]),sn=[()=>()=>()=>G],dn=({children:e,variant:t="fluent"})=>L.createElement(Ae,{variant:t},L.createElement($,null,L.createElement(me,null,L.createElement(ln,{activityMiddleware:cn,sendBoxMiddleware:sn},e)))),bn=nn(dn);var hn="tsup",pn="esmodules",mn="4.18.1-main.20240820.2dbeed3",td={buildTool:hn,moduleFormat:pn,version:mn};un("botframework-webchat:fluent-theme","version=4.18.1-main.20240820.2dbeed3; build-tool=tsup; module-format=esmodules");X();export{bn as FluentThemeProvider,td as buildInfo,u as testIds};
1
+ import{injectMetaTag as un}from"inject-meta-tag";import{Components as rn}from"botframework-webchat-component";import L,{memo as nn}from"react";import no from"classnames";import Pe,{memo as io}from"react";import{useContext as Zt,useMemo as jt}from"react";import{createContext as Wt}from"react";import Vt,{memo as Xt,useMemo as Ot}from"react";function q({Provider:e},{defaults:t,displayName:o}){let a=({children:r,...c})=>{let l=Ot(()=>Object.freeze({...t,...c}),[c]);return Vt.createElement(e,{value:l},r)};return a.displayName=o,Xt(a)}var J=Wt(new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),Ut=q(J,{defaults:{variant:""},displayName:"VariantComposer"}),Ae=Ut;function I(){let{variant:e}=Zt(J);return jt(()=>e.split(" "),[e])}var Gt=".webchat-fluent .e{display:contents;font-family:var(--webchat__font--primary);--webchat__bubble--inline-padding: var(--webchat-spacingHorizontalL);--webchat__bubble--block-padding: var(--webchat-spacingVerticalM);--webchat__bubble--min-height: var(--webchat-bubble-minHeight);--webchat__bubble--max-width: var(--webchat-bubble-maxWidth);--webchat-bubble-maxWidth: var(--bubble-maxWidth, 450px);--webchat-bubble-minHeight: var(--bubble-minHeight, 36px);--webchat-externalLink-mask: var(--externalLink-mask, var(--webchat__icon-url--external-link) center center / 10px 10px);--webchat-externalLink-maxWidth: var(--externalLink-maxWidth, 204px)}.webchat-fluent .e:has(.webchat__stacked-layout .webchat__bubble--from-user){--webchat__bubble--background-color: var(--webchat-colorBrandBackground2);--webchat__bubble--block-padding: var(--webchat-spacingVerticalS)}.webchat-fluent .e.h{--webchat__bubble--background-color: var(--webchat-colorNeutralBackground1);--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge);--webchat__bubble--box-shadow: var(--webchat-shadow4)}.webchat-fluent .e.s{--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge)}.webchat-fluent .e.s:not(:has(.webchat__bubble--from-user)){--webchat__bubble--block-padding: var(--webchat-spacingVerticalS) var(--webchat-spacingVerticalXXS);--webchat__bubble--border-radius: var(--webchat-borderRadiusSmall);--webchat__bubble--inline-padding: 32px var(--webchat-spacingHorizontalNone)}.webchat-fluent .e.s:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout__status{display:none}.webchat-fluent .e.s .webchat__activity-status{margin:0 0 var(--webchat-spacingHorizontalXXS)}.webchat-fluent .e.s .webchat__stacked-layout__status{order:-1}.webchat-fluent .e.s:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout .webchat__bubble .webchat__text-content{padding-block:calc(var(--webchat-spacingVerticalS) + 20px) var(--webchat-spacingVerticalXXS)}.webchat-fluent .e.s:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout .webchat__bubble{margin-block-start:-24px;margin-inline-start:-4px}.webchat-fluent .e .webchat__basic-transcript__activity-body:not(:empty){padding-block-end:var(--webchat-spacingVerticalXL)}.webchat-fluent .e .webchat__stacked-layout{display:flex;flex-flow:column nowrap}.webchat-fluent .e .webchat__stacked-layout .webchat__stacked-layout__content:has(.webchat__bubble){overflow:visible}.webchat-fluent .e .webchat__stacked-layout .webchat__stacked-layout__status{font-size:var(--webchat__font-size--small);line-height:var(--webchat__line-height--small)}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble{max-width:var(--webchat__bubble--max-width);overflow:visible}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__bubble__content{background-color:var(--webchat__bubble--background-color);border-radius:var(--webchat__bubble--border-radius);border-width:0;box-sizing:border-box;color:var(--webchat-colorNeutralForeground1);min-height:var(--webchat__bubble--min-height)}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__text-content{font-size:var(--webchat__font-size--medium);line-height:var(--webchat__line-height--medium);min-height:auto;padding-block:var(--webchat__bubble--block-padding);padding-inline:var(--webchat__bubble--inline-padding)}.webchat-fluent .e .webchat__stacked-layout .webchat__bubble .webchat__bubble__content:before{border-radius:inherit;box-shadow:var(--webchat__bubble--box-shadow);content:\"\";inset:0;isolation:isolate;pointer-events:none;position:absolute}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier){color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .e .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier) .webchat__render-markdown__external-link-icon{background:currentColor;-webkit-mask:var(--webchat__icon-url--external-link) no-repeat;mask:var(--webchat__icon-url--external-link) no-repeat}.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier{align-items:center;background-color:var(--webchat-colorNeutralBackground3);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);box-sizing:border-box;color:var(--webchat-colorNeutralForeground2);display:inline-flex;font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightSemibold);height:14px;justify-content:center;line-height:var(--webchat-lineHeightBase100);margin-left:var(--webchat-spacingHorizontalXXS);margin-right:var(--webchat-spacingHorizontalXXS);min-width:14px;text-decoration:none;transition:all var(--webchat-durationNormal) var(--webchat-curveDecelerateMid);vertical-align:calc((var(--webchat-lineHeightBase100) - var(--webchat-fontSizeBase100)) / 2)}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):hover{background-color:var(--webchat-colorBrandBackground2Hover);border-color:var(--webchat-colorBrandStroke2Hover);color:var(--webchat-colorBrandForeground2Hover);cursor:pointer}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):hover:active{background-color:var(--webchat-colorBrandBackground2Pressed);border-color:var(--webchat-colorBrandStroke2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):before,:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):after{all:unset}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier):has(.webchat__render-markdown__external-link-icon){padding-inline:3px}:is(.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .e .webchat__render-markdown .webchat__render-markdown__pure-identifier) .webchat__render-markdown__external-link-icon{background:currentColor;height:.7em;-webkit-mask:var(--webchat__icon-url--external-link) no-repeat;mask:var(--webchat__icon-url--external-link) no-repeat}.webchat-fluent .e .webchat__link-definitions__header .webchat__link-definitions__header-text{color:var(--webchat-colorNeutralForeground3)}.webchat-fluent .e .webchat__link-definitions__header .webchat__link-definitions__header-chevron{fill:var(--webchat-colorNeutralForeground3);font-size:var(--webchat__font-size--small);width:1em}.webchat-fluent .e .webchat__link-definitions{--webchat__citation__external-link--mask: var(--webchat-externalLink-mask);--webchat__citation__link--max-width: var(--webchat-externalLink-maxWidth)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list{color:var(--webchat__color--subtle);display:flex;flex-flow:row wrap;gap:var(--webchat-spacingHorizontalS)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item{border-radius:var(--webchat-borderRadiusMedium);max-width:var(--webchat__citation__link--max-width)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-box{background-color:var(--webchat-colorNeutralBackground3);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);box-sizing:border-box;color:currentColor;display:inline-flex;font-size:var(--webchat__font-size--small);height:24px;padding-inline-end:var(--webchat-spacingHorizontalS)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-body{font-family:inherit;gap:var(--webchat-spacingHorizontalSNudge);min-width:0;padding:0}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__badge{align-self:center;background-color:transparent;border-radius:0;border:none;color:currentColor;font-size:var(--webchat-fontSizeBase100);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase100);margin:0;min-width:20px;padding:0;position:relative;text-align:center}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__badge:after{border-right:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke2);bottom:0;content:\"\";display:block;height:16px;position:absolute;right:0;top:0;width:0}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-main-text{gap:var(--webchat-spacingHorizontalXS)}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-text{color:currentColor;text-decoration:none;text-overflow:ellipsis}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__list-item-main-text:has(.webchat__link-definitions__open-in-new-window-icon):before{align-self:center;background:currentColor;color:currentColor;content:\"\";flex:none;font-size:var(--webchat-fontSizeBase400);height:1em;-webkit-mask:var(--webchat__citation__external-link--mask) no-repeat;mask:var(--webchat__citation__external-link--mask) no-repeat;padding:0;width:1em}.webchat-fluent .e .webchat__link-definitions .webchat__link-definitions__open-in-new-window-icon{display:none}.webchat-fluent .g{align-items:center;cursor:default;display:flex;flex-wrap:nowrap;gap:var(--webchat-spacingHorizontalS);margin-inline-start:var(--webchat-spacingVerticalMNudge);padding-block-start:var(--webchat-spacingVerticalXS);position:relative;z-index:1}.webchat-fluent .u{aspect-ratio:1;background-color:var(--background-color);border-radius:var(--webchat-borderRadiusSmall);width:20px}.webchat-fluent .w{font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase300);max-width:240px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.webchat-fluent .p{align-items:center;background-color:var(--webchat-colorNeutralBackground5);border-radius:var(--webchat-borderRadiusMedium);color:var(--webchat-colorNeutralForeground3);display:flex;font-size:var(--webchat-fontSizeBase100);height:20px;line-height:var(--webchat-lineHeightBase100);padding-inline:4px}.webchat-fluent .v{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 .r{font-family:var(--webchat-fontFamilyBase);font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightRegular);grid-area:body;line-height:var(--webchat-lineHeightBase300);text-align:center}.webchat-fluent .r h2{color:var(--webchat-colorNeutralForeground1);font-family:inherit;font-weight:var(--webchat-fontWeightSemibold);font-size:var(--webchat-fontSizeHero700);line-height:var(--webchat-lineHeightHero700);margin:var(--webchat-spacingVerticalL) 0 0}.webchat-fluent .r img{border-radius:4px;height:64px}.webchat-fluent ._{grid-area:toolbar}.webchat-fluent .f{-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:8px;grid-template-areas:\"title\" \"subtitle\";grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:hidden;padding:16px 20px;text-align:left;-webkit-user-select:none;user-select:none}.webchat-fluent .f:has(.t){grid-template-areas:\"image title\" \"image subtitle\";grid-template-columns:20px 1fr}.webchat-fluent .f:disabled{background-color:var(--webchat-colorNeutralBackgroundDisabled)}.webchat-fluent .f:hover{background-color:var(--webchat-colorNeutralBackground1Hover)}.webchat-fluent .f:active{background-color:var(--webchat-colorNeutralBackground1Pressed)}.webchat-fluent .f:focus-visible{outline:solid 2px var(--webchat-colorStrokeFocus2);outline-offset:-2px}.webchat-fluent .t{grid-area:image;height:20px;width:20px}.webchat-fluent .x{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightRegular);grid-area:subtitle;line-height:20px;pointer-events:none}.webchat-fluent .k{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightSemibold);grid-area:title;line-height:20px}.webchat-fluent .m{container-name:l;container-type:inline-size}.webchat-fluent .c{display:grid;gap:var(--webchat-spacingHorizontalM);grid-template-columns:1fr 1fr 1fr;padding:0}@container l (width <= 480px){.webchat-fluent .c{grid-template-columns:1fr}}.webchat-fluent .B{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 .N{background-color:#e00;color:#fff}.webchat-fluent .S{height:36px;pointer-events:none;width:36px}.webchat-fluent .y{align-items:center;background:transparent;border-radius:8px;border:1px solid var(--webchat-colorBrandStroke2);color:currentColor;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;text-align:start;transition:all .15s ease-out}@media (hover: hover){.webchat-fluent .y:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .y:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .y[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .H{font-size:12px;height:1em;width:1em}.webchat-fluent .z{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .z:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .z.F{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .z.X{flex-direction:column}.webchat-fluent .i{-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 .i:hover{background-color:var(--webchat-colorGray30)}.webchat-fluent .n{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .b{font-size:24px;margin-top:8px}.webchat-fluent .L .i{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .L .n{display:none}.webchat-fluent .L .b{font-size:20px;margin-top:0}.webchat-fluent .W{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 .V{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 .M{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .R{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .R:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .R:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .R:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .R:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .P{display:flex;gap:4px;margin-inline-start:auto}.webchat-fluent .T{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;justify-content:center;padding:3px;width:32px}.webchat-fluent .T>svg{font-size:20px;pointer-events:none}.webchat-fluent .T.D{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .T:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .T:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .T[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .C{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .C:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .G{display:grid}.webchat-fluent .U{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .j{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .I{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .A{--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 .E{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 .E:has(.d){--webchat-sendbox-attachment-area-active: \"attachment\" }.webchat-fluent .E:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .E: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 .E: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 .E>.q{grid-area:text-area}.webchat-fluent .E>.d{grid-area:attachment}.webchat-fluent .E>.J{grid-area:controls}.webchat-fluent .E>.K{grid-area:telephone-keypad}.webchat-fluent .O{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 .O:focus-within{font-size:16px}}.webchat-fluent .Q{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .Y{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .Z{color:var(--webchat-colorStatusDangerForeground1)}.webchat-fluent .aa{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .ea{height:0;visibility:collapse}.webchat-fluent .ra{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .oa{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .ta{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent .la{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .la::-webkit-scrollbar{width:8px}.webchat-fluent .la::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .la::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .la::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent.a{display:contents;--webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);--webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);--webchat-colorNeutralForeground1Hover: var(--colorNeutralForeground1Hover, #242424);--webchat-colorNeutralForeground1Pressed: var(--colorNeutralForeground1Pressed, #242424);--webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);--webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);--webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);--webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);--webchat-colorNeutralForeground3: var(--colorNeutralForeground3, #616161);--webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);--webchat-colorNeutralForeground5: var(--colorNeutralForeground5, #7e7e7e);--webchat-colorNeutralBackgroundDisabled: var(--colorNeutralBackgroundDisabled, #f0f0f0);--webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);--webchat-colorNeutralBackground1Hover: var(--colorNeutralBackground1Hover, #f5f5f5);--webchat-colorNeutralBackground1Pressed: var(--colorNeutralBackground1Pressed, #e0e0e0);--webchat-colorNeutralBackground3: var(--colorNeutralBackground3, #f5f5f5);--webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);--webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);--webchat-colorTransparentBackground: var(--colorTransparentBackground, rgba(0, 0, 0, .4));--webchat-colorNeutralStrokeDisabled: var(--colorNeutralStrokeDisabled, #e0e0e0);--webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);--webchat-colorNeutralStroke1Hover: var(--colorNeutralStroke1Hover, #c7c7c7);--webchat-colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed, #b3b3b3);--webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);--webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);--webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);--webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);--webchat-colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed, #01384d);--webchat-colorTransparentStroke: var(--colorTransparentStroke, transparent);--webchat-colorBrandForeground1: var(--colorBrandForeground1, #01678c);--webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);--webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);--webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);--webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);--webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);--webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c);--webchat-colorBrandBackground2: var(--colorBrandBackground2, #def2fc);--webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);--webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);--webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);--webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);--webchat-colorGray30: var(--colorGray30, #edebe9);--webchat-colorGray160: var(--colorGray160, #323130);--webchat-colorGray190: var(--colorGray190, #201f1e);--webchat-colorGray200: var(--colorGray200, #1b1a19);--webchat-shadow2: var(--shadow2, 0 0 2px rgba(0, 0, 0, 12%), 0 1px 2px rgba(0, 0, 0, 14%));--webchat-shadow4: var(--shadow4, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .14));--webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108));--webchat-shadow64: var(--shadow64, 0 0 8px rgba(0, 0, 0, .12), 0 32px 64px rgba(0, 0, 0, .14));--webchat-spacingHorizontalNone: var(--spacingHorizontalNone, 0);--webchat-spacingHorizontalXXS: var(--spacingHorizontalXXS, 2px);--webchat-spacingHorizontalXS: var(--spacingHorizontalXS, 4px);--webchat-spacingHorizontalSNudge: var(--spacingHorizontalSNudge, 6px);--webchat-spacingHorizontalS: var(--spacingHorizontalS, 8px);--webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);--webchat-spacingHorizontalM: var(--spacingHorizontalM, 12px);--webchat-spacingHorizontalL: var(--spacingHorizontalL, 16px);--webchat-spacingHorizontalXL: var(--spacingHorizontalXL, 20px);--webchat-spacingHorizontalXXL: var(--spacingHorizontalXXL, 24px);--webchat-spacingHorizontalXXXL: var(--spacingHorizontalXXXL, 32px);--webchat-spacingVerticalNone: var(--spacingVerticalNone, 0);--webchat-spacingVerticalXXS: var(--spacingVerticalXXS, 2px);--webchat-spacingVerticalXS: var(--spacingVerticalXS, 4px);--webchat-spacingVerticalSNudge: var(--spacingVerticalSNudge, 6px);--webchat-spacingVerticalS: var(--spacingVerticalS, 8px);--webchat-spacingVerticalMNudge: var(--spacingVerticalMNudge, 10px);--webchat-spacingVerticalM: var(--spacingVerticalM, 12px);--webchat-spacingVerticalL: var(--spacingVerticalL, 16px);--webchat-spacingVerticalXL: var(--spacingVerticalXL, 20px);--webchat-spacingVerticalXXL: var(--spacingVerticalXXL, 24px);--webchat-spacingVerticalXXXL: var(--spacingVerticalXXXL, 32px);--webchat-fontFamilyBase: var(--fontFamilyBase, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif);--webchat-fontFamilyNumeric: var(--fontFamilyNumeric, Bahnschrift, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif);--webchat-fontWeightRegular: var(--fontWeightRegular, 400);--webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);--webchat-fontSizeBase100: var(--fontSizeBase100, 10px);--webchat-fontSizeBase200: var(--fontSizeBase200, 12px);--webchat-fontSizeBase300: var(--fontSizeBase300, 14px);--webchat-fontSizeBase400: var(--fontSizeBase400, 16px);--webchat-fontSizeBase500: var(--fontSizeBase500, 20px);--webchat-fontSizeBase600: var(--fontSizeBase600, 24px);--webchat-fontSizeHero700: var(--fontSizeHero700, 28px);--webchat-fontSizeHero800: var(--fontSizeHero800, 32px);--webchat-fontSizeHero900: var(--fontSizeHero900, 40px);--webchat-lineHeightBase100: var(--lineHeightBase100, 14px);--webchat-lineHeightBase200: var(--lineHeightBase200, 16px);--webchat-lineHeightBase300: var(--lineHeightBase300, 20px);--webchat-lineHeightBase400: var(--lineHeightBase400, 22px);--webchat-lineHeightBase500: var(--lineHeightBase500, 28px);--webchat-lineHeightBase600: var(--lineHeightBase600, 32px);--webchat-lineHeightHero700: var(--lineHeightHero700, 36px);--webchat-lineHeightHero800: var(--lineHeightHero800, 40px);--webchat-lineHeightHero900: var(--lineHeightHero900, 52px);--webchat-lineHeightHero1000: var(--lineHeightHero1000, 92px);--webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);--webchat-borderRadiusMedium: var(--borderRadiusMedium, 4px);--webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);--webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);--webchat-strokeWidthThin: var(--strokeWidthThin, 1px);--webchat-strokeWidthThick: var(--strokeWidthThicker, 2px);--webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);--webchat-durationUltraFast: var(--durationUltraFast, 0);--webchat-durationNormal: var(--durationNormal, .2s);--webchat-durationUltraSlow: var(--durationUltraSlow, .5s);--webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));--webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1))}@media (prefers-reduced-motion){.webchat-fluent.a{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent.a .webchat__css-custom-properties{--webchat__color--accent: var(--webchat-colorBrandForeground1);--webchat__color--subtle: var(--webchat-colorNeutralForeground2);--webchat__color--timestamp: var(--webchat-colorNeutralForeground3);--webchat__font--primary: var(--webchat-fontFamilyBase);--webchat__font-size--small: var(--webchat-fontSizeBase200);--webchat__font-size--medium: var(--webchat-fontSizeBase300);--webchat__line-height--small: var(--webchat-lineHeightBase200);--webchat__line-height--medium: var(--webchat-lineHeightBase300);--webchat__max-width--bubble: var(--webchat-bubble-maxWidth);--webchat__min-height--bubble: var(--webchat-bubble-minHeight);--webchat__padding--regular: var(--webchat-spacingVerticalS);--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.a.o .webchat__css-custom-properties{--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalXL) var(--webchat-spacingVerticalMNudge) var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.a .webchat__surface{background-color:var(--webchat__color--surface)}.webchat-fluent.a.o .webchat__surface{box-sizing:border-box;padding-inline-start:var(--webchat-spacingHorizontalMNudge)}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralForeground5) transparent;-moz-scrollbar-width:thin}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge);visibility:hidden}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable:hover::-webkit-scrollbar{width:var(--webchat-spacingVerticalMNudge)}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable:hover::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--webchat-colorNeutralForeground5);border-radius:10px;border-right:4px solid transparent;border:3px solid transparent}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__scrollable:hover::-webkit-scrollbar-thumb:hover{background-clip:padding-box;background-color:var(--webchat-colorNeutralForeground5);border-radius:10px;border-right:2px solid transparent;border:1px solid transparent}.webchat-fluent.a.o .webchat__basic-transcript .webchat__basic-transcript__scrollable{scrollbar-gutter:stable}.webchat-fluent.a .webchat__basic-transcript .webchat__basic-transcript__terminator:focus-visible+.webchat__basic-transcript__focus-indicator{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.a .webchat__basic-transcript:not(:focus-visible) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent.a .webchat__basic-transcript:focus-visible:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__focus-indicator{display:none}.webchat-fluent.a .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__basic-transcript__activity-indicator--focus{display:none}.webchat-fluent.a .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .webchat__bubble:after,.webchat-fluent.a .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .pre-chat-message-activity:after{content:\"\";position:absolute;inset:-2px;border:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);border-radius:var(--webchat__bubble--border-radius);pointer-events:none}.webchat-fluent.a .webchat__basic-transcript:focus-visible .webchat__basic-transcript__activity:has(.webchat__basic-transcript__activity-indicator--focus) .pre-chat-message-activity:after{inset:0;border-radius:var(--webchat-borderRadiusSmall)}.webchat-fluent.a .webchat__basic-transcript:has(.webchat__basic-transcript__activity:only-child):has(.pre-chat-message-activity) .webchat__basic-transcript__filler{flex-grow:.5}.webchat-fluent.a .webchat__modal-dialog{height:100%;display:grid;place-items:center}.webchat-fluent.a .webchat__modal-dialog::backdrop{background-color:var(--webchat-colorTransparentBackground)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__box{background-color:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusXLarge);position:relative;color:var(--webchat-colorNeutralForeground1);box-shadow:var(--webchat-shadow64)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button{color:var(--webchat-colorNeutralForeground1);transition:background-color var(--webchat-durationNormal) var(--webchat-curveDecelerateMid)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:not(:active):hover{background-color:var(--webchat-colorNeutralBackground3)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus:active{background-color:var(--webchat-colorNeutralBackground4)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:not(:focus-visible){border:none}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button:focus{border-color:var(--webchat-colorStrokeFocus2)}.webchat-fluent.a .webchat__modal-dialog .webchat__modal-dialog__close-button-image{fill:currentColor}.webchat-fluent.a .webchat__activity-button{background:var(--webchat-colorNeutralBackground1);border-radius:var(--webchat-borderRadiusMedium);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1);color:var(--webchat-colorNeutralForeground1);gap:var(--webchat-spacingHorizontalXS);padding:5px var(--webchat-spacingHorizontalM)}.webchat-fluent.a .webchat__activity-button:hover{background:var(--webchat-colorNeutralBackground1Hover);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Hover);color:var(--webchat-colorNeutralForeground1Hover)}.webchat-fluent.a .webchat__activity-button:active{background:var(--webchat-colorNeutralBackground1Pressed);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStroke1Pressed);color:var(--webchat-colorNeutralForeground1Pressed)}.webchat-fluent.a .webchat__activity-button:focus-visible{background:var(--webchat-colorNeutralBackground1);outline:var(--webchat-strokeWidthThick) solid var(--webchat-colorStrokeFocus2);outline-offset:calc(var(--webchat-strokeWidthThick) * -1)}.webchat-fluent.a .webchat__activity-button:disabled{background:var(--webchat-colorNeutralBackgroundDisabled);border:var(--webchat-strokeWidthThin) solid var(--webchat-colorNeutralStrokeDisabled);color:var(--webchat-colorNeutralForegroundDisabled)}.webchat-fluent.a .webchat__activity-button .webchat__activity-button__icon{height:20px;width:20px}.webchat-fluent.a .webchat__activity-copy-button .webchat__activity-copy-button__copied-text{background-color:var(--webchat-colorNeutralBackground1)}.webchat-fluent.a .webchat__activity-copy-button.webchat__activity-copy-button--copied .webchat__activity-copy-button__copied-text{animation-duration:var(--webchat-durationUltraSlow)}.webchat-fluent.a .webchat__monochrome-image-masker{background-color:var(--webchat-colorNeutralForeground4)}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n";function X(){if(globalThis.document){let e=document.createElement("style");e.append(document.createTextNode(Gt)),document.head.appendChild(e)}}import{useMemo as $t}from"react";function Yt(e){return $t(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,o])=>[t,`${t} ${o}`]))),[e])}var i=Yt;import{useMemo as qt}from"react";function F(e){let t=i(e),o=I();return qt(()=>o.map(a=>t[`variant-${a}`]).filter(a=>a).join(" "),[t,o])}var Q={"activity-decorator":"e","variant-fluent":"h","variant-copilot":"s"};import{hooks as eo}from"botframework-webchat-component";import O,{memo as to,useMemo as Ee}from"react";var ze={"copilot-message-header":"g","copilot-message-header__avatar":"u","copilot-message-header__title":"w","copilot-message-header__ai-generated-content":"p"};var{useStyleOptions:oo,useLocalizer:ao}=eo;function ro({activity:e}){let[{botAvatarImage:t,botAvatarBackgroundColor:o}]=oo(),a=i(ze),r=ao(),c=Ee(()=>!!e,[e]),l=e?.from?.name,n=Ee(()=>({"--background-color":o}),[o]);return O.createElement("div",{className:a["copilot-message-header"]},O.createElement("img",{alt:r("AVATAR_ALT",l),className:a["copilot-message-header__avatar"],src:t,style:n}),O.createElement("span",{className:a["copilot-message-header__title"],title:l},l),c&&O.createElement("span",{className:a["copilot-message-header__ai-generated-content"]},r("ACTIVITY_CONTENT_CAUTION")))}var Le=to(ro);function De({activity:e,children:t}){let o=i(Q),a=I(),r=F(Q),c=a.includes("copilot")&&e?.from?.role!=="user"&&!!t;return Pe.createElement("div",{className:no(o["activity-decorator"],r)},c&&Pe.createElement(Le,{activity:e}),t)}De.displayName="ActivityDecorator";var ee=io(De);import{getOrgSchemaMessage as lo}from"botframework-webchat-core";function A(e){return!!(e&&lo(e?.entities||[])?.keywords?.includes("PreChatMessage"))}import{hooks as So}from"botframework-webchat-component";import oe,{memo as Bo,useMemo as Co}from"react";var Ie={"pre-chat-message-activity":"v","pre-chat-message-activity__body":"r","pre-chat-message-activity__toolbar":"_"};import No from"classnames";import te,{memo as To}from"react";import{Components as uo,hooks as ho}from"botframework-webchat-component";import po from"classnames";import W,{memo as mo,useCallback as go,useMemo as fo}from"react";import{useRefFrom as wo}from"use-ref-from";var so={preChatMessageActivityStarterPromptsCardAction:"pre-chat message activity starter prompts card action",sendBoxDropZone:"send box drop zone",sendBoxSendButton:"send box send button",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"},u=so;var Re={"pre-chat-message-activity__card-action-box":"f","pre-chat-message-activity__card-action-image":"t","pre-chat-message-activity__card-action-subtitle":"x","pre-chat-message-activity__card-action-title":"k"};var{useFocus:vo,useRenderMarkdownAsHTML:_o,useSendBoxValue:xo}=ho,{MonochromeImageMasker:yo}=uo,Ke=({className:e,messageBackAction:t})=>{let[o,a]=xo(),r=i(Re),c=vo(),l=wo(t.displayText||t.text||""),n=_o("message activity"),b=fo(()=>n?{__html:n(t.text||"")}:{__html:""},[t.text,n]),p=go(()=>{a(l.current),c("sendBox")},[c,l,a]);return W.createElement("button",{className:po(e,r["pre-chat-message-activity__card-action-box"]),"data-testid":u.preChatMessageActivityStarterPromptsCardAction,onClick:p,type:"button"},W.createElement("div",{className:r["pre-chat-message-activity__card-action-title"]},"title"in t&&t.title),"image"in t&&t.image&&W.createElement(yo,{className:r["pre-chat-message-activity__card-action-image"],src:t.image}),W.createElement("div",{className:r["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:b}))};Ke.displayName="StarterPromptAction";var Ve=mo(Ke);var Xe={"pre-chat-message-activity__card-action-toolbar":"m","webchat-container":"l","pre-chat-message-activity__card-action-toolbar-grid":"c"};var Oe=({cardActions:e,className:t})=>{let o=i(Xe);return te.createElement("div",{className:No(t,o["pre-chat-message-activity__card-action-toolbar"])},te.createElement("div",{className:o["pre-chat-message-activity__card-action-toolbar-grid"]},e.filter(a=>a.type==="messageBack").map(a=>te.createElement(Ve,{key:a.text,messageBackAction:a}))))};Oe.displayName="StarterPrompts";var We=To(Oe);var{useRenderMarkdownAsHTML:Ho}=So,Ue=({activity:e})=>{let t=i(Ie),o=Ho(),a=Co(()=>o?{__html:o(e.text||"")}:{__html:""},[e.text,o]);return oe.createElement("div",{className:t["pre-chat-message-activity"]},oe.createElement("div",{className:t["pre-chat-message-activity__body"],dangerouslySetInnerHTML:a}),oe.createElement(We,{cardActions:e.suggestedActions?.actions||[],className:t["pre-chat-message-activity__toolbar"]}))};Ue.displayName="PreChatMessageActivity";var ae=Bo(Ue);import{hooks as Xr}from"botframework-webchat-component";import K from"classnames";import w,{memo as zt,useCallback as E,useRef as Or,useState as Wr}from"react";import{useRefFrom as At}from"use-ref-from";import Ze,{memo as Mo}from"react";function Fo(e){return Ze.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},Ze.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 re=Mo(Fo);import je,{memo as Ao}from"react";function zo(e){return je.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},je.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 ne=Ao(zo);import Ge,{memo as Eo}from"react";function Lo(e){return Ge.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg"},Ge.createElement("path",{d:"M8.5 7.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3Zm.25-2a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z",fill:"currentColor"}))}var ie=Eo(Lo);import $e,{memo as Po}from"react";function Do(e){return $e.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},$e.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 le=Po(Do);import Ye,{memo as Io}from"react";function Ro(e){return Ye.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},Ye.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 ce=Io(Ro);import{hooks as Vo}from"botframework-webchat-component";import Xo from"classnames";import Je,{memo as Oo,useCallback as Wo,useEffect as Uo,useRef as Zo,useState as jo}from"react";import{useRefFrom as Go}from"use-ref-from";var qe={"sendbox__attachment-drop-zone":"B","sendbox__attachment-drop-zone--droppable":"N","sendbox__attachment-drop-zone-icon":"S"};var{useLocalizer:$o}=Vo,Yo=e=>{e.preventDefault()},Qe=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function qo(e,t){let o=e.parentNode;for(;o;){if(o===t)return!0;o=o.parentNode}return!1}var et=e=>{let[t,o]=jo(!1),a=i(qe),r=Zo(null),c=$o(),l=Go(e.onFilesAdded);Uo(()=>{let b=0,p=s=>{b++,Qe(s)&&o(r.current&&(s.target===r.current||s.target instanceof HTMLElement&&qo(s.target,r.current))?"droppable":"visible")},d=()=>--b<=0&&o(!1);return document.addEventListener("dragenter",p,!1),document.addEventListener("dragleave",d,!1),()=>{document.removeEventListener("dragenter",p),document.removeEventListener("dragleave",d)}},[o]);let n=Wo(b=>{b.preventDefault(),o(!1),Qe(b.nativeEvent)&&l.current([...b.dataTransfer.files])},[l,o]);return t?Je.createElement("div",{className:Xo(a["sendbox__attachment-drop-zone"],{[a["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":u.sendBoxDropZone,onDragOver:Yo,onDrop:n,ref:r},Je.createElement(re,{className:a["sendbox__attachment-drop-zone-icon"]}),c("TEXT_INPUT_DROP_ZONE")):null};et.displayName="DropZone";var se=Oo(et);import{hooks as Na}from"botframework-webchat-component";import Ta from"classnames";import R,{memo as Sa,useCallback as Ba}from"react";function de(e){let{title:t}=e,{type:o,value:a}=e;return o==="messageBack"?t||e.displayText:t||(typeof a=="string"?a:JSON.stringify(a))}import Jo,{createContext as Qo,memo as ea,useCallback as z,useContext as ta,useEffect as oa,useMemo as aa,useRef as be}from"react";var tt=Qo({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function ra(e){let t=be(0),o=be([]),a=z(({current:d},s)=>d&&(d.tabIndex=t.current===s?0:-1),[t]),r=z(d=>{let s;typeof d=="number"?s=d:s=d(t.current),s&&!o.current.at(s)?.current&&(s=0),t.current!==s&&(t.current=s,o.current.forEach((h,m)=>a(h,m)),o.current.at(s)?.current?.focus())},[a,o,t]),c=z(d=>{let{target:s}=d,h=o.current.findIndex(({current:m})=>m===s);h!==-1&&r(h)},[o,r]),l=z(d=>s=>{let h=!e.direction,m=/up|down/iu.test(d)&&e.direction==="vertical",g=/left|right/iu.test(d)&&e.direction==="horizontal",v=/right|down/iu.test(d),k=h||m||g?v?1:-1:0,N=o.current.map((B,H)=>H),S=N.indexOf(s)+k;return N.at(S)??0},[e.direction]),n=z(d=>{let{key:s}=d;switch(s){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":r(l(s));break;case"Home":r(0);break;case"End":r(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}d.preventDefault(),d.stopPropagation()},[r,l,e]),b=z((d,s)=>{let{current:h}=d;return o.current[Number(s)]=d,h.addEventListener("focus",c),h.addEventListener("keydown",n),a(d,s),()=>{h.removeEventListener("focus",c),h.removeEventListener("keydown",n),delete o.current[Number(s)]}},[c,n,a,o]),p=aa(()=>({itemEffector:b}),[b]);return Jo.createElement(tt.Provider,{value:p},e.children)}function ot(e){let t=be(null),{itemEffector:o}=ta(tt);return oa(()=>o(t,e)),t}var at=ea(ra);import{hooks as ua}from"botframework-webchat-component";import ha from"classnames";import ue,{memo as pa,useCallback as ma}from"react";var rt={"suggested-action":"y","suggested-action__image":"H"};import ia,{forwardRef as la,memo as ca,useRef as sa}from"react";var da=e=>e.preventDefault(),ba=la(({"aria-hidden":e,children:t,disabled:o,onClick:a,tabIndex:r,...c},l)=>{let n=sa(null);return ia.createElement("button",{"aria-disabled":o?"true":"false","aria-hidden":e,onClick:o?da:a,ref:l||n,tabIndex:r,...o&&{"aria-disabled":"true",tabIndex:-1},...c,type:"button"},t)}),nt=ca(ba);var{useDisabled:ga,useFocus:fa,usePerformCardAction:wa,useScrollToEnd:va,useStyleSet:_a,useSuggestedActions:xa}=ua;function ya({buttonText:e,className:t,displayText:o,image:a,imageAlt:r,itemIndex:c,text:l,type:n,value:b}){let[p,d]=xa(),[{suggestedAction:s}]=_a(),[h]=ga(),m=fa(),g=ot(c),v=wa(),k=i(rt),N=va(),S=ma(({target:B})=>{(async function(){await m("sendBoxWithoutKeyboard"),v({displayText:o,text:l,type:n,value:b},{target:B}),n==="openUrl"&&d([]),N()})()},[o,m,v,N,d,l,n,b]);return ue.createElement(nt,{className:ha(k["suggested-action"],s+"",(t||"")+""),disabled:h,onClick:S,ref:g,type:"button"},a&&ue.createElement("img",{alt:r,className:k["suggested-action__image"],src:a}),ue.createElement("span",null,e))}var it=pa(ya);var he={"suggested-actions":"z","suggested-actions--flow":"F","suggested-actions--stacked":"X"};var{useFocus:Ca,useLocalizer:Ha,useStyleOptions:Ma,useStyleSet:Fa,useSuggestedActions:Aa}=Na;function za(e){let[{suggestedActionLayout:t}]=Ma(),[{suggestedActions:o}]=Fa(),a=i(he);return R.createElement("div",{"aria-label":e["aria-label"],"aria-live":"polite","aria-orientation":"vertical",className:Ta(a["suggested-actions"],o+"",{[a["suggested-actions--flow"]]:t==="flow",[a["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},!!e.children&&!!R.Children.count(e.children)&&e.children)}function Ea(){let e=i(he),t=Ha(),[o,a,{activity:r}]=Aa(),c=Ca(),l=Ba(()=>{c("sendBox")},[c]),n=A(r)?[]:o.map((b,p)=>{let{displayText:d,image:s,imageAltText:h,text:m,type:g,value:v}=b;return o?.length?R.createElement(it,{buttonText:de(b),displayText:d,image:s,imageAlt:s&&(h||m),itemIndex:p,key:p,text:m,type:g,value:v}):null});return R.createElement(at,{onEscapeKey:l},R.createElement(za,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},n))}var pe=Sa(Ea);import Pa,{memo as Da,useMemo as Ia,useState as Ra}from"react";import{createContext as La}from"react";var lt=La(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));lt.displayName="TelephoneKeypad.Context";var U=lt;var Ka=Da(({children:e})=>{let[t,o]=Ra(!1),a=Ia(()=>Object.freeze({setShown:o,shown:t}),[o,t]);return Pa.createElement(U.Provider,{value:a},e)}),me=Ka;import er,{memo as tr}from"react";import{Components as $a}from"botframework-webchat-component";import Ya from"classnames";import f,{memo as bt,useCallback as y,useEffect as qa,useRef as Ja}from"react";import{useRefFrom as dt}from"use-ref-from";import ge,{forwardRef as Xa,memo as Oa,useCallback as Wa}from"react";import{useRefFrom as Ua}from"use-ref-from";var ct={"telephone-keypad__button":"i","telephone-keypad__button__ruby":"n","telephone-keypad__button__text":"b","telephone-keypad--horizontal":"L"};var st=Oa(Xa(({button:e,"data-testid":t,onClick:o,ruby:a},r)=>{let c=i(ct),l=Ua(o),n=Wa(()=>l.current?.(),[l]);return ge.createElement("button",{className:c["telephone-keypad__button"],"data-testid":t,onClick:n,ref:r,type:"button"},ge.createElement("span",{className:c["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!a&&ge.createElement("ruby",{className:c["telephone-keypad__button__ruby"]},a))}));st.displayName="TelephoneKeypad.Button";var x=st;import{useContext as Za,useMemo as ja}from"react";function T(){let{setShown:e,shown:t}=Za(U);return ja(()=>Object.freeze([t,e]),[t,e])}var fe={"telephone-keypad":"W","telephone-keypad__box":"V","telephone-keypad__info-message":"M","telephone-keypad__info-message-link":"R"};var{LocalizedString:Qa}=$a,ut=bt(({children:e,isHorizontal:t})=>{let o=i(fe);return t?null:f.createElement("div",{className:o["telephone-keypad__box"]},e)});ut.displayName="TelephoneKeypad:Orientation";var ht=bt(({autoFocus:e,className:t,onButtonClick:o,isHorizontal:a})=>{let r=dt(e),c=i(fe),l=Ja(null),n=dt(o),[,b]=T(),p=y(()=>n.current?.("1"),[n]),d=y(()=>n.current?.("2"),[n]),s=y(()=>n.current?.("3"),[n]),h=y(()=>n.current?.("4"),[n]),m=y(()=>n.current?.("5"),[n]),g=y(()=>n.current?.("6"),[n]),v=y(()=>n.current?.("7"),[n]),k=y(()=>n.current?.("8"),[n]),N=y(()=>n.current?.("9"),[n]),S=y(()=>n.current?.("0"),[n]),B=y(()=>n.current?.("*"),[n]),H=y(()=>n.current?.("#"),[n]),P=y(M=>{M.key==="Escape"&&b(!1)},[b]);return qa(()=>{r.current&&l.current?.focus()},[r,l]),f.createElement("div",{className:Ya(c["telephone-keypad"],t),onKeyDown:P},f.createElement(ut,{isHorizontal:a},f.createElement(x,{button:"1","data-testid":u.sendBoxTelephoneKeypadButton1,onClick:p,ref:l}),f.createElement(x,{button:"2","data-testid":u.sendBoxTelephoneKeypadButton2,onClick:d,ruby:"ABC"}),f.createElement(x,{button:"3","data-testid":u.sendBoxTelephoneKeypadButton3,onClick:s,ruby:"DEF"}),f.createElement(x,{button:"4","data-testid":u.sendBoxTelephoneKeypadButton4,onClick:h,ruby:"GHI"}),f.createElement(x,{button:"5","data-testid":u.sendBoxTelephoneKeypadButton5,onClick:m,ruby:"JKL"}),f.createElement(x,{button:"6","data-testid":u.sendBoxTelephoneKeypadButton6,onClick:g,ruby:"MNO"}),f.createElement(x,{button:"7","data-testid":u.sendBoxTelephoneKeypadButton7,onClick:v,ruby:"PQRS"}),f.createElement(x,{button:"8","data-testid":u.sendBoxTelephoneKeypadButton8,onClick:k,ruby:"TUV"}),f.createElement(x,{button:"9","data-testid":u.sendBoxTelephoneKeypadButton9,onClick:N,ruby:"WXYZ"}),f.createElement(x,{button:"*","data-testid":u.sendBoxTelephoneKeypadButtonStar,onClick:B}),f.createElement(x,{button:"0","data-testid":u.sendBoxTelephoneKeypadButton0,onClick:S,ruby:"+"}),f.createElement(x,{button:"#","data-testid":u.sendBoxTelephoneKeypadButtonPound,onClick:H})),f.createElement("div",{className:c["telephone-keypad__info-message"]},f.createElement(ie,null),f.createElement(Qa,{linkClassName:c["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});ht.displayName="TelephoneKeypad";var pt=ht;var mt=tr(e=>T()[0]?er.createElement(pt,{...e}):null);mt.displayName="TelephoneKeypad.Surrogate";var we=mt;import{hooks as nr}from"botframework-webchat-component";import j,{useCallback as ft,useRef as ir,memo as lr}from"react";import{useRefFrom as cr}from"use-ref-from";import ve from"classnames";import _e,{memo as xe}from"react";var Z={sendbox__toolbar:"P","sendbox__toolbar-button":"T","sendbox__toolbar-button--selected":"D","sendbox__toolbar-separator":"C"};var ar=e=>e.preventDefault(),C=xe(e=>{let t=i(Z);return _e.createElement("button",{"aria-label":e["aria-label"],className:ve(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:e.disabled?ar:e.onClick,type:e.type==="submit"?"submit":"button",...e.disabled&&{"aria-disabled":"true",tabIndex:-1}},e.children)});C.displayName="ToolbarButton";var ye=xe(e=>{let t=i(Z);return _e.createElement("div",{className:ve(t.sendbox__toolbar,e.className)},e.children)});ye.displayName="Toolbar";var ke=xe(e=>{let t=i(Z);return _e.createElement("div",{"aria-orientation":"vertical",className:ve(t["sendbox__toolbar-separator"],e.className),role:"separator"})});ke.displayName="ToolbarSeparator";var gt={"sendbox__add-attachment":"G","sendbox__add-attachment-input":"U"};var{useLocalizer:sr,useStyleOptions:dr}=nr;function br(e){let t=ir(null),o=i(gt),a=sr(),[{uploadAccept:r,uploadMultiple:c}]=dr(),l=cr(e.onFilesAdded),n=ft(()=>t.current?.click(),[t]),b=ft(({target:{files:p}})=>{p&&(l.current?.([...p]),t.current&&(t.current.value=""))},[t,l]);return j.createElement("div",{className:o["sendbox__add-attachment"]},j.createElement("input",{accept:r,"aria-disabled":e.disabled,"aria-hidden":"true",className:o["sendbox__add-attachment-input"],multiple:c,onInput:e.disabled?void 0:b,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),j.createElement(C,{"aria-label":a("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":u.sendBoxUploadButton,onClick:n},j.createElement(ne,null)))}var wt=lr(br);import{hooks as hr}from"botframework-webchat-component";import pr,{memo as mr}from"react";import gr from"classnames";var vt={sendbox__attachment:"j"};var{useLocalizer:fr}=hr,wr={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 vr({attachments:e,className:t}){let o=i(vt),a=fr({plural:!0});return e.length?pr.createElement("div",{className:gr(o.sendbox__attachment,t)},a(wr,e.length)):null}var _t=mr(vr);import xr,{memo as yr}from"react";var xt={"sendbox__error-message":"I"};function kr(e){let t=i(xt);return xr.createElement("span",{className:t["sendbox__error-message"],id:e.id,role:"alert"},e.error)}var yt=yr(kr);import{hooks as Nr}from"botframework-webchat-component";import{useMemo as kt}from"react";import{useRefFrom as Tr}from"use-ref-from";var{useConnectivityStatus:Sr,useLocalizer:Br}=Nr,Cr=({attachments:e,message:t})=>{let[o]=Sr(),a=Br(),r=Tr(o!=="connected"&&o!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),c=kt(()=>Object.freeze(new Map().set("empty",a("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",a("CONNECTIVITY_STATUS_ALT_FATAL"))),[a]);return kt(()=>Object.freeze([r,r.current&&c.get(r.current)]),[c,r])},Nt=Cr;import{useCallback as Hr}from"react";import{hooks as Mr}from"botframework-webchat-component";var{useScrollDown:Fr,useScrollUp:Ar}=Mr;function Ne(){let e=Fr(),t=Ar();return Hr(o=>{if(o.target instanceof HTMLTextAreaElement&&o.target.value)return;let{ctrlKey:a,metaKey:r,shiftKey:c}=o;if(a||r||c)return;let l=!0;switch(o.key){case"End":e({displacement:1/0});break;case"Home":t({displacement:1/0});break;case"PageDown":e();break;case"PageUp":t();break;default:l=!1;break}l&&(o.preventDefault(),o.stopPropagation())},[e,t])}import{useMemo as zr}from"react";function Te(e){let t=zr(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var Tt={sendbox:"A",sendbox__sendbox:"E","sendbox__attachment--in-grid":"d","sendbox__text-area--in-grid":"q","sendbox__sendbox-controls--in-grid":"J","sendbox__telephone-keypad--in-grid":"K","sendbox__sendbox-text":"O","sendbox__sendbox-controls":"Q","sendbox__text-counter":"Y","sendbox__text-counter--error":"Z"};import St,{memo as Lr,useCallback as Pr}from"react";import{hooks as Dr}from"botframework-webchat-component";var{useLocalizer:Ir}=Dr,Bt=Lr(()=>{let[e,t]=T(),o=Ir(),a=Pr(()=>t(r=>!r),[t]);return St.createElement(C,{"aria-label":o("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":u.sendBoxTelephoneKeypadToolbarButton,onClick:a,selected:e},St.createElement(ce,null))});Bt.displayName="SendBox.TelephoneKeypadToolbarButton";var Ct=Bt;import Se from"classnames";import Be,{forwardRef as Kr,useCallback as Vr}from"react";var Ht={"sendbox__text-area":"aa","sendbox__text-area--hidden":"ea","sendbox__text-area-shared":"ra","sendbox__text-area-doppelganger":"oa","sendbox__text-area-input":"ta","sendbox__text-area-input--scroll":"la"};var Mt=Kr((e,t)=>{let o=i(Ht),a=Vr(r=>{!r.shiftKey&&r.key==="Enter"&&(r.preventDefault(),"form"in r.target&&r.target.form instanceof HTMLFormElement&&r.target?.form?.requestSubmit())},[]);return Be.createElement("div",{className:Se(o["sendbox__text-area"],{[o["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},Be.createElement("div",{className:Se(o["sendbox__text-area-doppelganger"],o["sendbox__text-area-shared"],o["sendbox__text-area-input--scroll"])},e.value||e.placeholder," "),Be.createElement("textarea",{"aria-label":e["aria-label"],className:Se(o["sendbox__text-area-input"],o["sendbox__text-area-shared"],o["sendbox__text-area-input--scroll"]),"data-testid":e["data-testid"],onInput:e.onInput,onKeyDown:a,placeholder:e.placeholder,ref:t,rows:e.startRows??1,tabIndex:e.hidden?-1:void 0,value:e.value}))});Mt.displayName="TextArea";var Ft=Mt;var{useFocus:Ur,useLocalizer:Zr,useMakeThumbnail:jr,useRegisterFocusSendBox:Gr,useSendBoxAttachments:$r,useSendBoxValue:Yr,useSendMessage:qr,useStyleOptions:Jr}=Xr;function Et(e){let t=Or(null),[o,a]=Wr(""),[r,c]=Yr(),l=e.isPrimary?r:o,n=e.isPrimary?c:a,[b,p]=$r(),[{hideTelephoneKeypadButton:d,hideUploadButton:s,maxMessageLength:h}]=Jr(),m=!!h&&l.length>h,g=i(Tt),v=Zr(),k=qr(),N=jr(),S=Te("sendbox__error-message-id"),[B,H]=Nt({message:l,attachments:b}),[P]=T(),M=Ur();Gr(E(({noKeyboard:_,waitUntil:Y})=>{t.current&&(_?Y((async()=>{let D=t.current?.getAttribute("readonly");t.current?.setAttribute("readonly","true"),await new Promise(V=>setTimeout(V,0)),t.current?.focus(),typeof D!="string"?t.current?.removeAttribute("readonly"):t.current?.setAttribute("readonly",D)})()):t.current?.focus())},[t]));let He=At(b),Me=At(l),Lt=E(_=>{"tabIndex"in _.target&&typeof _.target.tabIndex=="number"&&_.target.tabIndex>=0||M("sendBox")},[M]),Pt=E(_=>n(_.currentTarget.value),[n]),Fe=E(async _=>{let Y=Object.freeze(await Promise.all(_.map(D=>N(D).then(V=>Object.freeze({blob:D,...V&&{thumbnailURL:V}})))));p(Y)},[N,p]),Dt=E(_=>{_.preventDefault(),B.current!=="empty"&&!m&&(k(Me.current,void 0,{attachments:He.current}),n(""),p([])),M("sendBox")},[He,Me,k,p,n,m,B,M]),It=E(_=>k(`/DTMFKey ${_}`),[k]),Rt=Ne(),Kt={"aria-invalid":"false",...H&&{"aria-invalid":"true","aria-errormessage":S}};return w.createElement("form",{...Kt,className:K(g.sendbox,e.className),onSubmit:Dt},w.createElement(pe,null),w.createElement("div",{className:K(g.sendbox__sendbox),onClickCapture:Lt,onKeyDown:Rt},w.createElement(Ft,{"aria-label":v(m?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:K(g["sendbox__sendbox-text"],g["sendbox__text-area--in-grid"]),"data-testid":u.sendBoxTextBox,hidden:P,onInput:Pt,placeholder:e.placeholder??v("TEXT_INPUT_PLACEHOLDER"),ref:t,value:l}),w.createElement(we,{autoFocus:!0,className:g["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:It}),w.createElement(_t,{attachments:b,className:g["sendbox__attachment--in-grid"]}),w.createElement("div",{className:K(g["sendbox__sendbox-controls"],g["sendbox__sendbox-controls--in-grid"])},!P&&h&&isFinite(h)&&w.createElement("div",{className:K(g["sendbox__text-counter"],{[g["sendbox__text-counter--error"]]:m})},`${l.length}/${h}`),w.createElement(ye,null,!d&&w.createElement(Ct,null),!s&&w.createElement(wt,{onFilesAdded:Fe}),w.createElement(ke,null),w.createElement(C,{"aria-label":v("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":u.sendBoxSendButton,disabled:m||P,type:"submit"},w.createElement(le,null)))),w.createElement(se,{onFilesAdded:Fe}),w.createElement(yt,{error:H,id:S})))}var G=zt(e=>w.createElement(Et,{...e,isPrimary:!0}));G.displayName="PrimarySendBox";var Qr=zt(Et);import tn from"react";import on from"classnames";var Ce={theme:"a","variant-copilot":"o"};var an="webchat-fluent";function $(e){let t=i(Ce),o=F(Ce);return tn.createElement("div",{className:on(an,t.theme,o)},e.children)}var{ThemeProvider:ln}=rn,cn=Object.freeze([()=>e=>(...t)=>{let o=t[0]?.activity;if(o&&A(o))return()=>L.createElement(ae,{activity:o});let a=e(...t);return a&&((...r)=>L.createElement(ee,{activity:o},a(...r)))}]),sn=[()=>()=>()=>G],dn=({children:e,variant:t="fluent"})=>L.createElement(Ae,{variant:t},L.createElement($,null,L.createElement(me,null,L.createElement(ln,{activityMiddleware:cn,sendBoxMiddleware:sn},e)))),bn=nn(dn);var hn="tsup",pn="esmodules",mn="4.18.1-main.20240823.c5330cc",td={buildTool:hn,moduleFormat:pn,version:mn};un("botframework-webchat:fluent-theme","version=4.18.1-main.20240823.c5330cc; build-tool=tsup; module-format=esmodules");X();export{bn as FluentThemeProvider,td as buildInfo,u as testIds};
2
2
  /*! For license information please see botframework-webchat-fluent-theme.mjs.LEGAL.txt */
3
3
  //# sourceMappingURL=botframework-webchat-fluent-theme.mjs.map