botframework-webchat-fluent-theme 4.18.1-main.20240823.c5330cc → 4.18.1-main.20240830.4534802

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 (37) hide show
  1. package/dist/botframework-webchat-fluent-theme.css.map +1 -1
  2. package/dist/botframework-webchat-fluent-theme.development.css.map +1 -1
  3. package/dist/botframework-webchat-fluent-theme.development.js +8 -8
  4. package/dist/botframework-webchat-fluent-theme.development.js.map +1 -1
  5. package/dist/botframework-webchat-fluent-theme.js +1 -1
  6. package/dist/botframework-webchat-fluent-theme.js.map +1 -1
  7. package/dist/botframework-webchat-fluent-theme.mjs +1 -1
  8. package/dist/botframework-webchat-fluent-theme.mjs.map +1 -1
  9. package/dist/botframework-webchat-fluent-theme.production.min.css.map +1 -1
  10. package/dist/botframework-webchat-fluent-theme.production.min.js +8 -8
  11. package/dist/botframework-webchat-fluent-theme.production.min.js.map +1 -1
  12. package/package.json +4 -4
  13. package/src/components/decorator/index.ts +1 -1
  14. package/src/components/decorator/private/BorderFlair.module.css +548 -0
  15. package/src/components/decorator/private/BorderFlair.tsx +17 -0
  16. package/src/components/decorator/private/BorderLoader.module.css +49 -0
  17. package/src/components/decorator/private/BorderLoader.tsx +19 -0
  18. package/src/components/decorator/private/Decorator.tsx +20 -0
  19. package/src/components/preChatActivity/PreChatMessageActivity.module.css +4 -0
  20. package/src/components/preChatActivity/PreChatMessageActivity.tsx +24 -5
  21. package/src/components/preChatActivity/StarterPromptsCardAction.module.css +26 -2
  22. package/src/components/preChatActivity/StarterPromptsCardAction.tsx +26 -21
  23. package/src/components/preChatActivity/StarterPromptsToolbar.tsx +9 -10
  24. package/src/components/sendBox/ErrorMessage.tsx +15 -4
  25. package/src/components/sendBox/SendBox.tsx +16 -5
  26. package/src/components/sendBox/private/useSubmitError.ts +17 -4
  27. package/src/components/suggestedActions/SuggestedActions.tsx +0 -1
  28. package/src/components/theme/Theme.module.css +5 -0
  29. package/src/external.umd/botframework-webchat-component/internal.ts +1 -0
  30. package/src/private/FluentThemeProvider.tsx +2 -1
  31. package/src/components/decorator/Decorator.module.css +0 -3
  32. package/src/components/decorator/Decorator.tsx +0 -31
  33. package/src/components/decorator/Flair.module.css +0 -4
  34. package/src/components/decorator/Flair.tsx +0 -12
  35. package/src/components/decorator/Loader.module.css +0 -3
  36. package/src/components/decorator/Loader.tsx +0 -17
  37. /package/src/external.umd/{botframework-webchat-component.ts → botframework-webchat-component/index.ts} +0 -0
@@ -1,3 +1,3 @@
1
- "use strict";var Ho=Object.create;var le=Object.defineProperty;var Mo=Object.getOwnPropertyDescriptor;var Fo=Object.getOwnPropertyNames;var Ao=Object.getPrototypeOf,zo=Object.prototype.hasOwnProperty;var Eo=(e,t)=>{for(var o in t)le(e,o,{get:t[o],enumerable:!0})},Ye=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Fo(t))!zo.call(e,r)&&r!==o&&le(e,r,{get:()=>t[r],enumerable:!(a=Mo(t,r))||a.enumerable});return e};var i=(e,t,o)=>(o=e!=null?Ho(Ao(e)):{},Ye(t||!e||!e.__esModule?le(o,"default",{value:e,enumerable:!0}):o,e)),Lo=e=>Ye(le({},"__esModule",{value:!0}),e);var gr={};Eo(gr,{FluentThemeProvider:()=>xo,buildInfo:()=>mr,testIds:()=>m});module.exports=Lo(gr);var yo=require("inject-meta-tag");var _o=require("botframework-webchat-component"),z=i(require("react"));var rt=i(require("classnames")),ee=i(require("react"));var ce=require("react");var qe=require("react");var Z=i(require("react"));function ye({Provider:e},{defaults:t,displayName:o}){let a=({children:r,...d})=>{let c=(0,Z.useMemo)(()=>Object.freeze({...t,...d}),[d]);return Z.default.createElement(e,{value:c},r)};return a.displayName=o,(0,Z.memo)(a)}var ke=(0,qe.createContext)(new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),Po=ye(ke,{defaults:{variant:""},displayName:"VariantComposer"}),Je=Po;function Q(){let{variant:e}=(0,ce.useContext)(ke);return(0,ce.useMemo)(()=>e.split(" "),[e])}var Do=".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 se(){if(globalThis.document){let e=document.createElement("style");e.append(document.createTextNode(Do)),document.head.appendChild(e)}}var Qe=require("react");function Io(e){return(0,Qe.useMemo)(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,o])=>[t,`${t} ${o}`]))),[e])}var l=Io;var et=require("react");function j(e){let t=l(e),o=Q();return(0,et.useMemo)(()=>o.map(a=>t[`variant-${a}`]).filter(a=>a).join(" "),[t,o])}var Ne={"activity-decorator":"e","variant-fluent":"h","variant-copilot":"s"};var ot=require("botframework-webchat-component"),H=i(require("react"));var tt={"copilot-message-header":"g","copilot-message-header__avatar":"u","copilot-message-header__title":"w","copilot-message-header__ai-generated-content":"p"};var{useStyleOptions:Vo,useLocalizer:Xo}=ot.hooks;function Oo({activity:e}){let[{botAvatarImage:t,botAvatarBackgroundColor:o}]=Vo(),a=l(tt),r=Xo(),d=(0,H.useMemo)(()=>!!e,[e]),c=e?.from?.name,n=(0,H.useMemo)(()=>({"--background-color":o}),[o]);return H.default.createElement("div",{className:a["copilot-message-header"]},H.default.createElement("img",{alt:r("AVATAR_ALT",c),className:a["copilot-message-header__avatar"],src:t,style:n}),H.default.createElement("span",{className:a["copilot-message-header__title"],title:c},c),d&&H.default.createElement("span",{className:a["copilot-message-header__ai-generated-content"]},r("ACTIVITY_CONTENT_CAUTION")))}var at=(0,H.memo)(Oo);function nt({activity:e,children:t}){let o=l(Ne),a=Q(),r=j(Ne),d=a.includes("copilot")&&e?.from?.role!=="user"&&!!t;return ee.default.createElement("div",{className:(0,rt.default)(o["activity-decorator"],r)},d&&ee.default.createElement(at,{activity:e}),t)}nt.displayName="ActivityDecorator";var Te=(0,ee.memo)(nt);var it=require("botframework-webchat-core");function G(e){return!!(e&&(0,it.getOrgSchemaMessage)(e?.entities||[])?.keywords?.includes("PreChatMessage"))}var ft=require("botframework-webchat-component"),L=i(require("react"));var lt={"pre-chat-message-activity":"v","pre-chat-message-activity__body":"r","pre-chat-message-activity__toolbar":"_"};var pt=i(require("classnames")),$=i(require("react"));var de=require("botframework-webchat-component"),st=i(require("classnames")),B=i(require("react")),dt=require("use-ref-from");var Uo={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"},m=Uo;var ct={"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:jo,useRenderMarkdownAsHTML:Go,useSendBoxValue:$o}=de.hooks,{MonochromeImageMasker:Yo}=de.Components,bt=({className:e,messageBackAction:t})=>{let[o,a]=$o(),r=l(ct),d=jo(),c=(0,dt.useRefFrom)(t.displayText||t.text||""),n=Go("message activity"),p=(0,B.useMemo)(()=>n?{__html:n(t.text||"")}:{__html:""},[t.text,n]),w=(0,B.useCallback)(()=>{a(c.current),d("sendBox")},[d,c,a]);return B.default.createElement("button",{className:(0,st.default)(e,r["pre-chat-message-activity__card-action-box"]),"data-testid":m.preChatMessageActivityStarterPromptsCardAction,onClick:w,type:"button"},B.default.createElement("div",{className:r["pre-chat-message-activity__card-action-title"]},"title"in t&&t.title),"image"in t&&t.image&&B.default.createElement(Yo,{className:r["pre-chat-message-activity__card-action-image"],src:t.image}),B.default.createElement("div",{className:r["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:p}))};bt.displayName="StarterPromptAction";var ut=(0,B.memo)(bt);var ht={"pre-chat-message-activity__card-action-toolbar":"m","webchat-container":"l","pre-chat-message-activity__card-action-toolbar-grid":"c"};var mt=({cardActions:e,className:t})=>{let o=l(ht);return $.default.createElement("div",{className:(0,pt.default)(t,o["pre-chat-message-activity__card-action-toolbar"])},$.default.createElement("div",{className:o["pre-chat-message-activity__card-action-toolbar-grid"]},e.filter(a=>a.type==="messageBack").map(a=>$.default.createElement(ut,{key:a.text,messageBackAction:a}))))};mt.displayName="StarterPrompts";var gt=(0,$.memo)(mt);var{useRenderMarkdownAsHTML:Jo}=ft.hooks,wt=({activity:e})=>{let t=l(lt),o=Jo(),a=(0,L.useMemo)(()=>o?{__html:o(e.text||"")}:{__html:""},[e.text,o]);return L.default.createElement("div",{className:t["pre-chat-message-activity"]},L.default.createElement("div",{className:t["pre-chat-message-activity__body"],dangerouslySetInnerHTML:a}),L.default.createElement(gt,{cardActions:e.suggestedActions?.actions||[],className:t["pre-chat-message-activity__toolbar"]}))};wt.displayName="PreChatMessageActivity";var Se=(0,L.memo)(wt);var go=require("botframework-webchat-component"),Y=i(require("classnames")),h=i(require("react")),Ue=require("use-ref-from");var te=i(require("react"));function Qo(e){return te.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},te.default.createElement("path",{d:"M6 2a2 2 0 0 0-2 2v5.2c.32-.08.66-.15 1-.18V4a1 1 0 0 1 1-1h4v3.5c0 .83.67 1.5 1.5 1.5H15v8a1 1 0 0 1-1 1h-3.6c-.18.36-.4.7-.66 1H14a2 2 0 0 0 2-2V7.41c0-.4-.16-.78-.44-1.06l-3.91-3.91A1.5 1.5 0 0 0 10.59 2H6Zm8.8 5h-3.3a.5.5 0 0 1-.5-.5V3.2L14.8 7ZM10 14.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-4-2a.5.5 0 0 0-1 0V14H3.5a.5.5 0 0 0 0 1H5v1.5a.5.5 0 0 0 1 0V15h1.5a.5.5 0 0 0 0-1H6v-1.5Z",fill:"currentColor"}))}var Be=(0,te.memo)(Qo);var oe=i(require("react"));function ea(e){return oe.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},oe.default.createElement("path",{d:"m4.83 10.48 5.65-5.65a3 3 0 0 1 4.25 4.24L8 15.8a1.5 1.5 0 0 1-2.12-2.12l6-6.01a.5.5 0 1 0-.7-.71l-6 6.01a2.5 2.5 0 0 0 3.53 3.54l6.71-6.72a4 4 0 1 0-5.65-5.66L4.12 9.78a.5.5 0 0 0 .7.7Z",fill:"currentColor"}))}var Ce=(0,oe.memo)(ea);var ae=i(require("react"));function ta(e){return ae.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ae.default.createElement("path",{d:"M8.5 7.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3Zm.25-2a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z",fill:"currentColor"}))}var He=(0,ae.memo)(ta);var re=i(require("react"));function oa(e){return re.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},re.default.createElement("path",{d:"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 Me=(0,re.memo)(oa);var ne=i(require("react"));function aa(e){return ne.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ne.default.createElement("path",{d:"M6 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm0 4a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM7.25 12a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 16a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM15.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z",fill:"currentColor"}))}var Fe=(0,ne.memo)(aa);var xt=require("botframework-webchat-component"),yt=i(require("classnames")),k=i(require("react")),kt=require("use-ref-from");var vt={"sendbox__attachment-drop-zone":"B","sendbox__attachment-drop-zone--droppable":"N","sendbox__attachment-drop-zone-icon":"S"};var{useLocalizer:na}=xt.hooks,ia=e=>{e.preventDefault()},_t=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function la(e,t){let o=e.parentNode;for(;o;){if(o===t)return!0;o=o.parentNode}return!1}var Nt=e=>{let[t,o]=(0,k.useState)(!1),a=l(vt),r=(0,k.useRef)(null),d=na(),c=(0,kt.useRefFrom)(e.onFilesAdded);(0,k.useEffect)(()=>{let p=0,w=b=>{p++,_t(b)&&o(r.current&&(b.target===r.current||b.target instanceof HTMLElement&&la(b.target,r.current))?"droppable":"visible")},u=()=>--p<=0&&o(!1);return document.addEventListener("dragenter",w,!1),document.addEventListener("dragleave",u,!1),()=>{document.removeEventListener("dragenter",w),document.removeEventListener("dragleave",u)}},[o]);let n=(0,k.useCallback)(p=>{p.preventDefault(),o(!1),_t(p.nativeEvent)&&c.current([...p.dataTransfer.files])},[c,o]);return t?k.default.createElement("div",{className:(0,yt.default)(a["sendbox__attachment-drop-zone"],{[a["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":m.sendBoxDropZone,onDragOver:ia,onDrop:n,ref:r},k.default.createElement(Be,{className:a["sendbox__attachment-drop-zone-icon"]}),d("TEXT_INPUT_DROP_ZONE")):null};Nt.displayName="DropZone";var Ae=(0,k.memo)(Nt);var zt=require("botframework-webchat-component"),Et=i(require("classnames")),M=i(require("react"));function ze(e){let{title:t}=e,{type:o,value:a}=e;return o==="messageBack"?t||e.displayText:t||(typeof a=="string"?a:JSON.stringify(a))}var f=i(require("react")),Tt=(0,f.createContext)({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function ca(e){let t=(0,f.useRef)(0),o=(0,f.useRef)([]),a=(0,f.useCallback)(({current:u},b)=>u&&(u.tabIndex=t.current===b?0:-1),[t]),r=(0,f.useCallback)(u=>{let b;typeof u=="number"?b=u:b=u(t.current),b&&!o.current.at(b)?.current&&(b=0),t.current!==b&&(t.current=b,o.current.forEach((g,v)=>a(g,v)),o.current.at(b)?.current?.focus())},[a,o,t]),d=(0,f.useCallback)(u=>{let{target:b}=u,g=o.current.findIndex(({current:v})=>v===b);g!==-1&&r(g)},[o,r]),c=(0,f.useCallback)(u=>b=>{let g=!e.direction,v=/up|down/iu.test(u)&&e.direction==="vertical",_=/left|right/iu.test(u)&&e.direction==="horizontal",x=/right|down/iu.test(u),S=g||v||_?x?1:-1:0,C=o.current.map((V,W)=>W),E=C.indexOf(b)+S;return C.at(E)??0},[e.direction]),n=(0,f.useCallback)(u=>{let{key:b}=u;switch(b){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":r(c(b));break;case"Home":r(0);break;case"End":r(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}u.preventDefault(),u.stopPropagation()},[r,c,e]),p=(0,f.useCallback)((u,b)=>{let{current:g}=u;return o.current[Number(b)]=u,g.addEventListener("focus",d),g.addEventListener("keydown",n),a(u,b),()=>{g.removeEventListener("focus",d),g.removeEventListener("keydown",n),delete o.current[Number(b)]}},[d,n,a,o]),w=(0,f.useMemo)(()=>({itemEffector:p}),[p]);return f.default.createElement(Tt.Provider,{value:w},e.children)}function St(e){let t=(0,f.useRef)(null),{itemEffector:o}=(0,f.useContext)(Tt);return(0,f.useEffect)(()=>o(t,e)),t}var Bt=(0,f.memo)(ca);var Mt=require("botframework-webchat-component"),Ft=i(require("classnames")),D=i(require("react"));var Ct={"suggested-action":"y","suggested-action__image":"H"};var P=i(require("react")),da=e=>e.preventDefault(),ba=(0,P.forwardRef)(({"aria-hidden":e,children:t,disabled:o,onClick:a,tabIndex:r,...d},c)=>{let n=(0,P.useRef)(null);return P.default.createElement("button",{"aria-disabled":o?"true":"false","aria-hidden":e,onClick:o?da:a,ref:c||n,tabIndex:r,...o&&{"aria-disabled":"true",tabIndex:-1},...d,type:"button"},t)}),Ht=(0,P.memo)(ba);var{useDisabled:ua,useFocus:ha,usePerformCardAction:pa,useScrollToEnd:ma,useStyleSet:ga,useSuggestedActions:fa}=Mt.hooks;function wa({buttonText:e,className:t,displayText:o,image:a,imageAlt:r,itemIndex:d,text:c,type:n,value:p}){let[w,u]=fa(),[{suggestedAction:b}]=ga(),[g]=ua(),v=ha(),_=St(d),x=pa(),S=l(Ct),C=ma(),E=(0,D.useCallback)(({target:V})=>{(async function(){await v("sendBoxWithoutKeyboard"),x({displayText:o,text:c,type:n,value:p},{target:V}),n==="openUrl"&&u([]),C()})()},[o,v,x,C,u,c,n,p]);return D.default.createElement(Ht,{className:(0,Ft.default)(S["suggested-action"],b+"",(t||"")+""),disabled:g,onClick:E,ref:_,type:"button"},a&&D.default.createElement("img",{alt:r,className:S["suggested-action__image"],src:a}),D.default.createElement("span",null,e))}var At=(0,D.memo)(wa);var Ee={"suggested-actions":"z","suggested-actions--flow":"F","suggested-actions--stacked":"X"};var{useFocus:_a,useLocalizer:xa,useStyleOptions:ya,useStyleSet:ka,useSuggestedActions:Na}=zt.hooks;function Ta(e){let[{suggestedActionLayout:t}]=ya(),[{suggestedActions:o}]=ka(),a=l(Ee);return M.default.createElement("div",{"aria-label":e["aria-label"],"aria-live":"polite","aria-orientation":"vertical",className:(0,Et.default)(a["suggested-actions"],o+"",{[a["suggested-actions--flow"]]:t==="flow",[a["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},!!e.children&&!!M.default.Children.count(e.children)&&e.children)}function Sa(){let e=l(Ee),t=xa(),[o,a,{activity:r}]=Na(),d=_a(),c=(0,M.useCallback)(()=>{d("sendBox")},[d]),n=G(r)?[]:o.map((p,w)=>{let{displayText:u,image:b,imageAltText:g,text:v,type:_,value:x}=p;return o?.length?M.default.createElement(At,{buttonText:ze(p),displayText:u,image:b,imageAlt:b&&(g||v),itemIndex:w,key:w,text:v,type:_,value:x}):null});return M.default.createElement(Bt,{onEscapeKey:c},M.default.createElement(Ta,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},n))}var Le=(0,M.memo)(Sa);var I=i(require("react"));var Lt=require("react"),Pt=(0,Lt.createContext)(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));Pt.displayName="TelephoneKeypad.Context";var be=Pt;var Ba=(0,I.memo)(({children:e})=>{let[t,o]=(0,I.useState)(!1),a=(0,I.useMemo)(()=>Object.freeze({setShown:o,shown:t}),[o,t]);return I.default.createElement(be.Provider,{value:a},e)}),Pe=Ba;var he=i(require("react"));var Kt=require("botframework-webchat-component"),Vt=i(require("classnames")),s=i(require("react")),Ie=require("use-ref-from");var F=i(require("react")),It=require("use-ref-from");var Dt={"telephone-keypad__button":"i","telephone-keypad__button__ruby":"n","telephone-keypad__button__text":"b","telephone-keypad--horizontal":"L"};var Rt=(0,F.memo)((0,F.forwardRef)(({button:e,"data-testid":t,onClick:o,ruby:a},r)=>{let d=l(Dt),c=(0,It.useRefFrom)(o),n=(0,F.useCallback)(()=>c.current?.(),[c]);return F.default.createElement("button",{className:d["telephone-keypad__button"],"data-testid":t,onClick:n,ref:r,type:"button"},F.default.createElement("span",{className:d["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!a&&F.default.createElement("ruby",{className:d["telephone-keypad__button__ruby"]},a))}));Rt.displayName="TelephoneKeypad.Button";var N=Rt;var ue=require("react");function A(){let{setShown:e,shown:t}=(0,ue.useContext)(be);return(0,ue.useMemo)(()=>Object.freeze([t,e]),[t,e])}var De={"telephone-keypad":"W","telephone-keypad__box":"V","telephone-keypad__info-message":"M","telephone-keypad__info-message-link":"R"};var{LocalizedString:Ma}=Kt.Components,Xt=(0,s.memo)(({children:e,isHorizontal:t})=>{let o=l(De);return t?null:s.default.createElement("div",{className:o["telephone-keypad__box"]},e)});Xt.displayName="TelephoneKeypad:Orientation";var Ot=(0,s.memo)(({autoFocus:e,className:t,onButtonClick:o,isHorizontal:a})=>{let r=(0,Ie.useRefFrom)(e),d=l(De),c=(0,s.useRef)(null),n=(0,Ie.useRefFrom)(o),[,p]=A(),w=(0,s.useCallback)(()=>n.current?.("1"),[n]),u=(0,s.useCallback)(()=>n.current?.("2"),[n]),b=(0,s.useCallback)(()=>n.current?.("3"),[n]),g=(0,s.useCallback)(()=>n.current?.("4"),[n]),v=(0,s.useCallback)(()=>n.current?.("5"),[n]),_=(0,s.useCallback)(()=>n.current?.("6"),[n]),x=(0,s.useCallback)(()=>n.current?.("7"),[n]),S=(0,s.useCallback)(()=>n.current?.("8"),[n]),C=(0,s.useCallback)(()=>n.current?.("9"),[n]),E=(0,s.useCallback)(()=>n.current?.("0"),[n]),V=(0,s.useCallback)(()=>n.current?.("*"),[n]),W=(0,s.useCallback)(()=>n.current?.("#"),[n]),q=(0,s.useCallback)(U=>{U.key==="Escape"&&p(!1)},[p]);return(0,s.useEffect)(()=>{r.current&&c.current?.focus()},[r,c]),s.default.createElement("div",{className:(0,Vt.default)(d["telephone-keypad"],t),onKeyDown:q},s.default.createElement(Xt,{isHorizontal:a},s.default.createElement(N,{button:"1","data-testid":m.sendBoxTelephoneKeypadButton1,onClick:w,ref:c}),s.default.createElement(N,{button:"2","data-testid":m.sendBoxTelephoneKeypadButton2,onClick:u,ruby:"ABC"}),s.default.createElement(N,{button:"3","data-testid":m.sendBoxTelephoneKeypadButton3,onClick:b,ruby:"DEF"}),s.default.createElement(N,{button:"4","data-testid":m.sendBoxTelephoneKeypadButton4,onClick:g,ruby:"GHI"}),s.default.createElement(N,{button:"5","data-testid":m.sendBoxTelephoneKeypadButton5,onClick:v,ruby:"JKL"}),s.default.createElement(N,{button:"6","data-testid":m.sendBoxTelephoneKeypadButton6,onClick:_,ruby:"MNO"}),s.default.createElement(N,{button:"7","data-testid":m.sendBoxTelephoneKeypadButton7,onClick:x,ruby:"PQRS"}),s.default.createElement(N,{button:"8","data-testid":m.sendBoxTelephoneKeypadButton8,onClick:S,ruby:"TUV"}),s.default.createElement(N,{button:"9","data-testid":m.sendBoxTelephoneKeypadButton9,onClick:C,ruby:"WXYZ"}),s.default.createElement(N,{button:"*","data-testid":m.sendBoxTelephoneKeypadButtonStar,onClick:V}),s.default.createElement(N,{button:"0","data-testid":m.sendBoxTelephoneKeypadButton0,onClick:E,ruby:"+"}),s.default.createElement(N,{button:"#","data-testid":m.sendBoxTelephoneKeypadButtonPound,onClick:W})),s.default.createElement("div",{className:d["telephone-keypad__info-message"]},s.default.createElement(He,null),s.default.createElement(Ma,{linkClassName:d["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});Ot.displayName="TelephoneKeypad";var Wt=Ot;var Ut=(0,he.memo)(e=>A()[0]?he.default.createElement(Wt,{...e}):null);Ut.displayName="TelephoneKeypad.Surrogate";var Re=Ut;var jt=require("botframework-webchat-component"),T=i(require("react")),Gt=require("use-ref-from");var me=i(require("classnames")),R=i(require("react"));var pe={sendbox__toolbar:"P","sendbox__toolbar-button":"T","sendbox__toolbar-button--selected":"D","sendbox__toolbar-separator":"C"};var Aa=e=>e.preventDefault(),X=(0,R.memo)(e=>{let t=l(pe);return R.default.createElement("button",{"aria-label":e["aria-label"],className:(0,me.default)(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:e.disabled?Aa:e.onClick,type:e.type==="submit"?"submit":"button",...e.disabled&&{"aria-disabled":"true",tabIndex:-1}},e.children)});X.displayName="ToolbarButton";var Ke=(0,R.memo)(e=>{let t=l(pe);return R.default.createElement("div",{className:(0,me.default)(t.sendbox__toolbar,e.className)},e.children)});Ke.displayName="Toolbar";var Ve=(0,R.memo)(e=>{let t=l(pe);return R.default.createElement("div",{"aria-orientation":"vertical",className:(0,me.default)(t["sendbox__toolbar-separator"],e.className),role:"separator"})});Ve.displayName="ToolbarSeparator";var Zt={"sendbox__add-attachment":"G","sendbox__add-attachment-input":"U"};var{useLocalizer:Ea,useStyleOptions:La}=jt.hooks;function Pa(e){let t=(0,T.useRef)(null),o=l(Zt),a=Ea(),[{uploadAccept:r,uploadMultiple:d}]=La(),c=(0,Gt.useRefFrom)(e.onFilesAdded),n=(0,T.useCallback)(()=>t.current?.click(),[t]),p=(0,T.useCallback)(({target:{files:w}})=>{w&&(c.current?.([...w]),t.current&&(t.current.value=""))},[t,c]);return T.default.createElement("div",{className:o["sendbox__add-attachment"]},T.default.createElement("input",{accept:r,"aria-disabled":e.disabled,"aria-hidden":"true",className:o["sendbox__add-attachment-input"],multiple:d,onInput:e.disabled?void 0:p,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),T.default.createElement(X,{"aria-label":a("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":m.sendBoxUploadButton,onClick:n},T.default.createElement(Ce,null)))}var $t=(0,T.memo)(Pa);var qt=require("botframework-webchat-component"),ge=i(require("react")),Jt=i(require("classnames"));var Yt={sendbox__attachment:"j"};var{useLocalizer:Ia}=qt.hooks,Ra={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 Ka({attachments:e,className:t}){let o=l(Yt),a=Ia({plural:!0});return e.length?ge.default.createElement("div",{className:(0,Jt.default)(o.sendbox__attachment,t)},a(Ra,e.length)):null}var Qt=(0,ge.memo)(Ka);var fe=i(require("react"));var eo={"sendbox__error-message":"I"};function Xa(e){let t=l(eo);return fe.default.createElement("span",{className:t["sendbox__error-message"],id:e.id,role:"alert"},e.error)}var to=(0,fe.memo)(Xa);var oo=require("botframework-webchat-component"),Xe=require("react"),ao=require("use-ref-from"),{useConnectivityStatus:Oa,useLocalizer:Wa}=oo.hooks,Ua=({attachments:e,message:t})=>{let[o]=Oa(),a=Wa(),r=(0,ao.useRefFrom)(o!=="connected"&&o!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),d=(0,Xe.useMemo)(()=>Object.freeze(new Map().set("empty",a("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",a("CONNECTIVITY_STATUS_ALT_FATAL"))),[a]);return(0,Xe.useMemo)(()=>Object.freeze([r,r.current&&d.get(r.current)]),[d,r])},ro=Ua;var no=require("react"),io=require("botframework-webchat-component"),{useScrollDown:Za,useScrollUp:ja}=io.hooks;function Oe(){let e=Za(),t=ja();return(0,no.useCallback)(o=>{if(o.target instanceof HTMLTextAreaElement&&o.target.value)return;let{ctrlKey:a,metaKey:r,shiftKey:d}=o;if(a||r||d)return;let c=!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:c=!1;break}c&&(o.preventDefault(),o.stopPropagation())},[e,t])}var lo=require("react");function We(e){let t=(0,lo.useMemo)(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var co={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"};var O=i(require("react")),so=require("botframework-webchat-component");var{useLocalizer:$a}=so.hooks,bo=(0,O.memo)(()=>{let[e,t]=A(),o=$a(),a=(0,O.useCallback)(()=>t(r=>!r),[t]);return O.default.createElement(X,{"aria-label":o("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":m.sendBoxTelephoneKeypadToolbarButton,onClick:a,selected:e},O.default.createElement(Fe,null))});bo.displayName="SendBox.TelephoneKeypadToolbarButton";var uo=bo;var we=i(require("classnames")),K=i(require("react"));var ho={"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 po=(0,K.forwardRef)((e,t)=>{let o=l(ho),a=(0,K.useCallback)(r=>{!r.shiftKey&&r.key==="Enter"&&(r.preventDefault(),"form"in r.target&&r.target.form instanceof HTMLFormElement&&r.target?.form?.requestSubmit())},[]);return K.default.createElement("div",{className:(0,we.default)(o["sendbox__text-area"],{[o["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},K.default.createElement("div",{className:(0,we.default)(o["sendbox__text-area-doppelganger"],o["sendbox__text-area-shared"],o["sendbox__text-area-input--scroll"])},e.value||e.placeholder," "),K.default.createElement("textarea",{"aria-label":e["aria-label"],className:(0,we.default)(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}))});po.displayName="TextArea";var mo=po;var{useFocus:qa,useLocalizer:Ja,useMakeThumbnail:Qa,useRegisterFocusSendBox:er,useSendBoxAttachments:tr,useSendBoxValue:or,useSendMessage:ar,useStyleOptions:rr}=go.hooks;function fo(e){let t=(0,h.useRef)(null),[o,a]=(0,h.useState)(""),[r,d]=or(),c=e.isPrimary?r:o,n=e.isPrimary?d:a,[p,w]=tr(),[{hideTelephoneKeypadButton:u,hideUploadButton:b,maxMessageLength:g}]=rr(),v=!!g&&c.length>g,_=l(co),x=Ja(),S=ar(),C=Qa(),E=We("sendbox__error-message-id"),[V,W]=ro({message:c,attachments:p}),[q]=A(),U=qa();er((0,h.useCallback)(({noKeyboard:y,waitUntil:xe})=>{t.current&&(y?xe((async()=>{let J=t.current?.getAttribute("readonly");t.current?.setAttribute("readonly","true"),await new Promise(ie=>setTimeout(ie,0)),t.current?.focus(),typeof J!="string"?t.current?.removeAttribute("readonly"):t.current?.setAttribute("readonly",J)})()):t.current?.focus())},[t]));let je=(0,Ue.useRefFrom)(p),Ge=(0,Ue.useRefFrom)(c),ko=(0,h.useCallback)(y=>{"tabIndex"in y.target&&typeof y.target.tabIndex=="number"&&y.target.tabIndex>=0||U("sendBox")},[U]),No=(0,h.useCallback)(y=>n(y.currentTarget.value),[n]),$e=(0,h.useCallback)(async y=>{let xe=Object.freeze(await Promise.all(y.map(J=>C(J).then(ie=>Object.freeze({blob:J,...ie&&{thumbnailURL:ie}})))));w(xe)},[C,w]),To=(0,h.useCallback)(y=>{y.preventDefault(),V.current!=="empty"&&!v&&(S(Ge.current,void 0,{attachments:je.current}),n(""),w([])),U("sendBox")},[je,Ge,S,w,n,v,V,U]),So=(0,h.useCallback)(y=>S(`/DTMFKey ${y}`),[S]),Bo=Oe(),Co={"aria-invalid":"false",...W&&{"aria-invalid":"true","aria-errormessage":E}};return h.default.createElement("form",{...Co,className:(0,Y.default)(_.sendbox,e.className),onSubmit:To},h.default.createElement(Le,null),h.default.createElement("div",{className:(0,Y.default)(_.sendbox__sendbox),onClickCapture:ko,onKeyDown:Bo},h.default.createElement(mo,{"aria-label":x(v?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:(0,Y.default)(_["sendbox__sendbox-text"],_["sendbox__text-area--in-grid"]),"data-testid":m.sendBoxTextBox,hidden:q,onInput:No,placeholder:e.placeholder??x("TEXT_INPUT_PLACEHOLDER"),ref:t,value:c}),h.default.createElement(Re,{autoFocus:!0,className:_["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:So}),h.default.createElement(Qt,{attachments:p,className:_["sendbox__attachment--in-grid"]}),h.default.createElement("div",{className:(0,Y.default)(_["sendbox__sendbox-controls"],_["sendbox__sendbox-controls--in-grid"])},!q&&g&&isFinite(g)&&h.default.createElement("div",{className:(0,Y.default)(_["sendbox__text-counter"],{[_["sendbox__text-counter--error"]]:v})},`${c.length}/${g}`),h.default.createElement(Ke,null,!u&&h.default.createElement(uo,null),!b&&h.default.createElement($t,{onFilesAdded:$e}),h.default.createElement(Ve,null),h.default.createElement(X,{"aria-label":x("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":m.sendBoxSendButton,disabled:v||q,type:"submit"},h.default.createElement(Me,null)))),h.default.createElement(Ae,{onFilesAdded:$e}),h.default.createElement(to,{error:W,id:E})))}var ve=(0,h.memo)(e=>h.default.createElement(fo,{...e,isPrimary:!0}));ve.displayName="PrimarySendBox";var nr=(0,h.memo)(fo);var wo=i(require("react")),vo=i(require("classnames"));var Ze={theme:"a","variant-copilot":"o"};var lr="webchat-fluent";function _e(e){let t=l(Ze),o=j(Ze);return wo.default.createElement("div",{className:(0,vo.default)(lr,t.theme,o)},e.children)}var{ThemeProvider:cr}=_o.Components,sr=Object.freeze([()=>e=>(...t)=>{let o=t[0]?.activity;if(o&&G(o))return()=>z.default.createElement(Se,{activity:o});let a=e(...t);return a&&((...r)=>z.default.createElement(Te,{activity:o},a(...r)))}]),dr=[()=>()=>()=>ve],br=({children:e,variant:t="fluent"})=>z.default.createElement(Je,{variant:t},z.default.createElement(_e,null,z.default.createElement(Pe,null,z.default.createElement(cr,{activityMiddleware:sr,sendBoxMiddleware:dr},e)))),xo=(0,z.memo)(br);var ur="tsup",hr="commonjs",pr="4.18.1-main.20240823.c5330cc",mr={buildTool:ur,moduleFormat:hr,version:pr};(0,yo.injectMetaTag)("botframework-webchat:fluent-theme","version=4.18.1-main.20240823.c5330cc; build-tool=tsup; module-format=commonjs");se();
1
+ "use strict";var Va=Object.create;var he=Object.defineProperty;var Xa=Object.getOwnPropertyDescriptor;var Oa=Object.getOwnPropertyNames;var Wa=Object.getPrototypeOf,Ua=Object.prototype.hasOwnProperty;var Za=(e,t)=>{for(var a in t)he(e,a,{get:t[a],enumerable:!0})},tt=(e,t,a,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of Oa(t))!Ua.call(e,o)&&o!==a&&he(e,o,{get:()=>t[o],enumerable:!(r=Xa(t,o))||r.enumerable});return e};var i=(e,t,a)=>(a=e!=null?Va(Wa(e)):{},tt(t||!e||!e.__esModule?he(a,"default",{value:e,enumerable:!0}):a,e)),ja=e=>tt(he({},"__esModule",{value:!0}),e);var zo={};Za(zo,{FluentThemeProvider:()=>Aa,buildInfo:()=>Ao,testIds:()=>p});module.exports=ja(zo);var za=require("inject-meta-tag");var La=require("botframework-webchat-component"),z=i(require("react"));var dt=i(require("classnames")),oe=i(require("react"));var me=require("react");var at=require("react");var G=i(require("react"));function Te({Provider:e},{defaults:t,displayName:a}){let r=({children:o,...d})=>{let l=(0,G.useMemo)(()=>Object.freeze({...t,...d}),[d]);return G.default.createElement(e,{value:l},o)};return r.displayName=a,(0,G.memo)(r)}var Be=(0,at.createContext)(new Proxy({},{get(){throw new Error("Unable to use VariantContext without VariantComposer")}})),Ga=Te(Be,{defaults:{variant:""},displayName:"VariantComposer"}),rt=Ga;function re(){let{variant:e}=(0,me.useContext)(Be);return(0,me.useMemo)(()=>e.split(" "),[e])}var $a=".webchat-fluent .r{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 .r:has(.webchat__stacked-layout .webchat__bubble--from-user){--webchat__bubble--background-color: var(--webchat-colorBrandBackground2);--webchat__bubble--block-padding: var(--webchat-spacingVerticalS)}.webchat-fluent .r._{--webchat__bubble--background-color: var(--webchat-colorNeutralBackground1);--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge);--webchat__bubble--box-shadow: var(--webchat-shadow4)}.webchat-fluent .r.m{--webchat__bubble--border-radius: var(--webchat-borderRadiusXLarge)}.webchat-fluent .r.m: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 .r.m:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout__status{display:none}.webchat-fluent .r.m .webchat__activity-status{margin:0 0 var(--webchat-spacingHorizontalXXS)}.webchat-fluent .r.m .webchat__stacked-layout__status{order:-1}.webchat-fluent .r.m: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 .r.m:not(:has(.webchat__bubble--from-user)) .webchat__stacked-layout .webchat__bubble{margin-block-start:-24px;margin-inline-start:-4px}.webchat-fluent .r .webchat__basic-transcript__activity-body:not(:empty){padding-block-end:var(--webchat-spacingVerticalXL)}.webchat-fluent .r .webchat__stacked-layout{display:flex;flex-flow:column nowrap}.webchat-fluent .r .webchat__stacked-layout .webchat__stacked-layout__content:has(.webchat__bubble){overflow:visible}.webchat-fluent .r .webchat__stacked-layout .webchat__stacked-layout__status{font-size:var(--webchat__font-size--small);line-height:var(--webchat__line-height--small)}.webchat-fluent .r .webchat__stacked-layout .webchat__bubble{max-width:var(--webchat__bubble--max-width);overflow:visible}.webchat-fluent .r .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 .r .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 .r .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 .r .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier){color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .r .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .r .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .r .webchat__render-markdown a[href]:not(.webchat__render-markdown__pure-identifier):active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .r .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 .r .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 .r .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .r .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 .r .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .r .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 .r .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .r .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 .r .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .r .webchat__render-markdown .webchat__render-markdown__pure-identifier):before,:is(.webchat-fluent .r .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .r .webchat__render-markdown .webchat__render-markdown__pure-identifier):after{all:unset}:is(.webchat-fluent .r .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .r .webchat__render-markdown .webchat__render-markdown__pure-identifier):has(.webchat__render-markdown__external-link-icon){padding-inline:3px}:is(.webchat-fluent .r .webchat__render-markdown .webchat__render-markdown__citation,.webchat-fluent .r .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 .r .webchat__link-definitions__header .webchat__link-definitions__header-text{color:var(--webchat-colorNeutralForeground3)}.webchat-fluent .r .webchat__link-definitions__header .webchat__link-definitions__header-chevron{fill:var(--webchat-colorNeutralForeground3);font-size:var(--webchat__font-size--small);width:1em}.webchat-fluent .r .webchat__link-definitions{--webchat__citation__external-link--mask: var(--webchat-externalLink-mask);--webchat__citation__link--max-width: var(--webchat-externalLink-maxWidth)}.webchat-fluent .r .webchat__link-definitions .webchat__link-definitions__list{color:var(--webchat__color--subtle);display:flex;flex-flow:row wrap;gap:var(--webchat-spacingHorizontalS)}.webchat-fluent .r .webchat__link-definitions .webchat__link-definitions__list-item{border-radius:var(--webchat-borderRadiusMedium);max-width:var(--webchat__citation__link--max-width)}.webchat-fluent .r .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 .r .webchat__link-definitions .webchat__link-definitions__list-item-body{font-family:inherit;gap:var(--webchat-spacingHorizontalSNudge);min-width:0;padding:0}.webchat-fluent .r .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 .r .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 .r .webchat__link-definitions .webchat__link-definitions__list-item-main-text{gap:var(--webchat-spacingHorizontalXS)}.webchat-fluent .r .webchat__link-definitions .webchat__link-definitions__list-item-text{color:currentColor;text-decoration:none;text-overflow:ellipsis}.webchat-fluent .r .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 .r .webchat__link-definitions .webchat__link-definitions__open-in-new-window-icon{display:none}.webchat-fluent .f{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 .k{aspect-ratio:1;background-color:var(--background-color);border-radius:var(--webchat-borderRadiusSmall);width:20px}.webchat-fluent .F{font-size:var(--webchat-fontSizeBase300);font-weight:var(--webchat-fontWeightSemibold);line-height:var(--webchat-lineHeightBase300);max-width:240px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.webchat-fluent .x{align-items:center;background-color:var(--webchat-colorNeutralBackground5);border-radius:var(--webchat-borderRadiusMedium);color:var(--webchat-colorNeutralForeground3);display:flex;font-size:var(--webchat-fontSizeBase100);height:20px;line-height:var(--webchat-lineHeightBase100);padding-inline:4px}.webchat-fluent .B{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 .e{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 .y{opacity:60%}.webchat-fluent .e 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 .e img{border-radius:4px;height:64px}.webchat-fluent .N{grid-area:toolbar}.webchat-fluent .S{-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 .S:has(.t){grid-template-areas:\"image title\" \"image subtitle\";grid-template-columns:20px 1fr}.webchat-fluent .S:disabled{cursor:default}.webchat-fluent .S:disabled:not(:empty){background-color:var(--webchat-colorNeutralBackgroundDisabled)}.webchat-fluent .S:hover:not(:disabled){background-color:var(--webchat-colorNeutralBackground1Hover)}.webchat-fluent .S:active:not(:disabled){background-color:var(--webchat-colorNeutralBackground1Pressed)}.webchat-fluent .S:focus-visible{outline:solid 2px var(--webchat-colorStrokeFocus2);outline-offset:-2px}.webchat-fluent .S:empty:before{content:\"\";display:block;width:66%;height:18px;background-color:var(--webchat-colorNeutralBackground6);border-radius:18px;opacity:1}.webchat-fluent .S:empty:after{content:\"\";display:block;width:100%;height:16px;background-color:var(--webchat-colorNeutralBackground6);border-radius:16px;opacity:.8}.webchat-fluent .t{grid-area:image;height:20px;width:20px}.webchat-fluent .z{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightRegular);grid-area:subtitle;line-height:20px;pointer-events:none}.webchat-fluent .H{font-family:var(--webchat-fontFamilyBase);font-size:14px;font-weight:var(--webchat-fontWeightSemibold);grid-area:title;line-height:20px}.webchat-fluent .L{container-name:c;container-type:inline-size}.webchat-fluent .l{display:grid;gap:var(--webchat-spacingHorizontalM);grid-template-columns:1fr 1fr 1fr;padding:0}@container c (width <= 480px){.webchat-fluent .l{grid-template-columns:1fr}}.webchat-fluent .X{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 .W{background-color:#e00;color:#fff}.webchat-fluent .M{height:36px;pointer-events:none;width:36px}.webchat-fluent .V{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 .V:not([aria-disabled=true]):hover{background-color:var(--webchat-colorBrandBackground2Hover);color:var(--webchat-colorBrandForeground2Hover)}}.webchat-fluent .V:not([aria-disabled=true]):active{background-color:var(--webchat-colorBrandBackground2Pressed);color:var(--webchat-colorBrandForeground2Pressed)}.webchat-fluent .V[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .R{font-size:12px;height:1em;width:1em}.webchat-fluent .P{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:column;gap:8px}.webchat-fluent .P:not(:empty){padding-block-end:8px;padding-inline-start:4px}.webchat-fluent .P.T{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.webchat-fluent .P.D{flex-direction:column}.webchat-fluent .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 .b{color:var(--webchat-colorGray190);font-size:10px}.webchat-fluent .n{font-size:24px;margin-top:8px}.webchat-fluent .C .i{height:32px;justify-content:center;margin:8px 4px;width:32px}.webchat-fluent .C .b{display:none}.webchat-fluent .C .n{font-size:20px;margin-top:0}.webchat-fluent .G{align-items:center;background:var(--webchat-colorNeutralBackground1);border:none;border-radius:var(--webchat-borderRadiusXLarge);display:flex;flex-direction:column;font-family:var(--webchat-fontFamilyBase);justify-content:center}.webchat-fluent .U{box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);justify-items:center;padding:16px;width:100%}.webchat-fluent .j{align-items:center;color:var(--webchat-colorNeutralForeground4);display:flex;font-size:12px;gap:6px;margin-block-end:6px}.webchat-fluent .A{color:var(--webchat-colorBrandForegroundLink);text-decoration-color:transparent}.webchat-fluent .A:target{color:var(--webchat-colorBrandForegroundLinkSelected)}.webchat-fluent .A:hover{color:var(--webchat-colorBrandForegroundLinkHover);text-decoration:underline 1px currentColor}.webchat-fluent .A:active{color:var(--webchat-colorBrandForegroundLinkPressed)}.webchat-fluent .A:focus-visible{outline:none;text-decoration:underline 1px double var(--webchat-colorStrokeFocus2)}.webchat-fluent .I{display:flex;gap:4px;margin-inline-start:auto}.webchat-fluent .E{align-items:center;-webkit-appearance:none;appearance:none;aspect-ratio:1;background:transparent;border-radius:var(--webchat-borderRadiusSmall);border:none;color:currentColor;cursor:pointer;display:flex;justify-content:center;padding:3px;width:32px}.webchat-fluent .E>svg{font-size:20px;pointer-events:none}.webchat-fluent .E.q{color:var(--webchat-colorNeutralForeground2BrandSelected)}@media (hover: hover){.webchat-fluent .E:not([aria-disabled=true]):hover{color:var(--webchat-colorNeutralForeground2BrandHover)}}.webchat-fluent .E:not([aria-disabled=true]):active{color:var(--webchat-colorNeutralForeground2BrandPressed)}.webchat-fluent .E[aria-disabled=true]{color:var(--webchat-colorNeutralForegroundDisabled);cursor:not-allowed}.webchat-fluent .J{align-self:center;border-inline-end:1px solid var(--webchat-colorNeutralStroke2);height:28px}.webchat-fluent .J:is(:first-child,:last-child,:only-child){display:none}.webchat-fluent .K{display:grid}.webchat-fluent .O{font-size:0;height:0;opacity:0;width:1px}.webchat-fluent .Q{border-radius:var(--webchat-borderRadiusLarge);border:1px solid var(--webchat-colorNeutralStroke1);cursor:default;padding:6px 8px;width:fit-content}.webchat-fluent .Y{color:transparent;font-size:0;height:0;left:0;position:absolute;top:0;width:0}.webchat-fluent .Z{--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 .aa{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 .aa:has(.d){--webchat-sendbox-attachment-area-active: \"attachment\" }.webchat-fluent .aa:focus-within{border-color:var(--webchat-colorNeutralStroke1Selected)}.webchat-fluent .aa: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 .aa: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 .aa>.ra{grid-area:text-area}.webchat-fluent .aa>.d{grid-area:attachment}.webchat-fluent .aa>.ea{grid-area:controls}.webchat-fluent .aa>.oa{grid-area:telephone-keypad}.webchat-fluent .ta{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 .ta:focus-within{font-size:16px}}.webchat-fluent .ca{align-items:center;display:flex;padding-inline-start:4px}.webchat-fluent .la{color:var(--webchat-colorNeutralForeground4);cursor:default;font-family:var(--webchat-fontFamilyNumeric);font-size:10px;line-height:14px;margin-inline-end:4px}.webchat-fluent .ia{color:var(--webchat-colorStatusDangerForeground1)}.webchat-fluent .ba{display:grid;grid-template-areas:\"main\";max-height:200px;overflow:hidden}.webchat-fluent .na{height:0;visibility:collapse}.webchat-fluent .da{border:none;font:inherit;grid-area:main;outline:inherit;overflow-wrap:anywhere;resize:inherit;scrollbar-gutter:stable}.webchat-fluent .ha{overflow:hidden;visibility:hidden;white-space:pre-wrap}.webchat-fluent .wa{background-color:inherit;color:currentColor;height:100%;padding:0}.webchat-fluent .sa{scrollbar-color:unset;scrollbar-width:unset;-moz-scrollbar-color:var(--webchat-colorNeutralBackground5) var(--webchat-colorNeutralForeground2);-moz-scrollbar-width:thin}.webchat-fluent .sa::-webkit-scrollbar{width:8px}.webchat-fluent .sa::-webkit-scrollbar-track{background-color:var(--webchat-colorNeutralBackground5);border-radius:16px}.webchat-fluent .sa::-webkit-scrollbar-thumb{background-color:var(--webchat-colorNeutralForeground2);border-radius:16px}.webchat-fluent .sa::-webkit-scrollbar-corner{background-color:var(--webchat-colorNeutralBackground5)}.webchat-fluent.a{display:contents;--webchat-colorNeutralForegroundDisabled: var(--colorNeutralForegroundDisabled, #bdbdbd);--webchat-colorNeutralForeground1: var(--colorNeutralForeground1, #242424);--webchat-colorNeutralForeground1Hover: var(--colorNeutralForeground1Hover, #242424);--webchat-colorNeutralForeground1Pressed: var(--colorNeutralForeground1Pressed, #242424);--webchat-colorNeutralForeground2: var(--colorNeutralForeground2, #424242);--webchat-colorNeutralForeground2BrandHover: var(--colorNeutralForeground2BrandHover, #02729c);--webchat-colorNeutralForeground2BrandPressed: var(--colorNeutralForeground2BrandPressed, #01678c);--webchat-colorNeutralForeground2BrandSelected: var(--colorNeutralForeground2BrandSelected, #067191);--webchat-colorNeutralForeground3: var(--colorNeutralForeground3, #616161);--webchat-colorNeutralForeground4: var(--colorNeutralForeground4, #707070);--webchat-colorNeutralForeground5: var(--colorNeutralForeground5, #7e7e7e);--webchat-colorNeutralBackgroundDisabled: var(--colorNeutralBackgroundDisabled, #f0f0f0);--webchat-colorNeutralBackground1: var(--colorNeutralBackground1, #ffffff);--webchat-colorNeutralBackground1Hover: var(--colorNeutralBackground1Hover, #f5f5f5);--webchat-colorNeutralBackground1Pressed: var(--colorNeutralBackground1Pressed, #e0e0e0);--webchat-colorNeutralBackground3: var(--colorNeutralBackground3, #f5f5f5);--webchat-colorNeutralBackground4: var(--colorNeutralBackground4, #f0f0f0);--webchat-colorNeutralBackground5: var(--colorNeutralBackground5, #ebebeb);--webchat-colorNeutralBackground6: var(--colorNeutralBackground6, #e6e6e6);--webchat-colorTransparentBackground: var(--colorTransparentBackground, rgba(0, 0, 0, .4));--webchat-colorNeutralStrokeDisabled: var(--colorNeutralStrokeDisabled, #e0e0e0);--webchat-colorNeutralStroke1: var(--colorNeutralStroke1, #d1d1d1);--webchat-colorNeutralStroke1Hover: var(--colorNeutralStroke1Hover, #c7c7c7);--webchat-colorNeutralStroke1Pressed: var(--colorNeutralStroke1Pressed, #b3b3b3);--webchat-colorNeutralStroke1Selected: var(--colorNeutralStroke1Selected, #bdbdbd);--webchat-colorNeutralStroke2: var(--colorNeutralStroke2, #e0e0e0);--webchat-colorStrokeFocus2: var(--colorStrokeFocus2, #000000);--webchat-colorBrandStroke2: var(--colorBrandStroke2, #9edcf7);--webchat-colorBrandStroke2Pressed: var(--colorBrandStroke2Pressed, #01384d);--webchat-colorTransparentStroke: var(--colorTransparentStroke, transparent);--webchat-colorBrandForeground1: var(--colorBrandForeground1, #01678c);--webchat-colorBrandForeground2Hover: var(--colorBrandForeground2Hover, #015a7a);--webchat-colorBrandForeground2Pressed: var(--colorBrandForeground2Pressed, #01384d);--webchat-colorBrandForegroundLink: var(--colorBrandForegroundLink, #01678c);--webchat-colorBrandForegroundLinkHover: var(--colorBrandForegroundLinkHover, #015a7a);--webchat-colorBrandForegroundLinkPressed: var(--colorBrandForegroundLinkPressed, #014259);--webchat-colorBrandForegroundLinkSelected: var(--colorBrandForegroundLinkSelected, #01678c);--webchat-colorBrandBackground2: var(--colorBrandBackground2, #def2fc);--webchat-colorBrandBackground2Hover: var(--colorBrandBackground2Hover, #bee7fa);--webchat-colorBrandBackground2Pressed: var(--colorBrandBackground2Pressed, #7fd2f5);--webchat-colorCompoundBrandForeground1Hover: var(--colorCompoundBrandForeground1Hover, #02729c);--webchat-colorStatusDangerForeground1: var(--colorStatusDangerForeground1, #b10e1c);--webchat-colorGray30: var(--colorGray30, #edebe9);--webchat-colorGray160: var(--colorGray160, #323130);--webchat-colorGray190: var(--colorGray190, #201f1e);--webchat-colorGray200: var(--colorGray200, #1b1a19);--webchat-shadow2: var(--shadow2, 0 0 2px rgba(0, 0, 0, 12%), 0 1px 2px rgba(0, 0, 0, 14%));--webchat-shadow4: var(--shadow4, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .14));--webchat-shadow16: var(--shadow16, 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108));--webchat-shadow64: var(--shadow64, 0 0 8px rgba(0, 0, 0, .12), 0 32px 64px rgba(0, 0, 0, .14));--webchat-spacingHorizontalNone: var(--spacingHorizontalNone, 0);--webchat-spacingHorizontalXXS: var(--spacingHorizontalXXS, 2px);--webchat-spacingHorizontalXS: var(--spacingHorizontalXS, 4px);--webchat-spacingHorizontalSNudge: var(--spacingHorizontalSNudge, 6px);--webchat-spacingHorizontalS: var(--spacingHorizontalS, 8px);--webchat-spacingHorizontalMNudge: var(--spacingHorizontalMNudge, 10px);--webchat-spacingHorizontalM: var(--spacingHorizontalM, 12px);--webchat-spacingHorizontalL: var(--spacingHorizontalL, 16px);--webchat-spacingHorizontalXL: var(--spacingHorizontalXL, 20px);--webchat-spacingHorizontalXXL: var(--spacingHorizontalXXL, 24px);--webchat-spacingHorizontalXXXL: var(--spacingHorizontalXXXL, 32px);--webchat-spacingVerticalNone: var(--spacingVerticalNone, 0);--webchat-spacingVerticalXXS: var(--spacingVerticalXXS, 2px);--webchat-spacingVerticalXS: var(--spacingVerticalXS, 4px);--webchat-spacingVerticalSNudge: var(--spacingVerticalSNudge, 6px);--webchat-spacingVerticalS: var(--spacingVerticalS, 8px);--webchat-spacingVerticalMNudge: var(--spacingVerticalMNudge, 10px);--webchat-spacingVerticalM: var(--spacingVerticalM, 12px);--webchat-spacingVerticalL: var(--spacingVerticalL, 16px);--webchat-spacingVerticalXL: var(--spacingVerticalXL, 20px);--webchat-spacingVerticalXXL: var(--spacingVerticalXXL, 24px);--webchat-spacingVerticalXXXL: var(--spacingVerticalXXXL, 32px);--webchat-fontFamilyBase: var(--fontFamilyBase, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif);--webchat-fontFamilyNumeric: var(--fontFamilyNumeric, Bahnschrift, \"Segoe UI\", \"Segoe UI Web (West European)\", -apple-system, BlinkMacSystemFont, Roboto, \"Helvetica Neue\", sans-serif);--webchat-fontWeightRegular: var(--fontWeightRegular, 400);--webchat-fontWeightSemibold: var(--fontWeightSemibold, 600);--webchat-fontSizeBase100: var(--fontSizeBase100, 10px);--webchat-fontSizeBase200: var(--fontSizeBase200, 12px);--webchat-fontSizeBase300: var(--fontSizeBase300, 14px);--webchat-fontSizeBase400: var(--fontSizeBase400, 16px);--webchat-fontSizeBase500: var(--fontSizeBase500, 20px);--webchat-fontSizeBase600: var(--fontSizeBase600, 24px);--webchat-fontSizeHero700: var(--fontSizeHero700, 28px);--webchat-fontSizeHero800: var(--fontSizeHero800, 32px);--webchat-fontSizeHero900: var(--fontSizeHero900, 40px);--webchat-lineHeightBase100: var(--lineHeightBase100, 14px);--webchat-lineHeightBase200: var(--lineHeightBase200, 16px);--webchat-lineHeightBase300: var(--lineHeightBase300, 20px);--webchat-lineHeightBase400: var(--lineHeightBase400, 22px);--webchat-lineHeightBase500: var(--lineHeightBase500, 28px);--webchat-lineHeightBase600: var(--lineHeightBase600, 32px);--webchat-lineHeightHero700: var(--lineHeightHero700, 36px);--webchat-lineHeightHero800: var(--lineHeightHero800, 40px);--webchat-lineHeightHero900: var(--lineHeightHero900, 52px);--webchat-lineHeightHero1000: var(--lineHeightHero1000, 92px);--webchat-borderRadiusSmall: var(--borderRadiusSmall, 2px);--webchat-borderRadiusMedium: var(--borderRadiusMedium, 4px);--webchat-borderRadiusLarge: var(--borderRadiusLarge, 6px);--webchat-borderRadiusXLarge: var(--borderRadiusXLarge, 8px);--webchat-strokeWidthThin: var(--strokeWidthThin, 1px);--webchat-strokeWidthThick: var(--strokeWidthThicker, 2px);--webchat-strokeWidthThicker: var(--strokeWidthThicker, 3px);--webchat-durationUltraFast: var(--durationUltraFast, 0);--webchat-durationNormal: var(--durationNormal, .2s);--webchat-durationUltraSlow: var(--durationUltraSlow, .5s);--webchat-curveAccelerateMid: var(--curveAccelerateMid, cubic-bezier(1,0,1,1));--webchat-curveDecelerateMid: var(--curveDecelerateMid, cubic-bezier(0,0,0,1))}@media (prefers-reduced-motion){.webchat-fluent.a{--webchat-durationUltraFast: .01ms;--webchat-durationNormal: .01ms}}.webchat-fluent.a .webchat__css-custom-properties{--webchat__color--accent: var(--webchat-colorBrandForeground1);--webchat__color--subtle: var(--webchat-colorNeutralForeground2);--webchat__color--timestamp: var(--webchat-colorNeutralForeground3);--webchat__font--primary: var(--webchat-fontFamilyBase);--webchat__font-size--small: var(--webchat-fontSizeBase200);--webchat__font-size--medium: var(--webchat-fontSizeBase300);--webchat__line-height--small: var(--webchat-lineHeightBase200);--webchat__line-height--medium: var(--webchat-lineHeightBase300);--webchat__max-width--bubble: var(--webchat-bubble-maxWidth);--webchat__min-height--bubble: var(--webchat-bubble-minHeight);--webchat__padding--regular: var(--webchat-spacingVerticalS);--webchat__padding--sendbox: var(--webchat-spacingVerticalNone) var(--webchat-spacingHorizontalMNudge) var(--webchat-spacingHorizontalMNudge);--webchat__border-animation--color-1: #464FEB;--webchat__border-animation--color-2: #47CFFA;--webchat__border-animation--color-3: #B47CF8}.webchat-fluent.a.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)}@property --webchat-decorator-borderFlair-animated-angle{inherits: true; initial-value: 0; syntax: \"<number>\";}@property --webchat-decorator-borderFlair-animated-color1{inherits: true; initial-value: transparent; syntax: \"<color>\";}@property --webchat-decorator-borderFlair-animated-color2{inherits: true; initial-value: transparent; syntax: \"<color>\";}@property --webchat-decorator-borderFlair-animated-color3{inherits: true; initial-value: transparent; syntax: \"<color>\";}@keyframes h{0%{--webchat-decorator-borderFlair-animated-angle: .75}to{--webchat-decorator-borderFlair-animated-angle: 2.75}}@keyframes w{0%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}33%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}83%{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1)}to{--webchat-decorator-borderFlair-animated-color1: var(--webchat-decorator-borderFlair-color1Fade)}}@keyframes s{0%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}33%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}83%{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2)}to{--webchat-decorator-borderFlair-animated-color2: var(--webchat-decorator-borderFlair-color2Fade)}}@keyframes u{0%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}33%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}83%{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3)}to{--webchat-decorator-borderFlair-animated-color3: var(--webchat-decorator-borderFlair-color3Fade)}}.webchat-fluent .g{--webchat-decorator-borderFlair-color1: var(--webchat-borderFlair-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderFlair-color2: var(--webchat-borderFlair-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderFlair-color3: var(--webchat-borderFlair-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderFlair-color1Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-color2Fade: var(--webchat-borderFlair-color2Fade, transparent);--webchat-decorator-borderFlair-color3Fade: var(--webchat-borderFlair-color1Fade, transparent);--webchat-decorator-borderFlair-borderSize: var(--webchat-borderFlair-borderSize, 2px);--webchat-decorator-borderFlair-backgroundSize: calc(100% + (2 * var(--webchat-decorator-borderFlair-borderSize)));--webchat-decorator-borderFlair-borderGradient: linear-gradient(calc(var(--webchat-decorator-borderFlair-animated-angle) * 180deg + 45deg), var(--webchat-decorator-borderFlair-animated-color1), var(--webchat-decorator-borderFlair-animated-color2), var(--webchat-decorator-borderFlair-animated-color3));--webchat-decorator-borderFlair-borderMask: linear-gradient(hsl(0 0% 100% / 0), hsl(0 0% 100% / 0)) padding-box, linear-gradient(hsl(0 0% 100%), hsl(0 0% 100%)) border-box;animation:h 2s linear 0ms forwards,w 1.2s linear 0ms forwards,s 1.2s linear .2s forwards,u 1.2s linear .4s forwards;background:var(--webchat-decorator-borderFlair-borderGradient) center center / var(--webchat-decorator-borderFlair-backgroundSize) var(--webchat-decorator-borderFlair-backgroundSize);border:var(--webchat-decorator-borderFlair-borderSize) solid transparent;border-radius:inherit;inset:0;isolation:isolate;-webkit-mask:var(--webchat-decorator-borderFlair-borderMask);-webkit-mask-composite:clear;mask:var(--webchat-decorator-borderFlair-borderMask);mask-composite:intersect;pointer-events:none;position:absolute}@supports (-moz-appearance: none){@keyframes p{0%{--webchat-decorator-borderFlair-animated: 0}1%{--webchat-decorator-borderFlair-animated: .01}2%{--webchat-decorator-borderFlair-animated: .02}3%{--webchat-decorator-borderFlair-animated: .03}4%{--webchat-decorator-borderFlair-animated: .04}5%{--webchat-decorator-borderFlair-animated: .05}6%{--webchat-decorator-borderFlair-animated: .06}7%{--webchat-decorator-borderFlair-animated: .07}8%{--webchat-decorator-borderFlair-animated: .08}9%{--webchat-decorator-borderFlair-animated: .09}10%{--webchat-decorator-borderFlair-animated: .1}11%{--webchat-decorator-borderFlair-animated: .11}12%{--webchat-decorator-borderFlair-animated: .12}13%{--webchat-decorator-borderFlair-animated: .13}14%{--webchat-decorator-borderFlair-animated: .14}15%{--webchat-decorator-borderFlair-animated: .15}16%{--webchat-decorator-borderFlair-animated: .16}17%{--webchat-decorator-borderFlair-animated: .17}18%{--webchat-decorator-borderFlair-animated: .18}19%{--webchat-decorator-borderFlair-animated: .19}20%{--webchat-decorator-borderFlair-animated: .2}21%{--webchat-decorator-borderFlair-animated: .21}22%{--webchat-decorator-borderFlair-animated: .22}23%{--webchat-decorator-borderFlair-animated: .23}24%{--webchat-decorator-borderFlair-animated: .24}25%{--webchat-decorator-borderFlair-animated: .25}26%{--webchat-decorator-borderFlair-animated: .26}27%{--webchat-decorator-borderFlair-animated: .27}28%{--webchat-decorator-borderFlair-animated: .28}29%{--webchat-decorator-borderFlair-animated: .29}30%{--webchat-decorator-borderFlair-animated: .3}31%{--webchat-decorator-borderFlair-animated: .31}32%{--webchat-decorator-borderFlair-animated: .32}33%{--webchat-decorator-borderFlair-animated: .33}34%{--webchat-decorator-borderFlair-animated: .34}35%{--webchat-decorator-borderFlair-animated: .35}36%{--webchat-decorator-borderFlair-animated: .36}37%{--webchat-decorator-borderFlair-animated: .37}38%{--webchat-decorator-borderFlair-animated: .38}39%{--webchat-decorator-borderFlair-animated: .39}40%{--webchat-decorator-borderFlair-animated: .4}41%{--webchat-decorator-borderFlair-animated: .41}42%{--webchat-decorator-borderFlair-animated: .42}43%{--webchat-decorator-borderFlair-animated: .43}44%{--webchat-decorator-borderFlair-animated: .44}45%{--webchat-decorator-borderFlair-animated: .45}46%{--webchat-decorator-borderFlair-animated: .46}47%{--webchat-decorator-borderFlair-animated: .47}48%{--webchat-decorator-borderFlair-animated: .48}49%{--webchat-decorator-borderFlair-animated: .49}50%{--webchat-decorator-borderFlair-animated: .5}51%{--webchat-decorator-borderFlair-animated: .51}52%{--webchat-decorator-borderFlair-animated: .52}53%{--webchat-decorator-borderFlair-animated: .53}54%{--webchat-decorator-borderFlair-animated: .54}55%{--webchat-decorator-borderFlair-animated: .55}56%{--webchat-decorator-borderFlair-animated: .56}57%{--webchat-decorator-borderFlair-animated: .57}58%{--webchat-decorator-borderFlair-animated: .58}59%{--webchat-decorator-borderFlair-animated: .59}60%{--webchat-decorator-borderFlair-animated: .6}61%{--webchat-decorator-borderFlair-animated: .61}62%{--webchat-decorator-borderFlair-animated: .62}63%{--webchat-decorator-borderFlair-animated: .63}64%{--webchat-decorator-borderFlair-animated: .64}65%{--webchat-decorator-borderFlair-animated: .65}66%{--webchat-decorator-borderFlair-animated: .66}67%{--webchat-decorator-borderFlair-animated: .67}68%{--webchat-decorator-borderFlair-animated: .68}69%{--webchat-decorator-borderFlair-animated: .69}70%{--webchat-decorator-borderFlair-animated: .7}71%{--webchat-decorator-borderFlair-animated: .71}72%{--webchat-decorator-borderFlair-animated: .72}73%{--webchat-decorator-borderFlair-animated: .73}74%{--webchat-decorator-borderFlair-animated: .74}75%{--webchat-decorator-borderFlair-animated: .75}76%{--webchat-decorator-borderFlair-animated: .76}77%{--webchat-decorator-borderFlair-animated: .77}78%{--webchat-decorator-borderFlair-animated: .78}79%{--webchat-decorator-borderFlair-animated: .79}80%{--webchat-decorator-borderFlair-animated: .8}81%{--webchat-decorator-borderFlair-animated: .81}82%{--webchat-decorator-borderFlair-animated: .82}83%{--webchat-decorator-borderFlair-animated: .83}84%{--webchat-decorator-borderFlair-animated: .84}85%{--webchat-decorator-borderFlair-animated: .85}86%{--webchat-decorator-borderFlair-animated: .86}87%{--webchat-decorator-borderFlair-animated: .87}88%{--webchat-decorator-borderFlair-animated: .88}89%{--webchat-decorator-borderFlair-animated: .89}90%{--webchat-decorator-borderFlair-animated: .9}91%{--webchat-decorator-borderFlair-animated: .91}92%{--webchat-decorator-borderFlair-animated: .92}93%{--webchat-decorator-borderFlair-animated: .93}94%{--webchat-decorator-borderFlair-animated: .94}95%{--webchat-decorator-borderFlair-animated: .95}96%{--webchat-decorator-borderFlair-animated: .96}97%{--webchat-decorator-borderFlair-animated: .97}98%{--webchat-decorator-borderFlair-animated: .98}99%{--webchat-decorator-borderFlair-animated: .99}to{--webchat-decorator-borderFlair-animated: 1}}.webchat-fluent .g{--webchat-decorator-borderFlair-animated-angle: calc(.75 + 2 * var(--webchat-decorator-borderFlair-animated));--webchat-decorator-borderFlair-animated-color1: color-mix(in srgb, var(--webchat-decorator-borderFlair-color1) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.5))*100%) , var(--webchat-decorator-borderFlair-color1Fade));--webchat-decorator-borderFlair-animated-color2: color-mix(in srgb, var(--webchat-decorator-borderFlair-color2) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 1.75))*100%) , var(--webchat-decorator-borderFlair-color2Fade));--webchat-decorator-borderFlair-animated-color3: color-mix(in srgb, var(--webchat-decorator-borderFlair-color3) calc((1 - abs(var(--webchat-decorator-borderFlair-animated) * 3 - 2))*100%) , var(--webchat-decorator-borderFlair-color3Fade));animation:p 2s linear forwards}}@keyframes v{0%{left:-33%;width:33%}to{left:100%;width:33%}}.webchat-fluent .ua{border-radius:inherit}.webchat-fluent .ga{--webchat-decorator-borderLoader-borderSize: var(--webchat-borderLoader-borderSize, 4px);background-color:var(--webchat-colorNeutralBackground6);height:var(--webchat-decorator-borderLoader-borderSize);position:relative;width:100%}.webchat-fluent .pa{--webchat-decorator-borderLoader-color1: var(--webchat-borderLoader-color1, var(--webchat__border-animation--color-1));--webchat-decorator-borderLoader-color2: var(--webchat-borderLoader-color2, var(--webchat__border-animation--color-2));--webchat-decorator-borderLoader-color3: var(--webchat-borderLoader-color3, var(--webchat__border-animation--color-3));--webchat-decorator-borderLoader-color1Fade: var(--webchat-borderLoader-color1Fade, transparent);--webchat-decorator-borderLoader-color3Fade: var(--webchat-borderLoader-color1Fade, transparent);animation:v 3s linear infinite;background:linear-gradient(90deg,var(--webchat-decorator-borderLoader-color1Fade) 0%,var(--webchat-decorator-borderLoader-color1) 35%,var(--webchat-decorator-borderLoader-color2) 70%,var(--webchat-decorator-borderLoader-color3) 92%,var(--webchat-decorator-borderLoader-color3Fade)) no-repeat;height:var(--webchat-decorator-borderLoader-borderSize);inset:0;isolation:isolate;position:absolute;width:100%}\n/*! For license information please see botframework-webchat-fluent-theme.css.LEGAL.txt */\n";function pe(){if(globalThis.document){let e=document.createElement("style");e.append(document.createTextNode($a)),document.head.appendChild(e)}}var ot=require("react");function Ya(e){return(0,ot.useMemo)(()=>Object.freeze(Object.fromEntries(Object.entries(e).map(([t,a])=>[t,`${t} ${a}`]))),[e])}var c=Ya;var nt=require("react");function $(e){let t=c(e),a=re();return(0,nt.useMemo)(()=>a.map(r=>t[`variant-${r}`]).filter(r=>r).join(" "),[t,a])}var Ce={"activity-decorator":"r","variant-fluent":"_","variant-copilot":"m"};var ct=require("botframework-webchat-component"),H=i(require("react"));var it={"copilot-message-header":"f","copilot-message-header__avatar":"k","copilot-message-header__title":"F","copilot-message-header__ai-generated-content":"x"};var{useStyleOptions:Qa,useLocalizer:er}=ct.hooks;function tr({activity:e}){let[{botAvatarImage:t,botAvatarBackgroundColor:a}]=Qa(),r=c(it),o=er(),d=(0,H.useMemo)(()=>!!e,[e]),l=e?.from?.name,n=(0,H.useMemo)(()=>({"--background-color":a}),[a]);return H.default.createElement("div",{className:r["copilot-message-header"]},H.default.createElement("img",{alt:o("AVATAR_ALT",l),className:r["copilot-message-header__avatar"],src:t,style:n}),H.default.createElement("span",{className:r["copilot-message-header__title"],title:l},l),d&&H.default.createElement("span",{className:r["copilot-message-header__ai-generated-content"]},o("ACTIVITY_CONTENT_CAUTION")))}var lt=(0,H.memo)(tr);function st({activity:e,children:t}){let a=c(Ce),r=re(),o=$(Ce),d=r.includes("copilot")&&e?.from?.role!=="user"&&!!t;return oe.default.createElement("div",{className:(0,dt.default)(a["activity-decorator"],o)},d&&oe.default.createElement(lt,{activity:e}),t)}st.displayName="ActivityDecorator";var He=(0,oe.memo)(st);var bt=require("botframework-webchat-core");function Y(e){return!!(e&&(0,bt.getOrgSchemaMessage)(e?.entities||[])?.keywords?.includes("PreChatMessage"))}var xt=require("botframework-webchat-component"),yt=i(require("classnames")),kt=require("botframework-webchat-core"),x=i(require("react"));var ut={"pre-chat-message-activity":"B","pre-chat-message-activity__body":"e","pre-chat-message-activity__body--placeholder":"y","pre-chat-message-activity__toolbar":"N"};var ft=i(require("classnames")),q=i(require("react"));var ge=require("botframework-webchat-component"),mt=i(require("classnames")),F=i(require("react")),pt=require("use-ref-from");var rr={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"},p=rr;var ht={"pre-chat-message-activity__card-action-box":"S","pre-chat-message-activity__card-action-image":"t","pre-chat-message-activity__card-action-subtitle":"z","pre-chat-message-activity__card-action-title":"H"};var{useFocus:nr,useRenderMarkdownAsHTML:ir,useSendBoxValue:cr}=ge.hooks,{MonochromeImageMasker:lr}=ge.Components,gt=({className:e,messageBackAction:t})=>{let[a,r]=cr(),o=c(ht),d=nr(),l=(0,pt.useRefFrom)(t?.displayText||t?.text||""),n=ir("message activity"),m=(0,F.useMemo)(()=>n?{__html:n(t?.text||"")}:{__html:""},[t?.text,n]),g=(0,F.useCallback)(()=>{r(l.current),d("sendBox")},[d,l,r]);return F.default.createElement("button",{className:(0,mt.default)(e,o["pre-chat-message-activity__card-action-box"]),"data-testid":p.preChatMessageActivityStarterPromptsCardAction,disabled:!t,onClick:g,type:"button"},t&&F.default.createElement(F.default.Fragment,null,F.default.createElement("div",{className:o["pre-chat-message-activity__card-action-title"]},"title"in t&&t.title),"image"in t&&t.image&&F.default.createElement(lr,{className:o["pre-chat-message-activity__card-action-image"],src:t.image}),F.default.createElement("div",{className:o["pre-chat-message-activity__card-action-subtitle"],dangerouslySetInnerHTML:m})))};gt.displayName="StarterPromptsCardAction";var J=(0,F.memo)(gt);var wt={"pre-chat-message-activity__card-action-toolbar":"L","webchat-container":"c","pre-chat-message-activity__card-action-toolbar-grid":"l"};var vt=({cardActions:e,children:t,className:a})=>{let r=c(wt);return q.default.createElement("div",{className:(0,ft.default)(a,r["pre-chat-message-activity__card-action-toolbar"])},q.default.createElement("div",{className:r["pre-chat-message-activity__card-action-toolbar-grid"]},t||e.filter(o=>o.type==="messageBack").map(o=>q.default.createElement(J,{key:o.text,messageBackAction:o}))))};vt.displayName="StarterPrompts";var _t=(0,q.memo)(vt);var{useRenderMarkdownAsHTML:sr}=xt.hooks,Ft=({activity:e})=>{let t=c(ut),a=sr(),r=(0,x.useMemo)(()=>a?{__html:a(e.text||"")}:{__html:""},[e.text,a]),o=(0,kt.getOrgSchemaMessage)(e?.entities||[]),d=o?.keywords?.includes("PreChatMessage")&&o.creativeWorkStatus==="Placeholder";return x.default.createElement("div",{className:t["pre-chat-message-activity"]},x.default.createElement("div",{className:(0,yt.default)(t["pre-chat-message-activity__body"],d&&t["pre-chat-message-activity__body--placeholder"]),dangerouslySetInnerHTML:r}),x.default.createElement(_t,{cardActions:e.suggestedActions?.actions||[],className:t["pre-chat-message-activity__toolbar"]},d&&x.default.createElement(x.Fragment,null,x.default.createElement(J,null),x.default.createElement(J,null),x.default.createElement(J,null))))};Ft.displayName="PreChatMessageActivity";var Me=(0,x.memo)(Ft);var ka=require("botframework-webchat-component"),Q=i(require("classnames")),h=i(require("react")),$e=require("use-ref-from");var ne=i(require("react"));function br(e){return ne.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ne.default.createElement("path",{d:"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 Le=(0,ne.memo)(br);var ie=i(require("react"));function ur(e){return ie.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ie.default.createElement("path",{d:"m4.83 10.48 5.65-5.65a3 3 0 0 1 4.25 4.24L8 15.8a1.5 1.5 0 0 1-2.12-2.12l6-6.01a.5.5 0 1 0-.7-.71l-6 6.01a2.5 2.5 0 0 0 3.53 3.54l6.71-6.72a4 4 0 1 0-5.65-5.66L4.12 9.78a.5.5 0 0 0 .7.7Z",fill:"currentColor"}))}var Ae=(0,ie.memo)(ur);var ce=i(require("react"));function hr(e){return ce.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 16 16",width:"1em",xmlns:"http://www.w3.org/2000/svg"},ce.default.createElement("path",{d:"M8.5 7.5a.5.5 0 1 0-1 0v3a.5.5 0 0 0 1 0v-3Zm.25-2a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1ZM2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z",fill:"currentColor"}))}var ze=(0,ce.memo)(hr);var le=i(require("react"));function mr(e){return le.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},le.default.createElement("path",{d:"M2.18 2.11a.5.5 0 0 1 .54-.06l15 7.5a.5.5 0 0 1 0 .9l-15 7.5a.5.5 0 0 1-.7-.58L3.98 10 2.02 2.63a.5.5 0 0 1 .16-.52Zm2.7 8.39-1.61 6.06L16.38 10 3.27 3.44 4.88 9.5h6.62a.5.5 0 1 1 0 1H4.88Z",fill:"currentColor"}))}var Ee=(0,le.memo)(mr);var de=i(require("react"));function pr(e){return de.default.createElement("svg",{"aria-hidden":"true",className:e.className,height:"1em",viewBox:"0 0 20 20",width:"1em",xmlns:"http://www.w3.org/2000/svg"},de.default.createElement("path",{d:"M6 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Zm0 4a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM7.25 12a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM10 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM11.25 16a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 5.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM15.25 8a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM14 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z",fill:"currentColor"}))}var Pe=(0,de.memo)(pr);var Tt=require("botframework-webchat-component"),Bt=i(require("classnames")),N=i(require("react")),Ct=require("use-ref-from");var Nt={"sendbox__attachment-drop-zone":"X","sendbox__attachment-drop-zone--droppable":"W","sendbox__attachment-drop-zone-icon":"M"};var{useLocalizer:wr}=Tt.hooks,fr=e=>{e.preventDefault()},St=e=>!!e.dataTransfer?.types?.some(t=>t.toLowerCase()==="files");function vr(e,t){let a=e.parentNode;for(;a;){if(a===t)return!0;a=a.parentNode}return!1}var Ht=e=>{let[t,a]=(0,N.useState)(!1),r=c(Nt),o=(0,N.useRef)(null),d=wr(),l=(0,Ct.useRefFrom)(e.onFilesAdded);(0,N.useEffect)(()=>{let m=0,g=b=>{m++,St(b)&&a(o.current&&(b.target===o.current||b.target instanceof HTMLElement&&vr(b.target,o.current))?"droppable":"visible")},u=()=>--m<=0&&a(!1);return document.addEventListener("dragenter",g,!1),document.addEventListener("dragleave",u,!1),()=>{document.removeEventListener("dragenter",g),document.removeEventListener("dragleave",u)}},[a]);let n=(0,N.useCallback)(m=>{m.preventDefault(),a(!1),St(m.nativeEvent)&&l.current([...m.dataTransfer.files])},[l,a]);return t?N.default.createElement("div",{className:(0,Bt.default)(r["sendbox__attachment-drop-zone"],{[r["sendbox__attachment-drop-zone--droppable"]]:t==="droppable"}),"data-testid":p.sendBoxDropZone,onDragOver:fr,onDrop:n,ref:o},N.default.createElement(Le,{className:r["sendbox__attachment-drop-zone-icon"]}),d("TEXT_INPUT_DROP_ZONE")):null};Ht.displayName="DropZone";var De=(0,N.memo)(Ht);var Rt=require("botframework-webchat-component"),Kt=i(require("classnames")),M=i(require("react"));function Ie(e){let{title:t}=e,{type:a,value:r}=e;return a==="messageBack"?t||e.displayText:t||(typeof r=="string"?r:JSON.stringify(r))}var f=i(require("react")),Mt=(0,f.createContext)({itemEffector:()=>{throw new Error("botframework-webchat-fluent-theme rovingFocus: no provider for RovingFocusContext.")}});function _r(e){let t=(0,f.useRef)(0),a=(0,f.useRef)([]),r=(0,f.useCallback)(({current:u},b)=>u&&(u.tabIndex=t.current===b?0:-1),[t]),o=(0,f.useCallback)(u=>{let b;typeof u=="number"?b=u:b=u(t.current),b&&!a.current.at(b)?.current&&(b=0),t.current!==b&&(t.current=b,a.current.forEach((w,v)=>r(w,v)),a.current.at(b)?.current?.focus())},[r,a,t]),d=(0,f.useCallback)(u=>{let{target:b}=u,w=a.current.findIndex(({current:v})=>v===b);w!==-1&&o(w)},[a,o]),l=(0,f.useCallback)(u=>b=>{let w=!e.direction,v=/up|down/iu.test(u)&&e.direction==="vertical",_=/left|right/iu.test(u)&&e.direction==="horizontal",y=/right|down/iu.test(u),B=w||v||_?y?1:-1:0,C=a.current.map((V,Z)=>Z),E=C.indexOf(b)+B;return C.at(E)??0},[e.direction]),n=(0,f.useCallback)(u=>{let{key:b}=u;switch(b){case"Up":case"ArrowUp":case"Left":case"ArrowLeft":case"Down":case"ArrowDown":case"Right":case"ArrowRight":o(l(b));break;case"Home":o(0);break;case"End":o(-1);break;case"Escape":e.onEscapeKey?.();break;default:return}u.preventDefault(),u.stopPropagation()},[o,l,e]),m=(0,f.useCallback)((u,b)=>{let{current:w}=u;return a.current[Number(b)]=u,w.addEventListener("focus",d),w.addEventListener("keydown",n),r(u,b),()=>{w.removeEventListener("focus",d),w.removeEventListener("keydown",n),delete a.current[Number(b)]}},[d,n,r,a]),g=(0,f.useMemo)(()=>({itemEffector:m}),[m]);return f.default.createElement(Mt.Provider,{value:g},e.children)}function Lt(e){let t=(0,f.useRef)(null),{itemEffector:a}=(0,f.useContext)(Mt);return(0,f.useEffect)(()=>a(t,e)),t}var At=(0,f.memo)(_r);var Pt=require("botframework-webchat-component"),Dt=i(require("classnames")),D=i(require("react"));var zt={"suggested-action":"V","suggested-action__image":"R"};var P=i(require("react")),yr=e=>e.preventDefault(),kr=(0,P.forwardRef)(({"aria-hidden":e,children:t,disabled:a,onClick:r,tabIndex:o,...d},l)=>{let n=(0,P.useRef)(null);return P.default.createElement("button",{"aria-disabled":a?"true":"false","aria-hidden":e,onClick:a?yr:r,ref:l||n,tabIndex:o,...a&&{"aria-disabled":"true",tabIndex:-1},...d,type:"button"},t)}),Et=(0,P.memo)(kr);var{useDisabled:Fr,useFocus:Nr,usePerformCardAction:Sr,useScrollToEnd:Tr,useStyleSet:Br,useSuggestedActions:Cr}=Pt.hooks;function Hr({buttonText:e,className:t,displayText:a,image:r,imageAlt:o,itemIndex:d,text:l,type:n,value:m}){let[g,u]=Cr(),[{suggestedAction:b}]=Br(),[w]=Fr(),v=Nr(),_=Lt(d),y=Sr(),B=c(zt),C=Tr(),E=(0,D.useCallback)(({target:V})=>{(async function(){await v("sendBoxWithoutKeyboard"),y({displayText:a,text:l,type:n,value:m},{target:V}),n==="openUrl"&&u([]),C()})()},[a,v,y,C,u,l,n,m]);return D.default.createElement(Et,{className:(0,Dt.default)(B["suggested-action"],b+"",(t||"")+""),disabled:w,onClick:E,ref:_,type:"button"},r&&D.default.createElement("img",{alt:o,className:B["suggested-action__image"],src:r}),D.default.createElement("span",null,e))}var It=(0,D.memo)(Hr);var Re={"suggested-actions":"P","suggested-actions--flow":"T","suggested-actions--stacked":"D"};var{useFocus:Lr,useLocalizer:Ar,useStyleOptions:zr,useStyleSet:Er,useSuggestedActions:Pr}=Rt.hooks;function Dr(e){let[{suggestedActionLayout:t}]=zr(),[{suggestedActions:a}]=Er(),r=c(Re);return M.default.createElement("div",{"aria-label":e["aria-label"],"aria-orientation":"vertical",className:(0,Kt.default)(r["suggested-actions"],a+"",{[r["suggested-actions--flow"]]:t==="flow",[r["suggested-actions--stacked"]]:t!=="flow"},e.className),role:"toolbar"},!!e.children&&!!M.default.Children.count(e.children)&&e.children)}function Ir(){let e=c(Re),t=Ar(),[a,r,{activity:o}]=Pr(),d=Lr(),l=(0,M.useCallback)(()=>{d("sendBox")},[d]),n=Y(o)?[]:a.map((m,g)=>{let{displayText:u,image:b,imageAltText:w,text:v,type:_,value:y}=m;return a?.length?M.default.createElement(It,{buttonText:Ie(m),displayText:u,image:b,imageAlt:b&&(w||v),itemIndex:g,key:g,text:v,type:_,value:y}):null});return M.default.createElement(At,{onEscapeKey:l},M.default.createElement(Dr,{"aria-label":t("SUGGESTED_ACTIONS_LABEL_ALT"),className:e["suggested-actions"]},n))}var Ke=(0,M.memo)(Ir);var I=i(require("react"));var Vt=require("react"),Xt=(0,Vt.createContext)(new Proxy({},{get(){throw new Error("botframework-webchat: This hook can only used under its corresponding <Provider>.")}}));Xt.displayName="TelephoneKeypad.Context";var we=Xt;var Rr=(0,I.memo)(({children:e})=>{let[t,a]=(0,I.useState)(!1),r=(0,I.useMemo)(()=>Object.freeze({setShown:a,shown:t}),[a,t]);return I.default.createElement(we.Provider,{value:r},e)}),Ve=Rr;var ve=i(require("react"));var Zt=require("botframework-webchat-component"),jt=i(require("classnames")),s=i(require("react")),Oe=require("use-ref-from");var L=i(require("react")),Wt=require("use-ref-from");var Ot={"telephone-keypad__button":"i","telephone-keypad__button__ruby":"b","telephone-keypad__button__text":"n","telephone-keypad--horizontal":"C"};var Ut=(0,L.memo)((0,L.forwardRef)(({button:e,"data-testid":t,onClick:a,ruby:r},o)=>{let d=c(Ot),l=(0,Wt.useRefFrom)(a),n=(0,L.useCallback)(()=>l.current?.(),[l]);return L.default.createElement("button",{className:d["telephone-keypad__button"],"data-testid":t,onClick:n,ref:o,type:"button"},L.default.createElement("span",{className:d["telephone-keypad__button__text"]},e==="*"?"\u2217":e),!!r&&L.default.createElement("ruby",{className:d["telephone-keypad__button__ruby"]},r))}));Ut.displayName="TelephoneKeypad.Button";var S=Ut;var fe=require("react");function A(){let{setShown:e,shown:t}=(0,fe.useContext)(we);return(0,fe.useMemo)(()=>Object.freeze([t,e]),[t,e])}var Xe={"telephone-keypad":"G","telephone-keypad__box":"U","telephone-keypad__info-message":"j","telephone-keypad__info-message-link":"A"};var{LocalizedString:Xr}=Zt.Components,Gt=(0,s.memo)(({children:e,isHorizontal:t})=>{let a=c(Xe);return t?null:s.default.createElement("div",{className:a["telephone-keypad__box"]},e)});Gt.displayName="TelephoneKeypad:Orientation";var $t=(0,s.memo)(({autoFocus:e,className:t,onButtonClick:a,isHorizontal:r})=>{let o=(0,Oe.useRefFrom)(e),d=c(Xe),l=(0,s.useRef)(null),n=(0,Oe.useRefFrom)(a),[,m]=A(),g=(0,s.useCallback)(()=>n.current?.("1"),[n]),u=(0,s.useCallback)(()=>n.current?.("2"),[n]),b=(0,s.useCallback)(()=>n.current?.("3"),[n]),w=(0,s.useCallback)(()=>n.current?.("4"),[n]),v=(0,s.useCallback)(()=>n.current?.("5"),[n]),_=(0,s.useCallback)(()=>n.current?.("6"),[n]),y=(0,s.useCallback)(()=>n.current?.("7"),[n]),B=(0,s.useCallback)(()=>n.current?.("8"),[n]),C=(0,s.useCallback)(()=>n.current?.("9"),[n]),E=(0,s.useCallback)(()=>n.current?.("0"),[n]),V=(0,s.useCallback)(()=>n.current?.("*"),[n]),Z=(0,s.useCallback)(()=>n.current?.("#"),[n]),te=(0,s.useCallback)(j=>{j.key==="Escape"&&m(!1)},[m]);return(0,s.useEffect)(()=>{o.current&&l.current?.focus()},[o,l]),s.default.createElement("div",{className:(0,jt.default)(d["telephone-keypad"],t),onKeyDown:te},s.default.createElement(Gt,{isHorizontal:r},s.default.createElement(S,{button:"1","data-testid":p.sendBoxTelephoneKeypadButton1,onClick:g,ref:l}),s.default.createElement(S,{button:"2","data-testid":p.sendBoxTelephoneKeypadButton2,onClick:u,ruby:"ABC"}),s.default.createElement(S,{button:"3","data-testid":p.sendBoxTelephoneKeypadButton3,onClick:b,ruby:"DEF"}),s.default.createElement(S,{button:"4","data-testid":p.sendBoxTelephoneKeypadButton4,onClick:w,ruby:"GHI"}),s.default.createElement(S,{button:"5","data-testid":p.sendBoxTelephoneKeypadButton5,onClick:v,ruby:"JKL"}),s.default.createElement(S,{button:"6","data-testid":p.sendBoxTelephoneKeypadButton6,onClick:_,ruby:"MNO"}),s.default.createElement(S,{button:"7","data-testid":p.sendBoxTelephoneKeypadButton7,onClick:y,ruby:"PQRS"}),s.default.createElement(S,{button:"8","data-testid":p.sendBoxTelephoneKeypadButton8,onClick:B,ruby:"TUV"}),s.default.createElement(S,{button:"9","data-testid":p.sendBoxTelephoneKeypadButton9,onClick:C,ruby:"WXYZ"}),s.default.createElement(S,{button:"*","data-testid":p.sendBoxTelephoneKeypadButtonStar,onClick:V}),s.default.createElement(S,{button:"0","data-testid":p.sendBoxTelephoneKeypadButton0,onClick:E,ruby:"+"}),s.default.createElement(S,{button:"#","data-testid":p.sendBoxTelephoneKeypadButtonPound,onClick:Z})),s.default.createElement("div",{className:d["telephone-keypad__info-message"]},s.default.createElement(ze,null),s.default.createElement(Xr,{linkClassName:d["telephone-keypad__info-message-link"],stringIds:"TELEPHONE_KEYPAD_INPUT_MESSAGE"})))});$t.displayName="TelephoneKeypad";var Yt=$t;var Jt=(0,ve.memo)(e=>A()[0]?ve.default.createElement(Yt,{...e}):null);Jt.displayName="TelephoneKeypad.Surrogate";var We=Jt;var Qt=require("botframework-webchat-component"),T=i(require("react")),ea=require("use-ref-from");var xe=i(require("classnames")),R=i(require("react"));var _e={sendbox__toolbar:"I","sendbox__toolbar-button":"E","sendbox__toolbar-button--selected":"q","sendbox__toolbar-separator":"J"};var Wr=e=>e.preventDefault(),X=(0,R.memo)(e=>{let t=c(_e);return R.default.createElement("button",{"aria-label":e["aria-label"],className:(0,xe.default)(t["sendbox__toolbar-button"],e.className,{[t["sendbox__toolbar-button--selected"]]:e.selected}),"data-testid":e["data-testid"],onClick:e.disabled?Wr:e.onClick,type:e.type==="submit"?"submit":"button",...e.disabled&&{"aria-disabled":"true",tabIndex:-1}},e.children)});X.displayName="ToolbarButton";var Ue=(0,R.memo)(e=>{let t=c(_e);return R.default.createElement("div",{className:(0,xe.default)(t.sendbox__toolbar,e.className)},e.children)});Ue.displayName="Toolbar";var Ze=(0,R.memo)(e=>{let t=c(_e);return R.default.createElement("div",{"aria-orientation":"vertical",className:(0,xe.default)(t["sendbox__toolbar-separator"],e.className),role:"separator"})});Ze.displayName="ToolbarSeparator";var qt={"sendbox__add-attachment":"K","sendbox__add-attachment-input":"O"};var{useLocalizer:Zr,useStyleOptions:jr}=Qt.hooks;function Gr(e){let t=(0,T.useRef)(null),a=c(qt),r=Zr(),[{uploadAccept:o,uploadMultiple:d}]=jr(),l=(0,ea.useRefFrom)(e.onFilesAdded),n=(0,T.useCallback)(()=>t.current?.click(),[t]),m=(0,T.useCallback)(({target:{files:g}})=>{g&&(l.current?.([...g]),t.current&&(t.current.value=""))},[t,l]);return T.default.createElement("div",{className:a["sendbox__add-attachment"]},T.default.createElement("input",{accept:o,"aria-disabled":e.disabled,"aria-hidden":"true",className:a["sendbox__add-attachment-input"],multiple:d,onInput:e.disabled?void 0:m,readOnly:e.disabled,ref:t,role:"button",tabIndex:-1,type:"file"}),T.default.createElement(X,{"aria-label":r("TEXT_INPUT_UPLOAD_BUTTON_ALT"),"data-testid":p.sendBoxUploadButton,onClick:n},T.default.createElement(Ae,null)))}var ta=(0,T.memo)(Gr);var ra=require("botframework-webchat-component"),ye=i(require("react")),oa=i(require("classnames"));var aa={sendbox__attachment:"Q"};var{useLocalizer:Yr}=ra.hooks,Jr={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 qr({attachments:e,className:t}){let a=c(aa),r=Yr({plural:!0});return e.length?ye.default.createElement("div",{className:(0,oa.default)(a.sendbox__attachment,t)},r(Jr,e.length)):null}var na=(0,ye.memo)(qr);var ca=require("botframework-webchat-component/internal"),se=i(require("react"));var ia={"sendbox__error-message":"Y"};function la({error:e,id:t}){let a=c(ia);return(0,ca.useLiveRegion)(()=>e&&se.default.createElement("div",{className:"sendbox__error-message__status"},e),[e]),se.default.createElement("span",{className:a["sendbox__error-message"],id:t},e)}la.displayName="ErrorMessage";var da=(0,se.memo)(la);var sa=require("botframework-webchat-component"),O=require("react"),ba=require("use-ref-from"),{useConnectivityStatus:eo,useLocalizer:to}=sa.hooks,ao=({attachments:e,message:t})=>{let[a]=eo(),[r,o]=(0,O.useState)(),d=to(),l=(0,ba.useRefFrom)(a!=="connected"&&a!=="reconnected"?"offline":!t&&!e.length?"empty":void 0),n=(0,O.useMemo)(()=>Object.freeze(new Map().set("empty",d("SEND_BOX_IS_EMPTY_TOOLTIP_ALT")).set("offline",d("CONNECTIVITY_STATUS_ALT_FATAL"))),[d]),m=!!t?.trim();r==="empty"&&m&&o(void 0);let g=(0,O.useCallback)(()=>(o(l.current),l.current),[l]);return(0,O.useMemo)(()=>Object.freeze([r&&n.get(r),g]),[r,n,g])},ua=ao;var ha=require("react"),ma=require("botframework-webchat-component"),{useScrollDown:ro,useScrollUp:oo}=ma.hooks;function je(){let e=ro(),t=oo();return(0,ha.useCallback)(a=>{if(a.target instanceof HTMLTextAreaElement&&a.target.value)return;let{ctrlKey:r,metaKey:o,shiftKey:d}=a;if(r||o||d)return;let l=!0;switch(a.key){case"End":e({displacement:1/0});break;case"Home":t({displacement:1/0});break;case"PageDown":e();break;case"PageUp":t();break;default:l=!1;break}l&&(a.preventDefault(),a.stopPropagation())},[e,t])}var pa=require("react");function Ge(e){let t=(0,pa.useMemo)(()=>Math.random().toString(36).substr(2,5),[]);return e=e?`${e}--`:"",`${e}${t}`}var ga={sendbox:"Z",sendbox__sendbox:"aa","sendbox__attachment--in-grid":"d","sendbox__text-area--in-grid":"ra","sendbox__sendbox-controls--in-grid":"ea","sendbox__telephone-keypad--in-grid":"oa","sendbox__sendbox-text":"ta","sendbox__sendbox-controls":"ca","sendbox__text-counter":"la","sendbox__text-counter--error":"ia"};var W=i(require("react")),wa=require("botframework-webchat-component");var{useLocalizer:io}=wa.hooks,fa=(0,W.memo)(()=>{let[e,t]=A(),a=io(),r=(0,W.useCallback)(()=>t(o=>!o),[t]);return W.default.createElement(X,{"aria-label":a("TEXT_INPUT_TELEPHONE_KEYPAD_BUTTON_ALT"),"data-testid":p.sendBoxTelephoneKeypadToolbarButton,onClick:r,selected:e},W.default.createElement(Pe,null))});fa.displayName="SendBox.TelephoneKeypadToolbarButton";var va=fa;var ke=i(require("classnames")),K=i(require("react"));var _a={"sendbox__text-area":"ba","sendbox__text-area--hidden":"na","sendbox__text-area-shared":"da","sendbox__text-area-doppelganger":"ha","sendbox__text-area-input":"wa","sendbox__text-area-input--scroll":"sa"};var xa=(0,K.forwardRef)((e,t)=>{let a=c(_a),r=(0,K.useCallback)(o=>{!o.shiftKey&&o.key==="Enter"&&(o.preventDefault(),"form"in o.target&&o.target.form instanceof HTMLFormElement&&o.target?.form?.requestSubmit())},[]);return K.default.createElement("div",{className:(0,ke.default)(a["sendbox__text-area"],{[a["sendbox__text-area--hidden"]]:e.hidden},e.className),role:e.hidden?"hidden":void 0},K.default.createElement("div",{className:(0,ke.default)(a["sendbox__text-area-doppelganger"],a["sendbox__text-area-shared"],a["sendbox__text-area-input--scroll"])},e.value||e.placeholder," "),K.default.createElement("textarea",{"aria-label":e["aria-label"],className:(0,ke.default)(a["sendbox__text-area-input"],a["sendbox__text-area-shared"],a["sendbox__text-area-input--scroll"]),"data-testid":e["data-testid"],onInput:e.onInput,onKeyDown:r,placeholder:e.placeholder,ref:t,rows:e.startRows??1,tabIndex:e.hidden?-1:void 0,value:e.value}))});xa.displayName="TextArea";var ya=xa;var{useFocus:lo,useLocalizer:so,useMakeThumbnail:bo,useRegisterFocusSendBox:uo,useSendBoxAttachments:ho,useSendBoxValue:mo,useSendMessage:po,useStyleOptions:go}=ka.hooks;function Fa(e){let t=(0,h.useRef)(null),[a,r]=(0,h.useState)(""),[o,d]=mo(),l=e.isPrimary?o:a,n=e.isPrimary?d:r,[m,g]=ho(),[{hideTelephoneKeypadButton:u,hideUploadButton:b,maxMessageLength:w}]=go(),v=!!w&&l.length>w,_=c(ga),y=so(),B=po(),C=bo(),E=Ge("sendbox__error-message-id"),[V,Z]=ua({message:l,attachments:m}),[te]=A(),j=lo();uo((0,h.useCallback)(({noKeyboard:k,waitUntil:be})=>{t.current&&(k?be((async()=>{let ae=t.current?.getAttribute("readonly");t.current?.setAttribute("readonly","true"),await new Promise(ue=>setTimeout(ue,0)),t.current?.focus(),typeof ae!="string"?t.current?.removeAttribute("readonly"):t.current?.setAttribute("readonly",ae)})()):t.current?.focus())},[t]));let qe=(0,$e.useRefFrom)(m),Qe=(0,$e.useRefFrom)(l),Ea=(0,h.useCallback)(k=>{"tabIndex"in k.target&&typeof k.target.tabIndex=="number"&&k.target.tabIndex>=0||j("sendBox")},[j]),Pa=(0,h.useCallback)(k=>n(k.currentTarget.value),[n]),et=(0,h.useCallback)(async k=>{let be=Object.freeze(await Promise.all(k.map(ae=>C(ae).then(ue=>Object.freeze({blob:ae,...ue&&{thumbnailURL:ue}})))));g(be)},[C,g]),Da=(0,h.useCallback)(k=>{k.preventDefault(),Z()!=="empty"&&!v&&(B(Qe.current,void 0,{attachments:qe.current}),n(""),g([])),j("sendBox")},[Z,v,j,B,n,Qe,qe,g]),Ia=(0,h.useCallback)(k=>B(`/DTMFKey ${k}`),[B]),Ra=je(),Ka={"aria-invalid":"false",...V&&{"aria-describedby":E,"aria-errormessage":E,"aria-invalid":"true"}};return h.default.createElement("form",{...Ka,className:(0,Q.default)(_.sendbox,e.className),onSubmit:Da},h.default.createElement(Ke,null),h.default.createElement("div",{className:(0,Q.default)(_.sendbox__sendbox),onClickCapture:Ea,onKeyDown:Ra},h.default.createElement(ya,{"aria-label":y(v?"TEXT_INPUT_LENGTH_EXCEEDED_ALT":"TEXT_INPUT_ALT"),className:(0,Q.default)(_["sendbox__sendbox-text"],_["sendbox__text-area--in-grid"]),"data-testid":p.sendBoxTextBox,hidden:te,onInput:Pa,placeholder:e.placeholder??y("TEXT_INPUT_PLACEHOLDER"),ref:t,value:l}),h.default.createElement(We,{autoFocus:!0,className:_["sendbox__telephone-keypad--in-grid"],isHorizontal:!1,onButtonClick:Ia}),h.default.createElement(na,{attachments:m,className:_["sendbox__attachment--in-grid"]}),h.default.createElement("div",{className:(0,Q.default)(_["sendbox__sendbox-controls"],_["sendbox__sendbox-controls--in-grid"])},!te&&w&&isFinite(w)&&h.default.createElement("div",{className:(0,Q.default)(_["sendbox__text-counter"],{[_["sendbox__text-counter--error"]]:v})},`${l.length}/${w}`),h.default.createElement(Ue,null,!u&&h.default.createElement(va,null),!b&&h.default.createElement(ta,{onFilesAdded:et}),h.default.createElement(Ze,null),h.default.createElement(X,{"aria-label":y("TEXT_INPUT_SEND_BUTTON_ALT"),"data-testid":p.sendBoxSendButton,disabled:v||te,type:"submit"},h.default.createElement(Ee,null)))),h.default.createElement(De,{onFilesAdded:et}),h.default.createElement(da,{error:V,id:E})))}var Fe=(0,h.memo)(e=>h.default.createElement(Fa,{...e,isPrimary:!0}));Fe.displayName="PrimarySendBox";var wo=(0,h.memo)(Fa);var Na=i(require("react")),Sa=i(require("classnames"));var Ye={theme:"a","variant-copilot":"o"};var vo="webchat-fluent";function Ne(e){let t=c(Ye),a=$(Ye);return Na.default.createElement("div",{className:(0,Sa.default)(vo,t.theme,a)},e.children)}var Ma=require("botframework-webchat-api/decorator"),Se=i(require("react"));var U=i(require("react"));var Ta={"borderAnimation-angle":"h","borderAnimation-color1":"w","borderAnimation-color2":"s","borderAnimation-color3":"u","border-flair":"g","borderFlair-animation":"p"};function xo({children:e}){let t=c(Ta);return U.default.createElement(U.Fragment,null,e,U.default.createElement("div",{className:t["border-flair"]}))}var Ba=(0,U.memo)(xo);var ee=i(require("react"));var Ca={"borderAnimation-position":"v","border-loader":"ua","border-loader__track":"ga","border-loader__loader":"pa"};function ko({children:e}){let t=c(Ca);return ee.default.createElement("div",{className:t["border-loader"]},e,ee.default.createElement("div",{className:t["border-loader__track"]},ee.default.createElement("div",{className:t["border-loader__loader"]})))}var Ha=(0,ee.memo)(ko);var Fo=[e=>e==="activity border"&&(t=>a=>a.livestreamingState==="completing"?Ba:t(a)),e=>e==="activity border"&&(t=>a=>a.livestreamingState==="preparing"?Ha:t(a))];function No({children:e}){return Se.default.createElement(Ma.DecoratorComposer,{middleware:Fo},e)}var Je=(0,Se.memo)(No);var{ThemeProvider:So}=La.Components,To=Object.freeze([()=>e=>(...t)=>{let a=t[0]?.activity;if(a&&Y(a))return()=>z.default.createElement(Me,{activity:a});let r=e(...t);return r&&((...o)=>z.default.createElement(He,{activity:a},r(...o)))}]),Bo=[()=>()=>()=>Fe],Co=({children:e,variant:t="fluent"})=>z.default.createElement(rt,{variant:t},z.default.createElement(Ne,null,z.default.createElement(Ve,null,z.default.createElement(So,{activityMiddleware:To,sendBoxMiddleware:Bo},z.default.createElement(Je,null,e))))),Aa=(0,z.memo)(Co);var Ho="tsup",Mo="commonjs",Lo="4.18.1-main.20240830.4534802",Ao={buildTool:Ho,moduleFormat:Mo,version:Lo};(0,za.injectMetaTag)("botframework-webchat:fluent-theme","version=4.18.1-main.20240830.4534802; build-tool=tsup; module-format=commonjs");pe();
2
2
  /*! For license information please see botframework-webchat-fluent-theme.js.LEGAL.txt */
3
3
  //# sourceMappingURL=botframework-webchat-fluent-theme.js.map